{"version":3,"file":"MailchimpForm.DOdRiuII.mjs","names":["useState","useRef","startTransition"],"sources":["https:/framerusercontent.com/modules/9sloWVYwj5grOMnk9vhp/eOjZXM61MHQUHhR5DeKF/MailchimpForm.js"],"sourcesContent":["// Mailchimp form with email, first name, and last name inputs\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{useState,startTransition,useEffect,useRef}from\"react\";import{addPropertyControls,ControlType}from\"framer\";/**\n * Mailchimp Form\n *\n * @framerIntrinsicWidth 800\n * @framerIntrinsicHeight 80\n *\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight any-prefer-fixed\n */export default function MailchimpForm(props){const{actionUrl,firstNamePlaceholder,lastNamePlaceholder,emailPlaceholder,buttonText,successMessage,errorMessage,backgroundColor,inputBackground,inputTextColor,inputBorderColor,inputBorderWidth,inputPadding,buttonBackground,buttonTextColor,buttonBorderColor,buttonBorderWidth,buttonPadding,buttonHoverBackground,buttonHoverBorderColor,textFont,buttonFont,successFont,errorFont,successBackground,errorBackground,inputBorderRadius,buttonBorderRadius,mobileBreakpoint}=props;const[firstName,setFirstName]=useState(\"\");const[lastName,setLastName]=useState(\"\");const[email,setEmail]=useState(\"\");const[status,setStatus]=useState(\"idle\");const[isButtonHovered,setIsButtonHovered]=useState(false);const[containerWidth,setContainerWidth]=useState(1024);const containerRef=useRef(null);// Handle container resize\nuseEffect(()=>{if(typeof window===\"undefined\"||!containerRef.current)return;const resizeObserver=new ResizeObserver(entries=>{for(const entry of entries){startTransition(()=>setContainerWidth(entry.contentRect.width));}});resizeObserver.observe(containerRef.current);return()=>resizeObserver.disconnect();},[]);const handleSubmit=async e=>{e.preventDefault();if(!actionUrl){startTransition(()=>setStatus(\"error\"));return;}startTransition(()=>setStatus(\"loading\"));try{const formData=new FormData;formData.append(\"FNAME\",firstName);formData.append(\"LNAME\",lastName);formData.append(\"EMAIL\",email);const response=await fetch(actionUrl,{method:\"POST\",body:formData,mode:\"no-cors\"});startTransition(()=>{setStatus(\"success\");setFirstName(\"\");setLastName(\"\");setEmail(\"\");});setTimeout(()=>{startTransition(()=>setStatus(\"idle\"));},3e3);}catch(error){startTransition(()=>setStatus(\"error\"));setTimeout(()=>{startTransition(()=>setStatus(\"idle\"));},3e3);}};const isMobile=containerWidth<mobileBreakpoint;const inputStyle={flex:1,padding:inputPadding,backgroundColor:inputBackground,color:inputTextColor,border:`${inputBorderWidth}px solid ${inputBorderColor}`,borderRadius:inputBorderRadius,outline:\"none\",minWidth:0,...textFont};const buttonStyle={padding:buttonPadding,backgroundColor:isButtonHovered?buttonHoverBackground:buttonBackground,color:buttonTextColor,border:`${buttonBorderWidth}px solid ${isButtonHovered?buttonHoverBorderColor:buttonBorderColor}`,borderRadius:buttonBorderRadius,cursor:status===\"loading\"?\"not-allowed\":\"pointer\",opacity:status===\"loading\"?.6:1,transition:\"all 0.2s ease\",whiteSpace:\"nowrap\",flexShrink:0,...buttonFont};const messageStyle={padding:inputPadding,borderRadius:inputBorderRadius,textAlign:\"center\",...textFont};return /*#__PURE__*/_jsx(\"div\",{ref:containerRef,style:{...props.style,position:\"relative\",width:\"100%\",height:\"100%\",display:\"flex\",flexDirection:\"column\",justifyContent:\"center\"},children:status===\"success\"?/*#__PURE__*/_jsx(\"div\",{style:{...messageStyle,backgroundColor:successBackground,color:\"#FFFFFF\",...successFont},children:successMessage}):status===\"error\"?/*#__PURE__*/_jsx(\"div\",{style:{...messageStyle,backgroundColor:errorBackground,color:\"#FFFFFF\",...errorFont},children:errorMessage}):/*#__PURE__*/_jsxs(\"form\",{onSubmit:handleSubmit,style:{display:\"flex\",flexDirection:isMobile?\"column\":\"row\",gap:12,width:\"100%\",alignItems:\"stretch\"},children:[/*#__PURE__*/_jsx(\"input\",{type:\"text\",placeholder:firstNamePlaceholder,value:firstName,onChange:e=>startTransition(()=>setFirstName(e.target.value)),required:true,style:inputStyle}),/*#__PURE__*/_jsx(\"input\",{type:\"text\",placeholder:lastNamePlaceholder,value:lastName,onChange:e=>startTransition(()=>setLastName(e.target.value)),required:true,style:inputStyle}),/*#__PURE__*/_jsx(\"input\",{type:\"email\",placeholder:emailPlaceholder,value:email,onChange:e=>startTransition(()=>setEmail(e.target.value)),required:true,style:inputStyle}),/*#__PURE__*/_jsx(\"button\",{type:\"submit\",disabled:status===\"loading\",style:buttonStyle,onMouseEnter:()=>startTransition(()=>setIsButtonHovered(true)),onMouseLeave:()=>startTransition(()=>setIsButtonHovered(false)),children:status===\"loading\"?\"Submitting...\":buttonText})]})});}addPropertyControls(MailchimpForm,{actionUrl:{type:ControlType.String,title:\"Action URL\",defaultValue:\"\",placeholder:\"https://your-mailchimp-url.com\"},firstNamePlaceholder:{type:ControlType.String,title:\"First Name Placeholder\",defaultValue:\"First Name\"},lastNamePlaceholder:{type:ControlType.String,title:\"Last Name Placeholder\",defaultValue:\"Last Name\"},emailPlaceholder:{type:ControlType.String,title:\"Email Placeholder\",defaultValue:\"Email\"},buttonText:{type:ControlType.String,title:\"Button Text\",defaultValue:\"SUBMIT\"},successMessage:{type:ControlType.String,title:\"Success Message\",defaultValue:\"Thanks for subscribing!\"},errorMessage:{type:ControlType.String,title:\"Error Message\",defaultValue:\"Something went wrong. Please try again.\"},backgroundColor:{type:ControlType.Color,title:\"Background\",defaultValue:\"#D4CFC4\"},inputBackground:{type:ControlType.Color,title:\"Input Background\",defaultValue:\"#FFFFFF\"},inputTextColor:{type:ControlType.Color,title:\"Input Text\",defaultValue:\"#000000\"},inputBorderColor:{type:ControlType.Color,title:\"Input Border\",defaultValue:\"#000000\"},inputBorderWidth:{type:ControlType.Number,title:\"Input Border Width\",defaultValue:1,min:0,max:10,step:1},inputPadding:{type:ControlType.String,title:\"Input Padding\",defaultValue:\"12px 16px\"},inputBorderRadius:{type:ControlType.Number,title:\"Input Radius\",defaultValue:8,min:0,max:50,step:1},buttonBackground:{type:ControlType.Color,title:\"Button Background\",defaultValue:\"#FFFFFF\"},buttonTextColor:{type:ControlType.Color,title:\"Button Text\",defaultValue:\"#000000\"},buttonBorderColor:{type:ControlType.Color,title:\"Button Border\",defaultValue:\"#000000\"},buttonBorderWidth:{type:ControlType.Number,title:\"Button Border Width\",defaultValue:1,min:0,max:10,step:1},buttonPadding:{type:ControlType.String,title:\"Button Padding\",defaultValue:\"12px 32px\"},buttonBorderRadius:{type:ControlType.Number,title:\"Button Radius\",defaultValue:24,min:0,max:50,step:1},buttonHoverBackground:{type:ControlType.Color,title:\"Button Hover Background\",defaultValue:\"#000000\"},buttonHoverBorderColor:{type:ControlType.Color,title:\"Button Hover Border\",defaultValue:\"#000000\"},textFont:{type:ControlType.Font,title:\"Text Font\",controls:\"extended\",defaultFontType:\"sans-serif\",defaultValue:{fontSize:\"15px\",variant:\"Medium\",letterSpacing:\"-0.01em\",lineHeight:\"1.3em\"}},buttonFont:{type:ControlType.Font,title:\"Button Font\",controls:\"extended\",defaultFontType:\"sans-serif\",defaultValue:{fontSize:\"14px\",variant:\"Semibold\",letterSpacing:\"0.05em\",lineHeight:\"1em\"}},successFont:{type:ControlType.Font,title:\"Success Font\",controls:\"extended\",defaultFontType:\"sans-serif\",defaultValue:{fontSize:\"15px\",variant:\"Medium\",letterSpacing:\"-0.01em\",lineHeight:\"1.3em\"}},errorFont:{type:ControlType.Font,title:\"Error Font\",controls:\"extended\",defaultFontType:\"sans-serif\",defaultValue:{fontSize:\"15px\",variant:\"Medium\",letterSpacing:\"-0.01em\",lineHeight:\"1.3em\"}},successBackground:{type:ControlType.Color,title:\"Success Background\",defaultValue:\"#22CC66\"},errorBackground:{type:ControlType.Color,title:\"Error Background\",defaultValue:\"#FF5588\"},mobileBreakpoint:{type:ControlType.Number,title:\"Mobile Breakpoint\",defaultValue:768,min:320,max:1024,step:1,unit:\"px\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"MailchimpForm\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutHeight\":\"any-prefer-fixed\",\"framerIntrinsicHeight\":\"80\",\"framerContractVersion\":\"1\",\"framerIntrinsicWidth\":\"800\",\"framerSupportedLayoutWidth\":\"any-prefer-fixed\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./MailchimpForm.map"],"mappings":"oNASG,SAAwB,EAAc,EAAM,CAAC,GAAK,CAAC,YAAU,uBAAqB,sBAAoB,mBAAiB,aAAW,iBAAe,eAAa,kBAAgB,kBAAgB,iBAAe,mBAAiB,mBAAiB,eAAa,mBAAiB,kBAAgB,oBAAkB,oBAAkB,gBAAc,wBAAsB,yBAAuB,WAAS,cAAW,cAAY,YAAU,oBAAkB,kBAAgB,oBAAkB,qBAAmB,oBAAkB,EAAW,CAAC,EAAU,GAAcA,EAAS,EAAE,EAAO,CAAC,EAAS,GAAaA,EAAS,EAAE,EAAO,CAAC,EAAM,GAAUA,EAAS,EAAE,EAAO,CAAC,EAAO,GAAWA,EAAS,MAAM,EAAO,CAAC,EAAgB,GAAoBA,EAAS,EAAK,EAAO,CAAC,EAAe,GAAmBA,EAAS,IAAI,EAAQ,EAAaC,EAAO,IAAI,EACvzB,MAAc,CAAC,GAAU,IAAS,QAAa,CAAC,EAAa,QAAQ,OAAO,IAAM,EAAe,IAAI,eAAe,GAAS,CAAC,IAAI,IAAM,KAAS,EAAS,MAAoB,EAAkB,EAAM,YAAY,KAAK,CAAC,CAAG,CAAC,EAA+C,OAA7C,EAAe,QAAQ,EAAa,OAAO,MAAY,EAAe,WAAW,CAAE,EAAE,CAAC,CAAC,EAAE,IAAM,EAAa,KAAM,IAAG,CAAoB,GAAnB,EAAE,eAAe,EAAK,CAAC,EAAU,CAAC,MAAoB,EAAU,OAAO,CAAC,EAAE,MAAO,CAAC,MAAoB,EAAU,SAAS,CAAC,EAAE,GAAG,CAAC,IAAM,EAAS,IAAI,SAAS,EAAS,OAAO,QAAQ,CAAS,EAAE,EAAS,OAAO,QAAQ,CAAQ,EAAE,EAAS,OAAO,QAAQ,CAAK,EAAiB,MAAM,MAAM,EAAU,CAAC,OAAO,OAAO,KAAK,EAAS,KAAK,SAAS,CAAC,EAAE,MAAoB,CAAC,EAAU,SAAS,EAAE,EAAa,EAAE,EAAE,EAAY,EAAE,EAAE,EAAS,EAAE,CAAE,CAAC,EAAE,eAAe,CAAC,MAAoB,EAAU,MAAM,CAAC,CAAE,EAAE,GAAG,CAAE,MAAa,CAAC,MAAoB,EAAU,OAAO,CAAC,EAAE,eAAe,CAAC,MAAoB,EAAU,MAAM,CAAC,CAAE,EAAE,GAAG,CAAE,CAAC,EAAQ,EAAS,EAAe,EAAuB,EAAW,CAAC,KAAK,EAAE,QAAQ,EAAa,gBAAgB,EAAgB,MAAM,EAAe,OAAO,GAAG,EAAiB,WAAW,IAAmB,aAAa,EAAkB,QAAQ,OAAO,SAAS,EAAE,GAAG,CAAQ,EAAQ,EAAY,CAAC,QAAQ,EAAc,gBAAgB,EAAgB,EAAsB,EAAiB,MAAM,EAAgB,OAAO,GAAG,EAAkB,WAAW,EAAgB,EAAuB,IAAoB,aAAa,EAAmB,OAAO,IAAS,UAAU,cAAc,UAAU,QAAQ,IAAS,UAAU,GAAG,EAAE,WAAW,gBAAgB,WAAW,SAAS,WAAW,EAAE,GAAG,EAAU,EAAQ,EAAa,CAAC,QAAQ,EAAa,aAAa,EAAkB,UAAU,SAAS,GAAG,CAAQ,EAAE,OAAoB,EAAK,MAAM,CAAC,IAAI,EAAa,MAAM,CAAC,GAAG,EAAM,MAAM,SAAS,WAAW,MAAM,OAAO,OAAO,OAAO,QAAQ,OAAO,cAAc,SAAS,eAAe,QAAQ,EAAE,SAAS,IAAS,UAAuB,EAAK,MAAM,CAAC,MAAM,CAAC,GAAG,EAAa,gBAAgB,EAAkB,MAAM,UAAU,GAAG,CAAW,EAAE,SAAS,CAAc,CAAC,EAAE,IAAS,QAAqB,EAAK,MAAM,CAAC,MAAM,CAAC,GAAG,EAAa,gBAAgB,EAAgB,MAAM,UAAU,GAAG,CAAS,EAAE,SAAS,CAAY,CAAC,EAAe,EAAM,OAAO,CAAC,SAAS,EAAa,MAAM,CAAC,QAAQ,OAAO,cAAc,EAAS,SAAS,MAAM,IAAI,GAAG,MAAM,OAAO,WAAW,SAAS,EAAE,SAAS,CAAc,EAAK,QAAQ,CAAC,KAAK,OAAO,YAAY,EAAqB,MAAM,EAAU,SAAS,GAAGC,MAAoB,EAAa,EAAE,OAAO,KAAK,CAAC,EAAE,SAAS,GAAK,MAAM,CAAU,CAAC,EAAe,EAAK,QAAQ,CAAC,KAAK,OAAO,YAAY,EAAoB,MAAM,EAAS,SAAS,GAAGA,MAAoB,EAAY,EAAE,OAAO,KAAK,CAAC,EAAE,SAAS,GAAK,MAAM,CAAU,CAAC,EAAe,EAAK,QAAQ,CAAC,KAAK,QAAQ,YAAY,EAAiB,MAAM,EAAM,SAAS,GAAGA,MAAoB,EAAS,EAAE,OAAO,KAAK,CAAC,EAAE,SAAS,GAAK,MAAM,CAAU,CAAC,EAAe,EAAK,SAAS,CAAC,KAAK,SAAS,SAAS,IAAS,UAAU,MAAM,EAAY,iBAAiBA,MAAoB,EAAmB,EAAI,CAAC,EAAE,iBAAiBA,MAAoB,EAAmB,EAAK,CAAC,EAAE,SAAS,IAAS,UAAU,gBAAgB,CAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAE,qBAT9lG,IAA6D,IAAoD,EAS8+F,EAAoB,EAAc,CAAC,UAAU,CAAC,KAAK,EAAY,OAAO,MAAM,aAAa,aAAa,GAAG,YAAY,gCAAgC,EAAE,qBAAqB,CAAC,KAAK,EAAY,OAAO,MAAM,yBAAyB,aAAa,YAAY,EAAE,oBAAoB,CAAC,KAAK,EAAY,OAAO,MAAM,wBAAwB,aAAa,WAAW,EAAE,iBAAiB,CAAC,KAAK,EAAY,OAAO,MAAM,oBAAoB,aAAa,OAAO,EAAE,WAAW,CAAC,KAAK,EAAY,OAAO,MAAM,cAAc,aAAa,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAY,OAAO,MAAM,kBAAkB,aAAa,yBAAyB,EAAE,aAAa,CAAC,KAAK,EAAY,OAAO,MAAM,gBAAgB,aAAa,yCAAyC,EAAE,gBAAgB,CAAC,KAAK,EAAY,MAAM,MAAM,aAAa,aAAa,SAAS,EAAE,gBAAgB,CAAC,KAAK,EAAY,MAAM,MAAM,mBAAmB,aAAa,SAAS,EAAE,eAAe,CAAC,KAAK,EAAY,MAAM,MAAM,aAAa,aAAa,SAAS,EAAE,iBAAiB,CAAC,KAAK,EAAY,MAAM,MAAM,eAAe,aAAa,SAAS,EAAE,iBAAiB,CAAC,KAAK,EAAY,OAAO,MAAM,qBAAqB,aAAa,EAAE,IAAI,EAAE,IAAI,GAAG,KAAK,CAAC,EAAE,aAAa,CAAC,KAAK,EAAY,OAAO,MAAM,gBAAgB,aAAa,WAAW,EAAE,kBAAkB,CAAC,KAAK,EAAY,OAAO,MAAM,eAAe,aAAa,EAAE,IAAI,EAAE,IAAI,GAAG,KAAK,CAAC,EAAE,iBAAiB,CAAC,KAAK,EAAY,MAAM,MAAM,oBAAoB,aAAa,SAAS,EAAE,gBAAgB,CAAC,KAAK,EAAY,MAAM,MAAM,cAAc,aAAa,SAAS,EAAE,kBAAkB,CAAC,KAAK,EAAY,MAAM,MAAM,gBAAgB,aAAa,SAAS,EAAE,kBAAkB,CAAC,KAAK,EAAY,OAAO,MAAM,sBAAsB,aAAa,EAAE,IAAI,EAAE,IAAI,GAAG,KAAK,CAAC,EAAE,cAAc,CAAC,KAAK,EAAY,OAAO,MAAM,iBAAiB,aAAa,WAAW,EAAE,mBAAmB,CAAC,KAAK,EAAY,OAAO,MAAM,gBAAgB,aAAa,GAAG,IAAI,EAAE,IAAI,GAAG,KAAK,CAAC,EAAE,sBAAsB,CAAC,KAAK,EAAY,MAAM,MAAM,0BAA0B,aAAa,SAAS,EAAE,uBAAuB,CAAC,KAAK,EAAY,MAAM,MAAM,sBAAsB,aAAa,SAAS,EAAE,SAAS,CAAC,KAAK,EAAY,KAAK,MAAM,YAAY,SAAS,WAAW,gBAAgB,aAAa,aAAa,CAAC,SAAS,OAAO,QAAQ,SAAS,cAAc,UAAU,WAAW,OAAO,CAAC,EAAE,WAAW,CAAC,KAAK,EAAY,KAAK,MAAM,cAAc,SAAS,WAAW,gBAAgB,aAAa,aAAa,CAAC,SAAS,OAAO,QAAQ,WAAW,cAAc,SAAS,WAAW,KAAK,CAAC,EAAE,YAAY,CAAC,KAAK,EAAY,KAAK,MAAM,eAAe,SAAS,WAAW,gBAAgB,aAAa,aAAa,CAAC,SAAS,OAAO,QAAQ,SAAS,cAAc,UAAU,WAAW,OAAO,CAAC,EAAE,UAAU,CAAC,KAAK,EAAY,KAAK,MAAM,aAAa,SAAS,WAAW,gBAAgB,aAAa,aAAa,CAAC,SAAS,OAAO,QAAQ,SAAS,cAAc,UAAU,WAAW,OAAO,CAAC,EAAE,kBAAkB,CAAC,KAAK,EAAY,MAAM,MAAM,qBAAqB,aAAa,SAAS,EAAE,gBAAgB,CAAC,KAAK,EAAY,MAAM,MAAM,mBAAmB,aAAa,SAAS,EAAE,iBAAiB,CAAC,KAAK,EAAY,OAAO,MAAM,oBAAoB,aAAa,IAAI,IAAI,IAAI,IAAI,KAAK,KAAK,EAAE,KAAK,IAAI,CAAC,CAAC"}