{"version":3,"file":"static/chunks/223.f1cb8db4a6b173b9.js","mappings":"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","sources":["webpack://_N_E/./adapters/helpers/Scroll.js","webpack://_N_E/./components/DropDownSelector/DropDownSelector.js","webpack://_N_E/<anon>"],"sourcesContent":["let smoothScrollId = null;\nlet smoothScrollStartY = 0;\nlet smoothScrollDeltaY = 0;\nlet smoothScrollStartTime = 0;\nlet smoothScrollDuration = 400;\n\nexport function scrollIntoView(element, options = {}) {\n    smoothScrollStartY = window.scrollY || window.pageYOffset || 0;\n    smoothScrollDeltaY = element.getBoundingClientRect().top;\n\n    const headerElement = document.querySelector('.zone-header');\n    const productSubNavElement = document.querySelector('.ob-product-sub-nav');\n\n    if (headerElement) {\n        smoothScrollDeltaY -= headerElement.getBoundingClientRect().bottom;\n\n        if (productSubNavElement) {\n            smoothScrollDeltaY -= productSubNavElement.getBoundingClientRect().bottom;\n        }\n    }\n\n    if (options.behavior === 'smooth' && typeof requestAnimationFrame !== 'undefined') {\n        smoothScrollStartTime = Date.now();\n\n        if (smoothScrollId == null) {\n            smoothScrollStep();\n        }\n    } else {\n        if (smoothScrollId != null) {\n            cancelAnimationFrame(smoothScrollId);\n            smoothScrollId = null;\n        }\n\n        window.scrollTo(window.scrollX, null);\n    }\n}\n\nfunction smoothScrollStep() {\n    const elapsed = Date.now() - smoothScrollStartTime;\n    const t = elapsed / smoothScrollDuration;\n\n    if (t < 1) {\n        smoothScrollId = requestAnimationFrame(smoothScrollStep);\n        window.scrollTo(window.scrollX, easeInOutQuad(t) * smoothScrollDeltaY + smoothScrollStartY);\n    }\n    else {\n        smoothScrollId = null;\n        window.scrollTo(window.scrollX, smoothScrollDeltaY + smoothScrollStartY);\n    }\n}\n\nfunction easeInOutQuad(t) {\n    return (t < 0.5) ? (2 * t * t) : ((4 - 2 * t) * t - 1);\n}\n","import React, { useState, useRef, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport dynamic from 'next/dynamic';\nconst Icon = dynamic(() => import('../Icon/Icon'));\nimport { Constants } from '../../adapters/helpers/Constants';\nimport { redirectTo } from '../../adapters/helpers/Utils'\nimport { scrollIntoView } from '../../adapters/helpers/Scroll';\n\nconst DropDownSelector = ({options, selectedOption, handleOptionClick, anchorId}) => {\n    const [isOpen, setIsOpen] = useState( false );\n    const dropDownRef = useRef();\n\n    useEffect(() => {\n        if (window?.location?.hash === `#${anchorId}` && dropDownRef?.current) {\n            let timeout = null;\n            window.setTimeout(() => {\n                timeout = scrollIntoView(dropDownRef.current, {behavior: 'smooth', block: 'nearest'});\n            }, 250);\n\n            return () => {\n                clearTimeout(timeout);\n            }\n        }\n    }, []);\n\n    const selectOption = ( index, url ) => {\n        if ( url ) {\n            redirectTo( url );\n        } else {\n            handleOptionClick( index );\n            setIsOpen( false );\n        }\n    }\n\n    const toggleDropDown = () => {\n        setIsOpen( !isOpen );\n    }\n\n    return (\n        <div ref={dropDownRef} className={`select-component ${isOpen? 'open':''}`}>\n            <div className='select-component-header' onClick={toggleDropDown}>\n                <span>{options[selectedOption]?.fields?.label}</span>\n                <Icon name={Constants.chevronDown}/>\n            </div>\n            {isOpen && (\n                <ul className='select-component-options'>\n                {options.map( ( option, index ) => (\n                    <li key={index} className={selectOption===index?'selected':''} onClick={()=>selectOption(index, option?.fields?.tabPageUrl)}>{option?.fields?.label}</li>\n                ))}\n                </ul>\n            )}\n        </div>\n    )\n}\n\nDropDownSelector.propTypes = {\n    options: PropTypes.arrayOf( PropTypes.object ),\n    selectedOption: PropTypes.number,\n    handleOptionClick: PropTypes.func\n}\n\nexport default DropDownSelector;","\"use strict\";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[223],{55891:function(n,e,o){o.d(e,{z:function(){return r}});var l=null,t=0,i=0,c=0;function r(n){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};t=window.scrollY||window.pageYOffset||0,i=n.getBoundingClientRect().top;var o=document.querySelector(\".zone-header\"),r=document.querySelector(\".ob-product-sub-nav\");o&&(i-=o.getBoundingClientRect().bottom,r&&(i-=r.getBoundingClientRect().bottom)),\"smooth\"===e.behavior&&\"undefined\"!=typeof requestAnimationFrame?(c=Date.now(),null==l&&u()):(null!=l&&(cancelAnimationFrame(l),l=null),window.scrollTo(window.scrollX,null))}function u(){var n=(Date.now()-c)/400;n<1?(l=requestAnimationFrame(u),window.scrollTo(window.scrollX,function(n){return n<.5?2*n*n:(4-2*n)*n-1}(n)*i+t)):(l=null,window.scrollTo(window.scrollX,i+t))}},47200:function(n,e,o){o.r(e);var l=o(67294),t=o(5152),i=o.n(t),c=o(24036),r=o(8996),u=o(55891),a=o(85893),s=i()((function(){return o.e(160).then(o.bind(o,80713))}),{loadableGenerated:{webpack:function(){return[80713]}}});e.default=function(n){var e,o,t=n.options,i=n.selectedOption,d=n.handleOptionClick,f=n.anchorId,w=(0,l.useState)(!1),m=w[0],v=w[1],h=(0,l.useRef)();(0,l.useEffect)((function(){var n,e;if((null==(n=window)||null==(e=n.location)?void 0:e.hash)===\"#\".concat(f)&&(null==h?void 0:h.current)){var o=null;return window.setTimeout((function(){o=(0,u.z)(h.current,{behavior:\"smooth\",block:\"nearest\"})}),250),function(){clearTimeout(o)}}}),[]);var p=function(n,e){e?(0,r.gB)(e):(d(n),v(!1))};return(0,a.jsxs)(\"div\",{ref:h,className:\"select-component \".concat(m?\"open\":\"\"),children:[(0,a.jsxs)(\"div\",{className:\"select-component-header\",onClick:function(){v(!m)},children:[(0,a.jsx)(\"span\",{children:null==(e=t[i])||null==(o=e.fields)?void 0:o.label}),(0,a.jsx)(s,{name:c.gT.chevronDown})]}),m&&(0,a.jsx)(\"ul\",{className:\"select-component-options\",children:t.map((function(n,e){var o;return(0,a.jsx)(\"li\",{className:p===e?\"selected\":\"\",onClick:function(){var o;return p(e,null==n||null==(o=n.fields)?void 0:o.tabPageUrl)},children:null==n||null==(o=n.fields)?void 0:o.label},e)}))})]})}}}]);"],"names":["self","webpackChunk_N_E","push","n","e","o","d","z","r","l","t","i","c","arguments","length","window","scrollY","pageYOffset","getBoundingClientRect","top","document","querySelector","bottom","behavior","requestAnimationFrame","Date","now","u","scrollTo","scrollX","cancelAnimationFrame","a","s","then","bind","loadableGenerated","webpack","default","options","selectedOption","handleOptionClick","f","anchorId","w","useState","m","v","h","useRef","useEffect","location","hash","concat","current","setTimeout","block","clearTimeout","p","gB","jsxs","ref","className","children","onClick","jsx","fields","label","name","gT","chevronDown","map","tabPageUrl"],"sourceRoot":""}