{"version":3,"file":"static/chunks/6577.8b5d5ccadf51c963.js","mappings":"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","sources":["webpack://_N_E/./components/Layout/LayoutContext.js","webpack://_N_E/./components/Zone/Zone.js","webpack://_N_E/<anon>"],"sourcesContent":["import React from 'react';\n\nconst LayoutContext = React.createContext();\n\nexport default LayoutContext;","import React, {useContext, useEffect, useLayoutEffect, useRef, Suspense} from 'react';\nimport dynamic from 'next/dynamic';\nimport LayoutContext from '../Layout/LayoutContext';\nimport {ZoneConstants} from '../../adapters/helpers/Constants';\nimport Block from '../../adapters/helpers/Block';\nimport PropTypes from 'prop-types';\nimport LazyLoad from 'react-lazyload';\nimport Loader from '../../adapters/helpers/Loader';\nimport {enableDisableFocusOnElements} from '../../adapters/helpers/Utils';\nconst Image = dynamic(() => import('../Image/Image'));\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={10}>\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\";\n(self[\"webpackChunk_N_E\"] = self[\"webpackChunk_N_E\"] || []).push([[6577],{\n\n/***/ 97537:\n/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {\n\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(67294);\n\nvar LayoutContext = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createContext();\n/* harmony default export */ __webpack_exports__[\"Z\"] = (LayoutContext);\n\n/***/ }),\n\n/***/ 36577:\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 */   \"default\": function() { return /* binding */ Zone; }\n/* harmony export */ });\n/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(41539);\n/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var core_js_modules_es_promise_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(88674);\n/* harmony import */ var core_js_modules_es_promise_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_promise_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var core_js_modules_es_array_index_of_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(82772);\n/* harmony import */ var core_js_modules_es_array_index_of_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_index_of_js__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(67294);\n/* harmony import */ var next_dynamic__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(5152);\n/* harmony import */ var next_dynamic__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(next_dynamic__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var _Layout_LayoutContext__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(97537);\n/* harmony import */ var _adapters_helpers_Constants__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(24036);\n/* harmony import */ var _adapters_helpers_Block__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(40483);\n/* harmony import */ var react_lazyload__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(1216);\n/* harmony import */ var _adapters_helpers_Loader__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(47322);\n/* harmony import */ var _adapters_helpers_Utils__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(8996);\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(85893);\n\n\n\n\n\n\n\n\n\n\n\n\n\nvar Image = next_dynamic__WEBPACK_IMPORTED_MODULE_4___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});\nfunction Zone(props) {\n  var block = new _adapters_helpers_Block__WEBPACK_IMPORTED_MODULE_7__/* [\"default\"] */ .Z(props);\n  var extraAttributes = props.extraAttributes || {};\n  var zoneRef = (0,react__WEBPACK_IMPORTED_MODULE_3__.useRef)();\n  var ariaHidden = false;\n  var className = getClassNames(block);\n  var role = block.getFieldValue(_adapters_helpers_Constants__WEBPACK_IMPORTED_MODULE_6__/* .ZoneConstants.role */ .j0.role);\n  var id = block.getFieldValue(_adapters_helpers_Constants__WEBPACK_IMPORTED_MODULE_6__/* .ZoneConstants.id */ .j0.id);\n  var ariaLabel = block.getFieldValue(_adapters_helpers_Constants__WEBPACK_IMPORTED_MODULE_6__/* .ZoneConstants.ariaLabel */ .j0.ariaLabel);\n  var backgroundImage = block.getFieldValue(_adapters_helpers_Constants__WEBPACK_IMPORTED_MODULE_6__/* .ZoneConstants.backgroundImage */ .j0.backgroundImage);\n  var children = block.renderChildBlocks({\n    extraAttributes: extraAttributes\n  }, props.onClickCallback, props.customEvent);\n  var layoutContext = (0,react__WEBPACK_IMPORTED_MODULE_3__.useContext)(_Layout_LayoutContext__WEBPACK_IMPORTED_MODULE_5__/* [\"default\"] */ .Z);\n\n  var _ref = layoutContext ? layoutContext : {\n    isContestVisible: false\n  },\n      isContestVisible = _ref.isContestVisible;\n\n  var hideZonesIfContestVisible = function hideZonesIfContestVisible() {\n    if (block.getFieldValue(_adapters_helpers_Constants__WEBPACK_IMPORTED_MODULE_6__/* .ZoneConstants.classNames */ .j0.classNames) === _adapters_helpers_Constants__WEBPACK_IMPORTED_MODULE_6__/* .ZoneConstants.zoneSpotlightSliderBodyClassname */ .j0.zoneSpotlightSliderBodyClassname && isContestVisible) {\n      className += ' zoneHidden';\n    }\n\n    if (block.getFieldValue(_adapters_helpers_Constants__WEBPACK_IMPORTED_MODULE_6__/* .ZoneConstants.classNames */ .j0.classNames) === _adapters_helpers_Constants__WEBPACK_IMPORTED_MODULE_6__/* .ZoneConstants.zoneSpotlightContestClassname */ .j0.zoneSpotlightContestClassname && !isContestVisible) {\n      className += ' zoneHidden';\n    }\n\n    ariaHidden = className.indexOf('zoneHidden') !== -1;\n  };\n\n  hideZonesIfContestVisible();\n  (0,react__WEBPACK_IMPORTED_MODULE_3__.useLayoutEffect)(function () {\n    setTimeout(function () {\n      (0,_adapters_helpers_Utils__WEBPACK_IMPORTED_MODULE_10__/* .enableDisableFocusOnElements */ .MX)(zoneRef.current, !ariaHidden);\n    }, 1);\n  });\n  (0,react__WEBPACK_IMPORTED_MODULE_3__.useEffect)(function () {\n    className = getClassNames(block);\n    hideZonesIfContestVisible();\n    (0,_adapters_helpers_Utils__WEBPACK_IMPORTED_MODULE_10__/* .enableDisableFocusOnElements */ .MX)(zoneRef.current, !ariaHidden);\n  }, [isContestVisible]);\n  return backgroundImage ? /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(react__WEBPACK_IMPORTED_MODULE_3__.Suspense, {\n    fallback: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(_adapters_helpers_Loader__WEBPACK_IMPORTED_MODULE_9__[\"default\"], {}),\n    children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(\"div\", {\n      ref: zoneRef,\n      children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(Image, {\n        image: backgroundImage,\n        zoneClassName: className,\n        ariaHidden: ariaHidden,\n        children: children\n      })\n    })\n  }) : id === 'footer' ? /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(react_lazyload__WEBPACK_IMPORTED_MODULE_8__[\"default\"], {\n    offset: 10,\n    children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.Fragment, {\n      children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(\"div\", {\n        ref: zoneRef,\n        className: className,\n        id: id ? id : role === 'main' ? role : null,\n        \"aria-label\": ariaLabel,\n        \"aria-hidden\": ariaHidden,\n        role: role,\n        children: children\n      })\n    })\n  }) : /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(\"div\", {\n    ref: zoneRef,\n    className: className,\n    id: id ? id : role === 'main' ? role : null,\n    \"aria-label\": ariaLabel,\n    \"aria-hidden\": ariaHidden,\n    role: role,\n    children: children\n  });\n}\n\nfunction getClassNames(block) {\n  var classNames = _adapters_helpers_Constants__WEBPACK_IMPORTED_MODULE_6__/* .ZoneConstants.zone */ .j0.zone;\n  var zoneClassNames = block.getFieldValue(_adapters_helpers_Constants__WEBPACK_IMPORTED_MODULE_6__/* .ZoneConstants.classNames */ .j0.classNames);\n\n  if (zoneClassNames) {\n    classNames += zoneClassNames;\n  }\n\n  return classNames;\n}\n\n/***/ })\n\n}]);"],"names":["self","push","__unused_webpack_module","__webpack_exports__","__webpack_require__","LayoutContext","react__WEBPACK_IMPORTED_MODULE_0__","createContext","r","d","Zone","react__WEBPACK_IMPORTED_MODULE_3__","next_dynamic__WEBPACK_IMPORTED_MODULE_4__","next_dynamic__WEBPACK_IMPORTED_MODULE_4___default","n","_Layout_LayoutContext__WEBPACK_IMPORTED_MODULE_5__","_adapters_helpers_Constants__WEBPACK_IMPORTED_MODULE_6__","_adapters_helpers_Block__WEBPACK_IMPORTED_MODULE_7__","react_lazyload__WEBPACK_IMPORTED_MODULE_8__","_adapters_helpers_Loader__WEBPACK_IMPORTED_MODULE_9__","_adapters_helpers_Utils__WEBPACK_IMPORTED_MODULE_10__","react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__","Image","e","then","bind","loadableGenerated","webpack","props","block","Z","extraAttributes","zoneRef","useRef","ariaHidden","className","getClassNames","role","getFieldValue","j0","id","ariaLabel","backgroundImage","children","renderChildBlocks","onClickCallback","customEvent","isContestVisible","_ref","layoutContext","useContext","hideZonesIfContestVisible","classNames","zoneSpotlightSliderBodyClassname","zoneSpotlightContestClassname","indexOf","useLayoutEffect","setTimeout","MX","current","useEffect","jsx","Suspense","fallback","ref","image","zoneClassName","offset","Fragment","zone","zoneClassNames"],"sourceRoot":""}