@zeniai/web-cockpit-ui 1.14.75-dev → 1.14.76-dev

package/dist/assets/{CreditCardPaymentDrawerPage-C1QUtunc-B_csVrG-.js → CreditCardPaymentDrawerPage-DOgKpleO-DLW-KVW8.js}

@@ -1,4 +1,4 @@
-import{j as a,q as me,a9 as pe,aM as te,hD as Ge,F as W,aN as Te,n as He,L as et,aQ as Pe,o as t,y as d,_ as je,c as tt,ah as at,d as ze,c6 as nt,fu as Ee,B as Y,p as X,gC as Ce,b as ot,l as T,ar as Be,a as it,aP as be,aa as rt,fL as lt,cT as ct,ad as st,dn as dt,fZ as mt,cY as pt,hR as xe,hS as ut,gp as ht,u as r,ch as gt,cf as Me,fC as yt,cx as ft,am as Oe,hE as Ct,fS as bt,aT as xt,hT as St,de as wt,hG as Dt,g3 as $t}from"./index-CUpJHznP.js";import{n as o,b as p}from"./vendor-Bs1fkIUX.js";import{x as kt}from"./LabeledControlledCheckBoxField-DNmJFVpZ-DjMQjBxM.js";import"./mui-Ty75qFQF.js";import"./analytics-BbBRZ6cw.js";import"./routing-Dk1A2KYI.js";import"./sentry-BE5FTzpq.js";import"./redux-CEhZD0hA.js";import"./liveblocks-8ht9CoL5.js";import"./crypto-CK1x27Ua.js";const ae={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:At}},common:{edit:Lt,labels:Se,currency:we,navBar:{back:vt}},spendManagement:{zeniAccounts:{zeniAccountList:{transferDrawer:It}},chargeCard:{payEarly:ee}}}=W.getLocalizedStrings(),Ft=({paymentDetails:e,isCashbackInfoFetchStateCompleted:i,isCreditCardInfoFetchStateCompleted:h,isDebitCardInfoFetchStateCompleted:n,controllerEmails:g,productInformation:c,cashbackInformation:f,paymentSourceInformation:L,creditAccountInformation:y,debitAccountInformation:b,setShowReviewContent:x,onTransferClick:C,isCompleteOutstandingBalanceBeingPaid:D})=>{const m=me(),P=ze(),j=pe().analytics,[B,v]=p.useState(!1);p.useEffect(()=>{e.error!=null?v(!0):v(!1)},[e.error]);const k=ae.largeLabelWidth.value(m);return a.jsxs(a.Fragment,{children:[a.jsxs(_t,{windowSize:m,children:[a.jsx(qt,{windowSize:m,children:a.jsx(nt,{title:vt,enterTouchDelay:600,placement:"bottom",children:a.jsx(Zt,{"data-testid":te("nav-bar-back-credit-card-payment-review"),onClick:()=>{i&&h&&n&&j.trackCardsPayEarlyFormClick(g,c,f,"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,y,b),x(!1)}})})}),a.jsx(Jt,{windowSize:m,children:It.reviewAndConfirm}),a.jsx(Tt,{children:a.jsx(Ee,{amount:e.chargeCardRepaymentDetailLocalData.amount,integerStyles:de.integerAmountInput.styleObject(m),decimalStyles:de.decimalAmountInput.styleObject(m)})}),B?a.jsx(Ot,{children:a.jsxs(zt,{children:[a.jsxs(Nt,{children:[a.jsx(Vt,{}),a.jsxs(Et,{children:[a.jsx(Bt,{children:e.error?.title}),a.jsx(Mt,{children:e.error?.message})]})]}),a.jsx(Ut,{children:a.jsx(Yt,{"data-testid":te("close-error-credit-card-payment-review"),onClick:()=>{v(!1)},style:{width:t.sp3,height:t.sp3,color:X.heroLight}})})]})}):null,a.jsx(Xt,{windowSize:m,children:a.jsxs(jt,{children:[a.jsx(Ce,{label:{label:Se.transferFrom,width:k},text:a.jsxs(De,{windowSize:m,children:[_e(e.transferFromAccounts,e.chargeCardRepaymentDetailLocalData.transferFrom?.id??"",!0),a.jsx(Pt,{windowSize:m,children:e.chargeCardRepaymentDetailLocalData.transferFrom?.label})]}),style:{width:"auto"}}),a.jsx(Wt,{}),a.jsx(Ce,{label:{label:Se.amount,width:k},showAdditionalInfoLabel:!0,additionalInfoLabel:`${D?ee.creditLimitReset:ee.creditLimitUpdate} ${T.zeniDate(T.getNextNthWorkingDay(T.dateNow().toDate(),[0,6],3).toDateString()).format(At)} ${ee.business23Days}`,additionalInfoLabelStyles:{color:P.colors.hero,...ot.smallRegular.cssObject},text:a.jsx(De,{windowSize:m,children:Te("0,0.[00]",{amount:e.chargeCardRepaymentDetailLocalData.amount.amount,currencyCode:we.currencyCode,currencySymbol:we.currencySymbol})}),style:{width:"auto"}})]})})]}),a.jsx(Pe,{style:{zIndex:4,paddingTop:t.sp3,paddingBottom:t.sp0},helperText:ee.byClickingPayNowIAuthorizeZeniToInitiateThePayment,helperStyle:{padding:`${t.sp0} ${t.sp0} ${t.sp3} ${t.sp0}`},cancelBtn:{label:Lt,onClick:()=>{i&&h&&n&&j.trackCardsPayEarlyFormClick(g,c,f,"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,y,b),x(!1)},style:{minWidth:94}},primaryBtn:{label:ee.payNow,onClick:C,isLoading:e.updateStatus==="In-Progress",style:{minWidth:94}}})]})},_e=(e,i,h)=>{if(i==="")return a.jsx(ta,{});const n=e.find(c=>c.id===i),g=e.findIndex(c=>c.id===i);if(n!=null){if(n.accType==="depositAccount")return a.jsx(Ht,{isOptionSelected:h,children:a.jsx(ea,{color:Ct(g)})});if(n.accType==="paymentAccount")return n.logo!==void 0&&(n.logo.base64||n.logo.url)?a.jsx(Kt,{src:Rt(n.logo),isOptionSelected:h,loading:"lazy"}):a.jsx(Qt,{isOptionSelected:h,children:a.jsx(Gt,{})})}return null},Rt=e=>e.base64!==void 0?`${bt}${e.base64.toString()}`:e.url!==void 0?e.url.toString():"",Tt=o(Me)`
+import{j as a,q as me,a9 as pe,aM as te,hD as Ge,F as Y,aN as Re,n as He,k as et,aQ as Pe,o as t,y as d,L as je,c as tt,ah as at,d as ze,c6 as nt,fu as Ee,B as W,p as X,gC as Ce,b as ot,l as R,ar as Be,a as it,aP as be,aa as rt,fL as lt,cT as ct,ad as st,dn as dt,fZ as mt,cY as pt,hR as xe,hS as ut,gp as ht,u as r,ch as gt,cf as Me,fC as yt,cx as ft,am as Oe,hE as Ct,fS as bt,aT as xt,hT as St,de as wt,hG as Dt,g3 as $t}from"./index-CN7UAWAg.js";import{n as o,b as p}from"./vendor-Bs1fkIUX.js";import{x as kt}from"./LabeledControlledCheckBoxField-afEn8tHL-DxqXt4PA.js";import"./mui-Ty75qFQF.js";import"./analytics-BbBRZ6cw.js";import"./routing-Dk1A2KYI.js";import"./sentry-BE5FTzpq.js";import"./redux-CEhZD0hA.js";import"./liveblocks-8ht9CoL5.js";import"./crypto-CK1x27Ua.js";const ae={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 W("h6Regular","h5Regular"),integerAmountInput:new W("h5Regular","h2Regular"),decimalAmountInput:new W("largeSemiBold","h5Medium")},{dateFormat:{visual:{MMMDCommaYYYYformat:At}},common:{edit:Lt,labels:Se,currency:we,navBar:{back:vt}},spendManagement:{zeniAccounts:{zeniAccountList:{transferDrawer:It}},chargeCard:{payEarly:ee}}}=Y.getLocalizedStrings(),Ft=({paymentDetails:e,isCashbackInfoFetchStateCompleted:i,isCreditCardInfoFetchStateCompleted:h,isDebitCardInfoFetchStateCompleted:n,controllerEmails:g,productInformation:c,cashbackInformation:f,paymentSourceInformation:L,creditAccountInformation:y,debitAccountInformation:b,setShowReviewContent:x,onTransferClick:C,isCompleteOutstandingBalanceBeingPaid:D})=>{const m=me(),P=ze(),j=pe().analytics,[B,v]=p.useState(!1);p.useEffect(()=>{e.error!=null?v(!0):v(!1)},[e.error]);const k=ae.largeLabelWidth.value(m);return a.jsxs(a.Fragment,{children:[a.jsxs(_t,{windowSize:m,children:[a.jsx(qt,{windowSize:m,children:a.jsx(nt,{title:vt,enterTouchDelay:600,placement:"bottom",children:a.jsx(Zt,{"data-testid":te("nav-bar-back-credit-card-payment-review"),onClick:()=>{i&&h&&n&&j.trackCardsPayEarlyFormClick(g,c,f,"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,y,b),x(!1)}})})}),a.jsx(Jt,{windowSize:m,children:It.reviewAndConfirm}),a.jsx(Rt,{children:a.jsx(Ee,{amount:e.chargeCardRepaymentDetailLocalData.amount,integerStyles:de.integerAmountInput.styleObject(m),decimalStyles:de.decimalAmountInput.styleObject(m)})}),B?a.jsx(Ot,{children:a.jsxs(zt,{children:[a.jsxs(Nt,{children:[a.jsx(Vt,{}),a.jsxs(Et,{children:[a.jsx(Bt,{children:e.error?.title}),a.jsx(Mt,{children:e.error?.message})]})]}),a.jsx(Ut,{children:a.jsx(Wt,{"data-testid":te("close-error-credit-card-payment-review"),onClick:()=>{v(!1)},style:{width:t.sp3,height:t.sp3,color:X.heroLight}})})]})}):null,a.jsx(Xt,{windowSize:m,children:a.jsxs(jt,{children:[a.jsx(Ce,{label:{label:Se.transferFrom,width:k},text:a.jsxs(De,{windowSize:m,children:[_e(e.transferFromAccounts,e.chargeCardRepaymentDetailLocalData.transferFrom?.id??"",!0),a.jsx(Pt,{windowSize:m,children:e.chargeCardRepaymentDetailLocalData.transferFrom?.label})]}),style:{width:"auto"}}),a.jsx(Yt,{}),a.jsx(Ce,{label:{label:Se.amount,width:k},showAdditionalInfoLabel:!0,additionalInfoLabel:`${D?ee.creditLimitReset:ee.creditLimitUpdate} ${R.zeniDate(R.getNextNthWorkingDay(R.dateNow().toDate(),[0,6],3).toDateString()).format(At)} ${ee.business23Days}`,additionalInfoLabelStyles:{color:P.colors.hero,...ot.smallRegular.cssObject},text:a.jsx(De,{windowSize:m,children:Re("0,0.[00]",{amount:e.chargeCardRepaymentDetailLocalData.amount.amount,currencyCode:we.currencyCode,currencySymbol:we.currencySymbol})}),style:{width:"auto"}})]})})]}),a.jsx(Pe,{style:{zIndex:4,paddingTop:t.sp3,paddingBottom:t.sp0},helperText:ee.byClickingPayNowIAuthorizeZeniToInitiateThePayment,helperStyle:{padding:`${t.sp0} ${t.sp0} ${t.sp3} ${t.sp0}`},cancelBtn:{label:Lt,onClick:()=>{i&&h&&n&&j.trackCardsPayEarlyFormClick(g,c,f,"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,y,b),x(!1)},style:{minWidth:94}},primaryBtn:{label:ee.payNow,onClick:C,isLoading:e.updateStatus==="In-Progress",style:{minWidth:94}}})]})},_e=(e,i,h)=>{if(i==="")return a.jsx(ta,{});const n=e.find(c=>c.id===i),g=e.findIndex(c=>c.id===i);if(n!=null){if(n.accType==="depositAccount")return a.jsx(Ht,{isOptionSelected:h,children:a.jsx(ea,{color:Ct(g)})});if(n.accType==="paymentAccount")return n.logo!==void 0&&(n.logo.base64||n.logo.url)?a.jsx(Kt,{src:Tt(n.logo),isOptionSelected:h,loading:"lazy"}):a.jsx(Qt,{isOptionSelected:h,children:a.jsx(Gt,{})})}return null},Tt=e=>e.base64!==void 0?`${bt}${e.base64.toString()}`:e.url!==void 0?e.url.toString():"",Rt=o(Me)`
   color: ${e=>e.theme.colors.primary};
   padding-top: ${t.sp3};
 `,Pt=o.div`
@@ -51,7 +51,7 @@ import{j as a,q as me,a9 as pe,aM as te,hD as Ge,F as W,aN as Te,n as He,L as et
   width: ${t.sp4};
   height: ${t.sp4};
   color: ${X.important};
-`,Yt=o(je)`
+`,Wt=o(je)`
   cursor: pointer;
   color: ${e=>e.theme.colors.hero};
   width: ${t.sp4};
@@ -60,7 +60,7 @@ import{j as a,q as me,a9 as pe,aM as te,hD as Ge,F as W,aN as Te,n as He,L as et
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,Wt=o.div`
+`,Yt=o.div`
   display: flex;
   flex: 1;
   background-color: ${e=>e.theme.colors.grey3};
@@ -126,7 +126,7 @@ import{j as a,q as me,a9 as pe,aM as te,hD as Ge,F as W,aN as Te,n as He,L as et
   margin-right: 12px;
   margin-left: ${t.sp1};
   color: ${e=>e.theme.colors.hero};
-`,{common:se,spendManagement:{zeniAccounts:{zeniAccountList:aa},billPay:{insufficientFunds:na},chargeCard:{payEarly:U}},commonSetUp:{setUp:{accountsPlg:ie}}}=W.getLocalizedStrings(),Ne="amount",oa="withdrawFrom",M="paymentDetails",Ue="creditCardPaymentPage",re=(e,i)=>`${e}.${i}`,Ve=e=>`${e}_form`,S={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])},$e={integerAmountInput:new Y("h5Regular","h2Regular"),decimalAmountInput:new Y("largeSemiBold","h5Medium")};function ia({autoPayThreshold:e,plaidConnectionDetails:i,maxInsuredAmount:h,paymentDetails:n,lowBalanceAdditionalInfo:g,paymentAccount:c,isAccountsEnabled:f,onSaveChangesToLocalStore:L,onUpdatePaymentAccountStatus:y,onEstablishConnectionClick:b,onEstablishConnectionSuccess:x,onFetchLinkTokenClick:C,setShowReviewLoading:D,onSignUpAccountClick:m,onMoveMoneyClick:P,isCashbackInfoFetchStateCompleted:j,isCreditCardInfoFetchStateCompleted:B,isDebitCardInfoFetchStateCompleted:v,controllerEmails:k,productInformation:Z,cashbackInformation:q,paymentSourceInformation:J,creditAccountInformation:K,debitAccountInformation:Q}){const s=me(),le=ze(),w=S.largeLabelWidth.value(s),G=pe().analytics,H=p.useRef(null),[z,E]=p.useState(!1),[I,O]=p.useState(void 0),A=i.link_account,oe=i.update_account,$=I==="update_account"?oe:A,[_,ue]=p.useState($.linkToken??null),he=be(A.updateStatus.fetchState),N=rt({mode:"all",reValidateMode:"onBlur",defaultValues:p.useMemo(()=>ke(n),[n]),values:p.useMemo(()=>ke(n),[n])}),ge=c?.isLoginRequired??!1,F=c?.providerVerificationStatus?.code,ye=be(oe.updateStatus.fetchState),Ye=p.useCallback((l,u)=>{const R=u.accounts.find(Qe=>Qe.id===c?.providerAccountId)??u.accounts[0];c?.paymentAccountId!=null&&I==="update_account"&&R?.verification_status!=null&&!ge?y(R?.verification_status,c.paymentAccountId,"update_account"):b?.(l,I),O(void 0),E(!1)},[c?.paymentAccountId,c?.providerAccountId,I,ge,y,b]),We=p.useCallback((l,u)=>{l!=null&&(l.error_code==="TOO_MANY_VERIFICATION_ATTEMPTS"&&c?.paymentAccountId!=null&&y("verification_failed",c.paymentAccountId,"update_account"),console.log("Plaid Connection Error",l,u)),O(void 0),E(!1)},[c?.paymentAccountId,y]),{open:ce,ready:fe}=lt({token:_,onSuccess:Ye,onExit:We});p.useEffect(()=>{(he==="In-Progress"&&A.updateStatus.fetchState==="Completed"||ye==="In-Progress"&&oe.updateStatus.fetchState==="Completed")&&(T.isVerifiedPaymentAccountProviderStatusCode(F??"")||(C?.("link_account"),x()))},[A.updateStatus.fetchState,x,C,he,ye,oe.updateStatus.fetchState,F]),p.useEffect(()=>{(T.isVerifiedStatusCode(F??"")||F==="verification_failed")&&!z&&I!=null&&$.linkToken===_&&$.fetchStatus.fetchState==="Completed"&&fe&&E(!0)},[fe,_,$.fetchStatus.fetchState,$.linkToken,F,I,z]),p.useEffect(()=>{$.fetchStatus.fetchState==="Completed"&&$.linkToken!=null&&$.linkToken!==_&&ue($.linkToken)},[$.fetchStatus.fetchState,$.linkToken,_]),p.useEffect(()=>{z&&ce()},[z,ce]),p.useEffect(()=>{(F==null||F==="verification_failed"||F==="verification_expired"||T.isVerifiedStatusCode(F))&&(T.zeniDate(new Date().toISOString()).isAfter(A.expiration)||A.linkToken==null)&&C?.("link_account")},[]);const{isValid:Xe}=N.formState,Ze=async(l,u)=>{if(l!=null){if(l.includes("amount"))return;const R=Ae(u,n.transferFromAccounts,n.chargeCardRepaymentDetailLocalData.idempotencyKey);L(R)}},qe=l=>{if(g!=null)return g;const u=n.transferFromAccounts.find(R=>R.id===l);return u?.accountBalance?.available!=null&&T.checkIfLowBalance(n.chargeCardRepaymentDetailLocalData.amount,u?.accountBalance?.available)?na.addMoney:""};p.useEffect(()=>{const l=N.watch((u,{name:R})=>{R!=null&&u!=null&&ct(()=>Ze(R,u))});return()=>{l.unsubscribe()}});const Je=N.watch("paymentDetails.amount"),Ke=N.handleSubmit(()=>{if(Xe){const l=N.getValues(),u=Ae(l,n.transferFromAccounts,n.chargeCardRepaymentDetailLocalData.idempotencyKey);L(u),D(!0),j&&B&&v&&G.trackCardsPayEarlyFormClick(k,Z,q,"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},J,K,Q)}});return a.jsxs(a.Fragment,{children:[a.jsx(da,{children:a.jsx(Ee,{amount:{amount:Je??0,currencyCode:n.chargeCardRepaymentDetailLocalData.amount.currencyCode,currencySymbol:n.chargeCardRepaymentDetailLocalData.amount.currencySymbol},integerStyles:$e.integerAmountInput.styleObject(s),decimalStyles:$e.decimalAmountInput.styleObject(s)})}),a.jsx(st,{...N,children:a.jsx(sa,{id:Ve(Ue),onSubmit:Ke,children:a.jsxs(ma,{children:[a.jsx(dt,{selectRef:H,label:{label:se.labels.transferFrom,width:w,style:{marginLeft:S.labelMarginLeftPicker.valuePx(s),marginTop:S.labelMarginTopPicker.valuePx(s),marginRight:S.labelMarginRightPicker.valuePx(s),width:S.largeLabelWidth.value(s)}},style:{paddingTop:S.labeledFieldPaddingTop.valuePx(s),paddingBottom:S.labeledFieldPaddingBottom.valuePx(s),paddingLeft:S.labeledFieldPaddingLeft.valuePx(s),paddingRight:S.labeledFieldPaddingRight.valuePx(s),border:"none",width:"auto",display:"flex"},infoLabelStyle:{textAlign:"right",paddingRight:S.infoLabelPaddingRight.valuePx(s),marginTop:S.infoLabelMarginTop.valuePx(s),color:X.brandColorGoldDark},bottomComponent:a.jsx(kt,{label:{label:U.enableAutoPay.replace("__autoPayThreshold__",e.toString()),style:{textAlign:s==="small"?"end":"center",color:le.colors.primary}},style:{width:"unset",marginRight:t.sp3,alignItems:s==="small"?"flex-start":"center"},checkBoxField:{name:re(M,"enableAutoPay"),checkBoxValue:re(M,"enableAutoPay"),defaultChecked:n.chargeCardRepaymentDetailLocalData.isAutoRepayment,style:{top:S.checkBoxTop.valuePx(s)}}}),singleSelectPickerField:{name:re(M,oa),placeholder:pt(se.labels.transferFrom),style:{position:"relative"},capitalizeOptions:!0,isOptionRemovable:!1,showTickIcon:!1,valueToLogo:(l,u)=>_e(n.transferFromAccounts,l,u),valueToSubLabels:(l,u)=>mt(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||T.zeniDate(new Date().toISOString()).isAfter(A.expiration)?C?.("link_account"):_!==A.linkToken?ue(A.linkToken):z?ce():E(!0)}},valueToAdditionalLabel:qe}),n?.chargeCardRepaymentDetailLocalData.transferFrom==null||n?.chargeCardRepaymentDetailLocalData.transferFrom?.accType==="paymentAccount"?a.jsx(xe,{maxInsuredAmount:h,heading:a.jsxs(ra,{windowSize:s,children:[U.earn,a.jsx(la,{children:U.percentageCashback.replace("__percentage__",ut)}),U.whenYouPayViaZeniChecking]}),buttonText:f?ie.switchButtonText:ie.signUpButtonText,isAccountsEnabled:f,pageName:U.creditCardPayment,onSignUpClick:m,onSwitchClick:()=>{H.current!=null&&H.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:ie.moveMoneyHeading,buttonText:ie.moveMoneyButtonText,isAccountsEnabled:f,pageName:U.creditCardPayment,onMoveMoneyClick:P}):a.jsx(ca,{}),a.jsx(ht,{showAdditionalInfoLabel:!1,label:{label:se.labels.amount,width:w},formattedTextField:{type:"number",name:re(M,Ne),defaultValue:n.chargeCardRepaymentDetailLocalData.amount.amount===0?void 0:n.chargeCardRepaymentDetailLocalData.amount.amount,placeholder:aa.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:S.labeledFieldPaddingLeft.valuePx(s)}})]})})})]})}const ra=o(xt)`
+`,{common:se,spendManagement:{zeniAccounts:{zeniAccountList:aa},billPay:{insufficientFunds:na},chargeCard:{payEarly:U}},commonSetUp:{setUp:{accountsPlg:ie}}}=Y.getLocalizedStrings(),Ne="amount",oa="withdrawFrom",M="paymentDetails",Ue="creditCardPaymentPage",re=(e,i)=>`${e}.${i}`,Ve=e=>`${e}_form`,S={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])},$e={integerAmountInput:new W("h5Regular","h2Regular"),decimalAmountInput:new W("largeSemiBold","h5Medium")};function ia({autoPayThreshold:e,plaidConnectionDetails:i,maxInsuredAmount:h,paymentDetails:n,lowBalanceAdditionalInfo:g,paymentAccount:c,isAccountsEnabled:f,onSaveChangesToLocalStore:L,onUpdatePaymentAccountStatus:y,onEstablishConnectionClick:b,onEstablishConnectionSuccess:x,onFetchLinkTokenClick:C,setShowReviewLoading:D,onSignUpAccountClick:m,onMoveMoneyClick:P,isCashbackInfoFetchStateCompleted:j,isCreditCardInfoFetchStateCompleted:B,isDebitCardInfoFetchStateCompleted:v,controllerEmails:k,productInformation:Z,cashbackInformation:q,paymentSourceInformation:J,creditAccountInformation:K,debitAccountInformation:Q}){const s=me(),le=ze(),w=S.largeLabelWidth.value(s),G=pe().analytics,H=p.useRef(null),[z,E]=p.useState(!1),[I,O]=p.useState(void 0),A=i.link_account,oe=i.update_account,$=I==="update_account"?oe:A,[_,ue]=p.useState($.linkToken??null),he=be(A.updateStatus.fetchState),N=rt({mode:"all",reValidateMode:"onBlur",defaultValues:p.useMemo(()=>ke(n),[n]),values:p.useMemo(()=>ke(n),[n])}),ge=c?.isLoginRequired??!1,F=c?.providerVerificationStatus?.code,ye=be(oe.updateStatus.fetchState),We=p.useCallback((l,u)=>{const T=u.accounts.find(Qe=>Qe.id===c?.providerAccountId)??u.accounts[0];c?.paymentAccountId!=null&&I==="update_account"&&T?.verification_status!=null&&!ge?y(T?.verification_status,c.paymentAccountId,"update_account"):b?.(l,I),O(void 0),E(!1)},[c?.paymentAccountId,c?.providerAccountId,I,ge,y,b]),Ye=p.useCallback((l,u)=>{l!=null&&(l.error_code==="TOO_MANY_VERIFICATION_ATTEMPTS"&&c?.paymentAccountId!=null&&y("verification_failed",c.paymentAccountId,"update_account"),console.log("Plaid Connection Error",l,u)),O(void 0),E(!1)},[c?.paymentAccountId,y]),{open:ce,ready:fe}=lt({token:_,onSuccess:We,onExit:Ye});p.useEffect(()=>{(he==="In-Progress"&&A.updateStatus.fetchState==="Completed"||ye==="In-Progress"&&oe.updateStatus.fetchState==="Completed")&&(R.isVerifiedPaymentAccountProviderStatusCode(F??"")||(C?.("link_account"),x()))},[A.updateStatus.fetchState,x,C,he,ye,oe.updateStatus.fetchState,F]),p.useEffect(()=>{(R.isVerifiedStatusCode(F??"")||F==="verification_failed")&&!z&&I!=null&&$.linkToken===_&&$.fetchStatus.fetchState==="Completed"&&fe&&E(!0)},[fe,_,$.fetchStatus.fetchState,$.linkToken,F,I,z]),p.useEffect(()=>{$.fetchStatus.fetchState==="Completed"&&$.linkToken!=null&&$.linkToken!==_&&ue($.linkToken)},[$.fetchStatus.fetchState,$.linkToken,_]),p.useEffect(()=>{z&&ce()},[z,ce]),p.useEffect(()=>{(F==null||F==="verification_failed"||F==="verification_expired"||R.isVerifiedStatusCode(F))&&(R.zeniDate(new Date().toISOString()).isAfter(A.expiration)||A.linkToken==null)&&C?.("link_account")},[]);const{isValid:Xe}=N.formState,Ze=async(l,u)=>{if(l!=null){if(l.includes("amount"))return;const T=Ae(u,n.transferFromAccounts,n.chargeCardRepaymentDetailLocalData.idempotencyKey);L(T)}},qe=l=>{if(g!=null)return g;const u=n.transferFromAccounts.find(T=>T.id===l);return u?.accountBalance?.available!=null&&R.checkIfLowBalance(n.chargeCardRepaymentDetailLocalData.amount,u?.accountBalance?.available)?na.addMoney:""};p.useEffect(()=>{const l=N.watch((u,{name:T})=>{T!=null&&u!=null&&ct(()=>Ze(T,u))});return()=>{l.unsubscribe()}});const Je=N.watch("paymentDetails.amount"),Ke=N.handleSubmit(()=>{if(Xe){const l=N.getValues(),u=Ae(l,n.transferFromAccounts,n.chargeCardRepaymentDetailLocalData.idempotencyKey);L(u),D(!0),j&&B&&v&&G.trackCardsPayEarlyFormClick(k,Z,q,"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},J,K,Q)}});return a.jsxs(a.Fragment,{children:[a.jsx(da,{children:a.jsx(Ee,{amount:{amount:Je??0,currencyCode:n.chargeCardRepaymentDetailLocalData.amount.currencyCode,currencySymbol:n.chargeCardRepaymentDetailLocalData.amount.currencySymbol},integerStyles:$e.integerAmountInput.styleObject(s),decimalStyles:$e.decimalAmountInput.styleObject(s)})}),a.jsx(st,{...N,children:a.jsx(sa,{id:Ve(Ue),onSubmit:Ke,children:a.jsxs(ma,{children:[a.jsx(dt,{selectRef:H,label:{label:se.labels.transferFrom,width:w,style:{marginLeft:S.labelMarginLeftPicker.valuePx(s),marginTop:S.labelMarginTopPicker.valuePx(s),marginRight:S.labelMarginRightPicker.valuePx(s),width:S.largeLabelWidth.value(s)}},style:{paddingTop:S.labeledFieldPaddingTop.valuePx(s),paddingBottom:S.labeledFieldPaddingBottom.valuePx(s),paddingLeft:S.labeledFieldPaddingLeft.valuePx(s),paddingRight:S.labeledFieldPaddingRight.valuePx(s),border:"none",width:"auto",display:"flex"},infoLabelStyle:{textAlign:"right",paddingRight:S.infoLabelPaddingRight.valuePx(s),marginTop:S.infoLabelMarginTop.valuePx(s),color:X.brandColorGoldDark},bottomComponent:a.jsx(kt,{label:{label:U.enableAutoPay.replace("__autoPayThreshold__",e.toString()),style:{textAlign:s==="small"?"end":"center",color:le.colors.primary}},style:{width:"unset",marginRight:t.sp3,alignItems:s==="small"?"flex-start":"center"},checkBoxField:{name:re(M,"enableAutoPay"),checkBoxValue:re(M,"enableAutoPay"),defaultChecked:n.chargeCardRepaymentDetailLocalData.isAutoRepayment,style:{top:S.checkBoxTop.valuePx(s)}}}),singleSelectPickerField:{name:re(M,oa),placeholder:pt(se.labels.transferFrom),style:{position:"relative"},capitalizeOptions:!0,isOptionRemovable:!1,showTickIcon:!1,valueToLogo:(l,u)=>_e(n.transferFromAccounts,l,u),valueToSubLabels:(l,u)=>mt(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||R.zeniDate(new Date().toISOString()).isAfter(A.expiration)?C?.("link_account"):_!==A.linkToken?ue(A.linkToken):z?ce():E(!0)}},valueToAdditionalLabel:qe}),n?.chargeCardRepaymentDetailLocalData.transferFrom==null||n?.chargeCardRepaymentDetailLocalData.transferFrom?.accType==="paymentAccount"?a.jsx(xe,{maxInsuredAmount:h,heading:a.jsxs(ra,{windowSize:s,children:[U.earn,a.jsx(la,{children:U.percentageCashback.replace("__percentage__",ut)}),U.whenYouPayViaZeniChecking]}),buttonText:f?ie.switchButtonText:ie.signUpButtonText,isAccountsEnabled:f,pageName:U.creditCardPayment,onSignUpClick:m,onSwitchClick:()=>{H.current!=null&&H.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:ie.moveMoneyHeading,buttonText:ie.moveMoneyButtonText,isAccountsEnabled:f,pageName:U.creditCardPayment,onMoveMoneyClick:P}):a.jsx(ca,{}),a.jsx(ht,{showAdditionalInfoLabel:!1,label:{label:se.labels.amount,width:w},formattedTextField:{type:"number",name:re(M,Ne),defaultValue:n.chargeCardRepaymentDetailLocalData.amount.amount===0?void 0:n.chargeCardRepaymentDetailLocalData.amount.amount,placeholder:aa.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:S.labeledFieldPaddingLeft.valuePx(s)}})]})})})]})}const ra=o(xt)`
   color: ${e=>e.theme.colors.primary};
   width: ${e=>e.windowSize==="small"?"80%":"100%"};
 `,la=o(St)`
@@ -154,7 +154,7 @@ import{j as a,q as me,a9 as pe,aM as te,hD as Ge,F as W,aN as Te,n as He,L as et
   border: 1px solid ${e=>e.theme.colors.grey3};
   box-shadow: ${e=>`${t.sp0} 2px ${t.sp1} ${e.theme.colors.dropShadowNormal}`};
   border-radius: ${t.sp2};
-`,Ae=(e,i,h)=>({amount:{amount:e[M].amount??0,currencyCode:"USD",currencySymbol:"$"},transferFrom:i.find(n=>n.id===e[M].withdrawFrom.selectedOption),isAutoRepayment:e[M].enableAutoPay,idempotencyKey:h}),ne={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])},pa={sectionTitle:new Y("h6Regular","h5Regular")},Le=W.getLocalizedStrings().spendManagement.zeniAccounts.zeniAccountList,V=W.getLocalizedStrings().spendManagement.chargeCard.payEarly,{dateFormat:ve}=W.getLocalizedStrings(),ua=({autoPayThreshold:e,paymentDetails:i,maxInsuredAmount:h,isAccountsEnabled:n,productInformation:g,controllerEmails:c,creditAccountInformation:f,creditAccountSpentAmount:L,debitAccountInformation:y,cashbackInformation:b,paymentSourceInformation:x,isCashbackInfoFetchStateCompleted:C,isCreditCardInfoFetchStateCompleted:D,isDebitCardInfoFetchStateCompleted:m,paymentInitiatedDate:P,onSaveChangesToLocalStore:j,onTransferClick:B,goToCards:v,onDismissClick:k,onEstablishConnectionClick:Z,onFetchLinkTokenClick:q,plaidConnectionDetails:J,onSignUpAccountClick:K,onMoveMoneyClick:Q,onUpdatePaymentAccountStatus:s,onEstablishConnectionSuccess:le})=>{const w=me(),G=pe().analytics,[H,z]=p.useState(!1),[E,I]=p.useState(!1);p.useEffect(()=>{E&&setTimeout(()=>{I(!1),z(!0)},1e3)},[E]);const O=i.chargeCardRepaymentDetailLocalData.amount.amount===L;return a.jsx(ha,{windowSize:w,children:i.updateStatus==="Completed"?a.jsxs(Ie,{windowSize:w,isTransferCompleted:!0,children:[a.jsx(Fe,{windowSize:w,children:a.jsx(Re,{"data-testid":te("cross-credit-card-payment-success-close-button"),onClick:()=>{C&&D&&m&&G.trackCardsPayEarlyFormClick(c,g,b,"Cross Icon",i.chargeCardRepaymentDetailLocalData.isAutoRepayment,{paymentAmount:i.chargeCardRepaymentDetailLocalData.amount.amount,paymentAccountName:i.chargeCardRepaymentDetailLocalData.transferFrom?.label,paymentAccountType:i.chargeCardRepaymentDetailLocalData.transferFrom?.accType,paymentAccountLastFourDigits:i.chargeCardRepaymentDetailLocalData.transferFrom?.accountLast4,paymentCompleteEta:void 0,paymentInitiatedDate:void 0},x,f,y),k?.()}})}),a.jsxs(Ca,{windowSize:w,children:[a.jsx(Ge,{width:150,height:150,shouldDisplay:!0,animationInLoop:1}),a.jsx(ga,{children:a.jsxs(a.Fragment,{children:[V.youvePaid,a.jsx(ya,{children:Te("0,0.[00]",i.chargeCardRepaymentDetailLocalData.amount)}),Le.transferDrawer.internal.transferSuccessMsgMidfix,`"${i.chargeCardRepaymentDetailLocalData.transferFrom?.label}".`,O?V.theCreditLimitWillResetWithin23BusinessDays:V.theCreditLimitWillUpdateWithin23BusinessDays]})}),a.jsx(fa,{windowSize:w,children:a.jsx(He,{variant:"primary",label:V.goToCards,"data-testid":te("back-to-cards-button"),onClick:v})})]})]}):H?a.jsx(Ft,{paymentDetails:i,setShowReviewContent:z,onTransferClick:B,isCashbackInfoFetchStateCompleted:C,isCreditCardInfoFetchStateCompleted:D,isDebitCardInfoFetchStateCompleted:m,controllerEmails:c,productInformation:g,cashbackInformation:b,paymentSourceInformation:x,creditAccountInformation:f,debitAccountInformation:y,isCompleteOutstandingBalanceBeingPaid:O}):a.jsxs(a.Fragment,{children:[a.jsxs(Ie,{windowSize:w,isTransferCompleted:!1,children:[a.jsx(Fe,{windowSize:w,children:a.jsx(Re,{"data-testid":te("cross-amount-details-close-button"),onClick:()=>{C&&D&&m&&G.trackCardsPayEarlyFormClick(c,g,b,"Cross Icon",i.chargeCardRepaymentDetailLocalData.isAutoRepayment,{paymentAmount:i.chargeCardRepaymentDetailLocalData.amount.amount,paymentAccountName:i.chargeCardRepaymentDetailLocalData.transferFrom?.label,paymentAccountType:i.chargeCardRepaymentDetailLocalData.transferFrom?.accType,paymentAccountLastFourDigits:i.chargeCardRepaymentDetailLocalData.transferFrom?.accountLast4,paymentCompleteEta:P?.add(3,"day").format(ve.visual.MMMDCommaYYYYformat),paymentInitiatedDate:P?.format(ve.visual.MMMDCommaYYYYformat)},x,f,y),k?.()}})}),w==="small"?a.jsx(ba,{windowSize:w,children:V.payCreditCardBalance}):a.jsx(xa,{children:V.payCreditCardBalance}),i.fetchState==="Completed"?a.jsx(ia,{autoPayThreshold:e,maxInsuredAmount:h,onSaveChangesToLocalStore:j,plaidConnectionDetails:J,paymentDetails:i,setShowReviewLoading:I,onEstablishConnectionSuccess:le,isAccountsEnabled:n,onFetchLinkTokenClick:q,onUpdatePaymentAccountStatus:s,onEstablishConnectionClick:Z,onSignUpAccountClick:K,onMoveMoneyClick:Q,isCashbackInfoFetchStateCompleted:C,isCreditCardInfoFetchStateCompleted:D,isDebitCardInfoFetchStateCompleted:m,controllerEmails:c,productInformation:g,cashbackInformation:b,paymentSourceInformation:x,creditAccountInformation:f,debitAccountInformation:y}):a.jsx(et,{size:"Standard",start:!0,style:{display:"flex",justifyContent:"center",alignItems:"center",height:"calc(100vh - 210px)"}})]}),a.jsx(Pe,{style:{zIndex:4,paddingTop:t.sp3,paddingBottom:t.sp3},formId:Ve(Ue),helperStyle:{paddingTop:t.sp0,paddingBottom:t.sp0},primaryBtn:{label:W.getLocalizedStrings().common.review,isLoading:E},cancelBtn:{label:Le.transferDrawer.cancelBtn,onClick:()=>{C&&D&&m&&G.trackCardsPayEarlyFormClick(c,g,b,"Cancel",i.chargeCardRepaymentDetailLocalData.isAutoRepayment,{paymentAmount:i.chargeCardRepaymentDetailLocalData.amount.amount,paymentAccountName:i.chargeCardRepaymentDetailLocalData.transferFrom?.label,paymentAccountType:i.chargeCardRepaymentDetailLocalData.transferFrom?.accType,paymentAccountLastFourDigits:i.chargeCardRepaymentDetailLocalData.transferFrom?.accountLast4,paymentCompleteEta:void 0,paymentInitiatedDate:void 0},x,f,y),k?.()}}})]})})},ha=o.div`
+`,Ae=(e,i,h)=>({amount:{amount:e[M].amount??0,currencyCode:"USD",currencySymbol:"$"},transferFrom:i.find(n=>n.id===e[M].withdrawFrom.selectedOption),isAutoRepayment:e[M].enableAutoPay,idempotencyKey:h}),ne={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])},pa={sectionTitle:new W("h6Regular","h5Regular")},Le=Y.getLocalizedStrings().spendManagement.zeniAccounts.zeniAccountList,V=Y.getLocalizedStrings().spendManagement.chargeCard.payEarly,{dateFormat:ve}=Y.getLocalizedStrings(),ua=({autoPayThreshold:e,paymentDetails:i,maxInsuredAmount:h,isAccountsEnabled:n,productInformation:g,controllerEmails:c,creditAccountInformation:f,creditAccountSpentAmount:L,debitAccountInformation:y,cashbackInformation:b,paymentSourceInformation:x,isCashbackInfoFetchStateCompleted:C,isCreditCardInfoFetchStateCompleted:D,isDebitCardInfoFetchStateCompleted:m,paymentInitiatedDate:P,onSaveChangesToLocalStore:j,onTransferClick:B,goToCards:v,onDismissClick:k,onEstablishConnectionClick:Z,onFetchLinkTokenClick:q,plaidConnectionDetails:J,onSignUpAccountClick:K,onMoveMoneyClick:Q,onUpdatePaymentAccountStatus:s,onEstablishConnectionSuccess:le})=>{const w=me(),G=pe().analytics,[H,z]=p.useState(!1),[E,I]=p.useState(!1);p.useEffect(()=>{E&&setTimeout(()=>{I(!1),z(!0)},1e3)},[E]);const O=i.chargeCardRepaymentDetailLocalData.amount.amount===L;return a.jsx(ha,{windowSize:w,children:i.updateStatus==="Completed"?a.jsxs(Ie,{windowSize:w,isTransferCompleted:!0,children:[a.jsx(Fe,{windowSize:w,children:a.jsx(Te,{"data-testid":te("cross-credit-card-payment-success-close-button"),onClick:()=>{C&&D&&m&&G.trackCardsPayEarlyFormClick(c,g,b,"Cross Icon",i.chargeCardRepaymentDetailLocalData.isAutoRepayment,{paymentAmount:i.chargeCardRepaymentDetailLocalData.amount.amount,paymentAccountName:i.chargeCardRepaymentDetailLocalData.transferFrom?.label,paymentAccountType:i.chargeCardRepaymentDetailLocalData.transferFrom?.accType,paymentAccountLastFourDigits:i.chargeCardRepaymentDetailLocalData.transferFrom?.accountLast4,paymentCompleteEta:void 0,paymentInitiatedDate:void 0},x,f,y),k?.()}})}),a.jsxs(Ca,{windowSize:w,children:[a.jsx(Ge,{width:150,height:150,shouldDisplay:!0,animationInLoop:1}),a.jsx(ga,{children:a.jsxs(a.Fragment,{children:[V.youvePaid,a.jsx(ya,{children:Re("0,0.[00]",i.chargeCardRepaymentDetailLocalData.amount)}),Le.transferDrawer.internal.transferSuccessMsgMidfix,`"${i.chargeCardRepaymentDetailLocalData.transferFrom?.label}".`,O?V.theCreditLimitWillResetWithin23BusinessDays:V.theCreditLimitWillUpdateWithin23BusinessDays]})}),a.jsx(fa,{windowSize:w,children:a.jsx(He,{variant:"primary",label:V.goToCards,"data-testid":te("back-to-cards-button"),onClick:v})})]})]}):H?a.jsx(Ft,{paymentDetails:i,setShowReviewContent:z,onTransferClick:B,isCashbackInfoFetchStateCompleted:C,isCreditCardInfoFetchStateCompleted:D,isDebitCardInfoFetchStateCompleted:m,controllerEmails:c,productInformation:g,cashbackInformation:b,paymentSourceInformation:x,creditAccountInformation:f,debitAccountInformation:y,isCompleteOutstandingBalanceBeingPaid:O}):a.jsxs(a.Fragment,{children:[a.jsxs(Ie,{windowSize:w,isTransferCompleted:!1,children:[a.jsx(Fe,{windowSize:w,children:a.jsx(Te,{"data-testid":te("cross-amount-details-close-button"),onClick:()=>{C&&D&&m&&G.trackCardsPayEarlyFormClick(c,g,b,"Cross Icon",i.chargeCardRepaymentDetailLocalData.isAutoRepayment,{paymentAmount:i.chargeCardRepaymentDetailLocalData.amount.amount,paymentAccountName:i.chargeCardRepaymentDetailLocalData.transferFrom?.label,paymentAccountType:i.chargeCardRepaymentDetailLocalData.transferFrom?.accType,paymentAccountLastFourDigits:i.chargeCardRepaymentDetailLocalData.transferFrom?.accountLast4,paymentCompleteEta:P?.add(3,"day").format(ve.visual.MMMDCommaYYYYformat),paymentInitiatedDate:P?.format(ve.visual.MMMDCommaYYYYformat)},x,f,y),k?.()}})}),w==="small"?a.jsx(ba,{windowSize:w,children:V.payCreditCardBalance}):a.jsx(xa,{children:V.payCreditCardBalance}),i.fetchState==="Completed"?a.jsx(ia,{autoPayThreshold:e,maxInsuredAmount:h,onSaveChangesToLocalStore:j,plaidConnectionDetails:J,paymentDetails:i,setShowReviewLoading:I,onEstablishConnectionSuccess:le,isAccountsEnabled:n,onFetchLinkTokenClick:q,onUpdatePaymentAccountStatus:s,onEstablishConnectionClick:Z,onSignUpAccountClick:K,onMoveMoneyClick:Q,isCashbackInfoFetchStateCompleted:C,isCreditCardInfoFetchStateCompleted:D,isDebitCardInfoFetchStateCompleted:m,controllerEmails:c,productInformation:g,cashbackInformation:b,paymentSourceInformation:x,creditAccountInformation:f,debitAccountInformation:y}):a.jsx(et,{size:"Standard",start:!0,style:{display:"flex",justifyContent:"center",alignItems:"center",height:"calc(100vh - 210px)"}})]}),a.jsx(Pe,{style:{zIndex:4,paddingTop:t.sp3,paddingBottom:t.sp3},formId:Ve(Ue),helperStyle:{paddingTop:t.sp0,paddingBottom:t.sp0},primaryBtn:{label:Y.getLocalizedStrings().common.review,isLoading:E},cancelBtn:{label:Le.transferDrawer.cancelBtn,onClick:()=>{C&&D&&m&&G.trackCardsPayEarlyFormClick(c,g,b,"Cancel",i.chargeCardRepaymentDetailLocalData.isAutoRepayment,{paymentAmount:i.chargeCardRepaymentDetailLocalData.amount.amount,paymentAccountName:i.chargeCardRepaymentDetailLocalData.transferFrom?.label,paymentAccountType:i.chargeCardRepaymentDetailLocalData.transferFrom?.accType,paymentAccountLastFourDigits:i.chargeCardRepaymentDetailLocalData.transferFrom?.accountLast4,paymentCompleteEta:void 0,paymentInitiatedDate:void 0},x,f,y),k?.()}}})]})})},ha=o.div`
   display: flex;
   flex-direction: column;
   background-color: ${e=>e.theme.colors.grey4};
@@ -195,7 +195,7 @@ import{j as a,q as me,a9 as pe,aM as te,hD as Ge,F as W,aN as Te,n as He,L as et
   padding: ${e=>`${ne.navBarContainerPaddingXaxis.valuePx(e.windowSize)} ${t.sp0}`};
   z-index: 2;
   background-color: ${e=>e.theme.colors.grey4};
-`,Re=o(je)`
+`,Te=o(je)`
   cursor: pointer;
   color: ${e=>e.theme.colors.hero};
   width: ${t.sp4};
@@ -214,11 +214,11 @@ import{j as a,q as me,a9 as pe,aM as te,hD as Ge,F as W,aN as Te,n as He,L as et
   color: ${e=>e.theme.colors.primary};
   margin-top: ${t.sp3};
   margin-bottom: ${t.sp2};
-`,Ta=({autoPayThreshold:e,paymentDetails:i,isZeniAccountSetupEnabled:h,maxInsuredAmount:n,onUpdatePaymentAccountStatus:g,onSaveChangesToLocalStore:c,creditAccountSpentAmount:f,onTransferClick:L,controllerEmails:y,productInformation:b,creditAccountInformation:x,debitAccountInformation:C,cashbackInformation:D,paymentSourceInformation:m,isCashbackInfoFetchStateCompleted:P,isCreditCardInfoFetchStateCompleted:j,isDebitCardInfoFetchStateCompleted:B,goToCards:v,onDismissClick:k,onEstablishConnectionClick:Z,onEstablishConnectionSuccess:q,onFetchLinkTokenClick:J,plaidConnectionDetails:K,onSignUpAccountClick:Q,onMoveMoneyClick:s})=>a.jsx(Sa,{children:a.jsx(ua,{autoPayThreshold:e,paymentDetails:i,maxInsuredAmount:n,productInformation:b,controllerEmails:y,creditAccountInformation:x,debitAccountInformation:C,cashbackInformation:D,paymentSourceInformation:m,isCashbackInfoFetchStateCompleted:P,isCreditCardInfoFetchStateCompleted:j,isDebitCardInfoFetchStateCompleted:B,creditAccountSpentAmount:f,onSaveChangesToLocalStore:c,onTransferClick:L,goToCards:v,onDismissClick:k,plaidConnectionDetails:K,isAccountsEnabled:h,onEstablishConnectionClick:Z,onFetchLinkTokenClick:J,onUpdatePaymentAccountStatus:g,onEstablishConnectionSuccess:q,onSignUpAccountClick:Q,onMoveMoneyClick:s})}),Sa=o.div`
+`,Ra=({autoPayThreshold:e,paymentDetails:i,isZeniAccountSetupEnabled:h,maxInsuredAmount:n,onUpdatePaymentAccountStatus:g,onSaveChangesToLocalStore:c,creditAccountSpentAmount:f,onTransferClick:L,controllerEmails:y,productInformation:b,creditAccountInformation:x,debitAccountInformation:C,cashbackInformation:D,paymentSourceInformation:m,isCashbackInfoFetchStateCompleted:P,isCreditCardInfoFetchStateCompleted:j,isDebitCardInfoFetchStateCompleted:B,goToCards:v,onDismissClick:k,onEstablishConnectionClick:Z,onEstablishConnectionSuccess:q,onFetchLinkTokenClick:J,plaidConnectionDetails:K,onSignUpAccountClick:Q,onMoveMoneyClick:s})=>a.jsx(Sa,{children:a.jsx(ua,{autoPayThreshold:e,paymentDetails:i,maxInsuredAmount:n,productInformation:b,controllerEmails:y,creditAccountInformation:x,debitAccountInformation:C,cashbackInformation:D,paymentSourceInformation:m,isCashbackInfoFetchStateCompleted:P,isCreditCardInfoFetchStateCompleted:j,isDebitCardInfoFetchStateCompleted:B,creditAccountSpentAmount:f,onSaveChangesToLocalStore:c,onTransferClick:L,goToCards:v,onDismissClick:k,plaidConnectionDetails:K,isAccountsEnabled:h,onEstablishConnectionClick:Z,onFetchLinkTokenClick:J,onUpdatePaymentAccountStatus:g,onEstablishConnectionSuccess:q,onSignUpAccountClick:Q,onMoveMoneyClick:s})}),Sa=o.div`
   display: flex;
   flex-direction: column;
   background-color: ${e=>e.theme.colors.grey4};
   overflow-x: hidden;
   height: 100%;
   width: 100%;
-`;export{Ta as default};
+`;export{Ra as default};

package/dist/assets/{CurrencySelectField-PjVnHOPO-De5v3EBh.js → CurrencySelectField-C8L9A7zC-DLDLvWwm.js}

@@ -1,4 +1,4 @@
-import{d4 as M,d as N,dc as P,F as H,j as l,dd as L,aM as x,bN as _,o,dF as z,cI as B,bO as g,am as G,b as S,fe as T,ff as U,fg as X,ai as Y,bM as Z,_ as q,p as m}from"./index-CUpJHznP.js";import{b as w,n}from"./vendor-Bs1fkIUX.js";const ye=({name:e,registerOptions:r,defaultValue:t,isDisabled:a,style:c,placeholder:d,isOptionRemovable:i=!0,menuItemHeight:u=40,controlStyle:p})=>{const{control:f,formState:{errors:y}}=M(),b=N(),[j,C]=w.useState(!1),k=P(y,e??""),F=H.getLocalizedStrings().common.currency,I=s=>{if(!(s==null||!s))return{value:s,label:t.allOptions.find(h=>h.value===s)?.label??s,countryCode:t.allOptions.find(h=>h.value===s)?.countryCode??F.countryCode}},D={container:s=>({...s,width:"100%",...c}),menu:s=>({...s,backgroundColor:b.colors.grey5,borderRadius:o.sp1,boxShadow:`${o.sp0} 2px ${o.sp2} ${b.colors.dropShadowHover}`,border:`1px solid ${b.colors.grey3}`,whiteSpace:"nowrap",zIndex:2,width:"100%",margin:`1px ${o.sp0} ${o.sp0} ${o.sp0}`,overflow:"hidden"}),menuList:s=>({...s,borderRadius:o.sp1}),input:()=>({color:b.colors.primary,margin:0}),singleValue:s=>({...s,margin:0,position:"absolute"})},V={hasError:k,menuItemHeight:u,controlStyle:p,isOptionRemovable:i};return l.jsx(L,{name:e,control:f,defaultValue:t,rules:r,"data-testid":x("currency-select-field",e),render:({field:{onChange:s,onBlur:h,value:R,ref:E}})=>{const v=R;return w.createElement(_,{...V,ref:E,isMulti:!1,isSearchable:!0,isClearable:i,autoFocus:j===!0,openMenuOnClick:!0,controlShouldRenderValue:!0,placeholder:d,value:I(v.selectedOption),options:t.allOptions,"data-testid":x("currency-select",e),onChange:$=>{i&&$?.value!=null&&v?.selectedOption===$.value?s({selectedOption:void 0,allOptions:t.allOptions}):s({selectedOption:$?.value,allOptions:t.allOptions})},onMenuClose:()=>C(!1),key:z(),tabSelectsValue:!1,openMenuOnFocus:!0,classNamePrefix:"currency-select-field",onBlur:h,menuPlacement:"auto",maxMenuHeight:240,menuShouldScrollIntoView:!1,closeMenuOnSelect:!0,components:{Control:A,Option:J,Input:W,SingleValue:ee,ValueContainer:Q,DropdownIndicator:he,IndicatorSeparator:me,Placeholder:oe,ClearIndicator:ge,MenuList:K},hideSelectedOptions:!1,styles:D,isDisabled:a!=null})}})},A=e=>{const{menuIsOpen:r,isFocused:t,isDisabled:a,selectProps:c}=e,{value:d,hasError:i,controlStyle:u}=c;return l.jsx(te,{controlStyle:u,menuIsOpen:r,isFocused:t,isDisabled:a,selectedValue:d,hasError:i,children:l.jsx(g.Control,{...e,className:"select-control",children:e.children})})},J=e=>{const{data:r,isSelected:t,isDisabled:a,isFocused:c,selectProps:d}=e,{isOptionRemovable:i}=d,u=r.countryCode,p=typeof r.label=="string"?r.label:r.value;return l.jsx(re,{isOptionRemovable:i,className:"select-option-wrapper",isFocused:c,isSelected:t,isDisabled:a,"data-testid":x("currency-select-field-option",p),children:l.jsx(g.Option,{...e,className:"select-option",children:l.jsxs(se,{children:[l.jsx(le,{countryCode:u}),l.jsx(ae,{isSelected:t,children:l.jsx(ne,{isSelected:t,isDisabled:a,children:r.label})}),t?l.jsxs(de,{children:[l.jsx(ue,{className:"right-tick-icon"}),l.jsx(pe,{className:"close-tick-icon"})]}):null]})})})},K=e=>{const{options:r,children:t,maxHeight:a,getValue:c,selectProps:d}=e,{menuItemHeight:i}=d,[u]=c(),p=r.indexOf(u)*i;return l.jsx(B,{height:t.length>7?a:t.length*i,width:"100%",itemCount:t.length,itemSize:()=>i,initialScrollOffset:p,children:({index:f,style:y})=>l.jsx(ce,{style:y,children:t[f]})})},Q=e=>l.jsx(g.ValueContainer,{...e,className:"select-value-container",children:e.children}),W=e=>{const{selectProps:r}=e,{placeholder:t,value:a}=r;return l.jsx(O,{children:l.jsx(g.Input,{...e,autoComplete:"new-password",placeholder:a==null?t:void 0,children:e.children})})},ee=e=>{const{data:r}=e;return l.jsx(g.SingleValue,{...e,children:l.jsx(O,{children:r.label})})},O=n(G)`
+import{d4 as M,d as L,dc as N,F as P,j as l,dd as H,aM as x,bN as z,o,dF as _,cI as B,bO as g,am as G,b as S,fe as T,ff as U,fg as X,ai as Y,bM as Z,L as q,p as m}from"./index-CN7UAWAg.js";import{b as w,n}from"./vendor-Bs1fkIUX.js";const ye=({name:e,registerOptions:r,defaultValue:t,isDisabled:a,style:c,placeholder:d,isOptionRemovable:i=!0,menuItemHeight:u=40,controlStyle:p})=>{const{control:f,formState:{errors:y}}=M(),b=L(),[j,C]=w.useState(!1),k=N(y,e??""),F=P.getLocalizedStrings().common.currency,I=s=>{if(!(s==null||!s))return{value:s,label:t.allOptions.find(h=>h.value===s)?.label??s,countryCode:t.allOptions.find(h=>h.value===s)?.countryCode??F.countryCode}},D={container:s=>({...s,width:"100%",...c}),menu:s=>({...s,backgroundColor:b.colors.grey5,borderRadius:o.sp1,boxShadow:`${o.sp0} 2px ${o.sp2} ${b.colors.dropShadowHover}`,border:`1px solid ${b.colors.grey3}`,whiteSpace:"nowrap",zIndex:2,width:"100%",margin:`1px ${o.sp0} ${o.sp0} ${o.sp0}`,overflow:"hidden"}),menuList:s=>({...s,borderRadius:o.sp1}),input:()=>({color:b.colors.primary,margin:0}),singleValue:s=>({...s,margin:0,position:"absolute"})},V={hasError:k,menuItemHeight:u,controlStyle:p,isOptionRemovable:i};return l.jsx(H,{name:e,control:f,defaultValue:t,rules:r,"data-testid":x("currency-select-field",e),render:({field:{onChange:s,onBlur:h,value:R,ref:E}})=>{const v=R;return w.createElement(z,{...V,ref:E,isMulti:!1,isSearchable:!0,isClearable:i,autoFocus:j===!0,openMenuOnClick:!0,controlShouldRenderValue:!0,placeholder:d,value:I(v.selectedOption),options:t.allOptions,"data-testid":x("currency-select",e),onChange:$=>{i&&$?.value!=null&&v?.selectedOption===$.value?s({selectedOption:void 0,allOptions:t.allOptions}):s({selectedOption:$?.value,allOptions:t.allOptions})},onMenuClose:()=>C(!1),key:_(),tabSelectsValue:!1,openMenuOnFocus:!0,classNamePrefix:"currency-select-field",onBlur:h,menuPlacement:"auto",maxMenuHeight:240,menuShouldScrollIntoView:!1,closeMenuOnSelect:!0,components:{Control:A,Option:J,Input:W,SingleValue:ee,ValueContainer:Q,DropdownIndicator:he,IndicatorSeparator:me,Placeholder:oe,ClearIndicator:ge,MenuList:K},hideSelectedOptions:!1,styles:D,isDisabled:a!=null})}})},A=e=>{const{menuIsOpen:r,isFocused:t,isDisabled:a,selectProps:c}=e,{value:d,hasError:i,controlStyle:u}=c;return l.jsx(te,{controlStyle:u,menuIsOpen:r,isFocused:t,isDisabled:a,selectedValue:d,hasError:i,children:l.jsx(g.Control,{...e,className:"select-control",children:e.children})})},J=e=>{const{data:r,isSelected:t,isDisabled:a,isFocused:c,selectProps:d}=e,{isOptionRemovable:i}=d,u=r.countryCode,p=typeof r.label=="string"?r.label:r.value;return l.jsx(re,{isOptionRemovable:i,className:"select-option-wrapper",isFocused:c,isSelected:t,isDisabled:a,"data-testid":x("currency-select-field-option",p),children:l.jsx(g.Option,{...e,className:"select-option",children:l.jsxs(se,{children:[l.jsx(le,{countryCode:u}),l.jsx(ae,{isSelected:t,children:l.jsx(ne,{isSelected:t,isDisabled:a,children:r.label})}),t?l.jsxs(de,{children:[l.jsx(ue,{className:"right-tick-icon"}),l.jsx(pe,{className:"close-tick-icon"})]}):null]})})})},K=e=>{const{options:r,children:t,maxHeight:a,getValue:c,selectProps:d}=e,{menuItemHeight:i}=d,[u]=c(),p=r.indexOf(u)*i;return l.jsx(B,{height:t.length>7?a:t.length*i,width:"100%",itemCount:t.length,itemSize:()=>i,initialScrollOffset:p,children:({index:f,style:y})=>l.jsx(ce,{style:y,children:t[f]})})},Q=e=>l.jsx(g.ValueContainer,{...e,className:"select-value-container",children:e.children}),W=e=>{const{selectProps:r}=e,{placeholder:t,value:a}=r;return l.jsx(O,{children:l.jsx(g.Input,{...e,autoComplete:"new-password",placeholder:a==null?t:void 0,children:e.children})})},ee=e=>{const{data:r}=e;return l.jsx(g.SingleValue,{...e,children:l.jsx(O,{children:r.label})})},O=n(G)`
   color: ${e=>e.theme.colors.primary};
 `,oe=()=>null,le=({countryCode:e})=>{if(e!=null&&T(e)===!1)return l.jsx(l.Fragment,{});{const r=U[`${X(e??"")}`];return l.jsx(ie,{children:l.jsx(r,{width:o.sp4,height:o.sp3})})}},te=n.span`
   width: 100%;

package/dist/assets/{CustomerOnboardingActivationPage-BEz1pkPV-m1nyzrH-.js → CustomerOnboardingActivationPage-D_AcFXeU-p0ieIiP_.js}

@@ -1,8 +1,8 @@
-import{j as t,q as b,F as d,aP as l,aM as p,L as x,o as i,ag as g,a as h,c as m}from"./index-CUpJHznP.js";import{b as u,n as o}from"./vendor-Bs1fkIUX.js";import"./mui-Ty75qFQF.js";import"./analytics-BbBRZ6cw.js";import"./routing-Dk1A2KYI.js";import"./sentry-BE5FTzpq.js";import"./redux-CEhZD0hA.js";import"./liveblocks-8ht9CoL5.js";import"./crypto-CK1x27Ua.js";const f=o.div`
+import{j as t,q as b,F as d,aP as l,aM as p,k as x,o as i,ag as g,a as h,c as m}from"./index-CN7UAWAg.js";import{b as u,n as o}from"./vendor-Bs1fkIUX.js";import"./mui-Ty75qFQF.js";import"./analytics-BbBRZ6cw.js";import"./routing-Dk1A2KYI.js";import"./sentry-BE5FTzpq.js";import"./redux-CEhZD0hA.js";import"./liveblocks-8ht9CoL5.js";import"./crypto-CK1x27Ua.js";const f=o.div`
   display: flex;
   width: 100%;
   flex-direction: column;
-`,$=o.div`
+`,j=o.div`
   display: flex;
   flex: 1 1 auto;
   flex-direction: column;
@@ -14,7 +14,7 @@ import{j as t,q as b,F as d,aP as l,aM as p,L as x,o as i,ag as g,a as h,c as m}
   height: 100%;
   z-index: 4;
   background: ${e=>e.theme.colors.background};
-`,j=o(g)`
+`,$=o(g)`
   margin: 20px 12px ${i.sp0} ${i.sp0};
   height: ${i.sp4};
   width: 102px;
@@ -33,23 +33,23 @@ import{j as t,q as b,F as d,aP as l,aM as p,L as x,o as i,ag as g,a as h,c as m}
   height: 100%;
   left: 240px;
   background: ${e=>e.theme.colors.background};
-`,v=o(h)`
+`,k=o(h)`
   color: ${e=>e.theme.colors.primary};
   margin-bottom: ${i.sp1};
   padding: ${i.sp0} ${i.sp3};
   text-align: center;
-`,k=o(m)`
+`,v=o(m)`
   color: ${e=>e.theme.colors.hero};
   padding: ${i.sp0} ${i.sp3};
   text-align: center;
 `,w=o.div`
   margin-top: ${i.sp3};
-`,z=({dashboardFetchState:e,onZeniLogoClick:n,onDashboardFetchDone:r})=>{const{title:a,subTitle:c}=d.getLocalizedStrings().customerOnboardingPage.thankYou,s=l(e);return u.useEffect(()=>{s==="In-Progress"&&e!=="In-Progress"&&r()},[e,s,r]),t.jsxs(f,{children:[t.jsx($,{children:t.jsx(j,{"data-testid":p("zeni-logo-customer-onboarding-activation-page"),onClick:n})}),t.jsxs(y,{children:[t.jsx(v,{children:a}),t.jsx(k,{children:c}),t.jsx(w,{children:t.jsx(x,{size:"Large",start:!0})})]})]})},L=o.div`
+`,z=({dashboardFetchState:e,onZeniLogoClick:n,onDashboardFetchDone:r})=>{const{title:a,subTitle:c}=d.getLocalizedStrings().customerOnboardingPage.thankYou,s=l(e);return u.useEffect(()=>{s==="In-Progress"&&e!=="In-Progress"&&r()},[e,s,r]),t.jsxs(f,{children:[t.jsx(j,{children:t.jsx($,{"data-testid":p("zeni-logo-customer-onboarding-activation-page"),onClick:n})}),t.jsxs(y,{children:[t.jsx(k,{children:a}),t.jsx(v,{children:c}),t.jsx(w,{children:t.jsx(x,{size:"Large",start:!0})})]})]})},P=o.div`
   display: flex;
   flex-direction: column;
   height: 100vh;
   position: relative;
-`,P=o.div`
+`,L=o.div`
   width: 100%;
   position: absolute;
 `,S=o.div`
@@ -85,4 +85,4 @@ import{j as t,q as b,F as d,aP as l,aM as p,L as x,o as i,ag as g,a as h,c as m}
   width: 100%;
 `,E=o.div`
   margin-top: ${i.sp3};
-`,O=({dashboardFetchState:e,onZeniLogoClick:n,onDashboardFetchDone:r})=>{const{title:a,subTitle:c}=d.getLocalizedStrings().customerOnboardingPage.thankYou,s=l(e);return u.useEffect(()=>{s==="In-Progress"&&e!=="In-Progress"&&r()},[e,s,r]),t.jsxs(L,{children:[t.jsx(P,{children:t.jsx(S,{children:t.jsx(C,{"data-testid":p("zeni-logo-customer-onboarding-activation-page"),onClick:n})})}),t.jsxs(D,{children:[t.jsx(F,{children:a}),t.jsx(I,{children:c}),t.jsx(E,{children:t.jsx(x,{size:"Large",start:!0})})]})]})},G=e=>b()==="small"?t.jsx(O,{...e}):t.jsx(z,{...e});export{G as default};
+`,O=({dashboardFetchState:e,onZeniLogoClick:n,onDashboardFetchDone:r})=>{const{title:a,subTitle:c}=d.getLocalizedStrings().customerOnboardingPage.thankYou,s=l(e);return u.useEffect(()=>{s==="In-Progress"&&e!=="In-Progress"&&r()},[e,s,r]),t.jsxs(P,{children:[t.jsx(L,{children:t.jsx(S,{children:t.jsx(C,{"data-testid":p("zeni-logo-customer-onboarding-activation-page"),onClick:n})})}),t.jsxs(D,{children:[t.jsx(F,{children:a}),t.jsx(I,{children:c}),t.jsx(E,{children:t.jsx(x,{size:"Large",start:!0})})]})]})},G=e=>b()==="small"?t.jsx(O,{...e}):t.jsx(z,{...e});export{G as default};

package/dist/assets/CustomerOnboardingContainerPage-DAxVaKqp-DMOGZ592.js

@@ -0,0 +1 @@
+import{j as r}from"./index-CN7UAWAg.js";import o from"./CustomerOnboardingNoStepsPage-Bqi6QK8D-CnhmXiFi.js";import i from"./CustomerOnboardingPage-eY5fJENY-CW0ZIKes.js";import"./mui-Ty75qFQF.js";import"./vendor-Bs1fkIUX.js";import"./analytics-BbBRZ6cw.js";import"./routing-Dk1A2KYI.js";import"./sentry-BE5FTzpq.js";import"./redux-CEhZD0hA.js";import"./liveblocks-8ht9CoL5.js";import"./crypto-CK1x27Ua.js";import"./PaymentAccountSetupBillingAddressSection-CMVwDWuf-jHkUqKP1.js";import"./SetUpAccountSection-xqqgeGLA-YX4p_D4B.js";import"./CustomerOnboardingDetailPageSkeleton-DPSQT5UG-yxM-FX1s.js";import"./CompanyOfficerDetailsSection-D3PSro9F-CN8Reo83.js";import"./LabeledAddressValueField-BPOKk4mI-BFmVYPcn.js";import"./LabeledCreatableSingleSelectField-DXA_bSyS-BJinmWca.js";import"./LabeledDocumentField-Z9OHDFr6-HgLdszDI.js";import"./QBOSetupSection-DhsqYA8G-Dcjp9EQd.js";import"./QBOConnectionDialog-PCdTWQqn-D0QAr5xA.js";const S=t=>t.currentTenant?.productSettings.isOtherProductsEnabled===!0?r.jsx(o,{...t}):r.jsx(i,{...t});export{S as default};

package/dist/assets/{CustomerOnboardingDetailPageSkeleton-3S6lsaCB-BUgUvYUX.js → CustomerOnboardingDetailPageSkeleton-DPSQT5UG-yxM-FX1s.js}

@@ -1,6 +1,6 @@
-import{j as s,aM as y,bs as E,d as f,q as T,b$ as x,o as t,u as R,y as $,ag as I,F as N,p as u,V as P,hZ as U,fR as L,au as W,an as F,h_ as O}from"./index-CUpJHznP.js";import{n as r,w as S}from"./vendor-Bs1fkIUX.js";const V=r(O)`
+import{j as s,aM as y,bs as E,d as f,q as T,b$ as x,o as t,u as R,y as $,ag as N,F as I,p as u,Y as P,hZ as U,fR as L,au as W,an as F,h_ as O}from"./index-CN7UAWAg.js";import{n as r,w as S}from"./vendor-Bs1fkIUX.js";const q=r(O)`
   /* Size is controlled by styles.root prop */
-`,q=r.div`
+`,J=r.div`
   position: relative;
   width: ${t.sp3};
   height: ${t.sp3};
@@ -22,7 +22,7 @@ import{j as s,aM as y,bs as E,d as f,q as T,b$ as x,o as t,u as R,y as $,ag as I
     pointer-events: none;
     z-index: 1;
   }
-`,B=({valueEnd:e,valueStart:i,children:o})=>{const[l,d]=S.useState(i);return S.useEffect(()=>{const a=setTimeout(()=>{d(e)},100);return()=>clearTimeout(a)},[e]),s.jsx(s.Fragment,{children:o(l)})},J=({valueEnd:e=50})=>{const i=f();return s.jsx(B,{valueStart:0,valueEnd:e,children:o=>s.jsx(q,{theme:i,children:s.jsx(V,{value:o,strokeWidth:50,circleRatio:1,styles:{...U({pathColor:u.success,trailColor:"transparent",pathTransitionDuration:1.5,rotation:1,strokeLinecap:"butt"}),root:{width:t.sp3,height:t.sp3,position:"relative",zIndex:2,display:"flex",alignItems:"center",justifyContent:"center"}}})})})},w=({isActive:e,isCompleted:i,isDisabled:o,isError:l,isHalfCompleted:d,theme:a})=>e||i||d||l?l?u.runwayRed:a.colors.primary:o?a.colors.grey1:a.colors.hero,j=({isActive:e,isCompleted:i,isDisabled:o,isHalfCompleted:l,theme:d})=>e||i||l?d.colors.primary:o?d.colors.grey1:d.colors.hero,Z=r.div`
+`,Y=({valueEnd:e,valueStart:i,children:o})=>{const[l,d]=S.useState(i);return S.useEffect(()=>{const a=setTimeout(()=>{d(e)},100);return()=>clearTimeout(a)},[e]),s.jsx(s.Fragment,{children:o(l)})},Z=({valueEnd:e=50})=>{const i=f();return s.jsx(Y,{valueStart:0,valueEnd:e,children:o=>s.jsx(J,{theme:i,children:s.jsx(q,{value:o,strokeWidth:50,circleRatio:1,styles:{...U({pathColor:u.success,trailColor:"transparent",pathTransitionDuration:1.5,rotation:1,strokeLinecap:"butt"}),root:{width:t.sp3,height:t.sp3,position:"relative",zIndex:2,display:"flex",alignItems:"center",justifyContent:"center"}}})})})},w=({isActive:e,isCompleted:i,isDisabled:o,isError:l,isHalfCompleted:d,theme:a})=>e||i||d||l?l?u.runwayRed:a.colors.primary:o?a.colors.grey1:a.colors.hero,j=({isActive:e,isCompleted:i,isDisabled:o,isHalfCompleted:l,theme:d})=>e||i||l?d.colors.primary:o?d.colors.grey1:d.colors.hero,B=r.div`
   width: 100%;
   display: flex;
   background: ${e=>e.isActive?e.theme.colors.grey5:null};
@@ -44,28 +44,28 @@ import{j as s,aM as y,bs as E,d as f,q as T,b$ as x,o as t,u as R,y as $,ag as I
 `,M=r.div`
   margin-right: ${t.sp2};
   margin-top: 2px;
-`,_=r(L)`
+`,V=r(L)`
   width: ${t.sp3};
   height: ${t.sp3};
   color: ${u.success};
-`,G=r(P)`
+`,_=r(P)`
   width: ${t.sp3};
   height: ${t.sp3};
   color: ${u.runwayRed};
-`,K=r.div`
+`,G=r.div`
   height: ${t.sp3};
   width: ${t.sp3};
   border: 1px solid
     ${e=>e.isActive?e.theme.colors.primary:e.disabledStep?e.theme.colors.grey2:e.theme.colors.hero};
   border-radius: 50%;
-`,Q=r.div`
+`,K=r.div`
   display: flex;
   flex-direction: column;
-`,X=r(W)`
+`,Q=r(W)`
   color: ${e=>w({isActive:e.isActive,isCompleted:e.isCompleted,isDisabled:e.disabledStep,isError:e.isError,isHalfCompleted:e.isHalfCompleted,theme:e.theme})};
-`,Y=r(F)`
+`,X=r(F)`
   color: ${e=>j({isActive:e.isActive,isCompleted:e.isCompleted,isDisabled:e.disabledStep,isHalfCompleted:e.isHalfCompleted,theme:e.theme})};
-`;function ee({onboardingStep:e,isActive:i,isCompleted:o,isHalfCompleted:l,isDisabled:d,isError:a,stepText:h,stepSubText:m,onUpdateStep:g,setIsStepClicked:p,disabledSteps:n}){const c=d||n.includes(e)&&i===!1;return s.jsxs(Z,{isActive:i,isDisabled:c,isCompleted:o,isHalfCompleted:l,isError:a,onClick:d===!1?()=>{n.includes(e)&&i===!1||(p(!0),g(e))}:void 0,"data-testid":y("step-box",e),children:[s.jsx(M,{children:a?s.jsx(G,{}):l?s.jsx(J,{}):o?s.jsx(_,{}):s.jsx(K,{isActive:i,disabledStep:c})}),s.jsxs(Q,{children:[s.jsx(X,{className:"step-content-title",isActive:i,isCompleted:o,isHalfCompleted:l,disabledStep:c,isError:a,children:h}),s.jsx(Y,{className:"step-content-subtitle",isActive:i,isCompleted:o,isHalfCompleted:l,disabledStep:c,children:m})]})]})}const te=r.div`
+`;function ee({onboardingStep:e,isActive:i,isCompleted:o,isHalfCompleted:l,isDisabled:d,isError:a,stepText:h,stepSubText:m,onUpdateStep:g,setIsStepClicked:p,disabledSteps:n}){const c=d||n.includes(e)&&i===!1;return s.jsxs(B,{isActive:i,isDisabled:c,isCompleted:o,isHalfCompleted:l,isError:a,onClick:d===!1?()=>{n.includes(e)&&i===!1||(p(!0),g(e))}:void 0,"data-testid":y("step-box",e),children:[s.jsx(M,{children:a?s.jsx(_,{}):l?s.jsx(Z,{}):o?s.jsx(V,{}):s.jsx(G,{isActive:i,disabledStep:c})}),s.jsxs(K,{children:[s.jsx(Q,{className:"step-content-title",isActive:i,isCompleted:o,isHalfCompleted:l,disabledStep:c,isError:a,children:h}),s.jsx(X,{className:"step-content-subtitle",isActive:i,isCompleted:o,isHalfCompleted:l,disabledStep:c,children:m})]})]})}const te=r.div`
   display: flex;
   flex: 1 1 auto;
   margin-top: 84px;
@@ -75,7 +75,7 @@ import{j as s,aM as y,bs as E,d as f,q as T,b$ as x,o as t,u as R,y as $,ag as I
   width: 198px;
 `,se=r.div`
   width: 100%;
-`;function ie({allSteps:e,completedSteps:i,halfCompletedSteps:o,errorSteps:l,currentStep:d,isDisabled:a,onUpdateStep:h,setIsStepClicked:m,disabledSteps:g}){const p=N.getLocalizedStrings().customerOnboardingPage.steps;return s.jsx(te,{children:e.map(n=>s.jsx(se,{children:s.jsx(ee,{isActive:n===d,isCompleted:i.includes(n),isHalfCompleted:o.includes(n),isError:l.includes(n),isDisabled:a,onboardingStep:n,stepText:p[n].stepText,stepSubText:p[n].stepSubText,onUpdateStep:h,setIsStepClicked:m,disabledSteps:g})},n))})}const oe=r.div`
+`;function ie({allSteps:e,completedSteps:i,halfCompletedSteps:o,errorSteps:l,currentStep:d,isDisabled:a,onUpdateStep:h,setIsStepClicked:m,disabledSteps:g}){const p=I.getLocalizedStrings().customerOnboardingPage.steps;return s.jsx(te,{children:e.map(n=>s.jsx(se,{children:s.jsx(ee,{isActive:n===d,isCompleted:i.includes(n),isHalfCompleted:o.includes(n),isError:l.includes(n),isDisabled:a,onboardingStep:n,stepText:p[n].stepText,stepSubText:p[n].stepSubText,onUpdateStep:h,setIsStepClicked:m,disabledSteps:g})},n))})}const oe=r.div`
   display: flex;
   flex: 1 1 auto;
   margin-top: 84px;
@@ -108,7 +108,7 @@ import{j as s,aM as y,bs as E,d as f,q as T,b$ as x,o as t,u as R,y as $,ag as I
 `,ae=r.div`
   margin: ${t.sp0} ${t.sp0} ${t.sp3} ${t.sp0};
   width: fit-content;
-`,ne=r(I)`
+`,ne=r(N)`
   margin: 20px 12px ${t.sp0} 12px;
   height: ${t.sp4};
   width: 102px;

package/dist/assets/{CustomerOnboardingNoStepsPage-C7EvOlnr-Bb_AP_JK.js → CustomerOnboardingNoStepsPage-Bqi6QK8D-CnhmXiFi.js}

@@ -1,4 +1,4 @@
-import{a9 as ie,j as o,fK as Ce,q as Pe,d as we,aa as be,hX as xe,F as ke,aP as Ie,cT as Ae,bG as $e,o as s,aM as ve,ad as Oe,aQ as je,bs as Ve,dk as Te,dl as oe,ag as Le,y as J,am as ze,u as A}from"./index-CUpJHznP.js";import{n as c,b as $}from"./vendor-Bs1fkIUX.js";import{s as Be,o as Ue}from"./PaymentAccountSetupBillingAddressSection-BkfPpFae-CQO2zwUL.js";import{f as Ee}from"./CustomerOnboardingDetailPageSkeleton-3S6lsaCB-BUgUvYUX.js";import"./mui-Ty75qFQF.js";import"./analytics-BbBRZ6cw.js";import"./routing-Dk1A2KYI.js";import"./sentry-BE5FTzpq.js";import"./redux-CEhZD0hA.js";import"./liveblocks-8ht9CoL5.js";import"./crypto-CK1x27Ua.js";import"./SetUpAccountSection-BuF3A3dP-Dlc3aKO9.js";const q="onboardingPaymentAccountSetupSection",se="customerOnboardingNoStepsDetailPage",n="onboardingSubscriptionBillingAddress",Q={titleWidth:new J(343,580,726,826),subTitlePaddingTop:new J(A[3],A[3]),subTitlePaddingBottom:new J(A[3],A[3])},_e=e=>`${e}_form`,Fe=ke.getLocalizedStrings(),Ke=({onboardingCustomerView:e,connectedAccountProvider:C,cardPaymentView:y,stripeKey:O,googleAPIKey:j,signedInUser:P,currentTenant:V,onUpdateStep:T,handleCreateCardSetupIntent:L,handleConfirmCardSetupIntent:z,updateCardPaymentModalState:w,handleAddCardPaymentSource:B,resetCardPaymentViewState:U,handleResetCardPaymentErrorStatuses:E,redirectToProductSuitePage:b,onUpdateCustomerView:_,...F})=>{const u=Pe(),K=ie(),{analytics:h}=K,{onFetchLinkTokenClick:D,onUpdatePaymentAccountStatus:M,onUpdatePaymentAccountLoginStatus:R,onEstablishConnectionClick:S,onEstablishConnectionSuccess:G,handleLogOutClick:N,onZeniLogoClick:W,onAddressEditHandler:x}=F,Z=we(),r=be({mode:"onSubmit",reValidateMode:"onSubmit",defaultValues:v(e),values:v(e),shouldFocusError:!0,resetOptions:{keepDirtyValues:!0}}),{companyOfficerLocalData:re,saveStatus:p,paymentAccount:k,paymentAccountStatus:de,plaidConnectionDetails:X,uiState:le,allNationalityCountries:Y,subscriptionBillingAddress:m}=e,{customerOnboardingPage:ce,common:g}=Fe,{footer:ue,steps:pe}=ce,{buttons:H}=ue,ee=pe.link_payment_account,I=Ie(p.fetchState),te=Object.values(re).findIndex(t=>t?.isSelectedForVerification===!0)??0,me=`Officer_${te<0?1:te+1}`,ge=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,f=Te(l?.country);d={street:a[n].street??g.strings.empty,city:l?.locality??g.strings.empty,state:l?.administrativeAreaLevel1??g.strings.empty,country:f,countryCode:l?.countryCode??g.strings.empty,postalCode:l?.postalCode??g.strings.empty,secondaryInfo:a[n].secondaryInfo,suite:a[n].suite},i.selectedOption!==f.selectedOption&&(d={...d,country:f})}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&&Ae(()=>ge(i,a))});return()=>{t.unsubscribe()}}),$.useEffect(()=>{I==="In-Progress"&&p.fetchState==="Completed"&&r.reset(v(e),{keepDirtyValues:!1})},[r,e,I,p.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??g.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=y.cardsList.length>0,d=y.bankAccountsList[0]?.providerVerificationStatus?.code?.includes("verified")??!1;return t&&a||!a&&!k&&i||!i&&!k&&d};function he(){if(r.getFieldState(n).error)return!1;const t=r.getValues(n),a=m?.street.join("").trim(),i=m?.city,d=m?.state,l=m?.country,f=m?.postalCode!=null&&m.postalCode||t.postalCode||g.strings.empty;return!!a&&!!i&&!!d&&!!l&&!!f}const Se=async()=>{const t=await r.trigger(n),a=await r.trigger(q);t&&a&&(ye(),T("link_payment_account"),_(me,!1,!0))};$.useEffect(()=>{I==="In-Progress"&&p.fetchState==="Completed"&&(r.reset(v(e),{keepDirtyValues:!1}),b())},[r,e,I,p.fetchState,Y,b]);const[ae,fe]=$.useState(!1);return o.jsxs(De,{children:[o.jsxs(Me,{windowSize:u,children:[o.jsx($e,{title:ee.sectionTitle,showBackButton:!1,backgroundColor:Z.colors.grey4,style:{zIndex:4},source:"CustomerOnboardingPaymentAddressDetailPage",showLeftSection:u!=="small",titleStyle:{display:"flex",alignItems:"center"},navBarContainerStyles:{paddingTop:s.sp0,paddingBottom:s.sp0},leftSideComponent:o.jsx(We,{children:o.jsx(Ze,{"data-testid":ve("zeni-logo-customer-onboarding-payment-address-detail-page"),onClick:W})})}),o.jsx(Oe,{...r,children:o.jsx(Ge,{id:_e(se),children:o.jsxs(Re,{children:[o.jsx(He,{windowSize:u,children:ee.sectionSubTitle}),o.jsx(Be,{connectedAccountProvider:C,paymentAccount:k,accountStatus:de,plaidConnectionDetails:X,subscriptionBillingAddressSectionId:n,sectionId:q,analytics:h,isValid:ne(),onFetchLinkTokenClick:D,onEstablishConnectionClick:S,onUpdatePaymentAccountStatus:M,onUpdatePaymentAccountLoginStatus:R,onEstablishConnectionSuccess:G,updateCardPaymentModalState:w,cardPaymentView:y,resetCardPaymentViewState:U,cardSetupInProgress:ae,googleAPIKey:j,subscriptionBillingAddress:m})]},"link_payment_account")})}),o.jsx(je,{formId:`${se}`,leftSideComponent:o.jsx(Ne,{windowSize:u,children:o.jsx(Ve,{signedInUser:P,currentTenant:V,onLogOutClick:N})}),style:{width:u==="small"?"auto":"100%",padding:s.sp0,rowGap:s.sp1},helperContainerStyle:{width:"100%",rowGap:s.sp1,marginTop:"12px",marginBottom:s.sp2},primaryBtn:{onClick:Se,label:H.submit,isLoading:p.fetchState==="In-Progress",isDisabled:p.fetchState==="In-Progress"||!(he()&&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(Ue,{handleConfirmCardSetupIntent:z,updateCardPaymentModalState:w,handleCreateCardSetupIntent:L,handleAddCardPaymentSource:B,cardPaymentView:y,stripeKey:O,isCardPaymentOpen:le.isCardPaymentPopupOpen,handleResetCardPaymentErrorStatuses:E,cardSetupInProgress:ae,setCardSetupInProgress:fe})]})},De=c.div`
+import{a9 as ie,j as o,fK as Ce,q as Pe,d as we,aa as be,hX as xe,F as ke,aP as Ie,cT as Ae,bG as $e,o as s,aM as ve,ad as Oe,aQ as je,bs as Ve,dk as Te,dl as oe,ag as Le,y as J,am as ze,u as A}from"./index-CN7UAWAg.js";import{n as c,b as $}from"./vendor-Bs1fkIUX.js";import{s as Ue,o as Be}from"./PaymentAccountSetupBillingAddressSection-CMVwDWuf-jHkUqKP1.js";import{f as Ee}from"./CustomerOnboardingDetailPageSkeleton-DPSQT5UG-yxM-FX1s.js";import"./mui-Ty75qFQF.js";import"./analytics-BbBRZ6cw.js";import"./routing-Dk1A2KYI.js";import"./sentry-BE5FTzpq.js";import"./redux-CEhZD0hA.js";import"./liveblocks-8ht9CoL5.js";import"./crypto-CK1x27Ua.js";import"./SetUpAccountSection-xqqgeGLA-YX4p_D4B.js";const q="onboardingPaymentAccountSetupSection",se="customerOnboardingNoStepsDetailPage",n="onboardingSubscriptionBillingAddress",Q={titleWidth:new J(343,580,726,826),subTitlePaddingTop:new J(A[3],A[3]),subTitlePaddingBottom:new J(A[3],A[3])},_e=e=>`${e}_form`,Fe=ke.getLocalizedStrings(),Ke=({onboardingCustomerView:e,connectedAccountProvider:C,cardPaymentView:y,stripeKey:O,googleAPIKey:j,signedInUser:P,currentTenant:V,onUpdateStep:T,handleCreateCardSetupIntent:L,handleConfirmCardSetupIntent:z,updateCardPaymentModalState:w,handleAddCardPaymentSource:U,resetCardPaymentViewState:B,handleResetCardPaymentErrorStatuses:E,redirectToProductSuitePage:b,onUpdateCustomerView:_,...F})=>{const u=Pe(),K=ie(),{analytics:h}=K,{onFetchLinkTokenClick:D,onUpdatePaymentAccountStatus:M,onUpdatePaymentAccountLoginStatus:R,onEstablishConnectionClick:S,onEstablishConnectionSuccess:N,handleLogOutClick:G,onZeniLogoClick:W,onAddressEditHandler:x}=F,Z=we(),r=be({mode:"onSubmit",reValidateMode:"onSubmit",defaultValues:v(e),values:v(e),shouldFocusError:!0,resetOptions:{keepDirtyValues:!0}}),{companyOfficerLocalData:re,saveStatus:p,paymentAccount:k,paymentAccountStatus:de,plaidConnectionDetails:X,uiState:le,allNationalityCountries:Y,subscriptionBillingAddress:m}=e,{customerOnboardingPage:ce,common:g}=Fe,{footer:ue,steps:pe}=ce,{buttons:H}=ue,ee=pe.link_payment_account,I=Ie(p.fetchState),te=Object.values(re).findIndex(t=>t?.isSelectedForVerification===!0)??0,me=`Officer_${te<0?1:te+1}`,ge=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,f=Te(l?.country);d={street:a[n].street??g.strings.empty,city:l?.locality??g.strings.empty,state:l?.administrativeAreaLevel1??g.strings.empty,country:f,countryCode:l?.countryCode??g.strings.empty,postalCode:l?.postalCode??g.strings.empty,secondaryInfo:a[n].secondaryInfo,suite:a[n].suite},i.selectedOption!==f.selectedOption&&(d={...d,country:f})}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&&Ae(()=>ge(i,a))});return()=>{t.unsubscribe()}}),$.useEffect(()=>{I==="In-Progress"&&p.fetchState==="Completed"&&r.reset(v(e),{keepDirtyValues:!1})},[r,e,I,p.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??g.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=y.cardsList.length>0,d=y.bankAccountsList[0]?.providerVerificationStatus?.code?.includes("verified")??!1;return t&&a||!a&&!k&&i||!i&&!k&&d};function he(){if(r.getFieldState(n).error)return!1;const t=r.getValues(n),a=m?.street.join("").trim(),i=m?.city,d=m?.state,l=m?.country,f=m?.postalCode!=null&&m.postalCode||t.postalCode||g.strings.empty;return!!a&&!!i&&!!d&&!!l&&!!f}const Se=async()=>{const t=await r.trigger(n),a=await r.trigger(q);t&&a&&(ye(),T("link_payment_account"),_(me,!1,!0))};$.useEffect(()=>{I==="In-Progress"&&p.fetchState==="Completed"&&(r.reset(v(e),{keepDirtyValues:!1}),b())},[r,e,I,p.fetchState,Y,b]);const[ae,fe]=$.useState(!1);return o.jsxs(De,{children:[o.jsxs(Me,{windowSize:u,children:[o.jsx($e,{title:ee.sectionTitle,showBackButton:!1,backgroundColor:Z.colors.grey4,style:{zIndex:4},source:"CustomerOnboardingPaymentAddressDetailPage",showLeftSection:u!=="small",titleStyle:{display:"flex",alignItems:"center"},navBarContainerStyles:{paddingTop:s.sp0,paddingBottom:s.sp0},leftSideComponent:o.jsx(We,{children:o.jsx(Ze,{"data-testid":ve("zeni-logo-customer-onboarding-payment-address-detail-page"),onClick:W})})}),o.jsx(Oe,{...r,children:o.jsx(Ne,{id:_e(se),children:o.jsxs(Re,{children:[o.jsx(He,{windowSize:u,children:ee.sectionSubTitle}),o.jsx(Ue,{connectedAccountProvider:C,paymentAccount:k,accountStatus:de,plaidConnectionDetails:X,subscriptionBillingAddressSectionId:n,sectionId:q,analytics:h,isValid:ne(),onFetchLinkTokenClick:D,onEstablishConnectionClick:S,onUpdatePaymentAccountStatus:M,onUpdatePaymentAccountLoginStatus:R,onEstablishConnectionSuccess:N,updateCardPaymentModalState:w,cardPaymentView:y,resetCardPaymentViewState:B,cardSetupInProgress:ae,googleAPIKey:j,subscriptionBillingAddress:m})]},"link_payment_account")})}),o.jsx(je,{formId:`${se}`,leftSideComponent:o.jsx(Ge,{windowSize:u,children:o.jsx(Ve,{signedInUser:P,currentTenant:V,onLogOutClick:G})}),style:{width:u==="small"?"auto":"100%",padding:s.sp0,rowGap:s.sp1},helperContainerStyle:{width:"100%",rowGap:s.sp1,marginTop:"12px",marginBottom:s.sp2},primaryBtn:{onClick:Se,label:H.submit,isLoading:p.fetchState==="In-Progress",isDisabled:p.fetchState==="In-Progress"||!(he()&&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(Be,{handleConfirmCardSetupIntent:z,updateCardPaymentModalState:w,handleCreateCardSetupIntent:L,handleAddCardPaymentSource:U,cardPaymentView:y,stripeKey:O,isCardPaymentOpen:le.isCardPaymentPopupOpen,handleResetCardPaymentErrorStatuses:E,cardSetupInProgress:ae,setCardSetupInProgress:fe})]})},De=c.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -28,10 +28,10 @@ import{a9 as ie,j as o,fK as Ce,q as Pe,d as we,aa as be,hX as xe,F as ke,aP as
   height: 100%;
   flex-direction: column;
   padding-bottom: ${s.sp0};
-`,Ge=c.form`
+`,Ne=c.form`
   padding-top: ${s.sp0};
   flex: 1;
-`,Ne=c.div`
+`,Ge=c.div`
   display: flex;
   height: ${s.sp7};
   left: ${s.sp4};
@@ -58,7 +58,7 @@ import{a9 as ie,j as o,fK as Ce,q as Pe,d as we,aa as be,hX as xe,F as ke,aP as
   padding-bottom: ${e=>Q.subTitlePaddingBottom.valuePx(e.windowSize)};
   text-align: ${e=>e.windowSize==="small"?"initial":"center"};
   width: 100%;
-`,v=e=>({[q]:{account:{allOptions:[],selectedOption:void 0}},[n]:xe(n,e?.subscriptionBillingAddress)[n]}),dt=e=>{const{onboardingCustomerView:C,cardPaymentView:y,signedInUser:O,currentTenant:j,isOnAddressPage:P,stripeKey:V,googleAPIKey:T,meetingUrl:L,onUpdateStep:z,onZeniLogoClick:w,handleLogOutClick:B,handleCockpitClick:U,handleCreateCardSetupIntent:E,handleConfirmCardSetupIntent:b,handleFetchPaymentSources:_,updateCardPaymentModalState:F,resetCardPaymentViewState:u,handleResetCardPaymentErrorStatuses:K,redirectToProductSuitePage:h,...D}=e,{allSteps:M,currentStep:R,fetchStatus:S}=C,G=ie(),{analytics:N}=G,W={allSteps:M,isOnAddressPage:P,currentStep:R,fetchStatus:S,signedInUser:O,currentTenant:j,onUpdateStep:Z=>{z(Z)},onZeniLogoClick:w,handleLogOutClick:B,handleCockpitClick:U,redirectToProductSuitePage:h},x=S.fetchState==="In-Progress"||S.fetchState==="Not-Started";return o.jsxs(Je,{isOnAddressPage:P,children:[x?o.jsx(Ee,{isNoStepsPage:!0}):o.jsx(Ke,{...W,onboardingCustomerView:C,handleCreateCardSetupIntent:E,handleConfirmCardSetupIntent:b,updateCardPaymentModalState:F,handleFetchPaymentSources:_,cardPaymentView:y,resetCardPaymentViewState:u,stripeKey:V,googleAPIKey:T,handleResetCardPaymentErrorStatuses:K,redirectToProductSuitePage:h,...D}),x?null:o.jsx(Ce,{isFooterRendered:!0,meetingUrl:L,analytics:N,productType:"onboarding"})]})},Je=c.div`
+`,v=e=>({[q]:{account:{allOptions:[],selectedOption:void 0}},[n]:xe(n,e?.subscriptionBillingAddress)[n]}),dt=e=>{const{onboardingCustomerView:C,cardPaymentView:y,signedInUser:O,currentTenant:j,isOnAddressPage:P,stripeKey:V,googleAPIKey:T,meetingUrl:L,onUpdateStep:z,onZeniLogoClick:w,handleLogOutClick:U,handleCockpitClick:B,handleCreateCardSetupIntent:E,handleConfirmCardSetupIntent:b,handleFetchPaymentSources:_,updateCardPaymentModalState:F,resetCardPaymentViewState:u,handleResetCardPaymentErrorStatuses:K,redirectToProductSuitePage:h,...D}=e,{allSteps:M,currentStep:R,fetchStatus:S}=C,N=ie(),{analytics:G}=N,W={allSteps:M,isOnAddressPage:P,currentStep:R,fetchStatus:S,signedInUser:O,currentTenant:j,onUpdateStep:Z=>{z(Z)},onZeniLogoClick:w,handleLogOutClick:U,handleCockpitClick:B,redirectToProductSuitePage:h},x=S.fetchState==="In-Progress"||S.fetchState==="Not-Started";return o.jsxs(Je,{isOnAddressPage:P,children:[x?o.jsx(Ee,{isNoStepsPage:!0}):o.jsx(Ke,{...W,onboardingCustomerView:C,handleCreateCardSetupIntent:E,handleConfirmCardSetupIntent:b,updateCardPaymentModalState:F,handleFetchPaymentSources:_,cardPaymentView:y,resetCardPaymentViewState:u,stripeKey:V,googleAPIKey:T,handleResetCardPaymentErrorStatuses:K,redirectToProductSuitePage:h,...D}),x?null:o.jsx(Ce,{isFooterRendered:!0,meetingUrl:L,analytics:G,productType:"onboarding"})]})},Je=c.div`
   display: flex;
   flex-direction: column;
   width: ${e=>e.isOnAddressPage?"fit-content":"100%"};

package/dist/assets/{CustomerOnboardingPage-Clo_UlCC-DsyGD0B2.js → CustomerOnboardingPage-eY5fJENY-CW0ZIKes.js}

@@ -1,8 +1,8 @@
-import{j as r,fK as Zt,q as Me,d as en,aa as tn,cT as me,F as Ye,aP as Qe,G as mt,aC as Ke,l as H,bG as nn,o as re,ad as an,u as M,aQ as on,hX as sn,go as rn,fV as ft,dk as xt,dl as yt,y as fe,gr as ye,d4 as cn,am as ln,hY as gt,ae as ht,d2 as dn,gq as pn}from"./index-CUpJHznP.js";import{b as p,n as P,k as It}from"./vendor-Bs1fkIUX.js";import{s as St,o as un}from"./PaymentAccountSetupBillingAddressSection-BkfPpFae-CQO2zwUL.js";import{b as Ct,f as mn,a as bt}from"./CustomerOnboardingDetailPageSkeleton-3S6lsaCB-BUgUvYUX.js";import{s as fn,S as yn}from"./CompanyOfficerDetailsSection-CmMDQgui-DjcUawXU.js";import{t as gn}from"./QBOSetupSection-CpfryKtp-ZjQWXWah.js";import"./mui-Ty75qFQF.js";import"./analytics-BbBRZ6cw.js";import"./routing-Dk1A2KYI.js";import"./sentry-BE5FTzpq.js";import"./redux-CEhZD0hA.js";import"./liveblocks-8ht9CoL5.js";import"./crypto-CK1x27Ua.js";import"./SetUpAccountSection-BuF3A3dP-Dlc3aKO9.js";import"./LabeledAddressValueField-jlDhqmgU-CM1ZWEJK.js";import"./LabeledCreatableSingleSelectField-B6Vit6ZA-Bdnw6feS.js";import"./LabeledDocumentField-CbTN9aAs-CEmYFygD.js";import"./QBOConnectionDialog-CJz2SlfE-Cw-cnWS5.js";const hn=({companyView:t,companyOfficerLocalData:w,allNationalityCountries:c,isVerificationPopupOpen:f,setIsVerificationPopupOpen:v,verifiedPhoneNumber:x,onPhoneVerified:y,...I})=>{const m=Me(),V=t?.companyOfficers.slice(0,10).sort((b,ee)=>b.user.createTime?.isAfter(ee.user.createTime)===!0?1:-1)?.map(b=>b.user),{company_officer:l}=Ye.getLocalizedStrings().customerOnboardingPage.sections,{title:D}=l,F=t?.company.company.featuresActivationInfo.connectedAccountProvider;return r.jsx(Sn,{children:r.jsx(yn,{companyOfficerData:w,allOfficers:V??[],allNationalityCountries:c,sectionHeader:D,isPopupOpen:f,productType:"onboarding",connectedAccountProvider:F,showInfoTooltip:m!=="small",showCompletedIcon:m==="small",showOfficerSelect:!1,showVerificationTag:!1,verifiedPhoneNumber:x,onPhoneVerified:y,optionalFields:["dob","officerAddress","role","ssn","ownership","selectDocument","phone"],openPopup:v,...I})})},Sn=P.div`
+import{j as r,fK as Zt,q as Me,d as en,aa as tn,cT as me,F as We,aP as Qe,D as mt,aC as Ke,l as H,bG as nn,o as re,ad as an,u as M,aQ as on,hX as sn,go as rn,fV as ft,dk as xt,dl as yt,y as fe,gr as ye,d4 as cn,am as ln,hY as gt,ae as ht,d2 as dn,gq as pn}from"./index-CN7UAWAg.js";import{b as p,n as P,k as It}from"./vendor-Bs1fkIUX.js";import{s as St,o as un}from"./PaymentAccountSetupBillingAddressSection-CMVwDWuf-jHkUqKP1.js";import{b as Ct,f as mn,a as bt}from"./CustomerOnboardingDetailPageSkeleton-DPSQT5UG-yxM-FX1s.js";import{s as fn,S as yn}from"./CompanyOfficerDetailsSection-D3PSro9F-CN8Reo83.js";import{t as gn}from"./QBOSetupSection-DhsqYA8G-Dcjp9EQd.js";import"./mui-Ty75qFQF.js";import"./analytics-BbBRZ6cw.js";import"./routing-Dk1A2KYI.js";import"./sentry-BE5FTzpq.js";import"./redux-CEhZD0hA.js";import"./liveblocks-8ht9CoL5.js";import"./crypto-CK1x27Ua.js";import"./SetUpAccountSection-xqqgeGLA-YX4p_D4B.js";import"./LabeledAddressValueField-BPOKk4mI-BFmVYPcn.js";import"./LabeledCreatableSingleSelectField-DXA_bSyS-BJinmWca.js";import"./LabeledDocumentField-Z9OHDFr6-HgLdszDI.js";import"./QBOConnectionDialog-PCdTWQqn-D0QAr5xA.js";const hn=({companyView:t,companyOfficerLocalData:w,allNationalityCountries:c,isVerificationPopupOpen:f,setIsVerificationPopupOpen:v,verifiedPhoneNumber:x,onPhoneVerified:y,...I})=>{const m=Me(),V=t?.companyOfficers.slice(0,10).sort((b,ee)=>b.user.createTime?.isAfter(ee.user.createTime)===!0?1:-1)?.map(b=>b.user),{company_officer:l}=We.getLocalizedStrings().customerOnboardingPage.sections,{title:D}=l,F=t?.company.company.featuresActivationInfo.connectedAccountProvider;return r.jsx(Sn,{children:r.jsx(yn,{companyOfficerData:w,allOfficers:V??[],allNationalityCountries:c,sectionHeader:D,isPopupOpen:f,productType:"onboarding",connectedAccountProvider:F,showInfoTooltip:m!=="small",showCompletedIcon:m==="small",showOfficerSelect:!1,showVerificationTag:!1,verifiedPhoneNumber:x,onPhoneVerified:y,optionalFields:["dob","officerAddress","role","ssn","ownership","selectDocument","phone"],openPopup:v,...I})})},Sn=P.div`
   display: flex;
   align-items: center;
   justify-content: center;
-`,Cn=({fileProps:t,companyDetails:w,companyIndustries:c,sectionId:f,isCompleted:v,isDisabled:x,style:y,onCompanyAddressClick:I,onRegisteredAddressClick:m})=>{const V=Me(),{company_details:l}=Ye.getLocalizedStrings().customerOnboardingPage.sections,{title:D}=l;return r.jsx(bn,{children:r.jsx(fn,{fileProps:t,companyDetails:w,sectionId:f,isDisabled:x,style:y,sectionHeader:D,productType:"onboarding",showInfoTooltip:V!=="small",showCompletedIcon:V==="small",isCompleted:v,allIndustries:c,optionalFields:["companyLegalName","companyDescription","companyAddress","companyIndustry","typeOfIncorporation","incDate","certificateOfIncorporation","ein","companyPhone","primaryContactName"],onCompanyAddressClick:I,onRegisteredAddressClick:m})})},bn=P.div`
+`,Cn=({fileProps:t,companyDetails:w,companyIndustries:c,sectionId:f,isCompleted:v,isDisabled:x,style:y,onCompanyAddressClick:I,onRegisteredAddressClick:m})=>{const V=Me(),{company_details:l}=We.getLocalizedStrings().customerOnboardingPage.sections,{title:D}=l;return r.jsx(bn,{children:r.jsx(fn,{fileProps:t,companyDetails:w,sectionId:f,isDisabled:x,style:y,sectionHeader:D,productType:"onboarding",showInfoTooltip:V!=="small",showCompletedIcon:V==="small",isCompleted:v,allIndustries:c,optionalFields:["companyLegalName","companyDescription","companyAddress","companyIndustry","typeOfIncorporation","incDate","certificateOfIncorporation","ein","companyPhone","primaryContactName"],onCompanyAddressClick:I,onRegisteredAddressClick:m})})},bn=P.div`
   display: flex;
   align-items: center;
   justify-content: center;
@@ -10,7 +10,7 @@ import{j as r,fK as Zt,q as Me,d as en,aa as tn,cT as me,F as Ye,aP as Qe,G as m
   display: flex;
 `,xn=P.input`
   display: none;
-`,In=({isValid:t,sectionId:w="onboardingQboConnection",...c})=>{const{register:f}=cn();return r.jsxs(Pn,{children:[r.jsx(xn,{type:"hidden",...f(`${w}.connected`,{validate:v=>v==="true"}),value:t?"true":"false"}),r.jsx(gn,{isValid:t,...c})]})},j="companyDetails",C="companyOfficer",Z="onboardingPaymentAccountSetupSection",Pt="customerOnboardingDetailPage",u="onboardingSubscriptionBillingAddress",ge="onboardingQboConnection",he={titleWidth:new fe(343,580,726,826),topNavBarHeight:new fe(52,52,63),topNavBarLeftRightSpace:new fe(M[5],M[9],112),subTitlePaddingTop:new fe(M[3],M[3]),subTitlePaddingBottom:new fe(M[3],M[3])},On=t=>`${t}_form`,ce=Ye.getLocalizedStrings(),kn=({fileProps:t,isRefreshingViewInBackground:w,isAdmin:c,onboardingCustomerView:f,companyTitles:v,connectedAccountProvider:x,analytics:y,cardPaymentView:I,stripeKey:m,googleAPIKey:V,handleCreateCardSetupIntent:l,handleConfirmCardSetupIntent:D,updateCardPaymentModalState:F,handleAddCardPaymentSource:b,resetCardPaymentViewState:ee,handleResetCardPaymentErrorStatuses:we,redirectToProductSuitePage:Se,onFormErrorsChange:$,...ve})=>{const L=Me(),Ae=p.useRef(null),Ve=p.useRef(null),Y=p.useRef(null),De=p.useRef(null),[Ce,B]=p.useState(!1),[R,z]=p.useState("next"),[T,be]=p.useState(!1),[le,Pe]=p.useState(!1),[te,W]=p.useState(null),{onAddressClick:ne,onCompanyDetailsChanged:xe,onCompanyOfficerUpdated:N,onFetchLinkTokenClick:Ie,onUpdatePaymentAccountStatus:de,onUpdatePaymentAccountLoginStatus:ae,onEstablishConnectionClick:pe,onEstablishConnectionSuccess:oe,onDeleteFile:A,onEditFileName:We,updateFilesEntity:Ge,onGetOtp:Ot,onSkipSetupClick:Ne,onUpdateCustomerView:$e,updateStepHandler:U,onVerifyOtp:kt,onResendOtp:wt,handleOnConnectClick:vt,updateQBOPopupState:At,onUpdateStep:Fe,onAddressEditHandler:Vt}=ve,Dt=en(),s=tn({mode:"onSubmit",reValidateMode:"onChange",defaultValues:He(f,f.allNationalityCountries),values:He(f,f.allNationalityCountries),shouldFocusError:!0,resetOptions:{keepDirtyValues:!0}}),q=p.useCallback(()=>{const e=[];return(s.getFieldState(Z).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();$?.(e)},[q,$]),p.useEffect(()=>{const e=s.watch((n,{name:o,type:i})=>{o!=null&&(i==="change"||i==="blur")&&me(()=>{const d=q();$?.(d)})});return()=>e.unsubscribe()},[s,q,$]);const Xe=e=>{Je(e)},Oe=p.useRef(""),Nt=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`)},Je=e=>{e!=null&&!ye(e)?s.trigger(`${C}.${X}.phone`):Ot(e)},{companyView:se,companyDetailsLocalData:g,companyOfficerLocalData:Q,currentStep:a,completedSteps:Ze,saveStatus:O,allSteps:h,allRequiredStepsCompleted:Te,paymentAccount:K,paymentAccountStatus:et,externalConnections:_e,plaidConnectionDetails:Ee,uiState:je,allNationalityCountries:Le,pendingSaveDetails:{companyDetails:$t,officer:Ft},subscriptionBillingAddress:G}=f,X=Object.values(Q).findIndex(e=>e?.isSelectedForVerification===!0)??0,_=`Officer_${X<0?1:X+1}`,Tt=se?.companyOfficers.slice(0,10).sort((e,n)=>e.user.createTime?.isAfter(n.user.createTime)===!0?1:-1),Be=Q[_]?.userId!=null?Tt?.find(e=>e.user.userId===Q[_]?.userId)?.address:null,tt=Q[_]?.addressStatus?.addressToCreate,ke=se?.companyAddress,nt=g?.addressStatus?.addressToCreate,Re=se?.registeredAddress,at=g?.registeredAddressStatus?.addressToCreate,{customerOnboardingPage:_t,common:S}=ce,{footer:Et,steps:jt}=_t,{buttons:ot}=Et,st=jt[a],ze=h.length,ie=Qe(O.fetchState),E=Qe(a);function Lt(){return _e?.accounting[0]?.isValid??!1}const ue=()=>{const e=Object.values(Ee).some(d=>d.fetchStatus.fetchState==="Completed"),n=K?.providerVerificationStatus?.code?.includes("verified")??!1,o=I.cardsList.length>0,i=I.bankAccountsList[0]?.providerVerificationStatus?.code?.includes("verified")??!1;return e&&n||!n&&!K&&o||!o&&!K&&i};function it(){if(s.getFieldState(u).error)return!1;const e=s.getValues(u),n=G?.street.join("").trim(),o=G?.city,i=G?.state,d=G?.country,k=G?.postalCode!=null&&G.postalCode||e.postalCode||S.strings.empty;return!!n&&!!o&&!!i&&!!d&&!!k}const rt=Qe(K?.providerVerificationStatus?.code);p.useEffect(()=>{rt==="pending_manual_verification"&&K?.providerVerificationStatus?.code==="manually_verified"&&y.trackOnboardingBankAccountVerified("manual")},[y,K?.providerVerificationStatus?.code,rt]);const Bt=async(e,n)=>{if(e.includes(j))xe?.(n[j]);else if(e.includes(C))N?.(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=xt(d?.country);i={street:n[u].street??S.strings.empty,city:d?.locality??S.strings.empty,state:d?.administrativeAreaLevel1??S.strings.empty,country:k,countryCode:d?.countryCode??S.strings.empty,postalCode:d?.postalCode??S.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:yt(o.selectedOption)}:o.selectedOption!=null&&e.includes(`${u}.street`)===!1&&(i={...i,countryCode:yt(o.selectedOption)});Vt(i)}};p.useEffect(()=>{const e=s.watch((n,{name:o})=>{o!=null&&n!=null&&me(()=>Bt(o,n))});return()=>{e.unsubscribe()}}),p.useEffect(()=>{ie==="In-Progress"&&O.fetchState==="Completed"&&(s.reset(He(f,Le),{keepDirtyValues:!1}),E==="company_details"&&a==="link_payment_account"&&!h.includes("qbo_connection")&&!f.qboConnected&&Se())},[s,f,ie,O.fetchState,Le,E,a,h,Se]),p.useEffect(()=>{Ce&&ie==="In-Progress"&&O.fetchState==="Completed"&&(Ne(),y.track(mt.Event.onboardingSkipAndSave))},[ie,Ce,O.fetchState,Ne]),p.useEffect(()=>{te?.shouldNavigate===!0&&ie==="In-Progress"&&O.fetchState==="Completed"&&(U(te.fromStep,te.stepDirection,!0),W(null))},[te,ie,O.fetchState,U]),p.useLayoutEffect(()=>{E!=null&&E!==a&&(h.indexOf(E)===h.indexOf(a)-1||h.indexOf(E)===ze-1&&h.indexOf(a)===0?R!=="next"&&z("next"):(h.indexOf(E)-1===h.indexOf(a)||h.indexOf(E)===0&&h.indexOf(a)===ze-1)&&R!=="previous"&&z("previous"))},[h,a,E,R,ze]);const ct=()=>{const e=Q[_];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},Rt=!Ke(tt!=null?H.getFormattedAddress(tt):null,Be!=null?H.getFormattedAddress(Be):null),zt=!Ke(nt!=null?H.getFormattedAddress(nt):null,ke!=null?H.getFormattedAddress(ke):null),Ut=!Ke(at!=null?H.getFormattedAddress(at):null,Re!=null?H.getFormattedAddress(Re):null),qt=s.getFieldState(j).isDirty||zt||Ut||$t,Ue=s.getFieldState(C).isDirty&&ct()||Rt||Ft,lt=s.getFieldState(`${u}`).isDirty,Qt=g?.primaryContactLocalData,Kt=()=>{U(a,"previous",!0)},Ht=()=>{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??S.strings.empty,secondaryInfo:e.secondaryInfo};y.trackOnboardingBillingAddressSave(n)},Mt=()=>{switch(Pe(!1),a){case"link_payment_account":lt?setTimeout(()=>{const e=q();$?.(e),it()&&lt?(Ht(),$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=dt();if(me(()=>{const n=q();$?.(n)}),e.needsOtp&&e.phoneNumber&&ye(e.phoneNumber)){const n=s.formState.errors[C]?.[X<0?0:X],o=n?.phone,i=n!=null&&Object.keys(n).some(d=>d!=="phone"&&n[d]!=null);if(o!=null&&!i){Xe(e.phoneNumber);return}}e.isValid&&($e(_,!1,!1),y.trackOnboardingCompanyOfficerSave(pt(),{legalName:g?.companyLegalName}),W({fromStep:a,shouldNavigate:!0,stepDirection:"next"}))}else U(a,"next",!0);break;case"company_details":Pe(!0);{const e=!(it()&&ue()),n=!Lt()&&h.includes("qbo_connection");if(e||n){e&&(s.trigger(`${Z}`),s.trigger(`${u}`)),n&&s.trigger(ge),me(()=>{const o=q();$?.(o)}),e?Fe("link_payment_account"):n&&Fe("qbo_connection");return}}if(qt||Ue||!Qt?.email){const e=Wt(),n=Ue?dt():{isValid:!0};me(()=>{const o=q();$?.(o)}),e&&n.isValid?(Te&&(B(!0),Gt()),$e(_,!Te,!1),W({fromStep:a,shouldNavigate:!0,stepDirection:"next"})):n.isValid||Fe("company_officer")}else Te?Yt():U(a,"next",!0);break}},Yt=()=>{O.fetchState!=="In-Progress"&&(Ne(),y.track(mt.Event.onboardingSkipAndSave))},dt=()=>{const e=Q[_],n=e?.email??S.strings.empty,o=e?.phone??S.strings.empty,i=e?.ssn??S.strings.empty,d=e?.ownershipInCompany,k=X<0?0:X,Jt=!!e?.firstName&&!!e?.lastName;let J=!0,ut=!1;return n&&!Jt&&(s.trigger([`${C}.${k}.name.firstName`,`${C}.${k}.name.lastName`],{shouldFocus:a==="company_officer"}),J=!1),(!n&&ct()||ht.test(n)===!1)&&(s.trigger(`${C}.${k}.email`,{shouldFocus:a==="company_officer"}),J=!1),o&&ye(o)===!1&&(s.trigger(`${C}.${k}.phone`,{shouldFocus:a==="company_officer"}),J=!1),o&&ye(o)===!0&&x==="unit"&&(Oe.current!==""&&o===Oe.current||(ut=!0,s.setError(`${C}.${k}.phone`,{type:"custom",message:ce.commonSetUp.businessVerification.phoneValidationError},{shouldFocus:a==="company_officer"}),J=!1)),d!=null&&d>100&&(s.trigger(`${C}.${k}.ownership`,{shouldFocus:a==="company_officer"}),J=!1),i&&pn.test(i)===!1&&(s.trigger(`${C}.${k}.ssn`,{shouldFocus:a==="company_officer"}),J=!1),{isValid:J,needsOtp:ut,phoneNumber:o}},Wt=()=>{const e=g?.website?.toString()??S.strings.empty,n=g?.phone??S.strings.empty,o=g?.taxIdOrEIN??S.strings.empty,i=g?.primaryContactLocalData?.email??S.strings.empty;let d=!0;return e&&gt.test(e)===!1&&(s.trigger(`${j}.companyWebsite`,{shouldFocus:a==="company_details"}),d=!1),gt.lastIndex=0,n&&ye(n)===!1&&(s.trigger(`${j}.companyPhone`,{shouldFocus:a==="company_details"}),d=!1),(!i||ht.test(i)===!1)&&(s.trigger(`${j}.primaryContactEmail`,{shouldFocus:a==="company_details"}),d=!1),o&&dn.test(o)===!1&&(s.trigger(`${j}.companyTaxId`,{shouldFocus:a==="company_details"}),d=!1),d},pt=()=>{const e=Q[_];return{email:e?.email??S.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?H.getFormattedAddress(e?.addressStatus?.addressToCreate):void 0,documentTypeForVerification:e?.documentTypeSelectedForVerification}},Gt=()=>{const e=g?.primaryContactLocalData;y.trackBusinessVerificationSave(pt(),{companyDescription:g?.companyDescription,legalName:g?.companyLegalName,phone:g?.phone,website:g?.website?.toString(),industry:g?.companyIndustry??S.strings.empty,formattedAddress:g?.addressStatus?.addressToCreate!=null?H.getFormattedAddress(g?.addressStatus?.addressToCreate):void 0},{firstName:e?.firstName,lastName:e?.lastName,email:e?.email},"onboarding")},[qe,Xt]=p.useState(!1);return r.jsxs(An,{children:[r.jsxs(Vn,{windowSize:L,children:[h.indexOf(a)>=0?r.jsx(nn,{title:st.sectionTitle,showBackButton:!1,backgroundColor:Dt.colors.grey4,style:{zIndex:4},showLeftSection:L!=="small",titleStyle:{display:"flex",alignItems:"center"},navBarContainerStyles:{paddingTop:re.sp0,paddingBottom:re.sp0},source:"CustomerOnboardingDetailPage"}):r.jsx(Dn,{windowSize:L,children:r.jsx($n,{windowSize:L,children:r.jsx(Nn,{})})}),r.jsx(an,{...s,children:r.jsx(Tn,{id:On(Pt),children:h.map(e=>{let n;n=r.jsx(St,{connectedAccountProvider:x,paymentAccount:K,accountStatus:et,plaidConnectionDetails:Ee,sectionId:Z,hasError:s.getFieldState(Z).error!=null||le&&!ue(),isValid:ue(),analytics:y,onFetchLinkTokenClick:Ie,onEstablishConnectionClick:pe,onUpdatePaymentAccountStatus:de,onUpdatePaymentAccountLoginStatus:ae,onEstablishConnectionSuccess:oe,cardPaymentView:I,resetCardPaymentViewState:ee,updateCardPaymentModalState:F,cardSetupInProgress:qe,subscriptionBillingAddressSectionId:u});let o=Ae;switch(e){case"link_payment_account":n=r.jsx(St,{connectedAccountProvider:x,paymentAccount:K,accountStatus:et,plaidConnectionDetails:Ee,subscriptionBillingAddressSectionId:u,sectionId:Z,hasError:s.getFieldState(Z).error!=null||le&&!ue(),isValid:ue(),analytics:y,onFetchLinkTokenClick:Ie,onEstablishConnectionClick:pe,onUpdatePaymentAccountStatus:de,onUpdatePaymentAccountLoginStatus:ae,onEstablishConnectionSuccess:oe,updateCardPaymentModalState:F,cardPaymentView:I,resetCardPaymentViewState:ee,cardSetupInProgress:qe,googleAPIKey:V,subscriptionBillingAddress:G});break;case"qbo_connection":n=r.jsx(In,{sectionId:ge,hasError:s.getFieldState(ge).error!=null,isAdmin:c,isValid:_e?.accounting[0]?.isValid??!1,companyName:se?.company.company.companyInfo.companyLegalName,saveConnectionState:_e?.saveConnectionState,isQBOPopupOpen:je.isQBOPopupOpen,handleOnConnectClick:vt,updateQBOPopupState:At}),o=Ve;break;case"company_officer":n=r.jsx(hn,{companyOfficerLocalData:Q,allNationalityCountries:Le,isCompleted:Ze.includes("company_officer"),companyView:se,sectionId:C,filesEndPoint:t.filesEndPoint,authParams:t.authParams,isRefreshingViewInBackground:w,companyTitles:v,isVerificationPopupOpen:T,setIsVerificationPopupOpen:be,onGetOtp:Xe,onVerifyOtp:kt,onResendOtp:wt,onOfficerAddressClick:i=>ne(i,Be?.addressId),updateFilesEntity:Ge,onEditFileName:We,onDeleteFile:A,verifiedPhoneNumber:Oe.current,onPhoneVerified:Nt,isDisabled:O.fetchState==="In-Progress"?"readonly":void 0,triggerError:Je}),o=De;break;case"company_details":n=r.jsx(Cn,{fileProps:{...t,onEditFileName:We,onDeleteFile:A,updateFilesEntity:Ge},sectionId:j,companyIndustries:f.companyIndustries,companyDetails:g,isDisabled:O.fetchState==="In-Progress"?"readonly":void 0,isCompleted:Ze.includes("company_details"),onCompanyAddressClick:i=>{const d=se?.company.company.companyOnboardingInfo.subscriptionBillingAddressId;ke?.addressId==null&&d!=null?ne(i,d):ne(i,ke?.addressId)},onRegisteredAddressClick:i=>ne(i,Re?.addressId)}),o=Y;break}return r.jsxs(Fn,{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"?M[6]:M[0],stepAnimationDirection:R,children:[h.indexOf(a)>=0?r.jsx(_n,{windowSize:L,children:st.sectionSubTitle}):null,n]},e)})})}),r.jsx(on,{formId:`${Pt}`,style:{width:L==="small"?"auto":"100%",paddingTop:re.sp2,paddingBottom:re.sp2},primaryBtn:{onClick:Mt,label:a==="company_details"?S.footer.submit:ot.next,isLoading:O.fetchState==="In-Progress",isDisabled:O.fetchState==="In-Progress"},cancelBtn:{onClick:Kt,label:ot.back,isDisabled:O.fetchState==="In-Progress"||h.indexOf(a)===0},containerStyle:{width:"auto",justifyContent:"center"},showCancel:!0})]}),r.jsx(un,{handleConfirmCardSetupIntent:D,updateCardPaymentModalState:F,handleCreateCardSetupIntent:l,handleAddCardPaymentSource:b,cardPaymentView:I,stripeKey:m,isCardPaymentOpen:je.isCardPaymentPopupOpen,handleResetCardPaymentErrorStatuses:we,cardSetupInProgress:qe,setCardSetupInProgress:Xt})]})},wn=It`
+`,In=({isValid:t,sectionId:w="onboardingQboConnection",...c})=>{const{register:f}=cn();return r.jsxs(Pn,{children:[r.jsx(xn,{type:"hidden",...f(`${w}.connected`,{validate:v=>v==="true"}),value:t?"true":"false"}),r.jsx(gn,{isValid:t,...c})]})},j="companyDetails",C="companyOfficer",Z="onboardingPaymentAccountSetupSection",Pt="customerOnboardingDetailPage",u="onboardingSubscriptionBillingAddress",ge="onboardingQboConnection",he={titleWidth:new fe(343,580,726,826),topNavBarHeight:new fe(52,52,63),topNavBarLeftRightSpace:new fe(M[5],M[9],112),subTitlePaddingTop:new fe(M[3],M[3]),subTitlePaddingBottom:new fe(M[3],M[3])},On=t=>`${t}_form`,ce=We.getLocalizedStrings(),kn=({fileProps:t,isRefreshingViewInBackground:w,isAdmin:c,onboardingCustomerView:f,companyTitles:v,connectedAccountProvider:x,analytics:y,cardPaymentView:I,stripeKey:m,googleAPIKey:V,handleCreateCardSetupIntent:l,handleConfirmCardSetupIntent:D,updateCardPaymentModalState:F,handleAddCardPaymentSource:b,resetCardPaymentViewState:ee,handleResetCardPaymentErrorStatuses:we,redirectToProductSuitePage:Se,onFormErrorsChange:$,...ve})=>{const L=Me(),Ae=p.useRef(null),Ve=p.useRef(null),W=p.useRef(null),De=p.useRef(null),[Ce,B]=p.useState(!1),[R,z]=p.useState("next"),[T,be]=p.useState(!1),[le,Pe]=p.useState(!1),[te,Y]=p.useState(null),{onAddressClick:ne,onCompanyDetailsChanged:xe,onCompanyOfficerUpdated:N,onFetchLinkTokenClick:Ie,onUpdatePaymentAccountStatus:de,onUpdatePaymentAccountLoginStatus:ae,onEstablishConnectionClick:pe,onEstablishConnectionSuccess:oe,onDeleteFile:A,onEditFileName:Ye,updateFilesEntity:Xe,onGetOtp:Ot,onSkipSetupClick:Ne,onUpdateCustomerView:$e,updateStepHandler:U,onVerifyOtp:kt,onResendOtp:wt,handleOnConnectClick:vt,updateQBOPopupState:At,onUpdateStep:Fe,onAddressEditHandler:Vt}=ve,Dt=en(),s=tn({mode:"onSubmit",reValidateMode:"onChange",defaultValues:He(f,f.allNationalityCountries),values:He(f,f.allNationalityCountries),shouldFocusError:!0,resetOptions:{keepDirtyValues:!0}}),q=p.useCallback(()=>{const e=[];return(s.getFieldState(Z).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();$?.(e)},[q,$]),p.useEffect(()=>{const e=s.watch((n,{name:o,type:i})=>{o!=null&&(i==="change"||i==="blur")&&me(()=>{const d=q();$?.(d)})});return()=>e.unsubscribe()},[s,q,$]);const Ge=e=>{Je(e)},Oe=p.useRef(""),Nt=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`)},Je=e=>{e!=null&&!ye(e)?s.trigger(`${C}.${G}.phone`):Ot(e)},{companyView:se,companyDetailsLocalData:g,companyOfficerLocalData:Q,currentStep:a,completedSteps:Ze,saveStatus:O,allSteps:h,allRequiredStepsCompleted:Te,paymentAccount:K,paymentAccountStatus:et,externalConnections:_e,plaidConnectionDetails:Ee,uiState:je,allNationalityCountries:Le,pendingSaveDetails:{companyDetails:$t,officer:Ft},subscriptionBillingAddress:X}=f,G=Object.values(Q).findIndex(e=>e?.isSelectedForVerification===!0)??0,_=`Officer_${G<0?1:G+1}`,Tt=se?.companyOfficers.slice(0,10).sort((e,n)=>e.user.createTime?.isAfter(n.user.createTime)===!0?1:-1),Be=Q[_]?.userId!=null?Tt?.find(e=>e.user.userId===Q[_]?.userId)?.address:null,tt=Q[_]?.addressStatus?.addressToCreate,ke=se?.companyAddress,nt=g?.addressStatus?.addressToCreate,Re=se?.registeredAddress,at=g?.registeredAddressStatus?.addressToCreate,{customerOnboardingPage:_t,common:S}=ce,{footer:Et,steps:jt}=_t,{buttons:ot}=Et,st=jt[a],ze=h.length,ie=Qe(O.fetchState),E=Qe(a);function Lt(){return _e?.accounting[0]?.isValid??!1}const ue=()=>{const e=Object.values(Ee).some(d=>d.fetchStatus.fetchState==="Completed"),n=K?.providerVerificationStatus?.code?.includes("verified")??!1,o=I.cardsList.length>0,i=I.bankAccountsList[0]?.providerVerificationStatus?.code?.includes("verified")??!1;return e&&n||!n&&!K&&o||!o&&!K&&i};function it(){if(s.getFieldState(u).error)return!1;const e=s.getValues(u),n=X?.street.join("").trim(),o=X?.city,i=X?.state,d=X?.country,k=X?.postalCode!=null&&X.postalCode||e.postalCode||S.strings.empty;return!!n&&!!o&&!!i&&!!d&&!!k}const rt=Qe(K?.providerVerificationStatus?.code);p.useEffect(()=>{rt==="pending_manual_verification"&&K?.providerVerificationStatus?.code==="manually_verified"&&y.trackOnboardingBankAccountVerified("manual")},[y,K?.providerVerificationStatus?.code,rt]);const Bt=async(e,n)=>{if(e.includes(j))xe?.(n[j]);else if(e.includes(C))N?.(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=xt(d?.country);i={street:n[u].street??S.strings.empty,city:d?.locality??S.strings.empty,state:d?.administrativeAreaLevel1??S.strings.empty,country:k,countryCode:d?.countryCode??S.strings.empty,postalCode:d?.postalCode??S.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:yt(o.selectedOption)}:o.selectedOption!=null&&e.includes(`${u}.street`)===!1&&(i={...i,countryCode:yt(o.selectedOption)});Vt(i)}};p.useEffect(()=>{const e=s.watch((n,{name:o})=>{o!=null&&n!=null&&me(()=>Bt(o,n))});return()=>{e.unsubscribe()}}),p.useEffect(()=>{ie==="In-Progress"&&O.fetchState==="Completed"&&(s.reset(He(f,Le),{keepDirtyValues:!1}),E==="company_details"&&a==="link_payment_account"&&!h.includes("qbo_connection")&&!f.qboConnected&&Se())},[s,f,ie,O.fetchState,Le,E,a,h,Se]),p.useEffect(()=>{Ce&&ie==="In-Progress"&&O.fetchState==="Completed"&&(Ne(),y.track(mt.Event.onboardingSkipAndSave))},[ie,Ce,O.fetchState,Ne]),p.useEffect(()=>{te?.shouldNavigate===!0&&ie==="In-Progress"&&O.fetchState==="Completed"&&(U(te.fromStep,te.stepDirection,!0),Y(null))},[te,ie,O.fetchState,U]),p.useLayoutEffect(()=>{E!=null&&E!==a&&(h.indexOf(E)===h.indexOf(a)-1||h.indexOf(E)===ze-1&&h.indexOf(a)===0?R!=="next"&&z("next"):(h.indexOf(E)-1===h.indexOf(a)||h.indexOf(E)===0&&h.indexOf(a)===ze-1)&&R!=="previous"&&z("previous"))},[h,a,E,R,ze]);const ct=()=>{const e=Q[_];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},Rt=!Ke(tt!=null?H.getFormattedAddress(tt):null,Be!=null?H.getFormattedAddress(Be):null),zt=!Ke(nt!=null?H.getFormattedAddress(nt):null,ke!=null?H.getFormattedAddress(ke):null),Ut=!Ke(at!=null?H.getFormattedAddress(at):null,Re!=null?H.getFormattedAddress(Re):null),qt=s.getFieldState(j).isDirty||zt||Ut||$t,Ue=s.getFieldState(C).isDirty&&ct()||Rt||Ft,lt=s.getFieldState(`${u}`).isDirty,Qt=g?.primaryContactLocalData,Kt=()=>{U(a,"previous",!0)},Ht=()=>{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??S.strings.empty,secondaryInfo:e.secondaryInfo};y.trackOnboardingBillingAddressSave(n)},Mt=()=>{switch(Pe(!1),a){case"link_payment_account":lt?setTimeout(()=>{const e=q();$?.(e),it()&&lt?(Ht(),$e(_,!1,!0),Y({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=dt();if(me(()=>{const n=q();$?.(n)}),e.needsOtp&&e.phoneNumber&&ye(e.phoneNumber)){const n=s.formState.errors[C]?.[G<0?0:G],o=n?.phone,i=n!=null&&Object.keys(n).some(d=>d!=="phone"&&n[d]!=null);if(o!=null&&!i){Ge(e.phoneNumber);return}}e.isValid&&($e(_,!1,!1),y.trackOnboardingCompanyOfficerSave(pt(),{legalName:g?.companyLegalName}),Y({fromStep:a,shouldNavigate:!0,stepDirection:"next"}))}else U(a,"next",!0);break;case"company_details":Pe(!0);{const e=!(it()&&ue()),n=!Lt()&&h.includes("qbo_connection");if(e||n){e&&(s.trigger(`${Z}`),s.trigger(`${u}`)),n&&s.trigger(ge),me(()=>{const o=q();$?.(o)}),e?Fe("link_payment_account"):n&&Fe("qbo_connection");return}}if(qt||Ue||!Qt?.email){const e=Yt(),n=Ue?dt():{isValid:!0};me(()=>{const o=q();$?.(o)}),e&&n.isValid?(Te&&(B(!0),Xt()),$e(_,!Te,!1),Y({fromStep:a,shouldNavigate:!0,stepDirection:"next"})):n.isValid||Fe("company_officer")}else Te?Wt():U(a,"next",!0);break}},Wt=()=>{O.fetchState!=="In-Progress"&&(Ne(),y.track(mt.Event.onboardingSkipAndSave))},dt=()=>{const e=Q[_],n=e?.email??S.strings.empty,o=e?.phone??S.strings.empty,i=e?.ssn??S.strings.empty,d=e?.ownershipInCompany,k=G<0?0:G,Jt=!!e?.firstName&&!!e?.lastName;let J=!0,ut=!1;return n&&!Jt&&(s.trigger([`${C}.${k}.name.firstName`,`${C}.${k}.name.lastName`],{shouldFocus:a==="company_officer"}),J=!1),(!n&&ct()||ht.test(n)===!1)&&(s.trigger(`${C}.${k}.email`,{shouldFocus:a==="company_officer"}),J=!1),o&&ye(o)===!1&&(s.trigger(`${C}.${k}.phone`,{shouldFocus:a==="company_officer"}),J=!1),o&&ye(o)===!0&&x==="unit"&&(Oe.current!==""&&o===Oe.current||(ut=!0,s.setError(`${C}.${k}.phone`,{type:"custom",message:ce.commonSetUp.businessVerification.phoneValidationError},{shouldFocus:a==="company_officer"}),J=!1)),d!=null&&d>100&&(s.trigger(`${C}.${k}.ownership`,{shouldFocus:a==="company_officer"}),J=!1),i&&pn.test(i)===!1&&(s.trigger(`${C}.${k}.ssn`,{shouldFocus:a==="company_officer"}),J=!1),{isValid:J,needsOtp:ut,phoneNumber:o}},Yt=()=>{const e=g?.website?.toString()??S.strings.empty,n=g?.phone??S.strings.empty,o=g?.taxIdOrEIN??S.strings.empty,i=g?.primaryContactLocalData?.email??S.strings.empty;let d=!0;return e&&gt.test(e)===!1&&(s.trigger(`${j}.companyWebsite`,{shouldFocus:a==="company_details"}),d=!1),gt.lastIndex=0,n&&ye(n)===!1&&(s.trigger(`${j}.companyPhone`,{shouldFocus:a==="company_details"}),d=!1),(!i||ht.test(i)===!1)&&(s.trigger(`${j}.primaryContactEmail`,{shouldFocus:a==="company_details"}),d=!1),o&&dn.test(o)===!1&&(s.trigger(`${j}.companyTaxId`,{shouldFocus:a==="company_details"}),d=!1),d},pt=()=>{const e=Q[_];return{email:e?.email??S.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?H.getFormattedAddress(e?.addressStatus?.addressToCreate):void 0,documentTypeForVerification:e?.documentTypeSelectedForVerification}},Xt=()=>{const e=g?.primaryContactLocalData;y.trackBusinessVerificationSave(pt(),{companyDescription:g?.companyDescription,legalName:g?.companyLegalName,phone:g?.phone,website:g?.website?.toString(),industry:g?.companyIndustry??S.strings.empty,formattedAddress:g?.addressStatus?.addressToCreate!=null?H.getFormattedAddress(g?.addressStatus?.addressToCreate):void 0},{firstName:e?.firstName,lastName:e?.lastName,email:e?.email},"onboarding")},[qe,Gt]=p.useState(!1);return r.jsxs(An,{children:[r.jsxs(Vn,{windowSize:L,children:[h.indexOf(a)>=0?r.jsx(nn,{title:st.sectionTitle,showBackButton:!1,backgroundColor:Dt.colors.grey4,style:{zIndex:4},showLeftSection:L!=="small",titleStyle:{display:"flex",alignItems:"center"},navBarContainerStyles:{paddingTop:re.sp0,paddingBottom:re.sp0},source:"CustomerOnboardingDetailPage"}):r.jsx(Dn,{windowSize:L,children:r.jsx($n,{windowSize:L,children:r.jsx(Nn,{})})}),r.jsx(an,{...s,children:r.jsx(Tn,{id:On(Pt),children:h.map(e=>{let n;n=r.jsx(St,{connectedAccountProvider:x,paymentAccount:K,accountStatus:et,plaidConnectionDetails:Ee,sectionId:Z,hasError:s.getFieldState(Z).error!=null||le&&!ue(),isValid:ue(),analytics:y,onFetchLinkTokenClick:Ie,onEstablishConnectionClick:pe,onUpdatePaymentAccountStatus:de,onUpdatePaymentAccountLoginStatus:ae,onEstablishConnectionSuccess:oe,cardPaymentView:I,resetCardPaymentViewState:ee,updateCardPaymentModalState:F,cardSetupInProgress:qe,subscriptionBillingAddressSectionId:u});let o=Ae;switch(e){case"link_payment_account":n=r.jsx(St,{connectedAccountProvider:x,paymentAccount:K,accountStatus:et,plaidConnectionDetails:Ee,subscriptionBillingAddressSectionId:u,sectionId:Z,hasError:s.getFieldState(Z).error!=null||le&&!ue(),isValid:ue(),analytics:y,onFetchLinkTokenClick:Ie,onEstablishConnectionClick:pe,onUpdatePaymentAccountStatus:de,onUpdatePaymentAccountLoginStatus:ae,onEstablishConnectionSuccess:oe,updateCardPaymentModalState:F,cardPaymentView:I,resetCardPaymentViewState:ee,cardSetupInProgress:qe,googleAPIKey:V,subscriptionBillingAddress:X});break;case"qbo_connection":n=r.jsx(In,{sectionId:ge,hasError:s.getFieldState(ge).error!=null,isAdmin:c,isValid:_e?.accounting[0]?.isValid??!1,companyName:se?.company.company.companyInfo.companyLegalName,saveConnectionState:_e?.saveConnectionState,isQBOPopupOpen:je.isQBOPopupOpen,handleOnConnectClick:vt,updateQBOPopupState:At}),o=Ve;break;case"company_officer":n=r.jsx(hn,{companyOfficerLocalData:Q,allNationalityCountries:Le,isCompleted:Ze.includes("company_officer"),companyView:se,sectionId:C,filesEndPoint:t.filesEndPoint,authParams:t.authParams,isRefreshingViewInBackground:w,companyTitles:v,isVerificationPopupOpen:T,setIsVerificationPopupOpen:be,onGetOtp:Ge,onVerifyOtp:kt,onResendOtp:wt,onOfficerAddressClick:i=>ne(i,Be?.addressId),updateFilesEntity:Xe,onEditFileName:Ye,onDeleteFile:A,verifiedPhoneNumber:Oe.current,onPhoneVerified:Nt,isDisabled:O.fetchState==="In-Progress"?"readonly":void 0,triggerError:Je}),o=De;break;case"company_details":n=r.jsx(Cn,{fileProps:{...t,onEditFileName:Ye,onDeleteFile:A,updateFilesEntity:Xe},sectionId:j,companyIndustries:f.companyIndustries,companyDetails:g,isDisabled:O.fetchState==="In-Progress"?"readonly":void 0,isCompleted:Ze.includes("company_details"),onCompanyAddressClick:i=>{const d=se?.company.company.companyOnboardingInfo.subscriptionBillingAddressId;ke?.addressId==null&&d!=null?ne(i,d):ne(i,ke?.addressId)},onRegisteredAddressClick:i=>ne(i,Re?.addressId)}),o=W;break}return r.jsxs(Fn,{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"?M[6]:M[0],stepAnimationDirection:R,children:[h.indexOf(a)>=0?r.jsx(_n,{windowSize:L,children:st.sectionSubTitle}):null,n]},e)})})}),r.jsx(on,{formId:`${Pt}`,style:{width:L==="small"?"auto":"100%",paddingTop:re.sp2,paddingBottom:re.sp2},primaryBtn:{onClick:Mt,label:a==="company_details"?S.footer.submit:ot.next,isLoading:O.fetchState==="In-Progress",isDisabled:O.fetchState==="In-Progress"},cancelBtn:{onClick:Kt,label:ot.back,isDisabled:O.fetchState==="In-Progress"||h.indexOf(a)===0},containerStyle:{width:"auto",justifyContent:"center"},showCancel:!0})]}),r.jsx(un,{handleConfirmCardSetupIntent:D,updateCardPaymentModalState:F,handleCreateCardSetupIntent:l,handleAddCardPaymentSource:b,cardPaymentView:I,stripeKey:m,isCardPaymentOpen:je.isCardPaymentPopupOpen,handleResetCardPaymentErrorStatuses:we,cardSetupInProgress:qe,setCardSetupInProgress:Gt})]})},wn=It`
   from {
     transform: translateY(100%);
     opacity: 0;
@@ -94,7 +94,7 @@ import{j as r,fK as Zt,q as Me,d as en,aa as tn,cT as me,F as Ye,aP as Qe,G as m
   text-align: ${t=>t.windowSize==="small"?"initial":"center"};
   width: 100%;
   white-space: pre-line;
-`,He=(t,w)=>{const{companyDetailsLocalData:c,companyOfficerLocalData:f,companyView:v}=t,x=ce.commonSetUp.businessVerification,y=ce.companyPassport,I=v?.companyOfficers!=null&&v?.companyOfficers.length>0;return{[j]:{companyDescription:c?.companyDescription??ce.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()??ce.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:y.companyIncInfo.allTypesOfIncorporation}},[C]:Object.values(f).map((m,V)=>{const l=m,D=rn(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:xt(l?.nationalityCountryCode,w.map(F=>F.countryCode)),ssn:l?.ssn,role:{selectedOption:l?.titleAtCompany,allOptions:x.allTypesOfRoles},phone:l?.phone,ownership:l?.ownershipInCompany,officerAddress:l?.addressStatus?.addressToCreate,selectDocument:{front:ft(!0,l?.userFiles??[],D),back:ft(!1,l?.userFiles??[],D),selectDocumentType:D},isSelectedForVerification:!I&&V===0?!0:l?.isSelectedForVerification??!1,userVerificationStatus:l?.userVerificationStatus,syncToken:l?.syncToken,isPhoneVerified:l?.isPhoneVerified,otpChallenge:l?.otpChallenge}}),[Z]:{account:{allOptions:[],selectedOption:void 0}},[u]:sn(u,t?.subscriptionBillingAddress)[u],[ge]:{connected:t.externalConnections?.accounting[0]?.isValid??!1}}},na=t=>{const{onboardingCustomerView:w,cardPaymentView:c,signedInUser:f,currentTenant:v,isOnAddressPage:x,stripeKey:y,googleAPIKey:I,onUpdateStep:m,onZeniLogoClick:V,handleLogOutClick:l,handleCockpitClick:D,meetingUrl:F,analytics:b,handleCreateCardSetupIntent:ee,handleConfirmCardSetupIntent:we,handleFetchPaymentSources:Se,updateCardPaymentModalState:$,resetCardPaymentViewState:ve,handleResetCardPaymentErrorStatuses:L,redirectToProductSuitePage:Ae,...Ve}=t,{allSteps:Y,completedSteps:De,halfCompletedSteps:Ce,currentStep:B,fetchStatus:R}=w,z=p.useRef(B),T=p.useRef(Y),[be,le]=p.useState(!1),[Pe,te]=p.useState([]),W={allSteps:Y,isOnAddressPage:x,completedSteps:De,halfCompletedSteps:Ce,errorSteps:Pe,currentStep:B,fetchStatus:R,signedInUser:f,currentTenant:v,onUpdateStep:N=>{m(N)},onZeniLogoClick:V,handleLogOutClick:l,handleCockpitClick:D,setIsStepClicked:le};p.useEffect(()=>{if(z.current!==B){const N=z.current;be===!0&&(b?.trackOnboardingCurrentStep(B,N),le(!1)),z.current=B}},[B,be,b]),p.useEffect(()=>{Y.length!==T.current.length&&(T.current=Y)},[Y]);const ne=(N,Ie,de)=>{const ae=T.current.length,pe=T.current.indexOf(N);switch(Ie){case"next":{const oe=(pe+1)%ae,A=T.current[oe];z.current=A,m(A),de===!0?b.trackOnboardingNext(N,A):b.trackOnboardingCurrentStep(A,N);break}case"previous":{const oe=(pe+ae-1)%ae,A=T.current[oe];z.current=A,m(A),de===!0?b.trackOnboardingBack(N,A):b.trackOnboardingCurrentStep(A,N);break}}},xe=R.fetchState==="In-Progress"||R.fetchState==="Not-Started";return r.jsx(En,{isOnAddressPage:x,children:x?r.jsx(Ct,{...W}):r.jsxs(jn,{children:[r.jsx(Ct,{...W}),xe?r.jsx(mn,{isNoStepsPage:!1}):r.jsx(kn,{onboardingCustomerView:w,analytics:b,updateStepHandler:ne,onUpdateStep:m,handleCreateCardSetupIntent:ee,handleConfirmCardSetupIntent:we,updateCardPaymentModalState:$,handleFetchPaymentSources:Se,cardPaymentView:c,resetCardPaymentViewState:ve,stripeKey:y,googleAPIKey:I,handleResetCardPaymentErrorStatuses:L,redirectToProductSuitePage:Ae,onFormErrorsChange:te,...Ve}),xe?null:r.jsx(Zt,{isFooterRendered:!0,meetingUrl:F,analytics:b,productType:"onboarding"})]})})},En=P.div`
+`,He=(t,w)=>{const{companyDetailsLocalData:c,companyOfficerLocalData:f,companyView:v}=t,x=ce.commonSetUp.businessVerification,y=ce.companyPassport,I=v?.companyOfficers!=null&&v?.companyOfficers.length>0;return{[j]:{companyDescription:c?.companyDescription??ce.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()??ce.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:y.companyIncInfo.allTypesOfIncorporation}},[C]:Object.values(f).map((m,V)=>{const l=m,D=rn(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:xt(l?.nationalityCountryCode,w.map(F=>F.countryCode)),ssn:l?.ssn,role:{selectedOption:l?.titleAtCompany,allOptions:x.allTypesOfRoles},phone:l?.phone,ownership:l?.ownershipInCompany,officerAddress:l?.addressStatus?.addressToCreate,selectDocument:{front:ft(!0,l?.userFiles??[],D),back:ft(!1,l?.userFiles??[],D),selectDocumentType:D},isSelectedForVerification:!I&&V===0?!0:l?.isSelectedForVerification??!1,userVerificationStatus:l?.userVerificationStatus,syncToken:l?.syncToken,isPhoneVerified:l?.isPhoneVerified,otpChallenge:l?.otpChallenge}}),[Z]:{account:{allOptions:[],selectedOption:void 0}},[u]:sn(u,t?.subscriptionBillingAddress)[u],[ge]:{connected:t.externalConnections?.accounting[0]?.isValid??!1}}},na=t=>{const{onboardingCustomerView:w,cardPaymentView:c,signedInUser:f,currentTenant:v,isOnAddressPage:x,stripeKey:y,googleAPIKey:I,onUpdateStep:m,onZeniLogoClick:V,handleLogOutClick:l,handleCockpitClick:D,meetingUrl:F,analytics:b,handleCreateCardSetupIntent:ee,handleConfirmCardSetupIntent:we,handleFetchPaymentSources:Se,updateCardPaymentModalState:$,resetCardPaymentViewState:ve,handleResetCardPaymentErrorStatuses:L,redirectToProductSuitePage:Ae,...Ve}=t,{allSteps:W,completedSteps:De,halfCompletedSteps:Ce,currentStep:B,fetchStatus:R}=w,z=p.useRef(B),T=p.useRef(W),[be,le]=p.useState(!1),[Pe,te]=p.useState([]),Y={allSteps:W,isOnAddressPage:x,completedSteps:De,halfCompletedSteps:Ce,errorSteps:Pe,currentStep:B,fetchStatus:R,signedInUser:f,currentTenant:v,onUpdateStep:N=>{m(N)},onZeniLogoClick:V,handleLogOutClick:l,handleCockpitClick:D,setIsStepClicked:le};p.useEffect(()=>{if(z.current!==B){const N=z.current;be===!0&&(b?.trackOnboardingCurrentStep(B,N),le(!1)),z.current=B}},[B,be,b]),p.useEffect(()=>{W.length!==T.current.length&&(T.current=W)},[W]);const ne=(N,Ie,de)=>{const ae=T.current.length,pe=T.current.indexOf(N);switch(Ie){case"next":{const oe=(pe+1)%ae,A=T.current[oe];z.current=A,m(A),de===!0?b.trackOnboardingNext(N,A):b.trackOnboardingCurrentStep(A,N);break}case"previous":{const oe=(pe+ae-1)%ae,A=T.current[oe];z.current=A,m(A),de===!0?b.trackOnboardingBack(N,A):b.trackOnboardingCurrentStep(A,N);break}}},xe=R.fetchState==="In-Progress"||R.fetchState==="Not-Started";return r.jsx(En,{isOnAddressPage:x,children:x?r.jsx(Ct,{...Y}):r.jsxs(jn,{children:[r.jsx(Ct,{...Y}),xe?r.jsx(mn,{isNoStepsPage:!1}):r.jsx(kn,{onboardingCustomerView:w,analytics:b,updateStepHandler:ne,onUpdateStep:m,handleCreateCardSetupIntent:ee,handleConfirmCardSetupIntent:we,updateCardPaymentModalState:$,handleFetchPaymentSources:Se,cardPaymentView:c,resetCardPaymentViewState:ve,stripeKey:y,googleAPIKey:I,handleResetCardPaymentErrorStatuses:L,redirectToProductSuitePage:Ae,onFormErrorsChange:te,...Ve}),xe?null:r.jsx(Zt,{isFooterRendered:!0,meetingUrl:F,analytics:b,productType:"onboarding"})]})})},En=P.div`
   display: flex;
   flex-direction: column;
   width: ${t=>t.isOnAddressPage?"fit-content":"100%"};

package/dist/assets/{CustomerOnboardingProductSuitePage-BEy5gk3x-B66-9NVf.js → CustomerOnboardingProductSuitePage-BEWQQxa2-CUaimIpy.js}

@@ -1,4 +1,4 @@
-import{q as M,a9 as D,ax as U,d as W,F as A,j as e,bG as I,o as t,aM as y,bs as _,fK as H,l as R,am as V,ag as J,p as l,b as k,aj as N,c as Z,a as q,ar as G,a$ as K}from"./index-CUpJHznP.js";import{b as n,n as i}from"./vendor-Bs1fkIUX.js";import Q from"./ConfettiBurst-Dq3DwwfS-Bk63elQ-.js";import{T as X}from"./ProductsCarousel-_jYEgpxl-3H43gICJ.js";import"./mui-Ty75qFQF.js";import"./analytics-BbBRZ6cw.js";import"./routing-Dk1A2KYI.js";import"./sentry-BE5FTzpq.js";import"./redux-CEhZD0hA.js";import"./liveblocks-8ht9CoL5.js";import"./crypto-CK1x27Ua.js";const Y=o=>n.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...o},n.createElement("path",{d:"M9.88423 20.4894C8.54548 20.3068 6.19267 19.6022 4.33971 17.8674C2.48676 16.1326 1.39881 13.7328 1.31521 11.1959C1.23161 8.65899 2.15921 6.19276 3.89394 4.33977C5.62866 2.48678 8.02843 1.39882 10.5653 1.31522C13.1022 1.23161 15.5684 2.15923 17.4213 3.89399C19.2743 5.62875 20.1176 7.48634 20.4166 9.67794",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M12.5596 7.50903H10.7439C10.39 7.50916 10.0465 7.62876 9.76901 7.84845C9.49152 8.06815 9.29632 8.37508 9.21501 8.71955C9.1337 9.06401 9.17105 9.42584 9.321 9.74644C9.47096 10.067 9.72474 10.3276 10.0412 10.486L11.6941 11.3133C12.0107 11.4717 12.2644 11.7323 12.4144 12.0529C12.5643 12.3735 12.6017 12.7353 12.5204 13.0798C12.4391 13.4242 12.2439 13.7312 11.9664 13.9509C11.6889 14.1706 11.3454 14.2902 10.9915 14.2903H9.16902",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M10.4437 14.2906V15.5621",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M11.2918 6.23773V7.50922",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M15.5285 21.8743L12 22.8825L13.0081 19.3539L20.2143 12.1476C20.3088 12.0531 20.437 12 20.5707 12C20.7044 12 20.8325 12.0531 20.9271 12.1476L22.7347 13.9542C22.7816 14.001 22.8189 14.0567 22.8443 14.1179C22.8697 14.1791 22.8828 14.2448 22.8828 14.3111C22.8828 14.3774 22.8697 14.4431 22.8443 14.5043C22.8189 14.5655 22.7816 14.6212 22.7347 14.668L15.5285 21.8743Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M18.5536 13.8079L21.074 16.3283",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M13.6133 18.7533L16.1337 21.2737",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),ee=A.getLocalizedStrings(),Me=({hasVerifiedBankAccount:o,meetingUrl:b,showUpdatePaymentDetailButton:u=!1,isVisitingFirstTime:$=!1,handleUpdatePaymentAddressDetailClick:v,...S})=>{const d=M(),x=D().analytics,f=U(),L=f.loggedInUser,a=f.currentTenant,[w,P]=n.useState(!1),{handleLogOutClick:z,onZeniLogoClick:T,handleCockpitClick:E}=S,B=W(),{customerOnboardingPage:c}=ee,p=s=>{const r=c.productSuite.messageBox;if(!s)return[r.withTaxAndPayroll,r.withCFO];const{productSettings:O}=s,{isPayrollEnabled:h,isCfoEnabled:g,isTaxEnabled:m}=O;return h&&g&&m?[r.withTaxAndPayroll,r.withCFO]:h&&g?[r.withPayroll,r.withCFO]:h&&m?[r.taxAndPayroll]:g&&m?[r.withTax,r.withCFO]:h?[r.onlyPayroll]:g?[r.onlyCFO]:m?[r.onlyTax]:[r.default]},F=s=>{if(v(),!s)return;let r="";o?r="bank_account":r="credit_card",x.trackOnboardingClickUpdatePaymentDetails(r,R.getProductSettingsString(s.productSettings))};return e.jsxs(e.Fragment,{children:[e.jsx(te,{children:e.jsxs(ie,{windowSize:d,children:[e.jsx(oe,{windowSize:d,children:e.jsx(I,{title:c.productSuite.navTitle,showBackButton:!1,backgroundColor:B.colors.grey4,style:{zIndex:5},source:"CustomerOnboardingProductSuitePage",showLeftSection:d!=="small",titleStyle:{display:"flex",alignItems:"center"},navBarContainerStyles:{paddingTop:t.sp0,paddingBottom:t.sp0},leftSideComponent:e.jsx(we,{children:e.jsx(ye,{"data-testid":y("zeni-logo-customer-onboarding-product-suite"),onClick:T})}),rightSideComponent:u?e.jsxs(Ce,{"data-testid":y("update-to-payment-address-details"),onClick:()=>F(a),children:[e.jsx(ke,{}),e.jsx(je,{className:"btnText",children:c.productSuite.updatePaymentDetails})]}):e.jsx(be,{})})}),e.jsxs(re,{windowSize:d,children:[e.jsx(ne,{style:{gap:p(a).length>1?t.sp2:t.sp1,padding:p(a).length>1?`12px ${t.sp4} 12px ${t.sp4}`:`12px ${t.sp3} 12px ${t.sp3}`},children:e.jsxs(se,{children:[e.jsxs(C,{children:[e.jsx(ae,{children:e.jsx(le,{})}),e.jsx(j,{children:p(a)[0]})]}),e.jsx(C,{children:p(a).slice(1).map(s=>e.jsx(j,{children:s},s))})]})}),e.jsx(de,{children:e.jsx(ce,{children:c.productSuite.sectionTitle})}),e.jsx(pe,{children:e.jsx(X,{scale:1,showUpdatePaymentDetailButton:u,stopCarousel:w})}),e.jsxs(he,{href:"https://www.zeni.ai",target:"_blank",rel:"noopener noreferrer",children:[e.jsx(ge,{className:"discover-class",children:c.productSuite.sectionFooter}),e.jsx(me,{className:"discover-class"})]})]}),e.jsx(ue,{children:e.jsxs(xe,{children:[e.jsx(fe,{windowSize:d,children:e.jsx(_,{signedInUser:L,currentTenant:a,onLogOutClick:z,onCockpitClick:E})}),e.jsx(H,{isFooterRendered:!1,meetingUrl:b,analytics:x,productType:"onboarding_interim",showPopup:w,setShowPopup:P})]})})]})}),e.jsx(Q,{showConfetti:$})]})},te=i.div`
+import{q as M,a9 as D,ax as U,d as W,F as A,j as e,bG as _,o as t,aM as y,bs as H,fK as I,l as N,am as R,ag as V,p as l,b as k,aj as J,c as Z,a as q,ar as G,a$ as K}from"./index-CN7UAWAg.js";import{b as n,n as i}from"./vendor-Bs1fkIUX.js";import Q from"./ConfettiBurst-KNUWsLgM-C3W-6qSV.js";import{T as X}from"./ProductsCarousel-DsI5t_Kc-Cpn89x6_.js";import"./mui-Ty75qFQF.js";import"./analytics-BbBRZ6cw.js";import"./routing-Dk1A2KYI.js";import"./sentry-BE5FTzpq.js";import"./redux-CEhZD0hA.js";import"./liveblocks-8ht9CoL5.js";import"./crypto-CK1x27Ua.js";const Y=o=>n.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...o},n.createElement("path",{d:"M9.88423 20.4894C8.54548 20.3068 6.19267 19.6022 4.33971 17.8674C2.48676 16.1326 1.39881 13.7328 1.31521 11.1959C1.23161 8.65899 2.15921 6.19276 3.89394 4.33977C5.62866 2.48678 8.02843 1.39882 10.5653 1.31522C13.1022 1.23161 15.5684 2.15923 17.4213 3.89399C19.2743 5.62875 20.1176 7.48634 20.4166 9.67794",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M12.5596 7.50903H10.7439C10.39 7.50916 10.0465 7.62876 9.76901 7.84845C9.49152 8.06815 9.29632 8.37508 9.21501 8.71955C9.1337 9.06401 9.17105 9.42584 9.321 9.74644C9.47096 10.067 9.72474 10.3276 10.0412 10.486L11.6941 11.3133C12.0107 11.4717 12.2644 11.7323 12.4144 12.0529C12.5643 12.3735 12.6017 12.7353 12.5204 13.0798C12.4391 13.4242 12.2439 13.7312 11.9664 13.9509C11.6889 14.1706 11.3454 14.2902 10.9915 14.2903H9.16902",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M10.4437 14.2906V15.5621",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M11.2918 6.23773V7.50922",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M15.5285 21.8743L12 22.8825L13.0081 19.3539L20.2143 12.1476C20.3088 12.0531 20.437 12 20.5707 12C20.7044 12 20.8325 12.0531 20.9271 12.1476L22.7347 13.9542C22.7816 14.001 22.8189 14.0567 22.8443 14.1179C22.8697 14.1791 22.8828 14.2448 22.8828 14.3111C22.8828 14.3774 22.8697 14.4431 22.8443 14.5043C22.8189 14.5655 22.7816 14.6212 22.7347 14.668L15.5285 21.8743Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M18.5536 13.8079L21.074 16.3283",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M13.6133 18.7533L16.1337 21.2737",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),ee=A.getLocalizedStrings(),Me=({hasVerifiedBankAccount:o,meetingUrl:b,showUpdatePaymentDetailButton:u=!1,isVisitingFirstTime:$=!1,handleUpdatePaymentAddressDetailClick:v,...S})=>{const d=M(),x=D().analytics,f=U(),L=f.loggedInUser,a=f.currentTenant,[w,P]=n.useState(!1),{handleLogOutClick:z,onZeniLogoClick:T,handleCockpitClick:E}=S,O=W(),{customerOnboardingPage:c}=ee,p=s=>{const r=c.productSuite.messageBox;if(!s)return[r.withTaxAndPayroll,r.withCFO];const{productSettings:F}=s,{isPayrollEnabled:h,isCfoEnabled:g,isTaxEnabled:m}=F;return h&&g&&m?[r.withTaxAndPayroll,r.withCFO]:h&&g?[r.withPayroll,r.withCFO]:h&&m?[r.taxAndPayroll]:g&&m?[r.withTax,r.withCFO]:h?[r.onlyPayroll]:g?[r.onlyCFO]:m?[r.onlyTax]:[r.default]},B=s=>{if(v(),!s)return;let r="";o?r="bank_account":r="credit_card",x.trackOnboardingClickUpdatePaymentDetails(r,N.getProductSettingsString(s.productSettings))};return e.jsxs(e.Fragment,{children:[e.jsx(te,{children:e.jsxs(ie,{windowSize:d,children:[e.jsx(oe,{windowSize:d,children:e.jsx(_,{title:c.productSuite.navTitle,showBackButton:!1,backgroundColor:O.colors.grey4,style:{zIndex:5},source:"CustomerOnboardingProductSuitePage",showLeftSection:d!=="small",titleStyle:{display:"flex",alignItems:"center"},navBarContainerStyles:{paddingTop:t.sp0,paddingBottom:t.sp0},leftSideComponent:e.jsx(we,{children:e.jsx(ye,{"data-testid":y("zeni-logo-customer-onboarding-product-suite"),onClick:T})}),rightSideComponent:u?e.jsxs(Ce,{"data-testid":y("update-to-payment-address-details"),onClick:()=>B(a),children:[e.jsx(ke,{}),e.jsx(je,{className:"btnText",children:c.productSuite.updatePaymentDetails})]}):e.jsx(be,{})})}),e.jsxs(re,{windowSize:d,children:[e.jsx(ne,{style:{gap:p(a).length>1?t.sp2:t.sp1,padding:p(a).length>1?`12px ${t.sp4} 12px ${t.sp4}`:`12px ${t.sp3} 12px ${t.sp3}`},children:e.jsxs(se,{children:[e.jsxs(C,{children:[e.jsx(ae,{children:e.jsx(le,{})}),e.jsx(j,{children:p(a)[0]})]}),e.jsx(C,{children:p(a).slice(1).map(s=>e.jsx(j,{children:s},s))})]})}),e.jsx(de,{children:e.jsx(ce,{children:c.productSuite.sectionTitle})}),e.jsx(pe,{children:e.jsx(X,{scale:1,showUpdatePaymentDetailButton:u,stopCarousel:w})}),e.jsxs(he,{href:"https://www.zeni.ai",target:"_blank",rel:"noopener noreferrer",children:[e.jsx(ge,{className:"discover-class",children:c.productSuite.sectionFooter}),e.jsx(me,{className:"discover-class"})]})]}),e.jsx(ue,{children:e.jsxs(xe,{children:[e.jsx(fe,{windowSize:d,children:e.jsx(H,{signedInUser:L,currentTenant:a,onLogOutClick:z,onCockpitClick:E})}),e.jsx(I,{isFooterRendered:!1,meetingUrl:b,analytics:x,productType:"onboarding_interim",showPopup:w,setShowPopup:P})]})})]})}),e.jsx(Q,{showConfetti:$})]})},te=i.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -88,7 +88,7 @@ import{q as M,a9 as D,ax as U,d as W,F as A,j as e,bG as I,o as t,aM as y,bs as
   border-radius: 50%;
   outline: 1px solid ${l.brandColorJadeDark};
   background-color: ${l.brandColorPearl};
-`,le=i(N)`
+`,le=i(J)`
   width: ${t.sp3};
   height: ${t.sp3};
   color: ${l.brandColorSapphire};
@@ -166,7 +166,7 @@ import{q as M,a9 as D,ax as U,d as W,F as A,j as e,bG as I,o as t,aM as y,bs as
   cursor: default;
 `,we=i.div`
   display: flex;
-`,ye=i(J)`
+`,ye=i(V)`
   height: ${t.sp4};
   width: 102px;
   color: ${o=>o.theme.colors.primary};
@@ -194,7 +194,7 @@ import{q as M,a9 as D,ax as U,d as W,F as A,j as e,bG as I,o as t,aM as y,bs as
     }
   }
   margin-right: ${t.sp2};
-`,je=i(V)`
+`,je=i(R)`
   margin-left: ${t.sp2};
 `,be=i.div`
   width: 200px;