@zeniai/web-app-ui 4.14.32-qa → 4.14.33-dev

package/dist/assets/{ChargeCardListPage-CfRto2rQ-DPjFotcB.js → ChargeCardListPage-BTHDGtJ6-Cjssvtzk.js}

@@ -1,4 +1,4 @@
-import{h as Ja,a7 as _,_ as Ka,fm as Wa,i5 as N,e as Ee,o as a,y as ta,V as t,a_ as Xa,eO as ae,w as D,bo as nt,f as p,a5 as he,b as M,ag as st,O as Fe,x as V,C as q,d as Za,M as Qa,co as er,t as aa,b6 as tr,aj as ct,ab as ar,H as lt,T as rr,gf as ir,dX as or,k as nr,A as sr,fD as dr,a as Ot,m as O,cy as ra,D as cr,l as lr,c2 as hr,cn as ur,aT as mr,bq as pr}from"./index-Mhz2NAiD.js";import{a as c}from"./sentry-D-LCra2M.js";import{n as r,c as ht,k as Cr}from"./mui-Ckdcx_YE.js";import{F4 as gr,Gs as xr,bs as Bt,bG as br,c6 as yr}from"./zeni-epic-state-B1zsDZZ4.js";import{m as fr}from"./BusyIndication-DmApVsF7-DoBMbi5i.js";import{t as Sr}from"./SpendManagementSection-6R5y0Hy4-DR8MdoOh.js";import{D as re,r as wr,i as kr}from"./ChargeCardListTable-DMdC4lxo-CtkD7-2q.js";import{ChargeCardPromoUserContent as $r}from"./ChargeCardPromoPage-AI5bladj-STtaDscO.js";import{N as Ir,J as vr}from"./PromoBaseCards-Bmn6TN2k-Bs7EMABq.js";import{z as Mt,L as Nt,k as jr,P as Ar}from"./LockCardPage-XHbTmzq8-D2FlG_hq.js";import{r as Lr,i as Pr}from"./graphic-no-data-net-burn-l-CzmycA0m-C9pmzSAL.js";import{t as Er,o as Fr}from"./arrow-south-east-round-PEovUgvH-B3QTzBHA.js";import"./pdf-CwWlK-Dr.js";import"./core-AYNw6kyJ.js";import"./lottie-DdLBMmzp.js";import"./liveblocks-DJcRPJQh.js";import"./recharts-Dr1JzI4y.js";import"./dnd-Dw-riVE4.js";import"./analytics-CVqRc8fh.js";import"./plaid-BhP6n1uc.js";import"./utils-CI1RvLss.js";import"./MoreMenuButton-B1OKwXLg-BGjwJb3U.js";import"./bank-letter-BOcVjN6J-KdddOmyc.js";import"./spend-limit-D6SyboD4-D85B38gI.js";import"./dollar-round-D18u7nlm-CvsBoEut.js";import"./money-2cg1MuG4-B7YE6t0I.js";import"./page-summary-D7_VQHwN-BvkWkaoT.js";import"./transaction-placeholder-CpOwZAMG-Ca0HZ2W6.js";import"./unlock-BPWn2I5L-DDdPB9QU.js";import"./filter-cZIFUNvj-lFkn5gVk.js";import"./ZeniDatePicker-CYNEE0pM-CI8_Q6Ab.js";import"./avatar-Dz7aEm3d-B-3VAvb3.js";import"./common-Cws59IN1-tgtgUQp7.js";import"./calculateSize-i9QGr8q0-BEKLyEYY.js";import"./ZeniAvatar-De0hFvIm-BJi7TJei.js";import"./RoleWithToolTip-C0G1Hgp_-CRG2xCvX.js";import"./CardNumberSubText-FNfrozX6-Cgi1n69q.js";import"./NavigationDots-WiVjbUsC-C7Q4WAGV.js";import"./usp-line-BBd1wKwW-BBaxYQlT.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},m=new e.Error().stack;m&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[m]="7613c9e8-dc3a-4fba-bb62-833201795828",e._sentryDebugIdIdentifier="sentry-dbid-7613c9e8-dc3a-4fba-bb62-833201795828")}catch{}})();const ut={infoSubheadingTextMarginTop:new V(O[0],O[0]),cardsMinWidth:new V(343,353)},Pe=Fe.getLocalizedStrings().spendManagement.chargeCard.chargeCardsPromo.listPage,Vt=({cardPromoType:e,cardText:m,header:l,title:d,subTitle:n,slidingTextList:h,onClick:B,status:$,statusMessage:Y})=>{const U=Ee(),A=$!==void 0,G=$==="rejected"?Pe.status.requestRejected:$==="under_review"?Pe.status.requestUnderReview:"";return t.jsxs(Dr,{windowSize:U,cardPromoType:e,"data-testid":M("list-page-promo-card",e),onClick:()=>B(e),children:[t.jsxs(ia,{isStatusMode:A,children:[t.jsxs(na,{children:[A?t.jsx(_r,{children:G}):t.jsx(oa,{children:l}),t.jsx(Or,{children:d}),A?null:t.jsx(Nr,{children:n})]}),!A&&t.jsxs(Vr,{children:[t.jsx(Ur,{}),h.length>0&&t.jsx(dt,{slideUpCount:h.length,children:h.map((ie,oe)=>t.jsx(sa,{children:ie},`card-promo-${oe.toString()}`))}),t.jsx(Gr,{})]}),Y!=null&&A?t.jsx(zr,{status:$,children:Y}):null]}),t.jsx(Hr,{isStatusMode:A,children:t.jsx(Ir,{cardPromoType:e,cardText:m,shouldAnimate:!1,forDashboard:!1,showChip:!1,forListPage:!0})}),t.jsx(qr,{isStatusMode:A,children:t.jsx(vr,{cardPromoType:e,cardText:m,shouldAnimate:!1,forDashboard:!1,showChip:!1,forListPage:!0})})]})},Ut=({cardType:e,header:m,title:l,creditLimit:d,onCreateNowClick:n})=>{const h=Ee();return t.jsx(Tr,{windowSize:h,cardType:e,children:t.jsxs(Rr,{children:[t.jsxs(na,{children:[t.jsx(oa,{children:m}),t.jsx(Mr,{children:t.jsx(Br,{children:l})}),t.jsx(Yr,{windowSize:h,children:t.jsxs(Jr,{windowSize:h,onClick:()=>n(e),"data-testid":M("total-cashback-info"),children:[t.jsx(sa,{children:Pe.createNow}),t.jsx(Kr,{})]})})]}),e==="creditCard"?t.jsxs(Wr,{children:[t.jsx(Xr,{children:Pe.creditLimit}),t.jsx(Zr,{children:d})]}):null]})})},Dr=r.div`
+import{h as Ja,a7 as _,_ as Ka,fm as Wa,i5 as N,e as Fe,o as a,y as ta,V as t,a_ as Xa,eO as ae,w as M,bo as nt,f as p,a5 as he,b as D,ag as st,O as Ee,x as V,C as q,d as Za,M as Qa,co as er,t as aa,b6 as tr,aj as ct,ab as ar,H as lt,T as rr,gf as ir,dX as or,k as nr,A as sr,fD as dr,a as Ot,m as O,cy as ra,D as cr,l as lr,c2 as hr,cn as ur,aT as mr,bq as pr}from"./index-CVe1fo1a.js";import{a as c}from"./sentry-CFYfTv_F.js";import{n as r,c as ht,k as Cr}from"./mui-DcvwYC51.js";import{F4 as gr,Gs as xr,bs as Bt,bG as br,c6 as fr}from"./zeni-epic-state-BZiG8B71.js";import{m as Sr}from"./BusyIndication-YMYY0Pff-BY32OnMI.js";import{t as yr}from"./SpendManagementSection-CPBOh_J5-VebfRScE.js";import{D as re,r as wr,i as kr}from"./ChargeCardListTable-BiKjkqVs-C2Q47jri.js";import{ChargeCardPromoUserContent as $r}from"./ChargeCardPromoPage-6JwKgWli-CuEACLDU.js";import{N as Ir,J as vr}from"./PromoBaseCards-BUk-u73S-BOYyiMks.js";import{z as Dt,L as Nt,k as jr,P as Ar}from"./LockCardPage-D2dUPnNL-tuQUusRC.js";import{r as Lr,i as Pr}from"./graphic-no-data-net-burn-l-CzmycA0m-CDJ9LscK.js";import{t as Fr,o as Er}from"./arrow-south-east-round-PEovUgvH-CWRd961V.js";import"./pdf-DA3UteIy.js";import"./core-BAxGDYbL.js";import"./lottie-DR43ghJ6.js";import"./liveblocks-DIb7UiB5.js";import"./recharts-LOG_L3Q0.js";import"./dnd-BEk5qqV2.js";import"./analytics-DIWVqtXV.js";import"./plaid-Dma9BWZs.js";import"./utils-B0HnpOzO.js";import"./MoreMenuButton--MxUyTqX-BRissmUy.js";import"./bank-letter-BOcVjN6J-BhxkRonC.js";import"./spend-limit-D6SyboD4-DTJkvAlS.js";import"./dollar-round-D18u7nlm-DgPiQ4X2.js";import"./money-2cg1MuG4-BKLw88Z7.js";import"./page-summary-D7_VQHwN-Ccsx0X5Z.js";import"./transaction-placeholder-CpOwZAMG-9RLgCBK-.js";import"./unlock-BPWn2I5L-CncAfPJ6.js";import"./filter-cZIFUNvj-yDtIQZZZ.js";import"./ZeniDatePicker-RNJ2ukKC-BM4oYXJe.js";import"./avatar-Dz7aEm3d-CKqFD1L0.js";import"./common-BxjzMhDO-M6F2cReY.js";import"./calculateSize-CzpGCfNE-CNrV3_Iu.js";import"./ZeniAvatar-Ct7MPW2X-BHlw9FbG.js";import"./RoleWithToolTip-BYO1YG6N-CpH6tY8x.js";import"./CardNumberSubText-CN1RN7Tf-Crkz5sd9.js";import"./NavigationDots-Kh5ODrCQ-DwZ3hrog.js";import"./usp-line-BBd1wKwW-D0lXP7am.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},m=new e.Error().stack;m&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[m]="f8e74ec5-f093-4fbd-81f0-73f5feb67441",e._sentryDebugIdIdentifier="sentry-dbid-f8e74ec5-f093-4fbd-81f0-73f5feb67441")}catch{}})();const ut={infoSubheadingTextMarginTop:new V(O[0],O[0]),cardsMinWidth:new V(343,353)},Pe=Ee.getLocalizedStrings().spendManagement.chargeCard.chargeCardsPromo.listPage,Vt=({cardPromoType:e,cardText:m,header:l,title:d,subTitle:n,slidingTextList:h,onClick:B,status:$,statusMessage:Y})=>{const U=Fe(),A=$!==void 0,G=$==="rejected"?Pe.status.requestRejected:$==="under_review"?Pe.status.requestUnderReview:"";return t.jsxs(Mr,{windowSize:U,cardPromoType:e,"data-testid":D("list-page-promo-card",e),onClick:()=>B(e),children:[t.jsxs(ia,{isStatusMode:A,children:[t.jsxs(na,{children:[A?t.jsx(_r,{children:G}):t.jsx(oa,{children:l}),t.jsx(Or,{children:d}),A?null:t.jsx(Nr,{children:n})]}),!A&&t.jsxs(Vr,{children:[t.jsx(Ur,{}),h.length>0&&t.jsx(dt,{slideUpCount:h.length,children:h.map((ie,oe)=>t.jsx(sa,{children:ie},`card-promo-${oe.toString()}`))}),t.jsx(Gr,{})]}),Y!=null&&A?t.jsx(zr,{status:$,children:Y}):null]}),t.jsx(Hr,{isStatusMode:A,children:t.jsx(Ir,{cardPromoType:e,cardText:m,shouldAnimate:!1,forDashboard:!1,showChip:!1,forListPage:!0})}),t.jsx(qr,{isStatusMode:A,children:t.jsx(vr,{cardPromoType:e,cardText:m,shouldAnimate:!1,forDashboard:!1,showChip:!1,forListPage:!0})})]})},Ut=({cardType:e,header:m,title:l,creditLimit:d,onCreateNowClick:n})=>{const h=Fe();return t.jsx(Tr,{windowSize:h,cardType:e,children:t.jsxs(Rr,{children:[t.jsxs(na,{children:[t.jsx(oa,{children:m}),t.jsx(Dr,{children:t.jsx(Br,{children:l})}),t.jsx(Yr,{windowSize:h,children:t.jsxs(Jr,{windowSize:h,onClick:()=>n(e),"data-testid":D("total-cashback-info"),children:[t.jsx(sa,{children:Pe.createNow}),t.jsx(Kr,{})]})})]}),e==="creditCard"?t.jsxs(Wr,{children:[t.jsx(Xr,{children:Pe.creditLimit}),t.jsx(Zr,{children:d})]}):null]})})},Mr=r.div`
   display: flex;
   flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
   align-items: center;
@@ -63,7 +63,7 @@ import{h as Ja,a7 as _,_ as Ka,fm as Wa,i5 as N,e as Ee,o as a,y as ta,V as t,a_
 `,Br=r(cr)`
   color: ${p.neutralGrey5Light};
   white-space: pre-line;
-`,Mr=r.div`
+`,Dr=r.div`
   width: auto;
   text-align: left;
 `,Nr=r(q)`
@@ -155,7 +155,7 @@ import{h as Ja,a7 as _,_ as Ka,fm as Wa,i5 as N,e as Ee,o as a,y as ta,V as t,a_
   color: ${p.neutralGrey5Light};
 `,Zr=r(lr)`
   color: ${p.neutralGrey5Light};
-`,le="spendLimit",H=Fe.getLocalizedStrings().spendManagement.chargeCard.updateSpendLimitPopup;function Qr({currentSpentAmount:e,hasCreditCard:m,hasDebitCard:l,maxLimitAmountForCreditCard:d,maxLimitAmountForDebitCard:n,isDisabled:h,updateLimitFetchState:B,onCancelClick:$,onSubmitClick:Y}){const U=Ee(),A="SpendLimitForm",G=rr({mode:"onBlur",reValidateMode:"onBlur",defaultValues:{[le]:void 0}}),{control:ie,formState:{errors:oe}}=G,[De,Te]=c.useState(void 0),S=ir({control:ie,name:le}),Re=G.handleSubmit(()=>{const C=G.getValues(le);C!=null&&Y(C)}),me=or(oe,le),w=Fe.getLocalizedStrings().common,L=Le.largeLabelWidth.value(U);return c.useEffect(()=>{Te(ei(e,m,l,d,n,S))},[S,e,d,n,m,l]),t.jsx(ti,{windowSize:U,role:"presentation",children:t.jsx(nr,{onClickAway:()=>$(),children:t.jsxs(ai,{windowSize:U,children:[t.jsx(sr,{...G,children:t.jsxs(di,{id:A,onSubmit:C=>{C.preventDefault(),Re()},children:[t.jsx(ri,{windowSize:U,children:H.heading}),t.jsx(si,{hasError:me,children:t.jsx(dr,{label:{label:H.newLimit,width:L},showAdditionalInfoLabel:me,additionalInfoLabel:De,formattedTextField:{type:"number",name:le,defaultValue:void 0,placeholder:H.placeholder,returnValueType:"floatValue",prefix:"$",allowNegative:!0,isNumericString:!1,registerOptions:{required:!0,validate:C=>{if(!C||C<=0||C<=e.amount)return!1;if(l&&m&&n!=null&&d!=null){if(C>Math.min(n.amount,d.amount))return!1}else if(l&&n!=null&&C>n.amount||m&&d!=null&&C>d.amount)return!1;return!0}},autoComplete:"off",decimalSeparator:".",decimalScale:2,fixedDecimalScale:!1,thousandSeparator:!0},style:{width:"auto"},showOutlineOnFocus:!1})})]})}),t.jsx(ni,{children:t.jsxs(ii,{children:[t.jsx(Ot,{label:w.cancel,onClick:()=>{$()},style:{width:84}}),t.jsx(oi,{}),t.jsx(Ot,{variant:"primary",label:w.texts.update,style:{width:84,whiteSpace:"nowrap"},loading:B==="In-Progress",type:"submit",form:A,disabled:h})]})})]})})})}const ei=(e,m,l,d,n,h)=>{if(h!=null){if(h<=e.amount)return H.amountBelowErrorBulk;if(l&&m&&n!=null&&d!=null){if(h>Math.min(n.amount,d.amount)){const B=n.amount<d.amount?"debit":"credit",$=n.amount<d.amount?n:d;return H.maxLimitForCardTypeError.replace("_card_type_",B).replace("_amount_",he("0,0.[00]",$))}}else{if(l&&n!=null&&h>n.amount)return H.maxLimitForCardTypeError.replace("_card_type_","debit").replace("_amount_",he("0,0.[00]",n));if(m&&d!=null&&h>d.amount)return H.maxLimitForCardTypeError.replace("_card_type_","credit").replace("_amount_",he("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])},ti=r.div`
+`,le="spendLimit",H=Ee.getLocalizedStrings().spendManagement.chargeCard.updateSpendLimitPopup;function Qr({currentSpentAmount:e,hasCreditCard:m,hasDebitCard:l,maxLimitAmountForCreditCard:d,maxLimitAmountForDebitCard:n,isDisabled:h,updateLimitFetchState:B,onCancelClick:$,onSubmitClick:Y}){const U=Fe(),A="SpendLimitForm",G=rr({mode:"onBlur",reValidateMode:"onBlur",defaultValues:{[le]:void 0}}),{control:ie,formState:{errors:oe}}=G,[Me,Te]=c.useState(void 0),y=ir({control:ie,name:le}),Re=G.handleSubmit(()=>{const C=G.getValues(le);C!=null&&Y(C)}),me=or(oe,le),w=Ee.getLocalizedStrings().common,L=Le.largeLabelWidth.value(U);return c.useEffect(()=>{Te(ei(e,m,l,d,n,y))},[y,e,d,n,m,l]),t.jsx(ti,{windowSize:U,role:"presentation",children:t.jsx(nr,{onClickAway:()=>$(),children:t.jsxs(ai,{windowSize:U,children:[t.jsx(sr,{...G,children:t.jsxs(di,{id:A,onSubmit:C=>{C.preventDefault(),Re()},children:[t.jsx(ri,{windowSize:U,children:H.heading}),t.jsx(si,{hasError:me,children:t.jsx(dr,{label:{label:H.newLimit,width:L},showAdditionalInfoLabel:me,additionalInfoLabel:Me,formattedTextField:{type:"number",name:le,defaultValue:void 0,placeholder:H.placeholder,returnValueType:"floatValue",prefix:"$",allowNegative:!0,isNumericString:!1,registerOptions:{required:!0,validate:C=>{if(!C||C<=0||C<=e.amount)return!1;if(l&&m&&n!=null&&d!=null){if(C>Math.min(n.amount,d.amount))return!1}else if(l&&n!=null&&C>n.amount||m&&d!=null&&C>d.amount)return!1;return!0}},autoComplete:"off",decimalSeparator:".",decimalScale:2,fixedDecimalScale:!1,thousandSeparator:!0},style:{width:"auto"},showOutlineOnFocus:!1})})]})}),t.jsx(ni,{children:t.jsxs(ii,{children:[t.jsx(Ot,{label:w.cancel,onClick:()=>{$()},style:{width:84}}),t.jsx(oi,{}),t.jsx(Ot,{variant:"primary",label:w.texts.update,style:{width:84,whiteSpace:"nowrap"},loading:B==="In-Progress",type:"submit",form:A,disabled:h})]})})]})})})}const ei=(e,m,l,d,n,h)=>{if(h!=null){if(h<=e.amount)return H.amountBelowErrorBulk;if(l&&m&&n!=null&&d!=null){if(h>Math.min(n.amount,d.amount)){const B=n.amount<d.amount?"debit":"credit",$=n.amount<d.amount?n:d;return H.maxLimitForCardTypeError.replace("_card_type_",B).replace("_amount_",he("0,0.[00]",$))}}else{if(l&&n!=null&&h>n.amount)return H.maxLimitForCardTypeError.replace("_card_type_","debit").replace("_amount_",he("0,0.[00]",n));if(m&&d!=null&&h>d.amount)return H.maxLimitForCardTypeError.replace("_card_type_","credit").replace("_amount_",he("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])},ti=r.div`
   position: fixed;
   top: ${a.sp0};
   left: ${a.sp0};
@@ -206,7 +206,7 @@ import{h as Ja,a7 as _,_ as Ka,fm as Wa,i5 as N,e as Ee,o as a,y as ta,V as t,a_
   }
 `,di=r.form`
   display: contents;
-`,ue={contentContainerMargin:new V(O[3],O[4],O[8]),infoSubheadingTextMarginTop:new V(O[0],O[0]),cardsMinWidth:new V(343,353)},ci={remainingText:new Za("largeRegular","largeRegular")},{spendManagement:{chargeCard:{payEarly:f,cardList:z,chargeCardsPromo:b}},common:T,dateFormat:je}=Fe.getLocalizedStrings(),Io=({chargeCardListView:e,searchText:m,admins:l,companyLegalName:d,onFetchChargeCardsRecurringExpenses:n,onFetchDepositAccountLimit:h,onCloseChargeCard:B,onCloseChargeCardList:$,onLockChargeCard:Y,onLockChargeCardList:U,onUnlockChargeCardList:A,updateChargeCardListSpendLimit:G,onUpdateSpendLimit:ie,isCardControlsEnabled:oe,isCashbackFeatureEnabled:De,creditCardPayNowThreshold:Te,isChargeCardFeatureEnabled:S,isCompanyInterestedInChargeCard:Re,isCreditCardProductVisibleForExpressInterest:me,isDebitCardFeatureEnabled:w,isDebitCardSetupEnabled:L,isChargeCardSetupEnabled:C,companyChargeCardInfoCreditAccountLimit:_e,controllerEmails:pe,onRevokeChargeCardList:mt,depositAccountListWithDebitCardIssued:R,chargeCardCashbackDetailState:I,uiState:la,signedInUser:ze,creditLimit:Ce,cashbackRate:Oe,onSearchTextChanged:ha,navigateToCreditCardPaymentHistoryPage:ua,onClickSetupIcon:ma,isChargeCardPaymentHistoryFeatureEnabled:pa,isEarlyPayEnabled:ne,onClickStatementsIcon:Ca,onChargeCardRowClick:ga,updateChargeCardName:xa,onChargeCardResendInviteClick:ba,onChargeCardRevokeInviteClick:pt,onUnlockChargeCard:Ct,onIssueCardClick:ya,onBackClick:fa,onReloadCards:Sa,onTotalCashbackClick:wa,onColumnSortConfigChanged:ka,onClickMenuIcon:$a,onPromoCardClick:gt,onCreateNowClick:xt,showPayNowInfoTooltip:Ia,navigateToCreditCardPaymentPage:ge,shouldShowPayNowInfoTooltip:Be,rowActionView:o,bulkActionView:u,onSetRowActionCardId:Me,onSetBulkActionCardIds:v})=>{const xe=Ja().analytics,[bt,va]=c.useState(!1),[Ne,be]=c.useState(!1),[Ve,ye]=c.useState(!1),[ja,J]=c.useState(!1),[Aa,K]=c.useState(!1),[La,fe]=c.useState(!1),[Ue,Ge]=c.useState(!1),[He,qe]=c.useState(!1),[Ye,yt]=c.useState(void 0),Pa=u.chargeCards[0]?.status.code,{creditAccount:x,creditAccountRepayment:j}=e,P=c.useCallback(()=>{Me(void 0),yt(void 0)},[Me]),E=u.chargeCards,Ea=c.useMemo(()=>E.length===0?void 0:E.reduce((i,s)=>s.balance.amount>i.balance.amount?s:i,E[0]).balance,[E]),Fa=c.useMemo(()=>{const i=E.filter(y=>y.type.code.includes("debit"));if(i.length===0)return;const s=i.map(y=>R.depositAccounts.find(te=>te.id===y.connectedAccountId)?.cardLimits.dailyCardTransactionLimit).filter(y=>y!==void 0);return s.length===0?void 0:s.reduce((y,te)=>te.amount<y.amount?te:y)},[E,R.depositAccounts]),ft=_(e.unlockChargeCardsFetchState.fetchState),St=_(e.revokeChargeCardsInviteFetchState.fetchState),wt=_(e.lockChargeCardsFetchState.fetchState),kt=_(e.closeChargeCardsFetchState.fetchState),$t=_(e.updateChargeCardsSpendLimitFetchState.fetchState);c.useEffect(()=>{const i=ft==="In-Progress"&&e.unlockChargeCardsFetchState.fetchState==="Completed",s=St==="In-Progress"&&e.revokeChargeCardsInviteFetchState.fetchState==="Completed",y=wt==="In-Progress"&&e.lockChargeCardsFetchState.fetchState==="Completed",te=kt==="In-Progress"&&e.closeChargeCardsFetchState.fetchState==="Completed",Ya=$t==="In-Progress"&&e.updateChargeCardsSpendLimitFetchState.fetchState==="Completed";(i||s)&&v([]),y&&(J(!1),v([])),te&&(K(!1),v([])),Ya&&(fe(!1),v([]))},[e.unlockChargeCardsFetchState.fetchState,e.revokeChargeCardsInviteFetchState.fetchState,e.lockChargeCardsFetchState.fetchState,e.closeChargeCardsFetchState.fetchState,e.updateChargeCardsSpendLimitFetchState.fetchState,ft,St,wt,kt,$t,v]);const W=o.cardId!=null?o.unlockChargeCardsFetchState.fetchState:void 0,It=_(W),Je=o.cardId!=null?o.updateChargeCardLimitFetchState.fetchState:void 0,vt=_(Je),Ke=o.cardId!=null?o.updateChargeCardNameFetchState.fetchState:void 0,jt=_(Ke),We=o.cardId!=null?o.lockChargeCardsFetchState.fetchState:void 0,At=_(We),Xe=o.cardId!=null?o.closeChargeCardsFetchState.fetchState:void 0,Lt=_(Xe),X=o.cardId!=null?o.revokeChargeCardFetchState.fetchState:void 0,Pt=_(X);c.useEffect(()=>{o.cardId!=null&&It==="In-Progress"&&W==="Completed"?P():o.cardId!=null&&vt==="In-Progress"&&Je==="Completed"?(qe(!1),P()):o.cardId!=null&&jt==="In-Progress"&&Ke==="Completed"?(Ge(!1),P()):o.cardId!=null&&At==="In-Progress"&&We==="Completed"?(be(!1),P()):o.cardId!=null&&Lt==="In-Progress"&&Xe==="Completed"?(ye(!1),P()):o.cardId!=null&&Pt==="In-Progress"&&X==="Completed"&&P()},[o.cardId,W,Je,Ke,We,Xe,X,It,jt,vt,At,Lt,Pt,P]);const Da=c.useCallback(i=>{switch(i){case"close":n(u.bulkActionCardIds),K(!0);break;case"lock":n(u.bulkActionCardIds),J(!0);break;case"unlock":A(u.bulkActionCardIds);break;case"update_limit":fe(!0);break;case"revoke_invite":mt(u.bulkActionCardIds)}},[u.bulkActionCardIds,n,mt,A]),g=o.chargeCard;c.useEffect(()=>{if(Ye!==void 0&&o.cardId!==void 0&&g!==void 0)switch(Ye){case re.CLOSE:Ve||(n([o.cardId]),ye(!0));break;case re.LOCK:Ne||(n([o.cardId]),be(!0));break;case re.UNLOCK:W!=="In-Progress"&&W!=="Completed"&&Ct(o.cardId);break;case re.REVOKE_INVITE:X!=="In-Progress"&&X!=="Completed"&&pt(o.cardId);break;case re.RENAME:Ue||Ge(!0);break;case re.UPDATE_SPEND_LIMIT:He||(g.type.code.includes("debit")&&o.depositAccountLimitFetchState.fetchState!=="Completed"&&h(g.connectedAccountId,o.cardId),qe(!0))}},[Ye,o.cardId,He,Ue,Ve,Ne,W,X,n,h,Ct,pt]);const Ze=Ka(),Z=!!Ze.loggedInUserRole.includes("charge_card_user"),Se=Wa(Ze),k=gr(Ze.loggedInUserRoleMap),Q=c.useMemo(()=>k===!0?{creditCardCashbackOffer:`${I.cashbackAnalytics.creditCardCashbackOffer}%`,debitCardCashbackOffer:`${I.cashbackAnalytics.debitCardCashbackOffer}%`,totalEarnedCashback:N(I.cashbackSummary.cashbackEarned.amount),redeemedCashback:N(I.cashbackSummary.cashbackRedeemed.amount),availableCashback:N(I.cashbackSummary.cashbackAvailable.amount),creditCardCashbackRedemptionMode:I.cashbackAnalytics.creditCardCashbackRedemptionMode,debitCardCashbackRedemptionMode:I.cashbackAnalytics.debitCardCashbackRedemptionMode}:void 0,[k,I.cashbackAnalytics.creditCardCashbackOffer,I.cashbackAnalytics.debitCardCashbackOffer,I.cashbackSummary.cashbackEarned.amount,I.cashbackSummary.cashbackRedeemed.amount,I.cashbackSummary.cashbackAvailable.amount,I.cashbackAnalytics.creditCardCashbackRedemptionMode,I.cashbackAnalytics.debitCardCashbackRedemptionMode]),we=c.useMemo(()=>S&&C&&k===!0?{creditAccountId:x.id,creditAccountLimit:N(x.limit.amount),creditAccountAvailableAmount:N(x.available.amount),creditAccountSpentAmount:N(x.balance.amount+x.hold.amount),creditAccountStatus:x.status,outstandingBalance:N(j.remainingAmountDue.amount)}:void 0,[S,C,k,x.id,x.limit.amount,x.available.amount,x.balance.amount,x.hold.amount,x.status,j.remainingAmountDue.amount]),ke=c.useMemo(()=>w&&L?{debitAccountId:R.depositAccounts.map(i=>i.id),debitAccountName:R.depositAccounts.map(i=>i.accountName),debitAccountBalance:R.depositAccounts.map(i=>N(i.accountBalance.available.amount)),debitCardsSpend:N(e.debitCardSummary?.currentMonthSpends?.amount??0),debitAccountStatus:R.depositAccounts.map(i=>i.accountStatus)}:void 0,[w,L,R.depositAccounts,e.debitCardSummary?.currentMonthSpends?.amount]),$e={isCreditCardOffered:S,isDebitCardOffered:w,isDebitCardEnabled:L,isCreditCardEnabled:C},F=Ee(),Et=Se&&!k,Ft=e.creditAccount.balance.amount+e.creditAccount.hold.amount,se={amount:Ft,currencyCode:e.creditAccount.balance.currencyCode,currencySymbol:e.creditAccount.balance.currencySymbol},Qe=Math.round(100*se.amount/e.creditAccount.limit.amount),Ta=isNaN(Qe)?0:Ft!==0&&Qe===0?1:Qe,de=e.chargeCardConfig.rePaymentInfo?.cardLimitResetDate,et=k&&se.amount>Te*e.creditAccount.limit.amount/100,ce=de!=null&&j.initiatedRepayments.amount>0,Ra={entity:"charge_cards",showNewButtonOnNavbar:k,showEntityEmailInfoIconOnNavbar:!1,newButtonLabel:k?z.newBtnLabel:T.strings.empty,hideSearchBtn:Z,searchTextBoxStyle:{right:Et?a.sp4:"96px"},moreIconContainerStyle:{paddingRight:Et?a.sp0:a.sp4},isSearchOpen:bt,searchPlaceHolder:z.searchPlaceHolder,searchText:m,showSettingsIcon:!Z,showSettingsIconOnNavbar:k,showStatementButtonOnNavbar:S&&C,showPayEarlyButtonOnNavbar:ne&&k&&se.amount>0&&!ce&&!et,showPaymentHistoryButtonOnNavbar:k&&pa&&S&&C,onClickPaymentHistoryIcon:ua,showDownloadButtonOnNavbar:!1,disableDownloadButton:!0,analytics:xe,onSearchOpen:i=>{va(i),i===!0&&(xe.trackCardsListPageClicked("search"),(!S||x.fetchState==="Completed"&&j.fetchState==="Completed")&&(!w||!L||R.fetchState==="Completed")&&Q!=null&&xe.trackCardsCardListSearchClick(pe,$e,Q,we,ke))},onSearchTextChanged:ha,onClickSetupIcon:ma,onClickStatementsIcon:Ca,downloadState:"Not-Started",onNewButtonClick:ya,onClickPayEarlyIcon:()=>ge("More Button","Pay Early"),onMenuOpen:()=>{(!S||x.fetchState==="Completed"&&j.fetchState==="Completed")&&(!w||!L||R.fetchState==="Completed")&&Q!=null&&xe.trackCardsCardListMoreMenuClick(pe,$e,Q,we,ke)},filters:{categoryCombinationOperator:"AND",categories:[]}},_a=t.jsx(Sr,{spendManagementSectionProps:Ra}),za=e.cards.length!==0&&Z&&xr(e.cards),Oa=e.fetchState==="Completed"?xi({isChargeCardFeatureEnabled:S,isChargeCardSetupEnabled:C,isDebitCardFeatureEnabled:w,isDebitCardSetupEnabled:L}):"",Ie=e.debitCardSummary!=null?e.debitCardSummary.currentMonthSpends.amount-e.debitCardSummary.lastCompletedMonthSpends.amount:0,Ba=S&&C&&e.hasCreditCard,Ma=w&&L&&e.hasDebitCard,Na=S&&C&&Se&&!k,Va=w&&L&&Se&&!k,ve=e.chargeCardConfig.rePaymentInfo?.rePaymentDueDate?.diff(Bt(),"days")??0,tt=[f.payNow,ve>0&&ve<11?`${f.billDueIn} ${ve} ${ve===1?T.timeStrings.day:T.timeStrings.days}`:f.creditLimitLow,f.payNow],at=j.initiatedRepayments.amount===x.balance.amount+x.hold.amount,Dt=j.paymentMethod==="ACH",rt=[f.paymentInitiated,`${z.header.limit} ${at?T.resets:T.updates} ${T.by} ${br(yr(j.initiatedRepaymentDate?.toDate()??Bt().toDate(),[0,6],Dt?3:1).toDateString()).format(je.visual.MMMDFormat)}`,f.paymentInitiated],it=c.useRef(null),ot=c.useRef(null),Ua=ta(),[Ga,Tt]=c.useState(!0);c.useEffect(()=>{const i=()=>{ot.current&&(ot.current.getBoundingClientRect().top<(F==="small"?68:40)?Tt(!1):Tt(!0))};i();const s=()=>{i()},y=it.current;return y&&y.addEventListener("scroll",s),window.addEventListener("scroll",s),()=>{y&&y.removeEventListener("scroll",s),window.removeEventListener("scroll",s)}},[F]);const ee=c.useMemo(()=>{const i={};return u.chargeCards.forEach(s=>{i[s.id]=s}),{chargeCardsByCardId:i,cardRecurringExpensesByCardId:u.recurringExpensesByCardId,fetchState:u.recurringExpensesFetchState.fetchState}},[u]),Ha=c.useCallback(()=>{n(u.bulkActionCardIds),J(!0)},[u.bulkActionCardIds,n]),qa=c.useCallback(()=>{n(u.bulkActionCardIds),K(!0)},[u.bulkActionCardIds,n]),Rt=c.useCallback(i=>{const s=u.bulkActionCardIds.filter(y=>y!==i);v(s),s.length===0&&(J(!1),K(!1))},[u.bulkActionCardIds,v]),_t=Re&&_e===0,zt=_e===-1;return t.jsxs(Ii,{ref:it,children:[t.jsx(Xa,{title:Oa,showBackButton:!0,showMenuIcon:F==="medium-compact"||F==="small",onClickMenuIcon:$a,style:{zIndex:3},onBackClick:fa,rightSideComponent:_a,isSearchOpen:bt,hideSearchBtn:Z,scrollableContent:it,source:"ChargeCardListPage",backgroundColor:Ua.colors.grey4}),e.fetchState==="Not-Started"||e.fetchState==="In-Progress"?t.jsx(fr,{fetchState:e.fetchState,styles:{margin:"auto"}}):t.jsxs(t.Fragment,{children:[Z?null:t.jsxs(vi,{windowSize:F,children:[Ba||Na?t.jsxs(Jt,{windowSize:F,"data-testid":M("credit-card-spend-bar-container"),children:[t.jsxs(Zt,{children:[t.jsxs(Qt,{children:[t.jsxs(ea,{children:[t.jsx(Wt,{children:z.creditCardBalance}),t.jsx(ae,{amount:se,integerStyles:{...D.h5Regular.cssObject},decimalStyles:{...D.largeSemiBold.cssObject}})]}),t.jsxs(Si,{children:[t.jsx(Ae,{style:{textAlign:"end"},children:T.texts.limit}),t.jsx(ae,{amount:e.creditAccount.limit,style:{justifyContent:"end"},integerStyles:D.largeRegular.cssObject,decimalStyles:D.smallRegular.cssObject})]})]}),t.jsx(Di,{children:t.jsx(Ti,{style:{width:`${Ta}%`,borderRadius:a.sp1}})}),et&&!ce&&ne?t.jsx(nt,{placement:"bottom",style:{color:p.heroDark,padding:`12px ${a.sp3}`},title:t.jsx(Ci,{children:f.creditLimitIsRunningLow}),children:t.jsxs(Kt,{children:[t.jsx(ae,{amount:e.creditAccount.available,integerStyles:D.largeMedium.cssObject,decimalStyles:D.smallMedium.cssObject}),t.jsx(Xt,{windowSize:F,children:T.texts.remaining}),t.jsx(gi,{children:t.jsx(pi,{})})]})}):t.jsxs(Kt,{children:[t.jsx(ae,{amount:e.creditAccount.available,integerStyles:D.largeMedium.cssObject,decimalStyles:D.smallMedium.cssObject}),t.jsx(Xt,{windowSize:F,children:T.texts.remaining})]})]}),t.jsxs(wi,{showPaymentInitiatedInfo:ce,isEarlyPayEnabled:ne,children:[ce&&ne?null:t.jsx(Ae,{children:`${T.texts.limitReset} ${de!=null?de.format(je.visual.MMMDFormat):null}`}),k&&ne&&(ce?t.jsx("div",{children:t.jsx(nt,{maxWidth:"242px",style:{padding:`12px ${a.sp3}`},title:t.jsxs(bi,{children:[t.jsx(Yt,{children:`${f.paymentOf} ${he("0,0.[00]",{amount:j.initiatedRepayments.amount,currencyCode:j.initiatedRepayments.currencyCode,currencySymbol:j.initiatedRepayments.currencySymbol})} ${f.madeOn} `}),t.jsx(yi,{children:j.initiatedRepaymentDate?.format(je.visual.MMMDFormat)}),T.strings.space,t.jsx(Yt,{children:Dt?at?f.isProcessingAndWillResetTheCreditLimitIn23BusinessDays:f.isProcessingAndWillUpdateTheCreditLimitIn23BusinessDays:at?f.isProcessingAndWillResetTheCreditLimitIn1BusinessDay:f.isProcessingAndWillUpdateTheCreditLimitIn1BusinessDay})]}),placement:"bottom",children:t.jsxs(Gt,{hasPointer:!1,children:[rt.length>0&&t.jsx(dt,{slideUpCount:rt.length,style:{alignItems:"flex-end",width:"auto"},children:rt.map((i,s)=>t.jsx(hi,{children:i},`card-payment-initiated-${s.toString()}`))}),t.jsx(mi,{})]})})}):et?t.jsx(nt,{variant:"informative",arrow:!0,style:{top:a.sp2,left:"22px",position:"relative"},data:{preHeading:"URGENT",heading:f.creditLimitIsLow,description:f.transactionsMayBeDeclinedBecauseTheCreditLimitIsRunningLow,buttonText:f.payNow,tooltipContentStyle:{width:"240px",boxSizing:"content-box",gap:a.sp0},tooltipIntroductionStyle:{color:p.important},buttonStyle:{width:"31%"},onButtonClick:()=>{Be(!1),ge("Toast Button","Pay Now")},showCloseButton:!0,onClose:i=>{i.preventDefault(),i.stopPropagation(),Be(!1)}},title:"informative",placement:"bottom-end",open:Ia&&Ga,children:t.jsxs(Gt,{ref:ot,onClick:()=>{Be(!1),ge("Text Button","Pay Now")},hasPointer:!0,children:[tt.length>0&&t.jsx(dt,{slideUpCount:tt.length,style:{alignItems:"flex-end",width:"auto"},children:tt.map((i,s)=>t.jsx(li,{isImportant:s===1,children:i},`card-pay-now-${s.toString()}`))}),t.jsx(Ht,{})]})}):se.amount>0?t.jsxs(ui,{onClick:()=>ge("Text Button","Pay Early"),children:[f.payEarly,t.jsx(Ht,{})]}):null)]})]}):S&&C?t.jsx(Ut,{cardType:"creditCard","data-testid":M("card-list-page-promo-card-back","credit"),header:b.listPage.spendSmarter,title:b.listPage.setUpText.replace("__cardType__",b.listPage.credit),creditLimit:st("0,0",Ce.amount,Ce.currencySymbol),onCreateNowClick:xt}):me?t.jsx(Vt,{cardPromoType:"credit","data-testid":M("card-list-page-promo-card","credit"),cardText:b.listPage.creditCards,header:b.listPage.getAccessTo,title:b.listPage.creditCards,subTitle:b.listPage.promoSubText.credit,slidingTextList:qt("credit",Oe,{amount:_e,currencyCode:Ce.currencyCode,currencySymbol:Ce.currencySymbol}),onClick:gt,status:zt?"rejected":_t?"under_review":void 0,statusMessage:zt?b.listPage.status.rejectedMessage:_t?b.listPage.status.underReviewMessage:void 0}):null,Ma||Va?t.jsxs(Jt,{windowSize:F,"data-testid":M("debit-spend-bar-container"),children:[t.jsxs(Zt,{children:[t.jsx(Qt,{children:t.jsxs(ea,{children:[t.jsx(Wt,{children:z.debitCardSpend}),t.jsx(ae,{amount:e.debitCardSummary?.currentMonthSpends,integerStyles:{...D.h5Regular.cssObject},decimalStyles:{...D.largeSemiBold.cssObject}})]})}),t.jsx(Ai,{children:Ie!==0?t.jsxs(t.Fragment,{children:[Ie<0?t.jsx(Pi,{}):t.jsx(Ei,{}),t.jsx(Li,{hasNegativeValue:Ie<0,children:st("0,0.00",Ie,e.debitCardSummary?.currentMonthSpends.currencySymbol)}),t.jsx(ca,{children:z.compareToLastMonth})]}):null})]}),t.jsx(da,{children:t.jsx(Ae,{children:`${T.texts.limitReset} ${de!=null?de.format(je.visual.MMMDFormat):null}`})})]}):w&&L?t.jsx(Ut,{cardType:"debitCard","data-testid":M("card-list-page-promo-card-back","debit"),header:b.listPage.spendSmarter,title:b.listPage.setUpText.replace("__cardType__",b.listPage.debit),onCreateNowClick:xt}):w?t.jsx(Vt,{cardPromoType:"debit","data-testid":M("card-list-page-promo-card","debit"),cardText:b.listPage.debitCards,header:b.listPage.getAccessTo,title:b.listPage.debitCards,subTitle:b.listPage.promoSubText.debit,slidingTextList:qt("debit",Oe),onClick:gt}):null,t.jsxs(ji,{windowSize:F,"data-testid":M("credit-spend-info-container"),children:[De?t.jsxs(fi,{children:[t.jsx(Ae,{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($i,{windowSize:F,children:t.jsxs(Fi,{windowSize:F,onClick:wa,"data-testid":M("total-cashback-info"),children:[t.jsx(ki,{children:z.overview}),t.jsx(Ri,{})]})}):null]}):null,t.jsx(zi,{children:t.jsx(Oi,{})})]})]}),e.cards.length===0&&Z===!0||za?t.jsx(_i,{children:t.jsx($r,{companyLegalName:d,cards:e.cards,admins:l,hasZeniFinopsRoles:Se,cashbackRate:Oe})}):t.jsxs(t.Fragment,{children:[Ve&&o.cardId!=null&&g&&t.jsx(Mt,{showCloseCardDrawer:!0,onCloseCloseCardDrawer:()=>{ye(!1),P()},isChargeCardAdmin:!0,chargeCardsByCardId:{[o.cardId]:g},cardRecurringExpensesByCardId:{[o.cardId]:o.recurringExpenses},cardRecurringExpenseFetchState:o.recurringExpensesFetchState.fetchState,closeCardFetchState:o.closeChargeCardsFetchState.fetchState,onConfirmClick:i=>{const s=i.reasonType==="other"?i.reason:i.reasonType;o.cardId!=null&&B(o.cardId,s)},onDismissClick:()=>{ye(!1),P()},onRemoveCardClick:()=>{}}),Ne&&o.cardId!=null&&g&&t.jsx(Nt,{showLockCardDrawer:!0,onCloseLockCardDrawer:()=>{be(!1),P()},isChargeCardAdmin:!0,chargeCardsByCardId:{[o.cardId]:g},cardRecurringExpensesByCardId:{[o.cardId]:o.recurringExpenses},cardRecurringExpenseFetchState:o.recurringExpensesFetchState.fetchState,lockCardFetchState:o.lockChargeCardsFetchState.fetchState,onConfirmClick:i=>{const s=i.reasonType==="other"?i.reason:i.reasonType;o.cardId!=null&&Y(o.cardId,s)},onDismissClick:()=>{be(!1),P()},onRemoveCardClick:()=>{}}),Aa&&u.bulkActionCardIds.length>0&&t.jsx(Mt,{showCloseCardDrawer:!0,onCloseCloseCardDrawer:()=>{K(!1),v([])},isChargeCardAdmin:!0,chargeCardsByCardId:ee.chargeCardsByCardId,cardRecurringExpensesByCardId:ee.cardRecurringExpensesByCardId,cardRecurringExpenseFetchState:ee.fetchState,closeCardFetchState:e.closeChargeCardsFetchState.fetchState,onConfirmClick:i=>{const s=i.reasonType==="other"?i.reason:i.reasonType;$(u.bulkActionCardIds,s)},onDismissClick:()=>{K(!1),v([])},onRemoveCardClick:Rt}),ja&&u.bulkActionCardIds.length>0&&t.jsx(Nt,{showLockCardDrawer:!0,onCloseLockCardDrawer:()=>{J(!1),v([])},isChargeCardAdmin:!0,chargeCardsByCardId:ee.chargeCardsByCardId,cardRecurringExpensesByCardId:ee.cardRecurringExpensesByCardId,cardRecurringExpenseFetchState:ee.fetchState,lockCardFetchState:e.lockChargeCardsFetchState.fetchState,onConfirmClick:i=>{const s=i.reasonType==="other"?i.reason:i.reasonType;U(u.bulkActionCardIds,s)},onDismissClick:()=>{J(!1),v([])},onRemoveCardClick:Rt}),Ue&&o.cardId!=null&&g&&t.jsx(jr,{currentCardName:g.cardName,renameFetchState:o.updateChargeCardNameFetchState.fetchState,onCancelClick:()=>{Ge(!1),P()},onSubmitClick:i=>{o.cardId!=null&&xa(o.cardId,i)}}),He&&o.cardId!=null&&g&&t.jsx(Ar,{controllerEmails:pe,isChargeCardFeatureEnabled:S,isDebitCardFeatureEnabled:w,isDebitCardSetupEnabled:L,isChargeCardSetupEnabled:C,productInformation:$e,cashbackInformation:Q,creditAccountInformation:we,debitAccountInformation:ke,cardDetail:g,depositAccountLimitFetchState:o.depositAccountLimitFetchState.fetchState,creditAccount:x,creditAccountRepayment:j,signedInUser:ze,isDebitCard:g.type.code.includes("debit"),classListFetchState:"Not-Started",currentLimitAmount:g.limit,currentSpentAmount:g.balance,maxLimitAmount:g.type.code.includes("debit")?o.depositAccountLimit?.cardLimits.dailyCardTransactionLimit:x.limit,isDisabled:g.type.code.includes("debit")&&o.depositAccountLimitFetchState.fetchState!=="Completed",updateLimitFetchState:o.updateChargeCardLimitFetchState.fetchState,onCancelClick:()=>{qe(!1),P()},onSubmitClick:i=>{if(o.cardId!=null){const s={amount:i,currencyCode:g.limit.currencyCode,currencySymbol:g.limit.currencySymbol};ie(o.cardId,s,g.creditLimitFrequency,he("0,0.[00]",s))}},recommendations:g.recommendations}),La&&E.length>0&&t.jsx(Qr,{currentSpentAmount:Ea??{amount:0,currencyCode:E[0].limit.currencyCode,currencySymbol:E[0].limit.currencySymbol},maxLimitAmountForCreditCard:e.creditAccount.limit,maxLimitAmountForDebitCard:Fa,hasCreditCard:u.hasCreditCards,hasDebitCard:u.hasDebitCards,signedInUser:ze,isDisabled:u.hasDebitCards&&R.fetchState!=="Completed",updateLimitFetchState:e.updateChargeCardsSpendLimitFetchState.fetchState,onCancelClick:()=>{fe(!1),v([])},onSubmitClick:i=>{const s={amount:i,currencyCode:E[0].limit.currencyCode,currencySymbol:E[0].limit.currencySymbol};G(u.bulkActionCardIds,s,E[0].creditLimitFrequency)}}),t.jsx(wr,{cardsSelectedForBulkAction:u.bulkActionCardIds,isBulkActionAllowed:k,firstSelectedCardStatus:Pa,bulkSubmissionLimit:kr,removeAllCardsFromBulkActionList:()=>v([]),updateBulkActionList:v,onProceedForBulkActionClick:Da,onBulkLockClick:Ha,onBulkCloseClick:qa,setShowBulkChangeSpendLimitPopup:fe,depositAccountListWithDebitCardIssued:R,setCardIdForRowAction:Me,setActionTypeForRowAction:yt,cashbackInformation:Q,creditAccountInformation:we,debitAccountInformation:ke,productInformation:$e,controllerEmails:pe,isChargeCardFeatureEnabled:S,isCardControlsEnabled:oe,isDebitCardFeatureEnabled:w,isDebitCardSetupEnabled:L,isChargeCardSetupEnabled:C,creditAccount:x,creditAccountRepayment:j,cardList:e.cards,showViewForCardUser:!1,signedInUser:ze,fetchState:e.fetchState,revokeChargeCardsInviteFetchState:e.revokeChargeCardsInviteFetchState.fetchState,unlockChargeCardsFetchState:e.unlockChargeCardsFetchState.fetchState,onReloadCards:Sa,onChargeCardRowClick:ga,searchText:m,receiptBotEmail:e.chargeCardConfig.receiptBotEmail,uiState:la,resendInviteId:e?.resendCardInvite?.cardId,onColumnSortConfigChanged:ka,onChargeCardResendInviteClick:ba,rowActionView:o})]})]})]})},li=r(aa)`
+`,ue={contentContainerMargin:new V(O[3],O[4],O[8]),infoSubheadingTextMarginTop:new V(O[0],O[0]),cardsMinWidth:new V(343,353)},ci={remainingText:new Za("largeRegular","largeRegular")},{spendManagement:{chargeCard:{payEarly:S,cardList:z,chargeCardsPromo:b}},common:T,dateFormat:je}=Ee.getLocalizedStrings(),Io=({chargeCardListView:e,searchText:m,admins:l,companyLegalName:d,onFetchChargeCardsRecurringExpenses:n,onFetchDepositAccountLimit:h,onCloseChargeCard:B,onCloseChargeCardList:$,onLockChargeCard:Y,onLockChargeCardList:U,onUnlockChargeCardList:A,updateChargeCardListSpendLimit:G,onUpdateSpendLimit:ie,isCardControlsEnabled:oe,isCashbackFeatureEnabled:Me,creditCardPayNowThreshold:Te,isChargeCardFeatureEnabled:y,isCompanyInterestedInChargeCard:Re,isCreditCardProductVisibleForExpressInterest:me,isDebitCardFeatureEnabled:w,isDebitCardSetupEnabled:L,isChargeCardSetupEnabled:C,companyChargeCardInfoCreditAccountLimit:_e,controllerEmails:pe,onRevokeChargeCardList:mt,depositAccountListWithDebitCardIssued:R,chargeCardCashbackDetailState:I,uiState:la,signedInUser:ze,creditLimit:Ce,cashbackRate:Oe,onSearchTextChanged:ha,navigateToCreditCardPaymentHistoryPage:ua,onClickSetupIcon:ma,isChargeCardPaymentHistoryFeatureEnabled:pa,isEarlyPayEnabled:ne,onClickStatementsIcon:Ca,onChargeCardRowClick:ga,updateChargeCardName:xa,onChargeCardResendInviteClick:ba,onChargeCardRevokeInviteClick:pt,onUnlockChargeCard:Ct,onIssueCardClick:fa,onBackClick:Sa,onReloadCards:ya,onTotalCashbackClick:wa,onColumnSortConfigChanged:ka,onClickMenuIcon:$a,onPromoCardClick:gt,onCreateNowClick:xt,showPayNowInfoTooltip:Ia,navigateToCreditCardPaymentPage:ge,shouldShowPayNowInfoTooltip:Be,rowActionView:o,bulkActionView:u,onSetRowActionCardId:De,onSetBulkActionCardIds:v})=>{const xe=Ja().analytics,[bt,va]=c.useState(!1),[Ne,be]=c.useState(!1),[Ve,fe]=c.useState(!1),[ja,J]=c.useState(!1),[Aa,K]=c.useState(!1),[La,Se]=c.useState(!1),[Ue,Ge]=c.useState(!1),[He,qe]=c.useState(!1),[Ye,ft]=c.useState(void 0),Pa=u.chargeCards[0]?.status.code,{creditAccount:x,creditAccountRepayment:j}=e,P=c.useCallback(()=>{De(void 0),ft(void 0)},[De]),F=u.chargeCards,Fa=c.useMemo(()=>F.length===0?void 0:F.reduce((i,s)=>s.balance.amount>i.balance.amount?s:i,F[0]).balance,[F]),Ea=c.useMemo(()=>{const i=F.filter(f=>f.type.code.includes("debit"));if(i.length===0)return;const s=i.map(f=>R.depositAccounts.find(te=>te.id===f.connectedAccountId)?.cardLimits.dailyCardTransactionLimit).filter(f=>f!==void 0);return s.length===0?void 0:s.reduce((f,te)=>te.amount<f.amount?te:f)},[F,R.depositAccounts]),St=_(e.unlockChargeCardsFetchState.fetchState),yt=_(e.revokeChargeCardsInviteFetchState.fetchState),wt=_(e.lockChargeCardsFetchState.fetchState),kt=_(e.closeChargeCardsFetchState.fetchState),$t=_(e.updateChargeCardsSpendLimitFetchState.fetchState);c.useEffect(()=>{const i=St==="In-Progress"&&e.unlockChargeCardsFetchState.fetchState==="Completed",s=yt==="In-Progress"&&e.revokeChargeCardsInviteFetchState.fetchState==="Completed",f=wt==="In-Progress"&&e.lockChargeCardsFetchState.fetchState==="Completed",te=kt==="In-Progress"&&e.closeChargeCardsFetchState.fetchState==="Completed",Ya=$t==="In-Progress"&&e.updateChargeCardsSpendLimitFetchState.fetchState==="Completed";(i||s)&&v([]),f&&(J(!1),v([])),te&&(K(!1),v([])),Ya&&(Se(!1),v([]))},[e.unlockChargeCardsFetchState.fetchState,e.revokeChargeCardsInviteFetchState.fetchState,e.lockChargeCardsFetchState.fetchState,e.closeChargeCardsFetchState.fetchState,e.updateChargeCardsSpendLimitFetchState.fetchState,St,yt,wt,kt,$t,v]);const W=o.cardId!=null?o.unlockChargeCardsFetchState.fetchState:void 0,It=_(W),Je=o.cardId!=null?o.updateChargeCardLimitFetchState.fetchState:void 0,vt=_(Je),Ke=o.cardId!=null?o.updateChargeCardNameFetchState.fetchState:void 0,jt=_(Ke),We=o.cardId!=null?o.lockChargeCardsFetchState.fetchState:void 0,At=_(We),Xe=o.cardId!=null?o.closeChargeCardsFetchState.fetchState:void 0,Lt=_(Xe),X=o.cardId!=null?o.revokeChargeCardFetchState.fetchState:void 0,Pt=_(X);c.useEffect(()=>{o.cardId!=null&&It==="In-Progress"&&W==="Completed"?P():o.cardId!=null&&vt==="In-Progress"&&Je==="Completed"?(qe(!1),P()):o.cardId!=null&&jt==="In-Progress"&&Ke==="Completed"?(Ge(!1),P()):o.cardId!=null&&At==="In-Progress"&&We==="Completed"?(be(!1),P()):o.cardId!=null&&Lt==="In-Progress"&&Xe==="Completed"?(fe(!1),P()):o.cardId!=null&&Pt==="In-Progress"&&X==="Completed"&&P()},[o.cardId,W,Je,Ke,We,Xe,X,It,jt,vt,At,Lt,Pt,P]);const Ma=c.useCallback(i=>{switch(i){case"close":n(u.bulkActionCardIds),K(!0);break;case"lock":n(u.bulkActionCardIds),J(!0);break;case"unlock":A(u.bulkActionCardIds);break;case"update_limit":Se(!0);break;case"revoke_invite":mt(u.bulkActionCardIds)}},[u.bulkActionCardIds,n,mt,A]),g=o.chargeCard;c.useEffect(()=>{if(Ye!==void 0&&o.cardId!==void 0&&g!==void 0)switch(Ye){case re.CLOSE:Ve||(n([o.cardId]),fe(!0));break;case re.LOCK:Ne||(n([o.cardId]),be(!0));break;case re.UNLOCK:W!=="In-Progress"&&W!=="Completed"&&Ct(o.cardId);break;case re.REVOKE_INVITE:X!=="In-Progress"&&X!=="Completed"&&pt(o.cardId);break;case re.RENAME:Ue||Ge(!0);break;case re.UPDATE_SPEND_LIMIT:He||(g.type.code.includes("debit")&&o.depositAccountLimitFetchState.fetchState!=="Completed"&&h(g.connectedAccountId,o.cardId),qe(!0))}},[Ye,o.cardId,He,Ue,Ve,Ne,W,X,n,h,Ct,pt]);const Ze=Ka(),Z=!!Ze.loggedInUserRole.includes("charge_card_user"),ye=Wa(Ze),k=gr(Ze.loggedInUserRoleMap),Q=c.useMemo(()=>k===!0?{creditCardCashbackOffer:`${I.cashbackAnalytics.creditCardCashbackOffer}%`,debitCardCashbackOffer:`${I.cashbackAnalytics.debitCardCashbackOffer}%`,totalEarnedCashback:N(I.cashbackSummary.cashbackEarned.amount),redeemedCashback:N(I.cashbackSummary.cashbackRedeemed.amount),availableCashback:N(I.cashbackSummary.cashbackAvailable.amount),creditCardCashbackRedemptionMode:I.cashbackAnalytics.creditCardCashbackRedemptionMode,debitCardCashbackRedemptionMode:I.cashbackAnalytics.debitCardCashbackRedemptionMode}:void 0,[k,I.cashbackAnalytics.creditCardCashbackOffer,I.cashbackAnalytics.debitCardCashbackOffer,I.cashbackSummary.cashbackEarned.amount,I.cashbackSummary.cashbackRedeemed.amount,I.cashbackSummary.cashbackAvailable.amount,I.cashbackAnalytics.creditCardCashbackRedemptionMode,I.cashbackAnalytics.debitCardCashbackRedemptionMode]),we=c.useMemo(()=>y&&C&&k===!0?{creditAccountId:x.id,creditAccountLimit:N(x.limit.amount),creditAccountAvailableAmount:N(x.available.amount),creditAccountSpentAmount:N(x.balance.amount+x.hold.amount),creditAccountStatus:x.status,outstandingBalance:N(j.remainingAmountDue.amount)}:void 0,[y,C,k,x.id,x.limit.amount,x.available.amount,x.balance.amount,x.hold.amount,x.status,j.remainingAmountDue.amount]),ke=c.useMemo(()=>w&&L?{debitAccountId:R.depositAccounts.map(i=>i.id),debitAccountName:R.depositAccounts.map(i=>i.accountName),debitAccountBalance:R.depositAccounts.map(i=>N(i.accountBalance.available.amount)),debitCardsSpend:N(e.debitCardSummary?.currentMonthSpends?.amount??0),debitAccountStatus:R.depositAccounts.map(i=>i.accountStatus)}:void 0,[w,L,R.depositAccounts,e.debitCardSummary?.currentMonthSpends?.amount]),$e={isCreditCardOffered:y,isDebitCardOffered:w,isDebitCardEnabled:L,isCreditCardEnabled:C},E=Fe(),Ft=ye&&!k,Et=e.creditAccount.balance.amount+e.creditAccount.hold.amount,se={amount:Et,currencyCode:e.creditAccount.balance.currencyCode,currencySymbol:e.creditAccount.balance.currencySymbol},Qe=Math.round(100*se.amount/e.creditAccount.limit.amount),Ta=isNaN(Qe)?0:Et!==0&&Qe===0?1:Qe,de=e.chargeCardConfig.rePaymentInfo?.cardLimitResetDate,et=k&&se.amount>Te*e.creditAccount.limit.amount/100,ce=de!=null&&j.initiatedRepayments.amount>0,Ra={entity:"charge_cards",showNewButtonOnNavbar:k,showEntityEmailInfoIconOnNavbar:!1,newButtonLabel:k?z.newBtnLabel:T.strings.empty,hideSearchBtn:Z,searchTextBoxStyle:{right:Ft?a.sp4:"96px"},moreIconContainerStyle:{paddingRight:Ft?a.sp0:a.sp4},isSearchOpen:bt,searchPlaceHolder:z.searchPlaceHolder,searchText:m,showSettingsIcon:!Z,showSettingsIconOnNavbar:k,showStatementButtonOnNavbar:y&&C,showPayEarlyButtonOnNavbar:ne&&k&&se.amount>0&&!ce&&!et,showPaymentHistoryButtonOnNavbar:k&&pa&&y&&C,onClickPaymentHistoryIcon:ua,showDownloadButtonOnNavbar:!1,disableDownloadButton:!0,analytics:xe,onSearchOpen:i=>{va(i),i===!0&&(xe.trackCardsListPageClicked("search"),(!y||x.fetchState==="Completed"&&j.fetchState==="Completed")&&(!w||!L||R.fetchState==="Completed")&&Q!=null&&xe.trackCardsCardListSearchClick(pe,$e,Q,we,ke))},onSearchTextChanged:ha,onClickSetupIcon:ma,onClickStatementsIcon:Ca,downloadState:"Not-Started",onNewButtonClick:fa,onClickPayEarlyIcon:()=>ge("More Button","Pay Early"),onMenuOpen:()=>{(!y||x.fetchState==="Completed"&&j.fetchState==="Completed")&&(!w||!L||R.fetchState==="Completed")&&Q!=null&&xe.trackCardsCardListMoreMenuClick(pe,$e,Q,we,ke)},filters:{categoryCombinationOperator:"AND",categories:[]}},_a=t.jsx(yr,{spendManagementSectionProps:Ra}),za=e.cards.length!==0&&Z&&xr(e.cards),Oa=e.fetchState==="Completed"?xi({isChargeCardFeatureEnabled:y,isChargeCardSetupEnabled:C,isDebitCardFeatureEnabled:w,isDebitCardSetupEnabled:L}):"",Ie=e.debitCardSummary!=null?e.debitCardSummary.currentMonthSpends.amount-e.debitCardSummary.lastCompletedMonthSpends.amount:0,Ba=y&&C&&e.hasCreditCard,Da=w&&L&&e.hasDebitCard,Na=y&&C&&ye&&!k,Va=w&&L&&ye&&!k,ve=e.chargeCardConfig.rePaymentInfo?.rePaymentDueDate?.diff(Bt(),"days")??0,tt=[S.payNow,ve>0&&ve<11?`${S.billDueIn} ${ve} ${ve===1?T.timeStrings.day:T.timeStrings.days}`:S.creditLimitLow,S.payNow],at=j.initiatedRepayments.amount===x.balance.amount+x.hold.amount,Mt=j.paymentMethod==="ACH",rt=[S.paymentInitiated,`${z.header.limit} ${at?T.resets:T.updates} ${T.by} ${br(fr(j.initiatedRepaymentDate?.toDate()??Bt().toDate(),[0,6],Mt?3:1).toDateString()).format(je.visual.MMMDFormat)}`,S.paymentInitiated],it=c.useRef(null),ot=c.useRef(null),Ua=ta(),[Ga,Tt]=c.useState(!0);c.useEffect(()=>{const i=()=>{ot.current&&(ot.current.getBoundingClientRect().top<(E==="small"?68:40)?Tt(!1):Tt(!0))};i();const s=()=>{i()},f=it.current;return f&&f.addEventListener("scroll",s),window.addEventListener("scroll",s),()=>{f&&f.removeEventListener("scroll",s),window.removeEventListener("scroll",s)}},[E]);const ee=c.useMemo(()=>{const i={};return u.chargeCards.forEach(s=>{i[s.id]=s}),{chargeCardsByCardId:i,cardRecurringExpensesByCardId:u.recurringExpensesByCardId,fetchState:u.recurringExpensesFetchState.fetchState}},[u]),Ha=c.useCallback(()=>{n(u.bulkActionCardIds),J(!0)},[u.bulkActionCardIds,n]),qa=c.useCallback(()=>{n(u.bulkActionCardIds),K(!0)},[u.bulkActionCardIds,n]),Rt=c.useCallback(i=>{const s=u.bulkActionCardIds.filter(f=>f!==i);v(s),s.length===0&&(J(!1),K(!1))},[u.bulkActionCardIds,v]),_t=Re&&_e===0,zt=_e===-1;return t.jsxs(Ii,{ref:it,children:[t.jsx(Xa,{title:Oa,showBackButton:!0,showMenuIcon:E==="medium-compact"||E==="small",onClickMenuIcon:$a,style:{zIndex:3},onBackClick:Sa,rightSideComponent:_a,isSearchOpen:bt,hideSearchBtn:Z,scrollableContent:it,source:"ChargeCardListPage",backgroundColor:Ua.colors.grey4}),e.fetchState==="Not-Started"||e.fetchState==="In-Progress"?t.jsx(Sr,{fetchState:e.fetchState,styles:{margin:"auto"}}):t.jsxs(t.Fragment,{children:[Z?null:t.jsxs(vi,{windowSize:E,children:[Ba||Na?t.jsxs(Jt,{windowSize:E,"data-testid":D("credit-card-spend-bar-container"),children:[t.jsxs(Zt,{children:[t.jsxs(Qt,{children:[t.jsxs(ea,{children:[t.jsx(Wt,{children:z.creditCardBalance}),t.jsx(ae,{amount:se,integerStyles:{...M.h5Regular.cssObject},decimalStyles:{...M.largeSemiBold.cssObject}})]}),t.jsxs(yi,{children:[t.jsx(Ae,{style:{textAlign:"end"},children:T.texts.limit}),t.jsx(ae,{amount:e.creditAccount.limit,style:{justifyContent:"end"},integerStyles:M.largeRegular.cssObject,decimalStyles:M.smallRegular.cssObject})]})]}),t.jsx(Mi,{children:t.jsx(Ti,{style:{width:`${Ta}%`,borderRadius:a.sp1}})}),et&&!ce&&ne?t.jsx(nt,{placement:"bottom",style:{color:p.heroDark,padding:`12px ${a.sp3}`},title:t.jsx(Ci,{children:S.creditLimitIsRunningLow}),children:t.jsxs(Kt,{children:[t.jsx(ae,{amount:e.creditAccount.available,integerStyles:M.largeMedium.cssObject,decimalStyles:M.smallMedium.cssObject}),t.jsx(Xt,{windowSize:E,children:T.texts.remaining}),t.jsx(gi,{children:t.jsx(pi,{})})]})}):t.jsxs(Kt,{children:[t.jsx(ae,{amount:e.creditAccount.available,integerStyles:M.largeMedium.cssObject,decimalStyles:M.smallMedium.cssObject}),t.jsx(Xt,{windowSize:E,children:T.texts.remaining})]})]}),t.jsxs(wi,{showPaymentInitiatedInfo:ce,isEarlyPayEnabled:ne,children:[ce&&ne?null:t.jsx(Ae,{children:`${T.texts.limitReset} ${de!=null?de.format(je.visual.MMMDFormat):null}`}),k&&ne&&(ce?t.jsx("div",{children:t.jsx(nt,{maxWidth:"242px",style:{padding:`12px ${a.sp3}`},title:t.jsxs(bi,{children:[t.jsx(Yt,{children:`${S.paymentOf} ${he("0,0.[00]",{amount:j.initiatedRepayments.amount,currencyCode:j.initiatedRepayments.currencyCode,currencySymbol:j.initiatedRepayments.currencySymbol})} ${S.madeOn} `}),t.jsx(fi,{children:j.initiatedRepaymentDate?.format(je.visual.MMMDFormat)}),T.strings.space,t.jsx(Yt,{children:Mt?at?S.isProcessingAndWillResetTheCreditLimitIn23BusinessDays:S.isProcessingAndWillUpdateTheCreditLimitIn23BusinessDays:at?S.isProcessingAndWillResetTheCreditLimitIn1BusinessDay:S.isProcessingAndWillUpdateTheCreditLimitIn1BusinessDay})]}),placement:"bottom",children:t.jsxs(Gt,{hasPointer:!1,children:[rt.length>0&&t.jsx(dt,{slideUpCount:rt.length,style:{alignItems:"flex-end",width:"auto"},children:rt.map((i,s)=>t.jsx(hi,{children:i},`card-payment-initiated-${s.toString()}`))}),t.jsx(mi,{})]})})}):et?t.jsx(nt,{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:p.important},buttonStyle:{width:"31%"},onButtonClick:()=>{Be(!1),ge("Toast Button","Pay Now")},showCloseButton:!0,onClose:i=>{i.preventDefault(),i.stopPropagation(),Be(!1)}},title:"informative",placement:"bottom-end",open:Ia&&Ga,children:t.jsxs(Gt,{ref:ot,onClick:()=>{Be(!1),ge("Text Button","Pay Now")},hasPointer:!0,children:[tt.length>0&&t.jsx(dt,{slideUpCount:tt.length,style:{alignItems:"flex-end",width:"auto"},children:tt.map((i,s)=>t.jsx(li,{isImportant:s===1,children:i},`card-pay-now-${s.toString()}`))}),t.jsx(Ht,{})]})}):se.amount>0?t.jsxs(ui,{onClick:()=>ge("Text Button","Pay Early"),children:[S.payEarly,t.jsx(Ht,{})]}):null)]})]}):y&&C?t.jsx(Ut,{cardType:"creditCard","data-testid":D("card-list-page-promo-card-back","credit"),header:b.listPage.spendSmarter,title:b.listPage.setUpText.replace("__cardType__",b.listPage.credit),creditLimit:st("0,0",Ce.amount,Ce.currencySymbol),onCreateNowClick:xt}):me?t.jsx(Vt,{cardPromoType:"credit","data-testid":D("card-list-page-promo-card","credit"),cardText:b.listPage.creditCards,header:b.listPage.getAccessTo,title:b.listPage.creditCards,subTitle:b.listPage.promoSubText.credit,slidingTextList:qt("credit",Oe,{amount:_e,currencyCode:Ce.currencyCode,currencySymbol:Ce.currencySymbol}),onClick:gt,status:zt?"rejected":_t?"under_review":void 0,statusMessage:zt?b.listPage.status.rejectedMessage:_t?b.listPage.status.underReviewMessage:void 0}):null,Da||Va?t.jsxs(Jt,{windowSize:E,"data-testid":D("debit-spend-bar-container"),children:[t.jsxs(Zt,{children:[t.jsx(Qt,{children:t.jsxs(ea,{children:[t.jsx(Wt,{children:z.debitCardSpend}),t.jsx(ae,{amount:e.debitCardSummary?.currentMonthSpends,integerStyles:{...M.h5Regular.cssObject},decimalStyles:{...M.largeSemiBold.cssObject}})]})}),t.jsx(Ai,{children:Ie!==0?t.jsxs(t.Fragment,{children:[Ie<0?t.jsx(Pi,{}):t.jsx(Fi,{}),t.jsx(Li,{hasNegativeValue:Ie<0,children:st("0,0.00",Ie,e.debitCardSummary?.currentMonthSpends.currencySymbol)}),t.jsx(ca,{children:z.compareToLastMonth})]}):null})]}),t.jsx(da,{children:t.jsx(Ae,{children:`${T.texts.limitReset} ${de!=null?de.format(je.visual.MMMDFormat):null}`})})]}):w&&L?t.jsx(Ut,{cardType:"debitCard","data-testid":D("card-list-page-promo-card-back","debit"),header:b.listPage.spendSmarter,title:b.listPage.setUpText.replace("__cardType__",b.listPage.debit),onCreateNowClick:xt}):w?t.jsx(Vt,{cardPromoType:"debit","data-testid":D("card-list-page-promo-card","debit"),cardText:b.listPage.debitCards,header:b.listPage.getAccessTo,title:b.listPage.debitCards,subTitle:b.listPage.promoSubText.debit,slidingTextList:qt("debit",Oe),onClick:gt}):null,t.jsxs(ji,{windowSize:E,"data-testid":D("credit-spend-info-container"),children:[Me?t.jsxs(Si,{children:[t.jsx(Ae,{style:{textAlign:"start"},children:z.totalCashback}),t.jsx(ae,{amount:e.totalCashback,style:{justifyContent:"flex-start"},integerStyles:M.h5Regular.cssObject,decimalStyles:M.smallSemiBold.cssObject}),e.totalCashback.amount>0?t.jsx($i,{windowSize:E,children:t.jsxs(Ei,{windowSize:E,onClick:wa,"data-testid":D("total-cashback-info"),children:[t.jsx(ki,{children:z.overview}),t.jsx(Ri,{})]})}):null]}):null,t.jsx(zi,{children:t.jsx(Oi,{})})]})]}),e.cards.length===0&&Z===!0||za?t.jsx(_i,{children:t.jsx($r,{companyLegalName:d,cards:e.cards,admins:l,hasZeniFinopsRoles:ye,cashbackRate:Oe})}):t.jsxs(t.Fragment,{children:[Ve&&o.cardId!=null&&g&&t.jsx(Dt,{showCloseCardDrawer:!0,onCloseCloseCardDrawer:()=>{fe(!1),P()},isChargeCardAdmin:!0,chargeCardsByCardId:{[o.cardId]:g},cardRecurringExpensesByCardId:{[o.cardId]:o.recurringExpenses},cardRecurringExpenseFetchState:o.recurringExpensesFetchState.fetchState,closeCardFetchState:o.closeChargeCardsFetchState.fetchState,onConfirmClick:i=>{const s=i.reasonType==="other"?i.reason:i.reasonType;o.cardId!=null&&B(o.cardId,s)},onDismissClick:()=>{fe(!1),P()},onRemoveCardClick:()=>{}}),Ne&&o.cardId!=null&&g&&t.jsx(Nt,{showLockCardDrawer:!0,onCloseLockCardDrawer:()=>{be(!1),P()},isChargeCardAdmin:!0,chargeCardsByCardId:{[o.cardId]:g},cardRecurringExpensesByCardId:{[o.cardId]:o.recurringExpenses},cardRecurringExpenseFetchState:o.recurringExpensesFetchState.fetchState,lockCardFetchState:o.lockChargeCardsFetchState.fetchState,onConfirmClick:i=>{const s=i.reasonType==="other"?i.reason:i.reasonType;o.cardId!=null&&Y(o.cardId,s)},onDismissClick:()=>{be(!1),P()},onRemoveCardClick:()=>{}}),Aa&&u.bulkActionCardIds.length>0&&t.jsx(Dt,{showCloseCardDrawer:!0,onCloseCloseCardDrawer:()=>{K(!1),v([])},isChargeCardAdmin:!0,chargeCardsByCardId:ee.chargeCardsByCardId,cardRecurringExpensesByCardId:ee.cardRecurringExpensesByCardId,cardRecurringExpenseFetchState:ee.fetchState,closeCardFetchState:e.closeChargeCardsFetchState.fetchState,onConfirmClick:i=>{const s=i.reasonType==="other"?i.reason:i.reasonType;$(u.bulkActionCardIds,s)},onDismissClick:()=>{K(!1),v([])},onRemoveCardClick:Rt}),ja&&u.bulkActionCardIds.length>0&&t.jsx(Nt,{showLockCardDrawer:!0,onCloseLockCardDrawer:()=>{J(!1),v([])},isChargeCardAdmin:!0,chargeCardsByCardId:ee.chargeCardsByCardId,cardRecurringExpensesByCardId:ee.cardRecurringExpensesByCardId,cardRecurringExpenseFetchState:ee.fetchState,lockCardFetchState:e.lockChargeCardsFetchState.fetchState,onConfirmClick:i=>{const s=i.reasonType==="other"?i.reason:i.reasonType;U(u.bulkActionCardIds,s)},onDismissClick:()=>{J(!1),v([])},onRemoveCardClick:Rt}),Ue&&o.cardId!=null&&g&&t.jsx(jr,{currentCardName:g.cardName,renameFetchState:o.updateChargeCardNameFetchState.fetchState,onCancelClick:()=>{Ge(!1),P()},onSubmitClick:i=>{o.cardId!=null&&xa(o.cardId,i)}}),He&&o.cardId!=null&&g&&t.jsx(Ar,{controllerEmails:pe,isChargeCardFeatureEnabled:y,isDebitCardFeatureEnabled:w,isDebitCardSetupEnabled:L,isChargeCardSetupEnabled:C,productInformation:$e,cashbackInformation:Q,creditAccountInformation:we,debitAccountInformation:ke,cardDetail:g,depositAccountLimitFetchState:o.depositAccountLimitFetchState.fetchState,creditAccount:x,creditAccountRepayment:j,signedInUser:ze,isDebitCard:g.type.code.includes("debit"),classListFetchState:"Not-Started",currentLimitAmount:g.limit,currentSpentAmount:g.balance,maxLimitAmount:g.type.code.includes("debit")?o.depositAccountLimit?.cardLimits.dailyCardTransactionLimit:x.limit,isDisabled:g.type.code.includes("debit")&&o.depositAccountLimitFetchState.fetchState!=="Completed",updateLimitFetchState:o.updateChargeCardLimitFetchState.fetchState,onCancelClick:()=>{qe(!1),P()},onSubmitClick:i=>{if(o.cardId!=null){const s={amount:i,currencyCode:g.limit.currencyCode,currencySymbol:g.limit.currencySymbol};ie(o.cardId,s,g.creditLimitFrequency,he("0,0.[00]",s))}},recommendations:g.recommendations}),La&&F.length>0&&t.jsx(Qr,{currentSpentAmount:Fa??{amount:0,currencyCode:F[0].limit.currencyCode,currencySymbol:F[0].limit.currencySymbol},maxLimitAmountForCreditCard:e.creditAccount.limit,maxLimitAmountForDebitCard:Ea,hasCreditCard:u.hasCreditCards,hasDebitCard:u.hasDebitCards,signedInUser:ze,isDisabled:u.hasDebitCards&&R.fetchState!=="Completed",updateLimitFetchState:e.updateChargeCardsSpendLimitFetchState.fetchState,onCancelClick:()=>{Se(!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(wr,{cardsSelectedForBulkAction:u.bulkActionCardIds,isBulkActionAllowed:k,firstSelectedCardStatus:Pa,bulkSubmissionLimit:kr,removeAllCardsFromBulkActionList:()=>v([]),updateBulkActionList:v,onProceedForBulkActionClick:Ma,onBulkLockClick:Ha,onBulkCloseClick:qa,setShowBulkChangeSpendLimitPopup:Se,depositAccountListWithDebitCardIssued:R,setCardIdForRowAction:De,setActionTypeForRowAction:ft,cashbackInformation:Q,creditAccountInformation:we,debitAccountInformation:ke,productInformation:$e,controllerEmails:pe,isChargeCardFeatureEnabled:y,isCardControlsEnabled:oe,isDebitCardFeatureEnabled:w,isDebitCardSetupEnabled:L,isChargeCardSetupEnabled:C,creditAccount:x,creditAccountRepayment:j,cardList:e.cards,showViewForCardUser:!1,signedInUser:ze,fetchState:e.fetchState,revokeChargeCardsInviteFetchState:e.revokeChargeCardsInviteFetchState.fetchState,unlockChargeCardsFetchState:e.unlockChargeCardsFetchState.fetchState,onReloadCards:ya,onChargeCardRowClick:ga,searchText:m,receiptBotEmail:e.chargeCardConfig.receiptBotEmail,uiState:la,resendInviteId:e?.resendCardInvite?.cardId,onColumnSortConfigChanged:ka,onChargeCardResendInviteClick:ba,rowActionView:o})]})]})]})},li=r(aa)`
   color: ${e=>e.isImportant?p.important:e.theme.colors.primary};
   text-align: end;
 `,hi=r(aa)`
@@ -247,14 +247,14 @@ import{h as Ja,a7 as _,_ as Ka,fm as Wa,i5 as N,e as Ee,o as a,y as ta,V as t,a_
   justify-content: center;
 `,qt=(e,m,l)=>{const d=(100*m).toFixed(2);if(e==="credit"){const n=[...b.listPage.promoMultiText.credit];if(n[1]=n[1].replace("__cashBack__",d),l&&l.amount!==0)return n[0]=n[0].replace("__creditLimit__",st("0,0",l.amount,l.currencySymbol)),[...n,n[0]];{const h=n.slice(1);return[...h,h[0]]}}if(e==="debit"){const n=[...b.listPage.promoMultiText.debit];return n[0]=n[0].replace("__cashBack__",d),[...n,n[0]]}return[]},xi=({isChargeCardFeatureEnabled:e,isChargeCardSetupEnabled:m,isDebitCardFeatureEnabled:l,isDebitCardSetupEnabled:d})=>e&&m&&l&&d?z.title.cards:e&&m?z.title.credit:l&&d?z.title.debit:"",bi=r.div`
   text-align: left;
-`,Yt=r.span``,yi=r.span`
+`,Yt=r.span``,fi=r.span`
   white-space: nowrap;
-`,fi=r.div`
+`,Si=r.div`
   min-width: 137px;
   display: flex;
   flex-direction: column;
   justify-content: flex-start;
-`,Si=r.div`
+`,yi=r.div`
   min-width: ${a.sp12};
   align-self: stretch;
   display: flex;
@@ -360,15 +360,15 @@ import{h as Ja,a7 as _,_ as Ka,fm as Wa,i5 as N,e as Ee,o as a,y as ta,V as t,a_
   color: ${e=>e.theme.colors.hero};
 `,Li=r(ca)`
   color: ${e=>e.hasNegativeValue?p.success:p.important};
-`,Pi=r(Er)`
+`,Pi=r(Fr)`
   color: ${p.success};
   width: ${a.sp3};
   height: ${a.sp3};
-`,Ei=r(Fr)`
+`,Fi=r(Er)`
   color: ${p.important};
   width: ${a.sp3};
   height: ${a.sp3};
-`,Fi=r(lt)`
+`,Ei=r(lt)`
   color: ${e=>e.theme.colors.hero};
   margin-top: ${e=>ue.infoSubheadingTextMarginTop.valuePx(e.windowSize)};
   gap: ${a.sp1};
@@ -379,7 +379,7 @@ import{h as Ja,a7 as _,_ as Ka,fm as Wa,i5 as N,e as Ee,o as a,y as ta,V as t,a_
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,Di=r.div`
+`,Mi=r.div`
   width: 100%;
   height: ${a.sp1};
   display: flex;

package/dist/assets/{ChargeCardListTable-DMdC4lxo-CtkD7-2q.js → ChargeCardListTable-BiKjkqVs-C2Q47jri.js}

@@ -1,6 +1,6 @@
-import{bF as st,V as i,T as nt,A as at,O as le,e as oe,_ as ke,h as lt,y as ze,gm as dt,a9 as ct,o as t,b as G,bN as ht,w as Be,f as I,an as pt,bV as ut,bo as ye,bX as Oe,bd as mt,ab as gt,x as C,e6 as xt,au as wt,i6 as Ct,ac as ft,aA as yt,C as ee,gq as kt,H as J,l as X,m as u,cc as St,e4 as vt,i7 as jt,i8 as $t,d as Ci,bt as fi,i9 as bt,bm as It,b_ as Je,ia as yi,cR as Lt,cS as q,a5 as de,L as ki,ib as zt,c1 as At,h_ as Xe,b6 as Si,b8 as vi,ad as je,aR as Ft}from"./index-Mhz2NAiD.js";import{b as he,a as f}from"./sentry-D-LCra2M.js";import{n as o,c as Ye}from"./mui-Ckdcx_YE.js";import{H as Pt,o as Rt,R as Bt,L as Dt,_ as _t,M as Et,S as Tt}from"./common-Cws59IN1-tgtgUQp7.js";import{d as ji}from"./ZeniAvatar-De0hFvIm-BJi7TJei.js";import{T as $i}from"./RoleWithToolTip-C0G1Hgp_-CRG2xCvX.js";import{j as Ve}from"./CardNumberSubText-FNfrozX6-Cgi1n69q.js";import{t as bi,r as Ot}from"./spend-limit-D6SyboD4-D85B38gI.js";import{o as Vt,r as Nt}from"./unlock-BPWn2I5L-DDdPB9QU.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},r=new e.Error().stack;r&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[r]="87de64db-4f25-4422-a13a-99e8472f8ab8",e._sentryDebugIdIdentifier="sentry-dbid-87de64db-4f25-4422-a13a-99e8472f8ab8")}catch{}})();const me=le.getLocalizedStrings().spendManagement.chargeCard.cardList.header,Mt=le.getLocalizedStrings().common.strings.empty,Qe={key:"owner",value:me.owner,sortOrder:"ascending",width:new C(120,120,160,200,200)},Ze={key:"cardName",value:me.cardName,sortOrder:"ascending",width:new C(120,120,160,171,171)},ei={key:"cardType",value:me.cardType,sortOrder:"ascending",width:new C(120,120,130,170,170)},ii={key:"status",value:me.status,sortOrder:"ascending",width:new C(115,115,125,132,132)},ti={key:"utilisation",value:me.utilisation,sortOrder:"ascending",width:new C(u[11],u[11],u[11],u[12],120)},oi={key:"limit",value:me.limit,sortOrder:"ascending",width:new C(68,68,68,120,120)},Ii=e=>e===!0?[{...Qe,width:new C(0,0),value:Mt},Ze,ei,ii,ti,oi]:[Qe,Ze,ei,ii,ti,oi],{common:Ce,spendManagement:{billPay:{paymentDetails:{feePercent:Ut}},chargeCard:j}}=le.getLocalizedStrings(),se={containerPaddingLeft:new C(u[3],u[2]),containerPaddingRight:new C(u[2],u[3]),containerPaddingTop:new C(u[2],u[3]),containerPaddingBottom:new C(u[2],u[3]),containerMarginLeft:new C(u[4],u[0]),containerMarginRight:new C(u[4],u[0]),webkitLineClamp:new C(2,1,1,1,1)};var Wt=(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))(Wt||{});const Ht={moreItemFont:new Ci("extraSmallRegular","smallRegular")},Kt=({setCardIdForRowAction:e,setActionTypeForRowAction:r,rowActionView:s,revokeChargeCardsInviteFetchState:d,unlockChargeCardsFetchState:c,cardsSelectedForBulkAction:l,cardDetail:n,isCardControlsEnabled:a,showViewForCardUser:x,signedInUser:m,resendInviteId:y,index:k,onChargeCardRowClick:S,onChargeCardResendInviteClick:h})=>{const[p,w]=f.useState(!1),[$,R]=f.useState(!1);f.useEffect(()=>{p||R(!1)},[p]),f.useEffect(()=>{l.length>0&&p&&(w(!1),R(!1))},[l.length,p]);const B=s.cardId===n.id,D=l.includes(n.id),z=B&&s.unlockChargeCardsFetchState.fetchState==="In-Progress"||D&&c==="In-Progress",M=B&&s.revokeChargeCardFetchState.fetchState==="In-Progress"||D&&d==="In-Progress",g=z||M,v=oe(),_=!!ke().loggedInUserRole.includes("charge_card_user")||x,U=f.useCallback(()=>{S(n.id,k)},[n.id]),T=yi(n)/n.limit.amount*100,W=n?.cardHolderUserId===m.userId,F=n.status.code!=="closed"&&n.status.code!=="closed_by_customer",O=Lt(n.cardHolderUser,!1),K=n.balance,A=Ii(_),H=i.jsxs(i.Fragment,{children:[i.jsx(q,{isLoading:g,customStyle:{width:t.sp9,height:"20px",borderRadius:t.sp1},children:i.jsx(ho,{title:de("0,0.[00]",K),className:"amountToUtilize",children:de("0,0.[00]",K)})}),T!==0?i.jsx(q,{isLoading:g,customStyle:{width:t.sp11,height:t.sp3,borderRadius:t.sp1},children:i.jsx(po,{className:"amountToUtilize",children:`${Math.round(T)}${Ut}`})}):null]}),V=n.type.code,ie=j.cardList.tooltip[V],te=ie!=null?W?ie.self:`${O} ${ie.cardUser}`:Ce.strings.empty;return i.jsx(Gt,{windowSize:v,children:i.jsx(Jt,{onClick:U,"data-testid":G("card-row",n.id),children:i.jsxs(Yt,{children:[_?null:i.jsx(pe,{children:i.jsxs(Qt,{windowSize:v,responsiveWidth:A[0].width,children:[i.jsx(q,{isLoading:g,flex:"0 0",customStyle:{width:t.sp6,height:t.sp6,borderRadius:"50%"},children:i.jsx(ji,{personBasic:n.cardHolderUser,styles:{height:t.sp6,width:t.sp6,minWidth:t.sp6}})}),i.jsxs(eo,{isLoading:g,children:[i.jsx(Zt,{isLoading:g,children:i.jsx(q,{isLoading:g,customStyle:{width:"88px",height:"20px",borderRadius:t.sp1},children:i.jsx(io,{windowSize:v,title:O,className:"cardHolderName",children:O===Ce.strings.empty?Ce.strings.hyphen:O})})}),i.jsx(q,{isLoading:g,customStyle:{width:"104px",height:t.sp3,borderRadius:t.sp1},children:i.jsx(ai,{className:"additionalInfoContainer",children:n.cardHolderRoles?.userRoles!=null&&i.jsx($i,{roles:n.cardHolderRoles?.userRoles})})})]})]})}),i.jsx(pe,{children:i.jsxs(so,{isLoading:g,windowSize:v,responsiveWidth:A[1].width,children:[i.jsx(q,{isLoading:g,customStyle:{width:"88px",height:"20px",borderRadius:t.sp1},children:i.jsx(no,{title:n.cardName,className:"cardName",children:n.cardName})}),i.jsxs(q,{isLoading:g,customStyle:{width:"104px",height:t.sp3,borderRadius:t.sp1},children:[" ",i.jsx(Co,{windowSize:v,className:"cardNameSubText",children:n.status.code==="request_on_hold"?Ce.strings.hyphen:j.cardDetails.expiryHideOut+Ce.strings.space+n.accountLast4})]})]})}),i.jsx(pe,{children:i.jsx(ao,{windowSize:v,responsiveWidth:A[2].width,children:i.jsx(lo,{className:"card-type",children:i.jsx(q,{isLoading:g,customStyle:{width:"144px",height:t.sp4,borderRadius:t.sp1},children:i.jsx(Ve,{cardDetail:n,forDetailPage:!1})})})})}),i.jsx(pe,{children:i.jsx(li,{windowSize:v,isLoading:g,responsiveWidth:A[3].width,children:i.jsx(q,{isLoading:g,customStyle:{width:"112px",height:t.sp4,borderRadius:t.sp1},children:y===n.id?i.jsx(ki,{size:"Small",start:!0}):i.jsxs(co,{children:[i.jsx(go,{children:n.status.code==="request_on_hold"?i.jsxs(ye,{display:"flex",title:te,placement:"top",style:{padding:`${t.sp2} ${t.sp3}`},children:[i.jsx(Le,{status:n.status.code,style:{cursor:"pointer"}}),i.jsx(uo,{style:{marginLeft:t.sp1},className:"infoIconTooltip"})]}):i.jsx(Le,{status:n.status.code})}),n.status.code!=="request_on_hold"||W?null:i.jsx(mo,{onClick:Y=>{Y.stopPropagation(),h(n.id)},"data-testid":G("send-reminder",n.id),children:j.cardList.sendReminder})]})})})}),i.jsx(pe,{children:i.jsx(li,{windowSize:v,isLoading:g,responsiveWidth:A[4].width,children:H})}),i.jsx(pe,{children:i.jsxs(to,{windowSize:v,responsiveWidth:A[5].width,children:[i.jsxs(oo,{windowSize:v,isLoading:g,children:[i.jsx(q,{isLoading:g,customStyle:{width:"68px",height:"20px",borderRadius:t.sp1},children:i.jsx(ro,{className:"limitAmount",windowSize:v,title:de("0,0.[00]",n.limit),children:de("0,0.[00]",n.limit)})}),i.jsx(ai,{className:"additionalInfoContainer",children:i.jsx(q,{isLoading:g,customStyle:{width:t.sp8,height:t.sp3,borderRadius:t.sp1},children:n.creditLimitFrequency.name})})]}),i.jsx(xo,{className:"menu-icon",onMouseEnter:()=>{!p&&F&&R(!0)},onMouseLeave:()=>{F&&R(!1)},children:(()=>{const Y=n.status.code==="locked",ge=n.status.code==="closed"||n.status.code==="closed_by_customer",xe=_?a&&!g&&!ge&&!(Y&&n.isLockedByAdmin):a?!g&&F:n.status.code==="request_on_hold",b=l.length>0;return xe&&i.jsx(ye,{open:$&&!p&&!b,variant:"standard",title:j.cardList.moreActionsTooltip,placement:"bottom-end",children:i.jsx(Oe,{isMenuVisible:!0,menuItems:i.jsx(wo,{children:i.jsx(Li,{cardDetail:n,isCardControlsEnabled:a,isChargeCardUser:_,setIsMenuOpen:w,setCardIdForRowAction:e,setActionTypeForRowAction:r})}),setIsMenuOpen:Ae=>{b||w(Ae)},isMenuOpen:p&&!b,menuIconStyles:{height:"auto",cursor:b?"not-allowed":"pointer",opacity:b?.5:1,pointerEvents:b?"none":"auto"},styles:{transform:`translate(${t.sp3},${t.sp2})`}})})})()})]})})]})})})},Li=({cardDetail:e,isCardControlsEnabled:r,isChargeCardUser:s,setIsMenuOpen:d,setCardIdForRowAction:c,setActionTypeForRowAction:l})=>{const n=oe();return r?e.status.code==="request_on_hold"?s?i.jsxs(L,{windowSize:n,onClick:a=>{a.stopPropagation(),d(!1),c(e.id),l("rename")},children:[i.jsx(re,{}),i.jsx(E,{children:j.cardDetails.moreOptions.rename})]}):i.jsxs(i.Fragment,{children:[i.jsxs(L,{windowSize:n,onClick:a=>{a.stopPropagation(),d(!1),c(e.id),l("rename")},children:[i.jsx(re,{}),i.jsx(E,{children:j.cardDetails.moreOptions.rename})]}),i.jsx($e,{}),i.jsxs(L,{hoverImportant:!0,windowSize:n,onClick:a=>{a.stopPropagation(),d(!1),c(e.id),l("revoke_invite")},children:[i.jsx(Xt,{}),i.jsx(fe,{children:j.cardDetails.revokeInvite})]})]}):e.status.code==="inactive"?s?i.jsxs(L,{windowSize:n,onClick:a=>{a.stopPropagation(),d(!1),c(e.id),l("rename")},children:[i.jsx(re,{}),i.jsx(E,{children:j.cardDetails.moreOptions.rename})]}):i.jsxs(i.Fragment,{children:[i.jsxs(L,{windowSize:n,onClick:a=>{a.stopPropagation(),d(!1),c(e.id),l("rename")},children:[i.jsx(re,{}),i.jsx(E,{children:j.cardDetails.moreOptions.rename})]}),i.jsx($e,{}),i.jsxs(L,{hoverImportant:!0,windowSize:n,onClick:a=>{a.stopPropagation(),d(!1),c(e.id),l("close")},children:[i.jsx(Re,{}),i.jsx(fe,{children:j.cardDetails.moreOptions.close})]})]}):e.status.code==="locked"?s?i.jsxs(i.Fragment,{children:[i.jsxs(L,{windowSize:n,onClick:a=>{a.stopPropagation(),d(!1),c(e.id),l("unlock")},children:[i.jsx(ni,{}),i.jsx(E,{children:j.cardDetails.moreOptions.unlock})]}),i.jsxs(L,{windowSize:n,onClick:a=>{a.stopPropagation(),d(!1),c(e.id),l("rename")},children:[i.jsx(re,{}),i.jsx(E,{children:j.cardDetails.moreOptions.rename})]})]}):i.jsxs(i.Fragment,{children:[i.jsxs(L,{windowSize:n,onClick:a=>{a.stopPropagation(),d(!1),c(e.id),l("unlock")},children:[i.jsx(ni,{}),i.jsx(E,{children:j.cardDetails.moreOptions.unlock})]}),i.jsxs(L,{windowSize:n,onClick:a=>{a.stopPropagation(),d(!1),c(e.id),l("rename")},children:[i.jsx(re,{}),i.jsx(E,{children:j.cardDetails.moreOptions.rename})]}),i.jsxs(L,{windowSize:n,onClick:a=>{a.stopPropagation(),d(!1),c(e.id),l("update_spend_limit")},children:[i.jsx(ri,{}),i.jsx(E,{children:j.cardDetails.moreOptions.updateSpendLimit})]}),i.jsx($e,{}),i.jsxs(L,{hoverImportant:!0,windowSize:n,onClick:a=>{a.stopPropagation(),d(!1),c(e.id),l("close")},children:[i.jsx(Re,{}),i.jsx(fe,{children:j.cardDetails.moreOptions.close})]})]}):s?i.jsxs(i.Fragment,{children:[i.jsxs(L,{windowSize:n,onClick:a=>{a.stopPropagation(),d(!1),c(e.id),l("rename")},children:[i.jsx(re,{}),i.jsx(E,{children:j.cardDetails.moreOptions.rename})]}),i.jsxs(L,{windowSize:n,onClick:a=>{a.stopPropagation(),d(!1),c(e.id),l("lock")},children:[i.jsx(si,{}),i.jsx(E,{children:j.cardDetails.moreOptions.lock})]})]}):i.jsxs(i.Fragment,{children:[i.jsxs(L,{windowSize:n,onClick:a=>{a.stopPropagation(),d(!1),c(e.id),l("update_spend_limit")},children:[i.jsx(ri,{}),i.jsx(E,{children:j.cardDetails.moreOptions.updateSpendLimit})]}),i.jsxs(L,{windowSize:n,onClick:a=>{a.stopPropagation(),d(!1),c(e.id),l("rename")},children:[i.jsx(re,{}),i.jsx(E,{children:j.cardDetails.moreOptions.rename})]}),i.jsxs(L,{windowSize:n,onClick:a=>{a.stopPropagation(),d(!1),c(e.id),l("lock")},children:[i.jsx(si,{}),i.jsx(E,{children:j.cardDetails.moreOptions.lock})]}),i.jsx($e,{}),i.jsxs(L,{windowSize:n,hoverImportant:!0,onClick:a=>{a.stopPropagation(),d(!1),c(e.id),l("close")},children:[i.jsx(Re,{}),i.jsx(fe,{children:j.cardDetails.moreOptions.close})]})]}):e.status.code==="request_on_hold"?i.jsx(L,{hoverImportant:!0,windowSize:n,onClick:a=>{a.stopPropagation(),d(!1),c(e.id),l("revoke_invite")},children:i.jsx(fe,{children:j.cardDetails.revokeInvite})}):null},Le=({status:e,style:r})=>{const s=ze(),d=qt(e,s),c=le.getLocalizedStrings().spendManagement.chargeCard.cardList.status;return oe()==="small"?i.jsx(Xe,{textColor:d,text:c[e],tagStyles:{maxWidth:t.sp10,textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap",padding:"1px 6px",...r}}):i.jsx(Xe,{textColor:d,text:c[e],styles:r,tagStyles:{padding:"1px 6px"}})},qt=(e,r)=>{switch(e){case"active":return new je(I.success);case"request_on_hold":return new je(I.graphColor36);case"inactive":return new je(I.alert);default:return new je(r.colors.grey1)}},E=o(X)`
+import{bF as st,V as i,T as nt,A as at,O as le,e as oe,_ as ke,h as lt,y as ze,gm as dt,a9 as ct,o as t,b as G,bN as ht,w as Be,f as I,an as pt,bV as ut,bo as ye,bX as Oe,bd as mt,ab as gt,x as C,e6 as xt,au as wt,i6 as Ct,ac as ft,aA as yt,C as ee,gq as kt,H as J,l as Q,m as u,cc as St,e4 as vt,i7 as jt,i8 as $t,d as Ci,bt as fi,i9 as bt,bm as It,b_ as Je,ia as yi,cR as Lt,cS as q,a5 as de,L as ki,ib as zt,c1 as At,h_ as Qe,b6 as Si,b8 as vi,ad as je,aR as Ft}from"./index-CVe1fo1a.js";import{b as he,a as f}from"./sentry-CFYfTv_F.js";import{n as o,c as Xe}from"./mui-DcvwYC51.js";import{H as Pt,o as Rt,R as Bt,L as Dt,_ as _t,M as Et,S as Tt}from"./common-BxjzMhDO-M6F2cReY.js";import{d as ji}from"./ZeniAvatar-Ct7MPW2X-BHlw9FbG.js";import{T as $i}from"./RoleWithToolTip-BYO1YG6N-CpH6tY8x.js";import{j as Ve}from"./CardNumberSubText-CN1RN7Tf-Crkz5sd9.js";import{t as bi,r as Ot}from"./spend-limit-D6SyboD4-DTJkvAlS.js";import{o as Vt,r as Nt}from"./unlock-BPWn2I5L-CncAfPJ6.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},r=new e.Error().stack;r&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[r]="0c28cd94-5b32-4343-99e9-95e7c7f27937",e._sentryDebugIdIdentifier="sentry-dbid-0c28cd94-5b32-4343-99e9-95e7c7f27937")}catch{}})();const me=le.getLocalizedStrings().spendManagement.chargeCard.cardList.header,Mt=le.getLocalizedStrings().common.strings.empty,Ye={key:"owner",value:me.owner,sortOrder:"ascending",width:new C(120,120,160,200,200)},Ze={key:"cardName",value:me.cardName,sortOrder:"ascending",width:new C(120,120,160,171,171)},ei={key:"cardType",value:me.cardType,sortOrder:"ascending",width:new C(120,120,130,170,170)},ii={key:"status",value:me.status,sortOrder:"ascending",width:new C(115,115,125,132,132)},ti={key:"utilisation",value:me.utilisation,sortOrder:"ascending",width:new C(u[11],u[11],u[11],u[12],120)},oi={key:"limit",value:me.limit,sortOrder:"ascending",width:new C(68,68,68,120,120)},Ii=e=>e===!0?[{...Ye,width:new C(0,0),value:Mt},Ze,ei,ii,ti,oi]:[Ye,Ze,ei,ii,ti,oi],{common:Ce,spendManagement:{billPay:{paymentDetails:{feePercent:Ut}},chargeCard:j}}=le.getLocalizedStrings(),se={containerPaddingLeft:new C(u[3],u[2]),containerPaddingRight:new C(u[2],u[3]),containerPaddingTop:new C(u[2],u[3]),containerPaddingBottom:new C(u[2],u[3]),containerMarginLeft:new C(u[4],u[0]),containerMarginRight:new C(u[4],u[0]),webkitLineClamp:new C(2,1,1,1,1)};var Wt=(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))(Wt||{});const Ht={moreItemFont:new Ci("extraSmallRegular","smallRegular")},Kt=({setCardIdForRowAction:e,setActionTypeForRowAction:r,rowActionView:s,revokeChargeCardsInviteFetchState:d,unlockChargeCardsFetchState:c,cardsSelectedForBulkAction:l,cardDetail:n,isCardControlsEnabled:a,showViewForCardUser:x,signedInUser:m,resendInviteId:y,index:k,onChargeCardRowClick:S,onChargeCardResendInviteClick:h})=>{const[p,w]=f.useState(!1),[$,R]=f.useState(!1);f.useEffect(()=>{p||R(!1)},[p]),f.useEffect(()=>{l.length>0&&p&&(w(!1),R(!1))},[l.length,p]);const B=s.cardId===n.id,D=l.includes(n.id),z=B&&s.unlockChargeCardsFetchState.fetchState==="In-Progress"||D&&c==="In-Progress",M=B&&s.revokeChargeCardFetchState.fetchState==="In-Progress"||D&&d==="In-Progress",g=z||M,v=oe(),_=!!ke().loggedInUserRole.includes("charge_card_user")||x,U=f.useCallback(()=>{S(n.id,k)},[n.id]),T=yi(n)/n.limit.amount*100,W=n?.cardHolderUserId===m.userId,F=n.status.code!=="closed"&&n.status.code!=="closed_by_customer",O=Lt(n.cardHolderUser,!1),K=n.balance,A=Ii(_),H=i.jsxs(i.Fragment,{children:[i.jsx(q,{isLoading:g,customStyle:{width:t.sp9,height:"20px",borderRadius:t.sp1},children:i.jsx(ho,{title:de("0,0.[00]",K),className:"amountToUtilize",children:de("0,0.[00]",K)})}),T!==0?i.jsx(q,{isLoading:g,customStyle:{width:t.sp11,height:t.sp3,borderRadius:t.sp1},children:i.jsx(po,{className:"amountToUtilize",children:`${Math.round(T)}${Ut}`})}):null]}),V=n.type.code,ie=j.cardList.tooltip[V],te=ie!=null?W?ie.self:`${O} ${ie.cardUser}`:Ce.strings.empty;return i.jsx(Gt,{windowSize:v,children:i.jsx(Jt,{onClick:U,"data-testid":G("card-row",n.id),children:i.jsxs(Xt,{children:[_?null:i.jsx(pe,{children:i.jsxs(Yt,{windowSize:v,responsiveWidth:A[0].width,children:[i.jsx(q,{isLoading:g,flex:"0 0",customStyle:{width:t.sp6,height:t.sp6,borderRadius:"50%"},children:i.jsx(ji,{personBasic:n.cardHolderUser,styles:{height:t.sp6,width:t.sp6,minWidth:t.sp6}})}),i.jsxs(eo,{isLoading:g,children:[i.jsx(Zt,{isLoading:g,children:i.jsx(q,{isLoading:g,customStyle:{width:"88px",height:"20px",borderRadius:t.sp1},children:i.jsx(io,{windowSize:v,title:O,className:"cardHolderName",children:O===Ce.strings.empty?Ce.strings.hyphen:O})})}),i.jsx(q,{isLoading:g,customStyle:{width:"104px",height:t.sp3,borderRadius:t.sp1},children:i.jsx(ai,{className:"additionalInfoContainer",children:n.cardHolderRoles?.userRoles!=null&&i.jsx($i,{roles:n.cardHolderRoles?.userRoles})})})]})]})}),i.jsx(pe,{children:i.jsxs(so,{isLoading:g,windowSize:v,responsiveWidth:A[1].width,children:[i.jsx(q,{isLoading:g,customStyle:{width:"88px",height:"20px",borderRadius:t.sp1},children:i.jsx(no,{title:n.cardName,className:"cardName",children:n.cardName})}),i.jsxs(q,{isLoading:g,customStyle:{width:"104px",height:t.sp3,borderRadius:t.sp1},children:[" ",i.jsx(Co,{windowSize:v,className:"cardNameSubText",children:n.status.code==="request_on_hold"?Ce.strings.hyphen:j.cardDetails.expiryHideOut+Ce.strings.space+n.accountLast4})]})]})}),i.jsx(pe,{children:i.jsx(ao,{windowSize:v,responsiveWidth:A[2].width,children:i.jsx(lo,{className:"card-type",children:i.jsx(q,{isLoading:g,customStyle:{width:"144px",height:t.sp4,borderRadius:t.sp1},children:i.jsx(Ve,{cardDetail:n,forDetailPage:!1})})})})}),i.jsx(pe,{children:i.jsx(li,{windowSize:v,isLoading:g,responsiveWidth:A[3].width,children:i.jsx(q,{isLoading:g,customStyle:{width:"112px",height:t.sp4,borderRadius:t.sp1},children:y===n.id?i.jsx(ki,{size:"Small",start:!0}):i.jsxs(co,{children:[i.jsx(go,{children:n.status.code==="request_on_hold"?i.jsxs(ye,{display:"flex",title:te,placement:"top",style:{padding:`${t.sp2} ${t.sp3}`},children:[i.jsx(Le,{status:n.status.code,style:{cursor:"pointer"}}),i.jsx(uo,{style:{marginLeft:t.sp1},className:"infoIconTooltip"})]}):i.jsx(Le,{status:n.status.code})}),n.status.code!=="request_on_hold"||W?null:i.jsx(mo,{onClick:X=>{X.stopPropagation(),h(n.id)},"data-testid":G("send-reminder",n.id),children:j.cardList.sendReminder})]})})})}),i.jsx(pe,{children:i.jsx(li,{windowSize:v,isLoading:g,responsiveWidth:A[4].width,children:H})}),i.jsx(pe,{children:i.jsxs(to,{windowSize:v,responsiveWidth:A[5].width,children:[i.jsxs(oo,{windowSize:v,isLoading:g,children:[i.jsx(q,{isLoading:g,customStyle:{width:"68px",height:"20px",borderRadius:t.sp1},children:i.jsx(ro,{className:"limitAmount",windowSize:v,title:de("0,0.[00]",n.limit),children:de("0,0.[00]",n.limit)})}),i.jsx(ai,{className:"additionalInfoContainer",children:i.jsx(q,{isLoading:g,customStyle:{width:t.sp8,height:t.sp3,borderRadius:t.sp1},children:n.creditLimitFrequency.name})})]}),i.jsx(xo,{className:"menu-icon",onMouseEnter:()=>{!p&&F&&R(!0)},onMouseLeave:()=>{F&&R(!1)},children:(()=>{const X=n.status.code==="locked",ge=n.status.code==="closed"||n.status.code==="closed_by_customer",xe=_?a&&!g&&!ge&&!(X&&n.isLockedByAdmin):a?!g&&F:n.status.code==="request_on_hold",b=l.length>0;return xe&&i.jsx(ye,{open:$&&!p&&!b,variant:"standard",title:j.cardList.moreActionsTooltip,placement:"bottom-end",children:i.jsx(Oe,{isMenuVisible:!0,menuItems:i.jsx(wo,{children:i.jsx(Li,{cardDetail:n,isCardControlsEnabled:a,isChargeCardUser:_,setIsMenuOpen:w,setCardIdForRowAction:e,setActionTypeForRowAction:r})}),setIsMenuOpen:Ae=>{b||w(Ae)},isMenuOpen:p&&!b,menuIconStyles:{height:"auto",cursor:b?"not-allowed":"pointer",opacity:b?.5:1,pointerEvents:b?"none":"auto"},styles:{transform:`translate(${t.sp3},${t.sp2})`}})})})()})]})})]})})})},Li=({cardDetail:e,isCardControlsEnabled:r,isChargeCardUser:s,setIsMenuOpen:d,setCardIdForRowAction:c,setActionTypeForRowAction:l})=>{const n=oe();return r?e.status.code==="request_on_hold"?s?i.jsxs(L,{windowSize:n,onClick:a=>{a.stopPropagation(),d(!1),c(e.id),l("rename")},children:[i.jsx(re,{}),i.jsx(E,{children:j.cardDetails.moreOptions.rename})]}):i.jsxs(i.Fragment,{children:[i.jsxs(L,{windowSize:n,onClick:a=>{a.stopPropagation(),d(!1),c(e.id),l("rename")},children:[i.jsx(re,{}),i.jsx(E,{children:j.cardDetails.moreOptions.rename})]}),i.jsx($e,{}),i.jsxs(L,{hoverImportant:!0,windowSize:n,onClick:a=>{a.stopPropagation(),d(!1),c(e.id),l("revoke_invite")},children:[i.jsx(Qt,{}),i.jsx(fe,{children:j.cardDetails.revokeInvite})]})]}):e.status.code==="inactive"?s?i.jsxs(L,{windowSize:n,onClick:a=>{a.stopPropagation(),d(!1),c(e.id),l("rename")},children:[i.jsx(re,{}),i.jsx(E,{children:j.cardDetails.moreOptions.rename})]}):i.jsxs(i.Fragment,{children:[i.jsxs(L,{windowSize:n,onClick:a=>{a.stopPropagation(),d(!1),c(e.id),l("rename")},children:[i.jsx(re,{}),i.jsx(E,{children:j.cardDetails.moreOptions.rename})]}),i.jsx($e,{}),i.jsxs(L,{hoverImportant:!0,windowSize:n,onClick:a=>{a.stopPropagation(),d(!1),c(e.id),l("close")},children:[i.jsx(Re,{}),i.jsx(fe,{children:j.cardDetails.moreOptions.close})]})]}):e.status.code==="locked"?s?i.jsxs(i.Fragment,{children:[i.jsxs(L,{windowSize:n,onClick:a=>{a.stopPropagation(),d(!1),c(e.id),l("unlock")},children:[i.jsx(ni,{}),i.jsx(E,{children:j.cardDetails.moreOptions.unlock})]}),i.jsxs(L,{windowSize:n,onClick:a=>{a.stopPropagation(),d(!1),c(e.id),l("rename")},children:[i.jsx(re,{}),i.jsx(E,{children:j.cardDetails.moreOptions.rename})]})]}):i.jsxs(i.Fragment,{children:[i.jsxs(L,{windowSize:n,onClick:a=>{a.stopPropagation(),d(!1),c(e.id),l("unlock")},children:[i.jsx(ni,{}),i.jsx(E,{children:j.cardDetails.moreOptions.unlock})]}),i.jsxs(L,{windowSize:n,onClick:a=>{a.stopPropagation(),d(!1),c(e.id),l("rename")},children:[i.jsx(re,{}),i.jsx(E,{children:j.cardDetails.moreOptions.rename})]}),i.jsxs(L,{windowSize:n,onClick:a=>{a.stopPropagation(),d(!1),c(e.id),l("update_spend_limit")},children:[i.jsx(ri,{}),i.jsx(E,{children:j.cardDetails.moreOptions.updateSpendLimit})]}),i.jsx($e,{}),i.jsxs(L,{hoverImportant:!0,windowSize:n,onClick:a=>{a.stopPropagation(),d(!1),c(e.id),l("close")},children:[i.jsx(Re,{}),i.jsx(fe,{children:j.cardDetails.moreOptions.close})]})]}):s?i.jsxs(i.Fragment,{children:[i.jsxs(L,{windowSize:n,onClick:a=>{a.stopPropagation(),d(!1),c(e.id),l("rename")},children:[i.jsx(re,{}),i.jsx(E,{children:j.cardDetails.moreOptions.rename})]}),i.jsxs(L,{windowSize:n,onClick:a=>{a.stopPropagation(),d(!1),c(e.id),l("lock")},children:[i.jsx(si,{}),i.jsx(E,{children:j.cardDetails.moreOptions.lock})]})]}):i.jsxs(i.Fragment,{children:[i.jsxs(L,{windowSize:n,onClick:a=>{a.stopPropagation(),d(!1),c(e.id),l("update_spend_limit")},children:[i.jsx(ri,{}),i.jsx(E,{children:j.cardDetails.moreOptions.updateSpendLimit})]}),i.jsxs(L,{windowSize:n,onClick:a=>{a.stopPropagation(),d(!1),c(e.id),l("rename")},children:[i.jsx(re,{}),i.jsx(E,{children:j.cardDetails.moreOptions.rename})]}),i.jsxs(L,{windowSize:n,onClick:a=>{a.stopPropagation(),d(!1),c(e.id),l("lock")},children:[i.jsx(si,{}),i.jsx(E,{children:j.cardDetails.moreOptions.lock})]}),i.jsx($e,{}),i.jsxs(L,{windowSize:n,hoverImportant:!0,onClick:a=>{a.stopPropagation(),d(!1),c(e.id),l("close")},children:[i.jsx(Re,{}),i.jsx(fe,{children:j.cardDetails.moreOptions.close})]})]}):e.status.code==="request_on_hold"?i.jsx(L,{hoverImportant:!0,windowSize:n,onClick:a=>{a.stopPropagation(),d(!1),c(e.id),l("revoke_invite")},children:i.jsx(fe,{children:j.cardDetails.revokeInvite})}):null},Le=({status:e,style:r})=>{const s=ze(),d=qt(e,s),c=le.getLocalizedStrings().spendManagement.chargeCard.cardList.status;return oe()==="small"?i.jsx(Qe,{textColor:d,text:c[e],tagStyles:{maxWidth:t.sp10,textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap",padding:"1px 6px",...r}}):i.jsx(Qe,{textColor:d,text:c[e],styles:r,tagStyles:{padding:"1px 6px"}})},qt=(e,r)=>{switch(e){case"active":return new je(I.success);case"request_on_hold":return new je(I.graphColor36);case"inactive":return new je(I.alert);default:return new je(r.colors.grey1)}},E=o(Q)`
   color: inherit;
-`,fe=o(X)`
+`,fe=o(Q)`
   color: ${I.important};
 `,Gt=o.div`
   display: flex;
@@ -42,7 +42,7 @@ import{bF as st,V as i,T as nt,A as at,O as le,e as oe,_ as ke,h as lt,y as ze,g
 `,Jt=o.div`
   display: block;
   width: 100%;
-`,Xt=o(Vt)`
+`,Qt=o(Vt)`
   width: ${t.sp4};
   height: ${t.sp4};
   color: ${I.important};
@@ -66,12 +66,12 @@ import{bF as st,V as i,T as nt,A as at,O as le,e as oe,_ as ke,h as lt,y as ze,g
   width: ${t.sp4};
   height: ${t.sp4};
   color: inherit;
-`,Yt=o.div`
+`,Xt=o.div`
   display: flex;
   width: 100%;
   justify-content: space-between;
   align-items: center;
-`,Qt=o.div`
+`,Yt=o.div`
   display: flex;
   column-gap: ${t.sp2};
   align-items: flex-start;
@@ -90,7 +90,7 @@ import{bF as st,V as i,T as nt,A as at,O as le,e as oe,_ as ke,h as lt,y as ze,g
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-`,io=o(X)`
+`,io=o(Q)`
   color: ${e=>e.theme.colors.hero};
   flex-grow: 1;
   -webkit-line-clamp: ${e=>se.webkitLineClamp.value(e.windowSize)};
@@ -108,14 +108,14 @@ import{bF as st,V as i,T as nt,A as at,O as le,e as oe,_ as ke,h as lt,y as ze,g
   min-width: ${e=>e.responsiveWidth.valuePx(e.windowSize)};
   position: relative;
   padding-right: ${t.sp6};
-`,oo=o(X)`
+`,oo=o(Q)`
   display: flex;
   flex-direction: column;
   color: ${e=>e.theme.colors.hero};
   justify-content: flex-start;
   align-items: flex-end;
   gap: ${e=>e.isLoading?t.sp1:t.sp0};
-`,ro=o(X)`
+`,ro=o(Q)`
   color: ${e=>e.theme.colors.hero};
   flex-grow: 1;
   -webkit-line-clamp: ${e=>se.webkitLineClamp.value(e.windowSize)};
@@ -147,21 +147,21 @@ import{bF as st,V as i,T as nt,A as at,O as le,e as oe,_ as ke,h as lt,y as ze,g
   flex-direction: column;
   justify-content: center;
   gap: ${e=>e.isLoading?t.sp1:t.sp0};
-`,no=o(X)`
+`,no=o(Q)`
   color: ${e=>e.theme.colors.hero};
   max-width: 100%;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   margin-bottom: -${t.sp1};
-`,ao=o(X)`
+`,ao=o(Q)`
   color: ${e=>e.theme.colors.hero};
   width: ${e=>e.responsiveWidth.valuePx(e.windowSize)};
   min-width: ${e=>e.responsiveWidth.valuePx(e.windowSize)};
   box-sizing: border-box;
   display: flex;
   align-items: center;
-`,lo=o(X)`
+`,lo=o(Q)`
   color: ${e=>e.theme.colors.hero};
   max-width: 100%;
   padding-right: ${t.sp2};
@@ -184,7 +184,7 @@ import{bF as st,V as i,T as nt,A as at,O as le,e as oe,_ as ke,h as lt,y as ze,g
   display: flex;
   align-items: start;
   flex-direction: column;
-`,ho=o(X)`
+`,ho=o(Q)`
   color: ${e=>e.theme.colors.hero};
   max-width: 100%;
   overflow: hidden;
@@ -271,7 +271,7 @@ import{bF as st,V as i,T as nt,A as at,O as le,e as oe,_ as ke,h as lt,y as ze,g
   gap: ${t.sp1};
 `,zi=he.memo(({allCheckBoxValues:e,checkBox:r,fieldName:s,index:d,containerStyle:c,"data-testid":l,groupLabelCheckBox:n,registerOptions:a,style:x,mode:m,checkBoxContainerStyle:y,checkBoxIconStyle:k,checkBoxStyle:S,labelCheckBoxStyle:h,labelStyle:p,width:w,isDisabled:$,selectionLimit:R,infoIconContainerStyle:B,checkedIconColor:D,draggable:z=!1,onDragStart:M})=>{const{control:g}=St();return i.jsx(vt,{control:g,name:s,rules:a,render:({field:{value:v,onChange:_,ref:U}})=>i.jsx(fo,{style:{display:"flex",alignItems:"center",width:"100%",...y,...c},"data-testid":l??G("virtualized-checkbox-field",s),children:i.jsx(jt,{checkBox:r,index:d,value:v,allCheckBoxValues:e,mode:m,name:s,checkBoxContainerStyle:x,checkBoxIconStyle:k,checkBoxStyle:r.groupLabel?h:S,labelCheckBoxStyle:h,labelStyle:p,width:w,groupLabelCheckBox:n,infoIconContainerStyle:B,selectionLimit:R,checkedIconColor:D,isDisabled:$,draggable:z,onDragStart:M,ref:U,onChangeHandler:T=>$t({event:T,value:v,allCheckBoxValues:e,groupLabelCheckBox:n,onChange:_})})})})},(e,r)=>e.checkBox===r.checkBox&&e.index===r.index&&e.mode===r.mode&&e.isDisabled===r.isDisabled&&e.selectionLimit===r.selectionLimit&&e.allCheckBoxValues.length===r.allCheckBoxValues.length&&e.groupLabelCheckBox?.value===r.groupLabelCheckBox?.value);zi.displayName="VirtualizedCheckBoxField";const fo=o.div`
   position: relative;
-`,Q={containerPaddingLeft:t.sp2,containerPaddingRight:t.sp3,containerPaddingTop:t.sp3,containerPaddingBottom:t.sp3,headerLastColumnTopPadding:new C(u[0],u[4]),headerLastColumnRightPadding:new C(u[3],u[11]),headerLastColumnBottomPadding:new C(u[0],u[4]),headerLastColumnLeftPadding:new C(u[0],u[11]),headerHeight:new C(Et,Tt)},yo=he.memo(function({companyNameSticky:e,sortConfig:r,showViewForCardUser:s,onColumnSortConfigChanged:d}){const c=ze(),l=oe(),n=!!ke().loggedInUserRole.includes("charge_card_user")||s,[a,x]=f.useState(Ii(n));f.useEffect(()=>{const h=[...a];for(const p of h)p.key===r.sortKey?p.sortOrder=r.sortOrder:p.sortOrder="ascending";x(h)},[r.sortKey,r.sortOrder]);const m=(h,p)=>{let w=p;r.sortKey===h&&(w=p==="ascending"?"descending":"ascending"),d(h,w)},y=a.find(h=>h.key===r.sortKey)??(n?a[1]:a[0]),k=(n?a.filter(h=>h.key!=="owner"):a).map(h=>h.key),S=le.getLocalizedStrings().spendManagement.chargeCard.cardList;return l==="small"?i.jsxs(vo,{windowSize:l,children:[i.jsxs(bo,{children:[i.jsx(Lo,{children:i.jsx(Io,{})}),i.jsx(It,{title:S.sortBy,placeholder:S.sortBy,pickerValues:k,valueToLabel:h=>a.find(p=>p.key===h)?.value??"",selectedValue:r.sortKey,onPickerSelectionChanged:h=>{m(h,"ascending")},optionTextStyle:Be.extraSmallRegular,titleTextStyle:Be.extraSmallRegular,titleColor:c.colors.primary,selectedOptionColor:c.colors.hero,optionBackgroundColor:c.colors.grey5,downChevronVisible:!1,backgroundColor:c.colors.grey4})]}),i.jsxs(Fo,{onClick:()=>m(y.key,y.sortOrder),"data-testid":G("mobile-cards-list-sort-clicked",r.sortKey),children:[i.jsx(J,{children:y.value}),i.jsx(di,{windowSize:l,sortDataValue:r.sortKey,headerdata:y,children:i.jsx(ci,{windowSize:l,children:i.jsx(Je,{})})})]})]}):i.jsx(ko,{windowSize:l,children:i.jsx(So,{children:a.map(h=>h.width.value(l)!==0&&i.jsxs(jo,{companyNameSticky:e,sortDataValue:r.sortKey,actualDataValue:h.key,wrapperWidth:h.width,windowSize:l,children:[i.jsxs(Ao,{onClick:()=>m(h.key,h.sortOrder),"data-testid":G("cards-list-sort-clicked",r.sortKey),children:[i.jsx(J,{children:h.value}),i.jsx(di,{windowSize:l,sortDataValue:r.sortKey,headerdata:h,children:i.jsx(ci,{windowSize:l,children:i.jsx(Je,{})})})]}),i.jsx(zo,{sortDataValue:r.sortKey,windowSize:l,isVisible:r.sortKey===h.key&&(n?h.key!=="cardName":h.key!=="owner"),children:i.jsx($o,{onClick:()=>m(n?"cardName":"owner","ascending"),"data-testid":G("cards-list-sort-cancel",r.sortKey)})})]},h.key))})})}),ko=o.div`
+`,Y={containerPaddingLeft:t.sp2,containerPaddingRight:t.sp3,containerPaddingTop:t.sp3,containerPaddingBottom:t.sp3,headerLastColumnTopPadding:new C(u[0],u[4]),headerLastColumnRightPadding:new C(u[3],u[11]),headerLastColumnBottomPadding:new C(u[0],u[4]),headerLastColumnLeftPadding:new C(u[0],u[11]),headerHeight:new C(Et,Tt)},yo=he.memo(function({companyNameSticky:e,sortConfig:r,showViewForCardUser:s,onColumnSortConfigChanged:d}){const c=ze(),l=oe(),n=!!ke().loggedInUserRole.includes("charge_card_user")||s,[a,x]=f.useState(Ii(n));f.useEffect(()=>{const h=[...a];for(const p of h)p.key===r.sortKey?p.sortOrder=r.sortOrder:p.sortOrder="ascending";x(h)},[r.sortKey,r.sortOrder]);const m=(h,p)=>{let w=p;r.sortKey===h&&(w=p==="ascending"?"descending":"ascending"),d(h,w)},y=a.find(h=>h.key===r.sortKey)??(n?a[1]:a[0]),k=(n?a.filter(h=>h.key!=="owner"):a).map(h=>h.key),S=le.getLocalizedStrings().spendManagement.chargeCard.cardList;return l==="small"?i.jsxs(vo,{windowSize:l,children:[i.jsxs(bo,{children:[i.jsx(Lo,{children:i.jsx(Io,{})}),i.jsx(It,{title:S.sortBy,placeholder:S.sortBy,pickerValues:k,valueToLabel:h=>a.find(p=>p.key===h)?.value??"",selectedValue:r.sortKey,onPickerSelectionChanged:h=>{m(h,"ascending")},optionTextStyle:Be.extraSmallRegular,titleTextStyle:Be.extraSmallRegular,titleColor:c.colors.primary,selectedOptionColor:c.colors.hero,optionBackgroundColor:c.colors.grey5,downChevronVisible:!1,backgroundColor:c.colors.grey4})]}),i.jsxs(Fo,{onClick:()=>m(y.key,y.sortOrder),"data-testid":G("mobile-cards-list-sort-clicked",r.sortKey),children:[i.jsx(J,{children:y.value}),i.jsx(di,{windowSize:l,sortDataValue:r.sortKey,headerdata:y,children:i.jsx(ci,{windowSize:l,children:i.jsx(Je,{})})})]})]}):i.jsx(ko,{windowSize:l,children:i.jsx(So,{children:a.map(h=>h.width.value(l)!==0&&i.jsxs(jo,{companyNameSticky:e,sortDataValue:r.sortKey,actualDataValue:h.key,wrapperWidth:h.width,windowSize:l,children:[i.jsxs(Ao,{onClick:()=>m(h.key,h.sortOrder),"data-testid":G("cards-list-sort-clicked",r.sortKey),children:[i.jsx(J,{children:h.value}),i.jsx(di,{windowSize:l,sortDataValue:r.sortKey,headerdata:h,children:i.jsx(ci,{windowSize:l,children:i.jsx(Je,{})})})]}),i.jsx(zo,{sortDataValue:r.sortKey,windowSize:l,isVisible:r.sortKey===h.key&&(n?h.key!=="cardName":h.key!=="owner"),children:i.jsx($o,{onClick:()=>m(n?"cardName":"owner","ascending"),"data-testid":G("cards-list-sort-cancel",r.sortKey)})})]},h.key))})})}),ko=o.div`
   top: ${t.sp0};
   left: ${t.sp0};
   z-index: 2;
@@ -282,20 +282,20 @@ import{bF as st,V as i,T as nt,A as at,O as le,e as oe,_ as ke,h as lt,y as ze,g
   display: flex;
   align-items: center;
   box-sizing: border-box;
-  padding: ${Q.containerPaddingTop} ${Q.containerPaddingRight}
-    ${Q.containerPaddingBottom} ${Q.containerPaddingLeft};
+  padding: ${Y.containerPaddingTop} ${Y.containerPaddingRight}
+    ${Y.containerPaddingBottom} ${Y.containerPaddingLeft};
   justify-content: space-between;
 `,vo=o(ee)`
   top: ${t.sp0};
   left: ${t.sp0};
-  min-height: ${e=>Q.headerHeight.valuePx(e.windowSize)};
-  max-height: ${e=>Q.headerHeight.valuePx(e.windowSize)};
+  min-height: ${e=>Y.headerHeight.valuePx(e.windowSize)};
+  max-height: ${e=>Y.headerHeight.valuePx(e.windowSize)};
   width: auto;
   z-index: 2;
   display: flex;
   align-items: center;
   box-sizing: border-box;
-  padding: ${e=>`${Q.headerLastColumnTopPadding.valuePx(e.windowSize)} ${Q.headerLastColumnRightPadding.valuePx(e.windowSize)} ${Q.headerLastColumnBottomPadding.valuePx(e.windowSize)} ${Q.headerLastColumnLeftPadding.valuePx(e.windowSize)}`};
+  padding: ${e=>`${Y.headerLastColumnTopPadding.valuePx(e.windowSize)} ${Y.headerLastColumnRightPadding.valuePx(e.windowSize)} ${Y.headerLastColumnBottomPadding.valuePx(e.windowSize)} ${Y.headerLastColumnLeftPadding.valuePx(e.windowSize)}`};
   background-color: ${e=>e.theme.colors.grey4};
   justify-content: space-between;
   position: sticky;
@@ -309,10 +309,10 @@ import{bF as st,V as i,T as nt,A as at,O as le,e as oe,_ as ke,h as lt,y as ze,g
   align-items: center;
   left: ${t.sp0};
   justify-content: ${e=>e.actualDataValue==="limit"?"flex-end":"flex-start"};
-  ${e=>e.companyNameSticky?Ye`
+  ${e=>e.companyNameSticky?Xe`
           position: sticky;
           z-index: 1;
-        `:Ye`
+        `:Xe`
           position: static;
           z-index: 0;
         `};
@@ -365,7 +365,7 @@ import{bF as st,V as i,T as nt,A as at,O as le,e as oe,_ as ke,h as lt,y as ze,g
   cursor: pointer;
   gap: 5px;
   color: ${e=>e.theme.colors.primary};
-`,{spendManagement:{billPay:{paymentDetails:{feePercent:Po}},chargeCard:ce},common:Z}=le.getLocalizedStrings(),De={containerMarginLeft:new C(u[3],u[8]),webkitLineClamp:new C(2,2,1,1,1)},Ro=({setCardIdForRowAction:e,setActionTypeForRowAction:r,cardDetail:s,isCardControlsEnabled:d,showViewForCardUser:c,signedInUser:l,resendInviteId:n,index:a,onChargeCardRowClick:x,onChargeCardResendInviteClick:m,rowActionView:y,revokeChargeCardsInviteFetchState:k,unlockChargeCardsFetchState:S,cardsSelectedForBulkAction:h})=>{const p=!!ke().loggedInUserRole.includes("charge_card_user")||c,w=f.useCallback(()=>{x(s.id,a)},[s.id]);return p?i.jsx(Bo,{cardDetail:s,onRowClick:w}):i.jsx(Do,{setCardIdForRowAction:e,setActionTypeForRowAction:r,cardDetail:s,isCardControlsEnabled:d,signedInUser:l,resendInviteId:n,onRowClick:w,onChargeCardResendInviteClick:m,rowActionView:y,revokeChargeCardsInviteFetchState:k,unlockChargeCardsFetchState:S,cardsSelectedForBulkAction:h,showViewForCardUser:c})},Ai=({cardDetail:e})=>{const r=e.balance,s=yi(e)/e.limit.amount*100;return i.jsxs(Oo,{children:[i.jsx(Ho,{children:de("0,0.[00]",r)}),s!==0?i.jsx(Mo,{children:`${Math.round(s)}${Po}`}):null]})},Bo=({cardDetail:e,onRowClick:r})=>{const s=oe();return i.jsx(Fi,{windowSize:s,children:i.jsx(Pi,{onClick:r,"data-testid":G("charge-card-user-row",e.id),children:i.jsxs(_e,{children:[i.jsx(Vi,{children:i.jsxs(Mi,{cardUser:!0,children:[i.jsxs(Di,{children:[i.jsx(Ei,{children:Z.labels.cardName}),i.jsxs(_i,{children:[i.jsx(Ti,{title:e.cardName,children:e.cardName}),i.jsx(Ji,{windowSize:s,children:ce.cardDetails.expiryHideOut+Z.strings.space+e.accountLast4})]})]}),i.jsxs(Ri,{children:[i.jsx(Bi,{children:`${ce.cardList.header.cardType}${Z.strings.colon}`}),i.jsx(Te,{children:i.jsx(Ve,{cardDetail:e,forDetailPage:!1})})]}),i.jsxs(Ui,{children:[i.jsx(Hi,{children:Z.labels.limit}),i.jsxs(Ki,{children:[i.jsx(Wi,{children:de("0,0.[00]",e.limit)}),i.jsx(qi,{}),i.jsx(Ee,{children:e.creditLimitFrequency.name})]})]})]})}),i.jsx(Ni,{children:i.jsxs(i.Fragment,{children:[e.status.code!=="request_on_hold"?i.jsx(Ai,{cardDetail:e}):null,i.jsxs(Oi,{children:[i.jsx(Le,{status:e.status.code}),e.status.code==="request_on_hold"?i.jsx(ye,{display:"flex",title:ce.cardList.tooltip[e.type.code].self,placement:"top",style:{padding:`${t.sp2} ${t.sp3}`},children:i.jsx(Gi,{className:"infoIconTooltip"})}):null]})]})})]})})})},Do=({setCardIdForRowAction:e,setActionTypeForRowAction:r,cardDetail:s,isCardControlsEnabled:d,signedInUser:c,resendInviteId:l,onRowClick:n,onChargeCardResendInviteClick:a,rowActionView:x,revokeChargeCardsInviteFetchState:m,unlockChargeCardsFetchState:y,cardsSelectedForBulkAction:k,showViewForCardUser:S})=>{const[h,p]=f.useState(!1);f.useEffect(()=>{k.length>0&&h&&p(!1)},[k.length,h]);const w=!!ke().loggedInUserRole.includes("charge_card_user")||S,$=`${s.cardHolderUser?.firstName??""} ${s.cardHolderUser?.lastName??""}`,R=s?.cardHolderUserId===c.userId,B=oe(),D=s.type.code,z=ce.cardList.tooltip[D],M=z!=null?R?z.self:`${$} ${z.cardUser}`:Z.strings.empty,g=x.cardId===s.id,v=k.includes(s.id),_=g&&x.unlockChargeCardsFetchState.fetchState==="In-Progress"||v&&y==="In-Progress",U=g&&x.revokeChargeCardFetchState.fetchState==="In-Progress"||v&&m==="In-Progress",T=_||U,W=s.status.code!=="closed"&&s.status.code!=="closed_by_customer";return i.jsx(Fi,{windowSize:B,children:i.jsxs(Pi,{onClick:n,"data-testid":G("charge-card-admin-row",s.id),children:[i.jsxs(_e,{children:[i.jsxs(Vi,{children:[i.jsx(Vo,{children:i.jsx(ji,{personBasic:s.cardHolderUser,styles:{height:t.sp6,width:t.sp6}})}),i.jsx(No,{children:i.jsxs(Wo,{children:[i.jsx(_o,{children:i.jsx(Eo,{windowSize:B,title:$,children:$})}),i.jsx(Ee,{style:{marginTop:`-${t.sp1}`},children:s.cardHolderRoles?.userRoles!=null&&i.jsx($i,{roles:s.cardHolderRoles?.userRoles})})]})})]}),i.jsx(Ni,{children:i.jsx(i.Fragment,{children:l===s.id?i.jsx(ki,{size:"Small",start:!0}):i.jsxs(Xo,{children:[i.jsxs(To,{children:[s.status.code!=="request_on_hold"?i.jsx(Ai,{cardDetail:s}):null,i.jsxs(Oi,{children:[i.jsx(Le,{status:s.status.code}),s.status.code==="request_on_hold"?i.jsx(ye,{display:"flex",title:M,placement:"top",style:{padding:`${t.sp2} ${t.sp3}`},children:i.jsx(Gi,{className:"infoIconTooltip"})}):null]})]}),s.status.code!=="request_on_hold"||R?null:i.jsx(Ko,{children:i.jsx(qo,{onClick:F=>{F.stopPropagation(),a(s.id)},"data-testid":G("send-reminder-clicked",s.id),children:ce.cardList.sendReminder})})]})})})]}),i.jsxs(_e,{children:[i.jsxs(Mi,{cardUser:!1,children:[i.jsxs(Di,{children:[i.jsx(Ei,{children:`${Z.labels.cardName}`}),i.jsxs(_i,{children:[i.jsx(Ti,{title:s.cardName,children:s.cardName}),i.jsx(Ji,{windowSize:B,children:s.status.code==="request_on_hold"?Z.strings.hyphen:ce.cardDetails.expiryHideOut+Z.strings.space+s.accountLast4})]})]}),i.jsxs(Ri,{children:[i.jsx(Bi,{children:`${ce.cardList.header.cardType}${Z.strings.colon}`}),i.jsx(Te,{children:i.jsx(Te,{children:i.jsx(Ve,{cardDetail:s,forDetailPage:!1})})})]}),i.jsxs(Ui,{children:[i.jsx(Hi,{children:Z.labels.limit}),i.jsxs(Ki,{children:[i.jsx(Wi,{children:de("0,0.[00]",s.limit)}),i.jsx(qi,{}),i.jsx(Ee,{children:s.creditLimitFrequency.name})]})]})]}),i.jsx(Uo,{children:i.jsx(Go,{showMenu:!0,className:"menu-icon",children:(()=>{const F=s.status.code==="locked",O=s.status.code==="closed"||s.status.code==="closed_by_customer",K=w?d&&!T&&!O&&!(F&&s.isLockedByAdmin):d?!T&&W:s.status.code==="request_on_hold",A=k.length>0;return K&&i.jsx(Oe,{menuItems:i.jsx(Jo,{children:i.jsx(Li,{cardDetail:s,isCardControlsEnabled:d,isChargeCardUser:w,setIsMenuOpen:p,setCardIdForRowAction:e,setActionTypeForRowAction:r})}),setIsMenuOpen:H=>{A||p(H)},isMenuOpen:h&&!A,menuIconStyles:{cursor:A?"not-allowed":"pointer",opacity:A?.5:1,pointerEvents:A?"none":"auto"},styles:{transform:"translate(5px,0px)"}})})()})})]})]})})},Fi=o.div`
+`,{spendManagement:{billPay:{paymentDetails:{feePercent:Po}},chargeCard:ce},common:Z}=le.getLocalizedStrings(),De={containerMarginLeft:new C(u[3],u[8]),webkitLineClamp:new C(2,2,1,1,1)},Ro=({setCardIdForRowAction:e,setActionTypeForRowAction:r,cardDetail:s,isCardControlsEnabled:d,showViewForCardUser:c,signedInUser:l,resendInviteId:n,index:a,onChargeCardRowClick:x,onChargeCardResendInviteClick:m,rowActionView:y,revokeChargeCardsInviteFetchState:k,unlockChargeCardsFetchState:S,cardsSelectedForBulkAction:h})=>{const p=!!ke().loggedInUserRole.includes("charge_card_user")||c,w=f.useCallback(()=>{x(s.id,a)},[s.id]);return p?i.jsx(Bo,{cardDetail:s,onRowClick:w}):i.jsx(Do,{setCardIdForRowAction:e,setActionTypeForRowAction:r,cardDetail:s,isCardControlsEnabled:d,signedInUser:l,resendInviteId:n,onRowClick:w,onChargeCardResendInviteClick:m,rowActionView:y,revokeChargeCardsInviteFetchState:k,unlockChargeCardsFetchState:S,cardsSelectedForBulkAction:h,showViewForCardUser:c})},Ai=({cardDetail:e})=>{const r=e.balance,s=yi(e)/e.limit.amount*100;return i.jsxs(Oo,{children:[i.jsx(Ho,{children:de("0,0.[00]",r)}),s!==0?i.jsx(Mo,{children:`${Math.round(s)}${Po}`}):null]})},Bo=({cardDetail:e,onRowClick:r})=>{const s=oe();return i.jsx(Fi,{windowSize:s,children:i.jsx(Pi,{onClick:r,"data-testid":G("charge-card-user-row",e.id),children:i.jsxs(_e,{children:[i.jsx(Vi,{children:i.jsxs(Mi,{cardUser:!0,children:[i.jsxs(Di,{children:[i.jsx(Ei,{children:Z.labels.cardName}),i.jsxs(_i,{children:[i.jsx(Ti,{title:e.cardName,children:e.cardName}),i.jsx(Ji,{windowSize:s,children:ce.cardDetails.expiryHideOut+Z.strings.space+e.accountLast4})]})]}),i.jsxs(Ri,{children:[i.jsx(Bi,{children:`${ce.cardList.header.cardType}${Z.strings.colon}`}),i.jsx(Te,{children:i.jsx(Ve,{cardDetail:e,forDetailPage:!1})})]}),i.jsxs(Ui,{children:[i.jsx(Hi,{children:Z.labels.limit}),i.jsxs(Ki,{children:[i.jsx(Wi,{children:de("0,0.[00]",e.limit)}),i.jsx(qi,{}),i.jsx(Ee,{children:e.creditLimitFrequency.name})]})]})]})}),i.jsx(Ni,{children:i.jsxs(i.Fragment,{children:[e.status.code!=="request_on_hold"?i.jsx(Ai,{cardDetail:e}):null,i.jsxs(Oi,{children:[i.jsx(Le,{status:e.status.code}),e.status.code==="request_on_hold"?i.jsx(ye,{display:"flex",title:ce.cardList.tooltip[e.type.code].self,placement:"top",style:{padding:`${t.sp2} ${t.sp3}`},children:i.jsx(Gi,{className:"infoIconTooltip"})}):null]})]})})]})})})},Do=({setCardIdForRowAction:e,setActionTypeForRowAction:r,cardDetail:s,isCardControlsEnabled:d,signedInUser:c,resendInviteId:l,onRowClick:n,onChargeCardResendInviteClick:a,rowActionView:x,revokeChargeCardsInviteFetchState:m,unlockChargeCardsFetchState:y,cardsSelectedForBulkAction:k,showViewForCardUser:S})=>{const[h,p]=f.useState(!1);f.useEffect(()=>{k.length>0&&h&&p(!1)},[k.length,h]);const w=!!ke().loggedInUserRole.includes("charge_card_user")||S,$=`${s.cardHolderUser?.firstName??""} ${s.cardHolderUser?.lastName??""}`,R=s?.cardHolderUserId===c.userId,B=oe(),D=s.type.code,z=ce.cardList.tooltip[D],M=z!=null?R?z.self:`${$} ${z.cardUser}`:Z.strings.empty,g=x.cardId===s.id,v=k.includes(s.id),_=g&&x.unlockChargeCardsFetchState.fetchState==="In-Progress"||v&&y==="In-Progress",U=g&&x.revokeChargeCardFetchState.fetchState==="In-Progress"||v&&m==="In-Progress",T=_||U,W=s.status.code!=="closed"&&s.status.code!=="closed_by_customer";return i.jsx(Fi,{windowSize:B,children:i.jsxs(Pi,{onClick:n,"data-testid":G("charge-card-admin-row",s.id),children:[i.jsxs(_e,{children:[i.jsxs(Vi,{children:[i.jsx(Vo,{children:i.jsx(ji,{personBasic:s.cardHolderUser,styles:{height:t.sp6,width:t.sp6}})}),i.jsx(No,{children:i.jsxs(Wo,{children:[i.jsx(_o,{children:i.jsx(Eo,{windowSize:B,title:$,children:$})}),i.jsx(Ee,{style:{marginTop:`-${t.sp1}`},children:s.cardHolderRoles?.userRoles!=null&&i.jsx($i,{roles:s.cardHolderRoles?.userRoles})})]})})]}),i.jsx(Ni,{children:i.jsx(i.Fragment,{children:l===s.id?i.jsx(ki,{size:"Small",start:!0}):i.jsxs(Qo,{children:[i.jsxs(To,{children:[s.status.code!=="request_on_hold"?i.jsx(Ai,{cardDetail:s}):null,i.jsxs(Oi,{children:[i.jsx(Le,{status:s.status.code}),s.status.code==="request_on_hold"?i.jsx(ye,{display:"flex",title:M,placement:"top",style:{padding:`${t.sp2} ${t.sp3}`},children:i.jsx(Gi,{className:"infoIconTooltip"})}):null]})]}),s.status.code!=="request_on_hold"||R?null:i.jsx(Ko,{children:i.jsx(qo,{onClick:F=>{F.stopPropagation(),a(s.id)},"data-testid":G("send-reminder-clicked",s.id),children:ce.cardList.sendReminder})})]})})})]}),i.jsxs(_e,{children:[i.jsxs(Mi,{cardUser:!1,children:[i.jsxs(Di,{children:[i.jsx(Ei,{children:`${Z.labels.cardName}`}),i.jsxs(_i,{children:[i.jsx(Ti,{title:s.cardName,children:s.cardName}),i.jsx(Ji,{windowSize:B,children:s.status.code==="request_on_hold"?Z.strings.hyphen:ce.cardDetails.expiryHideOut+Z.strings.space+s.accountLast4})]})]}),i.jsxs(Ri,{children:[i.jsx(Bi,{children:`${ce.cardList.header.cardType}${Z.strings.colon}`}),i.jsx(Te,{children:i.jsx(Te,{children:i.jsx(Ve,{cardDetail:s,forDetailPage:!1})})})]}),i.jsxs(Ui,{children:[i.jsx(Hi,{children:Z.labels.limit}),i.jsxs(Ki,{children:[i.jsx(Wi,{children:de("0,0.[00]",s.limit)}),i.jsx(qi,{}),i.jsx(Ee,{children:s.creditLimitFrequency.name})]})]})]}),i.jsx(Uo,{children:i.jsx(Go,{showMenu:!0,className:"menu-icon",children:(()=>{const F=s.status.code==="locked",O=s.status.code==="closed"||s.status.code==="closed_by_customer",K=w?d&&!T&&!O&&!(F&&s.isLockedByAdmin):d?!T&&W:s.status.code==="request_on_hold",A=k.length>0;return K&&i.jsx(Oe,{menuItems:i.jsx(Jo,{children:i.jsx(Li,{cardDetail:s,isCardControlsEnabled:d,isChargeCardUser:w,setIsMenuOpen:p,setCardIdForRowAction:e,setActionTypeForRowAction:r})}),setIsMenuOpen:H=>{A||p(H)},isMenuOpen:h&&!A,menuIconStyles:{cursor:A?"not-allowed":"pointer",opacity:A?.5:1,pointerEvents:A?"none":"auto"},styles:{transform:"translate(5px,0px)"}})})()})})]})]})})},Fi=o.div`
   display: flex;
   background-color: ${e=>e.theme.colors.grey5};
   border: ${e=>` 1px solid ${e.theme.colors.grey3}`};
@@ -396,7 +396,7 @@ import{bF as st,V as i,T as nt,A as at,O as le,e as oe,_ as ke,h as lt,y as ze,g
   align-items: center;
   gap: ${t.sp1};
   flex-grow: 1;
-`,Eo=o(X)`
+`,Eo=o(Q)`
   color: ${e=>e.theme.colors.hero};
   display: -webkit-box;
   -webkit-line-clamp: ${e=>De.webkitLineClamp.value(e.windowSize)};
@@ -513,7 +513,7 @@ import{bF as st,V as i,T as nt,A as at,O as le,e as oe,_ as ke,h as lt,y as ze,g
   top: ${t.sp2};
 `,Jo=o.div`
   border: ${e=>`1px solid ${e.theme.colors.grey3}`};
-`,Xo=o.div`
+`,Qo=o.div`
   display: flex;
   align-items: end;
   flex-direction: column;
@@ -526,7 +526,7 @@ import{bF as st,V as i,T as nt,A as at,O as le,e as oe,_ as ke,h as lt,y as ze,g
   display: flex;
   align-items: center;
   gap: ${t.sp1};
-`,Ur=20,Ie=(e,r,s)=>!(s!=null&&e.status.code!==s||e.status.code==="closed"||e.status.code==="closed_by_customer"),Yo=(e,r,s)=>{const d=le.getLocalizedStrings(),c=d.spendManagement.chargeCard.cardList.bulkActions.exceptionMessages;if(e.status.code==="closed"||e.status.code==="closed_by_customer")return c.closedCardsCannotBeSelected;if(s!=null&&e.status.code!==s){const l=d.spendManagement.chargeCard.cardList.status[s];return c.onlyCardsUnderStatusCanBeSelectedTogether.replace("__status__",l)}return c.cardCannotBeSelectedForAction},ae={lastListItemHeight:new C(200,158),bannerWrapperMarginLeftRight:new C(u[3],u[8]),styledAIIconContainerSize:new C(u[3],u[3]),checkBoxContainerStyleMarginLeft:new C(u[0],u[4]),checkBoxContainerStyleMarginRight:new C(u[0],u[8]),labelCheckBoxStyleMarginLeft:new C(u[2],u[0])},Qo={moreItemFont:new Ci("extraSmallRegular","smallRegular")},ue=le.getLocalizedStrings(),{spendManagement:{chargeCard:P},common:ne}=ue,Xi=he.memo(({cardList:e,controllerEmails:r,creditAccount:s,creditAccountRepayment:d,setCardIdForRowAction:c,setActionTypeForRowAction:l,rowActionView:n,showViewForCardUser:a,productInformation:x,isChargeCardFeatureEnabled:m,isChargeCardSetupEnabled:y,isDebitCardFeatureEnabled:k,isDebitCardSetupEnabled:S,cashbackInformation:h,creditAccountInformation:p,debitAccountInformation:w,depositAccountListWithDebitCardIssued:$,uiState:R,signedInUser:B,fetchState:D,revokeChargeCardsInviteFetchState:z,unlockChargeCardsFetchState:M,receiptBotEmail:g,searchText:v,resendInviteId:_,isBulkActionAllowed:U,isCardControlsEnabled:T,cardsSelectedForBulkAction:W,firstSelectedCardStatus:F,bulkSubmissionLimit:O,onProceedForBulkActionClick:K,onBulkCloseClick:A,onBulkLockClick:H,setShowBulkChangeSpendLimitPopup:V,onChargeCardResendInviteClick:ie,onChargeCardRowClick:te,onReloadCards:Y,onColumnSortConfigChanged:ge,handleClearSelection:xe})=>{const b=oe(),Ae=ke(),Ne=lt().analytics,Me=!!Ae.loggedInUserRole.includes("charge_card_user"),Ue=ze(),[,We]=dt(),[Se,He]=f.useState(!1),[Fe,Ke]=f.useState(!1),it=f.useCallback(()=>{g!=null&&((!m||s.fetchState==="Completed"&&d.fetchState==="Completed")&&(!(k&&S)||$.fetchState==="Completed")&&Ne.trackCardsCopyIconClick(r,x,"Cards List","Copy","copied","Receipt Email",g,h,p,w),We(g),He(!0))},[g,m,s.fetchState,d.fetchState,k,S,$.fetchState,Ne,r,x,h,p,w,We]);f.useEffect(()=>{if(Se===!0){const N=setTimeout(()=>{He(!1)},800);return()=>clearTimeout(N)}},[Se]);const tt=f.useCallback(N=>{K(N)},[K]),Pe=f.useCallback(N=>N===0?50:b!=="small"?Pt:Me?Rt:Bt,[b,Me]),ot=f.useMemo(()=>{let N=114;for(let we=1;we<=e.length;we++)N+=Pe(we);return N},[e.length,Pe]),qe=f.useMemo(()=>window.innerHeight-351,[]),rt=ot>qe,Ge=f.useRef(null);return f.useEffect(()=>{Ge.current?.resetAfterIndex(0)},[b]),i.jsxs(nr,{fetchState:D,children:[D==="Error"?i.jsxs(ar,{children:[i.jsx(lr,{onClick:Y,"data-testid":G("charge-card-list-reload"),children:i.jsx(dr,{})}),i.jsx(cr,{children:ne.reloadPage.label})]}):D==="Completed"&&e.length===0?i.jsx(ht,{sourceView:"charge_cards",style:{height:"calc(100vh - 450px)"},title:P.cardList.getStarted,message:v!==""?P.cardList.noDataWithFilterText:P.cardList.noDataText,messageStyle:{maxWidth:345,color:Ue.colors.primary,...Be.largeRegular.cssObject}}):i.jsxs(et,{children:[g!=null?i.jsxs(mr,{windowSize:b,children:[i.jsx(yr,{windowSize:b,children:i.jsx(kr,{})}),i.jsxs(Sr,{windowSize:b,children:[i.jsxs(gr,{children:[i.jsx(sr,{children:P.aiCardAgentText}),ne.strings.space,P.receiptBotMessage,ne.strings.space]}),i.jsxs(fr,{"data-testid":G("charge-card-list-copy-email"),onClick:it,onMouseEnter:()=>Ke(!0),onMouseLeave:()=>Ke(!1),children:[i.jsx(xr,{children:g}),Se===!0?i.jsxs(pi,{children:[i.jsx(Cr,{}),i.jsx(hi,{children:i.jsx(ui,{shouldDisplay:Fe||Se,color:I.primaryDark,children:ne.copyToClipBoard.copied})})]}):i.jsxs(pi,{children:[i.jsx(wr,{color:Fe?Ue.colors.primary:void 0}),i.jsx(hi,{children:i.jsx(ui,{shouldDisplay:Fe&&b!=="small",children:ne.copyToClipBoard.copy})})]})]})]})]}):null,i.jsx(hr,{windowSize:b,availableHeight:qe,isListTooLarge:rt,children:i.jsx(pt,{children:({height:N,width:we})=>i.jsx(ut,{ref:Ge,height:N,itemCount:e.length+1,innerElementType:Qi,itemSize:Pe,estimatedItemSize:_t,itemKey:ve=>ve===0?"header":e[ve-1].id,width:we,overscanCount:Dt,initialScrollOffset:0,children:ve=>i.jsx(tr,{...ve,setCardIdForRowAction:c,setActionTypeForRowAction:l,rowActionView:n,resendInviteId:_,onChargeCardResendInviteClick:ie,onChargeCardRowClick:te,showViewForCardUser:a,cardList:e,signedInUser:B,uiState:R,revokeChargeCardsInviteFetchState:z,unlockChargeCardsFetchState:M,onColumnSortConfigChanged:ge,isBulkActionAllowed:U,isCardControlsEnabled:T,cardsSelectedForBulkAction:W,firstSelectedCardStatus:F,bulkSubmissionLimit:O})})})})]}),W.length>0&&M!=="In-Progress"&&z!=="In-Progress"?i.jsx(ct,{helperContainerStyle:b==="small"?{margin:`${t.sp5} ${t.sp7} ${t.sp2} ${t.sp0}`}:{},showPrimaryButton:!0,primaryBtn:{label:er(F),isLoading:!1,isDisabled:!1,type:"button",onClick:()=>{const N=Yi(F);N&&tt(N)}},cancelBtn:{label:ne.texts.goBack,isDisabled:!1,onClick:xe,style:b==="small"?{}:ir(F)},leftSideComponent:jr(W.length,O,b),rightSideComponent:i.jsx(Lr,{firstSelectedCardStatus:F,windowSize:b,setShowBulkChangeSpendLimitPopup:V,onBulkCloseClick:A,onBulkLockClick:H})}):null]})},(e,r)=>e.cardList===r.cardList&&e.cardsSelectedForBulkAction.length===r.cardsSelectedForBulkAction.length&&e.fetchState===r.fetchState&&e.uiState.sortKey===r.uiState.sortKey&&e.uiState.sortOrder===r.uiState.sortOrder&&e.rowActionView===r.rowActionView&&e.unlockChargeCardsFetchState===r.unlockChargeCardsFetchState&&e.revokeChargeCardsInviteFetchState===r.revokeChargeCardsInviteFetchState&&e.searchText===r.searchText&&e.receiptBotEmail===r.receiptBotEmail&&e.isCardControlsEnabled===r.isCardControlsEnabled&&e.firstSelectedCardStatus===r.firstSelectedCardStatus&&e.handleClearSelection===r.handleClearSelection);Xi.displayName="ChargeCardListContent";const Zo=({cardsSelectedForBulkAction:e,cardList:r,firstSelectedCardStatus:s,bulkSubmissionLimit:d,updateBulkActionList:c,removeAllCardsFromBulkActionList:l,isChargeCardSetupEnabled:n,...a})=>{const x="bulkSelectIds",m=nt({defaultValues:{[x]:e},values:{[x]:e}});f.useEffect(()=>{const k=m.watch((S,{name:h})=>{if(h===x){let p=[];const w=S[x]??[];if(w.includes(ue.common.all.toLowerCase()))if(e.length===0){p=[];for(const $ of r)if(Ie($,0,s)&&p.push($.id),p.length===d)break}else p=w.filter($=>$!==ue.common.all.toLowerCase());else p=w.filter($=>$!=null);c(p)}});return()=>k.unsubscribe()},[c,e.length,r,s,d]);const y=f.useCallback(()=>{m.setValue(x,[]),l()},[m,l]);return i.jsx(at,{...m,children:i.jsx(Xi,{...a,cardsSelectedForBulkAction:e,cardList:r,firstSelectedCardStatus:s,bulkSubmissionLimit:d,isChargeCardSetupEnabled:n,handleClearSelection:y})})},Yi=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}},er=e=>{if(e==null)return"Proceed";switch(e){case"active":return P.cardDetails.moreOptions.updateSpendLimit;case"locked":return P.cardDetails.moreOptions.unlock;case"inactive":return P.closeCard.closeCard;case"request_on_hold":return P.cardDetails.revokeInvite;default:return ne.proceed}},ir=e=>{switch(Yi(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{}}},Qi=f.forwardRef((e,r)=>{const{children:s,style:d,...c}=e;return i.jsx(et,{ref:r,style:{...d,width:"auto"},...c,children:i.jsx(ur,{children:s})})});Qi.displayName=P.cardList.headerElementDisplayName;const Wr=he.memo(({cardList:e,controllerEmails:r,creditAccount:s,creditAccountRepayment:d,fetchState:c,uiState:l,setCardIdForRowAction:n,setActionTypeForRowAction:a,receiptBotEmail:x,searchText:m,resendInviteId:y,showViewForCardUser:k,signedInUser:S,isChargeCardFeatureEnabled:h,isChargeCardSetupEnabled:p,isDebitCardFeatureEnabled:w,isDebitCardSetupEnabled:$,cashbackInformation:R,creditAccountInformation:B,debitAccountInformation:D,productInformation:z,isBulkActionAllowed:M,isCardControlsEnabled:g,cardsSelectedForBulkAction:v,firstSelectedCardStatus:_,bulkSubmissionLimit:U,updateBulkActionList:T,removeAllCardsFromBulkActionList:W,onProceedForBulkActionClick:F,onBulkCloseClick:O,onBulkLockClick:K,setShowBulkChangeSpendLimitPopup:A,onChargeCardRowClick:H,onReloadCards:V,onColumnSortConfigChanged:ie,onChargeCardResendInviteClick:te,depositAccountListWithDebitCardIssued:Y,rowActionView:ge,revokeChargeCardsInviteFetchState:xe,unlockChargeCardsFetchState:b})=>(st({componentName:"cards.list",enabled:c==="Completed"}),i.jsx(Zo,{cardList:e,controllerEmails:r,creditAccount:s,creditAccountRepayment:d,setCardIdForRowAction:n,setActionTypeForRowAction:a,rowActionView:ge,isChargeCardFeatureEnabled:h,isChargeCardSetupEnabled:p,isDebitCardFeatureEnabled:w,isDebitCardSetupEnabled:$,cashbackInformation:R,creditAccountInformation:B,debitAccountInformation:D,productInformation:z,isBulkActionAllowed:M,isCardControlsEnabled:g,cardsSelectedForBulkAction:v,firstSelectedCardStatus:_,bulkSubmissionLimit:U,updateBulkActionList:T,removeAllCardsFromBulkActionList:W,onProceedForBulkActionClick:F,onBulkCloseClick:O,onBulkLockClick:K,setShowBulkChangeSpendLimitPopup:A,depositAccountListWithDebitCardIssued:Y,showViewForCardUser:k,signedInUser:S,fetchState:c,revokeChargeCardsInviteFetchState:xe,unlockChargeCardsFetchState:b,receiptBotEmail:x,searchText:m,resendInviteId:y,onReloadCards:V,onChargeCardRowClick:H,uiState:l,onColumnSortConfigChanged:ie,onChargeCardResendInviteClick:te}))),tr=({uiState:e,onColumnSortConfigChanged:r,isBulkActionAllowed:s,isCardControlsEnabled:d,cardsSelectedForBulkAction:c,firstSelectedCardStatus:l,bulkSubmissionLimit:n,index:a,setCardIdForRowAction:x,setActionTypeForRowAction:m,rowActionView:y,revokeChargeCardsInviteFetchState:k,unlockChargeCardsFetchState:S,style:h,cardList:p,showViewForCardUser:w,signedInUser:$,resendInviteId:R,onChargeCardResendInviteClick:B,onChargeCardRowClick:D})=>{const z=oe(),M=ze(),g=y.cardId!=null&&y.unlockChargeCardsFetchState.fetchState==="In-Progress"||S==="In-Progress"&&c.length>0,v=!s||g||d===!1||p.length<=1?"off":c.length>0?"always_on":"checked_or_hover",_={gap:t.sp3,width:"auto",marginLeft:ae.checkBoxContainerStyleMarginLeft.valuePx(z),marginRight:ae.checkBoxContainerStyleMarginRight.valuePx(z)},U={marginLeft:ae.labelCheckBoxStyleMarginLeft.valuePx(z)},T=rr(z),W=or(z),F={backgroundColor:M.colors.grey4},O={...h,width:"100%"},K=f.useMemo(()=>{const te=[ue.common.all.toLowerCase()];for(const Y of p)if((!d||Ie(Y,0,l))&&(te.push(Y.id),n!=null&&te.length===n+1))break;return te},[p,d,l,n]),A={label:"",defaultChecked:!1,groupLabel:!0,value:ue.common.all.toLowerCase(),isException:!(c.length>0)},H=a===0,V=H?null:p[a-1],ie=f.useMemo(()=>H?{label:i.jsx(yo,{companyNameSticky:!1,showViewForCardUser:w,onColumnSortConfigChanged:r,sortConfig:{sortKey:e.sortKey,sortOrder:e.sortOrder}}),defaultChecked:!1,groupLabel:!0,value:ue.common.all.toLowerCase(),isException:!(c.length>0&&p.length>1)}:V==null?{label:i.jsx("div",{}),value:"",groupLabel:!1,defaultChecked:!1,isException:!1}:{label:i.jsx(Zi,{setCardIdForRowAction:x,setActionTypeForRowAction:m,rowActionView:y,revokeChargeCardsInviteFetchState:k,unlockChargeCardsFetchState:S,cardsSelectedForBulkAction:c,isCardControlsEnabled:d,showViewForCardUser:w,cardDetail:V,signedInUser:$,resendInviteId:R,index:a-1,onChargeCardResendInviteClick:B,onChargeCardRowClick:D}),value:V.id,groupLabel:!1,defaultChecked:!1,isException:!(!d||!s)&&!Ie(V,0,l),exceptionMode:"checked_or_hover",exceptionInfo:Yo(V,0,l),exceptionType:Ie(V,0,l)?void 0:"info"},[H,V,w,r,e.sortKey,e.sortOrder,c,x,m,y,k,S,d,$,R,a,B,D,l]);return i.jsx(pr,{style:O,className:"spend-management-list-item",children:i.jsx(zi,{checkBox:ie,fieldName:"bulkSelectIds",index:a,allCheckBoxValues:K,groupLabelCheckBox:A,mode:v,checkBoxContainerStyle:_,checkBoxIconStyle:F,checkBoxStyle:H?U:T,labelCheckBoxStyle:U,labelStyle:{width:"100%"},style:{gap:t.sp3},infoIconContainerStyle:W,selectionLimit:n})})},or=e=>{let r={zIndex:1,height:t.sp3,display:"flex",alignItems:"center"};return e==="small"&&(r={...r,position:"absolute",left:t.sp2,marginBottom:t.sp1,width:t.sp4,height:t.sp4}),r},rr=e=>{let r={zIndex:1,marginBottom:t.sp3,backgroundColor:"inherit"};return e==="small"&&(r={...r,position:"absolute",left:t.sp1,width:t.sp4,height:t.sp4}),r},Zi=he.memo(({setCardIdForRowAction:e,setActionTypeForRowAction:r,rowActionView:s,revokeChargeCardsInviteFetchState:d,unlockChargeCardsFetchState:c,cardsSelectedForBulkAction:l,cardDetail:n,isCardControlsEnabled:a,showViewForCardUser:x,signedInUser:m,resendInviteId:y,index:k,onChargeCardResendInviteClick:S,onChargeCardRowClick:h})=>{const p=oe()==="small"?Ro:Kt;return i.jsx(p,{cardDetail:n,index:k,isCardControlsEnabled:a,setActionTypeForRowAction:r,setCardIdForRowAction:e,showViewForCardUser:x,signedInUser:m,revokeChargeCardsInviteFetchState:d,unlockChargeCardsFetchState:c,cardsSelectedForBulkAction:l,rowActionView:s,onChargeCardRowClick:h,resendInviteId:y,onChargeCardResendInviteClick:S})},(e,r)=>{const s=e.cardsSelectedForBulkAction.includes(e.cardDetail.id),d=r.cardsSelectedForBulkAction.includes(r.cardDetail.id),c=e.rowActionView.cardId===e.cardDetail.id,l=r.rowActionView.cardId===r.cardDetail.id;return s===d&&c===l&&e.cardDetail===r.cardDetail&&e.isCardControlsEnabled===r.isCardControlsEnabled&&e.unlockChargeCardsFetchState===r.unlockChargeCardsFetchState&&e.revokeChargeCardsInviteFetchState===r.revokeChargeCardsInviteFetchState&&e.resendInviteId===r.resendInviteId&&e.showViewForCardUser===r.showViewForCardUser&&e.signedInUser===r.signedInUser&&e.index===r.index});Zi.displayName="ChargeCardRowWrapper";const sr=o(Ct)`
+`,Ur=20,Ie=(e,r,s)=>!(s!=null&&e.status.code!==s||e.status.code==="closed"||e.status.code==="closed_by_customer"),Xo=(e,r,s)=>{const d=le.getLocalizedStrings(),c=d.spendManagement.chargeCard.cardList.bulkActions.exceptionMessages;if(e.status.code==="closed"||e.status.code==="closed_by_customer")return c.closedCardsCannotBeSelected;if(s!=null&&e.status.code!==s){const l=d.spendManagement.chargeCard.cardList.status[s];return c.onlyCardsUnderStatusCanBeSelectedTogether.replace("__status__",l)}return c.cardCannotBeSelectedForAction},ae={lastListItemHeight:new C(200,158),bannerWrapperMarginLeftRight:new C(u[3],u[8]),styledAIIconContainerSize:new C(u[3],u[3]),checkBoxContainerStyleMarginLeft:new C(u[0],u[4]),checkBoxContainerStyleMarginRight:new C(u[0],u[8]),labelCheckBoxStyleMarginLeft:new C(u[2],u[0])},Yo={moreItemFont:new Ci("extraSmallRegular","smallRegular")},ue=le.getLocalizedStrings(),{spendManagement:{chargeCard:P},common:ne}=ue,Qi=he.memo(({cardList:e,controllerEmails:r,creditAccount:s,creditAccountRepayment:d,setCardIdForRowAction:c,setActionTypeForRowAction:l,rowActionView:n,showViewForCardUser:a,productInformation:x,isChargeCardFeatureEnabled:m,isChargeCardSetupEnabled:y,isDebitCardFeatureEnabled:k,isDebitCardSetupEnabled:S,cashbackInformation:h,creditAccountInformation:p,debitAccountInformation:w,depositAccountListWithDebitCardIssued:$,uiState:R,signedInUser:B,fetchState:D,revokeChargeCardsInviteFetchState:z,unlockChargeCardsFetchState:M,receiptBotEmail:g,searchText:v,resendInviteId:_,isBulkActionAllowed:U,isCardControlsEnabled:T,cardsSelectedForBulkAction:W,firstSelectedCardStatus:F,bulkSubmissionLimit:O,onProceedForBulkActionClick:K,onBulkCloseClick:A,onBulkLockClick:H,setShowBulkChangeSpendLimitPopup:V,onChargeCardResendInviteClick:ie,onChargeCardRowClick:te,onReloadCards:X,onColumnSortConfigChanged:ge,handleClearSelection:xe})=>{const b=oe(),Ae=ke(),Ne=lt().analytics,Me=!!Ae.loggedInUserRole.includes("charge_card_user"),Ue=ze(),[,We]=dt(),[Se,He]=f.useState(!1),[Fe,Ke]=f.useState(!1),it=f.useCallback(()=>{g!=null&&((!m||s.fetchState==="Completed"&&d.fetchState==="Completed")&&(!(k&&S)||$.fetchState==="Completed")&&Ne.trackCardsCopyIconClick(r,x,"Cards List","Copy","copied","Receipt Email",g,h,p,w),We(g),He(!0))},[g,m,s.fetchState,d.fetchState,k,S,$.fetchState,Ne,r,x,h,p,w,We]);f.useEffect(()=>{if(Se===!0){const N=setTimeout(()=>{He(!1)},800);return()=>clearTimeout(N)}},[Se]);const tt=f.useCallback(N=>{K(N)},[K]),Pe=f.useCallback(N=>N===0?50:b!=="small"?Pt:Me?Rt:Bt,[b,Me]),ot=f.useMemo(()=>{let N=114;for(let we=1;we<=e.length;we++)N+=Pe(we);return N},[e.length,Pe]),qe=f.useMemo(()=>window.innerHeight-351,[]),rt=ot>qe,Ge=f.useRef(null);return f.useEffect(()=>{Ge.current?.resetAfterIndex(0)},[b]),i.jsxs(nr,{fetchState:D,children:[D==="Error"?i.jsxs(ar,{children:[i.jsx(lr,{onClick:X,"data-testid":G("charge-card-list-reload"),children:i.jsx(dr,{})}),i.jsx(cr,{children:ne.reloadPage.label})]}):D==="Completed"&&e.length===0?i.jsx(ht,{sourceView:"charge_cards",style:{height:"calc(100vh - 450px)"},title:P.cardList.getStarted,message:v!==""?P.cardList.noDataWithFilterText:P.cardList.noDataText,messageStyle:{maxWidth:345,color:Ue.colors.primary,...Be.largeRegular.cssObject}}):i.jsxs(et,{children:[g!=null?i.jsxs(mr,{windowSize:b,children:[i.jsx(yr,{windowSize:b,children:i.jsx(kr,{})}),i.jsxs(Sr,{windowSize:b,children:[i.jsxs(gr,{children:[i.jsx(sr,{children:P.aiCardAgentText}),ne.strings.space,P.receiptBotMessage,ne.strings.space]}),i.jsxs(fr,{"data-testid":G("charge-card-list-copy-email"),onClick:it,onMouseEnter:()=>Ke(!0),onMouseLeave:()=>Ke(!1),children:[i.jsx(xr,{children:g}),Se===!0?i.jsxs(pi,{children:[i.jsx(Cr,{}),i.jsx(hi,{children:i.jsx(ui,{shouldDisplay:Fe||Se,color:I.primaryDark,children:ne.copyToClipBoard.copied})})]}):i.jsxs(pi,{children:[i.jsx(wr,{color:Fe?Ue.colors.primary:void 0}),i.jsx(hi,{children:i.jsx(ui,{shouldDisplay:Fe&&b!=="small",children:ne.copyToClipBoard.copy})})]})]})]})]}):null,i.jsx(hr,{windowSize:b,availableHeight:qe,isListTooLarge:rt,children:i.jsx(pt,{children:({height:N,width:we})=>i.jsx(ut,{ref:Ge,height:N,itemCount:e.length+1,innerElementType:Yi,itemSize:Pe,estimatedItemSize:_t,itemKey:ve=>ve===0?"header":e[ve-1].id,width:we,overscanCount:Dt,initialScrollOffset:0,children:ve=>i.jsx(tr,{...ve,setCardIdForRowAction:c,setActionTypeForRowAction:l,rowActionView:n,resendInviteId:_,onChargeCardResendInviteClick:ie,onChargeCardRowClick:te,showViewForCardUser:a,cardList:e,signedInUser:B,uiState:R,revokeChargeCardsInviteFetchState:z,unlockChargeCardsFetchState:M,onColumnSortConfigChanged:ge,isBulkActionAllowed:U,isCardControlsEnabled:T,cardsSelectedForBulkAction:W,firstSelectedCardStatus:F,bulkSubmissionLimit:O})})})})]}),W.length>0&&M!=="In-Progress"&&z!=="In-Progress"?i.jsx(ct,{helperContainerStyle:b==="small"?{margin:`${t.sp5} ${t.sp7} ${t.sp2} ${t.sp0}`}:{},showPrimaryButton:!0,primaryBtn:{label:er(F),isLoading:!1,isDisabled:!1,type:"button",onClick:()=>{const N=Xi(F);N&&tt(N)}},cancelBtn:{label:ne.texts.goBack,isDisabled:!1,onClick:xe,style:b==="small"?{}:ir(F)},leftSideComponent:jr(W.length,O,b),rightSideComponent:i.jsx(Lr,{firstSelectedCardStatus:F,windowSize:b,setShowBulkChangeSpendLimitPopup:V,onBulkCloseClick:A,onBulkLockClick:H})}):null]})},(e,r)=>e.cardList===r.cardList&&e.cardsSelectedForBulkAction.length===r.cardsSelectedForBulkAction.length&&e.fetchState===r.fetchState&&e.uiState.sortKey===r.uiState.sortKey&&e.uiState.sortOrder===r.uiState.sortOrder&&e.rowActionView===r.rowActionView&&e.unlockChargeCardsFetchState===r.unlockChargeCardsFetchState&&e.revokeChargeCardsInviteFetchState===r.revokeChargeCardsInviteFetchState&&e.searchText===r.searchText&&e.receiptBotEmail===r.receiptBotEmail&&e.isCardControlsEnabled===r.isCardControlsEnabled&&e.firstSelectedCardStatus===r.firstSelectedCardStatus&&e.handleClearSelection===r.handleClearSelection);Qi.displayName="ChargeCardListContent";const Zo=({cardsSelectedForBulkAction:e,cardList:r,firstSelectedCardStatus:s,bulkSubmissionLimit:d,updateBulkActionList:c,removeAllCardsFromBulkActionList:l,isChargeCardSetupEnabled:n,...a})=>{const x="bulkSelectIds",m=nt({defaultValues:{[x]:e},values:{[x]:e}});f.useEffect(()=>{const k=m.watch((S,{name:h})=>{if(h===x){let p=[];const w=S[x]??[];if(w.includes(ue.common.all.toLowerCase()))if(e.length===0){p=[];for(const $ of r)if(Ie($,0,s)&&p.push($.id),p.length===d)break}else p=w.filter($=>$!==ue.common.all.toLowerCase());else p=w.filter($=>$!=null);c(p)}});return()=>k.unsubscribe()},[c,e.length,r,s,d]);const y=f.useCallback(()=>{m.setValue(x,[]),l()},[m,l]);return i.jsx(at,{...m,children:i.jsx(Qi,{...a,cardsSelectedForBulkAction:e,cardList:r,firstSelectedCardStatus:s,bulkSubmissionLimit:d,isChargeCardSetupEnabled:n,handleClearSelection:y})})},Xi=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}},er=e=>{if(e==null)return"Proceed";switch(e){case"active":return P.cardDetails.moreOptions.updateSpendLimit;case"locked":return P.cardDetails.moreOptions.unlock;case"inactive":return P.closeCard.closeCard;case"request_on_hold":return P.cardDetails.revokeInvite;default:return ne.proceed}},ir=e=>{switch(Xi(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{}}},Yi=f.forwardRef((e,r)=>{const{children:s,style:d,...c}=e;return i.jsx(et,{ref:r,style:{...d,width:"auto"},...c,children:i.jsx(ur,{children:s})})});Yi.displayName=P.cardList.headerElementDisplayName;const Wr=he.memo(({cardList:e,controllerEmails:r,creditAccount:s,creditAccountRepayment:d,fetchState:c,uiState:l,setCardIdForRowAction:n,setActionTypeForRowAction:a,receiptBotEmail:x,searchText:m,resendInviteId:y,showViewForCardUser:k,signedInUser:S,isChargeCardFeatureEnabled:h,isChargeCardSetupEnabled:p,isDebitCardFeatureEnabled:w,isDebitCardSetupEnabled:$,cashbackInformation:R,creditAccountInformation:B,debitAccountInformation:D,productInformation:z,isBulkActionAllowed:M,isCardControlsEnabled:g,cardsSelectedForBulkAction:v,firstSelectedCardStatus:_,bulkSubmissionLimit:U,updateBulkActionList:T,removeAllCardsFromBulkActionList:W,onProceedForBulkActionClick:F,onBulkCloseClick:O,onBulkLockClick:K,setShowBulkChangeSpendLimitPopup:A,onChargeCardRowClick:H,onReloadCards:V,onColumnSortConfigChanged:ie,onChargeCardResendInviteClick:te,depositAccountListWithDebitCardIssued:X,rowActionView:ge,revokeChargeCardsInviteFetchState:xe,unlockChargeCardsFetchState:b})=>(st({componentName:"cards.list",enabled:c==="Completed"}),i.jsx(Zo,{cardList:e,controllerEmails:r,creditAccount:s,creditAccountRepayment:d,setCardIdForRowAction:n,setActionTypeForRowAction:a,rowActionView:ge,isChargeCardFeatureEnabled:h,isChargeCardSetupEnabled:p,isDebitCardFeatureEnabled:w,isDebitCardSetupEnabled:$,cashbackInformation:R,creditAccountInformation:B,debitAccountInformation:D,productInformation:z,isBulkActionAllowed:M,isCardControlsEnabled:g,cardsSelectedForBulkAction:v,firstSelectedCardStatus:_,bulkSubmissionLimit:U,updateBulkActionList:T,removeAllCardsFromBulkActionList:W,onProceedForBulkActionClick:F,onBulkCloseClick:O,onBulkLockClick:K,setShowBulkChangeSpendLimitPopup:A,depositAccountListWithDebitCardIssued:X,showViewForCardUser:k,signedInUser:S,fetchState:c,revokeChargeCardsInviteFetchState:xe,unlockChargeCardsFetchState:b,receiptBotEmail:x,searchText:m,resendInviteId:y,onReloadCards:V,onChargeCardRowClick:H,uiState:l,onColumnSortConfigChanged:ie,onChargeCardResendInviteClick:te}))),tr=({uiState:e,onColumnSortConfigChanged:r,isBulkActionAllowed:s,isCardControlsEnabled:d,cardsSelectedForBulkAction:c,firstSelectedCardStatus:l,bulkSubmissionLimit:n,index:a,setCardIdForRowAction:x,setActionTypeForRowAction:m,rowActionView:y,revokeChargeCardsInviteFetchState:k,unlockChargeCardsFetchState:S,style:h,cardList:p,showViewForCardUser:w,signedInUser:$,resendInviteId:R,onChargeCardResendInviteClick:B,onChargeCardRowClick:D})=>{const z=oe(),M=ze(),g=y.cardId!=null&&y.unlockChargeCardsFetchState.fetchState==="In-Progress"||S==="In-Progress"&&c.length>0,v=!s||g||d===!1||p.length<=1?"off":c.length>0?"always_on":"checked_or_hover",_={gap:t.sp3,width:"auto",marginLeft:ae.checkBoxContainerStyleMarginLeft.valuePx(z),marginRight:ae.checkBoxContainerStyleMarginRight.valuePx(z)},U={marginLeft:ae.labelCheckBoxStyleMarginLeft.valuePx(z)},T=rr(z),W=or(z),F={backgroundColor:M.colors.grey4},O={...h,width:"100%"},K=f.useMemo(()=>{const te=[ue.common.all.toLowerCase()];for(const X of p)if((!d||Ie(X,0,l))&&(te.push(X.id),n!=null&&te.length===n+1))break;return te},[p,d,l,n]),A={label:"",defaultChecked:!1,groupLabel:!0,value:ue.common.all.toLowerCase(),isException:!(c.length>0)},H=a===0,V=H?null:p[a-1],ie=f.useMemo(()=>H?{label:i.jsx(yo,{companyNameSticky:!1,showViewForCardUser:w,onColumnSortConfigChanged:r,sortConfig:{sortKey:e.sortKey,sortOrder:e.sortOrder}}),defaultChecked:!1,groupLabel:!0,value:ue.common.all.toLowerCase(),isException:!(c.length>0&&p.length>1)}:V==null?{label:i.jsx("div",{}),value:"",groupLabel:!1,defaultChecked:!1,isException:!1}:{label:i.jsx(Zi,{setCardIdForRowAction:x,setActionTypeForRowAction:m,rowActionView:y,revokeChargeCardsInviteFetchState:k,unlockChargeCardsFetchState:S,cardsSelectedForBulkAction:c,isCardControlsEnabled:d,showViewForCardUser:w,cardDetail:V,signedInUser:$,resendInviteId:R,index:a-1,onChargeCardResendInviteClick:B,onChargeCardRowClick:D}),value:V.id,groupLabel:!1,defaultChecked:!1,isException:!(!d||!s)&&!Ie(V,0,l),exceptionMode:"checked_or_hover",exceptionInfo:Xo(V,0,l),exceptionType:Ie(V,0,l)?void 0:"info"},[H,V,w,r,e.sortKey,e.sortOrder,c,x,m,y,k,S,d,$,R,a,B,D,l]);return i.jsx(pr,{style:O,className:"spend-management-list-item",children:i.jsx(zi,{checkBox:ie,fieldName:"bulkSelectIds",index:a,allCheckBoxValues:K,groupLabelCheckBox:A,mode:v,checkBoxContainerStyle:_,checkBoxIconStyle:F,checkBoxStyle:H?U:T,labelCheckBoxStyle:U,labelStyle:{width:"100%"},style:{gap:t.sp3},infoIconContainerStyle:W,selectionLimit:n})})},or=e=>{let r={zIndex:1,height:t.sp3,display:"flex",alignItems:"center"};return e==="small"&&(r={...r,position:"absolute",left:t.sp2,marginBottom:t.sp1,width:t.sp4,height:t.sp4}),r},rr=e=>{let r={zIndex:1,marginBottom:t.sp3,backgroundColor:"inherit"};return e==="small"&&(r={...r,position:"absolute",left:t.sp1,width:t.sp4,height:t.sp4}),r},Zi=he.memo(({setCardIdForRowAction:e,setActionTypeForRowAction:r,rowActionView:s,revokeChargeCardsInviteFetchState:d,unlockChargeCardsFetchState:c,cardsSelectedForBulkAction:l,cardDetail:n,isCardControlsEnabled:a,showViewForCardUser:x,signedInUser:m,resendInviteId:y,index:k,onChargeCardResendInviteClick:S,onChargeCardRowClick:h})=>{const p=oe()==="small"?Ro:Kt;return i.jsx(p,{cardDetail:n,index:k,isCardControlsEnabled:a,setActionTypeForRowAction:r,setCardIdForRowAction:e,showViewForCardUser:x,signedInUser:m,revokeChargeCardsInviteFetchState:d,unlockChargeCardsFetchState:c,cardsSelectedForBulkAction:l,rowActionView:s,onChargeCardRowClick:h,resendInviteId:y,onChargeCardResendInviteClick:S})},(e,r)=>{const s=e.cardsSelectedForBulkAction.includes(e.cardDetail.id),d=r.cardsSelectedForBulkAction.includes(r.cardDetail.id),c=e.rowActionView.cardId===e.cardDetail.id,l=r.rowActionView.cardId===r.cardDetail.id;return s===d&&c===l&&e.cardDetail===r.cardDetail&&e.isCardControlsEnabled===r.isCardControlsEnabled&&e.unlockChargeCardsFetchState===r.unlockChargeCardsFetchState&&e.revokeChargeCardsInviteFetchState===r.revokeChargeCardsInviteFetchState&&e.resendInviteId===r.resendInviteId&&e.showViewForCardUser===r.showViewForCardUser&&e.signedInUser===r.signedInUser&&e.index===r.index});Zi.displayName="ChargeCardRowWrapper";const sr=o(Ct)`
   color: ${e=>e.theme.colors.brandColorSapphire};
   ${({theme:e})=>e.mode==="dark"&&`color: ${I.brandColorPearl};`}
 `,nr=o.div`
@@ -658,7 +658,7 @@ import{bF as st,V as i,T as nt,A as at,O as le,e as oe,_ as ke,h as lt,y as ze,g
   align-items: center;
   box-sizing: border-box;
   color: ${e=>e.theme.colors.primary};
-`,br=o(X)`
+`,br=o(Q)`
   color: ${e=>e.theme.colors.primary};
 `,Ir=o(ee)`
   color: ${I.important};
@@ -672,7 +672,7 @@ import{bF as st,V as i,T as nt,A as at,O as le,e as oe,_ as ke,h as lt,y as ze,g
 `,Fr=o.div`
   margin: 5px ${t.sp0};
 `,be=o(ee)`
-  ${({windowSize:e})=>Qo.moreItemFont.style(e)}
+  ${({windowSize:e})=>Yo.moreItemFont.style(e)}
   height: ${t.sp6};
   display: flex;
   align-items: center;