\r\n );\r\n};\r\n\r\nexport default compose(withSitecoreContext(), ExpEditor)(Twitter);\r\n","import React from 'react';\r\nimport Video from '../UI/Video';\r\nimport { compose, ExpEditor, withSitecoreContext } from '@/js/HOC';\r\nimport './styles.scss';\r\n\r\nconst VideoBlock = (props) => {\r\n const videoUrl = props.fields?.YouTubeLink?.value || props.fields?.VideoLInk?.value;\r\n\r\n return (\r\n
\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default compose(withSitecoreContext(), ExpEditor)(VideoBlock);\r\n","/* eslint-disable */\n// Do not edit this file, it is auto-generated at build time!\n// See scripts/generate-component-factory.js to modify the generation of this file.\nimport ArticlesCard from '../components/ArticlesCard';\nimport AuthorPosts from '../components/AuthorPosts';\nimport AuthorPreview from '../components/AuthorPreview';\nimport BenefitsBlock from '../components/BenefitsBlock';\nimport BenefitsBlockItem from '../components/BenefitsBlockItem';\nimport BlogHeader from '../components/BlogHeader';\nimport BlogOverviewAuthor from '../components/BlogOverviewAuthor';\nimport BlogOverviewContainerPreview from '../components/BlogOverviewContainerPreview';\nimport BlogOverviewMenu from '../components/BlogOverviewMenu';\nimport BreadCrumb from '../components/BreadCrumb';\nimport BurgerMenu from '../components/BurgerMenu';\nimport ConsultExpert from '../components/ConsultExpert';\nimport Contacts from '../components/Contacts';\nimport ContactUs from '../components/ContactUs';\nimport ContactUsBtn from '../components/ContactUsBtn';\nimport ContactUsForm from '../components/ContactUsForm';\nimport ContactUsModal from '../components/ContactUsModal';\nimport ContainerBlock from '../components/ContainerBlock';\nimport ContainerWithOneColumns from '../components/ContainerWithOneColumns';\nimport ContainerWithSidebar from '../components/ContainerWithSidebar';\nimport ContainerWithThreeColumns from '../components/ContainerWithThreeColumns';\nimport ContainerWithTwoColumns from '../components/ContainerWithTwoColumns';\nimport ContentBlock from '../components/ContentBlock';\nimport CookieBanner from '../components/CookieBanner';\nimport CTALink from '../components/CTALink';\nimport CtaRow from '../components/CtaRow';\nimport CurrentAuthor from '../components/CurrentAuthor';\nimport CustomerCard from '../components/CustomerCard';\nimport CustomerCardPresentation from '../components/CustomerCardPresentation';\nimport CustomerMapBlock from '../components/CustomerMapBlock';\nimport CustomerReview from '../components/CustomerReview';\nimport EventCard from '../components/EventCard';\nimport EventsFutureBlock from '../components/EventsFutureBlock';\nimport EventsPastBlock from '../components/EventsPastBlock';\nimport FactItem from '../components/FactItem';\nimport Filter from '../components/Filter';\nimport FilterDropdown from '../components/FilterDropdown';\nimport FilterMobile from '../components/FilterMobile';\nimport FollowUs from '../components/FollowUs';\nimport Footer from '../components/Footer';\nimport FooterTerms from '../components/FooterTerms';\nimport FullWidthImage from '../components/FullWidthImage';\nimport GlossaryHeader from '../components/GlossaryHeader';\nimport GlossaryOverviewContainer from '../components/GlossaryOverviewContainer';\nimport GlossaryOverviewMenu from '../components/GlossaryOverviewMenu';\nimport Header from '../components/Header';\nimport HeaderCurrentAuthor from '../components/HeaderCurrentAuthor';\nimport HeaderLinkItem from '../components/HeaderLinkItem';\nimport HighlightsItem from '../components/HighlightsItem';\nimport ImageBlock from '../components/ImageBlock';\nimport ImageGrid from '../components/ImageGrid';\nimport ImageGridItem from '../components/ImageGridItem';\nimport ImageSliderItem from '../components/ImageSliderItem';\nimport InsightsOverviewContainerPreview from '../components/InsightsOverviewContainerPreview';\nimport InsightsOverviewMenu from '../components/InsightsOverviewMenu';\nimport IntegrationsBlock from '../components/IntegrationsBlock';\nimport IntegrationsBlockItem from '../components/IntegrationsBlockItem';\nimport JssForm from '../components/JssForm';\nimport LinkIconItem from '../components/LinkIconItem';\nimport LinkItem from '../components/LinkItem';\nimport LinkRow from '../components/LinkRow';\nimport LinksBlock from '../components/LinksBlock';\nimport LocationBlock from '../components/LocationBlock';\nimport LocationGroup from '../components/LocationGroup';\nimport LocationItem from '../components/LocationItem';\nimport Logo from '../components/Logo';\nimport MenuSecondary from '../components/MenuSecondary';\nimport MiscTextBlock from '../components/MiscTextBlock';\nimport MiscTextBlockItem from '../components/MiscTextBlockItem';\nimport MoreCategories from '../components/MoreCategories';\nimport MoreFromAuthor from '../components/MoreFromAuthor';\nimport MoreFromCategoryOrPlatform from '../components/MoreFromCategoryOrPlatform';\nimport MorePlatform from '../components/MorePlatform';\nimport Navigation from '../components/Navigation';\nimport NewsCompany from '../components/NewsCompany';\nimport OurAwardsBlock from '../components/OurAwardsBlock';\nimport OurAwardsBlockItem from '../components/OurAwardsBlockItem';\nimport OurCustomers from '../components/OurCustomers';\nimport OurCustomerStoriesBlock from '../components/OurCustomerStoriesBlock';\nimport OurCustomerStoriesBlockItem from '../components/OurCustomerStoriesBlockItem';\nimport OurLocation from '../components/OurLocation';\nimport OurPlatformPartnersBlock from '../components/OurPlatformPartnersBlock';\nimport OurPlatformPartnersBlockItem from '../components/OurPlatformPartnersBlockItem';\nimport OurServices from '../components/OurServices';\nimport OurTeamBlock from '../components/OurTeamBlock';\nimport OurTeamBlockItem from '../components/OurTeamBlockItem';\nimport OurTechnology from '../components/OurTechnology';\nimport PostCard from '../components/PostCard';\nimport PostCardPresentation from '../components/PostCardPresentation';\nimport PostPreviewPresentation from '../components/PostPreviewPresentation';\nimport ProjectHighlights from '../components/ProjectHighlights';\nimport QuoteStories from '../components/QuoteStories';\nimport QuoteStory from '../components/QuoteStory';\nimport RelatedBlockStories from '../components/RelatedBlockStories';\nimport RelatedBlogpost from '../components/RelatedBlogpost';\nimport RelatedStories from '../components/RelatedStories';\nimport SearchInput from '../components/SearchInput';\nimport SearchResult from '../components/SearchResult';\nimport Service from '../components/Service';\nimport ServicesOverview from '../components/ServicesOverview';\nimport SideMenu from '../components/SideMenu';\nimport SliderSection from '../components/SliderSection';\nimport SocialButtons from '../components/SocialButtons';\nimport Socials from '../components/Socials';\nimport StepsBlock from '../components/StepsBlock';\nimport StepsBlockItem from '../components/StepsBlockItem';\nimport StoryCard from '../components/StoryCard';\nimport StoryCategoryAndPlatform from '../components/StoryCategoryAndPlatform';\nimport StoryNavigate from '../components/StoryNavigate';\nimport StoryOverviewContainerPreview from '../components/StoryOverviewContainerPreview';\nimport StoryOverviewMenu from '../components/StoryOverviewMenu';\nimport SuccessContactUsModal from '../components/SuccessContactUsModal';\nimport TechCard from '../components/TechCard';\nimport TechnologyHighlights from '../components/TechnologyHighlights';\nimport TechnologyOverview from '../components/TechnologyOverview';\nimport ToolsBlock from '../components/ToolsBlock';\nimport ToolsBlockItem from '../components/ToolsBlockItem';\nimport Twitter from '../components/Twitter';\nimport VideoBlock from '../components/VideoBlock';\n\nconst components = new Map();\ncomponents.set('ArticlesCard', ArticlesCard);\ncomponents.set('AuthorPosts', AuthorPosts);\ncomponents.set('AuthorPreview', AuthorPreview);\ncomponents.set('BenefitsBlock', BenefitsBlock);\ncomponents.set('BenefitsBlockItem', BenefitsBlockItem);\ncomponents.set('BlogHeader', BlogHeader);\ncomponents.set('BlogOverviewAuthor', BlogOverviewAuthor);\ncomponents.set('BlogOverviewContainerPreview', BlogOverviewContainerPreview);\ncomponents.set('BlogOverviewMenu', BlogOverviewMenu);\ncomponents.set('BreadCrumb', BreadCrumb);\ncomponents.set('BurgerMenu', BurgerMenu);\ncomponents.set('ConsultExpert', ConsultExpert);\ncomponents.set('Contacts', Contacts);\ncomponents.set('ContactUs', ContactUs);\ncomponents.set('ContactUsBtn', ContactUsBtn);\ncomponents.set('ContactUsForm', ContactUsForm);\ncomponents.set('ContactUsModal', ContactUsModal);\ncomponents.set('ContainerBlock', ContainerBlock);\ncomponents.set('ContainerWithOneColumns', ContainerWithOneColumns);\ncomponents.set('ContainerWithSidebar', ContainerWithSidebar);\ncomponents.set('ContainerWithThreeColumns', ContainerWithThreeColumns);\ncomponents.set('ContainerWithTwoColumns', ContainerWithTwoColumns);\ncomponents.set('ContentBlock', ContentBlock);\ncomponents.set('CookieBanner', CookieBanner);\ncomponents.set('CTALink', CTALink);\ncomponents.set('CtaRow', CtaRow);\ncomponents.set('CurrentAuthor', CurrentAuthor);\ncomponents.set('CustomerCard', CustomerCard);\ncomponents.set('CustomerCardPresentation', CustomerCardPresentation);\ncomponents.set('CustomerMapBlock', CustomerMapBlock);\ncomponents.set('CustomerReview', CustomerReview);\ncomponents.set('EventCard', EventCard);\ncomponents.set('EventsFutureBlock', EventsFutureBlock);\ncomponents.set('EventsPastBlock', EventsPastBlock);\ncomponents.set('FactItem', FactItem);\ncomponents.set('Filter', Filter);\ncomponents.set('FilterDropdown', FilterDropdown);\ncomponents.set('FilterMobile', FilterMobile);\ncomponents.set('FollowUs', FollowUs);\ncomponents.set('Footer', Footer);\ncomponents.set('FooterTerms', FooterTerms);\ncomponents.set('FullWidthImage', FullWidthImage);\ncomponents.set('GlossaryHeader', GlossaryHeader);\ncomponents.set('GlossaryOverviewContainer', GlossaryOverviewContainer);\ncomponents.set('GlossaryOverviewMenu', GlossaryOverviewMenu);\ncomponents.set('Header', Header);\ncomponents.set('HeaderCurrentAuthor', HeaderCurrentAuthor);\ncomponents.set('HeaderLinkItem', HeaderLinkItem);\ncomponents.set('HighlightsItem', HighlightsItem);\ncomponents.set('ImageBlock', ImageBlock);\ncomponents.set('ImageGrid', ImageGrid);\ncomponents.set('ImageGridItem', ImageGridItem);\ncomponents.set('ImageSliderItem', ImageSliderItem);\ncomponents.set('InsightsOverviewContainerPreview', InsightsOverviewContainerPreview);\ncomponents.set('InsightsOverviewMenu', InsightsOverviewMenu);\ncomponents.set('IntegrationsBlock', IntegrationsBlock);\ncomponents.set('IntegrationsBlockItem', IntegrationsBlockItem);\ncomponents.set('JssForm', JssForm);\ncomponents.set('LinkIconItem', LinkIconItem);\ncomponents.set('LinkItem', LinkItem);\ncomponents.set('LinkRow', LinkRow);\ncomponents.set('LinksBlock', LinksBlock);\ncomponents.set('LocationBlock', LocationBlock);\ncomponents.set('LocationGroup', LocationGroup);\ncomponents.set('LocationItem', LocationItem);\ncomponents.set('Logo', Logo);\ncomponents.set('MenuSecondary', MenuSecondary);\ncomponents.set('MiscTextBlock', MiscTextBlock);\ncomponents.set('MiscTextBlockItem', MiscTextBlockItem);\ncomponents.set('MoreCategories', MoreCategories);\ncomponents.set('MoreFromAuthor', MoreFromAuthor);\ncomponents.set('MoreFromCategoryOrPlatform', MoreFromCategoryOrPlatform);\ncomponents.set('MorePlatform', MorePlatform);\ncomponents.set('Navigation', Navigation);\ncomponents.set('NewsCompany', NewsCompany);\ncomponents.set('OurAwardsBlock', OurAwardsBlock);\ncomponents.set('OurAwardsBlockItem', OurAwardsBlockItem);\ncomponents.set('OurCustomers', OurCustomers);\ncomponents.set('OurCustomerStoriesBlock', OurCustomerStoriesBlock);\ncomponents.set('OurCustomerStoriesBlockItem', OurCustomerStoriesBlockItem);\ncomponents.set('OurLocation', OurLocation);\ncomponents.set('OurPlatformPartnersBlock', OurPlatformPartnersBlock);\ncomponents.set('OurPlatformPartnersBlockItem', OurPlatformPartnersBlockItem);\ncomponents.set('OurServices', OurServices);\ncomponents.set('OurTeamBlock', OurTeamBlock);\ncomponents.set('OurTeamBlockItem', OurTeamBlockItem);\ncomponents.set('OurTechnology', OurTechnology);\ncomponents.set('PostCard', PostCard);\ncomponents.set('PostCardPresentation', PostCardPresentation);\ncomponents.set('PostPreviewPresentation', PostPreviewPresentation);\ncomponents.set('ProjectHighlights', ProjectHighlights);\ncomponents.set('QuoteStories', QuoteStories);\ncomponents.set('QuoteStory', QuoteStory);\ncomponents.set('RelatedBlockStories', RelatedBlockStories);\ncomponents.set('RelatedBlogpost', RelatedBlogpost);\ncomponents.set('RelatedStories', RelatedStories);\ncomponents.set('SearchInput', SearchInput);\ncomponents.set('SearchResult', SearchResult);\ncomponents.set('Service', Service);\ncomponents.set('ServicesOverview', ServicesOverview);\ncomponents.set('SideMenu', SideMenu);\ncomponents.set('SliderSection', SliderSection);\ncomponents.set('SocialButtons', SocialButtons);\ncomponents.set('Socials', Socials);\ncomponents.set('StepsBlock', StepsBlock);\ncomponents.set('StepsBlockItem', StepsBlockItem);\ncomponents.set('StoryCard', StoryCard);\ncomponents.set('StoryCategoryAndPlatform', StoryCategoryAndPlatform);\ncomponents.set('StoryNavigate', StoryNavigate);\ncomponents.set('StoryOverviewContainerPreview', StoryOverviewContainerPreview);\ncomponents.set('StoryOverviewMenu', StoryOverviewMenu);\ncomponents.set('SuccessContactUsModal', SuccessContactUsModal);\ncomponents.set('TechCard', TechCard);\ncomponents.set('TechnologyHighlights', TechnologyHighlights);\ncomponents.set('TechnologyOverview', TechnologyOverview);\ncomponents.set('ToolsBlock', ToolsBlock);\ncomponents.set('ToolsBlockItem', ToolsBlockItem);\ncomponents.set('Twitter', Twitter);\ncomponents.set('VideoBlock', VideoBlock);\n\nexport default function componentFactory(componentName) {\n return components.get(componentName);\n};\n","import axios from 'axios';\r\n\r\n/**\r\n * Implements a data fetcher using Axios - replace with your favorite\r\n * SSR-capable HTTP or fetch 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\nexport function dataFetcher(url, data) {\r\n return axios({\r\n url,\r\n method: data ? 'POST' : 'GET',\r\n data,\r\n // note: axios 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 withCredentials: true,\r\n });\r\n}\r\n","const thirdPartyScriptsSetUp = ({\r\n gtmId,\r\n auth = '',\r\n preview = '',\r\n dataLayerName = 'dataLayer',\r\n events = {}\r\n}) => {\r\n const createAsyncScript = () => {\r\n const script = document.createElement('script');\r\n script.async = true;\r\n\r\n return script;\r\n };\r\n\r\n const gtmScript = createAsyncScript();\r\n gtmScript.innerHTML = '\\n\\t(function(w,d,s,l,i){\\n\\t\\tw[l]=w[l]||[];\\n\\t\\tw[l].push({\\'gtm.start\\': new Date().getTime(),event:\\'gtm.js\\', ' + JSON.stringify(events).slice(1, -1) + '});\\n\\t\\tvar f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!=\\'dataLayer\\'?\\'&l=\\'+l:\\'\\';\\n\\t\\tj.async=true;j.src=\\'https://www.googletagmanager.com/gtm.js?id=\\'+i+dl+\\'' + auth + preview + '>m_cookies_win=x\\';\\n\\t\\tf.parentNode.insertBefore(j,f);\\n\\t\\t})(window,document,\\'script\\',\\'' + dataLayerName + '\\',\\'' + gtmId + '\\');';\r\n\r\n const datalayerScript = createAsyncScript();\r\n datalayerScript.innerHTML = `window.dataLayer = window.dataLayer || []; window.gtag = function gtag(){window.dataLayer.push(arguments);}; gtag('js', new Date()); gtag('config', '${gtmId}');`;\r\n\r\n const gtmNoscript = document.createElement('noscript');\r\n gtmNoscript.innerHTML = ``;\r\n \r\n return { headScripts: [gtmScript, datalayerScript], body: [gtmNoscript] };\r\n};\r\n\r\nexport default thirdPartyScriptsSetUp;","import React, { useEffect } from 'react';\r\nimport { Placeholder, VisitorIdentification, withSitecoreContext } from '@sitecore-jss/sitecore-jss-react';\r\nimport Helmet from 'react-helmet';\r\nimport { GoogleReCaptchaProvider } from 'react-google-recaptcha-v3';\r\nimport CookieBanner from './components/CookieBanner';\r\nimport i18n from 'i18next';\r\nimport thirdPartyScriptsSetUp from '@/js/utils/thirdPartyScripts';\r\n\r\nconst Layout = ({ sitecoreContext, route }) => {\r\n const templateClassName = route.templateName.toLowerCase().split(/\\s+/).join('-');\r\n\r\n const title = sitecoreContext?.seo?.title;\r\n const description = sitecoreContext?.seo?.description;\r\n const siteLanguage = sitecoreContext?.language || 'en';\r\n const recaptchaKey = sitecoreContext?.reCaptcha?.googleRecaptchaKey || '';\r\n \r\n useEffect(() => {\r\n const { headScripts, body } = thirdPartyScriptsSetUp(\r\n { gtmId: i18n.t('CommonSettingsGoogleTagManagerID') }\r\n );\r\n document.head.append(...headScripts);\r\n document.body.prepend(...body);\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 {title || 'Page'}\r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n {route?.fields?.AllowGoogleIndexing?.value === false && }\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 withSitecoreContext()(Layout);\r\n","import React from 'react';\r\n\r\n// Renders a route-not-found message when no route is available from Sitecore\r\n// The JSS equivalent of a 404 Not Found page.\r\n\r\n// This is invoked from RouteHandler when Sitecore returns no valid route data.\r\n// The NotFound component receives the Layout Service Context data, but no route data.\r\n// This can be used to power parts of your site, such as navigation, from LS context additions\r\n// without losing the ability to render them on your 404 pages :)\r\n\r\nconst NotFound = ({ context = { site: { name: '' }, language: '' } }) => (\r\n \r\n
\r\n \r\n);\r\n\r\nexport default NotFound;\r\n","import React from 'react';\r\nimport i18n from 'i18next';\r\nimport Helmet from 'react-helmet';\r\nimport { isExperienceEditorActive, dataApi, withSitecoreContext } from '@sitecore-jss/sitecore-jss-react';\r\nimport { dataFetcher } from './dataFetcher';\r\nimport config from './temp/config';\r\nimport Layout from './Layout';\r\nimport NotFound from './NotFound';\r\n\r\n// Dynamic route handler for Sitecore items.\r\n// Because JSS app routes are defined in Sitecore, traditional static React routing isn't enough -\r\n// we need to be able to load dynamic route data from Sitecore after the client side route changes.\r\n// So react-router delegates all route rendering to this handler, which attempts to get the right\r\n// route data from Sitecore - and if none exists, renders the not found component.\r\n\r\nclass RouteHandler extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n notFound: true,\r\n defaultLanguage: config.defaultLanguage,\r\n };\r\n\r\n const routeData = this.extractRouteData();\r\n\r\n // route data from react-router - if route was resolved, it's not a 404\r\n if (routeData !== null) {\r\n this.state.notFound = false;\r\n }\r\n\r\n // if we have an initial SSR state, and that state doesn't have a valid route data,\r\n // then this is a 404 route.\r\n if (routeData && (!routeData.sitecore || !routeData.sitecore.route)) {\r\n this.state.notFound = true;\r\n }\r\n\r\n // if we have an SSR state, and that state has language data, set the current language\r\n // (this makes the language of content follow the Sitecore context language cookie)\r\n // note that a route-based language (i.e. /de-DE) will override this default; this is for home.\r\n if (routeData && routeData.sitecore && routeData.sitecore.context && routeData.sitecore.context.language) {\r\n this.state.defaultLanguage = routeData.sitecore.context.language;\r\n }\r\n\r\n this.componentIsMounted = false;\r\n this.languageIsChanging = false;\r\n\r\n // tell i18next to sync its current language with the route language\r\n this.updateLanguage();\r\n }\r\n\r\n componentDidMount() {\r\n const routeData = this.extractRouteData();\r\n\r\n // if no existing routeData is present (from SSR), get Layout Service fetching the route data\r\n if (!routeData || this.props.ssrRenderComplete) {\r\n this.updateRouteData();\r\n }\r\n\r\n // once we initialize the route handler, we've \"used up\" the SSR data,\r\n // if it existed, so we want to clear it now that it's in react state.\r\n // future route changes that might destroy/remount this component should ignore any SSR data.\r\n // EXCEPTION: Unless we are still SSR-ing. Because SSR can re-render the component twice\r\n // (once to find GraphQL queries that need to run, the second time to refresh the view with\r\n // GraphQL query results)\r\n // We test for SSR by checking for Node-specific process.env variable.\r\n if (typeof window !== 'undefined' && !this.props.ssrRenderComplete && this.props.setSsrRenderComplete) {\r\n this.props.setSsrRenderComplete(true);\r\n }\r\n\r\n this.componentIsMounted = true;\r\n }\r\n\r\n componentWillUnmount() {\r\n this.componentIsMounted = false;\r\n }\r\n\r\n extractRouteData = () => {\r\n if (!this.props.sitecoreContext) return null;\r\n\r\n const { route, ...context } = this.props.sitecoreContext;\r\n\r\n return {\r\n sitecore: {\r\n route,\r\n context,\r\n },\r\n };\r\n };\r\n\r\n /**\r\n * Loads route data from Sitecore Layout Service into state.routeData\r\n */\r\n updateRouteData() {\r\n let sitecoreRoutePath = this.props.route.match.params.sitecoreRoute || '/';\r\n if (!sitecoreRoutePath.startsWith('/')) {\r\n sitecoreRoutePath = `/${sitecoreRoutePath}`;\r\n }\r\n\r\n const language = this.props.route.match.params.lang || this.state.defaultLanguage;\r\n\r\n // get the route data for the new route\r\n getRouteData(sitecoreRoutePath, language).then((routeData) => {\r\n if (routeData !== null && routeData.sitecore && routeData.sitecore.route) {\r\n // set the sitecore context data and push the new route\r\n this.props.updateSitecoreContext({\r\n route: routeData.sitecore.route,\r\n itemId: routeData.sitecore.route.itemId,\r\n ...routeData.sitecore.context,\r\n });\r\n this.setState({ notFound: false });\r\n } else {\r\n this.setState({ notFound: true }, () => this.props.updateSitecoreContext(routeData.sitecore.context));\r\n }\r\n });\r\n }\r\n\r\n /**\r\n * Updates the current app language to match the route data.\r\n */\r\n updateLanguage() {\r\n const newLanguage = this.props.route.match.params.lang || this.state.defaultLanguage;\r\n\r\n if (i18n.language !== newLanguage) {\r\n this.languageIsChanging = true;\r\n\r\n i18n.changeLanguage(newLanguage, () => {\r\n this.languageIsChanging = false;\r\n\r\n // if the component is not mounted, we don't care\r\n // (next time it mounts, it will render with the right language context)\r\n if (this.componentIsMounted) {\r\n // after we change the i18n language, we need to force-update React,\r\n // since otherwise React won't know that the dictionary has changed\r\n // because it is stored in i18next state not React state\r\n this.forceUpdate();\r\n }\r\n });\r\n }\r\n }\r\n\r\n componentDidUpdate(previousProps) {\r\n const existingRoute = previousProps.route.match.url;\r\n const newRoute = this.props.route.match.url;\r\n\r\n // don't change state (refetch route data) if the route has not changed\r\n if (existingRoute === newRoute) {\r\n return;\r\n }\r\n\r\n // if in experience editor - force reload instead of route data update\r\n // avoids confusing Sitecore's editing JS\r\n if (isExperienceEditorActive()) {\r\n window.location.assign(newRoute);\r\n return;\r\n }\r\n\r\n this.updateLanguage();\r\n this.updateRouteData();\r\n }\r\n\r\n render() {\r\n const { notFound } = this.state;\r\n const routeData = this.extractRouteData();\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 if (notFound && routeData) {\r\n return (\r\n
\r\n \r\n {i18n.t('Page not found')}\r\n \r\n \r\n
\r\n );\r\n }\r\n\r\n // Don't render anything if the route data or dictionary data is not fully loaded yet.\r\n // This is a good place for a \"Loading\" component, if one is needed.\r\n if (!routeData || this.languageIsChanging) {\r\n return null;\r\n }\r\n\r\n // Render the app's root structural layout\r\n return ;\r\n }\r\n}\r\n\r\nexport default withSitecoreContext({ updatable: true })(RouteHandler);\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, language) {\r\n const fetchOptions = {\r\n layoutServiceConfig: { host: config.sitecoreApiHost },\r\n querystringParams: { sc_lang: language, sc_apikey: config.sitecoreApiKey },\r\n fetcher: dataFetcher,\r\n };\r\n\r\n return dataApi.fetchRouteData(route, fetchOptions).catch((error) => {\r\n if (error.response && error.response.status === 404 && error.response.data) {\r\n return error.response.data;\r\n }\r\n\r\n console.error('Route data fetch error', error, error.response);\r\n\r\n return null;\r\n });\r\n}\r\n","import { useEffect } from 'react';\r\nimport { useHistory } from 'react-router-dom';\r\n\r\nfunction ScrollToTop() {\r\n const history = useHistory();\r\n\r\n useEffect(() => {\r\n window.scrollTo(0, 0);\r\n }, [history.location.pathname]);\r\n\r\n return null;\r\n}\r\n\r\nexport default ScrollToTop;\r\n","import React from 'react';\r\nimport { useDispatch, useSelector } from 'react-redux';\r\nimport { Overlay , Tooltip } from \"react-bootstrap\";\r\nimport { Link } from 'react-router-dom';\r\nimport { tooltipClose } from '../redux/actions/TermTooltip';\r\n\r\nconst TermTooltip = () => {\r\n const TermTooltipReducer = useSelector((state) => state.TermTooltipReducer);\r\n const dispatchRedux = useDispatch();\r\n\r\n const linkClickHandler = (e) => {\r\n dispatchRedux(tooltipClose());\r\n\r\n if(!TermTooltipReducer.linkUrl) {\r\n e.preventDefault();\r\n }\r\n }\r\n\r\n const tooltipLeaveHandler = (e) => {\r\n if(!e.nativeEvent.relatedTarget || !e.nativeEvent.relatedTarget.closest('.rt-tooltip')) {\r\n dispatchRedux(tooltipClose());\r\n }\r\n }\r\n\r\n return \r\n {(props) => {\r\n return (\r\n \r\n
\r\n {\r\n TermTooltipReducer.error ?\r\n
{TermTooltipReducer.errorMessage}
\r\n :\r\n <>\r\n
{TermTooltipReducer.title}
\r\n
{TermTooltipReducer.previewText}
\r\n
\r\n \r\n {TermTooltipReducer.linkTitle}\r\n \r\n
\r\n \r\n }\r\n
\r\n \r\n )}}\r\n \r\n}\r\n\r\nexport default TermTooltip;\r\n","import { ModalDispatchContext, ActionTypes } from './ModalContext';\r\nimport { useEffect, useContext } from 'react';\r\n\r\nconst ModalHandler = () => {\r\n const dispatch = useContext(ModalDispatchContext);\r\n\r\n const globalModalHandler = (e) => {\r\n let target = e.target;\r\n const href = target.getAttribute('href');\r\n if (typeof href === 'string' && href.indexOf('#modal') > -1) {\r\n e.preventDefault();\r\n const modalName = href.split('=')[1];\r\n dispatch({\r\n type: ActionTypes.SHOW_MODAL,\r\n payload: {\r\n modalName: modalName,\r\n modalProps: {\r\n title: target.textContent,\r\n },\r\n },\r\n });\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n document.addEventListener('click', globalModalHandler);\r\n return () => document.removeEventListener('click', globalModalHandler);\r\n });\r\n\r\n return null;\r\n};\r\n\r\nexport default ModalHandler;\r\n","import {\r\n FETCH_BLOGPOSTS_SUCCESS,\r\n FETCH_BLOGPOSTS_START,\r\n FETCH_BLOGPOSTS_ERROR,\r\n SET_FILTER_PARAMS,\r\n SET_STATIC_DATA,\r\n} from '../actions/BlogOverview';\r\n\r\nconst initialState = {\r\n staticData: {\r\n ApiUrl: null,\r\n NoResultMessage: null,\r\n PageSize: null,\r\n SettingId: null,\r\n },\r\n filterParams: {\r\n Category: null,\r\n Platform: null,\r\n Product: null,\r\n Author: null,\r\n },\r\n isLoading: {\r\n loadMore: false,\r\n value: false,\r\n },\r\n isLoaded: false,\r\n posts: [],\r\n categories: [],\r\n platforms: [],\r\n products: [],\r\n authors: [],\r\n currentPage: 1,\r\n count: 0,\r\n errorMessage: null,\r\n};\r\n\r\nconst reducer = (state = initialState, action) => {\r\n switch (action.type) {\r\n case SET_FILTER_PARAMS:\r\n return {\r\n ...state,\r\n filterParams: {\r\n ...state.filterParams,\r\n ...action.payload,\r\n },\r\n };\r\n case SET_STATIC_DATA:\r\n return {\r\n ...state,\r\n staticData: {\r\n ...state.staticData,\r\n ...action.payload,\r\n },\r\n };\r\n case FETCH_BLOGPOSTS_START:\r\n return {\r\n ...state,\r\n isLoading: {\r\n loadMore: action.loadMore,\r\n value: true,\r\n },\r\n };\r\n case FETCH_BLOGPOSTS_SUCCESS:\r\n let posts = action.payload.loadMore ? [...state.posts, ...action.payload.posts] : action.payload.posts;\r\n return {\r\n ...state,\r\n isLoading: false,\r\n posts: posts,\r\n categories: action.payload.categories,\r\n platforms: action.payload.platforms,\r\n products: action.payload.products,\r\n authors: action.payload.authors,\r\n currentPage: action.payload.currentPage,\r\n countPages: action.payload.countPages,\r\n count: action.payload.count,\r\n isLoaded: true,\r\n };\r\n case FETCH_BLOGPOSTS_ERROR:\r\n return {\r\n ...state,\r\n errorMessage: action.errorMessage,\r\n isLoading: {\r\n ...state.isLoading,\r\n value: false,\r\n },\r\n };\r\n default: {\r\n return state;\r\n }\r\n }\r\n};\r\n\r\nexport default reducer;\r\n","import {\r\n FETCH_STORIES_SUCCESS,\r\n FETCH_STORIES_START,\r\n FETCH_STORIES_ERROR,\r\n SET_STATIC_DATA,\r\n SET_FILTER_PARAMS,\r\n} from '../actions/StoriesOverview';\r\n\r\nconst initialState = {\r\n staticData: {\r\n ApiUrl: null,\r\n NoResultMessage: null,\r\n PageSize: null,\r\n SettingId: null,\r\n },\r\n filterData: {\r\n Category: null,\r\n Platform: null,\r\n Product: null,\r\n Country: null,\r\n },\r\n isLoading: {\r\n loadMore: false,\r\n value: false,\r\n },\r\n isLoaded: false,\r\n posts: [],\r\n categories: [],\r\n platforms: [],\r\n products: [],\r\n countries: [],\r\n currentPage: 1,\r\n count: 0,\r\n errorMessage: null,\r\n};\r\n\r\nconst reducer = (state = initialState, action) => {\r\n switch (action.type) {\r\n case SET_FILTER_PARAMS:\r\n return {\r\n ...state,\r\n filterData: {\r\n ...state.filterData,\r\n ...action.payload,\r\n },\r\n };\r\n case SET_STATIC_DATA:\r\n return {\r\n ...state,\r\n staticData: {\r\n ...state.staticData,\r\n ...action.payload,\r\n },\r\n };\r\n case FETCH_STORIES_START:\r\n return {\r\n ...state,\r\n isLoading: {\r\n loadMore: action.loadMore,\r\n value: true,\r\n },\r\n };\r\n case FETCH_STORIES_SUCCESS:\r\n const sortedPosts = [...action.payload.posts].sort((a, b) => {\r\n if (a.ViewType === 'Horizontal' && b.ViewType === 'Vertical') {\r\n return -1;\r\n }\r\n });\r\n let posts = action.payload.loadMore ? [...state.posts, ...sortedPosts] : sortedPosts;\r\n return {\r\n ...state,\r\n isLoading: {\r\n ...state.isLoading,\r\n value: false,\r\n },\r\n posts: posts,\r\n categories: action.payload.categories,\r\n platforms: action.payload.platforms,\r\n products: action.payload.products,\r\n countries: action.payload.countries,\r\n currentPage: action.payload.currentPage,\r\n countPages: action.payload.countPages,\r\n count: action.payload.count,\r\n isLoaded: true,\r\n };\r\n case FETCH_STORIES_ERROR:\r\n return {\r\n ...state,\r\n errorMessage: action.errorMessage,\r\n isLoading: {\r\n ...state.isLoading,\r\n value: false,\r\n },\r\n };\r\n default: {\r\n return state;\r\n }\r\n }\r\n};\r\n\r\nexport default reducer;\r\n","import { FETCH_GLOSSARY_START, FETCH_GLOSSARY_SUCCESS, FETCH_GLOSSARY_ERROR } from '../actions/GlossaryOverview';\r\n\r\nconst initialState = {\r\n isLoading: false,\r\n articles: [],\r\n errorMessage: null,\r\n};\r\n\r\nconst convertToHashMap = (glossaryList) => {\r\n return glossaryList.reduce((accumulator, {Key, Items}) => {\r\n accumulator[Key] = Items;\r\n return accumulator;\r\n }, {});\r\n}\r\n\r\nconst reducer = (state = initialState, action) => {\r\n switch (action.type) {\r\n case FETCH_GLOSSARY_START:\r\n return {\r\n ...state,\r\n isLoading: true,\r\n };\r\n case FETCH_GLOSSARY_SUCCESS:\r\n return {\r\n ...state,\r\n isLoading: false,\r\n articles: convertToHashMap(action.payload),\r\n };\r\n case FETCH_GLOSSARY_ERROR:\r\n return {\r\n ...state,\r\n errorMessage: action.errorMessage,\r\n };\r\n default: {\r\n return state;\r\n }\r\n }\r\n};\r\n\r\nexport default reducer;\r\n","import {\r\n FETCH_TERM_START,\r\n FETCH_TERM_SUCCESS,\r\n FETCH_TERM_ERROR,\r\n SET_STATIC_DATA,\r\n HIDE_TOOLTIP,\r\n FETCH_TERM_FINISH,\r\n CLEAR_TOOLTIP,\r\n} from '../actions/TermTooltip';\r\n\r\nconst initialState = {\r\n apiUrl: '',\r\n title: '',\r\n linkTitle: '',\r\n errorMessage: '',\r\n error: false,\r\n isLoading: false,\r\n show: false,\r\n term: '',\r\n target: null,\r\n linkUrl: '',\r\n previewText: '',\r\n};\r\n\r\nconst reducer = (state = initialState, action) => {\r\n switch (action.type) {\r\n case SET_STATIC_DATA:\r\n const { apiUrl, title, linkTitle, errorMessage } = action.payload;\r\n const dataToUpdate = {};\r\n if(state.apiUrl !== apiUrl) dataToUpdate.apiUrl = apiUrl;\r\n if(state.title !== title) dataToUpdate.title = title;\r\n if(state.linkTitle !== linkTitle) dataToUpdate.linkTitle = linkTitle;\r\n if(state.errorMessage !== errorMessage) dataToUpdate.errorMessage = errorMessage;\r\n return {\r\n ...state,\r\n ...dataToUpdate,\r\n };\r\n\r\n case FETCH_TERM_START:\r\n return {\r\n ...state,\r\n show: true,\r\n isLoading: true,\r\n target: action.payload.target,\r\n term: action.payload.term,\r\n linkUrl: initialState.linkUrl,\r\n previewText: initialState.previewText,\r\n };\r\n\r\n case FETCH_TERM_SUCCESS:\r\n return {\r\n ...state,\r\n error: initialState.error,\r\n linkUrl: action.payload.Url,\r\n previewText: action.payload.PreviewText,\r\n };\r\n\r\n case FETCH_TERM_ERROR:\r\n return {\r\n ...state,\r\n error: true,\r\n linkUrl: initialState.linkUrl,\r\n previewText: initialState.previewText,\r\n };\r\n\r\n case FETCH_TERM_FINISH:\r\n return {\r\n ...state,\r\n isLoading: false,\r\n };\r\n\r\n case HIDE_TOOLTIP:\r\n return {\r\n ...state,\r\n show: false,\r\n error: initialState.error,\r\n linkUrl: initialState.linkUrl,\r\n previewText: initialState.previewText,\r\n };\r\n\r\n case CLEAR_TOOLTIP:\r\n return {\r\n ...state,\r\n error: initialState.error,\r\n term: initialState.term,\r\n target: initialState.target,\r\n };\r\n\r\n default: {\r\n return state;\r\n }\r\n }\r\n};\r\n\r\nexport default reducer;\r\n","import {\r\n FETCH_INSIGHTS_SUCCESS,\r\n FETCH_INSIGHTS_START,\r\n FETCH_INSIGHTS_ERROR,\r\n SET_STATIC_DATA,\r\n SET_FILTER_PARAMS,\r\n} from '../actions/InsightsOverview';\r\n\r\nconst initialState = {\r\n staticData: {\r\n ApiUrl: null,\r\n NoResultMessage: null,\r\n PageSize: null,\r\n SettingId: null,\r\n },\r\n filterData: {\r\n Category: null,\r\n Technology: null,\r\n },\r\n isLoading: {\r\n loadMore: false,\r\n value: false,\r\n },\r\n isLoaded: false,\r\n posts: [],\r\n categories: [],\r\n technologies: [],\r\n currentPage: 1,\r\n count: 0,\r\n errorMessage: null,\r\n};\r\n\r\nconst reducer = (state = initialState, action) => {\r\n switch (action.type) {\r\n case SET_FILTER_PARAMS:\r\n return {\r\n ...state,\r\n filterData: {\r\n ...state.filterData,\r\n ...action.payload,\r\n },\r\n };\r\n case SET_STATIC_DATA:\r\n return {\r\n ...state,\r\n staticData: {\r\n ...state.staticData,\r\n ...action.payload,\r\n },\r\n };\r\n case FETCH_INSIGHTS_START:\r\n return {\r\n ...state,\r\n isLoading: {\r\n loadMore: action.loadMore,\r\n value: true,\r\n },\r\n };\r\n case FETCH_INSIGHTS_SUCCESS:\r\n const sortedPosts = [...action.payload.posts].sort((a, b) => {\r\n if (a.ViewType === 'Horizontal' && b.ViewType === 'Vertical') {\r\n return -1;\r\n }\r\n });\r\n let posts = action.payload.loadMore ? [...state.posts, ...sortedPosts] : sortedPosts;\r\n return {\r\n ...state,\r\n isLoading: {\r\n ...state.isLoading,\r\n value: false,\r\n },\r\n posts: posts,\r\n categories: action.payload.categories,\r\n technologies: action.payload.technologies,\r\n currentPage: action.payload.currentPage,\r\n countPages: action.payload.countPages,\r\n count: action.payload.count,\r\n isLoaded: true,\r\n };\r\n case FETCH_INSIGHTS_ERROR:\r\n return {\r\n ...state,\r\n errorMessage: action.errorMessage,\r\n isLoading: {\r\n ...state.isLoading,\r\n value: false,\r\n },\r\n };\r\n default: {\r\n return state;\r\n }\r\n }\r\n};\r\n\r\nexport default reducer;\r\n","import { combineReducers } from 'redux';\r\nimport BlogOverviewReducer from './BlogOverview';\r\nimport StoriesOverviewReducer from './StoriesOverview';\r\nimport GlossaryOverviewReducer from './GlossaryOverview';\r\nimport TermTooltipReducer from './TermTooltip';\r\nimport InsightsOverviewReducer from './InsightsOverview';\r\n\r\nexport default combineReducers({\r\n BlogOverviewReducer,\r\n StoriesOverviewReducer,\r\n GlossaryOverviewReducer,\r\n TermTooltipReducer,\r\n InsightsOverviewReducer,\r\n});\r\n","import { createStore, applyMiddleware } from 'redux';\r\nimport rootReducer from './reducers';\r\nimport thunkMiddleware from 'redux-thunk';\r\n\r\nlet middlewares = [thunkMiddleware];\r\n\r\nexport default createStore(rootReducer, {}, applyMiddleware(...middlewares));\r\n","import React from 'react';\r\nimport { SitecoreContext, SitecoreContextFactory } from '@sitecore-jss/sitecore-jss-react';\r\nimport { Route, Switch } from 'react-router-dom';\r\nimport componentFactory from './temp/componentFactory';\r\nimport RouteHandler from './RouteHandler';\r\nimport ScrollToTop from './js/HOC/ScrollToTop';\r\nimport TermTooltip from './js/HOC/TermTooltip';\r\nimport ModalHandler from './js/context/GlobalModalHandler';\r\nimport { Provider } from 'react-redux';\r\nimport store from './js/redux/store';\r\nimport { ModalProvider } from './js/context/ModalContext';\r\n\r\n// This is the main JSX entry point of the app invoked by the renderer (server or client rendering).\r\n// By default the app's normal rendering is delegated to that handles the loading of JSS route data.\r\n\r\n// support languages in the URL prefix\r\n// e.g. /da-DK/path, or /en/path, or /path\r\nexport const routePatterns = [\r\n '/:lang([a-z]{2}-[A-Z]{2})/:sitecoreRoute*',\r\n '/:lang([a-z]{2})/:sitecoreRoute*',\r\n '/:sitecoreRoute*',\r\n];\r\n\r\n// wrap the app with:\r\n// ApolloProvider: provides an instance of Apollo GraphQL client to the app to make Connected GraphQL queries.\r\n// Not needed if not using connected GraphQL.\r\n// SitecoreContext: provides component resolution and context services via withSitecoreContext\r\n// Router: provides a basic routing setup that will resolve Sitecore item routes and allow for language URL prefixes.\r\nclass AppRoot extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n ssrRenderComplete: false,\r\n contextFactory: new SitecoreContextFactory(),\r\n };\r\n\r\n if (props.ssrState && props.ssrState.sitecore && props.ssrState.sitecore.route) {\r\n // set the initial sitecore context data if we got SSR initial state\r\n this.state.contextFactory.setSitecoreContext({\r\n route: props.ssrState.sitecore.route,\r\n itemId: props.ssrState.sitecore.route.itemId,\r\n ...props.ssrState.sitecore.context,\r\n });\r\n } else if (props.ssrState) {\r\n this.state.contextFactory.setSitecoreContext(props.ssrState.sitecore.context);\r\n } else {\r\n this.state.contextFactory.setSitecoreContext(null);\r\n }\r\n }\r\n\r\n setSsrRenderComplete = (ssrRenderComplete) => {\r\n this.setState({\r\n ssrRenderComplete,\r\n });\r\n };\r\n\r\n render() {\r\n const { path, Router } = this.props;\r\n\r\n const routeRenderFunction = (props) => (\r\n \r\n );\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n <>\r\n \r\n \r\n \r\n {routePatterns.map((routePattern) => (\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-app-polyfill/stable';\r\nimport './scss/app.scss';\r\n\r\nimport 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 i18ninit from './i18n';\r\n\r\n/* eslint-disable no-underscore-dangle */\r\n\r\nlet renderFunction = ReactDOM.render;\r\nlet initLanguage = config.defaultLanguage;\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\nlet __JSS_STATE__ = null;\r\nconst ssrRawJson = document.getElementById('__JSS_STATE__');\r\nif (ssrRawJson) {\r\n __JSS_STATE__ = JSON.parse(ssrRawJson.innerHTML);\r\n}\r\nif (__JSS_STATE__) {\r\n // push the initial SSR state into the route handler, where it will be used\r\n\r\n // when React initializes from a SSR-based initial state, you need to render with `hydrate` instead of `render`\r\n renderFunction = ReactDOM.hydrate;\r\n\r\n // set i18n language SSR state language instead of static config default language\r\n initLanguage = __JSS_STATE__.sitecore.context.language;\r\n}\r\n\r\n/*\r\n App Rendering\r\n*/\r\n// initialize the dictionary, then render the app\r\n// note: if not making a multlingual app, the dictionary init can be removed.\r\ni18ninit(initLanguage).then(() => {\r\n // HTML element to place the app into\r\n const rootElement = document.getElementById('root');\r\n renderFunction(\r\n ,\r\n rootElement\r\n );\r\n});\r\n","import i18n from 'i18next';\r\nimport fetchBackend from 'i18next-fetch-backend';\r\nimport { initReactI18next } from 'react-i18next';\r\nimport config from './temp/config';\r\n\r\n/**\r\n * Initializes the i18next library to provide a translation dictionary to the app.\r\n * If your app is not multilingual, this file and references to it can be removed.\r\n * Elsewhere in the app to use the dictionary `import { t } from 'i18next'; ... t('key')`\r\n * @param {string} language Optional, the initial language. Only used for SSR; otherwise language set in RouteHandler.\r\n * @param {*} dictionary Optional, the dictionary to load. Only used for SSR; otherwise, the dictionary is loaded via JSS dictionary service.\r\n */\r\nexport default function i18nInit(language, dictionary) {\r\n return new Promise((resolve, reject) => {\r\n const options = {\r\n debug: false,\r\n lng: language,\r\n fallbackLng: true, // fallback to keys\r\n load: 'currentOnly', // e.g. don't load 'es' when requesting 'es-MX' -- Sitecore config should handle this\r\n useCookie: false, // using URLs and Sitecore to store language context, don't need a cookie\r\n\r\n interpolation: {\r\n escapeValue: false, // not needed for react\r\n },\r\n };\r\n\r\n if (dictionary) {\r\n // if we got dictionary passed, that means we're in a SSR context with a server-provided dictionary\r\n // so we do not want a backend, because we already know all possible keys\r\n\r\n if (!i18n.isInitialized) {\r\n i18n.use(initReactI18next).init(options, (error) => {\r\n if (error) reject(error);\r\n\r\n i18n.addResourceBundle(language, 'translation', dictionary, true, true);\r\n\r\n resolve();\r\n });\r\n } else {\r\n i18n.changeLanguage(language).then(() => {\r\n i18n.addResourceBundle(language, 'translation', dictionary, true, true);\r\n\r\n resolve();\r\n });\r\n }\r\n } else {\r\n // We're running client-side, so we get translation data from the Sitecore dictionary API using fetch backend\r\n // For higher performance (but less simplicity), consider adding the i18n chained backend to a local cache option like the local storage backend.\r\n\r\n // eslint-disable-next-line\r\n const dictionaryServicePath = `${config.sitecoreApiHost}/sitecore/api/jss/dictionary/${config.jssAppName}/{{lng}}?sc_apikey=${config.sitecoreApiKey}`;\r\n\r\n options.backend = {\r\n loadPath: dictionaryServicePath,\r\n parse: (data) => {\r\n const parsedData = JSON.parse(data);\r\n if (parsedData.phrases) {\r\n return parsedData.phrases;\r\n }\r\n return parsedData;\r\n },\r\n };\r\n\r\n i18n\r\n .use(fetchBackend)\r\n .use(initReactI18next)\r\n .init(options, (error) => {\r\n if (error) reject(error);\r\n\r\n resolve();\r\n });\r\n }\r\n });\r\n}\r\n"],"sourceRoot":""}
\r\n 
\r\n 
\r\n