{error}
\n ))}\n \n );\n};\n\nexport { FormErrors };\n","const OperatorTypes = {\n isEqualTo: '{1D38B217-A2EE-4E7B-B6ED-13E751462FEB}',\n isNotEqualTo: '{49F47E77-E8C5-46F9-BF39-78D6B0D40B48}',\n contains: '{BF8935A6-1976-43A0-ABA5-D0BC128A76EA}',\n doesNotContain: '{45AAB0FB-775B-40F5-B3B8-7CAE3ABBF643}',\n hasItems: '{321B0695-8AF0-4617-9D8D-8C28F227650F}',\n hasNoItems: '{90DD4A4E-6395-45BC-9E7E-DF1510237039}'\n};\n\nexport default OperatorTypes;\n","import OperatorTypes from './operatorTypes.js';\n\nconst Operations = {\n checkCondition: (condition, fieldValues, fieldState) => {\n const value = fieldValues[condition.fieldId]?.value?.toString() ?? '';\n const stateData = fieldState && fieldState[condition.fieldId]?.data;\n switch (condition.operatorId) {\n case OperatorTypes.isEqualTo:\n return value === condition.value;\n\n case OperatorTypes.isNotEqualTo:\n return value !== condition.value;\n\n case OperatorTypes.contains:\n return value.indexOf(condition.value) > -1;\n\n case OperatorTypes.doesNotContain:\n return value.indexOf(condition.value) < 0;\n\n case OperatorTypes.hasItems:\n return stateData?.items && stateData.items.length > 0;\n\n case OperatorTypes.hasNoItems:\n return !stateData?.items || stateData.items.length == 0;\n\n default:\n return false;\n }\n }\n};\n\nexport default Operations;\n","const MatchingTypes = {\n any: '{365C94DA-C1CD-4783-A91D-0D17A16C7117}',\n all: '{4E50C172-7EA6-4989-82C3-75F24F80EF72}'\n};\n\nexport default MatchingTypes;\n","import MatchingTypes from './matchingTypes.js';\n\nconst operations = {\n [MatchingTypes.all]: function (operand1, operand2) {\n return operand1 && operand2;\n },\n [MatchingTypes.any]: function (operand1, operand2) {\n return operand1 || operand2;\n }\n};\n\nconst accumulate = (list, operator) => {\n return list.reduce(operations[operator]);\n};\n\nconst Matching = {\n match: (matchTypeId, operationResults) => {\n return accumulate(operationResults, matchTypeId);\n }\n};\n\nexport default Matching;\n","const ActionTypes = {\n show: '{AAE07A52-46A4-49EF-98B0-C2595BAC2382}',\n hide: '{7F58C8DD-D7C0-4FB7-BB44-8EC6B5E1C3D9}',\n enable: '{5744A87E-E32C-42CC-862F-96842A0202BB}',\n disable: '{C698C993-549E-486A-A09C-BB8D830DA958}',\n clearValue: '{F236D676-C82A-4EBF-9C36-6FE443572ADC}'\n};\n\nexport default ActionTypes;\n","import ActionTypes from './actionTypes.js';\n\nconst Actions = {\n performAction: (field, action, fieldValues) => {\n const fieldValue = { ...fieldValues[action.fieldId] };\n\n // eslint-disable-next-line default-case\n switch (action.actionTypeId) {\n case ActionTypes.disable:\n fieldValue.disabled = true;\n break;\n\n case ActionTypes.enable:\n fieldValue.disabled = false;\n break;\n\n case ActionTypes.hide:\n fieldValue.hidden = true;\n fieldValue.value = '{$hidden}';\n\n break;\n\n case ActionTypes.show:\n fieldValue.hidden = false;\n if (fieldValue.value == '{$hidden}') {\n fieldValue.value = '';\n }\n break;\n\n case ActionTypes.clearValue:\n fieldValue.value = '';\n break;\n }\n\n return fieldValue;\n }\n};\n\nexport default Actions;\n","import Operations from './Operations/operations.js';\nimport Matching from './Matching/matching.js';\nimport Actions from './Actions/actions.js';\n\nconst Conditions = {\n initialCheckConditions: (field, fieldValues) => {\n field.model.conditionSettings.fieldConditions.forEach((fc) => {\n var results = fc.conditions.map((fcc) =>\n Operations.checkCondition(fcc, fieldValues)\n );\n\n const matchingResult = Matching.match(fc.matchTypeId, results);\n\n if (matchingResult) {\n fc.actions.forEach((action) => {\n const resultField = Actions.performAction(\n field,\n action,\n fieldValues\n );\n\n fieldValues[action.fieldId] = resultField;\n });\n }\n });\n },\n checkConditions: (field, fieldValues, fieldStates) => {\n fieldValues[field.model.conditionSettings.fieldKey].value =\n field.model.value;\n\n field.model.conditionSettings.fieldConditions.forEach((fc) => {\n var results = fc.conditions.map((fcc) =>\n Operations.checkCondition(fcc, fieldValues, fieldStates)\n );\n\n const matchingResult = Matching.match(fc.matchTypeId, results);\n\n if (matchingResult) {\n fc.actions.forEach((action) => {\n const resultField = Actions.performAction(\n field,\n action,\n fieldValues\n );\n fieldValues[action.fieldId] = resultField;\n\n const stateData = {\n ...resultField\n };\n if (fieldStates[action.fieldId]) {\n fieldStates[action.fieldId].setState(stateData);\n }\n });\n }\n });\n }\n};\n\nexport default Conditions;\n","import { FieldTypes as SitecoreFieldTypes } from '@sitecore-jss/sitecore-jss-react-forms';\n\nconst FieldTypes = {\n defaultFields: SitecoreFieldTypes,\n executeScript: '{B227C8BF-54B6-4061-A32D-001AA89CC702}',\n gtm: '{DD08E527-7B06-491A-9F91-74939698BA97}',\n step: '{3FFB60AE-6CB5-4906-8067-AD977BF0DE77}',\n agreement: '{506E91E1-12DC-4AB4-B9D8-83E1DC62EFC0}',\n infoObligation: '{78C3BE18-2DF9-43C3-83C3-744818B87AD1}',\n genericFormParameters: '{8ED57B48-D99C-440A-98E6-868D9062A3D5}',\n placeholder: '{F81D80FF-057F-4D39-8C1F-B01CED4AE575}',\n qmaticVisitLocation: '{A2085A4E-F863-4D37-A7DC-C774FB984E3A}',\n qmaticVisitClientType: '{6AD4C148-FA8A-44C7-A19A-6969D81A937E}',\n qmaticVisitSubject: '{C2ADA9E6-7A89-4D62-AB8C-A3382D7E1284}',\n qmaticVisitDate: '{9BC619BC-5C17-4456-9E27-95F19569A2CE}',\n qmaticVisitHour: '{96B2E344-DBEA-4836-8E29-075E1BDF4119}',\n qmaticParameters: '{93610220-A7FD-4E71-95FF-8AF500861AE5}',\n qmaticParametersField: '{93610220-A7FD-4E71-95FF-8AF500861AE5}',\n parametersField: '{8ED57B48-D99C-440A-98E6-868D9062A3D5}',\n googleRecaptcha: '{D4CB7853-E428-4B5D-90BF-95600B9BD5F8}'\n};\n\nexport default FieldTypes;\n","import React, { useState, useRef } from 'react';\nimport { withRouter } from 'react-router-dom';\nimport {\n Placeholder,\n withSitecoreContext\n} from '@sitecore-jss/sitecore-jss-react';\nimport { Form as JssForm } from '@sitecore-jss/sitecore-jss-react-forms';\nimport { sitecoreApiHost, sitecoreApiKey } from '../../temp/config';\nimport FieldFactory from './fieldFactory.js';\nimport QmaticSuccess from './Fields/Qmatic/QmaticSuccess/index.js';\nimport Conditions from './Conditions/conditions.js';\nimport StepNavigation from './stepNavigation.js';\nimport { FormErrors } from './FormErrors.jsx';\nimport AnalyticsForFields from './FormAnalyticsFields.js';\nimport AnalyticsForFormSubmittedSuccessfully from './FormAnalyticsSubmission.js';\nimport QmaticSuccessButtons from './Fields/Qmatic/QmaticSuccessButtons';\n\nconst executeJsScript = (jsScript) => {\n if (!jsScript.functionName) {\n return;\n }\n const script = document.createElement('script');\n script.innerHTML = jsScript.scriptBody;\n document.body.appendChild(script);\n\n eval(jsScript.functionName)(jsScript.params);\n};\n\nfunction parseValidationErrorsForScroll(validationErrors) {\n let topmostElement = null;\n Object.keys(validationErrors).forEach((id) => {\n const domId = id.replace(/[^a-zA-Z0-9\\-]/g, '_');\n const item = document.getElementById(domId);\n if (\n item &&\n (topmostElement === null ||\n topmostElement.offsetTop > item.offsetTop)\n ) {\n topmostElement = item;\n }\n });\n if (topmostElement !== null) {\n topmostElement.scrollIntoView({ behavior: 'smooth' });\n }\n}\nconst disableSubmit = (formHolderRef, isDisabled) => {\n const formButton = formHolderRef.current.querySelector(\n 'eon-ui-button[input-type=submit]'\n );\n\n if (formButton) {\n formButton.setAttribute('disabled', isDisabled);\n }\n};\n\nconst Form = ({ fields, history, rendering, sitecoreContext }) => {\n const formHolderRef = useRef();\n const conversionId = fields.conversionId;\n fields = fields.fields;\n\n const getFlattenFields = (field) => {\n if (field?.fields) {\n var results = field.fields.flatMap((f) => getFlattenFields(f));\n if (field.model) {\n results.push(field);\n }\n\n return results;\n }\n\n return field || [];\n };\n\n let qmaticData;\n let qmaticSummary;\n\n const getFieldsBaseInfo = (fields) =>\n Object.assign(\n {},\n ...fields.map((f) => {\n if (!f) return;\n return {\n [f.model.conditionSettings.fieldKey]: {\n value: f.model.value ?? '',\n type: f.model.fieldTypeItemId\n }\n };\n })\n );\n\n const [showSuccess, setShowSuccess] = useState(false);\n\n const flattenFields = getFlattenFields(fields);\n const initialFieldValues = getFieldsBaseInfo(flattenFields);\n\n if (!sitecoreContext.pageEditing) {\n StepNavigation.markFirstSectionAsExpanded(initialFieldValues);\n } else {\n StepNavigation.expandAll(initialFieldValues);\n }\n if (!sitecoreContext.pageEditing) {\n flattenFields.forEach((field) =>\n Conditions.initialCheckConditions(field, initialFieldValues)\n );\n }\n\n const formFetcher = (formData, endpoint) => {\n disableSubmit(formHolderRef, true);\n return fetch(endpoint, {\n body: formData.toMultipartFormData(),\n method: 'post',\n // IMPORTANT: Sitecore forms relies on cookies for some state management, so credentials must be included.\n credentials: 'include'\n // Browser set 'Content-Type' automatically with multipart/form-data;\n //boundary\n })\n .then((res) => {\n disableSubmit(formHolderRef, false);\n if (res.status === 200) {\n //Sends form data no analytics in case the form was submitted successfully\n AnalyticsForFormSubmittedSuccessfully(\n sitecoreContext,\n rendering,\n conversionId,\n fields.fields,\n formData\n );\n\n setShowSuccess(true);\n }\n\n return res.json();\n })\n .then((json) => {\n const results = { ...json, nextForm: fields };\n if (qmaticSummary) {\n fieldStates['qmatic-summary'].setState(qmaticSummary);\n\n fieldStates['qmatic-fields'].setState({\n appointmentId: json.additionalFields.appointmentId,\n cancelPagePath: json.additionalFields.cancelPagePath,\n ...qmaticSummary\n });\n }\n\n if (json.success) {\n executeJsScript({\n functionName: json.additionalFields.functionName,\n params: [\n json.additionalFields.param1,\n json.additionalFields.param2,\n json.additionalFields.param3\n ],\n scriptBody: json.additionalFields.scriptBody\n });\n }\n\n //Sends each field to GTM in any cases\n AnalyticsForFields(\n sitecoreContext,\n fields.fields,\n results.validationErrors\n );\n parseValidationErrorsForScroll(results.validationErrors);\n\n return results;\n })\n .catch(() => {\n return {\n success: false,\n errors: ['Coś poszło nie tak. Proszę spróbować później']\n };\n });\n };\n\n const fieldStates = {};\n const stateHandler = (obj) => {\n if (!sitecoreContext.pageEditing) {\n fieldStates[obj.fieldId] = { ...obj };\n }\n };\n\n const conditionsHandler = (f) => {\n if (!sitecoreContext.pageEditing) {\n Conditions.checkConditions(f, initialFieldValues, fieldStates);\n }\n };\n\n const qmaticHandler = (obj, callback) => {\n var referencedFieldName = obj.model.referenceFieldName;\n var field = flattenFields.filter(\n (item) => item.model.name === referencedFieldName\n );\n var id = field[0]?.model?.conditionSettings?.fieldKey;\n if (id) {\n var found = fieldStates[id];\n if (found) {\n var data = {\n ...found.data,\n qmaticSettings: obj.qmaticSettings,\n previousFieldValue: obj.model.value,\n qmatic: true,\n qmaticData: obj.qmaticData,\n qmaticSummary: obj.qmaticSummary\n };\n\n if (found.onStateUpdated) {\n found.onStateUpdated(callback);\n }\n found.setState(data);\n }\n }\n };\n\n const qmaticDataHandler = (data) => {\n qmaticData = data;\n };\n\n const getQmaticData = () => qmaticData;\n\n const qmaticSummaryHandler = (data) => {\n qmaticSummary = data;\n };\n\n const navigationHandler = (moveToNextSection) => {\n if (!sitecoreContext.pageEditing) {\n if (moveToNextSection) {\n StepNavigation.goToNextSection(initialFieldValues, fieldStates);\n return;\n }\n\n // go back\n StepNavigation.gotoPreviousSection(initialFieldValues, fieldStates);\n }\n };\n\n const stepHandler = (sectionNumber) => {\n if (!sitecoreContext.pageEditing) {\n fields.fields.forEach((f, index) => {\n if (f.fields && isNextQuestion(index, sectionNumber)) {\n resetFormAfterCurrentQuestion(f.fields);\n }\n });\n sectionNumber -= 1; // string to array index conversion\n StepNavigation.goToSection(\n initialFieldValues,\n fieldStates,\n sectionNumber\n );\n }\n };\n\n const isNextQuestion = (index, sectionNumber) => {\n return index > sectionNumber;\n };\n\n const resetFormAfterCurrentQuestion = (fields) => {\n fields.forEach((f) => {\n if (f.model.value) {\n f.model.value = null;\n }\n if (f.model.innerText) {\n f.model.innerText = '';\n }\n });\n };\n\n const factory = FieldFactory.initFactory(\n initialFieldValues,\n conditionsHandler,\n navigationHandler,\n stepHandler,\n stateHandler,\n qmaticHandler,\n sitecoreContext,\n rendering,\n qmaticDataHandler,\n qmaticSummaryHandler,\n getQmaticData\n );\n\n if (sitecoreContext.pageEditing) {\n return (\n <>\n\n
\n \n );\n }\n return (\n <>\n \n history.push(url)}\n formFetcher={formFetcher}\n errorComponent={FormErrors}\n />\n
\n \n
\n Success message placeholder
\n\n
\n \n
\n \n
\n \n \n history.push(url)}\n formFetcher={formFetcher}\n errorComponent={FormErrors}\n />\n
\n \n
\n \n \n );\n};\n\nexport default withSitecoreContext()(withRouter(Form));\n","import { GetAllFields, MapValidationErrorsAsJson } from './FormAnalytics.js';\n\nlet dataLayerObject = {\n event: 'formSubmit'\n};\n\nconst availablePages = {\n '/formularz-upust': {\n '^Category_.*$': 'formSubject',\n '^Topics_.*': 'clientType'\n },\n '/formularz-kontaktowy': {\n '^Category_.*$': 'formSubject',\n '^Topics_.*': 'subjectType'\n }\n};\n\nfunction AnalyticsForFields(sitecoreContext, fields, validationErrors) {\n const validations = MapValidationErrorsAsJson(validationErrors);\n fields = GetAllFields(fields, FieldModelValidator);\n\n if (validations.length > 0) return;\n var currentRoute = sitecoreContext.itemPath;\n\n if (!(currentRoute in availablePages)) return;\n\n const mapName = availablePages[currentRoute];\n for (const model of fields.map((f) => f.model)) {\n const name = model.name;\n const value = model.innerText;\n console.log(model);\n\n if (value !== undefined && value !== '') {\n const newName = MapFieldName(name, mapName);\n dataLayerObject[newName] = value;\n }\n if (model.files !== undefined) {\n dataLayerObject['fileAttached'] = 'Tak';\n }\n }\n\n if (typeof window !== 'undefined' && window.dataLayer) {\n window.dataLayer.push(dataLayerObject);\n }\n}\n\nfunction FieldModelValidator(model) {\n return (\n model &&\n model.required !== undefined &&\n model.value !== undefined &&\n (model.skipInGtm === undefined || !model.skipInGtm)\n );\n}\n\nfunction MapFieldName(fieldName, rules) {\n for (const regex in rules) {\n const pattern = new RegExp(regex);\n if (pattern.test(fieldName)) {\n return rules[regex];\n }\n }\n return fieldName;\n}\n\nexport default AnalyticsForFields;\n","import DataLayer from '../../DataLayer';\nimport {\n GetAllFields,\n GetEventCategory,\n FieldModelValidator,\n GtmModelValidator,\n GenerateTransactionId\n} from './FormAnalytics.js';\n\nfunction AnalyticsForFormSubmittedSuccessfully(\n sitecoreContext,\n rendering,\n conversionId,\n fields,\n formData\n) {\n const name = GetEventCategory(sitecoreContext, rendering);\n const dataLayer = {\n event: 'formAction',\n eventCategory: name,\n eventAction: 'sent',\n conversionId: conversionId ?? '',\n transactionId: GenerateTransactionId(),\n transactionTotal: '0',\n transactionProducts: [\n {\n sku: name,\n name: name,\n price: 0,\n quantity: 1\n }\n ]\n };\n\n const allFields = GetAllFields(fields, FieldModelValidator);\n const gtmFields = GetAllFields(fields, GtmModelValidator);\n\n // Adds to Data Layer object fields that are mapped on Custom GTM field\n gtmFields\n .map((field) => field.model)\n .forEach((model) => {\n const key = model.gtmKey;\n let value;\n\n if (!model.formElementName && model.defaultValue) {\n value = model.defaultValue;\n } else {\n // Custom GTM field has an attribute called Form Element Name which is a reference for a single field from the Submitted Form.\n const field = allFields.filter(\n (field) => field?.model?.name === model.formElementName\n )[0];\n\n if (field) {\n // Gets the value from model. If empty, it will retrive the value from Form Data based on Item Id\n value = field.model?.value\n ? field?.model?.value\n : formData.data.filter(\n (x) =>\n x.key.includes(field?.model?.itemId) &&\n x.value !== field?.model?.itemId\n )[0]?.value;\n\n if (value) {\n if (field.model?.innerText) {\n value = field.model?.innerText;\n }\n }\n\n value = value ?? model.defaultValue;\n\n if (model.defaultValue) {\n console.log(model.defaultValue);\n console.log(value);\n }\n\n if (value !== '{$hidden}') {\n if (value?.name) {\n value = value.name;\n }\n }\n }\n }\n\n if (value) {\n dataLayer[key] = value;\n }\n });\n\n DataLayer.pushToDataLayer(dataLayer);\n}\n\nexport default AnalyticsForFormSubmittedSuccessfully;\n","module.exports = __webpack_public_path__ + \"static/media/value_negative.80a08ccd.svg\";","import React, { useEffect, useState } from 'react';\nimport { Placeholder, withSitecoreContext } from '@sitecore-jss/sitecore-jss-react';\nimport modalSizeFunction from '../../lib/ModalSizeResolver';\n\nconst ModalOnAction = ({ uid, name, rendering, modalSize, sitecoreContext, buttonTitle, show, displayButton }) => {\n const modalSizeParameter = modalSize ?? 'S';\n name = name || `eon-modal-dynamic-${uid ? uid.toLowerCase() : ''}` || 'eon-modal';\n const onShow = () => {\n const openModalElement = document.querySelector(\"[modal-id=\\\"\" + uid + \"\\\"]\");\n if (openModalElement) {\n openModalElement.setAttribute(\"visible\", \"true\");\n }\n };\n\n useEffect(() => {\n if (show) {\n onShow();\n }\n }, [show]);\n\n\n if (!rendering.placeholders[name] || (!sitecoreContext.pageEditing && !rendering.placeholders[name].length > 0)) {\n return '';\n }\n\n return (\n \n {sitecoreContext.pageEditing &&\n <>\n {!buttonTitle && displayButton !== false &&\n <>Action was not configured. This modal cannot work without action. Try ModalTimeout instead.\n }\n {displayButton &&\n \n }\n \n }\n \n
\n );\n};\n\nexport const ModalListEditor = withSitecoreContext()(({sitecoreContext, modals}) => {\n const [selectedId, setSelectedId] = useState();\n const onChange = (e) => {\n setSelectedId(e.target.value);\n }\n const selectedText = selectedId ? modals.find(modal => modal.id === selectedId)?.label : '';\n if (!sitecoreContext.pageEditing) {\n return '';\n }\n return \n \n \n {selectedId &&\n \n }\n
\n});\n\nexport const useModal = (defaultModalState, oneTime) => {\n const [isShow, setShow] = useState(defaultModalState ?? false);\n useEffect(() => {\n if (isShow && oneTime === false) {\n const timeoutId = setTimeout(() => setShow(false), 100);\n return () => clearTimeout(timeoutId);\n }\n }, [isShow]);\n const showModal = () => {\n setShow(true);\n }\n\n return {\n showModal,\n isShow\n }\n}\n\nexport default withSitecoreContext()(ModalOnAction);\n","import ModalOnAction from './ModalOnAction.jsx';\n\nexport {useModal, ModalListEditor} from \"./ModalOnAction.jsx\";\nexport default ModalOnAction;\n","import InputField from './InputField.jsx';\n\nexport default InputField;\n","import React, { useEffect, useRef, useState } from 'react';\nimport FieldStateHelper from '../fieldStateHelper.js';\n\nconst valueChangedEvent = 'valueChanged';\nconst blurEvent = 'inputBlur';\nconst focusEvent = 'inputFocus';\n\nconst InputField = ({\n field,\n fieldState,\n inputType,\n textArea,\n conditionsHandler,\n stateHandler,\n onChange,\n tracker,\n errors\n}) => {\n const ref = useRef();\n let maskRegEx = '';\n let phoneMask = '';\n const [firstLoad, setFirstLoad] = useState(true);\n useEffect(() => {\n const element = ref.current;\n\n element.addEventListener(valueChangedEvent, (e) =>\n handleValueChange(e)\n );\n element.addEventListener(blurEvent, (e) => handleBlur(e));\n element.addEventListener(focusEvent, (e) => handleFocus(e));\n\n return () => {\n element.removeEventListener(valueChangedEvent, (e) =>\n handleValueChange(e)\n );\n element.addEventListener(blurEvent, (e) => handleBlur(e));\n element.addEventListener(focusEvent, (e) => handleFocus(e));\n };\n }, [ref.current]); //eslint-disable-line react-hooks/exhaustive-deps\n\n if (field.model?.isRegex) {\n maskRegEx = field.model?.maskValue;\n } else if (field.model?.maskName === 'TelephoneNumber') {\n phoneMask = field.model?.maskValue;\n } else {\n maskRegEx = /^[^<>]*$/;\n }\n\n useEffect(() => {\n FieldStateHelper.sendStateToForm(\n field,\n (d) => setData(d),\n (s) => stateHandler(s)\n );\n }, [field, stateHandler]);\n\n useEffect(() => {\n if (firstLoad) {\n setErrors([]);\n setFirstLoad(false);\n return;\n }\n\n setErrors(errors);\n }, [errors]);\n\n const [data, setData] = useState(fieldState);\n const [errorMsgs, setErrors] = useState(errors);\n\n const handleValueChange = (e) => {\n e.preventDefault();\n let valid = true;\n if (field.model.required && !e.target.value) {\n valid = false;\n setErrors('To pole jest wymagane.');\n }\n onChange(field.valueField.name, e.target.value, valid);\n field.model.value = e.target.value;\n\n conditionsHandler(field);\n };\n\n const useMask = () => {\n // return 'true';\n if (maskRegEx !== null && maskRegEx !== '') {\n return 'true';\n } else {\n return 'false';\n }\n };\n\n const handleBlur = () => {\n tracker.onBlurField(field, data.value, errors);\n };\n\n const handleFocus = () => {\n tracker.onFocusField(field, data.value, errors);\n };\n\n useEffect(() => {\n field.model.value = data.value;\n }, [data]);\n\n return (\n \n 0}\n error-message={errorMsgs}\n cols={80}\n >\n
\n );\n};\n\nexport default InputField;\n","import SingleLineTextField from './SingleLineTextField.jsx';\n\nexport default SingleLineTextField;\n","import React from 'react';\nimport InputField from '../InputField/index.js';\n\nconst SingleLineTextField = (props) => {\n return \n 0}\n error-message={errorMsgs}\n >\n
\n );\n};\n\nexport default CheckboxField;\n","import CheckboxList from './CheckboxList.jsx';\n\nexport default CheckboxList;\n","import React, { useRef, useState, useEffect } from 'react';\nimport FieldStateHelper from '../fieldStateHelper.js';\nimport ModalOnAction from \"../../../ModalOnAction\";\n\nconst valueChangedEvent = 'valueChanged';\n\nconst CheckboxList = ({\n field,\n fieldState,\n conditionsHandler,\n stateHandler,\n errors,\n onChange,\n rendering\n}) => {\n const ref = useRef();\n const checkedRef = useRef();\n const [data, setData] = useState(fieldState);\n const [errorMsgs, setErrors] = useState(errors);\n const [showModalId, setShowModalId] = useState(null);\n const [checked, setChecked] = useState([]);\n checkedRef.current = checked || [];\n\n const handleValueChange = (e) => {\n e.preventDefault();\n if (e.target.checked) {\n setChecked([...checkedRef.current, e.target.value] );\n } else {\n setChecked(checkedRef.current.filter(function(e) { return e !== e.target.value }));\n }\n if (field.model.modalOnValueSelection) {\n setShowModalId(e.target.getAttribute(\"itemid\"));\n }\n };\n\n useEffect(() => {\n var value = [...checked];\n field.model.value = value;\n\n const errorMessages = [];\n let valid = true;\n if (field.model.required && value.length === 0) {\n valid = false;\n }\n onChange(field.valueField.name, checked, valid, errorMessages);\n conditionsHandler(field);\n }, [checked]);\n\n useEffect(() => {\n const elements = ref.current.querySelectorAll('eon-ui-checkbox') || [];\n elements.forEach(element => element.addEventListener(valueChangedEvent, handleValueChange));\n\n return () => {\n elements.forEach(element => element.removeEventListener(valueChangedEvent, handleValueChange));\n };\n }, [ref.current]); //eslint-disable-line react-hooks/exhaustive-deps\n\n useEffect(() => {\n setErrors(errors);\n }, [errors]);\n\n useEffect(() => {\n FieldStateHelper.sendStateToForm(\n field,\n (d) => setData(d),\n (s) => stateHandler(s)\n );\n }, [field, setData, stateHandler]);\n\n return (\n \n\n {field.model.items.map((item, i) => {\n return (\n <>\n 0}\n error-message={errorMsgs}\n itemId={item.itemId}\n >\n \n );\n })}\n
\n );\n};\n\nexport default CheckboxList;\n","import RadioButtonListField from './RadioButtonListField.jsx';\n\nexport default RadioButtonListField;\n","import React, { useRef, useEffect, useState } from 'react';\nimport FieldStateHelper from '../fieldStateHelper.js';\nimport ModalOnAction from \"../../../ModalOnAction\";\n\nconst valueChangedEvent = 'valueTouched';\n\nconst RadioButtonListField = ({\n field,\n fieldState,\n conditionsHandler,\n stateHandler,\n stepHandler,\n errors,\n onChange,\n rendering\n}) => {\n const ref = useRef();\n const [data, setData] = useState(fieldState);\n const [errorMsgs, setErrors] = useState(errors);\n const [showModalId, setShowModalId] = useState(null);\n\n const handleValueChange = (e) => {\n e.preventDefault();\n\n field.model.value = e.target.value;\n field.model.innerText = e.target.innerText;\n\n const errorMessages = [];\n let valid = true;\n if (field.model.required && !e.target.value) {\n valid = false;\n errorMessages.push(`Pole ${field.model.title} jest wymagane`);\n }\n onChange(field.valueField.name, e.target.value, valid, errorMessages);\n conditionsHandler(field);\n if (field.model.modalOnValueSelection) {\n setShowModalId(e.target.getAttribute(\"itemid\"));\n }\n if (typeof field.model.nextStep !== 'undefined' && field?.model?.navigateOnValueChange) {\n stepHandler(field.model.nextStep);\n }\n };\n\n useEffect(() => {\n const element = ref.current;\n\n element.addEventListener(valueChangedEvent, handleValueChange);\n\n return () => {\n element.removeEventListener(valueChangedEvent, handleValueChange);\n };\n }, [ref.current]); //eslint-disable-line react-hooks/exhaustive-deps\n\n useEffect(() => {\n setErrors(errors);\n }, [errors]);\n\n useEffect(() => {\n FieldStateHelper.sendStateToForm(\n field,\n (d) => setData(d),\n (s) => stateHandler(s)\n );\n }, [field, setData, stateHandler]);\n\n return (\n \n 0}\n error-message={errorMsgs}\n >\n {field.model.items.map((item, i) => {\n return (\n <>\n \n \n );\n })}\n \n
\n );\n};\n\nexport default RadioButtonListField;\n","import StepField from './StepField.jsx';\n\nexport default StepField;\n","import React, { useEffect, useState } from 'react';\nimport FieldStateHelper from '../fieldStateHelper.js';\n\nconst StepField = ({\n field,\n fieldState,\n fieldFactory,\n stateHandler,\n stepHandler\n}) => {\n const stepInfo = field.model.stepDescription;\n const stepNumber = field.model.stepNumber;\n const nextStep = parseInt(stepNumber) + 1;\n const [data, setData] = useState(fieldState);\n\n useEffect(() => {\n FieldStateHelper.sendStateToForm(\n field,\n (d) => setData(d),\n (s) => stateHandler(s)\n );\n field.fields.map((f) => {\n f.model.nextStep = nextStep;\n });\n });\n\n const navigationUpdate = (e) => {\n e.preventDefault();\n stepHandler(stepNumber);\n };\n\n return data.expanded ? (\n <>\n \n {`${field.model.title} ${\n field.model.required && field.model.title ? '*' : ''\n }`}\n
\n\n
\n \n ) : data.past ? (\n <>\n \n \n \n
\n\n \n \n {stepNumber}\n \n
\n \n
\n {stepInfo}
\n {field.fields.map(fieldFactory)}\n\n
\n \n ) : (\n <>\n \n \n \n
\n \n \n
\n \n
\n {stepInfo}
\n\n
\n - \n {field.fields\n .filter(\n (f) => f.model.innerText || f.model.value\n )\n .map((f, i) => {\n if (Array.isArray(f.model.value)) {\n return (\n
- \n {f.model.value.join(', ')}\n \n );\n }\n return (\n
- \n {f.model.innerText ?? f.model.value}\n \n );\n })}\n
\n
\n \n
\n \n );\n};\n\nexport default StepField;\n","import React, { useEffect, useRef, useState } from 'react';\nimport FieldStateHelper from '../fieldStateHelper.js';\n\nconst navigationSteps = {\n next: 1,\n previous: -1,\n submit: 0\n};\n\nconst buttonClickEvent = 'buttonClick';\n\nconst SubmitButton = ({\n field,\n navigationHandler,\n fieldState,\n stateHandler\n}) => {\n const ref = useRef();\n const [data, setData] = useState(fieldState);\n\n const handleClick = (e) => {\n if (field.model.navigationStep === navigationSteps.submit) {\n return;\n }\n\n e.preventDefault();\n navigationHandler(field.model.navigationStep === navigationSteps.next);\n };\n\n useEffect(() => {\n FieldStateHelper.sendStateToForm(\n field,\n (d) => setData(d),\n (s) => stateHandler(s)\n );\n }, [field, setData, stateHandler]);\n\n useEffect(() => {\n const element = ref.current;\n\n element.addEventListener(buttonClickEvent, handleClick);\n\n return () => {\n element.removeEventListener(buttonClickEvent, handleClick);\n };\n }, [ref.current]);\n\n return (\n \n \n \n
\n \n \n {stepNumber}\n \n
\n \n
\n {stepInfo}
\n{field.fields.map(fieldFactory)}
\n \n
\n );\n};\n\nexport default SubmitButton;\n","import SubmitButton from './SubmitButton.jsx';\n\nexport default SubmitButton;\n","import Agreement from './Agreement.jsx';\n\nexport default Agreement;\n","import React, { useEffect, useState, useRef } from 'react';\nimport FieldStateHelper from '../fieldStateHelper.js';\nimport { withTranslation } from 'react-i18next';\n\nconst valueChangedEvent = 'valueChanged';\n\nconst Agreement = ({\n field,\n fieldState,\n conditionsHandler,\n stateHandler,\n errors,\n onChange,\n t\n}) => {\n useEffect(() => {\n ref.current.addEventListener(valueChangedEvent, handleValueChange);\n\n return () => {\n ref.current.removeEventListener(\n valueChangedEvent,\n handleValueChange\n );\n };\n }, [ref]);\n\n useEffect(() => {\n setErrors(errors);\n }, [errors]);\n\n useEffect(() => {\n FieldStateHelper.sendStateToForm(\n field,\n (d) => setData(d),\n (s) => stateHandler(s)\n );\n }, []);\n\n const [data, setData] = useState(fieldState);\n const [errorMsgs, setErrors] = useState(errors);\n const [toggle, setToggle] = useState(field.model.fullTextOpen);\n\n const ref = useRef();\n\n const handleValueChange = (e) => {\n e.preventDefault();\n\n var newValue = true;\n if (!e.target.checked) {\n // we put here empty string, becase on BE field value in this case is processed as string\n newValue = '';\n }\n\n field.model.value = newValue;\n\n const errorMessages = [];\n let valid = true;\n\n if (field.model.required && !newValue) {\n valid = false;\n }\n onChange(field.valueField.name, newValue, valid, errorMessages);\n conditionsHandler(field);\n };\n\n const handleClick = () => {\n setToggle((prev) => !prev);\n };\n\n field.model.value = data.value;\n\n return (\n \n = 0\n ? 'primary'\n : 'secondary'\n }\n full-width-on-mobile=\"true\"\n toggle-full-width-on-mobile=\"true\"\n >\n
\n \n \n {field.model.shortTextForm}\n \n {!toggle && (\n <>\n \n \n )}\n {toggle && (\n <>\n \n
\n \n );\n};\n\nexport default withTranslation()(Agreement);\n","import InfoObligation from './InfoObligation.jsx';\n\nexport default InfoObligation;\n","import React, { useEffect, useState } from 'react';\nimport FieldStateHelper from '../fieldStateHelper.js';\nimport { withSitecoreContext } from '@sitecore-jss/sitecore-jss-react';\nimport config from '../../../../temp/config';\n\nconst InfoObligation = ({\n field,\n fieldState,\n stateHandler,\n sitecoreContext\n}) => {\n useEffect(() => {\n FieldStateHelper.sendStateToForm(\n field,\n (d) => setData(d),\n (s) => stateHandler(s)\n );\n }, []);\n\n const [data, setData] = useState(fieldState);\n\n const infoObligationQueryParams = {\n version: field.model.version,\n channel: field.model.channel,\n sc_apikey: config.sitecoreApiKey,\n lang: sitecoreContext.language\n };\n\n const query = Object.keys(infoObligationQueryParams)\n .map((key) => `${key}=${infoObligationQueryParams[key]}`)\n .join('&');\n\n const url = `${config.sitecoreApiHost}/api/eon/infoobligation/file?${query}`;\n\n field.model.value = data.value;\n\n return (\n \n \n {field.model.fullText}\n \n
\n \n )}\n \n
\n );\n};\n\nexport default withSitecoreContext()(InfoObligation);\n","import GenericFormParameters from './GenericFormParameters.jsx';\n\nexport default GenericFormParameters;\n","import React from 'react';\nimport InputField from '../InputField/index.js';\n\nconst GenericFormParameters = (props) => {\n return \n `\n )}\n />\n
\n \n {sitecoreContext.pageEditing && (\n
\n );\n};\n\nexport default PlaceholderField;\n","import QmaticVisitLocation from './QmaticVisitLocation.jsx';\n\nexport default QmaticVisitLocation;\n","import React, { useEffect, useRef, useState } from 'react';\nimport FieldStateHelper from '../../fieldStateHelper.js';\nimport ModalOnAction, { useModal, ModalListEditor } from \"../../../../ModalOnAction\";\n\nconst valueChangedEvent = 'valueChanged';\nconst blurEvent = 'inputBlur';\nconst focusEvent = 'inputFocus';\n\nconst QmaticVisitLocation = ({\n field,\n fieldState,\n conditionsHandler,\n stateHandler,\n stepHandler,\n qmaticHandler,\n tracker,\n errors,\n onChange,\n rendering\n}) => {\n useEffect(() => {\n ref.current.addEventListener(valueChangedEvent, handleValueChange);\n ref.current.addEventListener(blurEvent, (e) => handleBlur(e));\n ref.current.addEventListener(focusEvent, (e) => handleFocus(e));\n\n return () => {\n ref.current.removeEventListener(\n valueChangedEvent,\n handleValueChange\n );\n ref.current.removeEventListener(blurEvent, handleBlur);\n ref.current.removeEventListener(focusEvent, (e) => handleFocus(e));\n };\n }, [ref]);\n\n useEffect(() => {\n setErrors(errors);\n }, [errors]);\n\n useEffect(() => {\n FieldStateHelper.sendStateToForm(\n field,\n (d) => setData(d),\n (s) => stateHandler(s),\n data\n );\n }, []);\n const [data, setData] = useState(fieldState);\n const [errorMsgs, setErrors] = useState(errors);\n const [showModalId, setShowModalId] = useState(null);\n\n const handleValueChange = (e) => {\n e.preventDefault();\n field.model.value = e.target.value;\n const errorMessages = [];\n let valid = true;\n if (field.model.required && !e.target.value) {\n valid = false;\n errorMessages.push(`Pole ${field.model.title} jest wymagane`);\n }\n\n onChange(field.valueField.name, e.target.value, valid, errorMessages);\n\n var selectedItem = field.model.items.filter(\n (x) => x.value == field.model.value\n )[0];\n\n if (selectedItem) {\n field.qmaticSettings = {\n branchId: field.model.value,\n qmaticBranchId: selectedItem.qmaticId\n };\n field.qmaticSummary = {\n location: selectedItem.text\n };\n qmaticHandler(field, () => {\n if (typeof field.model.nextStep !== 'undefined' && field?.model?.navigateOnValueChange) {\n stepHandler(field.model.nextStep);\n }\n });\n\n field.model.innerText = selectedItem.text;\n }\n conditionsHandler(field);\n if (field.model.modalOnValueSelection) {\n setShowModalId(e.target.value);\n }\n };\n\n const handleBlur = () => {\n tracker.onBlurField(field, data.value, errors);\n };\n\n const handleFocus = () => {\n tracker.onFocusField(field, data.value, errors);\n };\n\n const ref = useRef();\n\n const selected =\n (data &&\n field.model.items\n .filter((item) => item.value === data.value)\n .map((item) => item.value)[0]) ??\n field.model.items\n .filter((item) => item.selected)\n .map((item) => item.value)[0];\n\n return (\n Placeholder field: {field.model.name}
\n )}\n\n
\n \n {field.model.modalOnValueSelection &&\n \n }\n 0}\n error-message={errorMsgs}\n >\n {field.model.items.map((item, i) => {\n return (\n \n );\n })}\n \n
\n );\n};\nexport default QmaticVisitLocation;\n","import QmaticVisitClientType from './QmaticVisitClientType.jsx';\n\nexport default QmaticVisitClientType;\n","import React, { useEffect, useRef, useState, useLayoutEffect } from 'react';\nimport FieldStateHelper from '../../fieldStateHelper.js';\nimport config from '../../../../../temp/config';\nimport ModalOnAction, {ModalListEditor, useModal} from \"../../../../ModalOnAction\";\n\nconst valueChangedEvent = 'valueChanged';\nconst blurEvent = 'inputBlur';\nconst focusEvent = 'inputFocus';\n\nconst QmaticVisitClientType = ({\n field,\n fieldState,\n conditionsHandler,\n stateHandler,\n stepHandler,\n qmaticHandler,\n tracker,\n errors,\n onChange,\n qmaticDataHandler,\n getQmaticData,\n rendering\n}) => {\n useEffect(() => {\n ref.current.addEventListener(valueChangedEvent, handleValueChange);\n ref.current.addEventListener(blurEvent, (e) => handleBlur(e));\n ref.current.addEventListener(focusEvent, (e) => handleFocus(e));\n\n return () => {\n ref.current.removeEventListener(\n valueChangedEvent,\n handleValueChange\n );\n ref.current.removeEventListener(blurEvent, handleBlur);\n ref.current.removeEventListener(focusEvent, (e) => handleFocus(e));\n };\n }, [ref]);\n\n useEffect(() => {\n setErrors(errors);\n }, [errors]);\n\n const [onStateUpdated, setOnStateUpdated] = useState();\n\n useEffect(() => {\n FieldStateHelper.sendStateToForm(\n field,\n (d) => setData(d),\n (s) => stateHandler(s),\n undefined,\n (callback) => setOnStateUpdated(() => callback)\n );\n }, []);\n\n const [data, setData] = useState(fieldState);\n const [errorMsgs, setErrors] = useState(errors);\n const [showModalId, setShowModalId] = useState(null);\n\n useLayoutEffect(() => {\n handleLoadData();\n }, [data]);\n\n const handleValueChange = (e) => {\n e.preventDefault();\n field.model.value = e.target.value;\n\n var selectedItem = field.model.items.filter(\n (x) => x.value == field.model.value\n )[0];\n\n var combinedData = e.target.value + '|' + selectedItem.subId;\n\n const errorMessages = [];\n let valid = true;\n if (field.model.required && !e.target.value) {\n valid = false;\n errorMessages.push(`Pole ${field.model.title} jest wymagane`);\n }\n if (field.model.modalOnValueSelection) {\n setShowModalId(e.target.value);\n }\n\n onChange(field.valueField.name, combinedData, valid, errorMessages);\n conditionsHandler(field);\n\n field.qmaticSettings = {\n ...field.qmaticSettings,\n serviceId: field.model.value\n };\n field.qmaticSummary = {\n ...field.qmaticSummary\n };\n\n var moreData = getQmaticData().Data.filter(\n (x) => x[`publicId`] == e.target.value\n )[0];\n var newData = {\n ...field,\n qmaticData: moreData[`matters`]\n };\n\n if (selectedItem) {\n field.model.innerText = selectedItem.text;\n qmaticHandler(newData);\n }\n if (typeof field.model.nextStep !== 'undefined' && field?.model?.navigateOnValueChange) {\n stepHandler(field.model.nextStep);\n }\n };\n\n const handleBlur = () => {\n tracker.onBlurField(field, data.value, errors);\n };\n\n const handleFocus = () => {\n tracker.onFocusField(field, data.value, errors);\n };\n\n const ref = useRef();\n\n const handleLoadData = () => {\n if (data.qmatic) {\n field.qmaticSettings = data.qmaticSettings;\n field.qmaticSummary = data.qmaticSummary;\n FieldStateHelper.sendStateToForm(\n field,\n (d) => setData(d),\n (s) => stateHandler(s),\n { ...data, items: [] }\n );\n conditionsHandler(field);\n fetch(\n `${config.sitecoreApiHost}/api/eon/qmaticcalendar/services?branchid=${data.qmaticSettings.branchId}&qmaticBranchId=${data.qmaticSettings.qmaticBranchId}&sc_apikey=${config.sitecoreApiKey}`\n )\n .then((response) => response.json())\n .then((response) => {\n qmaticDataHandler({\n ...getQmaticData(),\n Data: response.data\n });\n var newSelectItems = response.data.map((x) => ({\n text: x[`name`],\n value: x[`publicId`],\n subId: x['subId']\n }));\n field.model.items = newSelectItems;\n\n FieldStateHelper.sendStateToForm(\n field,\n (d) => setData(d),\n (s) => stateHandler(s),\n { ...data, items: newSelectItems }\n );\n conditionsHandler(field);\n if (onStateUpdated) {\n onStateUpdated();\n }\n });\n }\n };\n\n const selected =\n (data &&\n field.model.items\n .filter((item) => item.value === data.value)\n .map((item) => item.value)[0]) ??\n field.model.items\n .filter((item) => item.selected)\n .map((item) => item.value)[0];\n\n\n return (\n \n {field.model.modalOnValueSelection && field.model.modals.map((item, i) => {\n const listItem = field.model.items.find(x => x.text === item.label);\n const isShowModal = listItem?.value === showModalId;\n return (\n
\n \n
\n );\n })}\n \n {field.model.modalOnValueSelection &&\n \n }\n 0}\n error-message={errorMsgs}\n >\n {field.model.items.map((item, i) => {\n return (\n <>\n \n \n );\n })}\n \n
\n );\n};\nexport default QmaticVisitClientType;\n","import QmaticVisitSubject from './QmaticVisitSubject.jsx';\n\nexport default QmaticVisitSubject;\n","import React, { useEffect, useRef, useState } from 'react';\nimport FieldStateHelper from '../../fieldStateHelper.js';\nimport ModalOnAction, {ModalListEditor, useModal} from \"../../../../ModalOnAction\";\n\nconst valueChangedEvent = 'valueChanged';\nconst blurEvent = 'inputBlur';\nconst focusEvent = 'inputFocus';\n\nconst QmaticVisitSubject = ({\n field,\n fieldState,\n conditionsHandler,\n stateHandler,\n stepHandler,\n qmaticHandler,\n tracker,\n errors,\n onChange,\n rendering\n}) => {\n useEffect(() => {\n ref.current.addEventListener(valueChangedEvent, handleValueChange);\n ref.current.addEventListener(blurEvent, (e) => handleBlur(e));\n ref.current.addEventListener(focusEvent, (e) => handleFocus(e));\n\n return () => {\n ref.current.removeEventListener(\n valueChangedEvent,\n handleValueChange\n );\n ref.current.removeEventListener(blurEvent, handleBlur);\n ref.current.removeEventListener(focusEvent, (e) => handleFocus(e));\n };\n }, [ref]);\n\n useEffect(() => {\n setErrors(errors);\n }, [errors]);\n\n useEffect(() => {\n FieldStateHelper.sendStateToForm(\n field,\n (d) => setData(d),\n (s) => stateHandler(s),\n data\n );\n }, []);\n const [data, setData] = useState(fieldState);\n const [errorMsgs, setErrors] = useState(errors);\n const [showModalId, setShowModalId] = useState(null);\n\n const handleValueChange = (e) => {\n e.preventDefault();\n field.model.value = e.target.value;\n const errorMessages = [];\n let valid = true;\n if (field.model.required && !e.target.value) {\n valid = false;\n errorMessages.push(`Pole ${field.model.title} jest wymagane`);\n }\n\n field.model.qmatic = {\n branchId: field.model.value\n };\n field.qmaticSummary = {\n ...field.qmaticSummary\n };\n onChange(field.valueField.name, e.target.value, valid, errorMessages);\n\n field.qmaticSettings = { ...field.qmaticSettings };\n qmaticHandler(field);\n conditionsHandler(field);\n if (field.model.modalOnValueSelection) {\n setShowModalId(e.target.value);\n }\n if (typeof field.model.nextStep !== 'undefined' && field?.model?.navigateOnValueChange) {\n stepHandler(field.model.nextStep);\n }\n };\n\n const handleBlur = () => {\n tracker.onBlurField(field, data.value, errors);\n };\n\n const handleFocus = () => {\n tracker.onFocusField(field, data.value, errors);\n };\n\n const ref = useRef();\n\n useEffect(() => {\n if (data.qmatic && data.qmaticData) {\n field.qmaticSummary = data.qmaticSummary;\n field.qmaticSettings = data.qmaticSettings;\n var newSelectItems = data.qmaticData.map((x) => ({\n text: x[`externalName`],\n value: x[`internalName`]\n }));\n field.model.items = newSelectItems;\n }\n }, [data]);\n\n const selected =\n (data &&\n field.model.items\n .filter((item) => item.value === data.value)\n .map((item) => item.value)[0]) ??\n field.model.items\n .filter((item) => item.selected)\n .map((item) => item.value)[0];\n\n return (\n \n {field.model.modalOnValueSelection && field.model.modals.map((item, i) => {\n const listItem = field.model.items.find(x => x.text === item.label);\n const isShowModal = listItem?.value === showModalId;\n return (\n
\n \n
\n );\n })}\n \n {field.model.modalOnValueSelection &&\n \n }\n 0}\n error-message={errorMsgs}\n >\n {field.model.items.map((item, i) => {\n return (\n \n );\n })}\n \n
\n );\n};\nexport default QmaticVisitSubject;\n","import QmaticVisitDate from './QmaticVisitDate.jsx';\n\nexport default QmaticVisitDate;\n","import React, { useEffect, useRef, useState, useLayoutEffect } from 'react';\nimport FieldStateHelper from '../../fieldStateHelper.js';\nimport config from '../../../../../temp/config';\n\nconst valueChangedEvent = 'valueChanged';\nconst blurEvent = 'inputBlur';\nconst focusEvent = 'inputFocus';\n\nconst QmaticVisitDate = ({\n field,\n fieldState,\n conditionsHandler,\n stateHandler,\n stepHandler,\n qmaticHandler,\n tracker,\n errors,\n onChange\n}) => {\n useEffect(() => {\n ref.current.addEventListener(valueChangedEvent, handleValueChange);\n return () => {\n ref.current.removeEventListener(\n valueChangedEvent,\n handleValueChange\n );\n };\n }, [ref]);\n\n useEffect(() => {\n ref.current.addEventListener(blurEvent, (e) => handleBlur(e));\n\n return () => {\n ref.current.removeEventListener(blurEvent, handleValueChange);\n };\n }, [ref]);\n useEffect(() => {\n ref.current.addEventListener(focusEvent, (e) => handleFocus(e));\n\n return () => {\n ref.current.removeEventListener(focusEvent, handleValueChange);\n };\n }, [ref]);\n\n useEffect(() => {\n setErrors(errors);\n }, [errors]);\n\n useEffect(() => {\n FieldStateHelper.sendStateToForm(\n field,\n (d) => setData(d),\n (s) => stateHandler(s),\n data\n );\n }, [data]);\n\n const [data, setData] = useState(fieldState);\n const [errorMsgs, setErrors] = useState(errors);\n\n const handleValueChange = (e) => {\n e.preventDefault();\n\n let date = (e.target.value > 0) && new Date(parseInt(e.target.value)).toISOString();\n let valid = true;\n const errorMessages = [];\n field.model.value = date;\n\n if (field.model.required && !date) {\n valid = false;\n errorMessages.push(`Pole ${field.model.title} jest wymagane`);\n }\n onChange(field.valueField.name, date, valid, errorMessages);\n\n field.qmaticSettings = {\n ...field.qmaticSettings,\n date: field.model.value\n };\n field.qmaticSummary = {\n ...field.qmaticSummary,\n date: field.model.value\n };\n qmaticHandler(field);\n conditionsHandler(field);\n if (typeof field.model.nextStep !== 'undefined' && field?.model?.navigateOnValueChange) {\n stepHandler(field.model.nextStep);\n }\n };\n\n const handleBlur = () => {\n tracker.onBlurField(field, data.value, errors);\n };\n\n const handleFocus = () => {\n tracker.onFocusField(field, data.value, errors);\n };\n\n const ref = useRef();\n\n useLayoutEffect(() => {\n handleLoadData();\n }, [data]);\n const handleLoadData = () => {\n if (data.qmatic) {\n field.qmaticSettings = data.qmaticSettings;\n field.qmaticSummary = data.qmaticSummary;\n FieldStateHelper.sendStateToForm(\n field,\n (d) => setData(d),\n (s) => stateHandler(s),\n { ...data, items: [] }\n );\n conditionsHandler(field);\n fetch(\n `${config.sitecoreApiHost}/api/eon/qmaticcalendar/dates?branchid=${data.qmaticSettings.branchId}&serviceId=${data.qmaticSettings.serviceId}&sc_apikey=${config.sitecoreApiKey}`\n )\n .then((response) => response.json())\n .then((response) => {\n if (response.data === null) {\n return;\n } else {\n var newSelectItems = response.data.map((x) => ({\n text: x,\n value: x\n }));\n field.model.items = newSelectItems;\n FieldStateHelper.sendStateToForm(\n field,\n (d) => setData(d),\n (s) => stateHandler(s),\n { ...data, items: newSelectItems }\n );\n conditionsHandler(field);\n }\n });\n } else {\n //wyczysc form?\n }\n };\n\n const selected =\n (data &&\n field.model.items\n .filter((item) => item.value === data.value)\n .map((item) => item.value)[0]) ??\n field.model.items\n .filter((item) => item.selected)\n .map((item) => item.value)[0];\n\n let allowedDates = field.model?.items?.map((item) => item.value).join('|');\n return (\n \n {field.model.modalOnValueSelection && field.model.modals.map((item, i) => {\n const listItem = field.model.items.find(x => x.text === item.label);\n const isShowModal = listItem?.value === showModalId;\n return (\n
\n \n
\n );\n })}\n \n 0}\n error-message={errorMsgs}\n weekends=\"false\"\n allowed-dates={allowedDates}\n lang=\"pl\"\n >\n
\n );\n};\nexport default QmaticVisitDate;\n","import QmaticVisitHour from './QmaticVisitHour.jsx';\n\nexport default QmaticVisitHour;\n","import React, { useEffect, useRef, useState, useLayoutEffect } from 'react';\nimport FieldStateHelper from '../../fieldStateHelper.js';\nimport config from '../../../../../temp/config';\n\nconst valueChangedEvent = 'valueChanged';\nconst blurEvent = 'inputBlur';\nconst focusEvent = 'inputFocus';\n\nconst QmaticVisitHour = ({\n field,\n fieldState,\n conditionsHandler,\n stateHandler,\n stepHandler,\n tracker,\n errors,\n onChange,\n qmaticSummaryHandler\n}) => {\n useEffect(() => {\n ref.current.addEventListener(valueChangedEvent, handleValueChange);\n return () => {\n ref.current.removeEventListener(\n valueChangedEvent,\n handleValueChange\n );\n };\n }, [ref]);\n\n useEffect(() => {\n ref.current.addEventListener(blurEvent, (e) => handleBlur(e));\n\n return () => {\n ref.current.removeEventListener(blurEvent, handleValueChange);\n };\n }, [ref]);\n useEffect(() => {\n ref.current.addEventListener(focusEvent, (e) => handleFocus(e));\n\n return () => {\n ref.current.removeEventListener(focusEvent, handleValueChange);\n };\n }, [ref]);\n\n useEffect(() => {\n setErrors(errors);\n }, [errors]);\n\n useEffect(() => {\n FieldStateHelper.sendStateToForm(\n field,\n (d) => setData(d),\n (s) => stateHandler(s),\n data\n );\n }, []);\n\n const [data, setData] = useState(fieldState);\n const [errorMsgs, setErrors] = useState(errors);\n const [apiItems, setApiItems] = useState([]);\n useLayoutEffect(() => {\n handleLoadData();\n }, [data]);\n\n const handleValueChange = (e) => {\n e.preventDefault();\n field.model.value = e.target.value;\n const errorMessages = [];\n let valid = true;\n if (field.model.required && !e.target.value) {\n valid = false;\n errorMessages.push(`Pole ${field.model.title} jest wymagane`);\n }\n onChange(field.valueField.name, e.target.value, valid, errorMessages);\n\n var selectedItem = field.model.items.filter(\n (x) => x.value == field.model.value\n );\n\n field.qmaticSummary = {\n ...field.qmaticSummary,\n hour: selectedItem[0].text\n };\n qmaticSummaryHandler(field.qmaticSummary);\n conditionsHandler(field);\n if (typeof field.model.nextStep !== 'undefined' && field?.model?.navigateOnValueChange) {\n stepHandler(field.model.nextStep);\n }\n };\n\n const handleBlur = () => {\n tracker.onBlurField(field, data.value, errors);\n };\n\n const handleFocus = () => {\n tracker.onFocusField(field, data.value, errors);\n };\n\n const ref = useRef();\n\n const handleLoadData = () => {\n if (data.qmatic) {\n field.qmaticSummary = data.qmaticSummary;\n FieldStateHelper.sendStateToForm(\n field,\n (d) => setData(d),\n (s) => stateHandler(s),\n { ...data, items: [] }\n );\n conditionsHandler(field);\n setApiItems([]);\n fetch(\n `${config.sitecoreApiHost}/api/eon/qmaticcalendar/Times?branchid=${data.qmaticSettings.branchId}&serviceId=${data.qmaticSettings.serviceId}&date=${data.qmaticSettings.date}&sc_apikey=${config.sitecoreApiKey}`\n )\n .then((response) => response.json())\n .then((response) => {\n if (response.data === null) {\n return;\n } else {\n var newSelectItems = response.data.map((x) => ({\n text: `${x}`,\n value: x\n }));\n field.model.items = newSelectItems;\n setApiItems(newSelectItems);\n FieldStateHelper.sendStateToForm(\n field,\n (d) => setData(d),\n (s) => stateHandler(s),\n { ...data, items: newSelectItems }\n );\n qmaticSummaryHandler(field.qmaticSummary);\n conditionsHandler(field);\n }\n });\n } else {\n }\n };\n const selected =\n (apiItems &&\n apiItems\n .filter((item) => item.value === data.value)\n .map((item) => item.value)[0]) ??\n apiItems.filter((item) => item.selected).map((item) => item.value)[0];\n\n return (\n \n 0}\n error-message={errorMsgs}\n trailing-icon=\"true\"\n trailing-icon-name=\"search\"\n height=\"250px\"\n >\n {apiItems &&\n apiItems.map((item, i) => (\n \n ))}\n \n
\n );\n};\nexport default QmaticVisitHour;\n","import QmaticParameters from './QmaticParameters.jsx';\n\nexport default QmaticParameters;\n","import { useLocation } from 'react-router-dom';\n\nconst QmaticParameters = ({ field }) => {\n const location = useLocation();\n\n if (location?.search) {\n const params = `${location.search}`;\n field.model.value = params;\n }\n\n return '';\n};\n\nexport default QmaticParameters;\n","import FileUpload from './FileUpload.jsx';\n\nexport default FileUpload;\n","import React, { useEffect, useRef, useState } from 'react';\nimport FieldStateHelper from '../fieldStateHelper.js';\n\nconst valueChangedEvent = 'valueChanged';\nconst blurEvent = 'inputBlur';\nconst focusEvent = 'inputFocus';\n\nconst FileUpload = (props) => {\n const ref = useRef();\n\n useEffect(() => {\n const element = ref.current;\n if (element) {\n element.addEventListener(valueChangedEvent, (e) =>\n handleValueChange(e)\n );\n element.addEventListener(blurEvent, (e) => handleBlur(e));\n element.addEventListener(focusEvent, (e) => handleFocus(e));\n\n return () => {\n element.removeEventListener(valueChangedEvent, (e) =>\n handleValueChange(e)\n );\n element.addEventListener(blurEvent, (e) => handleBlur(e));\n element.addEventListener(focusEvent, (e) => handleFocus(e));\n };\n }\n }, [ref.current]);\n\n useEffect(() => {\n FieldStateHelper.sendStateToForm(\n props.field,\n (d) => setData(d),\n (s) => props.stateHandler(s)\n );\n }, [props.field, props.stateHandler]);\n\n useEffect(() => {\n setErrors(props.errors);\n }, [props.errors]);\n\n const [data, setData] = useState(props.fieldState);\n const [errorMsgs, setErrors] = useState(props.errors);\n\n const handleValueChange = (e) => {\n e.preventDefault();\n var files = e.detail;\n var list = [];\n let valid = true;\n\n if (files) {\n Array(files.length)\n .fill(null)\n .forEach(function (_, idx) {\n if (props.field.model.required && !e.target.value) {\n valid = false;\n }\n if (files[idx].error) {\n valid = false;\n }\n list.push(files[idx].file);\n });\n }\n props.field.model.files = list.length > 0 ? list : null;\n props.field.originalValue = list.length > 0 ? list : undefined;\n props.onChange(props.field.valueField.name, list, valid);\n };\n\n const handleBlur = () => {\n props.tracker.onBlurField(props.field, props.value, props.errors);\n };\n\n const handleFocus = () => {\n props.tracker.onFocusField(props.field, props.value);\n };\n\n return (\n \n 0}\n error-message={errorMsgs}\n >\n
\n );\n};\n\nexport default FileUpload;\n","import ParametersField from './ParametersField.jsx';\n\nexport default ParametersField;\n","import { withSitecoreContext } from '@sitecore-jss/sitecore-jss-react';\nimport { useLocation } from 'react-router-dom';\n\nconst ParametersField = ({ field, rendering, sitecoreContext }) => {\n const location = useLocation();\n\n const params = {\n conversionId: rendering.fields.conversionId,\n campaignId: rendering.params.campaignId,\n productOrganizationalUnit: rendering.params.productOrganizationalUnit,\n itemId: sitecoreContext.itemId\n };\n\n let combinedParams = Object.keys(params)\n .filter((key) => params[key])\n .map((key) => `${key}=${params[key]}`)\n .join('&');\n\n if (location?.search) {\n combinedParams = `${location.search}&${combinedParams}`;\n }\n\n field.model.value = combinedParams;\n\n return '';\n};\n\nexport default withSitecoreContext()(ParametersField);\n","import GTMField from './GTMField.jsx';\n\nexport default GTMField;\n","import React from 'react';\n\nconst GTMField = () => {\n return '';\n};\n\nexport default GTMField;\n","import EmptyRendering from './EmptyRendering.jsx';\n\nexport default EmptyRendering;\n","const EmptyRendering = () => {\n return '';\n};\n\nexport default EmptyRendering;\n","import GoogleRecaptcha from './GoogleRecaptcha.jsx';\n\nexport default GoogleRecaptcha;\n","import React, { useEffect, useRef, useState, useCallback } from 'react';\nimport ReCAPTCHA from 'react-google-recaptcha';\n\nconst GoogleRecaptcha = ({ field }) => {\n const [errorMessage, setErrorMessage] = useState(false);\n const recaptcha = useRef(null);\n\n const handleClick = useCallback((e) => {\n const captchaValue = recaptcha.current?.getValue();\n if (!captchaValue) {\n setErrorMessage(true);\n if (recaptcha.current) {\n recaptcha.current.reset();\n }\n e.preventDefault();\n }\n }, []);\n\n const handleRecaptchaChange = (value) => {\n if (value) {\n setErrorMessage(false);\n }\n };\n\n useEffect(() => {\n const formButton = recaptcha.current?.closest('form')?.querySelector('[type=\"submit\"]');\n\n if (!formButton) {\n return;\n }\n\n formButton.addEventListener('click', handleClick);\n\n return () => {\n formButton.removeEventListener('click', handleClick);\n };\n }, [handleClick]);\n\n return (\n <>\n \n {rescheduleQueryParam ? (\n \n ) : (\n \n )}\n\n
\n ) : (\n ''\n );\n};\nexport default withTranslation()(QmaticSuccess);\n","import QmaticSuccess from './QmaticSuccess.jsx';\n\nexport default QmaticSuccess;\n","import React, { useEffect, useState, useRef } from 'react';\nimport FieldStateHelper from '../../fieldStateHelper.js';\nimport { withTranslation } from 'react-i18next';\nimport { useHistory } from 'react-router-dom';\n\nconst getDayName = (dateStr, locale) => {\n var date = new Date(dateStr);\n return date.toLocaleDateString(locale, {\n weekday: 'long',\n year: 'numeric',\n month: 'numeric',\n day: 'numeric'\n });\n};\n\nconst QmaticSuccessButtons = ({ t, stateHandler }) => {\n const history = useHistory();\n const [qmaticFields, setQmaticFields] = useState();\n const modalRef = useRef();\n\n useEffect(() => {\n FieldStateHelper.sendStateToForm(\n {\n model: { conditionSettings: { fieldKey: 'qmatic-fields' } }\n },\n (d) => setQmaticFields(d),\n (s) => stateHandler(s),\n qmaticFields\n );\n }, [stateHandler]);\n\n useEffect(() => {\n if (qmaticFields?.appointmentId) {\n window.scrollTo({top: 65, behavior: \"smooth\"});\n }\n }, [qmaticFields]);\n\n const handleVisitCancel = () => {\n history.push(\n qmaticFields.cancelPagePath +\n '?appointmentId=' +\n qmaticFields.appointmentId\n );\n };\n\n const handleCloseModal = () => {\n modalRef.current.closeModal();\n };\n\n return qmaticFields?.appointmentId ? (\n \n \n \n
\n \n
\n ) : (\n ''\n );\n};\nexport default withTranslation()(QmaticSuccessButtons);\n","import QmaticSuccessButtons from './QmaticSuccessButtons.jsx';\n\nexport default QmaticSuccessButtons;\n","const DataLayer = {\n initDataLayer: function () {\n if (typeof window !== 'undefined' && !window.dataLayer) {\n const htmlElement = 'dataLayerScript';\n\n const scriptSection = document.getElementById(htmlElement);\n\n let scriptTag;\n scriptTag = document.createElement('script');\n scriptTag.type = 'text/javascript';\n\n let scriptValue = `window.dataLayer = window.dataLayer || [];`;\n const script = document.createTextNode(scriptValue);\n\n scriptTag.appendChild(script);\n if (scriptSection?.parentNode) {\n scriptSection.parentNode.insertBefore(scriptTag, scriptSection);\n }\n }\n },\n pushToDataLayer: function (dataLayerEvent) {\n this.initDataLayer();\n if (typeof window !== 'undefined' && window.dataLayer) {\n window.dataLayer.push(dataLayerEvent);\n }\n }\n};\n\nexport default DataLayer;\n","var __extends=this&&this.__extends||function(){var e=function(t,n){e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)if(Object.prototype.hasOwnProperty.call(t,n))e[n]=t[n]};return e(t,n)};return function(t,n){if(typeof n!==\"function\"&&n!==null)throw new TypeError(\"Class extends value \"+String(n)+\" is not a constructor or null\");e(t,n);function r(){this.constructor=t}t.prototype=n===null?Object.create(n):(r.prototype=n.prototype,new r)}}();var __awaiter=this&&this.__awaiter||function(e,t,n,r){function a(e){return e instanceof n?e:new n((function(t){t(e)}))}return new(n||(n=Promise))((function(n,o){function s(e){try{l(r.next(e))}catch(t){o(t)}}function i(e){try{l(r[\"throw\"](e))}catch(t){o(t)}}function l(e){e.done?n(e.value):a(e.value).then(s,i)}l((r=r.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var n={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},r,a,o,s;return s={next:i(0),throw:i(1),return:i(2)},typeof Symbol===\"function\"&&(s[Symbol.iterator]=function(){return this}),s;function i(e){return function(t){return l([e,t])}}function l(s){if(r)throw new TypeError(\"Generator is already executing.\");while(n)try{if(r=1,a&&(o=s[0]&2?a[\"return\"]:s[0]?a[\"throw\"]||((o=a[\"return\"])&&o.call(a),0):a.next)&&!(o=o.call(a,s[1])).done)return o;if(a=0,o)s=[s[0]&2,o.value];switch(s[0]){case 0:case 1:o=s;break;case 4:n.label++;return{value:s[1],done:false};case 5:n.label++;a=s[1];s=[0];continue;case 7:s=n.ops.pop();n.trys.pop();continue;default:if(!(o=n.trys,o=o.length>0&&o[o.length-1])&&(s[0]===6||s[0]===2)){n=0;continue}if(s[0]===3&&(!o||s[1]>o[0]&&s[1]\n \n \n \n
\n \n \n \n \n
\n \n\n \n \n \n
\n \n {sitecoreContext.pageEditing && (\n <>\n \n \n \n )}\n
\n );\n};\n\nexport default withSitecoreContext()(Accordion);\n","import animateScrollTo from 'animated-scroll-to';\n\nconst options = {\n // Indicated if scroll animation should be canceled on user action (scroll/keypress/touch)\n // if set to \"false\" user input will be disabled until scroll animation is complete\n cancelOnUserAction: false,\n\n // Animation easing function, with \"easeOutCubic\" as default\n easing: (t) => t,\n\n // DOM element that should be scrolled\n // Example: document.querySelector('#element-to-scroll'),\n // elementToScroll: window,\n\n // Horizontal scroll offset\n // Practical when you are scrolling to a DOM element and want to add some padding\n horizontalOffset: 0,\n\n // Maximum duration of the scroll animation\n maxDuration: 1500,\n\n // Minimum duration of the scroll animation\n minDuration: 500,\n\n // Duration of the scroll per 1000px\n speed: 500,\n\n // Vertical scroll offset\n // Practical when you are scrolling to a DOM element and want to add some padding\n verticalOffset: 0\n};\n\nexport function scrollTo(offset, window) {\n options.elementToScroll = window;\n return animateScrollTo(offset - 150, options);\n}\n","import { useEffect, useRef } from 'react';\n\nexport const useInterval = (callback, delay, isActive) => {\n const savedCallback = useRef();\n\n // Remember the latest callback.\n useEffect(() => {\n savedCallback.current = callback;\n }, [callback]);\n\n // Set up the interval.\n useEffect(() => {\n if (isActive) {\n function tick() {\n savedCallback.current();\n }\n if (delay !== null) {\n let id = setInterval(tick, delay);\n return () => clearInterval(id);\n }\n }\n }, [delay, isActive]);\n};\n","import AccordionPane from './AccordionPane.jsx';\n\nexport default AccordionPane;\n","import React, { useEffect, useState, useRef } from 'react';\nimport {\n Placeholder,\n withSitecoreContext\n} from '@sitecore-jss/sitecore-jss-react';\nimport { useLocation } from 'react-router-dom';\nimport { scrollTo } from '../../utils/scrollTo.js';\nimport { useInterval } from '../../hooks/useInterval.js';\n\nconst AccordionPane = ({ fields, rendering, sitecoreContext, params }) => {\n const title = fields?.title?.value ?? '';\n\n const [isScrolled, setScrolled] = useState(false);\n const [isActive, setIsActive] = useState(false);\n const [offset, setOffset] = useState();\n const [expanded, setExpanded] = useState(false);\n\n const ref = useRef();\n const location = useLocation();\n\n useEffect(() => {\n setScrolled(false);\n if (\n !document ||\n !window ||\n !params?.elementId ||\n sitecoreContext.pageEditing ||\n !ref?.current\n ) {\n return;\n }\n const url = window?.location.href || '';\n if (url.includes('#') && url.split('#').pop() === params.elementId) {\n setIsActive(true);\n return;\n }\n setIsActive(false);\n setExpanded(false);\n }, [location]);\n\n useEffect(() => {\n if (isActive && offset && !isScrolled) {\n scrollTo(offset, window).then(() => {\n setTimeout(() => setExpanded(true), 300);\n setTimeout(() => setScrolled(true), 1000);\n });\n }\n });\n\n useInterval(\n () => {\n var newOffset =\n ref.current.getBoundingClientRect().top + window.scrollY;\n\n //prevents to set offset when just header is rendered\n if (newOffset < 150) {\n return;\n }\n if (!offset || Math.abs(offset - newOffset) > 10) {\n setOffset(newOffset);\n }\n },\n 300,\n isActive\n );\n\n return (\n <>\n {sitecoreContext.pageEditing && (\n Accordion
\n\n
\n \n
\n \n )}\n\n {!sitecoreContext.pageEditing && (\n <>\n \n
\n
\n )}\n\n {!sitecoreContext.pageEditing && (\n Accordion Pane
\n{title}
\n\n
\n
\n \n
\n \n
\n \n
\n \n
\n {isCollapsable && (\n setIsCollapsed(!isCollapsed)}>{t(`Content|Alert|${isCollapsed ? 'Expand' : 'Collapse'}`)}
\n )}\n \n
\n \n handleAlertClose()}\n name=\"close\"\n >\n
\n \n
\n {!showAlert && sitecoreContext.pageEditing && (\n \n \n {t('Editor|AlertOutOfTimeWindow')}\n \n
\n )}\n \n \n \n
\n );\n};\n\nexport default withSitecoreContext()(AlertSection);\n","import AnchorNavigation from './AnchorNavigation.jsx';\n\nexport default AnchorNavigation;\n","import React from 'react';\n\nconst AnchorNavigation = () => (\n \n
\n \n
\n);\n\nexport default AnchorNavigation;\n","import AnchorTile from './AnchorTile.jsx';\n\nexport default AnchorTile;\n","import React from 'react';\nimport { withSitecoreContext } from '@sitecore-jss/sitecore-jss-react';\nimport { useMobileCheck } from '../../hooks/useMobileCheck';\n\nconst AnchorTile = ({ fields, params, sitecoreContext }) => {\n const isMobile = useMobileCheck();\n const classes = [\n params?.redTile && isMobile ? 'full-width' : '',\n params?.redTile ? 'red-tile' : '',\n\n ].filter((value) => !!value);\n\n if (sitecoreContext.pageEditing && !fields) {\n return Editor|EmptyDatasource
;\n }\n\n const link = fields.link?.value;\n\n return (\n \n \n \n \n\n
\n \n \n );\n};\n\nexport default withSitecoreContext()(AnchorTile);\n","import AnchorTiles from './AnchorTiles.jsx';\n\nexport default AnchorTiles;\n","import React, { useEffect, useState } from 'react';\nimport { Placeholder } from '@sitecore-jss/sitecore-jss-react';\nimport { withSitecoreContext } from '@sitecore-jss/sitecore-jss-react';\nimport { useMobileCheck } from '../../hooks/useMobileCheck';\nimport AnchorTile from '../AnchorTile';\n\nconst AnchorTiles = ({ rendering, sitecoreContext, params }) => {\n const [anchors, setAnchors] = useState([]);\n const [highlightAnchors, setHighlightAnchors] = useState([]);\n const isMobile = useMobileCheck();\n\n useEffect(() => {\n setAnchors(rendering.placeholders['eon-anchor-tile'].filter(a => !a.params?.redTile));\n setHighlightAnchors(rendering.placeholders['eon-anchor-tile'].filter(a => !!a.params?.redTile));\n }, [isMobile]); //eslint-disable-line react-hooks/exhaustive-deps\n\n return (\n \n
\n \n \n {fields.header.value}\n \n
\n \n {!!link?.href && (\n
\n \n {sitecoreContext.pageEditing && \n {highlightAnchors &&\n
\n \n );\n};\n\nexport default withSitecoreContext()(AnchorTiles);\n","export function debounce(func, wait, immediate = false) {\n var timeout;\n \n return function executedFunction() {\n var context = this;\n var args = arguments;\n \n var later = () => {\n timeout = null;\n if (!immediate) func.apply(context, args);\n };\n \n var callNow = immediate && !timeout;\n \n clearTimeout(timeout);\n \n timeout = setTimeout(later, wait);\n \n if (callNow) func.apply(context, args);\n };\n };\n ","import React, { useEffect, useRef } from 'react';\nimport { withSitecoreContext } from '@sitecore-jss/sitecore-jss-react';\nimport { useHistory } from 'react-router-dom';\nimport { withTranslation } from 'react-i18next';\nimport { debounce } from '../../utils/debounce';\n\nconst ArticleCategoriesTabs = ({ fields, sitecoreContext, t }) => {\n const history = useHistory();\n const elementRef = useRef();\n\n const articleCategories = fields?.articleCategories.filter((category) => {\n const cat = category;\n\n if (category.name.includes('[')) {\n cat.name = 'Content|ArticleAllCategories';\n }\n\n return cat;\n });\n\n useEffect(() => {\n const element = elementRef?.current;\n\n const ChangeTab = debounce((value) => {\n const category = articleCategories[value.detail];\n if (category.isLinkExternal) {\n window.location.href = category.href;\n }\n else {\n history.push(category.href);\n }\n }, 200);\n\n if (element) {\n element.addEventListener('tabChanged', ChangeTab);\n\n return () => {\n element.removeEventListener('tabChanged', ChangeTab);\n };\n }\n }, [elementRef.current]);\n\n if (sitecoreContext.pageEditing) {\n return (\n AnchorTiles Component
}\n\n {!sitecoreContext.pageEditing &&\n highlightAnchors.map((anchor) => (\n
\n }\n \n {sitecoreContext.pageEditing ? (\n \n ) : (\n anchors.map((anchor) => (\n
\n \n
\n );\n }\n\n return (\n ArticleCategoriesTabs Component
\n\n \n {articleCategories\n .map((c) => c.name)\n .map((p, key) => (\n
\n \n \n {articleCategories\n .map((c) => c.name)\n .map((p, key) => (\n
\n );\n};\n\nexport default withTranslation()(withSitecoreContext()(ArticleCategoriesTabs));\n","import ArticleCategoriesTabs from './ArticleCategoriesTabs.jsx';\n\nexport default ArticleCategoriesTabs;\n","import ArticleHub from './ArticleHub.jsx';\n\nexport default ArticleHub;\n","import React from 'react';\nimport { Placeholder } from '@sitecore-jss/sitecore-jss-react';\nimport { withSitecoreContext } from '@sitecore-jss/sitecore-jss-react';\n\nconst ArticleHub = ({ rendering, sitecoreContext }) => {\n if (sitecoreContext.pageEditing)\n return (\n \n
\n );\n else\n return (\n ArticleHub Component
\n\n
\n );\n};\n\nexport default withSitecoreContext()(ArticleHub);\n","import RouteWrapper from './RouteWrapper.jsx';\n\nexport default RouteWrapper;\n","import React, { useEffect, useRef } from 'react';\nimport { useHistory } from 'react-router-dom';\nimport { withSitecoreContext } from '@sitecore-jss/sitecore-jss-react';\n\nconst RouteWrapper = ({ tag, attributes, sitecoreContext }) => {\n const history = useHistory();\n const ref = useRef();\n\n const handleClick = (e) => {\n history.push(attrs.href);\n e.preventDefault();\n };\n\n useEffect(() => {\n const element = ref?.current;\n if (!sitecoreContext.pageEditing) {\n if (element && attrs.href?.startsWith('/')) {\n element.addEventListener('click', handleClick, true);\n return () => {\n element.removeEventListener('click', handleClick, true);\n };\n }\n }\n }, []);\n\n const attrs = { ...attributes };\n\n if (!attrs || !attrs.href) {\n return '';\n }\n\n if (sitecoreContext.pageEditing) {\n delete attrs.href;\n delete attrs.target;\n }\n\n const childParams = { ...attrs };\n delete childParams.slot;\n\n const wrapperParams = {\n ...(attrs.slot && { slot: attrs.slot })\n };\n\n const Tag = tag;\n\n return (\n \n
\n );\n};\n\nexport default withSitecoreContext()(RouteWrapper);\n","import RouteLink from './RouteLink.jsx';\n\nexport default RouteLink;\n","import React from 'react';\nimport RouteWrapper from '../RouteWrapper/index.js';\n\nconst RouteLink = (params) => {\n return \n \n
\n \n \n );\n};\n\nexport default PromoArticle;\n","import Article from './Article.jsx';\n\nexport default Article;\n","import React from 'react';\nimport { useMobileCheck } from '../../../hooks/useMobileCheck';\nimport RouteLink from '../../Route/RouteLink/index.js';\nimport config from '../../../temp/config';\n\nconst Article = ({ article }) => {\n const isMobile = useMobileCheck();\n\n const img =\n article.imageHref ||\n `${config.sitecoreApiHost}/-/media/Feature/Articles/ArticleTeaserDefaultImage.ashx?h=506&iar=0&w=800&hash=2FF280A3AD55242A224690166C16290B`;\n\n return (\n \n \n
\n \n
\n\n \n
\n \n {show && (\n
\n )}\n \n {article.tags.map((tag, index) => {\n return (\n \n {tag} \n
\n );\n })}\n \n \n {article.description}\n \n
\n \n
\n );\n};\n\nexport default Article;\n","import ArticleList from './ArticleList.jsx';\n\nexport default ArticleList;\n","import React, { useState, useEffect } from 'react';\nimport {\n Placeholder,\n withSitecoreContext\n} from '@sitecore-jss/sitecore-jss-react';\nimport PromoArticle from './PromoArticle/index';\nimport Article from './Article/index';\nimport config from '../../temp/config';\nimport { withTranslation } from 'react-i18next';\n\nconst PRIMARY_MODULO = 5;\nconst SECONDARY_MODULO = 3;\n\nconst ArticleList = ({ rendering, sitecoreContext, t }) => {\n const [allPromoArticles, setAllPromoArticles] = useState(\n rendering.fields?.articles.promoArticles\n );\n const [allNormalArticles, setAllNormalArticles] = useState(\n rendering.fields?.articles.articles\n );\n const [filteredPromoArticles, setFilteredPromoArticles] = useState(\n rendering.fields?.articles.promoArticles\n );\n const [filteredNormalArticles, setFilteredNormalArticles] = useState(\n rendering.fields?.articles.articles\n );\n\n const [isLoading, setIsLoading] = useState(false);\n const [isEvenLoad, setEvenLoad] = useState(false);\n const [allTags, setAllTags] = useState([]);\n const [tags, setTags] = useState([]);\n\n const tagsHandler = (tag) => {\n if (tags.indexOf(tag) < 0) {\n return setTags([...tags, tag]);\n }\n\n setTags(tags.filter((t) => t !== tag));\n };\n\n useEffect(() => {\n setAllPromoArticles(rendering.fields?.articles.promoArticles);\n }, [rendering.fields?.articles.promoArticles]);\n\n useEffect(() => {\n setAllNormalArticles(rendering.fields?.articles.articles);\n }, [rendering.fields?.articles.articles]);\n\n const handleLoadMore = async () => {\n setIsLoading(true);\n\n const data = await fetch(\n `${config.sitecoreApiHost}/api/eon/articles/teasers?itemId=${\n sitecoreContext.itemId\n }&language=${sitecoreContext.language}&promotedArticles=${\n rendering.params.promotedArticles ?? ''\n }&isEvenLoad=${isEvenLoad}&sc_apikey=${\n config.sitecoreApiKey\n }&skipArticles=${allNormalArticles.length || 0}&skipPromo=${\n allPromoArticles.length || 0\n }`\n ).then((response) => response.json());\n\n setIsLoading(false);\n setEvenLoad(!isEvenLoad);\n setAllPromoArticles([...allPromoArticles, ...data.promoArticles]);\n setAllNormalArticles([...allNormalArticles, ...data.articles]);\n };\n\n useEffect(() => {\n if (tags.length) {\n setFilteredPromoArticles(\n allPromoArticles.filter((article) =>\n article.tags?.some((tag) => tags.includes(tag))\n )\n );\n setFilteredNormalArticles(\n allNormalArticles.filter((article) =>\n article.tags?.some((tag) => tags.includes(tag))\n )\n );\n } else {\n setFilteredPromoArticles(allPromoArticles);\n setFilteredNormalArticles(allNormalArticles);\n }\n }, [tags.length, allNormalArticles.length, allPromoArticles.length]);\n\n useEffect(() => {\n const hubTags = [];\n\n allNormalArticles.forEach((article) => {\n if (article.showTags && article.tags) {\n article.tags.forEach((tag) => {\n if (hubTags.indexOf(tag) < 0) {\n hubTags.push(tag);\n }\n });\n }\n });\n allPromoArticles.forEach((article) => {\n if (article.showTags && article.tags) {\n article.tags.forEach((tag) => {\n if (hubTags.indexOf(tag) < 0) {\n hubTags.push(tag);\n }\n });\n }\n });\n\n setAllTags(hubTags);\n }, [isLoading]);\n\n if (sitecoreContext.pageEditing) {\n return (\n \n {article.showTags && article.tags && (\n
\n \n {article.tags.map((tag, index) => {\n return (\n
\n )}\n \n {tag}\n
\n );\n })}\n \n
\n \n
\n );\n }\n\n const articlesCount = rendering.fields?.articles.count ?? 0;\n const loadedArticlesCount =\n allNormalArticles.length + allPromoArticles.length;\n const filteredArticlesCount =\n filteredNormalArticles.length + filteredPromoArticles.length;\n const filterText = t('Content|ArticleList|FilterBy') ?? '';\n\n let modulo = PRIMARY_MODULO;\n let promoIndex = 0;\n let counter = 1;\n\n return (\n ArticleList Component
\n\n
\n );\n};\n\nexport default withTranslation()(withSitecoreContext()(ArticleList));\n","import ArticleTeaser from './ArticleTeaser.jsx';\n\nexport default ArticleTeaser;\n","import React from 'react';\nimport {\n Placeholder,\n withSitecoreContext\n} from '@sitecore-jss/sitecore-jss-react';\n\nconst ArticleTeaser = ({ rendering, sitecoreContext }) => {\n const description =\n sitecoreContext?.route?.fields?.teaserDescription?.value;\n const image = sitecoreContext?.route?.fields.teaserImage?.value?.src;\n const imageAltText = sitecoreContext?.route?.fields.teaserImage?.value?.alt;\n const headline =\n sitecoreContext?.route?.fields?.teaserTitle?.value ??\n sitecoreContext?.route?.name;\n const readingTime = sitecoreContext?.route?.fields?.readingTime?.value;\n const publicationDate = rendering?.fields?.publicationDateDescription;\n const showImage = sitecoreContext?.route?.fields?.showImage?.value;\n\n return (\n \n
\n \n {allTags.length > 0 && (\n {filterText}\n )}\n \n {allTags.map((item, i) => (\n tagsHandler(item)}\n is-selected={tags.indexOf(item) > -1}\n >\n ))}\n \n
\n \n {filteredPromoArticles[promoIndex] && (\n
\n {`Widzisz ${filteredArticlesCount} z ${articlesCount} artykułów`}
\n {loadedArticlesCount < articlesCount && (\n\n
\n )}\n \n {description} \n
\n );\n};\n\nexport default withSitecoreContext()(ArticleTeaser);\n","import Breadcrumbs from './Breadcrumbs.jsx';\n\nexport default Breadcrumbs;\n","import React from 'react';\nimport { Link } from 'react-router-dom';\nimport { withSitecoreContext } from '@sitecore-jss/sitecore-jss-react';\n\nconst Breadcrumbs = ({ fields, params }) => {\n const breadcrumbs = fields?.breadcrumbs ?? [];\n\n return (\n \n
\n \n
\n {showImage && (\n \n {publicationDate && (\n
\n \n
\n )}\n {readingTime && (\n {publicationDate}
\n\n
\n )}\n Czas czytania: {readingTime}
\n\n
\n \n
\n )}\n \n \n {breadcrumbs.map((breadcrumb, key) =>\n breadcrumb.href ? (\n \n {breadcrumb.name}\n \n ) : (\n {breadcrumb.name}\n )\n )}\n \n
\n );\n};\n\nexport default withSitecoreContext()(Breadcrumbs);\n","import BulletPointWrapper from './BulletPointWrapper.jsx';\n\nexport default BulletPointWrapper;\n","import React from 'react';\nimport {\n Placeholder,\n withSitecoreContext\n} from '@sitecore-jss/sitecore-jss-react';\n\nconst BulletPointWrapper = ({ rendering, sitecoreContext, params }) => {\n const iconScheme = params?.iconScheme;\n return (\n \n {sitecoreContext.pageEditing &&
\n );\n};\n\nexport default withSitecoreContext()(BulletPointWrapper);\n","import CardTeaserBulletPoint from './CardTeaserBulletPoint.jsx';\n\nexport default CardTeaserBulletPoint;\n","import {\n Placeholder,\n withSitecoreContext\n} from '@sitecore-jss/sitecore-jss-react';\nimport React from 'react';\nimport { Link } from 'react-router-dom';\n\nconst CardTeaserBulletPoint = ({ rendering }) => {\n if (!rendering) {\n return '';\n }\n const cardTitle = rendering.fields?.title?.value ?? '';\n const cardImage = rendering.fields?.image?.value?.src ?? '';\n const cardImageSVG = rendering.fields?.image?.value?.svg ?? '';\n const cardImageAlt = rendering.fields?.image?.value?.alt ?? '';\n const cta = rendering.fields?.link?.value?.href ?? '';\n const ctaTarget = rendering.fields?.link?.value?.target ?? '';\n const ctaText = rendering.fields?.link?.value?.text ?? '';\n\n const Card = () => (\n BulletPointWrapper Component
}\n\n
\n \n
\n \n \n
\n \n
\n \n
\n );\n\n return (\n \n {cardImageSVG !== undefined && (\n
\n \n
\n {cta && (\n \n
\n )}\n \n {!cta &&
\n );\n};\n\nexport default withSitecoreContext()(CardTeaserBulletPoint);\n","import CardTeaserBulletPoints from './CardTeaserBulletPoints.jsx';\n\nexport default CardTeaserBulletPoints;\n","import React from 'react';\nimport {\n Placeholder,\n withSitecoreContext\n} from '@sitecore-jss/sitecore-jss-react';\n\nconst CardTeaserBulletPoints = ({ rendering }) => {\n var placeholders = Object.keys(rendering.placeholders);\n if (!placeholders) {\n return '';\n }\n\n return (\n \n
\n \n );\n};\n\nexport default withSitecoreContext()(CardTeaserBulletPoints);\n","import CardTeaserSlide from './CardTeaserSlide.jsx';\n\nexport default CardTeaserSlide;\n","import React from 'react';\nimport { withSitecoreContext } from '@sitecore-jss/sitecore-jss-react';\nimport { Link } from 'react-router-dom';\n\nconst CardTeaserSlide = (props) => {\n const fields = props.rendering.fields;\n const params = props.rendering.params;\n const cardInfo = fields?.info?.value ?? '';\n const cardTitle = fields?.title?.value ?? '';\n const cardImage = fields?.image?.value?.src ?? '';\n const cardImageAlt = fields?.image?.value?.alt ?? '';\n const cta = fields?.cta?.value?.href ?? '';\n const ctatarget = fields?.cta?.value?.target ?? '';\n const ctaText = fields?.cta?.value?.text ?? '';\n const cardBackgroundColor = params?.background ?? '';\n\n const Card = () => (\n \n
\n \n {placeholders\n .filter((x) => x.includes('column'))\n .map((p, key) => (\n \n
\n ))}\n \n
\n );\n};\n\nexport default withSitecoreContext()(CardTeaserSlide);\n","import CardTeaserSlider from './CardTeaserSlider.jsx';\n\nexport default CardTeaserSlider;\n","import React from 'react';\nimport {\n Placeholder,\n withSitecoreContext\n} from '@sitecore-jss/sitecore-jss-react';\nimport Slider from 'react-slick';\nimport CardTeaserSlide from '../CardTeaserSlide/index.js';\n\nconst CardTeaserSlider = ({ rendering, sitecoreContext }) => {\n const settings = {\n dots: true,\n infinite: false,\n speed: 500,\n slidesToShow: 3,\n slidesToScroll: 2,\n swipe: false,\n arrows: false,\n responsive: [\n {\n breakpoint: 1024,\n settings: {\n slidesToShow: 2,\n slidesToScroll: 1,\n infinite: true,\n dots: true,\n arrows: false,\n swipe: true\n }\n },\n {\n breakpoint: 600,\n settings: {\n slidesToShow: 2,\n slidesToScroll: 1,\n arrows: false,\n swipe: true\n }\n },\n {\n breakpoint: 480,\n settings: {\n slidesToShow: 2,\n slidesToScroll: 1,\n arrows: false,\n swipe: true\n }\n }\n ]\n };\n return (\n \n {cta.startsWith('/') && (\n \n \n
\n \n {sitecoreContext.pageEditing && (\n \n {rendering.placeholders['card-teaser-slides'].map(\n (slide, key) => (\n \n )}\n
\n );\n};\n\nexport default withSitecoreContext()(CardTeaserSlider);\n","function gridStyle(columns) {\n columns = Number(columns);\n switch (columns) {\n case 1:\n return 'grid__d12__t12';\n case 2:\n return 'grid__d6-6__t6-6';\n case 3:\n return 'grid__d4-4-4__t4-4-4';\n case 4:\n return 'grid__d3-3-3-3__t6-6-6-6';\n case 5:\n return 'grid__d2-2-2-2-2__t12';\n case 6:\n return 'grid__d2-2-2-2-2-2__t12';\n default:\n return '';\n }\n}\n\nexport default gridStyle;\n","import CardTeasersRow from './CardTeasersRow.jsx';\n\nexport default CardTeasersRow;\n","import React from 'react';\nimport { Placeholder } from '@sitecore-jss/sitecore-jss-react';\nimport gridStyle from '../../lib/GridControlStyleResolver.js';\n\nconst CardTeasersRow = ({ params, rendering }) => {\n const placeholdersKeys = Object.keys(rendering.placeholders);\n const columns = placeholdersKeys?.filter((x) => x.includes('column')) || [];\n\n return (\n \n
\n )}\n {!sitecoreContext.pageEditing && (\n \n
\n )\n )}\n \n \n \n {columns.map((p, key) => (\n \n \n ))}\n \n
\n );\n};\n\nexport default CardTeasersRow;\n","import CategoryTeaser from './CategoryTeaser.jsx';\n\nexport default CategoryTeaser;\n","import React from 'react';\nimport {\n Placeholder,\n withSitecoreContext\n} from '@sitecore-jss/sitecore-jss-react';\n\nconst CategoryTeaser = ({ rendering }) => {\n return (\n \n \n \n \n \n \n \n
\n );\n};\n\nexport default withSitecoreContext()(CategoryTeaser);\n","import CategoryTeaserTile from './CategoryTeaserTile.jsx';\n\nexport default CategoryTeaserTile;\n","import React from 'react';\nimport { Placeholder } from '@sitecore-jss/sitecore-jss-react';\nimport RouteLink from '../Route/RouteLink/index.js';\n\nconst CategoryTeaserTile = ({ fields, rendering, params, ratio }) => {\n const shadowOnImage = !!params.shadowOnImage;\n\n return (\n \n
\n\n \n
\n \n
\n\n \n
\n \n \n \n
\n );\n};\n\nexport default CategoryTeaserTile;\n","import CategoryTeaserTiles from './CategoryTeaserTiles.jsx';\n\nexport default CategoryTeaserTiles;\n","import React from 'react';\nimport { Placeholder } from '@sitecore-jss/sitecore-jss-react';\nimport { useMobileCheck } from '../../hooks/useMobileCheck';\n\nconst CategoryTeaserTiles = ({ rendering, params }) => {\n let placeholdersKeys = Object.keys(rendering.placeholders);\n const isMobile = useMobileCheck();\n\n if (!placeholdersKeys) {\n return '';\n }\n return (\n \n
\n \n
\n\n \n
\n \n {fields.link1.value.text && (\n
\n \n
\n )}\n {fields.link2.value.text && (\n \n
\n )}\n {fields.link3.value.text && (\n \n
\n )}\n {fields.link4.value.text && (\n \n
\n )}\n \n
\n {fields.bottomLink.value.text && (\n \n
\n )}\n \n \n {fields.bottomText.value}\n \n
\n\n \n
\n \n \n {placeholdersKeys\n .filter((x) => x.includes('column'))\n .map((p, key) => (\n \n \n ))}\n \n
\n );\n};\n\nexport default CategoryTeaserTiles;\n","import ColorBarFooter from './ColorBarFooter.jsx';\n\nexport default ColorBarFooter;\n","import React from 'react';\nimport { withSitecoreContext } from '@sitecore-jss/sitecore-jss-react';\n\nconst ColorBarFooter = ({ sitecoreContext }) => (\n <>\n {sitecoreContext.pageEditing && (\n <>\n \n
\n\n Color Bar Footer Component
\n \n )}\n\n\n \n
\n \n);\n\nexport default withSitecoreContext()(ColorBarFooter);\n","import ColorBarHeader from './ColorBarHeader.jsx';\n\nexport default ColorBarHeader;\n","import React from 'react';\nimport { withSitecoreContext } from '@sitecore-jss/sitecore-jss-react';\n\nconst ColorBarHeader = ({ sitecoreContext }) => (\n <>\n {sitecoreContext.pageEditing && (\n <>\n Color Bar Header Component
\n \n )}\n\n \n \n \n
\n \n);\n\nexport default withSitecoreContext()(ColorBarHeader);\n","import ContactIllustrationsTile from './ContactIllustrationsTile.jsx';\n\nexport default ContactIllustrationsTile;\n","import React from 'react';\nimport {\n Placeholder,\n withSitecoreContext\n} from '@sitecore-jss/sitecore-jss-react';\nimport { useMobileCheck } from '../../hooks/useMobileCheck';\n\nconst ContactIllustrationsTile = ({\n fields,\n rendering,\n params,\n sitecoreContext\n}) => {\n const isMobile = useMobileCheck();\n\n const backgroundColor = params?.backgroundColor;\n const titleColor = params?.titleColor;\n const hidePhotoOnMobile = params?.hidePhotoOnMobile;\n if (!fields) {\n return '';\n }\n\n const image = fields.image?.value?.src;\n const imageAlt = fields.image?.value?.alt ?? '';\n const description = fields.description?.value;\n\n const title = fields.title?.value;\n const TileImage = () => {\n return (\n \n {fields?.image?.value?.svg !== undefined && (\n
\n );\n };\n return (\n \n {sitecoreContext.pageEditing &&
\n );\n};\n\nexport default withSitecoreContext()(ContactIllustrationsTile);\n","import ContactIllustrationsTileRow from './ContactIllustrationsTileRow.jsx';\n\nexport default ContactIllustrationsTileRow;\n","import React from 'react';\nimport {\n Placeholder,\n withSitecoreContext\n} from '@sitecore-jss/sitecore-jss-react';\n\nconst ContactIllustrationsTileRow = ({\n rendering,\n sitecoreContext,\n params\n}) => {\n let placeholdersKeys = Object.keys(rendering.placeholders);\n const displayAsTile = params?.displayAsTile ?? '0';\n if (!placeholdersKeys) {\n return '';\n }\n return (\n Contact Illustrations Tile
}\n\n \n \n
\n \n
\n \n
\n {!isMobile && \n
\n {isMobile && !hidePhotoOnMobile && \n
\n \n
\n {description && (\n \n
\n )}\n \n {sitecoreContext.pageEditing && (\n \n {placeholdersKeys\n .filter((x) => x.includes('column'))\n .map((p, key) => (\n \n \n ))}\n \n )}\n {displayAsTile === '1' && (\n \n {placeholdersKeys\n .filter((x) => x.includes('column'))\n .map((p, key) => (\n \n \n ))}\n \n )}\n
\n );\n};\n\nexport default withSitecoreContext()(ContactIllustrationsTileRow);\n","import ContactIllustrationsTiles from './ContactIllustrationsTiles.jsx';\n\nexport default ContactIllustrationsTiles;\n","import React from 'react';\nimport { Placeholder } from '@sitecore-jss/sitecore-jss-react';\n\nconst ContactIllustrationsTiles = ({ rendering }) => {\n let placeholdersKeys = Object.keys(rendering.placeholders);\n if (!placeholdersKeys) {\n return '';\n }\n\n return (\n Contact Illustrations Tite Row
\n )}\n {displayAsTile === '0' && (\n\n
\n );\n};\n\nexport default ContactIllustrationsTiles;\n","import ContentAgregatorTile from './ContentAgregatorTile.jsx';\n\nexport default ContentAgregatorTile;\n","import React from 'react';\nimport { withSitecoreContext } from '@sitecore-jss/sitecore-jss-react';\n\nconst ContentAgregatorTile = ({ fields, sitecoreContext }) => {\n if (sitecoreContext.pageEditing && !fields) {\n return \n
\n\n \n
\n Editor|EmptyDatasource
;\n }\n\n return (\n \n \n \n
\n );\n};\n\nexport default withSitecoreContext()(ContentAgregatorTile);\n","import ContentAgregator from './ContentAgregator.jsx';\n\nexport default ContentAgregator;\n","import React from 'react';\nimport Slider from 'react-slick';\nimport { Placeholder } from '@sitecore-jss/sitecore-jss-react';\nimport { withSitecoreContext } from '@sitecore-jss/sitecore-jss-react';\nimport ContentAgregatorTile from '../ContentAgregatorTile';\n\nconst ContentAgregator = ({ rendering, sitecoreContext }) => {\n var placeholders = Object.keys(rendering.placeholders);\n\n if (!placeholders) {\n return null;\n }\n\n const tiles = rendering.placeholders?.['eon-content-agregator-tiles'] || [];\n const settings = {\n dots: true,\n infinite: false,\n speed: 500,\n slidesToShow: 4,\n slidesToScroll: 1,\n swipe: false,\n arrows: false,\n responsive: [\n {\n breakpoint: 1200,\n settings: {\n slidesToShow: 3,\n slidesToScroll: 2,\n dots: true,\n arrows: false,\n swipe: true\n }\n },\n {\n breakpoint: 730,\n settings: {\n slidesToShow: 2,\n slidesToScroll: 1,\n arrows: false,\n dots: true,\n swipe: true\n }\n }\n ]\n };\n\n return (\n \n {sitecoreContext.pageEditing && (\n
\n Content Agregator Tile
\n )}\n\n\n
\n\n \n
\n \n
\n \n
\n \n
\n );\n};\n\nexport default withSitecoreContext()(ContentAgregator);\n","import RouteButton from './RouteButton.jsx';\n\nexport default RouteButton;\n","import React from 'react';\nimport RouteWrapper from '../RouteWrapper/index.js';\n\nconst RouteButton = (params) => {\n return (\n \n
\n \n
\n \n {sitecoreContext.pageEditing && (\n \n {tiles.map((tile, key) => (\n \n )}\n
\n \n
\n )}\n {!sitecoreContext.pageEditing && (\n \n
\n ))}\n \n \n {bid.info1 && (\n
\n \n )}\n \n \n );\n};\n\nexport default withTranslation()(withSitecoreContext()(CustomerBids));\n","import React from 'react';\nimport { withTranslation } from 'react-i18next';\nimport CustomerBidsStatus from './CustomerBidsStatus.js';\nimport SingleBid from './SingleBid.jsx';\n\nconst Bids = ({ bids, isLoading, setStatus, status, t, title }) => {\n return (\n \n \n \n
\n )}\n\n {bid.info2 && (\n \n \n \n
\n )}\n\n \n
\n\n {bid.documents.length > 0 && (\n <>\n \n
\n\n \n {bid.documents.map((doc, docIndex) => (\n \n
\n ))}\n \n \n {doc.name}\n \n \n {doc.publicationDate}\n \n
\n \n
\n \n \n \n\n
\n );\n};\n\nexport default withTranslation()(Bids);\n","import React from 'react';\nimport SingleBid from './SingleBid.jsx';\n\nconst PublicBids = ({ title, isLoading, bids }) => {\n return (\n \n setStatus(CustomerBidsStatus.ACTUAL)}\n is-selected={CustomerBidsStatus.isActual(status)}\n >\n setStatus(CustomerBidsStatus.PROGRESS)}\n is-selected={CustomerBidsStatus.inProgress(status)}\n >\n setStatus(CustomerBidsStatus.DONE)}\n is-selected={CustomerBidsStatus.isDone(status)}\n >\n
\n \n
\n\n \n {isLoading && (\n \n {bids.map((bid) => (\n \n )}\n
\n \n
\n )}\n {!isLoading && bids && (\n \n
\n );\n};\n\nexport default PublicBids;\n","import CustomerBids from './CustomerBids.jsx';\n\nexport default CustomerBids;\n","import React, { useEffect, useState } from 'react';\nimport { withTranslation } from 'react-i18next';\nimport { withSitecoreContext } from '@sitecore-jss/sitecore-jss-react';\nimport config from '../../temp/config';\nimport CustomerBidsStatus from './CustomerBidsStatus.js';\nimport Bids from './Bids.jsx';\nimport PublicBids from './PublicBids.jsx';\n\nconst CustomerBids = ({ sitecoreContext, fields, t, params }) => {\n const initialStatus = params?.showPublicBids\n ? CustomerBidsStatus.PUBLIC\n : CustomerBidsStatus.ACTUAL;\n\n const [status, setStatus] = useState(initialStatus);\n const [data, setData] = useState(fields?.bids);\n const [isLoading, setIsLoading] = useState(false);\n\n useEffect(() => {\n if (!fields?.bidsContainer || params?.showPublicBids) {\n return;\n }\n\n setIsLoading(true);\n\n const queryParams = {\n bidsId: fields?.bidsContainer?.id || '',\n lang: sitecoreContext.language,\n sc_apikey: config.sitecoreApiKey,\n status: status\n };\n\n var query = Object.keys(queryParams)\n .map((key) => `${key}=${queryParams[key]}`)\n .join('&');\n\n fetch(`${config.sitecoreApiHost}/api/eon/suppliers/bids?${query}`)\n .then((response) => response.json())\n .then((result) => {\n setData(result);\n setIsLoading(false);\n });\n }, [status]);\n\n const getBidsTitle = () => {\n switch (status) {\n case CustomerBidsStatus.PROGRESS:\n return fields.inProgressBidsTitle?.value;\n case CustomerBidsStatus.DONE:\n return fields.doneBidsTitle?.value;\n case CustomerBidsStatus.PUBLIC:\n return fields.publicBidsTitle?.value;\n default:\n return fields.actualBidsTitle?.value;\n }\n };\n\n return (\n <>\n {params?.showPublicBids && data?.bids ? (\n \n
\n\n \n {isLoading && (\n \n {bids.map((bid) => (\n \n )}\n
\n \n
\n )}\n {!isLoading && bids && (\n | \n | {t('DayAheadMarket|FixingName')} | \n|
|---|---|---|
| {t('DayAheadMarket|Header|Time')} | \n{t('DayAheadMarket|Header|NetRate')} | \n{t('DayAheadMarket|Header|GrossRate')} | \n
| {rate.Hour} | \n{formatNumber(rate.NetRate)} | \n{formatNumber(rate.GrossRate)} | \n
\n {data.HourlyRates.map((rate, index) => (\n \n \n \n
\n
\n ))}\n \n );\n};\n\nexport default withTranslation()(MobileTable);\n","import DayAheadMarket from './DayAheadMarket.jsx';\n\nexport default DayAheadMarket;\n","import React from 'react';\nimport { withSitecoreContext } from '@sitecore-jss/sitecore-jss-react';\nimport { withTranslation } from 'react-i18next';\nimport { useDayAheadMarket } from './useDayAheadMarket.jsx';\nimport { formatDate } from './utils';\nimport DesktopTable from './components/DesktopTable.jsx';\nimport MobileTable from './components/MobileTable.jsx';\n\nconst DayAheadMarket = ({ t }) => {\n const {\n dateRef,\n date,\n minDate,\n maxDate,\n data,\n isLoading,\n isError,\n isDatePickerDisabled,\n isPrevSessionDisabled,\n isNextSessionDisabled,\n handleNextSession,\n handlePreviousSession\n } = useDayAheadMarket();\n\n if (isError) {\n return (\n | \n {t('DayAheadMarket|Header|Time')}\n | \n{rate.Hour} | \n
| \n {t('DayAheadMarket|FixingName')}\n | \n|
| \n {t('DayAheadMarket|Header|NetRate')}\n | \n{formatNumber(rate.NetRate)} | \n
| \n {t('DayAheadMarket|Header|GrossRate')}\n | \n{formatNumber(rate.GrossRate)} | \n
\n
\n );\n};\n\nexport default withTranslation()(withSitecoreContext()(DayAheadMarket));\n","import { useState, useEffect, useRef } from 'react';\nimport { formatDate, fetchData } from './utils';\n\nexport const useDayAheadMarket = () => {\n const dateRef = useRef(null);\n const [date, setDate] = useState('');\n const [minDate, setMinDate] = useState('');\n const [maxDate, setMaxDate] = useState('');\n const [data, setData] = useState({});\n const [loading, setLoading] = useState(false);\n const [error, setError] = useState(false);\n\n useEffect(() => {\n const loadData = async () => {\n setLoading(true);\n setError(false);\n try {\n const response = await fetchData(date);\n const result = (await response.json()).rates;\n setMinDate(result.MinDataDate);\n setMaxDate(result.MaxDataDate);\n setData((prevData) => ({\n ...prevData,\n [result.SessionDate]: result\n }));\n if (!date) {\n setDate(result.SessionDate);\n }\n } catch (error) {\n console.error(error);\n setError(true);\n } finally {\n setLoading(false);\n }\n };\n\n if (!date || !data[date]) {\n loadData();\n }\n }, [date]);\n\n useEffect(() => {\n const datePicker = dateRef.current;\n\n const handleInput = (event) => {\n const dateFromDatePicker = formatDate(event.detail, true);\n setDate(dateFromDatePicker);\n };\n\n if (datePicker) {\n datePicker.addEventListener('valueChanged', handleInput);\n\n return () => {\n datePicker.removeEventListener('valueChanged', handleInput);\n };\n }\n }, []);\n\n const handlePreviousSession = () => {\n if (date) {\n const currentDate = new Date(date);\n currentDate.setDate(currentDate.getDate() - 1);\n const newDate = formatDate(currentDate, true);\n setDate(newDate);\n }\n };\n\n const handleNextSession = () => {\n if (date) {\n const currentDate = new Date(date);\n currentDate.setDate(currentDate.getDate() + 1);\n const newDate = formatDate(currentDate, true);\n setDate(newDate);\n }\n };\n\n const currentData = data[date];\n const isDatePickerDisabled = loading || !date;\n const isNextSessionDisabled = loading || date === maxDate;\n const isPrevSessionDisabled = loading || date === minDate;\n\n return {\n dateRef,\n date,\n minDate,\n maxDate,\n data: currentData,\n isLoading: loading,\n isError: error,\n isDatePickerDisabled,\n isNextSessionDisabled,\n isPrevSessionDisabled,\n handleNextSession,\n handlePreviousSession\n };\n};\n","import DownloadFile from './DownloadFile.jsx';\n\nexport default DownloadFile;\n","import React from 'react';\nimport { withSitecoreContext } from '@sitecore-jss/sitecore-jss-react';\nimport { withTranslation } from 'react-i18next';\n\nconst DownloadFile = ({ fields, sitecoreContext, t }) => {\n if (!fields) {\n return '';\n }\n\n if (fields.file?.hasFile) {\n return (\n \n
\n\n \n \n {t('DayAheadMarket|DatePicker|Header')}\n \n \n
\n \n
\n \n
\n\n {isLoading ? (\n {t('DayAheadMarket|Subheading')}
\n {data && (\n \n {t('DayAheadMarket|Subheading|DeliveryInfo')}{' '}\n {data.DeliveryDate}\n \n )}\n\n
\n ) : (\n data && (\n <>\n \n {sitecoreContext && sitecoreContext.pageEditing && (\n
\n );\n } else if (sitecoreContext.pageEditing) {\n return (\n Download File Component
\n )}\n\n {fields?.file?.title && (\n \n {fields?.file?.title} \n
\n )}\n\n \n \n \n {fields?.file?.extension} - {fields?.file?.size}\n \n
\n \n
\n );\n};\n\nexport default Eyecatcher;\n","import React from 'react';\nimport { withSitecoreContext } from '@sitecore-jss/sitecore-jss-react';\n\nexport const FieldEditFrameWrapper = ({\n itemId,\n fields,\n header,\n icon,\n disabledIcon,\n tooltip,\n command,\n commandDisplayName,\n databaseName,\n language,\n children\n}) => {\n // ensure fields and itemId are configured\n if (!itemId || !fields) {\n return null;\n }\n\n // item uri for edit frame target\n const contextItemUri = `sitecore://${databaseName}/${itemId}?lang=${language}`;\n\n // click action for edit frame command\n const clickCommandAction = `webedit:fieldeditor(command=${command},fields=${fields.join(\n '|'\n )},id=${itemId})`;\n\n // click for command for the edit frame\n const clickCommand = {\n click: `javascript:Sitecore.PageModes.PageEditor.postRequest('${clickCommandAction}',null,false)`,\n header: header,\n icon: icon,\n disabledIcon: disabledIcon,\n isDivider: false,\n tooltip: tooltip || `Edit the following fields: ${fields.join(', ')}`,\n type: null\n };\n\n // command data that is serialized for the edit frame\n const commandData = {\n commands: [clickCommand],\n contextItemUri: contextItemUri,\n custom: {},\n displayName: commandDisplayName || 'Edit Properties',\n expandedDisplayName: ''\n };\n\n // edit frame attributes\n const divAttrs = {\n sc_item: contextItemUri,\n 'sc-part-of': 'editframe'\n };\n\n return (\n \n {JSON.stringify(commandData)}\n {children}\n
\n );\n};\n\nexport const FieldEditFrameComponent = ({\n sitecoreContext,\n children,\n itemId,\n fields,\n hideIfNotPageEditing,\n databaseName,\n language,\n ...otherProps\n}) => {\n // check if we're in experience editor and configured properly\n const shouldRender =\n sitecoreContext.pageEditing && itemId && fields && fields.length;\n // hide if not in page editing mode and prop is passed telling us to hide\n if (!shouldRender && hideIfNotPageEditing) {\n return null;\n }\n // if we're configured properly, wrap in edit frame.\n const WrapperComponent = shouldRender\n ? FieldEditFrameWrapper\n : React.Fragment;\n // build the props for our edit frame\n if (WrapperComponent === React.Fragment) {\n return \n \n );\n};\n\nexport default withSitecoreContext()(File);\n","import FileList from './FileList.jsx';\n\nexport default FileList;\n","import React from 'react';\nimport {\n withSitecoreContext,\n Placeholder\n} from '@sitecore-jss/sitecore-jss-react';\n\nconst FileList = ({ rendering, sitecoreContext }) => {\n const hasButton = !!rendering.placeholders['eon-ctabutton'].length;\n\n return (\n
\n {sitecoreContext.pageEditing &&
\n );\n};\n\nexport default withSitecoreContext()(FileList);\n","import { useRef, useLayoutEffect } from 'react';\n\nexport function usePortalNode(id) {\n const node = useRef(document?.createElement('div'));\n\n useLayoutEffect(() => {\n if (!document) {\n return;\n }\n\n const currentNode = node.current;\n if (currentNode) {\n if (id) {\n currentNode.id = `${id}-portal-container`;\n }\n document\n .querySelector('.primary-nav-container-inner')\n .appendChild(currentNode);\n }\n\n return () => {\n document\n .querySelector('.primary-nav-container-inner')\n .removeChild(currentNode);\n };\n }, [id]);\n\n return node.current;\n}\n","import { useCallback, useEffect } from 'react';\n\nexport const useClickOutside = (refObject, onClose, preventClose) => {\n const handleClickOutside = useCallback(\n (e) => {\n e.stopPropagation();\n if (\n (refObject.current && refObject.current.contains(e.target)) ||\n (preventClose && preventClose(e.target, refObject))\n ) {\n return;\n }\n\n onClose();\n },\n [onClose, refObject]\n );\n\n const handleKeyDown = useCallback(\n (e) => {\n if (e.keyCode === 27) {\n onClose();\n }\n },\n [onClose]\n );\n\n useEffect(() => {\n if (!document) {\n return;\n }\n\n document.addEventListener('click', handleClickOutside);\n document.addEventListener('keydown', handleKeyDown);\n\n return () => {\n document.removeEventListener('click', handleClickOutside);\n document.removeEventListener('keydown', handleKeyDown);\n };\n }, [handleClickOutside, handleKeyDown]);\n};\n","import React, { useRef } from 'react';\nimport { withTranslation } from 'react-i18next';\nimport { useEffect, useState } from 'react';\nimport { usePortalNode } from '../../hooks/usePortalNode';\nimport ReactDOM from 'react-dom';\nimport './FlyoutManageAccount.scss';\nimport { useClickOutside } from '../../hooks/useClickOutside';\nimport avatarBorder from '../../assets/icons/avatar-border.svg';\nimport { withSitecoreContext } from '@sitecore-jss/sitecore-jss-react';\nimport { camelCase } from 'lodash';\nimport { useMobileCheck } from '../../hooks/useMobileCheck';\n\nconst ordinaryProductType = 100;\nconst gasProductType = 200;\nconst ozeProductType = 300;\nconst logoutButtonTestId = 'b148f23c-ecc8-4921-a534-38054cb2f89c';\nconst noCollapseCriteria = 8;\n\nconst camelizeKeys = (obj) => {\n if (Array.isArray(obj)) {\n return obj.map((v) => camelizeKeys(v));\n } else if (obj != null && obj.constructor === Object) {\n return Object.keys(obj).reduce(\n (result, key) => ({\n ...result,\n [camelCase(key)]: camelizeKeys(obj[key])\n }),\n {}\n );\n }\n return obj;\n};\n\nconst FlyoutTrigger = ({ fields, onClick, currentPh, hasAvatar, avatar }) => {\n return (\n File List Component
}\n\n\n
\n\n \n
\n\n {(sitecoreContext.pageEditing || hasButton) && (\n \n
\n )}\n setIsModalOpen(false)}>\n e.stopPropagation()}\n >\n 8\n ? 'var(--eon-ultralightgrey)'\n : 'var(--eon-white)'\n }`\n }}\n >\n \n
\n {children}
\n \n \n );\n};\n\nconst CurrentClient = ({\n openModalOpen,\n fields,\n t,\n partners,\n currentKuDisplayName,\n currentPh,\n currentKu,\n contextPartnerProductType,\n labels,\n hasAvatar,\n avatar\n}) => {\n const [isSwitchingOptionVisible, setIsSwitchingOptionVisible] =\n useState(false);\n\n useEffect(() => {\n setIsSwitchingOptionVisible(\n partners.length +\n partners.reduce(\n (count, current) =>\n count +\n (current.contractAccounts\n ? current.contractAccounts.length\n : 0),\n 0\n ) >\n 2\n ? true\n : false\n );\n }, []);\n\n return (\n \n\n \n \n {fields.userEmail}\n \n
\n {isSwitchingOptionVisible ? (\n \n
\n ) : null}\n \n );\n};\n\nconst Search = ({ onChange, t }) => {\n const [searchPhrasePhKu, setSearchPhrasePhKu] = useState('');\n const inputRef = useRef();\n const searchButtonRef = useRef();\n\n useEffect(() => {\n inputRef.current.addEventListener('valueChanged', (e) =>\n handleChange(e)\n );\n inputRef.current.addEventListener('iconClick', (e) => iconClick(e));\n\n return () => {\n inputRef.current.removeEventListener('valueChanged', (e) =>\n handleChange(e)\n );\n\n inputRef.current.removeEventListener('iconClick', (e) =>\n iconClick(e)\n );\n };\n }, [inputRef]);\n\n const handleChange = (event) => {\n setSearchPhrasePhKu(event.target.value);\n if (event.target.value) {\n onChange(event.target.value);\n } else {\n onChange('');\n }\n };\n const pressKeyDown = (e) => {\n if (e.key === 'Enter') {\n e.preventDefault();\n onChange(e.target.value);\n }\n };\n const iconClick = () => {\n searchButtonRef.current.click();\n };\n\n return (\n \n
\n \n
\n \n
\n \n {currentKuDisplayName}\n
\n \n \n {\n partners.filter(\n (p) => p.id == currentPh\n )[0].viewName\n }\n \n
\n \n \n {`${labels.phLabel} ${currentPh}`}\n \n
\n \n \n {`${labels.kuLabel} ${currentKu}`}\n \n
\n \n \n
\n \n
\n );\n};\n\nconst ModalDetails = ({ t, phCount, kuCount }) => (\n \n handleChange(e)}\n onKeyDown={(e) => {\n pressKeyDown(e);\n }}\n >\n \n
\n \n \n {t('Content|Account|ChooseClientDetails')}\n \n
\n);\n\nconst InitialsCircle = (props) => {\n const [initials, setInitials] = useState('');\n const {\n viewName,\n customHeight,\n customWidth,\n fontSize,\n customNode,\n customBorderRadius\n } = props;\n\n useEffect(() => {\n if (viewName !== undefined) {\n setInitials(viewName.charAt(0));\n }\n }, [viewName]);\n\n return (\n \n {phCount > 1 ? (\n
\n \n {t('Content|Account|PhClientSummary')}: {phCount}\n
\n ) : null}\n\n\n {t('Content|Account|KuClientSummary')} {kuCount}\n
\n\n {data.map((item, index) => {\n return (\n \n
\n \n\n {item.kuCount && item.kuCount > 0 ? (\n {\n if (activePHList.includes(item.id)) {\n setActivePHList(\n activePHList.filter((i) => i !== item.id)\n );\n } else {\n setActivePHList([...activePHList, item.id]);\n }\n }}\n >\n \n
\n \n {item.isAdministrated ? (\n
\n \n {`Udostępnione`}\n
\n ) : null}\n \n {item.viewName}\n
\n \n {`${labels.phLabel} ${item.id}`}\n
\n \n \n
\n \n
\n \n {\n item.ppeDisplayName\n }\n {!item.isActive && (\n \n {` (${labels.inactiveAccount})`}\n \n )}\n
\n {item.productType ==\n ozeProductType && (\n {` ${labels.ppeLabel} ${item.id}`}
\n )}\n \n \n \n
\n \n ))}\n \n );\n })\n : item.contractAccounts.map((ku, i) => {\n const selected =\n currentKu === ku.id &&\n currentPh === item.id;\n return (\n \n \n
\n \n );\n })}\n \n ) : null}\n \n );\n })}\n \n );\n};\n\nconst ClientSelector = ({\n partners,\n t,\n fields,\n currentPh,\n currentKu,\n hasOze,\n labels,\n accountResource\n}) => {\n const [search, setSearch] = useState('');\n const [tempPartners, setTempPartners] = useState(partners);\n const [isSearchVisible, setIsSearchVisible] = useState(false);\n const [completionOfTheDropDownList, setCompletionOfTheDropDownList] =\n useState(300);\n const [phKuNumber, setPhKuNumber] = useState(\n partners.length +\n partners.reduce(\n (count, current) =>\n count +\n (current.contractAccounts\n ? current.contractAccounts.length\n : 0),\n 0\n )\n );\n const isMobile = useMobileCheck();\n const deviceHeight = window.innerHeight;\n\n window.addEventListener('resize', () => {\n setCompletionOfTheDropDownList(handlerCompletionOfTheDropDownList());\n deviceHeight = window.innerHeight;\n });\n\n const style = isMobile\n ? { maxHeight: `${deviceHeight - completionOfTheDropDownList}px` }\n : {};\n\n useEffect(() => {\n setCompletionOfTheDropDownList(handlerCompletionOfTheDropDownList());\n if (accountResource > 8) {\n setIsSearchVisible(true);\n }\n }, []);\n\n useEffect(() => {\n setCompletionOfTheDropDownList(handlerCompletionOfTheDropDownList());\n }, [isMobile, completionOfTheDropDownList]);\n\n useEffect(() => {\n let filteredPartners = [];\n if (search == '') {\n filteredPartners = partners;\n } else {\n filteredPartners = [];\n partners.filter((ph) => {\n const partnerMatch =\n ph.viewName.toLowerCase().includes(search.toLowerCase()) ||\n ph.id.includes(search.toLowerCase());\n if (partnerMatch) {\n filteredPartners.push(ph);\n } else {\n const phMatchContactAccounts = ph.contractAccounts.filter(\n (ca) =>\n ca.kuDisplayName\n .toLowerCase()\n .includes(search.toLowerCase()) ||\n ca.id.includes(search.toLowerCase())\n );\n if (phMatchContactAccounts.length) {\n filteredPartners.push({\n ...ph,\n contractAccounts: phMatchContactAccounts\n });\n }\n }\n });\n }\n setTempPartners(filteredPartners);\n setPhKuNumber(\n filteredPartners.length +\n filteredPartners.reduce(\n (count, current) =>\n count +\n (current.contractAccounts\n ? current.contractAccounts.length\n : 0),\n 0\n )\n );\n }, [search]);\n\n const onClick = (x) => {\n return () => {\n window.location = x.switchContextLink;\n };\n };\n const handlerCompletionOfTheDropDownList = () => {\n const box = document.querySelector('#flyout-manage-account-header');\n const box2 = document.querySelector('#flyout-manage-account-title');\n const box3 = document.querySelector('#flyout-manage-account-footer');\n const box4 = getComputedStyle(\n document.querySelector('#flyout-manage-account-footer-line')\n ).borderBottomWidth;\n return (\n box.offsetHeight +\n box2.offsetHeight +\n box3.offsetHeight +\n parseInt(box4)\n );\n };\n return (\n \n 8\n ? 'var(--eon-ultralightgrey)'\n : 'var(--eon-white)'\n }`\n }}\n >\n {tempPartners.length ? (\n \n count +\n (current.contractAccounts\n ? current.contractAccounts.length\n : 0),\n 0\n )}\n />\n ) : (\n
\n \n \n \n
\n );\n};\n\nconst LoginFormPortal = ({\n isPanelVisible,\n onPanelClose,\n fields,\n t,\n partners,\n currentKuDisplayName,\n currentPh,\n currentKu,\n contextPartnerProductType,\n hasOze,\n labels,\n accountResource,\n hasAvatar,\n avatar\n}) => {\n const [isModalOpen, setIsModalOpen] = useState(false);\n const [isCurentUserModalOpen, setIsCurentUserModalOpen] = useState(true);\n\n const portalElement = usePortalNode();\n\n const containerRef = useRef(null);\n useClickOutside(containerRef, onPanelClose);\n const currentPartner = { ...currentPh, ...currentKu };\n\n const handleopenModalOpen = () => {\n setIsModalOpen(true);\n setIsCurentUserModalOpen(false);\n };\n const body = (\n \n \n \n handleopenModalOpen()}\n onPanelClose={onPanelClose}\n isPanelVisible={isPanelVisible}\n fields={fields}\n partner={currentPartner}\n t={t}\n partners={partners}\n currentKuDisplayName={currentKuDisplayName}\n currentPh={currentPh}\n currentKu={currentKu}\n contextPartnerProductType={contextPartnerProductType}\n labels={labels}\n hasAvatar={hasAvatar}\n avatar={avatar}\n />\n
\n {isModalOpen && (\n \n \n
\n \n \n )}\n \n \n );\n\n return ReactDOM.createPortal(body, portalElement);\n};\n\nconst FlyoutManageAccount = ({ rendering, fields, t, sitecoreContext }) => {\n const [partners, setPartners] = useState([]);\n const [currentPh, setCurrentPh] = useState();\n const [currentKu, setCurrentKu] = useState();\n const [hasOze, setHasOze] = useState();\n const [contextPartnerProductType, setContextPartnerProductType] =\n useState();\n const [currentKuDisplayName, setCurrentKuDisplayName] = useState();\n const [labels, setLabels] = useState();\n const [data, setData] = useState();\n const [dataIsLoading, setDataIsLoading] = useState(true);\n const [accountResource, setAccountResource] = useState();\n\n const hasPartnersClass = partners?.length > 0 ? 'has-partners' : '';\n const [isPanelVisible, setIsPanelVIsible] = useState(false);\n const isPageEditing = sitecoreContext.pageEditing;\n const [hasAvatar, setHasAvatar] = useState(false);\n const [avatar, setAvatar] = useState();\n\n useEffect(() => {\n const controller = new AbortController();\n\n if (isPageEditing) {\n setDataIsLoading(false);\n return;\n }\n\n fetch(fields.getAvatarUrl)\n .then((response) => response.blob())\n .then((avatar) => {\n if (\n avatar === null ||\n avatar === undefined ||\n avatar.size <= 0\n ) {\n setHasAvatar(false);\n } else {\n setHasAvatar(true);\n setAvatar(URL.createObjectURL(avatar));\n }\n })\n .catch(() => {});\n\n fetch(fields.getPHListUrl, { signal: controller.signal })\n .then((response) => response.json())\n .then((response) => camelizeKeys(response))\n .then((phResult) => {\n setData(phResult);\n setPartners(phResult.partners);\n setCurrentPh(phResult.contextPartnerPhId);\n setCurrentKu(phResult.contextPartnerKuId);\n setContextPartnerProductType(\n phResult.contextPartnerProductType\n );\n setHasOze(phResult.hasOze);\n setCurrentKuDisplayName(\n phResult.contextPartnerKuName\n ? phResult.contextPartnerKuName\n : ' '\n );\n setLabels(phResult.labels);\n setAccountResource(\n phResult.contractsCount + phResult.partners.length\n );\n setDataIsLoading(false);\n })\n .catch(() => {});\n\n return () => {\n controller.abort();\n };\n }, []);\n\n return !dataIsLoading ? (\n \n \n \n
\n )}\n\n \n \n {validationError}\n \n
\n \n
\n\n \n
\n\n \n
\n\n \n
\n\n \n
\n \n );\n};\n\nexport default withTranslation()(LoginForm);\n","import React from 'react';\nimport { Placeholder } from '@sitecore-jss/sitecore-jss-react';\n\nexport const LoginFormEditor = ({ rendering, fields, t }) => {\n if (!fields) {\n return '';\n }\n\n const emailPlaceholder = fields.emailPlaceholder?.value;\n const passwordPlaceholder = fields.passwordPlaceholder?.value;\n const emailLabel = fields.emailLabel?.value ?? 'email';\n const passwordLabel = fields.passwordLabel?.value ?? 'password';\n\n return (\n \n
\n );\n};\n","import React, { useState } from 'react';\nimport ReactDOM from 'react-dom';\nimport { withTranslation } from 'react-i18next';\nimport { withSitecoreContext } from '@sitecore-jss/sitecore-jss-react';\nimport { usePortalNode } from '../../hooks/usePortalNode';\nimport { useMobileCheck } from '../../hooks/useMobileCheck';\nimport LoginForm from './LoginForm.jsx';\nimport { LoginFormEditor } from './LoginFormEditor.jsx';\n\nconst LoginFormPortal = (params) => {\n const portalElement = usePortalNode();\n const body = \n
\n\n \n
\n\n \n
\n\n \n
\n\n \n
\n \n {isMobile ? (\n
\n );\n};\n\nconst FlyoutMenuLogin = ({ sitecoreContext, rendering, fields, t }) => {\n const [isPanelVisible, setIsPanelVIsible] = useState(false);\n\n if (!fields) {\n return '';\n }\n\n return (\n \n
\n ) : (\n \n setIsPanelVIsible(true)} />\n\n {sitecoreContext.pageEditing && !sitecoreContext.headerId && (\n setIsPanelVIsible(false)}\n rendering={rendering}\n fields={fields}\n t={t}\n />\n )}\n
\n );\n};\n\nexport default withSitecoreContext()(withTranslation()(FlyoutMenuLogin));\n","import FlyoutMenuLogin from './FlyoutMenuLogin.jsx';\n\nexport default FlyoutMenuLogin;\n","import React from 'react';\nimport { withTranslation } from 'react-i18next';\nimport { Placeholder } from '@sitecore-jss/sitecore-jss-react';\n\nconst SearchContainerEditor = ({ rendering, t }) => (\n \n
\n);\n\nexport default withTranslation()(SearchContainerEditor);\n","import React, { useRef, useMemo, useEffect } from 'react';\nimport ReactDOM from 'react-dom';\nimport { withTranslation } from 'react-i18next';\nimport { Placeholder } from '@sitecore-jss/sitecore-jss-react';\nimport { useClickOutside } from '../../hooks/useClickOutside';\nimport { usePortalNode } from '../../hooks/usePortalNode';\n\nexport const SearchContainer = ({ onPanelClose, rendering, t, setIsPanelVisible }) => {\n const portalElement = usePortalNode();\n const containerRef = useRef(null);\n\n useClickOutside(containerRef, onPanelClose);\n \n const handleClick = (e) => { \n if(e.target.classList.contains(\"search-submit-button\")){\n setTimeout(() => {\n setIsPanelVisible(false)\n }, 100);\n }\n }\n\n const handleKeyDown = (e) => { \n if (e.keyCode === 13) {\n setIsPanelVisible(false);\n }\n }\n\n useEffect(() => {\n if (!document) {\n return;\n }\n document.addEventListener('keydown', handleKeyDown);\n\n return () => {\n document.removeEventListener('keydown', handleKeyDown);\n };\n }, []);\n\n const body = useMemo(\n () => (\n \n
\n \n \n {t('Content|FlyoutSearchLinks')}\n \n
\n \n
\n ),\n []\n );\n\n return ReactDOM.createPortal(body, portalElement);\n};\n\nexport default withTranslation()(SearchContainer);\n","import React, { useState } from 'react';\nimport { withTranslation } from 'react-i18next';\nimport { withSitecoreContext } from '@sitecore-jss/sitecore-jss-react';\nimport SearchContainerEditor from './SearchContainerEditor.jsx';\nimport SearchContainer from './SearchContainer.jsx';\n\nconst FlyoutTrigger = ({ onClick }) => {\n return (\n \n
\n \n \n {t('Content|FlyoutSearchLinks')}\n \n
\n setIsPanelVisible(false)}>\n
\n \n
\n );\n};\n\nconst FlyoutSearch = ({ rendering, sitecoreContext }) => {\n const [isPanelVisible, setIsPanelVisible] = useState(false);\n\n return (\n \n setIsPanelVisible(true)} />\n\n {sitecoreContext.pageEditing && !sitecoreContext.headerId && (\n setIsPanelVisible(false)}\n setIsPanelVisible={setIsPanelVisible}\n />\n )}\n
\n );\n};\n\nexport default withSitecoreContext()(withTranslation()(FlyoutSearch));\n","import FlyoutSearch from './FlyoutSearch.jsx';\n\nexport default FlyoutSearch;\n","import Link from './Link.jsx';\n\nexport default Link;\n","import React from 'react';\nimport { withSitecoreContext } from '@sitecore-jss/sitecore-jss-react';\nimport { withTranslation } from 'react-i18next';\nimport RouteLink from '../Route/RouteLink/index.js';\n\nconst Link = ({ fields, sitecoreContext, t, slot, size, hideIcon, scheme }) => {\n if (fields?.link?.value?.href) {\n let href;\n if (fields.link.value.href.startsWith('http://tel:')) {\n href = fields.link.value.href.slice(7);\n } else {\n href = fields.link.value.href;\n }\n return (\n \n \n {pageEditing && (\n <>\n \n
\n );\n};\n\nexport default withSitecoreContext()(Footer);\n","import FooterSection from './FooterSection.jsx';\n\nexport default FooterSection;\n","import React from 'react';\nimport { withSitecoreContext } from '@sitecore-jss/sitecore-jss-react';\nimport RouteLink from '../Route/RouteLink/index.js';\nimport { useMobileCheck } from '../../hooks/useMobileCheck';\n\nconst FooterSection = ({ fields, sitecoreContext }) => {\n const isMobile = useMobileCheck();\n\n const mainlinks = fields.mainLink;\n const links = fields.links;\n\n return (\n \n
\n \n \n {columns.map((p, key) => (\n \n \n ))}\n \n
\n \n
\n \n
\n \n )}\n {!pageEditing && (\n <>\n \n {sitecoreContext.pageEditing && \n {!isMobile && (\n
\n );\n};\n\nexport default withSitecoreContext()(FooterSection);\n","import FooterSocialIcon from './FooterSocialIcon.jsx';\n\nexport default FooterSocialIcon;\n","import React from 'react';\n\nconst FooterSocialIcons = ({ fields }) => {\n const icon = fields.icon;\n const urlCTA = fields.CTA;\n return (\n FooterSection Component
}\n {mainlinks.map((mainlink, i) => {\n return (\n\n
\n );\n};\n\nexport default HeaderEditMode;\n","import NavigationItem from './NavigationItem.jsx';\n\nexport default NavigationItem;\n","import React from 'react';\nimport { Link } from 'react-router-dom';\n\nconst NavigationItem = (params) => {\n if (!params || !params.href) {\n return '';\n }\n\n if (params.href.startsWith('/')) {\n return (\n \n {params.children}\n \n );\n }\n\n return (\n \n {params.children}\n \n );\n};\n\nexport default NavigationItem;\n","//Wbrew nazwie HeaderMobile ma wpływ również na manu na desktopie. Trzeba uważać, co się gdzie dodaje (patrz ticket NASA-684)\nimport React, { useState, useEffect } from 'react';\nimport NavigationHelper from '../NavigationHelper.js';\nimport NavigationItem from '../NavigationItem/index.js';\n\nconst FindOutMore = 'Dowiedz się więcej';\n\nconst AccordionNested = ({ mainLink, links, actualLinkArray }) => {\n const [activeMainLink, setActiveMainLink] = useState(false);\n const [activeLinks, setActiveLinks] = useState([]);\n const [isExtendedMenu, setIsExtendedMenu] = useState(false);\n const [currentUrl, setCurrentUrl] = useState(new URL(window.location.href));\n\n useEffect(() => {}, [actualLinkArray, isExtendedMenu]);\n\n if (\n links.length > 0 &&\n links.filter((link) => mainLink[0].href === link.href).length === 0 &&\n mainLink[0].hasRedirect != 'True'\n ) {\n links.unshift({\n id: mainLink[0].id,\n text: FindOutMore,\n href: mainLink[0].href,\n linkType: mainLink[0].linkType\n });\n }\n\n useEffect(() => {\n const currentUrl = window.location.href;\n const updatedActiveLinks = links\n .filter((link) => currentUrl.includes(link.href))\n .map((link) => link.id);\n setActiveLinks(updatedActiveLinks);\n const activeNestedAccordion = sessionStorage.getItem(\n 'activeNestedAccordion'\n );\n if (activeNestedAccordion === mainLink[0].id) {\n setActiveMainLink(true);\n }\n }, [links, mainLink]);\n\n const handleLinkClick = (id) => {\n setActiveLinks((prev) => [...prev, id]);\n };\n\n const toggleMainLinkAccordion = () => {\n setIsExtendedMenu(!isExtendedMenu);\n setActiveMainLink(!activeMainLink);\n };\n\n if (links.length > 0) {\n return (\n \n
\n \n
\n \n
\n \n \n
\n \n
\n \n
\n \n
\n \n
\n \n \n
\n \n
\n \n {nestedSections.map((nestedSection, index) => (\n
\n )}\n \n );\n};\n\nconst RenderSubItemFirstLevel = ({\n id,\n href,\n linkType,\n displayOrderOnMobile,\n text\n}) => {\n const [classNames, setClassNames] = useState(['']);\n\n useEffect(() => {\n const _classNames = ['accordion-text', 'accordion-content__item'];\n handleIsFinalElement(href) && _classNames.push('final-element');\n setClassNames(_classNames);\n }, []);\n\n const handleIsExternalElement = (href) => {\n //Rozważyć dodanie poniższej tablicy linków zwenętrznych z backendu\n const externalLinksArray = [\n 'https://przejmijlicznik.eon.pl/',\n 'https://szkoda-pradu.eon.pl/'\n ];\n const shortExternalLinks = externalLinksArray.map(\n (url) => url.split('/')[2]\n );\n\n if (shortExternalLinks.includes(href.split('/')[2])) {\n const x = document.querySelectorAll('.final-element');\n Array.from(x).forEach((element) => {\n element.classList.remove('final-element');\n });\n setClassNames([\n 'accordion-text',\n 'accordion-content__item',\n 'final-element'\n ]);\n }\n };\n const handleIsFinalElement = (href) => {\n const currentUrl = window.location.href;\n if (currentUrl.includes(href)) {\n return (\n href.split('/').length ===\n new URL(currentUrl).pathname.split('/').length && true\n );\n } else return false;\n };\n\n return (\n \n
\n {items.map((item) => (\n <>\n \n {items.map(\n (item) =>\n !item.isHiddenOnMobile && (\n handleTabClick(item.id)}\n style={{ order: item.displayOrderOnMobile }}\n >\n {item.text}\n
\n )\n )}\n \n {/* first lvl of mobile nav */}\n {links.map((link) => (\n \n {link.text}\n \n \n ))}\n
\n \n\n {/* second lvl of mobile nav */}\n {links.map((link) => (\n \n Cofnij\n \n
\n \n \n {link.text}\n \n {subItem.text}\n \n \n {subItem.text}\n
\n \n {/* third level of mobile nav */}\n {link.subItems.map((subItem) => (\n \n \n
\n \n {link.subItems.map((subItem) => {\n return subItem.nestedSections ? (\n \n \n
\n \n ) : (\n \n \n
\n \n \n );\n })}\n \n Cofnij\n \n
\n \n \n {subItem.text}\n \n {subItem.nestedSections &&\n subItem.nestedSections\n .filter(\n (ns) => ns && ns.mainLink\n )\n .map((section) =>\n section.mainLink.map(\n (ml) => (\n \n {ml.text}\n
\n \n {/* fourth level of mobile nav */}\n {subItem.nestedSections &&\n subItem.nestedSections\n .filter(\n (section) =>\n section &&\n section.mainLink &&\n section.mainLink.length > 0\n )\n .map((section) => {\n const mainLink =\n section.mainLink[0];\n return (\n \n \n
\n \n )\n )\n )}\n \n Cofnij\n \n
\n \n \n {mainLink.text}\n \n {section.links.map(\n (link) => (\n \n {link.text}\n
\n \n );\n })}\n \n \n
\n \n )\n )}\n \n \n
\n );\n};\n\nexport default withTranslation()(withSitecoreContext()(InfoPopupTile));\n","import InfoPopup from './InfoPopup.jsx';\n\nexport default InfoPopup;\n","import React from 'react';\nimport InfoPopupTile from './InfoPopupTile';\nimport './InfoPopup.scss';\n\nconst InfoPopup = ({ t }) => {\n const visible = window.location.pathname.endsWith('/dla-biznesu')\n ? true\n : false;\n\n return (\n <>\n \n
\n \n
\n\n {t('Content|InfoPopup|MicroCompanies')}\n \n
\n
\n \n
\n \n
\n \n \n {t('Content|InfoPopup|UpTo9999PLN')}\n {' '}\n {t('Content|InfoPopup|AvgMonthlyPayments')}\n
\n \n \n {t('Content|InfoPopup|UpTo199MWh')}\n {' '}\n {t(\n 'Content|InfoPopup|AvgYearlyElectrConsumption'\n )}\n
\n \n \n
\n \n {t('Content|InfoPopup|ForInstance')}\n \n
\n \n \n
\n\n {t('Content|InfoPopup|CompaniesAndInstitutions')}\n \n
\n
\n \n
\n
\n \n
\n \n \n {t('Content|InfoPopup|Over10000PLN')}\n {' '}\n {t('Content|InfoPopup|AvgMonthlyPayments')}\n
\n \n \n {t('Content|InfoPopup|Over200MWh')}\n {' '}\n {t(\n 'Content|InfoPopup|AvgYearlyElectrConsumption'\n )}\n
\n \n
\n \n {t('Content|InfoPopup|DevelopersEtc')}\n \n
\n \n \n \n \n \n \n
\n \n \n \n \n
\n <>\n \n \n
\n \n \n
\n );\n};\n\nexport default withSitecoreContext()(withTranslation()(Headline));\n","import HeadlineIcon from './HeadlineIcon.jsx';\n\nexport default HeadlineIcon;\n","import React from 'react';\nimport { useMobileCheck } from '../../hooks/useMobileCheck';\nimport { withTranslation } from 'react-i18next';\nimport { withSitecoreContext } from '@sitecore-jss/sitecore-jss-react';\n\nconst HeadlineIcon = ({ params, sitecoreContext, t }) => {\n const isMobile = useMobileCheck();\n\n if (\n sitecoreContext.pageEditing &&\n (!params || !params.scheme || !params.icon)\n ) {\n return (\n \n {sitecoreContext.pageEditing && \n
\n );\n};\n\nexport default withTranslation()(withSitecoreContext()(HeadlineIcon));\n","import React, { useRef } from 'react';\nimport {\n Placeholder,\n withSitecoreContext\n} from '@sitecore-jss/sitecore-jss-react';\nimport RouteLink from '../Route/RouteLink/index.js';\nimport modalSize from '../../lib/ModalSizeResolver';\n\nconst NoModalTile = ({ background, fields, schemaColor }) => {\n return (\n Headline Icon Component
}\n\n
\n \n \n {fields.link.value.href && !fields.modal.value && (\n \n )}\n
\n \n {fields?.icon?.value !== undefined && (\n
\n \n
\n \n );\n};\n\nconst TileWithModal = ({\n background,\n fields,\n schemeColor,\n rendering,\n params,\n uniqueSuffix\n}) => {\n const modalId = `modalId-${rendering.uid}-${uniqueSuffix}`;\n const modalRef = useRef(null);\n const modalSizeParameter = params.modalSize ?? 'S';\n\n return (\n <>\n \n {!sitecoreContext.pageEditing && (\n
\n );\n};\n\nexport default withSitecoreContext()(HelpTile);\n","import HelpTile from './HelpTile.jsx';\n\nexport default HelpTile;\n","import HelpTiles from './HelpTiles.jsx';\n\nexport default HelpTiles;\n","import React from 'react';\nimport { Placeholder } from '@sitecore-jss/sitecore-jss-react';\n\nconst HelpTiles = ({ rendering, params }) => {\n var placeholders = Object.keys(rendering.placeholders);\n const color = params.tilesColor;\n const hoverColor = params.hoverColor;\n const iconScheme = params.iconScheme;\n\n if (!placeholders) {\n return '';\n }\n\n return (\n \n {modalChecked ? (\n
\n )}\n \n {modalChecked ? (\n
\n \n
\n );\n};\n\nexport default HelpTiles;\n","import ImageResponsive from './ImageResponsive.jsx';\n\nexport default ImageResponsive;\n","import React from \"react\";\nimport {useMobileCheck} from \"../../hooks/useMobileCheck\";\n\nconst ImageResponsive = ({fields, slot, title, className, ...props}) => {\n const isMobile = useMobileCheck();\n let imageUrl = fields?.image?.value?.src ?? '';\n let altText = fields?.image?.value?.alt ?? '';\n title = title ?? fields?.image?.value?.title ?? '';\n if (isMobile && fields?.mobileImage?.value?.src) {\n imageUrl = fields?.mobileImage?.value?.src ?? '';\n altText = fields?.mobileImage?.value?.alt ?? '';\n title = title ?? fields?.mobileImage?.value?.title ?? '';\n }\n\n slot = slot || 'header-image';\n title = title || 'Page Header';\n className = className || 'page-header-image';\n\n return \n
\n \n \n {placeholders\n .filter((x) => x.includes('column'))\n .map((p, key) => (\n \n \n ))}\n \n
\n \n \n
\n );\n};\n\nconst Slider = ({ fields, params }) => (\n \n {sitecoreContext.pageEditing ? (\n <>\n
\n
\n \n ) : (\n
\n );\n};\n\nexport default withSitecoreContext()(HomePageHeaderSlider);\n","import IFrame from './IFrame.jsx';\n\nexport default IFrame;\n","import React from 'react';\nimport { withSitecoreContext } from '@sitecore-jss/sitecore-jss-react';\nimport { withTranslation } from 'react-i18next';\n\nconst IFrame = ({ fields, params, sitecoreContext, t }) => {\n if (!fields) {\n return '';\n }\n\n const src = fields.src?.value ?? '';\n const height = params.height ?? '300';\n\n if (src && fields?.enabled.value)\n return (\n <>\n {sitecoreContext.pageEditing && (\n Home Page Header Slider
\n \n
\n \n ) : (\n
\n \n
\n )}\n \n \n IFrame Component\n \n
\n )}\n \n
\n );\n else if (sitecoreContext.pageEditing) {\n return (\n \n 3 ? 'four' : 'three'\n }`}\n >\n 3 ? 'ratio-3x4' : 'ratio-1x1'}\n lazy\n />\n
\n\n \n
\n \n );\n};\n\nexport default ImageInRow;\n","import ImageOnBackground from './ImageOnBackground.jsx';\n\nexport default ImageOnBackground;\n","import React from 'react';\nimport { withSitecoreContext } from '@sitecore-jss/sitecore-jss-react';\n\nconst ImageOnBackground = ({ rendering, params, sitecoreContext, t }) => {\n const fields = rendering.fields;\n\n if (sitecoreContext.pageEditing && !fields) {\n return (\n \n
\n \n
\n\n {link?.text && (\n \n
\n )}\n \n \n
\n );\n};\n\nexport default withSitecoreContext()(ImageOnBackground);\n","import ImagesInRow from './ImagesInRow.jsx';\n\nexport default ImagesInRow;\n","import React from 'react';\nimport {\n Placeholder,\n withSitecoreContext\n} from '@sitecore-jss/sitecore-jss-react';\nimport getGridStyle from '../../lib/GridControlStyleResolver.js';\n\nconst ImagesInRow = ({ sitecoreContext, rendering, params }) => {\n let placeholders = Object.keys(rendering.placeholders);\n if (!placeholders) {\n return '';\n }\n\n const gridStyle = getGridStyle(rendering.params.columns);\n\n return (\n <>\n {sitecoreContext.pageEditing && \n
\n \n Images in Row
}\n\n\n
\n \n );\n};\n\nexport default withSitecoreContext()(ImagesInRow);\n","import IndustryTile from './IndustryTile.jsx';\n\nexport default IndustryTile;\n","import React from 'react';\nimport { withSitecoreContext } from '@sitecore-jss/sitecore-jss-react';\nimport { Link } from 'react-router-dom';\n\nconst IndustryTile = ({ rendering }) => {\n if (!rendering) {\n return '';\n }\n const cardTitle = rendering.fields?.header?.value ?? '';\n const cardImage = rendering.fields?.image?.value?.src ?? '';\n const cardImageAlt = rendering.fields?.image?.value?.alt ?? '';\n const cta = rendering.fields?.link?.value?.href ?? '';\n const ctaTarget = rendering.fields?.link?.value?.target ?? '';\n const ctaText = rendering.fields?.link?.value?.text ?? '';\n\n const Card = () => (\n \n
\n \n \n {placeholders\n .filter((x) => x.includes('column'))\n .map((p, key) => (\n \n \n ))}\n \n
\n \n
\n );\n\n return (\n \n {cardImage !== undefined && (\n
\n \n
\n \n {cta.startsWith('/') && (\n \n
\n );\n};\n\nexport default withSitecoreContext()(IndustryTile);\n","import IndustryTiles from './IndustryTiles.jsx';\n\nexport default IndustryTiles;\n","import React from 'react';\nimport {\n Placeholder,\n withSitecoreContext\n} from '@sitecore-jss/sitecore-jss-react';\n\nconst IndustryTiles = ({ rendering }) => {\n return (\n \n
\n );\n};\n\nexport default withSitecoreContext()(IndustryTiles);\n","import IndustryTilesRow from './IndustryTilesRow.jsx';\n\nexport default IndustryTilesRow;\n","import React from 'react';\nimport {\n Placeholder,\n withSitecoreContext\n} from '@sitecore-jss/sitecore-jss-react';\n\nconst IndustryTilesRow = ({ rendering, sitecoreContext }) => {\n const placeholders = Object.keys(rendering.placeholders);\n if (!placeholders) {\n return '';\n }\n\n let wrapperClass = 'industry-tiles-column-wrapper';\n\n if (sitecoreContext.pageEditing) {\n wrapperClass += ' industry-tiles-editing';\n }\n\n return (\n \n
\n \n
\n \n {placeholders\n .filter((x) => x.includes('column'))\n .map((p, key) => (\n
\n );\n};\n\nexport default withSitecoreContext()(IndustryTilesRow);\n","import InfoBox from './InfoBox.jsx';\n\nexport default InfoBox;\n","import React from 'react';\nimport { Placeholder } from '@sitecore-jss/sitecore-jss-react';\n\nconst InfoBox = ({ rendering, params, fields }) => {\n const stripeColor = params.stripeColor ?? params.background;\n const hasLink = !!rendering.placeholders['eon-links'].length;\n\n return (\n \n
\n ))}\n \n \n
\n \n \n );\n};\n\nexport default InfoBox;\n","import InfoBox2 from './InfoBox2.jsx';\n\nexport default InfoBox2;\n","import React from 'react';\nimport {\n Placeholder,\n withSitecoreContext\n} from '@sitecore-jss/sitecore-jss-react';\n\nconst InfoBox2 = ({ rendering, params, fields, sitecoreContext }) => {\n const isPlaceholderEmpty =\n !sitecoreContext.pageEditing &&\n rendering.placeholders['eon-links'].length > 0;\n return (\n \n \n \n
\n \n
\n \n
\n \n
\n \n {fields?.headline?.value && (\n
\n \n
\n )}\n {fields?.description?.value && (\n \n
\n )}\n\n {hasLink && (\n \n
\n )}\n \n \n \n
\n );\n};\n\nexport default withSitecoreContext()(InfoBox2);\n","import InfoTile from './InfoTile.jsx';\n\nexport default InfoTile;\n","import React from 'react';\nimport { withSitecoreContext } from '@sitecore-jss/sitecore-jss-react';\n\nconst InfoTile = ({ fields, sitecoreContext, params }) => {\n const titleSize = params.titleSize ?? 'h2';\n const prefixSize = params.prefixSize ?? 'h3';\n const textAligment = params.textAligment ?? 'left';\n const textScheme = params.textScheme ?? '';\n const imageUrl = fields?.image?.value?.src ?? '';\n const infoText = fields?.info?.value ?? '';\n const prefix = fields?.prefix?.value ?? '';\n const sufix = fields?.sufix?.value ?? '';\n const titleText = fields?.title?.value ?? '';\n const altText = fields?.image?.value?.alt ?? '';\n\n return (\n \n
\n \n
\n \n
\n {isPlaceholderEmpty && (\n \n \n
\n {fields?.description?.value && (\n \n \n
\n )}\n \n
\n )}\n \n {sitecoreContext.pageEditing &&
\n );\n};\n\nexport default withSitecoreContext()(InfoTile);\n","import InfoTiles from './InfoTiles.jsx';\n\nexport default InfoTiles;\n","import React from 'react';\nimport {\n withSitecoreContext,\n Placeholder\n} from '@sitecore-jss/sitecore-jss-react';\nimport { useMobileCheck } from '../../hooks/useMobileCheck';\n\nexport const getTableStyle = (columns) => {\n switch (columns) {\n case 1:\n return 'grid__d12__t12';\n case 2:\n return 'grid__d6-6__t6-6_';\n case 3:\n return 'grid__d4-4-4__t4-4-4';\n case 4:\n return 'grid__d3-3-3-3__t6-6-6-6__p6-6-6-6';\n default:\n return '';\n }\n};\n\nconst InfoTiles = ({ rendering, params, sitecoreContext }) => {\n const isMobile = useMobileCheck();\n\n const placeholders = Object.keys(rendering.placeholders);\n const gridStyle = getTableStyle(Number(params.columns));\n const mobileTextAlignment = params.mobileTextAlignment ?? 'left';\n\n return (\n InfoTile Component
}\n\n {fields?.image?.value?.svg !== undefined && (\n
\n \n {prefix !== '' && (\n
\n \n \n {infoText}\n \n
\n \n {sitecoreContext.pageEditing && \n {placeholders\n .filter((x) => x.includes('column'))\n .map((p, key) => (\n \n \n ))}\n \n\n \n
\n \n );\n};\n\nexport default withSitecoreContext()(InfoTiles);\n","import LinkList from './ListLink.jsx';\n\nexport default LinkList;\n","import React, { useState } from 'react';\nimport { withSitecoreContext } from '@sitecore-jss/sitecore-jss-react';\n\nconst ListLink = ({ fields }) => {\n const defaultScheme = 'darkgrey';\n const [scheme, setScheme] = useState(defaultScheme);\n const [isHover, setHover] = useState(false);\n const icon = fields?.icon?.value;\n const linkText = fields?.linkText?.value;\n const description = fields?.description?.value;\n const linkHref = fields?.link?.value?.href;\n const target = fields?.link?.value?.target;\n\n return (\n Info Tiles Component
}\n\n\n
\n\n \n \n \n
\n );\n};\n\nexport default withSitecoreContext()(LogoRotatorTile);\n","import LogoRotator from './LogoRotator.jsx';\n\nexport default LogoRotator;\n","import React from 'react';\nimport Slider from 'react-slick';\nimport { Placeholder } from '@sitecore-jss/sitecore-jss-react';\nimport { withSitecoreContext } from '@sitecore-jss/sitecore-jss-react';\nimport LogoRotatorTile from '../LogoRotatorTile/index.js';\n\nconst LogoRotator = ({ rendering, sitecoreContext }) => {\n var placeholders = Object.keys(rendering.placeholders);\n if (!placeholders) {\n return '';\n }\n\n const settings = {\n speed: 500,\n slidesToShow: 3,\n slidesToScroll: 1,\n arrows: false,\n dots: true,\n infinite: true,\n swipe: true,\n autoplay: true,\n variableWidth: true,\n responsive: [\n {\n breakpoint: 680,\n settings: {\n slidesToShow: 2,\n slidesToScroll: 1\n }\n }\n ]\n };\n\n return (\n \n {sitecoreContext.pageEditing && (\n
\n Logo Rotator Tile Component
\n )}\n\n {url ? (\n \n\n {sitecoreContext.pageEditing &&
\n );\n};\n\nexport default withSitecoreContext()(LogoRotator);\n","import LogoutMessage from './LogoutMessage.jsx';\n\nexport default LogoutMessage;\n","import React from 'react';\nimport { useMobileCheck } from '../../hooks/useMobileCheck';\n\nconst LogoutMessage = ({ fields }) => {\n const imageUrl = fields?.image?.value?.src ?? '';\n const altText = fields?.image?.value?.alt ?? '';\n const infoText = fields?.description?.value ?? '';\n\n const isMobile = useMobileCheck();\n\n return (\n Logo Rotator Component
}\n\n
\n \n
\n\n \n {sitecoreContext.pageEditing && (\n \n {rendering.placeholders['eon-logo-rotator-tile']?.map(\n (slide, key) => (\n \n )}\n
\n \n
\n )}\n {!sitecoreContext.pageEditing && (\n \n
\n )\n )}\n {/* */}\n \n {fields?.image?.value?.svg !== undefined && (\n
\n );\n};\n\nexport default LogoutMessage;\n","import MapComponent from './MapComponent.jsx';\n\nexport default MapComponent;\n","import React, { useState, useRef, useEffect } from 'react';\nimport {\n Placeholder,\n withSitecoreContext\n} from '@sitecore-jss/sitecore-jss-react';\nimport { withTranslation } from 'react-i18next';\nimport DataLayer from '../../DataLayer';\nimport { printType } from 'graphql';\n\nconst MapComponent = ({ fields, rendering }) => {\n const infoLayerZoomLevel = fields.infoLayerZoomLevel?.value ?? 9;\n\n const [position, setPosition] = useState({\n lat: fields.latitude?.value,\n long: fields.longitude?.value\n });\n const [markerFilter, setMarkerFilter] = useState('');\n const [zipCode, setZipCode] = useState('');\n\n const inputRef = useRef(null);\n const checkButtonRef = useRef(null);\n const inputSearchRef = useRef(null);\n const directionButtonRef = useRef(null);\n\n const [markers, setMarkers] = useState([]);\n\n useEffect(() => {\n const initMarkers = () => {\n const newMarkers = [];\n const markerNames = [];\n fields.showroom.forEach((room) => {\n if (markerNames.indexOf(room.category) < 0) {\n newMarkers.push({\n name: room.category,\n url: room.mapMarker\n });\n markerNames.push(room.category);\n }\n });\n setMarkers([...newMarkers]);\n };\n initMarkers();\n }, [fields.showroom]);\n\n const handleShowOnMap = (lat, long) => {\n setPosition({\n lat: lat,\n long: long\n });\n\n const event = new CustomEvent('showOnMapClicked', {\n detail: { lat, long }\n });\n document.dispatchEvent(event);\n };\n\n const handleMapFilter = (filter) => {\n let newFilter;\n let filterArray;\n if (filter === markerFilter) {\n newFilter = '';\n filterArray = ['salon', 'kasa'];\n } else {\n newFilter = filter;\n filterArray = [newFilter];\n }\n\n const event = new CustomEvent('mapCategoryFilterClick', {\n detail: filterArray\n });\n document.dispatchEvent(event);\n\n setMarkerFilter(newFilter);\n };\n\n const handleMakeAnAppointment = (category, description) => {\n const dataLayer = {\n event: 'map_pin',\n eventCategory: 'gmap',\n eventAction: 'button-Umow wizytę',\n eventLabel: category + '/' + description\n };\n DataLayer.pushToDataLayer(dataLayer);\n };\n\n const handleClickPin = (pin) => {\n const dataLayer = {\n event: 'map_pin',\n eventCategory: 'gmap',\n eventAction: 'map_pin_click',\n eventLabel: pin?.category + '/' + pin?.description\n };\n DataLayer.pushToDataLayer(dataLayer);\n };\n const handleShowTheRoute = (category, description) => {\n const dataLayer = {\n event: 'map_pin',\n eventCategory: 'gmap',\n eventAction: 'Pokaż trasę dojazdu',\n eventLabel: category + '/' + description\n };\n DataLayer.pushToDataLayer(dataLayer);\n };\n\n const handleZipSearch = () => {\n const markers = fields.showroom.filter(\n (showroom) =>\n showroom.description?.includes(zipCode) ||\n showroom.zipcode?.includes(zipCode)\n );\n\n if (markers.length > 0) {\n const marker = markers[0];\n return handleShowOnMap(marker.latitude, marker.longitude);\n }\n\n const searchCode = parseInt(zipCode.replace(/\\D/g, ''));\n const roomCodesDiff = fields.showroom.reduce((acc, showroom) => {\n const roomCode = parseInt(showroom.zipcode.replace(/\\D/g, ''));\n const result = searchCode - roomCode;\n let code = 0;\n if (result < 0) code = result * -1;\n else code = result;\n\n return [...acc, code];\n }, []);\n\n const min = Math.min(...roomCodesDiff.filter(Boolean));\n const closestIndex = roomCodesDiff.indexOf(min);\n const marker = fields.showroom[closestIndex || 0];\n\n handleShowOnMap(marker.latitude, marker.longitude);\n };\n\n useEffect(() => {\n const element = inputRef?.current;\n\n if (element) {\n element.addEventListener('valueChanged', (e) => {\n setZipCode(e.target.value);\n });\n document.addEventListener('googleMapMarkerClick', (e) => {\n handleClickPin(e.detail.marker);\n });\n document.addEventListener('googleRouteClick', (e) => {\n handleShowTheRoute(e.detail.category, e.detail.description);\n });\n document.addEventListener('mapInfoLayerButtonClick', (e) => {\n handleMakeAnAppointment(\n e.detail.category,\n e.detail.description\n );\n });\n return () => {\n element.removeEventListener('valueChanged', (e) => {\n setZipCode(e.target.value);\n });\n document.removeEventListener('googleMapMarkerClick', (e) => {\n handleClickPin(e.detail.marker);\n });\n document.removeEventListener('googleRouteClick', (e) => {\n handleShowTheRoute(e.detail.category, e.detail.description);\n });\n document.removeEventListener('mapInfoLayerButtonClick', (e) => {\n handleMakeAnAppointment(\n e.detail.category,\n e.detail.description\n );\n });\n };\n }\n }, []);\n\n useEffect(() => {\n const element = checkButtonRef?.current;\n\n if (element) {\n element.addEventListener('buttonClick', handleZipSearch);\n\n return () => {\n element.removeEventListener('buttonClick', handleZipSearch);\n };\n }\n });\n\n if (!fields?.apiKey?.value || !fields?.enabled?.value) {\n return '';\n }\n\n return (\n \n
\n )}\n \n
\n \n
\n\n \n
\n \n {markers.map((marker) => (\n {\n handleMapFilter(marker.name.toLowerCase());\n }}\n >\n 
{' '}\n \n {marker.name}\n \n
\n ))}\n \n \n
\n \n \n {fields.mapDescr?.value}\n \n
\n \n
\n \n {s.title && (\n \n \n {s?.street}\n \n
\n\n {s.descriptionOnMap && (\n \n \n {s.headerTitle}\n \n
\n )}\n\n \n \n Wyznacz trasę z adresu\n \n
\n\n \n
\n \n {fields.highlightShowroom\n .filter((s) => s.enabled)\n .map((s, key) => (\n
\n \n ))}\n \n \n );\n};\n\nexport default withTranslation()(withSitecoreContext()(MapComponent));\n","import MediaWithDescription from './MediaWithDescription.jsx';\n\nexport default MediaWithDescription;\n","import React from 'react';\nimport { Placeholder } from '@sitecore-jss/sitecore-jss-react';\n\nconst MediaWithDescription = ({ rendering, params, fields }) => {\n const caption =\n fields?.text && fields?.text?.value ? fields?.text?.value : '';\n const isVideo = rendering.placeholders['eon-media-with-description']?.find(\n (x) => {\n return x.componentName?.startsWith('Video');\n }\n );\n\n let mediaSize = 'xlarge-size';\n if (params.imageSize === 'S') {\n mediaSize = 'small-size';\n } else if (params.imageSize === 'M') {\n mediaSize = 'medium-size';\n } else if (params.imageSize === 'L') {\n mediaSize = 'large-size';\n }\n\n return (\n \n
\n \n {s.title && (\n \n handleMakeAnAppointment(\n s?.category,\n s?.title\n )\n }\n >\n \n
\n )}\n \n
\n )}\n \n \n handleShowOnMap(\n s.latitude,\n s.longitude\n )\n }\n >\n \n
\n {s.link?.url && s.link?.text && (\n \n
\n );\n};\n\nexport default MediaWithDescription;\n","import ModalButton from './ModalButton.jsx';\n\nexport default ModalButton;\n","import React from 'react';\nimport { Placeholder } from '@sitecore-jss/sitecore-jss-react';\nimport modalSize from '../../lib/ModalSizeResolver';\n\nconst ModalButton = ({ rendering, fields, params, fullWidth }) => {\n const modalId = 'modalId' + rendering.uid;\n const title = fields?.text?.value ?? '';\n const modalSizeParameter = params.modalSize ?? 'S';\n const full = fullWidth === 'true';\n const style = params?.rank ?? 'primary';\n\n return (\n \n
\n \n
\n {caption && (\n \n \n
\n )}\n \n \n
\n \n \n \n
\n );\n};\n\nexport default ModalButton;\n","import ModalLink from './ModalLink.jsx';\n\nexport default ModalLink;\n","import React from 'react';\nimport { Placeholder } from '@sitecore-jss/sitecore-jss-react';\nimport modalSize from '../../lib/ModalSizeResolver';\n\nconst ModalLink = ({ rendering, fields, params }) => {\n const modalId = 'modalId' + rendering.uid;\n const title = fields?.title?.value ?? '';\n const modalSizeParameter = params.modalSize ?? 'S';\n return (\n \n \n \n
\n );\n};\n\nexport default ModalLink;\n","import ModalTimeout from './ModalTimeout.jsx';\n\nexport default ModalTimeout;\n","import React, {useEffect, useState} from 'react';\nimport { withSitecoreContext } from '@sitecore-jss/sitecore-jss-react';\nimport ModalOnAction, {useModal} from \"../ModalOnAction\";\n\nconst ModalTimeout = ({ rendering, sitecoreContext, params }) => {\n const {showModal, isShow} = useModal(false, true);\n const modalId = 'modalId' + rendering.uid;\n const modalSizeParameter = params.modalSize ?? 'S';\n const timeout = params.timeout * 1000;\n let timeoutId;\n\n useEffect(() => {\n if (!sitecoreContext.pageEditing) {\n timeoutId = setTimeout(showModal, timeout);\n return () => {\n clearTimeout(timeoutId);\n }\n }\n }, []);\n\n return \n \n {tabs\n .map((c) => c.title)\n .map((p, key) => (\n
\n );\n};\n\nexport default NavigationTabs;\n","import NestedAccordion from './NestedAccordion.jsx';\n\nexport default NestedAccordion;\n","import React from 'react';\nimport {\n Placeholder,\n withSitecoreContext\n} from '@sitecore-jss/sitecore-jss-react';\n\nconst NestedAccordion = ({ rendering, sitecoreContext, params }) => {\n return (\n \n {sitecoreContext.pageEditing && (\n <>\n \n
\n );\n};\n\nexport default withSitecoreContext()(NestedAccordion);\n","import NestedAccordionPane from './NestedAccordionPane.jsx';\n\nexport default NestedAccordionPane;\n","import React, { useEffect, useState, useRef } from 'react';\nimport {\n Placeholder,\n withSitecoreContext\n} from '@sitecore-jss/sitecore-jss-react';\nimport { useLocation } from 'react-router-dom';\nimport { scrollTo } from '../../utils/scrollTo.js';\nimport { useInterval } from '../../hooks/useInterval.js';\n\nconst NestedAccordionPane = ({\n fields,\n rendering,\n sitecoreContext,\n params\n}) => {\n const title = fields?.title?.value ?? '';\n\n const [isScrolled, setScrolled] = useState(false);\n const [isActive, setIsActive] = useState(false);\n const [offset, setOffset] = useState();\n const [expanded, setExpanded] = useState(false);\n\n const ref = useRef();\n const location = useLocation();\n\n useEffect(() => {\n setScrolled(false);\n if (\n !document ||\n !window ||\n !params?.elementId ||\n sitecoreContext.pageEditing ||\n !ref?.current\n ) {\n return;\n }\n const url = window?.location.href || '';\n if (url.includes('#') && url.split('#').pop() === params.elementId) {\n setIsActive(true);\n return;\n }\n setIsActive(false);\n setExpanded(false);\n }, [location]);\n\n useEffect(() => {\n if (isActive && offset && !isScrolled) {\n scrollTo(offset, window).then(() => {\n setTimeout(() => setExpanded(true), 300);\n setTimeout(() => setScrolled(true), 1000);\n });\n }\n });\n\n useInterval(\n () => {\n var newOffset =\n ref.current.getBoundingClientRect().top + window.scrollY;\n\n //prevents to set offset when just header is rendered\n if (newOffset < 150) {\n return;\n }\n if (!offset || Math.abs(offset - newOffset) > 10) {\n setOffset(newOffset);\n }\n },\n 300,\n isActive\n );\n\n return (\n <>\n {sitecoreContext.pageEditing && (\n Nested Accordion
\n\n
\n \n
\n \n )}\n\n {!sitecoreContext.pageEditing && (\n <>\n \n
\n
\n )}\n\n {!sitecoreContext.pageEditing && (\n Nested Accordion Pane
\n{title}
\n\n
\n \n {fields?.text?.value}\n \n {fields.icon &&
\n \n \n Nie masz nowych powiadomień\n \n }\n {highPriorityNotifications.length > 0 && highPriorityNotifications\n .slice(0, notificationCountInt)\n .map((notification) => (\n
\n ),\n [notifications, highPriorityNotifications, isExpandDisabled, isCollapsed]\n );\n\n return ReactDOM.createPortal(body, portalElement);\n};\n","import React, { useState } from 'react';\nimport {\n Placeholder,\n withSitecoreContext\n} from '@sitecore-jss/sitecore-jss-react';\nimport { NotificationsContainer } from './NotificationsContainer.jsx';\n\nconst FlyoutTrigger = ({ notificationsCount, onClick }) => {\n return (\n \n \n Powiadomienia\n \n
\n {(notifications.length === 0 && highPriorityNotifications.length === 0) &&\n \n
\n \n {isCollapsed && Rozwiń wszystkie ({expandCountInt})}\n {!isCollapsed && Zwiń}\n
\n }\n \n \n
\n \n
\n );\n};\n\nconst NotificationsContainerEditor = ({ rendering }) => (\n \n
\n);\n\nconst NotificationBell = ({ rendering, sitecoreContext, params }) => {\n const highPriorityNotifications = rendering.placeholders['eon-hight-priority-notifications'] || [];\n const notifications = rendering.placeholders['eon-notifications'] || [];\n const notificationsCount = notifications.length + highPriorityNotifications.length;\n\n const [isPanelVisible, setIsPanelVIsible] = useState(highPriorityNotifications.length > 0);\n const [isExpandDisabled, setIsExpandDisabled] = useState(!(highPriorityNotifications.length > 0 && notifications.length > 0)); \n\n const notificationNumber = params?.notificationNumber ?? '5';\n\n return (\n \n Powiadomienia \n
\n \n setIsPanelVIsible(true)}\n />\n\n {sitecoreContext.pageEditing && !sitecoreContext.headerId && (\n {\n setIsPanelVIsible(false);\n setIsExpandDisabled(true);\n }}\n />\n )}\n
\n );\n};\n\nexport default withSitecoreContext()(NotificationBell);\n","import NotificationBell from './NotificationBell.jsx';\n\nexport default NotificationBell;\n","import OfferBenefits from './OfferBenefits.jsx';\n\nexport default OfferBenefits;\n","import React from 'react';\nimport { withSitecoreContext } from '@sitecore-jss/sitecore-jss-react';\nimport { withTranslation } from 'react-i18next';\n\nconst OfferBenefits = ({ fields, params, sitecoreContext, t }) => {\n const iconScheme = params.iconScheme ? params.iconScheme : 'red';\n const fontWeight = params?.fontWeight || '400';\n\n if (!fields?.icon?.value && !sitecoreContext.pageEditing) {\n return null;\n }\n\n if (\n sitecoreContext.pageEditing &&\n fields.title?.value == '' &&\n fields.description?.value == ''\n ) {\n return (\n \n \n \n
\n );\n};\n\nexport default withTranslation()(withSitecoreContext()(OfferBenefits));\n","import OfferHub from './OfferHub.jsx';\n\nexport default OfferHub;\n","import React, { useRef, useState } from 'react';\nimport { Placeholder } from '@sitecore-jss/sitecore-jss-react';\n\nconst OfferHub = ({ rendering }) => {\n const hubRef = useRef();\n const [tags, setTags] = useState([]);\n\n const tagsHandler = (tag) => {\n const newTags = [];\n if (tags.indexOf(tag) < 0) {\n tags.forEach((item) => newTags.push(item));\n newTags.push(tag);\n } else {\n tags.forEach((item) => {\n if (item !== tag) newTags.push(item);\n });\n }\n\n setTags([...newTags]);\n };\n const clearTagsHandler = () => setTags([]);\n\n return (\n \n {fields.title?.value && (\n \n {fields.description.value}\n \n )}\n
\n \n tagsHandler(tag)}\n clearTagsAction={clearTagsHandler}\n hubTags={tags}\n />\n
\n );\n};\n\nexport default OfferHub;\n","import OfferTabs from './OfferTabs.jsx';\n\nexport default OfferTabs;\n","import React, { useRef, useEffect } from 'react';\nimport { useHistory } from 'react-router-dom';\nimport { debounce } from '../../utils/debounce';\n\nconst OfferTabs = ({ fields, clearTagsAction }) => {\n const history = useHistory();\n const elementRef = useRef();\n\n const offerCategories = fields.offerCategories;\n\n useEffect(() => {\n const element = elementRef?.current;\n\n const ChangeTab = debounce((value) => {\n const category = offerCategories[value.detail];\n clearTagsAction();\n history.push(category.href);\n }, 200);\n\n if (element) {\n element.addEventListener('tabChanged', ChangeTab);\n\n return () => {\n element.removeEventListener('tabChanged', ChangeTab);\n };\n }\n }, [elementRef.current]);\n\n return (\n \n \n {offerCategories\n .map((c) => c.name)\n .map((p, key) => (\n
\n );\n};\n\nexport default OfferTabs;\n","import OfferTagPillGroup from './OfferTagPillGroup.jsx';\n\nexport default OfferTagPillGroup;\n","import React from 'react';\nimport { withSitecoreContext } from '@sitecore-jss/sitecore-jss-react';\nimport { withTranslation } from 'react-i18next';\n\nconst OfferTagPillGroup = ({\n rendering,\n fields,\n hubRef,\n tagAction,\n hubTags,\n t,\n sitecoreContext\n}) => {\n const tags = fields.tags ? fields.tags : hubTags;\n const filterByText = t('Content|OfferTagPillGroup|FilterBy');\n if (sitecoreContext.pageEditing) {\n return (\n <>\n OfferTagPillGroup
\n {!tags && (\n\n {tags && tags.length > 0 && (\n {filterByText}\n )}\n \n {tags.map((item, i) => (\n // eslint-disable-next-line react/jsx-key\n {\n tagAction(item);\n }}\n is-selected={hubTags.indexOf(item) > -1}\n >\n ))}\n \n
\n );\n};\n\nexport default withTranslation()(withSitecoreContext()(OfferTagPillGroup));\n","import OfferTeaserMain from './OfferTeaserMain.jsx';\n\nexport default OfferTeaserMain;\n","import React, { useState, useEffect } from 'react';\nimport {\n Placeholder,\n withSitecoreContext\n} from '@sitecore-jss/sitecore-jss-react';\nimport { FieldEditFrame } from '../../FieldEditFrame/FieldEditFrame.jsx';\nimport { useMobileCheck } from '../../../hooks/useMobileCheck';\n\nconst OfferTeaserMain = ({ rendering, item, hubTags }) => {\n const isMobile = useMobileCheck();\n\n const placeholders = Object.keys(rendering.placeholders).filter((s) =>\n s.includes(item.id)\n );\n const linkPlaceholder = placeholders[0];\n const data = item;\n const image = data.fields.teaserImage.value;\n const tags = data.fields.tags;\n const teaserTitle = data.fields.teaserTitle.value;\n const shadowOnImage = !!data.fields.shadowOnImage.value;\n\n const fieldNames = [\n 'teaserImage',\n 'teaserTitle',\n 'teaserDescription',\n 'showTeaser',\n 'tags',\n 'shadowOnImage'\n ];\n\n const [display, setDisplay] = useState(true);\n\n useEffect(() => {\n if (hubTags.length > 0) {\n let flag = false;\n tags.forEach((tag) => {\n if (hubTags.indexOf(tag.fields.value.value) > -1) {\n flag = true;\n }\n });\n setDisplay(flag);\n } else {\n setDisplay(true);\n }\n }, [hubTags, tags]);\n\n return (\n \n \n \n \n {data.fields.teaserDescription.value}\n \n
\n \n \n \n );\n};\n\nexport default withSitecoreContext()(OfferTeaserMain);\n","import OfferTeaserSecondary from './OfferTeaserSecondary.jsx';\n\nexport default OfferTeaserSecondary;\n","import React, { useState, useEffect } from 'react';\nimport {\n Placeholder,\n withSitecoreContext\n} from '@sitecore-jss/sitecore-jss-react';\nimport { FieldEditFrame } from '../../FieldEditFrame/FieldEditFrame.jsx';\n\nconst OfferTeaserSecondary = ({ rendering, item, hubTags }) => {\n const placeholders = Object.keys(rendering.placeholders).filter((s) =>\n s.includes(item.id)\n );\n const linkPlaceholder = placeholders[0];\n const data = item;\n const image = data.fields.teaserImage.value;\n const tags = data.fields.tags;\n const teaserTitle = data.fields.teaserTitle.value;\n const fieldNames = [\n 'teaserImage',\n 'teaserTitle',\n 'teaserDescription',\n 'showTeaser',\n 'tags'\n ];\n\n const [display, setDisplay] = useState(true);\n\n useEffect(() => {\n if (hubTags.length > 0) {\n let flag = false;\n tags.forEach((tag) => {\n if (hubTags.indexOf(tag.fields.value.value) > -1) {\n flag = true;\n }\n });\n setDisplay(flag);\n } else {\n setDisplay(true);\n }\n }, [hubTags, tags]);\n\n return (\n \n
\n\n \n
\n \n
\n\n \n {tags.map((tag, index) => {\n return (\n \n {tag.fields.value.value}\n
\n );\n })}\n \n
\n \n
\n \n \n \n
\n );\n};\n\nexport default withSitecoreContext()(OfferTeaserSecondary);\n","import OfferTeasersList from './OfferTeasersList.jsx';\n\nexport default OfferTeasersList;\n","import React from 'react';\nimport { withSitecoreContext } from '@sitecore-jss/sitecore-jss-react';\nimport { withTranslation } from 'react-i18next';\nimport OfferTeaserMain from './OfferTeaserMain/index.js';\nimport OfferTeaserSecondary from './OfferTeaserSecondary/index.js';\n\nconst OfferTeasersList = ({\n rendering,\n params,\n fields,\n hubRef,\n hubTags,\n t,\n sitecoreContext\n}) => {\n const handleMainTeaser = () => {\n let main = {};\n if (params.mainTeaser) {\n fields.offerTeasers.forEach((teaser) => {\n if (`{${teaser.id.toUpperCase()}}` === params.mainTeaser)\n main = { ...teaser };\n });\n } else {\n main = undefined;\n }\n return main;\n };\n\n if (!fields.offerTeasers) {\n if (sitecoreContext.pageEditing) {\n return (\n \n
\n \n
\n \n {tags.map((tag, index) => {\n return (\n
\n \n {tag.fields.value.value}\n
\n );\n })}\n \n \n {data.fields.teaserDescription.value}\n \n
\n \n
\n \n
\n );\n};\n\nexport default withTranslation()(withSitecoreContext()(OfferTeasersList));\n","import OfferTeaserThree from './OfferTeaserThree.jsx';\n\nexport default OfferTeaserThree;\n","import React from 'react';\nimport {\n Placeholder,\n withSitecoreContext\n} from '@sitecore-jss/sitecore-jss-react';\nimport { withTranslation } from 'react-i18next';\nimport { FieldEditFrame } from '../FieldEditFrame/FieldEditFrame.jsx';\n\nconst OfferTeaserThree = ({ rendering, sitecoreContext, t }) => {\n const itemFields = sitecoreContext.route.fields;\n if (\n itemFields.teaserImage === undefined ||\n itemFields.teaserDescription === undefined ||\n itemFields.teaserTitle === undefined ||\n itemFields.tags === undefined\n ) {\n if (sitecoreContext.pageEditing) {\n return (\n \n {mainOfferTeaser && (\n \n )}\n
\n \n \n {offerTeasers.map((x, index) => (\n \n ))}\n
\n \n \n \n \n
\n );\n};\n\nexport default withTranslation()(withSitecoreContext()(OfferTeaserThree));\n","import OffsetTeaser from './OffsetTeaser.jsx';\n\nexport default OffsetTeaser;\n","import React from 'react';\nimport { Placeholder } from '@sitecore-jss/sitecore-jss-react';\nimport { useMobileCheck } from '../../hooks/useMobileCheck';\n\nconst OffsetTeaser = ({ rendering, fields, params }) => {\n const isMobile = useMobileCheck();\n\n const offsetImage = fields?.image?.value?.src;\n const imageAltText = fields?.image?.value?.alt;\n const imagePosition = params.imagePosition;\n const highlightColor = params.highlightColor;\n const backgroundColor = params.backgroundColor;\n\n const Image = ({ rightAlign }) => (\n \n
\n \n {tags.map((x, key) => (\n
\n )}\n\n \n {x}\n
\n ))}\n \n
\n \n \n
\n \n
\n \n );\n };\n\n const ImageRightSide = () => {\n return (\n <>\n \n \n \n
\n \n
\n \n {fields.title.value && (\n
\n\n \n
\n\n \n
\n \n
\n \n
\n \n );\n };\n\n const MobileView = () => {\n return (\n <>\n \n \n \n
\n\n \n
\n \n {fields.title.value && (\n
\n\n \n
\n\n \n
\n \n
\n \n \n
\n \n {fields?.image?.value?.svg !== undefined && (\n \n {fields.title.value && (\n
\n \n
\n \n \n \n );\n };\n\n return (\n \n
\n );\n};\n\nexport default OffsetTeaser;\n","import OffsetTeaserBiggerPicture from './OffsetTeaserBiggerPicture.jsx';\n\nexport default OffsetTeaserBiggerPicture;\n","import React from 'react';\nimport {\n Placeholder,\n withSitecoreContext\n} from '@sitecore-jss/sitecore-jss-react';\nimport { useMobileCheck } from '../../hooks/useMobileCheck';\n\nconst OffsetTeaserBiggerPicture = ({ rendering, params, sitecoreContext }) => {\n const isMobile = useMobileCheck();\n const backgroundColor = params.backgroundColor || '';\n const fields = rendering.fields;\n\n if (!fields && !fields.image?.value?.src) {\n return '';\n }\n\n return (\n <>\n {sitecoreContext.pageEditing && \n {imagePosition !== 'right' && !isMobile &&
\n Offset Teaser Bigger Picture
}\n\n\n
\n \n \n
\n \n \n
\n \n \n \n {fields.description.value}\n \n \n
\n \n \n
\n \n
\n \n \n );\n};\n\nexport default withSitecoreContext()(OffsetTeaserBiggerPicture);\n","import OffsetTeaserFive from './OffsetTeaserFive.jsx';\n\nexport default OffsetTeaserFive;\n","import React from 'react';\nimport {\n Placeholder,\n withSitecoreContext\n} from '@sitecore-jss/sitecore-jss-react';\nimport { useMobileCheck } from '../../hooks/useMobileCheck';\n\nconst OffsetTeaserFive = ({ rendering, sitecoreContext, params }) => {\n const isMobile = useMobileCheck();\n const headlineScheme =\n params?.scheme === 'ultralightgrey' ? 'red' : 'darkgrey';\n\n return (\n \n {sitecoreContext.pageEditing &&
\n );\n};\n\nexport default withSitecoreContext()(OffsetTeaserFive);\n","import OffsetTeaserSquarePicture from './OffsetTeaserSquarePicture.jsx';\n\nexport default OffsetTeaserSquarePicture;\n","import React from 'react';\nimport { Placeholder } from '@sitecore-jss/sitecore-jss-react';\nimport { withSitecoreContext } from '@sitecore-jss/sitecore-jss-react';\nimport { useMobileCheck } from '../../hooks/useMobileCheck';\n\nconst OffsetTeaserSquarePicture = ({\n rendering,\n params,\n fields,\n sitecoreContext\n}) => {\n const isMobile = useMobileCheck();\n\n return (\n OffsetTeaserFive Component
}\n\n\n {!isMobile && (\n
\n \n
\n )}\n \n
\n \n \n
\n \n {isMobile && (\n
\n \n \n
\n )}\n\n \n
\n\n \n \n
\n );\n};\n\nexport default withSitecoreContext()(OffsetTeaserSquarePicture);\n","import OffsetTeaserTwo from './OffsetTeaserTwo.jsx';\n\nexport default OffsetTeaserTwo;\n","import React from 'react';\nimport { Placeholder } from '@sitecore-jss/sitecore-jss-react';\n\nconst OffsetTeaserTwo = ({ rendering, fields, params }) => {\n const offsetImage = fields?.image?.value?.src;\n const imageAltText = fields?.image?.value?.alt;\n\n const imageHighlightColor = params.imageHighlightColor;\n const highlightColor = params.highlightColor;\n const backgroundColor = params.backgroundColor;\n\n const ImageLeftSide = () => {\n return (\n \n
\n \n
\n \n \n
\n\n {sitecoreContext.pageEditing ? (\n \n
\n )}\n \n
\n );\n };\n\n return (\n \n
\n \n \n \n {fields?.image?.value?.svg !== undefined && (\n
\n\n \n \n \n
\n \n {fields.title.value && (\n
\n \n
\n )}\n\n \n
\n \n
\n\n \n
\n );\n};\n\nexport default OffsetTeaserTwo;\n","/* eslint-disable */\nimport React from 'react';\nimport { withSitecoreContext } from '@sitecore-jss/sitecore-jss-react';\nimport { useMobileCheck } from '../../hooks/useMobileCheck';\nimport ImageResponsive from \"../ImageResponsive\";\n\nconst PageHeaderBuilder = ({ sitecoreContext, fields, params }) => {\n const isMobile = useMobileCheck();\n const link = fields?.link?.value;\n const imageDescriptionText = fields?.descriptionFirstSection?.value ?? '';\n const descriptionSecondSection =\n fields?.descriptionSecondSection?.value ?? '';\n const linkRank = params?.linkRank ?? 'primary';\n const imageDescriptionTextSize = params?.imageDescriptionTextSize ?? 'h4';\n const headlineClassLeft = isMobile && (params.mobileHeaderPosition === 'left' || params.mobileHeaderPosition === 'right');\n\n return (\n {
\n \n {sitecoreContext && sitecoreContext.pageEditing && (\n \n \n \n
\n \n )}\n \n );\n};\n\nconst Slider = ({ fields, params }) => (\n Page Header Slide Component
\n )}\n \n {sitecoreContext && sitecoreContext.pageEditing ? (\n <>\n
\n
\n \n ) : (\n
\n );\n};\n\nexport default withSitecoreContext()(PageHeaderSlider);\n","import Paragraph from './Paragraph.jsx';\n\nexport default Paragraph;\n","import React from 'react';\nimport { withSitecoreContext } from '@sitecore-jss/sitecore-jss-react';\nimport { withTranslation } from 'react-i18next';\n\nconst Paragraph = ({ fields, params, sitecoreContext, t }) => {\n const content = fields.content.value;\n const scheme = params.scheme;\n if (sitecoreContext.pageEditing && !content)\n return Page Header Slider Component
\n \n
\n \n ) : (\n
\n \n
\n )}\n {t('Editor|EmptyDatasource')}
;\n else {\n return (\n \n \n
\n );\n }\n};\n\nexport default withTranslation()(withSitecoreContext()(Paragraph));\n","import PollRoot from './PollRoot.jsx';\n\nexport default PollRoot;\n","import React from 'react';\n\nconst PollRoot = ({ fields, params }) => {\n const id = fields?.identifier?.value ?? '';\n const title = fields?.title?.value ?? '';\n const minH = params?.minHeight ?? '1500px';\n return (\n \n
\n );\n};\n\nexport default PollRoot;\n","import PreviewAndDownloadTile from './PreviewAndDownloadTile.jsx';\n\nexport default PreviewAndDownloadTile;\n","import React from 'react';\nimport { withSitecoreContext } from '@sitecore-jss/sitecore-jss-react';\nimport { useMobileCheck } from '../../hooks/useMobileCheck';\n\nconst PreviewAndDownloadTile = ({ fields, sitecoreContext, params }) => {\n const isMobile = useMobileCheck();\n\n let aspectRatio = isMobile\n ? params.imageSize === 'large'\n ? 'ratio-3x4'\n : 'ratio-2x1'\n : params.imageSize === 'large'\n ? 'ratio-3x4'\n : 'ratio-16x9';\n\n const file = fields?.file?.value;\n const fileSize = `plik ${file?.extension.toUpperCase()} ${(fields?.file?.value?.size / 1000000).toFixed(2)} MB`;\n\n return (\n \n
\n {title}
\n \n\n {sitecoreContext.pageEditing && (\n
\n );\n};\n\nexport default withSitecoreContext()(PreviewAndDownloadTile);\n","import PreviewAndDownloadTiles from './PreviewAndDownloadTiles.jsx';\n\nexport default PreviewAndDownloadTiles;\n","import React from 'react';\nimport Slider from 'react-slick';\nimport {\n Placeholder,\n withSitecoreContext\n} from '@sitecore-jss/sitecore-jss-react';\nimport { useMobileCheck } from '../../hooks/useMobileCheck';\nimport PreviewAndDownloadTile from '../PreviewAndDownloadTile';\n\nconst PreviewAndDownloadTiles = ({ rendering, params }) => {\n const isMobile = useMobileCheck();\n\n const placeholdersKeys = Object.keys(rendering.placeholders);\n if (!placeholdersKeys) {\n return '';\n }\n\n const rows = rendering.placeholders['eon-preview-and-download-tiles-rows'];\n const settings = {\n infinite: false,\n speed: 500,\n slidesToShow: 3,\n slidesToScroll: 1,\n swipe: true,\n dots: true,\n responsive: [\n {\n breakpoint: 675,\n settings: {\n slidesToShow: 2,\n slidesToScroll: 1\n }\n }\n ]\n };\n\n return (\n PreviewAndDownloadTile Component
\n )}\n\n {fields?.image?.value?.src && (\n\n
\n )}\n\n \n \n
\n \n
\n \n \n
\n\n \n \n {fileSize}\n \n
\n\n \n
\n \n \n {rows\n .flatMap((row) =>\n Object.values(row?.placeholders)?.flatMap(\n (row) => row\n )\n )\n .map((tile, key) => (\n \n )}\n\n {!isMobile && (\n
\n );\n};\n\nexport default withSitecoreContext()(PreviewAndDownloadTiles);\n","import PreviewAndDownloadTilesRow from './PreviewAndDownloadTilesRow.jsx';\n\nexport default PreviewAndDownloadTilesRow;\n","import React from 'react';\nimport { Placeholder } from '@sitecore-jss/sitecore-jss-react';\nimport gridStyle from '../../lib/GridControlStyleResolver.js';\n\nconst PreviewAndDownloadTilesRow = ({ params, rendering }) => {\n const placeholdersKeys = Object.keys(rendering.placeholders);\n const columns = placeholdersKeys?.filter((x) => x.includes('column')) || [];\n\n return (\n \n
\n\n {isMobile && rows?.length && (\n \n
\n ))}\n \n \n
\n )}\n \n \n {columns.map((p, key) => (\n \n \n ))}\n \n
\n );\n};\n\nexport default PreviewAndDownloadTilesRow;\n","import ProcessSteps from './ProcessSteps.jsx';\n\nexport default ProcessSteps;\n","import React from 'react';\nimport { Placeholder } from '@sitecore-jss/sitecore-jss-react';\nimport { withSitecoreContext } from '@sitecore-jss/sitecore-jss-react';\n\nconst ProcessSteps = ({ rendering }) => {\n var placeholders = Object.keys(rendering.placeholders);\n if (!placeholders) {\n return '';\n }\n return (\n \n
\n );\n};\n\nexport default withSitecoreContext()(ProcessSteps);\n","import ProcessStepsSectionOne from './ProcessStepsSectionOne.jsx';\n\nexport default ProcessStepsSectionOne;\n","import React from 'react';\nimport { withTranslation } from 'react-i18next';\nimport { withSitecoreContext } from '@sitecore-jss/sitecore-jss-react';\nimport RouteButton from '../Route/RouteButton';\n\nconst ProcessStepsSectionOne = ({ rendering, sitecoreContext, params }) => {\n const pageEditor = sitecoreContext.pageEditing;\n const background = params.background;\n const fields = rendering.fields;\n const stepNumber = fields.stepNumber?.value ?? '';\n const stepName = fields.stepName?.value ?? '';\n const ctaText = fields.cta?.value?.text ?? '';\n const ctaHref = fields.cta?.value?.href ?? '';\n\n return (\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n Process Step Section One
}\n\n\n
\n \n
\n \n
\n \n \n );\n};\n\nexport default withTranslation()(withSitecoreContext()(ProcessStepsSectionOne));\n","import ProcessStepsSectionTwo from './ProcessStepsSectionTwo.jsx';\n\nexport default ProcessStepsSectionTwo;\n","import React from 'react';\nimport { withSitecoreContext } from '@sitecore-jss/sitecore-jss-react';\nimport { withTranslation } from 'react-i18next';\n\nconst ProcessStepsSectionTwo = ({ rendering, sitecoreContext }) => {\n const pageEditor = sitecoreContext.pageEditing;\n const fields = rendering.fields;\n const stepNumberField = fields.stepNumber?.value ?? '';\n const stepNumber = `${stepNumberField}. `;\n const stepName = fields.stepName?.value ?? '';\n const stepDescription = fields.description?.value ?? '';\n\n return (\n \n {pageEditor &&
\n );\n};\n\nexport default withTranslation()(withSitecoreContext()(ProcessStepsSectionTwo));\n","import ProcessStepsSectionTwoContainer from './ProcessStepsSectionTwoContainer.jsx';\n\nexport default ProcessStepsSectionTwoContainer;\n","import React from 'react';\nimport { Placeholder } from '@sitecore-jss/sitecore-jss-react';\nimport { withSitecoreContext } from '@sitecore-jss/sitecore-jss-react';\n\nconst ProcessStepsSectionTwoContainer = ({\n rendering,\n params,\n sitecoreContext\n}) => {\n var placeholders = Object.keys(rendering.placeholders);\n const background = params.background;\n const pageEditor = sitecoreContext.pageEditing;\n\n if (!placeholders) {\n return '';\n }\n return (\n Process Step Section Two
}\n\n
\n\n \n \n {stepNumber}\n \n
\n \n \n {stepName}\n \n
\n \n \n {stepDescription}\n \n
\n \n {pageEditor && \n \n
\n );\n};\n\nexport default withSitecoreContext()(ProcessStepsSectionTwoContainer);\n","import ProcessTile from './ProcessTile.jsx';\n\nexport default ProcessTile;\n","import React from 'react';\nimport { withSitecoreContext } from '@sitecore-jss/sitecore-jss-react';\nimport { withTranslation } from 'react-i18next';\nimport RouteLink from '../Route/RouteLink/index.js';\n\nconst ProcessTile = ({ params, rendering, sitecoreContext, t }) => {\n const scheme = params.scheme || '';\n const color = 'eon-' + scheme;\n const fields = rendering.fields;\n if (\n sitecoreContext.pageEditing &&\n !fields.icon.value &&\n !fields.iconCopy.value &&\n !fields.description.value &&\n !fields.cta.value.href\n ) {\n return (\n Process Step Section Two Container
}\n\n
\n \n
\n \n
\n \n
\n );\n};\n\nexport default withTranslation()(withSitecoreContext()(ProcessTile));\n","import ProcessTiles from './ProcessTiles.jsx';\n\nexport default ProcessTiles;\n","import React from 'react';\nimport { Placeholder } from '@sitecore-jss/sitecore-jss-react';\n\nconst ProcessTiles = ({ rendering, params }) => {\n var placeholders = Object.keys(rendering.placeholders);\n if (!placeholders) {\n return '';\n }\n return (\n \n
\n \n
\n \n
\n \n \n {fields.iconCopy.value}\n \n
\n \n
\n \n
\n \n \n {fields.description.value}\n \n
\n \n {fields.cta.value.href && (\n
\n \n \n {placeholders\n .filter((x) => x.includes('column'))\n .map((p, key) =>\n rendering?.placeholders?.[p].length > 0 ? (\n \n \n ) : null\n )}\n \n
\n );\n};\n\nexport default ProcessTiles;\n","import ProductDescription from './ProductDescription.jsx';\n\nexport default ProductDescription;\n","import React from 'react';\nimport { Placeholder } from '@sitecore-jss/sitecore-jss-react';\nimport gridStyle from '../../lib/GridControlStyleResolver.js';\n\nconst ProductDescription = ({ rendering, params }) => {\n var placeholders = Object.keys(rendering.placeholders);\n\n if (!placeholders) {\n return null;\n }\n\n return (\n \n
\n \n \n {placeholders\n .filter((x) => x.includes('column'))\n .map((p, key) => (\n \n \n ))}\n \n
\n );\n};\n\nexport default ProductDescription;\n","import ProductDescriptionTile from './ProductDescriptionTile.jsx';\n\nexport default ProductDescriptionTile;\n","import React from 'react';\nimport { withSitecoreContext } from '@sitecore-jss/sitecore-jss-react';\n\nconst ProductDescriptionTile = ({ rendering, sitecoreContext }) => {\n const fields = rendering.fields;\n if (sitecoreContext.pageEditing && !fields)\n return Editor|EmptyDatasource
;\n else {\n return (\n \n {sitecoreContext.pageEditing &&
\n );\n }\n};\n\nexport default withSitecoreContext()(ProductDescriptionTile);\n","import ProductDetailsTab from './ProductDetailsTab.jsx';\n\nexport default ProductDetailsTab;\n","import React from 'react';\n\nimport {\n Placeholder,\n withSitecoreContext\n} from '@sitecore-jss/sitecore-jss-react';\n\nconst ProductDetailsTab = ({ rendering, sitecoreContext, params }) => {\n const columns = params.columns;\n const threeColumns = columns === '3';\n return (\n <>\n Product Description Tile
}\n\n
\n \n \n
\n \n {threeColumns ?
\n \n );\n};\n\nexport default withSitecoreContext()(ProductDetailsTab);\n","import ProductDetailsTabPillGroup from './ProductDetailsTabPillGroup.jsx';\n\nexport default ProductDetailsTabPillGroup;\n","import React, { useEffect, useState } from 'react';\nimport {\n Placeholder,\n withSitecoreContext\n} from '@sitecore-jss/sitecore-jss-react';\nimport { withTranslation } from 'react-i18next';\n\nconst ProductDetailsTabPillGroup = ({ rendering, sitecoreContext, t }) => {\n var placeholders = Object.keys(rendering.placeholders);\n\n const initPills = rendering.fields?.pills?.map((x, index) => {\n return {\n selected: index == 0,\n name: x.Item2,\n key: x.Item1\n }\n });\n\n const [pills, setPills] = useState(initPills);\n const [changed, setchanged] = useState(false)\n\n const handleSelection = (e) => {\n pills.forEach((pill) => {\n pill.selected = pill.name === e.detail;\n });\n //This is added to change state so it will rerender\n setchanged(!changed)\n }\n\n useEffect(() => {\n document.addEventListener('tagPillClick', handleSelection);\n\n return () => {\n document.removeEventListener('tagPillClick', handleSelection);\n };\n });\n\n if (initPills < 1) {\n if (sitecoreContext.pageEditing) {\n return (\n
: \"\"}\n \n
\n \n
\n {threeColumns && (\n \n
\n )}\n \n
\n )}\n \n
\n \n
\n \n
\n {t('Editor|EmptyDatasource')}
)\n }\n else {\n return (<>)\n }\n }\n return (\n <>\n \n \n {pills ? pills\n .filter((x) => x)\n .map((p) => (\n \n )) : \"\"}\n \n
\n \n {placeholders ? placeholders\n .filter((x) => x.includes('dynamic'))\n .map((p, key) => {\n let pill = pills.filter(x => p.includes(x.key));\n let currentPill = pill[0];\n return (\n \n
)\n }) : \"\"}\n \n \n )\n};\n\nexport default withTranslation()(withSitecoreContext()(ProductDetailsTabPillGroup));\n","import ProductDetailsTabs from './ProductDetailsTabs.jsx';\n\nexport default ProductDetailsTabs;\n","import React, { useState, useEffect, useRef } from 'react';\nimport {\n Placeholder,\n withSitecoreContext\n} from '@sitecore-jss/sitecore-jss-react';\nimport { debounce } from '../../utils/debounce';\n\nconst ProductDetailsTabs = ({ rendering, sitecoreContext, params }) => {\n const [tabIndex, setTabIndex] = useState(0);\n const tabRef = useRef();\n const [isHidden, setIsHidden] = useState(false);\n const scheme = params.scheme;\n\n const tabRendering = {\n ...rendering,\n placeholders: {\n 'eon-product-details-tabs': [\n rendering.placeholders['eon-product-details-tabs'][tabIndex]\n ]\n }\n };\n const tabs = rendering.placeholders['eon-product-details-tabs'];\n\n useEffect(() => {\n if (sitecoreContext.pageEditing) {\n return;\n }\n\n const element = tabRef?.current;\n\n const ChangeTab = debounce((event) => {\n setIsHidden(true);\n setTabIndex(event.detail);\n setTimeout(() => setIsHidden(false), 1000);\n }, 200)\n\n if (element) {\n element.addEventListener('tabChanged', ChangeTab);\n\n return () => {\n element.removeEventListener('tabChanged', ChangeTab);\n }\n }\n }, [tabRef]); //eslint-disable-line react-hooks/exhaustive-deps\n\n if (sitecoreContext.pageEditing) {\n return (\n \n
\n );\n }\n\n return (\n \n
\n \n
\n \n \n {tabs.map((tab, index) => {\n return (\n \n );\n })}\n \n
\n );\n};\n\nexport default withSitecoreContext()(ProductDetailsTabs);\n","import ProductDetailsTile from './ProductDetailsTile.jsx';\n\nexport default ProductDetailsTile;\n","import React from 'react';\nimport { withSitecoreContext } from '@sitecore-jss/sitecore-jss-react';\nimport { withTranslation } from 'react-i18next';\n\nconst ProductDetailsTile = ({ rendering, props, sitecoreContext }) => {\n const pageEditor = sitecoreContext.pageEditing;\n const fields = rendering.fields;\n const header = fields.header?.value ?? '';\n const subTitle = fields.subtitle?.value ?? '';\n const description = fields.description?.value ?? '';\n let productDetailTileClass = 'product-details-tile__wrapper';\n\n productDetailTileClass = productDetailTileClass.concat(\n props.border ? ' border-tile ' : ''\n );\n productDetailTileClass = productDetailTileClass.concat(\n props.borderMobile ? ' border-mobile-tile ' : ''\n );\n productDetailTileClass = productDetailTileClass.concat(\n header === '' && subTitle === '' ? ' empty-content ' : ''\n );\n\n return (\n \n
\n \n
\n \n
\n \n {pageEditor &&
\n );\n};\n\nexport default withTranslation()(withSitecoreContext()(ProductDetailsTile));\n","import ProductDetailsWithGrid from './ProductDetailsWithGrid.jsx';\n\nexport default ProductDetailsWithGrid;\n","import React from 'react';\nimport { Placeholder } from '@sitecore-jss/sitecore-jss-react';\nimport { withSitecoreContext } from '@sitecore-jss/sitecore-jss-react';\n\nconst ProductDetailsWithGrid = ({ rendering, sitecoreContext }) => {\n const pageEditor = sitecoreContext.pageEditing;\n const placeholders = rendering.placeholders[\n 'eon-product-details-rows'\n ].filter((x) => x.componentName === 'ProductDetailsWithGridRow');\n\n return (\n product Detail Tile
}\n\n
\n \n
\n \n \n \n
\n \n \n {pageEditor ? 'Place mobile CTA button here:' : ''}\n
\n \n );\n};\n\nexport default withSitecoreContext()(ProductDetailsWithGrid);\n","import ProductDetailsWithGridRow from './ProductDetailsWithGridRow.jsx';\n\nexport default ProductDetailsWithGridRow;\n","import React from 'react';\nimport { Placeholder } from '@sitecore-jss/sitecore-jss-react';\n\nconst ProductDetailsWithGridRow = ({ rendering, params }) => {\n var placeholders = Object.keys(rendering.placeholders);\n if (!placeholders) {\n return '';\n }\n var pos = params.pos;\n return (\n \n
\n\n \n
\n\n \n
\n \n {rendering.placeholders['eon-product-details-rows'].map(\n (subRow, index) => (\n \n \n )\n )}\n
\n \n {placeholders.map((row, index) => (\n \n index + 1\n ? rendering.placeholders[row].filter(\n (x) =>\n x.componentName ===\n 'ProductDetailsTile'\n ).length !== 0 &&\n rendering.placeholders[\n 'eon-product-details-columns-' +\n (index + 2)\n ].filter(\n (x) =>\n x.componentName ===\n 'ProductDetailsTile'\n ).length !== 0\n ? true\n : false\n : false,\n borderMobile:\n (index === 0 && pos === 'first') ||\n (index === placeholders.length - 1 &&\n pos === 'last')\n ? false\n : true\n }}\n />\n
\n ))}\n \n );\n};\n\nexport default ProductDetailsWithGridRow;\n","export const getTableStyle = (columns) => {\n switch (columns) {\n case 2:\n return 'grid__d6-6__t6-6';\n case 3:\n return 'grid__d4-4-4__t4-4-4';\n case 4:\n return 'grid__d3-3-3-3__t6-6-6-6';\n default:\n return '';\n }\n};\n\nexport const splitArrayIntoChunks = (array, chunkSize) => {\n const result = [];\n\n for (var i = 0; i < array.length; i += chunkSize) {\n result.push(array.slice(i, i + chunkSize));\n }\n\n return result;\n};\n","import { useLayoutEffect, useState } from 'react';\n\nexport function useWindowSize() {\n const isClient = typeof window === 'object';\n const navigator = isClient ? window?.navigator : null;\n\n const [windowSize, setWindowSize] = useState({\n width: 1200,\n height: 1200\n });\n\n useLayoutEffect(() => {\n if (!navigator) return;\n\n const handleWindowResize = () =>\n setWindowSize({\n width: window.innerWidth,\n height: window.innerHeight\n });\n\n window.addEventListener('resize', handleWindowResize);\n handleWindowResize();\n return () => window.removeEventListener('resize', handleWindowResize);\n }, [navigator]);\n\n return windowSize;\n}\n","import React, { useMemo, useState } from 'react';\nimport { Placeholder } from '@sitecore-jss/sitecore-jss-react';\nimport { withSitecoreContext } from '@sitecore-jss/sitecore-jss-react';\nimport { getTableStyle, splitArrayIntoChunks } from './helpers';\nimport { useWindowSize } from '../../hooks/useWindowSize';\n\nconst PRODUCT_PRESENTATION_MAX_WIDTH = 324;\n\nconst ProductTable = ({ rendering, params, sitecoreContext }) => {\n const placeholders = Object.keys(rendering.placeholders);\n const columns = placeholders?.filter((x) => x.includes('column')) || [];\n\n const isShowMoreOptionVisible = Object.values(rendering.placeholders).some(\n (placeholder) =>\n placeholder.some(\n (subComponent) =>\n subComponent.componentName === 'ProductTableSection' &&\n subComponent.placeholders?.[\n 'eon-product-table-section'\n ]?.some(\n (subSubComponent) =>\n subSubComponent.componentName ===\n 'SingleProductColumnSection' &&\n subSubComponent?.params?.hidden === '1'\n )\n )\n );\n\n const [showHiddenRecords, setShowHiddenRecords] = useState(false);\n const { width } = useWindowSize();\n const tableConfig = useMemo(\n () =>\n splitArrayIntoChunks(\n columns,\n Math.floor(width / PRODUCT_PRESENTATION_MAX_WIDTH)\n ),\n [width, columns]\n );\n const toggleHiddenRecordsVisibility = () =>\n setShowHiddenRecords(!showHiddenRecords);\n\n if (!placeholders) {\n return '';\n }\n\n return (\n \n 1 ? 'with-carousel' : ''\n }`}\n >\n {sitecoreContext.pageEditing ? (\n \n {columns.map((p, key) => (\n \n \n ))}\n \n ) : (\n 1}\n same-height\n >\n {tableConfig.map((columns, carouselKey) => (\n \n \n {columns.map((p, key) => (\n \n \n
\n )}\n \n ))}\n \n )}\n \n \n );\n};\n\nexport default withSitecoreContext()(ProductTable);\n","import ProductTable from './ProductTable.jsx';\n\nexport default ProductTable;\n","\nimport React from 'react';\nimport { Text } from '@sitecore-jss/sitecore-jss-react';\n\n// TODO: to remove\nconst ProductTableColumns = (props) => (\n \n
\n\n \n
\n \n
\n \n
\n);\n\nexport default ProductTableColumns;\n","import React from 'react';\nimport { Placeholder } from '@sitecore-jss/sitecore-jss-react';\nimport { withSitecoreContext } from '@sitecore-jss/sitecore-jss-react';\n\nconst ProductTableSection = ({ rendering, sitecoreContext, params }) => {\n const placeholders = Object.keys(rendering.placeholders);\n\n if (!placeholders) {\n return '';\n }\n\n return (\n ProductTableColumns Component
\n\n {sitecoreContext.pageEditing &&
\n );\n};\n\nexport default withSitecoreContext()(ProductTableSection);\n","import ProductTableSection from './ProductTableSection.jsx';\n\nexport default ProductTableSection;\n","import React from 'react';\nimport { Placeholder } from '@sitecore-jss/sitecore-jss-react';\nimport { withSitecoreContext } from '@sitecore-jss/sitecore-jss-react';\nimport getGridStyle from '../../lib/GridControlStyleResolver.js';\n\nconst ProductTeaserPresentation = ({ rendering, params }) => {\n var placeholders = Object.keys(rendering.placeholders);\n\n if (!placeholders) {\n return null;\n }\n\n return (\n Product Table Section
}\n\n
\n \n \n {placeholders\n .filter((x) => x.includes('column'))\n .map((p, key) => (\n \n \n ))}\n \n\n
\n );\n};\n\nexport default withSitecoreContext()(ProductTeaserPresentation);\n","import ProductTeaserPresentation from './ProductTeaserPresentation.jsx';\n\nexport default ProductTeaserPresentation;\n","import React from 'react';\nimport {\n withSitecoreContext,\n Placeholder\n} from '@sitecore-jss/sitecore-jss-react';\n\nconst ProductTeaserPresentationTile = ({\n rendering,\n sitecoreContext,\n props\n}) => {\n const fields = rendering.fields;\n const addPlus = props.addPlus;\n const plusColor = props.plusColors;\n if (sitecoreContext.pageEditing && !fields) {\n return \n
\n \n
\n \n
\n Editor|EmptyDatasource
;\n }\n\n return (\n \n {sitecoreContext.pageEditing && (\n
\n );\n};\n\nexport default withSitecoreContext()(ProductTeaserPresentationTile);\n","import ProductTeaserPresentationTile from './ProductTeaserPresentationTile.jsx';\n\nexport default ProductTeaserPresentationTile;\n","import React from 'react';\nimport { Placeholder } from '@sitecore-jss/sitecore-jss-react';\nimport { withSitecoreContext } from '@sitecore-jss/sitecore-jss-react';\nimport { useMobileCheck } from '../../hooks/useMobileCheck';\n\nconst Profile = ({ fields, sitecoreContext, rendering }) => {\n const isMobile = useMobileCheck();\n const altText = fields?.image?.value?.alt ?? '';\n const imageUrl = fields?.image?.value?.src ?? '';\n\n return (\n \n
\n
\n )}\n {!sitecoreContext.pageEditing && (\n Product Teaser Presentation Tile
\n\n
Eyecatcher:
\n\n
\n \n
\n )}\n {fields?.image?.value?.svg !== undefined && (\n \n
\n )}\n {fields?.image?.value?.svg === undefined && (\n \n
\n {addPlus === '1' && plusColor === 'white' && (\n \n
\n \n +\n
\n )}\n {addPlus === '1' && plusColor === 'gray' && (\n \n +\n
\n )}\n \n
\n )}\n \n
\n {addPlus === '1' && plusColor === 'white' && (\n \n
\n \n +\n
\n )}\n {addPlus === '1' && plusColor === 'gray' && (\n \n +\n
\n )}\n \n {sitecoreContext && sitecoreContext.pageEditing && (\n
\n );\n};\n\nexport default withSitecoreContext()(Profile);\n","import Profile from './Profile.jsx';\n\nexport default Profile;\n","import React, { useEffect } from 'react';\nimport { Link } from 'react-router-dom';\nimport { withSitecoreContext } from '@sitecore-jss/sitecore-jss-react';\nimport { withTranslation } from 'react-i18next';\n\nconst ProgressBar = ({ rendering, fields, sitecoreContext, t }) => {\n const processes = fields?.processes;\n const isDocument = typeof document === 'object';\n const body = isDocument ? document?.body : null;\n\n const hideBar = rendering.params?.hideBar\n ? rendering.params?.hideBar\n : false;\n\n useEffect(() => {\n if (!body) return;\n document.body.style.paddingTop = 0;\n }, [body]);\n\n if (!processes?.length) {\n return sitecoreContext.pageEditing ? (\n Profile Component
\n )}\n\n \n
\n \n {imageUrl && (\n
\n\n \n {fields?.name?.value && (\n
\n \n
\n )}\n\n {fields?.title?.value && (\n \n \n {fields.title.value}\n \n
\n )}\n\n {fields?.description?.value && (\n \n
\n )}\n\n \n
\n \n
\n ) : (\n ''\n );\n }\n\n if (!processes.some((process) => process.id === sitecoreContext.itemId)) {\n if (sitecoreContext.pageEditing) {\n return (\n Progress Bar Component
\nProgress Bar Component
}\n\n\n \n
\n \n \n \n );\n};\n\nexport default withTranslation()(withSitecoreContext()(ProgressBar));\n","import ProgressBar from './ProgressBar.jsx';\n\nexport default ProgressBar;\n","import {\n Placeholder,\n withSitecoreContext\n} from '@sitecore-jss/sitecore-jss-react';\nimport React from 'react';\nimport { withTranslation } from 'react-i18next';\n\nconst QmaticCancelVisit = ({ t, fields, rendering, sitecoreContext }) => (\n \n
\n \n \n
\n \n \n \n {previousDescription}\n \n \n
\n \n
\n \n \n {currentPercentage} %\n \n
\n \n \n
\n \n {sitecoreContext.pageEditing && (\n <>\n
\n);\n\nexport default withSitecoreContext()(withTranslation()(QmaticCancelVisit));\n","import QmaticCancelVisit from './QmaticCancelVisit.jsx';\n\nexport default QmaticCancelVisit;\n","import React from 'react';\nimport { useMobileCheck } from '../../hooks/useMobileCheck';\nimport { Link } from 'react-router-dom';\n\nimport {\n Placeholder,\n withSitecoreContext\n} from '@sitecore-jss/sitecore-jss-react';\n\nconst QuestionaryTileContent = ({\n isMobile,\n isHover,\n background,\n schemeColor,\n fields,\n params\n}) => {\n const title = fields.questionaryTitle?.value;\n const description = fields.questionaryDescription?.value;\n const linkText = fields?.questionaryLink?.value?.text;\n const icon = fields.questionaryIcon?.value;\n const iconColor = params?.iconColor;\n const linkColor = params?.linkColor;\n\n const iconClass = icon ? 'questionary-tile-icon-margin' : '';\n return (\n QmaticCancelVisit Component
\n\n
\n \n
\n \n )}\n {!sitecoreContext.pageEditing && (\n <>\n {fields.resolveError && (\n \n
\n \n
\n \n )}\n \n )}\n \n
\n \n
\n \n \n {description}\n \n
\n \n
\n \n );\n};\n\nconst Tile = ({ fields, params, rendering }) => {\n const tileBackground = 'eon-white';\n const defaultColor = 'white';\n const noHoverScheme = 'darkgrey';\n const isMobile = useMobileCheck();\n const hoverColor = params?.hoverColor;\n const tileWrapperClass = fields.questionaryDescription?.value\n ? ' questionary-tile-wrapper-desc-height'\n : '';\n\n return (\n \n
\n \n {icon && (\n
\n \n
\n );\n};\n\nconst QuestionaryTile = ({ fields, rendering, sitecoreContext, params }) => {\n if (!fields) {\n return '';\n }\n const linkHref = fields?.questionaryLink?.value?.href;\n const linkTarget = fields?.questionaryLink?.value?.target;\n\n return (\n <>\n {sitecoreContext.pageEditing && \n
\n\n Questionary Tile Component
}\n {linkHref.startsWith('/') ? (\n \n\n \n {columns.map((p, key) => {\n return (\n \n \n );\n })}\n \n
\n );\n};\n\nexport default withSitecoreContext()(QuestionaryTiles);\n","import QuestionaryTiles from './QuestionaryTiles.jsx';\n\nexport default QuestionaryTiles;\n","import React from 'react';\nimport { withSitecoreContext } from '@sitecore-jss/sitecore-jss-react';\nimport { Placeholder } from '@sitecore-jss/sitecore-jss-react';\nimport modalSize from '../../lib/ModalSizeResolver';\n\nconst QuickLink = ({ rendering, params }) => {\n const modalId = 'modalId' + rendering.uid;\n const fields = rendering.fields;\n const modalSizeParameter = params.modalSize ?? 'S';\n\n return (\n \n
\n\n \n \n
\n );\n};\n\nexport default withSitecoreContext()(QuickLink);\n","import QuickLink from './QuickLink.jsx';\n\nexport default QuickLink;\n","import React from 'react';\nimport { Placeholder } from '@sitecore-jss/sitecore-jss-react';\n\nconst QuickLinks = ({ rendering, fields }) => {\n const buttonText = fields?.cta?.value?.text ?? '';\n const buttonHref = fields?.cta?.value?.href ?? '';\n const buttonTarget = fields?.cta?.value?.target ?? '';\n\n const showButton =\n buttonText && buttonHref ? (\n \n \n \n \n \n \n \n \n \n
\n );\n};\n\nexport default QuickLinks;\n","import QuickLinks from './QuickLinks.jsx';\n\nexport default QuickLinks;\n","import React from 'react';\n\nconst Quote = ({ params, fields }) => {\n const stripeColor = params.stripeColor ?? params.background;\n const altText = fields?.image?.value?.alt ?? '';\n const imageUrl = fields?.image?.value?.src ?? '';\n const backgroundColor = params.background ?? 'eon-bordeaux';\n const iconBackgroundColor = params.iconScheme ?? '';\n\n return (\n \n
\n {showButton}\n \n
\n \n );\n};\n\nexport default Quote;\n","import Quote from './Quote.jsx';\n\nexport default Quote;\n","import React from 'react';\nimport {\n Placeholder,\n withSitecoreContext\n} from '@sitecore-jss/sitecore-jss-react';\n\nconst RealizationsCardTeaser = ({ rendering, sitecoreContext, fields }) => {\n if (!fields) {\n return '';\n }\n\n if (sitecoreContext.pageEditing && !fields.image) {\n return \n {fields?.image?.value?.src && (\n 
\n )}\n
\n \n \n
\n \n \n {fields?.icon?.value && (\n
\n \n \n
\n )}\n\n {fields?.description?.value && (\n \n \n
\n )}\n\n {fields?.authorSignature?.value && (\n \n \n {fields.authorSignature.value}\n \n
\n )}\n\n {fields?.signature?.value && (\n \n \n {fields.signature.value}\n \n
\n )}\n \n \n
\n );\n};\n\nexport default withSitecoreContext()(RealizationsCardTeaser);\n","import RealizationsCardTeaser from './RealizationsCardTeaser.jsx';\n\nexport default RealizationsCardTeaser;\n","import React from 'react';\nimport Slider from 'react-slick';\nimport {\n Placeholder,\n withSitecoreContext\n} from '@sitecore-jss/sitecore-jss-react';\nimport { useMobileCheck } from '../../hooks/useMobileCheck';\n\nconst RealizationsCardTeasers = ({ sitecoreContext, rendering }) => {\n const isMobile = useMobileCheck();\n\n const placeholdersKeys = Object.keys(rendering.placeholders);\n if (!placeholdersKeys) {\n return '';\n }\n\n const columns = placeholdersKeys.filter((placeholder) =>\n placeholder.includes('column')\n );\n const settings = {\n speed: 500,\n slidesToShow: 2,\n slidesToScroll: 1,\n dots: true,\n swipe: true,\n arrows: false\n };\n\n return (\n <>\n {sitecoreContext.pageEditing && \n
\n \n \n
\n\n \n {(logo || logoDescription) && (\n
\n \n {!!logo ? (\n
\n )}\n \n
\n \n
\n \n
\n Realizations Card Teasers
}\n\n\n
\n )}\n\n \n
\n\n {isMobile && !sitecoreContext.pageEditing ? (\n \n \n {columns.map((slide, key) => (\n \n
\n ) : (\n \n
\n ))}\n \n {columns.map((p, key) => (\n \n
\n ))}\n \n
\n \n \n );\n};\n\nexport default withSitecoreContext()(RealizationsCardTeasers);\n","import RealizationsCardTeasers from './RealizationsCardTeasers.jsx';\n\nexport default RealizationsCardTeasers;\n","import React from 'react';\nimport {\n Placeholder,\n withSitecoreContext\n} from '@sitecore-jss/sitecore-jss-react';\nimport { withTranslation } from 'react-i18next';\n\nconst RelatedArticleTeaser = ({\n params,\n fields,\n rendering,\n sitecoreContext,\n t\n}) => {\n if (!fields) {\n return null;\n }\n\n if (\n sitecoreContext.pageEditing &&\n (!fields.teaserTitle ||\n !fields.teaserDescription ||\n !fields.teaserImage)\n ) {\n return (\n \n \n
\n \n \n );\n};\n\nexport default withTranslation()(withSitecoreContext()(RelatedArticleTeaser));\n","import RelatedArticleTeaser from './RelatedArticleTeaser.jsx';\n\nexport default RelatedArticleTeaser;\n","import React from 'react';\nimport { Placeholder } from '@sitecore-jss/sitecore-jss-react';\nimport getGridStyle from '../../lib/GridControlStyleResolver.js';\n\nconst RelatedArticleTeasers = ({ rendering }) => {\n const placeholders = Object.keys(rendering.placeholders);\n if (!placeholders) {\n return '';\n }\n\n const columns = placeholders.filter((placeholder) =>\n placeholder.includes('column')\n );\n const gridStyle = columns.length === 3 ? getGridStyle(3) : getGridStyle(2);\n\n return (\n \n
\n \n
\n\n \n {showTags && tags && (\n
\n )}\n\n \n {tags.map((tag, index) => {\n return (\n \n {tag}\n
\n );\n })}\n \n
\n {showDescription && (\n \n \n {description}\n \n
\n )}\n \n
\n \n \n {columns.map((p, key) => (\n \n \n ))}\n \n\n
\n );\n};\n\nexport default RelatedArticleTeasers;\n","import RelatedArticleTeasers from './RelatedArticleTeasers.jsx';\n\nexport default RelatedArticleTeasers;\n","import React from 'react';\nimport {\n Placeholder,\n withSitecoreContext\n} from '@sitecore-jss/sitecore-jss-react';\nimport { withTranslation } from 'react-i18next';\n\nconst RelatedOfferTeaser = ({\n fields,\n rendering,\n sitecoreContext,\n props,\n t\n}) => {\n if (!fields) {\n return '';\n }\n\n if (\n sitecoreContext.pageEditing &&\n (fields.teaserTitle === undefined ||\n fields.teaserDescription === undefined ||\n fields.teaserImage === undefined)\n ) {\n return (\n \n
\n\n \n
\n \n \n
\n \n \n );\n};\n\nexport default withTranslation()(withSitecoreContext()(RelatedOfferTeaser));\n","import RelatedOfferTeaser from './RelatedOfferTeaser.jsx';\n\nexport default RelatedOfferTeaser;\n","import React from 'react';\nimport { Placeholder } from '@sitecore-jss/sitecore-jss-react';\n\nconst RelatedOfferTeasers = ({ rendering, params }) => {\n var placeholders = Object.keys(rendering.placeholders);\n if (!placeholders) {\n return '';\n }\n\n return (\n \n
\n \n
\n \n
\n \n {tags.map((tag, index) => {\n return (\n \n {tag.fields.value.value}\n
\n );\n })}\n \n \n {relatedOfferDescription}\n \n
\n\n \n
\n \n
\n );\n};\n\nexport default RelatedOfferTeasers;\n","import RelatedOfferTeasers from './RelatedOfferTeasers.jsx';\n\nexport default RelatedOfferTeasers;\n","import { useEffect } from 'react';\nimport { withSitecoreContext } from '@sitecore-jss/sitecore-jss-react';\n\nconst ScriptComponent = ({ sitecoreContext, fields, rendering }) => {\n useEffect(() => {\n if (sitecoreContext?.pageEditing) {\n return;\n }\n\n if (!fields?.enabled?.value) {\n return;\n }\n\n if (!document) {\n return;\n }\n\n const scripts = document.querySelectorAll(\n `[datasource*=\"${rendering.dataSource}\"]`\n );\n\n if (!scripts.length) {\n addScript();\n }\n\n return () => {\n if (document) {\n removeScript();\n }\n };\n }, []);\n\n const addScript = () => {\n const scriptValue = fields.script.value;\n const htmlElement = fields.htmlElement?.value ?? 'headScripts';\n\n const scriptSection = document.getElementById(htmlElement);\n\n let scriptTag;\n if (fields.isNoScriptTag?.value) {\n scriptTag = document.createElement('noscript');\n } else {\n scriptTag = document.createElement('script');\n scriptTag.type = 'text/javascript';\n }\n\n if (fields.parameters?.value) {\n const params = new URLSearchParams(\n decodeURIComponent(fields.parameters.value)\n );\n for (const [key, value] of params.entries()) {\n scriptTag.setAttribute(key, value);\n }\n }\n\n scriptTag.setAttribute('datasource', rendering.dataSource);\n const script = document.createTextNode(scriptValue);\n\n scriptTag.appendChild(script);\n scriptTag.className = 'eon-script';\n if (scriptSection?.parentNode) {\n scriptSection.parentNode.insertBefore(scriptTag, scriptSection);\n }\n };\n\n const removeScript = () => {\n const scripts = document.querySelectorAll(\n `[datasource*=\"${rendering.dataSource}\"]`\n );\n scripts.forEach((element) => {\n element.parentNode.removeChild(element);\n });\n };\n\n return '';\n};\n\nexport default withSitecoreContext()(ScriptComponent);\n","import ScriptComponent from './ScriptComponent.jsx';\n\nexport default ScriptComponent;\n","import React, { useRef, useState, useEffect } from 'react';\nimport { useHistory } from 'react-router-dom';\nimport { withTranslation } from 'react-i18next';\nimport { useLocation } from 'react-router-dom';\nimport config from '../../temp/config';\n\nconst SearchBar = ({ rendering, t, params }) => {\n const [searchPhrase, setSearchPhrase] = useState('');\n const [suggestions, setSuggestions] = useState();\n const [dropdownActive, setDropdownState] = useState(false);\n const dropdownRef = useRef();\n const inputRef = useRef();\n const formRef = useRef();\n const submitButtonRef = useRef();\n const history = useHistory();\n const text = t('Content|SearchBar|Text');\n const queryParams = useLocation().search;\n const phrase = new URLSearchParams(queryParams).get('phrase');\n\n const flayoutSearch = params.flayoutSearchBar ?? false;\n const searchResultsUrl = rendering.fields.resultsPage?.value?.href ?? '';\n\n useEffect(() => {\n setSearchPhrase(phrase);\n inputRef.current.addEventListener('valueChanged', (e) =>\n handleChange(e)\n );\n inputRef.current.addEventListener('iconClick', (e) => iconClick(e));\n\n formRef.current.addEventListener('onSubmit', (e) => handleSubmit(e));\n\n return () => {\n inputRef.current.removeEventListener('valueChanged', (e) =>\n handleChange(e)\n );\n\n formRef.current.removeEventListener('onSubmit', (e) =>\n handleSubmit(e)\n );\n\n inputRef.current.removeEventListener('iconClick', (e) =>\n iconClick(e)\n );\n };\n }, [inputRef]);\n const handleClickOutside = (event) => {\n if (\n inputRef.current &&\n !inputRef.current.contains(event.target) &&\n dropdownRef.current &&\n !dropdownRef.current.contains(event.target)\n ) {\n setDropdownState(false);\n }\n };\n useEffect(() => {\n const element = inputRef?.current;\n\n const handleFocus = () => {\n setDropdownState(true);\n };\n\n if (element) {\n element.addEventListener('inputFocus', handleFocus);\n document.addEventListener('click', handleClickOutside, true);\n return () => {\n element.removeEventListener('inputFocus', handleFocus);\n document.removeEventListener('click', handleClickOutside, true);\n };\n }\n }, []);\n const getHighlightedText = (text, highlight) => {\n const parts = text.split(new RegExp(`(${highlight})`, 'gi'));\n let highlighted = false;\n return (\n \n {parts.map((part, i) => {\n let highlightNow = false;\n if (!highlighted && part.toLowerCase() === highlight.toLowerCase()) {\n highlightNow = true;\n highlighted = true;\n }\n return \n
\n\n \n {placeholders\n .filter((x) => x.includes('column'))\n .map((p, key) => (\n
\n \n \n handleChange(e)}\n onKeyDown={(e) => {\n setDropdownState(true);\n pressKeyDown(e);\n }}\n >\n \n \n\n {dropdownActive && suggestions && (\n
\n );\n};\n\nexport default withTranslation()(SearchBar);\n","import SearchBar from './SearchBar.jsx';\n\nexport default SearchBar;\n","import React, { useRef, useState, useEffect } from 'react';\nimport { withTranslation } from 'react-i18next';\nimport { useLocation } from 'react-router-dom';\nimport { useClickOutside } from '../../hooks/useClickOutside';\nimport config from '../../temp/config';\n\nconst getHighlightedText = (text, highlight) => {\n const parts = text.split(new RegExp(`(${highlight})`, 'gi'));\n\n return (\n - \n {suggestions.map((x, index) => (\n
\n {parts.map((part, i) => (\n \n {part}\n \n ))}\n
\n );\n};\n\nconst SearchResults = ({ fields, t }) => {\n const queryParams = useLocation().search;\n const phrase = new URLSearchParams(queryParams).get('phrase');\n const page = new URLSearchParams(queryParams).get('page');\n\n const [maxPage, setMaxPage] = useState(1);\n const filterRef = useRef(null);\n const pageSizeDropdown = useRef();\n const [data, setData] = useState(data);\n const [menuActive, setMenuState] = useState(true);\n const [dropdownActive, setDropDownState] = useState(false);\n const [activeIndex, setActiveIndex] = useState(null);\n const [filled, setActiveFill] = useState(undefined);\n\n const [active, setActive] = useState(null);\n const [searchQuery, setSearchQuery] = useState({\n phrase: phrase,\n page: page,\n sc_apikey: config.sitecoreApiKey,\n page: 1\n });\n\n useClickOutside(pageSizeDropdown, () => setDropDownState(false));\n\n useEffect(() => {\n handleLoad();\n }, [searchQuery]);\n\n useEffect(() => {\n const handleDataUpdate = ({ detail }) => {\n const tt = {\n phrase: detail,\n page: page,\n sc_apikey: config.sitecoreApiKey,\n page: 1\n };\n const query = Object.keys(tt)\n .map((key) => `${key}=${tt[key]}`)\n .join('&');\n updateSearch(query);\n };\n\n document.addEventListener('updateData', handleDataUpdate);\n\n return () => {\n document.removeEventListener('updateData', handleDataUpdate);\n };\n });\n\n const allText = t('Content|SearchResults|All');\n const filterResultsText = t('Content|SearchResults|Filter') ?? '';\n const fromText = t('Content|SearchResults|From') ?? '';\n const ofResultsText = t('Content|SearchResults|OfResults') ?? '';\n const resultsForPhraseText =\n t('Content|SearchResults|ResultsForPhrase') ?? '';\n const resultsOnPageText = t('Content|SearchResults|ResultsOnPage') ?? '';\n const filesText = t('Content|SearchResults|Files') ?? '';\n const pagesText = t('Content|SearchResults|Pages') ?? '';\n\n const handleLoad = async () => {\n searchQuery.phrase = searchQuery.phrase.replaceAll('#', '');\n const query = Object.keys(searchQuery)\n .map((key) => `${key}=${searchQuery[key]}`)\n .join('&');\n\n fetch(`${config.sitecoreApiHost}/api/eon/search?${query}`)\n .then((response) => response.json())\n .then((response) => {\n if (response.results === null) {\n return;\n }\n\n setMaxPage(response.allPages);\n response.results.map((elem, index) => {\n elem.highlightTitle = getHighlightedText(\n elem.title,\n searchQuery['phrase']\n );\n if (elem.highlightTitle == '') {\n elem.highlightTitle = elem.title;\n }\n });\n setData(response);\n })\n .catch((e) => console.log(e));\n };\n\n const categoryClickHandler = (e, index) => {\n const q = { ...searchQuery, categoryId: e };\n setSearchQuery(q);\n setActiveIndex(index);\n setActive();\n };\n\n const typeClickHandler = (e) => {\n const q = { ...searchQuery, type: e };\n setSearchQuery(q);\n setActiveFill(e);\n };\n\n const pageSizeClickHandler = (e) => {\n const q = { ...searchQuery, pageSize: e };\n setSearchQuery(q);\n };\n\n const pageClickHandler = (e) => {\n if (searchQuery.page + e <= maxPage && searchQuery.page + e > 0) {\n const q = { ...searchQuery, page: searchQuery.page + e };\n setSearchQuery(q);\n }\n };\n\n const updateSearch = (detail) => {\n let phrase = new URLSearchParams(detail).get('phrase');\n const query = { ...searchQuery, phrase };\n setSearchQuery(query);\n };\n\n const handleMenuToggle = () => setMenuState(!menuActive);\n const handleDropdownToggle = () => setDropDownState(!dropdownActive);\n\n return (\n \n {data && (\n
\n )}\n \n );\n })}\n \n \n
\n {menuActive && (\n \n \n \n \n \n )}\n {menuActive && (\n \n \n \n )}\n
\n \n {resultsForPhraseText\n .replaceAll('{results}', data.allResults)\n .replaceAll('{phrase}', phrase)}\n
\n\n {filterResultsText}\n
\n {!menuActive && (\n \n\n
\n )}\n \n \n categoryClickHandler(undefined)\n }\n >\n {allText}\n \n {fields &&\n fields.categories &&\n fields.categories.map((c, index) => (\n \n categoryClickHandler(\n c.id,\n index\n )\n }\n className={`search-category ${\n activeIndex === index\n ? 'activeTab'\n : ''\n }`}\n >\n {c.name}\n \n ))}\n \n
\n \n typeClickHandler(undefined)}\n >\n {allText}\n \n typeClickHandler(2)}\n >\n {filesText}\n \n typeClickHandler(1)}\n >\n {pagesText}\n \n
\n - \n {data.results &&\n data.results.map((r, index) => {\n const breadcrumbs = r.breadcrumbs.filter(\n (n) => n\n );\n const lastCrumb = breadcrumbs.pop();\n\n return (\n
- \n {r.type === 1 && lastCrumb && (\n \n\n )}\n {r.type === 2 && (\n\n {breadcrumbs.map(\n (el, key) => (\n\n
\n
\n\n\n\n \n\n
\n
\n \n \n {resultsOnPageText}:\n \n {data.pageSize}\n {dropdownActive && (\n \n \n
\n \n \n pageSizeClickHandler(5)\n }\n >\n 5\n \n \n pageSizeClickHandler(10)\n }\n >\n 10\n \n \n pageSizeClickHandler(15)\n }\n >\n 15\n \n
\n )}\n \n \n \n
\n\n \n {(data.currentPage - 1) * data.pageSize}-\n {Math.min(\n data.currentPage * data.pageSize,\n data.allResults\n )}\n \n {fromText}\n \n {data.allResults} {ofResultsText}\n
\n\n pageClickHandler(-1)}\n >\n \n \n pageClickHandler(1)}\n >\n \n \n
\n \n \n {data.currentPage}\n \n {fromText}\n \n {data.allPages}\n \n
\n\n
\n \n \n )}\n \n );\n};\n\nexport default withTranslation()(SearchResults);\n","import SearchResults from './SearchResults.jsx';\n\nexport default SearchResults;\n","import React, { useEffect, useState, useRef } from 'react';\nimport {\n Placeholder,\n withSitecoreContext\n} from '@sitecore-jss/sitecore-jss-react';\nimport { scrollTo } from '../../utils/scrollTo.js';\nimport { useLocation } from 'react-router-dom';\nimport { useInterval } from '../../hooks/useInterval.js';\n\nconst Section = ({ rendering, params, sitecoreContext }) => {\n const partiallyFilledBackground = params.partiallyFilledBackground;\n\n const [isScrolled, setScrolled] = useState(false);\n const [isActive, setIsActive] = useState(false);\n const [offset, setOffset] = useState();\n\n const ref = useRef();\n const location = useLocation();\n\n useEffect(() => {\n setScrolled(false);\n if (\n !document ||\n !window ||\n !params?.dataAnchorId ||\n sitecoreContext.pageEditing ||\n !ref?.current\n ) {\n return;\n }\n const url = window?.location.href || '';\n if (url.includes('#') && url.split('#').pop() === params.dataAnchorId) {\n setIsActive(true);\n return;\n }\n setIsActive(false);\n }, [location]);\n\n useEffect(() => {\n if (isActive && offset && !isScrolled) {\n scrollTo(offset, window).then(() =>\n setTimeout(() => setScrolled(true), 1000)\n );\n }\n });\n\n useInterval(\n () => {\n var newOffset = ref.current.offsetTop;\n\n //prevents to set offset when just header is rendered\n if (newOffset < 150) {\n return;\n }\n\n if (!offset || Math.abs(offset - newOffset) > 10) {\n setOffset(newOffset);\n }\n },\n 300,\n isActive\n );\n\n let sectionSize = 'l-size';\n if (params.size === 'S') {\n sectionSize = 's-size';\n } else if (params.size === 'M') {\n sectionSize = 'm-size';\n }\n\n return (\n \n {(data.currentPage - 1) * data.pageSize}-\n {Math.min(\n data.currentPage * data.pageSize,\n data.allResults\n )}\n \n {fromText}\n \n {data.allResults} {ofResultsText}\n
\n\n
\n );\n};\n\nexport default withSitecoreContext()(SideBySide);\n","import SideBySide from './SideBySide.jsx';\n\nexport default SideBySide;\n","import React from 'react';\nimport { Placeholder } from '@sitecore-jss/sitecore-jss-react';\nimport { withSitecoreContext } from '@sitecore-jss/sitecore-jss-react';\n\nconst SingleProduct = ({ rendering }) => {\n var placeholders = Object.keys(rendering.placeholders);\n\n if (!placeholders) {\n return '';\n }\n\n return (\n \n {sitecoreContext.pageEditing ? (\n
\n \n
\n ) : (\n \n {sitecoreContext.pageEditing ? (\n
\n \n
\n );\n};\n\nexport default withSitecoreContext()(SingleProduct);\n","import SingleProduct from './SingleProduct.jsx';\n\nexport default SingleProduct;\n","import React from 'react';\nimport { Placeholder } from '@sitecore-jss/sitecore-jss-react';\nimport { withSitecoreContext } from '@sitecore-jss/sitecore-jss-react';\nimport { useMobileCheck } from '../../hooks/useMobileCheck';\nimport ValueNegative from '../../assets/icons/value_negative.svg';\n\nconst SingleProductCell = ({ rendering, params }) => {\n const placeholders = Object.keys(rendering.placeholders);\n const isIncluded = params?.state === 'Included';\n const isExcluded = params?.state === 'Excluded';\n const isOptional = params?.state === 'Optional';\n const isAbsent = !params?.state || params?.state === 'Absent';\n const borderColor = `var(--${params.borderColor})`;\n\n const isMobile = useMobileCheck();\n const desktopHeight = params.desktopHeight;\n const mobileHeight = params.mobileHeight ?? 66;\n\n if (!placeholders) {\n return '';\n }\n\n return (\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n {isIncluded && (\n 
}\n {isOptional && (\n Opcja \n )}\n
\n )}\n \n
\n \n );\n};\n\nexport default withSitecoreContext()(SingleProductCell);\n","import SingleProductCell from './SingleProductCell.jsx';\n\nexport default SingleProductCell;\n","import React from 'react';\nimport { Placeholder } from '@sitecore-jss/sitecore-jss-react';\nimport { withSitecoreContext } from '@sitecore-jss/sitecore-jss-react';\n\nconst SingleProductColumnSection = ({ rendering, sitecoreContext, params }) => {\n const placeholders = Object.keys(rendering.placeholders);\n const borderColor = `var(--${params.borderColor})`;\n\n if (!placeholders) {\n return null;\n }\n\n if (\n !sitecoreContext.pageEditing &&\n params.hidden === '1' &&\n params.showHiddenRecords === '0'\n ) {\n return null;\n }\n\n return (\n \n {sitecoreContext.pageEditing && (\n \n \n {rendering.fields?.heading?.value}\n \n \n {rendering.fields?.subheading?.value}\n \n
\n )}\n\n Single Product Columns Section
\n )}\n\n {!!rendering.fields?.heading && (\n\n
\n \n );\n};\n\nexport default withSitecoreContext()(SingleProductColumnSection);\n","import SingleProductColumnSection from './SingleProductColumnSection.jsx';\n\nexport default SingleProductColumnSection;\n","import SingleProductTile from './SingleProductTile.jsx';\n\nexport default SingleProductTile;\n","import React from 'react';\nimport { Placeholder } from '@sitecore-jss/sitecore-jss-react';\nimport { withSitecoreContext } from '@sitecore-jss/sitecore-jss-react';\n\nconst SingleProductTile = ({ rendering, sitecoreContext, params }) => {\n const fields = rendering.fields;\n const titleSize = params?.titleSize || 'h4';\n\n if (sitecoreContext.pageEditing && !fields) {\n return Editor|EmptyDatasource
;\n }\n\n return (\n \n
\n \n );\n};\n\nexport default withSitecoreContext()(SingleProductTile);\n","import SingleProductTooltip from './SingleProductTooltip.jsx';\n\nexport default SingleProductTooltip;\n","import React from 'react';\nimport ReactTooltip from 'react-tooltip';\nimport { withSitecoreContext } from '@sitecore-jss/sitecore-jss-react';\n\nconst SingleProductTooltip = ({ rendering, sitecoreContext, params }) => {\n const tooltipBackgroundColor = `var(--${params?.background})`;\n const fields = rendering.fields;\n const linkFields = fields?.link?.value;\n\n //remove icon field\n //add background rendering paramerters\n if (sitecoreContext.pageEditing && !fields) {\n return \n {sitecoreContext.pageEditing && \n \n
\n \n Single Product Tile
}\n\n {fields.image?.value?.src && (\n\n
\n )}\n\n \n
\n \n
\n\n \n
\n\n \n
\n Editor|EmptyDatasource
;\n }\n\n if (sitecoreContext.pageEditing) {\n return (\n \n \n Single Product Tooltip \n\n \n
\n );\n }\n\n return (\n \n
\n \n {fields.header.value} \n
\n\n \n
\n\n {!!linkFields && (\n \n
\n )}\n \n \n \n \n \n\n \n
\n \n );\n};\n\nexport default withSitecoreContext()(SingleProductTooltip);\n","import React from 'react';\n\nconst backgroundClass = 'sitemap__columns--background';\nlet i = 1;\n\nconst Sitemap = ({ fields }) => {\n const map = (list) =>\n list?.map((p, parentKey) => (\n \n \n {fields.header.value}\n \n
\n\n \n
\n\n {!!linkFields && linkFields.href && (\n \n
\n )}\n \n \n
\n ));\n\n const mapChildren = (list) =>\n list?.map((p, parentKey) => (\n \n
\n {p.name}
\n- \n {p.children && mapChildren(p.children)}\n
- \n
- \n {p.name}\n {p.children && mapChildren(p.children)}\n \n
\n
\n );\n};\n\nexport default Sitemap;\n","import Sitemap from './Sitemap.jsx';\n\nexport default Sitemap;\n","import SocialMediaSharing from './SocialMediaSharing.jsx';\n\nexport default SocialMediaSharing;\n","import React from 'react';\nimport {\n Placeholder,\n withSitecoreContext\n} from '@sitecore-jss/sitecore-jss-react';\n\nconst SocialMediaSharing = ({ rendering }) => {\n return (\n <>\n Mapa serwisu
\n\n {map(fields?.groupedPages)}\n\n\n \n
\n\n \n
\n {fields?.otherPagesTitle?.value}
\n\n {mapChildren(fields?.otherPages)}\n
\n \n \n \n
\n\n \n
\n \n );\n};\n\nexport default withTranslation()(SuppliersList);\n","import TableColumn from './TableColumn.jsx';\n\nexport default TableColumn;\n","import React from 'react';\nimport {\n Placeholder,\n withSitecoreContext\n} from '@sitecore-jss/sitecore-jss-react';\nimport { useMobileCheck } from '../../hooks/useMobileCheck';\n\nconst TableColumn = ({\n rendering,\n sitecoreContext,\n mobileLeftRow,\n mobileRendering,\n colIndex\n}) => {\n const isMobile = useMobileCheck();\n\n const rows = rendering.placeholders;\n\n if (!isMobile) {\n return (\n \n \n {t('Content|Suppliers|ComponentDescription')}\n \n
\n\n \n id === selectedCategory\n )\n .subcategories.map((subCategory) => ({\n value: subCategory.id,\n text: subCategory.name\n })) || [],\n conditionSettings: {}\n },\n valueField: {\n name: 'sub-categories'\n }\n }}\n placeholder={t(\n 'Content|Suppliers|ChooseExtentPlaceholder'\n )}\n errors={[]}\n onChange={handleSubategoryChange}\n />\n ) : null}\n
\n\n \n {traders?.map((trader) => (\n
\n ))}\n\n {selectedCategory && (\n \n
\n \n \n {t('Content|Suppliers|Phone')}{' '}\n {trader.contactNumber}\n \n \n {t('Content|Suppliers|Email')}{' '}\n \n
\n \n {subcategories\n ?.filter((subcategory) =>\n trader.subcategories?.includes(\n subcategory.id\n )\n )\n .map((subcategory) => (\n \n \n {subcategory.name}\n \n
\n ))}\n \n
\n )}\n \n {sitecoreContext.pageEditing && \n
\n );\n })}\n \n );\n } else if (isMobile && !sitecoreContext.pageEditing) {\n return (\n TableColumn Component
}\n\n {Object.keys(rows).map((row, index) => {\n const color = rendering.params.columnColor\n ? rendering.params.columnColor\n : null;\n const thickness =\n rendering.params.columnThickness == 'large'\n ? '3px'\n : null;\n const cellStyle = {};\n if (color) {\n cellStyle['borderBottomColor'] = `var(--${color})`;\n }\n if (thickness) {\n cellStyle['borderBottomWidth'] = thickness;\n }\n return (\n\n {sitecoreContext.pageEditing && \n \n \n
\n {type !== 'link' ? (\n TableColumn Component
}\n {mobileLeftRow?.map((row, index) => {\n const data =\n mobileRendering?.placeholders?.['eon-table-column'][\n index\n ];\n\n let type = 'text';\n let value = '';\n\n const color = data.params.columnColor\n ? data.params.columnColor\n : null;\n const thickness =\n data.params.columnThickness == 'large' ? '3px' : null;\n\n const cellStyle = {};\n if (color) {\n cellStyle['borderBottomColor'] = `var(--${color})`;\n }\n if (thickness) {\n cellStyle['borderBottomWidth'] = thickness;\n }\n\n if (\n data?.placeholders?.[`eon-table-cell-rows-${colIndex}`]\n ) {\n if (\n data?.placeholders?.[\n `eon-table-cell-rows-${colIndex}`\n ]?.[0]?.componentName !== 'Link'\n ) {\n value = data?.placeholders?.[\n `eon-table-cell-rows-${colIndex}`\n ][0]?.fields.cellContent.value\n ? data?.placeholders?.[\n `eon-table-cell-rows-${colIndex}`\n ][0]?.fields.cellContent.value\n : '';\n if (index === 0) {\n value = `${value}`;\n }\n type = 'text';\n } else {\n value =\n data?.placeholders?.[\n `eon-table-cell-rows-${colIndex}`\n ][0];\n type = 'link';\n }\n } else {\n value = '';\n }\n\n return (\n\n
\n );\n }\n if (!isMobile) {\n return (\n Table Component
\n\n
\n \n
\n Cta placeholder
\n\n
\n \n \n )}\n
\n {rendering.fields.linkDescription.value}
\n {rendering.fields.tableLink.value.href !== '' && (\n\n
\n );\n }\n if (isMobile) {\n return (\n \n
\n \n
\n \n
\n \n \n )}\n
\n {rendering.fields.linkDescription.value}
\n {rendering.fields.tableLink.value.href !== '' && (\n\n
\n );\n }\n};\n\nexport default withSitecoreContext()(Table);\n","import TableCellContent from './TableCellContent.jsx';\n\nexport default TableCellContent;\n","import React from 'react';\nimport { withSitecoreContext } from '@sitecore-jss/sitecore-jss-react';\nimport { withTranslation } from 'react-i18next';\n\nconst TableCellContent = ({ fields, params, sitecoreContext, t, index }) => {\n const content = fields.cellContent.value;\n const scheme = params.scheme;\n if (sitecoreContext.pageEditing && !content)\n return \n
\n \n {Object.keys(mobileMapArray).map((col, index) =>\n index > 0 ? (\n
\n \n
\n \n \n )}\n
\n {rendering.fields.linkDescription.value}
\n {rendering.fields.tableLink.value.href !== '' && (\n{t('Editor|EmptyDatasource')}
;\n else {\n return (\n \n \n
\n );\n }\n};\nexport default withTranslation()(withSitecoreContext()(TableCellContent));\n","import TableInformationMobileColumn from './TableInformationMobileColumn.jsx';\n\nexport default TableInformationMobileColumn;\n","import React from 'react';\nimport { Placeholder } from '@sitecore-jss/sitecore-jss-react';\n\nconst TableInformationMobileColumn = ({ rendering, repeatingFields }) => {\n const titles = repeatingFields;\n\n return (\n \n {rendering?.placeholders['eon-table-cell-columns-2'][0].fields\n .cellContent?.value && (\n
\n );\n};\n\nexport default TableInformationMobileColumn;\n","import TableInformation from './TableInformation.jsx';\n\nexport default TableInformation;\n","import React from 'react';\nimport { Placeholder } from '@sitecore-jss/sitecore-jss-react';\nimport Slider from 'react-slick';\nimport TableInformationMobileColumn from '../TableInformationMobileColumn/index.js';\nimport { useMobileCheck } from '../../hooks/useMobileCheck';\n\nconst TableInformation = ({ rendering }) => {\n const isMobile = useMobileCheck();\n const repeatingFields =\n rendering.placeholders['eon-table-information-columns'][0].placeholders;\n\n const settings = {\n dots: true,\n infinite: false,\n speed: 500,\n slidesToShow: 2,\n slidesToScroll: 1,\n swipe: true,\n arrows: false,\n mobileFirst: true,\n variableWidth: true,\n responsive: [\n {\n breakpoint: 1024,\n settings: {\n slidesToShow: 2,\n slidesToScroll: 1,\n dots: true,\n swipe: true\n }\n },\n {\n breakpoint: 767,\n settings: {\n slidesToShow: 2,\n slidesToScroll: 1,\n swipe: true\n }\n },\n {\n breakpoint: 480,\n settings: {\n slidesToShow: 2,\n slidesToScroll: 1,\n swipe: true\n }\n }\n ]\n };\n\n if (!isMobile) {\n return (\n \n
\n )}\n \n \n
\n \n \n
\n {rendering.params.rows > 4 && (\n \n \n
\n )}\n \n
\n );\n }\n if (isMobile) {\n return (\n \n
\n \n
\n \n
\n );\n }\n};\n\nexport default TableInformation;\n","import TableInformationColumn from './TableInformationColumn.jsx';\n\nexport default TableInformationColumn;\n","import React from 'react';\nimport {\n Placeholder,\n withSitecoreContext\n} from '@sitecore-jss/sitecore-jss-react';\n\nconst TableInformationColumn = ({ rendering }) => {\n return (\n \n
\n \n \n {rendering.placeholders?.[\n 'eon-table-information-columns'\n ]?.map((slide, index) =>\n slide.placeholders['eon-table-cell-columns-1']\n .length > 0 ? (\n \n
\n \n
\n ) : null\n )}\n \n \n {rendering.placeholders['eon-table-cell-columns-1'].length > 0 ? (\n
\n );\n};\n\nexport default withSitecoreContext()(TableInformationColumn);\n","import TextTeaser from './TextTeaser.jsx';\n\nexport default TextTeaser;\n","import React from 'react';\nimport { withSitecoreContext } from '@sitecore-jss/sitecore-jss-react';\nimport { Placeholder } from '@sitecore-jss/sitecore-jss-react';\n\nconst TextTeaser = ({ rendering, params, fields, sitecoreContext }) => {\n const scheme = params.scheme;\n const pictogramColor = params.pictogramColor;\n\n const ImageWrapper = () => {\n const isImage = rendering.placeholders?.['eon-image'].some(\n (x) => x.name !== 'code'\n );\n if (sitecoreContext.pageEditing && !isImage) {\n return (\n \n
\n ) : null}\n\n \n
\n \n
\n {rendering.params.rows > 4 && (\n \n
\n )}\n \n
\n );\n } else {\n return (\n \n \n
\n );\n};\n\nexport default withSitecoreContext()(TextTeaser);\n","import TextTeaserColumn from './TextTeaserColumn.jsx';\n\nexport default TextTeaserColumn;\n","import React from 'react';\nimport { withSitecoreContext } from '@sitecore-jss/sitecore-jss-react';\nimport { useMobileCheck } from '../../hooks/useMobileCheck';\n\nconst TextTeaserColumn = ({\n rendering,\n fields,\n params,\n props,\n sitecoreContext\n}) => {\n const isMobile = useMobileCheck();\n\n var stepFontSize = params.stepFontSize;\n var stepColor = params.stepColor;\n var stepIcon = params.stepIcon;\n let columnsArry = props.columnsArry;\n\n function checkLast() {\n if (columnsArry[columnsArry.length - 1].uid === rendering.uid)\n return true;\n if (columnsArry.length < 5) return false;\n for (let i = 4; i < columnsArry.length - 1; i += 5) {\n if (columnsArry[i].uid === rendering.uid) return true;\n }\n return false;\n }\n return (\n \n
\n {fields?.description?.value && (\n \n
\n )}\n \n
\n \n Text Teaser Column
}\n\n
\n \n );\n};\n\nexport default withSitecoreContext()(TextTeaserColumn);\n","import TextTeaserInColumns from './TextTeaserInColumns.jsx';\n\nexport default TextTeaserInColumns;\n","import React from 'react';\nimport { withSitecoreContext } from '@sitecore-jss/sitecore-jss-react';\nimport { Placeholder } from '@sitecore-jss/sitecore-jss-react';\n\nconst TextTeaserInColumns = ({ rendering, params, sitecoreContext }) => {\n let columnsArry = rendering.placeholders['eon-text-teaser-columns'].filter(\n (sub) => sub.componentName === 'TextTeaserColumn'\n );\n return (\n \n
\n\n \n
\n {!isMobile && !checkLast() && (\n \n
\n )}\n \n
\n \n \n {fields.description?.value ?? ''}\n \n
\n \n {sitecoreContext.pageEditing &&
\n );\n};\n\nexport default withSitecoreContext()(TextTeaserInColumns);\n","import TextTeaserTiles from './TextTeaserTiles.jsx';\n\nexport default TextTeaserTiles;\n","import React from 'react';\nimport {\n Placeholder,\n withSitecoreContext\n} from '@sitecore-jss/sitecore-jss-react';\nimport Slider from 'react-slick';\nimport { useMobileCheck } from '../../hooks/useMobileCheck';\n\nconst TextTeaserTiles = ({ rendering, params }) => {\n const isMobile = useMobileCheck();\n const placeholders = Object.keys(rendering.placeholders);\n const settings = {\n dots: true,\n infinite: false,\n speed: 500,\n slidesToShow: 2,\n slidesToScroll: 1,\n swipe: true,\n arrows: false\n };\n\n if (!placeholders) {\n return '';\n }\n return (\n Text Teaser in Columns
}\n\n
\n \n
\n \n \n {placeholders\n .filter((x) => x.includes('-columns'))\n .map((p, key) => (\n \n )}\n
\n );\n};\n\nexport default withSitecoreContext()(TextTeaserTiles);\n","import TextTile from './TextTile.jsx';\n\nexport default TextTile;\n","import React from 'react';\nimport {\n Placeholder,\n withSitecoreContext\n} from '@sitecore-jss/sitecore-jss-react';\n\nconst TextTile = ({ rendering, sitecoreContext, fields, params }) => {\n const tileColor = params.scheme || 'white';\n const hasLinks = !!rendering.placeholders['eon-links'].length;\n\n return (\n \n
\n {!isMobile && (\n \n {placeholders\n .filter((x) => x.includes('-columns'))\n .map((p, key) => (\n
\n )}\n {isMobile && (\n \n
\n ))}\n \n \n \n \n
\n );\n};\n\nexport default withSitecoreContext()(TextTile);\n","import TextTiles from './TextTiles.jsx';\n\nexport default TextTiles;\n","import React from 'react';\nimport {\n Placeholder,\n withSitecoreContext\n} from '@sitecore-jss/sitecore-jss-react';\n\nconst TextTiles = ({ rendering, sitecoreContext }) => (\n \n {sitecoreContext.pageEditing &&
\n TextTile Component
}\n\n\n
\n\n \n
\n\n {hasLinks && (\n \n
\n )}\n \n {sitecoreContext.pageEditing &&
\n);\n\nexport default withSitecoreContext()(TextTiles);\n","import TextTilesRow from './TextTilesRow.jsx';\n\nexport default TextTilesRow;\n","import React from 'react';\nimport { Placeholder } from '@sitecore-jss/sitecore-jss-react';\nimport gridStyle from '../../lib/GridControlStyleResolver.js';\n\nconst TextTilesRow = ({ params, rendering }) => {\n const placeholdersKeys = Object.keys(rendering.placeholders);\n const columns = placeholdersKeys?.filter((x) => x.includes('column')) || [];\n\n return (\n TextTiles Component
}\n\n \n {columns.map((p, key) => (\n \n \n ))}\n \n
\n );\n};\n\nexport default TextTilesRow;\n","import TileWithIcon from './TileWithIcon.jsx';\n\nexport default TileWithIcon;\n","import React from 'react';\nimport { withSitecoreContext } from '@sitecore-jss/sitecore-jss-react';\n\nconst TileWithIcon = ({ fields, params, props, sitecoreContext }) => {\n if (!fields) {\n return '';\n }\n\n const icon = fields.icon?.value;\n const caption = fields.caption?.value ?? '';\n const backgroundColor =\n params?.backgroundColor ?? props?.backgroundColor ?? '';\n const iconBackgroundColor = params?.iconColor ?? props?.iconColor ?? '';\n const captionScheme = params?.captionScheme ?? props?.captionScheme ?? '';\n const textSize = params?.textSize ?? props?.textSize ?? 'h5';\n\n return (\n \n {sitecoreContext.pageEditing &&
\n );\n};\n\nexport default withSitecoreContext()(TileWithIcon);\n","import TilesWithIcon from './TilesWithIcon.jsx';\n\nexport default TilesWithIcon;\n","import React from 'react';\nimport Slider from 'react-slick';\nimport {\n Placeholder,\n withSitecoreContext\n} from '@sitecore-jss/sitecore-jss-react';\nimport { useMobileCheck } from '../../hooks/useMobileCheck';\nimport TileWithIcon from '../TileWithIcon';\n\nconst TilesWithIcon = ({ rendering, sitecoreContext }) => {\n const isMobile = useMobileCheck();\n\n const placeholdersKeys = Object.keys(rendering.placeholders);\n\n if (!placeholdersKeys) {\n return '';\n }\n\n const rows = rendering.placeholders['eon-tiles-with-icon-row'];\n\n const settings = {\n speed: 500,\n slidesToShow: 2,\n slidesToScroll: 1,\n swipe: true,\n dots: true,\n infinite: false\n };\n\n return (\n Tile With Icon
}\n\n\n \n \n
\n \n
\n \n {icon && (\n
\n {caption && (\n \n
\n )}\n \n {sitecoreContext.pageEditing && \n {rows\n .flatMap((row) =>\n Object.values(row?.placeholders)?.flatMap(\n (column) => column\n )\n )\n .map((tile, key) => (\n \n )}\n {!isMobile && (\n
\n );\n};\n\nexport default withSitecoreContext()(TilesWithIcon);\n","import TilesWithIconRow from './TilesWithIconRow.jsx';\n\nexport default TilesWithIconRow;\n","import React from 'react';\nimport {\n Placeholder,\n withSitecoreContext\n} from '@sitecore-jss/sitecore-jss-react';\nimport gridStyle from '../../lib/GridControlStyleResolver.js';\n\nconst TilesWithIconRow = ({ rendering, sitecoreContext, params }) => {\n const placeholdersKeys = Object.keys(rendering.placeholders);\n\n if (!placeholdersKeys) {\n return '';\n }\n\n const columns = placeholdersKeys?.filter((x) => x.includes('column')) || [];\n\n return (\n Tiles with Icon component
}\n\n
\n\n {isMobile && rows?.length && (\n \n
\n ))}\n \n \n
\n )}\n\n \n
\n \n {sitecoreContext.pageEditing && \n {columns.map((p, key) => (\n \n \n ))}\n \n
\n );\n};\n\nexport default withSitecoreContext()(TilesWithIconRow);\n","import TwoRowsInformation from './TwoRowsInformation.jsx';\n\nexport default TwoRowsInformation;\n","import React from 'react';\nimport { Placeholder } from '@sitecore-jss/sitecore-jss-react';\nimport { withSitecoreContext } from '@sitecore-jss/sitecore-jss-react';\nimport getGridStyle from '../../lib/GridControlStyleResolver.js';\n\nconst TwoRowsInformation = ({ sitecoreContext, rendering }) => {\n const placeholders = Object.keys(rendering.placeholders);\n const columns = placeholders.filter((placeholder) =>\n placeholder.includes('column')\n );\n const hasLink = !!rendering.placeholders['eon-links']?.length;\n\n return (\n Tiles With Icon Row
}\n\n\n {sitecoreContext && sitecoreContext.pageEditing && (\n \n \n \n\n
\n );\n};\nexport default withSitecoreContext()(TwoRowsInformation);\n","import VerticalSlide from './VerticalSlide.jsx';\n\nexport default VerticalSlide;\n","import {\n Placeholder,\n withSitecoreContext\n} from '@sitecore-jss/sitecore-jss-react';\nimport React from 'react';\nimport { useWindowSize } from '../../hooks/useWindowSize';\n\nconst VerticalSlide = ({ fields, props, sitecoreContext }) => {\n const windowSize = useWindowSize();\n\n const imageUrl = fields?.image?.value?.src ?? '';\n const previewImageAlt = fields?.image?.value?.alt ?? '';\n\n if (sitecoreContext.pageEditing) {\n return (\n Two Rows Information Component
\n )}\n\n \n
\n\n \n
\n \n
\n {hasLink && (\n \n
\n )}\n \n \n {columns.map((p, key) => (\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 900 ? 'column-1' : 'column-2'}\n >\n {windowSize.width > 900 ? (\n \n {props.slides.map((subText, index) => (\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\nexport default withSitecoreContext()(VerticalSlide);\n","import DataLayer from '../../DataLayer';\n\nconst ScrollMagics = {\n scrollMagicsInit: function (rendering, color, itemPath) {\n var ScrollMagic = require('scrollmagic');\n let pos = 0;\n let recentProgress = 0;\n var dataLayerEventCount = 0;\n var slideLength = rendering.placeholders['eon-vertical-slides'].length;\n var slides = rendering.placeholders['eon-vertical-slides'];\n var controller = new ScrollMagic.Controller();\n var scene = new ScrollMagic.Scene({\n triggerElement: '.vertical-slider',\n triggerHook: 'onLeave',\n duration: 1200\n })\n .setPin('.sticky')\n .addTo(controller);\n\n const tempOffset = (1200 - 64 - 762 - 130) / 2;\n\n if (window.innerWidth > 900) {\n scene.offset(-tempOffset);\n } else {\n scene.offset(-90);\n }\n const updateScene = (progress) => {\n recentProgress = progress; \n document.body.style.setProperty(\n '--vertical-slide-text-background-pos',\n (progress * 100 * 2) / 3 + '%'\n );\n document.body.style.setProperty(\n '--vertical-slide-text-mobile-pos',\n progress * -192 + 'px'\n );\n document.body.style.setProperty(\n '--vertical-slide-linear-color',\n `linear-gradient(180deg, rgba(38, 165, 180, 0) 12.19%, var(--${color}) 84.7%)`\n );\n checkPos(progress);\n var img = document.getElementsByClassName('desktop-pc-top-main')[0];\n if (img && img.style)\n img.style.opacity = pos === 0 ? 1 :\n ((progress - pos / slideLength) * slideLength) / 2 +\n 0.66;\n }\n const onInitialMouseMove = () => {\n updateScene(recentProgress);\n document.removeEventListener('mousemove',onInitialMouseMove, false);\n }\n document.addEventListener('mousemove', onInitialMouseMove, false);\n\n scene.on('progress', function (event) {\n updateScene(event.progress);\n });\n updateScene(0);\n function checkPos(progress) {\n var temppos =\n Math.floor(slideLength * progress) > slideLength - 1\n ? slideLength - 1\n : Math.floor(slideLength * progress);\n if (temppos !== pos) {\n var img = document.querySelector(\n '.desktop-pc-top-main eon-ui-image'\n );\n if (img) {\n img.src = slides[temppos]?.fields?.image?.value?.src ?? '';\n }\n\n if (dataLayerEventCount < slideLength - 1) {\n const currentPercentage = Math.floor(\n (100 / slideLength) * (temppos + 1)\n );\n\n const dataLayer = {\n event: 'sub_scroll',\n eventCategory: 'sub_scroll',\n eventAction: `scrollu (progi: ${currentPercentage}%)`,\n eventLabel: itemPath\n };\n\n DataLayer.pushToDataLayer(dataLayer);\n dataLayerEventCount++;\n }\n }\n pos = temppos;\n }\n let textList = document.getElementById('vertical-slide-text-list');\n let textslides = textList.querySelectorAll('.vertical-slide-text');\n\n function initPrimaryListFunctionality() {\n for (let i = 0; i < textslides.length; i++) {\n textslides[i].addEventListener('click', function () {\n controller.scrollTo(scene);\n var newScrollPos =\n controller.scrollPos() + (1200 / (slideLength - 1)) * i;\n controller.scrollTo(newScrollPos);\n });\n }\n }\n\n initPrimaryListFunctionality();\n\n function destroy() {\n scene.destroy(true);\n controller.destroy(true);\n }\n\n return { destroy };\n }\n};\nexport default ScrollMagics;\n","import VerticalSlider from './VerticalSlider.jsx';\n\nexport default VerticalSlider;\n","import React, { useEffect } from 'react';\nimport { Placeholder } from '@sitecore-jss/sitecore-jss-react';\nimport { withSitecoreContext } from '@sitecore-jss/sitecore-jss-react';\nimport ScrollMagics from './scrollMagics.js';\n\nconst VerticalSlider = ({ rendering, params, sitecoreContext, props }) => {\n const detailColor = params.activeSlideDetailColor || 'eon-limeyellow';\n const activeSlideColor = params.activeSlideColor || 'eon-turquoise-dark';\n const backgroundColor = params.backgroundColor || 'eon-turquoise';\n\n useEffect(() => {\n if (!sitecoreContext.pageEditing) {\n const { destroy } = ScrollMagics.scrollMagicsInit(\n rendering,\n props.backgroundColor,\n sitecoreContext.itemPath\n );\n\n return () => {\n destroy();\n };\n }\n }, []); //eslint-disable-line react-hooks/exhaustive-deps\n\n return sitecoreContext.pageEditing ? (\n \n
\n \n 900\n ? '356px'\n : '155px'\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
\n \n );\n};\nexport default withSitecoreContext()(VerticalSlider);\n","import VideoFile from './VideoFile.jsx';\n\nexport default VideoFile;\n","import React from 'react';\nimport { withSitecoreContext } from '@sitecore-jss/sitecore-jss-react';\n\nconst VideoFile = ({ fields, sitecoreContext }) => {\n const fileUrl = fields?.file?.value?.src ?? '';\n const imageUrl = fields?.previewImage?.value?.src ?? '';\n const previewImageAlt = fields?.previewImage?.value?.alt ?? '';\n const videoUrl = fields?.video?.videoUrl;\n const videoTitle = fields?.video?.videoTitle;\n\n return (\n \n
\n \n {sitecoreContext.pageEditing && \n \n \n
\n );\n};\n\nexport default withSitecoreContext()(VideoFile);\n","import VideoYouTube from './VideoYouTube.jsx';\n\nexport default VideoYouTube;\n","import React from 'react';\nimport { withSitecoreContext } from '@sitecore-jss/sitecore-jss-react';\n\nconst VideoYouTube = ({ sitecoreContext, fields }) => {\n const videoUrl = fields?.youTubeId?.value ?? fields?.video?.videoUrl;\n const videoTitle = fields?.video?.videoTitle;\n const previewImageUrl = fields?.previewImage?.value?.src ?? '';\n const previewImageAlt = fields?.previewImage?.value?.alt ?? '';\n\n return (\n Video File
}\n\n {sitecoreContext.pageEditing && \n \n \n
\n );\n};\n\nexport default withSitecoreContext()(VideoYouTube);\n","import VotingCards from './VotingCards.jsx';\n\nexport default VotingCards;\n","import React from 'react';\nimport {\n Placeholder,\n withSitecoreContext\n} from '@sitecore-jss/sitecore-jss-react';\n\nconst VotingCards = ({ sitecoreContext, rendering }) => {\n return (\n <>\n {sitecoreContext.pageEditing && YouTube File
}\nVoting Cards
}\n\n\n
\n \n );\n};\n\nexport default withSitecoreContext()(VotingCards);\n","import FlyoutMenu from './FlyoutMenu.jsx';\n\nexport default FlyoutMenu;\n","import React from 'react';\nimport { Placeholder } from '@sitecore-jss/sitecore-jss-react';\nimport NavigationItem from '../NavigationItem/index.js';\n\nconst FlyoutMenu = ({ rendering, params }) => {\n var placeholders = Object.keys(rendering.placeholders);\n\n return (\n <>\n \n
\n\n \n
\n \n
\n \n \n );\n};\nexport default FlyoutMenu;\n","import FlyoutMenuSection from './FlyoutMenuSection.jsx';\n\nexport default FlyoutMenuSection;\n","import React from 'react';\nimport { withSitecoreContext } from '@sitecore-jss/sitecore-jss-react';\nimport { withTranslation } from 'react-i18next';\nimport NavigationHelper from '../NavigationHelper.js';\nimport NavigationItem from '../NavigationItem/index.js';\n\nconst FlyoutMenuSection = ({ fields, sitecoreContext, t }) => {\n const mainlinks = fields.mainLink;\n const links = fields.links;\n\n if (sitecoreContext.pageEditing && !mainlinks && links) {\n return (\n \n \n
\n\n \n {placeholders\n .filter((x) => x.includes('column'))\n .map((p, key) => (\n \n
\n ))}\n \n
\n );\n};\n\nexport default withTranslation()(withSitecoreContext()(FlyoutMenuSection));\n","import MainNavigationSection from './MainNavigationSection.jsx';\n\nexport default MainNavigationSection;\n","import React from 'react';\nimport {\n Placeholder,\n withSitecoreContext\n} from '@sitecore-jss/sitecore-jss-react';\nimport { withTranslation } from 'react-i18next';\n\nconst MainNavigationSection = ({ rendering }) => {\n //this component is used only in edit mode, in normal mode data is being taken directly from placeholders\n const EditMode = () => {\n return (\n \n {sitecoreContext.pageEditing &&\n (!mainlinks || mainlinks.length === 0) &&\n (!links || links.length === 0) && (\n \n {t('Editor|NoLinks')}\n \n )}\n\n {mainlinks.map((mainlink) => {\n return (\n \n \n \n {link.text}\n \n );\n })}\n \n );\n })}\n
\n \n {rendering.fields.link && (\n <>\n \n
\n )\n );\n }\n })}\n \n )}\n \n );\n };\n\n return \n
\n\n \n
\n \n \n {rendering.fields.link.text}\n \n
\n \n
\n {rendering.fields.link.subItems.map((si, i) => {\n if (!si.isHiddenOnDesktop) {\n return (\n si.hasFlyout && (\n \n
\n \n {rendering.fields.link.subItems.map(\n (si, i) => {\n if (!si.isHiddenOnDesktop) {\n return (\n \n {si.text}\n \n );\n }\n }\n )}\n
\n \n
\n ) && (\n {`eon-navigation-flyout-tabs-{${si.id}}`}
\n\n \n
\n \n \n \n
\n );\n};\n\nexport default TextTeaserTile;\n","import Facebook from './Facebook.jsx';\n\nexport default Facebook;\n","import React from 'react';\nimport { withSitecoreContext } from '@sitecore-jss/sitecore-jss-react';\nimport { withTranslation } from 'react-i18next';\n\nconst Facebook = ({ params, t, sitecoreContext }) => {\n if (!params.active || !params.url) {\n if (sitecoreContext.pageEditing) {\n return \n \n \n \n \n
\n \n
\n\n \n
\n \n
\n \n
\n {hasLink && (\n \n
\n )}\n \n \n
\n \n {t('Editor|EmptyParameters')}
;\n }\n return '';\n }\n\n let currentUrl = '';\n\n if (typeof window !== 'undefined') {\n currentUrl = window?.location?.href;\n }\n\n const url = params.url.replaceAll('{url}', encodeURIComponent(currentUrl));\n const iconScheme = 'middlegrey';\n\n return (\n {t('Editor|EmptyParameters')}
;\n }\n return '';\n }\n\n let currentUrl = '';\n\n if (typeof window !== 'undefined') {\n currentUrl = window?.location?.href;\n }\n\n const title = sitecoreContext.fields?.pageTitle;\n const url = params.url\n .replaceAll('{url}', encodeURIComponent(currentUrl))\n .replaceAll('{title}', title);\n const iconScheme = 'middlegrey';\n\n return (\n {t('Editor|EmptyParameters')}
;\n }\n return '';\n }\n\n let currentUrl = '';\n\n if (typeof window !== 'undefined') {\n currentUrl = window?.location?.href;\n }\n\n const text = sitecoreContext.fields?.pageTitle;\n const url = params.url\n .replaceAll('{url}', encodeURIComponent(currentUrl))\n .replaceAll('{text}', text);\n const iconScheme = 'middlegrey';\n\n return (\n }\n
{textWithBreaks}
;\n};\n\nexport default ResendDescription;\n","export class ApiError extends Error {\n constructor(status, data, message = 'API error') {\n super(message);\n this.name = 'ApiError';\n this.status = status;\n this.data = data;\n }\n}\n\nexport const fetchApi = async (endpoint, data = {}, method = 'POST') => {\n let url = endpoint;\n\n const isPost = method.toUpperCase() === 'POST';\n const hasData = Object.keys(data).length > 0;\n\n if (!isPost && hasData) {\n const queryParams = new URLSearchParams(data).toString();\n url = `${endpoint}?${queryParams}`;\n }\n\n try {\n const response = await fetch(url, {\n method,\n credentials: 'include',\n headers: {\n 'Content-Type': 'application/json'\n },\n body: isPost && hasData ? JSON.stringify(data) : null\n });\n\n const isJson = response.headers\n .get('content-type')\n ?.includes('application/json');\n\n const responseData = isJson ? await response.json() : null;\n\n if (response.ok) {\n if (!isJson) {\n return null;\n }\n if (responseData.status === 200) {\n return responseData;\n } else {\n throw new ApiError(\n responseData.status,\n responseData,\n `ApiError: Request failed with status ${response.status}`\n );\n }\n } else {\n throw new ApiError(\n response.status,\n responseData,\n `ApiError: Bad request with status ${response.status}`\n );\n }\n } catch (error) {\n throw error;\n }\n};\n","import React, { useEffect, useState } from 'react';\n\nimport { fetchApi, ApiError } from '../../api';\n\nconst stringToReplace = '{0}';\n\nconst Description = ({\n text,\n endpoint,\n unauthorizeRedirectUrl,\n setCodeMessage,\n isPageEditing\n}) => {\n const [phone, setPhone] = useState('');\n\n useEffect(() => {\n const fetchPhone = async () => {\n try {\n const { phone: newPhone } = await fetchApi(endpoint);\n setPhone(newPhone);\n } catch (error) {\n if (error instanceof ApiError) {\n if (error.status === 400) {\n setPhone(error.data.phone);\n setCodeMessage(\n error.data.message,\n error.data.time,\n true\n );\n } else if (error.status === 401) {\n window.location.href = unauthorizeRedirectUrl;\n }\n }\n console.error('Error fetching phone:', error);\n }\n };\n if (!isPageEditing) {\n fetchPhone();\n }\n }, [endpoint]);\n\n const displayedText = text.replace(stringToReplace, phone);\n\n if (phone === '') {\n return null;\n }\n\n return {displayedText}
;\n};\n\nexport default Description;\n","import { useEffect, useRef } from 'react';\n\nconst useListener = (ref, eventName, callback, debounceTime = 0) => {\n const timeoutRef = useRef(null);\n\n useEffect(() => {\n const element = ref?.current;\n\n if (element) {\n const eventHandler = (e) => {\n if (debounceTime > 0) {\n if (timeoutRef.current) {\n clearTimeout(timeoutRef.current);\n }\n timeoutRef.current = setTimeout(() => {\n callback(e);\n }, debounceTime);\n } else {\n callback(e);\n }\n };\n\n element.addEventListener(eventName, eventHandler);\n\n return () => {\n element.removeEventListener(eventName, eventHandler);\n clearTimeout(timeoutRef.current);\n };\n }\n }, [ref, eventName, callback, debounceTime]);\n};\n\nexport default useListener;\n","import { useEffect, useState } from 'react';\n\nexport const ErrorType = {\n INVALID: 'invalid',\n EMPTY: 'empty',\n MAX: 'max',\n MIN: 'min'\n};\n\nconst useValidation = (validateFn, errorsFn = () => {}) => {\n const [errors, setErrors] = useState({});\n const [isValid, setIsValid] = useState(true);\n\n const error = (type, message) => ({\n type,\n message\n });\n\n const validate = (values) => {\n const newErrors = validateFn(values, error);\n setErrors(newErrors);\n return Object.keys(newErrors).length === 0;\n };\n\n const hasError = (field) => {\n return Boolean(errors?.[field]);\n };\n\n const getError = (field) => {\n return errors?.[field];\n };\n\n const getErrorMessage = (field) => {\n return errors?.[field]?.message;\n };\n\n const getErrorType = (field) => {\n return errors?.[field]?.type;\n };\n\n const clearErrors = () => {\n setErrors({});\n };\n\n const clearError = (field) => {\n setErrors((prevErrors) => {\n delete prevErrors[field];\n return { ...prevErrors };\n });\n };\n\n useEffect(() => {\n const isValid = Object.keys(errors).length === 0;\n setIsValid(isValid);\n if (!isValid) {\n errorsFn(errors);\n }\n }, [errors]);\n\n return {\n errors,\n isValid,\n hasError,\n getError,\n getErrorType,\n getErrorMessage,\n validate,\n clearErrors,\n clearError,\n setErrors\n };\n};\n\nexport default useValidation;\n","import { useCallback } from 'react';\nimport { ErrorType } from './useValidation.jsx';\n\nconst LANGUAGE = {\n pl: 'polish',\n en: 'english'\n};\n\nexport const FIELD_NAME = {\n client: 'Klient',\n tranche: 'Transza',\n amount: 'Wartość transzy',\n maxPrice: 'Cena maksymalna',\n expiryDate: 'Termin ważności zamówienia',\n agreement: 'Regulamin'\n};\n\nconst getLanguageFromCookie = () => {\n if (typeof window === 'undefined' || typeof document === 'undefined') {\n return LANGUAGE.pl;\n }\n const cookieString = document.cookie;\n const cookies = cookieString.split(';').map((cookie) => cookie.trim());\n const cookieEn = cookies.find((row) => row === 'sitecoreLanguage=en');\n return cookieEn ? LANGUAGE.en : LANGUAGE.pl;\n};\n\nconst useGTM = (step_number) => {\n if (!step_number) {\n throw new Error('step_number not set');\n }\n\n const language = getLanguageFromCookie();\n\n const pushEvent = useCallback((data) => {\n if (window.dataLayer) {\n const newEvent = {\n page_type: 'TradeON',\n form_id: undefined,\n form_name: undefined,\n language,\n ...data\n };\n if (step_number < 4) {\n newEvent.step_number = step_number;\n }\n window.dataLayer.push(newEvent);\n // console.log('GTM DEBUG', newEvent);\n } else {\n console.warn('dataLayer is not available');\n }\n }, []);\n\n // FormLogin\n\n const submitStep = () => {\n pushEvent({\n event: `trade_on_form_submit_step_${step_number}`\n });\n };\n\n const formInput = (field) => {\n pushEvent({\n event: 'trade_on_form_submit_microstep',\n field_name: FIELD_NAME[field]\n });\n };\n\n const formBack = () => {\n pushEvent({\n event: 'trade_on_form_back'\n });\n };\n\n const exit = () => {\n pushEvent({\n event: 'trade_on_form_exit'\n });\n };\n\n const formViewTooltip = (field) => {\n pushEvent({\n event: 'trade_on_form_view_tooltip',\n field_name: FIELD_NAME[field]\n });\n };\n\n const phoneSubmitError = (type = ErrorType.INVALID) => {\n pushEvent({\n event: 'trade_on_form_submit_error',\n error_name:\n type === ErrorType.INVALID\n ? 'Nieprawidłowy format numeru telefonu'\n : 'Brak numeru telefonu'\n });\n };\n\n const codeSubmitError = (attempt_count = undefined, isBlocked = false) => {\n pushEvent({\n event: 'trade_on_form_submit_error',\n error_name: isBlocked\n ? 'Nieprawidłowy kod weryfikacyjny - blokada SMS'\n : 'Nieprawidłowy kod weryfikacyjny',\n attempt_count\n });\n };\n\n const formSubmitError = (field, type = ErrorType.INVALID) => {\n const event = {\n event: 'trade_on_form_submit_error',\n attemt_count: undefined\n };\n switch (field) {\n case 'client':\n event.error_name = 'Brak uzupełnienia klienta';\n break;\n case 'tranche':\n event.error_name = 'Brak uzupełnienia transzy';\n break;\n case 'amount':\n switch (type) {\n case ErrorType.MAX:\n event.error_name = 'Zbyt wysoka wartość transzy';\n break;\n case ErrorType.MIN:\n event.error_name = 'Zbyt niska wartość transzy';\n break;\n default:\n event.error_name = 'Brak uzupełnienia wartości transzy';\n }\n break;\n case 'maxPrice':\n switch (type) {\n case ErrorType.MAX:\n event.error_name =\n 'Zbyt wysoka wartość maksymalnej ceny';\n break;\n case ErrorType.MIN:\n event.error_name =\n 'Zbyt niska wartość maksymalnej ceny';\n break;\n default:\n event.error_name =\n 'Brak uzupełnienia wartośći maksymalnej ceny';\n }\n break;\n case 'expiryDate':\n event.error_name = 'Błędny termin zamówienia';\n break;\n case 'agreement':\n event.error_name = 'Brak zaznaczenia checkboxa regulaminu';\n break;\n }\n pushEvent(event);\n };\n\n const formResendCode = (code_count) => {\n pushEvent({\n event: 'trade_on_form_resend_code',\n code_count\n });\n };\n\n const formResendCodeInactive = (code_count) => {\n pushEvent({\n event: 'trade_on_form_resend_code_inactive',\n code_count\n });\n };\n\n const formLanguageSettings = (lang) => {\n pushEvent({\n event: 'trade_on_form_language_settings',\n language: LANGUAGE[lang]\n });\n };\n\n const formViewPopup = () => {\n pushEvent({\n event: 'trade_on_form_view_popup'\n });\n };\n\n const formClosePopup = () => {\n pushEvent({\n event: 'trade_on_form_close_popup'\n });\n };\n\n const formSuccessExit = () => {\n pushEvent({\n event: 'trade_on_form_success_exit'\n });\n };\n\n const formSuccessSendNextClick = () => {\n pushEvent({\n event: 'trade_on_form_success_send_next_click'\n });\n };\n\n const formViewTermsAndConditions = () => {\n pushEvent({\n event: 'trade_on_form_view_terms_and_conditions'\n });\n };\n\n return {\n submitStep,\n formInput,\n formBack,\n exit,\n formViewTooltip,\n phoneSubmitError,\n codeSubmitError,\n formSubmitError,\n formResendCode,\n formResendCodeInactive,\n formLanguageSettings,\n formViewPopup,\n formClosePopup,\n formSuccessExit,\n formSuccessSendNextClick,\n formViewTermsAndConditions\n };\n};\n\nexport default useGTM;\n","import { useReducer, useRef } from 'react';\n\nimport useListener from '../useListener.jsx';\nimport useValidation from '../useValidation.jsx';\nimport { ApiError, fetchApi } from '../api.js';\nimport useGTM from '../useGTM.jsx';\n\nconst initialState = {\n code: '',\n isLoading: false,\n isDisabled: false,\n timeout: 0,\n codeMessage: '',\n codeTimeout: 0,\n resendAmount: 0,\n isCodeDisabled: false\n};\n\nconst ACTIONS = {\n SET_CODE: 'SET_CODE',\n SET_LOADING: 'SET_LOADING',\n SET_DISABLED: 'SET_DISABLED',\n SET_TIMEOUT: 'SET_TIMEOUT',\n SET_CODE_DISABLED: 'SET_CODE_DISABLED',\n RESET_DISABLED: 'RESET_DISABLED',\n RESET_CODE_MESSAGE: 'RESET_CODE_MESSAGE',\n SET_CODE_MESSAGE: 'SET_CODE_MESSAGE',\n INCREMENT_RESEND_AMOUNT: 'INCREMENT_RESEND_AMOUNT'\n};\n\nconst reducer = (state, action) => {\n switch (action.type) {\n case ACTIONS.SET_CODE:\n return { ...state, code: action.payload };\n case ACTIONS.SET_LOADING:\n return { ...state, isLoading: action.payload };\n case ACTIONS.SET_DISABLED:\n return { ...state, isDisabled: action.payload };\n case ACTIONS.SET_TIMEOUT:\n return { ...state, timeout: action.payload };\n case ACTIONS.SET_CODE_DISABLED:\n return { ...state, isCodeDisabled: action.payload };\n case ACTIONS.INCREMENT_RESEND_AMOUNT:\n return { ...state, resendAmount: state.resendAmount + 1 };\n case ACTIONS.RESET_CODE_MESSAGE:\n return {\n ...state,\n codeMessage: '',\n codeTimeout: 0,\n isCodeDisabled: false\n };\n case ACTIONS.RESET_DISABLED:\n return {\n ...state,\n isDisabled: false,\n timeout: 0\n };\n case ACTIONS.SET_CODE_MESSAGE:\n return {\n ...state,\n isCodeDisabled: action.payload.disable,\n codeMessage: action.payload.message,\n codeTimeout: action.payload.timeout\n };\n default:\n return state;\n }\n};\n\nconst useFormAuthenticate = ({\n validateFn,\n endpointUrl,\n resendEndpointUrl,\n clearSessionUrl,\n unauthorizeRedirectUrl\n}) => {\n const [state, dispatch] = useReducer(reducer, initialState);\n\n const codeInputRef = useRef(null);\n const codeResendButtonRef = useRef(null);\n const submitButtonRef = useRef(null);\n const backButtonRef = useRef(null);\n\n const gtm = useGTM(2);\n const {\n isValid,\n errors,\n clearError,\n validate,\n hasError,\n getErrorMessage,\n setErrors\n } = useValidation(validateFn, () => {});\n\n const setCode = (code) =>\n dispatch({ type: ACTIONS.SET_CODE, payload: code });\n const setIsLoading = (isLoading) =>\n dispatch({ type: ACTIONS.SET_LOADING, payload: isLoading });\n const setIsDisabled = (isDisabled) =>\n dispatch({ type: ACTIONS.SET_DISABLED, payload: isDisabled });\n const setSubmitTimeout = (time) =>\n dispatch({ type: ACTIONS.SET_TIMEOUT, payload: time });\n const resetDisabled = () => {\n dispatch({ type: ACTIONS.RESET_DISABLED });\n };\n const resetCodeMessage = () => {\n dispatch({ type: ACTIONS.RESET_CODE_MESSAGE });\n };\n const setCodeMessage = (message, timeout = 0, disable = false) => {\n dispatch({\n type: ACTIONS.SET_CODE_MESSAGE,\n payload: { message, timeout, disable }\n });\n if (disable) {\n gtm.formResendCodeInactive(state.resendAmount + 1);\n } else {\n gtm.formResendCode(state.resendAmount + 1);\n }\n };\n const incrementResendAmount = () =>\n dispatch({ type: ACTIONS.INCREMENT_RESEND_AMOUNT });\n\n useListener(codeInputRef, 'valueChanged', (e) => {\n setCode(e.target.value);\n });\n\n useListener(submitButtonRef, 'buttonClick', async () => {\n const data = { code: state.code };\n const valid = validate(data);\n if (!valid) {\n gtm.codeSubmitError();\n return;\n }\n\n setIsLoading(true);\n\n try {\n const { redirect } = await fetchApi(endpointUrl, data);\n gtm.submitStep();\n window.location.href = redirect;\n } catch (error) {\n console.error('Error logging', error);\n if (error instanceof ApiError) {\n if (error.status === 401) {\n window.location.href = unauthorizeRedirectUrl;\n }\n if (error.status === 400) {\n if (error.data.attempt) {\n gtm.codeSubmitError(\n error.data.attempt,\n error.data.disabled\n );\n }\n if (error.data.disabled) {\n setIsDisabled(true);\n }\n if (error.data.time) {\n setSubmitTimeout(error.data.time);\n }\n if (error.data.errors) {\n setErrors(error.data.errors);\n }\n }\n }\n } finally {\n setIsLoading(false);\n }\n });\n\n useListener(backButtonRef, 'buttonClick', async () => {\n gtm.formBack();\n await fetchApi(clearSessionUrl);\n window.location.href = unauthorizeRedirectUrl;\n });\n\n useListener(codeResendButtonRef, 'linkClick', async (event) => {\n setIsLoading(true);\n event.preventDefault();\n\n try {\n const { message, time } = await fetchApi(resendEndpointUrl);\n incrementResendAmount();\n const isResendDisabled = time ? true : false;\n setCodeMessage(message, time, isResendDisabled);\n resetErrorCodeMessage();\n } catch (error) {\n if (error instanceof ApiError) {\n if (error.status === 401) {\n window.location.href = unauthorizeRedirectUrl;\n }\n if (\n error.status === 400 &&\n error.data.time &&\n error.data.message\n ) {\n const { message, time } = error.data;\n setCodeMessage(message, time, true);\n }\n }\n console.error('Error resending code', error);\n } finally {\n setIsLoading(false);\n }\n });\n\n const resetErrorCodeMessage = () => {\n clearError('code');\n resetDisabled();\n };\n\n return {\n state,\n refs: {\n code: codeInputRef,\n resend: codeResendButtonRef,\n submit: submitButtonRef,\n back: backButtonRef\n },\n errors,\n isValid,\n hasError,\n getErrorMessage,\n resetCodeMessage,\n setCodeMessage,\n resetErrorCodeMessage,\n\n setCodeMessage\n };\n};\n\nexport default useFormAuthenticate;\n","import { useEffect } from 'react';\n\nconst usePaddingContent = () => {\n useEffect(() => {\n const styleTag = document.createElement('style');\n styleTag.id = 'trade-on-container';\n styleTag.textContent = `\n @media (min-width: 1024px) {\n .section .inner-content {\n margin-top: 40px;\n }\n }\n .side-by-side-main.headline { margin-bottom: 24px !important; }\n `;\n\n document.head.appendChild(styleTag);\n\n return () => {\n if (styleTag.parentNode) {\n styleTag.parentNode.removeChild(styleTag);\n }\n };\n }, []);\n};\n\nexport default usePaddingContent;\n","import { useEffect } from 'react';\n\nconst useHideElements = () => {\n useEffect(() => {\n const styleTag = document.createElement('style');\n styleTag.id = 'trade-on-hide-meon';\n styleTag.textContent = `\n .header-container .toolbar-sticky { display: none !important; }\n .header-container .toolbar-static .notification-bell { display: none !important; }\n .header-container .notifications-container { display: none !important; }\n `;\n\n document.head.appendChild(styleTag);\n\n return () => {\n if (styleTag.parentNode) {\n styleTag.parentNode.removeChild(styleTag);\n }\n };\n }, []);\n};\n\nexport default useHideElements;\n","import FormAuthenticate from './FormAuthenticate.jsx';\n\nexport default FormAuthenticate;\n","import React, { useEffect } from 'react';\nimport { withSitecoreContext } from '@sitecore-jss/sitecore-jss-react';\n\nimport ResendDescription from './components/ResendDesription.jsx';\nimport Description from './components/Description.jsx';\nimport useFormAuthenticate from './useFormAuthenticate.jsx';\nimport useTimoutMessage from './useTimoutMessage.jsx';\nimport usePaddingContent from '../usePaddingContent.jsx';\nimport useHideElements from '../useHideElements.jsx';\n\nconst FormAuthenticate = ({ params, fields, sitecoreContext }) => {\n const descriptionText = fields?.description?.value ?? 'description';\n const codePlaceholder = fields?.placeholder?.value ?? 'placeholder';\n const resendButtonLabel = fields?.resendLabel?.value ?? 'resendLabel';\n const submitButtonLabel = fields?.buttonLabel?.value ?? 'buttonLabel';\n const backButtonLabel = fields?.backButtonLabel?.value ?? 'backButtonLabel';\n\n const endpointUrl = fields?.endpoint?.value ?? '/api/login';\n const resendEndpointUrl = fields?.resendEndpointUrl?.value ?? '/api/resend';\n const phoneEndpointUrl = fields?.phoneEndpointUrl?.value ?? '/api/phone';\n const clearSessionUrl =\n fields?.clearSessionUrl?.value ?? '/api/clearSession';\n const unauthorizeRedirectUrl =\n fields?.unauthorizeRedirectUrl?.value ?? '/dla-biznesu/TradeON';\n\n const isPageEditing = sitecoreContext.pageEditing;\n\n usePaddingContent();\n useHideElements();\n\n const {\n refs,\n state: {\n code,\n isCodeDisabled,\n isLoading,\n codeMessage,\n codeTimeout,\n isDisabled,\n timeout\n },\n isValid,\n hasError,\n getErrorMessage,\n resetCodeMessage,\n resetErrorCodeMessage,\n setCodeMessage\n } = useFormAuthenticate({\n endpointUrl,\n resendEndpointUrl,\n unauthorizeRedirectUrl,\n clearSessionUrl,\n validateFn: () => ({})\n });\n\n const errorMessage = useTimoutMessage(\n getErrorMessage('code'),\n timeout,\n resetErrorCodeMessage\n );\n\n useEffect(() => {\n if (refs.code.current) {\n refs.code.current.handleCustomValidation(errorMessage);\n }\n }, [isDisabled, errorMessage]);\n\n return (\n \n
\n );\n};\n\nexport default withSitecoreContext()(FormAuthenticate);\n","import { fetchApi } from './api';\n\n// EventId\n// (15 , 'Wprowadzenie wartości transzy - wyświetlenie walidacji na zbyt niską wartość wprowadzoną')\n// (17 , 'Wprowadzenie ceny maksymalnej - wyświetlenie walidacji na zbyt niską wartość')\n// (18 , 'Wprowadzenie ceny maksymalnej - wyświetlenie walidacji na zbyt wysoką wartość')\n// (1 , 'Wyświetlenie ekranu do podania numeru telefonu')\n// (24 , 'Przejście do ponownego uzupełniania formularza')\n// (26 , 'Brak aktywność usera przez n czas skutkującego zakończeniem sesji (parametr \"n\" do określenia przez biznes)')\n// (27 , 'Powrót do ekranu wprowadzenia telefonu')\n\nconst useLogger = (loggerEndpoint) => {\n const log = (eventId) => {\n try {\n fetchApi(loggerEndpoint, { eventId });\n } catch (error) {\n console.error('useLogger', 'error', error);\n }\n };\n\n return log;\n};\n\nexport default useLogger;\n","import React, { useEffect, useRef, useState } from 'react';\n\nimport useListener from '../useListener.jsx';\nimport useValidation, { ErrorType } from '../useValidation.jsx';\nimport usePaddingContent from '../usePaddingContent.jsx';\nimport useLogger from '../useLogger.jsx';\nimport useGTM from '../useGTM.jsx';\nimport useHideElements from '../useHideElements.jsx';\nimport { fetchApi } from '../api.js';\n\nconst phoneRegEx = /^(45|5[0137]|6[069]|7[2389]|88)\\d{7}$/;\nconst phoneMask =\n /^([45678]|45\\d{0,7}|5[0137]\\d{0,7}|6[069]\\d{0,7}|7[2389]\\d{0,7}|88\\d{0,7})$/;\n\nconst FormLogin = ({ params, fields }) => {\n const phonePlaceholder = fields?.placeholder?.value ?? 'placeholder';\n const phoneInvalid = fields?.invalid?.value ?? 'invalid';\n const phoneEmpty = fields?.invalidEmpty?.value ?? 'invalid';\n const submitButtonLabel = fields?.buttonLabel?.value ?? 'buttonLabel';\n const endpointUrl = fields?.endpoint?.value ?? '/api/phone';\n const loggerEndpointUrl = fields?.loggerEndpointUrl?.value ?? '/api/log';\n\n const gtm = useGTM(1);\n const apiLogger = useLogger(loggerEndpointUrl);\n const phoneInputRef = useRef(null);\n const submitButtonRef = useRef(null);\n const [phone, setPhone] = useState('');\n\n usePaddingContent();\n useHideElements();\n\n const {\n isValid,\n validate,\n hasError,\n getErrorMessage,\n clearError,\n setErrors\n } = useValidation(\n ({ phone }, error) => {\n let errors = {};\n if (!phone) {\n errors.phone = error(ErrorType.INVALID, phoneEmpty);\n } else if (!phoneRegEx.test(phone)) {\n errors.phone = error(ErrorType.INVALID, phoneInvalid);\n }\n\n return errors;\n },\n (errors) => {}\n );\n const [isLoading, setIsLoading] = useState(false);\n\n useListener(phoneInputRef, 'valueChanged', (e) => {\n setPhone(e.target.value);\n clearError('phone');\n });\n\n useListener(submitButtonRef, 'buttonClick', async () => {\n const data = { phone };\n const isValid = validate(data);\n if (!isValid) {\n gtm.phoneSubmitError(\n phone === '' ? ErrorType.EMPTY : ErrorType.INVALID\n );\n return;\n }\n\n setIsLoading(true);\n try {\n const { redirect } = await fetchApi(endpointUrl, data);\n gtm.submitStep();\n window.location.href = redirect;\n } catch (error) {\n console.error('Error logging', error);\n if (error.status === 400) {\n if (error.data.errors) setErrors(error.data.errors);\n }\n } finally {\n setIsLoading(false);\n }\n });\n\n useEffect(() => {\n apiLogger(1);\n }, []);\n\n return (\n \n
\n \n
\n {codeMessage && (\n \n
\n )}\n \n
\n \n
\n );\n};\n\nexport default FormLogin;\n","import FormLogin from './FormLogin.jsx';\n\nexport default FormLogin;\n","import React, { forwardRef } from 'react';\nimport useGTM from '../../useGTM.jsx';\n\nexport const useModal = (ref, step = 3) => {\n const gtm = useGTM(step);\n const openModal = () => {\n gtm.formViewPopup();\n ref.current && ref.current.setAttribute('visible', 'true');\n };\n\n const closeModal = () => {\n gtm.formClosePopup();\n ref.current && ref.current.setAttribute('visible', 'false');\n };\n\n return { openModal, closeModal };\n};\n\nconst Modal = forwardRef(\n (\n {\n id = 'modal-tradeon',\n visible = false,\n copytext,\n headline,\n closeButtonLabel\n },\n ref\n ) => {\n const { closeModal } = useModal(ref);\n\n return (\n \n
\n \n
\n \n \n
\n \n );\n }\n);\n\nexport default Modal;\n","export const formatDate = (input) => {\n const dateRegex = /^\\d{2}\\.\\d{2}\\.\\d{4}$/;\n\n let date;\n\n if (dateRegex.test(input)) {\n const [day, month, year] = input.split('.').map(Number);\n date = new Date(year, month - 1, day);\n } else if (!isNaN(input)) {\n date = new Date(Number(input));\n } else {\n throw new Error(\n 'Invalid date format. Provide a timestamp as a string or a string in dd.mm.yyyy format.'\n );\n }\n\n const day = String(date.getDate()).padStart(2, '0');\n const month = String(date.getMonth() + 1).padStart(2, '0');\n const year = date.getFullYear();\n\n return `${day}.${month}.${year}`;\n};\n","import { useReducer, useRef, useEffect, useMemo } from 'react';\nimport { useHistory } from 'react-router-dom';\n\nimport { fetchApi } from '../api';\nimport useListener from '../useListener.jsx';\nimport useValidation from '../useValidation.jsx';\nimport useGTM from '../useGTM.jsx';\nimport { useModal } from './components/Modal.jsx';\nimport { formatDate } from './utils.js';\n\nconst ACTIONS = {\n SET_CLIENT: 'SET_CLIENT',\n SET_TRANCHE: 'SET_TRANCHE',\n SET_AMOUNT: 'SET_AMOUNT',\n SET_MAX_PRICE: 'SET_MAX_PRICE',\n SET_EXPIRY_DATE: 'SET_EXPIRY_DATE',\n SET_AGREEMENT: 'SET_AGREEMENT',\n SET_ALLOWED_DATES: 'SET_ALLOWED_DATES',\n SET_LOADING: 'SET_LOADING',\n SET_CLIENTS: 'SET_CLIENTS',\n RESET: 'RESET'\n};\n\nconst initialState = {\n data: {\n client: '',\n tranche: '',\n amount: '',\n maxPrice: '',\n expiryDate: '',\n agreement: ''\n },\n allowedDates: '',\n clients: [],\n icon: 'percent',\n loading: false\n};\n\nconst formReducer = (state, action) => {\n switch (action.type) {\n case ACTIONS.SET_CLIENT:\n return {\n ...state,\n data: {\n ...initialState.data,\n expiryDate: state.data.expiryDate,\n client: action.payload\n }\n };\n case ACTIONS.SET_TRANCHE:\n return {\n ...state,\n data: { ...state.data, tranche: action.payload }\n };\n case ACTIONS.SET_AMOUNT:\n return {\n ...state,\n data: { ...state.data, amount: action.payload }\n };\n case ACTIONS.SET_MAX_PRICE:\n return {\n ...state,\n data: { ...state.data, maxPrice: action.payload }\n };\n case ACTIONS.SET_EXPIRY_DATE:\n return {\n ...state,\n data: { ...state.data, expiryDate: action.payload }\n };\n case ACTIONS.SET_AGREEMENT:\n return {\n ...state,\n data: { ...state.data, agreement: action.payload }\n };\n\n case ACTIONS.SET_LOADING:\n return {\n ...state,\n loading: action.payload\n };\n case ACTIONS.SET_ALLOWED_DATES:\n return { ...state, allowedDates: action.payload };\n\n case ACTIONS.SET_CLIENTS:\n return { ...state, clients: action.payload };\n\n case ACTIONS.SET_ICON:\n return {\n ...state,\n icon: action.payload\n };\n case ACTIONS.RESET:\n return {\n ...state,\n data: {\n ...initialState.data,\n expiryDate: state.data.expiryDate\n }\n };\n default:\n return state;\n }\n};\n\n// Hook\nconst useFormOrder = ({\n createValidateFn,\n errorFn,\n endpointUrl,\n clientEndpointUrl,\n unauthorizeRedirectUrl,\n isPageEditing\n}) => {\n const [state, dispatch] = useReducer(formReducer, initialState);\n const history = useHistory();\n\n const getSelectedTrancheOption = () => {\n return (\n state.clients\n ?.find((c) => c['CBO_ID'] === state.data.client)\n ?.['Instruments']?.find(\n (t) => t['Instrument'] === state.data.tranche\n ) || null\n );\n };\n\n const fetchData = async () => {\n setLoading(true);\n\n try {\n const { clients, date, allowedDates } = await fetchApi(\n clientEndpointUrl\n );\n setClients(clients);\n setExpiryDate(date);\n setAllowedDates(allowedDates);\n\n if (clients.length === 1) {\n setClient(clients[0]['CBO_ID']);\n }\n } catch (error) {\n if (error.status === 401) {\n window.location.href = unauthorizeRedirectUrl;\n }\n console.error('Error logging', error);\n } finally {\n setLoading(false);\n }\n };\n\n const validateFn = useMemo(() => {\n const { allowedDates } = state;\n const option = getSelectedTrancheOption();\n if (!option) {\n return createValidateFn({ allowedDates });\n }\n\n const { Limit: maxAmount, Unit: unit } = option;\n\n return createValidateFn({ maxAmount, unit, allowedDates });\n }, [state.data.tranche, state.allowedDates]);\n\n const {\n isValid,\n errors,\n clearErrors,\n clearError,\n validate,\n hasError,\n getErrorMessage,\n setErrors\n } = useValidation(validateFn, errorFn);\n\n const gtm = useGTM(3);\n\n const clientRef = useRef();\n const trancheRef = useRef();\n const amountRef = useRef();\n const amountAltRef = useRef();\n const maxPriceRef = useRef();\n const expiryDateRef = useRef();\n const agreementRef = useRef();\n const submitRef = useRef();\n const modalRef = useRef();\n\n const setClient = (client) => {\n dispatch({ type: ACTIONS.SET_CLIENT, payload: client });\n };\n\n const setTranche = (tranche) =>\n dispatch({ type: ACTIONS.SET_TRANCHE, payload: tranche });\n\n const setAmount = (amount) =>\n dispatch({ type: ACTIONS.SET_AMOUNT, payload: amount });\n\n const setMaxPrice = (maxPrice) =>\n dispatch({ type: ACTIONS.SET_MAX_PRICE, payload: maxPrice });\n\n const setExpiryDate = (expiryDate) =>\n dispatch({ type: ACTIONS.SET_EXPIRY_DATE, payload: expiryDate });\n\n const setAgreement = (agreement) =>\n dispatch({ type: ACTIONS.SET_AGREEMENT, payload: agreement });\n\n const setAllowedDates = (dates) =>\n dispatch({ type: ACTIONS.SET_ALLOWED_DATES, payload: dates });\n\n const setLoading = (loading) =>\n dispatch({ type: ACTIONS.SET_LOADING, payload: loading });\n\n const setIcon = (icon) =>\n dispatch({ type: ACTIONS.SET_ICON, payload: icon });\n\n const setClients = async (options) => {\n dispatch({ type: ACTIONS.SET_CLIENTS, payload: options });\n };\n\n const resetData = async () => {\n dispatch({ type: ACTIONS.RESET });\n agreementRef.current.checked = false;\n };\n\n const { openModal } = useModal(modalRef);\n\n const handleError = () => {\n openModal();\n resetData();\n fetchData();\n };\n\n useListener(\n clientRef,\n 'valueChanged',\n async (e) => {\n const newClient = e.target.value;\n if (newClient !== state.data.client) {\n gtm.formInput('client');\n setClient(newClient);\n }\n clearErrors();\n },\n 100\n );\n\n useListener(\n trancheRef,\n 'valueChanged',\n (e) => {\n const newTranche = e.target.value;\n if (newTranche !== state.data.tranche) {\n gtm.formInput('tranche');\n setTranche(newTranche);\n }\n clearErrors();\n },\n 100\n );\n\n useListener(amountRef, 'valueChanged', (e) => {\n setAmount(e.target.value);\n clearError('amount');\n });\n\n useListener(amountRef, 'inputBlur', (e) => {\n if (e.target.value) {\n gtm.formInput('amount');\n }\n });\n\n useListener(amountAltRef, 'valueChanged', (e) => {\n setAmount(e.target.value);\n clearError('amount');\n });\n\n useListener(amountAltRef, 'inputBlur', (e) => {\n if (e.target.value) {\n gtm.formInput('amount');\n }\n });\n\n useListener(maxPriceRef, 'valueChanged', (e) => {\n setMaxPrice(e.target.value);\n clearError('maxPrice');\n });\n\n useListener(maxPriceRef, 'inputBlur', (e) => {\n if (e.target.value) {\n gtm.formInput('maxPrice');\n }\n });\n\n useListener(expiryDateRef, 'valueChanged', (e) => {\n const newExpiryDate = e.target.value;\n setExpiryDate(newExpiryDate);\n clearError('expiryDate');\n if (newExpiryDate !== state.data.expiryDate) {\n gtm.formInput('expiryDate');\n }\n });\n\n useListener(agreementRef, 'valueChanged', (e) => {\n setAgreement(e.target.checked ? e.target.value : '');\n if (e.target.checked) {\n gtm.formInput('agreement');\n }\n clearError('agreement');\n });\n\n useListener(submitRef, 'buttonClick', async (e) => {\n const data = {\n ...state.data,\n expiryDate: formatDate(state.data.expiryDate),\n amount: parseFloat(state.data.amount.replace(',', '.')),\n maxPrice: parseFloat(state.data.maxPrice.replace(',', '.'))\n };\n\n const isFormValid = validate(data);\n if (!isFormValid) {\n // handleError();\n return;\n }\n\n setLoading(true);\n\n try {\n const { redirect } = await fetchApi(endpointUrl, data);\n gtm.submitStep();\n window.location.href = redirect;\n } catch (error) {\n if (error.status === 401) {\n window.location.href = unauthorizeRedirectUrl;\n }\n if (error.status === 400 && error.data.errors) {\n handleError();\n }\n console.error('Error logging', error);\n } finally {\n setLoading(false);\n }\n });\n\n useListener(modalRef, 'modalClose', async (e) => {\n gtm.formClosePopup();\n });\n\n useEffect(async () => {\n if (!isPageEditing) {\n fetchData();\n }\n }, []);\n\n const trancheOptions = useMemo(\n () =>\n state.data.client\n ? state.clients.find(\n (c) => c?.['CBO_ID'] === state.data.client\n )?.['Instruments'] || []\n : [],\n [state.data.client, state.clients]\n );\n\n useEffect(() => {\n if (trancheOptions.length) {\n setIcon(trancheOptions[0].Unit !== '%' ? 'mw' : 'percent');\n }\n }, [trancheOptions]);\n\n return {\n state,\n refs: {\n client: clientRef,\n tranche: trancheRef,\n amount: amountRef,\n amountAlt: amountAltRef,\n maxPrice: maxPriceRef,\n expiryDate: expiryDateRef,\n agreement: agreementRef,\n submit: submitRef,\n modal: modalRef\n },\n errors,\n isValid,\n trancheOptions,\n hasError,\n getErrorMessage\n };\n};\n\nexport default useFormOrder;\n","import React, { useEffect, useState } from 'react';\nimport ReactTooltip from 'react-tooltip';\n\nconst Tooltip = ({ id = 'tooltip', children, afterShow }) => {\n const [isVisible, setIsVisible] = useState(false);\n useEffect(() => {\n setTimeout(() => setIsVisible(true), 200);\n }, []);\n\n return (\n {copytext}
\n\n \n
\n \n \n \n {children}\n
\n \n\n \n
\n \n );\n};\n\nexport default Tooltip;\n","import { useEffect, useRef } from 'react';\n\nimport useLogger from './useLogger.jsx';\n\nconst useSessionTimeout = (redirect, time = 180, loggerEndpoint) => {\n const timerRef = useRef(null);\n const apiLogger = useLogger(loggerEndpoint);\n\n const resetTimer = () => {\n if (timerRef.current) {\n clearTimeout(timerRef.current);\n }\n\n timerRef.current = setTimeout(() => {\n logout();\n }, time * 1000);\n };\n\n const logout = async () => {\n apiLogger(26);\n window.location.href = redirect;\n };\n\n useEffect(() => {\n // const throttledReset = throttle(resetTimer, 3000, { trailing: false });\n const events = ['keydown', 'mousedown', 'touchend'];\n events.forEach((event) => document.addEventListener(event, resetTimer));\n\n return () => {\n events.forEach((event) =>\n document.removeEventListener(event, resetTimer)\n );\n if (timerRef.current) {\n clearTimeout(timerRef.current);\n }\n };\n }, [time, redirect]);\n\n useEffect(() => {\n resetTimer();\n }, []);\n\n return null;\n};\n\nexport default useSessionTimeout;\n","import React, { useEffect } from 'react';\nimport { withSitecoreContext } from '@sitecore-jss/sitecore-jss-react';\n\nimport useFormOrder from './useFormOrder.jsx';\nimport Tooltip from './components/Tooltip.jsx';\nimport Modal from './components/Modal.jsx';\nimport useHideElements from '../useHideElements.jsx';\nimport useGTM from '../useGTM.jsx';\nimport useSessionTimeout from '../useSessionTimeout.jsx';\nimport { ErrorType } from '../useValidation.jsx';\nimport useLogger from '../useLogger.jsx';\n\nconst stringToReplace = '{0}';\nconst dropdownHeight = `${4 * 47}px`;\n\nconst getLanguageFromCookie = () => {\n if (typeof window === 'undefined' || typeof document === 'undefined') {\n return 'pl';\n }\n const cookieString = document.cookie;\n const cookies = cookieString.split(';').map((cookie) => cookie.trim());\n const cookieEn = cookies.find((row) => row === 'sitecoreLanguage=en');\n return cookieEn ? 'en' : 'pl';\n};\n\nconst FormOrder = ({ params, fields, sitecoreContext }) => {\n const label = {\n client: fields?.clientLabel?.value ?? 'clientLabel',\n tranche: fields?.trancheLabel?.value ?? 'trancheLabel',\n amount: fields?.amountLabel?.value ?? 'amountLabel',\n maxPrice: fields?.maxPriceLabel?.value ?? 'maxPriceLabel',\n expiryDate: fields?.expiryDateLabel?.value ?? 'expiryDateLabel',\n submitButton: fields?.buttonLabel?.value ?? 'buttonLabel',\n agreement: (\n fields?.agreementLabel?.value ??\n 'Wstrzyknąć RTE w agreementLabel.'\n ).replace(/\n \n
\n );\n};\n\nexport default withSitecoreContext()(FormOrder);\n","import FormOrder from './FormOrder.jsx';\n\nexport default FormOrder;\n","import React from 'react';\n\nconst LanguageButton = ({ active, label, onClick }) => {\n return (\n \n
\n \n \n \n {clients.map((c) => (\n \n ))}\n \n gtm.formViewTooltip('client')}\n >\n {info.client}\n \n
\n \n
\n \n \n \n {trancheOptions.map((t) => (\n \n ))}\n \n gtm.formViewTooltip('tranche')}\n >\n {info.tranche}\n \n
\n \n
\n \n {icon === 'percent' && (\n
\n \n
\n \n
\n \n
\n \n
\n );\n};\n\nexport default withSitecoreContext()(LanguageSelector);\n","import TradeOnBack from './TradeOnBack.jsx';\n\nexport default TradeOnBack;\n","import React, { useEffect, useRef } from 'react';\nimport { withSitecoreContext } from '@sitecore-jss/sitecore-jss-react';\n\nimport useGTM from '../useGTM.jsx';\nimport useListener from '../useListener.jsx';\nimport useHideElements from '../useHideElements.jsx';\nimport useSessionTimeout from '../useSessionTimeout.jsx';\nimport useLogger from '../useLogger.jsx';\nimport usePaddingContent from '../usePaddingContent.jsx';\nimport { ApiError, fetchApi } from '../api.js';\n\nconst TradeOnBack = ({ params, fields, sitecoreContext }) => {\n const buttonLabel = fields?.buttonLabel?.value ?? '';\n const endpoint = fields?.endpoint?.value ?? '';\n const unauthorizeRedirectUrl =\n fields?.unauthorizeRedirectUrl?.value ?? '/dla-biznesu/TradeON';\n const sessionTimeout = fields?.sessionTimeout?.value ?? 180;\n const loggerEndpointUrl = fields?.loggerEndpointUrl?.value ?? '/api/log';\n const initEndpointUrl =\n fields?.initEndpointUrl?.value ?? '/api/initEndpoint';\n const backEndpointUrl =\n fields?.backEndpointUrl?.value ?? '/api/backEndpoint';\n\n const buttonRef = useRef(null);\n\n const gtm = useGTM(4);\n const apiLogger = useLogger(loggerEndpointUrl);\n\n useHideElements();\n usePaddingContent();\n useSessionTimeout(\n unauthorizeRedirectUrl,\n sessionTimeout,\n loggerEndpointUrl\n );\n\n useListener(buttonRef, 'buttonClick', async (event) => {\n event.preventDefault();\n gtm.formSuccessSendNextClick();\n await fetchApi(backEndpointUrl);\n apiLogger(24);\n window.location.href = endpoint;\n });\n\n useEffect(() => {\n const initialize = async () => {\n try {\n await fetchApi(initEndpointUrl);\n } catch (error) {\n console.error('Error logging', error);\n if (error instanceof ApiError) {\n if (error.status === 401) {\n window.location.href = unauthorizeRedirectUrl;\n }\n }\n }\n };\n if (!sitecoreContext.pageEditing) {\n initialize();\n }\n }, []);\n\n return (\n \n {languages.map(([code, label], index) => {\n const isNotLastIndex = index < languages.length - 1;\n\n return (\n \n handleLanguageChange(code)}\n active={code === active}\n />\n {isNotLastIndex && \n );\n })}\n
\n \n
\n );\n};\n\nexport default withSitecoreContext()(TradeOnBack);\n","import TradeOnLogout from './TradeOnLogout.jsx';\n\nexport default TradeOnLogout;\n","import React, { useRef } from 'react';\nimport { withSitecoreContext } from '@sitecore-jss/sitecore-jss-react';\nimport useGTM from '../useGTM.jsx';\nimport useListener from '../useListener.jsx';\n\nconst TradeOnLogout = ({ params, fields, sitecoreContext }) => {\n const isMobile = params?.mobile === '1';\n const isSuccess = params?.success === '1';\n const buttonLabel = fields?.buttonLabel?.value ?? '';\n const endpoint = fields?.endpoint?.value ?? '';\n\n const ref = useRef();\n const gtm = useGTM(isSuccess ? 4 : 3);\n\n useListener(ref, 'linkClick', async (event) => {\n event.preventDefault();\n if (isSuccess) {\n gtm.formSuccessExit();\n } else {\n gtm.exit();\n }\n window.location.href = endpoint;\n });\n\n if (sitecoreContext.pageEditing) {\n return {buttonLabel}
;\n }\n\n return (\n \n {header &&
\n \n
\n \n {footer && (\n
\n \n Page not found
\nThis page does not exist.
\n\n Site: {context.site && context.site.name}\n
\n Language: {context.language}\n
\n \n {i18n.t('Page not found')} \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