@zeniai/web-cockpit-ui 1.13.87-qa → 1.13.88-dev

package/dist/assets/CompleteProfile-Ch4TNwnb-BDWK7-aS.js

@@ -0,0 +1,36 @@
+import{a as R,gg as M,M as $,j as e,F as q,T as f,c6 as z,cf as G,cc as K,l as T,o as a,ca as _,gh as H,a7 as W,c0 as X,bp as Y,gi as J}from"./index-CvH632ro.js";import{b as g,f as b,n}from"./vendor-CnQcJ2Lu.js";import{$ as Q}from"./LabeledAddressValue-C8xq-j7G-D16vnyhu.js";import"./mui-C5LQ0bMa.js";import"./analytics-DThoELaW.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";const t=$.getLocalizedStrings(),x="completeProfilePage",r="basicDetailsSection",y="addressSection",d=(o,m)=>`${o}.${m}`,he=({userEmail:o,googleAPIKey:m,otpChallenge:j,sendOtpStatus:w,verifyOtpStatus:h,saveStatus:v,onSave:u,onGetOtp:P,onVerifyOtp:S,onResendOtp:O})=>{const[s,c]=g.useState(!1),[V,C]=g.useState(!1),i=R({mode:"onChange",reValidateMode:"onChange",defaultValues:{basicDetailsSection:{name:{firstName:"",lastName:""},email:o,dateOfBirth:void 0,phone:"",address:void 0}}}),F=M({control:i.control,name:`${r}.address`}),{dateFormat:I}=$.getLocalizedStrings(),N=i.handleSubmit(l=>{u&&u(l)}),L=()=>{const l=i.getValues(`${r}.phone`);l!=null&&l.trim().length>0&&P(l)},k=(l,p)=>{S(l,p)},D=l=>{l!=null&&l.trim().length>0&&O(l)},B=()=>{c(!0)},E=()=>{c(!1)},A=()=>{const l=i.getValues(`${y}`);if(l!=null){const p=J(l);i.setValue(`${r}.address`,p)}c(!1)};return e.jsxs(U,{children:[e.jsxs(Z,{children:[e.jsxs(ee,{children:[s&&e.jsx(oe,{onClick:E}),t.completeProfile.title]}),e.jsx(te,{children:e.jsx(q,{...i,children:e.jsxs("form",{id:`${x}_form`,onSubmit:N,children:[e.jsx(f,{controller:s===!1,children:e.jsxs(b.Fragment,{children:[e.jsx(z,{isDisabled:"disabled",showAdditionalInfoLabel:!1,label:{label:t.common.labels.email,width:168},style:{width:"100%"},text:{type:"text",name:d(r,"email")}}),e.jsx(G,{isDisabled:void 0,label:{label:t.common.labels.name,width:168},style:{width:"100%"},nameField:{name:d(r,"name"),placeHolder:{firstName:t.common.placeholder.firstNamePlaceholder,lastName:t.common.placeholder.lastNamePlaceholder,name:t.common.placeholder.namePlaceholder},showFullNameError:!0,registerOptions:{required:!0}},errorInfoLabel:""}),e.jsx(K,{isOptional:!0,label:{label:t.common.labels.dob,width:168},style:{width:"100%"},isDisabled:void 0,dateField:{name:d(r,"dateOfBirth"),placeholder:t.common.placeholder.dobPlaceholder,dateFormat:I.visual.defaultInput,autoComplete:"off",maxDate:T.dateNow().subtract(18,"year")}}),e.jsx(Q,{isOptional:!0,label:{label:t.common.labels.address,width:168},addressValue:{placeholder:t.common.placeholder.addressPlaceholder,address:F,onClick:B},style:{width:"100%",padding:`${a.sp2} ${a.sp2} ${a.sp2} ${a.sp0}`}}),e.jsx(_,{isOptional:!0,label:{label:t.common.labels.phone,width:168},style:{width:"100%"},text:{name:d(r,"phone"),placeholder:t.common.placeholder.phonePlaceholder,defaultValue:"",autoComplete:"new-password"},errorInfoLabel:"",verificationErrorInfoLabel:t.common.errorMessage.invalidPhoneNumber,isPopupOpen:V,phoneVerifyButtonProps:{otpChallenge:j,showOtpButton:!0,onGetOtp:L,onVerifyOtp:k,onResendOtp:D,isPhoneVerified:h.fetchState==="Completed",phoneVerificationStatus:h,getOtpStatus:w,openPopup:()=>{C(!0)},focusNotRequired:!0}})]})}),e.jsx(f,{controller:s===!0,children:e.jsx(b.Fragment,{children:e.jsx(H,{sectionId:y,googleAPIKey:m,isSubPage:!0})})})]})})})]}),e.jsx(W,{formId:s?void 0:`${x}_form`,primaryBtn:{label:s?t.companyPassport.address.saveAddress:t.common.footer.save,type:s?"button":"submit",onClick:s?A:void 0,isLoading:v.fetchState==="In-Progress"},showCancel:!1})]})},U=n.div`
+  display: flex;
+  flex-direction: column;
+  min-height: 100vh;
+`,Z=n.div`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  padding: ${a.sp5};
+  row-gap: ${a.sp3};
+  flex: 1;
+`,ee=n(X)`
+  color: ${o=>o.theme.colors.primary};
+  text-align: left;
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  gap: ${a.sp2};
+`,oe=n(Y)`
+  cursor: pointer;
+  width: ${a.sp4};
+  height: ${a.sp4};
+  color: ${o=>o.theme.colors.hero};
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  &:hover {
+    color: ${o=>o.theme.colors.primary};
+  }
+`,te=n.div`
+  background-color: ${o=>o.theme.colors.grey5};
+  border-radius: ${a.sp2};
+  width: 100%;
+  box-shadow: ${o=>o.theme.colors.elevation1};
+  border-color: ${o=>o.theme.colors.grey3};
+`;export{he as default};

package/dist/assets/{ConfettiBurst-UJtKVS38-DoQ2-0_a.js → ConfettiBurst-DxWLsUlB-rN2UgITP.js}

@@ -1 +1 @@
-import{d0 as m,ab as l,j as a,aj as f,o as n}from"./index-BPBiFjSz.js";import{b as i}from"./vendor-CnQcJ2Lu.js";import"./mui-C5LQ0bMa.js";import"./analytics-DThoELaW.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";const c="https://storage.googleapis.com/zeni-apis.appspot.com/data/confetti_sfx.mp3",C=({showConfetti:t})=>{const[e,p]=i.useState(t),[o,s]=m(c),[r]=l("ConfettiSuccess");return i.useEffect(()=>{t&&p(!0)},[t]),i.useEffect(()=>{e&&o===!1&&s(!0)},[e,o,s]),a.jsx(a.Fragment,{children:e&&o&&r!=null?a.jsx(f,{style:{position:"absolute",width:"100%",height:"100vh",top:n.sp0,left:n.sp0,zIndex:5},onComplete:()=>{s(!1),p(!1)},animationData:r,loop:0,play:!0,goTo:0,rendererSettings:{preserveAspectRatio:"xMidYMid slice"}}):null})};export{C as default};
+import{d2 as m,at as l,j as a,au as f,o as n}from"./index-CvH632ro.js";import{b as i}from"./vendor-CnQcJ2Lu.js";import"./mui-C5LQ0bMa.js";import"./analytics-DThoELaW.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";const u="https://storage.googleapis.com/zeni-apis.appspot.com/data/confetti_sfx.mp3",C=({showConfetti:t})=>{const[e,p]=i.useState(t),[o,s]=m(u),[r]=l("ConfettiSuccess");return i.useEffect(()=>{t&&p(!0)},[t]),i.useEffect(()=>{e&&o===!1&&s(!0)},[e,o,s]),a.jsx(a.Fragment,{children:e&&o&&r!=null?a.jsx(f,{style:{position:"absolute",width:"100%",height:"100vh",top:n.sp0,left:n.sp0,zIndex:5},onComplete:()=>{s(!1),p(!1)},animationData:r,loop:0,play:!0,goTo:0,rendererSettings:{preserveAspectRatio:"xMidYMid slice"}}):null})};export{C as default};

package/dist/assets/{CreateOrEditVendorPage-BMLSs7Yo-Cs-PsPQz.js → CreateOrEditVendorPage-MjFD4wWW-Duct_eTQ.js}

@@ -1,4 +1,4 @@
-import{u as qe,X as w,M as h,H as U,c4 as Ye,j as t,aW as _e,Y as b,d as Qe,bM as ae,bO as ie,bP as se,cs as Xe,a3 as Ge,C as W,bo as Je,o,ct as Ke,bs as k,bF as le,p as f,al as de,w as ce,q as Q,aN as Ze,cp as pe,g as L,cu as me,cm as ue}from"./index-BPBiFjSz.js";import{b as x,n as r}from"./vendor-CnQcJ2Lu.js";import"./mui-C5LQ0bMa.js";import"./analytics-DThoELaW.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";const et=({bankAccountNumberOrIban:e,accountNumberOrIbanLabel:a,bankName:s,routingNumberOrSwiftCode:d,accountName:u,routingNumberOrSwiftCodeLabel:m,onDeleteClick:v})=>{const j=w(),p=h.getLocalizedStrings().spendManagement.billPay.vendorCreation,g=t.jsxs(tt,{children:[t.jsxs(H,{children:[t.jsx(q,{children:m}),t.jsx(Y,{children:d})]}),t.jsxs(H,{children:[t.jsx(q,{children:p.achDetails.bankName}),t.jsx(Y,{children:s})]}),t.jsxs(H,{children:[t.jsx(q,{children:a}),t.jsx(Y,{children:e})]})]});return t.jsxs(at,{size:j,children:[t.jsxs(rt,{children:[t.jsxs(Q,{children:[`${s} ${p.paymentAccountDetailConnector} ${e.slice(-4)}`,t.jsx(k,{title:g,placement:"top",children:t.jsx(st,{children:t.jsx(lt,{})})})]}),t.jsx(ot,{children:u??p.emptyPlaceholderString})]}),t.jsx(nt,{children:t.jsx(k,{enterDelay:600,display:"flex",title:p.deleteAccountTooltip,placement:"top",children:t.jsx(it,{onClick:y=>{y.stopPropagation(),v()},"data-testid":b("delete-vendor-account-section",u),children:t.jsx(dt,{})})})})]})},tt=r.div`
+import{u as qe,X as w,M as h,H as U,c5 as Ye,j as t,aW as _e,Y as b,e as Qe,bO as ae,bQ as ie,bR as se,ct as Xe,a7 as Ge,C as W,bp as Je,o,cu as Ke,bt as k,ah as le,p as f,aq as de,w as ce,s as Q,aN as Ze,cq as pe,g as L,cv as me,cn as ue}from"./index-CvH632ro.js";import{b as x,n as r}from"./vendor-CnQcJ2Lu.js";import"./mui-C5LQ0bMa.js";import"./analytics-DThoELaW.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";const et=({bankAccountNumberOrIban:e,accountNumberOrIbanLabel:a,bankName:s,routingNumberOrSwiftCode:d,accountName:u,routingNumberOrSwiftCodeLabel:m,onDeleteClick:v})=>{const j=w(),p=h.getLocalizedStrings().spendManagement.billPay.vendorCreation,g=t.jsxs(tt,{children:[t.jsxs(H,{children:[t.jsx(q,{children:m}),t.jsx(Y,{children:d})]}),t.jsxs(H,{children:[t.jsx(q,{children:p.achDetails.bankName}),t.jsx(Y,{children:s})]}),t.jsxs(H,{children:[t.jsx(q,{children:a}),t.jsx(Y,{children:e})]})]});return t.jsxs(at,{size:j,children:[t.jsxs(rt,{children:[t.jsxs(Q,{children:[`${s} ${p.paymentAccountDetailConnector} ${e.slice(-4)}`,t.jsx(k,{title:g,placement:"top",children:t.jsx(st,{children:t.jsx(lt,{})})})]}),t.jsx(ot,{children:u??p.emptyPlaceholderString})]}),t.jsx(nt,{children:t.jsx(k,{enterDelay:600,display:"flex",title:p.deleteAccountTooltip,placement:"top",children:t.jsx(it,{onClick:y=>{y.stopPropagation(),v()},"data-testid":b("delete-vendor-account-section",u),children:t.jsx(dt,{})})})})]})},tt=r.div`
   display: flex;
   flex-wrap: wrap;
   gap: ${o.sp1};
@@ -240,12 +240,12 @@ import{u as qe,X as w,M as h,H as U,c4 as Ye,j as t,aW as _e,Y as b,d as Qe,bM a
   padding-bottom: ${o.sp2};
   margin-top: ${o.sp3};
   margin-bottom: ${o.sp3};
-`,oe="createVendorPage",re=e=>`${e}_form`,A={containerPaddingLeft:new W(f[3],f[6],f[6]),containerPaddingRight:new W(f[3],f[6],f[8]),buttonWidth:new W(125,125)},Ft=r.div`
+`,oe="createVendorPage",re=e=>`${e}_form`,A={containerPaddingLeft:new W(f[3],f[6],f[6]),containerPaddingRight:new W(f[3],f[6],f[8]),buttonWidth:new W(125,125)},Rt=r.div`
   display: flex;
   flex-direction: column;
   overflow: auto;
   width: 100%;
-`,Rt=r.div`
+`,Ft=r.div`
   display: flex;
   flex-direction: column;
   background-color: ${e=>e.theme.colors.grey4};
@@ -278,4 +278,4 @@ import{u as qe,X as w,M as h,H as U,c4 as Ye,j as t,aW as _e,Y as b,d as Qe,bM a
   display: flex;
   flex-direction: column;
   padding-top: ${o.sp11};
-`,$=h.getLocalizedStrings().spendManagement.billPay.vendorCreation,Wt=h.getLocalizedStrings().common.footer,ne=h.getLocalizedStrings().common.currency,Zt=({vendorViewDetails:e,vendorId:a,screenType:s,analytics:d,filesEndPoint:u,authParams:m,vendorSearchAutoCompleteData:v,vendorSearchAutoCompleteActions:j,isLocalCurrencyEnabled:p,onBackClick:g,onVendorSelected:y,navigateToBankDetailPage:I,updateSelectedVendorForCreate:N,onRemoveBankAccount:c,updateSaveFetchState:S,onSaveVendor:P,navigateToMailingAddressPage:T,saveVendorDetailLocalData:B,resetVendorDetailLocalData:z,saveContactsInVendorDetailLocalData:V,updateFilesEntity:i,onEditFileName:xe,onFetchAndUpdateVendorRecommendations:ge})=>{const{accountList:{accounts:$e},classList:{classes:be},vendorTypeList:ye,ownerList:fe,editVendorState:X,newVendorState:G,fetchState:we,hasWireTransfer:J,hasInternationalWireTransfer:F,deleteFileStatusById:ve,updateFileStatusById:je,accountsHierarchyList:Ce,classHierarchyList:ke}=e,D=a!=null?X?.vendorDetailLocalData:G?.vendorDetailLocalData,l=Object.assign({},X??G),Se=qe(),C=w(),[De,R]=x.useState(!1),[Ae,O]=x.useState(!1),K=s==="create"?$.newVendorTitle:$.editVendor,Le=(l.bankAccountsUpdated??[]).map(n=>n.bankAccountId).sort(),Ie=(l.vendorBasic?.bankAccounts??[]).map(n=>n.bankAccountId).sort(),Ne=!U(Le,Ie),Pe=(l.paymentInstrumentsUpdated??[]).map(n=>n.paymentInstrumentId).sort(),Te=(l.vendorBasic?.paymentInstruments??[]).map(n=>n.paymentInstrumentId).sort(),Be=!U(Pe,Te),ze=(D?.contacts??[]).filter(n=>n.email!==""||n.fullName!==""||n.phone!=="").map(n=>Ye(n,"contactInfoType")),Ve=l.vendorBasic?.contacts??[],Fe=!U(ze,Ve),Re=l.bankAccountsUpdated.filter(n=>!!n.bankRoutingNumberAch),Oe=l.bankAccountsUpdated.filter(n=>!!n.bankRoutingNumberWireTransfer),Ee=l.paymentInstrumentsUpdated.filter(n=>!!n.piNumber),Z=()=>{O(!0)},Me=n=>{R(n)},Ue={onOkClick:()=>{O(!1),R(!1),z?.(),g()},onCancelClick:()=>{O(!1),R(!1)}},E=x.useRef(null),We=n=>{E.current?.syncFormData(),T(n)},M=(n,He)=>{E.current?.syncFormData(),I(n,He)};x.useEffect(()=>{l?.saveStatus?.fetchState==="Completed"&&(S(),g())},[l]);const ee=x.useRef(null);return t.jsxs(Ft,{windowSize:C,children:[t.jsx(_e,{"data-testid":b("vendor-detail-container-nav-bar"),title:K,backgroundColor:Se.colors.grey4,leftSideComponent:t.jsx(Mt,{onClick:Z,"data-testid":b("create-edit-vendor-nav-bar-back")}),enableTitleOnScroll:!0,scrollableContent:ee,source:"CreateOrEditVendorPage"}),t.jsxs(Rt,{windowSize:C,ref:ee,children:[we==="In-Progress"?t.jsx(Ot,{children:t.jsx(Qe,{size:"ExtraLarge",start:!0})}):t.jsxs(t.Fragment,{children:[De===!0?t.jsx(ae,{titleComponent:t.jsx(se,{children:$.discardTitle}),descriptionComponent:t.jsx(ie,{children:$.discardDescription}),primaryButtonText:$.discard,secondaryButtonText:$.cancel,action:Ue}):null,C!=="small"?t.jsx(Et,{children:K}):null,t.jsx(Xe,{ref:E,id:re(oe),allAccounts:$e,allClasses:be,accountsHierarchyList:Ce,classHierarchyList:ke,vendorTypeList:ye,allOwners:fe,vendorSearchAutoCompleteData:v,vendorSearchAutoCompleteActions:j,onVendorSelected:y,screenType:s,hasInternationalWireTransfer:F,selectedVendor:l,formLocalData:D,isBankAccountChanged:Ne,isContactListChanged:Fe,isPaymentInstrumentChanged:Be,analytics:d,pageBackBtnClicked:Ae,onBackClick:g,onSaveVendor:P,saveContactsInVendorDetailLocalData:V,updateSelectedVendorForCreate:N,saveVendorDetailLocalData:B,updateFilesEntity:i,toggleConfirmationPopup:Me,filesEndPoint:u,authParams:m,onEditFileName:xe,deleteFileStatusById:ve,updateFileStatusById:je,onFetchAndUpdateVendorRecommendations:ge,isLocalCurrencyEnabled:p}),J||F?t.jsx(Dt,{addressState:l.vendorNewAddressStatus?.addressToCreate,onUpdateMailingAddress:We}):null,l.vendorDetailLocalData?.currencyCode==null||l.vendorDetailLocalData?.currencyCode===ne.currencyCode?t.jsx(_,{type:"ach",vendorAccountDetails:Re,onAddNewAccountDetailClick:()=>M("ach","standard"),onRemoveBankAccount:c}):null,J&&(l.vendorDetailLocalData?.currencyCode==null||l.vendorDetailLocalData?.currencyCode===ne.currencyCode)?t.jsx(_,{type:"wire",subType:"us-domestic",vendorAccountDetails:Oe,onAddNewAccountDetailClick:()=>M("wire","us-domestic"),onRemoveBankAccount:c}):null,F&&(D?.countryCode!=null&&D.countryCode!=="US"||p)?t.jsx(_,{type:"wire",subType:"international",vendorAccountDetailsInternational:Ee,isLocalCurrencyEnabled:p,onAddNewAccountDetailClick:()=>M("wire","international"),onRemoveBankAccount:c}):null]}),t.jsx(Ut,{})]}),t.jsx(Ge,{formId:re(oe),primaryBtn:{label:$.saveDetails,isLoading:l.saveStatus?.fetchState==="In-Progress",style:{width:A.buttonWidth.value(C)},isDisabled:!1},cancelBtn:{label:Wt.cancel,style:{width:A.buttonWidth.value(C)},shouldResetOnCancel:!1,onClick:Z}})]})};export{Zt as default,re as formUniqueName};
+`,$=h.getLocalizedStrings().spendManagement.billPay.vendorCreation,Wt=h.getLocalizedStrings().common.footer,ne=h.getLocalizedStrings().common.currency,Zt=({vendorViewDetails:e,vendorId:a,screenType:s,analytics:d,filesEndPoint:u,authParams:m,vendorSearchAutoCompleteData:v,vendorSearchAutoCompleteActions:j,isLocalCurrencyEnabled:p,onBackClick:g,onVendorSelected:y,navigateToBankDetailPage:I,updateSelectedVendorForCreate:N,onRemoveBankAccount:c,updateSaveFetchState:S,onSaveVendor:P,navigateToMailingAddressPage:T,saveVendorDetailLocalData:B,resetVendorDetailLocalData:z,saveContactsInVendorDetailLocalData:V,updateFilesEntity:i,onEditFileName:xe,onFetchAndUpdateVendorRecommendations:ge})=>{const{accountList:{accounts:$e},classList:{classes:be},vendorTypeList:ye,ownerList:fe,editVendorState:X,newVendorState:G,fetchState:we,hasWireTransfer:J,hasInternationalWireTransfer:R,deleteFileStatusById:ve,updateFileStatusById:je,accountsHierarchyList:Ce,classHierarchyList:ke}=e,D=a!=null?X?.vendorDetailLocalData:G?.vendorDetailLocalData,l=Object.assign({},X??G),Se=qe(),C=w(),[De,F]=x.useState(!1),[Ae,O]=x.useState(!1),K=s==="create"?$.newVendorTitle:$.editVendor,Le=(l.bankAccountsUpdated??[]).map(n=>n.bankAccountId).sort(),Ie=(l.vendorBasic?.bankAccounts??[]).map(n=>n.bankAccountId).sort(),Ne=!U(Le,Ie),Pe=(l.paymentInstrumentsUpdated??[]).map(n=>n.paymentInstrumentId).sort(),Te=(l.vendorBasic?.paymentInstruments??[]).map(n=>n.paymentInstrumentId).sort(),Be=!U(Pe,Te),ze=(D?.contacts??[]).filter(n=>n.email!==""||n.fullName!==""||n.phone!=="").map(n=>Ye(n,"contactInfoType")),Ve=l.vendorBasic?.contacts??[],Re=!U(ze,Ve),Fe=l.bankAccountsUpdated.filter(n=>!!n.bankRoutingNumberAch),Oe=l.bankAccountsUpdated.filter(n=>!!n.bankRoutingNumberWireTransfer),Ee=l.paymentInstrumentsUpdated.filter(n=>!!n.piNumber),Z=()=>{O(!0)},Me=n=>{F(n)},Ue={onOkClick:()=>{O(!1),F(!1),z?.(),g()},onCancelClick:()=>{O(!1),F(!1)}},E=x.useRef(null),We=n=>{E.current?.syncFormData(),T(n)},M=(n,He)=>{E.current?.syncFormData(),I(n,He)};x.useEffect(()=>{l?.saveStatus?.fetchState==="Completed"&&(S(),g())},[l]);const ee=x.useRef(null);return t.jsxs(Rt,{windowSize:C,children:[t.jsx(_e,{"data-testid":b("vendor-detail-container-nav-bar"),title:K,backgroundColor:Se.colors.grey4,leftSideComponent:t.jsx(Mt,{onClick:Z,"data-testid":b("create-edit-vendor-nav-bar-back")}),enableTitleOnScroll:!0,scrollableContent:ee,source:"CreateOrEditVendorPage"}),t.jsxs(Ft,{windowSize:C,ref:ee,children:[we==="In-Progress"?t.jsx(Ot,{children:t.jsx(Qe,{size:"ExtraLarge",start:!0})}):t.jsxs(t.Fragment,{children:[De===!0?t.jsx(ae,{titleComponent:t.jsx(se,{children:$.discardTitle}),descriptionComponent:t.jsx(ie,{children:$.discardDescription}),primaryButtonText:$.discard,secondaryButtonText:$.cancel,action:Ue}):null,C!=="small"?t.jsx(Et,{children:K}):null,t.jsx(Xe,{ref:E,id:re(oe),allAccounts:$e,allClasses:be,accountsHierarchyList:Ce,classHierarchyList:ke,vendorTypeList:ye,allOwners:fe,vendorSearchAutoCompleteData:v,vendorSearchAutoCompleteActions:j,onVendorSelected:y,screenType:s,hasInternationalWireTransfer:R,selectedVendor:l,formLocalData:D,isBankAccountChanged:Ne,isContactListChanged:Re,isPaymentInstrumentChanged:Be,analytics:d,pageBackBtnClicked:Ae,onBackClick:g,onSaveVendor:P,saveContactsInVendorDetailLocalData:V,updateSelectedVendorForCreate:N,saveVendorDetailLocalData:B,updateFilesEntity:i,toggleConfirmationPopup:Me,filesEndPoint:u,authParams:m,onEditFileName:xe,deleteFileStatusById:ve,updateFileStatusById:je,onFetchAndUpdateVendorRecommendations:ge,isLocalCurrencyEnabled:p}),J||R?t.jsx(Dt,{addressState:l.vendorNewAddressStatus?.addressToCreate,onUpdateMailingAddress:We}):null,l.vendorDetailLocalData?.currencyCode==null||l.vendorDetailLocalData?.currencyCode===ne.currencyCode?t.jsx(_,{type:"ach",vendorAccountDetails:Fe,onAddNewAccountDetailClick:()=>M("ach","standard"),onRemoveBankAccount:c}):null,J&&(l.vendorDetailLocalData?.currencyCode==null||l.vendorDetailLocalData?.currencyCode===ne.currencyCode)?t.jsx(_,{type:"wire",subType:"us-domestic",vendorAccountDetails:Oe,onAddNewAccountDetailClick:()=>M("wire","us-domestic"),onRemoveBankAccount:c}):null,R&&(D?.countryCode!=null&&D.countryCode!=="US"||p)?t.jsx(_,{type:"wire",subType:"international",vendorAccountDetailsInternational:Ee,isLocalCurrencyEnabled:p,onAddNewAccountDetailClick:()=>M("wire","international"),onRemoveBankAccount:c}):null]}),t.jsx(Ut,{})]}),t.jsx(Ge,{formId:re(oe),primaryBtn:{label:$.saveDetails,isLoading:l.saveStatus?.fetchState==="In-Progress",style:{width:A.buttonWidth.value(C)},isDisabled:!1},cancelBtn:{label:Wt.cancel,style:{width:A.buttonWidth.value(C)},shouldResetOnCancel:!1,onClick:Z}})]})};export{Zt as default,re as formUniqueName};

package/dist/assets/{CreditCardPaymentDrawerPage-8zmbMj3u-CpO5DLfk.js → CreditCardPaymentDrawerPage-CcZnGiIZ-Ci6NOj44.js}

@@ -1,4 +1,4 @@
-import{j as a,X as me,d1 as pe,Y as te,gN as Je,M as W,_ as Te,K as He,d as et,a3 as Pe,o as t,C as d,a2 as je,k as tt,R as at,u as ze,bs as nt,cN as Ee,Q as Y,g as X,fQ as Ce,v as ot,l as E,Z as Me,b$ as it,a1 as be,a as rt,eX as lt,c2 as ct,F as st,cy as dt,f4 as mt,c7 as pt,fD as ut,p as r,bo as ht,bm as Be,cV as gt,bF as yt,q as Oe,f7 as ft,e$ as Ct,a6 as bt,f8 as xt,cp as St,f9 as wt,fi as Dt}from"./index-BPBiFjSz.js";import{n as o,b as p}from"./vendor-CnQcJ2Lu.js";import{x as $t}from"./LabeledControlledCheckBoxField-Dr8ND8SA-qU3T6bE6.js";import{S as kt}from"./ChargeCardUtils-C-37hd5J-BewU7KRU.js";import{X as xe}from"./CreditCardPaymentPlgSection-DD7kSp5v-D8blJ_Gx.js";import"./mui-C5LQ0bMa.js";import"./analytics-DThoELaW.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";const ae={largeLabelWidth:new d(120,120,160),navBarContainerPaddingXaxis:new d(10,19),containerPaddingLeft:new d(r[3],r[6],r[8]),containerPaddingRight:new d(r[3],r[6],r[8]),reviewContentWrapperPaddingBottom:new d(r[5],r[8])},de={pageTitle:new Y("h6Regular","h5Regular"),integerAmountInput:new Y("h5Regular","h2Regular"),decimalAmountInput:new Y("largeSemiBold","h5Medium")},{dateFormat:{visual:{MMMDCommaYYYYformat:vt}},common:{edit:At,labels:Se,currency:we,navBar:{back:Lt}},spendManagement:{zeniAccounts:{zeniAccountList:{transferDrawer:It}},chargeCard:{payEarly:ee}}}=W.getLocalizedStrings(),Ft=({paymentDetails:e,isCashbackInfoFetchStateCompleted:i,isCreditCardInfoFetchStateCompleted:h,isDebitCardInfoFetchStateCompleted:n,controllerEmails:g,productInformation:c,cashbackInformation:f,paymentSourceInformation:L,creditAccountInformation:y,debitAccountInformation:b,setShowReviewContent:x,onTransferClick:C,isCompleteOutstandingBalanceBeingPaid:$})=>{const m=me(),T=ze(),P=pe().analytics,[M,I]=p.useState(!1);p.useEffect(()=>{e.error!=null?I(!0):I(!1)},[e.error]);const v=ae.largeLabelWidth.value(m);return a.jsxs(a.Fragment,{children:[a.jsxs(_t,{windowSize:m,children:[a.jsx(Kt,{windowSize:m,children:a.jsx(nt,{title:Lt,enterTouchDelay:600,placement:"bottom",children:a.jsx(Zt,{"data-testid":te("nav-bar-back-credit-card-payment-review"),onClick:()=>{i&&h&&n&&P.trackCardsPayEarlyFormClick(g,c,f,"Back",e.chargeCardRepaymentDetailLocalData.isAutoRepayment,{paymentAmount:e.chargeCardRepaymentDetailLocalData.amount.amount,paymentAccountName:e.chargeCardRepaymentDetailLocalData.transferFrom?.label,paymentAccountType:e.chargeCardRepaymentDetailLocalData.transferFrom?.accType,paymentAccountLastFourDigits:e.chargeCardRepaymentDetailLocalData.transferFrom?.accountLast4,paymentCompleteEta:void 0,paymentInitiatedDate:void 0},L,y,b),x(!1)}})})}),a.jsx(Qt,{windowSize:m,children:It.reviewAndConfirm}),a.jsx(Tt,{children:a.jsx(Ee,{amount:e.chargeCardRepaymentDetailLocalData.amount,integerStyles:de.integerAmountInput.styleObject(m),decimalStyles:de.decimalAmountInput.styleObject(m)})}),M?a.jsx(Ot,{children:a.jsxs(zt,{children:[a.jsxs(Nt,{children:[a.jsx(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(Yt,{"data-testid":te("close-error-credit-card-payment-review"),onClick:()=>{I(!1)},style:{width:t.sp3,height:t.sp3,color:X.heroLight}})})]})}):null,a.jsx(Xt,{windowSize:m,children:a.jsxs(jt,{children:[a.jsx(Ce,{label:{label:Se.transferFrom,width:v},text:a.jsxs(De,{windowSize:m,children:[_e(e.transferFromAccounts,e.chargeCardRepaymentDetailLocalData.transferFrom?.id??"",!0),a.jsx(Pt,{windowSize:m,children:e.chargeCardRepaymentDetailLocalData.transferFrom?.label})]}),style:{width:"auto"}}),a.jsx(Wt,{}),a.jsx(Ce,{label:{label:Se.amount,width:v},showAdditionalInfoLabel:!0,additionalInfoLabel:`${$?ee.creditLimitReset:ee.creditLimitUpdate} ${E.zeniDate(E.getNextNthWorkingDay(E.dateNow().toDate(),[0,6],3).toDateString()).format(vt)} ${ee.business23Days}`,additionalInfoLabelStyles:{color:T.colors.hero,...ot.smallRegular.cssObject},text:a.jsx(De,{windowSize:m,children:Te("0,0.[00]",{amount:e.chargeCardRepaymentDetailLocalData.amount.amount,currencyCode:we.currencyCode,currencySymbol:we.currencySymbol})}),style:{width:"auto"}})]})})]}),a.jsx(Pe,{style:{zIndex:4,paddingTop:t.sp3,paddingBottom:t.sp0},helperText:ee.byClickingPayNowIAuthorizeZeniToInitiateThePayment,helperStyle:{padding:`${t.sp0} ${t.sp0} ${t.sp3} ${t.sp0}`},cancelBtn:{label:At,onClick:()=>{i&&h&&n&&P.trackCardsPayEarlyFormClick(g,c,f,"Edit",e.chargeCardRepaymentDetailLocalData.isAutoRepayment,{paymentAmount:e.chargeCardRepaymentDetailLocalData.amount.amount,paymentAccountName:e.chargeCardRepaymentDetailLocalData.transferFrom?.label,paymentAccountType:e.chargeCardRepaymentDetailLocalData.transferFrom?.accType,paymentAccountLastFourDigits:e.chargeCardRepaymentDetailLocalData.transferFrom?.accountLast4,paymentCompleteEta:void 0,paymentInitiatedDate:void 0},L,y,b),x(!1)},style:{minWidth:94}},primaryBtn:{label:ee.payNow,onClick:C,isLoading:e.updateStatus==="In-Progress",style:{minWidth:94}}})]})},_e=(e,i,h)=>{if(i==="")return a.jsx(ta,{});const n=e.find(c=>c.id===i),g=e.findIndex(c=>c.id===i);if(n!=null){if(n.accType==="depositAccount")return a.jsx(Ht,{isOptionSelected:h,children:a.jsx(ea,{color:ft(g)})});if(n.accType==="paymentAccount")return n.logo!==void 0&&(n.logo.base64||n.logo.url)?a.jsx(qt,{src:Rt(n.logo),isOptionSelected:h,loading:"lazy"}):a.jsx(Gt,{isOptionSelected:h,children:a.jsx(Jt,{})})}return null},Rt=e=>e.base64!==void 0?`${Ct}${e.base64.toString()}`:e.url!==void 0?e.url.toString():"",Tt=o(Be)`
+import{j as a,X as me,d3 as pe,Y as te,gP as Je,M as Y,_ as Te,K as He,e as et,a7 as Pe,o as t,C as d,a6 as je,k as tt,b as at,u as ze,bt as nt,cO as Ee,Q as V,g as Z,fS as Ce,v as ot,l as E,Z as Me,c0 as it,a5 as be,a as rt,eZ as lt,c3 as ct,F as st,cz as dt,f6 as mt,c8 as pt,fF as ut,p as r,bp as ht,bn as Be,cW as gt,ah as yt,s as Oe,f9 as ft,f1 as Ct,aa as bt,fa as xt,cq as St,fb as wt,fk as Dt}from"./index-CvH632ro.js";import{n as o,b as p}from"./vendor-CnQcJ2Lu.js";import{x as $t}from"./LabeledControlledCheckBoxField-D5A-8bnH-DqiGgCzm.js";import{S as kt}from"./ChargeCardUtils-CHUMBmgR-CJymagC4.js";import{Z as xe}from"./CreditCardPaymentPlgSection-DEV6AUvV-Dv95csrn.js";import"./mui-C5LQ0bMa.js";import"./analytics-DThoELaW.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";const ae={largeLabelWidth:new d(120,120,160),navBarContainerPaddingXaxis:new d(10,19),containerPaddingLeft:new d(r[3],r[6],r[8]),containerPaddingRight:new d(r[3],r[6],r[8]),reviewContentWrapperPaddingBottom:new d(r[5],r[8])},de={pageTitle:new V("h6Regular","h5Regular"),integerAmountInput:new V("h5Regular","h2Regular"),decimalAmountInput:new V("largeSemiBold","h5Medium")},{dateFormat:{visual:{MMMDCommaYYYYformat:vt}},common:{edit:At,labels:Se,currency:we,navBar:{back:Lt}},spendManagement:{zeniAccounts:{zeniAccountList:{transferDrawer:It}},chargeCard:{payEarly:ee}}}=Y.getLocalizedStrings(),Ft=({paymentDetails:e,isCashbackInfoFetchStateCompleted:i,isCreditCardInfoFetchStateCompleted:h,isDebitCardInfoFetchStateCompleted:n,controllerEmails:g,productInformation:c,cashbackInformation:f,paymentSourceInformation:L,creditAccountInformation:y,debitAccountInformation:b,setShowReviewContent:x,onTransferClick:C,isCompleteOutstandingBalanceBeingPaid:$})=>{const m=me(),T=ze(),P=pe().analytics,[M,I]=p.useState(!1);p.useEffect(()=>{e.error!=null?I(!0):I(!1)},[e.error]);const v=ae.largeLabelWidth.value(m);return a.jsxs(a.Fragment,{children:[a.jsxs(_t,{windowSize:m,children:[a.jsx(Xt,{windowSize:m,children:a.jsx(nt,{title:Lt,enterTouchDelay:600,placement:"bottom",children:a.jsx(Kt,{"data-testid":te("nav-bar-back-credit-card-payment-review"),onClick:()=>{i&&h&&n&&P.trackCardsPayEarlyFormClick(g,c,f,"Back",e.chargeCardRepaymentDetailLocalData.isAutoRepayment,{paymentAmount:e.chargeCardRepaymentDetailLocalData.amount.amount,paymentAccountName:e.chargeCardRepaymentDetailLocalData.transferFrom?.label,paymentAccountType:e.chargeCardRepaymentDetailLocalData.transferFrom?.accType,paymentAccountLastFourDigits:e.chargeCardRepaymentDetailLocalData.transferFrom?.accountLast4,paymentCompleteEta:void 0,paymentInitiatedDate:void 0},L,y,b),x(!1)}})})}),a.jsx(qt,{windowSize:m,children:It.reviewAndConfirm}),a.jsx(Tt,{children:a.jsx(Ee,{amount:e.chargeCardRepaymentDetailLocalData.amount,integerStyles:de.integerAmountInput.styleObject(m),decimalStyles:de.decimalAmountInput.styleObject(m)})}),M?a.jsx(Ot,{children:a.jsxs(zt,{children:[a.jsxs(Nt,{children:[a.jsx(Wt,{}),a.jsxs(Et,{children:[a.jsx(Mt,{children:e.error?.title}),a.jsx(Bt,{children:e.error?.message})]})]}),a.jsx(Ut,{children:a.jsx(Vt,{"data-testid":te("close-error-credit-card-payment-review"),onClick:()=>{I(!1)},style:{width:t.sp3,height:t.sp3,color:Z.heroLight}})})]})}):null,a.jsx(Zt,{windowSize:m,children:a.jsxs(jt,{children:[a.jsx(Ce,{label:{label:Se.transferFrom,width:v},text:a.jsxs(De,{windowSize:m,children:[_e(e.transferFromAccounts,e.chargeCardRepaymentDetailLocalData.transferFrom?.id??"",!0),a.jsx(Pt,{windowSize:m,children:e.chargeCardRepaymentDetailLocalData.transferFrom?.label})]}),style:{width:"auto"}}),a.jsx(Yt,{}),a.jsx(Ce,{label:{label:Se.amount,width:v},showAdditionalInfoLabel:!0,additionalInfoLabel:`${$?ee.creditLimitReset:ee.creditLimitUpdate} ${E.zeniDate(E.getNextNthWorkingDay(E.dateNow().toDate(),[0,6],3).toDateString()).format(vt)} ${ee.business23Days}`,additionalInfoLabelStyles:{color:T.colors.hero,...ot.smallRegular.cssObject},text:a.jsx(De,{windowSize:m,children:Te("0,0.[00]",{amount:e.chargeCardRepaymentDetailLocalData.amount.amount,currencyCode:we.currencyCode,currencySymbol:we.currencySymbol})}),style:{width:"auto"}})]})})]}),a.jsx(Pe,{style:{zIndex:4,paddingTop:t.sp3,paddingBottom:t.sp0},helperText:ee.byClickingPayNowIAuthorizeZeniToInitiateThePayment,helperStyle:{padding:`${t.sp0} ${t.sp0} ${t.sp3} ${t.sp0}`},cancelBtn:{label:At,onClick:()=>{i&&h&&n&&P.trackCardsPayEarlyFormClick(g,c,f,"Edit",e.chargeCardRepaymentDetailLocalData.isAutoRepayment,{paymentAmount:e.chargeCardRepaymentDetailLocalData.amount.amount,paymentAccountName:e.chargeCardRepaymentDetailLocalData.transferFrom?.label,paymentAccountType:e.chargeCardRepaymentDetailLocalData.transferFrom?.accType,paymentAccountLastFourDigits:e.chargeCardRepaymentDetailLocalData.transferFrom?.accountLast4,paymentCompleteEta:void 0,paymentInitiatedDate:void 0},L,y,b),x(!1)},style:{minWidth:94}},primaryBtn:{label:ee.payNow,onClick:C,isLoading:e.updateStatus==="In-Progress",style:{minWidth:94}}})]})},_e=(e,i,h)=>{if(i==="")return a.jsx(ta,{});const n=e.find(c=>c.id===i),g=e.findIndex(c=>c.id===i);if(n!=null){if(n.accType==="depositAccount")return a.jsx(Ht,{isOptionSelected:h,children:a.jsx(ea,{color:ft(g)})});if(n.accType==="paymentAccount")return n.logo!==void 0&&(n.logo.base64||n.logo.url)?a.jsx(Gt,{src:Rt(n.logo),isOptionSelected:h,loading:"lazy"}):a.jsx(Qt,{isOptionSelected:h,children:a.jsx(Jt,{})})}return null},Rt=e=>e.base64!==void 0?`${Ct}${e.base64.toString()}`:e.url!==void 0?e.url.toString():"",Tt=o(Be)`
   color: ${e=>e.theme.colors.primary};
   padding-top: ${t.sp3};
 `,Pt=o.div`
@@ -20,16 +20,16 @@ import{j as a,X as me,d1 as pe,Y as te,gN as Je,M as W,_ as Te,K as He,d as et,a
   width: 100%;
   justify-content: space-between;
   padding: ${t.sp3} ${t.sp4};
-  background-color: ${X.importantLight};
+  background-color: ${Z.importantLight};
   border-radius: ${t.sp2};
 `,Et=o.div`
   display: flex;
   flex-direction: column;
   margin-left: ${t.sp2};
 `,Mt=o(yt)`
-  color: ${X.important};
+  color: ${Z.important};
 `,Bt=o(Oe)`
-  color: ${X.important};
+  color: ${Z.important};
 `,Ot=o.div`
   margin-top: ${t.sp3};
   display: flex;
@@ -47,11 +47,11 @@ import{j as a,X as me,d1 as pe,Y as te,gN as Je,M as W,_ as Te,K as He,d as et,a
 `,Nt=o.div`
   display: flex;
   align-items: flex-start;
-`,Ut=o.div``,Vt=o(gt)`
+`,Ut=o.div``,Wt=o(gt)`
   width: ${t.sp4};
   height: ${t.sp4};
-  color: ${X.important};
-`,Yt=o(je)`
+  color: ${Z.important};
+`,Vt=o(je)`
   cursor: pointer;
   color: ${e=>e.theme.colors.hero};
   width: ${t.sp4};
@@ -60,18 +60,18 @@ import{j as a,X as me,d1 as pe,Y as te,gN as Je,M as W,_ as Te,K as He,d as et,a
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,Wt=o.div`
+`,Yt=o.div`
   display: flex;
   flex: 1;
   background-color: ${e=>e.theme.colors.grey3};
   min-height: 1px;
   max-height: 1px;
-`,Xt=o.div`
+`,Zt=o.div`
   display: flex;
   flex-direction: column;
   padding-top: ${t.sp3};
   padding-bottom: ${e=>`${ae.reviewContentWrapperPaddingBottom.valuePx(e.windowSize)}`};
-`,Zt=o(ht)`
+`,Kt=o(ht)`
   cursor: pointer;
   color: ${e=>e.theme.colors.hero};
   width: ${t.sp4};
@@ -80,7 +80,7 @@ import{j as a,X as me,d1 as pe,Y as te,gN as Je,M as W,_ as Te,K as He,d as et,a
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,Kt=o.div`
+`,Xt=o.div`
   display: flex;
   flex-direction: row;
   justify-content: flex-start;
@@ -90,17 +90,17 @@ import{j as a,X as me,d1 as pe,Y as te,gN as Je,M as W,_ as Te,K as He,d as et,a
   padding: ${e=>`${ae.navBarContainerPaddingXaxis.valuePx(e.windowSize)} ${t.sp0}`};
   z-index: 2;
   background-color: ${e=>e.theme.colors.grey4};
-`,Qt=o(Me)`
+`,qt=o(Me)`
   ${e=>`${de.pageTitle.style(e.windowSize)}`};
   color: ${e=>e.theme.colors.primary};
   padding: ${t.sp3} ${t.sp0} ${t.sp3} ${t.sp0};
-`,qt=o.img`
+`,Gt=o.img`
   display: flex;
   width: ${e=>e.isOptionSelected?t.sp4:t.sp5};
   height: ${e=>e.isOptionSelected?t.sp4:t.sp5};
   min-width: ${e=>e.isOptionSelected?t.sp4:t.sp5};
   margin-right: ${t.sp2};
-`,Gt=o.div`
+`,Qt=o.div`
   min-width: ${e=>e.isOptionSelected?t.sp4:t.sp5};
   width: ${e=>e.isOptionSelected?t.sp4:t.sp5};
   height: ${e=>e.isOptionSelected?t.sp4:t.sp5};
@@ -126,7 +126,7 @@ import{j as a,X as me,d1 as pe,Y as te,gN as Je,M as W,_ as Te,K as He,d 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}}}=W.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 Y("h5Regular","h2Regular"),decimalAmountInput:new Y("largeSemiBold","h5Medium")};function ia({autoPayThreshold:e,plaidConnectionDetails:i,maxInsuredAmount:h,paymentDetails:n,lowBalanceAdditionalInfo:g,paymentAccount:c,isAccountsEnabled:f,onSaveChangesToLocalStore:L,onUpdatePaymentAccountStatus:y,onEstablishConnectionClick:b,onEstablishConnectionSuccess:x,onFetchLinkTokenClick:C,setShowReviewLoading:$,onSignUpAccountClick:m,onMoveMoneyClick:T,isCashbackInfoFetchStateCompleted:P,isCreditCardInfoFetchStateCompleted:M,isDebitCardInfoFetchStateCompleted:I,controllerEmails:v,productInformation:Z,cashbackInformation:K,paymentSourceInformation:Q,creditAccountInformation:q,debitAccountInformation:G}){const s=me(),le=ze(),w=S.largeLabelWidth.value(s),J=pe().analytics,H=p.useRef(null),[j,z]=p.useState(!1),[F,O]=p.useState(void 0),A=i.link_account,oe=i.update_account,k=F==="update_account"?oe:A,[_,ue]=p.useState(k.linkToken??null),he=be(A.updateStatus.fetchState),N=rt({mode:"all",reValidateMode:"onBlur",defaultValues:p.useMemo(()=>ke(n),[n]),values:p.useMemo(()=>ke(n),[n])}),ge=c?.isLoginRequired??!1,D=c?.providerVerificationStatus?.code,ye=be(oe.updateStatus.fetchState),Ye=p.useCallback((l,u)=>{const R=u.accounts.find(Ge=>Ge.id===c?.providerAccountId)??u.accounts[0];c?.paymentAccountId!=null&&F==="update_account"&&R?.verification_status!=null&&!ge?y(R?.verification_status,c.paymentAccountId,"update_account"):b?.(l,F),O(void 0),z(!1)},[c?.paymentAccountId,c?.providerAccountId,F,ge,y,b]),We=p.useCallback((l,u)=>{l!=null&&(l.error_code==="TOO_MANY_VERIFICATION_ATTEMPTS"&&c?.paymentAccountId!=null&&y("verification_failed",c.paymentAccountId,"update_account"),console.log("Plaid Connection Error",l,u)),O(void 0),z(!1)},[c?.paymentAccountId,y]),{open:ce,ready:fe}=lt({token:_,onSuccess:Ye,onExit:We});p.useEffect(()=>{(he==="In-Progress"&&A.updateStatus.fetchState==="Completed"||ye==="In-Progress"&&oe.updateStatus.fetchState==="Completed")&&D!=="verified"&&D!=="manually_verified"&&D!=="automatically_verified"&&D!=="database_matched"&&(C?.("link_account"),x())},[A.updateStatus.fetchState,x,C,he,ye,oe.updateStatus.fetchState,D]),p.useEffect(()=>{(E.isVerifiedStatusCode(D??"")||D==="verification_failed")&&!j&&F!=null&&k.linkToken===_&&k.fetchStatus.fetchState==="Completed"&&fe&&z(!0)},[fe,_,k.fetchStatus.fetchState,k.linkToken,D,F,j]),p.useEffect(()=>{k.fetchStatus.fetchState==="Completed"&&k.linkToken!=null&&k.linkToken!==_&&ue(k.linkToken)},[k.fetchStatus.fetchState,k.linkToken,_]),p.useEffect(()=>{j&&ce()},[j,ce]),p.useEffect(()=>{(D==null||D==="verification_failed"||D==="verification_expired"||E.isVerifiedStatusCode(D))&&(E.zeniDate(new Date().toISOString()).isAfter(A.expiration)||A.linkToken==null)&&C?.("link_account")},[]);const{isValid:Xe}=N.formState,Ze=async(l,u)=>{if(l!=null){if(l.includes("amount"))return;const R=ve(u,n.transferFromAccounts,n.chargeCardRepaymentDetailLocalData.idempotencyKey);L(R)}},Ke=l=>{if(g!=null)return g;const u=n.transferFromAccounts.find(R=>R.id===l);return u?.accountBalance?.available!=null&&E.checkIfLowBalance(n.chargeCardRepaymentDetailLocalData.amount,u?.accountBalance?.available)?na.addMoney:""};p.useEffect(()=>{const l=N.watch((u,{name:R})=>{R!=null&&u!=null&&ct(()=>Ze(R,u))});return()=>{l.unsubscribe()}});const Qe=N.watch("paymentDetails.amount"),qe=N.handleSubmit(()=>{if(Xe){const l=N.getValues(),u=ve(l,n.transferFromAccounts,n.chargeCardRepaymentDetailLocalData.idempotencyKey);L(u),$(!0),P&&M&&I&&J.trackCardsPayEarlyFormClick(v,Z,K,"Review",n.chargeCardRepaymentDetailLocalData.isAutoRepayment,{paymentAmount:n.chargeCardRepaymentDetailLocalData.amount.amount,paymentAccountName:n.chargeCardRepaymentDetailLocalData.transferFrom?.label,paymentAccountType:n.chargeCardRepaymentDetailLocalData.transferFrom?.accType,paymentAccountLastFourDigits:n.chargeCardRepaymentDetailLocalData.transferFrom?.accountLast4,paymentCompleteEta:void 0,paymentInitiatedDate:void 0},Q,q,G)}});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:qe,children:a.jsxs(ma,{children:[a.jsx(dt,{selectRef:H,label:{label:se.labels.transferFrom,width:w,style:{marginLeft:S.labelMarginLeftPicker.valuePx(s),marginTop:S.labelMarginTopPicker.valuePx(s),marginRight:S.labelMarginRightPicker.valuePx(s),width:S.largeLabelWidth.value(s)}},style:{paddingTop:S.labeledFieldPaddingTop.valuePx(s),paddingBottom:S.labeledFieldPaddingBottom.valuePx(s),paddingLeft:S.labeledFieldPaddingLeft.valuePx(s),paddingRight:S.labeledFieldPaddingRight.valuePx(s),border:"none",width:"auto",display:"flex"},infoLabelStyle:{textAlign:"right",paddingRight:S.infoLabelPaddingRight.valuePx(s),marginTop:S.infoLabelMarginTop.valuePx(s),color:X.brandColorGoldDark},bottomComponent:a.jsx($t,{label:{label:U.enableAutoPay.replace("__autoPayThreshold__",e.toString()),style:{textAlign:s==="small"?"end":"center",color:le.colors.primary}},style:{width:"unset",marginRight:t.sp3,alignItems:s==="small"?"flex-start":"center"},checkBoxField:{name:re(B,"enableAutoPay"),checkBoxValue:re(B,"enableAutoPay"),defaultChecked:n.chargeCardRepaymentDetailLocalData.isAutoRepayment,style:{top:S.checkBoxTop.valuePx(s)}}}),singleSelectPickerField:{name:re(B,oa),placeholder:pt(se.labels.transferFrom),style:{position:"relative"},capitalizeOptions:!0,isOptionRemovable:!1,showTickIcon:!1,valueToLogo:(l,u)=>_e(n.transferFromAccounts,l,u),valueToSubLabels:(l,u)=>mt(n.transferFromAccounts,l,u,!0),defaultValue:{selectedOption:n.chargeCardRepaymentDetailLocalData.transferFrom?.id,allOptions:n.transferFromAccounts.map(l=>({label:l.label,value:l.id,isRecommended:l.accType==="depositAccount"}))},textAlignment:"right",registerOptions:{required:!0,validate:l=>l!=null&&!!l.selectedOption},showCreateOption:!0,onClickCreateOption:()=>{O("link_account"),A.linkToken==null||E.zeniDate(new Date().toISOString()).isAfter(A.expiration)?C?.("link_account"):_!==A.linkToken?ue(A.linkToken):j?ce():z(!0)}},valueToAdditionalLabel:Ke}),n?.chargeCardRepaymentDetailLocalData.transferFrom==null||n?.chargeCardRepaymentDetailLocalData.transferFrom?.accType==="paymentAccount"?a.jsx(xe,{maxInsuredAmount:h,heading:a.jsxs(ra,{windowSize:s,children:[U.earn,a.jsx(la,{children:U.percentageCashback.replace("__percentage__",kt)}),U.whenYouPayViaZeniChecking]}),buttonText:f?ie.switchButtonText:ie.signUpButtonText,isAccountsEnabled:f,pageName:U.creditCardPayment,onSignUpClick:m,onSwitchClick:()=>{H.current!=null&&H.current.focus()}}):n?.chargeCardRepaymentDetailLocalData.transferFrom?.accType==="depositAccount"&&n?.chargeCardRepaymentDetailLocalData.transferFrom.accountBalance!=null&&n.chargeCardRepaymentDetailLocalData.transferFrom.accountBalance.available!=null&&n.chargeCardRepaymentDetailLocalData.transferFrom.accountBalance.available.amount<n.chargeCardRepaymentDetailLocalData.amount.amount?a.jsx(xe,{maxInsuredAmount:h,heading:ie.moveMoneyHeading,buttonText:ie.moveMoneyButtonText,isAccountsEnabled:f,pageName:U.creditCardPayment,onMoveMoneyClick:T}):a.jsx(ca,{}),a.jsx(ut,{showAdditionalInfoLabel:!1,label:{label:se.labels.amount,width:w},formattedTextField:{type:"number",name:re(B,Ne),defaultValue:n.chargeCardRepaymentDetailLocalData.amount.amount===0?void 0:n.chargeCardRepaymentDetailLocalData.amount.amount,placeholder:aa.transferDrawer.amountPlaceholder,returnValueType:"floatValue",prefix:"$",allowNegative:!1,isNumericString:!1,registerOptions:{required:!0,validate:l=>!!l&&l>0},autoComplete:"off",decimalSeparator:".",decimalScale:2,fixedDecimalScale:!1,thousandSeparator:!0,allowLeadingZeros:!1},style:{width:"auto",paddingLeft:S.labeledFieldPaddingLeft.valuePx(s)}})]})})})]})}const ra=o(bt)`
+`,{common:se,spendManagement:{zeniAccounts:{zeniAccountList:aa},billPay:{insufficientFunds:na},chargeCard:{payEarly:U}},commonSetUp:{setUp:{accountsPlg:ie}}}=Y.getLocalizedStrings(),Ne="amount",oa="withdrawFrom",B="paymentDetails",Ue="creditCardPaymentPage",re=(e,i)=>`${e}.${i}`,We=e=>`${e}_form`,S={largeLabelWidth:new d(120,120,160),labelMarginLeftPicker:new d(r[3],r[4]),labelMarginRightPicker:new d(r[3],r[4]),labelMarginTopPicker:new d(r[2],r[2]),labeledFieldPaddingLeft:new d(r[2],r[0]),labeledFieldPaddingRight:new d(r[2],r[2]),labeledFieldPaddingTop:new d(r[2],r[2]),labeledFieldPaddingBottom:new d(r[2],r[2]),infoLabelPaddingRight:new d(r[0],r[3]),infoLabelMarginTop:new d(r[1],r[0]),checkBoxTop:new d(r[1],r[0])},$e={integerAmountInput:new V("h5Regular","h2Regular"),decimalAmountInput:new V("largeSemiBold","h5Medium")};function ia({autoPayThreshold:e,plaidConnectionDetails:i,maxInsuredAmount:h,paymentDetails:n,lowBalanceAdditionalInfo:g,paymentAccount:c,isAccountsEnabled:f,onSaveChangesToLocalStore:L,onUpdatePaymentAccountStatus:y,onEstablishConnectionClick:b,onEstablishConnectionSuccess:x,onFetchLinkTokenClick:C,setShowReviewLoading:$,onSignUpAccountClick:m,onMoveMoneyClick:T,isCashbackInfoFetchStateCompleted:P,isCreditCardInfoFetchStateCompleted:M,isDebitCardInfoFetchStateCompleted:I,controllerEmails:v,productInformation:K,cashbackInformation:X,paymentSourceInformation:q,creditAccountInformation:G,debitAccountInformation:Q}){const s=me(),le=ze(),w=S.largeLabelWidth.value(s),J=pe().analytics,H=p.useRef(null),[j,z]=p.useState(!1),[F,O]=p.useState(void 0),A=i.link_account,oe=i.update_account,k=F==="update_account"?oe:A,[_,ue]=p.useState(k.linkToken??null),he=be(A.updateStatus.fetchState),N=rt({mode:"all",reValidateMode:"onBlur",defaultValues:p.useMemo(()=>ke(n),[n]),values:p.useMemo(()=>ke(n),[n])}),ge=c?.isLoginRequired??!1,D=c?.providerVerificationStatus?.code,ye=be(oe.updateStatus.fetchState),Ve=p.useCallback((l,u)=>{const R=u.accounts.find(Qe=>Qe.id===c?.providerAccountId)??u.accounts[0];c?.paymentAccountId!=null&&F==="update_account"&&R?.verification_status!=null&&!ge?y(R?.verification_status,c.paymentAccountId,"update_account"):b?.(l,F),O(void 0),z(!1)},[c?.paymentAccountId,c?.providerAccountId,F,ge,y,b]),Ye=p.useCallback((l,u)=>{l!=null&&(l.error_code==="TOO_MANY_VERIFICATION_ATTEMPTS"&&c?.paymentAccountId!=null&&y("verification_failed",c.paymentAccountId,"update_account"),console.log("Plaid Connection Error",l,u)),O(void 0),z(!1)},[c?.paymentAccountId,y]),{open:ce,ready:fe}=lt({token:_,onSuccess:Ve,onExit:Ye});p.useEffect(()=>{(he==="In-Progress"&&A.updateStatus.fetchState==="Completed"||ye==="In-Progress"&&oe.updateStatus.fetchState==="Completed")&&D!=="verified"&&D!=="manually_verified"&&D!=="automatically_verified"&&D!=="database_matched"&&(C?.("link_account"),x())},[A.updateStatus.fetchState,x,C,he,ye,oe.updateStatus.fetchState,D]),p.useEffect(()=>{(E.isVerifiedStatusCode(D??"")||D==="verification_failed")&&!j&&F!=null&&k.linkToken===_&&k.fetchStatus.fetchState==="Completed"&&fe&&z(!0)},[fe,_,k.fetchStatus.fetchState,k.linkToken,D,F,j]),p.useEffect(()=>{k.fetchStatus.fetchState==="Completed"&&k.linkToken!=null&&k.linkToken!==_&&ue(k.linkToken)},[k.fetchStatus.fetchState,k.linkToken,_]),p.useEffect(()=>{j&&ce()},[j,ce]),p.useEffect(()=>{(D==null||D==="verification_failed"||D==="verification_expired"||E.isVerifiedStatusCode(D))&&(E.zeniDate(new Date().toISOString()).isAfter(A.expiration)||A.linkToken==null)&&C?.("link_account")},[]);const{isValid:Ze}=N.formState,Ke=async(l,u)=>{if(l!=null){if(l.includes("amount"))return;const R=ve(u,n.transferFromAccounts,n.chargeCardRepaymentDetailLocalData.idempotencyKey);L(R)}},Xe=l=>{if(g!=null)return g;const u=n.transferFromAccounts.find(R=>R.id===l);return u?.accountBalance?.available!=null&&E.checkIfLowBalance(n.chargeCardRepaymentDetailLocalData.amount,u?.accountBalance?.available)?na.addMoney:""};p.useEffect(()=>{const l=N.watch((u,{name:R})=>{R!=null&&u!=null&&ct(()=>Ke(R,u))});return()=>{l.unsubscribe()}});const qe=N.watch("paymentDetails.amount"),Ge=N.handleSubmit(()=>{if(Ze){const l=N.getValues(),u=ve(l,n.transferFromAccounts,n.chargeCardRepaymentDetailLocalData.idempotencyKey);L(u),$(!0),P&&M&&I&&J.trackCardsPayEarlyFormClick(v,K,X,"Review",n.chargeCardRepaymentDetailLocalData.isAutoRepayment,{paymentAmount:n.chargeCardRepaymentDetailLocalData.amount.amount,paymentAccountName:n.chargeCardRepaymentDetailLocalData.transferFrom?.label,paymentAccountType:n.chargeCardRepaymentDetailLocalData.transferFrom?.accType,paymentAccountLastFourDigits:n.chargeCardRepaymentDetailLocalData.transferFrom?.accountLast4,paymentCompleteEta:void 0,paymentInitiatedDate:void 0},q,G,Q)}});return a.jsxs(a.Fragment,{children:[a.jsx(da,{children:a.jsx(Ee,{amount:{amount:qe??0,currencyCode:n.chargeCardRepaymentDetailLocalData.amount.currencyCode,currencySymbol:n.chargeCardRepaymentDetailLocalData.amount.currencySymbol},integerStyles:$e.integerAmountInput.styleObject(s),decimalStyles:$e.decimalAmountInput.styleObject(s)})}),a.jsx(st,{...N,children:a.jsx(sa,{id:We(Ue),onSubmit:Ge,children:a.jsxs(ma,{children:[a.jsx(dt,{selectRef:H,label:{label:se.labels.transferFrom,width:w,style:{marginLeft:S.labelMarginLeftPicker.valuePx(s),marginTop:S.labelMarginTopPicker.valuePx(s),marginRight:S.labelMarginRightPicker.valuePx(s),width:S.largeLabelWidth.value(s)}},style:{paddingTop:S.labeledFieldPaddingTop.valuePx(s),paddingBottom:S.labeledFieldPaddingBottom.valuePx(s),paddingLeft:S.labeledFieldPaddingLeft.valuePx(s),paddingRight:S.labeledFieldPaddingRight.valuePx(s),border:"none",width:"auto",display:"flex"},infoLabelStyle:{textAlign:"right",paddingRight:S.infoLabelPaddingRight.valuePx(s),marginTop:S.infoLabelMarginTop.valuePx(s),color:Z.brandColorGoldDark},bottomComponent:a.jsx($t,{label:{label:U.enableAutoPay.replace("__autoPayThreshold__",e.toString()),style:{textAlign:s==="small"?"end":"center",color:le.colors.primary}},style:{width:"unset",marginRight:t.sp3,alignItems:s==="small"?"flex-start":"center"},checkBoxField:{name:re(B,"enableAutoPay"),checkBoxValue:re(B,"enableAutoPay"),defaultChecked:n.chargeCardRepaymentDetailLocalData.isAutoRepayment,style:{top:S.checkBoxTop.valuePx(s)}}}),singleSelectPickerField:{name:re(B,oa),placeholder:pt(se.labels.transferFrom),style:{position:"relative"},capitalizeOptions:!0,isOptionRemovable:!1,showTickIcon:!1,valueToLogo:(l,u)=>_e(n.transferFromAccounts,l,u),valueToSubLabels:(l,u)=>mt(n.transferFromAccounts,l,u,!0),defaultValue:{selectedOption:n.chargeCardRepaymentDetailLocalData.transferFrom?.id,allOptions:n.transferFromAccounts.map(l=>({label:l.label,value:l.id,isRecommended:l.accType==="depositAccount"}))},textAlignment:"right",registerOptions:{required:!0,validate:l=>l!=null&&!!l.selectedOption},showCreateOption:!0,onClickCreateOption:()=>{O("link_account"),A.linkToken==null||E.zeniDate(new Date().toISOString()).isAfter(A.expiration)?C?.("link_account"):_!==A.linkToken?ue(A.linkToken):j?ce():z(!0)}},valueToAdditionalLabel:Xe}),n?.chargeCardRepaymentDetailLocalData.transferFrom==null||n?.chargeCardRepaymentDetailLocalData.transferFrom?.accType==="paymentAccount"?a.jsx(xe,{maxInsuredAmount:h,heading:a.jsxs(ra,{windowSize:s,children:[U.earn,a.jsx(la,{children:U.percentageCashback.replace("__percentage__",kt)}),U.whenYouPayViaZeniChecking]}),buttonText:f?ie.switchButtonText:ie.signUpButtonText,isAccountsEnabled:f,pageName:U.creditCardPayment,onSignUpClick:m,onSwitchClick:()=>{H.current!=null&&H.current.focus()}}):n?.chargeCardRepaymentDetailLocalData.transferFrom?.accType==="depositAccount"&&n?.chargeCardRepaymentDetailLocalData.transferFrom.accountBalance!=null&&n.chargeCardRepaymentDetailLocalData.transferFrom.accountBalance.available!=null&&n.chargeCardRepaymentDetailLocalData.transferFrom.accountBalance.available.amount<n.chargeCardRepaymentDetailLocalData.amount.amount?a.jsx(xe,{maxInsuredAmount:h,heading:ie.moveMoneyHeading,buttonText:ie.moveMoneyButtonText,isAccountsEnabled:f,pageName:U.creditCardPayment,onMoveMoneyClick:T}):a.jsx(ca,{}),a.jsx(ut,{showAdditionalInfoLabel:!1,label:{label:se.labels.amount,width:w},formattedTextField:{type:"number",name:re(B,Ne),defaultValue:n.chargeCardRepaymentDetailLocalData.amount.amount===0?void 0:n.chargeCardRepaymentDetailLocalData.amount.amount,placeholder:aa.transferDrawer.amountPlaceholder,returnValueType:"floatValue",prefix:"$",allowNegative:!1,isNumericString:!1,registerOptions:{required:!0,validate:l=>!!l&&l>0},autoComplete:"off",decimalSeparator:".",decimalScale:2,fixedDecimalScale:!1,thousandSeparator:!0,allowLeadingZeros:!1},style:{width:"auto",paddingLeft:S.labeledFieldPaddingLeft.valuePx(s)}})]})})})]})}const ra=o(bt)`
   color: ${e=>e.theme.colors.primary};
   width: ${e=>e.windowSize==="small"?"80%":"100%"};
 `,la=o(xt)`
@@ -154,7 +154,7 @@ import{j as a,X as me,d1 as pe,Y as te,gN as Je,M as W,_ as Te,K as He,d as et,a
   border: 1px solid ${e=>e.theme.colors.grey3};
   box-shadow: ${e=>`${t.sp0} 2px ${t.sp1} ${e.theme.colors.dropShadowNormal}`};
   border-radius: ${t.sp2};
-`,ve=(e,i,h)=>({amount:{amount:e[B].amount??0,currencyCode:"USD",currencySymbol:"$"},transferFrom:i.find(n=>n.id===e[B].withdrawFrom.selectedOption),isAutoRepayment:e[B].enableAutoPay,idempotencyKey:h}),ne={navBarContainerPaddingXaxis:new d(10,19),containerPaddingLeft:new d(16,40,56),containerPaddingRight:new d(16,40,56),successContentMargin:new d(r[3],r[12]),buttonTrayGap:new d(r[4],r[5])},pa={sectionTitle:new Y("h6Regular","h5Regular")},Ae=W.getLocalizedStrings().spendManagement.zeniAccounts.zeniAccountList,V=W.getLocalizedStrings().spendManagement.chargeCard.payEarly,{dateFormat:Le}=W.getLocalizedStrings(),ua=({autoPayThreshold:e,paymentDetails:i,maxInsuredAmount:h,isAccountsEnabled:n,productInformation:g,controllerEmails:c,creditAccountInformation:f,creditAccountSpentAmount:L,debitAccountInformation:y,cashbackInformation:b,paymentSourceInformation:x,isCashbackInfoFetchStateCompleted:C,isCreditCardInfoFetchStateCompleted:$,isDebitCardInfoFetchStateCompleted:m,paymentInitiatedDate:T,onSaveChangesToLocalStore:P,onTransferClick:M,goToCards:I,onDismissClick:v,onEstablishConnectionClick:Z,onFetchLinkTokenClick:K,plaidConnectionDetails:Q,onSignUpAccountClick:q,onMoveMoneyClick:G,onUpdatePaymentAccountStatus:s,onEstablishConnectionSuccess:le})=>{const w=me(),J=pe().analytics,[H,j]=p.useState(!1),[z,F]=p.useState(!1);p.useEffect(()=>{z&&setTimeout(()=>{F(!1),j(!0)},1e3)},[z]);const O=i.chargeCardRepaymentDetailLocalData.amount.amount===L;return a.jsx(ha,{windowSize:w,children:i.updateStatus==="Completed"?a.jsxs(Ie,{windowSize:w,isTransferCompleted:!0,children:[a.jsx(Fe,{windowSize:w,children:a.jsx(Re,{"data-testid":te("cross-credit-card-payment-success-close-button"),onClick:()=>{C&&$&&m&&J.trackCardsPayEarlyFormClick(c,g,b,"Cross Icon",i.chargeCardRepaymentDetailLocalData.isAutoRepayment,{paymentAmount:i.chargeCardRepaymentDetailLocalData.amount.amount,paymentAccountName:i.chargeCardRepaymentDetailLocalData.transferFrom?.label,paymentAccountType:i.chargeCardRepaymentDetailLocalData.transferFrom?.accType,paymentAccountLastFourDigits:i.chargeCardRepaymentDetailLocalData.transferFrom?.accountLast4,paymentCompleteEta:void 0,paymentInitiatedDate:void 0},x,f,y),v?.()}})}),a.jsxs(Ca,{windowSize:w,children:[a.jsx(Je,{width:150,height:150,shouldDisplay:!0,animationInLoop:1}),a.jsx(ga,{children:a.jsxs(a.Fragment,{children:[V.youvePaid,a.jsx(ya,{children:Te("0,0.[00]",i.chargeCardRepaymentDetailLocalData.amount)}),Ae.transferDrawer.internal.transferSuccessMsgMidfix,`"${i.chargeCardRepaymentDetailLocalData.transferFrom?.label}".`,O?V.theCreditLimitWillResetWithin23BusinessDays:V.theCreditLimitWillUpdateWithin23BusinessDays]})}),a.jsx(fa,{windowSize:w,children:a.jsx(He,{variant:"primary",label:V.goToCards,"data-testid":te("back-to-cards-button"),onClick:I})})]})]}):H?a.jsx(Ft,{paymentDetails:i,setShowReviewContent:j,onTransferClick:M,isCashbackInfoFetchStateCompleted:C,isCreditCardInfoFetchStateCompleted:$,isDebitCardInfoFetchStateCompleted:m,controllerEmails:c,productInformation:g,cashbackInformation:b,paymentSourceInformation:x,creditAccountInformation:f,debitAccountInformation:y,isCompleteOutstandingBalanceBeingPaid:O}):a.jsxs(a.Fragment,{children:[a.jsxs(Ie,{windowSize:w,isTransferCompleted:!1,children:[a.jsx(Fe,{windowSize:w,children:a.jsx(Re,{"data-testid":te("cross-amount-details-close-button"),onClick:()=>{C&&$&&m&&J.trackCardsPayEarlyFormClick(c,g,b,"Cross Icon",i.chargeCardRepaymentDetailLocalData.isAutoRepayment,{paymentAmount:i.chargeCardRepaymentDetailLocalData.amount.amount,paymentAccountName:i.chargeCardRepaymentDetailLocalData.transferFrom?.label,paymentAccountType:i.chargeCardRepaymentDetailLocalData.transferFrom?.accType,paymentAccountLastFourDigits:i.chargeCardRepaymentDetailLocalData.transferFrom?.accountLast4,paymentCompleteEta:T?.add(3,"day").format(Le.visual.MMMDCommaYYYYformat),paymentInitiatedDate:T?.format(Le.visual.MMMDCommaYYYYformat)},x,f,y),v?.()}})}),w==="small"?a.jsx(ba,{windowSize:w,children:V.payCreditCardBalance}):a.jsx(xa,{children:V.payCreditCardBalance}),i.fetchState==="Completed"?a.jsx(ia,{autoPayThreshold:e,maxInsuredAmount:h,onSaveChangesToLocalStore:P,plaidConnectionDetails:Q,paymentDetails:i,setShowReviewLoading:F,onEstablishConnectionSuccess:le,isAccountsEnabled:n,onFetchLinkTokenClick:K,onUpdatePaymentAccountStatus:s,onEstablishConnectionClick:Z,onSignUpAccountClick:q,onMoveMoneyClick:G,isCashbackInfoFetchStateCompleted:C,isCreditCardInfoFetchStateCompleted:$,isDebitCardInfoFetchStateCompleted:m,controllerEmails:c,productInformation:g,cashbackInformation:b,paymentSourceInformation:x,creditAccountInformation:f,debitAccountInformation:y}):a.jsx(et,{size:"Standard",start:!0,style:{display:"flex",justifyContent:"center",alignItems:"center",height:"calc(100vh - 210px)"}})]}),a.jsx(Pe,{style:{zIndex:4,paddingTop:t.sp3,paddingBottom:t.sp3},formId:Ve(Ue),helperStyle:{paddingTop:t.sp0,paddingBottom:t.sp0},primaryBtn:{label:W.getLocalizedStrings().common.review,isLoading:z},cancelBtn:{label:Ae.transferDrawer.cancelBtn,onClick:()=>{C&&$&&m&&J.trackCardsPayEarlyFormClick(c,g,b,"Cancel",i.chargeCardRepaymentDetailLocalData.isAutoRepayment,{paymentAmount:i.chargeCardRepaymentDetailLocalData.amount.amount,paymentAccountName:i.chargeCardRepaymentDetailLocalData.transferFrom?.label,paymentAccountType:i.chargeCardRepaymentDetailLocalData.transferFrom?.accType,paymentAccountLastFourDigits:i.chargeCardRepaymentDetailLocalData.transferFrom?.accountLast4,paymentCompleteEta:void 0,paymentInitiatedDate:void 0},x,f,y),v?.()}}})]})})},ha=o.div`
+`,ve=(e,i,h)=>({amount:{amount:e[B].amount??0,currencyCode:"USD",currencySymbol:"$"},transferFrom:i.find(n=>n.id===e[B].withdrawFrom.selectedOption),isAutoRepayment:e[B].enableAutoPay,idempotencyKey:h}),ne={navBarContainerPaddingXaxis:new d(10,19),containerPaddingLeft:new d(16,40,56),containerPaddingRight:new d(16,40,56),successContentMargin:new d(r[3],r[12]),buttonTrayGap:new d(r[4],r[5])},pa={sectionTitle:new V("h6Regular","h5Regular")},Ae=Y.getLocalizedStrings().spendManagement.zeniAccounts.zeniAccountList,W=Y.getLocalizedStrings().spendManagement.chargeCard.payEarly,{dateFormat:Le}=Y.getLocalizedStrings(),ua=({autoPayThreshold:e,paymentDetails:i,maxInsuredAmount:h,isAccountsEnabled:n,productInformation:g,controllerEmails:c,creditAccountInformation:f,creditAccountSpentAmount:L,debitAccountInformation:y,cashbackInformation:b,paymentSourceInformation:x,isCashbackInfoFetchStateCompleted:C,isCreditCardInfoFetchStateCompleted:$,isDebitCardInfoFetchStateCompleted:m,paymentInitiatedDate:T,onSaveChangesToLocalStore:P,onTransferClick:M,goToCards:I,onDismissClick:v,onEstablishConnectionClick:K,onFetchLinkTokenClick:X,plaidConnectionDetails:q,onSignUpAccountClick:G,onMoveMoneyClick:Q,onUpdatePaymentAccountStatus:s,onEstablishConnectionSuccess:le})=>{const w=me(),J=pe().analytics,[H,j]=p.useState(!1),[z,F]=p.useState(!1);p.useEffect(()=>{z&&setTimeout(()=>{F(!1),j(!0)},1e3)},[z]);const O=i.chargeCardRepaymentDetailLocalData.amount.amount===L;return a.jsx(ha,{windowSize:w,children:i.updateStatus==="Completed"?a.jsxs(Ie,{windowSize:w,isTransferCompleted:!0,children:[a.jsx(Fe,{windowSize:w,children:a.jsx(Re,{"data-testid":te("cross-credit-card-payment-success-close-button"),onClick:()=>{C&&$&&m&&J.trackCardsPayEarlyFormClick(c,g,b,"Cross Icon",i.chargeCardRepaymentDetailLocalData.isAutoRepayment,{paymentAmount:i.chargeCardRepaymentDetailLocalData.amount.amount,paymentAccountName:i.chargeCardRepaymentDetailLocalData.transferFrom?.label,paymentAccountType:i.chargeCardRepaymentDetailLocalData.transferFrom?.accType,paymentAccountLastFourDigits:i.chargeCardRepaymentDetailLocalData.transferFrom?.accountLast4,paymentCompleteEta:void 0,paymentInitiatedDate:void 0},x,f,y),v?.()}})}),a.jsxs(Ca,{windowSize:w,children:[a.jsx(Je,{width:150,height:150,shouldDisplay:!0,animationInLoop:1}),a.jsx(ga,{children:a.jsxs(a.Fragment,{children:[W.youvePaid,a.jsx(ya,{children:Te("0,0.[00]",i.chargeCardRepaymentDetailLocalData.amount)}),Ae.transferDrawer.internal.transferSuccessMsgMidfix,`"${i.chargeCardRepaymentDetailLocalData.transferFrom?.label}".`,O?W.theCreditLimitWillResetWithin23BusinessDays:W.theCreditLimitWillUpdateWithin23BusinessDays]})}),a.jsx(fa,{windowSize:w,children:a.jsx(He,{variant:"primary",label:W.goToCards,"data-testid":te("back-to-cards-button"),onClick:I})})]})]}):H?a.jsx(Ft,{paymentDetails:i,setShowReviewContent:j,onTransferClick:M,isCashbackInfoFetchStateCompleted:C,isCreditCardInfoFetchStateCompleted:$,isDebitCardInfoFetchStateCompleted:m,controllerEmails:c,productInformation:g,cashbackInformation:b,paymentSourceInformation:x,creditAccountInformation:f,debitAccountInformation:y,isCompleteOutstandingBalanceBeingPaid:O}):a.jsxs(a.Fragment,{children:[a.jsxs(Ie,{windowSize:w,isTransferCompleted:!1,children:[a.jsx(Fe,{windowSize:w,children:a.jsx(Re,{"data-testid":te("cross-amount-details-close-button"),onClick:()=>{C&&$&&m&&J.trackCardsPayEarlyFormClick(c,g,b,"Cross Icon",i.chargeCardRepaymentDetailLocalData.isAutoRepayment,{paymentAmount:i.chargeCardRepaymentDetailLocalData.amount.amount,paymentAccountName:i.chargeCardRepaymentDetailLocalData.transferFrom?.label,paymentAccountType:i.chargeCardRepaymentDetailLocalData.transferFrom?.accType,paymentAccountLastFourDigits:i.chargeCardRepaymentDetailLocalData.transferFrom?.accountLast4,paymentCompleteEta:T?.add(3,"day").format(Le.visual.MMMDCommaYYYYformat),paymentInitiatedDate:T?.format(Le.visual.MMMDCommaYYYYformat)},x,f,y),v?.()}})}),w==="small"?a.jsx(ba,{windowSize:w,children:W.payCreditCardBalance}):a.jsx(xa,{children:W.payCreditCardBalance}),i.fetchState==="Completed"?a.jsx(ia,{autoPayThreshold:e,maxInsuredAmount:h,onSaveChangesToLocalStore:P,plaidConnectionDetails:q,paymentDetails:i,setShowReviewLoading:F,onEstablishConnectionSuccess:le,isAccountsEnabled:n,onFetchLinkTokenClick:X,onUpdatePaymentAccountStatus:s,onEstablishConnectionClick:K,onSignUpAccountClick:G,onMoveMoneyClick:Q,isCashbackInfoFetchStateCompleted:C,isCreditCardInfoFetchStateCompleted:$,isDebitCardInfoFetchStateCompleted:m,controllerEmails:c,productInformation:g,cashbackInformation:b,paymentSourceInformation:x,creditAccountInformation:f,debitAccountInformation:y}):a.jsx(et,{size:"Standard",start:!0,style:{display:"flex",justifyContent:"center",alignItems:"center",height:"calc(100vh - 210px)"}})]}),a.jsx(Pe,{style:{zIndex:4,paddingTop:t.sp3,paddingBottom:t.sp3},formId:We(Ue),helperStyle:{paddingTop:t.sp0,paddingBottom:t.sp0},primaryBtn:{label:Y.getLocalizedStrings().common.review,isLoading:z},cancelBtn:{label:Ae.transferDrawer.cancelBtn,onClick:()=>{C&&$&&m&&J.trackCardsPayEarlyFormClick(c,g,b,"Cancel",i.chargeCardRepaymentDetailLocalData.isAutoRepayment,{paymentAmount:i.chargeCardRepaymentDetailLocalData.amount.amount,paymentAccountName:i.chargeCardRepaymentDetailLocalData.transferFrom?.label,paymentAccountType:i.chargeCardRepaymentDetailLocalData.transferFrom?.accType,paymentAccountLastFourDigits:i.chargeCardRepaymentDetailLocalData.transferFrom?.accountLast4,paymentCompleteEta:void 0,paymentInitiatedDate:void 0},x,f,y),v?.()}}})]})})},ha=o.div`
   display: flex;
   flex-direction: column;
   background-color: ${e=>e.theme.colors.grey4};
@@ -214,7 +214,7 @@ import{j as a,X as me,d1 as pe,Y as te,gN as Je,M as W,_ as Te,K as He,d as et,a
   color: ${e=>e.theme.colors.primary};
   margin-top: ${t.sp3};
   margin-bottom: ${t.sp2};
-`,ja=({autoPayThreshold:e,paymentDetails:i,isZeniAccountSetupEnabled:h,maxInsuredAmount:n,onUpdatePaymentAccountStatus:g,onSaveChangesToLocalStore:c,creditAccountSpentAmount:f,onTransferClick:L,controllerEmails:y,productInformation:b,creditAccountInformation:x,debitAccountInformation:C,cashbackInformation:$,paymentSourceInformation:m,isCashbackInfoFetchStateCompleted:T,isCreditCardInfoFetchStateCompleted:P,isDebitCardInfoFetchStateCompleted:M,goToCards:I,onDismissClick:v,onEstablishConnectionClick:Z,onEstablishConnectionSuccess:K,onFetchLinkTokenClick:Q,plaidConnectionDetails:q,onSignUpAccountClick:G,onMoveMoneyClick:s})=>a.jsx(Sa,{children:a.jsx(ua,{autoPayThreshold:e,paymentDetails:i,maxInsuredAmount:n,productInformation:b,controllerEmails:y,creditAccountInformation:x,debitAccountInformation:C,cashbackInformation:$,paymentSourceInformation:m,isCashbackInfoFetchStateCompleted:T,isCreditCardInfoFetchStateCompleted:P,isDebitCardInfoFetchStateCompleted:M,creditAccountSpentAmount:f,onSaveChangesToLocalStore:c,onTransferClick:L,goToCards:I,onDismissClick:v,plaidConnectionDetails:q,isAccountsEnabled:h,onEstablishConnectionClick:Z,onFetchLinkTokenClick:Q,onUpdatePaymentAccountStatus:g,onEstablishConnectionSuccess:K,onSignUpAccountClick:G,onMoveMoneyClick:s})}),Sa=o.div`
+`,ja=({autoPayThreshold:e,paymentDetails:i,isZeniAccountSetupEnabled:h,maxInsuredAmount:n,onUpdatePaymentAccountStatus:g,onSaveChangesToLocalStore:c,creditAccountSpentAmount:f,onTransferClick:L,controllerEmails:y,productInformation:b,creditAccountInformation:x,debitAccountInformation:C,cashbackInformation:$,paymentSourceInformation:m,isCashbackInfoFetchStateCompleted:T,isCreditCardInfoFetchStateCompleted:P,isDebitCardInfoFetchStateCompleted:M,goToCards:I,onDismissClick:v,onEstablishConnectionClick:K,onEstablishConnectionSuccess:X,onFetchLinkTokenClick:q,plaidConnectionDetails:G,onSignUpAccountClick:Q,onMoveMoneyClick:s})=>a.jsx(Sa,{children:a.jsx(ua,{autoPayThreshold:e,paymentDetails:i,maxInsuredAmount:n,productInformation:b,controllerEmails:y,creditAccountInformation:x,debitAccountInformation:C,cashbackInformation:$,paymentSourceInformation:m,isCashbackInfoFetchStateCompleted:T,isCreditCardInfoFetchStateCompleted:P,isDebitCardInfoFetchStateCompleted:M,creditAccountSpentAmount:f,onSaveChangesToLocalStore:c,onTransferClick:L,goToCards:I,onDismissClick:v,plaidConnectionDetails:G,isAccountsEnabled:h,onEstablishConnectionClick:K,onFetchLinkTokenClick:q,onUpdatePaymentAccountStatus:g,onEstablishConnectionSuccess:X,onSignUpAccountClick:Q,onMoveMoneyClick:s})}),Sa=o.div`
   display: flex;
   flex-direction: column;
   background-color: ${e=>e.theme.colors.grey4};

package/dist/assets/{CreditCardPaymentPlgSection-DD7kSp5v-D8blJ_Gx.js → CreditCardPaymentPlgSection-DEV6AUvV-Dv95csrn.js}

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

package/dist/assets/{CurrencySelectField-DGID-Pjb-CR93FCkZ.js → CurrencySelectField-iFR770y_-C1fOBvED.js}

@@ -1,6 +1,6 @@
-import{cf as M,u as N,cn as P,M as H,j as l,co as L,Y as x,b1 as z,o,df as _,bR as B,b2 as g,q as T,v as S,eT as U,eU as Y,eV as q,w as A,a$ as K,a2 as X,g as m}from"./index-BPBiFjSz.js";import{b as v,n}from"./vendor-CnQcJ2Lu.js";const fe=({name:e,registerOptions:r,defaultValue:t,isDisabled:a,style:c,placeholder:d,isOptionRemovable:i=!0,menuItemHeight:u=40,controlStyle:p})=>{const{control:y,formState:{errors:f}}=M(),b=N(),[j,C]=v.useState(!1),k=P(f,e??""),V=H.getLocalizedStrings().common.currency,D=s=>{if(!(s==null||!s))return{value:s,label:t.allOptions.find(h=>h.value===s)?.label??s,countryCode:t.allOptions.find(h=>h.value===s)?.countryCode??V.countryCode}},I={container:s=>({...s,width:"100%",...c}),menu:s=>({...s,backgroundColor:b.colors.grey5,borderRadius:o.sp1,boxShadow:`${o.sp0} 2px ${o.sp2} ${b.colors.dropShadowHover}`,border:`1px solid ${b.colors.grey3}`,whiteSpace:"nowrap",zIndex:2,width:"100%",margin:`1px ${o.sp0} ${o.sp0} ${o.sp0}`,overflow:"hidden"}),menuList:s=>({...s,borderRadius:o.sp1}),input:()=>({color:b.colors.primary,margin:0}),singleValue:s=>({...s,margin:0,position:"absolute"})},F={hasError:k,menuItemHeight:u,controlStyle:p,isOptionRemovable:i};return l.jsx(L,{name:e,control:y,defaultValue:t,rules:r,"data-testid":x("currency-select-field",e),render:({field:{onChange:s,onBlur:h,value:R,ref:E}})=>{const w=R;return v.createElement(z,{...F,ref:E,isMulti:!1,isSearchable:!0,isClearable:i,autoFocus:j===!0,openMenuOnClick:!0,controlShouldRenderValue:!0,placeholder:d,value:D(w.selectedOption),options:t.allOptions,"data-testid":x("currency-select",e),onChange:$=>{i&&$?.value!=null&&w?.selectedOption===$.value?s({selectedOption:void 0,allOptions:t.allOptions}):s({selectedOption:$?.value,allOptions:t.allOptions})},onMenuClose:()=>C(!1),key:_(),tabSelectsValue:!1,openMenuOnFocus:!0,classNamePrefix:"currency-select-field",onBlur:h,menuPlacement:"auto",maxMenuHeight:240,menuShouldScrollIntoView:!1,closeMenuOnSelect:!0,components:{Control:Z,Option:G,Input:W,SingleValue:ee,ValueContainer:Q,DropdownIndicator:he,IndicatorSeparator:me,Placeholder:oe,ClearIndicator:ge,MenuList:J},hideSelectedOptions:!1,styles:I,isDisabled:a!=null})}})},Z=e=>{const{menuIsOpen:r,isFocused:t,isDisabled:a,selectProps:c}=e,{value:d,hasError:i,controlStyle:u}=c;return l.jsx(te,{controlStyle:u,menuIsOpen:r,isFocused:t,isDisabled:a,selectedValue:d,hasError:i,children:l.jsx(g.Control,{...e,className:"select-control",children:e.children})})},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]})})})},J=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(O,{children:l.jsx(g.Input,{...e,autoComplete:"new-password",placeholder:a==null?t:void 0,children:e.children})})},ee=e=>{const{data:r}=e;return l.jsx(g.SingleValue,{...e,children:l.jsx(O,{children:r.label})})},O=n(T)`
+import{cg as M,u as N,co as P,M as H,j as l,cp as L,Y as x,b1 as z,o,dh as _,bT as B,b2 as g,s as T,v as S,eV as X,eW as Y,eX as A,w as K,a$ as U,a6 as W,g as m}from"./index-CvH632ro.js";import{b as v,n}from"./vendor-CnQcJ2Lu.js";const fe=({name:e,registerOptions:r,defaultValue:t,isDisabled:a,style:c,placeholder:d,isOptionRemovable:i=!0,menuItemHeight:u=40,controlStyle:p})=>{const{control:y,formState:{errors:f}}=M(),b=N(),[j,C]=v.useState(!1),k=P(f,e??""),V=H.getLocalizedStrings().common.currency,D=s=>{if(!(s==null||!s))return{value:s,label:t.allOptions.find(h=>h.value===s)?.label??s,countryCode:t.allOptions.find(h=>h.value===s)?.countryCode??V.countryCode}},I={container:s=>({...s,width:"100%",...c}),menu:s=>({...s,backgroundColor:b.colors.grey5,borderRadius:o.sp1,boxShadow:`${o.sp0} 2px ${o.sp2} ${b.colors.dropShadowHover}`,border:`1px solid ${b.colors.grey3}`,whiteSpace:"nowrap",zIndex:2,width:"100%",margin:`1px ${o.sp0} ${o.sp0} ${o.sp0}`,overflow:"hidden"}),menuList:s=>({...s,borderRadius:o.sp1}),input:()=>({color:b.colors.primary,margin:0}),singleValue:s=>({...s,margin:0,position:"absolute"})},F={hasError:k,menuItemHeight:u,controlStyle:p,isOptionRemovable:i};return l.jsx(L,{name:e,control:y,defaultValue:t,rules:r,"data-testid":x("currency-select-field",e),render:({field:{onChange:s,onBlur:h,value:R,ref:E}})=>{const w=R;return v.createElement(z,{...F,ref:E,isMulti:!1,isSearchable:!0,isClearable:i,autoFocus:j===!0,openMenuOnClick:!0,controlShouldRenderValue:!0,placeholder:d,value:D(w.selectedOption),options:t.allOptions,"data-testid":x("currency-select",e),onChange:$=>{i&&$?.value!=null&&w?.selectedOption===$.value?s({selectedOption:void 0,allOptions:t.allOptions}):s({selectedOption:$?.value,allOptions:t.allOptions})},onMenuClose:()=>C(!1),key:_(),tabSelectsValue:!1,openMenuOnFocus:!0,classNamePrefix:"currency-select-field",onBlur:h,menuPlacement:"auto",maxMenuHeight:240,menuShouldScrollIntoView:!1,closeMenuOnSelect:!0,components:{Control:Z,Option:q,Input:Q,SingleValue:ee,ValueContainer:J,DropdownIndicator:he,IndicatorSeparator:me,Placeholder:oe,ClearIndicator:ge,MenuList:G},hideSelectedOptions:!1,styles:I,isDisabled:a!=null})}})},Z=e=>{const{menuIsOpen:r,isFocused:t,isDisabled:a,selectProps:c}=e,{value:d,hasError:i,controlStyle:u}=c;return l.jsx(te,{controlStyle:u,menuIsOpen:r,isFocused:t,isDisabled:a,selectedValue:d,hasError:i,children:l.jsx(g.Control,{...e,className:"select-control",children:e.children})})},q=e=>{const{data:r,isSelected:t,isDisabled:a,isFocused:c,selectProps:d}=e,{isOptionRemovable:i}=d,u=r.countryCode,p=typeof r.label=="string"?r.label:r.value;return l.jsx(re,{isOptionRemovable:i,className:"select-option-wrapper",isFocused:c,isSelected:t,isDisabled:a,"data-testid":x("currency-select-field-option",p),children:l.jsx(g.Option,{...e,className:"select-option",children:l.jsxs(se,{children:[l.jsx(le,{countryCode:u}),l.jsx(ae,{isSelected:t,children:l.jsx(ne,{isSelected:t,isDisabled:a,children:r.label})}),t?l.jsxs(de,{children:[l.jsx(ue,{className:"right-tick-icon"}),l.jsx(pe,{className:"close-tick-icon"})]}):null]})})})},G=e=>{const{options:r,children:t,maxHeight:a,getValue:c,selectProps:d}=e,{menuItemHeight:i}=d,[u]=c(),p=r.indexOf(u)*i;return l.jsx(B,{height:t.length>7?a:t.length*i,width:"100%",itemCount:t.length,itemSize:()=>i,initialScrollOffset:p,children:({index:y,style:f})=>l.jsx(ce,{style:f,children:t[y]})})},J=e=>l.jsx(g.ValueContainer,{...e,className:"select-value-container",children:e.children}),Q=e=>{const{selectProps:r}=e,{placeholder:t,value:a}=r;return l.jsx(O,{children:l.jsx(g.Input,{...e,autoComplete:"new-password",placeholder:a==null?t:void 0,children:e.children})})},ee=e=>{const{data:r}=e;return l.jsx(g.SingleValue,{...e,children:l.jsx(O,{children:r.label})})},O=n(T)`
   color: ${e=>e.theme.colors.primary};
-`,oe=()=>null,le=({countryCode:e})=>{if(e!=null&&U(e)===!1)return l.jsx(l.Fragment,{});{const r=Y[`${q(e??"")}`];return l.jsx(ie,{children:l.jsx(r,{width:o.sp4,height:o.sp3})})}},te=n.span`
+`,oe=()=>null,le=({countryCode:e})=>{if(e!=null&&X(e)===!1)return l.jsx(l.Fragment,{});{const r=Y[`${A(e??"")}`];return l.jsx(ie,{children:l.jsx(r,{width:o.sp4,height:o.sp3})})}},te=n.span`
   width: 100%;
   background-color: ${e=>e.hasError?m.importantLight:e.menuIsOpen?e.theme.colors.background:e.controlStyle?.backgroundColor!=null?e.controlStyle?.backgroundColor:e.theme.colors.grey5};
   border-radius: ${o.sp1};
@@ -105,7 +105,7 @@ import{cf as M,u as N,cn as P,M as H,j as l,co as L,Y as x,b1 as z,o,df as _,bR
   justify-content: space-between;
   fill: initial;
   color: initial;
-`,ne=n(A)`
+`,ne=n(K)`
   padding-right: 10px;
   cursor: ${e=>e.isDisabled?"not-allowed":"pointer"};
   ${e=>e.isSelected&&"cursor: default"};
@@ -126,13 +126,13 @@ import{cf as M,u as N,cn as P,M as H,j as l,co as L,Y as x,b1 as z,o,df as _,bR
   }
 `,de=n.div`
   display: flex;
-`,ue=n(K)`
+`,ue=n(U)`
   width: 12px;
   height: 12px;
   margin-right: 2px;
   margin-left: ${o.sp1};
   color: ${e=>e.theme.colors.primary};
-`,pe=n(X)`
+`,pe=n(W)`
   width: ${o.sp3};
   height: ${o.sp3};
   color: ${e=>e.theme.colors.primary};

package/dist/assets/{CustomerOnboardingActivationPage-pdEVqtkO-BR-Us5Rj.js → CustomerOnboardingActivationPage-O_lVI1Iw-CSIlT4cV.js}

@@ -1,8 +1,8 @@
-import{j as t,X as b,M as d,a1 as l,Y as p,d as x,o as i,$ as g,b$ as h,k as m}from"./index-BPBiFjSz.js";import{b as u,n as o}from"./vendor-CnQcJ2Lu.js";import"./mui-C5LQ0bMa.js";import"./analytics-DThoELaW.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";const $=o.div`
+import{j as t,X as b,M as d,a5 as l,Y as p,e as x,o as i,$ as g,c0 as h,k as m}from"./index-CvH632ro.js";import{b as u,n as o}from"./vendor-CnQcJ2Lu.js";import"./mui-C5LQ0bMa.js";import"./analytics-DThoELaW.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";const f=o.div`
   display: flex;
   width: 100%;
   flex-direction: column;
-`,f=o.div`
+`,$=o.div`
   display: flex;
   flex: 1 1 auto;
   flex-direction: column;
@@ -44,7 +44,7 @@ import{j as t,X as b,M as d,a1 as l,Y as p,d as x,o as i,$ as g,b$ as h,k 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($,{children:[t.jsx(f,{children:t.jsx(j,{"data-testid":p("zeni-logo-customer-onboarding-activation-page"),onClick:n})}),t.jsxs(k,{children:[t.jsx(v,{children:a}),t.jsx(y,{children:c}),t.jsx(w,{children:t.jsx(x,{size:"Large",start:!0})})]})]})},L=o.div`
+`,z=({dashboardFetchState:e,onZeniLogoClick:n,onDashboardFetchDone:r})=>{const{title:a,subTitle:c}=d.getLocalizedStrings().customerOnboardingPage.thankYou,s=l(e);return u.useEffect(()=>{s==="In-Progress"&&e!=="In-Progress"&&r()},[e,s,r]),t.jsxs(f,{children:[t.jsx($,{children:t.jsx(j,{"data-testid":p("zeni-logo-customer-onboarding-activation-page"),onClick:n})}),t.jsxs(k,{children:[t.jsx(v,{children:a}),t.jsx(y,{children:c}),t.jsx(w,{children:t.jsx(x,{size:"Large",start:!0})})]})]})},L=o.div`
   display: flex;
   flex-direction: column;
   height: 100vh;

package/dist/assets/CustomerOnboardingContainerPage-DY7-75zX-BNg2Axnl.js

@@ -0,0 +1 @@
+import{j as r}from"./index-CvH632ro.js";import o from"./CustomerOnboardingNoStepsPage-CmnwYeBe-VDPM90YE.js";import i from"./CustomerOnboardingPage-DUMb3HBt-C_i7oxut.js";import"./mui-C5LQ0bMa.js";import"./vendor-CnQcJ2Lu.js";import"./analytics-DThoELaW.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";import"./HelpButton-DmSTrp5G-BZ5gO3eI.js";import"./MeetingCalenderPopup-CF-RTU9K-BubT6ngE.js";import"./PaymentAccountSetupBillingAddressSection-BaNMRbqw-CIIlY3kM.js";import"./SetUpAccountSection-pi1sH7b5-Cq5TVamg.js";import"./SetUpDefaultSection-BpL2WnED-COlpwQhL.js";import"./ChaseOverlay-kXvIXrLn-BoWFlEip.js";import"./CustomerOnboardingDetailPageSkeleton-WBhn2MmI-IC_mQp6e.js";import"./CompanyOfficerDetailsSection-Cd0QdDAc-CRTLz9vU.js";import"./LabeledAddressValueField-CqhBSQ8f-lPB35Jmc.js";import"./LabeledCreatableSingleSelectField-CB34OT80-C0m35imT.js";import"./LabeledDocumentField-MyG-6WMu-Cbf-CDaI.js";import"./DocumentSecurityBanner-CjDxLXR5-BndWfQhM.js";import"./QBOSetupSection-CHXmbhAv-C0u3acrS.js";import"./QBOConnectionDialog-Bnhkqpjg-DkGgqNtn.js";const w=t=>t.currentTenant?.productSettings.isOtherProductsEnabled===!0?r.jsx(o,{...t}):r.jsx(i,{...t});export{w as default};

package/dist/assets/{CustomerOnboardingDetailPageSkeleton-1d9j5dWO-Db0A3eib.js → CustomerOnboardingDetailPageSkeleton-WBhn2MmI-IC_mQp6e.js}

@@ -1,4 +1,4 @@
-import{j as s,Y as y,aH as E,u as f,X as T,bf as x,o as t,p as R,C as $,$ as I,M as N,g as u,eQ as U,h9 as P,e_ as L,aB as W,f as M,ha as O}from"./index-BPBiFjSz.js";import{n as r,f as S}from"./vendor-CnQcJ2Lu.js";const Z=r(O)`
+import{j as s,Y as y,aG as E,u as f,X as T,bg as x,o as t,p as R,C as $,$ as I,M as N,g as u,eS as U,hb as P,f0 as L,b4 as W,m as M,hc as O}from"./index-CvH632ro.js";import{n as r,f as S}from"./vendor-CnQcJ2Lu.js";const Z=r(O)`
   /* Size is controlled by styles.root prop */
 `,X=r.div`
   position: relative;
@@ -22,7 +22,7 @@ import{j as s,Y as y,aH as E,u as f,X as T,bf as x,o as t,p as R,C as $,$ as I,M
     pointer-events: none;
     z-index: 1;
   }
-`,B=({valueEnd:e,valueStart:i,children:o})=>{const[l,d]=S.useState(i);return S.useEffect(()=>{const a=setTimeout(()=>{d(e)},100);return()=>clearTimeout(a)},[e]),s.jsx(s.Fragment,{children:o(l)})},F=({valueEnd:e=50})=>{const i=f();return s.jsx(B,{valueStart:0,valueEnd:e,children:o=>s.jsx(X,{theme:i,children:s.jsx(Z,{value:o,strokeWidth:50,circleRatio:1,styles:{...P({pathColor:u.success,trailColor:"transparent",pathTransitionDuration:1.5,rotation:1,strokeLinecap:"butt"}),root:{width:t.sp3,height:t.sp3,position:"relative",zIndex:2,display:"flex",alignItems:"center",justifyContent:"center"}}})})})},j=({isActive:e,isCompleted:i,isDisabled:o,isError:l,isHalfCompleted:d,theme:a})=>e||i||d||l?l?u.runwayRed:a.colors.primary:o?a.colors.grey1:a.colors.hero,w=({isActive:e,isCompleted:i,isDisabled:o,isHalfCompleted:l,theme:d})=>e||i||l?d.colors.primary:o?d.colors.grey1:d.colors.hero,J=r.div`
+`,F=({valueEnd:e,valueStart:i,children:o})=>{const[l,d]=S.useState(i);return S.useEffect(()=>{const a=setTimeout(()=>{d(e)},100);return()=>clearTimeout(a)},[e]),s.jsx(s.Fragment,{children:o(l)})},G=({valueEnd:e=50})=>{const i=f();return s.jsx(F,{valueStart:0,valueEnd:e,children:o=>s.jsx(X,{theme:i,children:s.jsx(Z,{value:o,strokeWidth:50,circleRatio:1,styles:{...P({pathColor:u.success,trailColor:"transparent",pathTransitionDuration:1.5,rotation:1,strokeLinecap:"butt"}),root:{width:t.sp3,height:t.sp3,position:"relative",zIndex:2,display:"flex",alignItems:"center",justifyContent:"center"}}})})})},j=({isActive:e,isCompleted:i,isDisabled:o,isError:l,isHalfCompleted:d,theme:a})=>e||i||d||l?l?u.runwayRed:a.colors.primary:o?a.colors.grey1:a.colors.hero,w=({isActive:e,isCompleted:i,isDisabled:o,isHalfCompleted:l,theme:d})=>e||i||l?d.colors.primary:o?d.colors.grey1:d.colors.hero,J=r.div`
   width: 100%;
   display: flex;
   background: ${e=>e.isActive?e.theme.colors.grey5:null};
@@ -44,28 +44,28 @@ import{j as s,Y as y,aH as E,u as f,X as T,bf as x,o as t,p as R,C as $,$ as I,M
 `,K=r.div`
   margin-right: ${t.sp2};
   margin-top: 2px;
-`,Q=r(L)`
+`,Y=r(L)`
   width: ${t.sp3};
   height: ${t.sp3};
   color: ${u.success};
-`,Y=r(U)`
+`,q=r(U)`
   width: ${t.sp3};
   height: ${t.sp3};
   color: ${u.runwayRed};
-`,_=r.div`
+`,B=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`
+`,Q=r.div`
   display: flex;
   flex-direction: column;
-`,G=r(W)`
+`,V=r(W)`
   color: ${e=>j({isActive:e.isActive,isCompleted:e.isCompleted,isDisabled:e.disabledStep,isError:e.isError,isHalfCompleted:e.isHalfCompleted,theme:e.theme})};
-`,V=r(M)`
+`,_=r(M)`
   color: ${e=>w({isActive:e.isActive,isCompleted:e.isCompleted,isDisabled:e.disabledStep,isHalfCompleted:e.isHalfCompleted,theme:e.theme})};
-`;function ee({onboardingStep:e,isActive:i,isCompleted:o,isHalfCompleted:l,isDisabled:d,isError:a,stepText:h,stepSubText:m,onUpdateStep:g,setIsStepClicked:p,disabledSteps:n}){const c=d||n.includes(e)&&i===!1;return s.jsxs(J,{isActive:i,isDisabled:c,isCompleted:o,isHalfCompleted:l,isError:a,onClick:d===!1?()=>{n.includes(e)&&i===!1||(p(!0),g(e))}:void 0,"data-testid":y("step-box",e),children:[s.jsx(K,{children:a?s.jsx(Y,{}):l?s.jsx(F,{}):o?s.jsx(Q,{}):s.jsx(_,{isActive:i,disabledStep:c})}),s.jsxs(q,{children:[s.jsx(G,{className:"step-content-title",isActive:i,isCompleted:o,isHalfCompleted:l,disabledStep:c,isError:a,children:h}),s.jsx(V,{className:"step-content-subtitle",isActive:i,isCompleted:o,isHalfCompleted:l,disabledStep:c,children:m})]})]})}const te=r.div`
+`;function ee({onboardingStep:e,isActive:i,isCompleted:o,isHalfCompleted:l,isDisabled:d,isError:a,stepText:h,stepSubText:m,onUpdateStep:g,setIsStepClicked:p,disabledSteps:n}){const c=d||n.includes(e)&&i===!1;return s.jsxs(J,{isActive:i,isDisabled:c,isCompleted:o,isHalfCompleted:l,isError:a,onClick:d===!1?()=>{n.includes(e)&&i===!1||(p(!0),g(e))}:void 0,"data-testid":y("step-box",e),children:[s.jsx(K,{children:a?s.jsx(q,{}):l?s.jsx(G,{}):o?s.jsx(Y,{}):s.jsx(B,{isActive:i,disabledStep:c})}),s.jsxs(Q,{children:[s.jsx(V,{className:"step-content-title",isActive:i,isCompleted:o,isHalfCompleted:l,disabledStep:c,isError:a,children:h}),s.jsx(_,{className:"step-content-subtitle",isActive:i,isCompleted:o,isHalfCompleted:l,disabledStep:c,children:m})]})]})}const te=r.div`
   display: flex;
   flex: 1 1 auto;
   margin-top: 84px;
@@ -115,7 +115,7 @@ import{j as s,Y as y,aH as E,u as f,X as T,bf as x,o as t,p as R,C as $,$ as I,M
   color: ${e=>e.theme.colors.primary};
   cursor: pointer;
   flex-shrink: 0;
-`,ue=e=>{const{isOnAddressPage:i,allSteps:o,completedSteps:l,halfCompletedSteps:d,errorSteps:a,currentStep:h,signedInUser:m,currentTenant:g,fetchStatus:p,onUpdateStep:n,onZeniLogoClick:c,handleLogOutClick:k,handleCockpitClick:A,setIsStepClicked:H}=e,z=p.fetchState==="In-Progress"||p.fetchState==="Not-Started",D=[];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:D,completedSteps:l,halfCompletedSteps:d,errorSteps:a,currentStep:h,onUpdateStep:n,setIsStepClicked:H}),s.jsx(ae,{children:s.jsx(E,{signedInUser:m,currentTenant:g,onLogOutClick:k,onCockpitClick:A})})]})},C={titleRectangleWidth:new $(250,500,550,600),subTitleRectangleWidth:new $(343,600,700,800)},pe=r.div`
+`,ue=e=>{const{isOnAddressPage:i,allSteps:o,completedSteps:l,halfCompletedSteps:d,errorSteps:a,currentStep:h,signedInUser:m,currentTenant:g,fetchStatus:p,onUpdateStep:n,onZeniLogoClick:c,handleLogOutClick:k,handleCockpitClick:A,setIsStepClicked:z}=e,D=p.fetchState==="In-Progress"||p.fetchState==="Not-Started",H=[];return s.jsxs(de,{children:[s.jsx(ne,{"data-testid":y("zeni-logo-customer-onboarding-drawer"),onClick:c}),D?s.jsx(le,{}):s.jsx(ie,{allSteps:o,isDisabled:i,disabledSteps:H,completedSteps:l,halfCompletedSteps:d,errorSteps:a,currentStep:h,onUpdateStep:n,setIsStepClicked:z}),s.jsx(ae,{children:s.jsx(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;