@zeniai/web-cockpit-ui 1.14.99-qa → 1.15.0-dev

package/dist/assets/CreditCardPaymentDrawerPage-Q12y6HMX-DWTS2vWG.js

@@ -1,224 +0,0 @@
-import{V as a,q as me,a7 as pe,aM as ee,hm as Qe,aK as Pe,n as et,m as tt,aO as je,o as t,F as W,y as d,L as ze,l as at,af as nt,d as Ee,bQ as ot,fc as Me,a as Y,p as G,gk as Ce,b as it,ap as Be,D as rt,aN as be,a8 as lt,fv as ct,cB as st,ab as dt,eX as mt,fz as pt,cG as ut,hz as xe,hA as ht,g7 as gt,c as r,b$ as yt,bZ as Oe,fj as ft,cf as Ct,ak as _e,hn as bt,aR as xt,hB as wt,cY as St,hp as Dt,fL as $t,fH as kt}from"./index-DKQM71dS.js";import{n as i}from"./mui-Bm7nuuAo.js";import{a as p}from"./sentry-3Q4-6z2o.js";import{bL as se,bP as At,bh as Lt,bJ as vt,bK as we,bI as It}from"./zeni-epic-state-1LR8oCdb.js";import{x as Ft}from"./LabeledControlledCheckBoxField-Btw_zwzy-FQPDCWhk.js";import"./liveblocks-Bth6iRPZ.js";import"./core-DSEA1DeO.js";import"./recharts-sqzNidKh.js";import"./lottie-BcjGrMJ9.js";import"./analytics-BUkj7jvZ.js";import"./lexical-D8ee32sQ.js";import"./utils-gMT26ExF.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},o=new e.Error().stack;o&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[o]="472f3b98-7d36-4ab8-b9d8-75992d4ace70",e._sentryDebugIdIdentifier="sentry-dbid-472f3b98-7d36-4ab8-b9d8-75992d4ace70")}catch{}})();const te={largeLabelWidth:new d(120,120,160),navBarContainerPaddingXaxis:new d(10,19),containerPaddingLeft:new d(r[3],r[6],r[8]),containerPaddingRight:new d(r[3],r[6],r[8]),reviewContentWrapperPaddingBottom:new d(r[5],r[8])},de={pageTitle:new Y("h6Regular","h5Regular"),integerAmountInput:new Y("h5Regular","h2Regular"),decimalAmountInput:new Y("largeSemiBold","h5Medium")},{dateFormat:{visual:{MMMDCommaYYYYformat:Tt}},common:{edit:Rt,labels:Se,currency:De,navBar:{back:Pt}},spendManagement:{zeniAccounts:{zeniAccountList:{transferDrawer:jt}},chargeCard:{payEarly:Q}}}=W.getLocalizedStrings(),zt=({paymentDetails:e,isCashbackInfoFetchStateCompleted:o,isCreditCardInfoFetchStateCompleted:h,isDebitCardInfoFetchStateCompleted:n,controllerEmails:f,productInformation:c,cashbackInformation:g,paymentSourceInformation:L,creditAccountInformation:C,debitAccountInformation:y,setShowReviewContent:x,onTransferClick:b,isCompleteOutstandingBalanceBeingPaid:D})=>{const m=me(),R=Ee(),P=pe().analytics,[E,v]=p.useState(!1);p.useEffect(()=>{e.error!=null?v(!0):v(!1)},[e.error]);const k=te.largeLabelWidth.value(m);return a.jsxs(a.Fragment,{children:[a.jsxs(Wt,{windowSize:m,children:[a.jsx(Qt,{windowSize:m,children:a.jsx(ot,{title:Pt,enterTouchDelay:600,placement:"bottom",children:a.jsx(Jt,{"data-testid":ee("nav-bar-back-credit-card-payment-review"),onClick:()=>{o&&h&&n&&g!=null&&P.trackCardsPayEarlyFormClick(f,c,g,"Back",e.chargeCardRepaymentDetailLocalData.isAutoRepayment,{paymentAmount:e.chargeCardRepaymentDetailLocalData.amount.amount,paymentAccountName:e.chargeCardRepaymentDetailLocalData.transferFrom?.label,paymentAccountType:e.chargeCardRepaymentDetailLocalData.transferFrom?.accType,paymentAccountLastFourDigits:e.chargeCardRepaymentDetailLocalData.transferFrom?.accountLast4,paymentCompleteEta:void 0,paymentInitiatedDate:void 0},L,C,y),x(!1)}})})}),a.jsx(ea,{windowSize:m,children:jt.reviewAndConfirm}),a.jsx(Mt,{children:a.jsx(Me,{amount:e.chargeCardRepaymentDetailLocalData.amount,integerStyles:de.integerAmountInput.styleObject(m),decimalStyles:de.decimalAmountInput.styleObject(m)})}),E?a.jsx(Yt,{children:a.jsxs(_t,{children:[a.jsxs(Gt,{children:[a.jsx(Kt,{}),a.jsxs(Nt,{children:[a.jsx(Ut,{children:e.error?.title}),a.jsx(Vt,{children:e.error?.message})]})]}),a.jsx(Ht,{children:a.jsx(Xt,{"data-testid":ee("close-error-credit-card-payment-review"),onClick:()=>{v(!1)},style:{width:t.sp3,height:t.sp3,color:G.heroLight}})})]})}):null,a.jsx(qt,{windowSize:m,children:a.jsxs(Ot,{children:[a.jsx(Ce,{label:{label:Se.transferFrom,width:k},text:a.jsxs($e,{windowSize:m,children:[Ne(e.transferFromAccounts,e.chargeCardRepaymentDetailLocalData.transferFrom?.id??"",!0),a.jsx(Bt,{windowSize:m,children:e.chargeCardRepaymentDetailLocalData.transferFrom?.label})]}),style:{width:"auto"}}),a.jsx(Zt,{}),a.jsx(Ce,{label:{label:Se.amount,width:k},showAdditionalInfoLabel:!0,additionalInfoLabel:`${D?Q.creditLimitReset:Q.creditLimitUpdate} ${se(At(Lt().toDate(),[0,6],3).toDateString()).format(Tt)} ${Q.business23Days}`,additionalInfoLabelStyles:{color:R.colors.hero,...it.smallRegular.cssObject},text:a.jsx($e,{windowSize:m,children:Pe("0,0.[00]",{amount:e.chargeCardRepaymentDetailLocalData.amount.amount,currencyCode:De.currencyCode,currencySymbol:De.currencySymbol})}),style:{width:"auto"}})]})})]}),a.jsx(je,{style:{zIndex:4,paddingTop:t.sp3,paddingBottom:t.sp0},helperText:Q.byClickingPayNowIAuthorizeZeniToInitiateThePayment,helperStyle:{padding:`${t.sp0} ${t.sp0} ${t.sp3} ${t.sp0}`},cancelBtn:{label:Rt,onClick:()=>{o&&h&&n&&g!=null&&P.trackCardsPayEarlyFormClick(f,c,g,"Edit",e.chargeCardRepaymentDetailLocalData.isAutoRepayment,{paymentAmount:e.chargeCardRepaymentDetailLocalData.amount.amount,paymentAccountName:e.chargeCardRepaymentDetailLocalData.transferFrom?.label,paymentAccountType:e.chargeCardRepaymentDetailLocalData.transferFrom?.accType,paymentAccountLastFourDigits:e.chargeCardRepaymentDetailLocalData.transferFrom?.accountLast4,paymentCompleteEta:void 0,paymentInitiatedDate:void 0},L,C,y),x(!1)},style:{minWidth:94}},primaryBtn:{label:Q.payNow,onClick:b,isLoading:e.updateStatus==="In-Progress",style:{minWidth:94}}})]})},Ne=(e,o,h)=>{if(o==="")return a.jsx(ra,{});const n=e.find(c=>c.id===o),f=e.findIndex(c=>c.id===o);if(n!=null){if(n.accType==="depositAccount")return a.jsx(oa,{isOptionSelected:h,children:a.jsx(ia,{color:bt(f)})});if(n.accType==="paymentAccount")return n.logo!==void 0&&(n.logo.base64||n.logo.url)?a.jsx(ta,{src:Et(n.logo),isOptionSelected:h,loading:"lazy"}):a.jsx(aa,{isOptionSelected:h,children:a.jsx(na,{})})}return null},Et=e=>e.base64!==void 0?`${$t}${e.base64.toString()}`:e.url!==void 0?e.url.toString():"",Mt=i(Oe)`
-  color: ${e=>e.theme.colors.primary};
-  padding-top: ${t.sp3};
-`,Bt=i.div`
-  display: flex;
-  flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
-`,$e=i(_e)`
-  display: flex;
-  align-items: ${e=>e.windowSize==="small"?"start":"center"};
-`,Ot=i.div`
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  background-color: ${e=>e.theme.colors.grey5};
-  border: 1px solid ${e=>e.theme.colors.grey3};
-  box-shadow: ${e=>`${t.sp0} 2px ${t.sp1} ${e.theme.colors.dropShadowNormal}`};
-  border-radius: ${t.sp2};
-`,_t=i.div`
-  display: flex;
-  width: 100%;
-  justify-content: space-between;
-  padding: ${t.sp3} ${t.sp4};
-  background-color: ${G.importantLight};
-  border-radius: ${t.sp2};
-`,Nt=i.div`
-  display: flex;
-  flex-direction: column;
-  margin-left: ${t.sp2};
-`,Ut=i(Ct)`
-  color: ${G.important};
-`,Vt=i(_e)`
-  color: ${G.important};
-`,Yt=i.div`
-  margin-top: ${t.sp3};
-  display: flex;
-  background-color: ${e=>e.theme.colors.grey5};
-  justify-content: space-between;
-  padding: ${t.sp3} ${t.sp4};
-  border: ${e=>`1px solid ${e.theme.colors.grey3}`};
-  border-radius: ${t.sp2};
-  box-shadow: ${e=>`${t.sp0} 2px 2px ${e.theme.colors.dropShadowNormal}`};
-`,Wt=i.div`
-  height: auto;
-  padding-left: ${e=>`${te.containerPaddingLeft.valuePx(e.windowSize)}`};
-  padding-right: ${e=>`${te.containerPaddingRight.valuePx(e.windowSize)}`};
-  margin-bottom: auto;
-`,Gt=i.div`
-  display: flex;
-  align-items: flex-start;
-`,Ht=i.div``,Kt=i(ft)`
-  width: ${t.sp4};
-  height: ${t.sp4};
-  color: ${G.important};
-`,Xt=i(ze)`
-  cursor: pointer;
-  color: ${e=>e.theme.colors.hero};
-  width: ${t.sp4};
-  height: ${t.sp4};
-  min-height: ${t.sp4};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,Zt=i.div`
-  display: flex;
-  flex: 1;
-  background-color: ${e=>e.theme.colors.grey3};
-  min-height: 1px;
-  max-height: 1px;
-`,qt=i.div`
-  display: flex;
-  flex-direction: column;
-  padding-top: ${t.sp3};
-  padding-bottom: ${e=>`${te.reviewContentWrapperPaddingBottom.valuePx(e.windowSize)}`};
-`,Jt=i(yt)`
-  cursor: pointer;
-  color: ${e=>e.theme.colors.hero};
-  width: ${t.sp4};
-  height: ${t.sp4};
-  min-height: ${t.sp4};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,Qt=i.div`
-  display: flex;
-  flex-direction: row;
-  justify-content: flex-start;
-  align-items: center;
-  width: 100%;
-  top: ${t.sp0};
-  padding: ${e=>`${te.navBarContainerPaddingXaxis.valuePx(e.windowSize)} ${t.sp0}`};
-  z-index: 2;
-  background-color: ${e=>e.theme.colors.grey4};
-`,ea=i(Be)`
-  ${e=>`${de.pageTitle.style(e.windowSize)}`};
-  color: ${e=>e.theme.colors.primary};
-  padding: ${t.sp3} ${t.sp0} ${t.sp3} ${t.sp0};
-`,ta=i.img`
-  display: flex;
-  width: ${e=>e.isOptionSelected?t.sp4:t.sp5};
-  height: ${e=>e.isOptionSelected?t.sp4:t.sp5};
-  min-width: ${e=>e.isOptionSelected?t.sp4:t.sp5};
-  margin-right: ${t.sp2};
-`,aa=i.div`
-  min-width: ${e=>e.isOptionSelected?t.sp4:t.sp5};
-  width: ${e=>e.isOptionSelected?t.sp4:t.sp5};
-  height: ${e=>e.isOptionSelected?t.sp4:t.sp5};
-`,na=i(kt)`
-  min-width: inherit;
-  width: inherit;
-  height: inherit;
-  margin-right: ${t.sp2};
-`,oa=i.div`
-  min-width: ${e=>e.isOptionSelected?t.sp4:t.sp5};
-  width: ${e=>e.isOptionSelected?t.sp4:t.sp5};
-  height: ${e=>e.isOptionSelected?t.sp4:t.sp5};
-  margin-right: ${t.sp2};
-`,ia=i(Dt)`
-  min-width: inherit;
-  width: inherit;
-  height: inherit;
-  margin-right: ${t.sp2};
-`,ra=i(St)`
-  min-width: ${t.sp4};
-  width: ${t.sp4};
-  height: ${t.sp4};
-  margin-right: 12px;
-  margin-left: ${t.sp1};
-  color: ${e=>e.theme.colors.hero};
-`,{common:ce,spendManagement:{zeniAccounts:{zeniAccountList:la},billPay:{insufficientFunds:ca},chargeCard:{payEarly:U}},commonSetUp:{setUp:{accountsPlg:oe}}}=W.getLocalizedStrings(),Ue="amount",sa="withdrawFrom",M="paymentDetails",Ve="creditCardPaymentPage",ie=(e,o)=>`${e}.${o}`,Ye=e=>`${e}_form`,w={largeLabelWidth:new d(120,120,160),labelMarginLeftPicker:new d(r[3],r[4]),labelMarginRightPicker:new d(r[3],r[4]),labelMarginTopPicker:new d(r[2],r[2]),labeledFieldPaddingLeft:new d(r[2],r[0]),labeledFieldPaddingRight:new d(r[2],r[2]),labeledFieldPaddingTop:new d(r[2],r[2]),labeledFieldPaddingBottom:new d(r[2],r[2]),infoLabelPaddingRight:new d(r[0],r[3]),infoLabelMarginTop:new d(r[1],r[0]),checkBoxTop:new d(r[1],r[0])},ke={integerAmountInput:new Y("h5Regular","h2Regular"),decimalAmountInput:new Y("largeSemiBold","h5Medium")};function da({autoPayThreshold:e,plaidConnectionDetails:o,maxInsuredAmount:h,paymentDetails:n,lowBalanceAdditionalInfo:f,paymentAccount:c,isAccountsEnabled:g,onSaveChangesToLocalStore:L,onUpdatePaymentAccountStatus:C,onEstablishConnectionClick:y,onEstablishConnectionSuccess:x,onFetchLinkTokenClick:b,setShowReviewLoading:D,onSignUpAccountClick:m,onMoveMoneyClick:R,isCashbackInfoFetchStateCompleted:P,isCreditCardInfoFetchStateCompleted:E,isDebitCardInfoFetchStateCompleted:v,controllerEmails:k,productInformation:H,cashbackInformation:B,paymentSourceInformation:K,creditAccountInformation:X,debitAccountInformation:Z}){const s=me(),re=Ee(),S=w.largeLabelWidth.value(s),q=pe().analytics,J=p.useRef(null),[j,z]=p.useState(!1),[I,O]=p.useState(void 0),A=o.link_account,ne=o.update_account,$=I==="update_account"?ne:A,[_,ue]=p.useState($.linkToken??null),he=be(A.updateStatus.fetchState),N=lt({mode:"all",reValidateMode:"onBlur",defaultValues:p.useMemo(()=>Ae(n),[n]),values:p.useMemo(()=>Ae(n),[n])}),ge=c?.isLoginRequired??!1,F=c?.providerVerificationStatus?.code,ye=be(ne.updateStatus.fetchState),We=p.useCallback((l,u)=>{const T=u.accounts.find(Je=>Je.id===c?.providerAccountId)??u.accounts[0];c?.paymentAccountId!=null&&I==="update_account"&&T?.verification_status!=null&&!ge?C(T?.verification_status,c.paymentAccountId,"update_account"):y?.(l,I),O(void 0),z(!1)},[c?.paymentAccountId,c?.providerAccountId,I,ge,C,y]),Ge=p.useCallback((l,u)=>{l!=null&&(l.error_code==="TOO_MANY_VERIFICATION_ATTEMPTS"&&c?.paymentAccountId!=null&&C("verification_failed",c.paymentAccountId,"update_account"),console.log("Plaid Connection Error",l,u)),O(void 0),z(!1)},[c?.paymentAccountId,C]),{open:le,ready:fe}=ct({token:_,onSuccess:We,onExit:Ge});p.useEffect(()=>{(he==="In-Progress"&&A.updateStatus.fetchState==="Completed"||ye==="In-Progress"&&ne.updateStatus.fetchState==="Completed")&&(vt(F??"")||(b?.("link_account"),x()))},[A.updateStatus.fetchState,x,b,he,ye,ne.updateStatus.fetchState,F]),p.useEffect(()=>{(we(F??"")||F==="verification_failed")&&!j&&I!=null&&$.linkToken===_&&$.fetchStatus.fetchState==="Completed"&&fe&&z(!0)},[fe,_,$.fetchStatus.fetchState,$.linkToken,F,I,j]),p.useEffect(()=>{$.fetchStatus.fetchState==="Completed"&&$.linkToken!=null&&$.linkToken!==_&&ue($.linkToken)},[$.fetchStatus.fetchState,$.linkToken,_]),p.useEffect(()=>{j&&le()},[j,le]),p.useEffect(()=>{(F==null||F==="verification_failed"||F==="verification_expired"||we(F))&&(se(new Date().toISOString()).isAfter(A.expiration)||A.linkToken==null)&&b?.("link_account")},[]);const{isValid:He}=N.formState,Ke=async(l,u)=>{if(l!=null){if(l.includes("amount"))return;const T=Le(u,n.transferFromAccounts,n.chargeCardRepaymentDetailLocalData.idempotencyKey);L(T)}},Xe=l=>{if(f!=null)return f;const u=n.transferFromAccounts.find(T=>T.id===l);return u?.accountBalance?.available!=null&&It(n.chargeCardRepaymentDetailLocalData.amount,u?.accountBalance?.available)?ca.addMoney:""};p.useEffect(()=>{const l=N.watch((u,{name:T})=>{T!=null&&u!=null&&st(()=>Ke(T,u))});return()=>{l.unsubscribe()}});const Ze=N.watch("paymentDetails.amount"),qe=N.handleSubmit(()=>{if(He){const l=N.getValues(),u=Le(l,n.transferFromAccounts,n.chargeCardRepaymentDetailLocalData.idempotencyKey);L(u),D(!0),P&&E&&v&&B!=null&&q.trackCardsPayEarlyFormClick(k,H,B,"Review",n.chargeCardRepaymentDetailLocalData.isAutoRepayment,{paymentAmount:n.chargeCardRepaymentDetailLocalData.amount.amount,paymentAccountName:n.chargeCardRepaymentDetailLocalData.transferFrom?.label,paymentAccountType:n.chargeCardRepaymentDetailLocalData.transferFrom?.accType,paymentAccountLastFourDigits:n.chargeCardRepaymentDetailLocalData.transferFrom?.accountLast4,paymentCompleteEta:void 0,paymentInitiatedDate:void 0},K,X,Z)}});return a.jsxs(a.Fragment,{children:[a.jsx(ga,{children:a.jsx(Me,{amount:{amount:Ze??0,currencyCode:n.chargeCardRepaymentDetailLocalData.amount.currencyCode,currencySymbol:n.chargeCardRepaymentDetailLocalData.amount.currencySymbol},integerStyles:ke.integerAmountInput.styleObject(s),decimalStyles:ke.decimalAmountInput.styleObject(s)})}),a.jsx(dt,{...N,children:a.jsx(ha,{id:Ye(Ve),onSubmit:qe,children:a.jsxs(ya,{children:[a.jsx(mt,{selectRef:J,label:{label:ce.labels.transferFrom,width:S,style:{marginLeft:w.labelMarginLeftPicker.valuePx(s),marginTop:w.labelMarginTopPicker.valuePx(s),marginRight:w.labelMarginRightPicker.valuePx(s),width:w.largeLabelWidth.value(s)}},style:{paddingTop:w.labeledFieldPaddingTop.valuePx(s),paddingBottom:w.labeledFieldPaddingBottom.valuePx(s),paddingLeft:w.labeledFieldPaddingLeft.valuePx(s),paddingRight:w.labeledFieldPaddingRight.valuePx(s),border:"none",width:"auto",display:"flex"},infoLabelStyle:{textAlign:"right",paddingRight:w.infoLabelPaddingRight.valuePx(s),marginTop:w.infoLabelMarginTop.valuePx(s),color:G.brandColorGoldDark},bottomComponent:a.jsx(Ft,{label:{label:U.enableAutoPay.replace("__autoPayThreshold__",e.toString()),style:{textAlign:s==="small"?"end":"center",color:re.colors.primary}},style:{width:"unset",marginRight:t.sp3,alignItems:s==="small"?"flex-start":"center"},checkBoxField:{name:ie(M,"enableAutoPay"),checkBoxValue:ie(M,"enableAutoPay"),defaultChecked:n.chargeCardRepaymentDetailLocalData.isAutoRepayment,style:{top:w.checkBoxTop.valuePx(s)}}}),singleSelectPickerField:{name:ie(M,sa),placeholder:ut(ce.labels.transferFrom),style:{position:"relative"},capitalizeOptions:!0,isOptionRemovable:!1,showTickIcon:!1,valueToLogo:(l,u)=>Ne(n.transferFromAccounts,l,u),valueToSubLabels:(l,u)=>pt(n.transferFromAccounts,l,u,!0),defaultValue:{selectedOption:n.chargeCardRepaymentDetailLocalData.transferFrom?.id,allOptions:n.transferFromAccounts.map(l=>({label:l.label,value:l.id,isRecommended:l.accType==="depositAccount"}))},textAlignment:"right",registerOptions:{required:!0,validate:l=>l!=null&&!!l.selectedOption},showCreateOption:!0,onClickCreateOption:()=>{O("link_account"),A.linkToken==null||se(new Date().toISOString()).isAfter(A.expiration)?b?.("link_account"):_!==A.linkToken?ue(A.linkToken):j?le():z(!0)}},valueToAdditionalLabel:Xe}),n?.chargeCardRepaymentDetailLocalData.transferFrom==null||n?.chargeCardRepaymentDetailLocalData.transferFrom?.accType==="paymentAccount"?a.jsx(xe,{maxInsuredAmount:h,heading:a.jsxs(ma,{windowSize:s,children:[U.earn,a.jsx(pa,{children:U.percentageCashback.replace("__percentage__",ht)}),U.whenYouPayViaZeniChecking]}),buttonText:g?oe.switchButtonText:oe.signUpButtonText,isAccountsEnabled:g,pageName:U.creditCardPayment,onSignUpClick:m,onSwitchClick:()=>{J.current!=null&&J.current.focus()}}):n?.chargeCardRepaymentDetailLocalData.transferFrom?.accType==="depositAccount"&&n?.chargeCardRepaymentDetailLocalData.transferFrom.accountBalance!=null&&n.chargeCardRepaymentDetailLocalData.transferFrom.accountBalance.available!=null&&n.chargeCardRepaymentDetailLocalData.transferFrom.accountBalance.available.amount<n.chargeCardRepaymentDetailLocalData.amount.amount?a.jsx(xe,{maxInsuredAmount:h,heading:oe.moveMoneyHeading,buttonText:oe.moveMoneyButtonText,isAccountsEnabled:g,pageName:U.creditCardPayment,onMoveMoneyClick:R}):a.jsx(ua,{}),a.jsx(gt,{showAdditionalInfoLabel:!1,label:{label:ce.labels.amount,width:S},formattedTextField:{type:"number",name:ie(M,Ue),defaultValue:n.chargeCardRepaymentDetailLocalData.amount.amount===0?void 0:n.chargeCardRepaymentDetailLocalData.amount.amount,placeholder:la.transferDrawer.amountPlaceholder,returnValueType:"floatValue",prefix:"$",allowNegative:!1,isNumericString:!1,registerOptions:{required:!0,validate:l=>!!l&&l>0},autoComplete:"off",decimalSeparator:".",decimalScale:2,fixedDecimalScale:!1,thousandSeparator:!0,allowLeadingZeros:!1},style:{width:"auto",paddingLeft:w.labeledFieldPaddingLeft.valuePx(s)}})]})})})]})}const ma=i(xt)`
-  color: ${e=>e.theme.colors.primary};
-  width: ${e=>e.windowSize==="small"?"80%":"100%"};
-`,pa=i(wt)`
-  color: ${e=>e.theme.colors.primary};
-`,ua=i.div`
-  display: flex;
-  flex: 1;
-  background-color: ${e=>e.theme.colors.grey3};
-  min-height: 1px;
-  max-height: 1px;
-`,Ae=e=>({paymentDetails:{[Ue]:e.chargeCardRepaymentDetailLocalData.amount.amount,withdrawFrom:{allOptions:e.transferFromAccounts.map(o=>({label:o.label,value:o.id})),selectedOption:e.chargeCardRepaymentDetailLocalData.transferFrom?.id},enableAutoPay:e.chargeCardRepaymentDetailLocalData.isAutoRepayment}}),ha=i.form`
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  margin-bottom: ${t.sp6};
-`,ga=i(Oe)`
-  color: ${e=>e.theme.colors.primary};
-  margin: ${t.sp5} ${t.sp0} ${t.sp3} ${t.sp0};
-`,ya=i.div`
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  background-color: ${e=>e.theme.colors.grey5};
-  border: 1px solid ${e=>e.theme.colors.grey3};
-  box-shadow: ${e=>`${t.sp0} 2px ${t.sp1} ${e.theme.colors.dropShadowNormal}`};
-  border-radius: ${t.sp2};
-`,Le=(e,o,h)=>({amount:{amount:e[M].amount??0,currencyCode:"USD",currencySymbol:"$"},transferFrom:o.find(n=>n.id===e[M].withdrawFrom.selectedOption),isAutoRepayment:e[M].enableAutoPay,idempotencyKey:h}),ae={navBarContainerPaddingXaxis:new d(10,19),containerPaddingLeft:new d(16,40,56),containerPaddingRight:new d(16,40,56),successContentMargin:new d(r[3],r[12]),buttonTrayGap:new d(r[4],r[5])},fa={sectionTitle:new Y("h6Regular","h5Regular")},ve=W.getLocalizedStrings().spendManagement.zeniAccounts.zeniAccountList,V=W.getLocalizedStrings().spendManagement.chargeCard.payEarly,{dateFormat:Ie}=W.getLocalizedStrings(),Ca=({autoPayThreshold:e,paymentDetails:o,maxInsuredAmount:h,isAccountsEnabled:n,productInformation:f,controllerEmails:c,creditAccountInformation:g,creditAccountSpentAmount:L,debitAccountInformation:C,cashbackInformation:y,paymentSourceInformation:x,isCashbackInfoFetchStateCompleted:b,isCreditCardInfoFetchStateCompleted:D,isDebitCardInfoFetchStateCompleted:m,paymentInitiatedDate:R,onSaveChangesToLocalStore:P,onTransferClick:E,goToCards:v,onDismissClick:k,onEstablishConnectionClick:H,onFetchLinkTokenClick:B,plaidConnectionDetails:K,onSignUpAccountClick:X,onMoveMoneyClick:Z,onUpdatePaymentAccountStatus:s,onEstablishConnectionSuccess:re})=>{const S=me(),q=pe().analytics,[J,j]=p.useState(!1),[z,I]=p.useState(!1);p.useEffect(()=>{z&&setTimeout(()=>{I(!1),j(!0)},1e3)},[z]);const O=o.chargeCardRepaymentDetailLocalData.amount.amount===L;return a.jsx(ba,{windowSize:S,children:o.updateStatus==="Completed"?a.jsxs(Fe,{windowSize:S,isTransferCompleted:!0,children:[a.jsx(Te,{windowSize:S,children:a.jsx(Re,{"data-testid":ee("cross-credit-card-payment-success-close-button"),onClick:()=>{b&&D&&m&&y!=null&&q.trackCardsPayEarlyFormClick(c,f,y,"Cross Icon",o.chargeCardRepaymentDetailLocalData.isAutoRepayment,{paymentAmount:o.chargeCardRepaymentDetailLocalData.amount.amount,paymentAccountName:o.chargeCardRepaymentDetailLocalData.transferFrom?.label,paymentAccountType:o.chargeCardRepaymentDetailLocalData.transferFrom?.accType,paymentAccountLastFourDigits:o.chargeCardRepaymentDetailLocalData.transferFrom?.accountLast4,paymentCompleteEta:void 0,paymentInitiatedDate:void 0},x,g,C),k?.()}})}),a.jsxs(Da,{windowSize:S,children:[a.jsx(Qe,{width:150,height:150,shouldDisplay:!0,animationInLoop:1}),a.jsx(xa,{children:a.jsxs(a.Fragment,{children:[V.youvePaid,a.jsx(wa,{children:Pe("0,0.[00]",o.chargeCardRepaymentDetailLocalData.amount)}),ve.transferDrawer.internal.transferSuccessMsgMidfix,`"${o.chargeCardRepaymentDetailLocalData.transferFrom?.label}".`,O?V.theCreditLimitWillResetWithin23BusinessDays:V.theCreditLimitWillUpdateWithin23BusinessDays]})}),a.jsx(Sa,{windowSize:S,children:a.jsx(et,{variant:"primary",label:V.goToCards,"data-testid":ee("back-to-cards-button"),onClick:v})})]})]}):J?a.jsx(zt,{paymentDetails:o,setShowReviewContent:j,onTransferClick:E,isCashbackInfoFetchStateCompleted:b,isCreditCardInfoFetchStateCompleted:D,isDebitCardInfoFetchStateCompleted:m,controllerEmails:c,productInformation:f,cashbackInformation:y,paymentSourceInformation:x,creditAccountInformation:g,debitAccountInformation:C,isCompleteOutstandingBalanceBeingPaid:O}):a.jsxs(a.Fragment,{children:[a.jsxs(Fe,{windowSize:S,isTransferCompleted:!1,children:[a.jsx(Te,{windowSize:S,children:a.jsx(Re,{"data-testid":ee("cross-amount-details-close-button"),onClick:()=>{b&&D&&m&&y!=null&&q.trackCardsPayEarlyFormClick(c,f,y,"Cross Icon",o.chargeCardRepaymentDetailLocalData.isAutoRepayment,{paymentAmount:o.chargeCardRepaymentDetailLocalData.amount.amount,paymentAccountName:o.chargeCardRepaymentDetailLocalData.transferFrom?.label,paymentAccountType:o.chargeCardRepaymentDetailLocalData.transferFrom?.accType,paymentAccountLastFourDigits:o.chargeCardRepaymentDetailLocalData.transferFrom?.accountLast4,paymentCompleteEta:R?.add(3,"day").format(Ie.visual.MMMDCommaYYYYformat),paymentInitiatedDate:R?.format(Ie.visual.MMMDCommaYYYYformat)},x,g,C),k?.()}})}),S==="small"?a.jsx($a,{windowSize:S,children:V.payCreditCardBalance}):a.jsx(ka,{children:V.payCreditCardBalance}),o.fetchState==="Completed"?a.jsx(da,{autoPayThreshold:e,maxInsuredAmount:h,onSaveChangesToLocalStore:P,plaidConnectionDetails:K,paymentDetails:o,setShowReviewLoading:I,onEstablishConnectionSuccess:re,isAccountsEnabled:n,onFetchLinkTokenClick:B,onUpdatePaymentAccountStatus:s,onEstablishConnectionClick:H,onSignUpAccountClick:X,onMoveMoneyClick:Z,isCashbackInfoFetchStateCompleted:b,isCreditCardInfoFetchStateCompleted:D,isDebitCardInfoFetchStateCompleted:m,controllerEmails:c,productInformation:f,cashbackInformation:y,paymentSourceInformation:x,creditAccountInformation:g,debitAccountInformation:C}):a.jsx(tt,{size:"Standard",start:!0,style:{display:"flex",justifyContent:"center",alignItems:"center",height:"calc(100vh - 210px)"}})]}),a.jsx(je,{style:{zIndex:4,paddingTop:t.sp3,paddingBottom:t.sp3},formId:Ye(Ve),helperStyle:{paddingTop:t.sp0,paddingBottom:t.sp0},primaryBtn:{label:W.getLocalizedStrings().common.review,isLoading:z},cancelBtn:{label:ve.transferDrawer.cancelBtn,onClick:()=>{b&&D&&m&&y!=null&&q.trackCardsPayEarlyFormClick(c,f,y,"Cancel",o.chargeCardRepaymentDetailLocalData.isAutoRepayment,{paymentAmount:o.chargeCardRepaymentDetailLocalData.amount.amount,paymentAccountName:o.chargeCardRepaymentDetailLocalData.transferFrom?.label,paymentAccountType:o.chargeCardRepaymentDetailLocalData.transferFrom?.accType,paymentAccountLastFourDigits:o.chargeCardRepaymentDetailLocalData.transferFrom?.accountLast4,paymentCompleteEta:void 0,paymentInitiatedDate:void 0},x,g,C),k?.()}}})]})})},ba=i.div`
-  display: flex;
-  flex-direction: column;
-  background-color: ${e=>e.theme.colors.grey4};
-  overflow-x: hidden;
-  height: 100vh;
-  width: 100%;
-`,xa=i(at)`
-  color: ${e=>e.theme.colors.primary};
-  text-align: center;
-  white-space: pre-line;
-`,wa=i(nt)`
-  display: inline;
-`,Fe=i.div`
-  height: ${e=>e.isTransferCompleted?"100%":"auto"};
-  padding-left: ${e=>`${ae.containerPaddingLeft.valuePx(e.windowSize)}`};
-  padding-right: ${e=>`${ae.containerPaddingRight.valuePx(e.windowSize)}`};
-  margin-bottom: auto;
-`,Sa=i.div`
-  display: flex;
-  justify-content: center;
-  flex-direction: ${e=>e.windowSize==="small"?"column-reverse":"row"};
-  margin-top: ${t.sp6};
-  gap: ${e=>`${ae.buttonTrayGap.valuePx(e.windowSize)}`};
-`,Da=i.div`
-  height: 80%;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  margin: ${e=>`${t.sp0} ${ae.successContentMargin.valuePx(e.windowSize)}`};
-  align-items: center;
-`,Te=i.div`
-  display: flex;
-  flex-direction: row-reverse;
-  justify-content: space-between;
-  align-items: center;
-  width: 100%;
-  top: ${t.sp0};
-  padding: ${e=>`${ae.navBarContainerPaddingXaxis.valuePx(e.windowSize)} ${t.sp0}`};
-  z-index: 2;
-  background-color: ${e=>e.theme.colors.grey4};
-`,Re=i(ze)`
-  cursor: pointer;
-  color: ${e=>e.theme.colors.hero};
-  width: ${t.sp4};
-  height: ${t.sp4};
-  min-height: ${t.sp4};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,$a=i(Be)`
-  ${e=>`${fa.sectionTitle.style(e.windowSize)}`};
-  color: ${e=>e.theme.colors.primary};
-  margin-top: ${t.sp3};
-  margin-bottom: ${t.sp0};
-  margin-right: ${t.sp3};
-`,ka=i(rt)`
-  color: ${e=>e.theme.colors.primary};
-  margin-top: ${t.sp3};
-  margin-bottom: ${t.sp2};
-`,Oa=({autoPayThreshold:e,paymentDetails:o,isZeniAccountSetupEnabled:h,maxInsuredAmount:n,onUpdatePaymentAccountStatus:f,onSaveChangesToLocalStore:c,creditAccountSpentAmount:g,onTransferClick:L,controllerEmails:C,productInformation:y,creditAccountInformation:x,debitAccountInformation:b,cashbackInformation:D,paymentSourceInformation:m,isCashbackInfoFetchStateCompleted:R,isCreditCardInfoFetchStateCompleted:P,isDebitCardInfoFetchStateCompleted:E,goToCards:v,onDismissClick:k,onEstablishConnectionClick:H,onEstablishConnectionSuccess:B,onFetchLinkTokenClick:K,plaidConnectionDetails:X,onSignUpAccountClick:Z,onMoveMoneyClick:s})=>a.jsx(Aa,{children:a.jsx(Ca,{autoPayThreshold:e,paymentDetails:o,maxInsuredAmount:n,productInformation:y,controllerEmails:C,creditAccountInformation:x,debitAccountInformation:b,cashbackInformation:D,paymentSourceInformation:m,isCashbackInfoFetchStateCompleted:R,isCreditCardInfoFetchStateCompleted:P,isDebitCardInfoFetchStateCompleted:E,creditAccountSpentAmount:g,onSaveChangesToLocalStore:c,onTransferClick:L,goToCards:v,onDismissClick:k,plaidConnectionDetails:X,isAccountsEnabled:h,onEstablishConnectionClick:H,onFetchLinkTokenClick:K,onUpdatePaymentAccountStatus:f,onEstablishConnectionSuccess:B,onSignUpAccountClick:Z,onMoveMoneyClick:s})}),Aa=i.div`
-  display: flex;
-  flex-direction: column;
-  background-color: ${e=>e.theme.colors.grey4};
-  overflow-x: hidden;
-  height: 100%;
-  width: 100%;
-`;export{Oa as default};

package/dist/assets/CustomerOnboardingContainerPage-C9radmIS-FKs-62hv.js

@@ -1 +0,0 @@
-import{V as o}from"./index-DKQM71dS.js";import e from"./CustomerOnboardingNoStepsPage-CNni6chX-eoICSPrF.js";import i from"./CustomerOnboardingPage-CvN9Jrdy-TK7lm7QW.js";import"./sentry-3Q4-6z2o.js";import"./liveblocks-Bth6iRPZ.js";import"./core-DSEA1DeO.js";import"./recharts-sqzNidKh.js";import"./zeni-epic-state-1LR8oCdb.js";import"./mui-Bm7nuuAo.js";import"./lottie-BcjGrMJ9.js";import"./analytics-BUkj7jvZ.js";import"./lexical-D8ee32sQ.js";import"./utils-gMT26ExF.js";import"./PaymentAccountSetupBillingAddressSection-s9EEHxoG-4TpDZPEe.js";import"./SetUpAccountSection-Dhb8A0Oe-BE16TcfB.js";import"./CustomerOnboardingDetailPageSkeleton-B0WzN1Sx-mvqO2b3D.js";import"./CompanyOfficerDetailsSection-BtUBatbQ-BgEQYkh1.js";import"./LabeledAddressValueField-Bt41wdNQ-CaMqjCgZ.js";import"./LabeledCreatableSingleSelectField-fycRE7PX-BMOfzbkc.js";import"./LabeledDocumentField-C73vQNgq-ClbLbe81.js";import"./QBOSetupSection-DcLYyQ5m-D0DkS0no.js";import"./QBOConnectionDialog-BFy0lMZd-C1tu8oqS.js";(function(){try{var t=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},r=new t.Error().stack;r&&(t._sentryDebugIds=t._sentryDebugIds||{},t._sentryDebugIds[r]="04f663ab-18f4-4a61-9a32-e4caa082eea9",t._sentryDebugIdIdentifier="sentry-dbid-04f663ab-18f4-4a61-9a32-e4caa082eea9")}catch{}})();const k=t=>t.currentTenant?.productSettings.isOtherProductsEnabled===!0?o.jsx(e,{...t}):o.jsx(i,{...t});export{k as default};

package/dist/assets/CustomerOnboardingNoStepsPage-CNni6chX-eoICSPrF.js

@@ -1,66 +0,0 @@
-import{a7 as ie,V as o,fs as Ce,q as be,d as Pe,a8 as we,aN as xe,cB as ke,bz as Ie,o as s,aM as Ae,ab as $e,aO as Oe,bl as Ve,hF as ve,F as Te,eU as je,eV as oe,ae as Le,y as q,ak as Ue,c as A}from"./index-DKQM71dS.js";import{n as c}from"./mui-Bm7nuuAo.js";import{a as $}from"./sentry-3Q4-6z2o.js";import{s as ze,o as Ee}from"./PaymentAccountSetupBillingAddressSection-s9EEHxoG-4TpDZPEe.js";import{f as _e}from"./CustomerOnboardingDetailPageSkeleton-B0WzN1Sx-mvqO2b3D.js";import"./liveblocks-Bth6iRPZ.js";import"./core-DSEA1DeO.js";import"./recharts-sqzNidKh.js";import"./zeni-epic-state-1LR8oCdb.js";import"./lottie-BcjGrMJ9.js";import"./analytics-BUkj7jvZ.js";import"./lexical-D8ee32sQ.js";import"./utils-gMT26ExF.js";import"./SetUpAccountSection-Dhb8A0Oe-BE16TcfB.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},u=new e.Error().stack;u&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[u]="a53c8032-880e-4312-90c2-d8ffca7a7dbe",e._sentryDebugIdIdentifier="sentry-dbid-a53c8032-880e-4312-90c2-d8ffca7a7dbe")}catch{}})();const Q="onboardingPaymentAccountSetupSection",se="customerOnboardingNoStepsDetailPage",n="onboardingSubscriptionBillingAddress",J={titleWidth:new q(343,580,726,826),subTitlePaddingTop:new q(A[3],A[3]),subTitlePaddingBottom:new q(A[3],A[3])},Be=e=>`${e}_form`,De=Te.getLocalizedStrings(),Fe=({onboardingCustomerView:e,connectedAccountProvider:u,cardPaymentView:p,stripeKey:V,googleAPIKey:v,signedInUser:b,currentTenant:T,onUpdateStep:j,handleCreateCardSetupIntent:L,handleConfirmCardSetupIntent:U,updateCardPaymentModalState:P,handleAddCardPaymentSource:z,resetCardPaymentViewState:E,handleResetCardPaymentErrorStatuses:_,redirectToProductSuitePage:w,onUpdateCustomerView:B,...D})=>{const g=be(),F=ie(),{analytics:h}=F,{onFetchLinkTokenClick:M,onUpdatePaymentAccountStatus:K,onUpdatePaymentAccountLoginStatus:N,onEstablishConnectionClick:S,onEstablishConnectionSuccess:R,handleLogOutClick:G,onZeniLogoClick:W,onAddressEditHandler:x}=D,Z=Pe(),r=we({mode:"onSubmit",reValidateMode:"onSubmit",defaultValues:O(e),values:O(e),shouldFocusError:!0,resetOptions:{keepDirtyValues:!0}}),{companyOfficerLocalData:re,saveStatus:m,paymentAccount:k,paymentAccountStatus:de,plaidConnectionDetails:X,uiState:le,allNationalityCountries:Y,subscriptionBillingAddress:y}=e,{customerOnboardingPage:ce,common:f}=De,{footer:ue,steps:pe}=ce,{buttons:H}=ue,ee=pe.link_payment_account,I=xe(m.fetchState),te=Object.values(re).findIndex(t=>t?.isSelectedForVerification===!0)??0,ge=`Officer_${te<0?1:te+1}`,me=async(t,a)=>{if(t.includes(n)&&a[n]!=null){const i=r.getValues(`${n}`).country;let d=a[n];if(t.includes(`${n}.street`)&&a[n].street!=null){const{addressValue:l}=a[n].street,C=je(l?.country);d={street:a[n].street??f.strings.empty,city:l?.locality??f.strings.empty,state:l?.administrativeAreaLevel1??f.strings.empty,country:C,countryCode:l?.countryCode??f.strings.empty,postalCode:l?.postalCode??f.strings.empty,secondaryInfo:a[n].secondaryInfo,suite:a[n].suite},i.selectedOption!==C.selectedOption&&(d={...d,country:C})}else t===`${n}.country`&&i.selectedOption!=null?d={...d,countryCode:oe(i.selectedOption)}:i.selectedOption!=null&&t.includes(`${n}.street`)===!1&&(d={...d,countryCode:oe(i.selectedOption)});x(d)}};$.useEffect(()=>{const t=r.watch((a,{name:i})=>{i!=null&&a!=null&&ke(()=>me(i,a))});return()=>{t.unsubscribe()}}),$.useEffect(()=>{I==="In-Progress"&&m.fetchState==="Completed"&&r.reset(O(e),{keepDirtyValues:!1})},[r,e,I,m.fetchState,Y]);const ye=()=>{const t=r.getValues(n),a={street:t.street.addressString,suite:t.suite,city:t.city,state:t.state,postalCode:t.postalCode,country:t.country.selectedOption??f.strings.empty,secondaryInfo:t.secondaryInfo};h.trackOnboardingBillingAddressSave(a)},ne=()=>{const t=Object.values(X).some(l=>l.fetchStatus.fetchState==="Completed"),a=k?.providerVerificationStatus?.code?.includes("verified")??!1,i=p.cardsList.length>0,d=p.bankAccountsList[0]?.providerVerificationStatus?.code?.includes("verified")??!1;return t&&a||!a&&!k&&i||!i&&!k&&d};function fe(){if(r.getFieldState(n).error)return!1;const t=r.getValues(n),a=y?.street.join("").trim(),i=y?.city,d=y?.state,l=y?.country,C=y?.postalCode!=null&&y.postalCode||t.postalCode||f.strings.empty;return!!a&&!!i&&!!d&&!!l&&!!C}const he=async()=>{const t=await r.trigger(n),a=await r.trigger(Q);t&&a&&(ye(),j("link_payment_account"),B(ge,!1,!0))};$.useEffect(()=>{I==="In-Progress"&&m.fetchState==="Completed"&&(r.reset(O(e),{keepDirtyValues:!1}),w())},[r,e,I,m.fetchState,Y,w]);const[ae,Se]=$.useState(!1);return o.jsxs(Me,{children:[o.jsxs(Ke,{windowSize:g,children:[o.jsx(Ie,{title:ee.sectionTitle,showBackButton:!1,backgroundColor:Z.colors.grey4,style:{zIndex:4},source:"CustomerOnboardingPaymentAddressDetailPage",showLeftSection:g!=="small",titleStyle:{display:"flex",alignItems:"center"},navBarContainerStyles:{paddingTop:s.sp0,paddingBottom:s.sp0},leftSideComponent:o.jsx(We,{children:o.jsx(Ze,{"data-testid":Ae("zeni-logo-customer-onboarding-payment-address-detail-page"),onClick:W})})}),o.jsx($e,{...r,children:o.jsx(Re,{id:Be(se),children:o.jsxs(Ne,{children:[o.jsx(He,{windowSize:g,children:ee.sectionSubTitle}),o.jsx(ze,{connectedAccountProvider:u,paymentAccount:k,accountStatus:de,plaidConnectionDetails:X,subscriptionBillingAddressSectionId:n,sectionId:Q,analytics:h,isValid:ne(),onFetchLinkTokenClick:M,onEstablishConnectionClick:S,onUpdatePaymentAccountStatus:K,onUpdatePaymentAccountLoginStatus:N,onEstablishConnectionSuccess:R,updateCardPaymentModalState:P,cardPaymentView:p,resetCardPaymentViewState:E,cardSetupInProgress:ae,googleAPIKey:v,subscriptionBillingAddress:y})]},"link_payment_account")})}),o.jsx(Oe,{formId:`${se}`,leftSideComponent:o.jsx(Ge,{windowSize:g,children:o.jsx(Ve,{signedInUser:b,currentTenant:T,onLogOutClick:G})}),style:{width:g==="small"?"auto":"100%",padding:s.sp0,rowGap:s.sp1},helperContainerStyle:{width:"100%",rowGap:s.sp1,marginTop:"12px",marginBottom:s.sp2},primaryBtn:{onClick:he,label:H.submit,isLoading:m.fetchState==="In-Progress",isDisabled:m.fetchState==="In-Progress"||!(fe()&&ne())},containerStyle:{width:"auto",justifyContent:"center"},helperText:H.submitText.replace("__action__",H.submit),helperStyle:{width:"auto",padding:s.sp0,rowGap:s.sp0,textAlign:"center"}})]}),o.jsx(Ee,{handleConfirmCardSetupIntent:U,updateCardPaymentModalState:P,handleCreateCardSetupIntent:L,handleAddCardPaymentSource:z,cardPaymentView:p,stripeKey:V,isCardPaymentOpen:le.isCardPaymentPopupOpen,handleResetCardPaymentErrorStatuses:_,cardSetupInProgress:ae,setCardSetupInProgress:Se})]})},Me=c.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  min-width: 100% ${e=>e.theme.breakpoints.down("md")} {
-    width: 100%;
-    padding-left: ${s.sp0};
-  }
-`,Ke=c.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  flex: 1;
-  width: 100%;
-  height: 100%;
-  background-image: ${e=>`url(https://storage.googleapis.com/zeni-apis.appspot.com/images/signin-background-${e.windowSize==="small"?"m":"w"}-${e.theme.mode==="dark"?"d":"l"}.svg)`};
-  background-color: ${e=>e.theme.colors.grey4};
-  background-size: inherit;
-  background-attachment: fixed;
-  background-position: ${e=>e.windowSize==="small"?"center center":"right center"};
-  background-repeat: no-repeat;
-
-  ${e=>e.theme.breakpoints.down("lg")} {
-    background-size: cover;
-  }
-`,Ne=c.div`
-  display: flex;
-  height: 100%;
-  flex-direction: column;
-  padding-bottom: ${s.sp0};
-`,Re=c.form`
-  padding-top: ${s.sp0};
-  flex: 1;
-`,Ge=c.div`
-  display: flex;
-  height: ${s.sp7};
-  left: ${s.sp4};
-  bottom: ${s.sp3};
-  position: fixed;
-  justify-content: center;
-  align-items: center;
-  cursor: default;
-`,We=c.div`
-  display: flex;
-`,Ze=c(Le)`
-  height: ${s.sp4};
-  width: 102px;
-  color: ${e=>e.theme.colors.primary};
-  cursor: pointer;
-  flex-shrink: 0;
-  margin-left: -${s.sp4};
-`,He=c(Ue)`
-  color: ${e=>e.theme.colors.hero};
-  display: flex;
-  justify-content: center;
-  width: ${e=>J.titleWidth.valuePx(e.windowSize)};
-  padding-top: ${e=>J.subTitlePaddingTop.valuePx(e.windowSize)};
-  padding-bottom: ${e=>J.subTitlePaddingBottom.valuePx(e.windowSize)};
-  text-align: ${e=>e.windowSize==="small"?"initial":"center"};
-  width: 100%;
-`,O=e=>({[Q]:{account:{allOptions:[],selectedOption:void 0}},[n]:ve(n,e?.subscriptionBillingAddress)[n]}),ct=e=>{const{onboardingCustomerView:u,cardPaymentView:p,signedInUser:V,currentTenant:v,isOnAddressPage:b,stripeKey:T,googleAPIKey:j,meetingUrl:L,onUpdateStep:U,onZeniLogoClick:P,handleLogOutClick:z,handleCockpitClick:E,handleCreateCardSetupIntent:_,handleConfirmCardSetupIntent:w,handleFetchPaymentSources:B,updateCardPaymentModalState:D,resetCardPaymentViewState:g,handleResetCardPaymentErrorStatuses:F,redirectToProductSuitePage:h,...M}=e,{allSteps:K,currentStep:N,fetchStatus:S}=u,R=ie(),{analytics:G}=R,W={allSteps:K,isOnAddressPage:b,currentStep:N,fetchStatus:S,signedInUser:V,currentTenant:v,onUpdateStep:Z=>{U(Z)},onZeniLogoClick:P,handleLogOutClick:z,handleCockpitClick:E,redirectToProductSuitePage:h},x=S.fetchState==="In-Progress"||S.fetchState==="Not-Started";return o.jsxs(qe,{isOnAddressPage:b,children:[x?o.jsx(_e,{isNoStepsPage:!0}):o.jsx(Fe,{...W,onboardingCustomerView:u,handleCreateCardSetupIntent:_,handleConfirmCardSetupIntent:w,updateCardPaymentModalState:D,handleFetchPaymentSources:B,cardPaymentView:p,resetCardPaymentViewState:g,stripeKey:T,googleAPIKey:j,handleResetCardPaymentErrorStatuses:F,redirectToProductSuitePage:h,...M}),x?null:o.jsx(Ce,{isFooterRendered:!0,meetingUrl:L,analytics:G,productType:"onboarding"})]})},qe=c.div`
-  display: flex;
-  flex-direction: column;
-  width: ${e=>e.isOnAddressPage?"fit-content":"100%"};
-  height: 100vh;
-`;export{ct as default};

package/dist/assets/CustomerOnboardingPage-CvN9Jrdy-TK7lm7QW.js

@@ -1,107 +0,0 @@
-import{V as l,fs as tn,q as We,d as nn,a8 as an,cB as me,aN as He,C as ft,aA as Ke,bz as on,o as re,ab as sn,c as Q,aO as rn,hF as ln,g6 as cn,ft as yt,eU as Ot,F as Ye,eV as gt,y as fe,g9 as ye,cO as dn,ak as pn,hG as ht,ac as St,cM as un,g8 as mn}from"./index-DKQM71dS.js";import{a as m}from"./sentry-3Q4-6z2o.js";import{n as P,k as wt}from"./mui-Bm7nuuAo.js";import{bi as j}from"./zeni-epic-state-1LR8oCdb.js";import{s as Ct,o as fn}from"./PaymentAccountSetupBillingAddressSection-s9EEHxoG-4TpDZPEe.js";import{b as bt,f as yn,a as It}from"./CustomerOnboardingDetailPageSkeleton-B0WzN1Sx-mvqO2b3D.js";import{s as gn,S as hn}from"./CompanyOfficerDetailsSection-BtUBatbQ-BgEQYkh1.js";import{t as Sn}from"./QBOSetupSection-DcLYyQ5m-D0DkS0no.js";import"./liveblocks-Bth6iRPZ.js";import"./core-DSEA1DeO.js";import"./recharts-sqzNidKh.js";import"./lottie-BcjGrMJ9.js";import"./analytics-BUkj7jvZ.js";import"./lexical-D8ee32sQ.js";import"./utils-gMT26ExF.js";import"./SetUpAccountSection-Dhb8A0Oe-BE16TcfB.js";import"./LabeledAddressValueField-Bt41wdNQ-CaMqjCgZ.js";import"./LabeledCreatableSingleSelectField-fycRE7PX-BMOfzbkc.js";import"./LabeledDocumentField-C73vQNgq-ClbLbe81.js";import"./QBOConnectionDialog-BFy0lMZd-C1tu8oqS.js";(function(){try{var n=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},C=new n.Error().stack;C&&(n._sentryDebugIds=n._sentryDebugIds||{},n._sentryDebugIds[C]="123fe9f6-0901-4bba-a4c8-3f62a038fe2d",n._sentryDebugIdIdentifier="sentry-dbid-123fe9f6-0901-4bba-a4c8-3f62a038fe2d")}catch{}})();const Cn=({companyView:n,companyOfficerLocalData:C,allNationalityCountries:r,isVerificationPopupOpen:g,setIsVerificationPopupOpen:v,verifiedPhoneNumber:O,onPhoneVerified:h,...w})=>{const y=We(),V=n?.companyOfficers.slice(0,10).sort((I,ee)=>I.user.createTime?.isAfter(ee.user.createTime)===!0?1:-1)?.map(I=>I.user),{company_officer:c}=Ye.getLocalizedStrings().customerOnboardingPage.sections,{title:_}=c,$=n?.company.company.featuresActivationInfo.connectedAccountProvider;return l.jsx(bn,{children:l.jsx(hn,{companyOfficerData:C,allOfficers:V??[],allNationalityCountries:r,sectionHeader:_,isPopupOpen:g,productType:"onboarding",connectedAccountProvider:$,showInfoTooltip:y!=="small",showCompletedIcon:y==="small",showOfficerSelect:!1,showVerificationTag:!1,verifiedPhoneNumber:O,onPhoneVerified:h,optionalFields:["dob","officerAddress","role","ssn","ownership","selectDocument","phone"],openPopup:v,...w})})},bn=P.div`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-`,In=({fileProps:n,companyDetails:C,companyIndustries:r,sectionId:g,isCompleted:v,isDisabled:O,style:h,onCompanyAddressClick:w,onRegisteredAddressClick:y})=>{const V=We(),{company_details:c}=Ye.getLocalizedStrings().customerOnboardingPage.sections,{title:_}=c;return l.jsx(Pn,{children:l.jsx(gn,{fileProps:n,companyDetails:C,sectionId:g,isDisabled:O,style:h,sectionHeader:_,productType:"onboarding",showInfoTooltip:V!=="small",showCompletedIcon:V==="small",isCompleted:v,allIndustries:r,optionalFields:["companyLegalName","companyDescription","companyAddress","companyIndustry","typeOfIncorporation","incDate","certificateOfIncorporation","ein","companyPhone","primaryContactName"],onCompanyAddressClick:w,onRegisteredAddressClick:y})})},Pn=P.div`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-`,On=P.div`
-  display: flex;
-`,wn=P.input`
-  display: none;
-`,xn=({isValid:n,sectionId:C="onboardingQboConnection",...r})=>{const{register:g}=dn();return l.jsxs(On,{children:[l.jsx(wn,{type:"hidden",...g(`${C}.connected`,{validate:v=>v==="true"}),value:n?"true":"false"}),l.jsx(Sn,{isValid:n,...r})]})},B="companyDetails",b="companyOfficer",J="onboardingPaymentAccountSetupSection",Pt="customerOnboardingDetailPage",f="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])},kn=n=>`${n}_form`,le=Ye.getLocalizedStrings(),vn=({fileProps:n,isRefreshingViewInBackground:C,isAdmin:r,onboardingCustomerView:g,companyTitles:v,connectedAccountProvider:O,analytics:h,cardPaymentView:w,stripeKey:y,googleAPIKey:V,handleCreateCardSetupIntent:c,handleConfirmCardSetupIntent:_,updateCardPaymentModalState:$,handleAddCardPaymentSource:I,resetCardPaymentViewState:ee,handleResetCardPaymentErrorStatuses:ve,redirectToProductSuitePage:Se,onFormErrorsChange:D,...Ne})=>{const R=We(),Ve=m.useRef(null),_e=m.useRef(null),W=m.useRef(null),Ae=m.useRef(null),[Ce,z]=m.useState(!1),[U,q]=m.useState("next"),[F,be]=m.useState(!1),[ce,Ie]=m.useState(!1),[te,Y]=m.useState(null),{onAddressClick:ne,onCompanyDetailsChanged:Pe,onCompanyOfficerUpdated:A,onFetchLinkTokenClick:Oe,onUpdatePaymentAccountStatus:de,onUpdatePaymentAccountLoginStatus:ae,onEstablishConnectionClick:pe,onEstablishConnectionSuccess:oe,onDeleteFile:N,onEditFileName:Ge,updateFilesEntity:Ze,onGetOtp:xt,onSkipSetupClick:De,onUpdateCustomerView:Te,updateStepHandler:M,onVerifyOtp:kt,onResendOtp:vt,handleOnConnectClick:Nt,updateQBOPopupState:Vt,onUpdateStep:$e,onAddressEditHandler:_t}=Ne,At=nn(),s=an({mode:"onSubmit",reValidateMode:"onChange",defaultValues:Qe(g,g.allNationalityCountries),values:Qe(g,g.allNationalityCountries),shouldFocusError:!0,resetOptions:{keepDirtyValues:!0}}),H=m.useCallback(()=>{const e=[];return(s.getFieldState(J).error!=null||s.getFieldState(f).error!=null)&&e.push("link_payment_account"),s.getFieldState(ge).error!=null&&e.push("qbo_connection"),e},[s]);m.useEffect(()=>{const e=H();D?.(e)},[H,D]),m.useEffect(()=>{const e=s.watch((t,{name:a,type:i})=>{a!=null&&(i==="change"||i==="blur")&&me(()=>{const u=H();D?.(u)})});return()=>e.unsubscribe()},[s,H,D]);const Xe=e=>{tt(e)},{companyView:se,companyDetailsLocalData:d,companyOfficerLocalData:E,currentStep:o,completedSteps:Je,saveStatus:x,allSteps:S,allRequiredStepsCompleted:Fe,paymentAccount:K,paymentAccountStatus:et,externalConnections:Ee,plaidConnectionDetails:Le,uiState:je,allNationalityCountries:Be,pendingSaveDetails:{companyDetails:Dt,officer:Tt},subscriptionBillingAddress:G}=g,we=m.useRef(""),$t=e=>{we.current=e;const t=Object.values(g.companyOfficerLocalData).findIndex(i=>i?.isSelectedForVerification===!0)??0,a=t<0?0:t;s.clearErrors(`${b}.${a}.phone`)},tt=e=>{e!=null&&!ye(e)?s.trigger(`${b}.${Z}.phone`):xt(e)},Z=Object.values(E).findIndex(e=>e?.isSelectedForVerification===!0)??0,T=`Officer_${Z<0?1:Z+1}`,Ft=se?.companyOfficers.slice(0,10).sort((e,t)=>e.user.createTime?.isAfter(t.user.createTime)===!0?1:-1),Re=E[T]?.userId!=null?Ft?.find(e=>e.user.userId===E[T]?.userId)?.address:null,nt=E[T]?.addressStatus?.addressToCreate,xe=se?.companyAddress,at=d?.addressStatus?.addressToCreate,ze=se?.registeredAddress,ot=d?.registeredAddressStatus?.addressToCreate,{customerOnboardingPage:Et,common:p}=le,{footer:Lt,steps:jt}=Et,{buttons:st}=Lt,it=jt[o],Ue=S.length,ie=He(x.fetchState),L=He(o);function Bt(){return Ee?.accounting[0]?.isValid??!1}const ue=()=>{const e=Object.values(Le).some(u=>u.fetchStatus.fetchState==="Completed"),t=K?.providerVerificationStatus?.code?.includes("verified")??!1,a=w.cardsList.length>0,i=w.bankAccountsList[0]?.providerVerificationStatus?.code?.includes("verified")??!1;return e&&t||!t&&!K&&a||!a&&!K&&i};function rt(){if(s.getFieldState(f).error)return!1;const e=s.getValues(f),t=G?.street.join("").trim(),a=G?.city,i=G?.state,u=G?.country,k=G?.postalCode!=null&&G.postalCode||e.postalCode||p.strings.empty;return!!t&&!!a&&!!i&&!!u&&!!k}const lt=He(K?.providerVerificationStatus?.code),Rt=()=>{const e=d,t=[];return e?.companyLegalName!=null&&t.push("legal_name"),e?.companyDescription!=null&&e?.companyDescription!==p.strings.empty&&t.push("company_description"),e?.addressStatus?.addressToCreate!=null&&t.push("company_address"),e?.registeredAddressStatus?.addressToCreate!=null&&t.push("registered_address"),e?.website!=null&&t.push("website"),e?.companyIndustry!=null&&e?.companyIndustry!==p.strings.empty&&t.push("industry"),e?.typeOfIncorporation!=null&&e?.typeOfIncorporation!==p.strings.empty&&t.push("type_of_incorporation"),e?.incDate!=null&&t.push("inc_date"),e?.phone!=null&&t.push("phone"),e?.primaryContactLocalData?.firstName!=null&&e?.primaryContactLocalData?.lastName!=null&&t.push("primary_contact_name"),e?.primaryContactLocalData?.email!=null&&t.push("primary_contact_email"),e?.taxIdOrEIN!=null&&t.push("tax_id_or_ein"),e?.companyFiles.find(a=>a.documentType==="certificate_of_incorporation")!=null&&t.push("certificate_of_incorporation"),e?.companyFiles.find(a=>a.documentType==="tax_ein")!=null&&t.push("ein"),{completedFields:t,status:t.length===14?"complete":t.length>0?"partially_complete":"incomplete"}},zt=()=>{const e=E[T],t=[];return e?.firstName!=null&&e.firstName!==p.strings.empty&&t.push("first_name"),e?.lastName!=null&&e.lastName!==p.strings.empty&&t.push("last_name"),e?.birthday!=null&&t.push("dob"),e?.nationalityCountryCode!=null&&t.push("nationality"),e?.addressStatus?.addressToCreate!=null&&t.push("address"),e?.phone!=null&&e.phone!==p.strings.empty&&e.isPhoneVerified===!0&&t.push("phone"),e?.titleAtCompany!=null&&e.titleAtCompany!==p.strings.empty&&t.push("company_role"),e?.ownershipInCompany!=null&&t.push("ownership"),e?.ssn!=null&&e.ssn!==p.strings.empty&&t.push("ssn"),e?.documentTypeSelectedForVerification!=null&&t.push("document_type"),e?.fileIds!=null&&e.fileIds.length>0&&t.push("document_uploaded"),{completedFields:t,status:t.length===11?"complete":t.length>0?"partially_complete":"incomplete"}};m.useEffect(()=>{lt==="pending_manual_verification"&&K?.providerVerificationStatus?.code==="manually_verified"&&h.trackOnboardingBankAccountVerified("manual")},[h,K?.providerVerificationStatus?.code,lt]);const Ut=async(e,t)=>{if(e.includes(B))Pe?.(t[B]);else if(e.includes(b))A?.(t[b]);else if(e.includes(f)&&t[f]!=null){const a=s.getValues(`${f}`).country;let i=t[f];if(e.includes(`${f}.street`)&&t[f].street!=null){const{addressValue:u}=t[f].street,k=Ot(u?.country);i={street:t[f].street??p.strings.empty,city:u?.locality??p.strings.empty,state:u?.administrativeAreaLevel1??p.strings.empty,country:k,countryCode:u?.countryCode??p.strings.empty,postalCode:u?.postalCode??p.strings.empty,secondaryInfo:t[f].secondaryInfo,suite:t[f].suite},a.selectedOption!==k.selectedOption&&(i={...i,country:k})}else e===`${f}.country`&&a.selectedOption!=null?i={...i,countryCode:gt(a.selectedOption)}:a.selectedOption!=null&&e.includes(`${f}.street`)===!1&&(i={...i,countryCode:gt(a.selectedOption)});_t(i)}};m.useEffect(()=>{const e=s.watch((t,{name:a})=>{a!=null&&t!=null&&me(()=>Ut(a,t))});return()=>{e.unsubscribe()}}),m.useEffect(()=>{ie==="In-Progress"&&x.fetchState==="Completed"&&(s.reset(Qe(g,Be),{keepDirtyValues:!1}),L==="company_details"&&o==="link_payment_account"&&!S.includes("qbo_connection")&&!g.qboConnected&&Se())},[s,g,ie,x.fetchState,Be,L,o,S,Se]),m.useEffect(()=>{Ce&&ie==="In-Progress"&&x.fetchState==="Completed"&&(De(),h.track(ft.Event.onboardingSkipAndSave))},[ie,Ce,x.fetchState,De]),m.useEffect(()=>{te?.shouldNavigate===!0&&ie==="In-Progress"&&x.fetchState==="Completed"&&(Y(null),M(te.fromStep,te.stepDirection,!0))},[te,ie,x.fetchState,M]),m.useLayoutEffect(()=>{L!=null&&L!==o&&(S.indexOf(L)===S.indexOf(o)-1||S.indexOf(L)===Ue-1&&S.indexOf(o)===0?U!=="next"&&q("next"):(S.indexOf(L)-1===S.indexOf(o)||S.indexOf(L)===0&&S.indexOf(o)===Ue-1)&&U!=="previous"&&q("previous"))},[S,o,L,U,Ue]);const ct=()=>{const e=E[T];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},qt=!Ke(nt!=null?j(nt):null,Re!=null?j(Re):null),Mt=!Ke(at!=null?j(at):null,xe!=null?j(xe):null),Ht=!Ke(ot!=null?j(ot):null,ze!=null?j(ze):null),Kt=s.getFieldState(B).isDirty||Mt||Ht||Dt,qe=s.getFieldState(b).isDirty&&ct()||qt||Tt,dt=s.getFieldState(`${f}`).isDirty,ke=d?.primaryContactLocalData,Qt=()=>{M(o,"previous",!0)},Wt=()=>{const e=s.getValues(f),t={street:e.street.addressString,suite:e.suite,city:e.city,state:e.state,postalCode:e.postalCode,country:e.country.selectedOption??p.strings.empty,secondaryInfo:e.secondaryInfo};h.trackOnboardingBillingAddressSave(t)},Yt=()=>{switch(Ie(!1),o){case"link_payment_account":dt?setTimeout(()=>{const e=H();D?.(e),rt()&&dt?(Wt(),Te(T,!1,!0),Y({fromStep:o,shouldNavigate:!0,stepDirection:"next"})):M(o,"next",!0)},200):M(o,"next",!0);break;case"qbo_connection":M(o,"next",!0);break;case"company_officer":if(qe){const e=pt();if(me(()=>{const t=H();D?.(t)}),e.needsOtp&&e.phoneNumber&&ye(e.phoneNumber)){const t=s.formState.errors[b]?.[Z<0?0:Z],a=t?.phone,i=t!=null&&Object.keys(t).some(u=>u!=="phone"&&t[u]!=null);if(a!=null&&!i){Xe(e.phoneNumber);return}}e.isValid&&(Te(T,!1,!1),h.trackOnboardingCompanyOfficerSave(ut(),{legalName:d?.companyLegalName},zt()),Y({fromStep:o,shouldNavigate:!0,stepDirection:"next"}))}else M(o,"next",!0);break;case"company_details":Ie(!0);{const e=!(rt()&&ue()),t=!Bt()&&S.includes("qbo_connection");if(e||t){e&&(s.trigger(`${J}`),s.trigger(`${f}`)),t&&s.trigger(ge),me(()=>{const a=H();D?.(a)}),e?$e("link_payment_account"):t&&$e("qbo_connection");return}}if(Kt||qe||!ke?.email){const e=Zt(),t=qe?pt():{isValid:!0};me(()=>{const a=H();D?.(a)}),e&&t.isValid?(Fe&&(z(!0),Xt()),Te(T,!Fe,!1),h.trackOnboardingCompanyDetailsSave({companyDescription:d?.companyDescription,legalName:d?.companyLegalName,industry:d?.companyIndustry??p.strings.empty,incDate:d?.incDate?.toString(),phone:d?.phone,website:d?.website?.toString(),formattedAddress:d?.addressStatus?.addressToCreate!=null?j(d?.addressStatus?.addressToCreate):void 0},Rt(),{firstName:ke?.firstName,lastName:ke?.lastName,email:ke?.email}),Y({fromStep:o,shouldNavigate:!0,stepDirection:"next"})):t.isValid||$e("company_officer")}else Fe?Gt():M(o,"next",!0);break}},Gt=()=>{x.fetchState!=="In-Progress"&&(De(),h.track(ft.Event.onboardingSkipAndSave))},pt=()=>{const e=E[T],t=e?.email??p.strings.empty,a=e?.phone??p.strings.empty,i=e?.ssn??p.strings.empty,u=e?.ownershipInCompany,k=Z<0?0:Z,en=!!e?.firstName&&!!e?.lastName;let X=!0,mt=!1;return t&&!en&&(s.trigger([`${b}.${k}.name.firstName`,`${b}.${k}.name.lastName`],{shouldFocus:o==="company_officer"}),X=!1),(!t&&ct()||St.test(t)===!1)&&(s.trigger(`${b}.${k}.email`,{shouldFocus:o==="company_officer"}),X=!1),a&&ye(a)===!1&&(s.trigger(`${b}.${k}.phone`,{shouldFocus:o==="company_officer"}),X=!1),a&&ye(a)===!0&&O==="unit"&&(we.current!==""&&a===we.current||(mt=!0,s.setError(`${b}.${k}.phone`,{type:"custom",message:le.commonSetUp.businessVerification.phoneValidationError},{shouldFocus:o==="company_officer"}),X=!1)),u!=null&&u>100&&(s.trigger(`${b}.${k}.ownership`,{shouldFocus:o==="company_officer"}),X=!1),i&&mn.test(i)===!1&&(s.trigger(`${b}.${k}.ssn`,{shouldFocus:o==="company_officer"}),X=!1),{isValid:X,needsOtp:mt,phoneNumber:a}},Zt=()=>{const e=d?.website?.toString()??p.strings.empty,t=d?.phone??p.strings.empty,a=d?.taxIdOrEIN??p.strings.empty,i=d?.primaryContactLocalData?.email??p.strings.empty;let u=!0;return e&&ht.test(e)===!1&&(s.trigger(`${B}.companyWebsite`,{shouldFocus:o==="company_details"}),u=!1),ht.lastIndex=0,t&&ye(t)===!1&&(s.trigger(`${B}.companyPhone`,{shouldFocus:o==="company_details"}),u=!1),(!i||St.test(i)===!1)&&(s.trigger(`${B}.primaryContactEmail`,{shouldFocus:o==="company_details"}),u=!1),a&&un.test(a)===!1&&(s.trigger(`${B}.companyTaxId`,{shouldFocus:o==="company_details"}),u=!1),u},ut=()=>{const e=E[T];return{email:e?.email??p.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?j(e?.addressStatus?.addressToCreate):void 0,documentTypeForVerification:e?.documentTypeSelectedForVerification}},Xt=()=>{const e=d?.primaryContactLocalData;h.trackBusinessVerificationSave(ut(),{companyDescription:d?.companyDescription,legalName:d?.companyLegalName,phone:d?.phone,website:d?.website?.toString(),industry:d?.companyIndustry??p.strings.empty,formattedAddress:d?.addressStatus?.addressToCreate!=null?j(d?.addressStatus?.addressToCreate):void 0},{firstName:e?.firstName,lastName:e?.lastName,email:e?.email},"onboarding")},[Me,Jt]=m.useState(!1);return l.jsxs(_n,{children:[l.jsxs(An,{windowSize:R,children:[S.indexOf(o)>=0?l.jsx(on,{title:it.sectionTitle,showBackButton:!1,backgroundColor:At.colors.grey4,style:{zIndex:4},showLeftSection:R!=="small",titleStyle:{display:"flex",alignItems:"center"},navBarContainerStyles:{paddingTop:re.sp0,paddingBottom:re.sp0},source:"CustomerOnboardingDetailPage"}):l.jsx(Dn,{windowSize:R,children:l.jsx($n,{windowSize:R,children:l.jsx(Tn,{})})}),l.jsx(sn,{...s,children:l.jsx(En,{id:kn(Pt),children:S.map(e=>{let t;t=l.jsx(Ct,{connectedAccountProvider:O,paymentAccount:K,accountStatus:et,plaidConnectionDetails:Le,sectionId:J,hasError:s.getFieldState(J).error!=null||ce&&!ue(),isValid:ue(),analytics:h,onFetchLinkTokenClick:Oe,onEstablishConnectionClick:pe,onUpdatePaymentAccountStatus:de,onUpdatePaymentAccountLoginStatus:ae,onEstablishConnectionSuccess:oe,cardPaymentView:w,resetCardPaymentViewState:ee,updateCardPaymentModalState:$,cardSetupInProgress:Me,subscriptionBillingAddressSectionId:f});let a=Ve;switch(e){case"link_payment_account":t=l.jsx(Ct,{connectedAccountProvider:O,paymentAccount:K,accountStatus:et,plaidConnectionDetails:Le,subscriptionBillingAddressSectionId:f,sectionId:J,hasError:s.getFieldState(J).error!=null||ce&&!ue(),isValid:ue(),analytics:h,onFetchLinkTokenClick:Oe,onEstablishConnectionClick:pe,onUpdatePaymentAccountStatus:de,onUpdatePaymentAccountLoginStatus:ae,onEstablishConnectionSuccess:oe,updateCardPaymentModalState:$,cardPaymentView:w,resetCardPaymentViewState:ee,cardSetupInProgress:Me,googleAPIKey:V,subscriptionBillingAddress:G});break;case"qbo_connection":t=l.jsx(xn,{sectionId:ge,hasError:s.getFieldState(ge).error!=null,isAdmin:r,isValid:Ee?.accounting[0]?.isValid??!1,companyName:se?.company.company.companyInfo.companyLegalName,saveConnectionState:Ee?.saveConnectionState,isQBOPopupOpen:je.isQBOPopupOpen,handleOnConnectClick:Nt,updateQBOPopupState:Vt}),a=_e;break;case"company_officer":t=l.jsx(Cn,{companyOfficerLocalData:E,allNationalityCountries:Be,isCompleted:Je.includes("company_officer"),companyView:se,sectionId:b,filesEndPoint:n.filesEndPoint,authParams:n.authParams,isRefreshingViewInBackground:C,companyTitles:v,isVerificationPopupOpen:F,setIsVerificationPopupOpen:be,onGetOtp:Xe,onVerifyOtp:kt,onResendOtp:vt,onOfficerAddressClick:i=>ne(i,Re?.addressId),updateFilesEntity:Ze,onEditFileName:Ge,onDeleteFile:N,verifiedPhoneNumber:we.current,onPhoneVerified:$t,isDisabled:x.fetchState==="In-Progress"?"readonly":void 0,triggerError:tt}),a=Ae;break;case"company_details":t=l.jsx(In,{fileProps:{...n,onEditFileName:Ge,onDeleteFile:N,updateFilesEntity:Ze},sectionId:B,companyIndustries:g.companyIndustries,companyDetails:d,isDisabled:x.fetchState==="In-Progress"?"readonly":void 0,isCompleted:Je.includes("company_details"),onCompanyAddressClick:i=>{const u=se?.company.company.companyOnboardingInfo.subscriptionBillingAddressId;xe?.addressId==null&&u!=null?ne(i,u):ne(i,xe?.addressId)},onRegisteredAddressClick:i=>ne(i,ze?.addressId)}),a=W;break}return l.jsxs(Fn,{ref:a,isVisible:o===e,includeAnimation:o==="link_payment_account"||o==="qbo_connection"?!je.isQBOPopupOpen:o==="company_officer"?!F:!0,paddingBottom:e==="company_details"||e==="company_officer"?Q[6]:Q[0],stepAnimationDirection:U,children:[S.indexOf(o)>=0?l.jsx(Ln,{windowSize:R,children:it.sectionSubTitle}):null,t]},e)})})}),l.jsx(rn,{formId:`${Pt}`,style:{width:R==="small"?"auto":"100%",paddingTop:re.sp2,paddingBottom:re.sp2},primaryBtn:{onClick:Yt,label:o==="company_details"?p.footer.submit:st.next,isLoading:x.fetchState==="In-Progress",isDisabled:x.fetchState==="In-Progress"},cancelBtn:{onClick:Qt,label:st.back,isDisabled:x.fetchState==="In-Progress"||S.indexOf(o)===0},containerStyle:{width:"auto",justifyContent:"center"},showCancel:!0})]}),l.jsx(fn,{handleConfirmCardSetupIntent:_,updateCardPaymentModalState:$,handleCreateCardSetupIntent:c,handleAddCardPaymentSource:I,cardPaymentView:w,stripeKey:y,isCardPaymentOpen:je.isCardPaymentPopupOpen,handleResetCardPaymentErrorStatuses:ve,cardSetupInProgress:Me,setCardSetupInProgress:Jt})]})},Nn=wt`
-  from {
-    transform: translateY(100%);
-    opacity: 0;
-  }
-  to {
-    transform: translateY(0);
-    opacity: 1;
-  }
-`,Vn=wt`
-  from {
-    transform: translateY(-100%);
-    opacity: 0;
-  }
-  to {
-    transform: translateY(0);
-    opacity: 1;
-  }
-`,_n=P.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  min-width: calc(100% - ${It}px);
-  padding-left: ${It}px;
-  flex: 1;
-
-  ${n=>n.theme.breakpoints.down("md")} {
-    width: 100%;
-    padding-left: ${re.sp0};
-  }
-`,An=P.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  flex: 1;
-  width: 100%;
-  min-height: 100vh;
-  background-image: ${n=>`url(https://storage.googleapis.com/zeni-apis.appspot.com/images/signin-background-${n.windowSize==="small"?"m":"w"}-${n.theme.mode==="dark"?"d":"l"}.svg)`};
-  background-color: ${n=>n.theme.colors.grey4};
-  background-size: inherit;
-  background-attachment: fixed;
-  background-position: ${n=>n.windowSize==="small"?"center center":"right center"};
-  background-repeat: no-repeat;
-
-  ${n=>n.theme.breakpoints.down("lg")} {
-    background-size: cover;
-  }
-`,Dn=P.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  text-align: center;
-  width: ${n=>`calc(100% - ${he.topNavBarLeftRightSpace.valuePx(n.windowSize)})`};
-`,Tn=P.div``,$n=P.div`
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  width: 100%;
-  min-height: ${n=>he.topNavBarHeight.valuePx(n.windowSize)};
-`,Fn=P.div`
-  min-height: 100%;
-  display: ${n=>n.isVisible?"flex":"none"};
-  flex-direction: column;
-  padding-bottom: ${n=>n.paddingBottom+"px"};
-  animation-name: ${n=>n.stepAnimationDirection==="next"?Nn:Vn};
-  ${n=>n.includeAnimation?`
-          animation-duration: 0.6s; 
-          animation-delay: 0s;  
-          animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
-          animation-fill-mode: both;
-        `:null}
-`,En=P.form`
-  padding-top: ${re.sp0};
-  flex: 1;
-`,Ln=P(pn)`
-  color: ${n=>n.theme.colors.hero};
-  display: flex;
-  justify-content: center;
-  width: ${n=>he.titleWidth.valuePx(n.windowSize)};
-  padding-top: ${n=>he.subTitlePaddingTop.valuePx(n.windowSize)};
-  padding-bottom: ${n=>he.subTitlePaddingBottom.valuePx(n.windowSize)};
-  text-align: ${n=>n.windowSize==="small"?"initial":"center"};
-  width: 100%;
-  white-space: pre-line;
-`,Qe=(n,C)=>{const{companyDetailsLocalData:r,companyOfficerLocalData:g,companyView:v}=n,O=le.commonSetUp.businessVerification,h=le.companyPassport,w=v?.companyOfficers!=null&&v?.companyOfficers.length>0;return{[B]:{companyDescription:r?.companyDescription??le.common.strings.empty,ein:r?.companyFiles.find(y=>y.documentType==="tax_ein"),companyId:r?.companyId,syncToken:r?.syncToken,companyLegalName:r?.companyLegalName,companyWebsite:r?.website?.toString()??le.common.strings.empty,companyAddress:r?.addressStatus?.addressToCreate,registeredAddress:r?.registeredAddressStatus?.addressToCreate,companyIndustry:{selectedOption:r?.companyIndustry,allOptions:n.companyIndustries.map(y=>y.code)},companyPhone:r?.phone,companyTaxId:r?.taxIdOrEIN,primaryContactName:{firstName:r?.primaryContactLocalData?.firstName,lastName:r?.primaryContactLocalData?.lastName},primaryContactEmail:r?.primaryContactLocalData?.email,primaryContactUserId:r?.primaryContactLocalData?.userId,primaryContactSyncToken:r?.primaryContactLocalData?.syncToken,fileIds:r?.companyFiles.map(y=>y.fileId)??[],certificateOfIncorporation:r?.companyFiles.find(y=>y.documentType==="certificate_of_incorporation"),incDate:r?.incDate?.toDate(),typeOfIncorporation:{selectedOption:r?.typeOfIncorporation,allOptions:h.companyIncInfo.allTypesOfIncorporation}},[b]:Object.values(g).map((y,V)=>{const c=y,_=cn(c?.documentTypeSelectedForVerification);return{userId:c?.userId,officerType:c?.officerType??`Officer_${V+1}`,name:{firstName:c?.firstName,lastName:c?.lastName},email:c?.email,fileIds:c?.fileIds??[],dob:c?.birthday?.toDate(),nationalityCountryCode:Ot(c?.nationalityCountryCode,C.map($=>$.countryCode)),ssn:c?.ssn,role:{selectedOption:c?.titleAtCompany,allOptions:O.allTypesOfRoles},phone:c?.phone,ownership:c?.ownershipInCompany,officerAddress:c?.addressStatus?.addressToCreate,selectDocument:{front:yt(!0,c?.userFiles??[],_),back:yt(!1,c?.userFiles??[],_),selectDocumentType:_},isSelectedForVerification:!w&&V===0?!0:c?.isSelectedForVerification??!1,userVerificationStatus:c?.userVerificationStatus,syncToken:c?.syncToken,isPhoneVerified:c?.isPhoneVerified,otpChallenge:c?.otpChallenge}}),[J]:{account:{allOptions:[],selectedOption:void 0}},[f]:ln(f,n?.subscriptionBillingAddress)[f],[ge]:{connected:n.externalConnections?.accounting[0]?.isValid??!1}}},ia=n=>{const{onboardingCustomerView:C,cardPaymentView:r,signedInUser:g,currentTenant:v,isOnAddressPage:O,stripeKey:h,googleAPIKey:w,onUpdateStep:y,onZeniLogoClick:V,handleLogOutClick:c,handleCockpitClick:_,meetingUrl:$,analytics:I,handleCreateCardSetupIntent:ee,handleConfirmCardSetupIntent:ve,handleFetchPaymentSources:Se,updateCardPaymentModalState:D,resetCardPaymentViewState:Ne,handleResetCardPaymentErrorStatuses:R,redirectToProductSuitePage:Ve,..._e}=n,{allSteps:W,completedSteps:Ae,halfCompletedSteps:Ce,currentStep:z,fetchStatus:U}=C,q=m.useRef(z),F=m.useRef(W),[be,ce]=m.useState(!1),[Ie,te]=m.useState([]),Y={allSteps:W,isOnAddressPage:O,completedSteps:Ae,halfCompletedSteps:Ce,errorSteps:Ie,currentStep:z,fetchStatus:U,signedInUser:g,currentTenant:v,onUpdateStep:A=>{y(A)},onZeniLogoClick:V,handleLogOutClick:c,handleCockpitClick:_,setIsStepClicked:ce};m.useEffect(()=>{if(q.current!==z){const A=q.current;be===!0&&(I?.trackOnboardingCurrentStep(z,A),ce(!1)),q.current=z}},[z,be,I]),m.useEffect(()=>{W.length!==F.current.length&&(F.current=W)},[W]);const ne=(A,Oe,de)=>{const ae=F.current.length,pe=F.current.indexOf(A);switch(Oe){case"next":{const oe=(pe+1)%ae,N=F.current[oe];q.current=N,y(N),de===!0?I.trackOnboardingNext(A,N):I.trackOnboardingCurrentStep(N,A);break}case"previous":{const oe=(pe+ae-1)%ae,N=F.current[oe];q.current=N,y(N),de===!0?I.trackOnboardingBack(A,N):I.trackOnboardingCurrentStep(N,A);break}}},Pe=U.fetchState==="In-Progress"||U.fetchState==="Not-Started";return l.jsx(jn,{isOnAddressPage:O,children:O?l.jsx(bt,{...Y}):l.jsxs(Bn,{children:[l.jsx(bt,{...Y}),Pe?l.jsx(yn,{isNoStepsPage:!1}):l.jsx(vn,{onboardingCustomerView:C,analytics:I,updateStepHandler:ne,onUpdateStep:y,handleCreateCardSetupIntent:ee,handleConfirmCardSetupIntent:ve,updateCardPaymentModalState:D,handleFetchPaymentSources:Se,cardPaymentView:r,resetCardPaymentViewState:Ne,stripeKey:h,googleAPIKey:w,handleResetCardPaymentErrorStatuses:R,redirectToProductSuitePage:Ve,onFormErrorsChange:te,..._e}),Pe?null:l.jsx(tn,{isFooterRendered:!0,meetingUrl:$,analytics:I,productType:"onboarding"})]})})},jn=P.div`
-  display: flex;
-  flex-direction: column;
-  width: ${n=>n.isOnAddressPage?"fit-content":"100%"};
-  height: 100vh;
-`,Bn=P.div`
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  height: 100vh;
-`;export{ia as default};