into several smaller ones, which prevents the huge
\n// from becoming an LCP element.\nconst descriptionParagraphs=description===null||description===void 0?void 0: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===null||policy===void 0?void 0:policy.link)?\" \":null,(policy===null||policy===void 0?void 0:policy.link)&&/*#__PURE__*/_jsxs(\"span\",{children:[policy===null||policy===void 0?void 0:policy.prefix,\" \",/*#__PURE__*/_jsx(\"a\",{href:policy===null||policy===void 0?void 0:policy.link,target:\"_blank\",style:{color:linkColor,textDecoration:\"none\"},children:policy===null||policy===void 0?void 0: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;var _settings_hoverOpacity,_settings_tapOpacity;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=settings.hoverOpacity)!==null&&_settings_hoverOpacity!==void 0?_settings_hoverOpacity:.6},whileTap:{opacity:(_settings_tapOpacity=settings.tapOpacity)!==null&&_settings_tapOpacity!==void 0?_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,...settings.font}});},\".__framer-cookie-component-button:focus:not(:focus-visible){outline-color:transparent}\");\nexport const __FramerMetadata__ = {\"exports\":{\"Banner\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"BannerComponentProps\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Banner.map", "import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from\"react/jsx-runtime\";import{addPropertyControls,ControlType,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}from\"https://framerusercontent.com/modules/zvf2WTzc98u6EX2y7YDj/gvNUph1oNh8l2qQafSUu/consent.js\";import{useRegion}from\"https://framerusercontent.com/modules/0oeZpJVursioGAbwgB9e/2J8Vj16bgt14C10mcUex/region.js\";import{Banner}from\"https://framerusercontent.com/modules/EkwkxVF9vkTs720qqBC8/77ZjdIUSoepa5KTwP0oH/Banner.js\";import{inEU}from\"https://framerusercontent.com/modules/HKzIAGtbudIGLRAteuFH/gnipUJynzv8FJkpTy04V/inEU.js\";import{DEFAULT_FONT_FAMILY,getFlexboxValues,interactionResponse,yieldBeforeCb}from\"https://framerusercontent.com/modules/tfq8EDfrazNLXzc9LJte/hLcdFz4t8UjInDMvzq41/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;const region=useRegion({content,useRegionFromProps:isPreview,// skip EU check (expensive) if we are on the canvas and don't want a preview\nskipEUCheck:skipLogic});const consent=useConsent({gtmId,defaultConsent:region.defaults,gtmLoadedExternally});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})]});}const IconCookie=/*#__PURE__*/lazy(()=>import(\"https://framerusercontent.com/modules/80EyUU0Nk6u7skW3IlHH/qKhU3oZiLDe4R0LcF3Tp/Icons.js\"));function Overlay(props){var _props_banner_style;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=props.banner.style)===null||_props_banner_style===void 0?void 0:_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\",{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\"?/*#__PURE__*/_jsx(_Fragment,{children:trigger.iconType===\"custom\"&&trigger.iconImage?/*#__PURE__*/_jsx(\"img\",{alt:\"icon entry point for Site Search\",src:trigger.iconImage.src,width:trigger.iconSize,height:trigger.iconSize}):/*#__PURE__*/_jsx(Suspense,{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}\");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\u2019t 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\u2019t 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\":{\"PolicyProps\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"ContentProps\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"default\":{\"type\":\"reactComponent\",\"name\":\"CookieBanner\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerDisableUnlink\":\"*\",\"framerSupportedLayoutWidth\":\"auto\",\"framerSupportedLayoutHeight\":\"auto\"}},\"OptionsStyle\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"CookieBannerProps\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"ContentType\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"ButtonsProps\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Cookies.map", "// Generated by Framer (91d32d4)\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ControlType,cx,getFonts,getPropertyControls,Link,RichText,useLocaleInfo,useVariantState,withCSS}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";import{Icon as Phosphor}from\"https://framerusercontent.com/modules/tYScH7LTqUtz5KUaUAYP/CAjjxbTJBxHwH1MagCef/Phosphor.js\";const PhosphorFonts=getFonts(Phosphor);const PhosphorControls=getPropertyControls(Phosphor);const enabledGestures={lTHcJnDIC:{hover:true}};const cycleOrder=[\"lTHcJnDIC\"];const serializationHash=\"framer-IoaLH\";const variantClassNames={lTHcJnDIC:\"framer-v-22072x\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants===null||variants===void 0?void 0:variants.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const transitions={default:{damping:60,delay:0,mass:1,stiffness:500,type:\"spring\"}};const Transition=({value,children})=>{const config=React.useContext(MotionConfigContext);const transition=value!==null&&value!==void 0?value:config.transition;const contextValue=React.useMemo(()=>({...config,transition}),[JSON.stringify(transition)]);return /*#__PURE__*/_jsx(MotionConfigContext.Provider,{value:contextValue,children:children});};const getProps=({height,id,link,name1,title,width,...props})=>{var _ref,_ref1;return{...props,Ki0cogK8p:link!==null&&link!==void 0?link:props.Ki0cogK8p,oBmHBk5oi:(_ref=name1!==null&&name1!==void 0?name1:props.oBmHBk5oi)!==null&&_ref!==void 0?_ref:\"TwitterLogo\",vmuBxhaiO:(_ref1=title!==null&&title!==void 0?title:props.vmuBxhaiO)!==null&&_ref1!==void 0?_ref1:\"stfnco\"};};const createLayoutDependency=(props,variants)=>variants.join(\"-\")+props.layoutDependency;const Component=/*#__PURE__*/React.forwardRef(function(props,ref){const{activeLocale,setLocale}=useLocaleInfo();const{style,className,layoutId,variant,vmuBxhaiO,oBmHBk5oi,Ki0cogK8p,...restProps}=getProps(props);const{baseVariant,classNames,gestureVariant,setGestureState,setVariant,transition,variants}=useVariantState({cycleOrder,defaultVariant:\"lTHcJnDIC\",enabledGestures,transitions,variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const ref1=React.useRef(null);const defaultLayoutId=React.useId();const sharedStyleClassNames=[];return /*#__PURE__*/_jsx(LayoutGroup,{id:layoutId!==null&&layoutId!==void 0?layoutId:defaultLayoutId,children:/*#__PURE__*/_jsx(Transition,{value:transition,children:/*#__PURE__*/_jsx(Link,{href:Ki0cogK8p,children:/*#__PURE__*/_jsxs(motion.a,{...restProps,animate:variants,className:`${cx(serializationHash,...sharedStyleClassNames,\"framer-22072x\",className,classNames)} framer-188d4gb`,\"data-border\":true,\"data-framer-name\":\"Variant 1\",initial:variant,layoutDependency:layoutDependency,layoutId:\"lTHcJnDIC\",onHoverEnd:()=>setGestureState({isHovered:false}),onHoverStart:()=>setGestureState({isHovered:true}),onTap:()=>setGestureState({isPressed:false}),onTapCancel:()=>setGestureState({isPressed:false}),onTapStart:()=>setGestureState({isPressed:true}),ref:ref!==null&&ref!==void 0?ref:ref1,style:{\"--border-bottom-width\":\"1px\",\"--border-color\":'var(--token-cecefbc2-3137-4c31-97a2-c273c08d7ba5, rgba(0, 0, 0, 0.75)) /* {\"name\":\"Text 50\"} */',\"--border-left-width\":\"1px\",\"--border-right-width\":\"1px\",\"--border-style\":\"solid\",\"--border-top-width\":\"1px\",backgroundColor:\"var(--token-2d735363-335f-4718-abf4-bf9d3689030d, rgba(255, 255, 255, 0.75))\",borderBottomLeftRadius:208,borderBottomRightRadius:208,borderTopLeftRadius:208,borderTopRightRadius:208,...style},variants:{\"lTHcJnDIC-hover\":{\"--border-color\":'var(--token-00af65c3-92fd-4f69-9228-cfe71d95f29a, rgb(0, 0, 0)) /* {\"name\":\"Text 100\"} */',backgroundColor:\"var(--token-00af65c3-92fd-4f69-9228-cfe71d95f29a, rgb(0, 0, 0))\"}},...addPropertyOverrides({\"lTHcJnDIC-hover\":{\"data-framer-name\":undefined}},baseVariant,gestureVariant),children:[/*#__PURE__*/_jsxs(motion.div,{className:\"framer-1v7deiq\",layoutDependency:layoutDependency,layoutId:\"ahRUH3pft\",children:[/*#__PURE__*/_jsx(motion.div,{className:\"framer-1s6x57i-container\",layoutDependency:layoutDependency,layoutId:\"YeBvre1kF-container\",style:{opacity:.5},variants:{\"lTHcJnDIC-hover\":{opacity:1}},children:/*#__PURE__*/_jsx(Phosphor,{color:'var(--token-00af65c3-92fd-4f69-9228-cfe71d95f29a, rgb(0, 0, 0)) /* {\"name\":\"Text 100\"} */',height:\"100%\",iconSearch:\"House\",iconSelection:oBmHBk5oi,id:\"YeBvre1kF\",layoutId:\"YeBvre1kF\",mirrored:false,selectByList:true,style:{height:\"100%\",width:\"100%\"},weight:\"duotone\",width:\"100%\",...addPropertyOverrides({\"lTHcJnDIC-hover\":{color:'var(--token-aa303802-e5d1-4856-bfe5-30475052d91c, rgb(227, 227, 227)) /* {\"name\":\"BG\"} */'}},baseVariant,gestureVariant)})}),/*#__PURE__*/_jsx(motion.div,{className:\"framer-1c8zump-container\",layoutDependency:layoutDependency,layoutId:\"ppdcgjF1A-container\",style:{opacity:.5},variants:{\"lTHcJnDIC-hover\":{opacity:1}},children:/*#__PURE__*/_jsx(Phosphor,{color:'var(--token-00af65c3-92fd-4f69-9228-cfe71d95f29a, rgb(0, 0, 0)) /* {\"name\":\"Text 100\"} */',height:\"100%\",iconSearch:\"House\",iconSelection:oBmHBk5oi,id:\"ppdcgjF1A\",layoutId:\"ppdcgjF1A\",mirrored:false,selectByList:true,style:{height:\"100%\",width:\"100%\"},weight:\"duotone\",width:\"100%\",...addPropertyOverrides({\"lTHcJnDIC-hover\":{color:'var(--token-d54de793-4ace-40de-9cee-8908b1a89416, rgb(255, 90, 31)) /* {\"name\":\"Accent\"} */'}},baseVariant,gestureVariant)})})]}),/*#__PURE__*/_jsxs(motion.div,{className:\"framer-wrh4jd\",layoutDependency:layoutDependency,layoutId:\"YNTzvAqlE\",children:[/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{style:{\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-00af65c3-92fd-4f69-9228-cfe71d95f29a, rgb(0, 0, 0)))\"},children:\"stfnco\"})}),className:\"framer-e54ehe\",layoutDependency:layoutDependency,layoutId:\"tOaDXDYGE\",style:{\"--extracted-r6o4lv\":\"var(--token-00af65c3-92fd-4f69-9228-cfe71d95f29a, rgb(0, 0, 0))\",\"--framer-link-text-color\":\"rgb(0, 153, 255)\",\"--framer-link-text-decoration\":\"underline\",\"--framer-paragraph-spacing\":\"0px\",opacity:.5},text:vmuBxhaiO,variants:{\"lTHcJnDIC-hover\":{\"--extracted-r6o4lv\":\"var(--token-aa303802-e5d1-4856-bfe5-30475052d91c, rgb(227, 227, 227))\",opacity:1}},verticalAlignment:\"top\",withExternalLayout:true,...addPropertyOverrides({\"lTHcJnDIC-hover\":{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{style:{\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-aa303802-e5d1-4856-bfe5-30475052d91c, rgb(227, 227, 227)))\"},children:\"stfnco\"})})}},baseVariant,gestureVariant)}),/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{style:{\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-00af65c3-92fd-4f69-9228-cfe71d95f29a, rgb(0, 0, 0)))\"},children:\"stfnco\"})}),className:\"framer-pvf0sn\",layoutDependency:layoutDependency,layoutId:\"VimHGm_QS\",style:{\"--extracted-r6o4lv\":\"var(--token-00af65c3-92fd-4f69-9228-cfe71d95f29a, rgb(0, 0, 0))\",\"--framer-link-text-color\":\"rgb(0, 153, 255)\",\"--framer-link-text-decoration\":\"underline\",\"--framer-paragraph-spacing\":\"0px\",opacity:.5},text:vmuBxhaiO,variants:{\"lTHcJnDIC-hover\":{\"--extracted-r6o4lv\":\"var(--token-aa303802-e5d1-4856-bfe5-30475052d91c, rgb(227, 227, 227))\",opacity:1}},verticalAlignment:\"top\",withExternalLayout:true,...addPropertyOverrides({\"lTHcJnDIC-hover\":{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{style:{\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-aa303802-e5d1-4856-bfe5-30475052d91c, rgb(227, 227, 227)))\"},children:\"stfnco\"})})}},baseVariant,gestureVariant)})]})]})})})});});const css=['.framer-IoaLH[data-border=\"true\"]::after, .framer-IoaLH [data-border=\"true\"]::after { content: \"\"; border-width: var(--border-top-width, 0) var(--border-right-width, 0) var(--border-bottom-width, 0) var(--border-left-width, 0); border-color: var(--border-color, none); border-style: var(--border-style, none); width: 100%; height: 100%; position: absolute; box-sizing: border-box; left: 0; top: 0; border-radius: inherit; pointer-events: none; }',\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-IoaLH.framer-188d4gb, .framer-IoaLH .framer-188d4gb { display: block; }\",\".framer-IoaLH.framer-22072x { align-content: center; align-items: center; cursor: pointer; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 8px; height: min-content; justify-content: center; overflow: hidden; padding: 8px 16px 8px 12px; position: relative; text-decoration: none; width: min-content; will-change: var(--framer-will-change-override, transform); }\",\".framer-IoaLH .framer-1v7deiq { align-content: center; align-items: center; display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 0px; height: 19px; justify-content: flex-start; overflow: hidden; padding: 0px 0px 0px 0px; position: relative; width: 19px; }\",\".framer-IoaLH .framer-1s6x57i-container, .framer-IoaLH .framer-1c8zump-container { flex: none; height: 19px; position: relative; width: 19px; }\",\".framer-IoaLH .framer-wrh4jd { align-content: center; align-items: center; display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 0px; height: 19px; justify-content: flex-end; overflow: hidden; padding: 0px 0px 0px 0px; position: relative; width: min-content; }\",\".framer-IoaLH .framer-e54ehe, .framer-IoaLH .framer-pvf0sn { flex: none; height: auto; position: relative; white-space: pre; width: auto; }\",\"@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) { .framer-IoaLH.framer-22072x, .framer-IoaLH .framer-1v7deiq, .framer-IoaLH .framer-wrh4jd { gap: 0px; } .framer-IoaLH.framer-22072x > * { margin: 0px; margin-left: calc(8px / 2); margin-right: calc(8px / 2); } .framer-IoaLH.framer-22072x > :first-child { margin-left: 0px; } .framer-IoaLH.framer-22072x > :last-child { margin-right: 0px; } .framer-IoaLH .framer-1v7deiq > *, .framer-IoaLH .framer-wrh4jd > * { margin: 0px; margin-bottom: calc(0px / 2); margin-top: calc(0px / 2); } .framer-IoaLH .framer-1v7deiq > :first-child, .framer-IoaLH .framer-wrh4jd > :first-child { margin-top: 0px; } .framer-IoaLH .framer-1v7deiq > :last-child, .framer-IoaLH .framer-wrh4jd > :last-child { margin-bottom: 0px; } }\",\".framer-IoaLH.framer-v-22072x.hover .framer-1v7deiq { justify-content: flex-end; }\",\".framer-IoaLH.framer-v-22072x.hover .framer-wrh4jd { justify-content: flex-start; }\"];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 35\n * @framerIntrinsicWidth 103\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"auto\",\"auto\"]},\"sZrKmr19W\":{\"layout\":[\"auto\",\"auto\"]}}}\n * @framerVariables {\"vmuBxhaiO\":\"title\",\"oBmHBk5oi\":\"name1\",\"Ki0cogK8p\":\"link\"}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n */const FramerGN0foo7jC=withCSS(Component,css,\"framer-IoaLH\");export default FramerGN0foo7jC;FramerGN0foo7jC.displayName=\"tw button\";FramerGN0foo7jC.defaultProps={height:35,width:103};addPropertyControls(FramerGN0foo7jC,{vmuBxhaiO:{defaultValue:\"stfnco\",displayTextArea:false,title:\"Title\",type:ControlType.String},oBmHBk5oi:(PhosphorControls===null||PhosphorControls===void 0?void 0:PhosphorControls[\"iconSelection\"])&&{...PhosphorControls[\"iconSelection\"],defaultValue:\"TwitterLogo\",hidden:undefined,title:\"Name\"},Ki0cogK8p:{title:\"Link\",type:ControlType.Link}});addFonts(FramerGN0foo7jC,[...PhosphorFonts]);\nexport const __FramerMetadata__ = {\"exports\":{\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"default\":{\"type\":\"reactComponent\",\"name\":\"FramerGN0foo7jC\",\"slots\":[],\"annotations\":{\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]},\\\"sZrKmr19W\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]}}}\",\"framerVariables\":\"{\\\"vmuBxhaiO\\\":\\\"title\\\",\\\"oBmHBk5oi\\\":\\\"name1\\\",\\\"Ki0cogK8p\\\":\\\"link\\\"}\",\"framerImmutableVariables\":\"true\",\"framerDisplayContentsDiv\":\"false\",\"framerIntrinsicWidth\":\"103\",\"framerContractVersion\":\"1\",\"framerIntrinsicHeight\":\"35\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./GN0foo7jC.map", "import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{useCallback,useState}from\"react\";import{addPropertyControls,ControlType,withCSS,useRouter,inferInitialRouteFromPath}from\"framer\";import{motion,useAnimationControls}from\"framer-motion\";const emailRegex=/^(([^<>()[\\]\\\\.,;:\\s@\"]+(\\.[^<>()[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/;const mailchimpRegex=/^https?:\\/\\/([^\\/]+)[^\\?]+\\??(.+)$/;const validateEmail=email=>{return emailRegex.test(String(email).toLowerCase());};const parseMailChimpUrl=url=>{var ref;const[,domain,parameters]=(ref=url.replace(\"&\",\"&\").match(mailchimpRegex))!==null&&ref!==void 0?ref:[null,null,null];return[domain,parameters?new URLSearchParams(parameters):null,];};function isExternalURL(url){try{return!!new URL(url);}catch{}try{return!!new URL(`https://${url}`);}catch{}return false;}/**\n * Increment the number whenever shipping a new version to customers.\n * This will ensure that multiple versions of this component can exist\n * in the same project without css rules overlapping. Only use valid css class characters.\n */ const VERSION=\"v1\";/**\n * INPUT\n * By Benjamin den Boer\n *\n * @framerDisableUnlink\n *\n * @framerIntrinsicWidth 300\n * @framerIntrinsicHeight 40\n *\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight any\n */ const Input=withCSS(function Input({service,redirectAs,mailchimpURL,loopsID,formsparkID,getwaitlistAPI,input,button,font,layout,link,gap,style,onSubmit}){const[email,setEmail]=useState(\"\");const[isError,setError]=useState(false);const[isLoading,setLoading]=useState(false);const[isFocus,setFocus]=useState(false);// Padding\nconst{paddingPerSide,paddingTop,paddingRight,paddingBottom,paddingLeft,padding,borderRadius,borderObject,focusObject,shadowObject,height,fixedHeight}=input;const{buttonPaddingPerSide,buttonPaddingTop,buttonPaddingRight,buttonPaddingBottom,buttonPaddingLeft,buttonPadding}=button;const paddingValue=paddingPerSide?`${paddingTop}px ${button.isDocked?paddingRight+button.widthWhenDocked:paddingRight}px ${paddingBottom}px ${paddingLeft}px`:`${padding}px ${button.isDocked?padding+button.widthWhenDocked:padding}px ${padding}px ${padding}px`;const buttonPaddingValue=buttonPaddingPerSide?`${button.isDocked?0:buttonPaddingTop}px ${buttonPaddingRight}px ${button.isDocked?0:buttonPaddingBottom}px ${buttonPaddingLeft}px`:`${button.isDocked?0:buttonPadding}px ${buttonPadding}px ${button.isDocked?0:buttonPadding}px ${buttonPadding}px`;const router=useRouter();const onSuccess=()=>{/* Reset */ setLoading(false);setFocus(false);setEmail(\"\");if(redirectAs===\"link\"&&link&&!isError){const[path,hash]=link.split(\"#\");const{routeId,pathVariables}=inferInitialRouteFromPath(router.routes,path);if(routeId){router.navigate(routeId,hash,pathVariables);}if(isExternalURL(link)){setError(true);formControls.start(\"error\");return false;}}};const validateForm=useCallback(email=>{if(email===\"\"||!validateEmail(email)){setError(true);formControls.start(\"error\");return false;}return true;},[validateEmail]);const handleChange=useCallback(event=>{setError(false);setEmail(event.target.value);},[]);const handleFocus=useCallback(event=>{setFocus(true);},[]);const handleBlur=useCallback(event=>{setFocus(false);setError(false);},[]);const handleSubmit=useCallback(event=>{event.preventDefault();// Prevent submitting while submitting\nif(isLoading)return;setLoading(true);if(service===\"mailchimp\"){const[domain,parameters]=parseMailChimpUrl(mailchimpURL);if(!validateForm(email)||!domain||!parameters){setLoading(false);return;}// MERGE0 is Mailchimp\u2019s email field name\nparameters.set(\"MERGE0\",email);fetch(`https://${domain}/subscribe/post`,{method:\"POST\",mode:\"no-cors\",headers:{\"Content-Type\":\"application/x-www-form-urlencoded;charset=UTF-8\"},body:parameters.toString()}).then(response=>{onSuccess();if(redirectAs===\"overlay\")onSubmit===null||onSubmit===void 0?void 0:onSubmit();}).catch(error=>{console.error(error);setLoading(false);setError(true);formControls.start(\"error\");});}if(service===\"loops\"){if(!validateForm(email)){setLoading(false);return;}const formBody=`email=${encodeURIComponent(email)}`;fetch(`https://app.loops.so/api/newsletter-form/${loopsID}`,{method:\"POST\",headers:{\"Content-Type\":\"application/x-www-form-urlencoded\"},body:formBody}).then(()=>{onSuccess();if(redirectAs===\"overlay\")onSubmit===null||onSubmit===void 0?void 0:onSubmit();}).catch(error=>{console.error(error);setLoading(false);setError(true);formControls.start(\"error\");});}if(service===\"formspark\"){if(!validateForm(email)){setLoading(false);return;}const data=new FormData(event.target);const entries=Object.fromEntries(data.entries());fetch(`https://submit-form.com/${formsparkID}`,{method:\"POST\",headers:{\"Content-Type\":\"application/json\",Accept:\"application/json\"},body:JSON.stringify(entries)}).then(()=>{onSuccess();onSubmit===null||onSubmit===void 0?void 0:onSubmit();}).catch(error=>{console.error(error);setLoading(false);setError(true);formControls.start(\"error\");});}if(service===\"getwaitlist\"){if(!validateForm(email)){setLoading(false);return;}const data1=new FormData(event.target);const entries1=Object.fromEntries(data1.entries());fetch(`https://api.getwaitlist.com/api/v1\n/waiter/`,{method:\"POST\",headers:{\"Content-Type\":\"application/json\",Accept:\"application/json\"},body:JSON.stringify(entries1)}).then(()=>{onSuccess();if(redirectAs===\"overlay\")onSubmit===null||onSubmit===void 0?void 0:onSubmit();}).catch(error=>{console.error(error);setLoading(false);setError(true);formControls.start(\"error\");});}},[mailchimpURL,formsparkID,email,onSubmit,validateForm,isLoading,]);// Animation\nconst formControls=useAnimationControls();// Input Box Shadow Stylees\nconst focusStylesFrom=input.focusObject?`inset 0 0 0 ${focusObject.focusWidthFrom}px ${focusObject.focusColor}`:null;const focusStylesTo=input.focusObject?`inset 0 0 0 ${focusObject.focusWidthTo}px ${focusObject.focusColor}`:null;const shadowStyles=input.shadowObject?`${shadowObject.shadowX}px ${shadowObject.shadowY}px ${shadowObject.shadowBlur}px ${shadowObject.shadowColor}`:null;const borderStyles=input.borderObject?`inset 0 0 0 ${borderObject.borderWidth}px ${borderObject.borderColor}`:null;// Shake or wiggle as error\nconst formVariants={default:{x:0},error:{x:[0,-4,4,0],transition:{duration:.2}}};const inputVariants={default:{boxShadow:dynamicBoxShadow(focusStylesFrom,shadowStyles,borderStyles)},focused:{boxShadow:dynamicBoxShadow(focusStylesTo,shadowStyles,borderStyles)}};return /*#__PURE__*/ _jsx(motion.div,{style:{...style,...containerStyles,\"--framer-custom-placeholder-color\":input.placeholderColor},variants:formVariants,animate:formControls,children:/*#__PURE__*/ _jsxs(\"form\",{style:{width:\"100%\",height:\"auto\",display:\"flex\",position:\"relative\",flexDirection:layout===\"vertical\"?\"column\":\"row\",color:button.color,gap:button.isDocked?0:gap},onSubmit:handleSubmit,method:\"POST\",children:[service===\"getwaitlist\"&&/*#__PURE__*/ _jsx(\"input\",{type:\"hidden\",name:\"api_key\",value:getwaitlistAPI}),/*#__PURE__*/ _jsx(motion.input,{type:\"email\",name:\"email\",placeholder:input.placeholder,value:email,className:`${VERSION} framer-custom-input`,onChange:handleChange,onFocus:handleFocus,onBlur:handleBlur,autoComplete:\"off\",autoCapitalize:\"off\",autoCorrect:\"off\",spellCheck:\"false\",style:{...defaultStyle,padding:paddingValue,borderRadius,fontSize:16,...font,background:input.fill,height:height?\"auto\":fixedHeight,color:input.color,boxShadow:dynamicBoxShadow(focusStylesFrom,shadowStyles,borderStyles)},variants:inputVariants,initial:false,animate:isFocus?\"focused\":\"default\",transition:{duration:.3}}),!button.shouldAppear&&isLoading&&/*#__PURE__*/ _jsx(Spinner,{shouldAppear:button.shouldAppear,paddingPerSide:paddingPerSide,paddingTop:paddingTop,paddingRight:paddingRight,padding:padding,color:input.color}),button.shouldAppear&&/*#__PURE__*/ _jsxs(\"div\",{style:{position:button.isDocked?\"absolute\":\"relative\",top:button.isDocked?button.insetWhenDocked:0,right:button.isDocked?button.insetWhenDocked:0,bottom:button.isDocked?button.insetWhenDocked:0},children:[/*#__PURE__*/ _jsx(motion.input,{type:\"submit\",value:button.label,style:{...defaultStyle,width:button.isDocked?button.widthWhenDocked:\"100%\",height:height?\"100%\":fixedHeight,cursor:\"pointer\",padding:buttonPaddingValue,borderRadius:button.isDocked?borderRadius-button.insetWhenDocked:borderRadius,fontWeight:button.fontWeight,fontSize:16,...button.buttonFont,background:button.fill,color:button.color,zIndex:1,boxShadow:getButtonShadow(button)}}),isLoading&&/*#__PURE__*/ _jsx(\"div\",{style:{borderRadius:button.isDocked?borderRadius-button.insetWhenDocked:borderRadius,position:\"absolute\",display:\"flex\",justifyContent:\"center\",alignItems:\"center\",width:\"100%\",height:\"100%\",inset:0,zIndex:2,color:button.color,background:button.fill},children:/*#__PURE__*/ _jsx(Spinner,{color:button.color})})]})]})});},[`.${VERSION}.framer-custom-input::placeholder { color: var(--framer-custom-placeholder-color) !important; }`,]);const Spinner=props=>{const noButtonStyles=!props.shouldAppear?{position:\"absolute\",top:`calc(50% - 8px)`,right:props.paddingPerSide?props.paddingRight:props.padding}:{};return /*#__PURE__*/ _jsx(motion.div,{style:{height:16,width:16,...noButtonStyles},initial:{rotate:0},animate:{rotate:360},transition:{duration:1,repeat:Infinity},children:/*#__PURE__*/ _jsx(motion.div,{initial:{scale:0},animate:{scale:1},children:/*#__PURE__*/ _jsxs(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",width:\"16\",height:\"16\",style:{fill:\"currentColor\",color:props.color},children:[/*#__PURE__*/ _jsx(\"path\",{d:\"M 8 0 C 3.582 0 0 3.582 0 8 C 0 12.419 3.582 16 8 16 C 12.418 16 16 12.419 16 8 C 15.999 3.582 12.418 0 8 0 Z M 8 14 C 4.687 14 2 11.314 2 8 C 2 4.687 4.687 2 8 2 C 11.314 2 14 4.687 14 8 C 14 11.314 11.314 14 8 14 Z\",fill:\"currentColor\",opacity:\"0.2\"}),/*#__PURE__*/ _jsx(\"path\",{d:\"M 8 0 C 12.418 0 15.999 3.582 16 8 C 16 8 16 9 15 9 C 14 9 14 8 14 8 C 14 4.687 11.314 2 8 2 C 4.687 2 2 4.687 2 8 C 2 8 2 9 1 9 C 0 9 0 8 0 8 C 0 3.582 3.582 0 8 0 Z\",fill:\"currentColor\"})]})})});};addPropertyControls(Input,{service:{title:\"Service\",type:ControlType.Enum,options:[\"loops\",\"formspark\",\"mailchimp\",\"getwaitlist\"],optionTitles:[\"Loops\",\"FormSpark\",\"MailChimp\",\"Get Waitlist\"],defaultValue:\"loops\"},mailchimpURL:{title:\"URL\",placeholder:\"https://***.us6.list-manage.com/subscribe/post?u=***\",type:ControlType.String,hidden:props=>props.service!==\"mailchimp\"},loopsID:{title:\"ID\",placeholder:\"klm2jxy0i98abzr01pq7defg5\",type:ControlType.String,hidden:props=>props.service!==\"loops\"},formsparkID:{title:\"ID\",placeholder:\"7PbPpGN3\",type:ControlType.String,hidden:props=>props.service!==\"formspark\"},getwaitlistAPI:{title:\"ID\",placeholder:\"9148\",type:ControlType.String,hidden:props=>props.service!==\"getwaitlist\"},redirectAs:{title:\"Success\",type:ControlType.Enum,options:[\"link\",\"overlay\"],optionTitles:[\"Open Link\",\"Show Overlay\"],defaultValue:\"link\"},link:{title:\"Redirect\",type:ControlType.Link,hidden:props=>props.redirectAs===\"overlay\"},onSubmit:{title:\"Submit\",type:ControlType.EventHandler,hidden:props=>props.redirectAs===\"link\"},layout:{title:\"Layout\",type:ControlType.Enum,options:[\"horizontal\",\"vertical\"],displaySegmentedControl:true,hidden:props=>props.button.isDocked},font:{type:ControlType.Font,title:\"Font\",controls:\"extended\"},input:{title:\"Input\",type:ControlType.Object,controls:{placeholder:{title:\"Placeholder\",type:ControlType.String,defaultValue:\"name@email.com\"},placeholderColor:{title:\" \",type:ControlType.Color,defaultValue:\"rgba(0, 0, 0, 0.3)\"},fill:{title:\"Fill\",type:ControlType.Color,defaultValue:\"#EBEBEB\"},color:{title:\"Text\",type:ControlType.Color,defaultValue:\"#000\"},height:{title:\"Height\",type:ControlType.Boolean,enabledTitle:\"Auto\",disabledTitle:\"Fixed\"},fixedHeight:{title:\" \",type:ControlType.Number,displayStepper:true,min:0,defaultValue:50,hidden:props=>props.height},padding:{title:\"Padding\",type:ControlType.FusedNumber,toggleKey:\"paddingPerSide\",toggleTitles:[\"Padding\",\"Padding per side\"],defaultValue:15,valueKeys:[\"paddingTop\",\"paddingRight\",\"paddingBottom\",\"paddingLeft\",],valueLabels:[\"T\",\"R\",\"B\",\"L\"],min:0},borderRadius:{title:\"Radius\",type:ControlType.Number,displayStepper:true,min:0,defaultValue:8},focusObject:{type:ControlType.Object,title:\"Focus\",optional:true,controls:{focusWidthFrom:{title:\"From\",type:ControlType.Number,displayStepper:true,defaultValue:0},focusWidthTo:{title:\"To\",type:ControlType.Number,displayStepper:true,defaultValue:2},focusColor:{title:\"Color\",type:ControlType.Color,defaultValue:\"#09F\"}}},borderObject:{type:ControlType.Object,title:\"Border\",optional:true,controls:{borderWidth:{title:\"Width\",type:ControlType.Number,displayStepper:true,defaultValue:1},borderColor:{title:\"Color\",type:ControlType.Color,defaultValue:\"rgba(200,200,200,0.5)\"}}},shadowObject:{type:ControlType.Object,title:\"Shadow\",optional:true,controls:{shadowColor:{title:\"Color\",type:ControlType.Color,defaultValue:\"rgba(0,0,0,0.25)\"},shadowX:{title:\"Shadow X\",type:ControlType.Number,min:-100,max:100,defaultValue:0},shadowY:{title:\"Shadow Y\",type:ControlType.Number,min:-100,max:100,defaultValue:2},shadowBlur:{title:\"Shadow B\",type:ControlType.Number,min:0,max:100,defaultValue:4}}}}},button:{title:\"Button\",type:ControlType.Object,controls:{shouldAppear:{title:\"Show\",type:ControlType.Boolean,defaultValue:true},label:{title:\"Label\",type:ControlType.String,defaultValue:\"Subscribe\"},buttonFont:{type:ControlType.Font,title:\"Font\",controls:\"extended\"},fill:{title:\"Fill\",type:ControlType.Color,defaultValue:\"#333\"},color:{title:\"Text\",type:ControlType.Color,defaultValue:\"#FFF\"},isDocked:{title:\"Docked\",type:ControlType.Boolean,defaultValue:false},widthWhenDocked:{title:\"Width\",type:ControlType.Number,min:0,defaultValue:100,displayStepper:true,hidden:props=>!props.isDocked},insetWhenDocked:{title:\"Inset\",type:ControlType.Number,min:0,defaultValue:5,displayStepper:true,hidden:props=>!props.isDocked},buttonPadding:{title:\"Padding\",type:ControlType.FusedNumber,toggleKey:\"buttonPaddingPerSide\",toggleTitles:[\"Padding\",\"Padding per side\"],defaultValue:15,valueKeys:[\"buttonPaddingTop\",\"buttonPaddingRight\",\"buttonPaddingBottom\",\"buttonPaddingLeft\",],valueLabels:[\"T\",\"R\",\"B\",\"L\"],min:0},buttonShadow:{type:ControlType.Object,title:\"Shadow\",optional:true,controls:{shadowColor:{title:\"Color\",type:ControlType.Color,defaultValue:\"rgba(0,0,0,0.25)\"},shadowX:{title:\"Shadow X\",type:ControlType.Number,min:-100,max:100,defaultValue:0},shadowY:{title:\"Shadow Y\",type:ControlType.Number,min:-100,max:100,defaultValue:2},shadowBlur:{title:\"Shadow B\",type:ControlType.Number,min:0,max:100,defaultValue:4}}}}},gap:{title:\"Gap\",type:ControlType.Number,displayStepper:true,min:0,defaultValue:10,hidden:props=>props.button.isDocked}});const defaultStyle={WebkitAppearance:\"none\",appearance:\"none\",width:\"100%\",height:\"auto\",outline:\"none\",border:\"none\"};const containerStyles={position:\"relative\",width:\"100%\",height:\"100%\",display:\"flex\",justifyContent:\"center\",alignItems:\"center\"};function getButtonShadow(button){if(button.buttonShadow){return`${button.buttonShadow.shadowX}px ${button.buttonShadow.shadowY}px ${button.buttonShadow.shadowBlur}px ${button.buttonShadow.shadowColor}`;}else return\"none\";}function dynamicBoxShadow(...shadows){const output=[];shadows.forEach(shadow=>shadow&&output.push(shadow));return output.join(\", \");}export default Input;\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Input\",\"slots\":[],\"annotations\":{\"framerIntrinsicHeight\":\"40\",\"framerIntrinsicWidth\":\"300\",\"framerDisableUnlink\":\"*\",\"framerSupportedLayoutHeight\":\"any\",\"framerContractVersion\":\"1\",\"framerSupportedLayoutWidth\":\"fixed\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Input.map", "// \u00A9 Framer University. All rights reserved.\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{useEffect,useState,useRef}from\"react\";// Loop only\nconst loopDelay=1e3;const initDelay=100;// Do not configure\nconst letters=\"abcdefghijklmnopqrstuvwxyz-.,+*!?@&%/=\";export function onAppear(Component){return props=>{const value=props.children.props.children.props.children;const[isVisible,setIsVisible]=useState(false);const[iteration,setIteration]=useState(0);const intersectionRef=useRef(null);const encrypt=iteration=>{return value.split(\"\").map((letter,index)=>{if(index text