{"version":3,"file":"Test.BWr_Ch3-.mjs","names":["useRef","useState","_Fragment"],"sources":["https:/framerusercontent.com/modules/uxKsHwLICRL9WIeG2vLm/SjVCoLBex8Fo9jC4miMK/Test.js"],"sourcesContent":["// MowchiMailchimpForm: Newsletter signup card with Mailchimp email form, consent checkboxes, and success message.\n// V1.2.0\nimport{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from\"react/jsx-runtime\";import{useEffect,useRef,useState}from\"react\";import{addPropertyControls,ControlType}from\"framer\";const defaultFormAction=\"https://afrikanakitchen.us6.list-manage.com/subscribe/post?u=dea0bdeb84a393b1453873274&id=bd44325c40&f_id=00bb34e1f0\";const defaultTags=\"1861281\";const defaultHoneypot=\"b_dea0bdeb84a393b1453873274_bd44325c40\";const defaultPrivPol=\"https://www.mowchi.me/privacypolicy\";export default function MowchiMailchimpForm({id=\"mailingListCTACard\",formAction,tags,honeypot,privPol,className,headingFont,labelFont,inputFont,bodySFont,marketingConsent=true,dataProcessing=true}){const resolvedFormAction=formAction&&formAction.trim()?formAction.trim():defaultFormAction;const resolvedTags=tags&&tags.trim()?tags.trim():defaultTags;const resolvedHoneypot=honeypot&&honeypot.trim()?honeypot.trim():defaultHoneypot;const resolvedPrivPol=privPol&&privPol.trim()?privPol.trim():defaultPrivPol;const formRef=useRef(null);const submitRef=useRef(null);const[showCheckboxes,setShowCheckboxes]=useState(false);const[showSuccess,setShowSuccess]=useState(false);const[marketingOptIn,setMarketingOptIn]=useState(true);const hideTimeoutRef=useRef(null);const iframeName=\"mc_hidden_iframe\";useEffect(()=>{const form=formRef.current;const submit=submitRef.current;if(!form||!submit)return;const originalLabel=submit.textContent??\"\";const reenable=()=>{if(submit.disabled){submit.disabled=false;submit.textContent=originalLabel||\"Subscribe\";}if(showSuccess)setShowSuccess(false);const emailInput=form.querySelector('input[name=\"EMAIL\"]');if(!emailInput?.value){if(hideTimeoutRef.current){window.clearTimeout(hideTimeoutRef.current);}hideTimeoutRef.current=window.setTimeout(()=>{setShowCheckboxes(false);setShowSuccess(false);},5e3);}else if(hideTimeoutRef.current){window.clearTimeout(hideTimeoutRef.current);hideTimeoutRef.current=null;}};const onSubmit=()=>{// Let the POST go out, then update UI.\nwindow.setTimeout(()=>{submit.disabled=true;submit.textContent=\"Success\";form.reset();setMarketingOptIn(true);setShowSuccess(true);if(hideTimeoutRef.current){window.clearTimeout(hideTimeoutRef.current);}hideTimeoutRef.current=window.setTimeout(()=>{const emailInput=form.querySelector('input[name=\"EMAIL\"]');if(!emailInput?.value){setShowSuccess(false);setShowCheckboxes(false);}},5e3);},0);};form.addEventListener(\"submit\",onSubmit);form.addEventListener(\"input\",reenable);return()=>{form.removeEventListener(\"submit\",onSubmit);form.removeEventListener(\"input\",reenable);if(hideTimeoutRef.current){window.clearTimeout(hideTimeoutRef.current);}};},[]);return /*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx(\"style\",{children:`\n        :root {\n          /* Colors */\n          --color-beige-1: #DBCBB8;\n          --color-beige-2: #F7F3EB;\n          --color-chocolatebrown: #442B1F;\n          --color-brown: #B89D7F;\n        }\n\n        * {\n          margin: 0;\n          box-sizing: border-box;\n        }\n\n        .checkbox-input {\n          appearance: none;\n          -webkit-appearance: none;\n          width: 14px;\n          height: 14px;\n          border: 1px solid var(--color-chocolatebrown);\n          border-radius: 3px;\n          background-color: var(--color-beige-2);\n          display: inline-block;\n          position: relative;\n          flex: 0 0 auto;\n          cursor: pointer;\n        }\n\n        .checkbox-input:checked {\n          background-color: var(--color-chocolatebrown);\n          border-color: var(--color-chocolatebrown);\n        }\n\n        .checkbox-input:checked::after {\n          content: \"\";\n          position: absolute;\n          width: 6px;\n          height: 10px;\n          border-right: 2px solid var(--color-beige-2);\n          border-bottom: 2px solid var(--color-beige-2);\n          left: 50%;\n          top: 50%;\n          transform: translate(-50%, -60%) rotate(45deg) scale(0.8);\n        }\n\n        .newsletter-card {\n          display: flex;\n          flex-direction: column;\n          gap: 24px;\n          width: 100%;\n        }\n\n        .input {\n          color: var(--color-chocolatebrown);\n        }\n\n        .input::placeholder {\n          color: var(--color-chocolatebrown);\n        }\n\n        @media screen and (max-width: 810px) {\n          .newsletter-card {\n            gap: 20px;\n          }\n\n          #emailInputAndSubmit {\n            flex-direction: column !important;\n          }\n\n          #emailInputAndSubmit button {\n            padding-top: 12px;\n            padding-bottom: 12px;\n            justify-content: center;\n            text-align: center;\n          }\n        }\n\n      `}),/*#__PURE__*/_jsxs(\"div\",{className:`newsletter-card ${className??\"\"}`,id:id,children:[/*#__PURE__*/_jsx(\"iframe\",{name:iframeName,style:{display:\"none\",width:0,height:0,border:0},\"aria-hidden\":\"true\",title:\"mailchimp-hidden-iframe\"}),/*#__PURE__*/_jsxs(\"form\",{ref:formRef,style:{margin:0},id:\"mc_form\",action:resolvedFormAction,method:\"post\",target:iframeName,children:[/*#__PURE__*/_jsxs(\"div\",{style:{display:\"flex\",flexDirection:\"column\",gap:24},children:[/*#__PURE__*/_jsxs(\"div\",{id:\"emailInputAndSubmit\",style:{display:\"flex\",flexDirection:\"row\",flex:1,gap:12,alignItems:\"stretch\"},children:[/*#__PURE__*/_jsx(\"input\",{style:{display:\"flex\",flex:1,minWidth:0,height:\"100%\",backgroundColor:\"var(--color-beige-1)\",border:\"1px solid var(--color-chocolatebrown)\",paddingTop:12,paddingBottom:12,paddingLeft:16,...inputFont||{}},className:\"input\",type:\"email\",name:\"EMAIL\",placeholder:\"Email\",required:true,onInput:()=>setShowCheckboxes(true)}),/*#__PURE__*/_jsx(\"button\",{ref:submitRef,style:{backgroundColor:\"var(--color-chocolatebrown)\",alignSelf:\"stretch\",display:\"flex\",alignItems:\"center\",paddingTop:12,paddingBottom:12,paddingLeft:16,paddingRight:16,border:\"none\",color:\"var(--color-beige-2)\",appearance:\"none\",cursor:\"pointer\",...labelFont||{}},className:\"label\",type:\"submit\",id:\"mc_submit\",children:\"Subscribe\"})]}),showCheckboxes?/*#__PURE__*/_jsxs(\"div\",{id:\"checkbox_rows\",style:{display:\"flex\",flexDirection:\"column\",gap:8},children:[marketingConsent?/*#__PURE__*/_jsxs(\"label\",{style:{display:\"flex\",gap:8,alignItems:\"flex-start\"},children:[/*#__PURE__*/_jsx(\"input\",{style:{margin:0},type:\"checkbox\",className:\"checkbox-input\",checked:marketingOptIn,onChange:event=>setMarketingOptIn(event.target.checked)}),/*#__PURE__*/_jsx(\"p\",{style:{margin:0,color:\"var(--color-brown)\",...bodySFont||{}},className:\"body-xs\",children:\"I agree to receive marketing emails from Mowchi, including news, offers and updates. I can unsubscribe at any time.\"})]}):null,dataProcessing?/*#__PURE__*/_jsxs(\"label\",{style:{display:\"flex\",gap:8,alignItems:\"flex-start\"},children:[/*#__PURE__*/_jsx(\"input\",{style:{margin:0},type:\"checkbox\",className:\"checkbox-input\",name:\"PRIV_ACC\",value:\"Yes\",required:dataProcessing}),/*#__PURE__*/_jsxs(\"p\",{style:{margin:0,color:\"var(--color-brown)\",...bodySFont||{}},className:\"body-xs\",children:[\"I'd like to receive emails that contain news, offers and competitions from Mowchi. I accept the\",\" \",/*#__PURE__*/_jsx(\"a\",{style:{color:\"var(--color-chocolatebrown)\",...bodySFont||{}},href:resolvedPrivPol,target:\"_blank\",rel:\"noopener\",children:\"privacy policy\"})]})]}):null,showSuccess?/*#__PURE__*/_jsx(\"div\",{id:\"successAlert\",style:{margin:0,marginTop:12,display:\"inline-flex\",alignSelf:\"flex-start\",backgroundColor:\"var(--color-chocolatebrown)\",color:\"var(--color-beige-2)\",paddingBottom:12,paddingTop:12,paddingLeft:16,paddingRight:16,...bodySFont||{}},children:/*#__PURE__*/_jsx(\"p\",{style:{margin:0},className:\"body-xs\",children:\"You've been subscribed, Thanks for signing up!\"})}):null]}):null]}),/*#__PURE__*/_jsx(\"input\",{type:\"hidden\",name:\"MKT_OPTIN\",value:marketingOptIn?\"Yes\":\"No\"}),/*#__PURE__*/_jsx(\"input\",{type:\"hidden\",name:\"tags\",value:resolvedTags}),/*#__PURE__*/_jsx(\"div\",{\"aria-hidden\":\"true\",style:{position:\"absolute\",left:-5e3},children:/*#__PURE__*/_jsx(\"input\",{type:\"text\",name:resolvedHoneypot,tabIndex:-1,defaultValue:\"\"})})]})]})]});}addPropertyControls(MowchiMailchimpForm,{marketingConsent:{type:ControlType.Boolean,title:\"Marketing Consent\",defaultValue:true},dataProcessing:{type:ControlType.Boolean,title:\"Data Processing\",defaultValue:true},labelFont:{type:ControlType.Font,title:\"Label Font\",controls:\"extended\",defaultFontType:\"sans-serif\",defaultValue:{fontSize:\"12px\",lineHeight:\"1.4\"}},inputFont:{type:ControlType.Font,title:\"Input Font\",controls:\"extended\",defaultFontType:\"sans-serif\",defaultValue:{fontSize:\"12px\",lineHeight:\"1.4\"}},bodySFont:{type:ControlType.Font,title:\"Body S Font\",controls:\"extended\",defaultFontType:\"sans-serif\",defaultValue:{fontSize:\"11px\",lineHeight:\"1.6\",letterSpacing:\"0px\"}},formAction:{type:ControlType.String,title:\"Form Action\",defaultValue:\"\"},tags:{type:ControlType.String,title:\"Tags\",defaultValue:\"\"},honeypot:{type:ControlType.String,title:\"Honeypot\",defaultValue:\"\"},privPol:{type:ControlType.String,title:\"Privacy Policy\",defaultValue:\"\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"MowchiMailchimpForm\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Test.map"],"mappings":"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"}