@zeniai/web-app-ui 4.14.35-qa → 4.14.36-next

package/dist/assets/{CreditCardPaymentDrawerPage-c_q0MsSO-C8Sv6LkU.js → CreditCardPaymentDrawerPage-CCpS-31h-BkmEdayg.js}

@@ -1,4 +1,4 @@
-import{V as t,e as ge,h as ye,b as ae,gT as ea,a5 as aa,a as ta,L as na,a9 as Me,o as a,O as K,x as m,a8 as Be,n as oa,R as ia,y as _e,bo as ra,eO as Oe,d as Z,f as J,fP as se,w as la,D as Ne,c2 as ca,a7 as De,T as sa,c8 as da,A as ma,ex as pa,f6 as ua,cf as ha,h4 as Se,h5 as ga,fD as ya,m as r,bx as fa,at as Ca,eT as ba,bH as xa,l as We,gk as wa,bv as Da,ac as Sa,h6 as $a,cq as ka,gl as Aa,fi as La,fe as va}from"./index-C-nTPjDF.js";import{n as i}from"./mui-BOwjqiG-.js";import{a as p}from"./sentry-Dd2vHz0L.js";import{u as Ia}from"./plaid-CyY87P8r.js";import{bG as ue,c6 as Ra,bs as $e,cg as Fa,ch as ke,bY as Ta}from"./zeni-epic-state-ChDcaYf9.js";import{x as Pa}from"./LabeledControlledCheckBoxField-CcPO1k23-BMfkV-71.js";import"./pdf-BrZAvZ1o.js";import"./core-C_Me9Mw3.js";import"./lottie-DyM2Y4mu.js";import"./liveblocks-WO1k1bbB.js";import"./recharts-B22vzlMp.js";import"./dnd-BRZ99wCN.js";import"./analytics-CkXlMwul.js";import"./utils-CInzYuJw.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]="ecc3ed25-da47-4ff0-8e22-3a54286700a6",e._sentryDebugIdIdentifier="sentry-dbid-ecc3ed25-da47-4ff0-8e22-3a54286700a6")}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])},he={pageTitle:new Z("h6Regular","h5Regular"),integerAmountInput:new Z("h5Regular","largeMedium"),decimalAmountInput:new Z("largeSemiBold","largeMedium")},{dateFormat:{visual:{MMMDCommaYYYYformat:Ae}},common:{edit:ja,labels:de,navBar:{back:za},to:Ea,zeniInc:Ma},spendManagement:{zeniAccounts:{zeniAccountList:{transferDrawer:Ba}},chargeCard:{payEarly:z}}}=K.getLocalizedStrings(),_a=({paymentDetails:e,isCashbackInfoFetchStateCompleted:o,isCreditCardInfoFetchStateCompleted:u,isDebitCardInfoFetchStateCompleted:n,controllerEmails:f,productInformation:l,cashbackInformation:h,paymentSourceInformation:L,creditAccountInformation:C,debitAccountInformation:g,setShowReviewContent:x,onTransferClick:b})=>{const d=ge(),S=_e(),v=ye().analytics,[M,I]=p.useState(!1);p.useEffect(()=>{e.error!=null?I(!0):I(!1)},[e.error]);const R=te.largeLabelWidth.value(d),F=e.chargeCardRepaymentDetailLocalData.transferFrom?.accType==="depositAccount",T=F?1:3,P=ue(Ra($e().toDate(),[0,6],T).toDateString()).format(Ae),B=F?z.timeline01BusinessDay:z.timeline23BusinessDays,_=F?z.estimatedPaymentCompleteWithoutTimeline.replace("__date__",P):z.estimatedPaymentCompleteWithTimeline.replace("__date__",P).replace("__timeline__",B);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&&u&&n&&h!=null&&v.trackCardsPayEarlyFormClick(f,l,h,"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:[z.pay," ",t.jsx(Le,{children:t.jsx(Oe,{amount:e.chargeCardRepaymentDetailLocalData.amount,integerStyles:he.integerAmountInput.styleObject(d),decimalStyles:he.decimalAmountInput.styleObject(d),style:{display:"inline-flex"}})})," ",Ea," ",t.jsx(Le,{children:Ma})]}),M?t.jsx(Ga,{children:t.jsxs(Ya,{children:[t.jsxs(Za,{children:[t.jsx(Ja,{}),t.jsxs(Va,{children:[t.jsx(Ha,{children:e.error?.title}),t.jsx(qa,{children:e.error?.message})]})]}),t.jsx(Ka,{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(Ua,{children:[t.jsx(se,{label:{label:de.paymentMethod,width:R},text:t.jsx(me,{windowSize:d,children:e.chargeCardRepaymentDetailLocalData.transferFrom?.accType==="depositAccount"?z.bookPayment:z.sameDayACH}),style:{width:"auto"}}),t.jsx(ve,{}),t.jsx(se,{label:{label:de.sourceAccount,width:R},text:t.jsxs(me,{windowSize:d,children:[Ue(e.transferFromAccounts,e.chargeCardRepaymentDetailLocalData.transferFrom?.id??"",!0),t.jsxs(Wa,{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(ve,{}),t.jsx(se,{label:{label:de.paymentDate,width:R},showAdditionalInfoLabel:!0,additionalInfoLabel:_,additionalInfoLabelStyles:{color:S.colors.hero,...la.smallRegular.cssObject},text:t.jsx(me,{windowSize:d,children:$e().format(Ae)}),style:{width:"auto"}})]})})]}),t.jsx(Me,{style:{zIndex:4,paddingTop:a.sp3,paddingBottom:a.sp0},helperText:z.byClickingPayNowIAuthorizeZeniToInitiateThePayment,helperStyle:{padding:`${a.sp0} ${a.sp0} ${a.sp3} ${a.sp0}`},cancelBtn:{label:ja,onClick:()=>{o&&u&&n&&h!=null&&v.trackCardsPayEarlyFormClick(f,l,h,"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:z.payNow,onClick:b,isLoading:e.updateStatus==="In-Progress",style:{minWidth:94}}})]})},Ue=(e,o,u)=>{if(o==="")return t.jsx(st,{});const n=e.find(l=>l.id===o),f=e.findIndex(l=>l.id===o);if(n!=null){if(n.accType==="depositAccount")return t.jsx(lt,{isOptionSelected:u,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:u,loading:"lazy"}):t.jsx(it,{isOptionSelected:u,children:t.jsx(rt,{})})}return null},Oa=e=>e.base64!==void 0?`${La}${e.base64.toString()}`:e.url!==void 0?e.url.toString():"",Na=i(Ca)`
+import{V as t,J as ge,c as ye,a6 as ae,gI as ea,a4 as aa,i as ta,f as na,a9 as Be,o as a,O as J,b as m,a8 as Me,l as oa,P as ia,y as _e,bg as ra,eC as Oe,H as q,e as K,fG as se,j as la,I as Ne,bX as ca,a7 as De,T as sa,b$ as da,A as ma,el as pa,eY as ua,c6 as ha,gS as Se,gT as ga,ft as ya,u as r,bp as fa,at as Ca,eJ as ba,bB as xa,s as We,ga as wa,bn as Da,ac as Sa,gU as ka,ch as $a,gb as Aa,f8 as La,f4 as va}from"./index-EqHxd201.js";import{n as i}from"./mui-2NnLxiU2.js";import{a as p}from"./sentry-Q4kep6XN.js";import{u as Ia}from"./plaid-AStGMBRC.js";import{bG as ue,b_ as Fa,bs as ke,ca as Ra,cb as $e,bY as Ta}from"./zeni-epic-state-DHqVwJ2L.js";import{x as Pa}from"./LabeledControlledCheckBoxField-CgZg0uOW-tciXUImW.js";import"./pdf-CmlsF1Bq.js";import"./core-B0aIoG8L.js";import"./lottie-C-63nSQ2.js";import"./liveblocks-BGLG0ZRF.js";import"./recharts-DLbOXl5Z.js";import"./dnd-CeLShHIc.js";import"./analytics-JKNMIPCj.js";import"./utils-Yz1HF93N.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]="c5b820a3-00f3-4670-966a-59e7041ef256",e._sentryDebugIdIdentifier="sentry-dbid-c5b820a3-00f3-4670-966a-59e7041ef256")}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])},he={pageTitle:new q("h6Regular","h5Regular"),integerAmountInput:new q("h5Regular","largeMedium"),decimalAmountInput:new q("largeSemiBold","largeMedium")},{dateFormat:{visual:{MMMDCommaYYYYformat:Ae}},common:{edit:ja,labels:de,navBar:{back:za},to:Ea,zeniInc:Ba},spendManagement:{zeniAccounts:{zeniAccountList:{transferDrawer:Ma}},chargeCard:{payEarly:z}}}=J.getLocalizedStrings(),_a=({paymentDetails:e,isCashbackInfoFetchStateCompleted:o,isCreditCardInfoFetchStateCompleted:u,isDebitCardInfoFetchStateCompleted:n,controllerEmails:f,productInformation:l,cashbackInformation:h,paymentSourceInformation:L,creditAccountInformation:C,debitAccountInformation:g,setShowReviewContent:x,onTransferClick:b})=>{const d=ge(),S=_e(),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=ue(Fa(ke().toDate(),[0,6],T).toDateString()).format(Ae),M=R?z.timeline01BusinessDay:z.timeline23BusinessDays,_=R?z.estimatedPaymentCompleteWithoutTimeline.replace("__date__",P):z.estimatedPaymentCompleteWithTimeline.replace("__date__",P).replace("__timeline__",M);return t.jsxs(t.Fragment,{children:[t.jsxs(Za,{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&&u&&n&&h!=null&&v.trackCardsPayEarlyFormClick(f,l,h,"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:Ma.reviewAndConfirm}),t.jsxs(Na,{children:[z.pay," ",t.jsx(Le,{children:t.jsx(Oe,{amount:e.chargeCardRepaymentDetailLocalData.amount,integerStyles:he.integerAmountInput.styleObject(d),decimalStyles:he.decimalAmountInput.styleObject(d),style:{display:"inline-flex"}})})," ",Ea," ",t.jsx(Le,{children:Ba})]}),B?t.jsx(Xa,{children:t.jsxs(Ya,{children:[t.jsxs(qa,{children:[t.jsx(Ka,{}),t.jsxs(Va,{children:[t.jsx(Ga,{children:e.error?.title}),t.jsx(Ha,{children:e.error?.message})]})]}),t.jsx(Ja,{children:t.jsx(Qa,{"data-testid":ae("close-error-credit-card-payment-review"),onClick:()=>{I(!1)},style:{width:a.sp3,height:a.sp3,color:K.heroLight}})})]})}):null,t.jsx(et,{windowSize:d,children:t.jsxs(Ua,{children:[t.jsx(se,{label:{label:de.paymentMethod,width:F},text:t.jsx(me,{windowSize:d,children:e.chargeCardRepaymentDetailLocalData.transferFrom?.accType==="depositAccount"?z.bookPayment:z.sameDayACH}),style:{width:"auto"}}),t.jsx(ve,{}),t.jsx(se,{label:{label:de.sourceAccount,width:F},text:t.jsxs(me,{windowSize:d,children:[Ue(e.transferFromAccounts,e.chargeCardRepaymentDetailLocalData.transferFrom?.id??"",!0),t.jsxs(Wa,{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(ve,{}),t.jsx(se,{label:{label:de.paymentDate,width:F},showAdditionalInfoLabel:!0,additionalInfoLabel:_,additionalInfoLabelStyles:{color:S.colors.hero,...la.smallRegular.cssObject},text:t.jsx(me,{windowSize:d,children:ke().format(Ae)}),style:{width:"auto"}})]})})]}),t.jsx(Be,{style:{zIndex:4,paddingTop:a.sp3,paddingBottom:a.sp0},helperText:z.byClickingPayNowIAuthorizeZeniToInitiateThePayment,helperStyle:{padding:`${a.sp0} ${a.sp0} ${a.sp3} ${a.sp0}`},cancelBtn:{label:ja,onClick:()=>{o&&u&&n&&h!=null&&v.trackCardsPayEarlyFormClick(f,l,h,"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:z.payNow,onClick:b,isLoading:e.updateStatus==="In-Progress",style:{minWidth:94}}})]})},Ue=(e,o,u)=>{if(o==="")return t.jsx(st,{});const n=e.find(l=>l.id===o),f=e.findIndex(l=>l.id===o);if(n!=null){if(n.accType==="depositAccount")return t.jsx(lt,{isOptionSelected:u,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:u,loading:"lazy"}):t.jsx(it,{isOptionSelected:u,children:t.jsx(rt,{})})}return null},Oa=e=>e.base64!==void 0?`${La}${e.base64.toString()}`:e.url!==void 0?e.url.toString():"",Na=i(Ca)`
   color: ${e=>e.theme.colors.hero};
   padding-top: ${a.sp3};
   white-space: nowrap;
@@ -23,17 +23,17 @@ import{V as t,e as ge,h as ye,b as ae,gT as ea,a5 as aa,a as ta,L as na,a9 as Me
   width: 100%;
   justify-content: space-between;
   padding: ${a.sp3} ${a.sp4};
-  background-color: ${J.importantLight};
+  background-color: ${K.importantLight};
   border-radius: ${a.sp2};
 `,Va=i.div`
   display: flex;
   flex-direction: column;
   margin-left: ${a.sp2};
-`,Ha=i(xa)`
-  color: ${J.important};
-`,qa=i(We)`
-  color: ${J.important};
-`,Ga=i.div`
+`,Ga=i(xa)`
+  color: ${K.important};
+`,Ha=i(We)`
+  color: ${K.important};
+`,Xa=i.div`
   margin-top: ${a.sp3};
   display: flex;
   background-color: ${e=>e.theme.colors.grey5};
@@ -42,19 +42,19 @@ import{V as t,e as ge,h as ye,b as ae,gT as ea,a5 as aa,a as ta,L as na,a9 as Me
   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`
+`,Za=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`
+`,qa=i.div`
   display: flex;
   align-items: flex-start;
-`,Ka=i.div``,Ja=i(ba)`
+`,Ja=i.div``,Ka=i(ba)`
   width: ${a.sp4};
   height: ${a.sp4};
-  color: ${J.important};
-`,Qa=i(Be)`
+  color: ${K.important};
+`,Qa=i(Me)`
   cursor: pointer;
   color: ${e=>e.theme.colors.hero};
   width: ${a.sp4};
@@ -122,17 +122,17 @@ import{V as t,e as ge,h as ye,b as ae,gT as ea,a5 as aa,a as ta,L as na,a9 as Me
   width: inherit;
   height: inherit;
   margin-right: ${a.sp2};
-`,st=i(ka)`
+`,st=i($a)`
   min-width: ${a.sp4};
   width: ${a.sp4};
   height: ${a.sp4};
   margin-right: 12px;
   margin-left: ${a.sp1};
   color: ${e=>e.theme.colors.hero};
-`,{common:pe,spendManagement:{zeniAccounts:{zeniAccountList:dt},billPay:{insufficientFunds:mt},chargeCard:{payEarly:X}},commonSetUp:{setUp:{accountsPlg:re}}}=K.getLocalizedStrings(),Ye="amount",Y="paymentDetails",Ve="creditCardPaymentPage",le=(e,o)=>`${e}.${o}`,He=e=>`${e}_form`,D={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])},Ie={integerAmountInput:new Z("h5Regular","h2Regular"),decimalAmountInput:new Z("largeSemiBold","h5Medium")};function pt({autoPayThreshold:e,plaidConnectionDetails:o,maxInsuredAmount:u,paymentDetails:n,lowBalanceAdditionalInfo:f,paymentAccount:l,isAccountsEnabled:h,onSaveChangesToLocalStore:L,onUpdatePaymentAccountStatus:C,onEstablishConnectionClick:g,onEstablishConnectionSuccess:x,onFetchLinkTokenClick:b,setShowReviewLoading:d,onSignUpAccountClick:S,onMoveMoneyClick:v,isCashbackInfoFetchStateCompleted:M,isCreditCardInfoFetchStateCompleted:I,isDebitCardInfoFetchStateCompleted:R,controllerEmails:F,productInformation:T,cashbackInformation:P,paymentSourceInformation:B,creditAccountInformation:_,debitAccountInformation:Q}){const s=ge(),ee=_e(),oe=D.largeLabelWidth.value(s),$=ye().analytics,O=p.useRef(null),[N,W]=p.useState(!1),[A,V]=p.useState(void 0),w=o.link_account,H=o.update_account,k=A==="update_account"?H:w,[q,fe]=p.useState(k.linkToken??null),Ce=De(w.updateStatus.fetchState),G=sa({mode:"all",reValidateMode:"onBlur",defaultValues:p.useMemo(()=>Re(n),[n]),values:p.useMemo(()=>Re(n),[n])}),be=l?.isLoginRequired??!1,j=l?.providerVerificationStatus?.code,xe=De(H.updateStatus.fetchState),qe=p.useCallback((c,y)=>{const U=y.accounts.find(ie=>ie.id===l?.providerAccountId)??y.accounts[0];l?.paymentAccountId==null||A!=="update_account"||U?.verification_status==null||be?g?.(c,A):C(U?.verification_status,l.paymentAccountId,"update_account"),V(void 0),W(!1)},[l?.paymentAccountId,l?.providerAccountId,A,be,C,g]),Ge=p.useCallback((c,y)=>{c!=null&&(c.error_code==="TOO_MANY_VERIFICATION_ATTEMPTS"&&l?.paymentAccountId!=null&&C("verification_failed",l.paymentAccountId,"update_account"),console.log("Plaid Connection Error",c,y)),V(void 0),W(!1)},[l?.paymentAccountId,C]),{open:ce,ready:we}=Ia({token:q,onSuccess:qe,onExit:Ge});p.useEffect(()=>{(Ce==="In-Progress"&&w.updateStatus.fetchState==="Completed"||xe==="In-Progress"&&H.updateStatus.fetchState==="Completed")&&(Fa(j??"")||(b?.("link_account"),x()))},[w.updateStatus.fetchState,x,b,Ce,xe,H.updateStatus.fetchState,j]),p.useEffect(()=>{(ke(j??"")||j==="verification_failed")&&!N&&A!=null&&k.linkToken===q&&k.fetchStatus.fetchState==="Completed"&&we&&W(!0)},[we,q,k.fetchStatus.fetchState,k.linkToken,j,A,N]),p.useEffect(()=>{k.fetchStatus.fetchState==="Completed"&&k.linkToken!=null&&k.linkToken!==q&&fe(k.linkToken)},[k.fetchStatus.fetchState,k.linkToken,q]),p.useEffect(()=>{N&&ce()},[N,ce]),p.useEffect(()=>{(j==null||j==="verification_failed"||j==="verification_expired"||ke(j))&&(ue(new Date().toISOString()).isAfter(w.expiration)||w.linkToken==null)&&b?.("link_account")},[]);const{isValid:Xe}=G.formState;p.useEffect(()=>{const c=G.watch((y,{name:U})=>{U!=null&&y!=null&&da(()=>(async(ie,Je)=>{if(ie!=null){if(ie.includes("amount"))return;const Qe=Fe(Je,n.transferFromAccounts,n.chargeCardRepaymentDetailLocalData.idempotencyKey);L(Qe)}})(U,y))});return()=>{c.unsubscribe()}});const Ze=G.watch("paymentDetails.amount"),Ke=G.handleSubmit(()=>{if(Xe){const c=G.getValues(),y=Fe(c,n.transferFromAccounts,n.chargeCardRepaymentDetailLocalData.idempotencyKey);L(y),d(!0),M&&I&&R&&P!=null&&$.trackCardsPayEarlyFormClick(F,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},B,_,Q)}});return t.jsxs(t.Fragment,{children:[t.jsx(ft,{children:t.jsx(Oe,{amount:{amount:Ze??0,currencyCode:n.chargeCardRepaymentDetailLocalData.amount.currencyCode,currencySymbol:n.chargeCardRepaymentDetailLocalData.amount.currencySymbol},integerStyles:Ie.integerAmountInput.styleObject(s),decimalStyles:Ie.decimalAmountInput.styleObject(s)})}),t.jsx(ma,{...G,children:t.jsx(yt,{id:He(Ve),onSubmit:Ke,children:t.jsxs(Ct,{children:[t.jsx(pa,{selectRef:O,label:{label:pe.labels.transferFrom,width:oe,style:{marginLeft:D.labelMarginLeftPicker.valuePx(s),marginTop:D.labelMarginTopPicker.valuePx(s),marginRight:D.labelMarginRightPicker.valuePx(s),width:D.largeLabelWidth.value(s)}},style:{paddingTop:D.labeledFieldPaddingTop.valuePx(s),paddingBottom:D.labeledFieldPaddingBottom.valuePx(s),paddingLeft:D.labeledFieldPaddingLeft.valuePx(s),paddingRight:D.labeledFieldPaddingRight.valuePx(s),border:"none",width:"auto",display:"flex"},infoLabelStyle:{textAlign:"right",paddingRight:D.infoLabelPaddingRight.valuePx(s),marginTop:D.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:le(Y,"enableAutoPay"),checkBoxValue:le(Y,"enableAutoPay"),defaultChecked:n.chargeCardRepaymentDetailLocalData.isAutoRepayment,style:{top:D.checkBoxTop.valuePx(s)}}}),singleSelectPickerField:{name:le(Y,"withdrawFrom"),placeholder:ha(pe.labels.transferFrom),style:{position:"relative"},capitalizeOptions:!0,isOptionRemovable:!1,showTickIcon:!1,valueToLogo:(c,y)=>Ue(n.transferFromAccounts,c,y),valueToSubLabels:(c,y)=>ua(n.transferFromAccounts,c,y,!0),defaultValue:{selectedOption:n.chargeCardRepaymentDetailLocalData.transferFrom?.id,allOptions:n.transferFromAccounts.map(c=>({label:c.label,value:c.id,isRecommended:c.accType==="depositAccount"}))},textAlignment:"right",registerOptions:{required:!0,validate:c=>c!=null&&!!c.selectedOption},showCreateOption:!0,onClickCreateOption:()=>{V("link_account"),w.linkToken==null||ue(new Date().toISOString()).isAfter(w.expiration)?b?.("link_account"):q!==w.linkToken?fe(w.linkToken):N?ce():W(!0)}},valueToAdditionalLabel:c=>{if(f!=null)return f;const y=n.transferFromAccounts.find(U=>U.id===c);return y?.accountBalance?.available!=null&&Ta(n.chargeCardRepaymentDetailLocalData.amount,y?.accountBalance?.available)?mt.addMoney:""}}),n?.chargeCardRepaymentDetailLocalData.transferFrom==null||n?.chargeCardRepaymentDetailLocalData.transferFrom?.accType==="paymentAccount"?t.jsx(Se,{maxInsuredAmount:u,heading:t.jsxs(ut,{windowSize:s,children:[X.earn,t.jsx(ht,{children:X.percentageCashback.replace("__percentage__",ga)}),X.whenYouPayViaZeniChecking]}),buttonText:h?re.switchButtonText:re.signUpButtonText,isAccountsEnabled:h,pageName:X.creditCardPayment,onSignUpClick:S,onSwitchClick:()=>{O.current!=null&&O.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(Se,{maxInsuredAmount:u,heading:re.moveMoneyHeading,buttonText:re.moveMoneyButtonText,isAccountsEnabled:h,pageName:X.creditCardPayment,onMoveMoneyClick:v}):t.jsx(gt,{}),t.jsx(ya,{showAdditionalInfoLabel:!1,label:{label:pe.labels.amount,width:oe},formattedTextField:{type:"number",name:le(Y,Ye),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:c=>!!c&&c>0},autoComplete:"off",decimalSeparator:".",decimalScale:2,fixedDecimalScale:!1,thousandSeparator:!0,allowLeadingZeros:!1},style:{width:"auto",paddingLeft:D.labeledFieldPaddingLeft.valuePx(s)}})]})})})]})}const ut=i(Sa)`
+`,{common:pe,spendManagement:{zeniAccounts:{zeniAccountList:dt},billPay:{insufficientFunds:mt},chargeCard:{payEarly:Z}},commonSetUp:{setUp:{accountsPlg:re}}}=J.getLocalizedStrings(),Ye="amount",Y="paymentDetails",Ve="creditCardPaymentPage",le=(e,o)=>`${e}.${o}`,Ge=e=>`${e}_form`,D={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])},Ie={integerAmountInput:new q("h5Regular","h2Regular"),decimalAmountInput:new q("largeSemiBold","h5Medium")};function pt({autoPayThreshold:e,plaidConnectionDetails:o,maxInsuredAmount:u,paymentDetails:n,lowBalanceAdditionalInfo:f,paymentAccount:l,isAccountsEnabled:h,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:M,creditAccountInformation:_,debitAccountInformation:Q}){const s=ge(),ee=_e(),oe=D.largeLabelWidth.value(s),k=ye().analytics,O=p.useRef(null),[N,W]=p.useState(!1),[A,V]=p.useState(void 0),w=o.link_account,G=o.update_account,$=A==="update_account"?G:w,[H,fe]=p.useState($.linkToken??null),Ce=De(w.updateStatus.fetchState),X=sa({mode:"all",reValidateMode:"onBlur",defaultValues:p.useMemo(()=>Fe(n),[n]),values:p.useMemo(()=>Fe(n),[n])}),be=l?.isLoginRequired??!1,j=l?.providerVerificationStatus?.code,xe=De(G.updateStatus.fetchState),He=p.useCallback((c,y)=>{const U=y.accounts.find(ie=>ie.id===l?.providerAccountId)??y.accounts[0];l?.paymentAccountId==null||A!=="update_account"||U?.verification_status==null||be?g?.(c,A):C(U?.verification_status,l.paymentAccountId,"update_account"),V(void 0),W(!1)},[l?.paymentAccountId,l?.providerAccountId,A,be,C,g]),Xe=p.useCallback((c,y)=>{c!=null&&(c.error_code==="TOO_MANY_VERIFICATION_ATTEMPTS"&&l?.paymentAccountId!=null&&C("verification_failed",l.paymentAccountId,"update_account"),console.log("Plaid Connection Error",c,y)),V(void 0),W(!1)},[l?.paymentAccountId,C]),{open:ce,ready:we}=Ia({token:H,onSuccess:He,onExit:Xe});p.useEffect(()=>{(Ce==="In-Progress"&&w.updateStatus.fetchState==="Completed"||xe==="In-Progress"&&G.updateStatus.fetchState==="Completed")&&(Ra(j??"")||(b?.("link_account"),x()))},[w.updateStatus.fetchState,x,b,Ce,xe,G.updateStatus.fetchState,j]),p.useEffect(()=>{($e(j??"")||j==="verification_failed")&&!N&&A!=null&&$.linkToken===H&&$.fetchStatus.fetchState==="Completed"&&we&&W(!0)},[we,H,$.fetchStatus.fetchState,$.linkToken,j,A,N]),p.useEffect(()=>{$.fetchStatus.fetchState==="Completed"&&$.linkToken!=null&&$.linkToken!==H&&fe($.linkToken)},[$.fetchStatus.fetchState,$.linkToken,H]),p.useEffect(()=>{N&&ce()},[N,ce]),p.useEffect(()=>{(j==null||j==="verification_failed"||j==="verification_expired"||$e(j))&&(ue(new Date().toISOString()).isAfter(w.expiration)||w.linkToken==null)&&b?.("link_account")},[]);const{isValid:Ze}=X.formState;p.useEffect(()=>{const c=X.watch((y,{name:U})=>{U!=null&&y!=null&&da(()=>(async(ie,Ke)=>{if(ie!=null){if(ie.includes("amount"))return;const Qe=Re(Ke,n.transferFromAccounts,n.chargeCardRepaymentDetailLocalData.idempotencyKey);L(Qe)}})(U,y))});return()=>{c.unsubscribe()}});const qe=X.watch("paymentDetails.amount"),Je=X.handleSubmit(()=>{if(Ze){const c=X.getValues(),y=Re(c,n.transferFromAccounts,n.chargeCardRepaymentDetailLocalData.idempotencyKey);L(y),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},M,_,Q)}});return t.jsxs(t.Fragment,{children:[t.jsx(ft,{children:t.jsx(Oe,{amount:{amount:qe??0,currencyCode:n.chargeCardRepaymentDetailLocalData.amount.currencyCode,currencySymbol:n.chargeCardRepaymentDetailLocalData.amount.currencySymbol},integerStyles:Ie.integerAmountInput.styleObject(s),decimalStyles:Ie.decimalAmountInput.styleObject(s)})}),t.jsx(ma,{...X,children:t.jsx(yt,{id:Ge(Ve),onSubmit:Je,children:t.jsxs(Ct,{children:[t.jsx(pa,{selectRef:O,label:{label:pe.labels.transferFrom,width:oe,style:{marginLeft:D.labelMarginLeftPicker.valuePx(s),marginTop:D.labelMarginTopPicker.valuePx(s),marginRight:D.labelMarginRightPicker.valuePx(s),width:D.largeLabelWidth.value(s)}},style:{paddingTop:D.labeledFieldPaddingTop.valuePx(s),paddingBottom:D.labeledFieldPaddingBottom.valuePx(s),paddingLeft:D.labeledFieldPaddingLeft.valuePx(s),paddingRight:D.labeledFieldPaddingRight.valuePx(s),border:"none",width:"auto",display:"flex"},infoLabelStyle:{textAlign:"right",paddingRight:D.infoLabelPaddingRight.valuePx(s),marginTop:D.infoLabelMarginTop.valuePx(s),color:K.brandColorGoldDark},bottomComponent:t.jsx(Pa,{label:{label:Z.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:le(Y,"enableAutoPay"),checkBoxValue:le(Y,"enableAutoPay"),defaultChecked:n.chargeCardRepaymentDetailLocalData.isAutoRepayment,style:{top:D.checkBoxTop.valuePx(s)}}}),singleSelectPickerField:{name:le(Y,"withdrawFrom"),placeholder:ha(pe.labels.transferFrom),style:{position:"relative"},capitalizeOptions:!0,isOptionRemovable:!1,showTickIcon:!1,valueToLogo:(c,y)=>Ue(n.transferFromAccounts,c,y),valueToSubLabels:(c,y)=>ua(n.transferFromAccounts,c,y,!0),defaultValue:{selectedOption:n.chargeCardRepaymentDetailLocalData.transferFrom?.id,allOptions:n.transferFromAccounts.map(c=>({label:c.label,value:c.id,isRecommended:c.accType==="depositAccount"}))},textAlignment:"right",registerOptions:{required:!0,validate:c=>c!=null&&!!c.selectedOption},showCreateOption:!0,onClickCreateOption:()=>{V("link_account"),w.linkToken==null||ue(new Date().toISOString()).isAfter(w.expiration)?b?.("link_account"):H!==w.linkToken?fe(w.linkToken):N?ce():W(!0)}},valueToAdditionalLabel:c=>{if(f!=null)return f;const y=n.transferFromAccounts.find(U=>U.id===c);return y?.accountBalance?.available!=null&&Ta(n.chargeCardRepaymentDetailLocalData.amount,y?.accountBalance?.available)?mt.addMoney:""}}),n?.chargeCardRepaymentDetailLocalData.transferFrom==null||n?.chargeCardRepaymentDetailLocalData.transferFrom?.accType==="paymentAccount"?t.jsx(Se,{maxInsuredAmount:u,heading:t.jsxs(ut,{windowSize:s,children:[Z.earn,t.jsx(ht,{children:Z.percentageCashback.replace("__percentage__",ga)}),Z.whenYouPayViaZeniChecking]}),buttonText:h?re.switchButtonText:re.signUpButtonText,isAccountsEnabled:h,pageName:Z.creditCardPayment,onSignUpClick:S,onSwitchClick:()=>{O.current!=null&&O.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(Se,{maxInsuredAmount:u,heading:re.moveMoneyHeading,buttonText:re.moveMoneyButtonText,isAccountsEnabled:h,pageName:Z.creditCardPayment,onMoveMoneyClick:v}):t.jsx(gt,{}),t.jsx(ya,{showAdditionalInfoLabel:!1,label:{label:pe.labels.amount,width:oe},formattedTextField:{type:"number",name:le(Y,Ye),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:c=>!!c&&c>0},autoComplete:"off",decimalSeparator:".",decimalScale:2,fixedDecimalScale:!1,thousandSeparator:!0,allowLeadingZeros:!1},style:{width:"auto",paddingLeft:D.labeledFieldPaddingLeft.valuePx(s)}})]})})})]})}const ut=i(Sa)`
   color: ${e=>e.theme.colors.primary};
   width: ${e=>e.windowSize==="small"?"80%":"100%"};
-`,ht=i($a)`
+`,ht=i(ka)`
   color: ${e=>e.theme.colors.primary};
 `,gt=i.div`
   display: flex;
@@ -140,7 +140,7 @@ import{V as t,e as ge,h as ye,b as ae,gT as ea,a5 as aa,a as ta,L as na,a9 as Me
   background-color: ${e=>e.theme.colors.grey3};
   min-height: 1px;
   max-height: 1px;
-`,Re=e=>({paymentDetails:{[Ye]:e.chargeCardRepaymentDetailLocalData.amount.amount,withdrawFrom:{allOptions:e.transferFromAccounts.map(o=>({label:o.label,value:o.id})),selectedOption:e.chargeCardRepaymentDetailLocalData.transferFrom?.id},enableAutoPay:e.chargeCardRepaymentDetailLocalData.isAutoRepayment}}),yt=i.form`
+`,Fe=e=>({paymentDetails:{[Ye]:e.chargeCardRepaymentDetailLocalData.amount.amount,withdrawFrom:{allOptions:e.transferFromAccounts.map(o=>({label:o.label,value:o.id})),selectedOption:e.chargeCardRepaymentDetailLocalData.transferFrom?.id},enableAutoPay:e.chargeCardRepaymentDetailLocalData.isAutoRepayment}}),yt=i.form`
   display: flex;
   flex-direction: column;
   justify-content: center;
@@ -157,7 +157,7 @@ import{V as t,e as ge,h as ye,b as ae,gT as ea,a5 as aa,a as ta,L as na,a9 as Me
   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,u)=>({amount:{amount:e[Y].amount??0,currencyCode:"USD",currencySymbol:"$"},transferFrom:o.find(n=>n.id===e[Y].withdrawFrom.selectedOption),isAutoRepayment:e[Y].enableAutoPay,idempotencyKey:u}),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])},bt={sectionTitle:new Z("h6Regular","h5Regular")},Te=K.getLocalizedStrings().spendManagement.zeniAccounts.zeniAccountList,E=K.getLocalizedStrings().spendManagement.chargeCard.payEarly,{dateFormat:Pe}=K.getLocalizedStrings(),xt=({autoPayThreshold:e,paymentDetails:o,maxInsuredAmount:u,isAccountsEnabled:n,productInformation:f,controllerEmails:l,creditAccountInformation:h,creditAccountSpentAmount:L,debitAccountInformation:C,cashbackInformation:g,paymentSourceInformation:x,isCashbackInfoFetchStateCompleted:b,isCreditCardInfoFetchStateCompleted:d,isDebitCardInfoFetchStateCompleted:S,paymentInitiatedDate:v,onSaveChangesToLocalStore:M,onTransferClick:I,sourcePage:R,onBackNavigation:F,onDismissClick:T,onEstablishConnectionClick:P,onFetchLinkTokenClick:B,plaidConnectionDetails:_,onSignUpAccountClick:Q,onMoveMoneyClick:s,onUpdatePaymentAccountStatus:ee,onEstablishConnectionSuccess:oe})=>{const $=ge(),O=ye().analytics,[N,W]=p.useState(!1),[A,V]=p.useState(!1);p.useEffect(()=>{A&&setTimeout(()=>{V(!1),W(!0)},1e3)},[A]);const w=o.chargeCardRepaymentDetailLocalData.amount.amount===L,H=o.chargeCardRepaymentDetailLocalData.transferFrom?.accType==="depositAccount";return t.jsx(wt,{windowSize:$,children:o.updateStatus==="Completed"?t.jsxs(je,{windowSize:$,isTransferCompleted:!0,children:[t.jsx(ze,{windowSize:$,children:t.jsx(Ee,{"data-testid":ae("cross-credit-card-payment-success-close-button"),onClick:()=>{b&&d&&S&&g!=null&&O.trackCardsPayEarlyFormClick(l,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,h,C),T?.()}})}),t.jsxs(kt,{windowSize:$,children:[t.jsx(ea,{width:150,height:150,shouldDisplay:!0,animationInLoop:1}),t.jsx(Dt,{children:t.jsxs(t.Fragment,{children:[E.youvePaid,t.jsx(St,{children:aa("0,0.[00]",o.chargeCardRepaymentDetailLocalData.amount)}),Te.transferDrawer.internal.transferSuccessMsgMidfix,`"${o.chargeCardRepaymentDetailLocalData.transferFrom?.label}".`,H?w?E.theCreditLimitWillResetWithin1BusinessDay:E.theCreditLimitWillUpdateWithin1BusinessDay:w?E.theCreditLimitWillResetWithin23BusinessDays:E.theCreditLimitWillUpdateWithin23BusinessDays]})}),t.jsx($t,{windowSize:$,children:t.jsx(ta,{variant:"primary",label:R==="cardPaymentHistory"?E.goToPaymentHistory:E.goToCards,"data-testid":ae("back-to-cards-button"),onClick:F})})]})]}):N?t.jsx(_a,{paymentDetails:o,setShowReviewContent:W,onTransferClick:I,isCashbackInfoFetchStateCompleted:b,isCreditCardInfoFetchStateCompleted:d,isDebitCardInfoFetchStateCompleted:S,controllerEmails:l,productInformation:f,cashbackInformation:g,paymentSourceInformation:x,creditAccountInformation:h,debitAccountInformation:C}):t.jsxs(t.Fragment,{children:[t.jsxs(je,{windowSize:$,isTransferCompleted:!1,children:[t.jsx(ze,{windowSize:$,children:t.jsx(Ee,{"data-testid":ae("cross-amount-details-close-button"),onClick:()=>{b&&d&&S&&g!=null&&O.trackCardsPayEarlyFormClick(l,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(Pe.visual.MMMDCommaYYYYformat),paymentInitiatedDate:v?.format(Pe.visual.MMMDCommaYYYYformat)},x,h,C),T?.()}})}),$==="small"?t.jsx(At,{windowSize:$,children:E.payCreditCardBalance}):t.jsx(Lt,{children:E.payCreditCardBalance}),o.fetchState==="Completed"?t.jsx(pt,{autoPayThreshold:e,maxInsuredAmount:u,onSaveChangesToLocalStore:M,plaidConnectionDetails:_,paymentDetails:o,setShowReviewLoading:V,onEstablishConnectionSuccess:oe,isAccountsEnabled:n,onFetchLinkTokenClick:B,onUpdatePaymentAccountStatus:ee,onEstablishConnectionClick:P,onSignUpAccountClick:Q,onMoveMoneyClick:s,isCashbackInfoFetchStateCompleted:b,isCreditCardInfoFetchStateCompleted:d,isDebitCardInfoFetchStateCompleted:S,controllerEmails:l,productInformation:f,cashbackInformation:g,paymentSourceInformation:x,creditAccountInformation:h,debitAccountInformation:C}):t.jsx(na,{size:"Standard",start:!0,style:{display:"flex",justifyContent:"center",alignItems:"center",height:"calc(100vh - 210px)"}})]}),t.jsx(Me,{style:{zIndex:4,paddingTop:a.sp3,paddingBottom:a.sp3},formId:He(Ve),helperStyle:{paddingTop:a.sp0,paddingBottom:a.sp0},primaryBtn:{label:K.getLocalizedStrings().common.review,isLoading:A},cancelBtn:{label:Te.transferDrawer.cancelBtn,onClick:()=>{b&&d&&S&&g!=null&&O.trackCardsPayEarlyFormClick(l,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,h,C),T?.()}}})]})})},wt=i.div`
+`,Re=(e,o,u)=>({amount:{amount:e[Y].amount??0,currencyCode:"USD",currencySymbol:"$"},transferFrom:o.find(n=>n.id===e[Y].withdrawFrom.selectedOption),isAutoRepayment:e[Y].enableAutoPay,idempotencyKey:u}),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])},bt={sectionTitle:new q("h6Regular","h5Regular")},Te=J.getLocalizedStrings().spendManagement.zeniAccounts.zeniAccountList,E=J.getLocalizedStrings().spendManagement.chargeCard.payEarly,{dateFormat:Pe}=J.getLocalizedStrings(),xt=({autoPayThreshold:e,paymentDetails:o,maxInsuredAmount:u,isAccountsEnabled:n,productInformation:f,controllerEmails:l,creditAccountInformation:h,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:M,plaidConnectionDetails:_,onSignUpAccountClick:Q,onMoveMoneyClick:s,onUpdatePaymentAccountStatus:ee,onEstablishConnectionSuccess:oe})=>{const k=ge(),O=ye().analytics,[N,W]=p.useState(!1),[A,V]=p.useState(!1);p.useEffect(()=>{A&&setTimeout(()=>{V(!1),W(!0)},1e3)},[A]);const w=o.chargeCardRepaymentDetailLocalData.amount.amount===L,G=o.chargeCardRepaymentDetailLocalData.transferFrom?.accType==="depositAccount";return t.jsx(wt,{windowSize:k,children:o.updateStatus==="Completed"?t.jsxs(je,{windowSize:k,isTransferCompleted:!0,children:[t.jsx(ze,{windowSize:k,children:t.jsx(Ee,{"data-testid":ae("cross-credit-card-payment-success-close-button"),onClick:()=>{b&&d&&S&&g!=null&&O.trackCardsPayEarlyFormClick(l,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,h,C),T?.()}})}),t.jsxs($t,{windowSize:k,children:[t.jsx(ea,{width:150,height:150,shouldDisplay:!0,animationInLoop:1}),t.jsx(Dt,{children:t.jsxs(t.Fragment,{children:[E.youvePaid,t.jsx(St,{children:aa("0,0.[00]",o.chargeCardRepaymentDetailLocalData.amount)}),Te.transferDrawer.internal.transferSuccessMsgMidfix,`"${o.chargeCardRepaymentDetailLocalData.transferFrom?.label}".`,G?w?E.theCreditLimitWillResetWithin1BusinessDay:E.theCreditLimitWillUpdateWithin1BusinessDay:w?E.theCreditLimitWillResetWithin23BusinessDays:E.theCreditLimitWillUpdateWithin23BusinessDays]})}),t.jsx(kt,{windowSize:k,children:t.jsx(ta,{variant:"primary",label:F==="cardPaymentHistory"?E.goToPaymentHistory:E.goToCards,"data-testid":ae("back-to-cards-button"),onClick:R})})]})]}):N?t.jsx(_a,{paymentDetails:o,setShowReviewContent:W,onTransferClick:I,isCashbackInfoFetchStateCompleted:b,isCreditCardInfoFetchStateCompleted:d,isDebitCardInfoFetchStateCompleted:S,controllerEmails:l,productInformation:f,cashbackInformation:g,paymentSourceInformation:x,creditAccountInformation:h,debitAccountInformation:C}):t.jsxs(t.Fragment,{children:[t.jsxs(je,{windowSize:k,isTransferCompleted:!1,children:[t.jsx(ze,{windowSize:k,children:t.jsx(Ee,{"data-testid":ae("cross-amount-details-close-button"),onClick:()=>{b&&d&&S&&g!=null&&O.trackCardsPayEarlyFormClick(l,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(Pe.visual.MMMDCommaYYYYformat),paymentInitiatedDate:v?.format(Pe.visual.MMMDCommaYYYYformat)},x,h,C),T?.()}})}),k==="small"?t.jsx(At,{windowSize:k,children:E.payCreditCardBalance}):t.jsx(Lt,{children:E.payCreditCardBalance}),o.fetchState==="Completed"?t.jsx(pt,{autoPayThreshold:e,maxInsuredAmount:u,onSaveChangesToLocalStore:B,plaidConnectionDetails:_,paymentDetails:o,setShowReviewLoading:V,onEstablishConnectionSuccess:oe,isAccountsEnabled:n,onFetchLinkTokenClick:M,onUpdatePaymentAccountStatus:ee,onEstablishConnectionClick:P,onSignUpAccountClick:Q,onMoveMoneyClick:s,isCashbackInfoFetchStateCompleted:b,isCreditCardInfoFetchStateCompleted:d,isDebitCardInfoFetchStateCompleted:S,controllerEmails:l,productInformation:f,cashbackInformation:g,paymentSourceInformation:x,creditAccountInformation:h,debitAccountInformation:C}):t.jsx(na,{size:"Standard",start:!0,style:{display:"flex",justifyContent:"center",alignItems:"center",height:"calc(100vh - 210px)"}})]}),t.jsx(Be,{style:{zIndex:4,paddingTop:a.sp3,paddingBottom:a.sp3},formId:Ge(Ve),helperStyle:{paddingTop:a.sp0,paddingBottom:a.sp0},primaryBtn:{label:J.getLocalizedStrings().common.review,isLoading:A},cancelBtn:{label:Te.transferDrawer.cancelBtn,onClick:()=>{b&&d&&S&&g!=null&&O.trackCardsPayEarlyFormClick(l,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,h,C),T?.()}}})]})})},wt=i.div`
   display: flex;
   flex-direction: column;
   background-color: ${e=>e.theme.colors.grey4};
@@ -175,13 +175,13 @@ import{V as t,e as ge,h as ye,b as ae,gT as ea,a5 as aa,a as ta,L as na,a9 as Me
   padding-left: ${e=>`${ne.containerPaddingLeft.valuePx(e.windowSize)}`};
   padding-right: ${e=>`${ne.containerPaddingRight.valuePx(e.windowSize)}`};
   margin-bottom: auto;
-`,$t=i.div`
+`,kt=i.div`
   display: flex;
   justify-content: center;
   flex-direction: ${e=>e.windowSize==="small"?"column-reverse":"row"};
   margin-top: ${a.sp6};
   gap: ${e=>`${ne.buttonTrayGap.valuePx(e.windowSize)}`};
-`,kt=i.div`
+`,$t=i.div`
   height: 80%;
   display: flex;
   flex-direction: column;
@@ -198,7 +198,7 @@ import{V as t,e as ge,h as ye,b as ae,gT as ea,a5 as aa,a as ta,L as na,a9 as Me
   padding: ${e=>`${ne.navBarContainerPaddingXaxis.valuePx(e.windowSize)} ${a.sp0}`};
   z-index: 2;
   background-color: ${e=>e.theme.colors.grey4};
-`,Ee=i(Be)`
+`,Ee=i(Me)`
   cursor: pointer;
   color: ${e=>e.theme.colors.hero};
   width: ${a.sp4};
@@ -217,7 +217,7 @@ import{V as t,e as ge,h as ye,b as ae,gT as ea,a5 as aa,a as ta,L as na,a9 as Me
   color: ${e=>e.theme.colors.primary};
   margin-top: ${a.sp3};
   margin-bottom: ${a.sp2};
-`,Ut=({autoPayThreshold:e,paymentDetails:o,isZeniAccountSetupEnabled:u,maxInsuredAmount:n,onUpdatePaymentAccountStatus:f,onSaveChangesToLocalStore:l,creditAccountSpentAmount:h,onTransferClick:L,controllerEmails:C,productInformation:g,creditAccountInformation:x,debitAccountInformation:b,cashbackInformation:d,paymentSourceInformation:S,isCashbackInfoFetchStateCompleted:v,isCreditCardInfoFetchStateCompleted:M,isDebitCardInfoFetchStateCompleted:I,sourcePage:R,onBackNavigation:F,onDismissClick:T,onEstablishConnectionClick:P,onEstablishConnectionSuccess:B,onFetchLinkTokenClick:_,plaidConnectionDetails:Q,onSignUpAccountClick:s,onMoveMoneyClick:ee})=>t.jsx(vt,{children:t.jsx(xt,{autoPayThreshold:e,paymentDetails:o,maxInsuredAmount:n,productInformation:g,controllerEmails:C,creditAccountInformation:x,debitAccountInformation:b,cashbackInformation:d,paymentSourceInformation:S,isCashbackInfoFetchStateCompleted:v,isCreditCardInfoFetchStateCompleted:M,isDebitCardInfoFetchStateCompleted:I,creditAccountSpentAmount:h,onSaveChangesToLocalStore:l,onTransferClick:L,sourcePage:R,onBackNavigation:F,onDismissClick:T,plaidConnectionDetails:Q,isAccountsEnabled:u,onEstablishConnectionClick:P,onFetchLinkTokenClick:_,onUpdatePaymentAccountStatus:f,onEstablishConnectionSuccess:B,onSignUpAccountClick:s,onMoveMoneyClick:ee})}),vt=i.div`
+`,Ut=({autoPayThreshold:e,paymentDetails:o,isZeniAccountSetupEnabled:u,maxInsuredAmount:n,onUpdatePaymentAccountStatus:f,onSaveChangesToLocalStore:l,creditAccountSpentAmount:h,onTransferClick:L,controllerEmails:C,productInformation:g,creditAccountInformation:x,debitAccountInformation:b,cashbackInformation:d,paymentSourceInformation:S,isCashbackInfoFetchStateCompleted:v,isCreditCardInfoFetchStateCompleted:B,isDebitCardInfoFetchStateCompleted:I,sourcePage:F,onBackNavigation:R,onDismissClick:T,onEstablishConnectionClick:P,onEstablishConnectionSuccess:M,onFetchLinkTokenClick:_,plaidConnectionDetails:Q,onSignUpAccountClick:s,onMoveMoneyClick:ee})=>t.jsx(vt,{children:t.jsx(xt,{autoPayThreshold:e,paymentDetails:o,maxInsuredAmount:n,productInformation:g,controllerEmails:C,creditAccountInformation:x,debitAccountInformation:b,cashbackInformation:d,paymentSourceInformation:S,isCashbackInfoFetchStateCompleted:v,isCreditCardInfoFetchStateCompleted:B,isDebitCardInfoFetchStateCompleted:I,creditAccountSpentAmount:h,onSaveChangesToLocalStore:l,onTransferClick:L,sourcePage:F,onBackNavigation:R,onDismissClick:T,plaidConnectionDetails:Q,isAccountsEnabled:u,onEstablishConnectionClick:P,onFetchLinkTokenClick:_,onUpdatePaymentAccountStatus:f,onEstablishConnectionSuccess:M,onSignUpAccountClick:s,onMoveMoneyClick:ee})}),vt=i.div`
   display: flex;
   flex-direction: column;
   background-color: ${e=>e.theme.colors.grey4};

package/dist/assets/CurrencySelectField-KvKyemY6-BCtUTOpg.js

@@ -0,0 +1,139 @@
+import{c3 as M,y as N,dL as P,O as _,V as l,dU as H,b3 as L,o,cD as z,a6 as x,bO as B,b4 as g,s as T,j as w,em as U,en as q,eo as A,x as G,b2 as J,a8 as K,e as m}from"./index-EqHxd201.js";import{a as S}from"./sentry-Q4kep6XN.js";import{n}from"./mui-2NnLxiU2.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},t=new e.Error().stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="f3190147-9504-4f3a-8045-725d67efdbe6",e._sentryDebugIdIdentifier="sentry-dbid-f3190147-9504-4f3a-8045-725d67efdbe6")}catch{}})();const $e=({name:e,registerOptions:t,defaultValue:r,isDisabled:a,style:c,placeholder:d,isOptionRemovable:i=!0,menuItemHeight:u=40,controlStyle:p})=>{const{control:y,formState:{errors:f}}=M(),b=N(),[j,k]=S.useState(!1),C=P(f,e??""),I=_.getLocalizedStrings().common.currency,D=s=>{if(s!=null&&s)return{value:s,label:r.allOptions.find(h=>h.value===s)?.label??s,countryCode:r.allOptions.find(h=>h.value===s)?.countryCode??I.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:C,menuItemHeight:u,controlStyle:p,isOptionRemovable:i};return l.jsx(H,{name:e,control:y,defaultValue:r,rules:t,"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:D(v.selectedOption),options:r.allOptions,"data-testid":x("currency-select",e),onChange:$=>{i&&$?.value!=null&&v?.selectedOption===$.value?s({selectedOption:void 0,allOptions:r.allOptions}):s({selectedOption:$?.value,allOptions:r.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:Q,Option:W,Input:Z,SingleValue:ee,ValueContainer:Y,DropdownIndicator:he,IndicatorSeparator:me,Placeholder:oe,ClearIndicator:ge,MenuList:X},hideSelectedOptions:!1,styles:V,isDisabled:a!=null})}})},Q=e=>{const{menuIsOpen:t,isFocused:r,isDisabled:a,selectProps:c}=e,{value:d,hasError:i,controlStyle:u}=c;return l.jsx(re,{controlStyle:u,menuIsOpen:t,isFocused:r,isDisabled:a,selectedValue:d,hasError:i,children:l.jsx(g.Control,{...e,className:"select-control",children:e.children})})},W=e=>{const{data:t,isSelected:r,isDisabled:a,isFocused:c,selectProps:d}=e,{isOptionRemovable:i}=d,u=t.countryCode,p=typeof t.label=="string"?t.label:t.value;return l.jsx(te,{isOptionRemovable:i,className:"select-option-wrapper",isFocused:c,isSelected:r,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:r,children:l.jsx(ne,{isSelected:r,isDisabled:a,children:t.label})}),r?l.jsxs(de,{children:[l.jsx(ue,{className:"right-tick-icon"}),l.jsx(pe,{className:"close-tick-icon"})]}):null]})})})},X=e=>{const{options:t,children:r,maxHeight:a,getValue:c,selectProps:d}=e,{menuItemHeight:i}=d,[u]=c(),p=t.indexOf(u)*i;return l.jsx(B,{height:r.length>7?a:r.length*i,width:"100%",itemCount:r.length,itemSize:()=>i,initialScrollOffset:p,children:({index:y,style:f})=>l.jsx(ce,{style:f,children:r[y]})})},Y=e=>l.jsx(g.ValueContainer,{...e,className:"select-value-container",children:e.children}),Z=e=>{const{selectProps:t}=e,{placeholder:r,value:a}=t;return l.jsx(O,{children:l.jsx(g.Input,{...e,autoComplete:"new-password",placeholder:a==null?r:void 0,children:e.children})})},ee=e=>{const{data:t}=e;return l.jsx(g.SingleValue,{...e,children:l.jsx(O,{children:t.label})})},O=n(T)`
+  color: ${e=>e.theme.colors.primary};
+`,oe=()=>null,le=({countryCode:e})=>{if(e!=null&&U(e)===!1)return l.jsx(l.Fragment,{});{const t=q[`${A(e??"")}`];return l.jsx(ie,{children:l.jsx(t,{width:o.sp4,height:o.sp3})})}},re=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};
+        }
+      }
+    }
+  }
+`,te=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(G)`
+  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(J)`
+  width: 12px;
+  height: 12px;
+  margin-right: 2px;
+  margin-left: ${o.sp1};
+  color: ${e=>e.theme.colors.primary};
+`,pe=n(K)`
+  width: ${o.sp3};
+  height: ${o.sp3};
+  color: ${e=>e.theme.colors.primary};
+`,he=()=>null,me=()=>null,ge=()=>null;export{$e as S};

package/dist/assets/{CustomerOnboardingActivationPage-f3Aa6E5r-jXI67T90.js → CustomerOnboardingActivationPage-6VlMI4oY-DeMdKyDt.js}

@@ -1,4 +1,4 @@
-import{e as f,V as i,O as c,a7 as l,b as p,L as g,o,r as h,c2 as x,n as m}from"./index-C-nTPjDF.js";import{a as b}from"./sentry-Dd2vHz0L.js";import{n as t}from"./mui-BOwjqiG-.js";import"./pdf-BrZAvZ1o.js";import"./zeni-epic-state-ChDcaYf9.js";import"./core-C_Me9Mw3.js";import"./lottie-DyM2Y4mu.js";import"./liveblocks-WO1k1bbB.js";import"./recharts-B22vzlMp.js";import"./dnd-BRZ99wCN.js";import"./analytics-CkXlMwul.js";import"./plaid-CyY87P8r.js";import"./utils-CInzYuJw.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]="b764bfce-eec9-4469-927e-ef1788fb9d05",e._sentryDebugIdIdentifier="sentry-dbid-b764bfce-eec9-4469-927e-ef1788fb9d05")}catch{}})();const u=t.div`
+import{J as u,V as i,O as c,a7 as l,a6 as p,f as g,o,d as h,bX as x,l as m}from"./index-EqHxd201.js";import{a as b}from"./sentry-Q4kep6XN.js";import{n as t}from"./mui-2NnLxiU2.js";import"./pdf-CmlsF1Bq.js";import"./zeni-epic-state-DHqVwJ2L.js";import"./core-B0aIoG8L.js";import"./lottie-C-63nSQ2.js";import"./liveblocks-BGLG0ZRF.js";import"./recharts-DLbOXl5Z.js";import"./dnd-CeLShHIc.js";import"./analytics-JKNMIPCj.js";import"./plaid-AStGMBRC.js";import"./utils-Yz1HF93N.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]="ca974584-d051-44db-9e12-1286ce0c9bec",e._sentryDebugIdIdentifier="sentry-dbid-ca974584-d051-44db-9e12-1286ce0c9bec")}catch{}})();const f=t.div`
   display: flex;
   width: 100%;
   flex-direction: column;
@@ -44,7 +44,7 @@ import{e as f,V as i,O as c,a7 as l,b as p,L as g,o,r as h,c2 as x,n as m}from".
   text-align: center;
 `,k=t.div`
   margin-top: ${o.sp3};
-`,z=({dashboardFetchState:e,onZeniLogoClick:r,onDashboardFetchDone:n})=>{const{title:d,subTitle:a}=c.getLocalizedStrings().customerOnboardingPage.thankYou,s=l(e);return b.useEffect(()=>{s==="In-Progress"&&e!=="In-Progress"&&n()},[e,s,n]),i.jsxs(u,{children:[i.jsx($,{children:i.jsx(y,{"data-testid":p("zeni-logo-customer-onboarding-activation-page"),onClick:r})}),i.jsxs(j,{children:[i.jsx(v,{children:d}),i.jsx(w,{children:a}),i.jsx(k,{children:i.jsx(g,{size:"Large",start:!0})})]})]})},D=t.div`
+`,z=({dashboardFetchState:e,onZeniLogoClick:r,onDashboardFetchDone:n})=>{const{title:d,subTitle:a}=c.getLocalizedStrings().customerOnboardingPage.thankYou,s=l(e);return b.useEffect(()=>{s==="In-Progress"&&e!=="In-Progress"&&n()},[e,s,n]),i.jsxs(f,{children:[i.jsx($,{children:i.jsx(y,{"data-testid":p("zeni-logo-customer-onboarding-activation-page"),onClick:r})}),i.jsxs(j,{children:[i.jsx(v,{children:d}),i.jsx(w,{children:a}),i.jsx(k,{children:i.jsx(g,{size:"Large",start:!0})})]})]})},D=t.div`
   display: flex;
   flex-direction: column;
   height: 100vh;
@@ -85,4 +85,4 @@ import{e as f,V as i,O as c,a7 as l,b as p,L as g,o,r as h,c2 as x,n as m}from".
   width: 100%;
 `,T=t.div`
   margin-top: ${o.sp3};
-`,_=({dashboardFetchState:e,onZeniLogoClick:r,onDashboardFetchDone:n})=>{const{title:d,subTitle:a}=c.getLocalizedStrings().customerOnboardingPage.thankYou,s=l(e);return b.useEffect(()=>{s==="In-Progress"&&e!=="In-Progress"&&n()},[e,s,n]),i.jsxs(D,{children:[i.jsx(I,{children:i.jsx(L,{children:i.jsx(P,{"data-testid":p("zeni-logo-customer-onboarding-activation-page"),onClick:r})})}),i.jsxs(C,{children:[i.jsx(F,{children:d}),i.jsx(S,{children:a}),i.jsx(T,{children:i.jsx(g,{size:"Large",start:!0})})]})]})},N=e=>f()==="small"?i.jsx(_,{...e}):i.jsx(z,{...e});export{N as default};
+`,_=({dashboardFetchState:e,onZeniLogoClick:r,onDashboardFetchDone:n})=>{const{title:d,subTitle:a}=c.getLocalizedStrings().customerOnboardingPage.thankYou,s=l(e);return b.useEffect(()=>{s==="In-Progress"&&e!=="In-Progress"&&n()},[e,s,n]),i.jsxs(D,{children:[i.jsx(I,{children:i.jsx(L,{children:i.jsx(P,{"data-testid":p("zeni-logo-customer-onboarding-activation-page"),onClick:r})})}),i.jsxs(C,{children:[i.jsx(F,{children:d}),i.jsx(S,{children:a}),i.jsx(T,{children:i.jsx(g,{size:"Large",start:!0})})]})]})},M=e=>u()==="small"?i.jsx(_,{...e}):i.jsx(z,{...e});export{M as default};

package/dist/assets/CustomerOnboardingAuthScreen-BpXFr5WU.js

@@ -0,0 +1 @@
+import{j as i}from"./pdf-CmlsF1Bq.js";import{je as n}from"./index-EqHxd201.js";import{g as m}from"./QBOConnectionScreen-BBQqRB2z.js";import"./sentry-Q4kep6XN.js";import{h as f,N as s}from"./core-B0aIoG8L.js";import"./zeni-epic-state-DHqVwJ2L.js";import"./mui-2NnLxiU2.js";import"./recharts-DLbOXl5Z.js";import"./lottie-C-63nSQ2.js";import"./liveblocks-BGLG0ZRF.js";import"./dnd-CeLShHIc.js";import"./analytics-JKNMIPCj.js";import"./plaid-AStGMBRC.js";import"./utils-Yz1HF93N.js";import"./empty-BkriGRuv.js";import"./pdf-lib-BdZjuQvb.js";import"./index-CImw4dkc.js";import"./url-DpsurdUI.js";import"./index-uHN8COgu.js";import"./decodeURIComponentSafe-Bu6iKDPg.js";(function(){try{var t=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},o=new t.Error().stack;o&&(t._sentryDebugIds=t._sentryDebugIds||{},t._sentryDebugIds[o]="67da2c20-e9bb-42fa-9e12-d9384f5f5f08",t._sentryDebugIdIdentifier="sentry-dbid-67da2c20-e9bb-42fa-9e12-d9384f5f5f08")}catch{}})();const S=()=>{const t=f(),{code:o,realmId:r,state:e}=m(t.search),a=n.getSignedInUser()?.userId??"";if(p(o,r,e,a)===!0){const d=`../../${e}/onboarding?code=${o}&realmId=${r}&state=auth_flow`;return i.jsx(s,{to:d})}return i.jsx(s,{to:"../../"})},p=(t,o,r,e)=>t!=""&&o!=""&&r!=""&&e!=null&&e!="";export{S as default,p as hasValidParams};

package/dist/assets/CustomerOnboardingContainerPage-CRjwWFLJ-DbpGIGU3.js

@@ -0,0 +1 @@
+import{V as o}from"./index-EqHxd201.js";import i from"./CustomerOnboardingNoStepsPage-CWF_00EM-CLvcWk0H.js";import e from"./CustomerOnboardingPage-DkW66A-p-BTo5QwFe.js";import"./sentry-Q4kep6XN.js";import"./pdf-CmlsF1Bq.js";import"./zeni-epic-state-DHqVwJ2L.js";import"./core-B0aIoG8L.js";import"./mui-2NnLxiU2.js";import"./recharts-DLbOXl5Z.js";import"./lottie-C-63nSQ2.js";import"./liveblocks-BGLG0ZRF.js";import"./dnd-CeLShHIc.js";import"./analytics-JKNMIPCj.js";import"./plaid-AStGMBRC.js";import"./utils-Yz1HF93N.js";import"./PaymentAccountSetupBillingAddressSection-JPO-rPAd-B-z2Hz_U.js";import"./stripe-DMRn4zHo.js";import"./commonTypes-DsWS6Ccc-DDqFel7Y.js";import"./SetUpAccountSection-sfIB1h4i-DH94MVfE.js";import"./CustomerOnboardingDetailPageSkeleton-BzbZb27J-DIp-B8Eo.js";import"./CompanyOfficerDetailsSection-BaPhFsLx-Dk4NXxuC.js";import"./helper-BMiMbXMj-CknnjhGs.js";import"./LabeledAddressValueField-C6-hVsPb-DpefLTXR.js";import"./LabeledCountryMultiSelectField-sj8p7Rne-BvAG6B9f.js";import"./LabeledCreatableSingleSelectField-DUTQh416-BmK87V1S.js";import"./LabeledDocumentField-Bp9m-OrP-BKL6LfIV.js";import"./LabeledNameField--saAep-_-DOt6Hp9d.js";import"./avatar-Dz7aEm3d-D4Z6gXMA.js";import"./QBOSetupSection-CzBfIVqR-D48AIQ6b.js";import"./QBOConnectionDialog-Ca36jKz2-DpeJsMkG.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]="6cba1046-4efe-4c8b-b68f-161e67689e63",t._sentryDebugIdIdentifier="sentry-dbid-6cba1046-4efe-4c8b-b68f-161e67689e63")}catch{}})();const B=t=>t.currentTenant?.productSettings.isOtherProductsEnabled===!0?o.jsx(i,{...t}):o.jsx(e,{...t});export{B as default};

package/dist/assets/{CustomerOnboardingDetailPageSkeleton-DYuiWn8s-By6QXlft.js → CustomerOnboardingDetailPageSkeleton-BzbZb27J-DIp-B8Eo.js}

@@ -1,11 +1,11 @@
-import{y as x,e as H,V as s,bg as b,o as t,m as z,x as f,b as y,aL as I,r as T,O as E,f as u,er as N,hc as R,fh as L,t as P,H as U,hd as O}from"./index-C-nTPjDF.js";import{n as r}from"./mui-BOwjqiG-.js";import{b as S}from"./sentry-Dd2vHz0L.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]="727666d9-656d-42dd-840d-60108b6c76ba",e._sentryDebugIdIdentifier="sentry-dbid-727666d9-656d-42dd-840d-60108b6c76ba")}catch{}})();const W=r(O)`
+import{y as x,J as H,V as s,bb as u,o as t,u as z,b as f,a6 as y,aL as I,d as T,O as E,e as b,ef as N,g_ as R,f7 as L,N as P,W as U,g$ as W}from"./index-EqHxd201.js";import{n as r}from"./mui-2NnLxiU2.js";import{b as $}from"./sentry-Q4kep6XN.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]="ae8eed68-c60b-4994-8bae-851b11508b4e",e._sentryDebugIdIdentifier="sentry-dbid-ae8eed68-c60b-4994-8bae-851b11508b4e")}catch{}})();const O=r(W)`
   /* Size is controlled by styles.root prop */
 `,_=r.div`
   position: relative;
   width: ${t.sp3};
   height: ${t.sp3};
   border-radius: 50%;
-  background-color: ${u.brandColorJadeLight};
+  background-color: ${b.brandColorJadeLight};
   display: flex;
   align-items: center;
   justify-content: center;
@@ -22,7 +22,7 @@ import{y as x,e as H,V as s,bg as b,o as t,m as z,x as f,b as y,aL as I,r as T,O
     pointer-events: none;
     z-index: 1;
   }
-`,F=({valueEnd:e,valueStart:i,children:o})=>{const[d,l]=S.useState(i);return S.useEffect(()=>{const n=setTimeout(()=>{l(e)},100);return()=>clearTimeout(n)},[e]),s.jsx(s.Fragment,{children:o(d)})},B=({valueEnd:e=50})=>{const i=x();return s.jsx(F,{valueStart:0,valueEnd:e,children:o=>s.jsx(_,{theme:i,children:s.jsx(W,{value:o,strokeWidth:50,circleRatio:1,styles:{...R({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"}}})})})},v=({isActive:e,isCompleted:i,isDisabled:o,isError:d,isHalfCompleted:l,theme:n})=>e||i||l||d?d?u.runwayRed:n.colors.primary:o?n.colors.grey1:n.colors.hero,w=({isActive:e,isCompleted:i,isDisabled:o,isHalfCompleted:d,theme:l})=>e||i||d?l.colors.primary:o?l.colors.grey1:l.colors.hero,J=r.div`
+`,F=({valueEnd:e,valueStart:i,children:o})=>{const[d,l]=$.useState(i);return $.useEffect(()=>{const n=setTimeout(()=>{l(e)},100);return()=>clearTimeout(n)},[e]),s.jsx(s.Fragment,{children:o(d)})},J=({valueEnd:e=50})=>{const i=x();return s.jsx(F,{valueStart:0,valueEnd:e,children:o=>s.jsx(_,{theme:i,children:s.jsx(O,{value:o,strokeWidth:50,circleRatio:1,styles:{...R({pathColor:b.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"}}})})})},v=({isActive:e,isCompleted:i,isDisabled:o,isError:d,isHalfCompleted:l,theme:n})=>e||i||l||d?d?b.runwayRed:n.colors.primary:o?n.colors.grey1:n.colors.hero,w=({isActive:e,isCompleted:i,isDisabled:o,isHalfCompleted:d,theme:l})=>e||i||d?l.colors.primary:o?l.colors.grey1:l.colors.hero,B=r.div`
   width: 100%;
   display: flex;
   background: ${e=>e.isActive?e.theme.colors.grey5:null};
@@ -47,11 +47,11 @@ import{y as x,e as H,V as s,bg as b,o as t,m as z,x as f,b as y,aL as I,r as T,O
 `,Z=r(L)`
   width: ${t.sp3};
   height: ${t.sp3};
-  color: ${u.success};
+  color: ${b.success};
 `,q=r(N)`
   width: ${t.sp3};
   height: ${t.sp3};
-  color: ${u.runwayRed};
+  color: ${b.runwayRed};
 `,G=r.div`
   height: ${t.sp3};
   width: ${t.sp3};
@@ -65,7 +65,7 @@ import{y as x,e as H,V as s,bg as b,o as t,m as z,x as f,b as y,aL as I,r as T,O
   color: ${e=>v({isActive:e.isActive,isCompleted:e.isCompleted,isDisabled:e.disabledStep,isError:e.isError,isHalfCompleted:e.isHalfCompleted,theme:e.theme})};
 `,Q=r(U)`
   color: ${e=>w({isActive:e.isActive,isCompleted:e.isCompleted,isDisabled:e.disabledStep,isHalfCompleted:e.isHalfCompleted,theme:e.theme})};
-`;function X({onboardingStep:e,isActive:i,isCompleted:o,isHalfCompleted:d,isDisabled:l,isError:n,stepText:h,stepSubText:m,onUpdateStep:g,setIsStepClicked:p,disabledSteps:a}){const c=l||a.includes(e)&&i===!1;return s.jsxs(J,{isActive:i,isDisabled:c,isCompleted:o,isHalfCompleted:d,isError:n,onClick:l===!1?()=>{a.includes(e)&&i===!1||(p(!0),g(e))}:void 0,"data-testid":y("step-box",e),children:[s.jsx(V,{children:n?s.jsx(q,{}):d?s.jsx(B,{}):o?s.jsx(Z,{}):s.jsx(G,{isActive:i,disabledStep:c})}),s.jsxs(K,{children:[s.jsx(M,{className:"step-content-title",isActive:i,isCompleted:o,isHalfCompleted:d,disabledStep:c,isError:n,children:h}),s.jsx(Q,{className:"step-content-subtitle",isActive:i,isCompleted:o,isHalfCompleted:d,disabledStep:c,children:m})]})]})}const Y=r.div`
+`;function X({onboardingStep:e,isActive:i,isCompleted:o,isHalfCompleted:d,isDisabled:l,isError:n,stepText:h,stepSubText:m,onUpdateStep:g,setIsStepClicked:p,disabledSteps:a}){const c=l||a.includes(e)&&i===!1;return s.jsxs(B,{isActive:i,isDisabled:c,isCompleted:o,isHalfCompleted:d,isError:n,onClick:l===!1?()=>{a.includes(e)&&i===!1||(p(!0),g(e))}:void 0,"data-testid":y("step-box",e),children:[s.jsx(V,{children:n?s.jsx(q,{}):d?s.jsx(J,{}):o?s.jsx(Z,{}):s.jsx(G,{isActive:i,disabledStep:c})}),s.jsxs(K,{children:[s.jsx(M,{className:"step-content-title",isActive:i,isCompleted:o,isHalfCompleted:d,disabledStep:c,isError:n,children:h}),s.jsx(Q,{className:"step-content-subtitle",isActive:i,isCompleted:o,isHalfCompleted:d,disabledStep:c,children:m})]})]})}const Y=r.div`
   display: flex;
   flex: 1 1 auto;
   margin-top: 84px;
@@ -89,7 +89,7 @@ import{y as x,e as H,V as s,bg as b,o as t,m as z,x as f,b as y,aL as I,r as T,O
   width: 100%;
   display: flex;
   box-sizing: border-box;
-`,oe=()=>{const e=x();return s.jsx(se,{children:[...Array(2)].map((i,o)=>s.jsx(ie,{children:s.jsx(b,{width:198,height:89,backgroundColor:e.colors.grey3,style:{borderRadius:t.sp2}})},o))})},re=240,de=r.div`
+`,oe=()=>{const e=x();return s.jsx(se,{children:[...Array(2)].map((i,o)=>s.jsx(ie,{children:s.jsx(u,{width:198,height:89,backgroundColor:e.colors.grey3,style:{borderRadius:t.sp2}})},o))})},re=240,de=r.div`
   display: flex;
   flex: 1 1 auto;
   flex-direction: column;
@@ -115,7 +115,7 @@ import{y as x,e as H,V as s,bg as b,o as t,m as z,x as f,b as y,aL as I,r as T,O
   color: ${e=>e.theme.colors.primary};
   cursor: pointer;
   flex-shrink: 0;
-`,ue=e=>{const{isOnAddressPage:i,allSteps:o,completedSteps:d,halfCompletedSteps:l,errorSteps:n,currentStep:h,signedInUser:m,currentTenant:g,fetchStatus:p,onUpdateStep:a,onZeniLogoClick:c,handleLogOutClick:k,handleCockpitClick:j,setIsStepClicked:A}=e,D=p.fetchState==="In-Progress"||p.fetchState==="Not-Started";return s.jsxs(de,{children:[s.jsx(ne,{"data-testid":y("zeni-logo-customer-onboarding-drawer"),onClick:c}),D?s.jsx(oe,{}):s.jsx(te,{allSteps:o,isDisabled:i,disabledSteps:[],completedSteps:d,halfCompletedSteps:l,errorSteps:n,currentStep:h,onUpdateStep:a,setIsStepClicked:A}),s.jsx(le,{children:s.jsx(I,{signedInUser:m,currentTenant:g,onLogOutClick:k,onCockpitClick:j})})]})},$={titleRectangleWidth:new f(250,500,550,600),subTitleRectangleWidth:new f(343,600,700,800)},ae=r.div`
+`,be=e=>{const{isOnAddressPage:i,allSteps:o,completedSteps:d,halfCompletedSteps:l,errorSteps:n,currentStep:h,signedInUser:m,currentTenant:g,fetchStatus:p,onUpdateStep:a,onZeniLogoClick:c,handleLogOutClick:k,handleCockpitClick:j,setIsStepClicked:A}=e,D=p.fetchState==="In-Progress"||p.fetchState==="Not-Started";return s.jsxs(de,{children:[s.jsx(ne,{"data-testid":y("zeni-logo-customer-onboarding-drawer"),onClick:c}),D?s.jsx(oe,{}):s.jsx(te,{allSteps:o,isDisabled:i,disabledSteps:[],completedSteps:d,halfCompletedSteps:l,errorSteps:n,currentStep:h,onUpdateStep:a,setIsStepClicked:A}),s.jsx(le,{children:s.jsx(I,{signedInUser:m,currentTenant:g,onLogOutClick:k,onCockpitClick:j})})]})},S={titleRectangleWidth:new f(250,500,550,600),subTitleRectangleWidth:new f(343,600,700,800)},ae=r.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -159,4 +159,4 @@ import{y as x,e as H,V as s,bg as b,o as t,m as z,x as f,b as y,aL as I,r as T,O
   box-sizing: border-box;
   align-items: center;
   justify-content: center;
-`,be=({isNoStepsPage:e=!1})=>{const i=x(),o=H();return s.jsx(ae,{isNoStepsPage:e,children:s.jsx(pe,{windowSize:o,children:s.jsxs(ce,{children:[s.jsx(C,{children:s.jsx(b,{width:$.titleRectangleWidth.value(o),height:z[6],backgroundColor:i.colors.grey3,style:{borderRadius:t.sp2}})}),s.jsx(C,{children:s.jsx(b,{width:$.subTitleRectangleWidth.value(o),height:27,backgroundColor:i.colors.grey3,style:{borderRadius:t.sp2}})})]})})})};export{re as a,ue as b,be as f};
+`,ue=({isNoStepsPage:e=!1})=>{const i=x(),o=H();return s.jsx(ae,{isNoStepsPage:e,children:s.jsx(pe,{windowSize:o,children:s.jsxs(ce,{children:[s.jsx(C,{children:s.jsx(u,{width:S.titleRectangleWidth.value(o),height:z[6],backgroundColor:i.colors.grey3,style:{borderRadius:t.sp2}})}),s.jsx(C,{children:s.jsx(u,{width:S.subTitleRectangleWidth.value(o),height:27,backgroundColor:i.colors.grey3,style:{borderRadius:t.sp2}})})]})})})};export{re as a,be as b,ue as f};

package/dist/assets/CustomerOnboardingNoStepsPage-CWF_00EM-CLvcWk0H.js

@@ -0,0 +1,66 @@
+import{c as de,V as n,eS as Se,J as fe,y as Ce,T as be,a7 as Pe,b$ as we,a_ as xe,o as a,a6 as ke,A as Ie,a9 as Ae,aL as $e,gY as ve,O as Oe,ei as Ve,ej as je,d as Te,b as Q,s as Le,u as v}from"./index-EqHxd201.js";import{n as c}from"./mui-2NnLxiU2.js";import{a as O}from"./sentry-Q4kep6XN.js";import{r as _e,t as ze}from"./PaymentAccountSetupBillingAddressSection-JPO-rPAd-B-z2Hz_U.js";import{f as Be}from"./CustomerOnboardingDetailPageSkeleton-BzbZb27J-DIp-B8Eo.js";import"./pdf-CmlsF1Bq.js";import"./zeni-epic-state-DHqVwJ2L.js";import"./core-B0aIoG8L.js";import"./lottie-C-63nSQ2.js";import"./liveblocks-BGLG0ZRF.js";import"./recharts-DLbOXl5Z.js";import"./dnd-CeLShHIc.js";import"./analytics-JKNMIPCj.js";import"./plaid-AStGMBRC.js";import"./utils-Yz1HF93N.js";import"./stripe-DMRn4zHo.js";import"./commonTypes-DsWS6Ccc-DDqFel7Y.js";import"./SetUpAccountSection-sfIB1h4i-DH94MVfE.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]="f41717a5-b4b3-47ae-a401-b5b4c51de2da",e._sentryDebugIdIdentifier="sentry-dbid-f41717a5-b4b3-47ae-a401-b5b4c51de2da")}catch{}})();const ee="onboardingPaymentAccountSetupSection",re="customerOnboardingNoStepsDetailPage",t="onboardingSubscriptionBillingAddress",X={titleWidth:new Q(343,580,726,826),subTitlePaddingTop:new Q(v[3],v[3]),subTitlePaddingBottom:new Q(v[3],v[3])},Ee=e=>`${e}_form`,Ue=Oe.getLocalizedStrings(),De=({onboardingCustomerView:e,connectedAccountProvider:u,cardPaymentView:p,stripeKey:j,googleAPIKey:T,signedInUser:w,currentTenant:L,onUpdateStep:_,handleCreateCardSetupIntent:z,handleConfirmCardSetupIntent:B,updateCardPaymentModalState:x,handleAddCardPaymentSource:E,resetCardPaymentViewState:U,handleResetCardPaymentErrorStatuses:D,redirectToProductSuitePage:k,onUpdateCustomerView:F,...K})=>{const m=fe(),M=de(),{analytics:C}=M,{onFetchLinkTokenClick:R,onUpdatePaymentAccountStatus:N,onUpdatePaymentAccountLoginStatus:Z,onEstablishConnectionClick:b,onEstablishConnectionSuccess:G,handleLogOutClick:H,onZeniLogoClick:W,onAddressEditHandler:I}=K,Y=Ce(),o=be({mode:"onSubmit",reValidateMode:"onSubmit",defaultValues:V(e),values:V(e),shouldFocusError:!0,resetOptions:{keepDirtyValues:!0}}),{companyOfficerLocalData:le,saveStatus:g,paymentAccount:A,paymentAccountStatus:ce,plaidConnectionDetails:te,uiState:ue,allNationalityCountries:ne,subscriptionBillingAddress:y}=e,{customerOnboardingPage:pe,common:h}=Ue,{footer:me,steps:ge}=pe,{buttons:q}=me,ae=ge.link_payment_account,$=Pe(g.fetchState),ie=Object.values(le).findIndex(d=>d?.isSelectedForVerification===!0)??0,ye=`Officer_${ie<0?1:ie+1}`;O.useEffect(()=>{const d=o.watch((l,{name:i})=>{i!=null&&l!=null&&we(()=>(async(r,s)=>{if(r.includes(t)&&s[t]!=null){const S=o.getValues(`${t}`).country;let f=s[t];if(r.includes(`${t}.street`)&&s[t].street!=null){const{addressValue:P}=s[t].street,J=Ve(P?.country);f={street:s[t].street??h.strings.empty,city:P?.locality??h.strings.empty,state:P?.administrativeAreaLevel1??h.strings.empty,country:J,countryCode:P?.countryCode??h.strings.empty,postalCode:P?.postalCode??h.strings.empty,secondaryInfo:s[t].secondaryInfo,suite:s[t].suite},S.selectedOption!==J.selectedOption&&(f={...f,country:J})}else(r===`${t}.country`&&S.selectedOption!=null||S.selectedOption!=null&&r.includes(`${t}.street`)===!1)&&(f={...f,countryCode:je(S.selectedOption)});I(f)}})(i,l))});return()=>{d.unsubscribe()}}),O.useEffect(()=>{$==="In-Progress"&&g.fetchState==="Completed"&&o.reset(V(e),{keepDirtyValues:!1})},[o,e,$,g.fetchState,ne]);const oe=()=>{const d=Object.values(te).some(s=>s.fetchStatus.fetchState==="Completed"),l=A?.providerVerificationStatus?.code?.includes("verified")??!1,i=p.cardsList.length>0,r=p.bankAccountsList[0]?.providerVerificationStatus?.code?.includes("verified")??!1;return d&&l||!l&&!A&&i||!i&&!A&&r};O.useEffect(()=>{$==="In-Progress"&&g.fetchState==="Completed"&&(o.reset(V(e),{keepDirtyValues:!1}),k())},[o,e,$,g.fetchState,ne,k]);const[se,he]=O.useState(!1);return n.jsxs(Fe,{children:[n.jsxs(Ke,{windowSize:m,children:[n.jsx(xe,{title:ae.sectionTitle,showBackButton:!1,backgroundColor:Y.colors.grey4,style:{zIndex:4},source:"CustomerOnboardingPaymentAddressDetailPage",showLeftSection:m!=="small",titleStyle:{display:"flex",alignItems:"center"},navBarContainerStyles:{paddingTop:a.sp0,paddingBottom:a.sp0},leftSideComponent:n.jsx(Ze,{children:n.jsx(Ge,{"data-testid":ke("zeni-logo-customer-onboarding-payment-address-detail-page"),onClick:W})})}),n.jsx(Ie,{...o,children:n.jsx(Re,{id:Ee(re),children:n.jsxs(Me,{children:[n.jsx(He,{windowSize:m,children:ae.sectionSubTitle}),n.jsx(_e,{connectedAccountProvider:u,paymentAccount:A,accountStatus:ce,plaidConnectionDetails:te,subscriptionBillingAddressSectionId:t,sectionId:ee,analytics:C,isValid:oe(),onFetchLinkTokenClick:R,onEstablishConnectionClick:b,onUpdatePaymentAccountStatus:N,onUpdatePaymentAccountLoginStatus:Z,onEstablishConnectionSuccess:G,updateCardPaymentModalState:x,cardPaymentView:p,resetCardPaymentViewState:U,cardSetupInProgress:se,googleAPIKey:T,subscriptionBillingAddress:y})]},"link_payment_account")})}),n.jsx(Ae,{formId:`${re}`,leftSideComponent:n.jsx(Ne,{windowSize:m,children:n.jsx($e,{signedInUser:w,currentTenant:L,onLogOutClick:H})}),style:{width:m==="small"?"auto":"100%",padding:a.sp0,rowGap:a.sp1},helperContainerStyle:{width:"100%",rowGap:a.sp1,marginTop:"12px",marginBottom:a.sp2},primaryBtn:{onClick:async()=>{const d=await o.trigger(t),l=await o.trigger(ee);d&&l&&((()=>{const i=o.getValues(t),r={street:i.street.addressString,suite:i.suite,city:i.city,state:i.state,postalCode:i.postalCode,country:i.country.selectedOption??h.strings.empty,secondaryInfo:i.secondaryInfo};C.trackOnboardingBillingAddressSave(r)})(),_("link_payment_account"),F(ye,!1,!0))},label:q.submit,isLoading:g.fetchState==="In-Progress",isDisabled:g.fetchState==="In-Progress"||!(function(){if(o.getFieldState(t).error)return!1;const d=o.getValues(t),l=y?.street.join("").trim(),i=y?.city,r=y?.state,s=y?.country,S=y?.postalCode!=null&&y.postalCode||d.postalCode||h.strings.empty;return!!(l&&i&&r&&s&&S)}()&&oe())},containerStyle:{width:"auto",justifyContent:"center"},helperText:q.submitText.replace("__action__",q.submit),helperStyle:{width:"auto",padding:a.sp0,rowGap:a.sp0,textAlign:"center"}})]}),n.jsx(ze,{handleConfirmCardSetupIntent:B,updateCardPaymentModalState:x,handleCreateCardSetupIntent:z,handleAddCardPaymentSource:E,cardPaymentView:p,stripeKey:j,isCardPaymentOpen:ue.isCardPaymentPopupOpen,handleResetCardPaymentErrorStatuses:D,cardSetupInProgress:se,setCardSetupInProgress:he})]})},Fe=c.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  min-width: 100% ${e=>e.theme.breakpoints.down("md")} {
+    width: 100%;
+    padding-left: ${a.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;
+  }
+`,Me=c.div`
+  display: flex;
+  height: 100%;
+  flex-direction: column;
+  padding-bottom: ${a.sp0};
+`,Re=c.form`
+  padding-top: ${a.sp0};
+  flex: 1;
+`,Ne=c.div`
+  display: flex;
+  height: ${a.sp7};
+  left: ${a.sp4};
+  bottom: ${a.sp3};
+  position: fixed;
+  justify-content: center;
+  align-items: center;
+  cursor: default;
+`,Ze=c.div`
+  display: flex;
+`,Ge=c(Te)`
+  height: ${a.sp4};
+  width: 102px;
+  color: ${e=>e.theme.colors.primary};
+  cursor: pointer;
+  flex-shrink: 0;
+  margin-left: -${a.sp4};
+`,He=c(Le)`
+  color: ${e=>e.theme.colors.hero};
+  display: flex;
+  justify-content: center;
+  width: ${e=>X.titleWidth.valuePx(e.windowSize)};
+  padding-top: ${e=>X.subTitlePaddingTop.valuePx(e.windowSize)};
+  padding-bottom: ${e=>X.subTitlePaddingBottom.valuePx(e.windowSize)};
+  text-align: ${e=>e.windowSize==="small"?"initial":"center"};
+  width: 100%;
+`,V=e=>({[ee]:{account:{allOptions:[],selectedOption:void 0}},[t]:ve(t,e?.subscriptionBillingAddress)[t]}),mt=e=>{const{onboardingCustomerView:u,cardPaymentView:p,signedInUser:j,currentTenant:T,isOnAddressPage:w,stripeKey:L,googleAPIKey:_,meetingUrl:z,onUpdateStep:B,onZeniLogoClick:x,handleLogOutClick:E,handleCockpitClick:U,handleCreateCardSetupIntent:D,handleConfirmCardSetupIntent:k,handleFetchPaymentSources:F,updateCardPaymentModalState:K,resetCardPaymentViewState:m,handleResetCardPaymentErrorStatuses:M,redirectToProductSuitePage:C,...R}=e,{allSteps:N,currentStep:Z,fetchStatus:b}=u,G=de(),{analytics:H}=G,W={allSteps:N,isOnAddressPage:w,currentStep:Z,fetchStatus:b,signedInUser:j,currentTenant:T,onUpdateStep:Y=>{B(Y)},onZeniLogoClick:x,handleLogOutClick:E,handleCockpitClick:U,redirectToProductSuitePage:C},I=b.fetchState==="In-Progress"||b.fetchState==="Not-Started";return n.jsxs(We,{isOnAddressPage:w,children:[I?n.jsx(Be,{isNoStepsPage:!0}):n.jsx(De,{...W,onboardingCustomerView:u,handleCreateCardSetupIntent:D,handleConfirmCardSetupIntent:k,updateCardPaymentModalState:K,handleFetchPaymentSources:F,cardPaymentView:p,resetCardPaymentViewState:m,stripeKey:L,googleAPIKey:_,handleResetCardPaymentErrorStatuses:M,redirectToProductSuitePage:C,...R}),I?null:n.jsx(Se,{isFooterRendered:!0,meetingUrl:z,analytics:H,productType:"onboarding"})]})},We=c.div`
+  display: flex;
+  flex-direction: column;
+  width: ${e=>e.isOnAddressPage?"fit-content":"100%"};
+  height: 100vh;
+`;export{mt as default};