@zeniai/web-cockpit-ui 1.14.22-dev → 1.14.23-dev

package/dist/assets/{CreditCardPaymentDrawerPage-C3PvfNmm-amz8Ne7l.js → CreditCardPaymentDrawerPage-Z9RiL1h7-BimNMSu_.js}

@@ -1,4 +1,4 @@
-import{j as a,e as me,d5 as pe,_ as te,gU as He,M as Y,$ as Te,J as Qe,m as et,a3 as Pe,o as t,C as d,a2 as je,L as tt,f as at,u as ze,bA as nt,cU as Ee,X as V,g as J,fW as Ce,v as ot,l as T,s as Me,c6 as it,a1 as be,a as rt,f1 as lt,c9 as ct,F as st,cF as dt,fa as mt,ce as pt,fJ as ut,q as r,bw as ht,bu as Be,d0 as gt,bN as yt,n as Oe,fd as ft,f5 as Ct,a6 as bt,fe as xt,cw as St,ff as wt,fo as Dt}from"./index-P_4M6V8j.js";import{n as o,b as p}from"./vendor-rkTZJa59.js";import{x as $t}from"./LabeledControlledCheckBoxField-TB_2rc3R-DL54XhuW.js";import{S as kt}from"./ChargeCardUtils-DQztOSYJ-DZxY6wV1.js";import{Z as xe}from"./CreditCardPaymentPlgSection-Cz-CSdKg-DO4yi827.js";import"./mui-C42whWwM.js";import"./analytics-CBL_L82S.js";import"./routing-VwiwPky5.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-BDNqpTKX.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:At}},common:{edit:Lt,labels:Se,currency:we,navBar:{back:vt}},spendManagement:{zeniAccounts:{zeniAccountList:{transferDrawer:It}},chargeCard:{payEarly:ee}}}=Y.getLocalizedStrings(),Ft=({paymentDetails:e,isCashbackInfoFetchStateCompleted:i,isCreditCardInfoFetchStateCompleted:h,isDebitCardInfoFetchStateCompleted:n,controllerEmails:g,productInformation:c,cashbackInformation:f,paymentSourceInformation:L,creditAccountInformation:y,debitAccountInformation:b,setShowReviewContent:x,onTransferClick:C,isCompleteOutstandingBalanceBeingPaid:D})=>{const m=me(),P=ze(),j=pe().analytics,[M,v]=p.useState(!1);p.useEffect(()=>{e.error!=null?v(!0):v(!1)},[e.error]);const k=ae.largeLabelWidth.value(m);return a.jsxs(a.Fragment,{children:[a.jsxs(_t,{windowSize:m,children:[a.jsx(qt,{windowSize:m,children:a.jsx(nt,{title:vt,enterTouchDelay:600,placement:"bottom",children:a.jsx(Xt,{"data-testid":te("nav-bar-back-credit-card-payment-review"),onClick:()=>{i&&h&&n&&j.trackCardsPayEarlyFormClick(g,c,f,"Back",e.chargeCardRepaymentDetailLocalData.isAutoRepayment,{paymentAmount:e.chargeCardRepaymentDetailLocalData.amount.amount,paymentAccountName:e.chargeCardRepaymentDetailLocalData.transferFrom?.label,paymentAccountType:e.chargeCardRepaymentDetailLocalData.transferFrom?.accType,paymentAccountLastFourDigits:e.chargeCardRepaymentDetailLocalData.transferFrom?.accountLast4,paymentCompleteEta:void 0,paymentInitiatedDate:void 0},L,y,b),x(!1)}})})}),a.jsx(Gt,{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:()=>{v(!1)},style:{width:t.sp3,height:t.sp3,color:J.heroLight}})})]})}):null,a.jsx(Jt,{windowSize:m,children:a.jsxs(jt,{children:[a.jsx(Ce,{label:{label:Se.transferFrom,width:k},text:a.jsxs(De,{windowSize:m,children:[_e(e.transferFromAccounts,e.chargeCardRepaymentDetailLocalData.transferFrom?.id??"",!0),a.jsx(Pt,{windowSize:m,children:e.chargeCardRepaymentDetailLocalData.transferFrom?.label})]}),style:{width:"auto"}}),a.jsx(Yt,{}),a.jsx(Ce,{label:{label:Se.amount,width:k},showAdditionalInfoLabel:!0,additionalInfoLabel:`${D?ee.creditLimitReset:ee.creditLimitUpdate} ${T.zeniDate(T.getNextNthWorkingDay(T.dateNow().toDate(),[0,6],3).toDateString()).format(At)} ${ee.business23Days}`,additionalInfoLabelStyles:{color:P.colors.hero,...ot.smallRegular.cssObject},text:a.jsx(De,{windowSize:m,children:Te("0,0.[00]",{amount:e.chargeCardRepaymentDetailLocalData.amount.amount,currencyCode:we.currencyCode,currencySymbol:we.currencySymbol})}),style:{width:"auto"}})]})})]}),a.jsx(Pe,{style:{zIndex:4,paddingTop:t.sp3,paddingBottom:t.sp0},helperText:ee.byClickingPayNowIAuthorizeZeniToInitiateThePayment,helperStyle:{padding:`${t.sp0} ${t.sp0} ${t.sp3} ${t.sp0}`},cancelBtn:{label:Lt,onClick:()=>{i&&h&&n&&j.trackCardsPayEarlyFormClick(g,c,f,"Edit",e.chargeCardRepaymentDetailLocalData.isAutoRepayment,{paymentAmount:e.chargeCardRepaymentDetailLocalData.amount.amount,paymentAccountName:e.chargeCardRepaymentDetailLocalData.transferFrom?.label,paymentAccountType:e.chargeCardRepaymentDetailLocalData.transferFrom?.accType,paymentAccountLastFourDigits:e.chargeCardRepaymentDetailLocalData.transferFrom?.accountLast4,paymentCompleteEta:void 0,paymentInitiatedDate:void 0},L,y,b),x(!1)},style:{minWidth:94}},primaryBtn:{label:ee.payNow,onClick:C,isLoading:e.updateStatus==="In-Progress",style:{minWidth:94}}})]})},_e=(e,i,h)=>{if(i==="")return a.jsx(ta,{});const n=e.find(c=>c.id===i),g=e.findIndex(c=>c.id===i);if(n!=null){if(n.accType==="depositAccount")return a.jsx(Qt,{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(Zt,{src:Rt(n.logo),isOptionSelected:h,loading:"lazy"}):a.jsx(Kt,{isOptionSelected:h,children:a.jsx(Ht,{})})}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,e as me,x as pe,$ as te,gU as He,M as Y,a0 as Te,J as Qe,n as et,a4 as Pe,o as t,C as d,a3 as je,L as tt,f as at,u as ze,bB as nt,cV as Ee,X as W,g as G,fW as Ce,v as ot,m as T,t as Me,c7 as it,a2 as xe,a as rt,f1 as lt,ca as ct,F as st,cG as dt,fa as mt,cf as pt,fJ as ut,s as r,bx as ht,bv as Be,d1 as gt,bO as yt,p as Oe,fd as ft,f5 as Ct,a7 as xt,fe as bt,cx as St,ff as wt,fo as Dt}from"./index-B8OsEhOZ.js";import{n as o,b as p}from"./vendor-rkTZJa59.js";import{x as $t}from"./LabeledControlledCheckBoxField-DqrqiFhz-GyWAbp3D.js";import{b as kt}from"./ChargeCardUtils-D4KmVUMt-Bgc7_40s.js";import{Z as be}from"./CreditCardPaymentPlgSection-Cg-oo7DU-CbeaX1ko.js";import"./mui-C42whWwM.js";import"./analytics-B3n5JGPc.js";import"./routing-VwiwPky5.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-BDNqpTKX.js";const ae={largeLabelWidth:new d(120,120,160),navBarContainerPaddingXaxis:new d(10,19),containerPaddingLeft:new d(r[3],r[6],r[8]),containerPaddingRight:new d(r[3],r[6],r[8]),reviewContentWrapperPaddingBottom:new d(r[5],r[8])},de={pageTitle:new W("h6Regular","h5Regular"),integerAmountInput:new W("h5Regular","h2Regular"),decimalAmountInput:new W("largeSemiBold","h5Medium")},{dateFormat:{visual:{MMMDCommaYYYYformat:At}},common:{edit:Lt,labels:Se,currency:we,navBar:{back:vt}},spendManagement:{zeniAccounts:{zeniAccountList:{transferDrawer:It}},chargeCard:{payEarly:ee}}}=Y.getLocalizedStrings(),Ft=({paymentDetails:e,isCashbackInfoFetchStateCompleted:i,isCreditCardInfoFetchStateCompleted:h,isDebitCardInfoFetchStateCompleted:n,controllerEmails:g,productInformation:c,cashbackInformation:f,paymentSourceInformation:L,creditAccountInformation:y,debitAccountInformation:x,setShowReviewContent:b,onTransferClick:C,isCompleteOutstandingBalanceBeingPaid:D})=>{const m=me(),P=ze(),j=pe().analytics,[M,v]=p.useState(!1);p.useEffect(()=>{e.error!=null?v(!0):v(!1)},[e.error]);const k=ae.largeLabelWidth.value(m);return a.jsxs(a.Fragment,{children:[a.jsxs(_t,{windowSize:m,children:[a.jsx(Xt,{windowSize:m,children:a.jsx(nt,{title:vt,enterTouchDelay:600,placement:"bottom",children:a.jsx(Jt,{"data-testid":te("nav-bar-back-credit-card-payment-review"),onClick:()=>{i&&h&&n&&j.trackCardsPayEarlyFormClick(g,c,f,"Back",e.chargeCardRepaymentDetailLocalData.isAutoRepayment,{paymentAmount:e.chargeCardRepaymentDetailLocalData.amount.amount,paymentAccountName:e.chargeCardRepaymentDetailLocalData.transferFrom?.label,paymentAccountType:e.chargeCardRepaymentDetailLocalData.transferFrom?.accType,paymentAccountLastFourDigits:e.chargeCardRepaymentDetailLocalData.transferFrom?.accountLast4,paymentCompleteEta:void 0,paymentInitiatedDate:void 0},L,y,x),b(!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(Vt,{}),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:()=>{v(!1)},style:{width:t.sp3,height:t.sp3,color:G.heroLight}})})]})}):null,a.jsx(Gt,{windowSize:m,children:a.jsxs(jt,{children:[a.jsx(Ce,{label:{label:Se.transferFrom,width:k},text:a.jsxs(De,{windowSize:m,children:[_e(e.transferFromAccounts,e.chargeCardRepaymentDetailLocalData.transferFrom?.id??"",!0),a.jsx(Pt,{windowSize:m,children:e.chargeCardRepaymentDetailLocalData.transferFrom?.label})]}),style:{width:"auto"}}),a.jsx(Yt,{}),a.jsx(Ce,{label:{label:Se.amount,width:k},showAdditionalInfoLabel:!0,additionalInfoLabel:`${D?ee.creditLimitReset:ee.creditLimitUpdate} ${T.zeniDate(T.getNextNthWorkingDay(T.dateNow().toDate(),[0,6],3).toDateString()).format(At)} ${ee.business23Days}`,additionalInfoLabelStyles:{color:P.colors.hero,...ot.smallRegular.cssObject},text:a.jsx(De,{windowSize:m,children:Te("0,0.[00]",{amount:e.chargeCardRepaymentDetailLocalData.amount.amount,currencyCode:we.currencyCode,currencySymbol:we.currencySymbol})}),style:{width:"auto"}})]})})]}),a.jsx(Pe,{style:{zIndex:4,paddingTop:t.sp3,paddingBottom:t.sp0},helperText:ee.byClickingPayNowIAuthorizeZeniToInitiateThePayment,helperStyle:{padding:`${t.sp0} ${t.sp0} ${t.sp3} ${t.sp0}`},cancelBtn:{label:Lt,onClick:()=>{i&&h&&n&&j.trackCardsPayEarlyFormClick(g,c,f,"Edit",e.chargeCardRepaymentDetailLocalData.isAutoRepayment,{paymentAmount:e.chargeCardRepaymentDetailLocalData.amount.amount,paymentAccountName:e.chargeCardRepaymentDetailLocalData.transferFrom?.label,paymentAccountType:e.chargeCardRepaymentDetailLocalData.transferFrom?.accType,paymentAccountLastFourDigits:e.chargeCardRepaymentDetailLocalData.transferFrom?.accountLast4,paymentCompleteEta:void 0,paymentInitiatedDate:void 0},L,y,x),b(!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(Qt,{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(Zt,{src:Rt(n.logo),isOptionSelected:h,loading:"lazy"}):a.jsx(Kt,{isOptionSelected:h,children:a.jsx(Ht,{})})}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`
@@ -20,16 +20,16 @@ import{j as a,e as me,d5 as pe,_ as te,gU as He,M as Y,$ as Te,J as Qe,m as et,a
   width: 100%;
   justify-content: space-between;
   padding: ${t.sp3} ${t.sp4};
-  background-color: ${J.importantLight};
+  background-color: ${G.importantLight};
   border-radius: ${t.sp2};
 `,Et=o.div`
   display: flex;
   flex-direction: column;
   margin-left: ${t.sp2};
 `,Mt=o(yt)`
-  color: ${J.important};
+  color: ${G.important};
 `,Bt=o(Oe)`
-  color: ${J.important};
+  color: ${G.important};
 `,Ot=o.div`
   margin-top: ${t.sp3};
   display: flex;
@@ -47,11 +47,11 @@ import{j as a,e as me,d5 as pe,_ as te,gU as He,M as Y,$ as Te,J as Qe,m as et,a
 `,Nt=o.div`
   display: flex;
   align-items: flex-start;
-`,Ut=o.div``,Wt=o(gt)`
+`,Ut=o.div``,Vt=o(gt)`
   width: ${t.sp4};
   height: ${t.sp4};
-  color: ${J.important};
-`,Vt=o(je)`
+  color: ${G.important};
+`,Wt=o(je)`
   cursor: pointer;
   color: ${e=>e.theme.colors.hero};
   width: ${t.sp4};
@@ -66,12 +66,12 @@ import{j as a,e as me,d5 as pe,_ as te,gU as He,M as Y,$ as Te,J as Qe,m as et,a
   background-color: ${e=>e.theme.colors.grey3};
   min-height: 1px;
   max-height: 1px;
-`,Jt=o.div`
+`,Gt=o.div`
   display: flex;
   flex-direction: column;
   padding-top: ${t.sp3};
   padding-bottom: ${e=>`${ae.reviewContentWrapperPaddingBottom.valuePx(e.windowSize)}`};
-`,Xt=o(ht)`
+`,Jt=o(ht)`
   cursor: pointer;
   color: ${e=>e.theme.colors.hero};
   width: ${t.sp4};
@@ -80,7 +80,7 @@ import{j as a,e as me,d5 as pe,_ as te,gU as He,M as Y,$ as Te,J as Qe,m as et,a
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,qt=o.div`
+`,Xt=o.div`
   display: flex;
   flex-direction: row;
   justify-content: flex-start;
@@ -90,7 +90,7 @@ import{j as a,e as me,d5 as pe,_ as te,gU as He,M as Y,$ as Te,J as Qe,m as et,a
   padding: ${e=>`${ae.navBarContainerPaddingXaxis.valuePx(e.windowSize)} ${t.sp0}`};
   z-index: 2;
   background-color: ${e=>e.theme.colors.grey4};
-`,Gt=o(Me)`
+`,qt=o(Me)`
   ${e=>`${de.pageTitle.style(e.windowSize)}`};
   color: ${e=>e.theme.colors.primary};
   padding: ${t.sp3} ${t.sp0} ${t.sp3} ${t.sp0};
@@ -126,10 +126,10 @@ import{j as a,e as me,d5 as pe,_ as te,gU as He,M as Y,$ as Te,J as Qe,m 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:D,onSignUpAccountClick:m,onMoveMoneyClick:P,isCashbackInfoFetchStateCompleted:j,isCreditCardInfoFetchStateCompleted:M,isDebitCardInfoFetchStateCompleted:v,controllerEmails:k,productInformation:X,cashbackInformation:q,paymentSourceInformation:G,creditAccountInformation:Z,debitAccountInformation:K}){const s=me(),le=ze(),w=S.largeLabelWidth.value(s),H=pe().analytics,Q=p.useRef(null),[z,E]=p.useState(!1),[I,O]=p.useState(void 0),A=i.link_account,oe=i.update_account,$=I==="update_account"?oe:A,[_,ue]=p.useState($.linkToken??null),he=be(A.updateStatus.fetchState),N=rt({mode:"all",reValidateMode:"onBlur",defaultValues:p.useMemo(()=>ke(n),[n]),values:p.useMemo(()=>ke(n),[n])}),ge=c?.isLoginRequired??!1,F=c?.providerVerificationStatus?.code,ye=be(oe.updateStatus.fetchState),Ve=p.useCallback((l,u)=>{const R=u.accounts.find(Ke=>Ke.id===c?.providerAccountId)??u.accounts[0];c?.paymentAccountId!=null&&I==="update_account"&&R?.verification_status!=null&&!ge?y(R?.verification_status,c.paymentAccountId,"update_account"):b?.(l,I),O(void 0),E(!1)},[c?.paymentAccountId,c?.providerAccountId,I,ge,y,b]),Ye=p.useCallback((l,u)=>{l!=null&&(l.error_code==="TOO_MANY_VERIFICATION_ATTEMPTS"&&c?.paymentAccountId!=null&&y("verification_failed",c.paymentAccountId,"update_account"),console.log("Plaid Connection Error",l,u)),O(void 0),E(!1)},[c?.paymentAccountId,y]),{open:ce,ready:fe}=lt({token:_,onSuccess:Ve,onExit:Ye});p.useEffect(()=>{(he==="In-Progress"&&A.updateStatus.fetchState==="Completed"||ye==="In-Progress"&&oe.updateStatus.fetchState==="Completed")&&(T.isVerifiedPaymentAccountProviderStatusCode(F??"")||(C?.("link_account"),x()))},[A.updateStatus.fetchState,x,C,he,ye,oe.updateStatus.fetchState,F]),p.useEffect(()=>{(T.isVerifiedStatusCode(F??"")||F==="verification_failed")&&!z&&I!=null&&$.linkToken===_&&$.fetchStatus.fetchState==="Completed"&&fe&&E(!0)},[fe,_,$.fetchStatus.fetchState,$.linkToken,F,I,z]),p.useEffect(()=>{$.fetchStatus.fetchState==="Completed"&&$.linkToken!=null&&$.linkToken!==_&&ue($.linkToken)},[$.fetchStatus.fetchState,$.linkToken,_]),p.useEffect(()=>{z&&ce()},[z,ce]),p.useEffect(()=>{(F==null||F==="verification_failed"||F==="verification_expired"||T.isVerifiedStatusCode(F))&&(T.zeniDate(new Date().toISOString()).isAfter(A.expiration)||A.linkToken==null)&&C?.("link_account")},[]);const{isValid:Je}=N.formState,Xe=async(l,u)=>{if(l!=null){if(l.includes("amount"))return;const R=Ae(u,n.transferFromAccounts,n.chargeCardRepaymentDetailLocalData.idempotencyKey);L(R)}},qe=l=>{if(g!=null)return g;const u=n.transferFromAccounts.find(R=>R.id===l);return u?.accountBalance?.available!=null&&T.checkIfLowBalance(n.chargeCardRepaymentDetailLocalData.amount,u?.accountBalance?.available)?na.addMoney:""};p.useEffect(()=>{const l=N.watch((u,{name:R})=>{R!=null&&u!=null&&ct(()=>Xe(R,u))});return()=>{l.unsubscribe()}});const Ge=N.watch("paymentDetails.amount"),Ze=N.handleSubmit(()=>{if(Je){const l=N.getValues(),u=Ae(l,n.transferFromAccounts,n.chargeCardRepaymentDetailLocalData.idempotencyKey);L(u),D(!0),j&&M&&v&&H.trackCardsPayEarlyFormClick(k,X,q,"Review",n.chargeCardRepaymentDetailLocalData.isAutoRepayment,{paymentAmount:n.chargeCardRepaymentDetailLocalData.amount.amount,paymentAccountName:n.chargeCardRepaymentDetailLocalData.transferFrom?.label,paymentAccountType:n.chargeCardRepaymentDetailLocalData.transferFrom?.accType,paymentAccountLastFourDigits:n.chargeCardRepaymentDetailLocalData.transferFrom?.accountLast4,paymentCompleteEta:void 0,paymentInitiatedDate:void 0},G,Z,K)}});return a.jsxs(a.Fragment,{children:[a.jsx(da,{children:a.jsx(Ee,{amount:{amount:Ge??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:Ze,children:a.jsxs(ma,{children:[a.jsx(dt,{selectRef:Q,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:J.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||T.zeniDate(new Date().toISOString()).isAfter(A.expiration)?C?.("link_account"):_!==A.linkToken?ue(A.linkToken):z?ce():E(!0)}},valueToAdditionalLabel:qe}),n?.chargeCardRepaymentDetailLocalData.transferFrom==null||n?.chargeCardRepaymentDetailLocalData.transferFrom?.accType==="paymentAccount"?a.jsx(xe,{maxInsuredAmount:h,heading:a.jsxs(ra,{windowSize:s,children:[U.earn,a.jsx(la,{children:U.percentageCashback.replace("__percentage__",kt)}),U.whenYouPayViaZeniChecking]}),buttonText:f?ie.switchButtonText:ie.signUpButtonText,isAccountsEnabled:f,pageName:U.creditCardPayment,onSignUpClick:m,onSwitchClick:()=>{Q.current!=null&&Q.current.focus()}}):n?.chargeCardRepaymentDetailLocalData.transferFrom?.accType==="depositAccount"&&n?.chargeCardRepaymentDetailLocalData.transferFrom.accountBalance!=null&&n.chargeCardRepaymentDetailLocalData.transferFrom.accountBalance.available!=null&&n.chargeCardRepaymentDetailLocalData.transferFrom.accountBalance.available.amount<n.chargeCardRepaymentDetailLocalData.amount.amount?a.jsx(xe,{maxInsuredAmount:h,heading:ie.moveMoneyHeading,buttonText:ie.moveMoneyButtonText,isAccountsEnabled:f,pageName:U.creditCardPayment,onMoveMoneyClick:P}):a.jsx(ca,{}),a.jsx(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}}}=Y.getLocalizedStrings(),Ne="amount",oa="withdrawFrom",B="paymentDetails",Ue="creditCardPaymentPage",re=(e,i)=>`${e}.${i}`,Ve=e=>`${e}_form`,S={largeLabelWidth:new d(120,120,160),labelMarginLeftPicker:new d(r[3],r[4]),labelMarginRightPicker:new d(r[3],r[4]),labelMarginTopPicker:new d(r[2],r[2]),labeledFieldPaddingLeft:new d(r[2],r[0]),labeledFieldPaddingRight:new d(r[2],r[2]),labeledFieldPaddingTop:new d(r[2],r[2]),labeledFieldPaddingBottom:new d(r[2],r[2]),infoLabelPaddingRight:new d(r[0],r[3]),infoLabelMarginTop:new d(r[1],r[0]),checkBoxTop:new d(r[1],r[0])},$e={integerAmountInput:new W("h5Regular","h2Regular"),decimalAmountInput:new W("largeSemiBold","h5Medium")};function ia({autoPayThreshold:e,plaidConnectionDetails:i,maxInsuredAmount:h,paymentDetails:n,lowBalanceAdditionalInfo:g,paymentAccount:c,isAccountsEnabled:f,onSaveChangesToLocalStore:L,onUpdatePaymentAccountStatus:y,onEstablishConnectionClick:x,onEstablishConnectionSuccess:b,onFetchLinkTokenClick:C,setShowReviewLoading:D,onSignUpAccountClick:m,onMoveMoneyClick:P,isCashbackInfoFetchStateCompleted:j,isCreditCardInfoFetchStateCompleted:M,isDebitCardInfoFetchStateCompleted:v,controllerEmails:k,productInformation:J,cashbackInformation:X,paymentSourceInformation:q,creditAccountInformation:Z,debitAccountInformation:K}){const s=me(),le=ze(),w=S.largeLabelWidth.value(s),H=pe().analytics,Q=p.useRef(null),[z,E]=p.useState(!1),[I,O]=p.useState(void 0),A=i.link_account,oe=i.update_account,$=I==="update_account"?oe:A,[_,ue]=p.useState($.linkToken??null),he=xe(A.updateStatus.fetchState),N=rt({mode:"all",reValidateMode:"onBlur",defaultValues:p.useMemo(()=>ke(n),[n]),values:p.useMemo(()=>ke(n),[n])}),ge=c?.isLoginRequired??!1,F=c?.providerVerificationStatus?.code,ye=xe(oe.updateStatus.fetchState),We=p.useCallback((l,u)=>{const R=u.accounts.find(Ke=>Ke.id===c?.providerAccountId)??u.accounts[0];c?.paymentAccountId!=null&&I==="update_account"&&R?.verification_status!=null&&!ge?y(R?.verification_status,c.paymentAccountId,"update_account"):x?.(l,I),O(void 0),E(!1)},[c?.paymentAccountId,c?.providerAccountId,I,ge,y,x]),Ye=p.useCallback((l,u)=>{l!=null&&(l.error_code==="TOO_MANY_VERIFICATION_ATTEMPTS"&&c?.paymentAccountId!=null&&y("verification_failed",c.paymentAccountId,"update_account"),console.log("Plaid Connection Error",l,u)),O(void 0),E(!1)},[c?.paymentAccountId,y]),{open:ce,ready:fe}=lt({token:_,onSuccess:We,onExit:Ye});p.useEffect(()=>{(he==="In-Progress"&&A.updateStatus.fetchState==="Completed"||ye==="In-Progress"&&oe.updateStatus.fetchState==="Completed")&&(T.isVerifiedPaymentAccountProviderStatusCode(F??"")||(C?.("link_account"),b()))},[A.updateStatus.fetchState,b,C,he,ye,oe.updateStatus.fetchState,F]),p.useEffect(()=>{(T.isVerifiedStatusCode(F??"")||F==="verification_failed")&&!z&&I!=null&&$.linkToken===_&&$.fetchStatus.fetchState==="Completed"&&fe&&E(!0)},[fe,_,$.fetchStatus.fetchState,$.linkToken,F,I,z]),p.useEffect(()=>{$.fetchStatus.fetchState==="Completed"&&$.linkToken!=null&&$.linkToken!==_&&ue($.linkToken)},[$.fetchStatus.fetchState,$.linkToken,_]),p.useEffect(()=>{z&&ce()},[z,ce]),p.useEffect(()=>{(F==null||F==="verification_failed"||F==="verification_expired"||T.isVerifiedStatusCode(F))&&(T.zeniDate(new Date().toISOString()).isAfter(A.expiration)||A.linkToken==null)&&C?.("link_account")},[]);const{isValid:Ge}=N.formState,Je=async(l,u)=>{if(l!=null){if(l.includes("amount"))return;const R=Ae(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&&T.checkIfLowBalance(n.chargeCardRepaymentDetailLocalData.amount,u?.accountBalance?.available)?na.addMoney:""};p.useEffect(()=>{const l=N.watch((u,{name:R})=>{R!=null&&u!=null&&ct(()=>Je(R,u))});return()=>{l.unsubscribe()}});const qe=N.watch("paymentDetails.amount"),Ze=N.handleSubmit(()=>{if(Ge){const l=N.getValues(),u=Ae(l,n.transferFromAccounts,n.chargeCardRepaymentDetailLocalData.idempotencyKey);L(u),D(!0),j&&M&&v&&H.trackCardsPayEarlyFormClick(k,J,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,Z,K)}});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:Ve(Ue),onSubmit:Ze,children:a.jsxs(ma,{children:[a.jsx(dt,{selectRef:Q,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:G.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||T.zeniDate(new Date().toISOString()).isAfter(A.expiration)?C?.("link_account"):_!==A.linkToken?ue(A.linkToken):z?ce():E(!0)}},valueToAdditionalLabel:Xe}),n?.chargeCardRepaymentDetailLocalData.transferFrom==null||n?.chargeCardRepaymentDetailLocalData.transferFrom?.accType==="paymentAccount"?a.jsx(be,{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:()=>{Q.current!=null&&Q.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(be,{maxInsuredAmount:h,heading:ie.moveMoneyHeading,buttonText:ie.moveMoneyButtonText,isAccountsEnabled:f,pageName:U.creditCardPayment,onMoveMoneyClick:P}):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(xt)`
   color: ${e=>e.theme.colors.primary};
   width: ${e=>e.windowSize==="small"?"80%":"100%"};
-`,la=o(xt)`
+`,la=o(bt)`
   color: ${e=>e.theme.colors.primary};
 `,ca=o.div`
   display: flex;
@@ -154,7 +154,7 @@ import{j as a,e as me,d5 as pe,_ as te,gU as He,M as Y,$ as Te,J as Qe,m 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};
-`,Ae=(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")},Le=Y.getLocalizedStrings().spendManagement.zeniAccounts.zeniAccountList,W=Y.getLocalizedStrings().spendManagement.chargeCard.payEarly,{dateFormat:ve}=Y.getLocalizedStrings(),ua=({autoPayThreshold:e,paymentDetails:i,maxInsuredAmount:h,isAccountsEnabled:n,productInformation:g,controllerEmails:c,creditAccountInformation:f,creditAccountSpentAmount:L,debitAccountInformation:y,cashbackInformation:b,paymentSourceInformation:x,isCashbackInfoFetchStateCompleted:C,isCreditCardInfoFetchStateCompleted:D,isDebitCardInfoFetchStateCompleted:m,paymentInitiatedDate:P,onSaveChangesToLocalStore:j,onTransferClick:M,goToCards:v,onDismissClick:k,onEstablishConnectionClick:X,onFetchLinkTokenClick:q,plaidConnectionDetails:G,onSignUpAccountClick:Z,onMoveMoneyClick:K,onUpdatePaymentAccountStatus:s,onEstablishConnectionSuccess:le})=>{const w=me(),H=pe().analytics,[Q,z]=p.useState(!1),[E,I]=p.useState(!1);p.useEffect(()=>{E&&setTimeout(()=>{I(!1),z(!0)},1e3)},[E]);const O=i.chargeCardRepaymentDetailLocalData.amount.amount===L;return a.jsx(ha,{windowSize:w,children:i.updateStatus==="Completed"?a.jsxs(Ie,{windowSize:w,isTransferCompleted:!0,children:[a.jsx(Fe,{windowSize:w,children:a.jsx(Re,{"data-testid":te("cross-credit-card-payment-success-close-button"),onClick:()=>{C&&D&&m&&H.trackCardsPayEarlyFormClick(c,g,b,"Cross Icon",i.chargeCardRepaymentDetailLocalData.isAutoRepayment,{paymentAmount:i.chargeCardRepaymentDetailLocalData.amount.amount,paymentAccountName:i.chargeCardRepaymentDetailLocalData.transferFrom?.label,paymentAccountType:i.chargeCardRepaymentDetailLocalData.transferFrom?.accType,paymentAccountLastFourDigits:i.chargeCardRepaymentDetailLocalData.transferFrom?.accountLast4,paymentCompleteEta:void 0,paymentInitiatedDate:void 0},x,f,y),k?.()}})}),a.jsxs(Ca,{windowSize:w,children:[a.jsx(He,{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)}),Le.transferDrawer.internal.transferSuccessMsgMidfix,`"${i.chargeCardRepaymentDetailLocalData.transferFrom?.label}".`,O?W.theCreditLimitWillResetWithin23BusinessDays:W.theCreditLimitWillUpdateWithin23BusinessDays]})}),a.jsx(fa,{windowSize:w,children:a.jsx(Qe,{variant:"primary",label:W.goToCards,"data-testid":te("back-to-cards-button"),onClick:v})})]})]}):Q?a.jsx(Ft,{paymentDetails:i,setShowReviewContent:z,onTransferClick:M,isCashbackInfoFetchStateCompleted:C,isCreditCardInfoFetchStateCompleted:D,isDebitCardInfoFetchStateCompleted:m,controllerEmails:c,productInformation:g,cashbackInformation:b,paymentSourceInformation:x,creditAccountInformation:f,debitAccountInformation:y,isCompleteOutstandingBalanceBeingPaid:O}):a.jsxs(a.Fragment,{children:[a.jsxs(Ie,{windowSize:w,isTransferCompleted:!1,children:[a.jsx(Fe,{windowSize:w,children:a.jsx(Re,{"data-testid":te("cross-amount-details-close-button"),onClick:()=>{C&&D&&m&&H.trackCardsPayEarlyFormClick(c,g,b,"Cross Icon",i.chargeCardRepaymentDetailLocalData.isAutoRepayment,{paymentAmount:i.chargeCardRepaymentDetailLocalData.amount.amount,paymentAccountName:i.chargeCardRepaymentDetailLocalData.transferFrom?.label,paymentAccountType:i.chargeCardRepaymentDetailLocalData.transferFrom?.accType,paymentAccountLastFourDigits:i.chargeCardRepaymentDetailLocalData.transferFrom?.accountLast4,paymentCompleteEta:P?.add(3,"day").format(ve.visual.MMMDCommaYYYYformat),paymentInitiatedDate:P?.format(ve.visual.MMMDCommaYYYYformat)},x,f,y),k?.()}})}),w==="small"?a.jsx(ba,{windowSize:w,children:W.payCreditCardBalance}):a.jsx(xa,{children:W.payCreditCardBalance}),i.fetchState==="Completed"?a.jsx(ia,{autoPayThreshold:e,maxInsuredAmount:h,onSaveChangesToLocalStore:j,plaidConnectionDetails:G,paymentDetails:i,setShowReviewLoading:I,onEstablishConnectionSuccess:le,isAccountsEnabled:n,onFetchLinkTokenClick:q,onUpdatePaymentAccountStatus:s,onEstablishConnectionClick:X,onSignUpAccountClick:Z,onMoveMoneyClick:K,isCashbackInfoFetchStateCompleted:C,isCreditCardInfoFetchStateCompleted:D,isDebitCardInfoFetchStateCompleted:m,controllerEmails:c,productInformation:g,cashbackInformation:b,paymentSourceInformation:x,creditAccountInformation:f,debitAccountInformation:y}):a.jsx(et,{size:"Standard",start:!0,style:{display:"flex",justifyContent:"center",alignItems:"center",height:"calc(100vh - 210px)"}})]}),a.jsx(Pe,{style:{zIndex:4,paddingTop:t.sp3,paddingBottom:t.sp3},formId:We(Ue),helperStyle:{paddingTop:t.sp0,paddingBottom:t.sp0},primaryBtn:{label:Y.getLocalizedStrings().common.review,isLoading:E},cancelBtn:{label:Le.transferDrawer.cancelBtn,onClick:()=>{C&&D&&m&&H.trackCardsPayEarlyFormClick(c,g,b,"Cancel",i.chargeCardRepaymentDetailLocalData.isAutoRepayment,{paymentAmount:i.chargeCardRepaymentDetailLocalData.amount.amount,paymentAccountName:i.chargeCardRepaymentDetailLocalData.transferFrom?.label,paymentAccountType:i.chargeCardRepaymentDetailLocalData.transferFrom?.accType,paymentAccountLastFourDigits:i.chargeCardRepaymentDetailLocalData.transferFrom?.accountLast4,paymentCompleteEta:void 0,paymentInitiatedDate:void 0},x,f,y),k?.()}}})]})})},ha=o.div`
+`,Ae=(e,i,h)=>({amount:{amount:e[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")},Le=Y.getLocalizedStrings().spendManagement.zeniAccounts.zeniAccountList,V=Y.getLocalizedStrings().spendManagement.chargeCard.payEarly,{dateFormat:ve}=Y.getLocalizedStrings(),ua=({autoPayThreshold:e,paymentDetails:i,maxInsuredAmount:h,isAccountsEnabled:n,productInformation:g,controllerEmails:c,creditAccountInformation:f,creditAccountSpentAmount:L,debitAccountInformation:y,cashbackInformation:x,paymentSourceInformation:b,isCashbackInfoFetchStateCompleted:C,isCreditCardInfoFetchStateCompleted:D,isDebitCardInfoFetchStateCompleted:m,paymentInitiatedDate:P,onSaveChangesToLocalStore:j,onTransferClick:M,goToCards:v,onDismissClick:k,onEstablishConnectionClick:J,onFetchLinkTokenClick:X,plaidConnectionDetails:q,onSignUpAccountClick:Z,onMoveMoneyClick:K,onUpdatePaymentAccountStatus:s,onEstablishConnectionSuccess:le})=>{const w=me(),H=pe().analytics,[Q,z]=p.useState(!1),[E,I]=p.useState(!1);p.useEffect(()=>{E&&setTimeout(()=>{I(!1),z(!0)},1e3)},[E]);const O=i.chargeCardRepaymentDetailLocalData.amount.amount===L;return a.jsx(ha,{windowSize:w,children:i.updateStatus==="Completed"?a.jsxs(Ie,{windowSize:w,isTransferCompleted:!0,children:[a.jsx(Fe,{windowSize:w,children:a.jsx(Re,{"data-testid":te("cross-credit-card-payment-success-close-button"),onClick:()=>{C&&D&&m&&H.trackCardsPayEarlyFormClick(c,g,x,"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},b,f,y),k?.()}})}),a.jsxs(Ca,{windowSize:w,children:[a.jsx(He,{width:150,height:150,shouldDisplay:!0,animationInLoop:1}),a.jsx(ga,{children:a.jsxs(a.Fragment,{children:[V.youvePaid,a.jsx(ya,{children:Te("0,0.[00]",i.chargeCardRepaymentDetailLocalData.amount)}),Le.transferDrawer.internal.transferSuccessMsgMidfix,`"${i.chargeCardRepaymentDetailLocalData.transferFrom?.label}".`,O?V.theCreditLimitWillResetWithin23BusinessDays:V.theCreditLimitWillUpdateWithin23BusinessDays]})}),a.jsx(fa,{windowSize:w,children:a.jsx(Qe,{variant:"primary",label:V.goToCards,"data-testid":te("back-to-cards-button"),onClick:v})})]})]}):Q?a.jsx(Ft,{paymentDetails:i,setShowReviewContent:z,onTransferClick:M,isCashbackInfoFetchStateCompleted:C,isCreditCardInfoFetchStateCompleted:D,isDebitCardInfoFetchStateCompleted:m,controllerEmails:c,productInformation:g,cashbackInformation:x,paymentSourceInformation:b,creditAccountInformation:f,debitAccountInformation:y,isCompleteOutstandingBalanceBeingPaid:O}):a.jsxs(a.Fragment,{children:[a.jsxs(Ie,{windowSize:w,isTransferCompleted:!1,children:[a.jsx(Fe,{windowSize:w,children:a.jsx(Re,{"data-testid":te("cross-amount-details-close-button"),onClick:()=>{C&&D&&m&&H.trackCardsPayEarlyFormClick(c,g,x,"Cross Icon",i.chargeCardRepaymentDetailLocalData.isAutoRepayment,{paymentAmount:i.chargeCardRepaymentDetailLocalData.amount.amount,paymentAccountName:i.chargeCardRepaymentDetailLocalData.transferFrom?.label,paymentAccountType:i.chargeCardRepaymentDetailLocalData.transferFrom?.accType,paymentAccountLastFourDigits:i.chargeCardRepaymentDetailLocalData.transferFrom?.accountLast4,paymentCompleteEta:P?.add(3,"day").format(ve.visual.MMMDCommaYYYYformat),paymentInitiatedDate:P?.format(ve.visual.MMMDCommaYYYYformat)},b,f,y),k?.()}})}),w==="small"?a.jsx(xa,{windowSize:w,children:V.payCreditCardBalance}):a.jsx(ba,{children:V.payCreditCardBalance}),i.fetchState==="Completed"?a.jsx(ia,{autoPayThreshold:e,maxInsuredAmount:h,onSaveChangesToLocalStore:j,plaidConnectionDetails:q,paymentDetails:i,setShowReviewLoading:I,onEstablishConnectionSuccess:le,isAccountsEnabled:n,onFetchLinkTokenClick:X,onUpdatePaymentAccountStatus:s,onEstablishConnectionClick:J,onSignUpAccountClick:Z,onMoveMoneyClick:K,isCashbackInfoFetchStateCompleted:C,isCreditCardInfoFetchStateCompleted:D,isDebitCardInfoFetchStateCompleted:m,controllerEmails:c,productInformation:g,cashbackInformation:x,paymentSourceInformation:b,creditAccountInformation:f,debitAccountInformation:y}):a.jsx(et,{size:"Standard",start:!0,style:{display:"flex",justifyContent:"center",alignItems:"center",height:"calc(100vh - 210px)"}})]}),a.jsx(Pe,{style:{zIndex:4,paddingTop:t.sp3,paddingBottom:t.sp3},formId:Ve(Ue),helperStyle:{paddingTop:t.sp0,paddingBottom:t.sp0},primaryBtn:{label:Y.getLocalizedStrings().common.review,isLoading:E},cancelBtn:{label:Le.transferDrawer.cancelBtn,onClick:()=>{C&&D&&m&&H.trackCardsPayEarlyFormClick(c,g,x,"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},b,f,y),k?.()}}})]})})},ha=o.div`
   display: flex;
   flex-direction: column;
   background-color: ${e=>e.theme.colors.grey4};
@@ -204,17 +204,17 @@ import{j as a,e as me,d5 as pe,_ as te,gU as He,M as Y,$ as Te,J as Qe,m as et,a
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,ba=o(Me)`
+`,xa=o(Me)`
   ${e=>`${pa.sectionTitle.style(e.windowSize)}`};
   color: ${e=>e.theme.colors.primary};
   margin-top: ${t.sp3};
   margin-bottom: ${t.sp0};
   margin-right: ${t.sp3};
-`,xa=o(it)`
+`,ba=o(it)`
   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:D,paymentSourceInformation:m,isCashbackInfoFetchStateCompleted:P,isCreditCardInfoFetchStateCompleted:j,isDebitCardInfoFetchStateCompleted:M,goToCards:v,onDismissClick:k,onEstablishConnectionClick:X,onEstablishConnectionSuccess:q,onFetchLinkTokenClick:G,plaidConnectionDetails:Z,onSignUpAccountClick:K,onMoveMoneyClick:s})=>a.jsx(Sa,{children:a.jsx(ua,{autoPayThreshold:e,paymentDetails:i,maxInsuredAmount:n,productInformation:b,controllerEmails:y,creditAccountInformation:x,debitAccountInformation:C,cashbackInformation:D,paymentSourceInformation:m,isCashbackInfoFetchStateCompleted:P,isCreditCardInfoFetchStateCompleted:j,isDebitCardInfoFetchStateCompleted:M,creditAccountSpentAmount:f,onSaveChangesToLocalStore:c,onTransferClick:L,goToCards:v,onDismissClick:k,plaidConnectionDetails:Z,isAccountsEnabled:h,onEstablishConnectionClick:X,onFetchLinkTokenClick:G,onUpdatePaymentAccountStatus:g,onEstablishConnectionSuccess:q,onSignUpAccountClick:K,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:x,creditAccountInformation:b,debitAccountInformation:C,cashbackInformation:D,paymentSourceInformation:m,isCashbackInfoFetchStateCompleted:P,isCreditCardInfoFetchStateCompleted:j,isDebitCardInfoFetchStateCompleted:M,goToCards:v,onDismissClick:k,onEstablishConnectionClick:J,onEstablishConnectionSuccess:X,onFetchLinkTokenClick:q,plaidConnectionDetails:Z,onSignUpAccountClick:K,onMoveMoneyClick:s})=>a.jsx(Sa,{children:a.jsx(ua,{autoPayThreshold:e,paymentDetails:i,maxInsuredAmount:n,productInformation:x,controllerEmails:y,creditAccountInformation:b,debitAccountInformation:C,cashbackInformation:D,paymentSourceInformation:m,isCashbackInfoFetchStateCompleted:P,isCreditCardInfoFetchStateCompleted:j,isDebitCardInfoFetchStateCompleted:M,creditAccountSpentAmount:f,onSaveChangesToLocalStore:c,onTransferClick:L,goToCards:v,onDismissClick:k,plaidConnectionDetails:Z,isAccountsEnabled:h,onEstablishConnectionClick:J,onFetchLinkTokenClick:q,onUpdatePaymentAccountStatus:g,onEstablishConnectionSuccess:X,onSignUpAccountClick:K,onMoveMoneyClick:s})}),Sa=o.div`
   display: flex;
   flex-direction: column;
   background-color: ${e=>e.theme.colors.grey4};

package/dist/assets/{CreditCardPaymentPlgSection-Cz-CSdKg-DO4yi827.js → CreditCardPaymentPlgSection-Cg-oo7DU-CbeaX1ko.js}

@@ -1,23 +1,23 @@
-import{e as j,u as M,M as L,aa as T,a0 as H,j as i,_ as b,J as R,bt as U,o as l,g as n,C as a,aR as W,bN as G,ay as J,i as _,q as o}from"./index-P_4M6V8j.js";import{n as t}from"./vendor-rkTZJa59.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]),bulletContainerGap:new a(12,o[3])};function Q({heading:e,buttonText:c,analytics:g,maxInsuredAmount:m,pageName:h,style:x,onSignUpClick:y,onSwitchClick:S,onMoveMoneyClick:f}){const d=j(),$=M(),{common:v,commonSetUp:C}=L.getLocalizedStrings(),s=C.setUp.accountsPlg,P=()=>{switch(c){case s.signUpButtonText:g?.trackPlgPromoClicked(h,"Sign Up for Free"),y?.();break;case s.switchButtonText:g?.trackPlgPromoClicked(h,"Switch Now"),S?.();break;default:g?.trackPlgPromoClicked(h,"Move Money"),f?.()}},k=T(H(m),m,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:$.mode==="dark",children:i.jsx(q,{windowSize:d,children:i.jsx(A,{})})}),i.jsx(O,{children:i.jsxs(I,{children:[i.jsx(D,{windowSize:d,children:e}),i.jsxs(K,{windowSize:d,children:[i.jsxs(p,{children:[i.jsx(w,{}),i.jsx(u,{children:s.bulletPoints.two.replace("__amount__",k)})]}),i.jsxs(p,{children:[i.jsx(w,{}),i.jsx(u,{children:s.bulletPoints.three})]}),i.jsxs(p,{children:[i.jsx(w,{}),i.jsx(u,{children:s.bulletPoints.four})]})]})]})})]}),i.jsx(N,{windowSize:d,children:i.jsx(R,{label:c,"data-testid":b("accounts-plg-button",c),onClick:z=>{z.stopPropagation(),P()},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:U.regular}})})]})}const B=t.div`
+import{e as j,u as M,M as L,ab as T,a1 as H,j as i,$ as b,J as U,bu as W,o as l,g as n,C as a,aS as G,bO as J,az as R,i as _,s as o}from"./index-B8OsEhOZ.js";import{n as t}from"./vendor-rkTZJa59.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]),bulletContainerGap:new a(12,o[3])};function Q({heading:e,buttonText:c,analytics:g,maxInsuredAmount:m,pageName:h,style:x,onSignUpClick:S,onSwitchClick:y,onMoveMoneyClick:$}){const s=j(),f=M(),{common:v,commonSetUp:C}=L.getLocalizedStrings(),d=C.setUp.accountsPlg,P=()=>{switch(c){case d.signUpButtonText:g?.trackPlgPromoClicked(h,"Sign Up for Free"),S?.();break;case d.switchButtonText:g?.trackPlgPromoClicked(h,"Switch Now"),y?.();break;default:g?.trackPlgPromoClicked(h,"Move Money"),$?.()}},z=T(H(m),m,v.currency.currencySymbol).toUpperCase();return i.jsxs(N,{windowSize:s,width:x?.width,style:x,"data-testid":b("credit-card-payment-plg-section"),children:[i.jsxs(B,{children:[i.jsx(F,{windowSize:s,isDarkMode:f.mode==="dark",children:i.jsx(A,{windowSize:s,children:i.jsx(E,{})})}),i.jsx(q,{children:i.jsxs(I,{children:[i.jsx(D,{windowSize:s,children:e}),i.jsxs(K,{windowSize:s,children:[i.jsxs(p,{children:[i.jsx(u,{}),i.jsx(w,{children:d.bulletPoints.two.replace("__amount__",z)})]}),i.jsxs(p,{children:[i.jsx(u,{}),i.jsx(w,{children:d.bulletPoints.three})]}),i.jsxs(p,{children:[i.jsx(u,{}),i.jsx(w,{children:d.bulletPoints.four})]})]})]})})]}),i.jsx(O,{windowSize:s,children:i.jsx(U,{label:c,"data-testid":b("accounts-plg-button",c),onClick:k=>{k.stopPropagation(),P()},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:W.regular}})})]})}const B=t.div`
   display: flex;
   align-items: center;
-`,D=t(G)`
+`,D=t(J)`
   color: ${e=>e.theme.colors.primary};
   width: 100%;
-`,N=t.div`
+`,O=t.div`
   display: flex;
   color: inherit;
   margin-bottom: auto;
   margin-left: ${e=>r.buttonLeftMargin.valuePx(e.windowSize)};
   margin-top: ${e=>r.buttonTopMargin.valuePx(e.windowSize)};
-`,q=t.div`
+`,A=t.div`
   width: ${e=>r.iconWidthHeight.valuePx(e.windowSize)};
   height: ${e=>r.iconWidthHeight.valuePx(e.windowSize)};
-`,A=t(W)`
+`,E=t(G)`
   color: ${e=>e.theme.colors.primary};
   width: inherit;
   height: inherit;
-`,E=t.div`
+`,F=t.div`
   display: flex;
   margin-bottom: auto;
   flex-direction: row;
@@ -31,7 +31,7 @@ import{e as j,u as M,M as L,aa as T,a0 as H,j as i,_ as b,J as R,bt as U,o as l,
   max-width: ${e=>r.iconContainerMaxWidthHeight.valuePx(e.windowSize)};
   max-height: ${e=>r.iconContainerMaxWidthHeight.valuePx(e.windowSize)};
   margin-right: ${e=>r.iconContainerMarginRight.valuePx(e.windowSize)};
-`,F=t.div`
+`,N=t.div`
   display: flex;
   align-items: ${e=>e.windowSize==="small"?"flex-start":"center"};
   flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
@@ -53,7 +53,7 @@ import{e as j,u as M,M as L,aa as T,a0 as H,j as i,_ as b,J as R,bt as U,o as l,
     100% 100%,
     0% 0%;
   background-repeat: no-repeat;
-`,O=t.div`
+`,q=t.div`
   display: flex;
   flex-direction: column;
 `,I=t.div``,K=t.div`
@@ -66,13 +66,13 @@ import{e as j,u as M,M as L,aa as T,a0 as H,j as i,_ as b,J as R,bt as U,o as l,
 `,p=t.div`
   display: flex;
   align-items: center;
-`,w=t(J)`
+`,u=t(R)`
   width: ${l.sp3};
   height: ${l.sp3};
   vertical-align: middle;
   margin-right: ${l.sp1};
   color: ${n.success};
-`,u=t(_)`
+`,w=t(_)`
   color: ${e=>e.theme.colors.primary};
   white-space: nowrap;
 `;export{Q as Z};

package/dist/assets/{CurrencySelectField-ltt1zExP-D2omcj4n.js → CurrencySelectField-CxNprN2u-CPSD5Bje.js}

@@ -1,6 +1,6 @@
-import{cm as M,u as P,cu as N,M as H,j as l,cv as L,_ as x,b2 as _,o,dj as z,bZ as Z,b3 as g,n as B,v as S,eY as Y,eZ as J,e_ as T,i as U,b0 as X,a2 as q,g as m}from"./index-P_4M6V8j.js";import{b as w,n}from"./vendor-rkTZJa59.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=P(),[O,C]=w.useState(!1),k=N(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(_,{...F,ref:E,isMulti:!1,isSearchable:!0,isClearable:i,autoFocus:O===!0,openMenuOnClick:!0,controlShouldRenderValue:!0,placeholder:d,value:I(v.selectedOption),options:t.allOptions,"data-testid":x("currency-select",e),onChange:$=>{i&&$?.value!=null&&v?.selectedOption===$.value?s({selectedOption:void 0,allOptions:t.allOptions}):s({selectedOption:$?.value,allOptions:t.allOptions})},onMenuClose:()=>C(!1),key:z(),tabSelectsValue:!1,openMenuOnFocus:!0,classNamePrefix:"currency-select-field",onBlur:h,menuPlacement:"auto",maxMenuHeight:240,menuShouldScrollIntoView:!1,closeMenuOnSelect:!0,components:{Control:A,Option:G,Input:W,SingleValue:ee,ValueContainer:Q,DropdownIndicator:he,IndicatorSeparator:me,Placeholder:oe,ClearIndicator:ge,MenuList:K},hideSelectedOptions:!1,styles:V,isDisabled:a!=null})}})},A=e=>{const{menuIsOpen:r,isFocused:t,isDisabled:a,selectProps:c}=e,{value:d,hasError:i,controlStyle:u}=c;return l.jsx(te,{controlStyle:u,menuIsOpen:r,isFocused:t,isDisabled:a,selectedValue:d,hasError:i,children:l.jsx(g.Control,{...e,className:"select-control",children:e.children})})},G=e=>{const{data:r,isSelected:t,isDisabled:a,isFocused:c,selectProps:d}=e,{isOptionRemovable:i}=d,u=r.countryCode,p=typeof r.label=="string"?r.label:r.value;return l.jsx(re,{isOptionRemovable:i,className:"select-option-wrapper",isFocused:c,isSelected:t,isDisabled:a,"data-testid":x("currency-select-field-option",p),children:l.jsx(g.Option,{...e,className:"select-option",children:l.jsxs(se,{children:[l.jsx(le,{countryCode:u}),l.jsx(ae,{isSelected:t,children:l.jsx(ne,{isSelected:t,isDisabled:a,children:r.label})}),t?l.jsxs(de,{children:[l.jsx(ue,{className:"right-tick-icon"}),l.jsx(pe,{className:"close-tick-icon"})]}):null]})})})},K=e=>{const{options:r,children:t,maxHeight:a,getValue:c,selectProps:d}=e,{menuItemHeight:i}=d,[u]=c(),p=r.indexOf(u)*i;return l.jsx(Z,{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]})})},Q=e=>l.jsx(g.ValueContainer,{...e,className:"select-value-container",children:e.children}),W=e=>{const{selectProps:r}=e,{placeholder:t,value:a}=r;return l.jsx(j,{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(j,{children:r.label})})},j=n(B)`
+import{cn as M,u as P,cv as N,M as H,j as l,cw as L,$ as x,b3 as _,o,dj as z,b_ as B,b4 as g,p as Y,v as S,eY as Z,eZ as J,e_ as T,i as U,b1 as X,a3 as q,g as m}from"./index-B8OsEhOZ.js";import{b as w,n}from"./vendor-rkTZJa59.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=P(),[O,C]=w.useState(!1),k=N(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(_,{...F,ref:E,isMulti:!1,isSearchable:!0,isClearable:i,autoFocus:O===!0,openMenuOnClick:!0,controlShouldRenderValue:!0,placeholder:d,value:I(v.selectedOption),options:t.allOptions,"data-testid":x("currency-select",e),onChange:$=>{i&&$?.value!=null&&v?.selectedOption===$.value?s({selectedOption:void 0,allOptions:t.allOptions}):s({selectedOption:$?.value,allOptions:t.allOptions})},onMenuClose:()=>C(!1),key:z(),tabSelectsValue:!1,openMenuOnFocus:!0,classNamePrefix:"currency-select-field",onBlur:h,menuPlacement:"auto",maxMenuHeight:240,menuShouldScrollIntoView:!1,closeMenuOnSelect:!0,components:{Control:A,Option:G,Input:W,SingleValue:ee,ValueContainer:Q,DropdownIndicator:he,IndicatorSeparator:me,Placeholder:oe,ClearIndicator:ge,MenuList:K},hideSelectedOptions:!1,styles:V,isDisabled:a!=null})}})},A=e=>{const{menuIsOpen:r,isFocused:t,isDisabled:a,selectProps:c}=e,{value:d,hasError:i,controlStyle:u}=c;return l.jsx(te,{controlStyle:u,menuIsOpen:r,isFocused:t,isDisabled:a,selectedValue:d,hasError:i,children:l.jsx(g.Control,{...e,className:"select-control",children:e.children})})},G=e=>{const{data:r,isSelected:t,isDisabled:a,isFocused:c,selectProps:d}=e,{isOptionRemovable:i}=d,u=r.countryCode,p=typeof r.label=="string"?r.label:r.value;return l.jsx(re,{isOptionRemovable:i,className:"select-option-wrapper",isFocused:c,isSelected:t,isDisabled:a,"data-testid":x("currency-select-field-option",p),children:l.jsx(g.Option,{...e,className:"select-option",children:l.jsxs(se,{children:[l.jsx(le,{countryCode:u}),l.jsx(ae,{isSelected:t,children:l.jsx(ne,{isSelected:t,isDisabled:a,children:r.label})}),t?l.jsxs(de,{children:[l.jsx(ue,{className:"right-tick-icon"}),l.jsx(pe,{className:"close-tick-icon"})]}):null]})})})},K=e=>{const{options:r,children:t,maxHeight:a,getValue:c,selectProps:d}=e,{menuItemHeight:i}=d,[u]=c(),p=r.indexOf(u)*i;return l.jsx(B,{height:t.length>7?a:t.length*i,width:"100%",itemCount:t.length,itemSize:()=>i,initialScrollOffset:p,children:({index:y,style:f})=>l.jsx(ce,{style:f,children:t[y]})})},Q=e=>l.jsx(g.ValueContainer,{...e,className:"select-value-container",children:e.children}),W=e=>{const{selectProps:r}=e,{placeholder:t,value:a}=r;return l.jsx(j,{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(j,{children:r.label})})},j=n(Y)`
   color: ${e=>e.theme.colors.primary};
-`,oe=()=>null,le=({countryCode:e})=>{if(e!=null&&Y(e)===!1)return l.jsx(l.Fragment,{});{const r=J[`${T(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&&Z(e)===!1)return l.jsx(l.Fragment,{});{const r=J[`${T(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};

package/dist/assets/{CustomerOnboardingActivationPage-Cst56yLP-ejyq0w3C.js → CustomerOnboardingActivationPage-diAJ07bX-sBysngto.js}

@@ -1,8 +1,8 @@
-import{j as t,e as b,M as d,a1 as l,_ as p,m as x,o as i,d as g,c6 as h,L as m}from"./index-P_4M6V8j.js";import{b as u,n as o}from"./vendor-rkTZJa59.js";import"./mui-C42whWwM.js";import"./analytics-CBL_L82S.js";import"./routing-VwiwPky5.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-BDNqpTKX.js";const f=o.div`
+import{j as t,e as b,M as d,a2 as l,$ as p,n as x,o as i,d as g,c7 as h,L as m}from"./index-B8OsEhOZ.js";import{b as u,n as o}from"./vendor-rkTZJa59.js";import"./mui-C42whWwM.js";import"./analytics-B3n5JGPc.js";import"./routing-VwiwPky5.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-BDNqpTKX.js";const $=o.div`
   display: flex;
   width: 100%;
   flex-direction: column;
-`,$=o.div`
+`,f=o.div`
   display: flex;
   flex: 1 1 auto;
   flex-direction: column;
@@ -44,7 +44,7 @@ import{j as t,e as b,M as d,a1 as l,_ as p,m as x,o as i,d as g,c6 as h,L as m}f
   text-align: center;
 `,w=o.div`
   margin-top: ${i.sp3};
-`,z=({dashboardFetchState:e,onZeniLogoClick:n,onDashboardFetchDone:r})=>{const{title:a,subTitle:c}=d.getLocalizedStrings().customerOnboardingPage.thankYou,s=l(e);return u.useEffect(()=>{s==="In-Progress"&&e!=="In-Progress"&&r()},[e,s,r]),t.jsxs(f,{children:[t.jsx($,{children:t.jsx(j,{"data-testid":p("zeni-logo-customer-onboarding-activation-page"),onClick:n})}),t.jsxs(y,{children:[t.jsx(v,{children:a}),t.jsx(k,{children:c}),t.jsx(w,{children:t.jsx(x,{size:"Large",start:!0})})]})]})},L=o.div`
+`,z=({dashboardFetchState:e,onZeniLogoClick:n,onDashboardFetchDone:r})=>{const{title:a,subTitle:c}=d.getLocalizedStrings().customerOnboardingPage.thankYou,s=l(e);return u.useEffect(()=>{s==="In-Progress"&&e!=="In-Progress"&&r()},[e,s,r]),t.jsxs($,{children:[t.jsx(f,{children:t.jsx(j,{"data-testid":p("zeni-logo-customer-onboarding-activation-page"),onClick:n})}),t.jsxs(y,{children:[t.jsx(v,{children:a}),t.jsx(k,{children:c}),t.jsx(w,{children:t.jsx(x,{size:"Large",start:!0})})]})]})},L=o.div`
   display: flex;
   flex-direction: column;
   height: 100vh;
@@ -85,4 +85,4 @@ import{j as t,e as b,M as d,a1 as l,_ as p,m as x,o as i,d as g,c6 as h,L as m}f
   width: 100%;
 `,F=o.div`
   margin-top: ${i.sp3};
-`,O=({dashboardFetchState:e,onZeniLogoClick:n,onDashboardFetchDone:r})=>{const{title:a,subTitle:c}=d.getLocalizedStrings().customerOnboardingPage.thankYou,s=l(e);return u.useEffect(()=>{s==="In-Progress"&&e!=="In-Progress"&&r()},[e,s,r]),t.jsxs(L,{children:[t.jsx(P,{children:t.jsx(S,{children:t.jsx(C,{"data-testid":p("zeni-logo-customer-onboarding-activation-page"),onClick:n})})}),t.jsxs(I,{children:[t.jsx(D,{children:a}),t.jsx(E,{children:c}),t.jsx(F,{children:t.jsx(x,{size:"Large",start:!0})})]})]})},q=e=>b()==="small"?t.jsx(O,{...e}):t.jsx(z,{...e});export{q as default};
+`,M=({dashboardFetchState:e,onZeniLogoClick:n,onDashboardFetchDone:r})=>{const{title:a,subTitle:c}=d.getLocalizedStrings().customerOnboardingPage.thankYou,s=l(e);return u.useEffect(()=>{s==="In-Progress"&&e!=="In-Progress"&&r()},[e,s,r]),t.jsxs(L,{children:[t.jsx(P,{children:t.jsx(S,{children:t.jsx(C,{"data-testid":p("zeni-logo-customer-onboarding-activation-page"),onClick:n})})}),t.jsxs(I,{children:[t.jsx(D,{children:a}),t.jsx(E,{children:c}),t.jsx(F,{children:t.jsx(x,{size:"Large",start:!0})})]})]})},G=e=>b()==="small"?t.jsx(M,{...e}):t.jsx(z,{...e});export{G as default};

package/dist/assets/CustomerOnboardingContainerPage-BZzvupuA-CSzku5k4.js

@@ -0,0 +1 @@
+import{j as r}from"./index-B8OsEhOZ.js";import o from"./CustomerOnboardingNoStepsPage-Ccq8kI-v-D3QEvGB2.js";import i from"./CustomerOnboardingPage-s3GNwP8c-p7WLMkGR.js";import"./mui-C42whWwM.js";import"./vendor-rkTZJa59.js";import"./analytics-B3n5JGPc.js";import"./routing-VwiwPky5.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-BDNqpTKX.js";import"./HelpButton-hflpTkYP-BxxKYxfC.js";import"./MeetingCalenderPopup-Bn5picNg-BZadZTcq.js";import"./PaymentAccountSetupBillingAddressSection-Ch5yJBuG-Czoqfz5V.js";import"./SetUpAccountSection-CDXmRiGQ-DykmFmYq.js";import"./SetUpDefaultSection-VPie4JZS-CUUkgLvy.js";import"./ChaseOverlay-IbWtzNzT-CiTCJc7A.js";import"./CustomerOnboardingDetailPageSkeleton--8DBjaCm-B9kNPkv6.js";import"./CompanyOfficerDetailsSection-DMCZTk1e-CevbfEQw.js";import"./LabeledAddressValueField-DLou-2Lm-30_LmoCw.js";import"./LabeledCreatableSingleSelectField-CxnC4AFe-BOkJ5-5r.js";import"./LabeledDocumentField-By7zV2VD-Deh87JH9.js";import"./QBOSetupSection-BCdoUjwK-BF2gwacX.js";import"./QBOConnectionDialog-Bx6ZDEvY-BRYqXjwh.js";const v=t=>t.currentTenant?.productSettings.isOtherProductsEnabled===!0?r.jsx(o,{...t}):r.jsx(i,{...t});export{v as default};

package/dist/assets/{CustomerOnboardingDetailPageSkeleton-H59MLCwU-KBQed5cV.js → CustomerOnboardingDetailPageSkeleton--8DBjaCm-B9kNPkv6.js}

@@ -1,4 +1,4 @@
-import{j as s,_ as y,aI as E,u as f,e as T,bg as x,o as t,q as R,C as $,d as I,M as N,g as u,eV as U,h9 as P,f4 as L,aC as W,B as J,ha as M}from"./index-P_4M6V8j.js";import{n as r,f as S}from"./vendor-rkTZJa59.js";const O=r(M)`
+import{j as s,$ as y,aJ as E,u as f,e as T,bh as x,o as t,s as R,C as $,d as I,M as N,g as u,eV as U,h9 as P,f4 as L,aD as J,B as W,ha as M}from"./index-B8OsEhOZ.js";import{n as r,f as S}from"./vendor-rkTZJa59.js";const O=r(M)`
   /* Size is controlled by styles.root prop */
 `,B=r.div`
   position: relative;
@@ -22,7 +22,7 @@ import{j as s,_ as y,aI as E,u as f,e as T,bg as x,o as t,q as R,C as $,d as I,M
     pointer-events: none;
     z-index: 1;
   }
-`,q=({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)})},F=({valueEnd:e=50})=>{const i=f();return s.jsx(q,{valueStart:0,valueEnd:e,children:o=>s.jsx(B,{theme:i,children:s.jsx(O,{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,V=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)})},V=({valueEnd:e=50})=>{const i=f();return s.jsx(F,{valueStart:0,valueEnd:e,children:o=>s.jsx(B,{theme:i,children:s.jsx(O,{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,Z=r.div`
   width: 100%;
   display: flex;
   background: ${e=>e.isActive?e.theme.colors.grey5:null};
@@ -41,31 +41,31 @@ import{j as s,_ as y,aI as E,u as f,e as T,bg as x,o as t,q as R,C as $,d as I,M
       color: ${e=>w({isActive:e.isActive,isCompleted:e.isCompleted,isDisabled:e.isDisabled,isHalfCompleted:e.isHalfCompleted,theme:e.theme})};
     }
   }
-`,Z=r.div`
+`,q=r.div`
   margin-right: ${t.sp2};
   margin-top: 2px;
-`,_=r(L)`
+`,G=r(L)`
   width: ${t.sp3};
   height: ${t.sp3};
   color: ${u.success};
-`,G=r(U)`
+`,K=r(U)`
   width: ${t.sp3};
   height: ${t.sp3};
   color: ${u.runwayRed};
-`,K=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`
+`,X=r.div`
   display: flex;
   flex-direction: column;
-`,X=r(W)`
-  color: ${e=>j({isActive:e.isActive,isCompleted:e.isCompleted,isDisabled:e.disabledStep,isError:e.isError,isHalfCompleted:e.isHalfCompleted,theme:e.theme})};
 `,Y=r(J)`
+  color: ${e=>j({isActive:e.isActive,isCompleted:e.isCompleted,isDisabled:e.disabledStep,isError:e.isError,isHalfCompleted:e.isHalfCompleted,theme:e.theme})};
+`,_=r(W)`
   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(V,{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(Z,{children:a?s.jsx(G,{}):l?s.jsx(F,{}):o?s.jsx(_,{}):s.jsx(K,{isActive:i,disabledStep:c})}),s.jsxs(Q,{children:[s.jsx(X,{className:"step-content-title",isActive:i,isCompleted:o,isHalfCompleted:l,disabledStep:c,isError:a,children:h}),s.jsx(Y,{className:"step-content-subtitle",isActive:i,isCompleted:o,isHalfCompleted:l,disabledStep:c,children:m})]})]})}const te=r.div`
+`;function ee({onboardingStep:e,isActive:i,isCompleted:o,isHalfCompleted:l,isDisabled:d,isError:a,stepText:h,stepSubText:m,onUpdateStep:g,setIsStepClicked:p,disabledSteps:n}){const c=d||n.includes(e)&&i===!1;return s.jsxs(Z,{isActive:i,isDisabled:c,isCompleted:o,isHalfCompleted:l,isError:a,onClick:d===!1?()=>{n.includes(e)&&i===!1||(p(!0),g(e))}:void 0,"data-testid":y("step-box",e),children:[s.jsx(q,{children:a?s.jsx(K,{}):l?s.jsx(V,{}):o?s.jsx(G,{}):s.jsx(Q,{isActive:i,disabledStep:c})}),s.jsxs(X,{children:[s.jsx(Y,{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,_ as y,aI as E,u as f,e as T,bg as x,o as t,q as R,C as $,d 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:D}=e,z=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}),z?s.jsx(le,{}):s.jsx(ie,{allSteps:o,isDisabled:i,disabledSteps:H,completedSteps:l,halfCompletedSteps:d,errorSteps:a,currentStep:h,onUpdateStep:n,setIsStepClicked:D}),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`
   display: flex;
   flex-direction: column;
   align-items: center;

package/dist/assets/CustomerOnboardingNoStepsPage-Ccq8kI-v-D3QEvGB2.js

@@ -0,0 +1,66 @@
+import{x as ie,j as o,e as Ce,u as Pe,a as we,h7 as be,M as xe,a2 as ke,ca as Ie,aX as $e,o as s,$ as Ae,F as ve,a4 as Oe,aJ as je,cD as Ve,cE as oe,d as Te,C as J,p as Ee,s as $}from"./index-B8OsEhOZ.js";import{n as c,b as A}from"./vendor-rkTZJa59.js";import{D as Le}from"./HelpButton-hflpTkYP-BxxKYxfC.js";import{s as Ue,o as ze}from"./PaymentAccountSetupBillingAddressSection-Ch5yJBuG-Czoqfz5V.js";import{f as Be}from"./CustomerOnboardingDetailPageSkeleton--8DBjaCm-B9kNPkv6.js";import"./mui-C42whWwM.js";import"./analytics-B3n5JGPc.js";import"./routing-VwiwPky5.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-BDNqpTKX.js";import"./MeetingCalenderPopup-Bn5picNg-BZadZTcq.js";import"./SetUpAccountSection-CDXmRiGQ-DykmFmYq.js";import"./SetUpDefaultSection-VPie4JZS-CUUkgLvy.js";import"./ChaseOverlay-IbWtzNzT-CiTCJc7A.js";const X="onboardingPaymentAccountSetupSection",se="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(),De=({onboardingCustomerView:e,connectedAccountProvider:C,cardPaymentView:y,stripeKey:O,googleAPIKey:j,signedInUser:P,currentTenant:V,onUpdateStep:T,handleCreateCardSetupIntent:E,handleConfirmCardSetupIntent:L,updateCardPaymentModalState:w,handleAddCardPaymentSource:U,resetCardPaymentViewState:z,handleResetCardPaymentErrorStatuses:B,redirectToProductSuitePage:b,onUpdateCustomerView:F,..._})=>{const u=Ce(),D=ie(),{analytics:h}=D,{onFetchLinkTokenClick:M,onUpdatePaymentAccountStatus:K,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:q,uiState:le,allNationalityCountries:Y,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 i=r.getValues(`${n}`).country;let d=a[n];if(t.includes(`${n}.street`)&&a[n].street!=null){const{addressValue:l}=a[n].street,f=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},i.selectedOption!==f.selectedOption&&(d={...d,country:f})}else t===`${n}.country`&&i.selectedOption!=null?d={...d,countryCode:oe(i.selectedOption)}:i.selectedOption!=null&&t.includes(`${n}.street`)===!1&&(d={...d,countryCode:oe(i.selectedOption)});x(d)}};A.useEffect(()=>{const t=r.watch((a,{name:i})=>{i!=null&&a!=null&&Ie(()=>ge(i,a))});return()=>{t.unsubscribe()}}),A.useEffect(()=>{I==="In-Progress"&&p.fetchState==="Completed"&&r.reset(v(e),{keepDirtyValues:!1})},[r,e,I,p.fetchState,Y]);const ye=()=>{const t=r.getValues(n),a={street:t.street.addressString,suite:t.suite,city:t.city,state:t.state,postalCode:t.postalCode,country:t.country.selectedOption??g.strings.empty,secondaryInfo:t.secondaryInfo};h.trackOnboardingBillingAddressSave(a)},ne=()=>{const t=Object.values(q).some(l=>l.fetchStatus.fetchState==="Completed"),a=k?.providerVerificationStatus?.code?.includes("verified")??!1,i=y.cardsList.length>0,d=y.bankAccountsList[0]?.providerVerificationStatus?.code?.includes("verified")??!1;return t&&a||!a&&!k&&i||!i&&!k&&d};function he(){if(r.getFieldState(n).error)return!1;const t=r.getValues(n),a=m?.street.join("").trim(),i=m?.city,d=m?.state,l=m?.country,f=m?.postalCode!=null&&m.postalCode||t.postalCode||g.strings.empty;return!!a&&!!i&&!!d&&!!l&&!!f}const Se=async()=>{const t=await r.trigger(n),a=await r.trigger(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,Y,b]);const[ae,fe]=A.useState(!1);return o.jsxs(Me,{children:[o.jsxs(Ke,{windowSize:u,children:[o.jsx($e,{title:ee.sectionTitle,showBackButton:!1,backgroundColor:Z.colors.grey4,style:{zIndex:4},source:"CustomerOnboardingPaymentAddressDetailPage",showLeftSection:u!=="small",titleStyle:{display:"flex",alignItems:"center"},navBarContainerStyles:{paddingTop:s.sp0,paddingBottom:s.sp0},leftSideComponent:o.jsx(We,{children:o.jsx(Ze,{"data-testid":Ae("zeni-logo-customer-onboarding-payment-address-detail-page"),onClick:W})})}),o.jsx(ve,{...r,children:o.jsx(Ge,{id:Fe(se),children:o.jsxs(Re,{children:[o.jsx(He,{windowSize:u,children:ee.sectionSubTitle}),o.jsx(Ue,{connectedAccountProvider:C,paymentAccount:k,accountStatus:de,plaidConnectionDetails:q,subscriptionBillingAddressSectionId:n,sectionId:X,analytics:h,isValid:ne(),onFetchLinkTokenClick:M,onEstablishConnectionClick:S,onUpdatePaymentAccountStatus:K,onUpdatePaymentAccountLoginStatus:R,onEstablishConnectionSuccess:G,updateCardPaymentModalState:w,cardPaymentView:y,resetCardPaymentViewState:z,cardSetupInProgress:ae,googleAPIKey:j,subscriptionBillingAddress:m})]},"link_payment_account")})}),o.jsx(Oe,{formId:`${se}`,leftSideComponent:o.jsx(Ne,{windowSize:u,children:o.jsx(je,{signedInUser:P,currentTenant:V,onLogOutClick:N})}),style:{width:u==="small"?"auto":"100%",padding:s.sp0,rowGap:s.sp1},helperContainerStyle:{width:"100%",rowGap:s.sp1,marginTop:"12px",marginBottom:s.sp2},primaryBtn:{onClick:Se,label:H.submit,isLoading:p.fetchState==="In-Progress",isDisabled:p.fetchState==="In-Progress"||!(he()&&ne())},containerStyle:{width:"auto",justifyContent:"center"},helperText:H.submitText.replace("__action__",H.submit),helperStyle:{width:"auto",padding:s.sp0,rowGap:s.sp0,textAlign:"center"}})]}),o.jsx(ze,{handleConfirmCardSetupIntent:L,updateCardPaymentModalState:w,handleCreateCardSetupIntent:E,handleAddCardPaymentSource:U,cardPaymentView:y,stripeKey:O,isCardPaymentOpen:le.isCardPaymentPopupOpen,handleResetCardPaymentErrorStatuses:B,cardSetupInProgress:ae,setCardSetupInProgress:fe})]})},Me=c.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  min-width: 100% ${e=>e.theme.breakpoints.down("md")} {
+    width: 100%;
+    padding-left: ${s.sp0};
+  }
+`,Ke=c.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  flex: 1;
+  width: 100%;
+  height: 100%;
+  background-image: ${e=>`url(https://storage.googleapis.com/zeni-apis.appspot.com/images/signin-background-${e.windowSize==="small"?"m":"w"}-${e.theme.mode==="dark"?"d":"l"}.svg)`};
+  background-color: ${e=>e.theme.colors.grey4};
+  background-size: inherit;
+  background-attachment: fixed;
+  background-position: ${e=>e.windowSize==="small"?"center center":"right center"};
+  background-repeat: no-repeat;
+
+  ${e=>e.theme.breakpoints.down("lg")} {
+    background-size: cover;
+  }
+`,Re=c.div`
+  display: flex;
+  height: 100%;
+  flex-direction: column;
+  padding-bottom: ${s.sp0};
+`,Ge=c.form`
+  padding-top: ${s.sp0};
+  flex: 1;
+`,Ne=c.div`
+  display: flex;
+  height: ${s.sp7};
+  left: ${s.sp4};
+  bottom: ${s.sp3};
+  position: fixed;
+  justify-content: center;
+  align-items: center;
+  cursor: default;
+`,We=c.div`
+  display: flex;
+`,Ze=c(Te)`
+  height: ${s.sp4};
+  width: 102px;
+  color: ${e=>e.theme.colors.primary};
+  cursor: pointer;
+  flex-shrink: 0;
+  margin-left: -${s.sp4};
+`,He=c(Ee)`
+  color: ${e=>e.theme.colors.hero};
+  display: flex;
+  justify-content: center;
+  width: ${e=>Q.titleWidth.valuePx(e.windowSize)};
+  padding-top: ${e=>Q.subTitlePaddingTop.valuePx(e.windowSize)};
+  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:E,onUpdateStep:L,onZeniLogoClick:w,handleLogOutClick:U,handleCockpitClick:z,handleCreateCardSetupIntent:B,handleConfirmCardSetupIntent:b,handleFetchPaymentSources:F,updateCardPaymentModalState:_,resetCardPaymentViewState:u,handleResetCardPaymentErrorStatuses:D,redirectToProductSuitePage:h,...M}=e,{allSteps:K,currentStep:R,fetchStatus:S}=C,G=ie(),{analytics:N}=G,W={allSteps:K,isOnAddressPage:P,currentStep:R,fetchStatus:S,signedInUser:O,currentTenant:j,onUpdateStep:Z=>{L(Z)},onZeniLogoClick:w,handleLogOutClick:U,handleCockpitClick:z,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(De,{...W,onboardingCustomerView:C,handleCreateCardSetupIntent:B,handleConfirmCardSetupIntent:b,updateCardPaymentModalState:_,handleFetchPaymentSources:F,cardPaymentView:y,resetCardPaymentViewState:u,stripeKey:V,googleAPIKey:T,handleResetCardPaymentErrorStatuses:D,redirectToProductSuitePage:h,...M}),x?null:o.jsx(Le,{isFooterRendered:!0,meetingUrl:E,analytics:N,productType:"onboarding"})]})},Je=c.div`
+  display: flex;
+  flex-direction: column;
+  width: ${e=>e.isOnAddressPage?"fit-content":"100%"};
+  height: 100vh;
+`;export{pt as default};