{"version":3,"file":"static/js/6128.468a984a.chunk.js","mappings":"iIAAA,MAeA,EAfwB,KAEpB,gBAAKA,UAAU,SAAQ,UACrB,gBAAKA,UAAU,YAAW,UACxB,iBAAKA,UAAU,cAAa,WAC1B,gBAAKA,UAAU,8BAA8BC,GAAG,6BAA6BC,MAAO,CAAEC,SAAU,IAAKC,UAAW,IAAKC,OAAQ,WAAYC,QAAS,SAAUC,QAAS,WACrK,gBAAKP,UAAU,8BAA8BC,GAAG,6BAA6BC,MAAO,CAAEC,SAAU,IAAKC,UAAW,IAAKC,OAAQ,WAAYC,QAAS,SAAUC,QAAS,WACrK,gBAAKP,UAAU,8BAA8BC,GAAG,6BAA6BC,MAAO,CAAEC,SAAU,IAAKC,UAAW,IAAKC,OAAQ,WAAYC,QAAS,SAAUC,QAAS,WACrK,gBAAKP,UAAU,8BAA8BC,GAAG,6BAA6BC,MAAO,CAAEC,SAAU,IAAKC,UAAW,IAAKC,OAAQ,WAAYC,QAAS,SAAUC,QAAS,gB,8FCC/K,MAiDA,EAjDkBC,IAChB,MAAM,KAAEC,GAASD,GACX,KAAEE,IAASC,EAAAA,EAAAA,KAAaC,GAAqBA,EAAMC,eAEnDC,GAAWC,EAAAA,EAAAA,MAMjB,OAJAC,EAAAA,EAAAA,YAAU,KACRF,GAASG,EAAAA,EAAAA,MAAmB,GAC3B,CAACH,KAGF,qCACYI,IAATT,GAA+B,OAATA,GAA0B,YAATA,IACtC,iCACE,kBACA,kEACA,kBACA,gBAAKT,UAAU,UAAS,SACrBU,EAAKS,KAAI,CAACC,EAAMC,KACf,IAAIC,EAAa,oBAAsBF,EAAKE,WAC5C,OACE,cAAGC,KAAMD,EAAwBtB,UAAU,gBAAe,SACvDoB,EAAKI,cADkBH,EAEtB,eAMHH,IAATT,GAA+B,OAATA,KACtB,gBAAKT,UAAU,qBAAoB,UACjC,iBAAKA,UAAU,gCAA+B,WAC5C,kEACA,kBACCU,EAAKS,KAAI,CAACC,EAAMC,KACf,IAAIC,EAAa,oBAAsBF,EAAKE,WAC5C,OACE,cAAGC,KAAMD,EAAwBtB,UAAU,gBAAe,SACvDoB,EAAKI,cADkBH,EAEtB,WAMb,C,kDC9CP,MAuBA,EAvByBb,KACvBQ,EAAAA,EAAAA,YAAU,KACR,MAAMS,EAAYC,OAAOD,WAAa,CAAC,EACvCA,EAAUE,IAAMF,EAAUE,KAAO,GACjCF,EAAUE,IAAIC,MAAK,KACjBF,OAAOD,UAAUI,cAAc,IAGjCrB,EAAMW,KAAKC,IACTK,EAAUE,IAAIC,MAAK,WACjBH,EAAUK,WAAWV,EAAKW,KAAMX,EAAKY,KAAMZ,EAAKnB,IAAIgC,WAAWR,EAAUS,UAGzET,EAAUS,SAASC,sBACnBV,EAAUW,gBACZ,IACAX,EAAUE,IAAIC,MAAK,WACjBH,EAAUlB,QAAQa,EAAKnB,GACzB,GAAE,GACF,GACD,CAACO,GAAO,C,uPCxBb,MAgCA,EAhC0BA,IAA2C,IAAD,QAClE,MAAM6B,EAAU7B,EAAM6B,QACtB,OACE,gBAAKrC,UAAU,SAAQ,UACrB,iBAAKA,UAAU,cAAa,WAC1B,gBAAKsC,IAAe,QAAZ,EAAED,EAAQ,UAAE,aAAV,EAAYE,SAAUC,IAAe,QAAZ,EAAEH,EAAQ,UAAE,aAAV,EAAYI,KAAMC,QAAQ,UAC/D,iBAAK1C,UAAU,eAAc,WAC3B,SAAC,KAAI,CAAC2C,GAAG,mBAAkB,UAAC,qCAC5B,wBAEKN,EAAQO,OAAS,EACT,OAAPP,QAAO,IAAPA,OAAO,EAAPA,EAASlB,KAAI,CAACC,EAAMC,KACX,yBACL,SAAC,KAAI,CAACsB,GAAI,aAAevB,EAAKyB,SAAUC,wBAAyB,CAAEC,OAAQ3B,EAAKqB,SADlEpB,MAMlB,yBACE,SAAC,KAAI,CAACsB,GAAc,QAAZ,EAAEN,EAAQ,UAAE,aAAV,EAAYQ,SAAUC,wBAAyB,CAAEC,OAAkB,QAAZ,EAAEV,EAAQ,UAAE,aAAV,EAAYI,gBAOzF,gBAAKzC,UAAU,mBAEb,ECGV,EA/B4BQ,IAA2C,IAAD,QAClE,MAAM6B,EAAU7B,EAAM6B,QACtB,OACI,gBAAKrC,UAAU,SAAQ,UACnB,iBAAKA,UAAU,cAAa,WAC9B,gBAAKsC,IAAe,QAAZ,EAAED,EAAQ,UAAE,aAAV,EAAYE,SAAUC,IAAe,QAAZ,EAAEH,EAAQ,UAAE,aAAV,EAAYI,KAAMC,QAAQ,UACzD,iBAAK1C,UAAU,eAAc,WACzB,SAAC,KAAI,CAAC2C,GAAG,qBAAoB,UAAC,wCAC9B,wBAESN,EAAQO,OAAS,EACP,OAAPP,QAAO,IAAPA,OAAO,EAAPA,EAASlB,KAAI,CAACC,EAAMC,KACT,yBACK,SAAC,KAAI,CAACsB,GAAI,aAAevB,EAAKyB,SAAUC,wBAAyB,CAACC,OAAQ3B,EAAKqB,SAD3EpB,MAMpB,yBACI,SAAC,KAAI,CAACsB,GAAc,QAAZ,EAAEN,EAAQ,UAAE,aAAV,EAAYQ,SAAUC,wBAAyB,CAACC,OAAkB,QAAZ,EAAEV,EAAQ,UAAE,aAAV,EAAYI,gBAMlG,gBAAKzC,UAAU,mBAEjB,ECKd,EAhC2BQ,IAA4C,IAAD,QACpE,MAAM6B,EAAU7B,EAAM6B,QACtB,OACE,gBAAKrC,UAAU,SAAQ,UACrB,iBAAKA,UAAU,cAAa,WAC1B,gBAAKsC,IAAY,OAAPD,QAAO,IAAPA,GAA8B,QAAvB,EAAPA,EAASW,MAAM,GAAGC,UAAU,UAAE,WAAvB,EAAP,EAAgCC,UAAWV,IAAkC,QAA/B,EAAEH,EAAQW,MAAM,GAAGC,UAAU,UAAE,aAA7B,EAA+BE,UAAWT,QAAQ,UAC5G,iBAAK1C,UAAU,eAAc,WAC3B,SAAC,KAAI,CAAC2C,GAAG,UAAS,UAAC,sCACnB,wBAEKN,EAAQO,OAAS,EACT,OAAPP,QAAO,IAAPA,OAAO,EAAPA,EAASW,MAAM,GAAGC,UAAU9B,KAAI,CAACC,EAAMC,KAC9B,yBACL,SAAC,KAAI,CAACsB,GAAI,WAAavB,EAAKyB,SAAUC,wBAAyB,CAAEC,OAAQ3B,EAAK+B,cADhE9B,MAMlB,yBACE,SAAC,KAAI,CAACsB,GAAc,QAAZ,EAAEN,EAAQ,UAAE,aAAV,EAAYQ,SAAUC,wBAAyB,CAAEC,OAAkB,QAAZ,EAAEV,EAAQ,UAAE,aAAV,EAAYc,qBAOzF,gBAAKnD,UAAU,mBAEb,ECOV,EA/BqBQ,IAEnB,MAAM,QAAE6B,GAAY7B,EAEpB,OACE,iBAAKR,UAAU,qDAAoD,WACjE,gBAAKA,UAAU,uCAAsC,UACnD,SAAC,KAAI,CAACA,UAAU,gBAAgB2C,GAAIN,EAAQe,WAAW,UACrD,gBAAKd,IAAKD,EAAQgB,mBAAoBb,IAAKH,EAAQiB,YAAatD,UAAU,kBAAkB0C,QAAQ,cAGxG,iBAAK1C,UAAU,uCAAsC,WACnD,iBAAKA,UAAU,qBAAoB,WACjC,iBAAKA,UAAU,aAAY,WACzB,iBAAMA,UAAU,eAAc,SAAEqC,EAAQkB,qBAA0B,MAAE,kBAAMvD,UAAU,UAAS,kBAAK,iBAAM8C,wBAAyB,CAAEC,OAAQV,EAAQmB,iBAErJ,iBAAKxD,UAAU,yBAAwB,WACrC,iBAAMA,UAAU,WAAW8C,wBAAyB,CAAEC,OAAQV,EAAQoB,aACtE,iBAAMzD,UAAU,qBAAoB,sBAGxC,gBAAKA,UAAU,OAAM,UACnB,SAAC,KAAI,CAAC2C,GAAIN,EAAQe,WAAW,UAAC,wBAAKf,EAAQiB,mBAE7C,uBAAIjB,EAAQqB,qBACZ,SAAC,KAAI,CAAC1D,UAAU,gBAAgB2C,GAAIN,EAAQe,WAAW,2BAErD,E,eCjCV,MAsDA,EAtD+B,MAC3BO,EAAAA,EAAAA,GAAW,CAAC,CACR5B,KAAM,mCACNC,KAAM,CAAC,IAAK,KACZ/B,GAAI,8BACJ,CACA8B,KAAM,mCACNC,KAAM,CAAC,IAAK,KACZ/B,GAAI,8BACJ,CACA8B,KAAM,mCACNC,KAAM,CAAC,IAAK,KACZ/B,GAAI,8BACJ,CACA8B,KAAM,mCACNC,KAAM,CAAC,IAAK,KACZ/B,GAAI,8BACJ,CACA8B,KAAM,iCACNC,KAAM,CAAC,IAAK,IACZ/B,GAAI,8BACJ,CACA8B,KAAM,iCACNC,KAAM,CAAC,IAAK,IACZ/B,GAAI,8BACJ,CACA8B,KAAM,uCACNC,KAAM,CAAC,IAAK,IACZ/B,GAAI,8BACJ,CACA8B,KAAM,8CACNC,KAAM,CAAC,IAAK,IACZ/B,GAAI,8BACJ,CACA8B,KAAM,uCACNC,KAAM,CAAC,IAAK,IACZ/B,GAAI,8BACJ,CACA8B,KAAM,8CACNC,KAAM,CAAC,IAAK,IACZ/B,GAAI,8BACJ,CACA8B,KAAM,uCACNC,KAAM,CAAC,IAAK,IACZ/B,GAAI,8BACJ,CACA8B,KAAM,8CACNC,KAAM,CAAC,IAAK,IACZ/B,GAAI,iCAGD,yBCLX,EAvC2BO,IAAsB,IAAD,IAC9C,MAAMoD,EAAwBpD,EAAMqD,SAE9BC,GAAmBC,EAAAA,EAAAA,UAAQ,KAAM,SAAC,EAAsB,KAAK,KAE5DC,EAAkBC,IAAuBC,EAAAA,EAAAA,WAAS,GAQzD,OANAlD,EAAAA,EAAAA,YAAU,KAAO,IAAD,GACc,QAAxB,EAAA4C,EAAsB,UAAE,aAAxB,EAA0BO,aAAavB,QAAS,IAAMoB,GACxDC,GAAoB,EACtB,GACC,CAACL,KAGF,iBAAK5D,UAAU,+BAA8B,UAClB,QADkB,EAC1C4D,EAAsB,UAAE,OAAc,QAAd,EAAxB,EAA0BO,oBAAY,WAAd,EAAxB,EAAwChD,KAAI,CAACC,EAAMC,KAEhD,UAAC,WAAc,WACF,IAAVA,IACC,gBAAKrB,UAAU,YAAW,UACxB,iBAAKA,UAAU,gBAAe,WAC5B,gBAAKA,UAAU,8DAA8DC,GAAG,6BAA6BC,MAAO,CAAEC,SAAU,QAASC,UAAW,OAAQG,QAAS,WACrK,gBAAKP,UAAU,8DAA8DC,GAAG,6BAA6BC,MAAO,CAAEC,SAAU,QAASC,UAAW,OAAQG,QAAS,cAHzI,OAASc,GAO1CA,GAAS,GACR,gBAAKrB,UAAU,WAAU,UACvB,SAAC,EAAW,CAACqC,QAASjB,KADOC,GAG7B,OAbeA,KAiBxB2C,GAAoBF,IACjB,ECpBV,EAhBwBtD,IAAsB,IAAD,IAE3C,MAAMoD,EAAwBpD,EAAMqD,SACpC,OAAO,gBAAK7D,UAAU,+BAA8B,SACzB,QADyB,EACjD4D,EAAsB,UAAE,OAAc,QAAd,EAAxB,EAA0BO,oBAAY,WAAd,EAAxB,EAAwChD,KAAI,CAACC,EAAMC,KACzC,SAAC,WAAc,UAClBA,EAAQ,GACN,gBAAKrB,UAAU,WAAU,UACvB,SAAC,EAAW,CAACqC,QAASjB,KADOC,GAG7B,MALoBA,MAQ5B,ECeR,EAhCyBb,IAA8C,IAAD,UACpE,MAAM6B,EAAU7B,EAAM6B,QACtB,OACE,gBAAKrC,UAAU,SAAQ,UACrB,iBAAKA,UAAU,cAAa,WAC1B,gBAAKsC,IAAe,QAAZ,EAAED,EAAQ,UAAE,aAAV,EAAYgB,mBAAoBb,IAAe,QAAZ,EAAEH,EAAQ,UAAE,aAAV,EAAYiB,YAAaZ,QAAQ,UAChF,iBAAK1C,UAAU,eAAc,WAC3B,SAAC,KAAI,CAAC2C,GAAG,qBAAoB,UAAC,oCAC9B,wBAEKN,EAAQO,OAAS,EACT,OAAPP,QAAO,IAAPA,OAAO,EAAPA,EAASlB,KAAI,CAACC,EAAMC,KACX,yBACL,SAAC,KAAI,CAACsB,GAAIvB,EAAKgC,WAAYN,wBAAyB,CAAEC,OAAQ3B,EAAKkC,gBADrDjC,MAMlB,2BACE,SAAC,KAAI,CAACsB,GAAc,QAAZ,EAAEN,EAAQ,UAAE,aAAV,EAAYe,WAAYN,wBAAyB,CAAEC,OAAkB,QAAZ,EAAEV,EAAQ,UAAE,aAAV,EAAYiB,gBACjF,cAAGR,wBAAyB,CAAEC,OAAkB,QAAZ,EAAEV,EAAQ,UAAE,aAAV,EAAYqB,8BAM5D,gBAAK1D,UAAU,mBAEb,E,eCrBV,MA0CA,EA1CkCQ,IAAoC,IAAD,8BACnE,MAAM4D,EAA2B5D,EAAM6B,QAEvC,OAAO,iBAAKrC,UAAY,kBAAiBQ,EAAM6D,eAAe,WAC5D,SAAC,KAAI,CAAC1B,GAAG,gDAA+C,UACtD,gBAAK3C,UAAWQ,EAAM8D,gBAAgB,6BAExC,SAAC,KAAI,CAAC3B,GAA+B,QAA7B,EAAEyB,EAAyB,UAAE,OAAiB,QAAjB,EAA3B,EAA6BD,aAAa,UAAE,WAAjB,EAA3B,EAA8Cf,WAAW,UACjE,gBAAKd,IAAgC,QAA7B,EAAE8B,EAAyB,UAAE,OAAiB,QAAjB,EAA3B,EAA6BD,aAAa,UAAE,WAAjB,EAA3B,EAA8Cd,mBAAoBb,IAAgC,QAA7B,EAAE4B,EAAyB,UAAE,OAAiB,QAAjB,EAA3B,EAA6BD,aAAa,UAAE,WAAjB,EAA3B,EAA8Cb,YAAaZ,QAAQ,YAEtJ,gBAAK1C,UAAWQ,EAAM+D,eAAe,UACnC,gBAAKvE,UAAWQ,EAAMgE,YAAY,UAChC,yBAC+B,QAA3B,EAAAJ,EAAyB,UAAE,OAAc,QAAd,EAA3B,EAA6BD,oBAAY,WAAd,EAA3B,EAA2CvB,QAAS,GAClD,gCAE+B,QAF/B,EAEIwB,EAAyB,UAAE,aAA3B,EAA6BD,aAAahD,KAAI,CAACC,EAAMC,KAC5C,yBACL,SAAC,KAAI,CAACsB,GAAIvB,EAAKgC,WAAYN,wBAAyB,CAAEC,OAAQ3B,EAAKkC,gBADrDjC,MAKpB,yBAEgC,QAA3B,EAAA+C,EAAyB,UAAE,aAA3B,EAA6BD,aAAavB,QAAS,IAAM,SAAC,KAAI,CAACD,GAAG,gDAAgD3C,UAAU,YAAW,4BAK9I,+BACE,2BACE,SAAC,KAAI,CAAC2C,GAA+B,QAA7B,EAAEyB,EAAyB,UAAE,aAA3B,EAA6BD,aAAa,GAAGf,WAAYN,wBAAyB,CAAEC,OAAmC,QAA7B,EAAEqB,EAAyB,UAAE,OAAiB,QAAjB,EAA3B,EAA6BD,aAAa,UAAE,WAAjB,EAA3B,EAA8Cb,gBACpJ,cAAGR,wBAAyB,CAAEC,OAAmC,QAA7B,EAAEqB,EAAyB,UAAE,OAAiB,QAAjB,EAA3B,EAA6BD,aAAa,UAAE,WAAjB,EAA3B,EAA8CT,kCAO9F,ECkBR,EAnDkClD,IAAoC,IAAD,8BAEnE,MAAMiE,EAA2BjE,EAAM6B,QAGvC,OAAO,iBAAKrC,UAAY,kBAAiBQ,EAAM6D,eAAe,WAC5D,SAAC,KAAI,CAAC1B,GAAG,gDAA+C,UACtD,gBAAK3C,UAAWQ,EAAM8D,gBAAgB,sBAIxC,SAAC,KAAI,CAAC3B,GAA+B,QAA7B,EAAE8B,EAAyB,UAAE,OAAiB,QAAjB,EAA3B,EAA6BN,aAAa,UAAE,WAAjB,EAA3B,EAA8Cf,WAAW,UACjE,gBAAKd,IAAgC,QAA7B,EAAEmC,EAAyB,UAAE,OAAiB,QAAjB,EAA3B,EAA6BN,aAAa,UAAE,WAAjB,EAA3B,EAA8Cd,mBAAoBb,IAAgC,QAA7B,EAAEiC,EAAyB,UAAE,OAAiB,QAAjB,EAA3B,EAA6BN,aAAa,UAAE,WAAjB,EAA3B,EAA8Cb,YAAaZ,QAAQ,YAEtJ,gBAAK1C,UAAWQ,EAAM+D,eAAe,UACnC,gBAAKvE,UAAWQ,EAAMgE,YAAY,UAChC,yBAEgC,QAA3B,EAAAC,EAAyB,UAAE,OAAc,QAAd,EAA3B,EAA6BN,oBAAY,WAAd,EAA3B,EAA2CvB,QAAS,GACnD,gCAE+B,QAF/B,EAEI6B,EAAyB,UAAE,aAA3B,EAA6BN,aAAahD,KAAI,CAACC,EAAMC,KAC5C,yBACL,SAAC,KAAI,CAACsB,GAAIvB,EAAKgC,WAAYN,wBAAyB,CAAEC,OAAQ3B,EAAKkC,gBADrDjC,MAKpB,yBAEgC,QAA3B,EAAAoD,EAAyB,UAAE,aAA3B,EAA6BN,aAAavB,QAAS,IAAM,SAAC,KAAI,CAACD,GAAG,gDAAgD3C,UAAU,YAAW,4BAM9I,2BACE,SAAC,KAAI,CAAC2C,GAA+B,QAA7B,EAAE8B,EAAyB,UAAE,aAA3B,EAA6BN,aAAa,GAAGf,WAAYN,wBAAyB,CAAEC,OAAmC,QAA7B,EAAE0B,EAAyB,UAAE,OAAiB,QAAjB,EAA3B,EAA6BN,aAAa,UAAE,WAAjB,EAA3B,EAA8Cb,gBACpJ,cAAGR,wBAAyB,CAAEC,OAAmC,QAA7B,EAAE0B,EAAyB,UAAE,OAAiB,QAAjB,EAA3B,EAA6BN,aAAa,UAAE,WAAjB,EAA3B,EAA8CT,gCAW5F,ECZR,EA1CkClD,IAAoC,IAAD,8BAEnE,MAAMkE,EAA2BlE,EAAM6B,QAEvC,OAAO,iBAAKrC,UAAY,kBAAiBQ,EAAM6D,eAAe,WAC5D,SAAC,KAAI,CAAC1B,GAAG,gDAA+C,UACtD,gBAAK3C,UAAWQ,EAAM8D,gBAAgB,yBAExC,SAAC,KAAI,CAAC3B,GAA+B,QAA7B,EAAE+B,EAAyB,UAAE,OAAiB,QAAjB,EAA3B,EAA6BP,aAAa,UAAE,WAAjB,EAA3B,EAA8Cf,WAAW,UACjE,gBAAKd,IAAgC,QAA7B,EAAEoC,EAAyB,UAAE,OAAiB,QAAjB,EAA3B,EAA6BP,aAAa,UAAE,WAAjB,EAA3B,EAA8Cd,mBAAoBb,IAAgC,QAA7B,EAAEkC,EAAyB,UAAE,OAAiB,QAAjB,EAA3B,EAA6BP,aAAa,UAAE,WAAjB,EAA3B,EAA8Cb,YAAaZ,QAAQ,YAEtJ,gBAAK1C,UAAWQ,EAAM+D,eAAe,UACnC,gBAAKvE,UAAWQ,EAAMgE,YAAY,UAChC,yBAC+B,QAA3B,EAAAE,EAAyB,UAAE,OAAc,QAAd,EAA3B,EAA6BP,oBAAY,WAAd,EAA3B,EAA2CvB,QAAS,GAClD,gCAE+B,QAF/B,EAEI8B,EAAyB,UAAE,aAA3B,EAA6BP,aAAahD,KAAI,CAACC,EAAMC,KAC5C,yBACL,SAAC,KAAI,CAACsB,GAAIvB,EAAKgC,WAAYN,wBAAyB,CAAEC,OAAQ3B,EAAKkC,gBADrDjC,MAKpB,yBAEgC,QAA3B,EAAAqD,EAAyB,UAAE,aAA3B,EAA6BP,aAAavB,QAAS,IAAM,SAAC,KAAI,CAACD,GAAG,gDAAgD3C,UAAU,YAAW,4BAM9I,2BACE,SAAC,KAAI,CAAC2C,GAA+B,QAA7B,EAAE+B,EAAyB,UAAE,aAA3B,EAA6BP,aAAa,GAAGf,WAAYN,wBAAyB,CAAEC,OAAmC,QAA7B,EAAE2B,EAAyB,UAAE,OAAiB,QAAjB,EAA3B,EAA6BP,aAAa,UAAE,WAAjB,EAA3B,EAA8Cb,gBACpJ,cAAGR,wBAAyB,CAAEC,OAAmC,QAA7B,EAAE2B,EAAyB,UAAE,OAAiB,QAAjB,EAA3B,EAA6BP,aAAa,UAAE,WAAjB,EAA3B,EAA8CT,gCAM5F,ECFR,EArCkClD,IAAoC,IAAD,8BAEnE,MAAMmE,EAA2BnE,EAAM6B,QAEvC,OAAO,iBAAKrC,UAAY,kBAAiBQ,EAAM6D,eAAe,WAC5D,SAAC,KAAI,CAAC1B,GAAG,gDAA+C,UACtD,gBAAK3C,UAAWQ,EAAM8D,gBAAgB,iCAExC,SAAC,KAAI,CAAC3B,GAA+B,QAA7B,EAAEgC,EAAyB,UAAE,OAAiB,QAAjB,EAA3B,EAA6BR,aAAa,UAAE,WAAjB,EAA3B,EAA8Cf,WAAW,UACjE,gBAAKd,IAAgC,QAA7B,EAAEqC,EAAyB,UAAE,OAAiB,QAAjB,EAA3B,EAA6BR,aAAa,UAAE,WAAjB,EAA3B,EAA8Cd,mBAAoBb,IAAgC,QAA7B,EAAEmC,EAAyB,UAAE,OAAiB,QAAjB,EAA3B,EAA6BR,aAAa,UAAE,WAAjB,EAA3B,EAA8Cb,YAAaZ,QAAQ,YAEtJ,gBAAK1C,UAAWQ,EAAM+D,eAAe,UACnC,gBAAKvE,UAAWQ,EAAMgE,YAAY,UAChC,yBAC+B,QAA3B,EAAAG,EAAyB,UAAE,OAAc,QAAd,EAA3B,EAA6BR,oBAAY,WAAd,EAA3B,EAA2CvB,QAAS,GACpD,gCAC8B,QAD9B,EACG+B,EAAyB,UAAE,aAA3B,EAA6BR,aAAahD,KAAI,CAACC,EAAMC,KAC3C,yBACL,SAAC,KAAI,CAACsB,GAAIvB,EAAKgC,WAAYN,wBAAyB,CAAEC,OAAQ3B,EAAKkC,gBADrDjC,MAIpB,yBAC+B,QAA3B,EAAAsD,EAAyB,UAAE,aAA3B,EAA6BR,aAAavB,QAAS,IAAM,SAAC,KAAI,CAACD,GAAG,gDAAgD3C,UAAU,YAAW,4BAI7I,2BACE,SAAC,KAAI,CAAC2C,GAA+B,QAA7B,EAAEgC,EAAyB,UAAE,aAA3B,EAA6BR,aAAa,GAAGf,WAAYN,wBAAyB,CAAEC,OAAmC,QAA7B,EAAE4B,EAAyB,UAAE,OAAiB,QAAjB,EAA3B,EAA6BR,aAAa,UAAE,WAAjB,EAA3B,EAA8Cb,gBACpJ,cAAGR,wBAAyB,CAAEC,OAAmC,QAA7B,EAAE4B,EAAyB,UAAE,OAAiB,QAAjB,EAA3B,EAA6BR,aAAa,UAAE,WAAjB,EAA3B,EAA8CT,gCAM1F,ECtCR,IAAIkB,EAAW,CACbC,MAAM,EACNC,UAAU,EACVC,MAAO,IACPC,QAAQ,EACRC,aAAc,EACdC,eAAgB,EAChBC,aAAc,EACdC,UAAU,EACVC,WAAY,CACV,CACEC,WAAY,KACZV,SAAU,CACRK,aAAc,EACdC,eAAgB,EAChBL,MAAM,IAGV,CACES,WAAY,IACZV,SAAU,CACRK,aAAc,EACdC,eAAgB,EAChBL,MAAM,MAwBd,MA8CA,EA9C2BrE,IAEvB,gBAAKR,UAAWQ,EAAM+E,cAAetF,GAAG,WAAU,UAChD,iBAAKD,UAAU,OAAM,WACnB,gBAAKA,UAAU,YAAW,UACxB,wBAAKQ,EAAMgF,qBAEb,gBAAKxF,UAAU,YAAW,UACtB,gBAAKA,UAAY,GAAEQ,EAAMiF,iBAAiB,UACxC,UAAC,IAAM,IAAKb,EAAQ,WACpB,SAAC,EAAwB,CACrBvC,QAAS7B,EAAMkF,YAAYjB,0BAA4B,GACvDJ,aAAc7D,EAAM6D,aACpBC,gBAAiB9D,EAAM8D,gBACvBC,eAAgB/D,EAAM+D,eACtBC,YAAahE,EAAMgE,eAErB,SAAC,EAAwB,CACvBnC,QAAS7B,EAAMkF,YAAYhB,0BAA4B,GACvDL,aAAc7D,EAAM6D,aACpBC,gBAAiB9D,EAAM8D,gBACvBC,eAAgB/D,EAAM+D,eACtBC,YAAahE,EAAMgE,eAErB,SAAC,EAAwB,CACvBnC,QAAS7B,EAAMkF,YAAYf,0BAA4B,GACvDN,aAAc7D,EAAM6D,aACpBC,gBAAiB9D,EAAM8D,gBACvBC,eAAgB/D,EAAM+D,eACtBC,YAAahE,EAAMgE,eAErB,SAAC,EAAwB,CACvBnC,QAAS7B,EAAMkF,YAAYC,0BAA4B,GACvDtB,aAAc7D,EAAM6D,aACpBC,gBAAiB9D,EAAM8D,gBACvBC,eAAgB/D,EAAM+D,eACtBC,YAAahE,EAAMgE,0BC7CrC,EAlCiChE,IAC/B,MAAM6B,EAAU7B,EAAM6B,QACtB,OAAO,iBAAKrC,UAAWQ,EAAM6D,aAAa,WACxC,SAAC,KAAI,CAAC1B,GAAIN,EAAQuD,SAAS,UACzB,gBAAK5F,UAAWQ,EAAM8D,gBAAgB,SACnCjC,EAAQwD,WAGb,SAAC,KAAI,CAAClD,GAAW,OAAPN,QAAO,IAAPA,OAAO,EAAPA,EAASuD,SAAS,UAC1B,gBAAKtD,IAAY,OAAPD,QAAO,IAAPA,OAAO,EAAPA,EAASyD,MAAOtD,IAAI,QAEhC,gBAAKxC,UAAWQ,EAAM+D,eAAe,UACnC,gBAAKvE,UAAWQ,EAAMgE,YAAY,UAChC,gBAAKxE,UAAU,kBAAiB,UAC9B,gBAAKA,UAAU,eAAc,UAC3B,2BACE,yBACE,UAAC,KAAI,CAAC2C,GAAIN,EAAQ0D,SAAS,cAAG1D,EAAQ2D,gBAExC,yBACE,UAAC,KAAI,CAACrD,GAAIN,EAAQ4D,SAAS,cAAG5D,EAAQ6D,gBAExC,yBACE,UAAC,KAAI,CAACvD,GAAIN,EAAQ8D,SAAS,cAAG9D,EAAQ+D,4BAQ9C,ECAR,EA/BiC5F,IAAoC,IAAD,UAClE,MAAM6B,EAAU7B,EAAM6B,QACtB,OAAO,iBAAKrC,UAAWQ,EAAM6D,aAAa,WACxC,SAAC,KAAI,CAAC1B,GAAIN,EAAQgE,QAAQ,UACxB,gBAAKrG,UAAWQ,EAAM8D,gBAAgB,SAAEjC,EAAQwD,WAElD,SAAC,KAAI,CAAClD,GAAW,OAAPN,QAAO,IAAPA,GAAwB,QAAjB,EAAPA,EAASiE,aAAa,UAAE,WAAjB,EAAP,EAA0BlD,WAAW,UAC7C,gBAAKd,IAAY,OAAPD,QAAO,IAAPA,GAAwB,QAAjB,EAAPA,EAASiE,aAAa,UAAE,WAAjB,EAAP,EAA0BjD,mBAAoBb,IAAY,OAAPH,QAAO,IAAPA,GAAwB,QAAjB,EAAPA,EAASiE,aAAa,UAAE,WAAjB,EAAP,EAA0BhD,YAAaZ,QAAQ,YAE9G,gBAAK1C,UAAWQ,EAAM+D,eAAe,UACnC,gBAAKvE,UAAWQ,EAAMgE,YAAY,UAChC,yBACW,OAAPnC,QAAO,IAAPA,OAAO,EAAPA,EAASiE,aAAa1D,QAAS,EACtB,OAAPP,QAAO,IAAPA,OAAO,EAAPA,EAASiE,aAAanF,KAAI,CAACC,EAAMC,KACxB,yBACL,SAAC,KAAI,CAACsB,GAAIvB,EAAKgC,WAAYN,wBAAyB,CAAEC,OAAQ3B,EAAKkC,gBADrDjC,MAKlB,2BACE,SAAC,KAAI,CAACsB,GAAW,OAAPN,QAAO,IAAPA,OAAO,EAAPA,EAASiE,aAAa,GAAGlD,WAAYN,wBAAyB,CAAEC,OAAe,OAAPV,QAAO,IAAPA,GAAwB,QAAjB,EAAPA,EAASiE,aAAa,UAAE,WAAjB,EAAP,EAA0BhD,gBAC5G,cAAGR,wBAAyB,CAAEC,OAAe,OAAPV,QAAO,IAAPA,GAAwB,QAAjB,EAAPA,EAASiE,aAAa,UAAE,WAAjB,EAAP,EAA0B5C,+BAMnE,OAAPrB,QAAO,IAAPA,OAAO,EAAPA,EAASiE,aAAa1D,QAAS,IAAM,SAAC,KAAI,CAACD,GAAIN,EAAQgE,QAASrG,UAAU,YAAW,wBACnF,EC/BR,IAAI4E,EAAW,CACbC,MAAM,EACNC,UAAU,EACVC,MAAO,IACPC,QAAQ,EACRC,aAAc,EACdC,eAAgB,EAChBC,aAAc,EACdC,UAAU,EACVC,WAAY,CACV,CACEC,WAAY,KACZV,SAAU,CACRK,aAAc,EACdC,eAAgB,EAChBL,MAAM,IAGV,CACES,WAAY,IACZV,SAAU,CACRK,aAAc,EACdC,eAAgB,EAChBL,MAAM,MAuBd,MAsEA,EAtE2BrE,IAAsC,IAAD,gCAC9D,OACE,gBAAKR,UAAWQ,EAAM+E,cAAetF,GAAG,WAAU,UAChD,iBAAKD,UAAU,MAAK,WAClB,gBAAKA,UAAU,YAAW,UACxB,wBAAKQ,EAAMgF,qBAEb,gBAAKxF,UAAU,YAAW,UACtB,gBAAKA,UAAY,GAAEQ,EAAMiF,iBAAiB,UACxC,UAAC,IAAM,IAAKb,EAAQ,WACH,QAAd,EAAApE,EAAM+F,gBAAQ,aAAd,EAAgBC,oBACD,QADiB,EAC/BhG,EAAM+F,gBAAQ,OAAqB,QAArB,EAAd,EAAgBC,iBAAiB,UAAE,OAAQ,QAAR,EAAnC,EAAqCC,cAAM,WAA7B,EAAd,EAA6CtF,KAAI,CAACC,EAAMC,KAEpD,SAAC,EAAuB,CACtBgB,QAASjB,EAETiD,aAAc7D,EAAM6D,aACpBC,gBAAiB9D,EAAM8D,gBACvBC,eAAgB/D,EAAM+D,eACtBC,YAAahE,EAAMgE,aAJdnD,OAQE,QAAd,EAAAb,EAAM+F,gBAAQ,aAAd,EAAgBG,sBACD,QADmB,EACjClG,EAAM+F,gBAAQ,OAAuB,QAAvB,EAAd,EAAgBG,mBAAmB,UAAE,OAAQ,QAAR,EAArC,EAAuCD,cAAM,WAA/B,EAAd,EAA+CtF,KAAI,CAACC,EAAMC,KAEtD,SAAC,EAAuB,CACtBgB,QAASjB,EAETiD,aAAc7D,EAAM6D,aACpBC,gBAAiB9D,EAAM8D,gBACvBC,eAAgB/D,EAAM+D,eACtBC,YAAahE,EAAMgE,aAJdnD,OAQE,QAAd,EAAAb,EAAM+F,gBAAQ,aAAd,EAAgBI,iBACD,QADc,EAC5BnG,EAAM+F,gBAAQ,OAAkB,QAAlB,EAAd,EAAgBI,cAAc,UAAE,OAAQ,QAAR,EAAhC,EAAkCF,cAAM,WAA1B,EAAd,EAA0CtF,KAAI,CAACC,EAAMC,KAEjD,SAAC,EAAuB,CACtBgB,QAASjB,EAETiD,aAAc7D,EAAM6D,aACpBC,gBAAiB9D,EAAM8D,gBACvBC,eAAgB/D,EAAM+D,eACtBC,YAAahE,EAAMgE,aAJdnD,OAQE,QAAd,EAAAb,EAAM+F,gBAAQ,aAAd,EAAgBK,kBACD,QADe,EAC7BpG,EAAM+F,gBAAQ,OAAmB,QAAnB,EAAd,EAAgBK,eAAe,UAAE,OAAQ,QAAR,EAAjC,EAAmCH,cAAM,WAA3B,EAAd,EAA2CtF,KAAI,CAACC,EAAMC,KAElD,SAAC,EAAuB,CACtBgB,QAASjB,EAETiD,aAAc7D,EAAM6D,aACpBC,gBAAiB9D,EAAM8D,gBACvBC,eAAgB/D,EAAM+D,eACtBC,YAAahE,EAAMgE,aAJdnD,iBAYnB,E,gJCxHV,MAo+BA,EAp+BuB,KAEnB,2BACI,gwgCCoCFuD,GAAW,CACfC,MAAM,EACNC,UAAU,EACVC,MAAO,IACPC,QAAQ,EACRC,aAAc,EACdC,eAAgB,EAChBC,aAAc,EACdC,UAAU,EACVC,WAAY,CACV,CACEC,WAAY,KACZV,SAAU,CACRK,aAAc,EACdC,eAAgB,EAChBL,MAAM,IAGV,CACES,WAAY,IACZV,SAAU,CACRK,aAAc,EACdC,eAAgB,EAChBL,MAAM,MAMRgC,GAAcC,IAClB,MAAMC,EAAMD,EAAKE,UAAUC,WAAWC,SAAS,EAAG,KAC5CC,GAASL,EAAKM,WAAa,GAAGH,WAAWC,SAAS,EAAG,KAE3D,OADaJ,EAAKO,cAAcJ,WAClBE,EAAQJ,CAAG,EAslB3B,GAnlBiC,KAAO,IAAD,8BACrC,MAAOO,EAAWC,KAAgBrD,EAAAA,EAAAA,UAAsB,OACjDsD,GAASC,KAAcvD,EAAAA,EAAAA,UAAsB,MAC9CpD,IAAWC,EAAAA,EAAAA,MACX2G,IAAYC,EAAAA,EAAAA,OACXC,GAAUC,KAAe3D,EAAAA,EAAAA,WAAS,IAClC4D,GAASC,KAAc7D,EAAAA,EAAAA,UAAiB,KACxC8D,GAAYC,KAAiB/D,EAAAA,EAAAA,UAAiB,IAC9CgE,GAAYC,KAAiBjE,EAAAA,EAAAA,UAAiB,KAC9CkE,GAAUC,KAAenE,EAAAA,EAAAA,UAAiB,KAC1CoE,GAAQC,KAAarE,EAAAA,EAAAA,UAAiB,KACtCsE,GAAaC,KAAkBvE,EAAAA,EAAAA,UAAiB,KAChDwE,GAAWC,KAAgBzE,EAAAA,EAAAA,UAAiB,KAC7C,4BAAE0E,KAAgCjI,EAAAA,EAAAA,KAAaC,GAAqBA,EAAMiI,kBAC1E,iBAAEC,KAAqBnI,EAAAA,EAAAA,KAAaC,GAAqBA,EAAMmI,gBAC/D,eAAEnC,KAAmBjG,EAAAA,EAAAA,KAAaC,GAAqBA,EAAMoI,cAC7D,mBAAEtC,KAAuB/F,EAAAA,EAAAA,KAAaC,GAAqBA,EAAMqI,kBACjE,cAAEtC,KAAkBhG,EAAAA,EAAAA,KAAaC,GAAqBA,EAAMsI,eAC5D,sBAAEtF,KAA0BjD,EAAAA,EAAAA,KAAaC,GAAqBA,EAAMuI,qBACpE,yBAAExD,KAA6BhF,EAAAA,EAAAA,KAAaC,GAAqBA,EAAMwI,wBACvE,yBAAE3E,KAA6B9D,EAAAA,EAAAA,KAAaC,GAAqBA,EAAMyI,wBAEvE,yBAAEC,KAA6B3I,EAAAA,EAAAA,KAAaC,GAAqBA,EAAM2I,wBACvE,yBAAE7E,KAA6B/D,EAAAA,EAAAA,KAAaC,GAAqBA,EAAM4I,wBACvE,yBAAE7E,KAA6BhE,EAAAA,EAAAA,KAAaC,GAAqBA,EAAM6I,wBACvE,iBAAEC,KAAqB/I,EAAAA,EAAAA,KAAaC,GAAqBA,EAAM+I,kBAC/D,kBAAEC,KAAsBjJ,EAAAA,EAAAA,KAAaC,GAAqBA,EAAMiJ,eAChE,qBAAEC,KAAyBnJ,EAAAA,EAAAA,KAAaC,GAAqBA,EAAMmJ,iBACnE,kBAAEC,KAAsBrJ,EAAAA,EAAAA,KAAaC,GAAqBA,EAAMqJ,gBAChE,+BAAEC,KAAmCvJ,EAAAA,EAAAA,KAAaC,GAAqBA,EAAMuJ,8BAC7E,6BAAEC,KAAiCzJ,EAAAA,EAAAA,KAAaC,GAAqBA,EAAMyJ,2BAEjF,IAAIC,GAAkB,CAAEC,WAAY,yBAA0BC,WAAW,EAAOC,aAAc,KAE9FzJ,EAAAA,EAAAA,YAAU,KACRF,IAAS4J,EAAAA,EAAAA,OACT5J,IAAS6J,EAAAA,EAAAA,OACT7J,IAAS8J,EAAAA,EAAAA,OACT9J,IAAS+J,EAAAA,EAAAA,OACT/J,IAASgK,EAAAA,EAAAA,OACThK,IAASiK,EAAAA,EAAAA,IAA0BT,KACnCxJ,IAASkK,EAAAA,EAAAA,IAA6B,CAAER,WAAW,EAAMC,aAAc,KACvE3J,IAASmK,EAAAA,EAAAA,IAA6B,CAAET,WAAW,EAAMC,aAAc,KACvE3J,IAASoK,EAAAA,EAAAA,GAA6B,CAAEV,WAAW,EAAMC,aAAc,KACvE3J,IAASqK,EAAAA,EAAAA,IAA6B,CAAEX,WAAW,EAAMC,aAAc,KACvE3J,IAASsK,EAAAA,EAAAA,IAA6B,CAAEZ,WAAW,EAAMC,aAAc,KACvE3J,IAASuK,EAAAA,EAAAA,IAA6B,CAAEb,WAAW,EAAMC,aAAc,KACvE3J,IAASwK,EAAAA,EAAAA,IAAuB,IAChCxK,IAASyK,EAAAA,EAAAA,IAAoB,IAC7BzK,IAAS0K,EAAAA,EAAAA,IAAsB,IAC/B1K,IAAS2K,EAAAA,EAAAA,IAAqB,IAC9B3K,IAAS4K,EAAAA,EAAAA,OACT5K,IAAS6K,EAAAA,EAAAA,MAAmC,GAC3C,CAAC7K,KAEJ,MAAMyF,GAAW,CACfC,iBAAkBsC,GAClBlC,eAAgBA,GAChBF,mBAAoBA,GACpBC,cAAeA,IAEXjB,GAAc,CAClBC,yBAA0BA,GAC1BlB,yBAA0BA,GAC1BC,yBAA0BA,GAC1BC,yBAA0BA,IA+CtBiH,GAAe,KAXH,EAACC,EAAoBC,EAAuBC,EAAuBvD,EAAqBE,KACxG,MAAMsD,EAAkB,IAAIC,gBAC5BJ,GAAcG,EAAgBE,OAAO,aAAcL,EAAW5E,YAC9D6E,GAAiBE,EAAgBE,OAAO,WAAYJ,EAAc7E,YAClE8E,GAAiBC,EAAgBE,OAAO,SAAUH,GAClDvD,GAAewD,EAAgBE,OAAO,WAAY1D,GAClDE,GAAasD,EAAgBE,OAAO,SAAUxD,GAC9ChB,GAAW,oCAAmCsE,EAAgB/E,aAAa,EAK3EkF,CAAUrE,GAASE,GAAYE,GAAYM,GAAaE,GAAU,EAapE,OACE,iCACE,SAAC,KAAM,WACL,2BAAgC,QAAhC,EAAQ9E,GAAsB,UAAE,aAAxB,EAA0BwI,kBAEpC,SAAC,EAAqB,KACtB,gBAAKpM,UAAU,YAAW,UACxB,iBAAKA,UAAU,yBAAyBC,GAAG,YAAW,WACpD,gBAAKD,UAAU,wCAAwCC,GAAG,6BAA6BC,MAAO,CAAEmM,MAAO,QAASC,OAAQ,OAAQjM,OAAQ,SAAUE,QAAS,WAE3J,gBAAKP,UAAU,wCAAwCC,GAAG,6BAA6BC,MAAO,CAAEmM,MAAO,QAASC,OAAQ,OAAQjM,OAAQ,SAAUE,QAAS,gBAI/J,kBAAOgM,KAAK,WAAU,SAAG,ygBAoBzB,gBAAKvM,UAAU,YAAW,UACxB,gBAAKA,UAAU,gDAA+C,UAC5D,gBAAKA,UAAU,eAAc,UAC3B,gBAAKA,UAAU,YAAW,UACxB,gBAAKA,UAAU,MAAK,UAClB,iBAAKA,UAAU,YAAW,WACxB,iBAAKA,UAAU,iBAAgB,WAC7B,kBACEyC,KAAK,UACL8J,KAAK,OACLtM,GAAG,qFACHD,UAAU,yBACVwM,YAAY,SACZC,SAAWC,IACT3E,GAAW2E,EAAEC,OAAOC,MAAM,EAE5BC,QAAS,IAAMhF,IAAY,MAE7B,iBAAK7H,UAAU,cAAa,WAC1B,0BACE,mBACEA,UAAY,4DAA0D4H,GAAW,SAAW,IAC5F,iBACA,YAAU,OACV,cAAY,6BACZiF,QAAS,IAAMhF,IAAaD,IAAU,wBAK1C,gBAAK3H,GAAG,aAAY,UAClB,kBACEsM,KAAK,SACL9J,KAAK,4FACLmK,MAAM,SACN3M,GAAG,YACHD,UAAU,kBACV6M,QAAS,IAAMjB,gBAKvB,SAACkB,EAAA,EAAQ,CAACC,GAAInF,GAAS,UACrB,gBAAK5H,UAAU,iBAAiBC,GAAG,6BAA4B,UAC7D,iBAAKD,UAAU,MAAK,WAClB,gBAAKA,UAAU,2BAA0B,UACvC,kBACEgN,QAAQ,qFACR/M,GAAG,mFACHD,UAAU,mBAAkB,wBAKhC,iBAAKA,UAAU,sBAAqB,WAClC,kBACEgN,QAAQ,kFACR/M,GAAG,mFACHD,UAAU,mBAAkB,wBAe9B,SAAC,IAAU,CACTiN,SAAU3F,EACVmF,SAAW3F,IACTA,GAAQS,GAAaT,GAvKxBA,KACvB,GAAIA,EAAM,CACR,IACIoG,EADc,IAAIC,KAAKrG,GACGsG,qBAC9B/E,GAAY6E,GAEZzE,GAAe5B,GAAWC,GAC5B,GAiK0BuG,CAAgBvG,EAAa,EAE/BwG,eAAa,EACbC,mBAAiB,EACjBC,kBAAgB,EAChBxN,UAAU,kBACVyN,gBAAgB,cAChBC,aAAa,SACbC,cAAY,EACZrG,UAAWA,EACXE,QAASA,GACToG,YAAY,cAQhB,iBAAK5N,UAAU,sBAAqB,WAClC,kBACEgN,QAAQ,2EACR/M,GAAG,4EACHD,UAAU,mBAAkB,sBAK9B,SAAC,IAAU,CACTiN,SAAUzF,GACViF,SAAW3F,IACTA,GAAQW,GAAWX,GA5LxBA,KACrB,GAAIA,EAAM,CACR,IACI+G,EADY,IAAIV,KAAKrG,GACCsG,qBAC1B7E,GAAUsF,GAEVlF,GAAa9B,GAAWC,GAC1B,GAsL0BgH,CAAchH,EAAa,EAE7B9G,UAAU,kBACV+N,YAAU,EACVT,eAAa,EACbC,mBAAiB,EACjBC,kBAAgB,EAChBC,gBAAgB,cAChBC,aAAa,SACbpG,UAAWA,EACXE,QAASA,GACTwG,QAAS1G,EACTsG,YAAY,cAShB,iBAAK5N,UAAU,sBAAqB,WAClC,kBAAOgN,QAAQ,qFAAqFhN,UAAU,mBAAkB,uBAGhI,oBAAQyC,KAAK,aAAaxC,GAAG,aAAaD,UAAU,eAAe4M,MAAO5E,GAAYyE,SAAWC,IAAMuB,OAtMvGrB,EAsMsHsB,OAAOxB,EAAEC,OAAOC,YArM5J3E,GAAc2E,GADQA,KAsM8I,aAC5I,mBAAQA,MAAM,IAAG,+BAChB1C,KACkC,QADJ,EAC7BA,GAA+B,UAAE,OAAe,QAAf,EAAjC,EAAmCiE,qBAAa,WAAf,EAAjC,EAAkDhN,KAAI,CAACC,EAAMC,KAEzD,mBAAoBuL,MAAOxL,EAAKmJ,WAAW,SACxCnJ,EAAKI,cADKH,aAOvB,iBAAKrB,UAAU,sBAAsBE,MAAO,CAAEK,QAAS,QAAS,WAC9D,kBAAOyM,QAAQ,gFAAgFhN,UAAU,mBAAkB,oBAG3H,oBACEyC,KAAK,gFACLxC,GAAG,gFACHD,UAAU,eAAc,WAExB,mBAAQ4M,MAAM,IAAG,2BACjB,mBAAQA,MAAM,UAAS,sBACvB,mBAAQA,MAAM,SAAQ,qBACtB,mBAAQA,MAAM,UAAS,sBACvB,mBAAQA,MAAM,uBAAsB,mCACpC,mBAAQA,MAAM,SAAQ,qBACtB,mBAAQA,MAAM,OAAM,mBACpB,mBAAQA,MAAM,aAAY,yBAC1B,mBAAQA,MAAM,kBAAiB,8BAC/B,mBAAQA,MAAM,kBAAiB,8BAC/B,mBAAQA,MAAM,0BAAyB,4CAG3C,iBAAK5M,UAAU,sBAAqB,WAClC,kBAAOgN,QAAQ,kFAAkFhN,UAAU,mBAAkB,qBAG7H,oBAAQyC,KAAK,SAASxC,GAAG,SAASD,UAAU,eAAe4M,MAAO1E,GAAYuE,SAAWC,IAAM0B,OAjPjGxB,EAiP8GF,EAAEC,OAAOC,WAhP3IzE,GAAcyE,GADMA,KAiP8H,aAC1H,mBAAQA,MAAM,IAAG,2BAChBxC,KACgC,QADJ,EAC3BA,GAA6B,UAAE,OAAS,QAAT,EAA/B,EAAiCiE,eAAO,WAAT,EAA/B,EAA0ClN,KAAI,CAACC,EAAMC,KAEjD,mBAAoBuL,MAAOxL,EAAKkN,YAAY,SACzClN,EAAKmN,YADKlN,iCAiBzC,gBAAKrB,UAAU,YAAW,UACxB,gBAAKA,UAAU,MAAK,UAClB,gBAAKA,UAAU,YAAW,UACxB,iBAAKA,UAAU,uBAAsB,WACnC,SAAC,KAAI,CAAC2C,GAAG,YAAY3C,UAAU,iCAAiC2M,OAAO,UAAS,0BAGhF,SAAC,KAAI,CAAChK,GAAG,kCAAkC3C,UAAU,iCAAgC,2BAGrF,SAAC,KAAI,CAAC2C,GAAG,mCAAmC3C,UAAU,iCAAgC,2BAGtF,SAAC,KAAI,CAAC2C,GAAG,yBAAyB3C,UAAU,iCAAgC,iCAQpF,gBAAKA,UAAU,gDAA+C,UAC5D,gBAAKA,UAAU,YAAW,UACxB,gBAAKA,UAAU,eAAc,UAC3B,iBAAKA,UAAU,YAAW,WACxB,gBAAKA,UAAU,gBAAe,UAC5B,gBAAKA,UAAU,gBAAe,UAC5B,gBAAKA,UAAU,MAAK,SACa,QADb,EACjB4I,GAA4B,UAAE,OAAc,QAAd,EAA9B,EAAgCzE,oBAAY,WAAd,EAA9B,EAA8ChD,KAAI,CAACC,EAAMC,KAEtD,UAAC,WAAc,YACb,gBAAKrB,UAAU,yDAAwD,UACrE,gBAAKA,UAAU,iBAAgB,UAC7B,SAAC,KAAI,CAAC2C,GAAIvB,EAAKgC,WAAWoL,cAAe3I,MAAOzE,EAAKkC,YAAY,UAC/D,gBAAKhB,IAAS,OAAJlB,QAAI,IAAJA,OAAI,EAAJA,EAAMiC,mBAAoBb,IAAKpB,EAAKsC,kBAAmB1D,UAAU,+BAIjF,gBAAKA,UAAU,wCAAuC,UACpD,iBAAKA,UAAU,mBAAkB,WAC/B,iBAAKA,UAAU,YAAW,WACxB,iBAAKA,UAAU,aAAY,WACzB,iBAAMA,UAAU,eAAc,SAAEoB,EAAKmC,qBAA0B,OAAG,kBAAMvD,UAAU,UAAS,kBAAK,iBAAMA,UAAU,YAAY8C,wBAAyB,CAAEC,OAAQ3B,EAAKoC,iBAGtK,gBAAKxD,UAAU,eAAc,UAC3B,iBAAMA,UAAU,WAAW8C,wBAAyB,CAAEC,OAAQ3B,EAAKqC,kBAGvE,SAAC,KAAI,CAACd,GAAIvB,EAAKgC,WAAWoL,cAAc,UACtC,8BAAMpN,EAAKkC,YAAW,UAExB,uBAAIlC,EAAKsC,qBACT,SAAC,KAAI,CAAC1D,UAAU,gBAAgB2C,GAAIvB,EAAKgC,WAAWoL,cAAc,6BAvBnDnN,WAoCwB,KAA3B,QAA3B,EAAAiI,GAAyB,UAAE,OAAc,QAAd,EAA3B,EAA6BnF,oBAAY,WAAd,EAA3B,EAA2CvB,UAA2C,QAA/B,EAAI0G,GAAyB,UAAE,OAAc,QAAd,EAA3B,EAA6BnF,oBAAY,WAAd,EAA3B,EAA2ChD,KAAI,CAACC,EAAMC,KAE9G,SAAC,WAAc,WACb,gBAAKrB,UAAU,oBAAoBE,MAAO,CAAEuO,aAAc,qBAAsB,UAC9E,gBAAKzO,UAAU,kBAAkBE,MAAO,CAAEI,QAAS,wBAAyB,UAC1E,iBAAKN,UAAU,MAAK,WAClB,gBAAKA,UAAU,sCAAqC,UAClD,gBAAKA,UAAU,iBAAgB,UAC7B,SAAC,KAAI,CAAC2C,GAAIvB,EAAKgC,WAAWoL,cAAc,UACtC,gBAAKlM,IAAS,OAAJlB,QAAI,IAAJA,OAAI,EAAJA,EAAMiC,mBAAoBb,IAAKpB,EAAKkC,YAAaZ,QAAQ,gBAIzE,gBAAK1C,UAAU,sBAAqB,UAClC,iBAAKA,UAAU,iBAAgB,WAC7B,iBAAKA,UAAU,YAAW,WACxB,iBAAKA,UAAU,aAAY,WACzB,iBAAMA,UAAU,eAAc,SAAEoB,EAAKmC,qBAA0B,OAAG,kBAAMvD,UAAU,UAAS,kBAAK,iBAAM8C,wBAAyB,CAAEC,OAAQ3B,EAAKoC,iBAEhJ,gBAAKxD,UAAU,eAAc,UAC3B,iBAAMA,UAAU,WAAW8C,wBAAyB,CAAEC,OAAQ3B,EAAKqC,kBAGvE,SAAC,KAAI,CAACd,GAAIvB,EAAKgC,WAAWoL,cAAc,UAAC,wBAAKpN,EAAKkC,iBACnD,uBAAIlC,EAAKsC,qBACT,SAAC,KAAI,CAAC1D,UAAU,gBAAgB2C,GAAIvB,EAAKgC,WAAWoL,cAAc,mCAvBzDnN,MAgC8B,KAA3B,QAA3B,EAAAiI,GAAyB,UAAE,OAAc,QAAd,EAA3B,EAA6BnF,oBAAY,WAAd,EAA3B,EAA2CvB,UAC1C,gBAAK5C,UAAU,sBAAsBE,MAAO,CAAEuO,aAAc,oBAAqBnO,QAAS,uBAAwBoO,UAAW,QAAS,SACxG,QADwG,EACnIpF,GAAyB,UAAE,OAAc,QAAd,EAA3B,EAA6BnF,oBAAY,WAAd,EAA3B,EAA2ChD,KAAI,CAACC,EAAMC,KAEnD,SAAC,WAAc,WACb,gBAAKrB,UAAU,6BAA6BE,MAAiB,IAAVmB,EAAc,CAAEsN,YAAa,qBAAwB,CAAC,EAAG,UAC1G,iBAAK3O,UAAU,MAAK,WAClB,gBAAKA,UAAU,sCAAqC,UAClD,gBAAKA,UAAU,iBAAgB,UAC7B,SAAC,KAAI,CAAC2C,GAAIvB,EAAKgC,WAAWoL,cAAc,UACtC,gBAAKlM,IAAS,OAAJlB,QAAI,IAAJA,OAAI,EAAJA,EAAMiC,mBAAoBb,IAAKpB,EAAKkC,YAAaZ,QAAQ,gBAIzE,gBAAK1C,UAAU,mBAAkB,UAC/B,iBAAKA,UAAU,iBAAgB,WAC7B,iBAAKA,UAAU,YAAW,WACxB,iBAAKA,UAAU,aAAY,WACzB,iBAAMA,UAAU,eAAc,SAAEoB,EAAKmC,qBAA0B,OAAG,kBAAMvD,UAAU,UAAS,iBAAI,iBAAM8C,wBAAyB,CAAEC,OAAQ3B,EAAKoC,iBAE/I,gBAAKxD,UAAU,eAAc,UAC3B,iBAAMA,UAAU,WAAW8C,wBAAyB,CAAEC,OAAQ3B,EAAKqC,kBAGvE,SAAC,KAAI,CAACd,GAAIvB,EAAKgC,WAAWoL,cAAc,UAAC,wBAAKpN,EAAKkC,iBACnD,uBAAIlC,EAAKsC,qBACT,SAAC,KAAI,CAAC1D,UAAU,gBAAgB2C,GAAIvB,EAAKgC,WAAWoL,cAAc,iCAtBvDnN,QAkC7B,SAAC,EAAc,CAACwC,SAAUD,MAE1B,gBAAK5D,UAAU,gBAAe,UAC5B,iBAAKA,UAAU,wBAAuB,WACpC,gBAAKA,UAAU,4CAA4CC,GAAG,6BAA6BC,MAAO,CAAEC,SAAU,QAASC,UAAW,OAAQG,QAAS,WACnJ,gBAAKP,UAAU,4CAA4CC,GAAG,6BAA6BC,MAAO,CAAEC,SAAU,QAASC,UAAW,OAAQG,QAAS,gBAKvJ,SAAC,EAAiB,CAChBgG,SAAUA,GACVhB,cAAc,mBACdC,gBAAgB,WAChBC,cAAc,iBACdpB,aAAa,iBACbC,gBAAgB,gBAChBC,eAAe,kBACfC,YAAY,kBAId,gBAAKxE,UAAU,gBAAe,UAC5B,iBAAKA,UAAU,wBAAuB,WACpC,gBAAKA,UAAU,4CAA4CC,GAAG,6BAA6BC,MAAO,CAAEC,SAAU,QAASC,UAAW,OAAQG,QAAS,WACnJ,gBAAKP,UAAU,4CAA4CC,GAAG,6BAA6BC,MAAO,CAAEC,SAAU,QAASC,UAAW,OAAQG,QAAS,gBAKvJ,SAAC,EAAiB,CAChBmF,YAAaA,GACbH,cAAc,oBACdC,gBAAgB,cAChBC,cAAc,uBACdpB,aAAa,kBACbC,gBAAgB,iBAChBC,eAAe,mBACfC,YAAY,mBAId,SAAC,EAAiB,CAACX,SAAUD,MAE7B,gBAAK5D,UAAU,0CAAyC,UACtD,SAAC,KAAI,CAACA,UAAU,sCAAsC2C,GAAK,0CAAyC,8BAItG,cAAG1C,GAAG,UAAUD,UAAU,WAAWuB,KAAK,6BAA4B,UACpE,gBACEtB,GAAG,aAAaD,UAAU,WAAWsC,IAAI,qFACzCE,IAAI,iCAGR,cAAGvC,GAAG,cAAcD,UAAU,WAAWuB,KAAK,6BAA4B,UACxE,kBAAMtB,GAAG,cAAcD,UAAU,cAAa,UAC3C,IAAG,qBAMR,SAAC,IAAQ,KAET,gBAAKA,UAAU,YAAW,UACxB,gBAAKA,UAAU,YAAW,UACxB,gBAAKA,UAAU,gBAAe,UAC5B,gBAAKA,UAAU,YAAW,UACxB,gBAAKA,UAAU,eAAc,UAI3B,gBAAKA,UAAU,YAAW,UACxB,iBAAKA,UAAU,MAAK,WAClB,gBAAKA,UAAU,sEAAqE,UAClF,UAAC,IAAM,IAAK4E,GAAQ,WAClB,SAAC,EAAe,CAACvC,QAASqH,MAC1B,SAAC,EAAgB,CAACrH,QAASuH,MAC3B,SAAC,EAAiB,CAACvH,QAAS2H,MAC5B,SAAC,EAAkB,CAAC3H,QAASyH,WAGjC,iBAAK9J,UAAU,qDAAoD,WACjE,SAAC,EAAe,CAACqC,QAASqH,MAC1B,SAAC,EAAgB,CAACrH,QAASuH,MAC3B,SAAC,EAAiB,CAACvH,QAAS2H,MAC5B,SAAC,EAAkB,CAAC3H,QAASyH,kCAapD,E,4BClpBP,MAwGM8E,GAAmB,KAErB,2BACI,6eAuBR,GAlIwB,KAEtB,MAAMC,GAAWC,EAAAA,EAAAA,MAEXC,EADc,IAAI9C,gBAAgB4C,EAASG,OAAOR,eAC1BS,IAAI,OAE9BF,GAAyC,qBAA5BA,EAAUP,eACzB9M,OAAOmN,SAASK,QAAQ,0BAI1B,MACMpO,GAAWC,EAAAA,EAAAA,OAEToO,kBAAmBC,EAAaC,eAAgBC,IAAa3O,EAAAA,EAAAA,KAAaC,GAAqBA,EAAM2O,cAEtGC,EAAcC,IAAmBvL,EAAAA,EAAAA,WAAS,GAE3CwL,GAAkB3L,EAAAA,EAAAA,UAAQ,KAAM,SAAC,IAAa,KAAK,IAczD,OAZA/C,EAAAA,EAAAA,YAAU,KACRU,OAAOiO,SAAS,EAAG,GAEnB7O,GAAS8O,EAAAA,GAAAA,IAZE,wBAYqB,GAC/B,CAAC9O,KAEJE,EAAAA,EAAAA,YAAU,KAAO,IAAD,EACToO,QAAuClO,KAAb,QAAX,EAAAoO,EAAS,UAAE,aAAX,EAAa7I,SAC/BgJ,GAAgB,EAClB,GACC,CAACH,IAECE,GAGH,iCACE,SAAC,GAAwB,KAEzB,iBAAKxP,UAAU,YAAW,UACvB0P,GACD,oCAEF,SAACd,GAAgB,KACjB,gBAAK5O,UAAU,kBAAkBC,GAAG,YAAW,UAC7C,gBAAKD,UAAU,YAAW,UACxB,iBAAKA,UAAU,MAAK,WAClB,iBAAKA,UAAU,gBAAe,WAC5B,0BACE,SAAC,KAAI,CAACA,UAAU,WAAW2C,GAAG,4CAA2C,UACvE,iBAAM3C,UAAU,UAAS,yCAG7B,0BACE,SAAC,KAAI,CAACA,UAAU,WAAW2C,GAAG,kCAAiC,UAC7D,iBAAM3C,UAAU,UAAS,kCAK/B,iBAAKA,UAAU,gBAAe,WAC5B,0BACE,SAAC,KAAI,CAACA,UAAU,WAAW2C,GAAG,+DAA8D,UAC1F,iBAAM3C,UAAU,UAAS,qCAG7B,0BACE,SAAC,KAAI,CAACA,UAAU,WAAW2C,GAAG,kDAAiD,UAC7E,iBAAM3C,UAAU,UAAS,kDAK/B,iBAAKA,UAAU,gBAAe,WAC5B,0BACE,SAAC,KAAI,CAACA,UAAU,WAAW2C,GAAG,8DAA6D,UACzF,iBAAM3C,UAAU,UAAS,2CAG7B,0BACE,SAAC,KAAI,CAACA,UAAU,WAAW2C,GAAG,gDAA+C,UAC3E,iBAAM3C,UAAU,UAAS,8CAK/B,iBAAKA,UAAU,gBAAe,WAC5B,0BACE,cAAGA,UAAU,WAAWuB,KAAK,2DAA0D,UACrF,iBAAMvB,UAAU,UAAS,4BAG7B,0BACE,SAAC,KAAI,CAACA,UAAU,WAAW2C,GAAG,yBAAwB,UACpD,iBAAM3C,UAAU,UAAS,uCA7Df,SAAC,KAAW,GAoEjC,C","sources":["components/advertisement/home-google-ads.tsx","components/re-usable/discover/discover.tsx","hooks/useDfpSlot.ts","pages/news-and-articles/article/books-card-article.tsx","pages/news-and-articles/article/courses-card-article.tsx","pages/news-and-articles/article/events-card-article.tsx","pages/news-and-articles/article/news-article.tsx","components/advertisement/load-regulatory-focus-ads.tsx","pages/news-and-articles/article/news-article-bottom.tsx","pages/news-and-articles/article/news-article-top.tsx","pages/news-and-articles/article/news-card-article.tsx","pages/news-and-articles/article/departments-slider-card393.tsx","pages/news-and-articles/article/departments-slider-card397.tsx","pages/news-and-articles/article/departments-slider-card400.tsx","pages/news-and-articles/article/departments-slider-card404.tsx","pages/news-and-articles/departments-slider.tsx","pages/news-and-articles/article/news-article-authors-card.tsx","pages/news-and-articles/article/news-article-feature-card.tsx","pages/news-and-articles/news-article-slider.tsx","pages/news-and-articles/components/news-and-articles.styles.tsx","pages/news-and-articles/components/news-and-articles.component.tsx","pages/news-and-articles/news-and-articles.tsx"],"sourcesContent":["const GoogleAdsLayout = () => {\r\n return (\r\n <div className=\"rosads\">\r\n <div className=\"col-md-12\">\r\n <div className=\"googls-adds\">\r\n <div className=\"CMSBanner Banner gadsbanner\" id=\"div-gpt-ad-1628625252827-0\" style={{ minWidth: 300, minHeight: 250, margin: \"9px auto\", padding: \"0 .2px\", display: 'none' }}></div>\r\n <div className=\"CMSBanner Banner gadsbanner\" id=\"div-gpt-ad-1628625323242-0\" style={{ minWidth: 300, minHeight: 250, margin: \"9px auto\", padding: \"0 .2px\", display: 'none' }}></div>\r\n <div className=\"CMSBanner Banner gadsbanner\" id=\"div-gpt-ad-1628625359907-0\" style={{ minWidth: 300, minHeight: 250, margin: \"9px auto\", padding: \"0 .2px\", display: 'none' }}></div>\r\n <div className=\"CMSBanner Banner gadsbanner\" id=\"div-gpt-ad-1628625430383-0\" style={{ minWidth: 300, minHeight: 250, margin: \"9px auto\", padding: \"0 .2px\", display: 'none' }}></div>\r\n </div>\r\n </div>\r\n </div>\r\n );\r\n};\r\n\r\nexport default GoogleAdsLayout;","import { useEffect } from \"react\";\r\nimport { useSelector } from \"react-redux\";\r\nimport { retrieveTaxonomy } from \"../../../redux/slice/taxonomy-slice\";\r\nimport { RootState, useAppDispatch } from \"../../../redux/store\";\r\n\r\ninterface DiscoverProps {\r\n page?: string;\r\n}\r\n\r\nconst Discover = (props: DiscoverProps) => {\r\n const { page } = props;\r\n const { data } = useSelector((state: RootState) => state.taxonomyList);\r\n\r\n const dispatch = useAppDispatch();\r\n\r\n useEffect(() => {\r\n dispatch(retrieveTaxonomy());\r\n }, [dispatch]);\r\n\r\n return (\r\n <>\r\n {page !== undefined && page !== null && page === \"profile\" && (\r\n <>\r\n <p></p>\r\n <h3>Discover more of what matters to you</h3>\r\n <p></p>\r\n <div className=\"sectors\">\r\n {data.map((item, index) => {\r\n var taxonomyId = \"/search?taxonomy=\" + item.taxonomyId;\r\n return (\r\n <a href={taxonomyId} key={index} className=\"btn btn-plain\">\r\n {item.categoryName}\r\n </a>\r\n );\r\n })}\r\n </div>\r\n </>\r\n )}\r\n {(page === undefined || page === null) && (\r\n <div className=\"container discover\">\r\n <div className=\"col-md-12 sectors text-center\">\r\n <h2>Discover more of what matters to you</h2>\r\n <br />\r\n {data.map((item, index) => {\r\n var taxonomyId = \"/search?taxonomy=\" + item.taxonomyId;\r\n return (\r\n <a href={taxonomyId} key={index} className=\"btn btn-plain\">\r\n {item.categoryName}\r\n </a>\r\n );\r\n })}\r\n </div>\r\n </div>\r\n )}\r\n </>\r\n );\r\n};\r\n\r\nexport default Discover;\r\n","import { useEffect } from \"react\";\r\ninterface Props {\r\n path: string;\r\n size: [number, number];\r\n id: string;\r\n}\r\n\r\n// This hook must only be called once per page\r\nconst GoogleAdsScript = (props: Props[]) => {\r\n useEffect(() => {\r\n const googletag = window.googletag || {};\r\n googletag.cmd = googletag.cmd || [];\r\n googletag.cmd.push(() => {\r\n window.googletag.destroySlots();\r\n });\r\n\r\n props.map((item) => {\r\n googletag.cmd.push(function () {\r\n googletag.defineSlot(item.path, item.size, item.id).addService(googletag.pubads());\r\n //googletag.pubads().enableLazyLoad();\r\n\r\n googletag.pubads().enableSingleRequest();\r\n googletag.enableServices();\r\n });\r\n googletag.cmd.push(function () {\r\n googletag.display(item.id);\r\n });\r\n });\r\n }, [props]);\r\n};\r\n\r\nexport default GoogleAdsScript;","import React from 'react'\r\nimport { Link } from 'react-router-dom'\r\nimport { LatestBooksType } from '../../../models/latest-books-model'\r\n\r\nconst BooksCardArticle = (props: { article: LatestBooksType[] }) => {\r\n const article = props.article\r\n return (\r\n <div className=\"col-sm\">\r\n <div className=\"feed-single\">\r\n <img src={article[0]?.imageUrl} alt={article[0]?.name} loading=\"lazy\" />\r\n <div className=\"feed-content\">\r\n <Link to='/education/books'><h5>Books</h5></Link>\r\n <ul>\r\n {\r\n (article.length > 1) ? (\r\n article?.map((item, index) => {\r\n return <li key={index}>\r\n <Link to={\"/products/\" + item.nodeName} dangerouslySetInnerHTML={{ __html: item.name }}></Link>\r\n </li>\r\n })\r\n\r\n ) : (\r\n <li>\r\n <Link to={article[0]?.nodeName} dangerouslySetInnerHTML={{ __html: article[0]?.name }}></Link>\r\n {/* <p dangerouslySetInnerHTML={{__html: article[0]?.articleTeaserText}}></p> */}\r\n </li>\r\n )\r\n }\r\n </ul>\r\n </div>\r\n <div className=\"Newsrelink\"></div>\r\n </div>\r\n </div>\r\n )\r\n}\r\n\r\nexport default BooksCardArticle\r\n","import React from 'react'\r\nimport { Link } from 'react-router-dom'\r\nimport { LatestCoursesType } from '../../../models/latest-courses-model'\r\n\r\nconst CoursesCardArticle = (props: {article: LatestCoursesType[]}) => {\r\n const article = props.article\r\n return (\r\n <div className=\"col-sm\">\r\n <div className=\"feed-single\">\r\n <img src={article[0]?.imageUrl} alt={article[0]?.name} loading=\"lazy\" />\r\n <div className=\"feed-content\">\r\n <Link to='/education/courses'><h5>Learning</h5></Link>\r\n <ul>\r\n {\r\n (article.length > 1) ? (\r\n article?.map((item, index) => {\r\n return <li key={index}>\r\n <Link to={\"/products/\" + item.nodeName} dangerouslySetInnerHTML={{__html: item.name}}></Link>\r\n </li>\r\n })\r\n \r\n ): (\r\n <li>\r\n <Link to={article[0]?.nodeName} dangerouslySetInnerHTML={{__html: article[0]?.name}}></Link>\r\n </li>\r\n )\r\n }\r\n </ul>\r\n </div>\r\n <div className=\"Newsrelink\"></div>\r\n </div>\r\n </div>\r\n )\r\n}\r\n\r\nexport default CoursesCardArticle\r\n","import React from 'react'\r\nimport { Link } from 'react-router-dom'\r\nimport { LatestEventsType } from '../../../models/latest-events-model'\r\n\r\nconst EventsCardArticle = (props: { article: LatestEventsType[] }) => {\r\n const article = props.article\r\n return (\r\n <div className=\"col-sm\">\r\n <div className=\"feed-single\">\r\n <img src={article?.slice(0).reverse()[0]?.sideImage} alt={article.slice(0).reverse()[0]?.eventName} loading=\"lazy\" />\r\n <div className=\"feed-content\">\r\n <Link to='/events'><h5>Events</h5></Link>\r\n <ul>\r\n {\r\n (article.length > 1) ? (\r\n article?.slice(0).reverse().map((item, index) => {\r\n return <li key={index}>\r\n <Link to={\"/events/\" + item.nodeName} dangerouslySetInnerHTML={{ __html: item.eventName }}></Link>\r\n </li>\r\n })\r\n\r\n ) : (\r\n <li>\r\n <Link to={article[0]?.nodeName} dangerouslySetInnerHTML={{ __html: article[0]?.eventName }}></Link>\r\n {/* <p dangerouslySetInnerHTML={{__html: article[0]?.articleTeaserText}}></p> */}\r\n </li>\r\n )\r\n }\r\n </ul>\r\n </div>\r\n <div className=\"Newsrelink\"></div>\r\n </div>\r\n </div>\r\n )\r\n}\r\n\r\nexport default EventsCardArticle\r\n","import React from 'react'\r\nimport { Link } from 'react-router-dom'\r\nimport { ArticlesListType } from '../../../models/news-articles/articles-filtered-model'\r\n\r\ntype articleType = {\r\n article: ArticlesListType\r\n}\r\n\r\nconst Newsarticle = (props: articleType) => {\r\n\r\n const { article } = props\r\n\r\n return (\r\n <div className=\" single-grid summary-latest second-article-section\">\r\n <div className=\"featured-image col-md-4 p-0 c1_r1_c1\">\r\n <Link className=\"link-see-more\" to={article.articleUrl}>\r\n <img src={article.articleTeaserImage} alt={article.articleName} className=\"img-pin-article\" loading=\"lazy\" />\r\n </Link>\r\n </div>\r\n <div className=\"post-content c1_r1_c2 summary-latest\">\r\n <div className=\"post-meta p-0 m-0\">\r\n <div className=\"data-right\">\r\n <span className=\"article-date\">{article.articleReleaseDate}</span>| <span className='authors'> By <span dangerouslySetInnerHTML={{ __html: article.author }}></span></span>\r\n </div>\r\n <div className=\"col-md-4 p-0 col-xs-12\">\r\n <span className=\"category\" dangerouslySetInnerHTML={{ __html: article.badgeUrl }}></span>\r\n <span className=\"totalArticles hide\">4</span>\r\n </div>\r\n </div>\r\n <div className=\"head\">\r\n <Link to={article.articleUrl}><h5>{article.articleName}</h5></Link>\r\n </div>\r\n <p>{article.articleTeaserText}</p>\r\n <Link className=\"link-see-more\" to={article.articleUrl}>See More</Link>\r\n </div>\r\n </div>\r\n )\r\n}\r\n\r\nexport default Newsarticle\r\n\r\n\r\n\r\n","import useDfpSlot from \"../../hooks/useDfpSlot\";\r\n\r\nconst LoadRegulatoryFocusAds = () => {\r\n useDfpSlot([{\r\n path: \"/22240682100/ROS_Footer1_300x250\",\r\n size: [300, 250],\r\n id: \"div-gpt-ad-1628625252827-0\",\r\n },{\r\n path: \"/22240682100/ROS_Footer2_300x250\",\r\n size: [300, 250],\r\n id: \"div-gpt-ad-1628625323242-0\",\r\n },{\r\n path: \"/22240682100/ROS_Footer3_300x250\",\r\n size: [300, 250],\r\n id: \"div-gpt-ad-1628625359907-0\",\r\n },{\r\n path: \"/22240682100/ROS_Footer4_300x250\",\r\n size: [300, 250],\r\n id: \"div-gpt-ad-1628625430383-0\",\r\n },{\r\n path: \"/22240682100/Top_Banner_970x90\",\r\n size: [970, 90],\r\n id: \"div-gpt-ad-1611326459208-0\",\r\n },{\r\n path: \"/22240682100/Top_300x50_mobile\",\r\n size: [300, 50],\r\n id: \"div-gpt-ad-1611693088874-0\",\r\n },{\r\n path: \"/22240682100/Content_Banner_1_970x90\",\r\n size: [970, 90],\r\n id: \"div-gpt-ad-1649701637206-0\",\r\n },{\r\n path: \"/22240682100/Content_Banner_1_300x50_Mobile\",\r\n size: [300, 50],\r\n id: \"div-gpt-ad-1649701809430-0\",\r\n },{\r\n path: \"/22240682100/Content_Banner_2_970x90\",\r\n size: [970, 90],\r\n id: \"div-gpt-ad-1649701921828-0\",\r\n },{\r\n path: \"/22240682100/Content_Banner_2_300x50_Mobile\",\r\n size: [300, 50],\r\n id: \"div-gpt-ad-1649701861184-0\",\r\n },{\r\n path: \"/22240682100/Content_Banner_3_970x90\",\r\n size: [970, 90],\r\n id: \"div-gpt-ad-1649702008484-0\",\r\n },{\r\n path: \"/22240682100/Content_Banner_3_300x50_Mobile\",\r\n size: [300, 50],\r\n id: \"div-gpt-ad-1649702035816-0\",\r\n }]);\r\n\r\n return(<></>)\r\n}\r\n\r\nexport default LoadRegulatoryFocusAds;","import React, { useEffect, useMemo, useState } from \"react\";\r\nimport { ArticlesFilteredsTypes } from \"../../../models/news-articles/articles-filtered-model\";\r\nimport Newsarticle from \"./news-article\";\r\nimport LoadRegulatoryFocusAds from \"../../../components/advertisement/load-regulatory-focus-ads\";\r\n\r\ntype PropsType = {\r\n articles: ArticlesFilteredsTypes[];\r\n};\r\n\r\nconst NewsArticleBottom = (props: PropsType) => {\r\n const ArticlesFilteredsData = props.articles;\r\n\r\n const cachedUseDfpSlot = useMemo(() => <LoadRegulatoryFocusAds />, []);\r\n\r\n const [isArticlesListed, setIsArticlesListed] = useState(false);\r\n\r\n useEffect(() => {\r\n if (ArticlesFilteredsData[0]?.articlesList.length > 0 && !isArticlesListed){\r\n setIsArticlesListed(true);\r\n }\r\n }, [ArticlesFilteredsData])\r\n\r\n return (\r\n <div className=\"post-list post-list-data row\">\r\n {ArticlesFilteredsData[0]?.articlesList?.map((item, index) => {\r\n return (\r\n <React.Fragment key={index}>\r\n {index === 8 && (\r\n <div className=\"col-md-12\" key={\"ads1\" + index}>\r\n <div className=\"row img-width\">\r\n <div className=\"col-md-12 text-center CMSBanner Banner topbanner gadsbanner\" id=\"div-gpt-ad-1649702008484-0\" style={{ minWidth: \"970px\", minHeight: \"90px\", display: \"none\" }}></div>\r\n <div className=\"col-md-12 text-center CMSBanner Banner topmobile gadsbanner\" id=\"div-gpt-ad-1649702035816-0\" style={{ minWidth: \"300px\", minHeight: \"50px\", display: \"none\" }}></div>\r\n </div>\r\n </div>\r\n )}\r\n {index >= 4 ? (\r\n <div className=\"col-md-6\" key={index}>\r\n <Newsarticle article={item} />\r\n </div>\r\n ) : null}\r\n </React.Fragment>\r\n );\r\n })}\r\n {isArticlesListed && cachedUseDfpSlot}\r\n </div>\r\n );\r\n};\r\n\r\nexport default NewsArticleBottom;\r\n","import React from \"react\"\r\nimport { ArticlesFilteredsTypes } from \"../../../models/news-articles/articles-filtered-model\"\r\nimport Newsarticle from \"./news-article\"\r\n\r\ntype PropsType = {\r\n articles: ArticlesFilteredsTypes[]\r\n}\r\n\r\nconst NewsArticleTop = (props: PropsType) => {\r\n\r\n const ArticlesFilteredsData = props.articles;\r\n return <div className=\"post-list post-list-data row\">\r\n {ArticlesFilteredsData[0]?.articlesList?.map((item, index) => {\r\n return <React.Fragment key={index}>\r\n {(index < 4) ? (\r\n <div className=\"col-md-6\" key={index}>\r\n <Newsarticle article={item} />\r\n </div>\r\n ) : null}\r\n </React.Fragment>\r\n })}\r\n </div>\r\n}\r\n\r\nexport default NewsArticleTop;\r\n","import React from 'react'\r\nimport { Link } from 'react-router-dom'\r\nimport { LatestArticlesType } from '../../../models/latest-articles-model'\r\n\r\nconst NewsCardArticle = (props: { article: LatestArticlesType[] }) => {\r\n const article = props.article\r\n return (\r\n <div className=\"col-sm\">\r\n <div className=\"feed-single\">\r\n <img src={article[0]?.articleTeaserImage} alt={article[0]?.articleName} loading=\"lazy\" />\r\n <div className=\"feed-content\">\r\n <Link to='/news-and-articles'><h5>News</h5></Link>\r\n <ul>\r\n {\r\n (article.length > 1) ? (\r\n article?.map((item, index) => {\r\n return <li key={index}>\r\n <Link to={item.articleUrl} dangerouslySetInnerHTML={{ __html: item.articleName }}></Link>\r\n </li>\r\n })\r\n\r\n ) : (\r\n <li>\r\n <Link to={article[0]?.articleUrl} dangerouslySetInnerHTML={{ __html: article[0]?.articleName }}></Link>\r\n <p dangerouslySetInnerHTML={{ __html: article[0]?.articleTeaserText }}></p>\r\n </li>\r\n )\r\n }\r\n </ul>\r\n </div>\r\n <div className=\"Newsrelink\"></div>\r\n </div>\r\n </div>\r\n )\r\n}\r\n\r\nexport default NewsCardArticle\r\n","import { Link } from \"react-router-dom\"\r\nimport { ArticlesFilteredsTypes } from \"../../../models/news-articles/articles-filtered-model\"\r\n\r\ntype NewsAndArticleCardTypes = {\r\n cardSecTitle: string\r\n cardSecSubTitle: string\r\n cardSecContent: string\r\n cardSecInfo: string\r\n article: ArticlesFilteredsTypes[]\r\n}\r\n\r\nconst DepartmentsSliderCard393 = (props: NewsAndArticleCardTypes) => {\r\n const ArticlesFilteredsData393 = props.article\r\n\r\n return <div className={`feature-single ${props.cardSecTitle}`}>\r\n <Link to='/news-and-articles/news-articles?category=393'>\r\n <div className={props.cardSecSubTitle}>RAPS' Latest</div>\r\n </Link>\r\n <Link to={ArticlesFilteredsData393[0]?.articlesList[0]?.articleUrl}>\r\n <img src={ArticlesFilteredsData393[0]?.articlesList[0]?.articleTeaserImage} alt={ArticlesFilteredsData393[0]?.articlesList[0]?.articleName} loading=\"lazy\" />\r\n </Link>\r\n <div className={props.cardSecContent}>\r\n <div className={props.cardSecInfo} >\r\n <ul>\r\n {(ArticlesFilteredsData393[0]?.articlesList?.length > 1) ? (\r\n <>\r\n {\r\n ArticlesFilteredsData393[0]?.articlesList.map((item, index) => {\r\n return <li key={index}>\r\n <Link to={item.articleUrl} dangerouslySetInnerHTML={{ __html: item.articleName }}></Link>\r\n </li>\r\n })\r\n }\r\n <li>\r\n {\r\n (ArticlesFilteredsData393[0]?.articlesList.length > 1) && <Link to='/news-and-articles/news-articles?category=393' className=\"view-more\">See more</Link>\r\n }\r\n </li>\r\n </>\r\n ) : (\r\n <>\r\n <li>\r\n <Link to={ArticlesFilteredsData393[0]?.articlesList[0].articleUrl} dangerouslySetInnerHTML={{ __html: ArticlesFilteredsData393[0]?.articlesList[0]?.articleName }}></Link>\r\n <p dangerouslySetInnerHTML={{ __html: ArticlesFilteredsData393[0]?.articlesList[0]?.articleTeaserText }}></p>\r\n </li>\r\n </>\r\n )}\r\n </ul>\r\n </div>\r\n </div>\r\n </div>\r\n}\r\n\r\nexport default DepartmentsSliderCard393\r\n","import { useEffect, useState } from \"react\"\r\nimport { useSelector } from \"react-redux\"\r\nimport { Link } from \"react-router-dom\"\r\nimport { ArticlesFilteredsTypes } from \"../../../models/news-articles/articles-filtered-model\"\r\nimport { retrieveArticlesFiltereds397 } from \"../../../redux/slice/news-articles/articles-filtered397-slice\"\r\nimport { useAppDispatch, RootState } from \"../../../redux/store\"\r\n\r\ntype NewsAndArticleCardTypes = {\r\n cardSecTitle: string\r\n cardSecSubTitle: string\r\n cardSecContent: string\r\n cardSecInfo: string\r\n article: ArticlesFilteredsTypes[]\r\n}\r\n\r\n\r\n\r\nconst DepartmentsSliderCard397 = (props: NewsAndArticleCardTypes) => {\r\n\r\n const ArticlesFilteredsData397 = props.article\r\n\r\n\r\n return <div className={`feature-single ${props.cardSecTitle}`}>\r\n <Link to='/news-and-articles/news-articles?category=397'>\r\n <div className={props.cardSecSubTitle}>\r\n Recon\r\n </div>\r\n </Link>\r\n <Link to={ArticlesFilteredsData397[0]?.articlesList[0]?.articleUrl}>\r\n <img src={ArticlesFilteredsData397[0]?.articlesList[0]?.articleTeaserImage} alt={ArticlesFilteredsData397[0]?.articlesList[0]?.articleName} loading=\"lazy\" />\r\n </Link>\r\n <div className={props.cardSecContent}>\r\n <div className={props.cardSecInfo} >\r\n <ul>\r\n {\r\n (ArticlesFilteredsData397[0]?.articlesList?.length > 1) ? (\r\n <>\r\n {\r\n ArticlesFilteredsData397[0]?.articlesList.map((item, index) => {\r\n return <li key={index}>\r\n <Link to={item.articleUrl} dangerouslySetInnerHTML={{ __html: item.articleName }}></Link>\r\n </li>\r\n })\r\n }\r\n <li>\r\n {\r\n (ArticlesFilteredsData397[0]?.articlesList.length > 1) && <Link to='/news-and-articles/news-articles?category=397' className=\"view-more\">See more</Link>\r\n }\r\n </li>\r\n </>\r\n\r\n ) : (\r\n <li>\r\n <Link to={ArticlesFilteredsData397[0]?.articlesList[0].articleUrl} dangerouslySetInnerHTML={{ __html: ArticlesFilteredsData397[0]?.articlesList[0]?.articleName }}></Link>\r\n <p dangerouslySetInnerHTML={{ __html: ArticlesFilteredsData397[0]?.articlesList[0]?.articleTeaserText }}></p>\r\n </li>\r\n )\r\n }\r\n </ul>\r\n\r\n </div>\r\n </div>\r\n {\r\n\r\n }\r\n </div>\r\n}\r\n\r\nexport default DepartmentsSliderCard397\r\n","import { Link } from \"react-router-dom\"\r\nimport { ArticlesFilteredsTypes } from \"../../../models/news-articles/articles-filtered-model\"\r\n\r\ntype NewsAndArticleCardTypes = {\r\n cardSecTitle: string\r\n cardSecSubTitle: string\r\n cardSecContent: string\r\n cardSecInfo: string\r\n article: ArticlesFilteredsTypes[]\r\n}\r\n\r\nconst DepartmentsSliderCard400 = (props: NewsAndArticleCardTypes) => {\r\n\r\n const ArticlesFilteredsData400 = props.article\r\n\r\n return <div className={`feature-single ${props.cardSecTitle}`}>\r\n <Link to='/news-and-articles/news-articles?category=400'>\r\n <div className={props.cardSecSubTitle}>Roundups</div>\r\n </Link>\r\n <Link to={ArticlesFilteredsData400[0]?.articlesList[0]?.articleUrl}>\r\n <img src={ArticlesFilteredsData400[0]?.articlesList[0]?.articleTeaserImage} alt={ArticlesFilteredsData400[0]?.articlesList[0]?.articleName} loading=\"lazy\" />\r\n </Link>\r\n <div className={props.cardSecContent}>\r\n <div className={props.cardSecInfo} >\r\n <ul>\r\n {(ArticlesFilteredsData400[0]?.articlesList?.length > 1) ? (\r\n <>\r\n {\r\n ArticlesFilteredsData400[0]?.articlesList.map((item, index) => {\r\n return <li key={index}>\r\n <Link to={item.articleUrl} dangerouslySetInnerHTML={{ __html: item.articleName }}></Link>\r\n </li>\r\n })\r\n }\r\n <li>\r\n {\r\n (ArticlesFilteredsData400[0]?.articlesList.length > 1) && <Link to='/news-and-articles/news-articles?category=400' className=\"view-more\">See more</Link>\r\n }\r\n </li>\r\n </>\r\n\r\n ) : (\r\n <li>\r\n <Link to={ArticlesFilteredsData400[0]?.articlesList[0].articleUrl} dangerouslySetInnerHTML={{ __html: ArticlesFilteredsData400[0]?.articlesList[0]?.articleName }}></Link>\r\n <p dangerouslySetInnerHTML={{ __html: ArticlesFilteredsData400[0]?.articlesList[0]?.articleTeaserText }}></p>\r\n </li>\r\n )}\r\n </ul>\r\n </div>\r\n </div>\r\n </div>\r\n}\r\n\r\nexport default DepartmentsSliderCard400\r\n","import { Link } from \"react-router-dom\"\r\nimport { ArticlesFilteredsTypes } from \"../../../models/news-articles/articles-filtered-model\"\r\n\r\ntype NewsAndArticleCardTypes = {\r\n cardSecTitle: string\r\n cardSecSubTitle: string\r\n cardSecContent: string\r\n cardSecInfo: string\r\n article: ArticlesFilteredsTypes[]\r\n}\r\n\r\nconst DepartmentsSliderCard404 = (props: NewsAndArticleCardTypes) => {\r\n\r\n const ArticlesFilteredsData404 = props.article\r\n\r\n return <div className={`feature-single ${props.cardSecTitle}`}>\r\n <Link to='/news-and-articles/news-articles?category=404'>\r\n <div className={props.cardSecSubTitle}>This Week at FDA</div>\r\n </Link>\r\n <Link to={ArticlesFilteredsData404[0]?.articlesList[0]?.articleUrl}>\r\n <img src={ArticlesFilteredsData404[0]?.articlesList[0]?.articleTeaserImage} alt={ArticlesFilteredsData404[0]?.articlesList[0]?.articleName} loading=\"lazy\" />\r\n </Link>\r\n <div className={props.cardSecContent}>\r\n <div className={props.cardSecInfo} >\r\n <ul>\r\n {(ArticlesFilteredsData404[0]?.articlesList?.length > 1) ? (\r\n <>\r\n {ArticlesFilteredsData404[0]?.articlesList.map((item, index) => {\r\n return <li key={index}>\r\n <Link to={item.articleUrl} dangerouslySetInnerHTML={{ __html: item.articleName }}></Link>\r\n </li>\r\n })}\r\n <li>\r\n {(ArticlesFilteredsData404[0]?.articlesList.length > 1) && <Link to='/news-and-articles/news-articles?category=404' className=\"view-more\">See more</Link>}\r\n </li>\r\n </>\r\n ) : (\r\n <li>\r\n <Link to={ArticlesFilteredsData404[0]?.articlesList[0].articleUrl} dangerouslySetInnerHTML={{ __html: ArticlesFilteredsData404[0]?.articlesList[0]?.articleName }}></Link>\r\n <p dangerouslySetInnerHTML={{ __html: ArticlesFilteredsData404[0]?.articlesList[0]?.articleTeaserText }}></p>\r\n </li>\r\n )}\r\n </ul>\r\n </div>\r\n </div>\r\n </div>\r\n}\r\n\r\nexport default DepartmentsSliderCard404\r\n","import Slider from \"react-slick\";\r\nimport { ArticlesFilteredsTypes } from \"../../models/news-articles/articles-filtered-model\";\r\nimport DepartmentsSliderCard393 from \"./article/departments-slider-card393\";\r\nimport DepartmentsSliderCard397 from \"./article/departments-slider-card397\";\r\nimport DepartmentsSliderCard400 from \"./article/departments-slider-card400\";\r\nimport DepartmentsSliderCard404 from \"./article/departments-slider-card404\";\r\n\r\nvar settings = {\r\n dots: true,\r\n infinite: true,\r\n speed: 2000,\r\n arrows: false,\r\n slidesToShow: 4,\r\n slidesToScroll: 1,\r\n initialSlide: 0,\r\n autoplay: true,\r\n responsive: [\r\n {\r\n breakpoint: 1024,\r\n settings: {\r\n slidesToShow: 2,\r\n slidesToScroll: 2,\r\n dots: true,\r\n },\r\n },\r\n {\r\n breakpoint: 767,\r\n settings: {\r\n slidesToShow: 1,\r\n slidesToScroll: 1,\r\n dots: true,\r\n },\r\n },\r\n ],\r\n};\r\n\r\nexport type DepartmentsType = {\r\n ArticlesFiltereds393Data?: ArticlesFilteredsTypes[];\r\n ArticlesFilteredsData397?: ArticlesFilteredsTypes[];\r\n ArticlesFilteredsData398?: ArticlesFilteredsTypes[];\r\n ArticlesFilteredsData400?: ArticlesFilteredsTypes[];\r\n ArticlesFilteredsData404?: ArticlesFilteredsTypes[];\r\n};\r\n\r\ntype NewsAndArticleSliderTypes = {\r\n cardMainTitle: string;\r\n cardMainHeading: string;\r\n cardSlidersec: string;\r\n cardSecTitle: string;\r\n cardSecSubTitle: string;\r\n cardSecContent: string;\r\n cardSecInfo: string;\r\n departments: DepartmentsType;\r\n};\r\nconst DepartmentsSlider = (props: NewsAndArticleSliderTypes) => {\r\n return (\r\n <div className={props.cardMainTitle} id=\"features\">\r\n <div className=\"row \">\r\n <div className=\"col-sm-12\">\r\n <h2>{props.cardMainHeading}</h2>\r\n </div>\r\n <div className=\"col-sm-12\">\r\n <div className={`${props.cardSlidersec} `}>\r\n <Slider {...settings}>\r\n <DepartmentsSliderCard397\r\n article={props.departments.ArticlesFilteredsData397 || []}\r\n cardSecTitle={props.cardSecTitle}\r\n cardSecSubTitle={props.cardSecSubTitle}\r\n cardSecContent={props.cardSecContent}\r\n cardSecInfo={props.cardSecInfo}\r\n />\r\n <DepartmentsSliderCard400\r\n article={props.departments.ArticlesFilteredsData400 || []}\r\n cardSecTitle={props.cardSecTitle}\r\n cardSecSubTitle={props.cardSecSubTitle}\r\n cardSecContent={props.cardSecContent}\r\n cardSecInfo={props.cardSecInfo}\r\n />\r\n <DepartmentsSliderCard404\r\n article={props.departments.ArticlesFilteredsData404 || []}\r\n cardSecTitle={props.cardSecTitle}\r\n cardSecSubTitle={props.cardSecSubTitle}\r\n cardSecContent={props.cardSecContent}\r\n cardSecInfo={props.cardSecInfo}\r\n />\r\n <DepartmentsSliderCard393\r\n article={props.departments.ArticlesFiltereds393Data || []}\r\n cardSecTitle={props.cardSecTitle}\r\n cardSecSubTitle={props.cardSecSubTitle}\r\n cardSecContent={props.cardSecContent}\r\n cardSecInfo={props.cardSecInfo}\r\n /> \r\n </Slider>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n );\r\n};\r\n\r\nexport default DepartmentsSlider;\r\n","import { Link } from \"react-router-dom\"\r\nimport { ForAuthersResultType } from \"../../../models/news-articles/regulatory-focus/for-authors-model\"\r\n\r\ntype NewsAndArticleCardTypes = {\r\n cardSecTitle: string\r\n cardSecSubTitle: string\r\n cardSecContent: string\r\n cardSecInfo: string\r\n article: ForAuthersResultType\r\n}\r\n\r\nconst NewsArticleAuthorsCards = (props: NewsAndArticleCardTypes) => {\r\n const article = props.article\r\n return <div className={props.cardSecTitle}>\r\n <Link to={article.titleUrl}>\r\n <div className={props.cardSecSubTitle}>\r\n {article.title}\r\n </div>\r\n </Link>\r\n <Link to={article?.titleUrl}>\r\n <img src={article?.image} alt=\"\" />\r\n </Link>\r\n <div className={props.cardSecContent}>\r\n <div className={props.cardSecInfo}>\r\n <div className=\"feature-content\">\r\n <div className=\"feature-info\">\r\n <ul>\r\n <li>\r\n <Link to={article.link1Url}> {article.link1Text}</Link>\r\n </li>\r\n <li>\r\n <Link to={article.link2Url}> {article.link2Text}</Link>\r\n </li>\r\n <li>\r\n <Link to={article.link3Url}> {article.link3Text}</Link>\r\n </li>\r\n </ul>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n {/* <Link to={article.titleUrl} className=\"view-more\">See more</Link> */}\r\n </div>\r\n}\r\n\r\nexport default NewsArticleAuthorsCards\r\n","import { Link } from \"react-router-dom\"\r\nimport { ResultType } from \"../../../models/news-articles/regulatory-focus/feature-focus-model\"\r\n\r\ntype NewsAndArticleCardTypes = {\r\n cardSecTitle: string\r\n cardSecSubTitle: string\r\n cardSecContent: string\r\n cardSecInfo: string\r\n article: ResultType\r\n}\r\n\r\nconst NewsArticleFeatureCards = (props: NewsAndArticleCardTypes) => {\r\n const article = props.article\r\n return <div className={props.cardSecTitle}>\r\n <Link to={article.linkUrl}>\r\n <div className={props.cardSecSubTitle}>{article.title}</div>\r\n </Link>\r\n <Link to={article?.articlePages[0]?.articleUrl}>\r\n <img src={article?.articlePages[0]?.articleTeaserImage} alt={article?.articlePages[0]?.articleName} loading=\"lazy\" />\r\n </Link>\r\n <div className={props.cardSecContent}>\r\n <div className={props.cardSecInfo} >\r\n <ul>\r\n {(article?.articlePages.length > 1) ? (\r\n article?.articlePages.map((item, index) => {\r\n return <li key={index}>\r\n <Link to={item.articleUrl} dangerouslySetInnerHTML={{ __html: item.articleName }}></Link>\r\n </li>\r\n })\r\n ) : (\r\n <li>\r\n <Link to={article?.articlePages[0].articleUrl} dangerouslySetInnerHTML={{ __html: article?.articlePages[0]?.articleName }}></Link>\r\n <p dangerouslySetInnerHTML={{ __html: article?.articlePages[0]?.articleTeaserText }}></p>\r\n </li>\r\n )}\r\n </ul>\r\n </div>\r\n </div>\r\n {(article?.articlePages.length > 1) && <Link to={article.linkUrl} className=\"view-more\">See more</Link>}\r\n </div>\r\n}\r\n\r\nexport default NewsArticleFeatureCards\r\n","import Slider from \"react-slick\";\r\nimport { FeatureFocusTypes } from \"../../models/news-articles/regulatory-focus/feature-focus-model\";\r\nimport { ForAuthorsTypes } from \"../../models/news-articles/regulatory-focus/for-authors-model\";\r\nimport { LatestFeaturesTypes } from \"../../models/news-articles/regulatory-focus/latest-features-model\";\r\nimport { RFQuarterTypes } from \"../../models/news-articles/regulatory-focus/rf-quarterly-model\";\r\nimport NewsArticleAuthorsCards from \"./article/news-article-authors-card\";\r\nimport NewsArticleFeatureCards from \"./article/news-article-feature-card\";\r\n\r\nvar settings = {\r\n dots: true,\r\n infinite: true,\r\n speed: 2000,\r\n arrows: false,\r\n slidesToShow: 4,\r\n slidesToScroll: 1,\r\n initialSlide: 0,\r\n autoplay: true,\r\n responsive: [\r\n {\r\n breakpoint: 1024,\r\n settings: {\r\n slidesToShow: 2,\r\n slidesToScroll: 2,\r\n dots: true,\r\n },\r\n },\r\n {\r\n breakpoint: 767,\r\n settings: {\r\n slidesToShow: 1,\r\n slidesToScroll: 1,\r\n dots: true,\r\n },\r\n },\r\n ],\r\n};\r\n\r\ntype featuresType = {\r\n featureFocusData: FeatureFocusTypes[];\r\n ForAuthorsData: ForAuthorsTypes[];\r\n LatestFeaturesData: LatestFeaturesTypes[];\r\n RFQuarterData: RFQuarterTypes[];\r\n};\r\n\r\ntype NewsAndArticleSliderTypes = {\r\n cardMainTitle: string;\r\n cardMainHeading: string;\r\n cardSlidersec: string;\r\n cardSecTitle: string;\r\n cardSecSubTitle: string;\r\n cardSecContent: string;\r\n cardSecInfo: string;\r\n features: featuresType;\r\n};\r\nconst NewsArticleSlider = (props: NewsAndArticleSliderTypes) => {\r\n return (\r\n <div className={props.cardMainTitle} id=\"features\">\r\n <div className=\"row\">\r\n <div className=\"col-sm-12\">\r\n <h2>{props.cardMainHeading}</h2>\r\n </div>\r\n <div className=\"col-sm-12\">\r\n <div className={`${props.cardSlidersec} `}>\r\n <Slider {...settings}>\r\n {props.features?.featureFocusData &&\r\n props.features?.featureFocusData[0]?.result?.map((item, index) => {\r\n return (\r\n <NewsArticleFeatureCards\r\n article={item}\r\n key={index}\r\n cardSecTitle={props.cardSecTitle}\r\n cardSecSubTitle={props.cardSecSubTitle}\r\n cardSecContent={props.cardSecContent}\r\n cardSecInfo={props.cardSecInfo}\r\n />\r\n );\r\n })}\r\n {props.features?.LatestFeaturesData &&\r\n props.features?.LatestFeaturesData[0]?.result?.map((item, index) => {\r\n return (\r\n <NewsArticleFeatureCards\r\n article={item}\r\n key={index}\r\n cardSecTitle={props.cardSecTitle}\r\n cardSecSubTitle={props.cardSecSubTitle}\r\n cardSecContent={props.cardSecContent}\r\n cardSecInfo={props.cardSecInfo}\r\n />\r\n );\r\n })}\r\n {props.features?.RFQuarterData &&\r\n props.features?.RFQuarterData[0]?.result?.map((item, index) => {\r\n return (\r\n <NewsArticleFeatureCards\r\n article={item}\r\n key={index}\r\n cardSecTitle={props.cardSecTitle}\r\n cardSecSubTitle={props.cardSecSubTitle}\r\n cardSecContent={props.cardSecContent}\r\n cardSecInfo={props.cardSecInfo}\r\n />\r\n );\r\n })}\r\n {props.features?.ForAuthorsData &&\r\n props.features?.ForAuthorsData[0]?.result?.map((item, index) => {\r\n return (\r\n <NewsArticleAuthorsCards\r\n article={item}\r\n key={index}\r\n cardSecTitle={props.cardSecTitle}\r\n cardSecSubTitle={props.cardSecSubTitle}\r\n cardSecContent={props.cardSecContent}\r\n cardSecInfo={props.cardSecInfo}\r\n />\r\n );\r\n })}\r\n </Slider>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n );\r\n};\r\n\r\nexport default NewsArticleSlider;\r\n","const NewsHomeStyles = () => {\r\n return (\r\n <style>\r\n {`\r\n .news-article-landing .post-list .featured-image.c1_r1_c1 {\r\n width: 33%;\r\n }\r\n\r\n .news-article-landing .post-list .post-content.c1_r1_c2 {\r\n width: 67%;\r\n }\r\n\r\n .news-article-landing .post-list .post-content.c1_r1_c2 {\r\n width: 100%;\r\n }\r\n\r\n\r\n .news-landing {\r\n margin-top: 40px\r\n }\r\n\r\n .news-landing .item-list .item .title {\r\n color: #000;\r\n font-size: 22px\r\n }\r\n\r\n .news-landing .item-list .item .title a {\r\n color: inherit;\r\n font-weight: 700\r\n }\r\n\r\n .news-landing .item-list .item .title svg {\r\n margin-left: 5px;\r\n width: 15px;\r\n height: 15px\r\n }\r\n\r\n .news-landing .item-list .item .meta-item.author, .news-landing .item-list .item .meta-item.date {\r\n font-weight: 300\r\n }\r\n\r\n .news-landing .item-list .item img {\r\n max-width: 120px;\r\n float: right\r\n }\r\n\r\n .news-landing .news-landing-top-left .item:first-child .title {\r\n font-size: 29px\r\n }\r\n\r\n .news-landing .news-landing-right {\r\n font-size: 15px !important\r\n }\r\n\r\n .news-landing .news-landing-right h3 {\r\n color: #009bc9;\r\n margin: 0 0 -20px\r\n }\r\n\r\n .news-landing .news-landing-right .title {\r\n font-size: 15px !important;\r\n margin: 0\r\n }\r\n\r\n .news-landing .news-landing-right .item img {\r\n max-width: 60px !important;\r\n padding-left: 5px\r\n }\r\n\r\n .news-landing .news-landing-right .CMSBanner {\r\n margin: 0;\r\n padding: 1em 0;\r\n text-align: center\r\n }\r\n\r\n @media (min-width:48.063em) {\r\n .news-landing .news-landing-right .CMSBanner img {\r\n width: 100%\r\n }\r\n }\r\n\r\n @media (min-width:72em) {\r\n .news-landing .col-sep-bottom:after, .news-landing .col-sep-left:after, .news-landing .col-sep-right:after, .news-landing .col-sep-top:after {\r\n content: \"\";\r\n display: block;\r\n background-color: #ddd;\r\n height: 1px;\r\n width: 1px;\r\n position: absolute;\r\n top: 0\r\n }\r\n\r\n .news-landing .col-sep-left:after, .news-landing .col-sep-right:after {\r\n height: calc(100% - 40px);\r\n margin: 20px auto\r\n }\r\n\r\n .news-landing .col-sep-left:after {\r\n left: 0\r\n }\r\n\r\n .news-landing .col-sep-right:after {\r\n right: 0\r\n }\r\n\r\n .news-landing .col-sep-bottom:after, .news-landing .col-sep-top:after {\r\n left: 0;\r\n width: calc(100% - 40px);\r\n margin: 0 20px\r\n }\r\n }\r\n\r\n .filter-news-search {\r\n\t background-color: #999999;\r\n\t padding: 4px 0px;\r\n }\r\n\r\n .filter-news-search .form-control {\r\n\t height: 36px;\r\n\t padding: 4px 14px;\r\n }\r\n\r\n .filter-news-search label {\r\n\t margin-bottom: 5px;\r\n\t font-size: 15px;\r\n }\r\n\r\n .filter-news-search .btn {\r\n\t margin-top: 0px;\r\n }\r\n\r\n .filter-news-search legend {\r\n\t font-size: 20px;\r\n }\r\n\r\n .news-landing div .col_latest_features {\r\n\t padding-left: 3%;\r\n\t padding-right: 1%;\r\n }\r\n\r\n .sponsoredborder {\r\n\t background-color: #F1F1F1;\r\n\t padding: 6px 12px !important;\r\n }\r\n\r\n @media (min-width: 768px) {\r\n\t .news-landing div .img-feature {\r\n\t\t max-width: 100%;\r\n\t\t padding-left: 2% !important;\r\n\t }\r\n }\r\n\r\n .news-landing .owl-carousel .owl-dots{\r\n padding-top:10px;\t\r\n }\r\n .owl-carousel .owl-nav button.owl-prev, \r\n .owl-carousel .owl-nav button.owl-next, \r\n .owl-carousel button.owl-dot {\r\n color: inherit;\r\n border: none;\r\n padding: 0 !important;\r\n font: inherit;\r\n margin-right: 5px;\r\n width: 50px;\r\n background:#E2E7E6;\r\n }\r\n .owl-theme .owl-dots .owl-dot.active , \r\n .owl-theme .owl-dots .owl-dot:hover {\r\n background:#FAB84D;\r\n border-color:#FAB84D;\r\n }\r\n .owl-dots {\r\n width: 100%;\r\n margin-right: 5px;\r\n display: flex;\r\n justify-content: center;\r\n }\r\n .owl-carousel.owl-drag .owl-item,.owl-carousel.owl-drag .owl-item .feture-item{\r\n display: flex;\r\n justify-content: center;\r\n }\r\n .featured-post .featured-content .item-category {\r\n float: left;\r\n padding-right: 15px;\r\n }\r\n .logo-block .btn.btn-default.btn-responsive{\r\n margin: 0;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin-right:10px;\t\r\n padding: 5px 15px;\r\n width: 325px;\r\n \r\n }\r\n .single-grid.summary-latest.sponsoredborder{\r\n min-height: auto;\r\n margin-top: 4px;\r\n }\r\n .article-block{\r\n margin-top: 10px;\r\n width:100%;\r\n }\r\n .news-landing{\r\n margin-top: 20px;\r\n }\r\n /* .filter.filter-news-search.fitler-event-search{\r\n margin-left:15px;\r\n } */\r\n .categories.owl-carousel .owl-item img {\r\n width: 300px;\r\n height: 250px;\r\n }\r\n .logo-block a{\r\n margin-right:10px;\r\n }\r\n \r\n .logo-block .btn.btn-default.btn-responsive:last-child{\r\n margin-right:0px;\r\n }\r\n \r\n .sectors a{\r\n color: #0E8ACB;\r\n }\r\n \r\n .btn-content .btn.btn-default.btn-responsive{\r\n margin-bottom: 0;\r\n font-size: inherit;\r\n color: inherit;\r\n background-color: #FBC46C;\r\n \r\n }\r\n .btn-content .btn.btn-default.btn{\r\n margin-top: 0;\r\n margin-left: 5px;\r\n }\r\n .search-content{\r\n width: 100%;\r\n display: flex;\r\n \r\n }\r\n .featured-content h3{\r\n font-size: 30px;\r\n }\r\n .feature-info ul li a{\r\n font-weight: 600;\r\n color: #000000;\r\n font-size: 14px;\r\n padding: 5px 0;\r\n }\r\n .feature-single img {\r\n float: left;\r\n /* width: 300px; */\r\n height: 250px;\r\n }\r\n \r\n .featured-post{\r\n padding: 30px 0;\r\n border-bottom: 1px solid #B3B3B3;\r\n }\r\n .post-list{\r\n /* padding: 10px 0 0 0; */\r\n padding: 30px 0 0 15px;\r\n }\r\n .single-grid{\r\n display: flex;\r\n border-bottom: 1px solid #B3B3B3;\r\n padding-bottom: 10px;\r\n padding-top: 10px;\r\n min-height: 295px;\r\n padding: 10px 5px;\r\n }\r\n .feature-section .col-sm-12.d-flex.justify-content-center{\r\n padding-top: 20px;\r\n }\r\n .features-section h2{\r\n color: #323140;\r\n margin-bottom: 10px;\r\n font-weight: 700;\r\n font-size: 33px;\r\n }\r\n .features-section h2, .category-sections h2{\r\n margin-top:0px;\r\n }\r\n .discover-more{\r\n padding: 10px 0;\r\n width: 100%;\r\n }\r\n .news-landing img.category-img {\r\n width: 16px;\r\n }\r\n .logo-block{\r\n width: 100%;\r\n display: flex;\r\n justify-content: space-between;\r\n margin-top: 20px;\r\n padding-right: 0px;\r\n }\r\n .single-grid.summary-latest.second-article-section:nth-child(odd) {\r\n padding-right: 15px;\r\n }\r\n .single-grid.summary-latest.second-article-section:nth-child(even) {\r\n padding-left: 15px;\r\n }\r\n .filter-news-search{\r\n background-color:#B5C5D9;\r\n }\r\n .news-landing div .img-width{\r\n padding: 25px 0;\r\n }\r\n .newscaption {\r\n max-width: 300px;\r\n margin-left: 25px;\r\n }\r\n .feature-title{\r\n color: #FFFFFF;\r\n padding: 8px 15px;\r\n font-size: 14px;\r\n font-weight: 600;\r\n background: #19204A;\r\n }\r\n .category-title{\r\n color: #FFFFFF;\r\n padding: 8px 15px;\r\n font-size: 14px;\r\n font-weight: 600;\r\n background: #19204A;\r\n }\r\n .featured-content .link-see-more {\r\n font-size: 14px;\r\n }\r\n .news-landing div .img-pin-article{\r\n max-width: 192px;\r\n max-height: 160px;\r\n }\r\n .discover .sectors {\r\n padding-bottom: 30px;\r\n }\r\n .featured-post .featured-image .img-pin-article{\r\n width: 300px;\r\n height: 250px;\r\n }\r\n .single-category,.feature-single{\r\n max-width: 300px;\r\n } \r\n .featured-post .sponsoredborder .featured-image .img-pin-article{\r\n width: 192px;\r\n height: 160px;\r\n }\r\n .articleteaser img {\r\n margin-left: 25px;\r\n }\r\n .endofarticle {\r\n font-size: 80%;\r\n }\r\n \r\n @media (min-width: 200px) and (orientation: portrait)\r\n {\r\n .news-landing div .img-pin-article {\r\n /*max-width: 300px;*/\r\n /*height: 250px;*/\r\n }\r\n }\r\n \r\n @media only screen and (max-width: 425px)\r\n {\r\n .featured-image.c1_r1_c1 {\r\n display: none;\r\n }\r\n }\r\n \r\n @media (min-width: 400px) and (orientation: portrait)\r\n {\r\n .news-landing div .img-pin-article {\r\n margin-top: 5px;\r\n max-width: 300px;\r\n /*max-height: 90%;*/\r\n /*height: 250px;*/\r\n display: block;\r\n padding-left: 1%;\r\n padding-bottom: 4%;\r\n float: left;\r\n margin-right: 8%;\r\n }\r\n }\r\n @media only screen and (max-width: 767px)\r\n {\r\n .post-slider.owl-carousel {\r\n display: block;\r\n }\r\n }\r\n /* Ketan's css changes END*/\r\n \r\n \r\n .search-block{\r\n width: 100%;\r\n padding: 20px 0;\r\n }\r\n .search-content form{\r\n text-align: center;\r\n display: flex;\r\n justify-content: space-between;\r\n }\r\n .single-grid .category-type .category-text{\r\n font-size:10px;\r\n }\r\n .search-content input.mainfield{\r\n width: 81%;\r\n height: 53px;\r\n padding: 14px 50px 14px 24px;\r\n }\r\n .btn-content{\r\n display: flex;\r\n }\r\n .featured-content{\r\n width: 100%; \r\n }\r\n .post-meta{\r\n width: 100%;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n }\r\n .category-tag{\r\n color: #323140;\r\n font-size: 14px; \r\n font-weight: 600;\r\n }\r\n .data-right span{\r\n font-weight: 400;\r\n color: #323140;\r\n font-size: 12px;\r\n position: relative;\r\n padding-right: 5px;\r\n }\r\n \r\n .data-right a { \r\n font-weight: 500;\r\n color: #000000;\r\n font-size: 14px;\r\n padding-left: 5px;\r\n text-decoration: underline;\r\n }\r\n .data-right a:hover {\r\n color: #FAAC2E !important;\r\n }\r\n .featured-content h3{\r\n margin: 0 0 5px 0;\r\n }\r\n .post-info{\r\n position: absolute;\r\n left: 0;\r\n right: 0;\r\n margin: 0 auto;\r\n text-align: center;\r\n bottom: 5px;\r\n }\r\n .post-info span{\r\n \r\n font-weight: 300;\r\n color: #323140;\r\n font-size: 14px;\r\n position: relative;\r\n padding-right: 8px;\r\n }\r\n .post-info span:after{\r\n position: absolute;\r\n right: 0;\r\n top: 4px;\r\n content: \"\";\r\n width: 1px;\r\n height: 12px;\r\n background: #000000;\r\n }\r\n .post-info a{\r\n \r\n font-weight: 500;\r\n color: #000000;\r\n font-size: 14px;\r\n padding-left: 5px;\r\n text-decoration: underline;\r\n }\r\n \r\n .featured-image{\r\n position: relative;\r\n }\r\n .post-content{\r\n padding: 0 0 0 20px;\r\n }\r\n .post-content h3{\r\n margin: 0 0 5px 0;\r\n -webkit-transition: all 0.3s ease-in-out;\r\n -moz-transition: all 0.3s ease-in-out;\r\n -ms-transition: all 0.3s ease-in-out;\r\n -o-transition: all 0.3s ease-in-out;\r\n transition: all 0.3s ease-in-out;\r\n }\r\n .post-content a:hover,\r\n .featured-content a:hover,\r\n .sponsored-content a:hover\r\n {\r\n color: #000000;\r\n }\r\n .post-content a:hover h3{ \r\n color: #000000;\r\n }\r\n .post-list .featured-image{\r\n width: 81%;\r\n }\r\n .single-grid .post-info{\r\n right: auto;\r\n left: 10px;\r\n bottom: 6px;\r\n }\r\n .single-grid .post-info a{\r\n font-weight: 300;\r\n font-size: 12px;\r\n text-decoration: none;\r\n }\r\n .single-grid .post-info a:hover{\r\n color: #FAAC2E;\r\n }\r\n .features-section{\r\n width: 100%;\r\n padding-bottom: 15px;\r\n }\r\n .feature-content{\r\n width: 100%;\r\n }\r\n .feature-single{\r\n float: left;\r\n width: 100%;\r\n }\r\n .feature-content{\r\n float: left;\r\n width: 100%;\r\n padding: 5px 0 10px 0;\r\n }\r\n .feature-content h5{\r\n margin: 0 0 3px 0;\r\n line-height: 20px;\r\n font-size: 18px;\r\n font-weight: 700;\r\n color: #000000;\r\n }\r\n .feature-info{\r\n display: flex;\r\n flex-wrap: wrap;\r\n \r\n font-weight: 300;\r\n color: #323140;\r\n font-size: 14px;\r\n }\r\n .feature-info span{\r\n \r\n font-weight: 300;\r\n color: #323140;\r\n font-size: 14px;\r\n position: relative;\r\n padding-right: 8px;\r\n padding-left: 8px;\r\n }\r\n .feature-info span:before{\r\n position: absolute;\r\n left: 0;\r\n top: 4px;\r\n content: \"\";\r\n width: 1px;\r\n height: 12px;\r\n background: #000000;\r\n }\r\n .feature-info span:first-child:before{\r\n display: none;\r\n }\r\n .feature-info span:first-child{\r\n padding-left: 0;\r\n }\r\n .feature-info ul{\r\n float: left;\r\n width: 100%;\r\n padding: 10px 0 0 0;\r\n margin: 0;\r\n }\r\n .feature-info ul li{\r\n float: left;\r\n width: 100%;\r\n border-bottom: 1px solid #C4C4C4;\r\n list-style: none;\r\n }\r\n .feature-single .view-more{\r\n display: block;\r\n font-weight: 600;\r\n color: #000000;\r\n font-size: 14px;\r\n }\r\n .feature-single.latest-features .feature-content{\r\n padding: 20px 0 0 0;\r\n margin-bottom: 3px;\r\n }\r\n .feature-single.rf-quaterly .feature-content{\r\n padding: 20px 0 0 0;\r\n margin-bottom: 3px;\r\n }\r\n .feature-single.for-authors .feature-info ul{\r\n padding: 0;\r\n }\r\n .feature-single.for-authors .feature-info ul li:first-child{\r\n border-top: 0;\r\n }\r\n .feature-single.for-authors .feature-content{\r\n padding-bottom: 0;\r\n }\r\n .category-sections{\r\n width: 100%;\r\n margin-top: 10px;\r\n margin-bottom: 20px;\r\n }\r\n \r\n .category-content{\r\n float: left;\r\n width: 100%;\r\n }\r\n .category-content ul{\r\n float: left;\r\n width: 100%;\r\n padding: 10px 0 0 0;\r\n margin: 0;\r\n }\r\n .category-content ul li{\r\n float: left;\r\n width: 100%;\r\n border-top: 1px solid #C4C4C4;\r\n list-style: none;\r\n }\r\n .category-content ul li a{\r\n float: left;\r\n \r\n font-weight: 600;\r\n color: #000000;\r\n font-size: 14px;\r\n padding: 5px 0;\r\n line-height: 20px;\r\n text-decoration: none;\r\n }\r\n .category-content ul li:first-child{\r\n border-top: 0;\r\n }\r\n .news-list .data-right a{\r\n text-decoration: none;\r\n }\r\n .discover-more h2{\r\n padding-bottom: 30px;\r\n margin: 0;\r\n }\r\n .feed-single img {\r\n height: 250px;\r\n max-width: 300px !important;\r\n max-height: unset;\r\n }\r\n \r\n .more-list{\r\n width:100%;\r\n }\r\n .more-list ul{\r\n display: flex;\r\n flex-wrap: wrap;\r\n justify-content: center;\r\n margin-bottom: 25px;\r\n gap: 20px;\r\n padding: 0;\r\n }\r\n .more-list ul li{\r\n list-style: none;\r\n margin: 0 0 30px 0;\r\n }\r\n .more-list ul li a{\r\n color: #000000;\r\n font-size: 16px;\r\n font-weight: 700;\r\n padding: 8px 15px 10px;\r\n border: 1px solid #cccccc;\r\n text-decoration: none;\r\n }\r\n .feed-single{\r\n float: left;\r\n width: 100%;\r\n }\r\n .feed-content h6{\r\n margin: 15px 0 10px 0;\r\n }\r\n .feed-content ul{\r\n float: left;\r\n width: 100%;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n .feed-content ul li{\r\n float: left;\r\n width: 100%;\r\n list-style: none;\r\n }\r\n .feed-content ul li a{\r\n float: left;\r\n width: 100%;\r\n color: #000000;\r\n font-size: 14px;\r\n font-weight: 400;\r\n padding: 8px 15px 10px 0;\r\n border-top: 1px solid #cccccc;\r\n text-decoration: none;\r\n }\r\n .feed-content ul li:first-child a{\r\n border: 0;\r\n padding: 0 15px 10px 0;\r\n }\r\n .ad-single{\r\n float: left;\r\n width: 100%;\r\n position: relative;\r\n }\r\n .ad-single img {\r\n width: 100%;\r\n }\r\n .ad-content{\r\n float: left;\r\n width: 100%;\r\n position: absolute;\r\n left: 0;\r\n bottom:0;\r\n padding: 0 15px 15px 15px;\r\n }\r\n .ad-content h3{\r\n margin: 0 0 5px 0;\r\n line-height: 23px;\r\n font-weight: 600;\r\n float: left;\r\n width: 80%;\r\n }\r\n .ad-content span{\r\n float: left;\r\n width: 100%;\r\n font-weight: 400;\r\n font-size: 14px;\r\n padding-bottom: 7px;\r\n float: left;\r\n width: 80%;\r\n }\r\n .ad-content .btn.btn-default.btn-responsive{\r\n margin: 0;\r\n padding: 5px 24px 4px;\r\n \r\n font-weight: 500;\r\n width: 100%;\r\n }\r\n .ad-block{\r\n margin-bottom: 40px;\r\n }\r\n .quick-links{\r\n width: 100%;\r\n background: #E6E6E6;\r\n padding: 30px 0 20px;\r\n }\r\n .quick-links ul{\r\n padding: 0 100px;\r\n column-count: 4;\r\n text-align: center;\r\n }\r\n .quick-links ul li{\r\n list-style: none;\r\n margin-bottom: 7px;\r\n }\r\n .quick-links ul li a{\r\n \r\n font-weight: 600;\r\n font-size: 14px;\r\n color: #000000;\r\n text-decoration: underline;\r\n }\r\n .quick-links ul li a:hover{\r\n color: #FAAC2E;\r\n }\r\n \r\n .single-post .post-meta{\r\n justify-content: flex-start;\r\n gap: 25px;\r\n }\r\n .single-post{\r\n margin: 55px 0 40px;\r\n }\r\n .single-post h2{\r\n margin: 10px 0 15px;\r\n font-size: 20px;\r\n }\r\n .single-post img{\r\n float: right;\r\n padding: 0 0 5px 20px;\r\n }\r\n .detect-mobile{\r\n display: none;\r\n }\r\n .owl-dots {\r\n display: flex;\r\n }\r\n .owl-dot{\r\n background: #EDF0F0;\r\n width: 100%;\r\n height: 10px;\r\n -webkit-transition: all 0.3s ease-in-out;\r\n -moz-transition: all 0.3s ease-in-out;\r\n -ms-transition: all 0.3s ease-in-out;\r\n -o-transition: all 0.3s ease-in-out;\r\n transition: all 0.3s ease-in-out;\r\n }\r\n .owl-dot.active{\r\n background: #A7A8A9;\r\n }\r\n \r\n /*Media queries*/\r\n @media only screen and (min-width: 1024px) and (max-width: 1279px) {\r\n .logo-block .btn.btn-default.btn-responsive{font-size: 13px;padding: 8px 15px;}\r\n .logo-block{gap: 10px;}\r\n .featured-post .col-sm-3{align-self: flex-start;}\r\n .post-list .post-meta{align-items: flex-start;flex-direction: column;padding: 0 0 7px 0;}\r\n .single-grid{flex-direction: column;padding-bottom: 10px;margin-bottom: 25px;}\r\n .post-content{padding: 15px 0 0 0;}\r\n .post-content h3{line-height: 22px;font-size: 17px;}\r\n .features-section h2{margin-bottom: 25px;}\r\n .category-content ul li a{line-height: 18px;font-size: 13px;}\r\n .ad-content h3{width: 100%;font-size: 16px;line-height: 22px;margin: 0 0 2px 0;}\r\n .ad-content span{width: 100%;line-height: 18px;}\r\n .ad-content .btn.btn-default.btn-responsive{font-size: 12px;}\r\n .quick-links{padding: 24px 0 7px;}\r\n .quick-links ul{padding: 0;}\r\n .footer-container{padding: 40px 0 10px;}\r\n .phone-number{flex-direction: column;}\r\n .phone-number span{font-size: 14px;padding: 0 8px 0 0;}\r\n .phone-number span::before {display: none;}\r\n .footer-menu ul li a{font-size: 15px;}\r\n .copyright{font-size: 14px;}\r\n .post-meta{margin-bottom: 6px;}\r\n p{font-size: 15px;}\r\n .header-right .menu-li{font-size: 13px;}\r\n .header-container .btn-responsive{padding: 8px 9px;font-size: 13px;}\r\n .feature-single img{width:inherit}\r\n .categories.owl-carousel .owl-item img {width: inherit;}\r\n }\r\n \r\n @media only screen and (min-width: 768px) and (max-width: 991px) {\r\n .logo-block .btn.btn-default.btn-responsive{font-size: 13px;padding: 30px 15px;height: 45px;white-space: normal;}\r\n .logo-block{gap: 10px;}\r\n .featured-post .col-sm-3{align-self: flex-start;}\r\n .featured-post .featured-image{display: inline-block;width: auto;}\r\n .post-list .post-meta{align-items: flex-start;flex-direction: column;padding: 0 0 7px 0;}\r\n .single-grid{flex-direction: row;padding-bottom: 10px;margin-bottom: 25px;}\r\n .post-content{padding: 15px 0 0 0;}\r\n .post-content h3{line-height: 22px;font-size: 17px;}\r\n .features-section h2{margin-bottom: 25px;}\r\n .category-content ul li a{line-height: 18px;font-size: 13px;}\r\n .ad-content h3{width: 100%;font-size: 16px;line-height: 22px;margin: 0 0 2px 0;}\r\n .ad-content span{width: 100%;line-height: 18px;padding-bottom: 10px;}\r\n .ad-content .btn.btn-default.btn-responsive{font-size: 12px;display: inline-block;}\r\n .quick-links{padding: 24px 0 7px;}\r\n .quick-links ul{padding: 0;column-count: 2;}\r\n .footer-container{padding: 40px 0 10px;}\r\n .phone-number{flex-direction: column;}\r\n .phone-number span{font-size: 14px;padding: 0 8px 0 0;}\r\n .phone-number span::before {display: none;}\r\n .footer-menu ul li a{font-size: 15px;}\r\n .copyright{font-size: 14px;text-align: left;}\r\n .post-meta{margin-bottom: 6px;flex-direction: column;align-items: flex-start;}\r\n p{font-size: 14px;}\r\n .featured-content{padding: 15px 0 0;}\r\n .featured-post{padding: 0 0 10px 0;}\r\n .post-list .featured-image{width: 100%;margin: 0;}\r\n .feature-single{margin-bottom: 30px;}\r\n .features-section{padding-bottom: 5px;}\r\n .category-sections{margin-top: 25px;}\r\n .ad-single{margin-bottom: 20px;}\r\n .ad-block{margin-bottom: 12px;}\r\n .social-icons{padding-bottom: 10px;}\r\n .social-icons ul{justify-content: flex-start;}\r\n .footer-container .col-sm-12.col-md-6.col-lg-3.col-xl-3:nth-of-type(1) { order: 3; }\r\n .footer-container .col-sm-12.col-md-6.col-lg-3.col-xl-3:nth-of-type(4) { order: 4; }\r\n .single-post img{float: left;width: 100%;padding: 0 0 20px 0;}\r\n .categories.owl-carousel .owl-item img {width: inherit;}\r\n .single-post{margin: 30px 0 10px;}\r\n .content-footer{margin: 20px 0 20px;}\r\n .content-footer span{font-size: 14px;}\r\n .header-right .menu-li{font-size: 12px;padding: 0 5px;}\r\n .header-container .menu-li.join-li{padding: 0 0 0 5px;}\r\n .header-container .btn-responsive{padding: 8px 9px;font-size: 12px;}\r\n .header-right{padding: 0 0 10px 0;}\r\n .feature-single img{width:inherit}\r\n .detect-mobile{display: block;}\r\n .single-grid{width: 100%;}\r\n .feature-slider .owl-item.active .col-sm-12.col-md-6.col-lg-3.col-xl-3{max-width: 100%;}\r\n .discover-slider .owl-item.active .col-sm-4{max-width: 100%;}\r\n }\r\n @media only screen and (max-width: 767px) {\r\n .search-content form{flex-direction: column;}\r\n .search-content{display: block;}\r\n .search-content input.mainfield{width: 100%;height: 40px;margin-bottom: 20px;}\r\n /* .btn-content{justify-content: space-between;gap: 20px;display: flex;width: fit-content;} */\r\n .btn-content{display: inline-flex; text-align: center; padding-left: 22%;}\r\n .btn-content .btn.btn-default.btn-responsive{margin-left: 0;height: 40px;padding: 5px 0;}\r\n .logo-block{flex-direction: column;gap: 20px;text-align: center;align-items: center;}\r\n /* .logo-block .btn.btn-default.btn-responsive{display: none;} */\r\n .featured-post .featured-image a img{width: 100%;}\r\n .featured-post .post-info{display: none;}\r\n .featured-post .featured-image{margin-bottom: 20px;}\r\n .post-meta{align-items: flex-start;flex-direction: column;margin-bottom: 5px;}\r\n .featured-content h3{margin: 0 0 10px 0;}\r\n .quick-links{display: none;}\r\n .footer-container{padding: 25px 0 15px;text-align: center;}\r\n .phone-number span{font-size: 14px;}\r\n .contact-info address{margin-bottom: 5px;font-size: 14px;}\r\n .phone-number{padding-bottom: 0px;justify-content: center;}\r\n .contact-info a,.footer-menu ul li a{font-size: 14px;}\r\n .footer-menu{margin: 20px 0 0;}\r\n .copyright br{display: none;}\r\n .copyright{font-size: 13px;text-align: center;}\r\n .social-icons ul{justify-content: center;}\r\n .social-icons{padding-bottom: 20px;}\r\n .discover-more h2{text-align: center;}\r\n .single-grid{flex-direction: column;padding-bottom: 10px;margin-bottom: 20px; width: 100%;}\r\n .post-content{padding: 15px 0 0 0;}\r\n .post-list .featured-image{width: 100%;}\r\n .post-content h3{line-height: 26px;}\r\n .single-post img{float: left;width: 100%;padding: 0 0 20px 0;}\r\n .detect-mobile{display: block;}\r\n .search-content .btn-content .btn.btn-default{margin-left: 0;height: 40px; padding: 5px 10px;}\r\n .content-footer span{font-size: 13px;margin: 0 0 10px 0;}\r\n .content-footer{flex-direction: column;margin: 20px 0 10px;}\r\n .single-post{margin: 30px 0 10px;}\r\n .detect-mobile{display: block;}\r\n .owl-carousel.owl-loaded {margin: 0;}\r\n /* .feature-single{padding-bottom: 30px;} */\r\n .features-section{padding-bottom: 35px;}\r\n .news-list .btn-responsive{margin: 30px auto 0;}\r\n .feed-single{padding-bottom: 20px;}\r\n .ad-content .btn.btn-default.btn-responsive{display: flex;justify-content: center;}\r\n .ad-single{margin-bottom: 25px;}\r\n .post-slider.owl-carousel .owl-item .col-sm-6{padding: 0;}\r\n .feature-slider.owl-carousel .owl-item .col-sm-12.col-md-6.col-lg-3.col-xl-3{padding: 0;}\r\n .news-slider.owl-carousel .owl-item .col-sm-6{padding: 0;}\r\n .discover-slider.owl-carousel .owl-item .col-sm-4{padding: 0;}\r\n .ad-slider.owl-carousel .owl-item .col-sm-12.col-md-6.col-lg-3.col-xl-3{padding: 0;}\r\n .logo{margin: 0 0 15px 0;text-align: center;}\r\n .header-right .menu-ul{border: 0;}\r\n .header-right .menu-li{padding: 6px 0 10px;}\r\n .header-right .menu-li:hover{border-bottom: none;}\r\n .header-right .menu-li.sign-in-li{border: 0;}\r\n .header-container{padding: 15px 0 0;}\r\n .innerpage-container .breadcrumb-blk{margin: 6px 0 10px;}\r\n .breadcrumb-blk ul li a{font-size: 13px;}\r\n .breadcrumb-blk ul li{padding: 0 10px 0 15px;}\r\n .header-right{width: 100%;padding: 0;}\r\n .logo img{width: 180px;}\r\n .more-list ul li{margin: 0 0 10px 0;}\r\n .more-list ul{padding: 0 15px;}\r\n .news-slider.owl-carousel .owl-item .col-sm-6,\r\n .post-slider.owl-carousel .owl-item .col-sm-6,\r\n .discover-slider.owl-carousel .owl-item .col-sm-4{max-width: 100%;}\r\n .feature-single img{width:inherit}\r\n .categories.owl-carousel .owl-item img {width: 100%;}\r\n .logo-block .btn.btn-default.btn-responsive:last-child{margin-right:10px;}\r\n .Second-articles-section .featured-image a,.featured-post .featured-image a{justify-content: center;display: flex;}\r\n .single-grid.summary-latest.second-article-section:nth-child(odd){padding-right:0px;}\r\n .single-grid.summary-latest.second-article-section:nth-child(even){padding-left:0px;}\r\n .subscribe-btn { margin-top: 25px; }\r\n }\r\n @media only screen and (max-width: 320px) {\r\n .header-right .menu-li{font-size: 11px;}\r\n .feature-single img{width:inherit}\r\n .categories.owl-carousel .owl-item img {width: inherit;}\r\n }\r\n @media(max-width: 767px){\r\n .search-content .btn-content {\r\n padding-left: 0;\r\n display: flex;\r\n justify-content: center;\r\n }\r\n .search-content .btn-content #pnlButtons{\r\n margin-left: 15px;\r\n }\r\n }\r\n .discover-slider .slick-slide{\r\n padding-left: 0px; \r\n padding-right: 0px;\r\n }\r\n `}\r\n </style>\r\n\r\n )\r\n}\r\n\r\nexport default NewsHomeStyles;","import React, { useEffect, useState } from \"react\";\r\nimport { Collapse } from \"react-bootstrap\";\r\nimport { useSelector } from \"react-redux\";\r\nimport { Link, useNavigate } from \"react-router-dom\";\r\nimport Discover from \"../../../components/re-usable/discover/discover\";\r\nimport DatePicker from \"react-datepicker\";\r\nimport \"react-datepicker/dist/react-datepicker.css\";\r\nimport { retrieveArticlesFiltereds397 } from \"../../../redux/slice/news-articles/articles-filtered397-slice\";\r\nimport { retrieveArticlesFiltereds398 } from \"../../../redux/slice/news-articles/articles-filtered398-slice\";\r\nimport { retrieveArticlesFiltereds399 } from \"../../../redux/slice/news-articles/articles-filtered399-slice\";\r\nimport { retrieveArticlesFiltereds400 } from \"../../../redux/slice/news-articles/articles-filtered400-slice\";\r\nimport { retrieveArticlesFiltereds404 } from \"../../../redux/slice/news-articles/articles-filtered404-slice\";\r\nimport { retrieveNewsArticlesSearchAuthor } from \"../../../redux/slice/news-articles/news-articles-search-author-slice\";\r\nimport { retrieveNewsArticlesSearchCategory } from \"../../../redux/slice/news-articles/news-articles-search-category-slice\";\r\nimport BooksCardArticle from \"../article/books-card-article\";\r\nimport CoursesCardArticle from \"../article/courses-card-article\";\r\nimport EventsCardArticle from \"../article/events-card-article\";\r\nimport NewsArticleBottom from \"../article/news-article-bottom\";\r\nimport NewsArticleTop from \"../article/news-article-top\";\r\nimport { default as NewsCardArticle } from \"../article/news-card-article\";\r\nimport DepartmentsSlider from \"../departments-slider\";\r\nimport NewsArticleSlider from \"../news-article-slider\";\r\n\r\nimport { Helmet } from \"react-helmet-async\";\r\nimport Slider from \"react-slick\";\r\nimport { retrieveLatestArticles } from \"../../../redux/slice/latest-articles-slice\";\r\nimport { retrieveLatestBooks } from \"../../../redux/slice/latest-books-slice\";\r\nimport { retrieveLatestCourses } from \"../../../redux/slice/latest-courses-slice\";\r\nimport { retrieveLatestEvents } from \"../../../redux/slice/latest-events-slice\";\r\nimport { retrieveArticlesFiltereds } from \"../../../redux/slice/news-articles/articles-filtered-slice\";\r\nimport { retrieveArticlesFiltereds393 } from \"../../../redux/slice/news-articles/articles-filtered393-slice\";\r\nimport { retrieveArticlesPinned } from \"../../../redux/slice/news-articles/articles-pinned-slice\";\r\nimport { retrieveFeatureFocus } from \"../../../redux/slice/news-articles/regulatory-focus/feature-focus-slice\";\r\nimport { retrieveForAuthors } from \"../../../redux/slice/news-articles/regulatory-focus/for-authors-slice\";\r\nimport { retrieveLatestFeatures } from \"../../../redux/slice/news-articles/regulatory-focus/latest-features-slice\";\r\nimport { retrieveRFQuarterly } from \"../../../redux/slice/news-articles/regulatory-focus/rf-quarterly-slice\";\r\nimport { RootState, useAppDispatch } from \"../../../redux/store\";\r\nimport NewsAndArticlesStyles from \"./news-and-articles.styles\";\r\n\r\nconst settings = {\r\n dots: false,\r\n infinite: true,\r\n speed: 500,\r\n arrows: false,\r\n slidesToShow: 4,\r\n slidesToScroll: 1,\r\n initialSlide: 0,\r\n autoplay: true,\r\n responsive: [\r\n {\r\n breakpoint: 1024,\r\n settings: {\r\n slidesToShow: 2,\r\n slidesToScroll: 2,\r\n dots: true,\r\n },\r\n },\r\n {\r\n breakpoint: 767,\r\n settings: {\r\n slidesToShow: 1,\r\n slidesToScroll: 1,\r\n dots: true,\r\n },\r\n },\r\n ],\r\n};\r\n\r\nconst formatDate = (date: Date): string => {\r\n const day = date.getDate().toString().padStart(2, \"0\");\r\n const month = (date.getMonth() + 1).toString().padStart(2, \"0\");\r\n const year = date.getFullYear().toString();\r\n return year + month + day;\r\n};\r\n\r\nconst NewsAndArticlesComponent = () => {\r\n const [startDate, setStartDate] = useState<Date | null>(null);\r\n const [endDate, setEndDate] = useState<Date | null>(null);\r\n const dispatch = useAppDispatch();\r\n const navigator = useNavigate();\r\n const [formOpen, setFormOpen] = useState(false);\r\n const [keyword, setKeyword] = useState<string>(\"\");\r\n const [categoryID, setCategoryID] = useState<number>(0);\r\n const [authorCode, setAuthorCode] = useState<string>(\"\");\r\n const [fromDate, setFromDate] = useState<string>(\"\");\r\n const [toDate, setToDate] = useState<string>(\"\");\r\n const [urlFromDate, setUrlFromDate] = useState<string>(\"\");\r\n const [urlToDate, setUrlToDate] = useState<string>(\"\");\r\n const { ArticlesFilteredsPinnedData } = useSelector((state: RootState) => state.ArticlesPinned);\r\n const { FeatureFocusData } = useSelector((state: RootState) => state.FeatureFocus);\r\n const { ForAuthorsData } = useSelector((state: RootState) => state.ForAuthors);\r\n const { LatestFeaturesData } = useSelector((state: RootState) => state.LatestFeatures);\r\n const { RFQuarterData } = useSelector((state: RootState) => state.RFQuarterly);\r\n const { ArticlesFilteredsData } = useSelector((state: RootState) => state.ArticlesFiltereds);\r\n const { ArticlesFiltereds393Data } = useSelector((state: RootState) => state.ArticlesFiltereds393);\r\n const { ArticlesFilteredsData397 } = useSelector((state: RootState) => state.ArticlesFiltereds397);\r\n //const { ArticlesFilteredsData398 } = useSelector((state: RootState) => state.ArticlesFiltereds398);\r\n const { ArticlesFiltereds399Data } = useSelector((state: RootState) => state.ArticlesFiltereds399);\r\n const { ArticlesFilteredsData400 } = useSelector((state: RootState) => state.ArticlesFiltereds400);\r\n const { ArticlesFilteredsData404 } = useSelector((state: RootState) => state.ArticlesFiltereds404);\r\n const { trendingNewsData } = useSelector((state: RootState) => state.latestArticles);\r\n const { featuredBooksData } = useSelector((state: RootState) => state.latestBooks);\r\n const { featuredLearningData } = useSelector((state: RootState) => state.latestCourses);\r\n const { popularEventsData } = useSelector((state: RootState) => state.latestEvents);\r\n const { NewsArticlesSearchCategoryData } = useSelector((state: RootState) => state.newsArticlesSearchCategory);\r\n const { NewsArticlesSearchAuthorData } = useSelector((state: RootState) => state.newsArticlesSearchAuthor);\r\n\r\n let QueryParamsType = { categoryId: \"394;399;402;401;393;79\", isInclude: false, noOfArticles: 12 };\r\n\r\n useEffect(() => {\r\n dispatch(retrieveArticlesPinned());\r\n dispatch(retrieveFeatureFocus());\r\n dispatch(retrieveForAuthors());\r\n dispatch(retrieveLatestFeatures());\r\n dispatch(retrieveRFQuarterly());\r\n dispatch(retrieveArticlesFiltereds(QueryParamsType));\r\n dispatch(retrieveArticlesFiltereds393({ isInclude: true, noOfArticles: 3 }));\r\n dispatch(retrieveArticlesFiltereds397({ isInclude: true, noOfArticles: 3 }));\r\n dispatch(retrieveArticlesFiltereds398({ isInclude: true, noOfArticles: 3 }));\r\n dispatch(retrieveArticlesFiltereds399({ isInclude: true, noOfArticles: 2 }));\r\n dispatch(retrieveArticlesFiltereds400({ isInclude: true, noOfArticles: 3 }));\r\n dispatch(retrieveArticlesFiltereds404({ isInclude: true, noOfArticles: 3 }));\r\n dispatch(retrieveLatestArticles(2));\r\n dispatch(retrieveLatestBooks(2));\r\n dispatch(retrieveLatestCourses(2));\r\n dispatch(retrieveLatestEvents(2));\r\n dispatch(retrieveNewsArticlesSearchCategory());\r\n dispatch(retrieveNewsArticlesSearchAuthor());\r\n }, [dispatch]);\r\n\r\n const features = {\r\n featureFocusData: FeatureFocusData,\r\n ForAuthorsData: ForAuthorsData,\r\n LatestFeaturesData: LatestFeaturesData,\r\n RFQuarterData: RFQuarterData,\r\n };\r\n const departments = {\r\n ArticlesFiltereds393Data: ArticlesFiltereds393Data,\r\n ArticlesFilteredsData397: ArticlesFilteredsData397,\r\n ArticlesFilteredsData400: ArticlesFilteredsData400,\r\n ArticlesFilteredsData404: ArticlesFilteredsData404,\r\n };\r\n\r\n // On Change Start Date\r\n const handleStartDate = (date: Date) => {\r\n if (date) {\r\n let curFromDate = new Date(date);\r\n let getFromDate = curFromDate.toLocaleDateString();\r\n setFromDate(getFromDate);\r\n\r\n setUrlFromDate(formatDate(date));\r\n }\r\n };\r\n\r\n // On Change End Date\r\n const handleEndDate = (date: Date) => {\r\n if (date) {\r\n let curToDate = new Date(date);\r\n let getToDate = curToDate.toLocaleDateString();\r\n setToDate(getToDate);\r\n\r\n setUrlToDate(formatDate(date));\r\n }\r\n };\r\n\r\n // On change Author\r\n const handleAuthor = (value: string) => {\r\n setAuthorCode(value);\r\n };\r\n\r\n // Remove the Keyword filter\r\n const handleCategory = (value: number) => {\r\n setCategoryID(value);\r\n };\r\n\r\n // Update URL\r\n const updateUrl = (urlKeyword: string, urlCategoryID: number, urlAuthorCode: string, urlFromDate: string, urlToDate: string) => {\r\n const urlSearchParams = new URLSearchParams();\r\n urlKeyword && urlSearchParams.append(\"searchtext\", urlKeyword.toString());\r\n urlCategoryID && urlSearchParams.append(\"category\", urlCategoryID.toString());\r\n urlAuthorCode && urlSearchParams.append(\"author\", urlAuthorCode);\r\n urlFromDate && urlSearchParams.append(\"fromdate\", urlFromDate);\r\n urlToDate && urlSearchParams.append(\"todate\", urlToDate);\r\n navigator(`/news-and-articles/news-articles?${urlSearchParams.toString()}`);\r\n };\r\n\r\n // Handle search\r\n const handleSearch = () => {\r\n updateUrl(keyword, categoryID, authorCode, urlFromDate, urlToDate);\r\n };\r\n\r\n // Handle Start today date\r\n const handleStartTodayDate = () => {\r\n setStartDate(new Date());\r\n };\r\n\r\n // Handle End today date\r\n const handleEndTodayDate = () => {\r\n setEndDate(new Date());\r\n };\r\n\r\n return (\r\n <>\r\n <Helmet>\r\n <title>{ArticlesFilteredsData[0]?.menuItemName}</title>\r\n </Helmet>\r\n <NewsAndArticlesStyles />\r\n <div className=\"container\">\r\n <div className=\"text-center top-banner\" id=\"topbanner\">\r\n <div className=\"CMSBanner Banner topbanner gadsbanner\" id=\"div-gpt-ad-1611326459208-0\" style={{ width: \"970px\", height: \"90px\", margin: '0 auto', display: \"none\" }}>\r\n </div>\r\n <div className=\"CMSBanner Banner topmobile gadsbanner\" id=\"div-gpt-ad-1611693088874-0\" style={{ width: \"300px\", height: \"50px\", margin: '0 auto', display: \"none\" }}>\r\n </div>\r\n </div>\r\n </div>\r\n <style type=\"text/css\">{`\r\n @media only screen and (max-width: 1260px) {\r\n .topmobile, .contentmobile {\r\n display: block;\r\n }\r\n .topbanner, .contentbanner {\r\n display: none;\r\n }\r\n }\r\n @media only screen and (min-width: 1260px) {\r\n .topmobile, .contentmobile {\r\n display: none;\r\n }\r\n .topbanner, .contentbanner {\r\n display: block;\r\n }\r\n }\r\n #topbanner { display: block !important; }\r\n `}</style>\r\n {/* Filter */}\r\n <div className=\"container\">\r\n <div className=\"filter filter-news-search fitler-event-search\">\r\n <div className=\"search-block\">\r\n <div className=\"container\">\r\n <div className=\"row\">\r\n <div className=\"col-sm-12\">\r\n <div className=\"search-content\">\r\n <input\r\n name=\"keyword\"\r\n type=\"text\"\r\n id=\"p_lt_ctl04_SiteMainPlaceholder_p_lt_ctl00_NewsSmartQuickSearchFilter_txtSearchtext\"\r\n className=\"form-control mainfield\"\r\n placeholder=\"Search\"\r\n onChange={(e) => {\r\n setKeyword(e.target.value);\r\n }}\r\n onClick={() => setFormOpen(true)}\r\n />\r\n <div className=\"btn-content\">\r\n <div>\r\n <button\r\n className={`btn btn-default btn-responsive filter-btn filter-toggle ${formOpen ? \"active\" : \"\"}`}\r\n data-toggle\r\n data-hold=\"true\"\r\n data-target=\"toggledContent_EventFilter\"\r\n onClick={() => setFormOpen(!formOpen)}\r\n >\r\n Filters\r\n </button>\r\n </div>\r\n <div id=\"pnlButtons\">\r\n <input\r\n type=\"submit\"\r\n name=\"p$lt$ctl04$SiteMainPlaceholder$p$lt$ctl00$NewsSmartQuickSearchFilter$fltButtons$btnSearch\"\r\n value=\"Search\"\r\n id=\"btnSearch\"\r\n className=\"btn btn-default\"\r\n onClick={() => handleSearch()}\r\n />\r\n </div>\r\n </div>\r\n </div>\r\n <Collapse in={formOpen}>\r\n <div className=\"form-container\" id=\"toggledContent_EventFilter\">\r\n <div className=\"row\">\r\n <div className=\"form-group col-md-2 hide\">\r\n <label\r\n htmlFor=\"p_lt_ctl04_SiteMainPlaceholder_p_lt_ctl00_NewsSmartQuickSearchFilter_txtSearchtext\"\r\n id=\"p_lt_ctl04_SiteMainPlaceholder_p_lt_ctl00_NewsSmartQuickSearchFilter_lblNewTitle\"\r\n className=\"EditingFormLabel\"\r\n >\r\n Keyword\r\n </label>\r\n </div>\r\n <div className=\"form-group col-md-3\">\r\n <label\r\n htmlFor=\"p_lt_ctl04_SiteMainPlaceholder_p_lt_ctl00_NewsSmartQuickSearchFilter_dtFromDate\"\r\n id=\"p_lt_ctl04_SiteMainPlaceholder_p_lt_ctl00_NewsSmartQuickSearchFilter_lblFromDate\"\r\n className=\"EditingFormLabel\"\r\n >\r\n From Date\r\n </label>\r\n {/* <DateRangePicker\r\n editable={true}\r\n format=\"MM-dd-yyyy\"\r\n // value={[new Date(fromDate), new Date(toDate)]}\r\n placeholder=\"Select Date Range\"\r\n defaultCalendarValue={[addMonths(today, -1), today]}\r\n disabledDate={(date) => isAfter(date, new Date())}\r\n onChange={(e) => {\r\n handleRangeDate(e);\r\n }}\r\n /> */}\r\n <DatePicker\r\n selected={startDate}\r\n onChange={(date: React.SetStateAction<Date | null>) => {\r\n date && setStartDate(date);\r\n handleStartDate(date as Date);\r\n }}\r\n peekNextMonth\r\n showMonthDropdown\r\n showYearDropdown\r\n className=\"calander-height\"\r\n placeholderText=\"Select Date\"\r\n dropdownMode=\"select\"\r\n selectsStart\r\n startDate={startDate}\r\n endDate={endDate}\r\n todayButton=\"Today\"\r\n >\r\n {/* <div className=\"calander-btns\">\r\n <input type=\"submit\" className=\"btn btn-default btn-block\" value=\"TODAY\" onClick={handleStartTodayDate} />\r\n <input type=\"submit\" className=\"btn btn-secondary btn-block btn-primary\" value=\"SELECT\" />\r\n </div> */}\r\n </DatePicker>\r\n </div>\r\n <div className=\"form-group col-md-3\">\r\n <label\r\n htmlFor=\"p_lt_ctl04_SiteMainPlaceholder_p_lt_ctl03_NewsSmartSearchFilter_dtToDate\"\r\n id=\"p_lt_ctl04_SiteMainPlaceholder_p_lt_ctl03_NewsSmartSearchFilter_lblToDate\"\r\n className=\"EditingFormLabel\"\r\n >\r\n To Date\r\n </label>\r\n\r\n <DatePicker\r\n selected={endDate}\r\n onChange={(date: React.SetStateAction<Date | null>) => {\r\n date && setEndDate(date);\r\n handleEndDate(date as Date);\r\n }}\r\n className=\"calander-height\"\r\n selectsEnd\r\n peekNextMonth\r\n showMonthDropdown\r\n showYearDropdown\r\n placeholderText=\"Select Date\"\r\n dropdownMode=\"select\"\r\n startDate={startDate}\r\n endDate={endDate}\r\n minDate={startDate}\r\n todayButton=\"Today\"\r\n >\r\n {/* <div className=\"calander-btns\">\r\n <input type=\"submit\" className=\"btn btn-default btn-block\" value=\"TODAY\" onClick={handleEndTodayDate} />\r\n <input type=\"submit\" className=\"btn btn-secondary btn-block btn-primary\" value=\"SELECT\" />\r\n </div> */}\r\n </DatePicker>\r\n </div>\r\n\r\n <div className=\"form-group col-md-3\">\r\n <label htmlFor=\"p_lt_ctl04_SiteMainPlaceholder_p_lt_ctl00_NewsSmartQuickSearchFilter_drpCategories\" className=\"EditingFormLabel\">\r\n Category\r\n </label>\r\n <select name=\"categories\" id=\"categories\" className=\"form-control\" value={categoryID} onChange={(e) => handleCategory(Number(e.target.value))}>\r\n <option value=\"0\">Select Categories</option>\r\n {NewsArticlesSearchCategoryData &&\r\n NewsArticlesSearchCategoryData[0]?.categoryInfos?.map((item, index) => {\r\n return (\r\n <option key={index} value={item.categoryId}>\r\n {item.categoryName}\r\n </option>\r\n );\r\n })}\r\n </select>\r\n </div>\r\n <div className=\"form-group col-md-3\" style={{ display: \"none\" }}>\r\n <label htmlFor=\"p_lt_ctl04_SiteMainPlaceholder_p_lt_ctl00_NewsSmartQuickSearchFilter_drpTopic\" className=\"EditingFormLabel\">\r\n Topic\r\n </label>\r\n <select\r\n name=\"p$lt$ctl04$SiteMainPlaceholder$p$lt$ctl00$NewsSmartQuickSearchFilter$drpTopic\"\r\n id=\"p_lt_ctl04_SiteMainPlaceholder_p_lt_ctl00_NewsSmartQuickSearchFilter_drpTopic\"\r\n className=\"form-control\"\r\n >\r\n <option value=\"0\">Select Topic</option>\r\n <option value=\"Biotech\">Biotech</option>\r\n <option value=\"Brexit\">Brexit</option>\r\n <option value=\"Careers\">Careers</option>\r\n <option value=\"Combination Products\">Combination Products</option>\r\n <option value=\"EU MDR\">EU MDR</option>\r\n <option value=\"IVDs\">IVDs</option>\r\n <option value=\"Management\">Management</option>\r\n <option value=\"Medical Devices\">Medical Devices</option>\r\n <option value=\"Pharmaceuticals\">Pharmaceuticals</option>\r\n <option value=\"Regulatory Intelligence\">Regulatory Intelligence</option>\r\n </select>\r\n </div>\r\n <div className=\"form-group col-md-3\">\r\n <label htmlFor=\"p_lt_ctl04_SiteMainPlaceholder_p_lt_ctl00_NewsSmartQuickSearchFilter_drpAuthors\" className=\"EditingFormLabel\">\r\n Author\r\n </label>\r\n <select name=\"author\" id=\"author\" className=\"form-control\" value={authorCode} onChange={(e) => handleAuthor(e.target.value)}>\r\n <option value=\"0\">Select Author</option>\r\n {NewsArticlesSearchAuthorData &&\r\n NewsArticlesSearchAuthorData[0]?.authors?.map((item, index) => {\r\n return (\r\n <option key={index} value={item.authorsCode}>\r\n {item.authorName}\r\n </option>\r\n );\r\n })}\r\n </select>\r\n </div>\r\n </div>\r\n </div>\r\n </Collapse>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n {/* Tabs */}\r\n <div className=\"container\">\r\n <div className=\"row\">\r\n <div className=\"col-md-12\">\r\n <div className=\"col-md-12 logo-block\">\r\n <Link to=\"#features\" className=\"btn btn-default btn-responsive\" target=\"_parent\">\r\n RF Features\r\n </Link>\r\n <Link to=\"/news-and-articles/rf-quarterly\" className=\"btn btn-default btn-responsive\">\r\n RF Quarterly\r\n </Link>\r\n <Link to=\"/news-and-articles/news-articles\" className=\"btn btn-default btn-responsive\">\r\n All Articles\r\n </Link>\r\n <Link to=\"/preferences?type=news\" className=\"btn btn-default btn-responsive\">\r\n Subscribe\r\n </Link>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div className=\"main-column news-landing news-article-landing\">\r\n <div className=\"container\">\r\n <div className=\"row main_row\">\r\n <div className=\"col-md-12\">\r\n <div className=\"article-block\">\r\n <div className=\"featured-post\">\r\n <div className=\"row\">\r\n {ArticlesFilteredsPinnedData[0]?.articlesList?.map((item, index) => {\r\n return (\r\n <React.Fragment key={index}>\r\n <div className=\"col-sm-12 col-md-12 col-lg-4 col-xl-3 align-self-start\">\r\n <div className=\"featured-image\">\r\n <Link to={item.articleUrl.toLowerCase()} title={item.articleName}>\r\n <img src={item?.articleTeaserImage} alt={item.articleTeaserText} className=\"img-pin-article-off\" />\r\n </Link>\r\n </div>\r\n </div>\r\n <div className=\"col-sm-12 col-md-12 col-lg-8 col-xl-9\">\r\n <div className=\"featured-content\">\r\n <div className=\"post-meta\">\r\n <div className=\"data-right\">\r\n <span className=\"article-date\">{item.articleReleaseDate}</span> | <span className=\"authors\"> By <span className=\"auth-name\" dangerouslySetInnerHTML={{ __html: item.author }}></span>\r\n </span>\r\n </div>\r\n <div className=\"category-tag\">\r\n <span className=\"category\" dangerouslySetInnerHTML={{ __html: item.badgeUrl }}></span>\r\n </div>\r\n </div>\r\n <Link to={item.articleUrl.toLowerCase()}>\r\n <h3> {item.articleName} </h3>\r\n </Link>\r\n <p>{item.articleTeaserText}</p>\r\n <Link className=\"link-see-more\" to={item.articleUrl.toLowerCase()}>\r\n See More\r\n </Link>\r\n </div>\r\n </div>\r\n </React.Fragment>\r\n );\r\n })}\r\n </div>\r\n </div>\r\n </div>\r\n\r\n {/* show sponsored Article if published */}\r\n {ArticlesFiltereds399Data[0]?.articlesList?.length === 1 && ArticlesFiltereds399Data[0]?.articlesList?.map((item, index: number) => {\r\n return (\r\n <React.Fragment key={index}>\r\n <div className=\"sponsored-content\" style={{ borderBottom: \"1px solid #B3B3B3\" }} >\r\n <div className=\"sponsoredborder\" style={{ padding: \"20px 25px !important\" }}>\r\n <div className=\"row\">\r\n <div className=\"col-sm-12 col-md-2 align-self-start\">\r\n <div className=\"featured-image\">\r\n <Link to={item.articleUrl.toLowerCase()} >\r\n <img src={item?.articleTeaserImage} alt={item.articleName} loading=\"lazy\" />\r\n </Link>\r\n </div>\r\n </div>\r\n <div className=\"col-sm-12 col-md-10\">\r\n <div className=\"summary-latest\">\r\n <div className=\"post-meta\">\r\n <div className=\"data-right\">\r\n <span className=\"article-date\">{item.articleReleaseDate}</span> | <span className=\"authors\"> By <span dangerouslySetInnerHTML={{ __html: item.author }}></span></span>\r\n </div>\r\n <div className=\"category-tag\">\r\n <span className=\"category\" dangerouslySetInnerHTML={{ __html: item.badgeUrl }}></span>\r\n </div>\r\n </div>\r\n <Link to={item.articleUrl.toLowerCase()}><h3>{item.articleName}</h3></Link>\r\n <p>{item.articleTeaserText}</p>\r\n <Link className=\"link-see-more\" to={item.articleUrl.toLowerCase()}>See More</Link>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </React.Fragment>\r\n );\r\n })}\r\n {ArticlesFiltereds399Data[0]?.articlesList?.length === 2 && (\r\n <div className=\"sponsoredborder row\" style={{ borderBottom: \"1px solid #B3B3B3\", padding: \"20px 25px !important\", marginTop: \"15px\" }}>\r\n {ArticlesFiltereds399Data[0]?.articlesList?.map((item, index: number) => {\r\n return (\r\n <React.Fragment key={index}>\r\n <div className=\"sponsored-content col-md-6\" style={index === 0 ? { borderRight: \"1px solid #B3B3B3\" } : {} } >\r\n <div className=\"row\">\r\n <div className=\"col-lg-5 col-md-12 align-self-start\">\r\n <div className=\"featured-image\">\r\n <Link to={item.articleUrl.toLowerCase()} >\r\n <img src={item?.articleTeaserImage} alt={item.articleName} loading=\"lazy\" />\r\n </Link>\r\n </div>\r\n </div>\r\n <div className=\"col-sm-12 col-md\">\r\n <div className=\"summary-latest\">\r\n <div className=\"post-meta\">\r\n <div className=\"data-right\">\r\n <span className=\"article-date\">{item.articleReleaseDate}</span> | <span className='authors'>By <span dangerouslySetInnerHTML={{ __html: item.author }}></span></span>\r\n </div>\r\n <div className=\"category-tag\">\r\n <span className=\"category\" dangerouslySetInnerHTML={{ __html: item.badgeUrl }}></span>\r\n </div>\r\n </div>\r\n <Link to={item.articleUrl.toLowerCase()}><h3>{item.articleName}</h3></Link>\r\n <p>{item.articleTeaserText}</p>\r\n <Link className=\"link-see-more\" to={item.articleUrl.toLowerCase()}>See More</Link>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </React.Fragment>\r\n );\r\n })}\r\n </div>\r\n )}\r\n\r\n {/* second Article sec */}\r\n <NewsArticleTop articles={ArticlesFilteredsData} />\r\n\r\n <div className=\"row img-width\">\r\n <div className=\"col-md-12 text-center\">\r\n <div className=\"CMSBanner Banner contentbanner gadsbanner\" id=\"div-gpt-ad-1649701637206-0\" style={{ minWidth: \"970px\", minHeight: \"90px\", display: \"none\" }}></div>\r\n <div className=\"CMSBanner Banner contentmobile gadsbanner\" id=\"div-gpt-ad-1649701809430-0\" style={{ minWidth: \"300px\", minHeight: \"50px\", display: \"none\" }}></div>\r\n </div>\r\n </div>\r\n\r\n {/* Features slider */}\r\n <NewsArticleSlider\r\n features={features}\r\n cardMainTitle=\"features-section\"\r\n cardMainHeading=\"Features\"\r\n cardSlidersec=\"feature-slider\"\r\n cardSecTitle=\"feature-single\"\r\n cardSecSubTitle=\"feature-title\"\r\n cardSecContent=\"feature-content\"\r\n cardSecInfo=\"feature-info\"\r\n />\r\n\r\n {/* Add Banner */}\r\n <div className=\"row img-width\">\r\n <div className=\"col-md-12 text-center\">\r\n <div className=\"CMSBanner Banner contentbanner gadsbanner\" id=\"div-gpt-ad-1649701921828-0\" style={{ minWidth: \"970px\", minHeight: \"90px\", display: \"none\" }}></div>\r\n <div className=\"CMSBanner Banner contentmobile gadsbanner\" id=\"div-gpt-ad-1649701861184-0\" style={{ minWidth: \"300px\", minHeight: \"50px\", display: \"none\" }}></div>\r\n </div>\r\n </div>\r\n\r\n {/* Departments */}\r\n <DepartmentsSlider\r\n departments={departments}\r\n cardMainTitle=\"category-sections\"\r\n cardMainHeading=\"Departments\"\r\n cardSlidersec=\"categories gray-dots\"\r\n cardSecTitle=\"single-category\"\r\n cardSecSubTitle=\"category-title\"\r\n cardSecContent=\"category-content\"\r\n cardSecInfo=\"category-info\"\r\n />\r\n\r\n {/* News Article Bottom */}\r\n <NewsArticleBottom articles={ArticlesFilteredsData} />\r\n\r\n <div className=\"col-sm-12 d-flex justify-content-center\">\r\n <Link className=\"btn btn-default btn-responsive mt-3\" to={`/news-and-articles/news-articles?page=2`}>\r\n See More News\r\n </Link>\r\n </div>\r\n <a id=\"rssLink\" className=\"FeedLink\" href=\"/news-and-articles/rss.xml\">\r\n <img\r\n id=\"rssFeedImg\" className=\"FeedIcon\" src=\"https://rapsprod.blob.core.windows.net/rapsk13/raps/media/news-images/rss-icon.png\"\r\n alt=\"Regulatory Focus Articles\"\r\n />\r\n </a>\r\n <a id=\"rssLinkText\" className=\"FeedLink\" href=\"/news-and-articles/rss.xml\">\r\n <span id=\"rssFeedName\" className=\"FeedCaption\">\r\n {\" \"}\r\n RSS Feed 2.0\r\n </span>\r\n </a>\r\n\r\n {/* Discover more sec */}\r\n <Discover />\r\n\r\n <div className=\"col-md-12\">\r\n <div className=\"col-md-12\">\r\n <div className=\"discover-more\">\r\n <div className=\"container\">\r\n <div className=\"row discover\">\r\n {/* <div className=\"col-sm-12 d-flex justify-content-center\">\r\n <h2>Discover more of what matters to you</h2>\r\n </div> */}\r\n <div className=\"col-md-12\">\r\n <div className=\"row\">\r\n <div className=\"row discover-slider owl-carousel owl-theme features-section lg-hide\">\r\n <Slider {...settings}>\r\n <NewsCardArticle article={trendingNewsData} />\r\n <BooksCardArticle article={featuredBooksData} />\r\n <EventsCardArticle article={popularEventsData} />\r\n <CoursesCardArticle article={featuredLearningData} />\r\n </Slider>\r\n </div>\r\n <div className=\"row discover-slider owl-carousel owl-theme lg-show\">\r\n <NewsCardArticle article={trendingNewsData} />\r\n <BooksCardArticle article={featuredBooksData} />\r\n <EventsCardArticle article={popularEventsData} />\r\n <CoursesCardArticle article={featuredLearningData} />\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </>\r\n );\r\n};\r\nexport default NewsAndArticlesComponent;\r\n","import { Link, useLocation } from \"react-router-dom\";\r\nimport HomeGoogleAds from \"../../components/advertisement/home-google-ads\";\r\nimport NewsAndArticlesComponent from \"./components/news-and-articles.component\";\r\nimport { useEffect, useMemo, useState } from \"react\";\r\nimport { RootState, useAppDispatch } from \"../../redux/store\";\r\nimport { retrievePageMenu } from \"../../redux/slice/page-menu.slice\";\r\nimport { useSelector } from \"react-redux\";\r\nimport LoadingComp from \"../../components/re-usable/loading/loading\";\r\n\r\nconst NewsAndArticles = () => {\r\n // Check if navigating to the original rss feed url\r\n const location = useLocation();\r\n const queryParams = new URLSearchParams(location.search.toLowerCase());\r\n const isRssFeed = queryParams.get(\"rss\")\r\n\r\n if (isRssFeed && isRssFeed.toLowerCase() === \"regulatory-focus\") {\r\n window.location.replace(\"/news-and-articles/rss\");\r\n }\r\n // End Check\r\n\r\n const path = \"%2FNews-And-Articles\"\r\n const dispatch = useAppDispatch();\r\n\r\n const { RapsEuropeLoading: pageLoading, RapsEuropeData: pageData } = useSelector((state: RootState) => state.rapsEurope);\r\n\r\n const [isPageLoaded, setIsPageLoaded] = useState(false);\r\n\r\n const cachedGoogleAds = useMemo(() => <HomeGoogleAds />, []);\r\n\r\n useEffect(() => {\r\n window.scrollTo(0, 0)\r\n\r\n dispatch(retrievePageMenu(path));\r\n }, [dispatch])\r\n\r\n useEffect(() => {\r\n if (!pageLoading && pageData[0]?.result !== undefined) {\r\n setIsPageLoaded(true);\r\n }\r\n }, [pageData])\r\n\r\n if (!isPageLoaded) return <LoadingComp />\r\n\r\n return (\r\n <>\r\n <NewsAndArticlesComponent />\r\n\r\n <div className=\"container\">\r\n {cachedGoogleAds}\r\n <p> </p>\r\n </div>\r\n <QuickLinksStyles />\r\n <div className=\"container-fluid\" id=\"newslinks\">\r\n <div className=\"container\">\r\n <div className=\"row\">\r\n <div className=\"col-md-3 mt-1\">\r\n <div>\r\n <Link className=\"ql-links\" to=\"/news-and-articles/about-regulatory-focus\">\r\n <span className=\"ql-text\">About Regulatory Focus</span>\r\n </Link>\r\n </div>\r\n <div>\r\n <Link className=\"ql-links\" to=\"/news-and-articles/rf-quarterly\">\r\n <span className=\"ql-text\">RF Quarterly</span>\r\n </Link>\r\n </div>\r\n </div>\r\n\r\n <div className=\"col-md-3 mt-1\">\r\n <div>\r\n <Link className=\"ql-links\" to=\"/news-and-articles/about-regulatory-focus/editorial-calendar\">\r\n <span className=\"ql-text\">Editorial Calendar</span>\r\n </Link>\r\n </div>\r\n <div>\r\n <Link className=\"ql-links\" to=\"/news-and-articles/editorial-advisory-committee\">\r\n <span className=\"ql-text\">Editorial Advisory Committee</span>\r\n </Link>\r\n </div>\r\n </div>\r\n\r\n <div className=\"col-md-3 mt-1\">\r\n <div>\r\n <Link className=\"ql-links\" to=\"/news-and-articles/about-regulatory-focus/author-guidelines\">\r\n <span className=\"ql-text\">Submissions & Guidelines</span>\r\n </Link>\r\n </div>\r\n <div>\r\n <Link className=\"ql-links\" to=\"/news-and-articles/copyright-clearance-center\">\r\n <span className=\"ql-text\">Copyright & Terms of Use</span>\r\n </Link>\r\n </div>\r\n </div>\r\n\r\n <div className=\"col-md-3 mt-1\">\r\n <div>\r\n <a className=\"ql-links\" href=\"https://www.raps-mediaplanner.com/rapsmediaplanneraccess\">\r\n <span className=\"ql-text\">Advertise</span>\r\n </a>\r\n </div>\r\n <div>\r\n <Link className=\"ql-links\" to=\"/who-we-are/contact-us\">\r\n <span className=\"ql-text\">Contact</span>\r\n </Link>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </>\r\n );\r\n};\r\n\r\nconst QuickLinksStyles = () => {\r\n return (\r\n <style>\r\n {`\r\n #newslinks .ql-links {\r\n color: white;\r\n font-size: 18px;\r\n }\r\n #newslinks {\r\n background-color: #0070B9;\r\n position: relative;\r\n padding: 0 0 5px 0;\r\n margin-top: 10px;\r\n }\r\n #newslinks .row {\r\n margin-left: 5%;\r\n margin-top: 5px; margin-bottom: 5px;\r\n }\r\n .news-landing .summary-latest a.link-see-more {\r\n font-size: 14px;\r\n }\r\n `}\r\n </style>\r\n )\r\n}\r\n\r\nexport default NewsAndArticles;\r\n"],"names":["className","id","style","minWidth","minHeight","margin","padding","display","props","page","data","useSelector","state","taxonomyList","dispatch","useAppDispatch","useEffect","retrieveTaxonomy","undefined","map","item","index","taxonomyId","href","categoryName","googletag","window","cmd","push","destroySlots","defineSlot","path","size","addService","pubads","enableSingleRequest","enableServices","article","src","imageUrl","alt","name","loading","to","length","nodeName","dangerouslySetInnerHTML","__html","slice","reverse","sideImage","eventName","articleUrl","articleTeaserImage","articleName","articleReleaseDate","author","badgeUrl","articleTeaserText","useDfpSlot","ArticlesFilteredsData","articles","cachedUseDfpSlot","useMemo","isArticlesListed","setIsArticlesListed","useState","articlesList","ArticlesFilteredsData393","cardSecTitle","cardSecSubTitle","cardSecContent","cardSecInfo","ArticlesFilteredsData397","ArticlesFilteredsData400","ArticlesFilteredsData404","settings","dots","infinite","speed","arrows","slidesToShow","slidesToScroll","initialSlide","autoplay","responsive","breakpoint","cardMainTitle","cardMainHeading","cardSlidersec","departments","ArticlesFiltereds393Data","titleUrl","title","image","link1Url","link1Text","link2Url","link2Text","link3Url","link3Text","linkUrl","articlePages","features","featureFocusData","result","LatestFeaturesData","RFQuarterData","ForAuthorsData","formatDate","date","day","getDate","toString","padStart","month","getMonth","getFullYear","startDate","setStartDate","endDate","setEndDate","navigator","useNavigate","formOpen","setFormOpen","keyword","setKeyword","categoryID","setCategoryID","authorCode","setAuthorCode","fromDate","setFromDate","toDate","setToDate","urlFromDate","setUrlFromDate","urlToDate","setUrlToDate","ArticlesFilteredsPinnedData","ArticlesPinned","FeatureFocusData","FeatureFocus","ForAuthors","LatestFeatures","RFQuarterly","ArticlesFiltereds","ArticlesFiltereds393","ArticlesFiltereds397","ArticlesFiltereds399Data","ArticlesFiltereds399","ArticlesFiltereds400","ArticlesFiltereds404","trendingNewsData","latestArticles","featuredBooksData","latestBooks","featuredLearningData","latestCourses","popularEventsData","latestEvents","NewsArticlesSearchCategoryData","newsArticlesSearchCategory","NewsArticlesSearchAuthorData","newsArticlesSearchAuthor","QueryParamsType","categoryId","isInclude","noOfArticles","retrieveArticlesPinned","retrieveFeatureFocus","retrieveForAuthors","retrieveLatestFeatures","retrieveRFQuarterly","retrieveArticlesFiltereds","retrieveArticlesFiltereds393","retrieveArticlesFiltereds397","retrieveArticlesFiltereds398","retrieveArticlesFiltereds399","retrieveArticlesFiltereds400","retrieveArticlesFiltereds404","retrieveLatestArticles","retrieveLatestBooks","retrieveLatestCourses","retrieveLatestEvents","retrieveNewsArticlesSearchCategory","retrieveNewsArticlesSearchAuthor","handleSearch","urlKeyword","urlCategoryID","urlAuthorCode","urlSearchParams","URLSearchParams","append","updateUrl","menuItemName","width","height","type","placeholder","onChange","e","target","value","onClick","Collapse","in","htmlFor","selected","getFromDate","Date","toLocaleDateString","handleStartDate","peekNextMonth","showMonthDropdown","showYearDropdown","placeholderText","dropdownMode","selectsStart","todayButton","getToDate","handleEndDate","selectsEnd","minDate","handleCategory","Number","categoryInfos","handleAuthor","authors","authorsCode","authorName","toLowerCase","borderBottom","marginTop","borderRight","QuickLinksStyles","location","useLocation","isRssFeed","search","get","replace","RapsEuropeLoading","pageLoading","RapsEuropeData","pageData","rapsEurope","isPageLoaded","setIsPageLoaded","cachedGoogleAds","scrollTo","retrievePageMenu"],"sourceRoot":""}