https://www.motanabbi.com/assets/ContactPage-pnjTuQJP.js

1import{t,aq as T,ar as P,j as e,u as B,A as L,a as z,as as F,at as E,S as H,B as V,ap as p,I as v,au as y,av as K}from"./index-CdUOs3ic.js";import{o as M,s as j,u as Y,a as $,C as f}from"./types-C3ih8mUf.js";import{P as D}from"./PageHeader-qZdAcDSm.js";import{a as U}from"./account.service-CFoCC8U2.js";import{I as b}from"./index-B4OVZxoK.js";const X=a=>M({name:j().trim().min(1,a.nameRequired),email:j().trim().min(1,a.emailRequired).email(a.emailInvalid),phone:j().trim(),message:j().trim().min(1,a.messageRequired)}),C="recaptcha-api",G=a=>new Promise((c,m)=>{const i=document.getElementById(C);if(i!==null){window.grecaptcha!==void 0?c():i.addEventListener("load",()=>c(),{once:!0});return}const r=document.createElement("script");r.id=C,r.src=`https://www.google.com/recaptcha/api.js?render=explicit&hl=${encodeURIComponent(a)}`,r.async=!0,r.defer=!0,r.addEventListener("load",()=>c(),{once:!0}),r.addEventListener("error",()=>m(new Error("reCAPTCHA script failed to load")),{once:!0}),document.head.appendChild(r)}),O=({onVerify:a,theme:c="dark",hl:m="en",resetSignal:i=0})=>{const r=t.useRef(null),d=t.useRef(null),[_,x]=t.useState(!1),o=t.useRef(a);return o.current=a,t.useEffect(()=>{if(T.SITE_KEY==="")return;let u=!0;return G(m).then(()=>{const h=window.grecaptcha,k=r.current;!u||h===void 0||k===null||d.current!==null||h.ready(()=>{!u||r.current===null||(d.current=h.render(r.current,{sitekey:T.SITE_KEY,theme:c,callback:N=>o.current(N),"expired-callback":()=>o.current(null),"error-callback":()=>{x(!0),o.current(null)}}))})}).catch(h=>{P.error("reCAPTCHA could not be loaded",h),x(!0)}),()=>{u=!1}},[c,m]),t.useEffect(()=>{i===0||d.current===null||(window.grecaptcha?.reset(d.current),o.current(null))},[i]),T.SITE_KEY===""?null:e.jsx("div",{ref:r,"data-failed":_})},J="_layout_ks2ag_1",Q="_form_ks2ag_12",W="_field_ks2ag_19",Z="_label_ks2ag_25",ee="_error_ks2ag_34",ae="_captcha_ks2ag_40",se="_captchaBox_ks2ag_46",re="_submit_ks2ag_76",ne="_aside_ks2ag_83",te="_asideTitle_ks2ag_90",le="_channels_ks2ag_100",ce="_channelText_ks2ag_127",ie="_stores_ks2ag_165",s={layout:J,form:Q,field:W,label:Z,error:ee,captcha:ae,captchaBox:se,submit:re,aside:ne,asideTitle:te,channels:le,channelText:ce,stores:ie},pe=()=>{const{t:a}=B(),{message:c}=L.useApp(),{language:m}=z(),{theme:i}=F(),[r,d]=t.useState(!1),[_,x]=t.useState(null),[o,u]=t.useState(!1),[h,k]=t.useState(0),N=t.useMemo(()=>X({nameRequired:a("you_must_enter_a_value"),emailRequired:a("you_must_enter_a_value"),emailInvalid:a("not_a_valid_email"),messageRequired:a("you_must_enter_a_value")}),[a]),{control:g,handleSubmit:w,reset:R,formState:{errors:l,isSubmitting:I}}=Y({resolver:$(N),defaultValues:{name:"",email:"",phone:"",message:""}}),A=w(async n=>{if(E()&&_===null){u(!0);return}u(!1);const S=await U.submitContactForm({...n,captchaToken:_??""});S.success?(d(!0),R(),x(null),k(q=>q+1)):c.error(S.error.message)});return r?e.jsx(H,{icon:"mark_email_read",title:a("thank_you_for_contacting_us"),description:a("your_message_has_been_sent_successfully"),actionLabel:a("send_an_email"),onAction:()=>d(!1)}):e.jsxs(e.Fragment,{children:[e.jsx(D,{eyebrow:a("stay_in_touch"),title:a("ContactUs")}),e.jsxs("div",{className:s.layout,children:[e.jsxs("form",{className:s.form,onSubmit:A,noValidate:!0,children:[e.jsxs("label",{className:s.field,children:[e.jsx("span",{className:s.label,children:a("Name")}),e.jsx(f,{name:"name",control:g,render:({field:n})=>e.jsx(b,{...n,size:"large",status:l.name?"error":""})}),l.name&&e.jsx("span",{className:s.error,children:l.name.message})]}),e.jsxs("label",{className:s.field,children:[e.jsx("span",{className:s.label,children:a("Email")}),e.jsx(f,{name:"email",control:g,render:({field:n})=>e.jsx(b,{...n,type:"email",size:"large",status:l.email?"error":""})}),l.email&&e.jsx("span",{className:s.error,children:l.email.message})]}),e.jsxs("label",{className:s.field,children:[e.jsx("span",{className:s.label,children:a("Mobile_Number")}),e.jsx(f,{name:"phone",control:g,render:({field:n})=>e.jsx(b,{...n,type:"tel",size:"large"})})]}),e.jsxs("label",{className:s.field,children:[e.jsx("span",{className:s.label,children:a("message")}),e.jsx(f,{name:"message",control:g,render:({field:n})=>e.jsx(b.TextArea,{...n,rows:6,status:l.message?"error":""})}),l.message&&e.jsx("span",{className:s.error,children:l.message.message})]}),E()&&e.jsxs("div",{className:s.captcha,children:[e.jsx("span",{className:s.label,children:a("Verification")}),e.jsx("div",{className:s.captchaBox,"data-invalid":o,children:e.jsx(O,{theme:i,hl:m,resetSignal:h,onVerify:n=>{x(n),n!==null&&u(!1)}},`${i}-${m}`)}),o&&e.jsx("span",{className:s.error,role:"alert",children:a("CaptchaRequired")})]}),e.jsx(V,{type:"primary",htmlType:"submit",size:"large",loading:I,className:s.submit,children:a("Submit")})]}),e.jsxs("aside",{className:s.aside,children:[e.jsx("h2",{className:s.asideTitle,children:a("stay_in_touch")}),e.jsxs("ul",{className:s.channels,children:[e.jsx("li",{children:e.jsxs("a",{href:p.electronicVillage,target:"_blank",rel:"noopener noreferrer",children:[e.jsx(v,{name:"public",size:20}),e.jsxs("span",{className:s.channelText,children:[e.jsx("strong",{children:a("Electronic_Village")}),e.jsx("small",{children:"electronicvillage.org"})]})]})}),e.jsx("li",{children:e.jsxs("a",{href:p.website,target:"_blank",rel:"noopener noreferrer",children:[e.jsx(v,{name:"menu_book",size:20}),e.jsxs("span",{className:s.channelText,children:[e.jsx("strong",{children:a("AlMotanabbi").trim()}),e.jsx("small",{children:"motanabbi.com"})]})]})}),e.jsx("li",{children:e.jsxs("a",{href:p.facebook,target:"_blank",rel:"noopener noreferrer",children:[e.jsx(y,{name:"facebook"}),e.jsxs("span",{className:s.channelText,children:[e.jsx("strong",{children:"Facebook"}),e.jsx("small",{children:"alwaraq.net"})]})]})}),e.jsx("li",{children:e.jsxs("a",{href:p.twitter,target:"_blank",rel:"noopener noreferrer",children:[e.jsx(y,{name:"x"}),e.jsxs("span",{className:s.channelText,children:[e.jsx("strong",{children:"X"}),e.jsx("small",{children:"@alwaraq"})]})]})}),e.jsx("li",{children:e.jsxs("a",{href:p.instagram,target:"_blank",rel:"noopener noreferrer",children:[e.jsx(y,{name:"instagram"}),e.jsxs("span",{className:s.channelText,children:[e.jsx("strong",{children:"Instagram"}),e.jsx("small",{children:"alwaraq.books"})]})]})})]}),K.phone!=="",e.jsxs("div",{className:s.stores,children:[e.jsx("a",{href:p.appStore,target:"_blank",rel:"noopener noreferrer",children:e.jsx("img",{src:"/assets/images/app_store.png",alt:"App Store"})}),e.jsx("a",{href:p.googlePlay,target:"_blank",rel:"noopener noreferrer",children:e.jsx("img",{src:"/assets/images/google_play.png",alt:"Google Play"})})]})]})]})]})};export{pe as ContactPage,pe as default};