@zeniai/web-cockpit-ui 1.13.90-qa → 1.13.91-dev

package/dist/assets/{CreditCardPaymentDrawerPage-D6-R3DiA-DUyMEAO8.js → CreditCardPaymentDrawerPage-D2qT7vsE-Bf1M1_AV.js}

@@ -1,4 +1,4 @@
-import{j as a,X as me,d3 as pe,Y as te,gP as Je,M as Y,_ as Te,K as He,e as et,a7 as Pe,o as t,C as d,a6 as je,k as tt,b as at,u as ze,bt as nt,cO as Ee,Q as V,g as Z,fS as Ce,v as ot,l as E,Z as Me,c0 as it,a5 as be,a as rt,eZ as lt,c3 as ct,F as st,cz as dt,f6 as mt,c8 as pt,fF as ut,p as r,bp as ht,bn as Be,cW as gt,ah as yt,s as Oe,f9 as ft,f1 as Ct,aa as bt,fa as xt,cq as St,fb as wt,fk as Dt}from"./index-Dc18sb8X.js";import{n as o,b as p}from"./vendor-CnQcJ2Lu.js";import{x as $t}from"./LabeledControlledCheckBoxField-BBrHodlx-DZSgDuPY.js";import{S as kt}from"./ChargeCardUtils-k5Cmi_bM-uT1V7gQT.js";import{Z as xe}from"./CreditCardPaymentPlgSection-YcsIIUkG-DrIb0IFd.js";import"./mui-C5LQ0bMa.js";import"./analytics-DThoELaW.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.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 V("h6Regular","h5Regular"),integerAmountInput:new V("h5Regular","h2Regular"),decimalAmountInput:new V("largeSemiBold","h5Medium")},{dateFormat:{visual:{MMMDCommaYYYYformat:vt}},common:{edit:At,labels:Se,currency:we,navBar:{back:Lt}},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:$})=>{const m=me(),T=ze(),P=pe().analytics,[M,I]=p.useState(!1);p.useEffect(()=>{e.error!=null?I(!0):I(!1)},[e.error]);const v=ae.largeLabelWidth.value(m);return a.jsxs(a.Fragment,{children:[a.jsxs(_t,{windowSize:m,children:[a.jsx(Xt,{windowSize:m,children:a.jsx(nt,{title:Lt,enterTouchDelay:600,placement:"bottom",children:a.jsx(Kt,{"data-testid":te("nav-bar-back-credit-card-payment-review"),onClick:()=>{i&&h&&n&&P.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(qt,{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)})}),M?a.jsx(Ot,{children:a.jsxs(zt,{children:[a.jsxs(Nt,{children:[a.jsx(Wt,{}),a.jsxs(Et,{children:[a.jsx(Mt,{children:e.error?.title}),a.jsx(Bt,{children:e.error?.message})]})]}),a.jsx(Ut,{children:a.jsx(Vt,{"data-testid":te("close-error-credit-card-payment-review"),onClick:()=>{I(!1)},style:{width:t.sp3,height:t.sp3,color:Z.heroLight}})})]})}):null,a.jsx(Zt,{windowSize:m,children:a.jsxs(jt,{children:[a.jsx(Ce,{label:{label:Se.transferFrom,width:v},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:v},showAdditionalInfoLabel:!0,additionalInfoLabel:`${$?ee.creditLimitReset:ee.creditLimitUpdate} ${E.zeniDate(E.getNextNthWorkingDay(E.dateNow().toDate(),[0,6],3).toDateString()).format(vt)} ${ee.business23Days}`,additionalInfoLabelStyles:{color:T.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:At,onClick:()=>{i&&h&&n&&P.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:ft(g)})});if(n.accType==="paymentAccount")return n.logo!==void 0&&(n.logo.base64||n.logo.url)?a.jsx(Gt,{src:Rt(n.logo),isOptionSelected:h,loading:"lazy"}):a.jsx(Qt,{isOptionSelected:h,children:a.jsx(Jt,{})})}return null},Rt=e=>e.base64!==void 0?`${Ct}${e.base64.toString()}`:e.url!==void 0?e.url.toString():"",Tt=o(Be)`
+import{j as a,X as me,d3 as pe,Y as te,gQ as Je,M as V,_ as Te,K as He,d as et,a7 as Pe,o as t,C as d,a6 as je,k as tt,D as at,u as ze,bu as nt,cO as Ee,Q as W,g as Z,fT as Ce,q as ot,l as E,Z as Me,c0 as it,a5 as be,a as rt,e_ as lt,c3 as ct,F as st,cz as dt,f7 as mt,c8 as pt,fG as ut,p as r,bq as ht,bo as Be,cW as gt,ah as yt,s as Oe,fa as ft,f2 as Ct,aa as bt,fb as xt,cq as St,fc as wt,fl as Dt}from"./index-Dq4DW5h0.js";import{n as o,b as p}from"./vendor-CnQcJ2Lu.js";import{x as $t}from"./LabeledControlledCheckBoxField-B2ATKJBH-CXyWx4Ub.js";import{v as kt}from"./ChargeCardUtils-oF0M6Gmc-CWcylJdd.js";import{Z as xe}from"./CreditCardPaymentPlgSection-7cmMRTQm-CcPhomOR.js";import"./mui-BgvZYSo0.js";import"./analytics-BSSiLa6f.js";import"./routing-BNz5gZgX.js";import"./sentry-HDxG13yk.js";import"./redux-DmDqXYej.js";import"./liveblocks-BUGn2yQ6.js";import"./crypto-BURQLTgV.js";const 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:vt}},common:{edit:At,labels:Se,currency:we,navBar:{back:Lt}},spendManagement:{zeniAccounts:{zeniAccountList:{transferDrawer:It}},chargeCard:{payEarly:ee}}}=V.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:$})=>{const m=me(),T=ze(),P=pe().analytics,[M,I]=p.useState(!1);p.useEffect(()=>{e.error!=null?I(!0):I(!1)},[e.error]);const v=ae.largeLabelWidth.value(m);return a.jsxs(a.Fragment,{children:[a.jsxs(_t,{windowSize:m,children:[a.jsx(Kt,{windowSize:m,children:a.jsx(nt,{title:Lt,enterTouchDelay:600,placement:"bottom",children:a.jsx(qt,{"data-testid":te("nav-bar-back-credit-card-payment-review"),onClick:()=>{i&&h&&n&&P.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(Xt,{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)})}),M?a.jsx(Ot,{children:a.jsxs(zt,{children:[a.jsxs(Nt,{children:[a.jsx(Yt,{}),a.jsxs(Et,{children:[a.jsx(Mt,{children:e.error?.title}),a.jsx(Bt,{children:e.error?.message})]})]}),a.jsx(Ut,{children:a.jsx(Wt,{"data-testid":te("close-error-credit-card-payment-review"),onClick:()=>{I(!1)},style:{width:t.sp3,height:t.sp3,color:Z.heroLight}})})]})}):null,a.jsx(Zt,{windowSize:m,children:a.jsxs(jt,{children:[a.jsx(Ce,{label:{label:Se.transferFrom,width:v},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(Vt,{}),a.jsx(Ce,{label:{label:Se.amount,width:v},showAdditionalInfoLabel:!0,additionalInfoLabel:`${$?ee.creditLimitReset:ee.creditLimitUpdate} ${E.zeniDate(E.getNextNthWorkingDay(E.dateNow().toDate(),[0,6],3).toDateString()).format(vt)} ${ee.business23Days}`,additionalInfoLabelStyles:{color:T.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:At,onClick:()=>{i&&h&&n&&P.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:ft(g)})});if(n.accType==="paymentAccount")return n.logo!==void 0&&(n.logo.base64||n.logo.url)?a.jsx(Gt,{src:Rt(n.logo),isOptionSelected:h,loading:"lazy"}):a.jsx(Qt,{isOptionSelected:h,children:a.jsx(Jt,{})})}return null},Rt=e=>e.base64!==void 0?`${Ct}${e.base64.toString()}`:e.url!==void 0?e.url.toString():"",Tt=o(Be)`
   color: ${e=>e.theme.colors.primary};
   padding-top: ${t.sp3};
 `,Pt=o.div`
@@ -47,11 +47,11 @@ import{j as a,X as me,d3 as pe,Y as te,gP as Je,M as Y,_ as Te,K as He,e as et,a
 `,Nt=o.div`
   display: flex;
   align-items: flex-start;
-`,Ut=o.div``,Wt=o(gt)`
+`,Ut=o.div``,Yt=o(gt)`
   width: ${t.sp4};
   height: ${t.sp4};
   color: ${Z.important};
-`,Vt=o(je)`
+`,Wt=o(je)`
   cursor: pointer;
   color: ${e=>e.theme.colors.hero};
   width: ${t.sp4};
@@ -60,7 +60,7 @@ import{j as a,X as me,d3 as pe,Y as te,gP as Je,M as Y,_ as Te,K as He,e as et,a
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,Yt=o.div`
+`,Vt=o.div`
   display: flex;
   flex: 1;
   background-color: ${e=>e.theme.colors.grey3};
@@ -71,7 +71,7 @@ import{j as a,X as me,d3 as pe,Y as te,gP as Je,M as Y,_ as Te,K as He,e as et,a
   flex-direction: column;
   padding-top: ${t.sp3};
   padding-bottom: ${e=>`${ae.reviewContentWrapperPaddingBottom.valuePx(e.windowSize)}`};
-`,Kt=o(ht)`
+`,qt=o(ht)`
   cursor: pointer;
   color: ${e=>e.theme.colors.hero};
   width: ${t.sp4};
@@ -80,7 +80,7 @@ import{j as a,X as me,d3 as pe,Y as te,gP as Je,M as Y,_ as Te,K as He,e as et,a
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,Xt=o.div`
+`,Kt=o.div`
   display: flex;
   flex-direction: row;
   justify-content: flex-start;
@@ -90,7 +90,7 @@ import{j as a,X as me,d3 as pe,Y as te,gP as Je,M as Y,_ as Te,K as He,e as et,a
   padding: ${e=>`${ae.navBarContainerPaddingXaxis.valuePx(e.windowSize)} ${t.sp0}`};
   z-index: 2;
   background-color: ${e=>e.theme.colors.grey4};
-`,qt=o(Me)`
+`,Xt=o(Me)`
   ${e=>`${de.pageTitle.style(e.windowSize)}`};
   color: ${e=>e.theme.colors.primary};
   padding: ${t.sp3} ${t.sp0} ${t.sp3} ${t.sp0};
@@ -126,7 +126,7 @@ import{j as a,X as me,d3 as pe,Y as te,gP as Je,M as Y,_ as Te,K as He,e as et,a
   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}}}=Y.getLocalizedStrings(),Ne="amount",oa="withdrawFrom",B="paymentDetails",Ue="creditCardPaymentPage",re=(e,i)=>`${e}.${i}`,We=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 V("h5Regular","h2Regular"),decimalAmountInput:new V("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:$,onSignUpAccountClick:m,onMoveMoneyClick:T,isCashbackInfoFetchStateCompleted:P,isCreditCardInfoFetchStateCompleted:M,isDebitCardInfoFetchStateCompleted:I,controllerEmails:v,productInformation:K,cashbackInformation:X,paymentSourceInformation:q,creditAccountInformation:G,debitAccountInformation:Q}){const s=me(),le=ze(),w=S.largeLabelWidth.value(s),J=pe().analytics,H=p.useRef(null),[j,z]=p.useState(!1),[F,O]=p.useState(void 0),A=i.link_account,oe=i.update_account,k=F==="update_account"?oe:A,[_,ue]=p.useState(k.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,D=c?.providerVerificationStatus?.code,ye=be(oe.updateStatus.fetchState),Ve=p.useCallback((l,u)=>{const R=u.accounts.find(Qe=>Qe.id===c?.providerAccountId)??u.accounts[0];c?.paymentAccountId!=null&&F==="update_account"&&R?.verification_status!=null&&!ge?y(R?.verification_status,c.paymentAccountId,"update_account"):b?.(l,F),O(void 0),z(!1)},[c?.paymentAccountId,c?.providerAccountId,F,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),z(!1)},[c?.paymentAccountId,y]),{open:ce,ready:fe}=lt({token:_,onSuccess:Ve,onExit:Ye});p.useEffect(()=>{(he==="In-Progress"&&A.updateStatus.fetchState==="Completed"||ye==="In-Progress"&&oe.updateStatus.fetchState==="Completed")&&D!=="verified"&&D!=="manually_verified"&&D!=="automatically_verified"&&D!=="database_matched"&&(C?.("link_account"),x())},[A.updateStatus.fetchState,x,C,he,ye,oe.updateStatus.fetchState,D]),p.useEffect(()=>{(E.isVerifiedStatusCode(D??"")||D==="verification_failed")&&!j&&F!=null&&k.linkToken===_&&k.fetchStatus.fetchState==="Completed"&&fe&&z(!0)},[fe,_,k.fetchStatus.fetchState,k.linkToken,D,F,j]),p.useEffect(()=>{k.fetchStatus.fetchState==="Completed"&&k.linkToken!=null&&k.linkToken!==_&&ue(k.linkToken)},[k.fetchStatus.fetchState,k.linkToken,_]),p.useEffect(()=>{j&&ce()},[j,ce]),p.useEffect(()=>{(D==null||D==="verification_failed"||D==="verification_expired"||E.isVerifiedStatusCode(D))&&(E.zeniDate(new Date().toISOString()).isAfter(A.expiration)||A.linkToken==null)&&C?.("link_account")},[]);const{isValid:Ze}=N.formState,Ke=async(l,u)=>{if(l!=null){if(l.includes("amount"))return;const R=ve(u,n.transferFromAccounts,n.chargeCardRepaymentDetailLocalData.idempotencyKey);L(R)}},Xe=l=>{if(g!=null)return g;const u=n.transferFromAccounts.find(R=>R.id===l);return u?.accountBalance?.available!=null&&E.checkIfLowBalance(n.chargeCardRepaymentDetailLocalData.amount,u?.accountBalance?.available)?na.addMoney:""};p.useEffect(()=>{const l=N.watch((u,{name:R})=>{R!=null&&u!=null&&ct(()=>Ke(R,u))});return()=>{l.unsubscribe()}});const qe=N.watch("paymentDetails.amount"),Ge=N.handleSubmit(()=>{if(Ze){const l=N.getValues(),u=ve(l,n.transferFromAccounts,n.chargeCardRepaymentDetailLocalData.idempotencyKey);L(u),$(!0),P&&M&&I&&J.trackCardsPayEarlyFormClick(v,K,X,"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},q,G,Q)}});return a.jsxs(a.Fragment,{children:[a.jsx(da,{children:a.jsx(Ee,{amount:{amount:qe??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:We(Ue),onSubmit:Ge,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:Z.brandColorGoldDark},bottomComponent:a.jsx($t,{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(B,"enableAutoPay"),checkBoxValue:re(B,"enableAutoPay"),defaultChecked:n.chargeCardRepaymentDetailLocalData.isAutoRepayment,style:{top:S.checkBoxTop.valuePx(s)}}}),singleSelectPickerField:{name:re(B,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||E.zeniDate(new Date().toISOString()).isAfter(A.expiration)?C?.("link_account"):_!==A.linkToken?ue(A.linkToken):j?ce():z(!0)}},valueToAdditionalLabel:Xe}),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__",kt)}),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:T}):a.jsx(ca,{}),a.jsx(ut,{showAdditionalInfoLabel:!1,label:{label:se.labels.amount,width:w},formattedTextField:{type:"number",name:re(B,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(bt)`
+`,{common:se,spendManagement:{zeniAccounts:{zeniAccountList:aa},billPay:{insufficientFunds:na},chargeCard:{payEarly:U}},commonSetUp:{setUp:{accountsPlg:ie}}}=V.getLocalizedStrings(),Ne="amount",oa="withdrawFrom",B="paymentDetails",Ue="creditCardPaymentPage",re=(e,i)=>`${e}.${i}`,Ye=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:$,onSignUpAccountClick:m,onMoveMoneyClick:T,isCashbackInfoFetchStateCompleted:P,isCreditCardInfoFetchStateCompleted:M,isDebitCardInfoFetchStateCompleted:I,controllerEmails:v,productInformation:q,cashbackInformation:K,paymentSourceInformation:X,creditAccountInformation:G,debitAccountInformation:Q}){const s=me(),le=ze(),w=S.largeLabelWidth.value(s),J=pe().analytics,H=p.useRef(null),[j,z]=p.useState(!1),[F,O]=p.useState(void 0),A=i.link_account,oe=i.update_account,k=F==="update_account"?oe:A,[_,ue]=p.useState(k.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,D=c?.providerVerificationStatus?.code,ye=be(oe.updateStatus.fetchState),We=p.useCallback((l,u)=>{const R=u.accounts.find(Qe=>Qe.id===c?.providerAccountId)??u.accounts[0];c?.paymentAccountId!=null&&F==="update_account"&&R?.verification_status!=null&&!ge?y(R?.verification_status,c.paymentAccountId,"update_account"):b?.(l,F),O(void 0),z(!1)},[c?.paymentAccountId,c?.providerAccountId,F,ge,y,b]),Ve=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),z(!1)},[c?.paymentAccountId,y]),{open:ce,ready:fe}=lt({token:_,onSuccess:We,onExit:Ve});p.useEffect(()=>{(he==="In-Progress"&&A.updateStatus.fetchState==="Completed"||ye==="In-Progress"&&oe.updateStatus.fetchState==="Completed")&&D!=="verified"&&D!=="manually_verified"&&D!=="automatically_verified"&&D!=="database_matched"&&(C?.("link_account"),x())},[A.updateStatus.fetchState,x,C,he,ye,oe.updateStatus.fetchState,D]),p.useEffect(()=>{(E.isVerifiedStatusCode(D??"")||D==="verification_failed")&&!j&&F!=null&&k.linkToken===_&&k.fetchStatus.fetchState==="Completed"&&fe&&z(!0)},[fe,_,k.fetchStatus.fetchState,k.linkToken,D,F,j]),p.useEffect(()=>{k.fetchStatus.fetchState==="Completed"&&k.linkToken!=null&&k.linkToken!==_&&ue(k.linkToken)},[k.fetchStatus.fetchState,k.linkToken,_]),p.useEffect(()=>{j&&ce()},[j,ce]),p.useEffect(()=>{(D==null||D==="verification_failed"||D==="verification_expired"||E.isVerifiedStatusCode(D))&&(E.zeniDate(new Date().toISOString()).isAfter(A.expiration)||A.linkToken==null)&&C?.("link_account")},[]);const{isValid:Ze}=N.formState,qe=async(l,u)=>{if(l!=null){if(l.includes("amount"))return;const R=ve(u,n.transferFromAccounts,n.chargeCardRepaymentDetailLocalData.idempotencyKey);L(R)}},Ke=l=>{if(g!=null)return g;const u=n.transferFromAccounts.find(R=>R.id===l);return u?.accountBalance?.available!=null&&E.checkIfLowBalance(n.chargeCardRepaymentDetailLocalData.amount,u?.accountBalance?.available)?na.addMoney:""};p.useEffect(()=>{const l=N.watch((u,{name:R})=>{R!=null&&u!=null&&ct(()=>qe(R,u))});return()=>{l.unsubscribe()}});const Xe=N.watch("paymentDetails.amount"),Ge=N.handleSubmit(()=>{if(Ze){const l=N.getValues(),u=ve(l,n.transferFromAccounts,n.chargeCardRepaymentDetailLocalData.idempotencyKey);L(u),$(!0),P&&M&&I&&J.trackCardsPayEarlyFormClick(v,q,K,"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},X,G,Q)}});return a.jsxs(a.Fragment,{children:[a.jsx(da,{children:a.jsx(Ee,{amount:{amount:Xe??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:Ye(Ue),onSubmit:Ge,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:Z.brandColorGoldDark},bottomComponent:a.jsx($t,{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(B,"enableAutoPay"),checkBoxValue:re(B,"enableAutoPay"),defaultChecked:n.chargeCardRepaymentDetailLocalData.isAutoRepayment,style:{top:S.checkBoxTop.valuePx(s)}}}),singleSelectPickerField:{name:re(B,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||E.zeniDate(new Date().toISOString()).isAfter(A.expiration)?C?.("link_account"):_!==A.linkToken?ue(A.linkToken):j?ce():z(!0)}},valueToAdditionalLabel:Ke}),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__",kt)}),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:T}):a.jsx(ca,{}),a.jsx(ut,{showAdditionalInfoLabel:!1,label:{label:se.labels.amount,width:w},formattedTextField:{type:"number",name:re(B,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(bt)`
   color: ${e=>e.theme.colors.primary};
   width: ${e=>e.windowSize==="small"?"80%":"100%"};
 `,la=o(xt)`
@@ -154,7 +154,7 @@ import{j as a,X as me,d3 as pe,Y as te,gP as Je,M as Y,_ as Te,K as He,e as et,a
   border: 1px solid ${e=>e.theme.colors.grey3};
   box-shadow: ${e=>`${t.sp0} 2px ${t.sp1} ${e.theme.colors.dropShadowNormal}`};
   border-radius: ${t.sp2};
-`,ve=(e,i,h)=>({amount:{amount:e[B].amount??0,currencyCode:"USD",currencySymbol:"$"},transferFrom:i.find(n=>n.id===e[B].withdrawFrom.selectedOption),isAutoRepayment:e[B].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 V("h6Regular","h5Regular")},Ae=Y.getLocalizedStrings().spendManagement.zeniAccounts.zeniAccountList,W=Y.getLocalizedStrings().spendManagement.chargeCard.payEarly,{dateFormat:Le}=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:$,isDebitCardInfoFetchStateCompleted:m,paymentInitiatedDate:T,onSaveChangesToLocalStore:P,onTransferClick:M,goToCards:I,onDismissClick:v,onEstablishConnectionClick:K,onFetchLinkTokenClick:X,plaidConnectionDetails:q,onSignUpAccountClick:G,onMoveMoneyClick:Q,onUpdatePaymentAccountStatus:s,onEstablishConnectionSuccess:le})=>{const w=me(),J=pe().analytics,[H,j]=p.useState(!1),[z,F]=p.useState(!1);p.useEffect(()=>{z&&setTimeout(()=>{F(!1),j(!0)},1e3)},[z]);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&&$&&m&&J.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),v?.()}})}),a.jsxs(Ca,{windowSize:w,children:[a.jsx(Je,{width:150,height:150,shouldDisplay:!0,animationInLoop:1}),a.jsx(ga,{children:a.jsxs(a.Fragment,{children:[W.youvePaid,a.jsx(ya,{children:Te("0,0.[00]",i.chargeCardRepaymentDetailLocalData.amount)}),Ae.transferDrawer.internal.transferSuccessMsgMidfix,`"${i.chargeCardRepaymentDetailLocalData.transferFrom?.label}".`,O?W.theCreditLimitWillResetWithin23BusinessDays:W.theCreditLimitWillUpdateWithin23BusinessDays]})}),a.jsx(fa,{windowSize:w,children:a.jsx(He,{variant:"primary",label:W.goToCards,"data-testid":te("back-to-cards-button"),onClick:I})})]})]}):H?a.jsx(Ft,{paymentDetails:i,setShowReviewContent:j,onTransferClick:M,isCashbackInfoFetchStateCompleted:C,isCreditCardInfoFetchStateCompleted:$,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&&$&&m&&J.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:T?.add(3,"day").format(Le.visual.MMMDCommaYYYYformat),paymentInitiatedDate:T?.format(Le.visual.MMMDCommaYYYYformat)},x,f,y),v?.()}})}),w==="small"?a.jsx(ba,{windowSize:w,children:W.payCreditCardBalance}):a.jsx(xa,{children:W.payCreditCardBalance}),i.fetchState==="Completed"?a.jsx(ia,{autoPayThreshold:e,maxInsuredAmount:h,onSaveChangesToLocalStore:P,plaidConnectionDetails:q,paymentDetails:i,setShowReviewLoading:F,onEstablishConnectionSuccess:le,isAccountsEnabled:n,onFetchLinkTokenClick:X,onUpdatePaymentAccountStatus:s,onEstablishConnectionClick:K,onSignUpAccountClick:G,onMoveMoneyClick:Q,isCashbackInfoFetchStateCompleted:C,isCreditCardInfoFetchStateCompleted:$,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:We(Ue),helperStyle:{paddingTop:t.sp0,paddingBottom:t.sp0},primaryBtn:{label:Y.getLocalizedStrings().common.review,isLoading:z},cancelBtn:{label:Ae.transferDrawer.cancelBtn,onClick:()=>{C&&$&&m&&J.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),v?.()}}})]})})},ha=o.div`
+`,ve=(e,i,h)=>({amount:{amount:e[B].amount??0,currencyCode:"USD",currencySymbol:"$"},transferFrom:i.find(n=>n.id===e[B].withdrawFrom.selectedOption),isAutoRepayment:e[B].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")},Ae=V.getLocalizedStrings().spendManagement.zeniAccounts.zeniAccountList,Y=V.getLocalizedStrings().spendManagement.chargeCard.payEarly,{dateFormat:Le}=V.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:$,isDebitCardInfoFetchStateCompleted:m,paymentInitiatedDate:T,onSaveChangesToLocalStore:P,onTransferClick:M,goToCards:I,onDismissClick:v,onEstablishConnectionClick:q,onFetchLinkTokenClick:K,plaidConnectionDetails:X,onSignUpAccountClick:G,onMoveMoneyClick:Q,onUpdatePaymentAccountStatus:s,onEstablishConnectionSuccess:le})=>{const w=me(),J=pe().analytics,[H,j]=p.useState(!1),[z,F]=p.useState(!1);p.useEffect(()=>{z&&setTimeout(()=>{F(!1),j(!0)},1e3)},[z]);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&&$&&m&&J.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),v?.()}})}),a.jsxs(Ca,{windowSize:w,children:[a.jsx(Je,{width:150,height:150,shouldDisplay:!0,animationInLoop:1}),a.jsx(ga,{children:a.jsxs(a.Fragment,{children:[Y.youvePaid,a.jsx(ya,{children:Te("0,0.[00]",i.chargeCardRepaymentDetailLocalData.amount)}),Ae.transferDrawer.internal.transferSuccessMsgMidfix,`"${i.chargeCardRepaymentDetailLocalData.transferFrom?.label}".`,O?Y.theCreditLimitWillResetWithin23BusinessDays:Y.theCreditLimitWillUpdateWithin23BusinessDays]})}),a.jsx(fa,{windowSize:w,children:a.jsx(He,{variant:"primary",label:Y.goToCards,"data-testid":te("back-to-cards-button"),onClick:I})})]})]}):H?a.jsx(Ft,{paymentDetails:i,setShowReviewContent:j,onTransferClick:M,isCashbackInfoFetchStateCompleted:C,isCreditCardInfoFetchStateCompleted:$,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&&$&&m&&J.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:T?.add(3,"day").format(Le.visual.MMMDCommaYYYYformat),paymentInitiatedDate:T?.format(Le.visual.MMMDCommaYYYYformat)},x,f,y),v?.()}})}),w==="small"?a.jsx(ba,{windowSize:w,children:Y.payCreditCardBalance}):a.jsx(xa,{children:Y.payCreditCardBalance}),i.fetchState==="Completed"?a.jsx(ia,{autoPayThreshold:e,maxInsuredAmount:h,onSaveChangesToLocalStore:P,plaidConnectionDetails:X,paymentDetails:i,setShowReviewLoading:F,onEstablishConnectionSuccess:le,isAccountsEnabled:n,onFetchLinkTokenClick:K,onUpdatePaymentAccountStatus:s,onEstablishConnectionClick:q,onSignUpAccountClick:G,onMoveMoneyClick:Q,isCashbackInfoFetchStateCompleted:C,isCreditCardInfoFetchStateCompleted:$,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:Ye(Ue),helperStyle:{paddingTop:t.sp0,paddingBottom:t.sp0},primaryBtn:{label:V.getLocalizedStrings().common.review,isLoading:z},cancelBtn:{label:Ae.transferDrawer.cancelBtn,onClick:()=>{C&&$&&m&&J.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),v?.()}}})]})})},ha=o.div`
   display: flex;
   flex-direction: column;
   background-color: ${e=>e.theme.colors.grey4};
@@ -214,7 +214,7 @@ import{j as a,X as me,d3 as pe,Y as te,gP as Je,M as Y,_ as Te,K as He,e as et,a
   color: ${e=>e.theme.colors.primary};
   margin-top: ${t.sp3};
   margin-bottom: ${t.sp2};
-`,ja=({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:$,paymentSourceInformation:m,isCashbackInfoFetchStateCompleted:T,isCreditCardInfoFetchStateCompleted:P,isDebitCardInfoFetchStateCompleted:M,goToCards:I,onDismissClick:v,onEstablishConnectionClick:K,onEstablishConnectionSuccess:X,onFetchLinkTokenClick:q,plaidConnectionDetails:G,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:$,paymentSourceInformation:m,isCashbackInfoFetchStateCompleted:T,isCreditCardInfoFetchStateCompleted:P,isDebitCardInfoFetchStateCompleted:M,creditAccountSpentAmount:f,onSaveChangesToLocalStore:c,onTransferClick:L,goToCards:I,onDismissClick:v,plaidConnectionDetails:G,isAccountsEnabled:h,onEstablishConnectionClick:K,onFetchLinkTokenClick:q,onUpdatePaymentAccountStatus:g,onEstablishConnectionSuccess:X,onSignUpAccountClick:Q,onMoveMoneyClick:s})}),Sa=o.div`
+`,ja=({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:$,paymentSourceInformation:m,isCashbackInfoFetchStateCompleted:T,isCreditCardInfoFetchStateCompleted:P,isDebitCardInfoFetchStateCompleted:M,goToCards:I,onDismissClick:v,onEstablishConnectionClick:q,onEstablishConnectionSuccess:K,onFetchLinkTokenClick:X,plaidConnectionDetails:G,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:$,paymentSourceInformation:m,isCashbackInfoFetchStateCompleted:T,isCreditCardInfoFetchStateCompleted:P,isDebitCardInfoFetchStateCompleted:M,creditAccountSpentAmount:f,onSaveChangesToLocalStore:c,onTransferClick:L,goToCards:I,onDismissClick:v,plaidConnectionDetails:G,isAccountsEnabled:h,onEstablishConnectionClick:q,onFetchLinkTokenClick:X,onUpdatePaymentAccountStatus:g,onEstablishConnectionSuccess:K,onSignUpAccountClick:Q,onMoveMoneyClick:s})}),Sa=o.div`
   display: flex;
   flex-direction: column;
   background-color: ${e=>e.theme.colors.grey4};

package/dist/assets/{CreditCardPaymentPlgSection-YcsIIUkG-DrIb0IFd.js → CreditCardPaymentPlgSection-7cmMRTQm-CcPhomOR.js}

@@ -1,7 +1,7 @@
-import{X as j,u as M,M as L,aJ as R,a0 as T,j as i,Y as b,K as W,bC as H,o as l,g as n,C as a,aQ as U,ah as G,ee as J,w as _,p as o}from"./index-Dc18sb8X.js";import{n as t}from"./vendor-CnQcJ2Lu.js";const r={iconContainerMaxWidthHeight:new a(o[6],o[7]),iconContainerMarginRight:new a(o[3],o[3]),iconWidthHeight:new a(20,o[4]),iconPadding:new a(10,12),containerPaddingTopBottom:new a(o[4],o[4]),containerPaddingLeftRight:new a(o[3],o[4]),buttonLeftMargin:new a(o[8],o[0]),buttonTopMargin:new a(o[4],o[2]),buttonRightMargin:new a(o[0],20)};function V({heading:e,buttonText:c,analytics:g,maxInsuredAmount:u,pageName:h,style:x,onSignUpClick:S,onSwitchClick:y,onMoveMoneyClick:$}){const d=j(),f=M(),{common:v,commonSetUp:P}=L.getLocalizedStrings(),s=P.setUp.accountsPlg,z=()=>{switch(c){case s.signUpButtonText:g?.trackPlgPromoClicked(h,"Sign Up for Free"),S?.();break;case s.switchButtonText:g?.trackPlgPromoClicked(h,"Switch Now"),y?.();break;default:g?.trackPlgPromoClicked(h,"Move Money"),$?.()}},C=R(T(u),u,v.currency.currencySymbol).toUpperCase();return i.jsxs(F,{windowSize:d,width:x?.width,style:x,"data-testid":b("credit-card-payment-plg-section"),children:[i.jsxs(B,{children:[i.jsx(E,{windowSize:d,isDarkMode:f.mode==="dark",children:i.jsx(A,{windowSize:d,children:i.jsx(O,{})})}),i.jsx(N,{children:i.jsxs(Y,{children:[i.jsx(D,{windowSize:d,children:e}),i.jsxs(q,{windowSize:d,children:[i.jsxs(p,{children:[i.jsx(w,{}),i.jsx(m,{children:s.bulletPoints.two.replace("__amount__",C)})]}),i.jsxs(p,{children:[i.jsx(w,{}),i.jsx(m,{children:s.bulletPoints.three})]}),i.jsxs(p,{children:[i.jsx(w,{}),i.jsx(m,{children:s.bulletPoints.four})]})]})]})})]}),i.jsx(K,{windowSize:d,children:i.jsx(W,{label:c,"data-testid":b("accounts-plg-button",c),onClick:k=>{k.stopPropagation(),z()},buttonColors:{borderColor:{default:n.brandColorSapphire,hover:n.brandColorSapphire,disabled:n.brandColorSapphire},backgroundColor:{default:n.brandColorSapphire,hover:n.brandColorSapphire,disabled:n.brandColorSapphire},textColor:{default:n.neutralGrey5Light,hover:n.neutralGrey5Light,disabled:n.neutralGrey5Light}},size:"small",style:{padding:`6px ${l.sp3}`,borderRadius:"6px"},textStyle:{fontWeight:H.regular}})})]})}const B=t.div`
+import{X as j,u as M,M as L,aJ as R,a0 as T,j as i,Y as b,K as W,bD as H,o as l,g as n,C as a,aQ as U,ah as D,ee as G,v as J,p as o}from"./index-Dq4DW5h0.js";import{n as t}from"./vendor-CnQcJ2Lu.js";const r={iconContainerMaxWidthHeight:new a(o[6],o[7]),iconContainerMarginRight:new a(o[3],o[3]),iconWidthHeight:new a(20,o[4]),iconPadding:new a(10,12),containerPaddingTopBottom:new a(o[4],o[4]),containerPaddingLeftRight:new a(o[3],o[4]),buttonLeftMargin:new a(o[8],o[0]),buttonTopMargin:new a(o[4],o[2]),buttonRightMargin:new a(o[0],20)};function V({heading:e,buttonText:c,analytics:g,maxInsuredAmount:u,pageName:h,style:x,onSignUpClick:S,onSwitchClick:y,onMoveMoneyClick:$}){const d=j(),f=M(),{common:v,commonSetUp:P}=L.getLocalizedStrings(),s=P.setUp.accountsPlg,z=()=>{switch(c){case s.signUpButtonText:g?.trackPlgPromoClicked(h,"Sign Up for Free"),S?.();break;case s.switchButtonText:g?.trackPlgPromoClicked(h,"Switch Now"),y?.();break;default:g?.trackPlgPromoClicked(h,"Move Money"),$?.()}},k=R(T(u),u,v.currency.currencySymbol).toUpperCase();return i.jsxs(F,{windowSize:d,width:x?.width,style:x,"data-testid":b("credit-card-payment-plg-section"),children:[i.jsxs(_,{children:[i.jsx(A,{windowSize:d,isDarkMode:f.mode==="dark",children:i.jsx(E,{windowSize:d,children:i.jsx(O,{})})}),i.jsx(N,{children:i.jsxs(Y,{children:[i.jsx(B,{windowSize:d,children:e}),i.jsxs(q,{windowSize:d,children:[i.jsxs(p,{children:[i.jsx(w,{}),i.jsx(m,{children:s.bulletPoints.two.replace("__amount__",k)})]}),i.jsxs(p,{children:[i.jsx(w,{}),i.jsx(m,{children:s.bulletPoints.three})]}),i.jsxs(p,{children:[i.jsx(w,{}),i.jsx(m,{children:s.bulletPoints.four})]})]})]})})]}),i.jsx(K,{windowSize:d,children:i.jsx(W,{label:c,"data-testid":b("accounts-plg-button",c),onClick:C=>{C.stopPropagation(),z()},buttonColors:{borderColor:{default:n.brandColorSapphire,hover:n.brandColorSapphire,disabled:n.brandColorSapphire},backgroundColor:{default:n.brandColorSapphire,hover:n.brandColorSapphire,disabled:n.brandColorSapphire},textColor:{default:n.neutralGrey5Light,hover:n.neutralGrey5Light,disabled:n.neutralGrey5Light}},size:"small",style:{padding:`6px ${l.sp3}`,borderRadius:"6px"},textStyle:{fontWeight:H.regular}})})]})}const _=t.div`
   display: flex;
   align-items: center;
-`,D=t(G)`
+`,B=t(D)`
   color: ${e=>e.theme.colors.primary};
   width: 100%;
 `,K=t.div`
@@ -11,14 +11,14 @@ import{X as j,u as M,M as L,aJ as R,a0 as T,j as i,Y as b,K as W,bC as H,o as l,
   margin-left: ${e=>r.buttonLeftMargin.valuePx(e.windowSize)};
   margin-top: ${e=>r.buttonTopMargin.valuePx(e.windowSize)};
   margin-right: ${e=>r.buttonRightMargin.valuePx(e.windowSize)};
-`,A=t.div`
+`,E=t.div`
   width: ${e=>r.iconWidthHeight.valuePx(e.windowSize)};
   height: ${e=>r.iconWidthHeight.valuePx(e.windowSize)};
 `,O=t(U)`
   color: ${e=>e.theme.colors.primary};
   width: inherit;
   height: inherit;
-`,E=t.div`
+`,A=t.div`
   display: flex;
   margin-bottom: auto;
   flex-direction: row;
@@ -67,13 +67,13 @@ import{X as j,u as M,M as L,aJ as R,a0 as T,j as i,Y as b,K as W,bC as H,o as l,
 `,p=t.div`
   display: flex;
   align-items: center;
-`,w=t(J)`
+`,w=t(G)`
   width: ${l.sp3};
   height: ${l.sp3};
   vertical-align: middle;
   margin-right: ${l.sp1};
   color: ${n.success};
-`,m=t(_)`
+`,m=t(J)`
   color: ${e=>e.theme.colors.primary};
   white-space: nowrap;
 `;export{V as Z};

package/dist/assets/{CurrencySelectField-CH65s5Fc-Dcp2BQTf.js → CurrencySelectField-ClhIJFVw-Cum1rEqk.js}

@@ -1,6 +1,6 @@
-import{cg as M,u as N,co as P,M as H,j as l,cp as L,Y as x,b1 as z,o,dh as _,bT as B,b2 as g,s as T,v as S,eV as X,eW as Y,eX as A,w as K,a$ as U,a6 as W,g as m}from"./index-Dc18sb8X.js";import{b as v,n}from"./vendor-CnQcJ2Lu.js";const fe=({name:e,registerOptions:r,defaultValue:t,isDisabled:a,style:c,placeholder:d,isOptionRemovable:i=!0,menuItemHeight:u=40,controlStyle:p})=>{const{control:y,formState:{errors:f}}=M(),b=N(),[j,C]=v.useState(!1),k=P(f,e??""),V=H.getLocalizedStrings().common.currency,D=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??V.countryCode}},I={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"})},F={hasError:k,menuItemHeight:u,controlStyle:p,isOptionRemovable:i};return l.jsx(L,{name:e,control:y,defaultValue:t,rules:r,"data-testid":x("currency-select-field",e),render:({field:{onChange:s,onBlur:h,value:R,ref:E}})=>{const w=R;return v.createElement(z,{...F,ref:E,isMulti:!1,isSearchable:!0,isClearable:i,autoFocus:j===!0,openMenuOnClick:!0,controlShouldRenderValue:!0,placeholder:d,value:D(w.selectedOption),options:t.allOptions,"data-testid":x("currency-select",e),onChange:$=>{i&&$?.value!=null&&w?.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:Z,Option:q,Input:Q,SingleValue:ee,ValueContainer:J,DropdownIndicator:he,IndicatorSeparator:me,Placeholder:oe,ClearIndicator:ge,MenuList:G},hideSelectedOptions:!1,styles:I,isDisabled:a!=null})}})},Z=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})})},q=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]})})})},G=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:y,style:f})=>l.jsx(ce,{style:f,children:t[y]})})},J=e=>l.jsx(g.ValueContainer,{...e,className:"select-value-container",children:e.children}),Q=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(T)`
+import{cg as M,u as N,co as P,M as H,j as l,cp as L,Y as x,b2 as z,o,dh as _,bS as Y,b3 as g,s as B,q as S,eW as X,eX as q,eY as A,v as K,b0 as T,a6 as U,g as m}from"./index-Dq4DW5h0.js";import{b as w,n}from"./vendor-CnQcJ2Lu.js";const fe=({name:e,registerOptions:r,defaultValue:t,isDisabled:a,style:c,placeholder:d,isOptionRemovable:i=!0,menuItemHeight:u=40,controlStyle:p})=>{const{control:y,formState:{errors:f}}=M(),b=N(),[j,C]=w.useState(!1),k=P(f,e??""),D=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??D.countryCode}},V={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"})},F={hasError:k,menuItemHeight:u,controlStyle:p,isOptionRemovable:i};return l.jsx(L,{name:e,control:y,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,{...F,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:W,Option:Z,Input:Q,SingleValue:ee,ValueContainer:J,DropdownIndicator:he,IndicatorSeparator:me,Placeholder:oe,ClearIndicator:ge,MenuList:G},hideSelectedOptions:!1,styles:V,isDisabled:a!=null})}})},W=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})})},Z=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]})})})},G=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(Y,{height:t.length>7?a:t.length*i,width:"100%",itemCount:t.length,itemSize:()=>i,initialScrollOffset:p,children:({index:y,style:f})=>l.jsx(ce,{style:f,children:t[y]})})},J=e=>l.jsx(g.ValueContainer,{...e,className:"select-value-container",children:e.children}),Q=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(B)`
   color: ${e=>e.theme.colors.primary};
-`,oe=()=>null,le=({countryCode:e})=>{if(e!=null&&X(e)===!1)return l.jsx(l.Fragment,{});{const r=Y[`${A(e??"")}`];return l.jsx(ie,{children:l.jsx(r,{width:o.sp4,height:o.sp3})})}},te=n.span`
+`,oe=()=>null,le=({countryCode:e})=>{if(e!=null&&X(e)===!1)return l.jsx(l.Fragment,{});{const r=q[`${A(e??"")}`];return l.jsx(ie,{children:l.jsx(r,{width:o.sp4,height:o.sp3})})}},te=n.span`
   width: 100%;
   background-color: ${e=>e.hasError?m.importantLight:e.menuIsOpen?e.theme.colors.background:e.controlStyle?.backgroundColor!=null?e.controlStyle?.backgroundColor:e.theme.colors.grey5};
   border-radius: ${o.sp1};
@@ -126,13 +126,13 @@ import{cg as M,u as N,co as P,M as H,j as l,cp as L,Y as x,b1 as z,o,dh as _,bT
   }
 `,de=n.div`
   display: flex;
-`,ue=n(U)`
+`,ue=n(T)`
   width: 12px;
   height: 12px;
   margin-right: 2px;
   margin-left: ${o.sp1};
   color: ${e=>e.theme.colors.primary};
-`,pe=n(W)`
+`,pe=n(U)`
   width: ${o.sp3};
   height: ${o.sp3};
   color: ${e=>e.theme.colors.primary};

package/dist/assets/{CustomerOnboardingActivationPage-DCHbvIb1-DK5c91dn.js → CustomerOnboardingActivationPage-D-Ihd-H0-BECSi6lI.js}

@@ -1,4 +1,4 @@
-import{j as t,X as b,M as d,a5 as l,Y as p,e as x,o as i,$ as g,c0 as h,k as m}from"./index-Dc18sb8X.js";import{b as u,n as o}from"./vendor-CnQcJ2Lu.js";import"./mui-C5LQ0bMa.js";import"./analytics-DThoELaW.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";const f=o.div`
+import{j as t,X as b,M as d,a5 as l,Y as p,d as x,o as i,$ as g,c0 as h,k as m}from"./index-Dq4DW5h0.js";import{b as u,n as o}from"./vendor-CnQcJ2Lu.js";import"./mui-BgvZYSo0.js";import"./analytics-BSSiLa6f.js";import"./routing-BNz5gZgX.js";import"./sentry-HDxG13yk.js";import"./redux-DmDqXYej.js";import"./liveblocks-BUGn2yQ6.js";import"./crypto-BURQLTgV.js";const f=o.div`
   display: flex;
   width: 100%;
   flex-direction: column;

package/dist/assets/CustomerOnboardingContainerPage-C9jXmYuH-DO8DpQlg.js

@@ -0,0 +1 @@
+import{j as r}from"./index-Dq4DW5h0.js";import o from"./CustomerOnboardingNoStepsPage-B9ts3Tla-CfVcbZOI.js";import i from"./CustomerOnboardingPage-DJbFeXms-BffeJFQv.js";import"./mui-BgvZYSo0.js";import"./vendor-CnQcJ2Lu.js";import"./analytics-BSSiLa6f.js";import"./routing-BNz5gZgX.js";import"./sentry-HDxG13yk.js";import"./redux-DmDqXYej.js";import"./liveblocks-BUGn2yQ6.js";import"./crypto-BURQLTgV.js";import"./HelpButton-8AQIbLQM-Dxn71Y7_.js";import"./MeetingCalenderPopup-D4tz-H5i-CGIgOa91.js";import"./PaymentAccountSetupBillingAddressSection-Debi_lWf-LBl6kVXa.js";import"./SetUpAccountSection-nul4pyeP-CLCXvV9l.js";import"./SetUpDefaultSection-ByW3h9zl-9i3uOw78.js";import"./ChaseOverlay-DPgGIuyV-JigHbzQk.js";import"./CustomerOnboardingDetailPageSkeleton-CUxNOK4z-Ch73W5CD.js";import"./CompanyOfficerDetailsSection-B_cIues7-BNMnvkxE.js";import"./LabeledAddressValueField-DYelJL4d-Dl7kIpOx.js";import"./LabeledCreatableSingleSelectField-B9zUAA6L-1j60EBJE.js";import"./LabeledDocumentField-DORRl3DI-WSVu_B_9.js";import"./DocumentSecurityBanner-CVNWDvAg-ZZDqDElp.js";import"./QBOSetupSection-Bj_y0Lo2-D2Jh1k_B.js";import"./QBOConnectionDialog-B1b1wGeq-OoIQ8fFk.js";const w=t=>t.currentTenant?.productSettings.isOtherProductsEnabled===!0?r.jsx(o,{...t}):r.jsx(i,{...t});export{w as default};

package/dist/assets/{CustomerOnboardingDetailPageSkeleton-Cz40bZgg-CWu3HzYj.js → CustomerOnboardingDetailPageSkeleton-CUxNOK4z-Ch73W5CD.js}

@@ -1,6 +1,6 @@
-import{j as s,Y as y,aG as E,u as f,X as T,bg as x,o as t,p as R,C as $,$ as I,M as N,g as u,eS as U,hb as P,f0 as L,b4 as W,m as M,hc as O}from"./index-Dc18sb8X.js";import{n as r,f as S}from"./vendor-CnQcJ2Lu.js";const Z=r(O)`
+import{j as s,Y as y,aG as T,u as f,X as E,bh as x,o as t,p as R,C as $,$ as I,M as N,g as u,eT as U,hc as P,f1 as L,b5 as W,f as M,hd as O}from"./index-Dq4DW5h0.js";import{n as r,f as S}from"./vendor-CnQcJ2Lu.js";const X=r(O)`
   /* Size is controlled by styles.root prop */
-`,X=r.div`
+`,Z=r.div`
   position: relative;
   width: ${t.sp3};
   height: ${t.sp3};
@@ -22,7 +22,7 @@ import{j as s,Y as y,aG as E,u as f,X as T,bg as x,o as t,p as R,C as $,$ as I,M
     pointer-events: none;
     z-index: 1;
   }
-`,F=({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)})},G=({valueEnd:e=50})=>{const i=f();return s.jsx(F,{valueStart:0,valueEnd:e,children:o=>s.jsx(X,{theme:i,children:s.jsx(Z,{value:o,strokeWidth:50,circleRatio:1,styles:{...P({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"}}})})})},j=({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,w=({isActive:e,isCompleted:i,isDisabled:o,isHalfCompleted:l,theme:d})=>e||i||l?d.colors.primary:o?d.colors.grey1:d.colors.hero,J=r.div`
+`,F=({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)})},G=({valueEnd:e=50})=>{const i=f();return s.jsx(F,{valueStart:0,valueEnd:e,children:o=>s.jsx(Z,{theme:i,children:s.jsx(X,{value:o,strokeWidth:50,circleRatio:1,styles:{...P({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"}}})})})},j=({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,w=({isActive:e,isCompleted:i,isDisabled:o,isHalfCompleted:l,theme:d})=>e||i||l?d.colors.primary:o?d.colors.grey1:d.colors.hero,J=r.div`
   width: 100%;
   display: flex;
   background: ${e=>e.isActive?e.theme.colors.grey5:null};
@@ -44,28 +44,28 @@ import{j as s,Y as y,aG as E,u as f,X as T,bg as x,o as t,p as R,C as $,$ as I,M
 `,K=r.div`
   margin-right: ${t.sp2};
   margin-top: 2px;
-`,Y=r(L)`
+`,V=r(L)`
   width: ${t.sp3};
   height: ${t.sp3};
   color: ${u.success};
-`,q=r(U)`
+`,Y=r(U)`
   width: ${t.sp3};
   height: ${t.sp3};
   color: ${u.runwayRed};
-`,B=r.div`
+`,q=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`
+`,B=r.div`
   display: flex;
   flex-direction: column;
-`,V=r(W)`
+`,Q=r(W)`
   color: ${e=>j({isActive:e.isActive,isCompleted:e.isCompleted,isDisabled:e.disabledStep,isError:e.isError,isHalfCompleted:e.isHalfCompleted,theme:e.theme})};
 `,_=r(M)`
   color: ${e=>w({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(J,{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(K,{children:a?s.jsx(q,{}):l?s.jsx(G,{}):o?s.jsx(Y,{}):s.jsx(B,{isActive:i,disabledStep:c})}),s.jsxs(Q,{children:[s.jsx(V,{className:"step-content-title",isActive:i,isCompleted:o,isHalfCompleted:l,disabledStep:c,isError:a,children:h}),s.jsx(_,{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(J,{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(K,{children:a?s.jsx(Y,{}):l?s.jsx(G,{}):o?s.jsx(V,{}):s.jsx(q,{isActive:i,disabledStep:c})}),s.jsxs(B,{children:[s.jsx(Q,{className:"step-content-title",isActive:i,isCompleted:o,isHalfCompleted:l,disabledStep:c,isError:a,children:h}),s.jsx(_,{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;
@@ -115,7 +115,7 @@ import{j as s,Y as y,aG as E,u as f,X as T,bg as x,o as t,p as R,C as $,$ as I,M
   color: ${e=>e.theme.colors.primary};
   cursor: pointer;
   flex-shrink: 0;
-`,ue=e=>{const{isOnAddressPage:i,allSteps:o,completedSteps:l,halfCompletedSteps:d,errorSteps:a,currentStep:h,signedInUser:m,currentTenant:g,fetchStatus:p,onUpdateStep:n,onZeniLogoClick:c,handleLogOutClick:k,handleCockpitClick:A,setIsStepClicked:z}=e,D=p.fetchState==="In-Progress"||p.fetchState==="Not-Started",H=[];return s.jsxs(de,{children:[s.jsx(ne,{"data-testid":y("zeni-logo-customer-onboarding-drawer"),onClick:c}),D?s.jsx(le,{}):s.jsx(ie,{allSteps:o,isDisabled:i,disabledSteps:H,completedSteps:l,halfCompletedSteps:d,errorSteps:a,currentStep:h,onUpdateStep:n,setIsStepClicked:z}),s.jsx(ae,{children:s.jsx(E,{signedInUser:m,currentTenant:g,onLogOutClick:k,onCockpitClick:A})})]})},C={titleRectangleWidth:new $(250,500,550,600),subTitleRectangleWidth:new $(343,600,700,800)},pe=r.div`
+`,ue=e=>{const{isOnAddressPage:i,allSteps:o,completedSteps:l,halfCompletedSteps:d,errorSteps:a,currentStep:h,signedInUser:m,currentTenant:g,fetchStatus:p,onUpdateStep:n,onZeniLogoClick:c,handleLogOutClick:k,handleCockpitClick:A,setIsStepClicked:z}=e,D=p.fetchState==="In-Progress"||p.fetchState==="Not-Started",H=[];return s.jsxs(de,{children:[s.jsx(ne,{"data-testid":y("zeni-logo-customer-onboarding-drawer"),onClick:c}),D?s.jsx(le,{}):s.jsx(ie,{allSteps:o,isDisabled:i,disabledSteps:H,completedSteps:l,halfCompletedSteps:d,errorSteps:a,currentStep:h,onUpdateStep:n,setIsStepClicked:z}),s.jsx(ae,{children:s.jsx(T,{signedInUser:m,currentTenant:g,onLogOutClick:k,onCockpitClick:A})})]})},C={titleRectangleWidth:new $(250,500,550,600),subTitleRectangleWidth:new $(343,600,700,800)},pe=r.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -159,4 +159,4 @@ import{j as s,Y as y,aG as E,u as f,X as T,bg as x,o as t,p as R,C as $,$ as I,M
   box-sizing: border-box;
   align-items: center;
   justify-content: center;
-`,xe=({isNoStepsPage:e=!1})=>{const i=f(),o=T();return s.jsx(pe,{isNoStepsPage:e,children:s.jsx(ce,{windowSize:o,children:s.jsxs(he,{children:[s.jsx(v,{children:s.jsx(x,{width:C.titleRectangleWidth.value(o),height:R[6],backgroundColor:i.colors.grey3,style:{borderRadius:t.sp2}})}),s.jsx(v,{children:s.jsx(x,{width:C.subTitleRectangleWidth.value(o),height:27,backgroundColor:i.colors.grey3,style:{borderRadius:t.sp2}})})]})})})};export{b as a,ue as b,xe as f};
+`,xe=({isNoStepsPage:e=!1})=>{const i=f(),o=E();return s.jsx(pe,{isNoStepsPage:e,children:s.jsx(ce,{windowSize:o,children:s.jsxs(he,{children:[s.jsx(v,{children:s.jsx(x,{width:C.titleRectangleWidth.value(o),height:R[6],backgroundColor:i.colors.grey3,style:{borderRadius:t.sp2}})}),s.jsx(v,{children:s.jsx(x,{width:C.subTitleRectangleWidth.value(o),height:27,backgroundColor:i.colors.grey3,style:{borderRadius:t.sp2}})})]})})})};export{b as a,ue as b,xe as f};

package/dist/assets/{CustomerOnboardingNoStepsPage-DrbkKOBx-B_LwgpIq.js → CustomerOnboardingNoStepsPage-B9ts3Tla-CfVcbZOI.js}

@@ -1,4 +1,4 @@
-import{d3 as se,j as o,X as Ce,u as Pe,a as we,h2 as be,M as xe,a5 as ke,c3 as Ie,aW as $e,o as i,Y as Ae,F as ve,a7 as Oe,aG as je,cw as Ve,cx as oe,$ as Te,C as J,s as Le,p as $}from"./index-Dc18sb8X.js";import{n as c,b as A}from"./vendor-CnQcJ2Lu.js";import{F as Ue}from"./HelpButton-khTPylkl-CC4TQ-Mh.js";import{t as ze,e as Ee}from"./PaymentAccountSetupBillingAddressSection-Cvn1adQb-Y7cu298L.js";import{f as Be}from"./CustomerOnboardingDetailPageSkeleton-Cz40bZgg-CWu3HzYj.js";import"./mui-C5LQ0bMa.js";import"./analytics-DThoELaW.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";import"./MeetingCalenderPopup-6yyRBLYC-Bbqtv452.js";import"./SetUpAccountSection-CdUpAzlt-C1MgYcT-.js";import"./SetUpDefaultSection-D4FafmO5-JKsfeRPT.js";import"./ChaseOverlay-DQz9r9Pp-DwtAFMH1.js";const X="onboardingPaymentAccountSetupSection",ie="customerOnboardingNoStepsDetailPage",n="onboardingSubscriptionBillingAddress",Q={titleWidth:new J(343,580,726,826),subTitlePaddingTop:new J($[3],$[3]),subTitlePaddingBottom:new J($[3],$[3])},Fe=e=>`${e}_form`,_e=xe.getLocalizedStrings(),Ke=({onboardingCustomerView:e,connectedAccountProvider:C,cardPaymentView:y,stripeKey:O,googleAPIKey:j,signedInUser:P,currentTenant:V,onUpdateStep:T,handleCreateCardSetupIntent:L,handleConfirmCardSetupIntent:U,updateCardPaymentModalState:w,handleAddCardPaymentSource:z,resetCardPaymentViewState:E,handleResetCardPaymentErrorStatuses:B,redirectToProductSuitePage:b,onUpdateCustomerView:F,..._})=>{const u=Ce(),K=se(),{analytics:h}=K,{onFetchLinkTokenClick:D,onUpdatePaymentAccountStatus:M,onUpdatePaymentAccountLoginStatus:R,onEstablishConnectionClick:S,onEstablishConnectionSuccess:G,handleLogOutClick:N,onZeniLogoClick:Z,onAddressEditHandler:x}=_,W=Pe(),r=we({mode:"onSubmit",reValidateMode:"onSubmit",defaultValues:v(e),values:v(e),shouldFocusError:!0,resetOptions:{keepDirtyValues:!0}}),{companyOfficerLocalData:re,saveStatus:p,paymentAccount:k,paymentAccountStatus:de,plaidConnectionDetails:Y,uiState:le,allNationalityCountries:q,subscriptionBillingAddress:m}=e,{customerOnboardingPage:ce,common:g}=_e,{footer:ue,steps:pe}=ce,{buttons:H}=ue,ee=pe.link_payment_account,I=ke(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 s=r.getValues(`${n}`).country;let d=a[n];if(t.includes(`${n}.street`)&&a[n].street!=null){const{addressValue:l}=a[n].street,f=Ve(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},s.selectedOption!==f.selectedOption&&(d={...d,country:f})}else t===`${n}.country`&&s.selectedOption!=null?d={...d,countryCode:oe(s.selectedOption)}:s.selectedOption!=null&&t.includes(`${n}.street`)===!1&&(d={...d,countryCode:oe(s.selectedOption)});x(d)}};A.useEffect(()=>{const t=r.watch((a,{name:s})=>{s!=null&&a!=null&&Ie(()=>ge(s,a))});return()=>{t.unsubscribe()}}),A.useEffect(()=>{I==="In-Progress"&&p.fetchState==="Completed"&&r.reset(v(e),{keepDirtyValues:!1})},[r,e,I,p.fetchState,q]);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(Y).some(l=>l.fetchStatus.fetchState==="Completed"),a=k?.providerVerificationStatus?.code?.includes("verified")??!1,s=y.cardsList.length>0,d=y.bankAccountsList[0]?.providerVerificationStatus?.code?.includes("verified")??!1;return t&&a||!a&&!k&&s||!s&&!k&&d};function he(){if(r.getFieldState(n).error)return!1;const t=r.getValues(n),a=m?.street.join("").trim(),s=m?.city,d=m?.state,l=m?.country,f=m?.postalCode!=null&&m.postalCode||t.postalCode||g.strings.empty;return!!a&&!!s&&!!d&&!!l&&!!f}const Se=async()=>{const t=await r.trigger(n),a=await r.trigger(X);t&&a&&(ye(),T("link_payment_account"),F(me,!1,!0))};A.useEffect(()=>{I==="In-Progress"&&p.fetchState==="Completed"&&(r.reset(v(e),{keepDirtyValues:!1}),b())},[r,e,I,p.fetchState,q,b]);const[ae,fe]=A.useState(!1);return o.jsxs(De,{children:[o.jsxs(Me,{windowSize:u,children:[o.jsx($e,{title:ee.sectionTitle,showBackButton:!1,backgroundColor:W.colors.grey4,style:{zIndex:4},source:"CustomerOnboardingPaymentAddressDetailPage",showLeftSection:u!=="small",titleStyle:{display:"flex",alignItems:"center"},navBarContainerStyles:{paddingTop:i.sp0,paddingBottom:i.sp0},leftSideComponent:o.jsx(Ze,{children:o.jsx(We,{"data-testid":Ae("zeni-logo-customer-onboarding-payment-address-detail-page"),onClick:Z})})}),o.jsx(ve,{...r,children:o.jsx(Ge,{id:Fe(ie),children:o.jsxs(Re,{children:[o.jsx(He,{windowSize:u,children:ee.sectionSubTitle}),o.jsx(ze,{connectedAccountProvider:C,paymentAccount:k,accountStatus:de,plaidConnectionDetails:Y,subscriptionBillingAddressSectionId:n,sectionId:X,analytics:h,isValid:ne(),onFetchLinkTokenClick:D,onEstablishConnectionClick:S,onUpdatePaymentAccountStatus:M,onUpdatePaymentAccountLoginStatus:R,onEstablishConnectionSuccess:G,updateCardPaymentModalState:w,cardPaymentView:y,resetCardPaymentViewState:E,cardSetupInProgress:ae,googleAPIKey:j,subscriptionBillingAddress:m})]},"link_payment_account")})}),o.jsx(Oe,{formId:`${ie}`,leftSideComponent:o.jsx(Ne,{windowSize:u,children:o.jsx(je,{signedInUser:P,currentTenant:V,onLogOutClick:N})}),style:{width:u==="small"?"auto":"100%",padding:i.sp0,rowGap:i.sp1},helperContainerStyle:{width:"100%",rowGap:i.sp1,marginTop:"12px",marginBottom:i.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:i.sp0,rowGap:i.sp0,textAlign:"center"}})]}),o.jsx(Ee,{handleConfirmCardSetupIntent:U,updateCardPaymentModalState:w,handleCreateCardSetupIntent:L,handleAddCardPaymentSource:z,cardPaymentView:y,stripeKey:O,isCardPaymentOpen:le.isCardPaymentPopupOpen,handleResetCardPaymentErrorStatuses:B,cardSetupInProgress:ae,setCardSetupInProgress:fe})]})},De=c.div`
+import{d3 as se,j as o,X as Ce,u as Pe,a as we,h3 as be,M as xe,a5 as ke,c3 as Ie,aW as $e,o as i,Y as Ae,F as ve,a7 as Oe,aG as je,cw as Ve,cx as oe,$ as Te,C as J,s as Le,p as $}from"./index-Dq4DW5h0.js";import{n as c,b as A}from"./vendor-CnQcJ2Lu.js";import{F as Ue}from"./HelpButton-8AQIbLQM-Dxn71Y7_.js";import{t as ze,e as Ee}from"./PaymentAccountSetupBillingAddressSection-Debi_lWf-LBl6kVXa.js";import{f as Be}from"./CustomerOnboardingDetailPageSkeleton-CUxNOK4z-Ch73W5CD.js";import"./mui-BgvZYSo0.js";import"./analytics-BSSiLa6f.js";import"./routing-BNz5gZgX.js";import"./sentry-HDxG13yk.js";import"./redux-DmDqXYej.js";import"./liveblocks-BUGn2yQ6.js";import"./crypto-BURQLTgV.js";import"./MeetingCalenderPopup-D4tz-H5i-CGIgOa91.js";import"./SetUpAccountSection-nul4pyeP-CLCXvV9l.js";import"./SetUpDefaultSection-ByW3h9zl-9i3uOw78.js";import"./ChaseOverlay-DPgGIuyV-JigHbzQk.js";const X="onboardingPaymentAccountSetupSection",ie="customerOnboardingNoStepsDetailPage",n="onboardingSubscriptionBillingAddress",Q={titleWidth:new J(343,580,726,826),subTitlePaddingTop:new J($[3],$[3]),subTitlePaddingBottom:new J($[3],$[3])},Fe=e=>`${e}_form`,_e=xe.getLocalizedStrings(),Ke=({onboardingCustomerView:e,connectedAccountProvider:C,cardPaymentView:y,stripeKey:O,googleAPIKey:j,signedInUser:P,currentTenant:V,onUpdateStep:T,handleCreateCardSetupIntent:L,handleConfirmCardSetupIntent:U,updateCardPaymentModalState:w,handleAddCardPaymentSource:z,resetCardPaymentViewState:E,handleResetCardPaymentErrorStatuses:B,redirectToProductSuitePage:b,onUpdateCustomerView:F,..._})=>{const u=Ce(),K=se(),{analytics:h}=K,{onFetchLinkTokenClick:D,onUpdatePaymentAccountStatus:M,onUpdatePaymentAccountLoginStatus:R,onEstablishConnectionClick:S,onEstablishConnectionSuccess:G,handleLogOutClick:N,onZeniLogoClick:W,onAddressEditHandler:x}=_,Z=Pe(),r=we({mode:"onSubmit",reValidateMode:"onSubmit",defaultValues:v(e),values:v(e),shouldFocusError:!0,resetOptions:{keepDirtyValues:!0}}),{companyOfficerLocalData:re,saveStatus:p,paymentAccount:k,paymentAccountStatus:de,plaidConnectionDetails:Y,uiState:le,allNationalityCountries:q,subscriptionBillingAddress:m}=e,{customerOnboardingPage:ce,common:g}=_e,{footer:ue,steps:pe}=ce,{buttons:H}=ue,ee=pe.link_payment_account,I=ke(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 s=r.getValues(`${n}`).country;let d=a[n];if(t.includes(`${n}.street`)&&a[n].street!=null){const{addressValue:l}=a[n].street,f=Ve(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},s.selectedOption!==f.selectedOption&&(d={...d,country:f})}else t===`${n}.country`&&s.selectedOption!=null?d={...d,countryCode:oe(s.selectedOption)}:s.selectedOption!=null&&t.includes(`${n}.street`)===!1&&(d={...d,countryCode:oe(s.selectedOption)});x(d)}};A.useEffect(()=>{const t=r.watch((a,{name:s})=>{s!=null&&a!=null&&Ie(()=>ge(s,a))});return()=>{t.unsubscribe()}}),A.useEffect(()=>{I==="In-Progress"&&p.fetchState==="Completed"&&r.reset(v(e),{keepDirtyValues:!1})},[r,e,I,p.fetchState,q]);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(Y).some(l=>l.fetchStatus.fetchState==="Completed"),a=k?.providerVerificationStatus?.code?.includes("verified")??!1,s=y.cardsList.length>0,d=y.bankAccountsList[0]?.providerVerificationStatus?.code?.includes("verified")??!1;return t&&a||!a&&!k&&s||!s&&!k&&d};function he(){if(r.getFieldState(n).error)return!1;const t=r.getValues(n),a=m?.street.join("").trim(),s=m?.city,d=m?.state,l=m?.country,f=m?.postalCode!=null&&m.postalCode||t.postalCode||g.strings.empty;return!!a&&!!s&&!!d&&!!l&&!!f}const Se=async()=>{const t=await r.trigger(n),a=await r.trigger(X);t&&a&&(ye(),T("link_payment_account"),F(me,!1,!0))};A.useEffect(()=>{I==="In-Progress"&&p.fetchState==="Completed"&&(r.reset(v(e),{keepDirtyValues:!1}),b())},[r,e,I,p.fetchState,q,b]);const[ae,fe]=A.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:i.sp0,paddingBottom:i.sp0},leftSideComponent:o.jsx(We,{children:o.jsx(Ze,{"data-testid":Ae("zeni-logo-customer-onboarding-payment-address-detail-page"),onClick:W})})}),o.jsx(ve,{...r,children:o.jsx(Ge,{id:Fe(ie),children:o.jsxs(Re,{children:[o.jsx(He,{windowSize:u,children:ee.sectionSubTitle}),o.jsx(ze,{connectedAccountProvider:C,paymentAccount:k,accountStatus:de,plaidConnectionDetails:Y,subscriptionBillingAddressSectionId:n,sectionId:X,analytics:h,isValid:ne(),onFetchLinkTokenClick:D,onEstablishConnectionClick:S,onUpdatePaymentAccountStatus:M,onUpdatePaymentAccountLoginStatus:R,onEstablishConnectionSuccess:G,updateCardPaymentModalState:w,cardPaymentView:y,resetCardPaymentViewState:E,cardSetupInProgress:ae,googleAPIKey:j,subscriptionBillingAddress:m})]},"link_payment_account")})}),o.jsx(Oe,{formId:`${ie}`,leftSideComponent:o.jsx(Ne,{windowSize:u,children:o.jsx(je,{signedInUser:P,currentTenant:V,onLogOutClick:N})}),style:{width:u==="small"?"auto":"100%",padding:i.sp0,rowGap:i.sp1},helperContainerStyle:{width:"100%",rowGap:i.sp1,marginTop:"12px",marginBottom:i.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:i.sp0,rowGap:i.sp0,textAlign:"center"}})]}),o.jsx(Ee,{handleConfirmCardSetupIntent:U,updateCardPaymentModalState:w,handleCreateCardSetupIntent:L,handleAddCardPaymentSource:z,cardPaymentView:y,stripeKey:O,isCardPaymentOpen:le.isCardPaymentPopupOpen,handleResetCardPaymentErrorStatuses:B,cardSetupInProgress:ae,setCardSetupInProgress:fe})]})},De=c.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -40,9 +40,9 @@ import{d3 as se,j as o,X as Ce,u as Pe,a as we,h2 as be,M as xe,a5 as ke,c3 as I
   justify-content: center;
   align-items: center;
   cursor: default;
-`,Ze=c.div`
+`,We=c.div`
   display: flex;
-`,We=c(Te)`
+`,Ze=c(Te)`
   height: ${i.sp4};
   width: 102px;
   color: ${e=>e.theme.colors.primary};
@@ -58,7 +58,7 @@ import{d3 as se,j as o,X as Ce,u as Pe,a as we,h2 as be,M as xe,a5 as ke,c3 as I
   padding-bottom: ${e=>Q.subTitlePaddingBottom.valuePx(e.windowSize)};
   text-align: ${e=>e.windowSize==="small"?"initial":"center"};
   width: 100%;
-`,v=e=>({[X]:{account:{allOptions:[],selectedOption:void 0}},[n]:be(n,e?.subscriptionBillingAddress)[n]}),pt=e=>{const{onboardingCustomerView:C,cardPaymentView:y,signedInUser:O,currentTenant:j,isOnAddressPage:P,stripeKey:V,googleAPIKey:T,meetingUrl:L,onUpdateStep:U,onZeniLogoClick:w,handleLogOutClick:z,handleCockpitClick:E,handleCreateCardSetupIntent:B,handleConfirmCardSetupIntent:b,handleFetchPaymentSources:F,updateCardPaymentModalState:_,resetCardPaymentViewState:u,handleResetCardPaymentErrorStatuses:K,redirectToProductSuitePage:h,...D}=e,{allSteps:M,currentStep:R,fetchStatus:S}=C,G=se(),{analytics:N}=G,Z={allSteps:M,isOnAddressPage:P,currentStep:R,fetchStatus:S,signedInUser:O,currentTenant:j,onUpdateStep:W=>{U(W)},onZeniLogoClick:w,handleLogOutClick:z,handleCockpitClick:E,redirectToProductSuitePage:h},x=S.fetchState==="In-Progress"||S.fetchState==="Not-Started";return o.jsxs(Je,{isOnAddressPage:P,children:[x?o.jsx(Be,{isNoStepsPage:!0}):o.jsx(Ke,{...Z,onboardingCustomerView:C,handleCreateCardSetupIntent:B,handleConfirmCardSetupIntent:b,updateCardPaymentModalState:_,handleFetchPaymentSources:F,cardPaymentView:y,resetCardPaymentViewState:u,stripeKey:V,googleAPIKey:T,handleResetCardPaymentErrorStatuses:K,redirectToProductSuitePage:h,...D}),x?null:o.jsx(Ue,{isFooterRendered:!0,meetingUrl:L,analytics:N,productType:"onboarding"})]})},Je=c.div`
+`,v=e=>({[X]:{account:{allOptions:[],selectedOption:void 0}},[n]:be(n,e?.subscriptionBillingAddress)[n]}),pt=e=>{const{onboardingCustomerView:C,cardPaymentView:y,signedInUser:O,currentTenant:j,isOnAddressPage:P,stripeKey:V,googleAPIKey:T,meetingUrl:L,onUpdateStep:U,onZeniLogoClick:w,handleLogOutClick:z,handleCockpitClick:E,handleCreateCardSetupIntent:B,handleConfirmCardSetupIntent:b,handleFetchPaymentSources:F,updateCardPaymentModalState:_,resetCardPaymentViewState:u,handleResetCardPaymentErrorStatuses:K,redirectToProductSuitePage:h,...D}=e,{allSteps:M,currentStep:R,fetchStatus:S}=C,G=se(),{analytics:N}=G,W={allSteps:M,isOnAddressPage:P,currentStep:R,fetchStatus:S,signedInUser:O,currentTenant:j,onUpdateStep:Z=>{U(Z)},onZeniLogoClick:w,handleLogOutClick:z,handleCockpitClick:E,redirectToProductSuitePage:h},x=S.fetchState==="In-Progress"||S.fetchState==="Not-Started";return o.jsxs(Je,{isOnAddressPage:P,children:[x?o.jsx(Be,{isNoStepsPage:!0}):o.jsx(Ke,{...W,onboardingCustomerView:C,handleCreateCardSetupIntent:B,handleConfirmCardSetupIntent:b,updateCardPaymentModalState:_,handleFetchPaymentSources:F,cardPaymentView:y,resetCardPaymentViewState:u,stripeKey:V,googleAPIKey:T,handleResetCardPaymentErrorStatuses:K,redirectToProductSuitePage:h,...D}),x?null:o.jsx(Ue,{isFooterRendered:!0,meetingUrl:L,analytics:N,productType:"onboarding"})]})},Je=c.div`
   display: flex;
   flex-direction: column;
   width: ${e=>e.isOnAddressPage?"fit-content":"100%"};

package/dist/assets/CustomerOnboardingPage-DJbFeXms-BffeJFQv.js

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