{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/L4Ph3XGGxrZKGFSFBo1u/7HEeF1tXiEUmvYboNRDg/FormWebinar.js"],
  "sourcesContent": ["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{useState}from\"react\";export default function FormWhatsApp(){const[formState,setFormState]=useState({firstname:\"\",company:\"\",email:\"\",phone:\"\"});const[formSubmitted,setFormSubmitted]=useState(false);const[formError,setFormError]=useState(\"\");const maskPhone=value=>{value=value.replace(/\\D/g,\"\")// Apenas d\u00EDgitos\n;value=value.slice(0,11)// Limita o tamanho m\u00E1ximo\n;const size=value.length;if(size<=2){value=value.replace(/(\\d{0,2})/,\"($1\");}else if(size<=7){value=value.replace(/(\\d{2})(\\d{0,5})/,\"($1) $2\");}else{value=value.replace(/(\\d{2})(\\d{5})(\\d{0,4})/,\"($1) $2-$3\");}return value;};const isPhoneValid=phone=>{const phoneRegex=/^\\(\\d{2}\\) \\d{5}-\\d{4}$/;return phoneRegex.test(phone);};const handleChange=e=>{let{name,value}=e.target;if(name===\"phone\"){value=maskPhone(value);}setFormState(prevState=>({...prevState,[name]:value}));setFormError(\"\")// Limpa o erro quando o usu\u00E1rio come\u00E7a a digitar\n;};const handleSubmit=async e=>{e.preventDefault();// Verifica\u00E7\u00E3o se todos os campos est\u00E3o preenchidos\nconst{firstname,company,email,phone}=formState;if(!firstname||!company||!email||!phone){setFormError(\"Todos os campos s\\xe3o obrigat\\xf3rios.\");return;}// Valida\u00E7\u00E3o do telefone\nif(!isPhoneValid(phone)){setFormError(\"Por favor, insira um n\\xfamero de telefone v\\xe1lido.\");return;}// Atualiza\u00E7\u00E3o do dataLayer para rastreamento\nwindow.dataLayer=window.dataLayer||[];window.dataLayer.push({event:\"smart_lead_webinar\",leadEmail:formState.email,leadPhone:formState.phone,leadName:formState.firstname,leadCompany:formState.company});// Abrindo o WhatsApp em uma nova aba\nsetTimeout(function(){window.open(\"https://www.4.events/pt-br/webinar-sucesso\",\"_self\");},1500);// Preparando os dados do formul\u00E1rio para envio\nconst formData=new FormData;for(const name in formState){formData.append(name,formState[name]);}try{const response=await fetch(\"https://m.4.community/webhook/leads-webinar\",{method:\"POST\",body:formData});if(response.ok){setFormSubmitted(true);}else{console.error(\"Form submission failed\");}}catch(error){console.error(\"Error submitting form:\",error);}};if(formSubmitted){return /*#__PURE__*/_jsx(\"div\",{style:{padding:\"80px\"},children:/*#__PURE__*/_jsxs(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",version:\"1.1\",viewBox:\"0 0 50 50\",children:[/*#__PURE__*/_jsx(\"circle\",{style:{fill:\"#25AE88\"},cx:\"25\",cy:\"25\",r:\"25\"}),/*#__PURE__*/_jsx(\"polyline\",{style:{fill:\"none\",stroke:\"#FFFFFF\",strokeWidth:\"2\",strokeLinecap:\"round\",strokeLinejoin:\"round\",strokeMiterlimit:\"10\"},points:\"38,15 22,33 12,25\"})]})});}return /*#__PURE__*/_jsx(\"div\",{style:containerStyle,children:/*#__PURE__*/_jsxs(\"form\",{onSubmit:handleSubmit,children:[/*#__PURE__*/_jsx(InputField,{type:\"text\",name:\"firstname\",placeholder:\"Seu Nome\",handleChange:handleChange,value:formState.firstname,required:true}),/*#__PURE__*/_jsx(InputField,{type:\"text\",name:\"company\",placeholder:\"Sua Empresa / Evento\",handleChange:handleChange,value:formState.company,required:true}),/*#__PURE__*/_jsx(InputField,{type:\"email\",name:\"email\",placeholder:\"Seu E-mail\",handleChange:handleChange,value:formState.email,required:true}),/*#__PURE__*/_jsx(InputField,{type:\"tel\",name:\"phone\",placeholder:\"Seu Celular\",handleChange:handleChange,value:formState.phone,required:true}),formError&&/*#__PURE__*/_jsx(\"p\",{style:{color:\"red\"},children:formError}),/*#__PURE__*/_jsx(\"input\",{type:\"submit\",value:\"Finalizar Inscri\\xe7\\xe3o\",style:submitButtonStyle})]})});}const InputField=({type,name,placeholder,handleChange,value,required})=>/*#__PURE__*/_jsx(\"input\",{type:type,placeholder:placeholder,name:name,value:value,onChange:handleChange,style:inputStyle,required:required});// Estilos\nconst containerStyle={height:\"100%\",display:\"flex\",flexDirection:\"column\",justifyContent:\"center\",alignItems:\"center\",overflow:\"hidden\"};const inputStyle={width:\"100%\",padding:\"15px 12px\",margin:\"10px 0\",borderRadius:\"10px\",fontFamily:\"'Open Sans', sans-serif\",backgroundColor:\"rgb(235, 235, 235)\",border:\"none\",fontSize:\"16px\",fontWeight:\"400\",color:\"rgb(0, 0, 0)\"};const submitButtonStyle={width:\"100%\",padding:\"20px\",margin:\"15px 0\",borderRadius:\"10px\",fontFamily:\"'Poppins', sans-serif\",backgroundColor:\"#FF5E20\",color:\"rgb(255, 255, 255)\",fontWeight:\"bold\",fontSize:\"18px\",display:\"flex\",justifyContent:\"center\",alignItems:\"center\",cursor:\"pointer\",border:\"none\"};\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"FormWhatsApp\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./FormWebinar.map"],
  "mappings": "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",
  "names": ["FormWhatsApp", "formState", "setFormState", "ye", "formSubmitted", "setFormSubmitted", "formError", "setFormError", "maskPhone", "value", "size", "isPhoneValid", "phone", "handleChange", "name", "prevState", "handleSubmit", "firstname", "company", "email", "window", "formData", "error", "p", "u", "containerStyle", "InputField", "submitButtonStyle", "type", "placeholder", "required", "inputStyle"]
}