{"version":3,"file":"static/chunks/4238.28a0e416b22fad41.js","mappings":"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","sources":["webpack://_N_E/./adapters/model/service/api/buyNowLite.js","webpack://_N_E/./components/ProductOverlay/ProductOverlay.js","webpack://_N_E/<anon>"],"sourcesContent":["import {BuyNowLiteConstants} from '../../../helpers/Constants';\n\n\nexport function generateHeader() {\n    let header = new Headers();\n    header.append(BuyNowLiteConstants.accessControlAllowOrigin, '*');\n    header.append(BuyNowLiteConstants.passKey, process.env.BUY_NOW_LITE_PASS_KEY);\n    header.append(BuyNowLiteConstants.ocpApimSubscriptionKey, process.env.BUY_NOW_LITE_SUBSCRIPTION_KEY);\n\n    return header;\n}\n\nexport const getBuyNowLiteRetailerList = (sku, onSuccess = function(){}, onFailure = function(){}) => {\n    const header = generateHeader();\n\n    const requestOptions = {\n        method: 'GET',\n        headers: header,\n    };\n\n    let url = process.env.BUY_NOW_LITE_URL.replace('{sku}', sku);\n\n    fetch(url, requestOptions)\n        .then(response => response.json())\n        .then(data => {\n            if(data.constructor === Array) {\n                onSuccess(data, sku);\n            } else {\n                onFailure();\n            }\n        })\n        .catch(error => {\n            console.error(error);\n            onFailure();\n        });\n}","import React, { useEffect, useRef, useState,Suspense } from 'react';\nimport PropTypes from 'prop-types';\nimport throttle from 'lodash/throttle';\nimport Block from '../../adapters/helpers/Block';\nimport { toggleScroll } from '../../adapters/helpers/Utils';\nimport { ProductOverlayConstants } from '../../adapters/helpers/Constants';\nimport { loadScript } from '../../adapters/helpers/Utils';\nimport {getBuyNowLiteRetailerList} from '../../adapters/model/service/api/buyNowLite';\nimport dynamic from 'next/dynamic';\nconst Icon = dynamic(() => import('../Icon/Icon'));\nimport Loader from '../../adapters/helpers/Loader';\n\nexport default function ProductOverlay(props) {\n    const displayBuyNowLite = (process.env.ACTIVATE_BUY_NOW_LITE || false) === 'TRUE';\n\n    const { customEvent, onClickCallback, states, extraAttributes } = props;\n    const block = new Block(props);\n    const [isOverlayOpen, setIsOverlayOpen] = useState(states.isOverlayOpen);\n    const [lastButton, setLastButton] = useState(null);\n    const [lastScroll, setLastScroll] = useState(0);\n    const [productSku, setProductSku] = useState('');\n    const KEYCODE_ESC = 27;\n    const anchorId = block.getAnchorId();\n    const productOverlayRef = useRef();\n    const closeOverlayLabel = block.getFieldValue(ProductOverlayConstants.closeOverlayLabel)?.fields?.text;\n    const buyNowLiteErrorLabel = block.getFieldValue(ProductOverlayConstants.buyNowLiteErrorLabel)?.fields?.text;\n    let classNames = block.getFieldValue(ProductOverlayConstants.classNames) ? block.getFieldValue(ProductOverlayConstants.classNames) : ProductOverlayConstants.empty;\n    classNames += `${anchorId}`;\n\n    useEffect(() => {\n        setLastScroll(window.pageYOffset);\n        const productVariants = extraAttributes?.entity?.productOverview?.fields?.productVariants;\n        const series = extraAttributes?.entity?.series;\n        let initialSku = '';\n        if (extraAttributes) {\n            if (productVariants?.length > 0 && productVariants[0]?.fields?.sku) {\n\n                initialSku = extraAttributes?.entity?.productOverview?.fields?.productVariants[0]?.fields?.sku;\n\n            } else if (series?.length > 0 && series[0]?.fields?.featuredProduct?.fields?.productVariants?.length > 0 && series[0]?.fields?.featuredProduct?.fields?.productVariants[0]?.fields?.sku) {\n\n                initialSku = extraAttributes?.entity?.series[0]?.fields?.featuredProduct?.fields?.productVariants[0]?.fields?.sku;\n\n            }\n        }\n        setProductSku(initialSku);\n    }, []);\n\n    const onGetBuyNowLiteRetailerListSuccess = (data, sku) => {\n        const buyNowLiteContainer = document.querySelector('.buy-now-lite-container');\n        for (const item of data) {\n            let linkNode = document.createElement('a');\n            linkNode.href = item.BuyNowUrl;\n            linkNode.target = '_blank';\n            linkNode.rel = 'noopener noreferrer';\n            linkNode.className = 'buy-now-lite-link event_buy_now_eretailer_exit';\n            let imgNode = document.createElement('img');\n            imgNode.src = 'data:image/png;base64,' + item.Retailerlogo;\n            imgNode.className = 'buy-now-lite-img';\n            imgNode.alt = '';\n            linkNode.appendChild(imgNode);\n            linkNode.setAttribute('data-action-detail', `${sku}_${item?.RetailerName}`);\n            buyNowLiteContainer.appendChild(linkNode);\n        }\n\n        openBuyNowLiteModal();\n    };\n\n    const onGetBuyNowLiteRetailerListFailure = () => {\n        // close modal and remove buy now lite retailer images from modal.\n        const buyNowLiteContainer = document.querySelector('.buy-now-lite-container');\n        let paragraphNode = document.createElement('p');\n        paragraphNode.className = 'buy-now-lite-error-message';\n        paragraphNode.textContent = buyNowLiteErrorLabel;\n\n        buyNowLiteContainer.appendChild(paragraphNode);\n\n        openBuyNowLiteModal();\n    };\n\n    useEffect(() => {\n        if (!customEvent?.event) {\n            return;\n        }\n        if (customEvent.event instanceof HTMLElement || customEvent.event instanceof Node) {\n            if (displayBuyNowLite) {\n                customEvent.event.disabled = true;\n            }\n            const sku = customEvent?.event?.dataset?.sku ? customEvent.event.dataset.sku : '';\n            let resetCountryCode = customEvent?.event?.dataset?.resetCountryCode ? customEvent.event.dataset.resetCountryCode : false;\n\n            // ACTIVATE_BUY_NOW_LITE is true for japan\n            if (process.env.ACTIVATE_BUY_NOW_LITE) {\n                if(sku !== '') {\n                    // Ajax call to get retailer data.\n                    getBuyNowLiteRetailerList(sku, onGetBuyNowLiteRetailerListSuccess, onGetBuyNowLiteRetailerListFailure);\n                } else {\n                    // If no sku, close modal and remove buy now lite retailer images from modal.\n                    const buyNowLiteContainer = document.querySelector('.buy-now-lite-container');\n                    buyNowLiteContainer.innerHTML = '';\n                    closeBuyNowLiteModal();\n                }\n            } else { // Price spider buy now case.\n                if (sku !== '' && window.PriceSpider === undefined) {\n                    // script priceSpider with callback\n                    loadScript(ProductOverlayConstants.priceSpiderSource, (error) => {\n                        if (error) {\n                            console.log(ProductOverlayConstants.priceSpiderConsoleLogMessageError);\n                        } else {\n                            // script loaded successfully\n                            setProductSku(sku);\n                            setLastButton(customEvent.event);\n                            setIsOverlayOpen(true);\n                        }\n                    });\n                } else if (sku !== '') {\n                    // script already loaded\n                    setProductSku(sku);\n                    setLastButton(customEvent.event);\n                    setIsOverlayOpen(true);\n                } else {\n                    setProductSku('');\n                    setIsOverlayOpen(false);\n                }\n\n                if (resetCountryCode && window?.PriceSpider) {\n                    window.PriceSpider.reset();\n                }\n            }\n        }\n    }, [customEvent]);\n\n    useEffect(() => {\n        if (productSku !== '' && window?.PriceSpider) {\n            window.PriceSpider.rebind();\n        }\n    }, [productSku]);\n\n    useEffect(() => {\n        if (productOverlayRef?.current) {\n            toggleOverlay();\n            productOverlayRef?.current?.addEventListener(ProductOverlayConstants.keydown, trapFocusInOverlay);\n            return () => {\n                productOverlayRef?.current?.removeEventListener(ProductOverlayConstants.keydown, trapFocusInOverlay)\n            }\n        }\n    },[isOverlayOpen]);\n\n    useEffect(() => {\n        const handleScroll = throttle(() => {\n            if (!document.body.classList.contains(ProductOverlayConstants.noScroll)) {\n                setLastScroll(window.pageYOffset);\n            }\n        }, 100);\n        window.addEventListener(ProductOverlayConstants.scroll, handleScroll);\n        return () => {\n            window.removeEventListener(ProductOverlayConstants.scroll, handleScroll);\n        }\n    },[lastScroll]);\n\n    const closeBuyNowLiteModal = () => {\n        setProductSku('');\n        setIsOverlayOpen(false);\n    }\n\n    const openBuyNowLiteModal = () => {\n        if (displayBuyNowLite) {\n            customEvent.event.disabled = false;\n        }\n        setLastButton(customEvent.event);\n        setIsOverlayOpen(true);\n    }\n\n    const toggleOverlay = () => {\n        const productOverlayElem = productOverlayRef.current;\n        let ele = document.getElementById('ob-product-subnav-scroll');\n\n        if ( isOverlayOpen ) {\n            if(ele) {\n                ele.setAttribute('style', 'z-index:99 !important');\n            }\n            productOverlayElem.classList.add(ProductOverlayConstants.isActive);\n            productOverlayElem.focus();\n        } else {\n            if(ele) {\n                ele.setAttribute('style', 'z-index:999 !important');\n            }\n            productOverlayElem.classList.remove(ProductOverlayConstants.isActive);\n            document.body.style.top = null;\n            document.body.style.height = null;\n            if (lastButton) {\n                lastButton.focus();\n            }\n        }\n        toggleScroll(isOverlayOpen, lastScroll);\n    };\n\n    const trapFocusInOverlay = event => {\n        if (!isOverlayOpen) {\n            return;\n        }\n        const element = event.currentTarget;\n        const focusableElements = element.querySelectorAll(ProductOverlayConstants.querySelectorAll);\n        const firstFocusableElement = focusableElements[0];\n        const lastFocusableElement = focusableElements[focusableElements.length - 1];\n        const KEYCODE_TAB = 9;\n\n        const isTabPressed = (event.key === ProductOverlayConstants.Tab || event.keyCode === KEYCODE_TAB);\n\n        handleEscapeKeyPress(event);\n\n        if (!isTabPressed) {\n            return;\n        }\n\n        if ( event.shiftKey ) /* shift + tab */ {\n            if (document.activeElement === firstFocusableElement) {\n                lastFocusableElement.focus();\n                event.preventDefault();\n            }\n        } else /* tab */ {\n            if (document.activeElement === lastFocusableElement) {\n                firstFocusableElement.focus();\n                event.preventDefault();\n            }\n        }\n    };\n\n    const handleBackgroundClick = event => {\n        event.stopPropagation();\n        if (event.target ===  document.querySelector('.ob-product-overlay')) {\n            setIsOverlayOpen(false);\n\n            if(displayBuyNowLite) {\n                // When clicking in background remove buy now lite retailer.\n                const buyNowLiteContainer = document.querySelector('.buy-now-lite-container');\n                buyNowLiteContainer.innerHTML = '';\n            }\n        }\n    };\n\n    const handleEscapeKeyPress = event => {\n        if (event.key === ProductOverlayConstants.Escape || event.keyCode === KEYCODE_ESC) {\n            setIsOverlayOpen(false);\n        }\n    }\n\n    return (\n        <Suspense fallback={<Loader />}>\n        <div role='presentation' onClick={handleBackgroundClick} onKeyDown={handleEscapeKeyPress} ref={productOverlayRef} className={`ob-product-overlay ${classNames}`}>\n            <div className={`ob-product-overlay__wrapper ${displayBuyNowLite ? 'ob-product-overlay__wrapper--buy-now-lite' : ''}`}>\n                {\n                    isOverlayOpen &&\n                    <button aria-label={closeOverlayLabel} className={'ob-product-overlay__close-btn'} onClick={event => onClickCallback(event)}>\n                        <Icon name={ProductOverlayConstants.close} size={2} />\n                    </button>\n                }\n                <div id=\"ob-product-overlay__content\">\n                    {displayBuyNowLite ?\n                        <>\n                            <div className=\"buy-now-lite-container\" >\n\n                            </div>\n                        </>\n                        :\n                        <>\n                            <div className=\"ps-widget\" ps-sku={productSku} data-action-detail={productSku}></div>\n                        </>\n                    }\n\n\n                </div>\n            </div>\n        </div>\n        </Suspense>\n    )\n}\n\nProductOverlay.defaultProps = {\n    states: {isOverlayOpen: false}\n};\n\nProductOverlay.propTypes = {\n    customEvent: PropTypes.object,\n    onClickCallback: PropTypes.func,\n    states: PropTypes.object,\n    children: PropTypes.node,\n    extraAttributes: PropTypes.object,\n};","\"use strict\";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4238],{14238:function(e,n,t){t.r(n),t.d(n,{default:function(){return m}});var l=t(67294),r=t(23493),o=t.n(r),u=t(40483),i=t(8996),a=t(24036);function c(){var e=new Headers;return e.append(a.t8.accessControlAllowOrigin,\"*\"),e.append(a.t8.passKey,\"925a2c26-39c8-4cb8-8963-c3aee91d2f05\"),e.append(a.t8.ocpApimSubscriptionKey,\"f22aa65843484373a0bf8a93d4943148\"),e}var s=t(5152),d=t.n(s),f=t(47322),v=t(85893);function p(e,n){var t=\"undefined\"!=typeof Symbol&&e[Symbol.iterator]||e[\"@@iterator\"];if(!t){if(Array.isArray(e)||(t=function(e,n){if(!e)return;if(\"string\"==typeof e)return y(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);\"Object\"===t&&e.constructor&&(t=e.constructor.name);if(\"Map\"===t||\"Set\"===t)return Array.from(e);if(\"Arguments\"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return y(e,n)}(e))||n&&e&&\"number\"==typeof e.length){t&&(e=t);var l=0,r=function(){};return{s:r,n:function(){return l>=e.length?{done:!0}:{done:!1,value:e[l++]}},e:function(e){throw e},f:r}}throw new TypeError(\"Invalid attempt to iterate non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\")}var o,u=!0,i=!1;return{s:function(){t=t.call(e)},n:function(){var e=t.next();return u=e.done,e},e:function(e){i=!0,o=e},f:function(){try{u||null==t.return||t.return()}finally{if(i)throw o}}}}function y(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,l=new Array(n);t<n;t++)l[t]=e[t];return l}var b=d()((function(){return Promise.resolve().then(t.bind(t,80713))}),{loadableGenerated:{webpack:function(){return[80713]}}});function m(e){var n,t,r,s,d=e.customEvent,y=e.onClickCallback,m=e.states,w=e.extraAttributes,h=new u.Z(e),g=(0,l.useState)(m.isOverlayOpen),j=g[0],k=g[1],E=(0,l.useState)(null),S=E[0],A=E[1],C=(0,l.useState)(0),_=C[0],x=C[1],N=(0,l.useState)(\"\"),L=N[0],O=N[1],V=h.getAnchorId(),P=(0,l.useRef)(),q=null==(n=h.getFieldValue(a.cj.closeOverlayLabel))||null==(t=n.fields)?void 0:t.text,T=null==(r=h.getFieldValue(a.cj.buyNowLiteErrorLabel))||null==(s=r.fields)?void 0:s.text,F=h.getFieldValue(a.cj.classNames)?h.getFieldValue(a.cj.classNames):a.cj.empty;F+=\"\".concat(V),(0,l.useEffect)((function(){var e,n,t,l;x(window.pageYOffset);var r,o,u,i,a,c,s,d,f,v,p,y,b,m,h,g,j,k,E=null==w||null==(e=w.entity)||null==(n=e.productOverview)||null==(t=n.fields)?void 0:t.productVariants,S=null==w||null==(l=w.entity)?void 0:l.series,A=\"\";if(w)if((null==E?void 0:E.length)>0&&(null==(r=E[0])||null==(o=r.fields)?void 0:o.sku))A=null==w||null==(m=w.entity)||null==(h=m.productOverview)||null==(g=h.fields)||null==(j=g.productVariants[0])||null==(k=j.fields)?void 0:k.sku;else if((null==S?void 0:S.length)>0&&(null==(u=S[0])||null==(i=u.fields)||null==(a=i.featuredProduct)||null==(c=a.fields)||null==(s=c.productVariants)?void 0:s.length)>0&&(null==(d=S[0])||null==(f=d.fields)||null==(v=f.featuredProduct)||null==(p=v.fields)||null==(y=p.productVariants[0])||null==(b=y.fields)?void 0:b.sku)){var C,_,N,L,V,P,q;A=null==w||null==(C=w.entity)||null==(_=C.series[0])||null==(N=_.fields)||null==(L=N.featuredProduct)||null==(V=L.fields)||null==(P=V.productVariants[0])||null==(q=P.fields)?void 0:q.sku}O(A)}),[]);var I=function(e,n){var t,l=document.querySelector(\".buy-now-lite-container\"),r=p(e);try{for(r.s();!(t=r.n()).done;){var o=t.value,u=document.createElement(\"a\");u.href=o.BuyNowUrl,u.target=\"_blank\",u.rel=\"noopener noreferrer\",u.className=\"buy-now-lite-link event_buy_now_eretailer_exit\";var i=document.createElement(\"img\");i.src=\"data:image/png;base64,\"+o.Retailerlogo,i.className=\"buy-now-lite-img\",i.alt=\"\",u.appendChild(i),u.setAttribute(\"data-action-detail\",\"\".concat(n,\"_\").concat(null==o?void 0:o.RetailerName)),l.appendChild(u)}}catch(e){r.e(e)}finally{r.f()}M()},H=function(){var e=document.querySelector(\".buy-now-lite-container\"),n=document.createElement(\"p\");n.className=\"buy-now-lite-error-message\",n.textContent=T,e.appendChild(n),M()};(0,l.useEffect)((function(){if((null==d?void 0:d.event)&&(d.event instanceof HTMLElement||d.event instanceof Node)){var e,n,t,l;d.event.disabled=!0;var r=(null==d||null==(e=d.event)||null==(n=e.dataset)?void 0:n.sku)?d.event.dataset.sku:\"\";!!(null==d||null==(t=d.event)||null==(l=t.dataset)?void 0:l.resetCountryCode)&&d.event.dataset.resetCountryCode;\"\"!==r?function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:function(){},t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:function(){},l=c(),r={method:\"GET\",headers:l},o=\"https://csapi.pg.com/brandbuilding/consumer/v1/buynowliteretailers/retailer-api/retailers/{sku}/alphabetic/desired\".replace(\"{sku}\",e);fetch(o,r).then((function(e){return e.json()})).then((function(l){l.constructor===Array?n(l,e):t()})).catch((function(e){console.error(e),t()}))}(r,I,H):(document.querySelector(\".buy-now-lite-container\").innerHTML=\"\",K())}}),[d]),(0,l.useEffect)((function(){var e;\"\"!==L&&(null==(e=window)?void 0:e.PriceSpider)&&window.PriceSpider.rebind()}),[L]),(0,l.useEffect)((function(){var e;if(null==P?void 0:P.current)return z(),null==P||null==(e=P.current)||e.addEventListener(a.cj.keydown,D),function(){var e;null==P||null==(e=P.current)||e.removeEventListener(a.cj.keydown,D)}}),[j]),(0,l.useEffect)((function(){var e=o()((function(){document.body.classList.contains(a.cj.noScroll)||x(window.pageYOffset)}),100);return window.addEventListener(a.cj.scroll,e),function(){window.removeEventListener(a.cj.scroll,e)}}),[_]);var K=function(){O(\"\"),k(!1)},M=function(){d.event.disabled=!1,A(d.event),k(!0)},z=function(){var e=P.current,n=document.getElementById(\"ob-product-subnav-scroll\");j?(n&&n.setAttribute(\"style\",\"z-index:99 !important\"),e.classList.add(a.cj.isActive),e.focus()):(n&&n.setAttribute(\"style\",\"z-index:999 !important\"),e.classList.remove(a.cj.isActive),document.body.style.top=null,document.body.style.height=null,S&&S.focus()),(0,i.a9)(j,_)},D=function(e){if(j){var n=e.currentTarget.querySelectorAll(a.cj.querySelectorAll),t=n[0],l=n[n.length-1],r=e.key===a.cj.Tab||9===e.keyCode;R(e),r&&(e.shiftKey?document.activeElement===t&&(l.focus(),e.preventDefault()):document.activeElement===l&&(t.focus(),e.preventDefault()))}},R=function(e){e.key!==a.cj.Escape&&27!==e.keyCode||k(!1)};return(0,v.jsx)(l.Suspense,{fallback:(0,v.jsx)(f.default,{}),children:(0,v.jsx)(\"div\",{role:\"presentation\",onClick:function(e){(e.stopPropagation(),e.target===document.querySelector(\".ob-product-overlay\"))&&(k(!1),document.querySelector(\".buy-now-lite-container\").innerHTML=\"\")},onKeyDown:R,ref:P,className:\"ob-product-overlay \".concat(F),children:(0,v.jsxs)(\"div\",{className:\"ob-product-overlay__wrapper \".concat(\"ob-product-overlay__wrapper--buy-now-lite\"),children:[j&&(0,v.jsx)(\"button\",{\"aria-label\":q,className:\"ob-product-overlay__close-btn\",onClick:function(e){return y(e)},children:(0,v.jsx)(b,{name:a.cj.close,size:2})}),(0,v.jsx)(\"div\",{id:\"ob-product-overlay__content\",children:(0,v.jsx)(v.Fragment,{children:(0,v.jsx)(\"div\",{className:\"buy-now-lite-container\"})})})]})})})}m.defaultProps={states:{isOverlayOpen:!1}}}}]);"],"names":["self","webpackChunk_N_E","push","e","n","t","r","d","default","m","l","o","u","i","a","s","f","v","y","length","b","Promise","resolve","then","bind","loadableGenerated","webpack","customEvent","onClickCallback","states","w","extraAttributes","h","Z","g","useState","isOverlayOpen","j","k","E","S","A","C","_","x","N","L","O","V","getAnchorId","P","useRef","q","getFieldValue","cj","closeOverlayLabel","fields","text","T","buyNowLiteErrorLabel","F","classNames","empty","concat","useEffect","window","pageYOffset","c","p","entity","productOverview","productVariants","series","sku","featuredProduct","I","document","querySelector","Symbol","iterator","Array","isArray","Object","prototype","toString","call","slice","constructor","name","from","test","done","value","next","return","createElement","href","BuyNowUrl","target","rel","className","src","Retailerlogo","alt","appendChild","setAttribute","RetailerName","M","H","textContent","event","HTMLElement","Node","disabled","dataset","resetCountryCode","arguments","Headers","append","t8","accessControlAllowOrigin","passKey","ocpApimSubscriptionKey","replace","fetch","method","headers","json","catch","console","error","innerHTML","K","PriceSpider","rebind","current","z","addEventListener","keydown","D","removeEventListener","body","classList","contains","noScroll","scroll","getElementById","add","isActive","focus","remove","style","top","height","a9","currentTarget","querySelectorAll","key","Tab","keyCode","R","shiftKey","activeElement","preventDefault","Escape","jsx","Suspense","fallback","children","role","onClick","stopPropagation","onKeyDown","ref","jsxs","close","size","id","Fragment","defaultProps"],"sourceRoot":""}