{"version":3,"file":"NewsletterForm.BiO2bZAY.mjs","names":["useState"],"sources":["https:/framerusercontent.com/modules/K8E5tiAXWyrRwxo2g6kf/6inIKC0JDf0adAI8PPOm/NewsletterForm.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";import{useState}from\"react\";const C={fg:\"#0E1A22\",faint:\"#5E6E78\",line:\"rgba(14, 26, 34, 0.18)\",teal:\"#00A9BB\",tealHover:\"#14B9CA\",onTeal:\"#04232A\",good:\"#1E7A46\",bad:\"#A12A2A\"};const FOCUS_CSS=`.trf, .trf * { -webkit-tap-highlight-color: transparent; }\n.trf :focus { outline: none; }\n.trf input:focus, .trf textarea:focus { border-color: ${C.teal} !important; box-shadow: 0 0 0 3px rgba(0, 169, 187, 0.15); }\n.trf button:focus-visible { box-shadow: 0 0 0 3px rgba(0, 169, 187, 0.35); }`;const FONT=`\"Geist\", \"Geist Placeholder\", -apple-system, \"Segoe UI\", Helvetica, Arial, sans-serif`;const emailOk=v=>/^[^\\s@]+@[^\\s@]+\\.[^\\s@]{2,}$/.test(v.trim());/**\n * One-field newsletter sign-up that posts to Formspark.\n *\n * @framerIntrinsicWidth 520\n * @framerIntrinsicHeight 56\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight auto\n */export default function NewsletterForm({formId,source,buttonLabel,style}){const[email,setEmail]=useState(\"\");const[trap,setTrap]=useState(\"\");const[status,setStatus]=useState(\"idle\");const[hover,setHover]=useState(false);async function submit(e){e.preventDefault();if(!emailOk(email))return setStatus(\"invalid\");if(trap)return setStatus(\"sent\");setStatus(\"sending\");try{const r=await fetch(`https://submit-form.com/${formId}`,{method:\"POST\",headers:{\"Content-Type\":\"application/json\",Accept:\"application/json\"},body:JSON.stringify({email:email.trim(),source,topic:\"Newsletter sign-up\",page:typeof window!==\"undefined\"?window.location.href:\"\",_honeypot:trap})});setStatus(r.ok?\"sent\":\"error\");}catch{setStatus(\"error\");}}if(status===\"sent\"){return /*#__PURE__*/_jsxs(\"div\",{role:\"status\",style:{...style,fontFamily:FONT,fontSize:15,lineHeight:1.5,color:C.good,padding:\"14px 0\"},children:[\"You’re on the list. The next issue will come to \",email.trim()||\"your inbox\",\".\"]});}return /*#__PURE__*/_jsxs(\"form\",{className:\"trf\",onSubmit:submit,noValidate:true,style:{...style,fontFamily:FONT,display:\"flex\",flexDirection:\"column\",gap:8,width:\"100%\"},children:[/*#__PURE__*/_jsx(\"style\",{children:FOCUS_CSS}),/*#__PURE__*/_jsxs(\"div\",{style:{display:\"flex\",flexWrap:\"wrap\",gap:10},children:[/*#__PURE__*/_jsx(\"input\",{type:\"email\",name:\"email\",autoComplete:\"email\",\"aria-label\":\"Work email\",placeholder:\"Work email\",value:email,onChange:e=>{setEmail(e.target.value);if(status===\"invalid\")setStatus(\"idle\");},\"aria-invalid\":status===\"invalid\",style:{flex:\"1 1 220px\",minWidth:0,boxSizing:\"border-box\",padding:\"13px 16px\",fontFamily:FONT,fontSize:15,color:C.fg,background:\"#FFFFFF\",border:`1px solid ${status===\"invalid\"?C.bad:C.line}`,borderRadius:999,outline:\"none\"}}),/*#__PURE__*/_jsx(\"button\",{type:\"submit\",disabled:status===\"sending\",onMouseEnter:()=>setHover(true),onMouseLeave:()=>setHover(false),style:{flex:\"0 0 auto\",padding:\"13px 22px\",fontFamily:FONT,fontWeight:500,fontSize:15,lineHeight:1.2,color:C.onTeal,background:hover&&status!==\"sending\"?C.tealHover:C.teal,border:0,borderRadius:999,cursor:status===\"sending\"?\"progress\":\"pointer\"},children:status===\"sending\"?\"Subscribing…\":buttonLabel})]}),/*#__PURE__*/_jsx(\"input\",{type:\"text\",name:\"_honeypot\",tabIndex:-1,autoComplete:\"off\",\"aria-hidden\":\"true\",value:trap,onChange:e=>setTrap(e.target.value),style:{position:\"absolute\",left:-9999,width:1,height:1,opacity:0}}),status===\"invalid\"&&/*#__PURE__*/_jsx(\"span\",{style:{fontSize:13,color:C.bad},children:\"Please enter a valid email.\"}),status===\"error\"&&/*#__PURE__*/_jsx(\"span\",{role:\"alert\",style:{fontSize:13,color:C.bad},children:\"Something went wrong. Please try again.\"})]});}NewsletterForm.defaultProps={formId:\"xCzlq4mvq\",source:\"Payer Games newsletter\",buttonLabel:\"Subscribe\"};addPropertyControls(NewsletterForm,{formId:{type:ControlType.String,title:\"Formspark ID\",defaultValue:\"xCzlq4mvq\"},source:{type:ControlType.String,title:\"Source\",defaultValue:\"Payer Games newsletter\"},buttonLabel:{type:ControlType.String,title:\"Button\",defaultValue:\"Subscribe\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"NewsletterForm\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerIntrinsicWidth\":\"520\",\"framerSupportedLayoutWidth\":\"any-prefer-fixed\",\"framerIntrinsicHeight\":\"56\",\"framerSupportedLayoutHeight\":\"auto\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./NewsletterForm.map"],"mappings":"qLAUG,SAAwB,EAAe,CAAC,SAAO,SAAO,cAAY,SAAO,CAAC,GAAK,CAAC,EAAM,GAAUA,EAAS,EAAE,EAAO,CAAC,EAAK,GAASA,EAAS,EAAE,EAAO,CAAC,EAAO,GAAWA,EAAS,MAAM,EAAO,CAAC,EAAM,GAAUA,EAAS,EAAK,EAAE,eAAe,EAAO,EAAE,CAAoB,GAAnB,EAAE,eAAe,EAAK,CAAC,EAAQ,CAAK,EAAE,OAAO,EAAU,SAAS,EAAE,GAAG,EAAK,OAAO,EAAU,MAAM,EAAE,EAAU,SAAS,EAAE,GAAG,CAAC,IAAM,EAAE,MAAM,MAAM,2BAA2B,IAAS,CAAC,OAAO,OAAO,QAAQ,CAAC,eAAe,mBAAmB,OAAO,kBAAkB,EAAE,KAAK,KAAK,UAAU,CAAC,MAAM,EAAM,KAAK,EAAE,SAAO,MAAM,qBAAqB,KAAY,IAAS,OAAiC,GAArB,EAAO,SAAS,KAAQ,UAAU,CAAI,CAAC,CAAC,CAAC,EAAE,EAAU,EAAE,GAAG,OAAO,OAAO,CAAE,MAAM,CAAC,EAAU,OAAO,CAAE,CAAC,CAA8P,OAA1P,IAAS,OAA4B,EAAM,MAAM,CAAC,KAAK,SAAS,MAAM,CAAC,GAAG,EAAM,WAAW,EAAK,SAAS,GAAG,WAAW,IAAI,MAAM,EAAE,KAAK,QAAQ,QAAQ,EAAE,SAAS,CAAC,mDAAmD,EAAM,KAAK,GAAG,aAAa,GAAG,CAAC,CAAC,EAAuB,EAAM,OAAO,CAAC,UAAU,MAAM,SAAS,EAAO,WAAW,GAAK,MAAM,CAAC,GAAG,EAAM,WAAW,EAAK,QAAQ,OAAO,cAAc,SAAS,IAAI,EAAE,MAAM,MAAM,EAAE,SAAS,CAAc,EAAK,QAAQ,CAAC,SAAS,CAAS,CAAC,EAAe,EAAM,MAAM,CAAC,MAAM,CAAC,QAAQ,OAAO,SAAS,OAAO,IAAI,EAAE,EAAE,SAAS,CAAc,EAAK,QAAQ,CAAC,KAAK,QAAQ,KAAK,QAAQ,aAAa,QAAQ,aAAa,aAAa,YAAY,aAAa,MAAM,EAAM,SAAS,GAAG,CAAC,EAAS,EAAE,OAAO,KAAK,EAAK,IAAS,WAAU,EAAU,MAAM,CAAE,EAAE,eAAe,IAAS,UAAU,MAAM,CAAC,KAAK,YAAY,SAAS,EAAE,UAAU,aAAa,QAAQ,YAAY,WAAW,EAAK,SAAS,GAAG,MAAM,EAAE,GAAG,WAAW,UAAU,OAAO,aAAa,IAAS,UAAU,EAAE,IAAI,EAAE,OAAO,aAAa,IAAI,QAAQ,MAAM,CAAC,CAAC,EAAe,EAAK,SAAS,CAAC,KAAK,SAAS,SAAS,IAAS,UAAU,iBAAiB,EAAS,EAAI,EAAE,iBAAiB,EAAS,EAAK,EAAE,MAAM,CAAC,KAAK,WAAW,QAAQ,YAAY,WAAW,EAAK,WAAW,IAAI,SAAS,GAAG,WAAW,IAAI,MAAM,EAAE,OAAO,WAAW,GAAO,IAAS,UAAU,EAAE,UAAU,EAAE,KAAK,OAAO,EAAE,aAAa,IAAI,OAAO,IAAS,UAAU,WAAW,SAAS,EAAE,SAAS,IAAS,UAAU,eAAe,CAAW,CAAC,CAAC,CAAC,CAAC,EAAe,EAAK,QAAQ,CAAC,KAAK,OAAO,KAAK,YAAY,SAAS,GAAG,aAAa,MAAM,cAAc,OAAO,MAAM,EAAK,SAAS,GAAG,EAAQ,EAAE,OAAO,KAAK,EAAE,MAAM,CAAC,SAAS,WAAW,KAAK,MAAM,MAAM,EAAE,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,IAAS,WAAwB,EAAK,OAAO,CAAC,MAAM,CAAC,SAAS,GAAG,MAAM,EAAE,GAAG,EAAE,SAAS,6BAA6B,CAAC,EAAE,IAAS,SAAsB,EAAK,OAAO,CAAC,KAAK,QAAQ,MAAM,CAAC,SAAS,GAAG,MAAM,EAAE,GAAG,EAAE,SAAS,yCAAyC,CAAC,CAAC,CAAC,CAAC,CAAE,6BAV9kF,IAAoD,IAA4B,EAAO,EAAE,CAAC,GAAG,UAAU,MAAM,UAAU,KAAK,yBAAyB,KAAK,UAAU,UAAU,UAAU,OAAO,UAAU,KAAK,UAAU,IAAI,SAAS,EAAQ,EAAU;;wDAEvP,EAAE,KAAK;8EACqB,EAAK,wFAA8F,EAAQ,GAAG,gCAAgC,KAAK,EAAE,KAAK,CAAC,EAOw5E,EAAe,aAAa,CAAC,OAAO,YAAY,OAAO,yBAAyB,YAAY,WAAW,EAAE,EAAoB,EAAe,CAAC,OAAO,CAAC,KAAK,EAAY,OAAO,MAAM,eAAe,aAAa,WAAW,EAAE,OAAO,CAAC,KAAK,EAAY,OAAO,MAAM,SAAS,aAAa,wBAAwB,EAAE,YAAY,CAAC,KAAK,EAAY,OAAO,MAAM,SAAS,aAAa,WAAW,CAAC,CAAC"}