\n Something went wrong. Click the button below to provide any feedback. Othewise, try refreshing the page.\n
\n \n
\n )\n }\n\n return this.props.children;\n }\n}\n\nexport default ErrorBoundary;\n","import React from 'react';\nimport Component from './components/Component';\nimport { VisitorIdentification, withSitecoreContext } from '@sitecore-jss/sitecore-jss-react';\nimport { TweenMax } from 'gsap';\nimport Helmet from 'react-helmet';\n\nimport { hasProp } from './assets/utilities';\nimport { breakpoints } from './assets/settings';\n// import { exit, enter } from './animations/page-transition';\nimport { transitionAnimation } from './animations/page-transition';\n\n// data maps\nimport pageTypes from './maps/page-type';\nimport metaData from './maps/meta-data';\nimport MobileContext from './context/mobile';\n\n// components\nimport NavMain from './components/_internal/NavMain';\nimport MobileMenu from './components/_internal/MobileMenu';\nimport PageContent from './components/_internal/PageContent';\nimport ErrorBoundary from './components/_internal/ErrorBoundary';\n\n// assets\nimport './assets/normalize.css';\n\nlet hyperform = null;\n\nif (typeof window !== 'undefined') {\n hyperform = require('hyperform');\n require('intersection-observer');\n\n if (window.outdatedBrowser) {\n throw new Error('Outdated Browser');\n }\n}\n\nclass Layout extends Component {\n\n constructor(props) {\n super(props);\n this.state = {\n route: this.props.route,\n transitionComplete: false,\n mobileMenuOpen: false,\n contactPanelOpen: false,\n isMobile: false,\n exitType: null\n }\n }\n\n toggleContactPanelOpen = (bool = false) => {\n this.setState({ contactPanelOpen: bool });\n }\n\n toggleMobileMenu = (bool = false) => {\n return this.setState({ mobileMenuOpen: bool }, () => {\n // prevent body scrolling when mobile menu is open\n document.body.style.overflow = this.state.mobileMenuOpen ? 'hidden' : 'auto';\n });\n }\n\n setTransitionComplete = (bool = false, pageType) => {\n this.toggleContactPanelOpen(false);\n const returnObj = {\n transitionComplete: bool\n };\n\n if (pageType) {\n returnObj.exitType = pageType.value;\n }\n\n this.setState(returnObj);\n }\n\n exitTransitionComplete = (newProps) => {\n this.scrollWindowTop();\n this.setState({\n route: newProps.route\n });\n }\n\n handleEnter = (node, mask) => {\n const { pageType } = this.props.route.fields,\n pageTypeData = pageTypes(hasProp(pageType));\n\n // remove any classes from body\n document.body.className = '';\n\n // entering\n transitionAnimation({\n type: 'enter',\n node,\n mask,\n animation: pageTypeData.animation,\n exitType: this.state.exitType,\n isMobile: this.state.isMobile,\n completeFn: () => this.setTransitionComplete(true, pageType)\n });\n }\n\n scrollWindowTop = () => {\n this.window.scrollTo(0, 0);\n }\n\n setIsMobile = () => {\n this.setState({\n isMobile: this.window.innerWidth < breakpoints.desktop\n });\n }\n\n componentDidMount() {\n\n if (hyperform) {\n hyperform.default(this.window);\n }\n\n this.scrollWindowTop();\n this.setIsMobile();\n this.window.addEventListener('resize', this.setIsMobile);\n\n // prevents Flash of Unstyled Content\n const pageContainer = document.querySelector('.react-container');\n\n if (pageContainer) {\n TweenMax.to(pageContainer, 0, { autoAlpha: 1 });\n }\n }\n\n componentWillUnmount() {\n this.window.removeEventListener('resize', this.setMobile);\n }\n\n componentWillReceiveProps(nextProps) {\n const { pageType } = this.props.route.fields,\n pageTypeData = pageTypes(hasProp(pageType) && pageType.value);\n\n // ensures that transition exit animations only fire once\n if (nextProps.route !== this.state.route) {\n this.setTransitionComplete(false, null);\n\n // exiting\n transitionAnimation({\n type: 'exit',\n enterType: pageType,\n animation: pageTypeData.animation,\n exitType: this.state.exitType,\n isMobile: this.state.isMobile,\n completeFn: () => this.exitTransitionComplete(nextProps)\n });\n }\n }\n\n render() {\n\n const { route } = this.props,\n { fields } = route,\n {\n pageType,\n openGraphImage,\n pageDescription,\n pageTitle,\n hideFromSearchEngines,\n nofollowLinks\n } = fields,\n pageTypeData = pageTypes(hasProp(pageType));\n\t\t \n\t \n const doesPageHaveMetaTitle = hasProp(pageTitle) !== false;\n const defaultTitleSuffix = 'Interactive Strategies - Washington, DC';\n \n // Currently used for job detail pages in which the title is fetched from the Workable API on the server side\n const contextAwarePageTitle = this.props.sitecoreContext.pageTitle;\n\n let title;\n \n if (contextAwarePageTitle) {\n title = `${contextAwarePageTitle} | ${defaultTitleSuffix}`;\n } else if (doesPageHaveMetaTitle) {\n title = `${hasProp(pageTitle)} | ${defaultTitleSuffix}`;\n } else if (route.name === 'home') {\n title = `${hasProp(pageTitle)}`;\n } else {\n title = `${defaultTitleSuffix}`;\n }\n \n const metaDesc = hasProp(pageDescription) || metaData('description');\n\n // Noindex all sites that aren't the final canonical URL: https://www.interactivestrategies.com/\n let robots = \"\";\n const isFinalCanonicalSchemeAndSubdomain = this.props.sitecoreContext.targetHostnameWithScheme.startsWith(\"https://www.\");\n if(!isFinalCanonicalSchemeAndSubdomain){\n robots = \"noindex, nofollow\";\n } else {\n robots = `${hasProp(hideFromSearchEngines) ? \"noindex\" :\"index\"}, ${hasProp(nofollowLinks) ? \"nofollow\" : \"follow\"}`;\n }\n\n // OG image should include the full URL, so grab the protocol and host name first\n let ogImageUrl = this.props.sitecoreContext.targetHostnameWithScheme;\n let ogImageWidth = \"\";\n let ogImageHeight = \"\";\n\n if (hasProp(openGraphImage)){\n // Handle case where Sitecore link options can be changed to include or exclude the server URL\n const isImgSrcUrlFullyQualified = openGraphImage.value.src.startsWith(\"http\");\n ogImageUrl = isImgSrcUrlFullyQualified ? openGraphImage.value.src : ogImageUrl + openGraphImage.value.src;\n\n ogImageWidth = openGraphImage.value.width;\n ogImageHeight = openGraphImage.value.height;\n } else {\n // Use the default OG image\n ogImageUrl += \"/og-image.jpg\";\n ogImageWidth = \"1200\";\n ogImageHeight = \"630\";\n }\n\n return (\n \n \n \n {title}\n \n \n \n \n \n \n \n \n \n \n\n \n\n
\n \n\n \n\n \n\n \n \n \n
\n \n \n );\n }\n}\n\nconst styles = {\n\n reactContainer: {\n visibility: 'hidden',\n position: 'relative'\n }\n}\n\nexport default withSitecoreContext()(Layout);\n","const NotFound = () => {\n\n const {\n protocol,\n hostname,\n port\n } = window.location;\n\n const errorRoute = `${protocol}//${hostname}${port ? ':' + port : ''}/404`;\n\n window.location = errorRoute;\n\n return null;\n}\n\nexport default NotFound;\n","import React from 'react';\nimport i18n from 'i18next';\nimport Helmet from 'react-helmet';\nimport { isExperienceEditorActive, dataApi } from '@sitecore-jss/sitecore-jss-react';\nimport SitecoreContextFactory from './lib/SitecoreContextFactory';\nimport { dataFetcher } from './dataFetcher';\nimport config from './temp/config';\nimport Layout from './Layout';\nimport NotFound from './NotFound';\n\n// Dynamic route handler for Sitecore items.\n// Because JSS app routes are defined in Sitecore, traditional static React routing isn't enough -\n// we need to be able to load dynamic route data from Sitecore after the client side route changes.\n// So react-router delegates all route rendering to this handler, which attempts to get the right\n// route data from Sitecore - and if none exists, renders the not found component.\n\nlet ssrInitialState = null;\n\nexport default class RouteHandler extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = {\n notFound: true,\n routeData: ssrInitialState, // null when client-side rendering\n defaultLanguage: config.defaultLanguage,\n };\n\n if (ssrInitialState && ssrInitialState.sitecore && ssrInitialState.sitecore.route) {\n // set the initial sitecore context data if we got SSR initial state\n SitecoreContextFactory.setSitecoreContext({\n route: ssrInitialState.sitecore.route,\n itemId: ssrInitialState.sitecore.route.itemId,\n ...ssrInitialState.sitecore.context,\n });\n }\n\n // route data from react-router - if route was resolved, it's not a 404\n if (props.route !== null) {\n this.state.notFound = false;\n }\n\n // if we have an initial SSR state, and that state doesn't have a valid route data,\n // then this is a 404 route.\n if (ssrInitialState && (!ssrInitialState.sitecore || !ssrInitialState.sitecore.route)) {\n this.state.notFound = true;\n }\n\n // if we have an SSR state, and that state has language data, set the current language\n // (this makes the language of content follow the Sitecore context language cookie)\n // note that a route-based language (i.e. /de-DE) will override this default; this is for home.\n if (ssrInitialState && ssrInitialState.context && ssrInitialState.context.language) {\n this.state.defaultLanguage = ssrInitialState.context.language;\n }\n\n // once we initialize the route handler, we've \"used up\" the SSR data,\n // if it existed, so we want to clear it now that it's in react state.\n // future route changes that might destroy/remount this component should ignore any SSR data.\n // EXCEPTION: Unless we are still SSR-ing. Because SSR can re-render the component twice\n // (once to find GraphQL queries that need to run, the second time to refresh the view with\n // GraphQL query results)\n // We test for SSR by checking for Node-specific process.env variable.\n if (typeof window !== 'undefined') {\n ssrInitialState = null;\n }\n\n this.componentIsMounted = false;\n this.languageIsChanging = false;\n\n // tell i18next to sync its current language with the route language\n this.updateLanguage();\n }\n\n componentDidMount() {\n // if no existing routeData is present (from SSR), get Layout Service fetching the route data\n if (!this.state.routeData) {\n this.updateRouteData();\n }\n\n this.componentIsMounted = true;\n }\n\n componentWillUnmount() {\n this.componentIsMounted = false;\n }\n\n /**\n * Loads route data from Sitecore Layout Service into state.routeData\n */\n updateRouteData() {\n let sitecoreRoutePath = this.props.route.match.params.sitecoreRoute || '/';\n if (!sitecoreRoutePath.startsWith('/')) {\n sitecoreRoutePath = `/${sitecoreRoutePath}`;\n }\n\n const language = this.props.route.match.params.lang || this.state.defaultLanguage;\n\n // get the route data for the new route\n getRouteData(sitecoreRoutePath, language).then((routeData) => {\n if (routeData !== null && routeData.sitecore && routeData.sitecore.route) {\n // set the sitecore context data and push the new route\n SitecoreContextFactory.setSitecoreContext({\n route: routeData.sitecore.route,\n itemId: routeData.sitecore.route.itemId,\n ...routeData.sitecore.context,\n });\n this.setState({ routeData, notFound: false });\n } else {\n this.setState({ routeData, notFound: true });\n }\n });\n }\n\n /**\n * Updates the current app language to match the route data.\n */\n updateLanguage() {\n const newLanguage = this.props.route.match.params.lang || this.state.defaultLanguage;\n\n if (i18n.language !== newLanguage) {\n this.languageIsChanging = true;\n\n i18n.changeLanguage(newLanguage, () => {\n this.languageIsChanging = false;\n\n // if the component is not mounted, we don't care\n // (next time it mounts, it will render with the right language context)\n if (this.componentIsMounted) {\n // after we change the i18n language, we need to force-update React,\n // since otherwise React won't know that the dictionary has changed\n // because it is stored in i18next state not React state\n this.forceUpdate();\n }\n });\n }\n }\n\n componentDidUpdate(previousProps) {\n const existingRoute = previousProps.route.match.url;\n const newRoute = this.props.route.match.url;\n\n // don't change state (refetch route data) if the route has not changed\n if (existingRoute === newRoute) {\n return;\n }\n\n // if in experience editor - force reload instead of route data update\n // avoids confusing Sitecore's editing JS\n if (isExperienceEditorActive()) {\n window.location.assign(newRoute);\n return;\n }\n\n this.updateLanguage();\n this.updateRouteData();\n }\n\n render() {\n const { notFound, routeData } = this.state;\n\n // no route data for the current route in Sitecore - show not found component.\n // Note: this is client-side only 404 handling. Server-side 404 handling is the responsibility\n // of the server being used (i.e. node-headless-ssr-proxy and Sitecore intergrated rendering know how to send 404 status codes).\n if (notFound) {\n return (\n
\n \n {i18n.t('Uh oh!')}\n \n \n
\n );\n }\n\n // Don't render anything if the route data or dictionary data is not fully loaded yet.\n // This is a good place for a \"Loading\" component, if one is needed.\n if (!routeData || this.languageIsChanging) {\n return null;\n }\n\n // Render the app's root structural layout\n return ;\n }\n}\n\n/**\n * Sets the initial state provided by server-side rendering.\n * Setting this state will bypass initial route data fetch calls.\n * @param {object} ssrState\n */\nexport function setServerSideRenderingState(ssrState) {\n ssrInitialState = ssrState;\n}\n\n/**\n * Gets route data from Sitecore. This data is used to construct the component layout for a JSS route.\n * @param {string} route Route path to get data for (e.g. /about)\n * @param {string} language Language to get route data in (content language, e.g. 'en')\n */\nfunction getRouteData(route, language) {\n const fetchOptions = {\n layoutServiceConfig: { host: config.sitecoreApiHost },\n querystringParams: { sc_lang: language, sc_apikey: config.sitecoreApiKey },\n fetcher: dataFetcher,\n };\n\n return dataApi.fetchRouteData(route, fetchOptions).catch((error) => {\n if (error.response && error.response.status === 404 && error.response.data) {\n return error.response.data;\n }\n\n console.error('Route data fetch error', error, error.response);\n\n return null;\n });\n}\n","import React from 'react';\nimport { SitecoreContext } from '@sitecore-jss/sitecore-jss-react';\nimport { Route, Switch } from 'react-router-dom';\nimport { ApolloProvider } from 'react-apollo';\nimport componentFactory from './temp/componentFactory';\nimport SitecoreContextFactory from './lib/SitecoreContextFactory';\nimport RouteHandler from './RouteHandler';\n\n// This is the main JSX entry point of the app invoked by the renderer (server or client rendering).\n// By default the app's normal rendering is delegated to that handles the loading of JSS route data.\n\n// support languages in the URL prefix\n// e.g. /da-DK/path, or /en/path, or /path\nexport const routePatterns = [\n '/:lang([a-z]{2}-[A-Z]{2})/:sitecoreRoute*',\n '/:lang([a-z]{2})/:sitecoreRoute*',\n '/:sitecoreRoute*',\n];\n\n// wrap the app with:\n// ApolloProvider: provides an instance of Apollo GraphQL client to the app to make Connected GraphQL queries.\n// Not needed if not using connected GraphQL.\n// SitecoreContext: provides component resolution and context services via withSitecoreContext\n// Router: provides a basic routing setup that will resolve Sitecore item routes and allow for language URL prefixes.\nconst AppRoot = ({ path, Router, graphQLClient }) => {\n const routeRenderFunction = (props) => ;\n return (\n \n \n \n \n {routePatterns.map((routePattern) => (\n \n ))}\n \n \n \n \n );\n};\n\nexport default AppRoot;\n","// This optional code is used to register a service worker.\n// register() is not called by default.\n\n// This lets the app load faster on subsequent visits in production, and gives\n// it offline capabilities. However, it also means that developers (and users)\n// will only see deployed updates on subsequent visits to a page, after all the\n// existing tabs open on the page have been closed, since previously cached\n// resources are updated in the background.\n\n// To learn more about the benefits of this model and instructions on how to\n// opt-in, read https://bit.ly/CRA-PWA\n\nlet environment = 'development';\n\nif (document.location.host === 'beta.interactivestrategies.com' ||\n document.location.host === 'is-react.interactivestaging.com' ||\n document.location.host === 'www.interactivestrategies.com') {\n environment = 'production';\n}\n\nconst isLocalhost = Boolean(\n window.location.hostname === 'localhost' ||\n // [::1] is the IPv6 localhost address.\n window.location.hostname === '[::1]' ||\n // 127.0.0.0/8 are considered localhost for IPv4.\n window.location.hostname.match(\n /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\n )\n);\n\nexport function register(config) {\n if (environment === 'production' && 'serviceWorker' in navigator) {\n\n // The URL constructor is available in all browsers that support SW.\n const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href);\n if (publicUrl.origin !== window.location.origin) {\n // Our service worker won't work if PUBLIC_URL is on a different origin\n // from what our page is served on. This might happen if a CDN is used to\n // serve assets; see https://github.com/facebook/create-react-app/issues/2374\n return;\n }\n\n window.addEventListener('load', () => {\n const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\n\n if (isLocalhost) {\n // This is running on localhost. Let's check if a service worker still exists or not.\n checkValidServiceWorker(swUrl, config);\n\n // Add some additional logging to localhost, pointing developers to the\n // service worker/PWA documentation.\n navigator.serviceWorker.ready.then(() => {\n console.log(\n 'This web app is being served cache-first by a service ' +\n 'worker. To learn more, visit https://bit.ly/CRA-PWA'\n );\n });\n } else {\n // Is not localhost. Just register service worker\n registerValidSW(swUrl, config);\n }\n });\n }\n}\n\nfunction registerValidSW(swUrl, config) {\n navigator.serviceWorker\n .register(swUrl)\n .then(registration => {\n registration.onupdatefound = () => {\n const installingWorker = registration.installing;\n if (installingWorker == null) {\n return;\n }\n installingWorker.onstatechange = () => {\n if (installingWorker.state === 'installed') {\n if (navigator.serviceWorker.controller) {\n // At this point, the updated precached content has been fetched,\n // but the previous service worker will still serve the older\n // content until all client tabs are closed.\n console.log(\n 'New content is available and will be used when all ' +\n 'tabs for this page are closed. See https://bit.ly/CRA-PWA.'\n );\n\n // Execute callback\n if (config && config.onUpdate) {\n config.onUpdate(registration);\n }\n } else {\n // At this point, everything has been precached.\n // It's the perfect time to display a\n // \"Content is cached for offline use.\" message.\n console.log('Content is cached for offline use.');\n\n // Execute callback\n if (config && config.onSuccess) {\n config.onSuccess(registration);\n }\n }\n }\n };\n };\n })\n .catch(error => {\n console.error('Error during service worker registration:', error);\n });\n}\n\nfunction checkValidServiceWorker(swUrl, config) {\n // Check if the service worker can be found. If it can't reload the page.\n fetch(swUrl, {\n headers: { 'Service-Worker': 'script' },\n })\n .then(response => {\n // Ensure service worker exists, and that we really are getting a JS file.\n const contentType = response.headers.get('content-type');\n if (\n response.status === 404 ||\n (contentType != null && contentType.indexOf('javascript') === -1)\n ) {\n // No service worker found. Probably a different app. Reload the page.\n navigator.serviceWorker.ready.then(registration => {\n registration.unregister().then(() => {\n window.location.reload();\n });\n });\n } else {\n // Service worker found. Proceed as normal.\n registerValidSW(swUrl, config);\n }\n })\n .catch(() => {\n console.log(\n 'No internet connection found. App is running in offline mode.'\n );\n });\n}\n\nexport function unregister() {\n if ('serviceWorker' in navigator) {\n navigator.serviceWorker.ready\n .then(registration => {\n registration.unregister();\n })\n .catch(error => {\n console.error(error.message);\n });\n }\n}\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport { BrowserRouter } from 'react-router-dom';\nimport AppRoot from './AppRoot';\nimport { setServerSideRenderingState } from './RouteHandler';\nimport GraphQLClientFactory from './lib/GraphQLClientFactory';\nimport config from './temp/config';\nimport i18ninit from './i18n';\nimport * as Sentry from '@sentry/browser';\nimport * as serviceWorker from './serviceWorker';\n\n/* eslint-disable no-underscore-dangle */\n\nlet environment = 'development';\n\nif (document.location.host === 'beta.interactivestrategies.com' ||\n document.location.host === 'www.interactivestrategies.com') {\n environment = 'production';\n}\n\nif (environment === 'production') {\n Sentry.init({\n dsn: 'https://decd18266bbf4c37bf803ecf90395623@logs.interactive-strategies.com/6',\n environment\n });\n}\n\nlet renderFunction = ReactDOM.render;\n\n/*\n SSR Data\n If we're running in a server-side rendering scenario,\n the server will provide JSON in the #__JSS_STATE__ element\n for us to acquire the initial state to run with on the client.\n\n This enables us to skip a network request to load up the layout data.\n We are emitting a quiescent script with JSON so that we can take advantage\n of JSON.parse()'s speed advantage over parsing full JS, and enable\n working without needing `unsafe-inline` in Content Security Policies.\n\n SSR is initiated from /server/server.js.\n*/\nlet __JSS_STATE__ = null;\nconst ssrRawJson = document.getElementById('__JSS_STATE__');\nif (ssrRawJson) {\n __JSS_STATE__ = JSON.parse(ssrRawJson.innerHTML);\n}\nif (__JSS_STATE__) {\n // push the initial SSR state into the route handler, where it will be used\n setServerSideRenderingState(__JSS_STATE__);\n\n // when React initializes from a SSR-based initial state, you need to render with `hydrate` instead of `render`\n renderFunction = ReactDOM.hydrate;\n}\n\n/*\n GraphQL Data\n The Apollo Client needs to be initialized to make GraphQL available to the JSS app.\n Not using GraphQL? Remove this, and the ApolloContext from `AppRoot`.\n*/\n// Apollo supports SSR of GraphQL queries, so like JSS SSR, it has an object we can pre-hydrate the client cache from\n// to avoid needing to re-run GraphQL queries after the SSR page loads\nconst initialGraphQLState =\n __JSS_STATE__ && __JSS_STATE__.APOLLO_STATE ? __JSS_STATE__.APOLLO_STATE : null;\n\nconst graphQLClient = GraphQLClientFactory(config.graphQLEndpoint, false, initialGraphQLState);\n\n/*\n App Rendering\n*/\n// initialize the dictionary, then render the app\n// note: if not making a multlingual app, the dictionary init can be removed.\ni18ninit().then(() => {\n // HTML element to place the app into\n const rootElement = document.getElementById('root');\n\n renderFunction(\n ,\n rootElement\n );\n});\n\nserviceWorker.register();\n","import i18n from 'i18next';\nimport fetchBackend from 'i18next-fetch-backend';\nimport { reactI18nextModule } from 'react-i18next';\nimport config from './temp/config';\n\n/**\n * Initializes the i18next library to provide a translation dictionary to the app.\n * If your app is not multilingual, this file and references to it can be removed.\n * Elsewhere in the app to use the dictionary `import { t } from 'i18next'; ... t('key')`\n * @param {string} language Optional, the initial language. Only used for SSR; otherwise language set in RouteHandler.\n * @param {*} dictionary Optional, the dictionary to load. Only used for SSR; otherwise, the dictionary is loaded via JSS dictionary service.\n */\nexport default function i18nInit(language, dictionary) {\n return new Promise((resolve, reject) => {\n const options = {\n debug: false,\n lng: language,\n fallbackLng: false, // fallback to keys\n load: 'currentOnly', // e.g. don't load 'es' when requesting 'es-MX' -- Sitecore config should handleObserved this\n useCookie: false, // using URLs and Sitecore to store language context, don't need a cookie\n\n interpolation: {\n escapeValue: false, // not needed for react\n },\n };\n\n if (dictionary) {\n // if we got dictionary passed, that means we're in a SSR context with a server-provided dictionary\n // so we do not want a backend, because we already know all possible keys\n options.resources = {};\n options.resources[language] = {\n translation: dictionary,\n };\n\n i18n.use(reactI18nextModule).init(options, (error) => {\n if (error) reject(error);\n resolve();\n });\n } else {\n // We're running client-side, so we get translation data from the Sitecore dictionary API using fetch backend\n // For higher performance (but less simplicity), consider adding the i18n chained backend to a local cache option like the local storage backend.\n\n // eslint-disable-next-line prettier/prettier\n const dictionaryServicePath = `${config.sitecoreApiHost}/sitecore/api/jss/dictionary/${config.jssAppName}/{{lng}}?sc_apikey=${config.sitecoreApiKey}`;\n\n options.backend = {\n loadPath: dictionaryServicePath,\n parse: (data) => {\n const parsedData = JSON.parse(data);\n if (parsedData.phrases) {\n return parsedData.phrases;\n }\n return parsedData;\n },\n };\n\n i18n\n .use(fetchBackend)\n .use(reactI18nextModule)\n .init(options, (error) => {\n if (error) reject(error);\n\n resolve();\n });\n }\n });\n}\n","/* eslint-disable import/first */\n\nimport 'isomorphic-fetch';\nimport { ApolloClient } from 'apollo-client';\nimport { InMemoryCache, IntrospectionFragmentMatcher } from 'apollo-cache-inmemory';\n\n/*\n INTROSPECTION DATA\n See https://www.apollographql.com/docs/react/recipes/fragment-matching.html\n This enables the Apollo cache to process fragments on interface types correctly.\n If this file does not exist, you may need to run the `jss graphql:update` script.\n*/\nimport introspectionQueryResultData from '../temp/GraphQLFragmentTypes.json';\n\n/*\n QUERY LINK SELECTION\n A link is transport which GraphQL queries are pushed across.\n You have many choices.\n See the apollo-link documentation for more details.\n\n NOTE: to use Sitecore Experience Editor it is essential that your\n link passes cookies along with requests (credentials: 'include').\n*/\n\n// choose between a basic HTTP link to run queries...\n// import { createHttpLink } from 'apollo-link-http';\n// const link = createHttpLink({ uri: endpoint, credentials: 'include' });\n\n// ...or a batched link (multiple queries within 10ms all go in one HTTP request)\nimport { BatchHttpLink } from 'apollo-link-batch-http';\n\n// ...and an automatic persisted query link, which reduces bandwidth by using query hashes to alias content\n// the APQ link is _chained_ behind another link that performs the actual HTTP calls, so you can choose\n// APQ + batched, or APQ + http links for example.\nimport { createPersistedQueryLink } from 'apollo-link-persisted-queries';\n\nexport default function(endpoint, ssr, initialCacheState) {\n /* HTTP link selection: default to batched + APQ */\n const link = createPersistedQueryLink().concat(\n new BatchHttpLink({ uri: endpoint, credentials: 'include' })\n );\n\n const cache = new InMemoryCache({\n fragmentMatcher: new IntrospectionFragmentMatcher({\n introspectionQueryResultData,\n }),\n });\n\n return new ApolloClient({\n ssrMode: ssr,\n ssrForceFetchDelay: 100,\n link,\n cache: cache.restore(initialCacheState),\n });\n}\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\": \"{83E2213B-DF3D-4470-A419-A167F8E89140}\",\n \"sitecoreApiHost\": \"https://www.interactivestrategies.com\",\n \"jssAppName\": \"is-jss\",\n \"defaultLanguage\": \"en\",\n \"graphQLEndpointPath\": \"/api/is-jss\",\n \"graphQLEndpoint\": \"https://www.interactivestrategies.com/api/is-jss?sc_apikey={83E2213B-DF3D-4470-A419-A167F8E89140}\"\n};","module.exports = __webpack_public_path__ + \"static/media/random3.5134a045.jpg\";","module.exports = __webpack_public_path__ + \"static/media/circle_arrow.5863016e.svg\";","module.exports = __webpack_public_path__ + \"static/media/arrow.0f855559.svg\";","module.exports = __webpack_public_path__ + \"static/media/is_logo_icon.4bffcb72.svg\";"],"sourceRoot":""}
\n }\n {\n !removeIntro &&\n 
\n 
\n 
\n