{"version":3,"file":"Webhook_Form_One_Click.BiGUZi6e.mjs","names":["useState","useRef","_Fragment"],"sources":["https:/framerusercontent.com/modules/fVnJObegeKgBShwpM4vY/6vtxxgYSBK9wscHqUQHO/Webhook_Form_One_Click.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from\"react/jsx-runtime\";import{useState,useRef,useEffect}from\"react\";export default function WebhookFormOneClick(){const[isSubmitting,setIsSubmitting]=useState(false);const[message,setMessage]=useState(\"\");const[emailSent,setEmailSent]=useState(false);const[email,setEmail]=useState(\"\");const messageRef=useRef(null);// Scroll the message into view whenever it appears\nuseEffect(()=>{if(message&&messageRef.current){messageRef.current.scrollIntoView({behavior:\"smooth\",block:\"center\"});}},[message]);const handleSubmit=async e=>{e.preventDefault();setIsSubmitting(true);setMessage(\"\");// Fire GTM event (updated for GTM compatibility)\nif(typeof window!==\"undefined\"&&window.dataLayer){window.dataLayer.push({event:\"form_submit\",form_name:\"Try One Click\",form_type:\"email_capture\",page_location:window.location.href,page_title:document.title,page_path:window.location.pathname});console.log(\"📊 GTM Event: form_submit | Form: Try One Click\");}const formData=new FormData(e.target);const data=Object.fromEntries(formData.entries());try{const response=await fetch(\"https://try.upvio.com/api/try\",{method:\"POST\",headers:{\"Content-Type\":\"application/json\",Accept:\"application/json\"},body:JSON.stringify(data),mode:\"cors\",credentials:\"include\"});if(!response.ok){throw new Error(\"Network response was not ok\");}const result=await response.json();if(result.url){// Fire successful form submission event before redirect\nif(typeof window!==\"undefined\"&&window.dataLayer){window.dataLayer.push({event:\"form_submit_success\",form_name:\"Try One Click\",form_type:\"email_capture\",redirect_url:result.url});}// Small delay to ensure event sends before navigation\nsetTimeout(()=>{window.location.href=result.url;},300);}else if(result.emailSent===true){// Fire email sent event\nif(typeof window!==\"undefined\"&&window.dataLayer){window.dataLayer.push({event:\"form_submit_success\",form_name:\"Try One Click\",form_type:\"email_capture\",result:\"email_sent\"});}setEmailSent(true);setMessage(\"Check your email — we've sent you a link to continue.\");setIsSubmitting(false);}}catch(error){console.error(\"Error submitting form:\",error);// Fire form error event\nif(typeof window!==\"undefined\"&&window.dataLayer){window.dataLayer.push({event:\"form_submit_error\",form_name:\"Try One Click\",form_type:\"email_capture\",error_message:error.message});}setMessage(\"Something went wrong. Please try again.\");setIsSubmitting(false);}};return /*#__PURE__*/_jsx(\"div\",{style:{width:\"100%\",maxWidth:\"600px\"},children:emailSent?// Form replaced with confirmation panel\n/*#__PURE__*/_jsxs(\"div\",{ref:messageRef,style:{padding:\"28px 24px\",backgroundColor:\"rgba(17, 17, 17, 0.8)\",border:\"2px solid rgb(91, 83, 255)\",borderRadius:\"8px\",color:\"white\",fontFamily:\"Outfit\",textAlign:\"center\",boxShadow:\"0 0 40px rgba(91, 83, 255, 0.5)\"},children:[/*#__PURE__*/_jsx(\"div\",{style:{fontSize:\"32px\",marginBottom:\"12px\"},\"aria-hidden\":\"true\",children:\"✓\"}),/*#__PURE__*/_jsx(\"div\",{style:{fontSize:\"20px\",fontWeight:\"600\",marginBottom:\"8px\"},children:\"Check your email\"}),/*#__PURE__*/_jsxs(\"div\",{style:{fontSize:\"15px\",opacity:.85,lineHeight:\"1.5\"},children:[\"We've sent a link to \",/*#__PURE__*/_jsx(\"strong\",{children:email}),\" to continue your scan.\"]})]}):/*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsxs(\"form\",{onSubmit:handleSubmit,style:{display:\"flex\",gap:\"0\",width:\"100%\"},children:[/*#__PURE__*/_jsx(\"input\",{type:\"email\",name:\"email\",value:email,onChange:e=>setEmail(e.target.value),placeholder:\"youremail@domain.com\",required:true,disabled:isSubmitting,style:{flex:\"2\",padding:\"16px 20px\",backgroundColor:\"rgba(17, 17, 17, 0.8)\",border:\"1px solid rgb(91, 83, 255)\",borderRight:\"none\",borderRadius:\"4px 0 0 4px\",color:\"white\",fontSize:\"16px\",outline:\"none\",fontFamily:\"Outfit\",boxShadow:\"0 0 20px rgba(91, 83, 255, 0.3)\"}}),/*#__PURE__*/_jsx(\"button\",{type:\"submit\",disabled:isSubmitting,style:{flex:\"1\",padding:\"16px 24px\",backgroundColor:isSubmitting?\"rgba(91, 83, 255, 0.5)\":\"rgb(91, 83, 255)\",color:\"white\",border:\"1px solid rgb(91, 83, 255)\",borderRadius:\"0 4px 4px 0\",fontSize:\"16px\",fontWeight:\"600\",cursor:isSubmitting?\"not-allowed\":\"pointer\",whiteSpace:\"nowrap\",fontFamily:\"Outfit\",transition:\"all 0.2s ease\",boxShadow:\"0 0 20px rgba(91, 83, 255, 0.3)\"},onMouseEnter:e=>{if(!isSubmitting){e.currentTarget.style.backgroundColor=\"rgb(75, 65, 235)\";e.currentTarget.style.boxShadow=\"0 0 30px rgba(91, 83, 255, 0.5)\";}},onMouseLeave:e=>{if(!isSubmitting){e.currentTarget.style.backgroundColor=\"rgb(91, 83, 255)\";e.currentTarget.style.boxShadow=\"0 0 20px rgba(91, 83, 255, 0.3)\";}},children:isSubmitting?\"Processing...\":\"Try a Scan\"})]}),message&&/*#__PURE__*/_jsx(\"div\",{ref:messageRef,role:\"alert\",\"aria-live\":\"assertive\",style:{marginTop:\"20px\",padding:\"16px 20px\",backgroundColor:\"rgba(17, 17, 17, 0.8)\",border:\"1px solid rgb(91, 83, 255)\",borderRadius:\"4px\",color:\"white\",fontSize:\"14px\",fontFamily:\"Outfit\",textAlign:\"center\",boxShadow:\"0 0 20px rgba(91, 83, 255, 0.3)\"},children:message})]})});}\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"WebhookFormOneClick\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Webhook_Form_One_Click.map"],"mappings":"4JAA4H,SAAwB,GAAqB,CAAC,GAAK,CAAC,EAAa,GAAiBA,EAAS,GAAM,CAAM,CAAC,EAAQ,GAAYA,EAAS,GAAG,CAAM,CAAC,EAAU,GAAcA,EAAS,GAAM,CAAM,CAAC,EAAM,GAAUA,EAAS,GAAG,CAAO,EAAWC,EAAO,KAAK,CAM7G,OALtQ,MAAc,CAAI,GAAS,EAAW,SAAS,EAAW,QAAQ,eAAe,CAAC,SAAS,SAAS,MAAM,SAAS,CAAC,EAAI,CAAC,EAAQ,CAAC,CAKwJ,EAAK,MAAM,CAAC,MAAM,CAAC,MAAM,OAAO,SAAS,QAAQ,CAAC,SAAS,EACxU,EAAM,MAAM,CAAC,IAAI,EAAW,MAAM,CAAC,QAAQ,YAAY,gBAAgB,wBAAwB,OAAO,6BAA6B,aAAa,MAAM,MAAM,QAAQ,WAAW,SAAS,UAAU,SAAS,UAAU,kCAAkC,CAAC,SAAS,CAAc,EAAK,MAAM,CAAC,MAAM,CAAC,SAAS,OAAO,aAAa,OAAO,CAAC,cAAc,OAAO,SAAS,IAAI,CAAC,CAAc,EAAK,MAAM,CAAC,MAAM,CAAC,SAAS,OAAO,WAAW,MAAM,aAAa,MAAM,CAAC,SAAS,mBAAmB,CAAC,CAAc,EAAM,MAAM,CAAC,MAAM,CAAC,SAAS,OAAO,QAAQ,IAAI,WAAW,MAAM,CAAC,SAAS,CAAC,wBAAqC,EAAK,SAAS,CAAC,SAAS,EAAM,CAAC,CAAC,0BAA0B,CAAC,CAAC,CAAC,CAAC,CAAC,CAAc,EAAMC,EAAU,CAAC,SAAS,CAAc,EAAM,OAAO,CAAC,SANtlB,KAAM,IAAG,CAAC,EAAE,gBAAgB,CAAC,EAAgB,GAAK,CAAC,EAAW,GAAG,CAC7M,IAAS,QAAa,EAAO,YAAW,EAAO,UAAU,KAAK,CAAC,MAAM,cAAc,UAAU,gBAAgB,UAAU,gBAAgB,cAAc,EAAO,SAAS,KAAK,WAAW,SAAS,MAAM,UAAU,EAAO,SAAS,SAAS,CAAC,CAAC,QAAQ,IAAI,kDAAkD,EAAE,IAAM,EAAS,IAAI,SAAS,EAAE,OAAO,CAAO,EAAK,OAAO,YAAY,EAAS,SAAS,CAAC,CAAC,GAAG,CAAC,IAAM,EAAS,MAAM,MAAM,gCAAgC,CAAC,OAAO,OAAO,QAAQ,CAAC,eAAe,mBAAmB,OAAO,mBAAmB,CAAC,KAAK,KAAK,UAAU,EAAK,CAAC,KAAK,OAAO,YAAY,UAAU,CAAC,CAAC,GAAG,CAAC,EAAS,GAAI,MAAU,MAAM,8BAA8B,CAAE,IAAM,EAAO,MAAM,EAAS,MAAM,CAAI,EAAO,KACjsB,IAAS,QAAa,EAAO,WAAW,EAAO,UAAU,KAAK,CAAC,MAAM,sBAAsB,UAAU,gBAAgB,UAAU,gBAAgB,aAAa,EAAO,IAAI,CAAC,CAClL,eAAe,CAAC,EAAO,SAAS,KAAK,EAAO,KAAM,IAAI,EAAU,EAAO,YAAY,KACzE,IAAS,QAAa,EAAO,WAAW,EAAO,UAAU,KAAK,CAAC,MAAM,sBAAsB,UAAU,gBAAgB,UAAU,gBAAgB,OAAO,aAAa,CAAC,CAAE,EAAa,GAAK,CAAC,EAAW,wDAAwD,CAAC,EAAgB,GAAM,QAAS,EAAM,CAAC,QAAQ,MAAM,yBAAyB,EAAM,CAChV,IAAS,QAAa,EAAO,WAAW,EAAO,UAAU,KAAK,CAAC,MAAM,oBAAoB,UAAU,gBAAgB,UAAU,gBAAgB,cAAc,EAAM,QAAQ,CAAC,CAAE,EAAW,0CAA0C,CAAC,EAAgB,GAAM,GACggB,MAAM,CAAC,QAAQ,OAAO,IAAI,IAAI,MAAM,OAAO,CAAC,SAAS,CAAc,EAAK,QAAQ,CAAC,KAAK,QAAQ,KAAK,QAAQ,MAAM,EAAM,SAAS,GAAG,EAAS,EAAE,OAAO,MAAM,CAAC,YAAY,uBAAuB,SAAS,GAAK,SAAS,EAAa,MAAM,CAAC,KAAK,IAAI,QAAQ,YAAY,gBAAgB,wBAAwB,OAAO,6BAA6B,YAAY,OAAO,aAAa,cAAc,MAAM,QAAQ,SAAS,OAAO,QAAQ,OAAO,WAAW,SAAS,UAAU,kCAAkC,CAAC,CAAC,CAAc,EAAK,SAAS,CAAC,KAAK,SAAS,SAAS,EAAa,MAAM,CAAC,KAAK,IAAI,QAAQ,YAAY,gBAAgB,EAAa,yBAAyB,mBAAmB,MAAM,QAAQ,OAAO,6BAA6B,aAAa,cAAc,SAAS,OAAO,WAAW,MAAM,OAAO,EAAa,cAAc,UAAU,WAAW,SAAS,WAAW,SAAS,WAAW,gBAAgB,UAAU,kCAAkC,CAAC,aAAa,GAAG,CAAK,IAAc,EAAE,cAAc,MAAM,gBAAgB,mBAAmB,EAAE,cAAc,MAAM,UAAU,oCAAqC,aAAa,GAAG,CAAK,IAAc,EAAE,cAAc,MAAM,gBAAgB,mBAAmB,EAAE,cAAc,MAAM,UAAU,oCAAqC,SAAS,EAAa,gBAAgB,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,GAAsB,EAAK,MAAM,CAAC,IAAI,EAAW,KAAK,QAAQ,YAAY,YAAY,MAAM,CAAC,UAAU,OAAO,QAAQ,YAAY,gBAAgB,wBAAwB,OAAO,6BAA6B,aAAa,MAAM,MAAM,QAAQ,SAAS,OAAO,WAAW,SAAS,UAAU,SAAS,UAAU,kCAAkC,CAAC,SAAS,EAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,sBAP/zE,IAA6C"}