{"version":3,"file":"MonocoEmailCapture.TygoHdnn.mjs","names":["useState","err"],"sources":["https:/framerusercontent.com/modules/9Dt5oq1DW7MtejnHHmoO/45ncXq7aV1HNyKFdkQ9P/yR_bZvNBa.js","https:/framerusercontent.com/modules/Kop1GTQs6ZLBxiBaCstQ/65qrK5nfUbY01ld565zk/MonocoEmailCapture.js"],"sourcesContent":["// Generated by Framer (6ca5d98)\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{addPropertyControls,ControlType,cx,motion,withCSS}from\"framer\";import*as React from\"react\";import{forwardRef}from\"react\";const mask='url(\\'data:image/svg+xml,\\') alpha no-repeat center / auto var(--framer-icon-mask-mode, add), var(--framer-icon-mask, none)';const SVG=/*#__PURE__*/forwardRef((props,ref)=>{const{animated,layoutId,children,...rest}=props;return animated?/*#__PURE__*/_jsx(motion.div,{...rest,layoutId:layoutId,ref:ref}):/*#__PURE__*/_jsx(\"div\",{...rest,ref:ref});});const getProps=({height,id,stroke,width,...props})=>{return{...props,n2nHSaXfp:stroke??props.n2nHSaXfp??\"rgb(0, 0, 0)\"};};const Component=/*#__PURE__*/React.forwardRef(function(props,ref){const{style,className,layoutId,variant,n2nHSaXfp,...restProps}=getProps(props);return /*#__PURE__*/_jsx(SVG,{...restProps,className:cx(\"framer-h7vLl\",className),layoutId:layoutId,ref:ref,style:{\"--1df8v9o\":n2nHSaXfp,...style}});});const css=[`.framer-h7vLl { -webkit-mask: ${mask}; aspect-ratio: 1; background-color: var(--1df8v9o); mask: ${mask}; width: 24px; }`];/**\n * This is a generated Framer component.\n * @framerIntrinsicWidth 24\n * @framerIntrinsicHeight 24\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight any-prefer-fixed\n * @framerVariables {\"n2nHSaXfp\":\"stroke\"}\n * @framerImmutableVariables true\n * @framerVector {\"name\":\"Xmark\",\"color\":{\"type\":\"variable\",\"value\":\"1df8v9o\"},\"set\":{\"localId\":\"vectorSet/yXo17f3GZ\",\"id\":\"yXo17f3GZ\",\"moduleId\":\"eO37kitVCMcNEgHMGd3K\"}}\n * @framerDisableUnlink true\n */const Icon=withCSS(Component,css,\"framer-h7vLl\");Icon.displayName=\"Xmark\";export default Icon;addPropertyControls(Icon,{n2nHSaXfp:{defaultValue:\"rgb(0, 0, 0)\",hidden:false,title:\"Stroke\",type:ControlType.Color}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Icon\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerSupportedLayoutHeight\":\"any-prefer-fixed\",\"framerIntrinsicWidth\":\"24\",\"framerSupportedLayoutWidth\":\"any-prefer-fixed\",\"framerDisableUnlink\":\"true\",\"framerVector\":\"{\\\"name\\\":\\\"Xmark\\\",\\\"color\\\":{\\\"type\\\":\\\"variable\\\",\\\"value\\\":\\\"1df8v9o\\\"},\\\"set\\\":{\\\"localId\\\":\\\"vectorSet/yXo17f3GZ\\\",\\\"id\\\":\\\"yXo17f3GZ\\\",\\\"moduleId\\\":\\\"eO37kitVCMcNEgHMGd3K\\\"}}\",\"framerVariables\":\"{\\\"n2nHSaXfp\\\":\\\"stroke\\\"}\",\"framerImmutableVariables\":\"true\",\"framerIntrinsicHeight\":\"24\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}","import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";import{useState}from\"react\";const KIT_API_KEY=\"dG7b_NpNEzEt-p1k0mt1VQ\";const KIT_FORM_ID=\"9408237\";export default function MonocoEmailCapture({apiKey=KIT_API_KEY,formId=KIT_FORM_ID}){const[firstName,setFirstName]=useState(\"\");const[email,setEmail]=useState(\"\");const[emailError,setEmailError]=useState(\"\");const[status,setStatus]=useState(\"idle\");const[errorMsg,setErrorMsg]=useState(\"\");const isDisabled=status===\"loading\";const inputStyle={width:\"100%\",height:40,background:\"rgba(59,59,59,0.75)\",border:\"1px solid #3B3B3B\",borderRadius:0,padding:\"0 12px\",color:\"#F5F5F5\",fontFamily:\"Inter, sans-serif\",fontSize:14,outline:\"none\",boxSizing:\"border-box\",transition:\"border-color 0.15s\"};const labelStyle={fontFamily:\"Inter, sans-serif\",fontWeight:500,fontSize:12,color:\"#ABABAB\",marginBottom:4,display:\"block\",letterSpacing:\"0.02em\"};const validateEmail=value=>{if(!value)return\"Email is required\";if(!/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/.test(value))return\"Enter a valid email address\";return\"\";};const handleEmailBlur=()=>{setEmailError(validateEmail(email));};const handleSubmit=async()=>{const err=validateEmail(email);if(err){setEmailError(err);return;}setStatus(\"loading\");setErrorMsg(\"\");try{const res=await fetch(`https://api.convertkit.com/v3/forms/${formId}/subscribe`,{method:\"POST\",headers:{\"Content-Type\":\"application/json\"},body:JSON.stringify({api_key:apiKey,email,first_name:firstName||undefined})});const data=await res.json();if(!res.ok||data.error){throw new Error(data.message||\"Subscription failed\");}setStatus(\"success\");}catch(err){setStatus(\"error\");setErrorMsg(err.message||\"Something went wrong\");}};// ── Success state ─────────────────────────────────────────────────────────\nif(status===\"success\"){return /*#__PURE__*/_jsxs(\"div\",{style:{width:\"100%\",display:\"flex\",flexDirection:\"column\",gap:8},children:[/*#__PURE__*/_jsx(\"div\",{style:{fontFamily:\"'Bebas Neue', sans-serif\",fontSize:88,lineHeight:1,color:\"#F2B72E\",letterSpacing:\"0.01em\"},children:\"Done.\"}),/*#__PURE__*/_jsx(\"div\",{style:{fontFamily:\"Inter, sans-serif\",fontSize:16,fontWeight:400,color:\"#ABABAB\",lineHeight:1.4},children:\"You'll hear from us.\"})]});}// ── Form state ────────────────────────────────────────────────────────────\nreturn /*#__PURE__*/_jsxs(\"div\",{style:{width:\"100%\",display:\"flex\",flexDirection:\"column\",gap:20,fontFamily:\"Inter, sans-serif\"},children:[/*#__PURE__*/_jsxs(\"div\",{style:{display:\"flex\",flexDirection:\"column\"},children:[/*#__PURE__*/_jsx(\"label\",{style:labelStyle,children:\"First Name\"}),/*#__PURE__*/_jsx(\"input\",{type:\"text\",placeholder:\"Your Name\",value:firstName,onChange:e=>setFirstName(e.target.value),disabled:isDisabled,style:inputStyle,onFocus:e=>e.currentTarget.style.borderColor=\"rgba(245,245,245,0.35)\",onBlur:e=>e.currentTarget.style.borderColor=\"#3B3B3B\"})]}),/*#__PURE__*/_jsxs(\"div\",{style:{display:\"flex\",flexDirection:\"column\"},children:[/*#__PURE__*/_jsx(\"label\",{style:labelStyle,children:\"Email\"}),/*#__PURE__*/_jsx(\"input\",{type:\"email\",placeholder:\"your@name.com\",value:email,onChange:e=>{setEmail(e.target.value);if(emailError)setEmailError(\"\");},disabled:isDisabled,style:{...inputStyle,borderColor:emailError?\"#F2B72E\":\"#3B3B3B\"},onFocus:e=>e.currentTarget.style.borderColor=emailError?\"#F2B72E\":\"rgba(245,245,245,0.35)\",onBlur:e=>{handleEmailBlur();e.currentTarget.style.borderColor=emailError?\"#F2B72E\":\"#3B3B3B\";}}),emailError&&/*#__PURE__*/_jsx(\"div\",{style:{fontSize:11,color:\"#F2B72E\",fontFamily:\"Inter, sans-serif\",marginTop:5,letterSpacing:\"0.02em\"},children:emailError})]}),/*#__PURE__*/_jsx(\"button\",{onClick:handleSubmit,disabled:isDisabled||!email,style:{width:\"100%\",height:44,background:status===\"loading\"?\"#c49224\":!email?\"#8a6a1a\":\"#F2B72E\",color:\"#000000\",border:\"none\",borderRadius:0,fontFamily:\"Inter, sans-serif\",fontSize:14,fontWeight:600,cursor:isDisabled||!email?\"not-allowed\":\"pointer\",letterSpacing:\"0.02em\",transition:\"background 0.2s, color 0.2s\",display:\"flex\",alignItems:\"center\",justifyContent:\"center\",gap:8},onMouseEnter:e=>{if(status===\"idle\"&&email){e.currentTarget.style.background=\"#111111\";e.currentTarget.style.color=\"#F5F5F5\";}},onMouseLeave:e=>{e.currentTarget.style.background=status===\"loading\"?\"#c49224\":!email?\"#8a6a1a\":\"#F2B72E\";e.currentTarget.style.color=\"#000000\";},children:status===\"loading\"?/*#__PURE__*/_jsx(Spinner,{}):\"Join monoCO\"}),status===\"error\"&&/*#__PURE__*/_jsx(\"div\",{style:{fontSize:12,color:\"#F2B72E\",fontFamily:\"Inter, sans-serif\",marginTop:-8},children:errorMsg||\"Something went wrong. Please try again.\"})]});}function Spinner(){return /*#__PURE__*/_jsxs(\"svg\",{width:\"16\",height:\"16\",viewBox:\"0 0 16 16\",fill:\"none\",style:{animation:\"monoco-spin 0.75s linear infinite\"},children:[/*#__PURE__*/_jsx(\"style\",{children:`\n @keyframes monoco-spin {\n from { transform: rotate(0deg); }\n to { transform: rotate(360deg); }\n }\n `}),/*#__PURE__*/_jsx(\"circle\",{cx:\"8\",cy:\"8\",r:\"6\",stroke:\"rgba(0,0,0,0.3)\",strokeWidth:\"2\"}),/*#__PURE__*/_jsx(\"path\",{d:\"M8 2a6 6 0 0 1 6 6\",stroke:\"#000\",strokeWidth:\"2\",strokeLinecap:\"round\"})]});}addPropertyControls(MonocoEmailCapture,{apiKey:{type:ControlType.String,title:\"Kit API Key\",defaultValue:KIT_API_KEY},formId:{type:ControlType.String,title:\"Kit Form ID\",defaultValue:KIT_FORM_ID}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"MonocoEmailCapture\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./MonocoEmailCapture.map"],"mappings":"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"}