@zeniai/web-cockpit-ui 1.15.35-qa → 1.15.36-dev

package/dist/assets/{ChargeCardListPage-CFB5EHCZ-Q_LF4khU.js → ChargeCardListPage-OM6V0_w4-DmRwOrEA.js}

@@ -1,4 +1,4 @@
-import{a8 as Za,aR as z,ax as er,fY as tr,iR as W,J as Pe,o as a,y as ta,V as t,bD as ar,ga as rr,fl as ie,w as D,bU as nt,p,aP as me,ab as V,aZ as st,F as Fe,x as H,aj as Y,H as ir,a as or,c$ as nr,at as aa,bL as sr,b0 as ct,aU as dr,an as lt,a9 as cr,gW as lr,ex as ur,ap as hr,ad as mr,gg as pr,i as Nt,u as _,d9 as ra,ar as Cr,am as gr,R as br,c_ as fr,bw as xr,bW as yr}from"./index-BPv2nRQb.js";import{a as l}from"./sentry-DBSEoG3b.js";import{n as r,c as ut,k as Sr}from"./mui-DdxImnN0.js";import{ER as wr,Ge as kr,bh as zt,bL as $r,bP as Ir}from"./zeni-epic-state-1oOVJQJ4.js";import{t as vr}from"./SpendManagementSection-B01H6LCd-dV21F-9A.js";import{D as oe,r as jr,i as Ar}from"./ChargeCardListTable-DM_h-dzr-JfLZMhMV.js";import{ChargeCardPromoUserContent as Lr}from"./ChargeCardPromoPage-BWwBfycu-Dr4jE1df.js";import{N as Er,J as Pr}from"./PromoBaseCards-6Uh8eokP-CcA7wxXm.js";import{z as Ot,N as _t,k as Fr,P as Tr}from"./LockCardPage-DE5Zw1p--DDhMx2Zw.js";import{r as Rr,i as Dr}from"./graphic-no-data-net-burn-l-CzmycA0m-DYb8EeBA.js";import{t as Mr,o as Br}from"./arrow-south-east-round-PEovUgvH-CIyEcJYf.js";import"./liveblocks-Dv7Vdu8a.js";import"./core-HDqpewC7.js";import"./recharts-Djp9a38d.js";import"./lottie-V1lTNkDB.js";import"./analytics-DvsRx7_o.js";import"./lexical-CWcQ8pGO.js";import"./utils-rIQAYtge.js";import"./RoleWithToolTip-D6q4Wd6X-Ba41qnE5.js";import"./CardNumberSubText-BEVRq2PI-DDGQHtM7.js";import"./NavigationDots-OShASt5i-BCPaSs2y.js";import"./usp-line-BBd1wKwW-CpqqX4MO.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},c=new e.Error().stack;c&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[c]="794a8c8b-1750-4177-9121-0c0abc30515e",e._sentryDebugIdIdentifier="sentry-dbid-794a8c8b-1750-4177-9121-0c0abc30515e")}catch{}})();const ht={infoSubheadingTextMarginTop:new H(_[0],_[0]),cardsMinWidth:new H(343,353)},Ee=Fe.getLocalizedStrings().spendManagement.chargeCard.chargeCardsPromo.listPage,Ut=({cardPromoType:e,cardText:c,header:u,title:d,subTitle:n,slidingTextList:m,onClick:F,status:$,statusMessage:U})=>{const B=Pe(),L=$!==void 0,G=$==="rejected"?Ee.status.requestRejected:$==="under_review"?Ee.status.requestUnderReview:"";return t.jsxs(zr,{windowSize:B,cardPromoType:e,"data-testid":V("list-page-promo-card",e),onClick:()=>F(e),children:[t.jsxs(ia,{isStatusMode:L,children:[t.jsxs(na,{children:[L?t.jsx(Ur,{children:G}):t.jsx(oa,{children:u}),t.jsx(Wr,{children:d}),L?null:t.jsx(Jr,{children:n})]}),!L&&t.jsxs(Yr,{children:[t.jsx(qr,{}),m.length>0&&t.jsx(dt,{slideUpCount:m.length,children:m.map((ne,se)=>t.jsx(sa,{children:ne},`card-promo-${se.toString()}`))}),t.jsx(Kr,{})]}),U!=null&&L?t.jsx(Vr,{status:$,children:U}):null]}),t.jsx(Qr,{isStatusMode:L,children:t.jsx(Er,{cardPromoType:e,cardText:c,shouldAnimate:!1,forDashboard:!1,showChip:!1,forListPage:!0})}),t.jsx(Xr,{isStatusMode:L,children:t.jsx(Pr,{cardPromoType:e,cardText:c,shouldAnimate:!1,forDashboard:!1,showChip:!1,forListPage:!0})})]})},Vt=({cardType:e,header:c,title:u,creditLimit:d,onCreateNowClick:n})=>{const m=Pe();return t.jsx(Or,{windowSize:m,cardType:e,children:t.jsxs(_r,{children:[t.jsxs(na,{children:[t.jsx(oa,{children:c}),t.jsx(Gr,{children:t.jsx(Hr,{children:u})}),t.jsx(Zr,{windowSize:m,children:t.jsxs(ei,{windowSize:m,onClick:()=>n(e),"data-testid":V("total-cashback-info"),children:[t.jsx(sa,{children:Ee.createNow}),t.jsx(ti,{})]})})]}),e==="creditCard"?t.jsxs(ai,{children:[t.jsx(ri,{children:Ee.creditLimit}),t.jsx(ii,{children:d})]}):null]})})},Nr=e=>{const c=e-1;let u=`
+import{a8 as Za,aR as z,ax as er,fY as tr,iR as W,J as Pe,o as a,y as ta,V as t,bD as ar,ga as rr,fl as ie,w as M,bU as nt,p,aP as me,ab as V,aZ as st,F as Fe,x as H,aj as Y,H as ir,a as or,c$ as nr,at as aa,bL as sr,b0 as ct,aU as dr,an as lt,a9 as cr,gW as lr,ex as ur,ap as hr,ad as mr,gg as pr,i as Nt,u as _,d9 as ra,ar as Cr,am as gr,R as br,c_ as fr,bw as xr,bW as yr}from"./index-D-BANbLd.js";import{a as l}from"./sentry-OhwUF_66.js";import{n as r,c as ut,k as Sr}from"./mui-AW-QpJ2k.js";import{Fw as wr,GV as kr,bh as zt,bL as $r,bP as Ir}from"./zeni-epic-state-DR0XRPUQ.js";import{t as vr}from"./SpendManagementSection-C0tVpDka-7XRgMTMj.js";import{D as oe,r as jr,i as Ar}from"./ChargeCardListTable-BLQucs67-dVRRo8zw.js";import{ChargeCardPromoUserContent as Lr}from"./ChargeCardPromoPage-87W_Pmcc-CL32Gm8l.js";import{N as Er,J as Pr}from"./PromoBaseCards-C_MPWCdo-BQaVgUEA.js";import{z as Ot,N as _t,k as Fr,P as Tr}from"./LockCardPage-CPcRTCZE-D_H0owTv.js";import{r as Dr,i as Mr}from"./graphic-no-data-net-burn-l-CzmycA0m-CSiSDw7r.js";import{t as Rr,o as Br}from"./arrow-south-east-round-PEovUgvH-BzdHTtYI.js";import"./liveblocks-Db4nLOvA.js";import"./core-IgaX3lD-.js";import"./recharts-DPPWeTqd.js";import"./lottie-D0yKu2h3.js";import"./analytics-6ukc1Do4.js";import"./lexical-BOeaRQ5K.js";import"./utils-Cv-cXrhn.js";import"./RoleWithToolTip-XCmNsd2N-DcGnYG_x.js";import"./CardNumberSubText-B5F6n20g-B4j-P-Yo.js";import"./NavigationDots-CjCXOKoW-CbK19jrp.js";import"./usp-line-BBd1wKwW-F_fmAFtY.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},c=new e.Error().stack;c&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[c]="17161fb6-c32d-4e45-91c1-2818ec4f425e",e._sentryDebugIdIdentifier="sentry-dbid-17161fb6-c32d-4e45-91c1-2818ec4f425e")}catch{}})();const ht={infoSubheadingTextMarginTop:new H(_[0],_[0]),cardsMinWidth:new H(343,353)},Ee=Fe.getLocalizedStrings().spendManagement.chargeCard.chargeCardsPromo.listPage,Ut=({cardPromoType:e,cardText:c,header:u,title:d,subTitle:n,slidingTextList:m,onClick:F,status:$,statusMessage:U})=>{const B=Pe(),L=$!==void 0,G=$==="rejected"?Ee.status.requestRejected:$==="under_review"?Ee.status.requestUnderReview:"";return t.jsxs(zr,{windowSize:B,cardPromoType:e,"data-testid":V("list-page-promo-card",e),onClick:()=>F(e),children:[t.jsxs(ia,{isStatusMode:L,children:[t.jsxs(na,{children:[L?t.jsx(Ur,{children:G}):t.jsx(oa,{children:u}),t.jsx(Wr,{children:d}),L?null:t.jsx(Jr,{children:n})]}),!L&&t.jsxs(Yr,{children:[t.jsx(qr,{}),m.length>0&&t.jsx(dt,{slideUpCount:m.length,children:m.map((ne,se)=>t.jsx(sa,{children:ne},`card-promo-${se.toString()}`))}),t.jsx(Kr,{})]}),U!=null&&L?t.jsx(Vr,{status:$,children:U}):null]}),t.jsx(Qr,{isStatusMode:L,children:t.jsx(Er,{cardPromoType:e,cardText:c,shouldAnimate:!1,forDashboard:!1,showChip:!1,forListPage:!0})}),t.jsx(Xr,{isStatusMode:L,children:t.jsx(Pr,{cardPromoType:e,cardText:c,shouldAnimate:!1,forDashboard:!1,showChip:!1,forListPage:!0})})]})},Vt=({cardType:e,header:c,title:u,creditLimit:d,onCreateNowClick:n})=>{const m=Pe();return t.jsx(Or,{windowSize:m,cardType:e,children:t.jsxs(_r,{children:[t.jsxs(na,{children:[t.jsx(oa,{children:c}),t.jsx(Gr,{children:t.jsx(Hr,{children:u})}),t.jsx(Zr,{windowSize:m,children:t.jsxs(ei,{windowSize:m,onClick:()=>n(e),"data-testid":V("total-cashback-info"),children:[t.jsx(sa,{children:Ee.createNow}),t.jsx(ti,{})]})})]}),e==="creditCard"?t.jsxs(ai,{children:[t.jsx(ri,{children:Ee.creditLimit}),t.jsx(ii,{children:d})]}):null]})})},Nr=e=>{const c=e-1;let u=`
     0% {
       transform: translateY(0);
     }
@@ -155,7 +155,7 @@ import{a8 as Za,aR as z,ax as er,fY as tr,iR as W,J as Pe,o as a,y as ta,V as t,
   color: ${p.neutralGrey5Light};
 `,ii=r(gr)`
   color: ${p.neutralGrey5Light};
-`,he="spendLimit",J=Fe.getLocalizedStrings().spendManagement.chargeCard.updateSpendLimitPopup;function oi({currentSpentAmount:e,hasCreditCard:c,hasDebitCard:u,maxLimitAmountForCreditCard:d,maxLimitAmountForDebitCard:n,isDisabled:m,updateLimitFetchState:F,onCancelClick:$,onSubmitClick:U}){const B=Pe(),L="SpendLimitForm",G=cr({mode:"onBlur",reValidateMode:"onBlur",defaultValues:{[he]:void 0}}),{control:ne,formState:{errors:se}}=G,[Te,Re]=l.useState(void 0),y=lr({control:ne,name:he}),De=()=>{$()},Me=G.handleSubmit(()=>{const w=G.getValues(he);w!=null&&U(w)}),S=ur(se,he),I=Fe.getLocalizedStrings().common,E=Le.largeLabelWidth.value(B);return l.useEffect(()=>{Re(ni(e,c,u,d,n,y))},[y,e,d,n,c,u]),t.jsx(si,{windowSize:B,role:"presentation",children:t.jsx(hr,{onClickAway:()=>$(),children:t.jsxs(di,{windowSize:B,children:[t.jsx(mr,{...G,children:t.jsxs(pi,{id:L,onSubmit:w=>{w.preventDefault(),Me()},children:[t.jsx(ci,{windowSize:B,children:J.heading}),t.jsx(mi,{hasError:S,children:t.jsx(pr,{label:{label:J.newLimit,width:E},showAdditionalInfoLabel:S,additionalInfoLabel:Te,formattedTextField:{type:"number",name:he,defaultValue:void 0,placeholder:J.placeholder,returnValueType:"floatValue",prefix:"$",allowNegative:!0,isNumericString:!1,registerOptions:{required:!0,validate:w=>{if(!w||w<=0||w<=e.amount)return!1;if(u&&c&&n!=null&&d!=null){const q=Math.min(n.amount,d.amount);if(w>q)return!1}else if(u&&n!=null&&w>n.amount||c&&d!=null&&w>d.amount)return!1;return!0}},autoComplete:"off",decimalSeparator:".",decimalScale:2,fixedDecimalScale:!1,thousandSeparator:!0},style:{width:"auto"},showOutlineOnFocus:!1})})]})}),t.jsx(hi,{children:t.jsxs(li,{children:[t.jsx(Nt,{label:I.cancel,onClick:De,style:{width:84}}),t.jsx(ui,{}),t.jsx(Nt,{variant:"primary",label:I.texts.update,style:{width:84,whiteSpace:"nowrap"},loading:F==="In-Progress",type:"submit",form:L,disabled:m})]})})]})})})}const ni=(e,c,u,d,n,m)=>{if(m!=null){if(m<=e.amount)return J.amountBelowErrorBulk;if(u&&c&&n!=null&&d!=null){const F=Math.min(n.amount,d.amount);if(m>F){const $=n.amount<d.amount?"debit":"credit",U=n.amount<d.amount?n:d;return J.maxLimitForCardTypeError.replace("_card_type_",$).replace("_amount_",me("0,0.[00]",U))}}else{if(u&&n!=null&&m>n.amount)return J.maxLimitForCardTypeError.replace("_card_type_","debit").replace("_amount_",me("0,0.[00]",n));if(c&&d!=null&&m>d.amount)return J.maxLimitForCardTypeError.replace("_card_type_","credit").replace("_amount_",me("0,0.[00]",d))}}},Le={width:new H(343,500,500),largeLabelWidth:new H(108,108,108),popupLeftRightPadding:new H(_[5],_[6]),popupTopBottomPadding:new H(_[5],_[5])},si=r.div`
+`,he="spendLimit",J=Fe.getLocalizedStrings().spendManagement.chargeCard.updateSpendLimitPopup;function oi({currentSpentAmount:e,hasCreditCard:c,hasDebitCard:u,maxLimitAmountForCreditCard:d,maxLimitAmountForDebitCard:n,isDisabled:m,updateLimitFetchState:F,onCancelClick:$,onSubmitClick:U}){const B=Pe(),L="SpendLimitForm",G=cr({mode:"onBlur",reValidateMode:"onBlur",defaultValues:{[he]:void 0}}),{control:ne,formState:{errors:se}}=G,[Te,De]=l.useState(void 0),y=lr({control:ne,name:he}),Me=()=>{$()},Re=G.handleSubmit(()=>{const w=G.getValues(he);w!=null&&U(w)}),S=ur(se,he),I=Fe.getLocalizedStrings().common,E=Le.largeLabelWidth.value(B);return l.useEffect(()=>{De(ni(e,c,u,d,n,y))},[y,e,d,n,c,u]),t.jsx(si,{windowSize:B,role:"presentation",children:t.jsx(hr,{onClickAway:()=>$(),children:t.jsxs(di,{windowSize:B,children:[t.jsx(mr,{...G,children:t.jsxs(pi,{id:L,onSubmit:w=>{w.preventDefault(),Re()},children:[t.jsx(ci,{windowSize:B,children:J.heading}),t.jsx(mi,{hasError:S,children:t.jsx(pr,{label:{label:J.newLimit,width:E},showAdditionalInfoLabel:S,additionalInfoLabel:Te,formattedTextField:{type:"number",name:he,defaultValue:void 0,placeholder:J.placeholder,returnValueType:"floatValue",prefix:"$",allowNegative:!0,isNumericString:!1,registerOptions:{required:!0,validate:w=>{if(!w||w<=0||w<=e.amount)return!1;if(u&&c&&n!=null&&d!=null){const q=Math.min(n.amount,d.amount);if(w>q)return!1}else if(u&&n!=null&&w>n.amount||c&&d!=null&&w>d.amount)return!1;return!0}},autoComplete:"off",decimalSeparator:".",decimalScale:2,fixedDecimalScale:!1,thousandSeparator:!0},style:{width:"auto"},showOutlineOnFocus:!1})})]})}),t.jsx(hi,{children:t.jsxs(li,{children:[t.jsx(Nt,{label:I.cancel,onClick:Me,style:{width:84}}),t.jsx(ui,{}),t.jsx(Nt,{variant:"primary",label:I.texts.update,style:{width:84,whiteSpace:"nowrap"},loading:F==="In-Progress",type:"submit",form:L,disabled:m})]})})]})})})}const ni=(e,c,u,d,n,m)=>{if(m!=null){if(m<=e.amount)return J.amountBelowErrorBulk;if(u&&c&&n!=null&&d!=null){const F=Math.min(n.amount,d.amount);if(m>F){const $=n.amount<d.amount?"debit":"credit",U=n.amount<d.amount?n:d;return J.maxLimitForCardTypeError.replace("_card_type_",$).replace("_amount_",me("0,0.[00]",U))}}else{if(u&&n!=null&&m>n.amount)return J.maxLimitForCardTypeError.replace("_card_type_","debit").replace("_amount_",me("0,0.[00]",n));if(c&&d!=null&&m>d.amount)return J.maxLimitForCardTypeError.replace("_card_type_","credit").replace("_amount_",me("0,0.[00]",d))}}},Le={width:new H(343,500,500),largeLabelWidth:new H(108,108,108),popupLeftRightPadding:new H(_[5],_[6]),popupTopBottomPadding:new H(_[5],_[5])},si=r.div`
   position: fixed;
   top: ${a.sp0};
   left: ${a.sp0};
@@ -206,7 +206,7 @@ import{a8 as Za,aR as z,ax as er,fY as tr,iR as W,J as Pe,o as a,y as ta,V as t,
   }
 `,pi=r.form`
   display: contents;
-`,pe={contentContainerMargin:new H(_[3],_[4],_[8]),infoSubheadingTextMarginTop:new H(_[0],_[0]),cardsMinWidth:new H(343,353)},Ci={remainingText:new ir("largeRegular","largeRegular")},{spendManagement:{chargeCard:{payEarly:x,cardList:O,chargeCardsPromo:b}},common:M,dateFormat:je}=Fe.getLocalizedStrings(),po=({chargeCardListView:e,searchText:c,admins:u,companyLegalName:d,onFetchChargeCardsRecurringExpenses:n,onFetchDepositAccountLimit:m,onCloseChargeCard:F,onCloseChargeCardList:$,onLockChargeCard:U,onLockChargeCardList:B,onUnlockChargeCardList:L,updateChargeCardListSpendLimit:G,onUpdateSpendLimit:ne,isCardControlsEnabled:se,isCashbackFeatureEnabled:Te,creditCardPayNowThreshold:Re,isChargeCardFeatureEnabled:y,isCompanyInterestedInChargeCard:De,isCreditCardProductVisibleForExpressInterest:Me,isDebitCardFeatureEnabled:S,isDebitCardSetupEnabled:I,isChargeCardSetupEnabled:E,companyChargeCardInfoCreditAccountLimit:w,controllerEmails:q,onRevokeChargeCardList:mt,depositAccountListWithDebitCardIssued:N,chargeCardCashbackDetailState:v,uiState:la,signedInUser:Be,creditLimit:Ce,cashbackRate:Ne,onSearchTextChanged:ua,navigateToCreditCardPaymentHistoryPage:ha,onClickSetupIcon:ma,isChargeCardPaymentHistoryFeatureEnabled:pa,isEarlyPayEnabled:de,onClickStatementsIcon:Ca,onChargeCardRowClick:ga,updateChargeCardName:ba,onChargeCardResendInviteClick:fa,onChargeCardRevokeInviteClick:pt,onUnlockChargeCard:Ct,onIssueCardClick:xa,onBackClick:ya,onReloadCards:Sa,onTotalCashbackClick:wa,onColumnSortConfigChanged:ka,onClickMenuIcon:$a,onPromoCardClick:gt,onCreateNowClick:bt,showPayNowInfoTooltip:Ia,navigateToCreditCardPaymentPage:ge,shouldShowPayNowInfoTooltip:ze,rowActionView:o,bulkActionView:h,onSetRowActionCardId:Oe,onSetBulkActionCardIds:j})=>{const be=Za().analytics,[ft,va]=l.useState(!1),[_e,fe]=l.useState(!1),[Ue,xe]=l.useState(!1),[ja,K]=l.useState(!1),[Aa,Q]=l.useState(!1),[La,ye]=l.useState(!1),[Ve,We]=l.useState(!1),[He,Ge]=l.useState(!1),[Je,xt]=l.useState(void 0),Ea=h.chargeCards[0]?.status.code,{creditAccount:g,creditAccountRepayment:A}=e,P=l.useCallback(()=>{Oe(void 0),xt(void 0)},[Oe]),T=h.chargeCards,Pa=l.useMemo(()=>T.length===0?void 0:T.reduce((i,s)=>s.balance.amount>i.balance.amount?s:i,T[0]).balance,[T]),Fa=l.useMemo(()=>{const i=T.filter(f=>f.type.code.includes("debit"));if(i.length===0)return;const s=i.map(f=>N.depositAccounts.find(re=>re.id===f.connectedAccountId)?.cardLimits.dailyCardTransactionLimit).filter(f=>f!==void 0);return s.length===0?void 0:s.reduce((f,re)=>re.amount<f.amount?re:f)},[T,N.depositAccounts]),yt=z(e.unlockChargeCardsFetchState.fetchState),St=z(e.revokeChargeCardsInviteFetchState.fetchState),wt=z(e.lockChargeCardsFetchState.fetchState),kt=z(e.closeChargeCardsFetchState.fetchState),$t=z(e.updateChargeCardsSpendLimitFetchState.fetchState);l.useEffect(()=>{const i=yt==="In-Progress"&&e.unlockChargeCardsFetchState.fetchState==="Completed",s=St==="In-Progress"&&e.revokeChargeCardsInviteFetchState.fetchState==="Completed",f=wt==="In-Progress"&&e.lockChargeCardsFetchState.fetchState==="Completed",re=kt==="In-Progress"&&e.closeChargeCardsFetchState.fetchState==="Completed",Xa=$t==="In-Progress"&&e.updateChargeCardsSpendLimitFetchState.fetchState==="Completed";(i||s)&&j([]),f&&(K(!1),j([])),re&&(Q(!1),j([])),Xa&&(ye(!1),j([]))},[e.unlockChargeCardsFetchState.fetchState,e.revokeChargeCardsInviteFetchState.fetchState,e.lockChargeCardsFetchState.fetchState,e.closeChargeCardsFetchState.fetchState,e.updateChargeCardsSpendLimitFetchState.fetchState,yt,St,wt,kt,$t,j]);const X=o.cardId!=null?o.unlockChargeCardsFetchState.fetchState:void 0,It=z(X),Ye=o.cardId!=null?o.updateChargeCardLimitFetchState.fetchState:void 0,vt=z(Ye),qe=o.cardId!=null?o.updateChargeCardNameFetchState.fetchState:void 0,jt=z(qe),Ke=o.cardId!=null?o.lockChargeCardsFetchState.fetchState:void 0,At=z(Ke),Qe=o.cardId!=null?o.closeChargeCardsFetchState.fetchState:void 0,Lt=z(Qe),Z=o.cardId!=null?o.revokeChargeCardFetchState.fetchState:void 0,Et=z(Z);l.useEffect(()=>{o.cardId!=null&&It==="In-Progress"&&X==="Completed"?P():o.cardId!=null&&vt==="In-Progress"&&Ye==="Completed"?(Ge(!1),P()):o.cardId!=null&&jt==="In-Progress"&&qe==="Completed"?(We(!1),P()):o.cardId!=null&&At==="In-Progress"&&Ke==="Completed"?(fe(!1),P()):o.cardId!=null&&Lt==="In-Progress"&&Qe==="Completed"?(xe(!1),P()):o.cardId!=null&&Et==="In-Progress"&&Z==="Completed"&&P()},[o.cardId,X,Ye,qe,Ke,Qe,Z,It,jt,vt,At,Lt,Et,P]);const Ta=l.useCallback(i=>{switch(i){case"close":n(h.bulkActionCardIds),Q(!0);break;case"lock":n(h.bulkActionCardIds),K(!0);break;case"unlock":L(h.bulkActionCardIds);break;case"update_limit":ye(!0);break;case"revoke_invite":mt(h.bulkActionCardIds);break}},[h.bulkActionCardIds,n,mt,L]),C=o.chargeCard;l.useEffect(()=>{if(!(Je===void 0||o.cardId===void 0||C===void 0))switch(Je){case oe.CLOSE:Ue||(n([o.cardId]),xe(!0));break;case oe.LOCK:_e||(n([o.cardId]),fe(!0));break;case oe.UNLOCK:X!=="In-Progress"&&X!=="Completed"&&Ct(o.cardId);break;case oe.REVOKE_INVITE:Z!=="In-Progress"&&Z!=="Completed"&&pt(o.cardId);break;case oe.RENAME:Ve||We(!0);break;case oe.UPDATE_SPEND_LIMIT:He||(C.type.code.includes("debit")&&o.depositAccountLimitFetchState.fetchState!=="Completed"&&m(C.connectedAccountId,o.cardId),Ge(!0));break}},[Je,o.cardId,He,Ve,Ue,_e,X,Z,n,m,Ct,pt]);const Xe=er(),ee=!!Xe.loggedInUserRole.includes("charge_card_user"),Se=tr(Xe),k=wr(Xe.loggedInUserRoleMap),te=l.useMemo(()=>k===!0?{creditCardCashbackOffer:`${v.cashbackAnalytics.creditCardCashbackOffer}%`,debitCardCashbackOffer:`${v.cashbackAnalytics.debitCardCashbackOffer}%`,totalEarnedCashback:W(v.cashbackSummary.cashbackEarned.amount),redeemedCashback:W(v.cashbackSummary.cashbackRedeemed.amount),availableCashback:W(v.cashbackSummary.cashbackAvailable.amount),creditCardCashbackRedemptionMode:v.cashbackAnalytics.creditCardCashbackRedemptionMode,debitCardCashbackRedemptionMode:v.cashbackAnalytics.debitCardCashbackRedemptionMode}:void 0,[k,v.cashbackAnalytics.creditCardCashbackOffer,v.cashbackAnalytics.debitCardCashbackOffer,v.cashbackSummary.cashbackEarned.amount,v.cashbackSummary.cashbackRedeemed.amount,v.cashbackSummary.cashbackAvailable.amount,v.cashbackAnalytics.creditCardCashbackRedemptionMode,v.cashbackAnalytics.debitCardCashbackRedemptionMode]),we=l.useMemo(()=>y&&E&&k===!0?{creditAccountId:g.id,creditAccountLimit:W(g.limit.amount),creditAccountAvailableAmount:W(g.available.amount),creditAccountSpentAmount:W(g.balance.amount+g.hold.amount),creditAccountStatus:g.status,outstandingBalance:W(A.remainingAmountDue.amount)}:void 0,[y,E,k,g.id,g.limit.amount,g.available.amount,g.balance.amount,g.hold.amount,g.status,A.remainingAmountDue.amount]),ke=l.useMemo(()=>S&&I?{debitAccountId:N.depositAccounts.map(i=>i.id),debitAccountName:N.depositAccounts.map(i=>i.accountName),debitAccountBalance:N.depositAccounts.map(i=>W(i.accountBalance.available.amount)),debitCardsSpend:W(e.debitCardSummary?.currentMonthSpends?.amount??0),debitAccountStatus:N.depositAccounts.map(i=>i.accountStatus)}:void 0,[S,I,N.depositAccounts,e.debitCardSummary?.currentMonthSpends?.amount]),$e={isCreditCardOffered:y,isDebitCardOffered:S,isDebitCardEnabled:I,isCreditCardEnabled:E},Ra=i=>{va(i),i===!0&&(be.trackCardsListPageClicked("search"),(!y||g.fetchState==="Completed"&&A.fetchState==="Completed")&&(!(S&&I)||N.fetchState==="Completed")&&te!=null&&be.trackCardsCardListSearchClick(q,$e,te,we,ke))},R=Pe(),Pt=Se&&!k,Ft=e.creditAccount.balance.amount+e.creditAccount.hold.amount,ce={amount:Ft,currencyCode:e.creditAccount.balance.currencyCode,currencySymbol:e.creditAccount.balance.currencySymbol},Ze=Math.round(ce.amount*100/e.creditAccount.limit.amount),Da=isNaN(Ze)?0:Ft!==0&&Ze===0?1:Ze,le=e.chargeCardConfig.rePaymentInfo?.cardLimitResetDate,et=k&&ce.amount>Re*e.creditAccount.limit.amount/100,ue=le!=null&&A.initiatedRepayments.amount>0,Ma={entity:"charge_cards",showNewButtonOnNavbar:k,showEntityEmailInfoIconOnNavbar:!1,newButtonLabel:k?O.newBtnLabel:M.strings.empty,hideSearchBtn:ee,searchTextBoxStyle:{right:Pt?a.sp4:"96px"},moreIconContainerStyle:{paddingRight:Pt?a.sp0:a.sp4},isSearchOpen:ft,searchPlaceHolder:O.searchPlaceHolder,searchText:c,showSettingsIcon:!ee,showSettingsIconOnNavbar:k,showStatementButtonOnNavbar:y&&E,showPayEarlyButtonOnNavbar:de&&k&&ce.amount>0&&!ue&&!et,showPaymentHistoryButtonOnNavbar:k&&pa&&y&&E,onClickPaymentHistoryIcon:ha,showDownloadButtonOnNavbar:!1,disableDownloadButton:!0,analytics:be,onSearchOpen:Ra,onSearchTextChanged:ua,onClickSetupIcon:ma,onClickStatementsIcon:Ca,downloadState:"Not-Started",onNewButtonClick:xa,onClickPayEarlyIcon:()=>ge("More Button","Pay Early"),onMenuOpen:()=>{(!y||g.fetchState==="Completed"&&A.fetchState==="Completed")&&(!(S&&I)||N.fetchState==="Completed")&&te!=null&&be.trackCardsCardListMoreMenuClick(q,$e,te,we,ke)},filters:{categoryCombinationOperator:"AND",categories:[]}},Ba=t.jsx(vr,{spendManagementSectionProps:Ma}),Na=e.cards.length===0?!1:ee&&kr(e.cards),za=e.fetchState==="Completed"?ki({isChargeCardFeatureEnabled:y,isChargeCardSetupEnabled:E,isDebitCardFeatureEnabled:S,isDebitCardSetupEnabled:I}):"",Ie=e.debitCardSummary!=null?e.debitCardSummary.currentMonthSpends.amount-e.debitCardSummary.lastCompletedMonthSpends.amount:0,Oa=y&&E&&e.hasCreditCard,_a=S&&I&&e.hasDebitCard,Ua=y&&E&&Se&&!k,Va=S&&I&&Se&&!k,ve=e.chargeCardConfig.rePaymentInfo?.rePaymentDueDate?.diff(zt(),"days")??0,tt=[x.payNow,ve>0&&ve<11?`${x.billDueIn} ${ve} ${ve===1?M.timeStrings.day:M.timeStrings.days}`:x.creditLimitLow,x.payNow],at=A.initiatedRepayments.amount===g.balance.amount+g.hold.amount,Tt=A.paymentMethod==="ACH",rt=[x.paymentInitiated,`${O.header.limit} ${at?M.resets:M.updates} ${M.by} ${$r(Ir(A.initiatedRepaymentDate?.toDate()??zt().toDate(),[0,6],Tt?3:1).toDateString()).format(je.visual.MMMDFormat)}`,x.paymentInitiated],it=l.useRef(null),ot=l.useRef(null),Wa=ta(),[Ha,Rt]=l.useState(!0);l.useEffect(()=>{const i=()=>{ot.current&&(ot.current.getBoundingClientRect().top<(R==="small"?68:40)?Rt(!1):Rt(!0))};i();const s=()=>{i()},f=it.current;return f&&f.addEventListener("scroll",s),window.addEventListener("scroll",s),()=>{f&&f.removeEventListener("scroll",s),window.removeEventListener("scroll",s)}},[R]);const Ga=i=>{const s=i.reasonType==="other"?i.reason:i.reasonType;o.cardId!=null&&F(o.cardId,s)},Ja=i=>{const s=i.reasonType==="other"?i.reason:i.reasonType;o.cardId!=null&&U(o.cardId,s)},Ya=i=>{const s=i.reasonType==="other"?i.reason:i.reasonType;$(h.bulkActionCardIds,s)},qa=i=>{const s=i.reasonType==="other"?i.reason:i.reasonType;B(h.bulkActionCardIds,s)},ae=l.useMemo(()=>{const i={};return h.chargeCards.forEach(s=>{i[s.id]=s}),{chargeCardsByCardId:i,cardRecurringExpensesByCardId:h.recurringExpensesByCardId,fetchState:h.recurringExpensesFetchState.fetchState}},[h]),Ka=l.useCallback(()=>{n(h.bulkActionCardIds),K(!0)},[h.bulkActionCardIds,n]),Qa=l.useCallback(()=>{n(h.bulkActionCardIds),Q(!0)},[h.bulkActionCardIds,n]),Dt=l.useCallback(i=>{const s=h.bulkActionCardIds.filter(f=>f!==i);j(s),s.length===0&&(K(!1),Q(!1))},[h.bulkActionCardIds,j]),Mt=De&&w===0,Bt=w===-1;return t.jsxs(Pi,{ref:it,children:[t.jsx(ar,{title:za,showBackButton:!0,showMenuIcon:R==="medium-compact"||R==="small",onClickMenuIcon:$a,style:{zIndex:3},onBackClick:ya,rightSideComponent:Ba,isSearchOpen:ft,hideSearchBtn:ee,scrollableContent:it,source:"ChargeCardListPage",backgroundColor:Wa.colors.grey4}),e.fetchState==="Not-Started"||e.fetchState==="In-Progress"?t.jsx(rr,{fetchState:e.fetchState,styles:{margin:"auto"}}):t.jsxs(t.Fragment,{children:[ee?null:t.jsxs(Fi,{windowSize:R,children:[Oa||Ua?t.jsxs(Yt,{windowSize:R,"data-testid":V("credit-card-spend-bar-container"),children:[t.jsxs(Xt,{children:[t.jsxs(Zt,{children:[t.jsxs(ea,{children:[t.jsx(Kt,{children:O.creditCardBalance}),t.jsx(ie,{amount:ce,integerStyles:{...D.h5Regular.cssObject},decimalStyles:{...D.largeSemiBold.cssObject}})]}),t.jsxs(ji,{children:[t.jsx(Ae,{style:{textAlign:"end"},children:M.texts.limit}),t.jsx(ie,{amount:e.creditAccount.limit,style:{justifyContent:"end"},integerStyles:D.largeRegular.cssObject,decimalStyles:D.smallRegular.cssObject})]})]}),t.jsx(zi,{children:t.jsx(Oi,{style:{width:`${Da}%`,borderRadius:a.sp1}})}),et&&!ue&&de?t.jsx(nt,{placement:"bottom",style:{color:p.heroDark,padding:`12px ${a.sp3}`},title:t.jsx(Si,{children:x.creditLimitIsRunningLow}),children:t.jsxs(qt,{children:[t.jsx(ie,{amount:e.creditAccount.available,integerStyles:D.largeMedium.cssObject,decimalStyles:D.smallMedium.cssObject}),t.jsx(Qt,{windowSize:R,children:M.texts.remaining}),t.jsx(wi,{children:t.jsx(yi,{})})]})}):t.jsxs(qt,{children:[t.jsx(ie,{amount:e.creditAccount.available,integerStyles:D.largeMedium.cssObject,decimalStyles:D.smallMedium.cssObject}),t.jsx(Qt,{windowSize:R,children:M.texts.remaining})]})]}),t.jsxs(Ai,{showPaymentInitiatedInfo:ue,isEarlyPayEnabled:de,children:[ue&&de?null:t.jsx(Ae,{children:`${M.texts.limitReset} ${le!=null?le.format(je.visual.MMMDFormat):null}`}),k&&de&&(ue?t.jsx("div",{children:t.jsx(nt,{maxWidth:"242px",style:{padding:`12px ${a.sp3}`},title:t.jsxs($i,{children:[t.jsx(Jt,{children:`${x.paymentOf} ${me("0,0.[00]",{amount:A.initiatedRepayments.amount,currencyCode:A.initiatedRepayments.currencyCode,currencySymbol:A.initiatedRepayments.currencySymbol})} ${x.madeOn} `}),t.jsx(Ii,{children:A.initiatedRepaymentDate?.format(je.visual.MMMDFormat)}),M.strings.space,t.jsx(Jt,{children:Tt?at?x.isProcessingAndWillResetTheCreditLimitIn23BusinessDays:x.isProcessingAndWillUpdateTheCreditLimitIn23BusinessDays:at?x.isProcessingAndWillResetTheCreditLimitIn1BusinessDay:x.isProcessingAndWillUpdateTheCreditLimitIn1BusinessDay})]}),placement:"bottom",children:t.jsxs(Wt,{hasPointer:!1,children:[rt.length>0&&t.jsx(dt,{slideUpCount:rt.length,style:{alignItems:"flex-end",width:"auto"},children:rt.map((i,s)=>t.jsx(bi,{children:i},`card-payment-initiated-${s.toString()}`))}),t.jsx(xi,{})]})})}):et?t.jsx(nt,{variant:"informative",arrow:!0,style:{top:a.sp2,left:"22px",position:"relative"},data:{preHeading:"URGENT",heading:x.creditLimitIsLow,description:x.transactionsMayBeDeclinedBecauseTheCreditLimitIsRunningLow,buttonText:x.payNow,tooltipContentStyle:{width:"240px",boxSizing:"content-box",gap:a.sp0},tooltipIntroductionStyle:{color:p.important},buttonStyle:{width:"31%"},onButtonClick:()=>{ze(!1),ge("Toast Button","Pay Now")},showCloseButton:!0,onClose:i=>{i.preventDefault(),i.stopPropagation(),ze(!1)}},title:"informative",placement:"bottom-end",open:Ia&&Ha,children:t.jsxs(Wt,{ref:ot,onClick:()=>{ze(!1),ge("Text Button","Pay Now")},hasPointer:!0,children:[tt.length>0&&t.jsx(dt,{slideUpCount:tt.length,style:{alignItems:"flex-end",width:"auto"},children:tt.map((i,s)=>t.jsx(gi,{isImportant:s===1,children:i},`card-pay-now-${s.toString()}`))}),t.jsx(Ht,{})]})}):ce.amount>0?t.jsxs(fi,{onClick:()=>ge("Text Button","Pay Early"),children:[x.payEarly,t.jsx(Ht,{})]}):null)]})]}):y&&E?t.jsx(Vt,{cardType:"creditCard","data-testid":V("card-list-page-promo-card-back","credit"),header:b.listPage.spendSmarter,title:b.listPage.setUpText.replace("__cardType__",b.listPage.credit),creditLimit:st("0,0",Ce.amount,Ce.currencySymbol),onCreateNowClick:bt}):Me?t.jsx(Ut,{cardPromoType:"credit","data-testid":V("card-list-page-promo-card","credit"),cardText:b.listPage.creditCards,header:b.listPage.getAccessTo,title:b.listPage.creditCards,subTitle:b.listPage.promoSubText.credit,slidingTextList:Gt("credit",Ne,{amount:w,currencyCode:Ce.currencyCode,currencySymbol:Ce.currencySymbol}),onClick:gt,status:Bt?"rejected":Mt?"under_review":void 0,statusMessage:Bt?b.listPage.status.rejectedMessage:Mt?b.listPage.status.underReviewMessage:void 0}):null,_a||Va?t.jsxs(Yt,{windowSize:R,"data-testid":V("debit-spend-bar-container"),children:[t.jsxs(Xt,{children:[t.jsx(Zt,{children:t.jsxs(ea,{children:[t.jsx(Kt,{children:O.debitCardSpend}),t.jsx(ie,{amount:e.debitCardSummary?.currentMonthSpends,integerStyles:{...D.h5Regular.cssObject},decimalStyles:{...D.largeSemiBold.cssObject}})]})}),t.jsx(Ri,{children:Ie!==0?t.jsxs(t.Fragment,{children:[Ie<0?t.jsx(Mi,{}):t.jsx(Bi,{}),t.jsx(Di,{hasNegativeValue:Ie<0,children:st("0,0.00",Ie,e.debitCardSummary?.currentMonthSpends.currencySymbol)}),t.jsx(ca,{children:O.compareToLastMonth})]}):null})]}),t.jsx(da,{children:t.jsx(Ae,{children:`${M.texts.limitReset} ${le!=null?le.format(je.visual.MMMDFormat):null}`})})]}):S&&I?t.jsx(Vt,{cardType:"debitCard","data-testid":V("card-list-page-promo-card-back","debit"),header:b.listPage.spendSmarter,title:b.listPage.setUpText.replace("__cardType__",b.listPage.debit),onCreateNowClick:bt}):S?t.jsx(Ut,{cardPromoType:"debit","data-testid":V("card-list-page-promo-card","debit"),cardText:b.listPage.debitCards,header:b.listPage.getAccessTo,title:b.listPage.debitCards,subTitle:b.listPage.promoSubText.debit,slidingTextList:Gt("debit",Ne),onClick:gt}):null,t.jsxs(Ti,{windowSize:R,"data-testid":V("credit-spend-info-container"),children:[Te?t.jsxs(vi,{children:[t.jsx(Ae,{style:{textAlign:"start"},children:O.totalCashback}),t.jsx(ie,{amount:e.totalCashback,style:{justifyContent:"flex-start"},integerStyles:D.h5Regular.cssObject,decimalStyles:D.smallSemiBold.cssObject}),e.totalCashback.amount>0?t.jsx(Ei,{windowSize:R,children:t.jsxs(Ni,{windowSize:R,onClick:wa,"data-testid":V("total-cashback-info"),children:[t.jsx(Li,{children:O.overview}),t.jsx(_i,{})]})}):null]}):null,t.jsx(Vi,{children:t.jsx(Wi,{})})]})]}),e.cards.length===0&&ee===!0||Na?t.jsx(Ui,{children:t.jsx(Lr,{companyLegalName:d,cards:e.cards,admins:u,hasZeniFinopsRoles:Se,cashbackRate:Ne})}):t.jsxs(t.Fragment,{children:[Ue&&o.cardId!=null&&C&&t.jsx(Ot,{showCloseCardDrawer:!0,onCloseCloseCardDrawer:()=>{xe(!1),P()},isChargeCardAdmin:!0,chargeCardsByCardId:{[o.cardId]:C},cardRecurringExpensesByCardId:{[o.cardId]:o.recurringExpenses},cardRecurringExpenseFetchState:o.recurringExpensesFetchState.fetchState,closeCardFetchState:o.closeChargeCardsFetchState.fetchState,onConfirmClick:Ga,onDismissClick:()=>{xe(!1),P()},onRemoveCardClick:()=>{}}),_e&&o.cardId!=null&&C&&t.jsx(_t,{showLockCardDrawer:!0,onCloseLockCardDrawer:()=>{fe(!1),P()},isChargeCardAdmin:!0,chargeCardsByCardId:{[o.cardId]:C},cardRecurringExpensesByCardId:{[o.cardId]:o.recurringExpenses},cardRecurringExpenseFetchState:o.recurringExpensesFetchState.fetchState,lockCardFetchState:o.lockChargeCardsFetchState.fetchState,onConfirmClick:Ja,onDismissClick:()=>{fe(!1),P()},onRemoveCardClick:()=>{}}),Aa&&h.bulkActionCardIds.length>0&&t.jsx(Ot,{showCloseCardDrawer:!0,onCloseCloseCardDrawer:()=>{Q(!1),j([])},isChargeCardAdmin:!0,chargeCardsByCardId:ae.chargeCardsByCardId,cardRecurringExpensesByCardId:ae.cardRecurringExpensesByCardId,cardRecurringExpenseFetchState:ae.fetchState,closeCardFetchState:e.closeChargeCardsFetchState.fetchState,onConfirmClick:Ya,onDismissClick:()=>{Q(!1),j([])},onRemoveCardClick:Dt}),ja&&h.bulkActionCardIds.length>0&&t.jsx(_t,{showLockCardDrawer:!0,onCloseLockCardDrawer:()=>{K(!1),j([])},isChargeCardAdmin:!0,chargeCardsByCardId:ae.chargeCardsByCardId,cardRecurringExpensesByCardId:ae.cardRecurringExpensesByCardId,cardRecurringExpenseFetchState:ae.fetchState,lockCardFetchState:e.lockChargeCardsFetchState.fetchState,onConfirmClick:qa,onDismissClick:()=>{K(!1),j([])},onRemoveCardClick:Dt}),Ve&&o.cardId!=null&&C&&t.jsx(Fr,{currentCardName:C.cardName,renameFetchState:o.updateChargeCardNameFetchState.fetchState,onCancelClick:()=>{We(!1),P()},onSubmitClick:i=>{o.cardId!=null&&ba(o.cardId,i)}}),He&&o.cardId!=null&&C&&t.jsx(Tr,{controllerEmails:q,isChargeCardFeatureEnabled:y,isDebitCardFeatureEnabled:S,isDebitCardSetupEnabled:I,isChargeCardSetupEnabled:E,productInformation:$e,cashbackInformation:te,creditAccountInformation:we,debitAccountInformation:ke,cardDetail:C,depositAccountLimitFetchState:o.depositAccountLimitFetchState.fetchState,creditAccount:g,creditAccountRepayment:A,signedInUser:Be,isDebitCard:C.type.code.includes("debit"),classListFetchState:"Not-Started",currentLimitAmount:C.limit,currentSpentAmount:C.balance,maxLimitAmount:C.type.code.includes("debit")?o.depositAccountLimit?.cardLimits.dailyCardTransactionLimit:g.limit,isDisabled:C.type.code.includes("debit")&&o.depositAccountLimitFetchState.fetchState!=="Completed",updateLimitFetchState:o.updateChargeCardLimitFetchState.fetchState,onCancelClick:()=>{Ge(!1),P()},onSubmitClick:i=>{if(o.cardId!=null){const s={amount:i,currencyCode:C.limit.currencyCode,currencySymbol:C.limit.currencySymbol};ne(o.cardId,s,C.creditLimitFrequency,me("0,0.[00]",s))}},recommendations:C.recommendations}),La&&T.length>0&&t.jsx(oi,{currentSpentAmount:Pa??{amount:0,currencyCode:T[0].limit.currencyCode,currencySymbol:T[0].limit.currencySymbol},maxLimitAmountForCreditCard:e.creditAccount.limit,maxLimitAmountForDebitCard:Fa,hasCreditCard:h.hasCreditCards,hasDebitCard:h.hasDebitCards,signedInUser:Be,isDisabled:h.hasDebitCards&&N.fetchState!=="Completed",updateLimitFetchState:e.updateChargeCardsSpendLimitFetchState.fetchState,onCancelClick:()=>{ye(!1),j([])},onSubmitClick:i=>{const s={amount:i,currencyCode:T[0].limit.currencyCode,currencySymbol:T[0].limit.currencySymbol};G(h.bulkActionCardIds,s,T[0].creditLimitFrequency)}}),t.jsx(jr,{cardsSelectedForBulkAction:h.bulkActionCardIds,isBulkActionAllowed:k,firstSelectedCardStatus:Ea,bulkSubmissionLimit:Ar,removeAllCardsFromBulkActionList:()=>j([]),updateBulkActionList:j,onProceedForBulkActionClick:Ta,onBulkLockClick:Ka,onBulkCloseClick:Qa,setShowBulkChangeSpendLimitPopup:ye,depositAccountListWithDebitCardIssued:N,setCardIdForRowAction:Oe,setActionTypeForRowAction:xt,cashbackInformation:te,creditAccountInformation:we,debitAccountInformation:ke,productInformation:$e,controllerEmails:q,isChargeCardFeatureEnabled:y,isCardControlsEnabled:se,isDebitCardFeatureEnabled:S,isDebitCardSetupEnabled:I,isChargeCardSetupEnabled:E,creditAccount:g,creditAccountRepayment:A,cardList:e.cards,showViewForCardUser:!1,signedInUser:Be,fetchState:e.fetchState,revokeChargeCardsInviteFetchState:e.revokeChargeCardsInviteFetchState.fetchState,unlockChargeCardsFetchState:e.unlockChargeCardsFetchState.fetchState,onReloadCards:Sa,onChargeCardRowClick:ga,searchText:c,receiptBotEmail:e.chargeCardConfig.receiptBotEmail,uiState:la,resendInviteId:e?.resendCardInvite?.cardId,onColumnSortConfigChanged:ka,onChargeCardResendInviteClick:fa,rowActionView:o})]})]})]})},gi=r(aa)`
+`,pe={contentContainerMargin:new H(_[3],_[4],_[8]),infoSubheadingTextMarginTop:new H(_[0],_[0]),cardsMinWidth:new H(343,353)},Ci={remainingText:new ir("largeRegular","largeRegular")},{spendManagement:{chargeCard:{payEarly:x,cardList:O,chargeCardsPromo:b}},common:R,dateFormat:je}=Fe.getLocalizedStrings(),po=({chargeCardListView:e,searchText:c,admins:u,companyLegalName:d,onFetchChargeCardsRecurringExpenses:n,onFetchDepositAccountLimit:m,onCloseChargeCard:F,onCloseChargeCardList:$,onLockChargeCard:U,onLockChargeCardList:B,onUnlockChargeCardList:L,updateChargeCardListSpendLimit:G,onUpdateSpendLimit:ne,isCardControlsEnabled:se,isCashbackFeatureEnabled:Te,creditCardPayNowThreshold:De,isChargeCardFeatureEnabled:y,isCompanyInterestedInChargeCard:Me,isCreditCardProductVisibleForExpressInterest:Re,isDebitCardFeatureEnabled:S,isDebitCardSetupEnabled:I,isChargeCardSetupEnabled:E,companyChargeCardInfoCreditAccountLimit:w,controllerEmails:q,onRevokeChargeCardList:mt,depositAccountListWithDebitCardIssued:N,chargeCardCashbackDetailState:v,uiState:la,signedInUser:Be,creditLimit:Ce,cashbackRate:Ne,onSearchTextChanged:ua,navigateToCreditCardPaymentHistoryPage:ha,onClickSetupIcon:ma,isChargeCardPaymentHistoryFeatureEnabled:pa,isEarlyPayEnabled:de,onClickStatementsIcon:Ca,onChargeCardRowClick:ga,updateChargeCardName:ba,onChargeCardResendInviteClick:fa,onChargeCardRevokeInviteClick:pt,onUnlockChargeCard:Ct,onIssueCardClick:xa,onBackClick:ya,onReloadCards:Sa,onTotalCashbackClick:wa,onColumnSortConfigChanged:ka,onClickMenuIcon:$a,onPromoCardClick:gt,onCreateNowClick:bt,showPayNowInfoTooltip:Ia,navigateToCreditCardPaymentPage:ge,shouldShowPayNowInfoTooltip:ze,rowActionView:o,bulkActionView:h,onSetRowActionCardId:Oe,onSetBulkActionCardIds:j})=>{const be=Za().analytics,[ft,va]=l.useState(!1),[_e,fe]=l.useState(!1),[Ue,xe]=l.useState(!1),[ja,K]=l.useState(!1),[Aa,Q]=l.useState(!1),[La,ye]=l.useState(!1),[Ve,We]=l.useState(!1),[He,Ge]=l.useState(!1),[Je,xt]=l.useState(void 0),Ea=h.chargeCards[0]?.status.code,{creditAccount:g,creditAccountRepayment:A}=e,P=l.useCallback(()=>{Oe(void 0),xt(void 0)},[Oe]),T=h.chargeCards,Pa=l.useMemo(()=>T.length===0?void 0:T.reduce((i,s)=>s.balance.amount>i.balance.amount?s:i,T[0]).balance,[T]),Fa=l.useMemo(()=>{const i=T.filter(f=>f.type.code.includes("debit"));if(i.length===0)return;const s=i.map(f=>N.depositAccounts.find(re=>re.id===f.connectedAccountId)?.cardLimits.dailyCardTransactionLimit).filter(f=>f!==void 0);return s.length===0?void 0:s.reduce((f,re)=>re.amount<f.amount?re:f)},[T,N.depositAccounts]),yt=z(e.unlockChargeCardsFetchState.fetchState),St=z(e.revokeChargeCardsInviteFetchState.fetchState),wt=z(e.lockChargeCardsFetchState.fetchState),kt=z(e.closeChargeCardsFetchState.fetchState),$t=z(e.updateChargeCardsSpendLimitFetchState.fetchState);l.useEffect(()=>{const i=yt==="In-Progress"&&e.unlockChargeCardsFetchState.fetchState==="Completed",s=St==="In-Progress"&&e.revokeChargeCardsInviteFetchState.fetchState==="Completed",f=wt==="In-Progress"&&e.lockChargeCardsFetchState.fetchState==="Completed",re=kt==="In-Progress"&&e.closeChargeCardsFetchState.fetchState==="Completed",Xa=$t==="In-Progress"&&e.updateChargeCardsSpendLimitFetchState.fetchState==="Completed";(i||s)&&j([]),f&&(K(!1),j([])),re&&(Q(!1),j([])),Xa&&(ye(!1),j([]))},[e.unlockChargeCardsFetchState.fetchState,e.revokeChargeCardsInviteFetchState.fetchState,e.lockChargeCardsFetchState.fetchState,e.closeChargeCardsFetchState.fetchState,e.updateChargeCardsSpendLimitFetchState.fetchState,yt,St,wt,kt,$t,j]);const X=o.cardId!=null?o.unlockChargeCardsFetchState.fetchState:void 0,It=z(X),Ye=o.cardId!=null?o.updateChargeCardLimitFetchState.fetchState:void 0,vt=z(Ye),qe=o.cardId!=null?o.updateChargeCardNameFetchState.fetchState:void 0,jt=z(qe),Ke=o.cardId!=null?o.lockChargeCardsFetchState.fetchState:void 0,At=z(Ke),Qe=o.cardId!=null?o.closeChargeCardsFetchState.fetchState:void 0,Lt=z(Qe),Z=o.cardId!=null?o.revokeChargeCardFetchState.fetchState:void 0,Et=z(Z);l.useEffect(()=>{o.cardId!=null&&It==="In-Progress"&&X==="Completed"?P():o.cardId!=null&&vt==="In-Progress"&&Ye==="Completed"?(Ge(!1),P()):o.cardId!=null&&jt==="In-Progress"&&qe==="Completed"?(We(!1),P()):o.cardId!=null&&At==="In-Progress"&&Ke==="Completed"?(fe(!1),P()):o.cardId!=null&&Lt==="In-Progress"&&Qe==="Completed"?(xe(!1),P()):o.cardId!=null&&Et==="In-Progress"&&Z==="Completed"&&P()},[o.cardId,X,Ye,qe,Ke,Qe,Z,It,jt,vt,At,Lt,Et,P]);const Ta=l.useCallback(i=>{switch(i){case"close":n(h.bulkActionCardIds),Q(!0);break;case"lock":n(h.bulkActionCardIds),K(!0);break;case"unlock":L(h.bulkActionCardIds);break;case"update_limit":ye(!0);break;case"revoke_invite":mt(h.bulkActionCardIds);break}},[h.bulkActionCardIds,n,mt,L]),C=o.chargeCard;l.useEffect(()=>{if(!(Je===void 0||o.cardId===void 0||C===void 0))switch(Je){case oe.CLOSE:Ue||(n([o.cardId]),xe(!0));break;case oe.LOCK:_e||(n([o.cardId]),fe(!0));break;case oe.UNLOCK:X!=="In-Progress"&&X!=="Completed"&&Ct(o.cardId);break;case oe.REVOKE_INVITE:Z!=="In-Progress"&&Z!=="Completed"&&pt(o.cardId);break;case oe.RENAME:Ve||We(!0);break;case oe.UPDATE_SPEND_LIMIT:He||(C.type.code.includes("debit")&&o.depositAccountLimitFetchState.fetchState!=="Completed"&&m(C.connectedAccountId,o.cardId),Ge(!0));break}},[Je,o.cardId,He,Ve,Ue,_e,X,Z,n,m,Ct,pt]);const Xe=er(),ee=!!Xe.loggedInUserRole.includes("charge_card_user"),Se=tr(Xe),k=wr(Xe.loggedInUserRoleMap),te=l.useMemo(()=>k===!0?{creditCardCashbackOffer:`${v.cashbackAnalytics.creditCardCashbackOffer}%`,debitCardCashbackOffer:`${v.cashbackAnalytics.debitCardCashbackOffer}%`,totalEarnedCashback:W(v.cashbackSummary.cashbackEarned.amount),redeemedCashback:W(v.cashbackSummary.cashbackRedeemed.amount),availableCashback:W(v.cashbackSummary.cashbackAvailable.amount),creditCardCashbackRedemptionMode:v.cashbackAnalytics.creditCardCashbackRedemptionMode,debitCardCashbackRedemptionMode:v.cashbackAnalytics.debitCardCashbackRedemptionMode}:void 0,[k,v.cashbackAnalytics.creditCardCashbackOffer,v.cashbackAnalytics.debitCardCashbackOffer,v.cashbackSummary.cashbackEarned.amount,v.cashbackSummary.cashbackRedeemed.amount,v.cashbackSummary.cashbackAvailable.amount,v.cashbackAnalytics.creditCardCashbackRedemptionMode,v.cashbackAnalytics.debitCardCashbackRedemptionMode]),we=l.useMemo(()=>y&&E&&k===!0?{creditAccountId:g.id,creditAccountLimit:W(g.limit.amount),creditAccountAvailableAmount:W(g.available.amount),creditAccountSpentAmount:W(g.balance.amount+g.hold.amount),creditAccountStatus:g.status,outstandingBalance:W(A.remainingAmountDue.amount)}:void 0,[y,E,k,g.id,g.limit.amount,g.available.amount,g.balance.amount,g.hold.amount,g.status,A.remainingAmountDue.amount]),ke=l.useMemo(()=>S&&I?{debitAccountId:N.depositAccounts.map(i=>i.id),debitAccountName:N.depositAccounts.map(i=>i.accountName),debitAccountBalance:N.depositAccounts.map(i=>W(i.accountBalance.available.amount)),debitCardsSpend:W(e.debitCardSummary?.currentMonthSpends?.amount??0),debitAccountStatus:N.depositAccounts.map(i=>i.accountStatus)}:void 0,[S,I,N.depositAccounts,e.debitCardSummary?.currentMonthSpends?.amount]),$e={isCreditCardOffered:y,isDebitCardOffered:S,isDebitCardEnabled:I,isCreditCardEnabled:E},Da=i=>{va(i),i===!0&&(be.trackCardsListPageClicked("search"),(!y||g.fetchState==="Completed"&&A.fetchState==="Completed")&&(!(S&&I)||N.fetchState==="Completed")&&te!=null&&be.trackCardsCardListSearchClick(q,$e,te,we,ke))},D=Pe(),Pt=Se&&!k,Ft=e.creditAccount.balance.amount+e.creditAccount.hold.amount,ce={amount:Ft,currencyCode:e.creditAccount.balance.currencyCode,currencySymbol:e.creditAccount.balance.currencySymbol},Ze=Math.round(ce.amount*100/e.creditAccount.limit.amount),Ma=isNaN(Ze)?0:Ft!==0&&Ze===0?1:Ze,le=e.chargeCardConfig.rePaymentInfo?.cardLimitResetDate,et=k&&ce.amount>De*e.creditAccount.limit.amount/100,ue=le!=null&&A.initiatedRepayments.amount>0,Ra={entity:"charge_cards",showNewButtonOnNavbar:k,showEntityEmailInfoIconOnNavbar:!1,newButtonLabel:k?O.newBtnLabel:R.strings.empty,hideSearchBtn:ee,searchTextBoxStyle:{right:Pt?a.sp4:"96px"},moreIconContainerStyle:{paddingRight:Pt?a.sp0:a.sp4},isSearchOpen:ft,searchPlaceHolder:O.searchPlaceHolder,searchText:c,showSettingsIcon:!ee,showSettingsIconOnNavbar:k,showStatementButtonOnNavbar:y&&E,showPayEarlyButtonOnNavbar:de&&k&&ce.amount>0&&!ue&&!et,showPaymentHistoryButtonOnNavbar:k&&pa&&y&&E,onClickPaymentHistoryIcon:ha,showDownloadButtonOnNavbar:!1,disableDownloadButton:!0,analytics:be,onSearchOpen:Da,onSearchTextChanged:ua,onClickSetupIcon:ma,onClickStatementsIcon:Ca,downloadState:"Not-Started",onNewButtonClick:xa,onClickPayEarlyIcon:()=>ge("More Button","Pay Early"),onMenuOpen:()=>{(!y||g.fetchState==="Completed"&&A.fetchState==="Completed")&&(!(S&&I)||N.fetchState==="Completed")&&te!=null&&be.trackCardsCardListMoreMenuClick(q,$e,te,we,ke)},filters:{categoryCombinationOperator:"AND",categories:[]}},Ba=t.jsx(vr,{spendManagementSectionProps:Ra}),Na=e.cards.length===0?!1:ee&&kr(e.cards),za=e.fetchState==="Completed"?ki({isChargeCardFeatureEnabled:y,isChargeCardSetupEnabled:E,isDebitCardFeatureEnabled:S,isDebitCardSetupEnabled:I}):"",Ie=e.debitCardSummary!=null?e.debitCardSummary.currentMonthSpends.amount-e.debitCardSummary.lastCompletedMonthSpends.amount:0,Oa=y&&E&&e.hasCreditCard,_a=S&&I&&e.hasDebitCard,Ua=y&&E&&Se&&!k,Va=S&&I&&Se&&!k,ve=e.chargeCardConfig.rePaymentInfo?.rePaymentDueDate?.diff(zt(),"days")??0,tt=[x.payNow,ve>0&&ve<11?`${x.billDueIn} ${ve} ${ve===1?R.timeStrings.day:R.timeStrings.days}`:x.creditLimitLow,x.payNow],at=A.initiatedRepayments.amount===g.balance.amount+g.hold.amount,Tt=A.paymentMethod==="ACH",rt=[x.paymentInitiated,`${O.header.limit} ${at?R.resets:R.updates} ${R.by} ${$r(Ir(A.initiatedRepaymentDate?.toDate()??zt().toDate(),[0,6],Tt?3:1).toDateString()).format(je.visual.MMMDFormat)}`,x.paymentInitiated],it=l.useRef(null),ot=l.useRef(null),Wa=ta(),[Ha,Dt]=l.useState(!0);l.useEffect(()=>{const i=()=>{ot.current&&(ot.current.getBoundingClientRect().top<(D==="small"?68:40)?Dt(!1):Dt(!0))};i();const s=()=>{i()},f=it.current;return f&&f.addEventListener("scroll",s),window.addEventListener("scroll",s),()=>{f&&f.removeEventListener("scroll",s),window.removeEventListener("scroll",s)}},[D]);const Ga=i=>{const s=i.reasonType==="other"?i.reason:i.reasonType;o.cardId!=null&&F(o.cardId,s)},Ja=i=>{const s=i.reasonType==="other"?i.reason:i.reasonType;o.cardId!=null&&U(o.cardId,s)},Ya=i=>{const s=i.reasonType==="other"?i.reason:i.reasonType;$(h.bulkActionCardIds,s)},qa=i=>{const s=i.reasonType==="other"?i.reason:i.reasonType;B(h.bulkActionCardIds,s)},ae=l.useMemo(()=>{const i={};return h.chargeCards.forEach(s=>{i[s.id]=s}),{chargeCardsByCardId:i,cardRecurringExpensesByCardId:h.recurringExpensesByCardId,fetchState:h.recurringExpensesFetchState.fetchState}},[h]),Ka=l.useCallback(()=>{n(h.bulkActionCardIds),K(!0)},[h.bulkActionCardIds,n]),Qa=l.useCallback(()=>{n(h.bulkActionCardIds),Q(!0)},[h.bulkActionCardIds,n]),Mt=l.useCallback(i=>{const s=h.bulkActionCardIds.filter(f=>f!==i);j(s),s.length===0&&(K(!1),Q(!1))},[h.bulkActionCardIds,j]),Rt=Me&&w===0,Bt=w===-1;return t.jsxs(Pi,{ref:it,children:[t.jsx(ar,{title:za,showBackButton:!0,showMenuIcon:D==="medium-compact"||D==="small",onClickMenuIcon:$a,style:{zIndex:3},onBackClick:ya,rightSideComponent:Ba,isSearchOpen:ft,hideSearchBtn:ee,scrollableContent:it,source:"ChargeCardListPage",backgroundColor:Wa.colors.grey4}),e.fetchState==="Not-Started"||e.fetchState==="In-Progress"?t.jsx(rr,{fetchState:e.fetchState,styles:{margin:"auto"}}):t.jsxs(t.Fragment,{children:[ee?null:t.jsxs(Fi,{windowSize:D,children:[Oa||Ua?t.jsxs(Yt,{windowSize:D,"data-testid":V("credit-card-spend-bar-container"),children:[t.jsxs(Xt,{children:[t.jsxs(Zt,{children:[t.jsxs(ea,{children:[t.jsx(Kt,{children:O.creditCardBalance}),t.jsx(ie,{amount:ce,integerStyles:{...M.h5Regular.cssObject},decimalStyles:{...M.largeSemiBold.cssObject}})]}),t.jsxs(ji,{children:[t.jsx(Ae,{style:{textAlign:"end"},children:R.texts.limit}),t.jsx(ie,{amount:e.creditAccount.limit,style:{justifyContent:"end"},integerStyles:M.largeRegular.cssObject,decimalStyles:M.smallRegular.cssObject})]})]}),t.jsx(zi,{children:t.jsx(Oi,{style:{width:`${Ma}%`,borderRadius:a.sp1}})}),et&&!ue&&de?t.jsx(nt,{placement:"bottom",style:{color:p.heroDark,padding:`12px ${a.sp3}`},title:t.jsx(Si,{children:x.creditLimitIsRunningLow}),children:t.jsxs(qt,{children:[t.jsx(ie,{amount:e.creditAccount.available,integerStyles:M.largeMedium.cssObject,decimalStyles:M.smallMedium.cssObject}),t.jsx(Qt,{windowSize:D,children:R.texts.remaining}),t.jsx(wi,{children:t.jsx(yi,{})})]})}):t.jsxs(qt,{children:[t.jsx(ie,{amount:e.creditAccount.available,integerStyles:M.largeMedium.cssObject,decimalStyles:M.smallMedium.cssObject}),t.jsx(Qt,{windowSize:D,children:R.texts.remaining})]})]}),t.jsxs(Ai,{showPaymentInitiatedInfo:ue,isEarlyPayEnabled:de,children:[ue&&de?null:t.jsx(Ae,{children:`${R.texts.limitReset} ${le!=null?le.format(je.visual.MMMDFormat):null}`}),k&&de&&(ue?t.jsx("div",{children:t.jsx(nt,{maxWidth:"242px",style:{padding:`12px ${a.sp3}`},title:t.jsxs($i,{children:[t.jsx(Jt,{children:`${x.paymentOf} ${me("0,0.[00]",{amount:A.initiatedRepayments.amount,currencyCode:A.initiatedRepayments.currencyCode,currencySymbol:A.initiatedRepayments.currencySymbol})} ${x.madeOn} `}),t.jsx(Ii,{children:A.initiatedRepaymentDate?.format(je.visual.MMMDFormat)}),R.strings.space,t.jsx(Jt,{children:Tt?at?x.isProcessingAndWillResetTheCreditLimitIn23BusinessDays:x.isProcessingAndWillUpdateTheCreditLimitIn23BusinessDays:at?x.isProcessingAndWillResetTheCreditLimitIn1BusinessDay:x.isProcessingAndWillUpdateTheCreditLimitIn1BusinessDay})]}),placement:"bottom",children:t.jsxs(Wt,{hasPointer:!1,children:[rt.length>0&&t.jsx(dt,{slideUpCount:rt.length,style:{alignItems:"flex-end",width:"auto"},children:rt.map((i,s)=>t.jsx(bi,{children:i},`card-payment-initiated-${s.toString()}`))}),t.jsx(xi,{})]})})}):et?t.jsx(nt,{variant:"informative",arrow:!0,style:{top:a.sp2,left:"22px",position:"relative"},data:{preHeading:"URGENT",heading:x.creditLimitIsLow,description:x.transactionsMayBeDeclinedBecauseTheCreditLimitIsRunningLow,buttonText:x.payNow,tooltipContentStyle:{width:"240px",boxSizing:"content-box",gap:a.sp0},tooltipIntroductionStyle:{color:p.important},buttonStyle:{width:"31%"},onButtonClick:()=>{ze(!1),ge("Toast Button","Pay Now")},showCloseButton:!0,onClose:i=>{i.preventDefault(),i.stopPropagation(),ze(!1)}},title:"informative",placement:"bottom-end",open:Ia&&Ha,children:t.jsxs(Wt,{ref:ot,onClick:()=>{ze(!1),ge("Text Button","Pay Now")},hasPointer:!0,children:[tt.length>0&&t.jsx(dt,{slideUpCount:tt.length,style:{alignItems:"flex-end",width:"auto"},children:tt.map((i,s)=>t.jsx(gi,{isImportant:s===1,children:i},`card-pay-now-${s.toString()}`))}),t.jsx(Ht,{})]})}):ce.amount>0?t.jsxs(fi,{onClick:()=>ge("Text Button","Pay Early"),children:[x.payEarly,t.jsx(Ht,{})]}):null)]})]}):y&&E?t.jsx(Vt,{cardType:"creditCard","data-testid":V("card-list-page-promo-card-back","credit"),header:b.listPage.spendSmarter,title:b.listPage.setUpText.replace("__cardType__",b.listPage.credit),creditLimit:st("0,0",Ce.amount,Ce.currencySymbol),onCreateNowClick:bt}):Re?t.jsx(Ut,{cardPromoType:"credit","data-testid":V("card-list-page-promo-card","credit"),cardText:b.listPage.creditCards,header:b.listPage.getAccessTo,title:b.listPage.creditCards,subTitle:b.listPage.promoSubText.credit,slidingTextList:Gt("credit",Ne,{amount:w,currencyCode:Ce.currencyCode,currencySymbol:Ce.currencySymbol}),onClick:gt,status:Bt?"rejected":Rt?"under_review":void 0,statusMessage:Bt?b.listPage.status.rejectedMessage:Rt?b.listPage.status.underReviewMessage:void 0}):null,_a||Va?t.jsxs(Yt,{windowSize:D,"data-testid":V("debit-spend-bar-container"),children:[t.jsxs(Xt,{children:[t.jsx(Zt,{children:t.jsxs(ea,{children:[t.jsx(Kt,{children:O.debitCardSpend}),t.jsx(ie,{amount:e.debitCardSummary?.currentMonthSpends,integerStyles:{...M.h5Regular.cssObject},decimalStyles:{...M.largeSemiBold.cssObject}})]})}),t.jsx(Di,{children:Ie!==0?t.jsxs(t.Fragment,{children:[Ie<0?t.jsx(Ri,{}):t.jsx(Bi,{}),t.jsx(Mi,{hasNegativeValue:Ie<0,children:st("0,0.00",Ie,e.debitCardSummary?.currentMonthSpends.currencySymbol)}),t.jsx(ca,{children:O.compareToLastMonth})]}):null})]}),t.jsx(da,{children:t.jsx(Ae,{children:`${R.texts.limitReset} ${le!=null?le.format(je.visual.MMMDFormat):null}`})})]}):S&&I?t.jsx(Vt,{cardType:"debitCard","data-testid":V("card-list-page-promo-card-back","debit"),header:b.listPage.spendSmarter,title:b.listPage.setUpText.replace("__cardType__",b.listPage.debit),onCreateNowClick:bt}):S?t.jsx(Ut,{cardPromoType:"debit","data-testid":V("card-list-page-promo-card","debit"),cardText:b.listPage.debitCards,header:b.listPage.getAccessTo,title:b.listPage.debitCards,subTitle:b.listPage.promoSubText.debit,slidingTextList:Gt("debit",Ne),onClick:gt}):null,t.jsxs(Ti,{windowSize:D,"data-testid":V("credit-spend-info-container"),children:[Te?t.jsxs(vi,{children:[t.jsx(Ae,{style:{textAlign:"start"},children:O.totalCashback}),t.jsx(ie,{amount:e.totalCashback,style:{justifyContent:"flex-start"},integerStyles:M.h5Regular.cssObject,decimalStyles:M.smallSemiBold.cssObject}),e.totalCashback.amount>0?t.jsx(Ei,{windowSize:D,children:t.jsxs(Ni,{windowSize:D,onClick:wa,"data-testid":V("total-cashback-info"),children:[t.jsx(Li,{children:O.overview}),t.jsx(_i,{})]})}):null]}):null,t.jsx(Vi,{children:t.jsx(Wi,{})})]})]}),e.cards.length===0&&ee===!0||Na?t.jsx(Ui,{children:t.jsx(Lr,{companyLegalName:d,cards:e.cards,admins:u,hasZeniFinopsRoles:Se,cashbackRate:Ne})}):t.jsxs(t.Fragment,{children:[Ue&&o.cardId!=null&&C&&t.jsx(Ot,{showCloseCardDrawer:!0,onCloseCloseCardDrawer:()=>{xe(!1),P()},isChargeCardAdmin:!0,chargeCardsByCardId:{[o.cardId]:C},cardRecurringExpensesByCardId:{[o.cardId]:o.recurringExpenses},cardRecurringExpenseFetchState:o.recurringExpensesFetchState.fetchState,closeCardFetchState:o.closeChargeCardsFetchState.fetchState,onConfirmClick:Ga,onDismissClick:()=>{xe(!1),P()},onRemoveCardClick:()=>{}}),_e&&o.cardId!=null&&C&&t.jsx(_t,{showLockCardDrawer:!0,onCloseLockCardDrawer:()=>{fe(!1),P()},isChargeCardAdmin:!0,chargeCardsByCardId:{[o.cardId]:C},cardRecurringExpensesByCardId:{[o.cardId]:o.recurringExpenses},cardRecurringExpenseFetchState:o.recurringExpensesFetchState.fetchState,lockCardFetchState:o.lockChargeCardsFetchState.fetchState,onConfirmClick:Ja,onDismissClick:()=>{fe(!1),P()},onRemoveCardClick:()=>{}}),Aa&&h.bulkActionCardIds.length>0&&t.jsx(Ot,{showCloseCardDrawer:!0,onCloseCloseCardDrawer:()=>{Q(!1),j([])},isChargeCardAdmin:!0,chargeCardsByCardId:ae.chargeCardsByCardId,cardRecurringExpensesByCardId:ae.cardRecurringExpensesByCardId,cardRecurringExpenseFetchState:ae.fetchState,closeCardFetchState:e.closeChargeCardsFetchState.fetchState,onConfirmClick:Ya,onDismissClick:()=>{Q(!1),j([])},onRemoveCardClick:Mt}),ja&&h.bulkActionCardIds.length>0&&t.jsx(_t,{showLockCardDrawer:!0,onCloseLockCardDrawer:()=>{K(!1),j([])},isChargeCardAdmin:!0,chargeCardsByCardId:ae.chargeCardsByCardId,cardRecurringExpensesByCardId:ae.cardRecurringExpensesByCardId,cardRecurringExpenseFetchState:ae.fetchState,lockCardFetchState:e.lockChargeCardsFetchState.fetchState,onConfirmClick:qa,onDismissClick:()=>{K(!1),j([])},onRemoveCardClick:Mt}),Ve&&o.cardId!=null&&C&&t.jsx(Fr,{currentCardName:C.cardName,renameFetchState:o.updateChargeCardNameFetchState.fetchState,onCancelClick:()=>{We(!1),P()},onSubmitClick:i=>{o.cardId!=null&&ba(o.cardId,i)}}),He&&o.cardId!=null&&C&&t.jsx(Tr,{controllerEmails:q,isChargeCardFeatureEnabled:y,isDebitCardFeatureEnabled:S,isDebitCardSetupEnabled:I,isChargeCardSetupEnabled:E,productInformation:$e,cashbackInformation:te,creditAccountInformation:we,debitAccountInformation:ke,cardDetail:C,depositAccountLimitFetchState:o.depositAccountLimitFetchState.fetchState,creditAccount:g,creditAccountRepayment:A,signedInUser:Be,isDebitCard:C.type.code.includes("debit"),classListFetchState:"Not-Started",currentLimitAmount:C.limit,currentSpentAmount:C.balance,maxLimitAmount:C.type.code.includes("debit")?o.depositAccountLimit?.cardLimits.dailyCardTransactionLimit:g.limit,isDisabled:C.type.code.includes("debit")&&o.depositAccountLimitFetchState.fetchState!=="Completed",updateLimitFetchState:o.updateChargeCardLimitFetchState.fetchState,onCancelClick:()=>{Ge(!1),P()},onSubmitClick:i=>{if(o.cardId!=null){const s={amount:i,currencyCode:C.limit.currencyCode,currencySymbol:C.limit.currencySymbol};ne(o.cardId,s,C.creditLimitFrequency,me("0,0.[00]",s))}},recommendations:C.recommendations}),La&&T.length>0&&t.jsx(oi,{currentSpentAmount:Pa??{amount:0,currencyCode:T[0].limit.currencyCode,currencySymbol:T[0].limit.currencySymbol},maxLimitAmountForCreditCard:e.creditAccount.limit,maxLimitAmountForDebitCard:Fa,hasCreditCard:h.hasCreditCards,hasDebitCard:h.hasDebitCards,signedInUser:Be,isDisabled:h.hasDebitCards&&N.fetchState!=="Completed",updateLimitFetchState:e.updateChargeCardsSpendLimitFetchState.fetchState,onCancelClick:()=>{ye(!1),j([])},onSubmitClick:i=>{const s={amount:i,currencyCode:T[0].limit.currencyCode,currencySymbol:T[0].limit.currencySymbol};G(h.bulkActionCardIds,s,T[0].creditLimitFrequency)}}),t.jsx(jr,{cardsSelectedForBulkAction:h.bulkActionCardIds,isBulkActionAllowed:k,firstSelectedCardStatus:Ea,bulkSubmissionLimit:Ar,removeAllCardsFromBulkActionList:()=>j([]),updateBulkActionList:j,onProceedForBulkActionClick:Ta,onBulkLockClick:Ka,onBulkCloseClick:Qa,setShowBulkChangeSpendLimitPopup:ye,depositAccountListWithDebitCardIssued:N,setCardIdForRowAction:Oe,setActionTypeForRowAction:xt,cashbackInformation:te,creditAccountInformation:we,debitAccountInformation:ke,productInformation:$e,controllerEmails:q,isChargeCardFeatureEnabled:y,isCardControlsEnabled:se,isDebitCardFeatureEnabled:S,isDebitCardSetupEnabled:I,isChargeCardSetupEnabled:E,creditAccount:g,creditAccountRepayment:A,cardList:e.cards,showViewForCardUser:!1,signedInUser:Be,fetchState:e.fetchState,revokeChargeCardsInviteFetchState:e.revokeChargeCardsInviteFetchState.fetchState,unlockChargeCardsFetchState:e.unlockChargeCardsFetchState.fetchState,onReloadCards:Sa,onChargeCardRowClick:ga,searchText:c,receiptBotEmail:e.chargeCardConfig.receiptBotEmail,uiState:la,resendInviteId:e?.resendCardInvite?.cardId,onColumnSortConfigChanged:ka,onChargeCardResendInviteClick:fa,rowActionView:o})]})]})]})},gi=r(aa)`
   color: ${e=>e.isImportant?p.important:e.theme.colors.primary};
   text-align: end;
 `,bi=r(aa)`
@@ -350,7 +350,7 @@ import{a8 as Za,aR as z,ax as er,fY as tr,iR as W,J as Pe,o as a,y as ta,V as t,
 `,Ae=r(Y)`
   color: ${e=>e.theme.colors.hero};
   white-space: nowrap;
-`,Ri=r.div`
+`,Di=r.div`
   display: flex;
   align-items: center;
   gap: ${a.sp1};
@@ -358,9 +358,9 @@ import{a8 as Za,aR as z,ax as er,fY as tr,iR as W,J as Pe,o as a,y as ta,V as t,
   margin-top: 20px;
 `,ca=r(dr)`
   color: ${e=>e.theme.colors.hero};
-`,Di=r(ca)`
+`,Mi=r(ca)`
   color: ${e=>e.hasNegativeValue?p.success:p.important};
-`,Mi=r(Mr)`
+`,Ri=r(Rr)`
   color: ${p.success};
   width: ${a.sp3};
   height: ${a.sp3};
@@ -409,4 +409,4 @@ import{a8 as Za,aR as z,ax as er,fY as tr,iR as W,J as Pe,o as a,y as ta,V as t,
 `,ea=r.div``,Vi=r.div`
   height: ${a.sp10};
   width: ${a.sp10};
-`;function Wi(){switch(ta().mode){case"light":return t.jsx(Dr,{});case"dark":default:return t.jsx(Rr,{})}}export{po as default,Gt as getPromoSlidingTextList};
+`;function Wi(){switch(ta().mode){case"light":return t.jsx(Mr,{});case"dark":default:return t.jsx(Dr,{})}}export{po as default,Gt as getPromoSlidingTextList};

package/dist/assets/{ChargeCardListTable-DM_h-dzr-JfLZMhMV.js → ChargeCardListTable-BLQucs67-dVRRo8zw.js}

@@ -1,4 +1,4 @@
-import{ce as ni,V as t,a9 as li,ad as di,F as le,J as ie,ax as Se,a8 as ci,y as ze,h1 as hi,iS as pi,iT as ui,iU as mi,aS as gi,o as i,ab as G,cn as xi,w as Re,p as I,b4 as wi,cv as Ci,iV as fi,iW as yi,bU as ye,cy as Oe,bP as Si,aU as ki,x as C,eI as vi,bb as ji,iX as $i,aV as bi,h as Ii,aj as ee,h4 as Li,an as Y,am as J,u as p,cL as zi,eG as Fi,iY as Ai,iZ as Pi,H as ft,bZ as yt,i_ as St,i$ as Bi,bS as Ri,cB as Ye,j0 as kt,dw as Di,dx as q,aP as ce,cx as vt,k as jt,j1 as _i,cE as Ei,iK as Je,bL as $t,bN as bt,j2 as Ti,j3 as Oi,aW as je,bu as Vi,b_ as Ui,b$ as Ni,j4 as Mi}from"./index-BPv2nRQb.js";import{P as pe,a as f}from"./sentry-DBSEoG3b.js";import{n as o,c as Xe}from"./mui-DdxImnN0.js";import{T as It}from"./RoleWithToolTip-D6q4Wd6X-Ba41qnE5.js";import{j as Ve}from"./CardNumberSubText-BEVRq2PI-DDGQHtM7.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},s=new e.Error().stack;s&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[s]="3738e0d7-1ead-4eed-9583-571a39faa350",e._sentryDebugIdIdentifier="sentry-dbid-3738e0d7-1ead-4eed-9583-571a39faa350")}catch{}})();const ge=le.getLocalizedStrings().spendManagement.chargeCard.cardList.header,Wi=le.getLocalizedStrings().common.strings.empty,Ze={key:"owner",value:ge.owner,sortOrder:"ascending",width:new C(120,120,160,200,200)},Qe={key:"cardName",value:ge.cardName,sortOrder:"ascending",width:new C(120,120,160,171,171)},et={key:"cardType",value:ge.cardType,sortOrder:"ascending",width:new C(120,120,130,170,170)},tt={key:"status",value:ge.status,sortOrder:"ascending",width:new C(115,115,125,132,132)},it={key:"utilisation",value:ge.utilisation,sortOrder:"ascending",width:new C(p[11],p[11],p[11],p[12],120)},ot={key:"limit",value:ge.limit,sortOrder:"ascending",width:new C(68,68,68,120,120)},Lt=e=>e===!0?[{...Ze,width:new C(0,0),value:Wi},Qe,et,tt,it,ot]:[Ze,Qe,et,tt,it,ot],{common:Ce,spendManagement:{billPay:{paymentDetails:{feePercent:Hi}},chargeCard:j}}=le.getLocalizedStrings(),re={containerPaddingLeft:new C(p[3],p[2]),containerPaddingRight:new C(p[2],p[3]),containerPaddingTop:new C(p[2],p[3]),containerPaddingBottom:new C(p[2],p[3]),containerMarginLeft:new C(p[4],p[0]),containerMarginRight:new C(p[4],p[0]),webkitLineClamp:new C(2,1,1,1,1)};var Ki=(e=>(e.CLOSE="close",e.LOCK="lock",e.UNLOCK="unlock",e.RENAME="rename",e.UPDATE_SPEND_LIMIT="update_spend_limit",e.REVOKE_INVITE="revoke_invite",e))(Ki||{});const qi={moreItemFont:new ft("extraSmallRegular","smallRegular")},Gi=({setCardIdForRowAction:e,setActionTypeForRowAction:s,rowActionView:r,revokeChargeCardsInviteFetchState:d,unlockChargeCardsFetchState:c,cardsSelectedForBulkAction:l,cardDetail:a,isCardControlsEnabled:n,showViewForCardUser:x,signedInUser:w,resendInviteId:g,index:S,onChargeCardRowClick:$,onChargeCardResendInviteClick:k})=>{const[h,m]=f.useState(!1),[y,B]=f.useState(!1);f.useEffect(()=>{h||B(!1)},[h]),f.useEffect(()=>{l.length>0&&h&&(m(!1),B(!1))},[l.length,h]);const R=r.cardId===a.id,D=l.includes(a.id),z=R&&r.unlockChargeCardsFetchState.fetchState==="In-Progress"||D&&c==="In-Progress",N=R&&r.revokeChargeCardFetchState.fetchState==="In-Progress"||D&&d==="In-Progress",u=z||N,v=ie(),E=!!Se().loggedInUserRole.includes("charge_card_user")||x,M=f.useCallback(()=>{$(a.id,S)},[a.id]),O=kt(a)/a.limit.amount*100,W=a?.cardHolderUserId===w.userId,A=a.status.code!=="closed"&&a.status.code!=="closed_by_customer",V=Di(a.cardHolderUser,!1),H=a.balance,F=Lt(E),te=t.jsxs(t.Fragment,{children:[t.jsx(q,{isLoading:u,customStyle:{width:i.sp9,height:"20px",borderRadius:i.sp1},children:t.jsx(uo,{title:ce("0,0.[00]",H),className:"amountToUtilize",children:ce("0,0.[00]",H)})}),O!==0?t.jsx(q,{isLoading:u,customStyle:{width:i.sp11,height:i.sp3,borderRadius:i.sp1},children:t.jsx(mo,{className:"amountToUtilize",children:`${Math.round(O)}${Hi}`})}):null]}),X=a.type.code,_=j.cardList.tooltip[X],de=_!=null?W?_.self:`${V} ${_.cardUser}`:Ce.strings.empty;return t.jsx(Ji,{windowSize:v,children:t.jsx(Xi,{onClick:M,"data-testid":G("card-row",a.id),children:t.jsxs(Qi,{children:[E?null:t.jsx(ue,{children:t.jsxs(eo,{windowSize:v,responsiveWidth:F[0].width,children:[t.jsx(q,{isLoading:u,flex:"0 0",customStyle:{width:i.sp6,height:i.sp6,borderRadius:"50%"},children:t.jsx(vt,{personBasic:a.cardHolderUser,styles:{height:i.sp6,width:i.sp6,minWidth:i.sp6}})}),t.jsxs(io,{isLoading:u,children:[t.jsx(to,{isLoading:u,children:t.jsx(q,{isLoading:u,customStyle:{width:"88px",height:"20px",borderRadius:i.sp1},children:t.jsx(oo,{windowSize:v,title:V,className:"cardHolderName",children:V===Ce.strings.empty?Ce.strings.hyphen:V})})}),t.jsx(q,{isLoading:u,customStyle:{width:"104px",height:i.sp3,borderRadius:i.sp1},children:t.jsx(nt,{className:"additionalInfoContainer",children:a.cardHolderRoles?.userRoles!=null&&t.jsx(It,{roles:a.cardHolderRoles?.userRoles})})})]})]})}),t.jsx(ue,{children:t.jsxs(no,{isLoading:u,windowSize:v,responsiveWidth:F[1].width,children:[t.jsx(q,{isLoading:u,customStyle:{width:"88px",height:"20px",borderRadius:i.sp1},children:t.jsx(lo,{title:a.cardName,className:"cardName",children:a.cardName})}),t.jsxs(q,{isLoading:u,customStyle:{width:"104px",height:i.sp3,borderRadius:i.sp1},children:[" ",t.jsx(yo,{windowSize:v,className:"cardNameSubText",children:a.status.code==="request_on_hold"?Ce.strings.hyphen:j.cardDetails.expiryHideOut+Ce.strings.space+a.accountLast4})]})]})}),t.jsx(ue,{children:t.jsx(co,{windowSize:v,responsiveWidth:F[2].width,children:t.jsx(ho,{className:"card-type",children:t.jsx(q,{isLoading:u,customStyle:{width:"144px",height:i.sp4,borderRadius:i.sp1},children:t.jsx(Ve,{cardDetail:a,forDetailPage:!1})})})})}),t.jsx(ue,{children:t.jsx(lt,{windowSize:v,isLoading:u,responsiveWidth:F[3].width,children:t.jsx(q,{isLoading:u,customStyle:{width:"112px",height:i.sp4,borderRadius:i.sp1},children:g===a.id?t.jsx(jt,{size:"Small",start:!0}):t.jsxs(po,{children:[t.jsx(wo,{children:a.status.code==="request_on_hold"?t.jsxs(ye,{display:"flex",title:de,placement:"top",style:{padding:`${i.sp2} ${i.sp3}`},children:[t.jsx(Le,{status:a.status.code,style:{cursor:"pointer"}}),t.jsx(go,{style:{marginLeft:i.sp1},className:"infoIconTooltip"})]}):t.jsx(Le,{status:a.status.code})}),a.status.code==="request_on_hold"&&!W?t.jsx(xo,{onClick:K=>{K.stopPropagation(),k(a.id)},"data-testid":G("send-reminder",a.id),children:j.cardList.sendReminder}):null]})})})}),t.jsx(ue,{children:t.jsx(lt,{windowSize:v,isLoading:u,responsiveWidth:F[4].width,children:te})}),t.jsx(ue,{children:t.jsxs(so,{windowSize:v,responsiveWidth:F[5].width,children:[t.jsxs(ro,{windowSize:v,isLoading:u,children:[t.jsx(q,{isLoading:u,customStyle:{width:"68px",height:"20px",borderRadius:i.sp1},children:t.jsx(ao,{className:"limitAmount",windowSize:v,title:ce("0,0.[00]",a.limit),children:ce("0,0.[00]",a.limit)})}),t.jsx(nt,{className:"additionalInfoContainer",children:t.jsx(q,{isLoading:u,customStyle:{width:i.sp8,height:i.sp3,borderRadius:i.sp1},children:a.creditLimitFrequency.name})})]}),t.jsx(Co,{className:"menu-icon",onMouseEnter:()=>{!h&&A&&B(!0)},onMouseLeave:()=>{A&&B(!1)},children:(()=>{const K=a.status.code==="locked",oe=a.status.code==="closed"||a.status.code==="closed_by_customer",xe=E?n&&!u&&!oe&&!(K&&a.isLockedByAdmin):n?!u&&A:a.status.code==="request_on_hold",b=l.length>0;return xe&&t.jsx(ye,{open:y&&!h&&!b,variant:"standard",title:j.cardList.moreActionsTooltip,placement:"bottom-end",children:t.jsx(Oe,{isMenuVisible:!0,menuItems:t.jsx(fo,{children:t.jsx(zt,{cardDetail:a,isCardControlsEnabled:n,isChargeCardUser:E,setIsMenuOpen:m,setCardIdForRowAction:e,setActionTypeForRowAction:s})}),setIsMenuOpen:Fe=>{b||m(Fe)},isMenuOpen:h&&!b,menuIconStyles:{height:"auto",cursor:b?"not-allowed":"pointer",opacity:b?.5:1,pointerEvents:b?"none":"auto"},styles:{transform:`translate(${i.sp3},${i.sp2})`}})})})()})]})})]})})})},zt=({cardDetail:e,isCardControlsEnabled:s,isChargeCardUser:r,setIsMenuOpen:d,setCardIdForRowAction:c,setActionTypeForRowAction:l})=>{const a=ie();return s?e.status.code==="request_on_hold"?r?t.jsxs(L,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("rename")},children:[t.jsx(se,{}),t.jsx(T,{children:j.cardDetails.moreOptions.rename})]}):t.jsxs(t.Fragment,{children:[t.jsxs(L,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("rename")},children:[t.jsx(se,{}),t.jsx(T,{children:j.cardDetails.moreOptions.rename})]}),t.jsx($e,{}),t.jsxs(L,{hoverImportant:!0,windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("revoke_invite")},children:[t.jsx(Zi,{}),t.jsx(fe,{children:j.cardDetails.revokeInvite})]})]}):e.status.code==="inactive"?r?t.jsxs(L,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("rename")},children:[t.jsx(se,{}),t.jsx(T,{children:j.cardDetails.moreOptions.rename})]}):t.jsxs(t.Fragment,{children:[t.jsxs(L,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("rename")},children:[t.jsx(se,{}),t.jsx(T,{children:j.cardDetails.moreOptions.rename})]}),t.jsx($e,{}),t.jsxs(L,{hoverImportant:!0,windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("close")},children:[t.jsx(Be,{}),t.jsx(fe,{children:j.cardDetails.moreOptions.close})]})]}):e.status.code==="locked"?r?t.jsxs(t.Fragment,{children:[t.jsxs(L,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("unlock")},children:[t.jsx(at,{}),t.jsx(T,{children:j.cardDetails.moreOptions.unlock})]}),t.jsxs(L,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("rename")},children:[t.jsx(se,{}),t.jsx(T,{children:j.cardDetails.moreOptions.rename})]})]}):t.jsxs(t.Fragment,{children:[t.jsxs(L,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("unlock")},children:[t.jsx(at,{}),t.jsx(T,{children:j.cardDetails.moreOptions.unlock})]}),t.jsxs(L,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("rename")},children:[t.jsx(se,{}),t.jsx(T,{children:j.cardDetails.moreOptions.rename})]}),t.jsxs(L,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("update_spend_limit")},children:[t.jsx(st,{}),t.jsx(T,{children:j.cardDetails.moreOptions.updateSpendLimit})]}),t.jsx($e,{}),t.jsxs(L,{hoverImportant:!0,windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("close")},children:[t.jsx(Be,{}),t.jsx(fe,{children:j.cardDetails.moreOptions.close})]})]}):r?t.jsxs(t.Fragment,{children:[t.jsxs(L,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("rename")},children:[t.jsx(se,{}),t.jsx(T,{children:j.cardDetails.moreOptions.rename})]}),t.jsxs(L,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("lock")},children:[t.jsx(rt,{}),t.jsx(T,{children:j.cardDetails.moreOptions.lock})]})]}):t.jsxs(t.Fragment,{children:[t.jsxs(L,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("update_spend_limit")},children:[t.jsx(st,{}),t.jsx(T,{children:j.cardDetails.moreOptions.updateSpendLimit})]}),t.jsxs(L,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("rename")},children:[t.jsx(se,{}),t.jsx(T,{children:j.cardDetails.moreOptions.rename})]}),t.jsxs(L,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("lock")},children:[t.jsx(rt,{}),t.jsx(T,{children:j.cardDetails.moreOptions.lock})]}),t.jsx($e,{}),t.jsxs(L,{windowSize:a,hoverImportant:!0,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("close")},children:[t.jsx(Be,{}),t.jsx(fe,{children:j.cardDetails.moreOptions.close})]})]}):e.status.code==="request_on_hold"?t.jsx(L,{hoverImportant:!0,windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("revoke_invite")},children:t.jsx(fe,{children:j.cardDetails.revokeInvite})}):null},Le=({status:e,style:s})=>{const r=ze(),d=Yi(e,r),c=le.getLocalizedStrings().spendManagement.chargeCard.cardList.status;return ie()==="small"?t.jsx(Je,{textColor:d,text:c[e],tagStyles:{maxWidth:i.sp10,textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap",padding:"1px 6px",...s}}):t.jsx(Je,{textColor:d,text:c[e],styles:s,tagStyles:{padding:"1px 6px"}})},Yi=(e,s)=>{switch(e){case"active":return new je(I.success);case"request_on_hold":return new je(I.graphColor36);case"inactive":return new je(I.alert);default:return new je(s.colors.grey1)}},T=o(J)`
+import{ce as ni,V as t,a9 as li,ad as di,F as le,J as ie,ax as Se,a8 as ci,y as ze,h1 as hi,iS as pi,iT as ui,iU as mi,aS as gi,o as i,ab as G,cn as xi,w as Re,p as I,b4 as wi,cv as Ci,iV as fi,iW as yi,bU as ye,cy as Oe,bP as Si,aU as ki,x as C,eI as vi,bb as ji,iX as $i,aV as bi,h as Ii,aj as ee,h4 as Li,an as Y,am as J,u as p,cL as zi,eG as Fi,iY as Ai,iZ as Pi,H as ft,bZ as yt,i_ as St,i$ as Bi,bS as Ri,cB as Ye,j0 as kt,dw as Di,dx as q,aP as ce,cx as vt,k as jt,j1 as _i,cE as Ei,iK as Je,bL as $t,bN as bt,j2 as Ti,j3 as Oi,aW as je,bu as Vi,b_ as Ui,b$ as Ni,j4 as Mi}from"./index-D-BANbLd.js";import{P as pe,a as f}from"./sentry-OhwUF_66.js";import{n as o,c as Xe}from"./mui-AW-QpJ2k.js";import{T as It}from"./RoleWithToolTip-XCmNsd2N-DcGnYG_x.js";import{j as Ve}from"./CardNumberSubText-B5F6n20g-B4j-P-Yo.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},s=new e.Error().stack;s&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[s]="49d83227-fa5e-45fc-9c0b-94d19045daa6",e._sentryDebugIdIdentifier="sentry-dbid-49d83227-fa5e-45fc-9c0b-94d19045daa6")}catch{}})();const ge=le.getLocalizedStrings().spendManagement.chargeCard.cardList.header,Wi=le.getLocalizedStrings().common.strings.empty,Ze={key:"owner",value:ge.owner,sortOrder:"ascending",width:new C(120,120,160,200,200)},Qe={key:"cardName",value:ge.cardName,sortOrder:"ascending",width:new C(120,120,160,171,171)},et={key:"cardType",value:ge.cardType,sortOrder:"ascending",width:new C(120,120,130,170,170)},tt={key:"status",value:ge.status,sortOrder:"ascending",width:new C(115,115,125,132,132)},it={key:"utilisation",value:ge.utilisation,sortOrder:"ascending",width:new C(p[11],p[11],p[11],p[12],120)},ot={key:"limit",value:ge.limit,sortOrder:"ascending",width:new C(68,68,68,120,120)},Lt=e=>e===!0?[{...Ze,width:new C(0,0),value:Wi},Qe,et,tt,it,ot]:[Ze,Qe,et,tt,it,ot],{common:Ce,spendManagement:{billPay:{paymentDetails:{feePercent:Hi}},chargeCard:j}}=le.getLocalizedStrings(),re={containerPaddingLeft:new C(p[3],p[2]),containerPaddingRight:new C(p[2],p[3]),containerPaddingTop:new C(p[2],p[3]),containerPaddingBottom:new C(p[2],p[3]),containerMarginLeft:new C(p[4],p[0]),containerMarginRight:new C(p[4],p[0]),webkitLineClamp:new C(2,1,1,1,1)};var Ki=(e=>(e.CLOSE="close",e.LOCK="lock",e.UNLOCK="unlock",e.RENAME="rename",e.UPDATE_SPEND_LIMIT="update_spend_limit",e.REVOKE_INVITE="revoke_invite",e))(Ki||{});const qi={moreItemFont:new ft("extraSmallRegular","smallRegular")},Gi=({setCardIdForRowAction:e,setActionTypeForRowAction:s,rowActionView:r,revokeChargeCardsInviteFetchState:d,unlockChargeCardsFetchState:c,cardsSelectedForBulkAction:l,cardDetail:a,isCardControlsEnabled:n,showViewForCardUser:x,signedInUser:w,resendInviteId:g,index:S,onChargeCardRowClick:$,onChargeCardResendInviteClick:k})=>{const[h,m]=f.useState(!1),[y,B]=f.useState(!1);f.useEffect(()=>{h||B(!1)},[h]),f.useEffect(()=>{l.length>0&&h&&(m(!1),B(!1))},[l.length,h]);const R=r.cardId===a.id,D=l.includes(a.id),z=R&&r.unlockChargeCardsFetchState.fetchState==="In-Progress"||D&&c==="In-Progress",N=R&&r.revokeChargeCardFetchState.fetchState==="In-Progress"||D&&d==="In-Progress",u=z||N,v=ie(),E=!!Se().loggedInUserRole.includes("charge_card_user")||x,M=f.useCallback(()=>{$(a.id,S)},[a.id]),O=kt(a)/a.limit.amount*100,W=a?.cardHolderUserId===w.userId,A=a.status.code!=="closed"&&a.status.code!=="closed_by_customer",V=Di(a.cardHolderUser,!1),H=a.balance,F=Lt(E),te=t.jsxs(t.Fragment,{children:[t.jsx(q,{isLoading:u,customStyle:{width:i.sp9,height:"20px",borderRadius:i.sp1},children:t.jsx(uo,{title:ce("0,0.[00]",H),className:"amountToUtilize",children:ce("0,0.[00]",H)})}),O!==0?t.jsx(q,{isLoading:u,customStyle:{width:i.sp11,height:i.sp3,borderRadius:i.sp1},children:t.jsx(mo,{className:"amountToUtilize",children:`${Math.round(O)}${Hi}`})}):null]}),X=a.type.code,_=j.cardList.tooltip[X],de=_!=null?W?_.self:`${V} ${_.cardUser}`:Ce.strings.empty;return t.jsx(Ji,{windowSize:v,children:t.jsx(Xi,{onClick:M,"data-testid":G("card-row",a.id),children:t.jsxs(Qi,{children:[E?null:t.jsx(ue,{children:t.jsxs(eo,{windowSize:v,responsiveWidth:F[0].width,children:[t.jsx(q,{isLoading:u,flex:"0 0",customStyle:{width:i.sp6,height:i.sp6,borderRadius:"50%"},children:t.jsx(vt,{personBasic:a.cardHolderUser,styles:{height:i.sp6,width:i.sp6,minWidth:i.sp6}})}),t.jsxs(io,{isLoading:u,children:[t.jsx(to,{isLoading:u,children:t.jsx(q,{isLoading:u,customStyle:{width:"88px",height:"20px",borderRadius:i.sp1},children:t.jsx(oo,{windowSize:v,title:V,className:"cardHolderName",children:V===Ce.strings.empty?Ce.strings.hyphen:V})})}),t.jsx(q,{isLoading:u,customStyle:{width:"104px",height:i.sp3,borderRadius:i.sp1},children:t.jsx(nt,{className:"additionalInfoContainer",children:a.cardHolderRoles?.userRoles!=null&&t.jsx(It,{roles:a.cardHolderRoles?.userRoles})})})]})]})}),t.jsx(ue,{children:t.jsxs(no,{isLoading:u,windowSize:v,responsiveWidth:F[1].width,children:[t.jsx(q,{isLoading:u,customStyle:{width:"88px",height:"20px",borderRadius:i.sp1},children:t.jsx(lo,{title:a.cardName,className:"cardName",children:a.cardName})}),t.jsxs(q,{isLoading:u,customStyle:{width:"104px",height:i.sp3,borderRadius:i.sp1},children:[" ",t.jsx(yo,{windowSize:v,className:"cardNameSubText",children:a.status.code==="request_on_hold"?Ce.strings.hyphen:j.cardDetails.expiryHideOut+Ce.strings.space+a.accountLast4})]})]})}),t.jsx(ue,{children:t.jsx(co,{windowSize:v,responsiveWidth:F[2].width,children:t.jsx(ho,{className:"card-type",children:t.jsx(q,{isLoading:u,customStyle:{width:"144px",height:i.sp4,borderRadius:i.sp1},children:t.jsx(Ve,{cardDetail:a,forDetailPage:!1})})})})}),t.jsx(ue,{children:t.jsx(lt,{windowSize:v,isLoading:u,responsiveWidth:F[3].width,children:t.jsx(q,{isLoading:u,customStyle:{width:"112px",height:i.sp4,borderRadius:i.sp1},children:g===a.id?t.jsx(jt,{size:"Small",start:!0}):t.jsxs(po,{children:[t.jsx(wo,{children:a.status.code==="request_on_hold"?t.jsxs(ye,{display:"flex",title:de,placement:"top",style:{padding:`${i.sp2} ${i.sp3}`},children:[t.jsx(Le,{status:a.status.code,style:{cursor:"pointer"}}),t.jsx(go,{style:{marginLeft:i.sp1},className:"infoIconTooltip"})]}):t.jsx(Le,{status:a.status.code})}),a.status.code==="request_on_hold"&&!W?t.jsx(xo,{onClick:K=>{K.stopPropagation(),k(a.id)},"data-testid":G("send-reminder",a.id),children:j.cardList.sendReminder}):null]})})})}),t.jsx(ue,{children:t.jsx(lt,{windowSize:v,isLoading:u,responsiveWidth:F[4].width,children:te})}),t.jsx(ue,{children:t.jsxs(so,{windowSize:v,responsiveWidth:F[5].width,children:[t.jsxs(ro,{windowSize:v,isLoading:u,children:[t.jsx(q,{isLoading:u,customStyle:{width:"68px",height:"20px",borderRadius:i.sp1},children:t.jsx(ao,{className:"limitAmount",windowSize:v,title:ce("0,0.[00]",a.limit),children:ce("0,0.[00]",a.limit)})}),t.jsx(nt,{className:"additionalInfoContainer",children:t.jsx(q,{isLoading:u,customStyle:{width:i.sp8,height:i.sp3,borderRadius:i.sp1},children:a.creditLimitFrequency.name})})]}),t.jsx(Co,{className:"menu-icon",onMouseEnter:()=>{!h&&A&&B(!0)},onMouseLeave:()=>{A&&B(!1)},children:(()=>{const K=a.status.code==="locked",oe=a.status.code==="closed"||a.status.code==="closed_by_customer",xe=E?n&&!u&&!oe&&!(K&&a.isLockedByAdmin):n?!u&&A:a.status.code==="request_on_hold",b=l.length>0;return xe&&t.jsx(ye,{open:y&&!h&&!b,variant:"standard",title:j.cardList.moreActionsTooltip,placement:"bottom-end",children:t.jsx(Oe,{isMenuVisible:!0,menuItems:t.jsx(fo,{children:t.jsx(zt,{cardDetail:a,isCardControlsEnabled:n,isChargeCardUser:E,setIsMenuOpen:m,setCardIdForRowAction:e,setActionTypeForRowAction:s})}),setIsMenuOpen:Fe=>{b||m(Fe)},isMenuOpen:h&&!b,menuIconStyles:{height:"auto",cursor:b?"not-allowed":"pointer",opacity:b?.5:1,pointerEvents:b?"none":"auto"},styles:{transform:`translate(${i.sp3},${i.sp2})`}})})})()})]})})]})})})},zt=({cardDetail:e,isCardControlsEnabled:s,isChargeCardUser:r,setIsMenuOpen:d,setCardIdForRowAction:c,setActionTypeForRowAction:l})=>{const a=ie();return s?e.status.code==="request_on_hold"?r?t.jsxs(L,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("rename")},children:[t.jsx(se,{}),t.jsx(T,{children:j.cardDetails.moreOptions.rename})]}):t.jsxs(t.Fragment,{children:[t.jsxs(L,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("rename")},children:[t.jsx(se,{}),t.jsx(T,{children:j.cardDetails.moreOptions.rename})]}),t.jsx($e,{}),t.jsxs(L,{hoverImportant:!0,windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("revoke_invite")},children:[t.jsx(Zi,{}),t.jsx(fe,{children:j.cardDetails.revokeInvite})]})]}):e.status.code==="inactive"?r?t.jsxs(L,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("rename")},children:[t.jsx(se,{}),t.jsx(T,{children:j.cardDetails.moreOptions.rename})]}):t.jsxs(t.Fragment,{children:[t.jsxs(L,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("rename")},children:[t.jsx(se,{}),t.jsx(T,{children:j.cardDetails.moreOptions.rename})]}),t.jsx($e,{}),t.jsxs(L,{hoverImportant:!0,windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("close")},children:[t.jsx(Be,{}),t.jsx(fe,{children:j.cardDetails.moreOptions.close})]})]}):e.status.code==="locked"?r?t.jsxs(t.Fragment,{children:[t.jsxs(L,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("unlock")},children:[t.jsx(at,{}),t.jsx(T,{children:j.cardDetails.moreOptions.unlock})]}),t.jsxs(L,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("rename")},children:[t.jsx(se,{}),t.jsx(T,{children:j.cardDetails.moreOptions.rename})]})]}):t.jsxs(t.Fragment,{children:[t.jsxs(L,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("unlock")},children:[t.jsx(at,{}),t.jsx(T,{children:j.cardDetails.moreOptions.unlock})]}),t.jsxs(L,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("rename")},children:[t.jsx(se,{}),t.jsx(T,{children:j.cardDetails.moreOptions.rename})]}),t.jsxs(L,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("update_spend_limit")},children:[t.jsx(st,{}),t.jsx(T,{children:j.cardDetails.moreOptions.updateSpendLimit})]}),t.jsx($e,{}),t.jsxs(L,{hoverImportant:!0,windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("close")},children:[t.jsx(Be,{}),t.jsx(fe,{children:j.cardDetails.moreOptions.close})]})]}):r?t.jsxs(t.Fragment,{children:[t.jsxs(L,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("rename")},children:[t.jsx(se,{}),t.jsx(T,{children:j.cardDetails.moreOptions.rename})]}),t.jsxs(L,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("lock")},children:[t.jsx(rt,{}),t.jsx(T,{children:j.cardDetails.moreOptions.lock})]})]}):t.jsxs(t.Fragment,{children:[t.jsxs(L,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("update_spend_limit")},children:[t.jsx(st,{}),t.jsx(T,{children:j.cardDetails.moreOptions.updateSpendLimit})]}),t.jsxs(L,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("rename")},children:[t.jsx(se,{}),t.jsx(T,{children:j.cardDetails.moreOptions.rename})]}),t.jsxs(L,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("lock")},children:[t.jsx(rt,{}),t.jsx(T,{children:j.cardDetails.moreOptions.lock})]}),t.jsx($e,{}),t.jsxs(L,{windowSize:a,hoverImportant:!0,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("close")},children:[t.jsx(Be,{}),t.jsx(fe,{children:j.cardDetails.moreOptions.close})]})]}):e.status.code==="request_on_hold"?t.jsx(L,{hoverImportant:!0,windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("revoke_invite")},children:t.jsx(fe,{children:j.cardDetails.revokeInvite})}):null},Le=({status:e,style:s})=>{const r=ze(),d=Yi(e,r),c=le.getLocalizedStrings().spendManagement.chargeCard.cardList.status;return ie()==="small"?t.jsx(Je,{textColor:d,text:c[e],tagStyles:{maxWidth:i.sp10,textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap",padding:"1px 6px",...s}}):t.jsx(Je,{textColor:d,text:c[e],styles:s,tagStyles:{padding:"1px 6px"}})},Yi=(e,s)=>{switch(e){case"active":return new je(I.success);case"request_on_hold":return new je(I.graphColor36);case"inactive":return new je(I.alert);default:return new je(s.colors.grey1)}},T=o(J)`
   color: inherit;
 `,fe=o(J)`
   color: ${I.important};

package/dist/assets/{ChargeCardPaymentHistoryPage-CPZj9te2-D70Jr31B.js → ChargeCardPaymentHistoryPage-Ctli7jP9-Dv4R4N7Z.js}

@@ -1,4 +1,4 @@
-import{a8 as ze,ax as Re,J as H,y as F,V as t,bD as Ie,w as I,ga as Te,F as T,u as l,o as i,x,jn as De,ce as Be,jo as J,ab as A,b4 as Ae,cv as Oe,iV as Me,bP as Ne,aU as He,am as W,dx as j,g$ as Y,aP as V,bU as We,cx as Ee,bS as Ke,an as N,cB as X,p as $,h0 as pe,fU as me,fQ as ge,cj as Ve,aj as U,iK as ue,bN as Fe,jp as Ue,j1 as _e,cE as Ze,aW as z,j2 as Ye,j3 as Qe}from"./index-BPv2nRQb.js";import{a as S,P as Q}from"./sentry-DBSEoG3b.js";import{n,c as q}from"./mui-DdxImnN0.js";import{t as Ge}from"./SpendManagementSection-B01H6LCd-dV21F-9A.js";import{r as Je,a as Xe,i as ye,g as qe}from"./SpendManagementListViewPage-ErBiPjGh-ZxpEEpcQ.js";import{ck as xe,Gh as fe}from"./zeni-epic-state-1oOVJQJ4.js";import{r as et}from"./auto-transfer-rule-mbafm5D3-CtO92HdQ.js";import"./liveblocks-Dv7Vdu8a.js";import"./core-HDqpewC7.js";import"./recharts-Djp9a38d.js";import"./lottie-V1lTNkDB.js";import"./analytics-DvsRx7_o.js";import"./lexical-CWcQ8pGO.js";import"./utils-rIQAYtge.js";import"./StatusSwitcher-DnuyzbQo-zsneBA5e.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]="2c2b4b6e-a5b4-4595-8972-ff126eefa019",e._sentryDebugIdIdentifier="sentry-dbid-2c2b4b6e-a5b4-4595-8972-ff126eefa019")}catch{}})();const E=T.getLocalizedStrings().spendManagement.chargeCard.paymentHistory.header,tt={key:"paymentDate",value:E.paymentDate,sortOrder:"ascending",width:new x(18,18,18,18,18)},it={key:"sourceAccount",value:E.sourceAccount,sortOrder:"ascending",width:new x(30,30,30,30,30)},nt={key:"paymentStatus",value:E.paymentStatus,sortOrder:"ascending",width:new x(22,22,22,22,22)},ot={key:"initiatedBy",value:E.initiatedBy,sortOrder:"ascending",width:new x(18,18,18,18,18)},at={key:"amount",value:E.amount,sortOrder:"ascending",width:new x(12,12,12,12,12)},we=()=>[tt,it,nt,ot,at],k={containerPaddingLeft:i.sp2,containerPaddingRight:i.sp3,containerPaddingTop:i.sp3,containerPaddingBottom:i.sp3,headerLastColumnTopPadding:new x(l[0],l[4]),headerLastColumnRightPadding:new x(l[3],l[11]),headerLastColumnBottomPadding:new x(l[0],l[4]),headerLastColumnLeftPadding:new x(l[0],l[11]),headerHeight:new x(Ye,Qe)};function st({companyNameSticky:e,sortConfig:o,onColumnSortConfigChanged:c}){const a=F(),r=H(),[d,g]=S.useState(we());S.useEffect(()=>{const s=[...d];for(const m of s)m.key===o.sortKey?m.sortOrder=o.sortOrder:m.sortOrder="ascending";g(s)},[o.sortKey,o.sortOrder]);const y=(s,m)=>{let C=m;o.sortKey===s&&(C=m==="ascending"?"descending":"ascending"),c(s,C)},h=d.find(s=>s.key===o.sortKey)??d[0],p=s=>d.find(m=>m.key===s)?.value??"",u=d.map(s=>s.key),b=T.getLocalizedStrings().spendManagement.chargeCard.paymentHistory;return r==="small"?t.jsxs(ct,{windowSize:r,children:[t.jsxs(mt,{children:[t.jsx(ut,{children:t.jsx(gt,{})}),t.jsx(Ke,{title:b.header.paymentDate,placeholder:b.header.paymentDate,pickerValues:u,valueToLabel:p,selectedValue:o.sortKey,onPickerSelectionChanged:s=>{y(s,"ascending")},optionTextStyle:I.extraSmallRegular,titleTextStyle:I.extraSmallRegular,titleColor:a.colors.primary,selectedOptionColor:a.colors.hero,optionBackgroundColor:a.colors.grey5,downChevronVisible:!1,backgroundColor:a.colors.grey4})]}),t.jsxs(ft,{onClick:()=>y(h.key,h.sortOrder),"data-testid":A("mobile-payment-history-list-sort-clicked",o.sortKey),children:[t.jsx(N,{children:h.value}),t.jsx(ee,{windowSize:r,sortDataValue:o.sortKey,headerdata:h,children:t.jsx(te,{windowSize:r,children:t.jsx(X,{})})})]})]}):t.jsx(dt,{windowSize:r,children:t.jsx(lt,{children:d.map(s=>s.width.value(r)!==0&&t.jsxs(ht,{companyNameSticky:e,sortDataValue:o.sortKey,actualDataValue:s.key,wrapperWidth:s.width,windowSize:r,children:[t.jsxs(xt,{onClick:()=>y(s.key,s.sortOrder),"data-testid":A("payment-history-list-sort-clicked",o.sortKey),children:[t.jsx(N,{children:s.value}),t.jsx(ee,{windowSize:r,sortDataValue:o.sortKey,headerdata:s,children:t.jsx(te,{windowSize:r,children:t.jsx(X,{})})})]}),t.jsx(yt,{sortDataValue:o.sortKey,windowSize:r,isVisible:o.sortKey===s.key&&!(o.sortKey==="paymentDate"&&o.sortOrder==="ascending"),children:t.jsx(pt,{onClick:()=>y("paymentDate","ascending"),"data-testid":A("payment-history-list-sort-cancel",o.sortKey)})})]},s.key))})})}const rt=Q.memo(st),dt=n.div`
+import{a8 as ze,ax as Re,J as H,y as F,V as t,bD as Ie,w as I,ga as Te,F as T,u as l,o as i,x,jn as De,ce as Be,jo as J,ab as A,b4 as Ae,cv as Oe,iV as Me,bP as Ne,aU as He,am as W,dx as j,g$ as Z,aP as V,bU as We,cx as Ee,bS as Ke,an as N,cB as X,p as $,h0 as pe,fU as me,fQ as ge,cj as Ve,aj as U,iK as ue,bN as Fe,jp as Ue,j1 as _e,cE as Ye,aW as z,j2 as Ze,j3 as Qe}from"./index-D-BANbLd.js";import{a as S,P as Q}from"./sentry-OhwUF_66.js";import{n,c as q}from"./mui-AW-QpJ2k.js";import{t as Ge}from"./SpendManagementSection-C0tVpDka-7XRgMTMj.js";import{r as Je,a as Xe,i as ye,g as qe}from"./SpendManagementListViewPage-Bw49YHTs-B7x-SLHw.js";import{ck as xe,GY as fe}from"./zeni-epic-state-DR0XRPUQ.js";import{r as et}from"./auto-transfer-rule-mbafm5D3-DiSmmrWv.js";import"./liveblocks-Db4nLOvA.js";import"./core-IgaX3lD-.js";import"./recharts-DPPWeTqd.js";import"./lottie-D0yKu2h3.js";import"./analytics-6ukc1Do4.js";import"./lexical-BOeaRQ5K.js";import"./utils-Cv-cXrhn.js";import"./StatusSwitcher-2x-HpawS-rvUjyTH4.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]="5933a48f-08ea-42c2-9894-da5d4f968176",e._sentryDebugIdIdentifier="sentry-dbid-5933a48f-08ea-42c2-9894-da5d4f968176")}catch{}})();const E=T.getLocalizedStrings().spendManagement.chargeCard.paymentHistory.header,tt={key:"paymentDate",value:E.paymentDate,sortOrder:"ascending",width:new x(18,18,18,18,18)},it={key:"sourceAccount",value:E.sourceAccount,sortOrder:"ascending",width:new x(30,30,30,30,30)},nt={key:"paymentStatus",value:E.paymentStatus,sortOrder:"ascending",width:new x(22,22,22,22,22)},ot={key:"initiatedBy",value:E.initiatedBy,sortOrder:"ascending",width:new x(18,18,18,18,18)},at={key:"amount",value:E.amount,sortOrder:"ascending",width:new x(12,12,12,12,12)},we=()=>[tt,it,nt,ot,at],k={containerPaddingLeft:i.sp2,containerPaddingRight:i.sp3,containerPaddingTop:i.sp3,containerPaddingBottom:i.sp3,headerLastColumnTopPadding:new x(l[0],l[4]),headerLastColumnRightPadding:new x(l[3],l[11]),headerLastColumnBottomPadding:new x(l[0],l[4]),headerLastColumnLeftPadding:new x(l[0],l[11]),headerHeight:new x(Ze,Qe)};function st({companyNameSticky:e,sortConfig:o,onColumnSortConfigChanged:c}){const a=F(),r=H(),[d,g]=S.useState(we());S.useEffect(()=>{const s=[...d];for(const m of s)m.key===o.sortKey?m.sortOrder=o.sortOrder:m.sortOrder="ascending";g(s)},[o.sortKey,o.sortOrder]);const y=(s,m)=>{let C=m;o.sortKey===s&&(C=m==="ascending"?"descending":"ascending"),c(s,C)},h=d.find(s=>s.key===o.sortKey)??d[0],p=s=>d.find(m=>m.key===s)?.value??"",u=d.map(s=>s.key),b=T.getLocalizedStrings().spendManagement.chargeCard.paymentHistory;return r==="small"?t.jsxs(ct,{windowSize:r,children:[t.jsxs(mt,{children:[t.jsx(ut,{children:t.jsx(gt,{})}),t.jsx(Ke,{title:b.header.paymentDate,placeholder:b.header.paymentDate,pickerValues:u,valueToLabel:p,selectedValue:o.sortKey,onPickerSelectionChanged:s=>{y(s,"ascending")},optionTextStyle:I.extraSmallRegular,titleTextStyle:I.extraSmallRegular,titleColor:a.colors.primary,selectedOptionColor:a.colors.hero,optionBackgroundColor:a.colors.grey5,downChevronVisible:!1,backgroundColor:a.colors.grey4})]}),t.jsxs(ft,{onClick:()=>y(h.key,h.sortOrder),"data-testid":A("mobile-payment-history-list-sort-clicked",o.sortKey),children:[t.jsx(N,{children:h.value}),t.jsx(ee,{windowSize:r,sortDataValue:o.sortKey,headerdata:h,children:t.jsx(te,{windowSize:r,children:t.jsx(X,{})})})]})]}):t.jsx(dt,{windowSize:r,children:t.jsx(lt,{children:d.map(s=>s.width.value(r)!==0&&t.jsxs(ht,{companyNameSticky:e,sortDataValue:o.sortKey,actualDataValue:s.key,wrapperWidth:s.width,windowSize:r,children:[t.jsxs(xt,{onClick:()=>y(s.key,s.sortOrder),"data-testid":A("payment-history-list-sort-clicked",o.sortKey),children:[t.jsx(N,{children:s.value}),t.jsx(ee,{windowSize:r,sortDataValue:o.sortKey,headerdata:s,children:t.jsx(te,{windowSize:r,children:t.jsx(X,{})})})]}),t.jsx(yt,{sortDataValue:o.sortKey,windowSize:r,isVisible:o.sortKey===s.key&&!(o.sortKey==="paymentDate"&&o.sortOrder==="ascending"),children:t.jsx(pt,{onClick:()=>y("paymentDate","ascending"),"data-testid":A("payment-history-list-sort-cancel",o.sortKey)})})]},s.key))})})}const rt=Q.memo(st),dt=n.div`
   top: ${i.sp0};
   left: ${i.sp0};
   z-index: 2;
@@ -46,7 +46,7 @@ import{a8 as ze,ax as Re,J as H,y as F,V as t,bD as Ie,w as I,ga as Te,F as T,u
   overflow: hidden;
   padding-left: ${i.sp3};
   padding-right: ${e=>e.actualDataValue==="amount"?i.sp2:i.sp3};
-`,pt=n(Ze)`
+`,pt=n(Ye)`
   width: ${i.sp3};
   height: ${i.sp3};
   cursor: pointer;
@@ -91,7 +91,7 @@ import{a8 as ze,ax as Re,J as H,y as F,V as t,bD as Ie,w as I,ga as Te,F as T,u
   cursor: pointer;
   gap: 5px;
   color: ${e=>e.theme.colors.primary};
-`,B={containerPaddingLeft:new x(l[3],l[2]),containerPaddingRight:new x(l[2],l[3]),containerPaddingTop:new x(l[2],l[3]),containerPaddingBottom:new x(l[2],l[3]),containerMarginLeft:new x(l[4],l[0]),containerMarginRight:new x(l[4],l[0])},{spendManagement:{chargeCard:{paymentHistory:O}}}=T.getLocalizedStrings(),wt=e=>e.base64!==void 0?`${me}${e.base64.toString()}`:e.url!==void 0?e.url.toString():"",$t=({repayment:e,accountInfo:o,isLatestFailedPayment:c=!1,isLoading:a=!1,isZeniTenant:r,onRetryPaymentClick:d})=>{const{accountLogo:g,accountType:y,depositAccountLast4:h,depositAccountName:p}=o??{},u=H(),b=S.useCallback(Z=>{Z.stopPropagation(),d&&d(e.cardRepaymentId)},[d,e.cardRepaymentId]),s=T.getLocalizedStrings(),m=e.repaymentDate.format(s.dateFormat.visual.MMMDCommaYYYYformat),C=qe(p,h,O.sourceAccountUnknown),v=ye(e),w=e.paidByUser?.email?.endsWith("@zeni.ai")??!1,f=v||!r&&w,R=f?O.autopay:xe(e.paidByUser),D=e.status==="Rejected"||e.status==="Returned",K=e.status==="Sent",_=e.updateTime.format(s.dateFormat.visual.MMMDCommaYYYYformat),P=we();return t.jsx(St,{windowSize:u,children:t.jsx(Ct,{children:t.jsxs(Pt,{children:[t.jsx(kt,{windowSize:u,responsiveWidth:P[0].width,children:t.jsx(j,{isLoading:a,customStyle:{width:"100px",height:"20px",borderRadius:i.sp1},children:K?t.jsx(We,{placement:"bottom-start",title:t.jsxs(Qt,{children:[t.jsxs(oe,{children:[t.jsx(ae,{children:O.initiatedOn}),t.jsx(se,{children:m})]}),t.jsxs(oe,{children:[t.jsx(ae,{children:O.completedOn}),t.jsx(se,{children:_})]})]}),style:{padding:"12px 16px"},display:"block",children:t.jsx(ie,{className:"paymentDate",children:m})}):t.jsx(ie,{className:"paymentDate",children:m})})}),t.jsxs(Lt,{windowSize:u,responsiveWidth:P[1].width,children:[t.jsx(j,{isLoading:a,customStyle:{width:i.sp4,height:i.sp4,borderRadius:"50%"},children:t.jsx(zt,{children:y==="depositAccount"&&p!=null&&p!==""?t.jsx(Rt,{children:t.jsx(It,{color:Y(0)})}):y==="paymentAccount"&&g!==void 0&&(g.base64||g.url)?t.jsx(Bt,{src:wt(g),loading:"lazy"}):t.jsx(Tt,{children:t.jsx(Dt,{})})})}),t.jsx(At,{children:t.jsx(j,{isLoading:a,customStyle:{width:"150px",height:"20px",borderRadius:i.sp1},children:p!=null&&p!==""?t.jsxs(ne,{className:"sourceAccount",children:[t.jsx(Ot,{children:p}),h!=null&&h!==""&&t.jsx(Mt,{children:`•••• ${h}`})]}):t.jsx(ne,{className:"sourceAccount",children:C})})})]}),t.jsx(Nt,{windowSize:u,isLoading:a,responsiveWidth:P[2].width,children:t.jsx(j,{isLoading:a,customStyle:{width:"120px",height:i.sp4,borderRadius:i.sp1},children:t.jsxs(Ht,{children:[t.jsx(Wt,{children:t.jsx(vt,{status:e.status})}),D===!0&&c===!0&&d!=null&&t.jsxs(t.Fragment,{children:[t.jsx(bt,{}),t.jsx(Et,{onClick:b,"data-testid":A("retry-payment",e.cardRepaymentId),children:O.retryPayment})]})]})})}),t.jsxs(Kt,{windowSize:u,responsiveWidth:P[3].width,children:[t.jsx(j,{isLoading:a,customStyle:{width:i.sp4,height:i.sp4,borderRadius:"50%"},children:f?t.jsx(Vt,{children:t.jsx(Ft,{})}):t.jsx(Ut,{children:t.jsx(Ee,{personBasic:e.paidByUser,styles:{height:i.sp4,width:i.sp4,minWidth:i.sp4}})})}),t.jsx(j,{isLoading:a,customStyle:{width:"80px",height:"20px",borderRadius:i.sp1,marginLeft:i.sp2},children:t.jsx(_t,{className:"initiatedBy",children:R})})]}),t.jsx(Zt,{windowSize:u,responsiveWidth:P[4].width,children:t.jsx(j,{isLoading:a,customStyle:{width:"100px",height:"20px",borderRadius:i.sp1},children:t.jsx(Yt,{className:"amount",windowSize:u,title:V("0,0.00",e.amount),children:V("0,0.00",e.amount)})})})]})})})},vt=({status:e,style:o})=>{const c=F(),a=jt(e,c),r=fe(e);return t.jsx(ue,{textColor:a,borderColor:a,text:r,tagStyles:{padding:"1px 6px",...o}})},jt=(e,o)=>{switch(e){case"Sent":return new z($.success);case"Clearing":case"Pending":case"PendingReview":return new z($.alert);case"Rejected":case"Returned":return new z($.important);default:return new z(o.colors.grey1)}},bt=n.div`
+`,B={containerPaddingLeft:new x(l[3],l[2]),containerPaddingRight:new x(l[2],l[3]),containerPaddingTop:new x(l[2],l[3]),containerPaddingBottom:new x(l[2],l[3]),containerMarginLeft:new x(l[4],l[0]),containerMarginRight:new x(l[4],l[0])},{spendManagement:{chargeCard:{paymentHistory:O}}}=T.getLocalizedStrings(),wt=e=>e.base64!==void 0?`${me}${e.base64.toString()}`:e.url!==void 0?e.url.toString():"",$t=({repayment:e,accountInfo:o,isLatestFailedPayment:c=!1,isLoading:a=!1,isZeniTenant:r,onRetryPaymentClick:d})=>{const{accountLogo:g,accountType:y,depositAccountLast4:h,depositAccountName:p}=o??{},u=H(),b=S.useCallback(Y=>{Y.stopPropagation(),d&&d(e.cardRepaymentId)},[d,e.cardRepaymentId]),s=T.getLocalizedStrings(),m=e.repaymentDate.format(s.dateFormat.visual.MMMDCommaYYYYformat),C=qe(p,h,O.sourceAccountUnknown),v=ye(e),w=e.paidByUser?.email?.endsWith("@zeni.ai")??!1,f=v||!r&&w,R=f?O.autopay:xe(e.paidByUser),D=e.status==="Rejected"||e.status==="Returned",K=e.status==="Sent",_=e.updateTime.format(s.dateFormat.visual.MMMDCommaYYYYformat),P=we();return t.jsx(St,{windowSize:u,children:t.jsx(Ct,{children:t.jsxs(Pt,{children:[t.jsx(kt,{windowSize:u,responsiveWidth:P[0].width,children:t.jsx(j,{isLoading:a,customStyle:{width:"100px",height:"20px",borderRadius:i.sp1},children:K?t.jsx(We,{placement:"bottom-start",title:t.jsxs(Qt,{children:[t.jsxs(oe,{children:[t.jsx(ae,{children:O.initiatedOn}),t.jsx(se,{children:m})]}),t.jsxs(oe,{children:[t.jsx(ae,{children:O.completedOn}),t.jsx(se,{children:_})]})]}),style:{padding:"12px 16px"},display:"block",children:t.jsx(ie,{className:"paymentDate",children:m})}):t.jsx(ie,{className:"paymentDate",children:m})})}),t.jsxs(Lt,{windowSize:u,responsiveWidth:P[1].width,children:[t.jsx(j,{isLoading:a,customStyle:{width:i.sp4,height:i.sp4,borderRadius:"50%"},children:t.jsx(zt,{children:y==="depositAccount"&&p!=null&&p!==""?t.jsx(Rt,{children:t.jsx(It,{color:Z(0)})}):y==="paymentAccount"&&g!==void 0&&(g.base64||g.url)?t.jsx(Bt,{src:wt(g),loading:"lazy"}):t.jsx(Tt,{children:t.jsx(Dt,{})})})}),t.jsx(At,{children:t.jsx(j,{isLoading:a,customStyle:{width:"150px",height:"20px",borderRadius:i.sp1},children:p!=null&&p!==""?t.jsxs(ne,{className:"sourceAccount",children:[t.jsx(Ot,{children:p}),h!=null&&h!==""&&t.jsx(Mt,{children:`•••• ${h}`})]}):t.jsx(ne,{className:"sourceAccount",children:C})})})]}),t.jsx(Nt,{windowSize:u,isLoading:a,responsiveWidth:P[2].width,children:t.jsx(j,{isLoading:a,customStyle:{width:"120px",height:i.sp4,borderRadius:i.sp1},children:t.jsxs(Ht,{children:[t.jsx(Wt,{children:t.jsx(vt,{status:e.status})}),D===!0&&c===!0&&d!=null&&t.jsxs(t.Fragment,{children:[t.jsx(bt,{}),t.jsx(Et,{onClick:b,"data-testid":A("retry-payment",e.cardRepaymentId),children:O.retryPayment})]})]})})}),t.jsxs(Kt,{windowSize:u,responsiveWidth:P[3].width,children:[t.jsx(j,{isLoading:a,customStyle:{width:i.sp4,height:i.sp4,borderRadius:"50%"},children:f?t.jsx(Vt,{children:t.jsx(Ft,{})}):t.jsx(Ut,{children:t.jsx(Ee,{personBasic:e.paidByUser,styles:{height:i.sp4,width:i.sp4,minWidth:i.sp4}})})}),t.jsx(j,{isLoading:a,customStyle:{width:"80px",height:"20px",borderRadius:i.sp1,marginLeft:i.sp2},children:t.jsx(_t,{className:"initiatedBy",children:R})})]}),t.jsx(Yt,{windowSize:u,responsiveWidth:P[4].width,children:t.jsx(j,{isLoading:a,customStyle:{width:"100px",height:"20px",borderRadius:i.sp1},children:t.jsx(Zt,{className:"amount",windowSize:u,title:V("0,0.00",e.amount),children:V("0,0.00",e.amount)})})})]})})})},vt=({status:e,style:o})=>{const c=F(),a=jt(e,c),r=fe(e);return t.jsx(ue,{textColor:a,borderColor:a,text:r,tagStyles:{padding:"1px 6px",...o}})},jt=(e,o)=>{switch(e){case"Sent":return new z($.success);case"Clearing":case"Pending":case"PendingReview":return new z($.alert);case"Rejected":case"Returned":return new z($.important);default:return new z(o.colors.grey1)}},bt=n.div`
   width: ${i.sp1};
   height: ${i.sp1};
   background-color: ${e=>e.theme.colors.grey1};
@@ -277,7 +277,7 @@ import{a8 as ze,ax as Re,J as H,y as F,V as t,bD as Ie,w as I,ga as Te,F as T,u
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-`,Zt=n.div`
+`,Yt=n.div`
   display: flex;
   align-items: center;
   justify-content: flex-end;
@@ -285,7 +285,7 @@ import{a8 as ze,ax as Re,J as H,y as F,V as t,bD as Ie,w as I,ga as Te,F as T,u
   padding-right: ${i.sp2};
   width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
   box-sizing: border-box;
-`,Yt=n(W)`
+`,Zt=n(W)`
   color: ${e=>e.theme.colors.hero};
   max-width: 100%;
   overflow: hidden;
@@ -304,7 +304,7 @@ import{a8 as ze,ax as Re,J as H,y as F,V as t,bD as Ie,w as I,ga as Te,F as T,u
   color: ${e=>e.theme.colors.hero};
 `,se=n(U)`
   color: ${$.brandColorPearl};
-`,Gt=new z(Y(0)).lighten(.3).hex(),{spendManagement:{chargeCard:{paymentHistory:M}}}=T.getLocalizedStrings(),Jt=e=>e.base64!==void 0?`${me}${e.base64.toString()}`:e.url!==void 0?e.url.toString():"",Xt=({repayment:e,accountInfo:o,isLatestFailedPayment:c=!1,isLoading:a=!1,isZeniTenant:r,onRetryPaymentClick:d})=>{const{accountLogo:g,accountType:y,depositAccountLast4:h,depositAccountName:p}=o??{},u=S.useCallback(f=>{f.stopPropagation(),d&&d(e.cardRepaymentId)},[d,e.cardRepaymentId]),b=T.getLocalizedStrings(),s=e.repaymentDate.format(b.dateFormat.visual.MMMDCommaYYYYformat),m=ye(e),C=e.paidByUser?.email?.endsWith("@zeni.ai")??!1,v=m||!r&&C?M.autopay:xe(e.paidByUser),w=e.status==="Rejected"||e.status==="Returned";return t.jsx(ti,{children:t.jsxs(ii,{children:[t.jsxs(ni,{children:[t.jsx(oi,{children:t.jsx(j,{isLoading:a,customStyle:{width:i.sp6,height:i.sp6,borderRadius:"50%"},children:y==="depositAccount"&&p!=null&&p!==""?t.jsx(ai,{children:t.jsx(si,{color:Y(0)})}):y==="paymentAccount"&&g!==void 0&&(g.base64||g.url)?t.jsx(li,{src:Jt(g),loading:"lazy"}):t.jsx(ri,{children:t.jsx(di,{})})})}),t.jsxs(ci,{children:[t.jsx(hi,{children:t.jsx(j,{isLoading:a,customStyle:{width:"150px",height:"20px",borderRadius:i.sp1},children:t.jsx(pi,{className:"sourceAccount",children:p!=null&&p!==""?p:M.sourceAccountUnknown})})}),t.jsx(mi,{children:t.jsx(j,{isLoading:a,customStyle:{width:"120px",height:"16px",borderRadius:i.sp1},children:t.jsx(gi,{children:h!=null&&h!==""?`Checking •••• ${h}`:""})})}),t.jsx(ui,{children:t.jsx(j,{isLoading:a,customStyle:{width:"150px",height:"16px",borderRadius:i.sp1},children:t.jsxs(yi,{children:[M.header.initiatedBy,":"," ",t.jsx(xi,{className:"initiatedBy",children:v})]})})}),t.jsx(fi,{children:t.jsx(j,{isLoading:a,customStyle:{width:"150px",height:"16px",borderRadius:i.sp1},children:t.jsxs(wi,{children:[M.header.paymentDate,":"," ",t.jsx($i,{className:"paymentDate",children:s})]})})})]})]}),t.jsxs(vi,{children:[t.jsx(ji,{children:t.jsx(j,{isLoading:a,customStyle:{width:"100px",height:"20px",borderRadius:i.sp1},children:t.jsx(bi,{className:"amount",title:V("0,0.[00]",e.amount),children:V("0,0.[00]",e.amount)})})}),t.jsx(Si,{children:t.jsx(j,{isLoading:a,customStyle:{width:"120px",height:i.sp4,borderRadius:i.sp1},children:t.jsx(Ci,{children:t.jsx(Pi,{children:t.jsx(qt,{status:e.status})})})})}),w===!0&&c===!0&&d!=null&&t.jsx(ki,{children:t.jsx(Li,{onClick:u,"data-testid":A("retry-payment",e.cardRepaymentId),children:M.retryPayment})})]})]})})},qt=({status:e,style:o})=>{const c=F(),a=ei(e,c),r=fe(e);return t.jsx(ue,{textColor:a,borderColor:a,text:r,tagStyles:{padding:"1px 6px",...o}})},ei=(e,o)=>{switch(e){case"Sent":return new z($.success);case"Clearing":case"Pending":case"PendingReview":return new z($.alert);case"Rejected":case"Returned":return new z($.important);default:return new z(o.colors.grey1)}},ti=n.div`
+`,Gt=new z(Z(0)).lighten(.3).hex(),{spendManagement:{chargeCard:{paymentHistory:M}}}=T.getLocalizedStrings(),Jt=e=>e.base64!==void 0?`${me}${e.base64.toString()}`:e.url!==void 0?e.url.toString():"",Xt=({repayment:e,accountInfo:o,isLatestFailedPayment:c=!1,isLoading:a=!1,isZeniTenant:r,onRetryPaymentClick:d})=>{const{accountLogo:g,accountType:y,depositAccountLast4:h,depositAccountName:p}=o??{},u=S.useCallback(f=>{f.stopPropagation(),d&&d(e.cardRepaymentId)},[d,e.cardRepaymentId]),b=T.getLocalizedStrings(),s=e.repaymentDate.format(b.dateFormat.visual.MMMDCommaYYYYformat),m=ye(e),C=e.paidByUser?.email?.endsWith("@zeni.ai")??!1,v=m||!r&&C?M.autopay:xe(e.paidByUser),w=e.status==="Rejected"||e.status==="Returned";return t.jsx(ti,{children:t.jsxs(ii,{children:[t.jsxs(ni,{children:[t.jsx(oi,{children:t.jsx(j,{isLoading:a,customStyle:{width:i.sp6,height:i.sp6,borderRadius:"50%"},children:y==="depositAccount"&&p!=null&&p!==""?t.jsx(ai,{children:t.jsx(si,{color:Z(0)})}):y==="paymentAccount"&&g!==void 0&&(g.base64||g.url)?t.jsx(li,{src:Jt(g),loading:"lazy"}):t.jsx(ri,{children:t.jsx(di,{})})})}),t.jsxs(ci,{children:[t.jsx(hi,{children:t.jsx(j,{isLoading:a,customStyle:{width:"150px",height:"20px",borderRadius:i.sp1},children:t.jsx(pi,{className:"sourceAccount",children:p!=null&&p!==""?p:M.sourceAccountUnknown})})}),t.jsx(mi,{children:t.jsx(j,{isLoading:a,customStyle:{width:"120px",height:"16px",borderRadius:i.sp1},children:t.jsx(gi,{children:h!=null&&h!==""?`Checking •••• ${h}`:""})})}),t.jsx(ui,{children:t.jsx(j,{isLoading:a,customStyle:{width:"150px",height:"16px",borderRadius:i.sp1},children:t.jsxs(yi,{children:[M.header.initiatedBy,":"," ",t.jsx(xi,{className:"initiatedBy",children:v})]})})}),t.jsx(fi,{children:t.jsx(j,{isLoading:a,customStyle:{width:"150px",height:"16px",borderRadius:i.sp1},children:t.jsxs(wi,{children:[M.header.paymentDate,":"," ",t.jsx($i,{className:"paymentDate",children:s})]})})})]})]}),t.jsxs(vi,{children:[t.jsx(ji,{children:t.jsx(j,{isLoading:a,customStyle:{width:"100px",height:"20px",borderRadius:i.sp1},children:t.jsx(bi,{className:"amount",title:V("0,0.[00]",e.amount),children:V("0,0.[00]",e.amount)})})}),t.jsx(Si,{children:t.jsx(j,{isLoading:a,customStyle:{width:"120px",height:i.sp4,borderRadius:i.sp1},children:t.jsx(Ci,{children:t.jsx(Pi,{children:t.jsx(qt,{status:e.status})})})})}),w===!0&&c===!0&&d!=null&&t.jsx(ki,{children:t.jsx(Li,{onClick:u,"data-testid":A("retry-payment",e.cardRepaymentId),children:M.retryPayment})})]})]})})},qt=({status:e,style:o})=>{const c=F(),a=ei(e,c),r=fe(e);return t.jsx(ue,{textColor:a,borderColor:a,text:r,tagStyles:{padding:"1px 6px",...o}})},ei=(e,o)=>{switch(e){case"Sent":return new z($.success);case"Clearing":case"Pending":case"PendingReview":return new z($.alert);case"Rejected":case"Returned":return new z($.important);default:return new z(o.colors.grey1)}},ti=n.div`
   display: flex;
   background-color: ${e=>e.theme.colors.grey5};
   padding: ${i.sp3};
@@ -551,7 +551,7 @@ import{a8 as ze,ax as Re,J as H,y as F,V as t,bD as Ie,w as I,ga as Te,F as T,u
 `,_i=n(W)`
   display: flex;
   color: ${e=>e.theme.colors.grey2};
-`,ce={contentContainerMargin:new x(l[3],l[4],l[8])},{spendManagement:{chargeCard:{paymentHistory:he}},common:Zi}=T.getLocalizedStrings(),pn=({repaymentList:e,fetchState:o,sortConfig:c,accountInfoByAccountId:a,searchText:r,filters:d,isZeniTenant:g,onBackClick:y,repaymentHistoryUsers:h,onColumnSortConfigChanged:p,onFiltersChange:u,onReloadPayments:b,onRetryPaymentClick:s,onSearchTextChanged:m,onClickMenuIcon:C,downloadParams:v,downloadState:w,updateDownloadStateHandler:f})=>{const R=ze().analytics,D=Re(),[K,_]=S.useState(!1),P=H(),Z=F(),be=r===""&&(d?.categories==null||d.categories.length===0||d.categories.every(L=>L.values==null||L.values.length===0)),G=o==="Completed"&&be&&e.length===0,Se=L=>{_(L)},Ce={entity:"charge_card_payment_history",showNewButtonOnNavbar:!1,showEntityEmailInfoIconOnNavbar:!1,newButtonLabel:Zi.strings.empty,hideSearchBtn:!1,disableSearch:G,disableFilters:G,searchTextBoxStyle:{right:"86px"},moreIconContainerStyle:{paddingRight:l[4]},isSearchOpen:K,searchPlaceHolder:he.searchPlaceHolder,searchText:r,showSettingsIcon:!1,showSettingsIconOnNavbar:!1,showStatementButtonOnNavbar:!1,showPayEarlyButtonOnNavbar:!1,showDownloadButtonOnNavbar:!1,showDownloadIcon:!0,onDownloadClick:async()=>{f("In-Progress");try{await De({localeID:"en-US",fileType:"excel",entity:"charge_card_payment_history",filter:{filters:d,searchText:r},...v})}finally{f("Completed")}},disableDownloadButton:w==="In-Progress"||o!=="Completed"||e.length===0,analytics:R,onSearchOpen:Se,filterIconContainerStyle:{...P==="small"&&{position:"static",paddingRight:"10px"}},onSearchTextChanged:m,onClickSetupIcon:()=>{},onClickStatementsIcon:()=>{},downloadState:w,onNewButtonClick:()=>{},onClickPayEarlyIcon:()=>{},onMenuOpen:()=>{},filters:d,onFiltersChange:u,createdByUserListLoaded:o==="Completed",getFilterOptions:()=>Xe("charge_card_payment_history",h,D.loggedInUserRole??[],[],a),renderDropdownOptionIcon:Je},Pe=t.jsx(Ge,{spendManagementSectionProps:Ce}),ke=he.pageTitle,Le=S.useMemo(()=>e.map(L=>({repayment:L,accountInfo:L.paymentAccountId!=null&&L.paymentAccountId!==""?a?.[L.paymentAccountId]:void 0})),[e,a]);return t.jsxs(Yi,{children:[t.jsx(Ie,{title:ke,showBackButton:!0,showMenuIcon:P==="medium-compact"||P==="small",onClickMenuIcon:C,titleTextStyles:P==="small"?{...I.standardMedium.cssObject}:void 0,style:{zIndex:3},onBackClick:y,rightSideComponent:Pe,isSearchOpen:K,hideSearchBtn:!1,scrollableContent:void 0,source:"ChargeCardPaymentHistoryPage",backgroundColor:Z.colors.grey4}),o==="Not-Started"||o==="In-Progress"?t.jsx(Te,{fetchState:o,styles:{margin:"auto"}}):t.jsx(Qi,{windowSize:P,children:t.jsx(Mi,{fetchState:o,repaymentListWithAccountInfo:Le,sortConfig:c,onColumnSortConfigChanged:p,onReloadPayments:b,searchText:r,isZeniTenant:g,onRetryPaymentClick:s})})]})},Yi=n.div`
+`,ce={contentContainerMargin:new x(l[3],l[4],l[8])},{spendManagement:{chargeCard:{paymentHistory:he}},common:Yi}=T.getLocalizedStrings(),pn=({repaymentList:e,fetchState:o,sortConfig:c,accountInfoByAccountId:a,searchText:r,filters:d,isZeniTenant:g,onBackClick:y,repaymentHistoryUsers:h,onColumnSortConfigChanged:p,onFiltersChange:u,onReloadPayments:b,onRetryPaymentClick:s,onSearchTextChanged:m,onClickMenuIcon:C,downloadParams:v,downloadState:w,updateDownloadStateHandler:f})=>{const R=ze().analytics,D=Re(),[K,_]=S.useState(!1),P=H(),Y=F(),be=r===""&&(d?.categories==null||d.categories.length===0||d.categories.every(L=>L.values==null||L.values.length===0)),G=o==="Completed"&&be&&e.length===0,Se=L=>{_(L)},Ce={entity:"charge_card_payment_history",showNewButtonOnNavbar:!1,showEntityEmailInfoIconOnNavbar:!1,newButtonLabel:Yi.strings.empty,hideSearchBtn:!1,disableSearch:G,disableFilters:G,searchTextBoxStyle:{right:"86px"},moreIconContainerStyle:{paddingRight:l[4]},isSearchOpen:K,searchPlaceHolder:he.searchPlaceHolder,searchText:r,showSettingsIcon:!1,showSettingsIconOnNavbar:!1,showStatementButtonOnNavbar:!1,showPayEarlyButtonOnNavbar:!1,showDownloadButtonOnNavbar:!1,showDownloadIcon:!0,onDownloadClick:async()=>{f("In-Progress");try{await De({localeID:"en-US",fileType:"excel",entity:"charge_card_payment_history",filter:{filters:d,searchText:r},...v})}finally{f("Completed")}},disableDownloadButton:w==="In-Progress"||o!=="Completed"||e.length===0,analytics:R,onSearchOpen:Se,filterIconContainerStyle:{...P==="small"&&{position:"static",paddingRight:"10px"}},onSearchTextChanged:m,onClickSetupIcon:()=>{},onClickStatementsIcon:()=>{},downloadState:w,onNewButtonClick:()=>{},onClickPayEarlyIcon:()=>{},onMenuOpen:()=>{},filters:d,onFiltersChange:u,createdByUserListLoaded:o==="Completed",getFilterOptions:()=>Xe("charge_card_payment_history",h,D.loggedInUserRole??[],[],a),renderDropdownOptionIcon:Je},Pe=t.jsx(Ge,{spendManagementSectionProps:Ce}),ke=he.pageTitle,Le=S.useMemo(()=>e.map(L=>({repayment:L,accountInfo:L.paymentAccountId!=null&&L.paymentAccountId!==""?a?.[L.paymentAccountId]:void 0})),[e,a]);return t.jsxs(Zi,{children:[t.jsx(Ie,{title:ke,showBackButton:!0,showMenuIcon:P==="medium-compact"||P==="small",onClickMenuIcon:C,titleTextStyles:P==="small"?{...I.standardMedium.cssObject}:void 0,style:{zIndex:3},onBackClick:y,rightSideComponent:Pe,isSearchOpen:K,hideSearchBtn:!1,scrollableContent:void 0,source:"ChargeCardPaymentHistoryPage",backgroundColor:Y.colors.grey4}),o==="Not-Started"||o==="In-Progress"?t.jsx(Te,{fetchState:o,styles:{margin:"auto"}}):t.jsx(Qi,{windowSize:P,children:t.jsx(Mi,{fetchState:o,repaymentListWithAccountInfo:Le,sortConfig:c,onColumnSortConfigChanged:p,onReloadPayments:b,searchText:r,isZeniTenant:g,onRetryPaymentClick:s})})]})},Zi=n.div`
   display: flex;
   flex-direction: column;
   width: 100%;

package/dist/assets/{ChargeCardPromoPage-BWwBfycu-Dr4jE1df.js → ChargeCardPromoPage-87W_Pmcc-CL32Gm8l.js}

@@ -1,4 +1,4 @@
-import{J as $,V as r,y as G,ax as be,a8 as $e,aR as je,aP as Se,fY as Te,bD as ze,fx as ve,i as Y,ab as ee,F as oe,o as t,R as Pe,c as J,cF as ke,ar as Ie,x,aq as Ae,bU as Be,iO as Re,aj as Le,u as p,H as S,p as y,bb as _e,aV as Me,iP as Ee}from"./index-BPv2nRQb.js";import{a as T}from"./sentry-DBSEoG3b.js";import{n,c as De,k as Fe}from"./mui-DdxImnN0.js";import{ER as Ue}from"./zeni-epic-state-1oOVJQJ4.js";import{k as Ne}from"./NavigationDots-OShASt5i-BCPaSs2y.js";import{J as H,N as V}from"./PromoBaseCards-6Uh8eokP-CcA7wxXm.js";import{M as L}from"./usp-line-BBd1wKwW-CpqqX4MO.js";import"./liveblocks-Dv7Vdu8a.js";import"./core-HDqpewC7.js";import"./recharts-Djp9a38d.js";import"./lottie-V1lTNkDB.js";import"./analytics-DvsRx7_o.js";import"./lexical-CWcQ8pGO.js";import"./utils-rIQAYtge.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},s=new e.Error().stack;s&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[s]="ef67f73c-c3f7-46f2-9ce3-f6df87836bf1",e._sentryDebugIdIdentifier="sentry-dbid-ef67f73c-c3f7-46f2-9ce3-f6df87836bf1")}catch{}})();const g={containerPaddingTopBottom:new x(p[0],p[0]),uspContainerMarginX:new x(p[6],p[0]),midContainerGap:new x(p[4],84),iconContainerMinHeight:new x(236,396),emptySectionHeight:new x(p[6],43),navigationBottom:new x(p[4],94),navigationLeft:new x(192,244),carouselHeight:new x(268,396),carouselMarginTop:new x(54,p[4]),carouselMarginLeft:new x(120,p[12]),buttonTrayGap:new x(p[3],p[5]),termsOfAgreementMarginTop:new x(p[5],p[10]),contactAdminContainerMarginTop:new x(p[0],p[10]),contactAdminContainerMarginBottom:new x(p[4],p[0]),contactAdminContainerMarginLeftRight:new x(p[3],p[0])},z={promoBadgeText:new S("standardRegular","largeRegular"),promoBadgeTextBold:new S("standardBold","largeBold"),cardsContent:new S("extraSmallRegular","smallRegular"),contactAdmin:new S("extraSmallRegular","largeRegular"),uspText:new S("smallRegular","standardRegular"),uspBoldText:new S("smallMedium","standardMedium")},{common:U,spendManagement:{chargeCard:{chargeCardsPromo:o}}}=oe.getLocalizedStrings(),_r=({meetingUrl:e,companyLegalName:s,chargeCardSetupView:i,showEnableCardButton:a,controllerEmails:c,isCreditCardProductVisible:m,isDebitCardFeatureEnabled:h,isDebitCardSetupEnabled:u,isChargeCardSetupEnabled:w,admins:j,cashbackRate:P,cardPromoType:f="credit",isCheckingEnabled:l,onSetupButtonClick:d,onBackClick:pe,onClickMenuIcon:me,onSetupChargeCardSuccess:O,onExpressInterestClick:ge})=>{const he=G(),W=be(),v=$(),X=$e().analytics,{chargeCardTermsDetails:_,companyChargeCardInfo:C,companyLocaleInfo:M}=i,Z=je(_?.fetchStatus.fetchState),[xe,q]=T.useState(!1),ue=()=>{X.trackCardsPromoPageClicked("schedule demo"),X.trackCardsScheduleDemoClick(c,{isCreditCardOffered:m,isDebitCardOffered:h,isDebitCardEnabled:u,isCreditCardEnabled:w},"Cards Promo"),q(!0)},we=C!=null&&M!=null?Se("0,0",{amount:C.chargeCardsCreditAccountLimit,currencyCode:M.currencyCode,currencySymbol:M.currencySymbol}):void 0;T.useEffect(()=>{Z==="In-Progress"&&_?.fetchStatus.fetchState==="Completed"&&O()},[Z,O,_?.fetchStatus]);const K=Ue(W.loggedInUserRoleMap),fe=Te(W),E=f==="credit"&&C?.isCompanyInterestedInChargeCard===!1&&C.chargeCardsCreditAccountLimit===0,D=f==="credit"&&C?.isCompanyInterestedInChargeCard===!0&&C.chargeCardsCreditAccountLimit===-1,F=f==="credit"&&C?.isCompanyInterestedInChargeCard===!0&&C.chargeCardsCreditAccountLimit===0,Ce=f==="credit"&&C?.isCompanyInterestedInChargeCard===!0&&C.chargeCardsCreditAccountLimit>0,{expressInterestInChargeCardFetchState:ye}=i,Q=E?o.getPreApprovedNow:a?o.enableCardsButton:o.setupCardsButton;return r.jsxs(We,{children:[r.jsx(ze,{title:o.title[f],backgroundColor:he.colors.grey4,onBackClick:pe,showBackButton:!0,showMenuIcon:v==="medium-compact"||v==="small",onClickMenuIcon:me,style:{zIndex:9},source:"ChargeCardPromoPage"}),xe===!0?r.jsx(ve,{onCancelClick:()=>{q(!1)},meetingUrl:e}):null,r.jsx(Ke,{windowSize:v,children:K===!0?r.jsxs(qe,{children:[r.jsxs(Ze,{children:[r.jsx(Ve,{isApproved:Ce,creditAmount:we,cardPromoType:f,isUnderReview:F,isRejected:D,showExpressInterest:E,creditLimit:C?.chargeCardsCreditAccountLimit}),r.jsx(ae,{cardPromoType:f,cashbackRate:P})]}),r.jsx(ne,{showEnableCardButton:a,cardPromoType:f,isUnderReview:F,isRejected:D,showExpressInterest:E,isCheckingEnabled:l})]}):r.jsx(Ge,{companyLegalName:s,cards:[],admins:j,cashbackRate:P,hasZeniFinopsRoles:fe,cardPromoType:f,isCheckingEnabled:l})}),K&&!(F||D)?r.jsxs(or,{windowSize:v,children:[r.jsx(Y,{variant:"secondary",label:o.scheduleDemoButton,style:{width:166},onClick:ue,"data-testid":ee("schedule-demo-button")}),r.jsx(Xe,{windowSize:v,children:o.orText}),r.jsx(Y,{variant:"primary",label:Q,style:{minWidth:166},loading:i.chargeCardTermsDetails?.fetchStatus.fetchState==="In-Progress"||ye==="In-Progress",onClick:Q===o.getPreApprovedNow?ge:()=>d(f),"data-testid":ee("enable-card-button")})]}):null]})},He=({admins:e})=>{const s=e.flatMap(a=>a.user?.firstName+" "+a.user?.lastName).join(", "),i=$();return r.jsxs(mr,{windowSize:i,children:[r.jsx(N,{underline:!1,windowSize:i,children:o.noCardAssigned.pre}),r.jsx(Be,{title:s,placement:"top-start",style:{padding:`2px ${t.sp2}`},children:r.jsx(N,{underline:!0,windowSize:i,children:o.noCardAssigned.tooltip})}),r.jsx(N,{underline:!1,windowSize:i,children:o.noCardAssigned.post})]})},ne=({cardPromoType:e,showEnableCardButton:s,isCheckingEnabled:i,isUnderReview:a,isRejected:c,showExpressInterest:m,isCardUser:h=!1})=>{const u=$();return r.jsx(ir,{windowSize:u,children:r.jsx(Re,{topTermLabel:o.terms.checkingAccountTerm,buttonTermLabel:a===!0||c===!0||h===!0?void 0:m===!0?o.terms.getPreApprovedNowTerm:s?o.terms.alternateTerm1:o.terms.terms1,showEndIcon:!1,showTerms:c===!1&&h===!1&&a===!1,style:{marginTop:g.termsOfAgreementMarginTop.valuePx(u)},cardPromoType:e,isCheckingEnabled:i})})},Ve=({isApproved:e,cardPromoType:s,creditAmount:i,isUnderReview:a,isRejected:c,showExpressInterest:m,creditLimit:h})=>{const u=$(),w=s==="debit_and_credit"?o.promoTextDebitCreditCard:s==="debit"?o.promoTextDebitCard:o.promoTextCreditCard,j=e?r.jsxs(r.Fragment,{children:[o.promoBadgeText.approved,r.jsx(te,{children:i}),o.creditLimit,U.strings.space]}):m?r.jsxs(r.Fragment,{children:[o.promoBadgeText.nonPreApproved.get,r.jsx(rr,{children:o.promoBadgeText.nonPreApproved.scale}),o.promoBadgeText.nonPreApproved.doubleStarred,U.strings.space,o.promoBadgeText.nonPreApproved.higherLimits]}):a?o.promoBadgeText.underReview:c?o.promoBadgeText.rejected:s==="debit_and_credit"&&h===0?null:r.jsxs(r.Fragment,{children:[o.promoBadgeText.preApproved,r.jsx(te,{children:i}),o.creditLimit,U.strings.space]});return r.jsxs(r.Fragment,{children:[r.jsx(r.Fragment,{children:u==="small"?r.jsxs(r.Fragment,{children:[r.jsx(le,{children:w}),r.jsx(ce,{children:o.promoSubText})]}):r.jsxs(r.Fragment,{children:[r.jsx(se,{children:w}),r.jsx(de,{children:o.promoSubText})]})}),r.jsxs(Ye,{cardPromoType:s,hasContent:j!=null,hideBadge:i==null||s==="debit",windowSize:u,children:[a||c||m?null:r.jsx(yr,{}),r.jsx(er,{windowSize:u,children:j})]})]})},Ge=({companyLegalName:e,cards:s,admins:i,cashbackRate:a,hasZeniFinopsRoles:c,cardPromoType:m="credit",isCheckingEnabled:h})=>{const u=$(),w=m==="debit_and_credit"?o.promoTextDebitCreditCard:m==="debit"?o.promoTextDebitCard:o.promoTextCreditCard;return r.jsxs(r.Fragment,{children:[u==="small"?r.jsxs(r.Fragment,{children:[r.jsx(le,{children:w}),r.jsx(ce,{children:o.promoSubText})]}):r.jsxs(r.Fragment,{children:[r.jsx(se,{children:w}),r.jsx(de,{children:o.promoSubText})]}),s.length===0?r.jsx(pr,{windowSize:u}):r.jsx(Je,{cards:s,companyLegalName:e}),r.jsx(ae,{cardPromoType:m,cashbackRate:a}),c?null:r.jsx(He,{admins:i}),r.jsx(ne,{isCardUser:!0,showEnableCardButton:!1,cardPromoType:m,isCheckingEnabled:h})]})},Je=({cards:e,companyLegalName:s})=>{const i=G(),a=$();let c="",m;if(e.length===1){m=e[0].cardCreatedByUser.photo;const h=e[0].cardCreatedByUser.firstName+" "+e[0].cardCreatedByUser.lastName;c=o.cardAssigned.singleCreditCard.replace("__issuing-user__",h).replace("__company-name__",s)}else c=o.cardAssigned.multipleCreditCards.replace("__company-name__",s);return r.jsxs(hr,{children:[m!=null?r.jsx(Qe,{width:t.sp5,height:t.sp5,style:{paddingTop:a==="small"?t.sp1:t.sp0},src:m.href,alt:oe.getLocalizedStrings().cockpit.userProfileAltText,onError:({currentTarget:h})=>{h.onerror=null,h.src=Ae},loading:"lazy"}):null,r.jsx(gr,{windowSize:a,mode:i.mode,children:r.jsx(xr,{windowSize:a,children:c})})]})},re=({windowSize:e,cardPromoType:s})=>{let i=o.businessText;return s==="debit"&&(i=`${i} ${o.debit}`),r.jsx(r.Fragment,{children:s==="debit_and_credit"?r.jsx(Oe,{}):r.jsxs(ar,{windowSize:e,children:[r.jsx(H,{cardPromoType:s,cardText:i,shouldAnimate:!0,showChip:!0,forDashboard:!1,forListPage:!1}),r.jsx(V,{cardPromoType:s,cardText:i,showChip:!0,forDashboard:!1,shouldAnimate:!0,forListPage:!1})]})})},ae=({cardPromoType:e,cashbackRate:s})=>{const i=$(),a=o.benefits;return r.jsxs(tr,{windowSize:i,children:[i==="small"?r.jsx(re,{windowSize:i,cardPromoType:e}):null,r.jsxs(nr,{windowSize:i,children:[r.jsxs(I,{windowSize:i,children:[r.jsx(B,{children:r.jsx(lr,{})}),r.jsxs(R,{children:[r.jsx(b,{windowSize:i,children:a.item1.pre}),r.jsx(A,{windowSize:i,children:a.item1.bold.replace("__cashback__",(s*100).toFixed(2))}),r.jsx(b,{windowSize:i,children:`${e==="credit"||e==="debit_and_credit"?a.singleStarred:""}${a.item1.post}`})]})]}),r.jsxs(I,{windowSize:i,children:[r.jsx(B,{children:r.jsx(sr,{})}),r.jsxs(R,{children:[r.jsx(b,{windowSize:i,children:a.item2.pre}),r.jsx(A,{windowSize:i,children:a.item2.bold}),r.jsx(b,{windowSize:i,children:a.item2.post})]})]}),r.jsxs(I,{windowSize:i,children:[r.jsx(B,{children:r.jsx(cr,{})}),r.jsxs(R,{children:[r.jsx(b,{windowSize:i,children:a.item3.pre}),r.jsx(A,{windowSize:i,children:a.item3.bold}),r.jsx(b,{windowSize:i,children:a.item3.post})]})]}),r.jsxs(I,{windowSize:i,children:[r.jsx(B,{children:r.jsx(dr,{})}),r.jsxs(R,{children:[r.jsx(b,{windowSize:i,children:a.item4.pre}),r.jsx(A,{windowSize:i,children:a.item4.bold}),r.jsx(b,{windowSize:i,children:a.item4.post})]})]})]}),i==="small"?null:r.jsx(re,{windowSize:i,cardPromoType:e})]})};let k;const Oe=()=>{const e=$(),s=G(),[i,a]=T.useState(0),[c,m]=T.useState(!1),h=o.businessText,u=`${h} ${o.debit}`,w=[{id:1,cardType:"debit",cardText:u},{id:2,cardType:"debit",cardText:u},{id:3,cardType:"credit",cardText:h},{id:4,cardType:"credit",cardText:h}];T.useEffect(()=>(c||(k=setInterval(()=>{a(l=>{const d=l+1;return d===w.length?(m(!0),0):d})},2e3)),()=>clearInterval(k)),[c,w.length]),T.useEffect(()=>{c&&k!=null&&clearInterval(k)},[c]);const j=(l,d)=>{switch((l-i+w.length)%w.length){case 0:return{transform:`translate(0,${d?"100%":0}) scale(1)`,zIndex:d?5:6,opacity:1,transition:"transform 0.4s"};case 1:return{transform:`translate(35%, ${d?"80%":"5%"}) scale(0.75)`,zIndex:d?4:5,opacity:1,transition:"all 0.4s"};case 2:return{transform:`translate(35%,${d?"80%":"5%"}) scale(0.75)`,zIndex:d?3:4,opacity:0,transition:"transform 0.4s 0.2s, opacity 0.4s 0.0s"};case 3:return{transform:`translate(-35%, ${d?"80%":"5%"}) scale(0.75)`,zIndex:d?4:5,opacity:1,transition:"all 0.4s"};default:return}},P=l=>{const d=j(l,!0);return{...d,transform:`${d?.transform} scaleY(-1)`,opacity:1,transition:"transform 0s 0s, z-index 0s 0s"}},f=l=>{c||m(!0),a(l)};return r.jsxs(ur,{windowSize:e,children:[r.jsx(wr,{windowSize:e,children:w.map((l,d)=>r.jsxs(fr,{children:[r.jsx(ie,{isReflection:!1,style:{...j(d,!1)},onClick:()=>f(d),children:d===0||d===2?r.jsx(H,{cardPromoType:l.cardType,cardText:l.cardText,shouldAnimate:!1,showChip:!0,forDashboard:!1,forListPage:!1,style:{borderColor:s.colors.grey2,...s.mode==="light"&&{borderBottom:"none"}}}):r.jsx(V,{cardPromoType:l.cardType,cardText:l.cardText,shouldAnimate:!1,showChip:!0,forDashboard:!1,forListPage:!1,style:{borderColor:s.colors.grey2,...s.mode==="light"&&{borderBottom:"none"}}})},l.id),r.jsx(ie,{isReflection:!0,style:{...P(d)},children:d===0||d===2?r.jsx(H,{cardPromoType:l.cardType,cardText:l.cardText,shouldAnimate:!1,forDashboard:!1,showChip:!0,forListPage:!1,style:{border:"none",opacity:.1,maskImage:"linear-gradient(to top, black, transparent 90%)",WebkitMaskImage:"linear-gradient(to top, black, transparent 90%)"}}):r.jsx(V,{cardPromoType:l.cardType,cardText:l.cardText,showChip:!0,shouldAnimate:!1,forDashboard:!1,forListPage:!1,style:{border:"none",opacity:.1,maskImage:"linear-gradient(to top, black, transparent)",WebkitMaskImage:"linear-gradient(to top, black, transparent)"}})},`reflection-${l.id}`)]},l.id))}),c&&r.jsx(Ne,{numberOfDots:w.length,activeIndex:i,handleClick:a,promoColor:s.colors.primary,promoColorHover:s.colors.grey5,spendManagementPromoCardActive:!0,dotStyle:{width:t.sp2,height:t.sp2},style:{cursor:"default",position:"absolute",bottom:g.navigationBottom.valuePx(e),left:g.navigationLeft.valuePx(e),zIndex:7}})]})},We=n.div`
+import{J as $,V as r,y as G,ax as be,a8 as $e,aR as je,aP as Se,fY as Te,bD as ze,fx as ve,i as Y,ab as ee,F as oe,o as t,R as Pe,c as J,cF as ke,ar as Ie,x,aq as Ae,bU as Be,iO as Re,aj as Le,u as p,H as S,p as y,bb as _e,aV as Me,iP as Ee}from"./index-D-BANbLd.js";import{a as T}from"./sentry-OhwUF_66.js";import{n,c as De,k as Fe}from"./mui-AW-QpJ2k.js";import{Fw as Ue}from"./zeni-epic-state-DR0XRPUQ.js";import{k as Ne}from"./NavigationDots-CjCXOKoW-CbK19jrp.js";import{J as H,N as V}from"./PromoBaseCards-C_MPWCdo-BQaVgUEA.js";import{M as L}from"./usp-line-BBd1wKwW-F_fmAFtY.js";import"./liveblocks-Db4nLOvA.js";import"./core-IgaX3lD-.js";import"./recharts-DPPWeTqd.js";import"./lottie-D0yKu2h3.js";import"./analytics-6ukc1Do4.js";import"./lexical-BOeaRQ5K.js";import"./utils-Cv-cXrhn.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},s=new e.Error().stack;s&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[s]="845168d1-043d-4f71-9436-5eb2d64de15a",e._sentryDebugIdIdentifier="sentry-dbid-845168d1-043d-4f71-9436-5eb2d64de15a")}catch{}})();const g={containerPaddingTopBottom:new x(p[0],p[0]),uspContainerMarginX:new x(p[6],p[0]),midContainerGap:new x(p[4],84),iconContainerMinHeight:new x(236,396),emptySectionHeight:new x(p[6],43),navigationBottom:new x(p[4],94),navigationLeft:new x(192,244),carouselHeight:new x(268,396),carouselMarginTop:new x(54,p[4]),carouselMarginLeft:new x(120,p[12]),buttonTrayGap:new x(p[3],p[5]),termsOfAgreementMarginTop:new x(p[5],p[10]),contactAdminContainerMarginTop:new x(p[0],p[10]),contactAdminContainerMarginBottom:new x(p[4],p[0]),contactAdminContainerMarginLeftRight:new x(p[3],p[0])},z={promoBadgeText:new S("standardRegular","largeRegular"),promoBadgeTextBold:new S("standardBold","largeBold"),cardsContent:new S("extraSmallRegular","smallRegular"),contactAdmin:new S("extraSmallRegular","largeRegular"),uspText:new S("smallRegular","standardRegular"),uspBoldText:new S("smallMedium","standardMedium")},{common:U,spendManagement:{chargeCard:{chargeCardsPromo:o}}}=oe.getLocalizedStrings(),_r=({meetingUrl:e,companyLegalName:s,chargeCardSetupView:i,showEnableCardButton:a,controllerEmails:c,isCreditCardProductVisible:m,isDebitCardFeatureEnabled:h,isDebitCardSetupEnabled:u,isChargeCardSetupEnabled:w,admins:j,cashbackRate:P,cardPromoType:f="credit",isCheckingEnabled:l,onSetupButtonClick:d,onBackClick:pe,onClickMenuIcon:me,onSetupChargeCardSuccess:O,onExpressInterestClick:ge})=>{const he=G(),W=be(),v=$(),X=$e().analytics,{chargeCardTermsDetails:_,companyChargeCardInfo:C,companyLocaleInfo:M}=i,Z=je(_?.fetchStatus.fetchState),[xe,q]=T.useState(!1),ue=()=>{X.trackCardsPromoPageClicked("schedule demo"),X.trackCardsScheduleDemoClick(c,{isCreditCardOffered:m,isDebitCardOffered:h,isDebitCardEnabled:u,isCreditCardEnabled:w},"Cards Promo"),q(!0)},we=C!=null&&M!=null?Se("0,0",{amount:C.chargeCardsCreditAccountLimit,currencyCode:M.currencyCode,currencySymbol:M.currencySymbol}):void 0;T.useEffect(()=>{Z==="In-Progress"&&_?.fetchStatus.fetchState==="Completed"&&O()},[Z,O,_?.fetchStatus]);const K=Ue(W.loggedInUserRoleMap),fe=Te(W),E=f==="credit"&&C?.isCompanyInterestedInChargeCard===!1&&C.chargeCardsCreditAccountLimit===0,D=f==="credit"&&C?.isCompanyInterestedInChargeCard===!0&&C.chargeCardsCreditAccountLimit===-1,F=f==="credit"&&C?.isCompanyInterestedInChargeCard===!0&&C.chargeCardsCreditAccountLimit===0,Ce=f==="credit"&&C?.isCompanyInterestedInChargeCard===!0&&C.chargeCardsCreditAccountLimit>0,{expressInterestInChargeCardFetchState:ye}=i,Q=E?o.getPreApprovedNow:a?o.enableCardsButton:o.setupCardsButton;return r.jsxs(We,{children:[r.jsx(ze,{title:o.title[f],backgroundColor:he.colors.grey4,onBackClick:pe,showBackButton:!0,showMenuIcon:v==="medium-compact"||v==="small",onClickMenuIcon:me,style:{zIndex:9},source:"ChargeCardPromoPage"}),xe===!0?r.jsx(ve,{onCancelClick:()=>{q(!1)},meetingUrl:e}):null,r.jsx(Ke,{windowSize:v,children:K===!0?r.jsxs(qe,{children:[r.jsxs(Ze,{children:[r.jsx(Ve,{isApproved:Ce,creditAmount:we,cardPromoType:f,isUnderReview:F,isRejected:D,showExpressInterest:E,creditLimit:C?.chargeCardsCreditAccountLimit}),r.jsx(ae,{cardPromoType:f,cashbackRate:P})]}),r.jsx(ne,{showEnableCardButton:a,cardPromoType:f,isUnderReview:F,isRejected:D,showExpressInterest:E,isCheckingEnabled:l})]}):r.jsx(Ge,{companyLegalName:s,cards:[],admins:j,cashbackRate:P,hasZeniFinopsRoles:fe,cardPromoType:f,isCheckingEnabled:l})}),K&&!(F||D)?r.jsxs(or,{windowSize:v,children:[r.jsx(Y,{variant:"secondary",label:o.scheduleDemoButton,style:{width:166},onClick:ue,"data-testid":ee("schedule-demo-button")}),r.jsx(Xe,{windowSize:v,children:o.orText}),r.jsx(Y,{variant:"primary",label:Q,style:{minWidth:166},loading:i.chargeCardTermsDetails?.fetchStatus.fetchState==="In-Progress"||ye==="In-Progress",onClick:Q===o.getPreApprovedNow?ge:()=>d(f),"data-testid":ee("enable-card-button")})]}):null]})},He=({admins:e})=>{const s=e.flatMap(a=>a.user?.firstName+" "+a.user?.lastName).join(", "),i=$();return r.jsxs(mr,{windowSize:i,children:[r.jsx(N,{underline:!1,windowSize:i,children:o.noCardAssigned.pre}),r.jsx(Be,{title:s,placement:"top-start",style:{padding:`2px ${t.sp2}`},children:r.jsx(N,{underline:!0,windowSize:i,children:o.noCardAssigned.tooltip})}),r.jsx(N,{underline:!1,windowSize:i,children:o.noCardAssigned.post})]})},ne=({cardPromoType:e,showEnableCardButton:s,isCheckingEnabled:i,isUnderReview:a,isRejected:c,showExpressInterest:m,isCardUser:h=!1})=>{const u=$();return r.jsx(ir,{windowSize:u,children:r.jsx(Re,{topTermLabel:o.terms.checkingAccountTerm,buttonTermLabel:a===!0||c===!0||h===!0?void 0:m===!0?o.terms.getPreApprovedNowTerm:s?o.terms.alternateTerm1:o.terms.terms1,showEndIcon:!1,showTerms:c===!1&&h===!1&&a===!1,style:{marginTop:g.termsOfAgreementMarginTop.valuePx(u)},cardPromoType:e,isCheckingEnabled:i})})},Ve=({isApproved:e,cardPromoType:s,creditAmount:i,isUnderReview:a,isRejected:c,showExpressInterest:m,creditLimit:h})=>{const u=$(),w=s==="debit_and_credit"?o.promoTextDebitCreditCard:s==="debit"?o.promoTextDebitCard:o.promoTextCreditCard,j=e?r.jsxs(r.Fragment,{children:[o.promoBadgeText.approved,r.jsx(te,{children:i}),o.creditLimit,U.strings.space]}):m?r.jsxs(r.Fragment,{children:[o.promoBadgeText.nonPreApproved.get,r.jsx(rr,{children:o.promoBadgeText.nonPreApproved.scale}),o.promoBadgeText.nonPreApproved.doubleStarred,U.strings.space,o.promoBadgeText.nonPreApproved.higherLimits]}):a?o.promoBadgeText.underReview:c?o.promoBadgeText.rejected:s==="debit_and_credit"&&h===0?null:r.jsxs(r.Fragment,{children:[o.promoBadgeText.preApproved,r.jsx(te,{children:i}),o.creditLimit,U.strings.space]});return r.jsxs(r.Fragment,{children:[r.jsx(r.Fragment,{children:u==="small"?r.jsxs(r.Fragment,{children:[r.jsx(le,{children:w}),r.jsx(ce,{children:o.promoSubText})]}):r.jsxs(r.Fragment,{children:[r.jsx(se,{children:w}),r.jsx(de,{children:o.promoSubText})]})}),r.jsxs(Ye,{cardPromoType:s,hasContent:j!=null,hideBadge:i==null||s==="debit",windowSize:u,children:[a||c||m?null:r.jsx(yr,{}),r.jsx(er,{windowSize:u,children:j})]})]})},Ge=({companyLegalName:e,cards:s,admins:i,cashbackRate:a,hasZeniFinopsRoles:c,cardPromoType:m="credit",isCheckingEnabled:h})=>{const u=$(),w=m==="debit_and_credit"?o.promoTextDebitCreditCard:m==="debit"?o.promoTextDebitCard:o.promoTextCreditCard;return r.jsxs(r.Fragment,{children:[u==="small"?r.jsxs(r.Fragment,{children:[r.jsx(le,{children:w}),r.jsx(ce,{children:o.promoSubText})]}):r.jsxs(r.Fragment,{children:[r.jsx(se,{children:w}),r.jsx(de,{children:o.promoSubText})]}),s.length===0?r.jsx(pr,{windowSize:u}):r.jsx(Je,{cards:s,companyLegalName:e}),r.jsx(ae,{cardPromoType:m,cashbackRate:a}),c?null:r.jsx(He,{admins:i}),r.jsx(ne,{isCardUser:!0,showEnableCardButton:!1,cardPromoType:m,isCheckingEnabled:h})]})},Je=({cards:e,companyLegalName:s})=>{const i=G(),a=$();let c="",m;if(e.length===1){m=e[0].cardCreatedByUser.photo;const h=e[0].cardCreatedByUser.firstName+" "+e[0].cardCreatedByUser.lastName;c=o.cardAssigned.singleCreditCard.replace("__issuing-user__",h).replace("__company-name__",s)}else c=o.cardAssigned.multipleCreditCards.replace("__company-name__",s);return r.jsxs(hr,{children:[m!=null?r.jsx(Qe,{width:t.sp5,height:t.sp5,style:{paddingTop:a==="small"?t.sp1:t.sp0},src:m.href,alt:oe.getLocalizedStrings().cockpit.userProfileAltText,onError:({currentTarget:h})=>{h.onerror=null,h.src=Ae},loading:"lazy"}):null,r.jsx(gr,{windowSize:a,mode:i.mode,children:r.jsx(xr,{windowSize:a,children:c})})]})},re=({windowSize:e,cardPromoType:s})=>{let i=o.businessText;return s==="debit"&&(i=`${i} ${o.debit}`),r.jsx(r.Fragment,{children:s==="debit_and_credit"?r.jsx(Oe,{}):r.jsxs(ar,{windowSize:e,children:[r.jsx(H,{cardPromoType:s,cardText:i,shouldAnimate:!0,showChip:!0,forDashboard:!1,forListPage:!1}),r.jsx(V,{cardPromoType:s,cardText:i,showChip:!0,forDashboard:!1,shouldAnimate:!0,forListPage:!1})]})})},ae=({cardPromoType:e,cashbackRate:s})=>{const i=$(),a=o.benefits;return r.jsxs(tr,{windowSize:i,children:[i==="small"?r.jsx(re,{windowSize:i,cardPromoType:e}):null,r.jsxs(nr,{windowSize:i,children:[r.jsxs(I,{windowSize:i,children:[r.jsx(B,{children:r.jsx(lr,{})}),r.jsxs(R,{children:[r.jsx(b,{windowSize:i,children:a.item1.pre}),r.jsx(A,{windowSize:i,children:a.item1.bold.replace("__cashback__",(s*100).toFixed(2))}),r.jsx(b,{windowSize:i,children:`${e==="credit"||e==="debit_and_credit"?a.singleStarred:""}${a.item1.post}`})]})]}),r.jsxs(I,{windowSize:i,children:[r.jsx(B,{children:r.jsx(sr,{})}),r.jsxs(R,{children:[r.jsx(b,{windowSize:i,children:a.item2.pre}),r.jsx(A,{windowSize:i,children:a.item2.bold}),r.jsx(b,{windowSize:i,children:a.item2.post})]})]}),r.jsxs(I,{windowSize:i,children:[r.jsx(B,{children:r.jsx(cr,{})}),r.jsxs(R,{children:[r.jsx(b,{windowSize:i,children:a.item3.pre}),r.jsx(A,{windowSize:i,children:a.item3.bold}),r.jsx(b,{windowSize:i,children:a.item3.post})]})]}),r.jsxs(I,{windowSize:i,children:[r.jsx(B,{children:r.jsx(dr,{})}),r.jsxs(R,{children:[r.jsx(b,{windowSize:i,children:a.item4.pre}),r.jsx(A,{windowSize:i,children:a.item4.bold}),r.jsx(b,{windowSize:i,children:a.item4.post})]})]})]}),i==="small"?null:r.jsx(re,{windowSize:i,cardPromoType:e})]})};let k;const Oe=()=>{const e=$(),s=G(),[i,a]=T.useState(0),[c,m]=T.useState(!1),h=o.businessText,u=`${h} ${o.debit}`,w=[{id:1,cardType:"debit",cardText:u},{id:2,cardType:"debit",cardText:u},{id:3,cardType:"credit",cardText:h},{id:4,cardType:"credit",cardText:h}];T.useEffect(()=>(c||(k=setInterval(()=>{a(l=>{const d=l+1;return d===w.length?(m(!0),0):d})},2e3)),()=>clearInterval(k)),[c,w.length]),T.useEffect(()=>{c&&k!=null&&clearInterval(k)},[c]);const j=(l,d)=>{switch((l-i+w.length)%w.length){case 0:return{transform:`translate(0,${d?"100%":0}) scale(1)`,zIndex:d?5:6,opacity:1,transition:"transform 0.4s"};case 1:return{transform:`translate(35%, ${d?"80%":"5%"}) scale(0.75)`,zIndex:d?4:5,opacity:1,transition:"all 0.4s"};case 2:return{transform:`translate(35%,${d?"80%":"5%"}) scale(0.75)`,zIndex:d?3:4,opacity:0,transition:"transform 0.4s 0.2s, opacity 0.4s 0.0s"};case 3:return{transform:`translate(-35%, ${d?"80%":"5%"}) scale(0.75)`,zIndex:d?4:5,opacity:1,transition:"all 0.4s"};default:return}},P=l=>{const d=j(l,!0);return{...d,transform:`${d?.transform} scaleY(-1)`,opacity:1,transition:"transform 0s 0s, z-index 0s 0s"}},f=l=>{c||m(!0),a(l)};return r.jsxs(ur,{windowSize:e,children:[r.jsx(wr,{windowSize:e,children:w.map((l,d)=>r.jsxs(fr,{children:[r.jsx(ie,{isReflection:!1,style:{...j(d,!1)},onClick:()=>f(d),children:d===0||d===2?r.jsx(H,{cardPromoType:l.cardType,cardText:l.cardText,shouldAnimate:!1,showChip:!0,forDashboard:!1,forListPage:!1,style:{borderColor:s.colors.grey2,...s.mode==="light"&&{borderBottom:"none"}}}):r.jsx(V,{cardPromoType:l.cardType,cardText:l.cardText,shouldAnimate:!1,showChip:!0,forDashboard:!1,forListPage:!1,style:{borderColor:s.colors.grey2,...s.mode==="light"&&{borderBottom:"none"}}})},l.id),r.jsx(ie,{isReflection:!0,style:{...P(d)},children:d===0||d===2?r.jsx(H,{cardPromoType:l.cardType,cardText:l.cardText,shouldAnimate:!1,forDashboard:!1,showChip:!0,forListPage:!1,style:{border:"none",opacity:.1,maskImage:"linear-gradient(to top, black, transparent 90%)",WebkitMaskImage:"linear-gradient(to top, black, transparent 90%)"}}):r.jsx(V,{cardPromoType:l.cardType,cardText:l.cardText,showChip:!0,shouldAnimate:!1,forDashboard:!1,forListPage:!1,style:{border:"none",opacity:.1,maskImage:"linear-gradient(to top, black, transparent)",WebkitMaskImage:"linear-gradient(to top, black, transparent)"}})},`reflection-${l.id}`)]},l.id))}),c&&r.jsx(Ne,{numberOfDots:w.length,activeIndex:i,handleClick:a,promoColor:s.colors.primary,promoColorHover:s.colors.grey5,spendManagementPromoCardActive:!0,dotStyle:{width:t.sp2,height:t.sp2},style:{cursor:"default",position:"absolute",bottom:g.navigationBottom.valuePx(e),left:g.navigationLeft.valuePx(e),zIndex:7}})]})},We=n.div`
   display: flex;
   flex: 1 1 auto;
   min-height: 100%;

package/dist/assets/{ChargeCardSetupPage-Epn4xe2x-CtGXIQfR.js → ChargeCardSetupPage-C2ut28_d-oEr-F107.js}

@@ -1,4 +1,4 @@
-import{y as je,J as Oe,a8 as Be,aR as M,a9 as Ue,cH as _e,aW as J,V as t,ff as $e,p as ze,x as d,bD as Re,k as We,ad as Le,fy as Ne,dR as qe,fz as He,o as U,w as Me,iQ as G,bx as Je,aS as Ge,fB as Ke,F as Qe,u as a,am as Ye}from"./index-BPv2nRQb.js";import{a as f}from"./sentry-DBSEoG3b.js";import{n as w}from"./mui-DdxImnN0.js";import{bJ as Xe}from"./zeni-epic-state-1oOVJQJ4.js";import{x as Ze}from"./LabeledControlledCheckBoxField-zpbzob1x-De_sFAdL.js";import{g as et}from"./UploadAdditionalDocumentOverlay-CcH5BomT-DSbThaHM.js";import"./liveblocks-Dv7Vdu8a.js";import"./core-HDqpewC7.js";import"./recharts-Djp9a38d.js";import"./lottie-V1lTNkDB.js";import"./analytics-DvsRx7_o.js";import"./lexical-CWcQ8pGO.js";import"./utils-rIQAYtge.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]="927768f3-bf59-45f4-8cd4-dd0a1355d0f7",e._sentryDebugIdIdentifier="sentry-dbid-927768f3-bf59-45f4-8cd4-dd0a1355d0f7")}catch{}})();const c={titleWidth:new d(343,580,726,826),setupDetailsRowGap:new d(12,a[5],a[5]),sectionRowGap:new d(a[5],a[9],a[9]),iconWidthHeight:new d(20,a[4]),subTitlePaddingTop:new d(12,a[3]),subTitlePaddingBottom:new d(a[3],a[3]),overlayWidth:new d(100,100,59),checkBoxTop:new d(a[1],a[0])},K="chargeCardSetUpPage",g="payAccount",{commonSetUp:tt,spendManagement:nt}=Qe.getLocalizedStrings(),{chargeCard:X}=nt,{chargeCardSetUp:m}=X,{setUp:_}=tt,wt=({autoPayThreshold:e,isDisabled:r,meetingUrl:x,isEarlyPayEnabled:h,chargeCardSetUpView:o,connectedAccountProvider:Z,filesEndPoint:ee,authParams:te,isAccountsEnabled:ne,isDebitCardOnlyEnabled:v,isCreditCardOnlyEnabled:ie,accountsPromoConfig:oe,onFetchLinkTokenClick:ae,onBackClick:ce,onEnableChargeCardClick:se,onUpdateChargeCardClick:le,onBusinessVerificationSectionClick:de,onUpdatePaymentAccountStatus:re,onUpdatePaymentAccountLoginStatus:ue,onUpdatePrimaryFundingAccount:pe,onUpdateAutoPayClick:fe,onEstablishConnectionClick:me,onEstablishConnectionSuccess:ge,onClickMenuIcon:he,onEnableChargeCardSuccess:P,onEditFileName:ye,onDeleteFile:be,updateFilesEntity:Ce,onCompanyOfficerUpdated:Se,onSendForVerificationClick:we,onSignUpClick:xe})=>{const y=je(),i=Oe(),E=Be().analytics,[A,b]=f.useState(!1),{fetchState:C,companyBillPayInfo:$,isRefreshingViewInBackground:Pe,updateStatus:u,accountUpdateStatus:Ae,plaidConnectionDetails:ke,allBankAccounts:Te,companyChargeCardInfo:I,companyDebitCardInfo:z,selectedCompanyOfficer:s,primaryFundingAccount:l,allFundingAccounts:R}=o,W=M(C),k=M(u.fetchState),D=Ue({mode:"all",reValidateMode:"onChange",defaultValues:f.useMemo(()=>Q(o),[o]),values:Q(o)}),ve=D.handleSubmit(se),Ee=async(S,T)=>{const n=T[g];if(S.includes(g))if(S.includes("fundingAccount")){if(n.fundingAccount.selectedOption!=null&&l?.id!=n.fundingAccount.selectedOption){const p=R.find(B=>B.id===n.fundingAccount.selectedOption);p!=null&&pe(n.fundingAccount.selectedOption,p.accType)}}else if(n.account.selectedOption!=null&&l?.id!=null&&l?.zeniAccountId!=n.account.selectedOption){const p=n.account.allOptions.find(B=>B.value===n.account.selectedOption);p!=null&&typeof p.label=="string"&&E.trackConnectBankLink(p.value,p.label,"charge_cards"),le(n.account.selectedOption,l.id,l.accType)}else S.includes("enableAutoPay")&&n.enableAutoPay!=null&&fe(n.enableAutoPay)};f.useEffect(()=>{const S=D.watch((T,{name:n})=>{n!=null&&T!=null&&_e(()=>Ee(n,T))});return()=>{S.unsubscribe()}}),f.useEffect(()=>{!A&&s?.additionalDocumentTypesRequestedForVerification.includes("social_security_card")===!0&&s.areAdditionalDocumentsRequestedForVerification&&!s.areAdditionalDocumentsSubmittedForVerification&&s.userVerificationStatus?.code==="require_info"&&b(!0),A&&W==="In-Progress"&&C==="Completed"&&b(!1)},[s,C,W]),f.useEffect(()=>{k==="In-Progress"&&u.fetchState==="Completed"&&P()},[P,k,u.fetchState]);const F=I?.isChargeCardEnabled===!0,V=z?.isDebitCardEnabled===!0,L=z?.isDebitCardTOSAccepted===!0,N=I?.isChargeCardTOSAccepted===!0,q=$?.isBusinessVerified===!0,Ie=l?.accType==="depositAccount"||Xe(l?.providerVerificationStatus?.code??""),j=v?q:q&&Ie,De=C==="In-Progress"||C==="Not-Started";f.useEffect(()=>{k==="In-Progress"&&u.fetchState==="Completed"&&P()},[P,k,u.fetchState]);const O=v?j&&!V&&L:ie?j&&!F&&N:j&&!(F&&V)&&N&&L,Fe=O?m.setupSubTitleNotEnabled:m.setupSubTitle,H=y.mode==="light"?new J(y.colors.brandColorJadeLight):new J(y.colors.brandColorJadeDark),Ve=()=>{!A&&s?.additionalDocumentTypesRequestedForVerification.includes("social_security_card")===!0&&s.areAdditionalDocumentsRequestedForVerification&&!s.areAdditionalDocumentsSubmittedForVerification&&s.userVerificationStatus?.code==="require_info"?b(!0):de?.()};return t.jsxs(ot,{children:[t.jsx($e,{anchor:"right",PaperProps:{style:{width:c.overlayWidth.valuePercentage(i),boxShadow:"none"}},open:A,onClose:()=>b(!1),style:{backgroundColor:ze.drawerBackground},transitionDuration:250,children:t.jsx(et,{authParams:te,filesEndPoint:ee,updateStatus:u,onEditFileName:ye,onDeleteFile:be,updateFilesEntity:Ce,companyOfficer:s,onClose:()=>b(!1),onCompanyOfficerUpdated:Se,onSendForVerificationClick:we})}),t.jsx(Re,{title:m.setupTitle,backgroundColor:y.colors.grey4,style:{zIndex:3},onBackClick:ce,showMenuIcon:!F&&!V&&(i==="medium-compact"||i==="small"),onClickMenuIcon:he,source:"ChargeCardSetupPage"}),t.jsxs(it,{windowSize:i,children:[t.jsx(at,{windowSize:i,children:Fe}),De?t.jsx(ct,{children:t.jsx(We,{size:"ExtraLarge",start:!0})}):t.jsx(Le,{...D,children:t.jsx("form",{id:Y(K),onSubmit:ve,children:t.jsxs(st,{windowSize:i,children:[t.jsx(Ne,{onClick:Ve,title:_.businessVerificationTitle,subTitle:_.businessVerificationSubTitle,header:_.businessVerificationHeader,icon:{element:t.jsx(qe,{width:c.iconWidthHeight.valuePx(i),height:c.iconWidthHeight.valuePx(i)}),color:H},status:$?.businessVerificationStatus,isLoading:Pe,isActiveWhileLoading:!0}),v?null:t.jsx(He,{connectedAccountProvider:Z,primaryFundingAccount:l,allFundingAccounts:R,plaidConnectionDetails:ke,allBankAccounts:Te,sectionId:g,isDisabled:r,onFetchLinkTokenClick:ae,onEstablishConnectionClick:me,onUpdatePaymentAccountStatus:re,onUpdatePaymentAccountLoginStatus:ue,sectionTitle:m.setupAccountSectionTitle,onEstablishConnectionSuccess:ge,icon:{element:t.jsx(Je,{width:c.iconWidthHeight.valuePx(i),height:c.iconWidthHeight.valuePx(i)}),color:H},analytics:E,productType:"charge_cards",isAccountsEnabled:ne,onSignUpClick:xe,pageName:m.pageName,accountsPromoConfig:oe,accountSelectContainerStyle:h?{marginBottom:"20px"}:{},bottomComponent:h&&t.jsx(Ze,{label:{label:X.payEarly.enableAutoPay.replace("__autoPayThreshold__",e.toString()),style:{color:y.colors.primary,...Me.smallRegular.cssObject,alignItems:"center"}},style:{width:"unset",marginRight:U.sp4,marginTop:U.sp1,alignItems:i==="small"?"flex-start":"center"},checkBoxField:{name:G(g,"enableAutoPay"),checkBoxValue:G(g,"enableAutoPay"),defaultChecked:I?.isAutoPayEnabled,style:{top:c.checkBoxTop.valuePx(i)}}})})]})})})]}),O?t.jsx(Ge,{formId:Y(K),primaryBtn:{label:m.enableAccounts,style:{width:"auto",minWidth:i==="small"?"auto":"181px"},isLoading:u.fetchState==="In-Progress"||Ae.fetchState==="In-Progress",isDisabled:r!=null},showCancel:!1,cancelBtn:{label:""},style:{padding:`12px ${U.sp3}`}}):null,t.jsx(Ke,{isFooterRendered:O,meetingUrl:x,analytics:E,productType:"charge_cards"})]})},Q=e=>{const{allBankAccounts:r,allFundingAccounts:x,primaryFundingAccount:h}=e;return{[g]:{fundingAccount:{selectedOption:h?.id,allOptions:x.map(o=>({label:o.label,value:o.id,isRecommended:o.accType==="depositAccount"}))},account:{selectedOption:h?.zeniAccountId,allOptions:r.map(o=>({label:o.accountName,value:o.accountId}))},enableAutoPay:e.companyChargeCardInfo?.isAutoPayEnabled}}},Y=e=>`${e}_form`,it=w.div`
+import{y as je,J as Oe,a8 as Be,aR as M,a9 as Ue,cH as _e,aW as J,V as t,ff as $e,p as ze,x as d,bD as Re,k as We,ad as Le,fy as Ne,dR as qe,fz as He,o as U,w as Me,iQ as G,bx as Je,aS as Ge,fB as Ke,F as Qe,u as a,am as Ye}from"./index-D-BANbLd.js";import{a as f}from"./sentry-OhwUF_66.js";import{n as w}from"./mui-AW-QpJ2k.js";import{bJ as Xe}from"./zeni-epic-state-DR0XRPUQ.js";import{x as Ze}from"./LabeledControlledCheckBoxField-D59MWScK-u0D-4rtN.js";import{g as et}from"./UploadAdditionalDocumentOverlay-CBFoai8Q-D24u1z1-.js";import"./liveblocks-Db4nLOvA.js";import"./core-IgaX3lD-.js";import"./recharts-DPPWeTqd.js";import"./lottie-D0yKu2h3.js";import"./analytics-6ukc1Do4.js";import"./lexical-BOeaRQ5K.js";import"./utils-Cv-cXrhn.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]="42d68d50-fd0d-46f6-98d3-4416c61eec4b",e._sentryDebugIdIdentifier="sentry-dbid-42d68d50-fd0d-46f6-98d3-4416c61eec4b")}catch{}})();const c={titleWidth:new d(343,580,726,826),setupDetailsRowGap:new d(12,a[5],a[5]),sectionRowGap:new d(a[5],a[9],a[9]),iconWidthHeight:new d(20,a[4]),subTitlePaddingTop:new d(12,a[3]),subTitlePaddingBottom:new d(a[3],a[3]),overlayWidth:new d(100,100,59),checkBoxTop:new d(a[1],a[0])},K="chargeCardSetUpPage",g="payAccount",{commonSetUp:tt,spendManagement:nt}=Qe.getLocalizedStrings(),{chargeCard:X}=nt,{chargeCardSetUp:m}=X,{setUp:_}=tt,wt=({autoPayThreshold:e,isDisabled:r,meetingUrl:x,isEarlyPayEnabled:h,chargeCardSetUpView:o,connectedAccountProvider:Z,filesEndPoint:ee,authParams:te,isAccountsEnabled:ne,isDebitCardOnlyEnabled:v,isCreditCardOnlyEnabled:ie,accountsPromoConfig:oe,onFetchLinkTokenClick:ae,onBackClick:ce,onEnableChargeCardClick:se,onUpdateChargeCardClick:le,onBusinessVerificationSectionClick:de,onUpdatePaymentAccountStatus:re,onUpdatePaymentAccountLoginStatus:ue,onUpdatePrimaryFundingAccount:pe,onUpdateAutoPayClick:fe,onEstablishConnectionClick:me,onEstablishConnectionSuccess:ge,onClickMenuIcon:he,onEnableChargeCardSuccess:P,onEditFileName:ye,onDeleteFile:be,updateFilesEntity:Ce,onCompanyOfficerUpdated:Se,onSendForVerificationClick:we,onSignUpClick:xe})=>{const y=je(),i=Oe(),E=Be().analytics,[A,b]=f.useState(!1),{fetchState:C,companyBillPayInfo:$,isRefreshingViewInBackground:Pe,updateStatus:u,accountUpdateStatus:Ae,plaidConnectionDetails:ke,allBankAccounts:Te,companyChargeCardInfo:I,companyDebitCardInfo:z,selectedCompanyOfficer:s,primaryFundingAccount:l,allFundingAccounts:R}=o,W=M(C),k=M(u.fetchState),D=Ue({mode:"all",reValidateMode:"onChange",defaultValues:f.useMemo(()=>Q(o),[o]),values:Q(o)}),ve=D.handleSubmit(se),Ee=async(S,T)=>{const n=T[g];if(S.includes(g))if(S.includes("fundingAccount")){if(n.fundingAccount.selectedOption!=null&&l?.id!=n.fundingAccount.selectedOption){const p=R.find(B=>B.id===n.fundingAccount.selectedOption);p!=null&&pe(n.fundingAccount.selectedOption,p.accType)}}else if(n.account.selectedOption!=null&&l?.id!=null&&l?.zeniAccountId!=n.account.selectedOption){const p=n.account.allOptions.find(B=>B.value===n.account.selectedOption);p!=null&&typeof p.label=="string"&&E.trackConnectBankLink(p.value,p.label,"charge_cards"),le(n.account.selectedOption,l.id,l.accType)}else S.includes("enableAutoPay")&&n.enableAutoPay!=null&&fe(n.enableAutoPay)};f.useEffect(()=>{const S=D.watch((T,{name:n})=>{n!=null&&T!=null&&_e(()=>Ee(n,T))});return()=>{S.unsubscribe()}}),f.useEffect(()=>{!A&&s?.additionalDocumentTypesRequestedForVerification.includes("social_security_card")===!0&&s.areAdditionalDocumentsRequestedForVerification&&!s.areAdditionalDocumentsSubmittedForVerification&&s.userVerificationStatus?.code==="require_info"&&b(!0),A&&W==="In-Progress"&&C==="Completed"&&b(!1)},[s,C,W]),f.useEffect(()=>{k==="In-Progress"&&u.fetchState==="Completed"&&P()},[P,k,u.fetchState]);const F=I?.isChargeCardEnabled===!0,V=z?.isDebitCardEnabled===!0,L=z?.isDebitCardTOSAccepted===!0,N=I?.isChargeCardTOSAccepted===!0,q=$?.isBusinessVerified===!0,Ie=l?.accType==="depositAccount"||Xe(l?.providerVerificationStatus?.code??""),j=v?q:q&&Ie,De=C==="In-Progress"||C==="Not-Started";f.useEffect(()=>{k==="In-Progress"&&u.fetchState==="Completed"&&P()},[P,k,u.fetchState]);const O=v?j&&!V&&L:ie?j&&!F&&N:j&&!(F&&V)&&N&&L,Fe=O?m.setupSubTitleNotEnabled:m.setupSubTitle,H=y.mode==="light"?new J(y.colors.brandColorJadeLight):new J(y.colors.brandColorJadeDark),Ve=()=>{!A&&s?.additionalDocumentTypesRequestedForVerification.includes("social_security_card")===!0&&s.areAdditionalDocumentsRequestedForVerification&&!s.areAdditionalDocumentsSubmittedForVerification&&s.userVerificationStatus?.code==="require_info"?b(!0):de?.()};return t.jsxs(ot,{children:[t.jsx($e,{anchor:"right",PaperProps:{style:{width:c.overlayWidth.valuePercentage(i),boxShadow:"none"}},open:A,onClose:()=>b(!1),style:{backgroundColor:ze.drawerBackground},transitionDuration:250,children:t.jsx(et,{authParams:te,filesEndPoint:ee,updateStatus:u,onEditFileName:ye,onDeleteFile:be,updateFilesEntity:Ce,companyOfficer:s,onClose:()=>b(!1),onCompanyOfficerUpdated:Se,onSendForVerificationClick:we})}),t.jsx(Re,{title:m.setupTitle,backgroundColor:y.colors.grey4,style:{zIndex:3},onBackClick:ce,showMenuIcon:!F&&!V&&(i==="medium-compact"||i==="small"),onClickMenuIcon:he,source:"ChargeCardSetupPage"}),t.jsxs(it,{windowSize:i,children:[t.jsx(at,{windowSize:i,children:Fe}),De?t.jsx(ct,{children:t.jsx(We,{size:"ExtraLarge",start:!0})}):t.jsx(Le,{...D,children:t.jsx("form",{id:Y(K),onSubmit:ve,children:t.jsxs(st,{windowSize:i,children:[t.jsx(Ne,{onClick:Ve,title:_.businessVerificationTitle,subTitle:_.businessVerificationSubTitle,header:_.businessVerificationHeader,icon:{element:t.jsx(qe,{width:c.iconWidthHeight.valuePx(i),height:c.iconWidthHeight.valuePx(i)}),color:H},status:$?.businessVerificationStatus,isLoading:Pe,isActiveWhileLoading:!0}),v?null:t.jsx(He,{connectedAccountProvider:Z,primaryFundingAccount:l,allFundingAccounts:R,plaidConnectionDetails:ke,allBankAccounts:Te,sectionId:g,isDisabled:r,onFetchLinkTokenClick:ae,onEstablishConnectionClick:me,onUpdatePaymentAccountStatus:re,onUpdatePaymentAccountLoginStatus:ue,sectionTitle:m.setupAccountSectionTitle,onEstablishConnectionSuccess:ge,icon:{element:t.jsx(Je,{width:c.iconWidthHeight.valuePx(i),height:c.iconWidthHeight.valuePx(i)}),color:H},analytics:E,productType:"charge_cards",isAccountsEnabled:ne,onSignUpClick:xe,pageName:m.pageName,accountsPromoConfig:oe,accountSelectContainerStyle:h?{marginBottom:"20px"}:{},bottomComponent:h&&t.jsx(Ze,{label:{label:X.payEarly.enableAutoPay.replace("__autoPayThreshold__",e.toString()),style:{color:y.colors.primary,...Me.smallRegular.cssObject,alignItems:"center"}},style:{width:"unset",marginRight:U.sp4,marginTop:U.sp1,alignItems:i==="small"?"flex-start":"center"},checkBoxField:{name:G(g,"enableAutoPay"),checkBoxValue:G(g,"enableAutoPay"),defaultChecked:I?.isAutoPayEnabled,style:{top:c.checkBoxTop.valuePx(i)}}})})]})})})]}),O?t.jsx(Ge,{formId:Y(K),primaryBtn:{label:m.enableAccounts,style:{width:"auto",minWidth:i==="small"?"auto":"181px"},isLoading:u.fetchState==="In-Progress"||Ae.fetchState==="In-Progress",isDisabled:r!=null},showCancel:!1,cancelBtn:{label:""},style:{padding:`12px ${U.sp3}`}}):null,t.jsx(Ke,{isFooterRendered:O,meetingUrl:x,analytics:E,productType:"charge_cards"})]})},Q=e=>{const{allBankAccounts:r,allFundingAccounts:x,primaryFundingAccount:h}=e;return{[g]:{fundingAccount:{selectedOption:h?.id,allOptions:x.map(o=>({label:o.label,value:o.id,isRecommended:o.accType==="depositAccount"}))},account:{selectedOption:h?.zeniAccountId,allOptions:r.map(o=>({label:o.accountName,value:o.accountId}))},enableAutoPay:e.companyChargeCardInfo?.isAutoPayEnabled}}},Y=e=>`${e}_form`,it=w.div`
   display: flex;
   justify-content: flex-start;
   height: 100%;

package/dist/assets/{ChargeCardStatementsPage-Bu7OdYhw-DLIqhr4K.js → ChargeCardStatementsPage-B0pW9c8L-BOQfbOjy.js}

@@ -1,4 +1,4 @@
-import{y as F,J as N,V as t,bD as W,o as h,F as R,x as g,am as B,ba as O,a8 as V,hO as _,k as J,ab as q,u as s,c4 as G}from"./index-BPv2nRQb.js";import{n as r}from"./mui-DdxImnN0.js";import{$ as Q,g as U}from"./BoxItem-B6i9yx2h-BXmANcI9.js";import{a as Z}from"./sentry-DBSEoG3b.js";import{w as H}from"./downloadPdf-D2sIdMDR-CfGqGROi.js";import"./liveblocks-Dv7Vdu8a.js";import"./core-HDqpewC7.js";import"./recharts-Djp9a38d.js";import"./zeni-epic-state-1oOVJQJ4.js";import"./lottie-V1lTNkDB.js";import"./analytics-DvsRx7_o.js";import"./lexical-CWcQ8pGO.js";import"./utils-rIQAYtge.js";import"./commonDimensions-Cpv8YIix-BXt5gzTm.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},i=new e.Error().stack;i&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[i]="f3bcbda4-5dd6-40ea-9735-e84a699fa6b2",e._sentryDebugIdIdentifier="sentry-dbid-f3bcbda4-5dd6-40ea-9735-e84a699fa6b2")}catch{}})();const E=R.getLocalizedStrings().months,Y={downloadButtonSize:new g(s[4],20)},K=r.div`
+import{y as F,J as N,V as t,bD as W,o as h,F as R,x as g,am as B,ba as O,a8 as V,hO as _,k as J,ab as q,u as s,c4 as G}from"./index-D-BANbLd.js";import{n as r}from"./mui-AW-QpJ2k.js";import{$ as Q,g as U}from"./BoxItem-BuOARLA6-BfKpH1iW.js";import{a as Z}from"./sentry-OhwUF_66.js";import{w as H}from"./downloadPdf-DCU64Gug-DSJFt5WV.js";import"./liveblocks-Db4nLOvA.js";import"./core-IgaX3lD-.js";import"./recharts-DPPWeTqd.js";import"./zeni-epic-state-DR0XRPUQ.js";import"./lottie-D0yKu2h3.js";import"./analytics-6ukc1Do4.js";import"./lexical-BOeaRQ5K.js";import"./utils-Cv-cXrhn.js";import"./commonDimensions-B2iVuJD5-CcSv5ZyJ.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},i=new e.Error().stack;i&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[i]="084fa28c-3375-4489-a906-5327b60407b3",e._sentryDebugIdIdentifier="sentry-dbid-084fa28c-3375-4489-a906-5327b60407b3")}catch{}})();const E=R.getLocalizedStrings().months,Y={downloadButtonSize:new g(s[4],20)},K=r.div`
   display: flex;
   padding: ${h.sp3} ${h.sp4};
   flex-direction: row;

package/dist/assets/{CheckDepositDrawerPage-DQnqizMV-Das21vqy.js → CheckDepositDrawerPage-B6amchCs-DmayI2eG.js}

@@ -1,4 +1,4 @@
-import{J as Z,V as t,ab as $,hM as pe,aP as M,i as W,o,aS as he,x as n,b as ee,c as ue,F as oe,ba as me,R as te,aj as ge,am as F,aR as fe,a9 as xe,cH as ke,p as b,ad as De,gg as $e,cM as be,eX as G,cU as H,u as s,fs as we,cj as ye,c1 as je,f4 as Pe,g$ as Se,an as q,h0 as Le}from"./index-BPv2nRQb.js";import{a as k}from"./sentry-DBSEoG3b.js";import{n as a}from"./mui-DdxImnN0.js";import"./liveblocks-Dv7Vdu8a.js";import"./core-HDqpewC7.js";import"./recharts-Djp9a38d.js";import"./zeni-epic-state-1oOVJQJ4.js";import"./lottie-V1lTNkDB.js";import"./analytics-DvsRx7_o.js";import"./lexical-CWcQ8pGO.js";import"./utils-rIQAYtge.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},l=new e.Error().stack;l&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[l]="fc106475-b5f8-4ad7-addb-aef8f1b4f8d0",e._sentryDebugIdIdentifier="sentry-dbid-fc106475-b5f8-4ad7-addb-aef8f1b4f8d0")}catch{}})();const ve="checkDepositDetailPage",g="checkDepositDetails",Fe="amount",Ce="depositTo",Te="source",ie="fileIds",R="selectDocument",E=e=>{const l=[];return e.checkFront!=null&&l.push(e.checkFront.fileId),e.checkBack!=null&&l.push(e.checkBack.fileId),{[g]:{[Fe]:e.checkDepositLocalData.amount.amount===0?void 0:e.checkDepositLocalData.amount.amount,[Te]:e.checkDepositLocalData.source,[Ce]:{allOptions:e.depositAccounts.depositAccounts.map(f=>({label:f.accountName,value:f.id})),selectedOption:e.checkDepositLocalData.depositTo?.id},[ie]:l,[R]:{front:e.checkFront,back:e.checkBack}}}},D=(e,l)=>`${e}.${l}`,Be=e=>`${e}_form`,u={largeLabelWidth:new n(160,160,160),rowContentPaddingLeft:new n(s[3],s[4]),checkPicRowContentPaddingXAxis:new n(s[3],s[4]),labeleMarginLeft:new n(s[0],s[0]),labeleMarginBottom:new n(s[2],s[0]),labelMarginRight:new n(s[3],s[3]),labeledFieldPaddingLeft:new n(s[3],s[0]),labeledFieldPaddingRight:new n(s[3],s[2]),labeledFieldPaddingTop:new n(s[3],s[3]),labeledFieldPaddingBottom:new n(s[3],s[2]),infoLabelPaddingRight:new n(s[0],s[3]),infoLabelMarginTop:new n(s[1],s[0])},{spendManagement:ze,common:V}=oe.getLocalizedStrings(),c=ze.zeniAccounts.zeniAccountList,Ae=V.documents;function Ie({checkDeposit:e,analytics:l,filesEndPoint:f,openPopup:w,authParams:y,onSaveChangesToLocalStore:C,updateFilesEntity:j,onDeleteFile:P,onEditFileName:S,onCheckDpositClick:T}){const r=Z(),d=e.fetchState,L=fe(d),[v,_]=k.useState(!1),[se,B]=k.useState(!1),z=u.largeLabelWidth.value(r),x=xe({mode:"all",reValidateMode:"onBlur",defaultValues:E(e),values:E(e)}),{isValid:re}=x.formState,J=i=>{const p={amount:{amount:i[g].amount??0,currencyCode:V.currency.currencyCode,currencySymbol:V.currency.currencySymbol},source:i[g].source,depositTo:e.depositAccounts.depositAccounts.find(h=>h.id===i[g].depositTo.selectedOption),fileIds:i[g][ie]};C(p)},le=async(i,p)=>{if(i!=null){if(i.includes("source")||i.includes("amount"))return;const h=Object.assign({},p);J(h)}};k.useEffect(()=>{const i=x.watch((p,{name:h})=>{h!=null&&p!=null&&ke(()=>le(h,p))});return()=>{i.unsubscribe()}}),k.useEffect(()=>{L==="Completed"&&d==="Not-Started"&&x.reset(E(e))},[L,d,x,e]),k.useEffect(()=>{e.error!=null?B(!0):B(!1)},[e.error]);const ce=x.handleSubmit(()=>{if(re){l.trackAccountsDepositCheckFormClicked("Deposit",e.checkDepositLocalData.amount.amount,e.checkDepositLocalData.source,e.checkDepositLocalData.depositTo?.accountName,e.checkFront!=null,e.checkBack!=null);const i=x.getValues();J(i),T?.()}}),ne=(i,p)=>{if(!i)return null;const h=e.depositAccounts.depositAccounts.find(I=>I.id===i),A=e.depositAccounts.depositAccounts.findIndex(I=>I.id===i);return h?t.jsx(Ve,{color:Se(A),isSelectedValue:p}):null},de=(i,p)=>{if(!i)return null;const h=e.depositAccounts.depositAccounts.find(A=>A.id===i);return h?p===!0?t.jsx(Re,{children:h?.maskedAccountNumber}):t.jsxs(Me,{children:[t.jsx(X,{children:h?.maskedAccountNumber}),t.jsx(to,{}),t.jsx(X,{children:M("0,0[.]00",h?.accountBalance?.available)})]}):null};return t.jsxs(t.Fragment,{children:[se?t.jsx(Oe,{children:t.jsxs(qe,{children:[t.jsxs(_e,{children:[t.jsx(We,{}),t.jsxs(Ge,{children:[t.jsx(He,{children:e.error?.title}),t.jsx(Xe,{children:e.error?.message})]})]}),t.jsx(Je,{children:t.jsx(ro,{"data-testid":$("check-deposit-form-close"),onClick:()=>{l.trackAccountsDepositCheckFormClicked("Cross",e.checkDepositLocalData.amount.amount,e.checkDepositLocalData.source,e.checkDepositLocalData.depositTo?.accountName,e.checkFront!=null,e.checkBack!=null),B(!1)},style:{width:o.sp3,height:o.sp3,color:b.heroLight}})})]})}):null,t.jsx(Ye,{children:M("0,0.[00]",e.checkDepositLocalData.amount)}),t.jsx(De,{...x,children:t.jsx("form",{id:Be(ve),onSubmit:ce,children:t.jsxs(Ke,{children:[t.jsx($e,{showAdditionalInfoLabel:!1,label:{label:c.checkDepositDrawer.amountLabel,width:z},formattedTextField:{type:"number",name:D(g,"amount"),defaultValue:e.checkDepositLocalData.amount.amount===0?void 0:e.checkDepositLocalData.amount.amount,placeholder:c.checkDepositDrawer.amountPlaceholder,returnValueType:"floatValue",prefix:"$",allowNegative:!1,isNumericString:!1,registerOptions:{required:!0,validate:i=>!!i&&i>0},autoComplete:"off",decimalSeparator:".",decimalScale:2,fixedDecimalScale:!1,thousandSeparator:!0,allowLeadingZeros:!1},style:{width:"auto"}}),t.jsx(N,{}),t.jsx(be,{label:{label:c.checkDepositDrawer.sourceLabel,width:z},style:{width:"100%"},text:{type:"text",name:D(g,"source"),defaultValue:e.checkDepositLocalData.source,placeholder:c.checkDepositDrawer.sourcePlaceholder,options:{required:!0,validate:i=>i!=null}}}),t.jsx(N,{}),t.jsx(ae,{size:r,children:t.jsx(eo,{size:r,children:t.jsx(Ue,{label:{label:c.checkDepositDrawer.depositToLabel,width:z,style:{marginLeft:u.labeleMarginLeft.valuePx(r),marginBottom:u.labeleMarginBottom.valuePx(r),marginRight:u.labelMarginRight.valuePx(r)}},style:{paddingTop:u.labeledFieldPaddingTop.valuePx(r),paddingBottom:u.labeledFieldPaddingBottom.valuePx(r),paddingLeft:u.labeledFieldPaddingLeft.valuePx(r),paddingRight:u.labeledFieldPaddingRight.valuePx(r),border:"none",width:"100%",outline:"none",padding:0,display:r==="small"?"flex":"inherit"},infoLabelStyle:{textAlign:r==="small"?"left":"right",paddingRight:u.infoLabelPaddingRight.valuePx(r),marginTop:u.infoLabelMarginTop.valuePx(r)},singleSelectPickerField:{valueToLogo:(i,p)=>ne(i,p),valueToSubLabels:(i,p)=>de(i,p),name:D(g,"depositTo"),placeholder:c.checkDepositDrawer.depositToPlaceholder,style:{position:"relative"},defaultValue:{selectedOption:e.checkDepositLocalData.depositTo?.id,allOptions:e.depositAccounts.depositAccounts.map(i=>({label:i.accountName,value:i.id}))},textAlignment:"right",registerOptions:{required:!0,validate:i=>!!(i!=null&&i.selectedOption)}}})})}),t.jsx(N,{}),t.jsxs(Qe,{size:r,children:[t.jsxs(Ze,{size:r,children:[t.jsx(Ee,{children:c.checkDepositDrawer.checkPicLabel}),t.jsx(Y,{isLast:!1,children:c.checkDepositDrawer.frontSide}),t.jsx(G,{name:`${D(g,R)}.front`,registerOptions:{required:!0},file:e.checkFront,isDisabled:!1,deleteFileStatusById:e.deleteFileStatusById,updateFileStatusById:e.updateFileStatusById,filesEndPoint:f,authParams:y,acceptableTypes:["image/jpg","image/jpeg"],supportedImageFileFormat:"image/jpeg",sizeLimit:H,placeholderText:r==="small"?c.checkDepositDrawer.uploadDocument:c.checkDepositDrawer.dragDropClickPlaceholder,filemetadataPayload:{documentType:"check",purposeId:"others",documentSide:"front"},hasError:v,updateFilesEntity:j,onDeleteFile:P,onFileSizeError:i=>_(i),onEditFileName:S,openPopup:w,showPhotoPicker:!0,errorInfoLabel:c.checkDepositDrawer.frontSideError,useMobileCam:!0,compressImage:!0}),t.jsx(Y,{isLast:!0,children:c.checkDepositDrawer.backSide}),t.jsx(G,{name:`${D(g,R)}.back`,registerOptions:{required:!0},file:e.checkBack,isDisabled:!1,deleteFileStatusById:e.deleteFileStatusById,updateFileStatusById:e.updateFileStatusById,filesEndPoint:f,authParams:y,acceptableTypes:["image/jpg","image/jpeg"],supportedImageFileFormat:"image/jpeg",sizeLimit:H,placeholderText:r==="small"?c.checkDepositDrawer.uploadDocument:c.checkDepositDrawer.dragDropClickPlaceholder,filemetadataPayload:{documentType:"check",purposeId:"others",documentSide:"back"},hasError:v,updateFilesEntity:j,onDeleteFile:P,onFileSizeError:i=>_(i),onEditFileName:S,openPopup:w,showPhotoPicker:!0,errorInfoLabel:c.checkDepositDrawer.backSideError,useMobileCam:!0,compressImage:!0}),t.jsx(io,{children:c.checkDepositDrawer.picGuides.map(i=>t.jsxs(ao,{children:[t.jsx(oo,{}),t.jsx(Ne,{children:i})]},i))})]}),t.jsx(so,{windowSize:r,children:Ae.formatJPGText10MB})]})]})})})]})}const Ee=a(F)`
+import{J as Z,V as t,ab as $,hM as pe,aP as M,i as W,o,aS as he,x as n,b as ee,c as ue,F as oe,ba as me,R as te,aj as ge,am as F,aR as fe,a9 as xe,cH as ke,p as b,ad as De,gg as $e,cM as be,eX as G,cU as H,u as s,fs as we,cj as ye,c1 as je,f4 as Pe,g$ as Se,an as q,h0 as Le}from"./index-D-BANbLd.js";import{a as k}from"./sentry-OhwUF_66.js";import{n as a}from"./mui-AW-QpJ2k.js";import"./liveblocks-Db4nLOvA.js";import"./core-IgaX3lD-.js";import"./recharts-DPPWeTqd.js";import"./zeni-epic-state-DR0XRPUQ.js";import"./lottie-D0yKu2h3.js";import"./analytics-6ukc1Do4.js";import"./lexical-BOeaRQ5K.js";import"./utils-Cv-cXrhn.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},l=new e.Error().stack;l&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[l]="fc106475-b5f8-4ad7-addb-aef8f1b4f8d0",e._sentryDebugIdIdentifier="sentry-dbid-fc106475-b5f8-4ad7-addb-aef8f1b4f8d0")}catch{}})();const ve="checkDepositDetailPage",g="checkDepositDetails",Fe="amount",Ce="depositTo",Te="source",ie="fileIds",R="selectDocument",E=e=>{const l=[];return e.checkFront!=null&&l.push(e.checkFront.fileId),e.checkBack!=null&&l.push(e.checkBack.fileId),{[g]:{[Fe]:e.checkDepositLocalData.amount.amount===0?void 0:e.checkDepositLocalData.amount.amount,[Te]:e.checkDepositLocalData.source,[Ce]:{allOptions:e.depositAccounts.depositAccounts.map(f=>({label:f.accountName,value:f.id})),selectedOption:e.checkDepositLocalData.depositTo?.id},[ie]:l,[R]:{front:e.checkFront,back:e.checkBack}}}},D=(e,l)=>`${e}.${l}`,Be=e=>`${e}_form`,u={largeLabelWidth:new n(160,160,160),rowContentPaddingLeft:new n(s[3],s[4]),checkPicRowContentPaddingXAxis:new n(s[3],s[4]),labeleMarginLeft:new n(s[0],s[0]),labeleMarginBottom:new n(s[2],s[0]),labelMarginRight:new n(s[3],s[3]),labeledFieldPaddingLeft:new n(s[3],s[0]),labeledFieldPaddingRight:new n(s[3],s[2]),labeledFieldPaddingTop:new n(s[3],s[3]),labeledFieldPaddingBottom:new n(s[3],s[2]),infoLabelPaddingRight:new n(s[0],s[3]),infoLabelMarginTop:new n(s[1],s[0])},{spendManagement:ze,common:V}=oe.getLocalizedStrings(),c=ze.zeniAccounts.zeniAccountList,Ae=V.documents;function Ie({checkDeposit:e,analytics:l,filesEndPoint:f,openPopup:w,authParams:y,onSaveChangesToLocalStore:C,updateFilesEntity:j,onDeleteFile:P,onEditFileName:S,onCheckDpositClick:T}){const r=Z(),d=e.fetchState,L=fe(d),[v,_]=k.useState(!1),[se,B]=k.useState(!1),z=u.largeLabelWidth.value(r),x=xe({mode:"all",reValidateMode:"onBlur",defaultValues:E(e),values:E(e)}),{isValid:re}=x.formState,J=i=>{const p={amount:{amount:i[g].amount??0,currencyCode:V.currency.currencyCode,currencySymbol:V.currency.currencySymbol},source:i[g].source,depositTo:e.depositAccounts.depositAccounts.find(h=>h.id===i[g].depositTo.selectedOption),fileIds:i[g][ie]};C(p)},le=async(i,p)=>{if(i!=null){if(i.includes("source")||i.includes("amount"))return;const h=Object.assign({},p);J(h)}};k.useEffect(()=>{const i=x.watch((p,{name:h})=>{h!=null&&p!=null&&ke(()=>le(h,p))});return()=>{i.unsubscribe()}}),k.useEffect(()=>{L==="Completed"&&d==="Not-Started"&&x.reset(E(e))},[L,d,x,e]),k.useEffect(()=>{e.error!=null?B(!0):B(!1)},[e.error]);const ce=x.handleSubmit(()=>{if(re){l.trackAccountsDepositCheckFormClicked("Deposit",e.checkDepositLocalData.amount.amount,e.checkDepositLocalData.source,e.checkDepositLocalData.depositTo?.accountName,e.checkFront!=null,e.checkBack!=null);const i=x.getValues();J(i),T?.()}}),ne=(i,p)=>{if(!i)return null;const h=e.depositAccounts.depositAccounts.find(I=>I.id===i),A=e.depositAccounts.depositAccounts.findIndex(I=>I.id===i);return h?t.jsx(Ve,{color:Se(A),isSelectedValue:p}):null},de=(i,p)=>{if(!i)return null;const h=e.depositAccounts.depositAccounts.find(A=>A.id===i);return h?p===!0?t.jsx(Re,{children:h?.maskedAccountNumber}):t.jsxs(Me,{children:[t.jsx(X,{children:h?.maskedAccountNumber}),t.jsx(to,{}),t.jsx(X,{children:M("0,0[.]00",h?.accountBalance?.available)})]}):null};return t.jsxs(t.Fragment,{children:[se?t.jsx(Oe,{children:t.jsxs(qe,{children:[t.jsxs(_e,{children:[t.jsx(We,{}),t.jsxs(Ge,{children:[t.jsx(He,{children:e.error?.title}),t.jsx(Xe,{children:e.error?.message})]})]}),t.jsx(Je,{children:t.jsx(ro,{"data-testid":$("check-deposit-form-close"),onClick:()=>{l.trackAccountsDepositCheckFormClicked("Cross",e.checkDepositLocalData.amount.amount,e.checkDepositLocalData.source,e.checkDepositLocalData.depositTo?.accountName,e.checkFront!=null,e.checkBack!=null),B(!1)},style:{width:o.sp3,height:o.sp3,color:b.heroLight}})})]})}):null,t.jsx(Ye,{children:M("0,0.[00]",e.checkDepositLocalData.amount)}),t.jsx(De,{...x,children:t.jsx("form",{id:Be(ve),onSubmit:ce,children:t.jsxs(Ke,{children:[t.jsx($e,{showAdditionalInfoLabel:!1,label:{label:c.checkDepositDrawer.amountLabel,width:z},formattedTextField:{type:"number",name:D(g,"amount"),defaultValue:e.checkDepositLocalData.amount.amount===0?void 0:e.checkDepositLocalData.amount.amount,placeholder:c.checkDepositDrawer.amountPlaceholder,returnValueType:"floatValue",prefix:"$",allowNegative:!1,isNumericString:!1,registerOptions:{required:!0,validate:i=>!!i&&i>0},autoComplete:"off",decimalSeparator:".",decimalScale:2,fixedDecimalScale:!1,thousandSeparator:!0,allowLeadingZeros:!1},style:{width:"auto"}}),t.jsx(N,{}),t.jsx(be,{label:{label:c.checkDepositDrawer.sourceLabel,width:z},style:{width:"100%"},text:{type:"text",name:D(g,"source"),defaultValue:e.checkDepositLocalData.source,placeholder:c.checkDepositDrawer.sourcePlaceholder,options:{required:!0,validate:i=>i!=null}}}),t.jsx(N,{}),t.jsx(ae,{size:r,children:t.jsx(eo,{size:r,children:t.jsx(Ue,{label:{label:c.checkDepositDrawer.depositToLabel,width:z,style:{marginLeft:u.labeleMarginLeft.valuePx(r),marginBottom:u.labeleMarginBottom.valuePx(r),marginRight:u.labelMarginRight.valuePx(r)}},style:{paddingTop:u.labeledFieldPaddingTop.valuePx(r),paddingBottom:u.labeledFieldPaddingBottom.valuePx(r),paddingLeft:u.labeledFieldPaddingLeft.valuePx(r),paddingRight:u.labeledFieldPaddingRight.valuePx(r),border:"none",width:"100%",outline:"none",padding:0,display:r==="small"?"flex":"inherit"},infoLabelStyle:{textAlign:r==="small"?"left":"right",paddingRight:u.infoLabelPaddingRight.valuePx(r),marginTop:u.infoLabelMarginTop.valuePx(r)},singleSelectPickerField:{valueToLogo:(i,p)=>ne(i,p),valueToSubLabels:(i,p)=>de(i,p),name:D(g,"depositTo"),placeholder:c.checkDepositDrawer.depositToPlaceholder,style:{position:"relative"},defaultValue:{selectedOption:e.checkDepositLocalData.depositTo?.id,allOptions:e.depositAccounts.depositAccounts.map(i=>({label:i.accountName,value:i.id}))},textAlignment:"right",registerOptions:{required:!0,validate:i=>!!(i!=null&&i.selectedOption)}}})})}),t.jsx(N,{}),t.jsxs(Qe,{size:r,children:[t.jsxs(Ze,{size:r,children:[t.jsx(Ee,{children:c.checkDepositDrawer.checkPicLabel}),t.jsx(Y,{isLast:!1,children:c.checkDepositDrawer.frontSide}),t.jsx(G,{name:`${D(g,R)}.front`,registerOptions:{required:!0},file:e.checkFront,isDisabled:!1,deleteFileStatusById:e.deleteFileStatusById,updateFileStatusById:e.updateFileStatusById,filesEndPoint:f,authParams:y,acceptableTypes:["image/jpg","image/jpeg"],supportedImageFileFormat:"image/jpeg",sizeLimit:H,placeholderText:r==="small"?c.checkDepositDrawer.uploadDocument:c.checkDepositDrawer.dragDropClickPlaceholder,filemetadataPayload:{documentType:"check",purposeId:"others",documentSide:"front"},hasError:v,updateFilesEntity:j,onDeleteFile:P,onFileSizeError:i=>_(i),onEditFileName:S,openPopup:w,showPhotoPicker:!0,errorInfoLabel:c.checkDepositDrawer.frontSideError,useMobileCam:!0,compressImage:!0}),t.jsx(Y,{isLast:!0,children:c.checkDepositDrawer.backSide}),t.jsx(G,{name:`${D(g,R)}.back`,registerOptions:{required:!0},file:e.checkBack,isDisabled:!1,deleteFileStatusById:e.deleteFileStatusById,updateFileStatusById:e.updateFileStatusById,filesEndPoint:f,authParams:y,acceptableTypes:["image/jpg","image/jpeg"],supportedImageFileFormat:"image/jpeg",sizeLimit:H,placeholderText:r==="small"?c.checkDepositDrawer.uploadDocument:c.checkDepositDrawer.dragDropClickPlaceholder,filemetadataPayload:{documentType:"check",purposeId:"others",documentSide:"back"},hasError:v,updateFilesEntity:j,onDeleteFile:P,onFileSizeError:i=>_(i),onEditFileName:S,openPopup:w,showPhotoPicker:!0,errorInfoLabel:c.checkDepositDrawer.backSideError,useMobileCam:!0,compressImage:!0}),t.jsx(io,{children:c.checkDepositDrawer.picGuides.map(i=>t.jsxs(ao,{children:[t.jsx(oo,{}),t.jsx(Ne,{children:i})]},i))})]}),t.jsx(so,{windowSize:r,children:Ae.formatJPGText10MB})]})]})})})]})}const Ee=a(F)`
   color: ${e=>e.theme.colors.hero};
 `,Ne=a(F)`
   color: ${e=>e.theme.colors.hero};