{"version":3,"file":"Webhook_Form_One_Click.500PfE6o.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":"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"}