{"version":3,"file":"static/chunks/6577.d601d728b9c3730c.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, Suspense} from 'react';\nimport Block from '../../adapters/helpers/Block';\nimport {enableDisableFocusOnElements} from '../../adapters/helpers/Utils';\nimport {ZoneConstants} from '../../adapters/helpers/Constants';\nimport LazyLoad from 'react-lazyload';\nimport dynamic from 'next/dynamic';\nconst Image = dynamic(() => import('../Image/Image'));\nimport Loader from '../../adapters/helpers/Loader';\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        <Suspense fallback={<Loader />}>\n        <div ref={zoneRef}>\n            <Image image={backgroundImage} zoneClassName={className} ariaHidden={ariaHidden}>\n                {children}\n            </Image>\n        </div>\n        </Suspense>\n    ) : (\n        id === 'footer' ?\n            <LazyLoad offset={100}>\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            </LazyLoad> :\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,a){a.r(n),a.d(n,{default:function(){return h}});var i=a(97537),l=a(67294),t=a(40483),s=a(8996),r=a(24036),d=a(1216),u=a(5152),o=a.n(u),c=a(47322),f=a(85893),j=o()((function(){return Promise.resolve().then(a.bind(a,48084))}),{loadableGenerated:{webpack:function(){return[48084]}}});function h(e){var n=new t.Z(e),a=e.extraAttributes||{},u=(0,l.useRef)(),o=!1,h=m(n),b=n.getFieldValue(r.j0.role),g=n.getFieldValue(r.j0.id),x=n.getFieldValue(r.j0.ariaLabel),C=n.getFieldValue(r.j0.backgroundImage),k=n.renderChildBlocks({extraAttributes:a},e.onClickCallback,e.customEvent),V=(0,l.useContext)(i.Z),v=(V||{isContestVisible:!1}).isContestVisible,F=function(){n.getFieldValue(r.j0.classNames)===r.j0.zoneSpotlightSliderBodyClassname&&v&&(h+=\" zoneHidden\"),n.getFieldValue(r.j0.classNames)!==r.j0.zoneSpotlightContestClassname||v||(h+=\" zoneHidden\"),o=-1!==h.indexOf(\"zoneHidden\")};return F(),(0,l.useLayoutEffect)((function(){setTimeout((function(){(0,s.MX)(u.current,!o)}),1)})),(0,l.useEffect)((function(){h=m(n),F(),(0,s.MX)(u.current,!o)}),[v]),C?(0,f.jsx)(l.Suspense,{fallback:(0,f.jsx)(c.default,{}),children:(0,f.jsx)(\"div\",{ref:u,children:(0,f.jsx)(j,{image:C,zoneClassName:h,ariaHidden:o,children:k})})}):\"footer\"===g?(0,f.jsx)(d.default,{offset:100,children:(0,f.jsx)(f.Fragment,{children:(0,f.jsx)(\"div\",{ref:u,className:h,id:g||(\"main\"===b?b:null),\"aria-label\":x,\"aria-hidden\":o,role:b,children:k})})}):(0,f.jsx)(\"div\",{ref:u,className:h,id:g||(\"main\"===b?b:null),\"aria-label\":x,\"aria-hidden\":o,role:b,children:k})}function m(e){var n=r.j0.zone,a=e.getFieldValue(r.j0.classNames);return a&&(n+=a),n}}}]);"],"names":["self","webpackChunk_N_E","push","e","n","a","r","d","default","h","i","l","t","s","u","o","c","f","j","Promise","resolve","then","bind","loadableGenerated","webpack","Z","extraAttributes","useRef","m","b","getFieldValue","j0","role","g","id","x","ariaLabel","C","backgroundImage","k","renderChildBlocks","onClickCallback","customEvent","v","V","useContext","isContestVisible","F","classNames","zoneSpotlightSliderBodyClassname","zoneSpotlightContestClassname","indexOf","useLayoutEffect","setTimeout","MX","current","useEffect","jsx","Suspense","fallback","children","ref","image","zoneClassName","ariaHidden","offset","Fragment","className","zone"],"sourceRoot":""}