@zeniai/web-cockpit-ui 1.13.84-qa → 1.13.85-dev

package/dist/assets/CheckDepositDrawerPage-BwJ5tAF--BOjUwQ0e.js

@@ -1,206 +0,0 @@
-import{X as Z,j as t,Y as $,h0 as pe,M as ee,_ as M,K,o,a7 as he,C as l,a6 as oe,k as ue,as as me,c0 as te,v as ge,s as F,a5 as xe,a as fe,c3 as ke,g as w,F as De,fG as $e,c6 as we,eQ as Y,cd as J,p as s,cW as be,ah as ye,bo as je,cz as Pe,fa as Se,f as q,fc as Le}from"./index-BU_OFOHO.js";import{b as k,n as a}from"./vendor-CnQcJ2Lu.js";import"./mui-BgvZYSo0.js";import"./analytics-BSSiLa6f.js";import"./routing-BNz5gZgX.js";import"./sentry-HDxG13yk.js";import"./redux-DmDqXYej.js";import"./liveblocks-BUGn2yQ6.js";import"./crypto-BURQLTgV.js";const ve="checkDepositDetailPage",g="checkDepositDetails",Fe="amount",Ce="depositTo",Te="source",ie="fileIds",R="selectDocument",I=e=>{const p=[];return e.checkFront!=null&&p.push(e.checkFront.fileId),e.checkBack!=null&&p.push(e.checkBack.fileId),{[g]:{[Fe]:e.checkDepositLocalData.amount.amount===0?void 0:e.checkDepositLocalData.amount.amount,[Te]:e.checkDepositLocalData.source,[Ce]:{allOptions:e.depositAccounts.depositAccounts.map(x=>({label:x.accountName,value:x.id})),selectedOption:e.checkDepositLocalData.depositTo?.id},[ie]:p,[R]:{front:e.checkFront,back:e.checkBack}}}},D=(e,p)=>`${e}.${p}`,Be=e=>`${e}_form`,u={largeLabelWidth:new l(160,160,160),rowContentPaddingLeft:new l(s[3],s[4]),checkPicRowContentPaddingXAxis:new l(s[3],s[4]),labeleMarginLeft:new l(s[0],s[0]),labeleMarginBottom:new l(s[2],s[0]),labelMarginRight:new l(s[3],s[3]),labeledFieldPaddingLeft:new l(s[3],s[0]),labeledFieldPaddingRight:new l(s[3],s[2]),labeledFieldPaddingTop:new l(s[3],s[3]),labeledFieldPaddingBottom:new l(s[3],s[2]),infoLabelPaddingRight:new l(s[0],s[3]),infoLabelMarginTop:new l(s[1],s[0])},{spendManagement:ze,common:V}=ee.getLocalizedStrings(),c=ze.zeniAccounts.zeniAccountList,Ae=V.documents;function Ee({checkDeposit:e,analytics:p,filesEndPoint:x,openPopup:b,authParams:y,onSaveChangesToLocalStore:C,updateFilesEntity:j,onDeleteFile:P,onEditFileName:S,onCheckDpositClick:T}){const r=Z(),n=e.fetchState,L=xe(n),[v,X]=k.useState(!1),[se,B]=k.useState(!1),z=u.largeLabelWidth.value(r),f=fe({mode:"all",reValidateMode:"onBlur",defaultValues:I(e),values:I(e)}),{isValid:re}=f.formState,G=i=>{const d={amount:{amount:i[g].amount??0,currencyCode:V.currency.currencyCode,currencySymbol:V.currency.currencySymbol},source:i[g].source,depositTo:e.depositAccounts.depositAccounts.find(h=>h.id===i[g].depositTo.selectedOption),fileIds:i[g][ie]};C(d)},ce=async(i,d)=>{if(i!=null){if(i.includes("source")||i.includes("amount"))return;const h=Object.assign({},d);G(h)}};k.useEffect(()=>{const i=f.watch((d,{name:h})=>{h!=null&&d!=null&&ke(()=>ce(h,d))});return()=>{i.unsubscribe()}}),k.useEffect(()=>{L==="Completed"&&n==="Not-Started"&&f.reset(I(e))},[L,n,f,e]),k.useEffect(()=>{e.error!=null?B(!0):B(!1)},[e.error]);const le=f.handleSubmit(()=>{if(re){p.trackAccountsDepositCheckFormClicked("Deposit",e.checkDepositLocalData.amount.amount,e.checkDepositLocalData.source,e.checkDepositLocalData.depositTo?.accountName,e.checkFront!=null,e.checkBack!=null);const i=f.getValues();G(i),T?.()}}),ne=(i,d)=>{if(!i)return null;const h=e.depositAccounts.depositAccounts.find(E=>E.id===i),A=e.depositAccounts.depositAccounts.findIndex(E=>E.id===i);return h?t.jsx(Ve,{color:Se(A),isSelectedValue:d}):null},de=(i,d)=>{if(!i)return null;const h=e.depositAccounts.depositAccounts.find(A=>A.id===i);return h?d===!0?t.jsx(Re,{children:h?.maskedAccountNumber}):t.jsxs(Me,{children:[t.jsx(W,{children:h?.maskedAccountNumber}),t.jsx(to,{}),t.jsx(W,{children:M("0,0[.]00",h?.accountBalance?.available)})]}):null};return t.jsxs(t.Fragment,{children:[se?t.jsx(Oe,{children:t.jsxs(qe,{children:[t.jsxs(Xe,{children:[t.jsx(Ke,{}),t.jsxs(Ye,{children:[t.jsx(Je,{children:e.error?.title}),t.jsx(We,{children:e.error?.message})]})]}),t.jsx(Ge,{children:t.jsx(ro,{"data-testid":$("check-deposit-form-close"),onClick:()=>{p.trackAccountsDepositCheckFormClicked("Cross",e.checkDepositLocalData.amount.amount,e.checkDepositLocalData.source,e.checkDepositLocalData.depositTo?.accountName,e.checkFront!=null,e.checkBack!=null),B(!1)},style:{width:o.sp3,height:o.sp3,color:w.heroLight}})})]})}):null,t.jsx(_e,{children:M("0,0.[00]",e.checkDepositLocalData.amount)}),t.jsx(De,{...f,children:t.jsx("form",{id:Be(ve),onSubmit:le,children:t.jsxs(He,{children:[t.jsx($e,{showAdditionalInfoLabel:!1,label:{label:c.checkDepositDrawer.amountLabel,width:z},formattedTextField:{type:"number",name:D(g,"amount"),defaultValue:e.checkDepositLocalData.amount.amount===0?void 0:e.checkDepositLocalData.amount.amount,placeholder:c.checkDepositDrawer.amountPlaceholder,returnValueType:"floatValue",prefix:"$",allowNegative:!1,isNumericString:!1,registerOptions:{required:!0,validate:i=>!!i&&i>0},autoComplete:"off",decimalSeparator:".",decimalScale:2,fixedDecimalScale:!1,thousandSeparator:!0,allowLeadingZeros:!1},style:{width:"auto"}}),t.jsx(N,{}),t.jsx(we,{label:{label:c.checkDepositDrawer.sourceLabel,width:z},style:{width:"100%"},text:{type:"text",name:D(g,"source"),defaultValue:e.checkDepositLocalData.source,placeholder:c.checkDepositDrawer.sourcePlaceholder,options:{required:!0,validate:i=>i!=null}}}),t.jsx(N,{}),t.jsx(ae,{size:r,children:t.jsx(eo,{size:r,children:t.jsx(Qe,{label:{label:c.checkDepositDrawer.depositToLabel,width:z,style:{marginLeft:u.labeleMarginLeft.valuePx(r),marginBottom:u.labeleMarginBottom.valuePx(r),marginRight:u.labelMarginRight.valuePx(r)}},style:{paddingTop:u.labeledFieldPaddingTop.valuePx(r),paddingBottom:u.labeledFieldPaddingBottom.valuePx(r),paddingLeft:u.labeledFieldPaddingLeft.valuePx(r),paddingRight:u.labeledFieldPaddingRight.valuePx(r),border:"none",width:"100%",outline:"none",padding:0,display:r==="small"?"flex":"inherit"},infoLabelStyle:{textAlign:r==="small"?"left":"right",paddingRight:u.infoLabelPaddingRight.valuePx(r),marginTop:u.infoLabelMarginTop.valuePx(r)},singleSelectPickerField:{valueToLogo:(i,d)=>ne(i,d),valueToSubLabels:(i,d)=>de(i,d),name:D(g,"depositTo"),placeholder:c.checkDepositDrawer.depositToPlaceholder,style:{position:"relative"},defaultValue:{selectedOption:e.checkDepositLocalData.depositTo?.id,allOptions:e.depositAccounts.depositAccounts.map(i=>({label:i.accountName,value:i.id}))},textAlignment:"right",registerOptions:{required:!0,validate:i=>!!(i!=null&&i.selectedOption)}}})})}),t.jsx(N,{}),t.jsxs(Ue,{size:r,children:[t.jsxs(Ze,{size:r,children:[t.jsx(Ie,{children:c.checkDepositDrawer.checkPicLabel}),t.jsx(_,{isLast:!1,children:c.checkDepositDrawer.frontSide}),t.jsx(Y,{name:`${D(g,R)}.front`,registerOptions:{required:!0},file:e.checkFront,isDisabled:!1,deleteFileStatusById:e.deleteFileStatusById,updateFileStatusById:e.updateFileStatusById,filesEndPoint:x,authParams:y,acceptableTypes:["image/jpg","image/jpeg"],supportedImageFileFormat:"image/jpeg",sizeLimit:J,placeholderText:r==="small"?c.checkDepositDrawer.uploadDocument:c.checkDepositDrawer.dragDropClickPlaceholder,filemetadataPayload:{documentType:"check",purposeId:"others",documentSide:"front"},hasError:v,updateFilesEntity:j,onDeleteFile:P,onFileSizeError:i=>X(i),onEditFileName:S,openPopup:b,showPhotoPicker:!0,errorInfoLabel:c.checkDepositDrawer.frontSideError,useMobileCam:!0,compressImage:!0}),t.jsx(_,{isLast:!0,children:c.checkDepositDrawer.backSide}),t.jsx(Y,{name:`${D(g,R)}.back`,registerOptions:{required:!0},file:e.checkBack,isDisabled:!1,deleteFileStatusById:e.deleteFileStatusById,updateFileStatusById:e.updateFileStatusById,filesEndPoint:x,authParams:y,acceptableTypes:["image/jpg","image/jpeg"],supportedImageFileFormat:"image/jpeg",sizeLimit:J,placeholderText:r==="small"?c.checkDepositDrawer.uploadDocument:c.checkDepositDrawer.dragDropClickPlaceholder,filemetadataPayload:{documentType:"check",purposeId:"others",documentSide:"back"},hasError:v,updateFilesEntity:j,onDeleteFile:P,onFileSizeError:i=>X(i),onEditFileName:S,openPopup:b,showPhotoPicker:!0,errorInfoLabel:c.checkDepositDrawer.backSideError,useMobileCam:!0,compressImage:!0}),t.jsx(io,{children:c.checkDepositDrawer.picGuides.map(i=>t.jsxs(ao,{children:[t.jsx(oo,{}),t.jsx(Ne,{children:i})]},i))})]}),t.jsx(so,{windowSize:r,children:Ae.formatJPGText10MB})]})]})})})]})}const Ie=a(F)`
-  color: ${e=>e.theme.colors.hero};
-`,Ne=a(F)`
-  color: ${e=>e.theme.colors.hero};
-  margin-left: ${o.sp3};
-`,Me=a(q)`
-  color: ${e=>e.theme.colors.grey1};
-  display: flex;
-  align-items: center;
-  gap: ${o.sp2};
-`,W=a.div``,Re=a.span`
-  margin-left: ${o.sp2};
-`,Ve=a(Le)`
-  min-width: ${e=>e.isSelectedValue?o.sp4:o.sp5};
-  width: ${e=>e.isSelectedValue?o.sp4:o.sp5};
-  height: ${e=>e.isSelectedValue?o.sp4:o.sp5};
-  margin-right: ${o.sp2};
-`,Oe=a.div`
-  margin-top: ${o.sp3};
-  display: flex;
-  background-color: ${e=>e.theme.colors.grey5};
-  justify-content: space-between;
-  padding: ${o.sp3} ${o.sp4};
-  border: ${e=>`1px solid ${e.theme.colors.grey3}`};
-  border-radius: ${o.sp2};
-  box-shadow: ${e=>`${o.sp0} 2px 2px ${e.theme.colors.dropShadowNormal}`};
-`,qe=a.div`
-  display: flex;
-  width: 100%;
-  justify-content: space-between;
-  padding: ${o.sp3} ${o.sp4};
-  background-color: ${w.importantLight};
-  border-radius: ${o.sp2};
-`,Xe=a.div`
-  display: flex;
-  align-items: flex-start;
-`,Ge=a.div``,Ke=a(be)`
-  width: ${o.sp4};
-  height: ${o.sp4};
-  color: ${w.important};
-`,Ye=a.div`
-  display: flex;
-  flex-direction: column;
-  margin-left: ${o.sp2};
-`,Je=a(ye)`
-  color: ${w.important};
-`,We=a(F)`
-  color: ${w.important};
-`,_e=a(je)`
-  color: ${e=>e.theme.colors.primary};
-  margin: ${o.sp5} ${o.sp0} ${o.sp3} ${o.sp0};
-`,Qe=a(Pe)`
-  border-radius: ${o.sp2};
-  border: 1px solid ${e=>e.theme.colors.grey3};
-`,He=a.div`
-  display: flex;
-  flex-direction: column;
-  background-color: ${e=>e.theme.colors.grey5};
-  border: 1px solid ${e=>e.theme.colors.grey3};
-  box-shadow: ${e=>`${o.sp0} 2px ${o.sp1} ${e.theme.colors.dropShadowNormal}`};
-  border-radius: ${o.sp2};
-  margin-bottom: ${o.sp3};
-`,N=a.div`
-  display: flex;
-  flex: 1;
-  background-color: ${e=>e.theme.colors.grey3};
-  min-height: 1px;
-  max-height: 1px;
-`,ae=a.div`
-  display: flex;
-  flex-direction: "row";
-  padding: ${o.sp2};
-  padding-left: ${e=>u.rowContentPaddingLeft.valuePx(e.size)};
-  justify-content: space-between;
-  color: ${e=>e.theme.colors.hero};
-  &:hover {
-    z-index: 1;
-    outline: 1px solid ${e=>e.theme.colors.primary};
-    .select-control {
-      background-color: ${e=>e.theme.colors.background};
-    }
-  }
-  &:focus-within {
-    border-color: ${e=>e.theme.colors.primary};
-    color: ${e=>e.theme.colors.primary};
-    z-index: 2;
-    outline: 1px solid ${e=>e.theme.colors.primary};
-  }
-  :last-of-type {
-    border-bottom-left-radius: inherit;
-    border-bottom-right-radius: inherit;
-  }
-`,Ue=a(ae)`
-  flex-direction: column;
-  padding: ${o.sp0};
-`,Ze=a.div`
-  padding: ${e=>`${o.sp3} ${u.checkPicRowContentPaddingXAxis.valuePx(e.size)}`};
-`,eo=a.div`
-  width: 100%;
-  display: flex;
-  flex-grow: ${e=>e.size==="small"?1:0};
-  align-items: flex-start;
-`,_=a(q)`
-  color: ${e=>e.theme.colors.hero};
-  margin-bottom: ${o.sp2};
-  margin-top: ${e=>e.isLast?o.sp3:o.sp0};
-`,oo=a.div`
-  background-color: ${e=>e.theme.colors.hero};
-  border-radius: 50%;
-  border-style: solid;
-  width: 2px;
-  height: 2px;
-  position: absolute;
-  top: 10px;
-`,to=a.div`
-  width: ${o.sp1};
-  height: ${o.sp1};
-  min-width: ${o.sp1};
-  background-color: ${e=>e.theme.colors.grey1};
-  border-radius: 50%;
-`,io=a.div`
-  display: flex;
-  flex-direction: column;
-  margin: ${o.sp3} ${o.sp0};
-  margin-bottom: ${o.sp0};
-`,ao=a.div`
-  display: flex;
-  flex-direction: row;
-  position: relative;
-`,so=a(q)`
-  margin-top: ${o.sp2};
-  padding: ${o.sp1} ${o.sp4};
-  background: ${e=>e.theme.colors.grey4};
-  border-radius: ${o.sp0} ${o.sp0} ${o.sp2} ${o.sp2};
-  width: 100%;
-  box-sizing: border-box;
-  text-align: ${e=>e.windowSize==="small"?"initial":"right"};
-  color: ${e=>e.theme.colors.grey1};
-`,ro=a(oe)`
-  cursor: pointer;
-  color: ${e=>e.theme.colors.hero};
-  width: ${o.sp4};
-  height: ${o.sp4};
-  min-height: ${o.sp4};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,co="checkDepositDetailPage",lo={NavBarContainerPaddingYAxis:new l(10,s[3])},no=e=>`${e}_form`,O={containerPaddingLeft:new l(s[3],s[6],s[8]),containerPaddingRight:new l(s[3],s[6],s[8]),successContentMargin:new l(s[3],s[12])},{spendManagement:po}=ee.getLocalizedStrings(),m=po.zeniAccounts.zeniAccountList,Co=({checkDeposit:e,analytics:p,filesEndPoint:x,authParams:b,onSaveChangesToLocalStore:y,onAnotherTransferClick:C,updateFilesEntity:j,onDeleteFile:P,onEditFileName:S,onCheckDpositClick:T,onDismissClick:r})=>{const n=Z(),[L,v]=k.useState(!1);return t.jsx(go,{windowSize:n,children:e.fetchState==="Completed"?t.jsxs(Q,{windowSize:n,children:[t.jsx(H,{windowSize:n,children:t.jsx(U,{"data-testid":$("check-deposit-drawer-close"),onClick:()=>{p.trackAccountsDepositCheckFormClicked("Cross",e.checkDepositLocalData.amount.amount,e.checkDepositLocalData.source,e.checkDepositLocalData.depositTo?.accountName,e.checkFront!=null,e.checkBack!=null),r?.()}})}),t.jsxs(ko,{windowSize:n,children:[t.jsx(pe,{width:150,height:150,shouldDisplay:!0,animationInLoop:!0}),t.jsxs(xo,{children:[m.checkDepositDrawer.transferSuccessMsgPrefix,t.jsx(mo,{children:M("0,0.[00]",e.checkDepositLocalData.amount)}),m.checkDepositDrawer.transferSuccessMsgSuffix]}),t.jsxs(fo,{children:[t.jsx(K,{variant:"secondary",label:m.checkDepositDrawer.makeAnotherTransferBtn,onClick:C,"data-testid":$("check-deposit-drawer-another-transfer")}),t.jsx(K,{variant:"primary",label:m.checkDepositDrawer.goToAccountBtn,onClick:r,style:{marginLeft:n==="small"?o.sp3:o.sp5},"data-testid":$("check-deposit-drawer-go-to-account")})]})]})]}):t.jsxs(t.Fragment,{children:[t.jsxs(Q,{windowSize:n,children:[t.jsx(H,{windowSize:n,children:t.jsx(U,{"data-testid":$("check-deposit-drawer-close"),onClick:()=>{p.trackAccountsDepositCheckFormClicked("Cross",e.checkDepositLocalData.amount.amount,e.checkDepositLocalData.source,e.checkDepositLocalData.depositTo?.accountName,e.checkFront!=null,e.checkBack!=null),r?.()}})}),n==="small"?t.jsx(Do,{windowSize:n,children:m.checkDepositDrawer.title}):t.jsx($o,{children:m.checkDepositDrawer.title}),n==="small"?t.jsx(uo,{children:m.checkDepositDrawer.subTitle}):t.jsx(ho,{children:m.checkDepositDrawer.subTitle}),t.jsx(Ee,{analytics:p,authParams:b,checkDeposit:e,filesEndPoint:x,onSaveChangesToLocalStore:y,openPopup:v,onCheckDpositClick:T,onDeleteFile:P,onEditFileName:S,updateFilesEntity:j})]}),t.jsx(he,{formId:no(co),helperText:m.checkDepositDrawer.footNote,helperStyle:{paddingTop:o.sp0,paddingBottom:o.sp0},style:{zIndex:L?0:4,paddingTop:o.sp3,paddingBottom:o.sp3},primaryBtn:{label:m.checkDepositDrawer.depositBtn,isLoading:e.fetchState==="In-Progress"},cancelBtn:{label:m.checkDepositDrawer.cancelBtn,onClick:()=>{p.trackAccountsDepositCheckFormClicked("Cancel",e.checkDepositLocalData.amount.amount,e.checkDepositLocalData.source,e.checkDepositLocalData.depositTo?.accountName,e.checkFront!=null,e.checkBack!=null),r?.()}}})]})})},ho=a(F)`
-  color: ${e=>e.theme.colors.hero};
-`,uo=a(ge)`
-  color: ${e=>e.theme.colors.hero};
-`,mo=a(me)`
-  display: inline;
-`,go=a.div`
-  display: flex;
-  flex-direction: column;
-  background-color: ${e=>e.theme.colors.grey4};
-  overflow-x: hidden;
-  height: 100%;
-  width: 100%;
-`,xo=a(ue)`
-  color: ${e=>e.theme.colors.primary};
-  text-align: center;
-`,Q=a.div`
-  height: ${e=>e.windowSize==="small"?"auto":"100%"};
-  padding-left: ${e=>`${O.containerPaddingLeft.valuePx(e.windowSize)}`};
-  padding-right: ${e=>`${O.containerPaddingRight.valuePx(e.windowSize)}`};
-`,fo=a.div`
-  display: flex;
-  justify-content: center;
-  margin-top: ${o.sp7};
-`,ko=a.div`
-  height: 80%;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  margin: ${e=>`${o.sp0} ${O.successContentMargin.valuePx(e.windowSize)} `};
-  align-items: center;
-`,H=a.div`
-  display: flex;
-  flex-direction: row-reverse;
-  justify-content: space-between;
-  align-items: center;
-  width: 100%;
-  top: ${o.sp0};
-  padding: ${e=>`${lo.NavBarContainerPaddingYAxis.valuePx(e.windowSize)} ${o.sp0}`};
-  z-index: 2;
-  background-color: ${e=>e.theme.colors.grey4};
-`,U=a(oe)`
-  cursor: pointer;
-  color: ${e=>e.theme.colors.hero};
-  width: ${o.sp4};
-  height: ${o.sp4};
-  min-height: ${o.sp4};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,Do=a(te)`
-  color: ${e=>e.theme.colors.primary};
-  margin-top: ${o.sp3};
-  margin-bottom: ${o.sp0};
-  margin-right: ${o.sp3};
-`,$o=a(te)`
-  color: ${e=>e.theme.colors.primary};
-  margin-top: ${o.sp3};
-`;export{Co as default,no as uniqueFormName};

package/dist/assets/ConfettiBurst-MKPxinI7-D5PjCF0D.js

@@ -1 +0,0 @@
-import{d2 as m,at as l,j as a,au as f,o as n}from"./index-BU_OFOHO.js";import{b as i}from"./vendor-CnQcJ2Lu.js";import"./mui-BgvZYSo0.js";import"./analytics-BSSiLa6f.js";import"./routing-BNz5gZgX.js";import"./sentry-HDxG13yk.js";import"./redux-DmDqXYej.js";import"./liveblocks-BUGn2yQ6.js";import"./crypto-BURQLTgV.js";const u="https://storage.googleapis.com/zeni-apis.appspot.com/data/confetti_sfx.mp3",b=({showConfetti:t})=>{const[e,p]=i.useState(t),[o,s]=m(u),[r]=l("ConfettiSuccess");return i.useEffect(()=>{t&&p(!0)},[t]),i.useEffect(()=>{e&&o===!1&&s(!0)},[e,o,s]),a.jsx(a.Fragment,{children:e&&o&&r!=null?a.jsx(f,{style:{position:"absolute",width:"100%",height:"100vh",top:n.sp0,left:n.sp0,zIndex:5},onComplete:()=>{s(!1),p(!1)},animationData:r,loop:0,play:!0,goTo:0,rendererSettings:{preserveAspectRatio:"xMidYMid slice"}}):null})};export{b as default};

package/dist/assets/CustomerOnboardingContainerPage-D2xC_a0G-Edo-ai-j.js

@@ -1 +0,0 @@
-import{j as r}from"./index-BU_OFOHO.js";import o from"./CustomerOnboardingNoStepsPage-C_cxcuWE-BQPyN4r3.js";import i from"./CustomerOnboardingPage-Cuf1lJmu-DJVUg9pf.js";import"./mui-BgvZYSo0.js";import"./vendor-CnQcJ2Lu.js";import"./analytics-BSSiLa6f.js";import"./routing-BNz5gZgX.js";import"./sentry-HDxG13yk.js";import"./redux-DmDqXYej.js";import"./liveblocks-BUGn2yQ6.js";import"./crypto-BURQLTgV.js";import"./HelpButton-BKCFqzW3-mV3KEyfP.js";import"./MeetingCalenderPopup-C4r3bJ84-B_7Xob1I.js";import"./PaymentAccountSetupBillingAddressSection-C0zGxU4f-BbIQnivK.js";import"./SetUpAccountSection-B0J0zCOF-BgXG5DS8.js";import"./SetUpDefaultSection-ES6v0-xw-DftidMnh.js";import"./ChaseOverlay-B1cuawle-CSkF_51t.js";import"./CustomerOnboardingDetailPageSkeleton-BaDpU--M-Dr2X5vzk.js";import"./CompanyOfficerDetailsSection-BA7etm2I-DTt9FR5w.js";import"./LabeledAddressValueField-B9iirKZj-B-lkILdh.js";import"./LabeledCreatableSingleSelectField-v86g-OZd-NNxB-j11.js";import"./LabeledDocumentField-Dv4qzOY0-B2ZnIaW5.js";import"./DocumentSecurityBanner-eGDvEOvr-Dfhgnjgy.js";import"./QBOSetupSection-B3Dj2g2k-B6Vh45jl.js";import"./QBOConnectionDialog-D2zi5wKm-BnMrx2Jb.js";const w=t=>t.currentTenant?.productSettings.isOtherProductsEnabled===!0?r.jsx(o,{...t}):r.jsx(i,{...t});export{w as default};

package/dist/assets/CustomerOnboardingPage-Cuf1lJmu-DJVUg9pf.js

@@ -1,107 +0,0 @@
-import{j as r,X as Qe,u as Yt,a as Xt,c3 as me,M as Ke,a5 as pt,I as ut,J as He,l as M,aW as en,o as ie,F as tn,p as Q,a7 as nn,h3 as an,fF as on,fd as mt,cw as Pt,cx as ft,C as fe,fI as ye,cg as sn,s as rn,h4 as yt,E as gt,ce as cn,fH as ln}from"./index-BU_OFOHO.js";import{b as p,n as P,k as xt}from"./vendor-CnQcJ2Lu.js";import{F as dn}from"./HelpButton-BKCFqzW3-mV3KEyfP.js";import{t as ht,e as pn}from"./PaymentAccountSetupBillingAddressSection-C0zGxU4f-BbIQnivK.js";import{b as St,f as un,a as Ct}from"./CustomerOnboardingDetailPageSkeleton-BaDpU--M-Dr2X5vzk.js";import{G as mn,o as fn}from"./CompanyOfficerDetailsSection-BA7etm2I-DTt9FR5w.js";import{o as yn}from"./QBOSetupSection-B3Dj2g2k-B6Vh45jl.js";import"./mui-BgvZYSo0.js";import"./analytics-BSSiLa6f.js";import"./routing-BNz5gZgX.js";import"./sentry-HDxG13yk.js";import"./redux-DmDqXYej.js";import"./liveblocks-BUGn2yQ6.js";import"./crypto-BURQLTgV.js";import"./MeetingCalenderPopup-C4r3bJ84-B_7Xob1I.js";import"./SetUpAccountSection-B0J0zCOF-BgXG5DS8.js";import"./SetUpDefaultSection-ES6v0-xw-DftidMnh.js";import"./ChaseOverlay-B1cuawle-CSkF_51t.js";import"./LabeledAddressValueField-B9iirKZj-B-lkILdh.js";import"./LabeledCreatableSingleSelectField-v86g-OZd-NNxB-j11.js";import"./LabeledDocumentField-Dv4qzOY0-B2ZnIaW5.js";import"./DocumentSecurityBanner-eGDvEOvr-Dfhgnjgy.js";import"./QBOConnectionDialog-D2zi5wKm-BnMrx2Jb.js";const gn=({companyView:t,companyOfficerLocalData:w,allNationalityCountries:c,isVerificationPopupOpen:f,setIsVerificationPopupOpen:A,verifiedPhoneNumber:x,onPhoneVerified:S,...I})=>{const m=Qe(),V=t?.companyOfficers.slice(0,10).sort((b,X)=>b.user.createTime?.isAfter(X.user.createTime)===!0?1:-1)?.map(b=>b.user),{company_officer:l}=Ke.getLocalizedStrings().customerOnboardingPage.sections,{title:F}=l,N=t?.company.company.featuresActivationInfo.connectedAccountProvider;return r.jsx(hn,{children:r.jsx(fn,{companyOfficerData:w,allOfficers:V??[],allNationalityCountries:c,sectionHeader:F,isPopupOpen:f,productType:"onboarding",connectedAccountProvider:N,showInfoTooltip:m!=="small",showCompletedIcon:m==="small",showOfficerSelect:!1,showVerificationTag:!1,verifiedPhoneNumber:x,onPhoneVerified:S,optionalFields:["dob","officerAddress","role","ssn","ownership","selectDocument","phone"],openPopup:A,...I})})},hn=P.div`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-`,Sn=({fileProps:t,companyDetails:w,companyIndustries:c,sectionId:f,isCompleted:A,isDisabled:x,style:S,onCompanyAddressClick:I,onRegisteredAddressClick:m})=>{const V=Qe(),{company_details:l}=Ke.getLocalizedStrings().customerOnboardingPage.sections,{title:F}=l;return r.jsx(Cn,{children:r.jsx(mn,{fileProps:t,companyDetails:w,sectionId:f,isDisabled:x,style:S,sectionHeader:F,productType:"onboarding",showInfoTooltip:V!=="small",showCompletedIcon:V==="small",isCompleted:A,allIndustries:c,optionalFields:["companyLegalName","companyDescription","companyAddress","companyIndustry","typeOfIncorporation","incDate","certificateOfIncorporation","ein","companyPhone","primaryContactName"],onCompanyAddressClick:I,onRegisteredAddressClick:m})})},Cn=P.div`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-`,bn=P.div`
-  display: flex;
-`,Pn=P.input`
-  display: none;
-`,xn=({isValid:t,sectionId:w="onboardingQboConnection",...c})=>{const{register:f}=sn();return r.jsxs(bn,{children:[r.jsx(Pn,{type:"hidden",...f(`${w}.connected`,{validate:A=>A==="true"}),value:t?"true":"false"}),r.jsx(yn,{isValid:t,...c})]})},j="companyDetails",C="companyOfficer",Y="onboardingPaymentAccountSetupSection",bt="customerOnboardingDetailPage",u="onboardingSubscriptionBillingAddress",ge="onboardingQboConnection",he={titleWidth:new fe(343,580,726,826),topNavBarHeight:new fe(52,52,63),topNavBarLeftRightSpace:new fe(Q[5],Q[9],112),subTitlePaddingTop:new fe(Q[3],Q[3]),subTitlePaddingBottom:new fe(Q[3],Q[3])},In=t=>`${t}_form`,re=Ke.getLocalizedStrings(),On=({fileProps:t,isRefreshingViewInBackground:w,isAdmin:c,onboardingCustomerView:f,companyTitles:A,connectedAccountProvider:x,analytics:S,cardPaymentView:I,stripeKey:m,googleAPIKey:V,handleCreateCardSetupIntent:l,handleConfirmCardSetupIntent:F,updateCardPaymentModalState:N,handleAddCardPaymentSource:b,resetCardPaymentViewState:X,handleResetCardPaymentErrorStatuses:we,redirectToProductSuitePage:Se,onFormErrorsChange:D,...Ae})=>{const L=Qe(),ve=p.useRef(null),Ve=p.useRef(null),K=p.useRef(null),Fe=p.useRef(null),[Ce,B]=p.useState(!1),[R,z]=p.useState("next"),[T,be]=p.useState(!1),[ce,Pe]=p.useState(!1),[ee,W]=p.useState(null),{onAddressClick:te,onCompanyDetailsChanged:xe,onCompanyOfficerUpdated:$,onFetchLinkTokenClick:Ie,onUpdatePaymentAccountStatus:le,onUpdatePaymentAccountLoginStatus:ne,onEstablishConnectionClick:de,onEstablishConnectionSuccess:ae,onDeleteFile:v,onEditFileName:We,updateFilesEntity:Je,onGetOtp:It,onSkipSetupClick:$e,onUpdateCustomerView:De,updateStepHandler:U,onVerifyOtp:Ot,onResendOtp:kt,handleOnConnectClick:wt,updateQBOPopupState:At,onUpdateStep:Ne,onAddressEditHandler:vt}=Ae,Vt=Yt(),s=Xt({mode:"onSubmit",reValidateMode:"onChange",defaultValues:Me(f,f.allNationalityCountries),values:Me(f,f.allNationalityCountries),shouldFocusError:!0,resetOptions:{keepDirtyValues:!0}}),q=p.useCallback(()=>{const e=[];return(s.getFieldState(Y).error!=null||s.getFieldState(u).error!=null)&&e.push("link_payment_account"),s.getFieldState(ge).error!=null&&e.push("qbo_connection"),e},[s]);p.useEffect(()=>{const e=q();D?.(e)},[q,D]),p.useEffect(()=>{const e=s.watch((n,{name:o,type:i})=>{o!=null&&(i==="change"||i==="blur")&&me(()=>{const d=q();D?.(d)})});return()=>e.unsubscribe()},[s,q,D]);const Ze=e=>{Ge(e)},Oe=p.useRef(""),Ft=e=>{Oe.current=e;const n=Object.values(f.companyOfficerLocalData).findIndex(i=>i?.isSelectedForVerification===!0)??0,o=n<0?0:n;s.clearErrors(`${C}.${o}.phone`)},Ge=e=>{e!=null&&!ye(e)?s.trigger(`${C}.${Z}.phone`):It(e)},{companyView:oe,companyDetailsLocalData:y,companyOfficerLocalData:H,currentStep:a,completedSteps:Ye,saveStatus:O,allSteps:g,allRequiredStepsCompleted:Te,paymentAccount:pe,paymentAccountStatus:Xe,externalConnections:Ee,plaidConnectionDetails:_e,uiState:je,allNationalityCountries:Le,pendingSaveDetails:{companyDetails:$t,officer:Dt},subscriptionBillingAddress:J}=f,Z=Object.values(H).findIndex(e=>e?.isSelectedForVerification===!0)??0,E=`Officer_${Z<0?1:Z+1}`,Nt=oe?.companyOfficers.slice(0,10).sort((e,n)=>e.user.createTime?.isAfter(n.user.createTime)===!0?1:-1),Be=H[E]?.userId!=null?Nt?.find(e=>e.user.userId===H[E]?.userId)?.address:null,et=H[E]?.addressStatus?.addressToCreate,ke=oe?.companyAddress,tt=y?.addressStatus?.addressToCreate,Re=oe?.registeredAddress,nt=y?.registeredAddressStatus?.addressToCreate,{customerOnboardingPage:Tt,common:h}=re,{footer:Et,steps:_t}=Tt,{buttons:at}=Et,ot=_t[a],ze=g.length,se=pt(O.fetchState),_=pt(a);function jt(){return Ee?.accounting[0]?.isValid??!1}const ue=()=>{const e=Object.values(_e).some(d=>d.fetchStatus.fetchState==="Completed"),n=pe?.providerVerificationStatus?.code?.includes("verified")??!1,o=I.cardsList.length>0,i=I.bankAccountsList[0]?.providerVerificationStatus?.code?.includes("verified")??!1;return e&&n||!n&&!pe&&o||!o&&!pe&&i};function st(){if(s.getFieldState(u).error)return!1;const e=s.getValues(u),n=J?.street.join("").trim(),o=J?.city,i=J?.state,d=J?.country,k=J?.postalCode!=null&&J.postalCode||e.postalCode||h.strings.empty;return!!n&&!!o&&!!i&&!!d&&!!k}const Lt=async(e,n)=>{if(e.includes(j))xe?.(n[j]);else if(e.includes(C))$?.(n[C]);else if(e.includes(u)&&n[u]!=null){const o=s.getValues(`${u}`).country;let i=n[u];if(e.includes(`${u}.street`)&&n[u].street!=null){const{addressValue:d}=n[u].street,k=Pt(d?.country);i={street:n[u].street??h.strings.empty,city:d?.locality??h.strings.empty,state:d?.administrativeAreaLevel1??h.strings.empty,country:k,countryCode:d?.countryCode??h.strings.empty,postalCode:d?.postalCode??h.strings.empty,secondaryInfo:n[u].secondaryInfo,suite:n[u].suite},o.selectedOption!==k.selectedOption&&(i={...i,country:k})}else e===`${u}.country`&&o.selectedOption!=null?i={...i,countryCode:ft(o.selectedOption)}:o.selectedOption!=null&&e.includes(`${u}.street`)===!1&&(i={...i,countryCode:ft(o.selectedOption)});vt(i)}};p.useEffect(()=>{const e=s.watch((n,{name:o})=>{o!=null&&n!=null&&me(()=>Lt(o,n))});return()=>{e.unsubscribe()}}),p.useEffect(()=>{se==="In-Progress"&&O.fetchState==="Completed"&&(s.reset(Me(f,Le),{keepDirtyValues:!1}),_==="company_details"&&a==="link_payment_account"&&!g.includes("qbo_connection")&&!f.qboConnected&&Se())},[s,f,se,O.fetchState,Le,_,a,g,Se]),p.useEffect(()=>{Ce&&se==="In-Progress"&&O.fetchState==="Completed"&&($e(),S.track(ut.Event.onboardingSkipAndSave))},[se,Ce,O.fetchState,$e]),p.useEffect(()=>{ee?.shouldNavigate===!0&&se==="In-Progress"&&O.fetchState==="Completed"&&(U(ee.fromStep,ee.stepDirection,!0),W(null))},[ee,se,O.fetchState,U]),p.useLayoutEffect(()=>{_!=null&&_!==a&&(g.indexOf(_)===g.indexOf(a)-1||g.indexOf(_)===ze-1&&g.indexOf(a)===0?R!=="next"&&z("next"):(g.indexOf(_)-1===g.indexOf(a)||g.indexOf(_)===0&&g.indexOf(a)===ze-1)&&R!=="previous"&&z("previous"))},[g,a,_,R,ze]);const it=()=>{const e=H[E];return!!e?.firstName||!!e?.lastName||!!e?.email||!!e?.nationalityCountryCode||!!e?.birthday||!!e?.ownershipInCompany||!!e?.phone||!!e?.ssn||!!e?.titleAtCompany||!!e?.addressStatus?.addressToCreate||e?.fileIds!=null&&e?.fileIds.length>0},Bt=!He(et!=null?M.getFormattedAddress(et):null,Be!=null?M.getFormattedAddress(Be):null),Rt=!He(tt!=null?M.getFormattedAddress(tt):null,ke!=null?M.getFormattedAddress(ke):null),zt=!He(nt!=null?M.getFormattedAddress(nt):null,Re!=null?M.getFormattedAddress(Re):null),Ut=s.getFieldState(j).isDirty||Rt||zt||$t,Ue=s.getFieldState(C).isDirty&&it()||Bt||Dt,rt=s.getFieldState(`${u}`).isDirty,qt=y?.primaryContactLocalData,Ht=()=>{U(a,"previous",!0)},Mt=()=>{const e=s.getValues(u),n={street:e.street.addressString,suite:e.suite,city:e.city,state:e.state,postalCode:e.postalCode,country:e.country.selectedOption??h.strings.empty,secondaryInfo:e.secondaryInfo};S.trackOnboardingBillingAddressSave(n)},Qt=()=>{switch(Pe(!1),a){case"link_payment_account":rt?setTimeout(()=>{const e=q();D?.(e),st()&&rt?(Mt(),De(E,!1,!0),W({fromStep:a,shouldNavigate:!0,stepDirection:"next"})):U(a,"next",!0)},200):U(a,"next",!0);break;case"qbo_connection":U(a,"next",!0);break;case"company_officer":if(Ue){const e=ct();if(me(()=>{const n=q();D?.(n)}),e.needsOtp&&e.phoneNumber&&ye(e.phoneNumber)){const n=s.formState.errors[C]?.[Z<0?0:Z],o=n?.phone,i=n!=null&&Object.keys(n).some(d=>d!=="phone"&&n[d]!=null);if(o!=null&&!i){Ze(e.phoneNumber);return}}e.isValid&&(De(E,!1,!1),S.trackOnboardingCompanyOfficerSave(lt(),{legalName:y?.companyLegalName}),W({fromStep:a,shouldNavigate:!0,stepDirection:"next"}))}else U(a,"next",!0);break;case"company_details":Pe(!0);{const e=!(st()&&ue()),n=!jt()&&g.includes("qbo_connection");if(e||n){e&&(s.trigger(`${Y}`),s.trigger(`${u}`)),n&&s.trigger(ge),me(()=>{const o=q();D?.(o)}),e?Ne("link_payment_account"):n&&Ne("qbo_connection");return}}if(Ut||Ue||!qt?.email){const e=Wt(),n=Ue?ct():{isValid:!0};me(()=>{const o=q();D?.(o)}),e&&n.isValid?(Te&&(B(!0),Jt()),De(E,!Te,!1),W({fromStep:a,shouldNavigate:!0,stepDirection:"next"})):n.isValid||Ne("company_officer")}else Te?Kt():U(a,"next",!0);break}},Kt=()=>{O.fetchState!=="In-Progress"&&($e(),S.track(ut.Event.onboardingSkipAndSave))},ct=()=>{const e=H[E],n=e?.email??h.strings.empty,o=e?.phone??h.strings.empty,i=e?.ssn??h.strings.empty,d=e?.ownershipInCompany,k=Z<0?0:Z,Gt=!!e?.firstName&&!!e?.lastName;let G=!0,dt=!1;return n&&!Gt&&(s.trigger([`${C}.${k}.name.firstName`,`${C}.${k}.name.lastName`],{shouldFocus:a==="company_officer"}),G=!1),(!n&&it()||gt.test(n)===!1)&&(s.trigger(`${C}.${k}.email`,{shouldFocus:a==="company_officer"}),G=!1),o&&ye(o)===!1&&(s.trigger(`${C}.${k}.phone`,{shouldFocus:a==="company_officer"}),G=!1),o&&ye(o)===!0&&x==="unit"&&(Oe.current!==""&&o===Oe.current||(dt=!0,s.setError(`${C}.${k}.phone`,{type:"custom",message:re.commonSetUp.businessVerification.phoneValidationError},{shouldFocus:a==="company_officer"}),G=!1)),d!=null&&d>100&&(s.trigger(`${C}.${k}.ownership`,{shouldFocus:a==="company_officer"}),G=!1),i&&ln.test(i)===!1&&(s.trigger(`${C}.${k}.ssn`,{shouldFocus:a==="company_officer"}),G=!1),{isValid:G,needsOtp:dt,phoneNumber:o}},Wt=()=>{const e=y?.website?.toString()??h.strings.empty,n=y?.phone??h.strings.empty,o=y?.taxIdOrEIN??h.strings.empty,i=y?.primaryContactLocalData?.email??h.strings.empty;let d=!0;return e&&yt.test(e)===!1&&(s.trigger(`${j}.companyWebsite`,{shouldFocus:a==="company_details"}),d=!1),yt.lastIndex=0,n&&ye(n)===!1&&(s.trigger(`${j}.companyPhone`,{shouldFocus:a==="company_details"}),d=!1),(!i||gt.test(i)===!1)&&(s.trigger(`${j}.primaryContactEmail`,{shouldFocus:a==="company_details"}),d=!1),o&&cn.test(o)===!1&&(s.trigger(`${j}.companyTaxId`,{shouldFocus:a==="company_details"}),d=!1),d},lt=()=>{const e=H[E];return{email:e?.email??h.strings.empty,birthday:e?.birthday?.toString(),companyOwnership:e?.ownershipInCompany,firstName:e?.firstName,lastName:e?.lastName,companyRole:e?.titleAtCompany,phone:e?.phone,formattedAddress:e?.addressStatus?.addressToCreate!=null?M.getFormattedAddress(e?.addressStatus?.addressToCreate):void 0,documentTypeForVerification:e?.documentTypeSelectedForVerification}},Jt=()=>{const e=y?.primaryContactLocalData;S.trackBusinessVerificationSave(lt(),{companyDescription:y?.companyDescription,legalName:y?.companyLegalName,phone:y?.phone,website:y?.website?.toString(),industry:y?.companyIndustry??h.strings.empty,formattedAddress:y?.addressStatus?.addressToCreate!=null?M.getFormattedAddress(y?.addressStatus?.addressToCreate):void 0},{firstName:e?.firstName,lastName:e?.lastName,email:e?.email},"onboarding")},[qe,Zt]=p.useState(!1);return r.jsxs(An,{children:[r.jsxs(vn,{windowSize:L,children:[g.indexOf(a)>=0?r.jsx(en,{title:ot.sectionTitle,showBackButton:!1,backgroundColor:Vt.colors.grey4,style:{zIndex:4},showLeftSection:L!=="small",titleStyle:{display:"flex",alignItems:"center"},navBarContainerStyles:{paddingTop:ie.sp0,paddingBottom:ie.sp0},source:"CustomerOnboardingDetailPage"}):r.jsx(Vn,{windowSize:L,children:r.jsx($n,{windowSize:L,children:r.jsx(Fn,{})})}),r.jsx(tn,{...s,children:r.jsx(Nn,{id:In(bt),children:g.map(e=>{let n;n=r.jsx(ht,{connectedAccountProvider:x,paymentAccount:pe,accountStatus:Xe,plaidConnectionDetails:_e,sectionId:Y,hasError:s.getFieldState(Y).error!=null||ce&&!ue(),isValid:ue(),analytics:S,onFetchLinkTokenClick:Ie,onEstablishConnectionClick:de,onUpdatePaymentAccountStatus:le,onUpdatePaymentAccountLoginStatus:ne,onEstablishConnectionSuccess:ae,cardPaymentView:I,resetCardPaymentViewState:X,updateCardPaymentModalState:N,cardSetupInProgress:qe,subscriptionBillingAddressSectionId:u});let o=ve;switch(e){case"link_payment_account":n=r.jsx(ht,{connectedAccountProvider:x,paymentAccount:pe,accountStatus:Xe,plaidConnectionDetails:_e,subscriptionBillingAddressSectionId:u,sectionId:Y,hasError:s.getFieldState(Y).error!=null||ce&&!ue(),isValid:ue(),analytics:S,onFetchLinkTokenClick:Ie,onEstablishConnectionClick:de,onUpdatePaymentAccountStatus:le,onUpdatePaymentAccountLoginStatus:ne,onEstablishConnectionSuccess:ae,updateCardPaymentModalState:N,cardPaymentView:I,resetCardPaymentViewState:X,cardSetupInProgress:qe,googleAPIKey:V,subscriptionBillingAddress:J});break;case"qbo_connection":n=r.jsx(xn,{sectionId:ge,hasError:s.getFieldState(ge).error!=null,isAdmin:c,isValid:Ee?.accounting[0]?.isValid??!1,companyName:oe?.company.company.companyInfo.companyLegalName,saveConnectionState:Ee?.saveConnectionState,isQBOPopupOpen:je.isQBOPopupOpen,handleOnConnectClick:wt,updateQBOPopupState:At}),o=Ve;break;case"company_officer":n=r.jsx(gn,{companyOfficerLocalData:H,allNationalityCountries:Le,isCompleted:Ye.includes("company_officer"),companyView:oe,sectionId:C,filesEndPoint:t.filesEndPoint,authParams:t.authParams,isRefreshingViewInBackground:w,companyTitles:A,isVerificationPopupOpen:T,setIsVerificationPopupOpen:be,onGetOtp:Ze,onVerifyOtp:Ot,onResendOtp:kt,onOfficerAddressClick:i=>te(i,Be?.addressId),updateFilesEntity:Je,onEditFileName:We,onDeleteFile:v,verifiedPhoneNumber:Oe.current,onPhoneVerified:Ft,isDisabled:O.fetchState==="In-Progress"?"readonly":void 0,triggerError:Ge}),o=Fe;break;case"company_details":n=r.jsx(Sn,{fileProps:{...t,onEditFileName:We,onDeleteFile:v,updateFilesEntity:Je},sectionId:j,companyIndustries:f.companyIndustries,companyDetails:y,isDisabled:O.fetchState==="In-Progress"?"readonly":void 0,isCompleted:Ye.includes("company_details"),onCompanyAddressClick:i=>{const d=oe?.company.company.companyOnboardingInfo.subscriptionBillingAddressId;ke?.addressId==null&&d!=null?te(i,d):te(i,ke?.addressId)},onRegisteredAddressClick:i=>te(i,Re?.addressId)}),o=K;break}return r.jsxs(Dn,{ref:o,isVisible:a===e,includeAnimation:a==="link_payment_account"||a==="qbo_connection"?!je.isQBOPopupOpen:a==="company_officer"?!T:!0,paddingBottom:e==="company_details"||e==="company_officer"?Q[6]:Q[0],stepAnimationDirection:R,children:[g.indexOf(a)>=0?r.jsx(Tn,{windowSize:L,children:ot.sectionSubTitle}):null,n]},e)})})}),r.jsx(nn,{formId:`${bt}`,style:{width:L==="small"?"auto":"100%",paddingTop:ie.sp2,paddingBottom:ie.sp2},primaryBtn:{onClick:Qt,label:a==="company_details"?h.footer.submit:at.next,isLoading:O.fetchState==="In-Progress",isDisabled:O.fetchState==="In-Progress"},cancelBtn:{onClick:Ht,label:at.back,isDisabled:O.fetchState==="In-Progress"||g.indexOf(a)===0},containerStyle:{width:"auto",justifyContent:"center"},showCancel:!0})]}),r.jsx(pn,{handleConfirmCardSetupIntent:F,updateCardPaymentModalState:N,handleCreateCardSetupIntent:l,handleAddCardPaymentSource:b,cardPaymentView:I,stripeKey:m,isCardPaymentOpen:je.isCardPaymentPopupOpen,handleResetCardPaymentErrorStatuses:we,cardSetupInProgress:qe,setCardSetupInProgress:Zt})]})},kn=xt`
-  from {
-    transform: translateY(100%);
-    opacity: 0;
-  }
-  to {
-    transform: translateY(0);
-    opacity: 1;
-  }
-`,wn=xt`
-  from {
-    transform: translateY(-100%);
-    opacity: 0;
-  }
-  to {
-    transform: translateY(0);
-    opacity: 1;
-  }
-`,An=P.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  min-width: calc(100% - ${Ct}px);
-  padding-left: ${Ct}px;
-  flex: 1;
-
-  ${t=>t.theme.breakpoints.down("md")} {
-    width: 100%;
-    padding-left: ${ie.sp0};
-  }
-`,vn=P.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  flex: 1;
-  width: 100%;
-  min-height: 100vh;
-  background-image: ${t=>`url(https://storage.googleapis.com/zeni-apis.appspot.com/images/signin-background-${t.windowSize==="small"?"m":"w"}-${t.theme.mode==="dark"?"d":"l"}.svg)`};
-  background-color: ${t=>t.theme.colors.grey4};
-  background-size: inherit;
-  background-attachment: fixed;
-  background-position: ${t=>t.windowSize==="small"?"center center":"right center"};
-  background-repeat: no-repeat;
-
-  ${t=>t.theme.breakpoints.down("lg")} {
-    background-size: cover;
-  }
-`,Vn=P.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  text-align: center;
-  width: ${t=>`calc(100% - ${he.topNavBarLeftRightSpace.valuePx(t.windowSize)})`};
-`,Fn=P.div``,$n=P.div`
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  width: 100%;
-  min-height: ${t=>he.topNavBarHeight.valuePx(t.windowSize)};
-`,Dn=P.div`
-  min-height: 100%;
-  display: ${t=>t.isVisible?"flex":"none"};
-  flex-direction: column;
-  padding-bottom: ${t=>t.paddingBottom+"px"};
-  animation-name: ${t=>t.stepAnimationDirection==="next"?kn:wn};
-  ${t=>t.includeAnimation?`
-          animation-duration: 0.6s; 
-          animation-delay: 0s;  
-          animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
-          animation-fill-mode: both;
-        `:null}
-`,Nn=P.form`
-  padding-top: ${ie.sp0};
-  flex: 1;
-`,Tn=P(rn)`
-  color: ${t=>t.theme.colors.hero};
-  display: flex;
-  justify-content: center;
-  width: ${t=>he.titleWidth.valuePx(t.windowSize)};
-  padding-top: ${t=>he.subTitlePaddingTop.valuePx(t.windowSize)};
-  padding-bottom: ${t=>he.subTitlePaddingBottom.valuePx(t.windowSize)};
-  text-align: ${t=>t.windowSize==="small"?"initial":"center"};
-  width: 100%;
-  white-space: pre-line;
-`,Me=(t,w)=>{const{companyDetailsLocalData:c,companyOfficerLocalData:f,companyView:A}=t,x=re.commonSetUp.businessVerification,S=re.companyPassport,I=A?.companyOfficers!=null&&A?.companyOfficers.length>0;return{[j]:{companyDescription:c?.companyDescription??re.common.strings.empty,ein:c?.companyFiles.find(m=>m.documentType==="tax_ein"),companyId:c?.companyId,syncToken:c?.syncToken,companyLegalName:c?.companyLegalName,companyWebsite:c?.website?.toString()??re.common.strings.empty,companyAddress:c?.addressStatus?.addressToCreate,registeredAddress:c?.registeredAddressStatus?.addressToCreate,companyIndustry:{selectedOption:c?.companyIndustry,allOptions:t.companyIndustries.map(m=>m.code)},companyPhone:c?.phone,companyTaxId:c?.taxIdOrEIN,primaryContactName:{firstName:c?.primaryContactLocalData?.firstName,lastName:c?.primaryContactLocalData?.lastName},primaryContactEmail:c?.primaryContactLocalData?.email,primaryContactUserId:c?.primaryContactLocalData?.userId,primaryContactSyncToken:c?.primaryContactLocalData?.syncToken,fileIds:c?.companyFiles.map(m=>m.fileId)??[],certificateOfIncorporation:c?.companyFiles.find(m=>m.documentType==="certificate_of_incorporation"),incDate:c?.incDate?.toDate(),typeOfIncorporation:{selectedOption:c?.typeOfIncorporation,allOptions:S.companyIncInfo.allTypesOfIncorporation}},[C]:Object.values(f).map((m,V)=>{const l=m,F=on(l?.documentTypeSelectedForVerification);return{userId:l?.userId,officerType:l?.officerType??`Officer_${V+1}`,name:{firstName:l?.firstName,lastName:l?.lastName},email:l?.email,fileIds:l?.fileIds??[],dob:l?.birthday?.toDate(),nationalityCountryCode:Pt(l?.nationalityCountryCode,w.map(N=>N.countryCode)),ssn:l?.ssn,role:{selectedOption:l?.titleAtCompany,allOptions:x.allTypesOfRoles},phone:l?.phone,ownership:l?.ownershipInCompany,officerAddress:l?.addressStatus?.addressToCreate,selectDocument:{front:mt(!0,l?.userFiles??[],F),back:mt(!1,l?.userFiles??[],F),selectDocumentType:F},isSelectedForVerification:!I&&V===0?!0:l?.isSelectedForVerification??!1,userVerificationStatus:l?.userVerificationStatus,syncToken:l?.syncToken,isPhoneVerified:l?.isPhoneVerified,otpChallenge:l?.otpChallenge}}),[Y]:{account:{allOptions:[],selectedOption:void 0}},[u]:an(u,t?.subscriptionBillingAddress)[u],[ge]:{connected:t.externalConnections?.accounting[0]?.isValid??!1}}},ia=t=>{const{onboardingCustomerView:w,cardPaymentView:c,signedInUser:f,currentTenant:A,isOnAddressPage:x,stripeKey:S,googleAPIKey:I,onUpdateStep:m,onZeniLogoClick:V,handleLogOutClick:l,handleCockpitClick:F,meetingUrl:N,analytics:b,handleCreateCardSetupIntent:X,handleConfirmCardSetupIntent:we,handleFetchPaymentSources:Se,updateCardPaymentModalState:D,resetCardPaymentViewState:Ae,handleResetCardPaymentErrorStatuses:L,redirectToProductSuitePage:ve,...Ve}=t,{allSteps:K,completedSteps:Fe,halfCompletedSteps:Ce,currentStep:B,fetchStatus:R}=w,z=p.useRef(B),T=p.useRef(K),[be,ce]=p.useState(!1),[Pe,ee]=p.useState([]),W={allSteps:K,isOnAddressPage:x,completedSteps:Fe,halfCompletedSteps:Ce,errorSteps:Pe,currentStep:B,fetchStatus:R,signedInUser:f,currentTenant:A,onUpdateStep:$=>{m($)},onZeniLogoClick:V,handleLogOutClick:l,handleCockpitClick:F,setIsStepClicked:ce};p.useEffect(()=>{if(z.current!==B){const $=z.current;be===!0&&(b?.trackOnboardingCurrentStep(B,$),ce(!1)),z.current=B}},[B,be,b]),p.useEffect(()=>{K.length!==T.current.length&&(T.current=K)},[K]);const te=($,Ie,le)=>{const ne=T.current.length,de=T.current.indexOf($);switch(Ie){case"next":{const ae=(de+1)%ne,v=T.current[ae];z.current=v,m(v),le===!0?b.trackOnboardingNext($,v):b.trackOnboardingCurrentStep(v,$);break}case"previous":{const ae=(de+ne-1)%ne,v=T.current[ae];z.current=v,m(v),le===!0?b.trackOnboardingBack($,v):b.trackOnboardingCurrentStep(v,$);break}}},xe=R.fetchState==="In-Progress"||R.fetchState==="Not-Started";return r.jsx(En,{isOnAddressPage:x,children:x?r.jsx(St,{...W}):r.jsxs(_n,{children:[r.jsx(St,{...W}),xe?r.jsx(un,{isNoStepsPage:!1}):r.jsx(On,{onboardingCustomerView:w,analytics:b,updateStepHandler:te,onUpdateStep:m,handleCreateCardSetupIntent:X,handleConfirmCardSetupIntent:we,updateCardPaymentModalState:D,handleFetchPaymentSources:Se,cardPaymentView:c,resetCardPaymentViewState:Ae,stripeKey:S,googleAPIKey:I,handleResetCardPaymentErrorStatuses:L,redirectToProductSuitePage:ve,onFormErrorsChange:ee,...Ve}),xe?null:r.jsx(dn,{isFooterRendered:!0,meetingUrl:N,analytics:b,productType:"onboarding"})]})})},En=P.div`
-  display: flex;
-  flex-direction: column;
-  width: ${t=>t.isOnAddressPage?"fit-content":"100%"};
-  height: 100vh;
-`,_n=P.div`
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  height: 100vh;
-`;export{ia as default};