{"version":3,"file":"VALIDATION2.CB70_CSd.mjs","names":["useState","Widget"],"sources":["https:/framerusercontent.com/modules/GcXVwkVhJwV2lqYrmR1X/Yui4nrlyV1OKOl5JHZIC/VALIDATION2.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{useState,useEffect}from\"react\";import{Widget}from\"@uploadcare/react-widget\";/**\n * These annotations control how your component sizes\n * Learn more: https://www.framer.com/developers/#code-components-auto-sizing\n *\n * @framerSupportedLayoutWidth auto\n * @framerSupportedLayoutHeight auto\n */export default function GroupHome(){const[fileUrl,setFileUrl]=useState(\"\");const[name,setName]=useState(\"\");const[email,setEmail]=useState(\"\");const[phoneNumber,setPhoneNumber]=useState(\"\");const[errorMessage,setErrorMessage]=useState(\"\");const[showSuccessModal,setShowSuccessModal]=useState(false);const[formSuccessMessage,setFormSuccessMessage]=useState(\"\");const[hCaptchaToken,setHCaptchaToken]=useState(null);const[isSubmitting,setIsSubmitting]=useState(false);// Memuat skrip hCaptcha\nuseEffect(()=>{const script=document.createElement(\"script\");script.src=\"https://hcaptcha.com/1/api.js?onload=hcaptchaOnLoad\";script.async=true;document.body.appendChild(script);window.hcaptchaOnLoad=()=>{window.hcaptcha.render(\"hcaptcha\",{sitekey:\"390a05e2-a224-4ff6-b322-3d6c05623042\",callback:handleHCaptchaVerify});};return()=>{// Bersihkan skrip hCaptcha saat komponen dihapus\ndocument.body.removeChild(script);};},[]);const handleTextChange=event=>{switch(event.target.name){case\"name\":setName(event.target.value);break;case\"email\":setEmail(event.target.value);break;case\"phone\":setPhoneNumber(event.target.value);break;default:break;}};const handleSubmit=async event=>{event.preventDefault();setErrorMessage(\"\");const formsparkURL=\"https://submit-form.com/UIUnvPnqz\"// Ganti dengan FormSpark ID Anda\n;const data={name:name,email:email,phone:phoneNumber,file:fileUrl,type:\"Group Home\"};try{if(!fileUrl){setErrorMessage(\"Please upload a file before submitting.\");return;}if(!name||!email){setErrorMessage(\"Name and email are required.\");return;}setIsSubmitting(true);const response=await fetch(formsparkURL,{method:\"POST\",headers:{\"Content-Type\":\"application/json\"},body:JSON.stringify(data)});console.log(\"Response status: \",response.status);const responseData=await response.json();console.log(\"Response data: \",responseData);if(response.ok){setShowSuccessModal(true);setFormSuccessMessage(\"Your form has been submitted successfully!\");}else{const errorMsg=(responseData===null||responseData===void 0?void 0:responseData.message)||\"Unknown error.\";setShowSuccessModal(true);setFormSuccessMessage(\"Your form has been submitted successfully!\");}}catch(error){setShowSuccessModal(true);setFormSuccessMessage(\"Your form has been submitted successfully!\");}finally{setIsSubmitting(false);setHCaptchaToken(null)// Reset token hCaptcha setelah submit\n;window.hcaptcha.reset()// Reset hCaptcha setelah submit\n;}};const handleHCaptchaVerify=token=>{setHCaptchaToken(token)// Simpan token hCaptcha\n;};const closeSuccessModal=()=>{setShowSuccessModal(false);window.location.href=\"/success\";};return /*#__PURE__*/_jsxs(\"div\",{children:[/*#__PURE__*/_jsxs(\"form\",{style:formStyle,onSubmit:handleSubmit,children:[/*#__PURE__*/_jsx(\"h2\",{style:titleStyle,children:\"Group Home\"}),/*#__PURE__*/_jsx(\"input\",{type:\"text\",name:\"name\",placeholder:\"Name (Required)\",value:name,onChange:handleTextChange,style:inputStyle,required:true}),/*#__PURE__*/_jsx(\"input\",{type:\"email\",name:\"email\",placeholder:\"Email (Required)\",value:email,onChange:handleTextChange,style:inputStyle,required:true}),/*#__PURE__*/_jsx(\"input\",{type:\"tel\",name:\"phone\",placeholder:\"Phone Number (Optional)\",value:phoneNumber,onChange:handleTextChange,style:inputStyle}),/*#__PURE__*/_jsx(\"label\",{style:{...labelStyle,marginBottom:\"5px\"},children:\"File Upload\"}),\" \",/*#__PURE__*/_jsx(Widget,{publicKey:\"6e244707b03a12c79d30\"// Ganti dengan API key Anda\n,onChange:fileInfo=>{if(fileInfo&&fileInfo.cdnUrl){console.log(\"File uploaded: \",fileInfo.cdnUrl);setFileUrl(fileInfo.cdnUrl);setErrorMessage(\"\");}},tabs:\"file url facebook gdrive dropbox\",accept:\"application/pdf\"}),fileUrl&&/*#__PURE__*/_jsxs(\"p\",{children:[\"File uploaded: \",fileUrl]}),/*#__PURE__*/_jsx(\"div\",{id:\"hcaptcha\",style:{marginTop:\"20px\",marginBottom:\"20px\"}}),\" \",/*#__PURE__*/_jsx(\"button\",{type:\"submit\",style:{...submitButtonStyle,width:\"100%\"},disabled:!hCaptchaToken||isSubmitting,children:isSubmitting?\"Submitting...\":\"Submit\"}),errorMessage&&/*#__PURE__*/_jsx(\"p\",{style:errorMessageStyle,children:errorMessage})]}),showSuccessModal&&/*#__PURE__*/_jsx(\"div\",{style:modalOverlayStyle,children:/*#__PURE__*/_jsxs(\"div\",{style:modalStyle,children:[/*#__PURE__*/_jsx(\"h3\",{children:\"Success\"}),/*#__PURE__*/_jsx(\"p\",{children:formSuccessMessage}),/*#__PURE__*/_jsx(\"button\",{onClick:closeSuccessModal,style:modalButtonStyle,children:\"Close\"})]})})]});}// Styles\nconst formStyle={display:\"flex\",flexDirection:\"column\",justifyContent:\"center\",alignItems:\"left\",padding:\"40px\",borderRadius:\"8px\",// Menghilangkan background dan shadow\nbackgroundColor:\"transparent\",boxShadow:\"none\",width:\"100%\"};const titleStyle={marginBottom:\"20px\",fontSize:\"24px\",fontWeight:\"bold\",textAlign:\"center\"};const inputStyle={marginBottom:\"10px\",padding:\"10px\",width:\"100%\",borderRadius:\"4px\",border:\"1px solid #ccc\"};const labelStyle={marginBottom:\"5px\",fontSize:\"14px\",fontWeight:\"bold\",textAlign:\"left\",width:\"100%\"};const submitButtonStyle={marginTop:\"20px\",padding:\"10px 20px\",borderRadius:\"4px\",border:\"none\",backgroundColor:\"#007BFF\",color:\"white\",cursor:\"pointer\",fontWeight:\"bold\"};const errorMessageStyle={color:\"red\",fontSize:\"14px\",marginTop:\"10px\"};const modalOverlayStyle={position:\"fixed\",top:0,left:0,width:\"100%\",height:\"100%\",backgroundColor:\"rgba(0, 0, 0, 0.5)\",display:\"flex\",justifyContent:\"center\",alignItems:\"center\"};const modalStyle={backgroundColor:\"white\",padding:\"20px\",borderRadius:\"8px\",boxShadow:\"0 4px 8px rgba(0, 0, 0, 0.1)\",textAlign:\"center\"};const modalButtonStyle={marginTop:\"10px\",padding:\"10px 20px\",borderRadius:\"4px\",border:\"none\",backgroundColor:\"#007BFF\",color:\"white\",cursor:\"pointer\",fontWeight:\"bold\"};const paragraphStyle={marginTop:\"10px\",marginBottom:\"30px\",lineHeight:\"1.5\",fontFamily:\"'Plus Jakarta Sans', sans-serif\"};\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"GroupHome\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutHeight\":\"auto\",\"framerSupportedLayoutWidth\":\"auto\",\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./VALIDATION2.map"],"mappings":"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"}