@zeniai/web-cockpit-ui 1.14.19-dev-betaSK01 → 1.14.20-dev

package/dist/assets/{ChargeCardListTable-DE1xnRyd-D2F1GAJW.js → ChargeCardListTable-Kx-_ZAZu-BvnPLhgK.js}

@@ -1,4 +1,4 @@
-import{j as i,K as _,z as ee,cT as $i,u as de,eK as fi,Z as b,F as V,bM as vi,y as oe,h as C,aj as yi,bT as Ci,o as r,bf as ji,a6 as bi,x as p,eg as ki,ap as Si,iL as Ii,a7 as zi,az as Li,$ as E,eX as Ri,n as a,cQ as Pi,a0 as T,i as De,bw as le,bm as Di,O as k,bX as we,k as U,iF as ue,b5 as Ue,bd as Ne,eV as Ui,b_ as Ni,a8 as Q}from"./index-D9zAXs3-.js";import{b as y,n as o,w as Ti,i as $e}from"./vendor-Bs1fkIUX.js";import{H as _i,c as Vi,A as Mi,R as Oi,t as Fi,r as Ei,i as Wi}from"./common-CU4uS1La-DdHnWUCD.js";import{R as Te}from"./Menu-BCNEnlpd-D3With3F.js";import{d as _e}from"./ZeniAvatar-Cendj_Bv-Dp3oXY0H.js";import{T as Ve}from"./RoleWithToolTip-CUogd8qi-BfjjZiS9.js";import{R as ce}from"./CardNumberSubText-Bo_ZeAR0-DocU3odv.js";import{_ as Me}from"./ChargeCardUtils-DYpmF85C-qBaPG14m.js";const W=V.getLocalizedStrings().spendManagement.chargeCard.cardList.header,Ai=V.getLocalizedStrings().common.strings.empty,fe={key:"owner",value:W.owner,sortOrder:"ascending",width:new p(120,120,160,200,200)},ve={key:"cardName",value:W.cardName,sortOrder:"ascending",width:new p(120,120,160,171,171)},ye={key:"cardType",value:W.cardType,sortOrder:"ascending",width:new p(120,120,130,170,170)},Ce={key:"status",value:W.status,sortOrder:"ascending",width:new p(115,115,125,132,132)},je={key:"utilisation",value:W.utilisation,sortOrder:"ascending",width:new p(a[11],a[11],a[11],a[12],120)},be={key:"limit",value:W.limit,sortOrder:"ascending",width:new p(68,68,68,a[11],100)},Oe=e=>e===!0?[{...fe,width:new p(0,0),value:Ai},ve,ye,Ce,je,be]:[fe,ve,ye,Ce,je,be],z={containerPaddingLeft:r.sp2,containerPaddingRight:r.sp3,containerPaddingTop:r.sp3,containerPaddingBottom:r.sp3,headerLastColumnTopPadding:new p(a[0],a[4]),headerLastColumnRightPadding:new p(a[3],a[11]),headerLastColumnBottomPadding:new p(a[0],a[4]),headerLastColumnLeftPadding:new p(a[3],a[11]),headerHeight:new p(Ei,Wi)};function Hi({companyNameSticky:e,sortConfig:t,showViewForCardUser:n,onColumnSortConfigChanged:h}){const d=de(),l=_(),m=!!ee().loggedInUserRole.includes("charge_card_user")||n,[c,w]=y.useState(Oe(m));y.useEffect(()=>{const s=[...c];for(const g of s)g.key===t.sortKey?g.sortOrder=t.sortOrder:g.sortOrder="ascending";w(s)},[t.sortKey,t.sortOrder]);const u=(s,g)=>{let f=g;t.sortKey===s&&(f=g==="ascending"?"descending":"ascending"),h(s,f)},$=c.find(s=>s.key===t.sortKey)??(m?c[1]:c[0]),S=s=>c.find(g=>g.key===s)?.value??"",x=(m?c.filter(s=>s.key!=="owner"):c).map(s=>s.key),j=V.getLocalizedStrings().spendManagement.chargeCard.cardList;return l==="small"?i.jsxs(Xi,{windowSize:l,children:[i.jsxs(Qi,{children:[i.jsx(Yi,{children:i.jsx(Zi,{})}),i.jsx(Di,{title:j.sortBy,placeholder:j.sortBy,pickerValues:x,valueToLabel:S,selectedValue:t.sortKey,onPickerSelectionChanged:s=>{u(s,"ascending")},optionTextStyle:oe.extraSmallRegular,titleTextStyle:oe.extraSmallRegular,titleColor:d.colors.primary,selectedOptionColor:d.colors.hero,optionBackgroundColor:d.colors.grey5,downChevronVisible:!1,backgroundColor:d.colors.grey4})]}),i.jsxs(rr,{onClick:()=>u($.key,$.sortOrder),"data-testid":b("mobile-cards-list-sort-clicked",t.sortKey),children:[i.jsx(k,{children:$.value}),i.jsx(ke,{windowSize:l,sortDataValue:t.sortKey,headerdata:$,children:i.jsx(Se,{windowSize:l,children:i.jsx(we,{})})})]})]}):i.jsx(Bi,{windowSize:l,children:i.jsx(qi,{children:c.map(s=>s.width.value(l)!==0&&i.jsxs(Gi,{companyNameSticky:e,sortDataValue:t.sortKey,actualDataValue:s.key,wrapperWidth:s.width,windowSize:l,children:[i.jsxs(ir,{onClick:()=>u(s.key,s.sortOrder),"data-testid":b("cards-list-sort-clicked",t.sortKey),children:[i.jsx(k,{children:s.value}),i.jsx(ke,{windowSize:l,sortDataValue:t.sortKey,headerdata:s,children:i.jsx(Se,{windowSize:l,children:i.jsx(we,{})})})]}),i.jsx(er,{sortDataValue:t.sortKey,windowSize:l,isVisible:t.sortKey===s.key&&(m?s.key!=="cardName":s.key!=="owner"),children:i.jsx(Ji,{onClick:()=>u(m?"cardName":"owner","ascending"),"data-testid":b("cards-list-sort-cancel",t.sortKey)})})]},s.key))})})}const Ki=Ti.memo(Hi),Bi=o.div`
+import{j as i,e as _,Y as ee,d5 as fi,u as de,fh as $i,i5 as vi,i6 as Ci,i7 as yi,_ as b,M as V,bR as ji,v as oe,c as y,aj as bi,bZ as ki,i8 as Si,i9 as Ii,o as r,bf as zi,a6 as Li,C as p,ez as Ri,ap as Pi,ia as Di,a7 as Ui,az as Ni,d as F,fj as Ti,q as a,dt as _i,a0 as T,b$ as De,m as Ue,bA as le,bm as Vi,B as k,c2 as we,n as U,h$ as ue,b5 as Ne,bd as Te,ib as Ei,c5 as Mi,a8 as G,ic as Oi,id as Fi}from"./index-Cnh9fv8f.js";import{b as C,n as o,f as Wi,j as fe}from"./vendor-rkTZJa59.js";import{R as _e}from"./Menu-Czq7AdhP-C-oEbm2f.js";import{T as Ve}from"./RoleWithToolTip-Dm4yIm31-3pGQtzkX.js";import{R as ce}from"./CardNumberSubText-B_ZdgYVm-CRvH-CRy.js";import{_ as Ee}from"./ChargeCardUtils-BcwLwgz7-DrE0N0EF.js";const W=V.getLocalizedStrings().spendManagement.chargeCard.cardList.header,Ai=V.getLocalizedStrings().common.strings.empty,$e={key:"owner",value:W.owner,sortOrder:"ascending",width:new p(120,120,160,200,200)},ve={key:"cardName",value:W.cardName,sortOrder:"ascending",width:new p(120,120,160,171,171)},Ce={key:"cardType",value:W.cardType,sortOrder:"ascending",width:new p(120,120,130,170,170)},ye={key:"status",value:W.status,sortOrder:"ascending",width:new p(115,115,125,132,132)},je={key:"utilisation",value:W.utilisation,sortOrder:"ascending",width:new p(a[11],a[11],a[11],a[12],120)},be={key:"limit",value:W.limit,sortOrder:"ascending",width:new p(68,68,68,a[11],100)},Me=e=>e===!0?[{...$e,width:new p(0,0),value:Ai},ve,Ce,ye,je,be]:[$e,ve,Ce,ye,je,be],z={containerPaddingLeft:r.sp2,containerPaddingRight:r.sp3,containerPaddingTop:r.sp3,containerPaddingBottom:r.sp3,headerLastColumnTopPadding:new p(a[0],a[4]),headerLastColumnRightPadding:new p(a[3],a[11]),headerLastColumnBottomPadding:new p(a[0],a[4]),headerLastColumnLeftPadding:new p(a[3],a[11]),headerHeight:new p(Oi,Fi)};function Hi({companyNameSticky:e,sortConfig:t,showViewForCardUser:n,onColumnSortConfigChanged:h}){const d=de(),l=_(),m=!!ee().loggedInUserRole.includes("charge_card_user")||n,[c,w]=C.useState(Me(m));C.useEffect(()=>{const s=[...c];for(const g of s)g.key===t.sortKey?g.sortOrder=t.sortOrder:g.sortOrder="ascending";w(s)},[t.sortKey,t.sortOrder]);const u=(s,g)=>{let $=g;t.sortKey===s&&($=g==="ascending"?"descending":"ascending"),h(s,$)},f=c.find(s=>s.key===t.sortKey)??(m?c[1]:c[0]),S=s=>c.find(g=>g.key===s)?.value??"",x=(m?c.filter(s=>s.key!=="owner"):c).map(s=>s.key),j=V.getLocalizedStrings().spendManagement.chargeCard.cardList;return l==="small"?i.jsxs(Ji,{windowSize:l,children:[i.jsxs(Gi,{children:[i.jsx(Xi,{children:i.jsx(Qi,{})}),i.jsx(Vi,{title:j.sortBy,placeholder:j.sortBy,pickerValues:x,valueToLabel:S,selectedValue:t.sortKey,onPickerSelectionChanged:s=>{u(s,"ascending")},optionTextStyle:oe.extraSmallRegular,titleTextStyle:oe.extraSmallRegular,titleColor:d.colors.primary,selectedOptionColor:d.colors.hero,optionBackgroundColor:d.colors.grey5,downChevronVisible:!1,backgroundColor:d.colors.grey4})]}),i.jsxs(rr,{onClick:()=>u(f.key,f.sortOrder),"data-testid":b("mobile-cards-list-sort-clicked",t.sortKey),children:[i.jsx(k,{children:f.value}),i.jsx(ke,{windowSize:l,sortDataValue:t.sortKey,headerdata:f,children:i.jsx(Se,{windowSize:l,children:i.jsx(we,{})})})]})]}):i.jsx(Ki,{windowSize:l,children:i.jsx(qi,{children:c.map(s=>s.width.value(l)!==0&&i.jsxs(Yi,{companyNameSticky:e,sortDataValue:t.sortKey,actualDataValue:s.key,wrapperWidth:s.width,windowSize:l,children:[i.jsxs(ir,{onClick:()=>u(s.key,s.sortOrder),"data-testid":b("cards-list-sort-clicked",t.sortKey),children:[i.jsx(k,{children:s.value}),i.jsx(ke,{windowSize:l,sortDataValue:t.sortKey,headerdata:s,children:i.jsx(Se,{windowSize:l,children:i.jsx(we,{})})})]}),i.jsx(er,{sortDataValue:t.sortKey,windowSize:l,isVisible:t.sortKey===s.key&&(m?s.key!=="cardName":s.key!=="owner"),children:i.jsx(Zi,{onClick:()=>u(m?"cardName":"owner","ascending"),"data-testid":b("cards-list-sort-cancel",t.sortKey)})})]},s.key))})})}const Bi=Wi.memo(Hi),Ki=o.div`
   top: ${r.sp0};
   left: ${r.sp0};
   z-index: 2;
@@ -14,7 +14,7 @@ import{j as i,K as _,z as ee,cT as $i,u as de,eK as fi,Z as b,F as V,bM as vi,y
   margin-left: ${r.sp8};
   margin-right: ${r.sp8};
   justify-content: space-between;
-`,Xi=o(E)`
+`,Ji=o(F)`
   top: ${r.sp0};
   left: ${r.sp0};
   min-height: ${e=>z.headerHeight.valuePx(e.windowSize)};
@@ -28,7 +28,7 @@ import{j as i,K as _,z as ee,cT as $i,u as de,eK as fi,Z as b,F as V,bM as vi,y
   background-color: ${e=>e.theme.colors.grey4};
   justify-content: space-between;
   position: sticky;
-`,Gi=o.div`
+`,Yi=o.div`
   color: ${e=>e.sortDataValue===e.actualDataValue?e.theme.colors.primary:e.theme.colors.grey1};
   width: ${e=>e.wrapperWidth.valuePx(e.windowSize)};
   max-width: ${e=>e.wrapperWidth.valuePx(e.windowSize)};
@@ -37,10 +37,10 @@ import{j as i,K as _,z as ee,cT as $i,u as de,eK as fi,Z as b,F as V,bM as vi,y
   align-items: center;
   left: ${r.sp0};
   justify-content: ${e=>e.actualDataValue==="limit"?"flex-end":"flex-start"};
-  ${e=>e.companyNameSticky?$e`
+  ${e=>e.companyNameSticky?fe`
           position: sticky;
           z-index: 1;
-        `:$e`
+        `:fe`
           position: static;
           z-index: 0;
         `};
@@ -48,7 +48,7 @@ import{j as i,K as _,z as ee,cT as $i,u as de,eK as fi,Z as b,F as V,bM as vi,y
   overflow: hidden;
   padding-left: ${r.sp3};
   padding-right: ${r.sp3};
-`,Ji=o(Ni)`
+`,Zi=o(Mi)`
   width: ${r.sp3};
   height: ${r.sp3};
   cursor: pointer;
@@ -65,15 +65,15 @@ import{j as i,K as _,z as ee,cT as $i,u as de,eK as fi,Z as b,F as V,bM as vi,y
   display: flex;
   align-items: center;
   justify-content: center;
-`,Qi=o.div`
+`,Gi=o.div`
   gap: ${r.sp1};
   display: flex;
   color: ${e=>e.theme.colors.hero};
-`,Zi=o(Ui)`
+`,Qi=o(Ei)`
   width: ${r.sp3};
   height: ${r.sp3};
   color: inherit;
-`,Yi=o.div`
+`,Xi=o.div`
   margin-right: ${r.sp1};
   display: flex;
   align-items: center;
@@ -93,7 +93,7 @@ import{j as i,K as _,z as ee,cT as $i,u as de,eK as fi,Z as b,F as V,bM as vi,y
   cursor: pointer;
   gap: 5px;
   color: ${e=>e.theme.colors.primary};
-`,{common:q,spendManagement:{billPay:{paymentDetails:{feePercent:or}},chargeCard:Z}}=V.getLocalizedStrings(),P={containerPaddingLeft:new p(a[3],a[2]),containerPaddingRight:new p(a[2],a[3]),containerPaddingTop:new p(a[2],a[3]),containerPaddingBottom:new p(a[2],a[3]),containerMarginLeft:new p(a[4],a[8]),webkitLineClamp:new p(2,1,1,1,1)},tr=({cardDetail:e,showViewForCardUser:t,signedInUser:n,resendInviteId:h,index:d,onChargeCardRowClick:l,onChargeCardResendInviteClick:m,onChargeCardRevokeInviteClick:c})=>{const[w,u]=y.useState(!1),[$,S]=y.useState(!1),x=_(),j=!!ee().loggedInUserRole.includes("charge_card_user")||t,s=y.useCallback(()=>{l(e.id,d)},[e.id]),g=Me(e)/e.limit.amount*100,f=e?.cardHolderUserId===n.userId,R=Pi(e.cardHolderUser,!1),M=e.balance,I=Oe(j),A=i.jsxs(i.Fragment,{children:[i.jsx(yr,{title:T("0,0.[00]",M),className:"amountToUtilize",children:T("0,0.[00]",M)}),g!==0?i.jsx(Cr,{className:"amountToUtilize",children:`${Math.round(g)}${or}`}):null]}),H=e.type.code,N=Z.cardList.tooltip[H],K=N!=null?f?N.self:`${R} ${N.cardUser}`:q.strings.empty;return i.jsx(ar,{windowSize:x,onMouseEnter:()=>S(!0),onMouseLeave:()=>S(!1),children:i.jsx(nr,{onClick:s,"data-testid":b("card-row",e.id),children:i.jsxs(dr,{children:[j?null:i.jsx(O,{children:i.jsxs(lr,{windowSize:x,responsiveWidth:I[0].width,children:[i.jsx(_e,{personBasic:e.cardHolderUser,styles:{height:r.sp6,width:r.sp6}}),i.jsxs(hr,{children:[i.jsx(cr,{children:i.jsx(pr,{windowSize:x,title:R,className:"cardHolderName",children:R===q.strings.empty?q.strings.hyphen:R})}),i.jsx(Ie,{className:"additionalInfoContainer",children:e.cardHolderRoles?.userRoles!=null&&i.jsx(Ve,{roles:e.cardHolderRoles?.userRoles})})]})]})}),i.jsx(O,{children:i.jsxs(wr,{windowSize:x,responsiveWidth:I[1].width,children:[i.jsx(ur,{title:e.cardName,className:"cardName",children:e.cardName}),i.jsx(Lr,{windowSize:x,children:e.status.code==="request_on_hold"?q.strings.hyphen:Z.cardDetails.expiryHideOut+q.strings.space+e.accountLast4})]})}),i.jsx(O,{children:i.jsx($r,{windowSize:x,responsiveWidth:I[2].width,children:i.jsx(fr,{className:"card-type",children:i.jsx(ce,{cardDetail:e,forDetailPage:!1})})})}),i.jsx(O,{children:i.jsx(ze,{windowSize:x,responsiveWidth:I[3].width,children:h===e.id?i.jsx(De,{size:"Small",start:!0}):i.jsxs(vr,{children:[i.jsx(kr,{children:e.status.code==="request_on_hold"?i.jsxs(le,{display:"flex",title:K,placement:"top",style:{padding:`${r.sp2} ${r.sp3}`},children:[i.jsx(Y,{status:e.status.code,style:{cursor:"pointer"}}),i.jsx(jr,{style:{marginLeft:r.sp1},className:"infoIconTooltip"})]}):i.jsx(Y,{status:e.status.code})}),e.status.code==="request_on_hold"&&!f?i.jsx(br,{onClick:v=>{v.stopPropagation(),m(e.id)},"data-testid":b("send-reminder",e.id),children:Z.cardList.sendReminder}):null]})})}),i.jsx(O,{children:i.jsx(ze,{windowSize:x,responsiveWidth:I[4].width,children:A})}),i.jsx(O,{children:i.jsxs(mr,{windowSize:x,responsiveWidth:I[5].width,children:[i.jsxs(xr,{windowSize:x,children:[i.jsx(gr,{className:"limitAmount",windowSize:x,title:T("0,0.[00]",e.limit),children:T("0,0.[00]",e.limit)}),i.jsx(Ie,{className:"additionalInfoContainer",children:e.creditLimitFrequency.name})]}),i.jsx(Sr,{className:"menu-icon",children:e.status.code==="request_on_hold"&&!j&&i.jsx(Te,{isMenuVisible:$,menuItems:i.jsx(Ir,{children:i.jsx(zr,{"data-testid":b("menu-button",e.id),onClick:v=>{v.stopPropagation(),u(!1),c(e.id)},children:Z.cardDetails.revokeInvite})}),setIsMenuOpen:u,isMenuOpen:w,menuIconStyles:{height:"auto"}})})]})})]})})})},Y=({status:e,style:t})=>{const n=de(),h=sr(e,n),d=V.getLocalizedStrings().spendManagement.chargeCard.cardList.status;return _()==="small"?i.jsx(ue,{textColor:h,text:d[e],tagStyles:{maxWidth:r.sp10,textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap",padding:"1px 6px",...t}}):i.jsx(ue,{textColor:h,text:d[e],styles:t,tagStyles:{padding:"1px 6px"}})},sr=(e,t)=>{switch(e){case"active":return new Q(C.success);case"request_on_hold":return new Q(C.graphColor36);case"inactive":return new Q(C.alert);default:return new Q(t.colors.grey1)}},ar=o.div`
+`,{common:q,spendManagement:{billPay:{paymentDetails:{feePercent:or}},chargeCard:Q}}=V.getLocalizedStrings(),P={containerPaddingLeft:new p(a[3],a[2]),containerPaddingRight:new p(a[2],a[3]),containerPaddingTop:new p(a[2],a[3]),containerPaddingBottom:new p(a[2],a[3]),containerMarginLeft:new p(a[4],a[8]),webkitLineClamp:new p(2,1,1,1,1)},tr=({cardDetail:e,showViewForCardUser:t,signedInUser:n,resendInviteId:h,index:d,onChargeCardRowClick:l,onChargeCardResendInviteClick:m,onChargeCardRevokeInviteClick:c})=>{const[w,u]=C.useState(!1),[f,S]=C.useState(!1),x=_(),j=!!ee().loggedInUserRole.includes("charge_card_user")||t,s=C.useCallback(()=>{l(e.id,d)},[e.id]),g=Ee(e)/e.limit.amount*100,$=e?.cardHolderUserId===n.userId,R=_i(e.cardHolderUser,!1),E=e.balance,I=Me(j),A=i.jsxs(i.Fragment,{children:[i.jsx(Cr,{title:T("0,0.[00]",E),className:"amountToUtilize",children:T("0,0.[00]",E)}),g!==0?i.jsx(yr,{className:"amountToUtilize",children:`${Math.round(g)}${or}`}):null]}),H=e.type.code,N=Q.cardList.tooltip[H],B=N!=null?$?N.self:`${R} ${N.cardUser}`:q.strings.empty;return i.jsx(ar,{windowSize:x,onMouseEnter:()=>S(!0),onMouseLeave:()=>S(!1),children:i.jsx(nr,{onClick:s,"data-testid":b("card-row",e.id),children:i.jsxs(dr,{children:[j?null:i.jsx(M,{children:i.jsxs(lr,{windowSize:x,responsiveWidth:I[0].width,children:[i.jsx(De,{personBasic:e.cardHolderUser,styles:{height:r.sp6,width:r.sp6}}),i.jsxs(hr,{children:[i.jsx(cr,{children:i.jsx(pr,{windowSize:x,title:R,className:"cardHolderName",children:R===q.strings.empty?q.strings.hyphen:R})}),i.jsx(Ie,{className:"additionalInfoContainer",children:e.cardHolderRoles?.userRoles!=null&&i.jsx(Ve,{roles:e.cardHolderRoles?.userRoles})})]})]})}),i.jsx(M,{children:i.jsxs(wr,{windowSize:x,responsiveWidth:I[1].width,children:[i.jsx(ur,{title:e.cardName,className:"cardName",children:e.cardName}),i.jsx(Lr,{windowSize:x,children:e.status.code==="request_on_hold"?q.strings.hyphen:Q.cardDetails.expiryHideOut+q.strings.space+e.accountLast4})]})}),i.jsx(M,{children:i.jsx(fr,{windowSize:x,responsiveWidth:I[2].width,children:i.jsx($r,{className:"card-type",children:i.jsx(ce,{cardDetail:e,forDetailPage:!1})})})}),i.jsx(M,{children:i.jsx(ze,{windowSize:x,responsiveWidth:I[3].width,children:h===e.id?i.jsx(Ue,{size:"Small",start:!0}):i.jsxs(vr,{children:[i.jsx(kr,{children:e.status.code==="request_on_hold"?i.jsxs(le,{display:"flex",title:B,placement:"top",style:{padding:`${r.sp2} ${r.sp3}`},children:[i.jsx(X,{status:e.status.code,style:{cursor:"pointer"}}),i.jsx(jr,{style:{marginLeft:r.sp1},className:"infoIconTooltip"})]}):i.jsx(X,{status:e.status.code})}),e.status.code==="request_on_hold"&&!$?i.jsx(br,{onClick:v=>{v.stopPropagation(),m(e.id)},"data-testid":b("send-reminder",e.id),children:Q.cardList.sendReminder}):null]})})}),i.jsx(M,{children:i.jsx(ze,{windowSize:x,responsiveWidth:I[4].width,children:A})}),i.jsx(M,{children:i.jsxs(mr,{windowSize:x,responsiveWidth:I[5].width,children:[i.jsxs(xr,{windowSize:x,children:[i.jsx(gr,{className:"limitAmount",windowSize:x,title:T("0,0.[00]",e.limit),children:T("0,0.[00]",e.limit)}),i.jsx(Ie,{className:"additionalInfoContainer",children:e.creditLimitFrequency.name})]}),i.jsx(Sr,{className:"menu-icon",children:e.status.code==="request_on_hold"&&!j&&i.jsx(_e,{isMenuVisible:f,menuItems:i.jsx(Ir,{children:i.jsx(zr,{"data-testid":b("menu-button",e.id),onClick:v=>{v.stopPropagation(),u(!1),c(e.id)},children:Q.cardDetails.revokeInvite})}),setIsMenuOpen:u,isMenuOpen:w,menuIconStyles:{height:"auto"}})})]})})]})})})},X=({status:e,style:t})=>{const n=de(),h=sr(e,n),d=V.getLocalizedStrings().spendManagement.chargeCard.cardList.status;return _()==="small"?i.jsx(ue,{textColor:h,text:d[e],tagStyles:{maxWidth:r.sp10,textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap",padding:"1px 6px",...t}}):i.jsx(ue,{textColor:h,text:d[e],styles:t,tagStyles:{padding:"1px 6px"}})},sr=(e,t)=>{switch(e){case"active":return new G(y.success);case"request_on_hold":return new G(y.graphColor36);case"inactive":return new G(y.alert);default:return new G(t.colors.grey1)}},ar=o.div`
   display: flex;
   background-color: ${e=>e.theme.colors.grey5};
   padding-left: ${e=>P.containerPaddingLeft.valuePx(e.windowSize)};
@@ -101,7 +101,7 @@ import{j as i,K as _,z as ee,cT as $i,u as de,eK as fi,Z as b,F as V,bM as vi,y
   padding-top: ${e=>P.containerPaddingTop.valuePx(e.windowSize)};
   padding-bottom: ${e=>P.containerPaddingBottom.valuePx(e.windowSize)};
   border: ${e=>`1px solid ${e.theme.colors.grey3}`};
-  box-shadow: ${e=>e.theme.mode==="dark"?`${C.dropShadowNormalDark} ${r.sp0} 2px ${r.sp1}`:`${r.sp0} 2px ${r.sp1} ${C.dropShadowNormalLight}`};
+  box-shadow: ${e=>e.theme.mode==="dark"?`${y.dropShadowNormalDark} ${r.sp0} 2px ${r.sp1}`:`${r.sp0} 2px ${r.sp1} ${y.dropShadowNormalLight}`};
   border-radius: ${r.sp2};
   cursor: pointer;
   &:hover {
@@ -186,13 +186,13 @@ import{j as i,K as _,z as ee,cT as $i,u as de,eK as fi,Z as b,F as V,bM as vi,y
   text-overflow: ellipsis;
   white-space: nowrap;
   margin-bottom: -${r.sp1};
-`,Ie=o(E)`
+`,Ie=o(F)`
   color: ${e=>e.theme.colors.hero};
   max-width: 100%;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-`,O=o.div`
+`,M=o.div`
   > div {
     padding-left: ${r.sp3};
     box-sizing: border-box;
@@ -212,14 +212,14 @@ import{j as i,K as _,z as ee,cT as $i,u as de,eK as fi,Z as b,F as V,bM as vi,y
   text-overflow: ellipsis;
   white-space: nowrap;
   margin-bottom: -${r.sp1};
-`,$r=o(U)`
+`,fr=o(U)`
   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;
-`,fr=o(U)`
+`,$r=o(U)`
   color: ${e=>e.theme.colors.hero};
   max-width: 100%;
   padding-right: ${r.sp2};
@@ -241,13 +241,13 @@ import{j as i,K as _,z as ee,cT as $i,u as de,eK as fi,Z as b,F as V,bM as vi,y
   display: flex;
   align-items: start;
   flex-direction: column;
-`,yr=o(U)`
+`,Cr=o(U)`
   color: ${e=>e.theme.colors.hero};
   max-width: 100%;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-`,Cr=o(E)`
+`,yr=o(F)`
   color: ${e=>e.theme.colors.hero};
 `;o(k)`
   display: flex;
@@ -268,7 +268,7 @@ import{j as i,K as _,z as ee,cT as $i,u as de,eK as fi,Z as b,F as V,bM as vi,y
   display: flex;
   align-items: center;
   white-space: pre-wrap;
-`;const jr=o(Ue)`
+`;const jr=o(Ne)`
   width: ${r.sp3};
   height: ${r.sp3};
   margin-bottom: 0;
@@ -276,8 +276,8 @@ import{j as i,K as _,z as ee,cT as $i,u as de,eK as fi,Z as b,F as V,bM as vi,y
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,br=o(Ne)`
-  color: ${C.link};
+`,br=o(Te)`
+  color: ${y.link};
   cursor: pointer;
   &:hover {
     text-decoration: underline;
@@ -298,17 +298,17 @@ import{j as i,K as _,z as ee,cT as $i,u as de,eK as fi,Z as b,F as V,bM as vi,y
   right: -${r.sp2};
 `,Ir=o.div`
   margin: 5px ${r.sp0};
-`,zr=o(E)`
+`,zr=o(F)`
   height: ${r.sp6};
   display: flex;
   align-items: center;
   padding: ${r.sp0} ${r.sp3};
-  color: ${C.important};
+  color: ${y.important};
   cursor: pointer;
   :hover {
     background-color: ${e=>e.theme.colors.background};
   }
-`,Lr=o(E)`
+`,Lr=o(F)`
   color: ${e=>e.theme.colors.hero};
   max-width: 100%;
   overflow: hidden;
@@ -317,7 +317,7 @@ import{j as i,K as _,z as ee,cT as $i,u as de,eK as fi,Z as b,F as V,bM as vi,y
   display: flex;
   align-items: center;
   gap: ${r.sp1};
-`,{spendManagement:{billPay:{paymentDetails:{feePercent:Rr}},chargeCard:D},common:L}=V.getLocalizedStrings(),te={containerMarginLeft:new p(a[3],a[8]),webkitLineClamp:new p(2,2,1,1,1)},Pr=({cardDetail:e,showViewForCardUser:t,signedInUser:n,resendInviteId:h,index:d,onChargeCardRowClick:l,onChargeCardResendInviteClick:m,onChargeCardRevokeInviteClick:c})=>{const w=!!ee().loggedInUserRole.includes("charge_card_user")||t,u=y.useCallback(()=>{l(e.id,d)},[e.id]);return w?i.jsx(Dr,{cardDetail:e,onRowClick:u}):i.jsx(Ur,{cardDetail:e,signedInUser:n,resendInviteId:h,onRowClick:u,onChargeCardResendInviteClick:m,onChargeCardRevokeInviteClick:c})},Fe=({cardDetail:e})=>{const t=e.balance,n=Me(e)/e.limit.amount*100;return i.jsxs(Vr,{children:[i.jsx(Ar,{children:T("0,0.[00]",t)}),n!==0?i.jsx(Fr,{children:`${Math.round(n)}${Rr}`}):null]})},Dr=({cardDetail:e,onRowClick:t})=>{const n=_();return i.jsx(Ee,{windowSize:n,children:i.jsx(We,{onClick:t,"data-testid":b("charge-card-user-row",e.id),children:i.jsxs(se,{children:[i.jsx(Je,{children:i.jsxs(Ze,{cardUser:!0,children:[i.jsxs(Ke,{children:[i.jsx(qe,{children:L.labels.cardName}),i.jsxs(Be,{children:[i.jsx(Xe,{title:e.cardName,children:e.cardName}),i.jsx(si,{windowSize:n,children:D.cardDetails.expiryHideOut+L.strings.space+e.accountLast4})]})]}),i.jsxs(Ae,{children:[i.jsx(He,{children:`${D.cardList.header.cardType}${L.strings.colon}`}),i.jsx(ne,{children:i.jsx(ce,{cardDetail:e,forDetailPage:!1})})]}),i.jsxs(Ye,{children:[i.jsx(ii,{children:L.labels.limit}),i.jsxs(ri,{children:[i.jsx(ei,{children:T("0,0.[00]",e.limit)}),i.jsx(oi,{}),i.jsx(ae,{children:e.creditLimitFrequency.name})]})]})]})}),i.jsx(Qe,{children:i.jsxs(i.Fragment,{children:[e.status.code!=="request_on_hold"?i.jsx(Fe,{cardDetail:e}):null,i.jsxs(Ge,{children:[i.jsx(Y,{status:e.status.code}),e.status.code==="request_on_hold"?i.jsx(le,{display:"flex",title:D.cardList.tooltip[e.type.code].self,placement:"top",style:{padding:`${r.sp2} ${r.sp3}`},children:i.jsx(ti,{className:"infoIconTooltip"})}):null]})]})})]})})})},Ur=({cardDetail:e,signedInUser:t,resendInviteId:n,onRowClick:h,onChargeCardResendInviteClick:d,onChargeCardRevokeInviteClick:l})=>{const[m,c]=y.useState(!1),w=`${e.cardHolderUser?.firstName??""} ${e.cardHolderUser?.lastName??""}`,u=e?.cardHolderUserId===t.userId,$=_(),S=e.type.code,x=D.cardList.tooltip[S],j=x!=null?u?x.self:`${w} ${x.cardUser}`:L.strings.empty;return i.jsx(Ee,{windowSize:$,children:i.jsxs(We,{onClick:h,"data-testid":b("charge-card-admin-row",e.id),children:[i.jsxs(se,{children:[i.jsxs(Je,{children:[i.jsx(Mr,{children:i.jsx(_e,{personBasic:e.cardHolderUser,styles:{height:r.sp6,width:r.sp6}})}),i.jsx(Or,{children:i.jsxs(Wr,{children:[i.jsx(Nr,{children:i.jsx(Tr,{windowSize:$,title:w,children:w})}),i.jsx(ae,{style:{marginTop:`-${r.sp1}`},children:e.cardHolderRoles?.userRoles!=null&&i.jsx(Ve,{roles:e.cardHolderRoles?.userRoles})})]})})]}),i.jsx(Qe,{children:i.jsx(i.Fragment,{children:n===e.id?i.jsx(De,{size:"Small",start:!0}):i.jsxs(Gr,{children:[i.jsxs(_r,{children:[e.status.code!=="request_on_hold"?i.jsx(Fe,{cardDetail:e}):null,i.jsxs(Ge,{children:[i.jsx(Y,{status:e.status.code}),e.status.code==="request_on_hold"?i.jsx(le,{display:"flex",title:j,placement:"top",style:{padding:`${r.sp2} ${r.sp3}`},children:i.jsx(ti,{className:"infoIconTooltip"})}):null]})]}),e.status.code==="request_on_hold"&&!u?i.jsx(Hr,{children:i.jsx(Kr,{onClick:s=>{s.stopPropagation(),d(e.id)},"data-testid":b("send-reminder-clicked",e.id),children:D.cardList.sendReminder})}):null]})})})]}),i.jsxs(se,{children:[i.jsxs(Ze,{cardUser:!1,children:[i.jsxs(Ke,{children:[i.jsx(qe,{children:`${L.labels.cardName}`}),i.jsxs(Be,{children:[i.jsx(Xe,{title:e.cardName,children:e.cardName}),i.jsx(si,{windowSize:$,children:e.status.code==="request_on_hold"?L.strings.hyphen:D.cardDetails.expiryHideOut+L.strings.space+e.accountLast4})]})]}),i.jsxs(Ae,{children:[i.jsx(He,{children:`${D.cardList.header.cardType}${L.strings.colon}`}),i.jsx(ne,{children:i.jsx(ne,{children:i.jsx(ce,{cardDetail:e,forDetailPage:!1})})})]}),i.jsxs(Ye,{children:[i.jsx(ii,{children:L.labels.limit}),i.jsxs(ri,{children:[i.jsx(ei,{children:T("0,0.[00]",e.limit)}),i.jsx(oi,{}),i.jsx(ae,{children:e.creditLimitFrequency.name})]})]})]}),i.jsx(Er,{children:e.status.code==="request_on_hold"&&i.jsx(Br,{showMenu:!0,className:"menu-icon",children:i.jsx(Te,{menuItems:i.jsx(qr,{children:i.jsx(Xr,{"data-testid":b("revoke-invite-clicked",e.id),onClick:s=>{s.stopPropagation(),c(!1),l(e.id)},children:D.cardDetails.revokeInvite})}),setIsMenuOpen:c,isMenuOpen:m,styles:{transform:"translate(5px,0px)"}})})})]})]})})},Ee=o.div`
+`,{spendManagement:{billPay:{paymentDetails:{feePercent:Rr}},chargeCard:D},common:L}=V.getLocalizedStrings(),te={containerMarginLeft:new p(a[3],a[8]),webkitLineClamp:new p(2,2,1,1,1)},Pr=({cardDetail:e,showViewForCardUser:t,signedInUser:n,resendInviteId:h,index:d,onChargeCardRowClick:l,onChargeCardResendInviteClick:m,onChargeCardRevokeInviteClick:c})=>{const w=!!ee().loggedInUserRole.includes("charge_card_user")||t,u=C.useCallback(()=>{l(e.id,d)},[e.id]);return w?i.jsx(Dr,{cardDetail:e,onRowClick:u}):i.jsx(Ur,{cardDetail:e,signedInUser:n,resendInviteId:h,onRowClick:u,onChargeCardResendInviteClick:m,onChargeCardRevokeInviteClick:c})},Oe=({cardDetail:e})=>{const t=e.balance,n=Ee(e)/e.limit.amount*100;return i.jsxs(Vr,{children:[i.jsx(Ar,{children:T("0,0.[00]",t)}),n!==0?i.jsx(Or,{children:`${Math.round(n)}${Rr}`}):null]})},Dr=({cardDetail:e,onRowClick:t})=>{const n=_();return i.jsx(Fe,{windowSize:n,children:i.jsx(We,{onClick:t,"data-testid":b("charge-card-user-row",e.id),children:i.jsxs(se,{children:[i.jsx(Ze,{children:i.jsxs(Qe,{cardUser:!0,children:[i.jsxs(Be,{children:[i.jsx(qe,{children:L.labels.cardName}),i.jsxs(Ke,{children:[i.jsx(Je,{title:e.cardName,children:e.cardName}),i.jsx(si,{windowSize:n,children:D.cardDetails.expiryHideOut+L.strings.space+e.accountLast4})]})]}),i.jsxs(Ae,{children:[i.jsx(He,{children:`${D.cardList.header.cardType}${L.strings.colon}`}),i.jsx(ne,{children:i.jsx(ce,{cardDetail:e,forDetailPage:!1})})]}),i.jsxs(Xe,{children:[i.jsx(ii,{children:L.labels.limit}),i.jsxs(ri,{children:[i.jsx(ei,{children:T("0,0.[00]",e.limit)}),i.jsx(oi,{}),i.jsx(ae,{children:e.creditLimitFrequency.name})]})]})]})}),i.jsx(Ge,{children:i.jsxs(i.Fragment,{children:[e.status.code!=="request_on_hold"?i.jsx(Oe,{cardDetail:e}):null,i.jsxs(Ye,{children:[i.jsx(X,{status:e.status.code}),e.status.code==="request_on_hold"?i.jsx(le,{display:"flex",title:D.cardList.tooltip[e.type.code].self,placement:"top",style:{padding:`${r.sp2} ${r.sp3}`},children:i.jsx(ti,{className:"infoIconTooltip"})}):null]})]})})]})})})},Ur=({cardDetail:e,signedInUser:t,resendInviteId:n,onRowClick:h,onChargeCardResendInviteClick:d,onChargeCardRevokeInviteClick:l})=>{const[m,c]=C.useState(!1),w=`${e.cardHolderUser?.firstName??""} ${e.cardHolderUser?.lastName??""}`,u=e?.cardHolderUserId===t.userId,f=_(),S=e.type.code,x=D.cardList.tooltip[S],j=x!=null?u?x.self:`${w} ${x.cardUser}`:L.strings.empty;return i.jsx(Fe,{windowSize:f,children:i.jsxs(We,{onClick:h,"data-testid":b("charge-card-admin-row",e.id),children:[i.jsxs(se,{children:[i.jsxs(Ze,{children:[i.jsx(Er,{children:i.jsx(De,{personBasic:e.cardHolderUser,styles:{height:r.sp6,width:r.sp6}})}),i.jsx(Mr,{children:i.jsxs(Wr,{children:[i.jsx(Nr,{children:i.jsx(Tr,{windowSize:f,title:w,children:w})}),i.jsx(ae,{style:{marginTop:`-${r.sp1}`},children:e.cardHolderRoles?.userRoles!=null&&i.jsx(Ve,{roles:e.cardHolderRoles?.userRoles})})]})})]}),i.jsx(Ge,{children:i.jsx(i.Fragment,{children:n===e.id?i.jsx(Ue,{size:"Small",start:!0}):i.jsxs(Yr,{children:[i.jsxs(_r,{children:[e.status.code!=="request_on_hold"?i.jsx(Oe,{cardDetail:e}):null,i.jsxs(Ye,{children:[i.jsx(X,{status:e.status.code}),e.status.code==="request_on_hold"?i.jsx(le,{display:"flex",title:j,placement:"top",style:{padding:`${r.sp2} ${r.sp3}`},children:i.jsx(ti,{className:"infoIconTooltip"})}):null]})]}),e.status.code==="request_on_hold"&&!u?i.jsx(Hr,{children:i.jsx(Br,{onClick:s=>{s.stopPropagation(),d(e.id)},"data-testid":b("send-reminder-clicked",e.id),children:D.cardList.sendReminder})}):null]})})})]}),i.jsxs(se,{children:[i.jsxs(Qe,{cardUser:!1,children:[i.jsxs(Be,{children:[i.jsx(qe,{children:`${L.labels.cardName}`}),i.jsxs(Ke,{children:[i.jsx(Je,{title:e.cardName,children:e.cardName}),i.jsx(si,{windowSize:f,children:e.status.code==="request_on_hold"?L.strings.hyphen:D.cardDetails.expiryHideOut+L.strings.space+e.accountLast4})]})]}),i.jsxs(Ae,{children:[i.jsx(He,{children:`${D.cardList.header.cardType}${L.strings.colon}`}),i.jsx(ne,{children:i.jsx(ne,{children:i.jsx(ce,{cardDetail:e,forDetailPage:!1})})})]}),i.jsxs(Xe,{children:[i.jsx(ii,{children:L.labels.limit}),i.jsxs(ri,{children:[i.jsx(ei,{children:T("0,0.[00]",e.limit)}),i.jsx(oi,{}),i.jsx(ae,{children:e.creditLimitFrequency.name})]})]})]}),i.jsx(Fr,{children:e.status.code==="request_on_hold"&&i.jsx(Kr,{showMenu:!0,className:"menu-icon",children:i.jsx(_e,{menuItems:i.jsx(qr,{children:i.jsx(Jr,{"data-testid":b("revoke-invite-clicked",e.id),onClick:s=>{s.stopPropagation(),c(!1),l(e.id)},children:D.cardDetails.revokeInvite})}),setIsMenuOpen:c,isMenuOpen:m,styles:{transform:"translate(5px,0px)"}})})})]})]})})},Fe=o.div`
   display: flex;
   background-color: ${e=>e.theme.colors.grey5};
   border: ${e=>` 1px solid ${e.theme.colors.grey3}`};
@@ -372,7 +372,7 @@ import{j as i,K as _,z as ee,cT as $i,u as de,eK as fi,Z as b,F as V,bM as vi,y
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-`,Ke=o(k)`
+`,Be=o(k)`
   color: ${e=>e.theme.colors.hero};
   display: flex;
   flex-direction: row;
@@ -385,46 +385,46 @@ import{j as i,K as _,z as ee,cT as $i,u as de,eK as fi,Z as b,F as V,bM as vi,y
   display: flex;
   flex-direction: column;
   align-items: flex-end;
-`,Be=o.div`
+`,Ke=o.div`
   display: flex;
   flex-direction: column;
   max-width: 155px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-`,qe=o.div``,Xe=o.div`
+`,qe=o.div``,Je=o.div`
   max-width: 100%;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-`,Ge=o.div`
+`,Ye=o.div`
   display: flex;
   align-items: center;
   gap: ${r.sp1};
-`,Mr=o.div``,Or=o.div``,Fr=o(k)`
+`,Er=o.div``,Mr=o.div``,Or=o(k)`
   color: ${e=>e.theme.colors.hero};
   display: flex;
   margin-top: -${r.sp1};
-`,Je=o.div`
+`,Ze=o.div`
   display: flex;
   flex-direction: row;
   gap: ${r.sp2};
-`,Qe=o.div`
+`,Ge=o.div`
   display: flex;
   flex-direction: column;
   align-items: flex-end;
-`,Ze=o.div`
+`,Qe=o.div`
   display: flex;
   flex-direction: column;
   margin-left: ${e=>e.cardUser?r.sp0:r.sp7};
-`,Er=o.div`
+`,Fr=o.div`
   display: flex;
   flex-direction: column;
   align-items: flex-end;
   position: relative;
 `,Wr=o.div`
   margin-bottom: 6px;
-`,Ye=o(k)`
+`,Xe=o(k)`
   color: ${e=>e.theme.colors.hero};
   display: flex;
   gap: ${r.sp6};
@@ -442,14 +442,14 @@ import{j as i,K as _,z as ee,cT as $i,u as de,eK as fi,Z as b,F as V,bM as vi,y
   color: ${e=>e.theme.colors.hero};
 `,Hr=o.div`
   padding-right: 20px;
-`,Kr=o(Ne)`
-  color: ${C.link};
+`,Br=o(Te)`
+  color: ${y.link};
   cursor: pointer;
   text-align: right;
   &:hover {
     text-decoration: underline;
   }
-`,ti=o(Ue)`
+`,ti=o(Ne)`
   width: ${r.sp3};
   height: ${r.sp3};
   margin-bottom: 0;
@@ -457,23 +457,23 @@ import{j as i,K as _,z as ee,cT as $i,u as de,eK as fi,Z as b,F as V,bM as vi,y
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,Br=o.div`
+`,Kr=o.div`
   position: absolute;
   right: -${r.sp2};
   top: ${r.sp2};
 `,qr=o.div`
   border: ${e=>`1px solid ${e.theme.colors.grey3}`};
-`,Xr=o(k)`
+`,Jr=o(k)`
   height: ${r.sp6};
   display: flex;
   align-items: center;
   padding: ${r.sp0} ${r.sp3};
-  color: ${C.important};
+  color: ${y.important};
   cursor: pointer;
   :hover {
     background-color: ${e=>e.theme.colors.background};
   }
-`,Gr=o.div`
+`,Yr=o.div`
   display: flex;
   align-items: end;
   flex-direction: column;
@@ -486,9 +486,9 @@ import{j as i,K as _,z as ee,cT as $i,u as de,eK as fi,Z as b,F as V,bM as vi,y
   display: flex;
   align-items: center;
   gap: ${r.sp1};
-`,G={lastListItemHeight:new p(200,158),bannerWrapperMarginLeftRight:new p(a[3],a[8]),styledAIIconContainerSize:new p(a[3],a[3])},{spendManagement:{chargeCard:F},common:X}=V.getLocalizedStrings(),Jr=66,Qr=64,Zr=351,Yr=136,eo=({cardList:e,showViewForCardUser:t,controllerEmails:n,isChargeCardFeatureEnabled:h,isDebitCardFeatureEnabled:d,isDebitCardSetupEnabled:l,creditAccount:m,creditAccountRepayment:c,productInformation:w,cashbackInformation:u,creditAccountInformation:$,debitAccountInformation:S,depositAccountListWithDebitCardIssued:x,uiState:j,signedInUser:s,fetchState:g,receiptBotEmail:f,searchText:R,resendInviteId:M,onChargeCardResendInviteClick:I,onChargeCardRevokeInviteClick:A,onChargeCardRowClick:H,onReloadCards:N,onColumnSortConfigChanged:K})=>{const v=_(),di=ee(),li=$i().analytics,ci=!!di.loggedInUserRole.includes("charge_card_user"),he=de(),[,hi]=fi(),[J,pe]=y.useState(!1),[ie,me]=y.useState(!1),pi=()=>{f!=null&&((!h||m.fetchState==="Completed"&&c.fetchState==="Completed")&&(!(d&&l)||x.fetchState==="Completed")&&li.trackCardsCopyIconClick(n,w,"Cards List","Copy","copied","Receipt Email",f,u,$,S),hi(f),pe(!0))};y.useEffect(()=>{J===!0&&setTimeout(()=>{pe(!1)},800)},[J]);const xe=()=>v!=="small"?_i:ci?Vi:Mi,mi=e.length*xe()+Jr+Qr,ge=window.innerHeight-Zr,xi=mi>ge,re=y.useRef(null);y.useEffect(()=>{re.current?.resetAfterIndex(0)},[v,re]);const gi=()=>g==="Error"?i.jsxs(ao,{children:[i.jsx(no,{onClick:N,"data-testid":b("charge-card-list-reload"),children:i.jsx(lo,{})}),i.jsx(co,{children:X.reloadPage.label})]}):g==="Completed"&&e.length===0?i.jsx(vi,{sourceView:"charge_cards",style:{height:"calc(100vh - 450px)"},title:F.cardList.getStarted,message:R!==""?F.cardList.noDataWithFilterText:F.cardList.noDataText,messageStyle:{maxWidth:345,color:he.colors.primary,...oe.largeRegular.cssObject}}):i.jsxs(ni,{children:[f!=null?i.jsxs(xo,{windowSize:v,children:[i.jsx(vo,{windowSize:v,children:i.jsx(yo,{})}),i.jsxs(Co,{windowSize:v,children:[i.jsxs(go,{children:[i.jsx(to,{children:F.aiCardAgentText}),X.strings.space,F.receiptBotMessage,X.strings.space]}),i.jsxs(fo,{"data-testid":b("charge-card-list-copy-email"),onClick:pi,onMouseEnter:()=>me(!0),onMouseLeave:()=>me(!1),children:[i.jsx(wo,{children:f}),J===!0?i.jsxs(Re,{children:[i.jsx($o,{}),i.jsx(Le,{children:i.jsx(Pe,{shouldDisplay:ie||J,color:C.primaryDark,children:X.copyToClipBoard.copied})})]}):i.jsxs(Re,{children:[i.jsx(uo,{color:ie?he.colors.primary:void 0}),i.jsx(Le,{children:i.jsx(Pe,{shouldDisplay:ie&&v!=="small",children:X.copyToClipBoard.copy})})]})]})]})]}):null,i.jsx(ho,{windowSize:v,availableHeight:ge,isListTooLarge:xi,children:i.jsx(yi,{children:({height:wi,width:ui})=>i.jsx(Ci,{ref:re,height:wi,itemCount:e.length,innerElementType:B=>io(B,t,K,j,g),itemSize:xe,estimatedItemSize:Fi,itemKey:B=>e[B].id,width:ui,overscanCount:Oi,initialScrollOffset:0,children:B=>i.jsx(ro,{...B,resendInviteId:M,onChargeCardResendInviteClick:I,onChargeCardRevokeInviteClick:A,onChargeCardRowClick:H,showViewForCardUser:t,cardList:e,signedInUser:s})})})})]});return i.jsx(so,{fetchState:g,children:gi()})},io=(e,t,n,h,d)=>i.jsx(ai,{...e,showViewForCardUser:t,onColumnSortConfigChanged:n,uiState:{sortKey:h.sortKey,sortOrder:h.sortOrder},fetchState:d}),ai=y.forwardRef((e,t)=>{const{children:n,style:h,uiState:d,onColumnSortConfigChanged:l,showViewForCardUser:m,...c}=e;return i.jsxs(ni,{ref:t,style:{...h,width:"auto"},...c,children:[i.jsx(Ki,{companyNameSticky:!1,showViewForCardUser:m,onColumnSortConfigChanged:l,sortConfig:{sortKey:d.sortKey,sortOrder:d.sortOrder}}),i.jsx(mo,{children:n})]})});ai.displayName=F.cardList.headerElementDisplayName;const Po=({cardList:e,fetchState:t,uiState:n,receiptBotEmail:h,searchText:d,resendInviteId:l,showViewForCardUser:m,signedInUser:c,cashbackInformation:w,creditAccountInformation:u,debitAccountInformation:$,productInformation:S,onChargeCardRowClick:x,onReloadCards:j,onColumnSortConfigChanged:s,onChargeCardResendInviteClick:g,onChargeCardRevokeInviteClick:f,controllerEmails:R,creditAccountRepayment:M,depositAccountListWithDebitCardIssued:I,isChargeCardFeatureEnabled:A,isDebitCardFeatureEnabled:H,isDebitCardSetupEnabled:N,isChargeCardSetupEnabled:K,creditAccount:v})=>i.jsx(eo,{cardList:e,controllerEmails:R,isChargeCardFeatureEnabled:A,isDebitCardFeatureEnabled:H,isDebitCardSetupEnabled:N,isChargeCardSetupEnabled:K,cashbackInformation:w,creditAccountInformation:u,debitAccountInformation:$,productInformation:S,creditAccount:v,creditAccountRepayment:M,depositAccountListWithDebitCardIssued:I,showViewForCardUser:m,signedInUser:c,fetchState:t,receiptBotEmail:h,searchText:d,resendInviteId:l,onReloadCards:j,onChargeCardRowClick:x,uiState:n,onColumnSortConfigChanged:s,onChargeCardResendInviteClick:g,onChargeCardRevokeInviteClick:f}),ro=({index:e,style:t,cardList:n,showViewForCardUser:h,signedInUser:d,resendInviteId:l,onChargeCardResendInviteClick:m,onChargeCardRevokeInviteClick:c,onChargeCardRowClick:w})=>i.jsx(po,{style:{...t,width:"100%"},className:"spend-management-list-item",children:i.jsx(oo,{showViewForCardUser:h,cardDetail:n[e],signedInUser:d,resendInviteId:l,index:e,onChargeCardResendInviteClick:m,onChargeCardRevokeInviteClick:c,onChargeCardRowClick:w})},"listItem"+n[e].id),oo=({cardDetail:e,showViewForCardUser:t,signedInUser:n,resendInviteId:h,index:d,onChargeCardResendInviteClick:l,onChargeCardRevokeInviteClick:m,onChargeCardRowClick:c})=>{const w=_()==="small"?Pr:tr;return i.jsx(w,{showViewForCardUser:t,cardDetail:e,signedInUser:n,index:d,onChargeCardRowClick:c,resendInviteId:h,onChargeCardResendInviteClick:l,onChargeCardRevokeInviteClick:m})},to=o(Ii)`
+`,Y={lastListItemHeight:new p(200,158),bannerWrapperMarginLeftRight:new p(a[3],a[8]),styledAIIconContainerSize:new p(a[3],a[3])},{spendManagement:{chargeCard:O},common:J}=V.getLocalizedStrings(),Zr=66,Gr=64,Qr=351,Xr=136,eo=({cardList:e,showViewForCardUser:t,controllerEmails:n,isChargeCardFeatureEnabled:h,isDebitCardFeatureEnabled:d,isDebitCardSetupEnabled:l,creditAccount:m,creditAccountRepayment:c,productInformation:w,cashbackInformation:u,creditAccountInformation:f,debitAccountInformation:S,depositAccountListWithDebitCardIssued:x,uiState:j,signedInUser:s,fetchState:g,receiptBotEmail:$,searchText:R,resendInviteId:E,onChargeCardResendInviteClick:I,onChargeCardRevokeInviteClick:A,onChargeCardRowClick:H,onReloadCards:N,onColumnSortConfigChanged:B})=>{const v=_(),di=ee(),li=fi().analytics,ci=!!di.loggedInUserRole.includes("charge_card_user"),he=de(),[,hi]=$i(),[Z,pe]=C.useState(!1),[ie,me]=C.useState(!1),pi=()=>{$!=null&&((!h||m.fetchState==="Completed"&&c.fetchState==="Completed")&&(!(d&&l)||x.fetchState==="Completed")&&li.trackCardsCopyIconClick(n,w,"Cards List","Copy","copied","Receipt Email",$,u,f,S),hi($),pe(!0))};C.useEffect(()=>{Z===!0&&setTimeout(()=>{pe(!1)},800)},[Z]);const xe=()=>v!=="small"?vi:ci?Ci:yi,mi=e.length*xe()+Zr+Gr,ge=window.innerHeight-Qr,xi=mi>ge,re=C.useRef(null);C.useEffect(()=>{re.current?.resetAfterIndex(0)},[v,re]);const gi=()=>g==="Error"?i.jsxs(ao,{children:[i.jsx(no,{onClick:N,"data-testid":b("charge-card-list-reload"),children:i.jsx(lo,{})}),i.jsx(co,{children:J.reloadPage.label})]}):g==="Completed"&&e.length===0?i.jsx(ji,{sourceView:"charge_cards",style:{height:"calc(100vh - 450px)"},title:O.cardList.getStarted,message:R!==""?O.cardList.noDataWithFilterText:O.cardList.noDataText,messageStyle:{maxWidth:345,color:he.colors.primary,...oe.largeRegular.cssObject}}):i.jsxs(ni,{children:[$!=null?i.jsxs(xo,{windowSize:v,children:[i.jsx(vo,{windowSize:v,children:i.jsx(Co,{})}),i.jsxs(yo,{windowSize:v,children:[i.jsxs(go,{children:[i.jsx(to,{children:O.aiCardAgentText}),J.strings.space,O.receiptBotMessage,J.strings.space]}),i.jsxs($o,{"data-testid":b("charge-card-list-copy-email"),onClick:pi,onMouseEnter:()=>me(!0),onMouseLeave:()=>me(!1),children:[i.jsx(wo,{children:$}),Z===!0?i.jsxs(Re,{children:[i.jsx(fo,{}),i.jsx(Le,{children:i.jsx(Pe,{shouldDisplay:ie||Z,color:y.primaryDark,children:J.copyToClipBoard.copied})})]}):i.jsxs(Re,{children:[i.jsx(uo,{color:ie?he.colors.primary:void 0}),i.jsx(Le,{children:i.jsx(Pe,{shouldDisplay:ie&&v!=="small",children:J.copyToClipBoard.copy})})]})]})]})]}):null,i.jsx(ho,{windowSize:v,availableHeight:ge,isListTooLarge:xi,children:i.jsx(bi,{children:({height:wi,width:ui})=>i.jsx(ki,{ref:re,height:wi,itemCount:e.length,innerElementType:K=>io(K,t,B,j,g),itemSize:xe,estimatedItemSize:Ii,itemKey:K=>e[K].id,width:ui,overscanCount:Si,initialScrollOffset:0,children:K=>i.jsx(ro,{...K,resendInviteId:E,onChargeCardResendInviteClick:I,onChargeCardRevokeInviteClick:A,onChargeCardRowClick:H,showViewForCardUser:t,cardList:e,signedInUser:s})})})})]});return i.jsx(so,{fetchState:g,children:gi()})},io=(e,t,n,h,d)=>i.jsx(ai,{...e,showViewForCardUser:t,onColumnSortConfigChanged:n,uiState:{sortKey:h.sortKey,sortOrder:h.sortOrder},fetchState:d}),ai=C.forwardRef((e,t)=>{const{children:n,style:h,uiState:d,onColumnSortConfigChanged:l,showViewForCardUser:m,...c}=e;return i.jsxs(ni,{ref:t,style:{...h,width:"auto"},...c,children:[i.jsx(Bi,{companyNameSticky:!1,showViewForCardUser:m,onColumnSortConfigChanged:l,sortConfig:{sortKey:d.sortKey,sortOrder:d.sortOrder}}),i.jsx(mo,{children:n})]})});ai.displayName=O.cardList.headerElementDisplayName;const Lo=({cardList:e,fetchState:t,uiState:n,receiptBotEmail:h,searchText:d,resendInviteId:l,showViewForCardUser:m,signedInUser:c,cashbackInformation:w,creditAccountInformation:u,debitAccountInformation:f,productInformation:S,onChargeCardRowClick:x,onReloadCards:j,onColumnSortConfigChanged:s,onChargeCardResendInviteClick:g,onChargeCardRevokeInviteClick:$,controllerEmails:R,creditAccountRepayment:E,depositAccountListWithDebitCardIssued:I,isChargeCardFeatureEnabled:A,isDebitCardFeatureEnabled:H,isDebitCardSetupEnabled:N,isChargeCardSetupEnabled:B,creditAccount:v})=>i.jsx(eo,{cardList:e,controllerEmails:R,isChargeCardFeatureEnabled:A,isDebitCardFeatureEnabled:H,isDebitCardSetupEnabled:N,isChargeCardSetupEnabled:B,cashbackInformation:w,creditAccountInformation:u,debitAccountInformation:f,productInformation:S,creditAccount:v,creditAccountRepayment:E,depositAccountListWithDebitCardIssued:I,showViewForCardUser:m,signedInUser:c,fetchState:t,receiptBotEmail:h,searchText:d,resendInviteId:l,onReloadCards:j,onChargeCardRowClick:x,uiState:n,onColumnSortConfigChanged:s,onChargeCardResendInviteClick:g,onChargeCardRevokeInviteClick:$}),ro=({index:e,style:t,cardList:n,showViewForCardUser:h,signedInUser:d,resendInviteId:l,onChargeCardResendInviteClick:m,onChargeCardRevokeInviteClick:c,onChargeCardRowClick:w})=>i.jsx(po,{style:{...t,width:"100%"},className:"spend-management-list-item",children:i.jsx(oo,{showViewForCardUser:h,cardDetail:n[e],signedInUser:d,resendInviteId:l,index:e,onChargeCardResendInviteClick:m,onChargeCardRevokeInviteClick:c,onChargeCardRowClick:w})},"listItem"+n[e].id),oo=({cardDetail:e,showViewForCardUser:t,signedInUser:n,resendInviteId:h,index:d,onChargeCardResendInviteClick:l,onChargeCardRevokeInviteClick:m,onChargeCardRowClick:c})=>{const w=_()==="small"?Pr:tr;return i.jsx(w,{showViewForCardUser:t,cardDetail:e,signedInUser:n,index:d,onChargeCardRowClick:c,resendInviteId:h,onChargeCardResendInviteClick:l,onChargeCardRevokeInviteClick:m})},to=o(Di)`
   color: ${e=>e.theme.colors.brandColorSapphire};
-  ${({theme:e})=>e.mode==="dark"&&`color: ${C.brandColorPearl};`}
+  ${({theme:e})=>e.mode==="dark"&&`color: ${y.brandColorPearl};`}
 `,so=o.div`
   margin: ${e=>e.fetchState==="Error"?"auto":"unset"};
   display: block;
@@ -509,24 +509,24 @@ import{j as i,K as _,z as ee,cT as $i,u as de,eK as fi,Z as b,F as V,bM as vi,y
   background: ${e=>e.theme.colors.background};
   border-radius: 50%;
   cursor: pointer;
-`,lo=o(ji)`
+`,lo=o(zi)`
   height: ${r.sp5};
   width: ${r.sp5};
   color: ${e=>e.theme.colors.grey1};
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,co=o(bi)`
+`,co=o(Li)`
   margin-top: ${r.sp3};
   color: ${e=>e.theme.colors.hero};
 `,ho=o.div`
   position: sticky;
-  height: ${e=>e.isListTooLarge||e.windowSize==="small"?`calc(100vh - ${Yr}px)`:`${e.availableHeight}px`};
+  height: ${e=>e.isListTooLarge||e.windowSize==="small"?`calc(100vh - ${Xr}px)`:`${e.availableHeight}px`};
   max-width: 99.9%;
   ${({isListTooLarge:e,windowSize:t})=>(e||t==="small")&&`
     .spend-management-list-item:last-of-type {
       /* NOTE: !important is used to ensure padding is applied to the last item in the virtualized list. */
-      height: ${G.lastListItemHeight.valuePx(t)} !important;
+      height: ${Y.lastListItemHeight.valuePx(t)} !important;
       padding-bottom: ${r.sp9};
     }
   `}
@@ -543,19 +543,19 @@ import{j as i,K as _,z as ee,cT as $i,u as de,eK as fi,Z as b,F as V,bM as vi,y
   display: flex;
   border: 1.25px solid transparent;
   background: ${e=>`linear-gradient(${e.theme.colors.grey4}, ${e.theme.colors.grey4}) padding-box,
-    ${C.receiptAgentLinearGradient}
+    ${y.receiptAgentLinearGradient}
       border-box`};
   padding: ${r.sp3} ${r.sp4};
   border-radius: ${r.sp2};
   align-items: ${e=>e.windowSize==="small"?"flex-start":"center"};
   gap: ${r.sp1};
   margin: 0
-    ${e=>G.bannerWrapperMarginLeftRight.valuePx(e.windowSize)};
-`,go=o(Si)`
+    ${e=>Y.bannerWrapperMarginLeftRight.valuePx(e.windowSize)};
+`,go=o(Pi)`
   color: ${e=>e.theme.colors.primary};
-`,wo=o(zi)`
+`,wo=o(Ui)`
   color: ${e=>e.theme.colors.primary};
-`,uo=o(Ri)`
+`,uo=o(Ti)`
   height: ${r.sp3};
   width: ${r.sp3};
   color: ${e=>e.color??e.theme.colors.hero};
@@ -563,11 +563,11 @@ import{j as i,K as _,z as ee,cT as $i,u as de,eK as fi,Z as b,F as V,bM as vi,y
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,$o=o(Li)`
+`,fo=o(Ni)`
   height: ${r.sp3};
   width: ${r.sp3};
-  color: ${C.success};
-`,fo=o.span`
+  color: ${y.success};
+`,$o=o.span`
   cursor: pointer;
 `,Le=o.span`
   position: absolute;
@@ -578,7 +578,7 @@ import{j as i,K as _,z as ee,cT as $i,u as de,eK as fi,Z as b,F as V,bM as vi,y
   position: relative;
   margin-left: ${r.sp1};
   top: 2px;
-`,Pe=o(E)`
+`,Pe=o(F)`
   position: relative;
   background: ${e=>e.theme.colors.black};
   color: ${e=>e.color??e.theme.colors.grey1};
@@ -588,16 +588,16 @@ import{j as i,K as _,z as ee,cT as $i,u as de,eK as fi,Z as b,F as V,bM as vi,y
   left: -50%;
   display: ${e=>e.shouldDisplay?"block":"none"};
 `,vo=o.div`
-  width: ${e=>G.styledAIIconContainerSize.valuePx(e.windowSize)};
-  min-width: ${e=>G.styledAIIconContainerSize.valuePx(e.windowSize)};
-  height: ${e=>G.styledAIIconContainerSize.valuePx(e.windowSize)};
+  width: ${e=>Y.styledAIIconContainerSize.valuePx(e.windowSize)};
+  min-width: ${e=>Y.styledAIIconContainerSize.valuePx(e.windowSize)};
+  height: ${e=>Y.styledAIIconContainerSize.valuePx(e.windowSize)};
   top: ${r.sp1};
   position: ${e=>e.windowSize==="small"?"relative":"static"};
-`,yo=o(ki)`
+`,Co=o(Ri)`
   color: ${e=>e.theme.colors.brandColorJade};
   width: 100%;
   height: 100%;
-`,Co=o.div`
+`,yo=o.div`
   width: 100%;
   max-width: ${e=>e.windowSize==="small"?"calc(100% - 20px)":"unset"};
-`;export{Po as M};
+`;export{Lo as E};