{"version":3,"file":"Delayedpopup.Bz5LrHvt.mjs","names":["useState","React","_Fragment"],"sources":["https:/framerusercontent.com/modules/mF3oOVhYBWL1EiADg8XA/0bdQINqy7Wn4pnPhSJG0/Delayedpopup.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from\"react/jsx-runtime\";import React,{useState,useEffect}from\"react\";import{addPropertyControls,ControlType,RenderTarget}from\"framer\";import{motion}from\"framer-motion\";/**\n * @framerDisableUnlink\n *\n * @framerSupportedLayoutWidth any\n * @framerSupportedLayoutHeight any\n */export default function DelayPopup(props){const isCanvas=RenderTarget.current()===RenderTarget.canvas;const[isVisible,setIsVisible]=useState(false);const hasInstance=React.Children.toArray(props.content).filter(Boolean).length>0;useEffect(()=>{if(isCanvas)return;// Check if banner was already dismissed\nif(props.showOnce){const dismissed=localStorage.getItem(props.showOnceId);if(dismissed){return;}}const timer=setTimeout(()=>{setIsVisible(true);// Disable scrolling when popup appears\ndocument.body.style.overflow=\"hidden\";},props.timeoutDuration);return()=>{clearTimeout(timer);// Re-enable scrolling when component unmounts\ndocument.body.style.overflow=\"\";};},[props.timeoutDuration,props.showOnce,props.showOnceId,isCanvas]);const handleClose=()=>{setIsVisible(false);// Re-enable scrolling when popup closes\ndocument.body.style.overflow=\"\";if(props.showOnce){localStorage.setItem(props.showOnceId,\"true\");}};const getPositionStyles=()=>{const baseStyles={position:\"fixed\",zIndex:1e3};const padding=props.padding;switch(props.position){case\"top-left\":return{...baseStyles,top:`${padding}px`,left:`${padding}px`};case\"top-center\":return{...baseStyles,top:`${padding}px`,left:\"50%\",x:\"-50%\"};case\"top-right\":return{...baseStyles,top:`${padding}px`,right:`${padding}px`};case\"center-left\":return{...baseStyles,top:\"50%\",left:`${padding}px`,y:\"-50%\"};case\"center\":return{...baseStyles,top:\"50%\",left:\"50%\",x:\"-50%\",y:\"-50%\"};case\"center-right\":return{...baseStyles,top:\"50%\",right:`${padding}px`,y:\"-50%\"};case\"bottom-left\":return{...baseStyles,bottom:`${padding}px`,left:`${padding}px`};case\"bottom-center\":return{...baseStyles,bottom:`${padding}px`,left:\"50%\",x:\"-50%\"};case\"bottom-right\":return{...baseStyles,bottom:`${padding}px`,right:`${padding}px`};default:return baseStyles;}};// Canvas mode\nif(isCanvas){if(!hasInstance){return /*#__PURE__*/_jsxs(\"div\",{style:{display:\"flex\",flexDirection:\"column\",alignItems:\"center\",textAlign:\"center\",justifyContent:\"center\",height:\"100%\",backgroundColor:\"rgba(153, 102, 255, 0.1)\",padding:\"40px\",gap:\"12px\"},children:[/*#__PURE__*/_jsx(\"span\",{role:\"img\",\"aria-label\":\"icon\",style:{fontSize:\"32px\"},children:\"🎯\"}),/*#__PURE__*/_jsxs(\"div\",{children:[/*#__PURE__*/_jsx(\"h3\",{style:{margin:0,fontSize:\"14px\",color:\"#96F\",fontWeight:600},children:\"Delay Popup\"}),/*#__PURE__*/_jsx(\"p\",{style:{margin:\"4px 0 0 0\",fontSize:\"12px\",color:\"rgba(153, 102, 255, 0.7)\"},children:\"Connect content to begin\"})]})]});}return /*#__PURE__*/_jsxs(\"div\",{style:{width:\"100%\",height:\"100%\",position:\"relative\",overflow:\"hidden\",padding:\"40px\",display:\"flex\",alignItems:\"center\",justifyContent:\"center\"},children:[props.showOverlay&&/*#__PURE__*/_jsx(\"div\",{style:{position:\"absolute\",top:0,left:0,right:0,bottom:0,backgroundColor:props.overlayColor}}),/*#__PURE__*/_jsx(\"div\",{style:{position:\"relative\",zIndex:1},children:props.content})]});}// Live mode\nreturn /*#__PURE__*/_jsxs(_Fragment,{children:[props.showOverlay&&/*#__PURE__*/_jsx(motion.div,{initial:{opacity:0},animate:{opacity:isVisible?1:0},transition:{duration:.3,ease:\"easeOut\"},onClick:handleClose,style:{position:\"fixed\",top:0,left:0,width:\"100%\",height:\"100%\",backgroundColor:props.overlayColor,backdropFilter:props.blurAmount>0?`blur(${props.blurAmount}px)`:\"none\",WebkitBackdropFilter:props.blurAmount>0?`blur(${props.blurAmount}px)`:\"none\",zIndex:999,cursor:\"pointer\",pointerEvents:isVisible?\"all\":\"none\"}}),/*#__PURE__*/_jsx(motion.div,{initial:{opacity:0,scale:.8},animate:{opacity:isVisible?1:0,scale:isVisible?1:.8},transition:{type:\"spring\",stiffness:300,damping:25},style:{...getPositionStyles(),pointerEvents:isVisible?\"all\":\"none\"},children:props.content})]});}DelayPopup.defaultProps={timeoutDuration:2e3,position:\"center\",padding:20,overlayColor:\"rgba(0, 0, 0, 0.8)\",showOverlay:true,blurAmount:0,showOnce:false,showOnceId:\"overlay_banner_default\"};addPropertyControls(DelayPopup,{content:{type:ControlType.ComponentInstance,title:\"Content\"},position:{type:ControlType.Enum,title:\"Position\",options:[\"top-left\",\"top-center\",\"top-right\",\"center-left\",\"center\",\"center-right\",\"bottom-left\",\"bottom-center\",\"bottom-right\"],optionTitles:[\"Top Left\",\"Top Center\",\"Top Right\",\"Center Left\",\"Center\",\"Center Right\",\"Bottom Left\",\"Bottom Center\",\"Bottom Right\"],defaultValue:\"center\"},padding:{type:ControlType.Number,title:\"Padding\",min:0,max:1e3,step:1,defaultValue:20,displayStepper:true},timeoutDuration:{type:ControlType.Number,title:\"Delay (ms)\",min:0,max:1e5,step:100,defaultValue:2e3,displayStepper:true},showOverlay:{type:ControlType.Boolean,title:\"Show Overlay\",defaultValue:true},overlayColor:{type:ControlType.Color,title:\"Overlay Color\",defaultValue:\"rgba(0, 0, 0, 0.8)\",hidden:props=>!props.showOverlay},blurAmount:{type:ControlType.Number,title:\"Blur Amount\",min:0,max:50,step:1,defaultValue:0,displayStepper:true,hidden:props=>!props.showOverlay},showOnce:{type:ControlType.Boolean,title:\"Show Once\",defaultValue:false},showOnceId:{type:ControlType.String,title:\"Show Once ID\",defaultValue:\"overlay_banner_default\",hidden:props=>!props.showOnce,description:\"v1.0 \\n[via SegmentUI](https://www.segmentUI.com)\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"DelayPopup\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutHeight\":\"any\",\"framerSupportedLayoutWidth\":\"any\",\"framerDisableUnlink\":\"*\",\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Delayedpopup.map"],"mappings":"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"}