@zeniai/web-cockpit-ui 1.14.98-dev → 1.14.99-dev

package/dist/assets/{CreateOrEditVendorPage-DJWcJCPR-VpXOBLk1.js → CreateOrEditVendorPage-WQeDCj-E-D6Y6HtQ7.js}

@@ -1,4 +1,4 @@
-import{f as He,q as v,aB as Y,cE as Ye,V as t,bA as qe,aN as $,A as Je,cn as ie,co as se,cp as le,d0 as Qe,aP as Ke,y as q,F as x,c0 as Xe,o,d1 as Ze,bR as D,cg as de,d as w,b6 as ce,ai as pe,al as Q,bs as Ge,cZ as me,d2 as et,p as B,d3 as ue,cW as he}from"./index-CO_Updpp.js";import{a as g}from"./sentry-DdXOXL3j.js";import{n as r}from"./mui-ByF8ZmHV.js";import"./liveblocks-BOlC_Koo.js";import"./core-cG0U1y2d.js";import"./recharts-C9z9JCsM.js";import"./zeni-epic-state-BiQIJCwr.js";import"./lottie-DQ5EyuJ6.js";import"./analytics-GoB8GGlk.js";import"./lexical-CUq6kk0g.js";import"./utils-BMrfBn9K.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},n=new e.Error().stack;n&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[n]="6d11ffcc-d109-4656-802c-3945d0894a0f",e._sentryDebugIdIdentifier="sentry-dbid-6d11ffcc-d109-4656-802c-3945d0894a0f")}catch{}})();const tt=({bankAccountNumberOrIban:e,accountNumberOrIbanLabel:n,accountTypeLabel:s,accountType:l,bankName:m,routingNumberOrSwiftCode:p,accountName:f,routingNumberOrSwiftCodeLabel:j,onDeleteClick:u})=>{const y=v(),h=x.getLocalizedStrings().spendManagement.billPay.vendorCreation,C=t.jsxs(ot,{children:[t.jsxs(I,{children:[t.jsx(N,{children:j}),t.jsx(T,{children:p})]}),t.jsxs(I,{children:[t.jsx(N,{children:h.achDetails.bankName}),t.jsx(T,{children:m})]}),t.jsxs(I,{children:[t.jsx(N,{children:n}),t.jsx(T,{children:e})]}),t.jsxs(I,{children:[t.jsx(N,{children:s}),t.jsx(T,{children:typeof l=="string"&&l!==""?et(l.toLowerCase()):l??""})]})]});return t.jsxs(it,{size:y,children:[t.jsxs(nt,{children:[t.jsxs(Q,{children:[`${m} ${h.paymentAccountDetailConnector} ${e.slice(-4)}`,t.jsx(D,{title:C,placement:"top",children:t.jsx(lt,{children:t.jsx(dt,{})})})]}),t.jsx(rt,{children:f??h.emptyPlaceholderString})]}),t.jsx(at,{children:t.jsx(D,{enterDelay:600,display:"flex",title:h.deleteAccountTooltip,placement:"top",children:t.jsx(st,{onClick:k=>{k.stopPropagation(),u()},"data-testid":$("delete-vendor-account-section",f),children:t.jsx(ct,{})})})})]})},ot=r.div`
+import{d as He,q as v,aA as Y,cD as Ye,V as t,bz as Qe,aM as $,m as qe,cm as ie,cn as se,co as le,c$ as Je,aO as Ke,y as Q,F as x,b$ as Xe,o,d0 as Ge,bQ as S,cf as de,c as w,b5 as ce,ag as pe,ak as J,br as Ze,cY as me,d1 as et,p as z,d2 as ue,cV as he}from"./index-BqVFY7NZ.js";import{a as g}from"./sentry-DfYwagp9.js";import{n as r}from"./mui-BdKs9UwT.js";import"./liveblocks-DBgNWxtT.js";import"./core-DbjebHB2.js";import"./recharts-CU0wfbyQ.js";import"./zeni-epic-state-DcbIZGFH.js";import"./lottie-DbNQVAcx.js";import"./analytics-DHoFVrJa.js";import"./lexical-B-aBuW2Y.js";import"./utils-DTmuLq6q.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},n=new e.Error().stack;n&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[n]="8e9df659-61d5-45b8-a369-b62f3877c18b",e._sentryDebugIdIdentifier="sentry-dbid-8e9df659-61d5-45b8-a369-b62f3877c18b")}catch{}})();const tt=({bankAccountNumberOrIban:e,accountNumberOrIbanLabel:n,accountTypeLabel:s,accountType:l,bankName:m,routingNumberOrSwiftCode:p,accountName:f,routingNumberOrSwiftCodeLabel:j,onDeleteClick:u})=>{const b=v(),h=x.getLocalizedStrings().spendManagement.billPay.vendorCreation,C=t.jsxs(ot,{children:[t.jsxs(I,{children:[t.jsx(N,{children:j}),t.jsx(T,{children:p})]}),t.jsxs(I,{children:[t.jsx(N,{children:h.achDetails.bankName}),t.jsx(T,{children:m})]}),t.jsxs(I,{children:[t.jsx(N,{children:n}),t.jsx(T,{children:e})]}),t.jsxs(I,{children:[t.jsx(N,{children:s}),t.jsx(T,{children:typeof l=="string"&&l!==""?et(l.toLowerCase()):l??""})]})]});return t.jsxs(it,{size:b,children:[t.jsxs(nt,{children:[t.jsxs(J,{children:[`${m} ${h.paymentAccountDetailConnector} ${e.slice(-4)}`,t.jsx(S,{title:C,placement:"top",children:t.jsx(lt,{children:t.jsx(dt,{})})})]}),t.jsx(rt,{children:f??h.emptyPlaceholderString})]}),t.jsx(at,{children:t.jsx(S,{enterDelay:600,display:"flex",title:h.deleteAccountTooltip,placement:"top",children:t.jsx(st,{onClick:k=>{k.stopPropagation(),u()},"data-testid":$("delete-vendor-account-section",f),children:t.jsx(ct,{})})})})]})},ot=r.div`
   display: flex;
   flex-wrap: wrap;
   gap: ${o.sp1};
@@ -10,7 +10,7 @@ import{f as He,q as v,aB as Y,cE as Ye,V as t,bA as qe,aN as $,A as Je,cn as ie,
   box-sizing: border-box;
   text-align: left;
   flex: 1 0 50%;
-  color: ${B.heroDark};
+  color: ${z.heroDark};
 `,T=r.div`
   box-sizing: border-box;
   text-align: right;
@@ -68,9 +68,9 @@ import{f as He,q as v,aB as Y,cE as Ye,V as t,bA as qe,aN as $,A as Je,cn as ie,
   cursor: pointer;
   color: ${e=>e.theme.colors.hero};
   &:hover {
-    color: ${B.important};
+    color: ${z.important};
   }
-`,pt=({paymentInstrument:e,onDeleteClick:n})=>{const s=v(),l=x.getLocalizedStrings().spendManagement.billPay.vendorCreation,m=t.jsx(mt,{children:e.piLabels.map(p=>t.jsxs(ut,{children:[t.jsxs(ht,{children:[p.name,l.colon]}),t.jsx(xt,{children:p.value})]},p.name))});return t.jsxs(bt,{size:s,children:[t.jsx(gt,{children:t.jsxs(Q,{children:[e.displayText,t.jsx(D,{title:m,placement:"top",children:t.jsx(ft,{children:t.jsx(wt,{})})})]})}),t.jsx(yt,{children:t.jsx(D,{enterDelay:600,display:"flex",title:l.deleteAccountTooltip,placement:"top",children:t.jsx($t,{onClick:p=>{p.stopPropagation(),n()},"data-testid":$("delete-vendor-international-account-section",e.paymentInstrumentId),children:t.jsx(vt,{})})})})]})},mt=r.div`
+`,pt=({paymentInstrument:e,onDeleteClick:n})=>{const s=v(),l=x.getLocalizedStrings().spendManagement.billPay.vendorCreation,m=t.jsx(mt,{children:e.piLabels.map(p=>t.jsxs(ut,{children:[t.jsxs(ht,{children:[p.name,l.colon]}),t.jsx(xt,{children:p.value})]},p.name))});return t.jsxs(yt,{size:s,children:[t.jsx(gt,{children:t.jsxs(J,{children:[e.displayText,t.jsx(S,{title:m,placement:"top",children:t.jsx(ft,{children:t.jsx(wt,{})})})]})}),t.jsx(bt,{children:t.jsx(S,{enterDelay:600,display:"flex",title:l.deleteAccountTooltip,placement:"top",children:t.jsx($t,{onClick:p=>{p.stopPropagation(),n()},"data-testid":$("delete-vendor-international-account-section",e.paymentInstrumentId),children:t.jsx(vt,{})})})})]})},mt=r.div`
   display: flex;
   flex-wrap: wrap;
   gap: ${o.sp1};
@@ -82,7 +82,7 @@ import{f as He,q as v,aB as Y,cE as Ye,V as t,bA as qe,aN as $,A as Je,cn as ie,
   box-sizing: border-box;
   text-align: left;
   flex: 1 0 50%;
-  color: ${B.heroDark};
+  color: ${z.heroDark};
 `,xt=r.div`
   box-sizing: border-box;
   text-align: right;
@@ -91,12 +91,12 @@ import{f as He,q as v,aB as Y,cE as Ye,V as t,bA as qe,aN as $,A as Je,cn as ie,
 `,gt=r.div`
   display: flex;
   flex-direction: column;
-`,yt=r.div`
+`,bt=r.div`
   margin-top: ${o.sp0};
   display: flex;
   flex-direction: row;
   gap: ${o.sp5};
-`,bt=r.div`
+`,yt=r.div`
   display: flex;
   flex-direction: row;
   align-items: flex-start;
@@ -138,9 +138,9 @@ import{f as He,q as v,aB as Y,cE as Ye,V as t,bA as qe,aN as $,A as Je,cn as ie,
   cursor: pointer;
   color: ${e=>e.theme.colors.hero};
   &:hover {
-    color: ${B.important};
+    color: ${z.important};
   }
-`,xe=(e,n)=>{const s=x.getLocalizedStrings().spendManagement.billPay.vendorCreation;switch(e){case"ach":return s.achDetails.ach;case"wire":switch(n){case"us-domestic":return s.wireDetails.domestic.domestic;case"international":return s.wireDetails.international.international;default:return""}default:return""}},J=({type:e,subType:n,vendorAccountDetails:s,vendorAccountDetailsInternational:l,onRemoveBankAccount:m,onAddNewAccountDetailClick:p})=>{const f=v(),[j,u]=g.useState(!1),[y,h]=g.useState(""),[C,k]=g.useState(!1),c=x.getLocalizedStrings().spendManagement.billPay.vendorCreation,A=i=>{h(i),u(!0)},z={onOkClick:()=>{u(!1),m(y,C)},onCancelClick:()=>{u(!1),h("")}},V=i=>e==="ach"||e==="wire"&&n==="us-domestic"?i.bankAccountNumber:e==="wire"&&n==="international"?i.bankAccountIban??"":"",F=i=>e==="ach"?i.bankRoutingNumberAch:e==="wire"&&n==="us-domestic"?i.bankRoutingNumberWireTransfer:e==="wire"&&n==="international"?i.bankSwiftCode??"":"",R=()=>e==="ach"?c.achDetails.bankRoutingNumber:e==="wire"&&n==="us-domestic"?c.wireDetails.bankRoutingNumber:e==="wire"&&n==="international"?c.wireDetails.international.swiftCode:"",E=()=>e==="ach"?c.achDetails.bankAccountNumber:e==="wire"&&n==="us-domestic"?c.wireDetails.accountNumber:e==="wire"&&n==="international"?c.wireDetails.international.iban:"",O=()=>e==="ach"||e==="wire"&&n==="us-domestic"?c.achDetails.accountTypeLabel:"";return t.jsxs(Dt,{children:[j===!0?t.jsx(ie,{titleComponent:t.jsx(le,{children:c.areYOuSure}),descriptionComponent:t.jsx(se,{children:c.ifYouSubmit}),primaryButtonText:c.delete,secondaryButtonText:c.cancel,action:z,isEditPopup:!0,proceedButtonVariant:"danger"}):null,t.jsx(St,{windowSize:f,children:`${xe(e,n)} ${c.accountsLabel}`}),s?.map(i=>t.jsx(oe,{children:t.jsx(tt,{bankName:i.bankName,accountType:i.bankAccountType??"",bankAccountNumberOrIban:V(i),routingNumberOrSwiftCode:F(i),routingNumberOrSwiftCodeLabel:R(),accountNumberOrIbanLabel:E(),accountTypeLabel:O(),accountName:i.bankAccountName,onDeleteClick:()=>A(i.bankAccountId)})},i.bankAccountId)),l?.map(i=>t.jsx(oe,{children:t.jsx(pt,{paymentInstrument:i,onDeleteClick:()=>{k(!0),A(i.paymentInstrumentId)}})},i.paymentInstrumentId)),t.jsx(jt,{onAddAccountDetailsSection:p,type:e,subType:n})]})},jt=({onAddAccountDetailsSection:e,type:n,subType:s})=>{const l=v(),m=x.getLocalizedStrings().spendManagement.billPay;return t.jsx(t.Fragment,{children:t.jsxs(kt,{windowSize:l,onClick:e,"data-testid":$("add-vendor-account",n),children:[t.jsx(Ct,{}),t.jsx(de,{children:`${m.vendorCreation.addPrefix} ${xe(n,s)}`})]})})},Ct=r(me)`
+`,xe=(e,n)=>{const s=x.getLocalizedStrings().spendManagement.billPay.vendorCreation;switch(e){case"ach":return s.achDetails.ach;case"wire":switch(n){case"us-domestic":return s.wireDetails.domestic.domestic;case"international":return s.wireDetails.international.international;default:return""}default:return""}},q=({type:e,subType:n,vendorAccountDetails:s,vendorAccountDetailsInternational:l,onRemoveBankAccount:m,onAddNewAccountDetailClick:p})=>{const f=v(),[j,u]=g.useState(!1),[b,h]=g.useState(""),[C,k]=g.useState(!1),c=x.getLocalizedStrings().spendManagement.billPay.vendorCreation,A=i=>{h(i),u(!0)},B={onOkClick:()=>{u(!1),m(b,C)},onCancelClick:()=>{u(!1),h("")}},V=i=>e==="ach"||e==="wire"&&n==="us-domestic"?i.bankAccountNumber:e==="wire"&&n==="international"?i.bankAccountIban??"":"",F=i=>e==="ach"?i.bankRoutingNumberAch:e==="wire"&&n==="us-domestic"?i.bankRoutingNumberWireTransfer:e==="wire"&&n==="international"?i.bankSwiftCode??"":"",O=()=>e==="ach"?c.achDetails.bankRoutingNumber:e==="wire"&&n==="us-domestic"?c.wireDetails.bankRoutingNumber:e==="wire"&&n==="international"?c.wireDetails.international.swiftCode:"",R=()=>e==="ach"?c.achDetails.bankAccountNumber:e==="wire"&&n==="us-domestic"?c.wireDetails.accountNumber:e==="wire"&&n==="international"?c.wireDetails.international.iban:"",E=()=>e==="ach"||e==="wire"&&n==="us-domestic"?c.achDetails.accountTypeLabel:"";return t.jsxs(St,{children:[j===!0?t.jsx(ie,{titleComponent:t.jsx(le,{children:c.areYOuSure}),descriptionComponent:t.jsx(se,{children:c.ifYouSubmit}),primaryButtonText:c.delete,secondaryButtonText:c.cancel,action:B,isEditPopup:!0,proceedButtonVariant:"danger"}):null,t.jsx(Dt,{windowSize:f,children:`${xe(e,n)} ${c.accountsLabel}`}),s?.map(i=>t.jsx(oe,{children:t.jsx(tt,{bankName:i.bankName,accountType:i.bankAccountType??"",bankAccountNumberOrIban:V(i),routingNumberOrSwiftCode:F(i),routingNumberOrSwiftCodeLabel:O(),accountNumberOrIbanLabel:R(),accountTypeLabel:E(),accountName:i.bankAccountName,onDeleteClick:()=>A(i.bankAccountId)})},i.bankAccountId)),l?.map(i=>t.jsx(oe,{children:t.jsx(pt,{paymentInstrument:i,onDeleteClick:()=>{k(!0),A(i.paymentInstrumentId)}})},i.paymentInstrumentId)),t.jsx(jt,{onAddAccountDetailsSection:p,type:e,subType:n})]})},jt=({onAddAccountDetailsSection:e,type:n,subType:s})=>{const l=v(),m=x.getLocalizedStrings().spendManagement.billPay;return t.jsx(t.Fragment,{children:t.jsxs(kt,{windowSize:l,onClick:e,"data-testid":$("add-vendor-account",n),children:[t.jsx(Ct,{}),t.jsx(de,{children:`${m.vendorCreation.addPrefix} ${xe(n,s)}`})]})})},Ct=r(me)`
   margin-right: ${o.sp2};
   width: ${o.sp3};
   height: ${o.sp3};
@@ -160,22 +160,22 @@ import{f as He,q as v,aB as Y,cE as Ye,V as t,bA as qe,aN as $,A as Je,cn as ie,
     color: ${e=>e.theme.colors.primary};
     border: 1px solid ${e=>e.theme.colors.primary};
   }
-`,St=r(ce)`
+`,Dt=r(ce)`
   color: ${e=>e.theme.colors.primary};
   margin-bottom: ${o.sp2};
-`,oe=r.div``,Dt=r.div`
+`,oe=r.div``,St=r.div`
   display: flex;
   flex-direction: column;
   padding-top: ${o.sp2};
   padding-bottom: ${o.sp2};
   margin-top: ${o.sp3};
   margin-bottom: ${o.sp3};
-`,At=({addressState:e,onUpdateMailingAddress:n})=>{const s=v(),l=x.getLocalizedStrings().spendManagement.billPay.vendorCreation;return t.jsxs(Ft,{children:[t.jsxs(Vt,{windowSize:s,children:[`${l.mailingAddressLabel}`,t.jsx(zt,{children:`${l.mailingAddressPlaceholder}`})]}),e!=null?t.jsxs(Bt,{children:[Lt(e),t.jsx(D,{enterDelay:600,display:"flex",title:l.editMailingAddressTooltip,placement:"top",children:t.jsx(It,{"data-testid":$("edit-vendor-mailing-address"),onClick:()=>n("vendor_address"),children:t.jsx(Nt,{})})})]}):t.jsx(t.Fragment,{children:t.jsxs(Pt,{windowSize:s,"data-testid":$("add-vendor-mailing-address"),onClick:()=>n("vendor_address"),children:[t.jsx(Tt,{}),t.jsx(de,{children:l.addMailingAddress})]})})]})},Lt=e=>[e.street[2],e.street[0],e.street[1],e.city,`${e.state} ${e.postalCode}`.trim(),e.countryCode??e.country].filter(Boolean).join(", "),It=r.div`
+`,At=({addressState:e,onUpdateMailingAddress:n})=>{const s=v(),l=x.getLocalizedStrings().spendManagement.billPay.vendorCreation;return t.jsxs(Ft,{children:[t.jsxs(Vt,{windowSize:s,children:[`${l.mailingAddressLabel}`,t.jsx(Bt,{children:`${l.mailingAddressPlaceholder}`})]}),e!=null?t.jsxs(zt,{children:[Lt(e),t.jsx(S,{enterDelay:600,display:"flex",title:l.editMailingAddressTooltip,placement:"top",children:t.jsx(It,{"data-testid":$("edit-vendor-mailing-address"),onClick:()=>n("vendor_address"),children:t.jsx(Nt,{})})})]}):t.jsx(t.Fragment,{children:t.jsxs(Pt,{windowSize:s,"data-testid":$("add-vendor-mailing-address"),onClick:()=>n("vendor_address"),children:[t.jsx(Tt,{}),t.jsx(de,{children:l.addMailingAddress})]})})]})},Lt=e=>[e.street[2],e.street[0],e.street[1],e.city,`${e.state} ${e.postalCode}`.trim(),e.countryCode??e.country].filter(Boolean).join(", "),It=r.div`
   width: ${o.sp3};
   svg {
     display: none;
   }
-`,Nt=r(Ge)`
+`,Nt=r(Ze)`
   width: ${o.sp3};
   height: ${o.sp3};
   cursor: pointer;
@@ -203,7 +203,7 @@ import{f as He,q as v,aB as Y,cE as Ye,V as t,bA as qe,aN as $,A as Je,cn as ie,
     color: ${e=>e.theme.colors.primary};
     border: 1px solid ${e=>e.theme.colors.primary};
   }
-`,Bt=r(Q)`
+`,zt=r(J)`
   margin-top: ${o.sp2};
   padding: ${o.sp3} ${o.sp4};
   background-color: ${e=>e.theme.colors.grey5};
@@ -223,7 +223,7 @@ import{f as He,q as v,aB as Y,cE as Ye,V as t,bA as qe,aN as $,A as Je,cn as ie,
       display: block;
     }
   }
-`,zt=r(pe)`
+`,Bt=r(pe)`
   color: ${e=>e.theme.colors.grey1};
   transform: translateY(${o.sp1});
 `,Vt=r(ce)`
@@ -240,12 +240,12 @@ import{f as He,q as v,aB as Y,cE as Ye,V as t,bA as qe,aN as $,A as Je,cn as ie,
   padding-bottom: ${o.sp2};
   margin-top: ${o.sp3};
   margin-bottom: ${o.sp3};
-`,re="createVendorPage",ne=e=>`${e}_form`,P={containerPaddingLeft:new q(w[3],w[6],w[6]),containerPaddingRight:new q(w[3],w[6],w[8]),buttonWidth:new q(125,125)},Rt=r.div`
+`,re="createVendorPage",ne=e=>`${e}_form`,P={containerPaddingLeft:new Q(w[3],w[6],w[6]),containerPaddingRight:new Q(w[3],w[6],w[8]),buttonWidth:new Q(125,125)},Ot=r.div`
   display: flex;
   flex-direction: column;
   overflow: auto;
   width: 100%;
-`,Et=r.div`
+`,Rt=r.div`
   display: flex;
   flex-direction: column;
   background-color: ${e=>e.theme.colors.grey4};
@@ -253,7 +253,7 @@ import{f as He,q as v,aB as Y,cE as Ye,V as t,bA as qe,aN as $,A as Je,cn as ie,
   padding-left: ${e=>`${P.containerPaddingLeft.valuePx(e.windowSize)}`};
   padding-right: ${e=>`${P.containerPaddingRight.valuePx(e.windowSize)}`};
   overflow: auto;
-`,Ot=r.div`
+`,Et=r.div`
   display: flex;
   flex: 1 1 auto;
   height: 100vh;
@@ -262,7 +262,7 @@ import{f as He,q as v,aB as Y,cE as Ye,V as t,bA as qe,aN as $,A as Je,cn as ie,
   justify-content: center;
   align-items: center;
   box-shadow: ${e=>`${o.sp0} 2px ${o.sp1} ${e.theme.colors.dropShadowNormal}`};
-`,Mt=r(Ze)`
+`,Mt=r(Ge)`
   color: ${e=>e.theme.colors.primary};
   margin-bottom: ${o.sp3};
   margin-top: ${o.sp3};
@@ -278,4 +278,4 @@ import{f as He,q as v,aB as Y,cE as Ye,V as t,bA as qe,aN as $,A as Je,cn as ie,
   display: flex;
   flex-direction: column;
   padding-top: ${o.sp11};
-`,b=x.getLocalizedStrings().spendManagement.billPay.vendorCreation,_t=x.getLocalizedStrings().common.footer,ae=x.getLocalizedStrings().common.currency,oo=({vendorViewDetails:e,vendorId:n,screenType:s,analytics:l,filesEndPoint:m,authParams:p,vendorSearchAutoCompleteData:f,vendorSearchAutoCompleteActions:j,isLocalCurrencyEnabled:u,onBackClick:y,onVendorSelected:h,navigateToBankDetailPage:C,updateSelectedVendorForCreate:k,onRemoveBankAccount:c,updateSaveFetchState:A,onSaveVendor:z,navigateToMailingAddressPage:V,saveVendorDetailLocalData:F,resetVendorDetailLocalData:R,saveContactsInVendorDetailLocalData:E,updateFilesEntity:O,onEditFileName:i,onFetchAndUpdateVendorRecommendations:ge})=>{const{accountList:{accounts:ye},classList:{classes:be},vendorTypeList:$e,ownerList:fe,editVendorState:K,newVendorState:X,fetchState:we,hasWireTransfer:Z,hasInternationalWireTransfer:M,deleteFileStatusById:ve,updateFileStatusById:je,accountsHierarchyList:Ce,classHierarchyList:ke}=e,L=n!=null?K?.vendorDetailLocalData:X?.vendorDetailLocalData,d=Object.assign({},K??X),Se=He(),S=v(),[De,U]=g.useState(!1),[Ae,W]=g.useState(!1),G=s==="create"?b.newVendorTitle:b.editVendor,Le=(d.bankAccountsUpdated??[]).map(a=>a.bankAccountId).sort(),Ie=(d.vendorBasic?.bankAccounts??[]).map(a=>a.bankAccountId).sort(),Ne=!Y(Le,Ie),Te=(d.paymentInstrumentsUpdated??[]).map(a=>a.paymentInstrumentId).sort(),Pe=(d.vendorBasic?.paymentInstruments??[]).map(a=>a.paymentInstrumentId).sort(),Be=!Y(Te,Pe),ze=(L?.contacts??[]).filter(a=>a.email!==""||a.fullName!==""||a.phone!=="").map(a=>Ye(a,"contactInfoType")),Ve=d.vendorBasic?.contacts??[],Fe=!Y(ze,Ve),Re=d.bankAccountsUpdated.filter(a=>!!a.bankRoutingNumberAch),Ee=d.bankAccountsUpdated.filter(a=>!!a.bankRoutingNumberWireTransfer),Oe=d.paymentInstrumentsUpdated.filter(a=>!!a.piNumber),ee=()=>{W(!0)},Me=a=>{U(a)},Ue={onOkClick:()=>{W(!1),U(!1),R?.(),y()},onCancelClick:()=>{W(!1),U(!1)}},_=g.useRef(null),We=a=>{_.current?.syncFormData(),V(a)},H=(a,_e)=>{_.current?.syncFormData(),C(a,_e)};g.useEffect(()=>{d?.saveStatus?.fetchState==="Completed"&&(A(),y())},[d]);const te=g.useRef(null);return t.jsxs(Rt,{windowSize:S,children:[t.jsx(qe,{"data-testid":$("vendor-detail-container-nav-bar"),title:G,backgroundColor:Se.colors.grey4,leftSideComponent:t.jsx(Ut,{onClick:ee,"data-testid":$("create-edit-vendor-nav-bar-back")}),enableTitleOnScroll:!0,scrollableContent:te,source:"CreateOrEditVendorPage"}),t.jsxs(Et,{windowSize:S,ref:te,children:[we==="In-Progress"?t.jsx(Ot,{children:t.jsx(Je,{size:"ExtraLarge",start:!0})}):t.jsxs(t.Fragment,{children:[De===!0?t.jsx(ie,{titleComponent:t.jsx(le,{children:b.discardTitle}),descriptionComponent:t.jsx(se,{children:b.discardDescription}),primaryButtonText:b.discard,secondaryButtonText:b.cancel,action:Ue}):null,S!=="small"?t.jsx(Mt,{children:G}):null,t.jsx(Qe,{ref:_,id:ne(re),allAccounts:ye,allClasses:be,accountsHierarchyList:Ce,classHierarchyList:ke,vendorTypeList:$e,allOwners:fe,vendorSearchAutoCompleteData:f,vendorSearchAutoCompleteActions:j,onVendorSelected:h,screenType:s,hasInternationalWireTransfer:M,selectedVendor:d,formLocalData:L,isBankAccountChanged:Ne,isContactListChanged:Fe,isPaymentInstrumentChanged:Be,analytics:l,pageBackBtnClicked:Ae,onBackClick:y,onSaveVendor:z,saveContactsInVendorDetailLocalData:E,updateSelectedVendorForCreate:k,saveVendorDetailLocalData:F,updateFilesEntity:O,toggleConfirmationPopup:Me,filesEndPoint:m,authParams:p,onEditFileName:i,deleteFileStatusById:ve,updateFileStatusById:je,onFetchAndUpdateVendorRecommendations:ge,isLocalCurrencyEnabled:u}),Z||M?t.jsx(At,{addressState:d.vendorNewAddressStatus?.addressToCreate,onUpdateMailingAddress:We}):null,d.vendorDetailLocalData?.currencyCode==null||d.vendorDetailLocalData?.currencyCode===ae.currencyCode?t.jsx(J,{type:"ach",vendorAccountDetails:Re,onAddNewAccountDetailClick:()=>H("ach","standard"),onRemoveBankAccount:c}):null,Z&&(d.vendorDetailLocalData?.currencyCode==null||d.vendorDetailLocalData?.currencyCode===ae.currencyCode)?t.jsx(J,{type:"wire",subType:"us-domestic",vendorAccountDetails:Ee,onAddNewAccountDetailClick:()=>H("wire","us-domestic"),onRemoveBankAccount:c}):null,M&&(L?.countryCode!=null&&L.countryCode!=="US"||u)?t.jsx(J,{type:"wire",subType:"international",vendorAccountDetailsInternational:Oe,isLocalCurrencyEnabled:u,onAddNewAccountDetailClick:()=>H("wire","international"),onRemoveBankAccount:c}):null]}),t.jsx(Wt,{})]}),t.jsx(Ke,{formId:ne(re),primaryBtn:{label:b.saveDetails,isLoading:d.saveStatus?.fetchState==="In-Progress",style:{width:P.buttonWidth.value(S)},isDisabled:!1},cancelBtn:{label:_t.cancel,style:{width:P.buttonWidth.value(S)},shouldResetOnCancel:!1,onClick:ee}})]})};export{oo as default,ne as formUniqueName};
+`,y=x.getLocalizedStrings().spendManagement.billPay.vendorCreation,_t=x.getLocalizedStrings().common.footer,ae=x.getLocalizedStrings().common.currency,oo=({vendorViewDetails:e,vendorId:n,screenType:s,analytics:l,filesEndPoint:m,authParams:p,vendorSearchAutoCompleteData:f,vendorSearchAutoCompleteActions:j,isLocalCurrencyEnabled:u,onBackClick:b,onVendorSelected:h,navigateToBankDetailPage:C,updateSelectedVendorForCreate:k,onRemoveBankAccount:c,updateSaveFetchState:A,onSaveVendor:B,navigateToMailingAddressPage:V,saveVendorDetailLocalData:F,resetVendorDetailLocalData:O,saveContactsInVendorDetailLocalData:R,updateFilesEntity:E,onEditFileName:i,onFetchAndUpdateVendorRecommendations:ge})=>{const{accountList:{accounts:be},classList:{classes:ye},vendorTypeList:$e,ownerList:fe,editVendorState:K,newVendorState:X,fetchState:we,hasWireTransfer:G,hasInternationalWireTransfer:M,deleteFileStatusById:ve,updateFileStatusById:je,accountsHierarchyList:Ce,classHierarchyList:ke}=e,L=n!=null?K?.vendorDetailLocalData:X?.vendorDetailLocalData,d=Object.assign({},K??X),De=He(),D=v(),[Se,U]=g.useState(!1),[Ae,W]=g.useState(!1),Z=s==="create"?y.newVendorTitle:y.editVendor,Le=(d.bankAccountsUpdated??[]).map(a=>a.bankAccountId).sort(),Ie=(d.vendorBasic?.bankAccounts??[]).map(a=>a.bankAccountId).sort(),Ne=!Y(Le,Ie),Te=(d.paymentInstrumentsUpdated??[]).map(a=>a.paymentInstrumentId).sort(),Pe=(d.vendorBasic?.paymentInstruments??[]).map(a=>a.paymentInstrumentId).sort(),ze=!Y(Te,Pe),Be=(L?.contacts??[]).filter(a=>a.email!==""||a.fullName!==""||a.phone!=="").map(a=>Ye(a,"contactInfoType")),Ve=d.vendorBasic?.contacts??[],Fe=!Y(Be,Ve),Oe=d.bankAccountsUpdated.filter(a=>!!a.bankRoutingNumberAch),Re=d.bankAccountsUpdated.filter(a=>!!a.bankRoutingNumberWireTransfer),Ee=d.paymentInstrumentsUpdated.filter(a=>!!a.piNumber),ee=()=>{W(!0)},Me=a=>{U(a)},Ue={onOkClick:()=>{W(!1),U(!1),O?.(),b()},onCancelClick:()=>{W(!1),U(!1)}},_=g.useRef(null),We=a=>{_.current?.syncFormData(),V(a)},H=(a,_e)=>{_.current?.syncFormData(),C(a,_e)};g.useEffect(()=>{d?.saveStatus?.fetchState==="Completed"&&(A(),b())},[d]);const te=g.useRef(null);return t.jsxs(Ot,{windowSize:D,children:[t.jsx(Qe,{"data-testid":$("vendor-detail-container-nav-bar"),title:Z,backgroundColor:De.colors.grey4,leftSideComponent:t.jsx(Ut,{onClick:ee,"data-testid":$("create-edit-vendor-nav-bar-back")}),enableTitleOnScroll:!0,scrollableContent:te,source:"CreateOrEditVendorPage"}),t.jsxs(Rt,{windowSize:D,ref:te,children:[we==="In-Progress"?t.jsx(Et,{children:t.jsx(qe,{size:"ExtraLarge",start:!0})}):t.jsxs(t.Fragment,{children:[Se===!0?t.jsx(ie,{titleComponent:t.jsx(le,{children:y.discardTitle}),descriptionComponent:t.jsx(se,{children:y.discardDescription}),primaryButtonText:y.discard,secondaryButtonText:y.cancel,action:Ue}):null,D!=="small"?t.jsx(Mt,{children:Z}):null,t.jsx(Je,{ref:_,id:ne(re),allAccounts:be,allClasses:ye,accountsHierarchyList:Ce,classHierarchyList:ke,vendorTypeList:$e,allOwners:fe,vendorSearchAutoCompleteData:f,vendorSearchAutoCompleteActions:j,onVendorSelected:h,screenType:s,hasInternationalWireTransfer:M,selectedVendor:d,formLocalData:L,isBankAccountChanged:Ne,isContactListChanged:Fe,isPaymentInstrumentChanged:ze,analytics:l,pageBackBtnClicked:Ae,onBackClick:b,onSaveVendor:B,saveContactsInVendorDetailLocalData:R,updateSelectedVendorForCreate:k,saveVendorDetailLocalData:F,updateFilesEntity:E,toggleConfirmationPopup:Me,filesEndPoint:m,authParams:p,onEditFileName:i,deleteFileStatusById:ve,updateFileStatusById:je,onFetchAndUpdateVendorRecommendations:ge,isLocalCurrencyEnabled:u}),G||M?t.jsx(At,{addressState:d.vendorNewAddressStatus?.addressToCreate,onUpdateMailingAddress:We}):null,d.vendorDetailLocalData?.currencyCode==null||d.vendorDetailLocalData?.currencyCode===ae.currencyCode?t.jsx(q,{type:"ach",vendorAccountDetails:Oe,onAddNewAccountDetailClick:()=>H("ach","standard"),onRemoveBankAccount:c}):null,G&&(d.vendorDetailLocalData?.currencyCode==null||d.vendorDetailLocalData?.currencyCode===ae.currencyCode)?t.jsx(q,{type:"wire",subType:"us-domestic",vendorAccountDetails:Re,onAddNewAccountDetailClick:()=>H("wire","us-domestic"),onRemoveBankAccount:c}):null,M&&(L?.countryCode!=null&&L.countryCode!=="US"||u)?t.jsx(q,{type:"wire",subType:"international",vendorAccountDetailsInternational:Ee,isLocalCurrencyEnabled:u,onAddNewAccountDetailClick:()=>H("wire","international"),onRemoveBankAccount:c}):null]}),t.jsx(Wt,{})]}),t.jsx(Ke,{formId:ne(re),primaryBtn:{label:y.saveDetails,isLoading:d.saveStatus?.fetchState==="In-Progress",style:{width:P.buttonWidth.value(D)},isDisabled:!1},cancelBtn:{label:_t.cancel,style:{width:P.buttonWidth.value(D)},shouldResetOnCancel:!1,onClick:ee}})]})};export{oo as default,ne as formUniqueName};

package/dist/assets/CreditCardPaymentDrawerPage-Q12y6HMX-CloaEiop.js

@@ -0,0 +1,224 @@
+import{V as a,q as me,a7 as pe,aM as ee,hm as Qe,aK as Pe,n as et,m as tt,aO as je,o as t,F as W,y as d,L as ze,l as at,af as nt,d as Ee,bQ as ot,fc as Me,a as Y,p as G,gk as Ce,b as it,ap as Be,D as rt,aN as be,a8 as lt,fv as ct,cB as st,ab as dt,eX as mt,fz as pt,cG as ut,hz as xe,hA as ht,g7 as gt,c as r,b$ as yt,bZ as Oe,fj as ft,cf as Ct,ak as _e,hn as bt,aR as xt,hB as wt,cY as St,hp as Dt,fL as $t,fH as kt}from"./index-BqVFY7NZ.js";import{n as i}from"./mui-BdKs9UwT.js";import{a as p}from"./sentry-DfYwagp9.js";import{bL as se,bP as At,bh as Lt,bJ as vt,bK as we,bI as It}from"./zeni-epic-state-DcbIZGFH.js";import{x as Ft}from"./LabeledControlledCheckBoxField-Btw_zwzy-BqFptUno.js";import"./liveblocks-DBgNWxtT.js";import"./core-DbjebHB2.js";import"./recharts-CU0wfbyQ.js";import"./lottie-DbNQVAcx.js";import"./analytics-DHoFVrJa.js";import"./lexical-B-aBuW2Y.js";import"./utils-DTmuLq6q.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},o=new e.Error().stack;o&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[o]="472f3b98-7d36-4ab8-b9d8-75992d4ace70",e._sentryDebugIdIdentifier="sentry-dbid-472f3b98-7d36-4ab8-b9d8-75992d4ace70")}catch{}})();const te={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:Tt}},common:{edit:Rt,labels:Se,currency:De,navBar:{back:Pt}},spendManagement:{zeniAccounts:{zeniAccountList:{transferDrawer:jt}},chargeCard:{payEarly:Q}}}=W.getLocalizedStrings(),zt=({paymentDetails:e,isCashbackInfoFetchStateCompleted:o,isCreditCardInfoFetchStateCompleted:h,isDebitCardInfoFetchStateCompleted:n,controllerEmails:f,productInformation:c,cashbackInformation:g,paymentSourceInformation:L,creditAccountInformation:C,debitAccountInformation:y,setShowReviewContent:x,onTransferClick:b,isCompleteOutstandingBalanceBeingPaid:D})=>{const m=me(),R=Ee(),P=pe().analytics,[E,v]=p.useState(!1);p.useEffect(()=>{e.error!=null?v(!0):v(!1)},[e.error]);const k=te.largeLabelWidth.value(m);return a.jsxs(a.Fragment,{children:[a.jsxs(Wt,{windowSize:m,children:[a.jsx(Qt,{windowSize:m,children:a.jsx(ot,{title:Pt,enterTouchDelay:600,placement:"bottom",children:a.jsx(Jt,{"data-testid":ee("nav-bar-back-credit-card-payment-review"),onClick:()=>{o&&h&&n&&g!=null&&P.trackCardsPayEarlyFormClick(f,c,g,"Back",e.chargeCardRepaymentDetailLocalData.isAutoRepayment,{paymentAmount:e.chargeCardRepaymentDetailLocalData.amount.amount,paymentAccountName:e.chargeCardRepaymentDetailLocalData.transferFrom?.label,paymentAccountType:e.chargeCardRepaymentDetailLocalData.transferFrom?.accType,paymentAccountLastFourDigits:e.chargeCardRepaymentDetailLocalData.transferFrom?.accountLast4,paymentCompleteEta:void 0,paymentInitiatedDate:void 0},L,C,y),x(!1)}})})}),a.jsx(ea,{windowSize:m,children:jt.reviewAndConfirm}),a.jsx(Mt,{children:a.jsx(Me,{amount:e.chargeCardRepaymentDetailLocalData.amount,integerStyles:de.integerAmountInput.styleObject(m),decimalStyles:de.decimalAmountInput.styleObject(m)})}),E?a.jsx(Yt,{children:a.jsxs(_t,{children:[a.jsxs(Gt,{children:[a.jsx(Kt,{}),a.jsxs(Nt,{children:[a.jsx(Ut,{children:e.error?.title}),a.jsx(Vt,{children:e.error?.message})]})]}),a.jsx(Ht,{children:a.jsx(Xt,{"data-testid":ee("close-error-credit-card-payment-review"),onClick:()=>{v(!1)},style:{width:t.sp3,height:t.sp3,color:G.heroLight}})})]})}):null,a.jsx(qt,{windowSize:m,children:a.jsxs(Ot,{children:[a.jsx(Ce,{label:{label:Se.transferFrom,width:k},text:a.jsxs($e,{windowSize:m,children:[Ne(e.transferFromAccounts,e.chargeCardRepaymentDetailLocalData.transferFrom?.id??"",!0),a.jsx(Bt,{windowSize:m,children:e.chargeCardRepaymentDetailLocalData.transferFrom?.label})]}),style:{width:"auto"}}),a.jsx(Zt,{}),a.jsx(Ce,{label:{label:Se.amount,width:k},showAdditionalInfoLabel:!0,additionalInfoLabel:`${D?Q.creditLimitReset:Q.creditLimitUpdate} ${se(At(Lt().toDate(),[0,6],3).toDateString()).format(Tt)} ${Q.business23Days}`,additionalInfoLabelStyles:{color:R.colors.hero,...it.smallRegular.cssObject},text:a.jsx($e,{windowSize:m,children:Pe("0,0.[00]",{amount:e.chargeCardRepaymentDetailLocalData.amount.amount,currencyCode:De.currencyCode,currencySymbol:De.currencySymbol})}),style:{width:"auto"}})]})})]}),a.jsx(je,{style:{zIndex:4,paddingTop:t.sp3,paddingBottom:t.sp0},helperText:Q.byClickingPayNowIAuthorizeZeniToInitiateThePayment,helperStyle:{padding:`${t.sp0} ${t.sp0} ${t.sp3} ${t.sp0}`},cancelBtn:{label:Rt,onClick:()=>{o&&h&&n&&g!=null&&P.trackCardsPayEarlyFormClick(f,c,g,"Edit",e.chargeCardRepaymentDetailLocalData.isAutoRepayment,{paymentAmount:e.chargeCardRepaymentDetailLocalData.amount.amount,paymentAccountName:e.chargeCardRepaymentDetailLocalData.transferFrom?.label,paymentAccountType:e.chargeCardRepaymentDetailLocalData.transferFrom?.accType,paymentAccountLastFourDigits:e.chargeCardRepaymentDetailLocalData.transferFrom?.accountLast4,paymentCompleteEta:void 0,paymentInitiatedDate:void 0},L,C,y),x(!1)},style:{minWidth:94}},primaryBtn:{label:Q.payNow,onClick:b,isLoading:e.updateStatus==="In-Progress",style:{minWidth:94}}})]})},Ne=(e,o,h)=>{if(o==="")return a.jsx(ra,{});const n=e.find(c=>c.id===o),f=e.findIndex(c=>c.id===o);if(n!=null){if(n.accType==="depositAccount")return a.jsx(oa,{isOptionSelected:h,children:a.jsx(ia,{color:bt(f)})});if(n.accType==="paymentAccount")return n.logo!==void 0&&(n.logo.base64||n.logo.url)?a.jsx(ta,{src:Et(n.logo),isOptionSelected:h,loading:"lazy"}):a.jsx(aa,{isOptionSelected:h,children:a.jsx(na,{})})}return null},Et=e=>e.base64!==void 0?`${$t}${e.base64.toString()}`:e.url!==void 0?e.url.toString():"",Mt=i(Oe)`
+  color: ${e=>e.theme.colors.primary};
+  padding-top: ${t.sp3};
+`,Bt=i.div`
+  display: flex;
+  flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
+`,$e=i(_e)`
+  display: flex;
+  align-items: ${e=>e.windowSize==="small"?"start":"center"};
+`,Ot=i.div`
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  background-color: ${e=>e.theme.colors.grey5};
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  box-shadow: ${e=>`${t.sp0} 2px ${t.sp1} ${e.theme.colors.dropShadowNormal}`};
+  border-radius: ${t.sp2};
+`,_t=i.div`
+  display: flex;
+  width: 100%;
+  justify-content: space-between;
+  padding: ${t.sp3} ${t.sp4};
+  background-color: ${G.importantLight};
+  border-radius: ${t.sp2};
+`,Nt=i.div`
+  display: flex;
+  flex-direction: column;
+  margin-left: ${t.sp2};
+`,Ut=i(Ct)`
+  color: ${G.important};
+`,Vt=i(_e)`
+  color: ${G.important};
+`,Yt=i.div`
+  margin-top: ${t.sp3};
+  display: flex;
+  background-color: ${e=>e.theme.colors.grey5};
+  justify-content: space-between;
+  padding: ${t.sp3} ${t.sp4};
+  border: ${e=>`1px solid ${e.theme.colors.grey3}`};
+  border-radius: ${t.sp2};
+  box-shadow: ${e=>`${t.sp0} 2px 2px ${e.theme.colors.dropShadowNormal}`};
+`,Wt=i.div`
+  height: auto;
+  padding-left: ${e=>`${te.containerPaddingLeft.valuePx(e.windowSize)}`};
+  padding-right: ${e=>`${te.containerPaddingRight.valuePx(e.windowSize)}`};
+  margin-bottom: auto;
+`,Gt=i.div`
+  display: flex;
+  align-items: flex-start;
+`,Ht=i.div``,Kt=i(ft)`
+  width: ${t.sp4};
+  height: ${t.sp4};
+  color: ${G.important};
+`,Xt=i(ze)`
+  cursor: pointer;
+  color: ${e=>e.theme.colors.hero};
+  width: ${t.sp4};
+  height: ${t.sp4};
+  min-height: ${t.sp4};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Zt=i.div`
+  display: flex;
+  flex: 1;
+  background-color: ${e=>e.theme.colors.grey3};
+  min-height: 1px;
+  max-height: 1px;
+`,qt=i.div`
+  display: flex;
+  flex-direction: column;
+  padding-top: ${t.sp3};
+  padding-bottom: ${e=>`${te.reviewContentWrapperPaddingBottom.valuePx(e.windowSize)}`};
+`,Jt=i(yt)`
+  cursor: pointer;
+  color: ${e=>e.theme.colors.hero};
+  width: ${t.sp4};
+  height: ${t.sp4};
+  min-height: ${t.sp4};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Qt=i.div`
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+  align-items: center;
+  width: 100%;
+  top: ${t.sp0};
+  padding: ${e=>`${te.navBarContainerPaddingXaxis.valuePx(e.windowSize)} ${t.sp0}`};
+  z-index: 2;
+  background-color: ${e=>e.theme.colors.grey4};
+`,ea=i(Be)`
+  ${e=>`${de.pageTitle.style(e.windowSize)}`};
+  color: ${e=>e.theme.colors.primary};
+  padding: ${t.sp3} ${t.sp0} ${t.sp3} ${t.sp0};
+`,ta=i.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};
+`,aa=i.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};
+`,na=i(kt)`
+  min-width: inherit;
+  width: inherit;
+  height: inherit;
+  margin-right: ${t.sp2};
+`,oa=i.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};
+  margin-right: ${t.sp2};
+`,ia=i(Dt)`
+  min-width: inherit;
+  width: inherit;
+  height: inherit;
+  margin-right: ${t.sp2};
+`,ra=i(St)`
+  min-width: ${t.sp4};
+  width: ${t.sp4};
+  height: ${t.sp4};
+  margin-right: 12px;
+  margin-left: ${t.sp1};
+  color: ${e=>e.theme.colors.hero};
+`,{common:ce,spendManagement:{zeniAccounts:{zeniAccountList:la},billPay:{insufficientFunds:ca},chargeCard:{payEarly:U}},commonSetUp:{setUp:{accountsPlg:oe}}}=W.getLocalizedStrings(),Ue="amount",sa="withdrawFrom",M="paymentDetails",Ve="creditCardPaymentPage",ie=(e,o)=>`${e}.${o}`,Ye=e=>`${e}_form`,w={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])},ke={integerAmountInput:new Y("h5Regular","h2Regular"),decimalAmountInput:new Y("largeSemiBold","h5Medium")};function da({autoPayThreshold:e,plaidConnectionDetails:o,maxInsuredAmount:h,paymentDetails:n,lowBalanceAdditionalInfo:f,paymentAccount:c,isAccountsEnabled:g,onSaveChangesToLocalStore:L,onUpdatePaymentAccountStatus:C,onEstablishConnectionClick:y,onEstablishConnectionSuccess:x,onFetchLinkTokenClick:b,setShowReviewLoading:D,onSignUpAccountClick:m,onMoveMoneyClick:R,isCashbackInfoFetchStateCompleted:P,isCreditCardInfoFetchStateCompleted:E,isDebitCardInfoFetchStateCompleted:v,controllerEmails:k,productInformation:H,cashbackInformation:B,paymentSourceInformation:K,creditAccountInformation:X,debitAccountInformation:Z}){const s=me(),re=Ee(),S=w.largeLabelWidth.value(s),q=pe().analytics,J=p.useRef(null),[j,z]=p.useState(!1),[I,O]=p.useState(void 0),A=o.link_account,ne=o.update_account,$=I==="update_account"?ne:A,[_,ue]=p.useState($.linkToken??null),he=be(A.updateStatus.fetchState),N=lt({mode:"all",reValidateMode:"onBlur",defaultValues:p.useMemo(()=>Ae(n),[n]),values:p.useMemo(()=>Ae(n),[n])}),ge=c?.isLoginRequired??!1,F=c?.providerVerificationStatus?.code,ye=be(ne.updateStatus.fetchState),We=p.useCallback((l,u)=>{const T=u.accounts.find(Je=>Je.id===c?.providerAccountId)??u.accounts[0];c?.paymentAccountId!=null&&I==="update_account"&&T?.verification_status!=null&&!ge?C(T?.verification_status,c.paymentAccountId,"update_account"):y?.(l,I),O(void 0),z(!1)},[c?.paymentAccountId,c?.providerAccountId,I,ge,C,y]),Ge=p.useCallback((l,u)=>{l!=null&&(l.error_code==="TOO_MANY_VERIFICATION_ATTEMPTS"&&c?.paymentAccountId!=null&&C("verification_failed",c.paymentAccountId,"update_account"),console.log("Plaid Connection Error",l,u)),O(void 0),z(!1)},[c?.paymentAccountId,C]),{open:le,ready:fe}=ct({token:_,onSuccess:We,onExit:Ge});p.useEffect(()=>{(he==="In-Progress"&&A.updateStatus.fetchState==="Completed"||ye==="In-Progress"&&ne.updateStatus.fetchState==="Completed")&&(vt(F??"")||(b?.("link_account"),x()))},[A.updateStatus.fetchState,x,b,he,ye,ne.updateStatus.fetchState,F]),p.useEffect(()=>{(we(F??"")||F==="verification_failed")&&!j&&I!=null&&$.linkToken===_&&$.fetchStatus.fetchState==="Completed"&&fe&&z(!0)},[fe,_,$.fetchStatus.fetchState,$.linkToken,F,I,j]),p.useEffect(()=>{$.fetchStatus.fetchState==="Completed"&&$.linkToken!=null&&$.linkToken!==_&&ue($.linkToken)},[$.fetchStatus.fetchState,$.linkToken,_]),p.useEffect(()=>{j&&le()},[j,le]),p.useEffect(()=>{(F==null||F==="verification_failed"||F==="verification_expired"||we(F))&&(se(new Date().toISOString()).isAfter(A.expiration)||A.linkToken==null)&&b?.("link_account")},[]);const{isValid:He}=N.formState,Ke=async(l,u)=>{if(l!=null){if(l.includes("amount"))return;const T=Le(u,n.transferFromAccounts,n.chargeCardRepaymentDetailLocalData.idempotencyKey);L(T)}},Xe=l=>{if(f!=null)return f;const u=n.transferFromAccounts.find(T=>T.id===l);return u?.accountBalance?.available!=null&&It(n.chargeCardRepaymentDetailLocalData.amount,u?.accountBalance?.available)?ca.addMoney:""};p.useEffect(()=>{const l=N.watch((u,{name:T})=>{T!=null&&u!=null&&st(()=>Ke(T,u))});return()=>{l.unsubscribe()}});const Ze=N.watch("paymentDetails.amount"),qe=N.handleSubmit(()=>{if(He){const l=N.getValues(),u=Le(l,n.transferFromAccounts,n.chargeCardRepaymentDetailLocalData.idempotencyKey);L(u),D(!0),P&&E&&v&&B!=null&&q.trackCardsPayEarlyFormClick(k,H,B,"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},K,X,Z)}});return a.jsxs(a.Fragment,{children:[a.jsx(ga,{children:a.jsx(Me,{amount:{amount:Ze??0,currencyCode:n.chargeCardRepaymentDetailLocalData.amount.currencyCode,currencySymbol:n.chargeCardRepaymentDetailLocalData.amount.currencySymbol},integerStyles:ke.integerAmountInput.styleObject(s),decimalStyles:ke.decimalAmountInput.styleObject(s)})}),a.jsx(dt,{...N,children:a.jsx(ha,{id:Ye(Ve),onSubmit:qe,children:a.jsxs(ya,{children:[a.jsx(mt,{selectRef:J,label:{label:ce.labels.transferFrom,width:S,style:{marginLeft:w.labelMarginLeftPicker.valuePx(s),marginTop:w.labelMarginTopPicker.valuePx(s),marginRight:w.labelMarginRightPicker.valuePx(s),width:w.largeLabelWidth.value(s)}},style:{paddingTop:w.labeledFieldPaddingTop.valuePx(s),paddingBottom:w.labeledFieldPaddingBottom.valuePx(s),paddingLeft:w.labeledFieldPaddingLeft.valuePx(s),paddingRight:w.labeledFieldPaddingRight.valuePx(s),border:"none",width:"auto",display:"flex"},infoLabelStyle:{textAlign:"right",paddingRight:w.infoLabelPaddingRight.valuePx(s),marginTop:w.infoLabelMarginTop.valuePx(s),color:G.brandColorGoldDark},bottomComponent:a.jsx(Ft,{label:{label:U.enableAutoPay.replace("__autoPayThreshold__",e.toString()),style:{textAlign:s==="small"?"end":"center",color:re.colors.primary}},style:{width:"unset",marginRight:t.sp3,alignItems:s==="small"?"flex-start":"center"},checkBoxField:{name:ie(M,"enableAutoPay"),checkBoxValue:ie(M,"enableAutoPay"),defaultChecked:n.chargeCardRepaymentDetailLocalData.isAutoRepayment,style:{top:w.checkBoxTop.valuePx(s)}}}),singleSelectPickerField:{name:ie(M,sa),placeholder:ut(ce.labels.transferFrom),style:{position:"relative"},capitalizeOptions:!0,isOptionRemovable:!1,showTickIcon:!1,valueToLogo:(l,u)=>Ne(n.transferFromAccounts,l,u),valueToSubLabels:(l,u)=>pt(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||se(new Date().toISOString()).isAfter(A.expiration)?b?.("link_account"):_!==A.linkToken?ue(A.linkToken):j?le():z(!0)}},valueToAdditionalLabel:Xe}),n?.chargeCardRepaymentDetailLocalData.transferFrom==null||n?.chargeCardRepaymentDetailLocalData.transferFrom?.accType==="paymentAccount"?a.jsx(xe,{maxInsuredAmount:h,heading:a.jsxs(ma,{windowSize:s,children:[U.earn,a.jsx(pa,{children:U.percentageCashback.replace("__percentage__",ht)}),U.whenYouPayViaZeniChecking]}),buttonText:g?oe.switchButtonText:oe.signUpButtonText,isAccountsEnabled:g,pageName:U.creditCardPayment,onSignUpClick:m,onSwitchClick:()=>{J.current!=null&&J.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:oe.moveMoneyHeading,buttonText:oe.moveMoneyButtonText,isAccountsEnabled:g,pageName:U.creditCardPayment,onMoveMoneyClick:R}):a.jsx(ua,{}),a.jsx(gt,{showAdditionalInfoLabel:!1,label:{label:ce.labels.amount,width:S},formattedTextField:{type:"number",name:ie(M,Ue),defaultValue:n.chargeCardRepaymentDetailLocalData.amount.amount===0?void 0:n.chargeCardRepaymentDetailLocalData.amount.amount,placeholder:la.transferDrawer.amountPlaceholder,returnValueType:"floatValue",prefix:"$",allowNegative:!1,isNumericString:!1,registerOptions:{required:!0,validate:l=>!!l&&l>0},autoComplete:"off",decimalSeparator:".",decimalScale:2,fixedDecimalScale:!1,thousandSeparator:!0,allowLeadingZeros:!1},style:{width:"auto",paddingLeft:w.labeledFieldPaddingLeft.valuePx(s)}})]})})})]})}const ma=i(xt)`
+  color: ${e=>e.theme.colors.primary};
+  width: ${e=>e.windowSize==="small"?"80%":"100%"};
+`,pa=i(wt)`
+  color: ${e=>e.theme.colors.primary};
+`,ua=i.div`
+  display: flex;
+  flex: 1;
+  background-color: ${e=>e.theme.colors.grey3};
+  min-height: 1px;
+  max-height: 1px;
+`,Ae=e=>({paymentDetails:{[Ue]:e.chargeCardRepaymentDetailLocalData.amount.amount,withdrawFrom:{allOptions:e.transferFromAccounts.map(o=>({label:o.label,value:o.id})),selectedOption:e.chargeCardRepaymentDetailLocalData.transferFrom?.id},enableAutoPay:e.chargeCardRepaymentDetailLocalData.isAutoRepayment}}),ha=i.form`
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  margin-bottom: ${t.sp6};
+`,ga=i(Oe)`
+  color: ${e=>e.theme.colors.primary};
+  margin: ${t.sp5} ${t.sp0} ${t.sp3} ${t.sp0};
+`,ya=i.div`
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  background-color: ${e=>e.theme.colors.grey5};
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  box-shadow: ${e=>`${t.sp0} 2px ${t.sp1} ${e.theme.colors.dropShadowNormal}`};
+  border-radius: ${t.sp2};
+`,Le=(e,o,h)=>({amount:{amount:e[M].amount??0,currencyCode:"USD",currencySymbol:"$"},transferFrom:o.find(n=>n.id===e[M].withdrawFrom.selectedOption),isAutoRepayment:e[M].enableAutoPay,idempotencyKey:h}),ae={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])},fa={sectionTitle:new Y("h6Regular","h5Regular")},ve=W.getLocalizedStrings().spendManagement.zeniAccounts.zeniAccountList,V=W.getLocalizedStrings().spendManagement.chargeCard.payEarly,{dateFormat:Ie}=W.getLocalizedStrings(),Ca=({autoPayThreshold:e,paymentDetails:o,maxInsuredAmount:h,isAccountsEnabled:n,productInformation:f,controllerEmails:c,creditAccountInformation:g,creditAccountSpentAmount:L,debitAccountInformation:C,cashbackInformation:y,paymentSourceInformation:x,isCashbackInfoFetchStateCompleted:b,isCreditCardInfoFetchStateCompleted:D,isDebitCardInfoFetchStateCompleted:m,paymentInitiatedDate:R,onSaveChangesToLocalStore:P,onTransferClick:E,goToCards:v,onDismissClick:k,onEstablishConnectionClick:H,onFetchLinkTokenClick:B,plaidConnectionDetails:K,onSignUpAccountClick:X,onMoveMoneyClick:Z,onUpdatePaymentAccountStatus:s,onEstablishConnectionSuccess:re})=>{const S=me(),q=pe().analytics,[J,j]=p.useState(!1),[z,I]=p.useState(!1);p.useEffect(()=>{z&&setTimeout(()=>{I(!1),j(!0)},1e3)},[z]);const O=o.chargeCardRepaymentDetailLocalData.amount.amount===L;return a.jsx(ba,{windowSize:S,children:o.updateStatus==="Completed"?a.jsxs(Fe,{windowSize:S,isTransferCompleted:!0,children:[a.jsx(Te,{windowSize:S,children:a.jsx(Re,{"data-testid":ee("cross-credit-card-payment-success-close-button"),onClick:()=>{b&&D&&m&&y!=null&&q.trackCardsPayEarlyFormClick(c,f,y,"Cross Icon",o.chargeCardRepaymentDetailLocalData.isAutoRepayment,{paymentAmount:o.chargeCardRepaymentDetailLocalData.amount.amount,paymentAccountName:o.chargeCardRepaymentDetailLocalData.transferFrom?.label,paymentAccountType:o.chargeCardRepaymentDetailLocalData.transferFrom?.accType,paymentAccountLastFourDigits:o.chargeCardRepaymentDetailLocalData.transferFrom?.accountLast4,paymentCompleteEta:void 0,paymentInitiatedDate:void 0},x,g,C),k?.()}})}),a.jsxs(Da,{windowSize:S,children:[a.jsx(Qe,{width:150,height:150,shouldDisplay:!0,animationInLoop:1}),a.jsx(xa,{children:a.jsxs(a.Fragment,{children:[V.youvePaid,a.jsx(wa,{children:Pe("0,0.[00]",o.chargeCardRepaymentDetailLocalData.amount)}),ve.transferDrawer.internal.transferSuccessMsgMidfix,`"${o.chargeCardRepaymentDetailLocalData.transferFrom?.label}".`,O?V.theCreditLimitWillResetWithin23BusinessDays:V.theCreditLimitWillUpdateWithin23BusinessDays]})}),a.jsx(Sa,{windowSize:S,children:a.jsx(et,{variant:"primary",label:V.goToCards,"data-testid":ee("back-to-cards-button"),onClick:v})})]})]}):J?a.jsx(zt,{paymentDetails:o,setShowReviewContent:j,onTransferClick:E,isCashbackInfoFetchStateCompleted:b,isCreditCardInfoFetchStateCompleted:D,isDebitCardInfoFetchStateCompleted:m,controllerEmails:c,productInformation:f,cashbackInformation:y,paymentSourceInformation:x,creditAccountInformation:g,debitAccountInformation:C,isCompleteOutstandingBalanceBeingPaid:O}):a.jsxs(a.Fragment,{children:[a.jsxs(Fe,{windowSize:S,isTransferCompleted:!1,children:[a.jsx(Te,{windowSize:S,children:a.jsx(Re,{"data-testid":ee("cross-amount-details-close-button"),onClick:()=>{b&&D&&m&&y!=null&&q.trackCardsPayEarlyFormClick(c,f,y,"Cross Icon",o.chargeCardRepaymentDetailLocalData.isAutoRepayment,{paymentAmount:o.chargeCardRepaymentDetailLocalData.amount.amount,paymentAccountName:o.chargeCardRepaymentDetailLocalData.transferFrom?.label,paymentAccountType:o.chargeCardRepaymentDetailLocalData.transferFrom?.accType,paymentAccountLastFourDigits:o.chargeCardRepaymentDetailLocalData.transferFrom?.accountLast4,paymentCompleteEta:R?.add(3,"day").format(Ie.visual.MMMDCommaYYYYformat),paymentInitiatedDate:R?.format(Ie.visual.MMMDCommaYYYYformat)},x,g,C),k?.()}})}),S==="small"?a.jsx($a,{windowSize:S,children:V.payCreditCardBalance}):a.jsx(ka,{children:V.payCreditCardBalance}),o.fetchState==="Completed"?a.jsx(da,{autoPayThreshold:e,maxInsuredAmount:h,onSaveChangesToLocalStore:P,plaidConnectionDetails:K,paymentDetails:o,setShowReviewLoading:I,onEstablishConnectionSuccess:re,isAccountsEnabled:n,onFetchLinkTokenClick:B,onUpdatePaymentAccountStatus:s,onEstablishConnectionClick:H,onSignUpAccountClick:X,onMoveMoneyClick:Z,isCashbackInfoFetchStateCompleted:b,isCreditCardInfoFetchStateCompleted:D,isDebitCardInfoFetchStateCompleted:m,controllerEmails:c,productInformation:f,cashbackInformation:y,paymentSourceInformation:x,creditAccountInformation:g,debitAccountInformation:C}):a.jsx(tt,{size:"Standard",start:!0,style:{display:"flex",justifyContent:"center",alignItems:"center",height:"calc(100vh - 210px)"}})]}),a.jsx(je,{style:{zIndex:4,paddingTop:t.sp3,paddingBottom:t.sp3},formId:Ye(Ve),helperStyle:{paddingTop:t.sp0,paddingBottom:t.sp0},primaryBtn:{label:W.getLocalizedStrings().common.review,isLoading:z},cancelBtn:{label:ve.transferDrawer.cancelBtn,onClick:()=>{b&&D&&m&&y!=null&&q.trackCardsPayEarlyFormClick(c,f,y,"Cancel",o.chargeCardRepaymentDetailLocalData.isAutoRepayment,{paymentAmount:o.chargeCardRepaymentDetailLocalData.amount.amount,paymentAccountName:o.chargeCardRepaymentDetailLocalData.transferFrom?.label,paymentAccountType:o.chargeCardRepaymentDetailLocalData.transferFrom?.accType,paymentAccountLastFourDigits:o.chargeCardRepaymentDetailLocalData.transferFrom?.accountLast4,paymentCompleteEta:void 0,paymentInitiatedDate:void 0},x,g,C),k?.()}}})]})})},ba=i.div`
+  display: flex;
+  flex-direction: column;
+  background-color: ${e=>e.theme.colors.grey4};
+  overflow-x: hidden;
+  height: 100vh;
+  width: 100%;
+`,xa=i(at)`
+  color: ${e=>e.theme.colors.primary};
+  text-align: center;
+  white-space: pre-line;
+`,wa=i(nt)`
+  display: inline;
+`,Fe=i.div`
+  height: ${e=>e.isTransferCompleted?"100%":"auto"};
+  padding-left: ${e=>`${ae.containerPaddingLeft.valuePx(e.windowSize)}`};
+  padding-right: ${e=>`${ae.containerPaddingRight.valuePx(e.windowSize)}`};
+  margin-bottom: auto;
+`,Sa=i.div`
+  display: flex;
+  justify-content: center;
+  flex-direction: ${e=>e.windowSize==="small"?"column-reverse":"row"};
+  margin-top: ${t.sp6};
+  gap: ${e=>`${ae.buttonTrayGap.valuePx(e.windowSize)}`};
+`,Da=i.div`
+  height: 80%;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  margin: ${e=>`${t.sp0} ${ae.successContentMargin.valuePx(e.windowSize)}`};
+  align-items: center;
+`,Te=i.div`
+  display: flex;
+  flex-direction: row-reverse;
+  justify-content: space-between;
+  align-items: center;
+  width: 100%;
+  top: ${t.sp0};
+  padding: ${e=>`${ae.navBarContainerPaddingXaxis.valuePx(e.windowSize)} ${t.sp0}`};
+  z-index: 2;
+  background-color: ${e=>e.theme.colors.grey4};
+`,Re=i(ze)`
+  cursor: pointer;
+  color: ${e=>e.theme.colors.hero};
+  width: ${t.sp4};
+  height: ${t.sp4};
+  min-height: ${t.sp4};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,$a=i(Be)`
+  ${e=>`${fa.sectionTitle.style(e.windowSize)}`};
+  color: ${e=>e.theme.colors.primary};
+  margin-top: ${t.sp3};
+  margin-bottom: ${t.sp0};
+  margin-right: ${t.sp3};
+`,ka=i(rt)`
+  color: ${e=>e.theme.colors.primary};
+  margin-top: ${t.sp3};
+  margin-bottom: ${t.sp2};
+`,Oa=({autoPayThreshold:e,paymentDetails:o,isZeniAccountSetupEnabled:h,maxInsuredAmount:n,onUpdatePaymentAccountStatus:f,onSaveChangesToLocalStore:c,creditAccountSpentAmount:g,onTransferClick:L,controllerEmails:C,productInformation:y,creditAccountInformation:x,debitAccountInformation:b,cashbackInformation:D,paymentSourceInformation:m,isCashbackInfoFetchStateCompleted:R,isCreditCardInfoFetchStateCompleted:P,isDebitCardInfoFetchStateCompleted:E,goToCards:v,onDismissClick:k,onEstablishConnectionClick:H,onEstablishConnectionSuccess:B,onFetchLinkTokenClick:K,plaidConnectionDetails:X,onSignUpAccountClick:Z,onMoveMoneyClick:s})=>a.jsx(Aa,{children:a.jsx(Ca,{autoPayThreshold:e,paymentDetails:o,maxInsuredAmount:n,productInformation:y,controllerEmails:C,creditAccountInformation:x,debitAccountInformation:b,cashbackInformation:D,paymentSourceInformation:m,isCashbackInfoFetchStateCompleted:R,isCreditCardInfoFetchStateCompleted:P,isDebitCardInfoFetchStateCompleted:E,creditAccountSpentAmount:g,onSaveChangesToLocalStore:c,onTransferClick:L,goToCards:v,onDismissClick:k,plaidConnectionDetails:X,isAccountsEnabled:h,onEstablishConnectionClick:H,onFetchLinkTokenClick:K,onUpdatePaymentAccountStatus:f,onEstablishConnectionSuccess:B,onSignUpAccountClick:Z,onMoveMoneyClick:s})}),Aa=i.div`
+  display: flex;
+  flex-direction: column;
+  background-color: ${e=>e.theme.colors.grey4};
+  overflow-x: hidden;
+  height: 100%;
+  width: 100%;
+`;export{Oa as default};

package/dist/assets/{CurrencySelectField-9MMlAXHh-7T5GvQvy.js → CurrencySelectField-AjAWhg6e-BY-FVQ5N.js}

@@ -1,6 +1,6 @@
-import{cP as _,f as P,cX as M,F as N,V as l,cY as H,bF as L,o,di as z,aN as x,cr as B,bG as b,al as X,b as w,eZ as T,e_ as Y,e$ as Z,ai as q,bE as G,_ as Q,p as m}from"./index-CO_Updpp.js";import{a as S}from"./sentry-DdXOXL3j.js";import{n}from"./mui-ByF8ZmHV.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},t=new e.Error().stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="e1a0fd6f-9887-47e7-b934-89e926aea4b3",e._sentryDebugIdIdentifier="sentry-dbid-e1a0fd6f-9887-47e7-b934-89e926aea4b3")}catch{}})();const $e=({name:e,registerOptions:t,defaultValue:r,isDisabled:a,style:c,placeholder:d,isOptionRemovable:i=!0,menuItemHeight:u=40,controlStyle:p})=>{const{control:f,formState:{errors:y}}=_(),g=P(),[j,k]=S.useState(!1),C=M(y,e??""),D=N.getLocalizedStrings().common.currency,I=s=>{if(!(s==null||!s))return{value:s,label:r.allOptions.find(h=>h.value===s)?.label??s,countryCode:r.allOptions.find(h=>h.value===s)?.countryCode??D.countryCode}},V={container:s=>({...s,width:"100%",...c}),menu:s=>({...s,backgroundColor:g.colors.grey5,borderRadius:o.sp1,boxShadow:`${o.sp0} 2px ${o.sp2} ${g.colors.dropShadowHover}`,border:`1px solid ${g.colors.grey3}`,whiteSpace:"nowrap",zIndex:2,width:"100%",margin:`1px ${o.sp0} ${o.sp0} ${o.sp0}`,overflow:"hidden"}),menuList:s=>({...s,borderRadius:o.sp1}),input:()=>({color:g.colors.primary,margin:0}),singleValue:s=>({...s,margin:0,position:"absolute"})},F={hasError:C,menuItemHeight:u,controlStyle:p,isOptionRemovable:i};return l.jsx(H,{name:e,control:f,defaultValue:r,rules:t,"data-testid":x("currency-select-field",e),render:({field:{onChange:s,onBlur:h,value:E,ref:R}})=>{const v=E;return S.createElement(L,{...F,ref:R,isMulti:!1,isSearchable:!0,isClearable:i,autoFocus:j===!0,openMenuOnClick:!0,controlShouldRenderValue:!0,placeholder:d,value:I(v.selectedOption),options:r.allOptions,"data-testid":x("currency-select",e),onChange:$=>{i&&$?.value!=null&&v?.selectedOption===$.value?s({selectedOption:void 0,allOptions:r.allOptions}):s({selectedOption:$?.value,allOptions:r.allOptions})},onMenuClose:()=>k(!1),key:z(),tabSelectsValue:!1,openMenuOnFocus:!0,classNamePrefix:"currency-select-field",onBlur:h,menuPlacement:"auto",maxMenuHeight:240,menuShouldScrollIntoView:!1,closeMenuOnSelect:!0,components:{Control:U,Option:W,Input:K,SingleValue:ee,ValueContainer:J,DropdownIndicator:he,IndicatorSeparator:me,Placeholder:oe,ClearIndicator:be,MenuList:A},hideSelectedOptions:!1,styles:V,isDisabled:a!=null})}})},U=e=>{const{menuIsOpen:t,isFocused:r,isDisabled:a,selectProps:c}=e,{value:d,hasError:i,controlStyle:u}=c;return l.jsx(re,{controlStyle:u,menuIsOpen:t,isFocused:r,isDisabled:a,selectedValue:d,hasError:i,children:l.jsx(b.Control,{...e,className:"select-control",children:e.children})})},W=e=>{const{data:t,isSelected:r,isDisabled:a,isFocused:c,selectProps:d}=e,{isOptionRemovable:i}=d,u=t.countryCode,p=typeof t.label=="string"?t.label:t.value;return l.jsx(te,{isOptionRemovable:i,className:"select-option-wrapper",isFocused:c,isSelected:r,isDisabled:a,"data-testid":x("currency-select-field-option",p),children:l.jsx(b.Option,{...e,className:"select-option",children:l.jsxs(se,{children:[l.jsx(le,{countryCode:u}),l.jsx(ae,{isSelected:r,children:l.jsx(ne,{isSelected:r,isDisabled:a,children:t.label})}),r?l.jsxs(de,{children:[l.jsx(ue,{className:"right-tick-icon"}),l.jsx(pe,{className:"close-tick-icon"})]}):null]})})})},A=e=>{const{options:t,children:r,maxHeight:a,getValue:c,selectProps:d}=e,{menuItemHeight:i}=d,[u]=c(),p=t.indexOf(u)*i;return l.jsx(B,{height:r.length>7?a:r.length*i,width:"100%",itemCount:r.length,itemSize:()=>i,initialScrollOffset:p,children:({index:f,style:y})=>l.jsx(ce,{style:y,children:r[f]})})},J=e=>l.jsx(b.ValueContainer,{...e,className:"select-value-container",children:e.children}),K=e=>{const{selectProps:t}=e,{placeholder:r,value:a}=t;return l.jsx(O,{children:l.jsx(b.Input,{...e,autoComplete:"new-password",placeholder:a==null?r:void 0,children:e.children})})},ee=e=>{const{data:t}=e;return l.jsx(b.SingleValue,{...e,children:l.jsx(O,{children:t.label})})},O=n(X)`
+import{cO as M,d as _,cW as L,F as P,V as l,cX as N,bE as H,o,dh as z,aM as x,cq as X,bF as b,ak as q,b as w,eY as B,eZ as T,e_ as W,ag as Y,bD as Z,L as Q,p as m}from"./index-BqVFY7NZ.js";import{a as S}from"./sentry-DfYwagp9.js";import{n}from"./mui-BdKs9UwT.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},t=new e.Error().stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="a8a76ab1-2ede-4e4c-9d85-ecaba09451bd",e._sentryDebugIdIdentifier="sentry-dbid-a8a76ab1-2ede-4e4c-9d85-ecaba09451bd")}catch{}})();const $e=({name:e,registerOptions:t,defaultValue:r,isDisabled:a,style:c,placeholder:d,isOptionRemovable:i=!0,menuItemHeight:u=40,controlStyle:p})=>{const{control:f,formState:{errors:y}}=M(),g=_(),[j,k]=S.useState(!1),C=L(y,e??""),D=P.getLocalizedStrings().common.currency,I=s=>{if(!(s==null||!s))return{value:s,label:r.allOptions.find(h=>h.value===s)?.label??s,countryCode:r.allOptions.find(h=>h.value===s)?.countryCode??D.countryCode}},V={container:s=>({...s,width:"100%",...c}),menu:s=>({...s,backgroundColor:g.colors.grey5,borderRadius:o.sp1,boxShadow:`${o.sp0} 2px ${o.sp2} ${g.colors.dropShadowHover}`,border:`1px solid ${g.colors.grey3}`,whiteSpace:"nowrap",zIndex:2,width:"100%",margin:`1px ${o.sp0} ${o.sp0} ${o.sp0}`,overflow:"hidden"}),menuList:s=>({...s,borderRadius:o.sp1}),input:()=>({color:g.colors.primary,margin:0}),singleValue:s=>({...s,margin:0,position:"absolute"})},F={hasError:C,menuItemHeight:u,controlStyle:p,isOptionRemovable:i};return l.jsx(N,{name:e,control:f,defaultValue:r,rules:t,"data-testid":x("currency-select-field",e),render:({field:{onChange:s,onBlur:h,value:R,ref:E}})=>{const v=R;return S.createElement(H,{...F,ref:E,isMulti:!1,isSearchable:!0,isClearable:i,autoFocus:j===!0,openMenuOnClick:!0,controlShouldRenderValue:!0,placeholder:d,value:I(v.selectedOption),options:r.allOptions,"data-testid":x("currency-select",e),onChange:$=>{i&&$?.value!=null&&v?.selectedOption===$.value?s({selectedOption:void 0,allOptions:r.allOptions}):s({selectedOption:$?.value,allOptions:r.allOptions})},onMenuClose:()=>k(!1),key:z(),tabSelectsValue:!1,openMenuOnFocus:!0,classNamePrefix:"currency-select-field",onBlur:h,menuPlacement:"auto",maxMenuHeight:240,menuShouldScrollIntoView:!1,closeMenuOnSelect:!0,components:{Control:U,Option:A,Input:K,SingleValue:ee,ValueContainer:J,DropdownIndicator:he,IndicatorSeparator:me,Placeholder:oe,ClearIndicator:be,MenuList:G},hideSelectedOptions:!1,styles:V,isDisabled:a!=null})}})},U=e=>{const{menuIsOpen:t,isFocused:r,isDisabled:a,selectProps:c}=e,{value:d,hasError:i,controlStyle:u}=c;return l.jsx(re,{controlStyle:u,menuIsOpen:t,isFocused:r,isDisabled:a,selectedValue:d,hasError:i,children:l.jsx(b.Control,{...e,className:"select-control",children:e.children})})},A=e=>{const{data:t,isSelected:r,isDisabled:a,isFocused:c,selectProps:d}=e,{isOptionRemovable:i}=d,u=t.countryCode,p=typeof t.label=="string"?t.label:t.value;return l.jsx(te,{isOptionRemovable:i,className:"select-option-wrapper",isFocused:c,isSelected:r,isDisabled:a,"data-testid":x("currency-select-field-option",p),children:l.jsx(b.Option,{...e,className:"select-option",children:l.jsxs(se,{children:[l.jsx(le,{countryCode:u}),l.jsx(ae,{isSelected:r,children:l.jsx(ne,{isSelected:r,isDisabled:a,children:t.label})}),r?l.jsxs(de,{children:[l.jsx(ue,{className:"right-tick-icon"}),l.jsx(pe,{className:"close-tick-icon"})]}):null]})})})},G=e=>{const{options:t,children:r,maxHeight:a,getValue:c,selectProps:d}=e,{menuItemHeight:i}=d,[u]=c(),p=t.indexOf(u)*i;return l.jsx(X,{height:r.length>7?a:r.length*i,width:"100%",itemCount:r.length,itemSize:()=>i,initialScrollOffset:p,children:({index:f,style:y})=>l.jsx(ce,{style:y,children:r[f]})})},J=e=>l.jsx(b.ValueContainer,{...e,className:"select-value-container",children:e.children}),K=e=>{const{selectProps:t}=e,{placeholder:r,value:a}=t;return l.jsx(O,{children:l.jsx(b.Input,{...e,autoComplete:"new-password",placeholder:a==null?r:void 0,children:e.children})})},ee=e=>{const{data:t}=e;return l.jsx(b.SingleValue,{...e,children:l.jsx(O,{children:t.label})})},O=n(q)`
   color: ${e=>e.theme.colors.primary};
-`,oe=()=>null,le=({countryCode:e})=>{if(e!=null&&T(e)===!1)return l.jsx(l.Fragment,{});{const t=Y[`${Z(e??"")}`];return l.jsx(ie,{children:l.jsx(t,{width:o.sp4,height:o.sp3})})}},re=n.span`
+`,oe=()=>null,le=({countryCode:e})=>{if(e!=null&&B(e)===!1)return l.jsx(l.Fragment,{});{const t=T[`${W(e??"")}`];return l.jsx(ie,{children:l.jsx(t,{width:o.sp4,height:o.sp3})})}},re=n.span`
   width: 100%;
   background-color: ${e=>e.hasError?m.importantLight:e.menuIsOpen?e.theme.colors.background:e.controlStyle?.backgroundColor!=null?e.controlStyle?.backgroundColor:e.theme.colors.grey5};
   border-radius: ${o.sp1};
@@ -105,7 +105,7 @@ import{cP as _,f as P,cX as M,F as N,V as l,cY as H,bF as L,o,di as z,aN as x,cr
   justify-content: space-between;
   fill: initial;
   color: initial;
-`,ne=n(q)`
+`,ne=n(Y)`
   padding-right: 10px;
   cursor: ${e=>e.isDisabled?"not-allowed":"pointer"};
   ${e=>e.isSelected&&"cursor: default"};
@@ -126,7 +126,7 @@ import{cP as _,f as P,cX as M,F as N,V as l,cY as H,bF as L,o,di as z,aN as x,cr
   }
 `,de=n.div`
   display: flex;
-`,ue=n(G)`
+`,ue=n(Z)`
   width: 12px;
   height: 12px;
   margin-right: 2px;

package/dist/assets/CustomerOnboardingActivationPage-BJhw-PvI-BRcGbX9s.js

@@ -0,0 +1,88 @@
+import{q as f,V as t,F as c,aN as l,aM as p,m as g,o as i,ae as h,D as x,l as m}from"./index-BqVFY7NZ.js";import{a as u}from"./sentry-DfYwagp9.js";import{n as o}from"./mui-BdKs9UwT.js";import"./liveblocks-DBgNWxtT.js";import"./core-DbjebHB2.js";import"./recharts-CU0wfbyQ.js";import"./zeni-epic-state-DcbIZGFH.js";import"./lottie-DbNQVAcx.js";import"./analytics-DHoFVrJa.js";import"./lexical-B-aBuW2Y.js";import"./utils-DTmuLq6q.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},r=new e.Error().stack;r&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[r]="0c085890-e369-4a25-9077-67dc31ccda54",e._sentryDebugIdIdentifier="sentry-dbid-0c085890-e369-4a25-9077-67dc31ccda54")}catch{}})();const b=o.div`
+  display: flex;
+  width: 100%;
+  flex-direction: column;
+`,$=o.div`
+  display: flex;
+  flex: 1 1 auto;
+  flex-direction: column;
+  padding: ${i.sp0} 20px;
+  width: 240px;
+  box-sizing: border-box;
+  position: fixed;
+  justify-content: space-between;
+  height: 100%;
+  z-index: 4;
+  background: ${e=>e.theme.colors.background};
+`,y=o(h)`
+  margin: 20px 12px ${i.sp0} ${i.sp0};
+  height: ${i.sp4};
+  width: 102px;
+  color: ${e=>e.theme.colors.primary};
+  cursor: pointer;
+`,j=o.div`
+  display: flex;
+  flex: 1 1 auto;
+  flex-direction: column;
+  padding-right: 240px;
+  width: calc(100% - 240px);
+  box-sizing: border-box;
+  position: fixed;
+  align-items: center;
+  justify-content: center;
+  height: 100%;
+  left: 240px;
+  background: ${e=>e.theme.colors.background};
+`,w=o(x)`
+  color: ${e=>e.theme.colors.primary};
+  margin-bottom: ${i.sp1};
+  padding: ${i.sp0} ${i.sp3};
+  text-align: center;
+`,v=o(m)`
+  color: ${e=>e.theme.colors.hero};
+  padding: ${i.sp0} ${i.sp3};
+  text-align: center;
+`,k=o.div`
+  margin-top: ${i.sp3};
+`,z=({dashboardFetchState:e,onZeniLogoClick:r,onDashboardFetchDone:n})=>{const{title:a,subTitle:d}=c.getLocalizedStrings().customerOnboardingPage.thankYou,s=l(e);return u.useEffect(()=>{s==="In-Progress"&&e!=="In-Progress"&&n()},[e,s,n]),t.jsxs(b,{children:[t.jsx($,{children:t.jsx(y,{"data-testid":p("zeni-logo-customer-onboarding-activation-page"),onClick:r})}),t.jsxs(j,{children:[t.jsx(w,{children:a}),t.jsx(v,{children:d}),t.jsx(k,{children:t.jsx(g,{size:"Large",start:!0})})]})]})},D=o.div`
+  display: flex;
+  flex-direction: column;
+  height: 100vh;
+  position: relative;
+`,I=o.div`
+  width: 100%;
+  position: absolute;
+`,L=o.div`
+  position: relative;
+  display: flex;
+  -webkit-box-align: center;
+  align-items: center;
+  justify-content: center;
+  padding: ${i.sp0} ${i.sp3};
+  min-height: ${i.sp8};
+`,P=o(h)`
+  height: ${i.sp4};
+  width: 102px;
+  color: ${e=>e.theme.colors.primary};
+  cursor: pointer;
+`,S=o.div`
+  display: flex;
+  flex: 1 1 auto;
+  flex-direction: column;
+  box-sizing: border-box;
+  align-items: center;
+  justify-content: center;
+  background: ${e=>e.theme.colors.background};
+  padding: ${i.sp0} ${i.sp3};
+`,C=o(x)`
+  color: ${e=>e.theme.colors.primary};
+  margin-bottom: ${i.sp1};
+  text-align: center;
+  width: 100%;
+`,F=o(m)`
+  color: ${e=>e.theme.colors.hero};
+  text-align: center;
+  width: 100%;
+`,T=o.div`
+  margin-top: ${i.sp3};
+`,E=({dashboardFetchState:e,onZeniLogoClick:r,onDashboardFetchDone:n})=>{const{title:a,subTitle:d}=c.getLocalizedStrings().customerOnboardingPage.thankYou,s=l(e);return u.useEffect(()=>{s==="In-Progress"&&e!=="In-Progress"&&n()},[e,s,n]),t.jsxs(D,{children:[t.jsx(I,{children:t.jsx(L,{children:t.jsx(P,{"data-testid":p("zeni-logo-customer-onboarding-activation-page"),onClick:r})})}),t.jsxs(S,{children:[t.jsx(C,{children:a}),t.jsx(F,{children:d}),t.jsx(T,{children:t.jsx(g,{size:"Large",start:!0})})]})]})},H=e=>f()==="small"?t.jsx(E,{...e}):t.jsx(z,{...e});export{H as default};

package/dist/assets/CustomerOnboardingContainerPage-C9radmIS-ByC2CvtB.js

@@ -0,0 +1 @@
+import{V as o}from"./index-BqVFY7NZ.js";import e from"./CustomerOnboardingNoStepsPage-CNni6chX-pyXbZEvq.js";import i from"./CustomerOnboardingPage-CvN9Jrdy-CzriWSkS.js";import"./sentry-DfYwagp9.js";import"./liveblocks-DBgNWxtT.js";import"./core-DbjebHB2.js";import"./recharts-CU0wfbyQ.js";import"./zeni-epic-state-DcbIZGFH.js";import"./mui-BdKs9UwT.js";import"./lottie-DbNQVAcx.js";import"./analytics-DHoFVrJa.js";import"./lexical-B-aBuW2Y.js";import"./utils-DTmuLq6q.js";import"./PaymentAccountSetupBillingAddressSection-s9EEHxoG-ByN70cgf.js";import"./SetUpAccountSection-Dhb8A0Oe-DTgzquEa.js";import"./CustomerOnboardingDetailPageSkeleton-B0WzN1Sx-DKx0xsM-.js";import"./CompanyOfficerDetailsSection-BtUBatbQ-Con3Jm3w.js";import"./LabeledAddressValueField-Bt41wdNQ-C-99cOeY.js";import"./LabeledCreatableSingleSelectField-fycRE7PX-Hf4cCYiq.js";import"./LabeledDocumentField-C73vQNgq-BAncal8r.js";import"./QBOSetupSection-DcLYyQ5m-BZmieU8G.js";import"./QBOConnectionDialog-BFy0lMZd-DQ6dF1fn.js";(function(){try{var t=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},r=new t.Error().stack;r&&(t._sentryDebugIds=t._sentryDebugIds||{},t._sentryDebugIds[r]="04f663ab-18f4-4a61-9a32-e4caa082eea9",t._sentryDebugIdIdentifier="sentry-dbid-04f663ab-18f4-4a61-9a32-e4caa082eea9")}catch{}})();const k=t=>t.currentTenant?.productSettings.isOtherProductsEnabled===!0?o.jsx(e,{...t}):o.jsx(i,{...t});export{k as default};