https://app.zoca.com/assets/BusinessDetailsScreen-0AzEAGJR.js

1import{r as o,R as te,j as e}from"./vendor-react-Dw2zQmPu.js";import{B as se}from"./button-CFi0D1K4.js";import{O as ne}from"./OnboardingScreenShell-QQdBq0Ts.js";import{O as ae}from"./OnboardingScreenHeader-BYUwEOiv.js";import{t as C,v as oe,_ as re}from"./vendor-ui-mAy9LocR.js";import{O as ie}from"./OnboardingBackButton-5RsA4hRY.js";import{O as me}from"./OnboardingMobileBackButton-EmzX9Nj_.js";import{O as le}from"./OnboardingPrimaryButton-BxuoqTip.js";import{O as ce}from"./OnboardingCtaSlot-B_VkJae-.js";import{O as de}from"./OnboardingPhoneField-CyvM_6rh.js";import{u as ue,G as pe}from"./GBPDatePickerDialog-DnS9PJIA.js";import{u as ge,a as he,b as xe,o as fe}from"./onboardingSchemas-DPtwPpFo.js";import{a as be}from"./vendor-tanstack-Dk5vt_tN.js";import{d1 as ye}from"./app-shared-QFLrTdTF.js";import{M as S}from"./aboutPage.constants-DVMcmvcm.js";import{N as De}from"./app-core-DTTgVEgu.js";import"./commonjs-helpers-C05_-Ghz.js";import"./vendor-radix-guzGw5-0.js";import"./vendor-router-CtopkIuN.js";import"./app-cn-C2LL9ulS.js";import"./ButtonLoadingDots-CPjBe4by.js";import"./CountryCodeSelector-DA0Ng7z1.js";import"./select-Bix8n78g.js";import"./input-D2ulylI3.js";import"./vendor-phone-PbYH35al.js";import"./dialog-BvmB9skF.js";import"./ResponsiveModal-Dq9MwiUf.js";import"./drawer-CX599GCC.js";import"./usemobile-BuLrGuzN.js";import"./emailAddress-Dm7OR8Cb.js";import"./phoneNumber-KFz8ksQo.js";import"./vendor-lodash-DVjWl2dU.js";import"./vendor-forms-CVvQPlhB.js";import"./vendor-utils-CQ_dDVxl.js";import"./vite-preload-helper-BXl3LOEh.js";import"./vendor-redux-CqVJnD2r.js";function je(){const{mutateAsync:t,isPending:n}=be({mutationFn:ye});return{saveOpeningDate:o.useCallback((c,i)=>t({locationEntityId:c,updateType:"About",updateData:{about:{openDate:{day:i.day,month:i.month+1,year:i.year}}}}).then(()=>!0).catch(()=>(C.error("Couldn't save opening date to Google."),!1)),[t]),isPending:n}}const Ne=(t,n)=>!t&&!n?!1:!t||!n?!0:t.day!==n.day||t.month!==n.month||t.year!==n.year;function $(t){if(!t)return null;const n=new Date(t);return isNaN(n.getTime())?null:{day:n.getDate(),month:n.getMonth(),year:n.getFullYear()}}function ve(t){return t?`${t.day} ${S[t.month]} ${t.year}`:""}function Oe({businessName:t,businessOpeningDate:n,businessPhone:x,businessCountryCode:c,businessEmail:i,onUpdateData:P,onNext:B,onBack:f}){const[d,A]=o.useState(t||""),[a,G]=o.useState($(n)),[R,k]=o.useState(!1),[u,L]=o.useState(x||""),[m,V]=o.useState(c||"+91"),[p,H]=o.useState(i||""),{submitBusiness:w,isSubmitting:b}=ge(),y=De()||"",{saveOpeningDate:M,isPending:D}=je(),j=o.useMemo(()=>{const s=new Date;return{day:s.getDate(),month:s.getMonth(),year:s.getFullYear()}},[]),U=o.useCallback((s,g,h)=>{G({day:s,month:g,year:h})},[]),r=ue({openingDay:a?.day??j.day,openingMonth:a?.month??j.month,openingYear:a?.year??j.year,setDatePickerOpen:k,onConfirm:U}),_=o.useMemo(()=>{const s=r.tempMonth;return typeof s!="number"||s<0||s>11?S[0]?.slice(0,3):S[s]?.slice(0,3)},[r.tempMonth]),T=ve(a),q=o.useMemo(()=>({bizName:d,email:p,phone:u,countryCode:m}),[d,p,u,m]),{errors:l,canSubmit:N,handleBlur:v,markAllTouched:E}=he(xe,q),J=b||D,K=o.useCallback(async()=>{if(E(),!N||b||D)return;const s=a?`${a.year}-${String(a.month+1).padStart(2,"0")}-${String(a.day).padStart(2,"0")}`:"",g=d.trim(),h=u.trim(),O=p.trim();P({businessName:g,businessOpeningDate:s,businessPhone:h,businessCountryCode:m,businessEmail:O});const Q=g!==(t||"").trim()||h!==(x||"").trim()||m!==(c||"+91")||O!==(i||"").trim(),W=$(n),z=Ne(a,W)&&!!a,I=!!y;z&&!I&&C.error("Couldn't save opening date - your account isn't fully loaded yet.");const X=Q?w({businessName:g,phone:h,countryCode:m,email:O}).catch(()=>(C.error("Couldn't save your business details. Please try again."),!1)):Promise.resolve(!0),Z=z&&a&&I?M(y,a):Promise.resolve(!0),[ee]=await Promise.all([X,Z]);ee&&B()},[E,N,b,D,w,d,t,x,c,i,n,a,u,m,p,y,M,P,B]),F=s=>fe(!!l[s]),Y=e.jsx(le,{onClick:K,disabled:!N,loading:J,children:"Continue"});return e.jsxs("div",{className:"flex-1 flex flex-col relative min-h-0 h-full overflow-auto",children:[f&&e.jsx(me,{onClick:f}),e.jsxs(ne,{className:"justify-start gap-8 sm:gap-12 pb-[104px] sm:pb-12",children:[e.jsx(ae,{title:"Review your business details",subtitle:"Review and edit your business details"}),e.jsxs("div",{className:"flex w-full max-w-onboarding-body flex-col gap-6",children:[e.jsxs("div",{className:"grid grid-cols-1 gap-4 md:grid-cols-2",children:[e.jsxs("div",{className:"flex flex-col gap-2",children:[e.jsx("label",{className:"text-sm leading-[1.6] tracking-[-0.02em] text-gray-900",children:"Business N

1ame"}),e.jsx("input",{type:"text",value:d,onChange:s=>A(s.target.value),onBlur:()=>v("bizName"),className:F("bizName"),placeholder:"Business name"}),l.bizName&&e.jsx("p",{className:"text-xs text-red-600",children:l.bizName})]}),e.jsxs("div",{className:"flex flex-col gap-2",children:[e.jsx("label",{className:"text-sm leading-[1.6] tracking-[-0.02em] text-gray-900",children:"Business Opening Date"}),e.jsxs(se,{variant:"ghost",type:"button",onClick:r.openDatePicker,className:"h-10 w-full cursor-pointer justify-start gap-2 rounded-md border border-neutral-200 bg-white px-3 text-left text-sm font-normal leading-[1.6] tracking-[-0.02em] shadow-none transition-colors duration-(--motion-fast) hover:border-violet-300 focus:outline-none focus:ring-1 focus:ring-violet-300",children:[e.jsx(oe,{className:"h-4 w-4 shrink-0 text-gray-600"}),e.jsx("span",{className:T?"text-gray-900":"text-gray-400",children:T||"Add opening date"})]})]})]}),e.jsxs("div",{className:"flex flex-col gap-4 rounded-xl bg-violet-100 p-4",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(re,{className:"h-4 w-4 text-violet-600"}),e.jsx("span",{className:"text-sm font-semibold leading-[1.6] tracking-[-0.02em] text-gray-900",children:"For Clients to reach you"})]}),e.jsx("div",{className:"-mx-4 h-px bg-violet-200"}),e.jsxs("div",{className:"grid grid-cols-1 gap-4 md:grid-cols-2",children:[e.jsx(de,{phone:u,countryCode:m,onPhoneChange:L,onCountryCodeChange:V,onBlur:()=>v("phone"),error:l.phone}),e.jsxs("div",{className:"flex flex-col gap-2",children:[e.jsx("label",{className:"text-sm leading-[1.6] tracking-[-0.02em] text-gray-900",children:"Email"}),e.jsx("input",{type:"email",value:p,onChange:s=>H(s.target.value),onBlur:()=>v("email"),className:F("email"),placeholder:"Email address"}),l.email&&e.jsx("p",{className:"text-xs text-red-600",children:l.email})]})]})]})]}),e.jsxs("div",{className:"hidden w-full max-w-onboarding-body items-center justify-between sm:flex",children:[f?e.jsx(ie,{onClick:f}):e.jsx("span",{}),Y]}),e.jsx("div",{className:"md:hidden",children:e.jsx(ce,{children:Y})})]}),e.jsx(pe,{open:R,onOpenChange:k,tempDay:r.tempDay,tempMonth:r.tempMonth,tempYear:r.tempYear,tempMonthShortLabel:_,isOpeningDateInFuture:r.isOpeningDateInFuture,setTempDay:r.setTempDay,setTempMonth:r.setTempMonth,setTempYear:r.setTempYear,onConfirm:r.confirmDate})]})}const mt=te.memo(Oe);export{mt as default};