{"version":3,"file":"Webhook_Form_One_Click.CUlaJR4W.mjs","names":["useState","useRef","_Fragment"],"sources":["https:/framerusercontent.com/modules/fVnJObegeKgBShwpM4vY/xRdOyvemR2OLNVfSmcLt/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\",minWidth:0,boxSizing:\"border-box\"},children:emailSent?// Form replaced with confirmation panel\n/*#__PURE__*/_jsxs(\"div\",{ref:messageRef,style:{padding:\"28px 24px\",backgroundColor:\"var(--token-e31bb866-ce46-4497-8142-ec8c99a686e9, rgba(17, 17, 17, 0.8))\",border:\"2px solid var(--token-a4318860-4c5d-4ec5-8735-820608f2b020, rgb(91, 83, 255))\",borderRadius:\"8px\",color:\"var(--token-1169b838-2259-4b1e-adfb-80a6cd9dccad, rgb(255, 255, 255))\",fontFamily:\"Outfit\",textAlign:\"center\",boxShadow:\"0 0 40px var(--token-18ea0a67-2329-4474-bff7-12a242264c1e, 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%\",minWidth:0,boxSizing:\"border-box\"},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:\"1 1 auto\",width:0,minWidth:0,padding:\"16px 20px\",backgroundColor:\"var(--token-e31bb866-ce46-4497-8142-ec8c99a686e9, rgba(17, 17, 17, 0.8))\",border:\"1px solid var(--token-a4318860-4c5d-4ec5-8735-820608f2b020, rgb(91, 83, 255))\",borderRight:\"none\",borderRadius:\"4px 0 0 4px\",color:\"var(--token-1169b838-2259-4b1e-adfb-80a6cd9dccad, rgb(255, 255, 255))\",fontSize:\"16px\",outline:\"none\",fontFamily:\"Outfit\",boxShadow:\"0 0 20px var(--token-987e5cde-c0ae-457e-aff5-82e8f9775bd4, rgba(91, 83, 255, 0.3))\",boxSizing:\"border-box\"}}),/*#__PURE__*/_jsx(\"button\",{type:\"submit\",disabled:isSubmitting,style:{flex:\"0 0 auto\",padding:\"16px 24px\",backgroundColor:isSubmitting?\"var(--token-e5884d54-b401-47e9-a3c4-5f3549238b29, rgba(91, 83, 255, 0.5))\":\"var(--token-a4318860-4c5d-4ec5-8735-820608f2b020, rgb(91, 83, 255))\",color:\"var(--token-6981ff4f-c039-4e8a-a74c-87738bc40186, rgb(255, 255, 255))\",border:\"1px solid var(--token-a4318860-4c5d-4ec5-8735-820608f2b020, 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 var(--token-987e5cde-c0ae-457e-aff5-82e8f9775bd4, rgba(91, 83, 255, 0.3))\",boxSizing:\"border-box\"},onMouseEnter:e=>{if(!isSubmitting){e.currentTarget.style.backgroundColor=\"var(--token-447eaae9-fde5-415b-a776-56811cc817f7, rgb(61, 53, 219))\";e.currentTarget.style.boxShadow=\"0 0 30px var(--token-18ea0a67-2329-4474-bff7-12a242264c1e, rgba(91, 83, 255, 0.5))\";}},onMouseLeave:e=>{if(!isSubmitting){e.currentTarget.style.backgroundColor=\"var(--token-a4318860-4c5d-4ec5-8735-820608f2b020, rgb(91, 83, 255))\";e.currentTarget.style.boxShadow=\"0 0 20px var(--token-987e5cde-c0ae-457e-aff5-82e8f9775bd4, 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:\"var(--token-e31bb866-ce46-4497-8142-ec8c99a686e9, rgba(17, 17, 17, 0.8))\",border:\"1px solid var(--token-a4318860-4c5d-4ec5-8735-820608f2b020, rgb(91, 83, 255))\",borderRadius:\"4px\",color:\"var(--token-1169b838-2259-4b1e-adfb-80a6cd9dccad, rgb(255, 255, 255))\",fontSize:\"14px\",fontFamily:\"Outfit\",textAlign:\"center\",boxShadow:\"0 0 20px var(--token-987e5cde-c0ae-457e-aff5-82e8f9775bd4, 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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"}