@c15t/react/dist/components/consent-manager-dialog/atoms/overlay.cjs

Developer-first CMP for React: cookie banner, consent manager, preferences centre. GDPR ready with minimal setup and rich customization

"use strict";let __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.n=e=>{var _=e&&e.__esModule?()=>e.default:()=>e;return __webpack_require__.d(_,{a:_}),_},__webpack_require__.d=(e,_)=>{for(var a in _)__webpack_require__.o(_,a)&&!__webpack_require__.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:_[a]})},__webpack_require__.o=(e,_)=>Object.prototype.hasOwnProperty.call(e,_),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Overlay:()=>Overlay,ConsentManagerDialogOverlay:()=>ConsentManagerDialogOverlay});let jsx_runtime_namespaceObject=require("react/jsx-runtime"),external_clsx_namespaceObject=require("clsx");var external_clsx_default=__webpack_require__.n(external_clsx_namespaceObject);let external_react_namespaceObject=require("react"),use_consent_manager_cjs_namespaceObject=require("../../../hooks/use-consent-manager.cjs"),use_styles_cjs_namespaceObject=require("../../../hooks/use-styles.cjs"),use_theme_cjs_namespaceObject=require("../../../hooks/use-theme.cjs"),external_consent_manager_dialog_module_cjs_namespaceObject=require("../consent-manager-dialog.module.cjs");var external_consent_manager_dialog_module_cjs_default=__webpack_require__.n(external_consent_manager_dialog_module_cjs_namespaceObject);let ConsentManagerDialogOverlay=({noStyle:e,style:_})=>{let a,{isPrivacyDialogOpen:r}=(0,use_consent_manager_cjs_namespaceObject.useConsentManager)(),{disableAnimation:t,noStyle:n,scrollLock:s=!0}=(0,use_theme_cjs_namespaceObject.useTheme)(),[l,c]=(0,external_react_namespaceObject.useState)(!1);(0,external_react_namespaceObject.useEffect)(()=>{if(r)c(!0);else if(t)c(!1);else{let e=setTimeout(()=>{c(!1)},Number.parseInt(getComputedStyle(document.documentElement).getPropertyValue("--dialog-animation-duration")||"200",10));return()=>clearTimeout(e)}},[r,t]);let o="string"==typeof _?_:_?.className,u=(0,use_styles_cjs_namespaceObject.useStyles)("dialog.overlay",{baseClassName:!(n||e)&&external_consent_manager_dialog_module_cjs_default().overlay,className:o,noStyle:n||e});a=n||e||t?void 0:l?external_consent_manager_dialog_module_cjs_default().overlayVisible:external_consent_manager_dialog_module_cjs_default().overlayHidden;let i=external_clsx_default()(u.className,a);return(0,jsx_runtime_namespaceObject.jsx)("div",{style:"object"==typeof _&&"style"in _?{...u.style,..._.style}:u.style,className:i,"data-testid":"consent-manager-dialog-overlay"})},Overlay=ConsentManagerDialogOverlay;for(var __webpack_i__ in exports.ConsentManagerDialogOverlay=__webpack_exports__.ConsentManagerDialogOverlay,exports.Overlay=__webpack_exports__.Overlay,__webpack_exports__)-1===["ConsentManagerDialogOverlay","Overlay"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});