\r\n );\r\n};\r\n\r\nexport default Spinner;\r\n","/** Theme names. Should match the values that come from Sitecore */\r\nexport const THEME_NAMES = {\r\n LIGHT: 'Light',\r\n MEDIUM: 'Medium',\r\n DARK: 'Dark',\r\n ACCENT: 'Accent',\r\n ECO: 'Eco',\r\n IMAGE_LIGHT: 'Image-Light',\r\n IMAGE_MEDIUM: 'Image-Medium',\r\n IMAGE_DARK: 'Image-Dark',\r\n IMAGE_ACCENT: 'Image-Accent',\r\n IMAGE_ECO: 'Image-Eco',\r\n SOLID_LIGHT: 'Solid-Light',\r\n SOLID_DARK: 'Solid-Dark',\r\n SOLID_MEDIUM: 'Solid-Medium',\r\n SOLID_ACCENT: 'Solid-Accent',\r\n SOLID_ECO: 'Solid-Eco',\r\n COLOR_IMAGE_MEDIUM: 'Color-Image-Medium',\r\n MHF_MAROON: 'Mhf-Maroon',\r\n};\r\n\r\nexport const DEFAULT_THEME_NAME = THEME_NAMES.LIGHT;\r\n\r\nexport const THEME_OPTIONS = Object.freeze({\r\n /** White Background, with a default theme background image */\r\n [THEME_NAMES.LIGHT]: {\r\n bg: 'light',\r\n isDark: false,\r\n },\r\n\r\n /** Gray Background, with a default theme background image */\r\n [THEME_NAMES.MEDIUM]: {\r\n bg: 'medium',\r\n isDark: false,\r\n },\r\n\r\n /** Maroon Background, with a default theme background image */\r\n [THEME_NAMES.DARK]: {\r\n bg: 'dark',\r\n isDark: true,\r\n },\r\n\r\n /** Blue Background, with a default theme background image */\r\n [THEME_NAMES.ACCENT]: {\r\n bg: 'accent',\r\n isDark: true,\r\n },\r\n\r\n /** Green Background, with a default theme background image */\r\n [THEME_NAMES.ECO]: {\r\n bg: 'eco',\r\n isDark: true,\r\n },\r\n\r\n /** Monochrome line Image, with White background */\r\n [THEME_NAMES.IMAGE_LIGHT]: {\r\n bg: 'image-light',\r\n isDark: false,\r\n },\r\n\r\n /** Monochrome line Image, with Gray background */\r\n [THEME_NAMES.IMAGE_MEDIUM]: {\r\n bg: 'image-medium',\r\n isDark: false,\r\n },\r\n\r\n /** Monochrome line Image, with Maroon background */\r\n [THEME_NAMES.IMAGE_DARK]: {\r\n bg: 'image-dark',\r\n isDark: true,\r\n },\r\n\r\n /** Monochrome line Image, with Blue background */\r\n [THEME_NAMES.IMAGE_ACCENT]: {\r\n bg: 'image-accent',\r\n isDark: true,\r\n },\r\n\r\n /** Monochrome line Image, with Green background */\r\n [THEME_NAMES.IMAGE_ECO]: {\r\n bg: 'image-eco',\r\n isDark: true,\r\n },\r\n\r\n /** Solid White background */\r\n [THEME_NAMES.SOLID_LIGHT]: {\r\n bg: 'light',\r\n isDark: false,\r\n },\r\n\r\n /** Solid Gray background */\r\n [THEME_NAMES.SOLID_MEDIUM]: {\r\n bg: 'medium',\r\n isDark: false,\r\n },\r\n\r\n /** Solid Maroon background */\r\n [THEME_NAMES.SOLID_DARK]: {\r\n bg: 'dark',\r\n isDark: true,\r\n },\r\n\r\n /** Solid Blue background */\r\n [THEME_NAMES.SOLID_ACCENT]: {\r\n bg: 'accent',\r\n isDark: true,\r\n },\r\n\r\n /** Solid Green background */\r\n [THEME_NAMES.SOLID_ECO]: {\r\n bg: 'eco',\r\n isDark: true,\r\n },\r\n\r\n /** Colored Animal Image, with Gray background */\r\n [THEME_NAMES.COLOR_IMAGE_MEDIUM]: {\r\n bg: 'color-image-medium',\r\n isDark: false,\r\n },\r\n\r\n /** Dark Maroon background */\r\n [THEME_NAMES.MHF_MAROON]: {\r\n bg: 'mhf-maroon',\r\n isDark: true,\r\n },\r\n});\r\n","import React from 'react';\r\nimport { THEME_OPTIONS, DEFAULT_THEME_NAME } from './constants';\r\n\r\nconst defaultTheme = THEME_OPTIONS[DEFAULT_THEME_NAME];\r\nconst ThemeContext = React.createContext(defaultTheme);\r\n\r\nexport default ThemeContext;\r\n","import { THEME_NAMES, THEME_OPTIONS, DEFAULT_THEME_NAME } from './constants';\r\n\r\nexport const isValidThemeName = (name) =>\r\n Object.values(THEME_NAMES).includes(name);\r\n\r\nexport const getTheme = (themeName) => {\r\n const setThemeName = isValidThemeName(themeName)\r\n ? themeName\r\n : DEFAULT_THEME_NAME;\r\n return THEME_OPTIONS[setThemeName];\r\n};\r\n\r\n/**\r\n * Function - themeCheckerForBgImg\r\n * @param {String} themeName\r\n * @returns {Boolean}\r\n * returns true, when ThemeName is either \"Light\", \"Dark\", \"Accent\", \"Medium\", or \"Eco\" else false\r\n * Using the return value the image will be applied\r\n */\r\nexport const themeCheckerForBgImg = (themeName) => {\r\n // themeName is a case sensitive theme name sent from sitecore\r\n switch (themeName) {\r\n case THEME_NAMES.LIGHT: {\r\n return true;\r\n }\r\n case THEME_NAMES.DARK: {\r\n return true;\r\n }\r\n case THEME_NAMES.MEDIUM: {\r\n return true;\r\n }\r\n case THEME_NAMES.ACCENT: {\r\n return true;\r\n }\r\n case THEME_NAMES.ECO: {\r\n return true;\r\n }\r\n default:\r\n return false;\r\n }\r\n};\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport ThemeContext from './ThemeContext';\r\nimport { THEME_OPTIONS, DEFAULT_THEME_NAME } from './constants';\r\nimport { getTheme } from './utilities';\r\n\r\nconst ThemeProvider = ({ name, children }) => {\r\n const theme = React.useMemo(() => getTheme(name), [name]);\r\n\r\n return (\r\n {children}\r\n );\r\n};\r\n\r\nThemeProvider.propTypes = {\r\n children: PropTypes.node.isRequired,\r\n\r\n /** The name of the theme to use */\r\n name: PropTypes.oneOf(Object.keys(THEME_OPTIONS)),\r\n};\r\n\r\nThemeProvider.defaultProps = {\r\n name: DEFAULT_THEME_NAME,\r\n};\r\n\r\nexport default ThemeProvider;\r\n","import React from 'react';\r\nimport ThemeContext from './ThemeContext';\r\n\r\nexport default function useThemeContext() {\r\n const context = React.useContext(ThemeContext);\r\n\r\n if (context === undefined) {\r\n throw new Error('useThemeContext must be used within a ThemeProvider');\r\n }\r\n\r\n return context;\r\n}\r\n","/* eslint-disable */\n// Do not edit this file, it is auto-generated at build time!\n// See scripts/bootstrap.js to modify the generation of this file.\nmodule.exports = {\n \"sitecoreApiKey\": \"{53CFD9D0-9CA7-4B28-A6EE-E6EF2FF68761}\",\n \"sitecoreApiHost\": \"https://prd-cd.granditasca.org\",\n \"jssAppName\": \"GrandItascaOrg\",\n \"defaultLanguage\": \"en\",\n \"graphQLEndpointPath\": \"/api/mhf\",\n \"graphQLEndpoint\": \"https://prd-cd.granditasca.org/api/mhf?sc_apikey={53CFD9D0-9CA7-4B28-A6EE-E6EF2FF68761}\"\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 React from 'react';\nimport loadable from '@loadable/component';\nimport Loadable from 'react-loadable';\nfunction Loading(props) {\n if (props.error) {\n return
There was an error loading this component.
;\n } else if (props.pastDelay) {\n return
Loading...
;\n } else {\n return null;\n }\n }\nconst BlogCarousel = Loadable({\n loader: () => import(/* webpackChunkName: \"BlogCarousel\" */ '../components-sitecore/BlogCarousel'),\n loading: Loading,\n delay: 300,\n modules: ['BlogCarousel'],\n });\nconst BlogContent = Loadable({\n loader: () => import(/* webpackChunkName: \"BlogContent\" */ '../components-sitecore/BlogContent'),\n loading: Loading,\n delay: 300,\n modules: ['BlogContent'],\n });\nconst BlogFeatured = Loadable({\n loader: () => import(/* webpackChunkName: \"BlogFeatured\" */ '../components-sitecore/BlogFeatured'),\n loading: Loading,\n delay: 300,\n modules: ['BlogFeatured'],\n });\nconst BlogHighlight = Loadable({\n loader: () => import(/* webpackChunkName: \"BlogHighlight\" */ '../components-sitecore/BlogHighlight'),\n loading: Loading,\n delay: 300,\n modules: ['BlogHighlight'],\n });\nconst BlogImage = Loadable({\n loader: () => import(/* webpackChunkName: \"BlogImage\" */ '../components-sitecore/BlogImage'),\n loading: Loading,\n delay: 300,\n modules: ['BlogImage'],\n });\nconst BlogInfo = Loadable({\n loader: () => import(/* webpackChunkName: \"BlogInfo\" */ '../components-sitecore/BlogInfo'),\n loading: Loading,\n delay: 300,\n modules: ['BlogInfo'],\n });\nconst BlogLinks = Loadable({\n loader: () => import(/* webpackChunkName: \"BlogLinks\" */ '../components-sitecore/BlogLinks'),\n loading: Loading,\n delay: 300,\n modules: ['BlogLinks'],\n });\nconst BlogSearch = Loadable({\n loader: () => import(/* webpackChunkName: \"BlogSearch\" */ '../components-sitecore/BlogSearch'),\n loading: Loading,\n delay: 300,\n modules: ['BlogSearch'],\n });\nconst BlogTags = Loadable({\n loader: () => import(/* webpackChunkName: \"BlogTags\" */ '../components-sitecore/BlogTags'),\n loading: Loading,\n delay: 300,\n modules: ['BlogTags'],\n });\nconst BlogVideo = Loadable({\n loader: () => import(/* webpackChunkName: \"BlogVideo\" */ '../components-sitecore/BlogVideo'),\n loading: Loading,\n delay: 300,\n modules: ['BlogVideo'],\n });\nconst BrightcoveVideoExperience = Loadable({\n loader: () => import(/* webpackChunkName: \"BrightcoveVideoExperience\" */ '../components-sitecore/BrightcoveVideoExperience'),\n loading: Loading,\n delay: 300,\n modules: ['BrightcoveVideoExperience'],\n });\nconst CategoryDetail = Loadable({\n loader: () => import(/* webpackChunkName: \"CategoryDetail\" */ '../components-sitecore/CategoryDetail'),\n loading: Loading,\n delay: 300,\n modules: ['CategoryDetail'],\n });\nconst ConditionDetail = Loadable({\n loader: () => import(/* webpackChunkName: \"ConditionDetail\" */ '../components-sitecore/ConditionDetail'),\n loading: Loading,\n delay: 300,\n modules: ['ConditionDetail'],\n });\nconst ContactCards = Loadable({\n loader: () => import(/* webpackChunkName: \"ContactCards\" */ '../components-sitecore/ContactCards'),\n loading: Loading,\n delay: 300,\n modules: ['ContactCards'],\n });\nconst ContactForm = Loadable({\n loader: () => import(/* webpackChunkName: \"ContactForm\" */ '../components-sitecore/ContactForm'),\n loading: Loading,\n delay: 300,\n modules: ['ContactForm'],\n });\nconst ContactUsForm = Loadable({\n loader: () => import(/* webpackChunkName: \"ContactUsForm\" */ '../components-sitecore/ContactUsForm'),\n loading: Loading,\n delay: 300,\n modules: ['ContactUsForm'],\n });\nconst CovidBanner = Loadable({\n loader: () => import(/* webpackChunkName: \"CovidBanner\" */ '../components-sitecore/CovidBanner'),\n loading: Loading,\n delay: 300,\n modules: ['CovidBanner'],\n });\nconst CTABanner = Loadable({\n loader: () => import(/* webpackChunkName: \"CTABanner\" */ '../components-sitecore/CTABanner'),\n loading: Loading,\n delay: 300,\n modules: ['CTABanner'],\n });\nconst FAQAccordion = Loadable({\n loader: () => import(/* webpackChunkName: \"FAQAccordion\" */ '../components-sitecore/FAQAccordion'),\n loading: Loading,\n delay: 300,\n modules: ['FAQAccordion'],\n });\nconst FooterExpandableNavList = Loadable({\n loader: () => import(/* webpackChunkName: \"FooterExpandableNavList\" */ '../components-sitecore/FooterExpandableNavList'),\n loading: Loading,\n delay: 300,\n modules: ['FooterExpandableNavList'],\n });\nconst FooterLanguagesNavList = Loadable({\n loader: () => import(/* webpackChunkName: \"FooterLanguagesNavList\" */ '../components-sitecore/FooterLanguagesNavList'),\n loading: Loading,\n delay: 300,\n modules: ['FooterLanguagesNavList'],\n });\nconst FooterNavList = Loadable({\n loader: () => import(/* webpackChunkName: \"FooterNavList\" */ '../components-sitecore/FooterNavList'),\n loading: Loading,\n delay: 300,\n modules: ['FooterNavList'],\n });\nconst FooterSocialNavList = Loadable({\n loader: () => import(/* webpackChunkName: \"FooterSocialNavList\" */ '../components-sitecore/FooterSocialNavList'),\n loading: Loading,\n delay: 300,\n modules: ['FooterSocialNavList'],\n });\nconst GetCareWizard = Loadable({\n loader: () => import(/* webpackChunkName: \"GetCareWizard\" */ '../components-sitecore/GetCareWizard'),\n loading: Loading,\n delay: 300,\n modules: ['GetCareWizard'],\n });\nconst GlobalFooter = Loadable({\n loader: () => import(/* webpackChunkName: \"GlobalFooter\" */ '../components-sitecore/GlobalFooter'),\n loading: Loading,\n delay: 300,\n modules: ['GlobalFooter'],\n });\nconst GlobalPrimaryNav = Loadable({\n loader: () => import(/* webpackChunkName: \"GlobalPrimaryNav\" */ '../components-sitecore/GlobalPrimaryNav'),\n loading: Loading,\n delay: 300,\n modules: ['GlobalPrimaryNav'],\n });\nconst Hero = Loadable({\n loader: () => import(/* webpackChunkName: \"Hero\" */ '../components-sitecore/Hero'),\n loading: Loading,\n delay: 300,\n modules: ['Hero'],\n });\nconst HomeGetCare = Loadable({\n loader: () => import(/* webpackChunkName: \"HomeGetCare\" */ '../components-sitecore/HomeGetCare'),\n loading: Loading,\n delay: 300,\n modules: ['HomeGetCare'],\n });\nconst HomeUpdates = Loadable({\n loader: () => import(/* webpackChunkName: \"HomeUpdates\" */ '../components-sitecore/HomeUpdates'),\n loading: Loading,\n delay: 300,\n modules: ['HomeUpdates'],\n });\nconst Link = Loadable({\n loader: () => import(/* webpackChunkName: \"Link\" */ '../components-sitecore/Link'),\n loading: Loading,\n delay: 300,\n modules: ['Link'],\n });\nconst LocationDetails = Loadable({\n loader: () => import(/* webpackChunkName: \"LocationDetails\" */ '../components-sitecore/LocationDetails'),\n loading: Loading,\n delay: 300,\n modules: ['LocationDetails'],\n });\nconst LocationSearch = Loadable({\n loader: () => import(/* webpackChunkName: \"LocationSearch\" */ '../components-sitecore/LocationSearch'),\n loading: Loading,\n delay: 300,\n modules: ['LocationSearch'],\n });\nconst MHFNUpContentBlock = Loadable({\n loader: () => import(/* webpackChunkName: \"MHFNUpContentBlock\" */ '../components-sitecore/MHFNUpContentBlock'),\n loading: Loading,\n delay: 300,\n modules: ['MHFNUpContentBlock'],\n });\nconst OpenSchedulingIFrame = Loadable({\n loader: () => import(/* webpackChunkName: \"OpenSchedulingIFrame\" */ '../components-sitecore/OpenSchedulingIFrame'),\n loading: Loading,\n delay: 300,\n modules: ['OpenSchedulingIFrame'],\n });\nconst PageNotFound = Loadable({\n loader: () => import(/* webpackChunkName: \"PageNotFound\" */ '../components-sitecore/PageNotFound'),\n loading: Loading,\n delay: 300,\n modules: ['PageNotFound'],\n });\nconst ProfileCardBlock = Loadable({\n loader: () => import(/* webpackChunkName: \"ProfileCardBlock\" */ '../components-sitecore/ProfileCardBlock'),\n loading: Loading,\n delay: 300,\n modules: ['ProfileCardBlock'],\n });\nconst ProviderDetailsComponent = Loadable({\n loader: () => import(/* webpackChunkName: \"ProviderDetailsComponent\" */ '../components-sitecore/ProviderDetailsComponent'),\n loading: Loading,\n delay: 300,\n modules: ['ProviderDetailsComponent'],\n });\nconst ProviderSearch = Loadable({\n loader: () => import(/* webpackChunkName: \"ProviderSearch\" */ '../components-sitecore/ProviderSearch'),\n loading: Loading,\n delay: 300,\n modules: ['ProviderSearch'],\n });\nconst RegionsMap = Loadable({\n loader: () => import(/* webpackChunkName: \"RegionsMap\" */ '../components-sitecore/RegionsMap'),\n loading: Loading,\n delay: 300,\n modules: ['RegionsMap'],\n });\nconst ResearchAndStats = Loadable({\n loader: () => import(/* webpackChunkName: \"ResearchAndStats\" */ '../components-sitecore/ResearchAndStats'),\n loading: Loading,\n delay: 300,\n modules: ['ResearchAndStats'],\n });\nconst SectionTitleWithTwoColumnList = Loadable({\n loader: () => import(/* webpackChunkName: \"SectionTitleWithTwoColumnList\" */ '../components-sitecore/SectionTitleWithTwoColumnList'),\n loading: Loading,\n delay: 300,\n modules: ['SectionTitleWithTwoColumnList'],\n });\nconst SimpleContentBlock = Loadable({\n loader: () => import(/* webpackChunkName: \"SimpleContentBlock\" */ '../components-sitecore/SimpleContentBlock'),\n loading: Loading,\n delay: 300,\n modules: ['SimpleContentBlock'],\n });\nconst Sitemap = Loadable({\n loader: () => import(/* webpackChunkName: \"Sitemap\" */ '../components-sitecore/Sitemap'),\n loading: Loading,\n delay: 300,\n modules: ['Sitemap'],\n });\nconst SpecialtyDetail = Loadable({\n loader: () => import(/* webpackChunkName: \"SpecialtyDetail\" */ '../components-sitecore/SpecialtyDetail'),\n loading: Loading,\n delay: 300,\n modules: ['SpecialtyDetail'],\n });\nconst SpecialtyServicesSearch = Loadable({\n loader: () => import(/* webpackChunkName: \"SpecialtyServicesSearch\" */ '../components-sitecore/SpecialtyServicesSearch'),\n loading: Loading,\n delay: 300,\n modules: ['SpecialtyServicesSearch'],\n });\nconst StayConnected = Loadable({\n loader: () => import(/* webpackChunkName: \"StayConnected\" */ '../components-sitecore/StayConnected'),\n loading: Loading,\n delay: 300,\n modules: ['StayConnected'],\n });\nconst Subtitle = Loadable({\n loader: () => import(/* webpackChunkName: \"Subtitle\" */ '../components-sitecore/Subtitle'),\n loading: Loading,\n delay: 300,\n modules: ['Subtitle'],\n });\nconst TextAndImage = Loadable({\n loader: () => import(/* webpackChunkName: \"TextAndImage\" */ '../components-sitecore/TextAndImage'),\n loading: Loading,\n delay: 300,\n modules: ['TextAndImage'],\n });\nconst TreatmentDetail = Loadable({\n loader: () => import(/* webpackChunkName: \"TreatmentDetail\" */ '../components-sitecore/TreatmentDetail'),\n loading: Loading,\n delay: 300,\n modules: ['TreatmentDetail'],\n });\nconst VolunteerForm = Loadable({\n loader: () => import(/* webpackChunkName: \"VolunteerForm\" */ '../components-sitecore/VolunteerForm'),\n loading: Loading,\n delay: 300,\n modules: ['VolunteerForm'],\n });\n\nconst components = new Map();\ncomponents.set('BlogCarousel', BlogCarousel);\ncomponents.set('BlogContent', BlogContent);\ncomponents.set('BlogFeatured', BlogFeatured);\ncomponents.set('BlogHighlight', BlogHighlight);\ncomponents.set('BlogImage', BlogImage);\ncomponents.set('BlogInfo', BlogInfo);\ncomponents.set('BlogLinks', BlogLinks);\ncomponents.set('BlogSearch', BlogSearch);\ncomponents.set('BlogTags', BlogTags);\ncomponents.set('BlogVideo', BlogVideo);\ncomponents.set('BrightcoveVideoExperience', BrightcoveVideoExperience);\ncomponents.set('CategoryDetail', CategoryDetail);\ncomponents.set('ConditionDetail', ConditionDetail);\ncomponents.set('ContactCards', ContactCards);\ncomponents.set('ContactForm', ContactForm);\ncomponents.set('ContactUsForm', ContactUsForm);\ncomponents.set('CovidBanner', CovidBanner);\ncomponents.set('CTABanner', CTABanner);\ncomponents.set('FAQAccordion', FAQAccordion);\ncomponents.set('FooterExpandableNavList', FooterExpandableNavList);\ncomponents.set('FooterLanguagesNavList', FooterLanguagesNavList);\ncomponents.set('FooterNavList', FooterNavList);\ncomponents.set('FooterSocialNavList', FooterSocialNavList);\ncomponents.set('GetCareWizard', GetCareWizard);\ncomponents.set('GlobalFooter', GlobalFooter);\ncomponents.set('GlobalPrimaryNav', GlobalPrimaryNav);\ncomponents.set('Hero', Hero);\ncomponents.set('HomeGetCare', HomeGetCare);\ncomponents.set('HomeUpdates', HomeUpdates);\ncomponents.set('Link', Link);\ncomponents.set('LocationDetails', LocationDetails);\ncomponents.set('LocationSearch', LocationSearch);\ncomponents.set('MHFNUpContentBlock', MHFNUpContentBlock);\ncomponents.set('OpenSchedulingIFrame', OpenSchedulingIFrame);\ncomponents.set('PageNotFound', PageNotFound);\ncomponents.set('ProfileCardBlock', ProfileCardBlock);\ncomponents.set('ProviderDetailsComponent', ProviderDetailsComponent);\ncomponents.set('ProviderSearch', ProviderSearch);\ncomponents.set('RegionsMap', RegionsMap);\ncomponents.set('ResearchAndStats', ResearchAndStats);\ncomponents.set('SectionTitleWithTwoColumnList', SectionTitleWithTwoColumnList);\ncomponents.set('SimpleContentBlock', SimpleContentBlock);\ncomponents.set('Sitemap', Sitemap);\ncomponents.set('SpecialtyDetail', SpecialtyDetail);\ncomponents.set('SpecialtyServicesSearch', SpecialtyServicesSearch);\ncomponents.set('StayConnected', StayConnected);\ncomponents.set('Subtitle', Subtitle);\ncomponents.set('TextAndImage', TextAndImage);\ncomponents.set('TreatmentDetail', TreatmentDetail);\ncomponents.set('VolunteerForm', VolunteerForm);\n\nexport default function componentFactory(componentName) {\n return components.get(componentName);\n};\n","import { SitecoreContextFactory } from '@sitecore-jss/sitecore-jss-react';\r\n\r\n/*\r\n The SitecoreContextFactory stores the current Sitecore context for the app.\r\n For example, whether the page is currently being edited, or the current language.\r\n Note that the export makes this essentially a singleton, so we can store state in it.\r\n\r\n The Sitecore context is generally updated on route change (/src/index.js).\r\n The `withSitecoreContext()` higher order component from `sitecore-jss-react`\r\n can be used to access the context from within a component.\r\n*/\r\nexport default new SitecoreContextFactory();\r\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","import React from 'react';\r\nimport {\r\n withSitecoreContext,\r\n Placeholder,\r\n getChildPlaceholder,\r\n} from '@sitecore-jss/sitecore-jss-react';\r\nimport get from 'lodash/get';\r\n\r\n// This component can be used to render a static layout placed in the sitecore context\r\n// https://jss.sitecore.com/docs/techniques/extending-layout-service/layoutservice-static-context-rendering\r\nfunction ConditionalStaticPlaceholder({\r\n sitecoreContext,\r\n contextKey,\r\n name,\r\n ...otherProps\r\n}) {\r\n let placeholderData = get(sitecoreContext, contextKey, {});\r\n\r\n // if we have route data that places components in the target placeholder,\r\n // we're editing the definition item of the static item, so we should\r\n // render as a normal placeholder\r\n if (sitecoreContext.route) {\r\n const childPlaceholder = getChildPlaceholder(\r\n sitecoreContext.route,\r\n name\r\n );\r\n\r\n if (\r\n childPlaceholder &&\r\n childPlaceholder.some((rendering) => rendering.componentName)\r\n ) {\r\n placeholderData = sitecoreContext.route;\r\n }\r\n }\r\n\r\n return (\r\n \r\n );\r\n}\r\n\r\nexport default withSitecoreContext()(ConditionalStaticPlaceholder);\r\n","import React from 'react';\r\nimport classnames from 'classnames';\r\nimport PropTypes from 'prop-types';\r\nimport { useTranslation } from 'react-i18next';\r\n\r\nconst SkipLink = ({ targetId, textId, defaultText, classNames }) => {\r\n const { t } = useTranslation();\r\n const text = t(textId, {\r\n defaultValue: defaultText,\r\n });\r\n\r\n return (\r\n \r\n {text}\r\n \r\n );\r\n};\r\n\r\nSkipLink.propTypes = {\r\n targetId: PropTypes.string.isRequired,\r\n text: PropTypes.string,\r\n defaultText: PropTypes.string,\r\n classNames: PropTypes.string,\r\n};\r\n\r\nSkipLink.defaultProps = {\r\n targetId: '',\r\n textId: 'navigation.skipToContent',\r\n defaultText: 'Skip to Main Content',\r\n classNames: '',\r\n};\r\n\r\nexport default SkipLink;\r\n","import React from 'react';\r\nimport {\r\n Placeholder,\r\n VisitorIdentification,\r\n} from '@sitecore-jss/sitecore-jss-react';\r\nimport { useTranslation } from 'react-i18next';\r\nimport Helmet from 'react-helmet';\r\nimport ConditionalStaticPlaceholder from './ConditionalStaticPlaceholder';\r\nimport SkipLink from './components-common/SkipLink';\r\n\r\n/*\r\n APP LAYOUT\r\n This is where the app's HTML structure and root placeholders should be defined.\r\n\r\n All routes share this root layout by default (this could be customized in RouteHandler),\r\n but components added to inner placeholders are route-specific.\r\n*/\r\n\r\nconst Layout = ({ route, context }) => {\r\n let redirectDictionary;\r\n const { t } = useTranslation();\r\n const canonicalUrl = context?.canonicalDataLayer?.canonicalUrl;\r\n\r\n try {\r\n redirectDictionary = JSON.parse(\r\n t('redirects.gich', { defaultValue: '[]' })\r\n );\r\n\r\n redirectDictionary.forEach((val) => {\r\n if (window.location.pathname === val.pathName) {\r\n window.location.replace(val.extRedirect);\r\n }\r\n });\r\n } catch (err) {\r\n redirectDictionary = [];\r\n console.error(\"Fix the 'redirects.gich' dictionary item\");\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 {canonicalUrl && }\r\n \r\n {(route.fields &&\r\n route.fields.pageTitle &&\r\n route.fields.pageTitle.value) ||\r\n 'Page'}\r\n \r\n \r\n\r\n {/*\r\n VisitorIdentification is necessary for Sitecore Analytics to determine if the visitor is a robot.\r\n If Sitecore XP (with xConnect/xDB) is used, this is required or else analytics will not be collected for the JSS app.\r\n For XM (CMS-only) apps, this should be removed.\r\n\r\n VI detection only runs once for a given analytics ID, so this is not a recurring operation once cookies are established.\r\n */}\r\n \r\n\r\n {/* root placeholder for the app, which we add components to using route data */}\r\n
\r\n \r\n \r\n {/*\r\n Rendering for primary nav is in sitecore context and following this technique\r\n https://jss.sitecore.com/docs/techniques/extending-layout-service/layoutservice-static-context-rendering\r\n */}\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n {/*\r\n Rendering for footer is in sitecore context and following this technique\r\n https://jss.sitecore.com/docs/techniques/extending-layout-service/layoutservice-static-context-rendering\r\n */}\r\n \r\n
\r\n
\r\n\r\n {/* Modals will be mounted here via react portal to facilitate easier focus management */}\r\n \r\n \r\n );\r\n};\r\n\r\nexport default 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 {\r\n isExperienceEditorActive,\r\n dataApi,\r\n} from '@sitecore-jss/sitecore-jss-react';\r\nimport SitecoreContextFactory from './lib/SitecoreContextFactory';\r\nimport { dataFetcher } from './dataFetcher';\r\nimport config from './temp/config';\r\nimport Layout from './Layout';\r\nimport NotFound from './NotFound';\r\nimport Spinner from './components-common/Spinner';\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\nlet ssrInitialState = null;\r\n\r\nexport default class RouteHandler extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n isFetching: false,\r\n notFound: true,\r\n routeData: ssrInitialState, // null when client-side rendering\r\n defaultLanguage: config.defaultLanguage,\r\n };\r\n\r\n if (\r\n ssrInitialState &&\r\n ssrInitialState.sitecore &&\r\n ssrInitialState.sitecore.route\r\n ) {\r\n // set the initial sitecore context data if we got SSR initial state\r\n SitecoreContextFactory.setSitecoreContext({\r\n route: ssrInitialState.sitecore.route,\r\n itemId: ssrInitialState.sitecore.route.itemId,\r\n ...ssrInitialState.sitecore.context,\r\n });\r\n }\r\n\r\n // route data from react-router - if route was resolved, it's not a 404\r\n if (props.route !== 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 (\r\n ssrInitialState &&\r\n (!ssrInitialState.sitecore || !ssrInitialState.sitecore.route)\r\n ) {\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 (\r\n ssrInitialState &&\r\n ssrInitialState.context &&\r\n ssrInitialState.context.language\r\n ) {\r\n this.state.defaultLanguage = ssrInitialState.context.language;\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') {\r\n ssrInitialState = null;\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 // if no existing routeData is present (from SSR), get Layout Service fetching the route data\r\n if (!this.state.routeData) {\r\n this.updateRouteData();\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 /**\r\n * Loads route data from Sitecore Layout Service into state.routeData\r\n */\r\n updateRouteData() {\r\n let sitecoreRoutePath =\r\n this.props.route.match.params.sitecoreRoute || '/';\r\n if (!sitecoreRoutePath.startsWith('/')) {\r\n sitecoreRoutePath = `/${sitecoreRoutePath}`;\r\n }\r\n\r\n const language =\r\n this.props.route.match.params.lang || this.state.defaultLanguage;\r\n\r\n this.setState({ isFetching: true });\r\n\r\n // get the route data for the new route\r\n getRouteData(sitecoreRoutePath, language).then((routeData) => {\r\n if (\r\n routeData !== null &&\r\n routeData.sitecore &&\r\n routeData.sitecore.route\r\n ) {\r\n // set the sitecore context data and push the new route\r\n SitecoreContextFactory.setSitecoreContext({\r\n route: routeData.sitecore.route,\r\n itemId: routeData.sitecore.route.itemId,\r\n ...routeData.sitecore.context,\r\n });\r\n this.setState({\r\n routeData,\r\n notFound: false,\r\n isFetching: false,\r\n });\r\n } else {\r\n this.setState({ routeData, notFound: true, isFetching: false });\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 =\r\n 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, routeData } = this.state;\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) {\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 ;\r\n }\r\n\r\n // Render the app's root structural layout\r\n return (\r\n <>\r\n {this.state.isFetching && (\r\n
\r\n \r\n
\r\n )}\r\n \r\n \r\n );\r\n }\r\n}\r\n\r\n/**\r\n * Sets the initial state provided by server-side rendering.\r\n * Setting this state will bypass initial route data fetch calls.\r\n * @param {object} ssrState\r\n */\r\nexport function setServerSideRenderingState(ssrState) {\r\n ssrInitialState = ssrState;\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, language) {\r\n const fetchOptions = {\r\n layoutServiceConfig: { host: config.sitecoreApiHost },\r\n querystringParams: {\r\n sc_lang: language,\r\n sc_apikey: config.sitecoreApiKey,\r\n },\r\n fetcher: dataFetcher,\r\n };\r\n\r\n return dataApi.fetchRouteData(route, fetchOptions).catch((error) => {\r\n if (\r\n error.response &&\r\n error.response.status === 404 &&\r\n error.response.data\r\n ) {\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 { useLocation } from 'react-router-dom';\r\n\r\n// Run effects after router pathname change to scroll to top\r\n// Must be rendered inside of router\r\n// https://reactrouter.com/web/guides/scroll-restoration\r\nexport default function ScrollToTop() {\r\n const { pathname } = useLocation();\r\n\r\n useEffect(() => {\r\n window.scrollTo(0, 0);\r\n }, [pathname]);\r\n\r\n return null;\r\n}\r\n","import './App.scss';\r\nimport 'react-app-polyfill/ie11';\r\nimport 'react-app-polyfill/stable';\r\n\r\nimport React from 'react';\r\nimport { SitecoreContext } from '@sitecore-jss/sitecore-jss-react';\r\nimport { Route, Switch } from 'react-router-dom';\r\n// import { ApolloProvider } from 'react-apollo'; // Uncomment in the future to use graphql apollo provider\r\nimport componentFactory from './temp/componentFactory';\r\nimport SitecoreContextFactory from './lib/SitecoreContextFactory';\r\nimport RouteHandler from './RouteHandler';\r\nimport ScrollToTop from './ScrollToTop';\r\nimport { ThemeProvider } from '@fhs/shared/src/utilities/ThemeManager';\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// ---\r\n// ApolloProvider: provides an instance of Apollo GraphQL client to the app to make Connected GraphQL queries. Not needed if not using connected GraphQL. If you want to add this feature back wrap everything below with and uncomment import at top.\r\n// ---\r\n// SitecoreContext: provides component resolution and context services via withSitecoreContext\r\n// ---\r\n// Router: provides a basic routing setup that will resolve Sitecore item routes and allow for language URL prefixes.\r\nconst AppRoot = ({\r\n path,\r\n Router,\r\n graphQLClient, // eslint-disable-line no-unused-vars\r\n}) => {\r\n const routeRenderFunction = (props) => ;\r\n return (\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\nexport default AppRoot;\r\n","import 'react-app-polyfill/ie11';\r\nimport 'react-app-polyfill/stable';\r\nimport 'focus-visible';\r\n\r\n// Polyfill for object-fit because IE 11:\r\n// https://github.com/fregante/object-fit-images\r\nimport objectFitImages from 'object-fit-images';\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 { setServerSideRenderingState } from './RouteHandler';\r\nimport GraphQLClientFactory from './lib/GraphQLClientFactory';\r\nimport config from './temp/config';\r\nimport i18ninit from './i18n';\r\n\r\n// Added for code splitting\r\nimport Loadable from 'react-loadable';\r\n\r\n/* eslint-disable no-underscore-dangle */\r\n\r\nlet renderFunction = ReactDOM.render;\r\n\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 setServerSideRenderingState(__JSS_STATE__);\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 GraphQL Data\r\n The Apollo Client needs to be initialized to make GraphQL available to the JSS app.\r\n Not using GraphQL? Remove this, and the ApolloContext from `AppRoot`.\r\n*/\r\n// Apollo supports SSR of GraphQL queries, so like JSS SSR, it has an object we can pre-hydrate the client cache from\r\n// to avoid needing to re-run GraphQL queries after the SSR page loads\r\nconst initialGraphQLState =\r\n __JSS_STATE__ && __JSS_STATE__.APOLLO_STATE\r\n ? __JSS_STATE__.APOLLO_STATE\r\n : null;\r\n\r\nconst graphQLClient = GraphQLClientFactory(\r\n config.graphQLEndpoint,\r\n false,\r\n initialGraphQLState\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 multilingual app, the dictionary init can be removed.\r\ni18ninit(initLanguage)\r\n // Added for code splitting\r\n .then(() => Loadable.preloadReady())\r\n .then(() => {\r\n // HTML element to place the app into\r\n const rootElement = document.getElementById('root');\r\n\r\n renderFunction(\r\n ,\r\n rootElement,\r\n () => objectFitImages()\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 you can use the `import { useTranslation } from 'react-i18next';`\r\n * https://react.i18next.com/latest/usetranslation-hook\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: false, // 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 keySeparator: false, // do not try to separate with '.' char, our json response is flat\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(\r\n language,\r\n 'translation',\r\n dictionary,\r\n true,\r\n true\r\n );\r\n\r\n resolve();\r\n });\r\n } else {\r\n i18n.changeLanguage(language).then(() => {\r\n i18n.addResourceBundle(\r\n language,\r\n 'translation',\r\n dictionary,\r\n true,\r\n true\r\n );\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.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","import 'isomorphic-fetch';\r\nimport { ApolloClient } from 'apollo-client';\r\nimport {\r\n InMemoryCache,\r\n IntrospectionFragmentMatcher,\r\n} from 'apollo-cache-inmemory';\r\n\r\n/*\r\n INTROSPECTION DATA\r\n See https://www.apollographql.com/docs/react/recipes/fragment-matching.html\r\n This enables the Apollo cache to process fragments on interface types correctly.\r\n If this file does not exist, you may need to run the `jss graphql:update` script.\r\n*/\r\nimport introspectionQueryResultData from '../temp/GraphQLFragmentTypes.json';\r\n\r\n/*\r\n QUERY LINK SELECTION\r\n A link is transport which GraphQL queries are pushed across.\r\n You have many choices.\r\n See the apollo-link documentation for more details.\r\n\r\n NOTE: to use Sitecore Experience Editor it is essential that your\r\n link passes cookies along with requests (credentials: 'include').\r\n*/\r\n\r\n// choose between a basic HTTP link to run queries...\r\n// import { createHttpLink } from 'apollo-link-http';\r\n// const link = createHttpLink({ uri: endpoint, credentials: 'include' });\r\n\r\n// ...or a batched link (multiple queries within 10ms all go in one HTTP request)\r\nimport { BatchHttpLink } from 'apollo-link-batch-http';\r\n\r\n// ...and an automatic persisted query link, which reduces bandwidth by using query hashes to alias content\r\n// the APQ link is _chained_ behind another link that performs the actual HTTP calls, so you can choose\r\n// APQ + batched, or APQ + http links for example.\r\nimport { createPersistedQueryLink } from 'apollo-link-persisted-queries';\r\n\r\nexport default function (endpoint, ssr, initialCacheState) {\r\n /* HTTP link selection: default to batched + APQ */\r\n const link = createPersistedQueryLink().concat(\r\n new BatchHttpLink({ uri: endpoint, credentials: 'include' })\r\n );\r\n\r\n const cache = new InMemoryCache({\r\n fragmentMatcher: new IntrospectionFragmentMatcher({\r\n introspectionQueryResultData,\r\n }),\r\n });\r\n\r\n return new ApolloClient({\r\n ssrMode: ssr,\r\n ssrForceFetchDelay: 100,\r\n link,\r\n cache: cache.restore(initialCacheState),\r\n });\r\n}\r\n"],"sourceRoot":""}