{
  "version": 3,
  "sources": ["ssg:https://framer.com/m/framer/store.js@^1.0.0", "ssg:https://framerusercontent.com/modules/T1wuQ0TmEmS56924WN2N/MuIbBfUDbKOX0TmGuRNn/OneTimePopUp.js"],
  "sourcesContent": ["import{useState,useEffect}from\"react\";import{Data,useObserveData}from\"framer\";export function createStore(state1){// Use Data so that a Preview reload resets the state\nconst dataStore=Data({state:Object.freeze({...state1})});// Create a set function that updates the state\nconst setDataStore=newState=>{// If the state is an object, make sure we copy it\nif(typeof newState===\"function\"){newState=newState(dataStore.state);}dataStore.state=Object.freeze({...dataStore.state,...newState});};// Store the initial state, copy the object if it's an object\nlet storeState=typeof state1===\"object\"?Object.freeze({...state1}):state1;// Keep a list of all the listeners, in the form of React hook setters\nconst storeSetters=new Set();// Create a set function that updates all the listeners / setters\nconst setStoreState=newState=>{// If the state is an object, make sure we copy it\nif(typeof newState===\"function\"){newState=newState(storeState);}storeState=typeof newState===\"object\"?Object.freeze({...storeState,...newState}):newState;// Update all the listeners / setters with the new value\nstoreSetters.forEach(setter=>setter(storeState));};// Create the actual hook based on everything above\nfunction useStore(){// Create the hook we are going to use as a listener\nconst[state,setState]=useState(storeState);// If we unmount the component using this hook, we need to remove the listener\n// @ts-ignore\nuseEffect(()=>{// But right now, we need to add the listener\nstoreSetters.add(setState);return()=>storeSetters.delete(setState);},[]);// If Data context exists, use Data, otherwise use vanilla React state\nif(useObserveData()===true){useObserveData();return[dataStore.state,setDataStore];}else{// Return the state and a function to update the central store\nreturn[state,setStoreState];}}return useStore;}\nexport const __FramerMetadata__ = {\"exports\":{\"createStore\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./createStore.map", "import{jsx as _jsx}from\"react/jsx-runtime\";import React,{useEffect,useRef}from\"react\";import{motion}from\"framer-motion\";import{createStore}from\"https://framer.com/m/framer/store.js@^1.0.0\";// Store for managing overlay visibility\nconst useStore=createStore({isOverlayVisible:false});// Overlay styles\nconst popUpStructure={position:\"fixed\",top:0,left:0,right:0,bottom:0,display:\"flex\",alignItems:\"center\",justifyContent:\"center\",backgroundColor:\"rgba(0, 0, 0, 0.8)\",zIndex:1e3};// Content container styles with margins and center alignment\nconst contentContainerStyle={marginLeft:\"20px\",marginRight:\"20px\"};// Animation configuration\nconst animation={initial:{y:25,opacity:0},animate:{y:0,opacity:1},exit:{y:25,opacity:0},transition:{type:\"spring\",stiffness:500,damping:25,mass:.5}};// HOC to show overlay after 3 seconds and close on click outside or cancel button\nexport function withTimedOverlay(Component){return function WrappedComponent(props){const[store,setStore]=useStore();const[overlayDismissed,setOverlayDismissed]=React.useState(false);const popupRef=useRef(null)// Ref for the popup content\n;// Check if overlay was dismissed previously\nuseEffect(()=>{const dismissed=sessionStorage.getItem(\"overlayDismissed\")===\"true\";setOverlayDismissed(dismissed);if(dismissed){setStore({isOverlayVisible:false});}},[setStore]);// Show overlay after 5 seconds\nuseEffect(()=>{if(overlayDismissed)return;const timer=setTimeout(()=>{setStore({isOverlayVisible:true});},5e3)// 5 seconds\n;return()=>clearTimeout(timer);},[overlayDismissed,setStore]);// Close overlay on click outside the popup\nuseEffect(()=>{if(!store.isOverlayVisible)return;const handleMouseDown=event=>{// Check if the click is outside the popup content\nif(popupRef.current&&!popupRef.current.contains(event.target)){setStore({isOverlayVisible:false});sessionStorage.setItem(\"overlayDismissed\",\"true\");}};document.addEventListener(\"mousedown\",handleMouseDown);return()=>document.removeEventListener(\"mousedown\",handleMouseDown);},[store.isOverlayVisible,setStore]);if(!store.isOverlayVisible)return null;return /*#__PURE__*/_jsx(\"div\",{style:popUpStructure,role:\"dialog\",\"aria-modal\":\"true\",children:/*#__PURE__*/_jsx(motion.div,{...animation,ref:popupRef,style:contentContainerStyle,children:/*#__PURE__*/_jsx(Component,{...props})})});};}// HOC to wrap a component (e.g., a button) with overlay dismissal functionality\nexport function withCancelOverlay(Component){return function WrappedComponent(props){const[,setStore]=useStore();// Dismiss overlay and handle link navigation\nconst handleClick=event=>{event.preventDefault();// Dismiss the overlay\nsetStore({isOverlayVisible:false});sessionStorage.setItem(\"overlayDismissed\",\"true\");// Navigate to the link after a short delay (for smooth overlay dismissal)\nif(props.href){setTimeout(()=>{window.location.href=props.href;},300)// Delay to allow overlay animation to complete\n;}};return /*#__PURE__*/_jsx(Component,{...props,onClick:handleClick});};}\nexport const __FramerMetadata__ = {\"exports\":{\"withCancelOverlay\":{\"type\":\"reactHoc\",\"name\":\"withCancelOverlay\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withTimedOverlay\":{\"type\":\"reactHoc\",\"name\":\"withTimedOverlay\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./OneTimePopUp.map"],
  "mappings": "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",
  "names": ["createStore", "state1", "dataStore", "Data", "setDataStore", "newState", "storeState", "storeSetters", "setStoreState", "setter", "useStore", "state", "setState", "ye", "ue", "useObserveData", "useStore", "createStore", "popUpStructure", "contentContainerStyle", "animation", "withTimedOverlay", "Component", "props", "store", "setStore", "overlayDismissed", "setOverlayDismissed", "e", "popupRef", "pe", "ue", "dismissed", "timer", "handleMouseDown", "event", "p", "motion", "withCancelOverlay", "window"]
}