into several smaller ones, which prevents the huge
\n// from becoming an LCP element.\nconst descriptionParagraphs=description?.split(\"\\n\\n\");return description.split(\"\\n\\n\").map((line,index)=>/*#__PURE__*/_jsx(DescriptionParagraph,{line:line,// Only render the policy in the last paragraph\n policy:index===descriptionParagraphs.length-1?policy:null,style:{// Add a spacing between paragraphs\n marginTop:index>0?4:0,...style},linkColor:linkColor},index));}function DescriptionParagraph({line,policy,style,linkColor}){return /*#__PURE__*/_jsxs(\"p\",{style:{lineHeight:1.5,margin:0,padding:0,fontSize:14,...style},children:[line,line&&policy?.link?\" \":null,policy?.link&&/*#__PURE__*/_jsxs(\"span\",{children:[policy?.prefix,\" \",/*#__PURE__*/_jsx(\"a\",{href:policy?.link,target:\"_blank\",rel:\"noopener noreferrer\",style:{color:linkColor,textDecoration:\"none\"},children:policy?.label}),\".\"]})]});}function Buttons({children,direction}){return /*#__PURE__*/_jsx(\"div\",{style:{display:\"flex\",flexDirection:direction,gap:10,marginTop:16},children:children});}const Button=withCSS(function Button({id,children,primary,settings,onClick}){const paddingValue=settings.paddingPerSide?`${settings.paddingTop}px ${settings.paddingRight}px ${settings.paddingBottom}px ${settings.paddingLeft}px`:`${settings.padding}px`;const theme=primary?settings.primary:settings.secondary;return /*#__PURE__*/_jsx(motion.input,{className:\"__framer-cookie-component-button\",id:`__framer-cookie-component-button-${id}`,onClick:onClick,type:\"button\",value:`${children}`,whileHover:{opacity:settings.hoverOpacity??.6},whileTap:{opacity:settings.tapOpacity??.4},style:{WebkitAppearance:\"none\",appearance:\"none\",width:settings.fluid?\"100%\":\"auto\",height:\"auto\",border:\"none\",padding:paddingValue,borderRadius:settings.borderRadius,boxShadow:getShadow(theme.shadow),background:theme.fill,color:theme.color,fontSize:14,lineHeight:1,cursor:\"pointer\",fontWeight:settings.font?\"unset\":600,...withDefaultFontFamily(settings.font)}});},\".__framer-cookie-component-button:focus:not(:focus-visible){outline-color:transparent}\",\"framer-lib-cookie-banner\");function withDefaultFontFamily(style){if(style?.fontFamily)return style;return{...style,fontFamily:style?.fontFamily||DEFAULT_FONT_FAMILY};}\nexport const __FramerMetadata__ = {\"exports\":{\"BannerComponentProps\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"Banner\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Banner.map","// ⚠️⚠️⚠️⚠️⚠️\n// Edit these files in https://github.com/framer/FramerCodeComponents\n// ⚠️⚠️⚠️⚠️⚠️\nimport{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from\"react/jsx-runtime\";import{addPropertyControls,ControlType,RenderTarget,useIsOnFramerCanvas,withCSS}from\"framer\";import{AnimatePresence,isBrowser,motion}from\"framer-motion\";import{lazy,Suspense,useEffect,useState}from\"react\";import{createPortal}from\"react-dom\";import{defaultConsent,useConsent,useGTMDefaultConsent}from\"https://framerusercontent.com/modules/zvf2WTzc98u6EX2y7YDj/SElQKSOnUBZOSJtmN84H/consent.js\";import{useRegion}from\"https://framerusercontent.com/modules/0oeZpJVursioGAbwgB9e/LdKok3hlO89v4p4R5gq4/region.js\";import{Banner}from\"https://framerusercontent.com/modules/EkwkxVF9vkTs720qqBC8/LMJoQTMJ3dAbGtsVKgtQ/Banner.js\";import{inEU}from\"https://framerusercontent.com/modules/HKzIAGtbudIGLRAteuFH/Puy217ziAIZRqHk4rVRu/inEU.js\";import{DEFAULT_FONT_FAMILY,getFlexboxValues,interactionResponse,yieldBeforeCb}from\"https://framerusercontent.com/modules/tfq8EDfrazNLXzc9LJte/pK4oThhjjhllFVAwqFls/utils.js\";// Keep track of open state between page reloads\nlet initiallyOpen=false;/**\n * COOKIE BANNER\n * By Floris Verloop\n *\n * @framerSupportedLayoutWidth auto\n * @framerSupportedLayoutHeight auto\n *\n * @framerDisableUnlink\n *\n */export default function CookieBanner({gtmId,preview,trigger,banner,button,content,options,style,gtmLoadedExternally,onShown,onConsentChange,onAccept,onDismiss,onReject,onSavePreferences}){const isOnFramerCanvas=useIsOnFramerCanvas();const isPreview=preview&&isOnFramerCanvas;const skipLogic=!preview&&isOnFramerCanvas;const isInEU=isBrowser?inEU():false;// we ignore customer's GTM in preview because their specific setups can break the preview currently\n// this can be removed if we remove reliance on globals for react symbols in the preview\n// https://framer-team.slack.com/archives/C01J38GC2SW/p1770826268498759\nconst skipGTMId=isInFramerPreview();const gtmDefaults=useGTMDefaultConsent();const region=useRegion({content,useRegionFromProps:isPreview,// skip EU check (expensive) if we are on the canvas and don't want a preview\nskipEUCheck:skipLogic,regionFromGTM:gtmDefaults.region});const consent=useConsent({gtmId:skipGTMId?\"\":gtmId,defaultConsent:gtmDefaults.available?gtmDefaults.consent:region.defaults,gtmLoadedExternally,defaultsFromGTM:gtmDefaults.available});const[isOpen,setIsOpen]=useState(initiallyOpen);// On page switch, disable all transitions so the banner shows up as fast as possible.\nconst[instantlyShowOnMount,setInstantlyShowOnMount]=useState(initiallyOpen);useEffect(()=>{if(skipLogic)return;// Save open state between page switches\ninitiallyOpen=isOpen;// Disable instantly show on mount after first open\nif(isOpen){setInstantlyShowOnMount(false);}// Track shown event\nif(isOpen&&!isPreview&&onShown){yieldBeforeCb(()=>onShown({isInEU}),{priority:\"user-blocking\"});}},[isOpen,skipLogic]);// Check if user should be prompted\nuseEffect(()=>{if(skipLogic)return;const noConsentGiven=consent.isInitialized&&!consent.isDismissed;const shouldAutoAccept=region.type===\"simple\"&&!consent.isAutoAccepted;if(noConsentGiven){performance.mark(\"framer-cookie-open\");setIsOpen(true);/** Automatically accept all cookies for simple banner. */if(shouldAutoAccept){consent.autoAccept();// Fire callback\nif(onAccept){yieldBeforeCb(()=>onAccept({isInEU}));}}}if(consent.isDismissed){setIsOpen(false);}},[consent.isInitialized,consent.isDismissed,skipLogic]);useEffect(()=>{if(skipLogic)return;if(onConsentChange){yieldBeforeCb(()=>onConsentChange({isInEU,consent:consent.modes}));}},[consent.modes,skipLogic]);async function handleDismiss(){await interactionResponse();consent.dismiss();setIsOpen(false);// Fire callback\nif(onDismiss){yieldBeforeCb(()=>onDismiss({isInEU}));}}async function handleAcceptAll(){await interactionResponse();consent.acceptAll();setIsOpen(false);// Fire callback\nif(onAccept){yieldBeforeCb(()=>onAccept({isInEU}));}}async function handleRejectAll(){await interactionResponse();consent.rejectAll();setIsOpen(false);// Fire callback\nif(onReject){yieldBeforeCb(()=>onReject({isInEU}));}}async function handleAcceptCurrent(){await interactionResponse();consent.acceptCurrent();setIsOpen(false);// Fire callbacks\nyieldBeforeCb(()=>{if(onAccept){onAccept({isInEU});}});yieldBeforeCb(()=>{if(onSavePreferences){onSavePreferences({isInEU});}});}if(isPreview){return /*#__PURE__*/_jsx(\"div\",{style:{...style,width:banner.width},children:/*#__PURE__*/_jsx(Banner,{banner:banner,button:button,region:region,options:options,previewOptions:isPreview&&options.preview,consentModes:{...defaultConsent,necessary:true},animateOnMount:false})});}return /*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx(Trigger,{style:style,trigger:trigger,onClick:()=>setIsOpen(true)}),!skipLogic&&/*#__PURE__*/_jsx(Overlay,{banner:banner,button:button,region:region,options:options,consentModes:consent.modes,animateOnMount:!instantlyShowOnMount,onAcceptAll:handleAcceptAll,onAcceptCurrent:handleAcceptCurrent,onRejectAll:handleRejectAll,onDismiss:handleDismiss,onToggleConsent:consent.toggleMode,isOpen:isOpen})]});}function isInFramerPreview(){return RenderTarget.current()===RenderTarget.preview&&typeof window!==\"undefined\"&&window.origin?.endsWith(\".framercanvas.com\");}const IconCookie=/*#__PURE__*/lazy(()=>import(\"https://framerusercontent.com/modules/80EyUU0Nk6u7skW3IlHH/5dbuLOGDrS0SjHVtVyCR/Icons.js\"));function Overlay(props){const insetValue=props.banner.insetPerSide?`${props.banner.insetTop}px ${props.banner.insetRight}px ${props.banner.insetBottom}px ${props.banner.insetLeft}px`:`${props.banner.inset}px`;const{justifyContent,alignItems}=getFlexboxValues(props.banner.position);const isOpen=props.isOpen;const[shouldRenderPortal,setShouldRenderPortal]=useState(isOpen);// if the portal has previously been rendered, we want to keep rendering the portal, which ensures:\n// - that AnimatePresence works (fade out effect)\n// - we don't cause body style recalc/reflow when the DOM node is removed\nif(!shouldRenderPortal&&isOpen)setShouldRenderPortal(isOpen);if(!shouldRenderPortal)return null;const blocking=props.region.blocking;return /*#__PURE__*/createPortal(/*#__PURE__*/_jsx(\"div\",{style:{display:\"contents\"},children:/*#__PURE__*/_jsx(AnimatePresence,{children:isOpen?/*#__PURE__*/_jsxs(motion.div,{style:{// We only need to span to the full viewport width if the overlay is blocking.\n// Otherwise, we optimize for a smaller layer size. see: https://framer-team.slack.com/archives/C05V49Q4NJ2/p1709820207863249\ntop:blocking||alignItems===\"flex-start\"?0:undefined,left:blocking||justifyContent===\"flex-start\"?0:undefined,right:blocking||justifyContent===\"flex-end\"?0:undefined,height:blocking?\"100%\":undefined,width:blocking||justifyContent===\"center\"?\"100%\":undefined,bottom:blocking||alignItems===\"flex-end\"?0:undefined,boxSizing:\"border-box\",position:\"fixed\",touchAction:\"none\",padding:insetValue,zIndex:props.banner.zIndex,display:\"flex\",flexDirection:\"row\",gap:20,justifyContent:\"center\",pointerEvents:blocking?\"all\":\"none\"},children:[blocking&&/*#__PURE__*/_jsx(Backdrop,{color:props.banner.style?.backdrop}),/*#__PURE__*/_jsx(\"div\",{style:{width:\"100%\",height:\"100%\",display:\"flex\",justifyContent,alignItems,pointerEvents:\"none\",maxWidth:props.banner.containerWidth>0?props.banner.containerWidth:\"unset\"},children:/*#__PURE__*/_jsx(Banner,{...props})})]}):null})}),document.body);}const Trigger=withCSS(({trigger,style,onClick})=>{const isOnFramerCanvas=useIsOnFramerCanvas();if(trigger.type!==\"none\"){return /*#__PURE__*/_jsx(\"button\",{type:\"button\",className:\"__framer-cookie-component-button\",\"aria-label\":\"Cookie Trigger\",style:{width:\"100%\",height:\"100%\",background:\"none\",display:\"flex\",border:\"none\",padding:0,color:trigger.color,fontSize:16,cursor:\"pointer\",...trigger.textFont},onClick:onClick,children:trigger.type===\"icon\"?trigger.iconType===\"custom\"&&trigger.iconImage?/*#__PURE__*/_jsx(\"img\",{alt:\"\",src:trigger.iconImage.src,width:trigger.iconSize,height:trigger.iconSize}):/*#__PURE__*/_jsx(Suspense,{fallback:null,children:/*#__PURE__*/_jsx(IconCookie,{width:trigger.iconSize,height:trigger.iconSize,color:trigger.color})}):/*#__PURE__*/_jsx(\"span\",{style:{whiteSpace:\"nowrap\"},children:trigger.text})});}if(isOnFramerCanvas){return /*#__PURE__*/_jsxs(\"div\",{style:{borderRadius:8,color:\"#09F\",border:\"1px dashed #09F\",background:\"rgba(0, 153, 255, 0.1)\",padding:20,display:\"flex\",flexDirection:\"column\",gap:5,fontFamily:DEFAULT_FONT_FAMILY,textAlign:\"center\",justifyContent:\"center\",width:164,...style},children:[/*#__PURE__*/_jsx(\"p\",{style:{fontSize:12,fontWeight:600,lineHeight:1,margin:0},children:\"Cookie Banner\"}),/*#__PURE__*/_jsx(\"p\",{style:{fontSize:12,lineHeight:1.5,margin:0},children:\"Put on a page to add a Cookie Banner.\"})]});}},\".__framer-cookie-component-button:focus:not(:focus-visible){outline-color:transparent}\",\"framer-lib-cookie-trigger\");function Backdrop({color}){return /*#__PURE__*/_jsx(motion.div,{initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},style:{position:\"absolute\",top:0,left:0,right:0,bottom:0,width:\"100%\",height:\"100%\",backgroundColor:color,pointerEvents:\"none\"}});}addPropertyControls(CookieBanner,{gtmId:{title:\"GTM ID\",type:ControlType.String,placeholder:\"GTM-AAAAAAA\",description:\"Your GTM container ID.\\n[Learn more](https://www.framer.com/learn/cookie-banner/)\"},preview:{type:ControlType.Boolean,defaultValue:true,description:\"Lets you preview the banner on the Canvas.\"},trigger:{type:ControlType.Object,buttonTitle:\"Icon, Text\",controls:{type:{title:\"Type\",type:ControlType.Enum,options:[\"text\",\"icon\",\"none\"],optionTitles:[\"Text\",\"Icon\",\"None\"],defaultValue:\"text\",displaySegmentedControl:true},iconType:{title:\"Icon\",type:ControlType.Enum,options:[\"default\",\"custom\"],optionTitles:[\"Default\",\"Custom\"],displaySegmentedControl:true,hidden:props=>props.type!==\"icon\"},text:{title:\"Label\",type:ControlType.String,defaultValue:\"Cookie Settings\",hidden:props=>props.type!==\"text\"},textFont:{// @ts-ignore - internal\ntype:ControlType.Font,title:\" \",controls:\"extended\",hidden:props=>props.type!==\"text\"},iconSize:{title:\"Size\",type:ControlType.Number,displayStepper:true,defaultValue:24,hidden:props=>props.type!==\"icon\"},color:{title:\"Color\",type:ControlType.Color,defaultValue:\"#333\",hidden:props=>props.type===\"none\"||props.type===\"icon\"&&props.iconType===\"custom\"},iconImage:{title:\"File\",type:ControlType.ResponsiveImage,allowedFileTypes:[\"jpg\",\"png\",\"svg\"],hidden:props=>props.iconType===\"default\"}}},banner:{title:\"Banner\",type:ControlType.Object,buttonTitle:\"Font, Styles\",controls:{position:{type:ControlType.Enum,title:\"Position\",options:[\"top-left\",\"top-center\",\"top-right\",\"bottom-right\",\"bottom-center\",\"bottom-left\"],optionTitles:[\"Top Left\",\"Top Center\",\"Top Right\",\"Bottom Right\",\"Bottom Center\",\"Bottom Left\"],defaultValue:\"bottom-right\"},zIndex:{title:\"Z Index\",type:ControlType.Number,defaultValue:10,displayStepper:true,min:0,max:10},width:{title:\"Width\",type:ControlType.Number,defaultValue:360,min:200,max:1e3,displayStepper:true,step:5},containerWidth:{title:\"Wrapping\",type:ControlType.Number,defaultValue:0,min:0},padding:{title:\"Padding\",type:ControlType.FusedNumber,toggleKey:\"paddingPerSide\",toggleTitles:[\"Padding\",\"Padding per side\"],defaultValue:20,valueKeys:[\"paddingTop\",\"paddingRight\",\"paddingBottom\",\"paddingLeft\"],valueLabels:[\"T\",\"R\",\"B\",\"L\"],min:0},inset:{title:\"Inset\",type:ControlType.FusedNumber,toggleKey:\"insetPerSide\",toggleTitles:[\"Inset\",\"Inset per side\"],defaultValue:20,valueKeys:[\"insetTop\",\"insetRight\",\"insetBottom\",\"insetLeft\"],valueLabels:[\"T\",\"R\",\"B\",\"L\"],min:0},style:{type:ControlType.Object,title:\"Style\",buttonTitle:\"Fonts, Colors, Shadow\",controls:{fontTitle:{// @ts-ignore - internal\ntype:ControlType.Font,title:\"Title\",controls:\"extended\"},colorTitle:{title:\" \",type:ControlType.Color,defaultValue:\"#000\"},fontBody:{// @ts-ignore - internal\ntype:ControlType.Font,title:\"Body\",controls:\"extended\"},colorBody:{title:\" \",type:ControlType.Color,defaultValue:\"#444\"},fill:{title:\"Fill\",type:ControlType.Color,defaultValue:\"#FFF\"},link:{title:\"Link\",type:ControlType.Color,optional:true,defaultValue:\"#999\"},border:{type:ControlType.Object,title:\"Border\",buttonTitle:\"Radius, Width\",controls:{radius:{title:\"Radius\",type:ControlType.Number,displayStepper:true,min:0,defaultValue:14},width:{title:\"Width\",type:ControlType.Number,displayStepper:true,min:0,defaultValue:1},color:{title:\"Color\",type:ControlType.Color,defaultValue:\"rgba(0,0,0,0.05)\"}}},shadow:{type:ControlType.Object,title:\"Shadow\",optional:true,controls:{shadowColor:{title:\"Color\",type:ControlType.Color,defaultValue:\"rgba(0,0,0,0.25)\"},shadowX:{title:\"X\",type:ControlType.Number,min:-100,max:100,defaultValue:0},shadowY:{title:\"Y\",type:ControlType.Number,min:-100,max:100,defaultValue:2},shadowBlur:{title:\"Blur\",type:ControlType.Number,min:0,max:100,defaultValue:4}}},backdrop:{title:\"Backdrop\",type:ControlType.Color,defaultValue:\"rgba(0,0,0,0.1)\",hidden:(_,props)=>!props.content.euBlocking&&!props.content.worldBlocking}}},animation:{icon:\"effect\",buttonTitle:\"Options\",type:ControlType.Object,controls:{x:{type:ControlType.Number,displayStepper:true,defaultValue:0},y:{type:ControlType.Number,displayStepper:true,defaultValue:10},scale:{type:ControlType.Number,min:0,step:.1,defaultValue:1},transition:{type:ControlType.Transition}}}}},button:{title:\"Buttons\",type:ControlType.Object,buttonTitle:\"Variants, Style\",controls:{primary:{title:\"Primary\",type:ControlType.Object,buttonTitle:\"Colors, Shadow\",controls:{fill:{title:\"Fill\",type:ControlType.Color,defaultValue:\"#000\"},color:{title:\"Color\",type:ControlType.Color,defaultValue:\"#FFF\"},shadow:{type:ControlType.Object,title:\"Shadow\",optional:true,controls:{shadowColor:{title:\"Color\",type:ControlType.Color,defaultValue:\"rgba(0,0,0,0.25)\"},shadowX:{title:\"X\",type:ControlType.Number,min:-100,max:100},shadowY:{title:\"Y\",type:ControlType.Number,min:-100,max:100},shadowBlur:{title:\"Blur\",type:ControlType.Number,min:0,max:100}}}}},secondary:{title:\"Secondary\",type:ControlType.Object,buttonTitle:\"Colors, Shadow\",controls:{fill:{title:\"Fill\",type:ControlType.Color,defaultValue:\"#EEE\"},color:{title:\"Color\",type:ControlType.Color,defaultValue:\"#444\"},shadow:{type:ControlType.Object,title:\"Shadow\",optional:true,controls:{shadowColor:{title:\"Color\",type:ControlType.Color,defaultValue:\"rgba(0,0,0,0.25)\"},shadowX:{title:\"X\",type:ControlType.Number,min:-100,max:100},shadowY:{title:\"Y\",type:ControlType.Number,min:-100,max:100},shadowBlur:{title:\"Blur\",type:ControlType.Number,min:0,max:100}}}}},labels:{type:ControlType.Object,controls:{accept:{type:ControlType.String,defaultValue:\"Accept\"},reject:{type:ControlType.String,defaultValue:\"Reject\"},acceptAll:{type:ControlType.String,defaultValue:\"Accept all\"},rejectAll:{type:ControlType.String,defaultValue:\"Reject all\"},customize:{type:ControlType.String,defaultValue:\"Customize\"},save:{type:ControlType.String,defaultValue:\"Save Preferences\"},confirm:{type:ControlType.String,defaultValue:\"Okay\"}}},font:{// @ts-ignore - internal\ntype:ControlType.Font,title:\"Font\",controls:\"extended\"},padding:{title:\"Padding\",type:ControlType.FusedNumber,toggleKey:\"paddingPerSide\",toggleTitles:[\"Padding\",\"Padding per side\"],defaultValue:10,valueKeys:[\"paddingTop\",\"paddingRight\",\"paddingBottom\",\"paddingLeft\"],valueLabels:[\"T\",\"R\",\"B\",\"L\"],min:0},borderRadius:{title:\"Radius\",type:ControlType.Number,displayStepper:true,min:0,defaultValue:8},tapOpacity:{title:\"Tap Opacity\",type:ControlType.Number,step:.1,displayStepper:true,max:1,min:0,defaultValue:.4},hoverOpacity:{title:\"Hover Opacity\",type:ControlType.Number,step:.1,displayStepper:true,max:1,min:0,defaultValue:.6},direction:{type:ControlType.Enum,title:\"Direction\",options:[\"row\",\"column\"],// @ts-ignore - internal\noptionIcons:[\"direction-horizontal\",\"direction-vertical\"],defaultValue:\"row\",displaySegmentedControl:true},fluid:{title:\"Fluid\",type:ControlType.Boolean,defaultValue:true}}},content:{title:\"Regions\",type:ControlType.Object,buttonTitle:\"World, EU\",controls:{isEU:{title:\" \",type:ControlType.Boolean,defaultValue:true,enabledTitle:\"EU\",disabledTitle:\"World\"},euType:{title:\"Choices\",type:ControlType.Enum,options:[\"simple\",\"medium\",\"advanced\"],optionTitles:[\"None\",\"Accept/Reject\",\"Customizable\"],defaultValue:\"medium\",hidden:props=>!props.isEU},euTitle:{title:\"Title\",type:ControlType.String,defaultValue:\"Cookie Settings\",hidden:props=>props.euType===\"simple\"||!props.isEU},euDescription:{title:\"Description\",type:ControlType.String,defaultValue:\"We use cookies to enhance your experience, analyze site traffic and deliver personalized content.\",displayTextArea:true,hidden:props=>!props.isEU},euPolicy:{title:\"Policy\",type:ControlType.Object,buttonTitle:\"Link, Prefix\",controls:{link:{title:\"Link\",type:ControlType.Link,defaultValue:\"https://www.framer.com/legal/policy/\"},prefix:{title:\"Prefix\",type:ControlType.String,defaultValue:\"Read our\"},label:{title:\"Label\",type:ControlType.String,defaultValue:\"Cookie Policy\"}},hidden:props=>!props.isEU},euDefaults:{title:\"Defaults\",buttonTitle:\"Options\",type:ControlType.Object,controls:{necessary:{type:ControlType.Boolean,enabledTitle:\"Granted\",disabledTitle:\"Denied\",defaultValue:true},preferences:{type:ControlType.Boolean,enabledTitle:\"Granted\",disabledTitle:\"Denied\",defaultValue:false},analytics:{type:ControlType.Boolean,enabledTitle:\"Granted\",disabledTitle:\"Denied\",defaultValue:false},marketing:{type:ControlType.Boolean,enabledTitle:\"Granted\",disabledTitle:\"Denied\",defaultValue:false,description:\"The default consent when the user hasn’t provided any yet.\"}},hidden:props=>!props.isEU},euShowReject:{title:\"Reject All\",type:ControlType.Boolean,defaultValue:true,enabledTitle:\"Show\",disabledTitle:\"Hide\",hidden:props=>props.euType!==\"advanced\"},euBlocking:{title:\"Blocking\",type:ControlType.Boolean,defaultValue:false,description:\"Renders a content blocking backdrop.\",hidden:props=>!props.isEU},worldType:{title:\"Choices\",type:ControlType.Enum,options:[\"simple\",\"medium\",\"advanced\"],optionTitles:[\"None\",\"Accept/Reject\",\"Customizable\"],defaultValue:\"simple\",hidden:props=>props.isEU},worldTitle:{title:\"Title\",type:ControlType.String,defaultValue:\"Cookie Settings\",hidden:props=>props.worldType===\"simple\"||props.isEU},worldDescription:{title:\"Description\",type:ControlType.String,defaultValue:\"We use cookies to personalize content, run ads, and analyze traffic.\",displayTextArea:true,hidden:props=>props.isEU},worldPolicy:{title:\"Policy\",type:ControlType.Object,buttonTitle:\"Link, Prefix\",controls:{link:{title:\"Link\",type:ControlType.Link},prefix:{title:\"Prefix\",type:ControlType.String,defaultValue:\"Read our\"},label:{title:\"Label\",type:ControlType.String,defaultValue:\"Cookie Policy\"}},hidden:props=>props.isEU},worldDefaults:{title:\"Defaults\",buttonTitle:\"Options\",type:ControlType.Object,controls:{necessary:{type:ControlType.Boolean,enabledTitle:\"Granted\",disabledTitle:\"Denied\",defaultValue:true},preferences:{type:ControlType.Boolean,enabledTitle:\"Granted\",disabledTitle:\"Denied\",defaultValue:true},analytics:{type:ControlType.Boolean,enabledTitle:\"Granted\",disabledTitle:\"Denied\",defaultValue:true},marketing:{type:ControlType.Boolean,enabledTitle:\"Granted\",disabledTitle:\"Denied\",defaultValue:true,description:\"The default consent when the user hasn’t provided any yet.\"}},hidden:props=>props.isEU},worldShowReject:{title:\"Reject All\",type:ControlType.Boolean,defaultValue:true,enabledTitle:\"Show\",disabledTitle:\"Hide\",hidden:props=>props.worldType!==\"advanced\"},worldBlocking:{title:\"Blocking\",type:ControlType.Boolean,defaultValue:false,description:\"Renders a content blocking backdrop.\",hidden:props=>props.isEU}}},options:{type:ControlType.Object,buttonTitle:\"Content, Styles\",hidden:(_,props)=>props.content.euType!==\"advanced\"&&props.content.worldType!==\"advanced\",controls:{preview:{type:ControlType.Boolean,defaultValue:false,description:\"Open when previewing banner on the canvas.\",hidden:(_,props)=>!props.preview},necessary:{title:\"Necessary\",type:ControlType.Object,buttonTitle:\"Content\",controls:{title:{title:\"Title\",type:ControlType.String,defaultValue:\"Necessary\"},description:{title:\"Description\",type:ControlType.String,defaultValue:\"Enables security and basic functionality.\",displayTextArea:true},optional:{title:\"Optional\",type:ControlType.Boolean,defaultValue:true}}},preferences:{title:\"Preferences\",type:ControlType.Object,buttonTitle:\"Content\",controls:{title:{title:\"Title\",type:ControlType.String,defaultValue:\"Preferences\"},description:{title:\"Description\",type:ControlType.String,defaultValue:\"Enables personalized content and settings.\",displayTextArea:true,optional:true}}},analytics:{title:\"Analytics\",type:ControlType.Object,buttonTitle:\"Content\",controls:{title:{title:\"Title\",type:ControlType.String,defaultValue:\"Analytics\"},description:{title:\"Description\",type:ControlType.String,defaultValue:\"Enables tracking of performance.\",displayTextArea:true}}},marketing:{title:\"Marketing\",type:ControlType.Object,buttonTitle:\"Content\",controls:{title:{title:\"Title\",type:ControlType.String,defaultValue:\"Marketing\"},description:{title:\"Description\",type:ControlType.String,defaultValue:\"Enables ads personalization and tracking.\",displayTextArea:true}}},style:{type:ControlType.Object,title:\"Style\",buttonTitle:\"Fonts, Colors\",controls:{fontTitle:{// @ts-ignore - internal\ntype:ControlType.Font,title:\"Title\",controls:\"basic\"},fontBody:{// @ts-ignore - internal\ntype:ControlType.Font,title:\"Body\",controls:\"basic\"},background:{title:\"Background\",type:ControlType.Color,defaultValue:\"rgba(0,0,0,0.02)\"},border:{type:ControlType.Object,title:\"Border\",buttonTitle:\"Radius, Width\",controls:{radius:{title:\"Radius\",type:ControlType.Number,displayStepper:true,min:0,defaultValue:8},width:{title:\"Width\",type:ControlType.Number,displayStepper:true},color:{title:\"Color\",type:ControlType.Color,defaultValue:\"rgba(0,0,0,0.02)\"}}},toggleColor:{title:\"On\",type:ControlType.Color,defaultValue:\"#000\"},toggleColorInactive:{title:\"Off\",type:ControlType.Color,defaultValue:\"rgba(0,0,0,0.1)\"},padding:{title:\"Padding\",type:ControlType.FusedNumber,toggleKey:\"paddingPerSide\",toggleTitles:[\"Padding\",\"Padding per side\"],defaultValue:12,valueKeys:[\"paddingTop\",\"paddingRight\",\"paddingBottom\",\"paddingLeft\"],valueLabels:[\"T\",\"R\",\"B\",\"L\"],min:0}}}}}});CookieBanner.displayName=\"Cookie Banner\";\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"CookieBanner\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutWidth\":\"auto\",\"framerSupportedLayoutHeight\":\"auto\",\"framerDisableUnlink\":\"*\",\"framerContractVersion\":\"1\"}},\"ContentProps\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"OptionsStyle\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"ContentType\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"PolicyProps\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"ButtonsProps\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"FontProps\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"CookieBannerProps\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Cookies.map","// User request: Create a scoped form-wrapper override named ResetSubscribeErrorOnInput that keeps native submission and canvas styling, but when the email field changes after Framer shows an error/TRY AGAIN state, immediately restore the submit CTA back to its normal SUBSCRIBE state without clearing typed input and without global behavior.\nfunction _define_property(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true});}else{obj[key]=value;}return obj;}import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from\"react/jsx-runtime\";import{forwardRef,startTransition,useCallback,useEffect,useMemo,useRef,useState}from\"react\";const blockedDomainParts=new Set([\"test\",\"example\",\"invalid\",\"localhost\",\"local\"]);const allowedTlds=new Set([\"com\",\"net\",\"org\",\"in\",\"co\",\"io\",\"ai\",\"dev\",\"app\",\"tech\",\"studio\",\"design\",\"agency\",\"me\",\"uk\",\"us\",\"ca\",\"au\",\"de\",\"fr\",\"jp\",\"sg\",\"ae\"]);function assignRef(ref,value){if(!ref)return;if(typeof ref===\"function\"){ref(value);return;}ref.current=value;}function normalized(text){return(text||\"\").trim().replace(/\\s+/g,\" \").toUpperCase();}function textLooksLikeError(value){return/(TRY AGAIN|ERROR|FAILED|COULDN['’]T)/i.test(value);}function clearKnownErrorAttributes(el){if(!el)return;const attrs=[\"data-framer-form-state\",\"data-form-state\",\"data-state\",\"data-status\",\"aria-invalid\"];for(const attr of attrs){const current=el.getAttribute(attr);if(!current)continue;if(/(error|failed|invalid)/i.test(current)){el.removeAttribute(attr);}}}function getDirectTextNode(element){const childNodes=Array.from(element.childNodes);for(const node of childNodes){if(node.nodeType!==Node.TEXT_NODE)continue;if((node.textContent||\"\").trim().length>0)return node;}return null;}function findLabelElement(submitButton){const selectors=[\"[data-framer-name*='label' i]\",\"[data-framer-component-type*='text' i]\",\"[aria-label]\",\"[role='text']\",\"span\",\"p\",\"div\"];for(const selector of selectors){const nodes=Array.from(submitButton.querySelectorAll(selector));for(const node of nodes){const text=(node.textContent||\"\").trim();if(!text)continue;if(textLooksLikeError(text)||normalized(text)===normalized(\"SUBSCRIBE\")){return node;}}}return null;}function normalizeUrl(input){if(typeof window===\"undefined\")return input;try{return new URL(input,window.location.href).toString();}catch(_error){return input;}}function normalizePairs(pairs){return[...pairs].sort((a,b)=>`${a[0]}:${a[1]}`.localeCompare(`${b[0]}:${b[1]}`));}function formDataToPairs(formData){const pairs=[];formData.forEach((value,key)=>{pairs.push([key,typeof value===\"string\"?value:value.name]);});return normalizePairs(pairs);}function parseBodyPairs(body){if(!body)return[];if(typeof FormData!==\"undefined\"&&body instanceof FormData){return formDataToPairs(body);}if(typeof URLSearchParams!==\"undefined\"&&body instanceof URLSearchParams){const pairs=[];body.forEach((value,key)=>pairs.push([key,value]));return normalizePairs(pairs);}if(typeof body===\"string\"){const params=new URLSearchParams(body);const pairs=[];params.forEach((value,key)=>pairs.push([key,value]));return normalizePairs(pairs);}return[];}function scoreRequestMatch(meta,actionUrl,method,formPairs){let score=0;if(meta.method===method)score+=2;if(meta.url===actionUrl)score+=5;if(meta.pairs.length>0&&formPairs.length>0){const formSet=new Set(formPairs.map(pair=>`${pair[0]}=${pair[1]}`));let overlap=0;for(const pair of meta.pairs){if(formSet.has(`${pair[0]}=${pair[1]}`))overlap+=1;}score+=Math.min(4,overlap);}return score;}function validateBusinessEmail(emailValue){const value=emailValue.trim().toLowerCase();const parts=value.split(\"@\");if(parts.length!==2){return{isValid:false,message:\"Enter a valid business email address.\"};}const domain=parts[1];const labels=domain.split(\".\").filter(Boolean);if(labels.length<2){return{isValid:false,message:\"Enter a valid business email address.\"};}const tld=labels[labels.length-1];if(!allowedTlds.has(tld)){return{isValid:false,message:\"Enter a valid business email address.\"};}for(const label of labels){if(blockedDomainParts.has(label)){return{isValid:false,message:\"Enter a valid business email address.\"};}}return{isValid:true,message:\"\"};}export function ResetSubscribeErrorOnInput(Component){return /*#__PURE__*/forwardRef(function ResetSubscribeErrorOnInputOverride(props,ref){const hostRef=useRef(null);const normalLabelRef=useRef(\"SUBSCRIBE\");const toastIdRef=useRef(0);const lastToastRef=useRef({message:\"\",at:0});const activeSubmissionIdRef=useRef(0);const[toast,setToast]=useState(null);const getScope=useCallback(()=>hostRef.current,[]);const getFormElements=useCallback(()=>{const scope=getScope();if(!scope)return null;const form=scope instanceof HTMLFormElement?scope:scope.querySelector(\"form\");if(!form)return null;const emailInput=form.querySelector('input[type=\"email\"], input[name*=\"email\" i], input[id*=\"email\" i]')||null;const submitButton=form.querySelector('button[type=\"submit\"], button:not([type])')||form.querySelector('input[type=\"submit\"]');return{scope,form,emailInput,submitButton};},[getScope]);const setSubmitLabel=useCallback((submitButton,label)=>{if(submitButton instanceof HTMLInputElement){submitButton.value=label;submitButton.setAttribute(\"value\",label);submitButton.setAttribute(\"aria-label\",label);return;}const targetLabel=label.trim();const labelElement=findLabelElement(submitButton);if(labelElement){const directText=getDirectTextNode(labelElement);if(directText){directText.textContent=targetLabel;}else if(labelElement.childNodes.length===1){const onlyNode=labelElement.childNodes[0];if(onlyNode.nodeType===Node.TEXT_NODE){onlyNode.textContent=targetLabel;}}else{const textNode=Array.from(labelElement.childNodes).find(node=>node.nodeType===Node.TEXT_NODE);if(textNode){textNode.textContent=targetLabel;}}labelElement.setAttribute(\"aria-label\",targetLabel);return;}const directButtonText=getDirectTextNode(submitButton);if(directButtonText){directButtonText.textContent=targetLabel;}submitButton.setAttribute(\"aria-label\",targetLabel);},[]);const isErrorStateVisible=useCallback(elements=>{const{scope,form,submitButton,emailInput}=elements;if(!submitButton)return false;const buttonText=normalized(submitButton instanceof HTMLInputElement?submitButton.value:submitButton.textContent);if(textLooksLikeError(buttonText))return true;const candidateState=[scope.getAttribute(\"data-framer-form-state\"),form.getAttribute(\"data-framer-form-state\"),scope.getAttribute(\"data-state\"),form.getAttribute(\"data-state\"),scope.getAttribute(\"data-status\"),form.getAttribute(\"data-status\")].filter(Boolean).join(\" \");if(/(error|failed|invalid)/i.test(candidateState))return true;if(emailInput?.getAttribute(\"aria-invalid\")===\"true\")return true;return false;},[getFormElements]);const restoreButtonState=useCallback(()=>{const elements=getFormElements();if(!elements||!elements.submitButton)return;const{scope,form,submitButton}=elements;clearKnownErrorAttributes(scope);clearKnownErrorAttributes(form);clearKnownErrorAttributes(submitButton);submitButton.removeAttribute(\"disabled\");if(\"disabled\"in submitButton)submitButton.disabled=false;setSubmitLabel(submitButton,normalLabelRef.current);},[getFormElements,setSubmitLabel]);const showToast=useCallback((kind,message)=>{const now=Date.now();if(lastToastRef.current.message===message&&now-lastToastRef.current.at<250){return;}lastToastRef.current={message,at:now};toastIdRef.current+=1;const nextId=toastIdRef.current;startTransition(()=>{setToast({id:nextId,kind,message});});},[]);const dismissToast=useCallback(()=>{startTransition(()=>{setToast(null);});},[]);useEffect(()=>{if(typeof window===\"undefined\")return;const elements=getFormElements();if(!elements||!elements.emailInput||!elements.submitButton)return;const{form,emailInput,submitButton}=elements;const baseline=normalized(submitButton instanceof HTMLInputElement?submitButton.value:submitButton.textContent);if(baseline&&!textLooksLikeError(baseline)){normalLabelRef.current=baseline;}let rafId=0;let timeoutId=0;const runRestoreSequence=()=>{const fresh=getFormElements();if(!fresh)return;if(!isErrorStateVisible(fresh))return;restoreButtonState();rafId=window.requestAnimationFrame(()=>{restoreButtonState();});timeoutId=window.setTimeout(()=>{restoreButtonState();},120);};const onEmailInput=()=>{emailInput.setCustomValidity(\"\");runRestoreSequence();};const onFormInvalid=event=>{// Keep native invalid behavior; do not clear current value.\nconst target=event.target;if(!(target instanceof HTMLInputElement))return;if(target.validity.customError){showToast(\"error\",\"Enter a valid business email address.\");return;}showToast(\"error\",\"Enter a valid email address.\");};emailInput.addEventListener(\"input\",onEmailInput);emailInput.addEventListener(\"change\",onEmailInput);form.addEventListener(\"invalid\",onFormInvalid,true);return()=>{emailInput.removeEventListener(\"input\",onEmailInput);emailInput.removeEventListener(\"change\",onEmailInput);form.removeEventListener(\"invalid\",onFormInvalid,true);window.cancelAnimationFrame(rafId);window.clearTimeout(timeoutId);};},[getFormElements,isErrorStateVisible,restoreButtonState,showToast]);useEffect(()=>{if(typeof window===\"undefined\"||!toast)return;const timeoutId=window.setTimeout(()=>{startTransition(()=>{setToast(current=>current?.id===toast.id?null:current);});},4e3);return()=>{window.clearTimeout(timeoutId);};},[toast]);useEffect(()=>{if(typeof window===\"undefined\")return;const elements=getFormElements();if(!elements||!elements.form||!elements.emailInput)return;const{form,emailInput}=elements;const onSubmit=event=>{if(!form.checkValidity())return;const businessCheck=validateBusinessEmail(emailInput.value);if(!businessCheck.isValid){event.preventDefault();emailInput.setCustomValidity(businessCheck.message);form.reportValidity();showToast(\"error\",businessCheck.message);return;}emailInput.setCustomValidity(\"\");activeSubmissionIdRef.current+=1;const submissionId=activeSubmissionIdRef.current;const actionUrl=normalizeUrl(form.getAttribute(\"action\")||window.location.href);const method=(form.getAttribute(\"method\")||\"POST\").toUpperCase();const formPairs=formDataToPairs(new FormData(form));let resolved=false;const resolve=kind=>{if(resolved)return;resolved=true;if(submissionId!==activeSubmissionIdRef.current)return;showToast(kind,kind===\"success\"?\"You’re subscribed.\":\"Couldn’t subscribe. Please try again.\");cleanup();};const onRequestResult=(meta,ok)=>{if(resolved)return;const score=scoreRequestMatch(meta,actionUrl,method,formPairs);if(score>=3){resolve(ok?\"success\":\"error\");}};const cleanupGlobal=installScopedNetworkProbe(onRequestResult);const timeoutId=window.setTimeout(()=>{cleanup();},1e4);const cleanup=()=>{cleanupGlobal();window.clearTimeout(timeoutId);};};const onInvalid=event=>{const target=event.target;if(!(target instanceof HTMLInputElement))return;const isEmailTarget=target.type===\"email\"||target.name.toLowerCase().includes(\"email\")||target.id.toLowerCase().includes(\"email\");if(target.validity.customError){showToast(\"error\",\"Enter a valid business email address.\");return;}if(isEmailTarget||target.validity.valueMissing||target.validity.typeMismatch){showToast(\"error\",\"Enter a valid email address.\");}};form.addEventListener(\"submit\",onSubmit,true);form.addEventListener(\"invalid\",onInvalid,true);emailInput.addEventListener(\"invalid\",onInvalid);return()=>{form.removeEventListener(\"submit\",onSubmit,true);form.removeEventListener(\"invalid\",onInvalid,true);emailInput.removeEventListener(\"invalid\",onInvalid);};},[getFormElements,showToast]);const toastStyle=useMemo(()=>({position:\"fixed\",left:\"50%\",bottom:48,transform:\"translateX(-50%)\",zIndex:9999,display:\"flex\",alignItems:\"center\",gap:12,minHeight:52,maxWidth:\"min(640px, calc(100vw - 24px))\",width:\"min(640px, calc(100vw - 24px))\",padding:\"12px 16px\",borderRadius:12,background:toast?.kind===\"error\"?\"rgba(214, 45, 45, 0.98)\":\"rgba(28, 163, 81, 0.98)\",color:\"#FFFFFF\",border:\"1px solid rgba(255,255,255,0.24)\",boxShadow:\"0 12px 24px rgba(0,0,0,0.28)\",backdropFilter:\"blur(8px)\",fontSize:16,fontWeight:600,lineHeight:1.25,letterSpacing:\"-0.01em\",pointerEvents:\"auto\"}),[toast?.kind]);return /*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx(Component,{ref:node=>{hostRef.current=node;assignRef(ref,node);},...props}),toast&&/*#__PURE__*/_jsxs(\"div\",{role:toast.kind===\"error\"?\"alert\":\"status\",\"aria-live\":toast.kind===\"error\"?\"assertive\":\"polite\",\"aria-atomic\":\"true\",style:toastStyle,children:[/*#__PURE__*/_jsx(\"span\",{\"aria-hidden\":\"true\",style:{width:22,height:22,display:\"inline-flex\",alignItems:\"center\",justifyContent:\"center\",flexShrink:0},children:toast.kind===\"error\"?/*#__PURE__*/_jsxs(\"svg\",{width:\"20\",height:\"20\",viewBox:\"0 0 24 24\",fill:\"none\",xmlns:\"http://www.w3.org/2000/svg\",children:[/*#__PURE__*/_jsx(\"path\",{d:\"M12 8V13\",stroke:\"white\",strokeWidth:\"2.4\",strokeLinecap:\"round\"}),/*#__PURE__*/_jsx(\"circle\",{cx:\"12\",cy:\"17\",r:\"1.5\",fill:\"white\"}),/*#__PURE__*/_jsx(\"path\",{d:\"M12 3.75L21 19.25H3L12 3.75Z\",stroke:\"white\",strokeWidth:\"2.2\",strokeLinejoin:\"round\"})]}):/*#__PURE__*/_jsxs(\"svg\",{width:\"20\",height:\"20\",viewBox:\"0 0 24 24\",fill:\"none\",xmlns:\"http://www.w3.org/2000/svg\",children:[/*#__PURE__*/_jsx(\"circle\",{cx:\"12\",cy:\"12\",r:\"9\",stroke:\"white\",strokeWidth:\"2.2\"}),/*#__PURE__*/_jsx(\"path\",{d:\"M8 12.5L10.7 15.2L16 9.8\",stroke:\"white\",strokeWidth:\"2.4\",strokeLinecap:\"round\",strokeLinejoin:\"round\"})]})}),/*#__PURE__*/_jsx(\"span\",{style:{flex:1},children:toast.message}),/*#__PURE__*/_jsx(\"button\",{type:\"button\",\"aria-label\":\"Dismiss notification\",onClick:dismissToast,style:{appearance:\"none\",border:0,background:\"transparent\",color:\"#FFFFFF\",padding:0,width:20,height:20,cursor:\"pointer\",lineHeight:1,fontSize:0,display:\"inline-flex\",alignItems:\"center\",justifyContent:\"center\"},children:/*#__PURE__*/_jsx(\"svg\",{width:\"16\",height:\"16\",viewBox:\"0 0 24 24\",fill:\"none\",xmlns:\"http://www.w3.org/2000/svg\",\"aria-hidden\":\"true\",children:/*#__PURE__*/_jsx(\"path\",{d:\"M6 6L18 18M18 6L6 18\",stroke:\"white\",strokeWidth:\"2.4\",strokeLinecap:\"round\"})})})]})]});});}function installScopedNetworkProbe(onResult){if(typeof window===\"undefined\")return()=>undefined;const originalFetch=window.fetch.bind(window);const OriginalXHR=window.XMLHttpRequest;let active=true;const notify=(meta,ok)=>{if(!active)return;onResult(meta,ok);};window.fetch=async(input,init)=>{const request=input instanceof Request?input:null;const url=normalizeUrl(typeof input===\"string\"?input:input instanceof URL?input.toString():request?.url||\"\");const method=(init?.method||request?.method||\"GET\").toUpperCase();const body=init?.body??request?.body;const meta={url,method,pairs:parseBodyPairs(body)};try{const response=await originalFetch(input,init);notify(meta,response.ok);return response;}catch(error){notify(meta,false);throw error;}};class InterceptedXHR extends OriginalXHR{open(method,url,async,username,password){this.requestMethod=(method||\"GET\").toUpperCase();this.requestUrl=normalizeUrl(typeof url===\"string\"?url:url.toString());super.open(method,url,async??true,username??null,password??null);}send(body){this.requestPairs=parseBodyPairs(body);this.addEventListener(\"loadend\",()=>{notify({url:this.requestUrl,method:this.requestMethod,pairs:this.requestPairs},this.status>=200&&this.status<300);});super.send(body);}constructor(...args){super(...args);_define_property(this,\"requestUrl\",\"\");_define_property(this,\"requestMethod\",\"GET\");_define_property(this,\"requestPairs\",[]);}}window.XMLHttpRequest=InterceptedXHR;return()=>{active=false;window.fetch=originalFetch;window.XMLHttpRequest=OriginalXHR;};}\nexport const __FramerMetadata__ = {\"exports\":{\"ResetSubscribeErrorOnInput\":{\"type\":\"reactHoc\",\"name\":\"ResetSubscribeErrorOnInput\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./ResetSubscribeErrorOnInput.map","import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";import{motion,useSpring,useMotionValue,useMotionTemplate}from\"framer-motion\";import{useRef,useState}from\"react\";addPropertyControls(SpotlightImage,{image:{type:ControlType.ResponsiveImage,title:\"Image\"},spotlightImage:{type:ControlType.ResponsiveImage,title:\"Spotlight Image\"},cursorSize:{type:ControlType.Number,title:\"Cursor Size\",defaultValue:200,min:50,max:500,step:10,unit:\"px\"},backgroundSize:{type:ControlType.Enum,title:\"Background Fit\",options:[\"cover\",\"contain\",\"fill\"],optionTitles:[\"Cover\",\"Contain\",\"Fill\"],defaultValue:\"cover\"},springEffect:{type:ControlType.Boolean,title:\"Spring Effect\",defaultValue:true,enabledTitle:\"On\",disabledTitle:\"Off\"},springStiffness:{type:ControlType.Number,title:\"Spring Stiffness\",defaultValue:150,min:10,max:1e3,step:10,hidden:({springEffect})=>!springEffect},springDamping:{type:ControlType.Number,title:\"Spring Damping\",defaultValue:20,min:1,max:100,step:1,hidden:({springEffect})=>!springEffect}});/**\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight fixed\n */export default function SpotlightImage(props){const{image={src:\"https://framerusercontent.com/images/GfGkADagM4KEibNcIiRUWlfrR0.jpg\",alt:\"Gradient 1 - Blue\"},spotlightImage={src:\"https://framerusercontent.com/images/aNsAT3jCvt4zglbWCUoFe33Q.jpg\",alt:\"Gradient 2 - Purple\"},cursorSize=200,backgroundSize=\"cover\",springEffect=true,springStiffness=150,springDamping=20,style}=props;const containerRef=useRef(null);const[isHovering,setIsHovering]=useState(false);const x=useMotionValue(0);const y=useMotionValue(0);const cfg={stiffness:springStiffness,damping:springDamping};const sx=useSpring(x,springEffect?cfg:{stiffness:1e3,damping:100});const sy=useSpring(y,springEffect?cfg:{stiffness:1e3,damping:100});const handleMouseMove=e=>{if(!containerRef.current)return;const rect=containerRef.current.getBoundingClientRect();const mouseX=e.clientX-rect.left;const mouseY=e.clientY-rect.top;x.set(mouseX);y.set(mouseY);};const handleMouseEnter=()=>{setIsHovering(true);};const handleMouseLeave=()=>{setIsHovering(false);};const mask=useMotionTemplate`radial-gradient(circle ${cursorSize/2}px at ${sx}px ${sy}px, black 0%, black 30%, transparent 100%)`;return /*#__PURE__*/_jsxs(\"div\",{ref:containerRef,style:{position:\"relative\",width:\"100%\",height:\"100%\",overflow:\"hidden\",cursor:\"none\",...style},onMouseMove:handleMouseMove,onMouseEnter:handleMouseEnter,onMouseLeave:handleMouseLeave,children:[/*#__PURE__*/_jsx(\"div\",{style:{position:\"absolute\",inset:0,backgroundImage:`url(${image.src})`,backgroundSize,backgroundPosition:\"center\"},\"aria-label\":image.alt||\"Background image\"}),/*#__PURE__*/_jsx(motion.div,{style:{position:\"absolute\",inset:0,backgroundImage:`url(${spotlightImage.src})`,backgroundSize,backgroundPosition:\"center\",WebkitMaskImage:mask,maskImage:mask,opacity:isHovering?1:0,transition:\"opacity 0.3s ease\"},\"aria-label\":spotlightImage.alt||\"Spotlight image\"})]});}function colorToRgba(input,alpha){if(input.startsWith(\"#\")){const hex=input.slice(1);const h=hex.length===3?hex.split(\"\").map(c=>c+c).join(\"\"):hex.padEnd(6,\"0\");const r=parseInt(h.slice(0,2),16);const g=parseInt(h.slice(2,4),16);const b=parseInt(h.slice(4,6),16);return`rgba(${r}, ${g}, ${b}, ${alpha})`;}const m=input.match(/rgba?\\((\\d+)\\s*,\\s*(\\d+)\\s*,\\s*(\\d+)/i);if(m)return`rgba(${m[1]}, ${m[2]}, ${m[3]}, ${alpha})`;return`rgba(0, 0, 0, ${alpha})`;}\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"SpotlightImage\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutHeight\":\"fixed\",\"framerContractVersion\":\"1\",\"framerSupportedLayoutWidth\":\"fixed\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./SPOTLIGHT_CURSOR.map","// Framer component that displays the local time for a specific area set by the user.\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{useEffect,useState,startTransition}from\"react\";import{addPropertyControls,ControlType,useIsStaticRenderer}from\"framer\";/**\n * @framerSupportedLayoutWidth auto\n * @framerSupportedLayoutHeight auto\n * @framerIntrinsicWidth 200\n * @framerIntrinsicHeight 40\n */export default function SimpleTimezoneClock(props){const{timezone=\"My Location\",use24Hour=false,showSeconds=true,showDayOfWeek=false,showDate=false,dateFormat=\"short\",separator=\":\",textColor=\"#000000\",font,leadingZero=false,textCase=\"normal\",style}=props;const[time,setTime]=useState(\"\");const[timeSegments,setTimeSegments]=useState([]);const isStatic=useIsStaticRenderer();useEffect(()=>{const updateTime=()=>{try{const now=new Date;// Detect visitor's timezone if \"My Location\" is selected\nconst effectiveTimezone=timezone===\"My Location\"?Intl.DateTimeFormat().resolvedOptions().timeZone:timezone;const options={timeZone:effectiveTimezone,hour:\"2-digit\",minute:\"2-digit\",...showSeconds&&{second:\"2-digit\"},hour12:!use24Hour};const formatter=new Intl.DateTimeFormat(\"en-US\",options);const formattedTime=formatter.format(now);// Remove leading zero from hours in 12-hour format if leadingZero is false\nlet processedTime=formattedTime;if(!use24Hour&&!leadingZero){// Remove leading zero from hour (e.g., \"04:31:45 PM\" -> \"4:31:45 PM\")\nprocessedTime=formattedTime.replace(/^0/,\"\");}// Replace colons with custom separator\nconst customTime=processedTime.replace(/:/g,separator);// Parse the time into segments\nconst segments=[];// Add day of week if enabled\nif(showDayOfWeek){const dayOptions={timeZone:effectiveTimezone,weekday:\"short\"};const dayFormatter=new Intl.DateTimeFormat(\"en-US\",dayOptions);let dayOfWeek=dayFormatter.format(now);// Apply text case transformation to day of week\nif(textCase===\"uppercase\"){dayOfWeek=dayOfWeek.toUpperCase();}else if(textCase===\"lowercase\"){dayOfWeek=dayOfWeek.toLowerCase();}segments.push({type:\"day\",content:dayOfWeek});segments.push({type:\"space\",content:\" \"});}// Add date if enabled\nif(showDate){const dateOptions={timeZone:effectiveTimezone,month:\"short\",day:\"numeric\"};const dateFormatter=new Intl.DateTimeFormat(\"en-US\",dateOptions);let dateString=dateFormatter.format(now);// Apply text case transformation to date\nif(textCase===\"uppercase\"){dateString=dateString.toUpperCase();}else if(textCase===\"lowercase\"){dateString=dateString.toLowerCase();}segments.push({type:\"date\",content:dateString});segments.push({type:\"space\",content:\" , \"});}// Parse time string into digits and separators\nconst timeWithoutAmPm=customTime.replace(/\\s?(AM|PM|am|pm)$/i,\"\");const ampmMatch=customTime.match(/\\s?(AM|PM|am|pm)$/i);for(let i=0;i