@zeniai/web-cockpit-ui 1.15.37-dev → 1.15.38-dev

package/dist/assets/{CreditCardPaymentDrawerPage-Cjnbhvmv-BaSvidwl.js → CreditCardPaymentDrawerPage-lOjOtk28-j0qKs3eR.js}

@@ -1,4 +1,4 @@
-import{V as t,J as he,a8 as ye,ab as ae,hy as ea,aP as aa,r as ta,T as na,aS as Ee,o as a,F as G,x as m,a as Me,d as oa,ai as ia,y as Be,bU as ra,fl as _e,z as Z,p as J,gt as ce,w as la,ar as Oe,b as ca,aR as De,a9 as sa,fE as da,cH as ma,ad as pa,f4 as ua,fI as ha,cO as ya,hJ as we,hK as ga,gg as fa,u as r,c3 as Ca,ba,fs as xa,cj as Da,am as Ne,g$ as wa,c1 as Sa,aV as $a,hL as ka,d1 as Aa,h0 as La,fU as va,fQ as Ia}from"./index-DkG4Gq_1.js";import{n as i}from"./mui-jyIGzSd8.js";import{a as p}from"./sentry-CkqzujGZ.js";import{bL as pe,bP as Fa,bh as Se,bJ as Ra,bK as $e,bI as Ta}from"./zeni-epic-state-B9mN2lN3.js";import{x as Pa}from"./LabeledControlledCheckBoxField-DVf8zpcv-CZ4IjMNU.js";import"./liveblocks-CZpRcduP.js";import"./core-CBRgKovr.js";import"./recharts-CCz6EACy.js";import"./lottie-CvYZqvKo.js";import"./analytics-Cu6vrn8M.js";import"./lexical-BgntzHWG.js";import"./utils-CvgqAgFT.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},o=new e.Error().stack;o&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[o]="95f2b94c-66c9-4a8c-9927-106ec3c89778",e._sentryDebugIdIdentifier="sentry-dbid-95f2b94c-66c9-4a8c-9927-106ec3c89778")}catch{}})();const te={largeLabelWidth:new m(120,120,160),navBarContainerPaddingXaxis:new m(10,19),containerPaddingLeft:new m(r[3],r[6],r[8]),containerPaddingRight:new m(r[3],r[6],r[8]),reviewContentWrapperPaddingBottom:new m(r[5],r[8])},ue={pageTitle:new Z("h6Regular","h5Regular"),integerAmountInput:new Z("h5Regular","largeMedium"),decimalAmountInput:new Z("largeSemiBold","largeMedium")},{dateFormat:{visual:{MMMDCommaYYYYformat:ke}},common:{edit:ja,labels:se,navBar:{back:za},to:Ea,zeniInc:Ma},spendManagement:{zeniAccounts:{zeniAccountList:{transferDrawer:Ba}},chargeCard:{payEarly:E}}}=G.getLocalizedStrings(),_a=({paymentDetails:e,isCashbackInfoFetchStateCompleted:o,isCreditCardInfoFetchStateCompleted:h,isDebitCardInfoFetchStateCompleted:n,controllerEmails:f,productInformation:c,cashbackInformation:y,paymentSourceInformation:L,creditAccountInformation:C,debitAccountInformation:g,setShowReviewContent:x,onTransferClick:b})=>{const d=he(),S=Be(),v=ye().analytics,[B,I]=p.useState(!1);p.useEffect(()=>{e.error!=null?I(!0):I(!1)},[e.error]);const F=te.largeLabelWidth.value(d),R=e.chargeCardRepaymentDetailLocalData.transferFrom?.accType==="depositAccount",T=R?1:3,P=pe(Fa(Se().toDate(),[0,6],T).toDateString()).format(ke),_=R?E.timeline01BusinessDay:E.timeline23BusinessDays,O=R?E.estimatedPaymentCompleteWithoutTimeline.replace("__date__",P):E.estimatedPaymentCompleteWithTimeline.replace("__date__",P).replace("__timeline__",_);return t.jsxs(t.Fragment,{children:[t.jsxs(Xa,{windowSize:d,children:[t.jsx(tt,{windowSize:d,children:t.jsx(ra,{title:za,enterTouchDelay:600,placement:"bottom",display:"flex",children:t.jsx(at,{"data-testid":ae("nav-bar-back-credit-card-payment-review"),onClick:()=>{o&&h&&n&&y!=null&&v.trackCardsPayEarlyFormClick(f,c,y,"Back",e.chargeCardRepaymentDetailLocalData.isAutoRepayment,{paymentAmount:e.chargeCardRepaymentDetailLocalData.amount.amount,paymentAccountName:e.chargeCardRepaymentDetailLocalData.transferFrom?.label,paymentAccountType:e.chargeCardRepaymentDetailLocalData.transferFrom?.accType,paymentAccountLastFourDigits:e.chargeCardRepaymentDetailLocalData.transferFrom?.accountLast4,paymentCompleteEta:void 0,paymentInitiatedDate:void 0},L,C,g),x(!1)}})})}),t.jsx(nt,{windowSize:d,children:Ba.reviewAndConfirm}),t.jsxs(Na,{children:[E.pay," ",t.jsx(Ae,{children:t.jsx(_e,{amount:e.chargeCardRepaymentDetailLocalData.amount,integerStyles:ue.integerAmountInput.styleObject(d),decimalStyles:ue.decimalAmountInput.styleObject(d),style:{display:"inline-flex"}})})," ",Ea," ",t.jsx(Ae,{children:Ma})]}),B?t.jsx(Ka,{children:t.jsxs(Va,{children:[t.jsxs(Za,{children:[t.jsx(Ja,{}),t.jsxs(Ya,{children:[t.jsx(Ha,{children:e.error?.title}),t.jsx(qa,{children:e.error?.message})]})]}),t.jsx(Ga,{children:t.jsx(Qa,{"data-testid":ae("close-error-credit-card-payment-review"),onClick:()=>{I(!1)},style:{width:a.sp3,height:a.sp3,color:J.heroLight}})})]})}):null,t.jsx(et,{windowSize:d,children:t.jsxs(Wa,{children:[t.jsx(ce,{label:{label:se.paymentMethod,width:F},text:t.jsx(de,{windowSize:d,children:e.chargeCardRepaymentDetailLocalData.transferFrom?.accType==="depositAccount"?E.bookPayment:E.sameDayACH}),style:{width:"auto"}}),t.jsx(Le,{}),t.jsx(ce,{label:{label:se.sourceAccount,width:F},text:t.jsxs(de,{windowSize:d,children:[Ue(e.transferFromAccounts,e.chargeCardRepaymentDetailLocalData.transferFrom?.id??"",!0),t.jsxs(Ua,{windowSize:d,children:[e.chargeCardRepaymentDetailLocalData.transferFrom?.label,e.chargeCardRepaymentDetailLocalData.transferFrom?.maskedAccountNumber!=null?` ${e.chargeCardRepaymentDetailLocalData.transferFrom.maskedAccountNumber}`:e.chargeCardRepaymentDetailLocalData.transferFrom?.accountLast4!=null?` •••• ${e.chargeCardRepaymentDetailLocalData.transferFrom.accountLast4}`:null]})]}),style:{width:"auto"}}),t.jsx(Le,{}),t.jsx(ce,{label:{label:se.paymentDate,width:F},showAdditionalInfoLabel:!0,additionalInfoLabel:O,additionalInfoLabelStyles:{color:S.colors.hero,...la.smallRegular.cssObject},text:t.jsx(de,{windowSize:d,children:Se().format(ke)}),style:{width:"auto"}})]})})]}),t.jsx(Ee,{style:{zIndex:4,paddingTop:a.sp3,paddingBottom:a.sp0},helperText:E.byClickingPayNowIAuthorizeZeniToInitiateThePayment,helperStyle:{padding:`${a.sp0} ${a.sp0} ${a.sp3} ${a.sp0}`},cancelBtn:{label:ja,onClick:()=>{o&&h&&n&&y!=null&&v.trackCardsPayEarlyFormClick(f,c,y,"Edit",e.chargeCardRepaymentDetailLocalData.isAutoRepayment,{paymentAmount:e.chargeCardRepaymentDetailLocalData.amount.amount,paymentAccountName:e.chargeCardRepaymentDetailLocalData.transferFrom?.label,paymentAccountType:e.chargeCardRepaymentDetailLocalData.transferFrom?.accType,paymentAccountLastFourDigits:e.chargeCardRepaymentDetailLocalData.transferFrom?.accountLast4,paymentCompleteEta:void 0,paymentInitiatedDate:void 0},L,C,g),x(!1)},style:{minWidth:94}},primaryBtn:{label:E.payNow,onClick:b,isLoading:e.updateStatus==="In-Progress",style:{minWidth:94}}})]})},Ue=(e,o,h)=>{if(o==="")return t.jsx(st,{});const n=e.find(c=>c.id===o),f=e.findIndex(c=>c.id===o);if(n!=null){if(n.accType==="depositAccount")return t.jsx(lt,{isOptionSelected:h,children:t.jsx(ct,{color:wa(f)})});if(n.accType==="paymentAccount")return n.logo!==void 0&&(n.logo.base64||n.logo.url)?t.jsx(ot,{src:Oa(n.logo),isOptionSelected:h,loading:"lazy"}):t.jsx(it,{isOptionSelected:h,children:t.jsx(rt,{})})}return null},Oa=e=>e.base64!==void 0?`${va}${e.base64.toString()}`:e.url!==void 0?e.url.toString():"",Na=i(ba)`
+import{V as t,J as he,a8 as ye,aQ as ae,hx as ea,aO as aa,i as ta,T as na,aS as Ee,o as a,F as Z,y as m,x as Me,c as oa,ah as ia,d as Be,bU as ra,fk as _e,H as X,p as J,gs as ce,b as la,aq as Oe,R as ca,aR as De,a9 as sa,fD as da,cG as ma,ac as pa,f3 as ua,fH as ha,cN as ya,hI as we,hJ as ga,gf as fa,u as r,c3 as Ca,ba,fr as xa,cj as Da,al as Ne,g_ as wa,c1 as Sa,aV as ka,hK as $a,d0 as Aa,g$ as La,fT as va,fP as Ia}from"./index-RSYdG57D.js";import{n as i}from"./mui-Bi6zxcZy.js";import{a as p}from"./sentry-D087_5zX.js";import{bL as pe,bP as Fa,bh as Se,bJ as Ra,bK as ke,bI as Ta}from"./zeni-epic-state-DnYFo_hK.js";import{x as Pa}from"./LabeledControlledCheckBoxField-BsFqjCpn-idZ4OPKP.js";import"./liveblocks-BR4rmGyf.js";import"./core-CTDonMeQ.js";import"./recharts-B4xbIQqu.js";import"./lottie-CZNmnTyG.js";import"./analytics-BLsUySon.js";import"./lexical-CMaEqdkY.js";import"./utils-bkVcg2I6.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},o=new e.Error().stack;o&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[o]="fbca6138-bcd9-4988-9cbb-2bd76c83077c",e._sentryDebugIdIdentifier="sentry-dbid-fbca6138-bcd9-4988-9cbb-2bd76c83077c")}catch{}})();const te={largeLabelWidth:new m(120,120,160),navBarContainerPaddingXaxis:new m(10,19),containerPaddingLeft:new m(r[3],r[6],r[8]),containerPaddingRight:new m(r[3],r[6],r[8]),reviewContentWrapperPaddingBottom:new m(r[5],r[8])},ue={pageTitle:new X("h6Regular","h5Regular"),integerAmountInput:new X("h5Regular","largeMedium"),decimalAmountInput:new X("largeSemiBold","largeMedium")},{dateFormat:{visual:{MMMDCommaYYYYformat:$e}},common:{edit:ja,labels:se,navBar:{back:za},to:Ea,zeniInc:Ma},spendManagement:{zeniAccounts:{zeniAccountList:{transferDrawer:Ba}},chargeCard:{payEarly:E}}}=Z.getLocalizedStrings(),_a=({paymentDetails:e,isCashbackInfoFetchStateCompleted:o,isCreditCardInfoFetchStateCompleted:h,isDebitCardInfoFetchStateCompleted:n,controllerEmails:f,productInformation:c,cashbackInformation:y,paymentSourceInformation:L,creditAccountInformation:C,debitAccountInformation:g,setShowReviewContent:x,onTransferClick:b})=>{const d=he(),S=Be(),v=ye().analytics,[B,I]=p.useState(!1);p.useEffect(()=>{e.error!=null?I(!0):I(!1)},[e.error]);const F=te.largeLabelWidth.value(d),R=e.chargeCardRepaymentDetailLocalData.transferFrom?.accType==="depositAccount",T=R?1:3,P=pe(Fa(Se().toDate(),[0,6],T).toDateString()).format($e),_=R?E.timeline01BusinessDay:E.timeline23BusinessDays,O=R?E.estimatedPaymentCompleteWithoutTimeline.replace("__date__",P):E.estimatedPaymentCompleteWithTimeline.replace("__date__",P).replace("__timeline__",_);return t.jsxs(t.Fragment,{children:[t.jsxs(Ka,{windowSize:d,children:[t.jsx(tt,{windowSize:d,children:t.jsx(ra,{title:za,enterTouchDelay:600,placement:"bottom",display:"flex",children:t.jsx(at,{"data-testid":ae("nav-bar-back-credit-card-payment-review"),onClick:()=>{o&&h&&n&&y!=null&&v.trackCardsPayEarlyFormClick(f,c,y,"Back",e.chargeCardRepaymentDetailLocalData.isAutoRepayment,{paymentAmount:e.chargeCardRepaymentDetailLocalData.amount.amount,paymentAccountName:e.chargeCardRepaymentDetailLocalData.transferFrom?.label,paymentAccountType:e.chargeCardRepaymentDetailLocalData.transferFrom?.accType,paymentAccountLastFourDigits:e.chargeCardRepaymentDetailLocalData.transferFrom?.accountLast4,paymentCompleteEta:void 0,paymentInitiatedDate:void 0},L,C,g),x(!1)}})})}),t.jsx(nt,{windowSize:d,children:Ba.reviewAndConfirm}),t.jsxs(Na,{children:[E.pay," ",t.jsx(Ae,{children:t.jsx(_e,{amount:e.chargeCardRepaymentDetailLocalData.amount,integerStyles:ue.integerAmountInput.styleObject(d),decimalStyles:ue.decimalAmountInput.styleObject(d),style:{display:"inline-flex"}})})," ",Ea," ",t.jsx(Ae,{children:Ma})]}),B?t.jsx(qa,{children:t.jsxs(Va,{children:[t.jsxs(Xa,{children:[t.jsx(Ja,{}),t.jsxs(Ya,{children:[t.jsx(Ha,{children:e.error?.title}),t.jsx(Ga,{children:e.error?.message})]})]}),t.jsx(Za,{children:t.jsx(Qa,{"data-testid":ae("close-error-credit-card-payment-review"),onClick:()=>{I(!1)},style:{width:a.sp3,height:a.sp3,color:J.heroLight}})})]})}):null,t.jsx(et,{windowSize:d,children:t.jsxs(Wa,{children:[t.jsx(ce,{label:{label:se.paymentMethod,width:F},text:t.jsx(de,{windowSize:d,children:e.chargeCardRepaymentDetailLocalData.transferFrom?.accType==="depositAccount"?E.bookPayment:E.sameDayACH}),style:{width:"auto"}}),t.jsx(Le,{}),t.jsx(ce,{label:{label:se.sourceAccount,width:F},text:t.jsxs(de,{windowSize:d,children:[Ue(e.transferFromAccounts,e.chargeCardRepaymentDetailLocalData.transferFrom?.id??"",!0),t.jsxs(Ua,{windowSize:d,children:[e.chargeCardRepaymentDetailLocalData.transferFrom?.label,e.chargeCardRepaymentDetailLocalData.transferFrom?.maskedAccountNumber!=null?` ${e.chargeCardRepaymentDetailLocalData.transferFrom.maskedAccountNumber}`:e.chargeCardRepaymentDetailLocalData.transferFrom?.accountLast4!=null?` •••• ${e.chargeCardRepaymentDetailLocalData.transferFrom.accountLast4}`:null]})]}),style:{width:"auto"}}),t.jsx(Le,{}),t.jsx(ce,{label:{label:se.paymentDate,width:F},showAdditionalInfoLabel:!0,additionalInfoLabel:O,additionalInfoLabelStyles:{color:S.colors.hero,...la.smallRegular.cssObject},text:t.jsx(de,{windowSize:d,children:Se().format($e)}),style:{width:"auto"}})]})})]}),t.jsx(Ee,{style:{zIndex:4,paddingTop:a.sp3,paddingBottom:a.sp0},helperText:E.byClickingPayNowIAuthorizeZeniToInitiateThePayment,helperStyle:{padding:`${a.sp0} ${a.sp0} ${a.sp3} ${a.sp0}`},cancelBtn:{label:ja,onClick:()=>{o&&h&&n&&y!=null&&v.trackCardsPayEarlyFormClick(f,c,y,"Edit",e.chargeCardRepaymentDetailLocalData.isAutoRepayment,{paymentAmount:e.chargeCardRepaymentDetailLocalData.amount.amount,paymentAccountName:e.chargeCardRepaymentDetailLocalData.transferFrom?.label,paymentAccountType:e.chargeCardRepaymentDetailLocalData.transferFrom?.accType,paymentAccountLastFourDigits:e.chargeCardRepaymentDetailLocalData.transferFrom?.accountLast4,paymentCompleteEta:void 0,paymentInitiatedDate:void 0},L,C,g),x(!1)},style:{minWidth:94}},primaryBtn:{label:E.payNow,onClick:b,isLoading:e.updateStatus==="In-Progress",style:{minWidth:94}}})]})},Ue=(e,o,h)=>{if(o==="")return t.jsx(st,{});const n=e.find(c=>c.id===o),f=e.findIndex(c=>c.id===o);if(n!=null){if(n.accType==="depositAccount")return t.jsx(lt,{isOptionSelected:h,children:t.jsx(ct,{color:wa(f)})});if(n.accType==="paymentAccount")return n.logo!==void 0&&(n.logo.base64||n.logo.url)?t.jsx(ot,{src:Oa(n.logo),isOptionSelected:h,loading:"lazy"}):t.jsx(it,{isOptionSelected:h,children:t.jsx(rt,{})})}return null},Oa=e=>e.base64!==void 0?`${va}${e.base64.toString()}`:e.url!==void 0?e.url.toString():"",Na=i(ba)`
   color: ${e=>e.theme.colors.hero};
   padding-top: ${a.sp3};
   white-space: nowrap;
@@ -31,9 +31,9 @@ import{V as t,J as he,a8 as ye,ab as ae,hy as ea,aP as aa,r as ta,T as na,aS as
   margin-left: ${a.sp2};
 `,Ha=i(Da)`
   color: ${J.important};
-`,qa=i(Ne)`
+`,Ga=i(Ne)`
   color: ${J.important};
-`,Ka=i.div`
+`,qa=i.div`
   margin-top: ${a.sp3};
   display: flex;
   background-color: ${e=>e.theme.colors.grey5};
@@ -42,15 +42,15 @@ import{V as t,J as he,a8 as ye,ab as ae,hy as ea,aP as aa,r as ta,T as na,aS as
   border: ${e=>`1px solid ${e.theme.colors.grey3}`};
   border-radius: ${a.sp2};
   box-shadow: ${e=>`${a.sp0} 2px 2px ${e.theme.colors.dropShadowNormal}`};
-`,Xa=i.div`
+`,Ka=i.div`
   height: auto;
   padding-left: ${e=>`${te.containerPaddingLeft.valuePx(e.windowSize)}`};
   padding-right: ${e=>`${te.containerPaddingRight.valuePx(e.windowSize)}`};
   margin-bottom: auto;
-`,Za=i.div`
+`,Xa=i.div`
   display: flex;
   align-items: flex-start;
-`,Ga=i.div``,Ja=i(xa)`
+`,Za=i.div``,Ja=i(xa)`
   width: ${a.sp4};
   height: ${a.sp4};
   color: ${J.important};
@@ -129,10 +129,10 @@ import{V as t,J as he,a8 as ye,ab as ae,hy as ea,aP as aa,r as ta,T as na,aS as
   margin-right: 12px;
   margin-left: ${a.sp1};
   color: ${e=>e.theme.colors.hero};
-`,{common:me,spendManagement:{zeniAccounts:{zeniAccountList:dt},billPay:{insufficientFunds:mt},chargeCard:{payEarly:X}},commonSetUp:{setUp:{accountsPlg:ie}}}=G.getLocalizedStrings(),We="amount",pt="withdrawFrom",V="paymentDetails",Ve="creditCardPaymentPage",re=(e,o)=>`${e}.${o}`,Ye=e=>`${e}_form`,w={largeLabelWidth:new m(120,120,160),labelMarginLeftPicker:new m(r[3],r[4]),labelMarginRightPicker:new m(r[3],r[4]),labelMarginTopPicker:new m(r[2],r[2]),labeledFieldPaddingLeft:new m(r[2],r[0]),labeledFieldPaddingRight:new m(r[2],r[2]),labeledFieldPaddingTop:new m(r[2],r[2]),labeledFieldPaddingBottom:new m(r[2],r[2]),infoLabelPaddingRight:new m(r[0],r[3]),infoLabelMarginTop:new m(r[1],r[0]),checkBoxTop:new m(r[1],r[0])},ve={integerAmountInput:new Z("h5Regular","h2Regular"),decimalAmountInput:new Z("largeSemiBold","h5Medium")};function ut({autoPayThreshold:e,plaidConnectionDetails:o,maxInsuredAmount:h,paymentDetails:n,lowBalanceAdditionalInfo:f,paymentAccount:c,isAccountsEnabled:y,onSaveChangesToLocalStore:L,onUpdatePaymentAccountStatus:C,onEstablishConnectionClick:g,onEstablishConnectionSuccess:x,onFetchLinkTokenClick:b,setShowReviewLoading:d,onSignUpAccountClick:S,onMoveMoneyClick:v,isCashbackInfoFetchStateCompleted:B,isCreditCardInfoFetchStateCompleted:I,isDebitCardInfoFetchStateCompleted:F,controllerEmails:R,productInformation:T,cashbackInformation:P,paymentSourceInformation:_,creditAccountInformation:O,debitAccountInformation:Q}){const s=he(),ee=Be(),oe=w.largeLabelWidth.value(s),$=ye().analytics,N=p.useRef(null),[U,W]=p.useState(!1),[A,Y]=p.useState(void 0),D=o.link_account,H=o.update_account,k=A==="update_account"?H:D,[q,ge]=p.useState(k.linkToken??null),fe=De(D.updateStatus.fetchState),K=sa({mode:"all",reValidateMode:"onBlur",defaultValues:p.useMemo(()=>Ie(n),[n]),values:p.useMemo(()=>Ie(n),[n])}),Ce=c?.isLoginRequired??!1,j=c?.providerVerificationStatus?.code,be=De(H.updateStatus.fetchState),He=p.useCallback((l,u)=>{const z=u.accounts.find(Qe=>Qe.id===c?.providerAccountId)??u.accounts[0];c?.paymentAccountId!=null&&A==="update_account"&&z?.verification_status!=null&&!Ce?C(z?.verification_status,c.paymentAccountId,"update_account"):g?.(l,A),Y(void 0),W(!1)},[c?.paymentAccountId,c?.providerAccountId,A,Ce,C,g]),qe=p.useCallback((l,u)=>{l!=null&&(l.error_code==="TOO_MANY_VERIFICATION_ATTEMPTS"&&c?.paymentAccountId!=null&&C("verification_failed",c.paymentAccountId,"update_account"),console.log("Plaid Connection Error",l,u)),Y(void 0),W(!1)},[c?.paymentAccountId,C]),{open:le,ready:xe}=da({token:q,onSuccess:He,onExit:qe});p.useEffect(()=>{(fe==="In-Progress"&&D.updateStatus.fetchState==="Completed"||be==="In-Progress"&&H.updateStatus.fetchState==="Completed")&&(Ra(j??"")||(b?.("link_account"),x()))},[D.updateStatus.fetchState,x,b,fe,be,H.updateStatus.fetchState,j]),p.useEffect(()=>{($e(j??"")||j==="verification_failed")&&!U&&A!=null&&k.linkToken===q&&k.fetchStatus.fetchState==="Completed"&&xe&&W(!0)},[xe,q,k.fetchStatus.fetchState,k.linkToken,j,A,U]),p.useEffect(()=>{k.fetchStatus.fetchState==="Completed"&&k.linkToken!=null&&k.linkToken!==q&&ge(k.linkToken)},[k.fetchStatus.fetchState,k.linkToken,q]),p.useEffect(()=>{U&&le()},[U,le]),p.useEffect(()=>{(j==null||j==="verification_failed"||j==="verification_expired"||$e(j))&&(pe(new Date().toISOString()).isAfter(D.expiration)||D.linkToken==null)&&b?.("link_account")},[]);const{isValid:Ke}=K.formState,Xe=async(l,u)=>{if(l!=null){if(l.includes("amount"))return;const z=Fe(u,n.transferFromAccounts,n.chargeCardRepaymentDetailLocalData.idempotencyKey);L(z)}},Ze=l=>{if(f!=null)return f;const u=n.transferFromAccounts.find(z=>z.id===l);return u?.accountBalance?.available!=null&&Ta(n.chargeCardRepaymentDetailLocalData.amount,u?.accountBalance?.available)?mt.addMoney:""};p.useEffect(()=>{const l=K.watch((u,{name:z})=>{z!=null&&u!=null&&ma(()=>Xe(z,u))});return()=>{l.unsubscribe()}});const Ge=K.watch("paymentDetails.amount"),Je=K.handleSubmit(()=>{if(Ke){const l=K.getValues(),u=Fe(l,n.transferFromAccounts,n.chargeCardRepaymentDetailLocalData.idempotencyKey);L(u),d(!0),B&&I&&F&&P!=null&&$.trackCardsPayEarlyFormClick(R,T,P,"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},_,O,Q)}});return t.jsxs(t.Fragment,{children:[t.jsx(Ct,{children:t.jsx(_e,{amount:{amount:Ge??0,currencyCode:n.chargeCardRepaymentDetailLocalData.amount.currencyCode,currencySymbol:n.chargeCardRepaymentDetailLocalData.amount.currencySymbol},integerStyles:ve.integerAmountInput.styleObject(s),decimalStyles:ve.decimalAmountInput.styleObject(s)})}),t.jsx(pa,{...K,children:t.jsx(ft,{id:Ye(Ve),onSubmit:Je,children:t.jsxs(bt,{children:[t.jsx(ua,{selectRef:N,label:{label:me.labels.transferFrom,width:oe,style:{marginLeft:w.labelMarginLeftPicker.valuePx(s),marginTop:w.labelMarginTopPicker.valuePx(s),marginRight:w.labelMarginRightPicker.valuePx(s),width:w.largeLabelWidth.value(s)}},style:{paddingTop:w.labeledFieldPaddingTop.valuePx(s),paddingBottom:w.labeledFieldPaddingBottom.valuePx(s),paddingLeft:w.labeledFieldPaddingLeft.valuePx(s),paddingRight:w.labeledFieldPaddingRight.valuePx(s),border:"none",width:"auto",display:"flex"},infoLabelStyle:{textAlign:"right",paddingRight:w.infoLabelPaddingRight.valuePx(s),marginTop:w.infoLabelMarginTop.valuePx(s),color:J.brandColorGoldDark},bottomComponent:t.jsx(Pa,{label:{label:X.enableAutoPay.replace("__autoPayThreshold__",e.toString()),style:{textAlign:s==="small"?"end":"center",color:ee.colors.primary}},style:{width:"unset",marginRight:a.sp3,alignItems:s==="small"?"flex-start":"center"},checkBoxField:{name:re(V,"enableAutoPay"),checkBoxValue:re(V,"enableAutoPay"),defaultChecked:n.chargeCardRepaymentDetailLocalData.isAutoRepayment,style:{top:w.checkBoxTop.valuePx(s)}}}),singleSelectPickerField:{name:re(V,pt),placeholder:ya(me.labels.transferFrom),style:{position:"relative"},capitalizeOptions:!0,isOptionRemovable:!1,showTickIcon:!1,valueToLogo:(l,u)=>Ue(n.transferFromAccounts,l,u),valueToSubLabels:(l,u)=>ha(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:()=>{Y("link_account"),D.linkToken==null||pe(new Date().toISOString()).isAfter(D.expiration)?b?.("link_account"):q!==D.linkToken?ge(D.linkToken):U?le():W(!0)}},valueToAdditionalLabel:Ze}),n?.chargeCardRepaymentDetailLocalData.transferFrom==null||n?.chargeCardRepaymentDetailLocalData.transferFrom?.accType==="paymentAccount"?t.jsx(we,{maxInsuredAmount:h,heading:t.jsxs(ht,{windowSize:s,children:[X.earn,t.jsx(yt,{children:X.percentageCashback.replace("__percentage__",ga)}),X.whenYouPayViaZeniChecking]}),buttonText:y?ie.switchButtonText:ie.signUpButtonText,isAccountsEnabled:y,pageName:X.creditCardPayment,onSignUpClick:S,onSwitchClick:()=>{N.current!=null&&N.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?t.jsx(we,{maxInsuredAmount:h,heading:ie.moveMoneyHeading,buttonText:ie.moveMoneyButtonText,isAccountsEnabled:y,pageName:X.creditCardPayment,onMoveMoneyClick:v}):t.jsx(gt,{}),t.jsx(fa,{showAdditionalInfoLabel:!1,label:{label:me.labels.amount,width:oe},formattedTextField:{type:"number",name:re(V,We),defaultValue:n.chargeCardRepaymentDetailLocalData.amount.amount===0?void 0:n.chargeCardRepaymentDetailLocalData.amount.amount,placeholder:dt.transferDrawer.amountPlaceholder,returnValueType:"floatValue",prefix:"$",allowNegative:!1,isNumericString:!1,registerOptions:{required:!0,validate:l=>!!l&&l>0},autoComplete:"off",decimalSeparator:".",decimalScale:2,fixedDecimalScale:!1,thousandSeparator:!0,allowLeadingZeros:!1},style:{width:"auto",paddingLeft:w.labeledFieldPaddingLeft.valuePx(s)}})]})})})]})}const ht=i($a)`
+`,{common:me,spendManagement:{zeniAccounts:{zeniAccountList:dt},billPay:{insufficientFunds:mt},chargeCard:{payEarly:K}},commonSetUp:{setUp:{accountsPlg:ie}}}=Z.getLocalizedStrings(),We="amount",pt="withdrawFrom",V="paymentDetails",Ve="creditCardPaymentPage",re=(e,o)=>`${e}.${o}`,Ye=e=>`${e}_form`,w={largeLabelWidth:new m(120,120,160),labelMarginLeftPicker:new m(r[3],r[4]),labelMarginRightPicker:new m(r[3],r[4]),labelMarginTopPicker:new m(r[2],r[2]),labeledFieldPaddingLeft:new m(r[2],r[0]),labeledFieldPaddingRight:new m(r[2],r[2]),labeledFieldPaddingTop:new m(r[2],r[2]),labeledFieldPaddingBottom:new m(r[2],r[2]),infoLabelPaddingRight:new m(r[0],r[3]),infoLabelMarginTop:new m(r[1],r[0]),checkBoxTop:new m(r[1],r[0])},ve={integerAmountInput:new X("h5Regular","h2Regular"),decimalAmountInput:new X("largeSemiBold","h5Medium")};function ut({autoPayThreshold:e,plaidConnectionDetails:o,maxInsuredAmount:h,paymentDetails:n,lowBalanceAdditionalInfo:f,paymentAccount:c,isAccountsEnabled:y,onSaveChangesToLocalStore:L,onUpdatePaymentAccountStatus:C,onEstablishConnectionClick:g,onEstablishConnectionSuccess:x,onFetchLinkTokenClick:b,setShowReviewLoading:d,onSignUpAccountClick:S,onMoveMoneyClick:v,isCashbackInfoFetchStateCompleted:B,isCreditCardInfoFetchStateCompleted:I,isDebitCardInfoFetchStateCompleted:F,controllerEmails:R,productInformation:T,cashbackInformation:P,paymentSourceInformation:_,creditAccountInformation:O,debitAccountInformation:Q}){const s=he(),ee=Be(),oe=w.largeLabelWidth.value(s),k=ye().analytics,N=p.useRef(null),[U,W]=p.useState(!1),[A,Y]=p.useState(void 0),D=o.link_account,H=o.update_account,$=A==="update_account"?H:D,[G,ge]=p.useState($.linkToken??null),fe=De(D.updateStatus.fetchState),q=sa({mode:"all",reValidateMode:"onBlur",defaultValues:p.useMemo(()=>Ie(n),[n]),values:p.useMemo(()=>Ie(n),[n])}),Ce=c?.isLoginRequired??!1,j=c?.providerVerificationStatus?.code,be=De(H.updateStatus.fetchState),He=p.useCallback((l,u)=>{const z=u.accounts.find(Qe=>Qe.id===c?.providerAccountId)??u.accounts[0];c?.paymentAccountId!=null&&A==="update_account"&&z?.verification_status!=null&&!Ce?C(z?.verification_status,c.paymentAccountId,"update_account"):g?.(l,A),Y(void 0),W(!1)},[c?.paymentAccountId,c?.providerAccountId,A,Ce,C,g]),Ge=p.useCallback((l,u)=>{l!=null&&(l.error_code==="TOO_MANY_VERIFICATION_ATTEMPTS"&&c?.paymentAccountId!=null&&C("verification_failed",c.paymentAccountId,"update_account"),console.log("Plaid Connection Error",l,u)),Y(void 0),W(!1)},[c?.paymentAccountId,C]),{open:le,ready:xe}=da({token:G,onSuccess:He,onExit:Ge});p.useEffect(()=>{(fe==="In-Progress"&&D.updateStatus.fetchState==="Completed"||be==="In-Progress"&&H.updateStatus.fetchState==="Completed")&&(Ra(j??"")||(b?.("link_account"),x()))},[D.updateStatus.fetchState,x,b,fe,be,H.updateStatus.fetchState,j]),p.useEffect(()=>{(ke(j??"")||j==="verification_failed")&&!U&&A!=null&&$.linkToken===G&&$.fetchStatus.fetchState==="Completed"&&xe&&W(!0)},[xe,G,$.fetchStatus.fetchState,$.linkToken,j,A,U]),p.useEffect(()=>{$.fetchStatus.fetchState==="Completed"&&$.linkToken!=null&&$.linkToken!==G&&ge($.linkToken)},[$.fetchStatus.fetchState,$.linkToken,G]),p.useEffect(()=>{U&&le()},[U,le]),p.useEffect(()=>{(j==null||j==="verification_failed"||j==="verification_expired"||ke(j))&&(pe(new Date().toISOString()).isAfter(D.expiration)||D.linkToken==null)&&b?.("link_account")},[]);const{isValid:qe}=q.formState,Ke=async(l,u)=>{if(l!=null){if(l.includes("amount"))return;const z=Fe(u,n.transferFromAccounts,n.chargeCardRepaymentDetailLocalData.idempotencyKey);L(z)}},Xe=l=>{if(f!=null)return f;const u=n.transferFromAccounts.find(z=>z.id===l);return u?.accountBalance?.available!=null&&Ta(n.chargeCardRepaymentDetailLocalData.amount,u?.accountBalance?.available)?mt.addMoney:""};p.useEffect(()=>{const l=q.watch((u,{name:z})=>{z!=null&&u!=null&&ma(()=>Ke(z,u))});return()=>{l.unsubscribe()}});const Ze=q.watch("paymentDetails.amount"),Je=q.handleSubmit(()=>{if(qe){const l=q.getValues(),u=Fe(l,n.transferFromAccounts,n.chargeCardRepaymentDetailLocalData.idempotencyKey);L(u),d(!0),B&&I&&F&&P!=null&&k.trackCardsPayEarlyFormClick(R,T,P,"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},_,O,Q)}});return t.jsxs(t.Fragment,{children:[t.jsx(Ct,{children:t.jsx(_e,{amount:{amount:Ze??0,currencyCode:n.chargeCardRepaymentDetailLocalData.amount.currencyCode,currencySymbol:n.chargeCardRepaymentDetailLocalData.amount.currencySymbol},integerStyles:ve.integerAmountInput.styleObject(s),decimalStyles:ve.decimalAmountInput.styleObject(s)})}),t.jsx(pa,{...q,children:t.jsx(ft,{id:Ye(Ve),onSubmit:Je,children:t.jsxs(bt,{children:[t.jsx(ua,{selectRef:N,label:{label:me.labels.transferFrom,width:oe,style:{marginLeft:w.labelMarginLeftPicker.valuePx(s),marginTop:w.labelMarginTopPicker.valuePx(s),marginRight:w.labelMarginRightPicker.valuePx(s),width:w.largeLabelWidth.value(s)}},style:{paddingTop:w.labeledFieldPaddingTop.valuePx(s),paddingBottom:w.labeledFieldPaddingBottom.valuePx(s),paddingLeft:w.labeledFieldPaddingLeft.valuePx(s),paddingRight:w.labeledFieldPaddingRight.valuePx(s),border:"none",width:"auto",display:"flex"},infoLabelStyle:{textAlign:"right",paddingRight:w.infoLabelPaddingRight.valuePx(s),marginTop:w.infoLabelMarginTop.valuePx(s),color:J.brandColorGoldDark},bottomComponent:t.jsx(Pa,{label:{label:K.enableAutoPay.replace("__autoPayThreshold__",e.toString()),style:{textAlign:s==="small"?"end":"center",color:ee.colors.primary}},style:{width:"unset",marginRight:a.sp3,alignItems:s==="small"?"flex-start":"center"},checkBoxField:{name:re(V,"enableAutoPay"),checkBoxValue:re(V,"enableAutoPay"),defaultChecked:n.chargeCardRepaymentDetailLocalData.isAutoRepayment,style:{top:w.checkBoxTop.valuePx(s)}}}),singleSelectPickerField:{name:re(V,pt),placeholder:ya(me.labels.transferFrom),style:{position:"relative"},capitalizeOptions:!0,isOptionRemovable:!1,showTickIcon:!1,valueToLogo:(l,u)=>Ue(n.transferFromAccounts,l,u),valueToSubLabels:(l,u)=>ha(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:()=>{Y("link_account"),D.linkToken==null||pe(new Date().toISOString()).isAfter(D.expiration)?b?.("link_account"):G!==D.linkToken?ge(D.linkToken):U?le():W(!0)}},valueToAdditionalLabel:Xe}),n?.chargeCardRepaymentDetailLocalData.transferFrom==null||n?.chargeCardRepaymentDetailLocalData.transferFrom?.accType==="paymentAccount"?t.jsx(we,{maxInsuredAmount:h,heading:t.jsxs(ht,{windowSize:s,children:[K.earn,t.jsx(yt,{children:K.percentageCashback.replace("__percentage__",ga)}),K.whenYouPayViaZeniChecking]}),buttonText:y?ie.switchButtonText:ie.signUpButtonText,isAccountsEnabled:y,pageName:K.creditCardPayment,onSignUpClick:S,onSwitchClick:()=>{N.current!=null&&N.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?t.jsx(we,{maxInsuredAmount:h,heading:ie.moveMoneyHeading,buttonText:ie.moveMoneyButtonText,isAccountsEnabled:y,pageName:K.creditCardPayment,onMoveMoneyClick:v}):t.jsx(gt,{}),t.jsx(fa,{showAdditionalInfoLabel:!1,label:{label:me.labels.amount,width:oe},formattedTextField:{type:"number",name:re(V,We),defaultValue:n.chargeCardRepaymentDetailLocalData.amount.amount===0?void 0:n.chargeCardRepaymentDetailLocalData.amount.amount,placeholder:dt.transferDrawer.amountPlaceholder,returnValueType:"floatValue",prefix:"$",allowNegative:!1,isNumericString:!1,registerOptions:{required:!0,validate:l=>!!l&&l>0},autoComplete:"off",decimalSeparator:".",decimalScale:2,fixedDecimalScale:!1,thousandSeparator:!0,allowLeadingZeros:!1},style:{width:"auto",paddingLeft:w.labeledFieldPaddingLeft.valuePx(s)}})]})})})]})}const ht=i(ka)`
   color: ${e=>e.theme.colors.primary};
   width: ${e=>e.windowSize==="small"?"80%":"100%"};
-`,yt=i(ka)`
+`,yt=i($a)`
   color: ${e=>e.theme.colors.primary};
 `,gt=i.div`
   display: flex;
@@ -157,7 +157,7 @@ import{V as t,J as he,a8 as ye,ab as ae,hy as ea,aP as aa,r as ta,T as na,aS as
   border: 1px solid ${e=>e.theme.colors.grey3};
   box-shadow: ${e=>`${a.sp0} 2px ${a.sp1} ${e.theme.colors.dropShadowNormal}`};
   border-radius: ${a.sp2};
-`,Fe=(e,o,h)=>({amount:{amount:e[V].amount??0,currencyCode:"USD",currencySymbol:"$"},transferFrom:o.find(n=>n.id===e[V].withdrawFrom.selectedOption),isAutoRepayment:e[V].enableAutoPay,idempotencyKey:h}),ne={navBarContainerPaddingXaxis:new m(10,19),containerPaddingLeft:new m(16,40,56),containerPaddingRight:new m(16,40,56),successContentMargin:new m(r[3],r[12]),buttonTrayGap:new m(r[4],r[5])},xt={sectionTitle:new Z("h6Regular","h5Regular")},Re=G.getLocalizedStrings().spendManagement.zeniAccounts.zeniAccountList,M=G.getLocalizedStrings().spendManagement.chargeCard.payEarly,{dateFormat:Te}=G.getLocalizedStrings(),Dt=({autoPayThreshold:e,paymentDetails:o,maxInsuredAmount:h,isAccountsEnabled:n,productInformation:f,controllerEmails:c,creditAccountInformation:y,creditAccountSpentAmount:L,debitAccountInformation:C,cashbackInformation:g,paymentSourceInformation:x,isCashbackInfoFetchStateCompleted:b,isCreditCardInfoFetchStateCompleted:d,isDebitCardInfoFetchStateCompleted:S,paymentInitiatedDate:v,onSaveChangesToLocalStore:B,onTransferClick:I,sourcePage:F,onBackNavigation:R,onDismissClick:T,onEstablishConnectionClick:P,onFetchLinkTokenClick:_,plaidConnectionDetails:O,onSignUpAccountClick:Q,onMoveMoneyClick:s,onUpdatePaymentAccountStatus:ee,onEstablishConnectionSuccess:oe})=>{const $=he(),N=ye().analytics,[U,W]=p.useState(!1),[A,Y]=p.useState(!1);p.useEffect(()=>{A&&setTimeout(()=>{Y(!1),W(!0)},1e3)},[A]);const D=o.chargeCardRepaymentDetailLocalData.amount.amount===L,H=o.chargeCardRepaymentDetailLocalData.transferFrom?.accType==="depositAccount";return t.jsx(wt,{windowSize:$,children:o.updateStatus==="Completed"?t.jsxs(Pe,{windowSize:$,isTransferCompleted:!0,children:[t.jsx(je,{windowSize:$,children:t.jsx(ze,{"data-testid":ae("cross-credit-card-payment-success-close-button"),onClick:()=>{b&&d&&S&&g!=null&&N.trackCardsPayEarlyFormClick(c,f,g,"Cross Icon",o.chargeCardRepaymentDetailLocalData.isAutoRepayment,{paymentAmount:o.chargeCardRepaymentDetailLocalData.amount.amount,paymentAccountName:o.chargeCardRepaymentDetailLocalData.transferFrom?.label,paymentAccountType:o.chargeCardRepaymentDetailLocalData.transferFrom?.accType,paymentAccountLastFourDigits:o.chargeCardRepaymentDetailLocalData.transferFrom?.accountLast4,paymentCompleteEta:void 0,paymentInitiatedDate:void 0},x,y,C),T?.()}})}),t.jsxs(At,{windowSize:$,children:[t.jsx(ea,{width:150,height:150,shouldDisplay:!0,animationInLoop:1}),t.jsx(St,{children:t.jsxs(t.Fragment,{children:[M.youvePaid,t.jsx($t,{children:aa("0,0.[00]",o.chargeCardRepaymentDetailLocalData.amount)}),Re.transferDrawer.internal.transferSuccessMsgMidfix,`"${o.chargeCardRepaymentDetailLocalData.transferFrom?.label}".`,H?D?M.theCreditLimitWillResetWithin1BusinessDay:M.theCreditLimitWillUpdateWithin1BusinessDay:D?M.theCreditLimitWillResetWithin23BusinessDays:M.theCreditLimitWillUpdateWithin23BusinessDays]})}),t.jsx(kt,{windowSize:$,children:t.jsx(ta,{variant:"primary",label:F==="cardPaymentHistory"?M.goToPaymentHistory:M.goToCards,"data-testid":ae("back-to-cards-button"),onClick:R})})]})]}):U?t.jsx(_a,{paymentDetails:o,setShowReviewContent:W,onTransferClick:I,isCashbackInfoFetchStateCompleted:b,isCreditCardInfoFetchStateCompleted:d,isDebitCardInfoFetchStateCompleted:S,controllerEmails:c,productInformation:f,cashbackInformation:g,paymentSourceInformation:x,creditAccountInformation:y,debitAccountInformation:C}):t.jsxs(t.Fragment,{children:[t.jsxs(Pe,{windowSize:$,isTransferCompleted:!1,children:[t.jsx(je,{windowSize:$,children:t.jsx(ze,{"data-testid":ae("cross-amount-details-close-button"),onClick:()=>{b&&d&&S&&g!=null&&N.trackCardsPayEarlyFormClick(c,f,g,"Cross Icon",o.chargeCardRepaymentDetailLocalData.isAutoRepayment,{paymentAmount:o.chargeCardRepaymentDetailLocalData.amount.amount,paymentAccountName:o.chargeCardRepaymentDetailLocalData.transferFrom?.label,paymentAccountType:o.chargeCardRepaymentDetailLocalData.transferFrom?.accType,paymentAccountLastFourDigits:o.chargeCardRepaymentDetailLocalData.transferFrom?.accountLast4,paymentCompleteEta:v?.add(3,"day").format(Te.visual.MMMDCommaYYYYformat),paymentInitiatedDate:v?.format(Te.visual.MMMDCommaYYYYformat)},x,y,C),T?.()}})}),$==="small"?t.jsx(Lt,{windowSize:$,children:M.payCreditCardBalance}):t.jsx(vt,{children:M.payCreditCardBalance}),o.fetchState==="Completed"?t.jsx(ut,{autoPayThreshold:e,maxInsuredAmount:h,onSaveChangesToLocalStore:B,plaidConnectionDetails:O,paymentDetails:o,setShowReviewLoading:Y,onEstablishConnectionSuccess:oe,isAccountsEnabled:n,onFetchLinkTokenClick:_,onUpdatePaymentAccountStatus:ee,onEstablishConnectionClick:P,onSignUpAccountClick:Q,onMoveMoneyClick:s,isCashbackInfoFetchStateCompleted:b,isCreditCardInfoFetchStateCompleted:d,isDebitCardInfoFetchStateCompleted:S,controllerEmails:c,productInformation:f,cashbackInformation:g,paymentSourceInformation:x,creditAccountInformation:y,debitAccountInformation:C}):t.jsx(na,{size:"Standard",start:!0,style:{display:"flex",justifyContent:"center",alignItems:"center",height:"calc(100vh - 210px)"}})]}),t.jsx(Ee,{style:{zIndex:4,paddingTop:a.sp3,paddingBottom:a.sp3},formId:Ye(Ve),helperStyle:{paddingTop:a.sp0,paddingBottom:a.sp0},primaryBtn:{label:G.getLocalizedStrings().common.review,isLoading:A},cancelBtn:{label:Re.transferDrawer.cancelBtn,onClick:()=>{b&&d&&S&&g!=null&&N.trackCardsPayEarlyFormClick(c,f,g,"Cancel",o.chargeCardRepaymentDetailLocalData.isAutoRepayment,{paymentAmount:o.chargeCardRepaymentDetailLocalData.amount.amount,paymentAccountName:o.chargeCardRepaymentDetailLocalData.transferFrom?.label,paymentAccountType:o.chargeCardRepaymentDetailLocalData.transferFrom?.accType,paymentAccountLastFourDigits:o.chargeCardRepaymentDetailLocalData.transferFrom?.accountLast4,paymentCompleteEta:void 0,paymentInitiatedDate:void 0},x,y,C),T?.()}}})]})})},wt=i.div`
+`,Fe=(e,o,h)=>({amount:{amount:e[V].amount??0,currencyCode:"USD",currencySymbol:"$"},transferFrom:o.find(n=>n.id===e[V].withdrawFrom.selectedOption),isAutoRepayment:e[V].enableAutoPay,idempotencyKey:h}),ne={navBarContainerPaddingXaxis:new m(10,19),containerPaddingLeft:new m(16,40,56),containerPaddingRight:new m(16,40,56),successContentMargin:new m(r[3],r[12]),buttonTrayGap:new m(r[4],r[5])},xt={sectionTitle:new X("h6Regular","h5Regular")},Re=Z.getLocalizedStrings().spendManagement.zeniAccounts.zeniAccountList,M=Z.getLocalizedStrings().spendManagement.chargeCard.payEarly,{dateFormat:Te}=Z.getLocalizedStrings(),Dt=({autoPayThreshold:e,paymentDetails:o,maxInsuredAmount:h,isAccountsEnabled:n,productInformation:f,controllerEmails:c,creditAccountInformation:y,creditAccountSpentAmount:L,debitAccountInformation:C,cashbackInformation:g,paymentSourceInformation:x,isCashbackInfoFetchStateCompleted:b,isCreditCardInfoFetchStateCompleted:d,isDebitCardInfoFetchStateCompleted:S,paymentInitiatedDate:v,onSaveChangesToLocalStore:B,onTransferClick:I,sourcePage:F,onBackNavigation:R,onDismissClick:T,onEstablishConnectionClick:P,onFetchLinkTokenClick:_,plaidConnectionDetails:O,onSignUpAccountClick:Q,onMoveMoneyClick:s,onUpdatePaymentAccountStatus:ee,onEstablishConnectionSuccess:oe})=>{const k=he(),N=ye().analytics,[U,W]=p.useState(!1),[A,Y]=p.useState(!1);p.useEffect(()=>{A&&setTimeout(()=>{Y(!1),W(!0)},1e3)},[A]);const D=o.chargeCardRepaymentDetailLocalData.amount.amount===L,H=o.chargeCardRepaymentDetailLocalData.transferFrom?.accType==="depositAccount";return t.jsx(wt,{windowSize:k,children:o.updateStatus==="Completed"?t.jsxs(Pe,{windowSize:k,isTransferCompleted:!0,children:[t.jsx(je,{windowSize:k,children:t.jsx(ze,{"data-testid":ae("cross-credit-card-payment-success-close-button"),onClick:()=>{b&&d&&S&&g!=null&&N.trackCardsPayEarlyFormClick(c,f,g,"Cross Icon",o.chargeCardRepaymentDetailLocalData.isAutoRepayment,{paymentAmount:o.chargeCardRepaymentDetailLocalData.amount.amount,paymentAccountName:o.chargeCardRepaymentDetailLocalData.transferFrom?.label,paymentAccountType:o.chargeCardRepaymentDetailLocalData.transferFrom?.accType,paymentAccountLastFourDigits:o.chargeCardRepaymentDetailLocalData.transferFrom?.accountLast4,paymentCompleteEta:void 0,paymentInitiatedDate:void 0},x,y,C),T?.()}})}),t.jsxs(At,{windowSize:k,children:[t.jsx(ea,{width:150,height:150,shouldDisplay:!0,animationInLoop:1}),t.jsx(St,{children:t.jsxs(t.Fragment,{children:[M.youvePaid,t.jsx(kt,{children:aa("0,0.[00]",o.chargeCardRepaymentDetailLocalData.amount)}),Re.transferDrawer.internal.transferSuccessMsgMidfix,`"${o.chargeCardRepaymentDetailLocalData.transferFrom?.label}".`,H?D?M.theCreditLimitWillResetWithin1BusinessDay:M.theCreditLimitWillUpdateWithin1BusinessDay:D?M.theCreditLimitWillResetWithin23BusinessDays:M.theCreditLimitWillUpdateWithin23BusinessDays]})}),t.jsx($t,{windowSize:k,children:t.jsx(ta,{variant:"primary",label:F==="cardPaymentHistory"?M.goToPaymentHistory:M.goToCards,"data-testid":ae("back-to-cards-button"),onClick:R})})]})]}):U?t.jsx(_a,{paymentDetails:o,setShowReviewContent:W,onTransferClick:I,isCashbackInfoFetchStateCompleted:b,isCreditCardInfoFetchStateCompleted:d,isDebitCardInfoFetchStateCompleted:S,controllerEmails:c,productInformation:f,cashbackInformation:g,paymentSourceInformation:x,creditAccountInformation:y,debitAccountInformation:C}):t.jsxs(t.Fragment,{children:[t.jsxs(Pe,{windowSize:k,isTransferCompleted:!1,children:[t.jsx(je,{windowSize:k,children:t.jsx(ze,{"data-testid":ae("cross-amount-details-close-button"),onClick:()=>{b&&d&&S&&g!=null&&N.trackCardsPayEarlyFormClick(c,f,g,"Cross Icon",o.chargeCardRepaymentDetailLocalData.isAutoRepayment,{paymentAmount:o.chargeCardRepaymentDetailLocalData.amount.amount,paymentAccountName:o.chargeCardRepaymentDetailLocalData.transferFrom?.label,paymentAccountType:o.chargeCardRepaymentDetailLocalData.transferFrom?.accType,paymentAccountLastFourDigits:o.chargeCardRepaymentDetailLocalData.transferFrom?.accountLast4,paymentCompleteEta:v?.add(3,"day").format(Te.visual.MMMDCommaYYYYformat),paymentInitiatedDate:v?.format(Te.visual.MMMDCommaYYYYformat)},x,y,C),T?.()}})}),k==="small"?t.jsx(Lt,{windowSize:k,children:M.payCreditCardBalance}):t.jsx(vt,{children:M.payCreditCardBalance}),o.fetchState==="Completed"?t.jsx(ut,{autoPayThreshold:e,maxInsuredAmount:h,onSaveChangesToLocalStore:B,plaidConnectionDetails:O,paymentDetails:o,setShowReviewLoading:Y,onEstablishConnectionSuccess:oe,isAccountsEnabled:n,onFetchLinkTokenClick:_,onUpdatePaymentAccountStatus:ee,onEstablishConnectionClick:P,onSignUpAccountClick:Q,onMoveMoneyClick:s,isCashbackInfoFetchStateCompleted:b,isCreditCardInfoFetchStateCompleted:d,isDebitCardInfoFetchStateCompleted:S,controllerEmails:c,productInformation:f,cashbackInformation:g,paymentSourceInformation:x,creditAccountInformation:y,debitAccountInformation:C}):t.jsx(na,{size:"Standard",start:!0,style:{display:"flex",justifyContent:"center",alignItems:"center",height:"calc(100vh - 210px)"}})]}),t.jsx(Ee,{style:{zIndex:4,paddingTop:a.sp3,paddingBottom:a.sp3},formId:Ye(Ve),helperStyle:{paddingTop:a.sp0,paddingBottom:a.sp0},primaryBtn:{label:Z.getLocalizedStrings().common.review,isLoading:A},cancelBtn:{label:Re.transferDrawer.cancelBtn,onClick:()=>{b&&d&&S&&g!=null&&N.trackCardsPayEarlyFormClick(c,f,g,"Cancel",o.chargeCardRepaymentDetailLocalData.isAutoRepayment,{paymentAmount:o.chargeCardRepaymentDetailLocalData.amount.amount,paymentAccountName:o.chargeCardRepaymentDetailLocalData.transferFrom?.label,paymentAccountType:o.chargeCardRepaymentDetailLocalData.transferFrom?.accType,paymentAccountLastFourDigits:o.chargeCardRepaymentDetailLocalData.transferFrom?.accountLast4,paymentCompleteEta:void 0,paymentInitiatedDate:void 0},x,y,C),T?.()}}})]})})},wt=i.div`
   display: flex;
   flex-direction: column;
   background-color: ${e=>e.theme.colors.grey4};
@@ -168,14 +168,14 @@ import{V as t,J as he,a8 as ye,ab as ae,hy as ea,aP as aa,r as ta,T as na,aS as
   color: ${e=>e.theme.colors.primary};
   text-align: center;
   white-space: pre-line;
-`,$t=i(ia)`
+`,kt=i(ia)`
   display: inline;
 `,Pe=i.div`
   height: ${e=>e.isTransferCompleted?"100%":"auto"};
   padding-left: ${e=>`${ne.containerPaddingLeft.valuePx(e.windowSize)}`};
   padding-right: ${e=>`${ne.containerPaddingRight.valuePx(e.windowSize)}`};
   margin-bottom: auto;
-`,kt=i.div`
+`,$t=i.div`
   display: flex;
   justify-content: center;
   flex-direction: ${e=>e.windowSize==="small"?"column-reverse":"row"};

package/dist/assets/CurrencySelectField-BDqU4HVy-_c0EjyDh.js

@@ -0,0 +1,139 @@
+import{cK as M,d as N,ew as _,F as H,V as l,eF as P,bI as L,o,dm as z,aQ as x,cu as Q,bJ as b,al as B,b as w,f4 as K,f5 as T,f6 as X,ai as J,bH as W,x as Y,p as m}from"./index-RSYdG57D.js";import{a as S}from"./sentry-D087_5zX.js";import{n}from"./mui-Bi6zxcZy.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},r=new e.Error().stack;r&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[r]="c7e23d01-354d-4778-b904-91f0af8b19c4",e._sentryDebugIdIdentifier="sentry-dbid-c7e23d01-354d-4778-b904-91f0af8b19c4")}catch{}})();const $e=({name:e,registerOptions:r,defaultValue:t,isDisabled:a,style:c,placeholder:d,isOptionRemovable:i=!0,menuItemHeight:u=40,controlStyle:p})=>{const{control:f,formState:{errors:y}}=M(),g=N(),[j,k]=S.useState(!1),C=_(y,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:g.colors.grey5,borderRadius:o.sp1,boxShadow:`${o.sp0} 2px ${o.sp2} ${g.colors.dropShadowHover}`,border:`1px solid ${g.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:g.colors.primary,margin:0}),singleValue:s=>({...s,margin:0,position:"absolute"})},F={hasError:C,menuItemHeight:u,controlStyle:p,isOptionRemovable:i};return l.jsx(P,{name:e,control:f,defaultValue:t,rules:r,"data-testid":x("currency-select-field",e),render:({field:{onChange:s,onBlur:h,value:R,ref:E}})=>{const v=R;return S.createElement(L,{...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:()=>k(!1),key:z(),tabSelectsValue:!1,openMenuOnFocus:!0,classNamePrefix:"currency-select-field",onBlur:h,menuPlacement:"auto",maxMenuHeight:240,menuShouldScrollIntoView:!1,closeMenuOnSelect:!0,components:{Control:Z,Option:q,Input:U,SingleValue:ee,ValueContainer:G,DropdownIndicator:he,IndicatorSeparator:me,Placeholder:oe,ClearIndicator:be,MenuList:A},hideSelectedOptions:!1,styles:V,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(b.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(b.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]})})})},A=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(Q,{height:t.length>7?a:t.length*i,width:"100%",itemCount:t.length,itemSize:()=>i,initialScrollOffset:p,children:({index:f,style:y})=>l.jsx(ce,{style:y,children:t[f]})})},G=e=>l.jsx(b.ValueContainer,{...e,className:"select-value-container",children:e.children}),U=e=>{const{selectProps:r}=e,{placeholder:t,value:a}=r;return l.jsx(O,{children:l.jsx(b.Input,{...e,autoComplete:"new-password",placeholder:a==null?t:void 0,children:e.children})})},ee=e=>{const{data:r}=e;return l.jsx(b.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&&K(e)===!1)return l.jsx(l.Fragment,{});{const r=T[`${X(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};
+  cursor: ${e=>e.isDisabled?"not-allowed":"pointer"};
+  .select-control {
+    border: none;
+    height: ${o.sp6};
+    background-color: inherit;
+    box-shadow: none;
+    &:hover {
+      fill: ${e=>e.theme.colors.primary};
+      background-color: ${e=>e.isDisabled?e.theme.colors.grey5:e.hasError?m.importantLight:e.theme.colors.background};
+      border-color: none;
+    }
+    width: auto;
+    min-height: auto;
+    cursor: pointer;
+  }
+
+  .select-value-container {
+    width: 100%;
+    display: flex;
+    margin: ${o.sp0} ${o.sp3};
+    padding: 0;
+    max-width: 100%;
+    height: 100%;
+    min-width: auto;
+    align-items: center;
+    flex-wrap: nowrap;
+    cursor: pointer;
+    justify-content: ${e=>e.controlStyle?.justifyContent!=null?e.controlStyle?.justifyContent:e.menuIsOpen===!1?"flex-end":"flex-start"};
+
+    .currency-select-field__single-value {
+      display: flex;
+      margin: ${o.sp0};
+      color: ${e=>e.hasError?m.important:e.theme.colors.primary};
+      ${w.standardRegular.css};
+    }
+
+    .currency-select-field__input-container {
+      display: flex;
+      width: ${e=>e.menuIsOpen===!1&&e.selectedValue!=null?o.sp0:"100%"};
+      position: ${e=>e.isFocused===!1&&e.selectedValue==null?"initial":"absolute"};
+      ${w.standardRegular.css};
+      color: ${e=>e.hasError===!0?m.important:e.theme.colors.primary};
+      margin: ${o.sp0};
+      cursor: inherit;
+      top: ${o.sp2};
+
+      > input {
+        text-align: ${e=>e.isFocused===!1&&e.selectedValue==null?"right":"initial"};
+        text-align: ${e=>e.isFocused===!1?"right":"left"};
+        align-items: center;
+        overflow: hidden;
+        cursor: inherit;
+        :disabled {
+          visibility: visible;
+        }
+        ::placeholder {
+          color: ${e=>e.hasError?m.important:e.theme.colors.grey1};
+        }
+      }
+    }
+  }
+`,re=n.div`
+  border-radius: inherit;
+  .select-option {
+    ${w.smallRegular.css};
+    height: ${o.sp6};
+    padding: 9px ${o.sp3};
+    color: ${e=>e.isSelected?e.theme.colors.primary:e.theme.colors.champion};
+    opacity: ${e=>e.isDisabled?.32:1};
+    background-color: ${e=>e.isSelected?e.theme.colors.grey3:e.theme.colors.grey5};
+    ${e=>e.isFocused&&`background-color: ${e.theme.colors.background}`};
+    cursor: ${e=>e.isDisabled?"not-allowed":"pointer"};
+    border-top: none;
+    border-radius: inherit;
+    .close-tick-icon {
+      display: none;
+    }
+
+    &:hover {
+      background-color: ${e=>e.isDisabled?e.theme.colors.grey5:e.theme.colors.background};
+      color: ${e=>e.isDisabled?e.theme.colors.champion:e.theme.colors.primary};
+      .right-tick-icon {
+        display: ${e=>e.isOptionRemovable?"none":"inline-block"};
+      }
+      .close-tick-icon {
+        display: ${e=>e.isOptionRemovable?"inline-block":"none"};
+      }
+    }
+  }
+`,se=n.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+`,ie=n.div`
+  padding-right: ${o.sp2};
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  fill: initial;
+  color: initial;
+`,ne=n(J)`
+  padding-right: 10px;
+  cursor: ${e=>e.isDisabled?"not-allowed":"pointer"};
+  ${e=>e.isSelected&&"cursor: default"};
+`,ae=n.div`
+  width: ${e=>e.isSelected?`calc(100% - ${o.sp3})`:"100%"};
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+`,ce=n.div`
+  :first-of-type {
+    border-top-left-radius: ${o.sp1};
+    border-top-right-radius: ${o.sp1};
+  }
+
+  :last-of-type {
+    border-bottom-left-radius: ${o.sp1};
+    border-bottom-right-radius: ${o.sp1};
+  }
+`,de=n.div`
+  display: flex;
+`,ue=n(W)`
+  width: 12px;
+  height: 12px;
+  margin-right: 2px;
+  margin-left: ${o.sp1};
+  color: ${e=>e.theme.colors.primary};
+`,pe=n(Y)`
+  width: ${o.sp3};
+  height: ${o.sp3};
+  color: ${e=>e.theme.colors.primary};
+`,he=()=>null,me=()=>null,be=()=>null;export{$e as S};

package/dist/assets/{CustomerOnboardingActivationPage-hnf-eIo--zPg7mnSU.js → CustomerOnboardingActivationPage-DO6NCakm-BohLreim.js}

@@ -1,12 +1,12 @@
-import{J as u,V as t,F as c,aR as l,ab as p,T as g,o as i,ag as h,b as x,d as m}from"./index-DkG4Gq_1.js";import{a as f}from"./sentry-CkqzujGZ.js";import{n as o}from"./mui-jyIGzSd8.js";import"./liveblocks-CZpRcduP.js";import"./core-CBRgKovr.js";import"./recharts-CCz6EACy.js";import"./zeni-epic-state-B9mN2lN3.js";import"./lottie-CvYZqvKo.js";import"./analytics-Cu6vrn8M.js";import"./lexical-BgntzHWG.js";import"./utils-CvgqAgFT.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},r=new e.Error().stack;r&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[r]="f415379c-1ad4-4769-9c64-e3e6a34f1462",e._sentryDebugIdIdentifier="sentry-dbid-f415379c-1ad4-4769-9c64-e3e6a34f1462")}catch{}})();const b=o.div`
+import{J as b,V as t,F as c,aR as l,aQ as p,T as g,o,af as h,R as x,c as m}from"./index-RSYdG57D.js";import{a as f}from"./sentry-D087_5zX.js";import{n as i}from"./mui-Bi6zxcZy.js";import"./liveblocks-BR4rmGyf.js";import"./core-CTDonMeQ.js";import"./recharts-B4xbIQqu.js";import"./zeni-epic-state-DnYFo_hK.js";import"./lottie-CZNmnTyG.js";import"./analytics-BLsUySon.js";import"./lexical-CMaEqdkY.js";import"./utils-bkVcg2I6.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},r=new e.Error().stack;r&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[r]="7dfdabb8-9aed-4150-901d-f370a04a71c8",e._sentryDebugIdIdentifier="sentry-dbid-7dfdabb8-9aed-4150-901d-f370a04a71c8")}catch{}})();const u=i.div`
   display: flex;
   width: 100%;
   flex-direction: column;
-`,$=o.div`
+`,$=i.div`
   display: flex;
   flex: 1 1 auto;
   flex-direction: column;
-  padding: ${i.sp0} 20px;
+  padding: ${o.sp0} 20px;
   width: 240px;
   box-sizing: border-box;
   position: fixed;
@@ -14,13 +14,13 @@ import{J as u,V as t,F as c,aR as l,ab as p,T as g,o as i,ag as h,b as x,d as m}
   height: 100%;
   z-index: 4;
   background: ${e=>e.theme.colors.background};
-`,y=o(h)`
-  margin: 20px 12px ${i.sp0} ${i.sp0};
-  height: ${i.sp4};
+`,y=i(h)`
+  margin: 20px 12px ${o.sp0} ${o.sp0};
+  height: ${o.sp4};
   width: 102px;
   color: ${e=>e.theme.colors.primary};
   cursor: pointer;
-`,j=o.div`
+`,j=i.div`
   display: flex;
   flex: 1 1 auto;
   flex-direction: column;
@@ -33,39 +33,39 @@ import{J as u,V as t,F as c,aR as l,ab as p,T as g,o as i,ag as h,b as x,d as m}
   height: 100%;
   left: 240px;
   background: ${e=>e.theme.colors.background};
-`,w=o(x)`
+`,w=i(x)`
   color: ${e=>e.theme.colors.primary};
-  margin-bottom: ${i.sp1};
-  padding: ${i.sp0} ${i.sp3};
+  margin-bottom: ${o.sp1};
+  padding: ${o.sp0} ${o.sp3};
   text-align: center;
-`,v=o(m)`
+`,v=i(m)`
   color: ${e=>e.theme.colors.hero};
-  padding: ${i.sp0} ${i.sp3};
+  padding: ${o.sp0} ${o.sp3};
   text-align: center;
-`,k=o.div`
-  margin-top: ${i.sp3};
-`,z=({dashboardFetchState:e,onZeniLogoClick:r,onDashboardFetchDone:n})=>{const{title:a,subTitle:d}=c.getLocalizedStrings().customerOnboardingPage.thankYou,s=l(e);return f.useEffect(()=>{s==="In-Progress"&&e!=="In-Progress"&&n()},[e,s,n]),t.jsxs(b,{children:[t.jsx($,{children:t.jsx(y,{"data-testid":p("zeni-logo-customer-onboarding-activation-page"),onClick:r})}),t.jsxs(j,{children:[t.jsx(w,{children:a}),t.jsx(v,{children:d}),t.jsx(k,{children:t.jsx(g,{size:"Large",start:!0})})]})]})},I=o.div`
+`,k=i.div`
+  margin-top: ${o.sp3};
+`,z=({dashboardFetchState:e,onZeniLogoClick:r,onDashboardFetchDone:n})=>{const{title:a,subTitle:d}=c.getLocalizedStrings().customerOnboardingPage.thankYou,s=l(e);return f.useEffect(()=>{s==="In-Progress"&&e!=="In-Progress"&&n()},[e,s,n]),t.jsxs(u,{children:[t.jsx($,{children:t.jsx(y,{"data-testid":p("zeni-logo-customer-onboarding-activation-page"),onClick:r})}),t.jsxs(j,{children:[t.jsx(w,{children:a}),t.jsx(v,{children:d}),t.jsx(k,{children:t.jsx(g,{size:"Large",start:!0})})]})]})},I=i.div`
   display: flex;
   flex-direction: column;
   height: 100vh;
   position: relative;
-`,D=o.div`
+`,D=i.div`
   width: 100%;
   position: absolute;
-`,L=o.div`
+`,L=i.div`
   position: relative;
   display: flex;
   -webkit-box-align: center;
   align-items: center;
   justify-content: center;
-  padding: ${i.sp0} ${i.sp3};
-  min-height: ${i.sp8};
-`,P=o(h)`
-  height: ${i.sp4};
+  padding: ${o.sp0} ${o.sp3};
+  min-height: ${o.sp8};
+`,P=i(h)`
+  height: ${o.sp4};
   width: 102px;
   color: ${e=>e.theme.colors.primary};
   cursor: pointer;
-`,T=o.div`
+`,T=i.div`
   display: flex;
   flex: 1 1 auto;
   flex-direction: column;
@@ -73,16 +73,16 @@ import{J as u,V as t,F as c,aR as l,ab as p,T as g,o as i,ag as h,b as x,d as m}
   align-items: center;
   justify-content: center;
   background: ${e=>e.theme.colors.background};
-  padding: ${i.sp0} ${i.sp3};
-`,F=o(x)`
+  padding: ${o.sp0} ${o.sp3};
+`,S=i(x)`
   color: ${e=>e.theme.colors.primary};
-  margin-bottom: ${i.sp1};
+  margin-bottom: ${o.sp1};
   text-align: center;
   width: 100%;
-`,S=o(m)`
+`,C=i(m)`
   color: ${e=>e.theme.colors.hero};
   text-align: center;
   width: 100%;
-`,C=o.div`
-  margin-top: ${i.sp3};
-`,E=({dashboardFetchState:e,onZeniLogoClick:r,onDashboardFetchDone:n})=>{const{title:a,subTitle:d}=c.getLocalizedStrings().customerOnboardingPage.thankYou,s=l(e);return f.useEffect(()=>{s==="In-Progress"&&e!=="In-Progress"&&n()},[e,s,n]),t.jsxs(I,{children:[t.jsx(D,{children:t.jsx(L,{children:t.jsx(P,{"data-testid":p("zeni-logo-customer-onboarding-activation-page"),onClick:r})})}),t.jsxs(T,{children:[t.jsx(F,{children:a}),t.jsx(S,{children:d}),t.jsx(C,{children:t.jsx(g,{size:"Large",start:!0})})]})]})},G=e=>u()==="small"?t.jsx(E,{...e}):t.jsx(z,{...e});export{G as default};
+`,F=i.div`
+  margin-top: ${o.sp3};
+`,E=({dashboardFetchState:e,onZeniLogoClick:r,onDashboardFetchDone:n})=>{const{title:a,subTitle:d}=c.getLocalizedStrings().customerOnboardingPage.thankYou,s=l(e);return f.useEffect(()=>{s==="In-Progress"&&e!=="In-Progress"&&n()},[e,s,n]),t.jsxs(I,{children:[t.jsx(D,{children:t.jsx(L,{children:t.jsx(P,{"data-testid":p("zeni-logo-customer-onboarding-activation-page"),onClick:r})})}),t.jsxs(T,{children:[t.jsx(S,{children:a}),t.jsx(C,{children:d}),t.jsx(F,{children:t.jsx(g,{size:"Large",start:!0})})]})]})},B=e=>b()==="small"?t.jsx(E,{...e}):t.jsx(z,{...e});export{B as default};

package/dist/assets/CustomerOnboardingContainerPage-CckCX7Vt-DYDehdNi.js

@@ -0,0 +1 @@
+import{V as o}from"./index-RSYdG57D.js";import i from"./CustomerOnboardingNoStepsPage-CbG5WshV-N0QAWt53.js";import e from"./CustomerOnboardingPage-DyVyf8oK-lwDo-U4P.js";import"./sentry-D087_5zX.js";import"./liveblocks-BR4rmGyf.js";import"./core-CTDonMeQ.js";import"./recharts-B4xbIQqu.js";import"./zeni-epic-state-DnYFo_hK.js";import"./mui-Bi6zxcZy.js";import"./lottie-CZNmnTyG.js";import"./analytics-BLsUySon.js";import"./lexical-CMaEqdkY.js";import"./utils-bkVcg2I6.js";import"./PaymentAccountSetupBillingAddressSection-Deb_ngk6-0-NbLYs1.js";import"./commonTypes-B-foaEwJ-DVRX5AIJ.js";import"./SetUpAccountSection-CoVrSSYL-CVLKd7cm.js";import"./CustomerOnboardingDetailPageSkeleton-BYXyF1CQ-BugxAqPd.js";import"./CompanyOfficerDetailsSection-Rk0B5cB5-BHN1U_wu.js";import"./helper-DP3YY99s-BmrnBGWk.js";import"./LabeledAddressValueField-BoHS44YO-2snjxiG6.js";import"./LabeledCountryMultiSelectField-D1fVDYR_-DUR0-azH.js";import"./LabeledCreatableSingleSelectField-Bhka-Faj-lL2zJ3aA.js";import"./LabeledDocumentField-CnRk5aKZ-CMl01eck.js";import"./QBOSetupSection-EOFscEW--QOktkObJ.js";import"./QBOConnectionDialog-BrQ71F06-DkV9wT_l.js";(function(){try{var t=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},r=new t.Error().stack;r&&(t._sentryDebugIds=t._sentryDebugIds||{},t._sentryDebugIds[r]="40d6dab5-38a9-4228-8d10-71cf3b8985c7",t._sentryDebugIdIdentifier="sentry-dbid-40d6dab5-38a9-4228-8d10-71cf3b8985c7")}catch{}})();const P=t=>t.currentTenant?.productSettings.isOtherProductsEnabled===!0?o.jsx(i,{...t}):o.jsx(e,{...t});export{P as default};

package/dist/assets/{CustomerOnboardingDetailPageSkeleton-DUBpQ8ln-Dayyky5R.js → CustomerOnboardingDetailPageSkeleton-BYXyF1CQ-BugxAqPd.js}

@@ -1,4 +1,4 @@
-import{V as s,ab as v,bo as E,y as f,J as T,bQ as b,o as t,u as I,x as $,ag as R,F as N,p as u,Q as P,hR as U,fT as L,at as W,an as _,hS as J}from"./index-DkG4Gq_1.js";import{n as r}from"./mui-jyIGzSd8.js";import{P as S}from"./sentry-CkqzujGZ.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},i=new e.Error().stack;i&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[i]="c65a03c1-ce27-4378-9c11-863630419809",e._sentryDebugIdIdentifier="sentry-dbid-c65a03c1-ce27-4378-9c11-863630419809")}catch{}})();const O=r(J)`
+import{V as s,aQ as v,bo as E,d as f,J as I,bQ as b,o as t,u as T,y as $,af as R,F as N,p as u,G as P,hQ as U,fS as L,as as W,am as _,hR as J}from"./index-RSYdG57D.js";import{n as r}from"./mui-Bi6zxcZy.js";import{P as S}from"./sentry-D087_5zX.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},i=new e.Error().stack;i&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[i]="74358670-d115-4449-9c4d-9a68403fd6ae",e._sentryDebugIdIdentifier="sentry-dbid-74358670-d115-4449-9c4d-9a68403fd6ae")}catch{}})();const O=r(J)`
   /* Size is controlled by styles.root prop */
 `,Q=r.div`
   position: relative;
@@ -22,7 +22,7 @@ import{V as s,ab as v,bo as E,y as f,J as T,bQ as b,o as t,u as I,x as $,ag as R
     pointer-events: none;
     z-index: 1;
   }
-`,V=({valueEnd:e,valueStart:i,children:o})=>{const[l,d]=S.useState(i);return S.useEffect(()=>{const n=setTimeout(()=>{d(e)},100);return()=>clearTimeout(n)},[e]),s.jsx(s.Fragment,{children:o(l)})},F=({valueEnd:e=50})=>{const i=f();return s.jsx(V,{valueStart:0,valueEnd:e,children:o=>s.jsx(Q,{theme:i,children:s.jsx(O,{value:o,strokeWidth:50,circleRatio:1,styles:{...U({pathColor:u.success,trailColor:"transparent",pathTransitionDuration:1.5,rotation:1,strokeLinecap:"butt"}),root:{width:t.sp3,height:t.sp3,position:"relative",zIndex:2,display:"flex",alignItems:"center",justifyContent:"center"}}})})})},w=({isActive:e,isCompleted:i,isDisabled:o,isError:l,isHalfCompleted:d,theme:n})=>e||i||d||l?l?u.runwayRed:n.colors.primary:o?n.colors.grey1:n.colors.hero,k=({isActive:e,isCompleted:i,isDisabled:o,isHalfCompleted:l,theme:d})=>e||i||l?d.colors.primary:o?d.colors.grey1:d.colors.hero,M=r.div`
+`,F=({valueEnd:e,valueStart:i,children:o})=>{const[l,d]=S.useState(i);return S.useEffect(()=>{const n=setTimeout(()=>{d(e)},100);return()=>clearTimeout(n)},[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(Q,{theme:i,children:s.jsx(O,{value:o,strokeWidth:50,circleRatio:1,styles:{...U({pathColor:u.success,trailColor:"transparent",pathTransitionDuration:1.5,rotation:1,strokeLinecap:"butt"}),root:{width:t.sp3,height:t.sp3,position:"relative",zIndex:2,display:"flex",alignItems:"center",justifyContent:"center"}}})})})},w=({isActive:e,isCompleted:i,isDisabled:o,isError:l,isHalfCompleted:d,theme:n})=>e||i||d||l?l?u.runwayRed:n.colors.primary:o?n.colors.grey1:n.colors.hero,k=({isActive:e,isCompleted:i,isDisabled:o,isHalfCompleted:l,theme:d})=>e||i||l?d.colors.primary:o?d.colors.grey1:d.colors.hero,V=r.div`
   width: 100%;
   display: flex;
   background: ${e=>e.isActive?e.theme.colors.grey5:null};
@@ -41,31 +41,31 @@ import{V as s,ab as v,bo as E,y as f,J as T,bQ as b,o as t,u as I,x as $,ag as R
       color: ${e=>k({isActive:e.isActive,isCompleted:e.isCompleted,isDisabled:e.isDisabled,isHalfCompleted:e.isHalfCompleted,theme:e.theme})};
     }
   }
-`,Z=r.div`
+`,B=r.div`
   margin-right: ${t.sp2};
   margin-top: 2px;
-`,q=r(L)`
+`,Z=r(L)`
   width: ${t.sp3};
   height: ${t.sp3};
   color: ${u.success};
-`,B=r(P)`
+`,q=r(P)`
   width: ${t.sp3};
   height: ${t.sp3};
   color: ${u.runwayRed};
-`,G=r.div`
+`,K=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%;
-`,K=r.div`
+`,M=r.div`
   display: flex;
   flex-direction: column;
 `,X=r(W)`
   color: ${e=>w({isActive:e.isActive,isCompleted:e.isCompleted,isDisabled:e.disabledStep,isError:e.isError,isHalfCompleted:e.isHalfCompleted,theme:e.theme})};
 `,Y=r(_)`
   color: ${e=>k({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:n,stepText:h,stepSubText:m,onUpdateStep:g,setIsStepClicked:p,disabledSteps:a}){const c=d||a.includes(e)&&i===!1;return s.jsxs(M,{isActive:i,isDisabled:c,isCompleted:o,isHalfCompleted:l,isError:n,onClick:d===!1?()=>{a.includes(e)&&i===!1||(p(!0),g(e))}:void 0,"data-testid":v("step-box",e),children:[s.jsx(Z,{children:n?s.jsx(B,{}):l?s.jsx(F,{}):o?s.jsx(q,{}):s.jsx(G,{isActive:i,disabledStep:c})}),s.jsxs(K,{children:[s.jsx(X,{className:"step-content-title",isActive:i,isCompleted:o,isHalfCompleted:l,disabledStep:c,isError:n,children:h}),s.jsx(Y,{className:"step-content-subtitle",isActive:i,isCompleted:o,isHalfCompleted:l,disabledStep:c,children:m})]})]})}const te=r.div`
+`;function ee({onboardingStep:e,isActive:i,isCompleted:o,isHalfCompleted:l,isDisabled:d,isError:n,stepText:h,stepSubText:m,onUpdateStep:g,setIsStepClicked:p,disabledSteps:a}){const c=d||a.includes(e)&&i===!1;return s.jsxs(V,{isActive:i,isDisabled:c,isCompleted:o,isHalfCompleted:l,isError:n,onClick:d===!1?()=>{a.includes(e)&&i===!1||(p(!0),g(e))}:void 0,"data-testid":v("step-box",e),children:[s.jsx(B,{children:n?s.jsx(q,{}):l?s.jsx(G,{}):o?s.jsx(Z,{}):s.jsx(K,{isActive:i,disabledStep:c})}),s.jsxs(M,{children:[s.jsx(X,{className:"step-content-title",isActive:i,isCompleted:o,isHalfCompleted:l,disabledStep:c,isError:n,children:h}),s.jsx(Y,{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;
@@ -159,4 +159,4 @@ import{V as s,ab as v,bo as E,y as f,J as T,bQ as b,o as t,u as I,x as $,ag as R
   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(C,{children:s.jsx(b,{width:y.titleRectangleWidth.value(o),height:I[6],backgroundColor:i.colors.grey3,style:{borderRadius:t.sp2}})}),s.jsx(C,{children:s.jsx(b,{width:y.subTitleRectangleWidth.value(o),height:27,backgroundColor:i.colors.grey3,style:{borderRadius:t.sp2}})})]})})})};export{x as a,be as b,xe as f};
+`,xe=({isNoStepsPage:e=!1})=>{const i=f(),o=I();return s.jsx(pe,{isNoStepsPage:e,children:s.jsx(ce,{windowSize:o,children:s.jsxs(he,{children:[s.jsx(C,{children:s.jsx(b,{width:y.titleRectangleWidth.value(o),height:T[6],backgroundColor:i.colors.grey3,style:{borderRadius:t.sp2}})}),s.jsx(C,{children:s.jsx(b,{width:y.subTitleRectangleWidth.value(o),height:27,backgroundColor:i.colors.grey3,style:{borderRadius:t.sp2}})})]})})})};export{x as a,be as b,xe as f};

package/dist/assets/{CustomerOnboardingNoStepsPage-CA0h5UTQ-D70jA_5U.js → CustomerOnboardingNoStepsPage-CbG5WshV-N0QAWt53.js}

@@ -1,4 +1,4 @@
-import{a8 as se,V as o,fB as Ce,J as be,y as Pe,a9 as we,aR as xe,cH as ke,bD as Ie,o as i,ab as Ae,ad as Ve,aS as $e,bo as ve,hP as Oe,F as Te,f1 as je,f2 as oe,ag as Le,x as J,am as ze,u as A}from"./index-DkG4Gq_1.js";import{n as c}from"./mui-jyIGzSd8.js";import{a as V}from"./sentry-CkqzujGZ.js";import{r as Ue,t as _e}from"./PaymentAccountSetupBillingAddressSection-2cz94sYW-B7-omVIb.js";import{f as Be}from"./CustomerOnboardingDetailPageSkeleton-DUBpQ8ln-Dayyky5R.js";import"./liveblocks-CZpRcduP.js";import"./core-CBRgKovr.js";import"./recharts-CCz6EACy.js";import"./zeni-epic-state-B9mN2lN3.js";import"./lottie-CvYZqvKo.js";import"./analytics-Cu6vrn8M.js";import"./lexical-BgntzHWG.js";import"./utils-CvgqAgFT.js";import"./commonTypes-0d0JMX8y-C627GAKQ.js";import"./SetUpAccountSection-Dl68db5l-CQstYRob.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},u=new e.Error().stack;u&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[u]="71063a31-9709-4b8f-94d7-d488bed1deb2",e._sentryDebugIdIdentifier="sentry-dbid-71063a31-9709-4b8f-94d7-d488bed1deb2")}catch{}})();const q="onboardingPaymentAccountSetupSection",ie="customerOnboardingNoStepsDetailPage",n="onboardingSubscriptionBillingAddress",Q={titleWidth:new J(343,580,726,826),subTitlePaddingTop:new J(A[3],A[3]),subTitlePaddingBottom:new J(A[3],A[3])},De=e=>`${e}_form`,Ee=Te.getLocalizedStrings(),Fe=({onboardingCustomerView:e,connectedAccountProvider:u,cardPaymentView:p,stripeKey:v,googleAPIKey:O,signedInUser:b,currentTenant:T,onUpdateStep:j,handleCreateCardSetupIntent:L,handleConfirmCardSetupIntent:z,updateCardPaymentModalState:P,handleAddCardPaymentSource:U,resetCardPaymentViewState:_,handleResetCardPaymentErrorStatuses:B,redirectToProductSuitePage:w,onUpdateCustomerView:D,...E})=>{const m=be(),F=se(),{analytics:h}=F,{onFetchLinkTokenClick:K,onUpdatePaymentAccountStatus:M,onUpdatePaymentAccountLoginStatus:R,onEstablishConnectionClick:S,onEstablishConnectionSuccess:N,handleLogOutClick:G,onZeniLogoClick:H,onAddressEditHandler:x}=E,Z=Pe(),r=we({mode:"onSubmit",reValidateMode:"onSubmit",defaultValues:$(e),values:$(e),shouldFocusError:!0,resetOptions:{keepDirtyValues:!0}}),{companyOfficerLocalData:re,saveStatus:g,paymentAccount:k,paymentAccountStatus:de,plaidConnectionDetails:X,uiState:le,allNationalityCountries:Y,subscriptionBillingAddress:y}=e,{customerOnboardingPage:ce,common:f}=Ee,{footer:ue,steps:pe}=ce,{buttons:W}=ue,ee=pe.link_payment_account,I=xe(g.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,C=je(l?.country);d={street:a[n].street??f.strings.empty,city:l?.locality??f.strings.empty,state:l?.administrativeAreaLevel1??f.strings.empty,country:C,countryCode:l?.countryCode??f.strings.empty,postalCode:l?.postalCode??f.strings.empty,secondaryInfo:a[n].secondaryInfo,suite:a[n].suite},s.selectedOption!==C.selectedOption&&(d={...d,country:C})}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)}};V.useEffect(()=>{const t=r.watch((a,{name:s})=>{s!=null&&a!=null&&ke(()=>ge(s,a))});return()=>{t.unsubscribe()}}),V.useEffect(()=>{I==="In-Progress"&&g.fetchState==="Completed"&&r.reset($(e),{keepDirtyValues:!1})},[r,e,I,g.fetchState,Y]);const ye=()=>{const t=r.getValues(n),a={street:t.street.addressString,suite:t.suite,city:t.city,state:t.state,postalCode:t.postalCode,country:t.country.selectedOption??f.strings.empty,secondaryInfo:t.secondaryInfo};h.trackOnboardingBillingAddressSave(a)},ne=()=>{const t=Object.values(X).some(l=>l.fetchStatus.fetchState==="Completed"),a=k?.providerVerificationStatus?.code?.includes("verified")??!1,s=p.cardsList.length>0,d=p.bankAccountsList[0]?.providerVerificationStatus?.code?.includes("verified")??!1;return t&&a||!a&&!k&&s||!s&&!k&&d};function fe(){if(r.getFieldState(n).error)return!1;const t=r.getValues(n),a=y?.street.join("").trim(),s=y?.city,d=y?.state,l=y?.country,C=y?.postalCode!=null&&y.postalCode||t.postalCode||f.strings.empty;return!!a&&!!s&&!!d&&!!l&&!!C}const he=async()=>{const t=await r.trigger(n),a=await r.trigger(q);t&&a&&(ye(),j("link_payment_account"),D(me,!1,!0))};V.useEffect(()=>{I==="In-Progress"&&g.fetchState==="Completed"&&(r.reset($(e),{keepDirtyValues:!1}),w())},[r,e,I,g.fetchState,Y,w]);const[ae,Se]=V.useState(!1);return o.jsxs(Ke,{children:[o.jsxs(Me,{windowSize:m,children:[o.jsx(Ie,{title:ee.sectionTitle,showBackButton:!1,backgroundColor:Z.colors.grey4,style:{zIndex:4},source:"CustomerOnboardingPaymentAddressDetailPage",showLeftSection:m!=="small",titleStyle:{display:"flex",alignItems:"center"},navBarContainerStyles:{paddingTop:i.sp0,paddingBottom:i.sp0},leftSideComponent:o.jsx(He,{children:o.jsx(Ze,{"data-testid":Ae("zeni-logo-customer-onboarding-payment-address-detail-page"),onClick:H})})}),o.jsx(Ve,{...r,children:o.jsx(Ne,{id:De(ie),children:o.jsxs(Re,{children:[o.jsx(We,{windowSize:m,children:ee.sectionSubTitle}),o.jsx(Ue,{connectedAccountProvider:u,paymentAccount:k,accountStatus:de,plaidConnectionDetails:X,subscriptionBillingAddressSectionId:n,sectionId:q,analytics:h,isValid:ne(),onFetchLinkTokenClick:K,onEstablishConnectionClick:S,onUpdatePaymentAccountStatus:M,onUpdatePaymentAccountLoginStatus:R,onEstablishConnectionSuccess:N,updateCardPaymentModalState:P,cardPaymentView:p,resetCardPaymentViewState:_,cardSetupInProgress:ae,googleAPIKey:O,subscriptionBillingAddress:y})]},"link_payment_account")})}),o.jsx($e,{formId:`${ie}`,leftSideComponent:o.jsx(Ge,{windowSize:m,children:o.jsx(ve,{signedInUser:b,currentTenant:T,onLogOutClick:G})}),style:{width:m==="small"?"auto":"100%",padding:i.sp0,rowGap:i.sp1},helperContainerStyle:{width:"100%",rowGap:i.sp1,marginTop:"12px",marginBottom:i.sp2},primaryBtn:{onClick:he,label:W.submit,isLoading:g.fetchState==="In-Progress",isDisabled:g.fetchState==="In-Progress"||!(fe()&&ne())},containerStyle:{width:"auto",justifyContent:"center"},helperText:W.submitText.replace("__action__",W.submit),helperStyle:{width:"auto",padding:i.sp0,rowGap:i.sp0,textAlign:"center"}})]}),o.jsx(_e,{handleConfirmCardSetupIntent:z,updateCardPaymentModalState:P,handleCreateCardSetupIntent:L,handleAddCardPaymentSource:U,cardPaymentView:p,stripeKey:v,isCardPaymentOpen:le.isCardPaymentPopupOpen,handleResetCardPaymentErrorStatuses:B,cardSetupInProgress:ae,setCardSetupInProgress:Se})]})},Ke=c.div`
+import{a8 as se,V as o,fA as Ce,J as be,d as Pe,a9 as we,aR as xe,cG as ke,bD as Ie,o as i,aQ as Ae,ac as $e,aS as Oe,bo as Ve,hO as ve,F as Te,f0 as je,f1 as oe,af as Le,y as J,al as Ue,u as A}from"./index-RSYdG57D.js";import{n as c}from"./mui-Bi6zxcZy.js";import{a as $}from"./sentry-D087_5zX.js";import{r as _e,t as ze}from"./PaymentAccountSetupBillingAddressSection-Deb_ngk6-0-NbLYs1.js";import{f as De}from"./CustomerOnboardingDetailPageSkeleton-BYXyF1CQ-BugxAqPd.js";import"./liveblocks-BR4rmGyf.js";import"./core-CTDonMeQ.js";import"./recharts-B4xbIQqu.js";import"./zeni-epic-state-DnYFo_hK.js";import"./lottie-CZNmnTyG.js";import"./analytics-BLsUySon.js";import"./lexical-CMaEqdkY.js";import"./utils-bkVcg2I6.js";import"./commonTypes-B-foaEwJ-DVRX5AIJ.js";import"./SetUpAccountSection-CoVrSSYL-CVLKd7cm.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},u=new e.Error().stack;u&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[u]="5a2717b1-169f-4dc6-96e3-15778932e649",e._sentryDebugIdIdentifier="sentry-dbid-5a2717b1-169f-4dc6-96e3-15778932e649")}catch{}})();const q="onboardingPaymentAccountSetupSection",ie="customerOnboardingNoStepsDetailPage",n="onboardingSubscriptionBillingAddress",Q={titleWidth:new J(343,580,726,826),subTitlePaddingTop:new J(A[3],A[3]),subTitlePaddingBottom:new J(A[3],A[3])},Ee=e=>`${e}_form`,Be=Te.getLocalizedStrings(),Fe=({onboardingCustomerView:e,connectedAccountProvider:u,cardPaymentView:p,stripeKey:V,googleAPIKey:v,signedInUser:b,currentTenant:T,onUpdateStep:j,handleCreateCardSetupIntent:L,handleConfirmCardSetupIntent:U,updateCardPaymentModalState:P,handleAddCardPaymentSource:_,resetCardPaymentViewState:z,handleResetCardPaymentErrorStatuses:D,redirectToProductSuitePage:w,onUpdateCustomerView:E,...B})=>{const m=be(),F=se(),{analytics:h}=F,{onFetchLinkTokenClick:K,onUpdatePaymentAccountStatus:M,onUpdatePaymentAccountLoginStatus:R,onEstablishConnectionClick:S,onEstablishConnectionSuccess:G,handleLogOutClick:N,onZeniLogoClick:H,onAddressEditHandler:x}=B,W=Pe(),r=we({mode:"onSubmit",reValidateMode:"onSubmit",defaultValues:O(e),values:O(e),shouldFocusError:!0,resetOptions:{keepDirtyValues:!0}}),{companyOfficerLocalData:re,saveStatus:g,paymentAccount:k,paymentAccountStatus:de,plaidConnectionDetails:X,uiState:le,allNationalityCountries:Y,subscriptionBillingAddress:y}=e,{customerOnboardingPage:ce,common:f}=Be,{footer:ue,steps:pe}=ce,{buttons:Z}=ue,ee=pe.link_payment_account,I=xe(g.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,C=je(l?.country);d={street:a[n].street??f.strings.empty,city:l?.locality??f.strings.empty,state:l?.administrativeAreaLevel1??f.strings.empty,country:C,countryCode:l?.countryCode??f.strings.empty,postalCode:l?.postalCode??f.strings.empty,secondaryInfo:a[n].secondaryInfo,suite:a[n].suite},s.selectedOption!==C.selectedOption&&(d={...d,country:C})}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)}};$.useEffect(()=>{const t=r.watch((a,{name:s})=>{s!=null&&a!=null&&ke(()=>ge(s,a))});return()=>{t.unsubscribe()}}),$.useEffect(()=>{I==="In-Progress"&&g.fetchState==="Completed"&&r.reset(O(e),{keepDirtyValues:!1})},[r,e,I,g.fetchState,Y]);const ye=()=>{const t=r.getValues(n),a={street:t.street.addressString,suite:t.suite,city:t.city,state:t.state,postalCode:t.postalCode,country:t.country.selectedOption??f.strings.empty,secondaryInfo:t.secondaryInfo};h.trackOnboardingBillingAddressSave(a)},ne=()=>{const t=Object.values(X).some(l=>l.fetchStatus.fetchState==="Completed"),a=k?.providerVerificationStatus?.code?.includes("verified")??!1,s=p.cardsList.length>0,d=p.bankAccountsList[0]?.providerVerificationStatus?.code?.includes("verified")??!1;return t&&a||!a&&!k&&s||!s&&!k&&d};function fe(){if(r.getFieldState(n).error)return!1;const t=r.getValues(n),a=y?.street.join("").trim(),s=y?.city,d=y?.state,l=y?.country,C=y?.postalCode!=null&&y.postalCode||t.postalCode||f.strings.empty;return!!a&&!!s&&!!d&&!!l&&!!C}const he=async()=>{const t=await r.trigger(n),a=await r.trigger(q);t&&a&&(ye(),j("link_payment_account"),E(me,!1,!0))};$.useEffect(()=>{I==="In-Progress"&&g.fetchState==="Completed"&&(r.reset(O(e),{keepDirtyValues:!1}),w())},[r,e,I,g.fetchState,Y,w]);const[ae,Se]=$.useState(!1);return o.jsxs(Ke,{children:[o.jsxs(Me,{windowSize:m,children:[o.jsx(Ie,{title:ee.sectionTitle,showBackButton:!1,backgroundColor:W.colors.grey4,style:{zIndex:4},source:"CustomerOnboardingPaymentAddressDetailPage",showLeftSection:m!=="small",titleStyle:{display:"flex",alignItems:"center"},navBarContainerStyles:{paddingTop:i.sp0,paddingBottom:i.sp0},leftSideComponent:o.jsx(He,{children:o.jsx(We,{"data-testid":Ae("zeni-logo-customer-onboarding-payment-address-detail-page"),onClick:H})})}),o.jsx($e,{...r,children:o.jsx(Ge,{id:Ee(ie),children:o.jsxs(Re,{children:[o.jsx(Ze,{windowSize:m,children:ee.sectionSubTitle}),o.jsx(_e,{connectedAccountProvider:u,paymentAccount:k,accountStatus:de,plaidConnectionDetails:X,subscriptionBillingAddressSectionId:n,sectionId:q,analytics:h,isValid:ne(),onFetchLinkTokenClick:K,onEstablishConnectionClick:S,onUpdatePaymentAccountStatus:M,onUpdatePaymentAccountLoginStatus:R,onEstablishConnectionSuccess:G,updateCardPaymentModalState:P,cardPaymentView:p,resetCardPaymentViewState:z,cardSetupInProgress:ae,googleAPIKey:v,subscriptionBillingAddress:y})]},"link_payment_account")})}),o.jsx(Oe,{formId:`${ie}`,leftSideComponent:o.jsx(Ne,{windowSize:m,children:o.jsx(Ve,{signedInUser:b,currentTenant:T,onLogOutClick:N})}),style:{width:m==="small"?"auto":"100%",padding:i.sp0,rowGap:i.sp1},helperContainerStyle:{width:"100%",rowGap:i.sp1,marginTop:"12px",marginBottom:i.sp2},primaryBtn:{onClick:he,label:Z.submit,isLoading:g.fetchState==="In-Progress",isDisabled:g.fetchState==="In-Progress"||!(fe()&&ne())},containerStyle:{width:"auto",justifyContent:"center"},helperText:Z.submitText.replace("__action__",Z.submit),helperStyle:{width:"auto",padding:i.sp0,rowGap:i.sp0,textAlign:"center"}})]}),o.jsx(ze,{handleConfirmCardSetupIntent:U,updateCardPaymentModalState:P,handleCreateCardSetupIntent:L,handleAddCardPaymentSource:_,cardPaymentView:p,stripeKey:V,isCardPaymentOpen:le.isCardPaymentPopupOpen,handleResetCardPaymentErrorStatuses:D,cardSetupInProgress:ae,setCardSetupInProgress:Se})]})},Ke=c.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -28,10 +28,10 @@ import{a8 as se,V as o,fB as Ce,J as be,y as Pe,a9 as we,aR as xe,cH as ke,bD as
   height: 100%;
   flex-direction: column;
   padding-bottom: ${i.sp0};
-`,Ne=c.form`
+`,Ge=c.form`
   padding-top: ${i.sp0};
   flex: 1;
-`,Ge=c.div`
+`,Ne=c.div`
   display: flex;
   height: ${i.sp7};
   left: ${i.sp4};
@@ -42,14 +42,14 @@ import{a8 as se,V as o,fB as Ce,J as be,y as Pe,a9 as we,aR as xe,cH as ke,bD as
   cursor: default;
 `,He=c.div`
   display: flex;
-`,Ze=c(Le)`
+`,We=c(Le)`
   height: ${i.sp4};
   width: 102px;
   color: ${e=>e.theme.colors.primary};
   cursor: pointer;
   flex-shrink: 0;
   margin-left: -${i.sp4};
-`,We=c(ze)`
+`,Ze=c(Ue)`
   color: ${e=>e.theme.colors.hero};
   display: flex;
   justify-content: center;
@@ -58,7 +58,7 @@ import{a8 as se,V as o,fB as Ce,J as be,y as Pe,a9 as we,aR as xe,cH as ke,bD as
   padding-bottom: ${e=>Q.subTitlePaddingBottom.valuePx(e.windowSize)};
   text-align: ${e=>e.windowSize==="small"?"initial":"center"};
   width: 100%;
-`,$=e=>({[q]:{account:{allOptions:[],selectedOption:void 0}},[n]:Oe(n,e?.subscriptionBillingAddress)[n]}),ut=e=>{const{onboardingCustomerView:u,cardPaymentView:p,signedInUser:v,currentTenant:O,isOnAddressPage:b,stripeKey:T,googleAPIKey:j,meetingUrl:L,onUpdateStep:z,onZeniLogoClick:P,handleLogOutClick:U,handleCockpitClick:_,handleCreateCardSetupIntent:B,handleConfirmCardSetupIntent:w,handleFetchPaymentSources:D,updateCardPaymentModalState:E,resetCardPaymentViewState:m,handleResetCardPaymentErrorStatuses:F,redirectToProductSuitePage:h,...K}=e,{allSteps:M,currentStep:R,fetchStatus:S}=u,N=se(),{analytics:G}=N,H={allSteps:M,isOnAddressPage:b,currentStep:R,fetchStatus:S,signedInUser:v,currentTenant:O,onUpdateStep:Z=>{z(Z)},onZeniLogoClick:P,handleLogOutClick:U,handleCockpitClick:_,redirectToProductSuitePage:h},x=S.fetchState==="In-Progress"||S.fetchState==="Not-Started";return o.jsxs(Je,{isOnAddressPage:b,children:[x?o.jsx(Be,{isNoStepsPage:!0}):o.jsx(Fe,{...H,onboardingCustomerView:u,handleCreateCardSetupIntent:B,handleConfirmCardSetupIntent:w,updateCardPaymentModalState:E,handleFetchPaymentSources:D,cardPaymentView:p,resetCardPaymentViewState:m,stripeKey:T,googleAPIKey:j,handleResetCardPaymentErrorStatuses:F,redirectToProductSuitePage:h,...K}),x?null:o.jsx(Ce,{isFooterRendered:!0,meetingUrl:L,analytics:G,productType:"onboarding"})]})},Je=c.div`
+`,O=e=>({[q]:{account:{allOptions:[],selectedOption:void 0}},[n]:ve(n,e?.subscriptionBillingAddress)[n]}),ut=e=>{const{onboardingCustomerView:u,cardPaymentView:p,signedInUser:V,currentTenant:v,isOnAddressPage:b,stripeKey:T,googleAPIKey:j,meetingUrl:L,onUpdateStep:U,onZeniLogoClick:P,handleLogOutClick:_,handleCockpitClick:z,handleCreateCardSetupIntent:D,handleConfirmCardSetupIntent:w,handleFetchPaymentSources:E,updateCardPaymentModalState:B,resetCardPaymentViewState:m,handleResetCardPaymentErrorStatuses:F,redirectToProductSuitePage:h,...K}=e,{allSteps:M,currentStep:R,fetchStatus:S}=u,G=se(),{analytics:N}=G,H={allSteps:M,isOnAddressPage:b,currentStep:R,fetchStatus:S,signedInUser:V,currentTenant:v,onUpdateStep:W=>{U(W)},onZeniLogoClick:P,handleLogOutClick:_,handleCockpitClick:z,redirectToProductSuitePage:h},x=S.fetchState==="In-Progress"||S.fetchState==="Not-Started";return o.jsxs(Je,{isOnAddressPage:b,children:[x?o.jsx(De,{isNoStepsPage:!0}):o.jsx(Fe,{...H,onboardingCustomerView:u,handleCreateCardSetupIntent:D,handleConfirmCardSetupIntent:w,updateCardPaymentModalState:B,handleFetchPaymentSources:E,cardPaymentView:p,resetCardPaymentViewState:m,stripeKey:T,googleAPIKey:j,handleResetCardPaymentErrorStatuses:F,redirectToProductSuitePage:h,...K}),x?null:o.jsx(Ce,{isFooterRendered:!0,meetingUrl:L,analytics:N,productType:"onboarding"})]})},Je=c.div`
   display: flex;
   flex-direction: column;
   width: ${e=>e.isOnAddressPage?"fit-content":"100%"};