@zeniai/web-cockpit-ui 1.14.91-dev → 1.14.91-dev-betaRR0

package/dist/assets/{ChargeCardListPage-DZwz1qoD-C4LK4t_r.js → ChargeCardListPage-DZwz1qoD-B146-EXW.js}

@@ -1,8 +1,8 @@
-import{a7 as Ha,aN as N,av as Za,fP as Qa,iH as V,q as Pe,F as Ee,o as a,d as ea,V as t,bz as Xa,g1 as er,fc as re,b as D,bQ as it,p,aL as he,aV as ot,aK as st,y as W,ag as q,a as tr,B as ar,cT as rr,as as ta,bI as ir,aZ as dt,aQ as or,al as ct,a8 as nr,gM as sr,cW as dr,an as cr,ab as lr,g7 as ur,n as Bt,c as _,d4 as aa,ap as hr,ak as mr,D as pr,cS as Cr,bt as gr,bS as br}from"./index-DJLrbf0F.js";import{a as l}from"./core-CA3j8Axi.js";import{n as r,b as lt,k as fr}from"./mui-DpJXlk4t.js";import{EG as xr,FY as Sr,bj as zt,bO as yr,bS as wr}from"./zeni-epic-state-CQt4n3Xe.js";import{K as kr}from"./SpendManagementSection-C38Zpi1z-Hvu4v5m7.js";import{D as ie,l as $r,r as Ir}from"./ChargeCardListTable-D5B05Z1F-BFq9lu6-.js";import{ChargeCardPromoUserContent as jr}from"./ChargeCardPromoPage-CDJMtGJb-BonChypf.js";import{N as vr,J as Lr}from"./PromoBaseCards-flFtcbIg-iLyc6jwq.js";import{z as Nt,L as Ot,k as Ar,P as Pr}from"./LockCardPage-CjO8cr2a-_f0132IP.js";import{r as Er,i as Fr}from"./graphic-no-data-net-burn-l-CzmycA0m-CtBcTNoa.js";import{t as Mr,o as Tr}from"./arrow-south-east-round-PEovUgvH-D9klpzRU.js";import"./sentry-BA4piVNf.js";import"./lottie-B7mXQ-R-.js";import"./liveblocks-C2I4vRCJ.js";import"./utils-DUsHM-Uc.js";import"./analytics-CHPpxU3b.js";import"./recharts-BGdJnVo5.js";import"./lexical-dZFDzIA1.js";import"./Menu-wpP8R1br-CxnIQs8p.js";import"./RoleWithToolTip-fC3byzzv-DteZC2-q.js";import"./CardNumberSubText-BYY-Inxd-BdlFsn4_.js";import"./NavigationDots-BvKSgdgh-LQiuRx4x.js";import"./usp-line-BBd1wKwW-BZdA9pHf.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]="f60a887d-f5ff-45fb-8a9d-50151fd7267f",e._sentryDebugIdIdentifier="sentry-dbid-f60a887d-f5ff-45fb-8a9d-50151fd7267f")}catch{}})();const ut={infoSubheadingTextMarginTop:new W(_[0],_[0]),cardsMinWidth:new W(343,353)},Ae=Ee.getLocalizedStrings().spendManagement.chargeCard.chargeCardsPromo.listPage,_t=({cardPromoType:e,cardText:c,header:u,title:d,subTitle:n,slidingTextList:m,onClick:E,status:k,statusMessage:U})=>{const B=Pe(),L=k!==void 0,G=k==="rejected"?Ae.status.requestRejected:k==="under_review"?Ae.status.requestUnderReview:"";return t.jsxs(Rr,{windowSize:B,cardPromoType:e,"data-testid":st("list-page-promo-card",e),onClick:()=>E(e),children:[t.jsxs(ra,{isStatusMode:L,children:[t.jsxs(oa,{children:[L?t.jsx(Nr,{children:G}):t.jsx(ia,{children:u}),t.jsx(_r,{children:d}),L?null:t.jsx(Wr,{children:n})]}),!L&&t.jsxs(Gr,{children:[t.jsx(Yr,{}),m.length>0&&t.jsx(nt,{slideUpCount:m.length,children:m.map((oe,ne)=>t.jsx(na,{children:oe},`card-promo-${ne.toString()}`))}),t.jsx(qr,{})]}),U!=null&&L?t.jsx(Or,{status:k,children:U}):null]}),t.jsx(Jr,{isStatusMode:L,children:t.jsx(vr,{cardPromoType:e,cardText:c,shouldAnimate:!1,forDashboard:!1,showChip:!1,forListPage:!0})}),t.jsx(Kr,{isStatusMode:L,children:t.jsx(Lr,{cardPromoType:e,cardText:c,shouldAnimate:!1,forDashboard:!1,showChip:!1,forListPage:!0})})]})},Ut=({cardType:e,header:c,title:u,creditLimit:d,onCreateNowClick:n})=>{const m=Pe();return t.jsx(Br,{windowSize:m,cardType:e,children:t.jsxs(zr,{children:[t.jsxs(oa,{children:[t.jsx(ia,{children:c}),t.jsx(Vr,{children:t.jsx(Ur,{children:u})}),t.jsx(Hr,{windowSize:m,children:t.jsxs(Zr,{windowSize:m,onClick:()=>n(e),"data-testid":st("total-cashback-info"),children:[t.jsx(na,{children:Ae.createNow}),t.jsx(Qr,{})]})})]}),e==="creditCard"?t.jsxs(Xr,{children:[t.jsx(ei,{children:Ae.creditLimit}),t.jsx(ti,{children:d})]}):null]})})},Dr=e=>{const c=e-1;let u=`
+import{a7 as Ka,aN as N,av as Za,fP as Qa,iH as V,q as Pe,o as a,d as ea,V as t,bz as Xa,g1 as er,fc as re,b as D,bQ as it,p,aK as he,aV as ot,aM as st,F as Fe,y as W,ag as q,a as tr,B as ar,cT as rr,as as ta,bH as ir,aZ as dt,aQ as or,al as ct,a8 as nr,gM as sr,cW as dr,an as cr,ab as lr,g7 as ur,n as Bt,c as _,d4 as aa,ap as hr,ak as mr,D as pr,cS as Cr,bt as gr,bS as br}from"./index-CiMyMhgu.js";import{a as l}from"./sentry-DMKAGVXl.js";import{n as r,c as lt,k as fr}from"./mui-D2MqZYRi.js";import{EF as xr,FX as yr,bh as zt,bL as Sr,bP as wr}from"./zeni-epic-state-DjAFCaxy.js";import{K as kr}from"./SpendManagementSection-C38Zpi1z-B-GaQ2j9.js";import{D as ie,l as $r,r as Ir}from"./ChargeCardListTable-D5B05Z1F-BBBvhTcZ.js";import{ChargeCardPromoUserContent as jr}from"./ChargeCardPromoPage-CDJMtGJb-3FYfKocS.js";import{N as vr,J as Lr}from"./PromoBaseCards-flFtcbIg-hQ-cGzbT.js";import{z as Nt,L as Ot,k as Ar,P as Pr}from"./LockCardPage-CjO8cr2a-B7T-NUky.js";import{r as Fr,i as Er}from"./graphic-no-data-net-burn-l-CzmycA0m-Bbm3dmZD.js";import{t as Mr,o as Tr}from"./arrow-south-east-round-PEovUgvH-4-pP5pik.js";import"./liveblocks-D92pTRaw.js";import"./core-CadaPWsO.js";import"./recharts-t7V-Kaqf.js";import"./lottie-Dv5hJ5mA.js";import"./analytics-C6L7hlHG.js";import"./lexical-DEI4_j9X.js";import"./utils-BWiizB9D.js";import"./Menu-wpP8R1br-CAapPWSw.js";import"./RoleWithToolTip-fC3byzzv-Da5EXkAB.js";import"./CardNumberSubText-BYY-Inxd-VoZJjuBC.js";import"./NavigationDots-BvKSgdgh-BXw04_O_.js";import"./usp-line-BBd1wKwW-D20AQITY.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]="0355953f-a764-46bb-a051-eee342ab3f54",e._sentryDebugIdIdentifier="sentry-dbid-0355953f-a764-46bb-a051-eee342ab3f54")}catch{}})();const ut={infoSubheadingTextMarginTop:new W(_[0],_[0]),cardsMinWidth:new W(343,353)},Ae=Fe.getLocalizedStrings().spendManagement.chargeCard.chargeCardsPromo.listPage,_t=({cardPromoType:e,cardText:c,header:u,title:d,subTitle:n,slidingTextList:m,onClick:F,status:k,statusMessage:U})=>{const B=Pe(),L=k!==void 0,G=k==="rejected"?Ae.status.requestRejected:k==="under_review"?Ae.status.requestUnderReview:"";return t.jsxs(Rr,{windowSize:B,cardPromoType:e,"data-testid":st("list-page-promo-card",e),onClick:()=>F(e),children:[t.jsxs(ra,{isStatusMode:L,children:[t.jsxs(oa,{children:[L?t.jsx(Nr,{children:G}):t.jsx(ia,{children:u}),t.jsx(_r,{children:d}),L?null:t.jsx(Wr,{children:n})]}),!L&&t.jsxs(Gr,{children:[t.jsx(Yr,{}),m.length>0&&t.jsx(nt,{slideUpCount:m.length,children:m.map((oe,ne)=>t.jsx(na,{children:oe},`card-promo-${ne.toString()}`))}),t.jsx(qr,{})]}),U!=null&&L?t.jsx(Or,{status:k,children:U}):null]}),t.jsx(Hr,{isStatusMode:L,children:t.jsx(vr,{cardPromoType:e,cardText:c,shouldAnimate:!1,forDashboard:!1,showChip:!1,forListPage:!0})}),t.jsx(Jr,{isStatusMode:L,children:t.jsx(Lr,{cardPromoType:e,cardText:c,shouldAnimate:!1,forDashboard:!1,showChip:!1,forListPage:!0})})]})},Ut=({cardType:e,header:c,title:u,creditLimit:d,onCreateNowClick:n})=>{const m=Pe();return t.jsx(Br,{windowSize:m,cardType:e,children:t.jsxs(zr,{children:[t.jsxs(oa,{children:[t.jsx(ia,{children:c}),t.jsx(Vr,{children:t.jsx(Ur,{children:u})}),t.jsx(Kr,{windowSize:m,children:t.jsxs(Zr,{windowSize:m,onClick:()=>n(e),"data-testid":st("total-cashback-info"),children:[t.jsx(na,{children:Ae.createNow}),t.jsx(Qr,{})]})})]}),e==="creditCard"?t.jsxs(Xr,{children:[t.jsx(ei,{children:Ae.creditLimit}),t.jsx(ti,{children:d})]}):null]})})},Dr=e=>{const c=e-1;let u=`
     0% {
       transform: translateY(0);
     }
-  `;const d=c*3.5,n=.5,m=3;for(let E=1;E<c;E++){const k=E*(m+n)*100/d,U=k-n*100/d,B=-21*E;u+=`
+  `;const d=c*3.5,n=.5,m=3;for(let F=1;F<c;F++){const k=F*(m+n)*100/d,U=k-n*100/d,B=-21*F;u+=`
     ${U}% {
       transform: translateY(${B+21}px); 
     }
@@ -121,15 +121,15 @@ import{a7 as Ha,aN as N,av as Za,fP as Qa,iH as V,q as Pe,F as Ee,o as a,d as ea
   height: ${a.sp4};
   color: ${e=>e.theme.colors.brandColorJade};
   margin-left: ${a.sp3};
-`,Jr=r.div`
+`,Hr=r.div`
   position: absolute;
   top: ${e=>e.isStatusMode===!0?a.sp5:a.sp2};
   right: -29px;
-`,Kr=r.div`
+`,Jr=r.div`
   position: absolute;
   top: ${e=>e.isStatusMode===!0?a.sp9:"37px"};
   right: -46px;
-`,na=r.div``,Hr=r.div`
+`,na=r.div``,Kr=r.div`
   border: 1px solid ${p.neutralGrey5Light};
   border-radius: ${a.sp12};
   width: fit-content;
@@ -155,7 +155,7 @@ import{a7 as Ha,aN as N,av as Za,fP as Qa,iH as V,q as Pe,F as Ee,o as a,d as ea
   color: ${p.neutralGrey5Light};
 `,ti=r(mr)`
   color: ${p.neutralGrey5Light};
-`,ue="spendLimit",Y=Ee.getLocalizedStrings().spendManagement.chargeCard.updateSpendLimitPopup;function ai({currentSpentAmount:e,hasCreditCard:c,hasDebitCard:u,maxLimitAmountForCreditCard:d,maxLimitAmountForDebitCard:n,isDisabled:m,updateLimitFetchState:E,onCancelClick:k,onSubmitClick:U}){const B=Pe(),L="SpendLimitForm",G=nr({mode:"onBlur",reValidateMode:"onBlur",defaultValues:{[ue]:void 0}}),{control:oe,formState:{errors:ne}}=G,[Fe,Me]=l.useState(void 0),x=sr({control:oe,name:ue}),Te=()=>{k()},De=G.handleSubmit(()=>{const y=G.getValues(ue);y!=null&&U(y)}),S=dr(ne,ue),$=Ee.getLocalizedStrings().common,F=Le.largeLabelWidth.value(B);return l.useEffect(()=>{Me(ri(e,c,u,d,n,x))},[x,e,d,n,c,u]),t.jsx(ii,{windowSize:B,role:"presentation",children:t.jsx(cr,{onClickAway:()=>k(),children:t.jsxs(oi,{windowSize:B,children:[t.jsx(lr,{...G,children:t.jsxs(ui,{id:L,onSubmit:y=>{y.preventDefault(),De()},children:[t.jsx(ni,{windowSize:B,children:Y.heading}),t.jsx(li,{hasError:S,children:t.jsx(ur,{label:{label:Y.newLimit,width:F},showAdditionalInfoLabel:S,additionalInfoLabel:Fe,formattedTextField:{type:"number",name:ue,defaultValue:void 0,placeholder:Y.placeholder,returnValueType:"floatValue",prefix:"$",allowNegative:!0,isNumericString:!1,registerOptions:{required:!0,validate:y=>{if(!y||y<=0||y<=e.amount)return!1;if(u&&c&&n!=null&&d!=null){const J=Math.min(n.amount,d.amount);if(y>J)return!1}else if(u&&n!=null&&y>n.amount||c&&d!=null&&y>d.amount)return!1;return!0}},autoComplete:"off",decimalSeparator:".",decimalScale:2,fixedDecimalScale:!1,thousandSeparator:!0},style:{width:"auto"},showOutlineOnFocus:!1})})]})}),t.jsx(ci,{children:t.jsxs(si,{children:[t.jsx(Bt,{label:$.cancel,onClick:Te,style:{width:84}}),t.jsx(di,{}),t.jsx(Bt,{variant:"primary",label:$.texts.update,style:{width:84,whiteSpace:"nowrap"},loading:E==="In-Progress",type:"submit",form:L,disabled:m})]})})]})})})}const ri=(e,c,u,d,n,m)=>{if(m!=null){if(m<=e.amount)return Y.amountBelowErrorBulk;if(u&&c&&n!=null&&d!=null){const E=Math.min(n.amount,d.amount);if(m>E){const k=n.amount<d.amount?"debit":"credit",U=n.amount<d.amount?n:d;return Y.maxLimitForCardTypeError.replace("_card_type_",k).replace("_amount_",he("0,0.[00]",U))}}else{if(u&&n!=null&&m>n.amount)return Y.maxLimitForCardTypeError.replace("_card_type_","debit").replace("_amount_",he("0,0.[00]",n));if(c&&d!=null&&m>d.amount)return Y.maxLimitForCardTypeError.replace("_card_type_","credit").replace("_amount_",he("0,0.[00]",d))}}},Le={width:new W(343,500,500),largeLabelWidth:new W(108,108,108),popupLeftRightPadding:new W(_[5],_[6]),popupTopBottomPadding:new W(_[5],_[5])},ii=r.div`
+`,ue="spendLimit",Y=Fe.getLocalizedStrings().spendManagement.chargeCard.updateSpendLimitPopup;function ai({currentSpentAmount:e,hasCreditCard:c,hasDebitCard:u,maxLimitAmountForCreditCard:d,maxLimitAmountForDebitCard:n,isDisabled:m,updateLimitFetchState:F,onCancelClick:k,onSubmitClick:U}){const B=Pe(),L="SpendLimitForm",G=nr({mode:"onBlur",reValidateMode:"onBlur",defaultValues:{[ue]:void 0}}),{control:oe,formState:{errors:ne}}=G,[Ee,Me]=l.useState(void 0),x=sr({control:oe,name:ue}),Te=()=>{k()},De=G.handleSubmit(()=>{const S=G.getValues(ue);S!=null&&U(S)}),y=dr(ne,ue),$=Fe.getLocalizedStrings().common,E=Le.largeLabelWidth.value(B);return l.useEffect(()=>{Me(ri(e,c,u,d,n,x))},[x,e,d,n,c,u]),t.jsx(ii,{windowSize:B,role:"presentation",children:t.jsx(cr,{onClickAway:()=>k(),children:t.jsxs(oi,{windowSize:B,children:[t.jsx(lr,{...G,children:t.jsxs(ui,{id:L,onSubmit:S=>{S.preventDefault(),De()},children:[t.jsx(ni,{windowSize:B,children:Y.heading}),t.jsx(li,{hasError:y,children:t.jsx(ur,{label:{label:Y.newLimit,width:E},showAdditionalInfoLabel:y,additionalInfoLabel:Ee,formattedTextField:{type:"number",name:ue,defaultValue:void 0,placeholder:Y.placeholder,returnValueType:"floatValue",prefix:"$",allowNegative:!0,isNumericString:!1,registerOptions:{required:!0,validate:S=>{if(!S||S<=0||S<=e.amount)return!1;if(u&&c&&n!=null&&d!=null){const H=Math.min(n.amount,d.amount);if(S>H)return!1}else if(u&&n!=null&&S>n.amount||c&&d!=null&&S>d.amount)return!1;return!0}},autoComplete:"off",decimalSeparator:".",decimalScale:2,fixedDecimalScale:!1,thousandSeparator:!0},style:{width:"auto"},showOutlineOnFocus:!1})})]})}),t.jsx(ci,{children:t.jsxs(si,{children:[t.jsx(Bt,{label:$.cancel,onClick:Te,style:{width:84}}),t.jsx(di,{}),t.jsx(Bt,{variant:"primary",label:$.texts.update,style:{width:84,whiteSpace:"nowrap"},loading:F==="In-Progress",type:"submit",form:L,disabled:m})]})})]})})})}const ri=(e,c,u,d,n,m)=>{if(m!=null){if(m<=e.amount)return Y.amountBelowErrorBulk;if(u&&c&&n!=null&&d!=null){const F=Math.min(n.amount,d.amount);if(m>F){const k=n.amount<d.amount?"debit":"credit",U=n.amount<d.amount?n:d;return Y.maxLimitForCardTypeError.replace("_card_type_",k).replace("_amount_",he("0,0.[00]",U))}}else{if(u&&n!=null&&m>n.amount)return Y.maxLimitForCardTypeError.replace("_card_type_","debit").replace("_amount_",he("0,0.[00]",n));if(c&&d!=null&&m>d.amount)return Y.maxLimitForCardTypeError.replace("_card_type_","credit").replace("_amount_",he("0,0.[00]",d))}}},Le={width:new W(343,500,500),largeLabelWidth:new W(108,108,108),popupLeftRightPadding:new W(_[5],_[6]),popupTopBottomPadding:new W(_[5],_[5])},ii=r.div`
   position: fixed;
   top: ${a.sp0};
   left: ${a.sp0};
@@ -206,7 +206,7 @@ import{a7 as Ha,aN as N,av as Za,fP as Qa,iH as V,q as Pe,F as Ee,o as a,d as ea
   }
 `,ui=r.form`
   display: contents;
-`,me={contentContainerMargin:new W(_[3],_[4],_[8]),infoSubheadingTextMarginTop:new W(_[0],_[0]),cardsMinWidth:new W(343,353)},hi={remainingText:new tr("largeRegular","largeRegular")},{spendManagement:{chargeCard:{payEarly:w,cardList:O,chargeCardsPromo:b}},common:R,dateFormat:je}=Ee.getLocalizedStrings(),ho=({chargeCardListView:e,searchText:c,admins:u,companyLegalName:d,onFetchChargeCardsRecurringExpenses:n,onFetchDepositAccountLimit:m,onCloseChargeCard:E,onCloseChargeCardList:k,onLockChargeCard:U,onLockChargeCardList:B,onUnlockChargeCardList:L,updateChargeCardListSpendLimit:G,onUpdateSpendLimit:oe,isCardControlsEnabled:ne,isCashbackFeatureEnabled:Fe,creditCardPayNowThreshold:Me,isChargeCardFeatureEnabled:x,isCompanyInterestedInChargeCard:Te,isCreditCardProductVisibleForExpressInterest:De,isDebitCardFeatureEnabled:S,isDebitCardSetupEnabled:$,isChargeCardSetupEnabled:F,companyChargeCardInfoCreditAccountLimit:y,controllerEmails:J,onRevokeChargeCardList:ht,depositAccountListWithDebitCardIssued:z,chargeCardCashbackDetailState:I,uiState:ca,signedInUser:Re,creditLimit:pe,cashbackRate:Be,onSearchTextChanged:la,onClickSetupIcon:ua,isEarlyPayEnabled:se,onClickStatementsIcon:ha,onChargeCardRowClick:ma,updateChargeCardName:pa,onChargeCardResendInviteClick:Ca,onChargeCardRevokeInviteClick:mt,onUnlockChargeCard:pt,onIssueCardClick:ga,onBackClick:ba,onReloadCards:fa,onTotalCashbackClick:xa,onColumnSortConfigChanged:Sa,onClickMenuIcon:ya,onPromoCardClick:Ct,onCreateNowClick:gt,showPayNowInfoTooltip:wa,navigateToCreditCardPaymentPage:Ce,shouldShowPayNowInfoTooltip:ze,rowActionView:o,bulkActionView:h,onSetRowActionCardId:Ne,onSetBulkActionCardIds:j})=>{const ge=Ha().analytics,[bt,ka]=l.useState(!1),[Oe,be]=l.useState(!1),[_e,fe]=l.useState(!1),[$a,K]=l.useState(!1),[Ia,H]=l.useState(!1),[ja,xe]=l.useState(!1),[Ue,Ve]=l.useState(!1),[We,Ge]=l.useState(!1),[Ye,ft]=l.useState(void 0),va=h.chargeCards[0]?.status.code,{creditAccount:g,creditAccountRepayment:A}=e,P=l.useCallback(()=>{Ne(void 0),ft(void 0)},[Ne]),M=h.chargeCards,La=l.useMemo(()=>M.length===0?void 0:M.reduce((i,s)=>s.balance.amount>i.balance.amount?s:i,M[0]).balance,[M]),Aa=l.useMemo(()=>{const i=M.filter(f=>f.type.code.includes("debit"));if(i.length===0)return;const s=i.map(f=>z.depositAccounts.find(ae=>ae.id===f.connectedAccountId)?.cardLimits.dailyCardTransactionLimit).filter(f=>f!==void 0);return s.length===0?void 0:s.reduce((f,ae)=>ae.amount<f.amount?ae:f)},[M,z.depositAccounts]),xt=N(e.unlockChargeCardsFetchState.fetchState),St=N(e.revokeChargeCardsInviteFetchState.fetchState),yt=N(e.lockChargeCardsFetchState.fetchState),wt=N(e.closeChargeCardsFetchState.fetchState),kt=N(e.updateChargeCardsSpendLimitFetchState.fetchState);l.useEffect(()=>{const i=xt==="In-Progress"&&e.unlockChargeCardsFetchState.fetchState==="Completed",s=St==="In-Progress"&&e.revokeChargeCardsInviteFetchState.fetchState==="Completed",f=yt==="In-Progress"&&e.lockChargeCardsFetchState.fetchState==="Completed",ae=wt==="In-Progress"&&e.closeChargeCardsFetchState.fetchState==="Completed",Ka=kt==="In-Progress"&&e.updateChargeCardsSpendLimitFetchState.fetchState==="Completed";(i||s)&&j([]),f&&(K(!1),j([])),ae&&(H(!1),j([])),Ka&&(xe(!1),j([]))},[e.unlockChargeCardsFetchState.fetchState,e.revokeChargeCardsInviteFetchState.fetchState,e.lockChargeCardsFetchState.fetchState,e.closeChargeCardsFetchState.fetchState,e.updateChargeCardsSpendLimitFetchState.fetchState,xt,St,yt,wt,kt,j]);const Z=o.cardId!=null?o.unlockChargeCardsFetchState.fetchState:void 0,$t=N(Z),qe=o.cardId!=null?o.updateChargeCardLimitFetchState.fetchState:void 0,It=N(qe),Je=o.cardId!=null?o.updateChargeCardNameFetchState.fetchState:void 0,jt=N(Je),Ke=o.cardId!=null?o.lockChargeCardsFetchState.fetchState:void 0,vt=N(Ke),He=o.cardId!=null?o.closeChargeCardsFetchState.fetchState:void 0,Lt=N(He),Q=o.cardId!=null?o.revokeChargeCardFetchState.fetchState:void 0,At=N(Q);l.useEffect(()=>{o.cardId!=null&&$t==="In-Progress"&&Z==="Completed"?P():o.cardId!=null&&It==="In-Progress"&&qe==="Completed"?(Ge(!1),P()):o.cardId!=null&&jt==="In-Progress"&&Je==="Completed"?(Ve(!1),P()):o.cardId!=null&&vt==="In-Progress"&&Ke==="Completed"?(be(!1),P()):o.cardId!=null&&Lt==="In-Progress"&&He==="Completed"?(fe(!1),P()):o.cardId!=null&&At==="In-Progress"&&Q==="Completed"&&P()},[o.cardId,Z,qe,Je,Ke,He,Q,$t,jt,It,vt,Lt,At,P]);const Pa=l.useCallback(i=>{switch(i){case"close":n(h.bulkActionCardIds),H(!0);break;case"lock":n(h.bulkActionCardIds),K(!0);break;case"unlock":L(h.bulkActionCardIds);break;case"update_limit":xe(!0);break;case"revoke_invite":ht(h.bulkActionCardIds);break}},[h.bulkActionCardIds,n,ht,L]),C=o.chargeCard;l.useEffect(()=>{if(!(Ye===void 0||o.cardId===void 0||C===void 0))switch(Ye){case ie.CLOSE:_e||(n([o.cardId]),fe(!0));break;case ie.LOCK:Oe||(n([o.cardId]),be(!0));break;case ie.UNLOCK:Z!=="In-Progress"&&Z!=="Completed"&&pt(o.cardId);break;case ie.REVOKE_INVITE:Q!=="In-Progress"&&Q!=="Completed"&&mt(o.cardId);break;case ie.RENAME:Ue||Ve(!0);break;case ie.UPDATE_SPEND_LIMIT:We||(C.type.code.includes("debit")&&o.depositAccountLimitFetchState.fetchState!=="Completed"&&m(C.connectedAccountId,o.cardId),Ge(!0));break}},[Ye,o.cardId,We,Ue,_e,Oe,Z,Q,n,m,pt,mt]);const Ze=Za(),X=!!Ze.loggedInUserRole.includes("charge_card_user"),Se=Qa(Ze),v=xr(Ze.loggedInUserRoleMap),ee=l.useMemo(()=>v===!0?{creditCardCashbackOffer:`${I.cashbackAnalytics.creditCardCashbackOffer}%`,debitCardCashbackOffer:`${I.cashbackAnalytics.debitCardCashbackOffer}%`,totalEarnedCashback:V(I.cashbackSummary.cashbackEarned.amount),redeemedCashback:V(I.cashbackSummary.cashbackRedeemed.amount),availableCashback:V(I.cashbackSummary.cashbackAvailable.amount),creditCardCashbackRedemptionMode:I.cashbackAnalytics.creditCardCashbackRedemptionMode,debitCardCashbackRedemptionMode:I.cashbackAnalytics.debitCardCashbackRedemptionMode}:void 0,[v,I.cashbackAnalytics.creditCardCashbackOffer,I.cashbackAnalytics.debitCardCashbackOffer,I.cashbackSummary.cashbackEarned.amount,I.cashbackSummary.cashbackRedeemed.amount,I.cashbackSummary.cashbackAvailable.amount,I.cashbackAnalytics.creditCardCashbackRedemptionMode,I.cashbackAnalytics.debitCardCashbackRedemptionMode]),ye=l.useMemo(()=>x&&F&&v===!0?{creditAccountId:g.id,creditAccountLimit:V(g.limit.amount),creditAccountAvailableAmount:V(g.available.amount),creditAccountSpentAmount:V(g.balance.amount+g.hold.amount),creditAccountStatus:g.status,outstandingBalance:V(A.remainingAmountDue.amount)}:void 0,[x,F,v,g.id,g.limit.amount,g.available.amount,g.balance.amount,g.hold.amount,g.status,A.remainingAmountDue.amount]),we=l.useMemo(()=>S&&$?{debitAccountId:z.depositAccounts.map(i=>i.id),debitAccountName:z.depositAccounts.map(i=>i.accountName),debitAccountBalance:z.depositAccounts.map(i=>V(i.accountBalance.available.amount)),debitCardsSpend:V(e.debitCardSummary?.currentMonthSpends?.amount??0),debitAccountStatus:z.depositAccounts.map(i=>i.accountStatus)}:void 0,[S,$,z.depositAccounts,e.debitCardSummary?.currentMonthSpends?.amount]),ke={isCreditCardOffered:x,isDebitCardOffered:S,isDebitCardEnabled:$,isCreditCardEnabled:F},Ea=i=>{ka(i),i===!0&&(ge.trackCardsListPageClicked("search"),(!x||g.fetchState==="Completed"&&A.fetchState==="Completed")&&(!(S&&$)||z.fetchState==="Completed")&&ee!=null&&ge.trackCardsCardListSearchClick(J,ke,ee,ye,we))},T=Pe(),Pt=Se&&!v,Et=e.creditAccount.balance.amount+e.creditAccount.hold.amount,de={amount:Et,currencyCode:e.creditAccount.balance.currencyCode,currencySymbol:e.creditAccount.balance.currencySymbol},Qe=Math.round(de.amount*100/e.creditAccount.limit.amount),Fa=isNaN(Qe)?0:Et!==0&&Qe===0?1:Qe,ce=e.chargeCardConfig.rePaymentInfo?.cardLimitResetDate,Xe=v&&de.amount>Me*e.creditAccount.limit.amount/100,le=ce!=null&&A.initiatedRepayments.amount>0,Ma={entity:"charge_cards",showNewButtonOnNavbar:v,showEntityEmailInfoIconOnNavbar:!1,newButtonLabel:v?O.newBtnLabel:R.strings.empty,hideSearchBtn:X,searchTextBoxStyle:{right:Pt?a.sp4:"96px"},moreIconContainerStyle:{paddingRight:Pt?a.sp0:a.sp4},isSearchOpen:bt,searchPlaceHolder:O.searchPlaceHolder,searchText:c,showSettingsIcon:!X,showSettingsIconOnNavbar:v,showStatementButtonOnNavbar:x&&F,showPayEarlyButtonOnNavbar:se&&v&&de.amount>0&&!le&&!Xe,showDownloadButtonOnNavbar:!1,disableDownloadButton:!0,analytics:ge,onSearchOpen:Ea,onSearchTextChanged:la,onClickSetupIcon:ua,onClickStatementsIcon:ha,downloadState:"Not-Started",onNewButtonClick:ga,onClickPayEarlyIcon:()=>Ce("More Button","Pay Early"),onMenuOpen:()=>{(!x||g.fetchState==="Completed"&&A.fetchState==="Completed")&&(!(S&&$)||z.fetchState==="Completed")&&ee!=null&&ge.trackCardsCardListMoreMenuClick(J,ke,ee,ye,we)},filters:{categoryCombinationOperator:"AND",categories:[]}},Ta=t.jsx(kr,{spendManagementSectionProps:Ma}),Da=e.cards.length===0?!1:X&&Sr(e.cards),Ra=e.fetchState==="Completed"?Si({isChargeCardFeatureEnabled:x,isChargeCardSetupEnabled:F,isDebitCardFeatureEnabled:S,isDebitCardSetupEnabled:$}):"",$e=e.debitCardSummary!=null?e.debitCardSummary.currentMonthSpends.amount-e.debitCardSummary.lastCompletedMonthSpends.amount:0,Ba=x&&F&&e.hasCreditCard,za=S&&$&&e.hasDebitCard,Na=x&&F&&Se&&!v,Oa=S&&$&&Se&&!v,Ie=e.chargeCardConfig.rePaymentInfo?.rePaymentDueDate?.diff(zt(),"days")??0,et=[w.payNow,Ie>0&&Ie<11?`${w.billDueIn} ${Ie} ${Ie===1?R.timeStrings.day:R.timeStrings.days}`:w.creditLimitLow,w.payNow],Ft=A.initiatedRepayments.amount===g.balance.amount+g.hold.amount,tt=[w.paymentInitiated,`${O.header.limit} ${Ft?R.resets:R.updates} ${R.by} ${yr(wr(A.initiatedRepaymentDate?.toDate()??zt().toDate(),[0,6],3).toDateString()).format(je.visual.MMMDFormat)}`,w.paymentInitiated],at=l.useRef(null),rt=l.useRef(null),_a=ea(),[Ua,Mt]=l.useState(!0);l.useEffect(()=>{const i=()=>{rt.current&&(rt.current.getBoundingClientRect().top<(T==="small"?68:40)?Mt(!1):Mt(!0))};i();const s=()=>{i()},f=at.current;return f&&f.addEventListener("scroll",s),window.addEventListener("scroll",s),()=>{f&&f.removeEventListener("scroll",s),window.removeEventListener("scroll",s)}},[T]);const Va=i=>{const s=i.reasonType==="other"?i.reason:i.reasonType;o.cardId!=null&&E(o.cardId,s)},Wa=i=>{const s=i.reasonType==="other"?i.reason:i.reasonType;o.cardId!=null&&U(o.cardId,s)},Ga=i=>{const s=i.reasonType==="other"?i.reason:i.reasonType;k(h.bulkActionCardIds,s)},Ya=i=>{const s=i.reasonType==="other"?i.reason:i.reasonType;B(h.bulkActionCardIds,s)},te=l.useMemo(()=>{const i={};return h.chargeCards.forEach(s=>{i[s.id]=s}),{chargeCardsByCardId:i,cardRecurringExpensesByCardId:h.recurringExpensesByCardId,fetchState:h.recurringExpensesFetchState.fetchState}},[h]),qa=l.useCallback(()=>{n(h.bulkActionCardIds),K(!0)},[h.bulkActionCardIds,n]),Ja=l.useCallback(()=>{n(h.bulkActionCardIds),H(!0)},[h.bulkActionCardIds,n]),Tt=l.useCallback(i=>{const s=h.bulkActionCardIds.filter(f=>f!==i);j(s),s.length===0&&(K(!1),H(!1))},[h.bulkActionCardIds,j]),Dt=Te&&y===0,Rt=y===-1;return t.jsxs(Li,{ref:at,children:[t.jsx(Xa,{title:Ra,showBackButton:!0,showMenuIcon:T==="medium-compact"||T==="small",onClickMenuIcon:ya,style:{zIndex:3},onBackClick:ba,rightSideComponent:Ta,isSearchOpen:bt,hideSearchBtn:X,scrollableContent:at,source:"ChargeCardListPage",backgroundColor:_a.colors.grey4}),e.fetchState==="Not-Started"||e.fetchState==="In-Progress"?t.jsx(er,{fetchState:e.fetchState,styles:{margin:"auto"}}):t.jsxs(t.Fragment,{children:[X?null:t.jsxs(Ai,{windowSize:T,children:[Ba||Na?t.jsxs(qt,{windowSize:T,children:[t.jsxs(Zt,{children:[t.jsxs(Qt,{children:[t.jsxs(Xt,{children:[t.jsx(Kt,{children:O.creditCardBalance}),t.jsx(re,{amount:de,integerStyles:{...D.h5Regular.cssObject},decimalStyles:{...D.largeSemiBold.cssObject}})]}),t.jsxs($i,{children:[t.jsx(ve,{style:{textAlign:"end"},children:R.texts.limit}),t.jsx(re,{amount:e.creditAccount.limit,style:{justifyContent:"end"},integerStyles:D.largeRegular.cssObject,decimalStyles:D.smallRegular.cssObject})]})]}),t.jsx(Ri,{children:t.jsx(Bi,{style:{width:`${Fa}%`,borderRadius:a.sp1}})}),Xe&&!le&&se?t.jsx(it,{placement:"bottom",style:{color:p.heroDark,padding:`12px ${a.sp3}`},title:t.jsx(fi,{children:w.creditLimitIsRunningLow}),children:t.jsxs(Jt,{children:[t.jsx(re,{amount:e.creditAccount.available,integerStyles:D.largeMedium.cssObject,decimalStyles:D.smallMedium.cssObject}),t.jsx(Ht,{windowSize:T,children:R.texts.remaining}),t.jsx(xi,{children:t.jsx(bi,{})})]})}):t.jsxs(Jt,{children:[t.jsx(re,{amount:e.creditAccount.available,integerStyles:D.largeMedium.cssObject,decimalStyles:D.smallMedium.cssObject}),t.jsx(Ht,{windowSize:T,children:R.texts.remaining})]})]}),t.jsxs(Ii,{showPaymentInitiatedInfo:le,isEarlyPayEnabled:se,children:[le&&se?null:t.jsx(ve,{children:`${R.texts.limitReset} ${ce!=null?ce.format(je.visual.MMMDFormat):null}`}),v&&se&&(le?t.jsx("div",{children:t.jsx(it,{maxWidth:"242px",style:{padding:`12px ${a.sp3}`},title:t.jsxs(yi,{children:[t.jsx(Yt,{children:`${w.paymentOf} ${he("0,0.[00]",{amount:A.initiatedRepayments.amount,currencyCode:A.initiatedRepayments.currencyCode,currencySymbol:A.initiatedRepayments.currencySymbol})} ${w.madeOn} `}),t.jsx(wi,{children:A.initiatedRepaymentDate?.format(je.visual.MMMDFormat)}),R.strings.space,t.jsx(Yt,{children:Ft?w.isProcessingAndWillResetTheCreditLimitIn23BusinessDays:w.isProcessingAndWillUpdateTheCreditLimitIn23BusinessDays})]}),placement:"bottom",children:t.jsxs(Vt,{hasPointer:!1,children:[tt.length>0&&t.jsx(nt,{slideUpCount:tt.length,style:{alignItems:"flex-end",width:"auto"},children:tt.map((i,s)=>t.jsx(pi,{children:i},`card-payment-initiated-${s.toString()}`))}),t.jsx(gi,{})]})})}):Xe?t.jsx(it,{variant:"informative",arrow:!0,style:{top:a.sp2,left:"22px",position:"relative"},data:{preHeading:"URGENT",heading:w.creditLimitIsLow,description:w.transactionsMayBeDeclinedBecauseTheCreditLimitIsRunningLow,buttonText:w.payNow,tooltipContentStyle:{width:"240px",boxSizing:"content-box",gap:a.sp0},tooltipIntroductionStyle:{color:p.important},buttonStyle:{width:"31%"},onButtonClick:()=>{ze(!1),Ce("Toast Button","Pay Now")},showCloseButton:!0,onClose:i=>{i.preventDefault(),i.stopPropagation(),ze(!1)}},title:"informative",placement:"bottom-end",open:wa&&Ua,children:t.jsxs(Vt,{ref:rt,onClick:()=>{ze(!1),Ce("Text Button","Pay Now")},hasPointer:!0,children:[et.length>0&&t.jsx(nt,{slideUpCount:et.length,style:{alignItems:"flex-end",width:"auto"},children:et.map((i,s)=>t.jsx(mi,{isImportant:s===1,children:i},`card-pay-now-${s.toString()}`))}),t.jsx(Wt,{})]})}):de.amount>0?t.jsxs(Ci,{onClick:()=>Ce("Text Button","Pay Early"),children:[w.payEarly,t.jsx(Wt,{})]}):null)]})]}):x&&F?t.jsx(Ut,{cardType:"creditCard",header:b.listPage.spendSmarter,title:b.listPage.setUpText.replace("__cardType__",b.listPage.credit),creditLimit:ot("0,0",pe.amount,pe.currencySymbol),onCreateNowClick:gt}):De?t.jsx(_t,{cardPromoType:"credit",cardText:b.listPage.creditCards,header:b.listPage.getAccessTo,title:b.listPage.creditCards,subTitle:b.listPage.promoSubText.credit,slidingTextList:Gt("credit",Be,{amount:y,currencyCode:pe.currencyCode,currencySymbol:pe.currencySymbol}),onClick:Ct,status:Rt?"rejected":Dt?"under_review":void 0,statusMessage:Rt?b.listPage.status.rejectedMessage:Dt?b.listPage.status.underReviewMessage:void 0}):null,za||Oa?t.jsxs(qt,{windowSize:T,children:[t.jsxs(Zt,{children:[t.jsx(Qt,{children:t.jsxs(Xt,{children:[t.jsx(Kt,{children:O.debitCardSpend}),t.jsx(re,{amount:e.debitCardSummary?.currentMonthSpends,integerStyles:{...D.h5Regular.cssObject},decimalStyles:{...D.largeSemiBold.cssObject}})]})}),t.jsx(Ei,{children:$e!==0?t.jsxs(t.Fragment,{children:[$e<0?t.jsx(Mi,{}):t.jsx(Ti,{}),t.jsx(Fi,{hasNegativeValue:$e<0,children:ot("0,0.00",$e,e.debitCardSummary?.currentMonthSpends.currencySymbol)}),t.jsx(da,{children:O.compareToLastMonth})]}):null})]}),t.jsx(sa,{children:t.jsx(ve,{children:`${R.texts.limitReset} ${ce!=null?ce.format(je.visual.MMMDFormat):null}`})})]}):S&&$?t.jsx(Ut,{cardType:"debitCard",header:b.listPage.spendSmarter,title:b.listPage.setUpText.replace("__cardType__",b.listPage.debit),onCreateNowClick:gt}):S?t.jsx(_t,{cardPromoType:"debit",cardText:b.listPage.debitCards,header:b.listPage.getAccessTo,title:b.listPage.debitCards,subTitle:b.listPage.promoSubText.debit,slidingTextList:Gt("debit",Be),onClick:Ct}):null,t.jsxs(Pi,{windowSize:T,children:[Fe?t.jsxs(ki,{children:[t.jsx(ve,{style:{textAlign:"start"},children:O.totalCashback}),t.jsx(re,{amount:e.totalCashback,style:{justifyContent:"flex-start"},integerStyles:D.h5Regular.cssObject,decimalStyles:D.smallSemiBold.cssObject}),e.totalCashback.amount>0?t.jsx(vi,{windowSize:T,children:t.jsxs(Di,{windowSize:T,onClick:xa,"data-testid":st("total-cashback-info"),children:[t.jsx(ji,{children:O.overview}),t.jsx(zi,{})]})}):null]}):null,t.jsx(Oi,{children:t.jsx(_i,{})})]})]}),e.cards.length===0&&X===!0||Da?t.jsx(Ni,{children:t.jsx(jr,{companyLegalName:d,cards:e.cards,admins:u,hasZeniFinopsRoles:Se,cashbackRate:Be})}):t.jsxs(t.Fragment,{children:[_e&&o.cardId!=null&&C&&t.jsx(Nt,{showCloseCardDrawer:!0,onCloseCloseCardDrawer:()=>{fe(!1),P()},isChargeCardAdmin:!0,chargeCardsByCardId:{[o.cardId]:C},cardRecurringExpensesByCardId:{[o.cardId]:o.recurringExpenses},cardRecurringExpenseFetchState:o.recurringExpensesFetchState.fetchState,closeCardFetchState:o.closeChargeCardsFetchState.fetchState,onConfirmClick:Va,onDismissClick:()=>{fe(!1),P()},onRemoveCardClick:()=>{}}),Oe&&o.cardId!=null&&C&&t.jsx(Ot,{showLockCardDrawer:!0,onCloseLockCardDrawer:()=>{be(!1),P()},isChargeCardAdmin:!0,chargeCardsByCardId:{[o.cardId]:C},cardRecurringExpensesByCardId:{[o.cardId]:o.recurringExpenses},cardRecurringExpenseFetchState:o.recurringExpensesFetchState.fetchState,lockCardFetchState:o.lockChargeCardsFetchState.fetchState,onConfirmClick:Wa,onDismissClick:()=>{be(!1),P()},onRemoveCardClick:()=>{}}),Ia&&h.bulkActionCardIds.length>0&&t.jsx(Nt,{showCloseCardDrawer:!0,onCloseCloseCardDrawer:()=>{H(!1),j([])},isChargeCardAdmin:!0,chargeCardsByCardId:te.chargeCardsByCardId,cardRecurringExpensesByCardId:te.cardRecurringExpensesByCardId,cardRecurringExpenseFetchState:te.fetchState,closeCardFetchState:e.closeChargeCardsFetchState.fetchState,onConfirmClick:Ga,onDismissClick:()=>{H(!1),j([])},onRemoveCardClick:Tt}),$a&&h.bulkActionCardIds.length>0&&t.jsx(Ot,{showLockCardDrawer:!0,onCloseLockCardDrawer:()=>{K(!1),j([])},isChargeCardAdmin:!0,chargeCardsByCardId:te.chargeCardsByCardId,cardRecurringExpensesByCardId:te.cardRecurringExpensesByCardId,cardRecurringExpenseFetchState:te.fetchState,lockCardFetchState:e.lockChargeCardsFetchState.fetchState,onConfirmClick:Ya,onDismissClick:()=>{K(!1),j([])},onRemoveCardClick:Tt}),Ue&&o.cardId!=null&&C&&t.jsx(Ar,{currentCardName:C.cardName,renameFetchState:o.updateChargeCardNameFetchState.fetchState,onCancelClick:()=>{Ve(!1),P()},onSubmitClick:i=>{o.cardId!=null&&pa(o.cardId,i)}}),We&&o.cardId!=null&&C&&t.jsx(Pr,{controllerEmails:J,isChargeCardFeatureEnabled:x,isDebitCardFeatureEnabled:S,isDebitCardSetupEnabled:$,isChargeCardSetupEnabled:F,productInformation:ke,cashbackInformation:ee,creditAccountInformation:ye,debitAccountInformation:we,cardDetail:C,depositAccountLimitFetchState:o.depositAccountLimitFetchState.fetchState,creditAccount:g,creditAccountRepayment:A,signedInUser:Re,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};oe(o.cardId,s,C.creditLimitFrequency,he("0,0.[00]",s))}},recommendations:C.recommendations}),ja&&M.length>0&&t.jsx(ai,{currentSpentAmount:La??{amount:0,currencyCode:M[0].limit.currencyCode,currencySymbol:M[0].limit.currencySymbol},maxLimitAmountForCreditCard:e.creditAccount.limit,maxLimitAmountForDebitCard:Aa,hasCreditCard:h.hasCreditCards,hasDebitCard:h.hasDebitCards,signedInUser:Re,isDisabled:h.hasDebitCards&&z.fetchState!=="Completed",updateLimitFetchState:e.updateChargeCardsSpendLimitFetchState.fetchState,onCancelClick:()=>{xe(!1),j([])},onSubmitClick:i=>{const s={amount:i,currencyCode:M[0].limit.currencyCode,currencySymbol:M[0].limit.currencySymbol};G(h.bulkActionCardIds,s,M[0].creditLimitFrequency)}}),t.jsx($r,{cardsSelectedForBulkAction:h.bulkActionCardIds,isBulkActionAllowed:v,firstSelectedCardStatus:va,bulkSubmissionLimit:Ir,removeAllCardsFromBulkActionList:()=>j([]),updateBulkActionList:j,onProceedForBulkActionClick:Pa,onBulkLockClick:qa,onBulkCloseClick:Ja,setShowBulkChangeSpendLimitPopup:xe,depositAccountListWithDebitCardIssued:z,setCardIdForRowAction:Ne,setActionTypeForRowAction:ft,cashbackInformation:ee,creditAccountInformation:ye,debitAccountInformation:we,productInformation:ke,controllerEmails:J,isChargeCardFeatureEnabled:x,isCardControlsEnabled:ne,isDebitCardFeatureEnabled:S,isDebitCardSetupEnabled:$,isChargeCardSetupEnabled:F,creditAccount:g,creditAccountRepayment:A,cardList:e.cards,showViewForCardUser:!1,signedInUser:Re,fetchState:e.fetchState,revokeChargeCardsInviteFetchState:e.revokeChargeCardsInviteFetchState.fetchState,unlockChargeCardsFetchState:e.unlockChargeCardsFetchState.fetchState,onReloadCards:fa,onChargeCardRowClick:ma,searchText:c,receiptBotEmail:e.chargeCardConfig.receiptBotEmail,uiState:ca,resendInviteId:e?.resendCardInvite?.cardId,onColumnSortConfigChanged:Sa,onChargeCardResendInviteClick:Ca,rowActionView:o})]})]})]})},mi=r(ta)`
+`,me={contentContainerMargin:new W(_[3],_[4],_[8]),infoSubheadingTextMarginTop:new W(_[0],_[0]),cardsMinWidth:new W(343,353)},hi={remainingText:new tr("largeRegular","largeRegular")},{spendManagement:{chargeCard:{payEarly:w,cardList:O,chargeCardsPromo:b}},common:R,dateFormat:je}=Fe.getLocalizedStrings(),ho=({chargeCardListView:e,searchText:c,admins:u,companyLegalName:d,onFetchChargeCardsRecurringExpenses:n,onFetchDepositAccountLimit:m,onCloseChargeCard:F,onCloseChargeCardList:k,onLockChargeCard:U,onLockChargeCardList:B,onUnlockChargeCardList:L,updateChargeCardListSpendLimit:G,onUpdateSpendLimit:oe,isCardControlsEnabled:ne,isCashbackFeatureEnabled:Ee,creditCardPayNowThreshold:Me,isChargeCardFeatureEnabled:x,isCompanyInterestedInChargeCard:Te,isCreditCardProductVisibleForExpressInterest:De,isDebitCardFeatureEnabled:y,isDebitCardSetupEnabled:$,isChargeCardSetupEnabled:E,companyChargeCardInfoCreditAccountLimit:S,controllerEmails:H,onRevokeChargeCardList:ht,depositAccountListWithDebitCardIssued:z,chargeCardCashbackDetailState:I,uiState:ca,signedInUser:Re,creditLimit:pe,cashbackRate:Be,onSearchTextChanged:la,onClickSetupIcon:ua,isEarlyPayEnabled:se,onClickStatementsIcon:ha,onChargeCardRowClick:ma,updateChargeCardName:pa,onChargeCardResendInviteClick:Ca,onChargeCardRevokeInviteClick:mt,onUnlockChargeCard:pt,onIssueCardClick:ga,onBackClick:ba,onReloadCards:fa,onTotalCashbackClick:xa,onColumnSortConfigChanged:ya,onClickMenuIcon:Sa,onPromoCardClick:Ct,onCreateNowClick:gt,showPayNowInfoTooltip:wa,navigateToCreditCardPaymentPage:Ce,shouldShowPayNowInfoTooltip:ze,rowActionView:o,bulkActionView:h,onSetRowActionCardId:Ne,onSetBulkActionCardIds:j})=>{const ge=Ka().analytics,[bt,ka]=l.useState(!1),[Oe,be]=l.useState(!1),[_e,fe]=l.useState(!1),[$a,J]=l.useState(!1),[Ia,K]=l.useState(!1),[ja,xe]=l.useState(!1),[Ue,Ve]=l.useState(!1),[We,Ge]=l.useState(!1),[Ye,ft]=l.useState(void 0),va=h.chargeCards[0]?.status.code,{creditAccount:g,creditAccountRepayment:A}=e,P=l.useCallback(()=>{Ne(void 0),ft(void 0)},[Ne]),M=h.chargeCards,La=l.useMemo(()=>M.length===0?void 0:M.reduce((i,s)=>s.balance.amount>i.balance.amount?s:i,M[0]).balance,[M]),Aa=l.useMemo(()=>{const i=M.filter(f=>f.type.code.includes("debit"));if(i.length===0)return;const s=i.map(f=>z.depositAccounts.find(ae=>ae.id===f.connectedAccountId)?.cardLimits.dailyCardTransactionLimit).filter(f=>f!==void 0);return s.length===0?void 0:s.reduce((f,ae)=>ae.amount<f.amount?ae:f)},[M,z.depositAccounts]),xt=N(e.unlockChargeCardsFetchState.fetchState),yt=N(e.revokeChargeCardsInviteFetchState.fetchState),St=N(e.lockChargeCardsFetchState.fetchState),wt=N(e.closeChargeCardsFetchState.fetchState),kt=N(e.updateChargeCardsSpendLimitFetchState.fetchState);l.useEffect(()=>{const i=xt==="In-Progress"&&e.unlockChargeCardsFetchState.fetchState==="Completed",s=yt==="In-Progress"&&e.revokeChargeCardsInviteFetchState.fetchState==="Completed",f=St==="In-Progress"&&e.lockChargeCardsFetchState.fetchState==="Completed",ae=wt==="In-Progress"&&e.closeChargeCardsFetchState.fetchState==="Completed",Ja=kt==="In-Progress"&&e.updateChargeCardsSpendLimitFetchState.fetchState==="Completed";(i||s)&&j([]),f&&(J(!1),j([])),ae&&(K(!1),j([])),Ja&&(xe(!1),j([]))},[e.unlockChargeCardsFetchState.fetchState,e.revokeChargeCardsInviteFetchState.fetchState,e.lockChargeCardsFetchState.fetchState,e.closeChargeCardsFetchState.fetchState,e.updateChargeCardsSpendLimitFetchState.fetchState,xt,yt,St,wt,kt,j]);const Z=o.cardId!=null?o.unlockChargeCardsFetchState.fetchState:void 0,$t=N(Z),qe=o.cardId!=null?o.updateChargeCardLimitFetchState.fetchState:void 0,It=N(qe),He=o.cardId!=null?o.updateChargeCardNameFetchState.fetchState:void 0,jt=N(He),Je=o.cardId!=null?o.lockChargeCardsFetchState.fetchState:void 0,vt=N(Je),Ke=o.cardId!=null?o.closeChargeCardsFetchState.fetchState:void 0,Lt=N(Ke),Q=o.cardId!=null?o.revokeChargeCardFetchState.fetchState:void 0,At=N(Q);l.useEffect(()=>{o.cardId!=null&&$t==="In-Progress"&&Z==="Completed"?P():o.cardId!=null&&It==="In-Progress"&&qe==="Completed"?(Ge(!1),P()):o.cardId!=null&&jt==="In-Progress"&&He==="Completed"?(Ve(!1),P()):o.cardId!=null&&vt==="In-Progress"&&Je==="Completed"?(be(!1),P()):o.cardId!=null&&Lt==="In-Progress"&&Ke==="Completed"?(fe(!1),P()):o.cardId!=null&&At==="In-Progress"&&Q==="Completed"&&P()},[o.cardId,Z,qe,He,Je,Ke,Q,$t,jt,It,vt,Lt,At,P]);const Pa=l.useCallback(i=>{switch(i){case"close":n(h.bulkActionCardIds),K(!0);break;case"lock":n(h.bulkActionCardIds),J(!0);break;case"unlock":L(h.bulkActionCardIds);break;case"update_limit":xe(!0);break;case"revoke_invite":ht(h.bulkActionCardIds);break}},[h.bulkActionCardIds,n,ht,L]),C=o.chargeCard;l.useEffect(()=>{if(!(Ye===void 0||o.cardId===void 0||C===void 0))switch(Ye){case ie.CLOSE:_e||(n([o.cardId]),fe(!0));break;case ie.LOCK:Oe||(n([o.cardId]),be(!0));break;case ie.UNLOCK:Z!=="In-Progress"&&Z!=="Completed"&&pt(o.cardId);break;case ie.REVOKE_INVITE:Q!=="In-Progress"&&Q!=="Completed"&&mt(o.cardId);break;case ie.RENAME:Ue||Ve(!0);break;case ie.UPDATE_SPEND_LIMIT:We||(C.type.code.includes("debit")&&o.depositAccountLimitFetchState.fetchState!=="Completed"&&m(C.connectedAccountId,o.cardId),Ge(!0));break}},[Ye,o.cardId,We,Ue,_e,Oe,Z,Q,n,m,pt,mt]);const Ze=Za(),X=!!Ze.loggedInUserRole.includes("charge_card_user"),ye=Qa(Ze),v=xr(Ze.loggedInUserRoleMap),ee=l.useMemo(()=>v===!0?{creditCardCashbackOffer:`${I.cashbackAnalytics.creditCardCashbackOffer}%`,debitCardCashbackOffer:`${I.cashbackAnalytics.debitCardCashbackOffer}%`,totalEarnedCashback:V(I.cashbackSummary.cashbackEarned.amount),redeemedCashback:V(I.cashbackSummary.cashbackRedeemed.amount),availableCashback:V(I.cashbackSummary.cashbackAvailable.amount),creditCardCashbackRedemptionMode:I.cashbackAnalytics.creditCardCashbackRedemptionMode,debitCardCashbackRedemptionMode:I.cashbackAnalytics.debitCardCashbackRedemptionMode}:void 0,[v,I.cashbackAnalytics.creditCardCashbackOffer,I.cashbackAnalytics.debitCardCashbackOffer,I.cashbackSummary.cashbackEarned.amount,I.cashbackSummary.cashbackRedeemed.amount,I.cashbackSummary.cashbackAvailable.amount,I.cashbackAnalytics.creditCardCashbackRedemptionMode,I.cashbackAnalytics.debitCardCashbackRedemptionMode]),Se=l.useMemo(()=>x&&E&&v===!0?{creditAccountId:g.id,creditAccountLimit:V(g.limit.amount),creditAccountAvailableAmount:V(g.available.amount),creditAccountSpentAmount:V(g.balance.amount+g.hold.amount),creditAccountStatus:g.status,outstandingBalance:V(A.remainingAmountDue.amount)}:void 0,[x,E,v,g.id,g.limit.amount,g.available.amount,g.balance.amount,g.hold.amount,g.status,A.remainingAmountDue.amount]),we=l.useMemo(()=>y&&$?{debitAccountId:z.depositAccounts.map(i=>i.id),debitAccountName:z.depositAccounts.map(i=>i.accountName),debitAccountBalance:z.depositAccounts.map(i=>V(i.accountBalance.available.amount)),debitCardsSpend:V(e.debitCardSummary?.currentMonthSpends?.amount??0),debitAccountStatus:z.depositAccounts.map(i=>i.accountStatus)}:void 0,[y,$,z.depositAccounts,e.debitCardSummary?.currentMonthSpends?.amount]),ke={isCreditCardOffered:x,isDebitCardOffered:y,isDebitCardEnabled:$,isCreditCardEnabled:E},Fa=i=>{ka(i),i===!0&&(ge.trackCardsListPageClicked("search"),(!x||g.fetchState==="Completed"&&A.fetchState==="Completed")&&(!(y&&$)||z.fetchState==="Completed")&&ee!=null&&ge.trackCardsCardListSearchClick(H,ke,ee,Se,we))},T=Pe(),Pt=ye&&!v,Ft=e.creditAccount.balance.amount+e.creditAccount.hold.amount,de={amount:Ft,currencyCode:e.creditAccount.balance.currencyCode,currencySymbol:e.creditAccount.balance.currencySymbol},Qe=Math.round(de.amount*100/e.creditAccount.limit.amount),Ea=isNaN(Qe)?0:Ft!==0&&Qe===0?1:Qe,ce=e.chargeCardConfig.rePaymentInfo?.cardLimitResetDate,Xe=v&&de.amount>Me*e.creditAccount.limit.amount/100,le=ce!=null&&A.initiatedRepayments.amount>0,Ma={entity:"charge_cards",showNewButtonOnNavbar:v,showEntityEmailInfoIconOnNavbar:!1,newButtonLabel:v?O.newBtnLabel:R.strings.empty,hideSearchBtn:X,searchTextBoxStyle:{right:Pt?a.sp4:"96px"},moreIconContainerStyle:{paddingRight:Pt?a.sp0:a.sp4},isSearchOpen:bt,searchPlaceHolder:O.searchPlaceHolder,searchText:c,showSettingsIcon:!X,showSettingsIconOnNavbar:v,showStatementButtonOnNavbar:x&&E,showPayEarlyButtonOnNavbar:se&&v&&de.amount>0&&!le&&!Xe,showDownloadButtonOnNavbar:!1,disableDownloadButton:!0,analytics:ge,onSearchOpen:Fa,onSearchTextChanged:la,onClickSetupIcon:ua,onClickStatementsIcon:ha,downloadState:"Not-Started",onNewButtonClick:ga,onClickPayEarlyIcon:()=>Ce("More Button","Pay Early"),onMenuOpen:()=>{(!x||g.fetchState==="Completed"&&A.fetchState==="Completed")&&(!(y&&$)||z.fetchState==="Completed")&&ee!=null&&ge.trackCardsCardListMoreMenuClick(H,ke,ee,Se,we)},filters:{categoryCombinationOperator:"AND",categories:[]}},Ta=t.jsx(kr,{spendManagementSectionProps:Ma}),Da=e.cards.length===0?!1:X&&yr(e.cards),Ra=e.fetchState==="Completed"?yi({isChargeCardFeatureEnabled:x,isChargeCardSetupEnabled:E,isDebitCardFeatureEnabled:y,isDebitCardSetupEnabled:$}):"",$e=e.debitCardSummary!=null?e.debitCardSummary.currentMonthSpends.amount-e.debitCardSummary.lastCompletedMonthSpends.amount:0,Ba=x&&E&&e.hasCreditCard,za=y&&$&&e.hasDebitCard,Na=x&&E&&ye&&!v,Oa=y&&$&&ye&&!v,Ie=e.chargeCardConfig.rePaymentInfo?.rePaymentDueDate?.diff(zt(),"days")??0,et=[w.payNow,Ie>0&&Ie<11?`${w.billDueIn} ${Ie} ${Ie===1?R.timeStrings.day:R.timeStrings.days}`:w.creditLimitLow,w.payNow],Et=A.initiatedRepayments.amount===g.balance.amount+g.hold.amount,tt=[w.paymentInitiated,`${O.header.limit} ${Et?R.resets:R.updates} ${R.by} ${Sr(wr(A.initiatedRepaymentDate?.toDate()??zt().toDate(),[0,6],3).toDateString()).format(je.visual.MMMDFormat)}`,w.paymentInitiated],at=l.useRef(null),rt=l.useRef(null),_a=ea(),[Ua,Mt]=l.useState(!0);l.useEffect(()=>{const i=()=>{rt.current&&(rt.current.getBoundingClientRect().top<(T==="small"?68:40)?Mt(!1):Mt(!0))};i();const s=()=>{i()},f=at.current;return f&&f.addEventListener("scroll",s),window.addEventListener("scroll",s),()=>{f&&f.removeEventListener("scroll",s),window.removeEventListener("scroll",s)}},[T]);const Va=i=>{const s=i.reasonType==="other"?i.reason:i.reasonType;o.cardId!=null&&F(o.cardId,s)},Wa=i=>{const s=i.reasonType==="other"?i.reason:i.reasonType;o.cardId!=null&&U(o.cardId,s)},Ga=i=>{const s=i.reasonType==="other"?i.reason:i.reasonType;k(h.bulkActionCardIds,s)},Ya=i=>{const s=i.reasonType==="other"?i.reason:i.reasonType;B(h.bulkActionCardIds,s)},te=l.useMemo(()=>{const i={};return h.chargeCards.forEach(s=>{i[s.id]=s}),{chargeCardsByCardId:i,cardRecurringExpensesByCardId:h.recurringExpensesByCardId,fetchState:h.recurringExpensesFetchState.fetchState}},[h]),qa=l.useCallback(()=>{n(h.bulkActionCardIds),J(!0)},[h.bulkActionCardIds,n]),Ha=l.useCallback(()=>{n(h.bulkActionCardIds),K(!0)},[h.bulkActionCardIds,n]),Tt=l.useCallback(i=>{const s=h.bulkActionCardIds.filter(f=>f!==i);j(s),s.length===0&&(J(!1),K(!1))},[h.bulkActionCardIds,j]),Dt=Te&&S===0,Rt=S===-1;return t.jsxs(Li,{ref:at,children:[t.jsx(Xa,{title:Ra,showBackButton:!0,showMenuIcon:T==="medium-compact"||T==="small",onClickMenuIcon:Sa,style:{zIndex:3},onBackClick:ba,rightSideComponent:Ta,isSearchOpen:bt,hideSearchBtn:X,scrollableContent:at,source:"ChargeCardListPage",backgroundColor:_a.colors.grey4}),e.fetchState==="Not-Started"||e.fetchState==="In-Progress"?t.jsx(er,{fetchState:e.fetchState,styles:{margin:"auto"}}):t.jsxs(t.Fragment,{children:[X?null:t.jsxs(Ai,{windowSize:T,children:[Ba||Na?t.jsxs(qt,{windowSize:T,children:[t.jsxs(Zt,{children:[t.jsxs(Qt,{children:[t.jsxs(Xt,{children:[t.jsx(Jt,{children:O.creditCardBalance}),t.jsx(re,{amount:de,integerStyles:{...D.h5Regular.cssObject},decimalStyles:{...D.largeSemiBold.cssObject}})]}),t.jsxs($i,{children:[t.jsx(ve,{style:{textAlign:"end"},children:R.texts.limit}),t.jsx(re,{amount:e.creditAccount.limit,style:{justifyContent:"end"},integerStyles:D.largeRegular.cssObject,decimalStyles:D.smallRegular.cssObject})]})]}),t.jsx(Ri,{children:t.jsx(Bi,{style:{width:`${Ea}%`,borderRadius:a.sp1}})}),Xe&&!le&&se?t.jsx(it,{placement:"bottom",style:{color:p.heroDark,padding:`12px ${a.sp3}`},title:t.jsx(fi,{children:w.creditLimitIsRunningLow}),children:t.jsxs(Ht,{children:[t.jsx(re,{amount:e.creditAccount.available,integerStyles:D.largeMedium.cssObject,decimalStyles:D.smallMedium.cssObject}),t.jsx(Kt,{windowSize:T,children:R.texts.remaining}),t.jsx(xi,{children:t.jsx(bi,{})})]})}):t.jsxs(Ht,{children:[t.jsx(re,{amount:e.creditAccount.available,integerStyles:D.largeMedium.cssObject,decimalStyles:D.smallMedium.cssObject}),t.jsx(Kt,{windowSize:T,children:R.texts.remaining})]})]}),t.jsxs(Ii,{showPaymentInitiatedInfo:le,isEarlyPayEnabled:se,children:[le&&se?null:t.jsx(ve,{children:`${R.texts.limitReset} ${ce!=null?ce.format(je.visual.MMMDFormat):null}`}),v&&se&&(le?t.jsx("div",{children:t.jsx(it,{maxWidth:"242px",style:{padding:`12px ${a.sp3}`},title:t.jsxs(Si,{children:[t.jsx(Yt,{children:`${w.paymentOf} ${he("0,0.[00]",{amount:A.initiatedRepayments.amount,currencyCode:A.initiatedRepayments.currencyCode,currencySymbol:A.initiatedRepayments.currencySymbol})} ${w.madeOn} `}),t.jsx(wi,{children:A.initiatedRepaymentDate?.format(je.visual.MMMDFormat)}),R.strings.space,t.jsx(Yt,{children:Et?w.isProcessingAndWillResetTheCreditLimitIn23BusinessDays:w.isProcessingAndWillUpdateTheCreditLimitIn23BusinessDays})]}),placement:"bottom",children:t.jsxs(Vt,{hasPointer:!1,children:[tt.length>0&&t.jsx(nt,{slideUpCount:tt.length,style:{alignItems:"flex-end",width:"auto"},children:tt.map((i,s)=>t.jsx(pi,{children:i},`card-payment-initiated-${s.toString()}`))}),t.jsx(gi,{})]})})}):Xe?t.jsx(it,{variant:"informative",arrow:!0,style:{top:a.sp2,left:"22px",position:"relative"},data:{preHeading:"URGENT",heading:w.creditLimitIsLow,description:w.transactionsMayBeDeclinedBecauseTheCreditLimitIsRunningLow,buttonText:w.payNow,tooltipContentStyle:{width:"240px",boxSizing:"content-box",gap:a.sp0},tooltipIntroductionStyle:{color:p.important},buttonStyle:{width:"31%"},onButtonClick:()=>{ze(!1),Ce("Toast Button","Pay Now")},showCloseButton:!0,onClose:i=>{i.preventDefault(),i.stopPropagation(),ze(!1)}},title:"informative",placement:"bottom-end",open:wa&&Ua,children:t.jsxs(Vt,{ref:rt,onClick:()=>{ze(!1),Ce("Text Button","Pay Now")},hasPointer:!0,children:[et.length>0&&t.jsx(nt,{slideUpCount:et.length,style:{alignItems:"flex-end",width:"auto"},children:et.map((i,s)=>t.jsx(mi,{isImportant:s===1,children:i},`card-pay-now-${s.toString()}`))}),t.jsx(Wt,{})]})}):de.amount>0?t.jsxs(Ci,{onClick:()=>Ce("Text Button","Pay Early"),children:[w.payEarly,t.jsx(Wt,{})]}):null)]})]}):x&&E?t.jsx(Ut,{cardType:"creditCard",header:b.listPage.spendSmarter,title:b.listPage.setUpText.replace("__cardType__",b.listPage.credit),creditLimit:ot("0,0",pe.amount,pe.currencySymbol),onCreateNowClick:gt}):De?t.jsx(_t,{cardPromoType:"credit",cardText:b.listPage.creditCards,header:b.listPage.getAccessTo,title:b.listPage.creditCards,subTitle:b.listPage.promoSubText.credit,slidingTextList:Gt("credit",Be,{amount:S,currencyCode:pe.currencyCode,currencySymbol:pe.currencySymbol}),onClick:Ct,status:Rt?"rejected":Dt?"under_review":void 0,statusMessage:Rt?b.listPage.status.rejectedMessage:Dt?b.listPage.status.underReviewMessage:void 0}):null,za||Oa?t.jsxs(qt,{windowSize:T,children:[t.jsxs(Zt,{children:[t.jsx(Qt,{children:t.jsxs(Xt,{children:[t.jsx(Jt,{children:O.debitCardSpend}),t.jsx(re,{amount:e.debitCardSummary?.currentMonthSpends,integerStyles:{...D.h5Regular.cssObject},decimalStyles:{...D.largeSemiBold.cssObject}})]})}),t.jsx(Fi,{children:$e!==0?t.jsxs(t.Fragment,{children:[$e<0?t.jsx(Mi,{}):t.jsx(Ti,{}),t.jsx(Ei,{hasNegativeValue:$e<0,children:ot("0,0.00",$e,e.debitCardSummary?.currentMonthSpends.currencySymbol)}),t.jsx(da,{children:O.compareToLastMonth})]}):null})]}),t.jsx(sa,{children:t.jsx(ve,{children:`${R.texts.limitReset} ${ce!=null?ce.format(je.visual.MMMDFormat):null}`})})]}):y&&$?t.jsx(Ut,{cardType:"debitCard",header:b.listPage.spendSmarter,title:b.listPage.setUpText.replace("__cardType__",b.listPage.debit),onCreateNowClick:gt}):y?t.jsx(_t,{cardPromoType:"debit",cardText:b.listPage.debitCards,header:b.listPage.getAccessTo,title:b.listPage.debitCards,subTitle:b.listPage.promoSubText.debit,slidingTextList:Gt("debit",Be),onClick:Ct}):null,t.jsxs(Pi,{windowSize:T,children:[Ee?t.jsxs(ki,{children:[t.jsx(ve,{style:{textAlign:"start"},children:O.totalCashback}),t.jsx(re,{amount:e.totalCashback,style:{justifyContent:"flex-start"},integerStyles:D.h5Regular.cssObject,decimalStyles:D.smallSemiBold.cssObject}),e.totalCashback.amount>0?t.jsx(vi,{windowSize:T,children:t.jsxs(Di,{windowSize:T,onClick:xa,"data-testid":st("total-cashback-info"),children:[t.jsx(ji,{children:O.overview}),t.jsx(zi,{})]})}):null]}):null,t.jsx(Oi,{children:t.jsx(_i,{})})]})]}),e.cards.length===0&&X===!0||Da?t.jsx(Ni,{children:t.jsx(jr,{companyLegalName:d,cards:e.cards,admins:u,hasZeniFinopsRoles:ye,cashbackRate:Be})}):t.jsxs(t.Fragment,{children:[_e&&o.cardId!=null&&C&&t.jsx(Nt,{showCloseCardDrawer:!0,onCloseCloseCardDrawer:()=>{fe(!1),P()},isChargeCardAdmin:!0,chargeCardsByCardId:{[o.cardId]:C},cardRecurringExpensesByCardId:{[o.cardId]:o.recurringExpenses},cardRecurringExpenseFetchState:o.recurringExpensesFetchState.fetchState,closeCardFetchState:o.closeChargeCardsFetchState.fetchState,onConfirmClick:Va,onDismissClick:()=>{fe(!1),P()},onRemoveCardClick:()=>{}}),Oe&&o.cardId!=null&&C&&t.jsx(Ot,{showLockCardDrawer:!0,onCloseLockCardDrawer:()=>{be(!1),P()},isChargeCardAdmin:!0,chargeCardsByCardId:{[o.cardId]:C},cardRecurringExpensesByCardId:{[o.cardId]:o.recurringExpenses},cardRecurringExpenseFetchState:o.recurringExpensesFetchState.fetchState,lockCardFetchState:o.lockChargeCardsFetchState.fetchState,onConfirmClick:Wa,onDismissClick:()=>{be(!1),P()},onRemoveCardClick:()=>{}}),Ia&&h.bulkActionCardIds.length>0&&t.jsx(Nt,{showCloseCardDrawer:!0,onCloseCloseCardDrawer:()=>{K(!1),j([])},isChargeCardAdmin:!0,chargeCardsByCardId:te.chargeCardsByCardId,cardRecurringExpensesByCardId:te.cardRecurringExpensesByCardId,cardRecurringExpenseFetchState:te.fetchState,closeCardFetchState:e.closeChargeCardsFetchState.fetchState,onConfirmClick:Ga,onDismissClick:()=>{K(!1),j([])},onRemoveCardClick:Tt}),$a&&h.bulkActionCardIds.length>0&&t.jsx(Ot,{showLockCardDrawer:!0,onCloseLockCardDrawer:()=>{J(!1),j([])},isChargeCardAdmin:!0,chargeCardsByCardId:te.chargeCardsByCardId,cardRecurringExpensesByCardId:te.cardRecurringExpensesByCardId,cardRecurringExpenseFetchState:te.fetchState,lockCardFetchState:e.lockChargeCardsFetchState.fetchState,onConfirmClick:Ya,onDismissClick:()=>{J(!1),j([])},onRemoveCardClick:Tt}),Ue&&o.cardId!=null&&C&&t.jsx(Ar,{currentCardName:C.cardName,renameFetchState:o.updateChargeCardNameFetchState.fetchState,onCancelClick:()=>{Ve(!1),P()},onSubmitClick:i=>{o.cardId!=null&&pa(o.cardId,i)}}),We&&o.cardId!=null&&C&&t.jsx(Pr,{controllerEmails:H,isChargeCardFeatureEnabled:x,isDebitCardFeatureEnabled:y,isDebitCardSetupEnabled:$,isChargeCardSetupEnabled:E,productInformation:ke,cashbackInformation:ee,creditAccountInformation:Se,debitAccountInformation:we,cardDetail:C,depositAccountLimitFetchState:o.depositAccountLimitFetchState.fetchState,creditAccount:g,creditAccountRepayment:A,signedInUser:Re,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};oe(o.cardId,s,C.creditLimitFrequency,he("0,0.[00]",s))}},recommendations:C.recommendations}),ja&&M.length>0&&t.jsx(ai,{currentSpentAmount:La??{amount:0,currencyCode:M[0].limit.currencyCode,currencySymbol:M[0].limit.currencySymbol},maxLimitAmountForCreditCard:e.creditAccount.limit,maxLimitAmountForDebitCard:Aa,hasCreditCard:h.hasCreditCards,hasDebitCard:h.hasDebitCards,signedInUser:Re,isDisabled:h.hasDebitCards&&z.fetchState!=="Completed",updateLimitFetchState:e.updateChargeCardsSpendLimitFetchState.fetchState,onCancelClick:()=>{xe(!1),j([])},onSubmitClick:i=>{const s={amount:i,currencyCode:M[0].limit.currencyCode,currencySymbol:M[0].limit.currencySymbol};G(h.bulkActionCardIds,s,M[0].creditLimitFrequency)}}),t.jsx($r,{cardsSelectedForBulkAction:h.bulkActionCardIds,isBulkActionAllowed:v,firstSelectedCardStatus:va,bulkSubmissionLimit:Ir,removeAllCardsFromBulkActionList:()=>j([]),updateBulkActionList:j,onProceedForBulkActionClick:Pa,onBulkLockClick:qa,onBulkCloseClick:Ha,setShowBulkChangeSpendLimitPopup:xe,depositAccountListWithDebitCardIssued:z,setCardIdForRowAction:Ne,setActionTypeForRowAction:ft,cashbackInformation:ee,creditAccountInformation:Se,debitAccountInformation:we,productInformation:ke,controllerEmails:H,isChargeCardFeatureEnabled:x,isCardControlsEnabled:ne,isDebitCardFeatureEnabled:y,isDebitCardSetupEnabled:$,isChargeCardSetupEnabled:E,creditAccount:g,creditAccountRepayment:A,cardList:e.cards,showViewForCardUser:!1,signedInUser:Re,fetchState:e.fetchState,revokeChargeCardsInviteFetchState:e.revokeChargeCardsInviteFetchState.fetchState,unlockChargeCardsFetchState:e.unlockChargeCardsFetchState.fetchState,onReloadCards:fa,onChargeCardRowClick:ma,searchText:c,receiptBotEmail:e.chargeCardConfig.receiptBotEmail,uiState:ca,resendInviteId:e?.resendCardInvite?.cardId,onColumnSortConfigChanged:ya,onChargeCardResendInviteClick:Ca,rowActionView:o})]})]})]})},mi=r(ta)`
   color: ${e=>e.isImportant?p.important:e.theme.colors.primary};
   text-align: end;
 `,pi=r(ta)`
@@ -245,7 +245,7 @@ import{a7 as Ha,aN as N,av as Za,fP as Qa,iH as V,q as Pe,F as Ee,o as a,d as ea
   display: flex;
   align-items: center;
   justify-content: center;
-`,Gt=(e,c,u)=>{const d=(c*100).toFixed(2);if(e==="credit"){const n=[...b.listPage.promoMultiText.credit];if(n[1]=n[1].replace("__cashBack__",d),u&&u.amount!==0)return n[0]=n[0].replace("__creditLimit__",ot("0,0",u.amount,u.currencySymbol)),[...n,n[0]];{const m=n.slice(1);return[...m,m[0]]}}else if(e==="debit"){const n=[...b.listPage.promoMultiText.debit];return n[0]=n[0].replace("__cashBack__",d),[...n,n[0]]}return[]},Si=({isChargeCardFeatureEnabled:e,isChargeCardSetupEnabled:c,isDebitCardFeatureEnabled:u,isDebitCardSetupEnabled:d})=>e&&c&&u&&d?O.title.cards:e&&c?O.title.credit:u&&d?O.title.debit:"",yi=r.div`
+`,Gt=(e,c,u)=>{const d=(c*100).toFixed(2);if(e==="credit"){const n=[...b.listPage.promoMultiText.credit];if(n[1]=n[1].replace("__cashBack__",d),u&&u.amount!==0)return n[0]=n[0].replace("__creditLimit__",ot("0,0",u.amount,u.currencySymbol)),[...n,n[0]];{const m=n.slice(1);return[...m,m[0]]}}else if(e==="debit"){const n=[...b.listPage.promoMultiText.debit];return n[0]=n[0].replace("__cashBack__",d),[...n,n[0]]}return[]},yi=({isChargeCardFeatureEnabled:e,isChargeCardSetupEnabled:c,isDebitCardFeatureEnabled:u,isDebitCardSetupEnabled:d})=>e&&c&&u&&d?O.title.cards:e&&c?O.title.credit:u&&d?O.title.debit:"",Si=r.div`
   text-align: left;
 `,Yt=r.span``,wi=r.span`
   white-space: nowrap;
@@ -337,20 +337,20 @@ import{a7 as Ha,aN as N,av as Za,fP as Qa,iH as V,q as Pe,F as Ee,o as a,d as ea
   height: 188px;
   flex-grow: 1;
   flex-basis: 33.33%;
-`,Jt=r.div`
+`,Ht=r.div`
   display: flex;
   align-items: baseline;
   gap: ${a.sp2};
   align-items: center;
-`,Kt=r(q)`
+`,Jt=r(q)`
   color: ${e=>e.theme.colors.hero};
-`,Ht=r(ar)`
+`,Kt=r(ar)`
   color: ${e=>e.theme.colors.primary};
   ${e=>`${hi.remainingText.style(e.windowSize)}`};
 `,ve=r(q)`
   color: ${e=>e.theme.colors.hero};
   white-space: nowrap;
-`,Ei=r.div`
+`,Fi=r.div`
   display: flex;
   align-items: center;
   gap: ${a.sp1};
@@ -358,7 +358,7 @@ import{a7 as Ha,aN as N,av as Za,fP as Qa,iH as V,q as Pe,F as Ee,o as a,d as ea
   margin-top: 20px;
 `,da=r(or)`
   color: ${e=>e.theme.colors.hero};
-`,Fi=r(da)`
+`,Ei=r(da)`
   color: ${e=>e.hasNegativeValue?p.success:p.important};
 `,Mi=r(Mr)`
   color: ${p.success};
@@ -409,4 +409,4 @@ import{a7 as Ha,aN as N,av as Za,fP as Qa,iH as V,q as Pe,F as Ee,o as a,d as ea
 `,Xt=r.div``,Oi=r.div`
   height: ${a.sp10};
   width: ${a.sp10};
-`;function _i(){switch(ea().mode){case"light":return t.jsx(Fr,{});case"dark":default:return t.jsx(Er,{})}}export{ho as default,Gt as getPromoSlidingTextList};
+`;function _i(){switch(ea().mode){case"light":return t.jsx(Er,{});case"dark":default:return t.jsx(Fr,{})}}export{ho as default,Gt as getPromoSlidingTextList};

package/dist/assets/{ChargeCardListTable-D5B05Z1F-BFq9lu6-.js → ChargeCardListTable-D5B05Z1F-BBBvhTcZ.js}

@@ -1,4 +1,4 @@
-import{V as t,ca as ni,a8 as li,F as le,ab as di,q as ie,av as Se,a7 as ci,d as Fe,gS as hi,iI as pi,iJ as ui,iK as mi,aO as gi,o as i,aK as G,cj as xi,b as Be,p as I,b1 as wi,cq as Ci,iL as fi,iM as yi,bQ as ye,bL as Si,aQ as ki,y as C,ey as vi,b8 as $i,iN as ji,aR as bi,u as Ii,ag as ee,gU as Li,al as J,ak as Q,c as p,cO as Fi,cX as zi,iO as Ai,iP as Pi,a as ft,bV as yt,iQ as St,iR as Ri,bO as Bi,cv as Je,iS as kt,dr as Di,ds as q,aL as ce,cs as vt,m as $t,iT as _i,cy as Ei,iA as Qe,bI as jt,bJ as bt,iU as Oi,iV as Ti,aS as $e,br as Vi,bW as Ni,bX as Ui,iW as Mi}from"./index-DJLrbf0F.js";import{S as pe,a as f}from"./core-CA3j8Axi.js";import{n as o,b as Ye}from"./mui-DpJXlk4t.js";import{P as Te}from"./Menu-wpP8R1br-CxnIQs8p.js";import{T as It}from"./RoleWithToolTip-fC3byzzv-DteZC2-q.js";import{j as Ve}from"./CardNumberSubText-BYY-Inxd-BdlFsn4_.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]="377d71ca-1298-44f4-843f-cb580ddd993e",e._sentryDebugIdIdentifier="sentry-dbid-377d71ca-1298-44f4-843f-cb580ddd993e")}catch{}})();const ge=le.getLocalizedStrings().spendManagement.chargeCard.cardList.header,Wi=le.getLocalizedStrings().common.strings.empty,Xe={key:"owner",value:ge.owner,sortOrder:"ascending",width:new C(120,120,160,200,200)},Ze={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?[{...Xe,width:new C(0,0),value:Wi},Ze,et,tt,it,ot]:[Xe,Ze,et,tt,it,ot],{common:Ce,spendManagement:{billPay:{paymentDetails:{feePercent:Hi}},chargeCard:$}}=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:j,onChargeCardResendInviteClick:k})=>{const[h,m]=f.useState(!1),[y,R]=f.useState(!1);f.useEffect(()=>{h||R(!1)},[h]),f.useEffect(()=>{l.length>0&&h&&(m(!1),R(!1))},[l.length,h]);const B=r.cardId===a.id,D=l.includes(a.id),F=B&&r.unlockChargeCardsFetchState.fetchState==="In-Progress"||D&&c==="In-Progress",U=B&&r.revokeChargeCardFetchState.fetchState==="In-Progress"||D&&d==="In-Progress",u=F||U,v=ie(),E=!!Se().loggedInUserRole.includes("charge_card_user")||x,M=f.useCallback(()=>{j(a.id,S)},[a.id]),T=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,z=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)})}),T!==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(T)}${Hi}`})}):null]}),Y=a.type.code,_=$.cardList.tooltip[Y],de=_!=null?W?_.self:`${V} ${_.cardUser}`:Ce.strings.empty;return t.jsx(Qi,{windowSize:v,children:t.jsx(Yi,{onClick:M,"data-testid":G("card-row",a.id),children:t.jsxs(Zi,{children:[E?null:t.jsx(ue,{children:t.jsxs(eo,{windowSize:v,responsiveWidth:z[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:z[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:$.cardDetails.expiryHideOut+Ce.strings.space+a.accountLast4})]})]})}),t.jsx(ue,{children:t.jsx(co,{windowSize:v,responsiveWidth:z[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:z[3].width,children:t.jsx(q,{isLoading:u,customStyle:{width:"112px",height:i.sp4,borderRadius:i.sp1},children:g===a.id?t.jsx($t,{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:$.cardList.sendReminder}):null]})})})}),t.jsx(ue,{children:t.jsx(lt,{windowSize:v,isLoading:u,responsiveWidth:z[4].width,children:te})}),t.jsx(ue,{children:t.jsxs(so,{windowSize:v,responsiveWidth:z[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&&R(!0)},onMouseLeave:()=>{A&&R(!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:$.cardList.moreActionsTooltip,placement:"bottom-end",children:t.jsx(Te,{isMenuVisible:!0,menuItems:t.jsx(fo,{children:t.jsx(Ft,{cardDetail:a,isCardControlsEnabled:n,isChargeCardUser:E,setIsMenuOpen:m,setCardIdForRowAction:e,setActionTypeForRowAction:s})}),setIsMenuOpen:ze=>{b||m(ze)},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})`}})})})()})]})})]})})})},Ft=({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(O,{children:$.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(O,{children:$.cardDetails.moreOptions.rename})]}),t.jsx(je,{}),t.jsxs(L,{hoverImportant:!0,windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("revoke_invite")},children:[t.jsx(Xi,{}),t.jsx(fe,{children:$.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(O,{children:$.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(O,{children:$.cardDetails.moreOptions.rename})]}),t.jsx(je,{}),t.jsxs(L,{hoverImportant:!0,windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("close")},children:[t.jsx(Re,{}),t.jsx(fe,{children:$.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(O,{children:$.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(O,{children:$.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(O,{children:$.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(O,{children:$.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(O,{children:$.cardDetails.moreOptions.updateSpendLimit})]}),t.jsx(je,{}),t.jsxs(L,{hoverImportant:!0,windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("close")},children:[t.jsx(Re,{}),t.jsx(fe,{children:$.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(O,{children:$.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(O,{children:$.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(O,{children:$.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(O,{children:$.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(O,{children:$.cardDetails.moreOptions.lock})]}),t.jsx(je,{}),t.jsxs(L,{windowSize:a,hoverImportant:!0,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("close")},children:[t.jsx(Re,{}),t.jsx(fe,{children:$.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:$.cardDetails.revokeInvite})}):null},Le=({status:e,style:s})=>{const r=Fe(),d=Ji(e,r),c=le.getLocalizedStrings().spendManagement.chargeCard.cardList.status;return ie()==="small"?t.jsx(Qe,{textColor:d,text:c[e],tagStyles:{maxWidth:i.sp10,textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap",padding:"1px 6px",...s}}):t.jsx(Qe,{textColor:d,text:c[e],styles:s,tagStyles:{padding:"1px 6px"}})},Ji=(e,s)=>{switch(e){case"active":return new $e(I.success);case"request_on_hold":return new $e(I.graphColor36);case"inactive":return new $e(I.alert);default:return new $e(s.colors.grey1)}},O=o(Q)`
+import{ca as ni,V as t,a8 as li,ab as di,F as le,q as ie,av as Se,a7 as ci,d as Fe,gR as hi,iI as pi,iJ as ui,iK as mi,aO as gi,o as i,aM as G,cj as xi,b as Be,p as I,b1 as wi,cq as Ci,iL as fi,iM as yi,bQ as ye,bL as Si,aQ as ki,y as C,ey as vi,b8 as $i,iN as ji,aR as bi,u as Ii,ag as ee,gU as Li,al as J,ak as Q,c as p,cO as Fi,cX as zi,iO as Ai,iP as Ri,a as ft,bV as yt,iQ as St,iR as Pi,bO as Bi,cv as Je,iS as kt,dr as Di,ds as q,aK as ce,cs as vt,m as $t,iT as _i,cy as Ei,iA as Qe,bH as jt,bJ as bt,iU as Oi,iV as Ti,aS as $e,br as Vi,bW as Ni,bX as Ui,iW as Mi}from"./index-CiMyMhgu.js";import{S as pe,a as f}from"./sentry-DMKAGVXl.js";import{n as o,c as Ye}from"./mui-D2MqZYRi.js";import{P as Te}from"./Menu-wpP8R1br-CAapPWSw.js";import{T as It}from"./RoleWithToolTip-fC3byzzv-Da5EXkAB.js";import{j as Ve}from"./CardNumberSubText-BYY-Inxd-VoZJjuBC.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]="0d53e227-df5e-4df5-be6a-f58b9d135922",e._sentryDebugIdIdentifier="sentry-dbid-0d53e227-df5e-4df5-be6a-f58b9d135922")}catch{}})();const ge=le.getLocalizedStrings().spendManagement.chargeCard.cardList.header,Wi=le.getLocalizedStrings().common.strings.empty,Xe={key:"owner",value:ge.owner,sortOrder:"ascending",width:new C(120,120,160,200,200)},Ze={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?[{...Xe,width:new C(0,0),value:Wi},Ze,et,tt,it,ot]:[Xe,Ze,et,tt,it,ot],{common:Ce,spendManagement:{billPay:{paymentDetails:{feePercent:Hi}},chargeCard:$}}=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:j,onChargeCardResendInviteClick:k})=>{const[h,m]=f.useState(!1),[y,P]=f.useState(!1);f.useEffect(()=>{h||P(!1)},[h]),f.useEffect(()=>{l.length>0&&h&&(m(!1),P(!1))},[l.length,h]);const B=r.cardId===a.id,D=l.includes(a.id),F=B&&r.unlockChargeCardsFetchState.fetchState==="In-Progress"||D&&c==="In-Progress",U=B&&r.revokeChargeCardFetchState.fetchState==="In-Progress"||D&&d==="In-Progress",u=F||U,v=ie(),E=!!Se().loggedInUserRole.includes("charge_card_user")||x,M=f.useCallback(()=>{j(a.id,S)},[a.id]),T=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,z=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)})}),T!==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(T)}${Hi}`})}):null]}),Y=a.type.code,_=$.cardList.tooltip[Y],de=_!=null?W?_.self:`${V} ${_.cardUser}`:Ce.strings.empty;return t.jsx(Qi,{windowSize:v,children:t.jsx(Yi,{onClick:M,"data-testid":G("card-row",a.id),children:t.jsxs(Zi,{children:[E?null:t.jsx(ue,{children:t.jsxs(eo,{windowSize:v,responsiveWidth:z[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:z[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:$.cardDetails.expiryHideOut+Ce.strings.space+a.accountLast4})]})]})}),t.jsx(ue,{children:t.jsx(co,{windowSize:v,responsiveWidth:z[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:z[3].width,children:t.jsx(q,{isLoading:u,customStyle:{width:"112px",height:i.sp4,borderRadius:i.sp1},children:g===a.id?t.jsx($t,{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:$.cardList.sendReminder}):null]})})})}),t.jsx(ue,{children:t.jsx(lt,{windowSize:v,isLoading:u,responsiveWidth:z[4].width,children:te})}),t.jsx(ue,{children:t.jsxs(so,{windowSize:v,responsiveWidth:z[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&&P(!0)},onMouseLeave:()=>{A&&P(!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:$.cardList.moreActionsTooltip,placement:"bottom-end",children:t.jsx(Te,{isMenuVisible:!0,menuItems:t.jsx(fo,{children:t.jsx(Ft,{cardDetail:a,isCardControlsEnabled:n,isChargeCardUser:E,setIsMenuOpen:m,setCardIdForRowAction:e,setActionTypeForRowAction:s})}),setIsMenuOpen:ze=>{b||m(ze)},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})`}})})})()})]})})]})})})},Ft=({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(O,{children:$.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(O,{children:$.cardDetails.moreOptions.rename})]}),t.jsx(je,{}),t.jsxs(L,{hoverImportant:!0,windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("revoke_invite")},children:[t.jsx(Xi,{}),t.jsx(fe,{children:$.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(O,{children:$.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(O,{children:$.cardDetails.moreOptions.rename})]}),t.jsx(je,{}),t.jsxs(L,{hoverImportant:!0,windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("close")},children:[t.jsx(Pe,{}),t.jsx(fe,{children:$.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(O,{children:$.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(O,{children:$.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(O,{children:$.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(O,{children:$.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(O,{children:$.cardDetails.moreOptions.updateSpendLimit})]}),t.jsx(je,{}),t.jsxs(L,{hoverImportant:!0,windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("close")},children:[t.jsx(Pe,{}),t.jsx(fe,{children:$.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(O,{children:$.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(O,{children:$.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(O,{children:$.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(O,{children:$.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(O,{children:$.cardDetails.moreOptions.lock})]}),t.jsx(je,{}),t.jsxs(L,{windowSize:a,hoverImportant:!0,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("close")},children:[t.jsx(Pe,{}),t.jsx(fe,{children:$.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:$.cardDetails.revokeInvite})}):null},Le=({status:e,style:s})=>{const r=Fe(),d=Ji(e,r),c=le.getLocalizedStrings().spendManagement.chargeCard.cardList.status;return ie()==="small"?t.jsx(Qe,{textColor:d,text:c[e],tagStyles:{maxWidth:i.sp10,textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap",padding:"1px 6px",...s}}):t.jsx(Qe,{textColor:d,text:c[e],styles:s,tagStyles:{padding:"1px 6px"}})},Ji=(e,s)=>{switch(e){case"active":return new $e(I.success);case"request_on_hold":return new $e(I.graphColor36);case"inactive":return new $e(I.alert);default:return new $e(s.colors.grey1)}},O=o(Q)`
   color: inherit;
 `,fe=o(Q)`
   color: ${I.important};
@@ -46,7 +46,7 @@ import{V as t,ca as ni,a8 as li,F as le,ab as di,q as ie,av as Se,a7 as ci,d as
   width: ${i.sp4};
   height: ${i.sp4};
   color: ${I.important};
-`,Re=o(St)`
+`,Pe=o(St)`
   width: ${i.sp4};
   height: ${i.sp4};
   color: ${I.important};
@@ -269,9 +269,9 @@ import{V as t,ca as ni,a8 as li,F as le,ab as di,q as ie,av as Se,a7 as ci,d as
   display: flex;
   align-items: center;
   gap: ${i.sp1};
-`,zt=pe.memo(({allCheckBoxValues:e,checkBox:s,fieldName:r,index:d,containerStyle:c,"data-testid":l,groupLabelCheckBox:a,registerOptions:n,style:x,mode:w,checkBoxContainerStyle:g,checkBoxIconStyle:S,checkBoxStyle:j,labelCheckBoxStyle:k,labelStyle:h,width:m,isDisabled:y,selectionLimit:R,infoIconContainerStyle:B,checkedIconColor:D,draggable:F=!1,onDragStart:U})=>{const{control:u}=Fi();return t.jsx(zi,{control:u,name:r,rules:n,render:({field:{value:v,onChange:E,ref:M}})=>t.jsx(So,{style:{display:"flex",alignItems:"center",width:"100%",...g,...c},"data-testid":l??G("virtualized-checkbox-field",r),children:t.jsx(Ai,{checkBox:s,index:d,value:v,allCheckBoxValues:e,mode:w,name:r,checkBoxContainerStyle:x,checkBoxIconStyle:S,checkBoxStyle:s.groupLabel?k:j,labelCheckBoxStyle:k,labelStyle:h,width:m,groupLabelCheckBox:a,infoIconContainerStyle:B,selectionLimit:R,checkedIconColor:D,isDisabled:y,draggable:F,onDragStart:U,ref:M,onChangeHandler:T=>Pi({event:T,value:v,allCheckBoxValues:e,groupLabelCheckBox:a,onChange:E})})})})},(e,s)=>e.checkBox===s.checkBox&&e.index===s.index&&e.mode===s.mode&&e.isDisabled===s.isDisabled&&e.selectionLimit===s.selectionLimit&&e.allCheckBoxValues.length===s.allCheckBoxValues.length&&e.groupLabelCheckBox?.value===s.groupLabelCheckBox?.value);zt.displayName="VirtualizedCheckBoxField";const So=o.div`
+`,zt=pe.memo(({allCheckBoxValues:e,checkBox:s,fieldName:r,index:d,containerStyle:c,"data-testid":l,groupLabelCheckBox:a,registerOptions:n,style:x,mode:w,checkBoxContainerStyle:g,checkBoxIconStyle:S,checkBoxStyle:j,labelCheckBoxStyle:k,labelStyle:h,width:m,isDisabled:y,selectionLimit:P,infoIconContainerStyle:B,checkedIconColor:D,draggable:F=!1,onDragStart:U})=>{const{control:u}=Fi();return t.jsx(zi,{control:u,name:r,rules:n,render:({field:{value:v,onChange:E,ref:M}})=>t.jsx(So,{style:{display:"flex",alignItems:"center",width:"100%",...g,...c},"data-testid":l??G("virtualized-checkbox-field",r),children:t.jsx(Ai,{checkBox:s,index:d,value:v,allCheckBoxValues:e,mode:w,name:r,checkBoxContainerStyle:x,checkBoxIconStyle:S,checkBoxStyle:s.groupLabel?k:j,labelCheckBoxStyle:k,labelStyle:h,width:m,groupLabelCheckBox:a,infoIconContainerStyle:B,selectionLimit:P,checkedIconColor:D,isDisabled:y,draggable:F,onDragStart:U,ref:M,onChangeHandler:T=>Ri({event:T,value:v,allCheckBoxValues:e,groupLabelCheckBox:a,onChange:E})})})})},(e,s)=>e.checkBox===s.checkBox&&e.index===s.index&&e.mode===s.mode&&e.isDisabled===s.isDisabled&&e.selectionLimit===s.selectionLimit&&e.allCheckBoxValues.length===s.allCheckBoxValues.length&&e.groupLabelCheckBox?.value===s.groupLabelCheckBox?.value);zt.displayName="VirtualizedCheckBoxField";const So=o.div`
   position: relative;
-`,X={containerPaddingLeft:i.sp2,containerPaddingRight:i.sp3,containerPaddingTop:i.sp3,containerPaddingBottom:i.sp3,headerLastColumnTopPadding:new C(p[0],p[4]),headerLastColumnRightPadding:new C(p[3],p[11]),headerLastColumnBottomPadding:new C(p[0],p[4]),headerLastColumnLeftPadding:new C(p[0],p[11]),headerHeight:new C(Oi,Ti)};function ko({companyNameSticky:e,sortConfig:s,showViewForCardUser:r,onColumnSortConfigChanged:d}){const c=Fe(),l=ie(),a=!!Se().loggedInUserRole.includes("charge_card_user")||r,[n,x]=f.useState(Lt(a));f.useEffect(()=>{const h=[...n];for(const m of h)m.key===s.sortKey?m.sortOrder=s.sortOrder:m.sortOrder="ascending";x(h)},[s.sortKey,s.sortOrder]);const w=(h,m)=>{let y=m;s.sortKey===h&&(y=m==="ascending"?"descending":"ascending"),d(h,y)},g=n.find(h=>h.key===s.sortKey)??(a?n[1]:n[0]),S=h=>n.find(m=>m.key===h)?.value??"",j=(a?n.filter(h=>h.key!=="owner"):n).map(h=>h.key),k=le.getLocalizedStrings().spendManagement.chargeCard.cardList;return l==="small"?t.jsxs(bo,{windowSize:l,children:[t.jsxs(Fo,{children:[t.jsx(Ao,{children:t.jsx(zo,{})}),t.jsx(Bi,{title:k.sortBy,placeholder:k.sortBy,pickerValues:j,valueToLabel:S,selectedValue:s.sortKey,onPickerSelectionChanged:h=>{w(h,"ascending")},optionTextStyle:Be.extraSmallRegular,titleTextStyle:Be.extraSmallRegular,titleColor:c.colors.primary,selectedOptionColor:c.colors.hero,optionBackgroundColor:c.colors.grey5,downChevronVisible:!1,backgroundColor:c.colors.grey4})]}),t.jsxs(Bo,{onClick:()=>w(g.key,g.sortOrder),"data-testid":G("mobile-cards-list-sort-clicked",s.sortKey),children:[t.jsx(J,{children:g.value}),t.jsx(dt,{windowSize:l,sortDataValue:s.sortKey,headerdata:g,children:t.jsx(ct,{windowSize:l,children:t.jsx(Je,{})})})]})]}):t.jsx($o,{windowSize:l,children:t.jsx(jo,{children:n.map(h=>h.width.value(l)!==0&&t.jsxs(Io,{companyNameSticky:e,sortDataValue:s.sortKey,actualDataValue:h.key,wrapperWidth:h.width,windowSize:l,children:[t.jsxs(Ro,{onClick:()=>w(h.key,h.sortOrder),"data-testid":G("cards-list-sort-clicked",s.sortKey),children:[t.jsx(J,{children:h.value}),t.jsx(dt,{windowSize:l,sortDataValue:s.sortKey,headerdata:h,children:t.jsx(ct,{windowSize:l,children:t.jsx(Je,{})})})]}),t.jsx(Po,{sortDataValue:s.sortKey,windowSize:l,isVisible:s.sortKey===h.key&&(a?h.key!=="cardName":h.key!=="owner"),children:t.jsx(Lo,{onClick:()=>w(a?"cardName":"owner","ascending"),"data-testid":G("cards-list-sort-cancel",s.sortKey)})})]},h.key))})})}const vo=pe.memo(ko),$o=o.div`
+`,X={containerPaddingLeft:i.sp2,containerPaddingRight:i.sp3,containerPaddingTop:i.sp3,containerPaddingBottom:i.sp3,headerLastColumnTopPadding:new C(p[0],p[4]),headerLastColumnRightPadding:new C(p[3],p[11]),headerLastColumnBottomPadding:new C(p[0],p[4]),headerLastColumnLeftPadding:new C(p[0],p[11]),headerHeight:new C(Oi,Ti)};function ko({companyNameSticky:e,sortConfig:s,showViewForCardUser:r,onColumnSortConfigChanged:d}){const c=Fe(),l=ie(),a=!!Se().loggedInUserRole.includes("charge_card_user")||r,[n,x]=f.useState(Lt(a));f.useEffect(()=>{const h=[...n];for(const m of h)m.key===s.sortKey?m.sortOrder=s.sortOrder:m.sortOrder="ascending";x(h)},[s.sortKey,s.sortOrder]);const w=(h,m)=>{let y=m;s.sortKey===h&&(y=m==="ascending"?"descending":"ascending"),d(h,y)},g=n.find(h=>h.key===s.sortKey)??(a?n[1]:n[0]),S=h=>n.find(m=>m.key===h)?.value??"",j=(a?n.filter(h=>h.key!=="owner"):n).map(h=>h.key),k=le.getLocalizedStrings().spendManagement.chargeCard.cardList;return l==="small"?t.jsxs(bo,{windowSize:l,children:[t.jsxs(Fo,{children:[t.jsx(Ao,{children:t.jsx(zo,{})}),t.jsx(Bi,{title:k.sortBy,placeholder:k.sortBy,pickerValues:j,valueToLabel:S,selectedValue:s.sortKey,onPickerSelectionChanged:h=>{w(h,"ascending")},optionTextStyle:Be.extraSmallRegular,titleTextStyle:Be.extraSmallRegular,titleColor:c.colors.primary,selectedOptionColor:c.colors.hero,optionBackgroundColor:c.colors.grey5,downChevronVisible:!1,backgroundColor:c.colors.grey4})]}),t.jsxs(Bo,{onClick:()=>w(g.key,g.sortOrder),"data-testid":G("mobile-cards-list-sort-clicked",s.sortKey),children:[t.jsx(J,{children:g.value}),t.jsx(dt,{windowSize:l,sortDataValue:s.sortKey,headerdata:g,children:t.jsx(ct,{windowSize:l,children:t.jsx(Je,{})})})]})]}):t.jsx($o,{windowSize:l,children:t.jsx(jo,{children:n.map(h=>h.width.value(l)!==0&&t.jsxs(Io,{companyNameSticky:e,sortDataValue:s.sortKey,actualDataValue:h.key,wrapperWidth:h.width,windowSize:l,children:[t.jsxs(Po,{onClick:()=>w(h.key,h.sortOrder),"data-testid":G("cards-list-sort-clicked",s.sortKey),children:[t.jsx(J,{children:h.value}),t.jsx(dt,{windowSize:l,sortDataValue:s.sortKey,headerdata:h,children:t.jsx(ct,{windowSize:l,children:t.jsx(Je,{})})})]}),t.jsx(Ro,{sortDataValue:s.sortKey,windowSize:l,isVisible:s.sortKey===h.key&&(a?h.key!=="cardName":h.key!=="owner"),children:t.jsx(Lo,{onClick:()=>w(a?"cardName":"owner","ascending"),"data-testid":G("cards-list-sort-cancel",s.sortKey)})})]},h.key))})})}const vo=pe.memo(ko),$o=o.div`
   top: ${i.sp0};
   left: ${i.sp0};
   z-index: 2;
@@ -349,11 +349,11 @@ import{V as t,ca as ni,a8 as li,F as le,ab as di,q as ie,av as Se,a7 as ci,d as
   margin-right: ${i.sp1};
   display: flex;
   align-items: center;
-`,Po=o.div`
+`,Ro=o.div`
   display: ${e=>e.isVisible?"flex":"none"};
   align-items: center;
   padding-top: 2px;
-`,Ro=o.div`
+`,Po=o.div`
   display: flex;
   cursor: pointer;
   gap: 5px;
@@ -365,7 +365,7 @@ import{V as t,ca as ni,a8 as li,F as le,ab as di,q as ie,av as Se,a7 as ci,d as
   cursor: pointer;
   gap: 5px;
   color: ${e=>e.theme.colors.primary};
-`,{spendManagement:{billPay:{paymentDetails:{feePercent:Do}},chargeCard:he},common:Z}=le.getLocalizedStrings(),De={containerMarginLeft:new C(p[3],p[8]),webkitLineClamp:new C(2,2,1,1,1)},_o=({setCardIdForRowAction:e,setActionTypeForRowAction:s,cardDetail:r,isCardControlsEnabled:d,showViewForCardUser:c,signedInUser:l,resendInviteId:a,index:n,onChargeCardRowClick:x,onChargeCardResendInviteClick:w,rowActionView:g,revokeChargeCardsInviteFetchState:S,unlockChargeCardsFetchState:j,cardsSelectedForBulkAction:k})=>{const h=!!Se().loggedInUserRole.includes("charge_card_user")||c,m=f.useCallback(()=>{x(r.id,n)},[r.id]);return h?t.jsx(Eo,{cardDetail:r,onRowClick:m}):t.jsx(Oo,{setCardIdForRowAction:e,setActionTypeForRowAction:s,cardDetail:r,isCardControlsEnabled:d,signedInUser:l,resendInviteId:a,onRowClick:m,onChargeCardResendInviteClick:w,rowActionView:g,revokeChargeCardsInviteFetchState:S,unlockChargeCardsFetchState:j,cardsSelectedForBulkAction:k,showViewForCardUser:c})},At=({cardDetail:e})=>{const s=e.balance,r=kt(e)/e.limit.amount*100;return t.jsxs(Uo,{children:[t.jsx(Go,{children:ce("0,0.[00]",s)}),r!==0?t.jsx(Ho,{children:`${Math.round(r)}${Do}`}):null]})},Eo=({cardDetail:e,onRowClick:s})=>{const r=ie();return t.jsx(Pt,{windowSize:r,children:t.jsx(Rt,{onClick:s,"data-testid":G("charge-card-user-row",e.id),children:t.jsxs(_e,{children:[t.jsx(Nt,{children:t.jsxs(Mt,{cardUser:!0,children:[t.jsxs(_t,{children:[t.jsx(Ot,{children:Z.labels.cardName}),t.jsxs(Et,{children:[t.jsx(Tt,{title:e.cardName,children:e.cardName}),t.jsx(Qt,{windowSize:r,children:he.cardDetails.expiryHideOut+Z.strings.space+e.accountLast4})]})]}),t.jsxs(Bt,{children:[t.jsx(Dt,{children:`${he.cardList.header.cardType}${Z.strings.colon}`}),t.jsx(Oe,{children:t.jsx(Ve,{cardDetail:e,forDetailPage:!1})})]}),t.jsxs(Wt,{children:[t.jsx(Kt,{children:Z.labels.limit}),t.jsxs(qt,{children:[t.jsx(Ht,{children:ce("0,0.[00]",e.limit)}),t.jsx(Gt,{}),t.jsx(Ee,{children:e.creditLimitFrequency.name})]})]})]})}),t.jsx(Ut,{children:t.jsxs(t.Fragment,{children:[e.status.code!=="request_on_hold"?t.jsx(At,{cardDetail:e}):null,t.jsxs(Vt,{children:[t.jsx(Le,{status:e.status.code}),e.status.code==="request_on_hold"?t.jsx(ye,{display:"flex",title:he.cardList.tooltip[e.type.code].self,placement:"top",style:{padding:`${i.sp2} ${i.sp3}`},children:t.jsx(Jt,{className:"infoIconTooltip"})}):null]})]})})]})})})},Oo=({setCardIdForRowAction:e,setActionTypeForRowAction:s,cardDetail:r,isCardControlsEnabled:d,signedInUser:c,resendInviteId:l,onRowClick:a,onChargeCardResendInviteClick:n,rowActionView:x,revokeChargeCardsInviteFetchState:w,unlockChargeCardsFetchState:g,cardsSelectedForBulkAction:S,showViewForCardUser:j})=>{const[k,h]=f.useState(!1);f.useEffect(()=>{S.length>0&&k&&h(!1)},[S.length,k]);const m=!!Se().loggedInUserRole.includes("charge_card_user")||j,y=`${r.cardHolderUser?.firstName??""} ${r.cardHolderUser?.lastName??""}`,R=r?.cardHolderUserId===c.userId,B=ie(),D=r.type.code,F=he.cardList.tooltip[D],U=F!=null?R?F.self:`${y} ${F.cardUser}`:Z.strings.empty,u=x.cardId===r.id,v=S.includes(r.id),E=u&&x.unlockChargeCardsFetchState.fetchState==="In-Progress"||v&&g==="In-Progress",M=u&&x.revokeChargeCardFetchState.fetchState==="In-Progress"||v&&w==="In-Progress",T=E||M,W=r.status.code!=="closed"&&r.status.code!=="closed_by_customer";return t.jsx(Pt,{windowSize:B,children:t.jsxs(Rt,{onClick:a,"data-testid":G("charge-card-admin-row",r.id),children:[t.jsxs(_e,{children:[t.jsxs(Nt,{children:[t.jsx(Mo,{children:t.jsx(vt,{personBasic:r.cardHolderUser,styles:{height:i.sp6,width:i.sp6}})}),t.jsx(Wo,{children:t.jsxs(qo,{children:[t.jsx(To,{children:t.jsx(Vo,{windowSize:B,title:y,children:y})}),t.jsx(Ee,{style:{marginTop:`-${i.sp1}`},children:r.cardHolderRoles?.userRoles!=null&&t.jsx(It,{roles:r.cardHolderRoles?.userRoles})})]})})]}),t.jsx(Ut,{children:t.jsx(t.Fragment,{children:l===r.id?t.jsx($t,{size:"Small",start:!0}):t.jsxs(Zo,{children:[t.jsxs(No,{children:[r.status.code!=="request_on_hold"?t.jsx(At,{cardDetail:r}):null,t.jsxs(Vt,{children:[t.jsx(Le,{status:r.status.code}),r.status.code==="request_on_hold"?t.jsx(ye,{display:"flex",title:U,placement:"top",style:{padding:`${i.sp2} ${i.sp3}`},children:t.jsx(Jt,{className:"infoIconTooltip"})}):null]})]}),r.status.code==="request_on_hold"&&!R?t.jsx(Jo,{children:t.jsx(Qo,{onClick:A=>{A.stopPropagation(),n(r.id)},"data-testid":G("send-reminder-clicked",r.id),children:he.cardList.sendReminder})}):null]})})})]}),t.jsxs(_e,{children:[t.jsxs(Mt,{cardUser:!1,children:[t.jsxs(_t,{children:[t.jsx(Ot,{children:`${Z.labels.cardName}`}),t.jsxs(Et,{children:[t.jsx(Tt,{title:r.cardName,children:r.cardName}),t.jsx(Qt,{windowSize:B,children:r.status.code==="request_on_hold"?Z.strings.hyphen:he.cardDetails.expiryHideOut+Z.strings.space+r.accountLast4})]})]}),t.jsxs(Bt,{children:[t.jsx(Dt,{children:`${he.cardList.header.cardType}${Z.strings.colon}`}),t.jsx(Oe,{children:t.jsx(Oe,{children:t.jsx(Ve,{cardDetail:r,forDetailPage:!1})})})]}),t.jsxs(Wt,{children:[t.jsx(Kt,{children:Z.labels.limit}),t.jsxs(qt,{children:[t.jsx(Ht,{children:ce("0,0.[00]",r.limit)}),t.jsx(Gt,{}),t.jsx(Ee,{children:r.creditLimitFrequency.name})]})]})]}),t.jsx(Ko,{children:t.jsx(Yo,{showMenu:!0,className:"menu-icon",children:(()=>{const A=r.status.code==="locked",V=r.status.code==="closed"||r.status.code==="closed_by_customer",H=m?d&&!T&&!V&&!(A&&r.isLockedByAdmin):d?!T&&W:r.status.code==="request_on_hold",z=S.length>0;return H&&t.jsx(Te,{menuItems:t.jsx(Xo,{children:t.jsx(Ft,{cardDetail:r,isCardControlsEnabled:d,isChargeCardUser:m,setIsMenuOpen:h,setCardIdForRowAction:e,setActionTypeForRowAction:s})}),setIsMenuOpen:te=>{z||h(te)},isMenuOpen:k&&!z,menuIconStyles:{cursor:z?"not-allowed":"pointer",opacity:z?.5:1,pointerEvents:z?"none":"auto"},styles:{transform:"translate(5px,0px)"}})})()})})]})]})})},Pt=o.div`
+`,{spendManagement:{billPay:{paymentDetails:{feePercent:Do}},chargeCard:he},common:Z}=le.getLocalizedStrings(),De={containerMarginLeft:new C(p[3],p[8]),webkitLineClamp:new C(2,2,1,1,1)},_o=({setCardIdForRowAction:e,setActionTypeForRowAction:s,cardDetail:r,isCardControlsEnabled:d,showViewForCardUser:c,signedInUser:l,resendInviteId:a,index:n,onChargeCardRowClick:x,onChargeCardResendInviteClick:w,rowActionView:g,revokeChargeCardsInviteFetchState:S,unlockChargeCardsFetchState:j,cardsSelectedForBulkAction:k})=>{const h=!!Se().loggedInUserRole.includes("charge_card_user")||c,m=f.useCallback(()=>{x(r.id,n)},[r.id]);return h?t.jsx(Eo,{cardDetail:r,onRowClick:m}):t.jsx(Oo,{setCardIdForRowAction:e,setActionTypeForRowAction:s,cardDetail:r,isCardControlsEnabled:d,signedInUser:l,resendInviteId:a,onRowClick:m,onChargeCardResendInviteClick:w,rowActionView:g,revokeChargeCardsInviteFetchState:S,unlockChargeCardsFetchState:j,cardsSelectedForBulkAction:k,showViewForCardUser:c})},At=({cardDetail:e})=>{const s=e.balance,r=kt(e)/e.limit.amount*100;return t.jsxs(Uo,{children:[t.jsx(Go,{children:ce("0,0.[00]",s)}),r!==0?t.jsx(Ho,{children:`${Math.round(r)}${Do}`}):null]})},Eo=({cardDetail:e,onRowClick:s})=>{const r=ie();return t.jsx(Rt,{windowSize:r,children:t.jsx(Pt,{onClick:s,"data-testid":G("charge-card-user-row",e.id),children:t.jsxs(_e,{children:[t.jsx(Nt,{children:t.jsxs(Mt,{cardUser:!0,children:[t.jsxs(_t,{children:[t.jsx(Ot,{children:Z.labels.cardName}),t.jsxs(Et,{children:[t.jsx(Tt,{title:e.cardName,children:e.cardName}),t.jsx(Qt,{windowSize:r,children:he.cardDetails.expiryHideOut+Z.strings.space+e.accountLast4})]})]}),t.jsxs(Bt,{children:[t.jsx(Dt,{children:`${he.cardList.header.cardType}${Z.strings.colon}`}),t.jsx(Oe,{children:t.jsx(Ve,{cardDetail:e,forDetailPage:!1})})]}),t.jsxs(Wt,{children:[t.jsx(Kt,{children:Z.labels.limit}),t.jsxs(qt,{children:[t.jsx(Ht,{children:ce("0,0.[00]",e.limit)}),t.jsx(Gt,{}),t.jsx(Ee,{children:e.creditLimitFrequency.name})]})]})]})}),t.jsx(Ut,{children:t.jsxs(t.Fragment,{children:[e.status.code!=="request_on_hold"?t.jsx(At,{cardDetail:e}):null,t.jsxs(Vt,{children:[t.jsx(Le,{status:e.status.code}),e.status.code==="request_on_hold"?t.jsx(ye,{display:"flex",title:he.cardList.tooltip[e.type.code].self,placement:"top",style:{padding:`${i.sp2} ${i.sp3}`},children:t.jsx(Jt,{className:"infoIconTooltip"})}):null]})]})})]})})})},Oo=({setCardIdForRowAction:e,setActionTypeForRowAction:s,cardDetail:r,isCardControlsEnabled:d,signedInUser:c,resendInviteId:l,onRowClick:a,onChargeCardResendInviteClick:n,rowActionView:x,revokeChargeCardsInviteFetchState:w,unlockChargeCardsFetchState:g,cardsSelectedForBulkAction:S,showViewForCardUser:j})=>{const[k,h]=f.useState(!1);f.useEffect(()=>{S.length>0&&k&&h(!1)},[S.length,k]);const m=!!Se().loggedInUserRole.includes("charge_card_user")||j,y=`${r.cardHolderUser?.firstName??""} ${r.cardHolderUser?.lastName??""}`,P=r?.cardHolderUserId===c.userId,B=ie(),D=r.type.code,F=he.cardList.tooltip[D],U=F!=null?P?F.self:`${y} ${F.cardUser}`:Z.strings.empty,u=x.cardId===r.id,v=S.includes(r.id),E=u&&x.unlockChargeCardsFetchState.fetchState==="In-Progress"||v&&g==="In-Progress",M=u&&x.revokeChargeCardFetchState.fetchState==="In-Progress"||v&&w==="In-Progress",T=E||M,W=r.status.code!=="closed"&&r.status.code!=="closed_by_customer";return t.jsx(Rt,{windowSize:B,children:t.jsxs(Pt,{onClick:a,"data-testid":G("charge-card-admin-row",r.id),children:[t.jsxs(_e,{children:[t.jsxs(Nt,{children:[t.jsx(Mo,{children:t.jsx(vt,{personBasic:r.cardHolderUser,styles:{height:i.sp6,width:i.sp6}})}),t.jsx(Wo,{children:t.jsxs(qo,{children:[t.jsx(To,{children:t.jsx(Vo,{windowSize:B,title:y,children:y})}),t.jsx(Ee,{style:{marginTop:`-${i.sp1}`},children:r.cardHolderRoles?.userRoles!=null&&t.jsx(It,{roles:r.cardHolderRoles?.userRoles})})]})})]}),t.jsx(Ut,{children:t.jsx(t.Fragment,{children:l===r.id?t.jsx($t,{size:"Small",start:!0}):t.jsxs(Zo,{children:[t.jsxs(No,{children:[r.status.code!=="request_on_hold"?t.jsx(At,{cardDetail:r}):null,t.jsxs(Vt,{children:[t.jsx(Le,{status:r.status.code}),r.status.code==="request_on_hold"?t.jsx(ye,{display:"flex",title:U,placement:"top",style:{padding:`${i.sp2} ${i.sp3}`},children:t.jsx(Jt,{className:"infoIconTooltip"})}):null]})]}),r.status.code==="request_on_hold"&&!P?t.jsx(Jo,{children:t.jsx(Qo,{onClick:A=>{A.stopPropagation(),n(r.id)},"data-testid":G("send-reminder-clicked",r.id),children:he.cardList.sendReminder})}):null]})})})]}),t.jsxs(_e,{children:[t.jsxs(Mt,{cardUser:!1,children:[t.jsxs(_t,{children:[t.jsx(Ot,{children:`${Z.labels.cardName}`}),t.jsxs(Et,{children:[t.jsx(Tt,{title:r.cardName,children:r.cardName}),t.jsx(Qt,{windowSize:B,children:r.status.code==="request_on_hold"?Z.strings.hyphen:he.cardDetails.expiryHideOut+Z.strings.space+r.accountLast4})]})]}),t.jsxs(Bt,{children:[t.jsx(Dt,{children:`${he.cardList.header.cardType}${Z.strings.colon}`}),t.jsx(Oe,{children:t.jsx(Oe,{children:t.jsx(Ve,{cardDetail:r,forDetailPage:!1})})})]}),t.jsxs(Wt,{children:[t.jsx(Kt,{children:Z.labels.limit}),t.jsxs(qt,{children:[t.jsx(Ht,{children:ce("0,0.[00]",r.limit)}),t.jsx(Gt,{}),t.jsx(Ee,{children:r.creditLimitFrequency.name})]})]})]}),t.jsx(Ko,{children:t.jsx(Yo,{showMenu:!0,className:"menu-icon",children:(()=>{const A=r.status.code==="locked",V=r.status.code==="closed"||r.status.code==="closed_by_customer",H=m?d&&!T&&!V&&!(A&&r.isLockedByAdmin):d?!T&&W:r.status.code==="request_on_hold",z=S.length>0;return H&&t.jsx(Te,{menuItems:t.jsx(Xo,{children:t.jsx(Ft,{cardDetail:r,isCardControlsEnabled:d,isChargeCardUser:m,setIsMenuOpen:h,setCardIdForRowAction:e,setActionTypeForRowAction:s})}),setIsMenuOpen:te=>{z||h(te)},isMenuOpen:k&&!z,menuIconStyles:{cursor:z?"not-allowed":"pointer",opacity:z?.5:1,pointerEvents:z?"none":"auto"},styles:{transform:"translate(5px,0px)"}})})()})})]})]})})},Rt=o.div`
   display: flex;
   background-color: ${e=>e.theme.colors.grey5};
   border: ${e=>` 1px solid ${e.theme.colors.grey3}`};
@@ -384,7 +384,7 @@ import{V as t,ca as ni,a8 as li,F as le,ab as di,q as ie,av as Se,a7 as ci,d as
   margin-left: ${e=>De.containerMarginLeft.valuePx(e.windowSize)};
   margin-bottom: ${i.sp3};
   width: 100%;
-`,Rt=o.div`
+`,Pt=o.div`
   display: block;
   width: 100%;
 `,_e=o.div`
@@ -526,7 +526,7 @@ import{V as t,ca as ni,a8 as li,F as le,ab as di,q as ie,av as Se,a7 as ci,d as
   display: flex;
   align-items: center;
   gap: ${i.sp1};
-`,qs=20,Ie=(e,s,r)=>!(r!=null&&e.status.code!==r||e.status.code==="closed"||e.status.code==="closed_by_customer"),es=(e,s,r)=>{const d=le.getLocalizedStrings(),c=d.spendManagement.chargeCard.cardList.bulkActions.exceptionMessages;if(e.status.code==="closed"||e.status.code==="closed_by_customer")return c.closedCardsCannotBeSelected;if(r!=null&&e.status.code!==r){const l=d.spendManagement.chargeCard.cardList.status[r];return c.onlyCardsUnderStatusCanBeSelectedTogether.replace("__status__",l)}return c.cardCannotBeSelectedForAction},ne={lastListItemHeight:new C(200,158),bannerWrapperMarginLeftRight:new C(p[3],p[8]),styledAIIconContainerSize:new C(p[3],p[3]),checkBoxContainerStyleMarginLeft:new C(p[0],p[4]),checkBoxContainerStyleMarginRight:new C(p[0],p[8]),labelCheckBoxStyleMarginLeft:new C(p[2],p[0])},ts={moreItemFont:new ft("extraSmallRegular","smallRegular")},me=le.getLocalizedStrings(),{spendManagement:{chargeCard:P},common:ae}=me,ht=50,is=64,os=351,ss=136,Yt=pe.memo(({cardList:e,controllerEmails:s,creditAccount:r,creditAccountRepayment:d,setCardIdForRowAction:c,setActionTypeForRowAction:l,rowActionView:a,showViewForCardUser:n,productInformation:x,isChargeCardFeatureEnabled:w,isChargeCardSetupEnabled:g,isDebitCardFeatureEnabled:S,isDebitCardSetupEnabled:j,cashbackInformation:k,creditAccountInformation:h,debitAccountInformation:m,depositAccountListWithDebitCardIssued:y,uiState:R,signedInUser:B,fetchState:D,revokeChargeCardsInviteFetchState:F,unlockChargeCardsFetchState:U,receiptBotEmail:u,searchText:v,resendInviteId:E,isBulkActionAllowed:M,isCardControlsEnabled:T,cardsSelectedForBulkAction:W,firstSelectedCardStatus:A,bulkSubmissionLimit:V,onProceedForBulkActionClick:H,onBulkCloseClick:z,onBulkLockClick:te,setShowBulkChangeSpendLimitPopup:Y,onChargeCardResendInviteClick:_,onChargeCardRowClick:de,onReloadCards:K,onColumnSortConfigChanged:oe,handleClearSelection:xe})=>{const b=ie(),ze=Se(),Ne=ci().analytics,Ue=!!ze.loggedInUserRole.includes("charge_card_user"),Me=Fe(),[,We]=hi(),[ke,He]=f.useState(!1),[Ae,Ke]=f.useState(!1),ii=f.useCallback(()=>{u!=null&&((!w||r.fetchState==="Completed"&&d.fetchState==="Completed")&&(!(S&&j)||y.fetchState==="Completed")&&Ne.trackCardsCopyIconClick(s,x,"Cards List","Copy","copied","Receipt Email",u,k,h,m),We(u),He(!0))},[u,w,r.fetchState,d.fetchState,S,j,y.fetchState,Ne,s,x,k,h,m,We]);f.useEffect(()=>{if(ke===!0){const N=setTimeout(()=>{He(!1)},800);return()=>clearTimeout(N)}},[ke]);const oi=f.useCallback(N=>{H(N)},[H]),Pe=f.useCallback(N=>N===0?ht:b!=="small"?pi:Ue?ui:mi,[b,Ue]),si=f.useMemo(()=>{let N=ht+is;for(let we=1;we<=e.length;we++)N+=Pe(we);return N},[e.length,Pe]),qe=f.useMemo(()=>window.innerHeight-os,[]),ri=si>qe,Ge=f.useRef(null);f.useEffect(()=>{Ge.current?.resetAfterIndex(0)},[b]);const ai=()=>D==="Error"?t.jsxs(ms,{children:[t.jsx(gs,{onClick:K,"data-testid":G("charge-card-list-reload"),children:t.jsx(xs,{})}),t.jsx(ws,{children:ae.reloadPage.label})]}):D==="Completed"&&e.length===0?t.jsx(xi,{sourceView:"charge_cards",style:{height:"calc(100vh - 450px)"},title:P.cardList.getStarted,message:v!==""?P.cardList.noDataWithFilterText:P.cardList.noDataText,messageStyle:{maxWidth:345,color:Me.colors.primary,...Be.largeRegular.cssObject}}):t.jsxs(ti,{children:[u!=null?t.jsxs(Ss,{windowSize:b,children:[t.jsx(Is,{windowSize:b,children:t.jsx(Ls,{})}),t.jsxs(Fs,{windowSize:b,children:[t.jsxs(ks,{children:[t.jsx(ps,{children:P.aiCardAgentText}),ae.strings.space,P.receiptBotMessage,ae.strings.space]}),t.jsxs(bs,{"data-testid":G("charge-card-list-copy-email"),onClick:ii,onMouseEnter:()=>Ke(!0),onMouseLeave:()=>Ke(!1),children:[t.jsx(vs,{children:u}),ke===!0?t.jsxs(ut,{children:[t.jsx(js,{}),t.jsx(pt,{children:t.jsx(mt,{shouldDisplay:Ae||ke,color:I.primaryDark,children:ae.copyToClipBoard.copied})})]}):t.jsxs(ut,{children:[t.jsx($s,{color:Ae?Me.colors.primary:void 0}),t.jsx(pt,{children:t.jsx(mt,{shouldDisplay:Ae&&b!=="small",children:ae.copyToClipBoard.copy})})]})]})]})]}):null,t.jsx(Cs,{windowSize:b,availableHeight:qe,isListTooLarge:ri,children:t.jsx(wi,{children:({height:N,width:we})=>t.jsx(Ci,{ref:Ge,height:N,itemCount:e.length+1,innerElementType:Zt,itemSize:Pe,estimatedItemSize:yi,itemKey:ve=>ve===0?"header":e[ve-1].id,width:we,overscanCount:fi,initialScrollOffset:0,children:ve=>t.jsx(ds,{...ve,setCardIdForRowAction:c,setActionTypeForRowAction:l,rowActionView:a,resendInviteId:E,onChargeCardResendInviteClick:_,onChargeCardRowClick:de,showViewForCardUser:n,cardList:e,signedInUser:B,uiState:R,revokeChargeCardsInviteFetchState:F,unlockChargeCardsFetchState:U,onColumnSortConfigChanged:oe,isBulkActionAllowed:M,isCardControlsEnabled:T,cardsSelectedForBulkAction:W,firstSelectedCardStatus:A,bulkSubmissionLimit:V})})})})]});return t.jsxs(us,{fetchState:D,children:[ai(),W.length>0&&U!=="In-Progress"&&F!=="In-Progress"?t.jsx(gi,{helperContainerStyle:b==="small"?{margin:`${i.sp5} ${i.sp7} ${i.sp2} ${i.sp0}`}:{},showPrimaryButton:!0,primaryBtn:{label:as(A),isLoading:!1,isDisabled:!1,type:"button",onClick:()=>{const N=Xt(A);N&&oi(N)}},cancelBtn:{label:ae.texts.goBack,isDisabled:!1,onClick:xe,style:b==="small"?{}:ns(A)},leftSideComponent:As(W.length,V,b),rightSideComponent:t.jsx(Ds,{firstSelectedCardStatus:A,windowSize:b,setShowBulkChangeSpendLimitPopup:Y,onBulkCloseClick:z,onBulkLockClick:te})}):null]})},(e,s)=>e.cardList===s.cardList&&e.cardsSelectedForBulkAction.length===s.cardsSelectedForBulkAction.length&&e.fetchState===s.fetchState&&e.uiState.sortKey===s.uiState.sortKey&&e.uiState.sortOrder===s.uiState.sortOrder&&e.rowActionView===s.rowActionView&&e.unlockChargeCardsFetchState===s.unlockChargeCardsFetchState&&e.revokeChargeCardsInviteFetchState===s.revokeChargeCardsInviteFetchState&&e.searchText===s.searchText&&e.receiptBotEmail===s.receiptBotEmail&&e.isCardControlsEnabled===s.isCardControlsEnabled&&e.firstSelectedCardStatus===s.firstSelectedCardStatus&&e.handleClearSelection===s.handleClearSelection);Yt.displayName="ChargeCardListContent";const rs=({cardsSelectedForBulkAction:e,cardList:s,firstSelectedCardStatus:r,bulkSubmissionLimit:d,updateBulkActionList:c,removeAllCardsFromBulkActionList:l,isChargeCardSetupEnabled:a,...n})=>{const x="bulkSelectIds",w=li({defaultValues:{[x]:e},values:{[x]:e}});f.useEffect(()=>{const S=w.watch((j,{name:k})=>{if(k===x){let h=[];const m=j[x]??[];if(m.includes(me.common.all.toLowerCase()))if(e.length===0){h=[];for(const y of s)if(Ie(y,void 0,r)&&h.push(y.id),h.length===d)break}else h=m.filter(y=>y!==me.common.all.toLowerCase());else h=m.filter(y=>y!=null);c(h)}});return()=>S.unsubscribe()},[c,e.length,s,r,d]);const g=f.useCallback(()=>{w.setValue(x,[]),l()},[w,l]);return t.jsx(di,{...w,children:t.jsx(Yt,{...n,cardsSelectedForBulkAction:e,cardList:s,firstSelectedCardStatus:r,bulkSubmissionLimit:d,isChargeCardSetupEnabled:a,handleClearSelection:g})})},Xt=e=>{if(e!=null)switch(e){case"active":return"update_limit";case"locked":return"unlock";case"inactive":return"close";case"request_on_hold":return"revoke_invite";default:return}},as=e=>{if(e==null)return"Proceed";switch(e){case"active":return P.cardDetails.moreOptions.updateSpendLimit;case"locked":return P.cardDetails.moreOptions.unlock;case"inactive":return P.closeCard.closeCard;case"request_on_hold":return P.cardDetails.revokeInvite;default:return ae.proceed}},ns=e=>{switch(Xt(e)){case"update_limit":return{minWidth:"173px"};case"unlock":return{minWidth:"119px"};case"close":return{minWidth:"111px"};case"revoke_invite":return{minWidth:"128px"};default:return{}}},Zt=f.forwardRef((e,s)=>{const{children:r,style:d,...c}=e;return t.jsx(ti,{ref:s,style:{...d,width:"auto"},...c,children:t.jsx(ys,{children:r})})});Zt.displayName=P.cardList.headerElementDisplayName;const ls=({cardList:e,controllerEmails:s,creditAccount:r,creditAccountRepayment:d,fetchState:c,uiState:l,setCardIdForRowAction:a,setActionTypeForRowAction:n,receiptBotEmail:x,searchText:w,resendInviteId:g,showViewForCardUser:S,signedInUser:j,isChargeCardFeatureEnabled:k,isChargeCardSetupEnabled:h,isDebitCardFeatureEnabled:m,isDebitCardSetupEnabled:y,cashbackInformation:R,creditAccountInformation:B,debitAccountInformation:D,productInformation:F,isBulkActionAllowed:U,isCardControlsEnabled:u,cardsSelectedForBulkAction:v,firstSelectedCardStatus:E,bulkSubmissionLimit:M,updateBulkActionList:T,removeAllCardsFromBulkActionList:W,onProceedForBulkActionClick:A,onBulkCloseClick:V,onBulkLockClick:H,setShowBulkChangeSpendLimitPopup:z,onChargeCardRowClick:te,onReloadCards:Y,onColumnSortConfigChanged:_,onChargeCardResendInviteClick:de,depositAccountListWithDebitCardIssued:K,rowActionView:oe,revokeChargeCardsInviteFetchState:xe,unlockChargeCardsFetchState:b})=>(ni({componentName:"cards.list",enabled:c==="Completed"}),t.jsx(rs,{cardList:e,controllerEmails:s,creditAccount:r,creditAccountRepayment:d,setCardIdForRowAction:a,setActionTypeForRowAction:n,rowActionView:oe,isChargeCardFeatureEnabled:k,isChargeCardSetupEnabled:h,isDebitCardFeatureEnabled:m,isDebitCardSetupEnabled:y,cashbackInformation:R,creditAccountInformation:B,debitAccountInformation:D,productInformation:F,isBulkActionAllowed:U,isCardControlsEnabled:u,cardsSelectedForBulkAction:v,firstSelectedCardStatus:E,bulkSubmissionLimit:M,updateBulkActionList:T,removeAllCardsFromBulkActionList:W,onProceedForBulkActionClick:A,onBulkCloseClick:V,onBulkLockClick:H,setShowBulkChangeSpendLimitPopup:z,depositAccountListWithDebitCardIssued:K,showViewForCardUser:S,signedInUser:j,fetchState:c,revokeChargeCardsInviteFetchState:xe,unlockChargeCardsFetchState:b,receiptBotEmail:x,searchText:w,resendInviteId:g,onReloadCards:Y,onChargeCardRowClick:te,uiState:l,onColumnSortConfigChanged:_,onChargeCardResendInviteClick:de})),Gs=pe.memo(ls),ds=({uiState:e,onColumnSortConfigChanged:s,isBulkActionAllowed:r,isCardControlsEnabled:d,cardsSelectedForBulkAction:c,firstSelectedCardStatus:l,bulkSubmissionLimit:a,index:n,setCardIdForRowAction:x,setActionTypeForRowAction:w,rowActionView:g,revokeChargeCardsInviteFetchState:S,unlockChargeCardsFetchState:j,style:k,cardList:h,showViewForCardUser:m,signedInUser:y,resendInviteId:R,onChargeCardResendInviteClick:B,onChargeCardRowClick:D})=>{const F=ie(),U=Fe(),u=g.cardId!=null&&g.unlockChargeCardsFetchState.fetchState==="In-Progress"||j==="In-Progress"&&c.length>0,v=!r||u||d===!1||h.length<=1?"off":c.length>0?"always_on":"checked_or_hover",E={gap:i.sp3,width:"auto",marginLeft:ne.checkBoxContainerStyleMarginLeft.valuePx(F),marginRight:ne.checkBoxContainerStyleMarginRight.valuePx(F)},M={marginLeft:ne.labelCheckBoxStyleMarginLeft.valuePx(F)},T=hs(F),W=cs(F),A={width:"100%"},V={backgroundColor:U.colors.grey4},H={...k,width:"100%"},z=f.useMemo(()=>{const K=[me.common.all.toLowerCase()];for(const oe of h)if(!(d&&!Ie(oe,void 0,l))&&(K.push(oe.id),a!=null&&K.length===a+1))break;return K},[h,d,l,a]),te={label:"",defaultChecked:!1,groupLabel:!0,value:me.common.all.toLowerCase(),isException:!(c.length>0)},Y=n===0,_=Y?null:h[n-1],de=f.useMemo(()=>Y?{label:t.jsx(vo,{companyNameSticky:!1,showViewForCardUser:m,onColumnSortConfigChanged:s,sortConfig:{sortKey:e.sortKey,sortOrder:e.sortOrder}}),defaultChecked:!1,groupLabel:!0,value:me.common.all.toLowerCase(),isException:!(c.length>0&&h.length>1)}:_==null?{label:t.jsx("div",{}),value:"",groupLabel:!1,defaultChecked:!1,isException:!1}:{label:t.jsx(ei,{setCardIdForRowAction:x,setActionTypeForRowAction:w,rowActionView:g,revokeChargeCardsInviteFetchState:S,unlockChargeCardsFetchState:j,cardsSelectedForBulkAction:c,isCardControlsEnabled:d,showViewForCardUser:m,cardDetail:_,signedInUser:y,resendInviteId:R,index:n-1,onChargeCardResendInviteClick:B,onChargeCardRowClick:D}),value:_.id,groupLabel:!1,defaultChecked:!1,isException:d&&r?!Ie(_,void 0,l):!1,exceptionMode:"checked_or_hover",exceptionInfo:es(_,void 0,l),exceptionType:Ie(_,void 0,l)?void 0:"info"},[Y,_,m,s,e.sortKey,e.sortOrder,c,x,w,g,S,j,d,y,R,n,B,D,l]);return t.jsx(fs,{style:H,className:"spend-management-list-item",children:t.jsx(zt,{checkBox:de,fieldName:"bulkSelectIds",index:n,allCheckBoxValues:z,groupLabelCheckBox:te,mode:v,checkBoxContainerStyle:E,checkBoxIconStyle:V,checkBoxStyle:Y?M:T,labelCheckBoxStyle:M,labelStyle:A,style:{gap:i.sp3},infoIconContainerStyle:W,selectionLimit:a})})},cs=e=>{let s={zIndex:1,height:i.sp3,display:"flex",alignItems:"center"};return e==="small"&&(s={...s,position:"absolute",left:i.sp2,marginBottom:i.sp1,width:i.sp4,height:i.sp4}),s},hs=e=>{let s={zIndex:1,marginBottom:i.sp3,backgroundColor:"inherit"};return e==="small"&&(s={...s,position:"absolute",left:i.sp1,width:i.sp4,height:i.sp4}),s},ei=pe.memo(({setCardIdForRowAction:e,setActionTypeForRowAction:s,rowActionView:r,revokeChargeCardsInviteFetchState:d,unlockChargeCardsFetchState:c,cardsSelectedForBulkAction:l,cardDetail:a,isCardControlsEnabled:n,showViewForCardUser:x,signedInUser:w,resendInviteId:g,index:S,onChargeCardResendInviteClick:j,onChargeCardRowClick:k})=>{const h=ie()==="small"?_o:Gi;return t.jsx(h,{cardDetail:a,index:S,isCardControlsEnabled:n,setActionTypeForRowAction:s,setCardIdForRowAction:e,showViewForCardUser:x,signedInUser:w,revokeChargeCardsInviteFetchState:d,unlockChargeCardsFetchState:c,cardsSelectedForBulkAction:l,rowActionView:r,onChargeCardRowClick:k,resendInviteId:g,onChargeCardResendInviteClick:j})},(e,s)=>{const r=e.cardsSelectedForBulkAction.includes(e.cardDetail.id),d=s.cardsSelectedForBulkAction.includes(s.cardDetail.id),c=e.rowActionView.cardId===e.cardDetail.id,l=s.rowActionView.cardId===s.cardDetail.id;return r===d&&c===l&&e.cardDetail===s.cardDetail&&e.isCardControlsEnabled===s.isCardControlsEnabled&&e.unlockChargeCardsFetchState===s.unlockChargeCardsFetchState&&e.revokeChargeCardsInviteFetchState===s.revokeChargeCardsInviteFetchState&&e.resendInviteId===s.resendInviteId&&e.showViewForCardUser===s.showViewForCardUser&&e.signedInUser===s.signedInUser&&e.index===s.index});ei.displayName="ChargeCardRowWrapper";const ps=o(ji)`
+`,qs=20,Ie=(e,s,r)=>!(r!=null&&e.status.code!==r||e.status.code==="closed"||e.status.code==="closed_by_customer"),es=(e,s,r)=>{const d=le.getLocalizedStrings(),c=d.spendManagement.chargeCard.cardList.bulkActions.exceptionMessages;if(e.status.code==="closed"||e.status.code==="closed_by_customer")return c.closedCardsCannotBeSelected;if(r!=null&&e.status.code!==r){const l=d.spendManagement.chargeCard.cardList.status[r];return c.onlyCardsUnderStatusCanBeSelectedTogether.replace("__status__",l)}return c.cardCannotBeSelectedForAction},ne={lastListItemHeight:new C(200,158),bannerWrapperMarginLeftRight:new C(p[3],p[8]),styledAIIconContainerSize:new C(p[3],p[3]),checkBoxContainerStyleMarginLeft:new C(p[0],p[4]),checkBoxContainerStyleMarginRight:new C(p[0],p[8]),labelCheckBoxStyleMarginLeft:new C(p[2],p[0])},ts={moreItemFont:new ft("extraSmallRegular","smallRegular")},me=le.getLocalizedStrings(),{spendManagement:{chargeCard:R},common:ae}=me,ht=50,is=64,os=351,ss=136,Yt=pe.memo(({cardList:e,controllerEmails:s,creditAccount:r,creditAccountRepayment:d,setCardIdForRowAction:c,setActionTypeForRowAction:l,rowActionView:a,showViewForCardUser:n,productInformation:x,isChargeCardFeatureEnabled:w,isChargeCardSetupEnabled:g,isDebitCardFeatureEnabled:S,isDebitCardSetupEnabled:j,cashbackInformation:k,creditAccountInformation:h,debitAccountInformation:m,depositAccountListWithDebitCardIssued:y,uiState:P,signedInUser:B,fetchState:D,revokeChargeCardsInviteFetchState:F,unlockChargeCardsFetchState:U,receiptBotEmail:u,searchText:v,resendInviteId:E,isBulkActionAllowed:M,isCardControlsEnabled:T,cardsSelectedForBulkAction:W,firstSelectedCardStatus:A,bulkSubmissionLimit:V,onProceedForBulkActionClick:H,onBulkCloseClick:z,onBulkLockClick:te,setShowBulkChangeSpendLimitPopup:Y,onChargeCardResendInviteClick:_,onChargeCardRowClick:de,onReloadCards:K,onColumnSortConfigChanged:oe,handleClearSelection:xe})=>{const b=ie(),ze=Se(),Ne=ci().analytics,Ue=!!ze.loggedInUserRole.includes("charge_card_user"),Me=Fe(),[,We]=hi(),[ke,He]=f.useState(!1),[Ae,Ke]=f.useState(!1),ii=f.useCallback(()=>{u!=null&&((!w||r.fetchState==="Completed"&&d.fetchState==="Completed")&&(!(S&&j)||y.fetchState==="Completed")&&Ne.trackCardsCopyIconClick(s,x,"Cards List","Copy","copied","Receipt Email",u,k,h,m),We(u),He(!0))},[u,w,r.fetchState,d.fetchState,S,j,y.fetchState,Ne,s,x,k,h,m,We]);f.useEffect(()=>{if(ke===!0){const N=setTimeout(()=>{He(!1)},800);return()=>clearTimeout(N)}},[ke]);const oi=f.useCallback(N=>{H(N)},[H]),Re=f.useCallback(N=>N===0?ht:b!=="small"?pi:Ue?ui:mi,[b,Ue]),si=f.useMemo(()=>{let N=ht+is;for(let we=1;we<=e.length;we++)N+=Re(we);return N},[e.length,Re]),qe=f.useMemo(()=>window.innerHeight-os,[]),ri=si>qe,Ge=f.useRef(null);f.useEffect(()=>{Ge.current?.resetAfterIndex(0)},[b]);const ai=()=>D==="Error"?t.jsxs(ms,{children:[t.jsx(gs,{onClick:K,"data-testid":G("charge-card-list-reload"),children:t.jsx(xs,{})}),t.jsx(ws,{children:ae.reloadPage.label})]}):D==="Completed"&&e.length===0?t.jsx(xi,{sourceView:"charge_cards",style:{height:"calc(100vh - 450px)"},title:R.cardList.getStarted,message:v!==""?R.cardList.noDataWithFilterText:R.cardList.noDataText,messageStyle:{maxWidth:345,color:Me.colors.primary,...Be.largeRegular.cssObject}}):t.jsxs(ti,{children:[u!=null?t.jsxs(Ss,{windowSize:b,children:[t.jsx(Is,{windowSize:b,children:t.jsx(Ls,{})}),t.jsxs(Fs,{windowSize:b,children:[t.jsxs(ks,{children:[t.jsx(ps,{children:R.aiCardAgentText}),ae.strings.space,R.receiptBotMessage,ae.strings.space]}),t.jsxs(bs,{"data-testid":G("charge-card-list-copy-email"),onClick:ii,onMouseEnter:()=>Ke(!0),onMouseLeave:()=>Ke(!1),children:[t.jsx(vs,{children:u}),ke===!0?t.jsxs(ut,{children:[t.jsx(js,{}),t.jsx(pt,{children:t.jsx(mt,{shouldDisplay:Ae||ke,color:I.primaryDark,children:ae.copyToClipBoard.copied})})]}):t.jsxs(ut,{children:[t.jsx($s,{color:Ae?Me.colors.primary:void 0}),t.jsx(pt,{children:t.jsx(mt,{shouldDisplay:Ae&&b!=="small",children:ae.copyToClipBoard.copy})})]})]})]})]}):null,t.jsx(Cs,{windowSize:b,availableHeight:qe,isListTooLarge:ri,children:t.jsx(wi,{children:({height:N,width:we})=>t.jsx(Ci,{ref:Ge,height:N,itemCount:e.length+1,innerElementType:Zt,itemSize:Re,estimatedItemSize:yi,itemKey:ve=>ve===0?"header":e[ve-1].id,width:we,overscanCount:fi,initialScrollOffset:0,children:ve=>t.jsx(ds,{...ve,setCardIdForRowAction:c,setActionTypeForRowAction:l,rowActionView:a,resendInviteId:E,onChargeCardResendInviteClick:_,onChargeCardRowClick:de,showViewForCardUser:n,cardList:e,signedInUser:B,uiState:P,revokeChargeCardsInviteFetchState:F,unlockChargeCardsFetchState:U,onColumnSortConfigChanged:oe,isBulkActionAllowed:M,isCardControlsEnabled:T,cardsSelectedForBulkAction:W,firstSelectedCardStatus:A,bulkSubmissionLimit:V})})})})]});return t.jsxs(us,{fetchState:D,children:[ai(),W.length>0&&U!=="In-Progress"&&F!=="In-Progress"?t.jsx(gi,{helperContainerStyle:b==="small"?{margin:`${i.sp5} ${i.sp7} ${i.sp2} ${i.sp0}`}:{},showPrimaryButton:!0,primaryBtn:{label:as(A),isLoading:!1,isDisabled:!1,type:"button",onClick:()=>{const N=Xt(A);N&&oi(N)}},cancelBtn:{label:ae.texts.goBack,isDisabled:!1,onClick:xe,style:b==="small"?{}:ns(A)},leftSideComponent:As(W.length,V,b),rightSideComponent:t.jsx(Ds,{firstSelectedCardStatus:A,windowSize:b,setShowBulkChangeSpendLimitPopup:Y,onBulkCloseClick:z,onBulkLockClick:te})}):null]})},(e,s)=>e.cardList===s.cardList&&e.cardsSelectedForBulkAction.length===s.cardsSelectedForBulkAction.length&&e.fetchState===s.fetchState&&e.uiState.sortKey===s.uiState.sortKey&&e.uiState.sortOrder===s.uiState.sortOrder&&e.rowActionView===s.rowActionView&&e.unlockChargeCardsFetchState===s.unlockChargeCardsFetchState&&e.revokeChargeCardsInviteFetchState===s.revokeChargeCardsInviteFetchState&&e.searchText===s.searchText&&e.receiptBotEmail===s.receiptBotEmail&&e.isCardControlsEnabled===s.isCardControlsEnabled&&e.firstSelectedCardStatus===s.firstSelectedCardStatus&&e.handleClearSelection===s.handleClearSelection);Yt.displayName="ChargeCardListContent";const rs=({cardsSelectedForBulkAction:e,cardList:s,firstSelectedCardStatus:r,bulkSubmissionLimit:d,updateBulkActionList:c,removeAllCardsFromBulkActionList:l,isChargeCardSetupEnabled:a,...n})=>{const x="bulkSelectIds",w=li({defaultValues:{[x]:e},values:{[x]:e}});f.useEffect(()=>{const S=w.watch((j,{name:k})=>{if(k===x){let h=[];const m=j[x]??[];if(m.includes(me.common.all.toLowerCase()))if(e.length===0){h=[];for(const y of s)if(Ie(y,void 0,r)&&h.push(y.id),h.length===d)break}else h=m.filter(y=>y!==me.common.all.toLowerCase());else h=m.filter(y=>y!=null);c(h)}});return()=>S.unsubscribe()},[c,e.length,s,r,d]);const g=f.useCallback(()=>{w.setValue(x,[]),l()},[w,l]);return t.jsx(di,{...w,children:t.jsx(Yt,{...n,cardsSelectedForBulkAction:e,cardList:s,firstSelectedCardStatus:r,bulkSubmissionLimit:d,isChargeCardSetupEnabled:a,handleClearSelection:g})})},Xt=e=>{if(e!=null)switch(e){case"active":return"update_limit";case"locked":return"unlock";case"inactive":return"close";case"request_on_hold":return"revoke_invite";default:return}},as=e=>{if(e==null)return"Proceed";switch(e){case"active":return R.cardDetails.moreOptions.updateSpendLimit;case"locked":return R.cardDetails.moreOptions.unlock;case"inactive":return R.closeCard.closeCard;case"request_on_hold":return R.cardDetails.revokeInvite;default:return ae.proceed}},ns=e=>{switch(Xt(e)){case"update_limit":return{minWidth:"173px"};case"unlock":return{minWidth:"119px"};case"close":return{minWidth:"111px"};case"revoke_invite":return{minWidth:"128px"};default:return{}}},Zt=f.forwardRef((e,s)=>{const{children:r,style:d,...c}=e;return t.jsx(ti,{ref:s,style:{...d,width:"auto"},...c,children:t.jsx(ys,{children:r})})});Zt.displayName=R.cardList.headerElementDisplayName;const ls=({cardList:e,controllerEmails:s,creditAccount:r,creditAccountRepayment:d,fetchState:c,uiState:l,setCardIdForRowAction:a,setActionTypeForRowAction:n,receiptBotEmail:x,searchText:w,resendInviteId:g,showViewForCardUser:S,signedInUser:j,isChargeCardFeatureEnabled:k,isChargeCardSetupEnabled:h,isDebitCardFeatureEnabled:m,isDebitCardSetupEnabled:y,cashbackInformation:P,creditAccountInformation:B,debitAccountInformation:D,productInformation:F,isBulkActionAllowed:U,isCardControlsEnabled:u,cardsSelectedForBulkAction:v,firstSelectedCardStatus:E,bulkSubmissionLimit:M,updateBulkActionList:T,removeAllCardsFromBulkActionList:W,onProceedForBulkActionClick:A,onBulkCloseClick:V,onBulkLockClick:H,setShowBulkChangeSpendLimitPopup:z,onChargeCardRowClick:te,onReloadCards:Y,onColumnSortConfigChanged:_,onChargeCardResendInviteClick:de,depositAccountListWithDebitCardIssued:K,rowActionView:oe,revokeChargeCardsInviteFetchState:xe,unlockChargeCardsFetchState:b})=>(ni({componentName:"cards.list",enabled:c==="Completed"}),t.jsx(rs,{cardList:e,controllerEmails:s,creditAccount:r,creditAccountRepayment:d,setCardIdForRowAction:a,setActionTypeForRowAction:n,rowActionView:oe,isChargeCardFeatureEnabled:k,isChargeCardSetupEnabled:h,isDebitCardFeatureEnabled:m,isDebitCardSetupEnabled:y,cashbackInformation:P,creditAccountInformation:B,debitAccountInformation:D,productInformation:F,isBulkActionAllowed:U,isCardControlsEnabled:u,cardsSelectedForBulkAction:v,firstSelectedCardStatus:E,bulkSubmissionLimit:M,updateBulkActionList:T,removeAllCardsFromBulkActionList:W,onProceedForBulkActionClick:A,onBulkCloseClick:V,onBulkLockClick:H,setShowBulkChangeSpendLimitPopup:z,depositAccountListWithDebitCardIssued:K,showViewForCardUser:S,signedInUser:j,fetchState:c,revokeChargeCardsInviteFetchState:xe,unlockChargeCardsFetchState:b,receiptBotEmail:x,searchText:w,resendInviteId:g,onReloadCards:Y,onChargeCardRowClick:te,uiState:l,onColumnSortConfigChanged:_,onChargeCardResendInviteClick:de})),Gs=pe.memo(ls),ds=({uiState:e,onColumnSortConfigChanged:s,isBulkActionAllowed:r,isCardControlsEnabled:d,cardsSelectedForBulkAction:c,firstSelectedCardStatus:l,bulkSubmissionLimit:a,index:n,setCardIdForRowAction:x,setActionTypeForRowAction:w,rowActionView:g,revokeChargeCardsInviteFetchState:S,unlockChargeCardsFetchState:j,style:k,cardList:h,showViewForCardUser:m,signedInUser:y,resendInviteId:P,onChargeCardResendInviteClick:B,onChargeCardRowClick:D})=>{const F=ie(),U=Fe(),u=g.cardId!=null&&g.unlockChargeCardsFetchState.fetchState==="In-Progress"||j==="In-Progress"&&c.length>0,v=!r||u||d===!1||h.length<=1?"off":c.length>0?"always_on":"checked_or_hover",E={gap:i.sp3,width:"auto",marginLeft:ne.checkBoxContainerStyleMarginLeft.valuePx(F),marginRight:ne.checkBoxContainerStyleMarginRight.valuePx(F)},M={marginLeft:ne.labelCheckBoxStyleMarginLeft.valuePx(F)},T=hs(F),W=cs(F),A={width:"100%"},V={backgroundColor:U.colors.grey4},H={...k,width:"100%"},z=f.useMemo(()=>{const K=[me.common.all.toLowerCase()];for(const oe of h)if(!(d&&!Ie(oe,void 0,l))&&(K.push(oe.id),a!=null&&K.length===a+1))break;return K},[h,d,l,a]),te={label:"",defaultChecked:!1,groupLabel:!0,value:me.common.all.toLowerCase(),isException:!(c.length>0)},Y=n===0,_=Y?null:h[n-1],de=f.useMemo(()=>Y?{label:t.jsx(vo,{companyNameSticky:!1,showViewForCardUser:m,onColumnSortConfigChanged:s,sortConfig:{sortKey:e.sortKey,sortOrder:e.sortOrder}}),defaultChecked:!1,groupLabel:!0,value:me.common.all.toLowerCase(),isException:!(c.length>0&&h.length>1)}:_==null?{label:t.jsx("div",{}),value:"",groupLabel:!1,defaultChecked:!1,isException:!1}:{label:t.jsx(ei,{setCardIdForRowAction:x,setActionTypeForRowAction:w,rowActionView:g,revokeChargeCardsInviteFetchState:S,unlockChargeCardsFetchState:j,cardsSelectedForBulkAction:c,isCardControlsEnabled:d,showViewForCardUser:m,cardDetail:_,signedInUser:y,resendInviteId:P,index:n-1,onChargeCardResendInviteClick:B,onChargeCardRowClick:D}),value:_.id,groupLabel:!1,defaultChecked:!1,isException:d&&r?!Ie(_,void 0,l):!1,exceptionMode:"checked_or_hover",exceptionInfo:es(_,void 0,l),exceptionType:Ie(_,void 0,l)?void 0:"info"},[Y,_,m,s,e.sortKey,e.sortOrder,c,x,w,g,S,j,d,y,P,n,B,D,l]);return t.jsx(fs,{style:H,className:"spend-management-list-item",children:t.jsx(zt,{checkBox:de,fieldName:"bulkSelectIds",index:n,allCheckBoxValues:z,groupLabelCheckBox:te,mode:v,checkBoxContainerStyle:E,checkBoxIconStyle:V,checkBoxStyle:Y?M:T,labelCheckBoxStyle:M,labelStyle:A,style:{gap:i.sp3},infoIconContainerStyle:W,selectionLimit:a})})},cs=e=>{let s={zIndex:1,height:i.sp3,display:"flex",alignItems:"center"};return e==="small"&&(s={...s,position:"absolute",left:i.sp2,marginBottom:i.sp1,width:i.sp4,height:i.sp4}),s},hs=e=>{let s={zIndex:1,marginBottom:i.sp3,backgroundColor:"inherit"};return e==="small"&&(s={...s,position:"absolute",left:i.sp1,width:i.sp4,height:i.sp4}),s},ei=pe.memo(({setCardIdForRowAction:e,setActionTypeForRowAction:s,rowActionView:r,revokeChargeCardsInviteFetchState:d,unlockChargeCardsFetchState:c,cardsSelectedForBulkAction:l,cardDetail:a,isCardControlsEnabled:n,showViewForCardUser:x,signedInUser:w,resendInviteId:g,index:S,onChargeCardResendInviteClick:j,onChargeCardRowClick:k})=>{const h=ie()==="small"?_o:Gi;return t.jsx(h,{cardDetail:a,index:S,isCardControlsEnabled:n,setActionTypeForRowAction:s,setCardIdForRowAction:e,showViewForCardUser:x,signedInUser:w,revokeChargeCardsInviteFetchState:d,unlockChargeCardsFetchState:c,cardsSelectedForBulkAction:l,rowActionView:r,onChargeCardRowClick:k,resendInviteId:g,onChargeCardResendInviteClick:j})},(e,s)=>{const r=e.cardsSelectedForBulkAction.includes(e.cardDetail.id),d=s.cardsSelectedForBulkAction.includes(s.cardDetail.id),c=e.rowActionView.cardId===e.cardDetail.id,l=s.rowActionView.cardId===s.cardDetail.id;return r===d&&c===l&&e.cardDetail===s.cardDetail&&e.isCardControlsEnabled===s.isCardControlsEnabled&&e.unlockChargeCardsFetchState===s.unlockChargeCardsFetchState&&e.revokeChargeCardsInviteFetchState===s.revokeChargeCardsInviteFetchState&&e.resendInviteId===s.resendInviteId&&e.showViewForCardUser===s.showViewForCardUser&&e.signedInUser===s.signedInUser&&e.index===s.index});ei.displayName="ChargeCardRowWrapper";const ps=o(ji)`
   color: ${e=>e.theme.colors.brandColorSapphire};
   ${({theme:e})=>e.mode==="dark"&&`color: ${I.brandColorPearl};`}
 `,us=o.div`
@@ -647,7 +647,7 @@ import{V as t,ca as ni,a8 as li,F as le,ab as di,q as ie,av as Se,a7 as ci,d as
   align-items: center;
   gap: ${i.sp2};
   margin-left: ${i.sp8};
-`,As=(e,s,r)=>{const d=P.common.card,c=(e>1?d+"s":d)+P.cardList.bulkActions.selected;return e>0?t.jsxs(zs,{style:r==="small"?{position:"absolute",top:i.sp2,left:`-${i.sp5}`}:{},children:[t.jsx(Ps,{multiDigit:e>=10,children:e}),t.jsx(Rs,{children:c}),e===s?t.jsx(Bs,{children:ae.texts.maxLimit}):null]}):null},Ps=o(J)`
+`,As=(e,s,r)=>{const d=R.common.card,c=(e>1?d+"s":d)+R.cardList.bulkActions.selected;return e>0?t.jsxs(zs,{style:r==="small"?{position:"absolute",top:i.sp2,left:`-${i.sp5}`}:{},children:[t.jsx(Rs,{multiDigit:e>=10,children:e}),t.jsx(Ps,{children:c}),e===s?t.jsx(Bs,{children:ae.texts.maxLimit}):null]}):null},Rs=o(J)`
   height: 18px;
   width: ${e=>e.multiDigit?"auto":"18px"};
   padding: ${i.sp0} 6px;
@@ -658,11 +658,11 @@ import{V as t,ca as ni,a8 as li,F as le,ab as di,q as ie,av as Se,a7 as ci,d as
   align-items: center;
   box-sizing: border-box;
   color: ${e=>e.theme.colors.primary};
-`,Rs=o(Q)`
+`,Ps=o(Q)`
   color: ${e=>e.theme.colors.primary};
 `,Bs=o(ee)`
   color: ${I.important};
-`,Ds=({firstSelectedCardStatus:e,windowSize:s,setShowBulkChangeSpendLimitPopup:r,onBulkCloseClick:d,onBulkLockClick:c})=>{const[l,a]=pe.useState(!1),[n,x]=pe.useState(!1);if(f.useEffect(()=>{l||x(!1)},[l]),e==null||e!=="active"&&e!=="locked")return null;const w=()=>e==="active"?t.jsxs(t.Fragment,{children:[t.jsxs(be,{windowSize:s,onClick:g=>{g.stopPropagation(),a(!1),c?.()},children:[t.jsx(Ts,{}),t.jsx(xt,{children:P.cardDetails.moreOptions.lock})]}),t.jsx(gt,{}),t.jsxs(be,{windowSize:s,hoverImportant:!0,onClick:g=>{g.stopPropagation(),a(!1),d?.()},children:[t.jsx(Ct,{}),t.jsx(wt,{children:P.cardDetails.moreOptions.close})]})]}):e==="locked"?t.jsxs(t.Fragment,{children:[t.jsxs(be,{windowSize:s,onClick:g=>{g.stopPropagation(),a(!1),r(!0)},children:[t.jsx(Vs,{}),t.jsx(xt,{children:P.cardDetails.moreOptions.updateSpendLimit})]}),t.jsx(gt,{}),t.jsxs(be,{windowSize:s,hoverImportant:!0,onClick:g=>{g.stopPropagation(),a(!1),d?.()},children:[t.jsx(Ct,{}),t.jsx(wt,{children:P.cardDetails.moreOptions.close})]})]}):null;return t.jsx(_s,{style:s==="small"?{position:"absolute",top:i.sp7,right:`-${i.sp5}`}:{},children:t.jsx(Es,{onMouseEnter:()=>{l||x(!0)},onMouseLeave:()=>{x(!1)},children:t.jsx(ye,{open:n&&!l,variant:"standard",title:P.cardList.moreActionsTooltip,placement:"bottom-end",children:t.jsx(Te,{isMenuVisible:!0,menuItems:t.jsx(Os,{children:w()}),setIsMenuOpen:a,isMenuOpen:l,menuIconStyles:{height:"auto"},styles:{transform:s==="small"?`translate(${i.sp4}, -${i.sp7})`:`translate(${i.sp4}, -${i.sp5})`}})})})})},_s=o.div`
+`,Ds=({firstSelectedCardStatus:e,windowSize:s,setShowBulkChangeSpendLimitPopup:r,onBulkCloseClick:d,onBulkLockClick:c})=>{const[l,a]=pe.useState(!1),[n,x]=pe.useState(!1);if(f.useEffect(()=>{l||x(!1)},[l]),e==null||e!=="active"&&e!=="locked")return null;const w=()=>e==="active"?t.jsxs(t.Fragment,{children:[t.jsxs(be,{windowSize:s,onClick:g=>{g.stopPropagation(),a(!1),c?.()},children:[t.jsx(Ts,{}),t.jsx(xt,{children:R.cardDetails.moreOptions.lock})]}),t.jsx(gt,{}),t.jsxs(be,{windowSize:s,hoverImportant:!0,onClick:g=>{g.stopPropagation(),a(!1),d?.()},children:[t.jsx(Ct,{}),t.jsx(wt,{children:R.cardDetails.moreOptions.close})]})]}):e==="locked"?t.jsxs(t.Fragment,{children:[t.jsxs(be,{windowSize:s,onClick:g=>{g.stopPropagation(),a(!1),r(!0)},children:[t.jsx(Vs,{}),t.jsx(xt,{children:R.cardDetails.moreOptions.updateSpendLimit})]}),t.jsx(gt,{}),t.jsxs(be,{windowSize:s,hoverImportant:!0,onClick:g=>{g.stopPropagation(),a(!1),d?.()},children:[t.jsx(Ct,{}),t.jsx(wt,{children:R.cardDetails.moreOptions.close})]})]}):null;return t.jsx(_s,{style:s==="small"?{position:"absolute",top:i.sp7,right:`-${i.sp5}`}:{},children:t.jsx(Es,{onMouseEnter:()=>{l||x(!0)},onMouseLeave:()=>{x(!1)},children:t.jsx(ye,{open:n&&!l,variant:"standard",title:R.cardList.moreActionsTooltip,placement:"bottom-end",children:t.jsx(Te,{isMenuVisible:!0,menuItems:t.jsx(Os,{children:w()}),setIsMenuOpen:a,isMenuOpen:l,menuIconStyles:{height:"auto"},styles:{transform:s==="small"?`translate(${i.sp4}, -${i.sp7})`:`translate(${i.sp4}, -${i.sp5})`}})})})})},_s=o.div`
   display: flex;
   justify-content: flex-end;
 `,Es=o.div`
@@ -704,7 +704,7 @@ import{V as t,ca as ni,a8 as li,F as le,ab as di,q as ie,av as Se,a7 as ci,d as
   &:hover {
     color: ${I.important};
   }
-`,Vs=o(Ri)`
+`,Vs=o(Pi)`
   width: ${i.sp4};
   height: ${i.sp4};
   color: inherit;