@zeniai/web-cockpit-ui 1.14.49-dev → 1.14.50-dev

package/dist/assets/{ChargeCardListPage-CgN69uh_-OWvNh6ZR.js → ChargeCardListPage-DpJ2ukG9-Chnlo_Ls.js}

@@ -1,4 +1,4 @@
-import{k as Ga,a2 as N,Q as Ya,ft as Ja,l as te,fo as U,e as Ae,M as Pe,o as a,u as Qt,j as t,aY as qa,fH as Ha,cX as ae,$ as D,bq as rt,g as m,a0 as ue,ab as it,Z as nt,C as V,w as ie,b as Qa,c as Xa,cu as Za,aD as Xt,b7 as Ka,af as st,a6 as er,n as dt,a as tr,gn as ar,cx as rr,q as ir,F as or,fM as nr,X as Tt,r as O,d8 as sr,J as dr,s as cr,c9 as lr,ct as ur,aS as hr,bs as mr}from"./index-BkGkQn7J.js";import{b as c,n as r,j as ct,k as pr}from"./vendor-rkTZJa59.js";import{Y as Cr}from"./SpendManagementSection-DFVWVBv8-Bnfi_ZJV.js";import{J as re,o as gr,t as br}from"./ChargeCardListTable-Bq3FUrUG-ZxNJoN2u.js";import{ChargeCardPromoUserContent as fr}from"./ChargeCardPromoPage-DqDd3QeF-DwKhI9v5.js";import{N as xr,J as Sr}from"./PromoBaseCards-DwBIZ04X-BovCTw4-.js";import{P as Dt,L as Rt,k as yr,R as wr}from"./LockCardPage-Cv7cc2yv-DzSZdmRI.js";import{r as kr,i as vr}from"./graphic-no-data-net-burn-l-CzmycA0m-DANomItj.js";import{t as $r,o as Ir}from"./arrow-south-east-round-PEovUgvH-D6oVD1ix.js";import"./mui-C42whWwM.js";import"./analytics-CcevxdRy.js";import"./routing-CH3KJxCW.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-CK3r1iTV.js";import"./Menu-BWGaQpko-B1hEJhh5.js";import"./RoleWithToolTip-C--9WRHn-CSitueNW.js";import"./CardNumberSubText-B-HsVbRQ-DD1zwm43.js";import"./ChargeCardUtils-DaDe1sIq-Cvp2W_S2.js";import"./MeetingCalenderPopup-CGGit3Ny-DKPRY5LI.js";import"./NavigationDots-O0W_nmju-Bbb_MNmq.js";import"./usp-line-BBd1wKwW-u-VMxix8.js";const lt={infoSubheadingTextMarginTop:new V(O[0],O[0]),cardsMinWidth:new V(343,353)},Mt=Pe.getLocalizedStrings().spendManagement.chargeCard.chargeCardsPromo.listPage,Bt=({cardPromoType:e,cardText:l,header:h,title:d,subTitle:n,slidingTextList:p,onClick:E})=>{const M=Ae();return t.jsxs(Lr,{windowSize:M,cardPromoType:e,"data-testid":nt("list-page-promo-card",e),onClick:()=>E(e),children:[t.jsxs(Zt,{children:[t.jsxs(ea,{children:[t.jsx(Kt,{children:h}),t.jsx(Er,{children:d}),t.jsx(Dr,{children:n})]}),t.jsxs(Rr,{children:[t.jsx(Mr,{}),p.length>0&&t.jsx(ot,{slideUpCount:p.length,children:p.map((_,B)=>t.jsx(ta,{children:_},`card-promo-${B.toString()}`))}),t.jsx(Br,{})]})]}),t.jsx(Nr,{children:t.jsx(xr,{cardPromoType:e,cardText:l,shouldAnimate:!1,forDashboard:!1,showChip:!1,forListPage:!0})}),t.jsx(zr,{children:t.jsx(Sr,{cardPromoType:e,cardText:l,shouldAnimate:!1,forDashboard:!1,showChip:!1,forListPage:!0})})]})},Nt=({cardType:e,header:l,title:h,creditLimit:d,onCreateNowClick:n})=>{const p=Ae();return t.jsx(Ar,{windowSize:p,cardType:e,children:t.jsxs(Pr,{children:[t.jsxs(ea,{children:[t.jsx(Kt,{children:l}),t.jsx(Tr,{children:t.jsx(Fr,{children:h})}),t.jsx(Or,{windowSize:p,children:t.jsxs(_r,{windowSize:p,onClick:()=>n(e),"data-testid":nt("total-cashback-info"),children:[t.jsx(ta,{children:Mt.createNow}),t.jsx(Ur,{})]})})]}),e==="creditCard"?t.jsxs(Vr,{children:[t.jsx(Wr,{children:Mt.creditLimit}),t.jsx(Gr,{children:d})]}):null]})})},jr=e=>{const l=e-1;let h=`
+import{k as Ga,a5 as N,Q as Ya,ft as Ja,l as te,fo as U,e as Ae,M as Pe,o as a,u as Qt,j as t,a_ as Ha,fH as Ka,cX as ae,$ as D,br as rt,g as m,a3 as ue,ae as it,a2 as nt,C as V,w as ie,b as Qa,c as Xa,cu as Za,y as Xt,b8 as qa,ai as st,a9 as er,m as dt,a as tr,gn as ar,cx as rr,q as ir,F as or,fM as nr,X as Tt,r as O,d8 as sr,J as dr,s as cr,c9 as lr,ct as ur,aU as hr,bt as mr}from"./index-dX8TSOm6.js";import{b as c,n as r,j as ct,k as pr}from"./vendor-rkTZJa59.js";import{Y as Cr}from"./SpendManagementSection-DilGVAEg-UyhbLf0x.js";import{Z as re,o as gr,t as br}from"./ChargeCardListTable-0mvBVaVR-DezuEV69.js";import{ChargeCardPromoUserContent as fr}from"./ChargeCardPromoPage-xcfRobP3-CBiQn6_2.js";import{N as xr,J as Sr}from"./PromoBaseCards-zfJOT86M-Cxis92cB.js";import{P as Dt,L as Rt,k as yr,R as wr}from"./LockCardPage-CfupCyYS-DqBQdk1I.js";import{r as kr,i as vr}from"./graphic-no-data-net-burn-l-CzmycA0m-DANomItj.js";import{t as $r,o as Ir}from"./arrow-south-east-round-PEovUgvH-D6oVD1ix.js";import"./mui-C42whWwM.js";import"./analytics-CcevxdRy.js";import"./routing-CH3KJxCW.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-CK3r1iTV.js";import"./Menu-AlNg4aZb-ezBRMKxQ.js";import"./RoleWithToolTip-Cxn0Q3kG-C5ZkEEHf.js";import"./CardNumberSubText-CAQ8mWuF-vKMkb_aM.js";import"./ChargeCardUtils-Bel9RKog-BYoByp7T.js";import"./MeetingCalenderPopup-Dd1Z-rK3-BN7CJUqh.js";import"./NavigationDots-D6hsvkMX-Dc9TKWSO.js";import"./usp-line-BBd1wKwW-u-VMxix8.js";const lt={infoSubheadingTextMarginTop:new V(O[0],O[0]),cardsMinWidth:new V(343,353)},Mt=Pe.getLocalizedStrings().spendManagement.chargeCard.chargeCardsPromo.listPage,Bt=({cardPromoType:e,cardText:l,header:h,title:d,subTitle:n,slidingTextList:p,onClick:E})=>{const M=Ae();return t.jsxs(Lr,{windowSize:M,cardPromoType:e,"data-testid":nt("list-page-promo-card",e),onClick:()=>E(e),children:[t.jsxs(Zt,{children:[t.jsxs(ea,{children:[t.jsx(qt,{children:h}),t.jsx(Er,{children:d}),t.jsx(Dr,{children:n})]}),t.jsxs(Rr,{children:[t.jsx(Mr,{}),p.length>0&&t.jsx(ot,{slideUpCount:p.length,children:p.map((_,B)=>t.jsx(ta,{children:_},`card-promo-${B.toString()}`))}),t.jsx(Br,{})]})]}),t.jsx(Nr,{children:t.jsx(xr,{cardPromoType:e,cardText:l,shouldAnimate:!1,forDashboard:!1,showChip:!1,forListPage:!0})}),t.jsx(zr,{children:t.jsx(Sr,{cardPromoType:e,cardText:l,shouldAnimate:!1,forDashboard:!1,showChip:!1,forListPage:!0})})]})},Nt=({cardType:e,header:l,title:h,creditLimit:d,onCreateNowClick:n})=>{const p=Ae();return t.jsx(Ar,{windowSize:p,cardType:e,children:t.jsxs(Pr,{children:[t.jsxs(ea,{children:[t.jsx(qt,{children:l}),t.jsx(Tr,{children:t.jsx(Fr,{children:h})}),t.jsx(Or,{windowSize:p,children:t.jsxs(_r,{windowSize:p,onClick:()=>n(e),"data-testid":nt("total-cashback-info"),children:[t.jsx(ta,{children:Mt.createNow}),t.jsx(Ur,{})]})})]}),e==="creditCard"?t.jsxs(Vr,{children:[t.jsx(Wr,{children:Mt.creditLimit}),t.jsx(Gr,{children:d})]}):null]})})},jr=e=>{const l=e-1;let h=`
     0% {
       transform: translateY(0);
     }
@@ -71,7 +71,7 @@ import{k as Ga,a2 as N,Q as Ya,ft as Ja,l as te,fo as U,e as Ae,M as Pe,o as a,u
 `,Pr=r(Zt)`
   flex-direction: row;
   justify-content: space-between;
-`,Kt=r(sr)`
+`,qt=r(sr)`
   color: ${e=>e.theme.colors.brandColorGold};
 `,Er=r(lr)`
   color: ${e=>e.theme.colors.brandColorJade};
@@ -149,7 +149,7 @@ import{k as Ga,a2 as N,Q as Ya,ft as Ja,l as te,fo as U,e as Ae,M as Pe,o as a,u
   color: ${m.neutralGrey5Light};
 `,Gr=r(cr)`
   color: ${m.neutralGrey5Light};
-`,le="spendLimit",W=Pe.getLocalizedStrings().spendManagement.chargeCard.updateSpendLimitPopup;function Yr({currentSpentAmount:e,hasCreditCard:l,hasDebitCard:h,maxLimitAmountForCreditCard:d,maxLimitAmountForDebitCard:n,isDisabled:p,updateLimitFetchState:E,onCancelClick:M,onSubmitClick:_}){const B=Ae(),oe="SpendLimitForm",G=tr({mode:"onBlur",reValidateMode:"onBlur",defaultValues:{[le]:void 0}}),{control:Ee,formState:{errors:Fe}}=G,[Te,De]=c.useState(void 0),f=ar({control:Ee,name:le}),y=()=>{M()},I=G.handleSubmit(()=>{const w=G.getValues(le);w!=null&&_(w)}),j=rr(Fe,le),me=Pe.getLocalizedStrings().common,Y=Le.largeLabelWidth.value(B);return c.useEffect(()=>{De(Jr(e,l,h,d,n,f))},[f,e,d,n,l,h]),t.jsx(qr,{windowSize:B,role:"presentation",children:t.jsx(ir,{onClickAway:()=>M(),children:t.jsxs(Hr,{windowSize:B,children:[t.jsx(or,{...G,children:t.jsxs(ti,{id:oe,onSubmit:w=>{w.preventDefault(),I()},children:[t.jsx(Qr,{windowSize:B,children:W.heading}),t.jsx(ei,{hasError:j,children:t.jsx(nr,{label:{label:W.newLimit,width:Y},showAdditionalInfoLabel:j,additionalInfoLabel:Te,formattedTextField:{type:"number",name:le,defaultValue:void 0,placeholder:W.placeholder,returnValueType:"floatValue",prefix:"$",allowNegative:!0,isNumericString:!1,registerOptions:{required:!0,validate:w=>{if(!w||w<=0||w<=e.amount)return!1;if(h&&l&&n!=null&&d!=null){const L=Math.min(n.amount,d.amount);if(w>L)return!1}else if(h&&n!=null&&w>n.amount||l&&d!=null&&w>d.amount)return!1;return!0}},autoComplete:"off",decimalSeparator:".",decimalScale:2,fixedDecimalScale:!1,thousandSeparator:!0},style:{width:"auto"},showOutlineOnFocus:!1})})]})}),t.jsx(Kr,{children:t.jsxs(Xr,{children:[t.jsx(Tt,{label:me.cancel,onClick:y,style:{width:84}}),t.jsx(Zr,{}),t.jsx(Tt,{variant:"primary",label:me.texts.update,style:{width:84,whiteSpace:"nowrap"},loading:E==="In-Progress",type:"submit",form:oe,disabled:p})]})})]})})})}const Jr=(e,l,h,d,n,p)=>{if(p!=null){if(p<=e.amount)return W.amountBelowErrorBulk;if(h&&l&&n!=null&&d!=null){const E=Math.min(n.amount,d.amount);if(p>E){const M=n.amount<d.amount?"debit":"credit",_=n.amount<d.amount?n:d;return W.maxLimitForCardTypeError.replace("_card_type_",M).replace("_amount_",ue("0,0.[00]",_))}}else{if(h&&n!=null&&p>n.amount)return W.maxLimitForCardTypeError.replace("_card_type_","debit").replace("_amount_",ue("0,0.[00]",n));if(l&&d!=null&&p>d.amount)return W.maxLimitForCardTypeError.replace("_card_type_","credit").replace("_amount_",ue("0,0.[00]",d))}}},Le={width:new V(343,500,500),largeLabelWidth:new V(108,108,108),popupLeftRightPadding:new V(O[5],O[6]),popupTopBottomPadding:new V(O[5],O[5])},qr=r.div`
+`,le="spendLimit",W=Pe.getLocalizedStrings().spendManagement.chargeCard.updateSpendLimitPopup;function Yr({currentSpentAmount:e,hasCreditCard:l,hasDebitCard:h,maxLimitAmountForCreditCard:d,maxLimitAmountForDebitCard:n,isDisabled:p,updateLimitFetchState:E,onCancelClick:M,onSubmitClick:_}){const B=Ae(),oe="SpendLimitForm",G=tr({mode:"onBlur",reValidateMode:"onBlur",defaultValues:{[le]:void 0}}),{control:Ee,formState:{errors:Fe}}=G,[Te,De]=c.useState(void 0),f=ar({control:Ee,name:le}),y=()=>{M()},I=G.handleSubmit(()=>{const w=G.getValues(le);w!=null&&_(w)}),j=rr(Fe,le),me=Pe.getLocalizedStrings().common,Y=Le.largeLabelWidth.value(B);return c.useEffect(()=>{De(Jr(e,l,h,d,n,f))},[f,e,d,n,l,h]),t.jsx(Hr,{windowSize:B,role:"presentation",children:t.jsx(ir,{onClickAway:()=>M(),children:t.jsxs(Kr,{windowSize:B,children:[t.jsx(or,{...G,children:t.jsxs(ti,{id:oe,onSubmit:w=>{w.preventDefault(),I()},children:[t.jsx(Qr,{windowSize:B,children:W.heading}),t.jsx(ei,{hasError:j,children:t.jsx(nr,{label:{label:W.newLimit,width:Y},showAdditionalInfoLabel:j,additionalInfoLabel:Te,formattedTextField:{type:"number",name:le,defaultValue:void 0,placeholder:W.placeholder,returnValueType:"floatValue",prefix:"$",allowNegative:!0,isNumericString:!1,registerOptions:{required:!0,validate:w=>{if(!w||w<=0||w<=e.amount)return!1;if(h&&l&&n!=null&&d!=null){const L=Math.min(n.amount,d.amount);if(w>L)return!1}else if(h&&n!=null&&w>n.amount||l&&d!=null&&w>d.amount)return!1;return!0}},autoComplete:"off",decimalSeparator:".",decimalScale:2,fixedDecimalScale:!1,thousandSeparator:!0},style:{width:"auto"},showOutlineOnFocus:!1})})]})}),t.jsx(qr,{children:t.jsxs(Xr,{children:[t.jsx(Tt,{label:me.cancel,onClick:y,style:{width:84}}),t.jsx(Zr,{}),t.jsx(Tt,{variant:"primary",label:me.texts.update,style:{width:84,whiteSpace:"nowrap"},loading:E==="In-Progress",type:"submit",form:oe,disabled:p})]})})]})})})}const Jr=(e,l,h,d,n,p)=>{if(p!=null){if(p<=e.amount)return W.amountBelowErrorBulk;if(h&&l&&n!=null&&d!=null){const E=Math.min(n.amount,d.amount);if(p>E){const M=n.amount<d.amount?"debit":"credit",_=n.amount<d.amount?n:d;return W.maxLimitForCardTypeError.replace("_card_type_",M).replace("_amount_",ue("0,0.[00]",_))}}else{if(h&&n!=null&&p>n.amount)return W.maxLimitForCardTypeError.replace("_card_type_","debit").replace("_amount_",ue("0,0.[00]",n));if(l&&d!=null&&p>d.amount)return W.maxLimitForCardTypeError.replace("_card_type_","credit").replace("_amount_",ue("0,0.[00]",d))}}},Le={width:new V(343,500,500),largeLabelWidth:new V(108,108,108),popupLeftRightPadding:new V(O[5],O[6]),popupTopBottomPadding:new V(O[5],O[5])},Hr=r.div`
   position: fixed;
   top: ${a.sp0};
   left: ${a.sp0};
@@ -160,7 +160,7 @@ import{k as Ga,a2 as N,Q as Ya,ft as Ja,l as te,fo as U,e as Ae,M as Pe,o as a,u
   flex-direction: column;
   align-items: center;
   background: ${m.overlayDark};
-`,Hr=r.div`
+`,Kr=r.div`
   display: flex;
   flex-direction: column;
   justify-content: space-between;
@@ -183,7 +183,7 @@ import{k as Ga,a2 as N,Q as Ya,ft as Ja,l as te,fo as U,e as Ae,M as Pe,o as a,u
   padding-top: ${a.sp4};
 `,Zr=r.div`
   width: ${a.sp3};
-`,Kr=r.div`
+`,qr=r.div`
   display: flex;
   flex-direction: column;
 `,ei=r.div`
@@ -200,7 +200,7 @@ import{k as Ga,a2 as N,Q as Ya,ft as Ja,l as te,fo as U,e as Ae,M as Pe,o as a,u
   }
 `,ti=r.form`
   display: contents;
-`,he={contentContainerMargin:new V(O[3],O[4],O[8]),infoSubheadingTextMarginTop:new V(O[0],O[0]),cardsMinWidth:new V(343,353)},ai={remainingText:new Qa("largeRegular","largeRegular")},{spendManagement:{chargeCard:{payEarly:S,cardList:z,chargeCardsPromo:x}},common:R,dateFormat:Ie}=Pe.getLocalizedStrings(),to=({chargeCardListView:e,searchText:l,admins:h,companyLegalName:d,onFetchChargeCardsRecurringExpenses:n,onFetchDepositAccountLimit:p,onCloseChargeCard:E,onCloseChargeCardList:M,onLockChargeCard:_,onLockChargeCardList:B,onUnlockChargeCardList:oe,updateChargeCardListSpendLimit:G,onUpdateSpendLimit:Ee,isCardControlsEnabled:Fe,isCashbackFeatureEnabled:Te,creditCardPayNowThreshold:De,isChargeCardFeatureEnabled:f,isDebitCardFeatureEnabled:y,isDebitCardSetupEnabled:I,isChargeCardSetupEnabled:j,companyChargeCardInfoCreditAccountLimit:me,controllerEmails:Y,onRevokeChargeCardList:w,depositAccountListWithDebitCardIssued:L,chargeCardCashbackDetailState:k,uiState:ia,signedInUser:Re,creditLimit:pe,cashbackRate:Me,onSearchTextChanged:oa,onClickSetupIcon:na,isEarlyPayEnabled:ne,onClickStatementsIcon:sa,onChargeCardRowClick:da,updateChargeCardName:ca,onChargeCardResendInviteClick:la,onChargeCardRevokeInviteClick:ut,onUnlockChargeCard:ht,onIssueCardClick:ua,onBackClick:ha,onReloadCards:ma,onTotalCashbackClick:pa,onColumnSortConfigChanged:Ca,onClickMenuIcon:ga,onPromoCardClick:mt,onCreateNowClick:pt,showPayNowInfoTooltip:ba,navigateToCreditCardPaymentPage:Ce,shouldShowPayNowInfoTooltip:Be,rowActionView:o,bulkActionView:u,onSetRowActionCardId:Ne,onSetBulkActionCardIds:v})=>{const ge=Ga().analytics,[Ct,fa]=c.useState(!1),[ze,be]=c.useState(!1),[Oe,fe]=c.useState(!1),[xa,J]=c.useState(!1),[Sa,q]=c.useState(!1),[ya,xe]=c.useState(!1),[_e,Ue]=c.useState(!1),[Ve,We]=c.useState(!1),[Ge,gt]=c.useState(void 0),wa=u.chargeCards[0]?.status.code,{creditAccount:g,creditAccountRepayment:A}=e,P=c.useCallback(()=>{Ne(void 0),gt(void 0)},[Ne]),F=u.chargeCards,ka=c.useMemo(()=>F.length===0?void 0:F.reduce((i,s)=>s.balance.amount>i.balance.amount?s:i,F[0]).balance,[F]),va=c.useMemo(()=>{const i=F.filter(b=>b.type.code.includes("debit"));if(i.length===0)return;const s=i.map(b=>L.depositAccounts.find(ee=>ee.id===b.connectedAccountId)?.cardLimits.dailyCardTransactionLimit).filter(b=>b!==void 0);return s.length===0?void 0:s.reduce((b,ee)=>ee.amount<b.amount?ee:b)},[F,L.depositAccounts]),bt=N(e.unlockChargeCardsFetchState.fetchState),ft=N(e.revokeChargeCardsInviteFetchState.fetchState),xt=N(e.lockChargeCardsFetchState.fetchState),St=N(e.closeChargeCardsFetchState.fetchState),yt=N(e.updateChargeCardsSpendLimitFetchState.fetchState);c.useEffect(()=>{const i=bt==="In-Progress"&&e.unlockChargeCardsFetchState.fetchState==="Completed",s=ft==="In-Progress"&&e.revokeChargeCardsInviteFetchState.fetchState==="Completed",b=xt==="In-Progress"&&e.lockChargeCardsFetchState.fetchState==="Completed",ee=St==="In-Progress"&&e.closeChargeCardsFetchState.fetchState==="Completed",Wa=yt==="In-Progress"&&e.updateChargeCardsSpendLimitFetchState.fetchState==="Completed";(i||s)&&v([]),b&&(J(!1),v([])),ee&&(q(!1),v([])),Wa&&(xe(!1),v([]))},[e.unlockChargeCardsFetchState.fetchState,e.revokeChargeCardsInviteFetchState.fetchState,e.lockChargeCardsFetchState.fetchState,e.closeChargeCardsFetchState.fetchState,e.updateChargeCardsSpendLimitFetchState.fetchState,bt,ft,xt,St,yt,v]);const H=o.cardId!=null?o.unlockChargeCardsFetchState.fetchState:void 0,wt=N(H),Ye=o.cardId!=null?o.updateChargeCardLimitFetchState.fetchState:void 0,kt=N(Ye),Je=o.cardId!=null?o.updateChargeCardNameFetchState.fetchState:void 0,vt=N(Je),qe=o.cardId!=null?o.lockChargeCardsFetchState.fetchState:void 0,$t=N(qe),He=o.cardId!=null?o.closeChargeCardsFetchState.fetchState:void 0,It=N(He),Q=o.cardId!=null?o.revokeChargeCardFetchState.fetchState:void 0,jt=N(Q);c.useEffect(()=>{o.cardId!=null&&wt==="In-Progress"&&H==="Completed"?P():o.cardId!=null&&kt==="In-Progress"&&Ye==="Completed"?(We(!1),P()):o.cardId!=null&&vt==="In-Progress"&&Je==="Completed"?(Ue(!1),P()):o.cardId!=null&&$t==="In-Progress"&&qe==="Completed"?(be(!1),P()):o.cardId!=null&&It==="In-Progress"&&He==="Completed"?(fe(!1),P()):o.cardId!=null&&jt==="In-Progress"&&Q==="Completed"&&P()},[o.cardId,H,Ye,Je,qe,He,Q,wt,vt,kt,$t,It,jt,P]);const $a=c.useCallback(i=>{switch(i){case"close":n(u.bulkActionCardIds),q(!0);break;case"lock":n(u.bulkActionCardIds),J(!0);break;case"unlock":oe(u.bulkActionCardIds);break;case"update_limit":xe(!0);break;case"revoke_invite":w(u.bulkActionCardIds);break}},[u.bulkActionCardIds,n,w,oe]),C=o.chargeCard;c.useEffect(()=>{if(!(Ge===void 0||o.cardId===void 0||C===void 0))switch(Ge){case re.CLOSE:Oe||(n([o.cardId]),fe(!0));break;case re.LOCK:ze||(n([o.cardId]),be(!0));break;case re.UNLOCK:H!=="In-Progress"&&H!=="Completed"&&ht(o.cardId);break;case re.REVOKE_INVITE:Q!=="In-Progress"&&Q!=="Completed"&&ut(o.cardId);break;case re.RENAME:_e||Ue(!0);break;case re.UPDATE_SPEND_LIMIT:Ve||(C.type.code.includes("debit")&&o.depositAccountLimitFetchState.fetchState!=="Completed"&&p(C.connectedAccountId,o.cardId),We(!0));break}},[Ge,o.cardId,Ve,_e,Oe,ze,H,Q,n,p,ht,ut]);const Qe=Ya(),X=!!Qe.loggedInUserRole.includes("charge_card_user"),Se=Ja(Qe),$=te.hasChargeCardAdminLevelAccess(Qe.loggedInUserRoleMap),Z=c.useMemo(()=>$===!0?{creditCardCashbackOffer:`${k.cashbackAnalytics.creditCardCashbackOffer}%`,debitCardCashbackOffer:`${k.cashbackAnalytics.debitCardCashbackOffer}%`,totalEarnedCashback:U(k.cashbackSummary.cashbackEarned.amount),redeemedCashback:U(k.cashbackSummary.cashbackRedeemed.amount),availableCashback:U(k.cashbackSummary.cashbackAvailable.amount),creditCardCashbackRedemptionMode:k.cashbackAnalytics.creditCardCashbackRedemptionMode,debitCardCashbackRedemptionMode:k.cashbackAnalytics.debitCardCashbackRedemptionMode}:void 0,[$,k.cashbackAnalytics.creditCardCashbackOffer,k.cashbackAnalytics.debitCardCashbackOffer,k.cashbackSummary.cashbackEarned.amount,k.cashbackSummary.cashbackRedeemed.amount,k.cashbackSummary.cashbackAvailable.amount,k.cashbackAnalytics.creditCardCashbackRedemptionMode,k.cashbackAnalytics.debitCardCashbackRedemptionMode]),ye=c.useMemo(()=>f&&j&&$===!0?{creditAccountId:g.id,creditAccountLimit:U(g.limit.amount),creditAccountAvailableAmount:U(g.available.amount),creditAccountSpentAmount:U(g.balance.amount+g.hold.amount),creditAccountStatus:g.status,outstandingBalance:U(A.remainingAmountDue.amount)}:void 0,[f,j,$,g.id,g.limit.amount,g.available.amount,g.balance.amount,g.hold.amount,g.status,A.remainingAmountDue.amount]),we=c.useMemo(()=>y&&I?{debitAccountId:L.depositAccounts.map(i=>i.id),debitAccountName:L.depositAccounts.map(i=>i.accountName),debitAccountBalance:L.depositAccounts.map(i=>U(i.accountBalance.available.amount)),debitCardsSpend:U(e.debitCardSummary?.currentMonthSpends?.amount??0),debitAccountStatus:L.depositAccounts.map(i=>i.accountStatus)}:void 0,[y,I,L.depositAccounts,e.debitCardSummary?.currentMonthSpends?.amount]),ke={isCreditCardOffered:f,isDebitCardOffered:y,isDebitCardEnabled:I,isCreditCardEnabled:j},Ia=i=>{fa(i),i===!0&&(ge.trackCardsListPageClicked("search"),(!f||g.fetchState==="Completed"&&A.fetchState==="Completed")&&(!(y&&I)||L.fetchState==="Completed")&&Z!=null&&ge.trackCardsCardListSearchClick(Y,ke,Z,ye,we))},T=Ae(),Lt=Se&&!$,At=e.creditAccount.balance.amount+e.creditAccount.hold.amount,se={amount:At,currencyCode:e.creditAccount.balance.currencyCode,currencySymbol:e.creditAccount.balance.currencySymbol},Xe=Math.round(se.amount*100/e.creditAccount.limit.amount),ja=isNaN(Xe)?0:At!==0&&Xe===0?1:Xe,de=e.chargeCardConfig.rePaymentInfo?.cardLimitResetDate,Ze=$&&se.amount>De*e.creditAccount.limit.amount/100,ce=de!=null&&A.initiatedRepayments.amount>0,La={entity:"charge_cards",showNewButtonOnNavbar:$,showEntityEmailInfoIconOnNavbar:!1,newButtonLabel:$?z.newBtnLabel:R.strings.empty,hideSearchBtn:X,searchTextBoxStyle:{right:Lt?a.sp4:"96px"},moreIconContainerStyle:{paddingRight:Lt?a.sp0:a.sp4},isSearchOpen:Ct,searchPlaceHolder:z.searchPlaceHolder,searchText:l,showSettingsIcon:!X,showSettingsIconOnNavbar:$,showStatementButtonOnNavbar:f&&j,showPayEarlyButtonOnNavbar:ne&&$&&se.amount>0&&!ce&&!Ze,showDownloadButtonOnNavbar:!1,disableDownloadButton:!0,analytics:ge,onSearchOpen:Ia,onSearchTextChanged:oa,onClickSetupIcon:na,onClickStatementsIcon:sa,downloadState:"Not-Started",onNewButtonClick:ua,onClickPayEarlyIcon:()=>Ce("More Button","Pay Early"),onMenuOpen:()=>{(!f||g.fetchState==="Completed"&&A.fetchState==="Completed")&&(!(y&&I)||L.fetchState==="Completed")&&Z!=null&&ge.trackCardsCardListMoreMenuClick(Y,ke,Z,ye,we)},filters:{categoryCombinationOperator:"AND",categories:[]}},Aa=t.jsx(Cr,{spendManagementSectionProps:La}),Pa=e.cards.length===0?!1:X&&te.anyCardOnHold(e.cards),Ea=e.fetchState==="Completed"?li({isChargeCardFeatureEnabled:f,isChargeCardSetupEnabled:j,isDebitCardFeatureEnabled:y,isDebitCardSetupEnabled:I}):"",ve=e.debitCardSummary!=null?e.debitCardSummary.currentMonthSpends.amount-e.debitCardSummary.lastCompletedMonthSpends.amount:0,Fa=f&&j&&e.hasCreditCard,Ta=y&&I&&e.hasDebitCard,Da=f&&j&&Se&&!$,Ra=y&&I&&Se&&!$,$e=e.chargeCardConfig.rePaymentInfo?.rePaymentDueDate?.diff(te.dateNow(),"days")??0,Ke=[S.payNow,$e>0&&$e<11?`${S.billDueIn} ${$e} ${$e===1?R.timeStrings.day:R.timeStrings.days}`:S.creditLimitLow,S.payNow],Pt=A.initiatedRepayments.amount===g.balance.amount+g.hold.amount,et=[S.paymentInitiated,`${z.header.limit} ${Pt?R.resets:R.updates} ${R.by} ${te.zeniDate(te.getNextNthWorkingDay(A.initiatedRepaymentDate?.toDate()??te.dateNow().toDate(),[0,6],3).toDateString()).format(Ie.visual.MMMDFormat)}`,S.paymentInitiated],tt=c.useRef(null),at=c.useRef(null),Ma=Qt(),[Ba,Et]=c.useState(!0);c.useEffect(()=>{const i=()=>{at.current&&(at.current.getBoundingClientRect().top<(T==="small"?68:40)?Et(!1):Et(!0))};i();const s=()=>{i()},b=tt.current;return b&&b.addEventListener("scroll",s),window.addEventListener("scroll",s),()=>{b&&b.removeEventListener("scroll",s),window.removeEventListener("scroll",s)}},[T]);const Na=i=>{const s=i.reasonType==="other"?i.reason:i.reasonType;o.cardId!=null&&E(o.cardId,s)},za=i=>{const s=i.reasonType==="other"?i.reason:i.reasonType;o.cardId!=null&&_(o.cardId,s)},Oa=i=>{const s=i.reasonType==="other"?i.reason:i.reasonType;M(u.bulkActionCardIds,s)},_a=i=>{const s=i.reasonType==="other"?i.reason:i.reasonType;B(u.bulkActionCardIds,s)},K=c.useMemo(()=>{const i={};return u.chargeCards.forEach(s=>{i[s.id]=s}),{chargeCardsByCardId:i,cardRecurringExpensesByCardId:u.recurringExpensesByCardId,fetchState:u.recurringExpensesFetchState.fetchState}},[u]),Ua=c.useCallback(()=>{n(u.bulkActionCardIds),J(!0)},[u.bulkActionCardIds,n]),Va=c.useCallback(()=>{n(u.bulkActionCardIds),q(!0)},[u.bulkActionCardIds,n]),Ft=c.useCallback(i=>{const s=u.bulkActionCardIds.filter(b=>b!==i);v(s),s.length===0&&(J(!1),q(!1))},[u.bulkActionCardIds,v]);return t.jsxs(fi,{ref:tt,children:[t.jsx(qa,{title:Ea,showBackButton:!0,showMenuIcon:T==="medium-compact"||T==="small",onClickMenuIcon:ga,style:{zIndex:3},onBackClick:ha,rightSideComponent:Aa,isSearchOpen:Ct,hideSearchBtn:X,scrollableContent:tt,source:"ChargeCardListPage",backgroundColor:Ma.colors.grey4}),e.fetchState==="Not-Started"||e.fetchState==="In-Progress"?t.jsx(Ha,{fetchState:e.fetchState,styles:{margin:"auto"}}):t.jsxs(t.Fragment,{children:[X?null:t.jsxs(xi,{windowSize:T,children:[Fa||Da?t.jsxs(Vt,{windowSize:T,children:[t.jsxs(Jt,{children:[t.jsxs(qt,{children:[t.jsxs(Ht,{children:[t.jsx(Gt,{children:z.creditCardBalance}),t.jsx(ae,{amount:se,integerStyles:{...D.h5Regular.cssObject},decimalStyles:{...D.largeSemiBold.cssObject}})]}),t.jsxs(pi,{children:[t.jsx(je,{style:{textAlign:"end"},children:R.texts.limit}),t.jsx(ae,{amount:e.creditAccount.limit,style:{justifyContent:"end"},integerStyles:D.largeRegular.cssObject,decimalStyles:D.smallRegular.cssObject})]})]}),t.jsx(Ii,{children:t.jsx(ji,{style:{width:`${ja}%`,borderRadius:a.sp1}})}),Ze&&!ce&&ne?t.jsx(rt,{placement:"bottom",style:{color:m.heroDark,padding:`12px ${a.sp3}`},title:t.jsx(di,{children:S.creditLimitIsRunningLow}),children:t.jsxs(Wt,{children:[t.jsx(ae,{amount:e.creditAccount.available,integerStyles:D.largeMedium.cssObject,decimalStyles:D.smallMedium.cssObject}),t.jsx(Yt,{windowSize:T,children:R.texts.remaining}),t.jsx(ci,{children:t.jsx(si,{})})]})}):t.jsxs(Wt,{children:[t.jsx(ae,{amount:e.creditAccount.available,integerStyles:D.largeMedium.cssObject,decimalStyles:D.smallMedium.cssObject}),t.jsx(Yt,{windowSize:T,children:R.texts.remaining})]})]}),t.jsxs(Ci,{showPaymentInitiatedInfo:ce,isEarlyPayEnabled:ne,children:[ce&&ne?null:t.jsx(je,{children:`${R.texts.limitReset} ${de!=null?de.format(Ie.visual.MMMDFormat):null}`}),$&&ne&&(ce?t.jsx("div",{children:t.jsx(rt,{maxWidth:"242px",style:{padding:`12px ${a.sp3}`},title:t.jsxs(ui,{children:[t.jsx(Ut,{children:`${S.paymentOf} ${ue("0,0.[00]",{amount:A.initiatedRepayments.amount,currencyCode:A.initiatedRepayments.currencyCode,currencySymbol:A.initiatedRepayments.currencySymbol})} ${S.madeOn} `}),t.jsx(hi,{children:A.initiatedRepaymentDate?.format(Ie.visual.MMMDFormat)}),R.strings.space,t.jsx(Ut,{children:Pt?S.isProcessingAndWillResetTheCreditLimitIn23BusinessDays:S.isProcessingAndWillUpdateTheCreditLimitIn23BusinessDays})]}),placement:"bottom",children:t.jsxs(zt,{hasPointer:!1,children:[et.length>0&&t.jsx(ot,{slideUpCount:et.length,style:{alignItems:"flex-end",width:"auto"},children:et.map((i,s)=>t.jsx(ii,{children:i},`card-payment-initiated-${s.toString()}`))}),t.jsx(ni,{})]})})}):Ze?t.jsx(rt,{variant:"informative",arrow:!0,style:{top:a.sp2,left:"22px",position:"relative"},data:{preHeading:"URGENT",heading:S.creditLimitIsLow,description:S.transactionsMayBeDeclinedBecauseTheCreditLimitIsRunningLow,buttonText:S.payNow,tooltipContentStyle:{width:"240px",boxSizing:"content-box",gap:a.sp0},tooltipIntroductionStyle:{color:m.important},buttonStyle:{width:"31%"},onButtonClick:()=>{Be(!1),Ce("Toast Button","Pay Now")},showCloseButton:!0,onClose:i=>{i.preventDefault(),i.stopPropagation(),Be(!1)}},title:"informative",placement:"bottom-end",open:ba&&Ba,children:t.jsxs(zt,{ref:at,onClick:()=>{Be(!1),Ce("Text Button","Pay Now")},hasPointer:!0,children:[Ke.length>0&&t.jsx(ot,{slideUpCount:Ke.length,style:{alignItems:"flex-end",width:"auto"},children:Ke.map((i,s)=>t.jsx(ri,{isImportant:s===1,children:i},`card-pay-now-${s.toString()}`))}),t.jsx(Ot,{})]})}):se.amount>0?t.jsxs(oi,{onClick:()=>Ce("Text Button","Pay Early"),children:[S.payEarly,t.jsx(Ot,{})]}):null)]})]}):f&&j?t.jsx(Nt,{cardType:"creditCard",header:x.listPage.spendSmarter,title:x.listPage.setUpText.replace("__cardType__",x.listPage.credit),creditLimit:it("0,0",pe.amount,pe.currencySymbol),onCreateNowClick:pt}):f?t.jsx(Bt,{cardPromoType:"credit",cardText:x.listPage.creditCards,header:x.listPage.getAccessTo,title:x.listPage.creditCards,subTitle:x.listPage.promoSubText.credit,slidingTextList:_t("credit",Me,{amount:me,currencyCode:pe.currencyCode,currencySymbol:pe.currencySymbol}),onClick:mt}):null,Ta||Ra?t.jsxs(Vt,{windowSize:T,children:[t.jsxs(Jt,{children:[t.jsx(qt,{children:t.jsxs(Ht,{children:[t.jsx(Gt,{children:z.debitCardSpend}),t.jsx(ae,{amount:e.debitCardSummary?.currentMonthSpends,integerStyles:{...D.h5Regular.cssObject},decimalStyles:{...D.largeSemiBold.cssObject}})]})}),t.jsx(yi,{children:ve!==0?t.jsxs(t.Fragment,{children:[ve<0?t.jsx(ki,{}):t.jsx(vi,{}),t.jsx(wi,{hasNegativeValue:ve<0,children:it("0,0.00",ve,e.debitCardSummary?.currentMonthSpends.currencySymbol)}),t.jsx(ra,{children:z.compareToLastMonth})]}):null})]}),t.jsx(aa,{children:t.jsx(je,{children:`${R.texts.limitReset} ${de!=null?de.format(Ie.visual.MMMDFormat):null}`})})]}):y&&I?t.jsx(Nt,{cardType:"debitCard",header:x.listPage.spendSmarter,title:x.listPage.setUpText.replace("__cardType__",x.listPage.debit),onCreateNowClick:pt}):y?t.jsx(Bt,{cardPromoType:"debit",cardText:x.listPage.debitCards,header:x.listPage.getAccessTo,title:x.listPage.debitCards,subTitle:x.listPage.promoSubText.debit,slidingTextList:_t("debit",Me),onClick:mt}):null,t.jsxs(Si,{windowSize:T,children:[Te?t.jsxs(mi,{children:[t.jsx(je,{style:{textAlign:"start"},children:z.totalCashback}),t.jsx(ae,{amount:e.totalCashback,style:{justifyContent:"flex-start"},integerStyles:D.h5Regular.cssObject,decimalStyles:D.smallSemiBold.cssObject}),e.totalCashback.amount>0?t.jsx(bi,{windowSize:T,children:t.jsxs($i,{windowSize:T,onClick:pa,"data-testid":nt("total-cashback-info"),children:[t.jsx(gi,{children:z.overview}),t.jsx(Li,{})]})}):null]}):null,t.jsx(Pi,{children:t.jsx(Ei,{})})]})]}),e.cards.length===0&&X===!0||Pa?t.jsx(Ai,{children:t.jsx(fr,{companyLegalName:d,cards:e.cards,admins:h,hasZeniFinopsRoles:Se,cashbackRate:Me})}):t.jsxs(t.Fragment,{children:[Oe&&o.cardId!=null&&C&&t.jsx(Dt,{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:Na,onDismissClick:()=>{fe(!1),P()},onRemoveCardClick:()=>{}}),ze&&o.cardId!=null&&C&&t.jsx(Rt,{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:za,onDismissClick:()=>{be(!1),P()},onRemoveCardClick:()=>{}}),Sa&&u.bulkActionCardIds.length>0&&t.jsx(Dt,{showCloseCardDrawer:!0,onCloseCloseCardDrawer:()=>{q(!1),v([])},isChargeCardAdmin:!0,chargeCardsByCardId:K.chargeCardsByCardId,cardRecurringExpensesByCardId:K.cardRecurringExpensesByCardId,cardRecurringExpenseFetchState:K.fetchState,closeCardFetchState:e.closeChargeCardsFetchState.fetchState,onConfirmClick:Oa,onDismissClick:()=>{q(!1),v([])},onRemoveCardClick:Ft}),xa&&u.bulkActionCardIds.length>0&&t.jsx(Rt,{showLockCardDrawer:!0,onCloseLockCardDrawer:()=>{J(!1),v([])},isChargeCardAdmin:!0,chargeCardsByCardId:K.chargeCardsByCardId,cardRecurringExpensesByCardId:K.cardRecurringExpensesByCardId,cardRecurringExpenseFetchState:K.fetchState,lockCardFetchState:e.lockChargeCardsFetchState.fetchState,onConfirmClick:_a,onDismissClick:()=>{J(!1),v([])},onRemoveCardClick:Ft}),_e&&o.cardId!=null&&C&&t.jsx(yr,{currentCardName:C.cardName,renameFetchState:o.updateChargeCardNameFetchState.fetchState,onCancelClick:()=>{Ue(!1),P()},onSubmitClick:i=>{o.cardId!=null&&ca(o.cardId,i)}}),Ve&&o.cardId!=null&&C&&t.jsx(wr,{controllerEmails:Y,isChargeCardFeatureEnabled:f,isDebitCardFeatureEnabled:y,isDebitCardSetupEnabled:I,isChargeCardSetupEnabled:j,productInformation:ke,cashbackInformation:Z,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:()=>{We(!1),P()},onSubmitClick:i=>{if(o.cardId!=null){const s={amount:i,currencyCode:C.limit.currencyCode,currencySymbol:C.limit.currencySymbol};Ee(o.cardId,s,C.creditLimitFrequency,ue("0,0.[00]",s))}},recommendations:C.recommendations}),ya&&F.length>0&&t.jsx(Yr,{currentSpentAmount:ka??{amount:0,currencyCode:F[0].limit.currencyCode,currencySymbol:F[0].limit.currencySymbol},maxLimitAmountForCreditCard:e.creditAccount.limit,maxLimitAmountForDebitCard:va,hasCreditCard:u.hasCreditCards,hasDebitCard:u.hasDebitCards,signedInUser:Re,isDisabled:u.hasDebitCards&&L.fetchState!=="Completed",updateLimitFetchState:e.updateChargeCardsSpendLimitFetchState.fetchState,onCancelClick:()=>{xe(!1),v([])},onSubmitClick:i=>{const s={amount:i,currencyCode:F[0].limit.currencyCode,currencySymbol:F[0].limit.currencySymbol};G(u.bulkActionCardIds,s,F[0].creditLimitFrequency)}}),t.jsx(gr,{cardsSelectedForBulkAction:u.bulkActionCardIds,isBulkActionAllowed:$,firstSelectedCardStatus:wa,bulkSubmissionLimit:br,removeAllCardsFromBulkActionList:()=>v([]),updateBulkActionList:v,onProceedForBulkActionClick:$a,onBulkLockClick:Ua,onBulkCloseClick:Va,setShowBulkChangeSpendLimitPopup:xe,depositAccountListWithDebitCardIssued:L,setCardIdForRowAction:Ne,setActionTypeForRowAction:gt,cashbackInformation:Z,creditAccountInformation:ye,debitAccountInformation:we,productInformation:ke,controllerEmails:Y,isChargeCardFeatureEnabled:f,isCardControlsEnabled:Fe,isDebitCardFeatureEnabled:y,isDebitCardSetupEnabled:I,isChargeCardSetupEnabled:j,creditAccount:g,creditAccountRepayment:A,cardList:e.cards,showViewForCardUser:!1,signedInUser:Re,fetchState:e.fetchState,revokeChargeCardsInviteFetchState:e.revokeChargeCardsInviteFetchState.fetchState,unlockChargeCardsFetchState:e.unlockChargeCardsFetchState.fetchState,onReloadCards:ma,onChargeCardRowClick:da,searchText:l,receiptBotEmail:e.chargeCardConfig.receiptBotEmail,uiState:ia,resendInviteId:e?.resendCardInvite?.cardId,onColumnSortConfigChanged:Ca,onChargeCardResendInviteClick:la,rowActionView:o})]})]})]})},ri=r(Xt)`
+`,he={contentContainerMargin:new V(O[3],O[4],O[8]),infoSubheadingTextMarginTop:new V(O[0],O[0]),cardsMinWidth:new V(343,353)},ai={remainingText:new Qa("largeRegular","largeRegular")},{spendManagement:{chargeCard:{payEarly:S,cardList:z,chargeCardsPromo:x}},common:R,dateFormat:Ie}=Pe.getLocalizedStrings(),to=({chargeCardListView:e,searchText:l,admins:h,companyLegalName:d,onFetchChargeCardsRecurringExpenses:n,onFetchDepositAccountLimit:p,onCloseChargeCard:E,onCloseChargeCardList:M,onLockChargeCard:_,onLockChargeCardList:B,onUnlockChargeCardList:oe,updateChargeCardListSpendLimit:G,onUpdateSpendLimit:Ee,isCardControlsEnabled:Fe,isCashbackFeatureEnabled:Te,creditCardPayNowThreshold:De,isChargeCardFeatureEnabled:f,isDebitCardFeatureEnabled:y,isDebitCardSetupEnabled:I,isChargeCardSetupEnabled:j,companyChargeCardInfoCreditAccountLimit:me,controllerEmails:Y,onRevokeChargeCardList:w,depositAccountListWithDebitCardIssued:L,chargeCardCashbackDetailState:k,uiState:ia,signedInUser:Re,creditLimit:pe,cashbackRate:Me,onSearchTextChanged:oa,onClickSetupIcon:na,isEarlyPayEnabled:ne,onClickStatementsIcon:sa,onChargeCardRowClick:da,updateChargeCardName:ca,onChargeCardResendInviteClick:la,onChargeCardRevokeInviteClick:ut,onUnlockChargeCard:ht,onIssueCardClick:ua,onBackClick:ha,onReloadCards:ma,onTotalCashbackClick:pa,onColumnSortConfigChanged:Ca,onClickMenuIcon:ga,onPromoCardClick:mt,onCreateNowClick:pt,showPayNowInfoTooltip:ba,navigateToCreditCardPaymentPage:Ce,shouldShowPayNowInfoTooltip:Be,rowActionView:o,bulkActionView:u,onSetRowActionCardId:Ne,onSetBulkActionCardIds:v})=>{const ge=Ga().analytics,[Ct,fa]=c.useState(!1),[ze,be]=c.useState(!1),[Oe,fe]=c.useState(!1),[xa,J]=c.useState(!1),[Sa,H]=c.useState(!1),[ya,xe]=c.useState(!1),[_e,Ue]=c.useState(!1),[Ve,We]=c.useState(!1),[Ge,gt]=c.useState(void 0),wa=u.chargeCards[0]?.status.code,{creditAccount:g,creditAccountRepayment:A}=e,P=c.useCallback(()=>{Ne(void 0),gt(void 0)},[Ne]),F=u.chargeCards,ka=c.useMemo(()=>F.length===0?void 0:F.reduce((i,s)=>s.balance.amount>i.balance.amount?s:i,F[0]).balance,[F]),va=c.useMemo(()=>{const i=F.filter(b=>b.type.code.includes("debit"));if(i.length===0)return;const s=i.map(b=>L.depositAccounts.find(ee=>ee.id===b.connectedAccountId)?.cardLimits.dailyCardTransactionLimit).filter(b=>b!==void 0);return s.length===0?void 0:s.reduce((b,ee)=>ee.amount<b.amount?ee:b)},[F,L.depositAccounts]),bt=N(e.unlockChargeCardsFetchState.fetchState),ft=N(e.revokeChargeCardsInviteFetchState.fetchState),xt=N(e.lockChargeCardsFetchState.fetchState),St=N(e.closeChargeCardsFetchState.fetchState),yt=N(e.updateChargeCardsSpendLimitFetchState.fetchState);c.useEffect(()=>{const i=bt==="In-Progress"&&e.unlockChargeCardsFetchState.fetchState==="Completed",s=ft==="In-Progress"&&e.revokeChargeCardsInviteFetchState.fetchState==="Completed",b=xt==="In-Progress"&&e.lockChargeCardsFetchState.fetchState==="Completed",ee=St==="In-Progress"&&e.closeChargeCardsFetchState.fetchState==="Completed",Wa=yt==="In-Progress"&&e.updateChargeCardsSpendLimitFetchState.fetchState==="Completed";(i||s)&&v([]),b&&(J(!1),v([])),ee&&(H(!1),v([])),Wa&&(xe(!1),v([]))},[e.unlockChargeCardsFetchState.fetchState,e.revokeChargeCardsInviteFetchState.fetchState,e.lockChargeCardsFetchState.fetchState,e.closeChargeCardsFetchState.fetchState,e.updateChargeCardsSpendLimitFetchState.fetchState,bt,ft,xt,St,yt,v]);const K=o.cardId!=null?o.unlockChargeCardsFetchState.fetchState:void 0,wt=N(K),Ye=o.cardId!=null?o.updateChargeCardLimitFetchState.fetchState:void 0,kt=N(Ye),Je=o.cardId!=null?o.updateChargeCardNameFetchState.fetchState:void 0,vt=N(Je),He=o.cardId!=null?o.lockChargeCardsFetchState.fetchState:void 0,$t=N(He),Ke=o.cardId!=null?o.closeChargeCardsFetchState.fetchState:void 0,It=N(Ke),Q=o.cardId!=null?o.revokeChargeCardFetchState.fetchState:void 0,jt=N(Q);c.useEffect(()=>{o.cardId!=null&&wt==="In-Progress"&&K==="Completed"?P():o.cardId!=null&&kt==="In-Progress"&&Ye==="Completed"?(We(!1),P()):o.cardId!=null&&vt==="In-Progress"&&Je==="Completed"?(Ue(!1),P()):o.cardId!=null&&$t==="In-Progress"&&He==="Completed"?(be(!1),P()):o.cardId!=null&&It==="In-Progress"&&Ke==="Completed"?(fe(!1),P()):o.cardId!=null&&jt==="In-Progress"&&Q==="Completed"&&P()},[o.cardId,K,Ye,Je,He,Ke,Q,wt,vt,kt,$t,It,jt,P]);const $a=c.useCallback(i=>{switch(i){case"close":n(u.bulkActionCardIds),H(!0);break;case"lock":n(u.bulkActionCardIds),J(!0);break;case"unlock":oe(u.bulkActionCardIds);break;case"update_limit":xe(!0);break;case"revoke_invite":w(u.bulkActionCardIds);break}},[u.bulkActionCardIds,n,w,oe]),C=o.chargeCard;c.useEffect(()=>{if(!(Ge===void 0||o.cardId===void 0||C===void 0))switch(Ge){case re.CLOSE:Oe||(n([o.cardId]),fe(!0));break;case re.LOCK:ze||(n([o.cardId]),be(!0));break;case re.UNLOCK:K!=="In-Progress"&&K!=="Completed"&&ht(o.cardId);break;case re.REVOKE_INVITE:Q!=="In-Progress"&&Q!=="Completed"&&ut(o.cardId);break;case re.RENAME:_e||Ue(!0);break;case re.UPDATE_SPEND_LIMIT:Ve||(C.type.code.includes("debit")&&o.depositAccountLimitFetchState.fetchState!=="Completed"&&p(C.connectedAccountId,o.cardId),We(!0));break}},[Ge,o.cardId,Ve,_e,Oe,ze,K,Q,n,p,ht,ut]);const Qe=Ya(),X=!!Qe.loggedInUserRole.includes("charge_card_user"),Se=Ja(Qe),$=te.hasChargeCardAdminLevelAccess(Qe.loggedInUserRoleMap),Z=c.useMemo(()=>$===!0?{creditCardCashbackOffer:`${k.cashbackAnalytics.creditCardCashbackOffer}%`,debitCardCashbackOffer:`${k.cashbackAnalytics.debitCardCashbackOffer}%`,totalEarnedCashback:U(k.cashbackSummary.cashbackEarned.amount),redeemedCashback:U(k.cashbackSummary.cashbackRedeemed.amount),availableCashback:U(k.cashbackSummary.cashbackAvailable.amount),creditCardCashbackRedemptionMode:k.cashbackAnalytics.creditCardCashbackRedemptionMode,debitCardCashbackRedemptionMode:k.cashbackAnalytics.debitCardCashbackRedemptionMode}:void 0,[$,k.cashbackAnalytics.creditCardCashbackOffer,k.cashbackAnalytics.debitCardCashbackOffer,k.cashbackSummary.cashbackEarned.amount,k.cashbackSummary.cashbackRedeemed.amount,k.cashbackSummary.cashbackAvailable.amount,k.cashbackAnalytics.creditCardCashbackRedemptionMode,k.cashbackAnalytics.debitCardCashbackRedemptionMode]),ye=c.useMemo(()=>f&&j&&$===!0?{creditAccountId:g.id,creditAccountLimit:U(g.limit.amount),creditAccountAvailableAmount:U(g.available.amount),creditAccountSpentAmount:U(g.balance.amount+g.hold.amount),creditAccountStatus:g.status,outstandingBalance:U(A.remainingAmountDue.amount)}:void 0,[f,j,$,g.id,g.limit.amount,g.available.amount,g.balance.amount,g.hold.amount,g.status,A.remainingAmountDue.amount]),we=c.useMemo(()=>y&&I?{debitAccountId:L.depositAccounts.map(i=>i.id),debitAccountName:L.depositAccounts.map(i=>i.accountName),debitAccountBalance:L.depositAccounts.map(i=>U(i.accountBalance.available.amount)),debitCardsSpend:U(e.debitCardSummary?.currentMonthSpends?.amount??0),debitAccountStatus:L.depositAccounts.map(i=>i.accountStatus)}:void 0,[y,I,L.depositAccounts,e.debitCardSummary?.currentMonthSpends?.amount]),ke={isCreditCardOffered:f,isDebitCardOffered:y,isDebitCardEnabled:I,isCreditCardEnabled:j},Ia=i=>{fa(i),i===!0&&(ge.trackCardsListPageClicked("search"),(!f||g.fetchState==="Completed"&&A.fetchState==="Completed")&&(!(y&&I)||L.fetchState==="Completed")&&Z!=null&&ge.trackCardsCardListSearchClick(Y,ke,Z,ye,we))},T=Ae(),Lt=Se&&!$,At=e.creditAccount.balance.amount+e.creditAccount.hold.amount,se={amount:At,currencyCode:e.creditAccount.balance.currencyCode,currencySymbol:e.creditAccount.balance.currencySymbol},Xe=Math.round(se.amount*100/e.creditAccount.limit.amount),ja=isNaN(Xe)?0:At!==0&&Xe===0?1:Xe,de=e.chargeCardConfig.rePaymentInfo?.cardLimitResetDate,Ze=$&&se.amount>De*e.creditAccount.limit.amount/100,ce=de!=null&&A.initiatedRepayments.amount>0,La={entity:"charge_cards",showNewButtonOnNavbar:$,showEntityEmailInfoIconOnNavbar:!1,newButtonLabel:$?z.newBtnLabel:R.strings.empty,hideSearchBtn:X,searchTextBoxStyle:{right:Lt?a.sp4:"96px"},moreIconContainerStyle:{paddingRight:Lt?a.sp0:a.sp4},isSearchOpen:Ct,searchPlaceHolder:z.searchPlaceHolder,searchText:l,showSettingsIcon:!X,showSettingsIconOnNavbar:$,showStatementButtonOnNavbar:f&&j,showPayEarlyButtonOnNavbar:ne&&$&&se.amount>0&&!ce&&!Ze,showDownloadButtonOnNavbar:!1,disableDownloadButton:!0,analytics:ge,onSearchOpen:Ia,onSearchTextChanged:oa,onClickSetupIcon:na,onClickStatementsIcon:sa,downloadState:"Not-Started",onNewButtonClick:ua,onClickPayEarlyIcon:()=>Ce("More Button","Pay Early"),onMenuOpen:()=>{(!f||g.fetchState==="Completed"&&A.fetchState==="Completed")&&(!(y&&I)||L.fetchState==="Completed")&&Z!=null&&ge.trackCardsCardListMoreMenuClick(Y,ke,Z,ye,we)},filters:{categoryCombinationOperator:"AND",categories:[]}},Aa=t.jsx(Cr,{spendManagementSectionProps:La}),Pa=e.cards.length===0?!1:X&&te.anyCardOnHold(e.cards),Ea=e.fetchState==="Completed"?li({isChargeCardFeatureEnabled:f,isChargeCardSetupEnabled:j,isDebitCardFeatureEnabled:y,isDebitCardSetupEnabled:I}):"",ve=e.debitCardSummary!=null?e.debitCardSummary.currentMonthSpends.amount-e.debitCardSummary.lastCompletedMonthSpends.amount:0,Fa=f&&j&&e.hasCreditCard,Ta=y&&I&&e.hasDebitCard,Da=f&&j&&Se&&!$,Ra=y&&I&&Se&&!$,$e=e.chargeCardConfig.rePaymentInfo?.rePaymentDueDate?.diff(te.dateNow(),"days")??0,qe=[S.payNow,$e>0&&$e<11?`${S.billDueIn} ${$e} ${$e===1?R.timeStrings.day:R.timeStrings.days}`:S.creditLimitLow,S.payNow],Pt=A.initiatedRepayments.amount===g.balance.amount+g.hold.amount,et=[S.paymentInitiated,`${z.header.limit} ${Pt?R.resets:R.updates} ${R.by} ${te.zeniDate(te.getNextNthWorkingDay(A.initiatedRepaymentDate?.toDate()??te.dateNow().toDate(),[0,6],3).toDateString()).format(Ie.visual.MMMDFormat)}`,S.paymentInitiated],tt=c.useRef(null),at=c.useRef(null),Ma=Qt(),[Ba,Et]=c.useState(!0);c.useEffect(()=>{const i=()=>{at.current&&(at.current.getBoundingClientRect().top<(T==="small"?68:40)?Et(!1):Et(!0))};i();const s=()=>{i()},b=tt.current;return b&&b.addEventListener("scroll",s),window.addEventListener("scroll",s),()=>{b&&b.removeEventListener("scroll",s),window.removeEventListener("scroll",s)}},[T]);const Na=i=>{const s=i.reasonType==="other"?i.reason:i.reasonType;o.cardId!=null&&E(o.cardId,s)},za=i=>{const s=i.reasonType==="other"?i.reason:i.reasonType;o.cardId!=null&&_(o.cardId,s)},Oa=i=>{const s=i.reasonType==="other"?i.reason:i.reasonType;M(u.bulkActionCardIds,s)},_a=i=>{const s=i.reasonType==="other"?i.reason:i.reasonType;B(u.bulkActionCardIds,s)},q=c.useMemo(()=>{const i={};return u.chargeCards.forEach(s=>{i[s.id]=s}),{chargeCardsByCardId:i,cardRecurringExpensesByCardId:u.recurringExpensesByCardId,fetchState:u.recurringExpensesFetchState.fetchState}},[u]),Ua=c.useCallback(()=>{n(u.bulkActionCardIds),J(!0)},[u.bulkActionCardIds,n]),Va=c.useCallback(()=>{n(u.bulkActionCardIds),H(!0)},[u.bulkActionCardIds,n]),Ft=c.useCallback(i=>{const s=u.bulkActionCardIds.filter(b=>b!==i);v(s),s.length===0&&(J(!1),H(!1))},[u.bulkActionCardIds,v]);return t.jsxs(fi,{ref:tt,children:[t.jsx(Ha,{title:Ea,showBackButton:!0,showMenuIcon:T==="medium-compact"||T==="small",onClickMenuIcon:ga,style:{zIndex:3},onBackClick:ha,rightSideComponent:Aa,isSearchOpen:Ct,hideSearchBtn:X,scrollableContent:tt,source:"ChargeCardListPage",backgroundColor:Ma.colors.grey4}),e.fetchState==="Not-Started"||e.fetchState==="In-Progress"?t.jsx(Ka,{fetchState:e.fetchState,styles:{margin:"auto"}}):t.jsxs(t.Fragment,{children:[X?null:t.jsxs(xi,{windowSize:T,children:[Fa||Da?t.jsxs(Vt,{windowSize:T,children:[t.jsxs(Jt,{children:[t.jsxs(Ht,{children:[t.jsxs(Kt,{children:[t.jsx(Gt,{children:z.creditCardBalance}),t.jsx(ae,{amount:se,integerStyles:{...D.h5Regular.cssObject},decimalStyles:{...D.largeSemiBold.cssObject}})]}),t.jsxs(pi,{children:[t.jsx(je,{style:{textAlign:"end"},children:R.texts.limit}),t.jsx(ae,{amount:e.creditAccount.limit,style:{justifyContent:"end"},integerStyles:D.largeRegular.cssObject,decimalStyles:D.smallRegular.cssObject})]})]}),t.jsx(Ii,{children:t.jsx(ji,{style:{width:`${ja}%`,borderRadius:a.sp1}})}),Ze&&!ce&&ne?t.jsx(rt,{placement:"bottom",style:{color:m.heroDark,padding:`12px ${a.sp3}`},title:t.jsx(di,{children:S.creditLimitIsRunningLow}),children:t.jsxs(Wt,{children:[t.jsx(ae,{amount:e.creditAccount.available,integerStyles:D.largeMedium.cssObject,decimalStyles:D.smallMedium.cssObject}),t.jsx(Yt,{windowSize:T,children:R.texts.remaining}),t.jsx(ci,{children:t.jsx(si,{})})]})}):t.jsxs(Wt,{children:[t.jsx(ae,{amount:e.creditAccount.available,integerStyles:D.largeMedium.cssObject,decimalStyles:D.smallMedium.cssObject}),t.jsx(Yt,{windowSize:T,children:R.texts.remaining})]})]}),t.jsxs(Ci,{showPaymentInitiatedInfo:ce,isEarlyPayEnabled:ne,children:[ce&&ne?null:t.jsx(je,{children:`${R.texts.limitReset} ${de!=null?de.format(Ie.visual.MMMDFormat):null}`}),$&&ne&&(ce?t.jsx("div",{children:t.jsx(rt,{maxWidth:"242px",style:{padding:`12px ${a.sp3}`},title:t.jsxs(ui,{children:[t.jsx(Ut,{children:`${S.paymentOf} ${ue("0,0.[00]",{amount:A.initiatedRepayments.amount,currencyCode:A.initiatedRepayments.currencyCode,currencySymbol:A.initiatedRepayments.currencySymbol})} ${S.madeOn} `}),t.jsx(hi,{children:A.initiatedRepaymentDate?.format(Ie.visual.MMMDFormat)}),R.strings.space,t.jsx(Ut,{children:Pt?S.isProcessingAndWillResetTheCreditLimitIn23BusinessDays:S.isProcessingAndWillUpdateTheCreditLimitIn23BusinessDays})]}),placement:"bottom",children:t.jsxs(zt,{hasPointer:!1,children:[et.length>0&&t.jsx(ot,{slideUpCount:et.length,style:{alignItems:"flex-end",width:"auto"},children:et.map((i,s)=>t.jsx(ii,{children:i},`card-payment-initiated-${s.toString()}`))}),t.jsx(ni,{})]})})}):Ze?t.jsx(rt,{variant:"informative",arrow:!0,style:{top:a.sp2,left:"22px",position:"relative"},data:{preHeading:"URGENT",heading:S.creditLimitIsLow,description:S.transactionsMayBeDeclinedBecauseTheCreditLimitIsRunningLow,buttonText:S.payNow,tooltipContentStyle:{width:"240px",boxSizing:"content-box",gap:a.sp0},tooltipIntroductionStyle:{color:m.important},buttonStyle:{width:"31%"},onButtonClick:()=>{Be(!1),Ce("Toast Button","Pay Now")},showCloseButton:!0,onClose:i=>{i.preventDefault(),i.stopPropagation(),Be(!1)}},title:"informative",placement:"bottom-end",open:ba&&Ba,children:t.jsxs(zt,{ref:at,onClick:()=>{Be(!1),Ce("Text Button","Pay Now")},hasPointer:!0,children:[qe.length>0&&t.jsx(ot,{slideUpCount:qe.length,style:{alignItems:"flex-end",width:"auto"},children:qe.map((i,s)=>t.jsx(ri,{isImportant:s===1,children:i},`card-pay-now-${s.toString()}`))}),t.jsx(Ot,{})]})}):se.amount>0?t.jsxs(oi,{onClick:()=>Ce("Text Button","Pay Early"),children:[S.payEarly,t.jsx(Ot,{})]}):null)]})]}):f&&j?t.jsx(Nt,{cardType:"creditCard",header:x.listPage.spendSmarter,title:x.listPage.setUpText.replace("__cardType__",x.listPage.credit),creditLimit:it("0,0",pe.amount,pe.currencySymbol),onCreateNowClick:pt}):f?t.jsx(Bt,{cardPromoType:"credit",cardText:x.listPage.creditCards,header:x.listPage.getAccessTo,title:x.listPage.creditCards,subTitle:x.listPage.promoSubText.credit,slidingTextList:_t("credit",Me,{amount:me,currencyCode:pe.currencyCode,currencySymbol:pe.currencySymbol}),onClick:mt}):null,Ta||Ra?t.jsxs(Vt,{windowSize:T,children:[t.jsxs(Jt,{children:[t.jsx(Ht,{children:t.jsxs(Kt,{children:[t.jsx(Gt,{children:z.debitCardSpend}),t.jsx(ae,{amount:e.debitCardSummary?.currentMonthSpends,integerStyles:{...D.h5Regular.cssObject},decimalStyles:{...D.largeSemiBold.cssObject}})]})}),t.jsx(yi,{children:ve!==0?t.jsxs(t.Fragment,{children:[ve<0?t.jsx(ki,{}):t.jsx(vi,{}),t.jsx(wi,{hasNegativeValue:ve<0,children:it("0,0.00",ve,e.debitCardSummary?.currentMonthSpends.currencySymbol)}),t.jsx(ra,{children:z.compareToLastMonth})]}):null})]}),t.jsx(aa,{children:t.jsx(je,{children:`${R.texts.limitReset} ${de!=null?de.format(Ie.visual.MMMDFormat):null}`})})]}):y&&I?t.jsx(Nt,{cardType:"debitCard",header:x.listPage.spendSmarter,title:x.listPage.setUpText.replace("__cardType__",x.listPage.debit),onCreateNowClick:pt}):y?t.jsx(Bt,{cardPromoType:"debit",cardText:x.listPage.debitCards,header:x.listPage.getAccessTo,title:x.listPage.debitCards,subTitle:x.listPage.promoSubText.debit,slidingTextList:_t("debit",Me),onClick:mt}):null,t.jsxs(Si,{windowSize:T,children:[Te?t.jsxs(mi,{children:[t.jsx(je,{style:{textAlign:"start"},children:z.totalCashback}),t.jsx(ae,{amount:e.totalCashback,style:{justifyContent:"flex-start"},integerStyles:D.h5Regular.cssObject,decimalStyles:D.smallSemiBold.cssObject}),e.totalCashback.amount>0?t.jsx(bi,{windowSize:T,children:t.jsxs($i,{windowSize:T,onClick:pa,"data-testid":nt("total-cashback-info"),children:[t.jsx(gi,{children:z.overview}),t.jsx(Li,{})]})}):null]}):null,t.jsx(Pi,{children:t.jsx(Ei,{})})]})]}),e.cards.length===0&&X===!0||Pa?t.jsx(Ai,{children:t.jsx(fr,{companyLegalName:d,cards:e.cards,admins:h,hasZeniFinopsRoles:Se,cashbackRate:Me})}):t.jsxs(t.Fragment,{children:[Oe&&o.cardId!=null&&C&&t.jsx(Dt,{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:Na,onDismissClick:()=>{fe(!1),P()},onRemoveCardClick:()=>{}}),ze&&o.cardId!=null&&C&&t.jsx(Rt,{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:za,onDismissClick:()=>{be(!1),P()},onRemoveCardClick:()=>{}}),Sa&&u.bulkActionCardIds.length>0&&t.jsx(Dt,{showCloseCardDrawer:!0,onCloseCloseCardDrawer:()=>{H(!1),v([])},isChargeCardAdmin:!0,chargeCardsByCardId:q.chargeCardsByCardId,cardRecurringExpensesByCardId:q.cardRecurringExpensesByCardId,cardRecurringExpenseFetchState:q.fetchState,closeCardFetchState:e.closeChargeCardsFetchState.fetchState,onConfirmClick:Oa,onDismissClick:()=>{H(!1),v([])},onRemoveCardClick:Ft}),xa&&u.bulkActionCardIds.length>0&&t.jsx(Rt,{showLockCardDrawer:!0,onCloseLockCardDrawer:()=>{J(!1),v([])},isChargeCardAdmin:!0,chargeCardsByCardId:q.chargeCardsByCardId,cardRecurringExpensesByCardId:q.cardRecurringExpensesByCardId,cardRecurringExpenseFetchState:q.fetchState,lockCardFetchState:e.lockChargeCardsFetchState.fetchState,onConfirmClick:_a,onDismissClick:()=>{J(!1),v([])},onRemoveCardClick:Ft}),_e&&o.cardId!=null&&C&&t.jsx(yr,{currentCardName:C.cardName,renameFetchState:o.updateChargeCardNameFetchState.fetchState,onCancelClick:()=>{Ue(!1),P()},onSubmitClick:i=>{o.cardId!=null&&ca(o.cardId,i)}}),Ve&&o.cardId!=null&&C&&t.jsx(wr,{controllerEmails:Y,isChargeCardFeatureEnabled:f,isDebitCardFeatureEnabled:y,isDebitCardSetupEnabled:I,isChargeCardSetupEnabled:j,productInformation:ke,cashbackInformation:Z,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:()=>{We(!1),P()},onSubmitClick:i=>{if(o.cardId!=null){const s={amount:i,currencyCode:C.limit.currencyCode,currencySymbol:C.limit.currencySymbol};Ee(o.cardId,s,C.creditLimitFrequency,ue("0,0.[00]",s))}},recommendations:C.recommendations}),ya&&F.length>0&&t.jsx(Yr,{currentSpentAmount:ka??{amount:0,currencyCode:F[0].limit.currencyCode,currencySymbol:F[0].limit.currencySymbol},maxLimitAmountForCreditCard:e.creditAccount.limit,maxLimitAmountForDebitCard:va,hasCreditCard:u.hasCreditCards,hasDebitCard:u.hasDebitCards,signedInUser:Re,isDisabled:u.hasDebitCards&&L.fetchState!=="Completed",updateLimitFetchState:e.updateChargeCardsSpendLimitFetchState.fetchState,onCancelClick:()=>{xe(!1),v([])},onSubmitClick:i=>{const s={amount:i,currencyCode:F[0].limit.currencyCode,currencySymbol:F[0].limit.currencySymbol};G(u.bulkActionCardIds,s,F[0].creditLimitFrequency)}}),t.jsx(gr,{cardsSelectedForBulkAction:u.bulkActionCardIds,isBulkActionAllowed:$,firstSelectedCardStatus:wa,bulkSubmissionLimit:br,removeAllCardsFromBulkActionList:()=>v([]),updateBulkActionList:v,onProceedForBulkActionClick:$a,onBulkLockClick:Ua,onBulkCloseClick:Va,setShowBulkChangeSpendLimitPopup:xe,depositAccountListWithDebitCardIssued:L,setCardIdForRowAction:Ne,setActionTypeForRowAction:gt,cashbackInformation:Z,creditAccountInformation:ye,debitAccountInformation:we,productInformation:ke,controllerEmails:Y,isChargeCardFeatureEnabled:f,isCardControlsEnabled:Fe,isDebitCardFeatureEnabled:y,isDebitCardSetupEnabled:I,isChargeCardSetupEnabled:j,creditAccount:g,creditAccountRepayment:A,cardList:e.cards,showViewForCardUser:!1,signedInUser:Re,fetchState:e.fetchState,revokeChargeCardsInviteFetchState:e.revokeChargeCardsInviteFetchState.fetchState,unlockChargeCardsFetchState:e.unlockChargeCardsFetchState.fetchState,onReloadCards:ma,onChargeCardRowClick:da,searchText:l,receiptBotEmail:e.chargeCardConfig.receiptBotEmail,uiState:ia,resendInviteId:e?.resendCardInvite?.cardId,onColumnSortConfigChanged:Ca,onChargeCardResendInviteClick:la,rowActionView:o})]})]})]})},ri=r(Xt)`
   color: ${e=>e.isImportant?m.important:e.theme.colors.primary};
   text-align: end;
 `,ii=r(Xt)`
@@ -223,7 +223,7 @@ import{k as Ga,a2 as N,Q as Ya,ft as Ja,l as te,fo as U,e as Ae,M as Pe,o as a,u
   color: ${e=>e.theme.colors.primary};
   width: 12px;
   height: 12px;
-`,ni=r(Ka)`
+`,ni=r(qa)`
   color: ${m.brandColorGoldDark};
   width: ${a.sp3};
   height: ${a.sp3};
@@ -396,11 +396,11 @@ import{k as Ga,a2 as N,Q as Ya,ft as Ja,l as te,fo as U,e as Ae,M as Pe,o as a,u
 `,Jt=r.div`
   padding: ${a.sp4};
   padding-bottom: ${a.sp2};
-`,qt=r.div`
+`,Ht=r.div`
   display: flex;
   justify-content: space-between;
   align-items: center;
-`,Ht=r.div``,Pi=r.div`
+`,Kt=r.div``,Pi=r.div`
   height: ${a.sp10};
   width: ${a.sp10};
 `;function Ei(){switch(Qt().mode){case"light":return t.jsx(vr,{});case"dark":default:return t.jsx(kr,{})}}export{to as default,_t as getPromoSlidingTextList};

package/dist/assets/{ChargeCardListTable-Bq3FUrUG-ZxNJoN2u.js → ChargeCardListTable-0mvBVaVR-DezuEV69.js}

@@ -1,4 +1,4 @@
-import{j as t,bL as ri,a as ai,M as re,F as ni,e as ee,Q as fe,k as li,u as Le,fl as di,i9 as ci,ia as hi,ib as pi,a4 as ui,o as i,Z as H,bU as mi,$ as Be,g as j,aj as gi,c0 as xi,ic as wi,id as Ci,bq as Ce,bh as fi,a6 as Si,C,eC as ki,ap as $i,ie as yi,a7 as vi,az as ji,w as Z,fn as bi,n as K,s as q,r as h,cp as Ii,cy as Li,ig as zi,ih as Fi,b as xt,bv as wt,ii as Ct,ij as Ai,bo as Ri,c5 as Qe,dv as Bi,dw as W,a0 as le,c2 as ft,h as St,ik as Pi,c8 as Di,i3 as Ye,b7 as kt,bf as $t,il as _i,im as Ei,a8 as $e,aQ as Ti,bw as Vi,io as Oi}from"./index-BkGkQn7J.js";import{f as ce,b as S,n as o,j as Je}from"./vendor-rkTZJa59.js";import{R as Te}from"./Menu-BWGaQpko-B1hEJhh5.js";import{T as yt}from"./RoleWithToolTip-C--9WRHn-CSitueNW.js";import{f as Ve}from"./CardNumberSubText-B-HsVbRQ-DD1zwm43.js";import{_ as vt}from"./ChargeCardUtils-DaDe1sIq-Cvp2W_S2.js";const me=re.getLocalizedStrings().spendManagement.chargeCard.cardList.header,Ui=re.getLocalizedStrings().common.strings.empty,Ze={key:"owner",value:me.owner,sortOrder:"ascending",width:new C(120,120,160,200,200)},Ge={key:"cardName",value:me.cardName,sortOrder:"ascending",width:new C(120,120,160,171,171)},Xe={key:"cardType",value:me.cardType,sortOrder:"ascending",width:new C(120,120,130,170,170)},et={key:"status",value:me.status,sortOrder:"ascending",width:new C(115,115,125,132,132)},tt={key:"utilisation",value:me.utilisation,sortOrder:"ascending",width:new C(h[11],h[11],h[11],h[12],120)},it={key:"limit",value:me.limit,sortOrder:"ascending",width:new C(68,68,68,h[11],100)},jt=e=>e===!0?[{...Ze,width:new C(0,0),value:Ui},Ge,Xe,et,tt,it]:[Ze,Ge,Xe,et,tt,it],{common:xe,spendManagement:{billPay:{paymentDetails:{feePercent:Mi}},chargeCard:I}}=re.getLocalizedStrings(),ie={containerPaddingLeft:new C(h[3],h[2]),containerPaddingRight:new C(h[2],h[3]),containerPaddingTop:new C(h[2],h[3]),containerPaddingBottom:new C(h[2],h[3]),containerMarginLeft:new C(h[4],h[0]),containerMarginRight:new C(h[4],h[0]),webkitLineClamp:new C(2,1,1,1,1)};var Ni=(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))(Ni||{});const Wi={moreItemFont:new xt("extraSmallRegular","smallRegular")},Hi=({setCardIdForRowAction:e,setActionTypeForRowAction:s,rowActionView:r,revokeChargeCardsInviteFetchState:l,unlockChargeCardsFetchState:n,cardsSelectedForBulkAction:d,cardDetail:a,isCardControlsEnabled:u,showViewForCardUser:g,signedInUser:w,resendInviteId:m,index:v,onChargeCardRowClick:$,onChargeCardResendInviteClick:y})=>{const[c,x]=S.useState(!1),[f,z]=S.useState(!1);S.useEffect(()=>{c||z(!1)},[c]);const F=r.cardId===a.id,A=d.includes(a.id),b=F&&r.unlockChargeCardsFetchState.fetchState==="In-Progress"||A&&n==="In-Progress",M=F&&r.revokeChargeCardFetchState.fetchState==="In-Progress"||A&&l==="In-Progress",p=b||M,k=ee(),D=!!fe().loggedInUserRole.includes("charge_card_user")||g,T=S.useCallback(()=>{$(a.id,v)},[a.id]),V=vt(a)/a.limit.amount*100,O=a?.cardHolderUserId===w.userId,R=a.status.code!=="closed"&&a.status.code!=="closed_by_customer",N=Bi(a.cardHolderUser,!1),G=a.balance,U=jt(D),ae=t.jsxs(t.Fragment,{children:[t.jsx(W,{isLoading:p,customStyle:{width:i.sp9,height:"20px",borderRadius:i.sp1},children:t.jsx(ho,{title:le("0,0.[00]",G),className:"amountToUtilize",children:le("0,0.[00]",G)})}),V!==0?t.jsx(W,{isLoading:p,customStyle:{width:i.sp11,height:i.sp3,borderRadius:i.sp1},children:t.jsx(po,{className:"amountToUtilize",children:`${Math.round(V)}${Mi}`})}):null]}),Q=a.type.code,B=I.cardList.tooltip[Q],ne=B!=null?O?B.self:`${N} ${B.cardUser}`:xe.strings.empty;return t.jsx(qi,{windowSize:k,children:t.jsx(Qi,{onClick:T,"data-testid":H("card-row",a.id),children:t.jsxs(Zi,{children:[D?null:t.jsx(pe,{children:t.jsxs(Gi,{windowSize:k,responsiveWidth:U[0].width,children:[t.jsx(W,{isLoading:p,flex:"0 0",customStyle:{width:i.sp6,height:i.sp6,borderRadius:"50%"},children:t.jsx(ft,{personBasic:a.cardHolderUser,styles:{height:i.sp6,width:i.sp6}})}),t.jsxs(eo,{isLoading:p,children:[t.jsx(Xi,{isLoading:p,children:t.jsx(W,{isLoading:p,customStyle:{width:"88px",height:"20px",borderRadius:i.sp1},children:t.jsx(to,{windowSize:k,title:N,className:"cardHolderName",children:N===xe.strings.empty?xe.strings.hyphen:N})})}),t.jsx(W,{isLoading:p,customStyle:{width:"104px",height:i.sp3,borderRadius:i.sp1},children:t.jsx(st,{className:"additionalInfoContainer",children:a.cardHolderRoles?.userRoles!=null&&t.jsx(yt,{roles:a.cardHolderRoles?.userRoles})})})]})]})}),t.jsx(pe,{children:t.jsxs(ro,{isLoading:p,windowSize:k,responsiveWidth:U[1].width,children:[t.jsx(W,{isLoading:p,customStyle:{width:"88px",height:"20px",borderRadius:i.sp1},children:t.jsx(ao,{title:a.cardName,className:"cardName",children:a.cardName})}),t.jsxs(W,{isLoading:p,customStyle:{width:"104px",height:i.sp3,borderRadius:i.sp1},children:[" ",t.jsx(Co,{windowSize:k,children:a.status.code==="request_on_hold"?xe.strings.hyphen:I.cardDetails.expiryHideOut+xe.strings.space+a.accountLast4})]})]})}),t.jsx(pe,{children:t.jsx(no,{windowSize:k,responsiveWidth:U[2].width,children:t.jsx(lo,{className:"card-type",children:t.jsx(W,{isLoading:p,customStyle:{width:"144px",height:i.sp4,borderRadius:i.sp1},children:t.jsx(Ve,{cardDetail:a,forDetailPage:!1})})})})}),t.jsx(pe,{children:t.jsx(rt,{windowSize:k,isLoading:p,responsiveWidth:U[3].width,children:t.jsx(W,{isLoading:p,customStyle:{width:"112px",height:i.sp4,borderRadius:i.sp1},children:m===a.id?t.jsx(St,{size:"Small",start:!0}):t.jsxs(co,{children:[t.jsx(go,{children:a.status.code==="request_on_hold"?t.jsxs(Ce,{display:"flex",title:ne,placement:"top",style:{padding:`${i.sp2} ${i.sp3}`},children:[t.jsx(Ie,{status:a.status.code,style:{cursor:"pointer"}}),t.jsx(uo,{style:{marginLeft:i.sp1},className:"infoIconTooltip"})]}):t.jsx(Ie,{status:a.status.code})}),a.status.code==="request_on_hold"&&!O?t.jsx(mo,{onClick:X=>{X.stopPropagation(),y(a.id)},"data-testid":H("send-reminder",a.id),children:I.cardList.sendReminder}):null]})})})}),t.jsx(pe,{children:t.jsx(rt,{windowSize:k,isLoading:p,responsiveWidth:U[4].width,children:ae})}),t.jsx(pe,{children:t.jsxs(io,{windowSize:k,responsiveWidth:U[5].width,children:[t.jsxs(oo,{windowSize:k,isLoading:p,children:[t.jsx(W,{isLoading:p,customStyle:{width:"68px",height:"20px",borderRadius:i.sp1},children:t.jsx(so,{className:"limitAmount",windowSize:k,title:le("0,0.[00]",a.limit),children:le("0,0.[00]",a.limit)})}),t.jsx(st,{className:"additionalInfoContainer",children:t.jsx(W,{isLoading:p,customStyle:{width:i.sp8,height:i.sp3,borderRadius:i.sp1},children:a.creditLimitFrequency.name})})]}),t.jsx(xo,{className:"menu-icon",onMouseEnter:()=>{!c&&R&&z(!0)},onMouseLeave:()=>{R&&z(!1)},children:!D&&(u?!p&&R:a.status.code==="request_on_hold")&&t.jsx(Ce,{open:f&&!c,variant:"standard",title:I.cardList.moreActionsTooltip,placement:"bottom-end",children:t.jsx(Te,{isMenuVisible:!0,menuItems:t.jsx(wo,{children:t.jsx(bt,{cardDetail:a,isCardControlsEnabled:u,setIsMenuOpen:x,setCardIdForRowAction:e,setActionTypeForRowAction:s})}),setIsMenuOpen:x,isMenuOpen:c,menuIconStyles:{height:"auto"}})})})]})})]})})})},bt=({cardDetail:e,isCardControlsEnabled:s,setIsMenuOpen:r,setCardIdForRowAction:l,setActionTypeForRowAction:n})=>{const d=ee();return s?e.status.code==="request_on_hold"?t.jsxs(t.Fragment,{children:[t.jsxs(E,{windowSize:d,onClick:a=>{a.stopPropagation(),r(!1),l(e.id),n("rename")},children:[t.jsx(ye,{}),t.jsx(te,{children:I.cardDetails.moreOptions.rename})]}),t.jsx(ve,{}),t.jsx(E,{hoverImportant:!0,windowSize:d,onClick:a=>{a.stopPropagation(),r(!1),l(e.id),n("revoke_invite")},children:t.jsx(we,{children:I.cardDetails.revokeInvite})})]}):e.status.code==="inactive"?t.jsxs(t.Fragment,{children:[t.jsxs(E,{windowSize:d,onClick:a=>{a.stopPropagation(),r(!1),l(e.id),n("rename")},children:[t.jsx(ye,{}),t.jsx(te,{children:I.cardDetails.moreOptions.rename})]}),t.jsx(ve,{}),t.jsxs(E,{hoverImportant:!0,windowSize:d,onClick:a=>{a.stopPropagation(),r(!1),l(e.id),n("close")},children:[t.jsx(Re,{}),t.jsx(we,{children:I.cardDetails.moreOptions.close})]})]}):e.status.code==="locked"?t.jsxs(t.Fragment,{children:[t.jsxs(E,{windowSize:d,onClick:a=>{a.stopPropagation(),r(!1),l(e.id),n("unlock")},children:[t.jsx(Ji,{}),t.jsx(te,{children:I.cardDetails.moreOptions.unlock})]}),t.jsxs(E,{windowSize:d,onClick:a=>{a.stopPropagation(),r(!1),l(e.id),n("rename")},children:[t.jsx(ye,{}),t.jsx(te,{children:I.cardDetails.moreOptions.rename})]}),t.jsxs(E,{windowSize:d,onClick:a=>{a.stopPropagation(),r(!1),l(e.id),n("update_spend_limit")},children:[t.jsx(ot,{}),t.jsx(te,{children:I.cardDetails.moreOptions.updateSpendLimit})]}),t.jsx(ve,{}),t.jsxs(E,{hoverImportant:!0,windowSize:d,onClick:a=>{a.stopPropagation(),r(!1),l(e.id),n("close")},children:[t.jsx(Re,{}),t.jsx(we,{children:I.cardDetails.moreOptions.close})]})]}):t.jsxs(t.Fragment,{children:[t.jsxs(E,{windowSize:d,onClick:a=>{a.stopPropagation(),r(!1),l(e.id),n("update_spend_limit")},children:[t.jsx(ot,{}),t.jsx(te,{children:I.cardDetails.moreOptions.updateSpendLimit})]}),t.jsxs(E,{windowSize:d,onClick:a=>{a.stopPropagation(),r(!1),l(e.id),n("rename")},children:[t.jsx(ye,{}),t.jsx(te,{children:I.cardDetails.moreOptions.rename})]}),t.jsxs(E,{windowSize:d,onClick:a=>{a.stopPropagation(),r(!1),l(e.id),n("lock")},children:[t.jsx(Yi,{}),t.jsx(te,{children:I.cardDetails.moreOptions.lock})]}),t.jsx(ve,{}),t.jsxs(E,{windowSize:d,hoverImportant:!0,onClick:a=>{a.stopPropagation(),r(!1),l(e.id),n("close")},children:[t.jsx(Re,{}),t.jsx(we,{children:I.cardDetails.moreOptions.close})]})]}):e.status.code==="request_on_hold"?t.jsx(E,{hoverImportant:!0,windowSize:d,onClick:a=>{a.stopPropagation(),r(!1),l(e.id),n("revoke_invite")},children:t.jsx(we,{children:I.cardDetails.revokeInvite})}):null},Ie=({status:e,style:s})=>{const r=Le(),l=Ki(e,r),n=re.getLocalizedStrings().spendManagement.chargeCard.cardList.status;return ee()==="small"?t.jsx(Ye,{textColor:l,text:n[e],tagStyles:{maxWidth:i.sp10,textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap",padding:"1px 6px",...s}}):t.jsx(Ye,{textColor:l,text:n[e],styles:s,tagStyles:{padding:"1px 6px"}})},Ki=(e,s)=>{switch(e){case"active":return new $e(j.success);case"request_on_hold":return new $e(j.graphColor36);case"inactive":return new $e(j.alert);default:return new $e(s.colors.grey1)}},te=o(q)`
+import{j as t,bM as ri,a as ai,M as re,F as ni,e as ee,Q as fe,k as li,u as Le,fl as di,i9 as ci,ia as hi,ib as pi,a7 as ui,o as i,a2 as H,bV as mi,$ as Be,g as j,am as gi,c0 as xi,ic as wi,id as Ci,br as Ce,bi as fi,a9 as Si,C,eC as ki,as as $i,ie as yi,aa as vi,aC as ji,w as Z,fn as bi,m as K,s as q,r as h,cp as Ii,cy as Li,ig as Fi,ih as zi,b as xt,bw as wt,ii as Ct,ij as Ai,bp as Ri,c5 as Ye,dv as Bi,dw as W,a3 as le,c2 as ft,h as St,ik as Pi,c8 as Di,i3 as Je,b8 as kt,bg as $t,il as _i,im as Ei,ab as $e,aS as Ti,bx as Vi,io as Oi}from"./index-dX8TSOm6.js";import{f as ce,b as S,n as o,j as Qe}from"./vendor-rkTZJa59.js";import{R as Te}from"./Menu-AlNg4aZb-ezBRMKxQ.js";import{T as yt}from"./RoleWithToolTip-Cxn0Q3kG-C5ZkEEHf.js";import{f as Ve}from"./CardNumberSubText-CAQ8mWuF-vKMkb_aM.js";import{_ as vt}from"./ChargeCardUtils-Bel9RKog-BYoByp7T.js";const me=re.getLocalizedStrings().spendManagement.chargeCard.cardList.header,Mi=re.getLocalizedStrings().common.strings.empty,Ze={key:"owner",value:me.owner,sortOrder:"ascending",width:new C(120,120,160,200,200)},Ge={key:"cardName",value:me.cardName,sortOrder:"ascending",width:new C(120,120,160,171,171)},Xe={key:"cardType",value:me.cardType,sortOrder:"ascending",width:new C(120,120,130,170,170)},et={key:"status",value:me.status,sortOrder:"ascending",width:new C(115,115,125,132,132)},tt={key:"utilisation",value:me.utilisation,sortOrder:"ascending",width:new C(h[11],h[11],h[11],h[12],120)},it={key:"limit",value:me.limit,sortOrder:"ascending",width:new C(68,68,68,h[11],100)},jt=e=>e===!0?[{...Ze,width:new C(0,0),value:Mi},Ge,Xe,et,tt,it]:[Ze,Ge,Xe,et,tt,it],{common:xe,spendManagement:{billPay:{paymentDetails:{feePercent:Ui}},chargeCard:I}}=re.getLocalizedStrings(),ie={containerPaddingLeft:new C(h[3],h[2]),containerPaddingRight:new C(h[2],h[3]),containerPaddingTop:new C(h[2],h[3]),containerPaddingBottom:new C(h[2],h[3]),containerMarginLeft:new C(h[4],h[0]),containerMarginRight:new C(h[4],h[0]),webkitLineClamp:new C(2,1,1,1,1)};var Ni=(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))(Ni||{});const Wi={moreItemFont:new xt("extraSmallRegular","smallRegular")},Hi=({setCardIdForRowAction:e,setActionTypeForRowAction:s,rowActionView:r,revokeChargeCardsInviteFetchState:l,unlockChargeCardsFetchState:n,cardsSelectedForBulkAction:d,cardDetail:a,isCardControlsEnabled:u,showViewForCardUser:g,signedInUser:w,resendInviteId:m,index:v,onChargeCardRowClick:$,onChargeCardResendInviteClick:y})=>{const[c,x]=S.useState(!1),[f,F]=S.useState(!1);S.useEffect(()=>{c||F(!1)},[c]);const z=r.cardId===a.id,A=d.includes(a.id),b=z&&r.unlockChargeCardsFetchState.fetchState==="In-Progress"||A&&n==="In-Progress",U=z&&r.revokeChargeCardFetchState.fetchState==="In-Progress"||A&&l==="In-Progress",p=b||U,k=ee(),D=!!fe().loggedInUserRole.includes("charge_card_user")||g,T=S.useCallback(()=>{$(a.id,v)},[a.id]),V=vt(a)/a.limit.amount*100,O=a?.cardHolderUserId===w.userId,R=a.status.code!=="closed"&&a.status.code!=="closed_by_customer",N=Bi(a.cardHolderUser,!1),G=a.balance,M=jt(D),ae=t.jsxs(t.Fragment,{children:[t.jsx(W,{isLoading:p,customStyle:{width:i.sp9,height:"20px",borderRadius:i.sp1},children:t.jsx(ho,{title:le("0,0.[00]",G),className:"amountToUtilize",children:le("0,0.[00]",G)})}),V!==0?t.jsx(W,{isLoading:p,customStyle:{width:i.sp11,height:i.sp3,borderRadius:i.sp1},children:t.jsx(po,{className:"amountToUtilize",children:`${Math.round(V)}${Ui}`})}):null]}),Y=a.type.code,B=I.cardList.tooltip[Y],ne=B!=null?O?B.self:`${N} ${B.cardUser}`:xe.strings.empty;return t.jsx(qi,{windowSize:k,children:t.jsx(Yi,{onClick:T,"data-testid":H("card-row",a.id),children:t.jsxs(Zi,{children:[D?null:t.jsx(pe,{children:t.jsxs(Gi,{windowSize:k,responsiveWidth:M[0].width,children:[t.jsx(W,{isLoading:p,flex:"0 0",customStyle:{width:i.sp6,height:i.sp6,borderRadius:"50%"},children:t.jsx(ft,{personBasic:a.cardHolderUser,styles:{height:i.sp6,width:i.sp6}})}),t.jsxs(eo,{isLoading:p,children:[t.jsx(Xi,{isLoading:p,children:t.jsx(W,{isLoading:p,customStyle:{width:"88px",height:"20px",borderRadius:i.sp1},children:t.jsx(to,{windowSize:k,title:N,className:"cardHolderName",children:N===xe.strings.empty?xe.strings.hyphen:N})})}),t.jsx(W,{isLoading:p,customStyle:{width:"104px",height:i.sp3,borderRadius:i.sp1},children:t.jsx(st,{className:"additionalInfoContainer",children:a.cardHolderRoles?.userRoles!=null&&t.jsx(yt,{roles:a.cardHolderRoles?.userRoles})})})]})]})}),t.jsx(pe,{children:t.jsxs(ro,{isLoading:p,windowSize:k,responsiveWidth:M[1].width,children:[t.jsx(W,{isLoading:p,customStyle:{width:"88px",height:"20px",borderRadius:i.sp1},children:t.jsx(ao,{title:a.cardName,className:"cardName",children:a.cardName})}),t.jsxs(W,{isLoading:p,customStyle:{width:"104px",height:i.sp3,borderRadius:i.sp1},children:[" ",t.jsx(Co,{windowSize:k,children:a.status.code==="request_on_hold"?xe.strings.hyphen:I.cardDetails.expiryHideOut+xe.strings.space+a.accountLast4})]})]})}),t.jsx(pe,{children:t.jsx(no,{windowSize:k,responsiveWidth:M[2].width,children:t.jsx(lo,{className:"card-type",children:t.jsx(W,{isLoading:p,customStyle:{width:"144px",height:i.sp4,borderRadius:i.sp1},children:t.jsx(Ve,{cardDetail:a,forDetailPage:!1})})})})}),t.jsx(pe,{children:t.jsx(rt,{windowSize:k,isLoading:p,responsiveWidth:M[3].width,children:t.jsx(W,{isLoading:p,customStyle:{width:"112px",height:i.sp4,borderRadius:i.sp1},children:m===a.id?t.jsx(St,{size:"Small",start:!0}):t.jsxs(co,{children:[t.jsx(go,{children:a.status.code==="request_on_hold"?t.jsxs(Ce,{display:"flex",title:ne,placement:"top",style:{padding:`${i.sp2} ${i.sp3}`},children:[t.jsx(Ie,{status:a.status.code,style:{cursor:"pointer"}}),t.jsx(uo,{style:{marginLeft:i.sp1},className:"infoIconTooltip"})]}):t.jsx(Ie,{status:a.status.code})}),a.status.code==="request_on_hold"&&!O?t.jsx(mo,{onClick:X=>{X.stopPropagation(),y(a.id)},"data-testid":H("send-reminder",a.id),children:I.cardList.sendReminder}):null]})})})}),t.jsx(pe,{children:t.jsx(rt,{windowSize:k,isLoading:p,responsiveWidth:M[4].width,children:ae})}),t.jsx(pe,{children:t.jsxs(io,{windowSize:k,responsiveWidth:M[5].width,children:[t.jsxs(oo,{windowSize:k,isLoading:p,children:[t.jsx(W,{isLoading:p,customStyle:{width:"68px",height:"20px",borderRadius:i.sp1},children:t.jsx(so,{className:"limitAmount",windowSize:k,title:le("0,0.[00]",a.limit),children:le("0,0.[00]",a.limit)})}),t.jsx(st,{className:"additionalInfoContainer",children:t.jsx(W,{isLoading:p,customStyle:{width:i.sp8,height:i.sp3,borderRadius:i.sp1},children:a.creditLimitFrequency.name})})]}),t.jsx(xo,{className:"menu-icon",onMouseEnter:()=>{!c&&R&&F(!0)},onMouseLeave:()=>{R&&F(!1)},children:!D&&(u?!p&&R:a.status.code==="request_on_hold")&&t.jsx(Ce,{open:f&&!c,variant:"standard",title:I.cardList.moreActionsTooltip,placement:"bottom-end",children:t.jsx(Te,{isMenuVisible:!0,menuItems:t.jsx(wo,{children:t.jsx(bt,{cardDetail:a,isCardControlsEnabled:u,setIsMenuOpen:x,setCardIdForRowAction:e,setActionTypeForRowAction:s})}),setIsMenuOpen:x,isMenuOpen:c,menuIconStyles:{height:"auto"}})})})]})})]})})})},bt=({cardDetail:e,isCardControlsEnabled:s,setIsMenuOpen:r,setCardIdForRowAction:l,setActionTypeForRowAction:n})=>{const d=ee();return s?e.status.code==="request_on_hold"?t.jsxs(t.Fragment,{children:[t.jsxs(E,{windowSize:d,onClick:a=>{a.stopPropagation(),r(!1),l(e.id),n("rename")},children:[t.jsx(ye,{}),t.jsx(te,{children:I.cardDetails.moreOptions.rename})]}),t.jsx(ve,{}),t.jsx(E,{hoverImportant:!0,windowSize:d,onClick:a=>{a.stopPropagation(),r(!1),l(e.id),n("revoke_invite")},children:t.jsx(we,{children:I.cardDetails.revokeInvite})})]}):e.status.code==="inactive"?t.jsxs(t.Fragment,{children:[t.jsxs(E,{windowSize:d,onClick:a=>{a.stopPropagation(),r(!1),l(e.id),n("rename")},children:[t.jsx(ye,{}),t.jsx(te,{children:I.cardDetails.moreOptions.rename})]}),t.jsx(ve,{}),t.jsxs(E,{hoverImportant:!0,windowSize:d,onClick:a=>{a.stopPropagation(),r(!1),l(e.id),n("close")},children:[t.jsx(Re,{}),t.jsx(we,{children:I.cardDetails.moreOptions.close})]})]}):e.status.code==="locked"?t.jsxs(t.Fragment,{children:[t.jsxs(E,{windowSize:d,onClick:a=>{a.stopPropagation(),r(!1),l(e.id),n("unlock")},children:[t.jsx(Qi,{}),t.jsx(te,{children:I.cardDetails.moreOptions.unlock})]}),t.jsxs(E,{windowSize:d,onClick:a=>{a.stopPropagation(),r(!1),l(e.id),n("rename")},children:[t.jsx(ye,{}),t.jsx(te,{children:I.cardDetails.moreOptions.rename})]}),t.jsxs(E,{windowSize:d,onClick:a=>{a.stopPropagation(),r(!1),l(e.id),n("update_spend_limit")},children:[t.jsx(ot,{}),t.jsx(te,{children:I.cardDetails.moreOptions.updateSpendLimit})]}),t.jsx(ve,{}),t.jsxs(E,{hoverImportant:!0,windowSize:d,onClick:a=>{a.stopPropagation(),r(!1),l(e.id),n("close")},children:[t.jsx(Re,{}),t.jsx(we,{children:I.cardDetails.moreOptions.close})]})]}):t.jsxs(t.Fragment,{children:[t.jsxs(E,{windowSize:d,onClick:a=>{a.stopPropagation(),r(!1),l(e.id),n("update_spend_limit")},children:[t.jsx(ot,{}),t.jsx(te,{children:I.cardDetails.moreOptions.updateSpendLimit})]}),t.jsxs(E,{windowSize:d,onClick:a=>{a.stopPropagation(),r(!1),l(e.id),n("rename")},children:[t.jsx(ye,{}),t.jsx(te,{children:I.cardDetails.moreOptions.rename})]}),t.jsxs(E,{windowSize:d,onClick:a=>{a.stopPropagation(),r(!1),l(e.id),n("lock")},children:[t.jsx(Ji,{}),t.jsx(te,{children:I.cardDetails.moreOptions.lock})]}),t.jsx(ve,{}),t.jsxs(E,{windowSize:d,hoverImportant:!0,onClick:a=>{a.stopPropagation(),r(!1),l(e.id),n("close")},children:[t.jsx(Re,{}),t.jsx(we,{children:I.cardDetails.moreOptions.close})]})]}):e.status.code==="request_on_hold"?t.jsx(E,{hoverImportant:!0,windowSize:d,onClick:a=>{a.stopPropagation(),r(!1),l(e.id),n("revoke_invite")},children:t.jsx(we,{children:I.cardDetails.revokeInvite})}):null},Ie=({status:e,style:s})=>{const r=Le(),l=Ki(e,r),n=re.getLocalizedStrings().spendManagement.chargeCard.cardList.status;return ee()==="small"?t.jsx(Je,{textColor:l,text:n[e],tagStyles:{maxWidth:i.sp10,textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap",padding:"1px 6px",...s}}):t.jsx(Je,{textColor:l,text:n[e],styles:s,tagStyles:{padding:"1px 6px"}})},Ki=(e,s)=>{switch(e){case"active":return new $e(j.success);case"request_on_hold":return new $e(j.graphColor36);case"inactive":return new $e(j.alert);default:return new $e(s.colors.grey1)}},te=o(q)`
   color: inherit;
 `,we=o(q)`
   color: ${j.important};
@@ -38,7 +38,7 @@ import{j as t,bL as ri,a as ai,M as re,F as ni,e as ee,Q as fe,k as li,u as Le,f
   margin-bottom: ${i.sp3};
   box-sizing: border-box;
   align-items: center;
-`,Qi=o.div`
+`,Yi=o.div`
   display: block;
   width: 100%;
 `,Re=o(Ct)`
@@ -53,11 +53,11 @@ import{j as t,bL as ri,a as ai,M as re,F as ni,e as ee,Q as fe,k as li,u as Le,f
   width: ${i.sp4};
   height: ${i.sp4};
   color: inherit;
-`,Yi=o(wt)`
+`,Ji=o(wt)`
   width: ${i.sp4};
   height: ${i.sp4};
   color: inherit;
-`,Ji=o(Vi)`
+`,Qi=o(Vi)`
   width: ${i.sp4};
   height: ${i.sp4};
   color: inherit;
@@ -260,9 +260,9 @@ import{j as t,bL as ri,a as ai,M as re,F as ni,e as ee,Q as fe,k as li,u as Le,f
   display: flex;
   align-items: center;
   gap: ${i.sp1};
-`,It=ce.memo(({allCheckBoxValues:e,checkBox:s,fieldName:r,index:l,containerStyle:n,"data-testid":d,groupLabelCheckBox:a,registerOptions:u,style:g,mode:w,checkBoxContainerStyle:m,checkBoxIconStyle:v,checkBoxStyle:$,labelCheckBoxStyle:y,labelStyle:c,width:x,isDisabled:f,selectionLimit:z,infoIconContainerStyle:F,checkedIconColor:A,draggable:b=!1,onDragStart:M})=>{const{control:p}=Ii();return t.jsx(Li,{control:p,name:r,rules:u,render:({field:{value:k,onChange:D,ref:T}})=>t.jsx(fo,{style:{display:"flex",alignItems:"center",width:"100%",...m,...n},"data-testid":d??H("virtualized-checkbox-field",r),children:t.jsx(zi,{checkBox:s,index:l,value:k,allCheckBoxValues:e,mode:w,name:r,checkBoxContainerStyle:g,checkBoxIconStyle:v,checkBoxStyle:s.groupLabel?y:$,labelCheckBoxStyle:y,labelStyle:c,width:x,groupLabelCheckBox:a,infoIconContainerStyle:F,selectionLimit:z,checkedIconColor:A,isDisabled:f,draggable:b,onDragStart:M,ref:T,onChangeHandler:V=>Fi({event:V,value:k,allCheckBoxValues:e,groupLabelCheckBox:a,onChange:D})})})})},(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);It.displayName="VirtualizedCheckBoxField";const fo=o.div`
+`,It=ce.memo(({allCheckBoxValues:e,checkBox:s,fieldName:r,index:l,containerStyle:n,"data-testid":d,groupLabelCheckBox:a,registerOptions:u,style:g,mode:w,checkBoxContainerStyle:m,checkBoxIconStyle:v,checkBoxStyle:$,labelCheckBoxStyle:y,labelStyle:c,width:x,isDisabled:f,selectionLimit:F,infoIconContainerStyle:z,checkedIconColor:A,draggable:b=!1,onDragStart:U})=>{const{control:p}=Ii();return t.jsx(Li,{control:p,name:r,rules:u,render:({field:{value:k,onChange:D,ref:T}})=>t.jsx(fo,{style:{display:"flex",alignItems:"center",width:"100%",...m,...n},"data-testid":d??H("virtualized-checkbox-field",r),children:t.jsx(Fi,{checkBox:s,index:l,value:k,allCheckBoxValues:e,mode:w,name:r,checkBoxContainerStyle:g,checkBoxIconStyle:v,checkBoxStyle:s.groupLabel?y:$,labelCheckBoxStyle:y,labelStyle:c,width:x,groupLabelCheckBox:a,infoIconContainerStyle:z,selectionLimit:F,checkedIconColor:A,isDisabled:f,draggable:b,onDragStart:U,ref:T,onChangeHandler:V=>zi({event:V,value:k,allCheckBoxValues:e,groupLabelCheckBox:a,onChange:D})})})})},(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);It.displayName="VirtualizedCheckBoxField";const fo=o.div`
   position: relative;
-`,Y={containerPaddingLeft:i.sp2,containerPaddingRight:i.sp3,containerPaddingTop:i.sp3,containerPaddingBottom:i.sp3,headerLastColumnTopPadding:new C(h[0],h[4]),headerLastColumnRightPadding:new C(h[3],h[11]),headerLastColumnBottomPadding:new C(h[0],h[4]),headerLastColumnLeftPadding:new C(h[0],h[11]),headerHeight:new C(_i,Ei)};function So({companyNameSticky:e,sortConfig:s,showViewForCardUser:r,onColumnSortConfigChanged:l}){const n=Le(),d=ee(),a=!!fe().loggedInUserRole.includes("charge_card_user")||r,[u,g]=S.useState(jt(a));S.useEffect(()=>{const c=[...u];for(const x of c)x.key===s.sortKey?x.sortOrder=s.sortOrder:x.sortOrder="ascending";g(c)},[s.sortKey,s.sortOrder]);const w=(c,x)=>{let f=x;s.sortKey===c&&(f=x==="ascending"?"descending":"ascending"),l(c,f)},m=u.find(c=>c.key===s.sortKey)??(a?u[1]:u[0]),v=c=>u.find(x=>x.key===c)?.value??"",$=(a?u.filter(c=>c.key!=="owner"):u).map(c=>c.key),y=re.getLocalizedStrings().spendManagement.chargeCard.cardList;return d==="small"?t.jsxs(vo,{windowSize:d,children:[t.jsxs(Io,{children:[t.jsx(zo,{children:t.jsx(Lo,{})}),t.jsx(Ri,{title:y.sortBy,placeholder:y.sortBy,pickerValues:$,valueToLabel:v,selectedValue:s.sortKey,onPickerSelectionChanged:c=>{w(c,"ascending")},optionTextStyle:Be.extraSmallRegular,titleTextStyle:Be.extraSmallRegular,titleColor:n.colors.primary,selectedOptionColor:n.colors.hero,optionBackgroundColor:n.colors.grey5,downChevronVisible:!1,backgroundColor:n.colors.grey4})]}),t.jsxs(Ro,{onClick:()=>w(m.key,m.sortOrder),"data-testid":H("mobile-cards-list-sort-clicked",s.sortKey),children:[t.jsx(K,{children:m.value}),t.jsx(at,{windowSize:d,sortDataValue:s.sortKey,headerdata:m,children:t.jsx(nt,{windowSize:d,children:t.jsx(Qe,{})})})]})]}):t.jsx($o,{windowSize:d,children:t.jsx(yo,{children:u.map(c=>c.width.value(d)!==0&&t.jsxs(jo,{companyNameSticky:e,sortDataValue:s.sortKey,actualDataValue:c.key,wrapperWidth:c.width,windowSize:d,children:[t.jsxs(Ao,{onClick:()=>w(c.key,c.sortOrder),"data-testid":H("cards-list-sort-clicked",s.sortKey),children:[t.jsx(K,{children:c.value}),t.jsx(at,{windowSize:d,sortDataValue:s.sortKey,headerdata:c,children:t.jsx(nt,{windowSize:d,children:t.jsx(Qe,{})})})]}),t.jsx(Fo,{sortDataValue:s.sortKey,windowSize:d,isVisible:s.sortKey===c.key&&(a?c.key!=="cardName":c.key!=="owner"),children:t.jsx(bo,{onClick:()=>w(a?"cardName":"owner","ascending"),"data-testid":H("cards-list-sort-cancel",s.sortKey)})})]},c.key))})})}const ko=ce.memo(So),$o=o.div`
+`,J={containerPaddingLeft:i.sp2,containerPaddingRight:i.sp3,containerPaddingTop:i.sp3,containerPaddingBottom:i.sp3,headerLastColumnTopPadding:new C(h[0],h[4]),headerLastColumnRightPadding:new C(h[3],h[11]),headerLastColumnBottomPadding:new C(h[0],h[4]),headerLastColumnLeftPadding:new C(h[0],h[11]),headerHeight:new C(_i,Ei)};function So({companyNameSticky:e,sortConfig:s,showViewForCardUser:r,onColumnSortConfigChanged:l}){const n=Le(),d=ee(),a=!!fe().loggedInUserRole.includes("charge_card_user")||r,[u,g]=S.useState(jt(a));S.useEffect(()=>{const c=[...u];for(const x of c)x.key===s.sortKey?x.sortOrder=s.sortOrder:x.sortOrder="ascending";g(c)},[s.sortKey,s.sortOrder]);const w=(c,x)=>{let f=x;s.sortKey===c&&(f=x==="ascending"?"descending":"ascending"),l(c,f)},m=u.find(c=>c.key===s.sortKey)??(a?u[1]:u[0]),v=c=>u.find(x=>x.key===c)?.value??"",$=(a?u.filter(c=>c.key!=="owner"):u).map(c=>c.key),y=re.getLocalizedStrings().spendManagement.chargeCard.cardList;return d==="small"?t.jsxs(vo,{windowSize:d,children:[t.jsxs(Io,{children:[t.jsx(Fo,{children:t.jsx(Lo,{})}),t.jsx(Ri,{title:y.sortBy,placeholder:y.sortBy,pickerValues:$,valueToLabel:v,selectedValue:s.sortKey,onPickerSelectionChanged:c=>{w(c,"ascending")},optionTextStyle:Be.extraSmallRegular,titleTextStyle:Be.extraSmallRegular,titleColor:n.colors.primary,selectedOptionColor:n.colors.hero,optionBackgroundColor:n.colors.grey5,downChevronVisible:!1,backgroundColor:n.colors.grey4})]}),t.jsxs(Ro,{onClick:()=>w(m.key,m.sortOrder),"data-testid":H("mobile-cards-list-sort-clicked",s.sortKey),children:[t.jsx(K,{children:m.value}),t.jsx(at,{windowSize:d,sortDataValue:s.sortKey,headerdata:m,children:t.jsx(nt,{windowSize:d,children:t.jsx(Ye,{})})})]})]}):t.jsx($o,{windowSize:d,children:t.jsx(yo,{children:u.map(c=>c.width.value(d)!==0&&t.jsxs(jo,{companyNameSticky:e,sortDataValue:s.sortKey,actualDataValue:c.key,wrapperWidth:c.width,windowSize:d,children:[t.jsxs(Ao,{onClick:()=>w(c.key,c.sortOrder),"data-testid":H("cards-list-sort-clicked",s.sortKey),children:[t.jsx(K,{children:c.value}),t.jsx(at,{windowSize:d,sortDataValue:s.sortKey,headerdata:c,children:t.jsx(nt,{windowSize:d,children:t.jsx(Ye,{})})})]}),t.jsx(zo,{sortDataValue:s.sortKey,windowSize:d,isVisible:s.sortKey===c.key&&(a?c.key!=="cardName":c.key!=="owner"),children:t.jsx(bo,{onClick:()=>w(a?"cardName":"owner","ascending"),"data-testid":H("cards-list-sort-cancel",s.sortKey)})})]},c.key))})})}const ko=ce.memo(So),$o=o.div`
   top: ${i.sp0};
   left: ${i.sp0};
   z-index: 2;
@@ -273,20 +273,20 @@ import{j as t,bL as ri,a as ai,M as re,F as ni,e as ee,Q as fe,k as li,u as Le,f
   display: flex;
   align-items: center;
   box-sizing: border-box;
-  padding: ${Y.containerPaddingTop} ${Y.containerPaddingRight}
-    ${Y.containerPaddingBottom} ${Y.containerPaddingLeft};
+  padding: ${J.containerPaddingTop} ${J.containerPaddingRight}
+    ${J.containerPaddingBottom} ${J.containerPaddingLeft};
   justify-content: space-between;
 `,vo=o(Z)`
   top: ${i.sp0};
   left: ${i.sp0};
-  min-height: ${e=>Y.headerHeight.valuePx(e.windowSize)};
-  max-height: ${e=>Y.headerHeight.valuePx(e.windowSize)};
+  min-height: ${e=>J.headerHeight.valuePx(e.windowSize)};
+  max-height: ${e=>J.headerHeight.valuePx(e.windowSize)};
   width: auto;
   z-index: 2;
   display: flex;
   align-items: center;
   box-sizing: border-box;
-  padding: ${e=>`${Y.headerLastColumnTopPadding.valuePx(e.windowSize)} ${Y.headerLastColumnRightPadding.valuePx(e.windowSize)} ${Y.headerLastColumnBottomPadding.valuePx(e.windowSize)} ${Y.headerLastColumnLeftPadding.valuePx(e.windowSize)}`};
+  padding: ${e=>`${J.headerLastColumnTopPadding.valuePx(e.windowSize)} ${J.headerLastColumnRightPadding.valuePx(e.windowSize)} ${J.headerLastColumnBottomPadding.valuePx(e.windowSize)} ${J.headerLastColumnLeftPadding.valuePx(e.windowSize)}`};
   background-color: ${e=>e.theme.colors.grey4};
   justify-content: space-between;
   position: sticky;
@@ -300,10 +300,10 @@ import{j as t,bL as ri,a as ai,M as re,F as ni,e as ee,Q as fe,k as li,u as Le,f
   align-items: center;
   left: ${i.sp0};
   justify-content: ${e=>e.actualDataValue==="limit"?"flex-end":"flex-start"};
-  ${e=>e.companyNameSticky?Je`
+  ${e=>e.companyNameSticky?Qe`
           position: sticky;
           z-index: 1;
-        `:Je`
+        `:Qe`
           position: static;
           z-index: 0;
         `};
@@ -336,11 +336,11 @@ import{j as t,bL as ri,a as ai,M as re,F as ni,e as ee,Q as fe,k as li,u as Le,f
   width: ${i.sp3};
   height: ${i.sp3};
   color: inherit;
-`,zo=o.div`
+`,Fo=o.div`
   margin-right: ${i.sp1};
   display: flex;
   align-items: center;
-`,Fo=o.div`
+`,zo=o.div`
   display: ${e=>e.isVisible?"flex":"none"};
   align-items: center;
   padding-top: 2px;
@@ -356,7 +356,7 @@ import{j as t,bL as ri,a as ai,M as re,F as ni,e as ee,Q as fe,k as li,u as Le,f
   cursor: pointer;
   gap: 5px;
   color: ${e=>e.theme.colors.primary};
-`,{spendManagement:{billPay:{paymentDetails:{feePercent:Bo}},chargeCard:de},common:J}=re.getLocalizedStrings(),Pe={containerMarginLeft:new C(h[3],h[8]),webkitLineClamp:new C(2,2,1,1,1)},Po=({setCardIdForRowAction:e,setActionTypeForRowAction:s,cardDetail:r,isCardControlsEnabled:l,showViewForCardUser:n,signedInUser:d,resendInviteId:a,index:u,onChargeCardRowClick:g,onChargeCardResendInviteClick:w,rowActionView:m,revokeChargeCardsInviteFetchState:v,unlockChargeCardsFetchState:$,cardsSelectedForBulkAction:y})=>{const c=!!fe().loggedInUserRole.includes("charge_card_user")||n,x=S.useCallback(()=>{g(r.id,u)},[r.id]);return c?t.jsx(Do,{cardDetail:r,onRowClick:x}):t.jsx(_o,{setCardIdForRowAction:e,setActionTypeForRowAction:s,cardDetail:r,isCardControlsEnabled:l,signedInUser:d,resendInviteId:a,onRowClick:x,onChargeCardResendInviteClick:w,rowActionView:m,revokeChargeCardsInviteFetchState:v,unlockChargeCardsFetchState:$,cardsSelectedForBulkAction:y,showViewForCardUser:n})},Lt=({cardDetail:e})=>{const s=e.balance,r=vt(e)/e.limit.amount*100;return t.jsxs(Oo,{children:[t.jsx(Ko,{children:le("0,0.[00]",s)}),r!==0?t.jsx(No,{children:`${Math.round(r)}${Bo}`}):null]})},Do=({cardDetail:e,onRowClick:s})=>{const r=ee();return t.jsx(zt,{windowSize:r,children:t.jsx(Ft,{onClick:s,"data-testid":H("charge-card-user-row",e.id),children:t.jsxs(De,{children:[t.jsx(Tt,{children:t.jsxs(Ot,{cardUser:!0,children:[t.jsxs(Bt,{children:[t.jsx(Dt,{children:J.labels.cardName}),t.jsxs(Pt,{children:[t.jsx(_t,{title:e.cardName,children:e.cardName}),t.jsx(qt,{windowSize:r,children:de.cardDetails.expiryHideOut+J.strings.space+e.accountLast4})]})]}),t.jsxs(At,{children:[t.jsx(Rt,{children:`${de.cardList.header.cardType}${J.strings.colon}`}),t.jsx(Ee,{children:t.jsx(Ve,{cardDetail:e,forDetailPage:!1})})]}),t.jsxs(Ut,{children:[t.jsx(Nt,{children:J.labels.limit}),t.jsxs(Wt,{children:[t.jsx(Mt,{children:le("0,0.[00]",e.limit)}),t.jsx(Ht,{}),t.jsx(_e,{children:e.creditLimitFrequency.name})]})]})]})}),t.jsx(Vt,{children:t.jsxs(t.Fragment,{children:[e.status.code!=="request_on_hold"?t.jsx(Lt,{cardDetail:e}):null,t.jsxs(Et,{children:[t.jsx(Ie,{status:e.status.code}),e.status.code==="request_on_hold"?t.jsx(Ce,{display:"flex",title:de.cardList.tooltip[e.type.code].self,placement:"top",style:{padding:`${i.sp2} ${i.sp3}`},children:t.jsx(Kt,{className:"infoIconTooltip"})}):null]})]})})]})})})},_o=({setCardIdForRowAction:e,setActionTypeForRowAction:s,cardDetail:r,isCardControlsEnabled:l,signedInUser:n,resendInviteId:d,onRowClick:a,onChargeCardResendInviteClick:u,rowActionView:g,revokeChargeCardsInviteFetchState:w,unlockChargeCardsFetchState:m,cardsSelectedForBulkAction:v,showViewForCardUser:$})=>{const[y,c]=S.useState(!1),x=!!fe().loggedInUserRole.includes("charge_card_user")||$,f=`${r.cardHolderUser?.firstName??""} ${r.cardHolderUser?.lastName??""}`,z=r?.cardHolderUserId===n.userId,F=ee(),A=r.type.code,b=de.cardList.tooltip[A],M=b!=null?z?b.self:`${f} ${b.cardUser}`:J.strings.empty,p=g.cardId===r.id,k=v.includes(r.id),D=p&&g.unlockChargeCardsFetchState.fetchState==="In-Progress"||k&&m==="In-Progress",T=p&&g.revokeChargeCardFetchState.fetchState==="In-Progress"||k&&w==="In-Progress",V=D||T,O=r.status.code!=="closed"&&r.status.code!=="closed_by_customer";return t.jsx(zt,{windowSize:F,children:t.jsxs(Ft,{onClick:a,"data-testid":H("charge-card-admin-row",r.id),children:[t.jsxs(De,{children:[t.jsxs(Tt,{children:[t.jsx(Uo,{children:t.jsx(ft,{personBasic:r.cardHolderUser,styles:{height:i.sp6,width:i.sp6}})}),t.jsx(Mo,{children:t.jsxs(Ho,{children:[t.jsx(Eo,{children:t.jsx(To,{windowSize:F,title:f,children:f})}),t.jsx(_e,{style:{marginTop:`-${i.sp1}`},children:r.cardHolderRoles?.userRoles!=null&&t.jsx(yt,{roles:r.cardHolderRoles?.userRoles})})]})})]}),t.jsx(Vt,{children:t.jsx(t.Fragment,{children:d===r.id?t.jsx(St,{size:"Small",start:!0}):t.jsxs(Zo,{children:[t.jsxs(Vo,{children:[r.status.code!=="request_on_hold"?t.jsx(Lt,{cardDetail:r}):null,t.jsxs(Et,{children:[t.jsx(Ie,{status:r.status.code}),r.status.code==="request_on_hold"?t.jsx(Ce,{display:"flex",title:M,placement:"top",style:{padding:`${i.sp2} ${i.sp3}`},children:t.jsx(Kt,{className:"infoIconTooltip"})}):null]})]}),r.status.code==="request_on_hold"&&!z?t.jsx(qo,{children:t.jsx(Qo,{onClick:R=>{R.stopPropagation(),u(r.id)},"data-testid":H("send-reminder-clicked",r.id),children:de.cardList.sendReminder})}):null]})})})]}),t.jsxs(De,{children:[t.jsxs(Ot,{cardUser:!1,children:[t.jsxs(Bt,{children:[t.jsx(Dt,{children:`${J.labels.cardName}`}),t.jsxs(Pt,{children:[t.jsx(_t,{title:r.cardName,children:r.cardName}),t.jsx(qt,{windowSize:F,children:r.status.code==="request_on_hold"?J.strings.hyphen:de.cardDetails.expiryHideOut+J.strings.space+r.accountLast4})]})]}),t.jsxs(At,{children:[t.jsx(Rt,{children:`${de.cardList.header.cardType}${J.strings.colon}`}),t.jsx(Ee,{children:t.jsx(Ee,{children:t.jsx(Ve,{cardDetail:r,forDetailPage:!1})})})]}),t.jsxs(Ut,{children:[t.jsx(Nt,{children:J.labels.limit}),t.jsxs(Wt,{children:[t.jsx(Mt,{children:le("0,0.[00]",r.limit)}),t.jsx(Ht,{}),t.jsx(_e,{children:r.creditLimitFrequency.name})]})]})]}),t.jsx(Wo,{children:t.jsx(Yo,{showMenu:!0,className:"menu-icon",children:!x&&(l?!V&&O:r.status.code==="request_on_hold")&&t.jsx(Te,{menuItems:t.jsx(Jo,{children:t.jsx(bt,{cardDetail:r,isCardControlsEnabled:l,setIsMenuOpen:c,setCardIdForRowAction:e,setActionTypeForRowAction:s})}),setIsMenuOpen:c,isMenuOpen:y,styles:{transform:"translate(5px,0px)"}})})})]})]})})},zt=o.div`
+`,{spendManagement:{billPay:{paymentDetails:{feePercent:Bo}},chargeCard:de},common:Q}=re.getLocalizedStrings(),Pe={containerMarginLeft:new C(h[3],h[8]),webkitLineClamp:new C(2,2,1,1,1)},Po=({setCardIdForRowAction:e,setActionTypeForRowAction:s,cardDetail:r,isCardControlsEnabled:l,showViewForCardUser:n,signedInUser:d,resendInviteId:a,index:u,onChargeCardRowClick:g,onChargeCardResendInviteClick:w,rowActionView:m,revokeChargeCardsInviteFetchState:v,unlockChargeCardsFetchState:$,cardsSelectedForBulkAction:y})=>{const c=!!fe().loggedInUserRole.includes("charge_card_user")||n,x=S.useCallback(()=>{g(r.id,u)},[r.id]);return c?t.jsx(Do,{cardDetail:r,onRowClick:x}):t.jsx(_o,{setCardIdForRowAction:e,setActionTypeForRowAction:s,cardDetail:r,isCardControlsEnabled:l,signedInUser:d,resendInviteId:a,onRowClick:x,onChargeCardResendInviteClick:w,rowActionView:m,revokeChargeCardsInviteFetchState:v,unlockChargeCardsFetchState:$,cardsSelectedForBulkAction:y,showViewForCardUser:n})},Lt=({cardDetail:e})=>{const s=e.balance,r=vt(e)/e.limit.amount*100;return t.jsxs(Oo,{children:[t.jsx(Ko,{children:le("0,0.[00]",s)}),r!==0?t.jsx(No,{children:`${Math.round(r)}${Bo}`}):null]})},Do=({cardDetail:e,onRowClick:s})=>{const r=ee();return t.jsx(Ft,{windowSize:r,children:t.jsx(zt,{onClick:s,"data-testid":H("charge-card-user-row",e.id),children:t.jsxs(De,{children:[t.jsx(Tt,{children:t.jsxs(Ot,{cardUser:!0,children:[t.jsxs(Bt,{children:[t.jsx(Dt,{children:Q.labels.cardName}),t.jsxs(Pt,{children:[t.jsx(_t,{title:e.cardName,children:e.cardName}),t.jsx(qt,{windowSize:r,children:de.cardDetails.expiryHideOut+Q.strings.space+e.accountLast4})]})]}),t.jsxs(At,{children:[t.jsx(Rt,{children:`${de.cardList.header.cardType}${Q.strings.colon}`}),t.jsx(Ee,{children:t.jsx(Ve,{cardDetail:e,forDetailPage:!1})})]}),t.jsxs(Mt,{children:[t.jsx(Nt,{children:Q.labels.limit}),t.jsxs(Wt,{children:[t.jsx(Ut,{children:le("0,0.[00]",e.limit)}),t.jsx(Ht,{}),t.jsx(_e,{children:e.creditLimitFrequency.name})]})]})]})}),t.jsx(Vt,{children:t.jsxs(t.Fragment,{children:[e.status.code!=="request_on_hold"?t.jsx(Lt,{cardDetail:e}):null,t.jsxs(Et,{children:[t.jsx(Ie,{status:e.status.code}),e.status.code==="request_on_hold"?t.jsx(Ce,{display:"flex",title:de.cardList.tooltip[e.type.code].self,placement:"top",style:{padding:`${i.sp2} ${i.sp3}`},children:t.jsx(Kt,{className:"infoIconTooltip"})}):null]})]})})]})})})},_o=({setCardIdForRowAction:e,setActionTypeForRowAction:s,cardDetail:r,isCardControlsEnabled:l,signedInUser:n,resendInviteId:d,onRowClick:a,onChargeCardResendInviteClick:u,rowActionView:g,revokeChargeCardsInviteFetchState:w,unlockChargeCardsFetchState:m,cardsSelectedForBulkAction:v,showViewForCardUser:$})=>{const[y,c]=S.useState(!1),x=!!fe().loggedInUserRole.includes("charge_card_user")||$,f=`${r.cardHolderUser?.firstName??""} ${r.cardHolderUser?.lastName??""}`,F=r?.cardHolderUserId===n.userId,z=ee(),A=r.type.code,b=de.cardList.tooltip[A],U=b!=null?F?b.self:`${f} ${b.cardUser}`:Q.strings.empty,p=g.cardId===r.id,k=v.includes(r.id),D=p&&g.unlockChargeCardsFetchState.fetchState==="In-Progress"||k&&m==="In-Progress",T=p&&g.revokeChargeCardFetchState.fetchState==="In-Progress"||k&&w==="In-Progress",V=D||T,O=r.status.code!=="closed"&&r.status.code!=="closed_by_customer";return t.jsx(Ft,{windowSize:z,children:t.jsxs(zt,{onClick:a,"data-testid":H("charge-card-admin-row",r.id),children:[t.jsxs(De,{children:[t.jsxs(Tt,{children:[t.jsx(Mo,{children:t.jsx(ft,{personBasic:r.cardHolderUser,styles:{height:i.sp6,width:i.sp6}})}),t.jsx(Uo,{children:t.jsxs(Ho,{children:[t.jsx(Eo,{children:t.jsx(To,{windowSize:z,title:f,children:f})}),t.jsx(_e,{style:{marginTop:`-${i.sp1}`},children:r.cardHolderRoles?.userRoles!=null&&t.jsx(yt,{roles:r.cardHolderRoles?.userRoles})})]})})]}),t.jsx(Vt,{children:t.jsx(t.Fragment,{children:d===r.id?t.jsx(St,{size:"Small",start:!0}):t.jsxs(Zo,{children:[t.jsxs(Vo,{children:[r.status.code!=="request_on_hold"?t.jsx(Lt,{cardDetail:r}):null,t.jsxs(Et,{children:[t.jsx(Ie,{status:r.status.code}),r.status.code==="request_on_hold"?t.jsx(Ce,{display:"flex",title:U,placement:"top",style:{padding:`${i.sp2} ${i.sp3}`},children:t.jsx(Kt,{className:"infoIconTooltip"})}):null]})]}),r.status.code==="request_on_hold"&&!F?t.jsx(qo,{children:t.jsx(Yo,{onClick:R=>{R.stopPropagation(),u(r.id)},"data-testid":H("send-reminder-clicked",r.id),children:de.cardList.sendReminder})}):null]})})})]}),t.jsxs(De,{children:[t.jsxs(Ot,{cardUser:!1,children:[t.jsxs(Bt,{children:[t.jsx(Dt,{children:`${Q.labels.cardName}`}),t.jsxs(Pt,{children:[t.jsx(_t,{title:r.cardName,children:r.cardName}),t.jsx(qt,{windowSize:z,children:r.status.code==="request_on_hold"?Q.strings.hyphen:de.cardDetails.expiryHideOut+Q.strings.space+r.accountLast4})]})]}),t.jsxs(At,{children:[t.jsx(Rt,{children:`${de.cardList.header.cardType}${Q.strings.colon}`}),t.jsx(Ee,{children:t.jsx(Ee,{children:t.jsx(Ve,{cardDetail:r,forDetailPage:!1})})})]}),t.jsxs(Mt,{children:[t.jsx(Nt,{children:Q.labels.limit}),t.jsxs(Wt,{children:[t.jsx(Ut,{children:le("0,0.[00]",r.limit)}),t.jsx(Ht,{}),t.jsx(_e,{children:r.creditLimitFrequency.name})]})]})]}),t.jsx(Wo,{children:t.jsx(Jo,{showMenu:!0,className:"menu-icon",children:!x&&(l?!V&&O:r.status.code==="request_on_hold")&&t.jsx(Te,{menuItems:t.jsx(Qo,{children:t.jsx(bt,{cardDetail:r,isCardControlsEnabled:l,setIsMenuOpen:c,setCardIdForRowAction:e,setActionTypeForRowAction:s})}),setIsMenuOpen:c,isMenuOpen:y,styles:{transform:"translate(5px,0px)"}})})})]})]})})},Ft=o.div`
   display: flex;
   background-color: ${e=>e.theme.colors.grey5};
   border: ${e=>` 1px solid ${e.theme.colors.grey3}`};
@@ -375,7 +375,7 @@ import{j as t,bL as ri,a as ai,M as re,F as ni,e as ee,Q as fe,k as li,u as Le,f
   margin-left: ${e=>Pe.containerMarginLeft.valuePx(e.windowSize)};
   margin-bottom: ${i.sp3};
   width: 100%;
-`,Ft=o.div`
+`,zt=o.div`
   display: block;
   width: 100%;
 `,De=o.div`
@@ -442,7 +442,7 @@ import{j as t,bL as ri,a as ai,M as re,F as ni,e as ee,Q as fe,k as li,u as Le,f
   display: flex;
   align-items: center;
   gap: ${i.sp1};
-`,Uo=o.div``,Mo=o.div``,No=o(K)`
+`,Mo=o.div``,Uo=o.div``,No=o(K)`
   color: ${e=>e.theme.colors.hero};
   display: flex;
   margin-top: -${i.sp1};
@@ -465,12 +465,12 @@ import{j as t,bL as ri,a as ai,M as re,F as ni,e as ee,Q as fe,k as li,u as Le,f
   position: relative;
 `,Ho=o.div`
   margin-bottom: 6px;
-`,Ut=o(K)`
+`,Mt=o(K)`
   color: ${e=>e.theme.colors.hero};
   display: flex;
   gap: ${i.sp6};
   align-items: center;
-`,Mt=o.div``,Nt=o.div``,Wt=o.div`
+`,Ut=o.div``,Nt=o.div``,Wt=o.div`
   display: flex;
   align-items: center;
   gap: 6px;
@@ -483,7 +483,7 @@ import{j as t,bL as ri,a as ai,M as re,F as ni,e as ee,Q as fe,k as li,u as Le,f
   color: ${e=>e.theme.colors.hero};
 `,qo=o.div`
   padding-right: 20px;
-`,Qo=o($t)`
+`,Yo=o($t)`
   color: ${j.link};
   cursor: pointer;
   text-align: right;
@@ -498,11 +498,11 @@ import{j as t,bL as ri,a as ai,M as re,F as ni,e as ee,Q as fe,k as li,u as Le,f
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,Yo=o.div`
+`,Jo=o.div`
   position: absolute;
   right: -${i.sp2};
   top: ${i.sp2};
-`,Jo=o.div`
+`,Qo=o.div`
   border: ${e=>`1px solid ${e.theme.colors.grey3}`};
 `,Zo=o.div`
   display: flex;
@@ -517,7 +517,7 @@ import{j as t,bL as ri,a as ai,M as re,F as ni,e as ee,Q as fe,k as li,u as Le,f
   display: flex;
   align-items: center;
   gap: ${i.sp1};
-`,Hs=20,be=(e,s,r)=>!(r!=null&&e.status.code!==r||e.status.code==="closed"||e.status.code==="closed_by_customer"),Go=(e,s,r)=>{const l=re.getLocalizedStrings(),n=l.spendManagement.chargeCard.cardList.bulkActions.exceptionMessages;if(e.status.code==="closed"||e.status.code==="closed_by_customer")return n.closedCardsCannotBeSelected;if(r!=null&&e.status.code!==r){const d=l.spendManagement.chargeCard.cardList.status[r];return n.onlyCardsUnderStatusCanBeSelectedTogether.replace("__status__",d)}return n.cardCannotBeSelectedForAction},se={lastListItemHeight:new C(200,158),bannerWrapperMarginLeftRight:new C(h[3],h[8]),styledAIIconContainerSize:new C(h[3],h[3]),checkBoxContainerStyleMarginLeft:new C(h[0],h[4]),checkBoxContainerStyleMarginRight:new C(h[0],h[8]),labelCheckBoxStyleMarginLeft:new C(h[2],h[0])},Xo={moreItemFont:new xt("extraSmallRegular","smallRegular")},ue=re.getLocalizedStrings(),{spendManagement:{chargeCard:L},common:oe}=ue,lt=50,es=64,ts=351,is=136,Qt=ce.memo(({cardList:e,controllerEmails:s,creditAccount:r,creditAccountRepayment:l,setCardIdForRowAction:n,setActionTypeForRowAction:d,rowActionView:a,showViewForCardUser:u,productInformation:g,isChargeCardFeatureEnabled:w,isChargeCardSetupEnabled:m,isDebitCardFeatureEnabled:v,isDebitCardSetupEnabled:$,cashbackInformation:y,creditAccountInformation:c,debitAccountInformation:x,depositAccountListWithDebitCardIssued:f,uiState:z,signedInUser:F,fetchState:A,revokeChargeCardsInviteFetchState:b,unlockChargeCardsFetchState:M,receiptBotEmail:p,searchText:k,resendInviteId:D,isBulkActionAllowed:T,isCardControlsEnabled:V,cardsSelectedForBulkAction:O,firstSelectedCardStatus:R,bulkSubmissionLimit:N,onProceedForBulkActionClick:G,onBulkCloseClick:U,onBulkLockClick:ae,setShowBulkChangeSpendLimitPopup:Q,onChargeCardResendInviteClick:B,onChargeCardRowClick:ne,onReloadCards:X,onColumnSortConfigChanged:he,handleClearSelection:ze})=>{const P=ee(),Xt=fe(),Oe=li().analytics,Ue=!!Xt.loggedInUserRole.includes("charge_card_user"),Me=Le(),[,Ne]=di(),[Se,We]=S.useState(!1),[Fe,He]=S.useState(!1),ei=S.useCallback(()=>{p!=null&&((!w||r.fetchState==="Completed"&&l.fetchState==="Completed")&&(!(v&&$)||f.fetchState==="Completed")&&Oe.trackCardsCopyIconClick(s,g,"Cards List","Copy","copied","Receipt Email",p,y,c,x),Ne(p),We(!0))},[p,w,r.fetchState,l.fetchState,v,$,f.fetchState,Oe,s,g,y,c,x,Ne]);S.useEffect(()=>{if(Se===!0){const _=setTimeout(()=>{We(!1)},800);return()=>clearTimeout(_)}},[Se]);const ti=S.useCallback(_=>{G(_)},[G]),Ae=S.useCallback(_=>_===0?lt:P!=="small"?ci:Ue?hi:pi,[P,Ue]),ii=S.useMemo(()=>{let _=lt+es;for(let ge=1;ge<=e.length;ge++)_+=Ae(ge);return _},[e.length,Ae]),Ke=S.useMemo(()=>window.innerHeight-ts,[]),oi=ii>Ke,qe=S.useRef(null);S.useEffect(()=>{qe.current?.resetAfterIndex(0)},[P]);const si=()=>A==="Error"?t.jsxs(ps,{children:[t.jsx(us,{onClick:X,"data-testid":H("charge-card-list-reload"),children:t.jsx(ms,{})}),t.jsx(gs,{children:oe.reloadPage.label})]}):A==="Completed"&&e.length===0?t.jsx(mi,{sourceView:"charge_cards",style:{height:"calc(100vh - 450px)"},title:L.cardList.getStarted,message:k!==""?L.cardList.noDataWithFilterText:L.cardList.noDataText,messageStyle:{maxWidth:345,color:Me.colors.primary,...Be.largeRegular.cssObject}}):t.jsxs(Gt,{children:[p!=null?t.jsxs(fs,{windowSize:P,children:[t.jsx(js,{windowSize:P,children:t.jsx(bs,{})}),t.jsxs(Is,{windowSize:P,children:[t.jsxs(Ss,{children:[t.jsx(cs,{children:L.aiCardAgentText}),oe.strings.space,L.receiptBotMessage,oe.strings.space]}),t.jsxs(vs,{"data-testid":H("charge-card-list-copy-email"),onClick:ei,onMouseEnter:()=>He(!0),onMouseLeave:()=>He(!1),children:[t.jsx(ks,{children:p}),Se===!0?t.jsxs(ct,{children:[t.jsx(ys,{}),t.jsx(dt,{children:t.jsx(ht,{shouldDisplay:Fe||Se,color:j.primaryDark,children:oe.copyToClipBoard.copied})})]}):t.jsxs(ct,{children:[t.jsx($s,{color:Fe?Me.colors.primary:void 0}),t.jsx(dt,{children:t.jsx(ht,{shouldDisplay:Fe&&P!=="small",children:oe.copyToClipBoard.copy})})]})]})]})]}):null,t.jsx(xs,{windowSize:P,availableHeight:Ke,isListTooLarge:oi,children:t.jsx(gi,{children:({height:_,width:ge})=>t.jsx(xi,{ref:qe,height:_,itemCount:e.length+1,innerElementType:Jt,itemSize:Ae,estimatedItemSize:Ci,itemKey:ke=>ke===0?"header":e[ke-1].id,width:ge,overscanCount:wi,initialScrollOffset:0,children:ke=>t.jsx(ns,{...ke,setCardIdForRowAction:n,setActionTypeForRowAction:d,rowActionView:a,resendInviteId:D,onChargeCardResendInviteClick:B,onChargeCardRowClick:ne,showViewForCardUser:u,cardList:e,signedInUser:F,uiState:z,revokeChargeCardsInviteFetchState:b,unlockChargeCardsFetchState:M,onColumnSortConfigChanged:he,isBulkActionAllowed:T,isCardControlsEnabled:V,cardsSelectedForBulkAction:O,firstSelectedCardStatus:R,bulkSubmissionLimit:N})})})})]});return t.jsxs(hs,{fetchState:A,children:[si(),O.length>0?t.jsx(ui,{helperContainerStyle:P==="small"?{margin:`${i.sp5} ${i.sp7} ${i.sp2} ${i.sp0}`}:{},showPrimaryButton:!0,primaryBtn:{label:ss(R),isLoading:!1,isDisabled:!1,type:"button",onClick:()=>{const _=Yt(R);_&&ti(_)}},cancelBtn:{label:oe.texts.goBack,isDisabled:!1,onClick:ze,style:P==="small"?{}:rs(R)},leftSideComponent:zs(O.length,N,P),rightSideComponent:t.jsx(Bs,{firstSelectedCardStatus:R,windowSize:P,setShowBulkChangeSpendLimitPopup:Q,onBulkCloseClick:U,onBulkLockClick:ae})}):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);Qt.displayName="ChargeCardListContent";const os=({cardsSelectedForBulkAction:e,cardList:s,firstSelectedCardStatus:r,bulkSubmissionLimit:l,updateBulkActionList:n,removeAllCardsFromBulkActionList:d,isChargeCardSetupEnabled:a,...u})=>{const g="bulkSelectIds",w=ai({defaultValues:{[g]:e},values:{[g]:e}});S.useEffect(()=>{const v=w.watch(($,{name:y})=>{if(y===g){let c=[];const x=$[g]??[];if(x.includes(ue.common.all.toLowerCase()))if(e.length===0){c=[];for(const f of s)if(be(f,void 0,r)&&c.push(f.id),c.length===l)break}else c=x.filter(f=>f!==ue.common.all.toLowerCase());else c=x.filter(f=>f!=null);n(c)}});return()=>v.unsubscribe()},[n,e.length,s,r,l]);const m=S.useCallback(()=>{w.setValue(g,[]),d()},[w,d]);return t.jsx(ni,{...w,children:t.jsx(Qt,{...u,cardsSelectedForBulkAction:e,cardList:s,firstSelectedCardStatus:r,bulkSubmissionLimit:l,isChargeCardSetupEnabled:a,handleClearSelection:m})})},Yt=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}},ss=e=>{if(e==null)return"Proceed";switch(e){case"active":return L.cardDetails.moreOptions.updateSpendLimit;case"locked":return L.cardDetails.moreOptions.unlock;case"inactive":return L.closeCard.closeCard;case"request_on_hold":return L.cardDetails.revokeInvite;default:return oe.proceed}},rs=e=>{switch(Yt(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{}}},Jt=S.forwardRef((e,s)=>{const{children:r,style:l,...n}=e;return t.jsx(Gt,{ref:s,style:{...l,width:"auto"},...n,children:t.jsx(Cs,{children:r})})});Jt.displayName=L.cardList.headerElementDisplayName;const as=({cardList:e,controllerEmails:s,creditAccount:r,creditAccountRepayment:l,fetchState:n,uiState:d,setCardIdForRowAction:a,setActionTypeForRowAction:u,receiptBotEmail:g,searchText:w,resendInviteId:m,showViewForCardUser:v,signedInUser:$,isChargeCardFeatureEnabled:y,isChargeCardSetupEnabled:c,isDebitCardFeatureEnabled:x,isDebitCardSetupEnabled:f,cashbackInformation:z,creditAccountInformation:F,debitAccountInformation:A,productInformation:b,isBulkActionAllowed:M,isCardControlsEnabled:p,cardsSelectedForBulkAction:k,firstSelectedCardStatus:D,bulkSubmissionLimit:T,updateBulkActionList:V,removeAllCardsFromBulkActionList:O,onProceedForBulkActionClick:R,onBulkCloseClick:N,onBulkLockClick:G,setShowBulkChangeSpendLimitPopup:U,onChargeCardRowClick:ae,onReloadCards:Q,onColumnSortConfigChanged:B,onChargeCardResendInviteClick:ne,depositAccountListWithDebitCardIssued:X,rowActionView:he,revokeChargeCardsInviteFetchState:ze,unlockChargeCardsFetchState:P})=>(ri({componentName:"cards.list",enabled:n==="Completed"}),t.jsx(os,{cardList:e,controllerEmails:s,creditAccount:r,creditAccountRepayment:l,setCardIdForRowAction:a,setActionTypeForRowAction:u,rowActionView:he,isChargeCardFeatureEnabled:y,isChargeCardSetupEnabled:c,isDebitCardFeatureEnabled:x,isDebitCardSetupEnabled:f,cashbackInformation:z,creditAccountInformation:F,debitAccountInformation:A,productInformation:b,isBulkActionAllowed:M,isCardControlsEnabled:p,cardsSelectedForBulkAction:k,firstSelectedCardStatus:D,bulkSubmissionLimit:T,updateBulkActionList:V,removeAllCardsFromBulkActionList:O,onProceedForBulkActionClick:R,onBulkCloseClick:N,onBulkLockClick:G,setShowBulkChangeSpendLimitPopup:U,depositAccountListWithDebitCardIssued:X,showViewForCardUser:v,signedInUser:$,fetchState:n,revokeChargeCardsInviteFetchState:ze,unlockChargeCardsFetchState:P,receiptBotEmail:g,searchText:w,resendInviteId:m,onReloadCards:Q,onChargeCardRowClick:ae,uiState:d,onColumnSortConfigChanged:B,onChargeCardResendInviteClick:ne})),Ks=ce.memo(as),ns=({uiState:e,onColumnSortConfigChanged:s,isBulkActionAllowed:r,isCardControlsEnabled:l,cardsSelectedForBulkAction:n,firstSelectedCardStatus:d,bulkSubmissionLimit:a,index:u,setCardIdForRowAction:g,setActionTypeForRowAction:w,rowActionView:m,revokeChargeCardsInviteFetchState:v,unlockChargeCardsFetchState:$,style:y,cardList:c,showViewForCardUser:x,signedInUser:f,resendInviteId:z,onChargeCardResendInviteClick:F,onChargeCardRowClick:A})=>{const b=ee(),M=Le(),p=m.cardId!=null&&m.unlockChargeCardsFetchState.fetchState==="In-Progress"||$==="In-Progress"&&n.length>0,k=!r||p||l===!1?"off":n.length>0?"always_on":"checked_or_hover",D={gap:i.sp3,width:"auto",marginLeft:se.checkBoxContainerStyleMarginLeft.valuePx(b),marginRight:se.checkBoxContainerStyleMarginRight.valuePx(b)},T={marginLeft:se.labelCheckBoxStyleMarginLeft.valuePx(b)},V=ds(b),O=ls(b),R={width:"100%"},N={backgroundColor:M.colors.grey4},G={...y,width:"100%"},U=S.useMemo(()=>{const X=[ue.common.all.toLowerCase()];for(const he of c)if(!(l&&!be(he,void 0,d))&&(X.push(he.id),a!=null&&X.length===a+1))break;return X},[c,l,d,a]),ae={label:"",defaultChecked:!1,groupLabel:!0,value:ue.common.all.toLowerCase(),isException:!(n.length>0)},Q=u===0,B=Q?null:c[u-1],ne=S.useMemo(()=>Q?{label:t.jsx(ko,{companyNameSticky:!1,showViewForCardUser:x,onColumnSortConfigChanged:s,sortConfig:{sortKey:e.sortKey,sortOrder:e.sortOrder}}),defaultChecked:!1,groupLabel:!0,value:ue.common.all.toLowerCase(),isException:!(n.length>0)}:B==null?{label:t.jsx("div",{}),value:"",groupLabel:!1,defaultChecked:!1,isException:!1}:{label:t.jsx(Zt,{setCardIdForRowAction:g,setActionTypeForRowAction:w,rowActionView:m,revokeChargeCardsInviteFetchState:v,unlockChargeCardsFetchState:$,cardsSelectedForBulkAction:n,isCardControlsEnabled:l,showViewForCardUser:x,cardDetail:B,signedInUser:f,resendInviteId:z,index:u-1,onChargeCardResendInviteClick:F,onChargeCardRowClick:A}),value:B.id,groupLabel:!1,defaultChecked:!1,isException:l?!be(B,void 0,d):!1,exceptionMode:"checked_or_hover",exceptionInfo:Go(B,void 0,d),exceptionType:be(B,void 0,d)?void 0:"info"},[Q,B,x,s,e.sortKey,e.sortOrder,n,g,w,m,v,$,l,f,z,u,F,A,d]);return t.jsx(ws,{style:G,className:"spend-management-list-item",children:t.jsx(It,{checkBox:ne,fieldName:"bulkSelectIds",index:u,allCheckBoxValues:U,groupLabelCheckBox:ae,mode:k,checkBoxContainerStyle:D,checkBoxIconStyle:N,checkBoxStyle:Q?T:V,labelCheckBoxStyle:T,labelStyle:R,style:{gap:i.sp3},infoIconContainerStyle:O,selectionLimit:a})})},ls=e=>{let s={zIndex:1,marginBottom:i.sp2};return e==="small"&&(s={...s,position:"absolute",left:i.sp2,marginBottom:i.sp1,width:i.sp4,height:i.sp4}),s},ds=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},Zt=ce.memo(({setCardIdForRowAction:e,setActionTypeForRowAction:s,rowActionView:r,revokeChargeCardsInviteFetchState:l,unlockChargeCardsFetchState:n,cardsSelectedForBulkAction:d,cardDetail:a,isCardControlsEnabled:u,showViewForCardUser:g,signedInUser:w,resendInviteId:m,index:v,onChargeCardResendInviteClick:$,onChargeCardRowClick:y})=>{const c=ee()==="small"?Po:Hi;return t.jsx(c,{cardDetail:a,index:v,isCardControlsEnabled:u,setActionTypeForRowAction:s,setCardIdForRowAction:e,showViewForCardUser:g,signedInUser:w,revokeChargeCardsInviteFetchState:l,unlockChargeCardsFetchState:n,cardsSelectedForBulkAction:d,rowActionView:r,onChargeCardRowClick:y,resendInviteId:m,onChargeCardResendInviteClick:$})},(e,s)=>{const r=e.cardsSelectedForBulkAction.includes(e.cardDetail.id),l=s.cardsSelectedForBulkAction.includes(s.cardDetail.id),n=e.rowActionView.cardId===e.cardDetail.id,d=s.rowActionView.cardId===s.cardDetail.id;return r===l&&n===d&&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});Zt.displayName="ChargeCardRowWrapper";const cs=o(yi)`
+`,Hs=20,be=(e,s,r)=>!(r!=null&&e.status.code!==r||e.status.code==="closed"||e.status.code==="closed_by_customer"),Go=(e,s,r)=>{const l=re.getLocalizedStrings(),n=l.spendManagement.chargeCard.cardList.bulkActions.exceptionMessages;if(e.status.code==="closed"||e.status.code==="closed_by_customer")return n.closedCardsCannotBeSelected;if(r!=null&&e.status.code!==r){const d=l.spendManagement.chargeCard.cardList.status[r];return n.onlyCardsUnderStatusCanBeSelectedTogether.replace("__status__",d)}return n.cardCannotBeSelectedForAction},se={lastListItemHeight:new C(200,158),bannerWrapperMarginLeftRight:new C(h[3],h[8]),styledAIIconContainerSize:new C(h[3],h[3]),checkBoxContainerStyleMarginLeft:new C(h[0],h[4]),checkBoxContainerStyleMarginRight:new C(h[0],h[8]),labelCheckBoxStyleMarginLeft:new C(h[2],h[0])},Xo={moreItemFont:new xt("extraSmallRegular","smallRegular")},ue=re.getLocalizedStrings(),{spendManagement:{chargeCard:L},common:oe}=ue,lt=50,es=64,ts=351,is=136,Yt=ce.memo(({cardList:e,controllerEmails:s,creditAccount:r,creditAccountRepayment:l,setCardIdForRowAction:n,setActionTypeForRowAction:d,rowActionView:a,showViewForCardUser:u,productInformation:g,isChargeCardFeatureEnabled:w,isChargeCardSetupEnabled:m,isDebitCardFeatureEnabled:v,isDebitCardSetupEnabled:$,cashbackInformation:y,creditAccountInformation:c,debitAccountInformation:x,depositAccountListWithDebitCardIssued:f,uiState:F,signedInUser:z,fetchState:A,revokeChargeCardsInviteFetchState:b,unlockChargeCardsFetchState:U,receiptBotEmail:p,searchText:k,resendInviteId:D,isBulkActionAllowed:T,isCardControlsEnabled:V,cardsSelectedForBulkAction:O,firstSelectedCardStatus:R,bulkSubmissionLimit:N,onProceedForBulkActionClick:G,onBulkCloseClick:M,onBulkLockClick:ae,setShowBulkChangeSpendLimitPopup:Y,onChargeCardResendInviteClick:B,onChargeCardRowClick:ne,onReloadCards:X,onColumnSortConfigChanged:he,handleClearSelection:Fe})=>{const P=ee(),Xt=fe(),Oe=li().analytics,Me=!!Xt.loggedInUserRole.includes("charge_card_user"),Ue=Le(),[,Ne]=di(),[Se,We]=S.useState(!1),[ze,He]=S.useState(!1),ei=S.useCallback(()=>{p!=null&&((!w||r.fetchState==="Completed"&&l.fetchState==="Completed")&&(!(v&&$)||f.fetchState==="Completed")&&Oe.trackCardsCopyIconClick(s,g,"Cards List","Copy","copied","Receipt Email",p,y,c,x),Ne(p),We(!0))},[p,w,r.fetchState,l.fetchState,v,$,f.fetchState,Oe,s,g,y,c,x,Ne]);S.useEffect(()=>{if(Se===!0){const _=setTimeout(()=>{We(!1)},800);return()=>clearTimeout(_)}},[Se]);const ti=S.useCallback(_=>{G(_)},[G]),Ae=S.useCallback(_=>_===0?lt:P!=="small"?ci:Me?hi:pi,[P,Me]),ii=S.useMemo(()=>{let _=lt+es;for(let ge=1;ge<=e.length;ge++)_+=Ae(ge);return _},[e.length,Ae]),Ke=S.useMemo(()=>window.innerHeight-ts,[]),oi=ii>Ke,qe=S.useRef(null);S.useEffect(()=>{qe.current?.resetAfterIndex(0)},[P]);const si=()=>A==="Error"?t.jsxs(ps,{children:[t.jsx(us,{onClick:X,"data-testid":H("charge-card-list-reload"),children:t.jsx(ms,{})}),t.jsx(gs,{children:oe.reloadPage.label})]}):A==="Completed"&&e.length===0?t.jsx(mi,{sourceView:"charge_cards",style:{height:"calc(100vh - 450px)"},title:L.cardList.getStarted,message:k!==""?L.cardList.noDataWithFilterText:L.cardList.noDataText,messageStyle:{maxWidth:345,color:Ue.colors.primary,...Be.largeRegular.cssObject}}):t.jsxs(Gt,{children:[p!=null?t.jsxs(fs,{windowSize:P,children:[t.jsx(js,{windowSize:P,children:t.jsx(bs,{})}),t.jsxs(Is,{windowSize:P,children:[t.jsxs(Ss,{children:[t.jsx(cs,{children:L.aiCardAgentText}),oe.strings.space,L.receiptBotMessage,oe.strings.space]}),t.jsxs(vs,{"data-testid":H("charge-card-list-copy-email"),onClick:ei,onMouseEnter:()=>He(!0),onMouseLeave:()=>He(!1),children:[t.jsx(ks,{children:p}),Se===!0?t.jsxs(ct,{children:[t.jsx(ys,{}),t.jsx(dt,{children:t.jsx(ht,{shouldDisplay:ze||Se,color:j.primaryDark,children:oe.copyToClipBoard.copied})})]}):t.jsxs(ct,{children:[t.jsx($s,{color:ze?Ue.colors.primary:void 0}),t.jsx(dt,{children:t.jsx(ht,{shouldDisplay:ze&&P!=="small",children:oe.copyToClipBoard.copy})})]})]})]})]}):null,t.jsx(xs,{windowSize:P,availableHeight:Ke,isListTooLarge:oi,children:t.jsx(gi,{children:({height:_,width:ge})=>t.jsx(xi,{ref:qe,height:_,itemCount:e.length+1,innerElementType:Qt,itemSize:Ae,estimatedItemSize:Ci,itemKey:ke=>ke===0?"header":e[ke-1].id,width:ge,overscanCount:wi,initialScrollOffset:0,children:ke=>t.jsx(ns,{...ke,setCardIdForRowAction:n,setActionTypeForRowAction:d,rowActionView:a,resendInviteId:D,onChargeCardResendInviteClick:B,onChargeCardRowClick:ne,showViewForCardUser:u,cardList:e,signedInUser:z,uiState:F,revokeChargeCardsInviteFetchState:b,unlockChargeCardsFetchState:U,onColumnSortConfigChanged:he,isBulkActionAllowed:T,isCardControlsEnabled:V,cardsSelectedForBulkAction:O,firstSelectedCardStatus:R,bulkSubmissionLimit:N})})})})]});return t.jsxs(hs,{fetchState:A,children:[si(),O.length>0?t.jsx(ui,{helperContainerStyle:P==="small"?{margin:`${i.sp5} ${i.sp7} ${i.sp2} ${i.sp0}`}:{},showPrimaryButton:!0,primaryBtn:{label:ss(R),isLoading:!1,isDisabled:!1,type:"button",onClick:()=>{const _=Jt(R);_&&ti(_)}},cancelBtn:{label:oe.texts.goBack,isDisabled:!1,onClick:Fe,style:P==="small"?{}:rs(R)},leftSideComponent:Fs(O.length,N,P),rightSideComponent:t.jsx(Bs,{firstSelectedCardStatus:R,windowSize:P,setShowBulkChangeSpendLimitPopup:Y,onBulkCloseClick:M,onBulkLockClick:ae})}):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 os=({cardsSelectedForBulkAction:e,cardList:s,firstSelectedCardStatus:r,bulkSubmissionLimit:l,updateBulkActionList:n,removeAllCardsFromBulkActionList:d,isChargeCardSetupEnabled:a,...u})=>{const g="bulkSelectIds",w=ai({defaultValues:{[g]:e},values:{[g]:e}});S.useEffect(()=>{const v=w.watch(($,{name:y})=>{if(y===g){let c=[];const x=$[g]??[];if(x.includes(ue.common.all.toLowerCase()))if(e.length===0){c=[];for(const f of s)if(be(f,void 0,r)&&c.push(f.id),c.length===l)break}else c=x.filter(f=>f!==ue.common.all.toLowerCase());else c=x.filter(f=>f!=null);n(c)}});return()=>v.unsubscribe()},[n,e.length,s,r,l]);const m=S.useCallback(()=>{w.setValue(g,[]),d()},[w,d]);return t.jsx(ni,{...w,children:t.jsx(Yt,{...u,cardsSelectedForBulkAction:e,cardList:s,firstSelectedCardStatus:r,bulkSubmissionLimit:l,isChargeCardSetupEnabled:a,handleClearSelection:m})})},Jt=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}},ss=e=>{if(e==null)return"Proceed";switch(e){case"active":return L.cardDetails.moreOptions.updateSpendLimit;case"locked":return L.cardDetails.moreOptions.unlock;case"inactive":return L.closeCard.closeCard;case"request_on_hold":return L.cardDetails.revokeInvite;default:return oe.proceed}},rs=e=>{switch(Jt(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{}}},Qt=S.forwardRef((e,s)=>{const{children:r,style:l,...n}=e;return t.jsx(Gt,{ref:s,style:{...l,width:"auto"},...n,children:t.jsx(Cs,{children:r})})});Qt.displayName=L.cardList.headerElementDisplayName;const as=({cardList:e,controllerEmails:s,creditAccount:r,creditAccountRepayment:l,fetchState:n,uiState:d,setCardIdForRowAction:a,setActionTypeForRowAction:u,receiptBotEmail:g,searchText:w,resendInviteId:m,showViewForCardUser:v,signedInUser:$,isChargeCardFeatureEnabled:y,isChargeCardSetupEnabled:c,isDebitCardFeatureEnabled:x,isDebitCardSetupEnabled:f,cashbackInformation:F,creditAccountInformation:z,debitAccountInformation:A,productInformation:b,isBulkActionAllowed:U,isCardControlsEnabled:p,cardsSelectedForBulkAction:k,firstSelectedCardStatus:D,bulkSubmissionLimit:T,updateBulkActionList:V,removeAllCardsFromBulkActionList:O,onProceedForBulkActionClick:R,onBulkCloseClick:N,onBulkLockClick:G,setShowBulkChangeSpendLimitPopup:M,onChargeCardRowClick:ae,onReloadCards:Y,onColumnSortConfigChanged:B,onChargeCardResendInviteClick:ne,depositAccountListWithDebitCardIssued:X,rowActionView:he,revokeChargeCardsInviteFetchState:Fe,unlockChargeCardsFetchState:P})=>(ri({componentName:"cards.list",enabled:n==="Completed"}),t.jsx(os,{cardList:e,controllerEmails:s,creditAccount:r,creditAccountRepayment:l,setCardIdForRowAction:a,setActionTypeForRowAction:u,rowActionView:he,isChargeCardFeatureEnabled:y,isChargeCardSetupEnabled:c,isDebitCardFeatureEnabled:x,isDebitCardSetupEnabled:f,cashbackInformation:F,creditAccountInformation:z,debitAccountInformation:A,productInformation:b,isBulkActionAllowed:U,isCardControlsEnabled:p,cardsSelectedForBulkAction:k,firstSelectedCardStatus:D,bulkSubmissionLimit:T,updateBulkActionList:V,removeAllCardsFromBulkActionList:O,onProceedForBulkActionClick:R,onBulkCloseClick:N,onBulkLockClick:G,setShowBulkChangeSpendLimitPopup:M,depositAccountListWithDebitCardIssued:X,showViewForCardUser:v,signedInUser:$,fetchState:n,revokeChargeCardsInviteFetchState:Fe,unlockChargeCardsFetchState:P,receiptBotEmail:g,searchText:w,resendInviteId:m,onReloadCards:Y,onChargeCardRowClick:ae,uiState:d,onColumnSortConfigChanged:B,onChargeCardResendInviteClick:ne})),Ks=ce.memo(as),ns=({uiState:e,onColumnSortConfigChanged:s,isBulkActionAllowed:r,isCardControlsEnabled:l,cardsSelectedForBulkAction:n,firstSelectedCardStatus:d,bulkSubmissionLimit:a,index:u,setCardIdForRowAction:g,setActionTypeForRowAction:w,rowActionView:m,revokeChargeCardsInviteFetchState:v,unlockChargeCardsFetchState:$,style:y,cardList:c,showViewForCardUser:x,signedInUser:f,resendInviteId:F,onChargeCardResendInviteClick:z,onChargeCardRowClick:A})=>{const b=ee(),U=Le(),p=m.cardId!=null&&m.unlockChargeCardsFetchState.fetchState==="In-Progress"||$==="In-Progress"&&n.length>0,k=!r||p||l===!1?"off":n.length>0?"always_on":"checked_or_hover",D={gap:i.sp3,width:"auto",marginLeft:se.checkBoxContainerStyleMarginLeft.valuePx(b),marginRight:se.checkBoxContainerStyleMarginRight.valuePx(b)},T={marginLeft:se.labelCheckBoxStyleMarginLeft.valuePx(b)},V=ds(b),O=ls(b),R={width:"100%"},N={backgroundColor:U.colors.grey4},G={...y,width:"100%"},M=S.useMemo(()=>{const X=[ue.common.all.toLowerCase()];for(const he of c)if(!(l&&!be(he,void 0,d))&&(X.push(he.id),a!=null&&X.length===a+1))break;return X},[c,l,d,a]),ae={label:"",defaultChecked:!1,groupLabel:!0,value:ue.common.all.toLowerCase(),isException:!(n.length>0)},Y=u===0,B=Y?null:c[u-1],ne=S.useMemo(()=>Y?{label:t.jsx(ko,{companyNameSticky:!1,showViewForCardUser:x,onColumnSortConfigChanged:s,sortConfig:{sortKey:e.sortKey,sortOrder:e.sortOrder}}),defaultChecked:!1,groupLabel:!0,value:ue.common.all.toLowerCase(),isException:!(n.length>0)}:B==null?{label:t.jsx("div",{}),value:"",groupLabel:!1,defaultChecked:!1,isException:!1}:{label:t.jsx(Zt,{setCardIdForRowAction:g,setActionTypeForRowAction:w,rowActionView:m,revokeChargeCardsInviteFetchState:v,unlockChargeCardsFetchState:$,cardsSelectedForBulkAction:n,isCardControlsEnabled:l,showViewForCardUser:x,cardDetail:B,signedInUser:f,resendInviteId:F,index:u-1,onChargeCardResendInviteClick:z,onChargeCardRowClick:A}),value:B.id,groupLabel:!1,defaultChecked:!1,isException:l?!be(B,void 0,d):!1,exceptionMode:"checked_or_hover",exceptionInfo:Go(B,void 0,d),exceptionType:be(B,void 0,d)?void 0:"info"},[Y,B,x,s,e.sortKey,e.sortOrder,n,g,w,m,v,$,l,f,F,u,z,A,d]);return t.jsx(ws,{style:G,className:"spend-management-list-item",children:t.jsx(It,{checkBox:ne,fieldName:"bulkSelectIds",index:u,allCheckBoxValues:M,groupLabelCheckBox:ae,mode:k,checkBoxContainerStyle:D,checkBoxIconStyle:N,checkBoxStyle:Y?T:V,labelCheckBoxStyle:T,labelStyle:R,style:{gap:i.sp3},infoIconContainerStyle:O,selectionLimit:a})})},ls=e=>{let s={zIndex:1,marginBottom:i.sp2};return e==="small"&&(s={...s,position:"absolute",left:i.sp2,marginBottom:i.sp1,width:i.sp4,height:i.sp4}),s},ds=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},Zt=ce.memo(({setCardIdForRowAction:e,setActionTypeForRowAction:s,rowActionView:r,revokeChargeCardsInviteFetchState:l,unlockChargeCardsFetchState:n,cardsSelectedForBulkAction:d,cardDetail:a,isCardControlsEnabled:u,showViewForCardUser:g,signedInUser:w,resendInviteId:m,index:v,onChargeCardResendInviteClick:$,onChargeCardRowClick:y})=>{const c=ee()==="small"?Po:Hi;return t.jsx(c,{cardDetail:a,index:v,isCardControlsEnabled:u,setActionTypeForRowAction:s,setCardIdForRowAction:e,showViewForCardUser:g,signedInUser:w,revokeChargeCardsInviteFetchState:l,unlockChargeCardsFetchState:n,cardsSelectedForBulkAction:d,rowActionView:r,onChargeCardRowClick:y,resendInviteId:m,onChargeCardResendInviteClick:$})},(e,s)=>{const r=e.cardsSelectedForBulkAction.includes(e.cardDetail.id),l=s.cardsSelectedForBulkAction.includes(s.cardDetail.id),n=e.rowActionView.cardId===e.cardDetail.id,d=s.rowActionView.cardId===s.cardDetail.id;return r===l&&n===d&&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});Zt.displayName="ChargeCardRowWrapper";const cs=o(yi)`
   color: ${e=>e.theme.colors.brandColorSapphire};
   ${({theme:e})=>e.mode==="dark"&&`color: ${j.brandColorPearl};`}
 `,hs=o.div`
@@ -638,7 +638,7 @@ import{j as t,bL as ri,a as ai,M as re,F as ni,e as ee,Q as fe,k as li,u as Le,f
   align-items: center;
   gap: ${i.sp2};
   margin-left: ${i.sp8};
-`,zs=(e,s,r)=>{const l=L.common.card,n=(e>1?l+"s":l)+L.cardList.bulkActions.selected;return e>0?t.jsxs(Ls,{style:r==="small"?{position:"absolute",top:i.sp2,left:`-${i.sp5}`}:{},children:[t.jsx(Fs,{multiDigit:e>=10,children:e}),t.jsx(As,{children:n}),e===s?t.jsx(Rs,{children:oe.texts.maxLimit}):null]}):null},Fs=o(K)`
+`,Fs=(e,s,r)=>{const l=L.common.card,n=(e>1?l+"s":l)+L.cardList.bulkActions.selected;return e>0?t.jsxs(Ls,{style:r==="small"?{position:"absolute",top:i.sp2,left:`-${i.sp5}`}:{},children:[t.jsx(zs,{multiDigit:e>=10,children:e}),t.jsx(As,{children:n}),e===s?t.jsx(Rs,{children:oe.texts.maxLimit}):null]}):null},zs=o(K)`
   height: 18px;
   width: ${e=>e.multiDigit?"auto":"18px"};
   padding: ${i.sp0} 6px;
@@ -699,4 +699,4 @@ import{j as t,bL as ri,a as ai,M as re,F as ni,e as ee,Q as fe,k as li,u as Le,f
   width: ${i.sp4};
   height: ${i.sp4};
   color: inherit;
-`;export{Ni as J,Ks as o,Hs as t};
+`;export{Ni as Z,Ks as o,Hs as t};