{"version":3,"file":"static/chunks/1668.6aa7364a7d706156.js","mappings":"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","sources":["webpack://_N_E/./components/FeaturesTabBlock/FeaturesTabBlock.js","webpack://_N_E/"],"sourcesContent":["import React, { useState, useEffect, useRef,Suspense } from 'react';\nimport dynamic from 'next/dynamic';\nimport Block from '../../adapters/helpers/Block';\nimport {smoothVerticalScroll} from '../../adapters/helpers/Utils';\nconst Image = dynamic(() => import('../Image/Image'));\nconst Heading = dynamic(() => import('../Heading/Heading'));\nconst Icon = dynamic(() => import('../Icon/Icon'));\nimport Loader from '../../adapters/helpers/Loader';\nimport DOMPurify from 'isomorphic-dompurify';\n\nexport default function FeaturesTab(props) {\n const { extraAttributes } = props;\n\n return extraAttributes?.entity?.featuresTab ? renderFeaturesTabBlock(extraAttributes.entity.featuresTab) : '';\n}\n\nfunction renderFeaturesTabBlock(featuresTab) {\n\n const block = new Block(featuresTab);\n\n const value = name => {\n return block.getFieldValue(name);\n };\n\n const [activeTab, setActiveTab] = useState(0);\n const featureRef = useRef(null);\n\n useEffect(() => {\n if (window) {\n window.addEventListener('hashchange', selectFeatureFromUrl);\n return () => {\n window.removeEventListener('hashchange', selectFeatureFromUrl);\n }\n }\n });\n\n const selectFeatureFromUrl = () => {\n const hashIndex = parseInt(location.hash.substring(location.hash.length - 1), 10);\n if (!isNaN(hashIndex) && hashIndex <= (features.length - 1)) {\n if (featureRef?.current) {\n scrollToTab(hashIndex, `#${anchorId}`);\n }\n }\n };\n\n const scrollToTab = (featureIndex, elemSelector) => {\n setActiveTab(featureIndex);\n const targetElement = document.querySelector(elemSelector);\n const subNav = document.querySelector('.ob-product-sub-nav__container');\n const subNavHeight = subNav?.offsetHeight ? subNav.offsetHeight : 0;\n smoothVerticalScroll(targetElement, 'top', subNavHeight);\n };\n\n let className = 'ob-features-tab ' + block.getFieldValue('classNames');\n\n const features = value('features');\n const anchorId = value('anchorId');\n\n return (\n }>\n
\n {/* START MOBILE LAYOUT */}\n
    \n {\n features.map((feature, featureIndex) => (\n
  • \n scrollToTab(featureIndex,'.ob-features-tab__item.is-active .ob-features-tab__tabs-button')}\n className={`event_button_click ob-features-tab__tabs-button ${featureIndex === activeTab ? 'is-active' : ''}`}\n data-action-detail={feature.fields.shortTitle}\n id={`accordion-control-${featureIndex}`}\n aria-expanded={featureIndex === activeTab}\n aria-disabled={featureIndex === activeTab}\n aria-controls={`features-tab-content-${featureIndex}`}\n >\n \n {feature.fields.shortTitle}\n \n \n {featureIndex === activeTab ? () : ()}\n \n \n \n \n {featureIndex === activeTab &&\n
    \n {feature.fields.title}\n

    {feature.fields.subtitle}

    \n

    \n
    \n }\n \n
\n \n ))\n }\n \n {/* END MOBILE LAYOUT */}\n\n {/* START DESKTOP LAYOUT */}\n
\n
\n {\n features.map((feature, featureIndex) => (\n
\n \n
\n ))\n }\n
\n
\n {\n features.map((feature, featureIndex) => (\n \n \n {featureIndex === activeTab &&\n
\n {feature.fields.title}\n

{feature.fields.subtitle}

\n

\n
\n }\n
\n ))\n }\n
\n \n {/* END DESKTOP LAYOUT */}\n \n \n );\n}\n","\"use strict\";\n(self[\"webpackChunk_N_E\"] = self[\"webpackChunk_N_E\"] || []).push([[1668],{\n\n/***/ 41668:\n/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {\n\n__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": function() { return /* binding */ FeaturesTab; }\n/* harmony export */ });\n/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(41539);\n/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var core_js_modules_es_promise_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(88674);\n/* harmony import */ var core_js_modules_es_promise_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_promise_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var core_js_modules_es_parse_int_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(91058);\n/* harmony import */ var core_js_modules_es_parse_int_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_parse_int_js__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(21249);\n/* harmony import */ var core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(92222);\n/* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var core_js_modules_es_regexp_to_string_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(39714);\n/* harmony import */ var core_js_modules_es_regexp_to_string_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_regexp_to_string_js__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(82526);\n/* harmony import */ var core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_6__);\n/* harmony import */ var core_js_modules_es_symbol_description_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(41817);\n/* harmony import */ var core_js_modules_es_symbol_description_js__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_symbol_description_js__WEBPACK_IMPORTED_MODULE_7__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(67294);\n/* harmony import */ var next_dynamic__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(5152);\n/* harmony import */ var next_dynamic__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(next_dynamic__WEBPACK_IMPORTED_MODULE_9__);\n/* harmony import */ var _adapters_helpers_Block__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(40483);\n/* harmony import */ var _adapters_helpers_Utils__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(8996);\n/* harmony import */ var _adapters_helpers_Loader__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(47322);\n/* harmony import */ var isomorphic_dompurify__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(29238);\n/* harmony import */ var isomorphic_dompurify__WEBPACK_IMPORTED_MODULE_13___default = /*#__PURE__*/__webpack_require__.n(isomorphic_dompurify__WEBPACK_IMPORTED_MODULE_13__);\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(85893);\n\n\n\n\n\n\n\n\n\n\n\n\nvar Image = next_dynamic__WEBPACK_IMPORTED_MODULE_9___default()(function () {\n return __webpack_require__.e(/* import() */ 8084).then(__webpack_require__.bind(__webpack_require__, 48084));\n}, {\n loadableGenerated: {\n webpack: function webpack() {\n return [/*require.resolve*/(48084)];\n }\n }\n});\nvar Heading = next_dynamic__WEBPACK_IMPORTED_MODULE_9___default()(function () {\n return __webpack_require__.e(/* import() */ 2116).then(__webpack_require__.bind(__webpack_require__, 92116));\n}, {\n loadableGenerated: {\n webpack: function webpack() {\n return [/*require.resolve*/(92116)];\n }\n }\n});\nvar Icon = next_dynamic__WEBPACK_IMPORTED_MODULE_9___default()(function () {\n return __webpack_require__.e(/* import() */ 713).then(__webpack_require__.bind(__webpack_require__, 80713));\n}, {\n loadableGenerated: {\n webpack: function webpack() {\n return [/*require.resolve*/(80713)];\n }\n }\n});\n\n\n\n\nfunction FeaturesTab(props) {\n var _extraAttributes$enti;\n\n var extraAttributes = props.extraAttributes;\n return (extraAttributes == null ? void 0 : (_extraAttributes$enti = extraAttributes.entity) == null ? void 0 : _extraAttributes$enti.featuresTab) ? renderFeaturesTabBlock(extraAttributes.entity.featuresTab) : '';\n}\n\nfunction renderFeaturesTabBlock(featuresTab) {\n var block = new _adapters_helpers_Block__WEBPACK_IMPORTED_MODULE_10__/* [\"default\"] */ .Z(featuresTab);\n\n var value = function value(name) {\n return block.getFieldValue(name);\n };\n\n var _useState = (0,react__WEBPACK_IMPORTED_MODULE_8__.useState)(0),\n activeTab = _useState[0],\n setActiveTab = _useState[1];\n\n var featureRef = (0,react__WEBPACK_IMPORTED_MODULE_8__.useRef)(null);\n (0,react__WEBPACK_IMPORTED_MODULE_8__.useEffect)(function () {\n if (window) {\n window.addEventListener('hashchange', selectFeatureFromUrl);\n return function () {\n window.removeEventListener('hashchange', selectFeatureFromUrl);\n };\n }\n });\n\n var selectFeatureFromUrl = function selectFeatureFromUrl() {\n var hashIndex = parseInt(location.hash.substring(location.hash.length - 1), 10);\n\n if (!isNaN(hashIndex) && hashIndex <= features.length - 1) {\n if (featureRef == null ? void 0 : featureRef.current) {\n scrollToTab(hashIndex, \"#\".concat(anchorId));\n }\n }\n };\n\n var scrollToTab = function scrollToTab(featureIndex, elemSelector) {\n setActiveTab(featureIndex);\n var targetElement = document.querySelector(elemSelector);\n var subNav = document.querySelector('.ob-product-sub-nav__container');\n var subNavHeight = (subNav == null ? void 0 : subNav.offsetHeight) ? subNav.offsetHeight : 0;\n (0,_adapters_helpers_Utils__WEBPACK_IMPORTED_MODULE_11__/* .smoothVerticalScroll */ .L3)(targetElement, 'top', subNavHeight);\n };\n\n var className = 'ob-features-tab ' + block.getFieldValue('classNames');\n var features = value('features');\n var anchorId = value('anchorId');\n return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_14__.jsx)(react__WEBPACK_IMPORTED_MODULE_8__.Suspense, {\n fallback: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_14__.jsx)(_adapters_helpers_Loader__WEBPACK_IMPORTED_MODULE_12__[\"default\"], {}),\n children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_14__.jsxs)(\"div\", {\n className: className,\n id: anchorId,\n ref: featureRef,\n children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_14__.jsx)(\"ul\", {\n className: 'ob-features-tab__wrapper ob-features-tab--mobile',\n children: features.map(function (feature, featureIndex) {\n var _feature$fields;\n\n return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_14__.jsxs)(\"li\", {\n className: \"ob-features-tab__item \".concat(feature == null ? void 0 : (_feature$fields = feature.fields) == null ? void 0 : _feature$fields.classNames, \" \").concat(featureIndex === activeTab ? 'is-active' : ''),\n children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_14__.jsxs)(\"button\", {\n onClick: function onClick() {\n return scrollToTab(featureIndex, '.ob-features-tab__item.is-active .ob-features-tab__tabs-button');\n },\n className: \"event_button_click ob-features-tab__tabs-button \".concat(featureIndex === activeTab ? 'is-active' : ''),\n \"data-action-detail\": feature.fields.shortTitle,\n id: \"accordion-control-\".concat(featureIndex),\n \"aria-expanded\": featureIndex === activeTab,\n \"aria-disabled\": featureIndex === activeTab,\n \"aria-controls\": \"features-tab-content-\".concat(featureIndex),\n children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_14__.jsx)(\"span\", {\n children: feature.fields.shortTitle\n }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_14__.jsx)(\"span\", {\n className: 'ob-features-tab__tabs-button-icon',\n \"aria-hidden\": \"true\",\n children: featureIndex === activeTab ? /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_14__.jsx)(Icon, {\n name: \"chevronTop\"\n }) : /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_14__.jsx)(Icon, {\n name: \"chevronDown\"\n })\n })]\n }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_14__.jsx)(\"div\", {\n className: \"ob-features-tab__content-text \".concat(featureIndex === activeTab ? 'is-active' : ''),\n id: \"features-tab-content-\".concat(featureIndex),\n \"aria-labelledby\": \"accordion-control-\".concat(featureIndex),\n \"aria-hidden\": featureIndex !== activeTab,\n role: \"region\",\n children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_14__.jsx)(Image, {\n image: feature.fields.mobileBackgroundAsset ? feature.fields.mobileBackgroundAsset : feature.fields.backgroundAsset,\n children: featureIndex === activeTab && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_14__.jsxs)(\"div\", {\n className: 'ob-features-tab__text',\n \"data-white-text\": feature.fields.hasWhiteText.toString(),\n children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_14__.jsx)(Heading, {\n tag: \"h2\",\n children: feature.fields.title\n }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_14__.jsx)(\"p\", {\n className: 'ob-features-tab__subtitle',\n children: feature.fields.subtitle\n }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_14__.jsx)(\"p\", {\n className: 'ob-features-tab__description',\n dangerouslySetInnerHTML: {\n __html: isomorphic_dompurify__WEBPACK_IMPORTED_MODULE_13___default().sanitize(feature.fields.description)\n }\n })]\n })\n })\n })]\n }, \"feature-tab-content-\".concat(featureIndex));\n })\n }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_14__.jsxs)(\"div\", {\n className: 'ob-features-tab--desktop',\n children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_14__.jsx)(\"div\", {\n className: 'ob-features-tab__tabs-wrapper',\n role: \"tablist\",\n children: features.map(function (feature, featureIndex) {\n return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_14__.jsx)(\"div\", {\n className: 'ob-features-tab__tabs-item',\n children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_14__.jsx)(\"button\", {\n \"aria-label\": feature.fields.shortTitle,\n onClick: function onClick() {\n return setActiveTab(featureIndex);\n },\n className: \"event_button_click ob-features-tab__tabs-button \".concat(featureIndex === activeTab ? 'is-active' : ''),\n \"data-action-detail\": feature.fields.shortTitle,\n role: \"tab\",\n \"aria-selected\": featureIndex === activeTab,\n \"aria-controls\": \"feature-tab-content-\".concat(featureIndex),\n id: \"feature-tab-\".concat(featureIndex),\n children: feature.fields.shortTitle\n })\n }, \"feature-tab-\".concat(featureIndex));\n })\n }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_14__.jsx)(\"div\", {\n className: 'ob-features-tab__content-wrapper',\n children: features.map(function (feature, featureIndex) {\n var _feature$fields2;\n\n return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_14__.jsxs)(\"div\", {\n className: \"ob-features-tab__content-item \".concat(feature == null ? void 0 : (_feature$fields2 = feature.fields) == null ? void 0 : _feature$fields2.classNames, \" \").concat(featureIndex === activeTab ? 'is-active' : ''),\n \"data-white-text\": feature.fields.hasWhiteText.toString(),\n id: \"feature-tab-content-\".concat(featureIndex),\n role: \"tabpanel\",\n \"aria-hidden\": featureIndex !== activeTab,\n \"aria-labelledby\": \"feature-tab-\".concat(featureIndex),\n tabIndex: featureIndex === activeTab ? 0 : -1,\n children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_14__.jsx)(Image, {\n image: feature.fields.backgroundAsset\n }), featureIndex === activeTab && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_14__.jsxs)(\"div\", {\n className: 'ob-features-tab__content-text',\n \"data-text-align\": feature.fields.textAlign,\n children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_14__.jsx)(Heading, {\n tag: \"h2\",\n children: feature.fields.title\n }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_14__.jsx)(\"p\", {\n className: 'ob-features-tab__subtitle',\n children: feature.fields.subtitle\n }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_14__.jsx)(\"p\", {\n className: 'ob-features-tab__description',\n dangerouslySetInnerHTML: {\n __html: isomorphic_dompurify__WEBPACK_IMPORTED_MODULE_13___default().sanitize(feature.fields.description)\n }\n })]\n })]\n }, \"feature-tab-content-\".concat(featureIndex));\n })\n })]\n })]\n })\n });\n}\n\n/***/ })\n\n}]);"],"names":["self","push","__unused_webpack_module","__webpack_exports__","__webpack_require__","r","d","FeaturesTab","react__WEBPACK_IMPORTED_MODULE_8__","next_dynamic__WEBPACK_IMPORTED_MODULE_9__","next_dynamic__WEBPACK_IMPORTED_MODULE_9___default","n","_adapters_helpers_Block__WEBPACK_IMPORTED_MODULE_10__","_adapters_helpers_Utils__WEBPACK_IMPORTED_MODULE_11__","_adapters_helpers_Loader__WEBPACK_IMPORTED_MODULE_12__","isomorphic_dompurify__WEBPACK_IMPORTED_MODULE_13__","isomorphic_dompurify__WEBPACK_IMPORTED_MODULE_13___default","react_jsx_runtime__WEBPACK_IMPORTED_MODULE_14__","Image","e","then","bind","loadableGenerated","webpack","Heading","Icon","props","featuresTab","block","value","_useState","activeTab","setActiveTab","featureRef","selectFeatureFromUrl","scrollToTab","className","features","anchorId","_extraAttributes$enti","extraAttributes","entity","Z","name","getFieldValue","useState","useRef","useEffect","window","addEventListener","removeEventListener","hashIndex","parseInt","location","hash","substring","length","isNaN","current","concat","featureIndex","elemSelector","targetElement","document","querySelector","subNav","subNavHeight","offsetHeight","L3","jsx","Suspense","fallback","children","jsxs","id","ref","map","feature","_feature$fields","fields","classNames","onClick","shortTitle","role","image","mobileBackgroundAsset","backgroundAsset","hasWhiteText","toString","tag","title","subtitle","dangerouslySetInnerHTML","__html","sanitize","description","_feature$fields2","tabIndex","textAlign"],"sourceRoot":""}