{"version":3,"file":"static/js/235.0e38f545.chunk.js","mappings":"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","sources":["components/advertisement/home-google-ads.tsx","components/advertisement/load-home-google-ads.tsx","components/re-usable/discover/discover.tsx","components/secondary-nav/dropdown-menu.tsx","components/secondary-nav/secondary-nav.tsx","hooks/useDfpSlot.ts","components/re-usable/card-carousel/card-carousel.tsx","components/re-usable/card-carousel/card-carousel-exchange.tsx","pages/home/regulatoryFocusAndExchange.tsx","components/re-usable/cards/left-img-right-text.tsx","widgets/cards.tsx","components/re-usable/homeTopArticles/trending-news.tsx","components/re-usable/homeTopArticles/featured-books.tsx","components/re-usable/homeTopArticles/featured-learning.tsx","components/re-usable/homeTopArticles/popular-events.tsx","pages/home/news-and-events.tsx","pages/home/raps-highlights.tsx","components/re-usable/two-column-list/two-column-list.tsx","components/re-usable/calendar/calendar.tsx","pages/home/event-calendar.tsx","pages/home/search-home.tsx","pages/home/hero-slider.tsx","pages/home/homepage.styles.tsx","pages/home/home.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 useDfpSlot from \"../../hooks/useDfpSlot\";\r\n\r\nconst LoadHomeGoogleAds = () => {\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\r\n return(<></>)\r\n}\r\n\r\nexport default LoadHomeGoogleAds;","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 { level3, secondaryNavigation } from \"../../models/primary-menu-model\";\r\n\r\nconst DropdownMenu = (props: { links: level3[], callout: secondaryNavigation }) => {\r\n\r\n const { links, callout } = props;\r\n const handleEmptyClick = (event: React.MouseEvent<HTMLSpanElement, MouseEvent>) => {\r\n event.preventDefault();\r\n }\r\n\r\n return <div className=\"dropdown-content dropdown-menu\">\r\n <div className=\"d-flex justify-content-between\">\r\n <div className=\"mega-menu-column col-md\">\r\n {links.map((item, index) => {\r\n return (index % 2 === 0) ? <a href={item.page} key={index} className=\"nav-link\">{item.name}</a> : ''\r\n })}\r\n {(links.length < 5) ?\r\n <span style={{ textDecoration: \"none\", cursor: \"default\" }} onClick={handleEmptyClick}> </span> : ''}\r\n </div>\r\n <div className=\"mega-menu-column col-md\">\r\n {links.map((item, index) => {\r\n return (index % 2 === 1) ? <a href={item.page} key={index} className=\"nav-link\">{item.name}</a> : ''\r\n })}\r\n {(links.length % 2 === 1 || (links.length <= 5)) ?\r\n <span style={{ textDecoration: \"none\", cursor: \"default\" }} onClick={handleEmptyClick}> </span> : ''}\r\n </div>\r\n\r\n {(callout.summary) ? (\r\n <div className=\"mega-menu-callout\">\r\n <div className=\"alert alert-info mb-0\" style={{ height: \"100%\" }}>\r\n <div className=\"row\">\r\n <div className=\"col-md\">\r\n <h4 className=\"alert-heading fw-bold\" dangerouslySetInnerHTML={{ __html: callout.title }}></h4>\r\n <p className=\"lead mb-0\">{callout.summary}</p>\r\n </div>\r\n <div className=\"col-md-5\">\r\n <a href={callout.linkUrl}><img alt={callout.title} src={callout.image} /></a>\r\n </div>\r\n </div>\r\n <hr />\r\n <a href={callout.linkUrl} className=\"btn btn-lg btn-primary mt-2\">{callout.linkText}</a>\r\n </div>\r\n </div>\r\n ) : ''}\r\n </div>\r\n </div>\r\n}\r\n\r\nexport default DropdownMenu;","import { useEffect } from \"react\";\r\nimport { useSelector } from \"react-redux\";\r\nimport { retrievePrimaryMenu } from \"../../redux/slice/primary-menu-slice\";\r\nimport { RootState, useAppDispatch } from \"../../redux/store\";\r\nimport DropdownMenu from \"./dropdown-menu\";\r\n\r\nconst SecondaryNav = () => {\r\n const { data } = useSelector((state: RootState) => state.primaryMenu)\r\n\r\n const dispatch = useAppDispatch()\r\n useEffect(() => {\r\n dispatch(retrievePrimaryMenu())\r\n }, [dispatch])\r\n\r\n const handleClick = (evt: React.MouseEvent<HTMLDivElement, MouseEvent>) => {\r\n const dropdown = $(evt.currentTarget).find('.dropdown-menu')\r\n dropdown.toggle()\r\n return false;\r\n }\r\n const handleTouch = (evt: React.TouchEvent<HTMLDivElement>) => {\r\n evt.preventDefault();\r\n const target = $(evt.currentTarget);\r\n const prop = target.find('.dropdown-menu').css('display');\r\n const dropdown = target.find('.dropdown-menu')\r\n target.parent().find('.dropdown-menu').hide();\r\n if (prop === 'none') dropdown.show()\r\n if (prop !== 'none') dropdown.hide()\r\n //dropdown.toggle()\r\n return false;\r\n }\r\n\r\n const handleEnter = (evt: React.MouseEvent<HTMLDivElement, MouseEvent>) => {\r\n const dropdown = $(evt.currentTarget).find('.dropdown-menu')\r\n //console.log('enter = ', dropdown.is(':visible'));\r\n dropdown.show()\r\n return false;\r\n }\r\n const handleLeave = (evt: React.MouseEvent<HTMLDivElement, MouseEvent>) => {\r\n const dropdown = $(evt.currentTarget).find('.dropdown-menu')\r\n dropdown.hide()\r\n return false;\r\n }\r\n\r\n if (data) {\r\n return <>\r\n <nav className=\"navbar navbar-expand-lg pb-0\">\r\n <div className=\"container\">\r\n <div className=\"navbar-collapse collapse\" id=\"navbarContent\">\r\n <div className=\"themenu navbar-nav text-center\">\r\n {\r\n data.map((menuItemdata) => {\r\n return menuItemdata.data.map((menuItem, index) => {\r\n return menuItem.childrens.map((item, index) => {\r\n return <>\r\n <div className={`menu-item nav-item dropdown-off position-static topic ${item.name.toLowerCase()}`} key={index} onClick={handleClick} onMouseEnter={handleEnter} onMouseLeave={handleLeave} onTouchEnd={handleTouch} >\r\n <span className=\"menu-title dropdown-toggle-off\">\r\n <h4 className=\"title\" key={index}>{item.name} <i aria-hidden=\"true\" className=\"fa fa-angle-double-down\" id=\"fa-angle-arrow\"></i></h4>\r\n </span>\r\n <DropdownMenu links={item.childrens} callout={item} />\r\n </div>\r\n </>\r\n })\r\n })\r\n })\r\n }\r\n </div>\r\n </div>\r\n </div>\r\n </nav>\r\n <style>\r\n {\r\n `\r\n .navbar-nav, .navbar-nav .nav-item { width: 100% }\r\n\r\n .navbar {\r\n position: relative;\r\n display: -ms-flexbox;\r\n display: flex;\r\n -ms-flex-wrap: wrap;\r\n flex-wrap: wrap;\r\n -ms-flex-align: center;\r\n align-items: center;\r\n -ms-flex-pack: justify;\r\n justify-content: space-between;\r\n /*padding: 0.5rem 1rem;*/\r\n }\r\n\r\n .navbar > .container,\r\n .navbar > .container-fluid {\r\n display: -ms-flexbox;\r\n display: flex;\r\n -ms-flex-wrap: wrap;\r\n flex-wrap: wrap;\r\n -ms-flex-align: center;\r\n align-items: center;\r\n -ms-flex-pack: justify;\r\n justify-content: space-between;\r\n }\r\n\r\n .navbar-brand {\r\n display: inline-block;\r\n padding-top: 0.3125rem;\r\n padding-bottom: 0.3125rem;\r\n margin-right: 1rem;\r\n font-size: 1.25rem;\r\n line-height: inherit;\r\n white-space: nowrap;\r\n }\r\n\r\n .navbar-brand:hover,\r\n .navbar-brand:focus {\r\n text-decoration: none;\r\n }\r\n\r\n .navbar-nav {\r\n display: -ms-flexbox;\r\n display: flex;\r\n -ms-flex-direction: column;\r\n flex-direction: column;\r\n padding-left: 0;\r\n margin-bottom: 0;\r\n list-style: none;\r\n }\r\n\r\n .navbar-nav .nav-link {\r\n padding-right: 0;\r\n padding-left: 0;\r\n }\r\n\r\n .navbar-text {\r\n display: inline-block;\r\n padding-top: 0.5rem;\r\n padding-bottom: 0.5rem;\r\n }\r\n\r\n .navbar-collapse {\r\n -ms-flex-preferred-size: 100%;\r\n flex-basis: 100%;\r\n -ms-flex-positive: 1;\r\n flex-grow: 1;\r\n -ms-flex-align: center;\r\n align-items: center;\r\n }\r\n\r\n .navbar-toggler {\r\n padding: 0.25rem 0.75rem;\r\n font-size: 1.25rem;\r\n line-height: 1;\r\n background-color: transparent;\r\n border: 1px solid transparent;\r\n border-radius: 0.25rem;\r\n }\r\n\r\n .navbar-toggler:hover,\r\n .navbar-toggler:focus {\r\n text-decoration: none;\r\n }\r\n\r\n .navbar-toggler:not(:disabled):not(.disabled) {\r\n cursor: pointer;\r\n }\r\n\r\n .navbar-toggler-icon {\r\n display: inline-block;\r\n width: 1.5em;\r\n height: 1.5em;\r\n vertical-align: middle;\r\n content: \"\";\r\n background: no-repeat center center;\r\n background-size: 100% 100%;\r\n }\r\n\r\n @media (max-width: 575.98px) {\r\n .navbar-expand-sm > .container,\r\n .navbar-expand-sm > .container-fluid {\r\n padding-right: 0;\r\n padding-left: 0;\r\n }\r\n }\r\n\r\n @media (min-width: 576px) {\r\n .navbar-expand-sm {\r\n -ms-flex-flow: row nowrap;\r\n flex-flow: row nowrap;\r\n -ms-flex-pack: start;\r\n justify-content: flex-start;\r\n }\r\n\r\n .navbar-expand-sm .navbar-nav {\r\n -ms-flex-direction: row;\r\n flex-direction: row;\r\n }\r\n\r\n .navbar-expand-sm .navbar-nav .dropdown-menu {\r\n position: absolute;\r\n }\r\n\r\n .navbar-expand-sm .navbar-nav .dropdown-menu-right {\r\n right: 0;\r\n left: auto;\r\n }\r\n\r\n .navbar-expand-sm .navbar-nav .nav-link {\r\n padding-right: 0.5rem;\r\n padding-left: 0.5rem;\r\n }\r\n\r\n .navbar-expand-sm > .container,\r\n .navbar-expand-sm > .container-fluid {\r\n -ms-flex-wrap: nowrap;\r\n flex-wrap: nowrap;\r\n }\r\n\r\n .navbar-expand-sm .navbar-collapse {\r\n display: -ms-flexbox !important;\r\n display: flex !important;\r\n -ms-flex-preferred-size: auto;\r\n flex-basis: auto;\r\n }\r\n\r\n .navbar-expand-sm .navbar-toggler {\r\n display: none;\r\n }\r\n\r\n .navbar-expand-sm .dropup .dropdown-menu {\r\n top: auto;\r\n bottom: 100%;\r\n }\r\n }\r\n\r\n @media (max-width: 767.98px) {\r\n .navbar-expand-md > .container,\r\n .navbar-expand-md > .container-fluid {\r\n padding-right: 0;\r\n padding-left: 0;\r\n }\r\n }\r\n\r\n @media (min-width: 768px) {\r\n .navbar-expand-md {\r\n -ms-flex-flow: row nowrap;\r\n flex-flow: row nowrap;\r\n -ms-flex-pack: start;\r\n justify-content: flex-start;\r\n }\r\n\r\n .navbar-expand-md .navbar-nav {\r\n -ms-flex-direction: row;\r\n flex-direction: row;\r\n }\r\n\r\n .navbar-expand-md .navbar-nav .dropdown-menu {\r\n position: absolute;\r\n }\r\n\r\n .navbar-expand-md .navbar-nav .dropdown-menu-right {\r\n right: 0;\r\n left: auto;\r\n }\r\n\r\n .navbar-expand-md .navbar-nav .nav-link {\r\n padding-right: 0.5rem;\r\n padding-left: 0.5rem;\r\n }\r\n\r\n .navbar-expand-md > .container,\r\n .navbar-expand-md > .container-fluid {\r\n -ms-flex-wrap: nowrap;\r\n flex-wrap: nowrap;\r\n }\r\n\r\n .navbar-expand-md .navbar-collapse {\r\n display: -ms-flexbox !important;\r\n display: flex !important;\r\n -ms-flex-preferred-size: auto;\r\n flex-basis: auto;\r\n }\r\n\r\n .navbar-expand-md .navbar-toggler {\r\n display: none;\r\n }\r\n\r\n .navbar-expand-md .dropup .dropdown-menu {\r\n top: auto;\r\n bottom: 100%;\r\n }\r\n }\r\n\r\n @media (max-width: 991.98px) {\r\n .navbar-expand-lg > .container,\r\n .navbar-expand-lg > .container-fluid {\r\n padding-right: 0;\r\n padding-left: 0;\r\n }\r\n }\r\n\r\n @media (min-width: 992px) {\r\n .navbar-expand-lg {\r\n -ms-flex-flow: row nowrap;\r\n flex-flow: row nowrap;\r\n -ms-flex-pack: start;\r\n justify-content: flex-start;\r\n }\r\n\r\n .navbar-expand-lg .navbar-nav {\r\n -ms-flex-direction: row;\r\n flex-direction: row;\r\n }\r\n\r\n .navbar-expand-lg .navbar-nav .dropdown-menu {\r\n position: absolute;\r\n }\r\n\r\n .navbar-expand-lg .navbar-nav .dropdown-menu-right {\r\n right: 0;\r\n left: auto;\r\n }\r\n\r\n .navbar-expand-lg .navbar-nav .nav-link {\r\n padding-right: 0.5rem;\r\n padding-left: 0.5rem;\r\n }\r\n\r\n .navbar-expand-lg > .container,\r\n .navbar-expand-lg > .container-fluid {\r\n -ms-flex-wrap: nowrap;\r\n flex-wrap: nowrap;\r\n }\r\n\r\n .navbar-expand-lg .navbar-collapse {\r\n display: -ms-flexbox !important;\r\n display: flex !important;\r\n -ms-flex-preferred-size: auto;\r\n flex-basis: auto;\r\n }\r\n\r\n .navbar-expand-lg .navbar-toggler {\r\n display: none;\r\n }\r\n\r\n .navbar-expand-lg .dropup .dropdown-menu {\r\n top: auto;\r\n bottom: 100%;\r\n }\r\n }\r\n\r\n @media (max-width: 1199.98px) {\r\n .navbar-expand-xl > .container,\r\n .navbar-expand-xl > .container-fluid {\r\n padding-right: 0;\r\n padding-left: 0;\r\n }\r\n }\r\n\r\n @media (min-width: 1200px) {\r\n .navbar-expand-xl {\r\n -ms-flex-flow: row nowrap;\r\n flex-flow: row nowrap;\r\n -ms-flex-pack: start;\r\n justify-content: flex-start;\r\n }\r\n\r\n .navbar-expand-xl .navbar-nav {\r\n -ms-flex-direction: row;\r\n flex-direction: row;\r\n }\r\n\r\n .navbar-expand-xl .navbar-nav .dropdown-menu {\r\n position: absolute;\r\n }\r\n\r\n .navbar-expand-xl .navbar-nav .dropdown-menu-right {\r\n right: 0;\r\n left: auto;\r\n }\r\n\r\n .navbar-expand-xl .navbar-nav .nav-link {\r\n padding-right: 0.5rem;\r\n padding-left: 0.5rem;\r\n }\r\n\r\n .navbar-expand-xl > .container,\r\n .navbar-expand-xl > .container-fluid {\r\n -ms-flex-wrap: nowrap;\r\n flex-wrap: nowrap;\r\n }\r\n\r\n .navbar-expand-xl .navbar-collapse {\r\n display: -ms-flexbox !important;\r\n display: flex !important;\r\n -ms-flex-preferred-size: auto;\r\n flex-basis: auto;\r\n }\r\n\r\n .navbar-expand-xl .navbar-toggler {\r\n display: none;\r\n }\r\n\r\n .navbar-expand-xl .dropup .dropdown-menu {\r\n top: auto;\r\n bottom: 100%;\r\n }\r\n }\r\n\r\n .navbar-expand {\r\n -ms-flex-flow: row nowrap;\r\n flex-flow: row nowrap;\r\n -ms-flex-pack: start;\r\n justify-content: flex-start;\r\n }\r\n\r\n .navbar-expand > .container,\r\n .navbar-expand > .container-fluid {\r\n padding-right: 0;\r\n padding-left: 0;\r\n }\r\n\r\n .navbar-expand .navbar-nav {\r\n -ms-flex-direction: row;\r\n flex-direction: row;\r\n }\r\n\r\n .navbar-expand .navbar-nav .dropdown-menu {\r\n position: absolute;\r\n }\r\n\r\n .navbar-expand .navbar-nav .dropdown-menu-right {\r\n right: 0;\r\n left: auto;\r\n }\r\n\r\n .navbar-expand .navbar-nav .nav-link {\r\n padding-right: 0.5rem;\r\n padding-left: 0.5rem;\r\n }\r\n\r\n .navbar-expand > .container,\r\n .navbar-expand > .container-fluid {\r\n -ms-flex-wrap: nowrap;\r\n flex-wrap: nowrap;\r\n }\r\n\r\n .navbar-expand .navbar-collapse {\r\n display: -ms-flexbox !important;\r\n display: flex !important;\r\n -ms-flex-preferred-size: auto;\r\n flex-basis: auto;\r\n }\r\n\r\n .navbar-expand .navbar-toggler {\r\n display: none;\r\n }\r\n\r\n .navbar-expand .dropup .dropdown-menu {\r\n top: auto;\r\n bottom: 100%;\r\n }\r\n\r\n `\r\n }\r\n </style>\r\n </>\r\n }\r\n\r\n return null;\r\n}\r\n\r\nexport default SecondaryNav;","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 Carousel from \"react-bootstrap/Carousel\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { ArticlesList } from \"../../../models/top-articles-for-home-page-model\";\r\n\r\ntype CardCarouselType = {\r\n title?: string;\r\n link?: string;\r\n page?: string;\r\n articles: ArticlesList[][];\r\n includeSubscribe: boolean;\r\n};\r\n\r\nconst CardCarousel = (props: CardCarouselType) => {\r\n const { link, title, page, articles, includeSubscribe } = props;\r\n return (\r\n <>\r\n <div className=\"row mb-2\">\r\n {title !== undefined && link !== undefined && (\r\n <div className=\"col-lg-8 col-md-6 col-sm-7 col-xs-12\">\r\n <h2 className=\"titlecolor\">\r\n <Link to='/news-and-articles'>{title} »</Link>\r\n </h2>\r\n </div>\r\n )}\r\n {includeSubscribe && (\r\n <div className=\"col-lg-4 col-md-6 col-sm-5 col-xs-12 text-right\">\r\n <a href=\"/preferences\" className=\"more-off btn btn-sm btn-default\">\r\n <span className=\"titlecolor\">Subscribe</span>\r\n </a>\r\n </div>\r\n )}\r\n <div className=\"clear\"></div>\r\n </div>\r\n\r\n <Carousel fade controls={false} className=\"mb-5\">\r\n {articles.map((article) => {\r\n return article.map((item, index) => {\r\n return (\r\n <Carousel.Item key={index}>\r\n <div className=\"single-item box-shadow-off box-border margin-bottom-30 margon-top-risk rfitem-0\" aria-hidden=\"false\">\r\n {item.articleTeaserImage !== \"\" && (\r\n <div className=\"re-thumb-regfocus\">\r\n <img src={item.articleTeaserImage} alt={item.articleName} loading=\"lazy\" />\r\n </div>\r\n )}\r\n {page !== undefined && page === \"profile\" ? (\r\n <>\r\n <h4>\r\n <Link to={item.articleUrl}>{item.articleName}</Link>\r\n </h4>\r\n <h6 className=\"focus-auth-meta\">\r\n <span className=\"span-extra0\">{item.articleReleaseDate} |</span>\r\n <span className=\"span-extra1\">\r\n {\" \"}\r\n By <span className=\"span-extra2\" dangerouslySetInnerHTML={{ __html: item.author }}></span>\r\n </span>\r\n </h6>\r\n <p className=\"small lineheightreduced margintop\">{item.articleTeaserText}</p>\r\n <Link to={item.articleUrl} className=\"btn btn-more\"></Link>\r\n </>\r\n ) : (\r\n <>\r\n <h6 className=\"focus-auth-meta\">\r\n <span className=\"span-extra0\">{item.articleReleaseDate} |</span>\r\n <span className=\"span-extra1\">\r\n {\" \"}\r\n By <span className=\"span-extra2\" dangerouslySetInnerHTML={{ __html: item.author }}></span>\r\n </span>\r\n </h6>\r\n <div className=\"clear margin-bottom-reg\"></div>\r\n <h6>\r\n <Link to={item.articleUrl}>{item.articleName}</Link>\r\n </h6>\r\n <p className=\"small lineheightreduced margintop\">{item.articleTeaserText}</p>\r\n <Link to={item.articleUrl} className=\"btn btn-more\"></Link>\r\n </>\r\n )}\r\n </div>\r\n </Carousel.Item>\r\n );\r\n });\r\n })}\r\n </Carousel>\r\n </>\r\n );\r\n};\r\n\r\nexport default CardCarousel;\r\n","import Carousel from \"react-bootstrap/Carousel\";\r\nimport { LatestDiscussionResponse } from \"../../../models/external/latest-discussion-model\";\r\nimport useAuth from \"../../../hooks/useAuth\";\r\n\r\ntype CardCarouselType = {\r\n title: string;\r\n link: string;\r\n articles: LatestDiscussionResponse[][];\r\n includeSubscribe: boolean;\r\n};\r\n\r\nconst monthNames = [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\",\r\n \"July\", \"August\", \"September\", \"October\", \"November\", \"December\"\r\n];\r\n\r\nconst CardCarouselExchange = (props: CardCarouselType) => {\r\n const { title, articles, includeSubscribe } = props;\r\n\r\n const user = useAuth().getUser();\r\n const ssoToken = user ? user.ssoToken : null;\r\n\r\n return (\r\n <>\r\n <div className=\"row mb-2\">\r\n <div className=\"col-lg-8 col-md-6\">\r\n <h2 className=\"titlecolor\">\r\n <a href={`https://connect.raps.org/home${ssoToken ? \"?sso=\" + ssoToken : \"\"}`}>{title} »</a>\r\n </h2>\r\n </div>\r\n {includeSubscribe && (\r\n <div className=\"col-lg-4 col-md-6 col-sm-5 col-xs-12 text-right\">\r\n <a href=\"/preferences\" className=\"more-off btn btn-sm btn-default\">\r\n <span className=\"titlecolor\">Subscribe</span>\r\n </a>\r\n </div>\r\n )}\r\n\r\n <div className=\"clear\"></div>\r\n </div>\r\n\r\n <Carousel fade controls={false} className=\"mb-5\">\r\n {articles.map((article) => {\r\n return article.map((item, index) => {\r\n \r\n let largePictureUrl = item.author.largePictureUrl;\r\n let displayName = item.author.displayName;\r\n let linkToProfile = item.author.linkToProfile;\r\n let linkToDiscussion = item.linkToDiscussion;\r\n let discussionName = item.discussionName;\r\n let linkToMessage = item.linkToMessage;\r\n let message = item.bodyWithoutMarkup.substring(0, 150) + \"...\";\r\n let subject = item.subject;\r\n\r\n let datePosted = new Date(item.datePosted);\r\n let hours = datePosted.getHours();\r\n let minutes = datePosted.getMinutes();\r\n let ampm = hours >= 12 ? 'pm' : 'am';\r\n \r\n let adjustedHours = hours % 12;\r\n adjustedHours = adjustedHours ? adjustedHours : 12;\r\n let adjustedMinutes = minutes < 10 ? '0'+minutes : minutes;\r\n\r\n var formattedTime = adjustedHours + ':' + adjustedMinutes + ' ' + ampm;\r\n let formattedDate = datePosted.getDate() + \" \" + monthNames[datePosted.getMonth()] + \" \" + datePosted.getFullYear() + \" \" + formattedTime\r\n\r\n return (\r\n <Carousel.Item key={index}>\r\n <div className=\"single-item box-shadow-off box-border margin-bottom-30 margon-top-risk rfitem-0\" aria-hidden=\"false\">\r\n <div className=\"re-thumb borderregex\">\r\n <img style={{ minHeight: 90, minWidth: 90 }} src={largePictureUrl} alt={displayName} loading=\"lazy\" />\r\n </div>\r\n <p className=\"re-auth-meta\">\r\n {\" \"}By{\" \"}\r\n <a href={linkToProfile}>{displayName}</a>\r\n <br />\r\n {\" \"}{formattedDate}{\" \"}\r\n <br />\r\n <a href={linkToDiscussion}>\r\n <b>{discussionName}</b>\r\n </a>\r\n </p>\r\n \r\n <div className=\"clear margin-bottom-reg\"></div>\r\n <a href={linkToMessage}>\r\n <strong>{subject}</strong>\r\n </a>\r\n <p className=\"lineheightreduced margintop\">\r\n {message}\r\n </p>\r\n <a href={linkToMessage}>\r\n <span className=\"btn btn-more\"></span>\r\n </a>\r\n </div>\r\n </Carousel.Item>\r\n );\r\n });\r\n })}\r\n </Carousel>\r\n </>\r\n );\r\n};\r\n\r\nexport default CardCarouselExchange;\r\n","import { useEffect } from \"react\";\r\nimport { useSelector } from \"react-redux\";\r\nimport CardCarousel from \"../../components/re-usable/card-carousel/card-carousel\";\r\nimport CardCarouselExchange from \"../../components/re-usable/card-carousel/card-carousel-exchange\"\r\nimport {retrieveTopArticlesForHomePage} from \"../../redux/slice/top-articles-for-home-page-slice\"\r\nimport {retrieveHomeRegulatoryExchange} from \"../../redux/slice/home-regulatory-exchange-slice\"\r\nimport { RootState, useAppDispatch } from \"../../redux/store\";\r\n//import { retrieveLatestDiscussion } from \"../../redux/slice/external/latest-discussion-slice\"\r\n//import { ArticlesList } from \"../../models/top-articles-for-home-page-model\";\r\n\r\n/*type latestDiscussionRequest = {\r\n articles: {\r\n title: string;\r\n isSubscribe: boolean;\r\n articlesLst: ArticlesList[][];\r\n }[]\r\n}*/\r\n\r\nconst RegulatoryFocusAndExchange = () => {\r\n const { TopArticlesForHomePageData } = useSelector((state: RootState) => state.topArticlesForHomePage)\r\n const RegulatoryExchangeData = useSelector((state: RootState) => state.homeRegulatoryExchange.data);\r\n //const LatestDiscussionData = useSelector((state: RootState) => state.latestDiscussion.data);\r\n //const [isDiscussionLoaded, setIsDiscussionLoaded] = useState(false);\r\n\r\n const dispatch = useAppDispatch()\r\n\r\n useEffect(() => {\r\n dispatch(retrieveTopArticlesForHomePage())\r\n dispatch(retrieveHomeRegulatoryExchange())\r\n }, [dispatch])\r\n\r\n /*useEffect(() => {\r\n if (RegulatoryExchangeData.length > 0) {\r\n let data = RegulatoryExchangeData[0];\r\n let request: latestDiscussionRequest = {\r\n url: data.apiUrl,\r\n hliamKey: data.hliamKey,\r\n hlPassword: data.hlPassword\r\n }\r\n dispatch(retrieveLatestDiscussion(request))\r\n }\r\n }, [RegulatoryExchangeData]);*/\r\n\r\n const articlesList = TopArticlesForHomePageData.map((article) => {\r\n return article.articlesList;\r\n })\r\n\r\n const exchangeArticlesList = [RegulatoryExchangeData];\r\n\r\n return <div className=\"container sec-pad\">\r\n <div className=\"col-md-12\">\r\n <div className=\"container\">\r\n <div className=\"row\">\r\n <div className=\"col-md-6 landing-section-2\">\r\n <CardCarousel title=\"Regulatory Focus\" link=\"#\" articles={articlesList} includeSubscribe={true}/>\r\n </div>\r\n <div className=\"col-md-6 landing-section-2\">\r\n <CardCarouselExchange title=\"Regulatory Exchange\" link=\"#\" articles={exchangeArticlesList} includeSubscribe={false}/>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n}\r\n\r\nexport default RegulatoryFocusAndExchange;","import React from \"react\";\r\n\r\ntype articletype = {\r\n article: {\r\n date: string;\r\n author: string;\r\n icon: string;\r\n category: string;\r\n title: string;\r\n description: string;\r\n img: string;\r\n alt: string;\r\n showHomePage: boolean;\r\n articleURL: string\r\n }[];\r\n page?: string;\r\n};\r\n\r\nconst LeftImgRightText = (props: articletype) => {\r\n const { article, page } = props;\r\n\r\n return (\r\n <React.Fragment>\r\n {article.map((item, index) => {\r\n return (\r\n <React.Fragment key={index}>\r\n {(page === undefined || page === null || page === \"\") && (\r\n <div className=\"row\" >\r\n <div className=\"col-sm-3 \">\r\n <div className=\"teaserimg text-center\">\r\n <img src={item.img ? item.img : \"/images/no-image.jpg\"} alt={item.alt} />\r\n </div>\r\n </div>\r\n <div className=\"col-sm-9 itemlink\">\r\n <a href={item.articleURL.toLowerCase()}>{item.title}</a>\r\n </div>\r\n </div>\r\n )}\r\n {page === \"profile\" && (<>\r\n <div className=\"col-xl-3 teaserimg\" style={{ textAlign: \"center\" }}>\r\n <img alt={item.alt} src={item.img} />\r\n </div>\r\n <div className=\"col-xl-9 itemlink\">\r\n <a href={item.articleURL.toLowerCase()}>{item.title}</a>\r\n </div>\r\n </>)}\r\n </React.Fragment>\r\n );\r\n })}\r\n </React.Fragment>\r\n );\r\n};\r\n\r\nexport default LeftImgRightText;\r\n","import React from \"react\";\r\nimport LeftImgRightText from \"../components/re-usable/cards/left-img-right-text\";\r\ntype articleType = {\r\n date: string;\r\n author: string;\r\n icon: string;\r\n category: string;\r\n title: string;\r\n description: string;\r\n img: string;\r\n alt: string;\r\n showHomePage: boolean;\r\n articleURL: string\r\n}[];\r\n\r\ninterface cardsType {\r\n cardData: {\r\n title: string;\r\n link: string;\r\n article: articleType;\r\n }[];\r\n page?: string;\r\n query?: string;\r\n}\r\n\r\nconst Card = (props: cardsType) => {\r\n const { cardData, page, query } = props;\r\n let showHomePageItem: articleType = [];\r\n return (\r\n <>\r\n {cardData.map((item, index) => {\r\n item.article.map((item) => (item.showHomePage ? showHomePageItem.push(item) : \"\"));\r\n return (\r\n <React.Fragment key={index}>\r\n {(page === undefined || page === null || page === \"\") && (\r\n <div className=\"col-lg-6 discover\" >\r\n <div className=\"row\">\r\n <h2>\r\n <a href={item.link.toLowerCase()}>{item.title} »</a>\r\n </h2>\r\n </div>\r\n <LeftImgRightText article={showHomePageItem} />\r\n </div>\r\n )}\r\n {page === \"profile\" && (\r\n <div className=\"col-lg-6 dis-flex\">\r\n <div>\r\n <div className=\"col-md-12\">\r\n <h3>\r\n <a href={item.link.toLowerCase()}>{item.title} »</a>\r\n </h3>\r\n </div>\r\n <div className=\"row\">\r\n <LeftImgRightText article={showHomePageItem} page={\"profile\"} />\r\n </div>\r\n <div className=\"col-md-12\">\r\n <a href={\"/search?\" + (query ? query : \"marketplace=3&taxonomy=\")}>See All Relevant {item.title}»</a>\r\n </div>\r\n </div>\r\n </div>\r\n )}\r\n </React.Fragment>\r\n );\r\n })}\r\n </>\r\n );\r\n};\r\n\r\nexport default Card;\r\n","import { useEffect } from \"react\";\r\nimport { useSelector } from \"react-redux\";\r\nimport { retrieveLatestArticles } from \"../../../redux/slice/latest-articles-slice\";\r\nimport { RootState, useAppDispatch } from \"../../../redux/store\";\r\nimport Card from \"../../../widgets/cards\";\r\n\r\nconst TrendingNews = () => {\r\n // TODO: Find a way to use same API using just one reducer if possible\r\n // otherwise just create a separate service.\r\n // Conflicts with regulatory-focus-articles.tsx\r\n // to temporarily fix, change the numberOfArticles then hit save\r\n const { trendingNewsData } = useSelector(\r\n (state: RootState) => state.latestArticles\r\n );\r\n\r\n const dispatch = useAppDispatch();\r\n const numberOfArticles = 1;\r\n\r\n useEffect(() => {\r\n dispatch(retrieveLatestArticles(numberOfArticles));\r\n }, [dispatch]);\r\n\r\n var articles = trendingNewsData?.map((item) => {\r\n return {\r\n date: item.articleReleaseDate,\r\n author: item.author,\r\n icon: \"\",\r\n category: \"Trending News\",\r\n title: item.articleName,\r\n description: item.articleTeaserText,\r\n img: item.articleTeaserImage, // substring to remove the extra '~' at the beginning\r\n alt: item.articleName,\r\n showHomePage: true,\r\n articleURL: item.articleUrl\r\n };\r\n \r\n });\r\n var latestArticles = [\r\n {\r\n title: \"Trending News\",\r\n link: \"/news-and-articles/\",\r\n article: articles,\r\n },\r\n ];\r\n\r\n return <Card cardData={latestArticles} />;\r\n};\r\n\r\nexport default TrendingNews;\r\n","import { useEffect } from \"react\";\r\nimport { useSelector } from \"react-redux\";\r\nimport { retrieveLatestBooks } from \"../../../redux/slice/latest-books-slice\";\r\nimport { RootState, useAppDispatch } from \"../../../redux/store\";\r\n\r\nimport Card from \"../../../widgets/cards\";\r\n\r\nconst FeaturedBooks = () => {\r\n const { featuredBooksData } = useSelector(\r\n (state: RootState) => state.latestBooks\r\n );\r\n\r\n const dispatch = useAppDispatch();\r\n const numberOfBooks = 1;\r\n\r\n useEffect(() => {\r\n dispatch(retrieveLatestBooks(numberOfBooks));\r\n }, [dispatch]);\r\n\r\n var articles = featuredBooksData.map((item, index) => {\r\n return {\r\n date: item.availableDate,\r\n author: \"\",\r\n icon: \"\",\r\n category: \"Featured Books\",\r\n title: item.name,\r\n description: item.name,\r\n img: item.imageUrl,\r\n alt: item.name,\r\n showHomePage: true,\r\n articleURL: `/products/${item.nodeName}`\r\n };\r\n });\r\n\r\n var latestArticles = [\r\n {\r\n title: \"Featured Books\",\r\n link: \"/education/books\",\r\n article: articles,\r\n },\r\n ];\r\n\r\n return <Card cardData={latestArticles} />;\r\n};\r\n\r\nexport default FeaturedBooks;\r\n","import { useEffect } from \"react\";\r\nimport { useSelector } from \"react-redux\";\r\nimport { retrieveLatestCourses } from \"../../../redux/slice/latest-courses-slice\";\r\nimport { RootState, useAppDispatch } from \"../../../redux/store\";\r\n\r\nimport Card from \"../../../widgets/cards\";\r\n\r\nconst FeaturedLearning = () => {\r\n const { featuredLearningData } = useSelector(\r\n (state: RootState) => state.latestCourses\r\n );\r\n\r\n const dispatch = useAppDispatch();\r\n const numberOfCourses = 1;\r\n\r\n useEffect(() => {\r\n dispatch(retrieveLatestCourses(numberOfCourses));\r\n }, [dispatch]);\r\n\r\n var articles = featuredLearningData.map((item, index) => {\r\n return {\r\n date: item.availableDate,\r\n author: \"\",\r\n icon: \"\",\r\n category: \"Featured Learning\",\r\n title: item.name,\r\n description: item.name,\r\n img: item.imageUrl,\r\n alt: item.name,\r\n showHomePage: true,\r\n articleURL: `/products/${item.nodeName}`\r\n };\r\n });\r\n\r\n var latestArticles = [\r\n {\r\n title: \"Featured Learning\",\r\n link: \"/education/courses\",\r\n article: articles,\r\n },\r\n ];\r\n\r\n return <Card cardData={latestArticles} />;\r\n};\r\n\r\nexport default FeaturedLearning;\r\n","import { useEffect } from \"react\";\r\nimport { useSelector } from \"react-redux\";\r\nimport { retrieveLatestEvents } from \"../../../redux/slice/latest-events-slice\";\r\nimport { RootState, useAppDispatch } from \"../../../redux/store\";\r\n\r\nimport Card from \"../../../widgets/cards\";\r\n\r\nconst PopularEvents = () => {\r\n const { popularEventsData, loading, error } = useSelector(\r\n (state: RootState) => state.latestEvents\r\n );\r\n\r\n const dispatch = useAppDispatch();\r\n const numberOfEvents = 1;\r\n\r\n useEffect(() => {\r\n dispatch(retrieveLatestEvents(numberOfEvents));\r\n }, [dispatch]);\r\n\r\n var articles = popularEventsData.map((item, index) => {\r\n return {\r\n date: \"\",\r\n author: \"\",\r\n icon: \"\",\r\n category: \"Popular Events\",\r\n title: item.eventName,\r\n description: item.eventName,\r\n img: item.sideImage,\r\n alt: item.eventName,\r\n showHomePage: true,\r\n articleURL: `/events/${item.nodeName}`\r\n };\r\n });\r\n\r\n var latestArticles = [\r\n {\r\n title: \"Popular Events\",\r\n link: \"/events\",\r\n article: articles,\r\n },\r\n ];\r\n\r\n return <Card cardData={latestArticles} />;\r\n};\r\n\r\nexport default PopularEvents;\r\n","import TrendingNews from \"../../components/re-usable/homeTopArticles/trending-news\";\r\nimport FeaturedBooks from \"../../components/re-usable/homeTopArticles/featured-books\";\r\nimport FeaturedLearning from \"../../components/re-usable/homeTopArticles/featured-learning\";\r\nimport PopularEvents from \"../../components/re-usable/homeTopArticles/popular-events\";\r\n\r\nconst NewsAndEvents = () => {\r\n return (\r\n <div className=\"container\">\r\n <div className=\"row\">\r\n <div className=\"col-sm-12\">\r\n <div className=\"row\">\r\n <TrendingNews />\r\n <FeaturedBooks />\r\n <PopularEvents />\r\n <FeaturedLearning />\r\n \r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n );\r\n};\r\n\r\nexport default NewsAndEvents;\r\n","import Slider from \"react-slick\";\r\nimport \"react-multi-carousel/lib/styles.css\";\r\n\r\nimport { useEffect } from \"react\";\r\nimport { useSelector } from \"react-redux\";\r\nimport { retrieveRAPSHighlights } from \"../../redux/slice/raps-highlights-slice\";\r\nimport { RootState, useAppDispatch } from \"../../redux/store\";\r\nimport bgImg from \"../../assets/images/rpas-Highlights-slider/BG-RAPS-Highlights.jpg\"\r\n \r\n\r\nvar settings = {\r\n dots: true,\r\n infinite: true,\r\n speed: 1000,\r\n arrows: false,\r\n slidesToShow: 4,\r\n slidesToScroll: 4,\r\n autoplay: true,\r\n autoplaySpeed: 5000,\r\n initialSlide: 0,\r\n responsive: [\r\n {\r\n breakpoint: 1200,\r\n settings: {\r\n slidesToShow: 4,\r\n slidesToScroll: 4,\r\n infinite: true,\r\n dots: true\r\n }\r\n },\r\n {\r\n breakpoint: 1024,\r\n settings: {\r\n slidesToShow: 3,\r\n slidesToScroll: 3,\r\n infinite: true,\r\n dots: true\r\n }\r\n },\r\n {\r\n breakpoint: 600,\r\n settings: {\r\n slidesToShow: 2,\r\n slidesToScroll: 2,\r\n initialSlide: 2\r\n }\r\n },\r\n {\r\n breakpoint: 480,\r\n settings: {\r\n slidesToShow: 1,\r\n slidesToScroll: 1\r\n }\r\n }\r\n ]\r\n};\r\n\r\n\r\n\r\nconst RapsHighlights = () => {\r\n const path = '/Home/Current-Promotions'\r\n const { rapsHighlights } = useSelector((state: RootState) => state.rapsHighlights);\r\n\r\n const dispatch = useAppDispatch();\r\n\r\n useEffect(() => {\r\n dispatch(retrieveRAPSHighlights(path));\r\n }, [dispatch]);\r\n\r\n return (\r\n <div className=\" bgHL sec-pad text-white\" style={{backgroundImage: `url(${bgImg})`}}>\r\n <div className=\"container\">\r\n <div className=\"col-md-12 text-center\">\r\n <h2 >RAPS Highlights</h2>\r\n <p> </p>\r\n </div>\r\n <div className=\"col-md-12\">\r\n <div id=\"marketing_slider\" className=\"cursor-grab\">\r\n <Slider {...settings}>\r\n {rapsHighlights.map((item, index) => {\r\n return (\r\n <div className=\"\" key={index}>\r\n <div className=\"center\">\r\n <a href={item.linkURL} target={item.imageTarget}>\r\n <img alt={item.title} src={item.image} loading=\"lazy\" />\r\n </a>\r\n </div>\r\n <div className=\"text-center\">\r\n <br />\r\n <a href={item.linkURL} className=\"btn btn-default\" role=\"button\" target={item.linkTarget}>\r\n {item.linkText}\r\n </a>\r\n <h4>{item.title}</h4>\r\n <h6>{item.subTitle}</h6>\r\n </div>\r\n </div>\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 RapsHighlights;\r\n","import React from \"react\";\r\nimport { Link } from \"react-router-dom\";\r\nimport useAuth from \"../../../hooks/useAuth\";\r\n\r\ntype TwoColumnListType = {\r\n title: string,\r\n subTitle: string,\r\n titleUrl: string,\r\n buttonTitle: string,\r\n buttonUrl: string,\r\n className?: string,\r\n location : string\r\n}\r\n\r\nconst TwoColumList = (props: TwoColumnListType) => {\r\n const { title, subTitle, titleUrl, buttonTitle, buttonUrl, className, location } = props;\r\n\r\n const user = useAuth().getUser();\r\n const ssoToken = user ? user.ssoToken : null;\r\n\r\n const sameDomainRegex = /^(http:\\/\\/www\\.|https:\\/\\/www\\.|http:\\/\\/|https:\\/\\/)?[a-z0-9]+([-.]raps+)\\.org(\\?.*)?(\\/.*)?$/;\r\n const sameDomainWithQueryRegex = /^(?:(http:\\/\\/www\\.|https:\\/\\/www\\.|http:\\/\\/|https:\\/\\/)?[a-z0-9]+([-.]raps+)\\.org)(\\/?(\\?.+))$/;\r\n const isSameDomain = buttonUrl.match(sameDomainRegex)\r\n const formattedButtonUrl = ssoToken && isSameDomain ? buttonUrl.match(sameDomainWithQueryRegex) ? buttonUrl + \"&sso=\" + ssoToken : buttonUrl + \"?sso=\" + ssoToken : buttonUrl;\r\n\r\n return (\r\n <div className={className ?? \"event-item box-shadow-off register-item col-md-12\"} onMouseOver={onMouseOver} onMouseOut={onMouseOut}>\r\n <div className=\"row\">\r\n <div className=\"col-xl-10 col-lg-9 \">\r\n <div className=\"event-left-section\">\r\n <h4>\r\n <Link to={`events/${titleUrl}`}>{title}</Link>\r\n </h4>\r\n <p>{subTitle} <span>{ location }</span></p>\r\n </div>\r\n </div>\r\n <div className=\"col-xl-2 col-lg-3\" style={{background: \"#FBC46C\"}}>\r\n <div className=\"event-right-section\">\r\n <span className=\"eventleft\">\r\n <a href={formattedButtonUrl} target={isSameDomain ? undefined : \"_blank\"} rel=\"noreferrer\">{buttonTitle}</a>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div className=\"clear\"></div>\r\n </div>)\r\n}\r\n\r\nexport default TwoColumList;\r\n\r\nfunction onMouseOver(element: React.MouseEvent<HTMLDivElement>){\r\n const div: HTMLDivElement = element.currentTarget;\r\n div.style.border = \"#FBC46C 1px solid\";\r\n}\r\n\r\nfunction onMouseOut(element: React.MouseEvent<HTMLDivElement>){\r\n const div: HTMLDivElement = element.currentTarget;\r\n div.style.border = \"#FFF 1px solid\"\r\n}","import { useEffect, useState } from \"react\";\r\nimport Calendar, { CalendarTileProperties, ViewCallback } from \"react-calendar\";\r\nimport \"react-calendar/dist/Calendar.css\";\r\nimport { useSelector } from \"react-redux\";\r\nimport { retrieveEventCalendarByMonth } from \"../../../redux/slice/event-calendar-slice\";\r\nimport { RootState, useAppDispatch } from \"../../../redux/store\";\r\n\r\ntype CalendarType = {\r\n parentDate: string;\r\n setParentDate: Function;\r\n};\r\n\r\nconst EventCalendar = (props: CalendarType) => {\r\n let currentDate = new Date();\r\n let currentMonth = currentDate.getMonth() + 1;\r\n let currentYear = currentDate.getFullYear();\r\n\r\n const { data: calendarByMonthData } = useSelector((state: RootState) => state.eventCalendarByMonth);\r\n const dispatch = useAppDispatch();\r\n\r\n const { parentDate, setParentDate } = props;\r\n const [activeDate, setActiveDate] = useState(\"Selected Date: \" + parentDate);\r\n const [value, setValue] = useState(currentDate);\r\n const [month, setMonth] = useState(currentMonth);\r\n const [year, setYear] = useState(currentYear);\r\n const [eventsDate, setEventsDate] = useState<Array<number>>([value.getDate()]);\r\n const [showNextMonthIcon, setShowNextMonthIcon] = useState(false);\r\n const [showPrevMonthIcon, setShowPrevMonthIcon] = useState(false);\r\n const [showNextYearIcon, setShowNextYearIcon] = useState(false);\r\n const [showPrevYearIcon, setShowPrevYearIcon] = useState(false);\r\n\r\n useEffect(() => {\r\n setActiveDate(\"Selected Date: \" + formatDate(value));\r\n setParentDate(formatDate(value));\r\n }, [value, setParentDate]);\r\n\r\n useEffect(() => {\r\n let request = {\r\n monthId: month,\r\n year: year,\r\n };\r\n\r\n setShowNextMonthIcon(false);\r\n setShowPrevMonthIcon(false);\r\n setShowNextYearIcon(false);\r\n setShowPrevYearIcon(false);\r\n\r\n dispatch(retrieveEventCalendarByMonth(request));\r\n }, [dispatch, month, year]);\r\n\r\n useEffect(() => {\r\n if (calendarByMonthData?.eventInfoItemsList?.length > 0) {\r\n let newEventsDate: Array<number> = [];\r\n calendarByMonthData.eventInfoItemsList.forEach((item) => {\r\n let date = new Date(item.startDateTime);\r\n let endDate = new Date(item.endDateTime);\r\n\r\n while (date <= endDate) {\r\n newEventsDate.push(date.getDate());\r\n date.setDate(date.getDate() + 1);\r\n }\r\n setEventsDate(newEventsDate);\r\n return;\r\n });\r\n }\r\n\r\n setShowNextMonthIcon(calendarByMonthData.hasEventsInFutureMonths);\r\n setShowPrevMonthIcon(calendarByMonthData.hasEventsInPastMonths);\r\n setShowNextYearIcon(calendarByMonthData.hasEventsInFutureYear);\r\n setShowPrevYearIcon(calendarByMonthData.hasEventsInPastYear);\r\n\r\n }, [calendarByMonthData]);\r\n\r\n function tileClassName({ date, view }: CalendarTileProperties) {\r\n if (view === \"month\") {\r\n if (date.getDate() !== value.getDate() && eventsDate.find((x) => x === date.getDate())) {\r\n return \"eventstyle\";\r\n }\r\n }\r\n\r\n return \"\";\r\n }\r\n\r\n const onActiveStartDateChange: ViewCallback = ({ action, activeStartDate, value, view }) => {\r\n let activeMonth = activeStartDate.getMonth() + 1;\r\n let activeYear = activeStartDate.getFullYear();\r\n\r\n if (activeMonth === currentMonth && activeYear === currentYear) {\r\n setEventsDate([]);\r\n setValue(currentDate);\r\n setMonth(currentMonth);\r\n setYear(currentYear);\r\n } else {\r\n setEventsDate([]);\r\n setValue(activeStartDate);\r\n setMonth(activeMonth);\r\n setYear(activeYear);\r\n }\r\n };\r\n\r\n return (\r\n <div className=\"control-pane\">\r\n <div className=\"control-section\">\r\n <div className=\"calendar-control-section\" style={{ overflow: \"auto\" }}>\r\n <Calendar onChange={setValue} value={value} tileClassName={tileClassName} showNeighboringMonth={false} onActiveStartDateChange={onActiveStartDateChange} calendarType=\"US\" nextLabel={showNextMonthIcon ? undefined : null} prevLabel={showPrevMonthIcon ? undefined : null} next2Label={showNextYearIcon ? undefined : null} prev2Label={showPrevYearIcon ? undefined : null}></Calendar>\r\n <label id=\"date_label\">{activeDate}</label>\r\n </div>\r\n </div>\r\n </div>\r\n );\r\n};\r\n\r\nexport default EventCalendar;\r\n\r\nconst formatDate = (date: Date) => {\r\n return date.getMonth() + 1 + \"/\" + date.getDate() + \"/\" + date.getFullYear();\r\n};","import { useEffect, useState } from \"react\";\r\nimport { useSelector } from \"react-redux\";\r\nimport { retrieveEventCalendar } from \"../../redux/slice/event-calendar-slice\";\r\nimport { RootState, useAppDispatch } from \"../../redux/store\";\r\nimport TwoColumnList from \"../../components/re-usable/two-column-list/two-column-list\";\r\nimport Calendar from \"../../components/re-usable/calendar/calendar\";\r\n\r\nconst CalendarEvents = () => {\r\n const { data } = useSelector((state: RootState) => state.eventCalendar);\r\n\r\n let date = new Date();\r\n\r\n let formattedDate = date.getMonth() + 1 + \"/\" + date.getDate() + \"/\" + date.getFullYear();\r\n const [activeDate, setActiveDate] = useState<string>(formattedDate);\r\n\r\n const dispatch = useAppDispatch();\r\n\r\n useEffect(() => {\r\n dispatch(retrieveEventCalendar(encodeURIComponent(activeDate)));\r\n }, [activeDate]);\r\n\r\n return (\r\n <div className=\"bgevents\">\r\n <div className=\"container \" style={{ paddingBottom: 50 }}>\r\n <p> </p>\r\n <div className=\"events-section\">\r\n <span>\r\n {\" \"}\r\n <a href=\"/events\" className=\"more blueLettersAll seealleventsright\">\r\n All\r\n </a>\r\n </span>\r\n <div className=\"col-md-6 col-sm-7 col-xs-8 cal-padding-0\">\r\n <h2 className=\"sub-heading\">\r\n <a href=\"/events\">Events</a>\r\n </h2>\r\n </div>\r\n <div className=\"clear\"></div>\r\n <div className=\"row events-inner-wrapper\">\r\n <div className=\"col-lg-7 col-md-12 ipad-fulscreen-events cal-padding-2\">\r\n <div className=\"row\">\r\n {data?.eventInfoItemsList?.map((item, index) => {\r\n let loc = item.city !== \"\" ? `| ${item.city}, ${item.country}` : \"\";\r\n return <TwoColumnList title={item.eventName} subTitle={item.formattedStartDate} location={ loc } titleUrl={item.nodeName} buttonTitle=\"REGISTER\" buttonUrl={item.registrationUrl} key={index} />;\r\n })}\r\n </div>\r\n </div>\r\n <div className=\"col-md-5 \">\r\n <div className=\"event-calendar Calendar calendar_pad\">\r\n <div>\r\n <Calendar parentDate={activeDate} setParentDate={setActiveDate} />\r\n </div>\r\n <div className=\"col-md-12 col-sm-12 col-xs-12 text-right\">\r\n <a href=\"/events\" className=\"btn btn-default\">\r\n <span>See All Events</span>\r\n </a>\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 CalendarEvents;\r\n","import { useRef } from \"react\";\r\n\r\nconst SearchHome = () => {\r\n const headerSearch = useRef<HTMLInputElement>(null)\r\n const handleHeaderSearch = () => {\r\n window.location.href = `/search?searchtext=${headerSearch.current?.value}`\r\n}\r\n\r\nconst searchKeyDownButtonHandler = (\r\n event: React.KeyboardEvent<HTMLInputElement>\r\n ) => {\r\n if (event.key === \"Enter\") {\r\n window.location.href = `/search?searchtext=${headerSearch.current?.value}`\r\n }\r\n };\r\n\r\n return <div className=\"col-md-12 homesearch bgwide-off box stack-top\">\r\n <div className=\"container\">\r\n <div className=\"col-md-12 search text-center\">\r\n <div className=\"row\">\r\n <div className=\"col-md-2\"> </div>\r\n <div className=\"col-md-12 col-lg-8\">\r\n <h2 className=\"searchheader\">Welcome to RAPS. What are you looking for?</h2>\r\n <input className=\"form-control\" id=\"search\" placeholder=\"Search\" ref={headerSearch} type=\"text\" onKeyDown={searchKeyDownButtonHandler} /> \r\n <div role='button' className=\"btn btn-default\" onClick={() => handleHeaderSearch()} id=\"btnsearch\">GO</div>\r\n </div>\r\n <div className=\"col-md-12 dashboard text-center\">\r\n <h2><a href=\"/member-dashboard/\">My RAPS »</a></h2>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n}\r\n\r\nexport default SearchHome;","import Slider from \"react-slick\";\r\nimport \"react-multi-carousel/lib/styles.css\";\r\nimport SearchHome from \"./search-home\";\r\n\r\nimport { useEffect } from \"react\";\r\nimport { useSelector } from \"react-redux\";\r\nimport { retrieveConvergenceCarouselSlides } from \"../../redux/slice/convergence-carousel-slides-slice\";\r\nimport { RootState, useAppDispatch } from \"../../redux/store\";\r\n\r\nvar settings = {\r\n dots: false,\r\n infinite: true,\r\n speed: 1000,\r\n autoplay: true,\r\n autoplaySpeed: 3000,\r\n arrows: true,\r\n slidesToShow: 1,\r\n slidesToScroll: 1,\r\n initialSlide: 0,\r\n };\r\n\r\nconst HeroSlider = () => {\r\n const { data } = useSelector(\r\n (state: RootState) => state.convergenceCarouselSlides\r\n );\r\n\r\n const dispatch = useAppDispatch();\r\n\r\n useEffect(() => {\r\n dispatch(retrieveConvergenceCarouselSlides());\r\n }, [dispatch]);\r\n // TODO: Fix API response schema and integrate the data\r\n\r\n return (\r\n <div className=\"placeholder hero-slider\">\r\n <div className=\"container-fluid waterfall hero\">\r\n <div className=\"gallery js-flickity flickity-enabled\">\r\n <div className=\"flickity-viewport\">\r\n <div className=\"flickity-slider\">\r\n <Slider {...settings}>\r\n {/* customLeftArrow={<LeftArrow />} customRightArrow={<RightArrow />} */}\r\n {data.map((CarouselItem, index) => {\r\n return (\r\n <div className=\"img-gradient\" key={index}>\r\n <a href={CarouselItem.linkUrl} >\r\n <img src={CarouselItem.image} alt={CarouselItem.type} />\r\n </a>\r\n </div> \r\n );\r\n })}\r\n </Slider>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <SearchHome />\r\n </div>\r\n );\r\n};\r\n\r\nexport default HeroSlider;\r\n","const HomepageStyles = () => {\r\n return (\r\n <style>\r\n {`\r\n .homepage .event-item {\r\n margin-bottom: 20px;\r\n }\r\n\r\n .homepage .sub-heading {\r\n font-weight: 700;\r\n margin-top: 0;\r\n }\r\n\r\n .homepage .landing-section-1 h1 {\r\n font-weight: 700;\r\n line-height: 56px;\r\n font-size: 48px;\r\n margin: 215px 0 25px;\r\n }\r\n\r\n .homepage .landing-section-1 h1 span {\r\n display: block;\r\n font-weight: 300;\r\n font-size: 44px;\r\n }\r\n\r\n .homepage .landing-section-1 p {\r\n margin-bottom: 30px\r\n }\r\n\r\n .homepage .landing-section-2 h3 {\r\n margin-top: 0;\r\n font-weight: 700;\r\n font-size: 28px;\r\n }\r\n\r\n .homepage .single-item, .homepage .single-re-item {\r\n padding: 20px;\r\n position: relative\r\n }\r\n\r\n .homepage .box-shadow {\r\n box-shadow: 0px 3px 5px 2px rgba(169, 159, 159, 0.75);\r\n -webkit-box-shadow: 0px 3px 5px 2px rgba(169, 159, 159, 0.75);\r\n -moz-box-shadow: 0px 3px 5px 2px rgba(169, 159, 159, 0.75);\r\n }\r\n\r\n .homepage .box-border {\r\n border: 2px #E2E7E6 solid;\r\n }\r\n\r\n .homepage .margin-bottom-30 {\r\n margin-bottom: 20px\r\n }\r\n\r\n .homepage .single-item h4, .homepage .single-re-item h4 {\r\n color: #0E8ACB;\r\n margin: 0;\r\n font-weight: 700;\r\n font-size: 24px;\r\n line-height: 30px;\r\n }\r\n\r\n .homepage .landing-section-2 .more, .homepage .events-section .more {\r\n margin-top: 10px;\r\n display: inline-block;\r\n }\r\n\r\n .homepage .landing-section-2 .more::after {\r\n vertical-align: text-bottom;\r\n }\r\n\r\n .homepage .events-section .more::after {\r\n vertical-align: text-top;\r\n }\r\n\r\n .homepage .single-item h6 {\r\n font-weight: 700;\r\n position: relative;\r\n padding-bottom: 5px;\r\n font-size: 16px\r\n }\r\n\r\n .homepage .span-extra2 {\r\n }\r\n\r\n .homepage .single-item p {\r\n max-width: calc(100% - 80px);\r\n line-height: 25px;\r\n margin-bottom: 0;\r\n }\r\n\r\n .homepage .single-re-item p {\r\n max-width: calc(100% - 80px);\r\n line-height: 25px;\r\n margin-bottom: 0;\r\n }\r\n\r\n .homepage .single-item .btn-more, .homepage .single-re-item .btn-more {\r\n position: absolute;\r\n right: 0;\r\n bottom: 0\r\n }\r\n\r\n .homepage .landing-section-2 .bx-wrapper {\r\n margin-top: 50px\r\n }\r\n\r\n .homepage .landing-section-2 .bx-viewport {\r\n overflow: visible !important\r\n }\r\n\r\n .homepage .landing-section-2 .bx-wrapper .bx-pager {\r\n text-align: left\r\n }\r\n\r\n .homepage .landing-section-2 .bx-wrapper .bx-pager.bx-default-pager a {\r\n width: 30px;\r\n height: 5px;\r\n background: #E6E6E6;\r\n }\r\n\r\n .homepage .landing-section-2 .bx-wrapper .bx-pager.bx-default-pager a.active {\r\n background: #FCCD81;\r\n border-color: #FCCD81;\r\n height: 8px;\r\n width: 40px;\r\n }\r\n\r\n .homepage .landing-section-2 .bx-wrapper .bx-pager.bx-default-pager a:hover {\r\n background: #FAB84D;\r\n border-color: #FAB84D;\r\n height: 8px;\r\n width: 40px;\r\n }\r\n\r\n .homepage .re-thumb {\r\n max-width: 100px;\r\n margin-top: -65px;\r\n float: left;\r\n background: #fff;\r\n }\r\n\r\n .homepage .re-thumb img {\r\n max-height: 135px;\r\n }\r\n\r\n .homepage .re-thumb-regfocus {\r\n max-width: 100px;\r\n margin-top: -50px;\r\n float: left;\r\n background: #fff;\r\n border: 1px #E2E7E6 solid;\r\n }\r\n\r\n .homepage .bx-wrapper .bx-pager {\r\n position: unset;\r\n }\r\n\r\n .homepage .re-auth-meta {\r\n width: calc(100% - 115px);\r\n margin-left: 15px;\r\n float: left;\r\n font-size: 14px;\r\n line-height: 20px !important;\r\n margin-bottom: 10px !important;\r\n }\r\n\r\n .homepage .re-msg a {\r\n font-family: 'Bitter'\r\n }\r\n\r\n .homepage .focus-auth-meta {\r\n width: calc(100% - 115px);\r\n margin-left: 20px;\r\n float: left;\r\n font-size: 14px;\r\n line-height: 20px !important;\r\n margin-bottom: 0px !important;\r\n }\r\n\r\n .homepage .blue-section {\r\n background: #0090BA;\r\n padding: 13px 15px;\r\n margin-bottom: 30px;\r\n margin-top: 20px;\r\n cursor: pointer;\r\n }\r\n\r\n .homepage .blue-section h2 {\r\n display: inline-block;\r\n color: transparent;\r\n font-weight: 900;\r\n font-size: 48px;\r\n margin-top: 0;\r\n font-family: Lato, sans-serif;\r\n ;\r\n line-height: 52px;\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n }\r\n\r\n .homepage .blue-section p {\r\n font-size: 26px;\r\n font-weight: 300;\r\n color: #fff;\r\n margin-bottom: -5px\r\n }\r\n\r\n .homepage .management-step {\r\n padding: 30px;\r\n background-position: right center !important;\r\n background-repeat: no-repeat !important;\r\n }\r\n\r\n .homepage .management-content {\r\n min-height: 150px;\r\n text-align: center;\r\n color: #fff;\r\n padding: 14px;\r\n opacity: 0.85;\r\n cursor: pointer;\r\n padding-top: 30px;\r\n padding-bottom: 2px;\r\n }\r\n\r\n .homepage .management-content h4 {\r\n color: #fff;\r\n font-weight: 700\r\n }\r\n\r\n .homepage .events-section {\r\n margin: 30px 0 0px;\r\n }\r\n\r\n @media(max-width: 960px) {\r\n .homepage .events-section {\r\n max-width: 700px;\r\n width: 100%;\r\n margin: 0 auto;\r\n }\r\n }\r\n\r\n .homepage .sub-heading {\r\n font-weight: 700;\r\n margin-top: 0;\r\n }\r\n\r\n .homepage .events-inner-wrapper {\r\n margin-top: 50px;\r\n line-height: 1;\r\n }\r\n\r\n .homepage .event-item {\r\n margin-bottom: 20px;\r\n background-color: white;\r\n }\r\n\r\n .homepage .event-left-section {\r\n padding-top: 15px;\r\n padding-bottom: 15px\r\n }\r\n\r\n .homepage .event-left-section h5 {\r\n font-weight: 600;\r\n color: #444;\r\n line-height: 25px;\r\n margin-top: 0;\r\n font-size: 18px;\r\n min-height: 10px\r\n }\r\n\r\n .homepage .event-left-section p {\r\n margin-bottom: 0;\r\n font-weight: 600;\r\n }\r\n\r\n .homepage .event-left-section p span {\r\n color: #0090BA;\r\n font-weight: 600;\r\n margin-left: 1px;\r\n }\r\n\r\n .homepage .event-right-section {\r\n text-align: center;\r\n font-size: small;\r\n }\r\n\r\n .homepage .event-right-section a {\r\n text-decoration: none;\r\n outline: 0;\r\n font-weight: bold;\r\n font-size: large;\r\n color: #19204a !important;\r\n min-height: 60px;\r\n line-height: 60px;\r\n display: block\r\n }\r\n\r\n @media(min-width: 961px) {\r\n .homepage .event-right-section a {\r\n min-height: 117px;\r\n line-height: 150px;\r\n }\r\n }\r\n\r\n .homepage .event-calendar img {\r\n display: block;\r\n width: 100%;\r\n max-width: 400px;\r\n margin: 0 auto\r\n }\r\n\r\n .homepage .new-section {\r\n padding: 32px 0;\r\n background: url(\"../images/brand-texture.gif\");\r\n background-position: left top;\r\n }\r\n\r\n .homepage .new-section h2 {\r\n margin-bottom: 30px\r\n }\r\n\r\n .homepage .news-item {\r\n background: #fff;\r\n padding: 50px 30px 30px;\r\n position: relative;\r\n margin: 3px\r\n }\r\n\r\n .homepage .news-item a {\r\n text-decoration: none;\r\n outline: 0\r\n }\r\n\r\n .homepage .news-category {\r\n position: absolute;\r\n left: 0;\r\n top: 0;\r\n right: 0;\r\n padding: 10px 20px 5px 35px;\r\n display: inline-block;\r\n background: #0090BA;\r\n color: #fff !important;\r\n text-transform: uppercase;\r\n background-repeat: no-repeat !important;\r\n background-position: 8px center !important;\r\n }\r\n\r\n .homepage .news-title {\r\n font-size: 20px;\r\n font-weight: 700;\r\n color: #000 !important;\r\n display: block;\r\n margin-bottom: 5px;\r\n line-height: 1.2;\r\n }\r\n\r\n .homepage .news-item label {\r\n font-size: 14px\r\n }\r\n\r\n .homepage .news-content {\r\n font-weight: 600;\r\n margin-bottom: 0;\r\n color: #777;\r\n display: block\r\n }\r\n\r\n .homepage .news-item:hover .news-title, .news-item:hover label, .news-item:hover .news-content {\r\n color: #0090BA !important\r\n }\r\n\r\n .homepage .margin-top-30 {\r\n margin-top: 3px\r\n }\r\n\r\n .homepage .margin-top-subscribe {\r\n margin-top: 38px;\r\n margin-bottom: 7px;\r\n }\r\n\r\n .homepage .main-section-first {\r\n background-size: cover;\r\n width: 100%;\r\n height: auto;\r\n background-size: cover\r\n }\r\n\r\n .homepage .single-item {\r\n background-color: #fff;\r\n min-height: 229px;\r\n }\r\n\r\n .homepage .white-bg {\r\n background-color: #fff !important;\r\n }\r\n\r\n .homepage .owl-carousel .owl-item img {\r\n display: block;\r\n width: auto !important;\r\n margin: 0 auto;\r\n }\r\n\r\n .homepage #news_slider_first .item {\r\n padding: 0 10px !important;\r\n }\r\n\r\n .homepage #news_slider_first .owl-nav {\r\n margin: 0;\r\n position: absolute;\r\n top: 42%;\r\n left: 20px;\r\n right: 20px;\r\n }\r\n\r\n .homepage #news_slider_first .owl-dots {\r\n margin-top: 10px\r\n }\r\n\r\n .homepage #news_slider_first .owl-prev, .homepage #news_slider_first .owl-next {\r\n background: #fff url(\"../images/left-arrow.svg\") no-repeat;\r\n background-position: 2px 50%;\r\n background-size: 15px;\r\n opacity: 1;\r\n width: 25px;\r\n height: 30px;\r\n text-indent: -999999px;\r\n font-size: 30px;\r\n margin: 0;\r\n float: left;\r\n border-radius: 0 50% 50% 0;\r\n outline: 0;\r\n margin-left: -20px;\r\n margin-right: -20px;\r\n }\r\n\r\n .homepage #news_slider_first .owl-next {\r\n background: #fff url(\"../images/right-arrow.svg\") no-repeat;\r\n background-position: 6px 50%;\r\n background-size: 15px;\r\n float: right;\r\n border-radius: 50% 0 0 50%;\r\n }\r\n\r\n .homepage .event-calendar {\r\n text-align: -webkit-right;\r\n top: -64px;\r\n }\r\n\r\n .homepage .bx-viewport {\r\n height: 224px !important;\r\n }\r\n\r\n .homepage .landing-section-2 {\r\n padding-top: 4px;\r\n }\r\n\r\n .homepage .box-height {\r\n height: 229px;\r\n }\r\n\r\n .homepage .seealleventsright {\r\n margin-right: 35px;\r\n }\r\n\r\n .homepage .titlecolor {\r\n color: #000;\r\n margin: 0 0 3px;\r\n }\r\n\r\n .homepage .titlecolorAll {\r\n color: #009BC9;\r\n display: none;\r\n }\r\n\r\n .homepage .titlecolorviewmore {\r\n }\r\n\r\n .homepage .displayCalenderAll {\r\n visibility: hidden;\r\n }\r\n\r\n .homepage .blueLettersAll {\r\n color: #009BC9 !important;\r\n margin-top: 10px !important;\r\n float: right;\r\n margin-right: 25px;\r\n display: none !important;\r\n }\r\n\r\n .menu-visibility {\r\n visibility: hidden\r\n }\r\n\r\n .homepage .Calendar tbody tr:first-child tbody tr td:nth-child(2) {\r\n font-size: larger;\r\n }\r\n\r\n @media screen and (min-width: 1367px) {\r\n .homepage .event-item {\r\n }\r\n\r\n .homepage .sub-heading {\r\n }\r\n\r\n .homepage #news_slider_first > .owl-stage-outer > .owl-stage > .owl-item:nth-child(1) .item {\r\n padding-left: 0px !important;\r\n width: 350px !important\r\n }\r\n\r\n .homepage #news_slider_first > .owl-stage-outer > .owl-stage > .owl-item:nth-child(3) .item {\r\n padding-left: 20px !important;\r\n }\r\n\r\n .homepage #news_slider_first > .owl-stage-outer > .owl-stage > .owl-item:nth-child(4) .item {\r\n padding-right: 0px !important;\r\n padding-left: 20px !important;\r\n }\r\n }\r\n\r\n @media screen and (max-width: 1366px) {\r\n .homepage .sub-heading {\r\n }\r\n\r\n .homepage .event-item {\r\n }\r\n\r\n .homepage .blue-section {\r\n margin-left: 20px;\r\n margin-right: 20px;\r\n }\r\n\r\n .homepage .main-section-first {\r\n margin-left: 20px;\r\n margin-right: 20px;\r\n width: 97%;\r\n }\r\n\r\n .homepage #news_slider_first > .owl-stage-outer > .owl-stage > .owl-item:nth-child(1) .item {\r\n padding-left: 20px !important;\r\n }\r\n\r\n .homepage #news_slider_first > .owl-stage-outer > .owl-stage > .owl-item:nth-child(4) .item {\r\n padding-right: 20px !important;\r\n }\r\n }\r\n\r\n @media screen and (max-width: 1024px) {\r\n .homepage .event-item {\r\n }\r\n\r\n .homepage .sub-heading {\r\n }\r\n\r\n .homepage .blue-section {\r\n margin-left: 0px;\r\n margin-right: 0px;\r\n }\r\n\r\n .homepage .main-section-first {\r\n margin-left: 0px;\r\n margin-right: 0px;\r\n width: 100%;\r\n }\r\n\r\n .homepage #news_slider_first > .owl-stage-outer > .owl-stage > .owl-item:nth-child(1) .item {\r\n padding-left: 0px !important;\r\n }\r\n\r\n .homepage #news_slider_first > .owl-stage-outer > .owl-stage > .owl-item:nth-child(2) .item {\r\n padding-right: 0px !important;\r\n }\r\n\r\n .homepage #news_slider_first > .owl-stage-outer > .owl-stage > .owl-item:nth-child(3) .item {\r\n padding-left: 0px !important;\r\n }\r\n\r\n .homepage #news_slider_first > .owl-stage-outer > .owl-stage > .owl-item:nth-child(4) .item {\r\n padding-right: 0px !important;\r\n }\r\n\r\n .homepage .addmarginbottom {\r\n margin-bottom: 0px;\r\n }\r\n\r\n .homepage .titlecolorviewmore {\r\n letter-spacing: 0px;\r\n }\r\n\r\n .homepage .Calendar tbody tr:first-child tbody tr td:nth-child(2) {\r\n font-size: smaller;\r\n }\r\n\r\n .menu-visibility {\r\n visibility: visible;\r\n }\r\n\r\n .homepage .blueLettersAll {\r\n color: #009BC9 !important;\r\n margin-top: 10px !important;\r\n float: right;\r\n margin-right: 25px;\r\n display: none !important;\r\n }\r\n\r\n .homepage .displayCalenderAll {\r\n visibility: hidden;\r\n }\r\n\r\n .homepage .titlecolor {\r\n color: #fff;\r\n }\r\n\r\n .homepage .titlecolorAll {\r\n color: #009BC9;\r\n display: none;\r\n }\r\n\r\n .homepage .titlecolorviewmore {\r\n color: #fff;\r\n }\r\n\r\n .homepage .seealleventsright {\r\n margin-right: -55px;\r\n }\r\n\r\n .homepage .box-height {\r\n height: auto;\r\n }\r\n\r\n .homepage .landing-section-2 {\r\n padding-top: 40px;\r\n padding-bottom: 40px\r\n }\r\n\r\n .homepage .bx-viewport {\r\n height: 300px !important;\r\n }\r\n\r\n .homepage .eventleft {\r\n margin-left: -8px;\r\n font-size: inherit;\r\n }\r\n\r\n .homepage .event-calendar {\r\n overflow-x: scroll;\r\n }\r\n }\r\n\r\n @media screen and (max-width: 960px) {\r\n .homepage .event-item {\r\n margin-bottom: 20px;\r\n }\r\n\r\n .homepage .sub-heading {\r\n font-weight: 700;\r\n margin-top: 0;\r\n color: #000;\r\n }\r\n\r\n .homepage .addmarginbottom {\r\n margin-bottom: 0px;\r\n }\r\n\r\n .homepage .titlecolorviewmore {\r\n letter-spacing: 2px;\r\n }\r\n\r\n .homepage .blueLettersAll {\r\n color: #009BC9 !important;\r\n margin-top: 10px !important;\r\n float: right;\r\n margin-right: 25px !important;\r\n display: block !important;\r\n text-transform: none;\r\n }\r\n\r\n .homepage .displayCalenderAll {\r\n visibility: hidden;\r\n }\r\n\r\n .homepage .titlecolor {\r\n color: #fff;\r\n }\r\n\r\n .homepage .titlecolorAll {\r\n color: #009BC9;\r\n display: none;\r\n }\r\n\r\n .homepage .titlecolorviewmore {\r\n color: #fff;\r\n }\r\n\r\n .homepage .seealleventsright {\r\n margin-right: 35px;\r\n }\r\n\r\n .homepage .box-height {\r\n height: 200px;\r\n }\r\n\r\n .homepage .Calendar {\r\n display: none;\r\n }\r\n\r\n .homepage .landing-section-2 {\r\n padding-top: 40px;\r\n padding-bottom: 40px\r\n }\r\n\r\n .homepage .bx-viewport {\r\n height: 200px !important;\r\n }\r\n\r\n .homepage .eventleft {\r\n margin-left: 0px;\r\n }\r\n\r\n .margon-top-risk {\r\n margin-top: 0px;\r\n }\r\n\r\n .homepage .blue-section h2 {\r\n font-size: 63px;\r\n line-height: 55px;\r\n }\r\n\r\n .homepage .event-calendar {\r\n top: 0px;\r\n overflow-x: scroll;\r\n }\r\n\r\n .homepage .Calendar td, th {\r\n padding: 14px;\r\n }\r\n\r\n .homepage .landing-section-1 h1 {\r\n margin-top: 30px\r\n }\r\n }\r\n\r\n @media screen and (max-width: 768px) {\r\n .homepage .addmarginbottom {\r\n margin-bottom: 0px;\r\n }\r\n\r\n .homepage .landing-section-2 .more:after, .homepage .events-section .more:after, .homepage .new-section .more:after {\r\n display: none;\r\n }\r\n\r\n .homepage .displayCalenderAll {\r\n visibility: visible;\r\n }\r\n\r\n .homepage .titlecolor {\r\n color: #fff;\r\n }\r\n\r\n .homepage .titlecolorAll {\r\n color: #009BC9;\r\n display: block;\r\n text-transform: none;\r\n }\r\n\r\n .homepage .titlecolorviewmore {\r\n color: #fff;\r\n display: none;\r\n }\r\n\r\n .homepage .box-height {\r\n height: 235px;\r\n }\r\n\r\n .homepage .landing-section-2 {\r\n padding-top: 40px;\r\n padding-bottom: 40px\r\n }\r\n\r\n .homepage .bx-viewport {\r\n height: 250px !important;\r\n }\r\n\r\n .homepage .eventleft {\r\n margin-left: 0px;\r\n }\r\n\r\n .margon-top-risk {\r\n margin-top: 0px;\r\n }\r\n\r\n .homepage .blue-section h2 {\r\n font-size: 60px;\r\n line-height: 50px;\r\n }\r\n\r\n .homepage .event-calendar {\r\n top: 0px;\r\n overflow-x: scroll;\r\n }\r\n\r\n .homepage .Calendar td, th {\r\n padding: 14px;\r\n }\r\n\r\n .homepage .blue-section {\r\n margin-bottom: 28px;\r\n text-align: center;\r\n }\r\n\r\n .homepage .events-inner-wrapper {\r\n margin-top: 20px;\r\n }\r\n\r\n .homepage .event-left-section h5 {\r\n }\r\n\r\n .homepage .event-right-section a {\r\n min-height: 100%;\r\n line-height: 60px\r\n }\r\n }\r\n\r\n @media screen and (max-width: 568px) {\r\n .homepage #news_slider_first > .owl-stage-outer > .owl-stage > .owl-item:nth-child(1) .item {\r\n padding-left: 0px !important;\r\n padding-right: 0px !important;\r\n }\r\n\r\n .homepage #news_slider_first > .owl-stage-outer > .owl-stage > .owl-item:nth-child(2) .item {\r\n padding-left: 0px !important;\r\n padding-right: 0px !important;\r\n }\r\n\r\n .homepage #news_slider_first > .owl-stage-outer > .owl-stage > .owl-item:nth-child(3) .item {\r\n padding-left: 0px !important;\r\n padding-right: 0px !important;\r\n }\r\n\r\n .homepage #news_slider_first > .owl-stage-outer > .owl-stage > .owl-item:nth-child(4) .item {\r\n padding-left: 0px !important;\r\n padding-right: 0px !important;\r\n }\r\n }\r\n\r\n @media screen and (max-width: 480px) {\r\n .homepage .addmarginbottom {\r\n margin-bottom: 10px;\r\n }\r\n\r\n .homepage .titlecolor {\r\n color: #fff;\r\n margin-top: 5px !important;\r\n }\r\n\r\n .homepage .titlecolorAll {\r\n color: #009BC9;\r\n display: block;\r\n margin-top: 5px !important;\r\n text-transform: none;\r\n }\r\n\r\n .homepage .titlecolorviewmore {\r\n color: #009BC9;\r\n display: none;\r\n }\r\n\r\n .homepage .box-height {\r\n height: auto;\r\n }\r\n\r\n .homepage .landing-section-2 {\r\n padding-top: 0px;\r\n padding-bottom: 0px\r\n }\r\n\r\n .homepage .bx-viewport {\r\n height: 292px !important;\r\n }\r\n\r\n .homepage .eventleft {\r\n margin-left: 0px;\r\n }\r\n\r\n homepage .blue-section {\r\n margin-top: 20px;\r\n }\r\n\r\n .margon-top-risk {\r\n margin-top: 0px;\r\n }\r\n\r\n .homepage .blue-section h2 {\r\n font-size: 37px;\r\n line-height: 44px;\r\n }\r\n\r\n .homepage .event-calendar {\r\n top: 0px;\r\n overflow-x: scroll;\r\n }\r\n\r\n .homepage .Calendar td, th {\r\n padding: 14px;\r\n }\r\n\r\n .homepage .landing-section-1 a.btn-default {\r\n width: 100%\r\n }\r\n\r\n .homepage .landing-section-2 h3 {\r\n font-size: 22px\r\n }\r\n\r\n .homepage .landing-section-2 .bx-wrapper .bx-pager {\r\n text-align: center\r\n }\r\n\r\n .homepage .blue-section p {\r\n font-size: 20px\r\n }\r\n\r\n .homepage .landing-section-2 .more, .homepage .events-section .more {\r\n margin-top: 5px\r\n }\r\n\r\n .homepage .main-section-first {\r\n }\r\n\r\n .homepage .span-extra1 {\r\n display: block;\r\n }\r\n\r\n .homepage .datedivder {\r\n display: none;\r\n }\r\n }\r\n\r\n @media screen and (max-width: 320px) {\r\n .homepage .addmarginbottom {\r\n margin-bottom: 0px;\r\n }\r\n\r\n .homepage .box-height {\r\n height: auto;\r\n }\r\n\r\n .homepage .landing-section-2 {\r\n padding-top: 10px;\r\n padding-bottom: 0px\r\n }\r\n\r\n .homepage .bx-viewport {\r\n height: 323px !important;\r\n }\r\n\r\n .homepage .eventleft {\r\n margin-left: 0px;\r\n }\r\n\r\n .homepage .blue-section {\r\n margin-top: 430px;\r\n }\r\n\r\n .margon-top-risk {\r\n margin-top: 0px;\r\n }\r\n\r\n .homepage .blue-section h2 {\r\n font-size: 32px;\r\n line-height: 44px;\r\n }\r\n\r\n .homepage .event-calendar {\r\n top: -30px;\r\n overflow-x: scroll;\r\n }\r\n\r\n .homepage .Calendar td, th {\r\n padding: 14px;\r\n }\r\n\r\n .homepage .main-section-first {\r\n height: 383px;\r\n }\r\n }\r\n\r\n .homepage .Calendar td {\r\n border: none !important;\r\n }\r\n\r\n .homepage .Calendar tr th {\r\n background: none !important;\r\n }\r\n\r\n .homepage .Calendar tr td th {\r\n border: none !important;\r\n }\r\n\r\n .homepage .Calendar tr th {\r\n border: none !important;\r\n color: #19204A !important;\r\n }\r\n\r\n .homepage .Calendar table {\r\n border: none !important;\r\n }\r\n\r\n .homepage .Calendar tr td {\r\n background: none !important;\r\n }\r\n\r\n .homepage .Calendar .today {\r\n background-color: #FFD200 !important;\r\n width: -7% !important;\r\n width: 50px !important;\r\n height: 50px;\r\n border-radius: 250px;\r\n text-align: center;\r\n background: red;\r\n float: left;\r\n margin-left: 7px;\r\n padding-top: 15px;\r\n }\r\n\r\n .homepage .Calendar .todayie {\r\n background-color: #FFD200 !important;\r\n width: -7% !important;\r\n width: 50px !important;\r\n height: 60px;\r\n border-radius: 250px;\r\n text-align: center;\r\n background: red;\r\n float: none;\r\n margin-left: 7px;\r\n margin-top: 11px;\r\n }\r\n\r\n .homepage .Calendar .todayselected {\r\n background-color: #19204A !important;\r\n width: 50px !important;\r\n height: 44px;\r\n border-radius: 250px;\r\n text-align: center;\r\n float: left;\r\n margin-right: 10px;\r\n margin-left: 10px;\r\n margin-top: 5px;\r\n font-weight: bold;\r\n font-size: x-large;\r\n padding-top: 8px;\r\n }\r\n\r\n .homepage .Calendar .todayselected a {\r\n color: #BADDFB !important;\r\n }\r\n\r\n .homepage .Calendar .selecteddate {\r\n background-color: #0090BA !important;\r\n width: -7% !important;\r\n width: 50px !important;\r\n height: 50px;\r\n border-radius: 250px;\r\n text-align: center;\r\n background: red;\r\n float: left;\r\n margin-right: 10px;\r\n margin-left: 10px;\r\n }\r\n\r\n .homepage .Calendar .eventstyle {\r\n font-weight: bold;\r\n color: #000;\r\n font-size: x-large;\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .homepage .cal-padding-2 {\r\n }\r\n }\r\n\r\n @media (min-width: 48.063em) {\r\n .homepage td, .homepage th {\r\n font-size: 18px;\r\n padding: 12px;\r\n }\r\n }\r\n\r\n .homepage .Calendar tbody tr:first-child tbody tr:first-child {\r\n margin-top: 5px;\r\n border-bottom: solid 0.5px #19204A;\r\n }\r\n\r\n .homepage .Calendar tbody tr:first-child tbody tr td:first-child {\r\n padding-left: 65px;\r\n }\r\n\r\n .homepage .Calendar tbody tr:first-child tbody tr td:last-child {\r\n padding-right: 100px !important;\r\n }\r\n\r\n .homepage .Calendar td {\r\n color: #19204A;\r\n }\r\n\r\n .homepage .Calendar tbody tr:first-child tbody tr td:nth-child(2) {\r\n text-align: center;\r\n font-weight: bold;\r\n }\r\n\r\n .homepage .more {\r\n position: relative;\r\n padding-right: 0px;\r\n transition: .3s all\r\n }\r\n\r\n .homepage .margin-bottom-reg {\r\n margin: 10px 5px;\r\n padding: 1px;\r\n }\r\n\r\n .homepage .prevnextmonthStyle > a {\r\n font-size: xx-large;\r\n color: #777 !important;\r\n }\r\n\r\n .homepage .bx-wrapper .bx-pager {\r\n margin-left: -5px;\r\n }\r\n\r\n .homepage .align-left, th {\r\n text-align: center;\r\n }\r\n\r\n .homepage .colorwhite {\r\n color: #fff;\r\n }\r\n\r\n .homepage .blackLetters {\r\n color: #000 !important;\r\n }\r\n\r\n .homepage .blueLetters {\r\n color: #009BC9 !important;\r\n top: -45px;\r\n right: 10px;\r\n letter-spacing: 2px;\r\n }\r\n\r\n .homepage .regexchangeht {\r\n margin-bottom: 5px;\r\n }\r\n\r\n .homepage .borderregex {\r\n border: 1px #E2E7E6 solid;\r\n }\r\n\r\n .homepage .pillertitle {\r\n margin-bottom: 5px;\r\n margin-top: 22px;\r\n }\r\n\r\n .homepage .btn-enroll {\r\n padding: 14px 16px !important;\r\n }\r\n\r\n .homepage .rmclass {\r\n opacity: 0.5;\r\n color: white;\r\n }\r\n\r\n .homepage .lineheightreduced {\r\n line-height: 17px !important;\r\n font-size: 15px;\r\n }\r\n\r\n @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\r\n .homepage .blue-section h2 span {\r\n color: white;\r\n opacity: 0.5;\r\n }\r\n\r\n .homepage .footerie {\r\n clear: both;\r\n }\r\n\r\n .homepage .heightie {\r\n min-height: 100px;\r\n }\r\n }\r\n\r\n .homepage .news-head {\r\n margin-top: -4px;\r\n }\r\n\r\n .homepage .pillerwidth {\r\n width: 354px !important;\r\n }\r\n\r\n .homepage .margintop {\r\n margin-top: 12px;\r\n }\r\n\r\n .homepage .calendar_pad {\r\n padding-right: 0px;\r\n }\r\n\r\n .homepage .pad-0 {\r\n padding-left: 0px;\r\n margin-top: -3px;\r\n margin-bottom: 8px;\r\n padding-right: 0px;\r\n }\r\n\r\n .homepage .cal-padding-0 {\r\n margin-bottom: -29px;\r\n }\r\n\r\n .homepage .piller-img-height {\r\n max-height: 57px;\r\n }\r\n\r\n .homepage .piller-description {\r\n overflow: hidden;\r\n display: -webkit-box;\r\n -webkit-line-clamp: 4;\r\n -webkit-box-orient: vertical;\r\n line-height: 1.3;\r\n height: 80px;\r\n }\r\n\r\n .homepage .piller-header {\r\n margin-top: 27px;\r\n }\r\n\r\n .homepage .piller-width {\r\n width: 360px !important;\r\n }\r\n `}\r\n </style>\r\n\r\n )\r\n}\r\n\r\nexport default HomepageStyles;","import Discover from \"../../components/re-usable/discover/discover\";\r\nimport RegulatoryFocusAndExchange from \"./regulatoryFocusAndExchange\";\r\nimport NewsAndEvents from \"./news-and-events\";\r\nimport RapsHighlights from \"./raps-highlights\";\r\nimport CalendarEvents from \"./event-calendar\";\r\nimport HeroSlider from \"./hero-slider\";\r\nimport HomeGoogleAds from \"../../components/advertisement/home-google-ads\";\r\nimport SecondaryNav from \"../../components/secondary-nav/secondary-nav\";\r\nimport { useEffect, useMemo, useState } from \"react\";\r\nimport LoadHomeGoogleAds from \"../../components/advertisement/load-home-google-ads\";\r\nimport { Helmet } from \"react-helmet-async\";\r\nimport { useSelector } from \"react-redux\";\r\nimport { useDynamicScripts } from \"../../hooks/useDynamicScript\";\r\nimport LoadingComp from \"../../components/re-usable/loading/loading\";\r\nimport { useAppDispatch, RootState } from \"../../redux/store\";\r\nimport { retrievePageMenu } from \"../../redux/slice/page-menu.slice\";\r\nimport HomepageStyles from \"./homepage.styles\";\r\n\r\nconst Home = (): JSX.Element => {\r\n const path = \"Home\";\r\n\r\n const dispatch = useAppDispatch();\r\n\r\n const cachedGoogleAds = useMemo(() => <HomeGoogleAds />, []);\r\n const cachedUseDfpSlot = useMemo(() => <LoadHomeGoogleAds />, []);\r\n\r\n // Page published check\r\n const { RapsEuropeData } = useSelector((state: RootState) => state.rapsEurope);\r\n const [isPublished, setIsPublished] = useState(false);\r\n\r\n const [scriptHtmlString, setScriptHtmlString] = useState(\"\");\r\n\r\n useEffect(() => {\r\n dispatch(retrievePageMenu(`%2F${path}`));\r\n }, [dispatch]);\r\n\r\n useEffect(() => {\r\n if (RapsEuropeData[0]?.result !== undefined) {\r\n setIsPublished(true);\r\n }\r\n }, [RapsEuropeData]);\r\n\r\n useEffect(() => {\r\n if (isPublished) {\r\n if (RapsEuropeData[0].result[0]?.javaScriptField)\r\n setScriptHtmlString(RapsEuropeData[0].result[0]?.javaScriptField);\r\n }\r\n if (typeof window !== \"undefined\" && window.runGlobalScripts) {\r\n window.runGlobalScripts();\r\n }\r\n }, [isPublished])\r\n\r\n useDynamicScripts({ htmlScriptString: scriptHtmlString });\r\n\r\n if (!isPublished) return <LoadingComp />;\r\n // End Page published check\r\n\r\n return (\r\n <>\r\n <Helmet>\r\n <title>Regulatory Affairs Professionals Society | RAPS</title>\r\n <meta name=\"description\" content=\"RAPS is the largest global organization of and for those involved with the regulation of healthcare and related products, including medical devices, pharmaceuticals, biologics and nutritional products.\" /> \r\n <link rel=\"canonical\" href=\"https://www.raps.org/\" />\r\n </Helmet>\r\n <HomepageStyles />\r\n <SecondaryNav />\r\n <HeroSlider />\r\n <div className=\"homepage\">\r\n <Discover />\r\n\r\n {/* News And Events */}\r\n <NewsAndEvents />\r\n\r\n {/* Raps Highlights */}\r\n <RapsHighlights />\r\n\r\n {/* Regulatory Focus */}\r\n <RegulatoryFocusAndExchange />\r\n\r\n {/* CalendarEvents */}\r\n <CalendarEvents />\r\n\r\n <div className=\"container\">\r\n <p> </p>\r\n {cachedGoogleAds}\r\n {cachedUseDfpSlot}\r\n <p> </p>\r\n </div>\r\n </div>\r\n </>\r\n );\r\n};\r\n\r\nexport default Home;\r\n"],"names":["className","id","style","minWidth","minHeight","margin","padding","display","useDfpSlot","path","size","props","page","data","useSelector","state","taxonomyList","dispatch","useAppDispatch","useEffect","retrieveTaxonomy","undefined","map","item","index","taxonomyId","href","categoryName","links","callout","handleEmptyClick","event","preventDefault","name","length","textDecoration","cursor","onClick","summary","height","dangerouslySetInnerHTML","__html","title","linkUrl","alt","src","image","linkText","primaryMenu","retrievePrimaryMenu","handleClick","evt","$","currentTarget","find","toggle","handleTouch","target","prop","css","dropdown","parent","hide","show","handleEnter","handleLeave","menuItemdata","menuItem","childrens","toLowerCase","onMouseEnter","onMouseLeave","onTouchEnd","googletag","window","cmd","push","destroySlots","defineSlot","addService","pubads","enableSingleRequest","enableServices","link","articles","includeSubscribe","to","Carousel","fade","controls","article","articleTeaserImage","articleName","loading","articleUrl","articleReleaseDate","author","articleTeaserText","monthNames","user","useAuth","getUser","ssoToken","largePictureUrl","displayName","linkToProfile","linkToDiscussion","discussionName","linkToMessage","message","bodyWithoutMarkup","substring","subject","datePosted","Date","hours","getHours","minutes","getMinutes","adjustedHours","formattedTime","formattedDate","getDate","getMonth","getFullYear","TopArticlesForHomePageData","topArticlesForHomePage","RegulatoryExchangeData","homeRegulatoryExchange","retrieveTopArticlesForHomePage","retrieveHomeRegulatoryExchange","articlesList","exchangeArticlesList","img","articleURL","textAlign","cardData","query","showHomePageItem","showHomePage","trendingNewsData","latestArticles","retrieveLatestArticles","date","icon","category","description","featuredBooksData","latestBooks","retrieveLatestBooks","availableDate","imageUrl","nodeName","featuredLearningData","latestCourses","retrieveLatestCourses","popularEventsData","error","latestEvents","retrieveLatestEvents","eventName","sideImage","settings","dots","infinite","speed","arrows","slidesToShow","slidesToScroll","autoplay","autoplaySpeed","initialSlide","responsive","breakpoint","rapsHighlights","retrieveRAPSHighlights","backgroundImage","bgImg","linkURL","imageTarget","role","linkTarget","subTitle","titleUrl","buttonTitle","buttonUrl","location","isSameDomain","match","formattedButtonUrl","onMouseOver","onMouseOut","background","rel","element","border","currentDate","currentMonth","currentYear","calendarByMonthData","eventCalendarByMonth","parentDate","setParentDate","activeDate","setActiveDate","useState","value","setValue","month","setMonth","year","setYear","eventsDate","setEventsDate","showNextMonthIcon","setShowNextMonthIcon","showPrevMonthIcon","setShowPrevMonthIcon","showNextYearIcon","setShowNextYearIcon","showPrevYearIcon","setShowPrevYearIcon","formatDate","request","monthId","retrieveEventCalendarByMonth","eventInfoItemsList","newEventsDate","forEach","startDateTime","endDate","endDateTime","setDate","hasEventsInFutureMonths","hasEventsInPastMonths","hasEventsInFutureYear","hasEventsInPastYear","overflow","onChange","tileClassName","view","x","showNeighboringMonth","onActiveStartDateChange","action","activeStartDate","activeMonth","activeYear","calendarType","nextLabel","prevLabel","next2Label","prev2Label","eventCalendar","retrieveEventCalendar","encodeURIComponent","paddingBottom","loc","city","country","formattedStartDate","registrationUrl","headerSearch","useRef","placeholder","ref","type","onKeyDown","key","current","handleHeaderSearch","convergenceCarouselSlides","retrieveConvergenceCarouselSlides","CarouselItem","cachedGoogleAds","useMemo","cachedUseDfpSlot","RapsEuropeData","rapsEurope","isPublished","setIsPublished","scriptHtmlString","setScriptHtmlString","retrievePageMenu","result","javaScriptField","runGlobalScripts","useDynamicScripts","htmlScriptString","content"],"sourceRoot":""}