{"version":3,"file":"static/chunks/3580.ef996c0af1c69b1b.js","mappings":"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","sources":["webpack://_N_E/./adapters/helpers/Hooks.js","webpack://_N_E/./adapters/helpers/Scroll.js","webpack://_N_E/./components/ProductHighlights/ProductHighlights.js","webpack://_N_E/<anon>"],"sourcesContent":["import React, { useState, useEffect, useLayoutEffect } from 'react';\n\n// https://github.com/streamich/react-use/blob/master/docs/useIsomorphicLayoutEffect.md\nexport const useIsomorphicLayoutEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect;\n\nexport function useMatchMedia(mediaQueryString, initialValue = null) {\n    const [match, setMatch] = useState(initialValue);\n\n    useEffect(\n        () => {\n            if(!window.matchMedia) {\n                return;\n            }\n\n            function handleMatch(event) {\n                setMatch(event.matches);\n            }\n\n            const matchMedia = window.matchMedia(mediaQueryString);\n\n            setMatch(matchMedia.matches);\n            matchMedia.addListener(handleMatch);\n\n            return () => {\n                matchMedia.removeListener(handleMatch);\n            };\n        },\n        [mediaQueryString]\n    );\n\n    return match;\n}\n\nexport const mediaQueryHOC = (Component) => {\n    function MediaQueryHOC(props) {\n        const isXSmall = useMatchMedia('(max-width: 375px)');\n        const isSmall = useMatchMedia('(max-width: 479px)');\n        const isMedium = useMatchMedia('(max-width: 767px)');\n        const isLarge = useMatchMedia('(max-width: 991px)');\n        const isXLarge = useMatchMedia('(max-width: 1023px)');\n        return (\n            <Component\n                isXSmall={isXSmall}\n                isSmall={isSmall}\n                isMedium={isMedium}\n                isLarge={isLarge}\n                isXLarge={isXLarge}\n                {...props}\n            />\n        );\n    }\n    return MediaQueryHOC;\n};\n\nlet listeners = [];\nlet state = { currentProductIndex: 0};\n\n\nconst setState = (newState) => {\n    state = { ...state, ...newState };\n    listeners.forEach((listener) => {\n        listener(state);\n    });\n};\n\nexport const updateCurrentProductIndex = () => {\n    const newListener = useState()[1];\n    useEffect(() => {\n        listeners.push(newListener);\n    }, []);\n    return [state, setState];\n};\n","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, {useEffect, useState, useRef, Suspense} from 'react';\nimport dynamic from 'next/dynamic';\nimport PropTypes from 'prop-types';\nimport { ProductHighlightsConstants } from '../../adapters/helpers/Constants';\nimport {getReviewAndRatingId, stripHtml, isIEorEdge} from '../../adapters/helpers/Utils';\nimport { parseAnchorFromURL } from '../../adapters/helpers/Anchor';\nimport { mediaQueryHOC, updateCurrentProductIndex } from '../../adapters/helpers/Hooks';\nimport {scrollIntoView} from '../../adapters/helpers/Scroll';\nimport { getColorStyle } from '../../adapters/helpers/Utils';\nimport {handleColorNameFormat} from '../../adapters/helpers/Utils';\nconst Rotation = dynamic(() => import('../Rotation/Rotation'));\nconst Heading = dynamic(() => import('../Heading/Heading'));\nconst Image = dynamic(() => import('../Image/Image'));\nconst Img = dynamic(() => import('../Image/Img/Img'));\nconst ObLink = dynamic(() => import('../ObLink/ObLink'));\nconst Icon = dynamic(() => import('../Icon/Icon'));\nconst RichText = dynamic(() => import('../RichText/RichText'));\nconst Button = dynamic(() => import('../Button/Button'));\nconst Disclaimer = dynamic(() => import('../Disclaimer/Disclaimer'));\nconst MarkdownText = dynamic(() => import('../MarkdownText/MarkdownText'));\nimport Loader from '../../adapters/helpers/Loader';\nimport DOMPurify from 'isomorphic-dompurify';\n\nfunction ProductHighlights(props) {\n    const {extraAttributes, isLarge, isMedium, document:doc} = props;\n    const [selectedColorIndex, setSelectedColorIndex] = useState(0);\n    // eslint-disable-next-line no-unused-vars\n    const [_, setGlobalState] = updateCurrentProductIndex();\n    const headerRef = useRef();\n    const topRef = useRef();\n    const entity = extraAttributes.entity;\n    const productOverview = entity.productOverview.fields;\n    const productVariants = productOverview?.productVariants;\n    const productHighlights = entity.productHighlights;\n    const labels = doc.fields;\n    const pressQuote = productOverview?.pressQuote?.fields;\n    const backgroundImage = doc.fields.background;\n    const startingAtButtonLabel = productOverview?.buyNowLabel?.fields.text;\n    const anchorId = doc.fields.anchorId;\n    const disclaimer = doc.fields.disclaimer;\n    let reviewAndRatingId = getReviewAndRatingId(entity.productOverview);\n    const seeLessLabel = doc?.fields?.seeLessLabel?.fields?.text.toUpperCase();\n    const seeMoreLabel = doc?.fields?.seeMoreLabel?.fields?.text.toUpperCase();\n    const classNames = doc?.fields?.classNames || '';\n    const comingSoonText = productOverview?.comingSoonLabel?.fields?.text;\n    const comingSoonLink = productOverview?.comingSoonLink || '';\n    const buyNowDeactivated = productOverview?.deactivateBuyNowButton;\n    const [isPageLoaded, setIsPageLoaded] = useState(false);\n    const uniqueId = productOverview?.uniqueId || '';\n\n    function handleHashChange() {\n        const anchor = parseAnchorFromURL(window.location.hash);\n        for (let i = 0; i < productVariants.length; i++) {\n            const variantColor = productVariants[i]?.fields?.color?.fields?.name;\n            if (variantColor) {\n                if (anchor?.color?.toLowerCase() === variantColor?.toLowerCase()) {\n                    setSelectedColorIndex(i);\n                }\n                if (anchor?.color?.toLowerCase() === ProductHighlightsConstants.undefinedStr) {\n                    setSelectedColorIndex(0);\n                }\n            }\n        }\n    }\n\n    useEffect(() => {\n        setIsPageLoaded(true);\n        handleHashChange();\n\n        window.addEventListener('hashchange', handleHashChange);\n\n        return () => {\n            window.removeEventListener('hashchange', handleHashChange);\n        }\n    }, [isPageLoaded]);\n\n    const renderHighlightsHeader = () => {\n        let ele = '';\n        if(isMedium) {\n          ele = document.getElementById('ob-product-subnav-scroll');            \n        }\n        return (\n            <Suspense fallback={<Loader />}>\n            <div className={'ob-product-highlights__header'} ref={headerRef} style={{marginTop: ele?.offsetHeight+'px'}}>\n                <Heading tag=\"h1\" className={'ob-product-highlights__title'}>{productOverview.title}</Heading>\n                <button className='ob-scroll-to-review-section event_product_review_view'\n                    data-bv-show=\"inline_rating\"\n                    data-bv-product-id={reviewAndRatingId}\n                    data-bv-seo=\"false\"\n                    id='rnrButton'\n                    aria-label={stripHtml(productOverview?.title) ? `${stripHtml(productOverview?.title)} ${ProductHighlightsConstants.productRating}` : ProductHighlightsConstants.productRating }\n                    data-action-detail={stripHtml(productOverview?.title)}>\n                </button>\n                <MarkdownText className={'ob-product-highlights__description'} value={productOverview.description} />\n            </div>\n            </Suspense>\n        )\n    };\n\n    useEffect(() => {\n        setGlobalState({currentProductId: selectedColorIndex})\n\n        if (window) {\n            const colorName = productVariants[selectedColorIndex]?.fields?.color?.fields?.name?.toLowerCase();\n            window.location.hash = `color=${encodeURIComponent(colorName)}`;\n\n            if (headerRef?.current && isLarge) {\n                scrollIntoView(headerRef?.current, {behavior: 'smooth'});\n            }\n\n            if (topRef?.current && !isLarge) {\n                scrollIntoView(topRef?.current, {behavior: 'smooth'});\n            }\n        }\n    }, [selectedColorIndex]);\n\n    const renderColorButtons = () => {\n        return (\n            <div className={'ob-product-highlights__color-ctn'}>\n                {(productVariants.some(variant => variant?.fields?.color !== undefined)) &&\n                    <p className={'ob-product-highlights__label'}>{labels?.colorLabel}</p>\n                }\n                <ul className={'ob-product-highlights__colors'}>\n                    {productVariants.map((variant, index) => {\n                        return (variant?.fields?.color) ?\n                            <li className=\"ob-product-highlights__selected-colors-item\" key={index}>\n                                {!variant?.fields?.color?.fields?.colorImage ? <button\n                                    style={getColorStyle(variant.fields.color)}\n                                    className={`ob-product-highlights__color event_buy_now ${index === selectedColorIndex ? ProductHighlightsConstants.isActive : ProductHighlightsConstants.empty}`}\n                                    onClick={() => setSelectedColorIndex(index)}\n                                    data-action-detail={`open_ps_panel_${variant?.fields?.color?.fields?.name}_${stripHtml(productOverview?.title)}`}\n                                    aria-pressed={index === selectedColorIndex ? true : false}\n                                    >\n                                    <span className=\"visuallyhidden\">{variant?.fields?.color?.fields?.name}</span>\n                                </button> :\n                                <img className={ `event_buy_now_choose_product ob-series-product-highlights-color-img   ${index === selectedColorIndex ? 'ob-series__color--active' : ''}`} data-action-detail={`${variant?.fields?.color?.fields?.name}_${stripHtml(productOverview?.title)}`} alt={variant?.fields?.color?.fields?.colorImage?.fields?.title} src={variant?.fields?.color?.fields?.colorImage?.fields?.file?.url} onClick={() => setSelectedColorIndex(index)}></img>\n                                }\n                                {variant?.fields?.color && <div className=\"color-container-pdp\"><p className={index === selectedColorIndex ? 'ob-accessibility-highlighted' : 'ob-accessibility'}>{handleColorNameFormat(variant?.fields?.color?.fields?.name)}</p></div>}\n                            </li> : '';\n                    })}\n                </ul>\n            </div>\n        )\n    };\n\n    const [showMore, setShowMore] = useState(false);\n\n    const highlightList = (productHighlights) ? Object.keys(productHighlights).slice(0, 3).map(key => {\n        return (\n            <li key={key} className={'ob-product-highlights__highlights-list-item'}>\n                <RichText document={productHighlights[key]} />\n            </li>\n        )}\n    ) : [];\n\n    const highlightListMore = (productHighlights) ? Object.keys(productHighlights).slice(3).map(key => {\n        return (\n            <li key={key} className={`ob-product-highlights__highlights-list-item more ${showMore}`}>\n                <RichText document={productHighlights[key]} />\n            </li>\n        )}\n    ) : [];\n\n    const highlightLength = () => {\n        // Return true if highlight is superior than 3 to display see more button\n        return productHighlights && Object.keys(productHighlights).length > 3;\n    };\n\n    const showMoreButton = () => {\n        let button;\n\n        if (showMore) {\n            button = (\n                <ObLink ariaExpanded={true} className=\"primaryGrey ob-product-highlights__see-more event_button_click\" dataActionDetail={seeLessLabel} tag={ProductHighlightsConstants.button} ariaLabel={`${seeLessLabel} ${ProductHighlightsConstants.highlights}`}  onClick={handleShowMore}>\n                    <Icon name={ProductHighlightsConstants.minus6} roundedIcon={ProductHighlightsConstants.blue} viewBox={6}/>\n                    {seeLessLabel}\n                    <span className=\"visuallyhidden\">{ProductHighlightsConstants.highlights}</span>\n                </ObLink>\n            )\n        } else {\n            button = (\n                <ObLink ariaExpanded={false} className=\"primaryGrey ob-product-highlights__see-more event_button_click\" dataActionDetail={seeMoreLabel} tag={ProductHighlightsConstants.button} onClick={handleShowMore} ariaLabel={`${seeMoreLabel} ${ProductHighlightsConstants.highlights}`}>\n                    <Icon name={ProductHighlightsConstants.plus} roundedIcon={ProductHighlightsConstants.blue} viewBox={10}/>\n                    {seeMoreLabel}\n                    <span className=\"visuallyhidden\">{ProductHighlightsConstants.highlights}</span>\n                </ObLink>\n            );\n        }\n\n        return button;\n    };\n\n\n    const handleShowMore = () => {\n        setShowMore(!showMore);\n    };\n\n    const renderTextContent = () => {\n        return (\n            <div className={'ob-product-highlights__text-content'}>\n                {!isLarge && renderHighlightsHeader()}\n                {isLarge && productVariants && renderColorButtons()}\n                {pressQuote &&\n                    <div className={'ob-product-highlights__quote'}>\n                        <span className={'ob-product-highlights__quote-text'}>{pressQuote.quote}</span>\n                        <Image image={pressQuote.pressLogo}/>\n                    </div>\n                }\n                <div className={'ob-product-highlights__highlights-ctn'} id={'ob-highlights-ctn'}>\n                    <p className={'ob-product-highlights__label'}>{labels.highlightsLabel}</p>\n\n                    { productHighlights &&\n                        <ul className={'ob-product-highlights__highlights-list'}>\n                            {highlightList}\n                            { showMore &&\n                                highlightListMore\n                            }\n                        </ul>\n                    }\n\n                    {highlightLength() && showMoreButton()}\n\n\n                </div>\n                {!isLarge && productVariants && renderColorButtons()}\n\n                { startingAtButtonLabel && !buyNowDeactivated && productVariants[selectedColorIndex]?.fields?.sku &&\n                    <Button size={'medium-long'}\n                            className='event_buy_now'\n                            dataActionDetail={`open_ps_panel_${stripHtml(productOverview.title)}`}\n                            onClick={event => props.onClickCallback(event)}\n                            sku={productVariants[selectedColorIndex]?.fields?.sku}>\n                        {startingAtButtonLabel}\n                    </Button>\n                }\n                {buyNowDeactivated &&\n                    <Button\n                        tag={'a'}\n                        disabled={comingSoonLink === ''}\n                        href={comingSoonLink}\n                        size={'medium-long'}\n                        target={'_blank'}\n                        rel=\"noopener noreferrer\"\n                    >\n                        {comingSoonText}\n                    </Button>\n                }\n            </div>\n        )\n    };\n\n    const render360Images = collection => {\n        return (\n            collection.map((image, index) => (\n                <div key={`360-${index}`}>\n                    {image?.fields?.asset?.fields?.file?.url && <Img contentImageId = {image?.fields?.asset?.fields?.file?.url} alt={image?.fields?.alternateText} transformations={'w_700'} noLazyLoad={true} />}\n                </div>\n            ))\n        )\n    }\n\n    return (\n        <div className={`ob-product-highlights ${classNames} ${uniqueId}`} id={anchorId} ref={topRef}>\n            <Image image={backgroundImage}>\n                <div className={'ob-product-highlights__ctn'}>\n                    {/* Below code structure have implemented for pagespeed. */}\n                     {\n                        isPageLoaded ?\n                            isLarge && renderHighlightsHeader()\n                        :\n                        isMedium && <div className='ob-mobile-product-highlights-header'>\n                            {renderHighlightsHeader()}\n                        </div>\n                    }\n                    <ul className={'ob-product-highlights__img-ctn'}>\n                        { productVariants ?\n                        productVariants.map((variant, index) => (\n                            <li className={`ob-product-highlights__img ${index === selectedColorIndex ? ProductHighlightsConstants.isActive : ProductHighlightsConstants.empty}`} key={index}>\n                                {variant.fields.backgroundsCollection ? (\n                                    <div>\n                                        <Rotation\n                                            className={'ob-product-highlights__360-ctn'}\n                                            tabIndex={0}\n                                            autoPlay={25}\n                                            isDisabled={isIEorEdge()}\n                                            playOnce={true}\n                                            cycle={true} >\n                                                {render360Images(variant.fields.backgroundsCollection)}\n                                        </Rotation>\n\n                                        {!isIEorEdge() &&\n                                            <span className={'ob-product-highlights__360-icon'}>\n                                                {/* Couldn't use the Icon component, because of the icon's unconventional viewbox */}\n                                                <svg className={'ob-icon ob-icon--icon360'}\n                                                     viewBox={'0 0 53 39'}\n                                                     dangerouslySetInnerHTML={{ __html: DOMPurify.sanitize(`\n                                                     <defs>\n                                                        <path id=\"a-${index}\" d=\"M0 .137h52.845V26H0z\"/>\n                                                        <path id=\"c-${index}\" d=\"M.35.266h6.539V6.59H.35z\"/>\n                                                    </defs>\n                                                    <g fill=\"none\" fill-rule=\"evenodd\">\n                                                        <path d=\"M-5-12h63v63H-5z\"/>\n                                                        <path fill=\"#646464\" d=\"M17.231 21.307l.111.586h.035l.118-.586 1.043-3.979h1.787l-2.157 6.34h-1.634l-2.157-6.34h1.788zM21.157 23.668h1.711v-6.34h-1.711v6.34zm0-7.857h1.711v-1.283h-1.711v1.283zM26.928 18.53a.892.892 0 00-.75.363c-.184.242-.297.56-.34.955l.018.03h2.097v-.153c0-.363-.085-.653-.254-.87-.17-.217-.427-.325-.77-.325m.151 5.262c-.914 0-1.644-.293-2.19-.88-.548-.585-.82-1.33-.82-2.232v-.234c0-.941.257-1.717.775-2.326.518-.61 1.212-.912 2.083-.908.855 0 1.52.257 1.992.773.473.516.71 1.213.71 2.092v.932h-3.786l-.012.035c.032.416.171.758.42 1.027.247.269.584.402 1.01.402.38 0 .693-.038.943-.114.25-.076.524-.196.821-.36l.463 1.057c-.258.212-.596.388-1.014.527a4.403 4.403 0 01-1.395.209M36.139 21.401h.035L37 17.329h1.606l-1.612 6.34h-1.429l-1.178-3.774h-.035l-1.178 3.774H31.75l-1.611-6.34h1.605l.838 4.06h.036l1.183-4.06h1.143zM20.241 4.826c0 1.448-.865 2.42-2.33 2.843 1.482.16 2.72 1.041 2.72 2.93 0 1.996-1.608 3.672-4.556 3.672-1.8 0-3.16-.67-4.096-1.8l1.5-1.465c.795.794 1.501 1.147 2.437 1.147 1.095 0 1.853-.636 1.853-1.73 0-1.254-.688-1.713-1.94-1.713h-.99l.3-1.924h.69c1.058 0 1.711-.565 1.711-1.554 0-.865-.617-1.377-1.589-1.377-.883 0-1.624.354-2.33 1.042l-1.377-1.5c1.112-1.06 2.436-1.607 4.025-1.607 2.577 0 3.972 1.36 3.972 3.036M27.953 9.929c0-1.536-.494-2.065-1.412-2.065-.636 0-1.236.335-1.748.935.035 2.489.46 3.478 1.66 3.478 1.006 0 1.5-.936 1.5-2.348m2.79-.035c0 2.435-1.66 4.378-4.326 4.378-3.16 0-4.52-2.33-4.52-5.755 0-4.043 1.96-6.727 5.191-6.727 1.13 0 2.03.335 2.72.794l-1.026 1.66c-.494-.283-1.006-.459-1.624-.459-1.342 0-2.207 1.165-2.365 3.266.741-.776 1.624-1.112 2.524-1.112 1.96 0 3.425 1.43 3.425 3.955M34.711 8.022c0 3.16.477 4.185 1.642 4.185 1.147 0 1.641-.954 1.641-4.185 0-3.248-.494-4.166-1.641-4.166-1.165 0-1.642 1.006-1.642 4.166m6.144 0c0 3.99-1.572 6.25-4.502 6.25-2.931 0-4.502-2.26-4.502-6.25 0-4.007 1.571-6.231 4.502-6.231 2.93 0 4.502 2.224 4.502 6.23\"/><g transform=\"translate(0 13)\"><mask id=\"b-${index}\" fill=\"#fff\"><use xlink:href=\"#a-${index}\"/></mask><path fill=\"#646464\" d=\"M36.715 14.74c6.448-1.688 10.217-4.569 10.217-7.916 0-1.377-.668-3.387-3.759-5.306V.137c6.085 2.442 9.672 5.957 9.672 9.548 0 3.433-3.23 6.778-8.882 9.22l-7.248-4.165zm-11.629 7.647l-.931-.066C10.385 21.367 0 15.934 0 9.686 0 6.453 2.866 3.297 7.923.9v1.948c-1.334 1.234-2.01 2.57-2.01 3.976 0 4.572 7.441 8.36 18.093 9.211l1.08.087v-3.704l11.82 6.791L25.086 26v-3.613z\" mask=\"url(#b-${index})\"/>\n                                                    </g>\n                                                        <g transform=\"translate(42)\">\n                                                            <mask id=\"d-${index}\" fill=\"#fff\"><use xlink:href=\"#c-${index}\"/></mask>\n                                                            <path fill=\"#646464\" d=\"M2.288 3.446c0 .796.573 1.405 1.33 1.405.759 0 1.314-.61 1.314-1.423 0-.72-.463-1.422-1.313-1.422-.813 0-1.331.683-1.331 1.44m4.6-.04c0 1.85-1.526 3.184-3.29 3.184C1.707 6.59.352 5.191.352 3.47.33 1.685 1.79.265 3.62.265c1.936 0 3.269 1.442 3.269 3.141\" mask=\"url(#d-${index})\"/>\n                                                        </g>\n                                                    </g>\n                                                    `)}}\n                                                />\n                                            </span>\n                                        }\n                                    </div>\n                                ) : (\n                                    <Image image={variant.fields.mainAsset} />\n                                )}\n                            </li>\n                        )) : (\n                            <li>\n                                <Image image={productOverview.mainAsset} noLazyLoad={true} />\n                            </li>\n                        )}\n                    </ul>\n                    {!isLarge && renderTextContent()}\n                </div>\n\n                {!isLarge && disclaimer &&\n                    <Disclaimer className={'ob-product-highlights__disclaimer--desktop'} document={disclaimer} />\n                }\n            </Image>\n            {isLarge && renderTextContent()}\n\n            {isLarge && disclaimer &&\n                <Disclaimer className={'ob-product-highlights__disclaimer--mobile'} document={disclaimer} />\n            }\n        </div>\n    )\n}\n\nexport default mediaQueryHOC(ProductHighlights);\n// This export is for unit testing (do not remove) :\nexport const ProductHighlightsTest = ProductHighlights;\n\nProductHighlights.propTypes = {\n    extraAttributes: PropTypes.object,\n    isLarge: PropTypes.bool,\n    document: PropTypes.object,\n    onClickCallback: PropTypes.func,\n};\n","\"use strict\";\n(self[\"webpackChunk_N_E\"] = self[\"webpackChunk_N_E\"] || []).push([[3580],{\n\n/***/ 71357:\n/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {\n\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"LI\": function() { return /* binding */ useIsomorphicLayoutEffect; },\n/* harmony export */   \"Ui\": function() { return /* binding */ mediaQueryHOC; },\n/* harmony export */   \"ag\": function() { return /* binding */ useMatchMedia; },\n/* harmony export */   \"y3\": function() { return /* binding */ updateCurrentProductIndex; }\n/* harmony export */ });\n/* harmony import */ var core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(47941);\n/* harmony import */ var core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(82526);\n/* harmony import */ var core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(57327);\n/* harmony import */ var core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var core_js_modules_es_object_get_own_property_descriptor_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(38880);\n/* harmony import */ var core_js_modules_es_object_get_own_property_descriptor_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_get_own_property_descriptor_js__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(54747);\n/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var core_js_modules_es_object_get_own_property_descriptors_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(49337);\n/* harmony import */ var core_js_modules_es_object_get_own_property_descriptors_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_get_own_property_descriptors_js__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var core_js_modules_es_object_define_properties_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(33321);\n/* harmony import */ var core_js_modules_es_object_define_properties_js__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_define_properties_js__WEBPACK_IMPORTED_MODULE_6__);\n/* harmony import */ var core_js_modules_es_object_define_property_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(69070);\n/* harmony import */ var core_js_modules_es_object_define_property_js__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_define_property_js__WEBPACK_IMPORTED_MODULE_7__);\n/* harmony import */ var _home_runner_work_mw_mt_oralb_com_cs_cz_mw_mt_oralb_com_cs_cz_node_modules_next_dist_compiled_babel_runtime_helpers_defineProperty_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(930);\n/* harmony import */ var _home_runner_work_mw_mt_oralb_com_cs_cz_mw_mt_oralb_com_cs_cz_node_modules_next_dist_compiled_babel_runtime_helpers_defineProperty_js__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(_home_runner_work_mw_mt_oralb_com_cs_cz_mw_mt_oralb_com_cs_cz_node_modules_next_dist_compiled_babel_runtime_helpers_defineProperty_js__WEBPACK_IMPORTED_MODULE_8__);\n/* harmony import */ var core_js_modules_es_array_for_each_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(89554);\n/* harmony import */ var core_js_modules_es_array_for_each_js__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_for_each_js__WEBPACK_IMPORTED_MODULE_9__);\n/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(41539);\n/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_10__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(67294);\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(85893);\n\n\n\n\n\n\n\n\n\n\n\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _home_runner_work_mw_mt_oralb_com_cs_cz_mw_mt_oralb_com_cs_cz_node_modules_next_dist_compiled_babel_runtime_helpers_defineProperty_js__WEBPACK_IMPORTED_MODULE_8___default()(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\n // https://github.com/streamich/react-use/blob/master/docs/useIsomorphicLayoutEffect.md\n\n\nvar useIsomorphicLayoutEffect =  true ? react__WEBPACK_IMPORTED_MODULE_11__.useLayoutEffect : 0;\nfunction useMatchMedia(mediaQueryString) {\n  var initialValue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;\n\n  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_11__.useState)(initialValue),\n      match = _useState[0],\n      setMatch = _useState[1];\n\n  (0,react__WEBPACK_IMPORTED_MODULE_11__.useEffect)(function () {\n    if (!window.matchMedia) {\n      return;\n    }\n\n    function handleMatch(event) {\n      setMatch(event.matches);\n    }\n\n    var matchMedia = window.matchMedia(mediaQueryString);\n    setMatch(matchMedia.matches);\n    matchMedia.addListener(handleMatch);\n    return function () {\n      matchMedia.removeListener(handleMatch);\n    };\n  }, [mediaQueryString]);\n  return match;\n}\nvar mediaQueryHOC = function mediaQueryHOC(Component) {\n  function MediaQueryHOC(props) {\n    var isXSmall = useMatchMedia('(max-width: 375px)');\n    var isSmall = useMatchMedia('(max-width: 479px)');\n    var isMedium = useMatchMedia('(max-width: 767px)');\n    var isLarge = useMatchMedia('(max-width: 991px)');\n    var isXLarge = useMatchMedia('(max-width: 1023px)');\n    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__.jsx)(Component, _objectSpread({\n      isXSmall: isXSmall,\n      isSmall: isSmall,\n      isMedium: isMedium,\n      isLarge: isLarge,\n      isXLarge: isXLarge\n    }, props));\n  }\n\n  return MediaQueryHOC;\n};\nvar listeners = [];\nvar state = {\n  currentProductIndex: 0\n};\n\nvar setState = function setState(newState) {\n  state = _objectSpread(_objectSpread({}, state), newState);\n  listeners.forEach(function (listener) {\n    listener(state);\n  });\n};\n\nvar updateCurrentProductIndex = function updateCurrentProductIndex() {\n  var newListener = (0,react__WEBPACK_IMPORTED_MODULE_11__.useState)()[1];\n  (0,react__WEBPACK_IMPORTED_MODULE_11__.useEffect)(function () {\n    listeners.push(newListener);\n  }, []);\n  return [state, setState];\n};\n\n/***/ }),\n\n/***/ 55891:\n/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {\n\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"z\": function() { return /* binding */ scrollIntoView; }\n/* harmony export */ });\nvar smoothScrollId = null;\nvar smoothScrollStartY = 0;\nvar smoothScrollDeltaY = 0;\nvar smoothScrollStartTime = 0;\nvar smoothScrollDuration = 400;\nfunction scrollIntoView(element) {\n  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n  smoothScrollStartY = window.scrollY || window.pageYOffset || 0;\n  smoothScrollDeltaY = element.getBoundingClientRect().top;\n  var headerElement = document.querySelector('.zone-header');\n  var 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  var elapsed = Date.now() - smoothScrollStartTime;\n  var t = elapsed / smoothScrollDuration;\n\n  if (t < 1) {\n    smoothScrollId = requestAnimationFrame(smoothScrollStep);\n    window.scrollTo(window.scrollX, easeInOutQuad(t) * smoothScrollDeltaY + smoothScrollStartY);\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\n/***/ }),\n\n/***/ 23580:\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 */   \"ProductHighlightsTest\": function() { return /* binding */ ProductHighlightsTest; }\n/* harmony export */ });\n/* harmony import */ var _home_runner_work_mw_mt_oralb_com_cs_cz_mw_mt_oralb_com_cs_cz_node_modules_next_dist_compiled_babel_runtime_helpers_slicedToArray_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(85696);\n/* harmony import */ var _home_runner_work_mw_mt_oralb_com_cs_cz_mw_mt_oralb_com_cs_cz_node_modules_next_dist_compiled_babel_runtime_helpers_slicedToArray_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_home_runner_work_mw_mt_oralb_com_cs_cz_mw_mt_oralb_com_cs_cz_node_modules_next_dist_compiled_babel_runtime_helpers_slicedToArray_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(41539);\n/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var core_js_modules_es_promise_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(88674);\n/* harmony import */ var core_js_modules_es_promise_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_promise_js__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var core_js_modules_es_function_name_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(68309);\n/* harmony import */ var core_js_modules_es_function_name_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_function_name_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_symbol_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(82526);\n/* harmony import */ var core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var core_js_modules_es_symbol_description_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(41817);\n/* harmony import */ var core_js_modules_es_symbol_description_js__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_symbol_description_js__WEBPACK_IMPORTED_MODULE_6__);\n/* harmony import */ var core_js_modules_es_array_some_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(5212);\n/* harmony import */ var core_js_modules_es_array_some_js__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_some_js__WEBPACK_IMPORTED_MODULE_7__);\n/* harmony import */ var core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(21249);\n/* harmony import */ var core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_8__);\n/* harmony import */ var core_js_modules_es_array_slice_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(47042);\n/* harmony import */ var core_js_modules_es_array_slice_js__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_slice_js__WEBPACK_IMPORTED_MODULE_9__);\n/* harmony import */ var core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(47941);\n/* harmony import */ var core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_10__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(67294);\n/* harmony import */ var next_dynamic__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(5152);\n/* harmony import */ var next_dynamic__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(next_dynamic__WEBPACK_IMPORTED_MODULE_12__);\n/* harmony import */ var _adapters_helpers_Constants__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(24036);\n/* harmony import */ var _adapters_helpers_Utils__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(8996);\n/* harmony import */ var _adapters_helpers_Anchor__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(97020);\n/* harmony import */ var _adapters_helpers_Hooks__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(71357);\n/* harmony import */ var _adapters_helpers_Scroll__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(55891);\n/* harmony import */ var _adapters_helpers_Loader__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(47322);\n/* harmony import */ var isomorphic_dompurify__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(29238);\n/* harmony import */ var isomorphic_dompurify__WEBPACK_IMPORTED_MODULE_18___default = /*#__PURE__*/__webpack_require__.n(isomorphic_dompurify__WEBPACK_IMPORTED_MODULE_18__);\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(85893);\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nvar Rotation = next_dynamic__WEBPACK_IMPORTED_MODULE_12___default()(function () {\n  return __webpack_require__.e(/* import() */ 5318).then(__webpack_require__.bind(__webpack_require__, 25318));\n}, {\n  loadableGenerated: {\n    webpack: function webpack() {\n      return [/*require.resolve*/(25318)];\n    }\n  }\n});\nvar Heading = next_dynamic__WEBPACK_IMPORTED_MODULE_12___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 Image = next_dynamic__WEBPACK_IMPORTED_MODULE_12___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 Img = next_dynamic__WEBPACK_IMPORTED_MODULE_12___default()(function () {\n  return Promise.all(/* import() */[__webpack_require__.e(7776), __webpack_require__.e(9261), __webpack_require__.e(7273)]).then(__webpack_require__.bind(__webpack_require__, 7273));\n}, {\n  loadableGenerated: {\n    webpack: function webpack() {\n      return [/*require.resolve*/(7273)];\n    }\n  }\n});\nvar ObLink = next_dynamic__WEBPACK_IMPORTED_MODULE_12___default()(function () {\n  return Promise.all(/* import() */[__webpack_require__.e(1664), __webpack_require__.e(8958)]).then(__webpack_require__.bind(__webpack_require__, 61769));\n}, {\n  loadableGenerated: {\n    webpack: function webpack() {\n      return [/*require.resolve*/(61769)];\n    }\n  }\n});\nvar Icon = next_dynamic__WEBPACK_IMPORTED_MODULE_12___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});\nvar RichText = next_dynamic__WEBPACK_IMPORTED_MODULE_12___default()(function () {\n  return Promise.all(/* import() */[__webpack_require__.e(5030), __webpack_require__.e(5551)]).then(__webpack_require__.bind(__webpack_require__, 67539));\n}, {\n  loadableGenerated: {\n    webpack: function webpack() {\n      return [/*require.resolve*/(67539)];\n    }\n  }\n});\nvar Button = next_dynamic__WEBPACK_IMPORTED_MODULE_12___default()(function () {\n  return __webpack_require__.e(/* import() */ 9246).then(__webpack_require__.bind(__webpack_require__, 99246));\n}, {\n  loadableGenerated: {\n    webpack: function webpack() {\n      return [/*require.resolve*/(99246)];\n    }\n  }\n});\nvar Disclaimer = next_dynamic__WEBPACK_IMPORTED_MODULE_12___default()(function () {\n  return __webpack_require__.e(/* import() */ 6809).then(__webpack_require__.bind(__webpack_require__, 77770));\n}, {\n  loadableGenerated: {\n    webpack: function webpack() {\n      return [/*require.resolve*/(77770)];\n    }\n  }\n});\nvar MarkdownText = next_dynamic__WEBPACK_IMPORTED_MODULE_12___default()(function () {\n  return Promise.all(/* import() */[__webpack_require__.e(5982), __webpack_require__.e(811)]).then(__webpack_require__.bind(__webpack_require__, 80811));\n}, {\n  loadableGenerated: {\n    webpack: function webpack() {\n      return [/*require.resolve*/(80811)];\n    }\n  }\n});\n\n\n\n\n\nfunction ProductHighlights(props) {\n  var _productOverview$pres, _productOverview$buyN, _doc$fields, _doc$fields$seeLessLa, _doc$fields$seeLessLa2, _doc$fields2, _doc$fields2$seeMoreL, _doc$fields2$seeMoreL2, _doc$fields3, _productOverview$comi, _productOverview$comi2;\n\n  var extraAttributes = props.extraAttributes,\n      isLarge = props.isLarge,\n      isMedium = props.isMedium,\n      doc = props.document;\n\n  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_11__.useState)(0),\n      selectedColorIndex = _useState[0],\n      setSelectedColorIndex = _useState[1]; // eslint-disable-next-line no-unused-vars\n\n\n  var _updateCurrentProduct = (0,_adapters_helpers_Hooks__WEBPACK_IMPORTED_MODULE_16__/* .updateCurrentProductIndex */ .y3)(),\n      _updateCurrentProduct2 = _home_runner_work_mw_mt_oralb_com_cs_cz_mw_mt_oralb_com_cs_cz_node_modules_next_dist_compiled_babel_runtime_helpers_slicedToArray_js__WEBPACK_IMPORTED_MODULE_0___default()(_updateCurrentProduct, 2),\n      _ = _updateCurrentProduct2[0],\n      setGlobalState = _updateCurrentProduct2[1];\n\n  var headerRef = (0,react__WEBPACK_IMPORTED_MODULE_11__.useRef)();\n  var topRef = (0,react__WEBPACK_IMPORTED_MODULE_11__.useRef)();\n  var entity = extraAttributes.entity;\n  var productOverview = entity.productOverview.fields;\n  var productVariants = productOverview == null ? void 0 : productOverview.productVariants;\n  var productHighlights = entity.productHighlights;\n  var labels = doc.fields;\n  var pressQuote = productOverview == null ? void 0 : (_productOverview$pres = productOverview.pressQuote) == null ? void 0 : _productOverview$pres.fields;\n  var backgroundImage = doc.fields.background;\n  var startingAtButtonLabel = productOverview == null ? void 0 : (_productOverview$buyN = productOverview.buyNowLabel) == null ? void 0 : _productOverview$buyN.fields.text;\n  var anchorId = doc.fields.anchorId;\n  var disclaimer = doc.fields.disclaimer;\n  var reviewAndRatingId = (0,_adapters_helpers_Utils__WEBPACK_IMPORTED_MODULE_14__/* .getReviewAndRatingId */ .VP)(entity.productOverview);\n  var seeLessLabel = doc == null ? void 0 : (_doc$fields = doc.fields) == null ? void 0 : (_doc$fields$seeLessLa = _doc$fields.seeLessLabel) == null ? void 0 : (_doc$fields$seeLessLa2 = _doc$fields$seeLessLa.fields) == null ? void 0 : _doc$fields$seeLessLa2.text.toUpperCase();\n  var seeMoreLabel = doc == null ? void 0 : (_doc$fields2 = doc.fields) == null ? void 0 : (_doc$fields2$seeMoreL = _doc$fields2.seeMoreLabel) == null ? void 0 : (_doc$fields2$seeMoreL2 = _doc$fields2$seeMoreL.fields) == null ? void 0 : _doc$fields2$seeMoreL2.text.toUpperCase();\n  var classNames = (doc == null ? void 0 : (_doc$fields3 = doc.fields) == null ? void 0 : _doc$fields3.classNames) || '';\n  var comingSoonText = productOverview == null ? void 0 : (_productOverview$comi = productOverview.comingSoonLabel) == null ? void 0 : (_productOverview$comi2 = _productOverview$comi.fields) == null ? void 0 : _productOverview$comi2.text;\n  var comingSoonLink = (productOverview == null ? void 0 : productOverview.comingSoonLink) || '';\n  var buyNowDeactivated = productOverview == null ? void 0 : productOverview.deactivateBuyNowButton;\n\n  var _useState2 = (0,react__WEBPACK_IMPORTED_MODULE_11__.useState)(false),\n      isPageLoaded = _useState2[0],\n      setIsPageLoaded = _useState2[1];\n\n  var uniqueId = (productOverview == null ? void 0 : productOverview.uniqueId) || '';\n\n  function handleHashChange() {\n    var anchor = (0,_adapters_helpers_Anchor__WEBPACK_IMPORTED_MODULE_15__/* .parseAnchorFromURL */ .Wq)(window.location.hash);\n\n    for (var i = 0; i < productVariants.length; i++) {\n      var _productVariants$i, _productVariants$i$fi, _productVariants$i$fi2, _productVariants$i$fi3;\n\n      var variantColor = (_productVariants$i = productVariants[i]) == null ? void 0 : (_productVariants$i$fi = _productVariants$i.fields) == null ? void 0 : (_productVariants$i$fi2 = _productVariants$i$fi.color) == null ? void 0 : (_productVariants$i$fi3 = _productVariants$i$fi2.fields) == null ? void 0 : _productVariants$i$fi3.name;\n\n      if (variantColor) {\n        var _anchor$color, _anchor$color2;\n\n        if ((anchor == null ? void 0 : (_anchor$color = anchor.color) == null ? void 0 : _anchor$color.toLowerCase()) === (variantColor == null ? void 0 : variantColor.toLowerCase())) {\n          setSelectedColorIndex(i);\n        }\n\n        if ((anchor == null ? void 0 : (_anchor$color2 = anchor.color) == null ? void 0 : _anchor$color2.toLowerCase()) === _adapters_helpers_Constants__WEBPACK_IMPORTED_MODULE_13__/* .ProductHighlightsConstants.undefinedStr */ .F2.undefinedStr) {\n          setSelectedColorIndex(0);\n        }\n      }\n    }\n  }\n\n  (0,react__WEBPACK_IMPORTED_MODULE_11__.useEffect)(function () {\n    setIsPageLoaded(true);\n    handleHashChange();\n    window.addEventListener('hashchange', handleHashChange);\n    return function () {\n      window.removeEventListener('hashchange', handleHashChange);\n    };\n  }, [isPageLoaded]);\n\n  var renderHighlightsHeader = function renderHighlightsHeader() {\n    var _ele;\n\n    var ele = '';\n\n    if (isMedium) {\n      ele = document.getElementById('ob-product-subnav-scroll');\n    }\n\n    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_19__.jsx)(react__WEBPACK_IMPORTED_MODULE_11__.Suspense, {\n      fallback: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_19__.jsx)(_adapters_helpers_Loader__WEBPACK_IMPORTED_MODULE_17__[\"default\"], {}),\n      children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_19__.jsxs)(\"div\", {\n        className: 'ob-product-highlights__header',\n        ref: headerRef,\n        style: {\n          marginTop: ((_ele = ele) == null ? void 0 : _ele.offsetHeight) + 'px'\n        },\n        children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_19__.jsx)(Heading, {\n          tag: \"h1\",\n          className: 'ob-product-highlights__title',\n          children: productOverview.title\n        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_19__.jsx)(\"button\", {\n          className: \"ob-scroll-to-review-section event_product_review_view\",\n          \"data-bv-show\": \"inline_rating\",\n          \"data-bv-product-id\": reviewAndRatingId,\n          \"data-bv-seo\": \"false\",\n          id: \"rnrButton\",\n          \"aria-label\": (0,_adapters_helpers_Utils__WEBPACK_IMPORTED_MODULE_14__/* .stripHtml */ .Vt)(productOverview == null ? void 0 : productOverview.title) ? \"\".concat((0,_adapters_helpers_Utils__WEBPACK_IMPORTED_MODULE_14__/* .stripHtml */ .Vt)(productOverview == null ? void 0 : productOverview.title), \" \").concat(_adapters_helpers_Constants__WEBPACK_IMPORTED_MODULE_13__/* .ProductHighlightsConstants.productRating */ .F2.productRating) : _adapters_helpers_Constants__WEBPACK_IMPORTED_MODULE_13__/* .ProductHighlightsConstants.productRating */ .F2.productRating,\n          \"data-action-detail\": (0,_adapters_helpers_Utils__WEBPACK_IMPORTED_MODULE_14__/* .stripHtml */ .Vt)(productOverview == null ? void 0 : productOverview.title)\n        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_19__.jsx)(MarkdownText, {\n          className: 'ob-product-highlights__description',\n          value: productOverview.description\n        })]\n      })\n    });\n  };\n\n  (0,react__WEBPACK_IMPORTED_MODULE_11__.useEffect)(function () {\n    setGlobalState({\n      currentProductId: selectedColorIndex\n    });\n\n    if (window) {\n      var _productVariants$sele, _productVariants$sele2, _productVariants$sele3, _productVariants$sele4, _productVariants$sele5;\n\n      var colorName = (_productVariants$sele = productVariants[selectedColorIndex]) == null ? void 0 : (_productVariants$sele2 = _productVariants$sele.fields) == null ? void 0 : (_productVariants$sele3 = _productVariants$sele2.color) == null ? void 0 : (_productVariants$sele4 = _productVariants$sele3.fields) == null ? void 0 : (_productVariants$sele5 = _productVariants$sele4.name) == null ? void 0 : _productVariants$sele5.toLowerCase();\n      window.location.hash = \"color=\".concat(encodeURIComponent(colorName));\n\n      if ((headerRef == null ? void 0 : headerRef.current) && isLarge) {\n        (0,_adapters_helpers_Scroll__WEBPACK_IMPORTED_MODULE_20__/* .scrollIntoView */ .z)(headerRef == null ? void 0 : headerRef.current, {\n          behavior: 'smooth'\n        });\n      }\n\n      if ((topRef == null ? void 0 : topRef.current) && !isLarge) {\n        (0,_adapters_helpers_Scroll__WEBPACK_IMPORTED_MODULE_20__/* .scrollIntoView */ .z)(topRef == null ? void 0 : topRef.current, {\n          behavior: 'smooth'\n        });\n      }\n    }\n  }, [selectedColorIndex]);\n\n  var renderColorButtons = function renderColorButtons() {\n    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_19__.jsxs)(\"div\", {\n      className: 'ob-product-highlights__color-ctn',\n      children: [productVariants.some(function (variant) {\n        var _variant$fields;\n\n        return (variant == null ? void 0 : (_variant$fields = variant.fields) == null ? void 0 : _variant$fields.color) !== undefined;\n      }) && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_19__.jsx)(\"p\", {\n        className: 'ob-product-highlights__label',\n        children: labels == null ? void 0 : labels.colorLabel\n      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_19__.jsx)(\"ul\", {\n        className: 'ob-product-highlights__colors',\n        children: productVariants.map(function (variant, index) {\n          var _variant$fields2, _variant$fields3, _variant$fields3$colo, _variant$fields3$colo2, _variant$fields4, _variant$fields4$colo, _variant$fields4$colo2, _variant$fields5, _variant$fields5$colo, _variant$fields5$colo2, _variant$fields6, _variant$fields6$colo, _variant$fields6$colo2, _variant$fields7, _variant$fields7$colo, _variant$fields7$colo2, _variant$fields7$colo3, _variant$fields7$colo4, _variant$fields8, _variant$fields8$colo, _variant$fields8$colo2, _variant$fields8$colo3, _variant$fields8$colo4, _variant$fields8$colo5, _variant$fields9, _variant$fields10, _variant$fields10$col, _variant$fields10$col2;\n\n          return (variant == null ? void 0 : (_variant$fields2 = variant.fields) == null ? void 0 : _variant$fields2.color) ? /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_19__.jsxs)(\"li\", {\n            className: \"ob-product-highlights__selected-colors-item\",\n            children: [!(variant == null ? void 0 : (_variant$fields3 = variant.fields) == null ? void 0 : (_variant$fields3$colo = _variant$fields3.color) == null ? void 0 : (_variant$fields3$colo2 = _variant$fields3$colo.fields) == null ? void 0 : _variant$fields3$colo2.colorImage) ? /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_19__.jsx)(\"button\", {\n              style: (0,_adapters_helpers_Utils__WEBPACK_IMPORTED_MODULE_14__/* .getColorStyle */ .Nt)(variant.fields.color),\n              className: \"ob-product-highlights__color event_buy_now \".concat(index === selectedColorIndex ? _adapters_helpers_Constants__WEBPACK_IMPORTED_MODULE_13__/* .ProductHighlightsConstants.isActive */ .F2.isActive : _adapters_helpers_Constants__WEBPACK_IMPORTED_MODULE_13__/* .ProductHighlightsConstants.empty */ .F2.empty),\n              onClick: function onClick() {\n                return setSelectedColorIndex(index);\n              },\n              \"data-action-detail\": \"open_ps_panel_\".concat(variant == null ? void 0 : (_variant$fields4 = variant.fields) == null ? void 0 : (_variant$fields4$colo = _variant$fields4.color) == null ? void 0 : (_variant$fields4$colo2 = _variant$fields4$colo.fields) == null ? void 0 : _variant$fields4$colo2.name, \"_\").concat((0,_adapters_helpers_Utils__WEBPACK_IMPORTED_MODULE_14__/* .stripHtml */ .Vt)(productOverview == null ? void 0 : productOverview.title)),\n              \"aria-pressed\": index === selectedColorIndex ? true : false,\n              children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_19__.jsx)(\"span\", {\n                className: \"visuallyhidden\",\n                children: variant == null ? void 0 : (_variant$fields5 = variant.fields) == null ? void 0 : (_variant$fields5$colo = _variant$fields5.color) == null ? void 0 : (_variant$fields5$colo2 = _variant$fields5$colo.fields) == null ? void 0 : _variant$fields5$colo2.name\n              })\n            }) : /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_19__.jsx)(\"img\", {\n              className: \"event_buy_now_choose_product ob-series-product-highlights-color-img   \".concat(index === selectedColorIndex ? 'ob-series__color--active' : ''),\n              \"data-action-detail\": \"\".concat(variant == null ? void 0 : (_variant$fields6 = variant.fields) == null ? void 0 : (_variant$fields6$colo = _variant$fields6.color) == null ? void 0 : (_variant$fields6$colo2 = _variant$fields6$colo.fields) == null ? void 0 : _variant$fields6$colo2.name, \"_\").concat((0,_adapters_helpers_Utils__WEBPACK_IMPORTED_MODULE_14__/* .stripHtml */ .Vt)(productOverview == null ? void 0 : productOverview.title)),\n              alt: variant == null ? void 0 : (_variant$fields7 = variant.fields) == null ? void 0 : (_variant$fields7$colo = _variant$fields7.color) == null ? void 0 : (_variant$fields7$colo2 = _variant$fields7$colo.fields) == null ? void 0 : (_variant$fields7$colo3 = _variant$fields7$colo2.colorImage) == null ? void 0 : (_variant$fields7$colo4 = _variant$fields7$colo3.fields) == null ? void 0 : _variant$fields7$colo4.title,\n              src: variant == null ? void 0 : (_variant$fields8 = variant.fields) == null ? void 0 : (_variant$fields8$colo = _variant$fields8.color) == null ? void 0 : (_variant$fields8$colo2 = _variant$fields8$colo.fields) == null ? void 0 : (_variant$fields8$colo3 = _variant$fields8$colo2.colorImage) == null ? void 0 : (_variant$fields8$colo4 = _variant$fields8$colo3.fields) == null ? void 0 : (_variant$fields8$colo5 = _variant$fields8$colo4.file) == null ? void 0 : _variant$fields8$colo5.url,\n              onClick: function onClick() {\n                return setSelectedColorIndex(index);\n              }\n            }), (variant == null ? void 0 : (_variant$fields9 = variant.fields) == null ? void 0 : _variant$fields9.color) && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_19__.jsx)(\"div\", {\n              className: \"color-container-pdp\",\n              children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_19__.jsx)(\"p\", {\n                className: index === selectedColorIndex ? 'ob-accessibility-highlighted' : 'ob-accessibility',\n                children: (0,_adapters_helpers_Utils__WEBPACK_IMPORTED_MODULE_14__/* .handleColorNameFormat */ .CB)(variant == null ? void 0 : (_variant$fields10 = variant.fields) == null ? void 0 : (_variant$fields10$col = _variant$fields10.color) == null ? void 0 : (_variant$fields10$col2 = _variant$fields10$col.fields) == null ? void 0 : _variant$fields10$col2.name)\n              })\n            })]\n          }, index) : '';\n        })\n      })]\n    });\n  };\n\n  var _useState3 = (0,react__WEBPACK_IMPORTED_MODULE_11__.useState)(false),\n      showMore = _useState3[0],\n      setShowMore = _useState3[1];\n\n  var highlightList = productHighlights ? Object.keys(productHighlights).slice(0, 3).map(function (key) {\n    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_19__.jsx)(\"li\", {\n      className: 'ob-product-highlights__highlights-list-item',\n      children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_19__.jsx)(RichText, {\n        document: productHighlights[key]\n      })\n    }, key);\n  }) : [];\n  var highlightListMore = productHighlights ? Object.keys(productHighlights).slice(3).map(function (key) {\n    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_19__.jsx)(\"li\", {\n      className: \"ob-product-highlights__highlights-list-item more \".concat(showMore),\n      children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_19__.jsx)(RichText, {\n        document: productHighlights[key]\n      })\n    }, key);\n  }) : [];\n\n  var highlightLength = function highlightLength() {\n    // Return true if highlight is superior than 3 to display see more button\n    return productHighlights && Object.keys(productHighlights).length > 3;\n  };\n\n  var showMoreButton = function showMoreButton() {\n    var button;\n\n    if (showMore) {\n      button = /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_19__.jsxs)(ObLink, {\n        ariaExpanded: true,\n        className: \"primaryGrey ob-product-highlights__see-more event_button_click\",\n        dataActionDetail: seeLessLabel,\n        tag: _adapters_helpers_Constants__WEBPACK_IMPORTED_MODULE_13__/* .ProductHighlightsConstants.button */ .F2.button,\n        ariaLabel: \"\".concat(seeLessLabel, \" \").concat(_adapters_helpers_Constants__WEBPACK_IMPORTED_MODULE_13__/* .ProductHighlightsConstants.highlights */ .F2.highlights),\n        onClick: handleShowMore,\n        children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_19__.jsx)(Icon, {\n          name: _adapters_helpers_Constants__WEBPACK_IMPORTED_MODULE_13__/* .ProductHighlightsConstants.minus6 */ .F2.minus6,\n          roundedIcon: _adapters_helpers_Constants__WEBPACK_IMPORTED_MODULE_13__/* .ProductHighlightsConstants.blue */ .F2.blue,\n          viewBox: 6\n        }), seeLessLabel, /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_19__.jsx)(\"span\", {\n          className: \"visuallyhidden\",\n          children: _adapters_helpers_Constants__WEBPACK_IMPORTED_MODULE_13__/* .ProductHighlightsConstants.highlights */ .F2.highlights\n        })]\n      });\n    } else {\n      button = /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_19__.jsxs)(ObLink, {\n        ariaExpanded: false,\n        className: \"primaryGrey ob-product-highlights__see-more event_button_click\",\n        dataActionDetail: seeMoreLabel,\n        tag: _adapters_helpers_Constants__WEBPACK_IMPORTED_MODULE_13__/* .ProductHighlightsConstants.button */ .F2.button,\n        onClick: handleShowMore,\n        ariaLabel: \"\".concat(seeMoreLabel, \" \").concat(_adapters_helpers_Constants__WEBPACK_IMPORTED_MODULE_13__/* .ProductHighlightsConstants.highlights */ .F2.highlights),\n        children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_19__.jsx)(Icon, {\n          name: _adapters_helpers_Constants__WEBPACK_IMPORTED_MODULE_13__/* .ProductHighlightsConstants.plus */ .F2.plus,\n          roundedIcon: _adapters_helpers_Constants__WEBPACK_IMPORTED_MODULE_13__/* .ProductHighlightsConstants.blue */ .F2.blue,\n          viewBox: 10\n        }), seeMoreLabel, /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_19__.jsx)(\"span\", {\n          className: \"visuallyhidden\",\n          children: _adapters_helpers_Constants__WEBPACK_IMPORTED_MODULE_13__/* .ProductHighlightsConstants.highlights */ .F2.highlights\n        })]\n      });\n    }\n\n    return button;\n  };\n\n  var handleShowMore = function handleShowMore() {\n    setShowMore(!showMore);\n  };\n\n  var renderTextContent = function renderTextContent() {\n    var _productVariants$sele6, _productVariants$sele7, _productVariants$sele8, _productVariants$sele9;\n\n    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_19__.jsxs)(\"div\", {\n      className: 'ob-product-highlights__text-content',\n      children: [!isLarge && renderHighlightsHeader(), isLarge && productVariants && renderColorButtons(), pressQuote && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_19__.jsxs)(\"div\", {\n        className: 'ob-product-highlights__quote',\n        children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_19__.jsx)(\"span\", {\n          className: 'ob-product-highlights__quote-text',\n          children: pressQuote.quote\n        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_19__.jsx)(Image, {\n          image: pressQuote.pressLogo\n        })]\n      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_19__.jsxs)(\"div\", {\n        className: 'ob-product-highlights__highlights-ctn',\n        id: 'ob-highlights-ctn',\n        children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_19__.jsx)(\"p\", {\n          className: 'ob-product-highlights__label',\n          children: labels.highlightsLabel\n        }), productHighlights && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_19__.jsxs)(\"ul\", {\n          className: 'ob-product-highlights__highlights-list',\n          children: [highlightList, showMore && highlightListMore]\n        }), highlightLength() && showMoreButton()]\n      }), !isLarge && productVariants && renderColorButtons(), startingAtButtonLabel && !buyNowDeactivated && ((_productVariants$sele6 = productVariants[selectedColorIndex]) == null ? void 0 : (_productVariants$sele7 = _productVariants$sele6.fields) == null ? void 0 : _productVariants$sele7.sku) && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_19__.jsx)(Button, {\n        size: 'medium-long',\n        className: \"event_buy_now\",\n        dataActionDetail: \"open_ps_panel_\".concat((0,_adapters_helpers_Utils__WEBPACK_IMPORTED_MODULE_14__/* .stripHtml */ .Vt)(productOverview.title)),\n        onClick: function onClick(event) {\n          return props.onClickCallback(event);\n        },\n        sku: (_productVariants$sele8 = productVariants[selectedColorIndex]) == null ? void 0 : (_productVariants$sele9 = _productVariants$sele8.fields) == null ? void 0 : _productVariants$sele9.sku,\n        children: startingAtButtonLabel\n      }), buyNowDeactivated && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_19__.jsx)(Button, {\n        tag: 'a',\n        disabled: comingSoonLink === '',\n        href: comingSoonLink,\n        size: 'medium-long',\n        target: '_blank',\n        rel: \"noopener noreferrer\",\n        children: comingSoonText\n      })]\n    });\n  };\n\n  var render360Images = function render360Images(collection) {\n    return collection.map(function (image, index) {\n      var _image$fields, _image$fields$asset, _image$fields$asset$f, _image$fields$asset$f2, _image$fields2, _image$fields2$asset, _image$fields2$asset$, _image$fields2$asset$2, _image$fields3;\n\n      return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_19__.jsx)(\"div\", {\n        children: (image == null ? void 0 : (_image$fields = image.fields) == null ? void 0 : (_image$fields$asset = _image$fields.asset) == null ? void 0 : (_image$fields$asset$f = _image$fields$asset.fields) == null ? void 0 : (_image$fields$asset$f2 = _image$fields$asset$f.file) == null ? void 0 : _image$fields$asset$f2.url) && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_19__.jsx)(Img, {\n          contentImageId: image == null ? void 0 : (_image$fields2 = image.fields) == null ? void 0 : (_image$fields2$asset = _image$fields2.asset) == null ? void 0 : (_image$fields2$asset$ = _image$fields2$asset.fields) == null ? void 0 : (_image$fields2$asset$2 = _image$fields2$asset$.file) == null ? void 0 : _image$fields2$asset$2.url,\n          alt: image == null ? void 0 : (_image$fields3 = image.fields) == null ? void 0 : _image$fields3.alternateText,\n          transformations: 'w_700',\n          noLazyLoad: true\n        })\n      }, \"360-\".concat(index));\n    });\n  };\n\n  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_19__.jsxs)(\"div\", {\n    className: \"ob-product-highlights \".concat(classNames, \" \").concat(uniqueId),\n    id: anchorId,\n    ref: topRef,\n    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_19__.jsxs)(Image, {\n      image: backgroundImage,\n      children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_19__.jsxs)(\"div\", {\n        className: 'ob-product-highlights__ctn',\n        children: [isPageLoaded ? isLarge && renderHighlightsHeader() : isMedium && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_19__.jsx)(\"div\", {\n          className: \"ob-mobile-product-highlights-header\",\n          children: renderHighlightsHeader()\n        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_19__.jsx)(\"ul\", {\n          className: 'ob-product-highlights__img-ctn',\n          children: productVariants ? productVariants.map(function (variant, index) {\n            return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_19__.jsx)(\"li\", {\n              className: \"ob-product-highlights__img \".concat(index === selectedColorIndex ? _adapters_helpers_Constants__WEBPACK_IMPORTED_MODULE_13__/* .ProductHighlightsConstants.isActive */ .F2.isActive : _adapters_helpers_Constants__WEBPACK_IMPORTED_MODULE_13__/* .ProductHighlightsConstants.empty */ .F2.empty),\n              children: variant.fields.backgroundsCollection ? /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_19__.jsxs)(\"div\", {\n                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_19__.jsx)(Rotation, {\n                  className: 'ob-product-highlights__360-ctn',\n                  tabIndex: 0,\n                  autoPlay: 25,\n                  isDisabled: (0,_adapters_helpers_Utils__WEBPACK_IMPORTED_MODULE_14__/* .isIEorEdge */ .DY)(),\n                  playOnce: true,\n                  cycle: true,\n                  children: render360Images(variant.fields.backgroundsCollection)\n                }), !(0,_adapters_helpers_Utils__WEBPACK_IMPORTED_MODULE_14__/* .isIEorEdge */ .DY)() && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_19__.jsx)(\"span\", {\n                  className: 'ob-product-highlights__360-icon',\n                  children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_19__.jsx)(\"svg\", {\n                    className: 'ob-icon ob-icon--icon360',\n                    viewBox: '0 0 53 39',\n                    dangerouslySetInnerHTML: {\n                      __html: isomorphic_dompurify__WEBPACK_IMPORTED_MODULE_18___default().sanitize(\"\\n                                                     <defs>\\n                                                        <path id=\\\"a-\".concat(index, \"\\\" d=\\\"M0 .137h52.845V26H0z\\\"/>\\n                                                        <path id=\\\"c-\").concat(index, \"\\\" d=\\\"M.35.266h6.539V6.59H.35z\\\"/>\\n                                                    </defs>\\n                                                    <g fill=\\\"none\\\" fill-rule=\\\"evenodd\\\">\\n                                                        <path d=\\\"M-5-12h63v63H-5z\\\"/>\\n                                                        <path fill=\\\"#646464\\\" d=\\\"M17.231 21.307l.111.586h.035l.118-.586 1.043-3.979h1.787l-2.157 6.34h-1.634l-2.157-6.34h1.788zM21.157 23.668h1.711v-6.34h-1.711v6.34zm0-7.857h1.711v-1.283h-1.711v1.283zM26.928 18.53a.892.892 0 00-.75.363c-.184.242-.297.56-.34.955l.018.03h2.097v-.153c0-.363-.085-.653-.254-.87-.17-.217-.427-.325-.77-.325m.151 5.262c-.914 0-1.644-.293-2.19-.88-.548-.585-.82-1.33-.82-2.232v-.234c0-.941.257-1.717.775-2.326.518-.61 1.212-.912 2.083-.908.855 0 1.52.257 1.992.773.473.516.71 1.213.71 2.092v.932h-3.786l-.012.035c.032.416.171.758.42 1.027.247.269.584.402 1.01.402.38 0 .693-.038.943-.114.25-.076.524-.196.821-.36l.463 1.057c-.258.212-.596.388-1.014.527a4.403 4.403 0 01-1.395.209M36.139 21.401h.035L37 17.329h1.606l-1.612 6.34h-1.429l-1.178-3.774h-.035l-1.178 3.774H31.75l-1.611-6.34h1.605l.838 4.06h.036l1.183-4.06h1.143zM20.241 4.826c0 1.448-.865 2.42-2.33 2.843 1.482.16 2.72 1.041 2.72 2.93 0 1.996-1.608 3.672-4.556 3.672-1.8 0-3.16-.67-4.096-1.8l1.5-1.465c.795.794 1.501 1.147 2.437 1.147 1.095 0 1.853-.636 1.853-1.73 0-1.254-.688-1.713-1.94-1.713h-.99l.3-1.924h.69c1.058 0 1.711-.565 1.711-1.554 0-.865-.617-1.377-1.589-1.377-.883 0-1.624.354-2.33 1.042l-1.377-1.5c1.112-1.06 2.436-1.607 4.025-1.607 2.577 0 3.972 1.36 3.972 3.036M27.953 9.929c0-1.536-.494-2.065-1.412-2.065-.636 0-1.236.335-1.748.935.035 2.489.46 3.478 1.66 3.478 1.006 0 1.5-.936 1.5-2.348m2.79-.035c0 2.435-1.66 4.378-4.326 4.378-3.16 0-4.52-2.33-4.52-5.755 0-4.043 1.96-6.727 5.191-6.727 1.13 0 2.03.335 2.72.794l-1.026 1.66c-.494-.283-1.006-.459-1.624-.459-1.342 0-2.207 1.165-2.365 3.266.741-.776 1.624-1.112 2.524-1.112 1.96 0 3.425 1.43 3.425 3.955M34.711 8.022c0 3.16.477 4.185 1.642 4.185 1.147 0 1.641-.954 1.641-4.185 0-3.248-.494-4.166-1.641-4.166-1.165 0-1.642 1.006-1.642 4.166m6.144 0c0 3.99-1.572 6.25-4.502 6.25-2.931 0-4.502-2.26-4.502-6.25 0-4.007 1.571-6.231 4.502-6.231 2.93 0 4.502 2.224 4.502 6.23\\\"/><g transform=\\\"translate(0 13)\\\"><mask id=\\\"b-\").concat(index, \"\\\" fill=\\\"#fff\\\"><use xlink:href=\\\"#a-\").concat(index, \"\\\"/></mask><path fill=\\\"#646464\\\" d=\\\"M36.715 14.74c6.448-1.688 10.217-4.569 10.217-7.916 0-1.377-.668-3.387-3.759-5.306V.137c6.085 2.442 9.672 5.957 9.672 9.548 0 3.433-3.23 6.778-8.882 9.22l-7.248-4.165zm-11.629 7.647l-.931-.066C10.385 21.367 0 15.934 0 9.686 0 6.453 2.866 3.297 7.923.9v1.948c-1.334 1.234-2.01 2.57-2.01 3.976 0 4.572 7.441 8.36 18.093 9.211l1.08.087v-3.704l11.82 6.791L25.086 26v-3.613z\\\" mask=\\\"url(#b-\").concat(index, \")\\\"/>\\n                                                    </g>\\n                                                        <g transform=\\\"translate(42)\\\">\\n                                                            <mask id=\\\"d-\").concat(index, \"\\\" fill=\\\"#fff\\\"><use xlink:href=\\\"#c-\").concat(index, \"\\\"/></mask>\\n                                                            <path fill=\\\"#646464\\\" d=\\\"M2.288 3.446c0 .796.573 1.405 1.33 1.405.759 0 1.314-.61 1.314-1.423 0-.72-.463-1.422-1.313-1.422-.813 0-1.331.683-1.331 1.44m4.6-.04c0 1.85-1.526 3.184-3.29 3.184C1.707 6.59.352 5.191.352 3.47.33 1.685 1.79.265 3.62.265c1.936 0 3.269 1.442 3.269 3.141\\\" mask=\\\"url(#d-\").concat(index, \")\\\"/>\\n                                                        </g>\\n                                                    </g>\\n                                                    \"))\n                    }\n                  })\n                })]\n              }) : /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_19__.jsx)(Image, {\n                image: variant.fields.mainAsset\n              })\n            }, index);\n          }) : /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_19__.jsx)(\"li\", {\n            children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_19__.jsx)(Image, {\n              image: productOverview.mainAsset,\n              noLazyLoad: true\n            })\n          })\n        }), !isLarge && renderTextContent()]\n      }), !isLarge && disclaimer && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_19__.jsx)(Disclaimer, {\n        className: 'ob-product-highlights__disclaimer--desktop',\n        document: disclaimer\n      })]\n    }), isLarge && renderTextContent(), isLarge && disclaimer && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_19__.jsx)(Disclaimer, {\n      className: 'ob-product-highlights__disclaimer--mobile',\n      document: disclaimer\n    })]\n  });\n}\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ((0,_adapters_helpers_Hooks__WEBPACK_IMPORTED_MODULE_16__/* .mediaQueryHOC */ .Ui)(ProductHighlights)); // This export is for unit testing (do not remove) :\n\nvar ProductHighlightsTest = ProductHighlights;\n\n/***/ })\n\n}]);"],"names":["self","push","__unused_webpack_module","__webpack_exports__","__webpack_require__","d","useIsomorphicLayoutEffect","mediaQueryHOC","useMatchMedia","updateCurrentProductIndex","_home_runner_work_mw_mt_oralb_com_cs_cz_mw_mt_oralb_com_cs_cz_node_modules_next_dist_compiled_babel_runtime_helpers_defineProperty_js__WEBPACK_IMPORTED_MODULE_8__","_home_runner_work_mw_mt_oralb_com_cs_cz_mw_mt_oralb_com_cs_cz_node_modules_next_dist_compiled_babel_runtime_helpers_defineProperty_js__WEBPACK_IMPORTED_MODULE_8___default","n","react__WEBPACK_IMPORTED_MODULE_11__","react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__","ownKeys","object","enumerableOnly","keys","Object","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","apply","_objectSpread","target","i","arguments","length","source","forEach","key","getOwnPropertyDescriptors","defineProperties","defineProperty","useLayoutEffect","mediaQueryString","initialValue","undefined","_useState","useState","match","setMatch","useEffect","window","matchMedia","matches","addListener","handleMatch","removeListener","event","Component","props","isXSmall","isSmall","isMedium","isLarge","isXLarge","jsx","listeners","state","currentProductIndex","setState","newState","listener","newListener","scrollIntoView","smoothScrollId","smoothScrollStartY","smoothScrollDeltaY","smoothScrollStartTime","element","options","scrollY","pageYOffset","getBoundingClientRect","top","headerElement","document","querySelector","productSubNavElement","bottom","behavior","requestAnimationFrame","Date","now","smoothScrollStep","t","elapsed","scrollTo","scrollX","easeInOutQuad","cancelAnimationFrame","r","ProductHighlightsTest","_home_runner_work_mw_mt_oralb_com_cs_cz_mw_mt_oralb_com_cs_cz_node_modules_next_dist_compiled_babel_runtime_helpers_slicedToArray_js__WEBPACK_IMPORTED_MODULE_0__","_home_runner_work_mw_mt_oralb_com_cs_cz_mw_mt_oralb_com_cs_cz_node_modules_next_dist_compiled_babel_runtime_helpers_slicedToArray_js__WEBPACK_IMPORTED_MODULE_0___default","next_dynamic__WEBPACK_IMPORTED_MODULE_12__","next_dynamic__WEBPACK_IMPORTED_MODULE_12___default","_adapters_helpers_Constants__WEBPACK_IMPORTED_MODULE_13__","_adapters_helpers_Utils__WEBPACK_IMPORTED_MODULE_14__","_adapters_helpers_Anchor__WEBPACK_IMPORTED_MODULE_15__","_adapters_helpers_Hooks__WEBPACK_IMPORTED_MODULE_16__","_adapters_helpers_Scroll__WEBPACK_IMPORTED_MODULE_20__","_adapters_helpers_Loader__WEBPACK_IMPORTED_MODULE_17__","isomorphic_dompurify__WEBPACK_IMPORTED_MODULE_18__","isomorphic_dompurify__WEBPACK_IMPORTED_MODULE_18___default","react_jsx_runtime__WEBPACK_IMPORTED_MODULE_19__","Rotation","e","then","bind","loadableGenerated","webpack","Heading","Image","Img","Promise","all","ObLink","Icon","RichText","Button","Disclaimer","MarkdownText","ProductHighlights","_productOverview$pres","_productOverview$buyN","_doc$fields","_doc$fields$seeLessLa","_doc$fields$seeLessLa2","_doc$fields2","_doc$fields2$seeMoreL","_doc$fields2$seeMoreL2","_doc$fields3","_productOverview$comi","_productOverview$comi2","extraAttributes","doc","selectedColorIndex","setSelectedColorIndex","_updateCurrentProduct","y3","_updateCurrentProduct2","setGlobalState","headerRef","useRef","topRef","entity","productOverview","fields","productVariants","productHighlights","labels","pressQuote","backgroundImage","background","startingAtButtonLabel","buyNowLabel","text","anchorId","disclaimer","reviewAndRatingId","VP","seeLessLabel","toUpperCase","seeMoreLabel","classNames","comingSoonText","comingSoonLabel","comingSoonLink","buyNowDeactivated","deactivateBuyNowButton","_useState2","isPageLoaded","setIsPageLoaded","uniqueId","handleHashChange","anchor","Wq","location","hash","_productVariants$i","_productVariants$i$fi","_productVariants$i$fi2","_productVariants$i$fi3","_anchor$color","_anchor$color2","variantColor","color","name","toLowerCase","F2","undefinedStr","addEventListener","removeEventListener","renderHighlightsHeader","_ele","ele","getElementById","Suspense","fallback","children","jsxs","className","ref","style","marginTop","offsetHeight","tag","title","id","Vt","concat","productRating","value","description","currentProductId","_productVariants$sele","_productVariants$sele2","_productVariants$sele3","_productVariants$sele4","_productVariants$sele5","colorName","encodeURIComponent","current","z","renderColorButtons","some","variant","_variant$fields","colorLabel","map","index","_variant$fields2","_variant$fields3","_variant$fields3$colo","_variant$fields3$colo2","_variant$fields4","_variant$fields4$colo","_variant$fields4$colo2","_variant$fields5","_variant$fields5$colo","_variant$fields5$colo2","_variant$fields6","_variant$fields6$colo","_variant$fields6$colo2","_variant$fields7","_variant$fields7$colo","_variant$fields7$colo2","_variant$fields7$colo3","_variant$fields7$colo4","_variant$fields8","_variant$fields8$colo","_variant$fields8$colo2","_variant$fields8$colo3","_variant$fields8$colo4","_variant$fields8$colo5","_variant$fields9","_variant$fields10","_variant$fields10$col","_variant$fields10$col2","colorImage","alt","src","file","url","onClick","Nt","isActive","empty","CB","_useState3","showMore","setShowMore","highlightList","slice","highlightListMore","handleShowMore","renderTextContent","_productVariants$sele6","_productVariants$sele7","_productVariants$sele8","_productVariants$sele9","quote","image","pressLogo","highlightsLabel","highlightLength","ariaExpanded","dataActionDetail","button","ariaLabel","highlights","minus6","roundedIcon","blue","viewBox","plus","sku","size","onClickCallback","disabled","href","rel","backgroundsCollection","tabIndex","autoPlay","isDisabled","DY","playOnce","cycle","collection","_image$fields","_image$fields$asset","_image$fields$asset$f","_image$fields$asset$f2","_image$fields2","_image$fields2$asset","_image$fields2$asset$","_image$fields2$asset$2","_image$fields3","asset","contentImageId","alternateText","transformations","noLazyLoad","dangerouslySetInnerHTML","__html","sanitize","mainAsset","Ui"],"sourceRoot":""}