https://www.firstcallonline.com/static-home/client/assets/ContactUs-BLwxGmmy.js

1import{r as E,j as o,c as T,V as B,M as y,b5 as r,g as ee,m as P,i as se,l as oe,s as te,ao as ne,u as re,P as ie,h as g,b6 as ae,f as q,C as x,t as O,b7 as ue,n as me,b8 as ce,b9 as le,ba as M,bb as F,bc as k,bd as j,be as pe,bf as I,H as de,b1 as Ae,bg as Ne,bh as L,b2 as he}from"./index-BpLLe65f.js";import{c as Ee,H as fe,C as ye}from"./HelpSearchForm-BApN8Ydf.js";const ke="_2c9-g",be={title:ke},Se=({dataValue:m,errorMessage:c,errorMessagesData:e,translate:t,onBlur:l,onChange:A,onSubmit:_})=>{const b=E.useMemo(()=>[{key:"--",value:""},{key:t("askAQuestionForm.option.forgotUsernamePassword"),value:t("askAQuestionForm.option.forgotUsernamePassword")},{key:t("askAQuestionForm.option.helpParts"),value:t("askAQuestionForm.option.helpParts")},{key:t("askAQuestionForm.option.problemOrder"),value:t("askAQuestionForm.option.problemOrder")},{key:t("askAQuestionForm.option.problemStatement"),value:t("askAQuestionForm.option.problemStatement")},{key:t("askAQuestionForm.option.wrongStore"),value:t("askAQuestionForm.option.wrongStore")},{key:t("askAQuestionForm.option.helpWebsite"),value:t("askAQuestionForm.option.helpWebsite")},{key:t("askAQuestionForm.option.accountLocked"),value:t("askAQuestionForm.option.accountLocked")}],[t]);return o.jsxs(o.Fragment,{children:[o.jsx("h1",{className:T("font-bold mb-2",be.title),children:t("askAQuestionForm.title")}),o.jsxs("form",{id:"ask-a-question-form",className:"flex flex-col gap-2",onSubmit:s=>_(s),"data-testid":"ask-a-question-form",children:[o.jsx("span",{children:t(B.REQUIRED_DESCRIPTION)}),o.jsx(y,{id:r.EMAIL_ADDRESS,name:r.EMAIL_ADDRESS,label:t("askAQuestionForm.email"),type:"text",isRequired:!0,autoComplete:"on",errMessage:c.emailAddress,onChange:s=>A(s,e.emailAddress),onBlur:s=>l(s,e.emailAddress),value:m.emailAddress}),o.jsx(y,{id:r.SHOP_NAME,name:r.SHOP_NAME,label:t("askAQuestionForm.shop"),isRequired:!0,type:"text",autoComplete:"on",errMessage:c.shopName,onChange:s=>A(s,e.shopName),onBlur:s=>l(s,e.shopName),value:m.shopName}),o.jsx(y,{id:r.FULL_NAME,name:r.FULL_NAME,label:t("askAQuestionForm.name"),isRequired:!0,type:"text",autoComplete:"on",errMessage:c.fullName,onChange:s=>A(s,e.fullName),onBlur:s=>l(s,e.fullName),value:m.fullName}),o.jsx(y,{id:r.CUSTOMER_ACCOUNT_NUMBER,name:r.CUSTOMER_ACCOUNT_NUMBER,label:t("askAQuestionForm.accountNumber"),isRequired:!0,type:"number",autoComplete:"off",errMessage:c.customerAccountNumber,onChange:s=>A(s,e.customerAccountNumber),onBlur:s=>l(s,e.customerAccountNumber),value:m.customerAccountNumber}),o.jsx(y,{id:r.PHONE_NUMBER,name:r.PHONE_NUMBER,label:t("askAQuestionForm.phone"),isRequired:!0,type:"text",autoComplete:"on",errMessage:c.phoneNumber,onChange:s=>A(s,e.phoneNumber),onBlur:s=>l(s,e.phoneNumber),value:m.phoneNumber}),o.jsx(ee,{id:r.QUESTION_TYPE,name:r.QUESTION_TYPE,label:t("askAQuestionForm.questionType"),isRequired:!0,errMessage:c.questionType,onChange:s=>A(s,e.questionType),onBlur:s=>l(s,e.questionType),inputValue:P(b).find(({value:s})=>s===m.questionType),options:P(b),isNative:!0}),o.jsx(se,{id:r.QUESTION,name:r.QUESTION,label:t("askAQuestionForm.question"),isRequired:!0,errMessage:c.question,onChange:s=>A(s,e.question),onBlur:s=>l(s,e.question)}),o.jsx(oe,{id:"submit",className:"w-fit flex items-center",type:"submit",children:t("askAQuestionForm.submit")})]})]})},S={"success-link":"_qEMVU","form-title":"_nEzR6","contact-us-indent-col":"_qUMOs"},Te=()=>{const m=te(),[c]=ne(),{t:e}=re(ie.ASK_A_QUESTION),[t,l]=E.useState({}),[A,_]=E.useState(!1),[b,s]=E.useState(!1),[Q,C]=E.useState({emailAddress:"",shopName:"",fullName:"",customerAccountNumber:"",phoneNumber:"",questionType:"",question:""}),H=c.get("query"),[f,G]=E.useState(g(H)),R={emailAddress:[{key:"empty",value:e("error.empty",{field:e("askAQuestionForm.email")})},{key:"invalid",value:e("error.invalid.email")}],shopName:[{key:"empty",value:e("error.empty",{field:e("askAQuestionForm.shop")})}],fullName:[{key:"empty",value:e("error.empty",{field:e("askAQuestionForm.name")})}],customerAccountNumber:[{key:"empty",value:e("error.empty",{field:e("askAQuestionForm.accountNumber")})}],phoneNumber:[{key:"empty",value:e("error.empty",{field:e("askAQuestionForm.phone")})}

1,{key:"invalid",value:e("error.invalid.phone")}],questionType:[{key:"empty",value:e("error.empty",{field:e("askAQuestionForm.questionType")})}],question:[{key:"empty",value:e("error.empty",{field:e("askAQuestionForm.question")})}]},w=async n=>{n.preventDefault();const u=n.currentTarget,p=Array.from(u.elements).filter(i=>i.name).reduce((i,d)=>{const N=d.name,h=Q[N],v=F(R[N]),X=v[k.EMPTY],J=v[k.INVALID];if(!h||N===r.QUESTION_TYPE&&h===I)i[N]=X;else{const U=j[N],Z=U?U.test(h):!0;i[N]=Z?"":J}return i},{});l(p),Object.values(p).every(i=>i==="")&&_(!0)},D=(n,u,a,p)=>{const i={};return a&&(a.test(u)||(i[n]=p[k.INVALID])),i},Y=(n,u)=>{const a=F(u),p={},{name:i,value:d}=n.target;C(h=>({...h,[i]:d}));let N={};d?(p[i]="",N=D(i,d,j[i],a)):p[i]=a[k.EMPTY],l(h=>({...h,...p,...N}))},$=(n,u)=>{const{name:a,value:p}=n.target,i=F(u);(a===r.CUSTOMER_ACCOUNT_NUMBER&&pe.test(p)||a!==r.CUSTOMER_ACCOUNT_NUMBER)&&C(d=>({...d,[a]:p})),t[a]&&l(d=>({...d,[a]:""})),a===r.QUESTION_TYPE&&p===I&&l(d=>({...d,[a]:i[k.EMPTY]}))};E.useEffect(()=>{const n=ae();n&&C(u=>({...u,emailAddress:n.emailAddress,shopName:g(n.shops?.find(a=>a.id===n.currentShop?.id)?.shopName),fullName:`${n.firstName} ${n.lastName}`,customerAccountNumber:Ee.customerAccountNumber,phoneNumber:n.currentShop?.shopPhone}))},[]);const V=n=>{if(n===r.SEARCH)if(f){const u=`${M}?query=${f}`;m(u)}else s(!0)},K=n=>{const{value:u}=n.currentTarget;G(u),s(!1)},z=n=>{if(n.key==="Enter")if(f){const u=`${M}?query=${f}`;m(u)}else s(!0)},W=()=>{f||s(!0)};return o.jsxs(o.Fragment,{children:[o.jsx(q,{children:o.jsx(x,{lg:12,md:12,sm:12,children:o.jsx(fe,{onClick:V,onChange:K,onBlur:W,isError:b,value:f,onKeyDown:z})})}),o.jsxs(q,{className:"p-8 container-width gap-8",children:[o.jsxs(x,{lg:9,md:12,sm:12,className:S["contact-us-indent-col"],children:[o.jsxs(O,{id:"back",to:ue,className:"text-green mt-4 underline",children:[o.jsx(me,{name:"chevron",size:"16",className:"rotate-180 mr-1"}),e(B.BACK)]}),A?o.jsxs(o.Fragment,{children:[o.jsx("h1",{className:T("text-xl font-bold",S["form-title"]),children:e("success.title")}),o.jsx("p",{children:e("success.description")}),o.jsx(O,{id:"more-questions",to:ce,className:T(S["success-link"],"text-green mt-4 underline inline-block"),children:e("success.link.moreQuestion")}),o.jsx(O,{id:"start-shopping",to:le,className:T(S["success-link"],"text-green mt-4 underline inline-block"),children:e("success.link.startShopping")})]}):o.jsx(Se,{dataValue:Q,errorMessage:t,errorMessagesData:R,onChange:$,onBlur:Y,onSubmit:w,translate:e})]}),o.jsx(x,{lg:3,md:12,sm:12,children:o.jsx(ye,{})})]})]})},Oe=()=>o.jsx(Te,{}),Fe=async({locale:m=Ae})=>{const c=he[m]??m,e=`${L},${c}`;return await de({[e]:()=>Ne(L,c)})};export{Oe as ContactUs,Fe as default};