{"version":3,"file":"NewsletterSignupForm.CoSkvifq.mjs","names":["useState","useRef","useId","useMemo","useCallback","startTransition"],"sources":["https:/framerusercontent.com/modules/thQjnwo35vnWu68UX6hR/2RMODeFxBEJWOIp3IAGF/NewsletterSignupForm.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addPropertyControls,ControlType,useIsStaticRenderer}from\"framer\";import{startTransition,useCallback,useEffect,useId,useMemo,useRef,useState}from\"react\";/**\n * @framerSupportedLayoutWidth any\n * @framerSupportedLayoutHeight any\n */export default function NewsletterSignupForm(props){const{actionUrl,placeholder,buttonLabel,pendingLabel,successLabel,errorLabel,inputBackground,inputBorderColor,inputFocusBorderColor,inputTextColor,placeholderColor,buttonFill,buttonHoverFill,buttonTextColor,inputRadius,buttonRadius,fontSize,gap,stacked,style}=props;const[status,setStatus]=useState(\"idle\");const[isFocused,setIsFocused]=useState(false);const[isHoveringButton,setIsHoveringButton]=useState(false);const inputRef=useRef(null);const errorFallbackTimerRef=useRef(null);const clearStatusTimerRef=useRef(null);const isStatic=useIsStaticRenderer();const rawId=useId();const iframeName=useMemo(()=>{return`newsletter_signup_target_${rawId.replace(/[^a-zA-Z0-9_-]/g,\"\")}`;},[rawId]);const placeholderClassName=useMemo(()=>{return`newsletter-input-${rawId.replace(/[^a-zA-Z0-9_-]/g,\"\")}`;},[rawId]);const buttonText=useMemo(()=>{if(status===\"pending\")return pendingLabel;if(status===\"success\")return successLabel;if(status===\"error\")return errorLabel;return buttonLabel;},[status,pendingLabel,successLabel,errorLabel,buttonLabel]);const clearTimers=useCallback(()=>{if(typeof window!==\"undefined\"){if(errorFallbackTimerRef.current!==null){window.clearTimeout(errorFallbackTimerRef.current);errorFallbackTimerRef.current=null;}if(clearStatusTimerRef.current!==null){window.clearTimeout(clearStatusTimerRef.current);clearStatusTimerRef.current=null;}}},[]);const scheduleReturnToIdle=useCallback(()=>{if(typeof window!==\"undefined\"){if(clearStatusTimerRef.current!==null){window.clearTimeout(clearStatusTimerRef.current);}clearStatusTimerRef.current=window.setTimeout(()=>{startTransition(()=>setStatus(\"idle\"));},3200);}},[]);const handleSubmit=useCallback(()=>{clearTimers();startTransition(()=>setStatus(\"pending\"));if(typeof window!==\"undefined\"){errorFallbackTimerRef.current=window.setTimeout(()=>{startTransition(()=>setStatus(\"error\"));scheduleReturnToIdle();},9e3);}},[clearTimers,scheduleReturnToIdle]);const handleIframeLoad=useCallback(()=>{startTransition(()=>{setStatus(prev=>{if(prev!==\"pending\")return prev;return\"success\";});});if(inputRef.current)inputRef.current.value=\"\";clearTimers();scheduleReturnToIdle();},[clearTimers,scheduleReturnToIdle]);useEffect(()=>{return()=>clearTimers();},[clearTimers]);const buttonBackground=useMemo(()=>{return isHoveringButton&&status===\"idle\"?buttonHoverFill:buttonFill;},[isHoveringButton,status,buttonHoverFill,buttonFill]);return /*#__PURE__*/_jsxs(\"div\",{style:{position:\"relative\",width:\"100%\",height:\"auto\",...style},children:[/*#__PURE__*/_jsx(\"style\",{children:`\n                .${placeholderClassName}::placeholder {\n                    color: ${placeholderColor};\n                }\n            `}),/*#__PURE__*/_jsxs(\"form\",{method:\"post\",acceptCharset:\"utf-8\",action:actionUrl,target:iframeName,onSubmit:handleSubmit,style:{display:\"flex\",flexDirection:stacked?\"column\":\"row\",alignItems:\"stretch\",gap,width:\"100%\",height:\"auto\"},children:[/*#__PURE__*/_jsx(\"input\",{ref:inputRef,type:\"email\",name:\"email\",required:true,autocomplete:\"email\",placeholder:placeholder,\"aria-label\":\"Email\",className:placeholderClassName,style:{flex:stacked?\"0 0 auto\":1,minWidth:0,background:inputBackground,border:`1px solid ${isFocused?inputFocusBorderColor:inputFocusBorderColor}`,borderRadius:inputRadius,padding:\"12px\",color:inputTextColor,fontFamily:'\"PP Neue Montreal\", \"Inter\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif',fontWeight:400,fontSize,lineHeight:1.2,outline:\"none\",transition:\"border-color 0.15s ease\"},onFocus:()=>startTransition(()=>setIsFocused(true)),onBlur:()=>startTransition(()=>setIsFocused(false)),disabled:status===\"pending\"}),/*#__PURE__*/_jsx(\"button\",{type:\"submit\",disabled:status===\"pending\",\"aria-live\":\"polite\",style:{border:\"none\",background:buttonBackground,color:buttonTextColor,borderRadius:buttonRadius,padding:\"12px 18px\",minWidth:stacked?undefined:115,width:stacked?\"100%\":undefined,fontFamily:'\"PP Neue Montreal\", \"Inter\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif',fontWeight:500,fontSize,lineHeight:1.2,cursor:status===\"pending\"?\"default\":\"pointer\",opacity:status===\"pending\"?.7:1,transition:\"background-color 0.15s ease, opacity 0.15s ease\",whiteSpace:\"nowrap\"},onMouseEnter:()=>startTransition(()=>setIsHoveringButton(true)),onMouseLeave:()=>startTransition(()=>setIsHoveringButton(false)),children:buttonText})]}),!isStatic&&/*#__PURE__*/_jsx(\"iframe\",{name:iframeName,title:`${iframeName}-submission-target`,onLoad:handleIframeLoad,style:{display:\"none\"}})]});}NewsletterSignupForm.displayName=\"Newsletter Signup Form\";addPropertyControls(NewsletterSignupForm,{actionUrl:{type:ControlType.String,title:\"Action URL\",defaultValue:\"https://nyhetsbrev.make.as/p/s/OTc2Njo0MzY3YjAwZi1kYTVhLTQxNjgtYjBlOS00YjBkZDFhYTZmODE\"},placeholder:{type:ControlType.String,title:\"Placeholder\",defaultValue:\"din@epost.no\"},buttonLabel:{type:ControlType.String,title:\"Button\",defaultValue:\"Meld deg p\\xe5\"},pendingLabel:{type:ControlType.String,title:\"Pending\",defaultValue:\"Sender…\"},successLabel:{type:ControlType.String,title:\"Success\",defaultValue:\"P\\xe5meldt!\"},errorLabel:{type:ControlType.String,title:\"Error\",defaultValue:\"Noe gikk galt\"},inputBackground:{type:ControlType.Color,title:\"Input BG\",defaultValue:\"#F9FAFB\"},inputBorderColor:{type:ControlType.Color,title:\"Input Border\",defaultValue:\"#E5E7EB\"},inputFocusBorderColor:{type:ControlType.Color,title:\"Focus Border\",defaultValue:\"#3A3A3A\"},inputTextColor:{type:ControlType.Color,title:\"Input Text\",defaultValue:\"#111111\"},placeholderColor:{type:ControlType.Color,title:\"Placeholder Color\",defaultValue:\"rgba(0,0,0,0.2)\"},buttonFill:{type:ControlType.Color,title:\"Button Fill\",defaultValue:\"#171717\"},buttonHoverFill:{type:ControlType.Color,title:\"Button Hover\",defaultValue:\"#333333\"},buttonTextColor:{type:ControlType.Color,title:\"Button Text\",defaultValue:\"#FFFFFF\"},inputRadius:{type:ControlType.Number,title:\"Input Radius\",defaultValue:8,min:0,max:40,step:1},buttonRadius:{type:ControlType.Number,title:\"Button Radius\",defaultValue:9,min:0,max:40,step:1},fontSize:{type:ControlType.Number,title:\"Font Size\",defaultValue:14,min:10,max:24,step:1},gap:{type:ControlType.Number,title:\"Gap\",defaultValue:12,min:0,max:40,step:1},stacked:{type:ControlType.Boolean,title:\"Stacked\",defaultValue:false}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"NewsletterSignupForm\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerSupportedLayoutHeight\":\"any\",\"framerSupportedLayoutWidth\":\"any\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./NewsletterSignupForm.map"],"mappings":"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"}