\r\n {/*\r\n When the page is editing, we hide the tab headings, because they are not updated when xEditor adds or removes a tab rendering.\r\n Instead, we show the tab header inline with the tab contents (see Styleguide-Layout-Tabs-Tab).\r\n */}\r\n {/* {!isEditing &&\r\n (accordionPlaceholder || [])\r\n .filter((item) => item.props && item.props.fields)\r\n .map((item, index) => (\r\n
\r\n )\r\n );\r\n};\r\n\r\nconst FooterMenu = (props) => {\r\n return (\r\n \r\n );\r\n};\r\n\r\nconst FooterIcons = (props) => {\r\n return (\r\n \r\n );\r\n};\r\n\r\nexport default Footer;\r\n","import { Form } from \"@sitecore-jss/sitecore-jss-react-forms\";\r\nimport React from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { sitecoreApiHost, sitecoreApiKey } from \"../../temp/config\";\r\nimport PlaceholderComponent from \"../../shared/Component/ComponentPlaceholder\";\r\n\r\nimport \"./styles.scss\";\r\n\r\nconst From = (props) => {\r\n const { fields } = props;\r\n return (\r\n \r\n \r\n \r\n );\r\n};\r\n\r\nexport default withRouter(From);\r\n","var __assign = (this && this.__assign) || function () {\r\n __assign = Object.assign || function(t) {\r\n for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n s = arguments[i];\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\r\n t[p] = s[p];\r\n }\r\n return t;\r\n };\r\n return __assign.apply(this, arguments);\r\n};\r\n/* eslint-disable import/first */\r\n// node_modules\r\nimport React from \"react\";\r\nimport { Image, Text, Link } from \"@sitecore-jss/sitecore-jss-react\";\r\n// fragments\r\nimport \"./styles.scss\";\r\nfunction Person(props) {\r\n var _a = props.fields, personName = _a.personName, galleryImage = _a.galleryImage, companyPosition = _a.companyPosition;\r\n return (React.createElement(\"figure\", { className: \"c-People\" },\r\n React.createElement(\"div\", { className: \"c-People__image\" },\r\n React.createElement(Image, { loading: \"lazy\", media: galleryImage })),\r\n React.createElement(\"figcaption\", { className: \"c-People__innerContent\" },\r\n React.createElement(\"p\", { className: \"c-People__name\" },\r\n React.createElement(Text, { field: personName })),\r\n React.createElement(\"p\", { className: \"c-People__position\" },\r\n React.createElement(Text, { field: companyPosition.fields.positionName })))));\r\n}\r\nvar PeopleItem = function (props) {\r\n var personDescriptionPage = props.fields.personDescriptionPage;\r\n return personDescriptionPage && props.currentLanguage ? (React.createElement(Link, { field: {\r\n value: {\r\n href: \"/\" + props.currentLanguage + personDescriptionPage.url,\r\n },\r\n }, className: \"c-People__link reset\" },\r\n React.createElement(Person, __assign({}, props)))) : (React.createElement(Person, __assign({}, props)));\r\n};\r\nexport default PeopleItem;\r\n","var __assign = (this && this.__assign) || function () {\r\n __assign = Object.assign || function(t) {\r\n for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n s = arguments[i];\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\r\n t[p] = s[p];\r\n }\r\n return t;\r\n };\r\n return __assign.apply(this, arguments);\r\n};\r\n/* eslint-disable import/first */\r\n// node_modules\r\nimport React from \"react\";\r\n// internal_modules\r\nimport PeopleItem from \"../GalleryPeopleItem\";\r\nvar PeopleList = function (props) { return (React.createElement(\"div\", { className: \"c-GalleryPeople__list\" }, props.data.map(function (item, index) {\r\n return (React.createElement(PeopleItem, __assign({ key: item.id + \"-\" + index, currentLanguage: props.currentLanguage }, item)));\r\n}))); };\r\nexport default PeopleList;\r\n","var __assign = (this && this.__assign) || function () {\r\n __assign = Object.assign || function(t) {\r\n for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n s = arguments[i];\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\r\n t[p] = s[p];\r\n }\r\n return t;\r\n };\r\n return __assign.apply(this, arguments);\r\n};\r\n/* eslint-disable import/first */\r\n// node_modules\r\nimport React from \"react\";\r\nimport { withTranslation } from \"react-i18next\";\r\n// local_modules\r\nimport PlaceholderComponent from \"../../shared/Component/ComponentPlaceholder\";\r\nimport ComponentHeading from \"../../shared/Component/ComponentHeading\";\r\n// internal_modules\r\nimport PeopleList from \"./GalleryPeopleList\";\r\n// fragments\r\nimport \"./styles.scss\";\r\nvar GalleryPeople = function (props) {\r\n var _a = props.fields, heading = _a.heading, headingTag = _a.headingTag, people = _a.people;\r\n return (React.createElement(PlaceholderComponent, __assign({}, props),\r\n React.createElement(\"div\", { className: \"c-GalleryPeople\" },\r\n heading && (React.createElement(ComponentHeading, { className: \"align-center\", tag: headingTag, field: heading })),\r\n people && (React.createElement(PeopleList, { data: people, currentLanguage: props.i18n.language })))));\r\n};\r\nvar GalleryPeopleWithTranslation = withTranslation()(GalleryPeople);\r\nexport default GalleryPeopleWithTranslation;\r\n","import React from \"react\";\r\nimport { graphql } from \"react-apollo\";\r\nimport {\r\n withSitecoreContext,\r\n resetExperienceEditorChromes,\r\n} from \"@sitecore-jss/sitecore-jss-react\";\r\n\r\n/**\r\n * Higher order component that abstracts common JSS + Apollo integration needs.\r\n *\r\n * This component works similar to react-apollo's graphql() HOC, but:\r\n * * Automatically injects $contextItem and $datasource GraphQL variable values, if the GraphQL declares usage of them\r\n * * Automatically disables execution of subscription queries when doing SSR\r\n * * Passes through any other props to its wrapped component\r\n *\r\n * @param {*} query The GraphQL AST to execute (should go through graphql-tag, no strings)\r\n * @param {*} configuration Values passed in are shipped to react-apollo configuration (https://www.apollographql.com/docs/react/basics/setup.html#graphql-config)\r\n */\r\nfunction GraphQLData(query, configuration = {}) {\r\n return function wrapComponent(Component) {\r\n class SitecoreRenderingWrapper extends React.Component {\r\n static displayName = `JSSGraphQLComponent(${\r\n Component.displayName || Component.name || \"Component\"\r\n })`;\r\n\r\n render() {\r\n if (!query) {\r\n throw new Error(\r\n \"query was falsy in GraphQLData. It should be a GraphQL query from graphql-tag. Perhaps missing graphql-tag/loader?\"\r\n );\r\n }\r\n\r\n const newConfiguration = { ...configuration };\r\n\r\n if (!newConfiguration.name) newConfiguration.name = \"data\";\r\n\r\n // ensure variables object exists\r\n newConfiguration.options = newConfiguration.options || {};\r\n newConfiguration.options.variables =\r\n newConfiguration.options.variables || {};\r\n\r\n // if we're in experience editor or preview we need to disable SSR of GraphQL queries\r\n // because SSR queries are made unauthenticated, so they would have normal mode data = bad\r\n if (\r\n this.props.sitecoreContext &&\r\n this.props.sitecoreContext.pageState !== \"normal\"\r\n ) {\r\n newConfiguration.options.ssr = false;\r\n } else if (\r\n query.definitions.some(\r\n (def) =>\r\n def.kind === \"OperationDefinition\" &&\r\n def.operation === \"subscription\"\r\n )\r\n ) {\r\n // if the document includes any subscriptions, we also disable SSR as this hangs the SSR process\r\n // not to mention being quite silly to SSR when they're reactive\r\n newConfiguration.options.ssr = false;\r\n }\r\n\r\n // find all variable definitions in the GraphQL query, so we can send only ones we're using\r\n const variableNames = extractVariableNames(query);\r\n\r\n // set the datasource variable, if we're using it\r\n if (\r\n variableNames.datasource &&\r\n this.props.rendering &&\r\n this.props.rendering.dataSource\r\n ) {\r\n newConfiguration.options.variables.datasource =\r\n this.props.rendering.dataSource;\r\n }\r\n\r\n // set the contextItem variable, if we're using it\r\n if (\r\n variableNames.contextItem &&\r\n this.props.sitecoreContext &&\r\n this.props.sitecoreContext.itemId\r\n ) {\r\n newConfiguration.options.variables.contextItem =\r\n this.props.sitecoreContext.itemId;\r\n }\r\n\r\n // build the props processing function that will set the result object to the name\r\n newConfiguration.props = (props) => {\r\n const innerQuery = props[newConfiguration.name];\r\n\r\n let resultProps = {};\r\n\r\n resultProps[newConfiguration.name] = innerQuery;\r\n\r\n // run a user-specified props function too if one exists\r\n if (configuration.props)\r\n resultProps = Object.assign(\r\n resultProps,\r\n configuration.props(props)\r\n );\r\n\r\n return resultProps;\r\n };\r\n\r\n const GQL = graphql(query, newConfiguration)(Component);\r\n\r\n return ;\r\n }\r\n\r\n // eslint-disable-next-line class-methods-use-this\r\n componentDidUpdate() {\r\n resetExperienceEditorChromes();\r\n }\r\n }\r\n\r\n return withSitecoreContext()(SitecoreRenderingWrapper);\r\n };\r\n}\r\n\r\nfunction extractVariableNames(query) {\r\n const variableNames = {};\r\n query.definitions\r\n .map((def) => def.variableDefinitions)\r\n .filter((def) => def)\r\n .forEach((defs) =>\r\n defs.forEach((def) => {\r\n if (def.kind && def.kind === \"VariableDefinition\") {\r\n variableNames[def.variable.name.value] = true;\r\n }\r\n })\r\n );\r\n\r\n return variableNames;\r\n}\r\n\r\nexport default GraphQLData;\r\n","import React from \"react\";\r\nimport { Text, Link } from \"@sitecore-jss/sitecore-jss-react\";\r\nimport { Link as RouterLink } from \"react-router-dom\";\r\nimport { loader as gqlLoader } from \"graphql.macro\";\r\nimport GraphQLData from \"../../lib/GraphQLData\";\r\n\r\nconst ConnectedDemoQuery = gqlLoader(\"./query.graphql\");\r\n\r\nconst GraphQLConnectedDemo = (props) => {\r\n console.log(\"GraphQLConnectedDemo\", props);\r\n const graphQLResult = props.connectedQuery;\r\n\r\n // Async loading and error handling\r\n // Remember to never return null from a JSS component when loading,\r\n // this will break Experience Editor.\r\n const { error, loading } = graphQLResult;\r\n\r\n // Query results load in using the name of their root field (see query.graphql)\r\n const { datasource, contextItem } = graphQLResult;\r\n\r\n // console.log(error, loading, datasource, contextItem)\r\n\r\n return (\r\n
\r\n
GraphQL Connected Demo
\r\n\r\n
\r\n Connected GraphQL executes GraphQL queries directly against the Sitecore\r\n GraphQL endpoint. You can review the query execution in the browser\r\n devtools network tab. Note that Apollo Client maintains a query cache -\r\n so the same query will not execute twice (i.e. after route changes)\r\n unless either the page is refreshed, or the fetch policy is set\r\n to not use the cache. Consult the Apollo documentation for details.\r\n
\r\n {child.pageTitle.value}\r\n (editable title too! \r\n )\r\n
\r\n ))}\r\n
\r\n
\r\n )}\r\n
\r\n );\r\n};\r\n\r\n// compose() (from react-apollo) can be used when you need more than one GraphQL query\r\n// for a single query, e.g. `compose(GraphQLData(q1), GraphQLData(q2))(component)`\r\nexport default GraphQLData(ConnectedDemoQuery, { name: \"connectedQuery\" })(\r\n GraphQLConnectedDemo\r\n);\r\n","import React from 'react';\r\nimport { Text, Link } from '@sitecore-jss/sitecore-jss-react';\r\nimport { Link as RouterLink } from 'react-router-dom';\r\n\r\nconst GraphQLIntegratedDemo = (props) => {\r\n // Query results in integrated GraphQL replace the normal `fields` data\r\n // i.e. with { data, }\r\n const { datasource, contextItem } = props.fields.data;\r\n\r\n return (\r\n
\r\n
GraphQL Integrated Demo
\r\n\r\n
\r\n Integrated GraphQL executes GraphQL queries within the Layout Service endpoint, and merges\r\n the query results into the Layout Service result JSON. The query results can be seen by\r\n inspecting the Layout Service response in the browser devtools network tab.\r\n
\r\n This app is running in disconnected mode. GraphQL requires connected mode, headless\r\n connected mode, or integrated mode to work.\r\n
\r\n
\r\n Libraries such as graphql-tools can provide GraphQL API mocking\r\n capabilities, which could enable disconnected GraphQL. This is not supported out of the\r\n box, however.\r\n
\r\n
\r\n To view the GraphQL samples, restart the app using jss start:connected \r\n or deploy the app to Sitecore to run in integrated mode per the JSS documentation.\r\n
\r\n \r\n )}\r\n {!disconnectedMode && }\r\n
\r\n );\r\n};\r\n\r\nexport default withSitecoreContext()(GraphQLLayout);\r\n","var __assign = (this && this.__assign) || function () {\r\n __assign = Object.assign || function(t) {\r\n for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n s = arguments[i];\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\r\n t[p] = s[p];\r\n }\r\n return t;\r\n };\r\n return __assign.apply(this, arguments);\r\n};\r\n/* eslint-disable import/first */\r\nimport React from \"react\";\r\nimport { Image } from \"@sitecore-jss/sitecore-jss-react\";\r\nimport PlaceholderComponent from \"../../shared/Component/ComponentPlaceholder\";\r\nimport ComponentHeading from \"../../shared/Component/ComponentHeading\";\r\nimport \"./styles.scss\";\r\nvar HeadingImage = function (props) {\r\n var _a = props.fields, heading = _a.heading, headingTag = _a.headingTag, imgMain = _a.imgMain, position = _a.position;\r\n var _position = position.value;\r\n return (React.createElement(PlaceholderComponent, __assign({}, props, { withBg: true, withoutSpaces: true }),\r\n React.createElement(\"div\", { className: \"c-HeadingImage c-HeadingImage--\" + _position },\r\n React.createElement(\"div\", { className: \"c-HeadingImage__heading\" }, heading && React.createElement(ComponentHeading, { tag: headingTag, field: heading })),\r\n React.createElement(\"div\", { className: \"c-HeadingImage__image\" }, imgMain && React.createElement(Image, { loading: \"lazy\", media: imgMain })))));\r\n};\r\nexport default HeadingImage;\r\n","import React from 'react';\r\n\r\nexport default function IconArrowProcess(props){\r\n return (\r\n \r\n );\r\n}","/* eslint-disable import/first */\r\n// node_modules\r\nimport React from \"react\";\r\nimport { Image, RichText } from \"@sitecore-jss/sitecore-jss-react\";\r\n// locla_modules\r\nimport ArrowProcess from \"../../../assets/icons/ArrowProcess\";\r\n// fragments\r\nimport \"./styles.scss\";\r\nvar IconsGroupItem = function (props) {\r\n var data = props.data, arrowsOfProcess = props.arrowsOfProcess;\r\n var fields = data.fields;\r\n var iconTextDescription = fields.iconTextDescription, iconTextImage = fields.iconTextImage;\r\n return (React.createElement(\"li\", { className: \"c-IconsGroup__item\" },\r\n React.createElement(\"div\", null,\r\n iconTextImage && (React.createElement(\"div\", { className: \"c-IconsGroup__itemImage\" },\r\n React.createElement(Image, { field: iconTextImage }))),\r\n iconTextDescription && (React.createElement(\"div\", { className: \"c-IconsGroup__itemText\" },\r\n React.createElement(\"div\", null,\r\n React.createElement(RichText, { tag: \"p\", field: iconTextDescription }))))),\r\n arrowsOfProcess && (React.createElement(\"div\", { className: \"c-IconsGroup__itemImage\", style: { overflow: \"initial\" } },\r\n React.createElement(ArrowProcess, { width: \"50px\", className: \"c-IconsGroup__itemArrow\", \"aria-hidden\": \"true\" })))));\r\n};\r\nexport default IconsGroupItem;\r\n","/* eslint-disable import/first */\r\n// node_moduels\r\nimport React from \"react\";\r\n// internal_modules\r\nimport IconsGroupItem from \"../IconsGroupItem\";\r\n// fragments\r\nimport \"./styles.scss\";\r\nvar IconsGroupList = function (props) {\r\n var length = props.data.length;\r\n return (React.createElement(\"ul\", { className: \"c-IconsGroup__list\" }, props.data.map(function (item, index) {\r\n return (React.createElement(IconsGroupItem, { data: item, key: item.id + \"-\" + index, arrowsOfProcess: index === length - 1 ? false : props.arrowsOfProcess }));\r\n })));\r\n};\r\nexport default IconsGroupList;\r\n","var __assign = (this && this.__assign) || function () {\r\n __assign = Object.assign || function(t) {\r\n for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n s = arguments[i];\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\r\n t[p] = s[p];\r\n }\r\n return t;\r\n };\r\n return __assign.apply(this, arguments);\r\n};\r\n/* eslint-disable import/first */\r\n// node_modules\r\nimport React from \"react\";\r\nimport { RichText, getFieldValue, } from \"@sitecore-jss/sitecore-jss-react\";\r\n// local_modules\r\nimport PlaceholderComponent from \"../../shared/Component/ComponentPlaceholder\";\r\nimport ComponentHeading from \"../../shared/Component/ComponentHeading\";\r\nimport { themeClassName } from \"../../helpers/app/jss/fields/Theme\";\r\nimport { bgGradientFromConfiguration } from \"../../helpers/app/jss/fields/Gradient\";\r\n// TODO: replace to import {themeClassName} from '../../helpers/app/utils/fields/Theme'; after implement theme configuration\r\n// Partials of component\r\nimport IconsGroupList from \"./IconsGroupList\";\r\nimport \"./styles.scss\";\r\nvar IconsGroup = function (props) {\r\n var fields = props.fields;\r\n var heading = fields.heading, headingTag = fields.headingTag, description = fields.description, bgColorGradientStep = fields.bgColorGradientStep, iconTexts = fields.iconTexts;\r\n var _variantSizeElements = getFieldValue(fields, \"smallElements\")\r\n ? \" c-IconsGroup--small\"\r\n : \" c-IconsGroup--normal\";\r\n var arrowsOfProcess = getFieldValue(fields, \"arrowsOfProcess\");\r\n var _variantArrowsOfProcess = arrowsOfProcess\r\n ? \" c-IconsGroup--arrows\"\r\n : \"\";\r\n var variantType = \"\";\r\n if (props.fields && props.fields.variantType) {\r\n var varinatClassValue = getFieldValue(props.fields.variantType, \"classname\");\r\n if (varinatClassValue) {\r\n variantType = \"\" + varinatClassValue;\r\n }\r\n }\r\n // Get value (class gradient step) from 'bgColorGradientStep' field\r\n var _bgColorGradientStepFields = bgColorGradientStep\r\n ? bgColorGradientStep\r\n : null;\r\n var _bgGradientClassName = \"\";\r\n if (_bgColorGradientStepFields) {\r\n var _gradientFieldValue = bgGradientFromConfiguration(_bgColorGradientStepFields);\r\n _bgGradientClassName = _gradientFieldValue.value; // gradient class\r\n }\r\n // Get class for color texts from 'theme' field\r\n var _themeClassName = themeClassName(fields);\r\n var divParentClasses = \"c-IconsGroup\" + _themeClassName + _variantSizeElements + _variantArrowsOfProcess + \" align-center\";\r\n // Style inline\r\n var placeholderComponentStyle = null;\r\n // Style inline \"background-image\"\r\n var bgimgurl = getFieldValue(props.fields, \"bgimgurl\");\r\n if (bgimgurl && bgimgurl.src) {\r\n placeholderComponentStyle = {\r\n backgroundImage: \"url(\" + bgimgurl.src + \")\",\r\n };\r\n }\r\n var $component = {\r\n backgroundCover: !!placeholderComponentStyle,\r\n backgroundClass: _bgGradientClassName,\r\n elementClasses: divParentClasses,\r\n elementStyle: placeholderComponentStyle,\r\n };\r\n var withBg = !!(placeholderComponentStyle || _bgGradientClassName !== \"\");\r\n return (React.createElement(PlaceholderComponent, __assign({ withContainer: false, withBg: withBg, componentSettings: $component }, props),\r\n React.createElement(ComponentHeading, { tag: headingTag, field: heading }),\r\n variantType === \"variant1\" && (React.createElement(\"div\", null,\r\n description && (React.createElement(RichText, { field: description, tag: \"div\", className: \"c-IconsGroup__description\" })),\r\n iconTexts && iconTexts.length > 0 && (React.createElement(IconsGroupList, { data: iconTexts, arrowsOfProcess: arrowsOfProcess })))),\r\n variantType === \"variant2\" && (React.createElement(\"div\", null,\r\n iconTexts && iconTexts.length > 0 && (React.createElement(IconsGroupList, { data: iconTexts, arrowsOfProcess: arrowsOfProcess })),\r\n description && (React.createElement(RichText, { field: description, tag: \"div\", className: \"c-IconsGroup__description\" }))))));\r\n};\r\nexport default IconsGroup;\r\n","import React from \"react\";\r\nimport { Image, RichText } from \"@sitecore-jss/sitecore-jss-react\";\r\nimport \"./styles.scss\";\r\nvar IconsTextsItem = function (props) {\r\n var data = props.data;\r\n var fields = data.fields;\r\n var iconTextDescription = fields.iconTextDescription, iconTextImage = fields.iconTextImage;\r\n return (React.createElement(\"li\", { className: \"c-IconsTexts__item\" },\r\n iconTextImage && (React.createElement(\"span\", { className: \"c-IconsTexts__image\", \"aria-hidden\": \"true\" },\r\n React.createElement(Image, { field: iconTextImage }))),\r\n iconTextDescription && (React.createElement(RichText, { tag: \"p\", className: \"c-IconsTexts__text\", field: iconTextDescription }))));\r\n};\r\nexport default IconsTextsItem;\r\n","import React from \"react\";\r\nimport IconsTextsItem from \"../IconsTextsItem\";\r\nimport \"./styles.scss\";\r\nvar IconsTextsList = function (props) {\r\n return (React.createElement(\"ul\", { className: \"reset c-IconsTexts__list\" }, props.data.map(function (item, index) {\r\n return React.createElement(IconsTextsItem, { data: item, key: item.id + \"-\" + index });\r\n })));\r\n};\r\nexport default IconsTextsList;\r\n","var __assign = (this && this.__assign) || function () {\r\n __assign = Object.assign || function(t) {\r\n for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n s = arguments[i];\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\r\n t[p] = s[p];\r\n }\r\n return t;\r\n };\r\n return __assign.apply(this, arguments);\r\n};\r\n/* eslint-disable import/first */\r\nimport React from \"react\";\r\nimport { RichText } from \"@sitecore-jss/sitecore-jss-react\";\r\nimport PlaceholderComponent from \"../../shared/Component/ComponentPlaceholder\";\r\nimport ComponentHeading from \"../../shared/Component/ComponentHeading\";\r\nimport IconsTextsList from \"./IconsTextsList\";\r\nimport \"./styles.scss\";\r\nvar IconsTexts = function (props) {\r\n var fields = props.fields;\r\n var divParentStyle = {\r\n backgroundImage: \"url(\" + fields.bgimgurl.value.src + \")\",\r\n };\r\n var divParentClasses = \"c-IconsTexts\";\r\n var $component = {\r\n elementClasses: divParentClasses,\r\n elementStyle: divParentStyle,\r\n };\r\n return (React.createElement(PlaceholderComponent, __assign({ withContainer: false, componentSettings: $component }, props),\r\n fields && fields.heading && (React.createElement(ComponentHeading, { tag: fields.headingTag, field: fields.heading, headingIsHidden: fields.headingIsHidden })),\r\n fields.iconTextList && fields.iconTextList.length > 0 && (React.createElement(IconsTextsList, __assign({ data: fields.iconTextList }, props))),\r\n fields.descriptionBottom && (React.createElement(RichText, { field: fields.descriptionBottom, tag: \"div\", className: \"c-IconsTexts__descriptionBottom\" }))));\r\n};\r\nexport default IconsTexts;\r\n","var __assign = (this && this.__assign) || function () {\r\n __assign = Object.assign || function(t) {\r\n for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n s = arguments[i];\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\r\n t[p] = s[p];\r\n }\r\n return t;\r\n };\r\n return __assign.apply(this, arguments);\r\n};\r\n/* eslint-disable import/first */\r\nimport React from \"react\";\r\nimport { Image } from \"@sitecore-jss/sitecore-jss-react\";\r\n// Shared components\r\nimport PlaceholderComponent from \"../../shared/Component/ComponentPlaceholder\";\r\n// Partials of component\r\nimport \"./styles.scss\";\r\nvar ImageBgAnimated = function (props) {\r\n var fields = props.fields;\r\n return (React.createElement(PlaceholderComponent, __assign({ withContainer: false, withoutSpaces: false }, props),\r\n React.createElement(\"div\", { className: \"c-ImageBgAnimated\" },\r\n React.createElement(\"div\", { className: \"c-ImageBgAnimated__image--desktop\" },\r\n React.createElement(Image, { loading: \"lazy\", media: fields.imgDesktop })),\r\n React.createElement(\"div\", { className: \"c-ImageBgAnimated__image--mobile\" },\r\n React.createElement(Image, { loading: \"lazy\", media: fields.imgMobile })))));\r\n};\r\nexport default ImageBgAnimated;\r\n","var __assign = (this && this.__assign) || function () {\r\n __assign = Object.assign || function(t) {\r\n for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n s = arguments[i];\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\r\n t[p] = s[p];\r\n }\r\n return t;\r\n };\r\n return __assign.apply(this, arguments);\r\n};\r\n/* eslint-disable import/first */\r\nimport React from \"react\";\r\nimport { Image } from \"@sitecore-jss/sitecore-jss-react\";\r\nimport PlaceholderComponent from \"../../shared/Component/ComponentPlaceholder\";\r\nimport \"./styles.scss\";\r\nvar ImageBlock = function (props) {\r\n var fields = props.fields;\r\n return (React.createElement(PlaceholderComponent, __assign({}, props),\r\n React.createElement(\"div\", { className: \"c-ImageBlock\" },\r\n React.createElement(\"div\", { className: \"c-ImageBlock__container\" },\r\n React.createElement(Image, { className: \"c-ImageBlock__image\", media: fields.imgurl })))));\r\n};\r\nexport default ImageBlock;\r\n","var __assign = (this && this.__assign) || function () {\r\n __assign = Object.assign || function(t) {\r\n for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n s = arguments[i];\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\r\n t[p] = s[p];\r\n }\r\n return t;\r\n };\r\n return __assign.apply(this, arguments);\r\n};\r\n/* eslint-disable import/first */\r\n// node_modules\r\nimport React from \"react\";\r\nimport { Image } from \"@sitecore-jss/sitecore-jss-react\";\r\nimport { getFieldValue, } from \"@sitecore-jss/sitecore-jss\";\r\nimport Swiper from \"react-id-swiper\";\r\n// local_modules\r\nimport PlaceholderComponent from \"../../shared/Component/ComponentPlaceholder\";\r\nimport \"../../assets/styles/components/Swiper.scss\";\r\n// fragments\r\nimport \"./styles.scss\";\r\n// Caution! The following constants necessary to checking variant of content data (slide variant). If you want change it, please look at sitecore definition for \"ContentData-ImagesGrid-[...]\"\r\nvar FIELD_NAME_IMAGE_PREFX = \"image\";\r\nvar FIELD_NAME_HORIZONTAL = \"horizontal\";\r\nvar FIELD_NAME_VERTICAL = \"vertical\";\r\nvar ImagesGrid = function (props) {\r\n var images = props.fields.images;\r\n var swiperParams = {\r\n // breakpoints: {\r\n // 768: {\r\n // spaceBetween: 30,\r\n // },\r\n // },\r\n slidesPerView: \"auto\",\r\n initialSlide: 1,\r\n spaceBetween: 12,\r\n };\r\n return (React.createElement(PlaceholderComponent, __assign({ withContainer: false, withoutSpaces: false }, props),\r\n React.createElement(\"div\", { className: \"c-ImagesGrid\" }, images && (React.createElement(Swiper, __assign({}, swiperParams), images.map(function (item, index) {\r\n var key = \"ImagesGrid-slide-\" + index;\r\n var _a = item.fields, image1 = _a.image1, image2 = _a.image2, image3 = _a.image3, image4 = _a.image4;\r\n var variantTypeNumber = variantTypeByContentData(item);\r\n var variant3ClassName = \"\";\r\n if (variantTypeNumber === 3) {\r\n if (getFieldValue(item.fields, FIELD_NAME_HORIZONTAL)) {\r\n variant3ClassName =\r\n \"c-ImagesGrid__container--two-horizontal-boxes\";\r\n }\r\n else if (getFieldValue(item.fields, FIELD_NAME_VERTICAL)) {\r\n variant3ClassName =\r\n \"c-ImagesGrid__container--two-vertical-boxes\";\r\n }\r\n }\r\n return (React.createElement(\"div\", { key: key, className: \"swiper-slide\" },\r\n variantTypeNumber === 1 && (React.createElement(\"div\", { className: \"c-ImagesGrid__container c-ImagesGrid__slide--one-big\" },\r\n React.createElement(\"div\", { className: \"c-ImagesGrid__image\" },\r\n React.createElement(Image, { loading: \"lazy\", media: image1 })))),\r\n variantTypeNumber === 2 && (React.createElement(\"div\", { className: \"c-ImagesGrid__container c-ImagesGrid__container--two-vertical-squares\" },\r\n React.createElement(\"div\", { className: \"c-ImagesGrid__image\" },\r\n React.createElement(Image, { loading: \"lazy\", media: image1 })),\r\n React.createElement(\"div\", { className: \"c-ImagesGrid__image\" },\r\n React.createElement(Image, { loading: \"lazy\", media: image1 })))),\r\n variantTypeNumber === 3 && variant3ClassName && (React.createElement(\"div\", { className: \"c-ImagesGrid__container \" + variant3ClassName },\r\n React.createElement(\"div\", { className: \"c-ImagesGrid__image\" },\r\n React.createElement(Image, { loading: \"lazy\", media: image1 })),\r\n React.createElement(\"div\", { className: \"c-ImagesGrid__image\" },\r\n React.createElement(Image, { loading: \"lazy\", media: image2 })))),\r\n variantTypeNumber === 4 && (React.createElement(\"div\", { className: \"c-ImagesGrid__container c-ImagesGrid__container--four-wide-boxes\" },\r\n React.createElement(\"div\", { className: \"c-ImagesGrid__image\" },\r\n React.createElement(Image, { loading: \"lazy\", media: image1 })),\r\n React.createElement(\"div\", { className: \"c-ImagesGrid__image\" },\r\n React.createElement(Image, { loading: \"lazy\", media: image2 })),\r\n React.createElement(\"div\", { className: \"c-ImagesGrid__image\" },\r\n React.createElement(Image, { loading: \"lazy\", media: image3 })),\r\n React.createElement(\"div\", { className: \"c-ImagesGrid__image\" },\r\n React.createElement(Image, { loading: \"lazy\", media: image4 }))))));\r\n }))))));\r\n};\r\nfunction variantTypeByContentData(item) {\r\n var variantType = 0;\r\n // Check amount of fields for images\r\n var imagesAvailable = Object.keys(item.fields).filter(function (item) {\r\n return item.includes(FIELD_NAME_IMAGE_PREFX);\r\n }).length;\r\n variantType = imagesAvailable;\r\n if (imagesAvailable === 2) {\r\n var variant2or3 = Object.keys(item.fields).some(function (item) {\r\n return (item.includes(FIELD_NAME_HORIZONTAL) ||\r\n item.includes(FIELD_NAME_VERTICAL));\r\n });\r\n variantType = variant2or3 ? 3 : 2;\r\n }\r\n return variantType;\r\n}\r\nexport default ImagesGrid;\r\n","var __assign = (this && this.__assign) || function () {\r\n __assign = Object.assign || function(t) {\r\n for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n s = arguments[i];\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\r\n t[p] = s[p];\r\n }\r\n return t;\r\n };\r\n return __assign.apply(this, arguments);\r\n};\r\n/* eslint-disable import/first */\r\nimport React from \"react\";\r\nimport { RichText, Image } from \"@sitecore-jss/sitecore-jss-react\";\r\nimport PlaceholderComponent from \"../../shared/Component/ComponentPlaceholder\";\r\nimport ComponentHeading from \"../../shared/Component/ComponentHeading\";\r\nimport \"./styles.scss\";\r\nvar ImageText = function (props) {\r\n var _a = props.fields, heading = _a.heading, headingTag = _a.headingTag, contentImage = _a.contentImage, hash = _a.hash, ulList = _a.ulList;\r\n return (React.createElement(PlaceholderComponent, __assign({}, props, { withBg: true, withoutSpaces: true, withHashNavigationNavigation: hash && hash.value }),\r\n React.createElement(\"div\", { className: \"c-ImageText\" },\r\n React.createElement(\"div\", { className: \"c-ImageText__heading\" }, heading && React.createElement(ComponentHeading, { tag: headingTag, field: heading })),\r\n React.createElement(\"div\", { className: \"c-ImageText__cover\" }, contentImage && (React.createElement(Image, { loading: \"lazy\", className: \"c-ImageText__cover__image\", media: contentImage }))),\r\n React.createElement(\"div\", { className: \"c-ImageText__list\" },\r\n React.createElement(\"ul\", null, ulList &&\r\n ulList.map(function (item, index) { return (React.createElement(\"li\", { key: \"c-ImageText-ps-\" + index },\r\n React.createElement(RichText, { field: item.fields.liField }))); }))))));\r\n};\r\nexport default ImageText;\r\n","/* eslint-disable import/first */\r\n// node_modules\r\nimport React from \"react\";\r\nimport { RichText } from \"@sitecore-jss/sitecore-jss-react\";\r\nvar ImageTextSliderItem = function (props) {\r\n var title = props.title, description = props.description, className = props.className;\r\n return (React.createElement(\"div\", { className: \"c-ImageTextSlider__textWrapper \" + className + \" \" },\r\n title && (React.createElement(RichText, { field: title, className: \"c-ImageTextSlider__textTitle\" })),\r\n description && (React.createElement(RichText, { field: description, className: \"c-ImageTextSlider__textDescription\" }))));\r\n};\r\nexport default ImageTextSliderItem;\r\n","var __assign = (this && this.__assign) || function () {\r\n __assign = Object.assign || function(t) {\r\n for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n s = arguments[i];\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\r\n t[p] = s[p];\r\n }\r\n return t;\r\n };\r\n return __assign.apply(this, arguments);\r\n};\r\n/* eslint-disable import/first */\r\n// node_modules\r\nimport React from \"react\";\r\nimport { Image, getFieldValue } from \"@sitecore-jss/sitecore-jss-react\";\r\nimport SwiperCore, { Navigation, Pagination, A11y } from \"swiper\";\r\nimport Swiper from \"react-id-swiper\";\r\n// local_modules\r\nimport PlaceholderComponent from \"../../shared/Component/ComponentPlaceholder\";\r\nimport ComponentHeading from \"../../shared/Component/ComponentHeading\";\r\n// internal_modules\r\nimport ImageTextSliderItem from \"./ImageTextSliderItem\";\r\n// fragments\r\nimport \"../../assets/styles/components/Swiper.scss\";\r\nimport \"./styles.scss\";\r\nSwiperCore.use([Navigation, Pagination, A11y]);\r\nvar ImageTextSlider = function (props) {\r\n var _a = props.fields, heading = _a.heading, headingTag = _a.headingTag, imageTextSlides = _a.imageTextSlides;\r\n var isMultipleSlides = imageTextSlides.length > 1;\r\n var pagination = isMultipleSlides\r\n ? { el: \".swiper-pagination\", dynamicBullets: true, clickable: true }\r\n : false;\r\n var navigation = isMultipleSlides\r\n ? {\r\n nextEl: \".swiper-button-next\",\r\n prevEl: \".swiper-button-prev\",\r\n }\r\n : false;\r\n var swiperParams = {\r\n breakpoints: {\r\n 481: {\r\n spaceBetween: 0,\r\n },\r\n },\r\n pagination: pagination,\r\n navigation: navigation,\r\n slidesPerView: 1,\r\n initialSlide: 1,\r\n centeredSlides: true,\r\n slideActiveClass: \"c-ImageTextSlider--active\",\r\n containerClass: \"c-ImageTextSlider__container\",\r\n slideNextClass: \"c-ImageTextSlider--next\",\r\n slidePrevClass: \"c-ImageTextSlider--prev\",\r\n };\r\n return (React.createElement(PlaceholderComponent, __assign({ withoutSpaces: false, withContainer: true, withBg: true, customSpaces: true }, props),\r\n heading && headingTag && (React.createElement(ComponentHeading, { tag: headingTag, field: heading, className: \"align-center\" })),\r\n React.createElement(\"div\", { className: \"c-ImageTextSlider\" }, imageTextSlides && (React.createElement(Swiper, __assign({}, swiperParams), imageTextSlides.map(function (item, index) {\r\n var _a = item.fields, textTitle = _a.textTitle, textDescription = _a.textDescription, imageSlide = _a.imageSlide;\r\n var key = item + \"-\" + index;\r\n var withoutImg = !!imageSlide;\r\n var withoutImgItemClassName = \"c-ImageTextSlider__item\" + (!withoutImg ? \"--withoutImg\" : \"\") + \" \" + (getFieldValue(props.fields, \"rightPosition\")\r\n ? \"c-ImageTextSlider__item--right\"\r\n : \"\");\r\n var withoutImgTextWrapperClassName = \"c-ImageTextSlider__textWrapper\" + (!withoutImg ? \"--withoutImg\" : \"\") + \" \" + (getFieldValue(props.fields, \"rightPosition\")\r\n ? \"c-ImageTextSlider__textWrapper--right\"\r\n : \"\") + \" \";\r\n return (React.createElement(\"div\", { key: key, className: \"c-ImageTextSlider__slide\" },\r\n React.createElement(\"div\", { className: \"c-ImageTextSlider__item \" + withoutImgItemClassName },\r\n imageSlide && (React.createElement(\"div\", { className: \"c-ImageTextSlider__imageWrapper\" },\r\n React.createElement(Image, { className: \"c-ImageTextSlider__imageItem\", media: imageSlide }))),\r\n React.createElement(ImageTextSliderItem, { title: textTitle, description: textDescription, className: withoutImgTextWrapperClassName }))));\r\n }))))));\r\n};\r\nexport default ImageTextSlider;\r\n","var __assign = (this && this.__assign) || function () {\r\n __assign = Object.assign || function(t) {\r\n for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n s = arguments[i];\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\r\n t[p] = s[p];\r\n }\r\n return t;\r\n };\r\n return __assign.apply(this, arguments);\r\n};\r\n/* eslint-disable import/first */\r\n// node_modules\r\nimport React from \"react\";\r\nimport { Image, getFieldValue, Link, RichText } from \"@sitecore-jss/sitecore-jss-react\";\r\n// local_modules\r\nimport { themeClassName } from \"../../../helpers/app/jss/fields/Theme\";\r\nimport { generalLinkIsEmpty } from \"../../../helpers/app/jss/fieldTypes/GeneralLink.js\";\r\nimport { cleanupEmptyItemsFromArray } from \"../../../helpers/app/utils/array/index\";\r\n// fragments\r\nimport \"./styles.scss\";\r\nfunction TileItem(props) {\r\n var tileImageThumb = props.fields.tileImageThumb;\r\n var tileTitle = getFieldValue(props.fields, \"tileTitle\");\r\n var tileExcerpt = getFieldValue(props.fields, \"tileExcerpt\");\r\n var classItemInner = [\"c-ImageTextTiles__itemInner\"];\r\n var themeClassColorText = themeClassName(props.fields);\r\n classItemInner.push(themeClassColorText);\r\n return (React.createElement(React.Fragment, null,\r\n tileImageThumb && (React.createElement(\"div\", { className: \"c-ImageTextTiles__itemImage\" },\r\n React.createElement(Image, { loading: \"lazy\", field: tileImageThumb }))),\r\n React.createElement(\"div\", { className: cleanupEmptyItemsFromArray(classItemInner) },\r\n tileTitle && (React.createElement(\"span\", { className: \"c-ImageTextTiles__itemTitle\" }, tileTitle)),\r\n tileExcerpt && (React.createElement(RichText, { tag: \"span\", className: \"c-ImageTextTiles__itemText\", field: props.fields.tileExcerpt })))));\r\n}\r\nvar Tile = function (props) {\r\n var tileLink = getFieldValue(props.fields, \"tileLink\");\r\n return (React.createElement(\"li\", { className: \"c-ImageTextTiles__item\" }, !generalLinkIsEmpty(tileLink) ? (React.createElement(Link, { field: tileLink },\r\n React.createElement(TileItem, __assign({}, props)))) : (React.createElement(\"div\", null,\r\n React.createElement(TileItem, __assign({}, props))))));\r\n};\r\nexport default Tile;\r\n","var __assign = (this && this.__assign) || function () {\r\n __assign = Object.assign || function(t) {\r\n for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n s = arguments[i];\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\r\n t[p] = s[p];\r\n }\r\n return t;\r\n };\r\n return __assign.apply(this, arguments);\r\n};\r\n/* eslint-disable import/first */\r\n// node_modules\r\nimport React from \"react\";\r\n// internal_modules\r\nimport ImageTextTile from \"../ImageTextTile\";\r\n// fragments\r\nimport \"./styles.scss\";\r\nvar ImageTextTilesList = function (props) {\r\n return props.data.length > 0 && (React.createElement(\"div\", { className: \"c-ImageTextTiles__list\" },\r\n React.createElement(\"ul\", { className: \"reset\" }, props.data.map(function (item, index) {\r\n return React.createElement(ImageTextTile, __assign({}, item, { key: item.id + \"-\" + index }));\r\n }))));\r\n};\r\nexport default ImageTextTilesList;\r\n","var __assign = (this && this.__assign) || function () {\r\n __assign = Object.assign || function(t) {\r\n for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n s = arguments[i];\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\r\n t[p] = s[p];\r\n }\r\n return t;\r\n };\r\n return __assign.apply(this, arguments);\r\n};\r\n/* eslint-disable import/first */\r\n// node_modules\r\nimport React from \"react\";\r\nimport { getFieldValue } from \"@sitecore-jss/sitecore-jss-react\";\r\n// local_modules\r\nimport PlaceholderComponent from \"../../shared/Component/ComponentPlaceholder\";\r\nimport ComponentHeading from \"../../shared/Component/ComponentHeading\";\r\n// internal_modules\r\nimport TilesList from \"./ImageTextTilesList\";\r\nimport \"./styles.scss\";\r\nvar ImageTextTiles = function (props) {\r\n var _a = props.fields, heading = _a.heading, headingTag = _a.headingTag, headingIsHidden = _a.headingIsHidden, tiles = _a.tiles;\r\n var divParentClasses = [\"c-ImageTextTiles\"];\r\n var variantDisplayTiles = \"\";\r\n if (props.fields && props.fields.variantDisplayTiles) {\r\n var varinatClassValue = getFieldValue(props.fields.variantDisplayTiles, \"classname\");\r\n if (varinatClassValue) {\r\n variantDisplayTiles = \"c-ImageTextTiles--\" + varinatClassValue;\r\n divParentClasses.push(variantDisplayTiles);\r\n }\r\n }\r\n var textAlignment = getFieldValue(props.fields, \"textAlignment\");\r\n divParentClasses.push(textAlignment);\r\n var componentSettings = {\r\n elementClasses: divParentClasses,\r\n };\r\n return (React.createElement(PlaceholderComponent, __assign({ withContainer: false, componentSettings: componentSettings }, props),\r\n heading && (React.createElement(ComponentHeading, { tag: headingTag, field: heading, headingIsHidden: headingIsHidden, className: \"align-center\" })),\r\n tiles && React.createElement(TilesList, { data: tiles })));\r\n};\r\nexport default ImageTextTiles;\r\n","export default function fieldImage(fieldValue) {\r\n const hasBackground = fieldValue && fieldValue.src;\r\n const backgroundSrc = hasBackground ? 'url(' + fieldValue.src + ')' : '';\r\n return {\r\n hasBackground, backgroundSrc\r\n };\r\n}\r\n","import React from \"react\";\r\nimport {\r\n Text,\r\n RichText,\r\n getFieldValue,\r\n} from \"@sitecore-jss/sitecore-jss-react\";\r\nimport PlaceholderComponent from \"../../shared/Component/ComponentPlaceholder\";\r\nimport ComponentHeading from \"../../shared/Component/ComponentHeading\";\r\nimport { themeClassName } from \"../../helpers/app/jss/fields/Theme\";\r\nimport fieldImage from \"../../helpers/app/jss/fieldTypes/Image\";\r\n\r\nimport \"./styles.scss\";\r\n\r\nconst IntroBanner = (props) => {\r\n // console.log('IntroBanner', props)\r\n const { fields } = props;\r\n\r\n // Geting data from sitecore fields\r\n let _bgimgurl = getFieldValue(fields, \"bgimgurl\");\r\n _bgimgurl = fieldImage(_bgimgurl);\r\n\r\n const _topTitle = getFieldValue(fields, \"topTitle\");\r\n const _middleTitle = getFieldValue(fields, \"middleTitle\");\r\n const _bottomTitle = getFieldValue(fields, \"bottomTitle\");\r\n\r\n const _heading = getFieldValue(fields, \"heading\");\r\n const _description = getFieldValue(fields, \"description\");\r\n const _signature = getFieldValue(fields, \"signature\");\r\n\r\n // Component variants\r\n // FIXME: zredukować ilość warunków do sprawdzenia, które dodają style wariantów\r\n const divParentStyle = {\r\n backgroundImage: _bgimgurl.backgroundSrc,\r\n };\r\n const _variantComponent_1 =\r\n _topTitle && _middleTitle && _bottomTitle ? \" c-IntroBanner--variant1\" : \"\";\r\n const _variantComponent_2 =\r\n _heading && _signature ? \" c-IntroBanner--variant2\" : \"\";\r\n const _variantComponent_3 =\r\n _heading && _description ? \" c-IntroBanner--variant3\" : \"\";\r\n\r\n // Root classes of component\r\n const _themeClassName = themeClassName(fields);\r\n const divParentClasses = `c-IntroBanner${_themeClassName}${_variantComponent_1}${_variantComponent_2}${_variantComponent_3} align-center`;\r\n\r\n // Component properties\r\n const $component = {\r\n backgroundCover: !!_bgimgurl.hasBackground,\r\n elementClasses: divParentClasses,\r\n elementStyle: divParentStyle,\r\n };\r\n\r\n return (\r\n \r\n
\r\n {/* Heading in 3 lines */}\r\n {_topTitle && (\r\n \r\n )}\r\n {_middleTitle && (\r\n \r\n )}\r\n {_bottomTitle && (\r\n \r\n )}\r\n\r\n {/* Heading with description or small signature*/}\r\n \r\n {_description && (\r\n \r\n )}\r\n {_signature && (\r\n \r\n )}\r\n
\r\n \r\n );\r\n};\r\n\r\nexport default IntroBanner;\r\n","// node_modules\r\nimport React from \"react\";\r\nimport { RichText, getFieldValue } from \"@sitecore-jss/sitecore-jss-react\";\r\n\r\n// Shared components\r\nimport PlaceholderComponent from \"../../shared/Component/ComponentPlaceholder\";\r\nimport ComponentHeading from \"../../shared/Component/ComponentHeading\";\r\nimport BtnElevator from \"../../shared/BtnElevator\";\r\nimport { themeClassName } from \"../../helpers/app/jss/fields/Theme\";\r\nimport { bgGradientFromConfiguration } from \"../../helpers/app/jss/fields/Gradient\";\r\n// TODO: replace to import {themeClassName} from '../../helpers/app/utils/fields/Theme'; after implement theme configuration\r\nimport fieldImage from \"../../helpers/app/jss/fieldTypes/Image\";\r\nimport { generalLinkIsEmpty } from \"../../helpers/app/jss/fieldTypes/GeneralLink\";\r\n\r\n// Partials of component\r\nimport \"./styles.scss\";\r\n\r\nconst IntroBannerCta = (props) => {\r\n const { fields } = props;\r\n\r\n let _bgimgurl = getFieldValue(fields, \"bgimgurl\");\r\n _bgimgurl = fieldImage(_bgimgurl);\r\n let _componentwithoutspaces = getFieldValue(fields, \"componentwithoutspaces\");\r\n _componentwithoutspaces =\r\n typeof _componentwithoutspaces !== \"undefined\"\r\n ? _componentwithoutspaces\r\n : true;\r\n const _heading = getFieldValue(fields, \"heading\");\r\n const _description = getFieldValue(fields, \"description\");\r\n const _descriptionBottom = getFieldValue(fields, \"descriptionBottom\");\r\n const _button = getFieldValue(fields, \"button\");\r\n const _label = getFieldValue(fields, \"label\");\r\n const fieldNoFollow = getFieldValue(fields, \"noFollow\");\r\n\r\n // Get value (class gradient step) from 'bgColorGradientStep' field\r\n const _bgColorGradientStepFields =\r\n fields.bgColorGradientStep && fields.bgColorGradientStep.fields\r\n ? fields.bgColorGradientStep\r\n : null;\r\n let _bgGradientClassName = \"\";\r\n if (_bgColorGradientStepFields) {\r\n const _gradientFieldValue = bgGradientFromConfiguration(\r\n _bgColorGradientStepFields\r\n );\r\n _bgGradientClassName = _gradientFieldValue.value; // gradient class\r\n }\r\n // Get class for color texts from 'theme' field\r\n const _themeClassName = themeClassName(fields);\r\n\r\n const divParentClasses = `c-IntroBannerCta${_themeClassName} align-center`;\r\n const divParentStyle = {\r\n backgroundImage: _bgimgurl.backgroundSrc,\r\n };\r\n const $component = {\r\n backgroundCover: !!_bgimgurl.hasBackground,\r\n backgroundClass: _bgGradientClassName,\r\n elementClasses: divParentClasses,\r\n elementStyle: divParentStyle,\r\n };\r\n\r\n const withBg = !!(_bgimgurl.hasBackground || _bgGradientClassName !== \"\");\r\n const buttonTheme = _bgGradientClassName !== \"\" ? \"light\" : \"dark\";\r\n\r\n return (\r\n \r\n
\r\n \r\n );\r\n }\r\n}\r\n","import React from 'react';\r\nimport { Text, RichText } from '@sitecore-jss/sitecore-jss-react';\r\n\r\n/**\r\n * Helper component that displays explanatory information and where to find the definitions\r\n * of styleguide specimens.\r\n */\r\nconst StyleguideSpecimen = ({ fields: { heading, description }, children, rendering, e2eId }) => (\r\n
\r\n The CSS class of this paragraph ({cssClass}) is set using a param\r\n
\r\n
\r\n {/* Note that all params come in as string values, like this boolean-like param here: */}\r\n useCallToAction param: {useCallToAction}\r\n \r\n param type: {typeof useCallToAction}\r\n {useCallToAction === 'true' && (\r\n
\r\n \r\n );\r\n};\r\n\r\nexport default StyleguideComponentParams;\r\n","import React from 'react';\r\nimport { Link } from 'react-router-dom';\r\nimport { withSitecoreContext, Text, RichText } from '@sitecore-jss/sitecore-jss-react';\r\n\r\n// this fancy destructure syntax is essentially equivalent to\r\n// const fields = props.sitecoreContext.route.fields\r\nconst StyleguideCustomRouteType = ({\r\n sitecoreContext: {\r\n route: { fields },\r\n },\r\n}) => (\r\n
\r\n \r\n\r\n
\r\n \r\n By \r\n \r\n
\r\n\r\n \r\n\r\n Return to the Styleguide\r\n
\r\n);\r\n\r\n// withSitecoreContext() is the magical glue that gives you route-level context access\r\n// see the context examples in the styleguide for more details.\r\nexport default withSitecoreContext()(StyleguideCustomRouteType);\r\n","import React from 'react';\r\nimport { getFieldValue } from '@sitecore-jss/sitecore-jss-react';\r\nimport StyleguideSpecimen from '../Styleguide-Specimen';\r\n\r\n/**\r\n * Demonstrates usage of a Checkbox (boolean) content field within JSS.\r\n */\r\nconst StyleguideFieldUsageCheckbox = (props) => (\r\n \r\n {/* Checkbox fields do not have the ability to be inline edited, so they are directly accessed via their value: */}\r\n
\r\n {/*\r\n The getFieldValue helper allows safely extracting a field value that could be undefined,\r\n without needing to check that props.fields or props.fields.checkbox are traversable,\r\n and allowing the specification of an optional default value (default is undefined if unspecified).\r\n */}\r\n {props.fields &&\r\n props.fields.checkbox &&\r\n props.fields.checkbox.value && (\r\n
\r\n \r\n);\r\n\r\nexport default StyleguideFieldUsageCheckbox;\r\n","import React from 'react';\r\nimport { Text } from '@sitecore-jss/sitecore-jss-react';\r\nimport StyleguideSpecimen from '../Styleguide-Specimen';\r\n\r\n/**\r\n * Demonstrates usage of a Content List field type within JSS.\r\n * Content Lists are references to 0..n other content items.\r\n * In Sitecore terms, this maps by default to a Treelist field.\r\n */\r\nconst StyleguideFieldUsageContentList = (props) => {\r\n const { sharedContentList, localContentList } = props.fields;\r\n\r\n return (\r\n \r\n
Shared Content List
\r\n {/*\r\n Content list fields are returned with their value as an array of the referenced items.\r\n So we can use the .map() array function to traverse them. Ensure a `key` attribute is set\r\n on each element to make React's DOM updating happy:\r\n */}\r\n {sharedContentList &&\r\n sharedContentList.map((listItem, index) => (\r\n
\r\n {/* The referenced item's fields can be rendered and edited using normal helper components: */}\r\n
\r\n {/* The referenced item's fields can be rendered and edited using normal helper components: */}\r\n
\r\n Field: \r\n
\r\n
\r\n ))}\r\n \r\n );\r\n};\r\n\r\nexport default StyleguideFieldUsageContentList;\r\n","import React from 'react';\r\nimport { Text } from '@sitecore-jss/sitecore-jss-react';\r\nimport StyleguideSpecimen from '../Styleguide-Specimen';\r\n\r\n/**\r\n * Demonstrates usage of a custom content field type within JSS.\r\n * See /sitecore/definitions/components/Styleguide-FieldUsage-Custom.sitecore.js\r\n * for the definition of the structure of the custom field. This code is just for display.\r\n */\r\nconst StyleguideFieldUsageCustom = (props) => (\r\n \r\n {/* Because the integer field is essentially text, we can render it with the Text helper */}\r\n \r\n \r\n);\r\n\r\nexport default StyleguideFieldUsageCustom;\r\n","import React from 'react';\r\nimport { DateField } from '@sitecore-jss/sitecore-jss-react';\r\nimport StyleguideSpecimen from '../Styleguide-Specimen';\r\n\r\n/**\r\n * Demonstrates usage of date and time content field types within JSS.\r\n */\r\nconst StyleguideFieldUsageDate = (props) => {\r\n return (\r\n \r\n
\r\n
\r\n Date helper: \r\n
\r\n
\r\n Date helper (datetime): \r\n
\r\n
\r\n UTC Date string: \r\n {/*\r\n Date helper supports a render props API to give you direct access to the JS Date object for formatting.\r\n IMPORTANT: the render prop is ignored when in Experience Editor mode to support inline editing.\r\n */}\r\n date.toUTCString()} />\r\n
\r\n
\r\n Localized Date string (local timezone): \r\n date.toLocaleDateString()} />\r\n
\r\n
\r\n Localized DateTime string (local timezone): \r\n {/* React components can also be returned from the render props for wrapping */}\r\n {date.toLocaleString()}}\r\n />\r\n
\r\n
\r\n \r\n );\r\n};\r\n\r\nexport default StyleguideFieldUsageDate;\r\n","import React from 'react';\r\nimport { File } from '@sitecore-jss/sitecore-jss-react';\r\nimport StyleguideSpecimen from '../Styleguide-Specimen';\r\n\r\n/**\r\n * Demonstrates usage of a File content field within JSS.\r\n * File types are stored within Sitecore's Media Library data, and can be edited.\r\n */\r\nconst StyleguideFieldUsageFile = (props) => (\r\n \r\n {/* Renders a file link */}\r\n \r\n \r\n\r\n {/* Renders a file link with a custom body and opening in a new tab */}\r\n \r\n Custom link body\r\n \r\n \r\n);\r\n\r\nexport default StyleguideFieldUsageFile;\r\n","import React from 'react';\r\nimport { Image } from '@sitecore-jss/sitecore-jss-react';\r\nimport StyleguideSpecimen from '../Styleguide-Specimen';\r\n\r\n/**\r\n * Demonstrates usage of an Image content field within JSS.\r\n * Image field data is uploaded into the Sitecore Media Library.\r\n */\r\nconst StyleguideFieldUsageImage = (props) => (\r\n \r\n
Plain image
\r\n \r\n\r\n {/*\r\n Advanced image usage example\r\n editable: controls whether image can be edited in Sitecore Experience Editor\r\n imageParams: parameters that are passed to Sitecore to perform server-side resizing of the image.\r\n Sample rescales image to max 100x50 dimensions on the server, respecting aspect ratio\r\n IMPORTANT: imageParams must be whitelisted for resizing to occur. See /sitecore/config/*.config (search for 'allowedMediaParams')\r\n any other attributes: pass through to img tag\r\n */}\r\n
Advanced image (not editable)
\r\n \r\n\r\n {/*\r\n Srcset adaptive image usage example\r\n Adaptive srcsets are supported using Sitecore server-side resizing.\r\n The `srcSet` can use Sitecore image resizing parameters (i.e. w, h, mw, mh).\r\n Sample create a srcset using two sizes (server resizing), 300 and 100px max widths, respecting aspect ratio.\r\n IMPORTANT: srcSet params must be whitelisted for adaptive resizing to occur. See /sitecore/config/*.config (search for 'allowedMediaParams')\r\n */}\r\n
Srcset responsive image
\r\n \r\n \r\n);\r\n\r\nexport default StyleguideFieldUsageImage;\r\n","import React from 'react';\r\nimport { Text } from '@sitecore-jss/sitecore-jss-react';\r\nimport StyleguideSpecimen from '../Styleguide-Specimen';\r\n\r\n/**\r\n * Demonstrates usage of a Content Link content field within JSS.\r\n * Content links are a reference to a single other piece of content.\r\n */\r\nconst StyleguideFieldUsageItemLink = (props) => {\r\n const { sharedItemLink, localItemLink } = props.fields;\r\n\r\n return (\r\n \r\n
Shared Item Link
\r\n {/*\r\n Item link fields are returned with their value as the referenced item value.\r\n */}\r\n {sharedItemLink && (\r\n
\r\n {/* The referenced item's fields can be rendered and edited using normal helper components: */}\r\n
\r\n Field: \r\n
\r\n
\r\n )}\r\n\r\n
Local Item Link
\r\n {localItemLink && (\r\n
\r\n
\r\n Field: \r\n
\r\n
\r\n )}\r\n \r\n );\r\n};\r\n\r\nexport default StyleguideFieldUsageItemLink;\r\n","import React from 'react';\r\nimport { Link } from '@sitecore-jss/sitecore-jss-react';\r\nimport StyleguideSpecimen from '../Styleguide-Specimen';\r\n\r\n/**\r\n * Demonstrates usage of a General Link (hyperlink) content field within JSS.\r\n */\r\nconst StyleguideFieldUsageLink = (props) => (\r\n \r\n External link: \r\n \r\n \r\n Internal link: \r\n \r\n HTML or other components can be used within link renderers, for example links to\r\n images.\r\n \r\n \r\n Email link: \r\n \r\n \r\n All possible content params link: \r\n \r\n \r\n The link component accepts params of its own: \r\n \r\n \r\n);\r\n\r\nexport default StyleguideFieldUsageLink;\r\n","import React from 'react';\r\nimport { Text, getFieldValue } from '@sitecore-jss/sitecore-jss-react';\r\nimport StyleguideSpecimen from '../Styleguide-Specimen';\r\n\r\n/**\r\n * Demonstrates usage of a Number (decimal) content field within JSS.\r\n */\r\nconst StyleguideFieldUsageText = (props) => {\r\n const fieldValue = getFieldValue(props.fields, 'sample');\r\n\r\n return (\r\n \r\n {/* Basic emission of a number field for editing can be done with the component. */}\r\n \r\n\r\n {/* Direct access to the value, which is a JS number, is also supported. */}\r\n
\r\n JS value type: {typeof fieldValue}\r\n \r\n JS value: {fieldValue}\r\n
\r\n \r\n );\r\n};\r\n\r\nexport default StyleguideFieldUsageText;\r\n","import React from 'react';\r\nimport { RichText } from '@sitecore-jss/sitecore-jss-react';\r\nimport StyleguideSpecimen from '../Styleguide-Specimen';\r\n\r\n/**\r\n * Demonstrates usage of a Rich Text (HTML) content field within JSS.\r\n */\r\nconst StyleguideFieldUsageRichText = (props) => (\r\n \r\n {/* Basic use of a rich text field. Wraps in a
. */}\r\n \r\n\r\n {/* Advanced usage of rich text field. Specifies a custom wrapper tag, turns off Sitecore editing, and has a CSS class on the wrapper */}\r\n \r\n \r\n);\r\n\r\nexport default StyleguideFieldUsageRichText;\r\n","import React from 'react';\r\nimport { Text, getFieldValue } from '@sitecore-jss/sitecore-jss-react';\r\nimport StyleguideSpecimen from '../Styleguide-Specimen';\r\n\r\n/**\r\n * Demonstrates usage of a Text content field within JSS.\r\n * Text fields are HTML encoded by default.\r\n */\r\nconst StyleguideFieldUsageText = (props) => (\r\n \r\n {/* Basic use of a text field. No wrapper. */}\r\n \r\n\r\n {/* Advanced usage of text field. Specifies a wrapper tag, turns off Sitecore editing, supports raw HTML, and has a CSS class on the wrapper */}\r\n \r\n\r\n {/*\r\n Use this API when you need direct programmatic access to a field as a variable.\r\n Note: editing such a value in Experience Editor is not possible, and direct field\r\n editing must be used to edit a value emitted like this (the pencil icon when the rendering\r\n is selected in xEditor)\r\n */}\r\n
Raw value (not editable): {getFieldValue(props.fields, 'sample')}
\r\n \r\n);\r\n\r\nexport default StyleguideFieldUsageText;\r\n","import React from 'react';\r\nimport { Placeholder, getChildPlaceholder, getFieldValue } from '@sitecore-jss/sitecore-jss-react';\r\n\r\n/**\r\n * The main layout (columns) of the styleguide.\r\n * Navigation is automatically generated based on the components added to the layout,\r\n * and does not need to be manually maintained.\r\n */\r\nconst StyleguideLayout = (props) => {\r\n // this code reads the components in the child placeholders of this component,\r\n // and projects them into the left navigation column for the styleguide\r\n const sections = getChildPlaceholder(props.rendering, 'jss-styleguide-layout')\r\n .filter((section) => getFieldValue(section, 'heading'))\r\n .map((section) => ({\r\n heading: getFieldValue(section, 'heading'),\r\n id: `i${section.uid.replace(/[{}]/g, '')}`,\r\n children: getChildPlaceholder(section, 'jss-styleguide-section')\r\n .filter((component) => getFieldValue(component, 'heading'))\r\n .map((component) => ({\r\n heading: getFieldValue(component, 'heading'),\r\n id: `i${component.uid.replace(/[{}]/g, '')}`,\r\n })),\r\n }))\r\n .map((section) => (\r\n \r\n ));\r\n\r\n return (\r\n
\r\n
\r\n \r\n
\r\n
{sections}
\r\n
\r\n );\r\n};\r\n\r\nexport default StyleguideLayout;\r\n","import React from 'react';\r\nimport { Placeholder } from '@sitecore-jss/sitecore-jss-react';\r\nimport StyleguideSpecimen from '../Styleguide-Specimen';\r\n\r\n/**\r\n * Demonstrates how to reuse content within JSS. See /data/routes/styleguide/en.yml\r\n * for the reused content definition sample. This component also demonstrates how to use\r\n * the Placeholder component's render props API to wrap all components in the placeholder\r\n * in a column tag (thus creating a horizontally laid out placeholder)\r\n */\r\nconst StyleguideLayoutReuse = (props) => (\r\n \r\n
\r\n {/*\r\n This placeholder is using _render props_ to enable customizing the markup for each component within.\r\n In this case, it's placing each component in its own column of a flexbox layout - giving an n-up columnar layout.\r\n The component itself does not need to know it's living in a columnar layout.\r\n\r\n There are three render props available:\r\n renderEach - called once for each content component\r\n Sitecore Experience Editor markup is automatically rendered in between content components when present\r\n renderEmpty - called when the placeholder contains no content components. Can be used to wrap the Sitecore EE empty placeholder\r\n markup in something that's visually correct, like here where we need to wrap it in a column div to make it selectable.\r\n render - called once and passed _all_ components in the placeholder. Allows custom iteration. EE code markup must be accounted for.\r\n\r\n Generally speaking stick to renderEach and renderEmpty unless doing something really custom.\r\n */}\r\n (\r\n
\r\n {component}\r\n
\r\n )}\r\n renderEmpty={(components) =>
{components}
}\r\n />\r\n
\r\n \r\n);\r\n\r\nexport default StyleguideLayoutReuse;\r\n","import React from 'react';\r\nimport { withPlaceholder, withSitecoreContext, Text } from '@sitecore-jss/sitecore-jss-react';\r\nimport StyleguideSpecimen from '../Styleguide-Specimen';\r\n\r\n/**\r\n * Demonstrates advanced component techniques in JSS.\r\n * This example implements a simple-looking tabs component.\r\n * Each tab is itself a child component added to a placeholder defined on the tabs component.\r\n * The tab component introspects its child components to render the tab headings (i.e. the tab children render partial content in two places).\r\n * When this component is edited in Sitecore Experience Editor, the tabbing behavior is turned off and each tab stacks on top of each other\r\n * for easy inline editing.\r\n */\r\nclass StyleguideLayoutTabs extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n activeTabIndex: 0,\r\n };\r\n\r\n this.setActiveTab = this.setActiveTab.bind(this);\r\n }\r\n\r\n setActiveTab(index) {\r\n this.setState({ activeTabIndex: index });\r\n }\r\n\r\n render() {\r\n const { tabsPlaceholder, sitecoreContext } = this.props;\r\n\r\n let validTabIndex = 0;\r\n const isEditing = sitecoreContext && sitecoreContext.pageEditing;\r\n\r\n return (\r\n \r\n
\r\n {/*\r\n When the page is editing, we hide the tab headings, because they are not updated when xEditor adds or removes a tab rendering.\r\n Instead, we show the tab header inline with the tab contents (see Styleguide-Layout-Tabs-Tab).\r\n */}\r\n {!isEditing &&\r\n (tabsPlaceholder || [])\r\n .filter((tab) => tab.props && tab.props.fields)\r\n .map((tab, index) => (\r\n
\r\n {(tabsPlaceholder || []).map((tab, index) => {\r\n const isValid = tab.props && tab.props.fields;\r\n\r\n // allow experience editor markup components to render\r\n if (!isValid && isEditing) return tab;\r\n\r\n validTabIndex += 1;\r\n\r\n // we render the tab either if it's active - or we're editing,\r\n // in which case we stack all tabs for visual editing\r\n if (this.state.activeTabIndex === validTabIndex - 1 || isEditing) {\r\n return tab;\r\n }\r\n\r\n return null;\r\n })}\r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\n// This is a _higher order component_ that will wrap our component and inject placeholder\r\n// data into it as a prop (in this case, props.tabsPlaceholder).\r\n// this another option compared to using the component;\r\n// in this case, chosen because we primarily need access to the _data_\r\n// of the placeholder.\r\nconst tabsComponentWithPlaceholderInjected = withPlaceholder({\r\n placeholder: 'jss-tabs',\r\n prop: 'tabsPlaceholder',\r\n})(StyleguideLayoutTabs);\r\n\r\n// We need to know if experience editor is active, to disable the dynamic tab behavior for editing.\r\n// Using the same technique as injecting the placeholder, we wrap the component again to inject the\r\n// `sitecoreContext` prop.\r\nconst tabsWithPlaceholderAndSitecoreContext = withSitecoreContext()(\r\n tabsComponentWithPlaceholderInjected\r\n);\r\n\r\nexport default tabsWithPlaceholderAndSitecoreContext;\r\n","import React from 'react';\r\nimport { Text, RichText, withSitecoreContext } from '@sitecore-jss/sitecore-jss-react';\r\n\r\n/**\r\n * This is a single tab within the tabs sample component. These are added to the tabs placeholder.\r\n * This component demonstrates conditionally altering rendering when in the Sitecore Experience Editor to improve\r\n * author experience.\r\n */\r\nconst StyleguideLayoutTabsTab = (props) => (\r\n
\r\n {/*\r\n When we're editing the tabs we stack each tab vertically,\r\n which means there's no regular tab titles rendered.\r\n So we conditionally render the tab title here, when editing. */}\r\n {props.sitecoreContext &&\r\n props.sitecoreContext.pageEditing && }\r\n\r\n {/* React.Fragment tells React to not use any wrapping tag for the component */}\r\n \r\n
\r\n);\r\n\r\nexport default withSitecoreContext()(StyleguideLayoutTabsTab);\r\n","import React from 'react';\r\nimport { Text } from '@sitecore-jss/sitecore-jss-react';\r\nimport { withTranslation } from 'react-i18next';\r\nimport { Link } from 'react-router-dom';\r\nimport StyleguideSpecimen from '../Styleguide-Specimen';\r\n\r\n/**\r\n * Demonstrates using the dictionary functionality and defining route data in\r\n * multiple languages.\r\n */\r\nconst StyleguideMultilingual = (props) => (\r\n \r\n \r\n\r\n
\r\n This is a static dictionary entry from /data/dictionary: {props.t(\r\n 'styleguide-sample'\r\n )}\r\n
\r\n\r\n
\r\n Show in English\r\n \r\n Show in Danish\r\n
\r\n\r\n
The current language is: {props.i18n.language}
\r\n \r\n);\r\n\r\n// the withTranslation() _higher order component_ wraps the\r\n// component in another component and injects the `i18n`\r\n// and `t` props into it so that we can use them for translation.\r\n// Any component that wants to use translation will need to use this,\r\n// or the react-i18next render props API. See the react-i18next docs for more details.\r\nexport default withTranslation()(StyleguideMultilingual);\r\n","import React from 'react';\r\nimport { Link } from 'react-router-dom';\r\nimport { withSitecoreContext, Text } from '@sitecore-jss/sitecore-jss-react';\r\nimport StyleguideSpecimen from '../Styleguide-Specimen';\r\n\r\n/**\r\n * Demonstrates gaining access to route-level fields.\r\n * This technique builds on the Styleguide-SitecoreContext technique,\r\n * to also get the route level field data and make it editable.\r\n */\r\nconst StyleguideRouteFields = (props) => (\r\n \r\n
\r\n Route level pageTitle field:{' '}\r\n \r\n
\r\n
\r\n Sample of using a custom route type\r\n
\r\n \r\n);\r\n\r\nexport default withSitecoreContext()(StyleguideRouteFields);\r\n","import React from 'react';\r\nimport { Placeholder, Text } from '@sitecore-jss/sitecore-jss-react';\r\n\r\n/**\r\n * Represents a category of styleguide specimens within the Styleguide-Layout.\r\n * Usage examples are added to the `styleguide-section` placeholder that this\r\n * exposes.\r\n */\r\nconst StyleguideSection = (props) => (\r\n
\r\n \r\n \r\n
\r\n);\r\n\r\nexport default StyleguideSection;\r\n","import React from 'react';\r\nimport { withSitecoreContext } from '@sitecore-jss/sitecore-jss-react';\r\nimport StyleguideSpecimen from '../Styleguide-Specimen';\r\n\r\n/**\r\n * Demonstrates gaining access to the route-level Sitecore Context from\r\n * within other components.\r\n */\r\nconst StyleguideSitecoreContext = (props) => (\r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nexport default NotFound;\r\n","import React from \"react\";\r\nimport { Route, Redirect } from \"react-router\";\r\nimport { getFieldValue } from \"@sitecore-jss/sitecore-jss-react\";\r\n\r\nconst RedirectCustom = (props) => (\r\n \r\n);\r\n\r\nfunction RedirectToRoute({ routeData }) {\r\n const redirectTo = getFieldValue(\r\n routeData.sitecore.route.fields,\r\n \"redirectTo\"\r\n );\r\n\r\n if (redirectTo && redirectTo.href) {\r\n if (redirectTo.href.startsWith(\"/\")) {\r\n return (\r\n \r\n \r\n \r\n );\r\n }\r\n return (\r\n typeof window !== \"undefined\" && (\r\n {\r\n window.location.assign(redirectTo.href);\r\n return null;\r\n }}\r\n />\r\n )\r\n );\r\n }\r\n}\r\n\r\nexport default RedirectCustom;\r\n","import config from \"../../temp/config\";\r\nimport { getFieldValue } from \"@sitecore-jss/sitecore-jss-react\";\r\n\r\nexport const jssAppName = config.jssAppName\r\n .replace(\"-stage\", \"\")\r\n .replace(\"-production\", \"\");\r\nexport const sitecorePages = {\r\n homepageId: `/sitecore/content/${jssAppName}/home`.replace(\"-stage\", \"\"),\r\n};\r\nexport const configurationSystemSettingsLanguages = {\r\n languages: systemFolder(\"Languages\"),\r\n};\r\n\r\nexport const configurationParameters = {\r\n footerId: contentConfigurationPath(\"Footer\"),\r\n cookieId: contentConfigurationPath(\"Cookie\"),\r\n};\r\n\r\nfunction contentFolder(subFolderPath) {\r\n return `/sitecore/content/${jssAppName}/${subFolderPath}`;\r\n}\r\n\r\nfunction systemFolder(subFolderPath) {\r\n return `/sitecore/system/${subFolderPath}`;\r\n}\r\n\r\nexport function hasValidHref(routeData) {\r\n return (\r\n getFieldValue(routeData.sitecore.route.fields, \"redirectTo\") &&\r\n routeData.sitecore.route.fields.redirectTo.value.href\r\n );\r\n}\r\n\r\nexport function contentConfigurationPath(subFolder) {\r\n return contentFolder(`Content/Configuration/${subFolder}`);\r\n}\r\n\r\nexport function contentDataPath(subFolder) {\r\n return contentFolder(`Content/Data/${subFolder}`);\r\n}\r\n\r\nexport function dataSourceContentConfiguration(\r\n subFolderInContentConfiguration\r\n) {\r\n return (\r\n \"dataSource=\" + contentConfigurationPath(subFolderInContentConfiguration)\r\n );\r\n}\r\n\r\nexport function dataSourceContentData(subFolderInContentData) {\r\n return \"dataSource=\" + contentDataPath(subFolderInContentData);\r\n}\r\n\r\nexport function dataSourceConfiguration(subFolderInRouteAndQuery) {\r\n return \"dataSource=\" + contentFolder(subFolderInRouteAndQuery);\r\n}\r\n\r\nexport function mediaLibraryFolder(subFolder) {\r\n return `/sitecore/media library/${jssAppName}/data/media/${subFolder}`;\r\n}\r\n\r\nexport function isDisconectedMode(sitecoreContext) {\r\n return (\r\n sitecoreContext &&\r\n sitecoreContext.site &&\r\n sitecoreContext.site.name === \"JssDisconnectedLayoutService\"\r\n );\r\n}\r\n\r\nexport default { sitecorePages };\r\n","import React from \"react\";\r\n// import { Route, Redirect } from \"react-router\";\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 RedirectCustom from \"./shared/RedirectCustom\";\r\nimport { hasValidHref /*, sitecorePages*/ } from \"./helpers/sitecore/index\";\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 pageIsLoaded: true,\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 isPreview = window.location.toString().startsWith(\"https://preview\")\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 =\r\n 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, isPreview).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({ routeData, notFound: false });\r\n } else {\r\n this.setState({ routeData, notFound: true });\r\n }\r\n\r\n this.setState({ pageIsLoaded: true });\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.setState({ pageIsLoaded: false });\r\n\r\n this.updateLanguage();\r\n this.updateRouteData();\r\n }\r\n\r\n render() {\r\n const { notFound, routeData, pageIsLoaded } = 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 // TODO: loader\r\n if (!routeData || this.languageIsChanging) {\r\n return null;\r\n }\r\n\r\n let _hasValidHref = hasValidHref(routeData);\r\n if (\r\n _hasValidHref &&\r\n this.redirectingTo !== _hasValidHref &&\r\n !isExperienceEditorActive()\r\n ) {\r\n return ;\r\n }\r\n\r\n // Render the app's root structural layout\r\n return (\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, isPreview = false) {\r\n const fetchOptions = {\r\n layoutServiceConfig: { host: !isPreview ? config.sitecoreApiHost : \"https://preview.infinity-group.pl\" }, // FIXME: Dirty hack; Please change it to use configs\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 (\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 React, { useEffect, Fragment } from \"react\";\r\nimport { withRouter, useLocation } from \"react-router-dom\";\r\n\r\nconst ScrollTop = ({ children }) => {\r\n const { pathname } = useLocation();\r\n const { hash } = useLocation();\r\n\r\n const fullPath = pathname + hash;\r\n\r\n useEffect(() => {\r\n if (!fullPath.includes('#')) {\r\n window.scrollTo({\r\n top: 0,\r\n left: 0,\r\n behavior: \"smooth\",\r\n });\r\n }\r\n }, [fullPath]);\r\n\r\n return {children} || null;\r\n};\r\n\r\nexport default withRouter(ScrollTop);\r\n","import React, {useState, useContext, useEffect} from \"react\";\r\nimport { SitecoreContext } from \"@sitecore-jss/sitecore-jss-react\";\r\nimport { Route, Switch } from \"react-router-dom\";\r\nimport { ApolloProvider } from \"react-apollo\";\r\nimport componentFactory from \"./temp/componentFactory\";\r\nimport SitecoreContextFactory from \"./lib/SitecoreContextFactory\";\r\nimport RouteHandler from \"./RouteHandler\";\r\nimport ScrollToTop from \"./shared/ScrollTop\";\r\nimport ContactVisibility from \"./store/ContactVisibility/ContactVisibility\";\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\nconst AppRoot = ({ path, Router, graphQLClient }) => {\r\n const routeRenderFunction = (props) => ;\r\n\r\n const useContextPopupStatus = useContext(ContactVisibility);\r\n\r\n const [popupIsVisible, setPopupIsVisible] = useState(\r\n useContextPopupStatus.contactPopup.contactIsVisible\r\n );\r\n \r\n useEffect(() => {\r\n setTimeout(() => {\r\n const href = window.location.href;\r\n if (href.includes('#')) {\r\n const id = `${href.substring(href.indexOf('#') + 1)}`;\r\n const anchor = document.getElementById(id);\r\n if (anchor) {\r\n anchor.scrollIntoView({behavior: 'smooth'});\r\n }\r\n }\r\n }, 500);\r\n }, []);\r\n\r\n const showPopupHandler = (e) => {\r\n e.preventDefault();\r\n setPopupIsVisible(true);\r\n }\r\n const hidePopupHandler = () => {\r\n setPopupIsVisible(false);\r\n }\r\n\r\n return (\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\nexport default AppRoot;\r\n","import React from \"react\";\r\nimport ReactDOM from \"react-dom\";\r\nimport { BrowserRouter } from \"react-router-dom\";\r\nimport AppRoot from \"./AppRoot\";\r\nimport { setServerSideRenderingState } from \"./RouteHandler\";\r\nimport GraphQLClientFactory from \"./lib/GraphQLClientFactory\";\r\nimport config from \"./temp/config\";\r\nimport i18ninit from \"./i18n\";\r\nvar renderFunction = ReactDOM.render;\r\nvar initLanguage = config.defaultLanguage;\r\n// process.env[\"NODE_TLS_REJECT_UNAUTHORIZED\"] = 0;\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\nvar __JSS_STATE__ = null;\r\nvar 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 // 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 // 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 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\nvar initialGraphQLState = __JSS_STATE__ && __JSS_STATE__.APOLLO_STATE\r\n ? __JSS_STATE__.APOLLO_STATE\r\n : null;\r\nvar graphQLClient = GraphQLClientFactory(config.graphQLEndpoint, false, initialGraphQLState);\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(function (data) {\r\n // HTML element to place the app into\r\n var rootElement = document.getElementById(\"root\");\r\n renderFunction(React.createElement(AppRoot, { path: window.location.pathname, Router: BrowserRouter, graphQLClient: graphQLClient }), rootElement);\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: 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\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","/* eslint-disable import/first */\r\n\r\nimport 'isomorphic-fetch';\r\nimport { ApolloClient } from 'apollo-client';\r\nimport { InMemoryCache, IntrospectionFragmentMatcher } 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":""}