|<\\/i>/g)[index]);\n });\n return newData;\n}\n\nfunction RichText(_ref) {\n var _ref$applyMaxWidthCon = _ref.applyMaxWidthContainer,\n applyMaxWidthContainer = _ref$applyMaxWidthCon === void 0 ? false : _ref$applyMaxWidthCon,\n data = _ref.data;\n\n var _useState = React.useState(\"\"),\n _useState2 = _slicedToArray(_useState, 2),\n parsedContent = _useState2[0],\n setParsedContent = _useState2[1];\n\n React.useEffect(function () {\n setParsedContent(parseLinksToUsefulHTML(data.content));\n }, [data]);\n var backgroundContainer = data !== null && data !== void 0 && data.withBackground ? colorsTypes.PRIMARY_VERY_ULTRA_LIGHT : \"\";\n var content = \"\\n \").concat(parsedContent, \"\\n
\");\n return /*#__PURE__*/React__default$1[\"default\"].createElement(RichTextContainer, {\n className: classnames(\"rich-text-container tw-x-container\", applyMaxWidthContainer && \"max-width-container\"),\n backgroundContainer: backgroundContainer,\n dangerouslySetInnerHTML: {\n __html: content\n }\n });\n}\n\nvar _templateObject$1l, _templateObject2$t, _templateObject3$n;\n\nvar Title$9 = styled__default[\"default\"].h4(_templateObject$1l || (_templateObject$1l = _taggedTemplateLiteral([\"\\n \", \"\\n\"])), function (_ref) {\n var _ref$size = _ref.size,\n size = _ref$size === void 0 ? textSizesVariantsTypes.VERY_BIG : _ref$size,\n _ref$color = _ref.color,\n color = _ref$color === void 0 ? colorsVariantsTypes.BLACK : _ref$color,\n _ref$fontFamily = _ref.fontFamily,\n fontFamily = _ref$fontFamily === void 0 ? fontsFamiliesVariantsTypes.PRIMARY : _ref$fontFamily;\n return \"\\n color: \".concat(getColors(colorsVariantsTypes[color]), \";\\n font-size: \").concat(getTextSize(textSizesVariantsTypes[size]), \";\\n font-family: \").concat(getFontFamily(fontsFamiliesVariantsTypes[fontFamily]), \"\\n \");\n});\nvar Description$1 = styled__default[\"default\"].p(_templateObject2$t || (_templateObject2$t = _taggedTemplateLiteral([\"\\n \", \"\\n\"])), function (_ref2) {\n var _ref2$size = _ref2.size,\n size = _ref2$size === void 0 ? textSizesVariantsTypes.SMALL : _ref2$size,\n _ref2$color = _ref2.color,\n color = _ref2$color === void 0 ? colorsVariantsTypes.BLACK : _ref2$color,\n _ref2$fontFamily = _ref2.fontFamily,\n fontFamily = _ref2$fontFamily === void 0 ? fontsFamiliesVariantsTypes.PRIMARY : _ref2$fontFamily;\n return \"\\n color: \".concat(getColors(colorsVariantsTypes[color]), \";\\n font-size: \").concat(getTextSize(textSizesVariantsTypes[size]), \";\\n font-family: \").concat(getFontFamily(fontsFamiliesVariantsTypes[fontFamily]), \"\\n \");\n});\nvar Th = styled__default[\"default\"].th(_templateObject3$n || (_templateObject3$n = _taggedTemplateLiteral([\"\\n \", \"\\n\"])), function (_ref3) {\n var _ref3$size = _ref3.size,\n size = _ref3$size === void 0 ? textSizesVariantsTypes.SMALL : _ref3$size,\n _ref3$color = _ref3.color,\n color = _ref3$color === void 0 ? colorsVariantsTypes.BLACK : _ref3$color,\n _ref3$fontFamily = _ref3.fontFamily,\n fontFamily = _ref3$fontFamily === void 0 ? fontsFamiliesVariantsTypes.PRIMARY : _ref3$fontFamily;\n return \"\\n color: \".concat(getColors(colorsVariantsTypes[color]), \";\\n font-size: \").concat(getTextSize(textSizesVariantsTypes[size]), \";\\n font-family: \").concat(getFontFamily(fontsFamiliesVariantsTypes[fontFamily]), \"\\n \");\n});\n\nfunction Table(_ref4) {\n var title = _ref4.title,\n _ref4$width = _ref4.width,\n width = _ref4$width === void 0 ? \"tw-w-1/4\" : _ref4$width,\n description = _ref4.description,\n HeadTitles = _ref4.HeadTitles,\n TableItems = _ref4.TableItems,\n titleColor = _ref4.titleColor,\n titleSize = _ref4.titleSize,\n titleFontFamily = _ref4.titleFontFamily,\n descriptionColor = _ref4.descriptionColor,\n descriptionSize = _ref4.descriptionSize,\n descriptionFontFamily = _ref4.descriptionFontFamily,\n headTitleColor = _ref4.headTitleColor,\n headTitleSize = _ref4.headTitleSize,\n headTitleFontFamily = _ref4.headTitleFontFamily,\n itemColor = _ref4.itemColor,\n itemSize = _ref4.itemSize,\n itemFontFamily = _ref4.itemFontFamily;\n return /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"tw-py-2\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(Title$9, {\n className: \"tw-font-bold tw-leading-tight tw-mb-10\",\n color: titleColor || colorsVariantsTypes.BLACK,\n size: titleSize || textSizesVariantsTypes.VERY_BIG,\n fontFamily: titleFontFamily || fontsFamiliesVariantsTypes.PRIMARY\n }, title), /*#__PURE__*/React__default$1[\"default\"].createElement(Description$1, {\n className: \"tw-mx-1\",\n color: descriptionColor || colorsVariantsTypes.BLACK,\n size: descriptionSize || textSizesVariantsTypes.SMALL,\n fontFamily: descriptionFontFamily || fontsFamiliesVariantsTypes.PRIMARY\n }, description), /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"TABLE__CONTAINER tw-overflow-x-auto\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"TABLE__CONTAINER_BOX tw-align-middle tw-inline-block tw-min-w-full tw-overflow-hidden bl-grayscale-0 tw-pt-3 tw-rounded-bl-lg tw-rounded-br-lg tw-w-160 md:tw-w-auto\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(\"table\", {\n className: \"TABLE__TABLE tw-min-w-full bl-bg-primary-6 tw-rounded-t-lg tw-w-full\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(\"thead\", {\n className: \"TABLE__THEAD\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(\"tr\", {\n className: \"TABLE__TR\"\n }, HeadTitles.map(function (item, index) {\n if (!item.text) return null;\n return /*#__PURE__*/React__default$1[\"default\"].createElement(Th, {\n key: \"th-\".concat(index),\n className: \"TABLE__TH tw-px-6 tw-font-bold tw-text-left tw-leading-4 tw-tracking-wider tw-py-6\",\n color: headTitleColor || colorsVariantsTypes.BLACK,\n size: headTitleSize || textSizesVariantsTypes.SMALL,\n fontFamily: headTitleFontFamily || fontsFamiliesVariantsTypes.PRIMARY\n }, item.text);\n }))), /*#__PURE__*/React__default$1[\"default\"].createElement(\"tbody\", {\n className: \"TABLE__TBODY bl-bg-grayscale-0\"\n }, TableItems.map(function (item, index) {\n return /*#__PURE__*/React__default$1[\"default\"].createElement(TableContentItem, {\n key: \"TableContentItem-\".concat(index),\n className: \"TABLE__TD\",\n width: width,\n data: item,\n color: itemColor || colorsVariantsTypes.BLACK,\n size: itemSize || textSizesVariantsTypes.SMALL,\n fontFamily: itemFontFamily || fontsFamiliesVariantsTypes.PRIMARY\n });\n }))))));\n}\n\nvar Table$1 = withErrorBoundary(Table);\n\nfunction formsService() {\n return _formsService.apply(this, arguments);\n}\n\nfunction _formsService() {\n _formsService = _asyncToGenerator$1( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {\n var _ref,\n _ref$type,\n type,\n _ref$creditUnionName,\n creditUnionName,\n _ref$hostname,\n hostname,\n _ref$formData,\n formData,\n _ref$urlBase,\n urlBase,\n url,\n options,\n response,\n _args = arguments;\n\n return _regeneratorRuntime().wrap(function _callee$(_context) {\n while (1) switch (_context.prev = _context.next) {\n case 0:\n _ref = _args.length > 0 && _args[0] !== undefined ? _args[0] : {}, _ref$type = _ref.type, type = _ref$type === void 0 ? \"\" : _ref$type, _ref$creditUnionName = _ref.creditUnionName, creditUnionName = _ref$creditUnionName === void 0 ? process.env.GATSBY_CU_NAME || \"\" : _ref$creditUnionName, _ref$hostname = _ref.hostname, hostname = _ref$hostname === void 0 ? window.location.hostname || \"\" : _ref$hostname, _ref$formData = _ref.formData, formData = _ref$formData === void 0 ? {\n fullName: \"\",\n email: \"\",\n phoneNumber: \"\",\n message: \"\"\n } : _ref$formData, _ref$urlBase = _ref.urlBase, urlBase = _ref$urlBase === void 0 ? process.env.GATSBY_API_URL || \"\" : _ref$urlBase;\n _context.prev = 1;\n\n if (!lodash.isEmpty(formData)) {\n _context.next = 4;\n break;\n }\n\n return _context.abrupt(\"return\", {\n message: \"You cannot submit an empty form\"\n });\n\n case 4:\n if (!lodash.isEmpty(hostname)) {\n _context.next = 6;\n break;\n }\n\n return _context.abrupt(\"return\", {\n error: {\n message: \"Secured form hostname name is required\"\n }\n });\n\n case 6:\n if (!lodash.isEmpty(creditUnionName)) {\n _context.next = 8;\n break;\n }\n\n return _context.abrupt(\"return\", {\n error: {\n message: \"Secured form credit union name name is required\"\n }\n });\n\n case 8:\n if (!lodash.isEmpty(formData.email)) {\n _context.next = 10;\n break;\n }\n\n return _context.abrupt(\"return\", {\n error: {\n message: \"Secured form email is required\"\n }\n });\n\n case 10:\n if (!lodash.isEmpty(formData.fullName)) {\n _context.next = 12;\n break;\n }\n\n return _context.abrupt(\"return\", {\n error: {\n message: \"Secured form full name is required\"\n }\n });\n\n case 12:\n if (!lodash.isEmpty(formData.phoneNumber)) {\n _context.next = 14;\n break;\n }\n\n return _context.abrupt(\"return\", {\n error: {\n message: \"Secured form phone number is required\"\n }\n });\n\n case 14:\n url = type === \"MEMBERSHIP_FEEDBACK\" ? \"\".concat(urlBase, \"/contact-us\") : \"\".concat(urlBase, \"/financial-institution-secured-form-customer\"); // const url = `${urlBase}/financial-institution-secured-form-customer`;\n\n options = type === \"MEMBERSHIP_FEEDBACK\" ? _objectSpread2(_objectSpread2({}, formData), {}, {\n cu: creditUnionName,\n type: type\n }) : _objectSpread2(_objectSpread2({}, formData), {}, {\n cu: creditUnionName\n });\n _context.next = 18;\n return axios.post(url, options);\n\n case 18:\n response = _context.sent;\n return _context.abrupt(\"return\", response.data);\n\n case 22:\n _context.prev = 22;\n _context.t0 = _context[\"catch\"](1);\n\n if (!(!lodash.isEmpty(_context.t0) && _context.t0.response !== undefined && _context.t0.response.status !== undefined && _context.t0.message !== undefined)) {\n _context.next = 26;\n break;\n }\n\n return _context.abrupt(\"return\", {\n success: false,\n error: {\n metaData: _context.t0,\n fetchMessage: _context.t0.message,\n fetchStatus: _context.t0.response.status,\n message: \"An unexpected error occurred. The form was not loaded.\"\n }\n });\n\n case 26:\n return _context.abrupt(\"return\", {\n success: false,\n error: {\n metaData: {},\n fetchMessage: \"The request has failed, please check the endpoint or other parameters.\",\n fetchStatus: 404,\n message: \"An unknown error occurred when requesting information, please contact technical support.\"\n }\n });\n\n case 27:\n case \"end\":\n return _context.stop();\n }\n }, _callee, null, [[1, 22]]);\n }));\n return _formsService.apply(this, arguments);\n}\n\nfunction customFormsService() {\n return _customFormsService.apply(this, arguments);\n}\n\nfunction _customFormsService() {\n _customFormsService = _asyncToGenerator$1( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {\n var _ref,\n _ref$header,\n header,\n _ref$type,\n type,\n _ref$creditUnionName,\n creditUnionName,\n _ref$hostname,\n hostname,\n _ref$formData,\n formData,\n _ref$urlBase,\n urlBase,\n url,\n keys,\n data,\n options,\n response,\n _args = arguments;\n\n return _regeneratorRuntime().wrap(function _callee$(_context) {\n while (1) switch (_context.prev = _context.next) {\n case 0:\n _ref = _args.length > 0 && _args[0] !== undefined ? _args[0] : {}, _ref$header = _ref.header, header = _ref$header === void 0 ? {\n formName: \"\",\n recipients: [],\n backgroundColorHeaderEmail: \"#767676\",\n labelColor: \"#000000\"\n } : _ref$header, _ref$type = _ref.type, type = _ref$type === void 0 ? \"CUSTOM_FORM\" : _ref$type, _ref$creditUnionName = _ref.creditUnionName, creditUnionName = _ref$creditUnionName === void 0 ? process.env.GATSBY_CU_NAME || \"\" : _ref$creditUnionName, _ref$hostname = _ref.hostname, hostname = _ref$hostname === void 0 ? window.location.hostname || \"\" : _ref$hostname, _ref$formData = _ref.formData, formData = _ref$formData === void 0 ? {} : _ref$formData, _ref$urlBase = _ref.urlBase, urlBase = _ref$urlBase === void 0 ? process.env.GATSBY_API_URL || \"\" : _ref$urlBase;\n _context.prev = 1;\n\n if (!lodash.isEmpty(formData)) {\n _context.next = 4;\n break;\n }\n\n return _context.abrupt(\"return\", {\n message: \"You cannot submit an empty form\"\n });\n\n case 4:\n if (!lodash.isEmpty(hostname)) {\n _context.next = 6;\n break;\n }\n\n return _context.abrupt(\"return\", {\n error: {\n message: \"Secured form hostname name is required\"\n }\n });\n\n case 6:\n if (!lodash.isEmpty(creditUnionName)) {\n _context.next = 8;\n break;\n }\n\n return _context.abrupt(\"return\", {\n error: {\n message: \"Secured form credit union name name is required\"\n }\n });\n\n case 8:\n url = \"\".concat(urlBase, \"/contact-us\");\n keys = Object.keys(formData);\n data = keys.reduce(function (acc, field) {\n if (!formData[field]) return _objectSpread2(_objectSpread2({}, acc), {}, _defineProperty$2({}, field, \"Not Provided\"));\n return _objectSpread2(_objectSpread2({}, acc), {}, _defineProperty$2({}, field, formData[field]));\n }, {});\n options = {\n data: data,\n keys: keys,\n header: header,\n cu: creditUnionName,\n type: type\n };\n _context.next = 14;\n return axios.post(url, options);\n\n case 14:\n response = _context.sent;\n return _context.abrupt(\"return\", response.data);\n\n case 18:\n _context.prev = 18;\n _context.t0 = _context[\"catch\"](1);\n\n if (!(!lodash.isEmpty(_context.t0) && _context.t0.response !== undefined && _context.t0.response.status !== undefined && _context.t0.message !== undefined)) {\n _context.next = 22;\n break;\n }\n\n return _context.abrupt(\"return\", {\n success: false,\n error: {\n metaData: _context.t0,\n fetchMessage: _context.t0.message,\n fetchStatus: _context.t0.response.status,\n message: \"An unexpected error occurred. The form was not loaded.\"\n }\n });\n\n case 22:\n return _context.abrupt(\"return\", {\n success: false,\n error: {\n metaData: {},\n fetchMessage: \"The request has failed, please check the endpoint or other parameters.\",\n fetchStatus: 404,\n message: \"An unknown error occurred when requesting information, please contact technical support.\"\n }\n });\n\n case 23:\n case \"end\":\n return _context.stop();\n }\n }, _callee, null, [[1, 18]]);\n }));\n return _customFormsService.apply(this, arguments);\n}\n\nvar _templateObject$1k, _templateObject2$s, _templateObject3$m, _templateObject4$i, _templateObject5$e, _templateObject6$9;\n\nvar OptInFormTitleContainer = styled__default[\"default\"].div(_templateObject$1k || (_templateObject$1k = _taggedTemplateLiteral([\"\\n padding: 0 0 30px 0;\\n\"])));\nvar OptInFormTitle = styled__default[\"default\"].h3(_templateObject2$s || (_templateObject2$s = _taggedTemplateLiteral([\"\\n color: var(--primary-150-color);\\n font-family: var(--secondary-family);\\n font-style: normal;\\n font-weight: 600;\\n font-size: 26px;\\n line-height: 39px;\\n\"])));\nvar OptInFormLegendContainer = styled__default[\"default\"].div(_templateObject3$m || (_templateObject3$m = _taggedTemplateLiteral([\"\\n padding: 20px 0;\\n\"])));\nvar OptInFormLegendText = styled__default[\"default\"].span(_templateObject4$i || (_templateObject4$i = _taggedTemplateLiteral([\"\\n color: var(--grayscale-100-color);\\n font-family: var(--primary-family);\\n font-style: normal;\\n font-weight: normal;\\n font-size: 16px;\\n line-height: 20px;\\n\"])));\nvar OptInFormSubmitContainer = styled__default[\"default\"].div(_templateObject5$e || (_templateObject5$e = _taggedTemplateLiteral([\"\\n display: flex;\\n justify-content: flex-start;\\n align-items: center;\\n\\n \", \" {\\n padding: 10px 30px;\\n font-family: var(primary-family);\\n font-style: normal;\\n font-weight: 500;\\n font-size: 14px;\\n line-height: 16px;\\n text-align: center;\\n cursor: \", \";\\n }\\n\"])), Button$2, function (_ref) {\n var _ref$active = _ref.active,\n active = _ref$active === void 0 ? false : _ref$active;\n return active ? \"pointer\" : \"not-allowed\";\n});\nvar OptInFormContainer = styled__default[\"default\"].form(_templateObject6$9 || (_templateObject6$9 = _taggedTemplateLiteral([\"\\n width: 100%;\\n display: grid;\\n grid-template-columns: 1fr 1fr;\\n grid-template-rows: \", \";\\n grid-gap: 20px;\\n justify-items: stretch;\\n\\n background: \", \";\\n\\n padding: \", \";\\n\\n & > *:last-child {\\n grid-column: 1/3;\\n }\\n\\n \", \",\\n \", \",\\n \", \" {\\n grid-column: 1/3;\\n }\\n\\n @media all and (max-width: \", \"px) {\\n padding: \", \";\\n }\\n\"])), function (_ref2) {\n var _ref2$hasTitle = _ref2.hasTitle,\n hasTitle = _ref2$hasTitle === void 0 ? false : _ref2$hasTitle,\n _ref2$hasLegend = _ref2.hasLegend,\n hasLegend = _ref2$hasLegend === void 0 ? false : _ref2$hasLegend,\n _ref2$hasSubmitButton = _ref2.hasSubmitButton,\n hasSubmitButton = _ref2$hasSubmitButton === void 0 ? false : _ref2$hasSubmitButton,\n _ref2$inputs = _ref2.inputs,\n inputs = _ref2$inputs === void 0 ? [] : _ref2$inputs;\n var rows = inputs.map(function () {\n return \"auto\";\n });\n if (hasTitle) rows.push(\"auto\");\n if (hasLegend) rows.push(\"auto\");\n if (hasSubmitButton) rows.push(\"auto\");\n return rows.join(\" \");\n}, function (_ref3) {\n var _ref3$background = _ref3.background,\n background = _ref3$background === void 0 ? colorsVariantsTypes.PRIMARY_VERY_ULTRA_LIGHT : _ref3$background;\n return getColors(background);\n}, function (_ref4) {\n var _ref4$padding = _ref4.padding,\n padding = _ref4$padding === void 0 ? \"50px 15%\" : _ref4$padding;\n return lodash.isNumber(padding) ? \"\".concat(padding, \"px\") : padding;\n}, OptInFormTitleContainer, OptInFormSubmitContainer, OptInFormLegendContainer, function (_ref5) {\n var theme = _ref5.theme;\n return theme.breakpoints.md;\n}, function (_ref6) {\n var _ref6$mobilePadding = _ref6.mobilePadding,\n mobilePadding = _ref6$mobilePadding === void 0 ? \"50px 20px\" : _ref6$mobilePadding;\n return lodash.isNumber(mobilePadding) ? \"\".concat(mobilePadding, \"px\") : mobilePadding;\n});\n\nfunction OptInForm(_ref7) {\n var _ref7$data = _ref7.data,\n data = _ref7$data === void 0 ? {\n title: \"\",\n textSize: textSizesTypes.NORMAL,\n description: \"\",\n descriptionSize: textSizesTypes.NORMAL,\n submitButtonText: \"\",\n submitButtonTextSize: textSizesTypes.NORMAL,\n legend: \"By submitting this form, I do want Baton Rouge Fire Department Federal Credit Union to authorize and pay overdrafts on my ATM and everyday debit card transactions. I understand that I have the right to revoke this decision at any time by calling 225-274-8383.\",\n legendSize: textSizesTypes.NORMAL\n } : _ref7$data,\n _ref7$containerProps = _ref7.containerProps,\n containerProps = _ref7$containerProps === void 0 ? {} : _ref7$containerProps,\n _ref7$titleProps = _ref7.titleProps,\n titleProps = _ref7$titleProps === void 0 ? {} : _ref7$titleProps,\n _ref7$legendProps = _ref7.legendProps,\n legendProps = _ref7$legendProps === void 0 ? {} : _ref7$legendProps,\n _ref7$submitProps = _ref7.submitProps,\n submitProps = _ref7$submitProps === void 0 ? {} : _ref7$submitProps,\n _ref7$submitButtonPro = _ref7.submitButtonProps,\n submitButtonProps = _ref7$submitButtonPro === void 0 ? {} : _ref7$submitButtonPro;\n var optIn = React.useMemo(function () {\n return [{\n id: nanoid(),\n isRequired: true,\n label: \"Member name*\",\n name: \"memberName\",\n type: \"text\",\n // placeholder: \"Member name*\",\n validations: [{\n regexp: \"^(\\\\w|\\\\d|\\\\s){4,}$\",\n regExpoConfig: \"gi\",\n error: {\n message: \"El nombre es incorrecto\"\n }\n }],\n containerProps: {\n gridColumn: \"auto\",\n mobileGridColumn: \"1/3\"\n }\n }, {\n id: nanoid(),\n isRequired: false,\n label: \"Account Number\",\n name: \"accountNumber\",\n type: \"text\",\n // placeholder: \"Account Number\",\n validations: [{\n regexp: \"^\\\\d{7,}$\",\n regExpoConfig: \"g\",\n error: {\n message: \"Número de cuenta incorrecto\"\n }\n }],\n containerProps: {\n gridColumn: \"auto\",\n mobileGridColumn: \"1/3\"\n }\n }, {\n id: nanoid(),\n isRequired: false,\n label: \"Phone Number\",\n name: \"phoneNumber\",\n type: \"text\",\n // placeholder: \"Phone Number\",\n validations: [{\n regexp: \"^\\\\d{7,}$\",\n regExpoConfig: \"g\",\n error: {\n message: \"Número de teléfono incorrecto\"\n }\n }],\n containerProps: {\n gridColumn: \"auto\",\n mobileGridColumn: \"1/3\"\n }\n }, {\n id: nanoid(),\n isRequired: true,\n label: \"Last 4 of SSN*\",\n name: \"last4ofSSN\",\n type: \"text\",\n // placeholder: \"Last 4 of SSN*\",\n validations: [{\n regexp: \"^(\\\\w|\\\\d|\\\\s){4,}$\",\n regExpoConfig: \"g\",\n error: {\n message: \"Is Required\"\n }\n }],\n containerProps: {\n gridColumn: \"auto\",\n mobileGridColumn: \"1/3\"\n }\n }, {\n id: nanoid(),\n isRequired: false,\n label: \"Email\",\n name: \"email\",\n type: \"email\",\n // placeholder: \"Email\",\n validations: [{\n regexp: \"^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\\\\.[a-zA-Z]{2,4}$\",\n regExpoConfig: \"g\",\n error: {\n message: \"invalid email\"\n }\n }],\n containerProps: {\n gridColumn: \"1/3\",\n mobileGridColumn: \"1/3\"\n }\n }];\n }, []);\n\n var _useModal = useModal(),\n isModalVisible = _useModal.isModalVisible,\n showModal = _useModal.showModal,\n closeModal = _useModal.closeModal;\n\n var _useForm = useForm({\n inputs: optIn\n }),\n onInputTextChange = _useForm.onInputTextChange,\n getField = _useForm.getField,\n cleanFields = _useForm.cleanFields,\n _useForm$inputsLikeAr = _useForm.inputsLikeArray,\n inputsLikeArray = _useForm$inputsLikeAr === void 0 ? [] : _useForm$inputsLikeAr,\n setInputs = _useForm.setInputs,\n _useForm$isValidFormD = _useForm.isValidFormData,\n isValidFormData = _useForm$isValidFormD === void 0 ? false : _useForm$isValidFormD;\n\n function onAcceptConditions() {\n return _onAcceptConditions.apply(this, arguments);\n }\n\n function _onAcceptConditions() {\n _onAcceptConditions = _asyncToGenerator$1( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {\n var bodyFetch, _yield$formsService, _yield$formsService$s, success, _yield$formsService$m, message, _yield$formsService$e, error;\n\n return _regeneratorRuntime().wrap(function _callee2$(_context2) {\n while (1) switch (_context2.prev = _context2.next) {\n case 0:\n _context2.prev = 0;\n bodyFetch = inputsLikeArray.reduce(function (acc, input) {\n var name = input.name;\n if (input.name === \"memberName\") name = \"fullName\";\n return _objectSpread2(_objectSpread2({}, acc), {}, _defineProperty$2({}, name, getField(input.name).value));\n }, {});\n _context2.next = 4;\n return formsService({\n formData: bodyFetch\n });\n\n case 4:\n _yield$formsService = _context2.sent;\n _yield$formsService$s = _yield$formsService.success;\n success = _yield$formsService$s === void 0 ? false : _yield$formsService$s;\n _yield$formsService$m = _yield$formsService.message;\n message = _yield$formsService$m === void 0 ? \"\" : _yield$formsService$m;\n _yield$formsService$e = _yield$formsService.error;\n error = _yield$formsService$e === void 0 ? {} : _yield$formsService$e;\n closeModal();\n\n if (message) {\n toast.error( /*#__PURE__*/React__default$1[\"default\"].createElement(\"p\", {\n className: \"bl-text-sm tw-text-center\"\n }, message), {\n toastId: \"member-feedback-form-submit-error-message\"\n });\n }\n\n if (error && error.message) {\n toast.error( /*#__PURE__*/React__default$1[\"default\"].createElement(\"p\", {\n className: \"bl-text-sm tw-text-center\"\n }, error.message), {\n toastId: \"member-feedback-form-submit-error-message\"\n });\n }\n\n if (success) cleanFields();\n _context2.next = 20;\n break;\n\n case 17:\n _context2.prev = 17;\n _context2.t0 = _context2[\"catch\"](0);\n closeModal();\n\n case 20:\n case \"end\":\n return _context2.stop();\n }\n }, _callee2, null, [[0, 17]]);\n }));\n return _onAcceptConditions.apply(this, arguments);\n }\n\n function\n /* _event */\n onSubmit() {\n return _onSubmit.apply(this, arguments);\n }\n\n function _onSubmit() {\n _onSubmit = _asyncToGenerator$1( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {\n return _regeneratorRuntime().wrap(function _callee3$(_context3) {\n while (1) switch (_context3.prev = _context3.next) {\n case 0:\n _context3.prev = 0;\n _context3.next = 3;\n return showModal();\n\n case 3:\n _context3.next = 8;\n break;\n\n case 5:\n _context3.prev = 5;\n _context3.t0 = _context3[\"catch\"](0);\n closeModal();\n\n case 8:\n case \"end\":\n return _context3.stop();\n }\n }, _callee3, null, [[0, 5]]);\n }));\n return _onSubmit.apply(this, arguments);\n }\n\n React.useEffect(function () {\n // eslint-disable-next-line react-hooks/exhaustive-deps\n setInputs({\n optIn: optIn\n });\n }, []);\n return /*#__PURE__*/React__default$1[\"default\"].createElement(React__default$1[\"default\"].Fragment, null, /*#__PURE__*/React__default$1[\"default\"].createElement(OptInFormContainer, _extends$g({}, containerProps, {\n className: \"OPT_IN_FORM\",\n hasTitle: !!data.title,\n hasLegend: !!data.legend,\n hasSubmitButton: !!data.submitButtonText,\n inputs: inputsLikeArray\n }), !!data.title && /*#__PURE__*/React__default$1[\"default\"].createElement(OptInFormTitleContainer, _extends$g({}, titleProps, {\n className: \"OPT_IN_FORM__TITLE\"\n }), /*#__PURE__*/React__default$1[\"default\"].createElement(OptInFormTitle, {\n className: \"OPT_IN_FORM__TITLE__TEXT\",\n size: data.textSize\n }, data.title)), !!inputsLikeArray && inputsLikeArray.map(function (input) {\n return /*#__PURE__*/React__default$1[\"default\"].createElement(Input, _extends$g({\n className: \"OPT_IN_FORM__INPUT OPT_IN_FORM__INPUT__\".concat(lodash.upperCase(lodash.snakeCase(input.name))),\n onChange: onInputTextChange,\n value: getField(input.name).value,\n error: getField(input.name).error,\n key: input.id,\n id: input.id\n }, input));\n }), !!data.legend && /*#__PURE__*/React__default$1[\"default\"].createElement(OptInFormLegendContainer, _extends$g({}, legendProps, {\n className: \"OPT_IN_FORM__LEGEND\"\n }), /*#__PURE__*/React__default$1[\"default\"].createElement(OptInFormLegendText, {\n className: \"OPT_IN_FORM__LEGEND__TEXT\"\n }, data.legend)), !!data.submitButtonText && /*#__PURE__*/React__default$1[\"default\"].createElement(OptInFormSubmitContainer, _extends$g({}, submitProps, {\n active: isValidFormData,\n className: \"OPT_IN_FORM__SUBMIT\"\n }), /*#__PURE__*/React__default$1[\"default\"].createElement(Button$2, _extends$g({\n onClick: /*#__PURE__*/function () {\n var _ref8 = _asyncToGenerator$1( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(_event) {\n return _regeneratorRuntime().wrap(function _callee$(_context) {\n while (1) switch (_context.prev = _context.next) {\n case 0:\n if (!isValidFormData) {\n _context.next = 3;\n break;\n }\n\n _context.next = 3;\n return onSubmit(_event);\n\n case 3:\n case \"end\":\n return _context.stop();\n }\n }, _callee);\n }));\n\n return function (_x) {\n return _ref8.apply(this, arguments);\n };\n }()\n }, submitButtonProps, {\n className: \"OPT_IN_FORM__SUBMIT__BUTTON\",\n withoutBorderRadius: true,\n fill: buttonFillTypes.FILLED,\n styleType: buttonStyleTypes.NONE,\n fontSize: data.submitButtonTextSize,\n filledBackgroundColor: colorsTypes.PRIMARY_DARK,\n filledOutlineBorderColor: colorsTypes.PRIMARY_DARK,\n filledTextColor: colorsTypes.WHITE,\n hoverFilledBackgroundColor: colorsTypes.TRANSPARENT,\n hoverFilledBorderColor: colorsTypes.PRIMARY_DARK,\n hoverFilledTextColor: colorsTypes.PRIMARY_DARK\n }), data.submitButtonText))), /*#__PURE__*/React__default$1[\"default\"].createElement(ConfirmationModal, {\n message: \"Thanks for getting in touch!\",\n acceptBtnText: \"Send\",\n isModalVisible: isModalVisible,\n showModal: showModal,\n closeModal: closeModal,\n onAccept: onAcceptConditions\n }));\n}\n\nvar _templateObject$1j, _templateObject2$r, _templateObject3$l, _templateObject4$h, _templateObject5$d, _templateObject6$8;\n\nvar MemberFeedbackFormTitleContainer = styled__default[\"default\"].div(_templateObject$1j || (_templateObject$1j = _taggedTemplateLiteral([\"\"])));\nvar MemberFeedbackFormTitle = styled__default[\"default\"].h3(_templateObject2$r || (_templateObject2$r = _taggedTemplateLiteral([\"\\n color: var(--primary-150-color);\\n font-family: var(--secondary-family);\\n font-style: normal;\\n font-weight: 600;\\n font-size: 26px;\\n line-height: 39px;\\n\"])));\nvar MemberFeedbackFormLegendContainer = styled__default[\"default\"].div(_templateObject3$l || (_templateObject3$l = _taggedTemplateLiteral([\"\\n padding: 20px 0;\\n\"])));\nvar MemberFeedbackFormLegendText = styled__default[\"default\"].span(_templateObject4$h || (_templateObject4$h = _taggedTemplateLiteral([\"\\n color: var(--grayscale-100-color);\\n font-family: var(--primary-family);\\n font-style: normal;\\n font-weight: normal;\\n font-size: 16px;\\n line-height: 20px;\\n\"])));\nvar MemberFeedbackFormSubmitContainer = styled__default[\"default\"].div(_templateObject5$d || (_templateObject5$d = _taggedTemplateLiteral([\"\\n display: flex;\\n justify-content: flex-start;\\n align-items: center;\\n\\n \", \" {\\n padding: 10px 30px;\\n font-family: var(primary-family);\\n font-style: normal;\\n font-weight: 500;\\n font-size: 14px;\\n line-height: 16px;\\n text-align: center;\\n cursor: \", \";\\n }\\n\"])), Button$2, function (_ref) {\n var _ref$active = _ref.active,\n active = _ref$active === void 0 ? false : _ref$active;\n return active ? \"pointer\" : \"not-allowed\";\n});\nvar MemberFeedbackFormContainer = styled__default[\"default\"].form(_templateObject6$8 || (_templateObject6$8 = _taggedTemplateLiteral([\"\\n width: 100%;\\n display: grid;\\n grid-template-columns: 1fr 1fr;\\n grid-template-rows: \", \";\\n grid-gap: 20px;\\n justify-items: stretch;\\n\\n background: \", \";\\n\\n padding: \", \";\\n\\n & > *:last-child {\\n grid-column: 1/3;\\n }\\n\\n \", \",\\n \", \",\\n \", \" {\\n grid-column: 1/3;\\n }\\n\\n @media all and (max-width: \", \"px) {\\n padding: \", \";\\n }\\n\"])), function (_ref2) {\n var _ref2$hasTitle = _ref2.hasTitle,\n hasTitle = _ref2$hasTitle === void 0 ? false : _ref2$hasTitle,\n _ref2$hasLegend = _ref2.hasLegend,\n hasLegend = _ref2$hasLegend === void 0 ? false : _ref2$hasLegend,\n _ref2$hasSubmitButton = _ref2.hasSubmitButton,\n hasSubmitButton = _ref2$hasSubmitButton === void 0 ? false : _ref2$hasSubmitButton,\n _ref2$inputs = _ref2.inputs,\n inputs = _ref2$inputs === void 0 ? [] : _ref2$inputs;\n var rows = inputs.map(function () {\n return \"auto\";\n });\n if (hasTitle) rows.push(\"auto\");\n if (hasLegend) rows.push(\"auto\");\n if (hasSubmitButton) rows.push(\"auto\");\n return rows.join(\" \");\n}, function (_ref3) {\n var _ref3$background = _ref3.background,\n background = _ref3$background === void 0 ? colorsVariantsTypes.PRIMARY_VERY_ULTRA_LIGHT : _ref3$background;\n return getColors(background);\n}, function (_ref4) {\n var _ref4$padding = _ref4.padding,\n padding = _ref4$padding === void 0 ? \"50px 15%\" : _ref4$padding;\n return lodash.isNumber(padding) ? \"\".concat(padding, \"px\") : padding;\n}, MemberFeedbackFormTitleContainer, MemberFeedbackFormSubmitContainer, MemberFeedbackFormLegendContainer, function (_ref5) {\n var theme = _ref5.theme;\n return theme.breakpoints.md;\n}, function (_ref6) {\n var _ref6$mobilePadding = _ref6.mobilePadding,\n mobilePadding = _ref6$mobilePadding === void 0 ? \"50px 20px\" : _ref6$mobilePadding;\n return lodash.isNumber(mobilePadding) ? \"\".concat(mobilePadding, \"px\") : mobilePadding;\n});\n\nfunction MemberFeedbackForm(_ref7) {\n var _ref7$data = _ref7.data,\n data = _ref7$data === void 0 ? {\n aboutUsTitle: \"\",\n aboutUsTitleSize: textSizesTypes.NORMAL,\n commentTitle: \"\",\n commentTitleSize: textSizesTypes.NORMAL,\n tellUsTitle: \"\",\n tellUsTitleSize: textSizesTypes.NORMAL,\n submitButtonText: \"\",\n submitButtonTextSize: textSizesTypes.NORMAL,\n legendTitle: \"\",\n legendTitleSize: textSizesTypes.NORMAL,\n legend: \"\",\n legendSize: textSizesTypes.NORMAL\n } : _ref7$data,\n _ref7$containerProps = _ref7.containerProps,\n containerProps = _ref7$containerProps === void 0 ? {} : _ref7$containerProps,\n _ref7$titleProps = _ref7.titleProps,\n titleProps = _ref7$titleProps === void 0 ? {} : _ref7$titleProps,\n _ref7$legendProps = _ref7.legendProps,\n legendProps = _ref7$legendProps === void 0 ? {} : _ref7$legendProps,\n _ref7$submitProps = _ref7.submitProps,\n submitProps = _ref7$submitProps === void 0 ? {} : _ref7$submitProps,\n _ref7$submitButtonPro = _ref7.submitButtonProps,\n submitButtonProps = _ref7$submitButtonPro === void 0 ? {} : _ref7$submitButtonPro;\n\n var _useModal = useModal(),\n isModalVisible = _useModal.isModalVisible,\n showModal = _useModal.showModal,\n closeModal = _useModal.closeModal;\n\n var memberFeedbackForm = React.useMemo(function () {\n return {\n aboutUs: [{\n id: nanoid(),\n variant: inputVariantTypes.SELECT,\n isRequired: true,\n label: \"About Us\",\n name: \"aboutUs\",\n type: \"select\",\n // placeholder: \"About Us\",\n // validations: [], // Select dont need a validations collection\n options: [{\n id: nanoid(),\n value: \"WEB_SITE\",\n label: \"Web Site\"\n }, {\n id: nanoid(),\n value: \"FACILITY\",\n label: \"Facility\"\n }, {\n id: nanoid(),\n value: \"PRODUCTS\",\n label: \"Products\"\n }, {\n id: nanoid(),\n value: \"SERVICES\",\n label: \"Services\"\n }, {\n id: nanoid(),\n value: \"EMPLOYEE\",\n label: \"Employee\"\n }, {\n id: nanoid(),\n value: \"OTHER\",\n label: \"Other\"\n }],\n containerProps: {\n gridColumn: \"1/3\",\n mobileGridColumn: \"1/3\"\n }\n }],\n comment: [{\n id: nanoid(),\n isRequired: false,\n label: \"Comment\",\n name: \"comment\",\n type: \"textarea\",\n variant: inputVariantTypes.TEXTAREA,\n // placeholder: \"Comment\",\n validations: [],\n containerProps: {\n gridColumn: \"1/3\",\n mobileGridColumn: \"1/3\"\n }\n }],\n tellUs: [{\n id: nanoid(),\n isRequired: true,\n label: \"Name\",\n name: \"name\",\n type: \"text\",\n // placeholder: \"Member name*\",\n validations: [],\n containerProps: {\n gridColumn: \"auto\",\n mobileGridColumn: \"1/3\"\n }\n }, {\n id: nanoid(),\n isRequired: true,\n label: \"Email\",\n name: \"email\",\n type: \"email\",\n // placeholder: \"Email\",\n validations: [{\n regexp: \"^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\\\\.[a-zA-Z]{2,4}$\",\n regExpoConfig: \"g\",\n error: {\n message: \"invalid email\"\n }\n }],\n containerProps: {\n gridColumn: \"auto\",\n mobileGridColumn: \"1/3\"\n }\n }, {\n id: nanoid(),\n isRequired: false,\n label: \"Phone\",\n name: \"phone\",\n type: \"text\",\n // placeholder: \"Phone Number\",\n validations: [{\n regexp: \"^\\\\d{7,}$\",\n regExpoConfig: \"g\",\n error: {\n message: \"Número de teléfono incorrecto\"\n }\n }],\n containerProps: {\n gridColumn: \"auto\",\n mobileGridColumn: \"1/3\"\n }\n }, {\n id: nanoid(),\n isRequired: false,\n label: \"Fax\",\n name: \"fax\",\n type: \"text\",\n // placeholder: \"Phone Number\",\n validations: [{\n regexp: \"^\\\\d{7,}$\",\n regExpoConfig: \"g\",\n error: {\n message: \"Número de fax incorrecto\"\n }\n }],\n containerProps: {\n gridColumn: \"auto\",\n mobileGridColumn: \"1/3\"\n }\n }]\n };\n }, []);\n\n var _useForm = useForm({\n inputs: memberFeedbackForm\n }),\n _useForm$isValidFormD = _useForm.isValidFormData,\n isValidFormData = _useForm$isValidFormD === void 0 ? false : _useForm$isValidFormD,\n onInputTextChange = _useForm.onInputTextChange,\n getField = _useForm.getField,\n cleanFields = _useForm.cleanFields,\n setInputs = _useForm.setInputs,\n inputs = _useForm.inputs,\n _useForm$inputsLikeAr = _useForm.inputsLikeArray,\n inputsLikeArray = _useForm$inputsLikeAr === void 0 ? [] : _useForm$inputsLikeAr;\n\n function onAcceptConditions() {\n return _onAcceptConditions.apply(this, arguments);\n }\n\n function _onAcceptConditions() {\n _onAcceptConditions = _asyncToGenerator$1( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {\n var bodyFetch, _yield$formsService, _yield$formsService$m, message, _yield$formsService$e, error;\n\n return _regeneratorRuntime().wrap(function _callee2$(_context2) {\n while (1) switch (_context2.prev = _context2.next) {\n case 0:\n _context2.prev = 0;\n bodyFetch = inputsLikeArray.reduce(function (acc, input) {\n var name = input.name;\n if (input.name === \"name\") name = \"fullName\";\n if (input.name === \"phone\") name = \"phoneNumber\";\n return _objectSpread2(_objectSpread2({}, acc), {}, _defineProperty$2({}, name, getField(input.name).value));\n }, {});\n _context2.next = 4;\n return formsService({\n type: \"MEMBERSHIP_FEEDBACK\",\n formData: bodyFetch\n });\n\n case 4:\n _yield$formsService = _context2.sent;\n _yield$formsService$m = _yield$formsService.message;\n message = _yield$formsService$m === void 0 ? \"\" : _yield$formsService$m;\n _yield$formsService$e = _yield$formsService.error;\n error = _yield$formsService$e === void 0 ? false : _yield$formsService$e;\n closeModal();\n\n if (error && error.message) {\n toast.error( /*#__PURE__*/React__default$1[\"default\"].createElement(\"p\", {\n className: \"bl-text-sm tw-text-center\"\n }, error.message), {\n toastId: \"member-feedback-form-submit-error-message\"\n });\n }\n\n if (error) {\n toast.error( /*#__PURE__*/React__default$1[\"default\"].createElement(\"p\", {\n className: \"bl-text-sm tw-text-center\"\n }, message), {\n toastId: \"member-feedback-form-submit-error-message\"\n });\n }\n\n if (!error) toast.success(\"Your form has been successfully submitted.\", {\n toastId: \"onSubmit\"\n });\n cleanFields();\n _context2.next = 19;\n break;\n\n case 16:\n _context2.prev = 16;\n _context2.t0 = _context2[\"catch\"](0);\n closeModal();\n\n case 19:\n case \"end\":\n return _context2.stop();\n }\n }, _callee2, null, [[0, 16]]);\n }));\n return _onAcceptConditions.apply(this, arguments);\n }\n\n function\n /* _event */\n onSubmit() {\n return _onSubmit.apply(this, arguments);\n }\n\n function _onSubmit() {\n _onSubmit = _asyncToGenerator$1( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {\n return _regeneratorRuntime().wrap(function _callee3$(_context3) {\n while (1) switch (_context3.prev = _context3.next) {\n case 0:\n _context3.prev = 0;\n _context3.next = 3;\n return showModal();\n\n case 3:\n _context3.next = 8;\n break;\n\n case 5:\n _context3.prev = 5;\n _context3.t0 = _context3[\"catch\"](0);\n closeModal();\n\n case 8:\n case \"end\":\n return _context3.stop();\n }\n }, _callee3, null, [[0, 5]]);\n }));\n return _onSubmit.apply(this, arguments);\n }\n\n React.useEffect(function () {\n // eslint-disable-next-line react-hooks/exhaustive-deps\n setInputs(memberFeedbackForm);\n }, []);\n return /*#__PURE__*/React__default$1[\"default\"].createElement(React__default$1[\"default\"].Fragment, null, /*#__PURE__*/React__default$1[\"default\"].createElement(MemberFeedbackFormContainer, _extends$g({}, containerProps, {\n className: \"MEMBER_FEEDBACK\",\n hasTitle: !!data.title,\n hasLegend: !!data.legend,\n hasSubmitButton: !!data.submitButtonText,\n inputs: [\"about us\", \"comment\", \"tell us\"].concat(_toConsumableArray(inputsLikeArray))\n }), !!data.aboutUsTitle && /*#__PURE__*/React__default$1[\"default\"].createElement(MemberFeedbackFormTitleContainer, _extends$g({}, titleProps, {\n className: \"MEMBER_FEEDBACK__TITLE\"\n }), /*#__PURE__*/React__default$1[\"default\"].createElement(MemberFeedbackFormTitle, {\n className: \"MEMBER_FEEDBACK__TITLE__TEXT\",\n size: data.aboutUsTitleSize\n }, data.aboutUsTitle)), !!inputs && !!inputs.aboutUs && inputs.aboutUs.map(function (input) {\n return /*#__PURE__*/React__default$1[\"default\"].createElement(Input, _extends$g({\n className: \"MEMBER_FEEDBACK__INPUT MEMBER_FEEDBACK__INPUT__\".concat(lodash.upperCase(lodash.snakeCase(input.name))),\n onChange: onInputTextChange,\n value: getField(input.name).value,\n error: getField(input.name).error,\n key: input.id,\n id: input.id\n }, input));\n }), !!data.commentTitle && /*#__PURE__*/React__default$1[\"default\"].createElement(MemberFeedbackFormTitleContainer, _extends$g({}, titleProps, {\n className: \"MEMBER_FEEDBACK__TITLE tw-mt-10\"\n }), /*#__PURE__*/React__default$1[\"default\"].createElement(MemberFeedbackFormTitle, {\n className: \"MEMBER_FEEDBACK__TITLE__TEXT\",\n size: data.commentTitleSize\n }, data.commentTitle)), !!inputs && !!inputs.comment && inputs.comment.map(function (input) {\n return /*#__PURE__*/React__default$1[\"default\"].createElement(Input, _extends$g({\n className: \"MEMBER_FEEDBACK__INPUT MEMBER_FEEDBACK__INPUT__\".concat(lodash.upperCase(lodash.snakeCase(input.name))),\n onChange: onInputTextChange,\n value: getField(input.name).value,\n error: getField(input.name).error,\n key: input.id,\n id: input.id\n }, input));\n }), !!data.tellUsTitle && /*#__PURE__*/React__default$1[\"default\"].createElement(MemberFeedbackFormTitleContainer, _extends$g({}, titleProps, {\n className: \"MEMBER_FEEDBACK__TITLE tw-mt-10\"\n }), /*#__PURE__*/React__default$1[\"default\"].createElement(MemberFeedbackFormTitle, {\n className: \"MEMBER_FEEDBACK__TITLE__TEXT\",\n size: data.tellUsTitleSize\n }, data.tellUsTitle)), !!inputs && !!inputs.tellUs && inputs.tellUs.map(function (input) {\n return /*#__PURE__*/React__default$1[\"default\"].createElement(Input, _extends$g({\n className: \"MEMBER_FEEDBACK__INPUT MEMBER_FEEDBACK__INPUT__\".concat(lodash.upperCase(lodash.snakeCase(input.name))),\n variant: inputVariantTypes.TEXT,\n onChange: onInputTextChange,\n value: getField(input.name).value,\n error: getField(input.name).error,\n key: input.id,\n id: input.id\n }, input));\n }), !!data.legend && /*#__PURE__*/React__default$1[\"default\"].createElement(MemberFeedbackFormLegendContainer, _extends$g({}, legendProps, {\n className: \"MEMBER_FEEDBACK__LEGEND\"\n }), /*#__PURE__*/React__default$1[\"default\"].createElement(MemberFeedbackFormLegendText, {\n className: \"MEMBER_FEEDBACK__LEGEND__TEXT\"\n }, data.legend)), !!data.submitButtonText && /*#__PURE__*/React__default$1[\"default\"].createElement(MemberFeedbackFormSubmitContainer, _extends$g({}, submitProps, {\n active: isValidFormData,\n className: \"MEMBER_FEEDBACK__SUBMIT\"\n }), /*#__PURE__*/React__default$1[\"default\"].createElement(Button$2, _extends$g({\n onClick: /*#__PURE__*/function () {\n var _ref8 = _asyncToGenerator$1( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(_event) {\n return _regeneratorRuntime().wrap(function _callee$(_context) {\n while (1) switch (_context.prev = _context.next) {\n case 0:\n if (!isValidFormData) {\n _context.next = 3;\n break;\n }\n\n _context.next = 3;\n return onSubmit(_event);\n\n case 3:\n case \"end\":\n return _context.stop();\n }\n }, _callee);\n }));\n\n return function (_x) {\n return _ref8.apply(this, arguments);\n };\n }()\n }, submitButtonProps, {\n className: \"MEMBER_FEEDBACK__SUBMIT__BUTTON\",\n withoutBorderRadius: true,\n fill: buttonFillTypes.FILLED,\n styleType: buttonStyleTypes.NONE,\n fontSize: data.submitButtonTextSize,\n filledBackgroundColor: colorsTypes.PRIMARY_DARK,\n filledOutlineBorderColor: colorsTypes.PRIMARY_DARK,\n filledTextColor: colorsTypes.WHITE,\n hoverFilledBackgroundColor: colorsTypes.TRANSPARENT,\n hoverFilledBorderColor: colorsTypes.PRIMARY_DARK,\n hoverFilledTextColor: colorsTypes.PRIMARY_DARK\n }), data.submitButtonText))), /*#__PURE__*/React__default$1[\"default\"].createElement(ConfirmationModal, {\n message: \"Thanks for getting in touch!\",\n acceptBtnText: \"Send\",\n isModalVisible: isModalVisible,\n showModal: showModal,\n closeModal: closeModal,\n onAccept: onAcceptConditions\n }));\n}\n\nfunction dataStructuting() {\n var data = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {\n titleForm: \"\",\n field: []\n };\n var newStructuredData = {};\n data.field.map(function (item, index) {\n newStructuredData = _objectSpread2(_objectSpread2({}, newStructuredData), {}, _defineProperty$2({}, \"field_\".concat(index), [_objectSpread2(_objectSpread2({}, item), {}, {\n name: lodash.startCase(item.name),\n variant: variantTypeSelect(item.inputType),\n id: nanoid(),\n type: item.inputType,\n validations: validatorTypeSelect(item.inputType, item.isRequired, item.errorMessage),\n options: optionsValue(item.inputType, item.optionsOrPageMessage)\n })]));\n return newStructuredData;\n });\n return newStructuredData;\n} // Not Export Functions\n\n\nfunction validatorTypeSelect() {\n var type = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : \"text\";\n var isRequired = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\n var errorMessage = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : \"This field is required.\";\n if (!isRequired) return [];\n var regExp = \"\";\n if (type === \"text\" || type === \"texarea\" || type === \"check\") regExp = \"^[a-zA-Z0-9A-Z\\xC0-\\xFF\\xF1\\xD1 .,;:_-]{1,}$\";\n if (type === \"email\") regExp = \"^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\\\\.[a-zA-Z]{2,4}$\";\n if (type === \"phone\") regExp = \"^\\\\d{7,12}$\";\n if (type === \"number\") regExp = \"^\\\\d{1,}$\";\n return [{\n regexp: regExp,\n regExpoConfig: \"g\",\n error: {\n message: errorMessage\n }\n }];\n}\n\nfunction variantTypeSelect() {\n var type = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : \"\";\n if (type === \"textarea\") return inputVariantTypes.TEXTAREA;\n if (type === \"select\") return inputVariantTypes.SELECT;\n if (type === \"check\") return inputVariantTypes.CHECK;\n return inputVariantTypes.TEXT;\n}\n\nfunction optionsValue(type, options) {\n if (!options || type !== \"select\" && type !== \"check\") return [];\n return options.split(\"\\n\").reduce(function (acc, select) {\n return [].concat(_toConsumableArray(acc), [{\n id: nanoid(),\n value: lodash.snakeCase(select).toUpperCase(),\n label: select\n }]);\n }, []);\n}\n\nvar _templateObject$1i, _templateObject2$q, _templateObject3$k, _templateObject4$g, _templateObject5$c, _templateObject6$7, _templateObject7$4;\n\nvar FormTemplateContainer = styled__default[\"default\"].section(_templateObject$1i || (_templateObject$1i = _taggedTemplateLiteral([\"\\n background-color: \", \";\\n padding-top: 40px;\\n padding-bottom: 40px;\\n\"])), function (_ref) {\n var _ref$backgroundColorF = _ref.backgroundColorForm,\n backgroundColorForm = _ref$backgroundColorF === void 0 ? \"var(--primary-30-color)\" : _ref$backgroundColorF;\n return backgroundColorForm;\n});\nvar FormTemplateTitle = styled__default[\"default\"].h2(_templateObject2$q || (_templateObject2$q = _taggedTemplateLiteral([\"\\n font-family: var(--secondary-family);\\n font-weight: 600;\\n font-size: 26px;\\n color: \", \";\\n margin-bottom: 20px;\\n\"])), function (_ref2) {\n var _ref2$color = _ref2.color,\n color = _ref2$color === void 0 ? \"var(--grayscale-100-color)\" : _ref2$color;\n return color;\n});\nvar FormTemplateForm = styled__default[\"default\"].form(_templateObject3$k || (_templateObject3$k = _taggedTemplateLiteral([\"\\n display: flex;\\n flex-wrap: wrap;\\n justify-content: space-between;\\n\"])));\nvar FormTemplateSubtitle = styled__default[\"default\"].h3(_templateObject4$g || (_templateObject4$g = _taggedTemplateLiteral([\"\\n font-family: var(--secondary-family);\\n font-weight: 600;\\n font-size: 26px;\\n color: \", \";\\n margin: 20px 0px;\\n width: 100%;\\n\"])), function (_ref3) {\n var _ref3$color = _ref3.color,\n color = _ref3$color === void 0 ? \"var(--primary-150-color)\" : _ref3$color;\n return color;\n});\nvar FormTemplateText = styled__default[\"default\"].p(_templateObject5$c || (_templateObject5$c = _taggedTemplateLiteral([\"\\n white-space: pre-line;\\n font-family: var(--primary-family);\\n font-weight: 400;\\n line-height: 20px;\\n font-size: 16px;\\n margin-bottom: 10px;\\n color: \", \";\\n width: 100%;\\n\"])), function (_ref4) {\n var _ref4$color = _ref4.color,\n color = _ref4$color === void 0 ? \"var(--grayscale-100-color)\" : _ref4$color;\n return color;\n});\nvar CustomInput = styled__default[\"default\"](Input)(_templateObject6$7 || (_templateObject6$7 = _taggedTemplateLiteral([\"\\n margin-bottom: 25px;\\n width: \", \";\\n\\n input {\\n background-color: var(--grayscale-0-color);\\n }\\n\\n @media (max-width: 767px) {\\n width: 100%;\\n }\\n\"])), function () {\n var _ref5 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : \"full\",\n inputWidth = _ref5.inputWidth;\n\n if (inputWidth === \"half\") return \"47%\";\n if (inputWidth === \"third\") return \"31%\";\n return \"100%\";\n});\nvar FormTemplateSubmitContainer = styled__default[\"default\"].div(_templateObject7$4 || (_templateObject7$4 = _taggedTemplateLiteral([\"\\n display: flex;\\n justify-content: flex-start;\\n align-items: center;\\n\\n \", \" {\\n padding: 10px 30px;\\n margin-top: 20px;\\n font-family: var(--primary-family);\\n font-style: normal;\\n font-weight: 500;\\n font-size: 14px;\\n line-height: 16px;\\n text-align: center;\\n cursor: \", \";\\n }\\n\"])), Button$2, function (_ref6) {\n var _ref6$active = _ref6.active,\n active = _ref6$active === void 0 ? false : _ref6$active;\n return active ? \"pointer\" : \"not-allowed\";\n});\n\nfunction FormTemplate(_ref7) {\n var _ref7$data = _ref7.data,\n data = _ref7$data === void 0 ? {\n formName: \"custom form\",\n titleForm: \"\",\n buttonName: \"Send\",\n field: []\n } : _ref7$data,\n _ref7$formTemplatePro = _ref7.formTemplateProps,\n formTemplateProps = _ref7$formTemplatePro === void 0 ? {\n backgroundColorForm: colorsTypes.HIGHT_LIGHT_PRIMARY,\n titleFormColor: colorsTypes.BLACK,\n subtitleFormColor: colorsTypes.PRIMARY_DARK,\n textColor: colorsTypes.BLACK,\n submitButtonFilledBackgroundColor: colorsTypes.PRIMARY_DARK,\n submitButtonFilledOutlineBorderColor: colorsTypes.PRIMARY_DARK,\n submitButtonFilledTextColor: colorsTypes.WHITE,\n submitButtonHoverFilledBackgroundColor: colorsTypes.TRANSPARENT,\n submitButtonHoverFilledBorderColor: colorsTypes.PRIMARY_DARK,\n submitButtonHoverFilledTextColor: colorsTypes.PRIMARY_DARK\n } : _ref7$formTemplatePro;\n\n var _useState = React.useState(\"\"),\n _useState2 = _slicedToArray(_useState, 2),\n token = _useState2[0],\n setToken = _useState2[1];\n\n var _useModal = useModal(),\n isModalVisible = _useModal.isModalVisible,\n showModal = _useModal.showModal,\n closeModal = _useModal.closeModal;\n\n var structuredData = dataStructuting(data);\n var snakeFormName = lodash.snakeCase(data === null || data === void 0 ? void 0 : data.formName).toUpperCase();\n\n var _useForm = useForm({\n inputs: structuredData\n }),\n _useForm$isValidFormD = _useForm.isValidFormData,\n isValidFormData = _useForm$isValidFormD === void 0 ? false : _useForm$isValidFormD,\n onInputTextChange = _useForm.onInputTextChange,\n getField = _useForm.getField,\n cleanFields = _useForm.cleanFields,\n setInputs = _useForm.setInputs,\n inputs = _useForm.inputs,\n _useForm$inputsLikeAr = _useForm.inputsLikeArray,\n inputsLikeArray = _useForm$inputsLikeAr === void 0 ? [] : _useForm$inputsLikeAr;\n\n function\n /* _event */\n onSubmit() {\n return _onSubmit.apply(this, arguments);\n }\n\n function _onSubmit() {\n _onSubmit = _asyncToGenerator$1( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {\n return _regeneratorRuntime().wrap(function _callee2$(_context2) {\n while (1) switch (_context2.prev = _context2.next) {\n case 0:\n _context2.prev = 0;\n _context2.next = 3;\n return showModal();\n\n case 3:\n _context2.next = 8;\n break;\n\n case 5:\n _context2.prev = 5;\n _context2.t0 = _context2[\"catch\"](0);\n closeModal();\n\n case 8:\n case \"end\":\n return _context2.stop();\n }\n }, _callee2, null, [[0, 5]]);\n }));\n return _onSubmit.apply(this, arguments);\n }\n\n function onAcceptConditions() {\n return _onAcceptConditions.apply(this, arguments);\n }\n\n function _onAcceptConditions() {\n _onAcceptConditions = _asyncToGenerator$1( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {\n var _data$formName, formName, _data$recipients, recipients, _data$backgroundColor, backgroundColorHeaderEmail, _data$labelColor, labelColor, recipientsArray, bodyFetch, _yield$customFormsSer, _yield$customFormsSer2, message, _yield$customFormsSer3, error;\n\n return _regeneratorRuntime().wrap(function _callee3$(_context3) {\n while (1) switch (_context3.prev = _context3.next) {\n case 0:\n _context3.prev = 0;\n _data$formName = data.formName, formName = _data$formName === void 0 ? \"Form Test\" : _data$formName, _data$recipients = data.recipients, recipients = _data$recipients === void 0 ? [] : _data$recipients, _data$backgroundColor = data.backgroundColorHeaderEmail, backgroundColorHeaderEmail = _data$backgroundColor === void 0 ? \"\" : _data$backgroundColor, _data$labelColor = data.labelColor, labelColor = _data$labelColor === void 0 ? \"\" : _data$labelColor;\n recipientsArray = recipients.replace(/\\s+/g, \"\").split(\",\");\n bodyFetch = inputsLikeArray.reduce(function (acc, input) {\n var name = input.name;\n\n if (input.inputType === \"pageMessageTitle\" || input.inputType === \"pageMessageText\") {\n return _objectSpread2({}, acc);\n }\n\n return _objectSpread2(_objectSpread2({}, acc), {}, _defineProperty$2({}, name, getField(input.name).value));\n }, {});\n _context3.next = 6;\n return customFormsService({\n header: {\n formName: formName,\n recipients: recipientsArray,\n iconUrl: \"\".concat(window.location.host, \"/images/logo.png\"),\n backgroundColor: backgroundColorHeaderEmail,\n labelColor: labelColor\n },\n formData: bodyFetch\n });\n\n case 6:\n _yield$customFormsSer = _context3.sent;\n _yield$customFormsSer2 = _yield$customFormsSer.message;\n message = _yield$customFormsSer2 === void 0 ? \"\" : _yield$customFormsSer2;\n _yield$customFormsSer3 = _yield$customFormsSer.error;\n error = _yield$customFormsSer3 === void 0 ? false : _yield$customFormsSer3;\n closeModal();\n\n if (error && error.message) {\n toast.error( /*#__PURE__*/React__default$1[\"default\"].createElement(\"p\", {\n className: \"bl-text-sm tw-text-center\"\n }, error.message), {\n toastId: \"member-feedback-form-submit-error-message\"\n });\n }\n\n if (error) {\n toast.error( /*#__PURE__*/React__default$1[\"default\"].createElement(\"p\", {\n className: \"bl-text-sm tw-text-center\"\n }, message), {\n toastId: \"member-feedback-form-submit-error-message\"\n });\n }\n\n if (!error) toast.success(\"Your form has been successfully submitted.\", {\n toastId: \"onSubmit\"\n });\n cleanFields();\n _context3.next = 21;\n break;\n\n case 18:\n _context3.prev = 18;\n _context3.t0 = _context3[\"catch\"](0);\n closeModal();\n\n case 21:\n case \"end\":\n return _context3.stop();\n }\n }, _callee3, null, [[0, 18]]);\n }));\n return _onAcceptConditions.apply(this, arguments);\n }\n\n React.useEffect(function () {\n // eslint-disable-next-line react-hooks/exhaustive-deps\n setInputs(structuredData);\n }, []);\n return /*#__PURE__*/React__default$1[\"default\"].createElement(FormTemplateContainer, {\n className: \"tw-x-container CUSTOM_FORM__CONTAINER \".concat(snakeFormName, \"__CONTAINER\"),\n backgroundColorForm: formTemplateProps.backgroundColorForm\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(FormTemplateTitle, {\n className: \"CUSTOM_FORM__TITLE \".concat(snakeFormName, \"__FORM__TITLE\"),\n color: formTemplateProps.titleFormColor\n }, data === null || data === void 0 ? void 0 : data.titleForm), /*#__PURE__*/React__default$1[\"default\"].createElement(FormTemplateForm, {\n className: \"CUSTOM_FORM \".concat(snakeFormName, \"__FORM\")\n }, Object.keys(inputs).map(function (elements) {\n return inputs[elements].map(function (input) {\n if (input.inputType === \"pageMessageTitle\") return !!input.optionsOrPageMessage && /*#__PURE__*/React__default$1[\"default\"].createElement(FormTemplateSubtitle, {\n className: \"CUSTOM_FORM__SUBTITLE \".concat(snakeFormName, \"__FORM__SUBTITLE\"),\n color: formTemplateProps.subtitleFormColor\n }, input.optionsOrPageMessage || \"Section Title\");\n if (input.inputType === \"pageMessageText\") return !!input.optionsOrPageMessage && /*#__PURE__*/React__default$1[\"default\"].createElement(FormTemplateText, {\n className: \"CUSTOM_FORM__TEXT \".concat(snakeFormName, \"__FORM__TEXT\"),\n color: formTemplateProps.textColor\n }, input.optionsOrPageMessage || \"Section Text\");\n return /*#__PURE__*/React__default$1[\"default\"].createElement(CustomInput, _extends$g({\n className: \"CUSTOM_FORM__INPUT \".concat(snakeFormName, \"__INPUT \").concat(snakeFormName, \"__INPUT__\").concat(lodash.snakeCase(input === null || input === void 0 ? void 0 : input.name).toUpperCase() || \"INPUT\"),\n onChange: onInputTextChange,\n value: getField(input.name).value,\n error: getField(input.name).error,\n key: input.id,\n id: input.id,\n inputWidth: input.inputWidth\n }, input));\n });\n }), process.env.GATSBY_CU_NAME === \"Toledo New\" && /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"tw-w-full tw-mt-8 md:tw-mt-20\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(RecaptchaWrapper, {\n sitekey: process.env.GATSBY_RE_CAPTCHA_CLIENT_API_KEY,\n onChange: function onChange(e) {\n return setToken(e);\n }\n })), /*#__PURE__*/React__default$1[\"default\"].createElement(FormTemplateSubmitContainer // {...submitProps}\n , {\n active: process.env.GATSBY_CU_NAME === \"Toledo New\" ? token && isValidFormData : isValidFormData,\n className: \"MEMBER_FEEDBACK__SUBMIT\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(Button$2, {\n onClick: /*#__PURE__*/function () {\n var _ref8 = _asyncToGenerator$1( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(_event) {\n return _regeneratorRuntime().wrap(function _callee$(_context) {\n while (1) switch (_context.prev = _context.next) {\n case 0:\n if (!isValidFormData) {\n _context.next = 3;\n break;\n }\n\n _context.next = 3;\n return onSubmit(_event);\n\n case 3:\n case \"end\":\n return _context.stop();\n }\n }, _callee);\n }));\n\n return function (_x) {\n return _ref8.apply(this, arguments);\n };\n }() // {...submitButtonProps}\n ,\n className: \"\".concat(snakeFormName, \"__CONTAINER__SUBMIT__BUTTON CUSTOM_FORM__SUBMIT__BUTTON tw-p-16 tw-bg-red-600\"),\n withoutBorderRadius: true,\n fill: buttonFillTypes.FILLED,\n styleType: buttonStyleTypes.NONE // fontSize={data.submitButtonTextSize}\n ,\n filledBackgroundColor: formTemplateProps.submitButtonFilledBackgroundColor,\n filledOutlineBorderColor: formTemplateProps.submitButtonFilledOutlineBorderColor,\n filledTextColor: formTemplateProps.submitButtonFilledTextColor,\n hoverFilledBackgroundColor: formTemplateProps.submitButtonHoverFilledBackgroundColor,\n hoverFilledBorderColor: formTemplateProps.submitButtonHoverFilledBorderColor,\n hoverFilledTextColor: formTemplateProps.submitButtonHoverFilledTextColor\n }, data === null || data === void 0 ? void 0 : data.buttonName)), /*#__PURE__*/React__default$1[\"default\"].createElement(ConfirmationModal, {\n message: \"Thanks for getting in touch!\",\n acceptBtnText: \"Send\",\n isModalVisible: isModalVisible,\n showModal: showModal,\n closeModal: closeModal,\n onAccept: onAcceptConditions\n })));\n}\n\nvar _templateObject$1h, _templateObject2$p, _templateObject3$j, _templateObject4$f; // components\n\n\nvar CustomDiv = styled__default[\"default\"].div(_templateObject$1h || (_templateObject$1h = _taggedTemplateLiteral([\"\\n margin: auto;\\n\"])));\nvar CustomButton$4 = styled__default[\"default\"](Button$2)(_templateObject2$p || (_templateObject2$p = _taggedTemplateLiteral([\"\\n margin: 10px auto;\\n\"])));\nvar Title$8 = styled__default[\"default\"].h4(_templateObject3$j || (_templateObject3$j = _taggedTemplateLiteral([\"\\n font-family: var(--primary-family);\\n color: var(--grayscale-100-color);\\n font-weight: bold;\\n font-size: 1.2rem;\\n\"])));\nvar Report$1 = styled__default[\"default\"].div(_templateObject4$f || (_templateObject4$f = _taggedTemplateLiteral([\"\\n \", \"\\n\"])), function (_ref) {\n var theme = _ref.theme;\n return \"\\n width: 20%;\\n min-width: 100px;\\n margin: auto 0;\\n margin-top: 5px;\\n @media (max-width: \".concat(theme.breakpoints.sm, \"px){\\n margin: auto 5px; \\n }\\n\");\n});\n\nfunction Reports(_ref2) {\n var _ref2$data = _ref2.data,\n data = _ref2$data === void 0 ? {\n Pdf: []\n } : _ref2$data;\n\n var _onClick = function onClick(to) {\n return window.open(to);\n };\n\n return /*#__PURE__*/React__default$1[\"default\"].createElement(React__default$1[\"default\"].Fragment, null, /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"tw-container\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(Title$8, {\n className: \"ANT_FEATURE_FULL_MOBILE__CONTAINER__TITLE FeatureFullBg__title tw-pt-12 tw-pb-2 tw-font-semibold text-3xl tw-leading-snug\"\n }, data.title), /*#__PURE__*/React__default$1[\"default\"].createElement(CustomDiv, {\n className: \"tw-flex tw-flex-wrap tw-space-between\"\n }, data.Pdf.map(function (_ref3, idx) {\n var _ref3$label = _ref3.label,\n label = _ref3$label === void 0 ? \"report\" : _ref3$label,\n _ref3$file = _ref3.file,\n file = _ref3$file === void 0 ? {} : _ref3$file;\n return /*#__PURE__*/React__default$1[\"default\"].createElement(Report$1, null, /*#__PURE__*/React__default$1[\"default\"].createElement(CustomButton$4, {\n fill: buttonFillTypes.FILLED,\n styleType: buttonStyleTypes.STANDARD,\n hoverFilledTextColor: colorsTypes.PRIMARY_DARK,\n hoverFilledBorderColor: colorsTypes.PRIMARY_DARK,\n hoverFilledBackgroundColor: colorsTypes.TRANSPARENT,\n filledBackgroundColor: colorsTypes.PRIMARY,\n className: \"DINAMIC_PAGE_COMPONENT DINAMIC_PAGE_COMPONENT_REPORTS_BUTTON\",\n onClick: function onClick() {\n return _onClick(file.url);\n },\n key: \"\".concat(label, \"-\").concat(file.url, \"-\").concat(idx)\n }, !label ? \"report\" : label));\n }))));\n}\n\nvar _templateObject$1g, _templateObject2$o, _templateObject3$i, _templateObject4$e, _templateObject5$b, _templateObject6$6;\n\nvar InputTextContainer = styled__default[\"default\"].div(_templateObject$1g || (_templateObject$1g = _taggedTemplateLiteral([\"\\n cursor: pointer;\\n display: grid;\\n grid-template-columns: 1fr;\\n grid-template-rows: 1fr;\\n position: relative;\\n min-height: 50px;\\n background: var(--grayscale-0-color);\\n z-index: 0;\\n grid-column: \", \";\\n\\n @media all and (max-width: \", \"px) {\\n grid-column: \", \";\\n }\\n\"])), function (_ref) {\n var gridColumn = _ref.gridColumn;\n return gridColumn;\n}, function (_ref2) {\n var theme = _ref2.theme;\n return theme.breakpoints.md;\n}, function (_ref3) {\n var mobileGridColumn = _ref3.mobileGridColumn;\n return mobileGridColumn;\n});\nvar InputTextLabelContainer = styled__default[\"default\"].div(_templateObject2$o || (_templateObject2$o = _taggedTemplateLiteral([\"\\n cursor: pointer;\\n position: absolute;\\n transition: all linear 100ms;\\n z-index: 15;\\n height: min-content;\\n width: auto;\\n bottom: 50%;\\n transform: translateY(-50%);\\n top: \", \";\\n\\n left: \", \";\\n\"])), function (_ref4) {\n var _ref4$hasValue = _ref4.hasValue,\n hasValue = _ref4$hasValue === void 0 ? false : _ref4$hasValue,\n _ref4$position = _ref4.position,\n position = _ref4$position === void 0 ? {\n initial: 10,\n vertical: \"50%\"\n } : _ref4$position;\n\n if (!hasValue) {\n if (process.env.GATSBY_CU_NAME === \"nas_jrb\") {\n return \"55%\";\n }\n\n return lodash.isNumber(position.vertical) ? \"\".concat(position.vertical, \"px\") : position.vertical;\n }\n\n if (process.env.GATSBY_CU_NAME === \"nas_jrb\") {\n return \"40%\";\n }\n\n return lodash.isNumber(position.initial) ? \"\".concat(position.initial, \"px\") : position.initial;\n}, function (_ref5) {\n var _ref5$position = _ref5.position,\n position = _ref5$position === void 0 ? {\n initial: -5,\n horizontal: 5\n } : _ref5$position;\n return lodash.isNumber(position.horizontal) ? \"\".concat(position.horizontal, \"px\") : position.horizontal;\n});\nvar InputTextLabelText = styled__default[\"default\"].p(_templateObject3$i || (_templateObject3$i = _taggedTemplateLiteral([\"\\n color: var(--grayscale-100-color);\\n font-family: var(--primary-family);\\n font-style: normal;\\n font-weight: normal;\\n font-size: 14px !important;\\n line-height: 16px !important;\\n padding-left: 30px !important;\\n padding-right: 10px !important;\\n\"])));\nvar InputTextErrorContainer = styled__default[\"default\"].div(_templateObject4$e || (_templateObject4$e = _taggedTemplateLiteral([\"\\n position: absolute;\\n z-index: 5;\\n\\n bottom: \", \";\\n\\n left: \", \";\\n\\n opacity: \", \";\\n\"])), function (_ref6) {\n var _ref6$position = _ref6.position,\n position = _ref6$position === void 0 ? {\n vertical: \"-35%\"\n } : _ref6$position;\n return lodash.isNumber(position.vertical) ? \"\".concat(position.vertical, \"px\") : position.vertical;\n}, function (_ref7) {\n var _ref7$position = _ref7.position,\n position = _ref7$position === void 0 ? {\n horizontal: 5\n } : _ref7$position;\n return lodash.isNumber(position.horizontal) ? \"\".concat(position.horizontal, \"px\") : position.horizontal;\n}, function (_ref8) {\n var _ref8$hasError = _ref8.hasError,\n hasError = _ref8$hasError === void 0 ? false : _ref8$hasError;\n return hasError ? 1 : 0;\n});\nvar InputTextErrorText = styled__default[\"default\"].span(_templateObject5$b || (_templateObject5$b = _taggedTemplateLiteral([\"\\n color: var(--ui-alert-color);\\n font-family: var(--primary-family);\\n font-style: normal;\\n font-weight: normal;\\n font-size: 12px;\\n line-height: 14px;\\n\"])));\nvar InputTextField = styled__default[\"default\"].input(_templateObject6$6 || (_templateObject6$6 = _taggedTemplateLiteral([\"\\n z-index: 10;\\n outline: none;\\n border: none;\\n background: transparent;\\n padding: 2% 0 0 5px;\\n font-family: var(--primary-family);\\n font-style: normal;\\n font-weight: normal;\\n font-size: 14px;\\n line-height: 16px;\\n padding: 14px 35px;\\n margin-top: \", \";\\n\"])), function (_ref9) {\n var _ref9$label = _ref9.label,\n label = _ref9$label === void 0 ? \"\" : _ref9$label;\n return !label ? \"0px\" : \"10px\";\n});\n\nfunction InputText(_ref10) {\n var _ref10$id = _ref10.id,\n $id = _ref10$id === void 0 ? \"\" : _ref10$id,\n _ref10$className = _ref10.className,\n $className = _ref10$className === void 0 ? \"\" : _ref10$className,\n _ref10$containerStyle = _ref10.containerStyles,\n $containerStyles = _ref10$containerStyle === void 0 ? {} : _ref10$containerStyle,\n _ref10$containerProps = _ref10.containerProps,\n $containerProps = _ref10$containerProps === void 0 ? {} : _ref10$containerProps,\n _ref10$labelStyles = _ref10.labelStyles,\n $labelStyles = _ref10$labelStyles === void 0 ? {} : _ref10$labelStyles,\n _ref10$labelTextStyle = _ref10.labelTextStyles,\n $labelTextStyles = _ref10$labelTextStyle === void 0 ? {} : _ref10$labelTextStyle,\n _ref10$labelProps = _ref10.labelProps,\n $labelProps = _ref10$labelProps === void 0 ? {} : _ref10$labelProps,\n _ref10$labelTextProps = _ref10.labelTextProps,\n $labelTextProps = _ref10$labelTextProps === void 0 ? {} : _ref10$labelTextProps,\n _ref10$labelClassName = _ref10.labelClassName,\n $labelClassName = _ref10$labelClassName === void 0 ? \"\" : _ref10$labelClassName,\n _ref10$labelTextClass = _ref10.labelTextClassName,\n $labelTextClassName = _ref10$labelTextClass === void 0 ? \"\" : _ref10$labelTextClass,\n _ref10$label = _ref10.label,\n $label = _ref10$label === void 0 ? \"\" : _ref10$label,\n _ref10$inputStyles = _ref10.inputStyles,\n $inputStyles = _ref10$inputStyles === void 0 ? {} : _ref10$inputStyles,\n _ref10$type = _ref10.type,\n $type = _ref10$type === void 0 ? \"text\" : _ref10$type,\n _ref10$inputProps = _ref10.inputProps,\n $inputProps = _ref10$inputProps === void 0 ? {} : _ref10$inputProps,\n _ref10$inputClassName = _ref10.inputClassName,\n $inputClassName = _ref10$inputClassName === void 0 ? \"\" : _ref10$inputClassName,\n _ref10$errorTextProps = _ref10.errorTextProps,\n $errorTextProps = _ref10$errorTextProps === void 0 ? {} : _ref10$errorTextProps,\n _ref10$errorStyles = _ref10.errorStyles,\n $errorStyles = _ref10$errorStyles === void 0 ? {} : _ref10$errorStyles,\n _ref10$errorTextStyle = _ref10.errorTextStyles,\n $errorTextStyles = _ref10$errorTextStyle === void 0 ? {} : _ref10$errorTextStyle,\n _ref10$errorProps = _ref10.errorProps,\n $errorProps = _ref10$errorProps === void 0 ? {} : _ref10$errorProps,\n _ref10$errorClassName = _ref10.errorClassName,\n $errorClassName = _ref10$errorClassName === void 0 ? \"\" : _ref10$errorClassName,\n _ref10$errorTextClass = _ref10.errorTextClassName,\n $errorTextClassName = _ref10$errorTextClass === void 0 ? \"\" : _ref10$errorTextClass,\n _ref10$errorMessage = _ref10.errorMessage,\n $errorMessage = _ref10$errorMessage === void 0 ? \"\" : _ref10$errorMessage,\n _ref10$error = _ref10.error,\n $error = _ref10$error === void 0 ? {\n message: \"\"\n } : _ref10$error,\n _ref10$value = _ref10.value,\n $value = _ref10$value === void 0 ? \"\" : _ref10$value,\n _ref10$role = _ref10.role,\n $role = _ref10$role === void 0 ? \"\" : _ref10$role,\n _ref10$name = _ref10.name,\n $name = _ref10$name === void 0 ? \"\" : _ref10$name,\n _ref10$isRequired = _ref10.isRequired,\n $isRequired = _ref10$isRequired === void 0 ? false : _ref10$isRequired,\n _ref10$placeholder = _ref10.placeholder,\n $placeholder = _ref10$placeholder === void 0 ? \"\" : _ref10$placeholder,\n _ref10$validations = _ref10.validations,\n $validations = _ref10$validations === void 0 ? [] : _ref10$validations,\n _ref10$onChange = _ref10.onChange,\n $onChange = _ref10$onChange === void 0 ? function () {\n return undefined;\n } : _ref10$onChange,\n _ref10$onFocus = _ref10.onFocus,\n $onFocus = _ref10$onFocus === void 0 ? function () {\n return undefined;\n } : _ref10$onFocus,\n _ref10$onBlur = _ref10.onBlur,\n $onBlur = _ref10$onBlur === void 0 ? function () {\n return undefined;\n } : _ref10$onBlur;\n\n var _useState = React.useState(false),\n _useState2 = _slicedToArray(_useState, 2),\n isFocus = _useState2[0],\n setIsFocus = _useState2[1];\n\n var _useState3 = React.useState($error.message),\n _useState4 = _slicedToArray(_useState3, 2),\n error = _useState4[0],\n setError = _useState4[1];\n\n var inputRef = React.useRef(null);\n var hasValue = !!$value || isFocus;\n\n var focusInput = function focusInput() {\n if (inputRef && inputRef.current) {\n inputRef.current.focus();\n }\n };\n\n var onChange = function onChange(_event) {\n var isValid = $validations.map(function (_ref11) {\n var _ref11$regexp = _ref11.regexp,\n regexp = _ref11$regexp === void 0 ? \"\" : _ref11$regexp,\n _ref11$regExpoConfig = _ref11.regExpoConfig,\n regExpoConfig = _ref11$regExpoConfig === void 0 ? \"g\" : _ref11$regExpoConfig,\n _ref11$error = _ref11.error,\n $$error = _ref11$error === void 0 ? {\n message: \"\"\n } : _ref11$error;\n var test = new RegExp(regexp, regExpoConfig).test(_event.target.value);\n\n if ($isRequired && (!_event.target.value || !test)) {\n if ($$error.message) setError($$error.message);else setError($error.message);\n } else setError();\n\n return test;\n });\n $onChange(_event, {\n isValid: isValid.every(Boolean),\n hasValue: hasValue,\n hasError: !!error,\n error: error\n });\n };\n\n var onFocus = function onFocus(_event) {\n $onFocus(_event);\n setIsFocus(true);\n };\n\n var onBlur = function onBlur(_event) {\n $onBlur(_event);\n setIsFocus(false);\n if (!_event.target.value) setError($errorMessage);\n };\n\n var onClickLabel = function\n /* _event */\n onClickLabel() {\n focusInput();\n };\n\n var onClickError = function\n /* _event */\n onClickError() {\n focusInput();\n };\n\n return /*#__PURE__*/React__default$1[\"default\"].createElement(InputTextContainer, _extends$g({\n styles: $containerStyles\n }, $containerProps, {\n className: \"\".concat($className, \" INPUT_TEXT\")\n }), !!$label && /*#__PURE__*/React__default$1[\"default\"].createElement(InputTextLabelContainer, _extends$g({\n styles: $labelStyles\n }, $labelProps, {\n className: \"\".concat($labelClassName, \" INPUT_TEXT__LABEL\"),\n hasValue: hasValue,\n hasError: !!error,\n onClick: onClickLabel\n }), /*#__PURE__*/React__default$1[\"default\"].createElement(InputTextLabelText, _extends$g({\n styles: $labelTextStyles\n }, $labelTextProps, {\n className: \"\".concat($labelTextClassName, \" INPUT_TEXT__LABEL__TEXT\")\n }), $label)), /*#__PURE__*/React__default$1[\"default\"].createElement(InputTextField, _extends$g({\n ref: inputRef,\n styles: $inputStyles,\n id: $id,\n label: $label\n }, $inputProps, {\n className: \"\".concat($inputClassName, \" INPUT_TEXT__FIELD\"),\n type: $type,\n value: $value || undefined,\n role: $role || undefined,\n name: $name,\n placeholder: $placeholder,\n onChange: onChange,\n onFocus: onFocus,\n onBlur: onBlur\n })), !!error && /*#__PURE__*/React__default$1[\"default\"].createElement(InputTextErrorContainer, _extends$g({\n className: \"\".concat($errorClassName, \" INPUT_TEXT__ERROR\"),\n hasValue: hasValue,\n hasError: !!error,\n onClick: onClickError,\n styles: $errorStyles\n }, $errorProps), /*#__PURE__*/React__default$1[\"default\"].createElement(InputTextErrorText, _extends$g({\n styles: $errorTextStyles\n }, $errorTextProps, {\n className: \"\".concat($errorTextClassName, \" INPUT_TEXT__ERROR__TEXT\")\n }), error)));\n}\n\nvar _templateObject$1f, _templateObject2$n, _templateObject3$h, _templateObject4$d, _templateObject5$a, _templateObject6$5;\n\nvar InputTextareaContainer = styled__default[\"default\"].div(_templateObject$1f || (_templateObject$1f = _taggedTemplateLiteral([\"\\n cursor: pointer;\\n display: grid;\\n grid-template-columns: 1fr;\\n grid-template-rows: 1fr;\\n position: relative;\\n min-height: 200px;\\n background: var(--grayscale-0-color);\\n z-index: 0;\\n grid-column: \", \";\\n\\n @media all and (max-width: \", \"px) {\\n grid-column: \", \";\\n }\\n\"])), function (_ref) {\n var gridColumn = _ref.gridColumn;\n return gridColumn;\n}, function (_ref2) {\n var theme = _ref2.theme;\n return theme.breakpoints.md;\n}, function (_ref3) {\n var mobileGridColumn = _ref3.mobileGridColumn;\n return mobileGridColumn;\n});\nvar InputTextareaLabelContainer = styled__default[\"default\"].div(_templateObject2$n || (_templateObject2$n = _taggedTemplateLiteral([\"\\n cursor: pointer;\\n position: absolute;\\n transition: all linear 100ms;\\n z-index: 15;\\n height: auto;\\n width: auto;\\n //bottom: 50%;\\n transform: translateY(-50%);\\n top: \", \";\\n\\n left: \", \";\\n\"])), function (_ref4) {\n var _ref4$hasValue = _ref4.hasValue,\n hasValue = _ref4$hasValue === void 0 ? false : _ref4$hasValue,\n _ref4$position = _ref4.position,\n position = _ref4$position === void 0 ? {\n initial: 10,\n vertical: \"20px\"\n } : _ref4$position;\n\n if (!hasValue) {\n return lodash.isNumber(position.vertical) ? \"\".concat(position.vertical, \"px\") : position.vertical;\n }\n\n return lodash.isNumber(position.initial) ? \"\".concat(position.initial, \"px\") : position.initial;\n}, function (_ref5) {\n var _ref5$position = _ref5.position,\n position = _ref5$position === void 0 ? {\n initial: -5,\n horizontal: 5\n } : _ref5$position;\n return lodash.isNumber(position.horizontal) ? \"\".concat(position.horizontal, \"px\") : position.horizontal;\n});\nvar InputTextareaLabelText = styled__default[\"default\"].p(_templateObject3$h || (_templateObject3$h = _taggedTemplateLiteral([\"\\n color: var(--grayscale-100-color);\\n font-family: var(--primary-family);\\n font-style: normal;\\n font-weight: normal;\\n font-size: 12px;\\n line-height: 14px;\\n font-size: 14px !important;\\n line-height: 16px !important;\\n padding-left: 30px !important;\\n padding-right: 10px !important;\\n\"])));\nvar InputTextareaErrorContainer = styled__default[\"default\"].div(_templateObject4$d || (_templateObject4$d = _taggedTemplateLiteral([\"\\n position: absolute;\\n z-index: 5;\\n\\n bottom: \", \";\\n\\n left: \", \";\\n\\n opacity: \", \";\\n\"])), function (_ref6) {\n var _ref6$position = _ref6.position,\n position = _ref6$position === void 0 ? {\n vertical: -20\n } : _ref6$position;\n return lodash.isNumber(position.vertical) ? \"\".concat(position.vertical, \"px\") : position.vertical;\n}, function (_ref7) {\n var _ref7$position = _ref7.position,\n position = _ref7$position === void 0 ? {\n horizontal: 5\n } : _ref7$position;\n return lodash.isNumber(position.horizontal) ? \"\".concat(position.horizontal, \"px\") : position.horizontal;\n}, function (_ref8) {\n var _ref8$hasError = _ref8.hasError,\n hasError = _ref8$hasError === void 0 ? false : _ref8$hasError;\n return hasError ? 1 : 0;\n});\nvar InputTextareaErrorText = styled__default[\"default\"].span(_templateObject5$a || (_templateObject5$a = _taggedTemplateLiteral([\"\\n color: var(--ui-alert-color);\\n font-family: var(--primary-family);\\n font-style: normal;\\n font-weight: normal;\\n font-size: 12px;\\n line-height: 14px;\\n\"])));\nvar InputTextareaField = styled__default[\"default\"].textarea(_templateObject6$5 || (_templateObject6$5 = _taggedTemplateLiteral([\"\\n z-index: 10;\\n outline: none;\\n border: none;\\n background: transparent;\\n font-family: var(--primary-family);\\n font-style: normal;\\n font-weight: normal;\\n font-size: 14px;\\n line-height: 16px;\\n padding: 14px 35px;\\n margin-top: \", \";\\n\"])), function (_ref9) {\n var _ref9$label = _ref9.label,\n label = _ref9$label === void 0 ? \"\" : _ref9$label;\n return !label ? \"0px\" : \"10px\";\n});\n\nfunction InputTextarea(_ref10) {\n var _ref10$id = _ref10.id,\n $id = _ref10$id === void 0 ? \"\" : _ref10$id,\n _ref10$className = _ref10.className,\n $className = _ref10$className === void 0 ? \"\" : _ref10$className,\n _ref10$containerStyle = _ref10.containerStyles,\n $containerStyles = _ref10$containerStyle === void 0 ? {} : _ref10$containerStyle,\n _ref10$containerProps = _ref10.containerProps,\n $containerProps = _ref10$containerProps === void 0 ? {} : _ref10$containerProps,\n _ref10$labelStyles = _ref10.labelStyles,\n $labelStyles = _ref10$labelStyles === void 0 ? {} : _ref10$labelStyles,\n _ref10$labelTextStyle = _ref10.labelTextStyles,\n $labelTextStyles = _ref10$labelTextStyle === void 0 ? {} : _ref10$labelTextStyle,\n _ref10$labelProps = _ref10.labelProps,\n $labelProps = _ref10$labelProps === void 0 ? {} : _ref10$labelProps,\n _ref10$labelTextProps = _ref10.labelTextProps,\n $labelTextProps = _ref10$labelTextProps === void 0 ? {} : _ref10$labelTextProps,\n _ref10$labelClassName = _ref10.labelClassName,\n $labelClassName = _ref10$labelClassName === void 0 ? \"\" : _ref10$labelClassName,\n _ref10$labelTextClass = _ref10.labelTextClassName,\n $labelTextClassName = _ref10$labelTextClass === void 0 ? \"\" : _ref10$labelTextClass,\n _ref10$label = _ref10.label,\n $label = _ref10$label === void 0 ? \"\" : _ref10$label,\n _ref10$inputStyles = _ref10.inputStyles,\n $inputStyles = _ref10$inputStyles === void 0 ? {} : _ref10$inputStyles,\n _ref10$type = _ref10.type,\n $type = _ref10$type === void 0 ? \"textarea\" : _ref10$type,\n _ref10$inputProps = _ref10.inputProps,\n $inputProps = _ref10$inputProps === void 0 ? {} : _ref10$inputProps,\n _ref10$inputClassName = _ref10.inputClassName,\n $inputClassName = _ref10$inputClassName === void 0 ? \"\" : _ref10$inputClassName,\n _ref10$errorTextProps = _ref10.errorTextProps,\n $errorTextProps = _ref10$errorTextProps === void 0 ? {} : _ref10$errorTextProps,\n _ref10$errorStyles = _ref10.errorStyles,\n $errorStyles = _ref10$errorStyles === void 0 ? {} : _ref10$errorStyles,\n _ref10$errorTextStyle = _ref10.errorTextStyles,\n $errorTextStyles = _ref10$errorTextStyle === void 0 ? {} : _ref10$errorTextStyle,\n _ref10$errorProps = _ref10.errorProps,\n $errorProps = _ref10$errorProps === void 0 ? {} : _ref10$errorProps,\n _ref10$errorClassName = _ref10.errorClassName,\n $errorClassName = _ref10$errorClassName === void 0 ? \"\" : _ref10$errorClassName,\n _ref10$errorTextClass = _ref10.errorTextClassName,\n $errorTextClassName = _ref10$errorTextClass === void 0 ? \"\" : _ref10$errorTextClass,\n _ref10$error = _ref10.error,\n $error = _ref10$error === void 0 ? {\n message: \"\"\n } : _ref10$error,\n _ref10$errorMessage = _ref10.errorMessage,\n $errorMessage = _ref10$errorMessage === void 0 ? \"\" : _ref10$errorMessage,\n _ref10$value = _ref10.value,\n $value = _ref10$value === void 0 ? \"\" : _ref10$value,\n _ref10$role = _ref10.role,\n $role = _ref10$role === void 0 ? \"\" : _ref10$role,\n _ref10$name = _ref10.name,\n $name = _ref10$name === void 0 ? \"\" : _ref10$name,\n _ref10$isRequired = _ref10.isRequired,\n $isRequired = _ref10$isRequired === void 0 ? false : _ref10$isRequired,\n _ref10$placeholder = _ref10.placeholder,\n $placeholder = _ref10$placeholder === void 0 ? \"\" : _ref10$placeholder,\n _ref10$validations = _ref10.validations,\n $validations = _ref10$validations === void 0 ? [] : _ref10$validations,\n _ref10$onChange = _ref10.onChange,\n $onChange = _ref10$onChange === void 0 ? function () {\n return undefined;\n } : _ref10$onChange,\n _ref10$onFocus = _ref10.onFocus,\n $onFocus = _ref10$onFocus === void 0 ? function () {\n return undefined;\n } : _ref10$onFocus,\n _ref10$onBlur = _ref10.onBlur,\n $onBlur = _ref10$onBlur === void 0 ? function () {\n return undefined;\n } : _ref10$onBlur;\n\n var _useState = React.useState(false),\n _useState2 = _slicedToArray(_useState, 2),\n isFocus = _useState2[0],\n setIsFocus = _useState2[1];\n\n var _useState3 = React.useState($error.message),\n _useState4 = _slicedToArray(_useState3, 2),\n error = _useState4[0],\n setError = _useState4[1];\n\n var inputRef = React.useRef(null);\n var hasValue = !!$value || isFocus;\n\n var focusInput = function focusInput() {\n if (inputRef && inputRef.current) {\n inputRef.current.focus();\n }\n };\n\n var onChange = function onChange(_event) {\n var isValid = $validations.map(function (_ref11) {\n var _ref11$regexp = _ref11.regexp,\n regexp = _ref11$regexp === void 0 ? \"\" : _ref11$regexp,\n _ref11$regExpoConfig = _ref11.regExpoConfig,\n regExpoConfig = _ref11$regExpoConfig === void 0 ? \"g\" : _ref11$regExpoConfig,\n _ref11$error = _ref11.error,\n $$error = _ref11$error === void 0 ? {\n message: \"\"\n } : _ref11$error;\n var test = new RegExp(regexp, regExpoConfig).test(_event.target.value);\n\n if ($isRequired && (!_event.target.value || !test)) {\n if ($$error.message) setError($$error.message);else setError($error.message);\n } else setError(\"\");\n\n return test;\n });\n $onChange(_event, {\n isValid: isValid.every(Boolean),\n hasValue: hasValue,\n hasError: !!error,\n error: error\n });\n };\n\n var onFocus = function onFocus(_event) {\n $onFocus(_event);\n setIsFocus(true);\n };\n\n var onBlur = function onBlur(_event) {\n $onBlur(_event);\n setIsFocus(false);\n if (!_event.target.value) setError($errorMessage);\n };\n\n var onClickLabel = function\n /* _event */\n onClickLabel() {\n focusInput();\n };\n\n var onClickError = function\n /* _event */\n onClickError() {\n focusInput();\n };\n\n return /*#__PURE__*/React__default$1[\"default\"].createElement(InputTextareaContainer, _extends$g({\n styles: $containerStyles\n }, $containerProps, {\n className: \"\".concat($className, \" INPUT_TEXTAREA\")\n }), !!$label && /*#__PURE__*/React__default$1[\"default\"].createElement(InputTextareaLabelContainer, _extends$g({\n styles: $labelStyles\n }, $labelProps, {\n className: \"\".concat($labelClassName, \" INPUT_TEXTAREA__LABEL\"),\n hasValue: hasValue,\n hasError: !!error,\n onClick: onClickLabel\n }), /*#__PURE__*/React__default$1[\"default\"].createElement(InputTextareaLabelText, _extends$g({\n styles: $labelTextStyles\n }, $labelTextProps, {\n className: \"\".concat($labelTextClassName, \" INPUT_TEXTAREA__LABEL__TEXT\")\n }), $label)), /*#__PURE__*/React__default$1[\"default\"].createElement(InputTextareaField, _extends$g({\n ref: inputRef,\n id: $id,\n styles: $inputStyles,\n label: $label\n }, $inputProps, {\n className: \"\".concat($inputClassName, \" INPUT_TEXTAREA__FIELD\"),\n type: $type,\n value: $value || undefined,\n role: $role || undefined,\n name: $name,\n placeholder: $placeholder,\n onChange: onChange,\n onFocus: onFocus,\n onBlur: onBlur\n })), !!error && /*#__PURE__*/React__default$1[\"default\"].createElement(InputTextareaErrorContainer, _extends$g({\n className: \"\".concat($errorClassName, \" INPUT_TEXTAREA__ERROR\"),\n hasValue: hasValue,\n hasError: !!error,\n onClick: onClickError,\n styles: $errorStyles\n }, $errorProps), /*#__PURE__*/React__default$1[\"default\"].createElement(InputTextareaErrorText, _extends$g({\n styles: $errorTextStyles\n }, $errorTextProps, {\n className: \"\".concat($errorTextClassName, \" INPUT_TEXTAREA__ERROR__TEXT\")\n }), error)));\n}\n\nvar _templateObject$1e, _templateObject2$m, _templateObject3$g, _templateObject4$c, _templateObject5$9, _templateObject6$4, _templateObject7$3;\n\nvar InputSelectContainer = styled__default[\"default\"].div(_templateObject$1e || (_templateObject$1e = _taggedTemplateLiteral([\"\\n cursor: pointer;\\n display: grid;\\n grid-template-columns: 1fr;\\n grid-template-rows: 1fr;\\n position: relative;\\n min-height: 50px;\\n background: var(--grayscale-0-color);\\n z-index: 0;\\n grid-column: \", \";\\n\\n @media all and (max-width: \", \"px) {\\n grid-column: \", \";\\n }\\n\"])), function (_ref) {\n var gridColumn = _ref.gridColumn;\n return gridColumn;\n}, function (_ref2) {\n var theme = _ref2.theme;\n return theme.breakpoints.md;\n}, function (_ref3) {\n var mobileGridColumn = _ref3.mobileGridColumn;\n return mobileGridColumn;\n});\nvar InputSelectLabelContainer = styled__default[\"default\"].div(_templateObject2$m || (_templateObject2$m = _taggedTemplateLiteral([\"\\n cursor: pointer;\\n position: absolute;\\n transition: all linear 100ms;\\n z-index: 15;\\n height: min-content;\\n width: auto;\\n bottom: 50%;\\n transform: translateY(-50%);\\n top: \", \";\\n\\n left: \", \";\\n\"])), function (_ref4) {\n var _ref4$hasValue = _ref4.hasValue,\n hasValue = _ref4$hasValue === void 0 ? false : _ref4$hasValue,\n _ref4$position = _ref4.position,\n position = _ref4$position === void 0 ? {\n initial: 10,\n vertical: \"50%\"\n } : _ref4$position;\n\n if (!hasValue) {\n return lodash.isNumber(position.vertical) ? \"\".concat(position.vertical, \"px\") : position.vertical;\n }\n\n return lodash.isNumber(position.initial) ? \"\".concat(position.initial, \"px\") : position.initial;\n}, function (_ref5) {\n var _ref5$position = _ref5.position,\n position = _ref5$position === void 0 ? {\n initial: -5,\n horizontal: 5\n } : _ref5$position;\n return lodash.isNumber(position.horizontal) ? \"\".concat(position.horizontal, \"px\") : position.horizontal;\n});\nvar InputSelectLabelText = styled__default[\"default\"].span(_templateObject3$g || (_templateObject3$g = _taggedTemplateLiteral([\"\\n color: var(--grayscale-100-color);\\n font-family: var(--primary-family);\\n font-style: normal;\\n font-weight: normal;\\n font-size: 14px;\\n line-height: 14px;\\n padding: 14px 35px;\\n\"])));\nvar InputSelectErrorContainer = styled__default[\"default\"].div(_templateObject4$c || (_templateObject4$c = _taggedTemplateLiteral([\"\\n position: absolute;\\n z-index: 5;\\n\\n bottom: \", \";\\n\\n left: \", \";\\n\\n opacity: \", \";\\n\"])), function (_ref6) {\n var _ref6$position = _ref6.position,\n position = _ref6$position === void 0 ? {\n vertical: \"-35%\"\n } : _ref6$position;\n return lodash.isNumber(position.vertical) ? \"\".concat(position.vertical, \"px\") : position.vertical;\n}, function (_ref7) {\n var _ref7$position = _ref7.position,\n position = _ref7$position === void 0 ? {\n horizontal: 5\n } : _ref7$position;\n return lodash.isNumber(position.horizontal) ? \"\".concat(position.horizontal, \"px\") : position.horizontal;\n}, function (_ref8) {\n var _ref8$hasError = _ref8.hasError,\n hasError = _ref8$hasError === void 0 ? false : _ref8$hasError;\n return hasError ? 1 : 0;\n});\nvar InputSelectErrorText = styled__default[\"default\"].span(_templateObject5$9 || (_templateObject5$9 = _taggedTemplateLiteral([\"\\n color: var(--ui-alert-color);\\n font-family: var(--primary-family);\\n font-style: normal;\\n font-weight: normal;\\n font-size: 12px;\\n line-height: 14px;\\n\"])));\nvar InputSelectField = styled__default[\"default\"].select(_templateObject6$4 || (_templateObject6$4 = _taggedTemplateLiteral([\"\\n z-index: 10;\\n outline: none;\\n border: none;\\n background: transparent;\\n padding: 2% 0 0 5px;\\n font-family: var(--primary-family);\\n font-style: normal;\\n font-weight: normal;\\n font-size: 14px;\\n line-height: 16px;\\n margin-top: \", \";\\n padding: 14px 35px;\\n\"])), function (_ref9) {\n var _ref9$label = _ref9.label,\n label = _ref9$label === void 0 ? \"\" : _ref9$label;\n return !label ? \"0px\" : \"10px\";\n});\nvar InputSelectOptionField = styled__default[\"default\"].option(_templateObject7$3 || (_templateObject7$3 = _taggedTemplateLiteral([\"\\n outline: none;\\n border: none;\\n background: transparent;\\n padding: 2% 0 0 5px;\\n font-family: var(--primary-family);\\n font-style: normal;\\n font-weight: normal;\\n font-size: 14px;\\n line-height: 16px;\\n\"])));\n\nfunction InputSelect(_ref10) {\n var _ref10$id = _ref10.id,\n $id = _ref10$id === void 0 ? \"\" : _ref10$id,\n _ref10$className = _ref10.className,\n $className = _ref10$className === void 0 ? \"\" : _ref10$className,\n _ref10$containerStyle = _ref10.containerStyles,\n $containerStyles = _ref10$containerStyle === void 0 ? {} : _ref10$containerStyle,\n _ref10$containerProps = _ref10.containerProps,\n $containerProps = _ref10$containerProps === void 0 ? {} : _ref10$containerProps,\n _ref10$labelStyles = _ref10.labelStyles,\n $labelStyles = _ref10$labelStyles === void 0 ? {} : _ref10$labelStyles,\n _ref10$labelTextStyle = _ref10.labelTextStyles,\n $labelTextStyles = _ref10$labelTextStyle === void 0 ? {} : _ref10$labelTextStyle,\n _ref10$labelProps = _ref10.labelProps,\n $labelProps = _ref10$labelProps === void 0 ? {} : _ref10$labelProps,\n _ref10$labelTextProps = _ref10.labelTextProps,\n $labelTextProps = _ref10$labelTextProps === void 0 ? {} : _ref10$labelTextProps,\n _ref10$labelClassName = _ref10.labelClassName,\n $labelClassName = _ref10$labelClassName === void 0 ? \"\" : _ref10$labelClassName,\n _ref10$labelTextClass = _ref10.labelTextClassName,\n $labelTextClassName = _ref10$labelTextClass === void 0 ? \"\" : _ref10$labelTextClass,\n _ref10$label = _ref10.label,\n $label = _ref10$label === void 0 ? \"\" : _ref10$label,\n _ref10$inputStyles = _ref10.inputStyles,\n $inputStyles = _ref10$inputStyles === void 0 ? {} : _ref10$inputStyles,\n _ref10$inputProps = _ref10.inputProps,\n $inputProps = _ref10$inputProps === void 0 ? {} : _ref10$inputProps,\n _ref10$inputClassName = _ref10.inputClassName,\n $inputClassName = _ref10$inputClassName === void 0 ? \"\" : _ref10$inputClassName,\n _ref10$optionStyles = _ref10.optionStyles,\n $optionStyles = _ref10$optionStyles === void 0 ? {} : _ref10$optionStyles,\n _ref10$optionProps = _ref10.optionProps,\n $optionProps = _ref10$optionProps === void 0 ? {} : _ref10$optionProps,\n _ref10$optionClassNam = _ref10.optionClassName,\n $optionClassName = _ref10$optionClassNam === void 0 ? \"\" : _ref10$optionClassNam,\n _ref10$errorTextProps = _ref10.errorTextProps,\n $errorTextProps = _ref10$errorTextProps === void 0 ? {} : _ref10$errorTextProps,\n _ref10$errorStyles = _ref10.errorStyles,\n $errorStyles = _ref10$errorStyles === void 0 ? {} : _ref10$errorStyles,\n _ref10$errorTextStyle = _ref10.errorTextStyles,\n $errorTextStyles = _ref10$errorTextStyle === void 0 ? {} : _ref10$errorTextStyle,\n _ref10$errorProps = _ref10.errorProps,\n $errorProps = _ref10$errorProps === void 0 ? {} : _ref10$errorProps,\n _ref10$errorClassName = _ref10.errorClassName,\n $errorClassName = _ref10$errorClassName === void 0 ? \"\" : _ref10$errorClassName,\n _ref10$errorTextClass = _ref10.errorTextClassName,\n $errorTextClassName = _ref10$errorTextClass === void 0 ? \"\" : _ref10$errorTextClass,\n _ref10$error = _ref10.error,\n $error = _ref10$error === void 0 ? {\n message: \"\"\n } : _ref10$error,\n _ref10$value = _ref10.value,\n $value = _ref10$value === void 0 ? \"\" : _ref10$value,\n _ref10$role = _ref10.role,\n $role = _ref10$role === void 0 ? \"\" : _ref10$role,\n _ref10$name = _ref10.name,\n $name = _ref10$name === void 0 ? \"\" : _ref10$name,\n _ref10$defaultOptionL = _ref10.defaultOptionLabel,\n $defaultOptionLabel = _ref10$defaultOptionL === void 0 ? \"Select an option\" : _ref10$defaultOptionL,\n _ref10$isRequired = _ref10.isRequired,\n $isRequired = _ref10$isRequired === void 0 ? false : _ref10$isRequired,\n _ref10$placeholder = _ref10.placeholder,\n $placeholder = _ref10$placeholder === void 0 ? \"\" : _ref10$placeholder,\n _ref10$errorMessage = _ref10.errorMessage,\n $errorMessage = _ref10$errorMessage === void 0 ? \"\" : _ref10$errorMessage,\n _ref10$options = _ref10.options,\n $options = _ref10$options === void 0 ? [] : _ref10$options,\n _ref10$onChange = _ref10.onChange,\n $onChange = _ref10$onChange === void 0 ? function () {\n return undefined;\n } : _ref10$onChange,\n _ref10$onFocus = _ref10.onFocus,\n $onFocus = _ref10$onFocus === void 0 ? function () {\n return undefined;\n } : _ref10$onFocus,\n _ref10$onBlur = _ref10.onBlur,\n $onBlur = _ref10$onBlur === void 0 ? function () {\n return undefined;\n } : _ref10$onBlur;\n\n var _useState = React.useState(false),\n _useState2 = _slicedToArray(_useState, 2),\n isFocus = _useState2[0],\n setIsFocus = _useState2[1];\n\n var _useState3 = React.useState($error.message),\n _useState4 = _slicedToArray(_useState3, 2),\n error = _useState4[0],\n setError = _useState4[1];\n\n var inputRef = React.useRef(null);\n var hasValue = !!$value || isFocus;\n\n var focusInput = function focusInput() {\n if (inputRef && inputRef.current) {\n inputRef.current.focus();\n }\n };\n\n var onChange = function onChange(_event) {\n var _value = _event.target.value === $defaultOptionLabel ? \"\" : _event.target.value;\n\n $onChange(_event, {\n isValid: !!_value,\n hasValue: !!$value,\n hasError: !!error || !_value,\n error: error\n });\n if (!_value && $isRequired) setError($errorMessage || \"Is required\");\n };\n\n var onFocus = function onFocus(_event) {\n $onFocus(_event);\n setIsFocus(true);\n };\n\n var onBlur = function onBlur(_event) {\n $onBlur(_event);\n setIsFocus(false);\n };\n\n var onClickLabel = function\n /* _event */\n onClickLabel() {\n focusInput();\n };\n\n var onClickError = function\n /* _event */\n onClickError() {\n focusInput();\n };\n\n return /*#__PURE__*/React__default$1[\"default\"].createElement(InputSelectContainer, _extends$g({\n styles: $containerStyles\n }, $containerProps, {\n className: \"\".concat($className, \" INPUT_SELECT\")\n }), !!$label && /*#__PURE__*/React__default$1[\"default\"].createElement(InputSelectLabelContainer, _extends$g({\n styles: $labelStyles\n }, $labelProps, {\n className: \"\".concat($labelClassName, \" INPUT_SELECT__LABEL\"),\n hasValue: true,\n hasError: !!error,\n onClick: onClickLabel\n }), /*#__PURE__*/React__default$1[\"default\"].createElement(InputSelectLabelText, _extends$g({\n styles: $labelTextStyles\n }, $labelTextProps, {\n className: \"\".concat($labelTextClassName, \" INPUT_SELECT__LABEL__TEXT\")\n }), $label)), /*#__PURE__*/React__default$1[\"default\"].createElement(InputSelectField, _extends$g({\n id: $id,\n placeholder: $placeholder,\n styles: $inputStyles,\n name: $name,\n role: $role,\n label: $label\n }, $inputProps, {\n value: $value,\n className: \"\".concat($inputClassName),\n onChange: onChange,\n onFocus: onFocus,\n onBlur: onBlur\n }), /*#__PURE__*/React__default$1[\"default\"].createElement(InputSelectOptionField, _extends$g({\n value: null,\n styles: $optionStyles\n }, $optionProps, {\n className: \"\".concat($optionClassName)\n }), $defaultOptionLabel), $options.map(function (option) {\n return /*#__PURE__*/React__default$1[\"default\"].createElement(InputSelectOptionField, _extends$g({\n value: option.value,\n key: option.id,\n styles: $optionStyles\n }, $optionProps, {\n className: \"\".concat($optionClassName)\n }), option.label);\n })), !!error && /*#__PURE__*/React__default$1[\"default\"].createElement(InputSelectErrorContainer, _extends$g({\n className: \"\".concat($errorClassName, \" INPUT_SELECT__ERROR\"),\n hasValue: hasValue,\n hasError: !!error,\n onClick: onClickError,\n styles: $errorStyles\n }, $errorProps), /*#__PURE__*/React__default$1[\"default\"].createElement(InputSelectErrorText, _extends$g({\n styles: $errorTextStyles\n }, $errorTextProps, {\n className: \"\".concat($errorTextClassName, \" INPUT_SELECT__ERROR__TEXT\")\n }), error)));\n}\n/**\n * The base implementation of `_.slice` without an iteratee call guard.\n *\n * @private\n * @param {Array} array The array to slice.\n * @param {number} [start=0] The start position.\n * @param {number} [end=array.length] The end position.\n * @returns {Array} Returns the slice of `array`.\n */\n\n\nfunction baseSlice(array, start, end) {\n var index = -1,\n length = array.length;\n\n if (start < 0) {\n start = -start > length ? 0 : length + start;\n }\n\n end = end > length ? length : end;\n\n if (end < 0) {\n end += length;\n }\n\n length = start > end ? 0 : end - start >>> 0;\n start >>>= 0;\n var result = Array(length);\n\n while (++index < length) {\n result[index] = array[index + start];\n }\n\n return result;\n}\n/**\n * Casts `array` to a slice if it's needed.\n *\n * @private\n * @param {Array} array The array to inspect.\n * @param {number} start The start position.\n * @param {number} [end=array.length] The end position.\n * @returns {Array} Returns the cast slice.\n */\n\n\nfunction castSlice(array, start, end) {\n var length = array.length;\n end = end === undefined ? length : end;\n return !start && end >= length ? array : baseSlice(array, start, end);\n}\n/** Used to compose unicode character classes. */\n\n\nvar rsAstralRange$1 = '\\\\ud800-\\\\udfff',\n rsComboMarksRange$1 = '\\\\u0300-\\\\u036f',\n reComboHalfMarksRange$1 = '\\\\ufe20-\\\\ufe2f',\n rsComboSymbolsRange$1 = '\\\\u20d0-\\\\u20ff',\n rsComboRange$1 = rsComboMarksRange$1 + reComboHalfMarksRange$1 + rsComboSymbolsRange$1,\n rsVarRange$1 = '\\\\ufe0e\\\\ufe0f';\n/** Used to compose unicode capture groups. */\n\nvar rsZWJ$1 = '\\\\u200d';\n/** Used to detect strings with [zero-width joiners or code points from the astral planes](http://eev.ee/blog/2015/09/12/dark-corners-of-unicode/). */\n\nvar reHasUnicode = RegExp('[' + rsZWJ$1 + rsAstralRange$1 + rsComboRange$1 + rsVarRange$1 + ']');\n/**\n * Checks if `string` contains Unicode symbols.\n *\n * @private\n * @param {string} string The string to inspect.\n * @returns {boolean} Returns `true` if a symbol is found, else `false`.\n */\n\nfunction hasUnicode(string) {\n return reHasUnicode.test(string);\n}\n/**\n * Converts an ASCII `string` to an array.\n *\n * @private\n * @param {string} string The string to convert.\n * @returns {Array} Returns the converted array.\n */\n\n\nfunction asciiToArray(string) {\n return string.split('');\n}\n/** Used to compose unicode character classes. */\n\n\nvar rsAstralRange = '\\\\ud800-\\\\udfff',\n rsComboMarksRange = '\\\\u0300-\\\\u036f',\n reComboHalfMarksRange = '\\\\ufe20-\\\\ufe2f',\n rsComboSymbolsRange = '\\\\u20d0-\\\\u20ff',\n rsComboRange = rsComboMarksRange + reComboHalfMarksRange + rsComboSymbolsRange,\n rsVarRange = '\\\\ufe0e\\\\ufe0f';\n/** Used to compose unicode capture groups. */\n\nvar rsAstral = '[' + rsAstralRange + ']',\n rsCombo = '[' + rsComboRange + ']',\n rsFitz = '\\\\ud83c[\\\\udffb-\\\\udfff]',\n rsModifier = '(?:' + rsCombo + '|' + rsFitz + ')',\n rsNonAstral = '[^' + rsAstralRange + ']',\n rsRegional = '(?:\\\\ud83c[\\\\udde6-\\\\uddff]){2}',\n rsSurrPair = '[\\\\ud800-\\\\udbff][\\\\udc00-\\\\udfff]',\n rsZWJ = '\\\\u200d';\n/** Used to compose unicode regexes. */\n\nvar reOptMod = rsModifier + '?',\n rsOptVar = '[' + rsVarRange + ']?',\n rsOptJoin = '(?:' + rsZWJ + '(?:' + [rsNonAstral, rsRegional, rsSurrPair].join('|') + ')' + rsOptVar + reOptMod + ')*',\n rsSeq = rsOptVar + reOptMod + rsOptJoin,\n rsSymbol = '(?:' + [rsNonAstral + rsCombo + '?', rsCombo, rsRegional, rsSurrPair, rsAstral].join('|') + ')';\n/** Used to match [string symbols](https://mathiasbynens.be/notes/javascript-unicode). */\n\nvar reUnicode = RegExp(rsFitz + '(?=' + rsFitz + ')|' + rsSymbol + rsSeq, 'g');\n/**\n * Converts a Unicode `string` to an array.\n *\n * @private\n * @param {string} string The string to convert.\n * @returns {Array} Returns the converted array.\n */\n\nfunction unicodeToArray(string) {\n return string.match(reUnicode) || [];\n}\n/**\n * Converts `string` to an array.\n *\n * @private\n * @param {string} string The string to convert.\n * @returns {Array} Returns the converted array.\n */\n\n\nfunction stringToArray(string) {\n return hasUnicode(string) ? unicodeToArray(string) : asciiToArray(string);\n}\n/**\n * Creates a function like `_.lowerFirst`.\n *\n * @private\n * @param {string} methodName The name of the `String` case method to use.\n * @returns {Function} Returns the new case function.\n */\n\n\nfunction createCaseFirst(methodName) {\n return function (string) {\n string = toString(string);\n var strSymbols = hasUnicode(string) ? stringToArray(string) : undefined;\n var chr = strSymbols ? strSymbols[0] : string.charAt(0);\n var trailing = strSymbols ? castSlice(strSymbols, 1).join('') : string.slice(1);\n return chr[methodName]() + trailing;\n };\n}\n/**\n * Converts the first character of `string` to upper case.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category String\n * @param {string} [string=''] The string to convert.\n * @returns {string} Returns the converted string.\n * @example\n *\n * _.upperFirst('fred');\n * // => 'Fred'\n *\n * _.upperFirst('FRED');\n * // => 'FRED'\n */\n\n\nvar upperFirst = createCaseFirst('toUpperCase');\nvar upperFirst$1 = upperFirst;\n/**\n * Converts the first character of `string` to upper case and the remaining\n * to lower case.\n *\n * @static\n * @memberOf _\n * @since 3.0.0\n * @category String\n * @param {string} [string=''] The string to capitalize.\n * @returns {string} Returns the capitalized string.\n * @example\n *\n * _.capitalize('FRED');\n * // => 'Fred'\n */\n\nfunction capitalize(string) {\n return upperFirst$1(toString(string).toLowerCase());\n}\n\nvar _templateObject$1d, _templateObject2$l, _templateObject3$f, _templateObject4$b, _templateObject5$8, _templateObject6$3;\n\nvar RadioContainer = styled__default[\"default\"].div(_templateObject$1d || (_templateObject$1d = _taggedTemplateLiteral([\"\\n width: 100%;\\n margin-bottom: 20px;\\n\"])));\nvar RadioTitle = styled__default[\"default\"].h3(_templateObject2$l || (_templateObject2$l = _taggedTemplateLiteral([\"\\n font-family: var(--primary-family);\\n font-weight: 400;\\n font-size: 16px;\\n color: var(--grayscale-100-color);\\n width: 100%;\\n margin-bottom: 5px;\\n\"])));\nvar RadioMapContainer = styled__default[\"default\"].div(_templateObject3$f || (_templateObject3$f = _taggedTemplateLiteral([\"\\n width: 100%;\\n display: flex;\\n flex-wrap: wrap;\\n\"])));\nvar RadioInputContainer = styled__default[\"default\"].div(_templateObject4$b || (_templateObject4$b = _taggedTemplateLiteral([\"\\n margin-right: 30px;\\n display: flex;\\n align-items: center;\\n\"])));\nvar RadioLabel = styled__default[\"default\"].label(_templateObject5$8 || (_templateObject5$8 = _taggedTemplateLiteral([\"\\n margin-right: 5px;\\n font-family: var(--primary-family);\\n font-weight: 400;\\n font-size: 16px;\\n color: var(--grayscale-100-color);\\n\"])));\nvar RadioInput = styled__default[\"default\"].input(_templateObject6$3 || (_templateObject6$3 = _taggedTemplateLiteral([\"\\n border: 2px solid var(--grayscale-0-color);\\n background: var(--grayscale-0-color);\\n padding: 0.5em;\\n cursor: pointer;\\n -webkit-appearance: none;\\n\\n &:checked {\\n border-color: var(--grayscale-0-color);\\n background: var(--primary-150-color);\\n }\\n\"])));\n\nfunction InputRadiobutton(_ref) {\n var _ref$label = _ref.label,\n $label = _ref$label === void 0 ? \"\" : _ref$label,\n _ref$inputClassName = _ref.inputClassName,\n $inputClassName = _ref$inputClassName === void 0 ? \"\" : _ref$inputClassName,\n _ref$name = _ref.name,\n $name = _ref$name === void 0 ? \"\" : _ref$name,\n _ref$options = _ref.options,\n $options = _ref$options === void 0 ? [] : _ref$options,\n _ref$onChange = _ref.onChange,\n $onChange = _ref$onChange === void 0 ? function () {\n return undefined;\n } : _ref$onChange,\n _ref$onFocus = _ref.onFocus,\n $onFocus = _ref$onFocus === void 0 ? function () {\n return undefined;\n } : _ref$onFocus,\n _ref$onBlur = _ref.onBlur,\n $onBlur = _ref$onBlur === void 0 ? function () {\n return undefined;\n } : _ref$onBlur;\n\n var _useState = React.useState(\"\"),\n _useState2 = _slicedToArray(_useState, 2),\n value = _useState2[0],\n setValue = _useState2[1];\n\n var onChange = function onChange(_event) {\n var _value = _event.currentTarget.value;\n setValue(_value);\n $onChange(_event, {});\n };\n\n var onFocus = function onFocus(_event) {\n $onFocus(_event, {});\n };\n\n var onBlur = function onBlur(_event) {\n $onBlur(_event, {});\n };\n\n return /*#__PURE__*/React__default$1[\"default\"].createElement(RadioContainer, {\n className: \"CUSTOM_RADIO__CONTAINER\"\n }, $label && /*#__PURE__*/React__default$1[\"default\"].createElement(RadioTitle, {\n className: \"RADIO__TITLE\"\n }, $label), /*#__PURE__*/React__default$1[\"default\"].createElement(RadioMapContainer, null, $options.map(function (input, index) {\n return /*#__PURE__*/React__default$1[\"default\"].createElement(RadioInputContainer, {\n className: \"RADIO__MAP__INPUT__BOX\",\n key: \"radio_form_\".concat(index)\n }, (input === null || input === void 0 ? void 0 : input.value) && /*#__PURE__*/React__default$1[\"default\"].createElement(RadioLabel, {\n className: \"RADIO__LABEL\",\n htmlFor: input.value\n }, capitalize(input.value)), /*#__PURE__*/React__default$1[\"default\"].createElement(RadioInput, {\n type: \"radio\",\n id: input.value,\n name: $name,\n value: input.value,\n checked: input.value === value,\n className: \"\".concat($inputClassName, \" RADIO__INPUT\"),\n onFocus: onFocus,\n onChange: onChange,\n onBlur: onBlur\n }));\n })));\n}\n\nvar _excluded$K = [\"variant\"];\n\nfunction Input(_ref) {\n var _ref$variant = _ref.variant,\n variant = _ref$variant === void 0 ? inputVariantTypes.TEXT : _ref$variant,\n otherProps = _objectWithoutProperties$2(_ref, _excluded$K);\n\n switch (variant) {\n case inputVariantTypes.TEXT:\n return /*#__PURE__*/React__default$1[\"default\"].createElement(InputText, otherProps);\n\n case inputVariantTypes.TEXTAREA:\n return /*#__PURE__*/React__default$1[\"default\"].createElement(InputTextarea, otherProps);\n\n case inputVariantTypes.SELECT:\n return /*#__PURE__*/React__default$1[\"default\"].createElement(InputSelect, otherProps);\n\n case inputVariantTypes.CHECK:\n return /*#__PURE__*/React__default$1[\"default\"].createElement(InputRadiobutton, otherProps);\n\n default:\n throw new Error(\"Invalid Input variant: \".concat(variant));\n }\n}\n\nvar _templateObject$1c;\n\nvar Toast$1 = styled__default[\"default\"](ToastContainer$1)(_templateObject$1c || (_templateObject$1c = _taggedTemplateLiteral([\"\\n /** Used to define container behavior: width, position: fixed etc... **/\\n & {\\n }\\n\\n /** Used to define the position of the ToastContainer **/\\n\\n &--top-left {\\n }\\n\\n &--top-center {\\n }\\n\\n &--top-right {\\n }\\n\\n &--bottom-left {\\n }\\n\\n &--bottom-center {\\n }\\n\\n &--bottom-right {\\n }\\n\\n /** Classes for the displayed toast **/\\n .Toastify__toast {\\n }\\n\\n .Toastify__toast--rtl {\\n }\\n\\n .Toastify__toast--dark {\\n }\\n\\n .Toastify__toast--default {\\n }\\n\\n .Toastify__toast--info {\\n }\\n\\n .Toastify__toast--success {\\n background: #3fc78e;\\n }\\n\\n .Toastify__toast--warning {\\n }\\n\\n .Toastify__toast--error {\\n background: #de3232;\\n }\\n\\n .Toastify__toast-body {\\n }\\n\\n /** Classes for the close button. Better use your own closeButton **/\\n .Toastify__close-button {\\n }\\n\\n .Toastify__close-button--default {\\n }\\n\\n .Toastify__close-button > svg {\\n }\\n\\n .Toastify__close-button:hover,\\n .Toastify__close-button:focus {\\n }\\n\\n /** Classes for the progress bar **/\\n .Toastify__progress-bar {\\n }\\n\\n .Toastify__progress-bar--animated {\\n }\\n\\n .Toastify__progress-bar--controlled {\\n }\\n\\n .Toastify__progress-bar--rtl {\\n }\\n\\n .Toastify__progress-bar--default {\\n }\\n\\n .Toastify__progress-bar--dark {\\n }\\n\"])));\n\nvar loadScript = function load(src, opts, cb) {\n var head = document.head || document.getElementsByTagName('head')[0];\n var script = document.createElement('script');\n\n if (typeof opts === 'function') {\n cb = opts;\n opts = {};\n }\n\n opts = opts || {};\n\n cb = cb || function () {};\n\n script.type = opts.type || 'text/javascript';\n script.charset = opts.charset || 'utf8';\n script.async = 'async' in opts ? !!opts.async : true;\n script.src = src;\n\n if (opts.attrs) {\n setAttributes(script, opts.attrs);\n }\n\n if (opts.text) {\n script.text = '' + opts.text;\n }\n\n var onend = 'onload' in script ? stdOnEnd : ieOnEnd;\n onend(script, cb); // some good legacy browsers (firefox) fail the 'in' detection above\n // so as a fallback we always set onload\n // old IE will ignore this and new IE will set onload\n\n if (!script.onload) {\n stdOnEnd(script, cb);\n }\n\n head.appendChild(script);\n};\n\nfunction setAttributes(script, attrs) {\n for (var attr in attrs) {\n script.setAttribute(attr, attrs[attr]);\n }\n}\n\nfunction stdOnEnd(script, cb) {\n script.onload = function () {\n this.onerror = this.onload = null;\n cb(null, script);\n };\n\n script.onerror = function () {\n // this.onload = null here is necessary\n // because even IE9 works not like others\n this.onerror = this.onload = null;\n cb(new Error('Failed to load ' + this.src), script);\n };\n}\n\nfunction ieOnEnd(script, cb) {\n script.onreadystatechange = function () {\n if (this.readyState != 'complete' && this.readyState != 'loaded') return;\n this.onreadystatechange = null;\n cb(null, script); // there is no way to catch loading errors in IE8\n };\n}\n\nvar isMergeableObject = function isMergeableObject(value) {\n return isNonNullObject(value) && !isSpecial(value);\n};\n\nfunction isNonNullObject(value) {\n return !!value && typeof value === 'object';\n}\n\nfunction isSpecial(value) {\n var stringValue = Object.prototype.toString.call(value);\n return stringValue === '[object RegExp]' || stringValue === '[object Date]' || isReactElement(value);\n} // see https://github.com/facebook/react/blob/b5ac963fb791d1298e7f396236383bc955f916c1/src/isomorphic/classic/element/ReactElement.js#L21-L25\n\n\nvar canUseSymbol = typeof Symbol === 'function' && Symbol.for;\nvar REACT_ELEMENT_TYPE = canUseSymbol ? Symbol.for('react.element') : 0xeac7;\n\nfunction isReactElement(value) {\n return value.$$typeof === REACT_ELEMENT_TYPE;\n}\n\nfunction emptyTarget(val) {\n return Array.isArray(val) ? [] : {};\n}\n\nfunction cloneUnlessOtherwiseSpecified(value, options) {\n return options.clone !== false && options.isMergeableObject(value) ? deepmerge(emptyTarget(value), value, options) : value;\n}\n\nfunction defaultArrayMerge(target, source, options) {\n return target.concat(source).map(function (element) {\n return cloneUnlessOtherwiseSpecified(element, options);\n });\n}\n\nfunction getMergeFunction(key, options) {\n if (!options.customMerge) {\n return deepmerge;\n }\n\n var customMerge = options.customMerge(key);\n return typeof customMerge === 'function' ? customMerge : deepmerge;\n}\n\nfunction getEnumerableOwnPropertySymbols(target) {\n return Object.getOwnPropertySymbols ? Object.getOwnPropertySymbols(target).filter(function (symbol) {\n return Object.propertyIsEnumerable.call(target, symbol);\n }) : [];\n}\n\nfunction getKeys(target) {\n return Object.keys(target).concat(getEnumerableOwnPropertySymbols(target));\n}\n\nfunction propertyIsOnObject(object, property) {\n try {\n return property in object;\n } catch (_) {\n return false;\n }\n} // Protects from prototype poisoning and unexpected merging up the prototype chain.\n\n\nfunction propertyIsUnsafe(target, key) {\n return propertyIsOnObject(target, key) // Properties are safe to merge if they don't exist in the target yet,\n && !(Object.hasOwnProperty.call(target, key) // unsafe if they exist up the prototype chain,\n && Object.propertyIsEnumerable.call(target, key)); // and also unsafe if they're nonenumerable.\n}\n\nfunction mergeObject(target, source, options) {\n var destination = {};\n\n if (options.isMergeableObject(target)) {\n getKeys(target).forEach(function (key) {\n destination[key] = cloneUnlessOtherwiseSpecified(target[key], options);\n });\n }\n\n getKeys(source).forEach(function (key) {\n if (propertyIsUnsafe(target, key)) {\n return;\n }\n\n if (propertyIsOnObject(target, key) && options.isMergeableObject(source[key])) {\n destination[key] = getMergeFunction(key, options)(target[key], source[key], options);\n } else {\n destination[key] = cloneUnlessOtherwiseSpecified(source[key], options);\n }\n });\n return destination;\n}\n\nfunction deepmerge(target, source, options) {\n options = options || {};\n options.arrayMerge = options.arrayMerge || defaultArrayMerge;\n options.isMergeableObject = options.isMergeableObject || isMergeableObject; // cloneUnlessOtherwiseSpecified is added to `options` so that custom arrayMerge()\n // implementations can use it. The caller may not replace it.\n\n options.cloneUnlessOtherwiseSpecified = cloneUnlessOtherwiseSpecified;\n var sourceIsArray = Array.isArray(source);\n var targetIsArray = Array.isArray(target);\n var sourceAndTargetTypesMatch = sourceIsArray === targetIsArray;\n\n if (!sourceAndTargetTypesMatch) {\n return cloneUnlessOtherwiseSpecified(source, options);\n } else if (sourceIsArray) {\n return options.arrayMerge(target, source, options);\n } else {\n return mergeObject(target, source, options);\n }\n}\n\ndeepmerge.all = function deepmergeAll(array, options) {\n if (!Array.isArray(array)) {\n throw new Error('first argument should be an array');\n }\n\n return array.reduce(function (prev, next) {\n return deepmerge(prev, next, options);\n }, {});\n};\n\nvar deepmerge_1 = deepmerge;\nvar cjs = deepmerge_1;\nvar __create$i = Object.create;\nvar __defProp$k = Object.defineProperty;\nvar __getOwnPropDesc$k = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames$k = Object.getOwnPropertyNames;\nvar __getProtoOf$i = Object.getPrototypeOf;\nvar __hasOwnProp$k = Object.prototype.hasOwnProperty;\n\nvar __export$k = (target, all) => {\n for (var name in all) __defProp$k(target, name, {\n get: all[name],\n enumerable: true\n });\n};\n\nvar __copyProps$k = (to, from, except, desc) => {\n if (from && typeof from === \"object\" || typeof from === \"function\") {\n for (let key of __getOwnPropNames$k(from)) if (!__hasOwnProp$k.call(to, key) && key !== except) __defProp$k(to, key, {\n get: () => from[key],\n enumerable: !(desc = __getOwnPropDesc$k(from, key)) || desc.enumerable\n });\n }\n\n return to;\n};\n\nvar __toESM$i = (mod, isNodeMode, target) => (target = mod != null ? __create$i(__getProtoOf$i(mod)) : {}, __copyProps$k( // If the importer is in node compatibility mode or this is not an ESM\n// file that has been converted to a CommonJS file using a Babel-\n// compatible transform (i.e. \"__esModule\" has not been set), then set\n// \"default\" to the CommonJS \"module.exports\" for node compatibility.\nisNodeMode || !mod || !mod.__esModule ? __defProp$k(target, \"default\", {\n value: mod,\n enumerable: true\n}) : target, mod));\n\nvar __toCommonJS$k = mod => __copyProps$k(__defProp$k({}, \"__esModule\", {\n value: true\n}), mod);\n\nvar utils_exports = {};\n\n__export$k(utils_exports, {\n callPlayer: () => callPlayer,\n getConfig: () => getConfig,\n getSDK: () => getSDK,\n isBlobUrl: () => isBlobUrl,\n isMediaStream: () => isMediaStream,\n lazy: () => lazy,\n omit: () => omit,\n parseEndTime: () => parseEndTime,\n parseStartTime: () => parseStartTime,\n queryString: () => queryString,\n randomString: () => randomString,\n supportsWebKitPresentationMode: () => supportsWebKitPresentationMode\n});\n\nvar utils$1 = __toCommonJS$k(utils_exports);\n\nvar import_react$g = __toESM$i(React__default$1[\"default\"]);\n\nvar import_load_script = __toESM$i(loadScript);\n\nvar import_deepmerge$1 = __toESM$i(cjs);\n\nconst lazy = componentImportFn => import_react$g.default.lazy(async () => {\n const obj = await componentImportFn();\n return typeof obj.default === \"function\" ? obj : obj.default;\n});\n\nconst MATCH_START_QUERY = /[?&#](?:start|t)=([0-9hms]+)/;\nconst MATCH_END_QUERY = /[?&#]end=([0-9hms]+)/;\nconst MATCH_START_STAMP = /(\\d+)(h|m|s)/g;\nconst MATCH_NUMERIC = /^\\d+$/;\n\nfunction parseTimeParam(url, pattern) {\n if (url instanceof Array) {\n return void 0;\n }\n\n const match = url.match(pattern);\n\n if (match) {\n const stamp = match[1];\n\n if (stamp.match(MATCH_START_STAMP)) {\n return parseTimeString(stamp);\n }\n\n if (MATCH_NUMERIC.test(stamp)) {\n return parseInt(stamp);\n }\n }\n\n return void 0;\n}\n\nfunction parseTimeString(stamp) {\n let seconds = 0;\n let array = MATCH_START_STAMP.exec(stamp);\n\n while (array !== null) {\n const [, count, period] = array;\n if (period === \"h\") seconds += parseInt(count, 10) * 60 * 60;\n if (period === \"m\") seconds += parseInt(count, 10) * 60;\n if (period === \"s\") seconds += parseInt(count, 10);\n array = MATCH_START_STAMP.exec(stamp);\n }\n\n return seconds;\n}\n\nfunction parseStartTime(url) {\n return parseTimeParam(url, MATCH_START_QUERY);\n}\n\nfunction parseEndTime(url) {\n return parseTimeParam(url, MATCH_END_QUERY);\n}\n\nfunction randomString() {\n return Math.random().toString(36).substr(2, 5);\n}\n\nfunction queryString(object) {\n return Object.keys(object).map(key => `${key}=${object[key]}`).join(\"&\");\n}\n\nfunction getGlobal(key) {\n if (window[key]) {\n return window[key];\n }\n\n if (window.exports && window.exports[key]) {\n return window.exports[key];\n }\n\n if (window.module && window.module.exports && window.module.exports[key]) {\n return window.module.exports[key];\n }\n\n return null;\n}\n\nconst requests = {};\nconst getSDK = enableStubOn(function getSDK2(url, sdkGlobal) {\n let sdkReady = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;\n let isLoaded = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : () => true;\n let fetchScript = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : import_load_script.default;\n const existingGlobal = getGlobal(sdkGlobal);\n\n if (existingGlobal && isLoaded(existingGlobal)) {\n return Promise.resolve(existingGlobal);\n }\n\n return new Promise((resolve, reject) => {\n if (requests[url]) {\n requests[url].push({\n resolve,\n reject\n });\n return;\n }\n\n requests[url] = [{\n resolve,\n reject\n }];\n\n const onLoaded = sdk => {\n requests[url].forEach(request => request.resolve(sdk));\n };\n\n if (sdkReady) {\n const previousOnReady = window[sdkReady];\n\n window[sdkReady] = function () {\n if (previousOnReady) previousOnReady();\n onLoaded(getGlobal(sdkGlobal));\n };\n }\n\n fetchScript(url, err => {\n if (err) {\n requests[url].forEach(request => request.reject(err));\n requests[url] = null;\n } else if (!sdkReady) {\n onLoaded(getGlobal(sdkGlobal));\n }\n });\n });\n});\n\nfunction getConfig(props, defaultProps) {\n return (0, import_deepmerge$1.default)(defaultProps.config, props.config);\n}\n\nfunction omit(object) {\n for (var _len7 = arguments.length, arrays = new Array(_len7 > 1 ? _len7 - 1 : 0), _key7 = 1; _key7 < _len7; _key7++) {\n arrays[_key7 - 1] = arguments[_key7];\n }\n\n const omitKeys = [].concat(...arrays);\n const output = {};\n const keys = Object.keys(object);\n\n for (const key of keys) {\n if (omitKeys.indexOf(key) === -1) {\n output[key] = object[key];\n }\n }\n\n return output;\n}\n\nfunction callPlayer(method) {\n if (!this.player || !this.player[method]) {\n let message = `ReactPlayer: ${this.constructor.displayName} player could not call %c${method}%c \\u2013 `;\n\n if (!this.player) {\n message += \"The player was not available\";\n } else if (!this.player[method]) {\n message += \"The method was not available\";\n }\n\n console.warn(message, \"font-weight: bold\", \"\");\n return null;\n }\n\n for (var _len8 = arguments.length, args = new Array(_len8 > 1 ? _len8 - 1 : 0), _key8 = 1; _key8 < _len8; _key8++) {\n args[_key8 - 1] = arguments[_key8];\n }\n\n return this.player[method](...args);\n}\n\nfunction isMediaStream(url) {\n return typeof window !== \"undefined\" && typeof window.MediaStream !== \"undefined\" && url instanceof window.MediaStream;\n}\n\nfunction isBlobUrl(url) {\n return /^blob:/.test(url);\n}\n\nfunction supportsWebKitPresentationMode() {\n let video = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : document.createElement(\"video\");\n const notMobile = /iPhone|iPod/.test(navigator.userAgent) === false;\n return video.webkitSupportsPresentationMode && typeof video.webkitSetPresentationMode === \"function\" && notMobile;\n}\n\nfunction enableStubOn(fn) {\n return fn;\n}\n\nvar import_utils = utils$1;\nvar __defProp$j = Object.defineProperty;\nvar __getOwnPropDesc$j = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames$j = Object.getOwnPropertyNames;\nvar __hasOwnProp$j = Object.prototype.hasOwnProperty;\n\nvar __export$j = (target, all) => {\n for (var name in all) __defProp$j(target, name, {\n get: all[name],\n enumerable: true\n });\n};\n\nvar __copyProps$j = (to, from, except, desc) => {\n if (from && typeof from === \"object\" || typeof from === \"function\") {\n for (let key of __getOwnPropNames$j(from)) if (!__hasOwnProp$j.call(to, key) && key !== except) __defProp$j(to, key, {\n get: () => from[key],\n enumerable: !(desc = __getOwnPropDesc$j(from, key)) || desc.enumerable\n });\n }\n\n return to;\n};\n\nvar __toCommonJS$j = mod => __copyProps$j(__defProp$j({}, \"__esModule\", {\n value: true\n}), mod);\n\nvar patterns_exports = {};\n\n__export$j(patterns_exports, {\n AUDIO_EXTENSIONS: () => AUDIO_EXTENSIONS,\n DASH_EXTENSIONS: () => DASH_EXTENSIONS,\n FLV_EXTENSIONS: () => FLV_EXTENSIONS,\n HLS_EXTENSIONS: () => HLS_EXTENSIONS,\n MATCH_URL_DAILYMOTION: () => MATCH_URL_DAILYMOTION,\n MATCH_URL_FACEBOOK: () => MATCH_URL_FACEBOOK,\n MATCH_URL_FACEBOOK_WATCH: () => MATCH_URL_FACEBOOK_WATCH,\n MATCH_URL_KALTURA: () => MATCH_URL_KALTURA,\n MATCH_URL_MIXCLOUD: () => MATCH_URL_MIXCLOUD,\n MATCH_URL_MUX: () => MATCH_URL_MUX,\n MATCH_URL_SOUNDCLOUD: () => MATCH_URL_SOUNDCLOUD,\n MATCH_URL_STREAMABLE: () => MATCH_URL_STREAMABLE,\n MATCH_URL_TWITCH_CHANNEL: () => MATCH_URL_TWITCH_CHANNEL,\n MATCH_URL_TWITCH_VIDEO: () => MATCH_URL_TWITCH_VIDEO,\n MATCH_URL_VIDYARD: () => MATCH_URL_VIDYARD,\n MATCH_URL_VIMEO: () => MATCH_URL_VIMEO,\n MATCH_URL_WISTIA: () => MATCH_URL_WISTIA,\n MATCH_URL_YOUTUBE: () => MATCH_URL_YOUTUBE,\n VIDEO_EXTENSIONS: () => VIDEO_EXTENSIONS,\n canPlay: () => canPlay\n});\n\nvar patterns = __toCommonJS$j(patterns_exports);\n\nconst MATCH_URL_YOUTUBE = /(?:youtu\\.be\\/|youtube(?:-nocookie|education)?\\.com\\/(?:embed\\/|v\\/|watch\\/|watch\\?v=|watch\\?.+&v=|shorts\\/|live\\/))((\\w|-){11})|youtube\\.com\\/playlist\\?list=|youtube\\.com\\/user\\//;\nconst MATCH_URL_SOUNDCLOUD = /(?:soundcloud\\.com|snd\\.sc)\\/[^.]+$/;\nconst MATCH_URL_VIMEO = /vimeo\\.com\\/(?!progressive_redirect).+/;\nconst MATCH_URL_MUX = /stream\\.mux\\.com\\/(?!\\w+\\.m3u8)(\\w+)/;\nconst MATCH_URL_FACEBOOK = /^https?:\\/\\/(www\\.)?facebook\\.com.*\\/(video(s)?|watch|story)(\\.php?|\\/).+$/;\nconst MATCH_URL_FACEBOOK_WATCH = /^https?:\\/\\/fb\\.watch\\/.+$/;\nconst MATCH_URL_STREAMABLE = /streamable\\.com\\/([a-z0-9]+)$/;\nconst MATCH_URL_WISTIA = /(?:wistia\\.(?:com|net)|wi\\.st)\\/(?:medias|embed)\\/(?:iframe\\/)?([^?]+)/;\nconst MATCH_URL_TWITCH_VIDEO = /(?:www\\.|go\\.)?twitch\\.tv\\/videos\\/(\\d+)($|\\?)/;\nconst MATCH_URL_TWITCH_CHANNEL = /(?:www\\.|go\\.)?twitch\\.tv\\/([a-zA-Z0-9_]+)($|\\?)/;\nconst MATCH_URL_DAILYMOTION = /^(?:(?:https?):)?(?:\\/\\/)?(?:www\\.)?(?:(?:dailymotion\\.com(?:\\/embed)?\\/video)|dai\\.ly)\\/([a-zA-Z0-9]+)(?:_[\\w_-]+)?(?:[\\w.#_-]+)?/;\nconst MATCH_URL_MIXCLOUD = /mixcloud\\.com\\/([^/]+\\/[^/]+)/;\nconst MATCH_URL_VIDYARD = /vidyard.com\\/(?:watch\\/)?([a-zA-Z0-9-_]+)/;\nconst MATCH_URL_KALTURA = /^https?:\\/\\/[a-zA-Z]+\\.kaltura.(com|org)\\/p\\/([0-9]+)\\/sp\\/([0-9]+)00\\/embedIframeJs\\/uiconf_id\\/([0-9]+)\\/partner_id\\/([0-9]+)(.*)entry_id.([a-zA-Z0-9-_].*)$/;\nconst AUDIO_EXTENSIONS = /\\.(m4a|m4b|mp4a|mpga|mp2|mp2a|mp3|m2a|m3a|wav|weba|aac|oga|spx)($|\\?)/i;\nconst VIDEO_EXTENSIONS = /\\.(mp4|og[gv]|webm|mov|m4v)(#t=[,\\d+]+)?($|\\?)/i;\nconst HLS_EXTENSIONS = /\\.(m3u8)($|\\?)/i;\nconst DASH_EXTENSIONS = /\\.(mpd)($|\\?)/i;\nconst FLV_EXTENSIONS = /\\.(flv)($|\\?)/i;\n\nconst canPlayFile = url => {\n if (url instanceof Array) {\n for (const item of url) {\n if (typeof item === \"string\" && canPlayFile(item)) {\n return true;\n }\n\n if (canPlayFile(item.src)) {\n return true;\n }\n }\n\n return false;\n }\n\n if ((0, import_utils.isMediaStream)(url) || (0, import_utils.isBlobUrl)(url)) {\n return true;\n }\n\n return AUDIO_EXTENSIONS.test(url) || VIDEO_EXTENSIONS.test(url) || HLS_EXTENSIONS.test(url) || DASH_EXTENSIONS.test(url) || FLV_EXTENSIONS.test(url);\n};\n\nconst canPlay = {\n youtube: url => {\n if (url instanceof Array) {\n return url.every(item => MATCH_URL_YOUTUBE.test(item));\n }\n\n return MATCH_URL_YOUTUBE.test(url);\n },\n soundcloud: url => MATCH_URL_SOUNDCLOUD.test(url) && !AUDIO_EXTENSIONS.test(url),\n vimeo: url => MATCH_URL_VIMEO.test(url) && !VIDEO_EXTENSIONS.test(url) && !HLS_EXTENSIONS.test(url),\n mux: url => MATCH_URL_MUX.test(url),\n facebook: url => MATCH_URL_FACEBOOK.test(url) || MATCH_URL_FACEBOOK_WATCH.test(url),\n streamable: url => MATCH_URL_STREAMABLE.test(url),\n wistia: url => MATCH_URL_WISTIA.test(url),\n twitch: url => MATCH_URL_TWITCH_VIDEO.test(url) || MATCH_URL_TWITCH_CHANNEL.test(url),\n dailymotion: url => MATCH_URL_DAILYMOTION.test(url),\n mixcloud: url => MATCH_URL_MIXCLOUD.test(url),\n vidyard: url => MATCH_URL_VIDYARD.test(url),\n kaltura: url => MATCH_URL_KALTURA.test(url),\n file: canPlayFile\n};\nvar import_patterns = patterns;\nvar __defProp$i = Object.defineProperty;\nvar __getOwnPropDesc$i = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames$i = Object.getOwnPropertyNames;\nvar __hasOwnProp$i = Object.prototype.hasOwnProperty;\n\nvar __export$i = (target, all) => {\n for (var name in all) __defProp$i(target, name, {\n get: all[name],\n enumerable: true\n });\n};\n\nvar __copyProps$i = (to, from, except, desc) => {\n if (from && typeof from === \"object\" || typeof from === \"function\") {\n for (let key of __getOwnPropNames$i(from)) if (!__hasOwnProp$i.call(to, key) && key !== except) __defProp$i(to, key, {\n get: () => from[key],\n enumerable: !(desc = __getOwnPropDesc$i(from, key)) || desc.enumerable\n });\n }\n\n return to;\n};\n\nvar __toCommonJS$i = mod => __copyProps$i(__defProp$i({}, \"__esModule\", {\n value: true\n}), mod);\n\nvar players_exports = {};\n\n__export$i(players_exports, {\n default: () => players_default\n});\n\nvar players = __toCommonJS$i(players_exports);\n\nvar players_default = [{\n key: \"youtube\",\n name: \"YouTube\",\n canPlay: import_patterns.canPlay.youtube,\n lazyPlayer: (0, import_utils.lazy)(() => Promise.resolve().then(function () {\n return YouTube$1;\n }))\n}, {\n key: \"soundcloud\",\n name: \"SoundCloud\",\n canPlay: import_patterns.canPlay.soundcloud,\n lazyPlayer: (0, import_utils.lazy)(() => Promise.resolve().then(function () {\n return SoundCloud$1;\n }))\n}, {\n key: \"vimeo\",\n name: \"Vimeo\",\n canPlay: import_patterns.canPlay.vimeo,\n lazyPlayer: (0, import_utils.lazy)(() => Promise.resolve().then(function () {\n return Vimeo$1;\n }))\n}, {\n key: \"mux\",\n name: \"Mux\",\n canPlay: import_patterns.canPlay.mux,\n lazyPlayer: (0, import_utils.lazy)(() => Promise.resolve().then(function () {\n return Mux$1;\n }))\n}, {\n key: \"facebook\",\n name: \"Facebook\",\n canPlay: import_patterns.canPlay.facebook,\n lazyPlayer: (0, import_utils.lazy)(() => Promise.resolve().then(function () {\n return Facebook$1;\n }))\n}, {\n key: \"streamable\",\n name: \"Streamable\",\n canPlay: import_patterns.canPlay.streamable,\n lazyPlayer: (0, import_utils.lazy)(() => Promise.resolve().then(function () {\n return Streamable$1;\n }))\n}, {\n key: \"wistia\",\n name: \"Wistia\",\n canPlay: import_patterns.canPlay.wistia,\n lazyPlayer: (0, import_utils.lazy)(() => Promise.resolve().then(function () {\n return Wistia$1;\n }))\n}, {\n key: \"twitch\",\n name: \"Twitch\",\n canPlay: import_patterns.canPlay.twitch,\n lazyPlayer: (0, import_utils.lazy)(() => Promise.resolve().then(function () {\n return Twitch$1;\n }))\n}, {\n key: \"dailymotion\",\n name: \"DailyMotion\",\n canPlay: import_patterns.canPlay.dailymotion,\n lazyPlayer: (0, import_utils.lazy)(() => Promise.resolve().then(function () {\n return DailyMotion$1;\n }))\n}, {\n key: \"mixcloud\",\n name: \"Mixcloud\",\n canPlay: import_patterns.canPlay.mixcloud,\n lazyPlayer: (0, import_utils.lazy)(() => Promise.resolve().then(function () {\n return Mixcloud$1;\n }))\n}, {\n key: \"vidyard\",\n name: \"Vidyard\",\n canPlay: import_patterns.canPlay.vidyard,\n lazyPlayer: (0, import_utils.lazy)(() => Promise.resolve().then(function () {\n return Vidyard$1;\n }))\n}, {\n key: \"kaltura\",\n name: \"Kaltura\",\n canPlay: import_patterns.canPlay.kaltura,\n lazyPlayer: (0, import_utils.lazy)(() => Promise.resolve().then(function () {\n return Kaltura$1;\n }))\n}, {\n key: \"file\",\n name: \"FilePlayer\",\n canPlay: import_patterns.canPlay.file,\n canEnablePIP: url => {\n return import_patterns.canPlay.file(url) && (document.pictureInPictureEnabled || (0, import_utils.supportsWebKitPresentationMode)()) && !import_patterns.AUDIO_EXTENSIONS.test(url);\n },\n lazyPlayer: (0, import_utils.lazy)(() => Promise.resolve().then(function () {\n return FilePlayer$1;\n }))\n}];\n\nvar safeIsNaN = Number.isNaN || function ponyfill(value) {\n return typeof value === 'number' && value !== value;\n};\n\nfunction isEqual(first, second) {\n if (first === second) {\n return true;\n }\n\n if (safeIsNaN(first) && safeIsNaN(second)) {\n return true;\n }\n\n return false;\n}\n\nfunction areInputsEqual(newInputs, lastInputs) {\n if (newInputs.length !== lastInputs.length) {\n return false;\n }\n\n for (var i = 0; i < newInputs.length; i++) {\n if (!isEqual(newInputs[i], lastInputs[i])) {\n return false;\n }\n }\n\n return true;\n}\n\nfunction memoizeOne(resultFn, isEqual) {\n if (isEqual === void 0) {\n isEqual = areInputsEqual;\n }\n\n var lastThis;\n var lastArgs = [];\n var lastResult;\n var calledOnce = false;\n\n function memoized() {\n var newArgs = [];\n\n for (var _i = 0; _i < arguments.length; _i++) {\n newArgs[_i] = arguments[_i];\n }\n\n if (calledOnce && lastThis === this && isEqual(newArgs, lastArgs)) {\n return lastResult;\n }\n\n lastResult = resultFn.apply(this, newArgs);\n calledOnce = true;\n lastThis = this;\n lastArgs = newArgs;\n return lastResult;\n }\n\n return memoized;\n}\n\nvar memoizeOne_esm = /*#__PURE__*/Object.freeze({\n __proto__: null,\n 'default': memoizeOne\n});\n/* global Map:readonly, Set:readonly, ArrayBuffer:readonly */\n\nvar hasElementType$1 = typeof Element !== 'undefined';\nvar hasMap$1 = typeof Map === 'function';\nvar hasSet$1 = typeof Set === 'function';\nvar hasArrayBuffer$1 = typeof ArrayBuffer === 'function' && !!ArrayBuffer.isView; // Note: We **don't** need `envHasBigInt64Array` in fde es6/index.js\n\nfunction equal$1(a, b) {\n // START: fast-deep-equal es6/index.js 3.1.3\n if (a === b) return true;\n\n if (a && b && typeof a == 'object' && typeof b == 'object') {\n if (a.constructor !== b.constructor) return false;\n var length, i, keys;\n\n if (Array.isArray(a)) {\n length = a.length;\n if (length != b.length) return false;\n\n for (i = length; i-- !== 0;) if (!equal$1(a[i], b[i])) return false;\n\n return true;\n } // START: Modifications:\n // 1. Extra `has &&` helpers in initial condition allow es6 code\n // to co-exist with es5.\n // 2. Replace `for of` with es5 compliant iteration using `for`.\n // Basically, take:\n //\n // ```js\n // for (i of a.entries())\n // if (!b.has(i[0])) return false;\n // ```\n //\n // ... and convert to:\n //\n // ```js\n // it = a.entries();\n // while (!(i = it.next()).done)\n // if (!b.has(i.value[0])) return false;\n // ```\n //\n // **Note**: `i` access switches to `i.value`.\n\n\n var it;\n\n if (hasMap$1 && a instanceof Map && b instanceof Map) {\n if (a.size !== b.size) return false;\n it = a.entries();\n\n while (!(i = it.next()).done) if (!b.has(i.value[0])) return false;\n\n it = a.entries();\n\n while (!(i = it.next()).done) if (!equal$1(i.value[1], b.get(i.value[0]))) return false;\n\n return true;\n }\n\n if (hasSet$1 && a instanceof Set && b instanceof Set) {\n if (a.size !== b.size) return false;\n it = a.entries();\n\n while (!(i = it.next()).done) if (!b.has(i.value[0])) return false;\n\n return true;\n } // END: Modifications\n\n\n if (hasArrayBuffer$1 && ArrayBuffer.isView(a) && ArrayBuffer.isView(b)) {\n length = a.length;\n if (length != b.length) return false;\n\n for (i = length; i-- !== 0;) if (a[i] !== b[i]) return false;\n\n return true;\n }\n\n if (a.constructor === RegExp) return a.source === b.source && a.flags === b.flags; // START: Modifications:\n // Apply guards for `Object.create(null)` handling. See:\n // - https://github.com/FormidableLabs/react-fast-compare/issues/64\n // - https://github.com/epoberezkin/fast-deep-equal/issues/49\n\n if (a.valueOf !== Object.prototype.valueOf && typeof a.valueOf === 'function' && typeof b.valueOf === 'function') return a.valueOf() === b.valueOf();\n if (a.toString !== Object.prototype.toString && typeof a.toString === 'function' && typeof b.toString === 'function') return a.toString() === b.toString(); // END: Modifications\n\n keys = Object.keys(a);\n length = keys.length;\n if (length !== Object.keys(b).length) return false;\n\n for (i = length; i-- !== 0;) if (!Object.prototype.hasOwnProperty.call(b, keys[i])) return false; // END: fast-deep-equal\n // START: react-fast-compare\n // custom handling for DOM elements\n\n\n if (hasElementType$1 && a instanceof Element) return false; // custom handling for React/Preact\n\n for (i = length; i-- !== 0;) {\n if ((keys[i] === '_owner' || keys[i] === '__v' || keys[i] === '__o') && a.$$typeof) {\n // React-specific: avoid traversing React elements' _owner\n // Preact-specific: avoid traversing Preact elements' __v and __o\n // __v = $_original / $_vnode\n // __o = $_owner\n // These properties contain circular references and are not needed when\n // comparing the actual elements (and not their owners)\n // .$$typeof and ._store on just reasonable markers of elements\n continue;\n } // all other properties should be traversed as usual\n\n\n if (!equal$1(a[keys[i]], b[keys[i]])) return false;\n } // END: react-fast-compare\n // START: fast-deep-equal\n\n\n return true;\n }\n\n return a !== a && b !== b;\n} // end fast-deep-equal\n\n\nvar reactFastCompare$1 = function isEqual(a, b) {\n try {\n return equal$1(a, b);\n } catch (error) {\n if ((error.message || '').match(/stack|recursion/i)) {\n // warn on circular references, don't crash\n // browsers give this different errors name and messages:\n // chrome/safari: \"RangeError\", \"Maximum call stack size exceeded\"\n // firefox: \"InternalError\", too much recursion\"\n // edge: \"Error\", \"Out of stack space\"\n console.warn('react-fast-compare cannot handle circular refs');\n return false;\n } // some other error. we should definitely know about these\n\n\n throw error;\n }\n};\n\nvar __create$h = Object.create;\nvar __defProp$h = Object.defineProperty;\nvar __getOwnPropDesc$h = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames$h = Object.getOwnPropertyNames;\nvar __getProtoOf$h = Object.getPrototypeOf;\nvar __hasOwnProp$h = Object.prototype.hasOwnProperty;\n\nvar __export$h = (target, all) => {\n for (var name in all) __defProp$h(target, name, {\n get: all[name],\n enumerable: true\n });\n};\n\nvar __copyProps$h = (to, from, except, desc) => {\n if (from && typeof from === \"object\" || typeof from === \"function\") {\n for (let key of __getOwnPropNames$h(from)) if (!__hasOwnProp$h.call(to, key) && key !== except) __defProp$h(to, key, {\n get: () => from[key],\n enumerable: !(desc = __getOwnPropDesc$h(from, key)) || desc.enumerable\n });\n }\n\n return to;\n};\n\nvar __toESM$h = (mod, isNodeMode, target) => (target = mod != null ? __create$h(__getProtoOf$h(mod)) : {}, __copyProps$h( // If the importer is in node compatibility mode or this is not an ESM\n// file that has been converted to a CommonJS file using a Babel-\n// compatible transform (i.e. \"__esModule\" has not been set), then set\n// \"default\" to the CommonJS \"module.exports\" for node compatibility.\nisNodeMode || !mod || !mod.__esModule ? __defProp$h(target, \"default\", {\n value: mod,\n enumerable: true\n}) : target, mod));\n\nvar __toCommonJS$h = mod => __copyProps$h(__defProp$h({}, \"__esModule\", {\n value: true\n}), mod);\n\nvar props_exports = {};\n\n__export$h(props_exports, {\n defaultProps: () => defaultProps,\n propTypes: () => propTypes\n});\n\nvar props = __toCommonJS$h(props_exports);\n\nvar import_prop_types = __toESM$h(propTypes$1);\n\nconst {\n string,\n bool,\n number,\n array,\n oneOfType,\n shape,\n object,\n func,\n node\n} = import_prop_types.default;\nconst propTypes = {\n url: oneOfType([string, array, object]),\n playing: bool,\n loop: bool,\n controls: bool,\n volume: number,\n muted: bool,\n playbackRate: number,\n width: oneOfType([string, number]),\n height: oneOfType([string, number]),\n style: object,\n progressInterval: number,\n playsinline: bool,\n pip: bool,\n stopOnUnmount: bool,\n light: oneOfType([bool, string, object]),\n playIcon: node,\n previewTabIndex: number,\n previewAriaLabel: string,\n fallback: node,\n oEmbedUrl: string,\n wrapper: oneOfType([string, func, shape({\n render: func.isRequired\n })]),\n config: shape({\n soundcloud: shape({\n options: object\n }),\n youtube: shape({\n playerVars: object,\n embedOptions: object,\n onUnstarted: func\n }),\n facebook: shape({\n appId: string,\n version: string,\n playerId: string,\n attributes: object\n }),\n dailymotion: shape({\n params: object\n }),\n vimeo: shape({\n playerOptions: object,\n title: string\n }),\n mux: shape({\n attributes: object,\n version: string\n }),\n file: shape({\n attributes: object,\n tracks: array,\n forceVideo: bool,\n forceAudio: bool,\n forceHLS: bool,\n forceSafariHLS: bool,\n forceDisableHls: bool,\n forceDASH: bool,\n forceFLV: bool,\n hlsOptions: object,\n hlsVersion: string,\n dashVersion: string,\n flvVersion: string\n }),\n wistia: shape({\n options: object,\n playerId: string,\n customControls: array\n }),\n mixcloud: shape({\n options: object\n }),\n twitch: shape({\n options: object,\n playerId: string\n }),\n vidyard: shape({\n options: object\n })\n }),\n onReady: func,\n onStart: func,\n onPlay: func,\n onPause: func,\n onBuffer: func,\n onBufferEnd: func,\n onEnded: func,\n onError: func,\n onDuration: func,\n onSeek: func,\n onPlaybackRateChange: func,\n onPlaybackQualityChange: func,\n onProgress: func,\n onClickPreview: func,\n onEnablePIP: func,\n onDisablePIP: func\n};\n\nconst noop = () => {};\n\nconst defaultProps = {\n playing: false,\n loop: false,\n controls: false,\n volume: null,\n muted: false,\n playbackRate: 1,\n width: \"640px\",\n height: \"360px\",\n style: {},\n progressInterval: 1e3,\n playsinline: false,\n pip: false,\n stopOnUnmount: true,\n light: false,\n fallback: null,\n wrapper: \"div\",\n previewTabIndex: 0,\n previewAriaLabel: \"\",\n oEmbedUrl: \"https://noembed.com/embed?url={url}\",\n config: {\n soundcloud: {\n options: {\n visual: true,\n // Undocumented, but makes player fill container and look better\n buying: false,\n liking: false,\n download: false,\n sharing: false,\n show_comments: false,\n show_playcount: false\n }\n },\n youtube: {\n playerVars: {\n playsinline: 1,\n showinfo: 0,\n rel: 0,\n iv_load_policy: 3,\n modestbranding: 1\n },\n embedOptions: {},\n onUnstarted: noop\n },\n facebook: {\n appId: \"1309697205772819\",\n version: \"v3.3\",\n playerId: null,\n attributes: {}\n },\n dailymotion: {\n params: {\n api: 1,\n \"endscreen-enable\": false\n }\n },\n vimeo: {\n playerOptions: {\n autopause: false,\n byline: false,\n portrait: false,\n title: false\n },\n title: null\n },\n mux: {\n attributes: {},\n version: \"2\"\n },\n file: {\n attributes: {},\n tracks: [],\n forceVideo: false,\n forceAudio: false,\n forceHLS: false,\n forceDASH: false,\n forceFLV: false,\n hlsOptions: {},\n hlsVersion: \"1.1.4\",\n dashVersion: \"3.1.3\",\n flvVersion: \"1.5.0\",\n forceDisableHls: false\n },\n wistia: {\n options: {},\n playerId: null,\n customControls: null\n },\n mixcloud: {\n options: {\n hide_cover: 1\n }\n },\n twitch: {\n options: {},\n playerId: null\n },\n vidyard: {\n options: {}\n }\n },\n onReady: noop,\n onStart: noop,\n onPlay: noop,\n onPause: noop,\n onBuffer: noop,\n onBufferEnd: noop,\n onEnded: noop,\n onError: noop,\n onDuration: noop,\n onSeek: noop,\n onPlaybackRateChange: noop,\n onPlaybackQualityChange: noop,\n onProgress: noop,\n onClickPreview: noop,\n onEnablePIP: noop,\n onDisablePIP: noop\n};\nvar import_props = props;\nvar __create$g = Object.create;\nvar __defProp$g = Object.defineProperty;\nvar __getOwnPropDesc$g = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames$g = Object.getOwnPropertyNames;\nvar __getProtoOf$g = Object.getPrototypeOf;\nvar __hasOwnProp$g = Object.prototype.hasOwnProperty;\n\nvar __defNormalProp$f = (obj, key, value) => key in obj ? __defProp$g(obj, key, {\n enumerable: true,\n configurable: true,\n writable: true,\n value\n}) : obj[key] = value;\n\nvar __export$g = (target, all) => {\n for (var name in all) __defProp$g(target, name, {\n get: all[name],\n enumerable: true\n });\n};\n\nvar __copyProps$g = (to, from, except, desc) => {\n if (from && typeof from === \"object\" || typeof from === \"function\") {\n for (let key of __getOwnPropNames$g(from)) if (!__hasOwnProp$g.call(to, key) && key !== except) __defProp$g(to, key, {\n get: () => from[key],\n enumerable: !(desc = __getOwnPropDesc$g(from, key)) || desc.enumerable\n });\n }\n\n return to;\n};\n\nvar __toESM$g = (mod, isNodeMode, target) => (target = mod != null ? __create$g(__getProtoOf$g(mod)) : {}, __copyProps$g( // If the importer is in node compatibility mode or this is not an ESM\n// file that has been converted to a CommonJS file using a Babel-\n// compatible transform (i.e. \"__esModule\" has not been set), then set\n// \"default\" to the CommonJS \"module.exports\" for node compatibility.\nisNodeMode || !mod || !mod.__esModule ? __defProp$g(target, \"default\", {\n value: mod,\n enumerable: true\n}) : target, mod));\n\nvar __toCommonJS$g = mod => __copyProps$g(__defProp$g({}, \"__esModule\", {\n value: true\n}), mod);\n\nvar __publicField$f = (obj, key, value) => {\n __defNormalProp$f(obj, typeof key !== \"symbol\" ? key + \"\" : key, value);\n\n return value;\n};\n\nvar Player_exports = {};\n\n__export$g(Player_exports, {\n default: () => Player\n});\n\nvar Player_1 = __toCommonJS$g(Player_exports);\n\nvar import_react$f = __toESM$g(React__default$1[\"default\"]);\n\nvar import_react_fast_compare$1 = __toESM$g(reactFastCompare$1);\n\nconst SEEK_ON_PLAY_EXPIRY = 5e3;\n\nclass Player extends import_react$f.Component {\n constructor() {\n var _this9;\n\n super(...arguments);\n _this9 = this;\n\n __publicField$f(this, \"mounted\", false);\n\n __publicField$f(this, \"isReady\", false);\n\n __publicField$f(this, \"isPlaying\", false); // Track playing state internally to prevent bugs\n\n\n __publicField$f(this, \"isLoading\", true); // Use isLoading to prevent onPause when switching URL\n\n\n __publicField$f(this, \"loadOnReady\", null);\n\n __publicField$f(this, \"startOnPlay\", true);\n\n __publicField$f(this, \"seekOnPlay\", null);\n\n __publicField$f(this, \"onDurationCalled\", false);\n\n __publicField$f(this, \"handlePlayerMount\", player => {\n if (this.player) {\n this.progress();\n return;\n }\n\n this.player = player;\n this.player.load(this.props.url);\n this.progress();\n });\n\n __publicField$f(this, \"getInternalPlayer\", key => {\n if (!this.player) return null;\n return this.player[key];\n });\n\n __publicField$f(this, \"progress\", () => {\n if (this.props.url && this.player && this.isReady) {\n const playedSeconds = this.getCurrentTime() || 0;\n const loadedSeconds = this.getSecondsLoaded();\n const duration = this.getDuration();\n\n if (duration) {\n const progress = {\n playedSeconds,\n played: playedSeconds / duration\n };\n\n if (loadedSeconds !== null) {\n progress.loadedSeconds = loadedSeconds;\n progress.loaded = loadedSeconds / duration;\n }\n\n if (progress.playedSeconds !== this.prevPlayed || progress.loadedSeconds !== this.prevLoaded) {\n this.props.onProgress(progress);\n }\n\n this.prevPlayed = progress.playedSeconds;\n this.prevLoaded = progress.loadedSeconds;\n }\n }\n\n this.progressTimeout = setTimeout(this.progress, this.props.progressFrequency || this.props.progressInterval);\n });\n\n __publicField$f(this, \"handleReady\", () => {\n if (!this.mounted) return;\n this.isReady = true;\n this.isLoading = false;\n const {\n onReady,\n playing,\n volume,\n muted\n } = this.props;\n onReady();\n\n if (!muted && volume !== null) {\n this.player.setVolume(volume);\n }\n\n if (this.loadOnReady) {\n this.player.load(this.loadOnReady, true);\n this.loadOnReady = null;\n } else if (playing) {\n this.player.play();\n }\n\n this.handleDurationCheck();\n });\n\n __publicField$f(this, \"handlePlay\", () => {\n this.isPlaying = true;\n this.isLoading = false;\n const {\n onStart,\n onPlay,\n playbackRate\n } = this.props;\n\n if (this.startOnPlay) {\n if (this.player.setPlaybackRate && playbackRate !== 1) {\n this.player.setPlaybackRate(playbackRate);\n }\n\n onStart();\n this.startOnPlay = false;\n }\n\n onPlay();\n\n if (this.seekOnPlay) {\n this.seekTo(this.seekOnPlay);\n this.seekOnPlay = null;\n }\n\n this.handleDurationCheck();\n });\n\n __publicField$f(this, \"handlePause\", e => {\n this.isPlaying = false;\n\n if (!this.isLoading) {\n this.props.onPause(e);\n }\n });\n\n __publicField$f(this, \"handleEnded\", () => {\n const {\n activePlayer,\n loop,\n onEnded\n } = this.props;\n\n if (activePlayer.loopOnEnded && loop) {\n this.seekTo(0);\n }\n\n if (!loop) {\n this.isPlaying = false;\n onEnded();\n }\n });\n\n __publicField$f(this, \"handleError\", function () {\n _this9.isLoading = false;\n\n _this9.props.onError(...arguments);\n });\n\n __publicField$f(this, \"handleDurationCheck\", () => {\n clearTimeout(this.durationCheckTimeout);\n const duration = this.getDuration();\n\n if (duration) {\n if (!this.onDurationCalled) {\n this.props.onDuration(duration);\n this.onDurationCalled = true;\n }\n } else {\n this.durationCheckTimeout = setTimeout(this.handleDurationCheck, 100);\n }\n });\n\n __publicField$f(this, \"handleLoaded\", () => {\n this.isLoading = false;\n });\n }\n\n componentDidMount() {\n this.mounted = true;\n }\n\n componentWillUnmount() {\n clearTimeout(this.progressTimeout);\n clearTimeout(this.durationCheckTimeout);\n\n if (this.isReady && this.props.stopOnUnmount) {\n this.player.stop();\n\n if (this.player.disablePIP) {\n this.player.disablePIP();\n }\n }\n\n this.mounted = false;\n }\n\n componentDidUpdate(prevProps) {\n if (!this.player) {\n return;\n }\n\n const {\n url,\n playing,\n volume,\n muted,\n playbackRate,\n pip,\n loop,\n activePlayer,\n disableDeferredLoading\n } = this.props;\n\n if (!(0, import_react_fast_compare$1.default)(prevProps.url, url)) {\n if (this.isLoading && !activePlayer.forceLoad && !disableDeferredLoading && !(0, import_utils.isMediaStream)(url)) {\n console.warn(`ReactPlayer: the attempt to load ${url} is being deferred until the player has loaded`);\n this.loadOnReady = url;\n return;\n }\n\n this.isLoading = true;\n this.startOnPlay = true;\n this.onDurationCalled = false;\n this.player.load(url, this.isReady);\n }\n\n if (!prevProps.playing && playing && !this.isPlaying) {\n this.player.play();\n }\n\n if (prevProps.playing && !playing && this.isPlaying) {\n this.player.pause();\n }\n\n if (!prevProps.pip && pip && this.player.enablePIP) {\n this.player.enablePIP();\n }\n\n if (prevProps.pip && !pip && this.player.disablePIP) {\n this.player.disablePIP();\n }\n\n if (prevProps.volume !== volume && volume !== null) {\n this.player.setVolume(volume);\n }\n\n if (prevProps.muted !== muted) {\n if (muted) {\n this.player.mute();\n } else {\n this.player.unmute();\n\n if (volume !== null) {\n setTimeout(() => this.player.setVolume(volume));\n }\n }\n }\n\n if (prevProps.playbackRate !== playbackRate && this.player.setPlaybackRate) {\n this.player.setPlaybackRate(playbackRate);\n }\n\n if (prevProps.loop !== loop && this.player.setLoop) {\n this.player.setLoop(loop);\n }\n }\n\n getDuration() {\n if (!this.isReady) return null;\n return this.player.getDuration();\n }\n\n getCurrentTime() {\n if (!this.isReady) return null;\n return this.player.getCurrentTime();\n }\n\n getSecondsLoaded() {\n if (!this.isReady) return null;\n return this.player.getSecondsLoaded();\n }\n\n seekTo(amount, type, keepPlaying) {\n if (!this.isReady) {\n if (amount !== 0) {\n this.seekOnPlay = amount;\n setTimeout(() => {\n this.seekOnPlay = null;\n }, SEEK_ON_PLAY_EXPIRY);\n }\n\n return;\n }\n\n const isFraction = !type ? amount > 0 && amount < 1 : type === \"fraction\";\n\n if (isFraction) {\n const duration = this.player.getDuration();\n\n if (!duration) {\n console.warn(\"ReactPlayer: could not seek using fraction \\u2013\\xA0duration not yet available\");\n return;\n }\n\n this.player.seekTo(duration * amount, keepPlaying);\n return;\n }\n\n this.player.seekTo(amount, keepPlaying);\n }\n\n render() {\n const Player2 = this.props.activePlayer;\n\n if (!Player2) {\n return null;\n }\n\n return /* @__PURE__ */import_react$f.default.createElement(Player2, { ...this.props,\n onMount: this.handlePlayerMount,\n onReady: this.handleReady,\n onPlay: this.handlePlay,\n onPause: this.handlePause,\n onEnded: this.handleEnded,\n onLoaded: this.handleLoaded,\n onError: this.handleError\n });\n }\n\n}\n\n__publicField$f(Player, \"displayName\", \"Player\");\n\n__publicField$f(Player, \"propTypes\", import_props.propTypes);\n\n__publicField$f(Player, \"defaultProps\", import_props.defaultProps);\n\nvar require$$2 = /*@__PURE__*/getAugmentedNamespace(memoizeOne_esm);\nvar require$$4 = Player_1;\nvar __create$f = Object.create;\nvar __defProp$f = Object.defineProperty;\nvar __getOwnPropDesc$f = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames$f = Object.getOwnPropertyNames;\nvar __getProtoOf$f = Object.getPrototypeOf;\nvar __hasOwnProp$f = Object.prototype.hasOwnProperty;\n\nvar __defNormalProp$e = (obj, key, value) => key in obj ? __defProp$f(obj, key, {\n enumerable: true,\n configurable: true,\n writable: true,\n value\n}) : obj[key] = value;\n\nvar __export$f = (target, all) => {\n for (var name in all) __defProp$f(target, name, {\n get: all[name],\n enumerable: true\n });\n};\n\nvar __copyProps$f = (to, from, except, desc) => {\n if (from && typeof from === \"object\" || typeof from === \"function\") {\n for (let key of __getOwnPropNames$f(from)) if (!__hasOwnProp$f.call(to, key) && key !== except) __defProp$f(to, key, {\n get: () => from[key],\n enumerable: !(desc = __getOwnPropDesc$f(from, key)) || desc.enumerable\n });\n }\n\n return to;\n};\n\nvar __toESM$f = (mod, isNodeMode, target) => (target = mod != null ? __create$f(__getProtoOf$f(mod)) : {}, __copyProps$f( // If the importer is in node compatibility mode or this is not an ESM\n// file that has been converted to a CommonJS file using a Babel-\n// compatible transform (i.e. \"__esModule\" has not been set), then set\n// \"default\" to the CommonJS \"module.exports\" for node compatibility.\nisNodeMode || !mod || !mod.__esModule ? __defProp$f(target, \"default\", {\n value: mod,\n enumerable: true\n}) : target, mod));\n\nvar __toCommonJS$f = mod => __copyProps$f(__defProp$f({}, \"__esModule\", {\n value: true\n}), mod);\n\nvar __publicField$e = (obj, key, value) => {\n __defNormalProp$e(obj, typeof key !== \"symbol\" ? key + \"\" : key, value);\n\n return value;\n};\n\nvar ReactPlayer_exports = {};\n\n__export$f(ReactPlayer_exports, {\n createReactPlayer: () => createReactPlayer\n});\n\nvar ReactPlayer$1 = __toCommonJS$f(ReactPlayer_exports);\n\nvar import_react$e = __toESM$f(React__default$1[\"default\"]);\n\nvar import_deepmerge = __toESM$f(cjs);\n\nvar import_memoize_one = __toESM$f(require$$2);\n\nvar import_react_fast_compare = __toESM$f(reactFastCompare$1);\n\nvar import_Player = __toESM$f(require$$4);\n\nconst Preview$2 = (0, import_utils.lazy)(() => Promise.resolve().then(function () {\n return Preview$1;\n}));\nconst IS_BROWSER = typeof window !== \"undefined\" && window.document && typeof document !== \"undefined\";\nconst IS_GLOBAL = typeof commonjsGlobal !== \"undefined\" && commonjsGlobal.window && commonjsGlobal.window.document;\nconst SUPPORTED_PROPS = Object.keys(import_props.propTypes);\nconst UniversalSuspense = IS_BROWSER || IS_GLOBAL ? import_react$e.Suspense : () => null;\nconst customPlayers = [];\n\nconst createReactPlayer = (players, fallback) => {\n var _a;\n\n return _a = class extends import_react$e.Component {\n constructor() {\n var _this10;\n\n super(...arguments);\n _this10 = this;\n\n __publicField$e(this, \"state\", {\n showPreview: !!this.props.light\n }); // Use references, as refs is used by React\n\n\n __publicField$e(this, \"references\", {\n wrapper: wrapper => {\n this.wrapper = wrapper;\n },\n player: player => {\n this.player = player;\n }\n });\n\n __publicField$e(this, \"handleClickPreview\", e => {\n this.setState({\n showPreview: false\n });\n this.props.onClickPreview(e);\n });\n\n __publicField$e(this, \"showPreview\", () => {\n this.setState({\n showPreview: true\n });\n });\n\n __publicField$e(this, \"getDuration\", () => {\n if (!this.player) return null;\n return this.player.getDuration();\n });\n\n __publicField$e(this, \"getCurrentTime\", () => {\n if (!this.player) return null;\n return this.player.getCurrentTime();\n });\n\n __publicField$e(this, \"getSecondsLoaded\", () => {\n if (!this.player) return null;\n return this.player.getSecondsLoaded();\n });\n\n __publicField$e(this, \"getInternalPlayer\", function () {\n let key = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : \"player\";\n if (!_this10.player) return null;\n return _this10.player.getInternalPlayer(key);\n });\n\n __publicField$e(this, \"seekTo\", (fraction, type, keepPlaying) => {\n if (!this.player) return null;\n this.player.seekTo(fraction, type, keepPlaying);\n });\n\n __publicField$e(this, \"handleReady\", () => {\n this.props.onReady(this);\n });\n\n __publicField$e(this, \"getActivePlayer\", (0, import_memoize_one.default)(url => {\n for (const player of [...customPlayers, ...players]) {\n if (player.canPlay(url)) {\n return player;\n }\n }\n\n if (fallback) {\n return fallback;\n }\n\n return null;\n }));\n\n __publicField$e(this, \"getConfig\", (0, import_memoize_one.default)((url, key) => {\n const {\n config\n } = this.props;\n return import_deepmerge.default.all([import_props.defaultProps.config, import_props.defaultProps.config[key] || {}, config, config[key] || {}]);\n }));\n\n __publicField$e(this, \"getAttributes\", (0, import_memoize_one.default)(url => {\n return (0, import_utils.omit)(this.props, SUPPORTED_PROPS);\n }));\n\n __publicField$e(this, \"renderActivePlayer\", url => {\n if (!url) return null;\n const player = this.getActivePlayer(url);\n if (!player) return null;\n const config = this.getConfig(url, player.key);\n return /* @__PURE__ */import_react$e.default.createElement(import_Player.default, { ...this.props,\n key: player.key,\n ref: this.references.player,\n config,\n activePlayer: player.lazyPlayer || player,\n onReady: this.handleReady\n });\n });\n }\n\n shouldComponentUpdate(nextProps, nextState) {\n return !(0, import_react_fast_compare.default)(this.props, nextProps) || !(0, import_react_fast_compare.default)(this.state, nextState);\n }\n\n componentDidUpdate(prevProps) {\n const {\n light\n } = this.props;\n\n if (!prevProps.light && light) {\n this.setState({\n showPreview: true\n });\n }\n\n if (prevProps.light && !light) {\n this.setState({\n showPreview: false\n });\n }\n }\n\n renderPreview(url) {\n if (!url) return null;\n const {\n light,\n playIcon,\n previewTabIndex,\n oEmbedUrl,\n previewAriaLabel\n } = this.props;\n return /* @__PURE__ */import_react$e.default.createElement(Preview$2, {\n url,\n light,\n playIcon,\n previewTabIndex,\n previewAriaLabel,\n oEmbedUrl,\n onClick: this.handleClickPreview\n });\n }\n\n render() {\n const {\n url,\n style,\n width,\n height,\n fallback: fallback2,\n wrapper: Wrapper\n } = this.props;\n const {\n showPreview\n } = this.state;\n const attributes = this.getAttributes(url);\n const wrapperRef = typeof Wrapper === \"string\" ? this.references.wrapper : void 0;\n return /* @__PURE__ */import_react$e.default.createElement(Wrapper, {\n ref: wrapperRef,\n style: { ...style,\n width,\n height\n },\n ...attributes\n }, /* @__PURE__ */import_react$e.default.createElement(UniversalSuspense, {\n fallback: fallback2\n }, showPreview ? this.renderPreview(url) : this.renderActivePlayer(url)));\n }\n\n }, __publicField$e(_a, \"displayName\", \"ReactPlayer\"), __publicField$e(_a, \"propTypes\", import_props.propTypes), __publicField$e(_a, \"defaultProps\", import_props.defaultProps), __publicField$e(_a, \"addCustomPlayer\", player => {\n customPlayers.push(player);\n }), __publicField$e(_a, \"removeCustomPlayers\", () => {\n customPlayers.length = 0;\n }), __publicField$e(_a, \"canPlay\", url => {\n for (const Player2 of [...customPlayers, ...players]) {\n if (Player2.canPlay(url)) {\n return true;\n }\n }\n\n return false;\n }), __publicField$e(_a, \"canEnablePIP\", url => {\n for (const Player2 of [...customPlayers, ...players]) {\n if (Player2.canEnablePIP && Player2.canEnablePIP(url)) {\n return true;\n }\n }\n\n return false;\n }), _a;\n};\n\nvar require$$0 = players;\nvar import_ReactPlayer = ReactPlayer$1;\nvar __create$e = Object.create;\nvar __defProp$e = Object.defineProperty;\nvar __getOwnPropDesc$e = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames$e = Object.getOwnPropertyNames;\nvar __getProtoOf$e = Object.getPrototypeOf;\nvar __hasOwnProp$e = Object.prototype.hasOwnProperty;\n\nvar __export$e = (target, all) => {\n for (var name in all) __defProp$e(target, name, {\n get: all[name],\n enumerable: true\n });\n};\n\nvar __copyProps$e = (to, from, except, desc) => {\n if (from && typeof from === \"object\" || typeof from === \"function\") {\n for (let key of __getOwnPropNames$e(from)) if (!__hasOwnProp$e.call(to, key) && key !== except) __defProp$e(to, key, {\n get: () => from[key],\n enumerable: !(desc = __getOwnPropDesc$e(from, key)) || desc.enumerable\n });\n }\n\n return to;\n};\n\nvar __toESM$e = (mod, isNodeMode, target) => (target = mod != null ? __create$e(__getProtoOf$e(mod)) : {}, __copyProps$e( // If the importer is in node compatibility mode or this is not an ESM\n// file that has been converted to a CommonJS file using a Babel-\n// compatible transform (i.e. \"__esModule\" has not been set), then set\n// \"default\" to the CommonJS \"module.exports\" for node compatibility.\nisNodeMode || !mod || !mod.__esModule ? __defProp$e(target, \"default\", {\n value: mod,\n enumerable: true\n}) : target, mod));\n\nvar __toCommonJS$e = mod => __copyProps$e(__defProp$e({}, \"__esModule\", {\n value: true\n}), mod);\n\nvar src_exports = {};\n\n__export$e(src_exports, {\n default: () => src_default\n});\n\nvar lib$1 = __toCommonJS$e(src_exports);\n\nvar import_players = __toESM$e(require$$0);\n\nconst fallback = import_players.default[import_players.default.length - 1];\nvar src_default = (0, import_ReactPlayer.createReactPlayer)(import_players.default, fallback);\nvar ReactPlayer = lib$1;\n\nvar _templateObject$1b, _templateObject2$k, _templateObject3$e, _templateObject4$a;\n\nvar SimpleVideoContainer$1 = styled__default[\"default\"].div(_templateObject$1b || (_templateObject$1b = _taggedTemplateLiteral([\"\\n display: grid;\\n grid-template-columns: 1fr;\\n grid-template-rows: 1fr auto;\\n\"])));\nvar SimpleVideoMediaContainer = styled__default[\"default\"].div(_templateObject2$k || (_templateObject2$k = _taggedTemplateLiteral([\"\\n display: grid;\\n grid-template-columns: 1fr;\\n grid-template-rows: 1fr;\\n\"])));\nvar SimpleVideoTitleContainer$1 = styled__default[\"default\"].div(_templateObject3$e || (_templateObject3$e = _taggedTemplateLiteral([\"\\n display: flex;\\n justify-content: center;\\n align-items: center;\\n\"])));\nvar SimpleVideoTitle$1 = styled__default[\"default\"].h6(_templateObject4$a || (_templateObject4$a = _taggedTemplateLiteral([\"\\n color: var(--grayscale-100-color);\\n font-family: var(--primary-family);\\n font-style: normal;\\n font-weight: normal;\\n font-size: 16px;\\n line-height: 20px;\\n text-align: center;\\n\"])));\n\nfunction SimpleVideo(_ref) {\n var _ref$title = _ref.title,\n title = _ref$title === void 0 ? \"\" : _ref$title,\n _ref$videoUrl = _ref.videoUrl,\n videoUrl = _ref$videoUrl === void 0 ? \"\" : _ref$videoUrl,\n _ref$playerSettings = _ref.playerSettings,\n playerSettings = _ref$playerSettings === void 0 ? {\n controls: false\n /** Set to true or false to display native player controls.\n ◦ For Vimeo videos, hiding controls must be enabled by the video owner. */\n ,\n loop: false,\n // Set to true or false to loop the media\n playing: false,\n // Set to true or false to pause or play the media\n light: false\n /** Set to true to show just the video thumbnail, which loads the full player on click\n ◦ Pass in an image URL to override the preview image */\n ,\n volume: null\n /** Set the volume of the player, between 0 and 1\n ◦ null uses default volume on all players [#357](https://github.com/CookPete/react-player/issues/357) */\n ,\n muted: false\n /** Mutes the player\n ◦ Only works if volume is set */\n ,\n playbackRate: 1\n /** Set the playback rate of the player\n ◦ Only supported by YouTube, Wistia, and file paths */\n ,\n width: \"auto\",\n // Set the width of the player\n height: \"600px\",\n // Set the height of the player\n style: {},\n // Add [inline styles](https://facebook.github.io/react/tips/inline-styles.html) to the root element\n progressInterval: 1000,\n // The time between onProgress callbacks, in milliseconds\n playsinline: false,\n // Applies the playsinline attribute where supported\n pip: false\n /** Set to true or false to enable or disable [picture-in-picture](https://developers.google.com/web/updates/2018/10/watch-video-using-picture-in-picture) mode\n ◦ Only available when playing file URLs in [certain browsers](https://caniuse.com/#feat=picture-in-picture) */\n ,\n stopOnUnmount: true,\n // If you are using pip you may want to use stopOnUnmount={false} to continue playing in picture-in-picture mode even after ReactPlayer unmounts\n fallback: null,\n // Element or component to use as a fallback if you are using lazy loading\n wrapper: \"div\",\n // Element or component to use as the container element\n playIcon: undefined,\n // Element or component to use as the play icon in light mode\n previewTabIndex: 0,\n // Set the tab index to be used on light mode\n config: undefined,\n // Override options for the various players, see [config prop](https://www.npmjs.com/package/react-player#config-prop)\n\n /** Callback props\n * Callback props take a function that gets fired on various player events:\n */\n onReady: undefined,\n // Called when media is loaded and ready to play. If playing is set to true, media will play immediately\n onStart: undefined,\n // Called when media starts playing\n onPlay: undefined,\n // Called when media starts or resumes playing after pausing or buffering\n onProgress: undefined\n /** Callback containing played and loaded progress as a fraction, and playedSeconds and loadedSeconds in seconds\n ◦ eg { played: 0.12, playedSeconds: 11.3, loaded: 0.34, loadedSeconds: 16.7 } */\n ,\n onDuration: undefined,\n // Callback containing duration of the media, in seconds\n onPause: undefined,\n // Called when media is paused\n onBuffer: undefined,\n // Called when media starts buffering\n onBufferEnd: undefined\n /** Called when media has finished buffering\n ◦ Works for files, YouTube and Facebook */\n ,\n onSeek: undefined,\n // Called when media seeks with seconds parameter\n onEnded: undefined\n /** Called when media finishes playing\n ◦ Does not fire when loop is set to true */\n ,\n onError: undefined,\n // Called when an error occurs whilst attempting to play media\n onClickPreview: undefined,\n // Called when user clicks the light mode preview\n onEnablePIP: undefined,\n // Called when picture-in-picture mode is enabled\n onDisablePIP: undefined // Called when picture-in-picture mode is disabled\n\n } : _ref$playerSettings;\n return /*#__PURE__*/React__default$1[\"default\"].createElement(SimpleVideoContainer$1, null, /*#__PURE__*/React__default$1[\"default\"].createElement(SimpleVideoMediaContainer, null, /*#__PURE__*/React__default$1[\"default\"].createElement(ReactPlayer, _extends$g({\n url: videoUrl\n }, playerSettings))), /*#__PURE__*/React__default$1[\"default\"].createElement(SimpleVideoTitleContainer$1, null, /*#__PURE__*/React__default$1[\"default\"].createElement(SimpleVideoTitle$1, null, title)));\n}\n\nvar _excluded$J = [\"variant\"];\n\nfunction Video(_ref) {\n var _ref$variant = _ref.variant,\n variant = _ref$variant === void 0 ? videoVariantTypes.SIMPLE : _ref$variant,\n otherProps = _objectWithoutProperties$2(_ref, _excluded$J);\n\n switch (variant) {\n case videoVariantTypes.SIMPLE:\n return /*#__PURE__*/React__default$1[\"default\"].createElement(SimpleVideo, otherProps);\n\n default:\n throw new Error(\"Invalid Video variant: \".concat(variant));\n }\n}\n\nvar _templateObject$1a, _templateObject2$j, _templateObject3$d, _templateObject4$9;\n\nvar SimpleVideoContainer = styled__default[\"default\"].div(_templateObject$1a || (_templateObject$1a = _taggedTemplateLiteral([\"\\n max-width: \", \"px;\\n margin: 0 auto;\\n display: flex;\\n flex-direction: column;\\n justify-content: flex-start;\\n align-items: stretch;\\n\"])), function (_ref) {\n var theme = _ref.theme;\n return theme.breakpoints.xl;\n});\nvar SimpleVideoTitleContainer = styled__default[\"default\"].div(_templateObject2$j || (_templateObject2$j = _taggedTemplateLiteral([\"\"])));\nvar SimpleVideoContentContainer = styled__default[\"default\"].div(_templateObject3$d || (_templateObject3$d = _taggedTemplateLiteral([\"\\n display: grid;\\n grid-gap: 40px;\\n grid-auto-rows: auto;\\n grid-template-columns: \", \";\\n\\n @media all and (max-width: \", \"px) {\\n grid-gap: 20px;\\n grid-template-columns: \", \";\\n }\\n\"])), function (_ref2) {\n var _ref2$itemsCount = _ref2.itemsCount,\n itemsCount = _ref2$itemsCount === void 0 ? 0 : _ref2$itemsCount,\n _ref2$columns = _ref2.columns,\n columns = _ref2$columns === void 0 ? 1 : _ref2$columns;\n if (!itemsCount) return undefined;\n\n if (itemsCount < columns) {\n return lodash.range(itemsCount).map(function () {\n return \"1fr\";\n }).join(\" \");\n }\n\n return lodash.range(columns).map(function () {\n return \"1fr\";\n }).join(\" \");\n}, function (_ref3) {\n var theme = _ref3.theme;\n return theme.breakpoints.md;\n}, function (_ref4) {\n var _ref4$itemsCount = _ref4.itemsCount,\n itemsCount = _ref4$itemsCount === void 0 ? 0 : _ref4$itemsCount,\n _ref4$mobileColumns = _ref4.mobileColumns,\n mobileColumns = _ref4$mobileColumns === void 0 ? 1 : _ref4$mobileColumns;\n if (!itemsCount) return undefined;\n\n if (itemsCount < mobileColumns) {\n return lodash.range(itemsCount).map(function () {\n return \"1fr\";\n }).join(\" \");\n }\n\n return lodash.range(mobileColumns).map(function () {\n return \"1fr\";\n }).join(\" \");\n});\nvar SimpleVideoTitle = styled__default[\"default\"].h6(_templateObject4$9 || (_templateObject4$9 = _taggedTemplateLiteral([\"\"])));\n\nfunction VerticalVideoList(_ref5) {\n var _ref5$videoListProps = _ref5.videoListProps,\n videoListProps = _ref5$videoListProps === void 0 ? {\n listContainer: {},\n listTitleContainer: {},\n listTitle: {},\n listContentContainer: {},\n listItem: {}\n } : _ref5$videoListProps,\n _ref5$data = _ref5.data,\n data = _ref5$data === void 0 ? {\n variant: videoListVariantTypes.VERTICAL,\n videos: [],\n mobileColumns: 1,\n columns: 1,\n id: 1,\n title: \"\"\n } : _ref5$data;\n return /*#__PURE__*/React__default$1[\"default\"].createElement(SimpleVideoContainer, videoListProps.listContainer, !!data.title && /*#__PURE__*/React__default$1[\"default\"].createElement(SimpleVideoTitleContainer, videoListProps.listTitleContainer, /*#__PURE__*/React__default$1[\"default\"].createElement(SimpleVideoTitle, videoListProps.listTitle, data.title)), /*#__PURE__*/React__default$1[\"default\"].createElement(SimpleVideoContentContainer, _extends$g({\n itemsCount: data.videos.length,\n columns: data.columns,\n mobileColumns: data.mobileColumns\n }, videoListProps.listContentContainer), data.videos.map(function (video) {\n return /*#__PURE__*/React__default$1[\"default\"].createElement(Video, _extends$g({}, videoListProps.listItem, video, {\n key: nanoid()\n }));\n })));\n}\n\nvar _excluded$I = [\"variant\"];\n\nfunction VideoList(_ref) {\n var _ref$variant = _ref.variant,\n variant = _ref$variant === void 0 ? videoListVariantTypes.VERTICAL : _ref$variant,\n otherProps = _objectWithoutProperties$2(_ref, _excluded$I);\n\n switch (variant) {\n case videoListVariantTypes.VERTICAL:\n return /*#__PURE__*/React__default$1[\"default\"].createElement(VerticalVideoList, otherProps);\n\n default:\n throw new Error(\"Invalid Video variant: \".concat(variant));\n }\n}\n\nvar _templateObject$19, _templateObject2$i, _templateObject3$c, _templateObject4$8, _templateObject5$7; // components\n\n\nvar CustomButton$3 = styled__default[\"default\"](Button$2)(_templateObject$19 || (_templateObject$19 = _taggedTemplateLiteral([\"\\n margin: 0.5rem auto;\\n padding-top: 0.75rem;\\n padding-bottom: 0.75rem;\\n padding-left: 1rem;\\n padding-right: 1rem;\\n font-size: 14px;\\n width: 138px;\\n\"])));\nvar Title$7 = styled__default[\"default\"].h3(_templateObject2$i || (_templateObject2$i = _taggedTemplateLiteral([\"\\n \", \"\\n\"])), function (_ref) {\n var _ref$fontSize = _ref.fontSize,\n fontSize = _ref$fontSize === void 0 ? \"1.2rem\" : _ref$fontSize,\n _ref$color = _ref.color,\n color = _ref$color === void 0 ? \"var(--grayscale-100-color)\" : _ref$color,\n _ref$margin = _ref.margin,\n margin = _ref$margin === void 0 ? \"\" : _ref$margin,\n _ref$fontFamily = _ref.fontFamily,\n fontFamily = _ref$fontFamily === void 0 ? \"var(--primary-family)\" : _ref$fontFamily;\n return \"\\n\\tfont-family: \".concat(fontFamily, \";\\n\\tcolor: \").concat(color, \";\\n\\tfont-weight: bold;\\n\\tfont-size: \").concat(fontSize, \";\\n margin: \").concat(margin, \";\\n\");\n});\nvar CustomCol = styled__default[\"default\"].div(_templateObject3$c || (_templateObject3$c = _taggedTemplateLiteral([\"\\n width: 33%;\\n min-width: 250px;\\n\"])));\nvar Report = styled__default[\"default\"].div(_templateObject4$8 || (_templateObject4$8 = _taggedTemplateLiteral([\"\\n \", \"\\n\"])), function (_ref2) {\n var theme = _ref2.theme,\n _ref2$fontFamily = _ref2.fontFamily,\n fontFamily = _ref2$fontFamily === void 0 ? \"Roboto\" : _ref2$fontFamily;\n return \"\\n width: 25%;\\n min-width: 100px;\\n margin: auto 0 0 1.5rem;\\n margin-top: 5px;\\n font-family: \".concat(fontFamily, \";\\n @media (max-width: \").concat(theme.breakpoints.sm, \"px){\\n margin: auto 5px; \\n }\\n\");\n});\nvar P = styled__default[\"default\"].p(_templateObject5$7 || (_templateObject5$7 = _taggedTemplateLiteral([\"\\n \", \"\\n\"])), function (_ref3) {\n var _ref3$fontSize = _ref3.fontSize,\n fontSize = _ref3$fontSize === void 0 ? \"22px\" : _ref3$fontSize;\n return \"\\n\\tfont-size: \".concat(fontSize, \";\\n\");\n});\n\nfunction DescriptionAndLinks(_ref4) {\n var _ref4$data = _ref4.data,\n data = _ref4$data === void 0 ? {\n ButtonsList: {}\n } : _ref4$data;\n\n var _onClick = function onClick(to) {\n return window.open(to);\n };\n\n return /*#__PURE__*/React__default$1[\"default\"].createElement(React__default$1[\"default\"].Fragment, null, /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"tw-container\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(Title$7, {\n fontSize: \"62px\",\n color: \"var(--primary-100-color)\",\n className: \"DESCRIPTION_AND_LINKS__TITLE FeatureFullBg__title tw-pt-12 tw-pb-2 tw-font-semibold text-3xl tw-leading-snug\",\n margin: \"2rem 0\"\n }, data.title), /*#__PURE__*/React__default$1[\"default\"].createElement(P, {\n className: \"tw-pb-6\"\n }, data.description), /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"tw-flex tw-flex-wrap\"\n }, data.ButtonsList.map(function (item, idx) {\n var ButtonListKeys = Object.keys(item);\n return /*#__PURE__*/React__default$1[\"default\"].createElement(CustomCol, {\n key: \"button-list-container-\".concat(idx)\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(Title$7, {\n fontSize: \"26px\",\n fontFamily: \"Poppins\",\n margin: \"2rem 0\"\n }, item.title), ButtonListKeys.map(function (subItem, sidx) {\n var label = item[\"label\".concat(sidx)];\n var link = item[\"link\".concat(sidx)];\n\n if (subItem === \"title\") {\n return null;\n }\n\n if (label && link) {\n return /*#__PURE__*/React__default$1[\"default\"].createElement(Report, null, /*#__PURE__*/React__default$1[\"default\"].createElement(CustomButton$3, {\n fill: buttonFillTypes.FILLED,\n styleType: buttonStyleTypes.STANDARD,\n hoverFilledTextColor: colorsTypes.PRIMARY_DARK,\n hoverFilledBorderColor: colorsTypes.PRIMARY_DARK,\n hoverFilledBackgroundColor: colorsTypes.TRANSPARENT,\n filledBackgroundColor: colorsTypes.PRIMARY,\n className: \"DINAMIC_PAGE_COMPONENT DINAMIC_PAGE_COMPONENT_REPORTS_BUTTON\",\n onClick: function onClick() {\n return _onClick(link);\n },\n key: \"\".concat(label, \"-\").concat(link)\n }, label));\n }\n\n return null;\n }));\n }))));\n}\n\nvar _templateObject$18, _templateObject2$h, _templateObject3$b, _templateObject4$7, _templateObject5$6;\n\nfunction ImagesGalerySlider(_ref) {\n var _data, _data2;\n\n var _ref$data = _ref.data,\n data = _ref$data === void 0 ? {} : _ref$data;\n if (!data.id) data = data[0];\n SwiperCore.use([Navigation$1, Thumbs$1]);\n var ButtonImgContainer = styled__default[\"default\"].button(_templateObject$18 || (_templateObject$18 = _taggedTemplateLiteral([\"\\n height: 118px;\\n width: 99px;\\n \"])));\n var CloseIcon = styled__default[\"default\"](Icon)(_templateObject2$h || (_templateObject2$h = _taggedTemplateLiteral([\"\\n filter: invert(1);\\n width: 35px;\\n \"])));\n var ImagesGaleryBlurBackground = styled__default[\"default\"].div(_templateObject3$b || (_templateObject3$b = _taggedTemplateLiteral([\"\\n position: fixed;\\n top: 0px;\\n left: 0px;\\n height: calc(100vh * 3);\\n width: 100vw;\\n background: #000;\\n opacity: 0.7;\\n z-index: 50;\\n \"])));\n var ImageGalery = styled__default[\"default\"].img(_templateObject4$7 || (_templateObject4$7 = _taggedTemplateLiteral([\"\\n display: block;\\n width: 75vw;\\n height: 90vh;\\n object-fit: contain;\\n @media (max-width: 760px) {\\n height: 75vh;\\n }\\n \"])));\n var SlideImageContainer = styled__default[\"default\"].div(_templateObject5$6 || (_templateObject5$6 = _taggedTemplateLiteral([\"\\n position: fixed;\\n top: 45%;\\n z-index: 52;\\n width: 100%;\\n \"]))); // thumbs={{ swiper: thumbsSwiper }}\n // const [thumbsSwiper, setThumbsSwiper] = useState(null);\n\n var _useState = React.useState(false),\n _useState2 = _slicedToArray(_useState, 2),\n showSlide = _useState2[0],\n setShowSlide = _useState2[1];\n\n var setShowSlide2 = function setShowSlide2() {\n setShowSlide(false);\n };\n\n return /*#__PURE__*/React__default$1[\"default\"].createElement(React__default$1[\"default\"].Fragment, null, /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"IMAGES_GALERY_SLIDE_MINI_IMGS_CONTAINER tw-x-container tw-flex tw-gap-2 tw-m-2 tw-flex-wrap tw-content-center\"\n }, ((_data = data) === null || _data === void 0 ? void 0 : _data.images) && data.images.map(function (galeryImage) {\n return /*#__PURE__*/React__default$1[\"default\"].createElement(ButtonImgContainer, {\n className: \"IMAGES_GALERY_SLIDE_MINI_IMGS_BUTTON_CONTAINER\",\n onClick: setShowSlide,\n key: nanoid(),\n type: \"button\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(\"img\", {\n style: {\n \"object-fit\": \"cover\",\n height: \"100%\",\n width: \"100%\"\n },\n src: galeryImage === null || galeryImage === void 0 ? void 0 : galeryImage.url,\n alt: (galeryImage === null || galeryImage === void 0 ? void 0 : galeryImage.alternativeText) || (galeryImage === null || galeryImage === void 0 ? void 0 : galeryImage.hash)\n }));\n })), /*#__PURE__*/React__default$1[\"default\"].createElement(\"main\", {\n className: \"IMAGES_GALERY_SLIDE_MAIN\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: classnames(\"IMAGES_GALERY_SLIDE_CONTAINER_FULL tw-h-auto\", showSlide ? \"\" : \"tw-hidden\")\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(SlideImageContainer, {\n className: \"IMAGES_GALERY_SLIDE_CONTAINER_FULL_DISPLAY\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(Swiper, {\n style: {\n \"--swiper-navigation-color\": \"#fff\",\n \"--swiper-pagination-color\": \"#fff\",\n \"z-index\": \"51\",\n bottom: \"40vh\",\n \"overflow-y\": \"visible\",\n \"overflow-x\": \"hidden\"\n },\n spaceBetween: 15,\n navigation: true,\n className: \"mySwiper2\"\n }, ((_data2 = data) === null || _data2 === void 0 ? void 0 : _data2.images) && data.images.map(function (galeryImage) {\n return /*#__PURE__*/React__default$1[\"default\"].createElement(SwiperSlide, {\n key: nanoid()\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(ImageGalery, {\n src: galeryImage === null || galeryImage === void 0 ? void 0 : galeryImage.url,\n alt: (galeryImage === null || galeryImage === void 0 ? void 0 : galeryImage.alternativeText) || (galeryImage === null || galeryImage === void 0 ? void 0 : galeryImage.hash)\n }));\n }))), /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n style: {\n position: \"fixed\",\n top: \"20px\",\n right: \"30px\",\n \"z-index\": \"51\"\n }\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(\"button\", {\n type: \"button\",\n onClick: setShowSlide2\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(CloseIcon, {\n size: \"35\",\n icon: iconTypes.REMOVE\n }))), /*#__PURE__*/React__default$1[\"default\"].createElement(ImagesGaleryBlurBackground, {\n className: \"IMAGES_GALERY_SLIDE_BACKGROUND\"\n }))));\n}\n/*\n\n {data?.images && data.images.map(galeryImage => {\n return (\n \n 
\n \n );\n })\n }\n \n\n*/\n\n\nvar _templateObject$17, _templateObject2$g;\n\nfunction ImagesGaleryRichText$1(_ref) {\n var _data, _data2, _data3, _data4, _data5, _data6, _data7;\n\n var _ref$data = _ref.data,\n data = _ref$data === void 0 ? {} : _ref$data;\n if (!data.id) data = data[0];\n var GaleryTitle = styled__default[\"default\"].div(_templateObject$17 || (_templateObject$17 = _taggedTemplateLiteral([\"\\n background-color: \", \";\\n color: \", \";\\n padding: 5px 15px 7px;\\n font-size: \", \";\\n font-family: \", \";\\n font-weight: 600;\\n margin: 0 0;\\n \"])), function (_ref2) {\n var _ref2$titleBacgroundC = _ref2.titleBacgroundColor,\n titleBacgroundColor = _ref2$titleBacgroundC === void 0 ? colorsVariantsTypes.PRIMARY_SEMI_DARK : _ref2$titleBacgroundC;\n return getColors(titleBacgroundColor);\n }, function (_ref3) {\n var _ref3$textTitleColor = _ref3.textTitleColor,\n textTitleColor = _ref3$textTitleColor === void 0 ? colorsVariantsTypes.WHITE : _ref3$textTitleColor;\n return getColors(textTitleColor);\n }, function (_ref4) {\n var _ref4$titleSize = _ref4.titleSize,\n titleSize = _ref4$titleSize === void 0 ? textSizesVariantsTypes.SMALL : _ref4$titleSize;\n return getTextSize(titleSize);\n }, function (_ref5) {\n var _ref5$titleFontFamily = _ref5.titleFontFamily,\n titleFontFamily = _ref5$titleFontFamily === void 0 ? fontsFamiliesVariantsTypes.SECONDARY : _ref5$titleFontFamily;\n return getFontFamily(titleFontFamily);\n });\n var GaleryElements = styled__default[\"default\"].div(_templateObject2$g || (_templateObject2$g = _taggedTemplateLiteral([\"\\n border: 1px solid\\n \", \";\\n padding: 1.5rem;\\n \"])), function (_ref6) {\n var _ref6$titleBacgroundC = _ref6.titleBacgroundColor,\n titleBacgroundColor = _ref6$titleBacgroundC === void 0 ? colorsVariantsTypes.PRIMARY_SEMI_DARK : _ref6$titleBacgroundC;\n return getColors(titleBacgroundColor);\n });\n\n var _useState = React.useState((_data = data) === null || _data === void 0 || (_data = _data.galery) === null || _data === void 0 || (_data = _data.images[0]) === null || _data === void 0 ? void 0 : _data.url),\n _useState2 = _slicedToArray(_useState, 2),\n stateImage = _useState2[0],\n setStateImage = _useState2[1];\n\n var changeImage = function changeImage(e, newUrlImg) {\n setStateImage(newUrlImg);\n };\n\n return /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"IMAGES_GAELERY tw-x-container\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"IMAGES_GAELERY__CONTAINER__BOX tw-my-8\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(GaleryTitle, {\n className: \"tw-w-full\"\n }, (_data2 = data) === null || _data2 === void 0 || (_data2 = _data2.galery) === null || _data2 === void 0 ? void 0 : _data2.title), /*#__PURE__*/React__default$1[\"default\"].createElement(GaleryElements, {\n className: \"tw-grid tw-grid-cols-1 md:tw-grid-cols-2\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"tw-mr-3 tw-order-last md:tw-order-first\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"IMAGES_GALERY_RICH_TEXT_MAIN_IMAGE_CONTAINER tw-mb-4 \"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(\"figure\", null, /*#__PURE__*/React__default$1[\"default\"].createElement(\"img\", {\n id: \"IMAGES_GALERY_RICH_TEXT_MAIN_IMAGE\",\n className: \"IMAGES_GALERY_RICH_TEXT_MAIN_IMAGE tw-w-full tw-h-auto tw-object-cover\",\n src: stateImage,\n alt: ((_data3 = data) === null || _data3 === void 0 || (_data3 = _data3.galery) === null || _data3 === void 0 || (_data3 = _data3.images[0]) === null || _data3 === void 0 ? void 0 : _data3.alternativeText) || ((_data4 = data) === null || _data4 === void 0 || (_data4 = _data4.galery) === null || _data4 === void 0 || (_data4 = _data4.images[0]) === null || _data4 === void 0 ? void 0 : _data4.hash)\n }))), /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"IMAGES_GALERY_RICH_TEXT_MIN_IMAGES_CONTAINER tw-grid tw-gap-4 tw-grid-cols-3 md:tw-grid-cols-5\"\n }, ((_data5 = data) === null || _data5 === void 0 || (_data5 = _data5.galery) === null || _data5 === void 0 ? void 0 : _data5.images) && ((_data6 = data) === null || _data6 === void 0 || (_data6 = _data6.galery) === null || _data6 === void 0 ? void 0 : _data6.images.map(function (galeryImage) {\n return /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"IMAGES_GALERY_RICH_TEXT_MIN_IMAGE_CONTAINER sm:tw-my-2 md:tw-my-4\",\n key: nanoid()\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(\"button\", {\n className: \"IMAGES_GALERY_RICH_TEXT_MIN_IMAGE_BUTTON\",\n type: \"button\",\n onClick: function onClick(e) {\n return changeImage(e, galeryImage === null || galeryImage === void 0 ? void 0 : galeryImage.url);\n }\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(\"img\", {\n className: \"IMAGES_GALERY_RICH_TEXT_MIN_IMAGE_IMAGE tw-object-cover\",\n src: galeryImage === null || galeryImage === void 0 ? void 0 : galeryImage.url,\n alt: (galeryImage === null || galeryImage === void 0 ? void 0 : galeryImage.alternativeText) || (galeryImage === null || galeryImage === void 0 ? void 0 : galeryImage.hash)\n })));\n })))), /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"IMAGES_GALERY_RICH_TEXT_TEXT_CONTAINER tw-ml-3\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(RichTextContainer, {\n className: \"IMAGES_GALERY_RICH_TEXT_MAIN\",\n dangerouslySetInnerHTML: {\n __html: (_data7 = data) === null || _data7 === void 0 ? void 0 : _data7.text\n }\n })))));\n}\n\nvar _excluded$H = [\"title\", \"variant\", \"images\", \"customComponentStyles\"];\n\nfunction ImagesGalery(_ref) {\n var _ref$title = _ref.title,\n title = _ref$title === void 0 ? \"\" : _ref$title,\n _ref$variant = _ref.variant,\n variant = _ref$variant === void 0 ? imagesGaleryVariantsTypes.NONE : _ref$variant,\n _ref$images = _ref.images,\n images = _ref$images === void 0 ? {} : _ref$images,\n _ref$customComponentS = _ref.customComponentStyles,\n customComponentStyles = _ref$customComponentS === void 0 ? {} : _ref$customComponentS,\n props = _objectWithoutProperties$2(_ref, _excluded$H);\n\n if (!props.data) return null;\n\n switch (variant) {\n case imagesGaleryVariantsTypes.NONE:\n return /*#__PURE__*/React__default$1[\"default\"].createElement(ImagesGalerySlider, _extends$g({}, props, {\n title: title,\n images: images\n }, customComponentStyles.ImagesGalerySlider));\n\n case imagesGaleryVariantsTypes.RICHTEXT:\n return /*#__PURE__*/React__default$1[\"default\"].createElement(ImagesGaleryRichText$1, props);\n\n default:\n throw new Error(\"Invalid Images Galery variant: \".concat(variant));\n }\n}\n\nvar ImagesGalery$1 = withErrorBoundary(ImagesGalery);\n\nfunction ImagesGaleryRichText(_ref) {\n var _ref$data = _ref.data,\n data = _ref$data === void 0 ? {} : _ref$data,\n _ref$customComponentS = _ref.customComponentStyles,\n customComponentStyles = _ref$customComponentS === void 0 ? {} : _ref$customComponentS;\n return /*#__PURE__*/React__default$1[\"default\"].createElement(ImagesGalery$1, {\n variant: imagesGaleryVariantsTypes.RICHTEXT,\n data: data,\n customComponentStyles: customComponentStyles\n });\n}\n\nfunction PopUpGaleryCommon(_ref) {\n var _ref$data = _ref.data,\n data = _ref$data === void 0 ? {} : _ref$data;\n return /*#__PURE__*/React__default$1[\"default\"].createElement(PopUpGalery$1, {\n data: data\n });\n}\n\nvar _templateObject$16, _templateObject2$f, _templateObject3$a, _templateObject4$6, _templateObject5$5, _templateObject6$2, _templateObject7$2, _templateObject8$2;\n\nfunction PopUpGalery(_ref) {\n var _ref$data = _ref.data,\n data = _ref$data === void 0 ? {} : _ref$data;\n\n var _useWindowDimensions = useWindowDimensions(),\n width = _useWindowDimensions.width;\n\n var PopUpContainer = styled__default[\"default\"].div(_templateObject$16 || (_templateObject$16 = _taggedTemplateLiteral([\"\\n height: 100%;\\n width: 100%;\\n background-size: cover !important;\\n @media (min-width: \", \"px) {\\n z-index: 51;\\n }\\n @media (max-width: \", \"px) {\\n z-index: 101;\\n }\\n \"])), function (_ref2) {\n var theme = _ref2.theme;\n return theme.breakpoints.sm;\n }, function (_ref3) {\n var theme = _ref3.theme;\n return theme.breakpoints.md;\n });\n var TitleImg = styled__default[\"default\"].h3(_templateObject2$f || (_templateObject2$f = _taggedTemplateLiteral([\"\\n font-family: Poppins;\\n font-style: normal;\\n font-weight: 600;\\n font-size: 26px;\\n line-height: 39px;\\n text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.6);\\n -webkit-text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.6);\\n -moz--text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.6);\\n \"])));\n var Images = styled__default[\"default\"].div(_templateObject3$a || (_templateObject3$a = _taggedTemplateLiteral([\"\\n position: relative;\\n height: 299px;\\n background-size: cover !important;\\n @media (min-width: \", \"px) {\\n min-width: 475px;\\n }\\n @media (max-width: \", \"px) {\\n min-width: 335px;\\n }\\n \"])), function (_ref4) {\n var theme = _ref4.theme;\n return theme.breakpoints.sm;\n }, function (_ref5) {\n var theme = _ref5.theme;\n return theme.breakpoints.md;\n });\n var BoxPopUp = styled__default[\"default\"].div(_templateObject4$6 || (_templateObject4$6 = _taggedTemplateLiteral([\"\\n border-radius: 5px;\\n\\n @media (min-width: \", \"px) {\\n width: 700px;\\n min-height: 400px;\\n }\\n @media (max-width: \", \"px) {\\n width: 276px;\\n min-height: 467px;\\n }\\n \"])), function (_ref6) {\n var theme = _ref6.theme;\n return theme.breakpoints.sm;\n }, function (_ref7) {\n var theme = _ref7.theme;\n return theme.breakpoints.md;\n });\n var ClosePopUp = styled__default[\"default\"].div(_templateObject5$5 || (_templateObject5$5 = _taggedTemplateLiteral([\"\\n width: 100%;\\n border-bottom: solid 1px #9ca3af;\\n padding: 0;\\n height: 35px;\\n\\n @media (min-width: \", \"px) {\\n margin-bottom: 22px;\\n }\\n @media (max-width: \", \"px) {\\n margin-bottom: 43px;\\n }\\n \"])), function (_ref8) {\n var theme = _ref8.theme;\n return theme.breakpoints.sm;\n }, function (_ref9) {\n var theme = _ref9.theme;\n return theme.breakpoints.md;\n });\n var ParagraphfPopUp = styled__default[\"default\"].div(_templateObject6$2 || (_templateObject6$2 = _taggedTemplateLiteral([\"\\n font-family: \\\"Roboto\\\", sans-serif;\\n font-style: normal;\\n font-weight: normal;\\n font-size: 14px;\\n line-height: 16px;\\n\\n @media (min-width: \", \"px) {\\n padding-left: 40px;\\n padding-right: 40px;\\n padding-bottom: 47px;\\n }\\n\\n @media (max-width: \", \"px) {\\n padding-left: 22px;\\n padding-right: 22px;\\n padding-bottom: 22px;\\n }\\n \"])), function (_ref10) {\n var theme = _ref10.theme;\n return theme.breakpoints.sm;\n }, function (_ref11) {\n var theme = _ref11.theme;\n return theme.breakpoints.md;\n });\n var CloseIcon = styled__default[\"default\"](Icon)(_templateObject7$2 || (_templateObject7$2 = _taggedTemplateLiteral([\"\\n width: 15px;\\n height: 13px;\\n color: #000000;\\n position: absolute;\\n\\n @media (min-width: \", \"px) {\\n right: 3%;\\n top: 3%;\\n }\\n\\n @media (max-width: \", \"px) {\\n right: 5%;\\n top: 1.5%;\\n }\\n \"])), function (_ref12) {\n var theme = _ref12.theme;\n return theme.breakpoints.sm;\n }, function (_ref13) {\n var theme = _ref13.theme;\n return theme.breakpoints.md;\n });\n var TitlePopUp = styled__default[\"default\"].h3(_templateObject8$2 || (_templateObject8$2 = _taggedTemplateLiteral([\"\\n font-family: Poppins;\\n font-style: normal;\\n font-weight: 600;\\n font-size: 26px;\\n height: 38px;\\n margin-bottom: 10px;\\n\\n @media (min-width: \", \"px) {\\n padding-left: 40px;\\n padding-right: 40px;\\n line-height: 39px;\\n }\\n @media (max-width: \", \"px) {\\n padding-left: 22px;\\n padding-right: 22px;\\n margin-bottom: 22px;\\n line-height: 100%;\\n }\\n \"])), function (_ref14) {\n var theme = _ref14.theme;\n return theme.breakpoints.sm;\n }, function (_ref15) {\n var theme = _ref15.theme;\n return theme.breakpoints.md;\n });\n\n var _useState = React.useState(false),\n _useState2 = _slicedToArray(_useState, 2),\n showPopUp = _useState2[0],\n setShowPopUp = _useState2[1];\n\n var _useState3 = React.useState(\"\"),\n _useState4 = _slicedToArray(_useState3, 2),\n popUpTitle = _useState4[0],\n setTitlePopU = _useState4[1];\n\n var _useState5 = React.useState(\"\"),\n _useState6 = _slicedToArray(_useState5, 2),\n popUpText = _useState6[0],\n setTextPopUp = _useState6[1];\n\n var _useState7 = React.useState(\"\"),\n _useState8 = _slicedToArray(_useState7, 2),\n popUpBgImg = _useState8[0],\n setImgPopUp = _useState8[1];\n\n var _useState9 = React.useState(\"\"),\n _useState10 = _slicedToArray(_useState9, 2),\n popUpBgImgMovile = _useState10[0],\n setImgMovilePopUp = _useState10[1];\n\n var showPopUp2 = function showPopUp2(url, urlMovile, title, text) {\n setShowPopUp(true);\n setImgPopUp(url);\n setImgMovilePopUp(urlMovile);\n setTitlePopU(title);\n setTextPopUp(text);\n };\n\n var closePopUp = function closePopUp() {\n setShowPopUp(false);\n };\n\n var styleFeature = {\n background: \"linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(\".concat(width < breakpoints.md ? popUpBgImgMovile : popUpBgImg, \")\"),\n backgroundPosition: \"top center\",\n backgroundRepeat: \"no-repeat\"\n };\n var styleFeature2 = {\n gap: \"\".concat(width < breakpoints.md ? \"20px 20px\" : \"10px 20px\")\n };\n return /*#__PURE__*/React__default$1[\"default\"].createElement(React__default$1[\"default\"].Fragment, null, /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"POPUP_GALERY_CONTAINER tw-x-container tw-mx-auto tw-my-5\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"tw-grid tw-grid-cols-1 md:tw-grid-cols-2\",\n style: styleFeature2\n }, (data === null || data === void 0 ? void 0 : data.items) && data.items.map(function (galeryImagePopUp) {\n var _galeryImagePopUp$ima3;\n\n return /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"POPUP_GALERY_IMAGE tw-relative \"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(\"button\", {\n type: \"button\",\n className: \"tw-relative tw-flex tw-justify-center tw-text-6xl tw-rounded-xl tw-content-center\",\n onClick: function onClick() {\n var _galeryImagePopUp$ima, _galeryImagePopUp$ima2;\n\n return showPopUp2(galeryImagePopUp === null || galeryImagePopUp === void 0 || (_galeryImagePopUp$ima = galeryImagePopUp.image) === null || _galeryImagePopUp$ima === void 0 ? void 0 : _galeryImagePopUp$ima.url, galeryImagePopUp === null || galeryImagePopUp === void 0 || (_galeryImagePopUp$ima2 = galeryImagePopUp.imageMobile) === null || _galeryImagePopUp$ima2 === void 0 ? void 0 : _galeryImagePopUp$ima2.url, galeryImagePopUp === null || galeryImagePopUp === void 0 ? void 0 : galeryImagePopUp.title, galeryImagePopUp === null || galeryImagePopUp === void 0 ? void 0 : galeryImagePopUp.text);\n }\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(Images, {\n className: classnames(\"POPUP_GALERY_IMAGES w-full\"),\n alt: \"galery-item\",\n style: {\n background: \"linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(\".concat(galeryImagePopUp === null || galeryImagePopUp === void 0 || (_galeryImagePopUp$ima3 = galeryImagePopUp.imageMobile) === null || _galeryImagePopUp$ima3 === void 0 ? void 0 : _galeryImagePopUp$ima3.url, \")\")\n }\n }), /*#__PURE__*/React__default$1[\"default\"].createElement(TitleImg, {\n className: classnames(\"POPUP_GALERY_TITLE_IMAGE tw-absolute tw-top-1/2 tw-text-white tw-object-center\")\n }, galeryImagePopUp === null || galeryImagePopUp === void 0 ? void 0 : galeryImagePopUp.title)));\n }))), /*#__PURE__*/React__default$1[\"default\"].createElement(PopUpContainer, {\n style: styleFeature,\n className: classnames(\"POPUP_GALERY_POPUP_CONTAINER tw-flex tw-z-75 tw-fixed tw-top-0 tw-left-0 tw-h-full tw-w-full\", showPopUp ? \"\" : \"tw-hidden\")\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"tw-absolute tw-w-full tw-h-full tw-top-0 tw-left-0 \"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(BoxPopUp, {\n className: classnames(\"POPUP_GALERY_POPUP_BOX tw-relative tw-bg-white tw-bg-opacity-80 tw-mx-auto tw-my-28 tw-py-0 tw-px-0\")\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(ClosePopUp, {\n className: classnames(\"POPUP_GALERY_POPUP_CLOSE tw-flex tw-w-full tw-text-right tw-pr-1 tw-border-b-1 tw-border-gray-400\")\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(\"button\", {\n type: \"button\",\n className: classnames(\"POPUP_GALERY_POPUP_CLOSE_BTN tw-text-black tw-font-bold bl-text-base\"),\n onClick: closePopUp\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(CloseIcon, {\n size: \"35\",\n icon: iconTypes.REMOVE\n }))), /*#__PURE__*/React__default$1[\"default\"].createElement(TitlePopUp, null, popUpTitle), /*#__PURE__*/React__default$1[\"default\"].createElement(ParagraphfPopUp, null, /*#__PURE__*/React__default$1[\"default\"].createElement(RichTextContainer, {\n className: \"POPUP_GALERY_POPUP_PARAGRAPH\",\n dangerouslySetInnerHTML: {\n __html: popUpText\n }\n }))))));\n}\n\nvar PopUpGalery$1 = withErrorBoundary(PopUpGalery);\n\nvar i = React__default$1[\"default\"],\n r = function () {\n return (r = Object.assign || function (e) {\n for (var i, r = 1, t = arguments.length; r < t; r++) for (var o in i = arguments[r]) Object.prototype.hasOwnProperty.call(i, o) && (e[o] = i[o]);\n\n return e;\n }).apply(this, arguments);\n};\n\nfunction t(e, i) {\n switch (i.type) {\n case \"collapse\":\n return {\n collapse: !e.collapse\n };\n\n case \"show\":\n return {\n collapse: !0\n };\n\n default:\n return e;\n }\n}\n\nvar Accordion = function (o) {\n var n,\n a = o.title,\n s = void 0 === a ? \"Accordion Title\" : a,\n c = o.show,\n l = void 0 !== c && c,\n d = o.children,\n u = i.useRef(null),\n p = i.useReducer(t, {\n collapse: l\n }),\n h = p[0].collapse,\n v = p[1],\n m = i.useRef(window.crypto.getRandomValues(new Uint32Array(1))[0].toString(36));\n return i.useEffect(function () {\n l && v({\n type: \"show\"\n });\n }, [l]), e__default[\"default\"].jsxs(\"div\", r({\n className: \"accordion-item\"\n }, {\n children: [e__default[\"default\"].jsx(\"h2\", r({\n className: \"accordion-header\",\n id: \"heading-\" + m.current\n }, {\n children: e__default[\"default\"].jsx(\"button\", r({\n className: \"accordion-button\" + (h ? \"\" : \" collapsed\"),\n type: \"button\",\n \"aria-expanded\": h,\n \"aria-controls\": \"collapse-\" + m.current,\n onClick: function () {\n return v({\n type: \"collapse\"\n });\n }\n }, {\n children: s\n }), void 0)\n }), void 0), e__default[\"default\"].jsx(\"div\", r({\n id: \"collapse-\" + m.current,\n \"aria-labelledby\": \"heading-\" + m.current,\n className: \"accordion-collapse\",\n style: h ? {\n height: null === (n = u.current) || void 0 === n ? void 0 : n.clientHeight,\n transition: \"height 0.2s ease\",\n overflow: \"hidden\"\n } : {\n height: 0,\n transition: \"height 0.2s ease\",\n overflow: \"hidden\"\n }\n }, {\n children: e__default[\"default\"].jsx(\"div\", r({\n className: \"accordion-body\",\n ref: u\n }, {\n children: d || \"Lorem ipsum dolor sit amet consectetur, adipisicing elit. Voluptatem illum odit similique quibusdam ea eaque pariatur laboriosam repellendus voluptas, aspernatur in id tenetur eligendi nobis quam saepe cumque enim esse.\"\n }), void 0)\n }), void 0)]\n }), void 0);\n};\n\nvar BlossomAccordion = function BlossomAccordion(_ref) {\n var data = _ref.data;\n var accordionData = {\n componentId: data.componentId || \"\",\n title: data.title || \"\",\n description: data.description || \"\",\n items: data.AccordionItems\n };\n if (!data) return /*#__PURE__*/React__default$1[\"default\"].createElement(React__default$1[\"default\"].Fragment, null);\n return /*#__PURE__*/React__default$1[\"default\"].createElement(AccordionSection, {\n id: accordionData.componentId\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(AccordionTitle, {\n title: accordionData.title\n }), /*#__PURE__*/React__default$1[\"default\"].createElement(AccordionDescription, {\n description: accordionData.description\n }), /*#__PURE__*/React__default$1[\"default\"].createElement(AccordionDivider, null), /*#__PURE__*/React__default$1[\"default\"].createElement(AccordionContainer, null, /*#__PURE__*/React__default$1[\"default\"].createElement(AccordionList, {\n items: accordionData.items\n })));\n};\n\nvar AccordionSection = function AccordionSection(_ref2) {\n var children = _ref2.children,\n id = _ref2.id;\n return /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n id: \"\".concat(id || \"\"),\n className: \"ACCORDION_SECTION tw-w-full\"\n }, children);\n};\n\nvar AccordionContainer = function AccordionContainer(_ref3) {\n var children = _ref3.children;\n return /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"ACCORDION_CONTAINER\"\n }, children || \"\");\n};\n\nvar AccordionTitle = function AccordionTitle(_ref4) {\n var title = _ref4.title;\n return /*#__PURE__*/React__default$1[\"default\"].createElement(\"h2\", {\n className: \"ACCORDION_TITLE\"\n }, title);\n};\n\nvar AccordionDescription = function AccordionDescription(_ref5) {\n var description = _ref5.description;\n return /*#__PURE__*/React__default$1[\"default\"].createElement(\"p\", {\n className: \"ACCORDION_DESCRIPTION\"\n }, description);\n};\n\nvar AccordionDivider = function AccordionDivider() {\n return /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"ACCORDION_DIVIDER\"\n });\n};\n\nvar AccordionList = function AccordionList(_ref6) {\n var items = _ref6.items;\n return items.map(function (item, index) {\n var _item$content;\n\n var richTextContents = item === null || item === void 0 || (_item$content = item.content) === null || _item$content === void 0 ? void 0 : _item$content.content;\n return /*#__PURE__*/React__default$1[\"default\"].createElement(AccordionItem, {\n key: \"item-\".concat(index),\n id: item.selectorId || \"\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(Accordion, {\n title: item.title || \"\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(RichTextContainer, {\n className: \"ACCORDION_RICH_TEXT\",\n dangerouslySetInnerHTML: {\n __html: richTextContents\n }\n })));\n });\n};\n\nvar AccordionItem = function AccordionItem(_ref7) {\n var children = _ref7.children,\n id = _ref7.id;\n return /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n id: id,\n className: \"ACCORDION_ITEM\"\n }, children, /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"ACCORDION_ICON\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(\"svg\", {\n width: \"19\",\n height: \"15\",\n viewBox: \"0 0 19 15\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(\"path\", {\n d: \"M9.5 15L0.406732 0.75L18.5933 0.750002L9.5 15Z\",\n fill: \"white\"\n }))));\n};\n\nvar _templateObject$15, _templateObject2$e, _templateObject3$9, _templateObject4$5, _templateObject5$4;\n\nvar Container$2 = styled__default[\"default\"].div(_templateObject$15 || (_templateObject$15 = _taggedTemplateLiteral([\"\\n display: flex;\\n height: 320px;\\n background-color: var(--bl-color-primary-300);\\n @media (max-width: 1023px) {\\n flex-direction: column;\\n height: unset;\\n justify-content: flex-start;\\n align-items: flex-start;\\n height: unset;\\n }\\n\"])));\nvar SecondaryContainer = styled__default[\"default\"].div(_templateObject2$e || (_templateObject2$e = _taggedTemplateLiteral([\"\\n flex: 1;\\n justify-content: center;\\n align-items: center;\\n display: flex;\\n flex-direction: column;\\n @media (max-width: 1023px) {\\n margin: 2rem;\\n }\\n\"])));\nvar ThirdContainer = styled__default[\"default\"].div(_templateObject3$9 || (_templateObject3$9 = _taggedTemplateLiteral([\"\\n width: 50%;\\n @media (max-width: 1023px) {\\n width: unset;\\n }\\n\"])));\nvar ButtonCalloutMultipleColumns = styled__default[\"default\"].a(_templateObject4$5 || (_templateObject4$5 = _taggedTemplateLiteral([\"\\n font-family: var(--secondary-family);\\n font-weight: 600;\\n font-size: 14px;\\n line-height: 16px;\\n color: #fff;\\n white-space: nowrap;\\n background: var(--bl-color-primary-310);\\n border-radius: 0%;\\n padding: 14px 2rem;\\n border: solid 1.5px var(--bl-color-primary-310);\\n text-transform: uppercase;\\n &:hover {\\n background: white;\\n color: var(--bl-color-primary-310);\\n border: solid 1.5px var(--bl-color-primary-310);\\n cursor: pointer;\\n }\\n\"])));\nvar Title$6 = styled__default[\"default\"].h3(_templateObject5$4 || (_templateObject5$4 = _taggedTemplateLiteral([\"\\n font-family: var(--primary-family);\\n font-style: normal;\\n font-weight: 400;\\n font-size: 26px;\\n line-height: 28px;\\n margin: 0;\\n margin-bottom: 2rem;\\n color: var(--bl-color-primary-210);\\n\"])));\n\nfunction CalloutMultiple(_ref) {\n var data = _ref.data;\n return /*#__PURE__*/React__default$1[\"default\"].createElement(Container$2, {\n className: \"CALLOUT_MULTIPLE_COLUMNS tw-x-container\"\n }, (data === null || data === void 0 ? void 0 : data.CalloutMultipleColumn.length) > 0 && data.CalloutMultipleColumn.map(function (item) {\n return /*#__PURE__*/React__default$1[\"default\"].createElement(SecondaryContainer, {\n className: \"CALLOUT_MULTIPLE_COLUMNS__SECONDARY__CONTAINER\",\n key: nanoid()\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(ThirdContainer, {\n className: \"CALLOUT_MULTIPLE_COLUMNS__THIRD__CONTAINER\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(Title$6, {\n className: \"CALLOUT_MULTIPLE_COLUMNS__MAIN__TEXT\"\n }, item === null || item === void 0 ? void 0 : item.MainText), (item === null || item === void 0 ? void 0 : item.ButtonText) && /*#__PURE__*/React__default$1[\"default\"].createElement(ButtonCalloutMultipleColumns, {\n className: \"CALLOUT_MULTIPLE_COLUMNS__BUTTON\",\n href: (item === null || item === void 0 ? void 0 : item.ButtonLink) || \"\"\n }, item.ButtonText)));\n }));\n}\n\nvar ColoredItem = function ColoredItem(_ref) {\n var templateClass = _ref.templateClass,\n title = _ref.title,\n description = _ref.description,\n buttonText = _ref.buttonText,\n buttonLink = _ref.buttonLink;\n return /*#__PURE__*/React__default$1[\"default\"].createElement(ItemContainer$1, {\n className: templateClass\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(ItemTitle$1, {\n title: title\n }), /*#__PURE__*/React__default$1[\"default\"].createElement(ItemDescription$1, {\n description: description\n }), /*#__PURE__*/React__default$1[\"default\"].createElement(ItemButton, {\n text: buttonText,\n link: buttonLink\n }));\n};\n\nvar ItemContainer$1 = function ItemContainer(_ref2) {\n var children = _ref2.children,\n className = _ref2.className;\n return /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"COLORED_ITEM \".concat(className || \"primary\", \" tw-w-full tw-w-flex\")\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"COLORED_ITEM_CONTAINER tw-w-full\"\n }, \" \", children));\n};\n\nvar ItemTitle$1 = function ItemTitle(_ref3) {\n var title = _ref3.title;\n return title ? /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"COLORED_ITEM_TITLE tw-w-full\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(\"h2\", null, title)) : /*#__PURE__*/React__default$1[\"default\"].createElement(React__default$1[\"default\"].Fragment, null);\n};\n\nvar ItemDescription$1 = function ItemDescription(_ref4) {\n var description = _ref4.description;\n var richTextDescription = description === null || description === void 0 ? void 0 : description.content;\n return description ? /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"COLORED_ITEM_DESCRIPTION tw-w-full\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(RichTextContainer, {\n className: \"COLORED_ITEM_DESCRIPTION_RICH_TEXT\",\n dangerouslySetInnerHTML: {\n __html: richTextDescription\n }\n })) : /*#__PURE__*/React__default$1[\"default\"].createElement(React__default$1[\"default\"].Fragment, null);\n};\n\nvar ItemButton = function ItemButton(_ref5) {\n var text = _ref5.text,\n link = _ref5.link;\n return text ? /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"COLORED_ITEM_BUTTON_CONTAINER tw-w-full\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(Button$2, {\n className: \"COLORED_ITEM_BUTTON\",\n href: link,\n is: \"a\"\n }, text)) : /*#__PURE__*/React__default$1[\"default\"].createElement(React__default$1[\"default\"].Fragment, null);\n};\n\nvar BlossomColoredItems = function BlossomColoredItems(_ref) {\n var data = _ref.data;\n var coloredItemsData = {\n componentId: data.componentId || \"\",\n title: data.title || \"\",\n items: data.coloredItemsList\n };\n if (!data) return /*#__PURE__*/React__default$1[\"default\"].createElement(React__default$1[\"default\"].Fragment, null);\n return /*#__PURE__*/React__default$1[\"default\"].createElement(Section$2, {\n id: coloredItemsData.componentId\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(Title$5, {\n title: coloredItemsData.title\n }), /*#__PURE__*/React__default$1[\"default\"].createElement(Container$1, null, /*#__PURE__*/React__default$1[\"default\"].createElement(ColoredItems, {\n items: coloredItemsData.items\n })));\n};\n\nvar Section$2 = function Section(_ref2) {\n var children = _ref2.children,\n id = _ref2.id;\n return /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n id: \"\".concat(id || \"\"),\n className: \"COLORED_ITEMS_SECTION tw-w-full\"\n }, children);\n};\n\nvar Container$1 = function Container(_ref3) {\n var children = _ref3.children;\n return /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"COLORED_ITEMS_CONTAINER\"\n }, children || \"\");\n};\n\nvar Title$5 = function Title(_ref4) {\n var title = _ref4.title;\n return title ? /*#__PURE__*/React__default$1[\"default\"].createElement(\"h2\", {\n className: \"COLORED_ITEMS_TITLE\"\n }, title) : /*#__PURE__*/React__default$1[\"default\"].createElement(React__default$1[\"default\"].Fragment, null);\n};\n\nvar ColoredItems = function ColoredItems(_ref5) {\n var items = _ref5.items;\n return items.map(function (item, index) {\n return /*#__PURE__*/React__default$1[\"default\"].createElement(ColoredItem, {\n key: \"item-\".concat(index),\n templateClass: item.templateClass || \"\",\n title: item.title,\n description: item.description,\n buttonText: item.buttonText,\n buttonLink: item.buttonLink\n });\n });\n};\n\nvar BlossomItemsWithImage = function BlossomItemsWithImage(_ref) {\n var data = _ref.data;\n var ItemsWithImageData = {\n componentId: data.componentId || \"\",\n title: data.title,\n description: data.description || \"\",\n itemsList: data.itemsList || [],\n titleBorderLine: data.titleBorderLine || \"\"\n };\n if (!data) return /*#__PURE__*/React__default$1[\"default\"].createElement(React__default$1[\"default\"].Fragment, null);\n return /*#__PURE__*/React__default$1[\"default\"].createElement(Section$1, {\n id: ItemsWithImageData.componentId\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(Title$4, {\n title: ItemsWithImageData.title\n }), /*#__PURE__*/React__default$1[\"default\"].createElement(Description, {\n description: ItemsWithImageData.description\n }), /*#__PURE__*/React__default$1[\"default\"].createElement(Divider, {\n isActive: ItemsWithImageData.titleBorderLine\n }), /*#__PURE__*/React__default$1[\"default\"].createElement(ItemsListContainer, null, /*#__PURE__*/React__default$1[\"default\"].createElement(ItemsList, {\n items: ItemsWithImageData.itemsList\n })));\n};\n\nvar Section$1 = function Section(_ref2) {\n var children = _ref2.children,\n id = _ref2.id;\n return /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n id: \"\".concat(id || \"\"),\n className: \"ITEMS_WITH_IMAGE_SECTION tw-w-full\"\n }, children);\n};\n\nvar ItemsListContainer = function ItemsListContainer(_ref3) {\n var children = _ref3.children;\n return /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"ITEMS_WITH_IMAGE_CONTAINER tw-w-full\"\n }, children || \"\");\n};\n\nvar Title$4 = function Title(_ref4) {\n var title = _ref4.title;\n return title ? /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"ITEMS_WITH_IMAGE_TITLE_CONTAINER CONTAINER_RESPONSIVE tw-w-full\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(\"h2\", null, title)) : /*#__PURE__*/React__default$1[\"default\"].createElement(React__default$1[\"default\"].Fragment, null);\n};\n\nvar Description = function Description(_ref5) {\n var description = _ref5.description;\n return description !== null && description !== void 0 && description.content ? /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"ITEMS_WITH_IMAGE_DESCRIPTION_CONTAINER CONTAINER_RESPONSIVE tw-w-full\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(RichTextContainer, {\n className: \"ITEMS_WITH_IMAGE_DESCRIPTION\",\n dangerouslySetInnerHTML: {\n __html: description === null || description === void 0 ? void 0 : description.content\n }\n })) : /*#__PURE__*/React__default$1[\"default\"].createElement(React__default$1[\"default\"].Fragment, null);\n};\n\nvar Divider = function Divider(_ref6) {\n var isActive = _ref6.isActive;\n return isActive !== \"No\" ? /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"CONTAINER_RESPONSIVE tw-w-full\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"ITEMS_WITH_IMAGE_DIVIDER\"\n })) : /*#__PURE__*/React__default$1[\"default\"].createElement(React__default$1[\"default\"].Fragment, null);\n};\n\nvar ItemsList = function ItemsList(_ref7) {\n var items = _ref7.items;\n return items ? items.map(function (item, index) {\n var _item$image;\n\n return /*#__PURE__*/React__default$1[\"default\"].createElement(ItemWithImage, {\n key: \"item-\".concat(index),\n itemClass: \"\".concat(item.itemClass || \"\")\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(ItemContainer, null, /*#__PURE__*/React__default$1[\"default\"].createElement(ColumnContent, {\n templateColumns: item.templateColumns,\n imagePosition: item.imagePosition || \"\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(ItemTitle, {\n title: item.title || \"\",\n showTitle: item.showTitle || \"\"\n }), /*#__PURE__*/React__default$1[\"default\"].createElement(ItemDescription, {\n description: item === null || item === void 0 ? void 0 : item.description\n })), /*#__PURE__*/React__default$1[\"default\"].createElement(ColumnImage, {\n templateColumns: item.templateColumns\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(ItemImage, {\n src: item === null || item === void 0 || (_item$image = item.image) === null || _item$image === void 0 ? void 0 : _item$image.url,\n imagePosition: item.imagePosition || \"\",\n imageLink: item.imageLink || \"#\"\n }))));\n }) : /*#__PURE__*/React__default$1[\"default\"].createElement(React__default$1[\"default\"].Fragment, null);\n};\n\nvar ItemContainer = function ItemContainer(_ref8) {\n var children = _ref8.children;\n return /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"ITEMS_WITH_IMAGE_ITEM_CONTAINER tw-grid tw-grid-cols-12\"\n }, children);\n};\n\nvar ColumnContent = function ColumnContent(_ref9) {\n var children = _ref9.children,\n imagePosition = _ref9.imagePosition,\n templateColumns = _ref9.templateColumns;\n var columnSize = {\n OneColumnOnlyText: \"lg:tw-col-span-12\",\n TwoColumnsDefault: \"lg:tw-col-span-8\",\n TwoColumnsEqual: \"lg:tw-col-span-6\"\n };\n return /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"ITEMS_WITH_IMAGE_ITEM_COLUMN_CONTENT tw-col-span-12 \".concat(columnSize[templateColumns] || columnSize.TwoColumnsDefault, \" \").concat(imagePosition === \"Right\" ? \"\" : \"tw-order-last\")\n }, children);\n};\n\nvar ColumnImage = function ColumnImage(_ref10) {\n var children = _ref10.children,\n templateColumns = _ref10.templateColumns;\n var columnSize = {\n TwoColumnsDefault: \"lg:tw-col-span-4\",\n TwoColumnsEqual: \"lg:tw-col-span-6\"\n };\n return templateColumns !== \"OneColumnOnlyText\" ? /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"ITEMS_WITH_IMAGE_ITEM_COLUMN_IMAGE tw-col-span-12 \".concat(columnSize[templateColumns] || columnSize.TwoColumnsDefault, \" self-center\")\n }, children) : /*#__PURE__*/React__default$1[\"default\"].createElement(React__default$1[\"default\"].Fragment, null);\n};\n\nvar ItemTitle = function ItemTitle(_ref11) {\n var title = _ref11.title,\n showTitle = _ref11.showTitle;\n return title && showTitle !== \"No\" ? /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"ITEMS_WITH_IMAGE_ITEM_TITLE tw-w-full\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(\"h3\", null, title)) : /*#__PURE__*/React__default$1[\"default\"].createElement(React__default$1[\"default\"].Fragment, null);\n};\n\nvar ItemDescription = function ItemDescription(_ref12) {\n var description = _ref12.description;\n return /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"ITEMS_WITH_IMAGE_ITEM_DESCRIPTION tw-w-full\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(RichTextContainer, {\n className: \"ITEMS_WITH_IMAGE_RICH_TEXT\",\n dangerouslySetInnerHTML: {\n __html: description === null || description === void 0 ? void 0 : description.content\n }\n }));\n};\n\nvar ItemImage = function ItemImage(_ref13) {\n var src = _ref13.src,\n imagePosition = _ref13.imagePosition,\n imageLink = _ref13.imageLink;\n return /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"tw-flex tw-items-center ITEMS_WITH_IMAGE_ITEM_IMAGE_CONTAINER tw-w-full\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(\"a\", {\n href: imageLink,\n target: \"_blank\",\n rel: \"noreferrer\",\n className: \"tw-mx-auto\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(\"img\", {\n className: \"ITEMS_WITH_IMAGE_ITEM_IMAGE tw-w-full \".concat(imagePosition === \"Right\" ? \"lg:tw-ml-auto\" : \"lg:tw-mr-auto\", \"\\\"\"),\n src: src,\n alt: \"img-item\"\n })));\n};\n\nvar ItemWithImage = function ItemWithImage(_ref14) {\n var children = _ref14.children,\n itemClass = _ref14.itemClass;\n return /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"ITEMS_WITH_IMAGE_ITEM CONTAINER_RESPONSIVE tw-w-full \".concat(itemClass || \"\")\n }, children);\n};\n\nvar BlossomBannerBrand = function BlossomBannerBrand(_ref) {\n var data = _ref.data;\n var bannerBrandData = {\n componentId: data.componentId || \"\",\n title: data.title,\n image: data.image,\n logo: data.logo,\n text: data.text\n };\n if (!data) return /*#__PURE__*/React__default$1[\"default\"].createElement(React__default$1[\"default\"].Fragment, null);\n return /*#__PURE__*/React__default$1[\"default\"].createElement(Section, {\n id: bannerBrandData.componentId\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(ImageColumn, null, /*#__PURE__*/React__default$1[\"default\"].createElement(ImageRow, {\n image: bannerBrandData.image\n })), /*#__PURE__*/React__default$1[\"default\"].createElement(BannerColumn, null, /*#__PURE__*/React__default$1[\"default\"].createElement(LogoRow, {\n logo: bannerBrandData.logo\n }), /*#__PURE__*/React__default$1[\"default\"].createElement(TextRow, {\n text: bannerBrandData.text\n })));\n};\n\nvar Section = function Section(_ref2) {\n var children = _ref2.children,\n id = _ref2.id;\n return /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n id: \"\".concat(id || \"\"),\n className: \"BANNER_BRAND_SECTION tw-w-full tw-grid tw-grid-cols-12\"\n }, children);\n};\n\nvar ImageColumn = function ImageColumn(_ref3) {\n var children = _ref3.children;\n return /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"BANNER_BRAND_IMAGE_COLUMN tw-col-span-12 lg:tw-col-span-7 \"\n }, children);\n};\n\nvar BannerColumn = function BannerColumn(_ref4) {\n var children = _ref4.children;\n return /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"BANNER_BRAND_BANNER_COLUMN tw-col-span-12 lg:tw-col-span-5 tw-grid tw-grid-cols-1\"\n }, children);\n};\n\nvar ImageRow = function ImageRow(_ref5) {\n var image = _ref5.image;\n return /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"BANNER_BRAND_IMAGE_ROW tw-w-full\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(\"img\", {\n className: \"BANNER_BRAND_IMAGE_ROW_IMAGE tw-w-full\",\n src: image === null || image === void 0 ? void 0 : image.url,\n alt: \"img-banner-brand\"\n }));\n};\n\nvar LogoRow = function LogoRow(_ref6) {\n var logo = _ref6.logo;\n return /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"BANNER_BRAND_LOGO_ROW tw-w-full\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(\"img\", {\n className: \"BANNER_BRAND_LOGO_ROW_LOGO tw-w-full\",\n src: logo === null || logo === void 0 ? void 0 : logo.url,\n alt: \"logo-banner-brand\"\n }));\n};\n\nvar TextRow = function TextRow(_ref7) {\n var text = _ref7.text;\n return text ? /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"BANNER_BRAND_TEXT_ROW tw-w-full\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(RichTextContainer, {\n className: \"BANNER_BRAND_TEXT_ROW_TEXT\",\n dangerouslySetInnerHTML: {\n __html: text === null || text === void 0 ? void 0 : text.content\n }\n })) : /*#__PURE__*/React__default$1[\"default\"].createElement(React__default$1[\"default\"].Fragment, null);\n};\n\nvar interopRequireDefault = createCommonjsModule(function (module) {\n function _interopRequireDefault(e) {\n return e && e.__esModule ? e : {\n \"default\": e\n };\n }\n\n module.exports = _interopRequireDefault, module.exports.__esModule = true, module.exports[\"default\"] = module.exports;\n});\nvar objectWithoutPropertiesLoose = createCommonjsModule(function (module) {\n function _objectWithoutPropertiesLoose(r, e) {\n if (null == r) return {};\n var t = {};\n\n for (var n in r) if ({}.hasOwnProperty.call(r, n)) {\n if (e.includes(n)) continue;\n t[n] = r[n];\n }\n\n return t;\n }\n\n module.exports = _objectWithoutPropertiesLoose, module.exports.__esModule = true, module.exports[\"default\"] = module.exports;\n});\nvar assertThisInitialized = createCommonjsModule(function (module) {\n function _assertThisInitialized(e) {\n if (void 0 === e) throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");\n return e;\n }\n\n module.exports = _assertThisInitialized, module.exports.__esModule = true, module.exports[\"default\"] = module.exports;\n});\nvar setPrototypeOf = createCommonjsModule(function (module) {\n function _setPrototypeOf(t, e) {\n return module.exports = _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) {\n return t.__proto__ = e, t;\n }, module.exports.__esModule = true, module.exports[\"default\"] = module.exports, _setPrototypeOf(t, e);\n }\n\n module.exports = _setPrototypeOf, module.exports.__esModule = true, module.exports[\"default\"] = module.exports;\n});\nvar inheritsLoose = createCommonjsModule(function (module) {\n function _inheritsLoose(t, o) {\n t.prototype = Object.create(o.prototype), t.prototype.constructor = t, setPrototypeOf(t, o);\n }\n\n module.exports = _inheritsLoose, module.exports.__esModule = true, module.exports[\"default\"] = module.exports;\n});\n\nvar _extends_1 = createCommonjsModule(function (module) {\n function _extends() {\n return module.exports = _extends = Object.assign ? Object.assign.bind() : function (n) {\n for (var e = 1; e < arguments.length; e++) {\n var t = arguments[e];\n\n for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);\n }\n\n return n;\n }, module.exports.__esModule = true, module.exports[\"default\"] = module.exports, _extends.apply(null, arguments);\n }\n\n module.exports = _extends, module.exports.__esModule = true, module.exports[\"default\"] = module.exports;\n});\n/**\n * Copyright (c) 2013-present, Facebook, Inc.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n/**\n * Use invariant() to assert state which your program assumes to be true.\n *\n * Provide sprintf-style format (only %s is supported) and arguments\n * to provide information about what broke and what you were\n * expecting.\n *\n * The invariant message will be stripped in production, but the invariant\n * will remain to ensure logic does not differ in production.\n */\n\n\nvar NODE_ENV = process.env.NODE_ENV;\n\nvar invariant = function (condition, format, a, b, c, d, e, f) {\n if (NODE_ENV !== 'production') {\n if (format === undefined) {\n throw new Error('invariant requires an error message argument');\n }\n }\n\n if (!condition) {\n var error;\n\n if (format === undefined) {\n error = new Error('Minified exception occurred; use the non-minified dev environment ' + 'for the full error message and additional helpful warnings.');\n } else {\n var args = [a, b, c, d, e, f];\n var argIndex = 0;\n error = new Error(format.replace(/%s/g, function () {\n return args[argIndex++];\n }));\n error.name = 'Invariant Violation';\n }\n\n error.framesToPop = 1; // we don't care about invariant's own frame\n\n throw error;\n }\n};\n\nvar invariant_1 = invariant;\n/**\n * Copyright (c) 2013-present, Facebook, Inc.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nfunction componentWillMount() {\n // Call this.constructor.gDSFP to support sub-classes.\n var state = this.constructor.getDerivedStateFromProps(this.props, this.state);\n\n if (state !== null && state !== undefined) {\n this.setState(state);\n }\n}\n\nfunction componentWillReceiveProps(nextProps) {\n // Call this.constructor.gDSFP to support sub-classes.\n // Use the setState() updater to ensure state isn't stale in certain edge cases.\n function updater(prevState) {\n var state = this.constructor.getDerivedStateFromProps(nextProps, prevState);\n return state !== null && state !== undefined ? state : null;\n } // Binding \"this\" is important for shallow renderer support.\n\n\n this.setState(updater.bind(this));\n}\n\nfunction componentWillUpdate(nextProps, nextState) {\n try {\n var prevProps = this.props;\n var prevState = this.state;\n this.props = nextProps;\n this.state = nextState;\n this.__reactInternalSnapshotFlag = true;\n this.__reactInternalSnapshot = this.getSnapshotBeforeUpdate(prevProps, prevState);\n } finally {\n this.props = prevProps;\n this.state = prevState;\n }\n} // React may warn about cWM/cWRP/cWU methods being deprecated.\n// Add a flag to suppress these warnings for this special case.\n\n\ncomponentWillMount.__suppressDeprecationWarning = true;\ncomponentWillReceiveProps.__suppressDeprecationWarning = true;\ncomponentWillUpdate.__suppressDeprecationWarning = true;\n\nfunction polyfill(Component) {\n var prototype = Component.prototype;\n\n if (!prototype || !prototype.isReactComponent) {\n throw new Error('Can only polyfill class components');\n }\n\n if (typeof Component.getDerivedStateFromProps !== 'function' && typeof prototype.getSnapshotBeforeUpdate !== 'function') {\n return Component;\n } // If new component APIs are defined, \"unsafe\" lifecycles won't be called.\n // Error if any of these lifecycles are present,\n // Because they would work differently between older and newer (16.3+) versions of React.\n\n\n var foundWillMountName = null;\n var foundWillReceivePropsName = null;\n var foundWillUpdateName = null;\n\n if (typeof prototype.componentWillMount === 'function') {\n foundWillMountName = 'componentWillMount';\n } else if (typeof prototype.UNSAFE_componentWillMount === 'function') {\n foundWillMountName = 'UNSAFE_componentWillMount';\n }\n\n if (typeof prototype.componentWillReceiveProps === 'function') {\n foundWillReceivePropsName = 'componentWillReceiveProps';\n } else if (typeof prototype.UNSAFE_componentWillReceiveProps === 'function') {\n foundWillReceivePropsName = 'UNSAFE_componentWillReceiveProps';\n }\n\n if (typeof prototype.componentWillUpdate === 'function') {\n foundWillUpdateName = 'componentWillUpdate';\n } else if (typeof prototype.UNSAFE_componentWillUpdate === 'function') {\n foundWillUpdateName = 'UNSAFE_componentWillUpdate';\n }\n\n if (foundWillMountName !== null || foundWillReceivePropsName !== null || foundWillUpdateName !== null) {\n var componentName = Component.displayName || Component.name;\n var newApiName = typeof Component.getDerivedStateFromProps === 'function' ? 'getDerivedStateFromProps()' : 'getSnapshotBeforeUpdate()';\n throw Error('Unsafe legacy lifecycles will not be called for components using new component APIs.\\n\\n' + componentName + ' uses ' + newApiName + ' but also contains the following legacy lifecycles:' + (foundWillMountName !== null ? '\\n ' + foundWillMountName : '') + (foundWillReceivePropsName !== null ? '\\n ' + foundWillReceivePropsName : '') + (foundWillUpdateName !== null ? '\\n ' + foundWillUpdateName : '') + '\\n\\nThe above lifecycles should be removed. Learn more about this warning here:\\n' + 'https://fb.me/react-async-component-lifecycle-hooks');\n } // React <= 16.2 does not support static getDerivedStateFromProps.\n // As a workaround, use cWM and cWRP to invoke the new static lifecycle.\n // Newer versions of React will ignore these lifecycles if gDSFP exists.\n\n\n if (typeof Component.getDerivedStateFromProps === 'function') {\n prototype.componentWillMount = componentWillMount;\n prototype.componentWillReceiveProps = componentWillReceiveProps;\n } // React <= 16.2 does not support getSnapshotBeforeUpdate.\n // As a workaround, use cWU to invoke the new lifecycle.\n // Newer versions of React will ignore that lifecycle if gSBU exists.\n\n\n if (typeof prototype.getSnapshotBeforeUpdate === 'function') {\n if (typeof prototype.componentDidUpdate !== 'function') {\n throw new Error('Cannot polyfill getSnapshotBeforeUpdate() for components that do not define componentDidUpdate() on the prototype');\n }\n\n prototype.componentWillUpdate = componentWillUpdate;\n var componentDidUpdate = prototype.componentDidUpdate;\n\n prototype.componentDidUpdate = function componentDidUpdatePolyfill(prevProps, prevState, maybeSnapshot) {\n // 16.3+ will not execute our will-update method;\n // It will pass a snapshot value to did-update though.\n // Older versions will require our polyfilled will-update value.\n // We need to handle both cases, but can't just check for the presence of \"maybeSnapshot\",\n // Because for <= 15.x versions this might be a \"prevContext\" object.\n // We also can't just check \"__reactInternalSnapshot\",\n // Because get-snapshot might return a falsy value.\n // So check for the explicit __reactInternalSnapshotFlag flag to determine behavior.\n var snapshot = this.__reactInternalSnapshotFlag ? this.__reactInternalSnapshot : maybeSnapshot;\n componentDidUpdate.call(this, prevProps, prevState, snapshot);\n };\n }\n\n return Component;\n} ////////////////////////////////////////////////////////////////////////////////\n// startsWith(string, search) - Check if `string` starts with `search`\n\n\nvar startsWith = function startsWith(string, search) {\n return string.substr(0, search.length) === search;\n}; ////////////////////////////////////////////////////////////////////////////////\n// pick(routes, uri)\n//\n// Ranks and picks the best route to match. Each segment gets the highest\n// amount of points, then the type of segment gets an additional amount of\n// points where\n//\n// static > dynamic > splat > root\n//\n// This way we don't have to worry about the order of our routes, let the\n// computers do it.\n//\n// A route looks like this\n//\n// { path, default, value }\n//\n// And a returned match looks like:\n//\n// { route, params, uri }\n//\n// I know, I should use TypeScript not comments for these types.\n\n\nvar pick = function pick(routes, uri) {\n var match = void 0;\n var default_ = void 0;\n\n var _uri$split = uri.split(\"?\"),\n uriPathname = _uri$split[0];\n\n var uriSegments = segmentize(uriPathname);\n var isRootUri = uriSegments[0] === \"\";\n var ranked = rankRoutes(routes);\n\n for (var i = 0, l = ranked.length; i < l; i++) {\n var missed = false;\n var route = ranked[i].route;\n\n if (route.default) {\n default_ = {\n route: route,\n params: {},\n uri: uri\n };\n continue;\n }\n\n var routeSegments = segmentize(route.path);\n var params = {};\n var max = Math.max(uriSegments.length, routeSegments.length);\n var index = 0;\n\n for (; index < max; index++) {\n var routeSegment = routeSegments[index];\n var uriSegment = uriSegments[index];\n\n if (isSplat(routeSegment)) {\n // Hit a splat, just grab the rest, and return a match\n // uri: /files/documents/work\n // route: /files/*\n var param = routeSegment.slice(1) || \"*\";\n params[param] = uriSegments.slice(index).map(decodeURIComponent).join(\"/\");\n break;\n }\n\n if (uriSegment === undefined) {\n // URI is shorter than the route, no match\n // uri: /users\n // route: /users/:userId\n missed = true;\n break;\n }\n\n var dynamicMatch = paramRe.exec(routeSegment);\n\n if (dynamicMatch && !isRootUri) {\n var matchIsNotReserved = reservedNames.indexOf(dynamicMatch[1]) === -1;\n !matchIsNotReserved ? process.env.NODE_ENV !== \"production\" ? invariant_1(false, \" dynamic segment \\\"\" + dynamicMatch[1] + \"\\\" is a reserved name. Please use a different name in path \\\"\" + route.path + \"\\\".\") : invariant_1(false) : void 0;\n var value = decodeURIComponent(uriSegment);\n params[dynamicMatch[1]] = value;\n } else if (routeSegment !== uriSegment) {\n // Current segments don't match, not dynamic, not splat, so no match\n // uri: /users/123/settings\n // route: /users/:id/profile\n missed = true;\n break;\n }\n }\n\n if (!missed) {\n match = {\n route: route,\n params: params,\n uri: \"/\" + uriSegments.slice(0, index).join(\"/\")\n };\n break;\n }\n }\n\n return match || default_ || null;\n}; ////////////////////////////////////////////////////////////////////////////////\n// match(path, uri) - Matches just one path to a uri, also lol\n\n\nvar match = function match(path, uri) {\n return pick([{\n path: path\n }], uri);\n}; ////////////////////////////////////////////////////////////////////////////////\n// resolve(to, basepath)\n//\n// Resolves URIs as though every path is a directory, no files. Relative URIs\n// in the browser can feel awkward because not only can you be \"in a directory\"\n// you can be \"at a file\", too. For example\n//\n// browserSpecResolve('foo', '/bar/') => /bar/foo\n// browserSpecResolve('foo', '/bar') => /foo\n//\n// But on the command line of a file system, it's not as complicated, you can't\n// `cd` from a file, only directories. This way, links have to know less about\n// their current path. To go deeper you can do this:\n//\n// \n// // instead of\n// \n//\n// Just like `cd`, if you want to go deeper from the command line, you do this:\n//\n// cd deeper\n// # not\n// cd $(pwd)/deeper\n//\n// By treating every path as a directory, linking to relative paths should\n// require less contextual information and (fingers crossed) be more intuitive.\n\n\nvar resolve = function resolve(to, base) {\n // /foo/bar, /baz/qux => /foo/bar\n if (startsWith(to, \"/\")) {\n return to;\n }\n\n var _to$split = to.split(\"?\"),\n toPathname = _to$split[0],\n toQuery = _to$split[1];\n\n var _base$split = base.split(\"?\"),\n basePathname = _base$split[0];\n\n var toSegments = segmentize(toPathname);\n var baseSegments = segmentize(basePathname); // ?a=b, /users?b=c => /users?a=b\n\n if (toSegments[0] === \"\") {\n return addQuery(basePathname, toQuery);\n } // profile, /users/789 => /users/789/profile\n\n\n if (!startsWith(toSegments[0], \".\")) {\n var pathname = baseSegments.concat(toSegments).join(\"/\");\n return addQuery((basePathname === \"/\" ? \"\" : \"/\") + pathname, toQuery);\n } // ./ /users/123 => /users/123\n // ../ /users/123 => /users\n // ../.. /users/123 => /\n // ../../one /a/b/c/d => /a/b/one\n // .././one /a/b/c/d => /a/b/c/one\n\n\n var allSegments = baseSegments.concat(toSegments);\n var segments = [];\n\n for (var i = 0, l = allSegments.length; i < l; i++) {\n var segment = allSegments[i];\n if (segment === \"..\") segments.pop();else if (segment !== \".\") segments.push(segment);\n }\n\n return addQuery(\"/\" + segments.join(\"/\"), toQuery);\n}; ////////////////////////////////////////////////////////////////////////////////\n// insertParams(path, params)\n\n\nvar insertParams = function insertParams(path, params) {\n var _path$split = path.split(\"?\"),\n pathBase = _path$split[0],\n _path$split$ = _path$split[1],\n query = _path$split$ === undefined ? \"\" : _path$split$;\n\n var segments = segmentize(pathBase);\n var constructedPath = \"/\" + segments.map(function (segment) {\n var match = paramRe.exec(segment);\n return match ? params[match[1]] : segment;\n }).join(\"/\");\n var _params$location = params.location;\n _params$location = _params$location === undefined ? {} : _params$location;\n var _params$location$sear = _params$location.search,\n search = _params$location$sear === undefined ? \"\" : _params$location$sear;\n var searchSplit = search.split(\"?\")[1] || \"\";\n constructedPath = addQuery(constructedPath, query, searchSplit);\n return constructedPath;\n};\n\nvar validateRedirect = function validateRedirect(from, to) {\n var filter = function filter(segment) {\n return isDynamic(segment);\n };\n\n var fromString = segmentize(from).filter(filter).sort().join(\"/\");\n var toString = segmentize(to).filter(filter).sort().join(\"/\");\n return fromString === toString;\n}; ////////////////////////////////////////////////////////////////////////////////\n// Junk\n\n\nvar paramRe = /^:(.+)/;\nvar SEGMENT_POINTS = 4;\nvar STATIC_POINTS = 3;\nvar DYNAMIC_POINTS = 2;\nvar SPLAT_PENALTY = 1;\nvar ROOT_POINTS = 1;\n\nvar isRootSegment = function isRootSegment(segment) {\n return segment === \"\";\n};\n\nvar isDynamic = function isDynamic(segment) {\n return paramRe.test(segment);\n};\n\nvar isSplat = function isSplat(segment) {\n return segment && segment[0] === \"*\";\n};\n\nvar rankRoute = function rankRoute(route, index) {\n var score = route.default ? 0 : segmentize(route.path).reduce(function (score, segment) {\n score += SEGMENT_POINTS;\n if (isRootSegment(segment)) score += ROOT_POINTS;else if (isDynamic(segment)) score += DYNAMIC_POINTS;else if (isSplat(segment)) score -= SEGMENT_POINTS + SPLAT_PENALTY;else score += STATIC_POINTS;\n return score;\n }, 0);\n return {\n route: route,\n score: score,\n index: index\n };\n};\n\nvar rankRoutes = function rankRoutes(routes) {\n return routes.map(rankRoute).sort(function (a, b) {\n return a.score < b.score ? 1 : a.score > b.score ? -1 : a.index - b.index;\n });\n};\n\nvar segmentize = function segmentize(uri) {\n return uri // strip starting/ending slashes\n .replace(/(^\\/+|\\/+$)/g, \"\").split(\"/\");\n};\n\nvar addQuery = function addQuery(pathname) {\n for (var _len = arguments.length, query = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {\n query[_key - 1] = arguments[_key];\n }\n\n query = query.filter(function (q) {\n return q && q.length > 0;\n });\n return pathname + (query && query.length > 0 ? \"?\" + query.join(\"&\") : \"\");\n};\n\nvar reservedNames = [\"uri\", \"path\"];\n/**\n * Shallow compares two objects.\n * @param {Object} obj1 The first object to compare.\n * @param {Object} obj2 The second object to compare.\n */\n\nvar shallowCompare = function shallowCompare(obj1, obj2) {\n var obj1Keys = Object.keys(obj1);\n return obj1Keys.length === Object.keys(obj2).length && obj1Keys.every(function (key) {\n return obj2.hasOwnProperty(key) && obj1[key] === obj2[key];\n });\n};\n\nvar _extends$2 = Object.assign || function (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n\n return target;\n};\n\nvar getLocation = function getLocation(source) {\n var _source$location = source.location,\n search = _source$location.search,\n hash = _source$location.hash,\n href = _source$location.href,\n origin = _source$location.origin,\n protocol = _source$location.protocol,\n host = _source$location.host,\n hostname = _source$location.hostname,\n port = _source$location.port;\n var pathname = source.location.pathname;\n\n if (!pathname && href && canUseDOM$1) {\n var url = new URL(href);\n pathname = url.pathname;\n }\n\n return {\n pathname: encodeURI(decodeURI(pathname)),\n search: search,\n hash: hash,\n href: href,\n origin: origin,\n protocol: protocol,\n host: host,\n hostname: hostname,\n port: port,\n state: source.history.state,\n key: source.history.state && source.history.state.key || \"initial\"\n };\n};\n\nvar createHistory = function createHistory(source, options) {\n var listeners = [];\n var location = getLocation(source);\n var transitioning = false;\n\n var resolveTransition = function resolveTransition() {};\n\n return {\n get location() {\n return location;\n },\n\n get transitioning() {\n return transitioning;\n },\n\n _onTransitionComplete: function _onTransitionComplete() {\n transitioning = false;\n resolveTransition();\n },\n listen: function listen(listener) {\n listeners.push(listener);\n\n var popstateListener = function popstateListener() {\n location = getLocation(source);\n listener({\n location: location,\n action: \"POP\"\n });\n };\n\n source.addEventListener(\"popstate\", popstateListener);\n return function () {\n source.removeEventListener(\"popstate\", popstateListener);\n listeners = listeners.filter(function (fn) {\n return fn !== listener;\n });\n };\n },\n navigate: function navigate(to) {\n var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},\n state = _ref.state,\n _ref$replace = _ref.replace,\n replace = _ref$replace === undefined ? false : _ref$replace;\n\n if (typeof to === \"number\") {\n source.history.go(to);\n } else {\n state = _extends$2({}, state, {\n key: Date.now() + \"\"\n }); // try...catch iOS Safari limits to 100 pushState calls\n\n try {\n if (transitioning || replace) {\n source.history.replaceState(state, null, to);\n } else {\n source.history.pushState(state, null, to);\n }\n } catch (e) {\n source.location[replace ? \"replace\" : \"assign\"](to);\n }\n }\n\n location = getLocation(source);\n transitioning = true;\n var transition = new Promise(function (res) {\n return resolveTransition = res;\n });\n listeners.forEach(function (listener) {\n return listener({\n location: location,\n action: \"PUSH\"\n });\n });\n return transition;\n }\n };\n}; ////////////////////////////////////////////////////////////////////////////////\n// Stores history entries in memory for testing or other platforms like Native\n\n\nvar createMemorySource = function createMemorySource() {\n var initialPath = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : \"/\";\n var searchIndex = initialPath.indexOf(\"?\");\n var initialLocation = {\n pathname: searchIndex > -1 ? initialPath.substr(0, searchIndex) : initialPath,\n search: searchIndex > -1 ? initialPath.substr(searchIndex) : \"\"\n };\n var index = 0;\n var stack = [initialLocation];\n var states = [null];\n return {\n get location() {\n return stack[index];\n },\n\n addEventListener: function addEventListener(name, fn) {},\n removeEventListener: function removeEventListener(name, fn) {},\n history: {\n get entries() {\n return stack;\n },\n\n get index() {\n return index;\n },\n\n get state() {\n return states[index];\n },\n\n pushState: function pushState(state, _, uri) {\n var _uri$split = uri.split(\"?\"),\n pathname = _uri$split[0],\n _uri$split$ = _uri$split[1],\n search = _uri$split$ === undefined ? \"\" : _uri$split$;\n\n index++;\n stack.push({\n pathname: pathname,\n search: search.length ? \"?\" + search : search\n });\n states.push(state);\n },\n replaceState: function replaceState(state, _, uri) {\n var _uri$split2 = uri.split(\"?\"),\n pathname = _uri$split2[0],\n _uri$split2$ = _uri$split2[1],\n search = _uri$split2$ === undefined ? \"\" : _uri$split2$;\n\n stack[index] = {\n pathname: pathname,\n search: search\n };\n states[index] = state;\n },\n go: function go(to) {\n var newIndex = index + to;\n\n if (newIndex < 0 || newIndex > states.length - 1) {\n return;\n }\n\n index = newIndex;\n }\n }\n };\n}; ////////////////////////////////////////////////////////////////////////////////\n// global history - uses window.history as the source if available, otherwise a\n// memory history\n\n\nvar canUseDOM$1 = !!(typeof window !== \"undefined\" && window.document && window.document.createElement);\n\nvar getSource = function getSource() {\n return canUseDOM$1 ? window : createMemorySource();\n};\n\nvar globalHistory = createHistory(getSource());\nvar navigate = globalHistory.navigate;\n\nvar _extends$1 = Object.assign || function (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n\n return target;\n};\n\nfunction _objectWithoutProperties(obj, keys) {\n var target = {};\n\n for (var i in obj) {\n if (keys.indexOf(i) >= 0) continue;\n if (!Object.prototype.hasOwnProperty.call(obj, i)) continue;\n target[i] = obj[i];\n }\n\n return target;\n}\n\nfunction _classCallCheck(instance, Constructor) {\n if (!(instance instanceof Constructor)) {\n throw new TypeError(\"Cannot call a class as a function\");\n }\n}\n\nfunction _possibleConstructorReturn(self, call) {\n if (!self) {\n throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");\n }\n\n return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self;\n}\n\nfunction _inherits(subClass, superClass) {\n if (typeof superClass !== \"function\" && superClass !== null) {\n throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass);\n }\n\n subClass.prototype = Object.create(superClass && superClass.prototype, {\n constructor: {\n value: subClass,\n enumerable: false,\n writable: true,\n configurable: true\n }\n });\n if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass;\n} ////////////////////////////////////////////////////////////////////////////////\n\n\nvar createNamedContext = function createNamedContext(name, defaultValue) {\n var Ctx = React.createContext(defaultValue);\n Ctx.displayName = name;\n return Ctx;\n}; ////////////////////////////////////////////////////////////////////////////////\n// Location Context/Provider\n\n\nvar LocationContext = createNamedContext(\"Location\"); // sets up a listener if there isn't one already so apps don't need to be\n// wrapped in some top level provider\n\nvar Location = function Location(_ref) {\n var children = _ref.children;\n return React__default$1[\"default\"].createElement(LocationContext.Consumer, null, function (context) {\n return context ? children(context) : React__default$1[\"default\"].createElement(LocationProvider, null, children);\n });\n};\n\nvar LocationProvider = function (_React$Component) {\n _inherits(LocationProvider, _React$Component);\n\n function LocationProvider() {\n var _temp, _this, _ret;\n\n _classCallCheck(this, LocationProvider);\n\n for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n return _ret = (_temp = (_this = _possibleConstructorReturn(this, _React$Component.call.apply(_React$Component, [this].concat(args))), _this), _this.state = {\n context: _this.getContext(),\n refs: {\n unlisten: null\n }\n }, _temp), _possibleConstructorReturn(_this, _ret);\n }\n\n LocationProvider.prototype.getContext = function getContext() {\n var _props$history = this.props.history,\n navigate = _props$history.navigate,\n location = _props$history.location;\n return {\n navigate: navigate,\n location: location\n };\n };\n\n LocationProvider.prototype.componentDidCatch = function componentDidCatch(error, info) {\n if (isRedirect(error)) {\n var _navigate = this.props.history.navigate;\n\n _navigate(error.uri, {\n replace: true\n });\n } else {\n throw error;\n }\n };\n\n LocationProvider.prototype.componentDidUpdate = function componentDidUpdate(prevProps, prevState) {\n if (prevState.context.location !== this.state.context.location) {\n this.props.history._onTransitionComplete();\n }\n };\n\n LocationProvider.prototype.componentDidMount = function componentDidMount() {\n var _this2 = this;\n\n var refs = this.state.refs,\n history = this.props.history;\n\n history._onTransitionComplete();\n\n refs.unlisten = history.listen(function () {\n Promise.resolve().then(function () {\n // TODO: replace rAF with react deferred update API when it's ready https://github.com/facebook/react/issues/13306\n requestAnimationFrame(function () {\n if (!_this2.unmounted) {\n _this2.setState(function () {\n return {\n context: _this2.getContext()\n };\n });\n }\n });\n });\n });\n };\n\n LocationProvider.prototype.componentWillUnmount = function componentWillUnmount() {\n var refs = this.state.refs;\n this.unmounted = true;\n refs.unlisten();\n };\n\n LocationProvider.prototype.render = function render() {\n var context = this.state.context,\n children = this.props.children;\n return React__default$1[\"default\"].createElement(LocationContext.Provider, {\n value: context\n }, typeof children === \"function\" ? children(context) : children || null);\n };\n\n return LocationProvider;\n}(React__default$1[\"default\"].Component); ////////////////////////////////////////////////////////////////////////////////\n\n\nLocationProvider.defaultProps = {\n history: globalHistory\n};\nprocess.env.NODE_ENV !== \"production\" ? LocationProvider.propTypes = {\n history: PropTypes.object.isRequired\n} : void 0;\n\nvar ServerLocation = function ServerLocation(_ref2) {\n var url = _ref2.url,\n children = _ref2.children;\n var searchIndex = url.indexOf(\"?\");\n var searchExists = searchIndex > -1;\n var pathname = void 0;\n var search = \"\";\n var hash = \"\";\n\n if (searchExists) {\n pathname = url.substring(0, searchIndex);\n search = url.substring(searchIndex);\n } else {\n pathname = url;\n }\n\n return React__default$1[\"default\"].createElement(LocationContext.Provider, {\n value: {\n location: {\n pathname: pathname,\n search: search,\n hash: hash\n },\n navigate: function navigate() {\n throw new Error(\"You can't call navigate on the server.\");\n }\n }\n }, children);\n}; ////////////////////////////////////////////////////////////////////////////////\n// Sets baseuri and basepath for nested routers and links\n\n\nvar BaseContext = createNamedContext(\"Base\", {\n baseuri: \"/\",\n basepath: \"/\",\n navigate: globalHistory.navigate\n}); ////////////////////////////////////////////////////////////////////////////////\n// The main event, welcome to the show everybody.\n\nvar Router = function Router(props) {\n return React__default$1[\"default\"].createElement(BaseContext.Consumer, null, function (baseContext) {\n return React__default$1[\"default\"].createElement(Location, null, function (locationContext) {\n return React__default$1[\"default\"].createElement(RouterImpl, _extends$1({}, baseContext, locationContext, props));\n });\n });\n};\n\nvar RouterImpl = function (_React$PureComponent) {\n _inherits(RouterImpl, _React$PureComponent);\n\n function RouterImpl() {\n _classCallCheck(this, RouterImpl);\n\n return _possibleConstructorReturn(this, _React$PureComponent.apply(this, arguments));\n }\n\n RouterImpl.prototype.render = function render() {\n var _props = this.props,\n location = _props.location,\n _navigate2 = _props.navigate,\n basepath = _props.basepath,\n primary = _props.primary,\n children = _props.children;\n _props.baseuri;\n\n var _props$component = _props.component,\n component = _props$component === undefined ? \"div\" : _props$component,\n domProps = _objectWithoutProperties(_props, [\"location\", \"navigate\", \"basepath\", \"primary\", \"children\", \"baseuri\", \"component\"]);\n\n var routes = React__default$1[\"default\"].Children.toArray(children).reduce(function (array, child) {\n var routes = createRoute(basepath)(child);\n return array.concat(routes);\n }, []);\n var pathname = location.pathname;\n var match = pick(routes, pathname);\n\n if (match) {\n var params = match.params,\n uri = match.uri,\n route = match.route,\n element = match.route.value; // remove the /* from the end for child routes relative paths\n\n basepath = route.default ? basepath : route.path.replace(/\\*$/, \"\");\n\n var props = _extends$1({}, params, {\n uri: uri,\n location: location,\n navigate: function navigate(to, options) {\n return _navigate2(resolve(to, uri), options);\n }\n });\n\n var clone = React__default$1[\"default\"].cloneElement(element, props, element.props.children ? React__default$1[\"default\"].createElement(Router, {\n location: location,\n primary: primary\n }, element.props.children) : undefined); // using 'div' for < 16.3 support\n\n var FocusWrapper = primary ? FocusHandler : component; // don't pass any props to 'div'\n\n var wrapperProps = primary ? _extends$1({\n uri: uri,\n location: location,\n component: component\n }, domProps) : domProps;\n return React__default$1[\"default\"].createElement(BaseContext.Provider, {\n value: {\n baseuri: uri,\n basepath: basepath,\n navigate: props.navigate\n }\n }, React__default$1[\"default\"].createElement(FocusWrapper, wrapperProps, clone));\n } else {\n // Not sure if we want this, would require index routes at every level\n // warning(\n // false,\n // `\\n\\nNothing matched:\\n\\t${\n // location.pathname\n // }\\n\\nPaths checked: \\n\\t${routes\n // .map(route => route.path)\n // .join(\n // \"\\n\\t\"\n // )}\\n\\nTo get rid of this warning, add a default NotFound component as child of Router:\n // \\n\\tlet NotFound = () => Not Found!
\n // \\n\\t\\n\\t \\n\\t {/* ... */}\\n\\t`\n // );\n return null;\n }\n };\n\n return RouterImpl;\n}(React__default$1[\"default\"].PureComponent);\n\nRouterImpl.defaultProps = {\n primary: true\n};\nvar FocusContext = createNamedContext(\"Focus\");\n\nvar FocusHandler = function FocusHandler(_ref3) {\n var uri = _ref3.uri,\n location = _ref3.location,\n component = _ref3.component,\n domProps = _objectWithoutProperties(_ref3, [\"uri\", \"location\", \"component\"]);\n\n return React__default$1[\"default\"].createElement(FocusContext.Consumer, null, function (requestFocus) {\n return React__default$1[\"default\"].createElement(FocusHandlerImpl, _extends$1({}, domProps, {\n component: component,\n requestFocus: requestFocus,\n uri: uri,\n location: location\n }));\n });\n}; // don't focus on initial render\n\n\nvar initialRender = true;\nvar focusHandlerCount = 0;\n\nvar FocusHandlerImpl = function (_React$Component2) {\n _inherits(FocusHandlerImpl, _React$Component2);\n\n function FocusHandlerImpl() {\n var _temp2, _this4, _ret2;\n\n _classCallCheck(this, FocusHandlerImpl);\n\n for (var _len2 = arguments.length, args = Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {\n args[_key2] = arguments[_key2];\n }\n\n return _ret2 = (_temp2 = (_this4 = _possibleConstructorReturn(this, _React$Component2.call.apply(_React$Component2, [this].concat(args))), _this4), _this4.state = {}, _this4.requestFocus = function (node) {\n if (!_this4.state.shouldFocus && node) {\n node.focus();\n }\n }, _temp2), _possibleConstructorReturn(_this4, _ret2);\n }\n\n FocusHandlerImpl.getDerivedStateFromProps = function getDerivedStateFromProps(nextProps, prevState) {\n var initial = prevState.uri == null;\n\n if (initial) {\n return _extends$1({\n shouldFocus: true\n }, nextProps);\n } else {\n var myURIChanged = nextProps.uri !== prevState.uri;\n var navigatedUpToMe = prevState.location.pathname !== nextProps.location.pathname && nextProps.location.pathname === nextProps.uri;\n return _extends$1({\n shouldFocus: myURIChanged || navigatedUpToMe\n }, nextProps);\n }\n };\n\n FocusHandlerImpl.prototype.componentDidMount = function componentDidMount() {\n focusHandlerCount++;\n this.focus();\n };\n\n FocusHandlerImpl.prototype.componentWillUnmount = function componentWillUnmount() {\n focusHandlerCount--;\n\n if (focusHandlerCount === 0) {\n initialRender = true;\n }\n };\n\n FocusHandlerImpl.prototype.componentDidUpdate = function componentDidUpdate(prevProps, prevState) {\n if (prevProps.location !== this.props.location && this.state.shouldFocus) {\n this.focus();\n }\n };\n\n FocusHandlerImpl.prototype.focus = function focus() {\n if (process.env.NODE_ENV === \"test\") {\n // getting cannot read property focus of null in the tests\n // and that bit of global `initialRender` state causes problems\n // should probably figure it out!\n return;\n }\n\n var requestFocus = this.props.requestFocus;\n\n if (requestFocus) {\n requestFocus(this.node);\n } else {\n if (initialRender) {\n initialRender = false;\n } else if (this.node) {\n // React polyfills [autofocus] and it fires earlier than cDM,\n // so we were stealing focus away, this line prevents that.\n if (!this.node.contains(document.activeElement)) {\n this.node.focus();\n }\n }\n }\n };\n\n FocusHandlerImpl.prototype.render = function render() {\n var _this5 = this;\n\n var _props2 = this.props;\n _props2.children;\n var style = _props2.style;\n _props2.requestFocus;\n var _props2$component = _props2.component,\n Comp = _props2$component === undefined ? \"div\" : _props2$component;\n _props2.uri;\n _props2.location;\n\n var domProps = _objectWithoutProperties(_props2, [\"children\", \"style\", \"requestFocus\", \"component\", \"uri\", \"location\"]);\n\n return React__default$1[\"default\"].createElement(Comp, _extends$1({\n style: _extends$1({\n outline: \"none\"\n }, style),\n tabIndex: \"-1\",\n ref: function ref(n) {\n return _this5.node = n;\n }\n }, domProps), React__default$1[\"default\"].createElement(FocusContext.Provider, {\n value: this.requestFocus\n }, this.props.children));\n };\n\n return FocusHandlerImpl;\n}(React__default$1[\"default\"].Component);\n\npolyfill(FocusHandlerImpl);\n\nvar k = function k() {}; ////////////////////////////////////////////////////////////////////////////////\n\n\nvar forwardRef = React__default$1[\"default\"].forwardRef;\n\nif (typeof forwardRef === \"undefined\") {\n forwardRef = function forwardRef(C) {\n return C;\n };\n}\n\nvar Link$1 = forwardRef(function (_ref4, ref) {\n var innerRef = _ref4.innerRef,\n props = _objectWithoutProperties(_ref4, [\"innerRef\"]);\n\n return React__default$1[\"default\"].createElement(BaseContext.Consumer, null, function (_ref5) {\n _ref5.basepath;\n var baseuri = _ref5.baseuri;\n return React__default$1[\"default\"].createElement(Location, null, function (_ref6) {\n var location = _ref6.location,\n navigate = _ref6.navigate;\n\n var to = props.to,\n state = props.state,\n replace = props.replace,\n _props$getProps = props.getProps,\n getProps = _props$getProps === undefined ? k : _props$getProps,\n anchorProps = _objectWithoutProperties(props, [\"to\", \"state\", \"replace\", \"getProps\"]);\n\n var href = resolve(to, baseuri);\n var encodedHref = encodeURI(href);\n var isCurrent = location.pathname === encodedHref;\n var isPartiallyCurrent = startsWith(location.pathname, encodedHref);\n return React__default$1[\"default\"].createElement(\"a\", _extends$1({\n ref: ref || innerRef,\n \"aria-current\": isCurrent ? \"page\" : undefined\n }, anchorProps, getProps({\n isCurrent: isCurrent,\n isPartiallyCurrent: isPartiallyCurrent,\n href: href,\n location: location\n }), {\n href: href,\n onClick: function onClick(event) {\n if (anchorProps.onClick) anchorProps.onClick(event);\n\n if (shouldNavigate(event)) {\n event.preventDefault();\n var shouldReplace = replace;\n\n if (typeof replace !== \"boolean\" && isCurrent) {\n var _location$state = _extends$1({}, location.state);\n\n _location$state.key;\n\n var restState = _objectWithoutProperties(_location$state, [\"key\"]);\n\n shouldReplace = shallowCompare(_extends$1({}, state), restState);\n }\n\n navigate(href, {\n state: state,\n replace: shouldReplace\n });\n }\n }\n }));\n });\n });\n});\nLink$1.displayName = \"Link\";\nprocess.env.NODE_ENV !== \"production\" ? Link$1.propTypes = {\n to: PropTypes.string.isRequired\n} : void 0; ////////////////////////////////////////////////////////////////////////////////\n\nfunction RedirectRequest(uri) {\n this.uri = uri;\n}\n\nvar isRedirect = function isRedirect(o) {\n return o instanceof RedirectRequest;\n};\n\nvar redirectTo = function redirectTo(to) {\n throw new RedirectRequest(to);\n};\n\nvar RedirectImpl = function (_React$Component3) {\n _inherits(RedirectImpl, _React$Component3);\n\n function RedirectImpl() {\n _classCallCheck(this, RedirectImpl);\n\n return _possibleConstructorReturn(this, _React$Component3.apply(this, arguments));\n } // Support React < 16 with this hook\n\n\n RedirectImpl.prototype.componentDidMount = function componentDidMount() {\n var _props3 = this.props,\n navigate = _props3.navigate,\n to = _props3.to;\n _props3.from;\n var _props3$replace = _props3.replace,\n replace = _props3$replace === undefined ? true : _props3$replace,\n state = _props3.state;\n _props3.noThrow;\n\n var baseuri = _props3.baseuri,\n props = _objectWithoutProperties(_props3, [\"navigate\", \"to\", \"from\", \"replace\", \"state\", \"noThrow\", \"baseuri\"]);\n\n Promise.resolve().then(function () {\n var resolvedTo = resolve(to, baseuri);\n navigate(insertParams(resolvedTo, props), {\n replace: replace,\n state: state\n });\n });\n };\n\n RedirectImpl.prototype.render = function render() {\n var _props4 = this.props;\n _props4.navigate;\n var to = _props4.to;\n _props4.from;\n _props4.replace;\n _props4.state;\n\n var noThrow = _props4.noThrow,\n baseuri = _props4.baseuri,\n props = _objectWithoutProperties(_props4, [\"navigate\", \"to\", \"from\", \"replace\", \"state\", \"noThrow\", \"baseuri\"]);\n\n var resolvedTo = resolve(to, baseuri);\n if (!noThrow) redirectTo(insertParams(resolvedTo, props));\n return null;\n };\n\n return RedirectImpl;\n}(React__default$1[\"default\"].Component);\n\nvar Redirect = function Redirect(props) {\n return React__default$1[\"default\"].createElement(BaseContext.Consumer, null, function (_ref7) {\n var baseuri = _ref7.baseuri;\n return React__default$1[\"default\"].createElement(Location, null, function (locationContext) {\n return React__default$1[\"default\"].createElement(RedirectImpl, _extends$1({}, locationContext, {\n baseuri: baseuri\n }, props));\n });\n });\n};\n\nprocess.env.NODE_ENV !== \"production\" ? Redirect.propTypes = {\n from: PropTypes.string,\n to: PropTypes.string.isRequired\n} : void 0; ////////////////////////////////////////////////////////////////////////////////\n\nvar Match = function Match(_ref8) {\n var path = _ref8.path,\n children = _ref8.children;\n return React__default$1[\"default\"].createElement(BaseContext.Consumer, null, function (_ref9) {\n var baseuri = _ref9.baseuri;\n return React__default$1[\"default\"].createElement(Location, null, function (_ref10) {\n var navigate = _ref10.navigate,\n location = _ref10.location;\n var resolvedPath = resolve(path, baseuri);\n var result = match(resolvedPath, location.pathname);\n return children({\n navigate: navigate,\n location: location,\n match: result ? _extends$1({}, result.params, {\n uri: result.uri,\n path: path\n }) : null\n });\n });\n });\n}; ////////////////////////////////////////////////////////////////////////////////\n// Hooks\n\n\nvar useLocation = function useLocation() {\n var context = React.useContext(LocationContext);\n\n if (!context) {\n throw new Error(\"useLocation hook was used but a LocationContext.Provider was not found in the parent tree. Make sure this is used in a component that is a child of Router\");\n }\n\n return context.location;\n};\n\nvar useNavigate = function useNavigate() {\n var context = React.useContext(BaseContext);\n\n if (!context) {\n throw new Error(\"useNavigate hook was used but a BaseContext.Provider was not found in the parent tree. Make sure this is used in a component that is a child of Router\");\n }\n\n return context.navigate;\n};\n\nvar useParams = function useParams() {\n var context = React.useContext(BaseContext);\n\n if (!context) {\n throw new Error(\"useParams hook was used but a LocationContext.Provider was not found in the parent tree. Make sure this is used in a component that is a child of Router\");\n }\n\n var location = useLocation();\n var results = match(context.basepath, location.pathname);\n return results ? results.params : null;\n};\n\nvar useMatch = function useMatch(path) {\n if (!path) {\n throw new Error(\"useMatch(path: string) requires an argument of a string to match against\");\n }\n\n var context = React.useContext(BaseContext);\n\n if (!context) {\n throw new Error(\"useMatch hook was used but a LocationContext.Provider was not found in the parent tree. Make sure this is used in a component that is a child of Router\");\n }\n\n var location = useLocation();\n var resolvedPath = resolve(path, context.baseuri);\n var result = match(resolvedPath, location.pathname);\n return result ? _extends$1({}, result.params, {\n uri: result.uri,\n path: path\n }) : null;\n}; ////////////////////////////////////////////////////////////////////////////////\n// Junk\n\n\nvar stripSlashes = function stripSlashes(str) {\n return str.replace(/(^\\/+|\\/+$)/g, \"\");\n};\n\nvar createRoute = function createRoute(basepath) {\n return function (element) {\n if (!element) {\n return null;\n }\n\n if (element.type === React__default$1[\"default\"].Fragment && element.props.children) {\n return React__default$1[\"default\"].Children.map(element.props.children, createRoute(basepath));\n }\n\n !(element.props.path || element.props.default || element.type === Redirect) ? process.env.NODE_ENV !== \"production\" ? invariant_1(false, \": Children of must have a `path` or `default` prop, or be a ``. None found on element type `\" + element.type + \"`\") : invariant_1(false) : void 0;\n !!(element.type === Redirect && (!element.props.from || !element.props.to)) ? process.env.NODE_ENV !== \"production\" ? invariant_1(false, \" requires both \\\"from\\\" and \\\"to\\\" props when inside a .\") : invariant_1(false) : void 0;\n !!(element.type === Redirect && !validateRedirect(element.props.from, element.props.to)) ? process.env.NODE_ENV !== \"production\" ? invariant_1(false, \" has mismatched dynamic segments, ensure both paths have the exact same dynamic segments.\") : invariant_1(false) : void 0;\n\n if (element.props.default) {\n return {\n value: element,\n default: true\n };\n }\n\n var elementPath = element.type === Redirect ? element.props.from : element.props.path;\n var path = elementPath === \"/\" ? basepath : stripSlashes(basepath) + \"/\" + stripSlashes(elementPath);\n return {\n value: element,\n default: element.props.default,\n path: element.props.children ? stripSlashes(path) + \"/*\" : path\n };\n };\n};\n\nvar shouldNavigate = function shouldNavigate(event) {\n return !event.defaultPrevented && event.button === 0 && !(event.metaKey || event.altKey || event.ctrlKey || event.shiftKey);\n};\n\nvar es = /*#__PURE__*/Object.freeze({\n __proto__: null,\n Link: Link$1,\n Location: Location,\n LocationProvider: LocationProvider,\n Match: Match,\n Redirect: Redirect,\n Router: Router,\n ServerLocation: ServerLocation,\n createHistory: createHistory,\n createMemorySource: createMemorySource,\n isRedirect: isRedirect,\n navigate: navigate,\n redirectTo: redirectTo,\n globalHistory: globalHistory,\n matchPath: match,\n useLocation: useLocation,\n useNavigate: useNavigate,\n useParams: useParams,\n useMatch: useMatch,\n resolve: resolve\n});\nvar utils = createCommonjsModule(function (module, exports) {\n exports.__esModule = true;\n exports.shallowCompare = exports.validateRedirect = exports.insertParams = exports.resolve = exports.match = exports.pick = exports.startsWith = undefined;\n\n var _invariant2 = _interopRequireDefault(invariant_1);\n\n function _interopRequireDefault(obj) {\n return obj && obj.__esModule ? obj : {\n default: obj\n };\n } ////////////////////////////////////////////////////////////////////////////////\n // startsWith(string, search) - Check if `string` starts with `search`\n\n\n var startsWith = function startsWith(string, search) {\n return string.substr(0, search.length) === search;\n }; ////////////////////////////////////////////////////////////////////////////////\n // pick(routes, uri)\n //\n // Ranks and picks the best route to match. Each segment gets the highest\n // amount of points, then the type of segment gets an additional amount of\n // points where\n //\n // static > dynamic > splat > root\n //\n // This way we don't have to worry about the order of our routes, let the\n // computers do it.\n //\n // A route looks like this\n //\n // { path, default, value }\n //\n // And a returned match looks like:\n //\n // { route, params, uri }\n //\n // I know, I should use TypeScript not comments for these types.\n\n\n var pick = function pick(routes, uri) {\n var match = void 0;\n var default_ = void 0;\n\n var _uri$split = uri.split(\"?\"),\n uriPathname = _uri$split[0];\n\n var uriSegments = segmentize(uriPathname);\n var isRootUri = uriSegments[0] === \"\";\n var ranked = rankRoutes(routes);\n\n for (var i = 0, l = ranked.length; i < l; i++) {\n var missed = false;\n var route = ranked[i].route;\n\n if (route.default) {\n default_ = {\n route: route,\n params: {},\n uri: uri\n };\n continue;\n }\n\n var routeSegments = segmentize(route.path);\n var params = {};\n var max = Math.max(uriSegments.length, routeSegments.length);\n var index = 0;\n\n for (; index < max; index++) {\n var routeSegment = routeSegments[index];\n var uriSegment = uriSegments[index];\n\n if (isSplat(routeSegment)) {\n // Hit a splat, just grab the rest, and return a match\n // uri: /files/documents/work\n // route: /files/*\n var param = routeSegment.slice(1) || \"*\";\n params[param] = uriSegments.slice(index).map(decodeURIComponent).join(\"/\");\n break;\n }\n\n if (uriSegment === undefined) {\n // URI is shorter than the route, no match\n // uri: /users\n // route: /users/:userId\n missed = true;\n break;\n }\n\n var dynamicMatch = paramRe.exec(routeSegment);\n\n if (dynamicMatch && !isRootUri) {\n var matchIsNotReserved = reservedNames.indexOf(dynamicMatch[1]) === -1;\n !matchIsNotReserved ? process.env.NODE_ENV !== \"production\" ? (0, _invariant2.default)(false, \" dynamic segment \\\"\" + dynamicMatch[1] + \"\\\" is a reserved name. Please use a different name in path \\\"\" + route.path + \"\\\".\") : (0, _invariant2.default)(false) : void 0;\n var value = decodeURIComponent(uriSegment);\n params[dynamicMatch[1]] = value;\n } else if (routeSegment !== uriSegment) {\n // Current segments don't match, not dynamic, not splat, so no match\n // uri: /users/123/settings\n // route: /users/:id/profile\n missed = true;\n break;\n }\n }\n\n if (!missed) {\n match = {\n route: route,\n params: params,\n uri: \"/\" + uriSegments.slice(0, index).join(\"/\")\n };\n break;\n }\n }\n\n return match || default_ || null;\n }; ////////////////////////////////////////////////////////////////////////////////\n // match(path, uri) - Matches just one path to a uri, also lol\n\n\n var match = function match(path, uri) {\n return pick([{\n path: path\n }], uri);\n }; ////////////////////////////////////////////////////////////////////////////////\n // resolve(to, basepath)\n //\n // Resolves URIs as though every path is a directory, no files. Relative URIs\n // in the browser can feel awkward because not only can you be \"in a directory\"\n // you can be \"at a file\", too. For example\n //\n // browserSpecResolve('foo', '/bar/') => /bar/foo\n // browserSpecResolve('foo', '/bar') => /foo\n //\n // But on the command line of a file system, it's not as complicated, you can't\n // `cd` from a file, only directories. This way, links have to know less about\n // their current path. To go deeper you can do this:\n //\n // \n // // instead of\n // \n //\n // Just like `cd`, if you want to go deeper from the command line, you do this:\n //\n // cd deeper\n // # not\n // cd $(pwd)/deeper\n //\n // By treating every path as a directory, linking to relative paths should\n // require less contextual information and (fingers crossed) be more intuitive.\n\n\n var resolve = function resolve(to, base) {\n // /foo/bar, /baz/qux => /foo/bar\n if (startsWith(to, \"/\")) {\n return to;\n }\n\n var _to$split = to.split(\"?\"),\n toPathname = _to$split[0],\n toQuery = _to$split[1];\n\n var _base$split = base.split(\"?\"),\n basePathname = _base$split[0];\n\n var toSegments = segmentize(toPathname);\n var baseSegments = segmentize(basePathname); // ?a=b, /users?b=c => /users?a=b\n\n if (toSegments[0] === \"\") {\n return addQuery(basePathname, toQuery);\n } // profile, /users/789 => /users/789/profile\n\n\n if (!startsWith(toSegments[0], \".\")) {\n var pathname = baseSegments.concat(toSegments).join(\"/\");\n return addQuery((basePathname === \"/\" ? \"\" : \"/\") + pathname, toQuery);\n } // ./ /users/123 => /users/123\n // ../ /users/123 => /users\n // ../.. /users/123 => /\n // ../../one /a/b/c/d => /a/b/one\n // .././one /a/b/c/d => /a/b/c/one\n\n\n var allSegments = baseSegments.concat(toSegments);\n var segments = [];\n\n for (var i = 0, l = allSegments.length; i < l; i++) {\n var segment = allSegments[i];\n if (segment === \"..\") segments.pop();else if (segment !== \".\") segments.push(segment);\n }\n\n return addQuery(\"/\" + segments.join(\"/\"), toQuery);\n }; ////////////////////////////////////////////////////////////////////////////////\n // insertParams(path, params)\n\n\n var insertParams = function insertParams(path, params) {\n var _path$split = path.split(\"?\"),\n pathBase = _path$split[0],\n _path$split$ = _path$split[1],\n query = _path$split$ === undefined ? \"\" : _path$split$;\n\n var segments = segmentize(pathBase);\n var constructedPath = \"/\" + segments.map(function (segment) {\n var match = paramRe.exec(segment);\n return match ? params[match[1]] : segment;\n }).join(\"/\");\n var _params$location = params.location;\n _params$location = _params$location === undefined ? {} : _params$location;\n var _params$location$sear = _params$location.search,\n search = _params$location$sear === undefined ? \"\" : _params$location$sear;\n var searchSplit = search.split(\"?\")[1] || \"\";\n constructedPath = addQuery(constructedPath, query, searchSplit);\n return constructedPath;\n };\n\n var validateRedirect = function validateRedirect(from, to) {\n var filter = function filter(segment) {\n return isDynamic(segment);\n };\n\n var fromString = segmentize(from).filter(filter).sort().join(\"/\");\n var toString = segmentize(to).filter(filter).sort().join(\"/\");\n return fromString === toString;\n }; ////////////////////////////////////////////////////////////////////////////////\n // Junk\n\n\n var paramRe = /^:(.+)/;\n var SEGMENT_POINTS = 4;\n var STATIC_POINTS = 3;\n var DYNAMIC_POINTS = 2;\n var SPLAT_PENALTY = 1;\n var ROOT_POINTS = 1;\n\n var isRootSegment = function isRootSegment(segment) {\n return segment === \"\";\n };\n\n var isDynamic = function isDynamic(segment) {\n return paramRe.test(segment);\n };\n\n var isSplat = function isSplat(segment) {\n return segment && segment[0] === \"*\";\n };\n\n var rankRoute = function rankRoute(route, index) {\n var score = route.default ? 0 : segmentize(route.path).reduce(function (score, segment) {\n score += SEGMENT_POINTS;\n if (isRootSegment(segment)) score += ROOT_POINTS;else if (isDynamic(segment)) score += DYNAMIC_POINTS;else if (isSplat(segment)) score -= SEGMENT_POINTS + SPLAT_PENALTY;else score += STATIC_POINTS;\n return score;\n }, 0);\n return {\n route: route,\n score: score,\n index: index\n };\n };\n\n var rankRoutes = function rankRoutes(routes) {\n return routes.map(rankRoute).sort(function (a, b) {\n return a.score < b.score ? 1 : a.score > b.score ? -1 : a.index - b.index;\n });\n };\n\n var segmentize = function segmentize(uri) {\n return uri // strip starting/ending slashes\n .replace(/(^\\/+|\\/+$)/g, \"\").split(\"/\");\n };\n\n var addQuery = function addQuery(pathname) {\n for (var _len = arguments.length, query = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {\n query[_key - 1] = arguments[_key];\n }\n\n query = query.filter(function (q) {\n return q && q.length > 0;\n });\n return pathname + (query && query.length > 0 ? \"?\" + query.join(\"&\") : \"\");\n };\n\n var reservedNames = [\"uri\", \"path\"];\n /**\n * Shallow compares two objects.\n * @param {Object} obj1 The first object to compare.\n * @param {Object} obj2 The second object to compare.\n */\n\n var shallowCompare = function shallowCompare(obj1, obj2) {\n var obj1Keys = Object.keys(obj1);\n return obj1Keys.length === Object.keys(obj2).length && obj1Keys.every(function (key) {\n return obj2.hasOwnProperty(key) && obj1[key] === obj2[key];\n });\n }; ////////////////////////////////////////////////////////////////////////////////\n\n\n exports.startsWith = startsWith;\n exports.pick = pick;\n exports.match = match;\n exports.resolve = resolve;\n exports.insertParams = insertParams;\n exports.validateRedirect = validateRedirect;\n exports.shallowCompare = shallowCompare;\n});\nvar parsePath_2 = parsePath;\n\nfunction parsePath(path) {\n var pathname = path || \"/\";\n var search = \"\";\n var hash = \"\";\n var hashIndex = pathname.indexOf(\"#\");\n\n if (hashIndex !== -1) {\n hash = pathname.substr(hashIndex);\n pathname = pathname.substr(0, hashIndex);\n }\n\n var searchIndex = pathname.indexOf(\"?\");\n\n if (searchIndex !== -1) {\n search = pathname.substr(searchIndex);\n pathname = pathname.substr(0, searchIndex);\n }\n\n return {\n pathname: pathname,\n search: search === \"?\" ? \"\" : search,\n hash: hash === \"#\" ? \"\" : hash\n };\n}\n\nvar parsePath_1 = /*#__PURE__*/Object.defineProperty({\n parsePath: parsePath_2\n}, '__esModule', {\n value: true\n});\n\nvar _reachRouter = /*@__PURE__*/getAugmentedNamespace(es);\n\nvar gatsbyLink = createCommonjsModule(function (module, exports) {\n exports.__esModule = true;\n exports.withPrefix = withPrefix;\n exports.withAssetPrefix = withAssetPrefix;\n exports.navigate = exports.default = void 0;\n\n var _objectWithoutPropertiesLoose2 = interopRequireDefault(objectWithoutPropertiesLoose);\n\n var _assertThisInitialized2 = interopRequireDefault(assertThisInitialized);\n\n var _inheritsLoose2 = interopRequireDefault(inheritsLoose);\n\n var _extends2 = interopRequireDefault(_extends_1);\n\n var _propTypes = interopRequireDefault(propTypes$1);\n\n var _react = interopRequireDefault(React__default$1[\"default\"]);\n\n exports.parsePath = parsePath_1.parsePath;\n var _excluded = [\"to\", \"getProps\", \"onClick\", \"onMouseEnter\", \"activeClassName\", \"activeStyle\", \"innerRef\", \"partiallyActive\", \"state\", \"replace\", \"_location\"];\n\n var isAbsolutePath = function isAbsolutePath(path) {\n return path === null || path === void 0 ? void 0 : path.startsWith(\"/\");\n };\n\n function withPrefix(path, prefix) {\n var _ref, _prefix;\n\n if (prefix === void 0) {\n prefix = getGlobalBasePrefix();\n }\n\n if (!isLocalLink(path)) {\n return path;\n }\n\n if (path.startsWith(\"./\") || path.startsWith(\"../\")) {\n return path;\n }\n\n var base = (_ref = (_prefix = prefix) !== null && _prefix !== void 0 ? _prefix : getGlobalPathPrefix()) !== null && _ref !== void 0 ? _ref : \"/\";\n return \"\" + (base !== null && base !== void 0 && base.endsWith(\"/\") ? base.slice(0, -1) : base) + (path.startsWith(\"/\") ? path : \"/\" + path);\n } // These global values are wrapped in typeof clauses to ensure the values exist.\n // This is especially problematic in unit testing of this component.\n\n\n var getGlobalPathPrefix = function getGlobalPathPrefix() {\n return process.env.NODE_ENV !== \"production\" ? typeof __PATH_PREFIX__ !== \"undefined\" ? __PATH_PREFIX__ : undefined : __PATH_PREFIX__;\n };\n\n var getGlobalBasePrefix = function getGlobalBasePrefix() {\n return process.env.NODE_ENV !== \"production\" ? typeof __BASE_PATH__ !== \"undefined\" ? __BASE_PATH__ : undefined : __BASE_PATH__;\n };\n\n var isLocalLink = function isLocalLink(path) {\n return path && !path.startsWith(\"http://\") && !path.startsWith(\"https://\") && !path.startsWith(\"//\");\n };\n\n function withAssetPrefix(path) {\n return withPrefix(path, getGlobalPathPrefix());\n }\n\n function absolutify(path, current) {\n // If it's already absolute, return as-is\n if (isAbsolutePath(path)) {\n return path;\n }\n\n return (0, utils.resolve)(path, current);\n }\n\n var rewriteLinkPath = function rewriteLinkPath(path, relativeTo) {\n if (typeof path === \"number\") {\n return path;\n }\n\n if (!isLocalLink(path)) {\n return path;\n }\n\n return isAbsolutePath(path) ? withPrefix(path) : absolutify(path, relativeTo);\n };\n\n var NavLinkPropTypes = {\n activeClassName: _propTypes.default.string,\n activeStyle: _propTypes.default.object,\n partiallyActive: _propTypes.default.bool\n }; // Set up IntersectionObserver\n\n var createIntersectionObserver = function createIntersectionObserver(el, cb) {\n var io = new window.IntersectionObserver(function (entries) {\n entries.forEach(function (entry) {\n if (el === entry.target) {\n // Check if element is within viewport, remove listener, destroy observer, and run link callback.\n // MSEdge doesn't currently support isIntersecting, so also test for an intersectionRatio > 0\n if (entry.isIntersecting || entry.intersectionRatio > 0) {\n io.unobserve(el);\n io.disconnect();\n cb();\n }\n }\n });\n }); // Add element to the observer\n\n io.observe(el);\n return {\n instance: io,\n el: el\n };\n };\n\n function GatsbyLinkLocationWrapper(props) {\n return /*#__PURE__*/_react.default.createElement(_reachRouter.Location, null, function (_ref2) {\n var location = _ref2.location;\n return /*#__PURE__*/_react.default.createElement(GatsbyLink, (0, _extends2.default)({}, props, {\n _location: location\n }));\n });\n }\n\n var GatsbyLink = /*#__PURE__*/function (_React$Component) {\n (0, _inheritsLoose2.default)(GatsbyLink, _React$Component);\n\n function GatsbyLink(props) {\n var _this;\n\n _this = _React$Component.call(this, props) || this; // Default to no support for IntersectionObserver\n\n _this.defaultGetProps = function (_ref3) {\n var isPartiallyCurrent = _ref3.isPartiallyCurrent,\n isCurrent = _ref3.isCurrent;\n\n if (_this.props.partiallyActive ? isPartiallyCurrent : isCurrent) {\n return {\n className: [_this.props.className, _this.props.activeClassName].filter(Boolean).join(\" \"),\n style: (0, _extends2.default)({}, _this.props.style, _this.props.activeStyle)\n };\n }\n\n return null;\n };\n\n var IOSupported = false;\n\n if (typeof window !== \"undefined\" && window.IntersectionObserver) {\n IOSupported = true;\n }\n\n _this.state = {\n IOSupported: IOSupported\n };\n _this.handleRef = _this.handleRef.bind((0, _assertThisInitialized2.default)(_this));\n return _this;\n }\n\n var _proto = GatsbyLink.prototype;\n\n _proto._prefetch = function _prefetch() {\n var currentPath = window.location.pathname; // reach router should have the correct state\n\n if (this.props._location && this.props._location.pathname) {\n currentPath = this.props._location.pathname;\n }\n\n var rewrittenPath = rewriteLinkPath(this.props.to, currentPath);\n var newPathName = (0, parsePath_1.parsePath)(rewrittenPath).pathname; // Prefech is used to speed up next navigations. When you use it on the current navigation,\n // there could be a race-condition where Chrome uses the stale data instead of waiting for the network to complete\n\n if (currentPath !== newPathName) {\n ___loader.enqueue(newPathName);\n }\n };\n\n _proto.componentDidUpdate = function componentDidUpdate(prevProps, prevState) {\n // Preserve non IO functionality if no support\n if (this.props.to !== prevProps.to && !this.state.IOSupported) {\n this._prefetch();\n }\n };\n\n _proto.componentDidMount = function componentDidMount() {\n // Preserve non IO functionality if no support\n if (!this.state.IOSupported) {\n this._prefetch();\n }\n };\n\n _proto.componentWillUnmount = function componentWillUnmount() {\n if (!this.io) {\n return;\n }\n\n var _this$io = this.io,\n instance = _this$io.instance,\n el = _this$io.el;\n instance.unobserve(el);\n instance.disconnect();\n };\n\n _proto.handleRef = function handleRef(ref) {\n var _this2 = this;\n\n if (this.props.innerRef && this.props.innerRef.hasOwnProperty(\"current\")) {\n this.props.innerRef.current = ref;\n } else if (this.props.innerRef) {\n this.props.innerRef(ref);\n }\n\n if (this.state.IOSupported && ref) {\n // If IO supported and element reference found, setup Observer functionality\n this.io = createIntersectionObserver(ref, function () {\n _this2._prefetch();\n });\n }\n };\n\n _proto.render = function render() {\n var _this3 = this;\n\n var _this$props = this.props,\n to = _this$props.to,\n _this$props$getProps = _this$props.getProps,\n getProps = _this$props$getProps === void 0 ? this.defaultGetProps : _this$props$getProps,\n _onClick = _this$props.onClick,\n _onMouseEnter = _this$props.onMouseEnter;\n _this$props.activeClassName;\n _this$props.activeStyle;\n _this$props.innerRef;\n _this$props.partiallyActive;\n var state = _this$props.state,\n replace = _this$props.replace,\n _location = _this$props._location,\n rest = (0, _objectWithoutPropertiesLoose2.default)(_this$props, _excluded);\n\n if (process.env.NODE_ENV !== \"production\" && !isLocalLink(to)) {\n console.warn(\"External link \" + to + \" was detected in a Link component. Use the Link component only for internal links. See: https://gatsby.dev/internal-links\");\n }\n\n var prefixedTo = rewriteLinkPath(to, _location.pathname);\n\n if (!isLocalLink(prefixedTo)) {\n return /*#__PURE__*/_react.default.createElement(\"a\", (0, _extends2.default)({\n href: prefixedTo\n }, rest));\n }\n\n return /*#__PURE__*/_react.default.createElement(_reachRouter.Link, (0, _extends2.default)({\n to: prefixedTo,\n state: state,\n getProps: getProps,\n innerRef: this.handleRef,\n onMouseEnter: function onMouseEnter(e) {\n if (_onMouseEnter) {\n _onMouseEnter(e);\n }\n\n ___loader.hovering((0, parsePath_1.parsePath)(prefixedTo).pathname);\n },\n onClick: function onClick(e) {\n if (_onClick) {\n _onClick(e);\n }\n\n if (e.button === 0 && // ignore right clicks\n !_this3.props.target && // let browser handle \"target=_blank\"\n !e.defaultPrevented && // onClick prevented default\n !e.metaKey && // ignore clicks with modifier keys...\n !e.altKey && !e.ctrlKey && !e.shiftKey) {\n e.preventDefault();\n var shouldReplace = replace;\n\n var isCurrent = encodeURI(prefixedTo) === _location.pathname;\n\n if (typeof replace !== \"boolean\" && isCurrent) {\n shouldReplace = true;\n } // Make sure the necessary scripts and data are\n // loaded before continuing.\n\n\n window.___navigate(prefixedTo, {\n state: state,\n replace: shouldReplace\n });\n }\n\n return true;\n }\n }, rest));\n };\n\n return GatsbyLink;\n }(_react.default.Component);\n\n GatsbyLink.propTypes = (0, _extends2.default)({}, NavLinkPropTypes, {\n onClick: _propTypes.default.func,\n to: _propTypes.default.string.isRequired,\n replace: _propTypes.default.bool,\n state: _propTypes.default.object\n });\n\n var _default = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n return /*#__PURE__*/_react.default.createElement(GatsbyLinkLocationWrapper, (0, _extends2.default)({\n innerRef: ref\n }, props));\n });\n\n exports.default = _default;\n\n var navigate = function navigate(to, options) {\n window.___navigate(rewriteLinkPath(to, window.location.pathname), options);\n };\n\n exports.navigate = navigate;\n});\nvar Link = /*@__PURE__*/getDefaultExportFromCjs(gatsbyLink);\n\nvar _templateObject$14, _templateObject2$d, _templateObject3$8, _templateObject4$4, _templateObject5$3, _templateObject6$1, _templateObject7$1, _templateObject8$1, _templateObject9$1, _templateObject10$1, _templateObject11$1, _templateObject12$1, _templateObject13$1;\n\nvar Container = styled__default[\"default\"].footer(_templateObject$14 || (_templateObject$14 = _taggedTemplateLiteral([\"\\n background: \", \";\\n\"])), function (_ref) {\n var _ref$background = _ref.background,\n background = _ref$background === void 0 ? colorsTypes.PRIMARY_DARK : _ref$background;\n return background;\n});\nvar NodeDescription = styled__default[\"default\"].p(_templateObject2$d || (_templateObject2$d = _taggedTemplateLiteral([\"\\n font-family: \", \";\\n font-size: \", \";\\n color: \", \";\\n\"])), function (_ref2) {\n var _ref2$fontFamily = _ref2.fontFamily,\n fontFamily = _ref2$fontFamily === void 0 ? fontsFamiliesVariantsTypes.PRIMARY : _ref2$fontFamily;\n return getFontFamily(fontsFamiliesVariantsTypes[fontFamily]);\n}, function (_ref3) {\n var _ref3$size = _ref3.size,\n size = _ref3$size === void 0 ? textSizesVariantsTypes.VERY_SMALL : _ref3$size;\n return getTextSize(textSizesVariantsTypes[size]);\n}, function (_ref4) {\n var _ref4$color = _ref4.color,\n color = _ref4$color === void 0 ? colorsVariantsTypes.WHITE : _ref4$color;\n return getColors(colorsVariantsTypes[color]);\n});\nvar NodeName = styled__default[\"default\"].p(_templateObject3$8 || (_templateObject3$8 = _taggedTemplateLiteral([\"\\n font-family: \", \";\\n font-size: \", \";\\n color: \", \";\\n\"])), function (_ref5) {\n var _ref5$fontFamily = _ref5.fontFamily,\n fontFamily = _ref5$fontFamily === void 0 ? fontsFamiliesVariantsTypes.PRIMARY : _ref5$fontFamily;\n return getFontFamily(fontsFamiliesVariantsTypes[fontFamily]);\n}, function (_ref6) {\n var _ref6$size = _ref6.size,\n size = _ref6$size === void 0 ? textSizesVariantsTypes.VERY_SMALL : _ref6$size;\n return getTextSize(textSizesVariantsTypes[size]);\n}, function (_ref7) {\n var _ref7$color = _ref7.color,\n color = _ref7$color === void 0 ? colorsVariantsTypes.WHITE : _ref7$color;\n return getColors(colorsVariantsTypes[color]);\n});\nvar NodeDirection = styled__default[\"default\"].pre(_templateObject4$4 || (_templateObject4$4 = _taggedTemplateLiteral([\"\\n font-family: \", \";\\n font-size: \", \";\\n color: \", \";\\n\"])), function (_ref8) {\n var _ref8$fontFamily = _ref8.fontFamily,\n fontFamily = _ref8$fontFamily === void 0 ? fontsFamiliesVariantsTypes.PRIMARY : _ref8$fontFamily;\n return getFontFamily(fontsFamiliesVariantsTypes[fontFamily]);\n}, function (_ref9) {\n var _ref9$size = _ref9.size,\n size = _ref9$size === void 0 ? textSizesVariantsTypes.VERY_SMALL : _ref9$size;\n return getTextSize(textSizesVariantsTypes[size]);\n}, function (_ref10) {\n var _ref10$color = _ref10.color,\n color = _ref10$color === void 0 ? colorsVariantsTypes.WHITE : _ref10$color;\n return getColors(colorsVariantsTypes[color]);\n});\nvar NodeIconSubText = styled__default[\"default\"].p(_templateObject5$3 || (_templateObject5$3 = _taggedTemplateLiteral([\"\\n font-family: \", \";\\n font-size: \", \";\\n color: \", \";\\n\"])), function (_ref11) {\n var _ref11$fontFamily = _ref11.fontFamily,\n fontFamily = _ref11$fontFamily === void 0 ? fontsFamiliesVariantsTypes.PRIMARY : _ref11$fontFamily;\n return getFontFamily(fontsFamiliesVariantsTypes[fontFamily]);\n}, function (_ref12) {\n var _ref12$size = _ref12.size,\n size = _ref12$size === void 0 ? textSizesVariantsTypes.ULTRA_SMALL : _ref12$size;\n return getTextSize(textSizesVariantsTypes[size]);\n}, function (_ref13) {\n var _ref13$color = _ref13.color,\n color = _ref13$color === void 0 ? colorsVariantsTypes.WHITE : _ref13$color;\n return getColors(colorsVariantsTypes[color]);\n});\nvar LinkTitle = styled__default[\"default\"].h3(_templateObject6$1 || (_templateObject6$1 = _taggedTemplateLiteral([\"\\n font-family: \", \";\\n font-size: \", \";\\n color: \", \";\\n\"])), function (_ref14) {\n var _ref14$fontFamily = _ref14.fontFamily,\n fontFamily = _ref14$fontFamily === void 0 ? fontsFamiliesVariantsTypes.PRIMARY : _ref14$fontFamily;\n return getFontFamily(fontsFamiliesVariantsTypes[fontFamily]);\n}, function (_ref15) {\n var _ref15$size = _ref15.size,\n size = _ref15$size === void 0 ? textSizesVariantsTypes.VERY_SMALL : _ref15$size;\n return getTextSize(textSizesVariantsTypes[size]);\n}, function (_ref16) {\n var _ref16$color = _ref16.color,\n color = _ref16$color === void 0 ? colorsVariantsTypes.WHITE : _ref16$color;\n return getColors(colorsVariantsTypes[color]);\n});\nvar LinkItemLabel = styled__default[\"default\"].a(_templateObject7$1 || (_templateObject7$1 = _taggedTemplateLiteral([\"\\n font-family: \", \";\\n font-size: \", \";\\n color: \", \";\\n\"])), function (_ref17) {\n var _ref17$fontFamily = _ref17.fontFamily,\n fontFamily = _ref17$fontFamily === void 0 ? fontsFamiliesVariantsTypes.PRIMARY : _ref17$fontFamily;\n return getFontFamily(fontsFamiliesVariantsTypes[fontFamily]);\n}, function (_ref18) {\n var _ref18$size = _ref18.size,\n size = _ref18$size === void 0 ? textSizesVariantsTypes.VERY_SMALL : _ref18$size;\n return getTextSize(textSizesVariantsTypes[size]);\n}, function (_ref19) {\n var _ref19$color = _ref19.color,\n color = _ref19$color === void 0 ? colorsVariantsTypes.WHITE : _ref19$color;\n return getColors(colorsVariantsTypes[color]);\n});\n\nfunction Footer(_ref20) {\n var data = _ref20.data,\n _ref20$config = _ref20.config,\n config = _ref20$config === void 0 ? {} : _ref20$config,\n _ref20$background = _ref20.background,\n background = _ref20$background === void 0 ? colorsTypes.PRIMARY_DARK : _ref20$background,\n _ref20$powerByImg = _ref20.powerByImg,\n powerByImg = _ref20$powerByImg === void 0 ? \"https://blossomcms.s3.amazonaws.com/blossom_logo_9fb96d3f98.png\" : _ref20$powerByImg,\n _ref20$bottomSectionM = _ref20.bottomSectionMargin,\n bottomSectionMargin = _ref20$bottomSectionM === void 0 ? \"3rem 0\" : _ref20$bottomSectionM,\n _ref20$businessCustom = _ref20.businessCustomLogos,\n businessCustomLogos = _ref20$businessCustom === void 0 ? \"\" : _ref20$businessCustom,\n _ref20$homeLogoVisibl = _ref20.homeLogoVisible,\n homeLogoVisible = _ref20$homeLogoVisibl === void 0 ? true : _ref20$homeLogoVisibl,\n customIconsAlt = _ref20.customIconsAlt;\n var _data$nodeNameFontFam = data.nodeNameFontFamily,\n nodeNameFontFamily = _data$nodeNameFontFam === void 0 ? fontsFamiliesVariantsTypes.PRIMARY : _data$nodeNameFontFam,\n _data$nodeNameColor = data.nodeNameColor,\n nodeNameColor = _data$nodeNameColor === void 0 ? colorsVariantsTypes.WHITE : _data$nodeNameColor,\n _data$nodeNameSize = data.nodeNameSize,\n nodeNameSize = _data$nodeNameSize === void 0 ? textSizesVariantsTypes.VERY_SMALL : _data$nodeNameSize,\n _data$nodeDescription = data.nodeDescriptionFontFamily,\n nodeDescriptionFontFamily = _data$nodeDescription === void 0 ? fontsFamiliesVariantsTypes.PRIMARY : _data$nodeDescription,\n _data$nodeDescription2 = data.nodeDescriptionColor,\n nodeDescriptionColor = _data$nodeDescription2 === void 0 ? colorsVariantsTypes.WHITE : _data$nodeDescription2,\n _data$nodeDescription3 = data.nodeDescriptionSize,\n nodeDescriptionSize = _data$nodeDescription3 === void 0 ? textSizesVariantsTypes.VERY_SMALL : _data$nodeDescription3,\n _data$nodeDirectionFo = data.nodeDirectionFontFamily,\n nodeDirectionFontFamily = _data$nodeDirectionFo === void 0 ? fontsFamiliesVariantsTypes.PRIMARY : _data$nodeDirectionFo,\n _data$nodeDirectionCo = data.nodeDirectionColor,\n nodeDirectionColor = _data$nodeDirectionCo === void 0 ? colorsVariantsTypes.WHITE : _data$nodeDirectionCo,\n _data$nodeDirectionSi = data.nodeDirectionSize,\n nodeDirectionSize = _data$nodeDirectionSi === void 0 ? textSizesVariantsTypes.VERY_SMALL : _data$nodeDirectionSi,\n _data$nodeIconSubText = data.nodeIconSubTextFontFamily,\n nodeIconSubTextFontFamily = _data$nodeIconSubText === void 0 ? fontsFamiliesVariantsTypes.PRIMARY : _data$nodeIconSubText,\n _data$nodeIconSubText2 = data.nodeIconSubTextColor,\n nodeIconSubTextColor = _data$nodeIconSubText2 === void 0 ? colorsVariantsTypes.WHITE : _data$nodeIconSubText2,\n _data$nodeIconSubText3 = data.nodeIconSubTextSize,\n nodeIconSubTextSize = _data$nodeIconSubText3 === void 0 ? textSizesVariantsTypes.ULTRA_SMALL : _data$nodeIconSubText3,\n _data$LinkTitleFontFa = data.LinkTitleFontFamily,\n LinkTitleFontFamily = _data$LinkTitleFontFa === void 0 ? fontsFamiliesVariantsTypes.PRIMARY : _data$LinkTitleFontFa,\n _data$LinkTitleColor = data.LinkTitleColor,\n LinkTitleColor = _data$LinkTitleColor === void 0 ? colorsVariantsTypes.WHITE : _data$LinkTitleColor,\n _data$LinkTitleSize = data.LinkTitleSize,\n LinkTitleSize = _data$LinkTitleSize === void 0 ? textSizesVariantsTypes.VERY_SMALL : _data$LinkTitleSize,\n _data$LinkItemLabelFo = data.LinkItemLabelFontFamily,\n LinkItemLabelFontFamily = _data$LinkItemLabelFo === void 0 ? fontsFamiliesVariantsTypes.PRIMARY : _data$LinkItemLabelFo,\n _data$LinkItemLabelCo = data.LinkItemLabelColor,\n LinkItemLabelColor = _data$LinkItemLabelCo === void 0 ? colorsVariantsTypes.WHITE : _data$LinkItemLabelCo,\n _data$LinkItemLabelSi = data.LinkItemLabelSize,\n LinkItemLabelSize = _data$LinkItemLabelSi === void 0 ? textSizesVariantsTypes.VERY_SMALL : _data$LinkItemLabelSi;\n\n if (!config.footer) {\n return /*#__PURE__*/React__default$1[\"default\"].createElement(Container, {\n className: \"FOOTER Footer tw-pt-20\",\n background: background\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"FOOTER__CONTAINER tw-x-container tw-px-6 sm:tw-px-8 md:tw-px-0\"\n }, homeLogoVisible && /*#__PURE__*/React__default$1[\"default\"].createElement(LogoHome, null), /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"FOOTER__INFO_ENTERPRISE_CONTAINER tw-mt-14 tw-flex tw-flex-col md:tw-flex-row md:tw-justify-between\"\n }, data && /*#__PURE__*/React__default$1[\"default\"].createElement(React.Fragment, null, /*#__PURE__*/React__default$1[\"default\"].createElement(InfoEnterprise, {\n data: data,\n nodeNameFontFamily: nodeNameFontFamily || fontsFamiliesVariantsTypes.PRIMARY,\n nodeNameColor: nodeNameColor || colorsVariantsTypes.WHITE,\n nodeNameSize: nodeNameSize,\n nodeDescriptionFontFamily: nodeDescriptionFontFamily || fontsFamiliesVariantsTypes.PRIMARY,\n nodeDescriptionColor: nodeDescriptionColor || colorsVariantsTypes.WHITE,\n nodeDescriptionSize: nodeDescriptionSize,\n nodeDirectionFontFamily: nodeDirectionFontFamily || fontsFamiliesVariantsTypes.PRIMARY,\n nodeDirectionColor: nodeDirectionColor || colorsVariantsTypes.WHITE,\n nodeDirectionSize: nodeDirectionSize,\n nodeIconSubTextFontFamily: nodeIconSubTextFontFamily || fontsFamiliesVariantsTypes.PRIMARY,\n nodeIconSubTextColor: nodeIconSubTextColor || colorsVariantsTypes.WHITE,\n nodeIconSubTextSize: nodeIconSubTextSize\n }), /*#__PURE__*/React__default$1[\"default\"].createElement(Links, {\n data: data,\n LinkTitleFontFamily: LinkTitleFontFamily || fontsFamiliesVariantsTypes.PRIMARY,\n LinkTitleColor: LinkTitleColor || colorsVariantsTypes.WHITE,\n LinkTitleSize: LinkTitleSize,\n LinkItemLabelFontFamily: LinkItemLabelFontFamily || fontsFamiliesVariantsTypes.PRIMARY,\n LinkItemLabelColor: LinkItemLabelColor,\n LinkItemLabelSize: LinkItemLabelSize\n })), data && /*#__PURE__*/React__default$1[\"default\"].createElement(Business, {\n data: data,\n customLogos: businessCustomLogos,\n nodeIconSubTextFontFamily: nodeIconSubTextFontFamily || fontsFamiliesVariantsTypes.PRIMARY,\n nodeIconSubTextColor: nodeIconSubTextColor || colorsVariantsTypes.WHITE,\n nodeIconSubTextSize: nodeIconSubTextSize || textSizesVariantsTypes.ULTRA_SMALL\n })), /*#__PURE__*/React__default$1[\"default\"].createElement(Dividers, {\n variant: dividersVariantsTypes.DIVIDER,\n className: \"FOOTER__DIVIDER bl-bg-grayscale-0 tw-opacity-25 tw-my-8\"\n }), /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"FOOTER__ENTERPRISE_BOX tw-flex tw-flex-col md:tw-flex-row md:tw-justify-between md:tw-items-center tw-py-6\"\n }, data && /*#__PURE__*/React__default$1[\"default\"].createElement(Enterprise, {\n data: data\n }), !!powerByImg && /*#__PURE__*/React__default$1[\"default\"].createElement(CorporateImage, {\n powerByImg: powerByImg\n }))), data && /*#__PURE__*/React__default$1[\"default\"].createElement(BottomSection, {\n data: data,\n background: background,\n margin: bottomSectionMargin,\n customIconsAlt: customIconsAlt\n }));\n }\n\n if (config.footer === \"SINGLE_PAGE\") {\n return /*#__PURE__*/React__default$1[\"default\"].createElement(Container, {\n className: \"FOOTER Footer\",\n background: background\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"FOOTER__CONTAINER tw-x-container tw-px-6 sm:tw-px-8 md:tw-px-0\"\n }, homeLogoVisible && /*#__PURE__*/React__default$1[\"default\"].createElement(LogoHome, null), /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"FOOTER__INFO_ENTERPRISE_CONTAINER tw-mt-14 tw-flex tw-flex-col md:tw-flex-row md:tw-justify-between\"\n }, data && /*#__PURE__*/React__default$1[\"default\"].createElement(React.Fragment, null, /*#__PURE__*/React__default$1[\"default\"].createElement(LinksSinglePage, {\n data: data,\n LinkTitleFontFamily: LinkTitleFontFamily || fontsFamiliesVariantsTypes.PRIMARY,\n LinkTitleColor: LinkTitleColor || colorsVariantsTypes.WHITE,\n LinkTitleSize: LinkTitleSize,\n LinkItemLabelFontFamily: LinkItemLabelFontFamily || fontsFamiliesVariantsTypes.PRIMARY,\n LinkItemLabelColor: LinkItemLabelColor,\n LinkItemLabelSize: LinkItemLabelSize\n })), data && /*#__PURE__*/React__default$1[\"default\"].createElement(BusinessSinglePage, {\n data: data,\n customLogos: businessCustomLogos,\n nodeIconSubTextFontFamily: nodeIconSubTextFontFamily || fontsFamiliesVariantsTypes.PRIMARY,\n nodeIconSubTextColor: nodeIconSubTextColor || colorsVariantsTypes.WHITE,\n nodeIconSubTextSize: nodeIconSubTextSize || textSizesVariantsTypes.ULTRA_SMALL\n })), /*#__PURE__*/React__default$1[\"default\"].createElement(Dividers, {\n variant: dividersVariantsTypes.DIVIDER,\n className: \"FOOTER__DIVIDER bl-bg-grayscale-0 tw-opacity-25 tw-my-8\"\n }), /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"FOOTER__ENTERPRISE_BOX tw-flex tw-flex-col md:tw-flex-row md:tw-justify-between md:tw-items-center tw-py-6\"\n }, data && /*#__PURE__*/React__default$1[\"default\"].createElement(Enterprise, {\n data: data\n }), !!powerByImg && /*#__PURE__*/React__default$1[\"default\"].createElement(CorporateImage, {\n powerByImg: powerByImg\n }))), data && /*#__PURE__*/React__default$1[\"default\"].createElement(BottomSection, {\n data: data,\n background: background,\n margin: bottomSectionMargin,\n customIconsAlt: customIconsAlt\n }));\n }\n}\n\nvar Footer$1 = withErrorBoundary(Footer, {\n FallbackComponent: Footer\n}); // --- Components ---\n\nfunction LogoHome() {\n return /*#__PURE__*/React__default$1[\"default\"].createElement(Link, {\n to: \"/\",\n className: \"FOOTER__LOGO__LINK tw-w-full\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(\"img\", {\n src: \"/images/logo-white.svg\",\n alt: \"\".concat(process.env.GATSBY_CU_NAME, \" Logo\"),\n className: \"FOOTER__LOGO tw-w-48 tw-h-auto\"\n }));\n}\n\nfunction InfoEnterprise(_ref21) {\n var data = _ref21.data,\n nodeNameFontFamily = _ref21.nodeNameFontFamily,\n nodeNameColor = _ref21.nodeNameColor,\n nodeNameSize = _ref21.nodeNameSize,\n nodeDescriptionFontFamily = _ref21.nodeDescriptionFontFamily,\n nodeDescriptionColor = _ref21.nodeDescriptionColor,\n nodeDescriptionSize = _ref21.nodeDescriptionSize,\n nodeDirectionFontFamily = _ref21.nodeDirectionFontFamily,\n nodeDirectionColor = _ref21.nodeDirectionColor,\n nodeDirectionSize = _ref21.nodeDirectionSize;\n return /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", null, (data.Office || []).map(function (office, index1) {\n return /*#__PURE__*/React__default$1[\"default\"].createElement(React.Fragment, {\n key: \"InfoEnterprise-Office-element-\".concat(index1)\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"FOOTER__TEXT_CONTAINER\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"FOOTER__INFO_ENTERPRISE__CONTENT_TEXT tw-w-36 bl-text-grayscale-0 bl-text-xs tw-mb-4\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(NodeName, {\n className: \"FOOTER__OFFICE_NAME tw-font-bold tw-mb-1\",\n fontFamily: nodeNameFontFamily,\n color: nodeNameColor,\n size: nodeNameSize\n }, office.name), /*#__PURE__*/React__default$1[\"default\"].createElement(NodeDirection, {\n className: \"FOOTER__OFFICE_DIRECTION tw-leading-none bl-text-grayscale-0 bl-font-primary bl-text-xs\",\n fontFamily: nodeDirectionFontFamily,\n color: nodeDirectionColor,\n size: nodeDirectionSize\n }, office.direction1)), /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"FOOTER__OFFICE_DIRECTION__ITEM__BOX bl-text-grayscale-0 bl-text-xs tw-mb-4\"\n }, (office.OfficeItem || []).map(function (element, index2) {\n return /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n key: \"InfoEnterprise-OfficeItem-element-\".concat(index2),\n className: \"FOOTER__OFFICE_DIRECTION__ITEM__BOX__CONTAINER tw-flex\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(NodeName, {\n className: \"FOOTER__OFFICE_DIRECTION__ITEM__BOX__CONTAINER__NAME tw-font-bold tw-mr-2\",\n fontFamily: nodeNameFontFamily,\n color: nodeNameColor,\n size: nodeNameSize\n }, element.name), /*#__PURE__*/React__default$1[\"default\"].createElement(NodeDescription, {\n className: \"FOOTER__OFFICE_DIRECTION__ITEM__BOX__CONTAINER__DESCRIPTION\",\n fontFamily: nodeDescriptionFontFamily,\n color: nodeDescriptionColor,\n size: nodeDescriptionSize\n }, element.description));\n })), /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"FOOTER__OFFICE_DIRECTION__ITEM__BOX__2 bl-text-grayscale-0 bl-text-xs tw-mb-8\"\n }, (office.OfficeItemTwo || []).map(function (element, index2) {\n return /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n key: \"InfoEnterprise-OfficeItemTwo-element-\".concat(index2),\n className: \"FOOTER__OFFICE_CONTAINER tw-flex tw-flex-wrap\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(NodeName, {\n className: \"FOOTER__OFFICE_CONTAINER__NAME tw-font-bold tw-mr-2\",\n fontFamily: nodeNameFontFamily,\n color: nodeNameColor,\n size: nodeNameSize\n }, element.name), /*#__PURE__*/React__default$1[\"default\"].createElement(NodeDescription, {\n className: \"FOOTER__OFFICE_CONTAINER__DESCRIPTION\",\n fontFamily: nodeDescriptionFontFamily,\n color: nodeDescriptionColor,\n size: nodeDescriptionSize\n }, element.description));\n }))));\n }), (data.Widgets || []).map(function (el, index) {\n return /*#__PURE__*/React__default$1[\"default\"].createElement(Widget, {\n className: \"FOOTER_WIDGET\",\n data: el,\n key: \"widget-key-\".concat(index)\n });\n }));\n}\n\nfunction Links(_ref22) {\n var data = _ref22.data,\n LinkTitleFontFamily = _ref22.LinkTitleFontFamily,\n LinkTitleColor = _ref22.LinkTitleColor,\n LinkTitleSize = _ref22.LinkTitleSize,\n LinkItemLabelFontFamily = _ref22.LinkItemLabelFontFamily,\n LinkItemLabelColor = _ref22.LinkItemLabelColor,\n LinkItemLabelSize = _ref22.LinkItemLabelSize;\n return /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"FOOTER_LINKS_CONTAINER lg:tw-flex tw-max-w-48 lg:tw-max-w-96\"\n }, (data.Links || []).map(function (element, index) {\n return /*#__PURE__*/React__default$1[\"default\"].createElement(LinkItem, {\n key: \"Links-element-\".concat(index),\n data: element,\n LinkTitleFontFamily: LinkTitleFontFamily,\n LinkTitleColor: LinkTitleColor,\n LinkTitleSize: LinkTitleSize,\n LinkItemLabelFontFamily: LinkItemLabelFontFamily,\n LinkItemLabelColor: LinkItemLabelColor,\n LinkItemLabelSize: LinkItemLabelSize\n });\n }));\n}\n\nfunction LinkItem(_ref23) {\n var data = _ref23.data,\n LinkTitleFontFamily = _ref23.LinkTitleFontFamily,\n LinkTitleColor = _ref23.LinkTitleColor,\n LinkTitleSize = _ref23.LinkTitleSize,\n LinkItemLabelFontFamily = _ref23.LinkItemLabelFontFamily,\n LinkItemLabelColor = _ref23.LinkItemLabelColor,\n LinkItemLabelSize = _ref23.LinkItemLabelSize;\n return /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"FOOTER__INDIVIDUAL_LINKS__SECTION bl-text-grayscale-0 bl-text-xs tw-mb-4 md:tw-pl-4 tw-pr-3 \"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(LinkTitle, {\n className: \"FOOTER__INDIVIDUAL_LINKS__SECTION__TITLE tw-font-bold tw-mb-2\",\n fontFamily: LinkTitleFontFamily,\n color: LinkTitleColor,\n size: LinkTitleSize\n }, data.title), (data.linkItem || []).map(function (element, index) {\n var _element$url;\n\n var isPdf = (_element$url = element.url) === null || _element$url === void 0 ? void 0 : _element$url.endsWith(\".pdf\");\n return /*#__PURE__*/React__default$1[\"default\"].createElement(LinkItemLabel, {\n key: \"LinkItem-linkItem-element-\".concat(index),\n href: element.url,\n target: isPdf ? \"_blank\" : \"_self\",\n className: \"FOOTER__LINK__ITEM_LABEL tw-leading-6 md:tw-leading-tight tw-block hover:tw-opacity-50\",\n fontFamily: LinkItemLabelFontFamily,\n color: LinkItemLabelColor,\n size: LinkItemLabelSize\n }, element.label);\n }));\n}\n\nfunction LinksSinglePage(_ref24) {\n var data = _ref24.data,\n LinkTitleFontFamily = _ref24.LinkTitleFontFamily,\n LinkTitleColor = _ref24.LinkTitleColor,\n LinkTitleSize = _ref24.LinkTitleSize,\n LinkItemLabelFontFamily = _ref24.LinkItemLabelFontFamily,\n LinkItemLabelColor = _ref24.LinkItemLabelColor,\n LinkItemLabelSize = _ref24.LinkItemLabelSize;\n return /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"FOOTER_LINKS_CONTAINER lg:tw-flex tw-max-w-48 lg:tw-max-w-96\"\n }, (data.Links || []).map(function (element, index) {\n return /*#__PURE__*/React__default$1[\"default\"].createElement(LinkItemSinglePage, {\n key: \"Links-element-\".concat(index),\n data: element,\n LinkTitleFontFamily: LinkTitleFontFamily,\n LinkTitleColor: LinkTitleColor,\n LinkTitleSize: LinkTitleSize,\n LinkItemLabelFontFamily: LinkItemLabelFontFamily,\n LinkItemLabelColor: LinkItemLabelColor,\n LinkItemLabelSize: LinkItemLabelSize\n });\n }));\n}\n\nfunction LinkItemSinglePage(_ref25) {\n var data = _ref25.data,\n LinkTitleFontFamily = _ref25.LinkTitleFontFamily,\n LinkTitleColor = _ref25.LinkTitleColor,\n LinkTitleSize = _ref25.LinkTitleSize,\n LinkItemLabelFontFamily = _ref25.LinkItemLabelFontFamily,\n LinkItemLabelColor = _ref25.LinkItemLabelColor,\n LinkItemLabelSize = _ref25.LinkItemLabelSize;\n return /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"FOOTER__INDIVIDUAL_LINKS__SECTION bl-text-grayscale-0 bl-text-xs tw-mb-4 md:tw-pl-4 tw-pr-3 tw-flex tw-flex-row\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(LinkTitle, {\n className: \"FOOTER__INDIVIDUAL_LINKS__SECTION__TITLE tw-font-bold tw-mb-2 \",\n fontFamily: LinkTitleFontFamily,\n color: LinkTitleColor,\n size: LinkTitleSize\n }, data.title), (data.linkItem || []).map(function (element, index) {\n var _element$url2;\n\n var isPdf = (_element$url2 = element.url) === null || _element$url2 === void 0 ? void 0 : _element$url2.endsWith(\".pdf\");\n return /*#__PURE__*/React__default$1[\"default\"].createElement(React__default$1[\"default\"].Fragment, null, /*#__PURE__*/React__default$1[\"default\"].createElement(LinkItemLabel, {\n key: \"LinkItem-linkItem-element-\".concat(index),\n href: element.url,\n target: isPdf ? \"_blank\" : \"_self\",\n className: \"FOOTER__LINK__ITEM_LABEL tw-leading-6 md:tw-leading-tight tw-block hover:tw-opacity-50\",\n fontFamily: LinkItemLabelFontFamily,\n color: LinkItemLabelColor,\n size: LinkItemLabelSize\n }, element.label), /*#__PURE__*/React__default$1[\"default\"].createElement(\"span\", {\n className: \"tw-mx-4 tw-mb-4 FOOTER__LINK__ITEM_PIPE-\".concat(index)\n }, \"|\"));\n }));\n}\n\nvar BusinessItemImage = styled__default[\"default\"].img(_templateObject8$1 || (_templateObject8$1 = _taggedTemplateLiteral([\"\\n filter: \", \";\\n\"])), function (_ref26) {\n var _ref26$invert = _ref26.invert,\n invert = _ref26$invert === void 0 ? false : _ref26$invert,\n _ref26$range = _ref26.range,\n range = _ref26$range === void 0 ? \"100%\" : _ref26$range;\n if (invert) return \"invert(\".concat(range, \")\");\n return undefined;\n});\nvar BusinessItemImageLink = styled__default[\"default\"].a(_templateObject9$1 || (_templateObject9$1 = _taggedTemplateLiteral([\"\\n position: absolute;\\n z-index: 1;\\n width: 100%;\\n height: 4rem;\\n\\n @media (max-width: 767) {\\n width: 9rem;\\n }\\n\"])));\n\nvar Business = function Business(_ref27) {\n var _data$Brand, _data$Brand3;\n\n var data = _ref27.data,\n nodeIconSubTextFontFamily = _ref27.nodeIconSubTextFontFamily,\n nodeIconSubTextColor = _ref27.nodeIconSubTextColor,\n nodeIconSubTextSize = _ref27.nodeIconSubTextSize,\n _ref27$customLogos = _ref27.customLogos,\n customLogos = _ref27$customLogos === void 0 ? [] : _ref27$customLogos;\n return /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"FOOTER__BUSINESS tw-flex tw-flex-col tw-max-w-xs tw-mt-8 tw-flex-wrap md:tw-mt-0 lg:tw-flex-row \"\n }, (data === null || data === void 0 || (_data$Brand = data.Brand) === null || _data$Brand === void 0 || (_data$Brand = _data$Brand.businessLogo) === null || _data$Brand === void 0 ? void 0 : _data$Brand.length) > 0 && /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"FOOTER__BUSINESS_IMAGES_CONTAINER tw-flex tw-flex-col tw-w-full tw-flex-wrap lg:tw-items-end\"\n }, (data.Brand.businessLogo || []).map(function (item, index) {\n var hasReplaceItem = lodash.find(customLogos, {\n replaceByIndex: index\n });\n var hasReplaceItemHasLink = hasReplaceItem && !!hasReplaceItem.linkTo;\n var image = /*#__PURE__*/React__default$1[\"default\"].createElement(BusinessItemImage, {\n key: \"Business-BusinessLogo-\".concat(index),\n className: \"FOOTER__BUSINESS_LOGO tw-w-36 md:tw-w-auto tw-h-16 tw-mb-6 tw-object-fill\",\n src: hasReplaceItem && hasReplaceItem.url ? hasReplaceItem.url : item.url,\n alt: (item === null || item === void 0 ? void 0 : item.alternativeText) || (hasReplaceItem === null || hasReplaceItem === void 0 ? void 0 : hasReplaceItem.alternativeText) || \"Bussiness Logo\",\n invert: hasReplaceItem && hasReplaceItem.invert || false\n });\n\n if (hasReplaceItemHasLink) {\n var _data$Brand2;\n\n return /*#__PURE__*/React__default$1[\"default\"].createElement(React__default$1[\"default\"].Fragment, null, /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"tw-relative FOOTER__BUSINESS__ITEM_IMAGE_LINK_CONTAINER\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(BusinessItemImageLink, {\n className: \"FOOTER__BUSINESS__ITEM_IMAGE_LINK\",\n target: \"_blank\",\n href: hasReplaceItem.linkTo\n }), image), (data === null || data === void 0 || (_data$Brand2 = data.Brand) === null || _data$Brand2 === void 0 ? void 0 : _data$Brand2.firstIconSubText) && index === 0 && /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"FOOTER__FIRST_ICON_SUBTEXT__BOX tw-w-full bl-text-grayscale-0 tw-mb-3 bl-text-xxs tw-mt-0 md:tw-text-right tw-opacity-50\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(NodeIconSubText, {\n className: \"FOOTER__FIRST_ICON_SUBTEXT__TEXT tw-leading-4 tw-m-0 bl-text-grayscale-0 bl-font-primary bl-text-xxs\",\n fontFamily: nodeIconSubTextFontFamily,\n color: nodeIconSubTextColor,\n size: nodeIconSubTextSize\n }, data.Brand.firstIconSubText)));\n }\n\n return image;\n })), /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"FOOTER__ICON_TEXT__BOX tw-w-full bl-text-grayscale-0 bl-text-xxs tw-mt-0 md:tw-text-right tw-opacity-50 md:tw-ml-5\"\n }, (data === null || data === void 0 || (_data$Brand3 = data.Brand) === null || _data$Brand3 === void 0 ? void 0 : _data$Brand3.iconSubText) && /*#__PURE__*/React__default$1[\"default\"].createElement(NodeIconSubText, {\n className: \"FOOTER__ICON_TEXT__TEXT tw-leading-4 tw-m-0 bl-text-grayscale-0 bl-font-primary bl-text-xxs\",\n fontFamily: nodeIconSubTextFontFamily,\n color: nodeIconSubTextColor,\n size: nodeIconSubTextSize\n }, data.Brand.iconSubText)));\n};\n\nfunction BusinessSinglePage(_ref28) {\n var _data$Brand4, _data$Brand5;\n\n var data = _ref28.data,\n nodeIconSubTextFontFamily = _ref28.nodeIconSubTextFontFamily,\n nodeIconSubTextColor = _ref28.nodeIconSubTextColor,\n nodeIconSubTextSize = _ref28.nodeIconSubTextSize,\n _ref28$customLogos = _ref28.customLogos,\n customLogos = _ref28$customLogos === void 0 ? [] : _ref28$customLogos;\n return /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"FOOTER__BUSINESS tw-flex tw-flex-col tw-mt-8 md:tw-mt-0 lg:tw-flex-row \"\n }, (data === null || data === void 0 || (_data$Brand4 = data.Brand) === null || _data$Brand4 === void 0 || (_data$Brand4 = _data$Brand4.businessLogo) === null || _data$Brand4 === void 0 ? void 0 : _data$Brand4.length) > 0 && /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"FOOTER__BUSINESS_IMAGES_CONTAINER tw-flex tw-flex-row tw-justify-end tw-w-full lg:tw-max-h-48 \"\n }, (data.Brand.businessLogo || []).map(function (item, index) {\n var hasReplaceItem = lodash.find(customLogos, {\n replaceByIndex: index\n });\n var hasReplaceItemHasLink = hasReplaceItem && !!hasReplaceItem.linkTo;\n var image = /*#__PURE__*/React__default$1[\"default\"].createElement(BusinessItemImage, {\n key: \"Business-BusinessLogo-\".concat(index),\n className: \"FOOTER__BUSINESS_LOGO tw-w-36 md:tw-w-auto tw-h-16 tw-object-fill tw-mb-6 md:tw-ml-5\",\n src: hasReplaceItem && hasReplaceItem.url ? hasReplaceItem.url : item.url,\n alt: (item === null || item === void 0 ? void 0 : item.alternativeText) || (hasReplaceItem === null || hasReplaceItem === void 0 ? void 0 : hasReplaceItem.alternativeText) || \"Bussiness Logo\",\n invert: hasReplaceItem && hasReplaceItem.invert || false\n });\n\n if (hasReplaceItemHasLink) {\n return /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"tw-relative FOOTER__BUSINESS__ITEM_IMAGE_LINK_CONTAINER\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(BusinessItemImageLink, {\n className: \"FOOTER__BUSINESS__ITEM_IMAGE_LINK\",\n target: \"_blank\",\n href: hasReplaceItem.linkTo\n }), image);\n }\n\n return image;\n })), /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"FOOTER__ICON_TEXT__BOX tw-96 tw-w-full bl-text-grayscale-0 bl-text-xxs tw-mt-0 md:tw-text-right tw-opacity-50 md:tw-ml-5\"\n }, (data === null || data === void 0 || (_data$Brand5 = data.Brand) === null || _data$Brand5 === void 0 ? void 0 : _data$Brand5.iconSubText) && /*#__PURE__*/React__default$1[\"default\"].createElement(NodeIconSubText, {\n className: \"FOOTER__ICON_TEXT__TEXT tw-leading-4 tw-m-0 bl-text-grayscale-0 bl-font-primary bl-text-xxs\",\n fontFamily: nodeIconSubTextFontFamily,\n color: nodeIconSubTextColor,\n size: nodeIconSubTextSize\n }, data.Brand.iconSubText)));\n}\n\nfunction Enterprise(_ref29) {\n var _data$Brand6;\n\n var data = _ref29.data;\n return /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"FOOTER__BRAND_DESCRIPTION_CONTAINER bl-text-grayscale-0 bl-text-xxs tw-opacity-50 tw-w-72 md:tw-w-96 lg:tw-w-160 tw-mb-8 md:tw-mb-0 tw-whitespace-pre-line\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(\"p\", {\n className: \"FOOTER__BRAND_DESCRIPTION tw-leading-4\"\n }, data === null || data === void 0 || (_data$Brand6 = data.Brand) === null || _data$Brand6 === void 0 ? void 0 : _data$Brand6.description));\n}\n\nvar CorporateImage = function CorporateImage(_ref30) {\n var powerByImg = _ref30.powerByImg;\n return /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"FOOTER_CORPORATE_CONTAINER tw-flex tw-items-center\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(\"p\", {\n className: \"FOOTER__CORPORATE__TEXT bl-text-grayscale-0 bl-text-xxs tw-text-left md:tw-text-right tw-mb-0.5\"\n }, \"Powered by:\"), /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"FOOTER__CORPORATE_IMG tw-relative tw-mr-auto tw-ml-4\",\n style: {\n width: \"95px\"\n }\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(\"a\", {\n href: \"https://www.homecu.com/\",\n className: \"tw-w-full tw-h-full tw-absolute tw-z-50\"\n }), /*#__PURE__*/React__default$1[\"default\"].createElement(\"img\", {\n className: \"tw-w-full tw-h-auto tw-object-cover\",\n src: powerByImg,\n alt: \"HomeCU Logo\"\n })));\n};\n\nvar ButtonLeftText = styled__default[\"default\"].p(_templateObject10$1 || (_templateObject10$1 = _taggedTemplateLiteral([\"\\n color: var(--grayscale-0-color);\\n\"])));\nvar ButtonRightText = styled__default[\"default\"].p(_templateObject11$1 || (_templateObject11$1 = _taggedTemplateLiteral([\"\\n color: var(--grayscale-0-color);\\n\"])));\nvar BttmSection = styled__default[\"default\"].div(_templateObject12$1 || (_templateObject12$1 = _taggedTemplateLiteral([\"\\n background: \", \";\\n padding: 1rem 0;\\n margin: \", \";\\n\"])), function (_ref31) {\n var _ref31$background = _ref31.background,\n background = _ref31$background === void 0 ? colorsTypes.PRIMARY_DARK : _ref31$background;\n return background;\n}, function (_ref32) {\n var _ref32$margin = _ref32.margin,\n margin = _ref32$margin === void 0 ? \"3rem 0\" : _ref32$margin;\n return lodash.isNumber(margin) ? \"\".concat(margin, \"px\") : margin;\n});\n\nfunction BottomSection(_ref33) {\n var data = _ref33.data,\n _ref33$background = _ref33.background,\n background = _ref33$background === void 0 ? \"var(--primary-150-color)\" : _ref33$background,\n _ref33$margin = _ref33.margin,\n margin = _ref33$margin === void 0 ? \"3rem 0\" : _ref33$margin,\n customIconsAlt = _ref33.customIconsAlt;\n if (!(data !== null && data !== void 0 && data.Bottom)) return null;\n return /*#__PURE__*/React__default$1[\"default\"].createElement(BttmSection, {\n className: \"FOOTER__BOTTOM_CONTAINER Footer_Bottom_Section\",\n background: background,\n margin: margin\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"FOOTER__BOTTOM_CONTAINER__BOX tw-x-container tw-px-6 sm:tw-px-8 tw-flex tw-flex-col tw-items-center md:tw-flex-row md:tw-justify-between tw-opacity-50\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(ButtonLeftText, {\n className: \"FOOTER__BOTTOM_CONTAINER__BUTTON_LEFT__TEXT tw-m-0 bl-text-grayscale-0 bl-text-xxs tw-py-2 sm:tw-py-0\"\n }, \"\\xA9 \", new Date().getFullYear(), \"\\xA0\", /*#__PURE__*/React__default$1[\"default\"].createElement(\"span\", {\n className: \"FOOTER__BOTTOM_TEXT_LEFT tw-mr-2\"\n }, data.Bottom.leftText), /*#__PURE__*/React__default$1[\"default\"].createElement(\"span\", {\n className: \"tw-hidden FOOTER__BOTTOM_TEXT_RIGHT\"\n }, data.Bottom.leftText)), /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"FOOTER__BOTTOM_CONTAINER__ICONS__CONTAINER md:tw-flex md:tw-h-5 md:tw-h-auto md:tw-mt-0 md:tw-items-center\"\n }, (data.Bottom.androidUrl || data.Bottom.appleUrl || data.Bottom.facebookUrl || data.Bottom.twitterUrl || data.Bottom.youtubeUrl || data.Bottom.linkedinUrl || data.Bottom.instagramUrl) && /*#__PURE__*/React__default$1[\"default\"].createElement(ButtonRightText, {\n className: \"FOOTER__BOTTOM_CONTAINER__BUTTON_RIGHT__TEXT tw-m-0 bl-text-grayscale-0 bl-text-xxs tw-mr-4 tw-hidden md:tw-block\"\n }, data.Bottom.rightText), /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"tw-flex tw-items-center FOOTER__BOTTOM_ICON_CARD_1\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(IconCard, {\n href: data.Bottom.androidUrl,\n icon: iconTypes.ANDROID,\n customIconsAlt: customIconsAlt\n }), /*#__PURE__*/React__default$1[\"default\"].createElement(IconCard, {\n href: data.Bottom.appleUrl,\n icon: iconTypes.APPLE,\n customIconsAlt: customIconsAlt\n })), (data.Bottom.androidUrl || data.Bottom.appleUrl) && (data.Bottom.facebookUrl || data.Bottom.twitterUrl) && /*#__PURE__*/React__default$1[\"default\"].createElement(Dividers, {\n variant: dividersVariantsTypes.DIVIDER,\n childrenVariant: dividerVariantsTypes.VERTICAL,\n className: \"FOOTER__BOTTOM_CONTAINER__DIVIDERS tw-mx-6 bl-bg-grayscale-0 tw-hidden md:tw-block tw-h-5\"\n }), /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"FOOTER__BOTTOM_ICON_CARD_2 tw-flex tw-justify-center tw-items-center md:tw-justify-start\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(IconCard, {\n href: data.Bottom.facebookUrl,\n className: \"FOOTER__BOTTOM_ICON_FACEBOOK\",\n icon: iconTypes.FACEBOOK,\n customIconsAlt: customIconsAlt\n }), /*#__PURE__*/React__default$1[\"default\"].createElement(IconCard, {\n href: data.Bottom.twitterUrl,\n className: \"FOOTER__BOTTOM_ICON_TWITTER\",\n icon: iconTypes.TWITTER,\n customIconsAlt: customIconsAlt\n }), /*#__PURE__*/React__default$1[\"default\"].createElement(IconCard, {\n href: data.Bottom.linkedinUrl,\n className: \"FOOTER__BOTTOM_ICON_LINKEDIN\",\n icon: iconTypes.LINKEDIN,\n customIconsAlt: customIconsAlt\n }), /*#__PURE__*/React__default$1[\"default\"].createElement(IconCard, {\n href: data.Bottom.youtubeUrl,\n className: \"FOOTER__BOTTOM_ICON_YOUTUBE\",\n icon: iconTypes.YOUTUBE,\n customIconsAlt: customIconsAlt\n }), /*#__PURE__*/React__default$1[\"default\"].createElement(IconCard, {\n href: data.Bottom.instagramUrl,\n className: \"FOOTER__BOTTOM_ICON_INSTAGRAM\",\n icon: iconTypes.INSTAGRAM,\n customIconsAlt: customIconsAlt\n })))));\n}\n\nvar IconCardLink = styled__default[\"default\"].a(_templateObject13$1 || (_templateObject13$1 = _taggedTemplateLiteral([\"\"])));\n\nfunction IconCard(_ref34) {\n var href = _ref34.href,\n icon = _ref34.icon,\n className = _ref34.className,\n customIconsAlt = _ref34.customIconsAlt;\n if (!href) return null;\n return /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: classnames(\"FOOTER__BOTTOM_ICON_CARD tw-relative tw-w-auto tw-flex tw-align-center tw-m-3 md:tw-m-0 md:tw-mx-2\", className)\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(IconCardLink, {\n href: href,\n target: \"_blank\",\n rel: \"noreferrer\",\n className: \"tw-absolute tw-w-full tw-h-full tw-border-none\"\n }), /*#__PURE__*/React__default$1[\"default\"].createElement(Icon, {\n icon: icon,\n size: \"20\",\n stroke: \"white\",\n fill: \"white\",\n customIconsAlt: customIconsAlt\n }));\n}\n\nvar _templateObject$13, _templateObject2$c, _templateObject3$7;\n\nfunction Toast(_ref) {\n var _ref$data = _ref.data,\n data = _ref$data === void 0 ? {} : _ref$data;\n if (data === null) data = {};\n\n var _useState = React.useState(false),\n _useState2 = _slicedToArray(_useState, 2),\n active = _useState2[0],\n _setActive = _useState2[1];\n\n var Component = ToastTypes[data.type];\n React.useEffect(function () {\n if (data.type && data.text && data.active && window.sessionStorage.getItem(\"toast\") !== \"false\") {\n _setActive(true);\n }\n }, []);\n React.useEffect(function () {\n var mainTag = document.getElementsByTagName(\"main\")[0];\n\n if (active) {\n var dimensionToast = document.getElementById(\"toast-component\");\n var newPaddingTop = (dimensionToast === null || dimensionToast === void 0 ? void 0 : dimensionToast.clientHeight) || 0;\n if ((mainTag === null || mainTag === void 0 ? void 0 : mainTag.clientWidth) > 768) mainTag.style.paddingTop = \"\".concat(newPaddingTop, \"px\");else mainTag.style.paddingTop = \"0px\";\n return;\n }\n\n if (!active) mainTag.style.paddingTop = \"0px\";\n });\n\n if (active) {\n return /*#__PURE__*/React__default$1[\"default\"].createElement(Component, {\n className: \"TOAST_COMPONENT\",\n data: data,\n setActive: function setActive() {\n window.sessionStorage.setItem(\"toast\", \"false\");\n\n _setActive(false);\n }\n });\n }\n\n return null;\n}\n\nvar ToastContainer = styled__default[\"default\"].div(_templateObject$13 || (_templateObject$13 = _taggedTemplateLiteral([\"\\n height: min-content;\\n background: \", \";\\n @media (max-width: 768px) {\\n position: absolute;\\n width: 90vw;\\n margin-right: 5vw;\\n margin-left: 5vw;\\n top: calc(50vh - 50%);\\n z-index: 200;\\n }\\n\"])), function (_ref2) {\n var _ref2$background = _ref2.background,\n background = _ref2$background === void 0 ? \"#B91C1C\" : _ref2$background;\n return background;\n});\nvar CustomButton$2 = styled__default[\"default\"].button(_templateObject2$c || (_templateObject2$c = _taggedTemplateLiteral([\"\\n box-sizing: border-box;\\n padding: 0 6px;\\n border-radius: 50%;\\n color: var(--grayscale-0-color);\\n background: transparent;\\n border: 2px solid var(--grayscale-0-color);\\n line-height: 1.4;\\n\"])));\nvar ToastBlurBackground = styled__default[\"default\"].div(_templateObject3$7 || (_templateObject3$7 = _taggedTemplateLiteral([\"\\n @media (max-width: 768px) {\\n position: absolute;\\n height: 100vh;\\n width: 100vw;\\n background: #000;\\n opacity: 0.7;\\n z-index: 199;\\n }\\n\"])));\nvar ToastTypes = {\n ALERT: function ALERT(_ref3) {\n var data = _ref3.data,\n setActive = _ref3.setActive;\n return /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n id: \"toast-component\",\n className: \"TOAST_MAIN_CONTAINER tw-w-full\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(ToastBlurBackground, {\n className: \"TOAST_BACKGROUND\"\n }), /*#__PURE__*/React__default$1[\"default\"].createElement(ToastContainer, {\n className: \"TOAST_ALERT_CONTAINER tw-flex tw-p-4 tw-w-full tw-text-white tw-p-6\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"TOAST_SUB_CONTAINER bl-text-xs tw-flex tw-w-full\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"TOAST_TEXT tw-w-8/12 tw-text-justify tw-self-center\",\n dangerouslySetInnerHTML: {\n __html: data.text\n }\n }), /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"TOAST_X_CONTAINER tw-w-4/12 tw-justify-center tw-self-center\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(CustomButton$2, {\n className: \"TOAST_X_BUTTON tw-float-right\",\n onClick: setActive\n }, \"x\")))));\n },\n MESSAGE: function MESSAGE(_ref4) {\n var data = _ref4.data,\n setActive = _ref4.setActive;\n return /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n id: \"toast-component\",\n className: \"TOAST_MAIN_CONTAINER tw-w-full\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(ToastBlurBackground, {\n className: \"TOAST_BACKGROUND\"\n }), /*#__PURE__*/React__default$1[\"default\"].createElement(ToastContainer, {\n className: \"TOAST_MESSAGE_CONTAINER tw-flex tw-p-4 bl-bg-primary-150 tw-w-full tw-text-white tw-p-6\",\n background: colorsTypes.PRIMARY_DARK\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"TOAST_SUB_CONTAINER bl-text-xs tw-flex tw-w-full\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"TOAST_TEXT tw-w-8/12 tw-text-justify tw-self-center\",\n dangerouslySetInnerHTML: {\n __html: data.text\n }\n }), /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"TOAST_X_CONTAINER tw-w-4/12 tw-justify-center tw-self-center\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(CustomButton$2, {\n className: \"TOAST_X_BUTTON tw-float-right\",\n onClick: setActive\n }, \"x\")))));\n }\n};\n\nvar _templateObject$12, _templateObject2$b, _templateObject3$6, _templateObject4$3;\n\nvar HeaderHeightInPx = 75;\nvar HeaderContainer = styled__default[\"default\"].header(_templateObject$12 || (_templateObject$12 = _taggedTemplateLiteral([\"\\n align-self: center;\\n box-shadow: 0 2px 24px 0 var(--bl-opacity-grayscale-6);\\n\"])));\nvar DropdownsContainer = styled__default[\"default\"].div(_templateObject2$b || (_templateObject2$b = _taggedTemplateLiteral([\"\\n background: \", \";\\n\\n min-height: \", \";\\n\\n * {\\n transition: all linear 120ms;\\n }\\n\"])), function (_ref) {\n var _ref$showBackground = _ref.showBackground,\n showBackground = _ref$showBackground === void 0 ? false : _ref$showBackground,\n _ref$background = _ref.background,\n background = _ref$background === void 0 ? colorsTypes.WHITE : _ref$background;\n return showBackground ? background : undefined;\n}, function (_ref2) {\n var _ref2$minHeight = _ref2.minHeight,\n minHeight = _ref2$minHeight === void 0 ? 0 : _ref2$minHeight;\n return minHeight;\n});\nvar HeaderHeight = {\n minHeight: \"\".concat(HeaderHeightInPx, \"px\")\n}; // const Logo = styled.img`\n// width: 180px;\n// height: auto;\n// max-height: 50px;\n// @media (max-width: 640px) {\n// width: 120px;\n// }\n// `;\n\nvar Logo = styled__default[\"default\"].img(_templateObject3$6 || (_templateObject3$6 = _taggedTemplateLiteral([\"\\n object-fit: contain;\\n position: relative;\\n display: block;\\n width: auto;\\n height: 80px;\\n\"])));\nvar ActiveTopNav = styled__default[\"default\"].div(_templateObject4$3 || (_templateObject4$3 = _taggedTemplateLiteral([\"\\n border-bottom: solid 3px var(--primary-color);\\n\"])));\n/* eslint-disable import/prefer-default-export */\n\nconst cuIncludes = [\"Shelby Bolivar County\", \"knox\", \"eight\", \"willow_island\", \"vicksburg-railroad\", \"Vicksburg railroad\", \"capital\", \"grohio\", \"mcdowell\", \"east_orange_firemens\", \"muw_employees\", \"new_horizon\", \"new-horizon\", \"raleigh_county\", \"raleigh-county\", \"eqt\", \"EQT\", \"greater_centennial\", \"jackson_area\", \"people_trust_community\", \"charleston\", \"alabama\"];\n\nvar _templateObject$11;\n\nvar Title$3 = styled__default[\"default\"].h3(_templateObject$11 || (_templateObject$11 = _taggedTemplateLiteral([\"\\n font-family: var(--primary-family);\\n\"])));\n\nfunction Login$1() {\n var _useState = React.useState({\n btnLogin: \"login\"\n }),\n _useState2 = _slicedToArray(_useState, 2),\n query = _useState2[0],\n setQuery = _useState2[1];\n\n function onSubmitHandler(e) {\n e.preventDefault();\n\n if (process.env.GATSBY_CU_NAME === \"GNC\") {\n // Mejora: props desde el template para escoger el tipo\n var loginCU = \"\".concat(process.env.GATSBY_LOGIN_URL, \" \").concat(query === null || query === void 0 ? void 0 : query.username);\n window.location.href = loginCU.replace(/\\s+/g, \"\"); // Reemplaza cualquier espacio en blanco en la URL (codigo blindaje)\n } else if (process.env.GATSBY_CU_NAME === \"peoples_advantage\" || process.env.GATSBY_CU_NAME === \"peoples-advantage\" || process.env.GATSBY_CU_NAME === \"lesco\") {\n window.location.href = process.env.GATSBY_LOGIN_URL;\n } else {\n window.location.href = \"\".concat(process.env.GATSBY_LOGIN_URL, \"&\").concat(formatQueryUrl(query));\n }\n }\n\n function formatQueryUrl(queryParams) {\n return Object.entries(queryParams).map(function (_ref) {\n var _ref2 = _slicedToArray(_ref, 2),\n key = _ref2[0],\n value = _ref2[1];\n\n return \"\".concat(encodeURIComponent(key), \"=\").concat(encodeURIComponent(value));\n }).join(\"&\");\n }\n\n var formMethod = \"GET\";\n var textLoginButton = \"Login\";\n var forgotText = \"Forgot Login ID?\";\n var forgotPasswordText = \"Forgot Password?\";\n\n if (process.env.GATSBY_CU_NAME === \"GNC\") {\n // formMethod = \"POST\";\n textLoginButton = \"Account Login\";\n forgotText = \"Forgot Password\";\n }\n\n if (process.env.GATSBY_CU_NAME === \"arlington-municipal\") {\n textLoginButton = \"Online Banking\";\n }\n\n if (process.env.GATSBY_CU_NAME === \"lesco\") {\n textLoginButton = \"Online Account Login\";\n }\n\n var forgotLink = cuIncludes.includes(process.env.GATSBY_CU_NAME);\n return /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"HEADER_LOGIN Header-Login LOGIN__MODAL__CONTAINER tw-max-w-full tw-w-96 tw-px-8 tw-py-10\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(\"form\", {\n method: formMethod,\n onSubmit: onSubmitHandler,\n id: \"loginform\",\n name: \"loginform\",\n className: \"HEADER_LOGIN__FORM LOGIN__MODAL__FORM\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(Title$3, {\n className: \"HEADER_LOGIN__TITLE tw-mb-10 tw-font-bold bl-text-primary-180 bl-text-xl LOGIN__MODAL__TITLE\"\n }, \"Secure Login\"), /*#__PURE__*/React__default$1[\"default\"].createElement(Input, {\n type: \"text\",\n name: \"username\",\n label: \"Login ID\",\n autoComplete: \"off\",\n value: query.username,\n success: !!query.username,\n error: !query.username,\n className: \"HEADER_LOGIN__INPUT Header-Login_Input tw-py-4 tw-px-3 tw-rounded-lg bl-text-grayscale-100 bl-bg-grayscale-6 tw-w-full tw-block focus:tw-outline-none tw-mb-1\",\n onChange: function onChange(_ref3) {\n var target = _ref3.target;\n var username = target.value;\n setQuery(_objectSpread2(_objectSpread2({}, query), {}, {\n username: username\n }));\n },\n isRequired: true\n }), /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"HEADER_LOGIN__FORGOT_LOGIN_ID Header-Login_ForgotLoginId tw-flex tw-justify-end tw-mb-8\"\n }, forgotLink ? /*#__PURE__*/React__default$1[\"default\"].createElement(React__default$1[\"default\"].Fragment, null, /*#__PURE__*/React__default$1[\"default\"].createElement(\"a\", {\n href: process.env.GATSBY_LOGIN_FORGOT_LOGIN_ID,\n className: \"LOGIN__MODAL__FORGOT_A bl-text-grayscale-50\"\n }, forgotText), /*#__PURE__*/React__default$1[\"default\"].createElement(\"a\", {\n href: process.env.GATSBY_LOGIN_FORGOT_PASSWORD_LINK,\n className: \"LOGIN__MODAL__FORGOT_A LOGIN__MODAL__FORGOT_PASSWORD bl-text-grayscale-50\"\n }, forgotPasswordText)) : /*#__PURE__*/React__default$1[\"default\"].createElement(\"a\", {\n href: process.env.GATSBY_LOGIN_FORGOT_LOGIN_ID,\n className: \"LOGIN__MODAL__FORGOT_A bl-text-grayscale-50\"\n }, forgotText)), /*#__PURE__*/React__default$1[\"default\"].createElement(Button$2, {\n fill: buttonFillTypes.FILLED,\n className: \"HEADER_LOGIN__BUTTON Header-Login_Button tw-w-full\",\n disabled: !query.username,\n type: \"submit\"\n }, textLoginButton), /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"HEADER_LOGIN__DESCRIPTION Header-Login_NewDigitalBanking tw-flex tw-justify-center tw-my-4\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(\"a\", {\n href: process.env.GATSBY_LOGIN_ENROLL_NOW,\n className: \"LOGIN__MODAL__ENROLL_A bl-text-grayscale-50\"\n }, \"NEW TO DIGITAL BANKING? ENROLL NOW\"))));\n}\n\nvar _templateObject$10;\n\nvar HeaderDesktopDropdownSubItemText$1 = styled__default[\"default\"].a(_templateObject$10 || (_templateObject$10 = _taggedTemplateLiteral([\"\\n font-family: \", \";\\n color: \", \";\\n\\n &:hover {\\n color: \", \";\\n }\\n\"])), getFontFamily(fontsFamiliesVariantsTypes.PRIMARY), function (_ref) {\n var _ref$color = _ref.color,\n color = _ref$color === void 0 ? colorsTypes.PRIMARY_LIGHT : _ref$color;\n return color;\n}, function (_ref2) {\n var _ref2$isHoverLink = _ref2.isHoverLink,\n isHoverLink = _ref2$isHoverLink === void 0 ? false : _ref2$isHoverLink,\n _ref2$hoverColor = _ref2.hoverColor,\n hoverColor = _ref2$hoverColor === void 0 ? \"\" : _ref2$hoverColor,\n _ref2$color = _ref2.color,\n color = _ref2$color === void 0 ? colorsTypes.PRIMARY_LIGHT : _ref2$color;\n if (isHoverLink) return hoverColor;\n return color;\n});\n\nvar _templateObject$$;\n\nvar HeaderDesktopLinkDropdownTitle$1 = styled__default[\"default\"].h5(_templateObject$$ || (_templateObject$$ = _taggedTemplateLiteral([\"\\n font-family: \", \";\\n color: \", \";\\n\"])), getFontFamily(fontsFamiliesVariantsTypes.PRIMARY), function (_ref) {\n var _ref$color = _ref.color,\n color = _ref$color === void 0 ? colorsTypes.PRIMARY_VERY_ULTRA_LIGHT : _ref$color;\n return color;\n});\n\nvar _templateObject$_;\n\nvar HeaderDesktopLinkDropdownContainer$1 = styled__default[\"default\"].div(_templateObject$_ || (_templateObject$_ = _taggedTemplateLiteral([\"\\n max-height: calc(100vh - 100px);\\n overflow-y: auto;\\n top: calc(\\n 100% +\\n \", \"px\\n );\\n background: \", \";\\n\"])), function (_ref) {\n var _ref$topIndicator = _ref.topIndicator,\n topIndicator = _ref$topIndicator === void 0 ? true : _ref$topIndicator,\n _ref$separationFromTo = _ref.separationFromTop,\n separationFromTop = _ref$separationFromTo === void 0 ? 20 : _ref$separationFromTo,\n _ref$separationFromBo = _ref.separationFromBottom,\n separationFromBottom = _ref$separationFromBo === void 0 ? 50 : _ref$separationFromBo;\n return topIndicator ? separationFromTop : separationFromBottom;\n}, function (_ref2) {\n var _ref2$grayscaleBackgr = _ref2.grayscaleBackgroundColor,\n grayscaleBackgroundColor = _ref2$grayscaleBackgr === void 0 ? colorsTypes.WHITE : _ref2$grayscaleBackgr,\n _ref2$backgroundColor = _ref2.backgroundColor,\n backgroundColor = _ref2$backgroundColor === void 0 ? colorsTypes.PRIMARY_VERY_ULTRA_LIGHT : _ref2$backgroundColor,\n _ref2$grayscale = _ref2.grayscale,\n grayscale = _ref2$grayscale === void 0 ? false : _ref2$grayscale;\n return grayscale ? grayscaleBackgroundColor : backgroundColor;\n});\n\nfunction HeaderDesktopLinkDropdown$1(_ref) {\n var menuItem = _ref.menuItem,\n _ref$currentPath = _ref.currentPath,\n currentPath = _ref$currentPath === void 0 ? {} : _ref$currentPath,\n _ref$pathname = _ref.pathname,\n pathname = _ref$pathname === void 0 ? \"/\" : _ref$pathname,\n _ref$topIndicator = _ref.topIndicator,\n topIndicator = _ref$topIndicator === void 0 ? true : _ref$topIndicator,\n _ref$grayscale = _ref.grayscale,\n grayscale = _ref$grayscale === void 0 ? false : _ref$grayscale,\n _ref$active = _ref.active,\n active = _ref$active === void 0 ? false : _ref$active,\n _ref$titleColor = _ref.titleColor,\n titleColor = _ref$titleColor === void 0 ? colorsTypes.PRIMARY_ULTRA_DARK : _ref$titleColor,\n _ref$itemTextColor = _ref.itemTextColor,\n itemTextColor = _ref$itemTextColor === void 0 ? colorsTypes.PRIMARY_ULTRA_DARK : _ref$itemTextColor,\n _ref$itemTextActiveCo = _ref.itemTextActiveColor,\n itemTextActiveColor = _ref$itemTextActiveCo === void 0 ? colorsTypes.PRIMARY_SEMI_DARK : _ref$itemTextActiveCo,\n _ref$backgroundColor = _ref.backgroundColor,\n backgroundColor = _ref$backgroundColor === void 0 ? colorsTypes.PRIMARY_VERY_ULTRA_LIGHT : _ref$backgroundColor,\n _ref$grayscaleBackgro = _ref.grayscaleBackgroundColor,\n grayscaleBackgroundColor = _ref$grayscaleBackgro === void 0 ? colorsTypes.WHITE : _ref$grayscaleBackgro,\n _ref$separationFromTo = _ref.separationFromTop,\n separationFromTop = _ref$separationFromTo === void 0 ? 20 : _ref$separationFromTo,\n _ref$separationFromBo = _ref.separationFromBottom,\n separationFromBottom = _ref$separationFromBo === void 0 ? 50 : _ref$separationFromBo;\n return /*#__PURE__*/React__default$1[\"default\"].createElement(HeaderDesktopLinkDropdownContainer$1, {\n separationFromTop: separationFromTop,\n separationFromBottom: separationFromBottom,\n grayscale: grayscale,\n grayscaleBackgroundColor: grayscaleBackgroundColor,\n backgroundColor: backgroundColor,\n topIndicator: topIndicator,\n className: \"HEADER_DESKTOP__LINK__DROPDOWN HeaderDesktopLinkDropdownContainer tw-px-8 tw-rounded-b tw-flex tw-absolute tw-text-gray-700 group-hover:tw-block bl-text-sm\"\n }, menuItem.subLinks.map(function (items, i) {\n var keys = Object.keys(items);\n return /*#__PURE__*/React__default$1[\"default\"].createElement(\"ul\", {\n key: \"HeaderLinkDropdown-items-\".concat(i),\n className: \"HEADER_DESKTOP__LINK__DROPDOWN__LINTE HeaderLinkDropdown-items tw-py-10 tw-w-52\"\n }, items.title && /*#__PURE__*/React__default$1[\"default\"].createElement(HeaderDesktopLinkDropdownTitle$1, {\n color: titleColor,\n className: \"HEADER_DESKTOP__LINK__DROPDOWN__LIST__TITLE HeaderDesktopLinkDropdownTitle tw-py-2 tw-px-4 tw-font-bold tw-block tw-whitespace-no-wrap\"\n }, items.title), keys.map(function (key, index) {\n var url = items[\"url\".concat(index)];\n var text = items[\"text\".concat(index)];\n if (!url || !text) return null;\n var isExternal = url.endsWith(\".pdf\") || url.endsWith(\".html\");\n var isItemActive = currentPath && currentPath.isCurrentPath && new RegExp(currentPath.value, \"gi\").test(text) && currentPath.url && currentPath.url.value === url && active;\n if (pathname === \"/\") isItemActive = false; // if (url === \"/savings-rates\") debugger;\n\n return /*#__PURE__*/React__default$1[\"default\"].createElement(\"li\", {\n className: \"HEADER_DESKTOP__LINK__DROPDOWN__LIST__ITEM\",\n key: \"HeaderDropdownSubContainer-subItem-\".concat(key)\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(HeaderDesktopDropdownSubItemText$1, {\n isHoverLink: true,\n target: isExternal ? \"_blank\" : \"_self\",\n hoverColor: itemTextActiveColor,\n color: isItemActive ? itemTextActiveColor : itemTextColor,\n className: classnames(\"HEADER_DESKTOP__LINK__DROPDOWN__LIST__ITEM__TEXT HeaderDesktopDropdownSubItemText tw-rounded-b tw-py-2 tw-px-4 tw-block tw-whitespace-no-wrap\", isItemActive ? \"tw-font-bold HEADER_DESKTOP__LINK__DROPDOWN__LIST__ITEM__TEXT_ACTIVE\" : \"bl-text-grayscale-50\"),\n href: url\n }, text));\n }));\n }));\n}\n\nvar _templateObject$Z;\n\nvar HeaderDesktopLinkWithSubLinksIcon$1 = styled__default[\"default\"](Icon)(_templateObject$Z || (_templateObject$Z = _taggedTemplateLiteral([\"\\n filter: \", \";\\n\"])), function (_ref) {\n var _ref$float = _ref[\"float\"],\n _float = _ref$float === void 0 ? false : _ref$float,\n _ref$scrollY = _ref.scrollY,\n scrollY = _ref$scrollY === void 0 ? 0 : _ref$scrollY,\n _ref$backgroundBreakp = _ref.backgroundBreakpoint,\n backgroundBreakpoint = _ref$backgroundBreakp === void 0 ? 20 : _ref$backgroundBreakp,\n _ref$filterEffect = _ref.filterEffect,\n filterEffect = _ref$filterEffect === void 0 ? [\"invert()\", \"grayscale(1)\", \"saturate(0)\"] : _ref$filterEffect,\n _ref$forceShow = _ref.forceShow,\n forceShow = _ref$forceShow === void 0 ? false : _ref$forceShow;\n\n if (forceShow) return undefined;\n\n if (!!_float && (!!Number(scrollY) || !scrollY) && (scrollY <= backgroundBreakpoint || scrollY === 0)) {\n return filterEffect.join(\" \");\n }\n\n return undefined;\n});\n\nvar _templateObject$Y;\n\nvar HeaderDesktopLinkWithSubLinksButton$1 = styled__default[\"default\"].button(_templateObject$Y || (_templateObject$Y = _taggedTemplateLiteral([\"\\n padding: 1rem 1.25rem;\\n font-family: \", \";\\n\\n font-family: \", \";\\n\\n background: \", \";\\n\\n span {\\n color: \", \";\\n }\\n\"])), function (_ref) {\n var _ref$primaryFamily = _ref.primaryFamily,\n primaryFamily = _ref$primaryFamily === void 0 ? false : _ref$primaryFamily;\n return primaryFamily ? getFontFamily(fontsFamiliesVariantsTypes.PRIMARY) : undefined;\n}, function (_ref2) {\n var _ref2$primaryFamily = _ref2.primaryFamily,\n primaryFamily = _ref2$primaryFamily === void 0 ? false : _ref2$primaryFamily;\n return primaryFamily ? getFontFamily(fontsFamiliesVariantsTypes.PRIMARY) : undefined;\n}, function (_ref3) {\n var _ref3$grayscale = _ref3.grayscale,\n grayscale = _ref3$grayscale === void 0 ? false : _ref3$grayscale,\n _ref3$transparent = _ref3.transparent,\n transparent = _ref3$transparent === void 0 ? false : _ref3$transparent,\n _ref3$isVisible = _ref3.isVisible,\n isVisible = _ref3$isVisible === void 0 ? false : _ref3$isVisible,\n _ref3$grayscaleBackgr = _ref3.grayscaleBackgroundColor,\n grayscaleBackgroundColor = _ref3$grayscaleBackgr === void 0 ? colorsTypes.WHITE : _ref3$grayscaleBackgr,\n _ref3$backgroundColor = _ref3.backgroundColor,\n backgroundColor = _ref3$backgroundColor === void 0 ? colorsTypes.PRIMARY_VERY_ULTRA_LIGHT : _ref3$backgroundColor,\n _ref3$transparentBack = _ref3.transparentBackgroundColor,\n transparentBackgroundColor = _ref3$transparentBack === void 0 ? colorsTypes.TRANSPARENT : _ref3$transparentBack;\n if (!isVisible) return undefined;\n if (transparent) return transparentBackgroundColor;\n if (grayscale) return grayscaleBackgroundColor; // return colorsTypes.PRIMARY_VERY_ULTRA_LIGHT;\n\n return backgroundColor;\n}, function (_ref4) {\n var _ref4$float = _ref4[\"float\"],\n _float = _ref4$float === void 0 ? false : _ref4$float,\n _ref4$forceShow = _ref4.forceShow,\n forceShow = _ref4$forceShow === void 0 ? false : _ref4$forceShow,\n _ref4$transparent = _ref4.transparent,\n transparent = _ref4$transparent === void 0 ? false : _ref4$transparent,\n _ref4$grayscale = _ref4.grayscale,\n grayscale = _ref4$grayscale === void 0 ? false : _ref4$grayscale,\n _ref4$scrollY = _ref4.scrollY,\n scrollY = _ref4$scrollY === void 0 ? 0 : _ref4$scrollY,\n _ref4$backgroundBreak = _ref4.backgroundBreakpoint,\n backgroundBreakpoint = _ref4$backgroundBreak === void 0 ? 20 : _ref4$backgroundBreak,\n _ref4$color = _ref4.color,\n color = _ref4$color === void 0 ? colorsTypes.PRIMARY_VERY_ULTRA_LIGHT : _ref4$color,\n _ref4$transparentColo = _ref4.transparentColor,\n transparentColor = _ref4$transparentColo === void 0 ? colorsTypes.PRIMARY_VERY_ULTRA_LIGHT : _ref4$transparentColo,\n _ref4$transparentGray = _ref4.transparentGrayscaleColor,\n transparentGrayscaleColor = _ref4$transparentGray === void 0 ? colorsTypes.WHITE : _ref4$transparentGray,\n _ref4$forceShowColor = _ref4.forceShowColor,\n forceShowColor = _ref4$forceShowColor === void 0 ? colorsTypes.PRIMARY_ULTRA_DARK : _ref4$forceShowColor;\n\n if (forceShow) return forceShowColor;\n\n if (!!_float && (!!Number(scrollY) || !scrollY) && (scrollY <= backgroundBreakpoint || scrollY === 0)) {\n if (transparent) {\n if (grayscale) return transparentGrayscaleColor;\n return transparentColor;\n }\n\n return color;\n }\n\n return undefined;\n});\n\nvar _templateObject$X;\n\nvar HeaderDesktopLinkWithSubLinksContainer$1 = styled__default[\"default\"].div(_templateObject$X || (_templateObject$X = _taggedTemplateLiteral([\"\\n display: grid;\\n z-index: \", \";\\n margin: auto 40px auto 0;\\n border-style: solid;\\n height: min-content;\\n\\n border-top-width: \", \"px;\\n\\n border-color: \", \";\\n\\n border-bottom-width: \", \"px;\\n\\n border-top-width: \", \"px;\\n\\n background: \", \";\\n\\n &:hover {\\n background: \", \";\\n\\n /*\\n border-top-width: \", \"px;\\n\\n border-bottom-width: \", \"px;\\n\\n border-color: \", \";\\n */\\n }\\n\"])), function (_ref) {\n var _ref$isVisible = _ref.isVisible,\n isVisible = _ref$isVisible === void 0 ? false : _ref$isVisible;\n return isVisible ? 100 : 50;\n}, function (_ref2) {\n var _ref2$disableBorder = _ref2.disableBorder,\n disableBorder = _ref2$disableBorder === void 0 ? false : _ref2$disableBorder,\n _ref2$isVisible = _ref2.isVisible,\n isVisible = _ref2$isVisible === void 0 ? false : _ref2$isVisible,\n _ref2$topIndicator = _ref2.topIndicator,\n topIndicator = _ref2$topIndicator === void 0 ? true : _ref2$topIndicator;\n return topIndicator && isVisible || !disableBorder ? 2 : 0;\n}, function (_ref3) {\n var _ref3$active = _ref3.active,\n active = _ref3$active === void 0 ? false : _ref3$active,\n _ref3$borderColor = _ref3.borderColor,\n borderColor = _ref3$borderColor === void 0 ? colorsTypes.PRIMARY_SEMI_DARK : _ref3$borderColor,\n _ref3$isVisible = _ref3.isVisible,\n isVisible = _ref3$isVisible === void 0 ? false : _ref3$isVisible,\n _ref3$disableBorder = _ref3.disableBorder,\n disableBorder = _ref3$disableBorder === void 0 ? false : _ref3$disableBorder;\n if (disableBorder) return undefined;\n if (isVisible || active) return borderColor;\n return colorsTypes.TRANSPARENT;\n}, function (_ref4) {\n var _ref4$disableBorder = _ref4.disableBorder,\n disableBorder = _ref4$disableBorder === void 0 ? false : _ref4$disableBorder,\n _ref4$active = _ref4.active,\n active = _ref4$active === void 0 ? false : _ref4$active,\n _ref4$isVisible = _ref4.isVisible,\n isVisible = _ref4$isVisible === void 0 ? false : _ref4$isVisible,\n _ref4$topIndicator = _ref4.topIndicator,\n topIndicator = _ref4$topIndicator === void 0 ? true : _ref4$topIndicator;\n if (disableBorder) return undefined;\n return !topIndicator && (isVisible || active) ? 2 : 0;\n}, function (_ref5) {\n var _ref5$disableBorder = _ref5.disableBorder,\n disableBorder = _ref5$disableBorder === void 0 ? false : _ref5$disableBorder,\n _ref5$active = _ref5.active,\n active = _ref5$active === void 0 ? false : _ref5$active,\n _ref5$isVisible = _ref5.isVisible,\n isVisible = _ref5$isVisible === void 0 ? false : _ref5$isVisible,\n _ref5$topIndicator = _ref5.topIndicator,\n topIndicator = _ref5$topIndicator === void 0 ? true : _ref5$topIndicator;\n if (disableBorder) return undefined;\n return topIndicator && (isVisible || active) ? 2 : 0;\n}, function (_ref6) {\n var _ref6$backgroundColor = _ref6.backgroundColor,\n backgroundColor = _ref6$backgroundColor === void 0 ? colorsTypes.WHITE : _ref6$backgroundColor,\n _ref6$transparentBack = _ref6.transparentBackgroundColor,\n transparentBackgroundColor = _ref6$transparentBack === void 0 ? colorsTypes.TRANSPARENT : _ref6$transparentBack,\n _ref6$activeBackgroun = _ref6.activeBackgroundColor,\n activeBackgroundColor = _ref6$activeBackgroun === void 0 ? colorsTypes.PRIMARY_SEMI_DARK : _ref6$activeBackgroun,\n _ref6$isVisible = _ref6.isVisible,\n isVisible = _ref6$isVisible === void 0 ? false : _ref6$isVisible,\n _ref6$active = _ref6.active,\n active = _ref6$active === void 0 ? false : _ref6$active,\n _ref6$transparent = _ref6.transparent,\n transparent = _ref6$transparent === void 0 ? false : _ref6$transparent;\n if (isVisible || active) return activeBackgroundColor;\n if (transparent) return transparentBackgroundColor;\n return backgroundColor;\n}, function (_ref7) {\n var _ref7$hoverBackground = _ref7.hoverBackground,\n hoverBackground = _ref7$hoverBackground === void 0 ? colorsVariantsTypes.HIGHT_LIGHT_PRIMARY : _ref7$hoverBackground;\n return getColors(hoverBackground);\n}, function (_ref8) {\n var _ref8$isVisible = _ref8.isVisible,\n isVisible = _ref8$isVisible === void 0 ? false : _ref8$isVisible,\n _ref8$active = _ref8.active,\n active = _ref8$active === void 0 ? false : _ref8$active,\n _ref8$transparent = _ref8.transparent,\n transparent = _ref8$transparent === void 0 ? false : _ref8$transparent,\n _ref8$topIndicator = _ref8.topIndicator,\n topIndicator = _ref8$topIndicator === void 0 ? true : _ref8$topIndicator;\n\n if (active && transparent && isVisible) {\n if (!topIndicator) return 0;\n return 2;\n }\n\n return 0;\n}, function (_ref9) {\n var _ref9$isVisible = _ref9.isVisible,\n isVisible = _ref9$isVisible === void 0 ? false : _ref9$isVisible,\n _ref9$active = _ref9.active,\n active = _ref9$active === void 0 ? false : _ref9$active,\n _ref9$transparent = _ref9.transparent,\n transparent = _ref9$transparent === void 0 ? false : _ref9$transparent,\n _ref9$topIndicator = _ref9.topIndicator,\n topIndicator = _ref9$topIndicator === void 0 ? true : _ref9$topIndicator;\n\n if (active && transparent && isVisible) {\n if (topIndicator) return 0;\n return 2;\n }\n\n return 0;\n}, function (_ref10) {\n var _ref10$grayscale = _ref10.grayscale,\n grayscale = _ref10$grayscale === void 0 ? false : _ref10$grayscale,\n _ref10$transparent = _ref10.transparent,\n transparent = _ref10$transparent === void 0 ? false : _ref10$transparent,\n _ref10$dark = _ref10.dark,\n dark = _ref10$dark === void 0 ? false : _ref10$dark,\n _ref10$isVisible = _ref10.isVisible,\n isVisible = _ref10$isVisible === void 0 ? false : _ref10$isVisible;\n\n if (transparent && !isVisible) {\n if (grayscale) {\n if (dark) return colorsTypes.BLACK;\n return colorsTypes.WHITE;\n }\n\n return colorsTypes.PRIMARY_SEMI_DARK;\n }\n\n return \"none\";\n});\n\nvar _templateObject$W, _templateObject2$a;\n\nvar HeaderDesktopLinkWithSubLinksTitle$1 = styled__default[\"default\"].span(_templateObject$W || (_templateObject$W = _taggedTemplateLiteral([\"\\n color: \", \";\\n\"])), function (_ref) {\n var _ref$color = _ref.color,\n color = _ref$color === void 0 ? colorsTypes.PRIMARY_ULTRA_DARK : _ref$color,\n _ref$activeColor = _ref.activeColor,\n activeColor = _ref$activeColor === void 0 ? colorsTypes.PRIMARY_SEMI_DARK : _ref$activeColor,\n _ref$isVisible = _ref.isVisible,\n isVisible = _ref$isVisible === void 0 ? false : _ref$isVisible;\n return isVisible ? activeColor : color;\n});\nvar DarkOpacityScreenMenu$1 = styled__default[\"default\"].div(_templateObject2$a || (_templateObject2$a = _taggedTemplateLiteral([\"\\n position: fixed;\\n width: 100vw;\\n height: 100vh;\\n top: 0;\\n left: 0;\\n background-color: \", \";\\n\"])), function (_ref2) {\n var _ref2$backgroundColor = _ref2.backgroundColorScreen,\n backgroundColorScreen = _ref2$backgroundColor === void 0 ? \"rgba(0,0,0, 0.45)\" : _ref2$backgroundColor;\n return backgroundColorScreen;\n});\n\nfunction HeaderDesktopLinkWithSubLinks(_ref3) {\n var activeBorderClass = _ref3.activeBorderClass,\n menuItem = _ref3.menuItem,\n _ref3$currentPath = _ref3.currentPath,\n currentPath = _ref3$currentPath === void 0 ? {} : _ref3$currentPath,\n pathname = _ref3.pathname,\n _ref3$float = _ref3[\"float\"],\n _float = _ref3$float === void 0 ? false : _ref3$float,\n _ref3$scrollY = _ref3.scrollY,\n scrollY = _ref3$scrollY === void 0 ? 0 : _ref3$scrollY,\n _ref3$backgroundBreak = _ref3.backgroundBreakpoint,\n backgroundBreakpoint = _ref3$backgroundBreak === void 0 ? 20 : _ref3$backgroundBreak,\n _ref3$transparent = _ref3.transparent,\n transparent = _ref3$transparent === void 0 ? false : _ref3$transparent,\n _ref3$isTopBorder = _ref3.isTopBorder,\n isTopBorder = _ref3$isTopBorder === void 0 ? false : _ref3$isTopBorder,\n _ref3$forceShow = _ref3.forceShow,\n forceShow = _ref3$forceShow === void 0 ? false : _ref3$forceShow,\n _ref3$grayscale = _ref3.grayscale,\n grayscale = _ref3$grayscale === void 0 ? false : _ref3$grayscale,\n _ref3$dark = _ref3.dark,\n dark = _ref3$dark === void 0 ? false : _ref3$dark,\n _ref3$backgroundScree = _ref3.backgroundScreenActive,\n backgroundScreenActive = _ref3$backgroundScree === void 0 ? false : _ref3$backgroundScree,\n _ref3$forceShowColor = _ref3.forceShowColor,\n forceShowColor = _ref3$forceShowColor === void 0 ? false : _ref3$forceShowColor,\n _ref3$backgroundColor = _ref3.backgroundColor,\n backgroundColor = _ref3$backgroundColor === void 0 ? colorsTypes.TRANSPARENT : _ref3$backgroundColor,\n _ref3$activeTopBorder = _ref3.activeTopBorderColor,\n activeTopBorderColor = _ref3$activeTopBorder === void 0 ? colorsTypes.PRIMARY_SEMI_DARK : _ref3$activeTopBorder,\n _ref3$activeBackgroun = _ref3.activeBackgroundColor,\n activeBackgroundColor = _ref3$activeBackgroun === void 0 ? colorsTypes.PRIMARY_VERY_ULTRA_LIGHT : _ref3$activeBackgroun,\n _ref3$hoverBackground = _ref3.hoverBackground,\n hoverBackground = _ref3$hoverBackground === void 0 ? colorsVariantsTypes.HIGHT_LIGHT_PRIMARY : _ref3$hoverBackground,\n _ref3$hoverBorderColo = _ref3.hoverBorderColor,\n hoverBorderColor = _ref3$hoverBorderColo === void 0 ? colorsTypes.PRIMARY_VERY_ULTRA_LIGHT : _ref3$hoverBorderColo,\n _ref3$titleColor = _ref3.titleColor,\n titleColor = _ref3$titleColor === void 0 ? colorsTypes.PRIMARY_ULTRA_DARK : _ref3$titleColor,\n _ref3$borderColor = _ref3.borderColor,\n borderColor = _ref3$borderColor === void 0 ? colorsTypes.PRIMARY_SEMI_DARK : _ref3$borderColor,\n _ref3$subItemTitleCol = _ref3.subItemTitleColor,\n subItemTitleColor = _ref3$subItemTitleCol === void 0 ? colorsTypes.PRIMARY_ULTRA_DARK : _ref3$subItemTitleCol,\n _ref3$subItemTitleAct = _ref3.subItemTitleActiveColor,\n subItemTitleActiveColor = _ref3$subItemTitleAct === void 0 ? colorsTypes.PRIMARY_SEMI_DARK : _ref3$subItemTitleAct,\n _ref3$subItemTextColo = _ref3.subItemTextColor,\n subItemTextColor = _ref3$subItemTextColo === void 0 ? colorsTypes.PRIMARY_ULTRA_DARK : _ref3$subItemTextColo,\n _ref3$subItemTextActi = _ref3.subItemTextActiveColor,\n subItemTextActiveColor = _ref3$subItemTextActi === void 0 ? colorsTypes.PRIMARY_SEMI_DARK : _ref3$subItemTextActi,\n _ref3$menuSubLinksTit = _ref3.menuSubLinksTitleActiveColor,\n menuSubLinksTitleActiveColor = _ref3$menuSubLinksTit === void 0 ? colorsTypes.PRIMARY_SEMI_DARK : _ref3$menuSubLinksTit,\n _ref3$topIndicator = _ref3.topIndicator,\n topIndicator = _ref3$topIndicator === void 0 ? true : _ref3$topIndicator,\n _ref3$active = _ref3.active,\n active = _ref3$active === void 0 ? false : _ref3$active,\n _ref3$disableBorder = _ref3.disableBorder,\n disableBorder = _ref3$disableBorder === void 0 ? false : _ref3$disableBorder,\n _ref3$subMenuBackgrou = _ref3.subMenuBackgroundColor,\n subMenuBackgroundColor = _ref3$subMenuBackgrou === void 0 ? colorsTypes.PRIMARY_VERY_ULTRA_LIGHT : _ref3$subMenuBackgrou,\n _ref3$subMenuGrayscal = _ref3.subMenuGrayscaleBackgroundColor,\n subMenuGrayscaleBackgroundColor = _ref3$subMenuGrayscal === void 0 ? colorsTypes.WHITE : _ref3$subMenuGrayscal,\n _ref3$dropdownSeparat = _ref3.dropdownSeparationFromTop,\n dropdownSeparationFromTop = _ref3$dropdownSeparat === void 0 ? 20 : _ref3$dropdownSeparat,\n _ref3$dropdownSeparat2 = _ref3.dropdownSeparationFromBottom,\n dropdownSeparationFromBottom = _ref3$dropdownSeparat2 === void 0 ? 50 : _ref3$dropdownSeparat2;\n\n var _useClickOut = useClickOut(false),\n ref = _useClickOut.ref,\n isVisible = _useClickOut.isVisible,\n setIsVisible = _useClickOut.setIsVisible;\n\n function updateWhenClick() {\n setIsVisible(function (current) {\n return !current;\n });\n }\n\n return /*#__PURE__*/React__default$1[\"default\"].createElement(HeaderDesktopLinkWithSubLinksContainer$1, {\n transparent: transparent,\n isTopBorder: isTopBorder,\n topIndicator: topIndicator,\n backgroundColor: backgroundColor,\n activeBackgroundColor: activeBackgroundColor,\n grayscale: grayscale,\n dark: dark,\n isVisible: isVisible,\n disableBorder: disableBorder,\n active: active,\n activeTopBorderColor: activeTopBorderColor,\n hoverBackground: hoverBackground,\n borderColor: borderColor,\n hoverBorderColor: hoverBorderColor || activeTopBorderColor,\n className: classnames(\"HEADER_DESKTOP__LINK__SUB_LINKS HeaderDesktopLinkWithSubLinksContainer tw-z-50 tw-align-text-top \", classnames(activeBorderClass, addClassHeaderOnScroll({\n \"float\": _float,\n scrollY: scrollY,\n backgroundBreakpoint: backgroundBreakpoint,\n transparent: transparent,\n classTag: \"HEADER_DESKTOP__LINK__SUB_LINKS\"\n }), isVisible ? \"HEADER_DESKTOP__LINK__SUB_LINKS__OPEN\" : \"HEADER_DESKTOP__LINK__SUB_LINKS__CLOSE\"))\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"HEADER_DESKTOP__LINK__SUB_LINKS__CONTAINER tw-inline-block tw-relative tw-w-full tw-flex-1 tw-flex tw-justify-center tw-items-center\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(HeaderDesktopLinkWithSubLinksButton$1, {\n topIndicator: topIndicator,\n ref: ref,\n onClick: updateWhenClick,\n isVisible: active && isVisible,\n grayscale: grayscale,\n \"float\": _float,\n scrollY: scrollY,\n backgroundBreakpoint: backgroundBreakpoint,\n backgroundColor: isVisible ? subMenuBackgroundColor : undefined,\n grayscaleBackgroundColor: isVisible ? subMenuGrayscaleBackgroundColor : undefined,\n transparent: transparent,\n forceShow: forceShow,\n forceShowColor: forceShowColor,\n primaryFamily: active && isVisible,\n type: \"button\",\n className: \"HEADER_DESKTOP__LINK__SUB_LINKS__CONTAINER__BOX HeaderDesktopLinkWithSubLinksButton bl-text-xs focus:tw-outline-none active:bl-text-primary tw-flex tw-items-center tw-justify-center\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(HeaderDesktopLinkWithSubLinksTitle$1, {\n isVisible: active || isVisible,\n className: \"HEADER_DESKTOP__LINK_WITH_SUBMIT__LINKS__TITLE HeaderDesktopLinkWithSubLinksTitle tw-mr-2 tw-font-medium\",\n color: titleColor\n }, menuItem.text), /*#__PURE__*/React__default$1[\"default\"].createElement(HeaderDesktopLinkWithSubLinksIcon$1, {\n size: 12,\n \"float\": _float,\n scrollY: scrollY,\n backgroundBreakpoint: backgroundBreakpoint,\n transparent: transparent,\n forceShow: forceShow,\n icon: isVisible ? iconTypes.ARROW_UP_1 : iconTypes.ARROW_DOWN_1,\n className: \"HEADER_DESKTOP__LINK_WITH_SUBMIT__LINKS__ICON HeaderDesktopLinkWithSubLinksIcon\"\n })), isVisible && backgroundScreenActive && /*#__PURE__*/React__default$1[\"default\"].createElement(DarkOpacityScreenMenu$1, {\n className: \"HEADER_DESKTOP_LINK_WITH_SUB_LINKS__DARK_OPACITY_SCREEN_MENU\"\n }), isVisible && /*#__PURE__*/React__default$1[\"default\"].createElement(HeaderDesktopLinkDropdown$1, {\n separationFromTop: dropdownSeparationFromTop,\n separationFromBottom: dropdownSeparationFromBottom,\n backgroundColor: subMenuBackgroundColor,\n grayscaleBackgroundColor: subMenuGrayscaleBackgroundColor,\n active: active && isVisible,\n itemTextColor: subItemTextColor,\n itemTextActiveColor: subItemTextActiveColor,\n menuSubLinksTitleActiveColor: menuSubLinksTitleActiveColor,\n grayscale: grayscale,\n topIndicator: topIndicator,\n menuItem: menuItem,\n currentPath: currentPath,\n pathname: pathname,\n titleColor: active ? subItemTitleActiveColor : subItemTitleColor,\n className: \"HEADER_DESKTOP_DROPDOWN HeaderDesktopLinkDropdown\"\n })));\n}\n\nvar _templateObject$V, _templateObject2$9;\n\nvar LinkNormalText$1 = styled__default[\"default\"](Link)(_templateObject$V || (_templateObject$V = _taggedTemplateLiteral([\"\\n padding: 0.5rem;\\n display: grid;\\n z-index: 50;\\n border-style: solid;\\n height: min-content;\\n background: transparent;\\n margin: auto 20px auto 0;\\n\\n font-family: \", \";\\n\\n color: \", \";\\n\\n border-color: \", \";\\n\\n border-bottom-width: \", \"px;\\n\\n border-top-width: \", \"px;\\n\\n &:hover {\\n color: \", \";\\n\\n background: \", \";\\n }\\n\"])), function (_ref) {\n var _ref$primaryFamily = _ref.primaryFamily,\n primaryFamily = _ref$primaryFamily === void 0 ? false : _ref$primaryFamily;\n return primaryFamily ? getFontFamily(fontsFamiliesVariantsTypes.PRIMARY) : undefined;\n}, function (_ref2) {\n var _ref2$forceShow = _ref2.forceShow,\n forceShow = _ref2$forceShow === void 0 ? false : _ref2$forceShow,\n _ref2$float = _ref2[\"float\"],\n _float = _ref2$float === void 0 ? false : _ref2$float,\n _ref2$scrollY = _ref2.scrollY,\n scrollY = _ref2$scrollY === void 0 ? 0 : _ref2$scrollY,\n _ref2$backgroundBreak = _ref2.backgroundBreakpoint,\n backgroundBreakpoint = _ref2$backgroundBreak === void 0 ? 20 : _ref2$backgroundBreak,\n _ref2$color = _ref2.color,\n color = _ref2$color === void 0 ? colorsTypes.PRIMARY_VERY_ULTRA_LIGHT : _ref2$color;\n\n if (forceShow) return undefined;\n\n if (!!_float && (!!Number(scrollY) || !scrollY) && (scrollY <= backgroundBreakpoint || scrollY === 0)) {\n return color;\n }\n\n return undefined;\n}, function (_ref3) {\n var _ref3$active = _ref3.active,\n active = _ref3$active === void 0 ? false : _ref3$active,\n _ref3$borderColor = _ref3.borderColor,\n borderColor = _ref3$borderColor === void 0 ? colorsTypes.PRIMARY_SEMI_DARK : _ref3$borderColor,\n _ref3$isVisible = _ref3.isVisible,\n isVisible = _ref3$isVisible === void 0 ? false : _ref3$isVisible;\n if (isVisible || active) return borderColor;\n return colorsTypes.TRANSPARENT;\n}, function (_ref4) {\n var _ref4$active = _ref4.active,\n active = _ref4$active === void 0 ? false : _ref4$active,\n _ref4$isVisible = _ref4.isVisible,\n isVisible = _ref4$isVisible === void 0 ? false : _ref4$isVisible,\n _ref4$topIndicator = _ref4.topIndicator,\n topIndicator = _ref4$topIndicator === void 0 ? true : _ref4$topIndicator;\n return !topIndicator && (isVisible || active) ? 2 : 0;\n}, function (_ref5) {\n var _ref5$active = _ref5.active,\n active = _ref5$active === void 0 ? false : _ref5$active,\n _ref5$isVisible = _ref5.isVisible,\n isVisible = _ref5$isVisible === void 0 ? false : _ref5$isVisible,\n _ref5$topIndicator = _ref5.topIndicator,\n topIndicator = _ref5$topIndicator === void 0 ? true : _ref5$topIndicator;\n return topIndicator && (isVisible || active) ? 2 : 0;\n}, function (_ref6) {\n var _ref6$float = _ref6[\"float\"],\n _float2 = _ref6$float === void 0 ? false : _ref6$float,\n _ref6$transparent = _ref6.transparent,\n transparent = _ref6$transparent === void 0 ? false : _ref6$transparent,\n _ref6$scrollY = _ref6.scrollY,\n scrollY = _ref6$scrollY === void 0 ? 0 : _ref6$scrollY,\n _ref6$backgroundBreak = _ref6.backgroundBreakpoint,\n backgroundBreakpoint = _ref6$backgroundBreak === void 0 ? 20 : _ref6$backgroundBreak,\n _ref6$color = _ref6.color,\n color = _ref6$color === void 0 ? colorsTypes.WHITE : _ref6$color;\n\n if (transparent) return color;\n if (scrollY <= backgroundBreakpoint || scrollY === 0) return color;\n if (!scrollY) return color;\n if (!!_float2 && !!Number(scrollY)) return color;\n return undefined;\n}, function (_ref7) {\n var _ref7$grayscale = _ref7.grayscale,\n grayscale = _ref7$grayscale === void 0 ? false : _ref7$grayscale,\n _ref7$transparent = _ref7.transparent,\n transparent = _ref7$transparent === void 0 ? false : _ref7$transparent;\n if (transparent) return \"none\";\n if (grayscale) return colorsTypes.VERY_ULTRA_LIGHT;\n return colorsTypes.HIGHT_LIGHT_PRIMARY;\n});\nvar LinkNormalAText$1 = styled__default[\"default\"].a(_templateObject2$9 || (_templateObject2$9 = _taggedTemplateLiteral([\"\\n height: \", \";\\n margin: auto 20px auto 0;\\n padding: 1rem 0.25rem;\\n font-family: \", \";\\n\\n color: \", \";\\n\\n border-top-width: \", \"px;\\n\\n border-bottom-width: \", \"px;\\n\\n border-color: \", \";\\n\\n &:hover {\\n color: \", \";\\n\\n background: \", \";\\n\\n border-color: \", \";\\n }\\n\"])), function (_ref8) {\n var _ref8$height = _ref8.height,\n height = _ref8$height === void 0 ? \"min-content\" : _ref8$height;\n return lodash.isNumber(height) ? \"\".concat(height, \"px\") : height;\n}, function (_ref9) {\n var _ref9$primaryFamily = _ref9.primaryFamily,\n primaryFamily = _ref9$primaryFamily === void 0 ? false : _ref9$primaryFamily;\n return primaryFamily ? getFontFamily(fontsFamiliesVariantsTypes.PRIMARY) : undefined;\n}, function (_ref10) {\n var _ref10$float = _ref10[\"float\"],\n _float3 = _ref10$float === void 0 ? false : _ref10$float,\n _ref10$forceShow = _ref10.forceShow,\n forceShow = _ref10$forceShow === void 0 ? false : _ref10$forceShow,\n _ref10$scrollY = _ref10.scrollY,\n scrollY = _ref10$scrollY === void 0 ? 0 : _ref10$scrollY,\n _ref10$backgroundBrea = _ref10.backgroundBreakpoint,\n backgroundBreakpoint = _ref10$backgroundBrea === void 0 ? 20 : _ref10$backgroundBrea,\n _ref10$color = _ref10.color,\n color = _ref10$color === void 0 ? colorsTypes.WHITE : _ref10$color,\n _ref10$isActive = _ref10.isActive,\n isActive = _ref10$isActive === void 0 ? false : _ref10$isActive,\n _ref10$titleActiveCol = _ref10.titleActiveColor,\n titleActiveColor = _ref10$titleActiveCol === void 0 ? colorsTypes.WHITE : _ref10$titleActiveCol;\n\n if (forceShow) return undefined;\n if (isActive) return titleActiveColor;\n\n if (!!_float3 && (!!Number(scrollY) || !scrollY) && (scrollY <= backgroundBreakpoint || scrollY === 0)) {\n return color;\n }\n\n return undefined;\n}, function (_ref11) {\n var _ref11$transparent = _ref11.transparent,\n transparent = _ref11$transparent === void 0 ? false : _ref11$transparent,\n _ref11$topIndicator = _ref11.topIndicator,\n topIndicator = _ref11$topIndicator === void 0 ? true : _ref11$topIndicator;\n\n if (transparent) {\n if (!topIndicator) return 0;\n return 2;\n }\n\n return 0;\n}, function (_ref12) {\n var _ref12$transparent = _ref12.transparent,\n transparent = _ref12$transparent === void 0 ? false : _ref12$transparent,\n _ref12$topIndicator = _ref12.topIndicator,\n topIndicator = _ref12$topIndicator === void 0 ? true : _ref12$topIndicator;\n\n if (transparent) {\n if (topIndicator) return 0;\n return 2;\n }\n\n return 0;\n}, function (_ref13) {\n var _ref13$grayscale = _ref13.grayscale,\n grayscale = _ref13$grayscale === void 0 ? false : _ref13$grayscale,\n _ref13$transparent = _ref13.transparent,\n transparent = _ref13$transparent === void 0 ? false : _ref13$transparent,\n _ref13$dark = _ref13.dark,\n dark = _ref13$dark === void 0 ? false : _ref13$dark,\n _ref13$isActive = _ref13.isActive,\n isActive = _ref13$isActive === void 0 ? false : _ref13$isActive,\n _ref13$activeBorderCo = _ref13.activeBorderColor,\n activeBorderColor = _ref13$activeBorderCo === void 0 ? colorsTypes.TRANSPARENT : _ref13$activeBorderCo;\n\n if (transparent && isActive) {\n if (isActive) return activeBorderColor;\n if (dark) return colorsTypes.BLACK;\n if (grayscale) return colorsTypes.WHITE;\n return colorsTypes.PRIMARY_SEMI_DARK;\n }\n\n return colorsTypes.TRANSPARENT;\n}, function (_ref14) {\n var _ref14$float = _ref14[\"float\"],\n _float4 = _ref14$float === void 0 ? false : _ref14$float,\n _ref14$transparent = _ref14.transparent,\n transparent = _ref14$transparent === void 0 ? false : _ref14$transparent,\n _ref14$scrollY = _ref14.scrollY,\n scrollY = _ref14$scrollY === void 0 ? 0 : _ref14$scrollY,\n _ref14$backgroundBrea = _ref14.backgroundBreakpoint,\n backgroundBreakpoint = _ref14$backgroundBrea === void 0 ? 20 : _ref14$backgroundBrea,\n _ref14$color = _ref14.color,\n color = _ref14$color === void 0 ? colorsTypes.BLACK : _ref14$color;\n\n if (transparent || !scrollY) return undefined;\n if (scrollY <= backgroundBreakpoint || scrollY === 0) return color;\n if (!!_float4 && !!Number(scrollY)) return color;\n return color;\n}, function (_ref15) {\n var _ref15$grayscale = _ref15.grayscale,\n grayscale = _ref15$grayscale === void 0 ? false : _ref15$grayscale,\n _ref15$transparent = _ref15.transparent,\n transparent = _ref15$transparent === void 0 ? false : _ref15$transparent;\n if (transparent) return \"none\";\n if (grayscale) return colorsTypes.VERY_ULTRA_LIGHT;\n return colorsTypes.HIGHT_LIGHT_PRIMARY;\n}, function (_ref16) {\n var _ref16$grayscale = _ref16.grayscale,\n grayscale = _ref16$grayscale === void 0 ? false : _ref16$grayscale,\n _ref16$transparent = _ref16.transparent,\n transparent = _ref16$transparent === void 0 ? false : _ref16$transparent,\n _ref16$dark = _ref16.dark,\n dark = _ref16$dark === void 0 ? false : _ref16$dark,\n _ref16$isActive = _ref16.isActive,\n isActive = _ref16$isActive === void 0 ? false : _ref16$isActive;\n\n if (transparent && !isActive) {\n if (dark) return colorsTypes.BLACK;\n if (grayscale) return colorsTypes.WHITE;\n return colorsTypes.PRIMARY_SEMI_DARK;\n }\n\n return \"none\";\n});\n\nfunction HeaderDesktopLinkNormal$1(_ref17) {\n var _ref17$index = _ref17.index,\n index = _ref17$index === void 0 ? \"\" : _ref17$index,\n menuItem = _ref17.menuItem,\n pathname = _ref17.pathname,\n variant = _ref17.variant,\n _ref17$float = _ref17[\"float\"],\n _float5 = _ref17$float === void 0 ? false : _ref17$float,\n _ref17$forceShow = _ref17.forceShow,\n forceShow = _ref17$forceShow === void 0 ? false : _ref17$forceShow,\n _ref17$grayscale = _ref17.grayscale,\n grayscale = _ref17$grayscale === void 0 ? false : _ref17$grayscale,\n _ref17$dark = _ref17.dark,\n dark = _ref17$dark === void 0 ? false : _ref17$dark,\n _ref17$transparent = _ref17.transparent,\n transparent = _ref17$transparent === void 0 ? false : _ref17$transparent,\n _ref17$topIndicator = _ref17.topIndicator,\n topIndicator = _ref17$topIndicator === void 0 ? true : _ref17$topIndicator,\n _ref17$scrollY = _ref17.scrollY,\n scrollY = _ref17$scrollY === void 0 ? 0 : _ref17$scrollY,\n _ref17$active = _ref17.active,\n active = _ref17$active === void 0 ? false : _ref17$active,\n _ref17$activeBorderCo = _ref17.activeBorderColor,\n activeBorderColor = _ref17$activeBorderCo === void 0 ? colorsTypes.PRIMARY_VERY_ULTRA_LIGHT : _ref17$activeBorderCo,\n _ref17$titleActiveCol = _ref17.titleActiveColor,\n titleActiveColor = _ref17$titleActiveCol === void 0 ? colorsTypes.PRIMARY_ULTRA_DARK : _ref17$titleActiveCol,\n _ref17$titleColor = _ref17.titleColor,\n titleColor = _ref17$titleColor === void 0 ? colorsTypes.PRIMARY_ULTRA_DARK : _ref17$titleColor,\n _ref17$backgroundBrea = _ref17.backgroundBreakpoint,\n backgroundBreakpoint = _ref17$backgroundBrea === void 0 ? 20 : _ref17$backgroundBrea;\n\n switch (variant) {\n case linkVariantTypes.PAGE_LINKS:\n var classesValidation = function () {\n if (pathname === (menuItem === null || menuItem === void 0 ? void 0 : menuItem.pageLinks) || pathname === (menuItem === null || menuItem === void 0 ? void 0 : menuItem.url) || pathname === (menuItem === null || menuItem === void 0 ? void 0 : menuItem.pdf) || \"/\".concat(pathname) === (menuItem === null || menuItem === void 0 ? void 0 : menuItem.url) || \"/\".concat(pathname) === (menuItem === null || menuItem === void 0 ? void 0 : menuItem.pageLinks) || \"/\".concat(pathname) === (menuItem === null || menuItem === void 0 ? void 0 : menuItem.pdf)) {\n return \"LINK_NORMAL_TEXT LinkNormalText bl-text-xs tw-px-6 tw-flex tw-items-center tw-justify-center tw-pb-1 tw-border-t-2 tw-font-medium bl-border-primary LINK_NORMAL_TEXT_ACTIVE LINK__NORMAL__A__TEXT_ACTIVE\";\n }\n\n return \"LINK_NORMAL_TEXT LinkNormalText bl-text-xs tw-px-6 tw-flex tw-items-center tw-justify-center\";\n }();\n\n return /*#__PURE__*/React__default$1[\"default\"].createElement(LinkNormalText$1, {\n index: index,\n popup: \"\".concat(menuItem.openThirdPartyPopup),\n grayscale: grayscale,\n dark: dark,\n active: active,\n activeBorderColor: activeBorderColor,\n titleColor: titleColor,\n to: menuItem.pageLinks,\n \"float\": _float5,\n forceShow: forceShow,\n topIndicator: topIndicator,\n transparent: transparent,\n scrollY: scrollY,\n backgroundBreakpoint: backgroundBreakpoint,\n primaryFamily: \"/\".concat(pathname) === menuItem.url,\n className: classnames(classesValidation, addClassHeaderOnScroll({\n \"float\": _float5,\n scrollY: scrollY,\n backgroundBreakpoint: backgroundBreakpoint,\n transparent: transparent,\n classTag: \"LINK__NORMAL__A__TEXT\"\n }))\n }, menuItem.text);\n\n case linkVariantTypes.PDF:\n return /*#__PURE__*/React__default$1[\"default\"].createElement(LinkNormalText$1, {\n index: index,\n topIndicator: topIndicator,\n grayscale: grayscale,\n active: active,\n activeBorderColor: activeBorderColor,\n color: titleColor,\n dark: dark,\n popup: \"\".concat(menuItem.openThirdPartyPopup),\n to: menuItem.pdf.url,\n forceShow: forceShow,\n transparent: transparent,\n \"float\": _float5,\n scrollY: scrollY,\n backgroundBreakpoint: backgroundBreakpoint,\n primaryFamily: \"/\".concat(pathname) === menuItem.url || \"/\".concat(pathname) === menuItem.pageLinks,\n className: classnames(\"LINK_NORMAL_TEXT LinkNormalText bl-text-xs tw-flex tw-items-center tw-justify-center tw-font-medium\", addClassHeaderOnScroll({\n \"float\": _float5,\n scrollY: scrollY,\n backgroundBreakpoint: backgroundBreakpoint,\n transparent: transparent,\n classTag: \"LINK__NORMAL__A__TEXT\"\n }) // , pathname === menuItem.url && \"tw-pb-1 tw-border-t-2 bl-border-primary\",\n )\n }, menuItem.text);\n\n default:\n var auxActiveClass = \"LINK__NORMAL__A__TEXT_INACTIVE path=\".concat(pathname, \" url=\").concat(menuItem === null || menuItem === void 0 ? void 0 : menuItem.url);\n\n if (\"/\".concat(pathname) === (menuItem === null || menuItem === void 0 ? void 0 : menuItem.url) || pathname === \"\" && (menuItem === null || menuItem === void 0 ? void 0 : menuItem.url) === \"/\") {\n auxActiveClass = \"LINK__NORMAL__A__TEXT_ACTIVE path=\".concat(pathname, \" url=\").concat(menuItem === null || menuItem === void 0 ? void 0 : menuItem.url);\n }\n\n return /*#__PURE__*/React__default$1[\"default\"].createElement(LinkNormalAText$1, {\n index: index,\n topIndicator: topIndicator,\n grayscale: grayscale,\n isActive: pathname === menuItem.url || pathname === menuItem.pageLinks || pathname === menuItem.pdf,\n activeBorderColor: activeBorderColor,\n color: titleColor,\n titleActiveColor: titleActiveColor,\n dark: dark,\n popup: \"\".concat(menuItem.openThirdPartyPopup),\n href: menuItem.url,\n \"float\": _float5,\n transparent: transparent // forceShow={forceShow}\n ,\n scrollY: scrollY,\n backgroundBreakpoint: backgroundBreakpoint,\n primaryFamily: \"/\".concat(pathname) === menuItem.url || \"/\".concat(pathname) === menuItem.pageLinks || \"/\".concat(pathname) === menuItem.pdf,\n className: classnames(\"LinkNormalAText bl-text-xs tw-flex tw-items-center tw-justify-center tw-font-medium \".concat(auxActiveClass), addClassHeaderOnScroll({\n \"float\": _float5,\n scrollY: scrollY,\n backgroundBreakpoint: backgroundBreakpoint,\n transparent: transparent,\n classTag: \"LINK__NORMAL__A__TEXT\"\n }) // , pathname === menuItem.url && \"tw-pb-1 tw-border-t-2 bl-border-primary\",\n )\n }, menuItem.text);\n }\n}\n\nfunction HeaderDesktopNavItems$1(_ref) {\n var pathname = _ref.pathname,\n menuItems = _ref.menuItems,\n _ref$topIndicator = _ref.topIndicator,\n topIndicator = _ref$topIndicator === void 0 ? true : _ref$topIndicator,\n _ref$transparent = _ref.transparent,\n transparent = _ref$transparent === void 0 ? false : _ref$transparent,\n _ref$isTopBorder = _ref.isTopBorder,\n isTopBorder = _ref$isTopBorder === void 0 ? false : _ref$isTopBorder,\n _ref$forceShow = _ref.forceShow,\n forceShow = _ref$forceShow === void 0 ? false : _ref$forceShow,\n _ref$float = _ref[\"float\"],\n _float = _ref$float === void 0 ? false : _ref$float,\n _ref$grayscale = _ref.grayscale,\n grayscale = _ref$grayscale === void 0 ? false : _ref$grayscale,\n _ref$dark = _ref.dark,\n dark = _ref$dark === void 0 ? false : _ref$dark,\n _ref$backgroundScreen = _ref.backgroundScreenActive,\n backgroundScreenActive = _ref$backgroundScreen === void 0 ? false : _ref$backgroundScreen,\n _ref$forceShowColor = _ref.forceShowColor,\n forceShowColor = _ref$forceShowColor === void 0 ? false : _ref$forceShowColor,\n _ref$menuSubItemDisab = _ref.menuSubItemDisableBorder,\n menuSubItemDisableBorder = _ref$menuSubItemDisab === void 0 ? false : _ref$menuSubItemDisab,\n _ref$scrollY = _ref.scrollY,\n scrollY = _ref$scrollY === void 0 ? 0 : _ref$scrollY,\n _ref$backgroundBreakp = _ref.backgroundBreakpoint,\n backgroundBreakpoint = _ref$backgroundBreakp === void 0 ? 20 : _ref$backgroundBreakp,\n _ref$itemsProps = _ref.itemsProps,\n itemsProps = _ref$itemsProps === void 0 ? {} : _ref$itemsProps,\n _ref$activeBorderColo = _ref.activeBorderColor,\n activeBorderColor = _ref$activeBorderColo === void 0 ? colorsTypes.PRIMARY : _ref$activeBorderColo,\n _ref$hoverBorderColor = _ref.hoverBorderColor,\n hoverBorderColor = _ref$hoverBorderColor === void 0 ? colorsTypes.PRIMARY_VERY_ULTRA_LIGHT : _ref$hoverBorderColor,\n _ref$menuSubLinksTitl = _ref.menuSubLinksTitleColor,\n menuSubLinksTitleColor = _ref$menuSubLinksTitl === void 0 ? colorsTypes.PRIMARY_ULTRA_DARK : _ref$menuSubLinksTitl,\n _ref$menuSubLinksTitl2 = _ref.menuSubLinksTitleActiveColor,\n menuSubLinksTitleActiveColor = _ref$menuSubLinksTitl2 === void 0 ? colorsTypes.PRIMARY : _ref$menuSubLinksTitl2,\n _ref$menuSubItemTitle = _ref.menuSubItemTitleColor,\n menuSubItemTitleColor = _ref$menuSubItemTitle === void 0 ? colorsTypes.PRIMARY_ULTRA_DARK : _ref$menuSubItemTitle,\n _ref$menuSubItemTitle2 = _ref.menuSubItemTitleActiveColor,\n menuSubItemTitleActiveColor = _ref$menuSubItemTitle2 === void 0 ? colorsTypes.PRIMARY : _ref$menuSubItemTitle2,\n _ref$subItemTextColor = _ref.subItemTextColor,\n subItemTextColor = _ref$subItemTextColor === void 0 ? colorsTypes.PRIMARY_ULTRA_DARK : _ref$subItemTextColor,\n _ref$subItemTextActiv = _ref.subItemTextActiveColor,\n subItemTextActiveColor = _ref$subItemTextActiv === void 0 ? colorsTypes.PRIMARY : _ref$subItemTextActiv,\n _ref$subMenuBackgroun = _ref.subMenuBackgroundColor,\n subMenuBackgroundColor = _ref$subMenuBackgroun === void 0 ? colorsTypes.TRANSPARENT : _ref$subMenuBackgroun,\n _ref$subMenuActiveBac = _ref.subMenuActiveBackgroundColor,\n subMenuActiveBackgroundColor = _ref$subMenuActiveBac === void 0 ? colorsTypes.TRANSPARENT : _ref$subMenuActiveBac,\n _ref$subMenuGrayscale = _ref.subMenuGrayscaleBackgroundColor,\n subMenuGrayscaleBackgroundColor = _ref$subMenuGrayscale === void 0 ? colorsTypes.WHITE : _ref$subMenuGrayscale,\n _ref$itemBackgroundCo = _ref.itemBackgroundColor,\n itemBackgroundColor = _ref$itemBackgroundCo === void 0 ? colorsTypes.WHITE : _ref$itemBackgroundCo,\n _ref$dropdownHoverBac = _ref.dropdownHoverBackground,\n dropdownHoverBackground = _ref$dropdownHoverBac === void 0 ? colorsVariantsTypes.HIGHT_LIGHT_PRIMARY : _ref$dropdownHoverBac,\n _ref$menuSubLinksBord = _ref.menuSubLinksBorderColor,\n menuSubLinksBorderColor = _ref$menuSubLinksBord === void 0 ? colorsVariantsTypes.PRIMARY_SEMI_DARK : _ref$menuSubLinksBord,\n _ref$dropdownSeparati = _ref.dropdownSeparationFromTop,\n dropdownSeparationFromTop = _ref$dropdownSeparati === void 0 ? 20 : _ref$dropdownSeparati,\n _ref$dropdownSeparati2 = _ref.dropdownSeparationFromBottom,\n dropdownSeparationFromBottom = _ref$dropdownSeparati2 === void 0 ? 50 : _ref$dropdownSeparati2;\n\n var urlTest = /^(\\/|http:\\/\\/|https:\\/\\/|www.)/;\n\n var _useState = React.useState(\"/\".concat(pathname)),\n _useState2 = _slicedToArray(_useState, 2),\n localPathname = _useState2[0],\n setLocalPathname = _useState2[1];\n\n React.useEffect(function () {\n if (window && window.location && window.location.pathname) {\n setLocalPathname(window.location.pathname);\n }\n }, []);\n return (menuItems || []).map(function (menuItem) {\n var variant = menuItem.pdf ? \"pdf\" : menuItem.pageLinks ? \"pageLinks\" : \"url\";\n var index = menuItem.text || nanoid();\n\n if (menuItem.subLinks && menuItem.subLinks.length > 0) {\n var subLinksCasted = menuItem.subLinks.reduce(function (acc, subLink) {\n var subLinkKeys = Object.entries(subLink).reduce(function () {\n var itemAcc = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];\n\n var _ref2 = arguments.length > 1 ? arguments[1] : undefined,\n _ref3 = _slicedToArray(_ref2, 2),\n _ref3$ = _ref3[0],\n subLinkName = _ref3$ === void 0 ? \"\" : _ref3$,\n _ref3$2 = _ref3[1],\n subLinkValue = _ref3$2 === void 0 ? \"\" : _ref3$2;\n\n if (!subLinkValue) return _toConsumableArray(itemAcc);\n var itemIndex = Number(subLinkName.replace(\"text\", \"\"));\n var isUrlSubLinkName = /url[0-9]/gi.test(subLinkName);\n var isTextSubLinkName = /text[0-9]/gi.test(subLinkName);\n if (isUrlSubLinkName || !isTextSubLinkName) return itemAcc;\n var subLinks = lodash.uniqBy(Object.entries(subLink).map(function (_ref4) {\n var _ref5 = _slicedToArray(_ref4, 2),\n _ref5$ = _ref5[0],\n urlName = _ref5$ === void 0 ? \"\" : _ref5$,\n _ref5$2 = _ref5[1],\n urlValue = _ref5$2 === void 0 ? \"\" : _ref5$2;\n\n var subLinkIndex = Number(urlName.replace(\"url\", \"\"));\n return {\n name: urlName,\n value: urlValue,\n index: lodash.isNumber(subLinkIndex) && !!subLinkIndex ? subLinkIndex : nanoid()\n };\n }), \"name\");\n var urls = subLinks.filter(function (_ref6) {\n var _ref6$name = _ref6.name,\n name = _ref6$name === void 0 ? \"\" : _ref6$name;\n return /url[0-9]/gi.test(name);\n });\n var itemUrl = lodash.find(urls, {\n index: itemIndex\n });\n var isCurrentPath = itemUrl && itemUrl.value && itemUrl.value === localPathname;\n\n if (isTextSubLinkName) {\n var hasNotTextSubLinkItem = !lodash.find(itemAcc, {\n name: subLinkName\n });\n\n if (hasNotTextSubLinkItem) {\n var innerTextSubLinkItem = lodash.find(subLinks, {\n name: subLinkName\n });\n return [].concat(_toConsumableArray(itemAcc), [_objectSpread2(_objectSpread2({}, innerTextSubLinkItem), {}, {\n isCurrentPath: isCurrentPath,\n url: itemUrl || undefined,\n isUrl: itemUrl && urlTest.test(itemUrl.value)\n })]);\n }\n\n return itemAcc.map(function (item) {\n if (item.name === subLinkName) {\n return {\n isCurrentPath: isCurrentPath,\n name: subLinkName || \"\",\n value: subLinkValue || \"\",\n isUrl: urlTest.test(subLinkValue),\n url: itemUrl || undefined\n };\n }\n\n return item;\n });\n }\n\n if (!isUrlSubLinkName) {\n return [].concat(_toConsumableArray(itemAcc), [{\n isCurrentPath: isCurrentPath,\n name: subLinkName || \"\",\n value: subLinkValue || \"\",\n isUrl: urlTest.test(subLinkValue),\n url: itemUrl || undefined\n }]);\n }\n\n return _toConsumableArray(itemAcc);\n }, []);\n return [].concat(_toConsumableArray(acc), [{\n id: subLink.id,\n title: subLink.title,\n titleStyle: subLink.titleStyle,\n data: subLinkKeys\n }]);\n }, []).map(function (item) {\n return _objectSpread2(_objectSpread2({}, item), {}, {\n data: lodash.uniqBy(item.data, \"name\")\n });\n });\n var subLinksCastedOnlyUrl = subLinksCasted.reduce(function () {\n var acc = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];\n var item = arguments.length > 1 ? arguments[1] : undefined;\n return [].concat(_toConsumableArray(acc), _toConsumableArray(item.data.filter(function (_ref7) {\n var _ref7$isCurrentPath = _ref7.isCurrentPath,\n isCurrentPath = _ref7$isCurrentPath === void 0 ? false : _ref7$isCurrentPath;\n return isCurrentPath;\n })));\n }, []);\n var subLinksCastedOnlyCurrentPaths = subLinksCastedOnlyUrl.filter(function (_ref8) {\n var _ref8$isCurrentPath = _ref8.isCurrentPath,\n isCurrentPath = _ref8$isCurrentPath === void 0 ? false : _ref8$isCurrentPath;\n return isCurrentPath;\n });\n var subLinksCastedCurrentPaths = subLinksCastedOnlyUrl.map(function (_ref9) {\n var _ref9$isCurrentPath = _ref9.isCurrentPath,\n isCurrentPath = _ref9$isCurrentPath === void 0 ? false : _ref9$isCurrentPath;\n return isCurrentPath;\n });\n var currentPath = subLinksCastedOnlyCurrentPaths && subLinksCastedOnlyCurrentPaths.length ? subLinksCastedOnlyCurrentPaths[0] : undefined;\n var hasMatchWithLocalPath = lodash.some(subLinksCastedCurrentPaths);\n return /*#__PURE__*/React__default$1[\"default\"].createElement(HeaderDesktopLinkWithSubLinks, _extends$g({\n disableBorder: menuSubItemDisableBorder,\n hoverBackground: dropdownHoverBackground,\n dropdownSeparationFromTop: dropdownSeparationFromTop,\n dropdownSeparationFromBottom: dropdownSeparationFromBottom,\n index: index,\n backgroundColor: itemBackgroundColor,\n subMenuBackgroundColor: subMenuBackgroundColor,\n subMenuGrayscaleBackgroundColor: subMenuGrayscaleBackgroundColor,\n subItemTextColor: subItemTextColor,\n activeBackgroundColor: subMenuActiveBackgroundColor,\n subItemTextActiveColor: subItemTextActiveColor,\n subItemTitleColor: menuSubItemTitleColor,\n subItemTitleActiveColor: menuSubItemTitleActiveColor,\n titleColor: hasMatchWithLocalPath && !!currentPath ? menuSubLinksTitleActiveColor : menuSubLinksTitleColor,\n borderColor: menuSubLinksBorderColor,\n activeBorderClass: hasMatchWithLocalPath && !!currentPath ? \"HeaderDesktopLinkWithSubLinksContainer-activeMenuItem\" : \"HeaderDesktopLinkWithSubLinksContainer-inactiveMenuItem\",\n active: hasMatchWithLocalPath && !!currentPath,\n topIndicator: topIndicator,\n activeBorderColor: activeBorderColor,\n hoverBorderColor: hoverBorderColor,\n key: \"LinkWithSubLinks-\".concat(menuItem.id),\n menuItem: menuItem,\n currentPath: currentPath,\n pathname: pathname,\n \"float\": _float,\n scrollY: scrollY,\n grayscale: grayscale,\n dark: dark,\n backgroundScreenActive: backgroundScreenActive,\n backgroundBreakpoint: backgroundBreakpoint,\n transparent: transparent,\n isTopBorder: isTopBorder,\n forceShow: forceShow,\n forceShowColor: forceShowColor,\n className: \"HeaderDesktopLinkWithSubLinks HEADER_DESKTOP__NAVIGATION__ITEMS HEADER_DESKTOP__NAVIGATION__ITEMS__SUB_LINKS HeaderDesktopLinkWithSubLinks\"\n }, itemsProps));\n }\n\n return /*#__PURE__*/React__default$1[\"default\"].createElement(HeaderDesktopLinkNormal$1, _extends$g({\n index: index,\n key: \"LinkNormal-\".concat(menuItem.id),\n titleActiveColor: menuSubLinksTitleActiveColor,\n titleColor: menuSubLinksTitleColor,\n activeBorderColor: activeBorderColor,\n menuItem: menuItem,\n pathname: pathname,\n grayscale: grayscale,\n dark: dark,\n topIndicator: topIndicator,\n variant: variant,\n \"float\": _float,\n scrollY: scrollY,\n backgroundBreakpoint: backgroundBreakpoint,\n transparent: transparent,\n forceShow: forceShow,\n forceShowColor: forceShowColor,\n className: \"HEADER_DESKTOP__NAVIGATION__ITEMS HEADER_DESKTOP__NAVIGATION__ITEMS__NORMAL HeaderDesktopLinkNormal\"\n }, itemsProps));\n });\n}\n\nvar _templateObject$U;\n\nvar HeaderDesktopContainer = styled__default[\"default\"].nav(_templateObject$U || (_templateObject$U = _taggedTemplateLiteral([\"\\n flex: 9;\\n display: grid;\\n grid-template-columns: 1fr auto;\\n height: 100%;\\n\"])));\n\nvar _templateObject$T;\n\nvar HeaderDesktopContent = styled__default[\"default\"].nav(_templateObject$T || (_templateObject$T = _taggedTemplateLiteral([\"\\n display: flex;\\n flex-direction: row;\\n flex-wrap: nowrap;\\n justify-content: flex-start;\\n align-items: stretch;\\n height: 100%;\\n\"])));\n\nfunction HeaderDesktopNavMenu(_ref) {\n var creditUnion = _ref.creditUnion,\n pathname = _ref.pathname,\n menuItems = _ref.menuItems,\n loginButtonText = _ref.loginButtonText,\n _ref$float = _ref[\"float\"],\n _float = _ref$float === void 0 ? false : _ref$float,\n _ref$scrollY = _ref.scrollY,\n scrollY = _ref$scrollY === void 0 ? 0 : _ref$scrollY,\n _ref$backgroundBreakp = _ref.backgroundBreakpoint,\n backgroundBreakpoint = _ref$backgroundBreakp === void 0 ? 20 : _ref$backgroundBreakp,\n _ref$loginButtonStyle = _ref.loginButtonStyles,\n loginButtonStyles = _ref$loginButtonStyle === void 0 ? {\n fill: buttonFillTypes.FILLED,\n styleType: buttonStyleTypes.NONE\n } : _ref$loginButtonStyle,\n _ref$itemsProps = _ref.itemsProps,\n itemsProps = _ref$itemsProps === void 0 ? {} : _ref$itemsProps,\n _ref$transparent = _ref.transparent,\n transparent = _ref$transparent === void 0 ? false : _ref$transparent,\n _ref$isTopBorder = _ref.isTopBorder,\n isTopBorder = _ref$isTopBorder === void 0 ? false : _ref$isTopBorder,\n _ref$forceShow = _ref.forceShow,\n forceShow = _ref$forceShow === void 0 ? false : _ref$forceShow,\n _ref$forceShowColor = _ref.forceShowColor,\n forceShowColor = _ref$forceShowColor === void 0 ? false : _ref$forceShowColor,\n _ref$grayscale = _ref.grayscale,\n grayscale = _ref$grayscale === void 0 ? false : _ref$grayscale,\n _ref$dark = _ref.dark,\n dark = _ref$dark === void 0 ? false : _ref$dark,\n _ref$backgroundScreen = _ref.backgroundScreenActive,\n backgroundScreenActive = _ref$backgroundScreen === void 0 ? false : _ref$backgroundScreen,\n _ref$topIndicator = _ref.topIndicator,\n topIndicator = _ref$topIndicator === void 0 ? true : _ref$topIndicator,\n _ref$menuSubItemDisab = _ref.menuSubItemDisableBorder,\n menuSubItemDisableBorder = _ref$menuSubItemDisab === void 0 ? true : _ref$menuSubItemDisab,\n _ref$menuActiveBorder = _ref.menuActiveBorderColor,\n menuActiveBorderColor = _ref$menuActiveBorder === void 0 ? colorsTypes.PRIMARY : _ref$menuActiveBorder,\n _ref$menuHoverBorderC = _ref.menuHoverBorderColor,\n menuHoverBorderColor = _ref$menuHoverBorderC === void 0 ? colorsTypes.PRIMARY_VERY_ULTRA_LIGHT : _ref$menuHoverBorderC,\n _ref$menuSubLinksTitl = _ref.menuSubLinksTitleColor,\n menuSubLinksTitleColor = _ref$menuSubLinksTitl === void 0 ? colorsTypes.PRIMARY_ULTRA_DARK : _ref$menuSubLinksTitl,\n _ref$menuSubLinksBord = _ref.menuSubLinksBorderColor,\n menuSubLinksBorderColor = _ref$menuSubLinksBord === void 0 ? colorsTypes.PRIMARY_SEMI_DARK : _ref$menuSubLinksBord,\n _ref$menuSubLinksTitl2 = _ref.menuSubLinksTitleActiveColor,\n menuSubLinksTitleActiveColor = _ref$menuSubLinksTitl2 === void 0 ? colorsTypes.PRIMARY : _ref$menuSubLinksTitl2,\n _ref$menuSubItemTitle = _ref.menuSubItemTitleColor,\n menuSubItemTitleColor = _ref$menuSubItemTitle === void 0 ? colorsTypes.PRIMARY_ULTRA_DARK : _ref$menuSubItemTitle,\n _ref$menuSubItemTitle2 = _ref.menuSubItemTitleActiveColor,\n menuSubItemTitleActiveColor = _ref$menuSubItemTitle2 === void 0 ? colorsTypes.PRIMARY : _ref$menuSubItemTitle2,\n _ref$menuSubItemTextC = _ref.menuSubItemTextColor,\n menuSubItemTextColor = _ref$menuSubItemTextC === void 0 ? colorsTypes.PRIMARY_ULTRA_DARK : _ref$menuSubItemTextC,\n _ref$menuSubItemTextA = _ref.menuSubItemTextActiveColor,\n menuSubItemTextActiveColor = _ref$menuSubItemTextA === void 0 ? colorsTypes.PRIMARY : _ref$menuSubItemTextA,\n _ref$subMenuBackgroun = _ref.subMenuBackgroundColor,\n subMenuBackgroundColor = _ref$subMenuBackgroun === void 0 ? colorsTypes.TRANSPARENT : _ref$subMenuBackgroun,\n _ref$subMenuActiveBac = _ref.subMenuActiveBackgroundColor,\n subMenuActiveBackgroundColor = _ref$subMenuActiveBac === void 0 ? colorsTypes.TRANSPARENT : _ref$subMenuActiveBac,\n _ref$subMenuGrayscale = _ref.subMenuGrayscaleBackgroundColor,\n subMenuGrayscaleBackgroundColor = _ref$subMenuGrayscale === void 0 ? colorsTypes.WHITE : _ref$subMenuGrayscale,\n _ref$itemBackgroundCo = _ref.itemBackgroundColor,\n itemBackgroundColor = _ref$itemBackgroundCo === void 0 ? colorsTypes.TRANSPARENT : _ref$itemBackgroundCo,\n _ref$dropdownHoverBac = _ref.dropdownHoverBackground,\n dropdownHoverBackground = _ref$dropdownHoverBac === void 0 ? colorsVariantsTypes.HIGHT_LIGHT_PRIMARY : _ref$dropdownHoverBac,\n _ref$dropdownSeparati = _ref.dropdownSeparationFromTop,\n dropdownSeparationFromTop = _ref$dropdownSeparati === void 0 ? 20 : _ref$dropdownSeparati,\n _ref$dropdownSeparati2 = _ref.dropdownSeparationFromBottom,\n dropdownSeparationFromBottom = _ref$dropdownSeparati2 === void 0 ? 50 : _ref$dropdownSeparati2;\n\n var _useModal = useModal(),\n isModalVisible = _useModal.isModalVisible,\n closeModal = _useModal.closeModal,\n showModal = _useModal.showModal;\n\n var cuName = process.env.GATSBY_CU_NAME;\n var includeCu = [\"Toledo New\", \"mcdowell\"];\n var secondButtonText = {\n \"Toledo New\": \"Make a Payment\",\n mcdowell: \"Loan Payment Portal\"\n };\n var secondButtonLink = {\n \"Toledo New\": \"https://toledometrocu.lenderpayments.com\",\n mcdowell: \"https://mcdowellcornerstone.alliedpayment.com/portalpay/app/?type=external\"\n };\n\n var _onClick = function onClick(link) {\n window.location.href = link;\n };\n\n var HeaderDesktopNavContainer = function HeaderDesktopNavContainer(_ref2) {\n var children = _ref2.children;\n return creditUnion === \"bayou\" ? /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"tw-flex tw-flex-auto\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"tw-m-auto tw-flex\"\n }, children)) : /*#__PURE__*/React__default$1[\"default\"].createElement(React__default$1[\"default\"].Fragment, null, children);\n };\n\n var LoginButton = function LoginButton() {\n return /*#__PURE__*/React__default$1[\"default\"].createElement(Button$2, _extends$g({\n className: \"HEADER_DESKTOP_NAVIGATION_MENU__LOGIN__BUTTON\",\n onClick: (loginButtonStyles === null || loginButtonStyles === void 0 ? void 0 : loginButtonStyles.variant) !== \"NO_MODAL\" && function () {\n return showModal();\n },\n pillTextColor: isModalVisible || forceShow ? undefined : colorsTypes.PRIMARY_VERY_ULTRA_LIGHT\n }, loginButtonStyles), loginButtonText);\n };\n\n var HeaderDesktopButtonLeft = function HeaderDesktopButtonLeft(_ref3) {\n var children = _ref3.children;\n return creditUnion === \"bayou\" && loginButtonText && /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"HEADER_DESKTOP_NAVIGATION_MENU HeaderDesktopNavMenu-Nav-Container-Container tw-pr-20 tw-flex tw-items-center\"\n }, children);\n };\n\n var HeaderDesktopButtonRight = function HeaderDesktopButtonRight(_ref4) {\n var children = _ref4.children;\n\n if (includeCu.includes(cuName)) {\n return /*#__PURE__*/React__default$1[\"default\"].createElement(React__default$1[\"default\"].Fragment, null, /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n style: {\n marginRight: \"20px\"\n }\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(Button$2, {\n is: \"a\",\n className: \"HEADER_DESKTOP_NAVIGATION_MENU__LOGIN__BUTTON HEADER_DESKTOP_NAVIGATION_MENU__LOGIN__SECOND__BUTTON\",\n href: secondButtonLink[cuName],\n margin: \"0px 20px 0px 0px\"\n }, secondButtonText[cuName])), children);\n }\n\n return creditUnion === \"bayou\" ? /*#__PURE__*/React__default$1[\"default\"].createElement(Button$2, {\n className: \"HEADER_DESKTOP_NAVIGATION_MENU__LOGIN__BUTTON\",\n onClick: function onClick() {\n return _onClick(\"https://web.baconpay.com/gate/login?institutionId=33ae4d0c-4b6e-4543-a5af-fa23acf39d97\");\n }\n }, \"Loan Payments\") : children;\n };\n\n return /*#__PURE__*/React__default$1[\"default\"].createElement(HeaderDesktopContainer, {\n className: \"HEADER_DESKTOP_NAVIGATION_MENU HeaderDesktopNavMenu-Nav sm:tw-inline-flex tw-items-center tw-justify-between\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(HeaderDesktopContent, {\n className: \"HEADER_DESKTOP_NAVIGATION_MENU__CONTAINER HeaderDesktopNavMenu-Nav-Container\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(HeaderDesktopButtonLeft, null, /*#__PURE__*/React__default$1[\"default\"].createElement(LoginButton, null)), /*#__PURE__*/React__default$1[\"default\"].createElement(HeaderDesktopNavContainer, null, /*#__PURE__*/React__default$1[\"default\"].createElement(HeaderDesktopNavItems$1, _extends$g({\n dropdownHoverBackground: dropdownHoverBackground,\n dropdownSeparationFromTop: dropdownSeparationFromTop,\n dropdownSeparationFromBottom: dropdownSeparationFromBottom,\n itemBackgroundColor: itemBackgroundColor,\n subMenuBackgroundColor: subMenuBackgroundColor,\n subMenuActiveBackgroundColor: subMenuActiveBackgroundColor,\n subMenuGrayscaleBackgroundColor: subMenuGrayscaleBackgroundColor,\n subItemTextColor: menuSubItemTextColor,\n subItemTextActiveColor: menuSubItemTextActiveColor,\n menuSubLinksTitleColor: menuSubLinksTitleColor,\n menuSubLinksBorderColor: menuSubLinksBorderColor,\n menuSubLinksTitleActiveColor: menuSubLinksTitleActiveColor,\n menuSubItemTitleColor: menuSubItemTitleColor,\n menuSubItemTitleActiveColor: menuSubItemTitleActiveColor,\n menuSubItemDisableBorder: menuSubItemDisableBorder,\n activeBorderColor: menuActiveBorderColor,\n hoverBorderColor: menuHoverBorderColor,\n topIndicator: topIndicator,\n pathname: pathname,\n grayscale: grayscale,\n dark: dark,\n backgroundScreenActive: backgroundScreenActive,\n menuItems: menuItems,\n \"float\": _float,\n scrollY: scrollY,\n backgroundBreakpoint: backgroundBreakpoint,\n transparent: transparent,\n isTopBorder: isTopBorder,\n forceShow: forceShow,\n forceShowColor: forceShowColor\n }, itemsProps, {\n classNamee: \"HEADER_DESKTOP_NAVIGATION_MENU__ITEMS HeaderDesktopNavMenu-Nav-Container-Items\"\n })))), /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"HEADER_DESKTOP_NAVIGATION_MENU__LOGIN HeaderDesktopNavMenu-Nav-Container-Container tw-flex tw-items-center\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(Button$2, {\n onClick: function onClick() {\n return _onClick(\"/search\");\n },\n \"aria-label\": \"Search Button\",\n className: \"HEADER_DESKTOP_NAVIGATION_MENU__SEARCH__BUTTON\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(\"svg\", {\n xmlns: \"http://www.w3.org/2000/svg\",\n width: \"18\",\n height: \"18\",\n fill: \"currentColor\",\n className: \"bi bi-search HEADER_DESKTOP_NAVIGATION_MENU__SEARCH_ICON\",\n viewBox: \"0 0 16 16\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(\"path\", {\n d: \"M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z\"\n }))), /*#__PURE__*/React__default$1[\"default\"].createElement(HeaderDesktopButtonRight, null, /*#__PURE__*/React__default$1[\"default\"].createElement(LoginButton, null)), /*#__PURE__*/React__default$1[\"default\"].createElement(Modal, {\n className: \"HEADER_DESKTOP_NAVIGATION_MENU__LOGIN__MODAL\",\n show: isModalVisible,\n closeModal: closeModal\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(Login$1, null))));\n}\n\nvar _templateObject$S;\n\nvar HeaderDynamicContainer = styled__default[\"default\"](HeaderContainer)(_templateObject$S || (_templateObject$S = _taggedTemplateLiteral([\"\\n position: \", \";\\n\\n top: \", \";\\n\\n left: \", \";\\n\\n width: \", \";\\n\\n height: \", \";\\n\\n background: \", \";\\n\\n &:hover {\\n background: \", \";\\n }\\n\\n \", \" {\\n content: \", \";\\n\\n filter: \", \";\\n }\\n\\n @media all and (max-width: \", \"px) {\\n background: \", \";\\n\\n &:hover {\\n background: \", \";\\n }\\n\\n \", \" {\\n content: \", \";\\n\\n filter: \", \";\\n }\\n }\\n\"])), function (_ref) {\n var _ref$float = _ref[\"float\"],\n _float = _ref$float === void 0 ? false : _ref$float;\n\n if (_float) return \"fixed\";\n return undefined;\n}, function (_ref2) {\n var _ref2$float = _ref2[\"float\"],\n _float2 = _ref2$float === void 0 ? false : _ref2$float;\n\n if (_float2) return \"0\";\n return undefined;\n}, function (_ref3) {\n var _ref3$float = _ref3[\"float\"],\n _float3 = _ref3$float === void 0 ? false : _ref3$float;\n\n if (_float3) return \"0\";\n return undefined;\n}, function (_ref4) {\n var _ref4$float = _ref4[\"float\"],\n _float4 = _ref4$float === void 0 ? false : _ref4$float;\n\n if (_float4) return \"100%\";\n return undefined;\n}, function (_ref5) {\n var _ref5$float = _ref5[\"float\"],\n _float5 = _ref5$float === void 0 ? false : _ref5$float;\n\n if (_float5) return \"auto\";\n return undefined;\n}, function (_ref6) {\n var _ref6$background = _ref6.background,\n background = _ref6$background === void 0 ? colorsTypes.WHITE : _ref6$background,\n _ref6$menuActive = _ref6.menuActive,\n menuActive = _ref6$menuActive === void 0 ? false : _ref6$menuActive,\n _ref6$float = _ref6[\"float\"],\n _float6 = _ref6$float === void 0 ? false : _ref6$float,\n _ref6$transparent = _ref6.transparent,\n transparent = _ref6$transparent === void 0 ? false : _ref6$transparent,\n _ref6$forceShow = _ref6.forceShow,\n forceShow = _ref6$forceShow === void 0 ? false : _ref6$forceShow,\n _ref6$scrollY = _ref6.scrollY,\n scrollY = _ref6$scrollY === void 0 ? 0 : _ref6$scrollY,\n _ref6$backgroundBreak = _ref6.backgroundBreakpoint,\n backgroundBreakpoint = _ref6$backgroundBreak === void 0 ? 20 : _ref6$backgroundBreak,\n _ref6$backgroundAfter = _ref6.backgroundAfterBreakpoint,\n backgroundAfterBreakpoint = _ref6$backgroundAfter === void 0 ? colorsTypes.WHITE : _ref6$backgroundAfter,\n _ref6$activeBackgroun = _ref6.activeBackground,\n activeBackground = _ref6$activeBackgroun === void 0 ? colorsTypes.WHITE : _ref6$activeBackgroun,\n _ref6$transparentBack = _ref6.transparentBackground,\n transparentBackground = _ref6$transparentBack === void 0 ? colorsTypes.TRANSPARENT : _ref6$transparentBack;\n\n if (!!_float6 && !!Number(scrollY) && scrollY >= backgroundBreakpoint || forceShow || menuActive) {\n if (menuActive) return activeBackground;\n return backgroundAfterBreakpoint;\n }\n\n if (menuActive) return activeBackground;\n if (transparent) return transparentBackground;\n return background;\n}, function (_ref7) {\n var _ref7$float = _ref7[\"float\"],\n _float7 = _ref7$float === void 0 ? false : _ref7$float,\n _ref7$transparent = _ref7.transparent,\n transparent = _ref7$transparent === void 0 ? false : _ref7$transparent,\n _ref7$menuActive = _ref7.menuActive,\n menuActive = _ref7$menuActive === void 0 ? false : _ref7$menuActive,\n _ref7$hoverBackground = _ref7.hoverBackground,\n hoverBackground = _ref7$hoverBackground === void 0 ? colorsTypes.WHITE : _ref7$hoverBackground,\n _ref7$hoverFloatBackg = _ref7.hoverFloatBackground,\n hoverFloatBackground = _ref7$hoverFloatBackg === void 0 ? colorsTypes.WHITE : _ref7$hoverFloatBackg,\n _ref7$hoverActiveBack = _ref7.hoverActiveBackground,\n hoverActiveBackground = _ref7$hoverActiveBack === void 0 ? colorsTypes.WHITE : _ref7$hoverActiveBack,\n _ref7$backgroundAfter = _ref7.backgroundAfterBreakpointHover,\n backgroundAfterBreakpointHover = _ref7$backgroundAfter === void 0 ? colorsTypes.WHITE : _ref7$backgroundAfter,\n _ref7$hoverTransparen = _ref7.hoverTransparentBackground,\n hoverTransparentBackground = _ref7$hoverTransparen === void 0 ? colorsTypes.TRANSPARENT : _ref7$hoverTransparen,\n _ref7$forceShowHover = _ref7.forceShowHover,\n forceShowHover = _ref7$forceShowHover === void 0 ? false : _ref7$forceShowHover,\n _ref7$scrollY = _ref7.scrollY,\n scrollY = _ref7$scrollY === void 0 ? 0 : _ref7$scrollY,\n _ref7$backgroundBreak = _ref7.backgroundBreakpoint,\n backgroundBreakpoint = _ref7$backgroundBreak === void 0 ? 20 : _ref7$backgroundBreak;\n\n if (!!_float7 && !!Number(scrollY) && scrollY >= backgroundBreakpoint || forceShowHover || menuActive) {\n if (menuActive) return hoverActiveBackground;\n return backgroundAfterBreakpointHover;\n }\n\n if (menuActive) return hoverActiveBackground;\n if (transparent) return hoverTransparentBackground;\n if (_float7) return hoverFloatBackground;\n return hoverBackground;\n}, Logo, function (_ref8) {\n var logoReplaceImageWith = _ref8.logoReplaceImageWith,\n activeLogoReplaceImageWith = _ref8.activeLogoReplaceImageWith,\n logoReplaceImageWithAfterBreakpoint = _ref8.logoReplaceImageWithAfterBreakpoint,\n activeLogoReplaceImageWithAfterBreakpoint = _ref8.activeLogoReplaceImageWithAfterBreakpoint,\n _ref8$float = _ref8[\"float\"],\n _float8 = _ref8$float === void 0 ? false : _ref8$float,\n _ref8$scrollY = _ref8.scrollY,\n scrollY = _ref8$scrollY === void 0 ? 0 : _ref8$scrollY,\n _ref8$backgroundBreak = _ref8.backgroundBreakpoint,\n backgroundBreakpoint = _ref8$backgroundBreak === void 0 ? 20 : _ref8$backgroundBreak,\n _ref8$menuActive = _ref8.menuActive,\n menuActive = _ref8$menuActive === void 0 ? false : _ref8$menuActive;\n\n if (!!_float8 && !!Number(scrollY) && scrollY >= backgroundBreakpoint || menuActive) {\n if (menuActive) return activeLogoReplaceImageWithAfterBreakpoint;\n return logoReplaceImageWithAfterBreakpoint;\n }\n\n if (menuActive) return activeLogoReplaceImageWith;\n return logoReplaceImageWith;\n}, function (_ref9) {\n var _ref9$forceShow = _ref9.forceShow,\n forceShow = _ref9$forceShow === void 0 ? false : _ref9$forceShow,\n _ref9$menuActive = _ref9.menuActive,\n menuActive = _ref9$menuActive === void 0 ? false : _ref9$menuActive,\n _ref9$float = _ref9[\"float\"],\n _float9 = _ref9$float === void 0 ? false : _ref9$float,\n _ref9$scrollY = _ref9.scrollY,\n scrollY = _ref9$scrollY === void 0 ? 0 : _ref9$scrollY,\n _ref9$backgroundBreak = _ref9.backgroundBreakpoint,\n backgroundBreakpoint = _ref9$backgroundBreak === void 0 ? 20 : _ref9$backgroundBreak,\n _ref9$logoFilterEffec = _ref9.logoFilterEffect,\n logoFilterEffect = _ref9$logoFilterEffec === void 0 ? [\"invert()\", \"grayscale(1)\", \"saturate(0)\"] : _ref9$logoFilterEffec,\n _ref9$activeLogoFilte = _ref9.activeLogoFilterEffect,\n activeLogoFilterEffect = _ref9$activeLogoFilte === void 0 ? [\"invert()\", \"grayscale(1)\", \"saturate(0)\"] : _ref9$activeLogoFilte,\n _ref9$noFilterLogo = _ref9.noFilterLogo,\n noFilterLogo = _ref9$noFilterLogo === void 0 ? false : _ref9$noFilterLogo,\n filter = _ref9.filter;\n\n if (forceShow || noFilterLogo) return filter;\n\n if (!!_float9 && !!Number(scrollY) && scrollY >= backgroundBreakpoint || menuActive) {\n if (menuActive) return activeLogoFilterEffect.join(\" \");\n return logoFilterEffect.join(\" \");\n }\n\n return filter;\n}, function (_ref10) {\n var theme = _ref10.theme;\n return theme.breakpoints.md;\n}, function (_ref11) {\n var _ref11$menuActive = _ref11.menuActive,\n menuActive = _ref11$menuActive === void 0 ? false : _ref11$menuActive,\n _ref11$float = _ref11[\"float\"],\n _float10 = _ref11$float === void 0 ? false : _ref11$float,\n _ref11$transparent = _ref11.transparent,\n transparent = _ref11$transparent === void 0 ? false : _ref11$transparent,\n _ref11$forceShow = _ref11.forceShow,\n forceShow = _ref11$forceShow === void 0 ? false : _ref11$forceShow,\n _ref11$scrollY = _ref11.scrollY,\n scrollY = _ref11$scrollY === void 0 ? 0 : _ref11$scrollY,\n _ref11$backgroundBrea = _ref11.backgroundBreakpoint,\n backgroundBreakpoint = _ref11$backgroundBrea === void 0 ? 20 : _ref11$backgroundBrea,\n _ref11$mobileBackgrou = _ref11.mobileBackground,\n mobileBackground = _ref11$mobileBackgrou === void 0 ? colorsTypes.WHITE : _ref11$mobileBackgrou,\n _ref11$mobileBackgrou2 = _ref11.mobileBackgroundAfterBreakpoint,\n mobileBackgroundAfterBreakpoint = _ref11$mobileBackgrou2 === void 0 ? colorsTypes.WHITE : _ref11$mobileBackgrou2,\n _ref11$mobileActiveBa = _ref11.mobileActiveBackground,\n mobileActiveBackground = _ref11$mobileActiveBa === void 0 ? colorsTypes.WHITE : _ref11$mobileActiveBa,\n _ref11$mobileTranspar = _ref11.mobileTransparentBackground,\n mobileTransparentBackground = _ref11$mobileTranspar === void 0 ? colorsTypes.TRANSPARENT : _ref11$mobileTranspar;\n\n if (!!_float10 && !!Number(scrollY) && scrollY >= backgroundBreakpoint || forceShow || menuActive) {\n if (menuActive) return mobileActiveBackground;\n return mobileBackgroundAfterBreakpoint;\n }\n\n if (menuActive) return mobileActiveBackground;\n if (transparent) return mobileTransparentBackground;\n return mobileBackground;\n}, function (_ref12) {\n var _ref12$float = _ref12[\"float\"],\n _float11 = _ref12$float === void 0 ? false : _ref12$float,\n _ref12$transparent = _ref12.transparent,\n transparent = _ref12$transparent === void 0 ? false : _ref12$transparent,\n _ref12$menuActive = _ref12.menuActive,\n menuActive = _ref12$menuActive === void 0 ? false : _ref12$menuActive,\n _ref12$forceShowHover = _ref12.forceShowHover,\n forceShowHover = _ref12$forceShowHover === void 0 ? false : _ref12$forceShowHover,\n _ref12$scrollY = _ref12.scrollY,\n scrollY = _ref12$scrollY === void 0 ? 0 : _ref12$scrollY,\n _ref12$backgroundBrea = _ref12.backgroundBreakpoint,\n backgroundBreakpoint = _ref12$backgroundBrea === void 0 ? 20 : _ref12$backgroundBrea,\n _ref12$mobileHoverBac = _ref12.mobileHoverBackground,\n mobileHoverBackground = _ref12$mobileHoverBac === void 0 ? colorsTypes.WHITE : _ref12$mobileHoverBac,\n _ref12$mobileHoverFlo = _ref12.mobileHoverFloatBackground,\n mobileHoverFloatBackground = _ref12$mobileHoverFlo === void 0 ? colorsTypes.WHITE : _ref12$mobileHoverFlo,\n _ref12$mobileHoverAct = _ref12.mobileHoverActiveBackground,\n mobileHoverActiveBackground = _ref12$mobileHoverAct === void 0 ? colorsTypes.WHITE : _ref12$mobileHoverAct,\n _ref12$mobileBackgrou = _ref12.mobileBackgroundAfterBreakpointHover,\n mobileBackgroundAfterBreakpointHover = _ref12$mobileBackgrou === void 0 ? colorsTypes.WHITE : _ref12$mobileBackgrou,\n _ref12$mobileHoverTra = _ref12.mobileHoverTransparentBackground,\n mobileHoverTransparentBackground = _ref12$mobileHoverTra === void 0 ? colorsTypes.TRANSPARENT : _ref12$mobileHoverTra;\n\n if (!!_float11 && !!Number(scrollY) && scrollY >= backgroundBreakpoint || forceShowHover || menuActive) {\n if (menuActive) return mobileHoverActiveBackground;\n return mobileBackgroundAfterBreakpointHover;\n }\n\n if (menuActive) return mobileHoverActiveBackground;\n if (transparent) return mobileHoverTransparentBackground;\n if (_float11) return mobileHoverFloatBackground;\n return mobileHoverBackground;\n}, Logo, function (_ref13) {\n var mobileLogoReplaceImageWith = _ref13.mobileLogoReplaceImageWith,\n mobileActiveLogoReplaceImageWith = _ref13.mobileActiveLogoReplaceImageWith,\n mobileLogoReplaceImageWithAfterBreakpoint = _ref13.mobileLogoReplaceImageWithAfterBreakpoint,\n mobileActiveLogoReplaceImageWithAfterBreakpoint = _ref13.mobileActiveLogoReplaceImageWithAfterBreakpoint,\n _ref13$float = _ref13[\"float\"],\n _float12 = _ref13$float === void 0 ? false : _ref13$float,\n _ref13$menuActive = _ref13.menuActive,\n menuActive = _ref13$menuActive === void 0 ? false : _ref13$menuActive,\n _ref13$scrollY = _ref13.scrollY,\n scrollY = _ref13$scrollY === void 0 ? 0 : _ref13$scrollY,\n _ref13$backgroundBrea = _ref13.backgroundBreakpoint,\n backgroundBreakpoint = _ref13$backgroundBrea === void 0 ? 20 : _ref13$backgroundBrea;\n\n if (!!_float12 && !!Number(scrollY) && scrollY >= backgroundBreakpoint || menuActive) {\n if (menuActive) return mobileActiveLogoReplaceImageWithAfterBreakpoint;\n return mobileLogoReplaceImageWithAfterBreakpoint;\n }\n\n if (menuActive) return mobileActiveLogoReplaceImageWith;\n return mobileLogoReplaceImageWith;\n}, function (_ref14) {\n var _ref14$forceShow = _ref14.forceShow,\n forceShow = _ref14$forceShow === void 0 ? false : _ref14$forceShow,\n _ref14$float = _ref14[\"float\"],\n _float13 = _ref14$float === void 0 ? false : _ref14$float,\n _ref14$menuActive = _ref14.menuActive,\n menuActive = _ref14$menuActive === void 0 ? false : _ref14$menuActive,\n _ref14$scrollY = _ref14.scrollY,\n scrollY = _ref14$scrollY === void 0 ? 0 : _ref14$scrollY,\n _ref14$backgroundBrea = _ref14.backgroundBreakpoint,\n backgroundBreakpoint = _ref14$backgroundBrea === void 0 ? 20 : _ref14$backgroundBrea,\n _ref14$mobileLogoFilt = _ref14.mobileLogoFilterEffectAfterScroll,\n mobileLogoFilterEffectAfterScroll = _ref14$mobileLogoFilt === void 0 ? [] : _ref14$mobileLogoFilt,\n _ref14$mobileActiveLo = _ref14.mobileActiveLogoFilterEffectAfterScroll,\n mobileActiveLogoFilterEffectAfterScroll = _ref14$mobileActiveLo === void 0 ? [] : _ref14$mobileActiveLo,\n _ref14$mobileNoFilter = _ref14.mobileNoFilterLogo,\n mobileNoFilterLogo = _ref14$mobileNoFilter === void 0 ? false : _ref14$mobileNoFilter,\n _ref14$mobileLogoFilt2 = _ref14.mobileLogoFilterEffect,\n mobileLogoFilterEffect = _ref14$mobileLogoFilt2 === void 0 ? [] : _ref14$mobileLogoFilt2;\n\n if (mobileNoFilterLogo) return \"none\";\n var hasFilter = Array.isArray(mobileLogoFilterEffect) && mobileLogoFilterEffect.length;\n if (forceShow) return hasFilter ? mobileLogoFilterEffect.join(\" \") : \"none\";\n\n if (!!_float13 && !!Number(scrollY) && scrollY >= backgroundBreakpoint || menuActive) {\n if (menuActive) return mobileActiveLogoFilterEffectAfterScroll.join(\" \");\n return mobileLogoFilterEffectAfterScroll.join(\" \");\n }\n\n return \"none\";\n});\n\nvar _templateObject$R;\n\nvar HeaderDesktopLogoContainer$1 = styled__default[\"default\"](Link)(_templateObject$R || (_templateObject$R = _taggedTemplateLiteral([\"\\n position: relative;\\n max-width: 175px;\\n\\n @media all and (max-width: \", \"px) {\\n width: 175px;\\n height: 75px;\\n padding: 0;\\n margin: 0;\\n }\\n\"])), function (_ref) {\n var theme = _ref.theme;\n return theme.breakpoints.md;\n});\n\nvar _templateObject$Q;\n\nvar NavigationContainer$2 = styled__default[\"default\"].div(_templateObject$Q || (_templateObject$Q = _taggedTemplateLiteral([\"\\n max-width: \", \";\\n height: 100px;\\n\"])), function (_ref) {\n var _ref$maxWidth = _ref.maxWidth,\n maxWidth = _ref$maxWidth === void 0 ? \"none\" : _ref$maxWidth;\n return maxWidth;\n});\n\nfunction HeaderDefault(_ref2) {\n var data = _ref2.data,\n pathname = _ref2.pathname,\n className = _ref2.className,\n _ref2$hoverBackground = _ref2.hoverBackground,\n hoverBackground = _ref2$hoverBackground === void 0 ? colorsTypes.WHITE : _ref2$hoverBackground,\n _ref2$backgroundAfter = _ref2.backgroundAfterBreakpointHover,\n backgroundAfterBreakpointHover = _ref2$backgroundAfter === void 0 ? colorsTypes.WHITE : _ref2$backgroundAfter,\n _ref2$forceShowHover = _ref2.forceShowHover,\n forceShowHover = _ref2$forceShowHover === void 0 ? false : _ref2$forceShowHover,\n _ref2$transparent = _ref2.transparent,\n transparent = _ref2$transparent === void 0 ? false : _ref2$transparent,\n _ref2$isTopBorder = _ref2.isTopBorder,\n isTopBorder = _ref2$isTopBorder === void 0 ? false : _ref2$isTopBorder,\n _ref2$forceShow = _ref2.forceShow,\n forceShow = _ref2$forceShow === void 0 ? false : _ref2$forceShow,\n _ref2$forceShowItems = _ref2.forceShowItems,\n forceShowItems = _ref2$forceShowItems === void 0 ? true : _ref2$forceShowItems,\n _ref2$forceShowColor = _ref2.forceShowColor,\n forceShowColor = _ref2$forceShowColor === void 0 ? false : _ref2$forceShowColor,\n _ref2$float = _ref2[\"float\"],\n _float = _ref2$float === void 0 ? false : _ref2$float,\n _ref2$grayscale = _ref2.grayscale,\n grayscale = _ref2$grayscale === void 0 ? false : _ref2$grayscale,\n _ref2$dark = _ref2.dark,\n dark = _ref2$dark === void 0 ? false : _ref2$dark,\n _ref2$backgroundScree = _ref2.backgroundScreenActive,\n backgroundScreenActive = _ref2$backgroundScree === void 0 ? false : _ref2$backgroundScree,\n _ref2$noFilterLogo = _ref2.noFilterLogo,\n noFilterLogo = _ref2$noFilterLogo === void 0 ? false : _ref2$noFilterLogo,\n _ref2$menuSubItemDisa = _ref2.menuSubItemDisableBorder,\n menuSubItemDisableBorder = _ref2$menuSubItemDisa === void 0 ? false : _ref2$menuSubItemDisa,\n _ref2$topIndicator = _ref2.topIndicator,\n topIndicator = _ref2$topIndicator === void 0 ? true : _ref2$topIndicator,\n _ref2$scrollY = _ref2.scrollY,\n scrollY = _ref2$scrollY === void 0 ? 0 : _ref2$scrollY,\n _ref2$backgroundBreak = _ref2.backgroundBreakpoint,\n backgroundBreakpoint = _ref2$backgroundBreak === void 0 ? 20 : _ref2$backgroundBreak,\n _ref2$logoFilterEffec = _ref2.logoFilterEffect,\n logoFilterEffect = _ref2$logoFilterEffec === void 0 ? [] : _ref2$logoFilterEffec,\n _ref2$navigationOptio = _ref2.navigationOptions,\n navigationOptions = _ref2$navigationOptio === void 0 ? {\n maxWidth: \"var(--breakpoints-xl)\"\n } : _ref2$navigationOptio,\n _ref2$navigationMenuO = _ref2.navigationMenuOptions,\n navigationMenuOptions = _ref2$navigationMenuO === void 0 ? {\n menuActiveBorderColor: colorsTypes.PRIMARY,\n menuHoverBorderColor: colorsTypes.PRIMARY_VERY_ULTRA_LIGHT,\n menuSubLinksBorderColor: colorsTypes.PRIMARY_SEMI_DARK,\n menuSubLinksTitleColor: colorsTypes.PRIMARY_ULTRA_DARK,\n menuSubLinksTitleActiveColor: colorsTypes.PRIMARY,\n menuSubItemTitleColor: colorsTypes.PRIMARY_ULTRA_DARK,\n menuSubItemTitleActiveColor: colorsTypes.PRIMARY,\n menuSubItemTextActiveColor: colorsTypes.PRIMARY,\n menuSubItemTextColor: colorsTypes.PRIMARY_ULTRA_DARK,\n subMenuBackgroundColor: colorsTypes.TRANSPARENT,\n subMenuActiveBackgroundColor: colorsTypes.TRANSPARENT,\n itemBackgroundColor: colorsTypes.WHITE,\n dropdownHoverBackground: colorsVariantsTypes.HIGHT_LIGHT_PRIMARY,\n dropdownSeparationFromTop: 20,\n dropdownSeparationFromBottom: 50\n } : _ref2$navigationMenuO,\n _ref2$loginButtonStyl = _ref2.loginButtonStyles,\n loginButtonStyles = _ref2$loginButtonStyl === void 0 ? {} : _ref2$loginButtonStyl,\n _ref2$isDynamic = _ref2.isDynamic,\n isDynamic = _ref2$isDynamic === void 0 ? false : _ref2$isDynamic;\n\n return /*#__PURE__*/React__default$1[\"default\"].createElement(HeaderDynamicContainer, {\n noFilterLogo: noFilterLogo,\n logoFilterEffect: logoFilterEffect,\n \"float\": _float,\n scrollY: scrollY,\n backgroundBreakpoint: backgroundBreakpoint,\n transparent: transparent,\n isTopBorder: isTopBorder,\n forceShow: forceShow,\n hoverBackground: hoverBackground,\n backgroundAfterBreakpointHover: backgroundAfterBreakpointHover,\n forceShowHover: forceShowHover,\n className: classnames(\"HEADER_DESKTOP_DEFAULT HeaderDesktop-HeaderDynamicContainer bl-bg-grayscale-0 tw-z-50 tw-relative tw-font-normal tw-flex tw-flex-wrap\", scrollY > backgroundBreakpoint ? \"HEADER_DESKTOP_DEFAULT_SCROLLED \" : \"HEADER_DESKTOP_DEFAULT_NO_SCROLLED\", isDynamic ? \"HEADER_DESKTOP_DEFAULT_DINAMIC_PAGE\" : \"HEADER_DESKTOP_DEFAULT_NO_DINAMIC_PAGE\", className)\n }, data && /*#__PURE__*/React__default$1[\"default\"].createElement(Toast, {\n data: data.Toast\n }), /*#__PURE__*/React__default$1[\"default\"].createElement(NavigationContainer$2, _extends$g({\n className: \"HEADER_DESKTOP_DEFAULT__NAVIGATION HeaderDesktop-HeaderDynamicContainer-NavigatorContainer tw-w-full tw-mx-auto tw-px-8 tw-flex tw-justify-between tw-items-center\"\n }, navigationOptions), /*#__PURE__*/React__default$1[\"default\"].createElement(HeaderDesktopLogoContainer$1, {\n className: \"HEADER_DESKTOP_DEFAULT__NAVIGATION__LOGO tw-flex-1 tw-flex tw-justify-center tw-items-center HeaderDesktop-HeaderDynamicContainer_Link tw-h-full tw-mr-10\",\n to: \"/\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(Logo, {\n className: \"HEADER_DESKTOP_DEFAULT__NAVIGATION__LOGO__IMAGE HeaderDesktop-HeaderDynamicContainer_Logo Header__logo\",\n src: \"/images/logo.svg\",\n alt: \"\".concat(process.env.GATSBY_CU_NAME, \" Logo\")\n })), data && /*#__PURE__*/React__default$1[\"default\"].createElement(HeaderDesktopNavMenu, _extends$g({\n menuSubItemDisableBorder: menuSubItemDisableBorder,\n grayscale: grayscale,\n dark: dark,\n backgroundScreenActive: backgroundScreenActive,\n topIndicator: topIndicator,\n pathname: pathname,\n menuItems: data.NavBarItems,\n loginButtonText: data.loginButtonText,\n \"float\": _float,\n scrollY: scrollY,\n transparent: transparent,\n isTopBorder: isTopBorder,\n forceShow: forceShowItems,\n forceShowColor: forceShowColor,\n backgroundBreakpoint: backgroundBreakpoint,\n loginButtonStyles: loginButtonStyles\n }, navigationMenuOptions))));\n}\n\nvar _templateObject$P;\n\nvar NavigationContainer$1 = styled__default[\"default\"].div(_templateObject$P || (_templateObject$P = _taggedTemplateLiteral([\"\\n max-width: \", \";\\n\"])), function (_ref) {\n var _ref$maxWidth = _ref.maxWidth,\n maxWidth = _ref$maxWidth === void 0 ? \"none\" : _ref$maxWidth;\n return maxWidth;\n});\n\nfunction HeaderContained(_ref2) {\n var data = _ref2.data,\n pathname = _ref2.pathname,\n className = _ref2.className,\n _ref2$transparent = _ref2.transparent,\n transparent = _ref2$transparent === void 0 ? false : _ref2$transparent,\n _ref2$forceShow = _ref2.forceShow,\n forceShow = _ref2$forceShow === void 0 ? false : _ref2$forceShow,\n _ref2$forceShowItems = _ref2.forceShowItems,\n forceShowItems = _ref2$forceShowItems === void 0 ? true : _ref2$forceShowItems,\n _ref2$forceShowColor = _ref2.forceShowColor,\n forceShowColor = _ref2$forceShowColor === void 0 ? false : _ref2$forceShowColor,\n _ref2$float = _ref2[\"float\"],\n _float = _ref2$float === void 0 ? false : _ref2$float,\n _ref2$grayscale = _ref2.grayscale,\n grayscale = _ref2$grayscale === void 0 ? false : _ref2$grayscale,\n _ref2$dark = _ref2.dark,\n dark = _ref2$dark === void 0 ? false : _ref2$dark,\n _ref2$backgroundScree = _ref2.backgroundScreenActive,\n backgroundScreenActive = _ref2$backgroundScree === void 0 ? false : _ref2$backgroundScree,\n _ref2$noFilterLogo = _ref2.noFilterLogo,\n noFilterLogo = _ref2$noFilterLogo === void 0 ? false : _ref2$noFilterLogo,\n _ref2$topIndicator = _ref2.topIndicator,\n topIndicator = _ref2$topIndicator === void 0 ? true : _ref2$topIndicator,\n _ref2$scrollY = _ref2.scrollY,\n scrollY = _ref2$scrollY === void 0 ? 0 : _ref2$scrollY,\n _ref2$backgroundBreak = _ref2.backgroundBreakpoint,\n backgroundBreakpoint = _ref2$backgroundBreak === void 0 ? 20 : _ref2$backgroundBreak,\n _ref2$navigationOptio = _ref2.navigationOptions,\n navigationOptions = _ref2$navigationOptio === void 0 ? {\n maxWidth: \"var(--breakpoints-xl)\"\n } : _ref2$navigationOptio,\n _ref2$navigationMenuO = _ref2.navigationMenuOptions,\n navigationMenuOptions = _ref2$navigationMenuO === void 0 ? {\n menuActiveBorderColor: colorsTypes.PRIMARY,\n menuHoverBorderColor: colorsTypes.PRIMARY_VERY_ULTRA_LIGHT,\n menuSubLinksTitleColor: colorsTypes.PRIMARY_ULTRA_DARK,\n menuSubLinksTitleActiveColor: colorsTypes.PRIMARY,\n menuSubItemTitleColor: colorsTypes.PRIMARY_ULTRA_DARK,\n menuSubItemTitleActiveColor: colorsTypes.PRIMARY,\n menuSubItemTextActiveColor: colorsTypes.PRIMARY,\n menuSubItemTextColor: colorsTypes.PRIMARY_ULTRA_DARK,\n subMenuBackgroundColor: colorsTypes.PRIMARY_VERY_ULTRA_LIGHT,\n subMenuGrayscaleBackgroundColor: colorsTypes.WHITE\n } : _ref2$navigationMenuO,\n _ref2$loginButtonStyl = _ref2.loginButtonStyles,\n loginButtonStyles = _ref2$loginButtonStyl === void 0 ? {} : _ref2$loginButtonStyl;\n /**\n * TODO:\n * The container doesn't have the correct width\n * Make the Logo smaller\n */\n\n\n return /*#__PURE__*/React__default$1[\"default\"].createElement(HeaderDynamicContainer, {\n noFilterLogo: noFilterLogo,\n \"float\": _float,\n scrollY: scrollY,\n backgroundBreakpoint: backgroundBreakpoint,\n transparent: transparent,\n forceShow: forceShow,\n className: classnames(\"HEADER_CONTAINER HeaderDesktop-HeaderDynamicContainer bl-bg-grayscale-0 tw-z-50 tw-relative tw-font-normal tw-flex tw-flex-wrap\", className)\n }, data && /*#__PURE__*/React__default$1[\"default\"].createElement(Toast, {\n data: data.Toast\n }), /*#__PURE__*/React__default$1[\"default\"].createElement(NavigationContainer$1, _extends$g({}, navigationOptions, {\n className: \"HEADER_CONTAINER__NAVIGATION NAVIGATION HeaderDesktop-HeaderDynamicContainer-NavigatorContainer tw-w-full tw-mx-auto tw-flex tw-justify-between tw-items-center\"\n }), /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"HEADER_CONTAINER__NAVIGATION__CONTAINER NAVIGATION__CONTAINER tw-container tw-flex tw-items-center\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(Link, {\n className: \"HEADER_CONTAINER__NAVIGATION__CONTAINER__LOGO NAVIGATION__CONTAINER__LOGO HeaderDesktop-HeaderDynamicContainer_Link\",\n to: \"/\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(Logo, {\n className: \"HEADER_CONTAINER__NAVIGATION__CONTAINER__LOGO__IMAGE NAVIGATION__CONTAINER__LOGO__IMAGE HeaderDesktop-HeaderDynamicContainer_Logo Header__logo tw-w-40 tw-my-5\",\n src: \"/images/logo.svg\",\n alt: \"\".concat(process.env.GATSBY_CU_NAME, \" Logo\")\n })), data && /*#__PURE__*/React__default$1[\"default\"].createElement(HeaderDesktopNavMenu, _extends$g({\n className: \"HEADER_CONTAINER__NAVIGATION__CONTAINER__NAVIGATION\",\n grayscale: grayscale,\n dark: dark,\n backgroundScreenActive: backgroundScreenActive,\n topIndicator: topIndicator,\n pathname: pathname,\n menuItems: data.NavBarItems,\n loginButtonText: data.loginButtonText,\n \"float\": _float,\n scrollY: scrollY,\n transparent: transparent,\n forceShow: forceShowItems,\n forceShowColor: forceShowColor,\n backgroundBreakpoint: backgroundBreakpoint,\n loginButtonStyles: loginButtonStyles\n }, navigationMenuOptions)))));\n}\n\nvar _excluded$G = [\"variant\"];\n\nfunction HeaderDesktop(_ref) {\n var _ref$variant = _ref.variant,\n variant = _ref$variant === void 0 ? headerDesktopVariantTypes.STANDARD : _ref$variant,\n otherProps = _objectWithoutProperties$2(_ref, _excluded$G);\n\n switch (variant) {\n case headerDesktopVariantTypes.STANDARD:\n return /*#__PURE__*/React__default$1[\"default\"].createElement(HeaderDefault, otherProps);\n\n case headerDesktopVariantTypes.CONTAINED:\n return /*#__PURE__*/React__default$1[\"default\"].createElement(HeaderContained, otherProps);\n\n default:\n throw new Error(\"Header Desktop: Invalid variant type (\".concat(variant, \")\"));\n }\n}\n\nvar _templateObject$O;\n\nvar Title$2 = styled__default[\"default\"].h3(_templateObject$O || (_templateObject$O = _taggedTemplateLiteral([\"\\n font-family: var(--primary-family);\\n\"])));\nvar forgotPasswordText = \"Forgot Password?\";\n\nfunction LoginForm() {\n var _useState = React.useState({\n btnLogin: \"login\"\n }),\n _useState2 = _slicedToArray(_useState, 2),\n query = _useState2[0],\n setQuery = _useState2[1];\n\n function onSubmitHandler(e) {\n e.preventDefault();\n\n if (process.env.GATSBY_CU_NAME === \"GNC\") {\n // Mejora: props desde el template para escoger el tipo\n var loginCU = \"\".concat(process.env.GATSBY_LOGIN_URL, \" \").concat(query === null || query === void 0 ? void 0 : query.username);\n window.location.href = loginCU.replace(/\\s+/g, \"\"); // Reemplaza cualquier espacio en blanco en la URL (codigo blindaje)\n } else if (process.env.GATSBY_CU_NAME === \"peoples_advantage\" || process.env.GATSBY_CU_NAME === \"peoples-advantage\" || process.env.GATSBY_CU_NAME === \"lesco\") {\n window.location.href = process.env.GATSBY_LOGIN_URL;\n } else {\n window.location.href = \"\".concat(process.env.GATSBY_LOGIN_URL, \"&\").concat(formatQueryUrl(query));\n }\n }\n\n function formatQueryUrl(queryParams) {\n return Object.entries(queryParams).map(function (_ref) {\n var _ref2 = _slicedToArray(_ref, 2),\n key = _ref2[0],\n value = _ref2[1];\n\n return \"\".concat(encodeURIComponent(key), \"=\").concat(encodeURIComponent(value));\n }).join(\"&\");\n }\n\n var formMethod = \"GET\";\n var textLoginButton = \"Login\";\n\n if (process.env.GATSBY_CU_NAME === \"GNC\") {\n // formMethod = \"POST\";\n textLoginButton = \"Account Login\";\n }\n\n if (process.env.GATSBY_CU_NAME === \"arlington-municipal\") {\n textLoginButton = \"Online Banking\";\n }\n\n if (process.env.GATSBY_CU_NAME === \"lesco\") {\n textLoginButton = \"Online Account Login\";\n }\n\n var forgotLink = cuIncludes.includes(process.env.GATSBY_CU_NAME);\n return /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"HEADER_LOGIN Header-Login LOGIN__MODAL__CONTAINER tw-max-w-full tw-w-96 tw-px-8 tw-py-10\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(\"form\", {\n method: formMethod,\n onSubmit: onSubmitHandler,\n id: \"loginform\",\n name: \"loginform\",\n className: \"HEADER_LOGIN__FORM LOGIN__MODAL__FORM\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(Title$2, {\n className: \"HEADER_LOGIN__TITLE tw-mb-10 tw-font-bold bl-text-primary-180 bl-text-xl LOGIN__MODAL__TITLE\"\n }, \"Secure Login\"), /*#__PURE__*/React__default$1[\"default\"].createElement(Input, {\n type: \"text\",\n name: \"username\",\n label: \"Login ID\",\n autoComplete: \"off\",\n value: query.username,\n success: !!query.username,\n error: !query.username,\n className: \"HEADER_LOGIN__INPUT Header-Login_Input tw-py-4 tw-px-3 tw-rounded-lg bl-text-grayscale-100 bl-bg-grayscale-6 tw-w-full tw-block focus:tw-outline-none tw-mb-1\",\n onChange: function onChange(_ref3) {\n var target = _ref3.target;\n var username = target.value;\n setQuery(_objectSpread2(_objectSpread2({}, query), {}, {\n username: username\n }));\n },\n isRequired: true\n }), /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"HEADER_LOGIN__FORGOT_LOGIN_ID Header-Login_ForgotLoginId tw-flex tw-justify-end tw-mb-8\"\n }, forgotLink ? /*#__PURE__*/React__default$1[\"default\"].createElement(React__default$1[\"default\"].Fragment, null, /*#__PURE__*/React__default$1[\"default\"].createElement(\"a\", {\n href: process.env.GATSBY_LOGIN_FORGOT_LOGIN_ID,\n className: \"LOGIN__MODAL__FORGOT_A bl-text-grayscale-50\"\n }, \"Forgot Login ID?\"), /*#__PURE__*/React__default$1[\"default\"].createElement(\"a\", {\n href: process.env.GATSBY_LOGIN_FORGOT_PASSWORD_LINK,\n className: \"LOGIN__MODAL__FORGOT_A LOGIN__MODAL__FORGOT_PASSWORD bl-text-grayscale-50\"\n }, forgotPasswordText)) : /*#__PURE__*/React__default$1[\"default\"].createElement(\"a\", {\n href: process.env.GATSBY_LOGIN_FORGOT_LOGIN_ID,\n className: \"LOGIN__MODAL__FORGOT_A bl-text-grayscale-50\"\n }, \"Forgot Login ID?\")), /*#__PURE__*/React__default$1[\"default\"].createElement(Button$2, {\n fill: buttonFillTypes.FILLED,\n className: \"HEADER_LOGIN__BUTTON Header-Login_Button tw-w-full\",\n disabled: !query.username,\n type: \"submit\"\n }, textLoginButton), /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"HEADER_LOGIN__DESCRIPTION Header-Login_NewDigitalBanking tw-flex tw-justify-center tw-my-4\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(\"a\", {\n href: process.env.GATSBY_LOGIN_ENROLL_NOW,\n className: \"LOGIN__MODAL__ENROLL_A bl-text-grayscale-50\"\n }, \"NEW TO DIGITAL BANKING? ENROLL NOW\"))));\n}\n\nvar _templateObject$N;\n\nvar Title$1 = styled__default[\"default\"].h3(_templateObject$N || (_templateObject$N = _taggedTemplateLiteral([\"\\n font-family: var(--primary-family);\\n\"])));\n\nfunction LoginDirect() {\n var _useState = React.useState({\n btnLogin: \"login\"\n }),\n _useState2 = _slicedToArray(_useState, 1),\n query = _useState2[0];\n\n function onSubmitHandler(e) {\n e.preventDefault();\n window.location.href = \"\".concat(process.env.GATSBY_LOGIN_URL, \"&\").concat(formatQueryUrl(query));\n }\n\n function formatQueryUrl(queryParams) {\n return Object.entries(queryParams).map(function (_ref) {\n var _ref2 = _slicedToArray(_ref, 2),\n key = _ref2[0],\n value = _ref2[1];\n\n return \"\".concat(encodeURIComponent(key), \"=\").concat(encodeURIComponent(value));\n }).join(\"&\");\n }\n\n var formMethod = \"GET\";\n var textLoginButton = \"Login\";\n return /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"HEADER_LOGIN Header-Login LOGIN__MODAL__CONTAINER tw-max-w-full tw-w-96 tw-px-8 tw-py-10\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(\"form\", {\n method: formMethod,\n onSubmit: onSubmitHandler,\n id: \"loginform\",\n name: \"loginform\",\n className: \"HEADER_LOGIN__FORM LOGIN__MODAL__FORM\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(Title$1, {\n className: \"HEADER_LOGIN__TITLE tw-mb-10 tw-font-bold bl-text-primary-180 bl-text-xl LOGIN__MODAL__TITLE\"\n }, \"Secure Login\"), /*#__PURE__*/React__default$1[\"default\"].createElement(Button$2, {\n fill: buttonFillTypes.FILLED,\n className: \"HEADER_LOGIN__BUTTON Header-Login_Button tw-w-full\" // disabled={!query.username}\n ,\n type: \"submit\"\n }, textLoginButton), /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"HEADER_LOGIN__DESCRIPTION Header-Login_NewDigitalBanking tw-flex tw-justify-center tw-my-4\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(\"a\", {\n href: process.env.GATSBY_LOGIN_ENROLL_NOW,\n className: \"LOGIN__MODAL__ENROLL_A bl-text-grayscale-50\"\n }, \"NEW TO DIGITAL BANKING? ENROLL NOW\"))));\n}\n\nvar _templateObject$M, _templateObject2$8, _templateObject3$5, _templateObject4$2, _templateObject5$2, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15;\n\nvar LoginPostContainer = styled__default[\"default\"].div(_templateObject$M || (_templateObject$M = _taggedTemplateLiteral([\"\\n padding: 40px;\\n min-width: 400px;\\n\\n @media (max-width: 450px) {\\n min-width: 320px;\\n }\\n\"])));\nvar LoginPostForm = styled__default[\"default\"].form(_templateObject2$8 || (_templateObject2$8 = _taggedTemplateLiteral([\"\"])));\nvar LoginPostContianerInput = styled__default[\"default\"].div(_templateObject3$5 || (_templateObject3$5 = _taggedTemplateLiteral([\"\\n margin: 20px 0px 10px 0px;\\n\"])));\nvar LoginPostLabel = styled__default[\"default\"].label(_templateObject4$2 || (_templateObject4$2 = _taggedTemplateLiteral([\"\\n position: relative;\\n display: flex;\\n height: 45px;\\n background: #efefef;\\n cursor: text;\\n\\n &:focus-within {\\n outline: 2px solid black;\\n }\\n\"])));\nvar LoginPostLabelText = styled__default[\"default\"].p(_templateObject5$2 || (_templateObject5$2 = _taggedTemplateLiteral([\"\\n position: absolute;\\n margin-left: 45px;\\n top: \", \";\\n font-size: \", \";\\n\"])), function (_ref) {\n var _ref$isEmptyInput = _ref.isEmptyInput,\n isEmptyInput = _ref$isEmptyInput === void 0 ? false : _ref$isEmptyInput;\n return isEmptyInput ? \"25%\" : \"0%\";\n}, function (_ref2) {\n var _ref2$isEmptyInput = _ref2.isEmptyInput,\n isEmptyInput = _ref2$isEmptyInput === void 0 ? false : _ref2$isEmptyInput;\n return isEmptyInput ? \"14px\" : \"12px\";\n});\nvar LoginPostInput = styled__default[\"default\"].input(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral([\"\\n width: 100%;\\n margin-left: 40px;\\n padding: 0px 5px;\\n background: transparent;\\n font-size: 16px;\\n margin-top: \", \";\\n\\n &:focus {\\n outline: none;\\n }\\n\"])), function (_ref3) {\n var _ref3$isEmptyInput = _ref3.isEmptyInput,\n isEmptyInput = _ref3$isEmptyInput === void 0 ? false : _ref3$isEmptyInput;\n return isEmptyInput ? \"0px\" : \"10px\";\n});\nvar LoginIconContainer = styled__default[\"default\"].div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral([\"\\n position: absolute;\\n top: 25%;\\n margin-left: 10px;\\n\"])));\nvar LoginIcon = styled__default[\"default\"].img(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral([\"\\n width: 20px;\\n\"])));\nvar TitleContainer = styled__default[\"default\"].div(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral([\"\\n margin-bottom: 40px;\\n\"])));\nvar Title = styled__default[\"default\"].h3(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral([\"\\n font-family: var(--secondary-family);\\n color: var(--primary-150-color);\\n font-size: 26px;\\n font-weight: 600;\\n\"])));\nvar ForgotPasswordContainer = styled__default[\"default\"].div(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral([\"\\n width: 100%;\\n text-align: center;\\n\"])));\nvar ForgotPassword = styled__default[\"default\"].a(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral([\"\\n font-family: var(--primary-family);\\n font-size: 14px;\\n color: var(--grayscale-50-color);\\n\"])));\nvar LoginPostContainerButton = styled__default[\"default\"].div(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral([\"\\n margin-top: 35px;\\n width: 100%;\\n text-align: center;\\n\"])));\nvar LoginPostButton = styled__default[\"default\"].input(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral([\"\\n font-weight: 500;\\n font-size: 16px;\\n font-family: var(--primary-family);\\n text-align: center;\\n width: 100%;\\n padding: 14px 5px;\\n border-radius: 0px;\\n margin-bottom: 20px;\\n background: var(--primary-150-color);\\n border: 1px solid var(--primary-150-color);\\n color: var(--grayscale-0-color);\\n cursor: \", \";\\n opacity: \", \";\\n\\n &:hover:enabled {\\n background: transparent;\\n border-color: var(--primary-150-color);\\n color: var(--primary-150-color);\\n }\\n\"])), function (_ref4) {\n var _ref4$disabled = _ref4.disabled,\n disabled = _ref4$disabled === void 0 ? false : _ref4$disabled;\n return disabled ? \"not-allowed\" : \"pointer\";\n}, function (_ref5) {\n var _ref5$disabled = _ref5.disabled,\n disabled = _ref5$disabled === void 0 ? false : _ref5$disabled;\n return disabled ? \"0.8\" : \"1\";\n});\nvar EnrollNowLink = styled__default[\"default\"].a(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral([\"\\n font-family: var(--primary-family);\\n font-size: 14px;\\n color: var(--grayscale-50-color);\\n\"])));\n\nfunction LoginFormInput(_ref) {\n var _ref$className = _ref.className,\n className = _ref$className === void 0 ? \"\" : _ref$className,\n name = _ref.name,\n _ref$label = _ref.label,\n label = _ref$label === void 0 ? \"\" : _ref$label,\n _ref$type = _ref.type,\n type = _ref$type === void 0 ? \"text\" : _ref$type,\n _ref$isEmptyInput = _ref.isEmptyInput,\n isEmptyInput = _ref$isEmptyInput === void 0 ? false : _ref$isEmptyInput,\n _ref$imgSrc = _ref.imgSrc,\n imgSrc = _ref$imgSrc === void 0 ? \"https://toledometrobucket.s3.us-east-2.amazonaws.com/icons/User.png\" : _ref$imgSrc,\n _ref$imgAlt = _ref.imgAlt,\n imgAlt = _ref$imgAlt === void 0 ? \"alt-Image\" : _ref$imgAlt,\n OnChange = _ref.OnChange;\n return /*#__PURE__*/React__default$1[\"default\"].createElement(LoginPostContianerInput, {\n className: classnames(\"LOGIN_POST__MODAL__CONTAINER__INPUT\", className)\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(LoginPostLabel, {\n className: \"LOGIN_POST__MODAL_LABEL\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(LoginPostLabelText, {\n className: \"LOGIN_POST__MODAL_LABEL_TEXT\",\n isEmptyInput: isEmptyInput\n }, label), /*#__PURE__*/React__default$1[\"default\"].createElement(LoginIconContainer, {\n className: \"LOGIN_POST__MODAL__ICON_CONTAINER\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(LoginIcon, {\n src: imgSrc,\n alt: imgAlt\n })), /*#__PURE__*/React__default$1[\"default\"].createElement(LoginPostInput, {\n className: \"LOGIN_POST__MODAL__INPUT\",\n isEmptyInput: isEmptyInput,\n type: type,\n name: name,\n id: name,\n onChange: OnChange\n })));\n}\n\nfunction LoginPost(_ref) {\n var _ref$loginPostUserNam = _ref.loginPostUserName,\n loginPostUserName = _ref$loginPostUserNam === void 0 ? \"username\" : _ref$loginPostUserNam,\n _ref$loginPostPasswor = _ref.loginPostPassword,\n loginPostPassword = _ref$loginPostPasswor === void 0 ? \"password\" : _ref$loginPostPasswor;\n\n var _useState = React.useState({\n name: \"\",\n password: \"\"\n }),\n _useState2 = _slicedToArray(_useState, 2),\n fieldsData = _useState2[0],\n setFieldsData = _useState2[1];\n\n var actionForm = process.env.GATSBY_LOGIN_URL || \"/\";\n var forgotPasswordLink = process.env.GATSBY_LOGIN_FORGOT_LOGIN_ID || \"/\";\n var enrollNowLink = process.env.GATSBY_LOGIN_ENROLL_NOW || \"/\";\n return /*#__PURE__*/React__default$1[\"default\"].createElement(LoginPostContainer, {\n className: \"LOGIN_POST__MODAL__CONTAINER\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(LoginPostForm, {\n className: \"LOGIN_POST__MODAL__FORM\",\n method: \"post\",\n action: process.env.GATSBY_CU_NAME !== \"United Members\" ? actionForm : \"https://unitedmbrs.cmycu.com/txapi.cgi?c2li\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(TitleContainer, {\n className: \"LOGIN_POST__MODAL__TITLE__CONTAINER\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(Title, {\n className: \"LOGIN_POST__MODAL__TITLE\"\n }, \"Secure Login\")), /*#__PURE__*/React__default$1[\"default\"].createElement(LoginFormInput, {\n className: \"USERNAME_INPUT_LOGIN\",\n type: \"text\",\n name: loginPostUserName,\n label: process.env.GATSBY_CU_NAME !== \"United Members\" ? loginPostUserName : \"Account Number\",\n isEmptyInput: !(fieldsData !== null && fieldsData !== void 0 && fieldsData.name),\n imgSrc: \"https://toledometrobucket.s3.us-east-2.amazonaws.com/icons/User.png\",\n imgAlt: \"User Image\",\n OnChange: function OnChange(e) {\n return setFieldsData(_objectSpread2(_objectSpread2({}, fieldsData), {}, {\n name: e.target.value\n }));\n }\n }), /*#__PURE__*/React__default$1[\"default\"].createElement(LoginFormInput, {\n className: \"PASSWORD_INPUT_LOGIN\",\n type: \"password\",\n name: loginPostPassword,\n label: process.env.GATSBY_CU_NAME !== \"United Members\" ? loginPostPassword : \"Password\",\n isEmptyInput: !(fieldsData !== null && fieldsData !== void 0 && fieldsData.password),\n imgSrc: \"https://toledometrobucket.s3.us-east-2.amazonaws.com/icons/Lock.png\",\n imgAlt: \"Password Image\",\n OnChange: function OnChange(e) {\n return setFieldsData(_objectSpread2(_objectSpread2({}, fieldsData), {}, {\n password: e.target.value\n }));\n }\n }), /*#__PURE__*/React__default$1[\"default\"].createElement(ForgotPasswordContainer, {\n className: \"LOGIN_POST__MODAL__FORGOT__CONTAINER\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(ForgotPassword, {\n href: forgotPasswordLink,\n className: \"LOGIN_POST__MODAL__FORGOT\"\n }, \"Forgot Password\")), /*#__PURE__*/React__default$1[\"default\"].createElement(LoginPostContainerButton, {\n className: \"LOGIN_POST__MODAL__BUTTON__CONTAINER\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(LoginPostButton, {\n type: \"submit\",\n name: \"btnLogin\\u200B\",\n className: \"LOGIN_POST__MODAL__BUTTON\",\n value: \"Login\",\n disabled: !fieldsData.name || !fieldsData.password\n }), /*#__PURE__*/React__default$1[\"default\"].createElement(EnrollNowLink, {\n href: enrollNowLink,\n className: \"LOGIN_POST__MODAL__ENROLL_NOW\"\n }, \"Not enrolled yet? Sign up now.\"))));\n}\n\nvar _excluded$F = [\"variant\", \"data\", \"htmlInsert\"];\nvar insertStyle = {\n minHeight: \"400px\",\n minWidth: \"500px\",\n padding: \"120px 20px 20px 20px\"\n};\n\nfunction Login(_ref) {\n var _ref$variant = _ref.variant,\n variant = _ref$variant === void 0 ? loginVariantTypes.FORM : _ref$variant,\n data = _ref.data,\n htmlInsert = _ref.htmlInsert,\n otherProps = _objectWithoutProperties$2(_ref, _excluded$F);\n\n if (variant === loginVariantTypes.NO_MODAL) {\n window.open(\"\".concat(process.env.GATSBY_LOGIN_URL), \"_blank\");\n return null;\n }\n\n if (variant === loginVariantTypes.DIRECT) return /*#__PURE__*/React__default$1[\"default\"].createElement(LoginDirect, _extends$g({\n variant: variant\n }, data, otherProps));\n\n if (variant === loginVariantTypes.FORM) {\n return /*#__PURE__*/React__default$1[\"default\"].createElement(LoginForm, _extends$g({\n variant: variant\n }, data, otherProps));\n }\n\n if (variant === loginVariantTypes.POST) {\n return /*#__PURE__*/React__default$1[\"default\"].createElement(LoginPost, _extends$g({\n variant: variant\n }, data, otherProps));\n }\n\n if (variant === loginVariantTypes.HTML_INSERT) {\n return /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"login_html\",\n style: insertStyle,\n dangerouslySetInnerHTML: {\n __html: htmlInsert\n }\n });\n }\n\n throw new Error(\"no login variant found\");\n}\n\nvar _excluded$E = [\"isActive\", \"onClickButton\", \"isScrollChangeColorButton\", \"float\", \"noFilter\", \"forceFilter\", \"scrollY\", \"backgroundBreakpoint\", \"filterEffect\", \"filterEffectAfterScroll\"];\n\nfunction ExpandedButton(_ref) {\n var _ref$isActive = _ref.isActive,\n isActive = _ref$isActive === void 0 ? false : _ref$isActive,\n onClickButton = _ref.onClickButton,\n _ref$isScrollChangeCo = _ref.isScrollChangeColorButton,\n isScrollChangeColorButton = _ref$isScrollChangeCo === void 0 ? false : _ref$isScrollChangeCo,\n _ref$float = _ref[\"float\"],\n _float = _ref$float === void 0 ? false : _ref$float,\n _ref$noFilter = _ref.noFilter,\n noFilter = _ref$noFilter === void 0 ? false : _ref$noFilter,\n _ref$forceFilter = _ref.forceFilter,\n forceFilter = _ref$forceFilter === void 0 ? false : _ref$forceFilter,\n _ref$scrollY = _ref.scrollY,\n scrollY = _ref$scrollY === void 0 ? 0 : _ref$scrollY,\n _ref$backgroundBreakp = _ref.backgroundBreakpoint,\n backgroundBreakpoint = _ref$backgroundBreakp === void 0 ? 20 : _ref$backgroundBreakp,\n _ref$filterEffect = _ref.filterEffect,\n filterEffect = _ref$filterEffect === void 0 ? [] : _ref$filterEffect,\n _ref$filterEffectAfte = _ref.filterEffectAfterScroll,\n filterEffectAfterScroll = _ref$filterEffectAfte === void 0 ? [\"invert()\", \"grayscale(1)\", \"saturate(0)\"] : _ref$filterEffectAfte,\n otherProps = _objectWithoutProperties$2(_ref, _excluded$E);\n\n return /*#__PURE__*/React__default$1[\"default\"].createElement(\"button\", {\n type: \"button\",\n className: \"EXPANDED_BUTTON HeaderCompressed_ExpandedButton tw-float-right tw-flex tw-items-center tw-px-3 tw-py-2 hover:bl-border-grayscale-0\",\n onClick: function onClick() {\n return onClickButton();\n }\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(Icon, _extends$g({\n className: \"EXPANDED_BUTTON__ICON\",\n icon: isActive ? iconTypes.REMOVE : iconTypes.NAVIGATION_MENU,\n isScrollChangeColorButton: isScrollChangeColorButton,\n \"float\": _float,\n noFilter: noFilter,\n forceFilter: forceFilter,\n scrollY: scrollY,\n backgroundBreakpoint: backgroundBreakpoint,\n filterEffect: filterEffect,\n filterEffectAfterScroll: filterEffectAfterScroll\n }, otherProps)));\n}\n\nvar _templateObject$L;\n\nvar LinkWithSubLinksTitle$3 = styled__default[\"default\"].p(_templateObject$L || (_templateObject$L = _taggedTemplateLiteral([\"\\n font-family: var(--secondary-family);\\n font-weight: 500;\\n\"])));\n\nvar _templateObject$K;\n\nvar SubLinksTitle = styled__default[\"default\"].p(_templateObject$K || (_templateObject$K = _taggedTemplateLiteral([\"\\n font-family: var(--secondary-family);\\n font-weight: 600;\\n\"])));\n\nfunction SubLinks$3(_ref) {\n var pathname = _ref.pathname,\n _ref$subLinks = _ref.subLinks,\n subLinks = _ref$subLinks === void 0 ? [] : _ref$subLinks;\n return /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"SUB_LINKS\"\n }, subLinks.map(function (subLink, i) {\n var keys = Object.keys(subLink) || [];\n return /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"SUB_LINKS__LINK\",\n key: \"SubLinks-subLink-\".concat(i)\n }, subLink.title && /*#__PURE__*/React__default$1[\"default\"].createElement(SubLinksTitle, {\n className: \"SUB_LINKS__LINK__TITLE HeaderCompressed_SubLinksTitle tw-pl-4 bl-text-base bl-text-primary tw-mt-4 tw-mb-2\"\n }, subLink.title), keys.map(function (key, index) {\n var url = subLink[\"url\".concat(index)];\n var text = subLink[\"text\".concat(index)];\n if (!url || !text) return null;\n var isPdf = url.endsWith(\".pdf\");\n\n if (url === \"/autolink\") {\n return /*#__PURE__*/React__default$1[\"default\"].createElement(AutoLink$1, {\n key: \"\".concat(url).concat(text, \"-i\"),\n url: url,\n text: text,\n pathname: pathname\n });\n }\n\n return /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n key: \"SubLink-key-\".concat(key),\n className: classnames(\"SUB_LINKS__LINK__CONTAINER HeaderCompressed_SubLinksKey tw-w-full tw-py-1 tw-pl-4 bl-text-sm\", \"/\".concat(pathname) === url ? \"bl-bg-primary tw-text-white HeaderCompressed_SubLinksKey_active\" : \"bl-text-grayscale-30\")\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(Link, {\n href: url,\n target: isPdf ? \"_blank\" : \"_self\",\n className: classnames(\"SUB_LINKS__LINK__CONTAINER HeaderCompressed_SubLinksKey_Link bl-font-primary\", \"/\".concat(pathname) === url ? \"HeaderCompressed_SubLinksKey_Link_active\" : \"HeaderCompressed_SubLinksKey_Link_inactive\")\n }, text));\n }));\n }));\n}\n\nfunction AutoLink$1(_ref2) {\n var url = _ref2.url,\n text = _ref2.text,\n pathname = _ref2.pathname;\n return /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: classnames(\"SUB_LINKS__LINK__CONTAINER HeaderCompressed_SubLinksKey tw-w-full tw-py-1 tw-pl-4 bl-text-sm\", \"/\".concat(pathname) === url ? \"bl-bg-primary tw-text-white HeaderCompressed_SubLinksKey_active\" : \"bl-text-grayscale-30\")\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(\"a\", {\n href: url,\n className: classnames(\"SUB_LINKS__LINK__CONTAINER HeaderCompressed_SubLinksKey_Link bl-font-primary\", \"/\".concat(pathname) === url ? \"HeaderCompressed_SubLinksKey_Link_active\" : \"HeaderCompressed_SubLinksKey_Link_inactive\")\n }, text));\n}\n\nfunction LinkWithSubLinks$3(_ref) {\n var id = _ref.id,\n pathname = _ref.pathname,\n text = _ref.text,\n subLinks = _ref.subLinks,\n isLinkActive = _ref.isLinkActive,\n onClick = _ref.onClick;\n return /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"LINK_WITH_SUB_LINKS HEADER_COMPRESSED__DROPDOWN__CONTAINER__CONTENT__ITEM__CONTENT HeaderCompressed_LinkWithSubLinks_Container tw-text-left\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(\"button\", {\n type: \"button\",\n className: \"HEADER_COMPRESSED__DROPDOWN__CONTAINER__CONTENT__ITEM__CONTENT__BUTTON BUTTON HeaderCompressed_LinkWithSubLinks_Button focus:tw-outline-none tw-text-left bl-text-sm tw-pl-4 tw-flex tw-items-center \".concat(isLinkActive ? \"HEADER_COMPRESSED__DROPDOWN__CONTAINER__CONTENT__ITEM__CONTENT__BUTTON__ACTIVE\" : \"HEADER_COMPRESSED__DROPDOWN__CONTAINER__CONTENT__ITEM__CONTENT__BUTTON__INACTIVE\"),\n onClick: onClick(id),\n onKeyPress: onClick(id)\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(LinkWithSubLinksTitle$3, {\n className: \"LINK_WITH_SUB_TITLE HEADER_COMPRESSED__DROPDOWN__CONTAINER__CONTENT__ITEM__CONTENT__BUTTON__TEXT HeaderCompressed_LinkWithSubLinksTitle tw-mr-4 bl-font-secondary\"\n }, text), /*#__PURE__*/React__default$1[\"default\"].createElement(Icon, {\n className: \"HEADER_COMPRESSED__DROPDOWN__CONTAINER__CONTENT__ITEM__CONTENT__BUTTON__TEXT__ICON ICON \".concat(isLinkActive ? \"HEADER_COMPRESSED__DROPDOWN__CONTAINER__CONTENT__ITEM__CONTENT__BUTTON__TEXT__ICON_UP\" : \"HEADER_COMPRESSED__DROPDOWN__CONTAINER__CONTENT__ITEM__CONTENT__BUTTON__TEXT__ICON_DOWN\"),\n size: 16,\n icon: isLinkActive ? iconTypes.ARROW_UP_1 : iconTypes.ARROW_DOWN_1\n })), isLinkActive && /*#__PURE__*/React__default$1[\"default\"].createElement(SubLinks$3, {\n pathname: pathname,\n subLinks: subLinks\n }));\n}\n\nvar _templateObject$J;\n\nvar CustomLink$3 = styled__default[\"default\"](Link)(_templateObject$J || (_templateObject$J = _taggedTemplateLiteral([\"\\n font-family: var(--secondary-family);\\n font-weight: 500;\\n\"])));\n\nfunction LinkNormal$3(_ref) {\n var menuItem = _ref.menuItem,\n pathname = _ref.pathname,\n variant = _ref.variant;\n\n switch (variant) {\n case linkVariantTypes.PAGE_LINKS:\n return /*#__PURE__*/React__default$1[\"default\"].createElement(CustomLink$3, {\n popup: \"\".concat(menuItem.openThirdPartyPopup),\n to: menuItem.pageLinks,\n className: classnames(\"LINK_NORMAL HeaderCompressed_PAGE_LINKS_CustomLink tw-block lg:tw-inline-block lg:tw-mt-0 bl-text-sm tw-pl-4 bl-font-secondary\", \"/\".concat(pathname) === menuItem.url && \"lg:tw-pt-1 tw-border-l-2 tw-font-bold bl-border-primary\")\n }, menuItem.text);\n\n case linkVariantTypes.PDF:\n return /*#__PURE__*/React__default$1[\"default\"].createElement(CustomLink$3, {\n popup: \"\".concat(menuItem.openThirdPartyPopup),\n to: menuItem.pdf.url,\n className: classnames(\"CUSTOM_LINK HeaderCompressed_PDF_CustomLink tw-block lg:tw-inline-block lg:tw-mt-0 bl-text-sm tw-pl-4 bl-font-secondary\", \"/\".concat(pathname) === menuItem.url && \"lg:tw-pt-1 tw-border-l-2 tw-font-bold bl-border-primary\")\n }, menuItem.text);\n\n case linkVariantTypes.SEARCH:\n return /*#__PURE__*/React__default$1[\"default\"].createElement(CustomLink$3, {\n to: \"/search\",\n \"aria-label\": \"Search Button\",\n className: classnames(\"CUSTOM_LINK HeaderDesktop-LinkNormal-search tw-block lg:tw-inline-block lg:tw-mt-0 bl-text-md tw-pl-4\", \"/search\")\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"CUSTOM_LINK_SEARCH_CONTAINER tw-flex\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"CUSTOM_LINK_SEARCH_ITEM\"\n }, \"Search\"), /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"CUSTOM_LINK_SEARCH_ITEM CUSTOM_LINK_SEARCH_ICON\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(\"svg\", {\n xmlns: \"http://www.w3.org/2000/svg\",\n width: \"18\",\n height: \"19\",\n viewBox: \"0 0 16 17\",\n fill: \"none\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M6 2.75C3.79086 2.75 2 4.54086 2 6.75C2 8.95914 3.79086 10.75 6 10.75C8.20914 10.75 10 8.95914 10 6.75C10 4.54086 8.20914 2.75 6 2.75ZM0 6.75C0 3.43629 2.68629 0.75 6 0.75C9.31371 0.75 12 3.43629 12 6.75C12 8.04583 11.5892 9.24572 10.8907 10.2265L15.7071 15.0429C16.0976 15.4334 16.0976 16.0666 15.7071 16.4571C15.3166 16.8476 14.6834 16.8476 14.2929 16.4571L9.47653 11.6407C8.49572 12.3392 7.29583 12.75 6 12.75C2.68629 12.75 0 10.0637 0 6.75Z\",\n fill: \"#05274C\"\n })))));\n\n default:\n return /*#__PURE__*/React__default$1[\"default\"].createElement(CustomLink$3, {\n popup: \"\".concat(menuItem.openThirdPartyPopup),\n href: menuItem.url,\n className: classnames(\"CUSTOM_LINK HeaderCompressed_DEFAULT_CustomLink tw-block lg:tw-inline-block lg:tw-mt-0 bl-text-sm tw-pl-4 bl-font-secondary\", \"/\".concat(pathname) === menuItem.url && \"lg:tw-pt-1 tw-border-l-2 tw-font-bold bl-border-primary\")\n }, menuItem.text);\n }\n}\n\nfunction Dropdown$3(_ref) {\n var data = _ref.data,\n pathname = _ref.pathname,\n variant = _ref.variant,\n _ref$showBackground = _ref.showBackground,\n showBackground = _ref$showBackground === void 0 ? false : _ref$showBackground,\n _ref$isActive = _ref.isActive,\n isActive = _ref$isActive === void 0 ? false : _ref$isActive,\n _ref$loginButtonStyle = _ref.loginButtonStyles,\n loginButtonStyles = _ref$loginButtonStyle === void 0 ? {} : _ref$loginButtonStyle,\n _ref$showModal = _ref.showModal,\n showModal = _ref$showModal === void 0 ? {} : _ref$showModal,\n _ref$onPressCloseMenu = _ref.onPressCloseMenuButton,\n onPressCloseMenuButton = _ref$onPressCloseMenu === void 0 ? {} : _ref$onPressCloseMenu;\n\n var _useState = React.useState(\"\"),\n _useState2 = _slicedToArray(_useState, 2),\n openedSubMenu = _useState2[0],\n setOpenedSubMenu = _useState2[1];\n\n function toggleSubMenu(subMenuId) {\n return function () {\n setOpenedSubMenu(subMenuId === openedSubMenu ? \"\" : subMenuId);\n };\n }\n\n loginButtonStyles = _objectSpread2(_objectSpread2({}, loginButtonStyles), {}, {\n variant: variant\n });\n return /*#__PURE__*/React__default$1[\"default\"].createElement(DropdownsContainer, {\n background: \"rgba(0, 0, 0, 0.2)\",\n showBackground: showBackground,\n className: \"DROPDOWN HeaderCompressed_DropdownsContainer bl-font-secondary bl-text-grayscale-100 tw-mt-50 tw-z-50 tw-flex tw-justify-end\",\n minHeight: \"\".concat(window.innerHeight - HeaderHeightInPx, \"px\")\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"DROPDOWN__CONTAINER HeaderCompressed_DropdownsContainer_Container tw-w-full lg:tw-w-80 tw-pb-28 bl-bg-grayscale-0 tw-absolute tw-top-0 tw-h-full tw-overflow-y-auto\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(ActiveTopNav, {\n className: \"DROPDOWN__CONTAINER__ACTIVE_TOP_NAV HeaderCompressed_DropdownsContainer_ActiveTopNav tw-flex tw-items-center tw-py-6 tw-justify-between tw-mx-4\"\n }, data && data.loginButtonText && /*#__PURE__*/React__default$1[\"default\"].createElement(Button$2, _extends$g({\n fill: buttonFillTypes.FILLED,\n styleType: buttonStyleTypes.NONE,\n className: classnames(\"DROPDOWN__CONTAINER__ACTIVE_TOP_NAV__BUTTON BUTTON HeaderCompressed_DropdownsContainer_ActiveTopNav_Button tw-mr-3\"),\n variant: true,\n onClick: function onClick() {\n if (variant !== \"NO_MODAL\") {\n showModal();\n }\n }\n }, loginButtonStyles), data.loginButtonText), /*#__PURE__*/React__default$1[\"default\"].createElement(ExpandedButton, {\n onClickButton: function onClickButton() {\n return onPressCloseMenuButton();\n },\n isActive: isActive\n })), (data.NavBarItems || []).map(function (menuItem, index) {\n var isLinkActive = menuItem.id === openedSubMenu;\n var variantTipe = menuItem.pdf ? \"pdf\" : menuItem.pageLinks ? \"pageLinks\" : \"url\";\n return /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n key: \"Dropdown-menuItem-\".concat(index),\n className: \"DROPDOWN__CONTAINER__CONTENT tw-mt-4\"\n }, menuItem.subLinks && menuItem.subLinks.length > 0 ? /*#__PURE__*/React__default$1[\"default\"].createElement(LinkWithSubLinks$3, {\n isLinkActive: isLinkActive,\n id: menuItem.id,\n pathname: pathname,\n text: menuItem.text,\n subLinks: menuItem.subLinks,\n url: menuItem.url,\n onClick: toggleSubMenu\n }) : /*#__PURE__*/React__default$1[\"default\"].createElement(LinkNormal$3, {\n menuItem: menuItem,\n pathname: pathname,\n variant: variantTipe\n }));\n }), /*#__PURE__*/React__default$1[\"default\"].createElement(LinkNormal$3, {\n className: \"DROPDOWN_CONTAINER__MENU__ITEM_DESKTOP_COMPRESSED LINK_NORMAL_SEARCH\",\n menuItem: \"\",\n pathname: \"/search\",\n variant: linkVariantTypes.SEARCH\n })));\n}\n\nvar _templateObject$I;\n\nvar CustomButton$1 = styled__default[\"default\"](Button$2)(_templateObject$I || (_templateObject$I = _taggedTemplateLiteral([\"\\n background: \", \";\\n\\n border-color: \", \";\\n\\n color: \", \";\\n\\n &:hover {\\n background: \", \";\\n\\n border-color: \", \";\\n\\n color: \", \";\\n }\\n\"])), function (_ref) {\n var background = _ref.background,\n _ref$scrollBackground = _ref.scrollBackground,\n scrollBackground = _ref$scrollBackground === void 0 ? colorsTypes.WHITE : _ref$scrollBackground,\n _ref$float = _ref[\"float\"],\n _float = _ref$float === void 0 ? false : _ref$float,\n _ref$transparentBackg = _ref.transparentBackground,\n transparentBackground = _ref$transparentBackg === void 0 ? colorsTypes.TRANSPARENT : _ref$transparentBackg,\n _ref$transparent = _ref.transparent,\n transparent = _ref$transparent === void 0 ? false : _ref$transparent,\n _ref$forceShow = _ref.forceShow,\n forceShow = _ref$forceShow === void 0 ? false : _ref$forceShow,\n _ref$isScrollChangeCo = _ref.isScrollChangeColorButton,\n isScrollChangeColorButton = _ref$isScrollChangeCo === void 0 ? false : _ref$isScrollChangeCo,\n _ref$scrollY = _ref.scrollY,\n scrollY = _ref$scrollY === void 0 ? 0 : _ref$scrollY,\n _ref$backgroundBreakp = _ref.backgroundBreakpoint,\n backgroundBreakpoint = _ref$backgroundBreakp === void 0 ? 20 : _ref$backgroundBreakp;\n\n if (forceShow) {\n if (!!_float && scrollY >= backgroundBreakpoint && isScrollChangeColorButton) {\n return scrollBackground;\n }\n\n return background;\n }\n\n if (!!_float && scrollY >= backgroundBreakpoint && isScrollChangeColorButton) {\n return scrollBackground;\n }\n\n if (transparent) return transparentBackground;\n return background;\n}, function (_ref2) {\n var borderColor = _ref2.borderColor,\n _ref2$scrollBorderCol = _ref2.scrollBorderColor,\n scrollBorderColor = _ref2$scrollBorderCol === void 0 ? colorsTypes.WHITE : _ref2$scrollBorderCol,\n _ref2$float = _ref2[\"float\"],\n _float2 = _ref2$float === void 0 ? false : _ref2$float,\n _ref2$transparentBord = _ref2.transparentBorderColor,\n transparentBorderColor = _ref2$transparentBord === void 0 ? colorsTypes.PRIMARY_DARK : _ref2$transparentBord,\n _ref2$transparent = _ref2.transparent,\n transparent = _ref2$transparent === void 0 ? false : _ref2$transparent,\n _ref2$forceShow = _ref2.forceShow,\n forceShow = _ref2$forceShow === void 0 ? false : _ref2$forceShow,\n _ref2$isScrollChangeC = _ref2.isScrollChangeColorButton,\n isScrollChangeColorButton = _ref2$isScrollChangeC === void 0 ? false : _ref2$isScrollChangeC,\n _ref2$scrollY = _ref2.scrollY,\n scrollY = _ref2$scrollY === void 0 ? 0 : _ref2$scrollY,\n _ref2$borderColorBrea = _ref2.borderColorBreakpoint,\n borderColorBreakpoint = _ref2$borderColorBrea === void 0 ? 20 : _ref2$borderColorBrea;\n\n if (forceShow) return borderColor;\n\n if (!!_float2 && scrollY >= borderColorBreakpoint && isScrollChangeColorButton) {\n return scrollBorderColor;\n }\n\n if (transparent) return transparentBorderColor;\n return borderColor;\n}, function (_ref3) {\n var _ref3$color = _ref3.color,\n color = _ref3$color === void 0 ? colorsTypes.PRIMARY_DARK : _ref3$color,\n _ref3$scrollColor = _ref3.scrollColor,\n scrollColor = _ref3$scrollColor === void 0 ? colorsTypes.WHITE : _ref3$scrollColor,\n _ref3$float = _ref3[\"float\"],\n _float3 = _ref3$float === void 0 ? false : _ref3$float,\n _ref3$isScrollChangeC = _ref3.isScrollChangeColorButton,\n isScrollChangeColorButton = _ref3$isScrollChangeC === void 0 ? false : _ref3$isScrollChangeC,\n _ref3$scrollY = _ref3.scrollY,\n scrollY = _ref3$scrollY === void 0 ? 0 : _ref3$scrollY,\n _ref3$backgroundBreak = _ref3.backgroundBreakpoint,\n backgroundBreakpoint = _ref3$backgroundBreak === void 0 ? 20 : _ref3$backgroundBreak;\n\n if (!!_float3 && scrollY >= backgroundBreakpoint && isScrollChangeColorButton) {\n return scrollColor;\n }\n\n return color;\n}, function (_ref4) {\n var _ref4$hoverBackground = _ref4.hoverBackground,\n hoverBackground = _ref4$hoverBackground === void 0 ? colorsTypes.PRIMARY_DARK : _ref4$hoverBackground,\n _ref4$hoverScrollBack = _ref4.hoverScrollBackground,\n hoverScrollBackground = _ref4$hoverScrollBack === void 0 ? colorsTypes.WHITE : _ref4$hoverScrollBack,\n _ref4$float = _ref4[\"float\"],\n _float4 = _ref4$float === void 0 ? false : _ref4$float,\n _ref4$hoverTransparen = _ref4.hoverTransparentBackground,\n hoverTransparentBackground = _ref4$hoverTransparen === void 0 ? colorsTypes.TRANSPARENT : _ref4$hoverTransparen,\n _ref4$transparent = _ref4.transparent,\n transparent = _ref4$transparent === void 0 ? false : _ref4$transparent,\n _ref4$forceShow = _ref4.forceShow,\n forceShow = _ref4$forceShow === void 0 ? false : _ref4$forceShow,\n _ref4$isScrollChangeC = _ref4.isScrollChangeColorButton,\n isScrollChangeColorButton = _ref4$isScrollChangeC === void 0 ? false : _ref4$isScrollChangeC,\n _ref4$scrollY = _ref4.scrollY,\n scrollY = _ref4$scrollY === void 0 ? 0 : _ref4$scrollY,\n _ref4$backgroundBreak = _ref4.backgroundBreakpoint,\n backgroundBreakpoint = _ref4$backgroundBreak === void 0 ? 20 : _ref4$backgroundBreak;\n\n if (forceShow) {\n if (!!_float4 && scrollY >= backgroundBreakpoint && isScrollChangeColorButton) {\n return hoverScrollBackground;\n }\n\n return hoverBackground;\n }\n\n if (!!_float4 && scrollY >= backgroundBreakpoint && isScrollChangeColorButton) {\n return hoverScrollBackground;\n }\n\n if (transparent) return hoverTransparentBackground;\n return hoverBackground;\n}, function (_ref5) {\n var hoverBorderColor = _ref5.hoverBorderColor,\n _ref5$hoverScrollBord = _ref5.hoverScrollBorderColor,\n hoverScrollBorderColor = _ref5$hoverScrollBord === void 0 ? colorsTypes.WHITE : _ref5$hoverScrollBord,\n _ref5$float = _ref5[\"float\"],\n _float5 = _ref5$float === void 0 ? false : _ref5$float,\n _ref5$hoverTransparen = _ref5.hoverTransparentBorderColor,\n hoverTransparentBorderColor = _ref5$hoverTransparen === void 0 ? colorsTypes.PRIMARY_DARK : _ref5$hoverTransparen,\n _ref5$transparent = _ref5.transparent,\n transparent = _ref5$transparent === void 0 ? false : _ref5$transparent,\n _ref5$forceShow = _ref5.forceShow,\n forceShow = _ref5$forceShow === void 0 ? false : _ref5$forceShow,\n _ref5$isScrollChangeC = _ref5.isScrollChangeColorButton,\n isScrollChangeColorButton = _ref5$isScrollChangeC === void 0 ? false : _ref5$isScrollChangeC,\n _ref5$scrollY = _ref5.scrollY,\n scrollY = _ref5$scrollY === void 0 ? 0 : _ref5$scrollY,\n _ref5$borderColorBrea = _ref5.borderColorBreakpoint,\n borderColorBreakpoint = _ref5$borderColorBrea === void 0 ? 20 : _ref5$borderColorBrea;\n\n if (forceShow) {\n if (!!_float5 && scrollY >= borderColorBreakpoint && isScrollChangeColorButton) {\n return hoverScrollBorderColor;\n }\n\n return hoverBorderColor;\n }\n\n if (!!_float5 && scrollY >= borderColorBreakpoint && isScrollChangeColorButton) {\n return hoverScrollBorderColor;\n }\n\n if (transparent) return hoverTransparentBorderColor;\n return hoverBorderColor;\n}, function (_ref6) {\n var _ref6$hoverScrollColo = _ref6.hoverScrollColor,\n hoverScrollColor = _ref6$hoverScrollColo === void 0 ? colorsTypes.PRIMARY_DARK : _ref6$hoverScrollColo,\n _ref6$hoverColor = _ref6.hoverColor,\n hoverColor = _ref6$hoverColor === void 0 ? colorsTypes.WHITE : _ref6$hoverColor,\n _ref6$float = _ref6[\"float\"],\n _float6 = _ref6$float === void 0 ? false : _ref6$float,\n _ref6$borderColorBrea = _ref6.borderColorBreakpoint,\n borderColorBreakpoint = _ref6$borderColorBrea === void 0 ? false : _ref6$borderColorBrea,\n _ref6$scrollY = _ref6.scrollY,\n scrollY = _ref6$scrollY === void 0 ? 0 : _ref6$scrollY,\n _ref6$isScrollChangeC = _ref6.isScrollChangeColorButton,\n isScrollChangeColorButton = _ref6$isScrollChangeC === void 0 ? 20 : _ref6$isScrollChangeC;\n\n if (!!_float6 && scrollY >= borderColorBreakpoint && isScrollChangeColorButton) {\n return hoverScrollColor;\n }\n\n return hoverColor;\n});\n\nfunction Default(_ref) {\n var data = _ref.data,\n pathname = _ref.pathname,\n className = _ref.className,\n _ref$background = _ref.background,\n background = _ref$background === void 0 ? \"\" : _ref$background,\n _ref$activeLogoReplac = _ref.activeLogoReplaceImageWith,\n activeLogoReplaceImageWith = _ref$activeLogoReplac === void 0 ? \"\" : _ref$activeLogoReplac,\n _ref$mobileActiveLogo = _ref.mobileActiveLogoReplaceImageWith,\n mobileActiveLogoReplaceImageWith = _ref$mobileActiveLogo === void 0 ? \"\" : _ref$mobileActiveLogo,\n _ref$activeLogoReplac2 = _ref.activeLogoReplaceImageWithAfterBreakpoint,\n activeLogoReplaceImageWithAfterBreakpoint = _ref$activeLogoReplac2 === void 0 ? \"\" : _ref$activeLogoReplac2,\n _ref$backgroundAfterB = _ref.backgroundAfterBreakpoint,\n backgroundAfterBreakpoint = _ref$backgroundAfterB === void 0 ? \"rgba(32, 0, 9, 0.4)\" : _ref$backgroundAfterB,\n _ref$transparent = _ref.transparent,\n transparent = _ref$transparent === void 0 ? false : _ref$transparent,\n _ref$forceShow = _ref.forceShow,\n forceShow = _ref$forceShow === void 0 ? false : _ref$forceShow,\n _ref$float = _ref[\"float\"],\n _float = _ref$float === void 0 ? false : _ref$float,\n _ref$noFilterLogo = _ref.noFilterLogo,\n noFilterLogo = _ref$noFilterLogo === void 0 ? false : _ref$noFilterLogo,\n _ref$backgroundMenu = _ref.backgroundMenu,\n backgroundMenu = _ref$backgroundMenu === void 0 ? colorsTypes.TRANSPARENT : _ref$backgroundMenu,\n _ref$transparentBackg = _ref.transparentBackground,\n transparentBackground = _ref$transparentBackg === void 0 ? colorsTypes.TRANSPARENT : _ref$transparentBackg,\n _ref$hoverTransparent = _ref.hoverTransparentBackground,\n hoverTransparentBackground = _ref$hoverTransparent === void 0 ? colorsTypes.TRANSPARENT : _ref$hoverTransparent,\n _ref$backgroundAfterB2 = _ref.backgroundAfterBreakpointHover,\n backgroundAfterBreakpointHover = _ref$backgroundAfterB2 === void 0 ? colorsTypes.WHITE : _ref$backgroundAfterB2,\n _ref$loginButtonIsScr = _ref.loginButtonIsScrollChangeColorButton,\n loginButtonIsScrollChangeColorButton = _ref$loginButtonIsScr === void 0 ? false : _ref$loginButtonIsScr,\n _ref$loginButtonScrol = _ref.loginButtonScrollBackground,\n loginButtonScrollBackground = _ref$loginButtonScrol === void 0 ? colorsTypes.WHITE : _ref$loginButtonScrol,\n _ref$loginButtonScrol2 = _ref.loginButtonScrollBackgroundAfterScroll,\n loginButtonScrollBackgroundAfterScroll = _ref$loginButtonScrol2 === void 0 ? colorsTypes.PRIMARY_DARK : _ref$loginButtonScrol2,\n _ref$noFilterMenuIcon = _ref.noFilterMenuIcon,\n noFilterMenuIcon = _ref$noFilterMenuIcon === void 0 ? false : _ref$noFilterMenuIcon,\n _ref$forceFilterMenuI = _ref.forceFilterMenuIcon,\n forceFilterMenuIcon = _ref$forceFilterMenuI === void 0 ? false : _ref$forceFilterMenuI,\n _ref$logoFilterEffect = _ref.logoFilterEffect,\n logoFilterEffect = _ref$logoFilterEffect === void 0 ? [] : _ref$logoFilterEffect,\n _ref$logoFilterEffect2 = _ref.logoFilterEffectAfterScroll,\n logoFilterEffectAfterScroll = _ref$logoFilterEffect2 === void 0 ? [\"invert()\", \"grayscale(1)\", \"saturate(0)\"] : _ref$logoFilterEffect2,\n _ref$activeLogoFilter = _ref.activeLogoFilterEffect,\n activeLogoFilterEffect = _ref$activeLogoFilter === void 0 ? [\"invert()\", \"grayscale(1)\", \"saturate(0)\"] : _ref$activeLogoFilter,\n _ref$activeLogoFilter2 = _ref.activeLogoFilterEffectAfterScroll,\n activeLogoFilterEffectAfterScroll = _ref$activeLogoFilter2 === void 0 ? [\"invert()\", \"grayscale(1)\", \"saturate(0)\"] : _ref$activeLogoFilter2,\n _ref$mobileMenuIconFi = _ref.mobileMenuIconFilterEffect,\n mobileMenuIconFilterEffect = _ref$mobileMenuIconFi === void 0 ? [\"invert()\", \"grayscale(1)\", \"saturate(0)\"] : _ref$mobileMenuIconFi,\n _ref$mobileMenuIconFi2 = _ref.mobileMenuIconFilterEffectAfterScroll,\n mobileMenuIconFilterEffectAfterScroll = _ref$mobileMenuIconFi2 === void 0 ? [\"invert()\", \"grayscale(1)\", \"saturate(0)\"] : _ref$mobileMenuIconFi2,\n _ref$mobileMenuIconAc = _ref.mobileMenuIconActiveFilterEffectAfterScroll,\n mobileMenuIconActiveFilterEffectAfterScroll = _ref$mobileMenuIconAc === void 0 ? [\"invert()\", \"grayscale(1)\", \"saturate(0)\"] : _ref$mobileMenuIconAc,\n _ref$menuIconFilterEf = _ref.menuIconFilterEffect,\n menuIconFilterEffect = _ref$menuIconFilterEf === void 0 ? [\"invert()\", \"grayscale(1)\", \"saturate(0)\"] : _ref$menuIconFilterEf,\n _ref$menuIconFilterEf2 = _ref.menuIconFilterEffectAfterScroll,\n menuIconFilterEffectAfterScroll = _ref$menuIconFilterEf2 === void 0 ? [\"invert()\", \"grayscale(1)\", \"saturate(0)\"] : _ref$menuIconFilterEf2,\n _ref$menuIconActiveFi = _ref.menuIconActiveFilterEffectAfterScroll,\n menuIconActiveFilterEffectAfterScroll = _ref$menuIconActiveFi === void 0 ? [\"invert()\", \"grayscale(1)\", \"saturate(0)\"] : _ref$menuIconActiveFi,\n _ref$mobileBackground = _ref.mobileBackground,\n mobileBackground = _ref$mobileBackground === void 0 ? colorsTypes.WHITE : _ref$mobileBackground,\n _ref$mobileBackground2 = _ref.mobileBackgroundAfterBreakpoint,\n mobileBackgroundAfterBreakpoint = _ref$mobileBackground2 === void 0 ? colorsTypes.WHITE : _ref$mobileBackground2,\n _ref$mobileActiveBack = _ref.mobileActiveBackground,\n mobileActiveBackground = _ref$mobileActiveBack === void 0 ? colorsTypes.WHITE : _ref$mobileActiveBack,\n _ref$mobileTransparen = _ref.mobileTransparentBackground,\n mobileTransparentBackground = _ref$mobileTransparen === void 0 ? colorsTypes.TRANSPARENT : _ref$mobileTransparen,\n _ref$mobileHoverBackg = _ref.mobileHoverBackground,\n mobileHoverBackground = _ref$mobileHoverBackg === void 0 ? colorsTypes.WHITE : _ref$mobileHoverBackg,\n _ref$mobileHoverFloat = _ref.mobileHoverFloatBackground,\n mobileHoverFloatBackground = _ref$mobileHoverFloat === void 0 ? colorsTypes.WHITE : _ref$mobileHoverFloat,\n _ref$mobileHoverActiv = _ref.mobileHoverActiveBackground,\n mobileHoverActiveBackground = _ref$mobileHoverActiv === void 0 ? colorsTypes.WHITE : _ref$mobileHoverActiv,\n _ref$mobileBackground3 = _ref.mobileBackgroundAfterBreakpointHover,\n mobileBackgroundAfterBreakpointHover = _ref$mobileBackground3 === void 0 ? colorsTypes.WHITE : _ref$mobileBackground3,\n _ref$mobileHoverTrans = _ref.mobileHoverTransparentBackground,\n mobileHoverTransparentBackground = _ref$mobileHoverTrans === void 0 ? colorsTypes.TRANSPARENT : _ref$mobileHoverTrans,\n _ref$scrollY = _ref.scrollY,\n scrollY = _ref$scrollY === void 0 ? 0 : _ref$scrollY,\n _ref$backgroundBreakp = _ref.backgroundBreakpoint,\n backgroundBreakpoint = _ref$backgroundBreakp === void 0 ? 20 : _ref$backgroundBreakp,\n _ref$loginButtonStyle = _ref.loginButtonStyles,\n loginButtonStyles = _ref$loginButtonStyle === void 0 ? {} : _ref$loginButtonStyle,\n _ref$menuIconStyles = _ref.menuIconStyles,\n menuIconStyles = _ref$menuIconStyles === void 0 ? {} : _ref$menuIconStyles,\n variant = _ref.variant,\n _ref$dropdownLoginBut = _ref.dropdownLoginButtonStyles,\n dropdownLoginButtonStyles = _ref$dropdownLoginBut === void 0 ? {} : _ref$dropdownLoginBut,\n _ref$isDynamic = _ref.isDynamic,\n isDynamic = _ref$isDynamic === void 0 ? false : _ref$isDynamic;\n\n var _useModal = useModal(),\n isModalVisible = _useModal.isModalVisible,\n closeModal = _useModal.closeModal,\n showModal = _useModal.showModal;\n\n var _useState = React.useState(false),\n _useState2 = _slicedToArray(_useState, 2),\n menuActive = _useState2[0],\n setMenuActive = _useState2[1];\n\n React.useEffect(function () {\n screenOverflowHidden(menuActive);\n }, [menuActive]);\n var cuName = process.env.GATSBY_CU_NAME;\n var includeCu = [\"leather_stocking\", \"new_horizon\", \"huron\", \"Healthcare Service\", \"field_stone\"];\n var secondLoginLink = {\n leather_stocking: \"https://www.mobicint.net/lth/loanapp/list\",\n new_horizon: \"https://secure.cpteller.com/terminal/portal/?op=r2jsCzjQviv4\",\n huron: \"https://my.homecu.net/fi/haefcu/secure-forms/loan-application.html\",\n \"Healthcare Service\": \"/loan-pay\",\n field_stone: \"https://fieldstonecu.messagepay.com/payment/accountlookup\"\n };\n var secondLoginText = {\n leather_stocking: \"Apply For A Loan\",\n new_horizon: \"Make Loan Payment\",\n huron: \"Loan Application\",\n \"Healthcare Service\": \"LOAN PAY\",\n field_stone: \"Loan Payments\"\n };\n return /*#__PURE__*/React__default$1[\"default\"].createElement(HeaderDynamicContainer, {\n activeLogoReplaceImageWith: activeLogoReplaceImageWith,\n mobileActiveLogoReplaceImageWith: mobileActiveLogoReplaceImageWith,\n mobileBackground: mobileBackground,\n mobileBackgroundAfterBreakpoint: mobileBackgroundAfterBreakpoint,\n mobileActiveBackground: mobileActiveBackground,\n mobileTransparentBackground: mobileTransparentBackground,\n mobileHoverBackground: mobileHoverBackground,\n mobileHoverFloatBackground: mobileHoverFloatBackground,\n mobileHoverActiveBackground: mobileHoverActiveBackground,\n mobileBackgroundAfterBreakpointHover: mobileBackgroundAfterBreakpointHover,\n mobileHoverTransparentBackground: mobileHoverTransparentBackground,\n mobileLogoFilterEffectAfterScroll: logoFilterEffectAfterScroll,\n mobileActiveLogoFilterEffectAfterScroll: activeLogoFilterEffectAfterScroll,\n mobileActiveLogoReplaceImageWithAfterBreakpoint: activeLogoReplaceImageWithAfterBreakpoint,\n mobileLogoFilterEffect: logoFilterEffect,\n activeLogoReplaceImageWithAfterBreakpoint: activeLogoReplaceImageWithAfterBreakpoint,\n activeLogoFilterEffect: activeLogoFilterEffect,\n noFilterLogo: noFilterLogo,\n background: background,\n backgroundAfterBreakpoint: backgroundAfterBreakpoint,\n transparentBackground: transparentBackground,\n hoverTransparentBackground: hoverTransparentBackground,\n backgroundAfterBreakpointHover: backgroundAfterBreakpointHover,\n \"float\": _float,\n scrollY: scrollY,\n backgroundBreakpoint: backgroundBreakpoint,\n transparent: transparent || !menuActive,\n forceShow: forceShow || menuActive,\n variant: variant,\n className: classnames(\"HEADER_DYNAMIC_CONTAINER Header-Dynamic-Container lg:tw-pb-16 tw-fixed lg:tw-absolute tw-z-50 tw-w-full tw-font-normal tw-h-full\", menuActive && \"HEADER_DYNAMIC_CONTAINER_ACTIVE tw-min-h-screen tw-overflow-y-scroll lg:tw-overflow-y-auto\", className, scrollY > backgroundBreakpoint ? \"HEADER_DYNAMIC_CONTAINER_SCROLLED \" : \"HEADER_DYNAMIC_CONTAINER_NO_SCROLLED\", isDynamic ? \"HEADER_MOBILE_COMPRESSED_DINAMIC_PAGE\" : \"HEADER_MOBILE_COMPRESSED_NO_DINAMIC_PAGE\"),\n style: HeaderHeight\n }, data && /*#__PURE__*/React__default$1[\"default\"].createElement(Toast, {\n data: data.Toast\n }), /*#__PURE__*/React__default$1[\"default\"].createElement(\"nav\", {\n className: classnames(\"HEADER_DYNAMIC_CONTAINER__NAV Header-Dynamic-Container_Nav tw-z-50 lg:tw-h-full\", !menuActive && \"tw-h-full\")\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"HEADER_DYNAMIC_CONTAINER__NAV__CONTAINER tw-h-full lg:tw-h-auto tw-px-6\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"HEADER_DYNAMIC_CONTAINER__NAV__CONTAINER__CONTENT Header-Dynamic-Container_Nav_Container tw-w-full tw-flex tw-justify-between tw-items-center\",\n style: HeaderHeight\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(Link, {\n className: \"HEADER_DYNAMIC_CONTAINER__NAV__CONTAINER__CONTENT__LINK Header-Dynamic-Container_Nav_Link tw-mr-6 tw-my-4\",\n to: \"/\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(Logo, {\n className: \"HEADER_DYNAMIC_CONTAINER__NAV__CONTAINER__CONTENT__LINK__IMAGE Header__logo tw-w-40\",\n src: \"/images/logo.svg\",\n alt: \"\".concat(process.env.GATSBY_CU_NAME, \" Logo\")\n })), /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: classnames(\"HEADER_DYNAMIC_CONTAINER__NAV__CONTAINER__CONTENT__MENU Header-Dynamic-Container_Nav_Container_Container tw-float-right tw-flex tw-items-center tw-py-2 tw-rounded\", menuActive ? \"tw-hidden lg:tw-block\" : \"tw-block\")\n }, includeCu.includes(cuName) && data && data.loginButtonText && /*#__PURE__*/React__default$1[\"default\"].createElement(CustomButton$1, _extends$g({\n is: \"a\",\n isScrollChangeColorButton: loginButtonIsScrollChangeColorButton,\n scrollBackground: loginButtonScrollBackground,\n scrollBackgroundAfterScroll: loginButtonScrollBackgroundAfterScroll,\n \"float\": _float,\n scrollY: scrollY,\n backgroundBreakpoint: backgroundBreakpoint,\n fill: buttonFillTypes.FILLED,\n className: classnames(\"CUSTOM_BUTTON HEADER_DYNAMIC_CONTAINER__NAV__CONTAINER__CONTENT__MENU__BUTTON Header-Dynamic-Container_Nav_Button tw-mr-3\", menuActive ? \"tw-hidden lg:tw-block HEADER_DESKTOP_COMPRESS_BUTTON_ACTIVE\" : \"tw-block\", scrollY > backgroundBreakpoint ? \" HEADER_DESKTOP_BUTTON_SCROLLED \" : \"HEADER_DESKTOP_BUTTON_NO_SCROLLED\"),\n variant: loginButtonStyles.variant\n }, loginButtonStyles, {\n href: secondLoginLink[cuName],\n isAuxHref: false\n }), secondLoginText[cuName]), data && data.loginButtonText && /*#__PURE__*/React__default$1[\"default\"].createElement(CustomButton$1, _extends$g({\n isScrollChangeColorButton: loginButtonIsScrollChangeColorButton,\n scrollBackground: loginButtonScrollBackground,\n scrollBackgroundAfterScroll: loginButtonScrollBackgroundAfterScroll,\n \"float\": _float,\n scrollY: scrollY,\n backgroundBreakpoint: backgroundBreakpoint,\n fill: buttonFillTypes.FILLED,\n className: classnames(\"CUSTOM_BUTTON HEADER_DYNAMIC_CONTAINER__NAV__CONTAINER__CONTENT__MENU__BUTTON Header-Dynamic-Container_Nav_Button tw-mr-3\", menuActive ? \"tw-hidden lg:tw-block HEADER_DESKTOP_COMPRESS_BUTTON_ACTIVE\" : \"tw-block\", scrollY > backgroundBreakpoint ? \" HEADER_DESKTOP_BUTTON_SCROLLED \" : \"HEADER_DESKTOP_BUTTON_NO_SCROLLED\"),\n variant: loginButtonStyles.variant,\n onClick: function onClick() {\n if ((loginButtonStyles === null || loginButtonStyles === void 0 ? void 0 : loginButtonStyles.variant) !== \"NO_MODAL\") {\n showModal();\n setMenuActive(false);\n }\n }\n }, loginButtonStyles), data.loginButtonText), data && /*#__PURE__*/React__default$1[\"default\"].createElement(ExpandedButton, _extends$g({\n isActive: menuActive,\n isScrollChangeColorButton: loginButtonStyles === null || loginButtonStyles === void 0 ? void 0 : loginButtonStyles.isScrollChangeColorButton,\n forceShow: forceShow || menuActive,\n \"float\": _float,\n scrollY: scrollY,\n backgroundBreakpoint: backgroundBreakpoint,\n icon: iconTypes.NAVIGATION_MENU,\n noFilter: noFilterMenuIcon,\n forceFilter: forceFilterMenuIcon,\n filterEffect: menuIconFilterEffect,\n filterEffectAfterScroll: menuIconFilterEffectAfterScroll,\n activeFilterEffectAfterScroll: menuIconActiveFilterEffectAfterScroll,\n mobileFilterEffect: mobileMenuIconFilterEffect,\n variant: loginButtonStyles.variant,\n mobileFilterEffectAfterScroll: mobileMenuIconFilterEffectAfterScroll,\n mobileActiveFilterEffectAfterScroll: mobileMenuIconActiveFilterEffectAfterScroll,\n onClickButton: function onClickButton() {\n setMenuActive(function (current) {\n return !current;\n });\n }\n }, menuIconStyles))))), menuActive && data && /*#__PURE__*/React__default$1[\"default\"].createElement(Dropdown$3, {\n background: backgroundMenu,\n showBackground: _float,\n data: data,\n pathname: pathname,\n isActive: menuActive,\n showModal: showModal,\n variant: loginButtonStyles.variant,\n onPressCloseMenuButton: function onPressCloseMenuButton() {\n return setMenuActive(false);\n },\n loginButtonStyles: dropdownLoginButtonStyles\n }), /*#__PURE__*/React__default$1[\"default\"].createElement(Modal, {\n show: isModalVisible,\n closeModal: closeModal\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(Login, _extends$g({\n variant: loginButtonStyles.variant\n }, loginButtonStyles)))));\n}\n\nvar _excluded$D = [\"variant\"];\n\nfunction HeaderCompressed(_ref) {\n var _ref$variant = _ref.variant,\n variant = _ref$variant === void 0 ? headerCompressedVariantTypes.STANDARD : _ref$variant,\n otherProps = _objectWithoutProperties$2(_ref, _excluded$D);\n\n switch (variant) {\n case headerCompressedVariantTypes.STANDARD:\n return /*#__PURE__*/React__default$1[\"default\"].createElement(Default, otherProps);\n\n default:\n throw new Error(\"Header Compressed: Invalid variant type (\".concat(variant, \")\"));\n }\n}\n\nvar _templateObject$H;\n\nvar HeaderDesktopDropdownSubItemText = styled__default[\"default\"].a(_templateObject$H || (_templateObject$H = _taggedTemplateLiteral([\"\\n font-family: \", \";\\n color: \", \";\\n\\n &:hover {\\n color: \", \";\\n }\\n\"])), getFontFamily(fontsFamiliesVariantsTypes.PRIMARY), function (_ref) {\n var _ref$color = _ref.color,\n color = _ref$color === void 0 ? colorsTypes.PRIMARY_LIGHT : _ref$color;\n return color;\n}, function (_ref2) {\n var _ref2$isHoverLink = _ref2.isHoverLink,\n isHoverLink = _ref2$isHoverLink === void 0 ? false : _ref2$isHoverLink,\n _ref2$hoverColor = _ref2.hoverColor,\n hoverColor = _ref2$hoverColor === void 0 ? \"\" : _ref2$hoverColor,\n _ref2$color = _ref2.color,\n color = _ref2$color === void 0 ? colorsTypes.PRIMARY_LIGHT : _ref2$color;\n if (isHoverLink) return hoverColor;\n return color;\n});\n\nvar _templateObject$G;\n\nvar HeaderDesktopLinkDropdownTitle = styled__default[\"default\"].h5(_templateObject$G || (_templateObject$G = _taggedTemplateLiteral([\"\\n font-family: \", \";\\n color: \", \";\\n\"])), getFontFamily(fontsFamiliesVariantsTypes.PRIMARY), function (_ref) {\n var _ref$color = _ref.color,\n color = _ref$color === void 0 ? colorsTypes.PRIMARY_VERY_ULTRA_LIGHT : _ref$color;\n return color;\n});\n\nvar _templateObject$F;\n\nvar HeaderDesktopLinkDropdownContainer = styled__default[\"default\"].div(_templateObject$F || (_templateObject$F = _taggedTemplateLiteral([\"\\n max-height: calc(100vh - 100px);\\n overflow-y: auto;\\n top: calc(\\n 100% +\\n \", \"px\\n );\\n background: \", \";\\n\"])), function (_ref) {\n var _ref$topIndicator = _ref.topIndicator,\n topIndicator = _ref$topIndicator === void 0 ? true : _ref$topIndicator,\n _ref$separationFromTo = _ref.separationFromTop,\n separationFromTop = _ref$separationFromTo === void 0 ? 20 : _ref$separationFromTo,\n _ref$separationFromBo = _ref.separationFromBottom,\n separationFromBottom = _ref$separationFromBo === void 0 ? 50 : _ref$separationFromBo;\n return topIndicator ? separationFromTop : separationFromBottom;\n}, function (_ref2) {\n var _ref2$grayscaleBackgr = _ref2.grayscaleBackgroundColor,\n grayscaleBackgroundColor = _ref2$grayscaleBackgr === void 0 ? colorsTypes.WHITE : _ref2$grayscaleBackgr,\n _ref2$backgroundColor = _ref2.backgroundColor,\n backgroundColor = _ref2$backgroundColor === void 0 ? colorsTypes.PRIMARY_VERY_ULTRA_LIGHT : _ref2$backgroundColor,\n _ref2$grayscale = _ref2.grayscale,\n grayscale = _ref2$grayscale === void 0 ? false : _ref2$grayscale;\n return grayscale ? grayscaleBackgroundColor : backgroundColor;\n});\n\nfunction HeaderDesktopLinkDropdown(_ref) {\n var menuItem = _ref.menuItem,\n _ref$currentPath = _ref.currentPath,\n currentPath = _ref$currentPath === void 0 ? {} : _ref$currentPath,\n _ref$pathname = _ref.pathname,\n pathname = _ref$pathname === void 0 ? \"/\" : _ref$pathname,\n _ref$topIndicator = _ref.topIndicator,\n topIndicator = _ref$topIndicator === void 0 ? true : _ref$topIndicator,\n _ref$grayscale = _ref.grayscale,\n grayscale = _ref$grayscale === void 0 ? false : _ref$grayscale,\n _ref$active = _ref.active,\n active = _ref$active === void 0 ? false : _ref$active,\n _ref$titleColor = _ref.titleColor,\n titleColor = _ref$titleColor === void 0 ? colorsTypes.PRIMARY_ULTRA_DARK : _ref$titleColor,\n _ref$itemTextColor = _ref.itemTextColor,\n itemTextColor = _ref$itemTextColor === void 0 ? colorsTypes.PRIMARY_ULTRA_DARK : _ref$itemTextColor,\n _ref$itemTextActiveCo = _ref.itemTextActiveColor,\n itemTextActiveColor = _ref$itemTextActiveCo === void 0 ? colorsTypes.PRIMARY_SEMI_DARK : _ref$itemTextActiveCo,\n _ref$backgroundColor = _ref.backgroundColor,\n backgroundColor = _ref$backgroundColor === void 0 ? colorsTypes.PRIMARY_VERY_ULTRA_LIGHT : _ref$backgroundColor,\n _ref$grayscaleBackgro = _ref.grayscaleBackgroundColor,\n grayscaleBackgroundColor = _ref$grayscaleBackgro === void 0 ? colorsTypes.WHITE : _ref$grayscaleBackgro,\n _ref$separationFromTo = _ref.separationFromTop,\n separationFromTop = _ref$separationFromTo === void 0 ? 20 : _ref$separationFromTo,\n _ref$separationFromBo = _ref.separationFromBottom,\n separationFromBottom = _ref$separationFromBo === void 0 ? 50 : _ref$separationFromBo;\n return /*#__PURE__*/React__default$1[\"default\"].createElement(HeaderDesktopLinkDropdownContainer, {\n separationFromTop: separationFromTop,\n separationFromBottom: separationFromBottom,\n grayscale: grayscale,\n grayscaleBackgroundColor: grayscaleBackgroundColor,\n backgroundColor: backgroundColor,\n topIndicator: topIndicator,\n className: \"HEADER_DESKTOP__LINK__DROPDOWN HeaderDesktopLinkDropdownContainer tw-px-8 tw-rounded-b tw-flex tw-absolute tw-text-gray-700 group-hover:tw-block bl-text-sm\"\n }, menuItem.subLinks.map(function (items, i) {\n var keys = Object.keys(items);\n return /*#__PURE__*/React__default$1[\"default\"].createElement(\"ul\", {\n key: \"HeaderLinkDropdown-items-\".concat(i),\n className: \"HEADER_DESKTOP__LINK__DROPDOWN__LINTE HeaderLinkDropdown-items tw-py-10 tw-w-52\"\n }, items.title && /*#__PURE__*/React__default$1[\"default\"].createElement(HeaderDesktopLinkDropdownTitle, {\n color: titleColor,\n className: \"HEADER_DESKTOP__LINK__DROPDOWN__LIST__TITLE HeaderDesktopLinkDropdownTitle tw-py-2 tw-px-4 tw-font-bold tw-block tw-whitespace-no-wrap\"\n }, items.title), keys.map(function (key, index) {\n var url = items[\"url\".concat(index)];\n var text = items[\"text\".concat(index)];\n if (!url || !text) return null;\n var isExternal = url.endsWith(\".pdf\") || url.endsWith(\".html\");\n var isItemActive = currentPath && currentPath.isCurrentPath && new RegExp(currentPath.value, \"gi\").test(text) && currentPath.url && currentPath.url.value === url && active;\n if (pathname === \"/\") isItemActive = false; // if (url === \"/savings-rates\") debugger;\n\n return /*#__PURE__*/React__default$1[\"default\"].createElement(\"li\", {\n className: \"HEADER_DESKTOP__LINK__DROPDOWN__LIST__ITEM\",\n key: \"HeaderDropdownSubContainer-subItem-\".concat(key)\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(HeaderDesktopDropdownSubItemText, {\n isHoverLink: true,\n target: isExternal ? \"_blank\" : \"_self\",\n hoverColor: itemTextActiveColor,\n color: isItemActive ? itemTextActiveColor : itemTextColor,\n className: classnames(\"HEADER_DESKTOP__LINK__DROPDOWN__LIST__ITEM__TEXT HeaderDesktopDropdownSubItemText tw-rounded-b tw-py-2 tw-px-4 tw-block tw-whitespace-no-wrap\", isItemActive ? \"tw-font-bold HEADER_DESKTOP__LINK__DROPDOWN__LIST__ITEM__TEXT_ACTIVE\" : \"bl-text-grayscale-50\"),\n href: url\n }, text));\n }));\n }));\n}\n\nvar _templateObject$E;\n\nvar HeaderDesktopLinkWithSubLinksIcon = styled__default[\"default\"](Icon)(_templateObject$E || (_templateObject$E = _taggedTemplateLiteral([\"\\n filter: \", \";\\n\"])), function (_ref) {\n var _ref$float = _ref[\"float\"],\n _float = _ref$float === void 0 ? false : _ref$float,\n _ref$scrollY = _ref.scrollY,\n scrollY = _ref$scrollY === void 0 ? 0 : _ref$scrollY,\n _ref$backgroundBreakp = _ref.backgroundBreakpoint,\n backgroundBreakpoint = _ref$backgroundBreakp === void 0 ? 20 : _ref$backgroundBreakp,\n _ref$filterEffect = _ref.filterEffect,\n filterEffect = _ref$filterEffect === void 0 ? [\"invert()\", \"grayscale(1)\", \"saturate(0)\"] : _ref$filterEffect,\n _ref$forceShow = _ref.forceShow,\n forceShow = _ref$forceShow === void 0 ? false : _ref$forceShow;\n\n if (forceShow) return undefined;\n\n if (!!_float && (!!Number(scrollY) || !scrollY) && (scrollY <= backgroundBreakpoint || scrollY === 0)) {\n return filterEffect.join(\" \");\n }\n\n return undefined;\n});\n\nvar _templateObject$D;\n\nvar HeaderDesktopLinkWithSubLinksButton = styled__default[\"default\"].button(_templateObject$D || (_templateObject$D = _taggedTemplateLiteral([\"\\n padding: 1rem 1.25rem;\\n font-family: \", \";\\n\\n font-family: \", \";\\n\\n background: \", \";\\n\\n span {\\n color: \", \";\\n }\\n\"])), function (_ref) {\n var _ref$primaryFamily = _ref.primaryFamily,\n primaryFamily = _ref$primaryFamily === void 0 ? false : _ref$primaryFamily;\n return primaryFamily ? getFontFamily(fontsFamiliesVariantsTypes.PRIMARY) : undefined;\n}, function (_ref2) {\n var _ref2$primaryFamily = _ref2.primaryFamily,\n primaryFamily = _ref2$primaryFamily === void 0 ? false : _ref2$primaryFamily;\n return primaryFamily ? getFontFamily(fontsFamiliesVariantsTypes.PRIMARY) : undefined;\n}, function (_ref3) {\n var _ref3$grayscale = _ref3.grayscale,\n grayscale = _ref3$grayscale === void 0 ? false : _ref3$grayscale,\n _ref3$transparent = _ref3.transparent,\n transparent = _ref3$transparent === void 0 ? false : _ref3$transparent,\n _ref3$isVisible = _ref3.isVisible,\n isVisible = _ref3$isVisible === void 0 ? false : _ref3$isVisible,\n _ref3$grayscaleBackgr = _ref3.grayscaleBackgroundColor,\n grayscaleBackgroundColor = _ref3$grayscaleBackgr === void 0 ? colorsTypes.WHITE : _ref3$grayscaleBackgr,\n _ref3$backgroundColor = _ref3.backgroundColor,\n backgroundColor = _ref3$backgroundColor === void 0 ? colorsTypes.PRIMARY_VERY_ULTRA_LIGHT : _ref3$backgroundColor,\n _ref3$transparentBack = _ref3.transparentBackgroundColor,\n transparentBackgroundColor = _ref3$transparentBack === void 0 ? colorsTypes.TRANSPARENT : _ref3$transparentBack;\n if (!isVisible) return undefined;\n if (transparent) return transparentBackgroundColor;\n if (grayscale) return grayscaleBackgroundColor; // return colorsTypes.PRIMARY_VERY_ULTRA_LIGHT;\n\n return backgroundColor;\n}, function (_ref4) {\n var _ref4$float = _ref4[\"float\"],\n _float = _ref4$float === void 0 ? false : _ref4$float,\n _ref4$forceShow = _ref4.forceShow,\n forceShow = _ref4$forceShow === void 0 ? false : _ref4$forceShow,\n _ref4$transparent = _ref4.transparent,\n transparent = _ref4$transparent === void 0 ? false : _ref4$transparent,\n _ref4$grayscale = _ref4.grayscale,\n grayscale = _ref4$grayscale === void 0 ? false : _ref4$grayscale,\n _ref4$scrollY = _ref4.scrollY,\n scrollY = _ref4$scrollY === void 0 ? 0 : _ref4$scrollY,\n _ref4$backgroundBreak = _ref4.backgroundBreakpoint,\n backgroundBreakpoint = _ref4$backgroundBreak === void 0 ? 20 : _ref4$backgroundBreak,\n _ref4$color = _ref4.color,\n color = _ref4$color === void 0 ? colorsTypes.PRIMARY_VERY_ULTRA_LIGHT : _ref4$color,\n _ref4$transparentColo = _ref4.transparentColor,\n transparentColor = _ref4$transparentColo === void 0 ? colorsTypes.PRIMARY_VERY_ULTRA_LIGHT : _ref4$transparentColo,\n _ref4$transparentGray = _ref4.transparentGrayscaleColor,\n transparentGrayscaleColor = _ref4$transparentGray === void 0 ? colorsTypes.WHITE : _ref4$transparentGray,\n _ref4$forceShowColor = _ref4.forceShowColor,\n forceShowColor = _ref4$forceShowColor === void 0 ? colorsTypes.PRIMARY_ULTRA_DARK : _ref4$forceShowColor;\n\n if (forceShow) return forceShowColor;\n\n if (!!_float && (!!Number(scrollY) || !scrollY) && (scrollY <= backgroundBreakpoint || scrollY === 0)) {\n if (transparent) {\n if (grayscale) return transparentGrayscaleColor;\n return transparentColor;\n }\n\n return color;\n }\n\n return undefined;\n});\n\nvar _templateObject$C;\n\nvar HeaderDesktopLinkWithSubLinksContainer = styled__default[\"default\"].div(_templateObject$C || (_templateObject$C = _taggedTemplateLiteral([\"\\n display: grid;\\n z-index: \", \";\\n margin: 6px 27px auto 0;\\n border-style: solid;\\n height: min-content;\\n\\n border-top-width: \", \"px;\\n\\n border-color: \", \";\\n\\n border-bottom-width: \", \"px;\\n\\n border-top-width: \", \"px;\\n\\n background: \", \";\\n\\n &:hover {\\n background: \", \";\\n\\n /*\\n border-top-width: \", \"px;\\n\\n border-bottom-width: \", \"px;\\n\\n border-color: \", \";\\n */\\n }\\n\"])), function (_ref) {\n var _ref$isVisible = _ref.isVisible,\n isVisible = _ref$isVisible === void 0 ? false : _ref$isVisible;\n return isVisible ? 100 : 50;\n}, function (_ref2) {\n var _ref2$disableBorder = _ref2.disableBorder,\n disableBorder = _ref2$disableBorder === void 0 ? false : _ref2$disableBorder,\n _ref2$isVisible = _ref2.isVisible,\n isVisible = _ref2$isVisible === void 0 ? false : _ref2$isVisible,\n _ref2$topIndicator = _ref2.topIndicator,\n topIndicator = _ref2$topIndicator === void 0 ? true : _ref2$topIndicator;\n return topIndicator && isVisible || !disableBorder ? 2 : 0;\n}, function (_ref3) {\n var _ref3$active = _ref3.active,\n active = _ref3$active === void 0 ? false : _ref3$active,\n _ref3$borderColor = _ref3.borderColor,\n borderColor = _ref3$borderColor === void 0 ? colorsTypes.PRIMARY_SEMI_DARK : _ref3$borderColor,\n _ref3$isVisible = _ref3.isVisible,\n isVisible = _ref3$isVisible === void 0 ? false : _ref3$isVisible,\n _ref3$disableBorder = _ref3.disableBorder,\n disableBorder = _ref3$disableBorder === void 0 ? false : _ref3$disableBorder;\n if (disableBorder) return undefined;\n if (isVisible || active) return borderColor;\n return colorsTypes.TRANSPARENT;\n}, function (_ref4) {\n var _ref4$disableBorder = _ref4.disableBorder,\n disableBorder = _ref4$disableBorder === void 0 ? false : _ref4$disableBorder,\n _ref4$active = _ref4.active,\n active = _ref4$active === void 0 ? false : _ref4$active,\n _ref4$isVisible = _ref4.isVisible,\n isVisible = _ref4$isVisible === void 0 ? false : _ref4$isVisible,\n _ref4$topIndicator = _ref4.topIndicator,\n topIndicator = _ref4$topIndicator === void 0 ? true : _ref4$topIndicator;\n if (disableBorder) return undefined;\n return !topIndicator && (isVisible || active) ? 2 : 0;\n}, function (_ref5) {\n var _ref5$disableBorder = _ref5.disableBorder,\n disableBorder = _ref5$disableBorder === void 0 ? false : _ref5$disableBorder,\n _ref5$active = _ref5.active,\n active = _ref5$active === void 0 ? false : _ref5$active,\n _ref5$isVisible = _ref5.isVisible,\n isVisible = _ref5$isVisible === void 0 ? false : _ref5$isVisible,\n _ref5$topIndicator = _ref5.topIndicator,\n topIndicator = _ref5$topIndicator === void 0 ? true : _ref5$topIndicator;\n if (disableBorder) return undefined;\n return topIndicator && (isVisible || active) ? 2 : 0;\n}, function (_ref6) {\n var _ref6$backgroundColor = _ref6.backgroundColor,\n backgroundColor = _ref6$backgroundColor === void 0 ? colorsTypes.WHITE : _ref6$backgroundColor,\n _ref6$transparentBack = _ref6.transparentBackgroundColor,\n transparentBackgroundColor = _ref6$transparentBack === void 0 ? colorsTypes.TRANSPARENT : _ref6$transparentBack,\n _ref6$activeBackgroun = _ref6.activeBackgroundColor,\n activeBackgroundColor = _ref6$activeBackgroun === void 0 ? colorsTypes.PRIMARY_SEMI_DARK : _ref6$activeBackgroun,\n _ref6$isVisible = _ref6.isVisible,\n isVisible = _ref6$isVisible === void 0 ? false : _ref6$isVisible,\n _ref6$active = _ref6.active,\n active = _ref6$active === void 0 ? false : _ref6$active,\n _ref6$transparent = _ref6.transparent,\n transparent = _ref6$transparent === void 0 ? false : _ref6$transparent;\n if (isVisible || active) return activeBackgroundColor;\n if (transparent) return transparentBackgroundColor;\n return backgroundColor;\n}, function (_ref7) {\n var _ref7$hoverBackground = _ref7.hoverBackground,\n hoverBackground = _ref7$hoverBackground === void 0 ? colorsVariantsTypes.HIGHT_LIGHT_PRIMARY : _ref7$hoverBackground;\n return getColors(hoverBackground);\n}, function (_ref8) {\n var _ref8$isVisible = _ref8.isVisible,\n isVisible = _ref8$isVisible === void 0 ? false : _ref8$isVisible,\n _ref8$active = _ref8.active,\n active = _ref8$active === void 0 ? false : _ref8$active,\n _ref8$transparent = _ref8.transparent,\n transparent = _ref8$transparent === void 0 ? false : _ref8$transparent,\n _ref8$topIndicator = _ref8.topIndicator,\n topIndicator = _ref8$topIndicator === void 0 ? true : _ref8$topIndicator;\n\n if (active && transparent && isVisible) {\n if (!topIndicator) return 0;\n return 2;\n }\n\n return 0;\n}, function (_ref9) {\n var _ref9$isVisible = _ref9.isVisible,\n isVisible = _ref9$isVisible === void 0 ? false : _ref9$isVisible,\n _ref9$active = _ref9.active,\n active = _ref9$active === void 0 ? false : _ref9$active,\n _ref9$transparent = _ref9.transparent,\n transparent = _ref9$transparent === void 0 ? false : _ref9$transparent,\n _ref9$topIndicator = _ref9.topIndicator,\n topIndicator = _ref9$topIndicator === void 0 ? true : _ref9$topIndicator;\n\n if (active && transparent && isVisible) {\n if (topIndicator) return 0;\n return 2;\n }\n\n return 0;\n}, function (_ref10) {\n var _ref10$grayscale = _ref10.grayscale,\n grayscale = _ref10$grayscale === void 0 ? false : _ref10$grayscale,\n _ref10$transparent = _ref10.transparent,\n transparent = _ref10$transparent === void 0 ? false : _ref10$transparent,\n _ref10$dark = _ref10.dark,\n dark = _ref10$dark === void 0 ? false : _ref10$dark,\n _ref10$isVisible = _ref10.isVisible,\n isVisible = _ref10$isVisible === void 0 ? false : _ref10$isVisible;\n\n if (transparent && !isVisible) {\n if (grayscale) {\n if (dark) return colorsTypes.BLACK;\n return colorsTypes.WHITE;\n }\n\n return colorsTypes.PRIMARY_SEMI_DARK;\n }\n\n return \"none\";\n});\n\nvar _templateObject$B, _templateObject2$7;\n\nvar HeaderDesktopLinkWithSubLinksTitle = styled__default[\"default\"].span(_templateObject$B || (_templateObject$B = _taggedTemplateLiteral([\"\\n color: \", \";\\n width: max-content;\\n\"])), function (_ref) {\n var _ref$color = _ref.color,\n color = _ref$color === void 0 ? colorsTypes.PRIMARY_ULTRA_DARK : _ref$color,\n _ref$activeColor = _ref.activeColor,\n activeColor = _ref$activeColor === void 0 ? colorsTypes.PRIMARY_SEMI_DARK : _ref$activeColor,\n _ref$isVisible = _ref.isVisible,\n isVisible = _ref$isVisible === void 0 ? false : _ref$isVisible;\n return isVisible ? activeColor : color;\n});\nvar DarkOpacityScreenMenu = styled__default[\"default\"].div(_templateObject2$7 || (_templateObject2$7 = _taggedTemplateLiteral([\"\\n position: fixed;\\n width: 100vw;\\n height: 100vh;\\n top: 0;\\n left: 0;\\n background-color: \", \";\\n\"])), function (_ref2) {\n var _ref2$backgroundColor = _ref2.backgroundColorScreen,\n backgroundColorScreen = _ref2$backgroundColor === void 0 ? \"rgba(0,0,0, 0.45)\" : _ref2$backgroundColor;\n return backgroundColorScreen;\n});\n\nfunction HeaderDesktopDoubleLinkWithSubLinks(_ref3) {\n var activeBorderClass = _ref3.activeBorderClass,\n menuItem = _ref3.menuItem,\n _ref3$currentPath = _ref3.currentPath,\n currentPath = _ref3$currentPath === void 0 ? {} : _ref3$currentPath,\n pathname = _ref3.pathname,\n _ref3$float = _ref3[\"float\"],\n _float = _ref3$float === void 0 ? false : _ref3$float,\n _ref3$scrollY = _ref3.scrollY,\n scrollY = _ref3$scrollY === void 0 ? 0 : _ref3$scrollY,\n _ref3$backgroundBreak = _ref3.backgroundBreakpoint,\n backgroundBreakpoint = _ref3$backgroundBreak === void 0 ? 20 : _ref3$backgroundBreak,\n _ref3$transparent = _ref3.transparent,\n transparent = _ref3$transparent === void 0 ? false : _ref3$transparent,\n _ref3$isTopBorder = _ref3.isTopBorder,\n isTopBorder = _ref3$isTopBorder === void 0 ? false : _ref3$isTopBorder,\n _ref3$forceShow = _ref3.forceShow,\n forceShow = _ref3$forceShow === void 0 ? false : _ref3$forceShow,\n _ref3$grayscale = _ref3.grayscale,\n grayscale = _ref3$grayscale === void 0 ? false : _ref3$grayscale,\n _ref3$dark = _ref3.dark,\n dark = _ref3$dark === void 0 ? false : _ref3$dark,\n _ref3$backgroundScree = _ref3.backgroundScreenActive,\n backgroundScreenActive = _ref3$backgroundScree === void 0 ? false : _ref3$backgroundScree,\n _ref3$forceShowColor = _ref3.forceShowColor,\n forceShowColor = _ref3$forceShowColor === void 0 ? false : _ref3$forceShowColor,\n _ref3$backgroundColor = _ref3.backgroundColor,\n backgroundColor = _ref3$backgroundColor === void 0 ? colorsTypes.TRANSPARENT : _ref3$backgroundColor,\n _ref3$activeTopBorder = _ref3.activeTopBorderColor,\n activeTopBorderColor = _ref3$activeTopBorder === void 0 ? colorsTypes.PRIMARY_SEMI_DARK : _ref3$activeTopBorder,\n _ref3$activeBackgroun = _ref3.activeBackgroundColor,\n activeBackgroundColor = _ref3$activeBackgroun === void 0 ? colorsTypes.PRIMARY_VERY_ULTRA_LIGHT : _ref3$activeBackgroun,\n _ref3$hoverBackground = _ref3.hoverBackground,\n hoverBackground = _ref3$hoverBackground === void 0 ? colorsVariantsTypes.HIGHT_LIGHT_PRIMARY : _ref3$hoverBackground,\n _ref3$hoverBorderColo = _ref3.hoverBorderColor,\n hoverBorderColor = _ref3$hoverBorderColo === void 0 ? colorsTypes.PRIMARY_VERY_ULTRA_LIGHT : _ref3$hoverBorderColo,\n _ref3$titleColor = _ref3.titleColor,\n titleColor = _ref3$titleColor === void 0 ? colorsTypes.PRIMARY_ULTRA_DARK : _ref3$titleColor,\n _ref3$borderColor = _ref3.borderColor,\n borderColor = _ref3$borderColor === void 0 ? colorsTypes.PRIMARY_SEMI_DARK : _ref3$borderColor,\n _ref3$subItemTitleCol = _ref3.subItemTitleColor,\n subItemTitleColor = _ref3$subItemTitleCol === void 0 ? colorsTypes.PRIMARY_ULTRA_DARK : _ref3$subItemTitleCol,\n _ref3$subItemTitleAct = _ref3.subItemTitleActiveColor,\n subItemTitleActiveColor = _ref3$subItemTitleAct === void 0 ? colorsTypes.PRIMARY_SEMI_DARK : _ref3$subItemTitleAct,\n _ref3$subItemTextColo = _ref3.subItemTextColor,\n subItemTextColor = _ref3$subItemTextColo === void 0 ? colorsTypes.PRIMARY_ULTRA_DARK : _ref3$subItemTextColo,\n _ref3$subItemTextActi = _ref3.subItemTextActiveColor,\n subItemTextActiveColor = _ref3$subItemTextActi === void 0 ? colorsTypes.PRIMARY_SEMI_DARK : _ref3$subItemTextActi,\n _ref3$menuSubLinksTit = _ref3.menuSubLinksTitleActiveColor,\n menuSubLinksTitleActiveColor = _ref3$menuSubLinksTit === void 0 ? colorsTypes.PRIMARY_SEMI_DARK : _ref3$menuSubLinksTit,\n _ref3$topIndicator = _ref3.topIndicator,\n topIndicator = _ref3$topIndicator === void 0 ? true : _ref3$topIndicator,\n _ref3$active = _ref3.active,\n active = _ref3$active === void 0 ? false : _ref3$active,\n _ref3$disableBorder = _ref3.disableBorder,\n disableBorder = _ref3$disableBorder === void 0 ? false : _ref3$disableBorder,\n _ref3$subMenuBackgrou = _ref3.subMenuBackgroundColor,\n subMenuBackgroundColor = _ref3$subMenuBackgrou === void 0 ? colorsTypes.PRIMARY_VERY_ULTRA_LIGHT : _ref3$subMenuBackgrou,\n _ref3$subMenuGrayscal = _ref3.subMenuGrayscaleBackgroundColor,\n subMenuGrayscaleBackgroundColor = _ref3$subMenuGrayscal === void 0 ? colorsTypes.WHITE : _ref3$subMenuGrayscal,\n _ref3$dropdownSeparat = _ref3.dropdownSeparationFromTop,\n dropdownSeparationFromTop = _ref3$dropdownSeparat === void 0 ? 20 : _ref3$dropdownSeparat,\n _ref3$dropdownSeparat2 = _ref3.dropdownSeparationFromBottom,\n dropdownSeparationFromBottom = _ref3$dropdownSeparat2 === void 0 ? 50 : _ref3$dropdownSeparat2;\n\n var _useClickOut = useClickOut(false),\n ref = _useClickOut.ref,\n isVisible = _useClickOut.isVisible,\n setIsVisible = _useClickOut.setIsVisible;\n\n function updateWhenClick() {\n setIsVisible(function (current) {\n return !current;\n });\n }\n\n return /*#__PURE__*/React__default$1[\"default\"].createElement(HeaderDesktopLinkWithSubLinksContainer, {\n transparent: transparent,\n isTopBorder: isTopBorder,\n topIndicator: topIndicator,\n backgroundColor: backgroundColor,\n activeBackgroundColor: activeBackgroundColor,\n grayscale: grayscale,\n dark: dark,\n isVisible: isVisible,\n disableBorder: disableBorder,\n active: active,\n activeTopBorderColor: activeTopBorderColor,\n hoverBackground: hoverBackground,\n borderColor: borderColor,\n hoverBorderColor: hoverBorderColor || activeTopBorderColor,\n className: classnames(\"HEADER_DESKTOP__LINK__SUB_LINKS HeaderDesktopLinkWithSubLinksContainer tw-z-50 tw-align-text-top \", classnames(activeBorderClass, addClassHeaderOnScroll({\n \"float\": _float,\n scrollY: scrollY,\n backgroundBreakpoint: backgroundBreakpoint,\n transparent: transparent,\n classTag: \"HEADER_DESKTOP__LINK__SUB_LINKS\"\n }), isVisible ? \"HEADER_DESKTOP__LINK__SUB_LINKS__OPEN\" : \"HEADER_DESKTOP__LINK__SUB_LINKS__CLOSE\"))\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"HEADER_DESKTOP__LINK__SUB_LINKS__CONTAINER tw-inline-block tw-relative tw-w-full tw-flex-1 tw-flex tw-justify-center tw-items-center\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(HeaderDesktopLinkWithSubLinksButton, {\n topIndicator: topIndicator,\n ref: ref,\n onClick: updateWhenClick,\n isVisible: active && isVisible,\n grayscale: grayscale,\n \"float\": _float,\n scrollY: scrollY,\n backgroundBreakpoint: backgroundBreakpoint,\n backgroundColor: isVisible ? subMenuBackgroundColor : undefined,\n grayscaleBackgroundColor: isVisible ? subMenuGrayscaleBackgroundColor : undefined,\n transparent: transparent,\n forceShow: forceShow,\n forceShowColor: forceShowColor,\n primaryFamily: active && isVisible,\n type: \"button\",\n className: \"HEADER_DESKTOP__LINK__SUB_LINKS__CONTAINER__BOX HeaderDesktopLinkWithSubLinksButton bl-text-xs focus:tw-outline-none active:bl-text-primary tw-w-max tw-flex tw-items-center tw-justify-center tw-w-full\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(HeaderDesktopLinkWithSubLinksTitle, {\n isVisible: active || isVisible,\n className: \"HEADER_DESKTOP__LINK_WITH_SUBMIT__LINKS__TITLE tw-w-full HeaderDesktopLinkWithSubLinksTitle tw-mr-2 tw-font-medium\",\n color: titleColor\n }, menuItem.text), /*#__PURE__*/React__default$1[\"default\"].createElement(HeaderDesktopLinkWithSubLinksIcon, {\n size: 12,\n \"float\": _float,\n scrollY: scrollY,\n backgroundBreakpoint: backgroundBreakpoint,\n transparent: transparent,\n forceShow: forceShow,\n icon: isVisible ? iconTypes.ARROW_UP_1 : iconTypes.ARROW_DOWN_1,\n className: \"HEADER_DESKTOP__LINK_WITH_SUBMIT__LINKS__ICON HeaderDesktopLinkWithSubLinksIcon\"\n })), isVisible && backgroundScreenActive && /*#__PURE__*/React__default$1[\"default\"].createElement(DarkOpacityScreenMenu, {\n className: \"HEADER_DESKTOP_LINK_WITH_SUB_LINKS__DARK_OPACITY_SCREEN_MENU\"\n }), isVisible && /*#__PURE__*/React__default$1[\"default\"].createElement(HeaderDesktopLinkDropdown, {\n separationFromTop: dropdownSeparationFromTop,\n separationFromBottom: dropdownSeparationFromBottom,\n backgroundColor: subMenuBackgroundColor,\n grayscaleBackgroundColor: subMenuGrayscaleBackgroundColor,\n active: active && isVisible,\n itemTextColor: subItemTextColor,\n itemTextActiveColor: subItemTextActiveColor,\n menuSubLinksTitleActiveColor: menuSubLinksTitleActiveColor,\n grayscale: grayscale,\n topIndicator: topIndicator,\n menuItem: menuItem,\n currentPath: currentPath,\n pathname: pathname,\n titleColor: active ? subItemTitleActiveColor : subItemTitleColor,\n className: \"HEADER_DESKTOP_DROPDOWN HeaderDesktopLinkDropdown\"\n })));\n}\n\nvar _templateObject$A, _templateObject2$6;\n\nvar LinkNormalText = styled__default[\"default\"](Link)(_templateObject$A || (_templateObject$A = _taggedTemplateLiteral([\"\\n padding: 0.5rem;\\n display: grid;\\n z-index: 50;\\n border-style: solid;\\n height: min-content;\\n background: transparent;\\n margin: auto 20px auto 0;\\n\\n font-family: \", \";\\n\\n color: \", \";\\n\\n border-color: \", \";\\n\\n border-bottom-width: \", \"px;\\n\\n border-top-width: \", \"px;\\n\\n &:hover {\\n color: \", \";\\n\\n background: \", \";\\n }\\n\"])), function (_ref) {\n var _ref$primaryFamily = _ref.primaryFamily,\n primaryFamily = _ref$primaryFamily === void 0 ? false : _ref$primaryFamily;\n return primaryFamily ? getFontFamily(fontsFamiliesVariantsTypes.PRIMARY) : undefined;\n}, function (_ref2) {\n var _ref2$forceShow = _ref2.forceShow,\n forceShow = _ref2$forceShow === void 0 ? false : _ref2$forceShow,\n _ref2$float = _ref2[\"float\"],\n _float = _ref2$float === void 0 ? false : _ref2$float,\n _ref2$scrollY = _ref2.scrollY,\n scrollY = _ref2$scrollY === void 0 ? 0 : _ref2$scrollY,\n _ref2$backgroundBreak = _ref2.backgroundBreakpoint,\n backgroundBreakpoint = _ref2$backgroundBreak === void 0 ? 20 : _ref2$backgroundBreak,\n _ref2$color = _ref2.color,\n color = _ref2$color === void 0 ? colorsTypes.PRIMARY_VERY_ULTRA_LIGHT : _ref2$color;\n\n if (forceShow) return undefined;\n\n if (!!_float && (!!Number(scrollY) || !scrollY) && (scrollY <= backgroundBreakpoint || scrollY === 0)) {\n return color;\n }\n\n return undefined;\n}, function (_ref3) {\n var _ref3$active = _ref3.active,\n active = _ref3$active === void 0 ? false : _ref3$active,\n _ref3$borderColor = _ref3.borderColor,\n borderColor = _ref3$borderColor === void 0 ? colorsTypes.PRIMARY_SEMI_DARK : _ref3$borderColor,\n _ref3$isVisible = _ref3.isVisible,\n isVisible = _ref3$isVisible === void 0 ? false : _ref3$isVisible;\n if (isVisible || active) return borderColor;\n return colorsTypes.TRANSPARENT;\n}, function (_ref4) {\n var _ref4$active = _ref4.active,\n active = _ref4$active === void 0 ? false : _ref4$active,\n _ref4$isVisible = _ref4.isVisible,\n isVisible = _ref4$isVisible === void 0 ? false : _ref4$isVisible,\n _ref4$topIndicator = _ref4.topIndicator,\n topIndicator = _ref4$topIndicator === void 0 ? true : _ref4$topIndicator;\n return !topIndicator && (isVisible || active) ? 2 : 0;\n}, function (_ref5) {\n var _ref5$active = _ref5.active,\n active = _ref5$active === void 0 ? false : _ref5$active,\n _ref5$isVisible = _ref5.isVisible,\n isVisible = _ref5$isVisible === void 0 ? false : _ref5$isVisible,\n _ref5$topIndicator = _ref5.topIndicator,\n topIndicator = _ref5$topIndicator === void 0 ? true : _ref5$topIndicator;\n return topIndicator && (isVisible || active) ? 2 : 0;\n}, function (_ref6) {\n var _ref6$float = _ref6[\"float\"],\n _float2 = _ref6$float === void 0 ? false : _ref6$float,\n _ref6$transparent = _ref6.transparent,\n transparent = _ref6$transparent === void 0 ? false : _ref6$transparent,\n _ref6$scrollY = _ref6.scrollY,\n scrollY = _ref6$scrollY === void 0 ? 0 : _ref6$scrollY,\n _ref6$backgroundBreak = _ref6.backgroundBreakpoint,\n backgroundBreakpoint = _ref6$backgroundBreak === void 0 ? 20 : _ref6$backgroundBreak,\n _ref6$color = _ref6.color,\n color = _ref6$color === void 0 ? colorsTypes.WHITE : _ref6$color;\n\n if (transparent) return color;\n if (scrollY <= backgroundBreakpoint || scrollY === 0) return color;\n if (!scrollY) return color;\n if (!!_float2 && !!Number(scrollY)) return color;\n return undefined;\n}, function (_ref7) {\n var _ref7$grayscale = _ref7.grayscale,\n grayscale = _ref7$grayscale === void 0 ? false : _ref7$grayscale,\n _ref7$transparent = _ref7.transparent,\n transparent = _ref7$transparent === void 0 ? false : _ref7$transparent;\n if (transparent) return \"none\";\n if (grayscale) return colorsTypes.VERY_ULTRA_LIGHT;\n return colorsTypes.HIGHT_LIGHT_PRIMARY;\n});\nvar LinkNormalAText = styled__default[\"default\"].a(_templateObject2$6 || (_templateObject2$6 = _taggedTemplateLiteral([\"\\n height: \", \";\\n margin: auto 20px auto 0;\\n padding: 1rem 0.25rem;\\n font-family: \", \";\\n\\n color: \", \";\\n\\n border-top-width: \", \"px;\\n\\n border-bottom-width: \", \"px;\\n\\n border-color: \", \";\\n\\n &:hover {\\n color: \", \";\\n\\n background: \", \";\\n\\n border-color: \", \";\\n }\\n\"])), function (_ref8) {\n var _ref8$height = _ref8.height,\n height = _ref8$height === void 0 ? \"min-content\" : _ref8$height;\n return lodash.isNumber(height) ? \"\".concat(height, \"px\") : height;\n}, function (_ref9) {\n var _ref9$primaryFamily = _ref9.primaryFamily,\n primaryFamily = _ref9$primaryFamily === void 0 ? false : _ref9$primaryFamily;\n return primaryFamily ? getFontFamily(fontsFamiliesVariantsTypes.PRIMARY) : undefined;\n}, function (_ref10) {\n var _ref10$float = _ref10[\"float\"],\n _float3 = _ref10$float === void 0 ? false : _ref10$float,\n _ref10$forceShow = _ref10.forceShow,\n forceShow = _ref10$forceShow === void 0 ? false : _ref10$forceShow,\n _ref10$scrollY = _ref10.scrollY,\n scrollY = _ref10$scrollY === void 0 ? 0 : _ref10$scrollY,\n _ref10$backgroundBrea = _ref10.backgroundBreakpoint,\n backgroundBreakpoint = _ref10$backgroundBrea === void 0 ? 20 : _ref10$backgroundBrea,\n _ref10$color = _ref10.color,\n color = _ref10$color === void 0 ? colorsTypes.WHITE : _ref10$color,\n _ref10$isActive = _ref10.isActive,\n isActive = _ref10$isActive === void 0 ? false : _ref10$isActive,\n _ref10$titleActiveCol = _ref10.titleActiveColor,\n titleActiveColor = _ref10$titleActiveCol === void 0 ? colorsTypes.WHITE : _ref10$titleActiveCol;\n\n if (forceShow) return undefined;\n if (isActive) return titleActiveColor;\n\n if (!!_float3 && (!!Number(scrollY) || !scrollY) && (scrollY <= backgroundBreakpoint || scrollY === 0)) {\n return color;\n }\n\n return undefined;\n}, function (_ref11) {\n var _ref11$transparent = _ref11.transparent,\n transparent = _ref11$transparent === void 0 ? false : _ref11$transparent,\n _ref11$topIndicator = _ref11.topIndicator,\n topIndicator = _ref11$topIndicator === void 0 ? true : _ref11$topIndicator;\n\n if (transparent) {\n if (!topIndicator) return 0;\n return 2;\n }\n\n return 0;\n}, function (_ref12) {\n var _ref12$transparent = _ref12.transparent,\n transparent = _ref12$transparent === void 0 ? false : _ref12$transparent,\n _ref12$topIndicator = _ref12.topIndicator,\n topIndicator = _ref12$topIndicator === void 0 ? true : _ref12$topIndicator;\n\n if (transparent) {\n if (topIndicator) return 0;\n return 2;\n }\n\n return 0;\n}, function (_ref13) {\n var _ref13$grayscale = _ref13.grayscale,\n grayscale = _ref13$grayscale === void 0 ? false : _ref13$grayscale,\n _ref13$transparent = _ref13.transparent,\n transparent = _ref13$transparent === void 0 ? false : _ref13$transparent,\n _ref13$dark = _ref13.dark,\n dark = _ref13$dark === void 0 ? false : _ref13$dark,\n _ref13$isActive = _ref13.isActive,\n isActive = _ref13$isActive === void 0 ? false : _ref13$isActive,\n _ref13$activeBorderCo = _ref13.activeBorderColor,\n activeBorderColor = _ref13$activeBorderCo === void 0 ? colorsTypes.TRANSPARENT : _ref13$activeBorderCo;\n\n if (transparent && isActive) {\n if (isActive) return activeBorderColor;\n if (dark) return colorsTypes.BLACK;\n if (grayscale) return colorsTypes.WHITE;\n return colorsTypes.PRIMARY_SEMI_DARK;\n }\n\n return colorsTypes.TRANSPARENT;\n}, function (_ref14) {\n var _ref14$float = _ref14[\"float\"],\n _float4 = _ref14$float === void 0 ? false : _ref14$float,\n _ref14$transparent = _ref14.transparent,\n transparent = _ref14$transparent === void 0 ? false : _ref14$transparent,\n _ref14$scrollY = _ref14.scrollY,\n scrollY = _ref14$scrollY === void 0 ? 0 : _ref14$scrollY,\n _ref14$backgroundBrea = _ref14.backgroundBreakpoint,\n backgroundBreakpoint = _ref14$backgroundBrea === void 0 ? 20 : _ref14$backgroundBrea,\n _ref14$color = _ref14.color,\n color = _ref14$color === void 0 ? colorsTypes.BLACK : _ref14$color;\n\n if (transparent || !scrollY) return undefined;\n if (scrollY <= backgroundBreakpoint || scrollY === 0) return color;\n if (!!_float4 && !!Number(scrollY)) return color;\n return color;\n}, function (_ref15) {\n var _ref15$grayscale = _ref15.grayscale,\n grayscale = _ref15$grayscale === void 0 ? false : _ref15$grayscale,\n _ref15$transparent = _ref15.transparent,\n transparent = _ref15$transparent === void 0 ? false : _ref15$transparent;\n if (transparent) return \"none\";\n if (grayscale) return colorsTypes.VERY_ULTRA_LIGHT;\n return colorsTypes.HIGHT_LIGHT_PRIMARY;\n}, function (_ref16) {\n var _ref16$grayscale = _ref16.grayscale,\n grayscale = _ref16$grayscale === void 0 ? false : _ref16$grayscale,\n _ref16$transparent = _ref16.transparent,\n transparent = _ref16$transparent === void 0 ? false : _ref16$transparent,\n _ref16$dark = _ref16.dark,\n dark = _ref16$dark === void 0 ? false : _ref16$dark,\n _ref16$isActive = _ref16.isActive,\n isActive = _ref16$isActive === void 0 ? false : _ref16$isActive;\n\n if (transparent && !isActive) {\n if (dark) return colorsTypes.BLACK;\n if (grayscale) return colorsTypes.WHITE;\n return colorsTypes.PRIMARY_SEMI_DARK;\n }\n\n return \"none\";\n});\n\nfunction HeaderDesktopLinkNormal(_ref17) {\n var _ref17$index = _ref17.index,\n index = _ref17$index === void 0 ? \"\" : _ref17$index,\n menuItem = _ref17.menuItem,\n pathname = _ref17.pathname,\n variant = _ref17.variant,\n _ref17$float = _ref17[\"float\"],\n _float5 = _ref17$float === void 0 ? false : _ref17$float,\n _ref17$forceShow = _ref17.forceShow,\n forceShow = _ref17$forceShow === void 0 ? false : _ref17$forceShow,\n _ref17$grayscale = _ref17.grayscale,\n grayscale = _ref17$grayscale === void 0 ? false : _ref17$grayscale,\n _ref17$dark = _ref17.dark,\n dark = _ref17$dark === void 0 ? false : _ref17$dark,\n _ref17$transparent = _ref17.transparent,\n transparent = _ref17$transparent === void 0 ? false : _ref17$transparent,\n _ref17$topIndicator = _ref17.topIndicator,\n topIndicator = _ref17$topIndicator === void 0 ? true : _ref17$topIndicator,\n _ref17$scrollY = _ref17.scrollY,\n scrollY = _ref17$scrollY === void 0 ? 0 : _ref17$scrollY,\n _ref17$active = _ref17.active,\n active = _ref17$active === void 0 ? false : _ref17$active,\n _ref17$activeBorderCo = _ref17.activeBorderColor,\n activeBorderColor = _ref17$activeBorderCo === void 0 ? colorsTypes.PRIMARY_VERY_ULTRA_LIGHT : _ref17$activeBorderCo,\n _ref17$titleActiveCol = _ref17.titleActiveColor,\n titleActiveColor = _ref17$titleActiveCol === void 0 ? colorsTypes.PRIMARY_ULTRA_DARK : _ref17$titleActiveCol,\n _ref17$titleColor = _ref17.titleColor,\n titleColor = _ref17$titleColor === void 0 ? colorsTypes.PRIMARY_ULTRA_DARK : _ref17$titleColor,\n _ref17$backgroundBrea = _ref17.backgroundBreakpoint,\n backgroundBreakpoint = _ref17$backgroundBrea === void 0 ? 20 : _ref17$backgroundBrea;\n\n switch (variant) {\n case linkVariantTypes.PAGE_LINKS:\n var classesValidation = function () {\n if (pathname === (menuItem === null || menuItem === void 0 ? void 0 : menuItem.pageLinks) || pathname === (menuItem === null || menuItem === void 0 ? void 0 : menuItem.url) || pathname === (menuItem === null || menuItem === void 0 ? void 0 : menuItem.pdf) || \"/\".concat(pathname) === (menuItem === null || menuItem === void 0 ? void 0 : menuItem.url) || \"/\".concat(pathname) === (menuItem === null || menuItem === void 0 ? void 0 : menuItem.pageLinks) || \"/\".concat(pathname) === (menuItem === null || menuItem === void 0 ? void 0 : menuItem.pdf)) {\n return \"LINK_NORMAL_TEXT LinkNormalText bl-text-xs tw-px-6 tw-flex tw-items-center tw-justify-center tw-pb-1 tw-border-t-2 tw-font-medium bl-border-primary LINK_NORMAL_TEXT_ACTIVE LINK__NORMAL__A__TEXT_ACTIVE\";\n }\n\n return \"LINK_NORMAL_TEXT LinkNormalText bl-text-xs tw-px-6 tw-flex tw-items-center tw-justify-center\";\n }();\n\n return /*#__PURE__*/React__default$1[\"default\"].createElement(LinkNormalText, {\n index: index,\n popup: \"\".concat(menuItem.openThirdPartyPopup),\n grayscale: grayscale,\n dark: dark,\n active: active,\n activeBorderColor: activeBorderColor,\n titleColor: titleColor,\n to: menuItem.pageLinks,\n \"float\": _float5,\n forceShow: forceShow,\n topIndicator: topIndicator,\n transparent: transparent,\n scrollY: scrollY,\n backgroundBreakpoint: backgroundBreakpoint,\n primaryFamily: \"/\".concat(pathname) === menuItem.url,\n className: classnames(classesValidation, addClassHeaderOnScroll({\n \"float\": _float5,\n scrollY: scrollY,\n backgroundBreakpoint: backgroundBreakpoint,\n transparent: transparent,\n classTag: \"LINK__NORMAL__A__TEXT\"\n }))\n }, menuItem.text);\n\n case linkVariantTypes.PDF:\n return /*#__PURE__*/React__default$1[\"default\"].createElement(LinkNormalText, {\n index: index,\n topIndicator: topIndicator,\n grayscale: grayscale,\n active: active,\n activeBorderColor: activeBorderColor,\n color: titleColor,\n dark: dark,\n popup: \"\".concat(menuItem.openThirdPartyPopup),\n to: menuItem.pdf.url,\n forceShow: forceShow,\n transparent: transparent,\n \"float\": _float5,\n scrollY: scrollY,\n backgroundBreakpoint: backgroundBreakpoint,\n primaryFamily: \"/\".concat(pathname) === menuItem.url || \"/\".concat(pathname) === menuItem.pageLinks,\n className: classnames(\"LINK_NORMAL_TEXT LinkNormalText bl-text-xs tw-flex tw-items-center tw-justify-center tw-font-medium\", addClassHeaderOnScroll({\n \"float\": _float5,\n scrollY: scrollY,\n backgroundBreakpoint: backgroundBreakpoint,\n transparent: transparent,\n classTag: \"LINK__NORMAL__A__TEXT\"\n }) // , pathname === menuItem.url && \"tw-pb-1 tw-border-t-2 bl-border-primary\",\n )\n }, menuItem.text);\n\n default:\n var auxActiveClass = \"LINK__NORMAL__A__TEXT_INACTIVE path=\".concat(pathname, \" url=\").concat(menuItem === null || menuItem === void 0 ? void 0 : menuItem.url);\n\n if (\"/\".concat(pathname) === (menuItem === null || menuItem === void 0 ? void 0 : menuItem.url) || pathname === \"\" && (menuItem === null || menuItem === void 0 ? void 0 : menuItem.url) === \"/\") {\n auxActiveClass = \"LINK__NORMAL__A__TEXT_ACTIVE path=\".concat(pathname, \" url=\").concat(menuItem === null || menuItem === void 0 ? void 0 : menuItem.url);\n }\n\n return /*#__PURE__*/React__default$1[\"default\"].createElement(LinkNormalAText, {\n index: index,\n topIndicator: topIndicator,\n grayscale: grayscale,\n isActive: pathname === menuItem.url || pathname === menuItem.pageLinks || pathname === menuItem.pdf,\n activeBorderColor: activeBorderColor,\n color: titleColor,\n titleActiveColor: titleActiveColor,\n dark: dark,\n popup: \"\".concat(menuItem.openThirdPartyPopup),\n href: menuItem.url,\n \"float\": _float5,\n transparent: transparent // forceShow={forceShow}\n ,\n scrollY: scrollY,\n backgroundBreakpoint: backgroundBreakpoint,\n primaryFamily: \"/\".concat(pathname) === menuItem.url || \"/\".concat(pathname) === menuItem.pageLinks || \"/\".concat(pathname) === menuItem.pdf,\n className: classnames(\"LinkNormalAText bl-text-xs tw-flex tw-items-center tw-justify-center tw-font-medium \".concat(auxActiveClass), addClassHeaderOnScroll({\n \"float\": _float5,\n scrollY: scrollY,\n backgroundBreakpoint: backgroundBreakpoint,\n transparent: transparent,\n classTag: \"LINK__NORMAL__A__TEXT\"\n }) // , pathname === menuItem.url && \"tw-pb-1 tw-border-t-2 bl-border-primary\",\n )\n }, menuItem.text);\n }\n}\n\nfunction HeaderDesktopNavItems(_ref) {\n var pathname = _ref.pathname,\n menuItems = _ref.menuItems,\n _ref$topIndicator = _ref.topIndicator,\n topIndicator = _ref$topIndicator === void 0 ? true : _ref$topIndicator,\n _ref$transparent = _ref.transparent,\n transparent = _ref$transparent === void 0 ? false : _ref$transparent,\n _ref$isTopBorder = _ref.isTopBorder,\n isTopBorder = _ref$isTopBorder === void 0 ? false : _ref$isTopBorder,\n _ref$forceShow = _ref.forceShow,\n forceShow = _ref$forceShow === void 0 ? false : _ref$forceShow,\n _ref$float = _ref[\"float\"],\n _float = _ref$float === void 0 ? false : _ref$float,\n _ref$grayscale = _ref.grayscale,\n grayscale = _ref$grayscale === void 0 ? false : _ref$grayscale,\n _ref$dark = _ref.dark,\n dark = _ref$dark === void 0 ? false : _ref$dark,\n _ref$backgroundScreen = _ref.backgroundScreenActive,\n backgroundScreenActive = _ref$backgroundScreen === void 0 ? false : _ref$backgroundScreen,\n _ref$forceShowColor = _ref.forceShowColor,\n forceShowColor = _ref$forceShowColor === void 0 ? false : _ref$forceShowColor,\n _ref$menuSubItemDisab = _ref.menuSubItemDisableBorder,\n menuSubItemDisableBorder = _ref$menuSubItemDisab === void 0 ? false : _ref$menuSubItemDisab,\n _ref$scrollY = _ref.scrollY,\n scrollY = _ref$scrollY === void 0 ? 0 : _ref$scrollY,\n _ref$backgroundBreakp = _ref.backgroundBreakpoint,\n backgroundBreakpoint = _ref$backgroundBreakp === void 0 ? 20 : _ref$backgroundBreakp,\n _ref$itemsProps = _ref.itemsProps,\n itemsProps = _ref$itemsProps === void 0 ? {} : _ref$itemsProps,\n _ref$activeBorderColo = _ref.activeBorderColor,\n activeBorderColor = _ref$activeBorderColo === void 0 ? colorsTypes.PRIMARY : _ref$activeBorderColo,\n _ref$hoverBorderColor = _ref.hoverBorderColor,\n hoverBorderColor = _ref$hoverBorderColor === void 0 ? colorsTypes.PRIMARY_VERY_ULTRA_LIGHT : _ref$hoverBorderColor,\n _ref$menuSubLinksTitl = _ref.menuSubLinksTitleColor,\n menuSubLinksTitleColor = _ref$menuSubLinksTitl === void 0 ? colorsTypes.PRIMARY_ULTRA_DARK : _ref$menuSubLinksTitl,\n _ref$menuSubLinksTitl2 = _ref.menuSubLinksTitleActiveColor,\n menuSubLinksTitleActiveColor = _ref$menuSubLinksTitl2 === void 0 ? colorsTypes.PRIMARY : _ref$menuSubLinksTitl2,\n _ref$menuSubItemTitle = _ref.menuSubItemTitleColor,\n menuSubItemTitleColor = _ref$menuSubItemTitle === void 0 ? colorsTypes.PRIMARY_ULTRA_DARK : _ref$menuSubItemTitle,\n _ref$menuSubItemTitle2 = _ref.menuSubItemTitleActiveColor,\n menuSubItemTitleActiveColor = _ref$menuSubItemTitle2 === void 0 ? colorsTypes.PRIMARY : _ref$menuSubItemTitle2,\n _ref$subItemTextColor = _ref.subItemTextColor,\n subItemTextColor = _ref$subItemTextColor === void 0 ? colorsTypes.PRIMARY_ULTRA_DARK : _ref$subItemTextColor,\n _ref$subItemTextActiv = _ref.subItemTextActiveColor,\n subItemTextActiveColor = _ref$subItemTextActiv === void 0 ? colorsTypes.PRIMARY : _ref$subItemTextActiv,\n _ref$subMenuBackgroun = _ref.subMenuBackgroundColor,\n subMenuBackgroundColor = _ref$subMenuBackgroun === void 0 ? colorsTypes.TRANSPARENT : _ref$subMenuBackgroun,\n _ref$subMenuActiveBac = _ref.subMenuActiveBackgroundColor,\n subMenuActiveBackgroundColor = _ref$subMenuActiveBac === void 0 ? colorsTypes.TRANSPARENT : _ref$subMenuActiveBac,\n _ref$subMenuGrayscale = _ref.subMenuGrayscaleBackgroundColor,\n subMenuGrayscaleBackgroundColor = _ref$subMenuGrayscale === void 0 ? colorsTypes.WHITE : _ref$subMenuGrayscale,\n _ref$itemBackgroundCo = _ref.itemBackgroundColor,\n itemBackgroundColor = _ref$itemBackgroundCo === void 0 ? colorsTypes.WHITE : _ref$itemBackgroundCo,\n _ref$dropdownHoverBac = _ref.dropdownHoverBackground,\n dropdownHoverBackground = _ref$dropdownHoverBac === void 0 ? colorsVariantsTypes.HIGHT_LIGHT_PRIMARY : _ref$dropdownHoverBac,\n _ref$menuSubLinksBord = _ref.menuSubLinksBorderColor,\n menuSubLinksBorderColor = _ref$menuSubLinksBord === void 0 ? colorsVariantsTypes.PRIMARY_SEMI_DARK : _ref$menuSubLinksBord,\n _ref$dropdownSeparati = _ref.dropdownSeparationFromTop,\n dropdownSeparationFromTop = _ref$dropdownSeparati === void 0 ? 20 : _ref$dropdownSeparati,\n _ref$dropdownSeparati2 = _ref.dropdownSeparationFromBottom,\n dropdownSeparationFromBottom = _ref$dropdownSeparati2 === void 0 ? 50 : _ref$dropdownSeparati2;\n\n var urlTest = /^(\\/|http:\\/\\/|https:\\/\\/|www.)/;\n\n var _useState = React.useState(\"/\".concat(pathname)),\n _useState2 = _slicedToArray(_useState, 2),\n localPathname = _useState2[0],\n setLocalPathname = _useState2[1];\n\n React.useEffect(function () {\n if (window && window.location && window.location.pathname) {\n setLocalPathname(window.location.pathname);\n }\n }, []);\n return (menuItems || []).map(function (menuItem) {\n var variant = menuItem.pdf ? \"pdf\" : menuItem.pageLinks ? \"pageLinks\" : \"url\";\n var index = menuItem.text || nanoid();\n\n if (menuItem.subLinks && menuItem.subLinks.length > 0) {\n var subLinksCasted = menuItem.subLinks.reduce(function (acc, subLink) {\n var subLinkKeys = Object.entries(subLink).reduce(function () {\n var itemAcc = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];\n\n var _ref2 = arguments.length > 1 ? arguments[1] : undefined,\n _ref3 = _slicedToArray(_ref2, 2),\n _ref3$ = _ref3[0],\n subLinkName = _ref3$ === void 0 ? \"\" : _ref3$,\n _ref3$2 = _ref3[1],\n subLinkValue = _ref3$2 === void 0 ? \"\" : _ref3$2;\n\n if (!subLinkValue) return _toConsumableArray(itemAcc);\n var itemIndex = Number(subLinkName.replace(\"text\", \"\"));\n var isUrlSubLinkName = /url[0-9]/gi.test(subLinkName);\n var isTextSubLinkName = /text[0-9]/gi.test(subLinkName);\n if (isUrlSubLinkName || !isTextSubLinkName) return itemAcc;\n var subLinks = lodash.uniqBy(Object.entries(subLink).map(function (_ref4) {\n var _ref5 = _slicedToArray(_ref4, 2),\n _ref5$ = _ref5[0],\n urlName = _ref5$ === void 0 ? \"\" : _ref5$,\n _ref5$2 = _ref5[1],\n urlValue = _ref5$2 === void 0 ? \"\" : _ref5$2;\n\n var subLinkIndex = Number(urlName.replace(\"url\", \"\"));\n return {\n name: urlName,\n value: urlValue,\n index: lodash.isNumber(subLinkIndex) && !!subLinkIndex ? subLinkIndex : nanoid()\n };\n }), \"name\");\n var urls = subLinks.filter(function (_ref6) {\n var _ref6$name = _ref6.name,\n name = _ref6$name === void 0 ? \"\" : _ref6$name;\n return /url[0-9]/gi.test(name);\n });\n var itemUrl = lodash.find(urls, {\n index: itemIndex\n });\n var isCurrentPath = itemUrl && itemUrl.value && itemUrl.value === localPathname;\n\n if (isTextSubLinkName) {\n var hasNotTextSubLinkItem = !lodash.find(itemAcc, {\n name: subLinkName\n });\n\n if (hasNotTextSubLinkItem) {\n var innerTextSubLinkItem = lodash.find(subLinks, {\n name: subLinkName\n });\n return [].concat(_toConsumableArray(itemAcc), [_objectSpread2(_objectSpread2({}, innerTextSubLinkItem), {}, {\n isCurrentPath: isCurrentPath,\n url: itemUrl || undefined,\n isUrl: itemUrl && urlTest.test(itemUrl.value)\n })]);\n }\n\n return itemAcc.map(function (item) {\n if (item.name === subLinkName) {\n return {\n isCurrentPath: isCurrentPath,\n name: subLinkName || \"\",\n value: subLinkValue || \"\",\n isUrl: urlTest.test(subLinkValue),\n url: itemUrl || undefined\n };\n }\n\n return item;\n });\n }\n\n if (!isUrlSubLinkName) {\n return [].concat(_toConsumableArray(itemAcc), [{\n isCurrentPath: isCurrentPath,\n name: subLinkName || \"\",\n value: subLinkValue || \"\",\n isUrl: urlTest.test(subLinkValue),\n url: itemUrl || undefined\n }]);\n }\n\n return _toConsumableArray(itemAcc);\n }, []);\n return [].concat(_toConsumableArray(acc), [{\n id: subLink.id,\n title: subLink.title,\n titleStyle: subLink.titleStyle,\n data: subLinkKeys\n }]);\n }, []).map(function (item) {\n return _objectSpread2(_objectSpread2({}, item), {}, {\n data: lodash.uniqBy(item.data, \"name\")\n });\n });\n var subLinksCastedOnlyUrl = subLinksCasted.reduce(function () {\n var acc = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];\n var item = arguments.length > 1 ? arguments[1] : undefined;\n return [].concat(_toConsumableArray(acc), _toConsumableArray(item.data.filter(function (_ref7) {\n var _ref7$isCurrentPath = _ref7.isCurrentPath,\n isCurrentPath = _ref7$isCurrentPath === void 0 ? false : _ref7$isCurrentPath;\n return isCurrentPath;\n })));\n }, []);\n var subLinksCastedOnlyCurrentPaths = subLinksCastedOnlyUrl.filter(function (_ref8) {\n var _ref8$isCurrentPath = _ref8.isCurrentPath,\n isCurrentPath = _ref8$isCurrentPath === void 0 ? false : _ref8$isCurrentPath;\n return isCurrentPath;\n });\n var subLinksCastedCurrentPaths = subLinksCastedOnlyUrl.map(function (_ref9) {\n var _ref9$isCurrentPath = _ref9.isCurrentPath,\n isCurrentPath = _ref9$isCurrentPath === void 0 ? false : _ref9$isCurrentPath;\n return isCurrentPath;\n });\n var currentPath = subLinksCastedOnlyCurrentPaths && subLinksCastedOnlyCurrentPaths.length ? subLinksCastedOnlyCurrentPaths[0] : undefined;\n var hasMatchWithLocalPath = lodash.some(subLinksCastedCurrentPaths);\n return /*#__PURE__*/React__default$1[\"default\"].createElement(HeaderDesktopDoubleLinkWithSubLinks, _extends$g({\n disableBorder: menuSubItemDisableBorder,\n hoverBackground: dropdownHoverBackground,\n dropdownSeparationFromTop: dropdownSeparationFromTop,\n dropdownSeparationFromBottom: dropdownSeparationFromBottom,\n index: index,\n backgroundColor: itemBackgroundColor,\n subMenuBackgroundColor: subMenuBackgroundColor,\n subMenuGrayscaleBackgroundColor: subMenuGrayscaleBackgroundColor,\n subItemTextColor: subItemTextColor,\n activeBackgroundColor: subMenuActiveBackgroundColor,\n subItemTextActiveColor: subItemTextActiveColor,\n subItemTitleColor: menuSubItemTitleColor,\n subItemTitleActiveColor: menuSubItemTitleActiveColor,\n titleColor: hasMatchWithLocalPath && !!currentPath ? menuSubLinksTitleActiveColor : menuSubLinksTitleColor,\n borderColor: menuSubLinksBorderColor,\n activeBorderClass: hasMatchWithLocalPath && !!currentPath ? \"HeaderDesktopLinkWithSubLinksContainer-activeMenuItem\" : \"HeaderDesktopLinkWithSubLinksContainer-inactiveMenuItem\",\n active: hasMatchWithLocalPath && !!currentPath,\n topIndicator: topIndicator,\n activeBorderColor: activeBorderColor,\n hoverBorderColor: hoverBorderColor,\n key: \"LinkWithSubLinks-\".concat(menuItem.id),\n menuItem: menuItem,\n currentPath: currentPath,\n pathname: pathname,\n \"float\": _float,\n scrollY: scrollY,\n grayscale: grayscale,\n dark: dark,\n backgroundScreenActive: backgroundScreenActive,\n backgroundBreakpoint: backgroundBreakpoint,\n transparent: transparent,\n isTopBorder: isTopBorder,\n forceShow: forceShow,\n forceShowColor: forceShowColor,\n className: \"HeaderDesktopLinkWithSubLinks HEADER_DESKTOP__NAVIGATION__ITEMS HEADER_DESKTOP__NAVIGATION__ITEMS__SUB_LINKS HeaderDesktopLinkWithSubLinks\"\n }, itemsProps));\n }\n\n return /*#__PURE__*/React__default$1[\"default\"].createElement(HeaderDesktopLinkNormal, _extends$g({\n index: index,\n key: \"LinkNormal-\".concat(menuItem.id),\n titleActiveColor: menuSubLinksTitleActiveColor,\n titleColor: menuSubLinksTitleColor,\n activeBorderColor: activeBorderColor,\n menuItem: menuItem,\n pathname: pathname,\n grayscale: grayscale,\n dark: dark,\n topIndicator: topIndicator,\n variant: variant,\n \"float\": _float,\n scrollY: scrollY,\n backgroundBreakpoint: backgroundBreakpoint,\n transparent: transparent,\n forceShow: forceShow,\n forceShowColor: forceShowColor,\n className: \"HEADER_DESKTOP__NAVIGATION__ITEMS HEADER_DESKTOP__NAVIGATION__ITEMS__NORMAL HeaderDesktopLinkNormal\"\n }, itemsProps));\n });\n}\n\nvar _templateObject$z;\n\nvar HeaderDesktopDoubleContainer = styled__default[\"default\"].nav(_templateObject$z || (_templateObject$z = _taggedTemplateLiteral([\"\\n flex: 9;\\n display: grid;\\n grid-template-columns: 1fr auto;\\n height: 100%;\\n\"])));\n\nvar _templateObject$y;\n\nvar HeaderDesktopDoubleContent = styled__default[\"default\"].nav(_templateObject$y || (_templateObject$y = _taggedTemplateLiteral([\"\\n display: flex;\\n flex-direction: row;\\n flex-wrap: nowrap;\\n justify-content: flex-start;\\n align-items: center;\\n height: 100%;\\n margin-right:51px;\\n\"])));\n\nvar _templateObject$x;\n\nfunction HeaderDesktopNavMenuMain(_ref) {\n var pathname = _ref.pathname,\n menuItems = _ref.menuItems,\n _ref$float = _ref[\"float\"],\n _float = _ref$float === void 0 ? false : _ref$float,\n _ref$scrollY = _ref.scrollY,\n scrollY = _ref$scrollY === void 0 ? 0 : _ref$scrollY,\n _ref$backgroundBreakp = _ref.backgroundBreakpoint,\n backgroundBreakpoint = _ref$backgroundBreakp === void 0 ? 20 : _ref$backgroundBreakp,\n _ref$itemsProps = _ref.itemsProps,\n itemsProps = _ref$itemsProps === void 0 ? {} : _ref$itemsProps,\n _ref$transparent = _ref.transparent,\n transparent = _ref$transparent === void 0 ? false : _ref$transparent,\n _ref$isTopBorder = _ref.isTopBorder,\n isTopBorder = _ref$isTopBorder === void 0 ? false : _ref$isTopBorder,\n _ref$forceShow = _ref.forceShow,\n forceShow = _ref$forceShow === void 0 ? false : _ref$forceShow,\n _ref$forceShowColor = _ref.forceShowColor,\n forceShowColor = _ref$forceShowColor === void 0 ? false : _ref$forceShowColor,\n _ref$grayscale = _ref.grayscale,\n grayscale = _ref$grayscale === void 0 ? false : _ref$grayscale,\n _ref$dark = _ref.dark,\n dark = _ref$dark === void 0 ? false : _ref$dark,\n _ref$backgroundScreen = _ref.backgroundScreenActive,\n backgroundScreenActive = _ref$backgroundScreen === void 0 ? false : _ref$backgroundScreen,\n _ref$topIndicator = _ref.topIndicator,\n topIndicator = _ref$topIndicator === void 0 ? true : _ref$topIndicator,\n _ref$menuSubItemDisab = _ref.menuSubItemDisableBorder,\n menuSubItemDisableBorder = _ref$menuSubItemDisab === void 0 ? true : _ref$menuSubItemDisab,\n _ref$menuActiveBorder = _ref.menuActiveBorderColor,\n menuActiveBorderColor = _ref$menuActiveBorder === void 0 ? colorsTypes.PRIMARY : _ref$menuActiveBorder,\n _ref$menuHoverBorderC = _ref.menuHoverBorderColor,\n menuHoverBorderColor = _ref$menuHoverBorderC === void 0 ? colorsTypes.PRIMARY_VERY_ULTRA_LIGHT : _ref$menuHoverBorderC,\n _ref$menuSubLinksTitl = _ref.menuSubLinksTitleColor,\n menuSubLinksTitleColor = _ref$menuSubLinksTitl === void 0 ? colorsTypes.PRIMARY_ULTRA_DARK : _ref$menuSubLinksTitl,\n _ref$menuSubLinksBord = _ref.menuSubLinksBorderColor,\n menuSubLinksBorderColor = _ref$menuSubLinksBord === void 0 ? colorsTypes.PRIMARY_SEMI_DARK : _ref$menuSubLinksBord,\n _ref$menuSubLinksTitl2 = _ref.menuSubLinksTitleActiveColor,\n menuSubLinksTitleActiveColor = _ref$menuSubLinksTitl2 === void 0 ? colorsTypes.PRIMARY : _ref$menuSubLinksTitl2,\n _ref$menuSubItemTitle = _ref.menuSubItemTitleColor,\n menuSubItemTitleColor = _ref$menuSubItemTitle === void 0 ? colorsTypes.PRIMARY_ULTRA_DARK : _ref$menuSubItemTitle,\n _ref$menuSubItemTitle2 = _ref.menuSubItemTitleActiveColor,\n menuSubItemTitleActiveColor = _ref$menuSubItemTitle2 === void 0 ? colorsTypes.PRIMARY : _ref$menuSubItemTitle2,\n _ref$menuSubItemTextC = _ref.menuSubItemTextColor,\n menuSubItemTextColor = _ref$menuSubItemTextC === void 0 ? colorsTypes.PRIMARY_ULTRA_DARK : _ref$menuSubItemTextC,\n _ref$menuSubItemTextA = _ref.menuSubItemTextActiveColor,\n menuSubItemTextActiveColor = _ref$menuSubItemTextA === void 0 ? colorsTypes.PRIMARY : _ref$menuSubItemTextA,\n _ref$subMenuBackgroun = _ref.subMenuBackgroundColor,\n subMenuBackgroundColor = _ref$subMenuBackgroun === void 0 ? colorsTypes.TRANSPARENT : _ref$subMenuBackgroun,\n _ref$subMenuActiveBac = _ref.subMenuActiveBackgroundColor,\n subMenuActiveBackgroundColor = _ref$subMenuActiveBac === void 0 ? colorsTypes.TRANSPARENT : _ref$subMenuActiveBac,\n _ref$subMenuGrayscale = _ref.subMenuGrayscaleBackgroundColor,\n subMenuGrayscaleBackgroundColor = _ref$subMenuGrayscale === void 0 ? colorsTypes.WHITE : _ref$subMenuGrayscale,\n _ref$itemBackgroundCo = _ref.itemBackgroundColor,\n itemBackgroundColor = _ref$itemBackgroundCo === void 0 ? colorsTypes.TRANSPARENT : _ref$itemBackgroundCo,\n _ref$dropdownHoverBac = _ref.dropdownHoverBackground,\n dropdownHoverBackground = _ref$dropdownHoverBac === void 0 ? colorsVariantsTypes.HIGHT_LIGHT_PRIMARY : _ref$dropdownHoverBac,\n _ref$dropdownSeparati = _ref.dropdownSeparationFromTop,\n dropdownSeparationFromTop = _ref$dropdownSeparati === void 0 ? 20 : _ref$dropdownSeparati,\n _ref$dropdownSeparati2 = _ref.dropdownSeparationFromBottom,\n dropdownSeparationFromBottom = _ref$dropdownSeparati2 === void 0 ? 50 : _ref$dropdownSeparati2,\n _ref$highlightedItem = _ref.highlightedItem,\n highlightedItem = _ref$highlightedItem === void 0 ? null : _ref$highlightedItem;\n\n var HighlightedLink = styled__default[\"default\"].a(_templateObject$x || (_templateObject$x = _taggedTemplateLiteral([\"\\n background-color: \", \";\\n border-radius: 50px;\\n color: \", \";\\n min-width: max-content;\\n font-size: 16px;\\n padding: 11px 17px;\\n \"])), function (_ref2) {\n var _ref2$color = _ref2.color,\n color = _ref2$color === void 0 ? colorsTypes.SECONDARY : _ref2$color;\n return color;\n }, function (_ref3) {\n var _ref3$color = _ref3.color,\n color = _ref3$color === void 0 ? colorsTypes.WHITE : _ref3$color;\n return color;\n });\n return /*#__PURE__*/React__default$1[\"default\"].createElement(HeaderDesktopDoubleContainer, {\n className: \"HEADER_DESKTOP_DOUBLE_NAVIGATION_MENU HeaderDesktopNavMenu-Nav sm:tw-inline-flex tw-items-center tw-justify-between\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(HeaderDesktopDoubleContent, {\n className: \"HEADER_DESKTOP_DOUBLE_NAVIGATION_MENU__CONTAINER HeaderDesktopNavMenu-Nav-Container\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(HeaderDesktopNavItems, _extends$g({\n dropdownHoverBackground: dropdownHoverBackground,\n dropdownSeparationFromTop: dropdownSeparationFromTop,\n dropdownSeparationFromBottom: dropdownSeparationFromBottom,\n itemBackgroundColor: itemBackgroundColor,\n subMenuBackgroundColor: subMenuBackgroundColor,\n subMenuActiveBackgroundColor: subMenuActiveBackgroundColor,\n subMenuGrayscaleBackgroundColor: subMenuGrayscaleBackgroundColor,\n subItemTextColor: menuSubItemTextColor,\n subItemTextActiveColor: menuSubItemTextActiveColor,\n menuSubLinksTitleColor: menuSubLinksTitleColor,\n menuSubLinksBorderColor: menuSubLinksBorderColor,\n menuSubLinksTitleActiveColor: menuSubLinksTitleActiveColor,\n menuSubItemTitleColor: menuSubItemTitleColor,\n menuSubItemTitleActiveColor: menuSubItemTitleActiveColor,\n menuSubItemDisableBorder: menuSubItemDisableBorder,\n activeBorderColor: menuActiveBorderColor,\n hoverBorderColor: menuHoverBorderColor,\n topIndicator: topIndicator,\n pathname: pathname,\n grayscale: grayscale,\n dark: dark,\n backgroundScreenActive: backgroundScreenActive,\n menuItems: menuItems,\n \"float\": _float,\n scrollY: scrollY,\n backgroundBreakpoint: backgroundBreakpoint,\n transparent: transparent,\n isTopBorder: isTopBorder,\n forceShow: forceShow,\n forceShowColor: forceShowColor\n }, itemsProps, {\n classNamee: \"HEADER_DESKTOP_NAVIGATION_MENU__ITEMS HeaderDesktopNavMenu-Nav-Container-Items\"\n })), (highlightedItem === null || highlightedItem === void 0 ? void 0 : highlightedItem.Text) && /*#__PURE__*/React__default$1[\"default\"].createElement(HighlightedLink, {\n href: (highlightedItem === null || highlightedItem === void 0 ? void 0 : highlightedItem.Url) || \"/\",\n className: \"HEADER_DESCTOP_DOUBLE_HIGHLIGHTED_LINK\"\n }, highlightedItem === null || highlightedItem === void 0 ? void 0 : highlightedItem.Text)));\n}\n\nvar _templateObject$w, _templateObject2$5;\n\nfunction HeaderDesktopTopNavItems(_ref) {\n var pathname = _ref.pathname,\n menuItems = _ref.menuItems;\n\n var _useState = React.useState(\"/\".concat(pathname)),\n _useState2 = _slicedToArray(_useState, 2);\n\n _useState2[0];\n var setLocalPathname = _useState2[1];\n React.useEffect(function () {\n if (window && window.location && window.location.pathname) {\n setLocalPathname(window.location.pathname);\n }\n }, []);\n var TopLink = styled__default[\"default\"].a(_templateObject$w || (_templateObject$w = _taggedTemplateLiteral([\"\\n color: \", \";\\n margin-right: 57px;\\n font-size: 16px;\\n font-weight: 500;\\n \"])), function (_ref2) {\n var _ref2$color = _ref2.color,\n color = _ref2$color === void 0 ? colorsTypes.WHITE : _ref2$color;\n return color;\n });\n var TopText = styled__default[\"default\"].span(_templateObject2$5 || (_templateObject2$5 = _taggedTemplateLiteral([\"\\n color: \", \";\\n margin-right: 57px;\\n font-size: 16px;\\n font-weight: 500;\\n \"])), function (_ref3) {\n var _ref3$color = _ref3.color,\n color = _ref3$color === void 0 ? colorsTypes.WHITE : _ref3$color;\n return color;\n });\n return ((menuItems === null || menuItems === void 0 ? void 0 : menuItems.Items) || []).map(function (menuItem) {\n var index = menuItem.Text || nanoid();\n\n if (menuItem.Url) {\n return /*#__PURE__*/React__default$1[\"default\"].createElement(TopLink, {\n index: index,\n key: \"TopLinkNormal-\".concat(index),\n className: \"HEADER_DESKTOP_TOP__NAVIGATION__ITEMS HEADER_DESKTOP_TOP__NAVIGATION__ITEMS__NORMAL HeaderDesktopTopLinkNormal tw-flex\",\n href: menuItem.Url\n }, menuItem.Text);\n }\n\n return /*#__PURE__*/React__default$1[\"default\"].createElement(TopText, {\n className: \"HEADER_DESKTOP_DOUBLE__LINK_WITH_SUBMIT__LINKS__TITLE HeaderDesktopDoubleLinkWithSubLinksTitle \",\n key: \"TopLinkNormal-\".concat(index)\n }, menuItem.Text);\n });\n}\n\nvar _templateObject$v, _templateObject2$4, _templateObject3$4;\n\nfunction HeaderDesktopNavTopMenu(_ref) {\n var pathname = _ref.pathname,\n menuItems = _ref.menuItems,\n loginButtonText = _ref.loginButtonText,\n _ref$loginButtonStyle = _ref.loginButtonStyles,\n loginButtonStyles = _ref$loginButtonStyle === void 0 ? {\n transparent: false,\n fill: buttonFillTypes.FILLED,\n styleType: buttonStyleTypes.NONE,\n filledBackgroundColor: colorsTypes.WHITE,\n withoutBorderRadius: true\n } : _ref$loginButtonStyle,\n _ref$itemsProps = _ref.itemsProps,\n itemsProps = _ref$itemsProps === void 0 ? {} : _ref$itemsProps,\n _ref$forceShow = _ref.forceShow,\n forceShow = _ref$forceShow === void 0 ? false : _ref$forceShow;\n\n var _useModal = useModal(),\n isModalVisible = _useModal.isModalVisible,\n closeModal = _useModal.closeModal,\n showModal = _useModal.showModal;\n\n var _onClick = function onClick(link) {\n window.location.href = link;\n };\n\n var HeaderDesktopContainerBackground = styled__default[\"default\"](HeaderDesktopDoubleContainer)(_templateObject$v || (_templateObject$v = _taggedTemplateLiteral([\"\\n background-color: \", \";\\n margin-right: 46px;\\n \"])), function (_ref2) {\n var _ref2$color = _ref2.color,\n color = _ref2$color === void 0 ? colorsTypes.PRIMARY : _ref2$color;\n return color;\n });\n var SearchButton = styled__default[\"default\"](Button$2)(_templateObject2$4 || (_templateObject2$4 = _taggedTemplateLiteral([\"\\n height: inherit;\\n \"])));\n var LoginButton = styled__default[\"default\"](Button$2)(_templateObject3$4 || (_templateObject3$4 = _taggedTemplateLiteral([\"\\n color: \", \";\\n background-color: \", \";\\n height: inherit;\\n border-radius: 0px;\\n border-color: \", \";\\n :hover {\\n color: \", \";\\n background-color: \", \";\\n border-color: \", \";\\n }\\n \"])), function (_ref3) {\n var _ref3$color = _ref3.color,\n color = _ref3$color === void 0 ? colorsTypes.PRIMARY_LIGHT_SEMI_DARK : _ref3$color;\n return color;\n }, function (_ref4) {\n var _ref4$color = _ref4.color,\n color = _ref4$color === void 0 ? colorsTypes.WHITE : _ref4$color;\n return color;\n }, function (_ref5) {\n var _ref5$color = _ref5.color,\n color = _ref5$color === void 0 ? colorsTypes.WHITE : _ref5$color;\n return color;\n }, function (_ref6) {\n var _ref6$color = _ref6.color,\n color = _ref6$color === void 0 ? colorsTypes.PRIMARY_LIGHT_SEMI_DARK : _ref6$color;\n return color;\n }, function (_ref7) {\n var _ref7$color = _ref7.color,\n color = _ref7$color === void 0 ? colorsTypes.WHITE : _ref7$color;\n return color;\n }, function (_ref8) {\n var _ref8$color = _ref8.color,\n color = _ref8$color === void 0 ? colorsTypes.WHITE : _ref8$color;\n return color;\n });\n return /*#__PURE__*/React__default$1[\"default\"].createElement(HeaderDesktopContainerBackground, {\n className: \"HEADER_DESKTOP_DOUBLE_NAVIGATION_TOP_MENU HeaderDesktopNavMenu-Nav sm:tw-inline-flex md:tw-float-right tw-items-center tw-justify-between\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"HEADER_DESKTOP_NAVIGATION_TOP_MENU__LOGIN HeaderDesktopNavMenu-Nav-Container-Container tw-flex tw-items-center\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(HeaderDesktopTopNavItems, _extends$g({\n pathname: pathname,\n menuItems: menuItems\n }, itemsProps, {\n classNamee: \"HEADER_DESKTOP_NAVIGATION_TOP_MENU__ITEMS HeaderDesktopNavMenu-Nav-Container-Items\"\n })), loginButtonText && /*#__PURE__*/React__default$1[\"default\"].createElement(React__default$1[\"default\"].Fragment, null, /*#__PURE__*/React__default$1[\"default\"].createElement(LoginButton, _extends$g({\n className: \"HEADER_DESKTOP_NAVIGATION_TOP_MENU__LOGIN__BUTTON\",\n onClick: (loginButtonStyles === null || loginButtonStyles === void 0 ? void 0 : loginButtonStyles.variant) !== \"NO_MODAL\" && function () {\n return showModal();\n },\n pillTextColor: isModalVisible || forceShow ? undefined : colorsTypes.WHITE\n }, loginButtonStyles), loginButtonText)), /*#__PURE__*/React__default$1[\"default\"].createElement(SearchButton, {\n onClick: function onClick() {\n return _onClick(\"/search\");\n },\n \"aria-label\": \"Search Button\",\n className: \"HEADER_DESKTOP_NAVIGATION_TOP_MENU__SEARCH__BUTTON\",\n transparent: \"true\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(\"svg\", {\n width: \"20\",\n height: \"20\",\n viewBox: \"0 0 20 20\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(\"path\", {\n d: \"M13.9792 13.9546L18.8395 18.8148\",\n stroke: \"white\",\n strokeWidth: \"1.5\",\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\"\n }), /*#__PURE__*/React__default$1[\"default\"].createElement(\"path\", {\n d: \"M11.8944 3.71387C15.1035 5.00879 16.6552 8.66001 15.3603 11.8691C14.0654 15.0781 10.4142 16.6299 7.20509 15.335C3.99601 14.04 2.44428 10.3888 3.73921 7.17975C5.03413 3.97067 8.68535 2.41894 11.8944 3.71387\",\n stroke: \"white\",\n strokeWidth: \"1.5\",\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\"\n }))), /*#__PURE__*/React__default$1[\"default\"].createElement(Modal, {\n className: \"HEADER_DESKTOP_NAVIGATION_TOP_MENU__LOGIN__MODAL\",\n show: isModalVisible,\n closeModal: closeModal\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(Login$1, null))));\n}\n\nvar _templateObject$u;\n\nvar HeaderDesktopLogoContainer = styled__default[\"default\"](Link)(_templateObject$u || (_templateObject$u = _taggedTemplateLiteral([\"\\n position: relative;\\n max-width: 175px;\\n\\n @media all and (max-width: \", \"px) {\\n width: 175px;\\n height: 75px;\\n padding: 0;\\n margin: 0;\\n }\\n\"])), function (_ref) {\n var theme = _ref.theme;\n return theme.breakpoints.md;\n});\n\nvar _templateObject$t, _templateObject2$3, _templateObject3$3, _templateObject4$1, _templateObject5$1;\n\nfunction HeaderDesktopDoubleMenu(_ref) {\n var data = _ref.data,\n pathname = _ref.pathname,\n _ref$float = _ref[\"float\"],\n _float = _ref$float === void 0 ? false : _ref$float,\n _ref$scrollY = _ref.scrollY,\n scrollY = _ref$scrollY === void 0 ? 0 : _ref$scrollY,\n _ref$backgroundBreakp = _ref.backgroundBreakpoint,\n backgroundBreakpoint = _ref$backgroundBreakp === void 0 ? 20 : _ref$backgroundBreakp,\n _ref$transparent = _ref.transparent,\n transparent = _ref$transparent === void 0 ? false : _ref$transparent,\n _ref$isTopBorder = _ref.isTopBorder,\n isTopBorder = _ref$isTopBorder === void 0 ? false : _ref$isTopBorder,\n _ref$isDynamic = _ref.isDynamic,\n isDynamic = _ref$isDynamic === void 0 ? false : _ref$isDynamic,\n className = _ref.className,\n _ref$menuSubItemDisab = _ref.menuSubItemDisableBorder,\n menuSubItemDisableBorder = _ref$menuSubItemDisab === void 0 ? false : _ref$menuSubItemDisab,\n _ref$grayscale = _ref.grayscale,\n grayscale = _ref$grayscale === void 0 ? false : _ref$grayscale,\n _ref$dark = _ref.dark,\n dark = _ref$dark === void 0 ? false : _ref$dark,\n _ref$backgroundScreen = _ref.backgroundScreenActive,\n backgroundScreenActive = _ref$backgroundScreen === void 0 ? false : _ref$backgroundScreen,\n _ref$topIndicator = _ref.topIndicator,\n topIndicator = _ref$topIndicator === void 0 ? true : _ref$topIndicator,\n _ref$forceShowItems = _ref.forceShowItems,\n forceShowItems = _ref$forceShowItems === void 0 ? true : _ref$forceShowItems,\n _ref$forceShowColor = _ref.forceShowColor,\n forceShowColor = _ref$forceShowColor === void 0 ? false : _ref$forceShowColor,\n _ref$navigationMenuOp = _ref.navigationMenuOptions,\n navigationMenuOptions = _ref$navigationMenuOp === void 0 ? {\n menuActiveBorderColor: colorsTypes.PRIMARY,\n menuHoverBorderColor: colorsTypes.PRIMARY_VERY_ULTRA_LIGHT,\n menuSubLinksBorderColor: colorsTypes.PRIMARY_SEMI_DARK,\n menuSubLinksTitleColor: colorsTypes.PRIMARY_ULTRA_DARK,\n menuSubLinksTitleActiveColor: colorsTypes.PRIMARY,\n menuSubItemTitleColor: colorsTypes.PRIMARY_ULTRA_DARK,\n menuSubItemTitleActiveColor: colorsTypes.PRIMARY,\n menuSubItemTextActiveColor: colorsTypes.PRIMARY,\n menuSubItemTextColor: colorsTypes.PRIMARY_ULTRA_DARK,\n subMenuBackgroundColor: colorsTypes.TRANSPARENT,\n subMenuActiveBackgroundColor: colorsTypes.TRANSPARENT,\n itemBackgroundColor: colorsTypes.WHITE,\n dropdownHoverBackground: colorsVariantsTypes.HIGHT_LIGHT_PRIMARY,\n dropdownSeparationFromTop: 20,\n dropdownSeparationFromBottom: 50\n } : _ref$navigationMenuOp,\n _ref$loginButtonStyle = _ref.loginButtonStyles,\n loginButtonStyles = _ref$loginButtonStyle === void 0 ? {} : _ref$loginButtonStyle;\n\n var NavigationMainNavbarContainer = styled__default[\"default\"](HeaderDynamicContainer)(_templateObject$t || (_templateObject$t = _taggedTemplateLiteral([\"\\n max-height: 100px;\\n align-items: center;\\n \"])));\n var NavigationNavbarContainer = styled__default[\"default\"].div(_templateObject2$3 || (_templateObject2$3 = _taggedTemplateLiteral([\"\\n min-height: 100px;\\n margin-left: 50px;\\n width: 100%;\\n align-items: center;\\n \"])));\n var NavigationTopNavbarContainer = styled__default[\"default\"].div(_templateObject3$3 || (_templateObject3$3 = _taggedTemplateLiteral([\"\\n align-items: center;\\n height: 50px;\\n margin-right: 46px;\\n background-color: \", \";\\n width: 100%;\\n \"])), function (_ref2) {\n var _ref2$color = _ref2.color,\n color = _ref2$color === void 0 ? colorsTypes.PRIMARY : _ref2$color;\n return color;\n });\n var MainContainer = styled__default[\"default\"].div(_templateObject4$1 || (_templateObject4$1 = _taggedTemplateLiteral([\"\\n position: fixed;\\n top: 0;\\n z-index: 50;\\n width: 100%;\\n \"])));\n var HeaderDesktopDoubleMainLiksContainer = styled__default[\"default\"].div(_templateObject5$1 || (_templateObject5$1 = _taggedTemplateLiteral([\"\\n flex: 1 1 auto !important;\\n \"])));\n return /*#__PURE__*/React__default$1[\"default\"].createElement(MainContainer, null, data && /*#__PURE__*/React__default$1[\"default\"].createElement(Toast, {\n data: data.Toast\n }), /*#__PURE__*/React__default$1[\"default\"].createElement(NavigationTopNavbarContainer, null, /*#__PURE__*/React__default$1[\"default\"].createElement(HeaderDesktopNavTopMenu, _extends$g({\n className: \"HEADER_DESKTOP_DOUBLE_TOP_NAV_BAR\",\n menuSubItemDisableBorder: menuSubItemDisableBorder,\n grayscale: grayscale,\n dark: dark,\n backgroundScreenActive: backgroundScreenActive,\n topIndicator: topIndicator,\n pathname: pathname,\n menuItems: data === null || data === void 0 ? void 0 : data.TopNavbar,\n loginButtonText: data === null || data === void 0 ? void 0 : data.loginButtonText,\n \"float\": _float,\n scrollY: scrollY,\n transparent: transparent,\n isTopBorder: isTopBorder,\n forceShow: forceShowItems,\n forceShowColor: forceShowColor,\n backgroundBreakpoint: backgroundBreakpoint,\n loginButtonStyles: loginButtonStyles\n }, navigationMenuOptions, {\n topNavbar: (data === null || data === void 0 ? void 0 : data.TopNavbar) || \"\"\n }))), /*#__PURE__*/React__default$1[\"default\"].createElement(NavigationMainNavbarContainer, {\n className: classnames(\"HEADER_DESKTOP_DOUBLE_NAVIGATION_MAIN HeaderDesktop-HeaderDynamicContainer tw-content-right tw-z-50 tw-relative tw-font-normal tw-flex tw-flex-wrap\", scrollY > backgroundBreakpoint ? \"HEADER_DESKTOP_DOUBLE_NAVIGATION_MAIN_SCROLLED \" : \"HEADER_DESKTOP_DOUBLE_NAVIGATION_MAIN_NO_SCROLLED\", isDynamic ? \"HEADER_DESKTOP_DOUBLE_NAVIGATION_MAIN_DINAMIC_PAGE\" : \"HEADER_DESKTOP_DOUBLE_NAVIGATION_MAIN_NO_DINAMIC_PAGE\", className)\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(NavigationNavbarContainer, {\n className: \"HEADER_DESKTOP_DOUBLE_MAIN_NAV_BAR tw-flex\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"HEADER_DESKTOP_DOUBLE_MAIN_NAV_BAR_CONTAINER tw-w-full tw-flex\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"tw-flex-1 HEADER_DESKTOP_DOUBLE_LOGO_CONTAINER\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(HeaderDesktopLogoContainer, {\n className: \"HEADER_DESKTOP_DOUBLE__NAVIGATION__LOGO\",\n to: \"/\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(Logo, {\n className: \"HEADER_DESKTOP_DEFAULT__NAVIGATION__LOGO__IMAGE HeaderDesktop-HeaderDynamicContainer_Logo Header__logo\",\n src: \"/images/logo.svg\",\n alt: \"\".concat(process.env.GATSBY_CU_NAME, \" Logo\")\n }))), /*#__PURE__*/React__default$1[\"default\"].createElement(HeaderDesktopDoubleMainLiksContainer, {\n className: \"HEADER_DESKTOP_DOUBLE_MAIN_LINKS_CONTAINER tw-flex-1 tw-float-right\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"HEADER_DESKTOP_DOUBLE_MAIN_LINKS_CONTAINER_RIGHT tw-flex-1 tw-float-right\"\n }, data && /*#__PURE__*/React__default$1[\"default\"].createElement(HeaderDesktopNavMenuMain, _extends$g({\n menuSubItemDisableBorder: menuSubItemDisableBorder,\n grayscale: grayscale,\n dark: dark,\n backgroundScreenActive: backgroundScreenActive,\n topIndicator: topIndicator,\n pathname: pathname,\n menuItems: data.NavBarItems,\n loginButtonText: data.loginButtonText,\n \"float\": _float,\n scrollY: scrollY,\n transparent: transparent,\n isTopBorder: isTopBorder,\n forceShow: forceShowItems,\n forceShowColor: forceShowColor,\n backgroundBreakpoint: backgroundBreakpoint,\n loginButtonStyles: loginButtonStyles\n }, navigationMenuOptions, {\n highlightedItem: (data === null || data === void 0 ? void 0 : data.HighlightedItem) || \"\"\n }))))))));\n}\n\nvar _templateObject$s;\n\nvar ScrollContainer$2 = styled__default[\"default\"].div(_templateObject$s || (_templateObject$s = _taggedTemplateLiteral([\"\\n height: 100vh;\\n overflow-y: auto;\\n padding-bottom: 150px;\\n\"])));\n\nvar _templateObject$r;\n\nvar DropdownSubMenu$1 = styled__default[\"default\"].div(_templateObject$r || (_templateObject$r = _taggedTemplateLiteral([\"\\n margin: \", \"px 0 40px 0;\\n background: \", \";\\n width: 100%;\\n transition: all linear 90ms;\\n\"])), function (_ref) {\n var _ref$isLinkActive = _ref.isLinkActive,\n isLinkActive = _ref$isLinkActive === void 0 ? false : _ref$isLinkActive;\n return isLinkActive ? 4 : 8;\n}, function (_ref2) {\n var _ref2$isLinkActive = _ref2.isLinkActive,\n isLinkActive = _ref2$isLinkActive === void 0 ? false : _ref2$isLinkActive,\n _ref2$background = _ref2.background,\n background = _ref2$background === void 0 ? colorsTypes.PRIMARY_VERY_ULTRA_LIGHT : _ref2$background;\n return isLinkActive ? background : undefined;\n});\n\nvar _templateObject$q;\n\nvar LinkWithSubLinksContainer$1 = styled__default[\"default\"].button(_templateObject$q || (_templateObject$q = _taggedTemplateLiteral([\"\\n border-color: \", \";\\n\"])), function (_ref) {\n var _ref$borderColor = _ref.borderColor,\n borderColor = _ref$borderColor === void 0 ? colorsTypes.PRIMARY : _ref$borderColor;\n return borderColor;\n});\n\nvar _templateObject$p;\n\nvar LinkWithSubLinksButton$2 = styled__default[\"default\"].button(_templateObject$p || (_templateObject$p = _taggedTemplateLiteral([\"\\n display: flex;\\n flex-direction: row;\\n flex-wrap: nowrap;\\n justify-content: flex-start;\\n align-items: center;\\n font-family: \", \";\\n\"])), getFontFamily(fontsFamiliesVariantsTypes.PRIMARY));\n\nvar _templateObject$o;\n\nvar LinkWithSubLinksTitle$2 = styled__default[\"default\"].p(_templateObject$o || (_templateObject$o = _taggedTemplateLiteral([\"\\n color: \", \";\\n margin-right: 1rem;\\n font-family: \", \";\\n font-weight: 500;\\n\"])), function (_ref) {\n var _ref$color = _ref.color,\n color = _ref$color === void 0 ? colorsTypes.PRIMARY_ULTRA_DARK : _ref$color;\n return color;\n}, getFontFamily(fontsFamiliesVariantsTypes.SECONDARY));\n\nvar _templateObject$n;\n\nvar SubLinkItemTitle$1 = styled__default[\"default\"].p(_templateObject$n || (_templateObject$n = _taggedTemplateLiteral([\"\\n color: \", \";\\n font-weight: bold;\\n font-family: \", \";\\n\"])), function (_ref) {\n var _ref$color = _ref.color,\n color = _ref$color === void 0 ? colorsTypes.LIGHT : _ref$color;\n return color;\n}, getFontFamily(fontsFamiliesVariantsTypes.SECONDARY));\n\nvar _templateObject$m;\n\nvar SubLinkItem$2 = styled__default[\"default\"](Link)(_templateObject$m || (_templateObject$m = _taggedTemplateLiteral([\"\\n font-family: \", \";\\n color: \", \";\\n\"])), function (_ref) {\n var _ref$primaryFamily = _ref.primaryFamily,\n primaryFamily = _ref$primaryFamily === void 0 ? false : _ref$primaryFamily;\n return primaryFamily ? getFontFamily(fontsFamiliesVariantsTypes.PRIMARY) : undefined;\n}, function (_ref2) {\n var _ref2$color = _ref2.color,\n color = _ref2$color === void 0 ? colorsTypes.ULTRA_DARK : _ref2$color;\n return color;\n});\n\nfunction SubLinks$2(_ref) {\n var _window;\n\n var pathname = _ref.pathname,\n _ref$subLinks = _ref.subLinks,\n subLinks = _ref$subLinks === void 0 ? [] : _ref$subLinks,\n _ref$titleColor = _ref.titleColor,\n titleColor = _ref$titleColor === void 0 ? colorsTypes.PRIMARY_ULTRA_DARK : _ref$titleColor,\n _ref$linkActiveColor = _ref.linkActiveColor,\n linkActiveColor = _ref$linkActiveColor === void 0 ? colorsTypes.PRIMARY_SEMI_DARK : _ref$linkActiveColor,\n _ref$linkColor = _ref.linkColor,\n linkColor = _ref$linkColor === void 0 ? colorsTypes.PRIMARY_ULTRA_DARK : _ref$linkColor;\n\n var _ref2 = ((_window = window) === null || _window === void 0 ? void 0 : _window.location) || {},\n _ref2$pathname = _ref2.pathname,\n localPathname = _ref2$pathname === void 0 ? \"\" : _ref2$pathname;\n\n return /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"SUB_LINKS HeaderMobile-LinkWithSubLinksContainer-SubLinks tw-pt-6\"\n }, subLinks.map(function (subLink, i) {\n var keys = Object.keys(subLink) || []; // const keysValues = Object.values(subLink) || [];\n // const keysBooleans = keysValues.map((key = \"\") => {\n // if (key === \"/\") return false;\n // return new RegExp(`^${localPathname}`, \"gi\").test(key);\n // });\n // const subLinksActive = some(keysBooleans, Boolean);\n\n return /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n key: \"SubLinks-subLink-\".concat(i),\n className: \"SUB_LINKS__ITEM HeaderMobile-LinkWithSubLinksContainer-SubLinks-subLink tw-mb-10 last:tw-mb-0\"\n }, subLink.title && /*#__PURE__*/React__default$1[\"default\"].createElement(SubLinkItemTitle$1 // color={subLinksActive ? titleActiveColor : titleColor}\n , {\n color: titleColor,\n className: \"SUB_LINKS__ITEM__TITLE HeaderMobile-LinkWithSubLinksContainer-SubLinks-subLink-SubLinkItemTitle tw-pl-4 bl-text-base tw-mb-6\"\n }, subLink.title), keys.map(function (key, index) {\n var url = subLink[\"url\".concat(index)];\n var text = subLink[\"text\".concat(index)];\n if (!url || !text) return null;\n var subLinkActive = new RegExp(localPathname, \"gi\").test(url);\n if (localPathname === \"/\") subLinkActive = false;\n return /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n key: \"SubLink-key-\".concat(key),\n className: \"SUB_LINKS__ITEM__CONTENT HeaderMobile-LinkWithSubLinksContainer-SubLinks-subLink-SubLink-key tw-w-full tw-pb-6 last:tw-pb-0 tw-pl-4 bl-text-md\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(SubLinkItem$2, {\n to: url,\n primaryFamily: \"/\".concat(pathname) === url,\n color: subLinkActive ? linkActiveColor : linkColor,\n className: \"SUB_LINKS__ITEM__CONTENT__LINK\"\n }, text));\n }));\n }));\n}\n\nfunction LinkWithSubLinks$2(_ref) {\n var id = _ref.id,\n pathname = _ref.pathname,\n text = _ref.text,\n subLinks = _ref.subLinks,\n isLinkActive = _ref.isLinkActive,\n onClick = _ref.onClick,\n borderColor = _ref.borderColor,\n _ref$titleColor = _ref.titleColor,\n titleColor = _ref$titleColor === void 0 ? colorsTypes.PRIMARY_ULTRA_DARK : _ref$titleColor,\n _ref$titleActiveColor = _ref.titleActiveColor,\n titleActiveColor = _ref$titleActiveColor === void 0 ? colorsTypes.PRIMARY_SEMI_DARK : _ref$titleActiveColor,\n _ref$itemActiveTitleC = _ref.itemActiveTitleColor,\n itemActiveTitleColor = _ref$itemActiveTitleC === void 0 ? colorsTypes.PRIMARY_SEMI_DARK : _ref$itemActiveTitleC,\n _ref$itemTitleColor = _ref.itemTitleColor,\n itemTitleColor = _ref$itemTitleColor === void 0 ? colorsTypes.PRIMARY_ULTRA_DARK : _ref$itemTitleColor;\n return /*#__PURE__*/React__default$1[\"default\"].createElement(LinkWithSubLinksContainer$1, {\n borderColor: borderColor,\n className: classnames(\"LINK_SUB_LINKS HeaderMobile-LinkWithSubLinksContainer tw-text-left\", isLinkActive && \"tw-border-l-2 tw-py-4\")\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(LinkWithSubLinksButton$2, {\n type: \"button\",\n className: classnames(\"LINK_SUB_LINKS__HEADER HeaderMobile-LinkWithSubLinksButton focus:tw-outline-none tw-text-left bl-text-md tw-pl-4\", isLinkActive && \"tw-mb-2\"),\n onClick: onClick(id),\n onKeyPress: onClick(id)\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(LinkWithSubLinksTitle$2, {\n color: isLinkActive ? titleActiveColor : titleColor,\n className: \"LINK_SUB_LINKS__HEADER__TITLE \".concat(isLinkActive && \"LINK_SUB_LINKS__HEADER__TITLE_ACTIVE\", \" HeaderMobile-LinkWithSubLinksButton-LinkWithSubLinksTitle\")\n }, text), /*#__PURE__*/React__default$1[\"default\"].createElement(Icon, {\n size: 16,\n icon: isLinkActive ? iconTypes.ARROW_UP_1 : iconTypes.ARROW_DOWN_1,\n className: \"LINK_SUB_LINKS__HEADER__ICON HeaderMobile-LinkWithSubLinksButton-Icon\"\n })), isLinkActive && /*#__PURE__*/React__default$1[\"default\"].createElement(SubLinks$2, {\n titleActiveColor: itemActiveTitleColor,\n titleColor: itemTitleColor,\n pathname: pathname,\n subLinks: subLinks,\n classname: \"LINK_SUB_LINKS__CONTENT HeaderMobile-LinkWithSubLinksContainer-isLinkActive-SubLinks\"\n }));\n}\n\nvar _templateObject$l;\n\nvar CustomLink$2 = styled__default[\"default\"](Link)(_templateObject$l || (_templateObject$l = _taggedTemplateLiteral([\"\\n border-color: \", \";\\n font-family: \", \";\\n font-weight: 500;\\n\"])), function (_ref) {\n var _ref$borderColor = _ref.borderColor,\n borderColor = _ref$borderColor === void 0 ? colorsTypes.PRIMARY : _ref$borderColor;\n return borderColor;\n}, fontsFamiliesTypes.SECONDARY);\n\nfunction LinkNormal$2(_ref) {\n var menuItem = _ref.menuItem,\n pathname = _ref.pathname,\n variant = _ref.variant;\n\n switch (variant) {\n case linkVariantTypes.PAGE_LINKS:\n return /*#__PURE__*/React__default$1[\"default\"].createElement(CustomLink$2, {\n popup: \"\".concat(menuItem.openThirdPartyPopup),\n to: menuItem.pageLinks,\n className: classnames(\"CUSTOM_LINK HeaderMobile-LinkNormal-PAGE_LINKS tw-block lg:tw-inline-block lg:tw-mt-0 bl-text-md tw-pl-4\", \"/\".concat(pathname) === menuItem.url && \"lg:tw-pt-1 tw-border-l-2 tw-font-bold bl-border-primary\", pathname === menuItem.url ? \"HEADER_MOBILE__ACTIVE\" : \"HEADER_MOBILE__INACTIVE\")\n }, menuItem.text);\n\n case linkVariantTypes.PDF:\n return /*#__PURE__*/React__default$1[\"default\"].createElement(CustomLink$2, {\n popup: \"\".concat(menuItem.openThirdPartyPopup),\n to: menuItem.pdf.url,\n className: classnames(\"CUSTOM_LINK HeaderMobile-LinkNormal-PDF tw-block lg:tw-inline-block lg:tw-mt-0 bl-text-md tw-pl-4\", \"/\".concat(pathname) === menuItem.url && \"lg:tw-pt-1 tw-border-l-2 tw-font-bold bl-border-primary\", pathname === menuItem.url ? \"HEADER_MOBILE__ACTIVE\" : \"HEADER_MOBILE__INACTIVE\")\n }, menuItem.text);\n\n case linkVariantTypes.SEARCH:\n return /*#__PURE__*/React__default$1[\"default\"].createElement(CustomLink$2, {\n \"aria-label\": \"Search Button\",\n to: \"/search\",\n className: classnames(\"CUSTOM_LINK HeaderMobile-LinkNormal-PDF tw-block lg:tw-inline-block lg:tw-mt-0 bl-text-md tw-pl-4\", \"/search\")\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"CUSTOM_LINK_SEARCH_CONTAINER tw-flex\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"CUSTOM_LINK_SEARCH_ITEM\"\n }, \"Search\"), /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"CUSTOM_LINK_SEARCH_ITEM CUSTOM_LINK_SEARCH_ICON\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(\"svg\", {\n xmlns: \"http://www.w3.org/2000/svg\",\n width: \"18\",\n height: \"19\",\n viewBox: \"0 0 16 17\",\n fill: \"none\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M6 2.75C3.79086 2.75 2 4.54086 2 6.75C2 8.95914 3.79086 10.75 6 10.75C8.20914 10.75 10 8.95914 10 6.75C10 4.54086 8.20914 2.75 6 2.75ZM0 6.75C0 3.43629 2.68629 0.75 6 0.75C9.31371 0.75 12 3.43629 12 6.75C12 8.04583 11.5892 9.24572 10.8907 10.2265L15.7071 15.0429C16.0976 15.4334 16.0976 16.0666 15.7071 16.4571C15.3166 16.8476 14.6834 16.8476 14.2929 16.4571L9.47653 11.6407C8.49572 12.3392 7.29583 12.75 6 12.75C2.68629 12.75 0 10.0637 0 6.75Z\",\n fill: \"#05274C\"\n })))));\n\n default:\n return /*#__PURE__*/React__default$1[\"default\"].createElement(CustomLink$2, {\n popup: \"\".concat(menuItem.openThirdPartyPopup),\n to: menuItem.url,\n className: classnames(\"CUSTOM_LINK HeaderMobile-LinkNormal-DEFAULT tw-block lg:tw-inline-block lg:tw-mt-0 bl-text-md tw-pl-4\", \"/\".concat(pathname) === menuItem.url && \"lg:tw-pt-1 tw-border-l-2 tw-font-bold bl-border-primary\", pathname === menuItem.url ? \"HEADER_MOBILE__ACTIVE\" : \"HEADER_MOBILE__INACTIVE\")\n }, menuItem.text);\n }\n}\n\nfunction Dropdown$2(_ref) {\n var _window;\n\n var data = _ref.data,\n pathname = _ref.pathname,\n _ref$showBackground = _ref.showBackground,\n showBackground = _ref$showBackground === void 0 ? false : _ref$showBackground,\n _ref$subLinksTitleCol = _ref.subLinksTitleColor,\n subLinksTitleColor = _ref$subLinksTitleCol === void 0 ? colorsTypes.PRIMARY : _ref$subLinksTitleCol,\n _ref$subLinksListBord = _ref.subLinksListBorderColor,\n subLinksListBorderColor = _ref$subLinksListBord === void 0 ? colorsTypes.PRIMARY : _ref$subLinksListBord,\n _ref$menuSubLinksList = _ref.menuSubLinksListBackground,\n menuSubLinksListBackground = _ref$menuSubLinksList === void 0 ? colorsTypes.PRIMARY_VERY_ULTRA_LIGHT : _ref$menuSubLinksList,\n _ref$subLinksItemActi = _ref.subLinksItemActiveTitleColor,\n subLinksItemActiveTitleColor = _ref$subLinksItemActi === void 0 ? colorsTypes.PRIMARY_SEMI_DARK : _ref$subLinksItemActi,\n _ref$subLinksItemTitl = _ref.subLinksItemTitleColor,\n subLinksItemTitleColor = _ref$subLinksItemTitl === void 0 ? colorsTypes.PRIMARY_ULTRA_DARK : _ref$subLinksItemTitl;\n\n var _useState = React.useState(\"\"),\n _useState2 = _slicedToArray(_useState, 2),\n openedSubMenu = _useState2[0],\n setOpenedSubMenu = _useState2[1];\n\n function toggleSubMenu(subMenuId) {\n return function () {\n setOpenedSubMenu(subMenuId === openedSubMenu ? \"\" : subMenuId);\n };\n }\n\n return /*#__PURE__*/React__default$1[\"default\"].createElement(DropdownsContainer // background={background}\n , {\n showBackground: showBackground,\n className: \"DROPDOWN HeaderMobile-DropdownsContainer bl-text-grayscale-100 tw-mt-50 tw-z-50 tw-flex tw-justify-end\",\n minHeight: \"\".concat((((_window = window) === null || _window === void 0 ? void 0 : _window.innerHeight) || 0) - HeaderHeightInPx, \"px\")\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(ScrollContainer$2, {\n className: \"DROPDOWN_CONTAINER HeaderMobile-DropdownsContainer-ScrollContainer tw-w-full lg:tw-w-80 pb-10 lg:bl-bg-grayscale-6\"\n }, (data.NavBarItems || []).map(function (menuItem, index) {\n var isLinkActive = menuItem.id === openedSubMenu;\n var variant = menuItem.pdf ? \"pdf\" : menuItem.pageLinks ? \"pageLinks\" : \"url\";\n return /*#__PURE__*/React__default$1[\"default\"].createElement(DropdownSubMenu$1, {\n key: \"Dropdown-menuItem-\".concat(index),\n isLinkActive: isLinkActive,\n background: menuSubLinksListBackground,\n className: classnames(\"DROPDOWN_CONTAINER__MENU HeaderMobile-DropdownsContainer-ScrollContainer-DropdownSubMenu\", isLinkActive ? \"DROPDOWN_CONTAINER__MENU_ACTIVE\" : \"DROPDOWN_CONTAINER__MENU_NOT_ACTIVE\")\n }, menuItem.subLinks && menuItem.subLinks.length > 0 ? /*#__PURE__*/React__default$1[\"default\"].createElement(LinkWithSubLinks$2, {\n itemActiveTitleColor: subLinksItemActiveTitleColor,\n itemTitleColor: subLinksItemTitleColor,\n borderColor: subLinksListBorderColor,\n titleColor: subLinksTitleColor,\n isLinkActive: isLinkActive,\n id: menuItem.id,\n pathname: pathname,\n text: menuItem.text,\n subLinks: menuItem.subLinks,\n url: menuItem.url,\n onClick: toggleSubMenu,\n classname: \"DROPDOWN_CONTAINER__MENU__ITEM LINK_NORMAL HeaderMobile-DropdownsContainer-ScrollContainer-DropdownSubMenu\"\n }) : /*#__PURE__*/React__default$1[\"default\"].createElement(LinkNormal$2, {\n className: \"DROPDOWN_CONTAINER__MENU__ITEM LINK_NORMAL\",\n menuItem: menuItem,\n pathname: pathname,\n variant: variant\n }));\n }), /*#__PURE__*/React__default$1[\"default\"].createElement(LinkNormal$2, {\n className: \"DROPDOWN_CONTAINER__MENU__ITEM LINK_NORMAL_SEARCH\",\n menuItem: \"\",\n pathname: \"/search\",\n variant: linkVariantTypes.SEARCH\n })));\n}\n\nfunction HeaderMobileDefault(_ref) {\n var data = _ref.data,\n pathname = _ref.pathname,\n className = _ref.className,\n _ref$float = _ref[\"float\"],\n _float = _ref$float === void 0 ? false : _ref$float,\n _ref$scrollY = _ref.scrollY,\n scrollY = _ref$scrollY === void 0 ? 0 : _ref$scrollY,\n _ref$backgroundBreakp = _ref.backgroundBreakpoint,\n backgroundBreakpoint = _ref$backgroundBreakp === void 0 ? 20 : _ref$backgroundBreakp,\n _ref$activeLogoReplac = _ref.activeLogoReplaceImageWith,\n activeLogoReplaceImageWith = _ref$activeLogoReplac === void 0 ? \"\" : _ref$activeLogoReplac,\n _ref$background = _ref.background,\n background = _ref$background === void 0 ? colorsTypes.WHITE : _ref$background,\n _ref$activeBackground = _ref.activeBackground,\n activeBackground = _ref$activeBackground === void 0 ? colorsTypes.WHITE : _ref$activeBackground,\n _ref$hoverActiveBackg = _ref.hoverActiveBackground,\n hoverActiveBackground = _ref$hoverActiveBackg === void 0 ? colorsTypes.WHITE : _ref$hoverActiveBackg,\n _ref$backgroundAfterB = _ref.backgroundAfterBreakpoint,\n backgroundAfterBreakpoint = _ref$backgroundAfterB === void 0 ? colorsTypes.WHITE : _ref$backgroundAfterB,\n _ref$transparentBackg = _ref.transparentBackground,\n transparentBackground = _ref$transparentBackg === void 0 ? colorsTypes.TRANSPARENT : _ref$transparentBackg,\n _ref$hoverFloatBackgr = _ref.hoverFloatBackground,\n hoverFloatBackground = _ref$hoverFloatBackgr === void 0 ? colorsTypes.WHITE : _ref$hoverFloatBackgr,\n _ref$backgroundAfterB2 = _ref.backgroundAfterBreakpointHover,\n backgroundAfterBreakpointHover = _ref$backgroundAfterB2 === void 0 ? colorsTypes.WHITE : _ref$backgroundAfterB2,\n _ref$hoverTransparent = _ref.hoverTransparentBackground,\n hoverTransparentBackground = _ref$hoverTransparent === void 0 ? colorsTypes.TRANSPARENT : _ref$hoverTransparent,\n _ref$transparent = _ref.transparent,\n transparent = _ref$transparent === void 0 ? false : _ref$transparent,\n _ref$forceShow = _ref.forceShow,\n forceShow = _ref$forceShow === void 0 ? false : _ref$forceShow,\n _ref$backgroundMenu = _ref.backgroundMenu,\n backgroundMenu = _ref$backgroundMenu === void 0 ? colorsTypes.WHITE : _ref$backgroundMenu,\n _ref$menuSubLinksList = _ref.menuSubLinksListBorderColor,\n menuSubLinksListBorderColor = _ref$menuSubLinksList === void 0 ? colorsTypes.PRIMARY : _ref$menuSubLinksList,\n _ref$menuSubLinksList2 = _ref.menuSubLinksListBackground,\n menuSubLinksListBackground = _ref$menuSubLinksList2 === void 0 ? colorsTypes.PRIMARY_VERY_ULTRA_LIGHT : _ref$menuSubLinksList2,\n _ref$menuSubLinksTitl = _ref.menuSubLinksTitleColor,\n menuSubLinksTitleColor = _ref$menuSubLinksTitl === void 0 ? colorsTypes.PRIMARY_SEMI_DARK : _ref$menuSubLinksTitl,\n _ref$subLinksItemActi = _ref.subLinksItemActiveTitleColor,\n subLinksItemActiveTitleColor = _ref$subLinksItemActi === void 0 ? colorsTypes.PRIMARY_SEMI_DARK : _ref$subLinksItemActi,\n _ref$menuSubLinksItem = _ref.menuSubLinksItemTitleColor,\n menuSubLinksItemTitleColor = _ref$menuSubLinksItem === void 0 ? colorsTypes.PRIMARY_ULTRA_DARK : _ref$menuSubLinksItem,\n _ref$loginButtonStyle = _ref.loginButtonStyles,\n loginButtonStyles = _ref$loginButtonStyle === void 0 ? {} : _ref$loginButtonStyle,\n _ref$mobileActiveLogo = _ref.mobileActiveLogoReplaceImageWith,\n mobileActiveLogoReplaceImageWith = _ref$mobileActiveLogo === void 0 ? \"\" : _ref$mobileActiveLogo,\n _ref$mobileActiveLogo2 = _ref.mobileActiveLogoReplaceImageWithAfterBreakpoint,\n mobileActiveLogoReplaceImageWithAfterBreakpoint = _ref$mobileActiveLogo2 === void 0 ? \"\" : _ref$mobileActiveLogo2,\n _ref$mobileNoFilterLo = _ref.mobileNoFilterLogo,\n mobileNoFilterLogo = _ref$mobileNoFilterLo === void 0 ? false : _ref$mobileNoFilterLo,\n _ref$mobileNoFilterMe = _ref.mobileNoFilterMenuIcon,\n mobileNoFilterMenuIcon = _ref$mobileNoFilterMe === void 0 ? false : _ref$mobileNoFilterMe,\n _ref$mobileForceFilte = _ref.mobileForceFilterMenuIcon,\n mobileForceFilterMenuIcon = _ref$mobileForceFilte === void 0 ? false : _ref$mobileForceFilte,\n _ref$mobileLogoReplac = _ref.mobileLogoReplaceImageWith,\n mobileLogoReplaceImageWith = _ref$mobileLogoReplac === void 0 ? undefined : _ref$mobileLogoReplac,\n _ref$mobileLogoReplac2 = _ref.mobileLogoReplaceImageWithAfterBreakpoint,\n mobileLogoReplaceImageWithAfterBreakpoint = _ref$mobileLogoReplac2 === void 0 ? undefined : _ref$mobileLogoReplac2,\n _ref$mobileLogoFilter = _ref.mobileLogoFilter,\n mobileLogoFilter = _ref$mobileLogoFilter === void 0 ? undefined : _ref$mobileLogoFilter,\n _ref$mobileLogoFilter2 = _ref.mobileLogoFilterEffectAfterScroll,\n mobileLogoFilterEffectAfterScroll = _ref$mobileLogoFilter2 === void 0 ? [] : _ref$mobileLogoFilter2,\n _ref$mobileFilterEffe = _ref.mobileFilterEffectAfterScroll,\n mobileFilterEffectAfterScroll = _ref$mobileFilterEffe === void 0 ? [] : _ref$mobileFilterEffe,\n _ref$mobileLogoFilter3 = _ref.mobileLogoFilterEffect,\n mobileLogoFilterEffect = _ref$mobileLogoFilter3 === void 0 ? [] : _ref$mobileLogoFilter3,\n _ref$mobileActiveLogo3 = _ref.mobileActiveLogoFilterEffectAfterScroll,\n mobileActiveLogoFilterEffectAfterScroll = _ref$mobileActiveLogo3 === void 0 ? [] : _ref$mobileActiveLogo3,\n _ref$mobileMenuIconFi = _ref.mobileMenuIconFilterEffect,\n mobileMenuIconFilterEffect = _ref$mobileMenuIconFi === void 0 ? [\"invert()\", \"grayscale(1)\", \"saturate(0)\"] : _ref$mobileMenuIconFi,\n _ref$mobileMenuIconFi2 = _ref.mobileMenuIconFilterEffectAfterScroll,\n mobileMenuIconFilterEffectAfterScroll = _ref$mobileMenuIconFi2 === void 0 ? [\"invert()\", \"grayscale(1)\", \"saturate(0)\"] : _ref$mobileMenuIconFi2,\n _ref$mobileMenuIconAc = _ref.mobileMenuIconActiveFilterEffectAfterScroll,\n mobileMenuIconActiveFilterEffectAfterScroll = _ref$mobileMenuIconAc === void 0 ? [\"invert()\", \"grayscale(1)\", \"saturate(0)\"] : _ref$mobileMenuIconAc,\n _ref$menuIconFilterEf = _ref.menuIconFilterEffect,\n menuIconFilterEffect = _ref$menuIconFilterEf === void 0 ? [\"invert()\", \"grayscale(1)\", \"saturate(0)\"] : _ref$menuIconFilterEf,\n _ref$menuIconFilterEf2 = _ref.menuIconFilterEffectAfterScroll,\n menuIconFilterEffectAfterScroll = _ref$menuIconFilterEf2 === void 0 ? [\"invert()\", \"grayscale(1)\", \"saturate(0)\"] : _ref$menuIconFilterEf2,\n _ref$menuIconActiveFi = _ref.menuIconActiveFilterEffectAfterScroll,\n menuIconActiveFilterEffectAfterScroll = _ref$menuIconActiveFi === void 0 ? [\"invert()\", \"grayscale(1)\", \"saturate(0)\"] : _ref$menuIconActiveFi,\n _ref$mobileActiveLogo4 = _ref.mobileActiveLogoFilterEffect,\n mobileActiveLogoFilterEffect = _ref$mobileActiveLogo4 === void 0 ? [\"invert()\", \"grayscale(1)\", \"saturate(0)\"] : _ref$mobileActiveLogo4,\n _ref$mobileLoginButto = _ref.mobileLoginButtonStyles,\n mobileLoginButtonStyles = _ref$mobileLoginButto === void 0 ? {} : _ref$mobileLoginButto,\n _ref$mobileMenuIconSt = _ref.mobileMenuIconStyles,\n mobileMenuIconStyles = _ref$mobileMenuIconSt === void 0 ? {} : _ref$mobileMenuIconSt,\n _ref$mobileBackground = _ref.mobileBackground,\n mobileBackground = _ref$mobileBackground === void 0 ? colorsTypes.WHITE : _ref$mobileBackground,\n _ref$mobileBackground2 = _ref.mobileBackgroundAfterBreakpoint,\n mobileBackgroundAfterBreakpoint = _ref$mobileBackground2 === void 0 ? colorsTypes.WHITE : _ref$mobileBackground2,\n _ref$mobileActiveBack = _ref.mobileActiveBackground,\n mobileActiveBackground = _ref$mobileActiveBack === void 0 ? colorsTypes.WHITE : _ref$mobileActiveBack,\n _ref$mobileTransparen = _ref.mobileTransparentBackground,\n mobileTransparentBackground = _ref$mobileTransparen === void 0 ? colorsTypes.TRANSPARENT : _ref$mobileTransparen,\n _ref$mobileHoverBackg = _ref.mobileHoverBackground,\n mobileHoverBackground = _ref$mobileHoverBackg === void 0 ? colorsTypes.WHITE : _ref$mobileHoverBackg,\n _ref$mobileHoverFloat = _ref.mobileHoverFloatBackground,\n mobileHoverFloatBackground = _ref$mobileHoverFloat === void 0 ? colorsTypes.WHITE : _ref$mobileHoverFloat,\n _ref$mobileHoverActiv = _ref.mobileHoverActiveBackground,\n mobileHoverActiveBackground = _ref$mobileHoverActiv === void 0 ? colorsTypes.WHITE : _ref$mobileHoverActiv,\n _ref$mobileBackground3 = _ref.mobileBackgroundAfterBreakpointHover,\n mobileBackgroundAfterBreakpointHover = _ref$mobileBackground3 === void 0 ? colorsTypes.WHITE : _ref$mobileBackground3,\n _ref$mobileHoverTrans = _ref.mobileHoverTransparentBackground,\n mobileHoverTransparentBackground = _ref$mobileHoverTrans === void 0 ? colorsTypes.TRANSPARENT : _ref$mobileHoverTrans,\n _ref$isDynamic = _ref.isDynamic,\n isDynamic = _ref$isDynamic === void 0 ? false : _ref$isDynamic;\n\n var _useModal = useModal(),\n isModalVisible = _useModal.isModalVisible,\n closeModal = _useModal.closeModal,\n showModal = _useModal.showModal;\n\n var _useState = React.useState(false),\n _useState2 = _slicedToArray(_useState, 2),\n menuActive = _useState2[0],\n setMenuActive = _useState2[1];\n\n React.useEffect(function () {\n screenOverflowHidden(menuActive);\n }, [menuActive]);\n\n var checkModalActivation = function checkModalActivation() {\n if (loginButtonStyles.variant !== loginVariantTypes.NO_MODAL) {\n showModal();\n } else {\n window.open(\"\".concat(process.env.GATSBY_LOGIN_URL), \"_blank\");\n }\n\n setMenuActive(false);\n };\n\n var cuName = process.env.GATSBY_CU_NAME;\n var includeCu = [\"Toledo New\", \"mcdowell\"];\n var secondLoginLink = {\n \"Toledo New\": \"https://toledometrocu.lenderpayments.com\",\n mcdowell: \"https://mcdowellcornerstone.alliedpayment.com/portalpay/app/?type=external\"\n };\n var secondLoginText = {\n \"Toledo New\": \"Make a Payment\",\n mcdowell: \"Loan Payment Portal\"\n };\n return /*#__PURE__*/React__default$1[\"default\"].createElement(HeaderDynamicContainer, {\n activeLogoReplaceImageWith: activeLogoReplaceImageWith,\n mobileActiveLogoReplaceImageWith: mobileActiveLogoReplaceImageWith,\n mobileLogoFilterEffectAfterScroll: mobileLogoFilterEffectAfterScroll,\n mobileActiveLogoFilterEffectAfterScroll: mobileActiveLogoFilterEffectAfterScroll,\n mobileActiveLogoReplaceImageWithAfterBreakpoint: mobileActiveLogoReplaceImageWithAfterBreakpoint,\n activeLogoFilterEffect: mobileActiveLogoFilterEffect,\n mobileFilterEffectAfterScroll: mobileFilterEffectAfterScroll,\n mobileLogoReplaceImageWith: mobileLogoReplaceImageWith,\n mobileLogoReplaceImageWithAfterBreakpoint: mobileLogoReplaceImageWithAfterBreakpoint,\n mobileNoFilterLogo: mobileNoFilterLogo,\n mobileLogoFilterEffect: mobileLogoFilterEffect,\n logoReplaceImageWithAfterBreakpoint: mobileLogoReplaceImageWithAfterBreakpoint,\n logoReplaceImageWith: mobileLogoReplaceImageWith,\n activeBackground: activeBackground,\n mobileActiveBackground: mobileActiveBackground,\n hoverActiveBackground: hoverActiveBackground,\n mobileHoverActiveBackground: mobileHoverActiveBackground,\n noFilterLogo: mobileNoFilterLogo,\n filter: mobileLogoFilter,\n background: background,\n mobileBackground: mobileBackground,\n mobileHoverBackground: mobileHoverBackground,\n hoverFloatBackground: hoverFloatBackground,\n mobileHoverFloatBackground: mobileHoverFloatBackground,\n backgroundAfterBreakpointHover: backgroundAfterBreakpointHover,\n mobileBackgroundAfterBreakpointHover: mobileBackgroundAfterBreakpointHover,\n hoverTransparentBackground: hoverTransparentBackground,\n mobileHoverTransparentBackground: mobileHoverTransparentBackground,\n backgroundAfterBreakpoint: backgroundAfterBreakpoint,\n mobileBackgroundAfterBreakpoint: mobileBackgroundAfterBreakpoint,\n transparentBackground: transparentBackground,\n mobileTransparentBackground: mobileTransparentBackground,\n \"float\": _float,\n scrollY: scrollY,\n backgroundBreakpoint: backgroundBreakpoint,\n transparent: transparent || !menuActive,\n forceShow: forceShow || menuActive,\n className: classnames(\"HEADER_MOBILE_DEFAULT HeaderDynamicContainer lg:tw-pb-16 tw-fixed lg:tw-absolute tw-z-50 tw-w-full tw-font-normal lg:tw-h-full\", menuActive ? \"HEADER_MOBILE_DEFAULT__OPEN tw-min-h-screen tw-overflow-y-scroll lg:tw-overflow-y-auto\" : \"HEADER_MOBILE_DEFAULT__CLOSE\", scrollY > backgroundBreakpoint ? \"HEADER_MOBILE_DEFAULT_SCROLLED \" : \"HEADER_MOBILE_DEFAULT_NO_SCROLLED\", isDynamic ? \"HEADER_MOBILE_DEFAULT_DINAMIC_PAGE\" : \"HEADER_MOBILE_DEFAULT_NO_DINAMIC_PAGE\", className),\n style: HeaderHeight\n }, data && /*#__PURE__*/React__default$1[\"default\"].createElement(Toast, {\n data: data.Toast\n }), /*#__PURE__*/React__default$1[\"default\"].createElement(\"nav\", {\n className: classnames(\"HEADER_MOBILE_DEFAULT__CONTAINER HeaderDynamicContainer-Nav tw-z-50 lg:tw-h-full\", !menuActive && \"tw-h-auto\")\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"HEADER_MOBILE_DEFAULT__CONTAINER__CONTENT HeaderDynamicContainer-Container tw-h-auto tw-px-6\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"HEADER_MOBILE_DEFAULT__CONTAINER__CONTENT__BOX HeaderDynamicContainer-Container-Container tw-w-full tw-flex tw-justify-between tw-items-center\",\n style: HeaderHeight\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(Link, {\n className: \"HEADER_MOBILE_DEFAULT__CONTAINER__CONTENT__BOX__LOGO HeaderDynamicContainer-Container-Container-Link tw-relative tw-w-40 tw-h-20\",\n to: \"/\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(Logo, {\n className: \"HEADER_MOBILE_DEFAULT__CONTAINER__CONTENT__BOX__LOGO__IMAGE HeaderDynamicContainer-Container-Container-Logo Header__logo tw-w-40 tw-my-3\",\n src: \"/images/logo.svg\",\n alt: \"\".concat(process.env.GATSBY_CU_NAME, \" Logo\")\n })), /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"HEADER_MOBILE_DEFAULT__CONTAINER__CONTENT__BOX__MENU HeaderDynamicContainer-Container-Container-Container tw-float-right tw-flex tw-items-center tw-py-2 tw-rounded\"\n }, includeCu.includes(cuName) && data && data.loginButtonText && /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n style: {\n marginRight: \"20px\"\n }\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(Button$2, {\n is: \"a\",\n href: secondLoginLink[cuName],\n fill: buttonFillTypes.FILLED,\n styleType: buttonStyleTypes.PILL,\n className: classnames(\"HEADER_MOBILE_DEFAULT__CONTAINER__CONTENT__BOX__MENU__ITEM HeaderDynamicContainer-Container-Container-Pill-Button tw-mr-3\", menuActive ? \"tw-hidden lg:tw-block\" : \"tw-block\") // onClick={checkModalActivation}\n // {...loginButtonStyles}\n\n }, secondLoginText[cuName])), data && data.loginButtonText && /*#__PURE__*/React__default$1[\"default\"].createElement(Button$2, _extends$g({\n fill: buttonFillTypes.FILLED,\n styleType: buttonStyleTypes.PILL,\n className: classnames(\"HEADER_MOBILE_DEFAULT__CONTAINER__CONTENT__BOX__MENU__ITEM HeaderDynamicContainer-Container-Container-Pill-Button tw-mr-3\", menuActive ? \"tw-hidden lg:tw-block\" : \"tw-block\"),\n onClick: checkModalActivation\n }, loginButtonStyles), data.loginButtonText), data && /*#__PURE__*/React__default$1[\"default\"].createElement(\"button\", {\n type: \"button\",\n className: \"HEADER_MOBILE_DEFAULT__CONTAINER__CONTENT__BOX__MENU__ITEM__ICON_BOX HeaderDynamicContainer-Container-Container-Button tw-float-right tw-flex tw-items-center tw-px-3 tw-py-2 hover:bl-border-grayscale-0 \",\n onClick: function onClick() {\n setMenuActive(function (current) {\n return !current;\n });\n }\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(Icon, _extends$g({\n className: \"HEADER_MOBILE_DEFAULT__CONTAINER__CONTENT__BOX__MENU__ITEM__ICON_BOX__ICON\",\n icon: menuActive ? iconTypes.REMOVE : iconTypes.NAVIGATION_MENU,\n menuActive: menuActive,\n isScrollChangeColorButton: mobileLoginButtonStyles === null || mobileLoginButtonStyles === void 0 ? void 0 : mobileLoginButtonStyles.isScrollChangeColorButton,\n \"float\": _float,\n scrollY: scrollY,\n backgroundBreakpoint: backgroundBreakpoint,\n noFilter: mobileNoFilterMenuIcon,\n forceFilter: mobileForceFilterMenuIcon,\n filterEffect: menuIconFilterEffect,\n filterEffectAfterScroll: menuIconFilterEffectAfterScroll,\n activeFilterEffectAfterScroll: menuIconActiveFilterEffectAfterScroll,\n mobileFilterEffect: mobileMenuIconFilterEffect,\n mobileFilterEffectAfterScroll: mobileMenuIconFilterEffectAfterScroll,\n mobileActiveFilterEffectAfterScroll: mobileMenuIconActiveFilterEffectAfterScroll\n }, mobileMenuIconStyles)))))), menuActive && data && /*#__PURE__*/React__default$1[\"default\"].createElement(Dropdown$2, {\n subLinksItemTitleColor: menuSubLinksItemTitleColor,\n subLinksListBorderColor: menuSubLinksListBorderColor,\n menuSubLinksListBackground: menuSubLinksListBackground,\n subLinksTitleColor: menuSubLinksTitleColor,\n subLinksItemActiveTitleColor: subLinksItemActiveTitleColor,\n background: backgroundMenu,\n showBackground: _float,\n data: data,\n pathname: pathname,\n classname: \"HEADER_MOBILE_DEFAULT__CONTAINER__CONTENT__DROPDOWN HeaderMobile-HeaderDynamicContainer-Dropdown\"\n }), /*#__PURE__*/React__default$1[\"default\"].createElement(Modal, {\n className: \"HEADER_MOBILE_DEFAULT__CONTAINER__CONTENT__MODAL\",\n show: isModalVisible,\n closeModal: closeModal\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(Login, {\n variant: loginButtonStyles.variant\n }))));\n}\n\nvar _excluded$C = [\"variant\"];\n\nfunction HeaderMobile(_ref) {\n var _ref$variant = _ref.variant,\n variant = _ref$variant === void 0 ? headerMobileVariantTypes.STANDARD : _ref$variant,\n otherProps = _objectWithoutProperties$2(_ref, _excluded$C);\n\n switch (variant) {\n case headerMobileVariantTypes.STANDARD:\n return /*#__PURE__*/React__default$1[\"default\"].createElement(HeaderMobileDefault, otherProps);\n\n default:\n throw new Error(\"Header Mobile: Invalid variant type (\".concat(variant, \")\"));\n }\n}\n\nvar _templateObject$k;\n\nvar ScrollContainer$1 = styled__default[\"default\"].div(_templateObject$k || (_templateObject$k = _taggedTemplateLiteral([\"\\n height: 100vh;\\n overflow-y: auto;\\n padding-bottom: 150px;\\n\"])));\n\nvar _templateObject$j;\n\nvar DropdownSubMenu = styled__default[\"default\"].div(_templateObject$j || (_templateObject$j = _taggedTemplateLiteral([\"\\n margin: \", \"px 0 40px 0;\\n background: \", \";\\n width: 100%;\\n transition: all linear 90ms;\\n\"])), function (_ref) {\n var _ref$isLinkActive = _ref.isLinkActive,\n isLinkActive = _ref$isLinkActive === void 0 ? false : _ref$isLinkActive;\n return isLinkActive ? 4 : 8;\n}, function (_ref2) {\n var _ref2$isLinkActive = _ref2.isLinkActive,\n isLinkActive = _ref2$isLinkActive === void 0 ? false : _ref2$isLinkActive,\n _ref2$background = _ref2.background,\n background = _ref2$background === void 0 ? colorsTypes.PRIMARY_VERY_ULTRA_LIGHT : _ref2$background;\n return isLinkActive ? background : undefined;\n});\n\nvar _templateObject$i;\n\nvar LinkWithSubLinksContainer = styled__default[\"default\"].button(_templateObject$i || (_templateObject$i = _taggedTemplateLiteral([\"\\n border-color: \", \";\\n\"])), function (_ref) {\n var _ref$borderColor = _ref.borderColor,\n borderColor = _ref$borderColor === void 0 ? colorsTypes.PRIMARY : _ref$borderColor;\n return borderColor;\n});\n\nvar _templateObject$h;\n\nvar LinkWithSubLinksButton$1 = styled__default[\"default\"].button(_templateObject$h || (_templateObject$h = _taggedTemplateLiteral([\"\\n display: flex;\\n flex-direction: row;\\n flex-wrap: nowrap;\\n justify-content: flex-start;\\n align-items: center;\\n font-family: \", \";\\n\"])), getFontFamily(fontsFamiliesVariantsTypes.PRIMARY));\n\nvar _templateObject$g;\n\nvar LinkWithSubLinksTitle$1 = styled__default[\"default\"].p(_templateObject$g || (_templateObject$g = _taggedTemplateLiteral([\"\\n color: \", \";\\n margin-right: 1rem;\\n font-family: \", \";\\n font-weight: 500;\\n\"])), function (_ref) {\n var _ref$color = _ref.color,\n color = _ref$color === void 0 ? colorsTypes.PRIMARY_ULTRA_DARK : _ref$color;\n return color;\n}, getFontFamily(fontsFamiliesVariantsTypes.SECONDARY));\n\nvar _templateObject$f;\n\nvar SubLinkItemTitle = styled__default[\"default\"].p(_templateObject$f || (_templateObject$f = _taggedTemplateLiteral([\"\\n color: \", \";\\n font-weight: bold;\\n font-family: \", \";\\n\"])), function (_ref) {\n var _ref$color = _ref.color,\n color = _ref$color === void 0 ? colorsTypes.LIGHT : _ref$color;\n return color;\n}, getFontFamily(fontsFamiliesVariantsTypes.SECONDARY));\n\nvar _templateObject$e;\n\nvar SubLinkItem$1 = styled__default[\"default\"](Link)(_templateObject$e || (_templateObject$e = _taggedTemplateLiteral([\"\\n font-family: \", \";\\n color: \", \";\\n\"])), function (_ref) {\n var _ref$primaryFamily = _ref.primaryFamily,\n primaryFamily = _ref$primaryFamily === void 0 ? false : _ref$primaryFamily;\n return primaryFamily ? getFontFamily(fontsFamiliesVariantsTypes.PRIMARY) : undefined;\n}, function (_ref2) {\n var _ref2$color = _ref2.color,\n color = _ref2$color === void 0 ? colorsTypes.ULTRA_DARK : _ref2$color;\n return color;\n});\n\nfunction SubLinks$1(_ref) {\n var _window;\n\n var pathname = _ref.pathname,\n _ref$subLinks = _ref.subLinks,\n subLinks = _ref$subLinks === void 0 ? [] : _ref$subLinks,\n _ref$titleColor = _ref.titleColor,\n titleColor = _ref$titleColor === void 0 ? colorsTypes.PRIMARY_ULTRA_DARK : _ref$titleColor,\n _ref$linkActiveColor = _ref.linkActiveColor,\n linkActiveColor = _ref$linkActiveColor === void 0 ? colorsTypes.PRIMARY_SEMI_DARK : _ref$linkActiveColor,\n _ref$linkColor = _ref.linkColor,\n linkColor = _ref$linkColor === void 0 ? colorsTypes.PRIMARY_ULTRA_DARK : _ref$linkColor;\n\n var _ref2 = ((_window = window) === null || _window === void 0 ? void 0 : _window.location) || {},\n _ref2$pathname = _ref2.pathname,\n localPathname = _ref2$pathname === void 0 ? \"\" : _ref2$pathname;\n\n return /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"SUB_LINKS HeaderMobile-LinkWithSubLinksContainer-SubLinks tw-pt-6\"\n }, subLinks.map(function (subLink, i) {\n var keys = Object.keys(subLink) || []; // const keysValues = Object.values(subLink) || [];\n // const keysBooleans = keysValues.map((key = \"\") => {\n // if (key === \"/\") return false;\n // return new RegExp(`^${localPathname}`, \"gi\").test(key);\n // });\n // const subLinksActive = some(keysBooleans, Boolean);\n\n return /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n key: \"SubLinks-subLink-\".concat(i),\n className: \"SUB_LINKS__ITEM HeaderMobile-LinkWithSubLinksContainer-SubLinks-subLink tw-mb-10 last:tw-mb-0\"\n }, subLink.title && /*#__PURE__*/React__default$1[\"default\"].createElement(SubLinkItemTitle // color={subLinksActive ? titleActiveColor : titleColor}\n , {\n color: titleColor,\n className: \"SUB_LINKS__ITEM__TITLE HeaderMobile-LinkWithSubLinksContainer-SubLinks-subLink-SubLinkItemTitle tw-pl-4 bl-text-base tw-mb-6\"\n }, subLink.title), keys.map(function (key, index) {\n var url = subLink[\"url\".concat(index)];\n var text = subLink[\"text\".concat(index)];\n if (!url || !text) return null;\n var subLinkActive = new RegExp(localPathname, \"gi\").test(url);\n if (localPathname === \"/\") subLinkActive = false;\n return /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n key: \"SubLink-key-\".concat(key),\n className: \"SUB_LINKS__ITEM__CONTENT HeaderMobile-LinkWithSubLinksContainer-SubLinks-subLink-SubLink-key tw-w-full tw-pb-6 last:tw-pb-0 tw-pl-4 bl-text-md\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(SubLinkItem$1, {\n to: url,\n primaryFamily: \"/\".concat(pathname) === url,\n color: subLinkActive ? linkActiveColor : linkColor,\n className: \"SUB_LINKS__ITEM__CONTENT__LINK\"\n }, text));\n }));\n }));\n}\n\nfunction LinkWithSubLinks$1(_ref) {\n var id = _ref.id,\n pathname = _ref.pathname,\n text = _ref.text,\n subLinks = _ref.subLinks,\n isLinkActive = _ref.isLinkActive,\n onClick = _ref.onClick,\n borderColor = _ref.borderColor,\n _ref$titleColor = _ref.titleColor,\n titleColor = _ref$titleColor === void 0 ? colorsTypes.PRIMARY_ULTRA_DARK : _ref$titleColor,\n _ref$titleActiveColor = _ref.titleActiveColor,\n titleActiveColor = _ref$titleActiveColor === void 0 ? colorsTypes.PRIMARY_SEMI_DARK : _ref$titleActiveColor,\n _ref$itemActiveTitleC = _ref.itemActiveTitleColor,\n itemActiveTitleColor = _ref$itemActiveTitleC === void 0 ? colorsTypes.PRIMARY_SEMI_DARK : _ref$itemActiveTitleC,\n _ref$itemTitleColor = _ref.itemTitleColor,\n itemTitleColor = _ref$itemTitleColor === void 0 ? colorsTypes.PRIMARY_ULTRA_DARK : _ref$itemTitleColor;\n return /*#__PURE__*/React__default$1[\"default\"].createElement(LinkWithSubLinksContainer, {\n borderColor: borderColor,\n className: classnames(\"LINK_SUB_LINKS HeaderMobile-LinkWithSubLinksContainer tw-text-left\", isLinkActive && \"tw-border-l-2 tw-py-4\")\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(LinkWithSubLinksButton$1, {\n type: \"button\",\n className: classnames(\"LINK_SUB_LINKS__HEADER HeaderMobile-LinkWithSubLinksButton focus:tw-outline-none tw-text-left bl-text-md tw-pl-4\", isLinkActive && \"tw-mb-2\"),\n onClick: onClick(id),\n onKeyPress: onClick(id)\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(LinkWithSubLinksTitle$1, {\n color: isLinkActive ? titleActiveColor : titleColor,\n className: \"LINK_SUB_LINKS__HEADER__TITLE \".concat(isLinkActive && \"LINK_SUB_LINKS__HEADER__TITLE_ACTIVE\", \" HeaderMobile-LinkWithSubLinksButton-LinkWithSubLinksTitle\")\n }, text), /*#__PURE__*/React__default$1[\"default\"].createElement(Icon, {\n size: 16,\n icon: isLinkActive ? iconTypes.ARROW_UP_1 : iconTypes.ARROW_DOWN_1,\n className: \"LINK_SUB_LINKS__HEADER__ICON HeaderMobile-LinkWithSubLinksButton-Icon\"\n })), isLinkActive && /*#__PURE__*/React__default$1[\"default\"].createElement(SubLinks$1, {\n titleActiveColor: itemActiveTitleColor,\n titleColor: itemTitleColor,\n pathname: pathname,\n subLinks: subLinks,\n classname: \"LINK_SUB_LINKS__CONTENT HeaderMobile-LinkWithSubLinksContainer-isLinkActive-SubLinks\"\n }));\n}\n\nvar _templateObject$d;\n\nvar CustomLink$1 = styled__default[\"default\"](Link)(_templateObject$d || (_templateObject$d = _taggedTemplateLiteral([\"\\n border-color: \", \";\\n font-family: \", \";\\n font-weight: 500;\\n\"])), function (_ref) {\n var _ref$borderColor = _ref.borderColor,\n borderColor = _ref$borderColor === void 0 ? colorsTypes.PRIMARY : _ref$borderColor;\n return borderColor;\n}, fontsFamiliesTypes.SECONDARY);\n\nfunction LinkNormal$1(_ref) {\n var menuItem = _ref.menuItem,\n pathname = _ref.pathname,\n variant = _ref.variant;\n\n switch (variant) {\n case linkVariantTypes.PAGE_LINKS:\n return /*#__PURE__*/React__default$1[\"default\"].createElement(CustomLink$1, {\n popup: \"\".concat(menuItem.openThirdPartyPopup),\n to: menuItem.pageLinks,\n className: classnames(\"CUSTOM_LINK HeaderMobile-LinkNormal-PAGE_LINKS tw-block lg:tw-inline-block lg:tw-mt-0 bl-text-md tw-pl-4\", \"/\".concat(pathname) === menuItem.url && \"lg:tw-pt-1 tw-border-l-2 tw-font-bold bl-border-primary\", pathname === menuItem.url ? \"HEADER_MOBILE__ACTIVE\" : \"HEADER_MOBILE__INACTIVE\")\n }, menuItem.text);\n\n case linkVariantTypes.PDF:\n return /*#__PURE__*/React__default$1[\"default\"].createElement(CustomLink$1, {\n popup: \"\".concat(menuItem.openThirdPartyPopup),\n to: menuItem.pdf.url,\n className: classnames(\"CUSTOM_LINK HeaderMobile-LinkNormal-PDF tw-block lg:tw-inline-block lg:tw-mt-0 bl-text-md tw-pl-4\", \"/\".concat(pathname) === menuItem.url && \"lg:tw-pt-1 tw-border-l-2 tw-font-bold bl-border-primary\", pathname === menuItem.url ? \"HEADER_MOBILE__ACTIVE\" : \"HEADER_MOBILE__INACTIVE\")\n }, menuItem.text);\n\n case linkVariantTypes.SEARCH:\n return /*#__PURE__*/React__default$1[\"default\"].createElement(CustomLink$1, {\n \"aria-label\": \"Search Button\",\n to: \"/search\",\n className: classnames(\"CUSTOM_LINK HeaderMobile-LinkNormal-PDF tw-block lg:tw-inline-block lg:tw-mt-0 bl-text-md tw-pl-4\", \"/search\")\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"CUSTOM_LINK_SEARCH_CONTAINER tw-flex\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"CUSTOM_LINK_SEARCH_ITEM\"\n }, \"Search\"), /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"CUSTOM_LINK_SEARCH_ITEM CUSTOM_LINK_SEARCH_ICON\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(\"svg\", {\n xmlns: \"http://www.w3.org/2000/svg\",\n width: \"18\",\n height: \"19\",\n viewBox: \"0 0 16 17\",\n fill: \"none\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M6 2.75C3.79086 2.75 2 4.54086 2 6.75C2 8.95914 3.79086 10.75 6 10.75C8.20914 10.75 10 8.95914 10 6.75C10 4.54086 8.20914 2.75 6 2.75ZM0 6.75C0 3.43629 2.68629 0.75 6 0.75C9.31371 0.75 12 3.43629 12 6.75C12 8.04583 11.5892 9.24572 10.8907 10.2265L15.7071 15.0429C16.0976 15.4334 16.0976 16.0666 15.7071 16.4571C15.3166 16.8476 14.6834 16.8476 14.2929 16.4571L9.47653 11.6407C8.49572 12.3392 7.29583 12.75 6 12.75C2.68629 12.75 0 10.0637 0 6.75Z\",\n fill: \"#05274C\"\n })))));\n\n default:\n return /*#__PURE__*/React__default$1[\"default\"].createElement(CustomLink$1, {\n popup: \"\".concat(menuItem.openThirdPartyPopup),\n to: menuItem.url,\n className: classnames(\"CUSTOM_LINK HeaderMobile-LinkNormal-DEFAULT tw-block lg:tw-inline-block lg:tw-mt-0 bl-text-md tw-pl-4\", \"/\".concat(pathname) === menuItem.url && \"lg:tw-pt-1 tw-border-l-2 tw-font-bold bl-border-primary\", pathname === menuItem.url ? \"HEADER_MOBILE__ACTIVE\" : \"HEADER_MOBILE__INACTIVE\")\n }, menuItem.text);\n }\n}\n\nfunction Dropdown$1(_ref) {\n var _window;\n\n var data = _ref.data,\n pathname = _ref.pathname,\n _ref$showBackground = _ref.showBackground,\n showBackground = _ref$showBackground === void 0 ? false : _ref$showBackground,\n _ref$subLinksTitleCol = _ref.subLinksTitleColor,\n subLinksTitleColor = _ref$subLinksTitleCol === void 0 ? colorsTypes.PRIMARY : _ref$subLinksTitleCol,\n _ref$subLinksListBord = _ref.subLinksListBorderColor,\n subLinksListBorderColor = _ref$subLinksListBord === void 0 ? colorsTypes.PRIMARY : _ref$subLinksListBord,\n _ref$menuSubLinksList = _ref.menuSubLinksListBackground,\n menuSubLinksListBackground = _ref$menuSubLinksList === void 0 ? colorsTypes.PRIMARY_VERY_ULTRA_LIGHT : _ref$menuSubLinksList,\n _ref$subLinksItemActi = _ref.subLinksItemActiveTitleColor,\n subLinksItemActiveTitleColor = _ref$subLinksItemActi === void 0 ? colorsTypes.PRIMARY_SEMI_DARK : _ref$subLinksItemActi,\n _ref$subLinksItemTitl = _ref.subLinksItemTitleColor,\n subLinksItemTitleColor = _ref$subLinksItemTitl === void 0 ? colorsTypes.PRIMARY_ULTRA_DARK : _ref$subLinksItemTitl;\n\n var _useState = React.useState(\"\"),\n _useState2 = _slicedToArray(_useState, 2),\n openedSubMenu = _useState2[0],\n setOpenedSubMenu = _useState2[1];\n\n function toggleSubMenu(subMenuId) {\n return function () {\n setOpenedSubMenu(subMenuId === openedSubMenu ? \"\" : subMenuId);\n };\n }\n\n return /*#__PURE__*/React__default$1[\"default\"].createElement(DropdownsContainer // background={background}\n , {\n showBackground: showBackground,\n className: \"DROPDOWN HeaderMobile-DropdownsContainer bl-text-grayscale-100 tw-mt-50 tw-z-50 tw-flex tw-justify-end\",\n minHeight: \"\".concat((((_window = window) === null || _window === void 0 ? void 0 : _window.innerHeight) || 0) - HeaderHeightInPx, \"px\")\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(ScrollContainer$1, {\n className: \"DROPDOWN_CONTAINER HeaderMobile-DropdownsContainer-ScrollContainer tw-w-full lg:tw-w-80 pb-10 lg:bl-bg-grayscale-6\"\n }, (data.NavBarItems || []).map(function (menuItem, index) {\n var isLinkActive = menuItem.id === openedSubMenu;\n var variant = menuItem.pdf ? \"pdf\" : menuItem.pageLinks ? \"pageLinks\" : \"url\";\n return /*#__PURE__*/React__default$1[\"default\"].createElement(DropdownSubMenu, {\n key: \"Dropdown-menuItem-\".concat(index),\n isLinkActive: isLinkActive,\n background: menuSubLinksListBackground,\n className: \"DROPDOWN_CONTAINER__MENU HeaderMobile-DropdownsContainer-ScrollContainer-DropdownSubMenu\"\n }, menuItem.subLinks && menuItem.subLinks.length > 0 ? /*#__PURE__*/React__default$1[\"default\"].createElement(LinkWithSubLinks$1, {\n itemActiveTitleColor: subLinksItemActiveTitleColor,\n itemTitleColor: subLinksItemTitleColor,\n borderColor: subLinksListBorderColor,\n titleColor: subLinksTitleColor,\n isLinkActive: isLinkActive,\n id: menuItem.id,\n pathname: pathname,\n text: menuItem.text,\n subLinks: menuItem.subLinks,\n url: menuItem.url,\n onClick: toggleSubMenu,\n classname: \"DROPDOWN_CONTAINER__MENU__ITEM LINK_NORMAL HeaderMobile-DropdownsContainer-ScrollContainer-DropdownSubMenu\"\n }) : /*#__PURE__*/React__default$1[\"default\"].createElement(LinkNormal$1, {\n className: \"DROPDOWN_CONTAINER__MENU__ITEM LINK_NORMAL\",\n menuItem: menuItem,\n pathname: pathname,\n variant: variant\n }));\n })));\n}\n\nvar _templateObject$c, _templateObject2$2, _templateObject3$2, _templateObject4, _templateObject5;\n\nfunction HeaderMobileDouble(_ref) {\n var _data$TopNavbar, _data$TopNavbar2, _data$TopNavbar3;\n\n var data = _ref.data,\n pathname = _ref.pathname,\n className = _ref.className,\n _ref$float = _ref[\"float\"],\n _float = _ref$float === void 0 ? false : _ref$float,\n _ref$scrollY = _ref.scrollY,\n scrollY = _ref$scrollY === void 0 ? 0 : _ref$scrollY,\n _ref$backgroundBreakp = _ref.backgroundBreakpoint,\n backgroundBreakpoint = _ref$backgroundBreakp === void 0 ? 20 : _ref$backgroundBreakp,\n _ref$activeLogoReplac = _ref.activeLogoReplaceImageWith,\n activeLogoReplaceImageWith = _ref$activeLogoReplac === void 0 ? \"\" : _ref$activeLogoReplac,\n _ref$background = _ref.background,\n background = _ref$background === void 0 ? colorsTypes.WHITE : _ref$background,\n _ref$activeBackground = _ref.activeBackground,\n activeBackground = _ref$activeBackground === void 0 ? colorsTypes.WHITE : _ref$activeBackground,\n _ref$hoverActiveBackg = _ref.hoverActiveBackground,\n hoverActiveBackground = _ref$hoverActiveBackg === void 0 ? colorsTypes.WHITE : _ref$hoverActiveBackg,\n _ref$backgroundAfterB = _ref.backgroundAfterBreakpoint,\n backgroundAfterBreakpoint = _ref$backgroundAfterB === void 0 ? colorsTypes.WHITE : _ref$backgroundAfterB,\n _ref$transparentBackg = _ref.transparentBackground,\n transparentBackground = _ref$transparentBackg === void 0 ? colorsTypes.TRANSPARENT : _ref$transparentBackg,\n _ref$hoverFloatBackgr = _ref.hoverFloatBackground,\n hoverFloatBackground = _ref$hoverFloatBackgr === void 0 ? colorsTypes.WHITE : _ref$hoverFloatBackgr,\n _ref$backgroundAfterB2 = _ref.backgroundAfterBreakpointHover,\n backgroundAfterBreakpointHover = _ref$backgroundAfterB2 === void 0 ? colorsTypes.WHITE : _ref$backgroundAfterB2,\n _ref$hoverTransparent = _ref.hoverTransparentBackground,\n hoverTransparentBackground = _ref$hoverTransparent === void 0 ? colorsTypes.TRANSPARENT : _ref$hoverTransparent,\n _ref$transparent = _ref.transparent,\n transparent = _ref$transparent === void 0 ? false : _ref$transparent,\n _ref$forceShow = _ref.forceShow,\n forceShow = _ref$forceShow === void 0 ? false : _ref$forceShow,\n _ref$backgroundMenu = _ref.backgroundMenu,\n backgroundMenu = _ref$backgroundMenu === void 0 ? colorsTypes.WHITE : _ref$backgroundMenu,\n _ref$menuSubLinksList = _ref.menuSubLinksListBorderColor,\n menuSubLinksListBorderColor = _ref$menuSubLinksList === void 0 ? colorsTypes.PRIMARY : _ref$menuSubLinksList,\n _ref$menuSubLinksList2 = _ref.menuSubLinksListBackground,\n menuSubLinksListBackground = _ref$menuSubLinksList2 === void 0 ? colorsTypes.PRIMARY_VERY_ULTRA_LIGHT : _ref$menuSubLinksList2,\n _ref$menuSubLinksTitl = _ref.menuSubLinksTitleColor,\n menuSubLinksTitleColor = _ref$menuSubLinksTitl === void 0 ? colorsTypes.PRIMARY_SEMI_DARK : _ref$menuSubLinksTitl,\n _ref$subLinksItemActi = _ref.subLinksItemActiveTitleColor,\n subLinksItemActiveTitleColor = _ref$subLinksItemActi === void 0 ? colorsTypes.PRIMARY_SEMI_DARK : _ref$subLinksItemActi,\n _ref$menuSubLinksItem = _ref.menuSubLinksItemTitleColor,\n menuSubLinksItemTitleColor = _ref$menuSubLinksItem === void 0 ? colorsTypes.PRIMARY_ULTRA_DARK : _ref$menuSubLinksItem,\n _ref$loginButtonStyle = _ref.loginButtonStyles,\n loginButtonStyles = _ref$loginButtonStyle === void 0 ? {} : _ref$loginButtonStyle,\n _ref$mobileActiveLogo = _ref.mobileActiveLogoReplaceImageWith,\n mobileActiveLogoReplaceImageWith = _ref$mobileActiveLogo === void 0 ? \"\" : _ref$mobileActiveLogo,\n _ref$mobileActiveLogo2 = _ref.mobileActiveLogoReplaceImageWithAfterBreakpoint,\n mobileActiveLogoReplaceImageWithAfterBreakpoint = _ref$mobileActiveLogo2 === void 0 ? \"\" : _ref$mobileActiveLogo2,\n _ref$mobileNoFilterLo = _ref.mobileNoFilterLogo,\n mobileNoFilterLogo = _ref$mobileNoFilterLo === void 0 ? false : _ref$mobileNoFilterLo,\n _ref$mobileNoFilterMe = _ref.mobileNoFilterMenuIcon,\n mobileNoFilterMenuIcon = _ref$mobileNoFilterMe === void 0 ? false : _ref$mobileNoFilterMe,\n _ref$mobileForceFilte = _ref.mobileForceFilterMenuIcon,\n mobileForceFilterMenuIcon = _ref$mobileForceFilte === void 0 ? false : _ref$mobileForceFilte,\n _ref$mobileLogoReplac = _ref.mobileLogoReplaceImageWith,\n mobileLogoReplaceImageWith = _ref$mobileLogoReplac === void 0 ? undefined : _ref$mobileLogoReplac,\n _ref$mobileLogoReplac2 = _ref.mobileLogoReplaceImageWithAfterBreakpoint,\n mobileLogoReplaceImageWithAfterBreakpoint = _ref$mobileLogoReplac2 === void 0 ? undefined : _ref$mobileLogoReplac2,\n _ref$mobileLogoFilter = _ref.mobileLogoFilter,\n mobileLogoFilter = _ref$mobileLogoFilter === void 0 ? undefined : _ref$mobileLogoFilter,\n _ref$mobileLogoFilter2 = _ref.mobileLogoFilterEffectAfterScroll,\n mobileLogoFilterEffectAfterScroll = _ref$mobileLogoFilter2 === void 0 ? [] : _ref$mobileLogoFilter2,\n _ref$mobileFilterEffe = _ref.mobileFilterEffectAfterScroll,\n mobileFilterEffectAfterScroll = _ref$mobileFilterEffe === void 0 ? [] : _ref$mobileFilterEffe,\n _ref$mobileLogoFilter3 = _ref.mobileLogoFilterEffect,\n mobileLogoFilterEffect = _ref$mobileLogoFilter3 === void 0 ? [] : _ref$mobileLogoFilter3,\n _ref$mobileActiveLogo3 = _ref.mobileActiveLogoFilterEffectAfterScroll,\n mobileActiveLogoFilterEffectAfterScroll = _ref$mobileActiveLogo3 === void 0 ? [] : _ref$mobileActiveLogo3,\n _ref$mobileMenuIconFi = _ref.mobileMenuIconFilterEffect,\n mobileMenuIconFilterEffect = _ref$mobileMenuIconFi === void 0 ? [\"invert()\", \"grayscale(1)\", \"saturate(0)\"] : _ref$mobileMenuIconFi,\n _ref$mobileMenuIconFi2 = _ref.mobileMenuIconFilterEffectAfterScroll,\n mobileMenuIconFilterEffectAfterScroll = _ref$mobileMenuIconFi2 === void 0 ? [\"invert()\", \"grayscale(1)\", \"saturate(0)\"] : _ref$mobileMenuIconFi2,\n _ref$mobileMenuIconAc = _ref.mobileMenuIconActiveFilterEffectAfterScroll,\n mobileMenuIconActiveFilterEffectAfterScroll = _ref$mobileMenuIconAc === void 0 ? [\"invert()\", \"grayscale(1)\", \"saturate(0)\"] : _ref$mobileMenuIconAc,\n _ref$menuIconFilterEf = _ref.menuIconFilterEffect,\n menuIconFilterEffect = _ref$menuIconFilterEf === void 0 ? [\"invert()\", \"grayscale(1)\", \"saturate(0)\"] : _ref$menuIconFilterEf,\n _ref$menuIconFilterEf2 = _ref.menuIconFilterEffectAfterScroll,\n menuIconFilterEffectAfterScroll = _ref$menuIconFilterEf2 === void 0 ? [\"invert()\", \"grayscale(1)\", \"saturate(0)\"] : _ref$menuIconFilterEf2,\n _ref$menuIconActiveFi = _ref.menuIconActiveFilterEffectAfterScroll,\n menuIconActiveFilterEffectAfterScroll = _ref$menuIconActiveFi === void 0 ? [\"invert()\", \"grayscale(1)\", \"saturate(0)\"] : _ref$menuIconActiveFi,\n _ref$mobileActiveLogo4 = _ref.mobileActiveLogoFilterEffect,\n mobileActiveLogoFilterEffect = _ref$mobileActiveLogo4 === void 0 ? [\"invert()\", \"grayscale(1)\", \"saturate(0)\"] : _ref$mobileActiveLogo4,\n _ref$mobileLoginButto = _ref.mobileLoginButtonStyles,\n mobileLoginButtonStyles = _ref$mobileLoginButto === void 0 ? {} : _ref$mobileLoginButto,\n _ref$mobileMenuIconSt = _ref.mobileMenuIconStyles,\n mobileMenuIconStyles = _ref$mobileMenuIconSt === void 0 ? {} : _ref$mobileMenuIconSt,\n _ref$mobileBackground = _ref.mobileBackground,\n mobileBackground = _ref$mobileBackground === void 0 ? colorsTypes.WHITE : _ref$mobileBackground,\n _ref$mobileBackground2 = _ref.mobileBackgroundAfterBreakpoint,\n mobileBackgroundAfterBreakpoint = _ref$mobileBackground2 === void 0 ? colorsTypes.WHITE : _ref$mobileBackground2,\n _ref$mobileActiveBack = _ref.mobileActiveBackground,\n mobileActiveBackground = _ref$mobileActiveBack === void 0 ? colorsTypes.WHITE : _ref$mobileActiveBack,\n _ref$mobileTransparen = _ref.mobileTransparentBackground,\n mobileTransparentBackground = _ref$mobileTransparen === void 0 ? colorsTypes.TRANSPARENT : _ref$mobileTransparen,\n _ref$mobileHoverBackg = _ref.mobileHoverBackground,\n mobileHoverBackground = _ref$mobileHoverBackg === void 0 ? colorsTypes.WHITE : _ref$mobileHoverBackg,\n _ref$mobileHoverFloat = _ref.mobileHoverFloatBackground,\n mobileHoverFloatBackground = _ref$mobileHoverFloat === void 0 ? colorsTypes.WHITE : _ref$mobileHoverFloat,\n _ref$mobileHoverActiv = _ref.mobileHoverActiveBackground,\n mobileHoverActiveBackground = _ref$mobileHoverActiv === void 0 ? colorsTypes.WHITE : _ref$mobileHoverActiv,\n _ref$mobileBackground3 = _ref.mobileBackgroundAfterBreakpointHover,\n mobileBackgroundAfterBreakpointHover = _ref$mobileBackground3 === void 0 ? colorsTypes.WHITE : _ref$mobileBackground3,\n _ref$mobileHoverTrans = _ref.mobileHoverTransparentBackground,\n mobileHoverTransparentBackground = _ref$mobileHoverTrans === void 0 ? colorsTypes.TRANSPARENT : _ref$mobileHoverTrans,\n _ref$isDynamic = _ref.isDynamic,\n isDynamic = _ref$isDynamic === void 0 ? false : _ref$isDynamic;\n\n var _useModal = useModal(),\n isModalVisible = _useModal.isModalVisible,\n closeModal = _useModal.closeModal,\n showModal = _useModal.showModal;\n\n var _useState = React.useState(false),\n _useState2 = _slicedToArray(_useState, 2),\n menuActive = _useState2[0],\n setMenuActive = _useState2[1];\n\n var _onClick = function onClick(link) {\n window.location.href = link;\n };\n\n var LoginButton = styled__default[\"default\"](Button$2)(_templateObject$c || (_templateObject$c = _taggedTemplateLiteral([\"\\n color: \", \";\\n background-color: \", \";\\n height: 50px;\\n width: 100%;\\n border-radius: 0px;\\n border-color: \", \";\\n :hover {\\n color: \", \";\\n background-color: \", \";\\n border-color: \", \";\\n }\\n position: relative;\\n padding-top: 12px;\\n \"])), function (_ref2) {\n var _ref2$color = _ref2.color,\n color = _ref2$color === void 0 ? colorsTypes.PRIMARY_LIGHT_SEMI_DARK : _ref2$color;\n return color;\n }, function (_ref3) {\n var _ref3$color = _ref3.color,\n color = _ref3$color === void 0 ? colorsTypes.WHITE : _ref3$color;\n return color;\n }, function (_ref4) {\n var _ref4$color = _ref4.color,\n color = _ref4$color === void 0 ? colorsTypes.WHITE : _ref4$color;\n return color;\n }, function (_ref5) {\n var _ref5$color = _ref5.color,\n color = _ref5$color === void 0 ? colorsTypes.PRIMARY_LIGHT_SEMI_DARK : _ref5$color;\n return color;\n }, function (_ref6) {\n var _ref6$color = _ref6.color,\n color = _ref6$color === void 0 ? colorsTypes.WHITE : _ref6$color;\n return color;\n }, function (_ref7) {\n var _ref7$color = _ref7.color,\n color = _ref7$color === void 0 ? colorsTypes.WHITE : _ref7$color;\n return color;\n });\n var TopLink = styled__default[\"default\"].a(_templateObject2$2 || (_templateObject2$2 = _taggedTemplateLiteral([\"\\n color: \", \";\\n \"])), function (_ref8) {\n var _ref8$color = _ref8.color,\n color = _ref8$color === void 0 ? colorsTypes.WHITE : _ref8$color;\n return color;\n });\n React.useEffect(function () {\n screenOverflowHidden(menuActive);\n }, [menuActive]);\n\n var checkModalActivation = function checkModalActivation() {\n if (loginButtonStyles.variant !== loginVariantTypes.NO_MODAL) {\n showModal();\n } else {\n window.open(\"\".concat(process.env.GATSBY_LOGIN_URL), \"_blank\");\n }\n\n setMenuActive(false);\n };\n\n var TopNavbarMobile = styled__default[\"default\"].div(_templateObject3$2 || (_templateObject3$2 = _taggedTemplateLiteral([\"\\n height: 50px;\\n background-color: #00583F;\\n align-items: right;\\n min-width: 100%;\\n \"])));\n var TopNavbarMobileContainer = styled__default[\"default\"].div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral([\"\\n height: inherit;\\n align-items: center;\\n \"])));\n var SearchButton = styled__default[\"default\"](Button$2)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral([\"\\n height: inherit;\\n border-style: none;\\n padding-right: 0px;\\n padding-left: 0px;\\n width: 20px;\\n \"])));\n return /*#__PURE__*/React__default$1[\"default\"].createElement(HeaderDynamicContainer, {\n activeLogoReplaceImageWith: activeLogoReplaceImageWith,\n mobileActiveLogoReplaceImageWith: mobileActiveLogoReplaceImageWith,\n mobileLogoFilterEffectAfterScroll: mobileLogoFilterEffectAfterScroll,\n mobileActiveLogoFilterEffectAfterScroll: mobileActiveLogoFilterEffectAfterScroll,\n mobileActiveLogoReplaceImageWithAfterBreakpoint: mobileActiveLogoReplaceImageWithAfterBreakpoint,\n activeLogoFilterEffect: mobileActiveLogoFilterEffect,\n mobileFilterEffectAfterScroll: mobileFilterEffectAfterScroll,\n mobileLogoReplaceImageWith: mobileLogoReplaceImageWith,\n mobileLogoReplaceImageWithAfterBreakpoint: mobileLogoReplaceImageWithAfterBreakpoint,\n mobileNoFilterLogo: mobileNoFilterLogo,\n mobileLogoFilterEffect: mobileLogoFilterEffect,\n logoReplaceImageWithAfterBreakpoint: mobileLogoReplaceImageWithAfterBreakpoint,\n logoReplaceImageWith: mobileLogoReplaceImageWith,\n activeBackground: activeBackground,\n mobileActiveBackground: mobileActiveBackground,\n hoverActiveBackground: hoverActiveBackground,\n mobileHoverActiveBackground: mobileHoverActiveBackground,\n noFilterLogo: mobileNoFilterLogo,\n filter: mobileLogoFilter,\n background: background,\n mobileBackground: mobileBackground,\n mobileHoverBackground: mobileHoverBackground,\n hoverFloatBackground: hoverFloatBackground,\n mobileHoverFloatBackground: mobileHoverFloatBackground,\n backgroundAfterBreakpointHover: backgroundAfterBreakpointHover,\n mobileBackgroundAfterBreakpointHover: mobileBackgroundAfterBreakpointHover,\n hoverTransparentBackground: hoverTransparentBackground,\n mobileHoverTransparentBackground: mobileHoverTransparentBackground,\n backgroundAfterBreakpoint: backgroundAfterBreakpoint,\n mobileBackgroundAfterBreakpoint: mobileBackgroundAfterBreakpoint,\n transparentBackground: transparentBackground,\n mobileTransparentBackground: mobileTransparentBackground,\n \"float\": _float,\n scrollY: scrollY,\n backgroundBreakpoint: backgroundBreakpoint,\n transparent: transparent || !menuActive,\n forceShow: forceShow || menuActive,\n className: classnames(\"HEADER_MOBILE_DEFAULT HeaderDynamicContainer lg:tw-pb-16 tw-fixed lg:tw-absolute tw-z-50 tw-w-full tw-font-normal lg:tw-h-full\", menuActive ? \"HEADER_MOBILE_DEFAULT__OPEN tw-min-h-screen tw-overflow-y-scroll lg:tw-overflow-y-auto\" : \"HEADER_MOBILE_DEFAULT__CLOSE\", scrollY > backgroundBreakpoint ? \"HEADER_MOBILE_DEFAULT_SCROLLED \" : \"HEADER_MOBILE_DEFAULT_NO_SCROLLED\", isDynamic ? \"HEADER_MOBILE_DEFAULT_DINAMIC_PAGE\" : \"HEADER_MOBILE_DEFAULT_NO_DINAMIC_PAGE\", className),\n style: HeaderHeight\n }, data && /*#__PURE__*/React__default$1[\"default\"].createElement(Toast, {\n data: data.Toast\n }), /*#__PURE__*/React__default$1[\"default\"].createElement(TopNavbarMobile, {\n className: \"HEADER_MOBILE_DOUBLE_TOP_NAVBAR \"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(TopNavbarMobileContainer, {\n className: \"HEADER_MOBILE_DOUBLE_TOP_NAVBAR_CONTAINER tw-flex tw-align-middle\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"tw-flex-auto tw-text-center\"\n }, (data === null || data === void 0 || (_data$TopNavbar = data.TopNavbar) === null || _data$TopNavbar === void 0 ? void 0 : _data$TopNavbar.Items[0]) && /*#__PURE__*/React__default$1[\"default\"].createElement(TopLink, {\n href: data === null || data === void 0 || (_data$TopNavbar2 = data.TopNavbar) === null || _data$TopNavbar2 === void 0 ? void 0 : _data$TopNavbar2.Items[0].Url,\n alt: \"top-navbar-item\"\n }, data === null || data === void 0 || (_data$TopNavbar3 = data.TopNavbar) === null || _data$TopNavbar3 === void 0 ? void 0 : _data$TopNavbar3.Items[0].Text)), /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"tw-flex-auto tw-text-center\"\n }, data && data.loginButtonText && /*#__PURE__*/React__default$1[\"default\"].createElement(LoginButton, _extends$g({\n fill: buttonFillTypes.FILLED,\n styleType: buttonStyleTypes.PILL,\n className: classnames(\"HEADER_MOBILE_DOUBLE_LOGIN_BUTTON\"),\n onClick: checkModalActivation\n }, loginButtonStyles), data.loginButtonText)), /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"tw-flex-auto tw-text-center\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(SearchButton, {\n onClick: function onClick() {\n return _onClick(\"/search\");\n },\n \"aria-label\": \"Search Button\",\n className: \"HEADER_DESKTOP_NAVIGATION_TOP_MENU__SEARCH__BUTTON\",\n transparent: \"true\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(\"svg\", {\n width: \"20\",\n height: \"17\",\n viewBox: \"0 0 20 17\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(\"path\", {\n d: \"M13.9792 11.9224L18.8395 15.9379\",\n stroke: \"white\",\n \"stroke-width\": \"1.5\",\n \"stroke-linecap\": \"round\",\n \"stroke-linejoin\": \"round\"\n }), /*#__PURE__*/React__default$1[\"default\"].createElement(\"path\", {\n d: \"M11.8944 3.46183C15.1035 4.5317 16.6552 7.54834 15.3603 10.1997C14.0654 12.851 10.4142 14.1331 7.20509 13.0632C3.99601 11.9933 2.44428 8.97668 3.73921 6.32535C5.03413 3.674 8.68534 2.39196 11.8944 3.46183\",\n stroke: \"white\",\n \"stroke-width\": \"1.5\",\n \"stroke-linecap\": \"round\",\n \"stroke-linejoin\": \"round\"\n })))))), /*#__PURE__*/React__default$1[\"default\"].createElement(\"nav\", {\n className: classnames(\"HEADER_MOBILE_DEFAULT__CONTAINER HeaderDynamicContainer-Nav tw-z-50 lg:tw-h-full\", !menuActive && \"tw-h-auto\")\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"HEADER_MOBILE_DEFAULT__CONTAINER__CONTENT HeaderDynamicContainer-Container tw-h-auto tw-px-6\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"HEADER_MOBILE_DEFAULT__CONTAINER__CONTENT__BOX HeaderDynamicContainer-Container-Container tw-w-full tw-flex tw-justify-between tw-items-center\",\n style: HeaderHeight\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(Link, {\n className: \"HEADER_MOBILE_DEFAULT__CONTAINER__CONTENT__BOX__LOGO HeaderDynamicContainer-Container-Container-Link tw-relative tw-w-40 tw-h-20\",\n to: \"/\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(Logo, {\n className: \"HEADER_MOBILE_DEFAULT__CONTAINER__CONTENT__BOX__LOGO__IMAGE HeaderDynamicContainer-Container-Container-Logo Header__logo tw-w-40 tw-my-3\",\n src: \"/images/logo.svg\",\n alt: \"\".concat(process.env.GATSBY_CU_NAME, \" Logo\")\n })), /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"HEADER_MOBILE_DEFAULT__CONTAINER__CONTENT__BOX__MENU HeaderDynamicContainer-Container-Container-Container tw-float-right tw-flex tw-items-center tw-py-2 tw-rounded\"\n }, data && /*#__PURE__*/React__default$1[\"default\"].createElement(\"button\", {\n type: \"button\",\n className: \"HEADER_MOBILE_DEFAULT__CONTAINER__CONTENT__BOX__MENU__ITEM__ICON_BOX HeaderDynamicContainer-Container-Container-Button tw-float-right tw-flex tw-items-center tw-px-3 tw-py-2 hover:bl-border-grayscale-0 \",\n onClick: function onClick() {\n setMenuActive(function (current) {\n return !current;\n });\n }\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(Icon, _extends$g({\n className: \"HEADER_MOBILE_DEFAULT__CONTAINER__CONTENT__BOX__MENU__ITEM__ICON_BOX__ICON\",\n icon: menuActive ? iconTypes.REMOVE : iconTypes.NAVIGATION_MENU,\n menuActive: menuActive,\n isScrollChangeColorButton: mobileLoginButtonStyles === null || mobileLoginButtonStyles === void 0 ? void 0 : mobileLoginButtonStyles.isScrollChangeColorButton,\n \"float\": _float,\n scrollY: scrollY,\n backgroundBreakpoint: backgroundBreakpoint,\n noFilter: mobileNoFilterMenuIcon,\n forceFilter: mobileForceFilterMenuIcon,\n filterEffect: menuIconFilterEffect,\n filterEffectAfterScroll: menuIconFilterEffectAfterScroll,\n activeFilterEffectAfterScroll: menuIconActiveFilterEffectAfterScroll,\n mobileFilterEffect: mobileMenuIconFilterEffect,\n mobileFilterEffectAfterScroll: mobileMenuIconFilterEffectAfterScroll,\n mobileActiveFilterEffectAfterScroll: mobileMenuIconActiveFilterEffectAfterScroll\n }, mobileMenuIconStyles)))))), menuActive && data && /*#__PURE__*/React__default$1[\"default\"].createElement(Dropdown$1, {\n subLinksItemTitleColor: menuSubLinksItemTitleColor,\n subLinksListBorderColor: menuSubLinksListBorderColor,\n menuSubLinksListBackground: menuSubLinksListBackground,\n subLinksTitleColor: menuSubLinksTitleColor,\n subLinksItemActiveTitleColor: subLinksItemActiveTitleColor,\n background: backgroundMenu,\n showBackground: _float,\n data: data,\n pathname: pathname,\n classname: \"HEADER_MOBILE_DEFAULT__CONTAINER__CONTENT__DROPDOWN HeaderMobile-HeaderDynamicContainer-Dropdown\"\n }), /*#__PURE__*/React__default$1[\"default\"].createElement(Modal, {\n className: \"HEADER_MOBILE_DEFAULT__CONTAINER__CONTENT__MODAL\",\n show: isModalVisible,\n closeModal: closeModal\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(Login, {\n variant: loginButtonStyles.variant\n }))));\n}\n\nvar _templateObject$b;\n\nvar ScrollContainer = styled__default[\"default\"].div(_templateObject$b || (_templateObject$b = _taggedTemplateLiteral([\"\\n height: 100vh;\\n overflow-y: auto;\\n padding-bottom: 150px;\\n\"])));\n\nvar _templateObject$a;\n\nvar LinkWithSubLinksButton = styled__default[\"default\"].button(_templateObject$a || (_templateObject$a = _taggedTemplateLiteral([\"\\n font-family: \", \";\\n\"])), fontsFamiliesTypes.PRIMARY);\n\nvar _templateObject$9;\n\nvar LinkWithSubLinksTitle = styled__default[\"default\"].p(_templateObject$9 || (_templateObject$9 = _taggedTemplateLiteral([\"\\n color: \", \";\\n margin-right: 1rem;\\n //font-family: \", \";\\n font-weight: 500;\\n\"])), function (_ref) {\n var _ref$color = _ref.color,\n color = _ref$color === void 0 ? colorsTypes.PRIMARY_ULTRA_DARK : _ref$color;\n return color;\n}, fontsFamiliesTypes.SECONDARY);\n\nvar _templateObject$8;\n\nvar SubLinkTitle = styled__default[\"default\"].div(_templateObject$8 || (_templateObject$8 = _taggedTemplateLiteral([\"\\n color: \", \";\\n font-weight: bold;\\n //font-family: \", \";\\n\"])), function (_ref) {\n var _ref$color = _ref.color,\n color = _ref$color === void 0 ? colorsTypes.LIGHT : _ref$color;\n return color;\n}, fontsFamiliesTypes.SECONDARY);\n\nvar _templateObject$7;\n\nvar SubLinkItem = styled__default[\"default\"](Link)(_templateObject$7 || (_templateObject$7 = _taggedTemplateLiteral([\"\\n font-family: \", \";\\n\\n color: \", \";\\n\"])), function (_ref) {\n var _ref$primaryFamily = _ref.primaryFamily,\n primaryFamily = _ref$primaryFamily === void 0 ? false : _ref$primaryFamily;\n return primaryFamily ? fontsFamiliesTypes.PRIMARY : undefined;\n}, function (_ref2) {\n var _ref2$color = _ref2.color,\n color = _ref2$color === void 0 ? colorsTypes.WHITE : _ref2$color;\n return color;\n});\n\nvar _templateObject$6;\n\nfunction SubLinks(_ref) {\n var pathname = _ref.pathname,\n _ref$subLinks = _ref.subLinks,\n subLinks = _ref$subLinks === void 0 ? [] : _ref$subLinks;\n return /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"SUB_LINKS tw-pt-6\"\n }, subLinks.map(function (subLink, i) {\n var keys = Object.keys(subLink) || [];\n return /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n key: \"SubLinks-subLink-\".concat(i),\n className: \"SUB_LINKS__ITEM tw-mb-10 last:tw-mb-0\"\n }, subLink.title && /*#__PURE__*/React__default$1[\"default\"].createElement(SubLinkTitle, {\n color: \"var(--primary-color)\",\n className: \"SUB_LINKS__ITEM__TITLE Header-Mobile-Compressed-SubLinks tw-px-7 bl-text-base bl-text-grayscale-50 tw-mb-6 bl-font-secondary\"\n }, subLink.title), keys.map(function (key, index) {\n var url = subLink[\"url\".concat(index)];\n var text = subLink[\"text\".concat(index)];\n\n if (!url || !text) {\n return null;\n }\n\n if (url === \"/autolink\") {\n return /*#__PURE__*/React__default$1[\"default\"].createElement(AutoLink, {\n key: \"SubLink-key-\".concat(key),\n url: url,\n text: text,\n pathname: pathname\n });\n }\n\n return /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n key: \"SubLink-key-\".concat(key),\n className: \"SUB_LINKS__ITEM__CONTENT Header-Mobile-Compressed-SubLinks_Sublink-key tw-w-full tw-pb-6 last:tw-pb-0 tw-px-7 bl-text-md\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(SubLinkItem, {\n to: url,\n color: \"var(--grayscale-30-color)\",\n primaryFamily: \"/\".concat(pathname) === url,\n className: classnames(\"SUB_LINKS__ITEM__CONTENT__TEXT Header-Mobile-Compressed-SubLinks_Sublink-key_SubLinkItem bl-text-grayscale-80\")\n }, text));\n }));\n }));\n}\n\nvar SubLinkAutoLink = styled__default[\"default\"].a(_templateObject$6 || (_templateObject$6 = _taggedTemplateLiteral([\"\\n font-family: \", \";\\n\\n color: \", \";\\n\"])), function (_ref2) {\n var _ref2$primaryFamily = _ref2.primaryFamily,\n primaryFamily = _ref2$primaryFamily === void 0 ? false : _ref2$primaryFamily;\n return primaryFamily ? fontsFamiliesTypes.PRIMARY : undefined;\n}, function (_ref3) {\n var _ref3$color = _ref3.color,\n color = _ref3$color === void 0 ? colorsTypes.WHITE : _ref3$color;\n return color;\n});\n\nfunction AutoLink(_ref4) {\n var url = _ref4.url,\n text = _ref4.text,\n pathname = _ref4.pathname;\n return /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"SUB_LINKS__ITEM__CONTENT Header-Mobile-Compressed-SubLinks_Sublink-key tw-w-full tw-pb-6 last:tw-pb-0 tw-px-7 bl-text-md\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(SubLinkAutoLink, {\n href: url,\n color: \"var(--grayscale-30-color)\",\n primaryFamily: \"/\".concat(pathname) === url,\n className: classnames(\"SUB_LINKS__ITEM__CONTENT__TEXT Header-Mobile-Compressed-SubLinks_Sublink-key_SubLinkItem bl-text-grayscale-80\")\n }, text));\n}\n\nfunction LinkWithSubLinks(_ref) {\n var id = _ref.id,\n pathname = _ref.pathname,\n text = _ref.text,\n subLinks = _ref.subLinks,\n isLinkActive = _ref.isLinkActive,\n onClick = _ref.onClick;\n return /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: classnames(\"LINK_SUB_LINKS tw-text-left\", isLinkActive && \"LINK_SUB_LINKS__ACTIVE bl-bg-primary-6 tw-py-4\")\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(LinkWithSubLinksButton, {\n type: \"button\",\n className: classnames(\"LINK_SUB_LINKS__HEADER Header-Mobile-Compressed-LinkWithSubLinksButton focus:tw-outline-none tw-text-left bl-text-md tw-px-7 tw-flex tw-items-center\", isLinkActive && \"tw-mb-2\"),\n onClick: onClick(id),\n onKeyPress: onClick(id)\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(LinkWithSubLinksTitle, {\n color: \"var(--primary-150-color)\",\n className: \"LINK_SUB_LINKS__HEADER__TITLE \".concat(isLinkActive && \"LINK_SUB_LINKS__HEADER__TITLE_ACTIVE\", \" Header-Mobile-Compressed-LinkWithSubLinksTitle tw-mr-4 bl-font-secondary\")\n }, text), /*#__PURE__*/React__default$1[\"default\"].createElement(Icon, {\n size: 16,\n icon: isLinkActive ? iconTypes.ARROW_UP_1 : iconTypes.ARROW_DOWN_1,\n className: \"LINK_SUB_LINKS__HEADER__ICON \".concat(isLinkActive ? \"LINK_SUB_LINKS__HEADER__ICON_UP\" : \"LINK_SUB_LINKS__HEADER__ICON_DOWN\")\n })), isLinkActive && /*#__PURE__*/React__default$1[\"default\"].createElement(SubLinks, {\n pathname: pathname,\n subLinks: subLinks\n }));\n}\n\nvar _templateObject$5;\n\nvar CustomLink = styled__default[\"default\"](Link)(_templateObject$5 || (_templateObject$5 = _taggedTemplateLiteral([\"\\n color: \", \";\\n //font-family: \", \";\\n font-weight: 500;\\n\"])), function (_ref) {\n var _ref$color = _ref.color,\n color = _ref$color === void 0 ? colorsTypes.BLACK : _ref$color;\n return color;\n}, fontsFamiliesTypes.SECONDARY);\n\nfunction LinkNormal(_ref) {\n var menuItem = _ref.menuItem,\n pathname = _ref.pathname,\n variant = _ref.variant;\n\n switch (variant) {\n case linkVariantTypes.PAGE_LINKS:\n return /*#__PURE__*/React__default$1[\"default\"].createElement(CustomLink, {\n color: colorsTypes.PRIMARY_DARK,\n popup: \"\".concat(menuItem.openThirdPartyPopup),\n to: menuItem.pageLinks,\n className: classnames(\"LINK_NORMAL Header-Mobile-Compressed-Link-Normal tw-block lg:tw-inline-block lg:tw-mt-0 bl-text-md tw-px-7 bl-font-secondary\", \"/\".concat(pathname) === menuItem.url && \"lg:tw-pt-1 tw-border-l-2 tw-font-bold bl-border-primary\")\n }, menuItem.text);\n\n case linkVariantTypes.PDF:\n return /*#__PURE__*/React__default$1[\"default\"].createElement(CustomLink, {\n color: colorsTypes.PRIMARY_DARK,\n popup: \"\".concat(menuItem.openThirdPartyPopup),\n to: menuItem.pdf.url,\n className: classnames(\"LINK_NORMAL Header-Mobile-Compressed-Dropdown-Custom-Link-PDF tw-block lg:tw-inline-block lg:tw-mt-0 bl-text-md tw-px-7 bl-font-secondary\", \"/\".concat(pathname) === menuItem.url && \"lg:tw-pt-1 tw-border-l-2 tw-font-bold bl-border-primary\")\n }, menuItem.text);\n\n case linkVariantTypes.SEARCH:\n return /*#__PURE__*/React__default$1[\"default\"].createElement(CustomLink, {\n to: \"/search\",\n \"aria-label\": \"Search Button\",\n className: classnames(\"CUSTOM_LINK HeaderMobile-LinkNormal-SEARCH tw-block lg:tw-inline-block lg:tw-mt-0 bl-text-md tw-pl-4\", \"/search\")\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"CUSTOM_LINK_SEARCH_CONTAINER_MOBILE_SEARCH\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"CUSTOM_LINK_SEARCH_ITEM_MOBILE\"\n }, \"Search\"), /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"CUSTOM_LINK_SEARCH_ITEM_MOBILE CUSTOM_LINK_SEARCH_ICON_MOBILE\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(\"svg\", {\n xmlns: \"http://www.w3.org/2000/svg\",\n width: \"18\",\n height: \"19\",\n viewBox: \"0 0 16 17\",\n fill: \"none\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M6 2.75C3.79086 2.75 2 4.54086 2 6.75C2 8.95914 3.79086 10.75 6 10.75C8.20914 10.75 10 8.95914 10 6.75C10 4.54086 8.20914 2.75 6 2.75ZM0 6.75C0 3.43629 2.68629 0.75 6 0.75C9.31371 0.75 12 3.43629 12 6.75C12 8.04583 11.5892 9.24572 10.8907 10.2265L15.7071 15.0429C16.0976 15.4334 16.0976 16.0666 15.7071 16.4571C15.3166 16.8476 14.6834 16.8476 14.2929 16.4571L9.47653 11.6407C8.49572 12.3392 7.29583 12.75 6 12.75C2.68629 12.75 0 10.0637 0 6.75Z\",\n fill: \"#05274C\"\n })))));\n\n default:\n return /*#__PURE__*/React__default$1[\"default\"].createElement(CustomLink, {\n color: colorsTypes.PRIMARY_DARK,\n \"aria-label\": \"Search Button\",\n popup: \"\".concat(menuItem.openThirdPartyPopup),\n to: menuItem.url,\n className: classnames(\"LINK_NORMAL Header-Mobile-Compressed-Dropdown-Custom-Link-DEFAULT tw-block lg:tw-inline-block lg:tw-mt-0 bl-text-md tw-px-7 bl-font-secondary\", \"/\".concat(pathname) === menuItem.url && \"lg:tw-pt-1 tw-border-l-2 tw-font-bold bl-border-primary\")\n }, menuItem.text);\n }\n}\n\nfunction Dropdown(_ref) {\n var data = _ref.data,\n pathname = _ref.pathname,\n _ref$showBackground = _ref.showBackground,\n showBackground = _ref$showBackground === void 0 ? false : _ref$showBackground;\n\n var _useState = React.useState(\"\"),\n _useState2 = _slicedToArray(_useState, 2),\n openedSubMenu = _useState2[0],\n setOpenedSubMenu = _useState2[1];\n\n function toggleSubMenu(subMenuId) {\n return function () {\n setOpenedSubMenu(subMenuId === openedSubMenu ? \"\" : subMenuId);\n };\n }\n\n return /*#__PURE__*/React__default$1[\"default\"].createElement(DropdownsContainer, {\n showBackground: showBackground,\n className: \"DROPDOWN Header-Mobile-Compressed-Dropdowns-Container bl-text-grayscale-100 tw-mt-50 tw-z-50 tw-flex tw-justify-end\",\n minHeight: \"\".concat(window.innerHeight - HeaderHeightInPx, \"px\")\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(ScrollContainer, {\n className: \"DROPDOWN__MENU Header-Mobile-Compressed-ScrollContainer tw-w-full lg:tw-w-80 tw-pt-5 tw-pb-10 lg:bl-bg-grayscale-6\"\n }, (data.NavBarItems || []).map(function (menuItem, index) {\n var isLinkActive = menuItem.id === openedSubMenu;\n var variant = menuItem.pdf ? \"pdf\" : menuItem.pageLinks ? \"pageLinks\" : \"url\";\n return /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n key: \"Dropdown-menuItem-\".concat(index),\n className: classnames(isLinkActive ? \"DROPDOWN__MENU__ITEM Header-Mobile-Compressed-Dropdown-menuItem tw-mb-4\" : \"DROPDOWN__MENU__ITEM Header-Mobile-Compressed-Dropdown-menuItem tw-mb-8\")\n }, menuItem.subLinks && menuItem.subLinks.length > 0 ? /*#__PURE__*/React__default$1[\"default\"].createElement(LinkWithSubLinks, {\n className: \"DROPDOWN__MENU__ITEM__Link\",\n isLinkActive: isLinkActive,\n id: menuItem.id,\n pathname: pathname,\n text: menuItem.text,\n subLinks: menuItem.subLinks,\n url: menuItem.url,\n onClick: toggleSubMenu\n }) : /*#__PURE__*/React__default$1[\"default\"].createElement(LinkNormal, {\n className: \"DROPDOWN__MENU__ITEM__Link\",\n menuItem: menuItem,\n pathname: pathname,\n variant: variant\n }));\n }), /*#__PURE__*/React__default$1[\"default\"].createElement(LinkNormal, {\n className: \"DROPDOWN_CONTAINER__MENU__ITEM LINK_NORMAL_SEARCH\",\n menuItem: \"\",\n pathname: \"/search\",\n variant: linkVariantTypes.SEARCH\n })));\n}\n\nvar _templateObject$4;\n\nvar CustomButton = styled__default[\"default\"](Button$2)(_templateObject$4 || (_templateObject$4 = _taggedTemplateLiteral([\"\\n background: \", \";\\n\\n border-color: \", \";\\n\\n color: \", \";\\n\\n &:hover {\\n background: \", \";\\n\\n border-color: \", \";\\n\\n color: \", \";\\n }\\n\"])), function (_ref) {\n var background = _ref.background,\n _ref$scrollBackground = _ref.scrollBackground,\n scrollBackground = _ref$scrollBackground === void 0 ? colorsTypes.WHITE : _ref$scrollBackground,\n _ref$float = _ref[\"float\"],\n _float = _ref$float === void 0 ? false : _ref$float,\n _ref$transparentBackg = _ref.transparentBackground,\n transparentBackground = _ref$transparentBackg === void 0 ? colorsTypes.TRANSPARENT : _ref$transparentBackg,\n _ref$transparent = _ref.transparent,\n transparent = _ref$transparent === void 0 ? false : _ref$transparent,\n _ref$forceShow = _ref.forceShow,\n forceShow = _ref$forceShow === void 0 ? false : _ref$forceShow,\n _ref$isScrollChangeCo = _ref.isScrollChangeColorButton,\n isScrollChangeColorButton = _ref$isScrollChangeCo === void 0 ? false : _ref$isScrollChangeCo,\n _ref$scrollY = _ref.scrollY,\n scrollY = _ref$scrollY === void 0 ? 0 : _ref$scrollY,\n _ref$backgroundBreakp = _ref.backgroundBreakpoint,\n backgroundBreakpoint = _ref$backgroundBreakp === void 0 ? 20 : _ref$backgroundBreakp;\n\n if (forceShow) {\n if (!!_float && scrollY >= backgroundBreakpoint && isScrollChangeColorButton) {\n return scrollBackground;\n }\n\n return background;\n }\n\n if (!!_float && scrollY >= backgroundBreakpoint && isScrollChangeColorButton) {\n return scrollBackground;\n }\n\n if (transparent) return transparentBackground;\n return background;\n}, function (_ref2) {\n var borderColor = _ref2.borderColor,\n _ref2$scrollBorderCol = _ref2.scrollBorderColor,\n scrollBorderColor = _ref2$scrollBorderCol === void 0 ? colorsTypes.WHITE : _ref2$scrollBorderCol,\n _ref2$float = _ref2[\"float\"],\n _float2 = _ref2$float === void 0 ? false : _ref2$float,\n _ref2$transparentBord = _ref2.transparentBorderColor,\n transparentBorderColor = _ref2$transparentBord === void 0 ? colorsTypes.PRIMARY_DARK : _ref2$transparentBord,\n _ref2$transparent = _ref2.transparent,\n transparent = _ref2$transparent === void 0 ? false : _ref2$transparent,\n _ref2$forceShow = _ref2.forceShow,\n forceShow = _ref2$forceShow === void 0 ? false : _ref2$forceShow,\n _ref2$isScrollChangeC = _ref2.isScrollChangeColorButton,\n isScrollChangeColorButton = _ref2$isScrollChangeC === void 0 ? false : _ref2$isScrollChangeC,\n _ref2$scrollY = _ref2.scrollY,\n scrollY = _ref2$scrollY === void 0 ? 0 : _ref2$scrollY,\n _ref2$borderColorBrea = _ref2.borderColorBreakpoint,\n borderColorBreakpoint = _ref2$borderColorBrea === void 0 ? 20 : _ref2$borderColorBrea;\n\n if (forceShow) return borderColor;\n\n if (!!_float2 && scrollY >= borderColorBreakpoint && isScrollChangeColorButton) {\n return scrollBorderColor;\n }\n\n if (transparent) return transparentBorderColor;\n return borderColor;\n}, function (_ref3) {\n var _ref3$color = _ref3.color,\n color = _ref3$color === void 0 ? colorsTypes.PRIMARY_DARK : _ref3$color,\n _ref3$scrollColor = _ref3.scrollColor,\n scrollColor = _ref3$scrollColor === void 0 ? colorsTypes.WHITE : _ref3$scrollColor,\n _ref3$float = _ref3[\"float\"],\n _float3 = _ref3$float === void 0 ? false : _ref3$float,\n _ref3$isScrollChangeC = _ref3.isScrollChangeColorButton,\n isScrollChangeColorButton = _ref3$isScrollChangeC === void 0 ? false : _ref3$isScrollChangeC,\n _ref3$scrollY = _ref3.scrollY,\n scrollY = _ref3$scrollY === void 0 ? 0 : _ref3$scrollY,\n _ref3$backgroundBreak = _ref3.backgroundBreakpoint,\n backgroundBreakpoint = _ref3$backgroundBreak === void 0 ? 20 : _ref3$backgroundBreak;\n\n if (!!_float3 && scrollY >= backgroundBreakpoint && isScrollChangeColorButton) {\n return scrollColor;\n }\n\n return color;\n}, function (_ref4) {\n var _ref4$hoverBackground = _ref4.hoverBackground,\n hoverBackground = _ref4$hoverBackground === void 0 ? colorsTypes.PRIMARY_DARK : _ref4$hoverBackground,\n _ref4$hoverScrollBack = _ref4.hoverScrollBackground,\n hoverScrollBackground = _ref4$hoverScrollBack === void 0 ? colorsTypes.WHITE : _ref4$hoverScrollBack,\n _ref4$float = _ref4[\"float\"],\n _float4 = _ref4$float === void 0 ? false : _ref4$float,\n _ref4$hoverTransparen = _ref4.hoverTransparentBackground,\n hoverTransparentBackground = _ref4$hoverTransparen === void 0 ? colorsTypes.TRANSPARENT : _ref4$hoverTransparen,\n _ref4$transparent = _ref4.transparent,\n transparent = _ref4$transparent === void 0 ? false : _ref4$transparent,\n _ref4$forceShow = _ref4.forceShow,\n forceShow = _ref4$forceShow === void 0 ? false : _ref4$forceShow,\n _ref4$isScrollChangeC = _ref4.isScrollChangeColorButton,\n isScrollChangeColorButton = _ref4$isScrollChangeC === void 0 ? false : _ref4$isScrollChangeC,\n _ref4$scrollY = _ref4.scrollY,\n scrollY = _ref4$scrollY === void 0 ? 0 : _ref4$scrollY,\n _ref4$backgroundBreak = _ref4.backgroundBreakpoint,\n backgroundBreakpoint = _ref4$backgroundBreak === void 0 ? 20 : _ref4$backgroundBreak;\n\n if (forceShow) {\n if (!!_float4 && scrollY >= backgroundBreakpoint && isScrollChangeColorButton) {\n return hoverScrollBackground;\n }\n\n return hoverBackground;\n }\n\n if (!!_float4 && scrollY >= backgroundBreakpoint && isScrollChangeColorButton) {\n return hoverScrollBackground;\n }\n\n if (transparent) return hoverTransparentBackground;\n return hoverBackground;\n}, function (_ref5) {\n var hoverBorderColor = _ref5.hoverBorderColor,\n _ref5$hoverScrollBord = _ref5.hoverScrollBorderColor,\n hoverScrollBorderColor = _ref5$hoverScrollBord === void 0 ? colorsTypes.WHITE : _ref5$hoverScrollBord,\n _ref5$float = _ref5[\"float\"],\n _float5 = _ref5$float === void 0 ? false : _ref5$float,\n _ref5$hoverTransparen = _ref5.hoverTransparentBorderColor,\n hoverTransparentBorderColor = _ref5$hoverTransparen === void 0 ? colorsTypes.PRIMARY_DARK : _ref5$hoverTransparen,\n _ref5$transparent = _ref5.transparent,\n transparent = _ref5$transparent === void 0 ? false : _ref5$transparent,\n _ref5$forceShow = _ref5.forceShow,\n forceShow = _ref5$forceShow === void 0 ? false : _ref5$forceShow,\n _ref5$isScrollChangeC = _ref5.isScrollChangeColorButton,\n isScrollChangeColorButton = _ref5$isScrollChangeC === void 0 ? false : _ref5$isScrollChangeC,\n _ref5$scrollY = _ref5.scrollY,\n scrollY = _ref5$scrollY === void 0 ? 0 : _ref5$scrollY,\n _ref5$borderColorBrea = _ref5.borderColorBreakpoint,\n borderColorBreakpoint = _ref5$borderColorBrea === void 0 ? 20 : _ref5$borderColorBrea;\n\n if (forceShow) {\n if (!!_float5 && scrollY >= borderColorBreakpoint && isScrollChangeColorButton) {\n return hoverScrollBorderColor;\n }\n\n return hoverBorderColor;\n }\n\n if (!!_float5 && scrollY >= borderColorBreakpoint && isScrollChangeColorButton) {\n return hoverScrollBorderColor;\n }\n\n if (transparent) return hoverTransparentBorderColor;\n return hoverBorderColor;\n}, function (_ref6) {\n var _ref6$hoverScrollColo = _ref6.hoverScrollColor,\n hoverScrollColor = _ref6$hoverScrollColo === void 0 ? colorsTypes.PRIMARY_DARK : _ref6$hoverScrollColo,\n _ref6$hoverColor = _ref6.hoverColor,\n hoverColor = _ref6$hoverColor === void 0 ? colorsTypes.WHITE : _ref6$hoverColor,\n _ref6$float = _ref6[\"float\"],\n _float6 = _ref6$float === void 0 ? false : _ref6$float,\n _ref6$borderColorBrea = _ref6.borderColorBreakpoint,\n borderColorBreakpoint = _ref6$borderColorBrea === void 0 ? false : _ref6$borderColorBrea,\n _ref6$scrollY = _ref6.scrollY,\n scrollY = _ref6$scrollY === void 0 ? 0 : _ref6$scrollY,\n _ref6$isScrollChangeC = _ref6.isScrollChangeColorButton,\n isScrollChangeColorButton = _ref6$isScrollChangeC === void 0 ? 20 : _ref6$isScrollChangeC;\n\n if (!!_float6 && scrollY >= borderColorBreakpoint && isScrollChangeColorButton) {\n return hoverScrollColor;\n }\n\n return hoverColor;\n});\n\nvar _templateObject$3;\n\nvar CustomIcon = styled__default[\"default\"](Icon)(_templateObject$3 || (_templateObject$3 = _taggedTemplateLiteral([\"\\n filter: \", \";\\n\\n @media all and (max-width: \", \"px) {\\n filter: \", \";\\n }\\n\"])), function (_ref) {\n var _ref$isScrollChangeCo = _ref.isScrollChangeColorButton,\n isScrollChangeColorButton = _ref$isScrollChangeCo === void 0 ? false : _ref$isScrollChangeCo,\n _ref$float = _ref[\"float\"],\n _float = _ref$float === void 0 ? false : _ref$float,\n _ref$menuActive = _ref.menuActive,\n menuActive = _ref$menuActive === void 0 ? false : _ref$menuActive,\n _ref$noFilter = _ref.noFilter,\n noFilter = _ref$noFilter === void 0 ? false : _ref$noFilter,\n _ref$forceFilter = _ref.forceFilter,\n forceFilter = _ref$forceFilter === void 0 ? false : _ref$forceFilter,\n _ref$scrollY = _ref.scrollY,\n scrollY = _ref$scrollY === void 0 ? 0 : _ref$scrollY,\n _ref$backgroundBreakp = _ref.backgroundBreakpoint,\n backgroundBreakpoint = _ref$backgroundBreakp === void 0 ? 20 : _ref$backgroundBreakp,\n _ref$filterEffect = _ref.filterEffect,\n filterEffect = _ref$filterEffect === void 0 ? [] : _ref$filterEffect,\n _ref$filterEffectAfte = _ref.filterEffectAfterScroll,\n filterEffectAfterScroll = _ref$filterEffectAfte === void 0 ? [\"invert()\", \"grayscale(1)\", \"saturate(0)\"] : _ref$filterEffectAfte,\n _ref$activeFilterEffe = _ref.activeFilterEffectAfterScroll,\n activeFilterEffectAfterScroll = _ref$activeFilterEffe === void 0 ? [\"invert()\", \"grayscale(1)\", \"saturate(0)\"] : _ref$activeFilterEffe;\n\n if (noFilter) return \"none\";\n\n if (!!_float && scrollY >= backgroundBreakpoint && isScrollChangeColorButton || forceFilter || menuActive) {\n if (menuActive) return activeFilterEffectAfterScroll.join(\" \");\n return filterEffectAfterScroll.join(\" \");\n }\n\n return filterEffect.join(\" \");\n}, function (_ref2) {\n var theme = _ref2.theme;\n return theme.breakpoints.md;\n}, function (_ref3) {\n var _ref3$isScrollChangeC = _ref3.isScrollChangeColorButton,\n isScrollChangeColorButton = _ref3$isScrollChangeC === void 0 ? false : _ref3$isScrollChangeC,\n _ref3$float = _ref3[\"float\"],\n _float2 = _ref3$float === void 0 ? false : _ref3$float,\n _ref3$menuActive = _ref3.menuActive,\n menuActive = _ref3$menuActive === void 0 ? false : _ref3$menuActive,\n _ref3$noFilter = _ref3.noFilter,\n noFilter = _ref3$noFilter === void 0 ? false : _ref3$noFilter,\n _ref3$forceFilter = _ref3.forceFilter,\n forceFilter = _ref3$forceFilter === void 0 ? false : _ref3$forceFilter,\n _ref3$scrollY = _ref3.scrollY,\n scrollY = _ref3$scrollY === void 0 ? 0 : _ref3$scrollY,\n _ref3$backgroundBreak = _ref3.backgroundBreakpoint,\n backgroundBreakpoint = _ref3$backgroundBreak === void 0 ? 20 : _ref3$backgroundBreak,\n _ref3$mobileFilterEff = _ref3.mobileFilterEffect,\n mobileFilterEffect = _ref3$mobileFilterEff === void 0 ? [] : _ref3$mobileFilterEff,\n _ref3$mobileFilterEff2 = _ref3.mobileFilterEffectAfterScroll,\n mobileFilterEffectAfterScroll = _ref3$mobileFilterEff2 === void 0 ? [\"invert()\", \"grayscale(1)\", \"saturate(0)\"] : _ref3$mobileFilterEff2,\n _ref3$mobileActiveFil = _ref3.mobileActiveFilterEffectAfterScroll,\n mobileActiveFilterEffectAfterScroll = _ref3$mobileActiveFil === void 0 ? [\"invert()\", \"grayscale(1)\", \"saturate(0)\"] : _ref3$mobileActiveFil;\n\n if (noFilter) return \"none\";\n\n if (!!_float2 && scrollY >= backgroundBreakpoint && isScrollChangeColorButton || forceFilter || menuActive) {\n if (menuActive) return mobileActiveFilterEffectAfterScroll.join(\" \");\n return mobileFilterEffectAfterScroll.join(\" \");\n }\n\n return mobileFilterEffect.join(\" \");\n});\n\nfunction HeaderMobileCompressed(_ref) {\n var data = _ref.data,\n pathname = _ref.pathname,\n className = _ref.className,\n _ref$float = _ref[\"float\"],\n _float = _ref$float === void 0 ? false : _ref$float,\n _ref$scrollY = _ref.scrollY,\n scrollY = _ref$scrollY === void 0 ? 0 : _ref$scrollY,\n _ref$backgroundBreakp = _ref.backgroundBreakpoint,\n backgroundBreakpoint = _ref$backgroundBreakp === void 0 ? 20 : _ref$backgroundBreakp,\n _ref$activeLogoReplac = _ref.activeLogoReplaceImageWith,\n activeLogoReplaceImageWith = _ref$activeLogoReplac === void 0 ? \"\" : _ref$activeLogoReplac,\n _ref$background = _ref.background,\n background = _ref$background === void 0 ? colorsTypes.WHITE : _ref$background,\n _ref$activeBackground = _ref.activeBackground,\n activeBackground = _ref$activeBackground === void 0 ? colorsTypes.WHITE : _ref$activeBackground,\n _ref$hoverActiveBackg = _ref.hoverActiveBackground,\n hoverActiveBackground = _ref$hoverActiveBackg === void 0 ? colorsTypes.WHITE : _ref$hoverActiveBackg,\n _ref$backgroundAfterB = _ref.backgroundAfterBreakpoint,\n backgroundAfterBreakpoint = _ref$backgroundAfterB === void 0 ? colorsTypes.WHITE : _ref$backgroundAfterB,\n _ref$transparentBackg = _ref.transparentBackground,\n transparentBackground = _ref$transparentBackg === void 0 ? colorsTypes.TRANSPARENT : _ref$transparentBackg,\n _ref$hoverFloatBackgr = _ref.hoverFloatBackground,\n hoverFloatBackground = _ref$hoverFloatBackgr === void 0 ? colorsTypes.WHITE : _ref$hoverFloatBackgr,\n _ref$backgroundAfterB2 = _ref.backgroundAfterBreakpointHover,\n backgroundAfterBreakpointHover = _ref$backgroundAfterB2 === void 0 ? colorsTypes.WHITE : _ref$backgroundAfterB2,\n _ref$hoverTransparent = _ref.hoverTransparentBackground,\n hoverTransparentBackground = _ref$hoverTransparent === void 0 ? colorsTypes.TRANSPARENT : _ref$hoverTransparent,\n _ref$mobileActiveLogo = _ref.mobileActiveLogoReplaceImageWith,\n mobileActiveLogoReplaceImageWith = _ref$mobileActiveLogo === void 0 ? \"\" : _ref$mobileActiveLogo,\n _ref$mobileActiveLogo2 = _ref.mobileActiveLogoReplaceImageWithAfterBreakpoint,\n mobileActiveLogoReplaceImageWithAfterBreakpoint = _ref$mobileActiveLogo2 === void 0 ? \"\" : _ref$mobileActiveLogo2,\n _ref$mobileForceShow = _ref.mobileForceShow,\n mobileForceShow = _ref$mobileForceShow === void 0 ? false : _ref$mobileForceShow,\n _ref$mobileTransparen = _ref.mobileTransparent,\n mobileTransparent = _ref$mobileTransparen === void 0 ? false : _ref$mobileTransparen,\n _ref$mobileNoFilterLo = _ref.mobileNoFilterLogo,\n mobileNoFilterLogo = _ref$mobileNoFilterLo === void 0 ? false : _ref$mobileNoFilterLo,\n _ref$mobileNoFilterMe = _ref.mobileNoFilterMenuIcon,\n mobileNoFilterMenuIcon = _ref$mobileNoFilterMe === void 0 ? false : _ref$mobileNoFilterMe,\n _ref$mobileForceFilte = _ref.mobileForceFilterMenuIcon,\n mobileForceFilterMenuIcon = _ref$mobileForceFilte === void 0 ? false : _ref$mobileForceFilte,\n _ref$mobileLoginButto = _ref.mobileLoginButtonIsScrollChangeColorButton,\n mobileLoginButtonIsScrollChangeColorButton = _ref$mobileLoginButto === void 0 ? false : _ref$mobileLoginButto,\n _ref$mobileLogoReplac = _ref.mobileLogoReplaceImageWith,\n mobileLogoReplaceImageWith = _ref$mobileLogoReplac === void 0 ? undefined : _ref$mobileLogoReplac,\n _ref$mobileLogoReplac2 = _ref.mobileLogoReplaceImageWithAfterBreakpoint,\n mobileLogoReplaceImageWithAfterBreakpoint = _ref$mobileLogoReplac2 === void 0 ? undefined : _ref$mobileLogoReplac2,\n _ref$mobileLogoFilter = _ref.mobileLogoFilter,\n mobileLogoFilter = _ref$mobileLogoFilter === void 0 ? undefined : _ref$mobileLogoFilter,\n _ref$mobileLogoFilter2 = _ref.mobileLogoFilterEffectAfterScroll,\n mobileLogoFilterEffectAfterScroll = _ref$mobileLogoFilter2 === void 0 ? [] : _ref$mobileLogoFilter2,\n _ref$mobileFilterEffe = _ref.mobileFilterEffectAfterScroll,\n mobileFilterEffectAfterScroll = _ref$mobileFilterEffe === void 0 ? [] : _ref$mobileFilterEffe,\n _ref$mobileLogoFilter3 = _ref.mobileLogoFilterEffect,\n mobileLogoFilterEffect = _ref$mobileLogoFilter3 === void 0 ? [] : _ref$mobileLogoFilter3,\n _ref$mobileActiveLogo3 = _ref.mobileActiveLogoFilterEffectAfterScroll,\n mobileActiveLogoFilterEffectAfterScroll = _ref$mobileActiveLogo3 === void 0 ? [] : _ref$mobileActiveLogo3,\n _ref$mobileMenuIconFi = _ref.mobileMenuIconFilterEffect,\n mobileMenuIconFilterEffect = _ref$mobileMenuIconFi === void 0 ? [\"invert()\", \"grayscale(1)\", \"saturate(0)\"] : _ref$mobileMenuIconFi,\n _ref$mobileMenuIconFi2 = _ref.mobileMenuIconFilterEffectAfterScroll,\n mobileMenuIconFilterEffectAfterScroll = _ref$mobileMenuIconFi2 === void 0 ? [\"invert()\", \"grayscale(1)\", \"saturate(0)\"] : _ref$mobileMenuIconFi2,\n _ref$mobileMenuIconAc = _ref.mobileMenuIconActiveFilterEffectAfterScroll,\n mobileMenuIconActiveFilterEffectAfterScroll = _ref$mobileMenuIconAc === void 0 ? [\"invert()\", \"grayscale(1)\", \"saturate(0)\"] : _ref$mobileMenuIconAc,\n _ref$menuIconFilterEf = _ref.menuIconFilterEffect,\n menuIconFilterEffect = _ref$menuIconFilterEf === void 0 ? [\"invert()\", \"grayscale(1)\", \"saturate(0)\"] : _ref$menuIconFilterEf,\n _ref$menuIconFilterEf2 = _ref.menuIconFilterEffectAfterScroll,\n menuIconFilterEffectAfterScroll = _ref$menuIconFilterEf2 === void 0 ? [\"invert()\", \"grayscale(1)\", \"saturate(0)\"] : _ref$menuIconFilterEf2,\n _ref$menuIconActiveFi = _ref.menuIconActiveFilterEffectAfterScroll,\n menuIconActiveFilterEffectAfterScroll = _ref$menuIconActiveFi === void 0 ? [\"invert()\", \"grayscale(1)\", \"saturate(0)\"] : _ref$menuIconActiveFi,\n _ref$mobileActiveLogo4 = _ref.mobileActiveLogoFilterEffect,\n mobileActiveLogoFilterEffect = _ref$mobileActiveLogo4 === void 0 ? [\"invert()\", \"grayscale(1)\", \"saturate(0)\"] : _ref$mobileActiveLogo4,\n _ref$mobileLoginButto2 = _ref.mobileLoginButtonStyles,\n mobileLoginButtonStyles = _ref$mobileLoginButto2 === void 0 ? {} : _ref$mobileLoginButto2,\n _ref$mobileMenuIconSt = _ref.mobileMenuIconStyles,\n mobileMenuIconStyles = _ref$mobileMenuIconSt === void 0 ? {} : _ref$mobileMenuIconSt,\n _ref$mobileBackground = _ref.mobileBackgroundMenu,\n mobileBackgroundMenu = _ref$mobileBackground === void 0 ? colorsTypes.WHITE : _ref$mobileBackground,\n _ref$mobileLoginButto3 = _ref.mobileLoginButtonScrollBackgroundAfterScroll,\n mobileLoginButtonScrollBackgroundAfterScroll = _ref$mobileLoginButto3 === void 0 ? colorsTypes.PRIMARY_DARK : _ref$mobileLoginButto3,\n _ref$mobileLoginButto4 = _ref.mobileLoginButtonScrollBackground,\n mobileLoginButtonScrollBackground = _ref$mobileLoginButto4 === void 0 ? colorsTypes.WHITE : _ref$mobileLoginButto4,\n _ref$mobileBackground2 = _ref.mobileBackground,\n mobileBackground = _ref$mobileBackground2 === void 0 ? colorsTypes.WHITE : _ref$mobileBackground2,\n _ref$mobileBackground3 = _ref.mobileBackgroundAfterBreakpoint,\n mobileBackgroundAfterBreakpoint = _ref$mobileBackground3 === void 0 ? colorsTypes.WHITE : _ref$mobileBackground3,\n _ref$mobileActiveBack = _ref.mobileActiveBackground,\n mobileActiveBackground = _ref$mobileActiveBack === void 0 ? colorsTypes.WHITE : _ref$mobileActiveBack,\n _ref$mobileTransparen2 = _ref.mobileTransparentBackground,\n mobileTransparentBackground = _ref$mobileTransparen2 === void 0 ? colorsTypes.TRANSPARENT : _ref$mobileTransparen2,\n _ref$mobileHoverBackg = _ref.mobileHoverBackground,\n mobileHoverBackground = _ref$mobileHoverBackg === void 0 ? colorsTypes.WHITE : _ref$mobileHoverBackg,\n _ref$mobileHoverFloat = _ref.mobileHoverFloatBackground,\n mobileHoverFloatBackground = _ref$mobileHoverFloat === void 0 ? colorsTypes.WHITE : _ref$mobileHoverFloat,\n _ref$mobileHoverActiv = _ref.mobileHoverActiveBackground,\n mobileHoverActiveBackground = _ref$mobileHoverActiv === void 0 ? colorsTypes.WHITE : _ref$mobileHoverActiv,\n _ref$mobileBackground4 = _ref.mobileBackgroundAfterBreakpointHover,\n mobileBackgroundAfterBreakpointHover = _ref$mobileBackground4 === void 0 ? colorsTypes.WHITE : _ref$mobileBackground4,\n _ref$mobileHoverTrans = _ref.mobileHoverTransparentBackground,\n mobileHoverTransparentBackground = _ref$mobileHoverTrans === void 0 ? colorsTypes.TRANSPARENT : _ref$mobileHoverTrans,\n _ref$loginButtonStyle = _ref.loginButtonStyles,\n loginButtonStyles = _ref$loginButtonStyle === void 0 ? {} : _ref$loginButtonStyle,\n _ref$isDynamic = _ref.isDynamic,\n isDynamic = _ref$isDynamic === void 0 ? false : _ref$isDynamic;\n\n var _useModal = useModal(),\n isModalVisible = _useModal.isModalVisible,\n closeModal = _useModal.closeModal,\n showModal = _useModal.showModal;\n\n var _useState = React.useState(false),\n _useState2 = _slicedToArray(_useState, 2),\n menuActive = _useState2[0],\n setMenuActive = _useState2[1];\n\n var _useState3 = React.useState(false),\n _useState4 = _slicedToArray(_useState3, 2),\n shortLoginMessage = _useState4[0],\n setShortLoginMessage = _useState4[1];\n\n React.useEffect(function () {\n screenOverflowHidden(menuActive);\n }, [menuActive]);\n React.useEffect(function () {\n if (process.env.GATSBY_CU_NAME === \"huron\" || process.env.GATSBY_CU_NAME === \"people_trust_community\") {\n setShortLoginMessage(true);\n } else {\n setShortLoginMessage(false);\n }\n }, []);\n var cuName = process.env.GATSBY_CU_NAME;\n var includeCu = [\"leather_stocking\", \"new_horizon\", \"huron\", \"field_stone\"];\n var secondLoginLink = {\n leather_stocking: \"https://www.mobicint.net/lth/loanapp/list\",\n new_horizon: \"https://secure.cpteller.com/terminal/portal/?op=r2jsCzjQviv4\",\n huron: \"https://my.homecu.net/fi/haefcu/secure-forms/loan-application.html\",\n field_stone: \"https://fieldstonecu.messagepay.com/payment/accountlookup\"\n };\n var secondLoginText = {\n leather_stocking: \"Apply For A Loan\",\n new_horizon: \"Make Loan Payment\",\n huron: \"Loan Application\",\n field_stone: \"Loan Payments\"\n };\n return /*#__PURE__*/React__default$1[\"default\"].createElement(HeaderDynamicContainer, {\n activeLogoReplaceImageWith: activeLogoReplaceImageWith,\n mobileActiveLogoReplaceImageWith: mobileActiveLogoReplaceImageWith,\n mobileLogoFilterEffectAfterScroll: mobileLogoFilterEffectAfterScroll,\n mobileActiveLogoFilterEffectAfterScroll: mobileActiveLogoFilterEffectAfterScroll,\n mobileActiveLogoReplaceImageWithAfterBreakpoint: mobileActiveLogoReplaceImageWithAfterBreakpoint,\n activeLogoFilterEffect: mobileActiveLogoFilterEffect,\n mobileFilterEffectAfterScroll: mobileFilterEffectAfterScroll,\n mobileLogoReplaceImageWith: mobileLogoReplaceImageWith,\n mobileLogoReplaceImageWithAfterBreakpoint: mobileLogoReplaceImageWithAfterBreakpoint,\n mobileNoFilterLogo: mobileNoFilterLogo,\n mobileLogoFilterEffect: mobileLogoFilterEffect,\n logoReplaceImageWithAfterBreakpoint: mobileLogoReplaceImageWithAfterBreakpoint,\n logoReplaceImageWith: mobileLogoReplaceImageWith,\n activeBackground: activeBackground,\n mobileActiveBackground: mobileActiveBackground,\n hoverActiveBackground: hoverActiveBackground,\n mobileHoverActiveBackground: mobileHoverActiveBackground,\n noFilterLogo: mobileNoFilterLogo,\n filter: mobileLogoFilter,\n background: background,\n mobileBackground: mobileBackground,\n mobileHoverBackground: mobileHoverBackground,\n hoverFloatBackground: hoverFloatBackground,\n mobileHoverFloatBackground: mobileHoverFloatBackground,\n backgroundAfterBreakpointHover: backgroundAfterBreakpointHover,\n mobileBackgroundAfterBreakpointHover: mobileBackgroundAfterBreakpointHover,\n hoverTransparentBackground: hoverTransparentBackground,\n mobileHoverTransparentBackground: mobileHoverTransparentBackground,\n backgroundAfterBreakpoint: backgroundAfterBreakpoint,\n mobileBackgroundAfterBreakpoint: mobileBackgroundAfterBreakpoint,\n transparentBackground: transparentBackground,\n mobileTransparentBackground: mobileTransparentBackground,\n \"float\": _float,\n scrollY: scrollY,\n backgroundBreakpoint: backgroundBreakpoint,\n menuActive: menuActive,\n transparent: mobileTransparent || !menuActive,\n forceShow: mobileForceShow || menuActive,\n isDynamic: isDynamic,\n className: classnames(\"HEADER_MOBILE_COMPRESSED Header-Dynamic-Container lg:tw-pb-16 tw-fixed lg:tw-absolute tw-z-50 tw-w-full tw-font-normal tw-h-full\", menuActive ? \"HEADER_MOBILE_COMPRESSED_ACTIVE tw-min-h-screen tw-overflow-y-scroll lg:tw-overflow-y-auto\" : \"\", className, scrollY > backgroundBreakpoint ? \"HEADER_MOBILE_SCROLLED \" : \"HEADER_MOBILE_NO_SCROLLED\", isDynamic ? \"HEADER_MOBILE_COMPRESSED_DINAMIC_PAGE\" : \"HEADER_MOBILE_COMPRESSED_NO_DINAMIC_PAGE\"),\n style: HeaderHeight\n }, data && /*#__PURE__*/React__default$1[\"default\"].createElement(Toast, {\n className: \"HEADER_TOAST\",\n data: data.Toast\n }), /*#__PURE__*/React__default$1[\"default\"].createElement(\"nav\", {\n className: classnames(\"HEADER_MOBILE_COMPRESSED__CONTAINER Header-Dynamic-Container-Nav tw-z-50 lg:tw-h-full\", !menuActive && \"tw-h-full\")\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"HEADER_MOBILE_COMPRESSED__CONTAINER__CONTENT Header-Dynamic-Container-Container tw-h-full lg:tw-h-auto tw-px-6\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"HEADER_MOBILE_COMPRESSED__CONTAINER__CONTENT__BOX Header-Dynamic-Container-Container tw-w-full tw-flex tw-justify-between tw-items-center\",\n style: HeaderHeight\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(Link, {\n className: \"HEADER_MOBILE_COMPRESSED__CONTAINER__CONTENT__BOX__LOGO Header-Dynamic-Container_Link tw-mr-6 tw-py-4\",\n to: \"/\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(Logo, {\n className: classnames(\"HEADER_MOBILE_COMPRESSED__CONTAINER__CONTENT__BOX__LOGO__IMAGE Header__logo tw-w-40 tw-my-3\", scrollY > backgroundBreakpoint ? \"HEADER_MOBILE_COMPRESSED__LOGO_SCROLLED \" : \"HEADER_MOBILE_COMPRESSED__LOGO_NO_SCROLLED\", isDynamic ? \"HEADER_MOBILE_COMPRESSED__LOGO_DINAMIC_PAGE\" : \"HEADER_MOBILE_COMPRESSED__LOGO__NO_DINAMIC_PAGE\"),\n src: \"/images/logo.svg\",\n alt: \"\".concat(process.env.GATSBY_CU_NAME, \" Logo\")\n })), /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"HEADER_MOBILE_COMPRESSED__CONTAINER__CONTENT__BOX__MENU Header-Dynamic-Container-Container-Container tw-float-right tw-flex tw-items-center tw-py-2 tw-rounded\"\n }, includeCu.includes(cuName) && data && data.loginButtonText && /*#__PURE__*/React__default$1[\"default\"].createElement(CustomButton, _extends$g({\n is: \"a\",\n isScrollChangeColorButton: mobileLoginButtonIsScrollChangeColorButton,\n scrollBackground: mobileLoginButtonScrollBackground,\n scrollBackgroundAfterScroll: mobileLoginButtonScrollBackgroundAfterScroll,\n \"float\": _float,\n scrollY: scrollY,\n backgroundBreakpoint: backgroundBreakpoint,\n fill: buttonFillTypes.FILLED,\n className: classnames(\"DEFAULT_HEADER_MOBILE_COMPRESSED HEADER_MOBILE_COMPRESSED__CONTAINER__CONTENT__BOX__MENU__TITLE Header-Dynamic-Container_CustomButton tw-mr-3\", menuActive ? \"tw-hidden lg:tw-block HEADER_MOBILE_COMPRESS_BUTTON_ACTIVE\" : \"tw-block\", scrollY > backgroundBreakpoint ? \" HEADER_MOBILE_BUTTON_SCROLLED \" : \"NO_SCROLLED\", isDynamic ? \"HEADER_MOBILE_COMPRESSED_DINAMIC_PAGE_LOGIN_BUTTON SECOND\" : \"HEADER_MOBILE_COMPRESSED_NO_DINAMIC_PAGE_LOGIN_BUTTON SECOND\"),\n href: secondLoginLink[cuName],\n isAuxHref: false\n }, mobileLoginButtonStyles), secondLoginText[cuName]), data && data.loginButtonText && /*#__PURE__*/React__default$1[\"default\"].createElement(CustomButton, _extends$g({\n isScrollChangeColorButton: mobileLoginButtonIsScrollChangeColorButton,\n scrollBackground: mobileLoginButtonScrollBackground,\n scrollBackgroundAfterScroll: mobileLoginButtonScrollBackgroundAfterScroll,\n \"float\": _float,\n scrollY: scrollY,\n backgroundBreakpoint: backgroundBreakpoint,\n fill: buttonFillTypes.FILLED,\n className: classnames(\"DEFAULT_HEADER_MOBILE_COMPRESSED HEADER_MOBILE_COMPRESSED__CONTAINER__CONTENT__BOX__MENU__TITLE Header-Dynamic-Container_CustomButton tw-mr-3\", menuActive ? \"tw-hidden lg:tw-block HEADER_MOBILE_COMPRESS_BUTTON_ACTIVE\" : \"tw-block\", scrollY > backgroundBreakpoint ? \" HEADER_MOBILE_BUTTON_SCROLLED \" : \"NO_SCROLLED\", isDynamic ? \"HEADER_MOBILE_COMPRESSED_DINAMIC_PAGE_LOGIN_BUTTON\" : \"HEADER_MOBILE_COMPRESSED_NO_DINAMIC_PAGE_LOGIN_BUTTON\"),\n onClick: function onClick() {\n if ((loginButtonStyles === null || loginButtonStyles === void 0 ? void 0 : loginButtonStyles.variant) !== \"NO_MODAL\") {\n showModal();\n setMenuActive(false);\n }\n }\n }, mobileLoginButtonStyles), shortLoginMessage ? \"Login\" : data.loginButtonText), data && /*#__PURE__*/React__default$1[\"default\"].createElement(\"button\", {\n type: \"button\",\n className: \"HEADER_MOBILE_COMPRESSED__CONTAINER__CONTENT__BOX__MENU__ICON_BOX Header-Dynamic-Container_Button tw-float-right tw-flex tw-items-center tw-px-3 tw-py-2 hover:bl-border-grayscale-0 \",\n onClick: function onClick() {\n setMenuActive(function (current) {\n return !current;\n });\n }\n }, menuActive ? /*#__PURE__*/React__default$1[\"default\"].createElement(Icon, _extends$g({\n className: classnames(\"HEADER_MOBILE_COMPRESSED__CONTAINER__CONTENT__BOX__MENU__ICON_BOX__ICON \", scrollY > backgroundBreakpoint ? \" HEADER_MOBILE_ICON_SCROLLED \" : \"HEADER_MOBILE_ICON_NO_SCROLLED\", isDynamic ? \"HEADER_MOBILE_ICON_NO_SCROLLED_DINAMIC_PAGE\" : \"HEADER_MOBILE_ICON_NO_SCROLLED_NO_DINAMIC_PAGE\"),\n menuActive: menuActive,\n icon: iconTypes.REMOVE,\n isScrollChangeColorButton: mobileLoginButtonStyles === null || mobileLoginButtonStyles === void 0 ? void 0 : mobileLoginButtonStyles.isScrollChangeColorButton,\n \"float\": _float,\n scrollY: scrollY,\n backgroundBreakpoint: backgroundBreakpoint,\n noFilter: mobileNoFilterMenuIcon,\n forceFilter: mobileForceFilterMenuIcon,\n filterEffect: menuIconFilterEffect,\n filterEffectAfterScroll: menuIconFilterEffectAfterScroll,\n activeFilterEffectAfterScroll: menuIconActiveFilterEffectAfterScroll,\n mobileFilterEffect: mobileMenuIconFilterEffect,\n mobileFilterEffectAfterScroll: mobileMenuIconFilterEffectAfterScroll,\n mobileActiveFilterEffectAfterScroll: mobileMenuIconActiveFilterEffectAfterScroll\n }, mobileMenuIconStyles)) : /*#__PURE__*/React__default$1[\"default\"].createElement(CustomIcon, _extends$g({\n className: classnames(\"HEADER_MOBILE_COMPRESSED__CONTAINER__CONTENT__BOX__MENU__ICON_BOX__ICON CUSTOM_HEADER_MOBILE_ICON\", scrollY > backgroundBreakpoint ? \" HEADER_MOBILE_CUSTOMICON_SCROLLED \" : \"HEADER_MOBILE_CUSTOMICON_NO_SCROLLED\", isDynamic ? \"HEADER_MOBILE_ICON_DINAMIC_PAGE\" : \"HEADER_MOBILE_ICON_NO_DINAMIC_PAGE\"),\n menuActive: menuActive,\n isScrollChangeColorButton: mobileLoginButtonStyles === null || mobileLoginButtonStyles === void 0 ? void 0 : mobileLoginButtonStyles.isScrollChangeColorButton,\n \"float\": _float,\n scrollY: scrollY,\n backgroundBreakpoint: backgroundBreakpoint,\n forceShow: mobileForceShow || menuActive,\n icon: iconTypes.NAVIGATION_MENU,\n noFilter: mobileNoFilterMenuIcon,\n forceFilter: mobileForceFilterMenuIcon,\n filterEffect: menuIconFilterEffect,\n filterEffectAfterScroll: menuIconFilterEffectAfterScroll,\n activeFilterEffectAfterScroll: menuIconActiveFilterEffectAfterScroll,\n mobileFilterEffect: mobileMenuIconFilterEffect,\n mobileFilterEffectAfterScroll: mobileMenuIconFilterEffectAfterScroll,\n mobileActiveFilterEffectAfterScroll: mobileMenuIconActiveFilterEffectAfterScroll\n }, mobileMenuIconStyles)))))), menuActive && data && /*#__PURE__*/React__default$1[\"default\"].createElement(Dropdown, {\n background: mobileBackgroundMenu,\n showBackground: _float,\n data: data,\n pathname: pathname,\n className: \"HEADER_MOBILE_COMPRESSED__CONTAINER__DROPDOWN\"\n }), /*#__PURE__*/React__default$1[\"default\"].createElement(Modal, {\n className: \"HEADER_MOBILE_COMPRESSED__CONTAINER__MODAL\",\n show: isModalVisible,\n closeModal: closeModal\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(Login, _extends$g({\n className: \"HEADER_MOBILE_COMPRESS_LOGIN\",\n variant: mobileLoginButtonStyles.variant\n }, loginButtonStyles)))));\n}\n\nvar _templateObject$2, _templateObject2$1, _templateObject3$1;\n\nvar BannerContainer$1 = styled__default[\"default\"].div(_templateObject$2 || (_templateObject$2 = _taggedTemplateLiteral([\"\\n width: 100%;\\n min-height: 250px;\\n\"])));\nvar BannerLogoSection$1 = styled__default[\"default\"].div(_templateObject2$1 || (_templateObject2$1 = _taggedTemplateLiteral([\"\\n background: url(\\\"/images/banner.svg\\\"),\\n linear-gradient(90deg, var(--primary-color) 40%, var(--primary-80-color) 100%);\\n background-repeat: no-repeat;\\n background-size: cover;\\n background-position-y: 20%;\\n min-height: 150px;\\n display: flex;\\n align-items: center;\\n padding: 15px 40px;\\n\"])));\nvar NavSection$1 = styled__default[\"default\"].div(_templateObject3$1 || (_templateObject3$1 = _taggedTemplateLiteral([\"\\n padding: 20px 50px;\\n\"])));\n\nfunction HeaderBannerContainer(_ref) {\n var children = _ref.children;\n return /*#__PURE__*/React__default$1[\"default\"].createElement(BannerContainer$1, null, /*#__PURE__*/React__default$1[\"default\"].createElement(BannerLogoSection$1, null, /*#__PURE__*/React__default$1[\"default\"].createElement(HeaderDesktopLogoContainer$1, {\n className: \"HEADER_DESKTOP_DEFAULT__NAVIGATION__LOGO tw-flex-1 tw-flex tw-justify-center tw-items-center HeaderDesktop-HeaderDynamicContainer_Link tw-h-full tw-mr-10\",\n to: \"/\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(Logo, {\n className: \"HEADER_DESKTOP_DEFAULT__NAVIGATION__LOGO__IMAGE HeaderDesktop-HeaderDynamicContainer_Logo Header__logo\",\n src: \"/images/logo.svg\",\n alt: \"\".concat(process.env.GATSBY_CU_NAME, \" Logo\")\n }))), /*#__PURE__*/React__default$1[\"default\"].createElement(NavSection$1, null, children));\n}\n\nvar _templateObject$1;\n\nvar NavigationContainer = styled__default[\"default\"].div(_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteral([\"\\n max-width: \", \";\\n\"])), function (_ref) {\n var _ref$maxWidth = _ref.maxWidth,\n maxWidth = _ref$maxWidth === void 0 ? \"none\" : _ref$maxWidth;\n return maxWidth;\n});\n\nfunction Banner(_ref2) {\n var _data$CreditUnion;\n\n var data = _ref2.data,\n pathname = _ref2.pathname,\n className = _ref2.className,\n _ref2$hoverBackground = _ref2.hoverBackground,\n hoverBackground = _ref2$hoverBackground === void 0 ? colorsTypes.WHITE : _ref2$hoverBackground,\n _ref2$backgroundAfter = _ref2.backgroundAfterBreakpointHover,\n backgroundAfterBreakpointHover = _ref2$backgroundAfter === void 0 ? colorsTypes.WHITE : _ref2$backgroundAfter,\n _ref2$forceShowHover = _ref2.forceShowHover,\n forceShowHover = _ref2$forceShowHover === void 0 ? false : _ref2$forceShowHover,\n _ref2$transparent = _ref2.transparent,\n transparent = _ref2$transparent === void 0 ? false : _ref2$transparent,\n _ref2$isTopBorder = _ref2.isTopBorder,\n isTopBorder = _ref2$isTopBorder === void 0 ? false : _ref2$isTopBorder,\n _ref2$forceShow = _ref2.forceShow,\n forceShow = _ref2$forceShow === void 0 ? false : _ref2$forceShow,\n _ref2$forceShowItems = _ref2.forceShowItems,\n forceShowItems = _ref2$forceShowItems === void 0 ? true : _ref2$forceShowItems,\n _ref2$forceShowColor = _ref2.forceShowColor,\n forceShowColor = _ref2$forceShowColor === void 0 ? false : _ref2$forceShowColor,\n _ref2$float = _ref2[\"float\"],\n _float = _ref2$float === void 0 ? false : _ref2$float,\n _ref2$grayscale = _ref2.grayscale,\n grayscale = _ref2$grayscale === void 0 ? false : _ref2$grayscale,\n _ref2$dark = _ref2.dark,\n dark = _ref2$dark === void 0 ? false : _ref2$dark,\n _ref2$backgroundScree = _ref2.backgroundScreenActive,\n backgroundScreenActive = _ref2$backgroundScree === void 0 ? false : _ref2$backgroundScree,\n _ref2$noFilterLogo = _ref2.noFilterLogo,\n noFilterLogo = _ref2$noFilterLogo === void 0 ? false : _ref2$noFilterLogo,\n _ref2$menuSubItemDisa = _ref2.menuSubItemDisableBorder,\n menuSubItemDisableBorder = _ref2$menuSubItemDisa === void 0 ? false : _ref2$menuSubItemDisa,\n _ref2$topIndicator = _ref2.topIndicator,\n topIndicator = _ref2$topIndicator === void 0 ? true : _ref2$topIndicator,\n _ref2$scrollY = _ref2.scrollY,\n scrollY = _ref2$scrollY === void 0 ? 0 : _ref2$scrollY,\n _ref2$backgroundBreak = _ref2.backgroundBreakpoint,\n backgroundBreakpoint = _ref2$backgroundBreak === void 0 ? 20 : _ref2$backgroundBreak,\n _ref2$logoFilterEffec = _ref2.logoFilterEffect,\n logoFilterEffect = _ref2$logoFilterEffec === void 0 ? [] : _ref2$logoFilterEffec,\n _ref2$navigationOptio = _ref2.navigationOptions,\n navigationOptions = _ref2$navigationOptio === void 0 ? {\n maxWidth: \"var(--breakpoints-xl)\"\n } : _ref2$navigationOptio,\n _ref2$navigationMenuO = _ref2.navigationMenuOptions,\n navigationMenuOptions = _ref2$navigationMenuO === void 0 ? {\n menuActiveBorderColor: colorsTypes.PRIMARY,\n menuHoverBorderColor: colorsTypes.PRIMARY_VERY_ULTRA_LIGHT,\n menuSubLinksBorderColor: colorsTypes.PRIMARY_SEMI_DARK,\n menuSubLinksTitleColor: colorsTypes.PRIMARY_ULTRA_DARK,\n menuSubLinksTitleActiveColor: colorsTypes.PRIMARY,\n menuSubItemTitleColor: colorsTypes.PRIMARY_ULTRA_DARK,\n menuSubItemTitleActiveColor: colorsTypes.PRIMARY,\n menuSubItemTextActiveColor: colorsTypes.PRIMARY,\n menuSubItemTextColor: colorsTypes.PRIMARY_ULTRA_DARK,\n subMenuBackgroundColor: colorsTypes.TRANSPARENT,\n subMenuActiveBackgroundColor: colorsTypes.TRANSPARENT,\n itemBackgroundColor: colorsTypes.WHITE,\n dropdownHoverBackground: colorsVariantsTypes.HIGHT_LIGHT_PRIMARY,\n dropdownSeparationFromTop: 20,\n dropdownSeparationFromBottom: 50\n } : _ref2$navigationMenuO,\n _ref2$loginButtonStyl = _ref2.loginButtonStyles,\n loginButtonStyles = _ref2$loginButtonStyl === void 0 ? {} : _ref2$loginButtonStyl,\n _ref2$isDynamic = _ref2.isDynamic,\n isDynamic = _ref2$isDynamic === void 0 ? false : _ref2$isDynamic;\n\n return /*#__PURE__*/React__default$1[\"default\"].createElement(HeaderDynamicContainer, {\n noFilterLogo: noFilterLogo,\n logoFilterEffect: logoFilterEffect,\n \"float\": _float,\n scrollY: scrollY,\n backgroundBreakpoint: backgroundBreakpoint,\n transparent: transparent,\n isTopBorder: isTopBorder,\n forceShow: forceShow,\n hoverBackground: hoverBackground,\n backgroundAfterBreakpointHover: backgroundAfterBreakpointHover,\n forceShowHover: forceShowHover,\n className: classnames(\"HEADER_DESKTOP_DEFAULT HeaderDesktop-HeaderDynamicContainer bl-bg-grayscale-0 tw-z-50 tw-relative tw-font-normal tw-flex tw-flex-wrap\", scrollY > backgroundBreakpoint ? \"HEADER_DESKTOP_DEFAULT_SCROLLED \" : \"HEADER_DESKTOP_DEFAULT_NO_SCROLLED\", isDynamic ? \"HEADER_DESKTOP_DEFAULT_DINAMIC_PAGE\" : \"HEADER_DESKTOP_DEFAULT_NO_DINAMIC_PAGE\", className)\n }, data && /*#__PURE__*/React__default$1[\"default\"].createElement(Toast, {\n data: data.Toast\n }), /*#__PURE__*/React__default$1[\"default\"].createElement(NavigationContainer, _extends$g({\n className: \"HEADER_DESKTOP_DEFAULT__NAVIGATION HeaderDesktop-HeaderDynamicContainer-NavigatorContainer tw-w-full tw-mx-auto tw-flex tw-justify-between tw-items-center\"\n }, navigationOptions), /*#__PURE__*/React__default$1[\"default\"].createElement(HeaderBannerContainer, null, data && /*#__PURE__*/React__default$1[\"default\"].createElement(HeaderDesktopNavMenu, _extends$g({\n creditUnion: data === null || data === void 0 || (_data$CreditUnion = data.CreditUnion) === null || _data$CreditUnion === void 0 ? void 0 : _data$CreditUnion.CREDIT_UNION,\n menuSubItemDisableBorder: menuSubItemDisableBorder,\n grayscale: grayscale,\n dark: dark,\n backgroundScreenActive: backgroundScreenActive,\n topIndicator: topIndicator,\n pathname: pathname,\n menuItems: data.NavBarItems,\n loginButtonText: data.loginButtonText,\n \"float\": _float,\n scrollY: scrollY,\n transparent: transparent,\n isTopBorder: isTopBorder,\n forceShow: forceShowItems,\n forceShowColor: forceShowColor,\n backgroundBreakpoint: backgroundBreakpoint,\n loginButtonStyles: loginButtonStyles\n }, navigationMenuOptions)))));\n}\n\nvar _templateObject, _templateObject2, _templateObject3;\n\nvar BannerContainer = styled__default[\"default\"].div(_templateObject || (_templateObject = _taggedTemplateLiteral([\"\\n width: 100%;\\n min-height: 200px;\\n\"])));\nvar BannerLogoSection = styled__default[\"default\"].div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral([\"\\n background: url(\\\"/images/banner.svg\\\"),\\n linear-gradient(90deg, var(--primary-color) 40%, var(--primary-80-color) 100%);\\n background-repeat: no-repeat;\\n background-size: cover;\\n background-position-y: 20%;\\n min-height: 100px;\\n display: flex;\\n align-items: center;\\n padding: 15px 25px;\\n\"])));\nvar NavSection = styled__default[\"default\"].div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral([\"\\n padding: 15px 25px;\\n background: var(--grayscale-0-color);\\n display: flex;\\n justify-content: space-between;\\n\"])));\n\nfunction MobileBannerContainer(_ref) {\n var children = _ref.children;\n return /*#__PURE__*/React__default$1[\"default\"].createElement(BannerContainer, {\n className: \"HEADER_MOBILE_BANNER__MAIN\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(BannerLogoSection, {\n className: \"HEADER_MOBILE_BANNER__LOGO_SECTION\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(Link, {\n className: \"HEADER_MOBILE_BANNER__CONTAINER__CONTENT__BOX__LOGO HeaderDynamicContainer-Container-Container-Link tw-relative tw-w-40 tw-h-20\",\n to: \"/\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(Logo, {\n className: \"HEADER_MOBILE_BANNER__CONTAINER__CONTENT__BOX__LOGO__IMAGE HeaderDynamicContainer-Container-Container-Logo Header__logo tw-w-40 tw-my-3\",\n src: \"/images/logo.svg\",\n alt: \"\".concat(process.env.GATSBY_CU_NAME, \" Logo\")\n }))), /*#__PURE__*/React__default$1[\"default\"].createElement(NavSection, {\n className: \"HEADER_MOBILE_BANNER__NAV_SECTION\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(Link, {\n className: \"HEADER_MOBILE_BANNER_NAV_LINK_SHOW HeaderDynamicContainer-Container-Container-Link tw-relative tw-w-40 tw-h-20\",\n to: \"/\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(Logo, {\n className: \"HEADER_MOBILE_BANNER_NAV_LINK__IMAGE_SHOW HeaderDynamicContainer-Container-Container-Logo Header__logo tw-w-40 tw-my-3\",\n src: \"/images/logo.svg\",\n alt: \"\".concat(process.env.GATSBY_CU_NAME, \" Logo\")\n })), /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", null, children)));\n}\n\nfunction MobileBanner(_ref) {\n var data = _ref.data,\n pathname = _ref.pathname,\n className = _ref.className,\n _ref$float = _ref[\"float\"],\n _float = _ref$float === void 0 ? false : _ref$float,\n _ref$scrollY = _ref.scrollY,\n scrollY = _ref$scrollY === void 0 ? 0 : _ref$scrollY,\n _ref$backgroundBreakp = _ref.backgroundBreakpoint,\n backgroundBreakpoint = _ref$backgroundBreakp === void 0 ? 20 : _ref$backgroundBreakp,\n _ref$activeLogoReplac = _ref.activeLogoReplaceImageWith,\n activeLogoReplaceImageWith = _ref$activeLogoReplac === void 0 ? \"\" : _ref$activeLogoReplac,\n _ref$background = _ref.background,\n background = _ref$background === void 0 ? colorsTypes.WHITE : _ref$background,\n _ref$activeBackground = _ref.activeBackground,\n activeBackground = _ref$activeBackground === void 0 ? colorsTypes.WHITE : _ref$activeBackground,\n _ref$hoverActiveBackg = _ref.hoverActiveBackground,\n hoverActiveBackground = _ref$hoverActiveBackg === void 0 ? colorsTypes.WHITE : _ref$hoverActiveBackg,\n _ref$backgroundAfterB = _ref.backgroundAfterBreakpoint,\n backgroundAfterBreakpoint = _ref$backgroundAfterB === void 0 ? colorsTypes.WHITE : _ref$backgroundAfterB,\n _ref$transparentBackg = _ref.transparentBackground,\n transparentBackground = _ref$transparentBackg === void 0 ? colorsTypes.TRANSPARENT : _ref$transparentBackg,\n _ref$hoverFloatBackgr = _ref.hoverFloatBackground,\n hoverFloatBackground = _ref$hoverFloatBackgr === void 0 ? colorsTypes.WHITE : _ref$hoverFloatBackgr,\n _ref$backgroundAfterB2 = _ref.backgroundAfterBreakpointHover,\n backgroundAfterBreakpointHover = _ref$backgroundAfterB2 === void 0 ? colorsTypes.WHITE : _ref$backgroundAfterB2,\n _ref$hoverTransparent = _ref.hoverTransparentBackground,\n hoverTransparentBackground = _ref$hoverTransparent === void 0 ? colorsTypes.TRANSPARENT : _ref$hoverTransparent,\n _ref$transparent = _ref.transparent,\n transparent = _ref$transparent === void 0 ? false : _ref$transparent,\n _ref$forceShow = _ref.forceShow,\n forceShow = _ref$forceShow === void 0 ? false : _ref$forceShow,\n _ref$backgroundMenu = _ref.backgroundMenu,\n backgroundMenu = _ref$backgroundMenu === void 0 ? colorsTypes.WHITE : _ref$backgroundMenu,\n _ref$menuSubLinksList = _ref.menuSubLinksListBorderColor,\n menuSubLinksListBorderColor = _ref$menuSubLinksList === void 0 ? colorsTypes.PRIMARY : _ref$menuSubLinksList,\n _ref$menuSubLinksList2 = _ref.menuSubLinksListBackground,\n menuSubLinksListBackground = _ref$menuSubLinksList2 === void 0 ? colorsTypes.PRIMARY_VERY_ULTRA_LIGHT : _ref$menuSubLinksList2,\n _ref$menuSubLinksTitl = _ref.menuSubLinksTitleColor,\n menuSubLinksTitleColor = _ref$menuSubLinksTitl === void 0 ? colorsTypes.PRIMARY_SEMI_DARK : _ref$menuSubLinksTitl,\n _ref$subLinksItemActi = _ref.subLinksItemActiveTitleColor,\n subLinksItemActiveTitleColor = _ref$subLinksItemActi === void 0 ? colorsTypes.PRIMARY_SEMI_DARK : _ref$subLinksItemActi,\n _ref$menuSubLinksItem = _ref.menuSubLinksItemTitleColor,\n menuSubLinksItemTitleColor = _ref$menuSubLinksItem === void 0 ? colorsTypes.PRIMARY_ULTRA_DARK : _ref$menuSubLinksItem,\n _ref$loginButtonStyle = _ref.loginButtonStyles,\n loginButtonStyles = _ref$loginButtonStyle === void 0 ? {} : _ref$loginButtonStyle,\n _ref$mobileActiveLogo = _ref.mobileActiveLogoReplaceImageWith,\n mobileActiveLogoReplaceImageWith = _ref$mobileActiveLogo === void 0 ? \"\" : _ref$mobileActiveLogo,\n _ref$mobileActiveLogo2 = _ref.mobileActiveLogoReplaceImageWithAfterBreakpoint,\n mobileActiveLogoReplaceImageWithAfterBreakpoint = _ref$mobileActiveLogo2 === void 0 ? \"\" : _ref$mobileActiveLogo2,\n _ref$mobileNoFilterLo = _ref.mobileNoFilterLogo,\n mobileNoFilterLogo = _ref$mobileNoFilterLo === void 0 ? false : _ref$mobileNoFilterLo,\n _ref$mobileNoFilterMe = _ref.mobileNoFilterMenuIcon,\n mobileNoFilterMenuIcon = _ref$mobileNoFilterMe === void 0 ? false : _ref$mobileNoFilterMe,\n _ref$mobileForceFilte = _ref.mobileForceFilterMenuIcon,\n mobileForceFilterMenuIcon = _ref$mobileForceFilte === void 0 ? false : _ref$mobileForceFilte,\n _ref$mobileLogoReplac = _ref.mobileLogoReplaceImageWith,\n mobileLogoReplaceImageWith = _ref$mobileLogoReplac === void 0 ? undefined : _ref$mobileLogoReplac,\n _ref$mobileLogoReplac2 = _ref.mobileLogoReplaceImageWithAfterBreakpoint,\n mobileLogoReplaceImageWithAfterBreakpoint = _ref$mobileLogoReplac2 === void 0 ? undefined : _ref$mobileLogoReplac2,\n _ref$mobileLogoFilter = _ref.mobileLogoFilter,\n mobileLogoFilter = _ref$mobileLogoFilter === void 0 ? undefined : _ref$mobileLogoFilter,\n _ref$mobileLogoFilter2 = _ref.mobileLogoFilterEffectAfterScroll,\n mobileLogoFilterEffectAfterScroll = _ref$mobileLogoFilter2 === void 0 ? [] : _ref$mobileLogoFilter2,\n _ref$mobileFilterEffe = _ref.mobileFilterEffectAfterScroll,\n mobileFilterEffectAfterScroll = _ref$mobileFilterEffe === void 0 ? [] : _ref$mobileFilterEffe,\n _ref$mobileLogoFilter3 = _ref.mobileLogoFilterEffect,\n mobileLogoFilterEffect = _ref$mobileLogoFilter3 === void 0 ? [] : _ref$mobileLogoFilter3,\n _ref$mobileActiveLogo3 = _ref.mobileActiveLogoFilterEffectAfterScroll,\n mobileActiveLogoFilterEffectAfterScroll = _ref$mobileActiveLogo3 === void 0 ? [] : _ref$mobileActiveLogo3,\n _ref$mobileMenuIconFi = _ref.mobileMenuIconFilterEffect,\n mobileMenuIconFilterEffect = _ref$mobileMenuIconFi === void 0 ? [\"invert()\", \"grayscale(1)\", \"saturate(0)\"] : _ref$mobileMenuIconFi,\n _ref$mobileMenuIconFi2 = _ref.mobileMenuIconFilterEffectAfterScroll,\n mobileMenuIconFilterEffectAfterScroll = _ref$mobileMenuIconFi2 === void 0 ? [\"invert()\", \"grayscale(1)\", \"saturate(0)\"] : _ref$mobileMenuIconFi2,\n _ref$mobileMenuIconAc = _ref.mobileMenuIconActiveFilterEffectAfterScroll,\n mobileMenuIconActiveFilterEffectAfterScroll = _ref$mobileMenuIconAc === void 0 ? [\"invert()\", \"grayscale(1)\", \"saturate(0)\"] : _ref$mobileMenuIconAc,\n _ref$menuIconFilterEf = _ref.menuIconFilterEffect,\n menuIconFilterEffect = _ref$menuIconFilterEf === void 0 ? [\"invert()\", \"grayscale(1)\", \"saturate(0)\"] : _ref$menuIconFilterEf,\n _ref$menuIconFilterEf2 = _ref.menuIconFilterEffectAfterScroll,\n menuIconFilterEffectAfterScroll = _ref$menuIconFilterEf2 === void 0 ? [\"invert()\", \"grayscale(1)\", \"saturate(0)\"] : _ref$menuIconFilterEf2,\n _ref$menuIconActiveFi = _ref.menuIconActiveFilterEffectAfterScroll,\n menuIconActiveFilterEffectAfterScroll = _ref$menuIconActiveFi === void 0 ? [\"invert()\", \"grayscale(1)\", \"saturate(0)\"] : _ref$menuIconActiveFi,\n _ref$mobileActiveLogo4 = _ref.mobileActiveLogoFilterEffect,\n mobileActiveLogoFilterEffect = _ref$mobileActiveLogo4 === void 0 ? [\"invert()\", \"grayscale(1)\", \"saturate(0)\"] : _ref$mobileActiveLogo4,\n _ref$mobileLoginButto = _ref.mobileLoginButtonStyles,\n mobileLoginButtonStyles = _ref$mobileLoginButto === void 0 ? {} : _ref$mobileLoginButto,\n _ref$mobileMenuIconSt = _ref.mobileMenuIconStyles,\n mobileMenuIconStyles = _ref$mobileMenuIconSt === void 0 ? {} : _ref$mobileMenuIconSt,\n _ref$mobileBackground = _ref.mobileBackground,\n mobileBackground = _ref$mobileBackground === void 0 ? colorsTypes.WHITE : _ref$mobileBackground,\n _ref$mobileBackground2 = _ref.mobileBackgroundAfterBreakpoint,\n mobileBackgroundAfterBreakpoint = _ref$mobileBackground2 === void 0 ? colorsTypes.WHITE : _ref$mobileBackground2,\n _ref$mobileActiveBack = _ref.mobileActiveBackground,\n mobileActiveBackground = _ref$mobileActiveBack === void 0 ? colorsTypes.WHITE : _ref$mobileActiveBack,\n _ref$mobileTransparen = _ref.mobileTransparentBackground,\n mobileTransparentBackground = _ref$mobileTransparen === void 0 ? colorsTypes.TRANSPARENT : _ref$mobileTransparen,\n _ref$mobileHoverBackg = _ref.mobileHoverBackground,\n mobileHoverBackground = _ref$mobileHoverBackg === void 0 ? colorsTypes.WHITE : _ref$mobileHoverBackg,\n _ref$mobileHoverFloat = _ref.mobileHoverFloatBackground,\n mobileHoverFloatBackground = _ref$mobileHoverFloat === void 0 ? colorsTypes.WHITE : _ref$mobileHoverFloat,\n _ref$mobileHoverActiv = _ref.mobileHoverActiveBackground,\n mobileHoverActiveBackground = _ref$mobileHoverActiv === void 0 ? colorsTypes.WHITE : _ref$mobileHoverActiv,\n _ref$mobileBackground3 = _ref.mobileBackgroundAfterBreakpointHover,\n mobileBackgroundAfterBreakpointHover = _ref$mobileBackground3 === void 0 ? colorsTypes.WHITE : _ref$mobileBackground3,\n _ref$mobileHoverTrans = _ref.mobileHoverTransparentBackground,\n mobileHoverTransparentBackground = _ref$mobileHoverTrans === void 0 ? colorsTypes.TRANSPARENT : _ref$mobileHoverTrans,\n _ref$isDynamic = _ref.isDynamic,\n isDynamic = _ref$isDynamic === void 0 ? false : _ref$isDynamic;\n\n var _useModal = useModal(),\n isModalVisible = _useModal.isModalVisible,\n closeModal = _useModal.closeModal,\n showModal = _useModal.showModal;\n\n var _useState = React.useState(false),\n _useState2 = _slicedToArray(_useState, 2),\n menuActive = _useState2[0],\n setMenuActive = _useState2[1];\n\n React.useEffect(function () {\n screenOverflowHidden(menuActive);\n }, [menuActive]);\n\n var checkModalActivation = function checkModalActivation() {\n if (loginButtonStyles.variant !== loginVariantTypes.NO_MODAL) {\n showModal();\n } else {\n window.open(\"\".concat(process.env.GATSBY_LOGIN_URL), \"_blank\");\n }\n\n setMenuActive(false);\n };\n\n var LoginButtonMobile = function LoginButtonMobile() {\n return data && data.loginButtonText ? /*#__PURE__*/React__default$1[\"default\"].createElement(Button$2, _extends$g({\n fill: buttonFillTypes.FILLED,\n styleType: buttonStyleTypes.PILL,\n className: classnames(\"HEADER_MOBILE_BANNER__CONTAINER__CONTENT__BOX__MENU__ITEM SECOND HeaderDynamicContainer-Container-Container-Pill-Button tw-mr-3\", menuActive ? \"tw-hidden lg:tw-block\" : \"tw-block\"),\n onClick: checkModalActivation\n }, loginButtonStyles), data.loginButtonText) : null;\n };\n\n var SecondaryButtonMobile = function SecondaryButtonMobile() {\n var _data$CreditUnion;\n\n var onClickHandler = function onClickHandler(link) {\n window.location.href = link;\n };\n\n return (data === null || data === void 0 || (_data$CreditUnion = data.CreditUnion) === null || _data$CreditUnion === void 0 ? void 0 : _data$CreditUnion.CREDIT_UNION) === \"bayou\" && /*#__PURE__*/React__default$1[\"default\"].createElement(Button$2, {\n className: \"HEADER_MOBILE_BANNER__CONTAINER__CONTENT__BOX__MENU__ITEM FIRST tw-mr-3\",\n onClick: function onClick() {\n return onClickHandler(\"https://web.baconpay.com/gate/login?institutionId=33ae4d0c-4b6e-4543-a5af-fa23acf39d97\");\n }\n }, \"Loan Payments\");\n };\n\n return /*#__PURE__*/React__default$1[\"default\"].createElement(HeaderDynamicContainer, {\n activeLogoReplaceImageWith: activeLogoReplaceImageWith,\n mobileActiveLogoReplaceImageWith: mobileActiveLogoReplaceImageWith,\n mobileLogoFilterEffectAfterScroll: mobileLogoFilterEffectAfterScroll,\n mobileActiveLogoFilterEffectAfterScroll: mobileActiveLogoFilterEffectAfterScroll,\n mobileActiveLogoReplaceImageWithAfterBreakpoint: mobileActiveLogoReplaceImageWithAfterBreakpoint,\n activeLogoFilterEffect: mobileActiveLogoFilterEffect,\n mobileFilterEffectAfterScroll: mobileFilterEffectAfterScroll,\n mobileLogoReplaceImageWith: mobileLogoReplaceImageWith,\n mobileLogoReplaceImageWithAfterBreakpoint: mobileLogoReplaceImageWithAfterBreakpoint,\n mobileNoFilterLogo: mobileNoFilterLogo,\n mobileLogoFilterEffect: mobileLogoFilterEffect,\n logoReplaceImageWithAfterBreakpoint: mobileLogoReplaceImageWithAfterBreakpoint,\n logoReplaceImageWith: mobileLogoReplaceImageWith,\n activeBackground: activeBackground,\n mobileActiveBackground: mobileActiveBackground,\n hoverActiveBackground: hoverActiveBackground,\n mobileHoverActiveBackground: mobileHoverActiveBackground,\n noFilterLogo: mobileNoFilterLogo,\n filter: mobileLogoFilter,\n background: background,\n mobileBackground: mobileBackground,\n mobileHoverBackground: mobileHoverBackground,\n hoverFloatBackground: hoverFloatBackground,\n mobileHoverFloatBackground: mobileHoverFloatBackground,\n backgroundAfterBreakpointHover: backgroundAfterBreakpointHover,\n mobileBackgroundAfterBreakpointHover: mobileBackgroundAfterBreakpointHover,\n hoverTransparentBackground: hoverTransparentBackground,\n mobileHoverTransparentBackground: mobileHoverTransparentBackground,\n backgroundAfterBreakpoint: backgroundAfterBreakpoint,\n mobileBackgroundAfterBreakpoint: mobileBackgroundAfterBreakpoint,\n transparentBackground: transparentBackground,\n mobileTransparentBackground: mobileTransparentBackground,\n \"float\": _float,\n scrollY: scrollY,\n backgroundBreakpoint: backgroundBreakpoint,\n transparent: transparent || !menuActive,\n forceShow: forceShow || menuActive,\n className: classnames(\"HEADER_MOBILE_BANNER HeaderDynamicContainer lg:tw-pb-16 tw-fixed lg:tw-absolute tw-z-50 tw-w-full tw-font-normal lg:tw-h-full\", menuActive ? \"HEADER_MOBILE_BANNER__OPEN tw-min-h-screen tw-overflow-y-scroll lg:tw-overflow-y-auto\" : \"HEADER_MOBILE_BANNER__CLOSE\", scrollY > backgroundBreakpoint ? \"HEADER_MOBILE_BANNER_SCROLLED \" : \"HEADER_MOBILE_BANNER_NO_SCROLLED\", isDynamic ? \"HEADER_MOBILE_BANNER_DINAMIC_PAGE\" : \"HEADER_MOBILE_BANNER_NO_DINAMIC_PAGE\", className),\n style: HeaderHeight\n }, data && /*#__PURE__*/React__default$1[\"default\"].createElement(Toast, {\n data: data.Toast\n }), /*#__PURE__*/React__default$1[\"default\"].createElement(\"nav\", {\n className: classnames(\"HEADER_MOBILE_BANNER__CONTAINER HeaderDynamicContainer-Nav tw-z-50 lg:tw-h-full\", !menuActive && \"tw-h-auto\")\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"HEADER_MOBILE_BANNER__CONTAINER__CONTENT HeaderDynamicContainer-Container tw-h-auto\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(MobileBannerContainer, {\n className: \"HEADER_MOBILE_BANNER__CONTAINER__LAST\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"HEADER_MOBILE_BANNER__CONTAINER__CONTENT__BOX HeaderDynamicContainer-Container-Container tw-w-full tw-flex tw-justify-between tw-items-center\",\n style: HeaderHeight\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"HEADER_MOBILE_BANNER__CONTAINER__CONTENT__BOX__MENU HeaderDynamicContainer-Container-Container-Container tw-float-right tw-flex tw-items-center tw-py-2 tw-rounded\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(LoginButtonMobile, null), /*#__PURE__*/React__default$1[\"default\"].createElement(SecondaryButtonMobile, null), data && /*#__PURE__*/React__default$1[\"default\"].createElement(\"button\", {\n type: \"button\",\n className: \"HEADER_MOBILE_BANNER__CONTAINER__CONTENT__BOX__MENU__ITEM__ICON_BOX \".concat(menuActive ? \"MENU__ITEM__ACTIVE\" : \"\", \" HeaderDynamicContainer-Container-Container-Button tw-float-right tw-flex tw-items-center tw-px-3 tw-py-2 hover:bl-border-grayscale-0\"),\n onClick: function onClick() {\n setMenuActive(function (current) {\n return !current;\n });\n }\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(Icon, _extends$g({\n className: \"HEADER_MOBILE_BANNER__CONTAINER__CONTENT__BOX__MENU__ITEM__ICON_BOX__ICON\",\n icon: menuActive ? iconTypes.REMOVE : iconTypes.NAVIGATION_MENU,\n menuActive: menuActive,\n isScrollChangeColorButton: mobileLoginButtonStyles === null || mobileLoginButtonStyles === void 0 ? void 0 : mobileLoginButtonStyles.isScrollChangeColorButton,\n \"float\": _float,\n scrollY: scrollY,\n backgroundBreakpoint: backgroundBreakpoint,\n noFilter: mobileNoFilterMenuIcon,\n forceFilter: mobileForceFilterMenuIcon,\n filterEffect: menuIconFilterEffect,\n filterEffectAfterScroll: menuIconFilterEffectAfterScroll,\n activeFilterEffectAfterScroll: menuIconActiveFilterEffectAfterScroll,\n mobileFilterEffect: mobileMenuIconFilterEffect,\n mobileFilterEffectAfterScroll: mobileMenuIconFilterEffectAfterScroll,\n mobileActiveFilterEffectAfterScroll: mobileMenuIconActiveFilterEffectAfterScroll\n }, mobileMenuIconStyles))))))), menuActive && data && /*#__PURE__*/React__default$1[\"default\"].createElement(Dropdown$2, {\n subLinksItemTitleColor: menuSubLinksItemTitleColor,\n subLinksListBorderColor: menuSubLinksListBorderColor,\n menuSubLinksListBackground: menuSubLinksListBackground,\n subLinksTitleColor: menuSubLinksTitleColor,\n subLinksItemActiveTitleColor: subLinksItemActiveTitleColor,\n background: backgroundMenu,\n showBackground: _float,\n data: data,\n pathname: pathname,\n classname: \"HEADER_MOBILE_BANNER__CONTAINER__CONTENT__DROPDOWN HeaderMobile-HeaderDynamicContainer-Dropdown\"\n }), /*#__PURE__*/React__default$1[\"default\"].createElement(Modal, {\n className: \"HEADER_MOBILE_BANNER__CONTAINER__CONTENT__MODAL\",\n show: isModalVisible,\n closeModal: closeModal\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(Login, {\n variant: loginButtonStyles.variant\n }))));\n}\n\nvar _excluded$B = [\"config\", \"forceCompress\", \"desktopVariant\", \"compressedVariant\", \"headerMobileVariant\", \"mobileVariant\", \"menuSubLinksListBackground\", \"isDynamic\"];\n\nfunction Header(_ref) {\n var _ref$config = _ref.config,\n config = _ref$config === void 0 ? {} : _ref$config,\n _ref$forceCompress = _ref.forceCompress,\n forceCompress = _ref$forceCompress === void 0 ? false : _ref$forceCompress,\n _ref$desktopVariant = _ref.desktopVariant,\n desktopVariant = _ref$desktopVariant === void 0 ? headerDesktopVariantTypes.STANDARD : _ref$desktopVariant,\n _ref$compressedVarian = _ref.compressedVariant,\n compressedVariant = _ref$compressedVarian === void 0 ? headerCompressedVariantTypes.STANDARD : _ref$compressedVarian,\n _ref$headerMobileVari = _ref.headerMobileVariant,\n headerMobileVariant = _ref$headerMobileVari === void 0 ? headerMobileVariantTypes.STANDARD : _ref$headerMobileVari,\n _ref$mobileVariant = _ref.mobileVariant,\n mobileVariant = _ref$mobileVariant === void 0 ? headerMobileVariantTypes.STANDARD : _ref$mobileVariant,\n _ref$menuSubLinksList = _ref.menuSubLinksListBackground,\n menuSubLinksListBackground = _ref$menuSubLinksList === void 0 ? null : _ref$menuSubLinksList,\n _ref$isDynamic = _ref.isDynamic,\n isDynamic = _ref$isDynamic === void 0 ? false : _ref$isDynamic,\n otherProps = _objectWithoutProperties$2(_ref, _excluded$B);\n\n var _useState = React.useState(0),\n _useState2 = _slicedToArray(_useState, 2),\n scrollY = _useState2[0],\n setScrollY = _useState2[1];\n\n var _useWindowDimensions = useWindowDimensions(),\n width = _useWindowDimensions.width;\n\n React.useEffect(function () {\n window.addEventListener(\"scroll\", function (_ref2) {\n var target = _ref2.target;\n var windowScrollY = target.defaultView.scrollY || 0;\n setScrollY(windowScrollY || 0);\n });\n return function () {\n window.removeEventListener(\"scroll\", function () {\n return null;\n });\n };\n }, [width]);\n var cuName = process.env.GATSBY_CU_NAME;\n var toledoHeaderValidation = width > 1280 && (config === null || config === void 0 ? void 0 : config.header) === \"DESKTOP\";\n\n if (forceCompress && width >= breakpoints.lg || !!config && config.header && config.header === \"COMPRESSED\" && width >= breakpoints.lg) {\n return /*#__PURE__*/React__default$1[\"default\"].createElement(HeaderCompressed, _extends$g({\n isDynamic: isDynamic,\n scrollY: scrollY,\n backgroundBreakpoint: 400,\n menuSubLinksListBackground: menuSubLinksListBackground,\n className: classnames(\"Header-Compressed\", isDynamic ? \"DINAMIC_PAGE_HEADER_COMPRESSED\" : \"\"),\n variant: compressedVariant\n }, otherProps));\n }\n\n if (forceCompress && width <= breakpoints.lg || !!config && config.header && config.header === \"COMPRESSED\" && width < breakpoints.lg) {\n return /*#__PURE__*/React__default$1[\"default\"].createElement(HeaderMobileCompressed, _extends$g({\n scrollY: scrollY,\n isDynamic: isDynamic,\n backgroundBreakpoint: 400,\n className: classnames(\"Header-Mobile-Compressed\", isDynamic ? \"DINAMIC_PAGE_HEADER_MOBIL_COMPRESSED\" : \"NO_DINAMIC_PAGE_HEADER_MOBIL_COMPRESSED\")\n }, otherProps));\n }\n\n if ((width >= breakpoints.lg || !width && width > 0) && (config === null || config === void 0 ? void 0 : config.header) === \"DESKTOP_DOUBLE\") {\n return /*#__PURE__*/React__default$1[\"default\"].createElement(HeaderDesktopDoubleMenu, _extends$g({\n scrollY: scrollY,\n isDynamic: isDynamic,\n className: classnames(\"Header-Desktop-double\", isDynamic ? \"DINAMIC_PAGE_Header-Desktop-Double\" : \"NO_DINAMIC_PAGE_Header-Desktop-Double\"),\n variant: desktopVariant\n }, otherProps));\n }\n\n if ((width >= breakpoints.lg || !width && width > 0) && (config === null || config === void 0 ? void 0 : config.header) === \"BANNER\") {\n return /*#__PURE__*/React__default$1[\"default\"].createElement(Banner, _extends$g({\n scrollY: scrollY,\n isDynamic: isDynamic,\n className: classnames(\"Header-Desktop\", isDynamic ? \"DINAMIC_PAGE_Header-Desktop\" : \"NO_DINAMIC_PAGE_Header-Desktop\")\n }, otherProps));\n }\n\n if (width >= breakpoints.lg && cuName !== \"Toledo New\" || !width && width > 0 && (config === null || config === void 0 ? void 0 : config.header) === \"DESKTOP\" || toledoHeaderValidation) {\n return /*#__PURE__*/React__default$1[\"default\"].createElement(HeaderDesktop, _extends$g({\n scrollY: scrollY,\n isDynamic: isDynamic,\n className: classnames(\"Header-Desktop\", isDynamic ? \"DINAMIC_PAGE_Header-Desktop\" : \"NO_DINAMIC_PAGE_Header-Desktop\"),\n variant: desktopVariant\n }, otherProps));\n }\n\n if (!!width && width > 0) {\n if (mobileVariant === \"DOUBLE\") {\n return /*#__PURE__*/React__default$1[\"default\"].createElement(HeaderMobileDouble, _extends$g({\n background: colorsTypes.WHITE,\n backgroundBreakpoint: 250,\n scrollY: scrollY,\n isDynamic: isDynamic,\n className: classnames(\"Header-Mobile\", isDynamic ? \"DINAMIC_PAGE_HEADER_MOBIL\" : \"\", isDynamic ? \"DINAMIC_PAGE_Header-Desktop\" : \"NO_DINAMIC_PAGE_Header-Desktop\"),\n variant: \"DOUBLE\",\n mobileVariant: \"DOUBLE\",\n headerMobileVariant: headerMobileVariant\n }, otherProps));\n }\n\n if ((config === null || config === void 0 ? void 0 : config.header) === \"BANNER\" && width < 1024) {\n return /*#__PURE__*/React__default$1[\"default\"].createElement(MobileBanner, _extends$g({\n background: colorsTypes.WHITE,\n backgroundBreakpoint: 250,\n scrollY: scrollY,\n isDynamic: isDynamic,\n className: classnames(\"Header-Mobile\", isDynamic ? \"DINAMIC_PAGE_HEADER_MOBIL\" : \"\", isDynamic ? \"DINAMIC_PAGE_Header-Desktop\" : \"NO_DINAMIC_PAGE_Header-Desktop\"),\n variant: \"DOUBLE\",\n mobileVariant: \"DOUBLE\",\n headerMobileVariant: headerMobileVariant\n }, otherProps));\n }\n\n return /*#__PURE__*/React__default$1[\"default\"].createElement(HeaderMobile, _extends$g({\n background: colorsTypes.WHITE,\n backgroundBreakpoint: 250,\n scrollY: scrollY,\n isDynamic: isDynamic,\n className: classnames(\"Header-Mobile\", isDynamic ? \"DINAMIC_PAGE_HEADER_MOBIL\" : \"\", isDynamic ? \"DINAMIC_PAGE_Header-Desktop\" : \"NO_DINAMIC_PAGE_Header-Desktop\"),\n variant: \"DOUBLE\",\n mobileVariant: \"DOUBLE\",\n headerMobileVariant: \"DOUBLE\"\n }, otherProps));\n }\n\n return null;\n}\n\nvar Header$1 = withErrorBoundary(Header, {\n FallbackComponent: Header\n});\nvar index = /*#__PURE__*/Object.freeze({\n __proto__: null,\n 'default': Header$1\n}); // TYPES\n// FUNCTIONS\n\nfunction dehydrateMutation(mutation) {\n return {\n mutationKey: mutation.options.mutationKey,\n state: mutation.state\n };\n} // Most config is not dehydrated but instead meant to configure again when\n// consuming the de/rehydrated data, typically with useQuery on the client.\n// Sometimes it might make sense to prefetch data on the server and include\n// in the html-payload, but not consume it on the initial render.\n\n\nfunction dehydrateQuery(query) {\n return {\n state: query.state,\n queryKey: query.queryKey,\n queryHash: query.queryHash\n };\n}\n\nfunction defaultShouldDehydrateMutation(mutation) {\n return mutation.state.isPaused;\n}\n\nfunction defaultShouldDehydrateQuery(query) {\n return query.state.status === 'success';\n}\n\nfunction dehydrate(client, options) {\n var _options, _options2;\n\n options = options || {};\n var mutations = [];\n var queries = [];\n\n if (((_options = options) == null ? void 0 : _options.dehydrateMutations) !== false) {\n var shouldDehydrateMutation = options.shouldDehydrateMutation || defaultShouldDehydrateMutation;\n client.getMutationCache().getAll().forEach(function (mutation) {\n if (shouldDehydrateMutation(mutation)) {\n mutations.push(dehydrateMutation(mutation));\n }\n });\n }\n\n if (((_options2 = options) == null ? void 0 : _options2.dehydrateQueries) !== false) {\n var shouldDehydrateQuery = options.shouldDehydrateQuery || defaultShouldDehydrateQuery;\n client.getQueryCache().getAll().forEach(function (query) {\n if (shouldDehydrateQuery(query)) {\n queries.push(dehydrateQuery(query));\n }\n });\n }\n\n return {\n mutations: mutations,\n queries: queries\n };\n}\n\nfunction hydrate(client, dehydratedState, options) {\n if (typeof dehydratedState !== 'object' || dehydratedState === null) {\n return;\n }\n\n var mutationCache = client.getMutationCache();\n var queryCache = client.getQueryCache();\n var mutations = dehydratedState.mutations || [];\n var queries = dehydratedState.queries || [];\n mutations.forEach(function (dehydratedMutation) {\n var _options$defaultOptio;\n\n mutationCache.build(client, _extends$9({}, options == null ? void 0 : (_options$defaultOptio = options.defaultOptions) == null ? void 0 : _options$defaultOptio.mutations, {\n mutationKey: dehydratedMutation.mutationKey\n }), dehydratedMutation.state);\n });\n queries.forEach(function (dehydratedQuery) {\n var _options$defaultOptio2;\n\n var query = queryCache.get(dehydratedQuery.queryHash); // Do not hydrate if an existing query exists with newer data\n\n if (query) {\n if (query.state.dataUpdatedAt < dehydratedQuery.state.dataUpdatedAt) {\n query.setState(dehydratedQuery.state);\n }\n\n return;\n } // Restore query\n\n\n queryCache.build(client, _extends$9({}, options == null ? void 0 : (_options$defaultOptio2 = options.defaultOptions) == null ? void 0 : _options$defaultOptio2.queries, {\n queryKey: dehydratedQuery.queryKey,\n queryHash: dehydratedQuery.queryHash\n }), dehydratedQuery.state);\n });\n}\n\nfunction _await(value, then, direct) {\n if (direct) {\n return then ? then(value) : value;\n }\n\n if (!value || !value.then) {\n value = Promise.resolve(value);\n }\n\n return then ? value.then(then) : value;\n}\n\nfunction _catch(body, recover) {\n try {\n var result = body();\n } catch (e) {\n return recover(e);\n }\n\n if (result && result.then) {\n return result.then(void 0, recover);\n }\n\n return result;\n}\n\nfunction _continue(value, then) {\n return value && value.then ? value.then(then) : then(value);\n}\n\nfunction _empty() {}\n\nfunction _invokeIgnored(body) {\n var result = body();\n\n if (result && result.then) {\n return result.then(_empty);\n }\n}\n\nfunction _async(f) {\n return function () {\n for (var args = [], i = 0; i < arguments.length; i++) {\n args[i] = arguments[i];\n }\n\n try {\n return Promise.resolve(f.apply(this, args));\n } catch (e) {\n return Promise.reject(e);\n }\n };\n}\n\nvar persistQueryClient = _async(function (_ref) {\n var queryClient = _ref.queryClient,\n persistor = _ref.persistor,\n _ref$maxAge = _ref.maxAge,\n maxAge = _ref$maxAge === void 0 ? 1000 * 60 * 60 * 24 : _ref$maxAge,\n _ref$buster = _ref.buster,\n buster = _ref$buster === void 0 ? '' : _ref$buster;\n return _invokeIgnored(function () {\n if (typeof window !== 'undefined') {\n // Subscribe to changes\n var saveClient = function saveClient() {\n var persistClient = {\n buster: buster,\n timestamp: Date.now(),\n clientState: dehydrate(queryClient)\n };\n persistor.persistClient(persistClient);\n }; // Attempt restore\n\n\n return _continue(_catch(function () {\n return _await(persistor.restoreClient(), function (persistedClient) {\n if (persistedClient) {\n if (persistedClient.timestamp) {\n var expired = Date.now() - persistedClient.timestamp > maxAge;\n var busted = persistedClient.buster !== buster;\n\n if (expired || busted) {\n persistor.removeClient();\n } else {\n hydrate(queryClient, persistedClient.clientState);\n }\n } else {\n persistor.removeClient();\n }\n }\n });\n }, function (err) {\n getLogger().error(err);\n getLogger().warn('Encountered an error attempting to restore client cache from persisted location. As a precaution, the persisted cache will be discarded.');\n persistor.removeClient();\n }), function () {\n // Subscribe to changes in the query cache to trigger the save\n queryClient.getQueryCache().subscribe(saveClient);\n });\n }\n });\n});\n\nfunction createLocalStoragePersistor(_temp) {\n var _ref = _temp === void 0 ? {} : _temp,\n _ref$localStorageKey = _ref.localStorageKey,\n localStorageKey = _ref$localStorageKey === void 0 ? \"REACT_QUERY_OFFLINE_CACHE\" : _ref$localStorageKey,\n _ref$throttleTime = _ref.throttleTime,\n throttleTime = _ref$throttleTime === void 0 ? 1000 : _ref$throttleTime;\n\n if (typeof localStorage !== 'undefined') {\n return {\n persistClient: throttle(function (persistedClient) {\n localStorage.setItem(localStorageKey, JSON.stringify(persistedClient));\n }, throttleTime),\n restoreClient: function restoreClient() {\n var cacheString = localStorage.getItem(localStorageKey);\n\n if (!cacheString) {\n return;\n }\n\n return JSON.parse(cacheString);\n },\n removeClient: function removeClient() {\n localStorage.removeItem(localStorageKey);\n }\n };\n }\n\n return {\n persistClient: noop$3,\n restoreClient: noop$3,\n removeClient: noop$3\n };\n}\n\nfunction throttle(func, wait) {\n if (wait === void 0) {\n wait = 100;\n }\n\n var timer = null;\n return function () {\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n if (timer === null) {\n timer = setTimeout(function () {\n func.apply(void 0, args);\n timer = null;\n }, wait);\n }\n };\n}\n\nvar queryClient;\n\nfunction getQueryClient() {\n if (!queryClient) {\n queryClient = new QueryClient({\n defaultOptions: {\n queries: {\n refetchOnWindowFocus: false,\n retry: false,\n cacheTime: 1000 * 60 * 60 * 2 // 2 hours\n\n }\n }\n });\n persistQueryClient({\n queryClient: queryClient,\n persistor: createLocalStoragePersistor(),\n maxAge: 1000 * 60 * 60 * 2,\n // 2 hours\n buster: \"RESET_CACHE|19-02-2020|11:17PM\"\n });\n }\n\n return queryClient;\n}\n\nfunction Layout(_ref) {\n var _ref$pathname = _ref.pathname,\n pathname = _ref$pathname === void 0 ? \"\" : _ref$pathname,\n _ref$header = _ref.header,\n header = _ref$header === void 0 ? {} : _ref$header,\n _ref$footer = _ref.footer,\n footer = _ref$footer === void 0 ? {} : _ref$footer,\n _ref$config = _ref.config,\n config = _ref$config === void 0 ? {} : _ref$config,\n children = _ref.children,\n _ref$theme = _ref.theme,\n theme = _ref$theme === void 0 ? {} : _ref$theme,\n _ref$footerOptions = _ref.footerOptions,\n footerOptions = _ref$footerOptions === void 0 ? {\n businessCustomLogos: [],\n // this can be also used outside footer options to make it work globally\n customIconAlts: \"\"\n } : _ref$footerOptions,\n _ref$headerLoginButto = _ref.headerLoginButtonIsScrollChangeColorButton,\n headerLoginButtonIsScrollChangeColorButton = _ref$headerLoginButto === void 0 ? false : _ref$headerLoginButto,\n _ref$headerLoginButto2 = _ref.headerLoginButtonScrollBackground,\n headerLoginButtonScrollBackground = _ref$headerLoginButto2 === void 0 ? colorsTypes.WHITE : _ref$headerLoginButto2,\n _ref$headerLoginButto3 = _ref.headerLoginButtonScrollBackgroundAfterScroll,\n headerLoginButtonScrollBackgroundAfterScroll = _ref$headerLoginButto3 === void 0 ? colorsTypes.PRIMARY_DARK : _ref$headerLoginButto3,\n _ref$headerDesktopVar = _ref.headerDesktopVariant,\n headerDesktopVariant = _ref$headerDesktopVar === void 0 ? headerDesktopVariantTypes.STANDARD : _ref$headerDesktopVar,\n _ref$headerCompressed = _ref.headerCompressedVariant,\n headerCompressedVariant = _ref$headerCompressed === void 0 ? headerCompressedVariantTypes.STANDARD : _ref$headerCompressed,\n _ref$headerMobileVari = _ref.headerMobileVariant,\n headerMobileVariant = _ref$headerMobileVari === void 0 ? headerMobileVariantTypes.STANDARD : _ref$headerMobileVari,\n _ref$headerDropdownLo = _ref.headerDropdownLoginButtonStyles,\n headerDropdownLoginButtonStyles = _ref$headerDropdownLo === void 0 ? {} : _ref$headerDropdownLo,\n _ref$backgroundHeader = _ref.backgroundHeader,\n backgroundHeader = _ref$backgroundHeader === void 0 ? colorsTypes.WHITE : _ref$backgroundHeader,\n _ref$headerActiveBack = _ref.headerActiveBackground,\n headerActiveBackground = _ref$headerActiveBack === void 0 ? colorsTypes.WHITE : _ref$headerActiveBack,\n _ref$headerHoverActiv = _ref.headerHoverActiveBackground,\n headerHoverActiveBackground = _ref$headerHoverActiv === void 0 ? colorsTypes.WHITE : _ref$headerHoverActiv,\n _ref$backgroundMenuHe = _ref.backgroundMenuHeader,\n backgroundMenuHeader = _ref$backgroundMenuHe === void 0 ? \"\" : _ref$backgroundMenuHe,\n _ref$headerActiveLogo = _ref.headerActiveLogoReplaceImageWithAfterBreakpoint,\n headerActiveLogoReplaceImageWithAfterBreakpoint = _ref$headerActiveLogo === void 0 ? \"\" : _ref$headerActiveLogo,\n _ref$backgroundBreakp = _ref.backgroundBreakpointHeader,\n backgroundBreakpointHeader = _ref$backgroundBreakp === void 0 ? 20 : _ref$backgroundBreakp,\n _ref$hoverBackgroundH = _ref.hoverBackgroundHeader,\n hoverBackgroundHeader = _ref$hoverBackgroundH === void 0 ? colorsTypes.WHITE : _ref$hoverBackgroundH,\n _ref$backgroundAfterB = _ref.backgroundAfterBreakpointHoverHeader,\n backgroundAfterBreakpointHoverHeader = _ref$backgroundAfterB === void 0 ? colorsTypes.WHITE : _ref$backgroundAfterB,\n _ref$menuSubLinksList = _ref.menuSubLinksListBorderColorHeader,\n menuSubLinksListBorderColorHeader = _ref$menuSubLinksList === void 0 ? colorsTypes.PRIMARY : _ref$menuSubLinksList,\n _ref$menuSubLinksTitl = _ref.menuSubLinksTitleColorHeader,\n menuSubLinksTitleColorHeader = _ref$menuSubLinksTitl === void 0 ? colorsTypes.PRIMARY : _ref$menuSubLinksTitl,\n _ref$menuSubLinksList2 = _ref.menuSubLinksListBackgroundHeader,\n menuSubLinksListBackgroundHeader = _ref$menuSubLinksList2 === void 0 ? colorsTypes.PRIMARY_VERY_ULTRA_LIGHT : _ref$menuSubLinksList2,\n _ref$menuSubLinksItem = _ref.menuSubLinksItemTitleColorHeader,\n menuSubLinksItemTitleColorHeader = _ref$menuSubLinksItem === void 0 ? colorsTypes.PRIMARY_ULTRA_DARK : _ref$menuSubLinksItem,\n _ref$subLinksItemActi = _ref.subLinksItemActiveTitleColorHeader,\n subLinksItemActiveTitleColorHeader = _ref$subLinksItemActi === void 0 ? colorsTypes.PRIMARY_SEMI_DARK : _ref$subLinksItemActi,\n _ref$headerBackground = _ref.headerBackgroundAfterBreakpoint,\n headerBackgroundAfterBreakpoint = _ref$headerBackground === void 0 ? colorsTypes.WHITE : _ref$headerBackground,\n _ref$headerTransparen = _ref.headerTransparentBackground,\n headerTransparentBackground = _ref$headerTransparen === void 0 ? colorsTypes.TRANSPARENT : _ref$headerTransparen,\n _ref$headerHoverTrans = _ref.headerHoverTransparentBackground,\n headerHoverTransparentBackground = _ref$headerHoverTrans === void 0 ? colorsTypes.TRANSPARENT : _ref$headerHoverTrans,\n _ref$topIndicatorHead = _ref.topIndicatorHeader,\n topIndicatorHeader = _ref$topIndicatorHead === void 0 ? true : _ref$topIndicatorHead,\n _ref$transparentHeade = _ref.transparentHeader,\n transparentHeader = _ref$transparentHeade === void 0 ? false : _ref$transparentHeade,\n _ref$isTopBorder = _ref.isTopBorder,\n isTopBorder = _ref$isTopBorder === void 0 ? false : _ref$isTopBorder,\n _ref$forceShowHeader = _ref.forceShowHeader,\n forceShowHeader = _ref$forceShowHeader === void 0 ? false : _ref$forceShowHeader,\n _ref$forceShowItemsHe = _ref.forceShowItemsHeader,\n forceShowItemsHeader = _ref$forceShowItemsHe === void 0 ? true : _ref$forceShowItemsHe,\n _ref$forceShowColorHe = _ref.forceShowColorHeader,\n forceShowColorHeader = _ref$forceShowColorHe === void 0 ? false : _ref$forceShowColorHe,\n _ref$forceShowHoverHe = _ref.forceShowHoverHeader,\n forceShowHoverHeader = _ref$forceShowHoverHe === void 0 ? false : _ref$forceShowHoverHe,\n _ref$floatHeader = _ref.floatHeader,\n floatHeader = _ref$floatHeader === void 0 ? false : _ref$floatHeader,\n _ref$grayscaleHeader = _ref.grayscaleHeader,\n grayscaleHeader = _ref$grayscaleHeader === void 0 ? false : _ref$grayscaleHeader,\n _ref$darkHeader = _ref.darkHeader,\n darkHeader = _ref$darkHeader === void 0 ? false : _ref$darkHeader,\n _ref$backgroundScreen = _ref.backgroundScreenHeader,\n backgroundScreenHeader = _ref$backgroundScreen === void 0 ? false : _ref$backgroundScreen,\n _ref$forceCompressHea = _ref.forceCompressHeader,\n forceCompressHeader = _ref$forceCompressHea === void 0 ? false : _ref$forceCompressHea,\n _ref$noFilterLogoHead = _ref.noFilterLogoHeader,\n noFilterLogoHeader = _ref$noFilterLogoHead === void 0 ? false : _ref$noFilterLogoHead,\n _ref$headerNoFilterMe = _ref.headerNoFilterMenuIcon,\n headerNoFilterMenuIcon = _ref$headerNoFilterMe === void 0 ? false : _ref$headerNoFilterMe,\n _ref$headerForceFilte = _ref.headerForceFilterMenuIcon,\n headerForceFilterMenuIcon = _ref$headerForceFilte === void 0 ? false : _ref$headerForceFilte,\n _ref$headerLoginButto4 = _ref.headerLoginButtonStyles,\n headerLoginButtonStyles = _ref$headerLoginButto4 === void 0 ? {} : _ref$headerLoginButto4,\n variant = _ref.variant,\n _ref$navigationOption = _ref.navigationOptions,\n navigationOptions = _ref$navigationOption === void 0 ? {} : _ref$navigationOption,\n _ref$navigationMenuOp = _ref.navigationMenuOptions,\n navigationMenuOptions = _ref$navigationMenuOp === void 0 ? {\n menuActiveBorderColor: colorsTypes.PRIMARY,\n menuHoverBorderColor: colorsTypes.PRIMARY_VERY_ULTRA_LIGHT,\n menuSubLinksBorderColor: colorsTypes.PRIMARY_SEMI_DARK,\n menuSubLinksTitleColor: colorsTypes.PRIMARY_ULTRA_DARK,\n menuSubLinksTitleActiveColor: colorsTypes.PRIMARY,\n menuSubItemTitleColor: colorsTypes.PRIMARY_ULTRA_DARK,\n menuSubItemTitleActiveColor: colorsTypes.PRIMARY,\n menuSubItemTextActiveColor: colorsTypes.PRIMARY,\n menuSubItemTextColor: colorsTypes.PRIMARY_ULTRA_DARK,\n subMenuBackgroundColor: colorsTypes.TRANSPARENT,\n subMenuActiveBackgroundColor: colorsTypes.TRANSPARENT,\n itemBackgroundColor: colorsTypes.WHITE,\n dropdownHoverBackground: colorsVariantsTypes.HIGHT_LIGHT_PRIMARY,\n dropdownSeparationFromTop: 20,\n dropdownSeparationFromBottom: 50\n } : _ref$navigationMenuOp,\n _ref$headerLogoFilter = _ref.headerLogoFilter,\n headerLogoFilter = _ref$headerLogoFilter === void 0 ? undefined : _ref$headerLogoFilter,\n _ref$headerLogoReplac = _ref.headerLogoReplaceImageWith,\n headerLogoReplaceImageWith = _ref$headerLogoReplac === void 0 ? undefined : _ref$headerLogoReplac,\n _ref$headerLogoFilter2 = _ref.headerLogoFilterEffect,\n headerLogoFilterEffect = _ref$headerLogoFilter2 === void 0 ? [] : _ref$headerLogoFilter2,\n _ref$headerLogoFilter3 = _ref.headerLogoFilterEffectAfterScroll,\n headerLogoFilterEffectAfterScroll = _ref$headerLogoFilter3 === void 0 ? [\"invert()\", \"grayscale(1)\", \"saturate(0)\"] : _ref$headerLogoFilter3,\n _ref$headerActiveFilt = _ref.headerActiveFilterEffect,\n headerActiveFilterEffect = _ref$headerActiveFilt === void 0 ? [\"invert()\", \"grayscale(1)\", \"saturate(0)\"] : _ref$headerActiveFilt,\n _ref$headerMenuIconSt = _ref.headerMenuIconStyles,\n headerMenuIconStyles = _ref$headerMenuIconSt === void 0 ? {} : _ref$headerMenuIconSt,\n _ref$headerActiveLogo2 = _ref.headerActiveLogoReplaceImageWith,\n headerActiveLogoReplaceImageWith = _ref$headerActiveLogo2 === void 0 ? \"\" : _ref$headerActiveLogo2,\n _ref$headerMobileActi = _ref.headerMobileActiveLogoReplaceImageWith,\n headerMobileActiveLogoReplaceImageWith = _ref$headerMobileActi === void 0 ? \"\" : _ref$headerMobileActi,\n _ref$headerMobileFilt = _ref.headerMobileFilterEffect,\n headerMobileFilterEffect = _ref$headerMobileFilt === void 0 ? [] : _ref$headerMobileFilt,\n _ref$headerMobileActi2 = _ref.headerMobileActiveLogoReplaceImageWithAfterBreakpoint,\n headerMobileActiveLogoReplaceImageWithAfterBreakpoint = _ref$headerMobileActi2 === void 0 ? \"\" : _ref$headerMobileActi2,\n _ref$headerMobileForc = _ref.headerMobileForceShow,\n headerMobileForceShow = _ref$headerMobileForc === void 0 ? false : _ref$headerMobileForc,\n _ref$headerMobileTran = _ref.headerMobileTransparent,\n headerMobileTransparent = _ref$headerMobileTran === void 0 ? false : _ref$headerMobileTran,\n _ref$headerMobileNoFi = _ref.headerMobileNoFilterLogo,\n headerMobileNoFilterLogo = _ref$headerMobileNoFi === void 0 ? false : _ref$headerMobileNoFi,\n _ref$headerMobileNoFi2 = _ref.headerMobileNoFilterMenuIcon,\n headerMobileNoFilterMenuIcon = _ref$headerMobileNoFi2 === void 0 ? false : _ref$headerMobileNoFi2,\n _ref$headerMobileForc2 = _ref.headerMobileForceFilterMenuIcon,\n headerMobileForceFilterMenuIcon = _ref$headerMobileForc2 === void 0 ? false : _ref$headerMobileForc2,\n _ref$headerMobileLogi = _ref.headerMobileLoginButtonIsScrollChangeColorButton,\n headerMobileLoginButtonIsScrollChangeColorButton = _ref$headerMobileLogi === void 0 ? false : _ref$headerMobileLogi,\n _ref$headerMobileLogo = _ref.headerMobileLogoReplaceImageWith,\n headerMobileLogoReplaceImageWith = _ref$headerMobileLogo === void 0 ? undefined : _ref$headerMobileLogo,\n _ref$headerMobileLogo2 = _ref.headerMobileLogoReplaceImageWithAfterBreakpoint,\n headerMobileLogoReplaceImageWithAfterBreakpoint = _ref$headerMobileLogo2 === void 0 ? undefined : _ref$headerMobileLogo2,\n _ref$headerMobileLogo3 = _ref.headerMobileLogoFilter,\n headerMobileLogoFilter = _ref$headerMobileLogo3 === void 0 ? undefined : _ref$headerMobileLogo3,\n _ref$headerMobileLogo4 = _ref.headerMobileLogoFilterEffectAfterScroll,\n headerMobileLogoFilterEffectAfterScroll = _ref$headerMobileLogo4 === void 0 ? [] : _ref$headerMobileLogo4,\n _ref$headerMobileFilt2 = _ref.headerMobileFilterEffectAfterScroll,\n headerMobileFilterEffectAfterScroll = _ref$headerMobileFilt2 === void 0 ? [] : _ref$headerMobileFilt2,\n _ref$headerMobileLogo5 = _ref.headerMobileLogoFilterEffect,\n headerMobileLogoFilterEffect = _ref$headerMobileLogo5 === void 0 ? [] : _ref$headerMobileLogo5,\n _ref$headerMobileActi3 = _ref.headerMobileActiveLogoFilterEffectAfterScroll,\n headerMobileActiveLogoFilterEffectAfterScroll = _ref$headerMobileActi3 === void 0 ? [] : _ref$headerMobileActi3,\n _ref$headerMobileMenu = _ref.headerMobileMenuIconFilterEffect,\n headerMobileMenuIconFilterEffect = _ref$headerMobileMenu === void 0 ? [\"invert()\", \"grayscale(1)\", \"saturate(0)\"] : _ref$headerMobileMenu,\n _ref$headerMobileMenu2 = _ref.headerMobileMenuIconFilterEffectAfterScroll,\n headerMobileMenuIconFilterEffectAfterScroll = _ref$headerMobileMenu2 === void 0 ? [\"invert()\", \"grayscale(1)\", \"saturate(0)\"] : _ref$headerMobileMenu2,\n _ref$headerMobileMenu3 = _ref.headerMobileMenuIconActiveFilterEffectAfterScroll,\n headerMobileMenuIconActiveFilterEffectAfterScroll = _ref$headerMobileMenu3 === void 0 ? [\"invert()\", \"grayscale(1)\", \"saturate(0)\"] : _ref$headerMobileMenu3,\n _ref$headerMenuIconFi = _ref.headerMenuIconFilterEffect,\n headerMenuIconFilterEffect = _ref$headerMenuIconFi === void 0 ? [\"invert()\", \"grayscale(1)\", \"saturate(0)\"] : _ref$headerMenuIconFi,\n _ref$headerMenuIconFi2 = _ref.headerMenuIconFilterEffectAfterScroll,\n headerMenuIconFilterEffectAfterScroll = _ref$headerMenuIconFi2 === void 0 ? [\"invert()\", \"grayscale(1)\", \"saturate(0)\"] : _ref$headerMenuIconFi2,\n _ref$headerMenuIconAc = _ref.headerMenuIconActiveFilterEffectAfterScroll,\n headerMenuIconActiveFilterEffectAfterScroll = _ref$headerMenuIconAc === void 0 ? [\"invert()\", \"grayscale(1)\", \"saturate(0)\"] : _ref$headerMenuIconAc,\n _ref$headerMobileActi4 = _ref.headerMobileActiveLogoFilterEffect,\n headerMobileActiveLogoFilterEffect = _ref$headerMobileActi4 === void 0 ? [\"invert()\", \"grayscale(1)\", \"saturate(0)\"] : _ref$headerMobileActi4,\n _ref$headerMobileLogi2 = _ref.headerMobileLoginButtonStyles,\n headerMobileLoginButtonStyles = _ref$headerMobileLogi2 === void 0 ? {} : _ref$headerMobileLogi2,\n _ref$headerMobileMenu4 = _ref.headerMobileMenuIconStyles,\n headerMobileMenuIconStyles = _ref$headerMobileMenu4 === void 0 ? {} : _ref$headerMobileMenu4,\n _ref$headerMobileBack = _ref.headerMobileBackgroundMenu,\n headerMobileBackgroundMenu = _ref$headerMobileBack === void 0 ? colorsTypes.WHITE : _ref$headerMobileBack,\n _ref$headerMobileLogi3 = _ref.headerMobileLoginButtonScrollBackgroundAfterScroll,\n headerMobileLoginButtonScrollBackgroundAfterScroll = _ref$headerMobileLogi3 === void 0 ? colorsTypes.PRIMARY_DARK : _ref$headerMobileLogi3,\n _ref$headerMobileLogi4 = _ref.headerMobileLoginButtonScrollBackground,\n headerMobileLoginButtonScrollBackground = _ref$headerMobileLogi4 === void 0 ? colorsTypes.WHITE : _ref$headerMobileLogi4,\n _ref$headerMobileBack2 = _ref.headerMobileBackground,\n headerMobileBackground = _ref$headerMobileBack2 === void 0 ? colorsTypes.WHITE : _ref$headerMobileBack2,\n _ref$headerMobileBack3 = _ref.headerMobileBackgroundAfterBreakpoint,\n headerMobileBackgroundAfterBreakpoint = _ref$headerMobileBack3 === void 0 ? colorsTypes.WHITE : _ref$headerMobileBack3,\n _ref$headerMobileActi5 = _ref.headerMobileActiveBackground,\n headerMobileActiveBackground = _ref$headerMobileActi5 === void 0 ? colorsTypes.WHITE : _ref$headerMobileActi5,\n _ref$headerMobileTran2 = _ref.headerMobileTransparentBackground,\n headerMobileTransparentBackground = _ref$headerMobileTran2 === void 0 ? colorsTypes.TRANSPARENT : _ref$headerMobileTran2,\n _ref$headerMobileHove = _ref.headerMobileHoverBackground,\n headerMobileHoverBackground = _ref$headerMobileHove === void 0 ? colorsTypes.HIGHT_LIGHT_PRIMARY : _ref$headerMobileHove,\n _ref$headerMobileHove2 = _ref.headerMobileHoverFloatBackground,\n headerMobileHoverFloatBackground = _ref$headerMobileHove2 === void 0 ? colorsTypes.WHITE : _ref$headerMobileHove2,\n _ref$headerMobileHove3 = _ref.headerMobileHoverActiveBackground,\n headerMobileHoverActiveBackground = _ref$headerMobileHove3 === void 0 ? colorsTypes.WHITE : _ref$headerMobileHove3,\n _ref$headerMobileBack4 = _ref.headerMobileBackgroundAfterBreakpointHover,\n headerMobileBackgroundAfterBreakpointHover = _ref$headerMobileBack4 === void 0 ? colorsTypes.WHITE : _ref$headerMobileBack4,\n _ref$headerMobileHove4 = _ref.headerMobileHoverTransparentBackground,\n headerMobileHoverTransparentBackground = _ref$headerMobileHove4 === void 0 ? colorsTypes.TRANSPARENT : _ref$headerMobileHove4,\n _ref$isDynamic = _ref.isDynamic,\n isDynamic = _ref$isDynamic === void 0 ? false : _ref$isDynamic; // using actualPath variable for verifying the pathname, pathname prop from props not working properly\n\n var elements = withProps(children, {\n floatHeader: floatHeader,\n theme: theme\n });\n\n var _useState = React.useState(),\n _useState2 = _slicedToArray(_useState, 2),\n auxPath = _useState2[0],\n setAuxPath = _useState2[1];\n\n React.useEffect(function () {\n if (pathname !== \"\") {\n setAuxPath(pathname.toUpperCase().replaceAll(\"-\", \"_\"));\n } else {\n setAuxPath(\"HOME\");\n }\n }, [pathname]);\n React.useEffect(function () {\n if (window && window.location.href.indexOf(\"#\") !== -1 && document) {\n setTimeout(function () {\n var element = document.getElementById(window.location.href.split(\"#\")[1]);\n\n if (element) {\n element.scrollIntoView();\n }\n }, 500); // this delay is necessary to allow the scroll when comming from other page\n }\n }, []);\n return /*#__PURE__*/React__default$1[\"default\"].createElement(\"main\", {\n className: \"LAYOUT_MAIN LAYOUT_MAIN_\".concat(auxPath, \" tw-min-h-screen\")\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(Header$1, {\n className: \"LAYOUT_HEADER\" // MOBILE\n ,\n variant: variant,\n mobileActiveLogoReplaceImageWith: headerMobileActiveLogoReplaceImageWith,\n mobileActiveLogoReplaceImageWithAfterBreakpoint: headerMobileActiveLogoReplaceImageWithAfterBreakpoint,\n mobileForceShow: headerMobileForceShow,\n mobileTransparent: headerMobileTransparent,\n mobileNoFilterLogo: headerMobileNoFilterLogo,\n mobileNoFilterMenuIcon: headerMobileNoFilterMenuIcon,\n mobileForceFilterMenuIcon: headerMobileForceFilterMenuIcon,\n mobileLoginButtonIsScrollChangeColorButton: headerMobileLoginButtonIsScrollChangeColorButton,\n mobileLogoReplaceImageWith: headerMobileLogoReplaceImageWith,\n mobileLogoReplaceImageWithAfterBreakpoint: headerMobileLogoReplaceImageWithAfterBreakpoint,\n mobileLogoFilter: headerMobileLogoFilter,\n mobileLogoFilterEffectAfterScroll: headerMobileLogoFilterEffectAfterScroll,\n mobileFilterEffectAfterScroll: headerMobileFilterEffectAfterScroll,\n mobileLogoFilterEffect: headerMobileLogoFilterEffect,\n mobileActiveLogoFilterEffectAfterScroll: headerMobileActiveLogoFilterEffectAfterScroll,\n mobileMenuIconFilterEffect: headerMobileMenuIconFilterEffect,\n mobileMenuIconFilterEffectAfterScroll: headerMobileMenuIconFilterEffectAfterScroll,\n mobileMenuIconActiveFilterEffectAfterScroll: headerMobileMenuIconActiveFilterEffectAfterScroll,\n menuIconFilterEffect: headerMenuIconFilterEffect,\n menuIconFilterEffectAfterScroll: headerMenuIconFilterEffectAfterScroll,\n menuIconActiveFilterEffectAfterScroll: headerMenuIconActiveFilterEffectAfterScroll,\n mobileActiveLogoFilterEffect: headerMobileActiveLogoFilterEffect,\n mobileLoginButtonStyles: headerMobileLoginButtonStyles,\n mobileMenuIconStyles: headerMobileMenuIconStyles,\n mobileBackgroundMenu: headerMobileBackgroundMenu,\n mobileLoginButtonScrollBackgroundAfterScroll: headerMobileLoginButtonScrollBackgroundAfterScroll,\n mobileLoginButtonScrollBackground: headerMobileLoginButtonScrollBackground,\n mobileBackground: headerMobileBackground,\n mobileBackgroundAfterBreakpoint: headerMobileBackgroundAfterBreakpoint,\n mobileActiveBackground: headerMobileActiveBackground,\n mobileTransparentBackground: headerMobileTransparentBackground,\n mobileHoverBackground: headerMobileHoverBackground,\n mobileHoverFloatBackground: headerMobileHoverFloatBackground,\n mobileHoverActiveBackground: headerMobileHoverActiveBackground,\n mobileBackgroundAfterBreakpointHover: headerMobileBackgroundAfterBreakpointHover,\n mobileHoverTransparentBackground: headerMobileHoverTransparentBackground,\n mobileFilterEffect: headerMobileFilterEffect,\n menuIconStyles: headerMenuIconStyles,\n mobileVariant: headerMobileVariant // DESKTOP\n ,\n activeLogoReplaceImageWith: headerActiveLogoReplaceImageWith,\n activeLogoReplaceImageWithAfterBreakpoint: headerActiveLogoReplaceImageWithAfterBreakpoint,\n activeLogoFilterEffect: headerActiveFilterEffect,\n loginButtonIsScrollChangeColorButton: headerLoginButtonIsScrollChangeColorButton,\n loginButtonScrollBackground: headerLoginButtonScrollBackground,\n loginButtonScrollBackgroundAfterScroll: headerLoginButtonScrollBackgroundAfterScroll,\n logoReplaceImageWith: headerLogoReplaceImageWith,\n noFilterMenuIcon: headerNoFilterMenuIcon,\n forceFilterMenuIcon: headerForceFilterMenuIcon,\n activeBackground: headerActiveBackground,\n hoverActiveBackground: headerHoverActiveBackground,\n dropdownLoginButtonStyles: headerDropdownLoginButtonStyles,\n desktopVariant: headerDesktopVariant,\n compressedVariant: headerCompressedVariant,\n subLinksItemActiveTitleColor: subLinksItemActiveTitleColorHeader,\n menuSubLinksItemTitleColor: menuSubLinksItemTitleColorHeader,\n menuSubLinksTitleColor: menuSubLinksTitleColorHeader,\n menuSubLinksListBorderColor: menuSubLinksListBorderColorHeader,\n menuSubLinksListBackground: menuSubLinksListBackgroundHeader,\n noFilterLogo: noFilterLogoHeader,\n background: backgroundHeader,\n backgroundMenu: backgroundMenuHeader,\n hoverBackground: hoverBackgroundHeader,\n backgroundAfterBreakpointHover: backgroundAfterBreakpointHoverHeader,\n backgroundBreakpoint: backgroundBreakpointHeader,\n forceCompress: forceCompressHeader,\n pathname: pathname,\n data: header,\n isDynamic: isDynamic,\n config: config,\n transparent: transparentHeader,\n isTopBorder: isTopBorder,\n forceShow: forceShowHeader,\n forceShowItems: forceShowItemsHeader,\n forceShowColor: forceShowColorHeader,\n forceShowHover: forceShowHoverHeader,\n \"float\": floatHeader,\n topIndicator: topIndicatorHeader,\n grayscale: grayscaleHeader,\n dark: darkHeader,\n backgroundScreenActive: backgroundScreenHeader,\n loginButtonStyles: headerLoginButtonStyles,\n navigationOptions: _objectSpread2({\n maxWidth: \"none\"\n }, navigationOptions),\n navigationMenuOptions: navigationMenuOptions,\n backgroundAfterBreakpoint: headerBackgroundAfterBreakpoint,\n transparentBackground: headerTransparentBackground,\n hoverTransparentBackground: headerHoverTransparentBackground,\n logoFilter: headerLogoFilter,\n logoFilterEffect: headerLogoFilterEffect,\n logoFilterEffectAfterScroll: headerLogoFilterEffectAfterScroll\n }), elements, Object.keys(footer).length > 1 && /*#__PURE__*/React__default$1[\"default\"].createElement(Footer$1, _extends$g({\n className: \"LAYOUT_FOOTER\",\n data: footer,\n config: config\n }, footerOptions)));\n}\n\nfunction Loader() {\n return /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"bl-text-2xl tw-h-screen tw-flex tw-justify-center tw-items-center LOADER\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(\"img\", {\n src: \"/images/icons/spinner.svg\",\n alt: \"Loader animation\",\n className: \"tw-animate-spin\"\n }));\n}\n\nfunction _interopDefault$1(ex) {\n return ex && typeof ex === 'object' && 'default' in ex ? ex['default'] : ex;\n}\n\nvar React__default = _interopDefault$1(React__default$1[\"default\"]);\n\nfunction _defineProperty(obj, key, value) {\n if (key in obj) {\n Object.defineProperty(obj, key, {\n value: value,\n enumerable: true,\n configurable: true,\n writable: true\n });\n } else {\n obj[key] = value;\n }\n\n return obj;\n}\n\nfunction _inheritsLoose(subClass, superClass) {\n subClass.prototype = Object.create(superClass.prototype);\n subClass.prototype.constructor = subClass;\n subClass.__proto__ = superClass;\n}\n\nvar canUseDOM = !!(typeof window !== 'undefined' && window.document && window.document.createElement);\n\nfunction withSideEffect(reducePropsToState, handleStateChangeOnClient, mapStateOnServer) {\n if (typeof reducePropsToState !== 'function') {\n throw new Error('Expected reducePropsToState to be a function.');\n }\n\n if (typeof handleStateChangeOnClient !== 'function') {\n throw new Error('Expected handleStateChangeOnClient to be a function.');\n }\n\n if (typeof mapStateOnServer !== 'undefined' && typeof mapStateOnServer !== 'function') {\n throw new Error('Expected mapStateOnServer to either be undefined or a function.');\n }\n\n function getDisplayName(WrappedComponent) {\n return WrappedComponent.displayName || WrappedComponent.name || 'Component';\n }\n\n return function wrap(WrappedComponent) {\n if (typeof WrappedComponent !== 'function') {\n throw new Error('Expected WrappedComponent to be a React component.');\n }\n\n var mountedInstances = [];\n var state;\n\n function emitChange() {\n state = reducePropsToState(mountedInstances.map(function (instance) {\n return instance.props;\n }));\n\n if (SideEffect.canUseDOM) {\n handleStateChangeOnClient(state);\n } else if (mapStateOnServer) {\n state = mapStateOnServer(state);\n }\n }\n\n var SideEffect = /*#__PURE__*/function (_PureComponent) {\n _inheritsLoose(SideEffect, _PureComponent);\n\n function SideEffect() {\n return _PureComponent.apply(this, arguments) || this;\n } // Try to use displayName of wrapped component\n // Expose canUseDOM so tests can monkeypatch it\n\n\n SideEffect.peek = function peek() {\n return state;\n };\n\n SideEffect.rewind = function rewind() {\n if (SideEffect.canUseDOM) {\n throw new Error('You may only call rewind() on the server. Call peek() to read the current state.');\n }\n\n var recordedState = state;\n state = undefined;\n mountedInstances = [];\n return recordedState;\n };\n\n var _proto = SideEffect.prototype;\n\n _proto.UNSAFE_componentWillMount = function UNSAFE_componentWillMount() {\n mountedInstances.push(this);\n emitChange();\n };\n\n _proto.componentDidUpdate = function componentDidUpdate() {\n emitChange();\n };\n\n _proto.componentWillUnmount = function componentWillUnmount() {\n var index = mountedInstances.indexOf(this);\n mountedInstances.splice(index, 1);\n emitChange();\n };\n\n _proto.render = function render() {\n return React__default.createElement(WrappedComponent, this.props);\n };\n\n return SideEffect;\n }(React__default$1[\"default\"].PureComponent);\n\n _defineProperty(SideEffect, \"displayName\", \"SideEffect(\" + getDisplayName(WrappedComponent) + \")\");\n\n _defineProperty(SideEffect, \"canUseDOM\", canUseDOM);\n\n return SideEffect;\n };\n}\n\nvar lib = withSideEffect;\n/* global Map:readonly, Set:readonly, ArrayBuffer:readonly */\n\nvar hasElementType = typeof Element !== 'undefined';\nvar hasMap = typeof Map === 'function';\nvar hasSet = typeof Set === 'function';\nvar hasArrayBuffer = typeof ArrayBuffer === 'function' && !!ArrayBuffer.isView; // Note: We **don't** need `envHasBigInt64Array` in fde es6/index.js\n\nfunction equal(a, b) {\n // START: fast-deep-equal es6/index.js 3.1.3\n if (a === b) return true;\n\n if (a && b && typeof a == 'object' && typeof b == 'object') {\n if (a.constructor !== b.constructor) return false;\n var length, i, keys;\n\n if (Array.isArray(a)) {\n length = a.length;\n if (length != b.length) return false;\n\n for (i = length; i-- !== 0;) if (!equal(a[i], b[i])) return false;\n\n return true;\n } // START: Modifications:\n // 1. Extra `has &&` helpers in initial condition allow es6 code\n // to co-exist with es5.\n // 2. Replace `for of` with es5 compliant iteration using `for`.\n // Basically, take:\n //\n // ```js\n // for (i of a.entries())\n // if (!b.has(i[0])) return false;\n // ```\n //\n // ... and convert to:\n //\n // ```js\n // it = a.entries();\n // while (!(i = it.next()).done)\n // if (!b.has(i.value[0])) return false;\n // ```\n //\n // **Note**: `i` access switches to `i.value`.\n\n\n var it;\n\n if (hasMap && a instanceof Map && b instanceof Map) {\n if (a.size !== b.size) return false;\n it = a.entries();\n\n while (!(i = it.next()).done) if (!b.has(i.value[0])) return false;\n\n it = a.entries();\n\n while (!(i = it.next()).done) if (!equal(i.value[1], b.get(i.value[0]))) return false;\n\n return true;\n }\n\n if (hasSet && a instanceof Set && b instanceof Set) {\n if (a.size !== b.size) return false;\n it = a.entries();\n\n while (!(i = it.next()).done) if (!b.has(i.value[0])) return false;\n\n return true;\n } // END: Modifications\n\n\n if (hasArrayBuffer && ArrayBuffer.isView(a) && ArrayBuffer.isView(b)) {\n length = a.length;\n if (length != b.length) return false;\n\n for (i = length; i-- !== 0;) if (a[i] !== b[i]) return false;\n\n return true;\n }\n\n if (a.constructor === RegExp) return a.source === b.source && a.flags === b.flags; // START: Modifications:\n // Apply guards for `Object.create(null)` handling. See:\n // - https://github.com/FormidableLabs/react-fast-compare/issues/64\n // - https://github.com/epoberezkin/fast-deep-equal/issues/49\n\n if (a.valueOf !== Object.prototype.valueOf && typeof a.valueOf === 'function' && typeof b.valueOf === 'function') return a.valueOf() === b.valueOf();\n if (a.toString !== Object.prototype.toString && typeof a.toString === 'function' && typeof b.toString === 'function') return a.toString() === b.toString(); // END: Modifications\n\n keys = Object.keys(a);\n length = keys.length;\n if (length !== Object.keys(b).length) return false;\n\n for (i = length; i-- !== 0;) if (!Object.prototype.hasOwnProperty.call(b, keys[i])) return false; // END: fast-deep-equal\n // START: react-fast-compare\n // custom handling for DOM elements\n\n\n if (hasElementType && a instanceof Element) return false; // custom handling for React/Preact\n\n for (i = length; i-- !== 0;) {\n if ((keys[i] === '_owner' || keys[i] === '__v' || keys[i] === '__o') && a.$$typeof) {\n // React-specific: avoid traversing React elements' _owner\n // Preact-specific: avoid traversing Preact elements' __v and __o\n // __v = $_original / $_vnode\n // __o = $_owner\n // These properties contain circular references and are not needed when\n // comparing the actual elements (and not their owners)\n // .$$typeof and ._store on just reasonable markers of elements\n continue;\n } // all other properties should be traversed as usual\n\n\n if (!equal(a[keys[i]], b[keys[i]])) return false;\n } // END: react-fast-compare\n // START: fast-deep-equal\n\n\n return true;\n }\n\n return a !== a && b !== b;\n} // end fast-deep-equal\n\n\nvar reactFastCompare = function isEqual(a, b) {\n try {\n return equal(a, b);\n } catch (error) {\n if ((error.message || '').match(/stack|recursion/i)) {\n // warn on circular references, don't crash\n // browsers give this different errors name and messages:\n // chrome/safari: \"RangeError\", \"Maximum call stack size exceeded\"\n // firefox: \"InternalError\", too much recursion\"\n // edge: \"Error\", \"Out of stack space\"\n console.warn('react-fast-compare cannot handle circular refs');\n return false;\n } // some other error. we should definitely know about these\n\n\n throw error;\n }\n};\n\nvar ATTRIBUTE_NAMES = {\n BODY: \"bodyAttributes\",\n HTML: \"htmlAttributes\",\n TITLE: \"titleAttributes\"\n};\nvar TAG_NAMES = {\n BASE: \"base\",\n BODY: \"body\",\n HEAD: \"head\",\n HTML: \"html\",\n LINK: \"link\",\n META: \"meta\",\n NOSCRIPT: \"noscript\",\n SCRIPT: \"script\",\n STYLE: \"style\",\n TITLE: \"title\"\n};\nvar VALID_TAG_NAMES = Object.keys(TAG_NAMES).map(function (name) {\n return TAG_NAMES[name];\n});\nvar TAG_PROPERTIES = {\n CHARSET: \"charset\",\n CSS_TEXT: \"cssText\",\n HREF: \"href\",\n HTTPEQUIV: \"http-equiv\",\n INNER_HTML: \"innerHTML\",\n ITEM_PROP: \"itemprop\",\n NAME: \"name\",\n PROPERTY: \"property\",\n REL: \"rel\",\n SRC: \"src\",\n TARGET: \"target\"\n};\nvar REACT_TAG_MAP = {\n accesskey: \"accessKey\",\n charset: \"charSet\",\n class: \"className\",\n contenteditable: \"contentEditable\",\n contextmenu: \"contextMenu\",\n \"http-equiv\": \"httpEquiv\",\n itemprop: \"itemProp\",\n tabindex: \"tabIndex\"\n};\nvar HELMET_PROPS = {\n DEFAULT_TITLE: \"defaultTitle\",\n DEFER: \"defer\",\n ENCODE_SPECIAL_CHARACTERS: \"encodeSpecialCharacters\",\n ON_CHANGE_CLIENT_STATE: \"onChangeClientState\",\n TITLE_TEMPLATE: \"titleTemplate\"\n};\nvar HTML_TAG_MAP = Object.keys(REACT_TAG_MAP).reduce(function (obj, key) {\n obj[REACT_TAG_MAP[key]] = key;\n return obj;\n}, {});\nvar SELF_CLOSING_TAGS = [TAG_NAMES.NOSCRIPT, TAG_NAMES.SCRIPT, TAG_NAMES.STYLE];\nvar HELMET_ATTRIBUTE = \"data-react-helmet\";\n\nvar _typeof = typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\" ? function (obj) {\n return typeof obj;\n} : function (obj) {\n return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj;\n};\n\nvar classCallCheck = function (instance, Constructor) {\n if (!(instance instanceof Constructor)) {\n throw new TypeError(\"Cannot call a class as a function\");\n }\n};\n\nvar createClass = function () {\n function defineProperties(target, props) {\n for (var i = 0; i < props.length; i++) {\n var descriptor = props[i];\n descriptor.enumerable = descriptor.enumerable || false;\n descriptor.configurable = true;\n if (\"value\" in descriptor) descriptor.writable = true;\n Object.defineProperty(target, descriptor.key, descriptor);\n }\n }\n\n return function (Constructor, protoProps, staticProps) {\n if (protoProps) defineProperties(Constructor.prototype, protoProps);\n if (staticProps) defineProperties(Constructor, staticProps);\n return Constructor;\n };\n}();\n\nvar _extends = Object.assign || function (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n\n return target;\n};\n\nvar inherits = function (subClass, superClass) {\n if (typeof superClass !== \"function\" && superClass !== null) {\n throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass);\n }\n\n subClass.prototype = Object.create(superClass && superClass.prototype, {\n constructor: {\n value: subClass,\n enumerable: false,\n writable: true,\n configurable: true\n }\n });\n if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass;\n};\n\nvar objectWithoutProperties = function (obj, keys) {\n var target = {};\n\n for (var i in obj) {\n if (keys.indexOf(i) >= 0) continue;\n if (!Object.prototype.hasOwnProperty.call(obj, i)) continue;\n target[i] = obj[i];\n }\n\n return target;\n};\n\nvar possibleConstructorReturn = function (self, call) {\n if (!self) {\n throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");\n }\n\n return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self;\n};\n\nvar encodeSpecialCharacters = function encodeSpecialCharacters(str) {\n var encode = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;\n\n if (encode === false) {\n return String(str);\n }\n\n return String(str).replace(/&/g, \"&\").replace(//g, \">\").replace(/\"/g, \""\").replace(/'/g, \"'\");\n};\n\nvar getTitleFromPropsList = function getTitleFromPropsList(propsList) {\n var innermostTitle = getInnermostProperty(propsList, TAG_NAMES.TITLE);\n var innermostTemplate = getInnermostProperty(propsList, HELMET_PROPS.TITLE_TEMPLATE);\n\n if (innermostTemplate && innermostTitle) {\n // use function arg to avoid need to escape $ characters\n return innermostTemplate.replace(/%s/g, function () {\n return Array.isArray(innermostTitle) ? innermostTitle.join(\"\") : innermostTitle;\n });\n }\n\n var innermostDefaultTitle = getInnermostProperty(propsList, HELMET_PROPS.DEFAULT_TITLE);\n return innermostTitle || innermostDefaultTitle || undefined;\n};\n\nvar getOnChangeClientState = function getOnChangeClientState(propsList) {\n return getInnermostProperty(propsList, HELMET_PROPS.ON_CHANGE_CLIENT_STATE) || function () {};\n};\n\nvar getAttributesFromPropsList = function getAttributesFromPropsList(tagType, propsList) {\n return propsList.filter(function (props) {\n return typeof props[tagType] !== \"undefined\";\n }).map(function (props) {\n return props[tagType];\n }).reduce(function (tagAttrs, current) {\n return _extends({}, tagAttrs, current);\n }, {});\n};\n\nvar getBaseTagFromPropsList = function getBaseTagFromPropsList(primaryAttributes, propsList) {\n return propsList.filter(function (props) {\n return typeof props[TAG_NAMES.BASE] !== \"undefined\";\n }).map(function (props) {\n return props[TAG_NAMES.BASE];\n }).reverse().reduce(function (innermostBaseTag, tag) {\n if (!innermostBaseTag.length) {\n var keys = Object.keys(tag);\n\n for (var i = 0; i < keys.length; i++) {\n var attributeKey = keys[i];\n var lowerCaseAttributeKey = attributeKey.toLowerCase();\n\n if (primaryAttributes.indexOf(lowerCaseAttributeKey) !== -1 && tag[lowerCaseAttributeKey]) {\n return innermostBaseTag.concat(tag);\n }\n }\n }\n\n return innermostBaseTag;\n }, []);\n};\n\nvar getTagsFromPropsList = function getTagsFromPropsList(tagName, primaryAttributes, propsList) {\n // Calculate list of tags, giving priority innermost component (end of the propslist)\n var approvedSeenTags = {};\n return propsList.filter(function (props) {\n if (Array.isArray(props[tagName])) {\n return true;\n }\n\n if (typeof props[tagName] !== \"undefined\") {\n warn(\"Helmet: \" + tagName + \" should be of type \\\"Array\\\". Instead found type \\\"\" + _typeof(props[tagName]) + \"\\\"\");\n }\n\n return false;\n }).map(function (props) {\n return props[tagName];\n }).reverse().reduce(function (approvedTags, instanceTags) {\n var instanceSeenTags = {};\n instanceTags.filter(function (tag) {\n var primaryAttributeKey = void 0;\n var keys = Object.keys(tag);\n\n for (var i = 0; i < keys.length; i++) {\n var attributeKey = keys[i];\n var lowerCaseAttributeKey = attributeKey.toLowerCase(); // Special rule with link tags, since rel and href are both primary tags, rel takes priority\n\n if (primaryAttributes.indexOf(lowerCaseAttributeKey) !== -1 && !(primaryAttributeKey === TAG_PROPERTIES.REL && tag[primaryAttributeKey].toLowerCase() === \"canonical\") && !(lowerCaseAttributeKey === TAG_PROPERTIES.REL && tag[lowerCaseAttributeKey].toLowerCase() === \"stylesheet\")) {\n primaryAttributeKey = lowerCaseAttributeKey;\n } // Special case for innerHTML which doesn't work lowercased\n\n\n if (primaryAttributes.indexOf(attributeKey) !== -1 && (attributeKey === TAG_PROPERTIES.INNER_HTML || attributeKey === TAG_PROPERTIES.CSS_TEXT || attributeKey === TAG_PROPERTIES.ITEM_PROP)) {\n primaryAttributeKey = attributeKey;\n }\n }\n\n if (!primaryAttributeKey || !tag[primaryAttributeKey]) {\n return false;\n }\n\n var value = tag[primaryAttributeKey].toLowerCase();\n\n if (!approvedSeenTags[primaryAttributeKey]) {\n approvedSeenTags[primaryAttributeKey] = {};\n }\n\n if (!instanceSeenTags[primaryAttributeKey]) {\n instanceSeenTags[primaryAttributeKey] = {};\n }\n\n if (!approvedSeenTags[primaryAttributeKey][value]) {\n instanceSeenTags[primaryAttributeKey][value] = true;\n return true;\n }\n\n return false;\n }).reverse().forEach(function (tag) {\n return approvedTags.push(tag);\n }); // Update seen tags with tags from this instance\n\n var keys = Object.keys(instanceSeenTags);\n\n for (var i = 0; i < keys.length; i++) {\n var attributeKey = keys[i];\n var tagUnion = objectAssign({}, approvedSeenTags[attributeKey], instanceSeenTags[attributeKey]);\n approvedSeenTags[attributeKey] = tagUnion;\n }\n\n return approvedTags;\n }, []).reverse();\n};\n\nvar getInnermostProperty = function getInnermostProperty(propsList, property) {\n for (var i = propsList.length - 1; i >= 0; i--) {\n var props = propsList[i];\n\n if (props.hasOwnProperty(property)) {\n return props[property];\n }\n }\n\n return null;\n};\n\nvar reducePropsToState = function reducePropsToState(propsList) {\n return {\n baseTag: getBaseTagFromPropsList([TAG_PROPERTIES.HREF, TAG_PROPERTIES.TARGET], propsList),\n bodyAttributes: getAttributesFromPropsList(ATTRIBUTE_NAMES.BODY, propsList),\n defer: getInnermostProperty(propsList, HELMET_PROPS.DEFER),\n encode: getInnermostProperty(propsList, HELMET_PROPS.ENCODE_SPECIAL_CHARACTERS),\n htmlAttributes: getAttributesFromPropsList(ATTRIBUTE_NAMES.HTML, propsList),\n linkTags: getTagsFromPropsList(TAG_NAMES.LINK, [TAG_PROPERTIES.REL, TAG_PROPERTIES.HREF], propsList),\n metaTags: getTagsFromPropsList(TAG_NAMES.META, [TAG_PROPERTIES.NAME, TAG_PROPERTIES.CHARSET, TAG_PROPERTIES.HTTPEQUIV, TAG_PROPERTIES.PROPERTY, TAG_PROPERTIES.ITEM_PROP], propsList),\n noscriptTags: getTagsFromPropsList(TAG_NAMES.NOSCRIPT, [TAG_PROPERTIES.INNER_HTML], propsList),\n onChangeClientState: getOnChangeClientState(propsList),\n scriptTags: getTagsFromPropsList(TAG_NAMES.SCRIPT, [TAG_PROPERTIES.SRC, TAG_PROPERTIES.INNER_HTML], propsList),\n styleTags: getTagsFromPropsList(TAG_NAMES.STYLE, [TAG_PROPERTIES.CSS_TEXT], propsList),\n title: getTitleFromPropsList(propsList),\n titleAttributes: getAttributesFromPropsList(ATTRIBUTE_NAMES.TITLE, propsList)\n };\n};\n\nvar rafPolyfill = function () {\n var clock = Date.now();\n return function (callback) {\n var currentTime = Date.now();\n\n if (currentTime - clock > 16) {\n clock = currentTime;\n callback(currentTime);\n } else {\n setTimeout(function () {\n rafPolyfill(callback);\n }, 0);\n }\n };\n}();\n\nvar cafPolyfill = function cafPolyfill(id) {\n return clearTimeout(id);\n};\n\nvar requestAnimationFrame$1 = typeof window !== \"undefined\" ? window.requestAnimationFrame && window.requestAnimationFrame.bind(window) || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || rafPolyfill : global.requestAnimationFrame || rafPolyfill;\nvar cancelAnimationFrame = typeof window !== \"undefined\" ? window.cancelAnimationFrame || window.webkitCancelAnimationFrame || window.mozCancelAnimationFrame || cafPolyfill : global.cancelAnimationFrame || cafPolyfill;\n\nvar warn = function warn(msg) {\n return console && typeof console.warn === \"function\" && console.warn(msg);\n};\n\nvar _helmetCallback = null;\n\nvar handleClientStateChange = function handleClientStateChange(newState) {\n if (_helmetCallback) {\n cancelAnimationFrame(_helmetCallback);\n }\n\n if (newState.defer) {\n _helmetCallback = requestAnimationFrame$1(function () {\n commitTagChanges(newState, function () {\n _helmetCallback = null;\n });\n });\n } else {\n commitTagChanges(newState);\n _helmetCallback = null;\n }\n};\n\nvar commitTagChanges = function commitTagChanges(newState, cb) {\n var baseTag = newState.baseTag,\n bodyAttributes = newState.bodyAttributes,\n htmlAttributes = newState.htmlAttributes,\n linkTags = newState.linkTags,\n metaTags = newState.metaTags,\n noscriptTags = newState.noscriptTags,\n onChangeClientState = newState.onChangeClientState,\n scriptTags = newState.scriptTags,\n styleTags = newState.styleTags,\n title = newState.title,\n titleAttributes = newState.titleAttributes;\n updateAttributes(TAG_NAMES.BODY, bodyAttributes);\n updateAttributes(TAG_NAMES.HTML, htmlAttributes);\n updateTitle(title, titleAttributes);\n var tagUpdates = {\n baseTag: updateTags(TAG_NAMES.BASE, baseTag),\n linkTags: updateTags(TAG_NAMES.LINK, linkTags),\n metaTags: updateTags(TAG_NAMES.META, metaTags),\n noscriptTags: updateTags(TAG_NAMES.NOSCRIPT, noscriptTags),\n scriptTags: updateTags(TAG_NAMES.SCRIPT, scriptTags),\n styleTags: updateTags(TAG_NAMES.STYLE, styleTags)\n };\n var addedTags = {};\n var removedTags = {};\n Object.keys(tagUpdates).forEach(function (tagType) {\n var _tagUpdates$tagType = tagUpdates[tagType],\n newTags = _tagUpdates$tagType.newTags,\n oldTags = _tagUpdates$tagType.oldTags;\n\n if (newTags.length) {\n addedTags[tagType] = newTags;\n }\n\n if (oldTags.length) {\n removedTags[tagType] = tagUpdates[tagType].oldTags;\n }\n });\n cb && cb();\n onChangeClientState(newState, addedTags, removedTags);\n};\n\nvar flattenArray = function flattenArray(possibleArray) {\n return Array.isArray(possibleArray) ? possibleArray.join(\"\") : possibleArray;\n};\n\nvar updateTitle = function updateTitle(title, attributes) {\n if (typeof title !== \"undefined\" && document.title !== title) {\n document.title = flattenArray(title);\n }\n\n updateAttributes(TAG_NAMES.TITLE, attributes);\n};\n\nvar updateAttributes = function updateAttributes(tagName, attributes) {\n var elementTag = document.getElementsByTagName(tagName)[0];\n\n if (!elementTag) {\n return;\n }\n\n var helmetAttributeString = elementTag.getAttribute(HELMET_ATTRIBUTE);\n var helmetAttributes = helmetAttributeString ? helmetAttributeString.split(\",\") : [];\n var attributesToRemove = [].concat(helmetAttributes);\n var attributeKeys = Object.keys(attributes);\n\n for (var i = 0; i < attributeKeys.length; i++) {\n var attribute = attributeKeys[i];\n var value = attributes[attribute] || \"\";\n\n if (elementTag.getAttribute(attribute) !== value) {\n elementTag.setAttribute(attribute, value);\n }\n\n if (helmetAttributes.indexOf(attribute) === -1) {\n helmetAttributes.push(attribute);\n }\n\n var indexToSave = attributesToRemove.indexOf(attribute);\n\n if (indexToSave !== -1) {\n attributesToRemove.splice(indexToSave, 1);\n }\n }\n\n for (var _i = attributesToRemove.length - 1; _i >= 0; _i--) {\n elementTag.removeAttribute(attributesToRemove[_i]);\n }\n\n if (helmetAttributes.length === attributesToRemove.length) {\n elementTag.removeAttribute(HELMET_ATTRIBUTE);\n } else if (elementTag.getAttribute(HELMET_ATTRIBUTE) !== attributeKeys.join(\",\")) {\n elementTag.setAttribute(HELMET_ATTRIBUTE, attributeKeys.join(\",\"));\n }\n};\n\nvar updateTags = function updateTags(type, tags) {\n var headElement = document.head || document.querySelector(TAG_NAMES.HEAD);\n var tagNodes = headElement.querySelectorAll(type + \"[\" + HELMET_ATTRIBUTE + \"]\");\n var oldTags = Array.prototype.slice.call(tagNodes);\n var newTags = [];\n var indexToDelete = void 0;\n\n if (tags && tags.length) {\n tags.forEach(function (tag) {\n var newElement = document.createElement(type);\n\n for (var attribute in tag) {\n if (tag.hasOwnProperty(attribute)) {\n if (attribute === TAG_PROPERTIES.INNER_HTML) {\n newElement.innerHTML = tag.innerHTML;\n } else if (attribute === TAG_PROPERTIES.CSS_TEXT) {\n if (newElement.styleSheet) {\n newElement.styleSheet.cssText = tag.cssText;\n } else {\n newElement.appendChild(document.createTextNode(tag.cssText));\n }\n } else {\n var value = typeof tag[attribute] === \"undefined\" ? \"\" : tag[attribute];\n newElement.setAttribute(attribute, value);\n }\n }\n }\n\n newElement.setAttribute(HELMET_ATTRIBUTE, \"true\"); // Remove a duplicate tag from domTagstoRemove, so it isn't cleared.\n\n if (oldTags.some(function (existingTag, index) {\n indexToDelete = index;\n return newElement.isEqualNode(existingTag);\n })) {\n oldTags.splice(indexToDelete, 1);\n } else {\n newTags.push(newElement);\n }\n });\n }\n\n oldTags.forEach(function (tag) {\n return tag.parentNode.removeChild(tag);\n });\n newTags.forEach(function (tag) {\n return headElement.appendChild(tag);\n });\n return {\n oldTags: oldTags,\n newTags: newTags\n };\n};\n\nvar generateElementAttributesAsString = function generateElementAttributesAsString(attributes) {\n return Object.keys(attributes).reduce(function (str, key) {\n var attr = typeof attributes[key] !== \"undefined\" ? key + \"=\\\"\" + attributes[key] + \"\\\"\" : \"\" + key;\n return str ? str + \" \" + attr : attr;\n }, \"\");\n};\n\nvar generateTitleAsString = function generateTitleAsString(type, title, attributes, encode) {\n var attributeString = generateElementAttributesAsString(attributes);\n var flattenedTitle = flattenArray(title);\n return attributeString ? \"<\" + type + \" \" + HELMET_ATTRIBUTE + \"=\\\"true\\\" \" + attributeString + \">\" + encodeSpecialCharacters(flattenedTitle, encode) + \"\" : \"<\" + type + \" \" + HELMET_ATTRIBUTE + \"=\\\"true\\\">\" + encodeSpecialCharacters(flattenedTitle, encode) + \"\";\n};\n\nvar generateTagsAsString = function generateTagsAsString(type, tags, encode) {\n return tags.reduce(function (str, tag) {\n var attributeHtml = Object.keys(tag).filter(function (attribute) {\n return !(attribute === TAG_PROPERTIES.INNER_HTML || attribute === TAG_PROPERTIES.CSS_TEXT);\n }).reduce(function (string, attribute) {\n var attr = typeof tag[attribute] === \"undefined\" ? attribute : attribute + \"=\\\"\" + encodeSpecialCharacters(tag[attribute], encode) + \"\\\"\";\n return string ? string + \" \" + attr : attr;\n }, \"\");\n var tagContent = tag.innerHTML || tag.cssText || \"\";\n var isSelfClosing = SELF_CLOSING_TAGS.indexOf(type) === -1;\n return str + \"<\" + type + \" \" + HELMET_ATTRIBUTE + \"=\\\"true\\\" \" + attributeHtml + (isSelfClosing ? \"/>\" : \">\" + tagContent + \"\");\n }, \"\");\n};\n\nvar convertElementAttributestoReactProps = function convertElementAttributestoReactProps(attributes) {\n var initProps = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n return Object.keys(attributes).reduce(function (obj, key) {\n obj[REACT_TAG_MAP[key] || key] = attributes[key];\n return obj;\n }, initProps);\n};\n\nvar convertReactPropstoHtmlAttributes = function convertReactPropstoHtmlAttributes(props) {\n var initAttributes = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n return Object.keys(props).reduce(function (obj, key) {\n obj[HTML_TAG_MAP[key] || key] = props[key];\n return obj;\n }, initAttributes);\n};\n\nvar generateTitleAsReactComponent = function generateTitleAsReactComponent(type, title, attributes) {\n var _initProps; // assigning into an array to define toString function on it\n\n\n var initProps = (_initProps = {\n key: title\n }, _initProps[HELMET_ATTRIBUTE] = true, _initProps);\n var props = convertElementAttributestoReactProps(attributes, initProps);\n return [React__default$1[\"default\"].createElement(TAG_NAMES.TITLE, props, title)];\n};\n\nvar generateTagsAsReactComponent = function generateTagsAsReactComponent(type, tags) {\n return tags.map(function (tag, i) {\n var _mappedTag;\n\n var mappedTag = (_mappedTag = {\n key: i\n }, _mappedTag[HELMET_ATTRIBUTE] = true, _mappedTag);\n Object.keys(tag).forEach(function (attribute) {\n var mappedAttribute = REACT_TAG_MAP[attribute] || attribute;\n\n if (mappedAttribute === TAG_PROPERTIES.INNER_HTML || mappedAttribute === TAG_PROPERTIES.CSS_TEXT) {\n var content = tag.innerHTML || tag.cssText;\n mappedTag.dangerouslySetInnerHTML = {\n __html: content\n };\n } else {\n mappedTag[mappedAttribute] = tag[attribute];\n }\n });\n return React__default$1[\"default\"].createElement(type, mappedTag);\n });\n};\n\nvar getMethodsForTag = function getMethodsForTag(type, tags, encode) {\n switch (type) {\n case TAG_NAMES.TITLE:\n return {\n toComponent: function toComponent() {\n return generateTitleAsReactComponent(type, tags.title, tags.titleAttributes);\n },\n toString: function toString() {\n return generateTitleAsString(type, tags.title, tags.titleAttributes, encode);\n }\n };\n\n case ATTRIBUTE_NAMES.BODY:\n case ATTRIBUTE_NAMES.HTML:\n return {\n toComponent: function toComponent() {\n return convertElementAttributestoReactProps(tags);\n },\n toString: function toString() {\n return generateElementAttributesAsString(tags);\n }\n };\n\n default:\n return {\n toComponent: function toComponent() {\n return generateTagsAsReactComponent(type, tags);\n },\n toString: function toString() {\n return generateTagsAsString(type, tags, encode);\n }\n };\n }\n};\n\nvar mapStateOnServer = function mapStateOnServer(_ref) {\n var baseTag = _ref.baseTag,\n bodyAttributes = _ref.bodyAttributes,\n encode = _ref.encode,\n htmlAttributes = _ref.htmlAttributes,\n linkTags = _ref.linkTags,\n metaTags = _ref.metaTags,\n noscriptTags = _ref.noscriptTags,\n scriptTags = _ref.scriptTags,\n styleTags = _ref.styleTags,\n _ref$title = _ref.title,\n title = _ref$title === undefined ? \"\" : _ref$title,\n titleAttributes = _ref.titleAttributes;\n return {\n base: getMethodsForTag(TAG_NAMES.BASE, baseTag, encode),\n bodyAttributes: getMethodsForTag(ATTRIBUTE_NAMES.BODY, bodyAttributes, encode),\n htmlAttributes: getMethodsForTag(ATTRIBUTE_NAMES.HTML, htmlAttributes, encode),\n link: getMethodsForTag(TAG_NAMES.LINK, linkTags, encode),\n meta: getMethodsForTag(TAG_NAMES.META, metaTags, encode),\n noscript: getMethodsForTag(TAG_NAMES.NOSCRIPT, noscriptTags, encode),\n script: getMethodsForTag(TAG_NAMES.SCRIPT, scriptTags, encode),\n style: getMethodsForTag(TAG_NAMES.STYLE, styleTags, encode),\n title: getMethodsForTag(TAG_NAMES.TITLE, {\n title: title,\n titleAttributes: titleAttributes\n }, encode)\n };\n};\n\nvar Helmet = function Helmet(Component) {\n var _class, _temp;\n\n return _temp = _class = function (_React$Component) {\n inherits(HelmetWrapper, _React$Component);\n\n function HelmetWrapper() {\n classCallCheck(this, HelmetWrapper);\n return possibleConstructorReturn(this, _React$Component.apply(this, arguments));\n }\n\n HelmetWrapper.prototype.shouldComponentUpdate = function shouldComponentUpdate(nextProps) {\n return !reactFastCompare(this.props, nextProps);\n };\n\n HelmetWrapper.prototype.mapNestedChildrenToProps = function mapNestedChildrenToProps(child, nestedChildren) {\n if (!nestedChildren) {\n return null;\n }\n\n switch (child.type) {\n case TAG_NAMES.SCRIPT:\n case TAG_NAMES.NOSCRIPT:\n return {\n innerHTML: nestedChildren\n };\n\n case TAG_NAMES.STYLE:\n return {\n cssText: nestedChildren\n };\n }\n\n throw new Error(\"<\" + child.type + \" /> elements are self-closing and can not contain children. Refer to our API for more information.\");\n };\n\n HelmetWrapper.prototype.flattenArrayTypeChildren = function flattenArrayTypeChildren(_ref) {\n var _babelHelpers$extends;\n\n var child = _ref.child,\n arrayTypeChildren = _ref.arrayTypeChildren,\n newChildProps = _ref.newChildProps,\n nestedChildren = _ref.nestedChildren;\n return _extends({}, arrayTypeChildren, (_babelHelpers$extends = {}, _babelHelpers$extends[child.type] = [].concat(arrayTypeChildren[child.type] || [], [_extends({}, newChildProps, this.mapNestedChildrenToProps(child, nestedChildren))]), _babelHelpers$extends));\n };\n\n HelmetWrapper.prototype.mapObjectTypeChildren = function mapObjectTypeChildren(_ref2) {\n var _babelHelpers$extends2, _babelHelpers$extends3;\n\n var child = _ref2.child,\n newProps = _ref2.newProps,\n newChildProps = _ref2.newChildProps,\n nestedChildren = _ref2.nestedChildren;\n\n switch (child.type) {\n case TAG_NAMES.TITLE:\n return _extends({}, newProps, (_babelHelpers$extends2 = {}, _babelHelpers$extends2[child.type] = nestedChildren, _babelHelpers$extends2.titleAttributes = _extends({}, newChildProps), _babelHelpers$extends2));\n\n case TAG_NAMES.BODY:\n return _extends({}, newProps, {\n bodyAttributes: _extends({}, newChildProps)\n });\n\n case TAG_NAMES.HTML:\n return _extends({}, newProps, {\n htmlAttributes: _extends({}, newChildProps)\n });\n }\n\n return _extends({}, newProps, (_babelHelpers$extends3 = {}, _babelHelpers$extends3[child.type] = _extends({}, newChildProps), _babelHelpers$extends3));\n };\n\n HelmetWrapper.prototype.mapArrayTypeChildrenToProps = function mapArrayTypeChildrenToProps(arrayTypeChildren, newProps) {\n var newFlattenedProps = _extends({}, newProps);\n\n Object.keys(arrayTypeChildren).forEach(function (arrayChildName) {\n var _babelHelpers$extends4;\n\n newFlattenedProps = _extends({}, newFlattenedProps, (_babelHelpers$extends4 = {}, _babelHelpers$extends4[arrayChildName] = arrayTypeChildren[arrayChildName], _babelHelpers$extends4));\n });\n return newFlattenedProps;\n };\n\n HelmetWrapper.prototype.warnOnInvalidChildren = function warnOnInvalidChildren(child, nestedChildren) {\n if (process.env.NODE_ENV !== \"production\") {\n if (!VALID_TAG_NAMES.some(function (name) {\n return child.type === name;\n })) {\n if (typeof child.type === \"function\") {\n return warn(\"You may be attempting to nest components within each other, which is not allowed. Refer to our API for more information.\");\n }\n\n return warn(\"Only elements types \" + VALID_TAG_NAMES.join(\", \") + \" are allowed. Helmet does not support rendering <\" + child.type + \"> elements. Refer to our API for more information.\");\n }\n\n if (nestedChildren && typeof nestedChildren !== \"string\" && (!Array.isArray(nestedChildren) || nestedChildren.some(function (nestedChild) {\n return typeof nestedChild !== \"string\";\n }))) {\n throw new Error(\"Helmet expects a string as a child of <\" + child.type + \">. Did you forget to wrap your children in braces? ( <\" + child.type + \">{``} ) Refer to our API for more information.\");\n }\n }\n\n return true;\n };\n\n HelmetWrapper.prototype.mapChildrenToProps = function mapChildrenToProps(children, newProps) {\n var _this2 = this;\n\n var arrayTypeChildren = {};\n React__default$1[\"default\"].Children.forEach(children, function (child) {\n if (!child || !child.props) {\n return;\n }\n\n var _child$props = child.props,\n nestedChildren = _child$props.children,\n childProps = objectWithoutProperties(_child$props, [\"children\"]);\n var newChildProps = convertReactPropstoHtmlAttributes(childProps);\n\n _this2.warnOnInvalidChildren(child, nestedChildren);\n\n switch (child.type) {\n case TAG_NAMES.LINK:\n case TAG_NAMES.META:\n case TAG_NAMES.NOSCRIPT:\n case TAG_NAMES.SCRIPT:\n case TAG_NAMES.STYLE:\n arrayTypeChildren = _this2.flattenArrayTypeChildren({\n child: child,\n arrayTypeChildren: arrayTypeChildren,\n newChildProps: newChildProps,\n nestedChildren: nestedChildren\n });\n break;\n\n default:\n newProps = _this2.mapObjectTypeChildren({\n child: child,\n newProps: newProps,\n newChildProps: newChildProps,\n nestedChildren: nestedChildren\n });\n break;\n }\n });\n newProps = this.mapArrayTypeChildrenToProps(arrayTypeChildren, newProps);\n return newProps;\n };\n\n HelmetWrapper.prototype.render = function render() {\n var _props = this.props,\n children = _props.children,\n props = objectWithoutProperties(_props, [\"children\"]);\n\n var newProps = _extends({}, props);\n\n if (children) {\n newProps = this.mapChildrenToProps(children, newProps);\n }\n\n return React__default$1[\"default\"].createElement(Component, newProps);\n };\n\n createClass(HelmetWrapper, null, [{\n key: \"canUseDOM\",\n // Component.peek comes from react-side-effect:\n // For testing, you may use a static peek() method available on the returned component.\n // It lets you get the current state without resetting the mounted instance stack.\n // Don’t use it for anything other than testing.\n\n /**\n * @param {Object} base: {\"target\": \"_blank\", \"href\": \"http://mysite.com/\"}\n * @param {Object} bodyAttributes: {\"className\": \"root\"}\n * @param {String} defaultTitle: \"Default Title\"\n * @param {Boolean} defer: true\n * @param {Boolean} encodeSpecialCharacters: true\n * @param {Object} htmlAttributes: {\"lang\": \"en\", \"amp\": undefined}\n * @param {Array} link: [{\"rel\": \"canonical\", \"href\": \"http://mysite.com/example\"}]\n * @param {Array} meta: [{\"name\": \"description\", \"content\": \"Test description\"}]\n * @param {Array} noscript: [{\"innerHTML\": \"
console.log(newState)\"\n * @param {Array} script: [{\"type\": \"text/javascript\", \"src\": \"http://mysite.com/js/test.js\"}]\n * @param {Array} style: [{\"type\": \"text/css\", \"cssText\": \"div { display: block; color: blue; }\"}]\n * @param {String} title: \"Title\"\n * @param {Object} titleAttributes: {\"itemprop\": \"name\"}\n * @param {String} titleTemplate: \"MySite.com - %s\"\n */\n set: function set$$1(canUseDOM) {\n Component.canUseDOM = canUseDOM;\n }\n }]);\n return HelmetWrapper;\n }(React__default$1[\"default\"].Component), _class.propTypes = {\n base: PropTypes.object,\n bodyAttributes: PropTypes.object,\n children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n defaultTitle: PropTypes.string,\n defer: PropTypes.bool,\n encodeSpecialCharacters: PropTypes.bool,\n htmlAttributes: PropTypes.object,\n link: PropTypes.arrayOf(PropTypes.object),\n meta: PropTypes.arrayOf(PropTypes.object),\n noscript: PropTypes.arrayOf(PropTypes.object),\n onChangeClientState: PropTypes.func,\n script: PropTypes.arrayOf(PropTypes.object),\n style: PropTypes.arrayOf(PropTypes.object),\n title: PropTypes.string,\n titleAttributes: PropTypes.object,\n titleTemplate: PropTypes.string\n }, _class.defaultProps = {\n defer: true,\n encodeSpecialCharacters: true\n }, _class.peek = Component.peek, _class.rewind = function () {\n var mappedState = Component.rewind();\n\n if (!mappedState) {\n // provide fallback if mappedState is undefined\n mappedState = mapStateOnServer({\n baseTag: [],\n bodyAttributes: {},\n encodeSpecialCharacters: true,\n htmlAttributes: {},\n linkTags: [],\n metaTags: [],\n noscriptTags: [],\n scriptTags: [],\n styleTags: [],\n title: \"\",\n titleAttributes: {}\n });\n }\n\n return mappedState;\n }, _temp;\n};\n\nvar NullComponent = function NullComponent() {\n return null;\n};\n\nvar HelmetSideEffects = lib(reducePropsToState, handleClientStateChange, mapStateOnServer)(NullComponent);\nvar HelmetExport = Helmet(HelmetSideEffects);\nHelmetExport.renderStatic = HelmetExport.rewind;\n\nfunction SEO(_ref) {\n var _ref$description = _ref.description,\n description = _ref$description === void 0 ? \"\" : _ref$description,\n _ref$noRobots = _ref.noRobots,\n noRobots = _ref$noRobots === void 0 ? false : _ref$noRobots,\n pathname = _ref.pathname,\n _ref$websiteName = _ref.websiteName,\n websiteName = _ref$websiteName === void 0 ? process.env.GATSBY_CU_NAME : _ref$websiteName;\n var URL = \"\".concat(process.env.GATSBY_WEBSITE_URL, \"/\").concat(pathname);\n var IMAGE = \"\".concat(process.env.GATSBY_WEBSITE_URL, \"/images/logo.svg\");\n var TITLE = \"\";\n\n if (websiteName === \"nas_jrb\") {\n TITLE = \"INSTEP \";\n } else {\n TITLE = websiteName;\n }\n\n if (pathname) {\n TITLE = \"\".concat(TITLE, \" - \").concat(pathname);\n } else {\n TITLE = \"\".concat(websiteName, \" - Homepage\");\n }\n\n return /*#__PURE__*/React__default$1[\"default\"].createElement(HelmetExport, {\n htmlAttributes: {\n lang: \"en\"\n },\n title: TITLE,\n titleTemplate: TITLE\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(\"meta\", {\n httpEquiv: \"Content-Type\",\n content: \"text/html; charset=utf-8\"\n }), /*#__PURE__*/React__default$1[\"default\"].createElement(\"meta\", {\n name: \"title\",\n content: TITLE\n }), /*#__PURE__*/React__default$1[\"default\"].createElement(\"meta\", {\n name: \"description\",\n content: description\n }), noRobots && /*#__PURE__*/React__default$1[\"default\"].createElement(\"meta\", {\n name: \"robots\",\n content: \"noindex,nofollow\"\n }), /*#__PURE__*/React__default$1[\"default\"].createElement(\"meta\", {\n itemProp: \"name\",\n content: TITLE\n }), /*#__PURE__*/React__default$1[\"default\"].createElement(\"meta\", {\n itemProp: \"description\",\n content: description\n }), /*#__PURE__*/React__default$1[\"default\"].createElement(\"meta\", {\n itemProp: \"image\",\n content: IMAGE\n }), /*#__PURE__*/React__default$1[\"default\"].createElement(\"meta\", {\n property: \"og:url\",\n content: URL\n }), /*#__PURE__*/React__default$1[\"default\"].createElement(\"meta\", {\n property: \"og:type\",\n content: \"website\"\n }), /*#__PURE__*/React__default$1[\"default\"].createElement(\"meta\", {\n property: \"og:title\",\n content: TITLE\n }), /*#__PURE__*/React__default$1[\"default\"].createElement(\"meta\", {\n property: \"og:description\",\n content: description\n }), /*#__PURE__*/React__default$1[\"default\"].createElement(\"meta\", {\n property: \"og:image\",\n content: IMAGE\n }), /*#__PURE__*/React__default$1[\"default\"].createElement(\"meta\", {\n name: \"twitter:card\",\n content: \"summary_large_image\"\n }), /*#__PURE__*/React__default$1[\"default\"].createElement(\"meta\", {\n name: \"twitter:title\",\n content: TITLE\n }), /*#__PURE__*/React__default$1[\"default\"].createElement(\"meta\", {\n name: \"twitter:description\",\n content: description\n }), /*#__PURE__*/React__default$1[\"default\"].createElement(\"meta\", {\n name: \"twitter:image\",\n content: IMAGE\n }), /*#__PURE__*/React__default$1[\"default\"].createElement(\"link\", {\n rel: \"canonical\",\n href: URL\n }));\n}\n\nfunction ErrorView() {\n return /*#__PURE__*/React__default$1[\"default\"].createElement(Error$1, {\n title: \"Oops, could not find the page\"\n });\n}\n\nvar Content = withErrorBoundary(function (_ref) {\n var render = _ref.render,\n data = _ref.data;\n return /*#__PURE__*/React__default$1[\"default\"].createElement(React.Fragment, null, render(data.page));\n}, {\n FallbackComponent: ErrorView\n});\n\nfunction Page(_ref) {\n var pathname = _ref.pathname,\n _ref$cms = _ref.cms,\n cms = _ref$cms === void 0 ? {} : _ref$cms,\n _ref$config = _ref.config,\n config = _ref$config === void 0 ? {} : _ref$config,\n children = _ref.children,\n doChangeThemes = _ref.doChangeThemes,\n theme = _ref.theme,\n _ref$speedBumpStyles = _ref.speedBumpStyles,\n speedBumpStyles = _ref$speedBumpStyles === void 0 ? {} : _ref$speedBumpStyles,\n _ref$footerOptions = _ref.footerOptions,\n footerOptions = _ref$footerOptions === void 0 ? {\n businessCustomLogos: []\n } : _ref$footerOptions,\n _ref$headerActiveLogo = _ref.headerActiveLogoReplaceImageWithAfterBreakpoint,\n headerActiveLogoReplaceImageWithAfterBreakpoint = _ref$headerActiveLogo === void 0 ? \"\" : _ref$headerActiveLogo,\n _ref$headerDesktopVar = _ref.headerDesktopVariant,\n headerDesktopVariant = _ref$headerDesktopVar === void 0 ? headerDesktopVariantTypes.STANDARD : _ref$headerDesktopVar,\n _ref$headerCompressed = _ref.headerCompressedVariant,\n headerCompressedVariant = _ref$headerCompressed === void 0 ? headerCompressedVariantTypes.STANDARD : _ref$headerCompressed,\n _ref$headerMobileVari = _ref.headerMobileVariant,\n headerMobileVariant = _ref$headerMobileVari === void 0 ? headerMobileVariantTypes.STANDARD : _ref$headerMobileVari,\n _ref$headerDropdownLo = _ref.headerDropdownLoginButtonStyles,\n headerDropdownLoginButtonStyles = _ref$headerDropdownLo === void 0 ? {} : _ref$headerDropdownLo,\n _ref$backgroundHeader = _ref.backgroundHeader,\n backgroundHeader = _ref$backgroundHeader === void 0 ? colorsTypes.WHITE : _ref$backgroundHeader,\n _ref$headerActiveBack = _ref.headerActiveBackground,\n headerActiveBackground = _ref$headerActiveBack === void 0 ? colorsTypes.WHITE : _ref$headerActiveBack,\n _ref$headerHoverActiv = _ref.headerHoverActiveBackground,\n headerHoverActiveBackground = _ref$headerHoverActiv === void 0 ? colorsTypes.WHITE : _ref$headerHoverActiv,\n _ref$backgroundMenuHe = _ref.backgroundMenuHeader,\n backgroundMenuHeader = _ref$backgroundMenuHe === void 0 ? colorsTypes.WHITE : _ref$backgroundMenuHe,\n _ref$backgroundBreakp = _ref.backgroundBreakpointHeader,\n backgroundBreakpointHeader = _ref$backgroundBreakp === void 0 ? 20 : _ref$backgroundBreakp,\n _ref$hoverBackgroundH = _ref.hoverBackgroundHeader,\n hoverBackgroundHeader = _ref$hoverBackgroundH === void 0 ? colorsTypes.WHITE : _ref$hoverBackgroundH,\n _ref$backgroundAfterB = _ref.backgroundAfterBreakpointHoverHeader,\n backgroundAfterBreakpointHoverHeader = _ref$backgroundAfterB === void 0 ? colorsTypes.WHITE : _ref$backgroundAfterB,\n _ref$menuSubLinksList = _ref.menuSubLinksListBorderColorHeader,\n menuSubLinksListBorderColorHeader = _ref$menuSubLinksList === void 0 ? colorsTypes.PRIMARY : _ref$menuSubLinksList,\n _ref$menuSubLinksList2 = _ref.menuSubLinksListBackgroundHeader,\n menuSubLinksListBackgroundHeader = _ref$menuSubLinksList2 === void 0 ? colorsTypes.PRIMARY_VERY_ULTRA_LIGHT : _ref$menuSubLinksList2,\n _ref$menuSubLinksTitl = _ref.menuSubLinksTitleColorHeader,\n menuSubLinksTitleColorHeader = _ref$menuSubLinksTitl === void 0 ? colorsTypes.PRIMARY_SEMI_DARK : _ref$menuSubLinksTitl,\n _ref$subLinksItemActi = _ref.subLinksItemActiveTitleColorHeader,\n subLinksItemActiveTitleColorHeader = _ref$subLinksItemActi === void 0 ? colorsTypes.PRIMARY_SEMI_DARK : _ref$subLinksItemActi,\n _ref$menuSubLinksItem = _ref.menuSubLinksItemTitleColorHeader,\n menuSubLinksItemTitleColorHeader = _ref$menuSubLinksItem === void 0 ? colorsTypes.PRIMARY_ULTRA_DARK : _ref$menuSubLinksItem,\n _ref$headerBackground = _ref.headerBackgroundAfterBreakpoint,\n headerBackgroundAfterBreakpoint = _ref$headerBackground === void 0 ? colorsTypes.WHITE : _ref$headerBackground,\n _ref$headerTransparen = _ref.headerTransparentBackground,\n headerTransparentBackground = _ref$headerTransparen === void 0 ? colorsTypes.TRANSPARENT : _ref$headerTransparen,\n _ref$headerHoverTrans = _ref.headerHoverTransparentBackground,\n headerHoverTransparentBackground = _ref$headerHoverTrans === void 0 ? colorsTypes.TRANSPARENT : _ref$headerHoverTrans,\n _ref$headerLoginButto = _ref.headerLoginButtonIsScrollChangeColorButton,\n headerLoginButtonIsScrollChangeColorButton = _ref$headerLoginButto === void 0 ? false : _ref$headerLoginButto,\n _ref$headerLoginButto2 = _ref.headerLoginButtonScrollBackground,\n headerLoginButtonScrollBackground = _ref$headerLoginButto2 === void 0 ? colorsTypes.WHITE : _ref$headerLoginButto2,\n _ref$headerLoginButto3 = _ref.headerLoginButtonScrollBackgroundAfterScroll,\n headerLoginButtonScrollBackgroundAfterScroll = _ref$headerLoginButto3 === void 0 ? colorsTypes.PRIMARY_DARK : _ref$headerLoginButto3,\n _ref$topIndicatorHead = _ref.topIndicatorHeader,\n topIndicatorHeader = _ref$topIndicatorHead === void 0 ? true : _ref$topIndicatorHead,\n _ref$transparentHeade = _ref.transparentHeader,\n transparentHeader = _ref$transparentHeade === void 0 ? false : _ref$transparentHeade,\n _ref$isTopBorder = _ref.isTopBorder,\n isTopBorder = _ref$isTopBorder === void 0 ? false : _ref$isTopBorder,\n _ref$forceShowHeader = _ref.forceShowHeader,\n forceShowHeader = _ref$forceShowHeader === void 0 ? false : _ref$forceShowHeader,\n _ref$floatHeader = _ref.floatHeader,\n floatHeader = _ref$floatHeader === void 0 ? false : _ref$floatHeader,\n _ref$forceShowColorHe = _ref.forceShowColorHeader,\n forceShowColorHeader = _ref$forceShowColorHe === void 0 ? false : _ref$forceShowColorHe,\n _ref$forceShowHoverHe = _ref.forceShowHoverHeader,\n forceShowHoverHeader = _ref$forceShowHoverHe === void 0 ? false : _ref$forceShowHoverHe,\n _ref$grayscaleHeader = _ref.grayscaleHeader,\n grayscaleHeader = _ref$grayscaleHeader === void 0 ? false : _ref$grayscaleHeader,\n _ref$darkHeader = _ref.darkHeader,\n darkHeader = _ref$darkHeader === void 0 ? false : _ref$darkHeader,\n _ref$backgroundScreen = _ref.backgroundScreenHeader,\n backgroundScreenHeader = _ref$backgroundScreen === void 0 ? false : _ref$backgroundScreen,\n _ref$forceCompressHea = _ref.forceCompressHeader,\n forceCompressHeader = _ref$forceCompressHea === void 0 ? false : _ref$forceCompressHea,\n _ref$forceShowItemsHe = _ref.forceShowItemsHeader,\n forceShowItemsHeader = _ref$forceShowItemsHe === void 0 ? true : _ref$forceShowItemsHe,\n _ref$noFilterLogoHead = _ref.noFilterLogoHeader,\n noFilterLogoHeader = _ref$noFilterLogoHead === void 0 ? false : _ref$noFilterLogoHead,\n _ref$headerNoFilterMe = _ref.headerNoFilterMenuIcon,\n headerNoFilterMenuIcon = _ref$headerNoFilterMe === void 0 ? false : _ref$headerNoFilterMe,\n _ref$headerForceFilte = _ref.headerForceFilterMenuIcon,\n headerForceFilterMenuIcon = _ref$headerForceFilte === void 0 ? false : _ref$headerForceFilte,\n _ref$headerLoginButto4 = _ref.headerLoginButtonStyles,\n headerLoginButtonStyles = _ref$headerLoginButto4 === void 0 ? {} : _ref$headerLoginButto4,\n _ref$navigationOption = _ref.navigationOptions,\n navigationOptions = _ref$navigationOption === void 0 ? {} : _ref$navigationOption,\n _ref$navigationMenuOp = _ref.navigationMenuOptions,\n navigationMenuOptions = _ref$navigationMenuOp === void 0 ? {\n menuActiveBorderColor: colorsTypes.PRIMARY,\n menuHoverBorderColor: colorsTypes.PRIMARY_VERY_ULTRA_LIGHT,\n menuSubLinksBorderColor: colorsTypes.PRIMARY_SEMI_DARK,\n menuSubLinksTitleColor: colorsTypes.PRIMARY_ULTRA_DARK,\n menuSubLinksTitleActiveColor: colorsTypes.PRIMARY,\n menuSubItemTitleColor: colorsTypes.PRIMARY_ULTRA_DARK,\n menuSubItemTitleActiveColor: colorsTypes.PRIMARY,\n menuSubItemTextActiveColor: colorsTypes.PRIMARY,\n menuSubItemTextColor: colorsTypes.PRIMARY_ULTRA_DARK,\n subMenuBackgroundColor: colorsTypes.TRANSPARENT,\n subMenuActiveBackgroundColor: colorsTypes.TRANSPARENT,\n itemBackgroundColor: colorsTypes.WHITE,\n dropdownHoverBackground: colorsVariantsTypes.HIGHT_LIGHT_PRIMARY,\n dropdownSeparationFromTop: 20,\n dropdownSeparationFromBottom: 50\n } : _ref$navigationMenuOp,\n _ref$headerMenuIconSt = _ref.headerMenuIconStyles,\n headerMenuIconStyles = _ref$headerMenuIconSt === void 0 ? {} : _ref$headerMenuIconSt,\n _ref$headerActiveLogo2 = _ref.headerActiveLogoFilterEffect,\n headerActiveLogoFilterEffect = _ref$headerActiveLogo2 === void 0 ? [\"invert()\", \"grayscale(1)\", \"saturate(0)\"] : _ref$headerActiveLogo2,\n _ref$headerActiveLogo3 = _ref.headerActiveLogoReplaceImageWith,\n headerActiveLogoReplaceImageWith = _ref$headerActiveLogo3 === void 0 ? \"\" : _ref$headerActiveLogo3,\n _ref$headerLogoFilter = _ref.headerLogoFilterEffect,\n headerLogoFilterEffect = _ref$headerLogoFilter === void 0 ? [] : _ref$headerLogoFilter,\n _ref$headerMobileActi = _ref.headerMobileActiveLogoReplaceImageWith,\n headerMobileActiveLogoReplaceImageWith = _ref$headerMobileActi === void 0 ? \"\" : _ref$headerMobileActi,\n _ref$headerMobileFilt = _ref.headerMobileFilterEffect,\n headerMobileFilterEffect = _ref$headerMobileFilt === void 0 ? [] : _ref$headerMobileFilt,\n _ref$headerMobileActi2 = _ref.headerMobileActiveLogoReplaceImageWithAfterBreakpoint,\n headerMobileActiveLogoReplaceImageWithAfterBreakpoint = _ref$headerMobileActi2 === void 0 ? \"\" : _ref$headerMobileActi2,\n _ref$headerMobileForc = _ref.headerMobileForceShow,\n headerMobileForceShow = _ref$headerMobileForc === void 0 ? false : _ref$headerMobileForc,\n _ref$headerMobileTran = _ref.headerMobileTransparent,\n headerMobileTransparent = _ref$headerMobileTran === void 0 ? false : _ref$headerMobileTran,\n _ref$headerMobileNoFi = _ref.headerMobileNoFilterLogo,\n headerMobileNoFilterLogo = _ref$headerMobileNoFi === void 0 ? false : _ref$headerMobileNoFi,\n _ref$headerMobileNoFi2 = _ref.headerMobileNoFilterMenuIcon,\n headerMobileNoFilterMenuIcon = _ref$headerMobileNoFi2 === void 0 ? false : _ref$headerMobileNoFi2,\n _ref$headerMobileForc2 = _ref.headerMobileForceFilterMenuIcon,\n headerMobileForceFilterMenuIcon = _ref$headerMobileForc2 === void 0 ? false : _ref$headerMobileForc2,\n _ref$headerMobileLogi = _ref.headerMobileLoginButtonIsScrollChangeColorButton,\n headerMobileLoginButtonIsScrollChangeColorButton = _ref$headerMobileLogi === void 0 ? false : _ref$headerMobileLogi,\n _ref$headerMobileLogo = _ref.headerMobileLogoReplaceImageWith,\n headerMobileLogoReplaceImageWith = _ref$headerMobileLogo === void 0 ? undefined : _ref$headerMobileLogo,\n _ref$headerMobileLogo2 = _ref.headerMobileLogoReplaceImageWithAfterBreakpoint,\n headerMobileLogoReplaceImageWithAfterBreakpoint = _ref$headerMobileLogo2 === void 0 ? undefined : _ref$headerMobileLogo2,\n _ref$headerMobileLogo3 = _ref.headerMobileLogoFilter,\n headerMobileLogoFilter = _ref$headerMobileLogo3 === void 0 ? undefined : _ref$headerMobileLogo3,\n _ref$headerMobileLogo4 = _ref.headerMobileLogoFilterEffectAfterScroll,\n headerMobileLogoFilterEffectAfterScroll = _ref$headerMobileLogo4 === void 0 ? [] : _ref$headerMobileLogo4,\n _ref$headerMobileFilt2 = _ref.headerMobileFilterEffectAfterScroll,\n headerMobileFilterEffectAfterScroll = _ref$headerMobileFilt2 === void 0 ? [] : _ref$headerMobileFilt2,\n _ref$headerMobileLogo5 = _ref.headerMobileLogoFilterEffect,\n headerMobileLogoFilterEffect = _ref$headerMobileLogo5 === void 0 ? [] : _ref$headerMobileLogo5,\n _ref$headerMobileActi3 = _ref.headerMobileActiveLogoFilterEffectAfterScroll,\n headerMobileActiveLogoFilterEffectAfterScroll = _ref$headerMobileActi3 === void 0 ? [] : _ref$headerMobileActi3,\n _ref$headerMobileMenu = _ref.headerMobileMenuIconFilterEffect,\n headerMobileMenuIconFilterEffect = _ref$headerMobileMenu === void 0 ? [\"invert()\", \"grayscale(1)\", \"saturate(0)\"] : _ref$headerMobileMenu,\n _ref$headerMobileMenu2 = _ref.headerMobileMenuIconFilterEffectAfterScroll,\n headerMobileMenuIconFilterEffectAfterScroll = _ref$headerMobileMenu2 === void 0 ? [\"invert()\", \"grayscale(1)\", \"saturate(0)\"] : _ref$headerMobileMenu2,\n _ref$headerMobileMenu3 = _ref.headerMobileMenuIconActiveFilterEffectAfterScroll,\n headerMobileMenuIconActiveFilterEffectAfterScroll = _ref$headerMobileMenu3 === void 0 ? [\"invert()\", \"grayscale(1)\", \"saturate(0)\"] : _ref$headerMobileMenu3,\n _ref$headerMenuIconFi = _ref.headerMenuIconFilterEffect,\n headerMenuIconFilterEffect = _ref$headerMenuIconFi === void 0 ? [\"invert()\", \"grayscale(1)\", \"saturate(0)\"] : _ref$headerMenuIconFi,\n _ref$headerMenuIconFi2 = _ref.headerMenuIconFilterEffectAfterScroll,\n headerMenuIconFilterEffectAfterScroll = _ref$headerMenuIconFi2 === void 0 ? [\"invert()\", \"grayscale(1)\", \"saturate(0)\"] : _ref$headerMenuIconFi2,\n _ref$headerMenuIconAc = _ref.headerMenuIconActiveFilterEffectAfterScroll,\n headerMenuIconActiveFilterEffectAfterScroll = _ref$headerMenuIconAc === void 0 ? [\"invert()\", \"grayscale(1)\", \"saturate(0)\"] : _ref$headerMenuIconAc,\n _ref$headerMobileActi4 = _ref.headerMobileActiveLogoFilterEffect,\n headerMobileActiveLogoFilterEffect = _ref$headerMobileActi4 === void 0 ? [\"invert()\", \"grayscale(1)\", \"saturate(0)\"] : _ref$headerMobileActi4,\n _ref$headerMobileLogi2 = _ref.headerMobileLoginButtonStyles,\n headerMobileLoginButtonStyles = _ref$headerMobileLogi2 === void 0 ? {} : _ref$headerMobileLogi2,\n _ref$headerMobileMenu4 = _ref.headerMobileMenuIconStyles,\n headerMobileMenuIconStyles = _ref$headerMobileMenu4 === void 0 ? {} : _ref$headerMobileMenu4,\n _ref$headerMobileBack = _ref.headerMobileBackgroundMenu,\n headerMobileBackgroundMenu = _ref$headerMobileBack === void 0 ? colorsTypes.WHITE : _ref$headerMobileBack,\n _ref$headerMobileLogi3 = _ref.headerMobileLoginButtonScrollBackgroundAfterScroll,\n headerMobileLoginButtonScrollBackgroundAfterScroll = _ref$headerMobileLogi3 === void 0 ? colorsTypes.PRIMARY_DARK : _ref$headerMobileLogi3,\n _ref$headerMobileLogi4 = _ref.headerMobileLoginButtonScrollBackground,\n headerMobileLoginButtonScrollBackground = _ref$headerMobileLogi4 === void 0 ? colorsTypes.WHITE : _ref$headerMobileLogi4,\n _ref$headerMobileBack2 = _ref.headerMobileBackground,\n headerMobileBackground = _ref$headerMobileBack2 === void 0 ? colorsTypes.WHITE : _ref$headerMobileBack2,\n _ref$headerMobileBack3 = _ref.headerMobileBackgroundAfterBreakpoint,\n headerMobileBackgroundAfterBreakpoint = _ref$headerMobileBack3 === void 0 ? colorsTypes.WHITE : _ref$headerMobileBack3,\n _ref$headerMobileActi5 = _ref.headerMobileActiveBackground,\n headerMobileActiveBackground = _ref$headerMobileActi5 === void 0 ? colorsTypes.WHITE : _ref$headerMobileActi5,\n _ref$headerMobileTran2 = _ref.headerMobileTransparentBackground,\n headerMobileTransparentBackground = _ref$headerMobileTran2 === void 0 ? colorsTypes.TRANSPARENT : _ref$headerMobileTran2,\n _ref$headerMobileHove = _ref.headerMobileHoverBackground,\n headerMobileHoverBackground = _ref$headerMobileHove === void 0 ? colorsTypes.WHITE : _ref$headerMobileHove,\n _ref$headerMobileHove2 = _ref.headerMobileHoverFloatBackground,\n headerMobileHoverFloatBackground = _ref$headerMobileHove2 === void 0 ? colorsTypes.WHITE : _ref$headerMobileHove2,\n _ref$headerMobileHove3 = _ref.headerMobileHoverActiveBackground,\n headerMobileHoverActiveBackground = _ref$headerMobileHove3 === void 0 ? colorsTypes.WHITE : _ref$headerMobileHove3,\n _ref$headerMobileBack4 = _ref.headerMobileBackgroundAfterBreakpointHover,\n headerMobileBackgroundAfterBreakpointHover = _ref$headerMobileBack4 === void 0 ? colorsTypes.WHITE : _ref$headerMobileBack4,\n _ref$headerMobileHove4 = _ref.headerMobileHoverTransparentBackground,\n headerMobileHoverTransparentBackground = _ref$headerMobileHove4 === void 0 ? colorsTypes.TRANSPARENT : _ref$headerMobileHove4,\n _ref$isDynamic = _ref.isDynamic,\n isDynamic = _ref$isDynamic === void 0 ? false : _ref$isDynamic;\n\n var onUseFetch = function onUseFetch() {\n var key = cms.pageId || pathname;\n var cachedPage = getQueryClient().getQueryCache().find(key);\n return fetchCMSPage({\n pageId: key,\n isDynamicPage: cms.isDynamicPage,\n pageData: cms.pageData,\n isCachedPage: !!(cachedPage && cachedPage.state.data && !cachedPage.state.data.fallback)\n });\n };\n\n var _useFetch = useFetch(cms.pageId || pathname, onUseFetch),\n isLoading = _useFetch.isLoading,\n data = _useFetch.data,\n error = _useFetch.error;\n\n var isErrorAndPageIsNotCached = error && !data;\n var isErrorButFallbackDataWillDisplayed = !error && data && data.fallback;\n var layoutOptions = {\n // HEADER –> DESKTOP\n headerActiveLogoReplaceImageWith: headerActiveLogoReplaceImageWith,\n headerMobileActiveLogoReplaceImageWithAfterBreakpoint: headerMobileActiveLogoReplaceImageWithAfterBreakpoint,\n headerActiveLogoReplaceImageWithAfterBreakpoint: headerActiveLogoReplaceImageWithAfterBreakpoint,\n headerMenuIconStyles: headerMenuIconStyles,\n headerLoginButtonIsScrollChangeColorButton: headerLoginButtonIsScrollChangeColorButton,\n headerLoginButtonScrollBackgroundAfterScroll: headerLoginButtonScrollBackgroundAfterScroll,\n headerHoverActiveBackground: headerHoverActiveBackground,\n headerLoginButtonScrollBackground: headerLoginButtonScrollBackground,\n headerActiveBackground: headerActiveBackground,\n headerNoFilterMenuIcon: headerNoFilterMenuIcon,\n headerForceFilterMenuIcon: headerForceFilterMenuIcon,\n headerTransparentBackground: headerTransparentBackground,\n headerHoverTransparentBackground: headerHoverTransparentBackground,\n headerBackgroundAfterBreakpoint: headerBackgroundAfterBreakpoint,\n headerDropdownLoginButtonStyles: headerDropdownLoginButtonStyles,\n headerDesktopVariant: headerDesktopVariant,\n headerCompressedVariant: headerCompressedVariant,\n headerMobileVariant: headerMobileVariant,\n navigationOptions: navigationOptions,\n pathname: pathname,\n config: config,\n transparentHeader: transparentHeader,\n isTopBorder: isTopBorder,\n hoverBackgroundHeader: hoverBackgroundHeader,\n backgroundAfterBreakpointHoverHeader: backgroundAfterBreakpointHoverHeader,\n backgroundBreakpointHeader: backgroundBreakpointHeader,\n forceShowHoverHeader: forceShowHoverHeader,\n forceShowHeader: forceShowHeader,\n forceShowItemsHeader: forceShowItemsHeader,\n forceShowColorHeader: forceShowColorHeader,\n menuSubLinksTitleColorHeader: menuSubLinksTitleColorHeader,\n menuSubLinksItemTitleColorHeader: menuSubLinksItemTitleColorHeader,\n navigationMenuOptions: navigationMenuOptions,\n subLinksItemActiveTitleColorHeader: subLinksItemActiveTitleColorHeader,\n menuSubLinksListBorderColorHeader: menuSubLinksListBorderColorHeader,\n menuSubLinksListBackgroundHeader: menuSubLinksListBackgroundHeader,\n forceCompressHeader: forceCompressHeader,\n floatHeader: floatHeader,\n backgroundHeader: backgroundHeader,\n grayscaleHeader: grayscaleHeader,\n darkHeader: darkHeader,\n noFilterLogoHeader: noFilterLogoHeader,\n backgroundMenuHeader: backgroundMenuHeader,\n backgroundScreenHeader: backgroundScreenHeader,\n headerLoginButtonStyles: headerLoginButtonStyles,\n headerLogoFilterEffect: headerLogoFilterEffect,\n topIndicatorHeader: topIndicatorHeader,\n footerOptions: footerOptions,\n fallback: false,\n page: {\n MetaData: {\n title: \"\",\n description: \"\",\n noRobots: false\n }\n },\n header: {},\n footer: {},\n theme: {},\n // HEADER –> MOBILE\n headerMobileActiveLogoReplaceImageWith: headerMobileActiveLogoReplaceImageWith,\n headerMobileMenuIconFilterEffect: headerMobileMenuIconFilterEffect,\n headerMobileMenuIconFilterEffectAfterScroll: headerMobileMenuIconFilterEffectAfterScroll,\n headerMobileMenuIconActiveFilterEffectAfterScroll: headerMobileMenuIconActiveFilterEffectAfterScroll,\n headerMenuIconFilterEffect: headerMenuIconFilterEffect,\n headerMenuIconFilterEffectAfterScroll: headerMenuIconFilterEffectAfterScroll,\n headerMenuIconActiveFilterEffectAfterScroll: headerMenuIconActiveFilterEffectAfterScroll,\n headerMobileActiveLogoFilterEffectAfterScroll: headerMobileActiveLogoFilterEffectAfterScroll,\n headerMobileActiveLogoFilterEffect: headerMobileActiveLogoFilterEffect,\n headerActiveLogoFilterEffect: headerActiveLogoFilterEffect,\n headerMobileLoginButtonIsScrollChangeColorButton: headerMobileLoginButtonIsScrollChangeColorButton,\n headerMobileLoginButtonScrollBackgroundAfterScroll: headerMobileLoginButtonScrollBackgroundAfterScroll,\n headerMobileForceShow: headerMobileForceShow,\n headerMobileFilterEffectAfterScroll: headerMobileFilterEffectAfterScroll,\n headerMobileFilterEffect: headerMobileFilterEffect,\n headerMobileTransparent: headerMobileTransparent,\n headerMobileNoFilterLogo: headerMobileNoFilterLogo,\n headerMobileNoFilterMenuIcon: headerMobileNoFilterMenuIcon,\n headerMobileForceFilterMenuIcon: headerMobileForceFilterMenuIcon,\n headerMobileBackgroundMenu: headerMobileBackgroundMenu,\n headerMobileBackground: headerMobileBackground,\n headerMobileActiveBackground: headerMobileActiveBackground,\n headerMobileHoverActiveBackground: headerMobileHoverActiveBackground,\n headerMobileBackgroundAfterBreakpoint: headerMobileBackgroundAfterBreakpoint,\n headerMobileTransparentBackground: headerMobileTransparentBackground,\n headerMobileHoverFloatBackground: headerMobileHoverFloatBackground,\n headerMobileHoverBackground: headerMobileHoverBackground,\n headerMobileBackgroundAfterBreakpointHover: headerMobileBackgroundAfterBreakpointHover,\n headerMobileLoginButtonScrollBackground: headerMobileLoginButtonScrollBackground,\n headerMobileHoverTransparentBackground: headerMobileHoverTransparentBackground,\n headerMobileLogoReplaceImageWith: headerMobileLogoReplaceImageWith,\n headerMobileLogoReplaceImageWithAfterBreakpoint: headerMobileLogoReplaceImageWithAfterBreakpoint,\n headerMobileLogoFilter: headerMobileLogoFilter,\n headerMobileLogoFilterEffect: headerMobileLogoFilterEffect,\n headerMobileLogoFilterEffectAfterScroll: headerMobileLogoFilterEffectAfterScroll,\n headerMobileLoginButtonStyles: headerMobileLoginButtonStyles,\n headerMobileMenuIconStyles: headerMobileMenuIconStyles,\n isDynamic: isDynamic\n };\n\n if (data) {\n var fallback = data.fallback,\n page = data.page,\n layout = data.layout,\n themeData = data.theme;\n if (fallback) layoutOptions.fallback = fallback;\n if (page) layoutOptions.page = page;\n if (layout.Header) layoutOptions.header = layout.Header;\n if (layout.Footer) layoutOptions.footer = layout.Footer;\n if (themeData) layoutOptions.theme = themeData;\n }\n\n React.useEffect(function () {\n if (!lodash.isEmpty(data) && !lodash.isEmpty(data === null || data === void 0 ? void 0 : data.theme)) {\n var _data$theme, _data$theme2, _data$theme3, _data$theme4, _data$theme5, _data$theme6;\n\n var themeCasted = {\n name: themeVariantsTypes.Default,\n colors: (data === null || data === void 0 || (_data$theme = data.theme) === null || _data$theme === void 0 ? void 0 : _data$theme.Colors) || {},\n fonts: {\n sizes: (data === null || data === void 0 || (_data$theme2 = data.theme) === null || _data$theme2 === void 0 ? void 0 : _data$theme2.FontSizes) || [],\n families: (data === null || data === void 0 || (_data$theme3 = data.theme) === null || _data$theme3 === void 0 ? void 0 : _data$theme3.Fonts) || []\n },\n spacing: {\n container: (data === null || data === void 0 || (_data$theme4 = data.theme) === null || _data$theme4 === void 0 || (_data$theme4 = _data$theme4.Theme) === null || _data$theme4 === void 0 ? void 0 : _data$theme4.Container) || {},\n padding: (data === null || data === void 0 || (_data$theme5 = data.theme) === null || _data$theme5 === void 0 || (_data$theme5 = _data$theme5.Theme) === null || _data$theme5 === void 0 ? void 0 : _data$theme5.Padding) || {},\n screens: (data === null || data === void 0 || (_data$theme6 = data.theme) === null || _data$theme6 === void 0 || (_data$theme6 = _data$theme6.Theme) === null || _data$theme6 === void 0 ? void 0 : _data$theme6.Screens) || {}\n }\n };\n if (doChangeThemes) doChangeThemes([themeCasted]);\n }\n }, [data === null || data === void 0 ? void 0 : data.theme]);\n var errorComponent = /*#__PURE__*/React__default$1[\"default\"].createElement(React.Fragment, null, /*#__PURE__*/React__default$1[\"default\"].createElement(SEO, {\n pathname: pathname\n }), /*#__PURE__*/React__default$1[\"default\"].createElement(ErrorView, null));\n var content = /*#__PURE__*/React__default$1[\"default\"].createElement(React.Fragment, null, /*#__PURE__*/React__default$1[\"default\"].createElement(SEO, {\n title: layoutOptions.page.MetaData ? layoutOptions.page.MetaData.title : \"\",\n description: layoutOptions.page.MetaData ? layoutOptions.page.MetaData.description : \"\",\n noRobots: layoutOptions.page.MetaData ? layoutOptions.page.MetaData.noRobots : false,\n pathname: pathname,\n websiteName: config === null || config === void 0 ? void 0 : config.websiteName\n }), /*#__PURE__*/React__default$1[\"default\"].createElement(SpeedBump, {\n data: layoutOptions.header,\n config: config.speedBump || {},\n speedBumpStyles: speedBumpStyles\n }), /*#__PURE__*/React__default$1[\"default\"].createElement(Content, {\n render: children,\n data: data,\n doChangeThemes: doChangeThemes,\n currentTheme: theme\n }), /*#__PURE__*/React__default$1[\"default\"].createElement(Toast$1, {\n draggable: true,\n limit: 2,\n position: \"bottom-left\"\n }));\n if (isLoading) content = /*#__PURE__*/React__default$1[\"default\"].createElement(Loader, null);\n\n if (!!isErrorAndPageIsNotCached || !!isErrorButFallbackDataWillDisplayed) {\n content = errorComponent;\n }\n\n return /*#__PURE__*/React__default$1[\"default\"].createElement(Layout, _extends$g({\n currentPageName: data && data.urlRoute\n }, layoutOptions), content);\n}\n\nfunction Root(_ref) {\n var children = _ref.children;\n return /*#__PURE__*/React__default$1[\"default\"].createElement(QueryClientProvider, {\n client: getQueryClient()\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(styled.ThemeProvider, {\n theme: {\n breakpoints: breakpoints\n }\n }, children));\n}\n\nvar _excluded$A = [\"variant\"];\n\nfunction PageHeader(_ref) {\n var _ref$variant = _ref.variant,\n variant = _ref$variant === void 0 ? pageHeaderVariantsTypes.GRADIENTS : _ref$variant,\n props = _objectWithoutProperties$2(_ref, _excluded$A);\n\n switch (variant) {\n case pageHeaderVariantsTypes.GRADIENT:\n return /*#__PURE__*/React__default$1[\"default\"].createElement(PageHeaderGradient, props);\n\n case pageHeaderVariantsTypes.GRADIENTS:\n return /*#__PURE__*/React__default$1[\"default\"].createElement(PageHeaderGradients, props);\n\n default:\n throw new Error(\"Invalid PageHeader variant: \".concat(variant));\n }\n}\n\nvar PageHeader$1 = withErrorBoundary(PageHeader);\nvar _excluded$z = [\"pageData\", \"config\", \"heroProps\", \"productsProps\", \"featureProps\", \"calloutProps\"];\n\nfunction HomeTemplateV1(_ref) {\n var pageData = _ref.pageData,\n config = _ref.config,\n _ref$heroProps = _ref.heroProps,\n heroProps = _ref$heroProps === void 0 ? {} : _ref$heroProps,\n _ref$productsProps = _ref.productsProps,\n productsProps = _ref$productsProps === void 0 ? {} : _ref$productsProps,\n _ref$featureProps = _ref.featureProps,\n featureProps = _ref$featureProps === void 0 ? {} : _ref$featureProps,\n _ref$calloutProps = _ref.calloutProps,\n calloutProps = _ref$calloutProps === void 0 ? {} : _ref$calloutProps,\n otherProps = _objectWithoutProperties$2(_ref, _excluded$z);\n\n return /*#__PURE__*/React__default$1[\"default\"].createElement(Page, _extends$g({}, otherProps, {\n cms: {\n pageId: \"cu-home-pages\",\n pageData: pageData\n },\n pathname: \"\",\n config: config\n }), function (data) {\n var _data$CalloutMobileAp, _data$HerosList, _data$HerosList2, _data$FeaturesV;\n\n var calloutVariant = calloutVariantsTypes[lodash.snakeCase(lodash.upperCase((_data$CalloutMobileAp = data.CalloutMobileApps[0]) === null || _data$CalloutMobileAp === void 0 ? void 0 : _data$CalloutMobileAp.Type))] || calloutVariantsTypes.MOBILE_APPS;\n return /*#__PURE__*/React__default$1[\"default\"].createElement(React.Fragment, null, /*#__PURE__*/React__default$1[\"default\"].createElement(Hero$1, _extends$g({\n variant: ((_data$HerosList = data.HerosList) === null || _data$HerosList === void 0 ? void 0 : _data$HerosList.variant) || heroVariantsTypes.FULL,\n data: ((_data$HerosList2 = data.HerosList) === null || _data$HerosList2 === void 0 ? void 0 : _data$HerosList2.Heros) || data.Heros,\n buttonFill: buttonFillTypes.FILLED,\n buttonWithoutBorderRadius: false,\n descriptionColor: colorsTypes.BLACK,\n buttonHoverBackgroundColor: colorsTypes.ULTRA_DARK,\n buttonHoverDefaultBorderColor: colorsTypes.PRIMARY_SEMI_DARK,\n buttonHoverOutlineAndColorBorderColor: colorsTypes.PRIMARY_SEMI_DARK,\n buttonHoverColor: true\n }, heroProps)), /*#__PURE__*/React__default$1[\"default\"].createElement(Dividers, {\n variant: dividersVariantsTypes.DIVIDER,\n className: \"tw-mb-20 md:tw-mb-40\"\n }), /*#__PURE__*/React__default$1[\"default\"].createElement(Products, _extends$g({\n data: data.Products,\n variant: productsVariantsTypes.LIST,\n typeOfItems: productVariantsTypes.OUTLINE\n }, productsProps)), /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"tw-container\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(Dividers, {\n variant: dividersVariantsTypes.DIVIDER,\n className: \"tw-mb-20 md:tw-mb-40\"\n }), data.FeaturesV2 && ((_data$FeaturesV = data.FeaturesV2) === null || _data$FeaturesV === void 0 ? void 0 : _data$FeaturesV.map(function (feature, index) {\n return /*#__PURE__*/React__default$1[\"default\"].createElement(React.Fragment, {\n key: \"FeatureV2-\".concat(index)\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(Feature, _extends$g({\n variant: featureVariantsTypes.V2,\n data: feature\n }, featureProps, {\n buttonStylesProps: _objectSpread2({\n textColor: colorsTypes.WHITE,\n dark: true,\n buttonFill: buttonFillTypes.FILLED,\n buttonHoverColor: true,\n buttonWithoutBorderRadius: false,\n buttonHoverBackgroundColor: colorsTypes.ULTRA_DARK,\n buttonHoverDefaultBorderColor: colorsTypes.PRIMARY_SEMI_DARK,\n buttonHoverOutlineAndColorBorderColor: colorsTypes.PRIMARY_SEMI_DARK\n }, (featureProps === null || featureProps === void 0 ? void 0 : featureProps.buttonStylesProps) || {})\n })), /*#__PURE__*/React__default$1[\"default\"].createElement(Dividers, {\n variant: dividersVariantsTypes.DIVIDER,\n className: \"tw-mb-20 md:tw-mb-48\"\n }));\n })), /*#__PURE__*/React__default$1[\"default\"].createElement(Feature, _extends$g({\n variant: featureVariantsTypes.V1,\n data: data.FeatureV1,\n descriptionColor: colorsTypes.PRIMARY\n }, featureProps, {\n buttonStylesProps: _objectSpread2({\n textColor: colorsTypes.WHITE,\n dark: true,\n buttonFill: buttonFillTypes.FILLED,\n buttonHoverColor: true,\n buttonWithoutBorderRadius: false,\n buttonHoverBackgroundColor: colorsTypes.ULTRA_DARK,\n buttonHoverDefaultBorderColor: colorsTypes.PRIMARY_SEMI_DARK,\n buttonHoverOutlineAndColorBorderColor: colorsTypes.PRIMARY_SEMI_DARK\n }, (featureProps === null || featureProps === void 0 ? void 0 : featureProps.buttonStylesProps) || {})\n })), /*#__PURE__*/React__default$1[\"default\"].createElement(Dividers, {\n variant: dividersVariantsTypes.DIVIDER,\n className: \"tw-my-7 sm:tw-my-12\"\n }), /*#__PURE__*/React__default$1[\"default\"].createElement(Callout$2, _extends$g({\n variant: calloutVariant,\n data: data.CalloutMobileApps[0]\n }, calloutProps)), /*#__PURE__*/React__default$1[\"default\"].createElement(Dividers, {\n variant: dividersVariantsTypes.DIVIDER,\n className: \"tw-my-7 sm:tw-my-12\"\n })));\n });\n}\n\nHomeTemplateV1.prototype = {\n pageData: PropTypes.any.isRequired,\n config: PropTypes.any.isRequired,\n variant: PropTypes.string,\n heroProps: PropTypes.any,\n productsProps: PropTypes.any,\n featureFullProps: PropTypes.any,\n featureProps: PropTypes.any,\n calloutProps: PropTypes.any // calloutMobileProps: PropTypes.any,\n // calloutCompressedProps: PropTypes.any,\n\n};\nvar _excluded$y = [\"pageData\", \"config\", \"heroProps\", \"productsProps\", \"featureProps\", \"calloutProps\"];\n\nfunction HomeTemplateV2(_ref) {\n var _config$speedBump, _otherProps$footerOpt;\n\n var pageData = _ref.pageData,\n config = _ref.config,\n _ref$heroProps = _ref.heroProps,\n heroProps = _ref$heroProps === void 0 ? {} : _ref$heroProps,\n _ref$productsProps = _ref.productsProps,\n productsProps = _ref$productsProps === void 0 ? {} : _ref$productsProps,\n _ref$featureProps = _ref.featureProps,\n featureProps = _ref$featureProps === void 0 ? {} : _ref$featureProps,\n _ref$calloutProps = _ref.calloutProps,\n calloutProps = _ref$calloutProps === void 0 ? {} : _ref$calloutProps,\n otherProps = _objectWithoutProperties$2(_ref, _excluded$y);\n\n return /*#__PURE__*/React__default$1[\"default\"].createElement(Page, _extends$g({\n floatHeader: true,\n forceShowHeader: true,\n topIndicatorHeader: true,\n noFilterLogoHeader: true,\n transparent: true,\n isTopBorder: true,\n backgroundMenuHeader: colorsTypes.TRANSPARENT,\n menuSubLinksListBorderColorHeader: colorsTypes.SECONDARY,\n menuSubLinksListBackgroundHeader: colorsTypes.HIGHT_LIGHT_PRIMARY,\n menuSubLinksTitleColorHeader: colorsTypes.PRIMARY_ULTRA_DARK,\n subLinksItemActiveTitleColorHeader: colorsTypes.PRIMARY,\n menuSubLinksItemTitleColorHeader: colorsTypes.ULTRA_LIGHT\n }, otherProps, {\n cms: {\n pageId: \"cu-home-pages\",\n pageData: pageData\n },\n pathname: \"\",\n config: config,\n navigationOptions: _objectSpread2({}, (otherProps === null || otherProps === void 0 ? void 0 : otherProps.navigationOptions) || {}),\n navigationMenuOptions: _objectSpread2({\n subMenuGrayscaleBackgroundColor: colorsTypes.PRIMARY_VERY_ULTRA_LIGHT,\n subMenuBackgroundColor: colorsTypes.PRIMARY_VERY_ULTRA_LIGHT\n }, (otherProps === null || otherProps === void 0 ? void 0 : otherProps.navigationMenuOptions) || {}),\n headerLoginButtonStyles: _objectSpread2({\n withoutBorderRadius: !((_config$speedBump = config.speedBump) !== null && _config$speedBump !== void 0 && _config$speedBump.borderWithRadious),\n fill: buttonFillTypes.FILLED,\n styleType: buttonStyleTypes.NONE,\n hoverFilledBackgroundColor: colorsTypes.PRIMARY_LIGHT,\n hoverFilledBorderColor: colorsTypes.PRIMARY_LIGHT,\n hoverFilledTextColor: colorsTypes.WHITE,\n radius: 10,\n padding: \"2px 15px\"\n }, (otherProps === null || otherProps === void 0 ? void 0 : otherProps.headerLoginButtonStyles) || {}),\n footerOptions: _objectSpread2(_objectSpread2({}, (otherProps === null || otherProps === void 0 ? void 0 : otherProps.footerOptions) || {}), {}, {\n businessCustomLogos: [{\n replaceByIndex: 0,\n url: \"https://olb-assets.s3.us-east-2.amazonaws.com/images/NCUA_Logo.svg\",\n alternativeText: \"NCUA Logo\",\n invert: true,\n linkTo: \"https://www.ncua.gov\"\n }].concat(_toConsumableArray((otherProps === null || otherProps === void 0 || (_otherProps$footerOpt = otherProps.footerOptions) === null || _otherProps$footerOpt === void 0 ? void 0 : _otherProps$footerOpt.businessCustomLogos) || []))\n })\n }), function (data) {\n var _data$FeaturesV, _data$CalloutMobileAp;\n\n return /*#__PURE__*/React__default$1[\"default\"].createElement(React.Fragment, null, /*#__PURE__*/React__default$1[\"default\"].createElement(Hero$1, _extends$g({\n variant: heroVariantsTypes.CENTRAL,\n data: data.Heros\n }, heroProps)), /*#__PURE__*/React__default$1[\"default\"].createElement(Dividers, {\n variant: dividersVariantsTypes.DIVIDER,\n className: \"tw-mb-20 md:tw-mb-40\"\n }), /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"tw-container\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(Products, _extends$g({\n data: data.Products,\n variant: productsVariantsTypes.LIST,\n typeOfItems: productVariantsTypes.OUTLINE,\n buttonHoverOutline: true\n }, productsProps)), /*#__PURE__*/React__default$1[\"default\"].createElement(Dividers, {\n variant: dividersVariantsTypes.DIVIDER,\n className: \"tw-mb-20 md:tw-mb-40\"\n }), (data === null || data === void 0 ? void 0 : data.FeaturesV2) && ((_data$FeaturesV = data.FeaturesV2) === null || _data$FeaturesV === void 0 ? void 0 : _data$FeaturesV.map(function (feature, index) {\n return /*#__PURE__*/React__default$1[\"default\"].createElement(React.Fragment, {\n key: \"FeatureV2-\".concat(index)\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(Feature, _extends$g({\n variant: featureVariantsTypes.V2,\n data: feature\n }, featureProps)), /*#__PURE__*/React__default$1[\"default\"].createElement(Dividers, {\n variant: dividersVariantsTypes.DIVIDER,\n className: \"tw-mb-20 md:tw-mb-48\"\n }));\n })), /*#__PURE__*/React__default$1[\"default\"].createElement(Callout$2, _extends$g({\n variant: ((_data$CalloutMobileAp = data.CalloutMobileApps[0]) === null || _data$CalloutMobileAp === void 0 ? void 0 : _data$CalloutMobileAp.Type) || calloutVariantsTypes.MOBILE_APPS,\n data: data.CalloutMobileApps[0]\n }, calloutProps)), /*#__PURE__*/React__default$1[\"default\"].createElement(Dividers, {\n variant: dividersVariantsTypes.DIVIDER,\n className: \"tw-my-7 sm:tw-my-12\"\n })));\n });\n}\n\nHomeTemplateV2.prototype = {\n pageData: PropTypes.any.isRequired,\n config: PropTypes.any.isRequired,\n variant: PropTypes.string,\n heroProps: PropTypes.any,\n productsProps: PropTypes.any,\n // featureFullProps: PropTypes.any,\n featureProps: PropTypes.any,\n calloutProps: PropTypes.any // calloutMobileProps: PropTypes.any,\n // calloutCompressedProps: PropTypes.any,\n\n};\nvar _excluded$x = [\"pageData\", \"config\", \"heroProps\", \"productsProps\", \"featureFullProps\", \"featureProps\", \"calloutProps\", \"calloutMobileProps\", \"calloutCompressedProps\"];\n\nfunction HomeTemplateV3(_ref) {\n var _config$speedBump, _config$speedBump2, _otherProps$footerOpt, _config$speedBump3, _otherProps$speedBump, _config$speedBump4, _otherProps$speedBump2;\n\n var pageData = _ref.pageData,\n config = _ref.config,\n _ref$heroProps = _ref.heroProps,\n heroProps = _ref$heroProps === void 0 ? {} : _ref$heroProps,\n _ref$productsProps = _ref.productsProps,\n productsProps = _ref$productsProps === void 0 ? {} : _ref$productsProps,\n _ref$featureFullProps = _ref.featureFullProps,\n featureFullProps = _ref$featureFullProps === void 0 ? {} : _ref$featureFullProps,\n _ref$featureProps = _ref.featureProps,\n featureProps = _ref$featureProps === void 0 ? {} : _ref$featureProps,\n _ref$calloutProps = _ref.calloutProps,\n calloutProps = _ref$calloutProps === void 0 ? {} : _ref$calloutProps,\n _ref$calloutMobilePro = _ref.calloutMobileProps,\n calloutMobileProps = _ref$calloutMobilePro === void 0 ? {} : _ref$calloutMobilePro,\n _ref$calloutCompresse = _ref.calloutCompressedProps,\n calloutCompressedProps = _ref$calloutCompresse === void 0 ? {} : _ref$calloutCompresse,\n otherProps = _objectWithoutProperties$2(_ref, _excluded$x);\n\n return /*#__PURE__*/React__default$1[\"default\"].createElement(Page, _extends$g({\n headerCompressedVariant: headerCompressedVariantTypes.STANDARD,\n headerDesktopVariant: headerDesktopVariantTypes.STANDARD,\n headerMobileVariant: headerMobileVariantTypes.STANDARD,\n backgroundHeader: \"rgba(32, 0, 9, 0.4)\",\n backgroundMenuHeader: colorsTypes.TRANSPARENT,\n forceCompressHeader: true,\n noFilterLogoHeader: true,\n transparentHeader: true,\n floatHeader: true,\n grayscaleHeader: true,\n topIndicatorHeader: false\n }, otherProps, {\n cms: {\n pageId: \"cu-home-pages\",\n pageData: pageData\n },\n pathname: \"\",\n config: config,\n headerLoginButtonStyles: _objectSpread2({\n isScrollChangeColorButton: true,\n grayscale: true,\n fill: buttonFillTypes.FILLED,\n styleType: buttonStyleTypes.NONE,\n minWidth: 100,\n height: \"auto\",\n padding: \"3px 15px\",\n hoverGrayscaleFilledTextColor: colorsTypes.BLACK,\n hoverGrayscaleFillBackgroundColor: colorsTypes.WHITE,\n fontFamily: fontsFamiliesVariantsTypes.PRIMARY,\n size: textSizesVariantsTypes.SMALL,\n withoutBorderRadius: !((_config$speedBump = config.speedBump) !== null && _config$speedBump !== void 0 && _config$speedBump.borderWithRadious)\n }, (otherProps === null || otherProps === void 0 ? void 0 : otherProps.headerLoginButtonStyles) || {}),\n headerDropdownLoginButtonStyles: _objectSpread2({\n fill: buttonFillTypes.FILLED,\n styleType: buttonStyleTypes.NONE,\n minWidth: 100,\n height: \"auto\",\n padding: \"3px 15px\",\n hoverFilledBackgroundColor: colorsTypes.TRANSPARENT,\n hoverFilledTextColor: colorsTypes.PRIMARY,\n hoverFilledBorderColor: colorsTypes.PRIMARY,\n fontFamily: fontsFamiliesVariantsTypes.PRIMARY,\n size: textSizesVariantsTypes.SMALL,\n withoutBorderRadius: !((_config$speedBump2 = config.speedBump) !== null && _config$speedBump2 !== void 0 && _config$speedBump2.borderWithRadious)\n }, (otherProps === null || otherProps === void 0 ? void 0 : otherProps.headerDropdownLoginButtonStyles) || {}),\n footerOptions: _objectSpread2(_objectSpread2({\n background: colorsTypes.PRIMARY_ULTRA_DARK,\n homeLogoVisible: false\n }, (otherProps === null || otherProps === void 0 ? void 0 : otherProps.footerOptions) || {}), {}, {\n businessCustomLogos: [{\n replaceByIndex: 0,\n url: \"https://olb-assets.s3.us-east-2.amazonaws.com/images/NCUA_Logo.svg\",\n alternativeText: \"NCUA Logo\",\n invert: true,\n linkTo: \"https://www.ncua.gov\"\n }].concat(_toConsumableArray((otherProps === null || otherProps === void 0 || (_otherProps$footerOpt = otherProps.footerOptions) === null || _otherProps$footerOpt === void 0 ? void 0 : _otherProps$footerOpt.businessCustomLogos) || []))\n }),\n speedBumpStyles: _objectSpread2(_objectSpread2({}, otherProps === null || otherProps === void 0 ? void 0 : otherProps.speedBumpStyles), {}, {\n acceptButton: _objectSpread2({\n withoutBorderRadius: !((_config$speedBump3 = config.speedBump) !== null && _config$speedBump3 !== void 0 && _config$speedBump3.borderWithRadious),\n fill: buttonFillTypes.FILLED,\n styleType: buttonStyleTypes.STANDARD,\n hoverFilledTextColor: colorsTypes.PRIMARY_DARK,\n hoverFilledBorderColor: colorsTypes.PRIMARY_DARK,\n hoverFilledBackgroundColor: colorsTypes.TRANSPARENT,\n filledBackgroundColor: colorsTypes.PRIMARY_DARK\n }, (otherProps === null || otherProps === void 0 || (_otherProps$speedBump = otherProps.speedBumpStyles) === null || _otherProps$speedBump === void 0 ? void 0 : _otherProps$speedBump.acceptButton) || {}),\n cancelButton: _objectSpread2({\n withoutBorderRadius: !((_config$speedBump4 = config.speedBump) !== null && _config$speedBump4 !== void 0 && _config$speedBump4.borderWithRadious),\n fill: buttonFillTypes.FILLED,\n styleType: buttonStyleTypes.STANDARD,\n hoverFilledTextColor: colorsTypes.PRIMARY_DARK,\n hoverFilledBorderColor: colorsTypes.PRIMARY_DARK,\n hoverFilledBackgroundColor: colorsTypes.TRANSPARENT,\n filledBackgroundColor: colorsTypes.PRIMARY_DARK\n }, (otherProps === null || otherProps === void 0 || (_otherProps$speedBump2 = otherProps.speedBumpStyles) === null || _otherProps$speedBump2 === void 0 ? void 0 : _otherProps$speedBump2.acceptButton) || {})\n })\n }), function (data) {\n var _data$HerosList, _data$HerosList2, _data$FeatureFullBg, _data$FeaturesV, _config$speedBump5;\n\n var hasProducts = !!data && !lodash.isEmpty(data.Products) && Array.isArray(data.Products) && !!data.Products.length;\n return /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"tw-custom-container\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(Hero$1, _extends$g({\n variant: ((_data$HerosList = data.HerosList) === null || _data$HerosList === void 0 ? void 0 : _data$HerosList.variant) || heroVariantsTypes.CAROUSEL,\n data: ((_data$HerosList2 = data.HerosList) === null || _data$HerosList2 === void 0 ? void 0 : _data$HerosList2.Heros) || data.Heros,\n fullScreen: true,\n gradient: \"radial-gradient(\\n 94.56% 87.43% at 59.93% 95.59%,\\n rgba(249, 240, 242, 0.3) 0%,\\n rgba(79, 0, 23, 0.3) 100%),\\n linear-gradient(\\n 153.01deg,\\n rgba(0, 0, 0, 0.5) 30.9%,\\n rgba(0, 0, 0, 0) 86.82%\\n )\"\n }, heroProps, {\n settings: _objectSpread2({\n navigation: false\n }, heroProps === null || heroProps === void 0 ? void 0 : heroProps.settings),\n buttonStylesProps: _objectSpread2({\n grayscale: true,\n hoverColor: true,\n withoutBorderRadius: true,\n fill: buttonFillTypes.FILLED,\n fontFamily: fontsFamiliesVariantsTypes.PRIMARY\n }, (heroProps === null || heroProps === void 0 ? void 0 : heroProps.buttonStylesProps) || {})\n })), hasProducts && /*#__PURE__*/React__default$1[\"default\"].createElement(React__default$1[\"default\"].Fragment, null, /*#__PURE__*/React__default$1[\"default\"].createElement(Dividers, {\n variant: dividersVariantsTypes.DIVIDER,\n className: \"DIVIDER_PRODUCTS_1 tw-mb-28\"\n }), /*#__PURE__*/React__default$1[\"default\"].createElement(Products, _extends$g({\n data: data.Products,\n customGradient: \"linear-gradient(var(--primary-150-color) 2.57%, var(--primary-110-color) 95.51%);\",\n variant: productsVariantsTypes.HORIZONTAL_COLLECTION,\n typeOfItems: productVariantsTypes.GRADIENT,\n arrowLeftSrc: \"https://olb-assets.s3.us-east-2.amazonaws.com/images/arrow-left-desert-valley.svg\",\n arrowRightSrc: \"https://olb-assets.s3.us-east-2.amazonaws.com/images/arrow-right-desert-valley.svg\"\n }, productsProps, (productsProps === null || productsProps === void 0 ? void 0 : productsProps.getData(data)) || {}, {\n buttonStylesProps: _objectSpread2({\n margin: \"25px auto\",\n minWidth: \"160px\",\n fill: buttonFillTypes.FILLED,\n withoutBorderRadius: true,\n grayscale: true\n }, (productsProps === null || productsProps === void 0 ? void 0 : productsProps.buttonStylesProps) || {})\n })), /*#__PURE__*/React__default$1[\"default\"].createElement(Dividers, {\n variant: dividersVariantsTypes.DIVIDER,\n className: \"DIVIDER_PRODUCTS_2 tw-mb-\".concat(20)\n })), (data === null || data === void 0 ? void 0 : data.FeatureFullBg) && ((_data$FeatureFullBg = data.FeatureFullBg) === null || _data$FeatureFullBg === void 0 ? void 0 : _data$FeatureFullBg.map(function (feature, index) {\n return /*#__PURE__*/React__default$1[\"default\"].createElement(Feature, _extends$g({\n key: \"FeatureFullBg-\".concat(index),\n data: feature,\n variant: featureVariantsTypes.V3,\n lineDivideColor: \"white\"\n }, featureFullProps, {\n buttonStylesProps: _objectSpread2({\n fill: buttonFillTypes.OUTLINE_DARK,\n padding: \"10px 20px\",\n minWidth: \"none\",\n withoutBorderRadius: true,\n grayscale: true,\n grayscaleAndOutlineDarkTextColor: colorsTypes.WHITE,\n hoverGrayscaleOutlineDarkTextColor: colorsTypes.PRIMARY,\n hoverGrayscaleAndOutlineDarkTextColor: colorsTypes.PRIMARY,\n grayscaleAndOutlineDarkBackgroundColor: colorsTypes.TRANSPARENT\n }, (featureFullProps === null || featureFullProps === void 0 ? void 0 : featureFullProps.buttonStylesProps) || {})\n }));\n })), (data === null || data === void 0 ? void 0 : data.FeaturesV2) && ((_data$FeaturesV = data.FeaturesV2) === null || _data$FeaturesV === void 0 ? void 0 : _data$FeaturesV.map(function (feature, index) {\n return /*#__PURE__*/React__default$1[\"default\"].createElement(Feature, _extends$g({\n key: \"FeatureV2-\".concat(index),\n variant: featureVariantsTypes.V4,\n data: feature,\n lineDivideColor: colorsTypes.PRIMARY_SEMI_DARK\n }, featureProps, {\n buttonStylesProps: _objectSpread2({\n fill: buttonFillTypes.OUTLINE_DARK,\n padding: \"10px 20px\",\n minWidth: \"none\",\n withoutBorderRadius: true,\n grayscale: true\n }, (featureProps === null || featureProps === void 0 ? void 0 : featureProps.buttonStylesProps) || {})\n }));\n })), /*#__PURE__*/React__default$1[\"default\"].createElement(Callout$2, _extends$g({\n ultraLight: true,\n darkTitle: true,\n darkDescription: true,\n grayscaleDescription: true,\n variant: calloutVariantsTypes.IMAGE_WITH_GRADIENT,\n data: data.FeatureV1\n }, calloutProps, {\n buttonStylesProps: _objectSpread2({\n padding: \"10px 20px\",\n minWidth: \"none\",\n withoutBorderRadius: true,\n transparent: true\n }, (calloutProps === null || calloutProps === void 0 ? void 0 : calloutProps.buttonStylesProps) || {})\n })), (data === null || data === void 0 ? void 0 : data.CalloutMobileApps) && (data === null || data === void 0 ? void 0 : data.CalloutMobileApps.length) > 0 && data.CalloutMobileApps.map(function (element, index) {\n return /*#__PURE__*/React__default$1[\"default\"].createElement(Callout$2, _extends$g({\n key: \"Mobile_Apps_\".concat(index),\n variant: element.Type || calloutVariantsTypes.MOBILE_APPS,\n data: element\n }, calloutMobileProps));\n }), (data === null || data === void 0 ? void 0 : data.CompressedContent) && (data === null || data === void 0 ? void 0 : data.CompressedContent.length) > 0 && /*#__PURE__*/React__default$1[\"default\"].createElement(CompressedContent, _extends$g({\n data: data\n }, calloutCompressedProps, {\n buttonCustomStyles: _objectSpread2({\n withoutBorderRadius: !((_config$speedBump5 = config.speedBump) !== null && _config$speedBump5 !== void 0 && _config$speedBump5.borderWithRadious),\n fill: buttonFillTypes.FILLED,\n styleType: buttonStyleTypes.STANDARD,\n hoverBackgroundColor: colorsTypes.WHITE,\n filledBackgroundColor: colorsTypes.PRIMARY_DARK\n }, (calloutCompressedProps === null || calloutCompressedProps === void 0 ? void 0 : calloutCompressedProps.buttonCustomStyles) || {})\n })));\n });\n}\n\nHomeTemplateV3.prototype = {\n pageData: PropTypes.any.isRequired,\n config: PropTypes.any.isRequired,\n variant: PropTypes.string,\n heroProps: PropTypes.any,\n productsProps: PropTypes.any,\n featureFullProps: PropTypes.any,\n featureProps: PropTypes.any,\n calloutProps: PropTypes.any,\n calloutMobileProps: PropTypes.any,\n calloutCompressedProps: PropTypes.any\n};\nvar _excluded$w = [\"pageData\", \"config\", \"heroProps\", \"productsProps\", \"featureFullProps\", \"featureProps\", \"calloutProps\", \"calloutMobileProps\"];\n\nfunction HomeTemplateV4(_ref) {\n var _otherProps$footerOpt;\n\n var pageData = _ref.pageData,\n config = _ref.config,\n _ref$heroProps = _ref.heroProps,\n heroProps = _ref$heroProps === void 0 ? {} : _ref$heroProps,\n _ref$productsProps = _ref.productsProps,\n productsProps = _ref$productsProps === void 0 ? {} : _ref$productsProps,\n _ref$featureFullProps = _ref.featureFullProps,\n featureFullProps = _ref$featureFullProps === void 0 ? {} : _ref$featureFullProps,\n _ref$featureProps = _ref.featureProps,\n featureProps = _ref$featureProps === void 0 ? {} : _ref$featureProps,\n _ref$calloutProps = _ref.calloutProps,\n calloutProps = _ref$calloutProps === void 0 ? {} : _ref$calloutProps,\n _ref$calloutMobilePro = _ref.calloutMobileProps,\n calloutMobileProps = _ref$calloutMobilePro === void 0 ? {} : _ref$calloutMobilePro,\n otherProps = _objectWithoutProperties$2(_ref, _excluded$w);\n\n return /*#__PURE__*/React__default$1[\"default\"].createElement(Page, _extends$g({\n transparentHeader: true,\n floatHeader: true,\n grayscaleHeader: true,\n backgroundScreenHeader: true,\n headerLogoFilterEffect: [],\n topIndicatorHeader: false\n }, otherProps, {\n cms: {\n pageId: \"cu-home-pages\",\n pageData: pageData\n },\n pathname: \"\",\n config: config,\n headerLoginButtonStyles: _objectSpread2({\n withoutBorderRadius: true\n }, (otherProps === null || otherProps === void 0 ? void 0 : otherProps.headerLoginButtonStyles) || {}),\n footerOptions: _objectSpread2(_objectSpread2({\n background: colorsTypes.PRIMARY_ULTRA_DARK,\n homeLogoVisible: false\n }, (otherProps === null || otherProps === void 0 ? void 0 : otherProps.footerOptions) || {}), {}, {\n businessCustomLogos: [{\n replaceByIndex: 0,\n url: \"https://olb-assets.s3.us-east-2.amazonaws.com/images/NCUA_Logo.svg\",\n alternativeText: \"NCUA Logo\",\n invert: true,\n linkTo: \"https://www.ncua.gov\"\n }].concat(_toConsumableArray((otherProps === null || otherProps === void 0 || (_otherProps$footerOpt = otherProps.footerOptions) === null || _otherProps$footerOpt === void 0 ? void 0 : _otherProps$footerOpt.businessCustomLogos) || []))\n })\n }), function (data) {\n var _data$HerosList, _data$HerosList2, _data$FeatureFullBg, _data$FeaturesV;\n\n return /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"tw-custom-container\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(Hero$1, _extends$g({\n variant: ((_data$HerosList = data.HerosList) === null || _data$HerosList === void 0 ? void 0 : _data$HerosList.variant) || heroVariantsTypes.CAROUSEL,\n data: ((_data$HerosList2 = data.HerosList) === null || _data$HerosList2 === void 0 ? void 0 : _data$HerosList2.Heros) || data.Heros,\n fullScreen: true,\n buttonHoverBackgroundColor: colorsTypes.PRIMARY_SEMI_DARK,\n buttonHoverDefaultBorderColor: colorsTypes.PRIMARY_SEMI_DARK,\n buttonHoverOutlineAndColorBorderColor: colorsTypes.PRIMARY_SEMI_DARK,\n buttonFill: buttonFillTypes.FILLED,\n buttonGrayscale: true,\n buttonHoverColor: true,\n buttonWithoutBorderRadius: true,\n gradient: \"radial-gradient(\\n 80.81% 115.03% at 64.44% 85.88%,\\n rgba(3, 6, 33, 0) 0%,\\n rgba(3, 13, 33, 0.5) 100%)\"\n }, heroProps)), /*#__PURE__*/React__default$1[\"default\"].createElement(Dividers, {\n variant: dividersVariantsTypes.DIVIDER,\n className: \"tw-mb-\".concat(28)\n }), /*#__PURE__*/React__default$1[\"default\"].createElement(Products, _extends$g({\n data: data.Products,\n centralLink: data.CentralLink,\n variant: productsVariantsTypes.LIST,\n typeOfItems: productVariantsTypes.DIVIDED_BY_GRADIENT,\n productGradientColors: [colorsTypes.PRIMARY_SEMI_DARK, colorsTypes.PRIMARY_SEMI_DARK],\n buttonHoverOutline: true,\n buttonWithoutBorderRadius: true\n }, productsProps, {\n buttonStylesProps: _objectSpread2({\n hoverColor: colorsTypes.PRIMARY_SEMI_DARK,\n defaultBackgroundColor: colorsTypes.PRIMARY_SEMI_DARK,\n filledBackgroundColor: colorsTypes.PRIMARY_SEMI_DARK,\n filledBorderColor: colorsTypes.PRIMARY_SEMI_DARK,\n defaultBorderColor: colorsTypes.PRIMARY_SEMI_DARK,\n hoverFilledBorderColor: colorsTypes.PRIMARY_SEMI_DARK,\n hoverOutlineAndColorBorderColor: colorsTypes.PRIMARY_SEMI_DARK,\n hoverOutlineTextColor: colorsTypes.PRIMARY_SEMI_DARK,\n hoverDefaultBorderColor: colorsTypes.PRIMARY_SEMI_DARK,\n hoverFilledTextColor: colorsTypes.PRIMARY_SEMI_DARK,\n hoverDefaultTextColor: colorsTypes.PRIMARY_SEMI_DARK\n }, (productsProps === null || productsProps === void 0 ? void 0 : productsProps.buttonStylesProps) || {})\n })), (data === null || data === void 0 ? void 0 : data.FeatureFullBg) && ((_data$FeatureFullBg = data.FeatureFullBg) === null || _data$FeatureFullBg === void 0 ? void 0 : _data$FeatureFullBg.map(function (feature, index) {\n return /*#__PURE__*/React__default$1[\"default\"].createElement(Feature, _extends$g({\n key: \"FeatureV3-\".concat(index),\n data: feature,\n variant: featureVariantsTypes.V3,\n buttonFill: buttonFillTypes.FILLED,\n lineDivideColor: colorsTypes.WHITE\n }, featureFullProps, {\n buttonStylesProps: _objectSpread2({\n padding: \"10px 20px\",\n minWidth: \"none\",\n withoutBorderRadius: true,\n filledBackgroundColor: colorsTypes.TRANSPARENT,\n filledBorderColor: colorsTypes.WHITE,\n filledTextColor: colorsTypes.WHITE,\n hoverBackgroundColor: colorsTypes.WHITE,\n hoverFilledTextColor: colorsTypes.WHITE,\n hoverDefaultBorderColor: colorsTypes.WHITE,\n hoverFilledBorderColor: colorsTypes.WHITE\n }, (featureFullProps === null || featureFullProps === void 0 ? void 0 : featureFullProps.buttonStylesProps) || {})\n }));\n })), (data === null || data === void 0 ? void 0 : data.FeaturesV2) && ((_data$FeaturesV = data.FeaturesV2) === null || _data$FeaturesV === void 0 ? void 0 : _data$FeaturesV.map(function (feature, index) {\n return /*#__PURE__*/React__default$1[\"default\"].createElement(Feature, _extends$g({\n key: \"FeatureV2-\".concat(index),\n variant: featureVariantsTypes.V4,\n data: feature // buttonStyleType={buttonStyleTypes.PILL}\n ,\n buttonFill: buttonFillTypes.FILLED,\n lineDivideColor: colorsTypes.PRIMARY_SEMI_DARK,\n buttonStylesProps: {\n padding: \"10px 20px\",\n minWidth: \"none\",\n withoutBorderRadius: true,\n filledBackgroundColor: colorsTypes.TRANSPARENT,\n filledBorderColor: colorsTypes.PRIMARY_SEMI_DARK,\n filledTextColor: colorsTypes.PRIMARY_SEMI_DARK,\n hoverBackgroundColor: colorsTypes.PRIMARY_SEMI_DARK,\n hoverFilledTextColor: colorsTypes.WHITE,\n hoverDefaultBorderColor: colorsTypes.PRIMARY_SEMI_DARK,\n hoverFilledBorderColor: colorsTypes.PRIMARY_SEMI_DARK\n }\n }, featureProps));\n })), /*#__PURE__*/React__default$1[\"default\"].createElement(Callout$2, _extends$g({\n ultraLight: true,\n grayscaleDescription: true,\n variant: calloutVariantsTypes.IMAGE_WITH_GRADIENT,\n data: data.FeatureV1\n }, calloutProps, {\n buttonStylesProps: _objectSpread2({\n padding: \"10px 20px\",\n minWidth: \"none\",\n withoutBorderRadius: true,\n filledBackgroundColor: colorsTypes.TRANSPARENT,\n filledBorderColor: colorsTypes.PRIMARY_SEMI_DARK,\n filledTextColor: colorsTypes.PRIMARY_SEMI_DARK,\n hoverFilledTextColor: colorsTypes.WHITE,\n hoverDefaultBorderColor: colorsTypes.PRIMARY_SEMI_DARK,\n hoverFilledBorderColor: colorsTypes.PRIMARY_SEMI_DARK,\n buttonWithoutBorderRadius: true,\n hoverBackgroundColor: colorsTypes.PRIMARY_SEMI_DARK,\n hoverFilledBackgroundColor: colorsTypes.PRIMARY_SEMI_DARK,\n hoverColor: colorsTypes.WHITE,\n hoverBorderColor: colorsTypes.PRIMARY_SEMI_DARK,\n defaultBorderColor: colorsTypes.PRIMARY_SEMI_DARK,\n defaultTextColor: colorsTypes.PRIMARY_SEMI_DARK,\n transparent: true\n }, (calloutProps === null || calloutProps === void 0 ? void 0 : calloutProps.buttonStylesProps) || {})\n })), (data === null || data === void 0 ? void 0 : data.CalloutMobileApps) && (data === null || data === void 0 ? void 0 : data.CalloutMobileApps.length) > 0 && data.CalloutMobileApps.map(function (element, index) {\n return /*#__PURE__*/React__default$1[\"default\"].createElement(Callout$2, _extends$g({\n key: \"Mobile_Apps_\".concat(index),\n variant: element.Type || calloutVariantsTypes.MOBILE_APPS,\n data: element\n }, calloutMobileProps));\n }));\n });\n}\n\nHomeTemplateV4.prototype = {\n pageData: PropTypes.any.isRequired,\n config: PropTypes.any.isRequired,\n variant: PropTypes.string,\n heroProps: PropTypes.any,\n productsProps: PropTypes.any,\n featureFullProps: PropTypes.any,\n featureProps: PropTypes.any,\n calloutProps: PropTypes.any,\n calloutMobileProps: PropTypes.any // calloutCompressedProps: PropTypes.any,\n\n};\nvar _excluded$v = [\"pageData\", \"config\", \"heroProps\", \"productsProps\", \"featureFullProps\", \"featureProps\", \"calloutProps\", \"calloutMobileProps\"];\n\nfunction HomeTemplateV5(_ref) {\n var _otherProps$footerOpt, _config$speedBump, _config$speedBump2, _otherProps$speedBump, _config$speedBump3, _otherProps$speedBump2;\n\n var pageData = _ref.pageData,\n config = _ref.config,\n _ref$heroProps = _ref.heroProps,\n heroProps = _ref$heroProps === void 0 ? {} : _ref$heroProps,\n _ref$productsProps = _ref.productsProps,\n productsProps = _ref$productsProps === void 0 ? {} : _ref$productsProps,\n _ref$featureFullProps = _ref.featureFullProps,\n featureFullProps = _ref$featureFullProps === void 0 ? {} : _ref$featureFullProps,\n _ref$featureProps = _ref.featureProps,\n featureProps = _ref$featureProps === void 0 ? {} : _ref$featureProps,\n _ref$calloutProps = _ref.calloutProps,\n calloutProps = _ref$calloutProps === void 0 ? {} : _ref$calloutProps,\n _ref$calloutMobilePro = _ref.calloutMobileProps,\n calloutMobileProps = _ref$calloutMobilePro === void 0 ? {} : _ref$calloutMobilePro,\n otherProps = _objectWithoutProperties$2(_ref, _excluded$v);\n\n return /*#__PURE__*/React__default$1[\"default\"].createElement(Page, _extends$g({\n transparentHeader: true,\n floatHeader: true,\n grayscaleHeader: true,\n pageTitleProps: true,\n darkHeader: true,\n backgroundScreenHeader: true,\n noFilterLogoHeader: true,\n forceShowItemsHeader: true,\n topIndicatorHeader: false,\n backgroundMenuHeader: colorsTypes.PRIMARY_VERY_ULTRA_LIGHT,\n menuSubLinksListBorderColorHeader: colorsTypes.SECONDARY,\n menuSubLinksListBackgroundHeader: colorsTypes.PRIMARY_VERY_ULTRA_LIGHT,\n menuSubLinksTitleColorHeader: colorsTypes.PRIMARY_ULTRA_DARK,\n subLinksItemActiveTitleColorHeader: colorsTypes.PRIMARY,\n menuSubLinksItemTitleColorHeader: colorsTypes.SECONDARY\n }, otherProps, {\n cms: {\n pageId: \"cu-home-pages\",\n pageData: pageData\n },\n pathname: \"\",\n config: config,\n footerOptions: _objectSpread2(_objectSpread2({\n background: colorsTypes.PRIMARY_ULTRA_DARK,\n // powerByImg: \"\",\n bottomSectionMargin: 0\n }, (otherProps === null || otherProps === void 0 ? void 0 : otherProps.footerOptions) || {}), {}, {\n businessCustomLogos: [{\n replaceByIndex: 0,\n url: \"https://olb-assets.s3.us-east-2.amazonaws.com/images/NCUA_Logo.svg\",\n alternativeText: \"NCUA Logo\",\n invert: true,\n linkTo: \"https://www.ncua.gov\"\n }].concat(_toConsumableArray((otherProps === null || otherProps === void 0 || (_otherProps$footerOpt = otherProps.footerOptions) === null || _otherProps$footerOpt === void 0 ? void 0 : _otherProps$footerOpt.businessCustomLogos) || []))\n }),\n navigationMenuOptions: _objectSpread2({\n menuSubItemTitleColor: colorsTypes.SECONDARY,\n menuSubItemTitleActiveColor: colorsTypes.SECONDARY,\n menuActiveBorderColor: colorsTypes.BLACK,\n itemBackgroundColor: colorsTypes.BLACK,\n dropdownSeparationFromBottom: 0\n }, (otherProps === null || otherProps === void 0 ? void 0 : otherProps.navigationMenuOptions) || {}),\n headerLoginButtonStyles: _objectSpread2({\n fill: buttonFillTypes.FILLED,\n withoutBorderRadius: !((_config$speedBump = config.speedBump) !== null && _config$speedBump !== void 0 && _config$speedBump.borderWithRadious),\n styleType: buttonStyleTypes.STANDARD,\n filledBackgroundColor: colorsTypes.SECONDARY,\n hoverFilledBackgroundColor: colorsTypes.TRANSPARENT,\n hoverFilledBorderColor: colorsTypes.SECONDARY,\n hoverFilledTextColor: colorsTypes.SECONDARY,\n height: 30,\n padding: \"2px 17px\"\n }, (otherProps === null || otherProps === void 0 ? void 0 : otherProps.headerLoginButtonStyles) || {}),\n speedBumpStyles: _objectSpread2(_objectSpread2({}, otherProps === null || otherProps === void 0 ? void 0 : otherProps.speedBumpStyles), {}, {\n acceptButton: _objectSpread2({\n withoutBorderRadius: !((_config$speedBump2 = config.speedBump) !== null && _config$speedBump2 !== void 0 && _config$speedBump2.borderWithRadious),\n fill: buttonFillTypes.FILLED,\n styleType: buttonStyleTypes.STANDARD,\n hoverFilledTextColor: colorsTypes.PRIMARY_DARK,\n hoverFilledBorderColor: colorsTypes.PRIMARY_DARK,\n hoverFilledBackgroundColor: colorsTypes.TRANSPARENT,\n filledBackgroundColor: colorsTypes.PRIMARY_DARK\n }, (otherProps === null || otherProps === void 0 || (_otherProps$speedBump = otherProps.speedBumpStyles) === null || _otherProps$speedBump === void 0 ? void 0 : _otherProps$speedBump.acceptButton) || {}),\n cancelButton: _objectSpread2({\n withoutBorderRadius: !((_config$speedBump3 = config.speedBump) !== null && _config$speedBump3 !== void 0 && _config$speedBump3.borderWithRadious),\n fill: buttonFillTypes.FILLED,\n styleType: buttonStyleTypes.STANDARD,\n hoverFilledTextColor: colorsTypes.PRIMARY_DARK,\n hoverFilledBorderColor: colorsTypes.PRIMARY_DARK,\n hoverFilledBackgroundColor: colorsTypes.TRANSPARENT,\n filledBackgroundColor: colorsTypes.PRIMARY_DARK\n }, (otherProps === null || otherProps === void 0 || (_otherProps$speedBump2 = otherProps.speedBumpStyles) === null || _otherProps$speedBump2 === void 0 ? void 0 : _otherProps$speedBump2.acceptButton) || {})\n })\n }), function (data) {\n var _data$HerosList, _config$speedBump4, _config$speedBump5, _data$FeatureFullBg, _data$FeaturesV, _data$CalloutMobileAp;\n\n return /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"tw-custom-container\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(Hero$1, _extends$g({\n titleColor: colorsTypes.PRIMARY_ULTRA_DARK // variant={data.HerosList?.variant || heroVariantsTypes.CAROUSEL}\n ,\n variant: heroVariantsTypes.CAROUSEL,\n data: ((_data$HerosList = data.HerosList) === null || _data$HerosList === void 0 ? void 0 : _data$HerosList.Heros) || data.Heros,\n fullScreen: true,\n gradient: \"linear-gradient(299.89deg, rgba(147, 131, 87, 0.02) -57.56%, rgba(255, 255, 255, 0.08) 100%), linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.4))\"\n }, heroProps, {\n buttonStylesProps: _objectSpread2({\n fill: buttonFillTypes.FILLED,\n withoutBorderRadius: !((_config$speedBump4 = config.speedBump) !== null && _config$speedBump4 !== void 0 && _config$speedBump4.borderWithRadious),\n styleType: buttonStyleTypes.STANDARD,\n filledBackgroundColor: colorsTypes.SECONDARY,\n hoverFilledBackgroundColor: colorsTypes.TRANSPARENT,\n hoverFilledBorderColor: colorsTypes.SECONDARY,\n hoverFilledTextColor: colorsTypes.SECONDARY,\n height: 50\n }, (heroProps === null || heroProps === void 0 ? void 0 : heroProps.buttonStylesProps) || {}),\n settings: _objectSpread2({\n navigation: false\n }, (heroProps === null || heroProps === void 0 ? void 0 : heroProps.settings) || {})\n })), /*#__PURE__*/React__default$1[\"default\"].createElement(Dividers, {\n variant: dividersVariantsTypes.DIVIDER,\n className: \"tw-mb-\".concat(28)\n }), /*#__PURE__*/React__default$1[\"default\"].createElement(Products, _extends$g({\n wrapProducts: true,\n data: data.Products,\n centralLink: data.CentralLink,\n variant: productsVariantsTypes.LIST,\n typeOfItems: productVariantsTypes.DIVIDED_BY_GRADIENT,\n productWidth: 200,\n productMaxWidth: 200,\n colorDivider: colorsTypes.SECONDARY,\n titleColor: colorsVariantsTypes.PRIMARY_ULTRA_DARK,\n subTitleColor: colorsVariantsTypes.PRIMARY_ULTRA_DARK,\n priceColor: colorsVariantsTypes.PRIMARY_ULTRA_DARK,\n priceSubColor: colorsVariantsTypes.PRIMARY,\n dividerOpacity: 1,\n dividerWithoutGradient: true\n }, productsProps, {\n buttonStylesProps: _objectSpread2({\n fill: buttonFillTypes.FILLED,\n withoutBorderRadius: !((_config$speedBump5 = config.speedBump) !== null && _config$speedBump5 !== void 0 && _config$speedBump5.borderWithRadious),\n styleType: buttonStyleTypes.STANDARD,\n filledBackgroundColor: colorsTypes.SECONDARY,\n hoverFilledBackgroundColor: colorsTypes.TRANSPARENT,\n hoverFilledBorderColor: colorsTypes.SECONDARY,\n hoverFilledTextColor: colorsTypes.SECONDARY,\n padding: \"7px 17px\"\n }, (productsProps === null || productsProps === void 0 ? void 0 : productsProps.buttonStylesProps) || {})\n })), (data === null || data === void 0 ? void 0 : data.FeatureFullBg) && ((_data$FeatureFullBg = data.FeatureFullBg) === null || _data$FeatureFullBg === void 0 ? void 0 : _data$FeatureFullBg.map(function (feature, index) {\n return /*#__PURE__*/React__default$1[\"default\"].createElement(Feature, _extends$g({\n key: \"FeatureV3-\".concat(index),\n variant: featureVariantsTypes.V3,\n data: feature,\n lineDivideColor: colorsTypes.WHITE\n }, featureFullProps, {\n buttonStylesProps: _objectSpread2({\n padding: \"10px 20px\",\n minWidth: \"none\",\n transparent: true,\n grayscale: true,\n grayscaleBorderColor: colorsTypes.PRIMARY_ULTRA_DARK,\n grayscaleTextColor: colorsTypes.PRIMARY_ULTRA_DARK,\n hoverGrayscaleBorderColor: colorsTypes.PRIMARY_ULTRA_DARK,\n hoverGrayscaleBackgroundColor: colorsTypes.PRIMARY_ULTRA_DARK,\n hoverGrayscaleTextColor: colorsTypes.WHITE,\n hoverDarkOutlineTextColor: colorsTypes.WHITE\n }, (featureFullProps === null || featureFullProps === void 0 ? void 0 : featureFullProps.buttonStylesProps) || {})\n }));\n })), (data === null || data === void 0 ? void 0 : data.FeaturesV2) && ((_data$FeaturesV = data.FeaturesV2) === null || _data$FeaturesV === void 0 ? void 0 : _data$FeaturesV.map(function (feature, index) {\n return /*#__PURE__*/React__default$1[\"default\"].createElement(Feature, _extends$g({\n key: \"FeatureV2-\".concat(index),\n variant: featureVariantsTypes.V4,\n data: feature,\n lineDivideColor: colorsTypes.SECONDARY\n }, featureProps, {\n buttonStylesProps: _objectSpread2({\n padding: \"10px 20px\",\n minWidth: \"none\",\n transparent: true,\n grayscale: true,\n grayscaleBorderColor: colorsTypes.PRIMARY_ULTRA_DARK,\n grayscaleTextColor: colorsTypes.PRIMARY_ULTRA_DARK,\n hoverGrayscaleBorderColor: colorsTypes.PRIMARY_ULTRA_DARK,\n hoverGrayscaleBackgroundColor: colorsTypes.PRIMARY_ULTRA_DARK,\n hoverGrayscaleTextColor: colorsTypes.WHITE,\n hoverDarkOutlineTextColor: colorsTypes.WHITE\n }, (featureProps === null || featureProps === void 0 ? void 0 : featureProps.buttonStylesProps) || {})\n }));\n })), /*#__PURE__*/React__default$1[\"default\"].createElement(Callout$2, _extends$g({\n ultraLight: true,\n primaryTitle: true,\n radial: true,\n withoutOpacity: true,\n variant: calloutVariantsTypes.IMAGE_WITH_GRADIENT,\n data: data.FeatureV1,\n config: config\n }, calloutProps, {\n buttonStylesProps: _objectSpread2({\n padding: \"10px 20px\",\n minWidth: \"none\",\n fill: buttonFillTypes.OUTLINE_DARK,\n grayscale: true,\n grayscaleOutlineDarkBorderColor: colorsTypes.PRIMARY_ULTRA_DARK,\n grayscaleAndOutlineDarkTextColor: colorsTypes.PRIMARY_ULTRA_DARK,\n hoverGrayscaleOutlineBackgroundColor: colorsTypes.PRIMARY_ULTRA_DARK,\n hoverGrayscaleOutlineBorderColor: colorsTypes.PRIMARY_ULTRA_DARK,\n hoverGrayscaleOutlineDarkTextColor: colorsTypes.WHITE\n }, (calloutProps === null || calloutProps === void 0 ? void 0 : calloutProps.buttonStylesProps) || {})\n })), (data === null || data === void 0 ? void 0 : data.CalloutMobileApps) && (data === null || data === void 0 ? void 0 : data.CalloutMobileApps.length) > 0 && (data === null || data === void 0 || (_data$CalloutMobileAp = data.CalloutMobileApps) === null || _data$CalloutMobileAp === void 0 ? void 0 : _data$CalloutMobileAp.map(function (element, index) {\n return /*#__PURE__*/React__default$1[\"default\"].createElement(Callout$2, _extends$g({\n key: \"Mobile_Apps_\".concat(index),\n variant: element.Type || calloutVariantsTypes.MOBILE_APPS,\n data: element\n }, calloutMobileProps, {\n buttonStylesProps: _objectSpread2({\n padding: \"10px 20px\",\n minWidth: \"none\",\n fill: buttonFillTypes.OUTLINE_DARK,\n grayscale: true,\n grayscaleOutlineDarkBorderColor: colorsTypes.PRIMARY_ULTRA_DARK,\n grayscaleAndOutlineDarkTextColor: colorsTypes.PRIMARY_ULTRA_DARK,\n hoverGrayscaleOutlineBackgroundColor: colorsTypes.PRIMARY_ULTRA_DARK,\n hoverGrayscaleOutlineBorderColor: colorsTypes.PRIMARY_ULTRA_DARK,\n hoverGrayscaleOutlineDarkTextColor: colorsTypes.WHITE\n }, (calloutMobileProps === null || calloutMobileProps === void 0 ? void 0 : calloutMobileProps.buttonStylesProps) || {})\n }));\n })));\n });\n}\n\nHomeTemplateV5.prototype = {\n pageData: PropTypes.any.isRequired,\n config: PropTypes.any.isRequired,\n variant: PropTypes.string,\n heroProps: PropTypes.any,\n productsProps: PropTypes.any,\n featureFullProps: PropTypes.any,\n featureProps: PropTypes.any,\n calloutProps: PropTypes.any,\n calloutMobileProps: PropTypes.any // calloutCompressedProps: PropTypes.any,\n\n};\nvar _excluded$u = [\"pageData\", \"config\", \"heroProps\", \"productsProps\", \"featureProps\", \"calloutProps\"];\n\nfunction HomeTemplateV6(_ref) {\n var _config$speedBump, _otherProps$footerOpt;\n\n var pageData = _ref.pageData,\n config = _ref.config,\n _ref$heroProps = _ref.heroProps,\n heroProps = _ref$heroProps === void 0 ? {} : _ref$heroProps,\n _ref$productsProps = _ref.productsProps,\n productsProps = _ref$productsProps === void 0 ? {} : _ref$productsProps,\n _ref$featureProps = _ref.featureProps,\n featureProps = _ref$featureProps === void 0 ? {} : _ref$featureProps,\n _ref$calloutProps = _ref.calloutProps,\n calloutProps = _ref$calloutProps === void 0 ? {} : _ref$calloutProps,\n otherProps = _objectWithoutProperties$2(_ref, _excluded$u);\n\n return /*#__PURE__*/React__default$1[\"default\"].createElement(Page, _extends$g({\n floatHeader: true,\n forceShowHeader: true,\n topIndicatorHeader: true,\n noFilterLogoHeader: true,\n transparent: true,\n isTopBorder: true,\n backgroundMenuHeader: colorsTypes.TRANSPARENT,\n menuSubLinksListBorderColorHeader: colorsTypes.SECONDARY,\n menuSubLinksListBackgroundHeader: colorsTypes.HIGHT_LIGHT_PRIMARY,\n menuSubLinksTitleColorHeader: colorsTypes.PRIMARY_ULTRA_DARK,\n subLinksItemActiveTitleColorHeader: colorsTypes.PRIMARY,\n menuSubLinksItemTitleColorHeader: colorsTypes.ULTRA_LIGHT\n }, otherProps, {\n cms: {\n pageId: \"cu-home-pages\",\n pageData: pageData\n },\n pathname: \"\",\n config: config,\n navigationOptions: _objectSpread2({}, (otherProps === null || otherProps === void 0 ? void 0 : otherProps.navigationOptions) || {}),\n navigationMenuOptions: _objectSpread2({\n subMenuGrayscaleBackgroundColor: colorsTypes.PRIMARY_VERY_ULTRA_LIGHT,\n subMenuBackgroundColor: colorsTypes.PRIMARY_VERY_ULTRA_LIGHT\n }, (otherProps === null || otherProps === void 0 ? void 0 : otherProps.navigationMenuOptions) || {}),\n headerLoginButtonStyles: _objectSpread2({\n withoutBorderRadius: !((_config$speedBump = config.speedBump) !== null && _config$speedBump !== void 0 && _config$speedBump.borderWithRadious),\n fill: buttonFillTypes.FILLED,\n styleType: buttonStyleTypes.NONE,\n hoverFilledBackgroundColor: colorsTypes.PRIMARY_LIGHT,\n hoverFilledBorderColor: colorsTypes.PRIMARY_LIGHT,\n hoverFilledTextColor: colorsTypes.WHITE,\n radius: 10,\n padding: \"2px 15px\"\n }, (otherProps === null || otherProps === void 0 ? void 0 : otherProps.headerLoginButtonStyles) || {}),\n footerOptions: _objectSpread2(_objectSpread2({}, (otherProps === null || otherProps === void 0 ? void 0 : otherProps.footerOptions) || {}), {}, {\n businessCustomLogos: [{\n replaceByIndex: 0,\n url: \"https://olb-assets.s3.us-east-2.amazonaws.com/images/NCUA_Logo.svg\",\n alternativeText: \"NCUA Logo\",\n invert: true,\n linkTo: \"https://www.ncua.gov\"\n }].concat(_toConsumableArray((otherProps === null || otherProps === void 0 || (_otherProps$footerOpt = otherProps.footerOptions) === null || _otherProps$footerOpt === void 0 ? void 0 : _otherProps$footerOpt.businessCustomLogos) || []))\n })\n }), function (data) {\n var _data$HerosList, _data$HerosList2, _config$speedBump2, _config$speedBump3, _data$FeaturesV, _config$speedBump5;\n\n return /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"tw-custom-container\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(Hero$1, _extends$g({\n variant: ((_data$HerosList = data.HerosList) === null || _data$HerosList === void 0 ? void 0 : _data$HerosList.variant) || heroVariantsTypes.CAROUSEL_CENTRAL,\n data: ((_data$HerosList2 = data.HerosList) === null || _data$HerosList2 === void 0 ? void 0 : _data$HerosList2.Heros) || data.Heros,\n titleColor: colorsTypes.WHITE,\n subTextColor: colorsTypes.WHITE,\n hoverBackgroundColor: colorsTypes.WHITE,\n hoverGrayscaleFillBackgroundColor: colorsTypes.PRIMARY_SEMI_DARK,\n hoverGrayscaleBorderColor: colorsTypes.PRIMARY_SEMI_DARK,\n transparent: true,\n hoverFilledBorderColor: colorsTypes.ULTRA_LIGHT,\n grayscaleAndOutlineBorderColor: colorsTypes.WHITE,\n grayscaleAndOutlineTextColor: colorsTypes.WHITE,\n darkGrayscaleAndOutlineBorderColor: colorsTypes.WHITE,\n hoverAndNotOutlineTextColor: colorsTypes.WHITE,\n hoverColor: true,\n grayscaleTextColor: true,\n outline: true,\n gradient: \"radial-gradient(\\n 80.81% 115.03% at 64.44% 85.88%,\\n rgba(3, 6, 33, 0) 0%,\\n rgba(3, 13, 33, 0.5) 100%)\"\n }, heroProps, {\n buttonStylesProps: _objectSpread2({\n padding: \"10px 25px 10px 25px\",\n grayscale: true,\n transparent: true,\n hoverTransparent: true,\n hoverGrayscaleOutlineBorderColor: colorsTypes.SEMI_DARK,\n hoverGrayscaleOutlineDarkTextColor: colorsTypes.SEMI_DARK,\n fill: buttonFillTypes.OUTLINE_DARK,\n withoutBorderRadius: !((_config$speedBump2 = config.speedBump) !== null && _config$speedBump2 !== void 0 && _config$speedBump2.borderWithRadious),\n styleType: buttonStyleTypes.NONE,\n height: 50\n }, (heroProps === null || heroProps === void 0 ? void 0 : heroProps.buttonStylesProps) || {}),\n settings: _objectSpread2({\n navigation: false\n }, (heroProps === null || heroProps === void 0 ? void 0 : heroProps.settings) || {})\n })), /*#__PURE__*/React__default$1[\"default\"].createElement(Dividers, {\n variant: dividersVariantsTypes.DIVIDER,\n className: \"tw-mb-20 lg:tw-mb-28\"\n }), /*#__PURE__*/React__default$1[\"default\"].createElement(Products, _extends$g({\n priceColor: colorsTypes.PRIMARY,\n priceSubColor: colorsTypes.PRIMARY,\n subTitleColor: colorsTypes.PRIMARY,\n titleColor: colorsTypes.PRIMARY,\n productGrid: \"flex\",\n wrapProducts: true,\n borderColor: colorsVariantsTypes.ULTRA_LIGHT,\n data: data.Products,\n centralLink: data.CentralLink,\n variant: productsVariantsTypes.LIST,\n typeOfItems: productVariantsTypes.OUTLINE,\n productWidth: 200,\n width: 300,\n productMaxWidth: 200,\n colorDivider: colorsTypes.SECONDARY,\n dividerOpacity: 1,\n dividerWithoutGradient: true\n }, productsProps, {\n buttonStylesProps: _objectSpread2({\n fill: buttonFillTypes.FILLED,\n styleType: buttonStyleTypes.NONE,\n withoutBorderRadius: !((_config$speedBump3 = config.speedBump) !== null && _config$speedBump3 !== void 0 && _config$speedBump3.borderWithRadious),\n hoverFilledBackgroundColor: colorsTypes.PRIMARY_LIGHT,\n hoverFilledBorderColor: colorsTypes.PRIMARY_LIGHT,\n hoverFilledTextColor: colorsTypes.WHITE,\n radius: 15,\n padding: \"7px 17px\"\n }, (productsProps === null || productsProps === void 0 ? void 0 : productsProps.buttonStylesProps) || {})\n })), /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"HOME_TEMPLATE_V6__FEATURES_V2__CONTAINER tw-container\"\n }, (_data$FeaturesV = data.FeaturesV2) === null || _data$FeaturesV === void 0 ? void 0 : _data$FeaturesV.map(function (feature, index) {\n var _config$speedBump4;\n\n return /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n key: \"FeatureV2-\".concat(index),\n className: \"tw-my-24 lg:tw-my-48\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(Feature, _extends$g({\n variant: featureVariantsTypes.V5,\n data: feature,\n buttonFill: buttonFillTypes.FILLED,\n lineDivideColor: colorsTypes.PRIMARY\n }, featureProps, {\n imgStyles: _objectSpread2({\n padding: \"0 13%\",\n borderRadius: \"4em / 1em;\"\n }, (featureProps === null || featureProps === void 0 ? void 0 : featureProps.imgStyles) || {}),\n contentStyles: _objectSpread2({\n padding: \"20px 13% 10px 13%\"\n }, (featureProps === null || featureProps === void 0 ? void 0 : featureProps.contentStyles) || {}),\n descriptionStyles: _objectSpread2({\n padding: \"10px 0\"\n }, (featureProps === null || featureProps === void 0 ? void 0 : featureProps.descriptionStyles) || {}),\n buttonStylesProps: _objectSpread2({\n fill: buttonFillTypes.FILLED,\n styleType: buttonStyleTypes.NONE,\n withoutBorderRadius: !((_config$speedBump4 = config.speedBump) !== null && _config$speedBump4 !== void 0 && _config$speedBump4.borderWithRadious),\n hoverFilledBackgroundColor: colorsTypes.PRIMARY_LIGHT,\n hoverFilledBorderColor: colorsTypes.PRIMARY_LIGHT,\n hoverFilledTextColor: colorsTypes.WHITE,\n radius: 10\n }, (featureProps === null || featureProps === void 0 ? void 0 : featureProps.buttonStylesProps) || {})\n })));\n })), /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"HOME_TEMPLATE_V6__CALLOUT_GRADIENT__CONTAINER tw-container\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(Callout$2, _extends$g({\n ultraLight: true,\n darkTitle: true,\n darkDescription: true,\n grayscaleDescription: true,\n containerPadding: true,\n variant: calloutVariantsTypes.IMAGE_WITH_GRADIENT_AND_PADDING,\n data: data.FeatureV1\n }, calloutProps, {\n buttonStylesProps: _objectSpread2({\n fill: buttonFillTypes.FILLED,\n styleType: buttonStyleTypes.NONE,\n withoutBorderRadius: !((_config$speedBump5 = config.speedBump) !== null && _config$speedBump5 !== void 0 && _config$speedBump5.borderWithRadious),\n hoverFilledBackgroundColor: colorsTypes.PRIMARY_LIGHT,\n hoverFilledBorderColor: colorsTypes.PRIMARY_LIGHT,\n hoverFilledTextColor: colorsTypes.WHITE,\n radius: 10\n }, (calloutProps === null || calloutProps === void 0 ? void 0 : calloutProps.buttonStylesProps) || {})\n }))));\n });\n}\n\nHomeTemplateV6.prototype = {\n pageData: PropTypes.any.isRequired,\n config: PropTypes.any.isRequired,\n variant: PropTypes.string,\n heroProps: PropTypes.any,\n productsProps: PropTypes.any,\n featureFullProps: PropTypes.any,\n featureProps: PropTypes.any,\n calloutProps: PropTypes.any // calloutMobileProps: PropTypes.any,\n // calloutCompressedProps: PropTypes.any,\n\n};\nvar _excluded$t = [\"id\", \"pageData\", \"config\", \"themes\", \"variant\", \"header\", \"about\", \"contact\", \"footer\"];\n\nfunction DynamicPage(_ref) {\n var path = _ref.id,\n pageData = _ref.pageData,\n config = _ref.config,\n _ref$themes = _ref.themes,\n appThemes = _ref$themes === void 0 ? [] : _ref$themes,\n _ref$variant = _ref.variant,\n variant = _ref$variant === void 0 ? dynamicTemplatesVersionVariantsTypes.DYNAMIC_TEMPLATE_V2 : _ref$variant,\n _ref$header = _ref.header,\n header = _ref$header === void 0 ? null : _ref$header,\n _ref$about = _ref.about,\n about = _ref$about === void 0 ? null : _ref$about,\n _ref$contact = _ref.contact,\n contact = _ref$contact === void 0 ? null : _ref$contact,\n _ref$footer = _ref.footer,\n footer = _ref$footer === void 0 ? null : _ref$footer,\n otherProps = _objectWithoutProperties$2(_ref, _excluded$t);\n\n var Component = templates[variant];\n /** @TODO: Redirect to 404 */\n\n if (!Component) return null;\n return /*#__PURE__*/React__default$1[\"default\"].createElement(ThemeProvider, {\n themes: appThemes\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(Component, _extends$g({\n isDynamic: true,\n className: \"DINAMIC_PAGE_COMPONENT\",\n header: header,\n about: about,\n contact: contact,\n footer: footer\n }, otherProps, {\n pageData: pageData,\n path: path,\n config: config\n })));\n}\n\nvar _excluded$s = [\"pageData\", \"config\", \"variant\", \"heroProps\", \"productsProps\", \"featureFullProps\", \"featureProps\", \"calloutProps\", \"customContainerClass\"];\n\nfunction HomeTemplateV7(_ref) {\n _ref.pageData;\n\n var config = _ref.config,\n _ref$variant = _ref.variant,\n variant = _ref$variant === void 0 ? dynamicTemplatesVersionVariantsTypes.DYNAMIC_TEMPLATE_V5 : _ref$variant,\n _ref$heroProps = _ref.heroProps,\n heroProps = _ref$heroProps === void 0 ? {} : _ref$heroProps,\n _ref$productsProps = _ref.productsProps,\n productsProps = _ref$productsProps === void 0 ? {} : _ref$productsProps,\n _ref$featureFullProps = _ref.featureFullProps,\n featureFullProps = _ref$featureFullProps === void 0 ? {} : _ref$featureFullProps,\n _ref$featureProps = _ref.featureProps,\n featureProps = _ref$featureProps === void 0 ? {} : _ref$featureProps,\n _ref$calloutProps = _ref.calloutProps,\n calloutProps = _ref$calloutProps === void 0 ? {} : _ref$calloutProps,\n _ref$customContainerC = _ref.customContainerClass,\n customContainerClass = _ref$customContainerC === void 0 ? \"\" : _ref$customContainerC,\n otherProps = _objectWithoutProperties$2(_ref, _excluded$s);\n\n return /*#__PURE__*/React__default$1[\"default\"].createElement(React__default$1[\"default\"].Fragment, null, /*#__PURE__*/React__default$1[\"default\"].createElement(DynamicPage, _extends$g({\n customContainerClass: customContainerClass,\n heroProps: heroProps,\n productsProps: productsProps,\n featureFullProps: featureFullProps,\n featureProps: featureProps,\n calloutProps: calloutProps\n }, otherProps, {\n path: \"/\",\n id: \"\",\n config: config,\n variant: variant\n })));\n}\n\nHomeTemplateV7.prototype = {\n pageData: PropTypes.any.isRequired,\n config: PropTypes.any.isRequired,\n variant: PropTypes.string,\n heroProps: PropTypes.any,\n productsProps: PropTypes.any,\n featureFullProps: PropTypes.any,\n featureProps: PropTypes.any,\n calloutProps: PropTypes.any // calloutMobileProps: PropTypes.any,\n // calloutCompressedProps: PropTypes.any,\n\n};\nvar _excluded$r = [\"pageData\", \"config\", \"heroProps\", \"productsProps\", \"featureFullProps\", \"featureProps\", \"calloutProps\", \"calloutMobileProps\", \"calloutCompressedProps\"];\n\nfunction HomeTemplateV8(_ref) {\n var _config$speedBump, _config$speedBump2, _otherProps$footerOpt, _config$speedBump3, _otherProps$speedBump, _config$speedBump4, _otherProps$speedBump2;\n\n var pageData = _ref.pageData,\n config = _ref.config,\n _ref$heroProps = _ref.heroProps,\n heroProps = _ref$heroProps === void 0 ? {} : _ref$heroProps,\n _ref$productsProps = _ref.productsProps,\n productsProps = _ref$productsProps === void 0 ? {} : _ref$productsProps,\n _ref$featureFullProps = _ref.featureFullProps,\n featureFullProps = _ref$featureFullProps === void 0 ? {} : _ref$featureFullProps,\n _ref$featureProps = _ref.featureProps,\n featureProps = _ref$featureProps === void 0 ? {} : _ref$featureProps,\n _ref$calloutProps = _ref.calloutProps,\n calloutProps = _ref$calloutProps === void 0 ? {} : _ref$calloutProps,\n _ref$calloutMobilePro = _ref.calloutMobileProps,\n calloutMobileProps = _ref$calloutMobilePro === void 0 ? {} : _ref$calloutMobilePro,\n _ref$calloutCompresse = _ref.calloutCompressedProps,\n calloutCompressedProps = _ref$calloutCompresse === void 0 ? {} : _ref$calloutCompresse,\n otherProps = _objectWithoutProperties$2(_ref, _excluded$r);\n\n return /*#__PURE__*/React__default$1[\"default\"].createElement(Page, _extends$g({\n headerCompressedVariant: headerCompressedVariantTypes.STANDARD,\n headerDesktopVariant: headerDesktopVariantTypes.STANDARD,\n headerMobileVariant: headerMobileVariantTypes.STANDARD,\n backgroundHeader: \"rgba(32, 0, 9, 0.4)\",\n backgroundMenuHeader: colorsTypes.TRANSPARENT,\n forceCompressHeader: true,\n noFilterLogoHeader: true,\n transparentHeader: true,\n floatHeader: true,\n grayscaleHeader: true,\n topIndicatorHeader: false\n }, otherProps, {\n cms: {\n pageId: \"cu-home-pages\",\n pageData: pageData\n },\n pathname: \"\",\n config: config,\n headerLoginButtonStyles: _objectSpread2({\n isScrollChangeColorButton: true,\n grayscale: true,\n fill: buttonFillTypes.FILLED,\n styleType: buttonStyleTypes.NONE,\n minWidth: 100,\n height: \"auto\",\n padding: \"3px 15px\",\n hoverGrayscaleFilledTextColor: colorsTypes.BLACK,\n hoverGrayscaleFillBackgroundColor: colorsTypes.WHITE,\n fontFamily: fontsFamiliesVariantsTypes.PRIMARY,\n size: textSizesVariantsTypes.SMALL,\n withoutBorderRadius: !((_config$speedBump = config.speedBump) !== null && _config$speedBump !== void 0 && _config$speedBump.borderWithRadious)\n }, (otherProps === null || otherProps === void 0 ? void 0 : otherProps.headerLoginButtonStyles) || {}),\n headerDropdownLoginButtonStyles: _objectSpread2({\n fill: buttonFillTypes.FILLED,\n styleType: buttonStyleTypes.NONE,\n minWidth: 100,\n height: \"auto\",\n padding: \"3px 15px\",\n hoverFilledBackgroundColor: colorsTypes.TRANSPARENT,\n hoverFilledTextColor: colorsTypes.PRIMARY,\n hoverFilledBorderColor: colorsTypes.PRIMARY,\n fontFamily: fontsFamiliesVariantsTypes.PRIMARY,\n size: textSizesVariantsTypes.SMALL,\n withoutBorderRadius: !((_config$speedBump2 = config.speedBump) !== null && _config$speedBump2 !== void 0 && _config$speedBump2.borderWithRadious)\n }, (otherProps === null || otherProps === void 0 ? void 0 : otherProps.headerDropdownLoginButtonStyles) || {}),\n footerOptions: _objectSpread2(_objectSpread2({\n background: colorsTypes.PRIMARY_ULTRA_DARK,\n homeLogoVisible: false\n }, (otherProps === null || otherProps === void 0 ? void 0 : otherProps.footerOptions) || {}), {}, {\n businessCustomLogos: [{\n replaceByIndex: 0,\n url: \"https://olb-assets.s3.us-east-2.amazonaws.com/images/NCUA_Logo.svg\",\n alternativeText: \"NCUA Logo\",\n invert: true,\n linkTo: \"https://www.ncua.gov\"\n }].concat(_toConsumableArray((otherProps === null || otherProps === void 0 || (_otherProps$footerOpt = otherProps.footerOptions) === null || _otherProps$footerOpt === void 0 ? void 0 : _otherProps$footerOpt.businessCustomLogos) || []))\n }),\n speedBumpStyles: _objectSpread2(_objectSpread2({}, otherProps === null || otherProps === void 0 ? void 0 : otherProps.speedBumpStyles), {}, {\n acceptButton: _objectSpread2({\n withoutBorderRadius: !((_config$speedBump3 = config.speedBump) !== null && _config$speedBump3 !== void 0 && _config$speedBump3.borderWithRadious),\n fill: buttonFillTypes.FILLED,\n styleType: buttonStyleTypes.STANDARD,\n hoverFilledTextColor: colorsTypes.PRIMARY_DARK,\n hoverFilledBorderColor: colorsTypes.PRIMARY_DARK,\n hoverFilledBackgroundColor: colorsTypes.TRANSPARENT,\n filledBackgroundColor: colorsTypes.PRIMARY_DARK\n }, (otherProps === null || otherProps === void 0 || (_otherProps$speedBump = otherProps.speedBumpStyles) === null || _otherProps$speedBump === void 0 ? void 0 : _otherProps$speedBump.acceptButton) || {}),\n cancelButton: _objectSpread2({\n withoutBorderRadius: !((_config$speedBump4 = config.speedBump) !== null && _config$speedBump4 !== void 0 && _config$speedBump4.borderWithRadious),\n fill: buttonFillTypes.FILLED,\n styleType: buttonStyleTypes.STANDARD,\n hoverFilledTextColor: colorsTypes.PRIMARY_DARK,\n hoverFilledBorderColor: colorsTypes.PRIMARY_DARK,\n hoverFilledBackgroundColor: colorsTypes.TRANSPARENT,\n filledBackgroundColor: colorsTypes.PRIMARY_DARK\n }, (otherProps === null || otherProps === void 0 || (_otherProps$speedBump2 = otherProps.speedBumpStyles) === null || _otherProps$speedBump2 === void 0 ? void 0 : _otherProps$speedBump2.acceptButton) || {})\n })\n }), function (data) {\n var _data$HerosList, _data$HerosList2, _data$FeatureFullBg, _data$FeaturesV, _config$speedBump5;\n\n return /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"tw-custom-container\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(Hero$1, _extends$g({\n variant: ((_data$HerosList = data.HerosList) === null || _data$HerosList === void 0 ? void 0 : _data$HerosList.variant) || heroVariantsTypes.CAROUSEL,\n data: ((_data$HerosList2 = data.HerosList) === null || _data$HerosList2 === void 0 ? void 0 : _data$HerosList2.Heros) || data.Heros,\n fullScreen: true,\n gradient: \"radial-gradient(\\n 94.56% 87.43% at 59.93% 95.59%,\\n rgba(249, 240, 242, 0.3) 0%,\\n rgba(79, 0, 23, 0.3) 100%),\\n linear-gradient(\\n 153.01deg,\\n rgba(0, 0, 0, 0.5) 30.9%,\\n rgba(0, 0, 0, 0) 86.82%\\n )\"\n }, heroProps, {\n settings: _objectSpread2({\n navigation: false\n }, heroProps === null || heroProps === void 0 ? void 0 : heroProps.settings),\n buttonStylesProps: _objectSpread2({\n grayscale: true,\n hoverColor: true,\n withoutBorderRadius: true,\n fill: buttonFillTypes.FILLED,\n fontFamily: fontsFamiliesVariantsTypes.PRIMARY\n }, (heroProps === null || heroProps === void 0 ? void 0 : heroProps.buttonStylesProps) || {})\n })), /*#__PURE__*/React__default$1[\"default\"].createElement(Dividers, {\n variant: dividersVariantsTypes.DIVIDER,\n className: \"tw-mb-28\"\n }), /*#__PURE__*/React__default$1[\"default\"].createElement(Products, _extends$g({\n customGradient: \"linear-gradient(135deg, var(--primary-150-color) 2.57%, var(--primary-110-color) 95.51%)\",\n data: data.Products,\n variant: productsVariantsTypes.HORIZONTAL_COLLECTION,\n typeOfItems: productVariantsTypes.GRADIENT,\n arrowLeftSrc: \"https://olb-assets.s3.us-east-2.amazonaws.com/images/arrow-left-big-hscu.svg\",\n arrowRightSrc: \"https://olb-assets.s3.us-east-2.amazonaws.com/images/arrow-right-big-hscu.svg\"\n }, productsProps, {\n buttonStylesProps: _objectSpread2({\n margin: \"25px auto\",\n minWidth: \"160px\",\n fill: buttonFillTypes.FILLED,\n withoutBorderRadius: true,\n grayscale: true\n }, (productsProps === null || productsProps === void 0 ? void 0 : productsProps.buttonStylesProps) || {})\n })), /*#__PURE__*/React__default$1[\"default\"].createElement(Dividers, {\n variant: dividersVariantsTypes.DIVIDER,\n className: \"tw-mb-\".concat(20)\n }), (data === null || data === void 0 ? void 0 : data.FeatureFullBg) && ((_data$FeatureFullBg = data.FeatureFullBg) === null || _data$FeatureFullBg === void 0 ? void 0 : _data$FeatureFullBg.map(function (feature, index) {\n return /*#__PURE__*/React__default$1[\"default\"].createElement(Feature, _extends$g({\n key: \"FeatureFullBg-\".concat(index),\n data: feature,\n variant: featureVariantsTypes.V3,\n lineDivideColor: colorsTypes.WHITE\n }, featureFullProps, {\n buttonStylesProps: _objectSpread2({\n fill: buttonFillTypes.OUTLINE_DARK,\n padding: \"10px 20px\",\n minWidth: \"none\",\n withoutBorderRadius: true,\n grayscale: true,\n grayscaleAndOutlineDarkTextColor: colorsTypes.WHITE,\n hoverGrayscaleOutlineDarkTextColor: colorsTypes.PRIMARY,\n hoverGrayscaleAndOutlineDarkTextColor: colorsTypes.PRIMARY,\n grayscaleAndOutlineDarkBackgroundColor: colorsTypes.TRANSPARENT\n }, (featureFullProps === null || featureFullProps === void 0 ? void 0 : featureFullProps.buttonStylesProps) || {})\n }));\n })), (data === null || data === void 0 ? void 0 : data.FeaturesV2) && ((_data$FeaturesV = data.FeaturesV2) === null || _data$FeaturesV === void 0 ? void 0 : _data$FeaturesV.map(function (feature, index) {\n return /*#__PURE__*/React__default$1[\"default\"].createElement(Feature, _extends$g({\n key: \"FeatureV2-\".concat(index),\n variant: featureVariantsTypes.V4,\n data: feature,\n lineDivideColor: colorsTypes.PRIMARY_SEMI_DARK\n }, featureProps, {\n buttonStylesProps: _objectSpread2({\n fill: buttonFillTypes.OUTLINE_DARK,\n padding: \"10px 20px\",\n minWidth: \"none\",\n withoutBorderRadius: true,\n grayscale: true\n }, (featureProps === null || featureProps === void 0 ? void 0 : featureProps.buttonStylesProps) || {})\n }));\n })), /*#__PURE__*/React__default$1[\"default\"].createElement(Callout$2, _extends$g({\n ultraLight: true,\n darkTitle: true,\n darkDescription: true,\n grayscaleDescription: true,\n variant: calloutVariantsTypes.IMAGE_WITH_GRADIENT,\n data: data.FeatureV1\n }, calloutProps, {\n buttonStylesProps: _objectSpread2({\n padding: \"10px 20px\",\n minWidth: \"none\",\n withoutBorderRadius: true,\n transparent: true\n }, (calloutProps === null || calloutProps === void 0 ? void 0 : calloutProps.buttonStylesProps) || {})\n })), (data === null || data === void 0 ? void 0 : data.CalloutMobileApps) && (data === null || data === void 0 ? void 0 : data.CalloutMobileApps.length) > 0 && data.CalloutMobileApps.map(function (element, index) {\n return /*#__PURE__*/React__default$1[\"default\"].createElement(Callout$2, _extends$g({\n key: \"Mobile_Apps_\".concat(index),\n variant: element.Type || calloutVariantsTypes.MOBILE_APPS,\n data: element\n }, calloutMobileProps));\n }), (data === null || data === void 0 ? void 0 : data.CompressedContent) && (data === null || data === void 0 ? void 0 : data.CompressedContent.length) > 0 && /*#__PURE__*/React__default$1[\"default\"].createElement(CompressedContent, _extends$g({\n data: data\n }, calloutCompressedProps, {\n buttonCustomStyles: _objectSpread2({\n withoutBorderRadius: !((_config$speedBump5 = config.speedBump) !== null && _config$speedBump5 !== void 0 && _config$speedBump5.borderWithRadious),\n fill: buttonFillTypes.FILLED,\n styleType: buttonStyleTypes.STANDARD,\n hoverBackgroundColor: colorsTypes.WHITE,\n filledBackgroundColor: colorsTypes.PRIMARY_DARK\n }, (calloutCompressedProps === null || calloutCompressedProps === void 0 ? void 0 : calloutCompressedProps.buttonCustomStyles) || {})\n })));\n });\n}\n\nHomeTemplateV8.prototype = {\n pageData: PropTypes.any.isRequired,\n config: PropTypes.any.isRequired,\n variant: PropTypes.string,\n heroProps: PropTypes.any,\n productsProps: PropTypes.any,\n featureFullProps: PropTypes.any,\n featureProps: PropTypes.any,\n calloutProps: PropTypes.any,\n calloutMobileProps: PropTypes.any,\n calloutCompressedProps: PropTypes.any\n};\nvar _excluded$q = [\"pageData\", \"config\", \"variant\", \"heroProps\", \"productsProps\", \"featureFullProps\", \"featureProps\", \"calloutProps\"];\n\nfunction HomeTemplateV9(_ref) {\n _ref.pageData;\n\n var config = _ref.config,\n _ref$variant = _ref.variant,\n variant = _ref$variant === void 0 ? dynamicTemplatesVersionVariantsTypes.DYNAMIC_TEMPLATE_V9 : _ref$variant,\n _ref$heroProps = _ref.heroProps,\n heroProps = _ref$heroProps === void 0 ? {} : _ref$heroProps,\n _ref$productsProps = _ref.productsProps,\n productsProps = _ref$productsProps === void 0 ? {} : _ref$productsProps,\n _ref$featureFullProps = _ref.featureFullProps,\n featureFullProps = _ref$featureFullProps === void 0 ? {} : _ref$featureFullProps,\n _ref$featureProps = _ref.featureProps,\n featureProps = _ref$featureProps === void 0 ? {} : _ref$featureProps,\n _ref$calloutProps = _ref.calloutProps,\n calloutProps = _ref$calloutProps === void 0 ? {} : _ref$calloutProps,\n otherProps = _objectWithoutProperties$2(_ref, _excluded$q);\n\n return /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"tw-custom-container HOME__PAGE\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(DynamicPage, _extends$g({\n heroProps: heroProps,\n productsProps: productsProps,\n featureFullProps: featureFullProps,\n featureProps: featureProps,\n calloutProps: calloutProps\n }, otherProps, {\n path: \"/\",\n id: \"\",\n config: config,\n variant: variant\n })));\n}\n\nHomeTemplateV9.prototype = {\n pageData: PropTypes.any.isRequired,\n config: PropTypes.any.isRequired,\n variant: PropTypes.string\n};\nvar _excluded$p = [\"pageData\", \"config\", \"pageHeaderProps\", \"contactProps\", \"branchProps\", \"calloutPros\", \"pageTitleProps\", \"calloutMobilePros\", \"calloutMobileWithGradientPros\"];\n\nfunction ContactUsTemplateV1(_ref) {\n var pageData = _ref.pageData,\n config = _ref.config,\n _ref$pageHeaderProps = _ref.pageHeaderProps,\n pageHeaderProps = _ref$pageHeaderProps === void 0 ? {} : _ref$pageHeaderProps,\n _ref$contactProps = _ref.contactProps,\n contactProps = _ref$contactProps === void 0 ? {} : _ref$contactProps,\n _ref$branchProps = _ref.branchProps,\n branchProps = _ref$branchProps === void 0 ? {} : _ref$branchProps,\n _ref$calloutPros = _ref.calloutPros,\n calloutPros = _ref$calloutPros === void 0 ? {} : _ref$calloutPros,\n _ref$pageTitleProps = _ref.pageTitleProps,\n pageTitleProps = _ref$pageTitleProps === void 0 ? {} : _ref$pageTitleProps,\n _ref$calloutMobilePro = _ref.calloutMobilePros,\n calloutMobilePros = _ref$calloutMobilePro === void 0 ? {} : _ref$calloutMobilePro,\n _ref$calloutMobileWit = _ref.calloutMobileWithGradientPros,\n calloutMobileWithGradientPros = _ref$calloutMobileWit === void 0 ? {} : _ref$calloutMobileWit,\n otherProps = _objectWithoutProperties$2(_ref, _excluded$p);\n\n return /*#__PURE__*/React__default$1[\"default\"].createElement(Page, _extends$g({\n cms: {\n pageId: \"cu-contact-uss\",\n pageData: pageData\n },\n pathname: \"/contact-us\",\n config: config\n }, otherProps), function (data) {\n var _data$Contact, _data$BranchExpanded;\n\n if (!data) return null;\n return /*#__PURE__*/React__default$1[\"default\"].createElement(React.Fragment, null, data.PageHeaderGradients && /*#__PURE__*/React__default$1[\"default\"].createElement(PageHeader$1, _extends$g({\n variant: pageHeaderVariantsTypes.GRADIENTS,\n color: pageHeaderColorVariantsTypes.PRIMARY,\n data: data.PageHeaderGradients\n }, pageHeaderProps)), data.PageTitle && /*#__PURE__*/React__default$1[\"default\"].createElement(PageTitle, _extends$g({\n data: data.PageTitle\n }, pageTitleProps)), /*#__PURE__*/React__default$1[\"default\"].createElement(Dividers, {\n variant: dividersVariantsTypes.DIVIDER,\n className: \"tw-my-6\"\n }), /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"tw-container\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(Contact$1, _extends$g({\n data: data.Contact,\n variant: ((_data$Contact = data.Contact) === null || _data$Contact === void 0 ? void 0 : _data$Contact.variant) || contactVariantsTypes.REGULAR\n }, contactProps)), /*#__PURE__*/React__default$1[\"default\"].createElement(Dividers, {\n variant: dividersVariantsTypes.DIVIDER,\n className: \"bl-bg-grayscale-6 tw-my-8\"\n }), data.BranchExpandedTitle && /*#__PURE__*/React__default$1[\"default\"].createElement(\"h3\", {\n className: \"bl-font-secondary bl-text-primary bl-text-2xl\"\n }, data.BranchExpandedTitle), data === null || data === void 0 || (_data$BranchExpanded = data.BranchExpanded) === null || _data$BranchExpanded === void 0 ? void 0 : _data$BranchExpanded.map(function (branch, index) {\n return /*#__PURE__*/React__default$1[\"default\"].createElement(React.Fragment, {\n key: \"Branch-branch-\".concat(index)\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(Branch$1, _extends$g({\n data: branch\n }, branchProps)), /*#__PURE__*/React__default$1[\"default\"].createElement(Dividers, {\n variant: dividersVariantsTypes.DIVIDER,\n className: \"tw-my-10\"\n }));\n }), Array.isArray(data.CalloutMobileApps) && data.CalloutMobileApps.length > 0 && /*#__PURE__*/React__default$1[\"default\"].createElement(React.Fragment, null, /*#__PURE__*/React__default$1[\"default\"].createElement(Callout$2, _extends$g({\n variant: calloutVariantsTypes.MOBILE_APPS,\n data: data.CalloutMobileApps[0]\n }, calloutMobilePros)), /*#__PURE__*/React__default$1[\"default\"].createElement(Dividers, {\n variant: dividersVariantsTypes.DIVIDER,\n className: \"tw-my-10\"\n })), Array.isArray(data.CalloutData) && data.CalloutData.length > 0 && /*#__PURE__*/React__default$1[\"default\"].createElement(Callout$2, _extends$g({\n variant: calloutVariantsTypes.DATA,\n data: data.CalloutData[0]\n }, calloutPros))), /*#__PURE__*/React__default$1[\"default\"].createElement(Dividers, {\n variant: dividersVariantsTypes.DIVIDER,\n className: \"tw-my-8 sm:tw-my-12\"\n }), data.PageTitle && /*#__PURE__*/React__default$1[\"default\"].createElement(CalloutMobileAppsGradientsDark$1, _extends$g({\n data: data.CalloutMobileAppsGradients\n }, calloutMobileWithGradientPros)), /*#__PURE__*/React__default$1[\"default\"].createElement(Dividers, {\n variant: dividersVariantsTypes.DIVIDER,\n className: \"tw-my-8 sm:tw-my-12\"\n }));\n });\n}\n\nContactUsTemplateV1.prototype = {\n pageData: PropTypes.any,\n config: PropTypes.any,\n // heroProps: PropTypes.any,\n pageHeaderProps: PropTypes.any,\n contactProps: PropTypes.any,\n branchProps: PropTypes.any,\n calloutPros: PropTypes.any,\n pageTitleProps: PropTypes.any,\n calloutMobilePros: PropTypes.any,\n calloutMobileWithGradientPros: PropTypes.any\n};\nvar _excluded$o = [\"pageData\", \"config\", \"submitButton\", \"pageHeaderProps\", \"contactProps\", \"branchProps\", \"calloutPros\"];\n\nfunction ContactUsTemplateV2(_ref) {\n var _otherProps$footerOpt, _config$speedBump, _config$speedBump2, _otherProps$speedBump, _config$speedBump3, _otherProps$speedBump2;\n\n var pageData = _ref.pageData,\n config = _ref.config,\n _ref$submitButton = _ref.submitButton,\n submitButton = _ref$submitButton === void 0 ? {} : _ref$submitButton,\n _ref$pageHeaderProps = _ref.pageHeaderProps,\n pageHeaderProps = _ref$pageHeaderProps === void 0 ? {} : _ref$pageHeaderProps,\n _ref$contactProps = _ref.contactProps,\n contactProps = _ref$contactProps === void 0 ? {} : _ref$contactProps,\n _ref$branchProps = _ref.branchProps,\n branchProps = _ref$branchProps === void 0 ? {} : _ref$branchProps,\n _ref$calloutPros = _ref.calloutPros,\n calloutPros = _ref$calloutPros === void 0 ? {} : _ref$calloutPros,\n otherProps = _objectWithoutProperties$2(_ref, _excluded$o);\n\n return /*#__PURE__*/React__default$1[\"default\"].createElement(Page, _extends$g({\n transparentHeader: true,\n forceShowHeader: true,\n floatHeader: true,\n grayscaleHeader: true,\n backgroundScreenHeader: true,\n darkHeader: true,\n topIndicatorHeader: false,\n backgroundMenuHeader: colorsTypes.PRIMARY_VERY_ULTRA_LIGHT,\n menuSubLinksListBorderColorHeader: colorsTypes.SECONDARY,\n menuSubLinksListBackgroundHeader: colorsTypes.PRIMARY_VERY_ULTRA_LIGHT,\n menuSubLinksTitleColorHeader: colorsTypes.PRIMARY_ULTRA_DARK,\n subLinksItemActiveTitleColorHeader: colorsTypes.PRIMARY_SEMI_DARK,\n menuSubLinksItemTitleColorHeader: colorsTypes.SECONDARY\n }, otherProps, {\n cms: {\n pageId: \"cu-contact-uss\",\n pageData: pageData\n },\n pathname: \"/contact-us\",\n config: config,\n footerOptions: _objectSpread2(_objectSpread2({\n background: colorsTypes.PRIMARY_ULTRA_DARK,\n // powerByImg: \"\",\n bottomSectionMargin: 0\n }, (otherProps === null || otherProps === void 0 ? void 0 : otherProps.footerOptions) || {}), {}, {\n businessCustomLogos: [{\n replaceByIndex: 0,\n url: \"https://olb-assets.s3.us-east-2.amazonaws.com/images/NCUA_Logo.svg\",\n alternativeText: \"NCUA Logo\",\n invert: true,\n linkTo: \"https://www.ncua.gov\"\n }].concat(_toConsumableArray((otherProps === null || otherProps === void 0 || (_otherProps$footerOpt = otherProps.footerOptions) === null || _otherProps$footerOpt === void 0 ? void 0 : _otherProps$footerOpt.businessCustomLogos) || []))\n }),\n navigationMenuOptions: _objectSpread2({\n menuSubItemTitleColor: colorsTypes.SECONDARY,\n menuSubItemTitleActiveColor: colorsTypes.SECONDARY,\n menuActiveBorderColor: colorsTypes.BLACK\n }, (otherProps === null || otherProps === void 0 ? void 0 : otherProps.navigationMenuOptions) || {}),\n headerLoginButtonStyles: _objectSpread2({\n withoutBorderRadius: !((_config$speedBump = config.speedBump) !== null && _config$speedBump !== void 0 && _config$speedBump.borderWithRadious),\n fill: buttonFillTypes.FILLED,\n styleType: buttonStyleTypes.STANDARD,\n height: 30,\n padding: \"2px 17px\",\n hoverBackgroundColor: colorsTypes.WHITE,\n hoverFilledBorderColor: colorsTypes.PRIMARY\n }, (otherProps === null || otherProps === void 0 ? void 0 : otherProps.headerLoginButtonStyles) || {}),\n speedBumpStyles: _objectSpread2(_objectSpread2({}, otherProps === null || otherProps === void 0 ? void 0 : otherProps.speedBumpStyles), {}, {\n acceptButton: _objectSpread2({\n withoutBorderRadius: !((_config$speedBump2 = config.speedBump) !== null && _config$speedBump2 !== void 0 && _config$speedBump2.borderWithRadious),\n fill: buttonFillTypes.FILLED,\n styleType: buttonStyleTypes.STANDARD,\n hoverFilledTextColor: colorsTypes.PRIMARY_DARK,\n hoverFilledBorderColor: colorsTypes.PRIMARY_DARK,\n hoverFilledBackgroundColor: colorsTypes.TRANSPARENT,\n filledBackgroundColor: colorsTypes.PRIMARY_DARK\n }, (otherProps === null || otherProps === void 0 || (_otherProps$speedBump = otherProps.speedBumpStyles) === null || _otherProps$speedBump === void 0 ? void 0 : _otherProps$speedBump.acceptButton) || {}),\n cancelButton: _objectSpread2({\n withoutBorderRadius: !((_config$speedBump3 = config.speedBump) !== null && _config$speedBump3 !== void 0 && _config$speedBump3.borderWithRadious),\n fill: buttonFillTypes.FILLED,\n styleType: buttonStyleTypes.STANDARD,\n hoverFilledTextColor: colorsTypes.PRIMARY_DARK,\n hoverFilledBorderColor: colorsTypes.PRIMARY_DARK,\n hoverFilledBackgroundColor: colorsTypes.TRANSPARENT,\n filledBackgroundColor: colorsTypes.PRIMARY_DARK\n }, (otherProps === null || otherProps === void 0 || (_otherProps$speedBump2 = otherProps.speedBumpStyles) === null || _otherProps$speedBump2 === void 0 ? void 0 : _otherProps$speedBump2.acceptButton) || {})\n })\n }), function (data) {\n var _data$Contact, _data$Contact2, _data$Contact3, _data$Contact4, _data$Contact5, _data$BranchExpanded, _data$CalloutMobileAp;\n\n if (!data) return null;\n return /*#__PURE__*/React__default$1[\"default\"].createElement(React.Fragment, null, /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"tw-pt-20 tw-w-full\"\n }), (data === null || data === void 0 ? void 0 : data.PageHeaderGradients) && /*#__PURE__*/React__default$1[\"default\"].createElement(PageHeader$1, _extends$g({\n variant: pageHeaderVariantsTypes.GRADIENTS,\n color: pageHeaderColorVariantsTypes.PRIMARY,\n data: data === null || data === void 0 ? void 0 : data.PageHeaderGradients\n }, pageHeaderProps)), (data === null || data === void 0 ? void 0 : data.PageTitle) && /*#__PURE__*/React__default$1[\"default\"].createElement(PageTitle, {\n data: data.PageTitle,\n isTwContainer: true\n }), /*#__PURE__*/React__default$1[\"default\"].createElement(Dividers, {\n variant: dividersVariantsTypes.DIVIDER,\n className: \"tw-my-6 tw-pt-2.5\"\n }), (data === null || data === void 0 || (_data$Contact = data.Contact) === null || _data$Contact === void 0 ? void 0 : _data$Contact.variant) === contactVariantsTypes.REGULAR ? /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"tw-container\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(Contact$1, _extends$g({\n data: data === null || data === void 0 ? void 0 : data.Contact,\n variant: contactVariantsTypes.BACKGROUND,\n buttonText: submitButton.text\n }, contactProps, {\n inputStyles: _objectSpread2({\n backgroundColor: colorsTypes.PRIMARY_VERY_ULTRA_LIGHT,\n borderRadius: (data === null || data === void 0 || (_data$Contact2 = data.Contact) === null || _data$Contact2 === void 0 ? void 0 : _data$Contact2.borders) === \"CIRCLED\" ? 10 : 0\n }, (contactProps === null || contactProps === void 0 ? void 0 : contactProps.inputStyles) || {}),\n buttonCustomStyles: _objectSpread2({\n withoutBorderRadius: (data === null || data === void 0 || (_data$Contact3 = data.Contact) === null || _data$Contact3 === void 0 ? void 0 : _data$Contact3.borders) !== \"CIRCLED\",\n filledBackgroundColor: colorsTypes.PRIMARY_SEMI_DARK,\n filledBorderColor: colorsTypes.PRIMARY_SEMI_DARK,\n filledTextColor: colorsTypes.WHITE,\n hoverFilledTextColor: colorsTypes.PRIMARY_SEMI_DARK,\n hoverDefaultBorderColor: colorsTypes.PRIMARY_SEMI_DARK,\n hoverFilledBorderColor: colorsTypes.PRIMARY_SEMI_DARK,\n buttonWithoutBorderRadius: true,\n hoverBackgroundColor: colorsTypes.PRIMARY,\n hoverFilledBackgroundColor: colorsTypes.PRIMARY_SEMI_DARK,\n hoverColor: true,\n hoverBorderColor: colorsTypes.PRIMARY_SEMI_DARK,\n defaultBorderColor: colorsTypes.PRIMARY_SEMI_DARK,\n defaultTextColor: colorsTypes.WHITE,\n hoverTextColor: colorsTypes.PRIMARY_SEMI_DARK,\n buttonFill: buttonFillTypes.NONE\n }, (contactProps === null || contactProps === void 0 ? void 0 : contactProps.buttonCustomStyles) || {}),\n formContainerStyles: _objectSpread2({\n padding: \"1.75rem 0px\"\n }, (contactProps === null || contactProps === void 0 ? void 0 : contactProps.formContainerStyles) || {})\n }))) : /*#__PURE__*/React__default$1[\"default\"].createElement(Contact$1, _extends$g({\n data: data === null || data === void 0 ? void 0 : data.Contact,\n variant: contactVariantsTypes.BACKGROUND,\n buttonText: submitButton.text\n }, contactProps, {\n inputStyles: _objectSpread2({\n backgroundColor: colorsTypes.WHITE,\n borderRadius: (data === null || data === void 0 || (_data$Contact4 = data.Contact) === null || _data$Contact4 === void 0 ? void 0 : _data$Contact4.borders) === \"CIRCLED\" ? 10 : 0\n }, (contactProps === null || contactProps === void 0 ? void 0 : contactProps.inputStyles) || {}),\n buttonCustomStyles: _objectSpread2({\n withoutBorderRadius: (data === null || data === void 0 || (_data$Contact5 = data.Contact) === null || _data$Contact5 === void 0 ? void 0 : _data$Contact5.borders) !== \"CIRCLED\",\n filledBackgroundColor: colorsTypes.PRIMARY_SEMI_DARK,\n filledBorderColor: colorsTypes.PRIMARY_SEMI_DARK,\n filledTextColor: colorsTypes.WHITE,\n hoverFilledTextColor: colorsTypes.PRIMARY_SEMI_DARK,\n hoverDefaultBorderColor: colorsTypes.PRIMARY_SEMI_DARK,\n hoverFilledBorderColor: colorsTypes.PRIMARY_SEMI_DARK,\n buttonWithoutBorderRadius: true,\n hoverBackgroundColor: colorsTypes.PRIMARY,\n hoverFilledBackgroundColor: colorsTypes.PRIMARY_SEMI_DARK,\n hoverColor: true,\n hoverBorderColor: colorsTypes.PRIMARY_SEMI_DARK,\n defaultBorderColor: colorsTypes.PRIMARY_SEMI_DARK,\n defaultTextColor: colorsTypes.WHITE,\n hoverTextColor: colorsTypes.PRIMARY_SEMI_DARK,\n buttonFill: buttonFillTypes.NONE\n }, (contactProps === null || contactProps === void 0 ? void 0 : contactProps.buttonCustomStyles) || {}),\n formContainerStyles: _objectSpread2({\n padding: \"1.75rem 0px\"\n }, (contactProps === null || contactProps === void 0 ? void 0 : contactProps.formContainerStyles) || {})\n })), /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"tw-x-container BRANCH__EXPANDED___SEPARATOR\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(Dividers, {\n variant: dividersVariantsTypes.DIVIDER,\n className: \" tw-my-4\"\n }), (data === null || data === void 0 ? void 0 : data.BranchExpandedTitle) && /*#__PURE__*/React__default$1[\"default\"].createElement(\"h3\", {\n className: \"bl-font-secondary bl-text-primary bl-text-2xl\"\n }, data === null || data === void 0 ? void 0 : data.BranchExpandedTitle), data === null || data === void 0 || (_data$BranchExpanded = data.BranchExpanded) === null || _data$BranchExpanded === void 0 ? void 0 : _data$BranchExpanded.map(function (branch, index) {\n var _branchProps$mainOffi, _branchProps$mainOffi2, _branchProps$mainOffi3, _branchProps$mainOffi4, _branchProps$mainOffi5;\n\n return /*#__PURE__*/React__default$1[\"default\"].createElement(React.Fragment, {\n key: \"Branch-branch-\".concat(index)\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(Branch$1, _extends$g({\n data: branch,\n design: branchVariantsTypes.VERTICAL_LINE\n }, branchProps, {\n mainOfficeStyles: _objectSpread2(_objectSpread2({}, (branchProps === null || branchProps === void 0 ? void 0 : branchProps.mainOfficeStyles) || {}), {}, {\n title: _objectSpread2({\n color: colorsTypes.SECONDARY\n }, (branchProps === null || branchProps === void 0 || (_branchProps$mainOffi = branchProps.mainOfficeStyles) === null || _branchProps$mainOffi === void 0 ? void 0 : _branchProps$mainOffi.title) || {}),\n // for documentation pourposes:\n officeHourBoxStyles: _objectSpread2(_objectSpread2({}, (branchProps === null || branchProps === void 0 || (_branchProps$mainOffi2 = branchProps.mainOfficeStyles) === null || _branchProps$mainOffi2 === void 0 ? void 0 : _branchProps$mainOffi2.officeHourBoxStyles) || {}), {}, {\n first: _objectSpread2({\n color: colorsTypes.BLACK\n }, (branchProps === null || branchProps === void 0 || (_branchProps$mainOffi3 = branchProps.mainOfficeStyles) === null || _branchProps$mainOffi3 === void 0 || (_branchProps$mainOffi3 = _branchProps$mainOffi3.officeHourBoxStyles) === null || _branchProps$mainOffi3 === void 0 ? void 0 : _branchProps$mainOffi3.color) || {}) // second: {\n // color: 'red'\n // },\n // third: {\n // color: 'green'\n // }\n\n }),\n contactSimpleStyles: _objectSpread2(_objectSpread2({}, (branchProps === null || branchProps === void 0 || (_branchProps$mainOffi4 = branchProps.mainOfficeStyles) === null || _branchProps$mainOffi4 === void 0 ? void 0 : _branchProps$mainOffi4.contactSimpleStyles) || {}), {}, {\n title: _objectSpread2(_objectSpread2({}, (branchProps === null || branchProps === void 0 || (_branchProps$mainOffi5 = branchProps.mainOfficeStyles) === null || _branchProps$mainOffi5 === void 0 || (_branchProps$mainOffi5 = _branchProps$mainOffi5.contactSimpleStyles) === null || _branchProps$mainOffi5 === void 0 ? void 0 : _branchProps$mainOffi5.title) || {}), {}, {\n color: colorsTypes.SECONDARY\n }) // for documentation pourposes:\n // text: {\n // color: 'green'\n // },\n // last: {\n // color: 'pink'\n // }\n\n })\n })\n })), /*#__PURE__*/React__default$1[\"default\"].createElement(Dividers, {\n variant: dividersVariantsTypes.DIVIDER,\n className: \"tw-my-10\"\n }));\n })), Array.isArray(data === null || data === void 0 ? void 0 : data.CalloutMobileApps) && (data === null || data === void 0 ? void 0 : data.CalloutMobileApps.length) > 0 && /*#__PURE__*/React__default$1[\"default\"].createElement(Callout$2, _extends$g({\n variant: (data === null || data === void 0 || (_data$CalloutMobileAp = data.CalloutMobileApps[0]) === null || _data$CalloutMobileAp === void 0 ? void 0 : _data$CalloutMobileAp.Type) || calloutVariantsTypes.MOBILE_APPS_GRADIENTS_LIGHT,\n data: data === null || data === void 0 ? void 0 : data.CalloutMobileApps[0]\n }, calloutPros)));\n });\n}\n\nContactUsTemplateV2.prototype = {\n pageData: PropTypes.any,\n config: PropTypes.any,\n // heroProps: PropTypes.any,\n pageHeaderProps: PropTypes.any,\n contactProps: PropTypes.any,\n branchProps: PropTypes.any,\n calloutPros: PropTypes.any,\n pageTitleProps: PropTypes.any,\n calloutMobilePros: PropTypes.any,\n calloutMobileWithGradientPros: PropTypes.any\n};\nvar _excluded$n = [\"pageData\", \"config\", \"submitButton\", \"heroProps\", \"contactProps\", \"branchProps\", \"calloutPros\"];\n\nfunction ContactUsTemplateV3(_ref) {\n var _config$speedBump, _config$speedBump2, _otherProps$footerOpt, _config$speedBump3, _otherProps$speedBump, _config$speedBump4, _otherProps$speedBump2;\n\n var pageData = _ref.pageData,\n config = _ref.config,\n _ref$submitButton = _ref.submitButton,\n submitButton = _ref$submitButton === void 0 ? {} : _ref$submitButton,\n _ref$heroProps = _ref.heroProps,\n heroProps = _ref$heroProps === void 0 ? {} : _ref$heroProps,\n _ref$contactProps = _ref.contactProps,\n contactProps = _ref$contactProps === void 0 ? {} : _ref$contactProps,\n _ref$branchProps = _ref.branchProps,\n branchProps = _ref$branchProps === void 0 ? {} : _ref$branchProps,\n _ref$calloutPros = _ref.calloutPros,\n calloutPros = _ref$calloutPros === void 0 ? {} : _ref$calloutPros,\n otherProps = _objectWithoutProperties$2(_ref, _excluded$n);\n\n return /*#__PURE__*/React__default$1[\"default\"].createElement(Page, _extends$g({\n headerCompressedVariant: headerCompressedVariantTypes.STANDARD,\n headerDesktopVariant: headerDesktopVariantTypes.STANDARD,\n headerMobileVariant: headerMobileVariantTypes.STANDARD,\n backgroundHeader: \"rgba(32, 0, 9, 0.4)\",\n backgroundMenuHeader: colorsTypes.TRANSPARENT,\n forceShowHeader: true,\n forceCompressHeader: true,\n noFilterLogoHeader: true,\n transparentHeader: true,\n floatHeader: true,\n grayscaleHeader: true,\n topIndicatorHeader: false\n }, otherProps, {\n cms: {\n pageId: \"cu-contact-uss\",\n pageData: pageData\n },\n pathname: \"/contact-us\",\n config: config,\n headerLoginButtonStyles: _objectSpread2({\n isScrollChangeColorButton: true,\n grayscale: true,\n fill: buttonFillTypes.FILLED,\n styleType: buttonStyleTypes.NONE,\n minWidth: 100,\n height: \"auto\",\n padding: \"3px 15px\",\n hoverGrayscaleFilledTextColor: colorsTypes.BLACK,\n hoverGrayscaleFillBackgroundColor: colorsTypes.WHITE,\n fontFamily: fontsFamiliesVariantsTypes.PRIMARY,\n size: textSizesVariantsTypes.SMALL,\n withoutBorderRadius: !((_config$speedBump = config.speedBump) !== null && _config$speedBump !== void 0 && _config$speedBump.borderWithRadious)\n }, (otherProps === null || otherProps === void 0 ? void 0 : otherProps.headerLoginButtonStyles) || {}),\n headerDropdownLoginButtonStyles: _objectSpread2({\n fill: buttonFillTypes.FILLED,\n styleType: buttonStyleTypes.NONE,\n minWidth: 100,\n height: \"auto\",\n padding: \"3px 15px\",\n hoverFilledBackgroundColor: colorsTypes.TRANSPARENT,\n hoverFilledTextColor: colorsTypes.PRIMARY,\n hoverFilledBorderColor: colorsTypes.PRIMARY,\n fontFamily: fontsFamiliesVariantsTypes.PRIMARY,\n size: textSizesVariantsTypes.SMALL,\n withoutBorderRadius: !((_config$speedBump2 = config.speedBump) !== null && _config$speedBump2 !== void 0 && _config$speedBump2.borderWithRadious)\n }, (otherProps === null || otherProps === void 0 ? void 0 : otherProps.headerDropdownLoginButtonStyles) || {}),\n footerOptions: _objectSpread2(_objectSpread2({\n background: colorsTypes.PRIMARY_ULTRA_DARK,\n homeLogoVisible: false\n }, (otherProps === null || otherProps === void 0 ? void 0 : otherProps.footerOptions) || {}), {}, {\n businessCustomLogos: [{\n replaceByIndex: 0,\n url: \"https://olb-assets.s3.us-east-2.amazonaws.com/images/NCUA_Logo.svg\",\n alternativeText: \"NCUA Logo\",\n invert: true,\n linkTo: \"https://www.ncua.gov\"\n }].concat(_toConsumableArray((otherProps === null || otherProps === void 0 || (_otherProps$footerOpt = otherProps.footerOptions) === null || _otherProps$footerOpt === void 0 ? void 0 : _otherProps$footerOpt.businessCustomLogos) || []))\n }),\n speedBumpStyles: _objectSpread2(_objectSpread2({}, otherProps === null || otherProps === void 0 ? void 0 : otherProps.speedBumpStyles), {}, {\n acceptButton: _objectSpread2({\n withoutBorderRadius: !((_config$speedBump3 = config.speedBump) !== null && _config$speedBump3 !== void 0 && _config$speedBump3.borderWithRadious),\n fill: buttonFillTypes.FILLED,\n styleType: buttonStyleTypes.STANDARD,\n hoverFilledTextColor: colorsTypes.PRIMARY_DARK,\n hoverFilledBorderColor: colorsTypes.PRIMARY_DARK,\n hoverFilledBackgroundColor: colorsTypes.TRANSPARENT,\n filledBackgroundColor: colorsTypes.PRIMARY_DARK\n }, (otherProps === null || otherProps === void 0 || (_otherProps$speedBump = otherProps.speedBumpStyles) === null || _otherProps$speedBump === void 0 ? void 0 : _otherProps$speedBump.acceptButton) || {}),\n cancelButton: _objectSpread2({\n withoutBorderRadius: !((_config$speedBump4 = config.speedBump) !== null && _config$speedBump4 !== void 0 && _config$speedBump4.borderWithRadious),\n fill: buttonFillTypes.FILLED,\n styleType: buttonStyleTypes.STANDARD,\n hoverFilledTextColor: colorsTypes.PRIMARY_DARK,\n hoverFilledBorderColor: colorsTypes.PRIMARY_DARK,\n hoverFilledBackgroundColor: colorsTypes.TRANSPARENT,\n filledBackgroundColor: colorsTypes.PRIMARY_DARK\n }, (otherProps === null || otherProps === void 0 || (_otherProps$speedBump2 = otherProps.speedBumpStyles) === null || _otherProps$speedBump2 === void 0 ? void 0 : _otherProps$speedBump2.acceptButton) || {})\n })\n }), function (data) {\n var _data$herosContactUs$, _data$herosContactUs$2, _data$Contact, _config$speedBump5, _data$BranchExpanded, _data$CalloutMobileAp;\n\n if (!data) return null;\n return /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"CONTACTA_US_V3_FRAGMENT\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(Dividers, {\n variant: dividersVariantsTypes.DIVIDER,\n className: \"contact-us-template-v3 tw-my-6 tw-pt-7\"\n }), /*#__PURE__*/React__default$1[\"default\"].createElement(Hero$1, _extends$g({\n className: \"contact-us-hero tw-mt-8\",\n variant: ((_data$herosContactUs$ = data.herosContactUs[0]) === null || _data$herosContactUs$ === void 0 ? void 0 : _data$herosContactUs$.variant) || heroVariantsTypes.DINAMIC,\n data: ((_data$herosContactUs$2 = data.herosContactUs[0]) === null || _data$herosContactUs$2 === void 0 ? void 0 : _data$herosContactUs$2.Heros) || data.Heros,\n fullScreen: true,\n darkTitle: true,\n darkDescription: true,\n buttonHoverBackgroundColor: colorsTypes.PRIMARY_SEMI_DARK,\n buttonHoverDefaultBorderColor: colorsTypes.PRIMARY_SEMI_DARK,\n buttonHoverOutlineAndColorBorderColor: colorsTypes.PRIMARY_SEMI_DARK,\n buttonFill: buttonFillTypes.FILLED,\n buttonGrayscale: true,\n buttonHoverColor: true,\n buttonWithoutBorderRadius: true,\n gradient: \"radial-gradient(\\n 80.81% 115.03% at 64.44% 85.88%,\\n rgba(3, 6, 33, 0) 0%,\\n rgba(3, 13, 33, 0.5) 100%)\"\n }, heroProps)), /*#__PURE__*/React__default$1[\"default\"].createElement(Contact$1, _extends$g({\n data: data.Contact,\n variant: contactVariantsTypes.BACKGROUND,\n buttonText: submitButton.text\n }, contactProps, {\n inputStyles: _objectSpread2({\n backgroundColor: colorsTypes.WHITE,\n borderRadius: ((_data$Contact = data.Contact) === null || _data$Contact === void 0 ? void 0 : _data$Contact.borders) === \"CIRCLED\" ? 10 : 0\n }, (contactProps === null || contactProps === void 0 ? void 0 : contactProps.inputStyles) || {}),\n buttonCustomStyles: _objectSpread2({\n withoutBorderRadius: !((_config$speedBump5 = config.speedBump) !== null && _config$speedBump5 !== void 0 && _config$speedBump5.borderWithRadious),\n fill: buttonFillTypes.FILLED,\n styleType: buttonStyleTypes.STANDARD,\n hoverBackgroundColor: colorsTypes.WHITE,\n filledBackgroundColor: colorsTypes.PRIMARY_DARK\n }, (contactProps === null || contactProps === void 0 ? void 0 : contactProps.buttonCustomStyles) || {}),\n formContainerStyles: _objectSpread2({\n padding: \"1.75rem 0px\"\n }, (contactProps === null || contactProps === void 0 ? void 0 : contactProps.formContainerStyles) || {}),\n customIconsAlt: otherProps.customIconsAlt\n })), /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"tw-x-container\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(Dividers, {\n variant: dividersVariantsTypes.DIVIDER,\n className: \" tw-my-4\"\n }), data.BranchExpandedTitle && /*#__PURE__*/React__default$1[\"default\"].createElement(\"h3\", {\n className: \"bl-font-secondary bl-text-primary bl-text-2xl\"\n }, data.BranchExpandedTitle), data === null || data === void 0 || (_data$BranchExpanded = data.BranchExpanded) === null || _data$BranchExpanded === void 0 ? void 0 : _data$BranchExpanded.map(function (branch, index) {\n var _branchProps$mainOffi, _branchProps$mainOffi2, _branchProps$mainOffi3, _branchProps$mainOffi4, _branchProps$mainOffi5;\n\n return /*#__PURE__*/React__default$1[\"default\"].createElement(React.Fragment, {\n key: \"Branch-branch-\".concat(index)\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(Branch$1, _extends$g({\n data: branch,\n design: branchVariantsTypes.VERTICAL_LINE\n }, branchProps, {\n mainOfficeStyles: _objectSpread2(_objectSpread2({\n borderColor: colorsTypes.PRIMARY_DARK\n }, (branchProps === null || branchProps === void 0 ? void 0 : branchProps.mainOfficeStyles) || {}), {}, {\n title: _objectSpread2({\n color: colorsTypes.SECONDARY\n }, (branchProps === null || branchProps === void 0 || (_branchProps$mainOffi = branchProps.mainOfficeStyles) === null || _branchProps$mainOffi === void 0 ? void 0 : _branchProps$mainOffi.title) || {}),\n officeHourBoxStyles: _objectSpread2(_objectSpread2({}, (branchProps === null || branchProps === void 0 || (_branchProps$mainOffi2 = branchProps.mainOfficeStyles) === null || _branchProps$mainOffi2 === void 0 ? void 0 : _branchProps$mainOffi2.officeHourBoxStyles) || {}), {}, {\n first: _objectSpread2({\n color: colorsTypes.BLACK\n }, (branchProps === null || branchProps === void 0 || (_branchProps$mainOffi3 = branchProps.mainOfficeStyles) === null || _branchProps$mainOffi3 === void 0 || (_branchProps$mainOffi3 = _branchProps$mainOffi3.officeHourBoxStyles) === null || _branchProps$mainOffi3 === void 0 ? void 0 : _branchProps$mainOffi3.first) || {})\n }),\n contactSimpleStyles: _objectSpread2(_objectSpread2({}, (branchProps === null || branchProps === void 0 || (_branchProps$mainOffi4 = branchProps.mainOfficeStyles) === null || _branchProps$mainOffi4 === void 0 ? void 0 : _branchProps$mainOffi4.contactSimpleStyles) || {}), {}, {\n title: _objectSpread2({\n color: colorsTypes.SECONDARY\n }, (branchProps === null || branchProps === void 0 || (_branchProps$mainOffi5 = branchProps.mainOfficeStyles) === null || _branchProps$mainOffi5 === void 0 || (_branchProps$mainOffi5 = _branchProps$mainOffi5.contactSimpleStyles) === null || _branchProps$mainOffi5 === void 0 ? void 0 : _branchProps$mainOffi5.title) || {})\n })\n })\n })), /*#__PURE__*/React__default$1[\"default\"].createElement(Dividers, {\n variant: dividersVariantsTypes.DIVIDER,\n className: \"MAP__DIVIDER tw-my-10\"\n }));\n })), Array.isArray(data.CalloutMobileApps) && data.CalloutMobileApps.length > 0 && /*#__PURE__*/React__default$1[\"default\"].createElement(Callout$2, _extends$g({\n variant: ((_data$CalloutMobileAp = data.CalloutMobileApps[0]) === null || _data$CalloutMobileAp === void 0 ? void 0 : _data$CalloutMobileAp.Type) || calloutVariantsTypes.MOBILE_APPS_GRADIENTS_LIGHT,\n data: data.CalloutMobileApps[0]\n }, calloutPros)));\n });\n}\n\nContactUsTemplateV3.prototype = {\n pageData: PropTypes.any,\n config: PropTypes.any,\n heroProps: PropTypes.any,\n // pageHeaderProps: PropTypes.any,\n contactProps: PropTypes.any,\n branchProps: PropTypes.any,\n calloutPros: PropTypes.any,\n pageTitleProps: PropTypes.any,\n calloutMobilePros: PropTypes.any,\n calloutMobileWithGradientPros: PropTypes.any\n};\nvar _excluded$m = [\"pageData\", \"config\", \"submitButton\", \"pageHeaderProps\", \"contactProps\", \"branchProps\", \"calloutPros\", \"applyMaxWidthContainer\"];\n\nfunction ContactUsTemplateV5(_ref) {\n var _otherProps$footerOpt, _config$speedBump, _config$speedBump2, _otherProps$speedBump, _config$speedBump3, _otherProps$speedBump2;\n\n var pageData = _ref.pageData,\n config = _ref.config,\n _ref$submitButton = _ref.submitButton,\n submitButton = _ref$submitButton === void 0 ? {} : _ref$submitButton,\n _ref$pageHeaderProps = _ref.pageHeaderProps,\n pageHeaderProps = _ref$pageHeaderProps === void 0 ? {} : _ref$pageHeaderProps,\n _ref$contactProps = _ref.contactProps,\n contactProps = _ref$contactProps === void 0 ? {} : _ref$contactProps,\n _ref$branchProps = _ref.branchProps,\n branchProps = _ref$branchProps === void 0 ? {} : _ref$branchProps,\n _ref$calloutPros = _ref.calloutPros,\n calloutPros = _ref$calloutPros === void 0 ? {} : _ref$calloutPros,\n _ref$applyMaxWidthCon = _ref.applyMaxWidthContainer,\n applyMaxWidthContainer = _ref$applyMaxWidthCon === void 0 ? false : _ref$applyMaxWidthCon,\n otherProps = _objectWithoutProperties$2(_ref, _excluded$m);\n\n var pageTitleProps = {\n titleColor: colorsTypes.PRIMARY_ULTRA_DARK,\n subtitleColor: colorsTypes.PRIMARY_DARK,\n menuActiveBorderColor: colorsTypes.SECONDARY\n };\n return /*#__PURE__*/React__default$1[\"default\"].createElement(Page // transparentHeader\n , _extends$g({\n floatHeader: true,\n grayscaleHeader: true,\n darkHeader: true,\n backgroundScreenHeader: true,\n noFilterLogoHeader: true,\n forceShowItemsHeader: true,\n topIndicatorHeader: false,\n backgroundMenuHeader: colorsTypes.PRIMARY_VERY_ULTRA_LIGHT,\n menuSubLinksListBorderColorHeader: colorsTypes.SECONDARY,\n menuSubLinksListBackgroundHeader: colorsTypes.PRIMARY_VERY_ULTRA_LIGHT,\n menuSubLinksTitleColorHeader: colorsTypes.PRIMARY_ULTRA_DARK,\n subLinksItemActiveTitleColorHeader: colorsTypes.PRIMARY,\n menuSubLinksItemTitleColorHeader: colorsTypes.SECONDARY\n }, otherProps, {\n cms: {\n pageId: \"cu-contact-uss\",\n pageData: pageData\n },\n pathname: \"contact-us\",\n config: config,\n footerOptions: _objectSpread2(_objectSpread2({\n background: colorsTypes.PRIMARY_ULTRA_DARK,\n // powerByImg: \"\",\n bottomSectionMargin: 0\n }, (otherProps === null || otherProps === void 0 ? void 0 : otherProps.footerOptions) || {}), {}, {\n businessCustomLogos: [{\n replaceByIndex: 0,\n url: \"https://olb-assets.s3.us-east-2.amazonaws.com/images/NCUA_Logo.svg\",\n alternativeText: \"NCUA Logo\",\n invert: true,\n linkTo: \"https://www.ncua.gov\"\n }].concat(_toConsumableArray((otherProps === null || otherProps === void 0 || (_otherProps$footerOpt = otherProps.footerOptions) === null || _otherProps$footerOpt === void 0 ? void 0 : _otherProps$footerOpt.businessCustomLogos) || []))\n }),\n navigationMenuOptions: _objectSpread2({\n menuSubItemTitleColor: colorsTypes.SECONDARY,\n menuSubItemTitleActiveColor: colorsTypes.SECONDARY,\n menuActiveBorderColor: colorsTypes.BLACK,\n itemBackgroundColor: colorsTypes.BLACK,\n dropdownSeparationFromBottom: 0\n }, (otherProps === null || otherProps === void 0 ? void 0 : otherProps.navigationMenuOptions) || {}),\n headerLoginButtonStyles: _objectSpread2({\n fill: buttonFillTypes.FILLED,\n withoutBorderRadius: !((_config$speedBump = config.speedBump) !== null && _config$speedBump !== void 0 && _config$speedBump.borderWithRadious),\n styleType: buttonStyleTypes.STANDARD,\n filledBackgroundColor: colorsTypes.SECONDARY,\n hoverFilledBackgroundColor: colorsTypes.TRANSPARENT,\n hoverFilledBorderColor: colorsTypes.SECONDARY,\n hoverFilledTextColor: colorsTypes.SECONDARY,\n height: 30,\n padding: \"2px 17px\"\n }, (otherProps === null || otherProps === void 0 ? void 0 : otherProps.headerLoginButtonStyles) || {}),\n speedBumpStyles: _objectSpread2(_objectSpread2({}, otherProps === null || otherProps === void 0 ? void 0 : otherProps.speedBumpStyles), {}, {\n acceptButton: _objectSpread2({\n withoutBorderRadius: !((_config$speedBump2 = config.speedBump) !== null && _config$speedBump2 !== void 0 && _config$speedBump2.borderWithRadious),\n fill: buttonFillTypes.FILLED,\n styleType: buttonStyleTypes.STANDARD,\n hoverFilledTextColor: colorsTypes.PRIMARY_DARK,\n hoverFilledBorderColor: colorsTypes.PRIMARY_DARK,\n hoverFilledBackgroundColor: colorsTypes.TRANSPARENT,\n filledBackgroundColor: colorsTypes.PRIMARY_DARK\n }, (otherProps === null || otherProps === void 0 || (_otherProps$speedBump = otherProps.speedBumpStyles) === null || _otherProps$speedBump === void 0 ? void 0 : _otherProps$speedBump.acceptButton) || {}),\n cancelButton: _objectSpread2({\n withoutBorderRadius: !((_config$speedBump3 = config.speedBump) !== null && _config$speedBump3 !== void 0 && _config$speedBump3.borderWithRadious),\n fill: buttonFillTypes.FILLED,\n styleType: buttonStyleTypes.STANDARD,\n hoverFilledTextColor: colorsTypes.PRIMARY_DARK,\n hoverFilledBorderColor: colorsTypes.PRIMARY_DARK,\n hoverFilledBackgroundColor: colorsTypes.TRANSPARENT,\n filledBackgroundColor: colorsTypes.PRIMARY_DARK\n }, (otherProps === null || otherProps === void 0 || (_otherProps$speedBump2 = otherProps.speedBumpStyles) === null || _otherProps$speedBump2 === void 0 ? void 0 : _otherProps$speedBump2.acceptButton) || {})\n })\n }), function (data) {\n var _data$Contact, _data$Contact2, _data$Contact3, _data$Contact4, _data$Contact5, _data$CalloutMobileAp, _data$CalloutMobileAp2;\n\n if (!data) return null;\n return /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"CONTACT_US_V5__FRAGMENT_CONTAINER\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"tw-pt-20 tw-w-full\"\n }), (data === null || data === void 0 ? void 0 : data.PageHeaderGradients) && /*#__PURE__*/React__default$1[\"default\"].createElement(PageHeader$1, _extends$g({\n variant: pageHeaderVariantsTypes.GRADIENTS,\n color: pageHeaderColorVariantsTypes.PRIMARY,\n data: data === null || data === void 0 ? void 0 : data.PageHeaderGradients\n }, pageHeaderProps, {\n applyMaxWidthContainer: applyMaxWidthContainer\n })), (data === null || data === void 0 ? void 0 : data.PageTitle) && /*#__PURE__*/React__default$1[\"default\"].createElement(PageTitle, {\n data: data === null || data === void 0 ? void 0 : data.PageTitle,\n pageTitleProps: pageTitleProps,\n applyMaxWidthContainer: applyMaxWidthContainer,\n isTwContainer: true\n }), /*#__PURE__*/React__default$1[\"default\"].createElement(Dividers, {\n variant: dividersVariantsTypes.DIVIDER,\n className: \"tw-my-6 tw-pt-2.5\"\n }), (data === null || data === void 0 || (_data$Contact = data.Contact) === null || _data$Contact === void 0 ? void 0 : _data$Contact.variant) === contactVariantsTypes.REGULAR ? /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", null, /*#__PURE__*/React__default$1[\"default\"].createElement(Contact$1, _extends$g({\n data: data === null || data === void 0 ? void 0 : data.Contact,\n variant: contactVariantsTypes.BACKGROUND,\n buttonText: submitButton.text,\n applyMaxWidthContainer: applyMaxWidthContainer\n }, contactProps, {\n inputStyles: _objectSpread2({\n backgroundColor: colorsTypes.PRIMARY_VERY_ULTRA_LIGHT,\n borderRadius: (data === null || data === void 0 || (_data$Contact2 = data.Contact) === null || _data$Contact2 === void 0 ? void 0 : _data$Contact2.borders) === \"CIRCLED\" ? 10 : 0\n }, (contactProps === null || contactProps === void 0 ? void 0 : contactProps.inputStyles) || {}),\n buttonCustomStyles: _objectSpread2({\n withoutBorderRadius: (data === null || data === void 0 || (_data$Contact3 = data.Contact) === null || _data$Contact3 === void 0 ? void 0 : _data$Contact3.borders) !== \"CIRCLED\",\n fill: buttonFillTypes.FILLED,\n styleType: buttonStyleTypes.STANDARD,\n filledBackgroundColor: colorsTypes.SECONDARY,\n hoverFilledBackgroundColor: colorsTypes.TRANSPARENT,\n hoverFilledBorderColor: colorsTypes.SECONDARY,\n hoverFilledTextColor: colorsTypes.SECONDARY\n }, (contactProps === null || contactProps === void 0 ? void 0 : contactProps.buttonCustomStyles) || {}),\n formContainerStyles: _objectSpread2({\n padding: \"1.75rem 0px\"\n }, (contactProps === null || contactProps === void 0 ? void 0 : contactProps.formContainerStyles) || {})\n }))) : /*#__PURE__*/React__default$1[\"default\"].createElement(Contact$1, _extends$g({\n data: data === null || data === void 0 ? void 0 : data.Contact,\n variant: contactVariantsTypes.BACKGROUND,\n buttonText: submitButton.text\n }, contactProps, {\n applyMaxWidthContainer: applyMaxWidthContainer,\n inputStyles: _objectSpread2({\n backgroundColor: colorsTypes.WHITE,\n borderRadius: (data === null || data === void 0 || (_data$Contact4 = data.Contact) === null || _data$Contact4 === void 0 ? void 0 : _data$Contact4.borders) === \"CIRCLED\" ? 10 : 0\n }, (contactProps === null || contactProps === void 0 ? void 0 : contactProps.inputStyles) || {}),\n buttonCustomStyles: _objectSpread2({\n withoutBorderRadius: (data === null || data === void 0 || (_data$Contact5 = data.Contact) === null || _data$Contact5 === void 0 ? void 0 : _data$Contact5.borders) !== \"CIRCLED\",\n fill: buttonFillTypes.FILLED,\n styleType: buttonStyleTypes.STANDARD,\n filledBackgroundColor: colorsTypes.SECONDARY,\n hoverFilledBackgroundColor: colorsTypes.TRANSPARENT,\n hoverFilledBorderColor: colorsTypes.SECONDARY,\n hoverFilledTextColor: colorsTypes.SECONDARY\n }, (contactProps === null || contactProps === void 0 ? void 0 : contactProps.buttonCustomStyles) || {}),\n formContainerStyles: _objectSpread2({\n padding: \"1.75rem 0px\"\n }, (contactProps === null || contactProps === void 0 ? void 0 : contactProps.formContainerStyles) || {})\n })), /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: classnames(\"tw-x-container\", applyMaxWidthContainer && \"max-width-container\")\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(Dividers, {\n variant: dividersVariantsTypes.DIVIDER,\n className: \" tw-my-4 CONTACT_V5_DIVIDER\"\n }), (data === null || data === void 0 ? void 0 : data.BranchExpandedTitle) && /*#__PURE__*/React__default$1[\"default\"].createElement(\"h3\", {\n className: \"CONTACT__US__BRANCH_EXPANDED_TITLE\"\n }, (data === null || data === void 0 ? void 0 : data.BranchExpandedTitle) || \"\"), ((data === null || data === void 0 ? void 0 : data.BranchExpanded) || []).map(function (branch, index) {\n var _branchProps$mainOffi, _branchProps$mainOffi2, _branchProps$mainOffi3, _branchProps$mainOffi4, _branchProps$mainOffi5;\n\n return /*#__PURE__*/React__default$1[\"default\"].createElement(React.Fragment, {\n key: \"Branch-branch-\".concat(index)\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(Branch$1, _extends$g({\n data: branch,\n design: branchVariantsTypes.VERTICAL_LINE\n }, branchProps, {\n mainOfficeStyles: _objectSpread2(_objectSpread2({}, (branchProps === null || branchProps === void 0 ? void 0 : branchProps.mainOfficeStyles) || {}), {}, {\n title: _objectSpread2({\n color: colorsTypes.SECONDARY\n }, (branchProps === null || branchProps === void 0 || (_branchProps$mainOffi = branchProps.mainOfficeStyles) === null || _branchProps$mainOffi === void 0 ? void 0 : _branchProps$mainOffi.title) || {}),\n // for documentation pourposes:\n officeHourBoxStyles: _objectSpread2(_objectSpread2({}, (branchProps === null || branchProps === void 0 || (_branchProps$mainOffi2 = branchProps.mainOfficeStyles) === null || _branchProps$mainOffi2 === void 0 ? void 0 : _branchProps$mainOffi2.officeHourBoxStyles) || {}), {}, {\n first: _objectSpread2({\n color: colorsTypes.BLACK\n }, (branchProps === null || branchProps === void 0 || (_branchProps$mainOffi3 = branchProps.mainOfficeStyles) === null || _branchProps$mainOffi3 === void 0 || (_branchProps$mainOffi3 = _branchProps$mainOffi3.officeHourBoxStyles) === null || _branchProps$mainOffi3 === void 0 ? void 0 : _branchProps$mainOffi3.first) || {}) // second: {\n // color: 'red'\n // },\n // third: {\n // color: 'green'\n // }\n\n }),\n contactSimpleStyles: _objectSpread2(_objectSpread2({}, (branchProps === null || branchProps === void 0 || (_branchProps$mainOffi4 = branchProps.mainOfficeStyles) === null || _branchProps$mainOffi4 === void 0 ? void 0 : _branchProps$mainOffi4.contactSimpleStyles) || {}), {}, {\n title: _objectSpread2({\n color: colorsTypes.SECONDARY\n }, (branchProps === null || branchProps === void 0 || (_branchProps$mainOffi5 = branchProps.mainOfficeStyles) === null || _branchProps$mainOffi5 === void 0 || (_branchProps$mainOffi5 = _branchProps$mainOffi5.contactSimpleStyles) === null || _branchProps$mainOffi5 === void 0 ? void 0 : _branchProps$mainOffi5.title) || {}) // for documentation pourposes:\n // text: {\n // color: 'green'\n // },\n // last: {\n // color: 'pink'\n // }\n\n })\n })\n })), /*#__PURE__*/React__default$1[\"default\"].createElement(Dividers, {\n variant: dividersVariantsTypes.DIVIDER,\n className: \"tw-my-10\"\n }));\n })), /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"CONTACT__US_V5__CALLOUT_CONTAINER\"\n }, Array.isArray(data === null || data === void 0 ? void 0 : data.CalloutMobileApps) && (data === null || data === void 0 || (_data$CalloutMobileAp = data.CalloutMobileApps) === null || _data$CalloutMobileAp === void 0 ? void 0 : _data$CalloutMobileAp.length) > 0 && /*#__PURE__*/React__default$1[\"default\"].createElement(Callout$2, _extends$g({\n variant: (data === null || data === void 0 || (_data$CalloutMobileAp2 = data.CalloutMobileApps[0]) === null || _data$CalloutMobileAp2 === void 0 ? void 0 : _data$CalloutMobileAp2.Type) || calloutVariantsTypes.MOBILE_APPS,\n data: data === null || data === void 0 ? void 0 : data.CalloutMobileApps[0],\n applyMaxWidthContainer: applyMaxWidthContainer\n }, calloutPros))));\n });\n}\n\nContactUsTemplateV5.prototype = {\n pageData: PropTypes.any,\n config: PropTypes.any,\n // heroProps: PropTypes.any,\n submitButton: PropTypes.any,\n pageHeaderProps: PropTypes.any,\n contactProps: PropTypes.any,\n branchProps: PropTypes.any,\n calloutPros: PropTypes.any,\n pageTitleProps: PropTypes.any // calloutMobilePros: PropTypes.any,\n // calloutMobileWithGradientPros: PropTypes.any,\n\n};\nvar _excluded$l = [\"pageData\", \"config\", \"submitButton\", \"pageHeaderProps\", \"contactProps\", \"branchProps\", \"calloutProps\"];\n\nfunction ContactUsTemplateV6(_ref) {\n var _config$speedBump, _otherProps$footerOpt;\n\n var pageData = _ref.pageData,\n config = _ref.config,\n _ref$submitButton = _ref.submitButton,\n submitButton = _ref$submitButton === void 0 ? {} : _ref$submitButton,\n _ref$pageHeaderProps = _ref.pageHeaderProps,\n pageHeaderProps = _ref$pageHeaderProps === void 0 ? {} : _ref$pageHeaderProps,\n _ref$contactProps = _ref.contactProps,\n contactProps = _ref$contactProps === void 0 ? {} : _ref$contactProps,\n _ref$branchProps = _ref.branchProps,\n branchProps = _ref$branchProps === void 0 ? {} : _ref$branchProps,\n _ref$calloutProps = _ref.calloutProps,\n calloutProps = _ref$calloutProps === void 0 ? {} : _ref$calloutProps,\n otherProps = _objectWithoutProperties$2(_ref, _excluded$l);\n\n return /*#__PURE__*/React__default$1[\"default\"].createElement(Page, _extends$g({\n floatHeader: true,\n forceShowHeader: true,\n topIndicatorHeader: true,\n noFilterLogoHeader: true,\n transparent: true,\n isTopBorder: true,\n backgroundMenuHeader: colorsTypes.TRANSPARENT,\n menuSubLinksListBorderColorHeader: colorsTypes.SECONDARY,\n menuSubLinksListBackgroundHeader: colorsTypes.HIGHT_LIGHT_PRIMARY,\n menuSubLinksTitleColorHeader: colorsTypes.PRIMARY_ULTRA_DARK,\n subLinksItemActiveTitleColorHeader: colorsTypes.PRIMARY,\n menuSubLinksItemTitleColorHeader: colorsTypes.ULTRA_LIGHT\n }, otherProps, {\n cms: {\n pageId: \"cu-contact-uss\",\n pageData: pageData\n },\n pathname: \"/contact-us\",\n config: config,\n navigationOptions: _objectSpread2({}, (otherProps === null || otherProps === void 0 ? void 0 : otherProps.navigationOptions) || {}),\n navigationMenuOptions: _objectSpread2({\n subMenuGrayscaleBackgroundColor: colorsTypes.PRIMARY_VERY_ULTRA_LIGHT,\n subMenuBackgroundColor: colorsTypes.PRIMARY_VERY_ULTRA_LIGHT\n }, (otherProps === null || otherProps === void 0 ? void 0 : otherProps.navigationMenuOptions) || {}),\n headerLoginButtonStyles: _objectSpread2({\n withoutBorderRadius: !((_config$speedBump = config.speedBump) !== null && _config$speedBump !== void 0 && _config$speedBump.borderWithRadious),\n fill: buttonFillTypes.FILLED,\n styleType: buttonStyleTypes.NONE,\n hoverFilledBackgroundColor: colorsTypes.PRIMARY_LIGHT,\n hoverFilledBorderColor: colorsTypes.PRIMARY_LIGHT,\n hoverFilledTextColor: colorsTypes.WHITE,\n radius: 10,\n padding: \"2px 15px\"\n }, (otherProps === null || otherProps === void 0 ? void 0 : otherProps.headerLoginButtonStyles) || {}),\n footerOptions: _objectSpread2(_objectSpread2({}, (otherProps === null || otherProps === void 0 ? void 0 : otherProps.footerOptions) || {}), {}, {\n businessCustomLogos: [{\n replaceByIndex: 0,\n url: \"https://olb-assets.s3.us-east-2.amazonaws.com/images/NCUA_Logo.svg\",\n alternativeText: \"NCUA Logo\",\n invert: true,\n linkTo: \"https://www.ncua.gov\"\n }].concat(_toConsumableArray((otherProps === null || otherProps === void 0 || (_otherProps$footerOpt = otherProps.footerOptions) === null || _otherProps$footerOpt === void 0 ? void 0 : _otherProps$footerOpt.businessCustomLogos) || []))\n })\n }), function (data) {\n var _data$Contact, _data$Contact2, _config$speedBump2, _data$Contact3, _data$Contact4, _config$speedBump3, _data$BranchExpanded, _data$CalloutMobileAp;\n\n if (!data) return null;\n return /*#__PURE__*/React__default$1[\"default\"].createElement(React.Fragment, null, /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"tw-pt-20 tw-w-full\"\n }), /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"CONTACT_V6__PAGE_HEADER__CONTAINER\"\n }, data.PageHeaderGradients && /*#__PURE__*/React__default$1[\"default\"].createElement(PageHeader$1, _extends$g({\n variant: pageHeaderVariantsTypes.GRADIENTS,\n color: pageHeaderColorVariantsTypes.PRIMARY,\n data: data.PageHeaderGradients\n }, pageHeaderProps)), data.PageTitle && /*#__PURE__*/React__default$1[\"default\"].createElement(PageTitle, {\n data: data.PageTitle,\n isTwContainer: true\n }), /*#__PURE__*/React__default$1[\"default\"].createElement(Dividers, {\n variant: dividersVariantsTypes.DIVIDER,\n className: \"lg:tw-my-6 lg:tw-pt-2.5\"\n })), data.Contact.variant === contactVariantsTypes.REGULAR ? /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"tw-container\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(Contact$1, _extends$g({\n data: data.Contact,\n noGap: true,\n variant: contactVariantsTypes.BACKGROUND,\n buttonText: submitButton.text\n }, contactProps, {\n inputStyles: _objectSpread2({\n backgroundColor: colorsTypes.PRIMARY_VERY_ULTRA_LIGHT,\n borderRadius: ((_data$Contact = data.Contact) === null || _data$Contact === void 0 ? void 0 : _data$Contact.borders) === \"CIRCLED\" ? 10 : 0\n }, (contactProps === null || contactProps === void 0 ? void 0 : contactProps.inputStyles) || {}),\n buttonCustomStyles: _objectSpread2({\n withoutBorderRadius: ((_data$Contact2 = data.Contact) === null || _data$Contact2 === void 0 ? void 0 : _data$Contact2.borders) !== \"CIRCLED\" || !((_config$speedBump2 = config.speedBump) !== null && _config$speedBump2 !== void 0 && _config$speedBump2.borderWithRadious),\n fill: buttonFillTypes.FILLED,\n styleType: buttonStyleTypes.NONE,\n hoverFilledBackgroundColor: colorsTypes.PRIMARY_LIGHT,\n hoverFilledBorderColor: colorsTypes.PRIMARY_LIGHT,\n hoverFilledTextColor: colorsTypes.WHITE,\n radius: 10\n }, (contactProps === null || contactProps === void 0 ? void 0 : contactProps.buttonCustomStyles) || {}),\n formContainerStyles: _objectSpread2({\n padding: \"1.75rem 0px\"\n }, (contactProps === null || contactProps === void 0 ? void 0 : contactProps.formContainerStyles) || {})\n }))) : /*#__PURE__*/React__default$1[\"default\"].createElement(Contact$1, _extends$g({\n data: data.Contact,\n variant: contactVariantsTypes.BACKGROUND,\n buttonText: submitButton.text\n }, contactProps, {\n inputStyles: _objectSpread2({\n backgroundColor: colorsTypes.WHITE,\n borderRadius: ((_data$Contact3 = data.Contact) === null || _data$Contact3 === void 0 ? void 0 : _data$Contact3.borders) === \"CIRCLED\" ? 10 : 0\n }, (contactProps === null || contactProps === void 0 ? void 0 : contactProps.inputStyles) || {}),\n buttonCustomStyles: _objectSpread2({\n withoutBorderRadius: ((_data$Contact4 = data.Contact) === null || _data$Contact4 === void 0 ? void 0 : _data$Contact4.borders) !== \"CIRCLED\" || !((_config$speedBump3 = config.speedBump) !== null && _config$speedBump3 !== void 0 && _config$speedBump3.borderWithRadious),\n fill: buttonFillTypes.FILLED,\n styleType: buttonStyleTypes.NONE,\n hoverFilledBackgroundColor: colorsTypes.PRIMARY_LIGHT,\n hoverFilledBorderColor: colorsTypes.PRIMARY_LIGHT,\n hoverFilledTextColor: colorsTypes.WHITE,\n radius: 10\n }, (contactProps === null || contactProps === void 0 ? void 0 : contactProps.buttonCustomStyles) || {}),\n formContainerStyles: _objectSpread2({\n padding: \"1.75rem 0px\"\n }, (contactProps === null || contactProps === void 0 ? void 0 : contactProps.formContainerStyles) || {})\n })), /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"tw-container\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(Dividers, {\n variant: dividersVariantsTypes.DIVIDER,\n className: \" tw-my-4\"\n }), data.BranchExpandedTitle && /*#__PURE__*/React__default$1[\"default\"].createElement(\"h3\", {\n className: \"bl-font-secondary bl-text-primary bl-text-2xl\"\n }, data.BranchExpandedTitle), data === null || data === void 0 || (_data$BranchExpanded = data.BranchExpanded) === null || _data$BranchExpanded === void 0 ? void 0 : _data$BranchExpanded.map(function (branch, index) {\n var _branchProps$mainOffi, _branchProps$mainOffi2, _branchProps$mainOffi3, _branchProps$mainOffi4, _branchProps$mainOffi5;\n\n return /*#__PURE__*/React__default$1[\"default\"].createElement(React.Fragment, {\n key: \"Branch-branch-\".concat(index)\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(Branch$1, _extends$g({\n data: branch,\n design: branchVariantsTypes.VERTICAL_LINE\n }, branchProps, {\n mainOfficeStyles: _objectSpread2(_objectSpread2({}, (branchProps === null || branchProps === void 0 ? void 0 : branchProps.mainOfficeStyles) || {}), {}, {\n title: _objectSpread2({\n color: colorsTypes.SECONDARY\n }, (branchProps === null || branchProps === void 0 || (_branchProps$mainOffi = branchProps.mainOfficeStyles) === null || _branchProps$mainOffi === void 0 ? void 0 : _branchProps$mainOffi.title) || {}),\n // for documentation pourposes:\n officeHourBoxStyles: _objectSpread2(_objectSpread2({}, (branchProps === null || branchProps === void 0 || (_branchProps$mainOffi2 = branchProps.mainOfficeStyles) === null || _branchProps$mainOffi2 === void 0 ? void 0 : _branchProps$mainOffi2.officeHourBoxStyles) || {}), {}, {\n first: _objectSpread2({\n color: colorsTypes.BLACK\n }, (branchProps === null || branchProps === void 0 || (_branchProps$mainOffi3 = branchProps.mainOfficeStyles) === null || _branchProps$mainOffi3 === void 0 || (_branchProps$mainOffi3 = _branchProps$mainOffi3.officeHourBoxStyles) === null || _branchProps$mainOffi3 === void 0 ? void 0 : _branchProps$mainOffi3.first) || {}) // second: {\n // color: 'red'\n // },\n // third: {\n // color: 'green'\n // }\n\n }),\n contactSimpleStyles: _objectSpread2(_objectSpread2({}, (branchProps === null || branchProps === void 0 || (_branchProps$mainOffi4 = branchProps.mainOfficeStyles) === null || _branchProps$mainOffi4 === void 0 ? void 0 : _branchProps$mainOffi4.contactSimpleStyles) || {}), {}, {\n title: _objectSpread2({\n color: colorsTypes.SECONDARY\n }, (branchProps === null || branchProps === void 0 || (_branchProps$mainOffi5 = branchProps.mainOfficeStyles) === null || _branchProps$mainOffi5 === void 0 || (_branchProps$mainOffi5 = _branchProps$mainOffi5.contactSimpleStyles) === null || _branchProps$mainOffi5 === void 0 ? void 0 : _branchProps$mainOffi5.title) || {}) // for documentation pourposes:\n // text: {\n // color: 'green'\n // },\n // last: {\n // color: 'pink'\n // }\n\n })\n })\n })), /*#__PURE__*/React__default$1[\"default\"].createElement(Dividers, {\n variant: dividersVariantsTypes.DIVIDER,\n className: \"tw-my-10\"\n }));\n })), /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"tw-container tw-mb-24\"\n }, Array.isArray(data.CalloutMobileApps) && data.CalloutMobileApps.length > 0 && /*#__PURE__*/React__default$1[\"default\"].createElement(Callout$2, _extends$g({\n variant: ((_data$CalloutMobileAp = data.CalloutMobileApps[0]) === null || _data$CalloutMobileAp === void 0 ? void 0 : _data$CalloutMobileAp.Type) || calloutVariantsTypes.MOBILE_APPS,\n data: data.CalloutMobileApps[0]\n }, calloutProps))));\n });\n}\n\nContactUsTemplateV6.prototype = {\n pageData: PropTypes.any,\n config: PropTypes.any,\n // heroProps: PropTypes.any,\n submitButton: PropTypes.any,\n pageHeaderProps: PropTypes.any,\n contactProps: PropTypes.any,\n branchProps: PropTypes.any,\n calloutPros: PropTypes.any // pageTitleProps: PropTypes.any,\n // calloutMobilePros: PropTypes.any,\n // calloutMobileWithGradientPros: PropTypes.any,\n\n};\nvar _excluded$k = [\"pageData\", \"config\", \"variant\", \"heroProps\", \"productsProps\", \"featureFullProps\", \"featureProps\", \"calloutProps\"];\n\nfunction ContactUsTemplateV7(_ref) {\n _ref.pageData;\n\n var config = _ref.config,\n _ref$variant = _ref.variant,\n variant = _ref$variant === void 0 ? dynamicTemplatesVersionVariantsTypes.DYNAMIC_TEMPLATE_V5 : _ref$variant,\n _ref$heroProps = _ref.heroProps,\n heroProps = _ref$heroProps === void 0 ? {} : _ref$heroProps,\n _ref$productsProps = _ref.productsProps,\n productsProps = _ref$productsProps === void 0 ? {} : _ref$productsProps,\n _ref$featureFullProps = _ref.featureFullProps,\n featureFullProps = _ref$featureFullProps === void 0 ? {} : _ref$featureFullProps,\n _ref$featureProps = _ref.featureProps,\n featureProps = _ref$featureProps === void 0 ? {} : _ref$featureProps,\n _ref$calloutProps = _ref.calloutProps,\n calloutProps = _ref$calloutProps === void 0 ? {} : _ref$calloutProps,\n otherProps = _objectWithoutProperties$2(_ref, _excluded$k);\n\n return /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"CONTACT_PAGE__CONTAINER\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(DynamicPage, _extends$g({\n heroProps: heroProps,\n productsProps: productsProps,\n featureFullProps: featureFullProps,\n featureProps: featureProps,\n calloutProps: calloutProps\n }, otherProps, {\n path: \"/contact-us\",\n id: \"contact-us\",\n config: config,\n variant: variant\n })));\n}\n\nContactUsTemplateV7.prototype = {\n pageData: PropTypes.any.isRequired,\n config: PropTypes.any.isRequired,\n variant: PropTypes.string,\n heroProps: PropTypes.any,\n productsProps: PropTypes.any,\n featureFullProps: PropTypes.any,\n featureProps: PropTypes.any,\n calloutProps: PropTypes.any\n};\nvar _excluded$j = [\"pageData\", \"config\", \"submitButton\", \"pageHeaderProps\", \"contactProps\", \"branchProps\", \"calloutPros\"];\n\nfunction ContactUsTemplateV8(_ref) {\n var _config$speedBump, _otherProps$footerOpt;\n\n var pageData = _ref.pageData,\n config = _ref.config,\n _ref$submitButton = _ref.submitButton,\n submitButton = _ref$submitButton === void 0 ? {} : _ref$submitButton,\n _ref$pageHeaderProps = _ref.pageHeaderProps,\n pageHeaderProps = _ref$pageHeaderProps === void 0 ? {} : _ref$pageHeaderProps,\n _ref$contactProps = _ref.contactProps,\n contactProps = _ref$contactProps === void 0 ? {} : _ref$contactProps,\n _ref$branchProps = _ref.branchProps,\n branchProps = _ref$branchProps === void 0 ? {} : _ref$branchProps,\n _ref$calloutPros = _ref.calloutPros,\n calloutPros = _ref$calloutPros === void 0 ? {} : _ref$calloutPros,\n otherProps = _objectWithoutProperties$2(_ref, _excluded$j);\n\n return /*#__PURE__*/React__default$1[\"default\"].createElement(Page, _extends$g({\n floatHeader: true,\n forceShowHeader: true,\n topIndicatorHeader: true,\n noFilterLogoHeader: true,\n transparent: true,\n isTopBorder: true,\n backgroundMenuHeader: colorsTypes.TRANSPARENT,\n menuSubLinksListBorderColorHeader: colorsTypes.SECONDARY,\n menuSubLinksListBackgroundHeader: colorsTypes.HIGHT_LIGHT_PRIMARY,\n menuSubLinksTitleColorHeader: colorsTypes.PRIMARY_ULTRA_DARK,\n subLinksItemActiveTitleColorHeader: colorsTypes.PRIMARY,\n menuSubLinksItemTitleColorHeader: colorsTypes.ULTRA_LIGHT\n }, otherProps, {\n cms: {\n pageId: \"cu-contact-uss\",\n pageData: pageData\n },\n pathname: \"/contact-us\",\n config: config,\n navigationOptions: _objectSpread2({}, (otherProps === null || otherProps === void 0 ? void 0 : otherProps.navigationOptions) || {}),\n navigationMenuOptions: _objectSpread2({\n subMenuGrayscaleBackgroundColor: colorsTypes.PRIMARY_VERY_ULTRA_LIGHT,\n subMenuBackgroundColor: colorsTypes.PRIMARY_VERY_ULTRA_LIGHT\n }, (otherProps === null || otherProps === void 0 ? void 0 : otherProps.navigationMenuOptions) || {}),\n headerLoginButtonStyles: _objectSpread2({\n withoutBorderRadius: !((_config$speedBump = config.speedBump) !== null && _config$speedBump !== void 0 && _config$speedBump.borderWithRadious),\n fill: buttonFillTypes.FILLED,\n styleType: buttonStyleTypes.NONE,\n hoverFilledBackgroundColor: colorsTypes.PRIMARY_LIGHT,\n hoverFilledBorderColor: colorsTypes.PRIMARY_LIGHT,\n hoverFilledTextColor: colorsTypes.WHITE,\n radius: 10,\n padding: \"2px 15px\"\n }, (otherProps === null || otherProps === void 0 ? void 0 : otherProps.headerLoginButtonStyles) || {}),\n footerOptions: _objectSpread2(_objectSpread2({}, (otherProps === null || otherProps === void 0 ? void 0 : otherProps.footerOptions) || {}), {}, {\n businessCustomLogos: [{\n replaceByIndex: 0,\n url: \"https://olb-assets.s3.us-east-2.amazonaws.com/images/NCUA_Logo.svg\",\n alternativeText: \"NCUA Logo\",\n invert: true,\n linkTo: \"https://www.ncua.gov\"\n }].concat(_toConsumableArray((otherProps === null || otherProps === void 0 || (_otherProps$footerOpt = otherProps.footerOptions) === null || _otherProps$footerOpt === void 0 ? void 0 : _otherProps$footerOpt.businessCustomLogos) || []))\n })\n }), function (data) {\n var _data$Contact, _data$Contact2, _data$Contact3, _data$Contact4, _data$Contact5, _data$BranchExpanded, _data$CalloutMobileAp;\n\n if (!data) return null;\n return /*#__PURE__*/React__default$1[\"default\"].createElement(React.Fragment, null, /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"tw-pt-20 tw-w-full\"\n }), (data === null || data === void 0 ? void 0 : data.PageHeaderGradients) && /*#__PURE__*/React__default$1[\"default\"].createElement(PageHeader$1, _extends$g({\n variant: pageHeaderVariantsTypes.GRADIENTS,\n color: pageHeaderColorVariantsTypes.PRIMARY,\n data: data === null || data === void 0 ? void 0 : data.PageHeaderGradients\n }, pageHeaderProps)), (data === null || data === void 0 ? void 0 : data.PageTitle) && /*#__PURE__*/React__default$1[\"default\"].createElement(PageTitle, {\n data: data.PageTitle,\n isTwContainer: true\n }), /*#__PURE__*/React__default$1[\"default\"].createElement(Dividers, {\n variant: dividersVariantsTypes.DIVIDER,\n className: \"tw-my-6 tw-pt-2.5\"\n }), (data === null || data === void 0 || (_data$Contact = data.Contact) === null || _data$Contact === void 0 ? void 0 : _data$Contact.variant) === contactVariantsTypes.REGULAR ? /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"tw-container\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(Contact$1, _extends$g({\n data: data === null || data === void 0 ? void 0 : data.Contact,\n variant: contactVariantsTypes.BACKGROUND,\n buttonText: submitButton.text\n }, contactProps, {\n inputStyles: _objectSpread2({\n backgroundColor: colorsTypes.PRIMARY_VERY_ULTRA_LIGHT,\n borderRadius: (data === null || data === void 0 || (_data$Contact2 = data.Contact) === null || _data$Contact2 === void 0 ? void 0 : _data$Contact2.borders) === \"CIRCLED\" ? 10 : 0\n }, (contactProps === null || contactProps === void 0 ? void 0 : contactProps.inputStyles) || {}),\n buttonCustomStyles: _objectSpread2({\n withoutBorderRadius: (data === null || data === void 0 || (_data$Contact3 = data.Contact) === null || _data$Contact3 === void 0 ? void 0 : _data$Contact3.borders) !== \"CIRCLED\",\n filledBackgroundColor: colorsTypes.PRIMARY_SEMI_DARK,\n filledBorderColor: colorsTypes.PRIMARY_SEMI_DARK,\n filledTextColor: colorsTypes.WHITE,\n hoverFilledTextColor: colorsTypes.PRIMARY_SEMI_DARK,\n hoverDefaultBorderColor: colorsTypes.PRIMARY_SEMI_DARK,\n hoverFilledBorderColor: colorsTypes.PRIMARY_SEMI_DARK,\n buttonWithoutBorderRadius: true,\n hoverBackgroundColor: colorsTypes.PRIMARY,\n hoverFilledBackgroundColor: colorsTypes.PRIMARY_SEMI_DARK,\n hoverColor: true,\n hoverBorderColor: colorsTypes.PRIMARY_SEMI_DARK,\n defaultBorderColor: colorsTypes.PRIMARY_SEMI_DARK,\n defaultTextColor: colorsTypes.WHITE,\n hoverTextColor: colorsTypes.PRIMARY_SEMI_DARK,\n buttonFill: buttonFillTypes.NONE\n }, (contactProps === null || contactProps === void 0 ? void 0 : contactProps.buttonCustomStyles) || {}),\n formContainerStyles: _objectSpread2({\n padding: \"1.75rem 0px\"\n }, (contactProps === null || contactProps === void 0 ? void 0 : contactProps.formContainerStyles) || {})\n }))) : /*#__PURE__*/React__default$1[\"default\"].createElement(Contact$1, _extends$g({\n data: data === null || data === void 0 ? void 0 : data.Contact,\n variant: contactVariantsTypes.BACKGROUND,\n buttonText: submitButton.text\n }, contactProps, {\n inputStyles: _objectSpread2({\n backgroundColor: colorsTypes.WHITE,\n borderRadius: (data === null || data === void 0 || (_data$Contact4 = data.Contact) === null || _data$Contact4 === void 0 ? void 0 : _data$Contact4.borders) === \"CIRCLED\" ? 10 : 0\n }, (contactProps === null || contactProps === void 0 ? void 0 : contactProps.inputStyles) || {}),\n buttonCustomStyles: _objectSpread2({\n withoutBorderRadius: (data === null || data === void 0 || (_data$Contact5 = data.Contact) === null || _data$Contact5 === void 0 ? void 0 : _data$Contact5.borders) !== \"CIRCLED\",\n filledBackgroundColor: colorsTypes.PRIMARY_SEMI_DARK,\n filledBorderColor: colorsTypes.PRIMARY_SEMI_DARK,\n filledTextColor: colorsTypes.WHITE,\n hoverFilledTextColor: colorsTypes.PRIMARY_SEMI_DARK,\n hoverDefaultBorderColor: colorsTypes.PRIMARY_SEMI_DARK,\n hoverFilledBorderColor: colorsTypes.PRIMARY_SEMI_DARK,\n buttonWithoutBorderRadius: true,\n hoverBackgroundColor: colorsTypes.PRIMARY,\n hoverFilledBackgroundColor: colorsTypes.PRIMARY_SEMI_DARK,\n hoverColor: true,\n hoverBorderColor: colorsTypes.PRIMARY_SEMI_DARK,\n defaultBorderColor: colorsTypes.PRIMARY_SEMI_DARK,\n defaultTextColor: colorsTypes.WHITE,\n hoverTextColor: colorsTypes.PRIMARY_SEMI_DARK,\n buttonFill: buttonFillTypes.NONE\n }, (contactProps === null || contactProps === void 0 ? void 0 : contactProps.buttonCustomStyles) || {}),\n formContainerStyles: _objectSpread2({\n padding: \"1.75rem 0px\"\n }, (contactProps === null || contactProps === void 0 ? void 0 : contactProps.formContainerStyles) || {})\n })), /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"tw-container BRANCH__EXPANDED___SEPARATOR\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(Dividers, {\n variant: dividersVariantsTypes.DIVIDER,\n className: \" tw-my-4\"\n }), (data === null || data === void 0 ? void 0 : data.BranchExpandedTitle) && /*#__PURE__*/React__default$1[\"default\"].createElement(\"h3\", {\n className: \"bl-font-secondary bl-text-primary bl-text-2xl\"\n }, data === null || data === void 0 ? void 0 : data.BranchExpandedTitle), data === null || data === void 0 || (_data$BranchExpanded = data.BranchExpanded) === null || _data$BranchExpanded === void 0 ? void 0 : _data$BranchExpanded.map(function (branch, index) {\n var _branchProps$mainOffi, _branchProps$mainOffi2, _branchProps$mainOffi3, _branchProps$mainOffi4, _branchProps$mainOffi5;\n\n return /*#__PURE__*/React__default$1[\"default\"].createElement(React.Fragment, {\n key: \"Branch-branch-\".concat(index)\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(Branch$1, _extends$g({\n data: branch,\n design: branchVariantsTypes.VERTICAL_LINE\n }, branchProps, {\n mainOfficeStyles: _objectSpread2(_objectSpread2({}, (branchProps === null || branchProps === void 0 ? void 0 : branchProps.mainOfficeStyles) || {}), {}, {\n title: _objectSpread2({\n color: colorsTypes.SECONDARY\n }, (branchProps === null || branchProps === void 0 || (_branchProps$mainOffi = branchProps.mainOfficeStyles) === null || _branchProps$mainOffi === void 0 ? void 0 : _branchProps$mainOffi.title) || {}),\n // for documentation pourposes:\n officeHourBoxStyles: _objectSpread2(_objectSpread2({}, (branchProps === null || branchProps === void 0 || (_branchProps$mainOffi2 = branchProps.mainOfficeStyles) === null || _branchProps$mainOffi2 === void 0 ? void 0 : _branchProps$mainOffi2.officeHourBoxStyles) || {}), {}, {\n first: _objectSpread2({\n color: colorsTypes.BLACK\n }, (branchProps === null || branchProps === void 0 || (_branchProps$mainOffi3 = branchProps.mainOfficeStyles) === null || _branchProps$mainOffi3 === void 0 || (_branchProps$mainOffi3 = _branchProps$mainOffi3.officeHourBoxStyles) === null || _branchProps$mainOffi3 === void 0 ? void 0 : _branchProps$mainOffi3.color) || {}) // second: {\n // color: 'red'\n // },\n // third: {\n // color: 'green'\n // }\n\n }),\n contactSimpleStyles: _objectSpread2(_objectSpread2({}, (branchProps === null || branchProps === void 0 || (_branchProps$mainOffi4 = branchProps.mainOfficeStyles) === null || _branchProps$mainOffi4 === void 0 ? void 0 : _branchProps$mainOffi4.contactSimpleStyles) || {}), {}, {\n title: _objectSpread2(_objectSpread2({}, (branchProps === null || branchProps === void 0 || (_branchProps$mainOffi5 = branchProps.mainOfficeStyles) === null || _branchProps$mainOffi5 === void 0 || (_branchProps$mainOffi5 = _branchProps$mainOffi5.contactSimpleStyles) === null || _branchProps$mainOffi5 === void 0 ? void 0 : _branchProps$mainOffi5.title) || {}), {}, {\n color: colorsTypes.SECONDARY\n }) // for documentation pourposes:\n // text: {\n // color: 'green'\n // },\n // last: {\n // color: 'pink'\n // }\n\n })\n })\n })), /*#__PURE__*/React__default$1[\"default\"].createElement(Dividers, {\n variant: dividersVariantsTypes.DIVIDER,\n className: \"tw-my-10\"\n }));\n })), Array.isArray(data === null || data === void 0 ? void 0 : data.CalloutMobileApps) && (data === null || data === void 0 ? void 0 : data.CalloutMobileApps.length) > 0 && /*#__PURE__*/React__default$1[\"default\"].createElement(Callout$2, _extends$g({\n variant: (data === null || data === void 0 || (_data$CalloutMobileAp = data.CalloutMobileApps[0]) === null || _data$CalloutMobileAp === void 0 ? void 0 : _data$CalloutMobileAp.Type) || calloutVariantsTypes.MOBILE_APPS_GRADIENTS_LIGHT,\n data: data === null || data === void 0 ? void 0 : data.CalloutMobileApps[0]\n }, calloutPros)));\n });\n}\n\nContactUsTemplateV8.prototype = {\n pageData: PropTypes.any,\n config: PropTypes.any,\n // heroProps: PropTypes.any,\n pageHeaderProps: PropTypes.any,\n contactProps: PropTypes.any,\n branchProps: PropTypes.any,\n calloutPros: PropTypes.any,\n pageTitleProps: PropTypes.any,\n calloutMobilePros: PropTypes.any,\n calloutMobileWithGradientPros: PropTypes.any\n};\nvar _excluded$i = [\"pageData\", \"config\", \"submitButton\", \"pageHeaderProps\", \"contactProps\", \"branchProps\", \"calloutPros\"];\n\nfunction ContactUsTemplateV9(_ref) {\n var _otherProps$footerOpt, _config$speedBump, _config$speedBump2, _otherProps$speedBump, _config$speedBump3, _otherProps$speedBump2;\n\n var pageData = _ref.pageData,\n config = _ref.config,\n _ref$submitButton = _ref.submitButton,\n submitButton = _ref$submitButton === void 0 ? {} : _ref$submitButton,\n _ref$pageHeaderProps = _ref.pageHeaderProps,\n pageHeaderProps = _ref$pageHeaderProps === void 0 ? {} : _ref$pageHeaderProps,\n _ref$contactProps = _ref.contactProps,\n contactProps = _ref$contactProps === void 0 ? {} : _ref$contactProps,\n _ref$branchProps = _ref.branchProps,\n branchProps = _ref$branchProps === void 0 ? {} : _ref$branchProps,\n _ref$calloutPros = _ref.calloutPros,\n calloutPros = _ref$calloutPros === void 0 ? {} : _ref$calloutPros,\n otherProps = _objectWithoutProperties$2(_ref, _excluded$i);\n\n return /*#__PURE__*/React__default$1[\"default\"].createElement(Page // transparentHeader\n , _extends$g({\n isDynamic: true,\n forceShowHeader: true,\n floatHeader: true,\n grayscaleHeader: true,\n backgroundScreenHeader: true,\n darkHeader: true,\n topIndicatorHeader: false,\n backgroundMenuHeader: colorsTypes.PRIMARY_VERY_ULTRA_LIGHT,\n menuSubLinksListBorderColorHeader: colorsTypes.SECONDARY,\n menuSubLinksListBackgroundHeader: colorsTypes.PRIMARY_VERY_ULTRA_LIGHT,\n menuSubLinksTitleColorHeader: colorsTypes.PRIMARY_ULTRA_DARK,\n subLinksItemActiveTitleColorHeader: colorsTypes.PRIMARY_SEMI_DARK,\n menuSubLinksItemTitleColorHeader: colorsTypes.SECONDARY\n }, otherProps, {\n cms: {\n pageId: \"cu-contact-uss\",\n pageData: pageData\n },\n pathname: \"/contact-us\",\n config: config,\n footerOptions: _objectSpread2(_objectSpread2({\n background: colorsTypes.PRIMARY_ULTRA_DARK,\n // powerByImg: \"\",\n bottomSectionMargin: 0\n }, (otherProps === null || otherProps === void 0 ? void 0 : otherProps.footerOptions) || {}), {}, {\n businessCustomLogos: [{\n replaceByIndex: 0,\n url: \"https://olb-assets.s3.us-east-2.amazonaws.com/images/NCUA_Logo.svg\",\n alternativeText: \"NCUA Logo\",\n invert: true,\n linkTo: \"https://www.ncua.gov\"\n }].concat(_toConsumableArray((otherProps === null || otherProps === void 0 || (_otherProps$footerOpt = otherProps.footerOptions) === null || _otherProps$footerOpt === void 0 ? void 0 : _otherProps$footerOpt.businessCustomLogos) || []))\n }),\n navigationMenuOptions: _objectSpread2({\n menuSubItemTitleColor: colorsTypes.SECONDARY,\n menuSubItemTitleActiveColor: colorsTypes.SECONDARY,\n menuActiveBorderColor: colorsTypes.BLACK\n }, (otherProps === null || otherProps === void 0 ? void 0 : otherProps.navigationMenuOptions) || {}),\n headerLoginButtonStyles: _objectSpread2({\n withoutBorderRadius: !((_config$speedBump = config.speedBump) !== null && _config$speedBump !== void 0 && _config$speedBump.borderWithRadious),\n fill: buttonFillTypes.FILLED,\n styleType: buttonStyleTypes.STANDARD,\n height: 30,\n padding: \"2px 17px\",\n hoverBackgroundColor: colorsTypes.WHITE,\n hoverFilledBorderColor: colorsTypes.PRIMARY\n }, (otherProps === null || otherProps === void 0 ? void 0 : otherProps.headerLoginButtonStyles) || {}),\n speedBumpStyles: _objectSpread2(_objectSpread2({}, otherProps === null || otherProps === void 0 ? void 0 : otherProps.speedBumpStyles), {}, {\n acceptButton: _objectSpread2({\n withoutBorderRadius: !((_config$speedBump2 = config.speedBump) !== null && _config$speedBump2 !== void 0 && _config$speedBump2.borderWithRadious),\n fill: buttonFillTypes.FILLED,\n styleType: buttonStyleTypes.STANDARD,\n hoverFilledTextColor: colorsTypes.PRIMARY_DARK,\n hoverFilledBorderColor: colorsTypes.PRIMARY_DARK,\n hoverFilledBackgroundColor: colorsTypes.TRANSPARENT,\n filledBackgroundColor: colorsTypes.PRIMARY_DARK\n }, (otherProps === null || otherProps === void 0 || (_otherProps$speedBump = otherProps.speedBumpStyles) === null || _otherProps$speedBump === void 0 ? void 0 : _otherProps$speedBump.acceptButton) || {}),\n cancelButton: _objectSpread2({\n withoutBorderRadius: !((_config$speedBump3 = config.speedBump) !== null && _config$speedBump3 !== void 0 && _config$speedBump3.borderWithRadious),\n fill: buttonFillTypes.FILLED,\n styleType: buttonStyleTypes.STANDARD,\n hoverFilledTextColor: colorsTypes.PRIMARY_DARK,\n hoverFilledBorderColor: colorsTypes.PRIMARY_DARK,\n hoverFilledBackgroundColor: colorsTypes.TRANSPARENT,\n filledBackgroundColor: colorsTypes.PRIMARY_DARK\n }, (otherProps === null || otherProps === void 0 || (_otherProps$speedBump2 = otherProps.speedBumpStyles) === null || _otherProps$speedBump2 === void 0 ? void 0 : _otherProps$speedBump2.acceptButton) || {})\n })\n }), function (data) {\n var _data$Contact, _data$Contact2, _data$Contact3, _data$Contact4, _data$Contact5, _data$BranchExpanded, _data$CalloutMobileAp;\n\n if (!data) return null;\n return /*#__PURE__*/React__default$1[\"default\"].createElement(React.Fragment, null, /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"tw-pt-20 tw-w-full\"\n }), (data === null || data === void 0 ? void 0 : data.PageHeaderGradients) && /*#__PURE__*/React__default$1[\"default\"].createElement(PageHeader$1, _extends$g({\n variant: pageHeaderVariantsTypes.GRADIENTS,\n color: pageHeaderColorVariantsTypes.PRIMARY,\n data: data === null || data === void 0 ? void 0 : data.PageHeaderGradients\n }, pageHeaderProps)), (data === null || data === void 0 ? void 0 : data.PageTitle) && /*#__PURE__*/React__default$1[\"default\"].createElement(PageTitle, {\n data: data.PageTitle,\n isTwContainer: true\n }), /*#__PURE__*/React__default$1[\"default\"].createElement(Dividers, {\n variant: dividersVariantsTypes.DIVIDER,\n className: \"tw-my-6 tw-pt-2.5\"\n }), (data === null || data === void 0 || (_data$Contact = data.Contact) === null || _data$Contact === void 0 ? void 0 : _data$Contact.variant) === contactVariantsTypes.REGULAR ? /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"tw-container\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(Contact$1, _extends$g({\n data: data === null || data === void 0 ? void 0 : data.Contact,\n variant: contactVariantsTypes.BACKGROUND,\n buttonText: submitButton.text\n }, contactProps, {\n inputStyles: _objectSpread2({\n backgroundColor: colorsTypes.PRIMARY_VERY_ULTRA_LIGHT,\n borderRadius: (data === null || data === void 0 || (_data$Contact2 = data.Contact) === null || _data$Contact2 === void 0 ? void 0 : _data$Contact2.borders) === \"CIRCLED\" ? 10 : 0\n }, (contactProps === null || contactProps === void 0 ? void 0 : contactProps.inputStyles) || {}),\n buttonCustomStyles: _objectSpread2({\n withoutBorderRadius: (data === null || data === void 0 || (_data$Contact3 = data.Contact) === null || _data$Contact3 === void 0 ? void 0 : _data$Contact3.borders) !== \"CIRCLED\",\n filledBackgroundColor: colorsTypes.PRIMARY_SEMI_DARK,\n filledBorderColor: colorsTypes.PRIMARY_SEMI_DARK,\n filledTextColor: colorsTypes.WHITE,\n hoverFilledTextColor: colorsTypes.PRIMARY_SEMI_DARK,\n hoverDefaultBorderColor: colorsTypes.PRIMARY_SEMI_DARK,\n hoverFilledBorderColor: colorsTypes.PRIMARY_SEMI_DARK,\n buttonWithoutBorderRadius: true,\n hoverBackgroundColor: colorsTypes.PRIMARY,\n hoverFilledBackgroundColor: colorsTypes.PRIMARY_SEMI_DARK,\n hoverColor: true,\n hoverBorderColor: colorsTypes.PRIMARY_SEMI_DARK,\n defaultBorderColor: colorsTypes.PRIMARY_SEMI_DARK,\n defaultTextColor: colorsTypes.WHITE,\n hoverTextColor: colorsTypes.PRIMARY_SEMI_DARK,\n buttonFill: buttonFillTypes.NONE\n }, (contactProps === null || contactProps === void 0 ? void 0 : contactProps.buttonCustomStyles) || {}),\n formContainerStyles: _objectSpread2({\n padding: \"1.75rem 0px\"\n }, (contactProps === null || contactProps === void 0 ? void 0 : contactProps.formContainerStyles) || {})\n }))) : /*#__PURE__*/React__default$1[\"default\"].createElement(Contact$1, _extends$g({\n isDynamic: true,\n data: data === null || data === void 0 ? void 0 : data.Contact,\n variant: contactVariantsTypes.BACKGROUND,\n buttonText: submitButton.text\n }, contactProps, {\n inputStyles: _objectSpread2({\n backgroundColor: colorsTypes.WHITE,\n borderRadius: (data === null || data === void 0 || (_data$Contact4 = data.Contact) === null || _data$Contact4 === void 0 ? void 0 : _data$Contact4.borders) === \"CIRCLED\" ? 10 : 0\n }, (contactProps === null || contactProps === void 0 ? void 0 : contactProps.inputStyles) || {}),\n buttonCustomStyles: _objectSpread2({\n withoutBorderRadius: (data === null || data === void 0 || (_data$Contact5 = data.Contact) === null || _data$Contact5 === void 0 ? void 0 : _data$Contact5.borders) !== \"CIRCLED\",\n filledBackgroundColor: colorsTypes.PRIMARY_SEMI_DARK,\n filledBorderColor: colorsTypes.PRIMARY_SEMI_DARK,\n filledTextColor: colorsTypes.WHITE,\n hoverFilledTextColor: colorsTypes.PRIMARY_SEMI_DARK,\n hoverDefaultBorderColor: colorsTypes.PRIMARY_SEMI_DARK,\n hoverFilledBorderColor: colorsTypes.PRIMARY_SEMI_DARK,\n buttonWithoutBorderRadius: true,\n hoverBackgroundColor: colorsTypes.PRIMARY,\n hoverFilledBackgroundColor: colorsTypes.PRIMARY_SEMI_DARK,\n hoverColor: true,\n hoverBorderColor: colorsTypes.PRIMARY_SEMI_DARK,\n defaultBorderColor: colorsTypes.PRIMARY_SEMI_DARK,\n defaultTextColor: colorsTypes.WHITE,\n hoverTextColor: colorsTypes.PRIMARY_SEMI_DARK,\n buttonFill: buttonFillTypes.NONE\n }, (contactProps === null || contactProps === void 0 ? void 0 : contactProps.buttonCustomStyles) || {}),\n formContainerStyles: _objectSpread2({\n padding: \"1.75rem 0px\"\n }, (contactProps === null || contactProps === void 0 ? void 0 : contactProps.formContainerStyles) || {})\n })), /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"tw-x-container BRANCH__EXPANDED___SEPARATOR\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(Dividers, {\n variant: dividersVariantsTypes.DIVIDER,\n className: \" tw-my-4\"\n }), (data === null || data === void 0 ? void 0 : data.BranchExpandedTitle) && /*#__PURE__*/React__default$1[\"default\"].createElement(\"h3\", {\n className: \"bl-font-secondary bl-text-primary bl-text-2xl\"\n }, data === null || data === void 0 ? void 0 : data.BranchExpandedTitle), data === null || data === void 0 || (_data$BranchExpanded = data.BranchExpanded) === null || _data$BranchExpanded === void 0 ? void 0 : _data$BranchExpanded.map(function (branch, index) {\n var _branchProps$mainOffi, _branchProps$mainOffi2, _branchProps$mainOffi3, _branchProps$mainOffi4, _branchProps$mainOffi5;\n\n return /*#__PURE__*/React__default$1[\"default\"].createElement(React.Fragment, {\n key: \"Branch-branch-\".concat(index)\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(Branch$1, _extends$g({\n data: branch,\n design: branchVariantsTypes.VERTICAL_LINE\n }, branchProps, {\n mainOfficeStyles: _objectSpread2(_objectSpread2({}, (branchProps === null || branchProps === void 0 ? void 0 : branchProps.mainOfficeStyles) || {}), {}, {\n title: _objectSpread2({\n color: colorsTypes.SECONDARY\n }, (branchProps === null || branchProps === void 0 || (_branchProps$mainOffi = branchProps.mainOfficeStyles) === null || _branchProps$mainOffi === void 0 ? void 0 : _branchProps$mainOffi.title) || {}),\n // for documentation pourposes:\n officeHourBoxStyles: _objectSpread2(_objectSpread2({}, (branchProps === null || branchProps === void 0 || (_branchProps$mainOffi2 = branchProps.mainOfficeStyles) === null || _branchProps$mainOffi2 === void 0 ? void 0 : _branchProps$mainOffi2.officeHourBoxStyles) || {}), {}, {\n first: _objectSpread2({\n color: colorsTypes.BLACK\n }, (branchProps === null || branchProps === void 0 || (_branchProps$mainOffi3 = branchProps.mainOfficeStyles) === null || _branchProps$mainOffi3 === void 0 || (_branchProps$mainOffi3 = _branchProps$mainOffi3.officeHourBoxStyles) === null || _branchProps$mainOffi3 === void 0 ? void 0 : _branchProps$mainOffi3.color) || {}) // second: {\n // color: 'red'\n // },\n // third: {\n // color: 'green'\n // }\n\n }),\n contactSimpleStyles: _objectSpread2(_objectSpread2({}, (branchProps === null || branchProps === void 0 || (_branchProps$mainOffi4 = branchProps.mainOfficeStyles) === null || _branchProps$mainOffi4 === void 0 ? void 0 : _branchProps$mainOffi4.contactSimpleStyles) || {}), {}, {\n title: _objectSpread2(_objectSpread2({}, (branchProps === null || branchProps === void 0 || (_branchProps$mainOffi5 = branchProps.mainOfficeStyles) === null || _branchProps$mainOffi5 === void 0 || (_branchProps$mainOffi5 = _branchProps$mainOffi5.contactSimpleStyles) === null || _branchProps$mainOffi5 === void 0 ? void 0 : _branchProps$mainOffi5.title) || {}), {}, {\n color: colorsTypes.SECONDARY\n }) // for documentation pourposes:\n // text: {\n // color: 'green'\n // },\n // last: {\n // color: 'pink'\n // }\n\n })\n })\n })), /*#__PURE__*/React__default$1[\"default\"].createElement(Dividers, {\n variant: dividersVariantsTypes.DIVIDER,\n className: \"tw-my-10\"\n }));\n })), Array.isArray(data === null || data === void 0 ? void 0 : data.CalloutMobileApps) && (data === null || data === void 0 ? void 0 : data.CalloutMobileApps.length) > 0 && /*#__PURE__*/React__default$1[\"default\"].createElement(Callout$2, _extends$g({\n variant: (data === null || data === void 0 || (_data$CalloutMobileAp = data.CalloutMobileApps[0]) === null || _data$CalloutMobileAp === void 0 ? void 0 : _data$CalloutMobileAp.Type) || calloutVariantsTypes.MOBILE_APPS_GRADIENTS_LIGHT,\n data: data === null || data === void 0 ? void 0 : data.CalloutMobileApps[0]\n }, calloutPros)));\n });\n}\n\nContactUsTemplateV9.prototype = {\n pageData: PropTypes.any,\n config: PropTypes.any,\n // heroProps: PropTypes.any,\n pageHeaderProps: PropTypes.any,\n contactProps: PropTypes.any,\n branchProps: PropTypes.any,\n calloutPros: PropTypes.any,\n pageTitleProps: PropTypes.any,\n calloutMobilePros: PropTypes.any,\n calloutMobileWithGradientPros: PropTypes.any\n};\nvar _excluded$h = [\"pageData\", \"config\", \"variant\", \"heroProps\", \"productsProps\", \"featureFullProps\", \"featureProps\", \"calloutProps\"];\n\nfunction ContactUsTemplateV10(_ref) {\n _ref.pageData;\n\n var config = _ref.config,\n _ref$variant = _ref.variant,\n variant = _ref$variant === void 0 ? dynamicTemplatesVersionVariantsTypes.DYNAMIC_TEMPLATE_V9 : _ref$variant,\n _ref$heroProps = _ref.heroProps,\n heroProps = _ref$heroProps === void 0 ? {} : _ref$heroProps,\n _ref$productsProps = _ref.productsProps,\n productsProps = _ref$productsProps === void 0 ? {} : _ref$productsProps,\n _ref$featureFullProps = _ref.featureFullProps,\n featureFullProps = _ref$featureFullProps === void 0 ? {} : _ref$featureFullProps,\n _ref$featureProps = _ref.featureProps,\n featureProps = _ref$featureProps === void 0 ? {} : _ref$featureProps,\n _ref$calloutProps = _ref.calloutProps,\n calloutProps = _ref$calloutProps === void 0 ? {} : _ref$calloutProps,\n otherProps = _objectWithoutProperties$2(_ref, _excluded$h);\n\n return /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"CONTACT_PAGE__CONTAINER\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(DynamicPage, _extends$g({\n heroProps: heroProps,\n productsProps: productsProps,\n featureFullProps: featureFullProps,\n featureProps: featureProps,\n calloutProps: calloutProps\n }, otherProps, {\n path: \"/contact-us\",\n id: \"contact-us\",\n config: config,\n variant: variant\n })));\n}\n\nContactUsTemplateV10.prototype = {\n pageData: PropTypes.any,\n config: PropTypes.any // heroProps: PropTypes.any,\n\n};\nvar _excluded$g = [\"path\", \"pageData\", \"config\", \"customPageProps\", \"heroProps\", \"productsProps\", \"featureFullProps\", \"featureProps\", \"calloutProps\", \"calloutMobileProps\", \"calloutCompressedProps\"];\n\nfunction DynamicTemplateV1(_ref) {\n var _config$speedBump;\n\n var path = _ref.path,\n pageData = _ref.pageData,\n config = _ref.config,\n _ref$customPageProps = _ref.customPageProps,\n customPageProps = _ref$customPageProps === void 0 ? {} : _ref$customPageProps,\n _ref$heroProps = _ref.heroProps,\n heroProps = _ref$heroProps === void 0 ? {} : _ref$heroProps,\n _ref$productsProps = _ref.productsProps,\n productsProps = _ref$productsProps === void 0 ? {} : _ref$productsProps,\n _ref$featureFullProps = _ref.featureFullProps,\n featureFullProps = _ref$featureFullProps === void 0 ? {} : _ref$featureFullProps,\n _ref$featureProps = _ref.featureProps,\n featureProps = _ref$featureProps === void 0 ? {} : _ref$featureProps,\n _ref$calloutProps = _ref.calloutProps,\n calloutProps = _ref$calloutProps === void 0 ? {} : _ref$calloutProps,\n _ref$calloutMobilePro = _ref.calloutMobileProps,\n calloutMobileProps = _ref$calloutMobilePro === void 0 ? {} : _ref$calloutMobilePro,\n _ref$calloutCompresse = _ref.calloutCompressedProps,\n calloutCompressedProps = _ref$calloutCompresse === void 0 ? {} : _ref$calloutCompresse,\n otherProps = _objectWithoutProperties$2(_ref, _excluded$g);\n\n return /*#__PURE__*/React__default$1[\"default\"].createElement(Page, _extends$g({}, otherProps, {\n cms: {\n isDynamicPage: true,\n pageId: path,\n pageData: pageData\n },\n pathname: path,\n config: config,\n headerLoginButtonStyles: _objectSpread2({\n withoutBorderRadius: !((_config$speedBump = config.speedBump) !== null && _config$speedBump !== void 0 && _config$speedBump.borderWithRadious)\n }, otherProps.headerLoginButtonStyles || {})\n }), function (data) {\n var CustomPage = components[dynamicPagesVariantsTypes[data.dynamicPageType]];\n return /*#__PURE__*/React__default$1[\"default\"].createElement(React.Fragment, null, /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"tw-pt-20\"\n }), /*#__PURE__*/React__default$1[\"default\"].createElement(CustomPage, _extends$g({\n data: data,\n config: config,\n heroProps: heroProps,\n productsProps: productsProps,\n featureFullProps: featureFullProps,\n featureProps: featureProps,\n calloutProps: calloutProps,\n calloutMobileProps: calloutMobileProps,\n calloutCompressedProps: calloutCompressedProps\n }, customPageProps)));\n });\n}\n\nDynamicTemplateV1.prototype = {\n path: PropTypes.string.isRequired,\n pageData: PropTypes.any.isRequired,\n config: PropTypes.any.isRequired,\n customPageProps: PropTypes.any,\n heroProps: PropTypes.any,\n productsProps: PropTypes.any,\n featureFullProps: PropTypes.any,\n featureProps: PropTypes.any,\n calloutProps: PropTypes.any,\n calloutMobileProps: PropTypes.any,\n calloutCompressedProps: PropTypes.any\n};\nvar _excluded$f = [\"path\", \"pageData\", \"config\", \"customPageProps\", \"heroProps\", \"productsProps\", \"featureFullProps\", \"featureProps\", \"calloutProps\", \"calloutMobileProps\", \"calloutCompressedProps\"];\n\nfunction DynamicTemplateV2(_ref) {\n var _otherProps$footerOpt, _config$speedBump, _config$speedBump2, _otherProps$speedBump, _config$speedBump3, _otherProps$speedBump2;\n\n var path = _ref.path,\n pageData = _ref.pageData,\n config = _ref.config,\n _ref$customPageProps = _ref.customPageProps,\n customPageProps = _ref$customPageProps === void 0 ? {} : _ref$customPageProps,\n _ref$heroProps = _ref.heroProps,\n heroProps = _ref$heroProps === void 0 ? {} : _ref$heroProps,\n _ref$productsProps = _ref.productsProps,\n productsProps = _ref$productsProps === void 0 ? {} : _ref$productsProps,\n _ref$featureFullProps = _ref.featureFullProps,\n featureFullProps = _ref$featureFullProps === void 0 ? {} : _ref$featureFullProps,\n _ref$featureProps = _ref.featureProps,\n featureProps = _ref$featureProps === void 0 ? {} : _ref$featureProps,\n _ref$calloutProps = _ref.calloutProps,\n calloutProps = _ref$calloutProps === void 0 ? {} : _ref$calloutProps,\n _ref$calloutMobilePro = _ref.calloutMobileProps,\n calloutMobileProps = _ref$calloutMobilePro === void 0 ? {} : _ref$calloutMobilePro,\n _ref$calloutCompresse = _ref.calloutCompressedProps,\n calloutCompressedProps = _ref$calloutCompresse === void 0 ? {} : _ref$calloutCompresse,\n otherProps = _objectWithoutProperties$2(_ref, _excluded$f);\n\n return /*#__PURE__*/React__default$1[\"default\"].createElement(Page, _extends$g({\n transparentHeader: true,\n forceShowHeader: true,\n grayscaleHeader: true,\n darkHeader: true,\n floatHeader: true,\n backgroundScreenHeader: true,\n topIndicatorHeader: false,\n backgroundMenuHeader: colorsTypes.PRIMARY_VERY_ULTRA_LIGHT,\n menuSubLinksListBorderColorHeader: colorsTypes.SECONDARY,\n menuSubLinksListBackgroundHeader: colorsTypes.PRIMARY_VERY_ULTRA_LIGHT,\n menuSubLinksTitleColorHeader: colorsTypes.PRIMARY_ULTRA_DARK,\n subLinksItemActiveTitleColorHeader: colorsTypes.PRIMARY_SEMI_DARK,\n menuSubLinksItemTitleColorHeader: colorsTypes.SECONDARY\n }, otherProps, {\n cms: {\n isDynamicPage: true,\n pageId: path,\n pageData: pageData\n },\n pathname: path,\n config: config,\n footerOptions: _objectSpread2(_objectSpread2({\n background: colorsTypes.PRIMARY_ULTRA_DARK,\n // powerByImg: \"\",\n bottomSectionMargin: 0\n }, (otherProps === null || otherProps === void 0 ? void 0 : otherProps.footerOptions) || {}), {}, {\n businessCustomLogos: [{\n replaceByIndex: 0,\n url: \"https://olb-assets.s3.us-east-2.amazonaws.com/images/NCUA_Logo.svg\",\n alternativeText: \"NCUA Logo\",\n invert: true,\n linkTo: \"https://www.ncua.gov\"\n }].concat(_toConsumableArray((otherProps === null || otherProps === void 0 || (_otherProps$footerOpt = otherProps.footerOptions) === null || _otherProps$footerOpt === void 0 ? void 0 : _otherProps$footerOpt.businessCustomLogos) || []))\n }),\n navigationMenuOptions: _objectSpread2({\n menuSubItemTitleColor: colorsTypes.SECONDARY,\n menuSubItemTitleActiveColor: colorsTypes.SECONDARY,\n menuActiveBorderColor: colorsTypes.BLACK\n }, (otherProps === null || otherProps === void 0 ? void 0 : otherProps.navigationMenuOptions) || {}),\n headerLoginButtonStyles: _objectSpread2({\n withoutBorderRadius: !((_config$speedBump = config.speedBump) !== null && _config$speedBump !== void 0 && _config$speedBump.borderWithRadious),\n fill: buttonFillTypes.FILLED,\n styleType: buttonStyleTypes.STANDARD,\n height: 30,\n padding: \"2px 17px\",\n hoverBackgroundColor: colorsTypes.WHITE,\n hoverFilledBorderColor: colorsTypes.PRIMARY\n }, (otherProps === null || otherProps === void 0 ? void 0 : otherProps.headerLoginButtonStyles) || {}),\n speedBumpStyles: _objectSpread2(_objectSpread2({}, otherProps === null || otherProps === void 0 ? void 0 : otherProps.speedBumpStyles), {}, {\n acceptButton: _objectSpread2({\n withoutBorderRadius: !((_config$speedBump2 = config.speedBump) !== null && _config$speedBump2 !== void 0 && _config$speedBump2.borderWithRadious),\n fill: buttonFillTypes.FILLED,\n styleType: buttonStyleTypes.STANDARD,\n hoverFilledTextColor: colorsTypes.PRIMARY_DARK,\n hoverFilledBorderColor: colorsTypes.PRIMARY_DARK,\n hoverFilledBackgroundColor: colorsTypes.TRANSPARENT,\n filledBackgroundColor: colorsTypes.PRIMARY_DARK\n }, (otherProps === null || otherProps === void 0 || (_otherProps$speedBump = otherProps.speedBumpStyles) === null || _otherProps$speedBump === void 0 ? void 0 : _otherProps$speedBump.acceptButton) || {}),\n cancelButton: _objectSpread2({\n withoutBorderRadius: !((_config$speedBump3 = config.speedBump) !== null && _config$speedBump3 !== void 0 && _config$speedBump3.borderWithRadious),\n fill: buttonFillTypes.FILLED,\n styleType: buttonStyleTypes.STANDARD,\n hoverFilledTextColor: colorsTypes.PRIMARY_DARK,\n hoverFilledBorderColor: colorsTypes.PRIMARY_DARK,\n hoverFilledBackgroundColor: colorsTypes.TRANSPARENT,\n filledBackgroundColor: colorsTypes.PRIMARY_DARK\n }, (otherProps === null || otherProps === void 0 || (_otherProps$speedBump2 = otherProps.speedBumpStyles) === null || _otherProps$speedBump2 === void 0 ? void 0 : _otherProps$speedBump2.acceptButton) || {})\n })\n }), function (data) {\n var _customPageProps$cust, _customPageProps$cust2, _customPageProps$cust3, _customPageProps$cust4, _customPageProps$cust5;\n\n var CustomPage = components[dynamicPagesVariantsTypes[data.dynamicPageType]];\n return /*#__PURE__*/React__default$1[\"default\"].createElement(React.Fragment, null, /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"tw-pt-20\"\n }), /*#__PURE__*/React__default$1[\"default\"].createElement(CustomPage, _extends$g({\n data: data,\n config: config,\n heroProps: heroProps,\n productsProps: productsProps\n }, otherProps, {\n featureFullProps: featureFullProps,\n featureProps: featureProps,\n calloutProps: calloutProps,\n calloutMobileProps: calloutMobileProps,\n calloutCompressedProps: calloutCompressedProps\n }, customPageProps, {\n customComponentStyles: _objectSpread2(_objectSpread2({}, (customPageProps === null || customPageProps === void 0 ? void 0 : customPageProps.customComponentStyles) || {}), {}, {\n titleWithGradients: _objectSpread2(_objectSpread2({\n fontFamily: fontsFamiliesTypes.SECONDARY\n }, (customPageProps === null || customPageProps === void 0 || (_customPageProps$cust = customPageProps.customComponentStyles) === null || _customPageProps$cust === void 0 ? void 0 : _customPageProps$cust.titleWithGradients) || {}), {}, {\n gradients: _objectSpread2({\n firstColor: colorsTypes.HIGHT_LIGHT_PRIMARY,\n firstLightColor: colorsTypes.HIGHT_LIGHT_PRIMARY,\n secondColor: colorsTypes.HIGHT_LIGHT_PRIMARY,\n secondLightColor: colorsTypes.HIGHT_LIGHT_PRIMARY\n }, (customPageProps === null || customPageProps === void 0 || (_customPageProps$cust2 = customPageProps.customComponentStyles) === null || _customPageProps$cust2 === void 0 || (_customPageProps$cust2 = _customPageProps$cust2.titleWithGradients) === null || _customPageProps$cust2 === void 0 ? void 0 : _customPageProps$cust2.gradients) || {})\n }),\n ratesList: _objectSpread2(_objectSpread2({}, (customPageProps === null || customPageProps === void 0 || (_customPageProps$cust3 = customPageProps.customComponentStyles) === null || _customPageProps$cust3 === void 0 ? void 0 : _customPageProps$cust3.ratesList) || {}), {}, {\n title: _objectSpread2({\n fontFamily: fontsFamiliesTypes.SECONDARY\n }, (customPageProps === null || customPageProps === void 0 || (_customPageProps$cust4 = customPageProps.customComponentStyles) === null || _customPageProps$cust4 === void 0 || (_customPageProps$cust4 = _customPageProps$cust4.ratesList) === null || _customPageProps$cust4 === void 0 ? void 0 : _customPageProps$cust4.title) || {}),\n rightSubtitle: _objectSpread2({\n fontFamily: fontsFamiliesTypes.SECONDARY,\n color: colorsTypes.PRIMARY_SEMI_DARK\n }, (customPageProps === null || customPageProps === void 0 || (_customPageProps$cust5 = customPageProps.customComponentStyles) === null || _customPageProps$cust5 === void 0 || (_customPageProps$cust5 = _customPageProps$cust5.ratesList) === null || _customPageProps$cust5 === void 0 ? void 0 : _customPageProps$cust5.rightSubtitle) || {})\n })\n })\n })));\n });\n}\n\nDynamicTemplateV2.prototype = {\n path: PropTypes.string.isRequired,\n pageData: PropTypes.any.isRequired,\n config: PropTypes.any.isRequired,\n customPageProps: PropTypes.any,\n heroProps: PropTypes.any,\n productsProps: PropTypes.any,\n featureFullProps: PropTypes.any,\n featureProps: PropTypes.any,\n calloutProps: PropTypes.any,\n calloutMobileProps: PropTypes.any,\n calloutCompressedProps: PropTypes.any\n};\nvar _excluded$e = [\"path\", \"pageData\", \"config\", \"customPageProps\", \"heroProps\", \"productsProps\", \"featureFullProps\", \"featureProps\", \"calloutProps\", \"calloutMobileProps\", \"calloutCompressedProps\", \"tabsProps\"];\n\nfunction DynamicTemplateV3(_ref) {\n var _config$speedBump, _config$speedBump2, _otherProps$footerOpt, _config$speedBump3, _otherProps$speedBump, _config$speedBump4, _otherProps$speedBump2;\n\n var path = _ref.path,\n pageData = _ref.pageData,\n config = _ref.config,\n _ref$customPageProps = _ref.customPageProps,\n customPageProps = _ref$customPageProps === void 0 ? {} : _ref$customPageProps,\n _ref$heroProps = _ref.heroProps,\n heroProps = _ref$heroProps === void 0 ? {} : _ref$heroProps,\n _ref$productsProps = _ref.productsProps,\n productsProps = _ref$productsProps === void 0 ? {} : _ref$productsProps,\n _ref$featureFullProps = _ref.featureFullProps,\n featureFullProps = _ref$featureFullProps === void 0 ? {} : _ref$featureFullProps,\n _ref$featureProps = _ref.featureProps,\n featureProps = _ref$featureProps === void 0 ? {} : _ref$featureProps,\n _ref$calloutProps = _ref.calloutProps,\n calloutProps = _ref$calloutProps === void 0 ? {} : _ref$calloutProps,\n _ref$calloutMobilePro = _ref.calloutMobileProps,\n calloutMobileProps = _ref$calloutMobilePro === void 0 ? {} : _ref$calloutMobilePro,\n _ref$calloutCompresse = _ref.calloutCompressedProps,\n calloutCompressedProps = _ref$calloutCompresse === void 0 ? {} : _ref$calloutCompresse,\n _ref$tabsProps = _ref.tabsProps,\n tabsProps = _ref$tabsProps === void 0 ? {} : _ref$tabsProps,\n otherProps = _objectWithoutProperties$2(_ref, _excluded$e);\n\n return /*#__PURE__*/React__default$1[\"default\"].createElement(Page, _extends$g({\n className: \"DINAMIC_V3_PAGE\",\n isDynamic: true,\n headerCompressedVariant: headerCompressedVariantTypes.STANDARD,\n headerDesktopVariant: headerDesktopVariantTypes.STANDARD,\n headerMobileVariant: headerMobileVariantTypes.STANDARD,\n backgroundHeader: \"rgba(32, 0, 9, 0.4)\",\n backgroundMenuHeader: colorsTypes.TRANSPARENT,\n forceShowHeader: true,\n forceCompressHeader: true,\n noFilterLogoHeader: true,\n transparentHeader: true,\n floatHeader: true,\n grayscaleHeader: true,\n topIndicatorHeader: false\n }, otherProps, {\n cms: {\n isDynamicPage: true,\n pageId: path,\n pageData: pageData\n },\n pathname: path,\n config: config,\n headerLoginButtonStyles: _objectSpread2({\n isScrollChangeColorButton: false,\n grayscale: false,\n fill: buttonFillTypes.FILLED,\n styleType: buttonStyleTypes.NONE,\n minWidth: 100,\n height: \"auto\",\n padding: \"3px 15px\",\n textColor: \"#fff\",\n hoverGrayscaleFilledTextColor: colorsTypes.BLACK,\n hoverGrayscaleFillBackgroundColor: colorsTypes.WHITE,\n fontFamily: fontsFamiliesVariantsTypes.PRIMARY,\n size: textSizesVariantsTypes.SMALL,\n grayscaleAndOFilledTextColor: colorsTypes.WHITE,\n withoutBorderRadius: !((_config$speedBump = config.speedBump) !== null && _config$speedBump !== void 0 && _config$speedBump.borderWithRadious)\n }, (otherProps === null || otherProps === void 0 ? void 0 : otherProps.headerLoginButtonStyles) || {}),\n headerDropdownLoginButtonStyles: _objectSpread2({\n fill: buttonFillTypes.FILLED,\n styleType: buttonStyleTypes.NONE,\n minWidth: 100,\n height: \"auto\",\n padding: \"3px 15px\",\n hoverFilledBackgroundColor: colorsTypes.TRANSPARENT,\n hoverFilledTextColor: colorsTypes.PRIMARY,\n hoverFilledBorderColor: colorsTypes.PRIMARY,\n fontFamily: fontsFamiliesVariantsTypes.PRIMARY,\n size: textSizesVariantsTypes.SMALL,\n withoutBorderRadius: !((_config$speedBump2 = config.speedBump) !== null && _config$speedBump2 !== void 0 && _config$speedBump2.borderWithRadious)\n }, (otherProps === null || otherProps === void 0 ? void 0 : otherProps.headerDropdownLoginButtonStyles) || {}),\n footerOptions: _objectSpread2(_objectSpread2({\n background: colorsTypes.PRIMARY_ULTRA_DARK,\n homeLogoVisible: false\n }, (otherProps === null || otherProps === void 0 ? void 0 : otherProps.footerOptions) || {}), {}, {\n businessCustomLogos: [{\n replaceByIndex: 0,\n url: \"https://olb-assets.s3.us-east-2.amazonaws.com/images/NCUA_Logo.svg\",\n alternativeText: \"NCUA Logo\",\n invert: true,\n linkTo: \"https://www.ncua.gov\"\n }].concat(_toConsumableArray((otherProps === null || otherProps === void 0 || (_otherProps$footerOpt = otherProps.footerOptions) === null || _otherProps$footerOpt === void 0 ? void 0 : _otherProps$footerOpt.businessCustomLogos) || []))\n }),\n speedBumpStyles: _objectSpread2(_objectSpread2({}, otherProps === null || otherProps === void 0 ? void 0 : otherProps.speedBumpStyles), {}, {\n acceptButton: _objectSpread2({\n withoutBorderRadius: !((_config$speedBump3 = config.speedBump) !== null && _config$speedBump3 !== void 0 && _config$speedBump3.borderWithRadious),\n fill: buttonFillTypes.FILLED,\n styleType: buttonStyleTypes.STANDARD,\n hoverFilledTextColor: colorsTypes.PRIMARY_DARK,\n hoverFilledBorderColor: colorsTypes.PRIMARY_DARK,\n hoverFilledBackgroundColor: colorsTypes.TRANSPARENT,\n filledBackgroundColor: colorsTypes.PRIMARY_DARK\n }, (otherProps === null || otherProps === void 0 || (_otherProps$speedBump = otherProps.speedBumpStyles) === null || _otherProps$speedBump === void 0 ? void 0 : _otherProps$speedBump.acceptButton) || {}),\n cancelButton: _objectSpread2({\n withoutBorderRadius: !((_config$speedBump4 = config.speedBump) !== null && _config$speedBump4 !== void 0 && _config$speedBump4.borderWithRadious),\n fill: buttonFillTypes.FILLED,\n styleType: buttonStyleTypes.STANDARD,\n hoverFilledTextColor: colorsTypes.PRIMARY_DARK,\n hoverFilledBorderColor: colorsTypes.PRIMARY_DARK,\n hoverFilledBackgroundColor: colorsTypes.TRANSPARENT,\n filledBackgroundColor: colorsTypes.PRIMARY_DARK\n }, (otherProps === null || otherProps === void 0 || (_otherProps$speedBump2 = otherProps.speedBumpStyles) === null || _otherProps$speedBump2 === void 0 ? void 0 : _otherProps$speedBump2.acceptButton) || {})\n })\n }), function (data) {\n var _customPageProps$cust, _customPageProps$cust2;\n\n var CustomPage = components[dynamicPagesVariantsTypes[data.dynamicPageType]];\n return /*#__PURE__*/React__default$1[\"default\"].createElement(React.Fragment, {\n className: \"DINAMIC_V3_FRAGMENT\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"tw-pt-20\"\n }), /*#__PURE__*/React__default$1[\"default\"].createElement(CustomPage, _extends$g({\n className: \"DINAMIC_V3_CUSTOM_PAGE\",\n data: data,\n config: config,\n heroProps: heroProps,\n productsProps: productsProps,\n featureFullProps: featureFullProps,\n featureProps: featureProps,\n calloutProps: calloutProps,\n calloutMobileProps: calloutMobileProps,\n calloutCompressedProps: calloutCompressedProps,\n tabsProps: tabsProps\n }, customPageProps, {\n customComponentStyles: _objectSpread2(_objectSpread2({}, (customPageProps === null || customPageProps === void 0 ? void 0 : customPageProps.customComponentStyles) || {}), {}, {\n calloutWithGradient: _objectSpread2(_objectSpread2({}, (customPageProps === null || customPageProps === void 0 || (_customPageProps$cust = customPageProps.customComponentStyles) === null || _customPageProps$cust === void 0 ? void 0 : _customPageProps$cust.calloutWithGradient) || {}), {}, {\n buttonStylesProps: _objectSpread2({\n textColor: colorsTypes.PRIMARY_DARK\n }, (customPageProps === null || customPageProps === void 0 || (_customPageProps$cust2 = customPageProps.customComponentStyles) === null || _customPageProps$cust2 === void 0 || (_customPageProps$cust2 = _customPageProps$cust2.calloutWithGradient) === null || _customPageProps$cust2 === void 0 ? void 0 : _customPageProps$cust2.buttonStylesProps) || {})\n })\n })\n })));\n });\n}\n\nDynamicTemplateV3.prototype = {\n path: PropTypes.string.isRequired,\n pageData: PropTypes.any.isRequired,\n config: PropTypes.any.isRequired,\n customPageProps: PropTypes.any,\n heroProps: PropTypes.any,\n productsProps: PropTypes.any,\n featureFullProps: PropTypes.any,\n featureProps: PropTypes.any,\n calloutProps: PropTypes.any,\n calloutMobileProps: PropTypes.any,\n calloutCompressedProps: PropTypes.any\n};\nvar _excluded$d = [\"path\", \"pageData\", \"config\", \"customPageProps\", \"heroProps\", \"productsProps\", \"featureFullProps\", \"featureProps\", \"calloutProps\", \"calloutMobileProps\", \"calloutCompressedProps\"];\n\nfunction DynamicTemplateV4(_ref) {\n var _config$speedBump, _config$speedBump2, _otherProps$speedBump, _config$speedBump3, _otherProps$speedBump2;\n\n var path = _ref.path,\n pageData = _ref.pageData,\n config = _ref.config,\n _ref$customPageProps = _ref.customPageProps,\n customPageProps = _ref$customPageProps === void 0 ? {} : _ref$customPageProps,\n _ref$heroProps = _ref.heroProps,\n heroProps = _ref$heroProps === void 0 ? {} : _ref$heroProps,\n _ref$productsProps = _ref.productsProps,\n productsProps = _ref$productsProps === void 0 ? {} : _ref$productsProps,\n _ref$featureFullProps = _ref.featureFullProps,\n featureFullProps = _ref$featureFullProps === void 0 ? {} : _ref$featureFullProps,\n _ref$featureProps = _ref.featureProps,\n featureProps = _ref$featureProps === void 0 ? {} : _ref$featureProps,\n _ref$calloutProps = _ref.calloutProps,\n calloutProps = _ref$calloutProps === void 0 ? {} : _ref$calloutProps,\n _ref$calloutMobilePro = _ref.calloutMobileProps,\n calloutMobileProps = _ref$calloutMobilePro === void 0 ? {} : _ref$calloutMobilePro,\n _ref$calloutCompresse = _ref.calloutCompressedProps,\n calloutCompressedProps = _ref$calloutCompresse === void 0 ? {} : _ref$calloutCompresse,\n otherProps = _objectWithoutProperties$2(_ref, _excluded$d);\n\n return /*#__PURE__*/React__default$1[\"default\"].createElement(Page, _extends$g({\n transparentHeader: true,\n forceShowHeader: true,\n grayscaleHeader: true,\n floatHeader: true,\n topIndicatorHeader: false,\n backgroundMenuHeader: colorsTypes.PRIMARY_VERY_ULTRA_LIGHT,\n menuSubLinksListBorderColorHeader: colorsTypes.SECONDARY,\n menuSubLinksListBackgroundHeader: colorsTypes.PRIMARY_VERY_ULTRA_LIGHT,\n menuSubLinksTitleColorHeader: colorsTypes.PRIMARY_ULTRA_DARK,\n subLinksItemActiveTitleColorHeader: colorsTypes.PRIMARY_SEMI_DARK,\n menuSubLinksItemTitleColorHeader: colorsTypes.SECONDARY\n }, otherProps, {\n cms: {\n isDynamicPage: true,\n pageId: path,\n pageData: pageData\n },\n pathname: path,\n config: config,\n navigationMenuOptions: _objectSpread2({\n menuSubItemTitleColor: colorsTypes.SECONDARY,\n menuSubItemTitleActiveColor: colorsTypes.SECONDARY\n }, (otherProps === null || otherProps === void 0 ? void 0 : otherProps.navigationMenuOptions) || {}),\n headerLoginButtonStyles: _objectSpread2({\n withoutBorderRadius: !((_config$speedBump = config.speedBump) !== null && _config$speedBump !== void 0 && _config$speedBump.borderWithRadious),\n fill: buttonFillTypes.FILLED,\n styleType: buttonStyleTypes.STANDARD,\n height: 30,\n padding: \"2px 17px\",\n hoverBackgroundColor: colorsTypes.WHITE,\n hoverFilledBorderColor: colorsTypes.PRIMARY\n }, (otherProps === null || otherProps === void 0 ? void 0 : otherProps.headerLoginButtonStyles) || {}),\n speedBumpStyles: _objectSpread2(_objectSpread2({}, otherProps === null || otherProps === void 0 ? void 0 : otherProps.speedBumpStyles), {}, {\n acceptButton: _objectSpread2({\n withoutBorderRadius: !((_config$speedBump2 = config.speedBump) !== null && _config$speedBump2 !== void 0 && _config$speedBump2.borderWithRadious),\n fill: buttonFillTypes.FILLED,\n styleType: buttonStyleTypes.STANDARD,\n hoverFilledTextColor: colorsTypes.PRIMARY_DARK,\n hoverFilledBorderColor: colorsTypes.PRIMARY_DARK,\n hoverFilledBackgroundColor: colorsTypes.TRANSPARENT,\n filledBackgroundColor: colorsTypes.PRIMARY_DARK\n }, (otherProps === null || otherProps === void 0 || (_otherProps$speedBump = otherProps.speedBumpStyles) === null || _otherProps$speedBump === void 0 ? void 0 : _otherProps$speedBump.acceptButton) || {}),\n cancelButton: _objectSpread2({\n withoutBorderRadius: !((_config$speedBump3 = config.speedBump) !== null && _config$speedBump3 !== void 0 && _config$speedBump3.borderWithRadious),\n fill: buttonFillTypes.FILLED,\n styleType: buttonStyleTypes.STANDARD,\n hoverFilledTextColor: colorsTypes.PRIMARY_DARK,\n hoverFilledBorderColor: colorsTypes.PRIMARY_DARK,\n hoverFilledBackgroundColor: colorsTypes.TRANSPARENT,\n filledBackgroundColor: colorsTypes.PRIMARY_DARK\n }, (otherProps === null || otherProps === void 0 || (_otherProps$speedBump2 = otherProps.speedBumpStyles) === null || _otherProps$speedBump2 === void 0 ? void 0 : _otherProps$speedBump2.acceptButton) || {})\n })\n }), function (data) {\n var CustomPage = components[dynamicPagesVariantsTypes[data.dynamicPageType]];\n return /*#__PURE__*/React__default$1[\"default\"].createElement(React.Fragment, null, /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"tw-pt-20\"\n }), /*#__PURE__*/React__default$1[\"default\"].createElement(CustomPage, _extends$g({\n data: data,\n config: config,\n heroProps: heroProps,\n productsProps: productsProps,\n featureFullProps: featureFullProps,\n featureProps: featureProps,\n calloutProps: calloutProps,\n calloutMobileProps: calloutMobileProps,\n calloutCompressedProps: calloutCompressedProps\n }, customPageProps)));\n });\n}\n\nDynamicTemplateV4.prototype = {\n path: PropTypes.string.isRequired,\n pageData: PropTypes.any.isRequired,\n config: PropTypes.any.isRequired,\n customPageProps: PropTypes.any,\n heroProps: PropTypes.any,\n productsProps: PropTypes.any,\n featureFullProps: PropTypes.any,\n featureProps: PropTypes.any,\n calloutProps: PropTypes.any,\n calloutMobileProps: PropTypes.any,\n calloutCompressedProps: PropTypes.any\n};\nvar _excluded$c = [\"path\", \"pageData\", \"config\", \"customPageProps\", \"contactProps\", \"heroProps\", \"productsProps\", \"featureFullProps\", \"featureProps\", \"calloutProps\", \"calloutMobileProps\", \"calloutCompressedProps\", \"customContainerClass\"];\n\nfunction DynamicTemplateV5(_ref) {\n var _otherProps$footerOpt, _config$speedBump, _config$speedBump2, _otherProps$speedBump, _config$speedBump3, _otherProps$speedBump2;\n\n var path = _ref.path,\n pageData = _ref.pageData,\n config = _ref.config,\n _ref$customPageProps = _ref.customPageProps,\n customPageProps = _ref$customPageProps === void 0 ? {} : _ref$customPageProps,\n _ref$contactProps = _ref.contactProps,\n contactProps = _ref$contactProps === void 0 ? {} : _ref$contactProps,\n _ref$heroProps = _ref.heroProps,\n heroProps = _ref$heroProps === void 0 ? {} : _ref$heroProps,\n _ref$productsProps = _ref.productsProps,\n productsProps = _ref$productsProps === void 0 ? {} : _ref$productsProps,\n _ref$featureFullProps = _ref.featureFullProps,\n featureFullProps = _ref$featureFullProps === void 0 ? {} : _ref$featureFullProps,\n _ref$featureProps = _ref.featureProps,\n featureProps = _ref$featureProps === void 0 ? {} : _ref$featureProps,\n _ref$calloutProps = _ref.calloutProps,\n calloutProps = _ref$calloutProps === void 0 ? {} : _ref$calloutProps,\n _ref$calloutMobilePro = _ref.calloutMobileProps,\n calloutMobileProps = _ref$calloutMobilePro === void 0 ? {} : _ref$calloutMobilePro,\n _ref$calloutCompresse = _ref.calloutCompressedProps,\n calloutCompressedProps = _ref$calloutCompresse === void 0 ? {} : _ref$calloutCompresse,\n _ref$customContainerC = _ref.customContainerClass,\n customContainerClass = _ref$customContainerC === void 0 ? \"\" : _ref$customContainerC,\n otherProps = _objectWithoutProperties$2(_ref, _excluded$c);\n\n var pageTitleProps = {\n titleColor: colorsTypes.PRIMARY_ULTRA_LIGHT,\n subtitleColor: colorsTypes.PRIMARY_DARK\n };\n return /*#__PURE__*/React__default$1[\"default\"].createElement(Page // transparentHeader\n , _extends$g({\n floatHeader: true,\n grayscaleHeader: true,\n pageTitleProps: true,\n darkHeader: true,\n backgroundScreenHeader: true,\n backgroundBreakpointHeader: 0,\n noFilterLogoHeader: true,\n forceShowItemsHeader: true,\n topIndicatorHeader: false,\n backgroundMenuHeader: colorsTypes.PRIMARY_VERY_ULTRA_LIGHT,\n menuSubLinksListBorderColorHeader: colorsTypes.SECONDARY,\n menuSubLinksListBackgroundHeader: colorsTypes.PRIMARY_VERY_ULTRA_LIGHT,\n menuSubLinksTitleColorHeader: colorsTypes.PRIMARY_ULTRA_DARK,\n subLinksItemActiveTitleColorHeader: colorsTypes.PRIMARY,\n menuSubLinksItemTitleColorHeader: colorsTypes.SECONDARY,\n cms: {\n isDynamicPage: true,\n pageId: path,\n pageData: pageData\n },\n pathname: path,\n config: config\n }, otherProps, {\n footerOptions: _objectSpread2(_objectSpread2({\n background: colorsTypes.PRIMARY_ULTRA_DARK,\n // powerByImg: \"\",\n bottomSectionMargin: 0\n }, (otherProps === null || otherProps === void 0 ? void 0 : otherProps.footerOptions) || {}), {}, {\n businessCustomLogos: [{\n replaceByIndex: 0,\n url: \"https://olb-assets.s3.us-east-2.amazonaws.com/images/NCUA_Logo.svg\",\n alternativeText: \"NCUA Logo\",\n invert: true,\n linkTo: \"https://www.ncua.gov\"\n }].concat(_toConsumableArray((otherProps === null || otherProps === void 0 || (_otherProps$footerOpt = otherProps.footerOptions) === null || _otherProps$footerOpt === void 0 ? void 0 : _otherProps$footerOpt.businessCustomLogos) || []))\n }),\n navigationMenuOptions: _objectSpread2({\n menuSubItemTitleColor: colorsTypes.SECONDARY,\n menuSubItemTitleActiveColor: colorsTypes.SECONDARY,\n menuActiveBorderColor: colorsTypes.BLACK,\n itemBackgroundColor: colorsTypes.BLACK,\n dropdownSeparationFromBottom: 0\n }, (otherProps === null || otherProps === void 0 ? void 0 : otherProps.navigationMenuOptions) || {}),\n headerLoginButtonStyles: _objectSpread2({\n fill: buttonFillTypes.FILLED,\n withoutBorderRadius: !((_config$speedBump = config.speedBump) !== null && _config$speedBump !== void 0 && _config$speedBump.borderWithRadious),\n styleType: buttonStyleTypes.STANDARD,\n filledBackgroundColor: colorsTypes.SECONDARY,\n hoverFilledBackgroundColor: colorsTypes.TRANSPARENT,\n hoverFilledBorderColor: colorsTypes.SECONDARY,\n hoverFilledTextColor: colorsTypes.SECONDARY,\n height: 30,\n padding: \"2px 17px\"\n }, (otherProps === null || otherProps === void 0 ? void 0 : otherProps.headerLoginButtonStyles) || {}),\n speedBumpStyles: _objectSpread2(_objectSpread2({}, otherProps === null || otherProps === void 0 ? void 0 : otherProps.speedBumpStyles), {}, {\n acceptButton: _objectSpread2({\n withoutBorderRadius: !((_config$speedBump2 = config.speedBump) !== null && _config$speedBump2 !== void 0 && _config$speedBump2.borderWithRadious),\n fill: buttonFillTypes.FILLED,\n styleType: buttonStyleTypes.STANDARD,\n hoverFilledTextColor: colorsTypes.PRIMARY_DARK,\n hoverFilledBorderColor: colorsTypes.PRIMARY_DARK,\n hoverFilledBackgroundColor: colorsTypes.TRANSPARENT,\n filledBackgroundColor: colorsTypes.PRIMARY_DARK\n }, (otherProps === null || otherProps === void 0 || (_otherProps$speedBump = otherProps.speedBumpStyles) === null || _otherProps$speedBump === void 0 ? void 0 : _otherProps$speedBump.acceptButton) || {}),\n cancelButton: _objectSpread2({\n withoutBorderRadius: !((_config$speedBump3 = config.speedBump) !== null && _config$speedBump3 !== void 0 && _config$speedBump3.borderWithRadious),\n fill: buttonFillTypes.FILLED,\n styleType: buttonStyleTypes.STANDARD,\n hoverFilledTextColor: colorsTypes.PRIMARY_DARK,\n hoverFilledBorderColor: colorsTypes.PRIMARY_DARK,\n hoverFilledBackgroundColor: colorsTypes.TRANSPARENT,\n filledBackgroundColor: colorsTypes.PRIMARY_DARK\n }, (otherProps === null || otherProps === void 0 || (_otherProps$speedBump2 = otherProps.speedBumpStyles) === null || _otherProps$speedBump2 === void 0 ? void 0 : _otherProps$speedBump2.acceptButton) || {})\n })\n }), function (data) {\n var _customPageProps$cust, _config$speedBump4, _customPageProps$cust2, _customPageProps$cust3, _data$Contact;\n\n var CustomPage = components[dynamicPagesVariantsTypes[data.dynamicPageType]];\n return /*#__PURE__*/React__default$1[\"default\"].createElement(React.Fragment, null, /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"tw-pt-20\"\n }), /*#__PURE__*/React__default$1[\"default\"].createElement(CustomPage, _extends$g({\n customContainerClass: customContainerClass,\n pathname: \"/:id\",\n data: data,\n config: config\n }, otherProps, {\n heroProps: heroProps,\n productsProps: productsProps,\n featureFullProps: featureFullProps,\n featureProps: featureProps,\n calloutProps: calloutProps,\n pageTitleProps: pageTitleProps,\n calloutMobileProps: calloutMobileProps,\n calloutCompressedProps: calloutCompressedProps\n }, customPageProps, {\n customComponentStyles: _objectSpread2(_objectSpread2({}, (customPageProps === null || customPageProps === void 0 ? void 0 : customPageProps.customComponentStyles) || {}), {}, {\n calloutWithGradient: _objectSpread2(_objectSpread2({}, (customPageProps === null || customPageProps === void 0 || (_customPageProps$cust = customPageProps.customComponentStyles) === null || _customPageProps$cust === void 0 ? void 0 : _customPageProps$cust.calloutWithGradient) || {}), {}, {\n buttonStylesProps: _objectSpread2({\n fill: buttonFillTypes.FILLED,\n withoutBorderRadius: !((_config$speedBump4 = config.speedBump) !== null && _config$speedBump4 !== void 0 && _config$speedBump4.borderWithRadious),\n styleType: buttonStyleTypes.STANDARD,\n filledBackgroundColor: colorsTypes.SECONDARY,\n hoverFilledBackgroundColor: colorsTypes.TRANSPARENT,\n hoverFilledBorderColor: colorsTypes.SECONDARY,\n hoverFilledTextColor: colorsTypes.SECONDARY\n }, (customPageProps === null || customPageProps === void 0 || (_customPageProps$cust2 = customPageProps.customComponentStyles) === null || _customPageProps$cust2 === void 0 || (_customPageProps$cust2 = _customPageProps$cust2.calloutWithGradient) === null || _customPageProps$cust2 === void 0 ? void 0 : _customPageProps$cust2.buttonStylesProps) || {})\n }),\n hero: _objectSpread2({\n variant: heroVariantsTypes.CAROUSEL_CENTRAL,\n // data: data.HerosList?.Heros || data.Heros,\n fullScreen: true,\n buttonFilledBackgroundColor: colorsTypes.PRIMARY,\n buttonHoverBackgroundColor: colorsTypes.PRIMARY,\n buttonHoverDefaultBorderColor: colorsTypes.PRIMARY,\n buttonHoverOutlineAndColorBorderColor: colorsTypes.PRIMARY,\n buttonFill: buttonFillTypes.FILLED,\n buttonGrayscale: true,\n buttonHoverColor: true,\n buttonWithoutBorderRadius: false,\n titleColor: colorsTypes.BLACK,\n subTextColor: colorsTypes.BLACK,\n gradient: \"radial-gradient(circle at 50% 61%, \".concat(colorsTypes.WHITE, \", rgba(255, 255, 255, 0) 32%), radial-gradient(circle at 50% 14%, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.93) 53%), linear-gradient(to bottom, rgba(255, 255, 255, 0) 29%, rgba(255, 255, 255, 0.11) 53%, rgba(255, 255, 255, 0.98) 96%, \").concat(colorsTypes.WHITE, \" 96%)\"),\n grayscaleAndFilledBackgroundColor: colorsTypes.PRIMARY,\n grayscaleAndOFilledTextColor: colorsTypes.WHITE\n }, (customPageProps === null || customPageProps === void 0 || (_customPageProps$cust3 = customPageProps.customComponentStyles) === null || _customPageProps$cust3 === void 0 ? void 0 : _customPageProps$cust3.hero) || {}),\n contact: {\n inputStyles: _objectSpread2({\n backgroundColor: colorsTypes.WHITE,\n borderRadius: ((_data$Contact = data.Contact) === null || _data$Contact === void 0 ? void 0 : _data$Contact.borders) === \"CIRCLED\" ? 10 : 0\n }, (contactProps === null || contactProps === void 0 ? void 0 : contactProps.inputStyles) || {})\n }\n })\n })));\n });\n}\n\nDynamicTemplateV5.prototype = {\n path: PropTypes.string.isRequired,\n pageData: PropTypes.any.isRequired,\n config: PropTypes.any.isRequired,\n customPageProps: PropTypes.any,\n heroProps: PropTypes.any,\n productsProps: PropTypes.any,\n featureFullProps: PropTypes.any,\n pageTitleProps: PropTypes.any,\n featureProps: PropTypes.any,\n calloutProps: PropTypes.any,\n calloutMobileProps: PropTypes.any,\n calloutCompressedProps: PropTypes.any\n};\nvar _excluded$b = [\"path\", \"pageData\", \"config\", \"customPageProps\", \"heroProps\", \"productsProps\", \"featureFullProps\", \"featureProps\", \"calloutProps\", \"calloutMobileProps\", \"calloutCompressedProps\"];\n\nfunction DynamicTemplateV6(_ref) {\n var _config$speedBump, _otherProps$footerOpt;\n\n var path = _ref.path,\n pageData = _ref.pageData,\n config = _ref.config,\n _ref$customPageProps = _ref.customPageProps,\n customPageProps = _ref$customPageProps === void 0 ? {} : _ref$customPageProps,\n _ref$heroProps = _ref.heroProps,\n heroProps = _ref$heroProps === void 0 ? {} : _ref$heroProps,\n _ref$productsProps = _ref.productsProps,\n productsProps = _ref$productsProps === void 0 ? {} : _ref$productsProps,\n _ref$featureFullProps = _ref.featureFullProps,\n featureFullProps = _ref$featureFullProps === void 0 ? {} : _ref$featureFullProps,\n _ref$featureProps = _ref.featureProps,\n featureProps = _ref$featureProps === void 0 ? {} : _ref$featureProps,\n _ref$calloutProps = _ref.calloutProps,\n calloutProps = _ref$calloutProps === void 0 ? {} : _ref$calloutProps,\n _ref$calloutMobilePro = _ref.calloutMobileProps,\n calloutMobileProps = _ref$calloutMobilePro === void 0 ? {} : _ref$calloutMobilePro,\n _ref$calloutCompresse = _ref.calloutCompressedProps,\n calloutCompressedProps = _ref$calloutCompresse === void 0 ? {} : _ref$calloutCompresse,\n otherProps = _objectWithoutProperties$2(_ref, _excluded$b);\n\n return /*#__PURE__*/React__default$1[\"default\"].createElement(Page, _extends$g({\n floatHeader: true,\n forceShowHeader: true,\n topIndicatorHeader: true,\n noFilterLogoHeader: true,\n transparent: true,\n isTopBorder: true,\n backgroundMenuHeader: colorsTypes.TRANSPARENT,\n menuSubLinksListBorderColorHeader: colorsTypes.SECONDARY,\n menuSubLinksListBackgroundHeader: colorsTypes.HIGHT_LIGHT_PRIMARY,\n menuSubLinksTitleColorHeader: colorsTypes.PRIMARY_ULTRA_DARK,\n subLinksItemActiveTitleColorHeader: colorsTypes.PRIMARY,\n menuSubLinksItemTitleColorHeader: colorsTypes.ULTRA_LIGHT\n }, otherProps, {\n cms: {\n isDynamicPage: true,\n pageId: path,\n pageData: pageData\n },\n pathname: path,\n config: config,\n navigationOptions: _objectSpread2({}, (otherProps === null || otherProps === void 0 ? void 0 : otherProps.navigationOptions) || {}),\n navigationMenuOptions: _objectSpread2({\n subMenuGrayscaleBackgroundColor: colorsTypes.PRIMARY_VERY_ULTRA_LIGHT,\n subMenuBackgroundColor: colorsTypes.PRIMARY_VERY_ULTRA_LIGHT\n }, (otherProps === null || otherProps === void 0 ? void 0 : otherProps.navigationMenuOptions) || {}),\n headerLoginButtonStyles: _objectSpread2({\n withoutBorderRadius: !((_config$speedBump = config.speedBump) !== null && _config$speedBump !== void 0 && _config$speedBump.borderWithRadious),\n fill: buttonFillTypes.FILLED,\n styleType: buttonStyleTypes.NONE,\n hoverFilledBackgroundColor: colorsTypes.PRIMARY_LIGHT,\n hoverFilledBorderColor: colorsTypes.PRIMARY_LIGHT,\n hoverFilledTextColor: colorsTypes.WHITE,\n radius: 10,\n padding: \"2px 15px\"\n }, (otherProps === null || otherProps === void 0 ? void 0 : otherProps.headerLoginButtonStyles) || {}),\n footerOptions: _objectSpread2(_objectSpread2({}, (otherProps === null || otherProps === void 0 ? void 0 : otherProps.footerOptions) || {}), {}, {\n businessCustomLogos: [{\n replaceByIndex: 0,\n url: \"https://olb-assets.s3.us-east-2.amazonaws.com/images/NCUA_Logo.svg\",\n alternativeText: \"NCUA Logo\",\n invert: true,\n linkTo: \"https://www.ncua.gov\"\n }].concat(_toConsumableArray((otherProps === null || otherProps === void 0 || (_otherProps$footerOpt = otherProps.footerOptions) === null || _otherProps$footerOpt === void 0 ? void 0 : _otherProps$footerOpt.businessCustomLogos) || []))\n })\n }), function (data) {\n var _customPageProps$titl, _customPageProps$cust, _customPageProps$cust2, _customPageProps$cust3;\n\n var CustomPage = components[dynamicPagesVariantsTypes[data.dynamicPageType]];\n return /*#__PURE__*/React__default$1[\"default\"].createElement(React.Fragment, null, /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"tw-pt-20\"\n }), /*#__PURE__*/React__default$1[\"default\"].createElement(CustomPage, _extends$g({\n data: data,\n config: config,\n heroProps: heroProps,\n productsProps: productsProps,\n featureFullProps: featureFullProps,\n featureProps: featureProps,\n calloutProps: calloutProps,\n calloutMobileProps: calloutMobileProps,\n calloutCompressedProps: calloutCompressedProps\n }, customPageProps, {\n customComponentStyles: _objectSpread2(_objectSpread2({\n titleWithGradients: _objectSpread2(_objectSpread2({\n fontFamily: fontsFamiliesTypes.SECONDARY\n }, (customPageProps === null || customPageProps === void 0 ? void 0 : customPageProps.titleWithGradients) || {}), {}, {\n gradients: _objectSpread2({\n firstColor: colorsTypes.HIGHT_LIGHT_PRIMARY,\n firstLightColor: colorsTypes.HIGHT_LIGHT_PRIMARY,\n secondColor: colorsTypes.HIGHT_LIGHT_PRIMARY,\n secondLightColor: colorsTypes.HIGHT_LIGHT_PRIMARY\n }, (customPageProps === null || customPageProps === void 0 || (_customPageProps$titl = customPageProps.titleWithGradients) === null || _customPageProps$titl === void 0 ? void 0 : _customPageProps$titl.gradients) || {})\n })\n }, customPageProps === null || customPageProps === void 0 ? void 0 : customPageProps.customComponentStyles), {}, {\n ratesList: _objectSpread2(_objectSpread2({}, (customPageProps === null || customPageProps === void 0 || (_customPageProps$cust = customPageProps.customComponentStyles) === null || _customPageProps$cust === void 0 ? void 0 : _customPageProps$cust.ratesList) || {}), {}, {\n title: _objectSpread2({\n fontFamily: fontsFamiliesTypes.SECONDARY\n }, (customPageProps === null || customPageProps === void 0 || (_customPageProps$cust2 = customPageProps.customComponentStyles) === null || _customPageProps$cust2 === void 0 || (_customPageProps$cust2 = _customPageProps$cust2.ratesList) === null || _customPageProps$cust2 === void 0 ? void 0 : _customPageProps$cust2.title) || {}),\n rightSubtitle: _objectSpread2({\n fontFamily: fontsFamiliesTypes.SECONDARY,\n color: colorsTypes.PRIMARY_SEMI_DARK\n }, (customPageProps === null || customPageProps === void 0 || (_customPageProps$cust3 = customPageProps.customComponentStyles) === null || _customPageProps$cust3 === void 0 || (_customPageProps$cust3 = _customPageProps$cust3.ratesList) === null || _customPageProps$cust3 === void 0 ? void 0 : _customPageProps$cust3.rightSubtitle) || {})\n })\n })\n })));\n });\n}\n\nDynamicTemplateV6.prototype = {\n path: PropTypes.string.isRequired,\n pageData: PropTypes.any.isRequired,\n config: PropTypes.any.isRequired,\n customPageProps: PropTypes.any,\n heroProps: PropTypes.any,\n productsProps: PropTypes.any,\n featureFullProps: PropTypes.any,\n featureProps: PropTypes.any,\n calloutProps: PropTypes.any,\n calloutMobileProps: PropTypes.any,\n calloutCompressedProps: PropTypes.any\n};\nvar _excluded$a = [\"path\", \"pageData\", \"config\", \"customPageProps\", \"heroProps\", \"productsProps\", \"featureFullProps\", \"featureProps\", \"calloutProps\", \"calloutMobileProps\", \"calloutCompressedProps\"];\n\nfunction DynamicTemplateV7(_ref) {\n var _config$speedBump, _otherProps$footerOpt;\n\n var path = _ref.path,\n pageData = _ref.pageData,\n config = _ref.config,\n _ref$customPageProps = _ref.customPageProps,\n customPageProps = _ref$customPageProps === void 0 ? {} : _ref$customPageProps,\n _ref$heroProps = _ref.heroProps,\n heroProps = _ref$heroProps === void 0 ? {} : _ref$heroProps,\n _ref$productsProps = _ref.productsProps,\n productsProps = _ref$productsProps === void 0 ? {} : _ref$productsProps,\n _ref$featureFullProps = _ref.featureFullProps,\n featureFullProps = _ref$featureFullProps === void 0 ? {} : _ref$featureFullProps,\n _ref$featureProps = _ref.featureProps,\n featureProps = _ref$featureProps === void 0 ? {} : _ref$featureProps,\n _ref$calloutProps = _ref.calloutProps,\n calloutProps = _ref$calloutProps === void 0 ? {} : _ref$calloutProps,\n _ref$calloutMobilePro = _ref.calloutMobileProps,\n calloutMobileProps = _ref$calloutMobilePro === void 0 ? {} : _ref$calloutMobilePro,\n _ref$calloutCompresse = _ref.calloutCompressedProps,\n calloutCompressedProps = _ref$calloutCompresse === void 0 ? {} : _ref$calloutCompresse,\n otherProps = _objectWithoutProperties$2(_ref, _excluded$a);\n\n return /*#__PURE__*/React__default$1[\"default\"].createElement(Page, _extends$g({\n floatHeader: true,\n forceShowHeader: true,\n topIndicatorHeader: true,\n noFilterLogoHeader: true,\n transparent: true,\n isTopBorder: true,\n backgroundMenuHeader: colorsTypes.TRANSPARENT,\n menuSubLinksListBorderColorHeader: colorsTypes.SECONDARY,\n menuSubLinksListBackgroundHeader: colorsTypes.HIGHT_LIGHT_PRIMARY,\n menuSubLinksTitleColorHeader: colorsTypes.PRIMARY_ULTRA_DARK,\n subLinksItemActiveTitleColorHeader: colorsTypes.PRIMARY,\n menuSubLinksItemTitleColorHeader: colorsTypes.ULTRA_LIGHT\n }, otherProps, {\n cms: {\n isDynamicPage: true,\n pageId: path,\n pageData: pageData\n },\n pathname: \"/\".concat(path),\n config: config,\n navigationOptions: _objectSpread2({}, (otherProps === null || otherProps === void 0 ? void 0 : otherProps.navigationOptions) || {}),\n navigationMenuOptions: _objectSpread2({\n subMenuGrayscaleBackgroundColor: colorsTypes.PRIMARY_VERY_ULTRA_LIGHT,\n subMenuBackgroundColor: colorsTypes.PRIMARY_VERY_ULTRA_LIGHT\n }, (otherProps === null || otherProps === void 0 ? void 0 : otherProps.navigationMenuOptions) || {}),\n headerLoginButtonStyles: _objectSpread2({\n withoutBorderRadius: !((_config$speedBump = config.speedBump) !== null && _config$speedBump !== void 0 && _config$speedBump.borderWithRadious),\n fill: buttonFillTypes.FILLED,\n styleType: buttonStyleTypes.NONE,\n hoverFilledBackgroundColor: colorsTypes.PRIMARY_LIGHT,\n hoverFilledBorderColor: colorsTypes.PRIMARY_LIGHT,\n hoverFilledTextColor: colorsTypes.WHITE,\n radius: 10,\n padding: \"2px 15px\"\n }, (otherProps === null || otherProps === void 0 ? void 0 : otherProps.headerLoginButtonStyles) || {}),\n footerOptions: _objectSpread2(_objectSpread2({}, (otherProps === null || otherProps === void 0 ? void 0 : otherProps.footerOptions) || {}), {}, {\n businessCustomLogos: [{\n replaceByIndex: 0,\n url: \"https://olb-assets.s3.us-east-2.amazonaws.com/images/NCUA_Logo.svg\",\n alternativeText: \"NCUA Logo\",\n invert: true,\n linkTo: \"https://www.ncua.gov\"\n }].concat(_toConsumableArray((otherProps === null || otherProps === void 0 || (_otherProps$footerOpt = otherProps.footerOptions) === null || _otherProps$footerOpt === void 0 ? void 0 : _otherProps$footerOpt.businessCustomLogos) || []))\n })\n }), function (data) {\n var _customPageProps$cust, _customPageProps$cust2, _customPageProps$cust3, _customPageProps$cust4, _customPageProps$cust5;\n\n var CustomPage = components[dynamicPagesVariantsTypes[data.dynamicPageType]];\n return /*#__PURE__*/React__default$1[\"default\"].createElement(React.Fragment, null, /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"tw-pt-20\"\n }), /*#__PURE__*/React__default$1[\"default\"].createElement(CustomPage, _extends$g({\n data: data,\n config: config,\n heroProps: heroProps,\n productsProps: productsProps,\n featureFullProps: featureFullProps,\n featureProps: featureProps,\n calloutProps: calloutProps,\n calloutMobileProps: calloutMobileProps,\n calloutCompressedProps: calloutCompressedProps\n }, customPageProps, {\n customComponentStyles: _objectSpread2(_objectSpread2({}, (customPageProps === null || customPageProps === void 0 ? void 0 : customPageProps.customComponentStyles) || {}), {}, {\n titleWithGradients: _objectSpread2(_objectSpread2({\n fontFamily: fontsFamiliesTypes.SECONDARY\n }, (customPageProps === null || customPageProps === void 0 || (_customPageProps$cust = customPageProps.customComponentStyles) === null || _customPageProps$cust === void 0 ? void 0 : _customPageProps$cust.titleWithGradients) || {}), {}, {\n gradients: _objectSpread2({\n firstColor: colorsTypes.HIGHT_LIGHT_PRIMARY,\n firstLightColor: colorsTypes.HIGHT_LIGHT_PRIMARY,\n secondColor: colorsTypes.HIGHT_LIGHT_PRIMARY,\n secondLightColor: colorsTypes.HIGHT_LIGHT_PRIMARY\n }, (customPageProps === null || customPageProps === void 0 || (_customPageProps$cust2 = customPageProps.customComponentStyles) === null || _customPageProps$cust2 === void 0 || (_customPageProps$cust2 = _customPageProps$cust2.titleWithGradients) === null || _customPageProps$cust2 === void 0 ? void 0 : _customPageProps$cust2.gradients) || {})\n }),\n ratesList: _objectSpread2(_objectSpread2({}, (customPageProps === null || customPageProps === void 0 || (_customPageProps$cust3 = customPageProps.customComponentStyles) === null || _customPageProps$cust3 === void 0 ? void 0 : _customPageProps$cust3.ratesList) || {}), {}, {\n title: _objectSpread2({\n fontFamily: fontsFamiliesTypes.SECONDARY\n }, (customPageProps === null || customPageProps === void 0 || (_customPageProps$cust4 = customPageProps.customComponentStyles) === null || _customPageProps$cust4 === void 0 || (_customPageProps$cust4 = _customPageProps$cust4.ratesList) === null || _customPageProps$cust4 === void 0 ? void 0 : _customPageProps$cust4.title) || {}),\n rightSubtitle: _objectSpread2({\n fontFamily: fontsFamiliesTypes.SECONDARY,\n color: colorsTypes.PRIMARY_SEMI_DARK\n }, (customPageProps === null || customPageProps === void 0 || (_customPageProps$cust5 = customPageProps.customComponentStyles) === null || _customPageProps$cust5 === void 0 || (_customPageProps$cust5 = _customPageProps$cust5.ratesList) === null || _customPageProps$cust5 === void 0 ? void 0 : _customPageProps$cust5.rightSubtitle) || {})\n })\n })\n })));\n });\n}\n\nDynamicTemplateV7.prototype = {\n path: PropTypes.string.isRequired,\n pageData: PropTypes.any.isRequired,\n config: PropTypes.any.isRequired,\n customPageProps: PropTypes.any,\n heroProps: PropTypes.any,\n productsProps: PropTypes.any,\n featureFullProps: PropTypes.any,\n featureProps: PropTypes.any,\n calloutProps: PropTypes.any,\n calloutMobileProps: PropTypes.any,\n calloutCompressedProps: PropTypes.any\n};\nvar _excluded$9 = [\"path\", \"pageData\", \"config\", \"customPageProps\", \"heroProps\", \"productsProps\", \"featureFullProps\", \"featureProps\", \"calloutProps\", \"calloutMobileProps\", \"calloutCompressedProps\"];\n\nfunction DynamicTemplateV8(_ref) {\n var _otherProps$footerOpt, _config$speedBump, _config$speedBump2, _otherProps$speedBump, _config$speedBump3, _otherProps$speedBump2;\n\n var path = _ref.path,\n pageData = _ref.pageData,\n config = _ref.config,\n _ref$customPageProps = _ref.customPageProps,\n customPageProps = _ref$customPageProps === void 0 ? {} : _ref$customPageProps,\n _ref$heroProps = _ref.heroProps,\n heroProps = _ref$heroProps === void 0 ? {} : _ref$heroProps,\n _ref$productsProps = _ref.productsProps,\n productsProps = _ref$productsProps === void 0 ? {} : _ref$productsProps,\n _ref$featureFullProps = _ref.featureFullProps,\n featureFullProps = _ref$featureFullProps === void 0 ? {} : _ref$featureFullProps,\n _ref$featureProps = _ref.featureProps,\n featureProps = _ref$featureProps === void 0 ? {} : _ref$featureProps,\n _ref$calloutProps = _ref.calloutProps,\n calloutProps = _ref$calloutProps === void 0 ? {} : _ref$calloutProps,\n _ref$calloutMobilePro = _ref.calloutMobileProps,\n calloutMobileProps = _ref$calloutMobilePro === void 0 ? {} : _ref$calloutMobilePro,\n _ref$calloutCompresse = _ref.calloutCompressedProps,\n calloutCompressedProps = _ref$calloutCompresse === void 0 ? {} : _ref$calloutCompresse,\n otherProps = _objectWithoutProperties$2(_ref, _excluded$9);\n\n return /*#__PURE__*/React__default$1[\"default\"].createElement(Page // transparentHeader\n , _extends$g({\n isDynamic: true,\n forceShowHeader: true,\n grayscaleHeader: true,\n darkHeader: true,\n floatHeader: true,\n backgroundScreenHeader: true,\n topIndicatorHeader: false,\n backgroundMenuHeader: colorsTypes.PRIMARY_VERY_ULTRA_LIGHT,\n menuSubLinksListBorderColorHeader: colorsTypes.SECONDARY,\n menuSubLinksListBackgroundHeader: colorsTypes.PRIMARY_VERY_ULTRA_LIGHT,\n menuSubLinksTitleColorHeader: colorsTypes.PRIMARY_ULTRA_DARK,\n subLinksItemActiveTitleColorHeader: colorsTypes.PRIMARY_SEMI_DARK,\n menuSubLinksItemTitleColorHeader: colorsTypes.SECONDARY\n }, otherProps, {\n cms: {\n isDynamicPage: true,\n pageId: path,\n pageData: pageData\n },\n pathname: path,\n config: config,\n footerOptions: _objectSpread2(_objectSpread2({\n background: colorsTypes.PRIMARY_ULTRA_DARK,\n // powerByImg: \"\",\n bottomSectionMargin: 0\n }, (otherProps === null || otherProps === void 0 ? void 0 : otherProps.footerOptions) || {}), {}, {\n businessCustomLogos: [{\n replaceByIndex: 0,\n url: \"https://olb-assets.s3.us-east-2.amazonaws.com/images/NCUA_Logo.svg\",\n alternativeText: \"NCUA Logo\",\n invert: true,\n linkTo: \"https://www.ncua.gov\"\n }].concat(_toConsumableArray((otherProps === null || otherProps === void 0 || (_otherProps$footerOpt = otherProps.footerOptions) === null || _otherProps$footerOpt === void 0 ? void 0 : _otherProps$footerOpt.businessCustomLogos) || []))\n }),\n navigationMenuOptions: _objectSpread2({\n menuSubItemTitleColor: colorsTypes.SECONDARY,\n menuSubItemTitleActiveColor: colorsTypes.SECONDARY,\n menuActiveBorderColor: colorsTypes.BLACK\n }, (otherProps === null || otherProps === void 0 ? void 0 : otherProps.navigationMenuOptions) || {}),\n headerLoginButtonStyles: _objectSpread2({\n withoutBorderRadius: !((_config$speedBump = config.speedBump) !== null && _config$speedBump !== void 0 && _config$speedBump.borderWithRadious),\n fill: buttonFillTypes.FILLED,\n styleType: buttonStyleTypes.STANDARD,\n height: 30,\n padding: \"2px 17px\",\n hoverBackgroundColor: colorsTypes.WHITE,\n hoverFilledBorderColor: colorsTypes.PRIMARY\n }, (otherProps === null || otherProps === void 0 ? void 0 : otherProps.headerLoginButtonStyles) || {}),\n speedBumpStyles: _objectSpread2(_objectSpread2({}, otherProps === null || otherProps === void 0 ? void 0 : otherProps.speedBumpStyles), {}, {\n acceptButton: _objectSpread2({\n withoutBorderRadius: !((_config$speedBump2 = config.speedBump) !== null && _config$speedBump2 !== void 0 && _config$speedBump2.borderWithRadious),\n fill: buttonFillTypes.FILLED,\n styleType: buttonStyleTypes.STANDARD,\n hoverFilledTextColor: colorsTypes.PRIMARY_DARK,\n hoverFilledBorderColor: colorsTypes.PRIMARY_DARK,\n hoverFilledBackgroundColor: colorsTypes.TRANSPARENT,\n filledBackgroundColor: colorsTypes.PRIMARY_DARK\n }, (otherProps === null || otherProps === void 0 || (_otherProps$speedBump = otherProps.speedBumpStyles) === null || _otherProps$speedBump === void 0 ? void 0 : _otherProps$speedBump.acceptButton) || {}),\n cancelButton: _objectSpread2({\n withoutBorderRadius: !((_config$speedBump3 = config.speedBump) !== null && _config$speedBump3 !== void 0 && _config$speedBump3.borderWithRadious),\n fill: buttonFillTypes.FILLED,\n styleType: buttonStyleTypes.STANDARD,\n hoverFilledTextColor: colorsTypes.PRIMARY_DARK,\n hoverFilledBorderColor: colorsTypes.PRIMARY_DARK,\n hoverFilledBackgroundColor: colorsTypes.TRANSPARENT,\n filledBackgroundColor: colorsTypes.PRIMARY_DARK\n }, (otherProps === null || otherProps === void 0 || (_otherProps$speedBump2 = otherProps.speedBumpStyles) === null || _otherProps$speedBump2 === void 0 ? void 0 : _otherProps$speedBump2.acceptButton) || {})\n })\n }), function (data) {\n var _customPageProps$cust, _customPageProps$cust2, _customPageProps$cust3, _customPageProps$cust4, _customPageProps$cust5;\n\n var CustomPage = components[dynamicPagesVariantsTypes[data.dynamicPageType]];\n return /*#__PURE__*/React__default$1[\"default\"].createElement(React.Fragment, null, /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"tw-pt-20\"\n }), /*#__PURE__*/React__default$1[\"default\"].createElement(CustomPage, _extends$g({\n data: data,\n config: config,\n heroProps: heroProps,\n productsProps: productsProps,\n featureFullProps: featureFullProps,\n featureProps: featureProps,\n calloutProps: calloutProps,\n calloutMobileProps: calloutMobileProps,\n calloutCompressedProps: calloutCompressedProps\n }, customPageProps, {\n customComponentStyles: _objectSpread2(_objectSpread2({}, (customPageProps === null || customPageProps === void 0 ? void 0 : customPageProps.customComponentStyles) || {}), {}, {\n titleWithGradients: _objectSpread2(_objectSpread2({\n fontFamily: fontsFamiliesTypes.SECONDARY\n }, (customPageProps === null || customPageProps === void 0 || (_customPageProps$cust = customPageProps.customComponentStyles) === null || _customPageProps$cust === void 0 ? void 0 : _customPageProps$cust.titleWithGradients) || {}), {}, {\n gradients: _objectSpread2({\n firstColor: colorsTypes.HIGHT_LIGHT_PRIMARY,\n firstLightColor: colorsTypes.HIGHT_LIGHT_PRIMARY,\n secondColor: colorsTypes.HIGHT_LIGHT_PRIMARY,\n secondLightColor: colorsTypes.HIGHT_LIGHT_PRIMARY\n }, (customPageProps === null || customPageProps === void 0 || (_customPageProps$cust2 = customPageProps.customComponentStyles) === null || _customPageProps$cust2 === void 0 || (_customPageProps$cust2 = _customPageProps$cust2.titleWithGradients) === null || _customPageProps$cust2 === void 0 ? void 0 : _customPageProps$cust2.gradients) || {})\n }),\n ratesList: _objectSpread2(_objectSpread2({}, (customPageProps === null || customPageProps === void 0 || (_customPageProps$cust3 = customPageProps.customComponentStyles) === null || _customPageProps$cust3 === void 0 ? void 0 : _customPageProps$cust3.ratesList) || {}), {}, {\n title: _objectSpread2({\n fontFamily: fontsFamiliesTypes.SECONDARY\n }, (customPageProps === null || customPageProps === void 0 || (_customPageProps$cust4 = customPageProps.customComponentStyles) === null || _customPageProps$cust4 === void 0 || (_customPageProps$cust4 = _customPageProps$cust4.ratesList) === null || _customPageProps$cust4 === void 0 ? void 0 : _customPageProps$cust4.title) || {}),\n rightSubtitle: _objectSpread2({\n fontFamily: fontsFamiliesTypes.SECONDARY,\n color: colorsTypes.PRIMARY_SEMI_DARK\n }, (customPageProps === null || customPageProps === void 0 || (_customPageProps$cust5 = customPageProps.customComponentStyles) === null || _customPageProps$cust5 === void 0 || (_customPageProps$cust5 = _customPageProps$cust5.ratesList) === null || _customPageProps$cust5 === void 0 ? void 0 : _customPageProps$cust5.rightSubtitle) || {})\n })\n })\n })));\n });\n}\n\nDynamicTemplateV8.prototype = {\n path: PropTypes.string.isRequired,\n pageData: PropTypes.any.isRequired,\n config: PropTypes.any.isRequired,\n customPageProps: PropTypes.any,\n heroProps: PropTypes.any,\n productsProps: PropTypes.any,\n featureFullProps: PropTypes.any,\n featureProps: PropTypes.any,\n calloutProps: PropTypes.any,\n calloutMobileProps: PropTypes.any,\n calloutCompressedProps: PropTypes.any\n};\nvar _excluded$8 = [\"path\", \"pageData\", \"config\", \"customPageProps\", \"heroProps\", \"productsProps\", \"featureFullProps\", \"featureProps\", \"calloutProps\", \"calloutMobileProps\", \"calloutCompressedProps\", \"formTemplateProps\"];\n\nfunction DynamicTemplateV9(_ref) {\n var path = _ref.path,\n pageData = _ref.pageData,\n config = _ref.config,\n _ref$customPageProps = _ref.customPageProps,\n customPageProps = _ref$customPageProps === void 0 ? {} : _ref$customPageProps,\n _ref$heroProps = _ref.heroProps,\n heroProps = _ref$heroProps === void 0 ? {} : _ref$heroProps,\n _ref$productsProps = _ref.productsProps,\n productsProps = _ref$productsProps === void 0 ? {} : _ref$productsProps,\n _ref$featureFullProps = _ref.featureFullProps,\n featureFullProps = _ref$featureFullProps === void 0 ? {} : _ref$featureFullProps,\n _ref$featureProps = _ref.featureProps,\n featureProps = _ref$featureProps === void 0 ? {} : _ref$featureProps,\n _ref$calloutProps = _ref.calloutProps,\n calloutProps = _ref$calloutProps === void 0 ? {} : _ref$calloutProps,\n _ref$calloutMobilePro = _ref.calloutMobileProps,\n calloutMobileProps = _ref$calloutMobilePro === void 0 ? {} : _ref$calloutMobilePro,\n _ref$calloutCompresse = _ref.calloutCompressedProps,\n calloutCompressedProps = _ref$calloutCompresse === void 0 ? {} : _ref$calloutCompresse,\n _ref$formTemplateProp = _ref.formTemplateProps,\n formTemplateProps = _ref$formTemplateProp === void 0 ? {} : _ref$formTemplateProp,\n otherProps = _objectWithoutProperties$2(_ref, _excluded$8);\n\n return /*#__PURE__*/React__default$1[\"default\"].createElement(Page, _extends$g({}, otherProps, {\n cms: {\n isDynamicPage: true,\n pageId: path,\n pageData: pageData\n },\n pathname: path,\n config: config\n }), function (data) {\n var _customPageProps$cust, _customPageProps$cust2, _customPageProps$cust3, _customPageProps$cust4, _customPageProps$cust5;\n\n var CustomPage = components[dynamicPagesVariantsTypes[data.dynamicPageType]];\n return /*#__PURE__*/React__default$1[\"default\"].createElement(React.Fragment, null, /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"DYNAMIC__PAGE\"\n }), /*#__PURE__*/React__default$1[\"default\"].createElement(CustomPage, _extends$g({\n data: data,\n config: config,\n heroProps: heroProps,\n productsProps: productsProps,\n featureFullProps: featureFullProps,\n featureProps: featureProps,\n formTemplateProps: formTemplateProps,\n calloutProps: calloutProps,\n calloutMobileProps: calloutMobileProps,\n calloutCompressedProps: calloutCompressedProps\n }, customPageProps, {\n customComponentStyles: _objectSpread2(_objectSpread2({}, (customPageProps === null || customPageProps === void 0 ? void 0 : customPageProps.customComponentStyles) || {}), {}, {\n titleWithGradients: _objectSpread2(_objectSpread2({\n fontFamily: fontsFamiliesTypes.SECONDARY\n }, (customPageProps === null || customPageProps === void 0 || (_customPageProps$cust = customPageProps.customComponentStyles) === null || _customPageProps$cust === void 0 ? void 0 : _customPageProps$cust.titleWithGradients) || {}), {}, {\n gradients: _objectSpread2({\n firstColor: colorsTypes.HIGHT_LIGHT_PRIMARY,\n firstLightColor: colorsTypes.HIGHT_LIGHT_PRIMARY,\n secondColor: colorsTypes.HIGHT_LIGHT_PRIMARY,\n secondLightColor: colorsTypes.HIGHT_LIGHT_PRIMARY\n }, (customPageProps === null || customPageProps === void 0 || (_customPageProps$cust2 = customPageProps.customComponentStyles) === null || _customPageProps$cust2 === void 0 || (_customPageProps$cust2 = _customPageProps$cust2.titleWithGradients) === null || _customPageProps$cust2 === void 0 ? void 0 : _customPageProps$cust2.gradients) || {})\n }),\n ratesList: _objectSpread2(_objectSpread2({}, (customPageProps === null || customPageProps === void 0 || (_customPageProps$cust3 = customPageProps.customComponentStyles) === null || _customPageProps$cust3 === void 0 ? void 0 : _customPageProps$cust3.ratesList) || {}), {}, {\n title: _objectSpread2({\n fontFamily: fontsFamiliesTypes.SECONDARY\n }, (customPageProps === null || customPageProps === void 0 || (_customPageProps$cust4 = customPageProps.customComponentStyles) === null || _customPageProps$cust4 === void 0 || (_customPageProps$cust4 = _customPageProps$cust4.ratesList) === null || _customPageProps$cust4 === void 0 ? void 0 : _customPageProps$cust4.title) || {}),\n rightSubtitle: _objectSpread2({\n fontFamily: fontsFamiliesTypes.SECONDARY,\n color: colorsTypes.PRIMARY_SEMI_DARK\n }, (customPageProps === null || customPageProps === void 0 || (_customPageProps$cust5 = customPageProps.customComponentStyles) === null || _customPageProps$cust5 === void 0 || (_customPageProps$cust5 = _customPageProps$cust5.ratesList) === null || _customPageProps$cust5 === void 0 ? void 0 : _customPageProps$cust5.rightSubtitle) || {})\n })\n })\n })));\n });\n}\n\nDynamicTemplateV9.prototype = {\n path: PropTypes.string.isRequired,\n pageData: PropTypes.any.isRequired,\n config: PropTypes.any.isRequired,\n customPageProps: PropTypes.any,\n heroProps: PropTypes.any,\n productsProps: PropTypes.any,\n featureFullProps: PropTypes.any,\n featureProps: PropTypes.any,\n calloutProps: PropTypes.any,\n calloutMobileProps: PropTypes.any,\n calloutCompressedProps: PropTypes.any\n};\nvar _excluded$7 = [\"pageData\", \"config\", \"pageHeaderProps\", \"bodyTextProps\", \"calloutTextProps\", \"calloutButtonProps\"];\n\nfunction AboutUsTemplateV1(_ref) {\n var pageData = _ref.pageData,\n config = _ref.config,\n _ref$pageHeaderProps = _ref.pageHeaderProps,\n pageHeaderProps = _ref$pageHeaderProps === void 0 ? {} : _ref$pageHeaderProps,\n _ref$bodyTextProps = _ref.bodyTextProps,\n bodyTextProps = _ref$bodyTextProps === void 0 ? {} : _ref$bodyTextProps,\n _ref$calloutTextProps = _ref.calloutTextProps,\n calloutTextProps = _ref$calloutTextProps === void 0 ? {} : _ref$calloutTextProps,\n _ref$calloutButtonPro = _ref.calloutButtonProps,\n calloutButtonProps = _ref$calloutButtonPro === void 0 ? {} : _ref$calloutButtonPro,\n otherProps = _objectWithoutProperties$2(_ref, _excluded$7);\n\n return /*#__PURE__*/React__default$1[\"default\"].createElement(Page, _extends$g({}, otherProps, {\n cms: {\n pageId: \"cu-about-uss\",\n pageData: pageData\n },\n pathname: \"about-us\",\n config: config\n }), function (_ref2) {\n var texts = _ref2.Texts,\n calloutText = _ref2.CalloutText,\n pageHeaderGradient = _ref2.PageHeaderGradient,\n calloutButton = _ref2.CalloutButton,\n textsLists = _ref2.TextsLists;\n return /*#__PURE__*/React__default$1[\"default\"].createElement(React.Fragment, null, /*#__PURE__*/React__default$1[\"default\"].createElement(PageHeader$1, _extends$g({\n variant: pageHeaderVariantsTypes.GRADIENT,\n color: pageHeaderColorVariantsTypes.PRIMARY,\n data: pageHeaderGradient\n }, pageHeaderProps)), /*#__PURE__*/React__default$1[\"default\"].createElement(Dividers, {\n variant: dividersVariantsTypes.DIVIDER,\n className: \"tw-my-6\"\n }), /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"tw-container\"\n }, texts === null || texts === void 0 ? void 0 : texts.map(function (item, index) {\n return /*#__PURE__*/React__default$1[\"default\"].createElement(React.Fragment, {\n key: \"Texts-Fragment-item-\".concat(index)\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(BodyText$1, _extends$g({\n data: item\n }, bodyTextProps)), /*#__PURE__*/React__default$1[\"default\"].createElement(Dividers, {\n variant: dividersVariantsTypes.DIVIDER,\n className: \"tw-my-6\"\n }));\n }), /*#__PURE__*/React__default$1[\"default\"].createElement(Callout$2, _extends$g({\n variant: calloutVariantsTypes.TEXT,\n data: calloutText\n }, calloutTextProps)), /*#__PURE__*/React__default$1[\"default\"].createElement(Dividers, {\n variant: dividersVariantsTypes.DIVIDER,\n className: \"tw-my-6\"\n }), textsLists === null || textsLists === void 0 ? void 0 : textsLists.map(function (item, index) {\n return /*#__PURE__*/React__default$1[\"default\"].createElement(BodyText$1, _extends$g({\n key: \"TextsLists-BodyText-item\".concat(index),\n data: item\n }, bodyTextProps));\n }), /*#__PURE__*/React__default$1[\"default\"].createElement(Dividers, {\n variant: dividersVariantsTypes.DIVIDER,\n className: \"tw-my-10\"\n }), /*#__PURE__*/React__default$1[\"default\"].createElement(Callout$2, _extends$g({\n variant: calloutVariantsTypes.BUTTON,\n data: calloutButton\n }, calloutButtonProps)), /*#__PURE__*/React__default$1[\"default\"].createElement(Dividers, {\n variant: dividersVariantsTypes.DIVIDER,\n className: \"tw-my-16\"\n })));\n });\n}\n\nAboutUsTemplateV1.prototype = {\n pageData: PropTypes.any,\n config: PropTypes.any,\n pageHeaderProps: PropTypes.any,\n bodyTextProps: PropTypes.any,\n calloutTextProps: PropTypes.any,\n calloutButtonProps: PropTypes.any\n};\nvar _excluded$6 = [\"pageData\", \"config\", \"pageHeaderProps\", \"bodyTextProps\", \"calloutTextProps\", \"calloutButtonProps\"];\n\nfunction AboutUsTemplateV2(_ref) {\n var _otherProps$footerOpt, _config$speedBump, _config$speedBump2, _otherProps$speedBump, _config$speedBump3, _otherProps$speedBump2;\n\n var pageData = _ref.pageData,\n config = _ref.config,\n _ref$pageHeaderProps = _ref.pageHeaderProps,\n pageHeaderProps = _ref$pageHeaderProps === void 0 ? {} : _ref$pageHeaderProps,\n _ref$bodyTextProps = _ref.bodyTextProps,\n bodyTextProps = _ref$bodyTextProps === void 0 ? {} : _ref$bodyTextProps,\n _ref$calloutTextProps = _ref.calloutTextProps,\n calloutTextProps = _ref$calloutTextProps === void 0 ? {} : _ref$calloutTextProps,\n _ref$calloutButtonPro = _ref.calloutButtonProps,\n calloutButtonProps = _ref$calloutButtonPro === void 0 ? {} : _ref$calloutButtonPro,\n otherProps = _objectWithoutProperties$2(_ref, _excluded$6);\n\n return /*#__PURE__*/React__default$1[\"default\"].createElement(Page, _extends$g({\n transparentHeader: true,\n floatHeader: true,\n grayscaleHeader: true,\n noFilterLogoHeader: true,\n forceShowItemsHeader: true,\n topIndicatorHeader: false,\n backgroundMenuHeader: colorsTypes.PRIMARY_VERY_ULTRA_LIGHT,\n menuSubLinksListBorderColorHeader: colorsTypes.SECONDARY,\n menuSubLinksListBackgroundHeader: colorsTypes.PRIMARY_VERY_ULTRA_LIGHT,\n menuSubLinksTitleColorHeader: colorsTypes.PRIMARY_ULTRA_DARK,\n subLinksItemActiveTitleColorHeader: colorsTypes.PRIMARY_SEMI_DARK,\n menuSubLinksItemTitleColorHeader: colorsTypes.SECONDARY\n }, otherProps, {\n cms: {\n pageId: \"cu-about-uss\",\n pageData: pageData\n },\n pathname: \"about-us\",\n config: config,\n footerOptions: _objectSpread2(_objectSpread2({\n background: colorsTypes.PRIMARY_ULTRA_DARK,\n // powerByImg: \"\",\n bottomSectionMargin: 0\n }, (otherProps === null || otherProps === void 0 ? void 0 : otherProps.footerOptions) || {}), {}, {\n businessCustomLogos: [{\n replaceByIndex: 0,\n url: \"https://olb-assets.s3.us-east-2.amazonaws.com/images/NCUA_Logo.svg\",\n alternativeText: \"NCUA Logo\",\n invert: true,\n linkTo: \"https://www.ncua.gov\"\n }].concat(_toConsumableArray((otherProps === null || otherProps === void 0 || (_otherProps$footerOpt = otherProps.footerOptions) === null || _otherProps$footerOpt === void 0 ? void 0 : _otherProps$footerOpt.businessCustomLogos) || []))\n }),\n navigationMenuOptions: _objectSpread2({\n menuSubItemTitleColor: colorsTypes.SECONDARY,\n menuSubItemTitleActiveColor: colorsTypes.SECONDARY,\n menuActiveBorderColor: colorsTypes.PRIMARY\n }, (otherProps === null || otherProps === void 0 ? void 0 : otherProps.navigationMenuOptions) || {}),\n headerLoginButtonStyles: _objectSpread2({\n withoutBorderRadius: !((_config$speedBump = config.speedBump) !== null && _config$speedBump !== void 0 && _config$speedBump.borderWithRadious),\n fill: buttonFillTypes.FILLED,\n styleType: buttonStyleTypes.STANDARD,\n height: 30,\n padding: \"2px 17px\",\n hoverBackgroundColor: colorsTypes.WHITE,\n hoverFilledBorderColor: colorsTypes.PRIMARY\n }, (otherProps === null || otherProps === void 0 ? void 0 : otherProps.headerLoginButtonStyles) || {}),\n speedBumpStyles: _objectSpread2(_objectSpread2({}, otherProps === null || otherProps === void 0 ? void 0 : otherProps.speedBumpStyles), {}, {\n acceptButton: _objectSpread2({\n withoutBorderRadius: !((_config$speedBump2 = config.speedBump) !== null && _config$speedBump2 !== void 0 && _config$speedBump2.borderWithRadious),\n fill: buttonFillTypes.FILLED,\n styleType: buttonStyleTypes.STANDARD,\n hoverBackgroundColor: colorsTypes.PRIMARY,\n filledBackgroundColor: colorsTypes.WHITE,\n filledTextColor: colorsTypes.PRIMARY,\n filledBorderColor: colorsTypes.PRIMARY,\n hoverFilledTextColor: colorsTypes.WHITE\n }, (otherProps === null || otherProps === void 0 || (_otherProps$speedBump = otherProps.speedBumpStyles) === null || _otherProps$speedBump === void 0 ? void 0 : _otherProps$speedBump.acceptButton) || {}),\n cancelButton: _objectSpread2({\n withoutBorderRadius: !((_config$speedBump3 = config.speedBump) !== null && _config$speedBump3 !== void 0 && _config$speedBump3.borderWithRadious),\n fill: buttonFillTypes.FILLED,\n styleType: buttonStyleTypes.STANDARD,\n hoverBackgroundColor: colorsTypes.WHITE,\n filledBackgroundColor: colorsTypes.PRIMARY\n }, (otherProps === null || otherProps === void 0 || (_otherProps$speedBump2 = otherProps.speedBumpStyles) === null || _otherProps$speedBump2 === void 0 ? void 0 : _otherProps$speedBump2.cancelButton) || {})\n })\n }), function (_ref2) {\n var texts = _ref2.Texts,\n calloutText = _ref2.CalloutText,\n pageHeaderGradient = _ref2.PageHeaderGradient,\n calloutButton = _ref2.CalloutButton,\n textsLists = _ref2.TextsLists;\n return /*#__PURE__*/React__default$1[\"default\"].createElement(React.Fragment, null, /*#__PURE__*/React__default$1[\"default\"].createElement(PageHeader$1, _extends$g({\n variant: pageHeaderVariantsTypes.GRADIENT,\n color: pageHeaderColorVariantsTypes.PRIMARY,\n data: pageHeaderGradient\n }, pageHeaderProps)), /*#__PURE__*/React__default$1[\"default\"].createElement(Dividers, {\n variant: dividersVariantsTypes.DIVIDER,\n className: \"tw-my-6\"\n }), /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"tw-container\"\n }, texts === null || texts === void 0 ? void 0 : texts.map(function (item, index) {\n return /*#__PURE__*/React__default$1[\"default\"].createElement(React.Fragment, {\n key: \"Texts-Fragment-item-\".concat(index)\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(BodyText$1, _extends$g({\n data: item\n }, bodyTextProps)), /*#__PURE__*/React__default$1[\"default\"].createElement(Dividers, {\n variant: dividersVariantsTypes.DIVIDER,\n className: \"tw-my-6\"\n }));\n }), /*#__PURE__*/React__default$1[\"default\"].createElement(Callout$2, _extends$g({\n variant: calloutVariantsTypes.TEXT,\n data: calloutText\n }, calloutTextProps)), /*#__PURE__*/React__default$1[\"default\"].createElement(Dividers, {\n variant: dividersVariantsTypes.DIVIDER,\n className: \"tw-my-6\"\n }), textsLists === null || textsLists === void 0 ? void 0 : textsLists.map(function (item, index) {\n return /*#__PURE__*/React__default$1[\"default\"].createElement(BodyText$1, _extends$g({\n key: \"TextsLists-BodyText-item\".concat(index),\n data: item\n }, bodyTextProps));\n }), /*#__PURE__*/React__default$1[\"default\"].createElement(Dividers, {\n variant: dividersVariantsTypes.DIVIDER,\n className: \"tw-my-10\"\n }), /*#__PURE__*/React__default$1[\"default\"].createElement(Callout$2, _extends$g({\n variant: calloutVariantsTypes.BUTTON,\n data: calloutButton\n }, calloutButtonProps)), /*#__PURE__*/React__default$1[\"default\"].createElement(Dividers, {\n variant: dividersVariantsTypes.DIVIDER,\n className: \"tw-my-16\"\n })));\n });\n}\n\nAboutUsTemplateV2.prototype = {\n pageData: PropTypes.any,\n config: PropTypes.any,\n pageHeaderProps: PropTypes.any,\n bodyTextProps: PropTypes.any,\n calloutTextProps: PropTypes.any,\n calloutButtonProps: PropTypes.any\n};\nvar _excluded$5 = [\"pageData\", \"config\", \"pageHeaderProps\", \"bodyTextProps\", \"calloutTextProps\", \"calloutButtonProps\"];\n\nfunction AboutUsTemplateV7(_ref) {\n var _config$speedBump, _otherProps$footerOpt;\n\n var pageData = _ref.pageData,\n config = _ref.config,\n _ref$pageHeaderProps = _ref.pageHeaderProps,\n pageHeaderProps = _ref$pageHeaderProps === void 0 ? {} : _ref$pageHeaderProps,\n _ref$bodyTextProps = _ref.bodyTextProps,\n bodyTextProps = _ref$bodyTextProps === void 0 ? {} : _ref$bodyTextProps,\n _ref$calloutTextProps = _ref.calloutTextProps,\n calloutTextProps = _ref$calloutTextProps === void 0 ? {} : _ref$calloutTextProps,\n _ref$calloutButtonPro = _ref.calloutButtonProps,\n calloutButtonProps = _ref$calloutButtonPro === void 0 ? {} : _ref$calloutButtonPro,\n otherProps = _objectWithoutProperties$2(_ref, _excluded$5);\n\n return /*#__PURE__*/React__default$1[\"default\"].createElement(Page, _extends$g({\n floatHeader: true,\n forceShowHeader: true,\n topIndicatorHeader: true,\n noFilterLogoHeader: true,\n transparent: true,\n isTopBorder: true,\n backgroundMenuHeader: colorsTypes.TRANSPARENT,\n menuSubLinksListBorderColorHeader: colorsTypes.SECONDARY,\n menuSubLinksListBackgroundHeader: colorsTypes.HIGHT_LIGHT_PRIMARY,\n menuSubLinksTitleColorHeader: colorsTypes.PRIMARY_ULTRA_DARK,\n subLinksItemActiveTitleColorHeader: colorsTypes.PRIMARY,\n menuSubLinksItemTitleColorHeader: colorsTypes.ULTRA_LIGHT\n }, otherProps, {\n cms: {\n pageId: \"cu-about-uss\",\n pageData: pageData\n },\n pathname: \"/about-us\",\n config: config,\n navigationOptions: _objectSpread2({}, (otherProps === null || otherProps === void 0 ? void 0 : otherProps.navigationOptions) || {}),\n navigationMenuOptions: _objectSpread2({\n subMenuGrayscaleBackgroundColor: colorsTypes.PRIMARY_VERY_ULTRA_LIGHT,\n subMenuBackgroundColor: colorsTypes.PRIMARY_VERY_ULTRA_LIGHT\n }, (otherProps === null || otherProps === void 0 ? void 0 : otherProps.navigationMenuOptions) || {}),\n headerLoginButtonStyles: _objectSpread2({\n withoutBorderRadius: !((_config$speedBump = config.speedBump) !== null && _config$speedBump !== void 0 && _config$speedBump.borderWithRadious),\n fill: buttonFillTypes.FILLED,\n styleType: buttonStyleTypes.NONE,\n hoverFilledBackgroundColor: colorsTypes.PRIMARY_LIGHT,\n hoverFilledBorderColor: colorsTypes.PRIMARY_LIGHT,\n hoverFilledTextColor: colorsTypes.WHITE,\n radius: 10,\n padding: \"2px 15px\"\n }, (otherProps === null || otherProps === void 0 ? void 0 : otherProps.headerLoginButtonStyles) || {}),\n footerOptions: _objectSpread2(_objectSpread2({}, (otherProps === null || otherProps === void 0 ? void 0 : otherProps.footerOptions) || {}), {}, {\n businessCustomLogos: [{\n replaceByIndex: 0,\n url: \"https://olb-assets.s3.us-east-2.amazonaws.com/images/NCUA_Logo.svg\",\n alternativeText: \"NCUA Logo\",\n invert: true,\n linkTo: \"https://www.ncua.gov\"\n }].concat(_toConsumableArray((otherProps === null || otherProps === void 0 || (_otherProps$footerOpt = otherProps.footerOptions) === null || _otherProps$footerOpt === void 0 ? void 0 : _otherProps$footerOpt.businessCustomLogos) || []))\n })\n }), function (_ref2) {\n var texts = _ref2.Texts,\n calloutText = _ref2.CalloutText,\n pageHeaderGradient = _ref2.PageHeaderGradient,\n calloutButton = _ref2.CalloutButton,\n textsLists = _ref2.TextsLists;\n return /*#__PURE__*/React__default$1[\"default\"].createElement(React.Fragment, null, /*#__PURE__*/React__default$1[\"default\"].createElement(PageHeader$1, _extends$g({\n variant: pageHeaderVariantsTypes.GRADIENT,\n color: pageHeaderColorVariantsTypes.PRIMARY,\n data: pageHeaderGradient\n }, pageHeaderProps)), /*#__PURE__*/React__default$1[\"default\"].createElement(Dividers, {\n variant: dividersVariantsTypes.DIVIDER,\n className: \"tw-my-6\"\n }), /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"tw-container\"\n }, texts === null || texts === void 0 ? void 0 : texts.map(function (item, index) {\n return /*#__PURE__*/React__default$1[\"default\"].createElement(React.Fragment, {\n key: \"Texts-Fragment-item-\".concat(index)\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(BodyText$1, _extends$g({\n data: item\n }, bodyTextProps)), /*#__PURE__*/React__default$1[\"default\"].createElement(Dividers, {\n variant: dividersVariantsTypes.DIVIDER,\n className: \"tw-my-6\"\n }));\n }), /*#__PURE__*/React__default$1[\"default\"].createElement(Callout$2, _extends$g({\n variant: calloutVariantsTypes.TEXT,\n data: calloutText\n }, calloutTextProps)), /*#__PURE__*/React__default$1[\"default\"].createElement(Dividers, {\n variant: dividersVariantsTypes.DIVIDER,\n className: \"tw-my-6\"\n }), textsLists === null || textsLists === void 0 ? void 0 : textsLists.map(function (item, index) {\n return /*#__PURE__*/React__default$1[\"default\"].createElement(BodyText$1, _extends$g({\n key: \"TextsLists-BodyText-item\".concat(index),\n data: item\n }, bodyTextProps));\n }), /*#__PURE__*/React__default$1[\"default\"].createElement(Dividers, {\n variant: dividersVariantsTypes.DIVIDER,\n className: \"tw-my-10\"\n }), /*#__PURE__*/React__default$1[\"default\"].createElement(Callout$2, _extends$g({\n variant: calloutVariantsTypes.BUTTON,\n data: calloutButton\n }, calloutButtonProps)), /*#__PURE__*/React__default$1[\"default\"].createElement(Dividers, {\n variant: dividersVariantsTypes.DIVIDER,\n className: \"tw-my-16\"\n })));\n });\n}\n\nAboutUsTemplateV7.prototype = {\n pageData: PropTypes.any,\n config: PropTypes.any,\n pageHeaderProps: PropTypes.any,\n bodyTextProps: PropTypes.any,\n calloutTextProps: PropTypes.any,\n calloutButtonProps: PropTypes.any\n};\nvar _excluded$4 = [\"pageData\", \"config\", \"variant\", \"heroProps\", \"productsProps\", \"featureFullProps\", \"featureProps\", \"calloutProps\"];\n\nfunction AboutUsTemplateV8(_ref) {\n _ref.pageData;\n\n var config = _ref.config,\n _ref$variant = _ref.variant,\n variant = _ref$variant === void 0 ? dynamicTemplatesVersionVariantsTypes.DYNAMIC_TEMPLATE_V9 : _ref$variant,\n _ref$heroProps = _ref.heroProps,\n heroProps = _ref$heroProps === void 0 ? {} : _ref$heroProps,\n _ref$productsProps = _ref.productsProps,\n productsProps = _ref$productsProps === void 0 ? {} : _ref$productsProps,\n _ref$featureFullProps = _ref.featureFullProps,\n featureFullProps = _ref$featureFullProps === void 0 ? {} : _ref$featureFullProps,\n _ref$featureProps = _ref.featureProps,\n featureProps = _ref$featureProps === void 0 ? {} : _ref$featureProps,\n _ref$calloutProps = _ref.calloutProps,\n calloutProps = _ref$calloutProps === void 0 ? {} : _ref$calloutProps,\n otherProps = _objectWithoutProperties$2(_ref, _excluded$4);\n\n return /*#__PURE__*/React__default$1[\"default\"].createElement(\"div\", {\n className: \"CONTACT_PAGE__CONTAINER\"\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(DynamicPage, _extends$g({\n heroProps: heroProps,\n productsProps: productsProps,\n featureFullProps: featureFullProps,\n featureProps: featureProps,\n calloutProps: calloutProps\n }, otherProps, {\n path: \"/about-us\",\n id: \"About-us\",\n config: config,\n variant: variant\n })));\n}\n\nAboutUsTemplateV8.prototype = {\n pageData: PropTypes.any,\n config: PropTypes.any,\n variant: PropTypes.string\n};\nvar _excluded$3 = [\"variant\", \"pageData\", \"config\", \"themes\", \"header\", \"about\", \"contact\", \"footer\"];\n\nfunction ContactUs(_ref) {\n var _ref$variant = _ref.variant,\n variant = _ref$variant === void 0 ? contactUsTemplatesVersionVariantsTypes.CONTACT_US_TEMPLATE_V2 : _ref$variant,\n pageData = _ref.pageData,\n config = _ref.config,\n _ref$themes = _ref.themes,\n themes = _ref$themes === void 0 ? [] : _ref$themes,\n _ref$header = _ref.header,\n header = _ref$header === void 0 ? null : _ref$header,\n _ref$about = _ref.about,\n about = _ref$about === void 0 ? null : _ref$about,\n _ref$contact = _ref.contact,\n contact = _ref$contact === void 0 ? null : _ref$contact,\n _ref$footer = _ref.footer,\n footer = _ref$footer === void 0 ? null : _ref$footer,\n otherProps = _objectWithoutProperties$2(_ref, _excluded$3);\n\n var Component = templates[variant];\n /** @TODO: Redirect to 404 */\n\n if (!Component) return null;\n return /*#__PURE__*/React__default$1[\"default\"].createElement(ThemeProvider, {\n themes: themes\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(Component, _extends$g({\n pageData: pageData,\n config: config,\n header: header,\n about: about,\n contact: contact,\n footer: footer\n }, otherProps)));\n}\n\nvar _excluded$2 = [\"variant\", \"forceCustomVariant\", \"header\", \"about\", \"contact\", \"footer\", \"themes\", \"config\"];\n\nfunction Home(_ref) {\n var _ref$variant = _ref.variant,\n variant = _ref$variant === void 0 ? homeTemplatesVersionVariantTypes.HOME_TEMPLATE_V2 : _ref$variant,\n _ref$forceCustomVaria = _ref.forceCustomVariant,\n forceCustomVariant = _ref$forceCustomVaria === void 0 ? false : _ref$forceCustomVaria,\n _ref$header = _ref.header,\n header = _ref$header === void 0 ? null : _ref$header,\n _ref$about = _ref.about,\n about = _ref$about === void 0 ? null : _ref$about,\n _ref$contact = _ref.contact,\n contact = _ref$contact === void 0 ? null : _ref$contact,\n _ref$footer = _ref.footer,\n footer = _ref$footer === void 0 ? null : _ref$footer,\n _ref$themes = _ref.themes,\n themes = _ref$themes === void 0 ? [] : _ref$themes,\n _ref$config = _ref.config,\n config = _ref$config === void 0 ? {} : _ref$config,\n otherProps = _objectWithoutProperties$2(_ref, _excluded$2);\n\n var Component = forceCustomVariant ? templates[variant] : templates[(config === null || config === void 0 ? void 0 : config.homePage) || variant];\n /** @TODO: Redirect to 404 */\n\n if (!Component) return null;\n return /*#__PURE__*/React__default$1[\"default\"].createElement(ThemeProvider, {\n themes: themes\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(Component, _extends$g({\n header: header,\n about: about,\n contact: contact,\n footer: footer,\n config: config\n }, otherProps)));\n}\n\nvar _excluded$1 = [\"variant\", \"pageData\", \"config\", \"themes\", \"header\", \"about\", \"contact\", \"footer\"];\n\nfunction AboutUsPage(_ref) {\n var _ref$variant = _ref.variant,\n variant = _ref$variant === void 0 ? aboutUsTemplatesVersionVariantsTypes.ABOUT_US_TEMPLATE_V2 : _ref$variant,\n pageData = _ref.pageData,\n config = _ref.config,\n _ref$themes = _ref.themes,\n themes = _ref$themes === void 0 ? [] : _ref$themes,\n _ref$header = _ref.header,\n header = _ref$header === void 0 ? null : _ref$header,\n _ref$about = _ref.about,\n about = _ref$about === void 0 ? null : _ref$about,\n _ref$contact = _ref.contact,\n contact = _ref$contact === void 0 ? null : _ref$contact,\n _ref$footer = _ref.footer,\n footer = _ref$footer === void 0 ? null : _ref$footer,\n otherProps = _objectWithoutProperties$2(_ref, _excluded$1);\n\n var Component = templates[variant];\n /** @TODO: Redirect to 404 */\n\n if (!Component) return null;\n return /*#__PURE__*/React__default$1[\"default\"].createElement(ThemeProvider, {\n themes: themes\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(Component, _extends$g({\n pageData: pageData,\n config: config,\n header: header,\n about: about,\n contact: contact,\n footer: footer\n }, otherProps)));\n}\n\nvar _excluded = [\"themes\"];\n\nfunction NotFoundPage(_ref) {\n var _ref$themes = _ref.themes,\n appThemes = _ref$themes === void 0 ? [] : _ref$themes,\n otherProps = _objectWithoutProperties$2(_ref, _excluded);\n\n return /*#__PURE__*/React__default$1[\"default\"].createElement(ThemeProvider, {\n themes: appThemes\n }, /*#__PURE__*/React__default$1[\"default\"].createElement(Page, _extends$g({\n cms: {\n pageData: {\n MetaData: {\n title: \"404: Not Found\",\n noRobots: true\n }\n }\n },\n pathname: \"404\"\n }, otherProps), function () {\n return /*#__PURE__*/React__default$1[\"default\"].createElement(Error$1, {\n title: \"404: Not Found\"\n });\n }));\n}\n\nSwiperCore.use([Autoplay$1, Pagination$1, Navigation$1, Thumbs$1]);\nvar versionDetails = \"Current \\\"\".concat(pkg$1.name, \"\\\" version: \\\"\").concat(pkg$1.version, \"\\\"\");\n\nvar consoleController = function () {\n var oldConsoleLog = null;\n var oldConsoleInfo = null;\n var functions = {};\n\n var enable = function enable() {\n if (oldConsoleInfo !== null) console.info = oldConsoleInfo;\n if (oldConsoleLog == null) return;\n console.log = oldConsoleLog;\n };\n\n var disable = function disable() {\n oldConsoleInfo = console.info;\n\n console.info = function () {};\n\n if (process.env.GATSBY_SITE_ENVIRONMENT === \"development\") return;\n oldConsoleLog = console.log;\n\n console.log = function () {};\n };\n\n var printVersion = function printVersion() {\n enable();\n console.log(versionDetails);\n disable();\n };\n\n functions.disable = disable;\n functions.printVersion = printVersion;\n return functions;\n}();\n\nconsoleController.disable(); // Disable all console.log on production ** Enable only for development **\n\nvar __create$d = Object.create;\nvar __defProp$d = Object.defineProperty;\nvar __getOwnPropDesc$d = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames$d = Object.getOwnPropertyNames;\nvar __getProtoOf$d = Object.getPrototypeOf;\nvar __hasOwnProp$d = Object.prototype.hasOwnProperty;\n\nvar __defNormalProp$d = (obj, key, value) => key in obj ? __defProp$d(obj, key, {\n enumerable: true,\n configurable: true,\n writable: true,\n value\n}) : obj[key] = value;\n\nvar __export$d = (target, all) => {\n for (var name in all) __defProp$d(target, name, {\n get: all[name],\n enumerable: true\n });\n};\n\nvar __copyProps$d = (to, from, except, desc) => {\n if (from && typeof from === \"object\" || typeof from === \"function\") {\n for (let key of __getOwnPropNames$d(from)) if (!__hasOwnProp$d.call(to, key) && key !== except) __defProp$d(to, key, {\n get: () => from[key],\n enumerable: !(desc = __getOwnPropDesc$d(from, key)) || desc.enumerable\n });\n }\n\n return to;\n};\n\nvar __toESM$d = (mod, isNodeMode, target) => (target = mod != null ? __create$d(__getProtoOf$d(mod)) : {}, __copyProps$d( // If the importer is in node compatibility mode or this is not an ESM\n// file that has been converted to a CommonJS file using a Babel-\n// compatible transform (i.e. \"__esModule\" has not been set), then set\n// \"default\" to the CommonJS \"module.exports\" for node compatibility.\nisNodeMode || !mod || !mod.__esModule ? __defProp$d(target, \"default\", {\n value: mod,\n enumerable: true\n}) : target, mod));\n\nvar __toCommonJS$d = mod => __copyProps$d(__defProp$d({}, \"__esModule\", {\n value: true\n}), mod);\n\nvar __publicField$d = (obj, key, value) => {\n __defNormalProp$d(obj, typeof key !== \"symbol\" ? key + \"\" : key, value);\n\n return value;\n};\n\nvar YouTube_exports = {};\n\n__export$d(YouTube_exports, {\n default: () => YouTube\n});\n\nvar YouTube_1 = __toCommonJS$d(YouTube_exports);\n\nvar import_react$d = __toESM$d(React__default$1[\"default\"]);\n\nconst SDK_URL$b = \"https://www.youtube.com/iframe_api\";\nconst SDK_GLOBAL$a = \"YT\";\nconst SDK_GLOBAL_READY$3 = \"onYouTubeIframeAPIReady\";\nconst MATCH_PLAYLIST = /[?&](?:list|channel)=([a-zA-Z0-9_-]+)/;\nconst MATCH_USER_UPLOADS = /user\\/([a-zA-Z0-9_-]+)\\/?/;\nconst MATCH_NOCOOKIE = /youtube-nocookie\\.com/;\nconst NOCOOKIE_HOST = \"https://www.youtube-nocookie.com\";\n\nclass YouTube extends import_react$d.Component {\n constructor() {\n super(...arguments);\n\n __publicField$d(this, \"callPlayer\", import_utils.callPlayer);\n\n __publicField$d(this, \"parsePlaylist\", url => {\n if (url instanceof Array) {\n return {\n listType: \"playlist\",\n playlist: url.map(this.getID).join(\",\")\n };\n }\n\n if (MATCH_PLAYLIST.test(url)) {\n const [, playlistId] = url.match(MATCH_PLAYLIST);\n return {\n listType: \"playlist\",\n list: playlistId.replace(/^UC/, \"UU\")\n };\n }\n\n if (MATCH_USER_UPLOADS.test(url)) {\n const [, username] = url.match(MATCH_USER_UPLOADS);\n return {\n listType: \"user_uploads\",\n list: username\n };\n }\n\n return {};\n });\n\n __publicField$d(this, \"onStateChange\", event => {\n const {\n data\n } = event;\n const {\n onPlay,\n onPause,\n onBuffer,\n onBufferEnd,\n onEnded,\n onReady,\n loop,\n config: {\n playerVars,\n onUnstarted\n }\n } = this.props;\n const {\n UNSTARTED,\n PLAYING,\n PAUSED,\n BUFFERING,\n ENDED,\n CUED\n } = window[SDK_GLOBAL$a].PlayerState;\n if (data === UNSTARTED) onUnstarted();\n\n if (data === PLAYING) {\n onPlay();\n onBufferEnd();\n }\n\n if (data === PAUSED) onPause();\n if (data === BUFFERING) onBuffer();\n\n if (data === ENDED) {\n const isPlaylist = !!this.callPlayer(\"getPlaylist\");\n\n if (loop && !isPlaylist) {\n if (playerVars.start) {\n this.seekTo(playerVars.start);\n } else {\n this.play();\n }\n }\n\n onEnded();\n }\n\n if (data === CUED) onReady();\n });\n\n __publicField$d(this, \"mute\", () => {\n this.callPlayer(\"mute\");\n });\n\n __publicField$d(this, \"unmute\", () => {\n this.callPlayer(\"unMute\");\n });\n\n __publicField$d(this, \"ref\", container => {\n this.container = container;\n });\n }\n\n componentDidMount() {\n this.props.onMount && this.props.onMount(this);\n }\n\n getID(url) {\n if (!url || url instanceof Array || MATCH_PLAYLIST.test(url)) {\n return null;\n }\n\n return url.match(import_patterns.MATCH_URL_YOUTUBE)[1];\n }\n\n load(url, isReady) {\n const {\n playing,\n muted,\n playsinline,\n controls,\n loop,\n config,\n onError\n } = this.props;\n const {\n playerVars,\n embedOptions\n } = config;\n const id = this.getID(url);\n\n if (isReady) {\n if (MATCH_PLAYLIST.test(url) || MATCH_USER_UPLOADS.test(url) || url instanceof Array) {\n this.player.loadPlaylist(this.parsePlaylist(url));\n return;\n }\n\n this.player.cueVideoById({\n videoId: id,\n startSeconds: (0, import_utils.parseStartTime)(url) || playerVars.start,\n endSeconds: (0, import_utils.parseEndTime)(url) || playerVars.end\n });\n return;\n }\n\n (0, import_utils.getSDK)(SDK_URL$b, SDK_GLOBAL$a, SDK_GLOBAL_READY$3, YT => YT.loaded).then(YT => {\n if (!this.container) return;\n this.player = new YT.Player(this.container, {\n width: \"100%\",\n height: \"100%\",\n videoId: id,\n playerVars: {\n autoplay: playing ? 1 : 0,\n mute: muted ? 1 : 0,\n controls: controls ? 1 : 0,\n start: (0, import_utils.parseStartTime)(url),\n end: (0, import_utils.parseEndTime)(url),\n origin: window.location.origin,\n playsinline: playsinline ? 1 : 0,\n ...this.parsePlaylist(url),\n ...playerVars\n },\n events: {\n onReady: () => {\n if (loop) {\n this.player.setLoop(true);\n }\n\n this.props.onReady();\n },\n onPlaybackRateChange: event => this.props.onPlaybackRateChange(event.data),\n onPlaybackQualityChange: event => this.props.onPlaybackQualityChange(event),\n onStateChange: this.onStateChange,\n onError: event => onError(event.data)\n },\n host: MATCH_NOCOOKIE.test(url) ? NOCOOKIE_HOST : void 0,\n ...embedOptions\n });\n }, onError);\n\n if (embedOptions.events) {\n console.warn(\"Using `embedOptions.events` will likely break things. Use ReactPlayer\\u2019s callback props instead, eg onReady, onPlay, onPause\");\n }\n }\n\n play() {\n this.callPlayer(\"playVideo\");\n }\n\n pause() {\n this.callPlayer(\"pauseVideo\");\n }\n\n stop() {\n if (!document.body.contains(this.callPlayer(\"getIframe\"))) return;\n this.callPlayer(\"stopVideo\");\n }\n\n seekTo(amount) {\n let keepPlaying = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\n this.callPlayer(\"seekTo\", amount);\n\n if (!keepPlaying && !this.props.playing) {\n this.pause();\n }\n }\n\n setVolume(fraction) {\n this.callPlayer(\"setVolume\", fraction * 100);\n }\n\n setPlaybackRate(rate) {\n this.callPlayer(\"setPlaybackRate\", rate);\n }\n\n setLoop(loop) {\n this.callPlayer(\"setLoop\", loop);\n }\n\n getDuration() {\n return this.callPlayer(\"getDuration\");\n }\n\n getCurrentTime() {\n return this.callPlayer(\"getCurrentTime\");\n }\n\n getSecondsLoaded() {\n return this.callPlayer(\"getVideoLoadedFraction\") * this.getDuration();\n }\n\n render() {\n const {\n display\n } = this.props;\n const style = {\n width: \"100%\",\n height: \"100%\",\n display\n };\n return /* @__PURE__ */import_react$d.default.createElement(\"div\", {\n style\n }, /* @__PURE__ */import_react$d.default.createElement(\"div\", {\n ref: this.ref\n }));\n }\n\n}\n\n__publicField$d(YouTube, \"displayName\", \"YouTube\");\n\n__publicField$d(YouTube, \"canPlay\", import_patterns.canPlay.youtube);\n\nvar YouTube$1 = /*#__PURE__*/_mergeNamespaces({\n __proto__: null,\n 'default': YouTube_1\n}, [YouTube_1]);\n\nvar __create$c = Object.create;\nvar __defProp$c = Object.defineProperty;\nvar __getOwnPropDesc$c = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames$c = Object.getOwnPropertyNames;\nvar __getProtoOf$c = Object.getPrototypeOf;\nvar __hasOwnProp$c = Object.prototype.hasOwnProperty;\n\nvar __defNormalProp$c = (obj, key, value) => key in obj ? __defProp$c(obj, key, {\n enumerable: true,\n configurable: true,\n writable: true,\n value\n}) : obj[key] = value;\n\nvar __export$c = (target, all) => {\n for (var name in all) __defProp$c(target, name, {\n get: all[name],\n enumerable: true\n });\n};\n\nvar __copyProps$c = (to, from, except, desc) => {\n if (from && typeof from === \"object\" || typeof from === \"function\") {\n for (let key of __getOwnPropNames$c(from)) if (!__hasOwnProp$c.call(to, key) && key !== except) __defProp$c(to, key, {\n get: () => from[key],\n enumerable: !(desc = __getOwnPropDesc$c(from, key)) || desc.enumerable\n });\n }\n\n return to;\n};\n\nvar __toESM$c = (mod, isNodeMode, target) => (target = mod != null ? __create$c(__getProtoOf$c(mod)) : {}, __copyProps$c( // If the importer is in node compatibility mode or this is not an ESM\n// file that has been converted to a CommonJS file using a Babel-\n// compatible transform (i.e. \"__esModule\" has not been set), then set\n// \"default\" to the CommonJS \"module.exports\" for node compatibility.\nisNodeMode || !mod || !mod.__esModule ? __defProp$c(target, \"default\", {\n value: mod,\n enumerable: true\n}) : target, mod));\n\nvar __toCommonJS$c = mod => __copyProps$c(__defProp$c({}, \"__esModule\", {\n value: true\n}), mod);\n\nvar __publicField$c = (obj, key, value) => {\n __defNormalProp$c(obj, typeof key !== \"symbol\" ? key + \"\" : key, value);\n\n return value;\n};\n\nvar SoundCloud_exports = {};\n\n__export$c(SoundCloud_exports, {\n default: () => SoundCloud\n});\n\nvar SoundCloud_1 = __toCommonJS$c(SoundCloud_exports);\n\nvar import_react$c = __toESM$c(React__default$1[\"default\"]);\n\nconst SDK_URL$a = \"https://w.soundcloud.com/player/api.js\";\nconst SDK_GLOBAL$9 = \"SC\";\n\nclass SoundCloud extends import_react$c.Component {\n constructor() {\n super(...arguments);\n\n __publicField$c(this, \"callPlayer\", import_utils.callPlayer);\n\n __publicField$c(this, \"duration\", null);\n\n __publicField$c(this, \"currentTime\", null);\n\n __publicField$c(this, \"fractionLoaded\", null);\n\n __publicField$c(this, \"mute\", () => {\n this.setVolume(0);\n });\n\n __publicField$c(this, \"unmute\", () => {\n if (this.props.volume !== null) {\n this.setVolume(this.props.volume);\n }\n });\n\n __publicField$c(this, \"ref\", iframe => {\n this.iframe = iframe;\n });\n }\n\n componentDidMount() {\n this.props.onMount && this.props.onMount(this);\n }\n\n load(url, isReady) {\n (0, import_utils.getSDK)(SDK_URL$a, SDK_GLOBAL$9).then(SC => {\n if (!this.iframe) return;\n const {\n PLAY,\n PLAY_PROGRESS,\n PAUSE,\n FINISH,\n ERROR\n } = SC.Widget.Events;\n\n if (!isReady) {\n this.player = SC.Widget(this.iframe);\n this.player.bind(PLAY, this.props.onPlay);\n this.player.bind(PAUSE, () => {\n const remaining = this.duration - this.currentTime;\n\n if (remaining < 0.05) {\n return;\n }\n\n this.props.onPause();\n });\n this.player.bind(PLAY_PROGRESS, e => {\n this.currentTime = e.currentPosition / 1e3;\n this.fractionLoaded = e.loadedProgress;\n });\n this.player.bind(FINISH, () => this.props.onEnded());\n this.player.bind(ERROR, e => this.props.onError(e));\n }\n\n this.player.load(url, { ...this.props.config.options,\n callback: () => {\n this.player.getDuration(duration => {\n this.duration = duration / 1e3;\n this.props.onReady();\n });\n }\n });\n });\n }\n\n play() {\n this.callPlayer(\"play\");\n }\n\n pause() {\n this.callPlayer(\"pause\");\n }\n\n stop() {}\n\n seekTo(seconds) {\n let keepPlaying = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;\n this.callPlayer(\"seekTo\", seconds * 1e3);\n\n if (!keepPlaying) {\n this.pause();\n }\n }\n\n setVolume(fraction) {\n this.callPlayer(\"setVolume\", fraction * 100);\n }\n\n getDuration() {\n return this.duration;\n }\n\n getCurrentTime() {\n return this.currentTime;\n }\n\n getSecondsLoaded() {\n return this.fractionLoaded * this.duration;\n }\n\n render() {\n const {\n display\n } = this.props;\n const style = {\n width: \"100%\",\n height: \"100%\",\n display\n };\n return /* @__PURE__ */import_react$c.default.createElement(\"iframe\", {\n ref: this.ref,\n src: `https://w.soundcloud.com/player/?url=${encodeURIComponent(this.props.url)}`,\n style,\n frameBorder: 0,\n allow: \"autoplay\"\n });\n }\n\n}\n\n__publicField$c(SoundCloud, \"displayName\", \"SoundCloud\");\n\n__publicField$c(SoundCloud, \"canPlay\", import_patterns.canPlay.soundcloud);\n\n__publicField$c(SoundCloud, \"loopOnEnded\", true);\n\nvar SoundCloud$1 = /*#__PURE__*/_mergeNamespaces({\n __proto__: null,\n 'default': SoundCloud_1\n}, [SoundCloud_1]);\n\nvar __create$b = Object.create;\nvar __defProp$b = Object.defineProperty;\nvar __getOwnPropDesc$b = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames$b = Object.getOwnPropertyNames;\nvar __getProtoOf$b = Object.getPrototypeOf;\nvar __hasOwnProp$b = Object.prototype.hasOwnProperty;\n\nvar __defNormalProp$b = (obj, key, value) => key in obj ? __defProp$b(obj, key, {\n enumerable: true,\n configurable: true,\n writable: true,\n value\n}) : obj[key] = value;\n\nvar __export$b = (target, all) => {\n for (var name in all) __defProp$b(target, name, {\n get: all[name],\n enumerable: true\n });\n};\n\nvar __copyProps$b = (to, from, except, desc) => {\n if (from && typeof from === \"object\" || typeof from === \"function\") {\n for (let key of __getOwnPropNames$b(from)) if (!__hasOwnProp$b.call(to, key) && key !== except) __defProp$b(to, key, {\n get: () => from[key],\n enumerable: !(desc = __getOwnPropDesc$b(from, key)) || desc.enumerable\n });\n }\n\n return to;\n};\n\nvar __toESM$b = (mod, isNodeMode, target) => (target = mod != null ? __create$b(__getProtoOf$b(mod)) : {}, __copyProps$b( // If the importer is in node compatibility mode or this is not an ESM\n// file that has been converted to a CommonJS file using a Babel-\n// compatible transform (i.e. \"__esModule\" has not been set), then set\n// \"default\" to the CommonJS \"module.exports\" for node compatibility.\nisNodeMode || !mod || !mod.__esModule ? __defProp$b(target, \"default\", {\n value: mod,\n enumerable: true\n}) : target, mod));\n\nvar __toCommonJS$b = mod => __copyProps$b(__defProp$b({}, \"__esModule\", {\n value: true\n}), mod);\n\nvar __publicField$b = (obj, key, value) => {\n __defNormalProp$b(obj, typeof key !== \"symbol\" ? key + \"\" : key, value);\n\n return value;\n};\n\nvar Vimeo_exports = {};\n\n__export$b(Vimeo_exports, {\n default: () => Vimeo\n});\n\nvar Vimeo_1 = __toCommonJS$b(Vimeo_exports);\n\nvar import_react$b = __toESM$b(React__default$1[\"default\"]);\n\nconst SDK_URL$9 = \"https://player.vimeo.com/api/player.js\";\nconst SDK_GLOBAL$8 = \"Vimeo\";\n\nconst cleanUrl = url => {\n return url.replace(\"/manage/videos\", \"\");\n};\n\nclass Vimeo extends import_react$b.Component {\n constructor() {\n super(...arguments); // Prevent checking isLoading when URL changes\n\n __publicField$b(this, \"callPlayer\", import_utils.callPlayer);\n\n __publicField$b(this, \"duration\", null);\n\n __publicField$b(this, \"currentTime\", null);\n\n __publicField$b(this, \"secondsLoaded\", null);\n\n __publicField$b(this, \"mute\", () => {\n this.setMuted(true);\n });\n\n __publicField$b(this, \"unmute\", () => {\n this.setMuted(false);\n });\n\n __publicField$b(this, \"ref\", container => {\n this.container = container;\n });\n }\n\n componentDidMount() {\n this.props.onMount && this.props.onMount(this);\n }\n\n load(url) {\n this.duration = null;\n (0, import_utils.getSDK)(SDK_URL$9, SDK_GLOBAL$8).then(Vimeo2 => {\n if (!this.container) return;\n const {\n playerOptions,\n title\n } = this.props.config;\n this.player = new Vimeo2.Player(this.container, {\n url: cleanUrl(url),\n autoplay: this.props.playing,\n muted: this.props.muted,\n loop: this.props.loop,\n playsinline: this.props.playsinline,\n controls: this.props.controls,\n ...playerOptions\n });\n this.player.ready().then(() => {\n const iframe = this.container.querySelector(\"iframe\");\n iframe.style.width = \"100%\";\n iframe.style.height = \"100%\";\n\n if (title) {\n iframe.title = title;\n }\n }).catch(this.props.onError);\n this.player.on(\"loaded\", () => {\n this.props.onReady();\n this.refreshDuration();\n });\n this.player.on(\"play\", () => {\n this.props.onPlay();\n this.refreshDuration();\n });\n this.player.on(\"pause\", this.props.onPause);\n this.player.on(\"seeked\", e => this.props.onSeek(e.seconds));\n this.player.on(\"ended\", this.props.onEnded);\n this.player.on(\"error\", this.props.onError);\n this.player.on(\"timeupdate\", _ref35 => {\n let {\n seconds\n } = _ref35;\n this.currentTime = seconds;\n });\n this.player.on(\"progress\", _ref36 => {\n let {\n seconds\n } = _ref36;\n this.secondsLoaded = seconds;\n });\n this.player.on(\"bufferstart\", this.props.onBuffer);\n this.player.on(\"bufferend\", this.props.onBufferEnd);\n this.player.on(\"playbackratechange\", e => this.props.onPlaybackRateChange(e.playbackRate));\n }, this.props.onError);\n }\n\n refreshDuration() {\n this.player.getDuration().then(duration => {\n this.duration = duration;\n });\n }\n\n play() {\n const promise = this.callPlayer(\"play\");\n\n if (promise) {\n promise.catch(this.props.onError);\n }\n }\n\n pause() {\n this.callPlayer(\"pause\");\n }\n\n stop() {\n this.callPlayer(\"unload\");\n }\n\n seekTo(seconds) {\n let keepPlaying = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;\n this.callPlayer(\"setCurrentTime\", seconds);\n\n if (!keepPlaying) {\n this.pause();\n }\n }\n\n setVolume(fraction) {\n this.callPlayer(\"setVolume\", fraction);\n }\n\n setMuted(muted) {\n this.callPlayer(\"setMuted\", muted);\n }\n\n setLoop(loop) {\n this.callPlayer(\"setLoop\", loop);\n }\n\n setPlaybackRate(rate) {\n this.callPlayer(\"setPlaybackRate\", rate);\n }\n\n getDuration() {\n return this.duration;\n }\n\n getCurrentTime() {\n return this.currentTime;\n }\n\n getSecondsLoaded() {\n return this.secondsLoaded;\n }\n\n render() {\n const {\n display\n } = this.props;\n const style = {\n width: \"100%\",\n height: \"100%\",\n overflow: \"hidden\",\n display\n };\n return /* @__PURE__ */import_react$b.default.createElement(\"div\", {\n key: this.props.url,\n ref: this.ref,\n style\n });\n }\n\n}\n\n__publicField$b(Vimeo, \"displayName\", \"Vimeo\");\n\n__publicField$b(Vimeo, \"canPlay\", import_patterns.canPlay.vimeo);\n\n__publicField$b(Vimeo, \"forceLoad\", true);\n\nvar Vimeo$1 = /*#__PURE__*/_mergeNamespaces({\n __proto__: null,\n 'default': Vimeo_1\n}, [Vimeo_1]);\n\nvar __create$a = Object.create;\nvar __defProp$a = Object.defineProperty;\nvar __getOwnPropDesc$a = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames$a = Object.getOwnPropertyNames;\nvar __getProtoOf$a = Object.getPrototypeOf;\nvar __hasOwnProp$a = Object.prototype.hasOwnProperty;\n\nvar __defNormalProp$a = (obj, key, value) => key in obj ? __defProp$a(obj, key, {\n enumerable: true,\n configurable: true,\n writable: true,\n value\n}) : obj[key] = value;\n\nvar __export$a = (target, all) => {\n for (var name in all) __defProp$a(target, name, {\n get: all[name],\n enumerable: true\n });\n};\n\nvar __copyProps$a = (to, from, except, desc) => {\n if (from && typeof from === \"object\" || typeof from === \"function\") {\n for (let key of __getOwnPropNames$a(from)) if (!__hasOwnProp$a.call(to, key) && key !== except) __defProp$a(to, key, {\n get: () => from[key],\n enumerable: !(desc = __getOwnPropDesc$a(from, key)) || desc.enumerable\n });\n }\n\n return to;\n};\n\nvar __toESM$a = (mod, isNodeMode, target) => (target = mod != null ? __create$a(__getProtoOf$a(mod)) : {}, __copyProps$a( // If the importer is in node compatibility mode or this is not an ESM\n// file that has been converted to a CommonJS file using a Babel-\n// compatible transform (i.e. \"__esModule\" has not been set), then set\n// \"default\" to the CommonJS \"module.exports\" for node compatibility.\nisNodeMode || !mod || !mod.__esModule ? __defProp$a(target, \"default\", {\n value: mod,\n enumerable: true\n}) : target, mod));\n\nvar __toCommonJS$a = mod => __copyProps$a(__defProp$a({}, \"__esModule\", {\n value: true\n}), mod);\n\nvar __publicField$a = (obj, key, value) => {\n __defNormalProp$a(obj, typeof key !== \"symbol\" ? key + \"\" : key, value);\n\n return value;\n};\n\nvar Mux_exports = {};\n\n__export$a(Mux_exports, {\n default: () => Mux\n});\n\nvar Mux_1 = __toCommonJS$a(Mux_exports);\n\nvar import_react$a = __toESM$a(React__default$1[\"default\"]);\n\nconst SDK_URL$8 = \"https://cdn.jsdelivr.net/npm/@mux/mux-player@VERSION/dist/mux-player.mjs\";\n\nclass Mux extends import_react$a.Component {\n constructor() {\n var _this11;\n\n super(...arguments);\n _this11 = this;\n\n // Proxy methods to prevent listener leaks\n __publicField$a(this, \"onReady\", function () {\n return _this11.props.onReady(...arguments);\n });\n\n __publicField$a(this, \"onPlay\", function () {\n return _this11.props.onPlay(...arguments);\n });\n\n __publicField$a(this, \"onBuffer\", function () {\n return _this11.props.onBuffer(...arguments);\n });\n\n __publicField$a(this, \"onBufferEnd\", function () {\n return _this11.props.onBufferEnd(...arguments);\n });\n\n __publicField$a(this, \"onPause\", function () {\n return _this11.props.onPause(...arguments);\n });\n\n __publicField$a(this, \"onEnded\", function () {\n return _this11.props.onEnded(...arguments);\n });\n\n __publicField$a(this, \"onError\", function () {\n return _this11.props.onError(...arguments);\n });\n\n __publicField$a(this, \"onPlayBackRateChange\", event => this.props.onPlaybackRateChange(event.target.playbackRate));\n\n __publicField$a(this, \"onEnablePIP\", function () {\n return _this11.props.onEnablePIP(...arguments);\n });\n\n __publicField$a(this, \"onSeek\", e => {\n this.props.onSeek(e.target.currentTime);\n });\n\n __publicField$a(this, \"onDurationChange\", () => {\n const duration = this.getDuration();\n this.props.onDuration(duration);\n });\n\n __publicField$a(this, \"mute\", () => {\n this.player.muted = true;\n });\n\n __publicField$a(this, \"unmute\", () => {\n this.player.muted = false;\n });\n\n __publicField$a(this, \"ref\", player => {\n this.player = player;\n });\n }\n\n componentDidMount() {\n this.props.onMount && this.props.onMount(this);\n this.addListeners(this.player);\n const playbackId = this.getPlaybackId(this.props.url);\n\n if (playbackId) {\n this.player.playbackId = playbackId;\n }\n }\n\n componentWillUnmount() {\n this.player.playbackId = null;\n this.removeListeners(this.player);\n }\n\n addListeners(player) {\n const {\n playsinline\n } = this.props;\n player.addEventListener(\"play\", this.onPlay);\n player.addEventListener(\"waiting\", this.onBuffer);\n player.addEventListener(\"playing\", this.onBufferEnd);\n player.addEventListener(\"pause\", this.onPause);\n player.addEventListener(\"seeked\", this.onSeek);\n player.addEventListener(\"ended\", this.onEnded);\n player.addEventListener(\"error\", this.onError);\n player.addEventListener(\"ratechange\", this.onPlayBackRateChange);\n player.addEventListener(\"enterpictureinpicture\", this.onEnablePIP);\n player.addEventListener(\"leavepictureinpicture\", this.onDisablePIP);\n player.addEventListener(\"webkitpresentationmodechanged\", this.onPresentationModeChange);\n player.addEventListener(\"canplay\", this.onReady);\n\n if (playsinline) {\n player.setAttribute(\"playsinline\", \"\");\n }\n }\n\n removeListeners(player) {\n player.removeEventListener(\"canplay\", this.onReady);\n player.removeEventListener(\"play\", this.onPlay);\n player.removeEventListener(\"waiting\", this.onBuffer);\n player.removeEventListener(\"playing\", this.onBufferEnd);\n player.removeEventListener(\"pause\", this.onPause);\n player.removeEventListener(\"seeked\", this.onSeek);\n player.removeEventListener(\"ended\", this.onEnded);\n player.removeEventListener(\"error\", this.onError);\n player.removeEventListener(\"ratechange\", this.onPlayBackRateChange);\n player.removeEventListener(\"enterpictureinpicture\", this.onEnablePIP);\n player.removeEventListener(\"leavepictureinpicture\", this.onDisablePIP);\n player.removeEventListener(\"canplay\", this.onReady);\n }\n\n async load(url) {\n var _a;\n\n const {\n onError,\n config\n } = this.props;\n\n if (!((_a = globalThis.customElements) == null ? void 0 : _a.get(\"mux-player\"))) {\n try {\n const sdkUrl = SDK_URL$8.replace(\"VERSION\", config.version);\n await function (t) {\n return Promise.resolve().then(function () {\n return /*#__PURE__*/_interopNamespace(require(t));\n });\n }(\n /* webpackIgnore: true */\n `${sdkUrl}`);\n this.props.onLoaded();\n } catch (error) {\n onError(error);\n }\n }\n\n const [, id] = url.match(import_patterns.MATCH_URL_MUX);\n this.player.playbackId = id;\n }\n\n play() {\n const promise = this.player.play();\n\n if (promise) {\n promise.catch(this.props.onError);\n }\n }\n\n pause() {\n this.player.pause();\n }\n\n stop() {\n this.player.playbackId = null;\n }\n\n seekTo(seconds) {\n let keepPlaying = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;\n this.player.currentTime = seconds;\n\n if (!keepPlaying) {\n this.pause();\n }\n }\n\n setVolume(fraction) {\n this.player.volume = fraction;\n }\n\n enablePIP() {\n if (this.player.requestPictureInPicture && document.pictureInPictureElement !== this.player) {\n this.player.requestPictureInPicture();\n }\n }\n\n disablePIP() {\n if (document.exitPictureInPicture && document.pictureInPictureElement === this.player) {\n document.exitPictureInPicture();\n }\n }\n\n setPlaybackRate(rate) {\n try {\n this.player.playbackRate = rate;\n } catch (error) {\n this.props.onError(error);\n }\n }\n\n getDuration() {\n if (!this.player) return null;\n const {\n duration,\n seekable\n } = this.player;\n\n if (duration === Infinity && seekable.length > 0) {\n return seekable.end(seekable.length - 1);\n }\n\n return duration;\n }\n\n getCurrentTime() {\n if (!this.player) return null;\n return this.player.currentTime;\n }\n\n getSecondsLoaded() {\n if (!this.player) return null;\n const {\n buffered\n } = this.player;\n\n if (buffered.length === 0) {\n return 0;\n }\n\n const end = buffered.end(buffered.length - 1);\n const duration = this.getDuration();\n\n if (end > duration) {\n return duration;\n }\n\n return end;\n }\n\n getPlaybackId(url) {\n const [, id] = url.match(import_patterns.MATCH_URL_MUX);\n return id;\n }\n\n render() {\n const {\n url,\n playing,\n loop,\n controls,\n muted,\n config,\n width,\n height\n } = this.props;\n const style = {\n width: width === \"auto\" ? width : \"100%\",\n height: height === \"auto\" ? height : \"100%\"\n };\n\n if (controls === false) {\n style[\"--controls\"] = \"none\";\n }\n\n return /* @__PURE__ */import_react$a.default.createElement(\"mux-player\", {\n ref: this.ref,\n \"playback-id\": this.getPlaybackId(url),\n style,\n preload: \"auto\",\n autoPlay: playing || void 0,\n muted: muted ? \"\" : void 0,\n loop: loop ? \"\" : void 0,\n ...config.attributes\n });\n }\n\n}\n\n__publicField$a(Mux, \"displayName\", \"Mux\");\n\n__publicField$a(Mux, \"canPlay\", import_patterns.canPlay.mux);\n\nvar Mux$1 = /*#__PURE__*/_mergeNamespaces({\n __proto__: null,\n 'default': Mux_1\n}, [Mux_1]);\n\nvar __create$9 = Object.create;\nvar __defProp$9 = Object.defineProperty;\nvar __getOwnPropDesc$9 = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames$9 = Object.getOwnPropertyNames;\nvar __getProtoOf$9 = Object.getPrototypeOf;\nvar __hasOwnProp$9 = Object.prototype.hasOwnProperty;\n\nvar __defNormalProp$9 = (obj, key, value) => key in obj ? __defProp$9(obj, key, {\n enumerable: true,\n configurable: true,\n writable: true,\n value\n}) : obj[key] = value;\n\nvar __export$9 = (target, all) => {\n for (var name in all) __defProp$9(target, name, {\n get: all[name],\n enumerable: true\n });\n};\n\nvar __copyProps$9 = (to, from, except, desc) => {\n if (from && typeof from === \"object\" || typeof from === \"function\") {\n for (let key of __getOwnPropNames$9(from)) if (!__hasOwnProp$9.call(to, key) && key !== except) __defProp$9(to, key, {\n get: () => from[key],\n enumerable: !(desc = __getOwnPropDesc$9(from, key)) || desc.enumerable\n });\n }\n\n return to;\n};\n\nvar __toESM$9 = (mod, isNodeMode, target) => (target = mod != null ? __create$9(__getProtoOf$9(mod)) : {}, __copyProps$9( // If the importer is in node compatibility mode or this is not an ESM\n// file that has been converted to a CommonJS file using a Babel-\n// compatible transform (i.e. \"__esModule\" has not been set), then set\n// \"default\" to the CommonJS \"module.exports\" for node compatibility.\nisNodeMode || !mod || !mod.__esModule ? __defProp$9(target, \"default\", {\n value: mod,\n enumerable: true\n}) : target, mod));\n\nvar __toCommonJS$9 = mod => __copyProps$9(__defProp$9({}, \"__esModule\", {\n value: true\n}), mod);\n\nvar __publicField$9 = (obj, key, value) => {\n __defNormalProp$9(obj, typeof key !== \"symbol\" ? key + \"\" : key, value);\n\n return value;\n};\n\nvar Facebook_exports = {};\n\n__export$9(Facebook_exports, {\n default: () => Facebook\n});\n\nvar Facebook_1 = __toCommonJS$9(Facebook_exports);\n\nvar import_react$9 = __toESM$9(React__default$1[\"default\"]);\n\nconst SDK_URL$7 = \"https://connect.facebook.net/en_US/sdk.js\";\nconst SDK_GLOBAL$7 = \"FB\";\nconst SDK_GLOBAL_READY$2 = \"fbAsyncInit\";\nconst PLAYER_ID_PREFIX$2 = \"facebook-player-\";\n\nclass Facebook extends import_react$9.Component {\n constructor() {\n super(...arguments);\n\n __publicField$9(this, \"callPlayer\", import_utils.callPlayer);\n\n __publicField$9(this, \"playerID\", this.props.config.playerId || `${PLAYER_ID_PREFIX$2}${(0, import_utils.randomString)()}`);\n\n __publicField$9(this, \"mute\", () => {\n this.callPlayer(\"mute\");\n });\n\n __publicField$9(this, \"unmute\", () => {\n this.callPlayer(\"unmute\");\n });\n }\n\n componentDidMount() {\n this.props.onMount && this.props.onMount(this);\n }\n\n load(url, isReady) {\n if (isReady) {\n (0, import_utils.getSDK)(SDK_URL$7, SDK_GLOBAL$7, SDK_GLOBAL_READY$2).then(FB => FB.XFBML.parse());\n return;\n }\n\n (0, import_utils.getSDK)(SDK_URL$7, SDK_GLOBAL$7, SDK_GLOBAL_READY$2).then(FB => {\n FB.init({\n appId: this.props.config.appId,\n xfbml: true,\n version: this.props.config.version\n });\n FB.Event.subscribe(\"xfbml.render\", msg => {\n this.props.onLoaded();\n });\n FB.Event.subscribe(\"xfbml.ready\", msg => {\n if (msg.type === \"video\" && msg.id === this.playerID) {\n this.player = msg.instance;\n this.player.subscribe(\"startedPlaying\", this.props.onPlay);\n this.player.subscribe(\"paused\", this.props.onPause);\n this.player.subscribe(\"finishedPlaying\", this.props.onEnded);\n this.player.subscribe(\"startedBuffering\", this.props.onBuffer);\n this.player.subscribe(\"finishedBuffering\", this.props.onBufferEnd);\n this.player.subscribe(\"error\", this.props.onError);\n\n if (this.props.muted) {\n this.callPlayer(\"mute\");\n } else {\n this.callPlayer(\"unmute\");\n }\n\n this.props.onReady();\n document.getElementById(this.playerID).querySelector(\"iframe\").style.visibility = \"visible\";\n }\n });\n });\n }\n\n play() {\n this.callPlayer(\"play\");\n }\n\n pause() {\n this.callPlayer(\"pause\");\n }\n\n stop() {}\n\n seekTo(seconds) {\n let keepPlaying = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;\n this.callPlayer(\"seek\", seconds);\n\n if (!keepPlaying) {\n this.pause();\n }\n }\n\n setVolume(fraction) {\n this.callPlayer(\"setVolume\", fraction);\n }\n\n getDuration() {\n return this.callPlayer(\"getDuration\");\n }\n\n getCurrentTime() {\n return this.callPlayer(\"getCurrentPosition\");\n }\n\n getSecondsLoaded() {\n return null;\n }\n\n render() {\n const {\n attributes\n } = this.props.config;\n const style = {\n width: \"100%\",\n height: \"100%\"\n };\n return /* @__PURE__ */import_react$9.default.createElement(\"div\", {\n style,\n id: this.playerID,\n className: \"fb-video\",\n \"data-href\": this.props.url,\n \"data-autoplay\": this.props.playing ? \"true\" : \"false\",\n \"data-allowfullscreen\": \"true\",\n \"data-controls\": this.props.controls ? \"true\" : \"false\",\n ...attributes\n });\n }\n\n}\n\n__publicField$9(Facebook, \"displayName\", \"Facebook\");\n\n__publicField$9(Facebook, \"canPlay\", import_patterns.canPlay.facebook);\n\n__publicField$9(Facebook, \"loopOnEnded\", true);\n\nvar Facebook$1 = /*#__PURE__*/_mergeNamespaces({\n __proto__: null,\n 'default': Facebook_1\n}, [Facebook_1]);\n\nvar __create$8 = Object.create;\nvar __defProp$8 = Object.defineProperty;\nvar __getOwnPropDesc$8 = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames$8 = Object.getOwnPropertyNames;\nvar __getProtoOf$8 = Object.getPrototypeOf;\nvar __hasOwnProp$8 = Object.prototype.hasOwnProperty;\n\nvar __defNormalProp$8 = (obj, key, value) => key in obj ? __defProp$8(obj, key, {\n enumerable: true,\n configurable: true,\n writable: true,\n value\n}) : obj[key] = value;\n\nvar __export$8 = (target, all) => {\n for (var name in all) __defProp$8(target, name, {\n get: all[name],\n enumerable: true\n });\n};\n\nvar __copyProps$8 = (to, from, except, desc) => {\n if (from && typeof from === \"object\" || typeof from === \"function\") {\n for (let key of __getOwnPropNames$8(from)) if (!__hasOwnProp$8.call(to, key) && key !== except) __defProp$8(to, key, {\n get: () => from[key],\n enumerable: !(desc = __getOwnPropDesc$8(from, key)) || desc.enumerable\n });\n }\n\n return to;\n};\n\nvar __toESM$8 = (mod, isNodeMode, target) => (target = mod != null ? __create$8(__getProtoOf$8(mod)) : {}, __copyProps$8( // If the importer is in node compatibility mode or this is not an ESM\n// file that has been converted to a CommonJS file using a Babel-\n// compatible transform (i.e. \"__esModule\" has not been set), then set\n// \"default\" to the CommonJS \"module.exports\" for node compatibility.\nisNodeMode || !mod || !mod.__esModule ? __defProp$8(target, \"default\", {\n value: mod,\n enumerable: true\n}) : target, mod));\n\nvar __toCommonJS$8 = mod => __copyProps$8(__defProp$8({}, \"__esModule\", {\n value: true\n}), mod);\n\nvar __publicField$8 = (obj, key, value) => {\n __defNormalProp$8(obj, typeof key !== \"symbol\" ? key + \"\" : key, value);\n\n return value;\n};\n\nvar Streamable_exports = {};\n\n__export$8(Streamable_exports, {\n default: () => Streamable\n});\n\nvar Streamable_1 = __toCommonJS$8(Streamable_exports);\n\nvar import_react$8 = __toESM$8(React__default$1[\"default\"]);\n\nconst SDK_URL$6 = \"https://cdn.embed.ly/player-0.1.0.min.js\";\nconst SDK_GLOBAL$6 = \"playerjs\";\n\nclass Streamable extends import_react$8.Component {\n constructor() {\n super(...arguments);\n\n __publicField$8(this, \"callPlayer\", import_utils.callPlayer);\n\n __publicField$8(this, \"duration\", null);\n\n __publicField$8(this, \"currentTime\", null);\n\n __publicField$8(this, \"secondsLoaded\", null);\n\n __publicField$8(this, \"mute\", () => {\n this.callPlayer(\"mute\");\n });\n\n __publicField$8(this, \"unmute\", () => {\n this.callPlayer(\"unmute\");\n });\n\n __publicField$8(this, \"ref\", iframe => {\n this.iframe = iframe;\n });\n }\n\n componentDidMount() {\n this.props.onMount && this.props.onMount(this);\n }\n\n load(url) {\n (0, import_utils.getSDK)(SDK_URL$6, SDK_GLOBAL$6).then(playerjs => {\n if (!this.iframe) return;\n this.player = new playerjs.Player(this.iframe);\n this.player.setLoop(this.props.loop);\n this.player.on(\"ready\", this.props.onReady);\n this.player.on(\"play\", this.props.onPlay);\n this.player.on(\"pause\", this.props.onPause);\n this.player.on(\"seeked\", this.props.onSeek);\n this.player.on(\"ended\", this.props.onEnded);\n this.player.on(\"error\", this.props.onError);\n this.player.on(\"timeupdate\", _ref37 => {\n let {\n duration,\n seconds\n } = _ref37;\n this.duration = duration;\n this.currentTime = seconds;\n });\n this.player.on(\"buffered\", _ref38 => {\n let {\n percent\n } = _ref38;\n\n if (this.duration) {\n this.secondsLoaded = this.duration * percent;\n }\n });\n\n if (this.props.muted) {\n this.player.mute();\n }\n }, this.props.onError);\n }\n\n play() {\n this.callPlayer(\"play\");\n }\n\n pause() {\n this.callPlayer(\"pause\");\n }\n\n stop() {}\n\n seekTo(seconds) {\n let keepPlaying = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;\n this.callPlayer(\"setCurrentTime\", seconds);\n\n if (!keepPlaying) {\n this.pause();\n }\n }\n\n setVolume(fraction) {\n this.callPlayer(\"setVolume\", fraction * 100);\n }\n\n setLoop(loop) {\n this.callPlayer(\"setLoop\", loop);\n }\n\n getDuration() {\n return this.duration;\n }\n\n getCurrentTime() {\n return this.currentTime;\n }\n\n getSecondsLoaded() {\n return this.secondsLoaded;\n }\n\n render() {\n const id = this.props.url.match(import_patterns.MATCH_URL_STREAMABLE)[1];\n const style = {\n width: \"100%\",\n height: \"100%\"\n };\n return /* @__PURE__ */import_react$8.default.createElement(\"iframe\", {\n ref: this.ref,\n src: `https://streamable.com/o/${id}`,\n frameBorder: \"0\",\n scrolling: \"no\",\n style,\n allow: \"encrypted-media; autoplay; fullscreen;\"\n });\n }\n\n}\n\n__publicField$8(Streamable, \"displayName\", \"Streamable\");\n\n__publicField$8(Streamable, \"canPlay\", import_patterns.canPlay.streamable);\n\nvar Streamable$1 = /*#__PURE__*/_mergeNamespaces({\n __proto__: null,\n 'default': Streamable_1\n}, [Streamable_1]);\n\nvar __create$7 = Object.create;\nvar __defProp$7 = Object.defineProperty;\nvar __getOwnPropDesc$7 = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames$7 = Object.getOwnPropertyNames;\nvar __getProtoOf$7 = Object.getPrototypeOf;\nvar __hasOwnProp$7 = Object.prototype.hasOwnProperty;\n\nvar __defNormalProp$7 = (obj, key, value) => key in obj ? __defProp$7(obj, key, {\n enumerable: true,\n configurable: true,\n writable: true,\n value\n}) : obj[key] = value;\n\nvar __export$7 = (target, all) => {\n for (var name in all) __defProp$7(target, name, {\n get: all[name],\n enumerable: true\n });\n};\n\nvar __copyProps$7 = (to, from, except, desc) => {\n if (from && typeof from === \"object\" || typeof from === \"function\") {\n for (let key of __getOwnPropNames$7(from)) if (!__hasOwnProp$7.call(to, key) && key !== except) __defProp$7(to, key, {\n get: () => from[key],\n enumerable: !(desc = __getOwnPropDesc$7(from, key)) || desc.enumerable\n });\n }\n\n return to;\n};\n\nvar __toESM$7 = (mod, isNodeMode, target) => (target = mod != null ? __create$7(__getProtoOf$7(mod)) : {}, __copyProps$7( // If the importer is in node compatibility mode or this is not an ESM\n// file that has been converted to a CommonJS file using a Babel-\n// compatible transform (i.e. \"__esModule\" has not been set), then set\n// \"default\" to the CommonJS \"module.exports\" for node compatibility.\nisNodeMode || !mod || !mod.__esModule ? __defProp$7(target, \"default\", {\n value: mod,\n enumerable: true\n}) : target, mod));\n\nvar __toCommonJS$7 = mod => __copyProps$7(__defProp$7({}, \"__esModule\", {\n value: true\n}), mod);\n\nvar __publicField$7 = (obj, key, value) => {\n __defNormalProp$7(obj, typeof key !== \"symbol\" ? key + \"\" : key, value);\n\n return value;\n};\n\nvar Wistia_exports = {};\n\n__export$7(Wistia_exports, {\n default: () => Wistia\n});\n\nvar Wistia_1 = __toCommonJS$7(Wistia_exports);\n\nvar import_react$7 = __toESM$7(React__default$1[\"default\"]);\n\nconst SDK_URL$5 = \"https://fast.wistia.com/assets/external/E-v1.js\";\nconst SDK_GLOBAL$5 = \"Wistia\";\nconst PLAYER_ID_PREFIX$1 = \"wistia-player-\";\n\nclass Wistia extends import_react$7.Component {\n constructor() {\n var _this12;\n\n super(...arguments);\n _this12 = this;\n\n __publicField$7(this, \"callPlayer\", import_utils.callPlayer);\n\n __publicField$7(this, \"playerID\", this.props.config.playerId || `${PLAYER_ID_PREFIX$1}${(0, import_utils.randomString)()}`); // Proxy methods to prevent listener leaks\n\n\n __publicField$7(this, \"onPlay\", function () {\n return _this12.props.onPlay(...arguments);\n });\n\n __publicField$7(this, \"onPause\", function () {\n return _this12.props.onPause(...arguments);\n });\n\n __publicField$7(this, \"onSeek\", function () {\n return _this12.props.onSeek(...arguments);\n });\n\n __publicField$7(this, \"onEnded\", function () {\n return _this12.props.onEnded(...arguments);\n });\n\n __publicField$7(this, \"onPlaybackRateChange\", function () {\n return _this12.props.onPlaybackRateChange(...arguments);\n });\n\n __publicField$7(this, \"mute\", () => {\n this.callPlayer(\"mute\");\n });\n\n __publicField$7(this, \"unmute\", () => {\n this.callPlayer(\"unmute\");\n });\n }\n\n componentDidMount() {\n this.props.onMount && this.props.onMount(this);\n }\n\n load(url) {\n const {\n playing,\n muted,\n controls,\n onReady,\n config,\n onError\n } = this.props;\n (0, import_utils.getSDK)(SDK_URL$5, SDK_GLOBAL$5).then(Wistia2 => {\n if (config.customControls) {\n config.customControls.forEach(control => Wistia2.defineControl(control));\n }\n\n window._wq = window._wq || [];\n\n window._wq.push({\n id: this.playerID,\n options: {\n autoPlay: playing,\n silentAutoPlay: \"allow\",\n muted,\n controlsVisibleOnLoad: controls,\n fullscreenButton: controls,\n playbar: controls,\n playbackRateControl: controls,\n qualityControl: controls,\n volumeControl: controls,\n settingsControl: controls,\n smallPlayButton: controls,\n ...config.options\n },\n onReady: player => {\n this.player = player;\n this.unbind();\n this.player.bind(\"play\", this.onPlay);\n this.player.bind(\"pause\", this.onPause);\n this.player.bind(\"seek\", this.onSeek);\n this.player.bind(\"end\", this.onEnded);\n this.player.bind(\"playbackratechange\", this.onPlaybackRateChange);\n onReady();\n }\n });\n }, onError);\n }\n\n unbind() {\n this.player.unbind(\"play\", this.onPlay);\n this.player.unbind(\"pause\", this.onPause);\n this.player.unbind(\"seek\", this.onSeek);\n this.player.unbind(\"end\", this.onEnded);\n this.player.unbind(\"playbackratechange\", this.onPlaybackRateChange);\n }\n\n play() {\n this.callPlayer(\"play\");\n }\n\n pause() {\n this.callPlayer(\"pause\");\n }\n\n stop() {\n this.unbind();\n this.callPlayer(\"remove\");\n }\n\n seekTo(seconds) {\n let keepPlaying = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;\n this.callPlayer(\"time\", seconds);\n\n if (!keepPlaying) {\n this.pause();\n }\n }\n\n setVolume(fraction) {\n this.callPlayer(\"volume\", fraction);\n }\n\n setPlaybackRate(rate) {\n this.callPlayer(\"playbackRate\", rate);\n }\n\n getDuration() {\n return this.callPlayer(\"duration\");\n }\n\n getCurrentTime() {\n return this.callPlayer(\"time\");\n }\n\n getSecondsLoaded() {\n return null;\n }\n\n render() {\n const {\n url\n } = this.props;\n const videoID = url && url.match(import_patterns.MATCH_URL_WISTIA)[1];\n const className = `wistia_embed wistia_async_${videoID}`;\n const style = {\n width: \"100%\",\n height: \"100%\"\n };\n return /* @__PURE__ */import_react$7.default.createElement(\"div\", {\n id: this.playerID,\n key: videoID,\n className,\n style\n });\n }\n\n}\n\n__publicField$7(Wistia, \"displayName\", \"Wistia\");\n\n__publicField$7(Wistia, \"canPlay\", import_patterns.canPlay.wistia);\n\n__publicField$7(Wistia, \"loopOnEnded\", true);\n\nvar Wistia$1 = /*#__PURE__*/_mergeNamespaces({\n __proto__: null,\n 'default': Wistia_1\n}, [Wistia_1]);\n\nvar __create$6 = Object.create;\nvar __defProp$6 = Object.defineProperty;\nvar __getOwnPropDesc$6 = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames$6 = Object.getOwnPropertyNames;\nvar __getProtoOf$6 = Object.getPrototypeOf;\nvar __hasOwnProp$6 = Object.prototype.hasOwnProperty;\n\nvar __defNormalProp$6 = (obj, key, value) => key in obj ? __defProp$6(obj, key, {\n enumerable: true,\n configurable: true,\n writable: true,\n value\n}) : obj[key] = value;\n\nvar __export$6 = (target, all) => {\n for (var name in all) __defProp$6(target, name, {\n get: all[name],\n enumerable: true\n });\n};\n\nvar __copyProps$6 = (to, from, except, desc) => {\n if (from && typeof from === \"object\" || typeof from === \"function\") {\n for (let key of __getOwnPropNames$6(from)) if (!__hasOwnProp$6.call(to, key) && key !== except) __defProp$6(to, key, {\n get: () => from[key],\n enumerable: !(desc = __getOwnPropDesc$6(from, key)) || desc.enumerable\n });\n }\n\n return to;\n};\n\nvar __toESM$6 = (mod, isNodeMode, target) => (target = mod != null ? __create$6(__getProtoOf$6(mod)) : {}, __copyProps$6( // If the importer is in node compatibility mode or this is not an ESM\n// file that has been converted to a CommonJS file using a Babel-\n// compatible transform (i.e. \"__esModule\" has not been set), then set\n// \"default\" to the CommonJS \"module.exports\" for node compatibility.\nisNodeMode || !mod || !mod.__esModule ? __defProp$6(target, \"default\", {\n value: mod,\n enumerable: true\n}) : target, mod));\n\nvar __toCommonJS$6 = mod => __copyProps$6(__defProp$6({}, \"__esModule\", {\n value: true\n}), mod);\n\nvar __publicField$6 = (obj, key, value) => {\n __defNormalProp$6(obj, typeof key !== \"symbol\" ? key + \"\" : key, value);\n\n return value;\n};\n\nvar Twitch_exports = {};\n\n__export$6(Twitch_exports, {\n default: () => Twitch\n});\n\nvar Twitch_1 = __toCommonJS$6(Twitch_exports);\n\nvar import_react$6 = __toESM$6(React__default$1[\"default\"]);\n\nconst SDK_URL$4 = \"https://player.twitch.tv/js/embed/v1.js\";\nconst SDK_GLOBAL$4 = \"Twitch\";\nconst PLAYER_ID_PREFIX = \"twitch-player-\";\n\nclass Twitch extends import_react$6.Component {\n constructor() {\n super(...arguments);\n\n __publicField$6(this, \"callPlayer\", import_utils.callPlayer);\n\n __publicField$6(this, \"playerID\", this.props.config.playerId || `${PLAYER_ID_PREFIX}${(0, import_utils.randomString)()}`);\n\n __publicField$6(this, \"mute\", () => {\n this.callPlayer(\"setMuted\", true);\n });\n\n __publicField$6(this, \"unmute\", () => {\n this.callPlayer(\"setMuted\", false);\n });\n }\n\n componentDidMount() {\n this.props.onMount && this.props.onMount(this);\n }\n\n load(url, isReady) {\n const {\n playsinline,\n onError,\n config,\n controls\n } = this.props;\n const isChannel = import_patterns.MATCH_URL_TWITCH_CHANNEL.test(url);\n const id = isChannel ? url.match(import_patterns.MATCH_URL_TWITCH_CHANNEL)[1] : url.match(import_patterns.MATCH_URL_TWITCH_VIDEO)[1];\n\n if (isReady) {\n if (isChannel) {\n this.player.setChannel(id);\n } else {\n this.player.setVideo(\"v\" + id);\n }\n\n return;\n }\n\n (0, import_utils.getSDK)(SDK_URL$4, SDK_GLOBAL$4).then(Twitch2 => {\n this.player = new Twitch2.Player(this.playerID, {\n video: isChannel ? \"\" : id,\n channel: isChannel ? id : \"\",\n height: \"100%\",\n width: \"100%\",\n playsinline,\n autoplay: this.props.playing,\n muted: this.props.muted,\n // https://github.com/CookPete/react-player/issues/733#issuecomment-549085859\n controls: isChannel ? true : controls,\n time: (0, import_utils.parseStartTime)(url),\n ...config.options\n });\n const {\n READY,\n PLAYING,\n PAUSE,\n ENDED,\n ONLINE,\n OFFLINE,\n SEEK\n } = Twitch2.Player;\n this.player.addEventListener(READY, this.props.onReady);\n this.player.addEventListener(PLAYING, this.props.onPlay);\n this.player.addEventListener(PAUSE, this.props.onPause);\n this.player.addEventListener(ENDED, this.props.onEnded);\n this.player.addEventListener(SEEK, this.props.onSeek);\n this.player.addEventListener(ONLINE, this.props.onLoaded);\n this.player.addEventListener(OFFLINE, this.props.onLoaded);\n }, onError);\n }\n\n play() {\n this.callPlayer(\"play\");\n }\n\n pause() {\n this.callPlayer(\"pause\");\n }\n\n stop() {\n this.callPlayer(\"pause\");\n }\n\n seekTo(seconds) {\n let keepPlaying = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;\n this.callPlayer(\"seek\", seconds);\n\n if (!keepPlaying) {\n this.pause();\n }\n }\n\n setVolume(fraction) {\n this.callPlayer(\"setVolume\", fraction);\n }\n\n getDuration() {\n return this.callPlayer(\"getDuration\");\n }\n\n getCurrentTime() {\n return this.callPlayer(\"getCurrentTime\");\n }\n\n getSecondsLoaded() {\n return null;\n }\n\n render() {\n const style = {\n width: \"100%\",\n height: \"100%\"\n };\n return /* @__PURE__ */import_react$6.default.createElement(\"div\", {\n style,\n id: this.playerID\n });\n }\n\n}\n\n__publicField$6(Twitch, \"displayName\", \"Twitch\");\n\n__publicField$6(Twitch, \"canPlay\", import_patterns.canPlay.twitch);\n\n__publicField$6(Twitch, \"loopOnEnded\", true);\n\nvar Twitch$1 = /*#__PURE__*/_mergeNamespaces({\n __proto__: null,\n 'default': Twitch_1\n}, [Twitch_1]);\n\nvar __create$5 = Object.create;\nvar __defProp$5 = Object.defineProperty;\nvar __getOwnPropDesc$5 = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames$5 = Object.getOwnPropertyNames;\nvar __getProtoOf$5 = Object.getPrototypeOf;\nvar __hasOwnProp$5 = Object.prototype.hasOwnProperty;\n\nvar __defNormalProp$5 = (obj, key, value) => key in obj ? __defProp$5(obj, key, {\n enumerable: true,\n configurable: true,\n writable: true,\n value\n}) : obj[key] = value;\n\nvar __export$5 = (target, all) => {\n for (var name in all) __defProp$5(target, name, {\n get: all[name],\n enumerable: true\n });\n};\n\nvar __copyProps$5 = (to, from, except, desc) => {\n if (from && typeof from === \"object\" || typeof from === \"function\") {\n for (let key of __getOwnPropNames$5(from)) if (!__hasOwnProp$5.call(to, key) && key !== except) __defProp$5(to, key, {\n get: () => from[key],\n enumerable: !(desc = __getOwnPropDesc$5(from, key)) || desc.enumerable\n });\n }\n\n return to;\n};\n\nvar __toESM$5 = (mod, isNodeMode, target) => (target = mod != null ? __create$5(__getProtoOf$5(mod)) : {}, __copyProps$5( // If the importer is in node compatibility mode or this is not an ESM\n// file that has been converted to a CommonJS file using a Babel-\n// compatible transform (i.e. \"__esModule\" has not been set), then set\n// \"default\" to the CommonJS \"module.exports\" for node compatibility.\nisNodeMode || !mod || !mod.__esModule ? __defProp$5(target, \"default\", {\n value: mod,\n enumerable: true\n}) : target, mod));\n\nvar __toCommonJS$5 = mod => __copyProps$5(__defProp$5({}, \"__esModule\", {\n value: true\n}), mod);\n\nvar __publicField$5 = (obj, key, value) => {\n __defNormalProp$5(obj, typeof key !== \"symbol\" ? key + \"\" : key, value);\n\n return value;\n};\n\nvar DailyMotion_exports = {};\n\n__export$5(DailyMotion_exports, {\n default: () => DailyMotion\n});\n\nvar DailyMotion_1 = __toCommonJS$5(DailyMotion_exports);\n\nvar import_react$5 = __toESM$5(React__default$1[\"default\"]);\n\nconst SDK_URL$3 = \"https://api.dmcdn.net/all.js\";\nconst SDK_GLOBAL$3 = \"DM\";\nconst SDK_GLOBAL_READY$1 = \"dmAsyncInit\";\n\nclass DailyMotion extends import_react$5.Component {\n constructor() {\n super(...arguments);\n\n __publicField$5(this, \"callPlayer\", import_utils.callPlayer);\n\n __publicField$5(this, \"onDurationChange\", () => {\n const duration = this.getDuration();\n this.props.onDuration(duration);\n });\n\n __publicField$5(this, \"mute\", () => {\n this.callPlayer(\"setMuted\", true);\n });\n\n __publicField$5(this, \"unmute\", () => {\n this.callPlayer(\"setMuted\", false);\n });\n\n __publicField$5(this, \"ref\", container => {\n this.container = container;\n });\n }\n\n componentDidMount() {\n this.props.onMount && this.props.onMount(this);\n }\n\n load(url) {\n const {\n controls,\n config,\n onError,\n playing\n } = this.props;\n const [, id] = url.match(import_patterns.MATCH_URL_DAILYMOTION);\n\n if (this.player) {\n this.player.load(id, {\n start: (0, import_utils.parseStartTime)(url),\n autoplay: playing\n });\n return;\n }\n\n (0, import_utils.getSDK)(SDK_URL$3, SDK_GLOBAL$3, SDK_GLOBAL_READY$1, DM => DM.player).then(DM => {\n if (!this.container) return;\n const Player = DM.player;\n this.player = new Player(this.container, {\n width: \"100%\",\n height: \"100%\",\n video: id,\n params: {\n controls,\n autoplay: this.props.playing,\n mute: this.props.muted,\n start: (0, import_utils.parseStartTime)(url),\n origin: window.location.origin,\n ...config.params\n },\n events: {\n apiready: this.props.onReady,\n seeked: () => this.props.onSeek(this.player.currentTime),\n video_end: this.props.onEnded,\n durationchange: this.onDurationChange,\n pause: this.props.onPause,\n playing: this.props.onPlay,\n waiting: this.props.onBuffer,\n error: event => onError(event)\n }\n });\n }, onError);\n }\n\n play() {\n this.callPlayer(\"play\");\n }\n\n pause() {\n this.callPlayer(\"pause\");\n }\n\n stop() {}\n\n seekTo(seconds) {\n let keepPlaying = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;\n this.callPlayer(\"seek\", seconds);\n\n if (!keepPlaying) {\n this.pause();\n }\n }\n\n setVolume(fraction) {\n this.callPlayer(\"setVolume\", fraction);\n }\n\n getDuration() {\n return this.player.duration || null;\n }\n\n getCurrentTime() {\n return this.player.currentTime;\n }\n\n getSecondsLoaded() {\n return this.player.bufferedTime;\n }\n\n render() {\n const {\n display\n } = this.props;\n const style = {\n width: \"100%\",\n height: \"100%\",\n display\n };\n return /* @__PURE__ */import_react$5.default.createElement(\"div\", {\n style\n }, /* @__PURE__ */import_react$5.default.createElement(\"div\", {\n ref: this.ref\n }));\n }\n\n}\n\n__publicField$5(DailyMotion, \"displayName\", \"DailyMotion\");\n\n__publicField$5(DailyMotion, \"canPlay\", import_patterns.canPlay.dailymotion);\n\n__publicField$5(DailyMotion, \"loopOnEnded\", true);\n\nvar DailyMotion$1 = /*#__PURE__*/_mergeNamespaces({\n __proto__: null,\n 'default': DailyMotion_1\n}, [DailyMotion_1]);\n\nvar __create$4 = Object.create;\nvar __defProp$4 = Object.defineProperty;\nvar __getOwnPropDesc$4 = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames$4 = Object.getOwnPropertyNames;\nvar __getProtoOf$4 = Object.getPrototypeOf;\nvar __hasOwnProp$4 = Object.prototype.hasOwnProperty;\n\nvar __defNormalProp$4 = (obj, key, value) => key in obj ? __defProp$4(obj, key, {\n enumerable: true,\n configurable: true,\n writable: true,\n value\n}) : obj[key] = value;\n\nvar __export$4 = (target, all) => {\n for (var name in all) __defProp$4(target, name, {\n get: all[name],\n enumerable: true\n });\n};\n\nvar __copyProps$4 = (to, from, except, desc) => {\n if (from && typeof from === \"object\" || typeof from === \"function\") {\n for (let key of __getOwnPropNames$4(from)) if (!__hasOwnProp$4.call(to, key) && key !== except) __defProp$4(to, key, {\n get: () => from[key],\n enumerable: !(desc = __getOwnPropDesc$4(from, key)) || desc.enumerable\n });\n }\n\n return to;\n};\n\nvar __toESM$4 = (mod, isNodeMode, target) => (target = mod != null ? __create$4(__getProtoOf$4(mod)) : {}, __copyProps$4( // If the importer is in node compatibility mode or this is not an ESM\n// file that has been converted to a CommonJS file using a Babel-\n// compatible transform (i.e. \"__esModule\" has not been set), then set\n// \"default\" to the CommonJS \"module.exports\" for node compatibility.\nisNodeMode || !mod || !mod.__esModule ? __defProp$4(target, \"default\", {\n value: mod,\n enumerable: true\n}) : target, mod));\n\nvar __toCommonJS$4 = mod => __copyProps$4(__defProp$4({}, \"__esModule\", {\n value: true\n}), mod);\n\nvar __publicField$4 = (obj, key, value) => {\n __defNormalProp$4(obj, typeof key !== \"symbol\" ? key + \"\" : key, value);\n\n return value;\n};\n\nvar Mixcloud_exports = {};\n\n__export$4(Mixcloud_exports, {\n default: () => Mixcloud\n});\n\nvar Mixcloud_1 = __toCommonJS$4(Mixcloud_exports);\n\nvar import_react$4 = __toESM$4(React__default$1[\"default\"]);\n\nconst SDK_URL$2 = \"https://widget.mixcloud.com/media/js/widgetApi.js\";\nconst SDK_GLOBAL$2 = \"Mixcloud\";\n\nclass Mixcloud extends import_react$4.Component {\n constructor() {\n super(...arguments);\n\n __publicField$4(this, \"callPlayer\", import_utils.callPlayer);\n\n __publicField$4(this, \"duration\", null);\n\n __publicField$4(this, \"currentTime\", null);\n\n __publicField$4(this, \"secondsLoaded\", null);\n\n __publicField$4(this, \"mute\", () => {});\n\n __publicField$4(this, \"unmute\", () => {});\n\n __publicField$4(this, \"ref\", iframe => {\n this.iframe = iframe;\n });\n }\n\n componentDidMount() {\n this.props.onMount && this.props.onMount(this);\n }\n\n load(url) {\n (0, import_utils.getSDK)(SDK_URL$2, SDK_GLOBAL$2).then(Mixcloud2 => {\n this.player = Mixcloud2.PlayerWidget(this.iframe);\n this.player.ready.then(() => {\n this.player.events.play.on(this.props.onPlay);\n this.player.events.pause.on(this.props.onPause);\n this.player.events.ended.on(this.props.onEnded);\n this.player.events.error.on(this.props.error);\n this.player.events.progress.on((seconds, duration) => {\n this.currentTime = seconds;\n this.duration = duration;\n });\n this.props.onReady();\n });\n }, this.props.onError);\n }\n\n play() {\n this.callPlayer(\"play\");\n }\n\n pause() {\n this.callPlayer(\"pause\");\n }\n\n stop() {}\n\n seekTo(seconds) {\n let keepPlaying = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;\n this.callPlayer(\"seek\", seconds);\n\n if (!keepPlaying) {\n this.pause();\n }\n }\n\n setVolume(fraction) {}\n\n getDuration() {\n return this.duration;\n }\n\n getCurrentTime() {\n return this.currentTime;\n }\n\n getSecondsLoaded() {\n return null;\n }\n\n render() {\n const {\n url,\n config\n } = this.props;\n const id = url.match(import_patterns.MATCH_URL_MIXCLOUD)[1];\n const style = {\n width: \"100%\",\n height: \"100%\"\n };\n const query = (0, import_utils.queryString)({ ...config.options,\n feed: `/${id}/`\n });\n return /* @__PURE__ */import_react$4.default.createElement(\"iframe\", {\n key: id,\n ref: this.ref,\n style,\n src: `https://www.mixcloud.com/widget/iframe/?${query}`,\n frameBorder: \"0\",\n allow: \"autoplay\"\n });\n }\n\n}\n\n__publicField$4(Mixcloud, \"displayName\", \"Mixcloud\");\n\n__publicField$4(Mixcloud, \"canPlay\", import_patterns.canPlay.mixcloud);\n\n__publicField$4(Mixcloud, \"loopOnEnded\", true);\n\nvar Mixcloud$1 = /*#__PURE__*/_mergeNamespaces({\n __proto__: null,\n 'default': Mixcloud_1\n}, [Mixcloud_1]);\n\nvar __create$3 = Object.create;\nvar __defProp$3 = Object.defineProperty;\nvar __getOwnPropDesc$3 = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames$3 = Object.getOwnPropertyNames;\nvar __getProtoOf$3 = Object.getPrototypeOf;\nvar __hasOwnProp$3 = Object.prototype.hasOwnProperty;\n\nvar __defNormalProp$3 = (obj, key, value) => key in obj ? __defProp$3(obj, key, {\n enumerable: true,\n configurable: true,\n writable: true,\n value\n}) : obj[key] = value;\n\nvar __export$3 = (target, all) => {\n for (var name in all) __defProp$3(target, name, {\n get: all[name],\n enumerable: true\n });\n};\n\nvar __copyProps$3 = (to, from, except, desc) => {\n if (from && typeof from === \"object\" || typeof from === \"function\") {\n for (let key of __getOwnPropNames$3(from)) if (!__hasOwnProp$3.call(to, key) && key !== except) __defProp$3(to, key, {\n get: () => from[key],\n enumerable: !(desc = __getOwnPropDesc$3(from, key)) || desc.enumerable\n });\n }\n\n return to;\n};\n\nvar __toESM$3 = (mod, isNodeMode, target) => (target = mod != null ? __create$3(__getProtoOf$3(mod)) : {}, __copyProps$3( // If the importer is in node compatibility mode or this is not an ESM\n// file that has been converted to a CommonJS file using a Babel-\n// compatible transform (i.e. \"__esModule\" has not been set), then set\n// \"default\" to the CommonJS \"module.exports\" for node compatibility.\nisNodeMode || !mod || !mod.__esModule ? __defProp$3(target, \"default\", {\n value: mod,\n enumerable: true\n}) : target, mod));\n\nvar __toCommonJS$3 = mod => __copyProps$3(__defProp$3({}, \"__esModule\", {\n value: true\n}), mod);\n\nvar __publicField$3 = (obj, key, value) => {\n __defNormalProp$3(obj, typeof key !== \"symbol\" ? key + \"\" : key, value);\n\n return value;\n};\n\nvar Vidyard_exports = {};\n\n__export$3(Vidyard_exports, {\n default: () => Vidyard\n});\n\nvar Vidyard_1 = __toCommonJS$3(Vidyard_exports);\n\nvar import_react$3 = __toESM$3(React__default$1[\"default\"]);\n\nconst SDK_URL$1 = \"https://play.vidyard.com/embed/v4.js\";\nconst SDK_GLOBAL$1 = \"VidyardV4\";\nconst SDK_GLOBAL_READY = \"onVidyardAPI\";\n\nclass Vidyard extends import_react$3.Component {\n constructor() {\n super(...arguments);\n\n __publicField$3(this, \"callPlayer\", import_utils.callPlayer);\n\n __publicField$3(this, \"mute\", () => {\n this.setVolume(0);\n });\n\n __publicField$3(this, \"unmute\", () => {\n if (this.props.volume !== null) {\n this.setVolume(this.props.volume);\n }\n });\n\n __publicField$3(this, \"ref\", container => {\n this.container = container;\n });\n }\n\n componentDidMount() {\n this.props.onMount && this.props.onMount(this);\n }\n\n load(url) {\n const {\n playing,\n config,\n onError,\n onDuration\n } = this.props;\n const id = url && url.match(import_patterns.MATCH_URL_VIDYARD)[1];\n\n if (this.player) {\n this.stop();\n }\n\n (0, import_utils.getSDK)(SDK_URL$1, SDK_GLOBAL$1, SDK_GLOBAL_READY).then(Vidyard2 => {\n if (!this.container) return;\n Vidyard2.api.addReadyListener((data, player) => {\n if (this.player) {\n return;\n }\n\n this.player = player;\n this.player.on(\"ready\", this.props.onReady);\n this.player.on(\"play\", this.props.onPlay);\n this.player.on(\"pause\", this.props.onPause);\n this.player.on(\"seek\", this.props.onSeek);\n this.player.on(\"playerComplete\", this.props.onEnded);\n }, id);\n Vidyard2.api.renderPlayer({\n uuid: id,\n container: this.container,\n autoplay: playing ? 1 : 0,\n ...config.options\n });\n Vidyard2.api.getPlayerMetadata(id).then(meta => {\n this.duration = meta.length_in_seconds;\n onDuration(meta.length_in_seconds);\n });\n }, onError);\n }\n\n play() {\n this.callPlayer(\"play\");\n }\n\n pause() {\n this.callPlayer(\"pause\");\n }\n\n stop() {\n window.VidyardV4.api.destroyPlayer(this.player);\n }\n\n seekTo(amount) {\n let keepPlaying = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;\n this.callPlayer(\"seek\", amount);\n\n if (!keepPlaying) {\n this.pause();\n }\n }\n\n setVolume(fraction) {\n this.callPlayer(\"setVolume\", fraction);\n }\n\n setPlaybackRate(rate) {\n this.callPlayer(\"setPlaybackSpeed\", rate);\n }\n\n getDuration() {\n return this.duration;\n }\n\n getCurrentTime() {\n return this.callPlayer(\"currentTime\");\n }\n\n getSecondsLoaded() {\n return null;\n }\n\n render() {\n const {\n display\n } = this.props;\n const style = {\n width: \"100%\",\n height: \"100%\",\n display\n };\n return /* @__PURE__ */import_react$3.default.createElement(\"div\", {\n style\n }, /* @__PURE__ */import_react$3.default.createElement(\"div\", {\n ref: this.ref\n }));\n }\n\n}\n\n__publicField$3(Vidyard, \"displayName\", \"Vidyard\");\n\n__publicField$3(Vidyard, \"canPlay\", import_patterns.canPlay.vidyard);\n\nvar Vidyard$1 = /*#__PURE__*/_mergeNamespaces({\n __proto__: null,\n 'default': Vidyard_1\n}, [Vidyard_1]);\n\nvar __create$2 = Object.create;\nvar __defProp$2 = Object.defineProperty;\nvar __getOwnPropDesc$2 = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames$2 = Object.getOwnPropertyNames;\nvar __getProtoOf$2 = Object.getPrototypeOf;\nvar __hasOwnProp$2 = Object.prototype.hasOwnProperty;\n\nvar __defNormalProp$2 = (obj, key, value) => key in obj ? __defProp$2(obj, key, {\n enumerable: true,\n configurable: true,\n writable: true,\n value\n}) : obj[key] = value;\n\nvar __export$2 = (target, all) => {\n for (var name in all) __defProp$2(target, name, {\n get: all[name],\n enumerable: true\n });\n};\n\nvar __copyProps$2 = (to, from, except, desc) => {\n if (from && typeof from === \"object\" || typeof from === \"function\") {\n for (let key of __getOwnPropNames$2(from)) if (!__hasOwnProp$2.call(to, key) && key !== except) __defProp$2(to, key, {\n get: () => from[key],\n enumerable: !(desc = __getOwnPropDesc$2(from, key)) || desc.enumerable\n });\n }\n\n return to;\n};\n\nvar __toESM$2 = (mod, isNodeMode, target) => (target = mod != null ? __create$2(__getProtoOf$2(mod)) : {}, __copyProps$2( // If the importer is in node compatibility mode or this is not an ESM\n// file that has been converted to a CommonJS file using a Babel-\n// compatible transform (i.e. \"__esModule\" has not been set), then set\n// \"default\" to the CommonJS \"module.exports\" for node compatibility.\nisNodeMode || !mod || !mod.__esModule ? __defProp$2(target, \"default\", {\n value: mod,\n enumerable: true\n}) : target, mod));\n\nvar __toCommonJS$2 = mod => __copyProps$2(__defProp$2({}, \"__esModule\", {\n value: true\n}), mod);\n\nvar __publicField$2 = (obj, key, value) => {\n __defNormalProp$2(obj, typeof key !== \"symbol\" ? key + \"\" : key, value);\n\n return value;\n};\n\nvar Kaltura_exports = {};\n\n__export$2(Kaltura_exports, {\n default: () => Kaltura\n});\n\nvar Kaltura_1 = __toCommonJS$2(Kaltura_exports);\n\nvar import_react$2 = __toESM$2(React__default$1[\"default\"]);\n\nconst SDK_URL = \"https://cdn.embed.ly/player-0.1.0.min.js\";\nconst SDK_GLOBAL = \"playerjs\";\n\nclass Kaltura extends import_react$2.Component {\n constructor() {\n super(...arguments);\n\n __publicField$2(this, \"callPlayer\", import_utils.callPlayer);\n\n __publicField$2(this, \"duration\", null);\n\n __publicField$2(this, \"currentTime\", null);\n\n __publicField$2(this, \"secondsLoaded\", null);\n\n __publicField$2(this, \"mute\", () => {\n this.callPlayer(\"mute\");\n });\n\n __publicField$2(this, \"unmute\", () => {\n this.callPlayer(\"unmute\");\n });\n\n __publicField$2(this, \"ref\", iframe => {\n this.iframe = iframe;\n });\n }\n\n componentDidMount() {\n this.props.onMount && this.props.onMount(this);\n }\n\n load(url) {\n (0, import_utils.getSDK)(SDK_URL, SDK_GLOBAL).then(playerjs => {\n if (!this.iframe) return;\n this.player = new playerjs.Player(this.iframe);\n this.player.on(\"ready\", () => {\n setTimeout(() => {\n this.player.isReady = true;\n this.player.setLoop(this.props.loop);\n\n if (this.props.muted) {\n this.player.mute();\n }\n\n this.addListeners(this.player, this.props);\n this.props.onReady();\n }, 500);\n });\n }, this.props.onError);\n }\n\n addListeners(player, props) {\n player.on(\"play\", props.onPlay);\n player.on(\"pause\", props.onPause);\n player.on(\"ended\", props.onEnded);\n player.on(\"error\", props.onError);\n player.on(\"timeupdate\", _ref39 => {\n let {\n duration,\n seconds\n } = _ref39;\n this.duration = duration;\n this.currentTime = seconds;\n });\n }\n\n play() {\n this.callPlayer(\"play\");\n }\n\n pause() {\n this.callPlayer(\"pause\");\n }\n\n stop() {}\n\n seekTo(seconds) {\n let keepPlaying = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;\n this.callPlayer(\"setCurrentTime\", seconds);\n\n if (!keepPlaying) {\n this.pause();\n }\n }\n\n setVolume(fraction) {\n this.callPlayer(\"setVolume\", fraction);\n }\n\n setLoop(loop) {\n this.callPlayer(\"setLoop\", loop);\n }\n\n getDuration() {\n return this.duration;\n }\n\n getCurrentTime() {\n return this.currentTime;\n }\n\n getSecondsLoaded() {\n return this.secondsLoaded;\n }\n\n render() {\n const style = {\n width: \"100%\",\n height: \"100%\"\n };\n return /* @__PURE__ */import_react$2.default.createElement(\"iframe\", {\n ref: this.ref,\n src: this.props.url,\n frameBorder: \"0\",\n scrolling: \"no\",\n style,\n allow: \"encrypted-media; autoplay; fullscreen;\",\n referrerPolicy: \"no-referrer-when-downgrade\"\n });\n }\n\n}\n\n__publicField$2(Kaltura, \"displayName\", \"Kaltura\");\n\n__publicField$2(Kaltura, \"canPlay\", import_patterns.canPlay.kaltura);\n\nvar Kaltura$1 = /*#__PURE__*/_mergeNamespaces({\n __proto__: null,\n 'default': Kaltura_1\n}, [Kaltura_1]);\n\nvar __create$1 = Object.create;\nvar __defProp$1 = Object.defineProperty;\nvar __getOwnPropDesc$1 = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames$1 = Object.getOwnPropertyNames;\nvar __getProtoOf$1 = Object.getPrototypeOf;\nvar __hasOwnProp$1 = Object.prototype.hasOwnProperty;\n\nvar __defNormalProp$1 = (obj, key, value) => key in obj ? __defProp$1(obj, key, {\n enumerable: true,\n configurable: true,\n writable: true,\n value\n}) : obj[key] = value;\n\nvar __export$1 = (target, all) => {\n for (var name in all) __defProp$1(target, name, {\n get: all[name],\n enumerable: true\n });\n};\n\nvar __copyProps$1 = (to, from, except, desc) => {\n if (from && typeof from === \"object\" || typeof from === \"function\") {\n for (let key of __getOwnPropNames$1(from)) if (!__hasOwnProp$1.call(to, key) && key !== except) __defProp$1(to, key, {\n get: () => from[key],\n enumerable: !(desc = __getOwnPropDesc$1(from, key)) || desc.enumerable\n });\n }\n\n return to;\n};\n\nvar __toESM$1 = (mod, isNodeMode, target) => (target = mod != null ? __create$1(__getProtoOf$1(mod)) : {}, __copyProps$1( // If the importer is in node compatibility mode or this is not an ESM\n// file that has been converted to a CommonJS file using a Babel-\n// compatible transform (i.e. \"__esModule\" has not been set), then set\n// \"default\" to the CommonJS \"module.exports\" for node compatibility.\nisNodeMode || !mod || !mod.__esModule ? __defProp$1(target, \"default\", {\n value: mod,\n enumerable: true\n}) : target, mod));\n\nvar __toCommonJS$1 = mod => __copyProps$1(__defProp$1({}, \"__esModule\", {\n value: true\n}), mod);\n\nvar __publicField$1 = (obj, key, value) => {\n __defNormalProp$1(obj, typeof key !== \"symbol\" ? key + \"\" : key, value);\n\n return value;\n};\n\nvar FilePlayer_exports = {};\n\n__export$1(FilePlayer_exports, {\n default: () => FilePlayer\n});\n\nvar FilePlayer_1 = __toCommonJS$1(FilePlayer_exports);\n\nvar import_react$1 = __toESM$1(React__default$1[\"default\"]);\n\nconst HAS_NAVIGATOR = typeof navigator !== \"undefined\";\nconst IS_IPAD_PRO = HAS_NAVIGATOR && navigator.platform === \"MacIntel\" && navigator.maxTouchPoints > 1;\nconst IS_IOS = HAS_NAVIGATOR && (/iPad|iPhone|iPod/.test(navigator.userAgent) || IS_IPAD_PRO) && !window.MSStream;\nconst IS_SAFARI = HAS_NAVIGATOR && /^((?!chrome|android).)*safari/i.test(navigator.userAgent) && !window.MSStream;\nconst HLS_SDK_URL = \"https://cdn.jsdelivr.net/npm/hls.js@VERSION/dist/hls.min.js\";\nconst HLS_GLOBAL = \"Hls\";\nconst DASH_SDK_URL = \"https://cdnjs.cloudflare.com/ajax/libs/dashjs/VERSION/dash.all.min.js\";\nconst DASH_GLOBAL = \"dashjs\";\nconst FLV_SDK_URL = \"https://cdn.jsdelivr.net/npm/flv.js@VERSION/dist/flv.min.js\";\nconst FLV_GLOBAL = \"flvjs\";\nconst MATCH_DROPBOX_URL = /www\\.dropbox\\.com\\/.+/;\nconst MATCH_CLOUDFLARE_STREAM = /https:\\/\\/watch\\.cloudflarestream\\.com\\/([a-z0-9]+)/;\nconst REPLACE_CLOUDFLARE_STREAM = \"https://videodelivery.net/{id}/manifest/video.m3u8\";\n\nclass FilePlayer extends import_react$1.Component {\n constructor() {\n var _this13;\n\n super(...arguments);\n _this13 = this;\n\n // Proxy methods to prevent listener leaks\n __publicField$1(this, \"onReady\", function () {\n return _this13.props.onReady(...arguments);\n });\n\n __publicField$1(this, \"onPlay\", function () {\n return _this13.props.onPlay(...arguments);\n });\n\n __publicField$1(this, \"onBuffer\", function () {\n return _this13.props.onBuffer(...arguments);\n });\n\n __publicField$1(this, \"onBufferEnd\", function () {\n return _this13.props.onBufferEnd(...arguments);\n });\n\n __publicField$1(this, \"onPause\", function () {\n return _this13.props.onPause(...arguments);\n });\n\n __publicField$1(this, \"onEnded\", function () {\n return _this13.props.onEnded(...arguments);\n });\n\n __publicField$1(this, \"onError\", function () {\n return _this13.props.onError(...arguments);\n });\n\n __publicField$1(this, \"onPlayBackRateChange\", event => this.props.onPlaybackRateChange(event.target.playbackRate));\n\n __publicField$1(this, \"onEnablePIP\", function () {\n return _this13.props.onEnablePIP(...arguments);\n });\n\n __publicField$1(this, \"onDisablePIP\", e => {\n const {\n onDisablePIP,\n playing\n } = this.props;\n onDisablePIP(e);\n\n if (playing) {\n this.play();\n }\n });\n\n __publicField$1(this, \"onPresentationModeChange\", e => {\n if (this.player && (0, import_utils.supportsWebKitPresentationMode)(this.player)) {\n const {\n webkitPresentationMode\n } = this.player;\n\n if (webkitPresentationMode === \"picture-in-picture\") {\n this.onEnablePIP(e);\n } else if (webkitPresentationMode === \"inline\") {\n this.onDisablePIP(e);\n }\n }\n });\n\n __publicField$1(this, \"onSeek\", e => {\n this.props.onSeek(e.target.currentTime);\n });\n\n __publicField$1(this, \"mute\", () => {\n this.player.muted = true;\n });\n\n __publicField$1(this, \"unmute\", () => {\n this.player.muted = false;\n });\n\n __publicField$1(this, \"renderSourceElement\", (source, index) => {\n if (typeof source === \"string\") {\n return /* @__PURE__ */import_react$1.default.createElement(\"source\", {\n key: index,\n src: source\n });\n }\n\n return /* @__PURE__ */import_react$1.default.createElement(\"source\", {\n key: index,\n ...source\n });\n });\n\n __publicField$1(this, \"renderTrack\", (track, index) => {\n return /* @__PURE__ */import_react$1.default.createElement(\"track\", {\n key: index,\n ...track\n });\n });\n\n __publicField$1(this, \"ref\", player => {\n if (this.player) {\n this.prevPlayer = this.player;\n }\n\n this.player = player;\n });\n }\n\n componentDidMount() {\n this.props.onMount && this.props.onMount(this);\n this.addListeners(this.player);\n const src = this.getSource(this.props.url);\n\n if (src) {\n this.player.src = src;\n }\n\n if (IS_IOS || this.props.config.forceDisableHls) {\n this.player.load();\n }\n }\n\n componentDidUpdate(prevProps) {\n if (this.shouldUseAudio(this.props) !== this.shouldUseAudio(prevProps)) {\n this.removeListeners(this.prevPlayer, prevProps.url);\n this.addListeners(this.player);\n }\n\n if (this.props.url !== prevProps.url && !(0, import_utils.isMediaStream)(this.props.url) && !(this.props.url instanceof Array)) {\n this.player.srcObject = null;\n }\n }\n\n componentWillUnmount() {\n this.player.removeAttribute(\"src\");\n this.removeListeners(this.player);\n\n if (this.hls) {\n this.hls.destroy();\n }\n }\n\n addListeners(player) {\n const {\n url,\n playsinline\n } = this.props;\n player.addEventListener(\"play\", this.onPlay);\n player.addEventListener(\"waiting\", this.onBuffer);\n player.addEventListener(\"playing\", this.onBufferEnd);\n player.addEventListener(\"pause\", this.onPause);\n player.addEventListener(\"seeked\", this.onSeek);\n player.addEventListener(\"ended\", this.onEnded);\n player.addEventListener(\"error\", this.onError);\n player.addEventListener(\"ratechange\", this.onPlayBackRateChange);\n player.addEventListener(\"enterpictureinpicture\", this.onEnablePIP);\n player.addEventListener(\"leavepictureinpicture\", this.onDisablePIP);\n player.addEventListener(\"webkitpresentationmodechanged\", this.onPresentationModeChange);\n\n if (!this.shouldUseHLS(url)) {\n player.addEventListener(\"canplay\", this.onReady);\n }\n\n if (playsinline) {\n player.setAttribute(\"playsinline\", \"\");\n player.setAttribute(\"webkit-playsinline\", \"\");\n player.setAttribute(\"x5-playsinline\", \"\");\n }\n }\n\n removeListeners(player, url) {\n player.removeEventListener(\"canplay\", this.onReady);\n player.removeEventListener(\"play\", this.onPlay);\n player.removeEventListener(\"waiting\", this.onBuffer);\n player.removeEventListener(\"playing\", this.onBufferEnd);\n player.removeEventListener(\"pause\", this.onPause);\n player.removeEventListener(\"seeked\", this.onSeek);\n player.removeEventListener(\"ended\", this.onEnded);\n player.removeEventListener(\"error\", this.onError);\n player.removeEventListener(\"ratechange\", this.onPlayBackRateChange);\n player.removeEventListener(\"enterpictureinpicture\", this.onEnablePIP);\n player.removeEventListener(\"leavepictureinpicture\", this.onDisablePIP);\n player.removeEventListener(\"webkitpresentationmodechanged\", this.onPresentationModeChange);\n\n if (!this.shouldUseHLS(url)) {\n player.removeEventListener(\"canplay\", this.onReady);\n }\n }\n\n shouldUseAudio(props) {\n if (props.config.forceVideo) {\n return false;\n }\n\n if (props.config.attributes.poster) {\n return false;\n }\n\n return import_patterns.AUDIO_EXTENSIONS.test(props.url) || props.config.forceAudio;\n }\n\n shouldUseHLS(url) {\n if (IS_SAFARI && this.props.config.forceSafariHLS || this.props.config.forceHLS) {\n return true;\n }\n\n if (IS_IOS || this.props.config.forceDisableHls) {\n return false;\n }\n\n return import_patterns.HLS_EXTENSIONS.test(url) || MATCH_CLOUDFLARE_STREAM.test(url);\n }\n\n shouldUseDASH(url) {\n return import_patterns.DASH_EXTENSIONS.test(url) || this.props.config.forceDASH;\n }\n\n shouldUseFLV(url) {\n return import_patterns.FLV_EXTENSIONS.test(url) || this.props.config.forceFLV;\n }\n\n load(url) {\n const {\n hlsVersion,\n hlsOptions,\n dashVersion,\n flvVersion\n } = this.props.config;\n\n if (this.hls) {\n this.hls.destroy();\n }\n\n if (this.dash) {\n this.dash.reset();\n }\n\n if (this.shouldUseHLS(url)) {\n (0, import_utils.getSDK)(HLS_SDK_URL.replace(\"VERSION\", hlsVersion), HLS_GLOBAL).then(Hls => {\n this.hls = new Hls(hlsOptions);\n this.hls.on(Hls.Events.MANIFEST_PARSED, () => {\n this.props.onReady();\n });\n this.hls.on(Hls.Events.ERROR, (e, data) => {\n this.props.onError(e, data, this.hls, Hls);\n });\n\n if (MATCH_CLOUDFLARE_STREAM.test(url)) {\n const id = url.match(MATCH_CLOUDFLARE_STREAM)[1];\n this.hls.loadSource(REPLACE_CLOUDFLARE_STREAM.replace(\"{id}\", id));\n } else {\n this.hls.loadSource(url);\n }\n\n this.hls.attachMedia(this.player);\n this.props.onLoaded();\n });\n }\n\n if (this.shouldUseDASH(url)) {\n (0, import_utils.getSDK)(DASH_SDK_URL.replace(\"VERSION\", dashVersion), DASH_GLOBAL).then(dashjs => {\n this.dash = dashjs.MediaPlayer().create();\n this.dash.initialize(this.player, url, this.props.playing);\n this.dash.on(\"error\", this.props.onError);\n\n if (parseInt(dashVersion) < 3) {\n this.dash.getDebug().setLogToBrowserConsole(false);\n } else {\n this.dash.updateSettings({\n debug: {\n logLevel: dashjs.Debug.LOG_LEVEL_NONE\n }\n });\n }\n\n this.props.onLoaded();\n });\n }\n\n if (this.shouldUseFLV(url)) {\n (0, import_utils.getSDK)(FLV_SDK_URL.replace(\"VERSION\", flvVersion), FLV_GLOBAL).then(flvjs => {\n this.flv = flvjs.createPlayer({\n type: \"flv\",\n url\n });\n this.flv.attachMediaElement(this.player);\n this.flv.on(flvjs.Events.ERROR, (e, data) => {\n this.props.onError(e, data, this.flv, flvjs);\n });\n this.flv.load();\n this.props.onLoaded();\n });\n }\n\n if (url instanceof Array) {\n this.player.load();\n } else if ((0, import_utils.isMediaStream)(url)) {\n try {\n this.player.srcObject = url;\n } catch (e) {\n this.player.src = window.URL.createObjectURL(url);\n }\n }\n }\n\n play() {\n const promise = this.player.play();\n\n if (promise) {\n promise.catch(this.props.onError);\n }\n }\n\n pause() {\n this.player.pause();\n }\n\n stop() {\n this.player.removeAttribute(\"src\");\n\n if (this.dash) {\n this.dash.reset();\n }\n }\n\n seekTo(seconds) {\n let keepPlaying = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;\n this.player.currentTime = seconds;\n\n if (!keepPlaying) {\n this.pause();\n }\n }\n\n setVolume(fraction) {\n this.player.volume = fraction;\n }\n\n enablePIP() {\n if (this.player.requestPictureInPicture && document.pictureInPictureElement !== this.player) {\n this.player.requestPictureInPicture();\n } else if ((0, import_utils.supportsWebKitPresentationMode)(this.player) && this.player.webkitPresentationMode !== \"picture-in-picture\") {\n this.player.webkitSetPresentationMode(\"picture-in-picture\");\n }\n }\n\n disablePIP() {\n if (document.exitPictureInPicture && document.pictureInPictureElement === this.player) {\n document.exitPictureInPicture();\n } else if ((0, import_utils.supportsWebKitPresentationMode)(this.player) && this.player.webkitPresentationMode !== \"inline\") {\n this.player.webkitSetPresentationMode(\"inline\");\n }\n }\n\n setPlaybackRate(rate) {\n try {\n this.player.playbackRate = rate;\n } catch (error) {\n this.props.onError(error);\n }\n }\n\n getDuration() {\n if (!this.player) return null;\n const {\n duration,\n seekable\n } = this.player;\n\n if (duration === Infinity && seekable.length > 0) {\n return seekable.end(seekable.length - 1);\n }\n\n return duration;\n }\n\n getCurrentTime() {\n if (!this.player) return null;\n return this.player.currentTime;\n }\n\n getSecondsLoaded() {\n if (!this.player) return null;\n const {\n buffered\n } = this.player;\n\n if (buffered.length === 0) {\n return 0;\n }\n\n const end = buffered.end(buffered.length - 1);\n const duration = this.getDuration();\n\n if (end > duration) {\n return duration;\n }\n\n return end;\n }\n\n getSource(url) {\n const useHLS = this.shouldUseHLS(url);\n const useDASH = this.shouldUseDASH(url);\n const useFLV = this.shouldUseFLV(url);\n\n if (url instanceof Array || (0, import_utils.isMediaStream)(url) || useHLS || useDASH || useFLV) {\n return void 0;\n }\n\n if (MATCH_DROPBOX_URL.test(url)) {\n return url.replace(\"www.dropbox.com\", \"dl.dropboxusercontent.com\");\n }\n\n return url;\n }\n\n render() {\n const {\n url,\n playing,\n loop,\n controls,\n muted,\n config,\n width,\n height\n } = this.props;\n const useAudio = this.shouldUseAudio(this.props);\n const Element = useAudio ? \"audio\" : \"video\";\n const style = {\n width: width === \"auto\" ? width : \"100%\",\n height: height === \"auto\" ? height : \"100%\"\n };\n return /* @__PURE__ */import_react$1.default.createElement(Element, {\n ref: this.ref,\n src: this.getSource(url),\n style,\n preload: \"auto\",\n autoPlay: playing || void 0,\n controls,\n muted,\n loop,\n ...config.attributes\n }, url instanceof Array && url.map(this.renderSourceElement), config.tracks.map(this.renderTrack));\n }\n\n}\n\n__publicField$1(FilePlayer, \"displayName\", \"FilePlayer\");\n\n__publicField$1(FilePlayer, \"canPlay\", import_patterns.canPlay.file);\n\nvar FilePlayer$1 = /*#__PURE__*/_mergeNamespaces({\n __proto__: null,\n 'default': FilePlayer_1\n}, [FilePlayer_1]);\n\nvar __create = Object.create;\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __getProtoOf = Object.getPrototypeOf;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\n\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, {\n enumerable: true,\n configurable: true,\n writable: true,\n value\n}) : obj[key] = value;\n\nvar __export = (target, all) => {\n for (var name in all) __defProp(target, name, {\n get: all[name],\n enumerable: true\n });\n};\n\nvar __copyProps = (to, from, except, desc) => {\n if (from && typeof from === \"object\" || typeof from === \"function\") {\n for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {\n get: () => from[key],\n enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable\n });\n }\n\n return to;\n};\n\nvar __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps( // If the importer is in node compatibility mode or this is not an ESM\n// file that has been converted to a CommonJS file using a Babel-\n// compatible transform (i.e. \"__esModule\" has not been set), then set\n// \"default\" to the CommonJS \"module.exports\" for node compatibility.\nisNodeMode || !mod || !mod.__esModule ? __defProp(target, \"default\", {\n value: mod,\n enumerable: true\n}) : target, mod));\n\nvar __toCommonJS = mod => __copyProps(__defProp({}, \"__esModule\", {\n value: true\n}), mod);\n\nvar __publicField = (obj, key, value) => {\n __defNormalProp(obj, typeof key !== \"symbol\" ? key + \"\" : key, value);\n\n return value;\n};\n\nvar Preview_exports = {};\n\n__export(Preview_exports, {\n default: () => Preview\n});\n\nvar Preview_1 = __toCommonJS(Preview_exports);\n\nvar import_react = __toESM(React__default$1[\"default\"]);\n\nconst ICON_SIZE = \"64px\";\nconst cache = {};\n\nclass Preview extends import_react.Component {\n constructor() {\n super(...arguments);\n\n __publicField(this, \"mounted\", false);\n\n __publicField(this, \"state\", {\n image: null\n });\n\n __publicField(this, \"handleKeyPress\", e => {\n if (e.key === \"Enter\" || e.key === \" \") {\n this.props.onClick();\n }\n });\n }\n\n componentDidMount() {\n this.mounted = true;\n this.fetchImage(this.props);\n }\n\n componentDidUpdate(prevProps) {\n const {\n url,\n light\n } = this.props;\n\n if (prevProps.url !== url || prevProps.light !== light) {\n this.fetchImage(this.props);\n }\n }\n\n componentWillUnmount() {\n this.mounted = false;\n }\n\n fetchImage(_ref40) {\n let {\n url,\n light,\n oEmbedUrl\n } = _ref40;\n\n if (import_react.default.isValidElement(light)) {\n return;\n }\n\n if (typeof light === \"string\") {\n this.setState({\n image: light\n });\n return;\n }\n\n if (cache[url]) {\n this.setState({\n image: cache[url]\n });\n return;\n }\n\n this.setState({\n image: null\n });\n return window.fetch(oEmbedUrl.replace(\"{url}\", url)).then(response => response.json()).then(data => {\n if (data.thumbnail_url && this.mounted) {\n const image = data.thumbnail_url.replace(\"height=100\", \"height=480\").replace(\"-d_295x166\", \"-d_640\");\n this.setState({\n image\n });\n cache[url] = image;\n }\n });\n }\n\n render() {\n const {\n light,\n onClick,\n playIcon,\n previewTabIndex,\n previewAriaLabel\n } = this.props;\n const {\n image\n } = this.state;\n const isElement = import_react.default.isValidElement(light);\n const flexCenter = {\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\"\n };\n const styles = {\n preview: {\n width: \"100%\",\n height: \"100%\",\n backgroundImage: image && !isElement ? `url(${image})` : void 0,\n backgroundSize: \"cover\",\n backgroundPosition: \"center\",\n cursor: \"pointer\",\n ...flexCenter\n },\n shadow: {\n background: \"radial-gradient(rgb(0, 0, 0, 0.3), rgba(0, 0, 0, 0) 60%)\",\n borderRadius: ICON_SIZE,\n width: ICON_SIZE,\n height: ICON_SIZE,\n position: isElement ? \"absolute\" : void 0,\n ...flexCenter\n },\n playIcon: {\n borderStyle: \"solid\",\n borderWidth: \"16px 0 16px 26px\",\n borderColor: \"transparent transparent transparent white\",\n marginLeft: \"7px\"\n }\n };\n const defaultPlayIcon = /* @__PURE__ */import_react.default.createElement(\"div\", {\n style: styles.shadow,\n className: \"react-player__shadow\"\n }, /* @__PURE__ */import_react.default.createElement(\"div\", {\n style: styles.playIcon,\n className: \"react-player__play-icon\"\n }));\n return /* @__PURE__ */import_react.default.createElement(\"div\", {\n style: styles.preview,\n className: \"react-player__preview\",\n onClick,\n tabIndex: previewTabIndex,\n onKeyPress: this.handleKeyPress,\n ...(previewAriaLabel ? {\n \"aria-label\": previewAriaLabel\n } : {})\n }, isElement ? light : null, playIcon || defaultPlayIcon);\n }\n\n}\n\nvar Preview$1 = /*#__PURE__*/_mergeNamespaces({\n __proto__: null,\n 'default': Preview_1\n}, [Preview_1]);\n\nexports.AboutUsPage = AboutUsPage;\nexports.Accordion = BlossomAccordion;\nexports.AutoLink = AutoLink$2;\nexports.BannerBrand = BlossomBannerBrand;\nexports.BodyText = BodyText$1;\nexports.Branch = Branch$1;\nexports.BranchExpandedComponent = BranchExpandedComponent;\nexports.Button = Button$2;\nexports.ButtonVariant = ButtonVariant;\nexports.Callout = Callout$2;\nexports.CalloutButtonWithDividers = CalloutButtonWithDividers;\nexports.CalloutData = CalloutData;\nexports.CalloutDataWithDividers = CalloutDataWithDividers;\nexports.CalloutMobileApps = CalloutMobileApps;\nexports.CalloutMobileAppsGradients = CalloutMobileAppsGradientsDark$1;\nexports.CalloutMobileAppsGradientsDark = CalloutMobileAppsGradientsDark;\nexports.CalloutMobileAppsGradientsLight = CalloutMobileAppsGradientsLight;\nexports.CalloutMobileAppsWithDividers = CalloutMobileAppsWithDividers;\nexports.CalloutMultipleColumn = CalloutMultiple;\nexports.CalloutText = CalloutText;\nexports.CalloutTextWithDividers = CalloutTextWithDividers;\nexports.CalloutWithGradient = CalloutWithGradient$1;\nexports.CalloutWithGradientAndPadding = CalloutWithGradientAndPadding$1;\nexports.CheckBox = CheckBox$1;\nexports.ColoredItems = BlossomColoredItems;\nexports.CompressedContent = CompressedContent;\nexports.ConfirmationModal = ConfirmationModal;\nexports.Contact = Contact$1;\nexports.ContactSimple = ContactSimple;\nexports.ContactUsPage = ContactUs;\nexports.ContainerGradient = ContainerGradient$1;\nexports.ContentBox = ContentBox$1;\nexports.CustomButtons = CustomButtons;\nexports.CustomInput = CustomInput$1;\nexports.CustomPageFeature = CustomPageFeature;\nexports.CustomPageGeneric = CustomPageGeneric;\nexports.Dateline = Dateline;\nexports.DefaultFallbackComponent = DefaultFallbackComponent;\nexports.DescriptionAndLinks = DescriptionAndLinks;\nexports.DividerDynamicComponent = DividerDynamicComponent;\nexports.DividerImage = DividerImage;\nexports.Dividers = Dividers;\nexports.DynamicPage = DynamicPage;\nexports.DynamicZonePage = DynamicZonePage;\nexports.DynamicZonesPage = DynamicZonesPage;\nexports.Error = Error$1;\nexports.Feature = Feature;\nexports.FeatureCollapseContent = FeatureCollapseContent;\nexports.FeatureFullBackground = FeatureFullBackground;\nexports.FeatureFullBg = FeatureFullBg;\nexports.FeatureV2Image = FeatureV2Image;\nexports.FeatureV4Image = FeatureV4Image;\nexports.FeatureWithDiversV1 = FeatureWithDividerV1;\nexports.FeatureWithDiversV2 = FeatureWithDividerV2;\nexports.FeatureWithDiversV3 = FeatureWithDividerV3;\nexports.FeatureWithDividers = FeatureWithDividers;\nexports.Footer = Footer$1;\nexports.Form = Form;\nexports.FormApplicationTemplate = FormApplicationTemplate;\nexports.FormInput = FormInput$1;\nexports.FormLinked = FormLinked;\nexports.FormTemplate = FormTemplate;\nexports.GoogleMap = BlossomGoogleMap;\nexports.GradientWithoutImageContainer = GradientWithoutImageContainer;\nexports.GroupInputRadio = GroupInputRadio;\nexports.H3 = H3$6;\nexports.Header = index;\nexports.HeaderGradient = HeaderGradient;\nexports.HeaderGradients = HeaderGradients;\nexports.Hero = Hero$1;\nexports.HeroCard = HeroCard;\nexports.HeroWithDividers = HeroWithDividers;\nexports.HomePage = Home;\nexports.HorizontalDivider = HorizontalDivider;\nexports.Icon = Icon;\nexports.IconSelector = IconSelector;\nexports.Iframe = Iframe$1;\nexports.IframeWithDividers = IframeWithDividers;\nexports.ImagesGalery = ImagesGalery$1;\nexports.ImagesGaleryRichText = ImagesGaleryRichText;\nexports.Input = Input;\nexports.InputBox = InputBox;\nexports.InputContainer = InputContainer;\nexports.InputGenerator = InputGenerator;\nexports.InputLabel = InputLabel;\nexports.InputLabelError = InputLabelError;\nexports.InputLabelText = InputLabelText;\nexports.InputSelect = InputSelect$1;\nexports.InputSelectOption = InputSelectOption;\nexports.InvisibleBox = InvisibleBox;\nexports.ItemsWithImage = BlossomItemsWithImage;\nexports.Legend = Legend;\nexports.Links = Links$2;\nexports.List = List;\nexports.MainContact = MainContact;\nexports.MainContactBox = MainContactBox;\nexports.MainOffice = MainOffice;\nexports.MediaQuery = MediaQuery;\nexports.MemberFeedback = MemberFeedbackForm;\nexports.Message = Message;\nexports.Message404 = Message404;\nexports.Modal = Modal;\nexports.OfficeHourBox = OfficeHourBox;\nexports.OptInForm = OptInForm;\nexports.Page = Page;\nexports.Page404 = NotFoundPage;\nexports.PageHeader = PageHeader$1;\nexports.PageHeaderGradient = PageHeaderGradient;\nexports.PageHeaderGradientContainer = PageHeaderGradientContainer;\nexports.PageHeaderGradients = PageHeaderGradients;\nexports.PageHeaderSubTitle = PageHeaderSubTitle;\nexports.PageHeaderTitle = Title$z;\nexports.PageTitle = PageTitle;\nexports.Place = Place;\nexports.PopUpGalery = PopUpGalery$1;\nexports.PopUpGaleryCommon = PopUpGaleryCommon;\nexports.PrimaryText = PrimaryText;\nexports.Product = Product;\nexports.Products = Products;\nexports.ProductsRates = ProductsRates;\nexports.ProductsWithDividers = ProductsWithDividers;\nexports.Radio = Radio;\nexports.RadioButton = RadioButton;\nexports.RatesList = RatesList;\nexports.RatesTabs = RatesTabs;\nexports.ReCaptcha = ReCaptcha$1;\nexports.Rectangle = Rectangle$3;\nexports.RenderDynamicZoneComponent = RenderDynamicZoneComponent;\nexports.Reports = Reports;\nexports.RichText = RichText;\nexports.RichTextContainer = RichTextContainer;\nexports.Root = Root;\nexports.ScrollStyle = ScrollStyle;\nexports.Search = Search;\nexports.SecondaryText = SecondaryText;\nexports.Select = Select;\nexports.Slider = Slider;\nexports.SpeedBump = SpeedBump;\nexports.Tab = Tab;\nexports.TabContent = TabContent;\nexports.Table = Table$1;\nexports.TableComponent = TableComponent;\nexports.TableContentItem = TableContentItem;\nexports.TableContentItemLine = TableContentItemLine;\nexports.Tabs = Tabs;\nexports.TeamMembers = TeamMembers;\nexports.Text = Text$1;\nexports.TextBody = TextBody;\nexports.TextSimple = TextSimple;\nexports.Textarea = Textarea;\nexports.TextareaContainer = TextareaContainer;\nexports.TextareaInput = TextareaInput$1;\nexports.TextsLists = TextsLists;\nexports.Title = Title$x;\nexports.TitleWithGradients = TitleWithGradient;\nexports.Toast = Toast$1;\nexports.VerticalDivider = VerticalDivider;\nexports.Video = Video;\nexports.VideoList = VideoList;\nexports.Widget = Widget;\nexports.aboutUsTemplatesVersionVariantsTypes = aboutUsTemplatesVersionVariantsTypes;\nexports.bodyTextVariantsTypes = bodyTextVariantsTypes;\nexports.branchVariantsTypes = branchVariantsTypes;\nexports.buttonFillTypes = buttonFillTypes;\nexports.buttonStyleTypes = buttonStyleTypes;\nexports.buttonVariantsTypes = buttonVariantsTypes;\nexports.calloutVariantsTypes = calloutVariantsTypes;\nexports.colorsTypes = colorsTypes;\nexports.colorsVariantsTypes = colorsVariantsTypes;\nexports.consoleController = consoleController;\nexports.contactFormTemplate = contactFormTemplate;\nexports.contactUsTemplatesVersionVariantsTypes = contactUsTemplatesVersionVariantsTypes;\nexports.contactVariantsTypes = contactVariantsTypes;\nexports.customPageFeatureVariantsTypes = customPageFeatureVariantsTypes;\nexports.customPageGenericVariantsTypes = customPageGenericVariantsTypes;\nexports.dividerVariantsTypes = dividerVariantsTypes;\nexports.dividersVariantsTypes = dividersVariantsTypes;\nexports.dynamicPageRendereableComponentsTypes = dynamicPageRendereableComponentsTypes;\nexports.dynamicPagesVariantsTypes = dynamicPagesVariantsTypes;\nexports.dynamicTemplatesVersionVariantsTypes = dynamicTemplatesVersionVariantsTypes;\nexports.dynamicsComponentsVariantsTypes = dynamicsComponentsVariantsTypes;\nexports.featureVariantsTypes = featureVariantsTypes;\nexports.fontsFamiliesTypes = fontsFamiliesTypes;\nexports.fontsFamiliesVariantsTypes = fontsFamiliesVariantsTypes;\nexports.headerCompressedVariantTypes = headerCompressedVariantTypes;\nexports.headerDesktopVariantTypes = headerDesktopVariantTypes;\nexports.headerMobileCompressedVariantTypes = headerMobileCompressedVariantTypes;\nexports.headerMobileVariantTypes = headerMobileVariantTypes;\nexports.heroVariantsTypes = heroVariantsTypes;\nexports.homeTemplatesVersionVariantTypes = homeTemplatesVersionVariantTypes;\nexports.iconSelectorTypes = iconSelectorTypes;\nexports.iconTypes = iconTypes;\nexports.iconVariantsTypes = iconVariantsTypes;\nexports.imagesGaleryVariantsTypes = imagesGaleryVariantsTypes;\nexports.inputVariantTypes = inputVariantTypes;\nexports.linkVariantTypes = linkVariantTypes;\nexports.loginVariantTypes = loginVariantTypes;\nexports.memberFeedbackTemplate = memberFeedbackTemplate;\nexports.optInFormTemplate = optInFormTemplate;\nexports.pageFeatureVariantsTypes = pageFeatureVariantsTypes;\nexports.pageGenericVariantsTypes = pageGenericVariantsTypes;\nexports.pageHeaderColorVariantsTypes = pageHeaderColorVariantsTypes;\nexports.pageHeaderVariantsTypes = pageHeaderVariantsTypes;\nexports.pageVariantsTypes = pageVariantsTypes;\nexports.productVariantsTypes = productVariantsTypes;\nexports.productsVariantsTypes = productsVariantsTypes;\nexports.tabVariantsTypes = tabVariantsTypes;\nexports.tabsVariantsTypes = tabsVariantsTypes;\nexports.textSizesTypes = textSizesTypes;\nexports.textSizesVariantsTypes = textSizesVariantsTypes;\nexports.textVariantsTypes = textVariantsTypes;\nexports.themeVariantsTypes = themeVariantsTypes;\nexports.versionDetails = versionDetails;\nexports.videoListVariantTypes = videoListVariantTypes;\nexports.videoVariantTypes = videoVariantTypes;\nexports.withErrorBoundary = withErrorBoundary;"],"sourceRoot":""}