{pageTitle}

{`${errorMessage}${error.toString()}`}

;\r\n}\r\n","import React from 'react';\r\nimport { SystemMessageBanner } from '@dtcm/ui-components';\r\n\r\nconst NotFoundContent: any = {\r\n en: {\r\n fields: {\r\n title: {\r\n value: 'Sorry, we couldn’t find that page',\r\n },\r\n description: {\r\n value: 'Please recheck the URL or return to the homepage.',\r\n },\r\n ctaLabel: {\r\n value: 'Return to home page',\r\n },\r\n ctaLink: {\r\n value: {\r\n href: '/',\r\n anchor: '',\r\n linktype: 'internal',\r\n class: '',\r\n title: '',\r\n querystring: '',\r\n id: '{A98A98BD-AF22-5239-A16E-DEEF268ED6A4}',\r\n },\r\n },\r\n colourTheme: {\r\n id: '3f7e5570-cd7e-46da-94e7-d9267e7791d1',\r\n url: '/SiteSettings/Theme/Colors/theme-1',\r\n fields: {\r\n backgroundColor: {\r\n value: '#0067b9',\r\n },\r\n themeName: {\r\n value: 'theme-1',\r\n },\r\n },\r\n },\r\n },\r\n },\r\n ar: {\r\n fields: {\r\n title: {\r\n value: 'عذراً، الصفحة التي تُحاول الوصول إليها غير مُتاحة حاليّاً',\r\n },\r\n description: {\r\n value: 'الرجاء التحقّق من الرابط أو العودة إلى الصفحة الرئيسيّة',\r\n },\r\n ctaLabel: {\r\n value: 'العوده للصفحة الرئيسية',\r\n },\r\n ctaLink: {\r\n value: {\r\n href: '/',\r\n anchor: '',\r\n linktype: 'internal',\r\n class: '',\r\n title: '',\r\n querystring: '',\r\n id: '{A98A98BD-AF22-5239-A16E-DEEF268ED6A4}',\r\n },\r\n },\r\n colourTheme: {\r\n id: '3f7e5570-cd7e-46da-94e7-d9267e7791d1',\r\n url: '/SiteSettings/Theme/Colors/theme-1',\r\n fields: {\r\n backgroundColor: {\r\n value: '#0067b9',\r\n },\r\n themeName: {\r\n value: 'theme-1',\r\n },\r\n },\r\n },\r\n },\r\n },\r\n};\r\n\r\nexport interface NotFoundProps {\r\n context: {\r\n language: string;\r\n };\r\n}\r\n\r\nexport const NotFound: React.FunctionComponent = ({ context }) => {\r\n const langauge = context && context.language ? context.language : 'en';\r\n const props = NotFoundContent[langauge];\r\n return ;\r\n};\r\n","import React, { useEffect } from 'react';\r\nimport { withRouter, RouteComponentProps } from 'react-router-dom';\r\nimport Helmet from 'react-helmet';\r\nimport { Placeholder } from '@sitecore-jss/sitecore-jss-react';\r\nimport { get, canUseDOM } from '../../lib/getPropertyByPath';\r\nimport {getColorByTheme} from \"@dtcm/ui-components/dist/utils/index\";\r\nimport cssVars from 'css-vars-ponyfill';\r\n\r\nconst useScript = (body: string, shouldRender: boolean) => {\r\n React.useEffect(() => {\r\n let script: any;\r\n //let prefixScript: any;\r\n\r\n if (shouldRender) {\r\n script = document.createElement('script');\r\n script.innerHTML = body;\r\n\r\n document.body.appendChild(script);\r\n\r\n /* prefixScript = document.createElement('script');\r\n prefixScript.innerHTML = 'window.prefix = \"dotprod93\"';\r\n document.body.appendChild(prefixScript);*/\r\n }\r\n\r\n return () => {\r\n if (shouldRender) {\r\n document.body.removeChild(script);\r\n }\r\n };\r\n }, [body, shouldRender]);\r\n};\r\n\r\nexport interface MainContainerProps extends RouteComponentProps {\r\n context: {\r\n origin: string;\r\n language: string;\r\n tealium: {\r\n originUrl: string;\r\n environment: string;\r\n };\r\n disablePageIndexing: boolean;\r\n };\r\n route: {\r\n name: string;\r\n itemId: string;\r\n templateName: string;\r\n fields: {\r\n browserTitle: {\r\n value: string;\r\n };\r\n };\r\n };\r\n}\r\n\r\nconst resolvePageTitle = (route: any) => {\r\n let pageTitle = get(route, 'fields.browserTitle.value');\r\n if (!pageTitle || pageTitle === '$name') {\r\n pageTitle = get(route, 'fields.pageTitle.value');\r\n }\r\n return pageTitle;\r\n};\r\n\r\nconst getOriginUrl = (context: any) => {\r\n let origin = get(context, 'origin');\r\n if (origin.endsWith('/')) origin += '/';\r\n return origin;\r\n};\r\n\r\nconst resolveCanonicalUrl = (context: any, location: any) => {\r\n const path = location && location.pathname ? location.pathname : '/';\r\n return `${getOriginUrl(context)}${path}`;\r\n};\r\n\r\n// TODO: refactor this because this function is a quick fix for\r\n// \r\n// and where it is used the alternateUrl is \"any\"\r\nconst getAlternateUrl = (context: any, alternateUrl: { url: string }) => {\r\n const origin = getOriginUrl(context);\r\n const url = alternateUrl.url;\r\n\r\n if (url.toLowerCase().startsWith(origin.toLowerCase())) {\r\n return `${origin}${url.substring(origin.length)}`;\r\n }\r\n\r\n return `${origin}${url}`;\r\n};\r\n\r\nconst renderProperties = (prefix: string, queryString: string) => {\r\n if (!queryString) {\r\n return null;\r\n }\r\n if (!prefix) {\r\n return null;\r\n }\r\n const properties = [];\r\n const parts = queryString.split('&');\r\n for (let i = 0; i < parts.length; i++) {\r\n const pair = parts[i].split('=');\r\n properties.push(\r\n \r\n );\r\n }\r\n\r\n return properties;\r\n};\r\n\r\nconst getAlternateUrls = (context: any) => {\r\n const alternateUrls = get(context, 'alternateUrls');\r\n if (!alternateUrls) {\r\n return null;\r\n }\r\n const alternateUrlTags = alternateUrls.map((alternateUrl: any) => {\r\n return (\r\n \r\n );\r\n });\r\n // alternateUrlTags.push(\r\n // \r\n // );\r\n return alternateUrlTags;\r\n};\r\n\r\nconst getXDefault = (context: any) => {\r\n const alternateUrls = get(context, 'alternateUrls');\r\n if (!alternateUrls) {\r\n return null;\r\n }\r\n const alternateUrlTags = alternateUrls.map((alternateUrl: any) => {\r\n if (alternateUrl.lang === 'en') {\r\n return ;\r\n } else {\r\n return '';\r\n }\r\n });\r\n\r\n return alternateUrlTags;\r\n};\r\n\r\nconst isInViewport = (el: any) => {\r\n if (!el) {\r\n return false;\r\n }\r\n var top = el.offsetTop;\r\n var left = el.offsetLeft;\r\n var width = el.offsetWidth;\r\n var height = el.offsetHeight;\r\n\r\n while (el.offsetParent) {\r\n el = el.offsetParent;\r\n top += el.offsetTop;\r\n left += el.offsetLeft;\r\n }\r\n\r\n return (\r\n top < window.pageYOffset + window.innerHeight &&\r\n left < window.pageXOffset + window.innerWidth &&\r\n top + height > window.pageYOffset &&\r\n left + width > window.pageXOffset\r\n );\r\n};\r\n\r\nconst MainContainer: React.FunctionComponent = ({ route, location, context }) => {\r\n const pageTitle = resolvePageTitle(route);\r\n const pageDescription = get(route, 'fields.metaDescription.value');\r\n const pageUrl = resolveCanonicalUrl(context, location);\r\n const ogTitle = get(route, 'fields.og-title.value');\r\n const ogDescription = get(route, 'fields.og-description.value');\r\n const ogImage = get(route, 'fields.og-image.value.src');\r\n const twitterTitle = get(route, 'fields.twitter-title.value');\r\n const twitterDescription = get(route, 'fields.twitter-description.value');\r\n\r\n const { itemId, templateName } = route;\r\n const { language, tealium, disablePageIndexing } = context;\r\n\r\n const browserLanguage = typeof navigator !== 'undefined' ? navigator.language : '';\r\n\r\n const utag_data = {\r\n page_id: itemId,\r\n page_name: templateName,\r\n page_language: language,\r\n template: templateName,\r\n pillar: get(route, 'fields.pillar.value'),\r\n content_type: get(route, 'fields.contentType.value'),\r\n persona: get(route, 'fields.persona.value'),\r\n page_location: pageUrl,\r\n page_title: pageTitle,\r\n page_path: location.pathname,\r\n page_browser_language: browserLanguage,\r\n };\r\n\r\n if (!tealium) {\r\n console.warn('tealium settings are not provided');\r\n }\r\n const [firstLoad, setFirstLoad] = React.useState(true);\r\n const originUrl = get(tealium, 'originUrl', '');\r\n const environment = get(tealium, 'environment', '');\r\n const tealiumOrigin = originUrl.endsWith('/') ? originUrl.slice(0, -1) : originUrl;\r\n const tealiumScriptBody = `(function(a,b,c,d){a=\"${tealiumOrigin}/dubaitourism.gov.ae/${environment}/utag.js\";b=document;c=\"script\";d=b.createElement(c);d.src=a;d.type=\"text/java\"+c;d.async=true;a=b.getElementsByTagName(c)[0];a.parentNode.insertBefore(d,a);})();`;\r\n // usejQuery(tealiumScriptBody, false);\r\n useScript(tealiumScriptBody, true);\r\n useEffect(() => {\r\n const wind = window as any;\r\n if (wind) {\r\n wind.utag_data = {\r\n ...wind.utag_data,\r\n ...utag_data,\r\n };\r\n }\r\n }, []);\r\n useEffect(() => {\r\n const wind = window as any;\r\n const utag = wind.utag;\r\n\r\n if (wind && utag) {\r\n utag.data = {\r\n ...utag.data,\r\n ...utag_data,\r\n };\r\n wind.utag_data = {\r\n ...wind.utag_data,\r\n ...utag_data,\r\n };\r\n\r\n wind.utag.utag_cfg_ovrd = wind.utag.utag_cfg_ovrd || {}; //Make sure we don't kill a previous decleration of the object\r\n wind.utag.utag_cfg_ovrd.noview = true;\r\n if(!firstLoad) {\r\n utag.view(wind.utag_data);\r\n\r\n } else {\r\n setFirstLoad(false)\r\n\r\n }\r\n }\r\n }, [route.name]);\r\n\r\n useEffect(() => {\r\n\r\n const placeholder = get(route, 'placeholders.dot-root', []);\r\n const placeholderName = get(placeholder[0], `params.bodyPlaceholderName`);\r\n\r\n const moduels = get(placeholder[0], `placeholders.${placeholderName}`)\r\n let scrolledto25 = false;\r\n let scrollTimer: any = 0;\r\n let scrollTimer2: any = 0;\r\n let timer: any = 0;\r\n\r\n let timerLogged = false;\r\n let timerLogged2 = false;\r\n let scrolledto50 = false;\r\n let scrolledto75 = false;\r\n let scrolledto100 = false;\r\n\r\n let timer20Finsihed = false;\r\n let timer50Finsihed = false;\r\n const desktopHeights: any = {\r\n ContactCard: {\r\n desktop: 740,\r\n mobile: 991,\r\n },\r\n\r\n Tags: {\r\n desktop: 140,\r\n mobile: 178,\r\n },\r\n\r\n MediaGrid: {\r\n desktop: 1000,\r\n mobile: 2040,\r\n },\r\n Footer: {\r\n desktop: 600,\r\n mobile: 1050,\r\n },\r\n\r\n DetailsCardService: {\r\n desktop: 369,\r\n mobile: 585,\r\n },\r\n MediaVideo: {\r\n desktop: 740,\r\n mobile: 350,\r\n },\r\n\r\n MediaCarousel: {\r\n desktop: 795,\r\n mobile: 380,\r\n },\r\n SocialSharing: {\r\n desktop: 126,\r\n mobile: 146,\r\n },\r\n TestimonialMultipleMedia: {\r\n desktop: 414,\r\n mobile: 663,\r\n },\r\n TestimonialMedia: {\r\n desktop: 414,\r\n mobile: 663,\r\n },\r\n WizardTraining: {\r\n desktop: 654,\r\n mobile: 562,\r\n },\r\n DownloadSingle: {\r\n desktop: 242,\r\n mobile: 231,\r\n },\r\n AutoDownload: {\r\n desktop: 104,\r\n mobile: 104,\r\n },\r\n\r\n MediaAndCopy: {\r\n desktop: 456,\r\n mobile: 677,\r\n },\r\n\r\n BottomNavigation: {\r\n desktop: 224,\r\n mobile: 288,\r\n },\r\n\r\n UserGeneratedContent: {\r\n desktop: 358,\r\n mobile: 358,\r\n },\r\n\r\n GeneralCardIcon: {\r\n desktop: 335,\r\n mobile: 315,\r\n },\r\n GeneralCardIconMultiple: {\r\n desktop: 494,\r\n mobile: 365,\r\n },\r\n GeneralCardImage: {\r\n desktop: 554,\r\n mobile: 571,\r\n },\r\n GeneralCardImageMultiple: {\r\n desktop: 738,\r\n mobile: 751,\r\n },\r\n\r\n AccordionFAQ: {\r\n desktop: 400,\r\n mobile: 358,\r\n },\r\n BannerSmall: {\r\n desktop: 456,\r\n mobile: 360,\r\n },\r\n ServicesHeader: {\r\n desktop: 655,\r\n mobile: 550,\r\n },\r\n Tabs: {\r\n desktop: 558,\r\n mobile: 550,\r\n },\r\n EloquaForm: {\r\n desktop: 770,\r\n mobile: 820,\r\n },\r\n DynamicListingComponent: {\r\n desktop: 1740,\r\n mobile: 3700,\r\n },\r\n };\r\n let scrollEvent: any = undefined;\r\n\r\n if (canUseDOM) {\r\n const deviceType = document.body.clientWidth <= 767 ? 'mobile' : 'desktop';\r\n timer = setTimeout(() => {\r\n let bodyHeightOnLoad = document.body.clientHeight + desktopHeights.Footer[deviceType];\r\n moduels && moduels.map((module: any) => {\r\n if (moduels.length === 1) {\r\n bodyHeightOnLoad = document.body.clientHeight;\r\n }\r\n\r\n if (desktopHeights[module.componentName]) {\r\n bodyHeightOnLoad += desktopHeights[module.componentName][deviceType];\r\n }\r\n });\r\n console.warn('final body height', bodyHeightOnLoad);\r\n const wind = window as any;\r\n if (wind) {\r\n wind.utag_data = {\r\n ...wind.utag_data,\r\n ...utag_data,\r\n total_window_height: `${bodyHeightOnLoad}`,\r\n };\r\n }\r\n clearTimeout(scrollTimer);\r\n clearTimeout(scrollTimer2);\r\n let scrollPercentRounded = 0;\r\n\r\n scrollEvent = () => {\r\n let scrollTop = window.scrollY;\r\n let docHeight = bodyHeightOnLoad;\r\n let winHeight = window.innerHeight;\r\n let scrollPercent = scrollTop / (docHeight - winHeight);\r\n scrollPercentRounded = Math.round(scrollPercent * 100);\r\n console.warn('scrollPercentRounded', scrollPercentRounded);\r\n if (scrollPercentRounded >= 25) {\r\n if (!scrolledto25) {\r\n scrolledto25 = true;\r\n\r\n if (get(window, 'SC_Scoll_Function')) {\r\n get(window, 'SC_Scoll_Function')('25');\r\n }\r\n if (timer20Finsihed) {\r\n if (get(window, 'SC_Scoll_Time_Function1')) {\r\n get(window, 'SC_Scoll_Time_Function1')(scrollPercentRounded, '20');\r\n }\r\n }\r\n }\r\n }\r\n if (scrollPercentRounded >= 50) {\r\n if (!scrolledto50) {\r\n scrolledto50 = true;\r\n\r\n if (get(window, 'SC_Scoll_Function')) {\r\n get(window, 'SC_Scoll_Function')('50');\r\n }\r\n\r\n if (timer50Finsihed) {\r\n if (get(window, 'SC_Scoll_Time_Function1')) {\r\n get(window, 'SC_Scoll_Time_Function1')(\r\n scrollPercentRounded > 100 ? 100 : scrollPercentRounded,\r\n '30'\r\n );\r\n }\r\n }\r\n\r\n // clearTimeout(scrollTimer);\r\n }\r\n }\r\n if (scrollPercentRounded >= 75) {\r\n if (!scrolledto75) {\r\n scrolledto75 = true;\r\n\r\n if (get(window, 'SC_Scoll_Function')) {\r\n get(window, 'SC_Scoll_Function')('75');\r\n }\r\n }\r\n }\r\n\r\n if (isInViewport(document.querySelector('.footer__bottom'))) {\r\n if (!scrolledto100) {\r\n scrolledto100 = true;\r\n\r\n if (get(window, 'SC_Scoll_Function')) {\r\n get(window, 'SC_Scoll_Function')('100');\r\n }\r\n }\r\n }\r\n };\r\n\r\n scrollTimer = setTimeout(() => {\r\n timer20Finsihed = true;\r\n if (!timerLogged) {\r\n if (scrolledto25) {\r\n timer20Finsihed = false;\r\n if (get(window, 'SC_Scoll_Time_Function1')) {\r\n get(window, 'SC_Scoll_Time_Function1')(scrollPercentRounded, '20');\r\n }\r\n\r\n timerLogged = true;\r\n clearTimeout(scrollTimer);\r\n }\r\n } else {\r\n clearTimeout(scrollTimer);\r\n }\r\n }, 20 * 1000);\r\n scrollTimer2 = setTimeout(() => {\r\n timer50Finsihed = true;\r\n if (!timerLogged2) {\r\n if (scrolledto50) {\r\n timer50Finsihed = false;\r\n if (get(window, 'SC_Scoll_Time_Function1')) {\r\n get(window, 'SC_Scoll_Time_Function1')(\r\n scrollPercentRounded > 100 ? 100 : scrollPercentRounded,\r\n '30'\r\n );\r\n }\r\n timerLogged2 = true;\r\n clearTimeout(scrollTimer2);\r\n }\r\n } else {\r\n clearTimeout(scrollTimer2);\r\n }\r\n }, 30 * 1000);\r\n window.addEventListener('scroll', scrollEvent);\r\n }, 3000);\r\n }\r\n return () => {\r\n window.removeEventListener('scroll', scrollEvent);\r\n clearTimeout(timer);\r\n\r\n clearTimeout(scrollTimer);\r\n clearTimeout(scrollTimer2);\r\n };\r\n }, [route.name]);\r\n cssVars({\r\n shadowDOM: true,\r\n variables: {\r\n '--site-color': '#005F66',\r\n '--site-color-2': '#005F66',\r\n '--main-color': '#005F66',\r\n '--main-color--active': '#115E67',\r\n '--main-color-text': `${getColorByTheme('#005F66')}`,\r\n '--main-color--active-2': '#115E67',\r\n '--site-active-color': '#115E67',\r\n '--greyscale': '#505050',\r\n '--site-font-family': `'Dubai', 'Arial', sans-serif`\r\n }\r\n });\r\n return (\r\n \r\n \r\n {pageTitle}\r\n \r\n \r\n \r\n {disablePageIndexing ? (\r\n \r\n ) : (\r\n \r\n )}\r\n {/* */}\r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n\r\n {renderProperties('fb', get(route, 'fields.facebook-properties.value'))}\r\n {renderProperties('twitter', get(route, 'fields.twitter-properties.value'))}\r\n {getAlternateUrls(context)}\r\n {getXDefault(context)}\r\n\r\n \r\n \r\n \r\n \r\n \r\n );\r\n};\r\n\r\nexport default withRouter(MainContainer);\r\n","import React from 'react';\r\nimport { useAppStateContext } from '../../lib/AppStateProvider';\r\nimport { Error } from './Error';\r\nimport { NotFound } from './NotFound';\r\nimport MainContainer from './MainContainer';\r\n\r\nexport function LayoutFactory() {\r\n const { appState } = useAppStateContext();\r\n \r\n const { routeData, routeError } = appState;\r\n\r\n if (routeError) {\r\n return ;\r\n }\r\n if (routeData) {\r\n return ;\r\n }\r\n\r\n // no route data for the current route in Sitecore - show not found component.\r\n // Note: this is client-side only 404 handling. Server-side 404 handling is the responsibility\r\n // of the server being used (i.e. node-headless-ssr-proxy and Sitecore intergrated rendering know how to send 404 status codes).\r\n return ;\r\n}\r\n","import React from 'react';\r\nimport { CorpNavigationBar, CorpNavigationBarProps } from '@dtcm/ui-components';\r\nimport { useAppStateContext } from '../../lib/AppStateProvider';\r\nimport { get } from '../../lib/getPropertyByPath';\r\n\r\nexport const NavBarContainer = () => {\r\n const { appState, actions } = useAppStateContext();\r\n if (!appState.navbar || get(appState, 'dictionary.viewBag.isEmptyLayout', false)) {\r\n return null;\r\n }\r\n\r\n const dictionaryVenues = get(appState, 'dictionary.viewBag.navbar.venueFormsDictionary');\r\n\r\n const activeLanguage = {\r\n languageCode: get(appState, \"language.languageCode\"),\r\n languageName: get(appState, \"language.languageName\"),\r\n };\r\n // Also provide functions to handle actions triggered within the NavBar.\r\n const props: CorpNavigationBarProps = {\r\n activeLanguage,\r\n analytics: get(appState, 'analytics'),\r\n breadcrumbAnalytics: get(appState, 'sitecoreContextData.breadcrumbAnalytics'),\r\n searchAnalytics: get(appState, 'sitecoreContextData.searchAnalytics'),\r\n mainNav: {\r\n removeVenueFromShortlistAnalytics: get(appState, 'dictionary.viewBag.navbar.removeVenueFromShortlistAnalytics'),\r\n shareYourShortlistAnalytics: get(appState, 'dictionary.viewBag.navbar.shareYourShortlistAnalytics'),\r\n requestProposalAnalytics: get(appState, 'dictionary.viewBag.navbar.requestProposalAnalytics'),\r\n yourShortlistedBottomAnalytics: get(appState, 'dictionary.viewBag.navbar.yourShortlistedBottomAnalytics'),\r\n yourShortlistedTopAnalytics: get(appState, 'dictionary.viewBag.navbar.yourShortlistedTopAnalytics'),\r\n interactionWithVenueRPFormAnalytics: get(appState, 'dictionary.viewBag.navbar.interactionWithVenueRPFormAnalytics'),\r\n\r\n mainNavItems: get(appState, 'navbar.mainNavItems'),\r\n // primaryBrandLogo: get(appState, 'navbar.primaryBrandLogo'),\r\n primaryBrandLogo: get(appState, 'navbar.logoImage'), \r\n logoWhiteImageLogo: get(appState, 'navbar.logoWhiteImage'),\r\n primaryBrandLogoLink: get(appState, 'navbar.primaryBrandLogoLink'),\r\n // secondaryBrandLogo: get(appState, 'navbar.secondaryBrandLogo'),\r\n secondaryBrandLogo: get(appState, 'navbar.secondLogoImage'),\r\n secondaryBrandLogoLink: get(appState, 'navbar.secondaryBrandLogoLink'),\r\n menuLinks: get(appState, 'navbar.menuLinks'),\r\n isAnimate: false, \r\n venueShortlistVisible:false,\r\n setVenueShortlistVisible: Function,\r\n venueShortlists: [],\r\n activeLanguageName: activeLanguage.languageName,\r\n },\r\n dictionary: {\r\n dictionaryVenues,\r\n },\r\n accessibilitySettings: {\r\n targetItem: get(appState, 'navbar.accessibilitySettings.targetItem'),\r\n selectedContrastValue: appState.selectedContrastValue,\r\n selectedFontSize: appState.selectedFontSize,\r\n readSpeakerScriptPath: `${process.env.PUBLIC_URL}/assets/scripts`,\r\n onContrastOptionSelected: (option) => actions.changeContrast(option),\r\n onFontSizeSelected: (fontSize: any) => actions.changeFontSize(fontSize),\r\n },\r\n languageSelector: {\r\n targetItem: get(appState, 'navbar.languageSelector.targetItem'),\r\n activeLanguage,\r\n currentPath: appState.routePath,\r\n },\r\n topNav: {\r\n accessibilitySettingsTitle: get(appState, 'navbar.accessibilitySettings.targetItem.title.value', ''),\r\n globalLinks: get(appState, 'navbar.globalLinks'),\r\n activeLanguageName: activeLanguage.languageName,\r\n },\r\n breadcrumb: {\r\n mobileLabel: get(appState, 'navbar.mobileBreadcrumbLabel.value.value'),\r\n },\r\n search: {\r\n targetItem: get(appState, 'navbar.search.targetItem'),\r\n },\r\n login: {title: ''}\r\n };\r\n\r\n return ;\r\n};\r\n","import React from 'react';\r\nimport { Route, Switch } from 'react-router-dom';\r\nimport Helmet from 'react-helmet';\r\nimport loadable from 'react-loadable-visibility/loadable-components';\r\nimport { routePatterns } from './lib/routerUtils';\r\nimport { LayoutFactory } from './components/Layouts/LayoutFactory';\r\nimport { useAppStateContext } from './lib/AppStateProvider';\r\nimport { NavBarContainer } from './components/Header/NavBarContainer';\r\nimport { ScrollToTop, tealiumClickCustomFunc } from '@dtcm/ui-components';\r\nimport { get, canUseDOM } from './lib/getPropertyByPath';\r\nimport { getGlobalDictionaryTerm } from '@dtcm/ui-components/dist/utils';\r\nimport { SkipContentButtons } from '@dtcm/ui-components';\r\n\r\nconst CloseIcon = () => ;\r\n\r\nconst FooterContainer: any = loadable(() =>\r\n import(/* webpackChunkName: \"FooterContainer\" */ './components/Footer/FooterContainer')\r\n);\r\n\r\n/*\r\n APP LAYOUT\r\n This is where the app's HTML \"shell\" should be defined.\r\n\r\n All routes share this root layout by default,\r\n but components added to inner placeholders are route-specific.\r\n*/\r\n\r\nfunction Layout() {\r\n const { appState } = useAppStateContext();\r\n const sitecoreContext = appState.sitecoreContextData;\r\n const alertBanner = get(sitecoreContext, 'configuration.alertBanner');\r\n const [showAlertBanner, setShowAlertBanner] = React.useState(true);\r\n const isEmptyLayout = get(appState, 'dictionary.viewBag.isEmptyLayout', false);\r\n const breadcrumb = get(appState, 'sitecoreContextData.breadcrumb', []);\r\n const canonical = get(appState, 'sitecoreContextData.canonical', '');\r\n const btnLabel: string = getGlobalDictionaryTerm(sitecoreContext, 'closeAnnouncementBannerLabel') || \"Close announcement banner\";\r\n const timing = canUseDOM ? get(window, 'performance.timing', {}) : {};\r\n const performanceSpeedDetails = () => {\r\n if (typeof performance !== 'undefined') {\r\n const { navigationStart, domContentLoadedEventEnd, loadEventEnd } = timing;\r\n const pageLoadTime = (loadEventEnd - navigationStart) / 1000;\r\n const domLoadTime = (domContentLoadedEventEnd - navigationStart) / 1000;\r\n\r\n if (pageLoadTime > 0) {\r\n return {pageLoadTime, domLoadTime};\r\n } else {\r\n return {};\r\n }\r\n } else {\r\n return {};\r\n }\r\n };\r\n\r\n React.useEffect(() => {\r\n let eventAct = '';\r\n\r\n if (breadcrumb.length > 1) {\r\n const [, val] = breadcrumb;\r\n eventAct = get(val, 'label', '');\r\n } else if (breadcrumb.length === 1) {\r\n const [val] = breadcrumb;\r\n eventAct = get(val, 'label', '');\r\n }\r\n setTimeout(() => {\r\n const {pageLoadTime, domLoadTime} = performanceSpeedDetails() || {};\r\n if (pageLoadTime && domLoadTime) {\r\n const { pathname } = new URL(canonical);\r\n const eventLab = pathname.split('/').slice(2).join('/');\r\n tealiumClickCustomFunc({\r\n event_name: 'eventTracker',\r\n event_cat: 'Modules',\r\n event_act: eventAct,\r\n event_lab: eventLab,\r\n page_load_time: pageLoadTime,\r\n dom_load_time: domLoadTime,\r\n }, {} as any);\r\n }\r\n }, 500);\r\n\r\n }, [\r\n timing!.domContentLoadedEventEnd,\r\n timing!.navigationStart,\r\n timing!.loadEventEnd,\r\n canUseDOM\r\n ]);\r\n\r\n return (\r\n \r\n {/* react-helmet enables setting contents, like title and OG meta tags */}\r\n \r\n \r\n \r\n \r\n

\r\n

\r\n {alertBanner && alertBanner.text && showAlertBanner ? (\r\n

\r\n

\r\n \r\n

\r\n

\r\n ) : null}\r\n \r\n

\r\n

\r\n \r\n {routePatterns.map((routePattern) => (\r\n \r\n ))}\r\n \r\n {!isEmptyLayout && }\r\n

\r\n

\r\n {/*\r\n We need to provide content for the loading placeholder used for the footer. This ensures\r\n that the dynamic loading script triggers for the Footer component. Without any content, it\r\n seems that the IntersectionObserver never intersects with the Footer component and therefore\r\n the dynamic loading script doesn't load the component.\r\n\r\n NOTE: most components will not need content in order for dynamic loading to work. The Footer\r\n seems to be more of an edge case.\r\n */}\r\n \r\n \r\n );\r\n}\r\n\r\nexport default Layout;\r\n","import loadable from 'react-loadable-visibility/loadable-components'; \r\n\r\n// Do not modify anything within the `` comments.\r\n// The content within those comments is automatically generated by\r\n// the `/scripts/generate-component-factory.js` script.\r\n\r\n// \n\n\nimport {\nAccordionCombo,\nAccordionFAQ,\nAccordionGeneric,\nAccordionSteps,\nArticles,\nArticlesFeatureCarousel,\nSystemMessageBanner,\nGeneralCardCompleteRound,\nGeneralCardIconCards,\nGeneralCardImageCards,\nRichText,\nOfferAndDeal,\nListingOffersAndDeals,\nTabsHorizontal,\nStickyFooter,\nOfferAndDealDetails,\nOffersAndDealsTopPicks,\nHighlightBanner,\nCurators,\nSurpriseWizard,\nCategoryTiles,\nCTAVariation,\nInteractiveBanner,\nInteractiveMap,\nOverlayTiles,\nTabsCarouselComponentListing,\nStepCards,\nComparisonTable,\nSectionDetail,\nWizardCategories,\nFeatureCardsList,\nEvents,\nEventsFeatureCarousel,\nItineraries,\nVideoTile,\nNewsCarousel,\nNewsPRs,\nPOIs,\nCTAsList,\nSectionIntro,\nStatistics,\nCategoriesChildren,\nCategoriesSiblings,\nTabs,\nTabsWithAccordion,\nMultipleQuoteTestimonial,\nTestimonialCarousel,\nCuratorHeader,\nEventHeader,\nHeaderArticle1,\nHeaderCarousel,\nHeaderGenericPrimaryLeisure,\nHeaderGenericSecondary,\nHeaderGenericTertiary,\nHeaderListingPage,\nHeaderListingPagePersonalizable,\nHeaderMedia,\nWhatsonHeader,\nHeroPrimary,\nHeroSecondary,\nInsightsHeader,\nItineraryCoverHeader,\nItineraryDayViewHeader,\nPersonalizablePrimaryHeader,\nPOIHeader,\nTimelineNavigationCompact,\nAnnouncementBanner,\nWidgetCurrencyConverter,\nAnchorItem,\nAnchorList,\nInteractiveGoogleMap,\nLoader,\nCardMultiple,\nCodeSnippet,\nCommonPageContainer,\nGenericPageContainer,\nDynamicPopup,\nEventsWidget,\nFlyDubaiWidget,\nHeaderForActivationPage,\nIdentifyTravelers,\nListingServicesHeader,\nDeleteAccount,\nMainText,\nManagedWidget,\nMultifunctionalCards,\nPopularCuisines,\nRecommendationListing,\nRedirectToReturnUrl,\nRestaurantsCarousel,\nRestaurantsHeadingAndContentBlock,\nRestaurantsListing,\nRestaurantsNavigation,\nRestaurantsSmallBanner,\nRichTextBubble,\nScrollToBlock,\nSearchRestaurants,\nSkipContentButtons,\nSurpriseMeForm,\nUnbelievableSummerDeals,\nWeatherWidget\n} from '@dtcm/ui-components';\nconst components = new Map();\ncomponents.set('AccordionCombo', AccordionCombo);\ncomponents.set('AccordionFAQ', AccordionFAQ);\ncomponents.set('AccordionGeneric', AccordionGeneric);\ncomponents.set('AccordionSteps', AccordionSteps);\ncomponents.set('Articles', Articles);\ncomponents.set('ArticlesFeatureCarousel', ArticlesFeatureCarousel);\n\n// NOTE: 'import' paths _must_ be static in order for webpack to be able to analyze them at build time.\ncomponents.set('CuratorArticles', loadable(() => import(/* webpackChunkName: \"CuratorArticles\" */'@dtcm/ui-components/dist/components/02_CuratorArticles/CuratorArticles')))\n\n// NOTE: 'import' paths _must_ be static in order for webpack to be able to analyze them at build time.\ncomponents.set('AnchorNavigation', loadable(() => import(/* webpackChunkName: \"AnchorNavigation\" */'@dtcm/ui-components/dist/components/03_AnchorNavigation/AnchorNavigation')))\n\n// NOTE: 'import' paths _must_ be static in order for webpack to be able to analyze them at build time.\ncomponents.set('AudioPlayer', loadable(() => import(/* webpackChunkName: \"AudioPlayer\" */'@dtcm/ui-components/dist/components/04_Audio/AudioPlayer')))\n\n// NOTE: 'import' paths _must_ be static in order for webpack to be able to analyze them at build time.\ncomponents.set('BannerLarge', loadable(() => import(/* webpackChunkName: \"BannerLarge\" */'@dtcm/ui-components/dist/components/05_BannerLarge/BannerLarge')))\ncomponents.set('SystemMessageBanner', SystemMessageBanner);\n\n// NOTE: 'import' paths _must_ be static in order for webpack to be able to analyze them at build time.\ncomponents.set('BannerSmall', loadable(() => import(/* webpackChunkName: \"BannerSmall\" */'@dtcm/ui-components/dist/components/05_BannerSmall/BannerSmall')))\n\n// NOTE: 'import' paths _must_ be static in order for webpack to be able to analyze them at build time.\ncomponents.set('HeatMap', loadable(() => import(/* webpackChunkName: \"HeatMap\" */'@dtcm/ui-components/dist/components/06_HeatMap/HeatMap')))\n\n// NOTE: 'import' paths _must_ be static in order for webpack to be able to analyze them at build time.\ncomponents.set('Table', loadable(() => import(/* webpackChunkName: \"Table\" */'@dtcm/ui-components/dist/components/06_Table/Table')))\ncomponents.set('GeneralCardCompleteRound', GeneralCardCompleteRound);\n\n// NOTE: 'import' paths _must_ be static in order for webpack to be able to analyze them at build time.\ncomponents.set('GeneralCardIcon', loadable(() => import(/* webpackChunkName: \"GeneralCardIcon\" */'@dtcm/ui-components/dist/components/07_GeneralCardIcon/GeneralCardIcon')))\ncomponents.set('GeneralCardIconCards', GeneralCardIconCards);\n\n// NOTE: 'import' paths _must_ be static in order for webpack to be able to analyze them at build time.\ncomponents.set('GeneralCardIconMultiple', loadable(() => import(/* webpackChunkName: \"GeneralCardIconMultiple\" */'@dtcm/ui-components/dist/components/07_GeneralCardIconMultiple/GeneralCardIconMultiple')))\n\n// NOTE: 'import' paths _must_ be static in order for webpack to be able to analyze them at build time.\ncomponents.set('GeneralCardImage', loadable(() => import(/* webpackChunkName: \"GeneralCardImage\" */'@dtcm/ui-components/dist/components/07_GeneralCardImage/GeneralCardImage')))\ncomponents.set('GeneralCardImageCards', GeneralCardImageCards);\n\n// NOTE: 'import' paths _must_ be static in order for webpack to be able to analyze them at build time.\ncomponents.set('GeneralCardImageMultiple', loadable(() => import(/* webpackChunkName: \"GeneralCardImageMultiple\" */'@dtcm/ui-components/dist/components/07_GeneralCardImageMultiple/GeneralCardImageMultiple')))\n\n// NOTE: 'import' paths _must_ be static in order for webpack to be able to analyze them at build time.\ncomponents.set('SubcategoriesCompleteMultiple', loadable(() => import(/* webpackChunkName: \"SubcategoriesCompleteMultiple\" */'@dtcm/ui-components/dist/components/07_SubcategoriesCompleteMultiple/SubcategoriesCompleteMultiple')))\n\n// NOTE: 'import' paths _must_ be static in order for webpack to be able to analyze them at build time.\ncomponents.set('ContactCard', loadable(() => import(/* webpackChunkName: \"ContactCard\" */'@dtcm/ui-components/dist/components/08_ContactCard/ContactCard')))\ncomponents.set('RichText', RichText);\ncomponents.set('OfferAndDeal', OfferAndDeal);\ncomponents.set('ListingOffersAndDeals', ListingOffersAndDeals);\ncomponents.set('TabsHorizontal', TabsHorizontal);\ncomponents.set('StickyFooter', StickyFooter);\ncomponents.set('OfferAndDealDetails', OfferAndDealDetails);\ncomponents.set('OffersAndDealsTopPicks', OffersAndDealsTopPicks);\ncomponents.set('HighlightBanner', HighlightBanner);\ncomponents.set('Curators', Curators);\n\n// NOTE: 'import' paths _must_ be static in order for webpack to be able to analyze them at build time.\ncomponents.set('ProfileCards', loadable(() => import(/* webpackChunkName: \"ProfileCards\" */'@dtcm/ui-components/dist/components/10_ProfileCards/ProfileCards')))\ncomponents.set('SurpriseWizard', SurpriseWizard);\ncomponents.set('CategoryTiles', CategoryTiles);\ncomponents.set('CTAVariation', CTAVariation);\ncomponents.set('InteractiveBanner', InteractiveBanner);\ncomponents.set('InteractiveMap', InteractiveMap);\ncomponents.set('OverlayTiles', OverlayTiles);\ncomponents.set('TabsCarouselComponentListing', TabsCarouselComponentListing);\ncomponents.set('StepCards', StepCards);\ncomponents.set('ComparisonTable', ComparisonTable);\n\n// NOTE: 'import' paths _must_ be static in order for webpack to be able to analyze them at build time.\ncomponents.set('Download', loadable(() => import(/* webpackChunkName: \"Download\" */'@dtcm/ui-components/dist/components/12_Download/Download')))\n\n// NOTE: 'import' paths _must_ be static in order for webpack to be able to analyze them at build time.\ncomponents.set('DownloadSingle', loadable(() => import(/* webpackChunkName: \"DownloadSingle\" */'@dtcm/ui-components/dist/components/12_DownloadSingle/DownloadSingle')))\ncomponents.set('SectionDetail', SectionDetail);\ncomponents.set('WizardCategories', WizardCategories);\ncomponents.set('FeatureCardsList', FeatureCardsList);\n\n// NOTE: 'import' paths _must_ be static in order for webpack to be able to analyze them at build time.\ncomponents.set('CuratorEvents', loadable(() => import(/* webpackChunkName: \"CuratorEvents\" */'@dtcm/ui-components/dist/components/15_CuratorEvents/CuratorEvents')))\ncomponents.set('Events', Events);\ncomponents.set('EventsFeatureCarousel', EventsFeatureCarousel);\n\n// NOTE: 'import' paths _must_ be static in order for webpack to be able to analyze them at build time.\ncomponents.set('EloquaForm', loadable(() => import(/* webpackChunkName: \"EloquaForm\" */'@dtcm/ui-components/dist/components/19_EloquaForm/EloquaForm')))\n\n// NOTE: 'import' paths _must_ be static in order for webpack to be able to analyze them at build time.\ncomponents.set('CTABlock', loadable(() => import(/* webpackChunkName: \"CTABlock\" */'@dtcm/ui-components/dist/components/20_CTABlock/CTABlock')))\n\n// NOTE: 'import' paths _must_ be static in order for webpack to be able to analyze them at build time.\ncomponents.set('FunFactsContainer', loadable(() => import(/* webpackChunkName: \"FunFactsContainer\" */'@dtcm/ui-components/dist/components/21_FunFactsContainer/FunFactsContainer')))\n\n// NOTE: 'import' paths _must_ be static in order for webpack to be able to analyze them at build time.\ncomponents.set('FunFactItem', loadable(() => import(/* webpackChunkName: \"FunFactItem\" */'@dtcm/ui-components/dist/components/21_FunFactsItem/FunFactItem')))\n\n// NOTE: 'import' paths _must_ be static in order for webpack to be able to analyze them at build time.\ncomponents.set('CuratorItineraries', loadable(() => import(/* webpackChunkName: \"CuratorItineraries\" */'@dtcm/ui-components/dist/components/26_CuratorItineraries/CuratorItineraries')))\ncomponents.set('Itineraries', Itineraries);\n\n// NOTE: 'import' paths _must_ be static in order for webpack to be able to analyze them at build time.\ncomponents.set('MediaCarousel', loadable(() => import(/* webpackChunkName: \"MediaCarousel\" */'@dtcm/ui-components/dist/components/28_MediaCarousel/MediaCarousel')))\n\n// NOTE: 'import' paths _must_ be static in order for webpack to be able to analyze them at build time.\ncomponents.set('MediaGrid', loadable(() => import(/* webpackChunkName: \"MediaGrid\" */'@dtcm/ui-components/dist/components/28_MediaGrid/MediaGrid')))\n\n// NOTE: 'import' paths _must_ be static in order for webpack to be able to analyze them at build time.\ncomponents.set('MediaImage', loadable(() => import(/* webpackChunkName: \"MediaImage\" */'@dtcm/ui-components/dist/components/28_MediaImage/MediaImage')))\n\n// NOTE: 'import' paths _must_ be static in order for webpack to be able to analyze them at build time.\ncomponents.set('MediaImage360', loadable(() => import(/* webpackChunkName: \"MediaImage360\" */'@dtcm/ui-components/dist/components/28_MediaImage360/MediaImage360')))\n\n// NOTE: 'import' paths _must_ be static in order for webpack to be able to analyze them at build time.\ncomponents.set('MediaVideo', loadable(() => import(/* webpackChunkName: \"MediaVideo\" */'@dtcm/ui-components/dist/components/28_MediaVideo/MediaVideo')))\ncomponents.set('VideoTile', VideoTile);\n\n// NOTE: 'import' paths _must_ be static in order for webpack to be able to analyze them at build time.\ncomponents.set('Login', loadable(() => import(/* webpackChunkName: \"Login\" */'@dtcm/ui-components/dist/components/30_NavigationBar/Login')))\ncomponents.set('NewsCarousel', NewsCarousel);\n\n// NOTE: 'import' paths _must_ be static in order for webpack to be able to analyze them at build time.\ncomponents.set('NewsInsights', loadable(() => import(/* webpackChunkName: \"NewsInsights\" */'@dtcm/ui-components/dist/components/31_NewsInsights/NewsInsights')))\ncomponents.set('NewsPRs', NewsPRs);\n\n// NOTE: 'import' paths _must_ be static in order for webpack to be able to analyze them at build time.\ncomponents.set('NewsletterFormSection', loadable(() => import(/* webpackChunkName: \"NewsletterFormSection\" */'@dtcm/ui-components/dist/components/32_NewsletterForm/NewsletterFormSection')))\n\n// NOTE: 'import' paths _must_ be static in order for webpack to be able to analyze them at build time.\ncomponents.set('Partners', loadable(() => import(/* webpackChunkName: \"Partners\" */'@dtcm/ui-components/dist/components/33_Partners/Partners')))\n\n// NOTE: 'import' paths _must_ be static in order for webpack to be able to analyze them at build time.\ncomponents.set('CuratorPOIs', loadable(() => import(/* webpackChunkName: \"CuratorPOIs\" */'@dtcm/ui-components/dist/components/34_CuratorPOIs/CuratorPOIs')))\ncomponents.set('POIs', POIs);\n\n// NOTE: 'import' paths _must_ be static in order for webpack to be able to analyze them at build time.\ncomponents.set('PracticalInformation', loadable(() => import(/* webpackChunkName: \"PracticalInformation\" */'@dtcm/ui-components/dist/components/35_PracticalInformation/PracticalInformation')))\ncomponents.set('CTAsList', CTAsList);\n\n// NOTE: 'import' paths _must_ be static in order for webpack to be able to analyze them at build time.\ncomponents.set('QuickLinks', loadable(() => import(/* webpackChunkName: \"QuickLinks\" */'@dtcm/ui-components/dist/components/36_QuickLinks/QuickLinks')))\ncomponents.set('SectionIntro', SectionIntro);\n\n// NOTE: 'import' paths _must_ be static in order for webpack to be able to analyze them at build time.\ncomponents.set('DetailsCardService', loadable(() => import(/* webpackChunkName: \"DetailsCardService\" */'@dtcm/ui-components/dist/components/44_DetailsCardService/DetailsCardService')))\n\n// NOTE: 'import' paths _must_ be static in order for webpack to be able to analyze them at build time.\ncomponents.set('Deals', loadable(() => import(/* webpackChunkName: \"Deals\" */'@dtcm/ui-components/dist/components/44_TravelDeals/Deals')))\n\n// NOTE: 'import' paths _must_ be static in order for webpack to be able to analyze them at build time.\ncomponents.set('ListingTradeEvents', loadable(() => import(/* webpackChunkName: \"ListingTradeEvents\" */'@dtcm/ui-components/dist/components/44_TravelDeals/ListingTradeEvents')))\n\n// NOTE: 'import' paths _must_ be static in order for webpack to be able to analyze them at build time.\ncomponents.set('ListingVendors', loadable(() => import(/* webpackChunkName: \"ListingVendors\" */'@dtcm/ui-components/dist/components/44_TravelDeals/ListingVendors')))\n\n// NOTE: 'import' paths _must_ be static in order for webpack to be able to analyze them at build time.\ncomponents.set('TravelDeals', loadable(() => import(/* webpackChunkName: \"TravelDeals\" */'@dtcm/ui-components/dist/components/44_TravelDeals/TravelDeals')))\n\n// NOTE: 'import' paths _must_ be static in order for webpack to be able to analyze them at build time.\ncomponents.set('SocialSharing', loadable(() => import(/* webpackChunkName: \"SocialSharing\" */'@dtcm/ui-components/dist/components/45_SocialSharing/SocialSharing')))\ncomponents.set('Statistics', Statistics);\n\n// NOTE: 'import' paths _must_ be static in order for webpack to be able to analyze them at build time.\ncomponents.set('StatisticsBigNumbers', loadable(() => import(/* webpackChunkName: \"StatisticsBigNumbers\" */'@dtcm/ui-components/dist/components/46_StatisticsBigNumbers/StatisticsBigNumbers')))\n\n// NOTE: 'import' paths _must_ be static in order for webpack to be able to analyze them at build time.\ncomponents.set('StatisticsComparative', loadable(() => import(/* webpackChunkName: \"StatisticsComparative\" */'@dtcm/ui-components/dist/components/46_StatisticsComparative/StatisticsComparative')))\n\n// NOTE: 'import' paths _must_ be static in order for webpack to be able to analyze them at build time.\ncomponents.set('StatisticsContainer', loadable(() => import(/* webpackChunkName: \"StatisticsContainer\" */'@dtcm/ui-components/dist/components/46_StatisticsContainer/StatisticsContainer')))\ncomponents.set('CategoriesChildren', CategoriesChildren);\ncomponents.set('CategoriesSiblings', CategoriesSiblings);\ncomponents.set('Tabs', Tabs);\ncomponents.set('TabsWithAccordion', TabsWithAccordion);\n\n// NOTE: 'import' paths _must_ be static in order for webpack to be able to analyze them at build time.\ncomponents.set('Tags', loadable(() => import(/* webpackChunkName: \"Tags\" */'@dtcm/ui-components/dist/components/50_Tags/Tags')))\ncomponents.set('MultipleQuoteTestimonial', MultipleQuoteTestimonial);\ncomponents.set('TestimonialCarousel', TestimonialCarousel);\n\n// NOTE: 'import' paths _must_ be static in order for webpack to be able to analyze them at build time.\ncomponents.set('TestimonialMedia', loadable(() => import(/* webpackChunkName: \"TestimonialMedia\" */'@dtcm/ui-components/dist/components/51_TestimonialMedia/TestimonialMedia')))\n\n// NOTE: 'import' paths _must_ be static in order for webpack to be able to analyze them at build time.\ncomponents.set('TestimonialMultipleMedia', loadable(() => import(/* webpackChunkName: \"TestimonialMultipleMedia\" */'@dtcm/ui-components/dist/components/51_TestimonialMultipleMedia/TestimonialMultipleMedia')))\n\n// NOTE: 'import' paths _must_ be static in order for webpack to be able to analyze them at build time.\ncomponents.set('TestimonialQuote', loadable(() => import(/* webpackChunkName: \"TestimonialQuote\" */'@dtcm/ui-components/dist/components/51_TestimonialQuote/TestimonialQuote')))\n\n// NOTE: 'import' paths _must_ be static in order for webpack to be able to analyze them at build time.\ncomponents.set('TestimonialStatement', loadable(() => import(/* webpackChunkName: \"TestimonialStatement\" */'@dtcm/ui-components/dist/components/51_TestimonialStatement/TestimonialStatement')))\n\n// NOTE: 'import' paths _must_ be static in order for webpack to be able to analyze them at build time.\ncomponents.set('UserGeneratedContent', loadable(() => import(/* webpackChunkName: \"UserGeneratedContent\" */'@dtcm/ui-components/dist/components/53_UserGeneratedContent/UserGeneratedContent')))\ncomponents.set('CuratorHeader', CuratorHeader);\ncomponents.set('EventHeader', EventHeader);\ncomponents.set('HeaderArticle1', HeaderArticle1);\ncomponents.set('HeaderCarousel', HeaderCarousel);\n\n// NOTE: 'import' paths _must_ be static in order for webpack to be able to analyze them at build time.\ncomponents.set('HeaderContextImage', loadable(() => import(/* webpackChunkName: \"HeaderContextImage\" */'@dtcm/ui-components/dist/components/57_HeaderContextImage/HeaderContextImage')))\n\n// NOTE: 'import' paths _must_ be static in order for webpack to be able to analyze them at build time.\ncomponents.set('HeaderGenericLegislation', loadable(() => import(/* webpackChunkName: \"HeaderGenericLegislation\" */'@dtcm/ui-components/dist/components/57_HeaderGenericLegislation/HeaderGenericLegislation')))\n\n// NOTE: 'import' paths _must_ be static in order for webpack to be able to analyze them at build time.\ncomponents.set('HeaderGenericPrimary', loadable(() => import(/* webpackChunkName: \"HeaderGenericPrimary\" */'@dtcm/ui-components/dist/components/57_HeaderGenericPrimary/HeaderGenericPrimary')))\ncomponents.set('HeaderGenericPrimaryLeisure', HeaderGenericPrimaryLeisure);\ncomponents.set('HeaderGenericSecondary', HeaderGenericSecondary);\ncomponents.set('HeaderGenericTertiary', HeaderGenericTertiary);\ncomponents.set('HeaderListingPage', HeaderListingPage);\ncomponents.set('HeaderListingPagePersonalizable', HeaderListingPagePersonalizable);\ncomponents.set('HeaderMedia', HeaderMedia);\n\n// NOTE: 'import' paths _must_ be static in order for webpack to be able to analyze them at build time.\ncomponents.set('HeaderMedia360', loadable(() => import(/* webpackChunkName: \"HeaderMedia360\" */'@dtcm/ui-components/dist/components/57_HeaderMedia360/HeaderMedia360')))\n\n// NOTE: 'import' paths _must_ be static in order for webpack to be able to analyze them at build time.\ncomponents.set('HeaderPressRelease', loadable(() => import(/* webpackChunkName: \"HeaderPressRelease\" */'@dtcm/ui-components/dist/components/57_HeaderPressRelease/HeaderPressRelease')))\ncomponents.set('WhatsonHeader', WhatsonHeader);\ncomponents.set('HeroPrimary', HeroPrimary);\ncomponents.set('HeroSecondary', HeroSecondary);\ncomponents.set('InsightsHeader', InsightsHeader);\ncomponents.set('ItineraryCoverHeader', ItineraryCoverHeader);\ncomponents.set('ItineraryDayViewHeader', ItineraryDayViewHeader);\ncomponents.set('PersonalizablePrimaryHeader', PersonalizablePrimaryHeader);\ncomponents.set('POIHeader', POIHeader);\n\n// NOTE: 'import' paths _must_ be static in order for webpack to be able to analyze them at build time.\ncomponents.set('ServicesHeader', loadable(() => import(/* webpackChunkName: \"ServicesHeader\" */'@dtcm/ui-components/dist/components/57_ServicesHeader/ServicesHeader')))\n\n// NOTE: 'import' paths _must_ be static in order for webpack to be able to analyze them at build time.\ncomponents.set('MediaAndCopy', loadable(() => import(/* webpackChunkName: \"MediaAndCopy\" */'@dtcm/ui-components/dist/components/58_MediaAndCopy/MediaAndCopy')))\n\n// NOTE: 'import' paths _must_ be static in order for webpack to be able to analyze them at build time.\ncomponents.set('Map', loadable(() => import(/* webpackChunkName: \"Map\" */'@dtcm/ui-components/dist/components/60_Map/Map')))\n\n// NOTE: 'import' paths _must_ be static in order for webpack to be able to analyze them at build time.\ncomponents.set('NeighborhoodsMap', loadable(() => import(/* webpackChunkName: \"NeighborhoodsMap\" */'@dtcm/ui-components/dist/components/60_NeighborhoodsMap/NeighborhoodsMap')))\n\n// NOTE: 'import' paths _must_ be static in order for webpack to be able to analyze them at build time.\ncomponents.set('BottomNavigation', loadable(() => import(/* webpackChunkName: \"BottomNavigation\" */'@dtcm/ui-components/dist/components/61_BottomNavigation/BottomNavigation')))\n\n// NOTE: 'import' paths _must_ be static in order for webpack to be able to analyze them at build time.\ncomponents.set('ItineraryBottomNavigation', loadable(() => import(/* webpackChunkName: \"ItineraryBottomNavigation\" */'@dtcm/ui-components/dist/components/61_ItineraryBottomNavigation/ItineraryBottomNavigation')))\n\n// NOTE: 'import' paths _must_ be static in order for webpack to be able to analyze them at build time.\ncomponents.set('Timeline', loadable(() => import(/* webpackChunkName: \"Timeline\" */'@dtcm/ui-components/dist/components/62_Timeline/Timeline')))\n\n// NOTE: 'import' paths _must_ be static in order for webpack to be able to analyze them at build time.\ncomponents.set('CuratorMatcher', loadable(() => import(/* webpackChunkName: \"CuratorMatcher\" */'@dtcm/ui-components/dist/components/65_CuratorMatcher/CuratorMatcher')))\n\n// NOTE: 'import' paths _must_ be static in order for webpack to be able to analyze them at build time.\ncomponents.set('VisaRequirementsWizard', loadable(() => import(/* webpackChunkName: \"VisaRequirementsWizard\" */'@dtcm/ui-components/dist/components/65_VisaRequirementsWizard/VisaRequirementsWizard')))\n\n// NOTE: 'import' paths _must_ be static in order for webpack to be able to analyze them at build time.\ncomponents.set('WizardTraining', loadable(() => import(/* webpackChunkName: \"WizardTraining\" */'@dtcm/ui-components/dist/components/65_WizardTraining/WizardTraining')))\n\n// NOTE: 'import' paths _must_ be static in order for webpack to be able to analyze them at build time.\ncomponents.set('ItineraryOverview', loadable(() => import(/* webpackChunkName: \"ItineraryOverview\" */'@dtcm/ui-components/dist/components/68_ItineraryOverview/ItineraryOverview')))\n\n// NOTE: 'import' paths _must_ be static in order for webpack to be able to analyze them at build time.\ncomponents.set('ItineraryPOIsOverview', loadable(() => import(/* webpackChunkName: \"ItineraryPOIsOverview\" */'@dtcm/ui-components/dist/components/68_ItineraryPOIsOverview/ItineraryPOIsOverview')))\n\n// NOTE: 'import' paths _must_ be static in order for webpack to be able to analyze them at build time.\ncomponents.set('TimelineNavigation', loadable(() => import(/* webpackChunkName: \"TimelineNavigation\" */'@dtcm/ui-components/dist/components/69_TimelineNavigation/TimelineNavigation')))\ncomponents.set('TimelineNavigationCompact', TimelineNavigationCompact);\n\n// NOTE: 'import' paths _must_ be static in order for webpack to be able to analyze them at build time.\ncomponents.set('ItineraryFoodBreak', loadable(() => import(/* webpackChunkName: \"ItineraryFoodBreak\" */'@dtcm/ui-components/dist/components/70_ItineraryFoods/ItineraryFoodBreak')))\n\n// NOTE: 'import' paths _must_ be static in order for webpack to be able to analyze them at build time.\ncomponents.set('AutoDownload', loadable(() => import(/* webpackChunkName: \"AutoDownload\" */'@dtcm/ui-components/dist/components/71_AutoDownload/AutoDownload')))\n\n// NOTE: 'import' paths _must_ be static in order for webpack to be able to analyze them at build time.\ncomponents.set('IndexList', loadable(() => import(/* webpackChunkName: \"IndexList\" */'@dtcm/ui-components/dist/components/75_IndexList/IndexList')))\n\n// NOTE: 'import' paths _must_ be static in order for webpack to be able to analyze them at build time.\ncomponents.set('EditableListicleEvents', loadable(() => import(/* webpackChunkName: \"EditableListicleEvents\" */'@dtcm/ui-components/dist/components/77_EditableListicleEvents/EditableListicleEvents')))\n\n// NOTE: 'import' paths _must_ be static in order for webpack to be able to analyze them at build time.\ncomponents.set('EditableListiclePOIs', loadable(() => import(/* webpackChunkName: \"EditableListiclePOIs\" */'@dtcm/ui-components/dist/components/77_EditableListiclePOIs/EditableListiclePOIs')))\n\n// NOTE: 'import' paths _must_ be static in order for webpack to be able to analyze them at build time.\ncomponents.set('ListicleEvents', loadable(() => import(/* webpackChunkName: \"ListicleEvents\" */'@dtcm/ui-components/dist/components/77_ListicleEvents/ListicleEvents')))\n\n// NOTE: 'import' paths _must_ be static in order for webpack to be able to analyze them at build time.\ncomponents.set('ListicleItem', loadable(() => import(/* webpackChunkName: \"ListicleItem\" */'@dtcm/ui-components/dist/components/77_ListicleItem/ListicleItem')))\n\n// NOTE: 'import' paths _must_ be static in order for webpack to be able to analyze them at build time.\ncomponents.set('ListicleMedia', loadable(() => import(/* webpackChunkName: \"ListicleMedia\" */'@dtcm/ui-components/dist/components/77_ListicleMedia/ListicleMedia')))\n\n// NOTE: 'import' paths _must_ be static in order for webpack to be able to analyze them at build time.\ncomponents.set('ListiclePOIs', loadable(() => import(/* webpackChunkName: \"ListiclePOIs\" */'@dtcm/ui-components/dist/components/77_ListiclePOIs/ListiclePOIs')))\n\n// NOTE: 'import' paths _must_ be static in order for webpack to be able to analyze them at build time.\ncomponents.set('CuratorSection', loadable(() => import(/* webpackChunkName: \"CuratorSection\" */'@dtcm/ui-components/dist/components/78_CuratorSection/CuratorSection')))\ncomponents.set('AnnouncementBanner', AnnouncementBanner);\ncomponents.set('WidgetCurrencyConverter', WidgetCurrencyConverter);\n\n// NOTE: 'import' paths _must_ be static in order for webpack to be able to analyze them at build time.\ncomponents.set('AccountNavigation', loadable(() => import(/* webpackChunkName: \"AccountNavigation\" */'@dtcm/ui-components/dist/components/AccountNavigation/AccountNavigation')))\n\n// NOTE: 'import' paths _must_ be static in order for webpack to be able to analyze them at build time.\ncomponents.set('AccountOverview', loadable(() => import(/* webpackChunkName: \"AccountOverview\" */'@dtcm/ui-components/dist/components/AccountOverview/AccountOverview')))\ncomponents.set('AnchorItem', AnchorItem);\ncomponents.set('AnchorList', AnchorList);\n\n// NOTE: 'import' paths _must_ be static in order for webpack to be able to analyze them at build time.\ncomponents.set('Form', loadable(() => import(/* webpackChunkName: \"Form\" */'@dtcm/ui-components/dist/components/atoms/Forms/Form')))\ncomponents.set('InteractiveGoogleMap', InteractiveGoogleMap);\ncomponents.set('Loader', Loader);\n\n// NOTE: 'import' paths _must_ be static in order for webpack to be able to analyze them at build time.\ncomponents.set('Video', loadable(() => import(/* webpackChunkName: \"Video\" */'@dtcm/ui-components/dist/components/atoms/Video/Video')))\n\n// NOTE: 'import' paths _must_ be static in order for webpack to be able to analyze them at build time.\ncomponents.set('BrightcoveVideoBanner', loadable(() => import(/* webpackChunkName: \"BrightcoveVideoBanner\" */'@dtcm/ui-components/dist/components/BrightcoveVideoBanner/index')))\n\n// NOTE: 'import' paths _must_ be static in order for webpack to be able to analyze them at build time.\ncomponents.set('BrightcoveVideoDetails', loadable(() => import(/* webpackChunkName: \"BrightcoveVideoDetails\" */'@dtcm/ui-components/dist/components/BrightcoveVideoDetails/index')))\n\n// NOTE: 'import' paths _must_ be static in order for webpack to be able to analyze them at build time.\ncomponents.set('BrightcoveVideoDetailsHeader', loadable(() => import(/* webpackChunkName: \"BrightcoveVideoDetailsHeader\" */'@dtcm/ui-components/dist/components/BrightcoveVideoDetailsHeader/index')))\n\n// NOTE: 'import' paths _must_ be static in order for webpack to be able to analyze them at build time.\ncomponents.set('BrightcoveVideos', loadable(() => import(/* webpackChunkName: \"BrightcoveVideos\" */'@dtcm/ui-components/dist/components/BrightcoveVideos/index')))\n\n// NOTE: 'import' paths _must_ be static in order for webpack to be able to analyze them at build time.\ncomponents.set('BrightcoveVideosHeader', loadable(() => import(/* webpackChunkName: \"BrightcoveVideosHeader\" */'@dtcm/ui-components/dist/components/BrightcoveVideosHeader/index')))\ncomponents.set('CardMultiple', CardMultiple);\n\n// NOTE: 'import' paths _must_ be static in order for webpack to be able to analyze them at build time.\ncomponents.set('Chart', loadable(() => import(/* webpackChunkName: \"Chart\" */'@dtcm/ui-components/dist/components/Chart/Chart')))\ncomponents.set('CodeSnippet', CodeSnippet);\ncomponents.set('CommonPageContainer', CommonPageContainer);\ncomponents.set('GenericPageContainer', GenericPageContainer);\n\n// NOTE: 'import' paths _must_ be static in order for webpack to be able to analyze them at build time.\ncomponents.set('CookiePolicy', loadable(() => import(/* webpackChunkName: \"CookiePolicy\" */'@dtcm/ui-components/dist/components/CookiePolicy/CookiePolicy')))\n\n// NOTE: 'import' paths _must_ be static in order for webpack to be able to analyze them at build time.\ncomponents.set('DashboardHeader', loadable(() => import(/* webpackChunkName: \"DashboardHeader\" */'@dtcm/ui-components/dist/components/DashboardHeader/DashboardHeader')))\n\n// NOTE: 'import' paths _must_ be static in order for webpack to be able to analyze them at build time.\ncomponents.set('DynamicListingComponent', loadable(() => import(/* webpackChunkName: \"DynamicListingComponent\" */'@dtcm/ui-components/dist/components/DynamicListingComponent/DynamicListingComponent')))\ncomponents.set('DynamicPopup', DynamicPopup);\n\n// NOTE: 'import' paths _must_ be static in order for webpack to be able to analyze them at build time.\ncomponents.set('EmiratesFlightWidget', loadable(() => import(/* webpackChunkName: \"EmiratesFlightWidget\" */'@dtcm/ui-components/dist/components/EmiratesFlightWidget/index')))\ncomponents.set('EventsWidget', EventsWidget);\ncomponents.set('FlyDubaiWidget', FlyDubaiWidget);\n\n// NOTE: 'import' paths _must_ be static in order for webpack to be able to analyze them at build time.\ncomponents.set('FrontendSystemRedirect', loadable(() => import(/* webpackChunkName: \"FrontendSystemRedirect\" */'@dtcm/ui-components/dist/components/FrontendSystemRedirect/FrontendSystemRedirect')))\ncomponents.set('HeaderForActivationPage', HeaderForActivationPage);\ncomponents.set('IdentifyTravelers', IdentifyTravelers);\n\n// NOTE: 'import' paths _must_ be static in order for webpack to be able to analyze them at build time.\ncomponents.set('Listing', loadable(() => import(/* webpackChunkName: \"Listing\" */'@dtcm/ui-components/dist/components/Listing/Listing')))\ncomponents.set('ListingServicesHeader', ListingServicesHeader);\n\n// NOTE: 'import' paths _must_ be static in order for webpack to be able to analyze them at build time.\ncomponents.set('ChangePassword', loadable(() => import(/* webpackChunkName: \"ChangePassword\" */'@dtcm/ui-components/dist/components/Login/ChangePassword')))\n\n// NOTE: 'import' paths _must_ be static in order for webpack to be able to analyze them at build time.\ncomponents.set('TwitterRedirect', loadable(() => import(/* webpackChunkName: \"TwitterRedirect\" */'@dtcm/ui-components/dist/components/Login/components/TwitterRedirect')))\ncomponents.set('DeleteAccount', DeleteAccount);\n\n// NOTE: 'import' paths _must_ be static in order for webpack to be able to analyze them at build time.\ncomponents.set('EditProfile', loadable(() => import(/* webpackChunkName: \"EditProfile\" */'@dtcm/ui-components/dist/components/Login/EditProfile')))\n\n// NOTE: 'import' paths _must_ be static in order for webpack to be able to analyze them at build time.\ncomponents.set('Login', loadable(() => import(/* webpackChunkName: \"Login\" */'@dtcm/ui-components/dist/components/Login/Login')))\n\n// NOTE: 'import' paths _must_ be static in order for webpack to be able to analyze them at build time.\ncomponents.set('NewPassword', loadable(() => import(/* webpackChunkName: \"NewPassword\" */'@dtcm/ui-components/dist/components/Login/NewPassword')))\n\n// NOTE: 'import' paths _must_ be static in order for webpack to be able to analyze them at build time.\ncomponents.set('Register', loadable(() => import(/* webpackChunkName: \"Register\" */'@dtcm/ui-components/dist/components/Login/Register')))\n\n// NOTE: 'import' paths _must_ be static in order for webpack to be able to analyze them at build time.\ncomponents.set('RegisterAuthentication', loadable(() => import(/* webpackChunkName: \"RegisterAuthentication\" */'@dtcm/ui-components/dist/components/Login/RegisterAuthentication')))\n\n// NOTE: 'import' paths _must_ be static in order for webpack to be able to analyze them at build time.\ncomponents.set('ResetPassword', loadable(() => import(/* webpackChunkName: \"ResetPassword\" */'@dtcm/ui-components/dist/components/Login/ResetPassword')))\ncomponents.set('MainText', MainText);\ncomponents.set('ManagedWidget', ManagedWidget);\ncomponents.set('MultifunctionalCards', MultifunctionalCards);\ncomponents.set('PopularCuisines', PopularCuisines);\ncomponents.set('RecommendationListing', RecommendationListing);\ncomponents.set('RedirectToReturnUrl', RedirectToReturnUrl);\ncomponents.set('RestaurantsCarousel', RestaurantsCarousel);\ncomponents.set('RestaurantsHeadingAndContentBlock', RestaurantsHeadingAndContentBlock);\ncomponents.set('RestaurantsListing', RestaurantsListing);\ncomponents.set('RestaurantsNavigation', RestaurantsNavigation);\ncomponents.set('RestaurantsSmallBanner', RestaurantsSmallBanner);\ncomponents.set('RichTextBubble', RichTextBubble);\ncomponents.set('ScrollToBlock', ScrollToBlock);\n\n// NOTE: 'import' paths _must_ be static in order for webpack to be able to analyze them at build time.\ncomponents.set('Search', loadable(() => import(/* webpackChunkName: \"Search\" */'@dtcm/ui-components/dist/components/Search/Search')))\ncomponents.set('SearchRestaurants', SearchRestaurants);\n\n// NOTE: 'import' paths _must_ be static in order for webpack to be able to analyze them at build time.\ncomponents.set('Sitemap', loadable(() => import(/* webpackChunkName: \"Sitemap\" */'@dtcm/ui-components/dist/components/Sitemap/Sitemap')))\ncomponents.set('SkipContentButtons', SkipContentButtons);\n\n// NOTE: 'import' paths _must_ be static in order for webpack to be able to analyze them at build time.\ncomponents.set('SoftixThankYou', loadable(() => import(/* webpackChunkName: \"SoftixThankYou\" */'@dtcm/ui-components/dist/components/SoftixThankYou/SoftixThankYou')))\ncomponents.set('SurpriseMeForm', SurpriseMeForm);\n\n// NOTE: 'import' paths _must_ be static in order for webpack to be able to analyze them at build time.\ncomponents.set('TicketPurchase', loadable(() => import(/* webpackChunkName: \"TicketPurchase\" */'@dtcm/ui-components/dist/components/TicketPurchase/TicketPurchase')))\n\n// NOTE: 'import' paths _must_ be static in order for webpack to be able to analyze them at build time.\ncomponents.set('TicketsPurchases', loadable(() => import(/* webpackChunkName: \"TicketsPurchases\" */'@dtcm/ui-components/dist/components/TicketsPurchases/TicketsPurchases')))\n\n// NOTE: 'import' paths _must_ be static in order for webpack to be able to analyze them at build time.\ncomponents.set('TopPicks', loadable(() => import(/* webpackChunkName: \"TopPicks\" */'@dtcm/ui-components/dist/components/TopPicks/TopPicks')))\ncomponents.set('UnbelievableSummerDeals', UnbelievableSummerDeals);\n\n// NOTE: 'import' paths _must_ be static in order for webpack to be able to analyze them at build time.\ncomponents.set('VenueBlock', loadable(() => import(/* webpackChunkName: \"VenueBlock\" */'@dtcm/ui-components/dist/components/VenueBlock/VenueBlock')))\n\n// NOTE: 'import' paths _must_ be static in order for webpack to be able to analyze them at build time.\ncomponents.set('VenueHeader', loadable(() => import(/* webpackChunkName: \"VenueHeader\" */'@dtcm/ui-components/dist/components/VenueHeader/VenueHeader')))\n\n// NOTE: 'import' paths _must_ be static in order for webpack to be able to analyze them at build time.\ncomponents.set('VenueKeyStats', loadable(() => import(/* webpackChunkName: \"VenueKeyStats\" */'@dtcm/ui-components/dist/components/VenueKeyStats/VenueKeyStats')))\n\n// NOTE: 'import' paths _must_ be static in order for webpack to be able to analyze them at build time.\ncomponents.set('VenueShortlist', loadable(() => import(/* webpackChunkName: \"VenueShortlist\" */'@dtcm/ui-components/dist/components/VenueShortlist/VenueShortlist')))\n\n// NOTE: 'import' paths _must_ be static in order for webpack to be able to analyze them at build time.\ncomponents.set('VenueTable', loadable(() => import(/* webpackChunkName: \"VenueTable\" */'@dtcm/ui-components/dist/components/VenueTable/VenueTable')))\ncomponents.set('WeatherWidget', WeatherWidget);\n\n// NOTE: 'import' paths _must_ be static in order for webpack to be able to analyze them at build time.\ncomponents.set('YourTicketsPurchases', loadable(() => import(/* webpackChunkName: \"YourTicketsPurchases\" */'@dtcm/ui-components/dist/components/YourTicketsPurchases/YourTicketsPurchases')))\n\n// NOTE: 'import' paths _must_ be static in order for webpack to be able to analyze them at build time.\ncomponents.set('YourTopPicks', loadable(() => import(/* webpackChunkName: \"YourTopPicks\" */'@dtcm/ui-components/dist/components/YourTopPicks/YourTopPicks')))\n\n// \r\n\r\ncomponents.set('GenericSecondaryHeader', HeaderGenericSecondary);\r\n\r\nexport default function componentFactory(componentName: string) {\r\n if (!components.has(componentName) && componentName.match(/Container$/)) {\r\n return components.get('CommonPageContainer');\r\n }\r\n\r\n return components.get(componentName);\r\n}\r\n","import React, { useContext, useEffect, ReactElement } from 'react';\r\nimport { useAppStateContext } from './AppStateProvider';\r\nimport { __RouterContext, RouteComponentProps, match } from 'react-router';\r\nimport { matchRoute } from './routerUtils';\r\n\r\n// Component responsible for fetching route data if needed.\r\n// This could probably be converted to a hook.\r\nexport const RouteDataManager: React.FC = (props) => {\r\n const { appState, actions } = useAppStateContext();\r\n\r\n // Always assume that appState contains the correctly resolved language.\r\n // This assumption can be made because we do not provide client-side language switching.\r\n // Language switching requires a full page reload.\r\n const resolvedLanguage = appState.language;\r\n\r\n const routerContext = useContext(__RouterContext);\r\n const route = resolveRouterRoute(routerContext);\r\n const routeParams: {\r\n sitecoreRoute?: string;\r\n lang?: string;\r\n } = (route && route.params) || {};\r\n\r\n // routeParams take precedence over state\r\n // sitecoreRoute will only be populated if there is a value after `/` in the requested URL\r\n // appState.routePath is populated by server.js and index.js before initial render\r\n // appState.routePath is updated during route fetching\r\n\r\n // `sitecoreRoute` may be undefined when the current URL is `/` or\r\n // when the current URL starts with a language parameter, `/en-CA/`\r\n // If so, we need to \"resolve\" to the `/` path to ensure that\r\n // the `useEffect` below is triggered and route data is fetched.\r\n let resolvedRoute: string;\r\n if (\r\n !routeParams.sitecoreRoute &&\r\n route &&\r\n (route.url === '/' || route.url === `/${resolvedLanguage.languageCode}` || route.url === `/${resolvedLanguage.languageCode}/`)\r\n ) {\r\n resolvedRoute = '/';\r\n } else {\r\n resolvedRoute = routeParams.sitecoreRoute || appState.routePath;\r\n }\r\n\r\n // remember that useEffect fires after initial render (no matter what)\r\n // and then fires on subsequent renders if either resolvedRoute or resolvedLanguage has changed\r\n useEffect(\r\n () => {\r\n // If we have route data from SSR, no need to fetch.\r\n // At this point, we also clear the SSR flag from state so that subsequent renders\r\n // will fetch routeData if needed.\r\n // This approach feels hacky... but it works.\r\n if (appState.routeData && appState.routeData.fromSSR) {\r\n actions.clearSSRFlag();\r\n return;\r\n }\r\n\r\n actions.fetchRoute(resolvedRoute, resolvedLanguage.languageCode);\r\n },\r\n //eslint-disable-next-line react-hooks/exhaustive-deps\r\n [resolvedRoute, resolvedLanguage.languageCode]\r\n );\r\n\r\n // need to cast as ReactElement to satisfy TypeScript\r\n return props.children as ReactElement;\r\n};\r\n\r\n// When accessing `__RouterContext` from react-router, the location and history\r\n// properties of the context are correct, but the route parameters are not\r\n// initialized. Therefore, we call the `matchRoute` function on the router context\r\n// path to get the matched route parameters (i.e. `:sitecoreRoute`, `:lang`).\r\n// This will likely change in a future version of React Router, but this works\r\n// with the current version.\r\nfunction resolveRouterRoute(routerContext: RouteComponentProps): match | null {\r\n const matchedRoute = matchRoute(routerContext.location.pathname);\r\n return matchedRoute;\r\n}\r\n","import React from 'react';\r\nimport { ComponentFactoryReactContext } from '@sitecore-jss/sitecore-jss-react/dist/components/SitecoreContext';\r\nimport { ComponentFactory } from '@sitecore-jss/sitecore-jss-react/types/components/sharedTypes';\r\n\r\nexport { ComponentFactoryReactContext };\r\n\r\nconst ComponentFactoryContext = React.createContext(undefined);\r\n\r\nexport interface ComponentFactoryContextProps {\r\n componentFactory: ComponentFactory;\r\n}\r\n\r\nexport const useComponentFactory = () => {\r\n const context = React.useContext(ComponentFactoryContext);\r\n if (context === undefined) {\r\n throw new Error('useComponentFactory must be used within a ComponentFactoryContextProvider');\r\n }\r\n return context;\r\n};\r\n\r\nexport const ComponentFactoryContextProvider: React.FC = ({\r\n componentFactory,\r\n children,\r\n}) => {\r\n return (\r\n \r\n {children}\r\n \r\n );\r\n};\r\n","import React, { ReactNode } from 'react';\r\nimport { GoogleReCaptchaProvider } from 'react-google-recaptcha-v3';\r\nimport withClientOnly from './withClientOnly';\r\n\r\ninterface ProviderProps {\r\n children: ReactNode;\r\n siteKey: string;\r\n languageCode: string;\r\n appState: any;\r\n}\r\n\r\nconst ClientOnlyReCaptchaProvider: React.FC = ({\r\n children,\r\n siteKey,\r\n languageCode,\r\n appState,\r\n}) => (\r\n \r\n {children}\r\n \r\n);\r\n\r\nexport default withClientOnly(ClientOnlyReCaptchaProvider);\r\n","import React, { useEffect, useState } from 'react';\r\n\r\nconst withClientOnly = (WrappedComponent: any) => {\r\n return (props: any) => {\r\n const [isClient, setIsClient] = useState(false);\r\n\r\n useEffect(() => {\r\n setIsClient(true);\r\n console.log('dotsite component mounted')\r\n }, []);\r\n\r\n return isClient ? : null;\r\n };\r\n};\r\n\r\nexport default withClientOnly;","import React, { useEffect } from 'react';\r\nimport { useLocation } from 'react-router-dom';\r\nimport config from './temp/config';\r\nimport Layout from './Layout';\r\nimport componentFactory from './componentFactory';\r\nimport { RouteDataManager } from './lib/RouteDataManager';\r\nimport { useAppStateContext } from './lib/AppStateProvider';\r\nimport { ComponentFactoryContextProvider } from './lib/ComponentFactoryProvider';\r\n// This context is required for @dtcm components to fetch context properly.\r\nimport { SitecoreContextReactContext as DtcmUiComponentsSitecoreContext } from '@dtcm/ui-components';\r\nimport { canUseDOM, get } from './lib/getPropertyByPath';\r\nimport ClientOnlyReCaptchaProvider from './ClientOnlyReCaptchaProvider';\r\n\r\nconst ScrollToTop = () => {\r\n const { pathname } = useLocation();\r\n\r\n React.useEffect(() => {\r\n window.scrollTo(0, 0);\r\n }, [pathname]);\r\n\r\n return null;\r\n};\r\n\r\n// This is the main entry point of the app invoked by the renderer (server or client rendering).\r\nconst AppRoot = ({ Router }: { Router: any }) => {\r\n const { appState, actions } = useAppStateContext();\r\n\r\n const isEmptyLayout = get(appState, 'dictionary.viewBag.isEmptyLayout', false);\r\n // Accessibility settings require DOM manipulation, so initialize them after first mount/render.\r\n // `useEffect` will only fire once when providing an empty array as the second argument.\r\n useEffect(() => {\r\n actions.initializeAccessibilitySettings({\r\n contrast: appState.selectedContrastValue,\r\n fontSize: appState.selectedFontSize as any,\r\n });\r\n }, []);\r\n\r\n const sitecoreContextData: any = {\r\n route: null,\r\n rtl: false,\r\n config: config,\r\n pageEditing: false,\r\n origin: '',\r\n breadcrumb: [],\r\n };\r\n\r\n if (appState.routeData && appState.sitecoreContextData) {\r\n sitecoreContextData.route = appState.routeData;\r\n Object.assign(sitecoreContextData, appState.sitecoreContextData, {\r\n selectedFontSize: appState.selectedFontSize,\r\n });\r\n }\r\n\r\n const captchaKey = get(sitecoreContextData, 'configuration.globalApi.recaptchaKey');\r\n const languageCode: string = get(sitecoreContextData, 'language');\r\n\r\n return (\r\n \r\n {!isEmptyLayout && }\r\n \r\n \r\n \r\n {captchaKey && canUseDOM ? (\r\n \r\n \r\n \r\n ) : (\r\n \r\n )}\r\n \r\n \r\n \r\n \r\n );\r\n};\r\n\r\nexport default AppRoot;\r\n","import React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport { BrowserRouter } from 'react-router-dom';\r\nimport AppRoot from './AppRoot';\r\nimport config from './temp/config';\r\nimport { resolveLanguageFromContextData, resolveLanguageFromConfig } from './lib/languageResolvers';\r\nimport { matchRoute } from './lib/routerUtils';\r\nimport { AppStateProvider, AppState } from './lib/AppStateProvider';\r\nimport { resolveAccessibilitySettings } from './lib/accessibilityStateManager';\r\nimport { LanguageDefinition } from '@dtcm/ui-components';\r\n// import { loadableReady } from '@loadable/component';\r\n// import json from './tempSsrJson.json';\r\n\r\n/* eslint-disable no-underscore-dangle */\r\n\r\n/*\r\n App Rendering\r\n*/\r\n\r\nrenderApp();\r\n\r\nfunction renderApp() {\r\n const initialState = resolveInitialAppState();\r\n\r\n // HTML element to place the app into\r\n const rootElement = document.getElementById('root');\r\n\r\n // Create the Router component that will be used for client-side routing.\r\n const Router: React.FC = (routerProps) => {routerProps.children};\r\n\r\n // when React initializes from a SSR-based initial state, you need to render with `hydrate` instead of `render`\r\n const renderFunction = initialState.routeData ? ReactDOM.hydrate : ReactDOM.render;\r\n\r\n // loadableReady(() => {\r\n renderFunction(\r\n \r\n \r\n ,\r\n rootElement\r\n );\r\n // });\r\n}\r\n\r\n/*\r\n SSR Data\r\n If we're running in a server-side rendering scenario,\r\n the server will provide JSON in the #__JSS_STATE__ element\r\n for us to acquire the initial state to run with on the client.\r\n\r\n This enables us to skip a network request to load up the layout data.\r\n We are emitting a quiescent script with JSON so that we can take advantage\r\n of JSON.parse()'s speed advantage over parsing full JS, and enable\r\n working without needing `unsafe-inline` in Content Security Policies.\r\n\r\n SSR is initiated from /server/server.js.\r\n*/\r\n\r\nfunction resolveInitialAppState() {\r\n const ssrRawJson = document.getElementById('__JSS_STATE__');\r\n const ssrState = ssrRawJson ? JSON.parse(ssrRawJson.innerHTML) : null;\r\n // const ssrState = json; \r\n const routePath = resolveRoutePath();\r\n\r\n /*\r\n Language Resolving\r\n Attempt to resolve the app language prior to rendering the app.\r\n */\r\n const language = resolveLanguage(ssrState);\r\n\r\n const accessibilitySettings = resolveAccessibilitySettings(config);\r\n\r\n const appState: AppState = {\r\n routePath,\r\n language,\r\n routeData: null,\r\n sitecoreContextData: {},\r\n selectedContrastValue: accessibilitySettings.contrast,\r\n selectedFontSize: accessibilitySettings.fontSize,\r\n\r\n };\r\n\r\n if (ssrState) {\r\n const {\r\n dictionary,\r\n navbar,\r\n footer,\r\n downloadBox,\r\n newsletterForm,\r\n footerWeatherWidget,\r\n routeData,\r\n sitecoreContextData,\r\n analytics,\r\n accessWidget\r\n } = ssrState;\r\n\r\n return {\r\n ...appState,\r\n dictionary: dictionary || null,\r\n routeData: routeData || null,\r\n navbar,\r\n footer,\r\n downloadBox,\r\n newsletterForm,\r\n footerWeatherWidget,\r\n sitecoreContextData,\r\n analytics,\r\n accessWidget\r\n } as AppState;\r\n }\r\n\r\n return appState;\r\n}\r\n\r\n// Resolve the current matched router path\r\nfunction resolveRoutePath() {\r\n const matchedRoute = matchRoute(window.location.pathname);\r\n const routeParams: { sitecoreRoute?: string } = (matchedRoute && matchedRoute.params) || {};\r\n return (routeParams && routeParams.sitecoreRoute) || '/';\r\n}\r\n\r\nfunction resolveLanguage(ssrState: any): LanguageDefinition {\r\n // If SSR data exists, we try to extract the language from that data.\r\n let language: LanguageDefinition =\r\n ssrState && ssrState.sitecoreContextData && resolveLanguageFromContextData(ssrState.sitecoreContextData);\r\n\r\n // If a language parameter is found in the route URL and the parameter has a different value\r\n // than specified in SSR data, use the parameter value. This shouldn't ever happen, but\r\n // anything is possible.\r\n const matchedRoute = matchRoute(window.location.pathname);\r\n if (\r\n matchedRoute &&\r\n matchedRoute.params &&\r\n matchedRoute.params.lang &&\r\n language &&\r\n language.languageCode !== matchedRoute.params.lang\r\n ) {\r\n // note: this will leave us in an incomplete state, i.e. languageName cannot be resolved from URL\r\n // again, this scenario shouldn't ever happen.\r\n language.languageCode = matchedRoute.params.lang;\r\n }\r\n\r\n // If no language could be found in SSR data or route URL, then fallback to the value defined in config.\r\n if (!language) {\r\n language = resolveLanguageFromConfig(config);\r\n }\r\n\r\n return language;\r\n}\r\n","import { LanguageDefinition } from '@dtcm/ui-components';\r\n\r\n// If we have a state, and that state has language data, return the language\r\nexport const resolveLanguageFromContextData = (\r\n sitecoreContextData?: { language?: string; languageName?: string } | undefined\r\n): LanguageDefinition => {\r\n if (!sitecoreContextData || !sitecoreContextData.language || !sitecoreContextData.languageName) {\r\n console.warn('context data is undefined or language is not defined in context data', sitecoreContextData);\r\n return {\r\n languageCode: '',\r\n languageName: '',\r\n };\r\n }\r\n return {\r\n languageCode: sitecoreContextData.language,\r\n languageName: sitecoreContextData.languageName,\r\n };\r\n};\r\n\r\nexport const resolveLanguageFromConfig = (config: {\r\n defaultLanguage: string;\r\n defaultLanguageName: string;\r\n}): LanguageDefinition => {\r\n const values = {\r\n languageCode: '',\r\n languageName: '',\r\n };\r\n if (!config) {\r\n console.error('config is undefined');\r\n return values;\r\n }\r\n values.languageCode = config.defaultLanguage;\r\n values.languageName = config.defaultLanguageName;\r\n return values;\r\n};\r\n","/**\r\n * Implements a data fetcher using window.Fetch - replace with your favorite\r\n * library if you like. See HttpJsonFetcher type\r\n * in sitecore-jss library for implementation details/notes.\r\n * @param {string} url The URL to request; may include query string\r\n * @param {any} data Optional data to POST with the request.\r\n */\r\n\r\nexport function dataFetcher(url: string, data: any): Promise {\r\n const requestProps: Partial = {\r\n method: data ? 'POST' : 'GET',\r\n //Setting content-type produces CORS-error \"Request header field content-type is not allowed by Access-Control-Allow-Headers in preflight response.\"\r\n // headers: {\r\n // 'Content-Type': 'application/json',\r\n //},\r\n // note: needs to use `withCredentials: true` in order for Sitecore cookies to be included in CORS requests\r\n // which is necessary for analytics and such\r\n //credentials: 'include',\r\n body: JSON.stringify(data),\r\n };\r\n\r\n // NOTE: if you plan to make layout service fetch calls during SSR, be sure\r\n // to polyfill fetch for Node.\r\n return fetch(url, requestProps).then((response) => {\r\n // JSS dataApi expects a response with the below signature.\r\n\r\n return {\r\n status: response.status,\r\n statusText: response.statusText,\r\n data: response.json(),\r\n };\r\n });\r\n}\r\n","import { dataApi } from '@sitecore-jss/sitecore-jss-react';\r\nimport { dataFetcher } from './dataFetcher';\r\nimport config from '../temp/config';\r\n\r\nexport interface State {\r\n routeData: any;\r\n routeDataLoading?: boolean;\r\n routePath: string;\r\n routeError?: Error;\r\n sitecoreContextData: any;\r\n}\r\n\r\nexport interface Action {\r\n type: string;\r\n payload: any;\r\n error?: Error;\r\n}\r\n\r\nexport function reducer(state: State, action: Action) {\r\n switch (action.type) {\r\n case 'clear-ssr-flag': {\r\n return { ...state, routeData: { ...state.routeData, fromSSR: false } };\r\n }\r\n case 'route-data-fetch-begin': {\r\n return { ...state, routeDataLoading: true, routePath: action.payload };\r\n }\r\n case 'route-data-fetch-success': {\r\n \r\n return {\r\n ...state,\r\n routeDataLoading: false,\r\n routeData: action.payload.routeData,\r\n sitecoreContextData: action.payload.sitecoreContextData,\r\n routeError: null,\r\n };\r\n }\r\n case 'route-data-fetch-404': {\r\n return {\r\n ...state,\r\n routeDataLoading: false,\r\n routeData: action.payload.routeData,\r\n sitecoreContextData: action.payload.sitecoreContextData,\r\n routeError: action.error,\r\n };\r\n }\r\n case 'route-data-fetch-error': {\r\n return {\r\n ...state,\r\n routeDataLoading: false,\r\n routeData: null,\r\n sitecoreContextData: null,\r\n routeError: action.error,\r\n };\r\n }\r\n default: {\r\n return state;\r\n }\r\n }\r\n}\r\n\r\nexport type FetchRouteFunction = (\r\n routePath: string,\r\n language: string\r\n) => (dispatch: any) => Promise | void;\r\n\r\nexport const fetchRoute: FetchRouteFunction = (routePath: string, language: string) => {\r\n return (dispatch: any) => {\r\n // Signal that we're about to start fetching data. Typically use this\r\n // to set loading state to `true`.\r\n dispatch({\r\n type: 'route-data-fetch-begin',\r\n payload: routePath,\r\n });\r\n\r\n getRouteData(routePath, language)\r\n .then((sitecoreData) => {\r\n \r\n dispatch({\r\n type: 'route-data-fetch-success',\r\n payload: {\r\n routeData: sitecoreData.sitecore.route,\r\n sitecoreContextData: sitecoreData.sitecore.context,\r\n },\r\n });\r\n })\r\n .catch((error) => {\r\n console.error(error);\r\n \r\n // 404 errors may contain context data to be used for rendering\r\n if (error.response && error.response.status === 404 && error.response.data) {\r\n dispatch({\r\n type: 'route-data-fetch-404',\r\n payload: {\r\n routeData: error.response.data.sitecore ? error.response.data.sitecore.route : null,\r\n sitecoreContextData: error.response.data.sitecore\r\n ? error.response.data.sitecore.context\r\n : { language },\r\n },\r\n error: null,\r\n });\r\n } else {\r\n dispatch({\r\n type: 'route-data-fetch-error',\r\n error,\r\n });\r\n }\r\n });\r\n };\r\n};\r\n\r\nexport type ClearSSRFlagFunction = () => (dispatch: any) => Promise | void;\r\n\r\nexport const clearSSRFlag: ClearSSRFlagFunction = () => {\r\n return (dispatch: any) => {\r\n dispatch({ type: 'clear-ssr-flag' });\r\n };\r\n};\r\n\r\n/**\r\n * Gets route data from Sitecore. This data is used to construct the component layout for a JSS route.\r\n * @param {string} route Route path to get data for (e.g. /about)\r\n * @param {string} language Language to get route data in (content language, e.g. 'en')\r\n */\r\nfunction getRouteData(route: string, language: string) {\r\n const formattedRoute = ensureLeadingSlash(route);\r\n\r\n const fetchOptions = {\r\n layoutServiceConfig: { host: config.sitecoreApiHost },\r\n querystringParams: { sc_lang: language, sc_apikey: config.sitecoreApiKey, sc_site: config.jssAppName },\r\n fetcher: dataFetcher,\r\n };\r\n\r\n return dataApi.fetchRouteData(formattedRoute, fetchOptions);\r\n}\r\n\r\nfunction ensureLeadingSlash(route: string) {\r\n const formattedRoute = !route.startsWith('/') ? `/${route}` : route;\r\n return formattedRoute;\r\n}\r\n","import React, { createContext, useReducer, PropsWithChildren } from 'react';\r\nimport {\r\n fetchRoute,\r\n clearSSRFlag,\r\n reducer as routeStateReducer,\r\n State as RouteState,\r\n FetchRouteFunction,\r\n ClearSSRFlagFunction,\r\n} from './routeStateManager';\r\nimport {\r\n State as AccessibilityState,\r\n changeContrast,\r\n changeFontSize,\r\n reducer as accessibilityStateReducer,\r\n ChangeContrastFunction,\r\n ChangeFontSizeFunction,\r\n initializeAccessibilitySettings,\r\n InitializeAccessibilitySettingsFunction,\r\n} from './accessibilityStateManager';\r\nimport { NavBarData } from './NavBarData';\r\nimport { LanguageDefinition } from '@dtcm/ui-components';\r\n\r\n// Create and export app state context for consumption in descendants.\r\nconst AppStateContext = createContext(undefined);\r\n\r\nexport const useAppStateContext = () => {\r\n const context = React.useContext(AppStateContext);\r\n if (context === undefined) {\r\n throw new Error('useAppStateContext must be used within a AppStateProvider');\r\n }\r\n return context;\r\n};\r\n\r\n// store the currentState outside of the current function closure so that we can provide\r\n// a `getState()` function to our actions that will actually return the current state\r\nlet currentState: AppState | undefined;\r\n\r\nexport function AppStateProvider({ initialState, children }: PropsWithChildren) {\r\n const reducer = mergeReducers([routeStateReducer, accessibilityStateReducer]);\r\n const [state, dispatch] = withDispatchLog(useReducer(reducer, initialState, initState), () => currentState);\r\n\r\n currentState = state;\r\n\r\n const actions: AppStateActions = createAsyncCapableActions(\r\n {\r\n fetchRoute,\r\n clearSSRFlag,\r\n changeContrast,\r\n changeFontSize,\r\n initializeAccessibilitySettings,\r\n },\r\n dispatch,\r\n () => currentState\r\n );\r\n\r\n return {children};\r\n}\r\n\r\nfunction initState(state: AppState) {\r\n // If we don't have SSR data, then set the loading flags to true so\r\n // that initial app rendering doesn't fail and will show loaders instead.\r\n if (!state.routeData || !state.routeData.fromSSR) {\r\n state.routeDataLoading = true;\r\n }\r\n return state;\r\n}\r\n\r\n// This function provides any actions that return a function with a `dispatch`\r\n// and `state` objects that those actions can then use. This allows for multiple\r\n// `dispatch` calls from an action or calling `dispatch` after async operations.\r\nfunction createAsyncCapableActions(actions: any, dispatch: any, getState: any) {\r\n Object.keys(actions).forEach((key) => {\r\n const action = actions[key];\r\n\r\n actions[key] = (...args: any[]) => {\r\n const actionResult = action(...args);\r\n if (typeof actionResult === 'function') {\r\n actionResult(dispatch, getState);\r\n } else {\r\n dispatch(actionResult);\r\n }\r\n };\r\n });\r\n\r\n return actions;\r\n}\r\n\r\n// Simple function that accepts an array of reducer functions and \"merges\" them\r\n// into a single function. The result from each reducer is passed to the next\r\n// reducer and the final output is the return value.\r\nfunction mergeReducers(reducers: any[]) {\r\n return (state: any, action: any) => {\r\n return reducers.reduce((result: any, reducer: any) => {\r\n result = reducer(result, action);\r\n return result;\r\n }, state);\r\n };\r\n}\r\n\r\n// This function basically wraps the `dispatch` function from a `useReducer`\r\n// call with a console logger to log all actions that are dispatched, along\r\n// with the updated state after the action is complete.\r\nfunction withDispatchLog(useReducerResult: any[], getState: any) {\r\n if (process.env.NODE_ENV === 'development') {\r\n return [\r\n useReducerResult[0],\r\n (...args: any[]) => {\r\n console.group('state action');\r\n console.log(`action '${args[0].type}'`, args[0]);\r\n\r\n useReducerResult[1](...args);\r\n\r\n console.log(`new state`, getState());\r\n console.groupEnd();\r\n },\r\n ];\r\n }\r\n return useReducerResult;\r\n}\r\n\r\nexport type AppState = RouteState &\r\n AccessibilityState & {\r\n isEmptyLayout?: boolean;\r\n navbar?: NavBarData | any;\r\n footer?: any;\r\n downloadBox?: any;\r\n newsletterForm?: any;\r\n footerWeatherWidget?: any;\r\n language: LanguageDefinition;\r\n // context may have other properties defined outside of what is specified in the UI components SitecoreContextProps\r\n sitecoreContextData: any;\r\n analytics?: any;\r\n accessWidget?: any;\r\n };\r\n\r\nexport interface AppStateContextProps {\r\n appState: AppState;\r\n actions: AppStateActions;\r\n}\r\n\r\nexport interface AppStateProviderProps {\r\n initialState: AppState | undefined;\r\n}\r\n\r\nexport type AppStateActions = {\r\n fetchRoute: FetchRouteFunction;\r\n clearSSRFlag: ClearSSRFlagFunction;\r\n changeFontSize: ChangeFontSizeFunction;\r\n changeContrast: ChangeContrastFunction;\r\n initializeAccessibilitySettings: InitializeAccessibilitySettingsFunction;\r\n};\r\n"],"sourceRoot":""}