{"version":3,"file":"static/chunks/6577.cb9a2aec438cb960.js","mappings":"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","sources":["webpack://_N_E/./components/Zone/Zone.js","webpack://_N_E/<anon>"],"sourcesContent":["import LayoutContext from '../Layout/LayoutContext';\nimport PropTypes from 'prop-types';\nimport React, {useContext, useEffect, useLayoutEffect, useRef} from 'react';\nimport dynamic from 'next/dynamic';\nimport Block from '../../adapters/helpers/Block';\nimport {enableDisableFocusOnElements} from '../../adapters/helpers/Utils';\nconst Image = dynamic(()=>import('../Image/Image'))\nimport LazyLoad from 'react-lazyload';\nimport {ZoneConstants} from '../../adapters/helpers/Constants';\n\nexport default function Zone(props) {\n    const block = new Block(props);\n    const extraAttributes = props.extraAttributes || {};\n    const zoneRef = useRef();\n\n    let ariaHidden = false;\n    let className = getClassNames(block);\n    const role = block.getFieldValue(ZoneConstants.role);\n    const id = block.getFieldValue(ZoneConstants.id);\n    const ariaLabel = block.getFieldValue(ZoneConstants.ariaLabel);\n    const backgroundImage = block.getFieldValue(ZoneConstants.backgroundImage);\n\n    const children = block.renderChildBlocks({ extraAttributes }, props.onClickCallback, props.customEvent);\n\n    const layoutContext = useContext(LayoutContext);\n    const { isContestVisible } = (layoutContext ? layoutContext : {isContestVisible: false});\n\n    const hideZonesIfContestVisible = () => {\n        if (block.getFieldValue(ZoneConstants.classNames) === ZoneConstants.zoneSpotlightSliderBodyClassname && isContestVisible) {\n            className += ' zoneHidden';\n            \n        }\n        if (block.getFieldValue(ZoneConstants.classNames) === ZoneConstants.zoneSpotlightContestClassname && !isContestVisible) {\n            className += ' zoneHidden';\n        }\n        ariaHidden = className.indexOf('zoneHidden') !== -1;\n    \n    };\n\n    hideZonesIfContestVisible();\n    \n    useLayoutEffect(() => {\n        setTimeout(() => {\n            enableDisableFocusOnElements(zoneRef.current, !ariaHidden);\n    \n        }, 1);\n        \n    });\n    \n    useEffect(() => {\n        className = getClassNames(block);\n        hideZonesIfContestVisible();\n        enableDisableFocusOnElements(zoneRef.current, !ariaHidden);\n\n    }, [isContestVisible]);\n\n    return (backgroundImage ? (\n        <div ref={zoneRef}>\n            <Image image={backgroundImage} zoneClassName={className} ariaHidden={ariaHidden}>\n                {children}\n            </Image>\n        </div>\n    ) : (\n        id === 'footer' ?\n            <LazyLoad offset={100}>\n                <div ref={zoneRef} className={className} id={id ? id : (role === 'main' ? role : null)} aria-label={ariaLabel} aria-hidden={ariaHidden} role={role}>\n                    {children}\n                </div>\n            </LazyLoad>\n            :\n        <div ref={zoneRef} className={className} id={id ? id : (role === 'main' ? role : null)} aria-label={ariaLabel} aria-hidden={ariaHidden} role={role}>\n            {children}\n        </div>\n    ));\n}\n\nfunction getClassNames(block) {\n    let classNames = ZoneConstants.zone;\n    const zoneClassNames = block.getFieldValue(ZoneConstants.classNames);\n    if(zoneClassNames) {\n        classNames += zoneClassNames;\n    }\n\n    return classNames;\n}\n\nZone.propTypes = {\n    className: PropTypes.string,\n    backgroundImage: PropTypes.object,\n    extraAttributes: PropTypes.object,\n    onClickCallback:  PropTypes.func,\n    customEvent: PropTypes.object\n};\n","\"use strict\";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6577],{36577:function(e,n,i){i.r(n),i.d(n,{default:function(){return j}});var a=i(97537),t=i(67294),l=i(5152),r=i.n(l),s=i(40483),d=i(8996),u=i(1216),o=i(24036),c=i(85893),f=r()((function(){return Promise.resolve().then(i.bind(i,48084))}),{loadableGenerated:{webpack:function(){return[48084]}}});function j(e){var n=new s.Z(e),i=e.extraAttributes||{},l=(0,t.useRef)(),r=!1,j=m(n),b=n.getFieldValue(o.j0.role),h=n.getFieldValue(o.j0.id),g=n.getFieldValue(o.j0.ariaLabel),C=n.getFieldValue(o.j0.backgroundImage),k=n.renderChildBlocks({extraAttributes:i},e.onClickCallback,e.customEvent),x=(0,t.useContext)(a.Z),V=(x||{isContestVisible:!1}).isContestVisible,v=function(){n.getFieldValue(o.j0.classNames)===o.j0.zoneSpotlightSliderBodyClassname&&V&&(j+=\" zoneHidden\"),n.getFieldValue(o.j0.classNames)!==o.j0.zoneSpotlightContestClassname||V||(j+=\" zoneHidden\"),r=-1!==j.indexOf(\"zoneHidden\")};return v(),(0,t.useLayoutEffect)((function(){setTimeout((function(){(0,d.MX)(l.current,!r)}),1)})),(0,t.useEffect)((function(){j=m(n),v(),(0,d.MX)(l.current,!r)}),[V]),C?(0,c.jsx)(\"div\",{ref:l,children:(0,c.jsx)(f,{image:C,zoneClassName:j,ariaHidden:r,children:k})}):\"footer\"===h?(0,c.jsx)(u.default,{offset:100,children:(0,c.jsx)(\"div\",{ref:l,className:j,id:h||(\"main\"===b?b:null),\"aria-label\":g,\"aria-hidden\":r,role:b,children:k})}):(0,c.jsx)(\"div\",{ref:l,className:j,id:h||(\"main\"===b?b:null),\"aria-label\":g,\"aria-hidden\":r,role:b,children:k})}function m(e){var n=o.j0.zone,i=e.getFieldValue(o.j0.classNames);return i&&(n+=i),n}}}]);"],"names":["self","webpackChunk_N_E","push","e","n","i","r","d","default","j","a","t","l","s","u","o","c","f","Promise","resolve","then","bind","loadableGenerated","webpack","Z","extraAttributes","useRef","m","b","getFieldValue","j0","role","h","id","g","ariaLabel","C","backgroundImage","k","renderChildBlocks","onClickCallback","customEvent","V","x","useContext","isContestVisible","v","classNames","zoneSpotlightSliderBodyClassname","zoneSpotlightContestClassname","indexOf","useLayoutEffect","setTimeout","MX","current","useEffect","jsx","ref","children","image","zoneClassName","ariaHidden","offset","className","zone"],"sourceRoot":""}