@zeniai/web-cockpit-ui 1.14.21-qa → 1.14.22-dev

package/dist/assets/{ChargeCardListTable-BGhtEqlM-B7Fdytg0.js → ChargeCardListTable-BuI0T0Bn-DXKO7Y7U.js}

@@ -1,22 +1,22 @@
-import{j as i,bI as $i,e as V,w as ee,d5 as fi,u as de,go as vi,ie as yi,ig as Ci,ih as ji,Z as b,B as _,bR as bi,$ as te,g as C,aj as ki,bZ as Si,ii as Ii,ij as zi,o as r,bf as Li,a6 as Ri,C as p,ez as Pi,ap as Di,ik as Ui,a7 as Ni,az as Ti,c as F,gr as Vi,s as a,il as De,dt as _i,a0 as T,b$ as Ue,p as Ne,bA as le,bm as Ei,n as k,c2 as we,k as U,i6 as ue,b5 as Te,bd as Ve,im as Mi,c5 as Oi,a8 as J,io as Fi,ip as Wi}from"./index-CteHikkY.js";import{b as y,n as t,f as Ai,j as $e}from"./vendor-rkTZJa59.js";import{R as _e}from"./Menu-C7N3gHcb-6AxGYl0u.js";import{T as Ee}from"./RoleWithToolTip-BRe9iDOl-r4MeN03_.js";import{R as ce}from"./CardNumberSubText-DgQelYSF-EYjrhelR.js";const W=_.getLocalizedStrings().spendManagement.chargeCard.cardList.header,Hi=_.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)},Me=e=>e===!0?[{...fe,width:new p(0,0),value:Hi},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(Fi,Wi)};function Bi({companyNameSticky:e,sortConfig:o,showViewForCardUser:n,onColumnSortConfigChanged:h}){const d=de(),l=V(),m=!!ee().loggedInUserRole.includes("charge_card_user")||n,[c,w]=y.useState(Me(m));y.useEffect(()=>{const s=[...c];for(const g of s)g.key===o.sortKey?g.sortOrder=o.sortOrder:g.sortOrder="ascending";w(s)},[o.sortKey,o.sortOrder]);const u=(s,g)=>{let f=g;o.sortKey===s&&(f=g==="ascending"?"descending":"ascending"),h(s,f)},$=c.find(s=>s.key===o.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=_.getLocalizedStrings().spendManagement.chargeCard.cardList;return l==="small"?i.jsxs(Gi,{windowSize:l,children:[i.jsxs(Xi,{children:[i.jsx(er,{children:i.jsx(Yi,{})}),i.jsx(Ei,{title:j.sortBy,placeholder:j.sortBy,pickerValues:x,valueToLabel:S,selectedValue:o.sortKey,onPickerSelectionChanged:s=>{u(s,"ascending")},optionTextStyle:te.extraSmallRegular,titleTextStyle:te.extraSmallRegular,titleColor:d.colors.primary,selectedOptionColor:d.colors.hero,optionBackgroundColor:d.colors.grey5,downChevronVisible:!1,backgroundColor:d.colors.grey4})]}),i.jsxs(tr,{onClick:()=>u($.key,$.sortOrder),"data-testid":b("mobile-cards-list-sort-clicked",o.sortKey),children:[i.jsx(k,{children:$.value}),i.jsx(ke,{windowSize:l,sortDataValue:o.sortKey,headerdata:$,children:i.jsx(Se,{windowSize:l,children:i.jsx(we,{})})})]})]}):i.jsx(qi,{windowSize:l,children:i.jsx(Zi,{children:c.map(s=>s.width.value(l)!==0&&i.jsxs(Qi,{companyNameSticky:e,sortDataValue:o.sortKey,actualDataValue:s.key,wrapperWidth:s.width,windowSize:l,children:[i.jsxs(rr,{onClick:()=>u(s.key,s.sortOrder),"data-testid":b("cards-list-sort-clicked",o.sortKey),children:[i.jsx(k,{children:s.value}),i.jsx(ke,{windowSize:l,sortDataValue:o.sortKey,headerdata:s,children:i.jsx(Se,{windowSize:l,children:i.jsx(we,{})})})]}),i.jsx(ir,{sortDataValue:o.sortKey,windowSize:l,isVisible:o.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",o.sortKey)})})]},s.key))})})}const Ki=Ai.memo(Bi),qi=t.div`
-  top: ${r.sp0};
-  left: ${r.sp0};
+import{j as i,bI as $i,e as _,Y as ee,d5 as fi,u as de,fi as vi,i6 as Ci,i7 as yi,i8 as ji,_ as b,M,bR as bi,v as re,g as y,ai as ki,bZ as Si,i9 as Ii,ia as zi,o as t,bf as Li,a5 as Ri,C as p,ez as Pi,ao as Di,ib as Ui,a6 as Ni,ay as Ti,i as F,fk as _i,q as a,dt as Mi,$ as T,b$ as De,m as Ue,bA as le,bm as Vi,B as k,c2 as we,n as U,i0 as ue,b5 as Ne,bd as Te,ic as Ei,c5 as Oi,a7 as X,id as Fi,ie as Wi}from"./index-P_4M6V8j.js";import{b as C,n as r,f as Ai,j as $e}from"./vendor-rkTZJa59.js";import{R as _e}from"./Menu-DOJJ_REW-BwD6B3Nk.js";import{T as Me}from"./RoleWithToolTip-DHdLJcWR-GnlXHGj6.js";import{R as ce}from"./CardNumberSubText-8FNDlBHV-xefYK_FQ.js";import{_ as Ve}from"./ChargeCardUtils-DQztOSYJ-DZxY6wV1.js";const W=M.getLocalizedStrings().spendManagement.chargeCard.cardList.header,Hi=M.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)},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)},Ee=e=>e===!0?[{...fe,width:new p(0,0),value:Hi},ve,Ce,ye,je,be]:[fe,ve,Ce,ye,je,be],z={containerPaddingLeft:t.sp2,containerPaddingRight:t.sp3,containerPaddingTop:t.sp3,containerPaddingBottom:t.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(Fi,Wi)};function Bi({companyNameSticky:e,sortConfig:o,showViewForCardUser:n,onColumnSortConfigChanged:h}){const d=de(),l=_(),m=!!ee().loggedInUserRole.includes("charge_card_user")||n,[c,w]=C.useState(Ee(m));C.useEffect(()=>{const s=[...c];for(const g of s)g.key===o.sortKey?g.sortOrder=o.sortOrder:g.sortOrder="ascending";w(s)},[o.sortKey,o.sortOrder]);const u=(s,g)=>{let f=g;o.sortKey===s&&(f=g==="ascending"?"descending":"ascending"),h(s,f)},$=c.find(s=>s.key===o.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=M.getLocalizedStrings().spendManagement.chargeCard.cardList;return l==="small"?i.jsxs(Ji,{windowSize:l,children:[i.jsxs(Zi,{children:[i.jsx(et,{children:i.jsx(Gi,{})}),i.jsx(Vi,{title:j.sortBy,placeholder:j.sortBy,pickerValues:x,valueToLabel:S,selectedValue:o.sortKey,onPickerSelectionChanged:s=>{u(s,"ascending")},optionTextStyle:re.extraSmallRegular,titleTextStyle:re.extraSmallRegular,titleColor:d.colors.primary,selectedOptionColor:d.colors.hero,optionBackgroundColor:d.colors.grey5,downChevronVisible:!1,backgroundColor:d.colors.grey4})]}),i.jsxs(rt,{onClick:()=>u($.key,$.sortOrder),"data-testid":b("mobile-cards-list-sort-clicked",o.sortKey),children:[i.jsx(k,{children:$.value}),i.jsx(ke,{windowSize:l,sortDataValue:o.sortKey,headerdata:$,children:i.jsx(Se,{windowSize:l,children:i.jsx(we,{})})})]})]}):i.jsx(qi,{windowSize:l,children:i.jsx(Yi,{children:c.map(s=>s.width.value(l)!==0&&i.jsxs(Qi,{companyNameSticky:e,sortDataValue:o.sortKey,actualDataValue:s.key,wrapperWidth:s.width,windowSize:l,children:[i.jsxs(tt,{onClick:()=>u(s.key,s.sortOrder),"data-testid":b("cards-list-sort-clicked",o.sortKey),children:[i.jsx(k,{children:s.value}),i.jsx(ke,{windowSize:l,sortDataValue:o.sortKey,headerdata:s,children:i.jsx(Se,{windowSize:l,children:i.jsx(we,{})})})]}),i.jsx(it,{sortDataValue:o.sortKey,windowSize:l,isVisible:o.sortKey===s.key&&(m?s.key!=="cardName":s.key!=="owner"),children:i.jsx(Xi,{onClick:()=>u(m?"cardName":"owner","ascending"),"data-testid":b("cards-list-sort-cancel",o.sortKey)})})]},s.key))})})}const Ki=Ai.memo(Bi),qi=r.div`
+  top: ${t.sp0};
+  left: ${t.sp0};
   z-index: 2;
   background-color: ${e=>e.theme.colors.grey4};
   position: sticky;
-  padding-top: ${r.sp3};
-`,Zi=t.div`
+  padding-top: ${t.sp3};
+`,Yi=r.div`
   display: flex;
   align-items: center;
   box-sizing: border-box;
   padding: ${z.containerPaddingTop} ${z.containerPaddingRight}
     ${z.containerPaddingBottom} ${z.containerPaddingLeft};
-  margin-left: ${r.sp8};
-  margin-right: ${r.sp8};
+  margin-left: ${t.sp8};
+  margin-right: ${t.sp8};
   justify-content: space-between;
-`,Gi=t(F)`
-  top: ${r.sp0};
-  left: ${r.sp0};
+`,Ji=r(F)`
+  top: ${t.sp0};
+  left: ${t.sp0};
   min-height: ${e=>z.headerHeight.valuePx(e.windowSize)};
   max-height: ${e=>z.headerHeight.valuePx(e.windowSize)};
   width: auto;
@@ -28,14 +28,14 @@ import{j as i,bI as $i,e as V,w as ee,d5 as fi,u as de,go as vi,ie as yi,ig as C
   background-color: ${e=>e.theme.colors.grey4};
   justify-content: space-between;
   position: sticky;
-`,Qi=t.div`
+`,Qi=r.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)};
   min-width: ${e=>e.wrapperWidth.valuePx(e.windowSize)};
   display: flex;
   align-items: center;
-  left: ${r.sp0};
+  left: ${t.sp0};
   justify-content: ${e=>e.actualDataValue==="limit"?"flex-end":"flex-start"};
   ${e=>e.companyNameSticky?$e`
           position: sticky;
@@ -46,54 +46,54 @@ import{j as i,bI as $i,e as V,w as ee,d5 as fi,u as de,go as vi,ie as yi,ig as C
         `};
   box-sizing: border-box;
   overflow: hidden;
-  padding-left: ${r.sp3};
-  padding-right: ${r.sp3};
-`,Ji=t(Oi)`
-  width: ${r.sp3};
-  height: ${r.sp3};
+  padding-left: ${t.sp3};
+  padding-right: ${t.sp3};
+`,Xi=r(Oi)`
+  width: ${t.sp3};
+  height: ${t.sp3};
   cursor: pointer;
   color: ${e=>e.theme.colors.hero};
-`,ke=t.div`
+`,ke=r.div`
   display: flex;
   align-items: center;
   transform: ${e=>e.sortDataValue===e.headerdata.key&&e.headerdata.sortOrder==="descending"?"rotate(180deg)":"rotate(0deg)"};
-`,Se=t.div`
-  width: ${r.sp2};
-  height: ${r.sp2};
+`,Se=r.div`
+  width: ${t.sp2};
+  height: ${t.sp2};
   cursor: pointer;
   color: inherit;
   display: flex;
   align-items: center;
   justify-content: center;
-`,Xi=t.div`
-  gap: ${r.sp1};
+`,Zi=r.div`
+  gap: ${t.sp1};
   display: flex;
   color: ${e=>e.theme.colors.hero};
-`,Yi=t(Mi)`
-  width: ${r.sp3};
-  height: ${r.sp3};
+`,Gi=r(Ei)`
+  width: ${t.sp3};
+  height: ${t.sp3};
   color: inherit;
-`,er=t.div`
-  margin-right: ${r.sp1};
+`,et=r.div`
+  margin-right: ${t.sp1};
   display: flex;
   align-items: center;
-`,ir=t.div`
+`,it=r.div`
   display: ${e=>e.isVisible?"flex":"none"};
   align-items: center;
   padding-top: 2px;
-`,rr=t.div`
+`,tt=r.div`
   display: flex;
   cursor: pointer;
   gap: 5px;
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,tr=t.div`
+`,rt=r.div`
   display: flex;
   cursor: pointer;
   gap: 5px;
   color: ${e=>e.theme.colors.primary};
-`,{common:q,spendManagement:{billPay:{paymentDetails:{feePercent:or}},chargeCard:X}}=_.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)},sr=({cardDetail:e,showViewForCardUser:o,signedInUser:n,resendInviteId:h,index:d,onChargeCardRowClick:l,onChargeCardResendInviteClick:m,onChargeCardRevokeInviteClick:c})=>{const[w,u]=y.useState(!1),[$,S]=y.useState(!1),x=V(),j=!!ee().loggedInUserRole.includes("charge_card_user")||o,s=y.useCallback(()=>{l(e.id,d)},[e.id]),g=De(e)/e.limit.amount*100,f=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(jr,{className:"amountToUtilize",children:`${Math.round(g)}${or}`}):null]}),H=e.type.code,N=X.cardList.tooltip[H],B=N!=null?f?N.self:`${R} ${N.cardUser}`:q.strings.empty;return i.jsx(nr,{windowSize:x,onMouseEnter:()=>S(!0),onMouseLeave:()=>S(!1),children:i.jsx(dr,{onClick:s,"data-testid":b("card-row",e.id),children:i.jsxs(lr,{children:[j?null:i.jsx(M,{children:i.jsxs(cr,{windowSize:x,responsiveWidth:I[0].width,children:[i.jsx(Ue,{personBasic:e.cardHolderUser,styles:{height:r.sp6,width:r.sp6}}),i.jsxs(pr,{children:[i.jsx(hr,{children:i.jsx(mr,{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(Ee,{roles:e.cardHolderRoles?.userRoles})})]})]})}),i.jsx(M,{children:i.jsxs(ur,{windowSize:x,responsiveWidth:I[1].width,children:[i.jsx($r,{title:e.cardName,className:"cardName",children:e.cardName}),i.jsx(Rr,{windowSize:x,children:e.status.code==="request_on_hold"?q.strings.hyphen:X.cardDetails.expiryHideOut+q.strings.space+e.accountLast4})]})}),i.jsx(M,{children:i.jsx(fr,{windowSize:x,responsiveWidth:I[2].width,children:i.jsx(vr,{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(Ne,{size:"Small",start:!0}):i.jsxs(yr,{children:[i.jsx(Sr,{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(Y,{status:e.status.code,style:{cursor:"pointer"}}),i.jsx(br,{style:{marginLeft:r.sp1},className:"infoIconTooltip"})]}):i.jsx(Y,{status:e.status.code})}),e.status.code==="request_on_hold"&&!f?i.jsx(kr,{onClick:v=>{v.stopPropagation(),m(e.id)},"data-testid":b("send-reminder",e.id),children:X.cardList.sendReminder}):null]})})}),i.jsx(M,{children:i.jsx(ze,{windowSize:x,responsiveWidth:I[4].width,children:A})}),i.jsx(M,{children:i.jsxs(xr,{windowSize:x,responsiveWidth:I[5].width,children:[i.jsxs(gr,{windowSize:x,children:[i.jsx(wr,{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(Ir,{className:"menu-icon",children:e.status.code==="request_on_hold"&&!j&&i.jsx(_e,{isMenuVisible:$,menuItems:i.jsx(zr,{children:i.jsx(Lr,{"data-testid":b("menu-button",e.id),onClick:v=>{v.stopPropagation(),u(!1),c(e.id)},children:X.cardDetails.revokeInvite})}),setIsMenuOpen:u,isMenuOpen:w,menuIconStyles:{height:"auto"}})})]})})]})})})},Y=({status:e,style:o})=>{const n=de(),h=ar(e,n),d=_.getLocalizedStrings().spendManagement.chargeCard.cardList.status;return V()==="small"?i.jsx(ue,{textColor:h,text:d[e],tagStyles:{maxWidth:r.sp10,textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap",padding:"1px 6px",...o}}):i.jsx(ue,{textColor:h,text:d[e],styles:o,tagStyles:{padding:"1px 6px"}})},ar=(e,o)=>{switch(e){case"active":return new J(C.success);case"request_on_hold":return new J(C.graphColor36);case"inactive":return new J(C.alert);default:return new J(o.colors.grey1)}},nr=t.div`
+`,{common:q,spendManagement:{billPay:{paymentDetails:{feePercent:ot}},chargeCard:Z}}=M.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)},st=({cardDetail:e,showViewForCardUser:o,signedInUser:n,resendInviteId:h,index:d,onChargeCardRowClick:l,onChargeCardResendInviteClick:m,onChargeCardRevokeInviteClick:c})=>{const[w,u]=C.useState(!1),[$,S]=C.useState(!1),x=_(),j=!!ee().loggedInUserRole.includes("charge_card_user")||o,s=C.useCallback(()=>{l(e.id,d)},[e.id]),g=Ve(e)/e.limit.amount*100,f=e?.cardHolderUserId===n.userId,R=Mi(e.cardHolderUser,!1),V=e.balance,I=Ee(j),A=i.jsxs(i.Fragment,{children:[i.jsx(yt,{title:T("0,0.[00]",V),className:"amountToUtilize",children:T("0,0.[00]",V)}),g!==0?i.jsx(jt,{className:"amountToUtilize",children:`${Math.round(g)}${ot}`}):null]}),H=e.type.code,N=Z.cardList.tooltip[H],B=N!=null?f?N.self:`${R} ${N.cardUser}`:q.strings.empty;return i.jsx(nt,{windowSize:x,onMouseEnter:()=>S(!0),onMouseLeave:()=>S(!1),children:i.jsx(dt,{onClick:s,"data-testid":b("card-row",e.id),children:i.jsxs(lt,{children:[j?null:i.jsx(E,{children:i.jsxs(ct,{windowSize:x,responsiveWidth:I[0].width,children:[i.jsx(De,{personBasic:e.cardHolderUser,styles:{height:t.sp6,width:t.sp6}}),i.jsxs(pt,{children:[i.jsx(ht,{children:i.jsx(mt,{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(Me,{roles:e.cardHolderRoles?.userRoles})})]})]})}),i.jsx(E,{children:i.jsxs(ut,{windowSize:x,responsiveWidth:I[1].width,children:[i.jsx($t,{title:e.cardName,className:"cardName",children:e.cardName}),i.jsx(Rt,{windowSize:x,children:e.status.code==="request_on_hold"?q.strings.hyphen:Z.cardDetails.expiryHideOut+q.strings.space+e.accountLast4})]})}),i.jsx(E,{children:i.jsx(ft,{windowSize:x,responsiveWidth:I[2].width,children:i.jsx(vt,{className:"card-type",children:i.jsx(ce,{cardDetail:e,forDetailPage:!1})})})}),i.jsx(E,{children:i.jsx(ze,{windowSize:x,responsiveWidth:I[3].width,children:h===e.id?i.jsx(Ue,{size:"Small",start:!0}):i.jsxs(Ct,{children:[i.jsx(St,{children:e.status.code==="request_on_hold"?i.jsxs(le,{display:"flex",title:B,placement:"top",style:{padding:`${t.sp2} ${t.sp3}`},children:[i.jsx(G,{status:e.status.code,style:{cursor:"pointer"}}),i.jsx(bt,{style:{marginLeft:t.sp1},className:"infoIconTooltip"})]}):i.jsx(G,{status:e.status.code})}),e.status.code==="request_on_hold"&&!f?i.jsx(kt,{onClick:v=>{v.stopPropagation(),m(e.id)},"data-testid":b("send-reminder",e.id),children:Z.cardList.sendReminder}):null]})})}),i.jsx(E,{children:i.jsx(ze,{windowSize:x,responsiveWidth:I[4].width,children:A})}),i.jsx(E,{children:i.jsxs(xt,{windowSize:x,responsiveWidth:I[5].width,children:[i.jsxs(gt,{windowSize:x,children:[i.jsx(wt,{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(It,{className:"menu-icon",children:e.status.code==="request_on_hold"&&!j&&i.jsx(_e,{isMenuVisible:$,menuItems:i.jsx(zt,{children:i.jsx(Lt,{"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"}})})]})})]})})})},G=({status:e,style:o})=>{const n=de(),h=at(e,n),d=M.getLocalizedStrings().spendManagement.chargeCard.cardList.status;return _()==="small"?i.jsx(ue,{textColor:h,text:d[e],tagStyles:{maxWidth:t.sp10,textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap",padding:"1px 6px",...o}}):i.jsx(ue,{textColor:h,text:d[e],styles:o,tagStyles:{padding:"1px 6px"}})},at=(e,o)=>{switch(e){case"active":return new X(y.success);case"request_on_hold":return new X(y.graphColor36);case"inactive":return new X(y.alert);default:return new X(o.colors.grey1)}},nt=r.div`
   display: flex;
   background-color: ${e=>e.theme.colors.grey5};
   padding-left: ${e=>P.containerPaddingLeft.valuePx(e.windowSize)};
@@ -101,8 +101,8 @@ import{j as i,bI as $i,e as V,w as ee,d5 as fi,u as de,go as vi,ie as yi,ig as C
   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}`};
-  border-radius: ${r.sp2};
+  box-shadow: ${e=>e.theme.mode==="dark"?`${y.dropShadowNormalDark} ${t.sp0} 2px ${t.sp1}`:`${t.sp0} 2px ${t.sp1} ${y.dropShadowNormalLight}`};
+  border-radius: ${t.sp2};
   cursor: pointer;
   &:hover {
     color: ${e=>e.theme.colors.primary};
@@ -127,30 +127,30 @@ import{j as i,bI as $i,e as V,w as ee,d5 as fi,u as de,go as vi,ie as yi,ig as C
   margin-left: ${e=>P.containerMarginLeft.valuePx(e.windowSize)};
   box-sizing: border-box;
   align-items: center;
-`,dr=t.div`
+`,dt=r.div`
   display: block;
   width: 100%;
-`,lr=t.div`
+`,lt=r.div`
   display: flex;
   width: 100%;
   justify-content: space-between;
   align-items: center;
-`,cr=t.div`
+`,ct=r.div`
   display: flex;
-  column-gap: ${r.sp2};
+  column-gap: ${t.sp2};
   align-items: flex-start;
   width: ${e=>e.responsiveWidth.valuePx(e.windowSize)};
   min-width: ${e=>e.responsiveWidth.valuePx(e.windowSize)};
-`,hr=t.div`
+`,ht=r.div`
   display: flex;
   align-items: center;
-  gap: ${r.sp1};
+  gap: ${t.sp1};
   flex-grow: 1;
-  margin-bottom: -${r.sp1};
-`,pr=t.div`
+  margin-bottom: -${t.sp1};
+`,pt=r.div`
   display: flex;
   flex-direction: column;
-`,mr=t(U)`
+`,mt=r(U)`
   color: ${e=>e.theme.colors.hero};
   flex-grow: 1;
   -webkit-line-clamp: ${e=>P.webkitLineClamp.value(e.windowSize)};
@@ -160,21 +160,21 @@ import{j as i,bI as $i,e as V,w as ee,d5 as fi,u as de,go as vi,ie as yi,ig as C
   text-overflow: ellipsis;
   white-space: nowrap;
   text-transform: capitalize;
-`,xr=t.div`
+`,xt=r.div`
   display: flex;
   align-items: center;
   justify-content: flex-end;
   width: ${e=>e.responsiveWidth.valuePx(e.windowSize)};
   min-width: ${e=>e.responsiveWidth.valuePx(e.windowSize)};
   position: relative;
-  padding-right: ${r.sp3};
-`,gr=t(U)`
+  padding-right: ${t.sp3};
+`,gt=r(U)`
   display: flex;
   flex-direction: column;
   color: ${e=>e.theme.colors.hero};
   justify-content: flex-start;
   align-items: flex-end;
-`,wr=t(U)`
+`,wt=r(U)`
   color: ${e=>e.theme.colors.hero};
   flex-grow: 1;
   -webkit-line-clamp: ${e=>P.webkitLineClamp.value(e.windowSize)};
@@ -185,19 +185,19 @@ import{j as i,bI as $i,e as V,w as ee,d5 as fi,u as de,go as vi,ie as yi,ig as C
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  margin-bottom: -${r.sp1};
-`,Ie=t(F)`
+  margin-bottom: -${t.sp1};
+`,Ie=r(F)`
   color: ${e=>e.theme.colors.hero};
   max-width: 100%;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-`,M=t.div`
+`,E=r.div`
   > div {
-    padding-left: ${r.sp3};
+    padding-left: ${t.sp3};
     box-sizing: border-box;
   }
-`,ur=t.div`
+`,ut=r.div`
   width: ${e=>e.responsiveWidth.valuePx(e.windowSize)};
   min-width: ${e=>e.responsiveWidth.valuePx(e.windowSize)};
   box-sizing: border-box;
@@ -205,28 +205,28 @@ import{j as i,bI as $i,e as V,w as ee,d5 as fi,u as de,go as vi,ie as yi,ig as C
   align-items: flex-start;
   flex-direction: column;
   justify-content: center;
-`,$r=t(U)`
+`,$t=r(U)`
   color: ${e=>e.theme.colors.hero};
   max-width: 100%;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  margin-bottom: -${r.sp1};
-`,fr=t(U)`
+  margin-bottom: -${t.sp1};
+`,ft=r(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;
-`,vr=t(U)`
+`,vt=r(U)`
   color: ${e=>e.theme.colors.hero};
   max-width: 100%;
-  padding-right: ${r.sp2};
+  padding-right: ${t.sp2};
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-`,ze=t.div`
+`,ze=r.div`
   position: relative;
   top: 2px;
   width: ${e=>e.responsiveWidth.valuePx(e.windowSize)};
@@ -237,78 +237,78 @@ import{j as i,bI as $i,e as V,w as ee,d5 as fi,u as de,go as vi,ie as yi,ig as C
   flex-direction: column;
   align-items: flex-start;
   justify-content: center;
-`,yr=t.div`
+`,Ct=r.div`
   display: flex;
   align-items: start;
   flex-direction: column;
-`,Cr=t(U)`
+`,yt=r(U)`
   color: ${e=>e.theme.colors.hero};
   max-width: 100%;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-`,jr=t(F)`
+`,jt=r(F)`
   color: ${e=>e.theme.colors.hero};
-`;t(k)`
+`;r(k)`
   display: flex;
-  gap: ${r.sp2};
+  gap: ${t.sp2};
   align-items: center;
   color: ${e=>e.theme.colors.grey1};
-`;t.div`
+`;r.div`
   display: flex;
   align-items: center;
-  gap: ${r.sp2};
-`;t.div`
-  height: ${r.sp1};
-  width: ${r.sp1};
+  gap: ${t.sp2};
+`;r.div`
+  height: ${t.sp1};
+  width: ${t.sp1};
   background-color: ${e=>e.theme.colors.grey1};
   border-radius: 50%;
   opacity: 0.4;
-`;t.div`
+`;r.div`
   display: flex;
   align-items: center;
   white-space: pre-wrap;
-`;const br=t(Te)`
-  width: ${r.sp3};
-  height: ${r.sp3};
+`;const bt=r(Ne)`
+  width: ${t.sp3};
+  height: ${t.sp3};
   margin-bottom: 0;
   color: ${e=>e.theme.colors.hero};
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,kr=t(Ve)`
-  color: ${C.link};
+`,kt=r(Te)`
+  color: ${y.link};
   cursor: pointer;
   &:hover {
     text-decoration: underline;
   }
-`,Sr=t.div`
+`,St=r.div`
   display: flex;
   align-items: center;
-  gap: ${r.sp1};
+  gap: ${t.sp1};
   &:hover {
     .infoIconTooltip {
       color: ${e=>e.theme.colors.primary};
     }
   }
-`,Ir=t.div`
-  min-width: ${r.sp3};
-  margin-left: ${r.sp2};
+`,It=r.div`
+  min-width: ${t.sp3};
+  margin-left: ${t.sp2};
   position: absolute;
-  right: -${r.sp2};
-`,zr=t.div`
-  margin: 5px ${r.sp0};
-`,Lr=t(F)`
-  height: ${r.sp6};
+  right: -${t.sp2};
+`,zt=r.div`
+  margin: 5px ${t.sp0};
+`,Lt=r(F)`
+  height: ${t.sp6};
   display: flex;
   align-items: center;
-  padding: ${r.sp0} ${r.sp3};
-  color: ${C.important};
+  padding: ${t.sp0} ${t.sp3};
+  color: ${y.important};
   cursor: pointer;
   :hover {
     background-color: ${e=>e.theme.colors.background};
   }
-`,Rr=t(F)`
+`,Rt=r(F)`
   color: ${e=>e.theme.colors.hero};
   max-width: 100%;
   overflow: hidden;
@@ -316,14 +316,14 @@ import{j as i,bI as $i,e as V,w as ee,d5 as fi,u as de,go as vi,ie as yi,ig as C
   white-space: nowrap;
   display: flex;
   align-items: center;
-  gap: ${r.sp1};
-`,{spendManagement:{billPay:{paymentDetails:{feePercent:Pr}},chargeCard:D},common:L}=_.getLocalizedStrings(),oe={containerMarginLeft:new p(a[3],a[8]),webkitLineClamp:new p(2,2,1,1,1)},Dr=({cardDetail:e,showViewForCardUser:o,signedInUser:n,resendInviteId:h,index:d,onChargeCardRowClick:l,onChargeCardResendInviteClick:m,onChargeCardRevokeInviteClick:c})=>{const w=!!ee().loggedInUserRole.includes("charge_card_user")||o,u=y.useCallback(()=>{l(e.id,d)},[e.id]);return w?i.jsx(Ur,{cardDetail:e,onRowClick:u}):i.jsx(Nr,{cardDetail:e,signedInUser:n,resendInviteId:h,onRowClick:u,onChargeCardResendInviteClick:m,onChargeCardRevokeInviteClick:c})},Oe=({cardDetail:e})=>{const o=e.balance,n=De(e)/e.limit.amount*100;return i.jsxs(Er,{children:[i.jsx(Hr,{children:T("0,0.[00]",o)}),n!==0?i.jsx(Fr,{children:`${Math.round(n)}${Pr}`}):null]})},Ur=({cardDetail:e,onRowClick:o})=>{const n=V();return i.jsx(Fe,{windowSize:n,children:i.jsx(We,{onClick:o,"data-testid":b("charge-card-user-row",e.id),children:i.jsxs(se,{children:[i.jsx(Qe,{children:i.jsxs(Xe,{cardUser:!0,children:[i.jsxs(Be,{children:[i.jsx(qe,{children:L.labels.cardName}),i.jsxs(Ke,{children:[i.jsx(Ze,{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(ti,{}),i.jsx(ae,{children:e.creditLimitFrequency.name})]})]})]})}),i.jsx(Je,{children:i.jsxs(i.Fragment,{children:[e.status.code!=="request_on_hold"?i.jsx(Oe,{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(oi,{className:"infoIconTooltip"})}):null]})]})})]})})})},Nr=({cardDetail:e,signedInUser:o,resendInviteId:n,onRowClick:h,onChargeCardResendInviteClick:d,onChargeCardRevokeInviteClick:l})=>{const[m,c]=y.useState(!1),w=`${e.cardHolderUser?.firstName??""} ${e.cardHolderUser?.lastName??""}`,u=e?.cardHolderUserId===o.userId,$=V(),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:$,children:i.jsxs(We,{onClick:h,"data-testid":b("charge-card-admin-row",e.id),children:[i.jsxs(se,{children:[i.jsxs(Qe,{children:[i.jsx(Mr,{children:i.jsx(Ue,{personBasic:e.cardHolderUser,styles:{height:r.sp6,width:r.sp6}})}),i.jsx(Or,{children:i.jsxs(Ar,{children:[i.jsx(Tr,{children:i.jsx(Vr,{windowSize:$,title:w,children:w})}),i.jsx(ae,{style:{marginTop:`-${r.sp1}`},children:e.cardHolderRoles?.userRoles!=null&&i.jsx(Ee,{roles:e.cardHolderRoles?.userRoles})})]})})]}),i.jsx(Je,{children:i.jsx(i.Fragment,{children:n===e.id?i.jsx(Ne,{size:"Small",start:!0}):i.jsxs(Qr,{children:[i.jsxs(_r,{children:[e.status.code!=="request_on_hold"?i.jsx(Oe,{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(oi,{className:"infoIconTooltip"})}):null]})]}),e.status.code==="request_on_hold"&&!u?i.jsx(Br,{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(Xe,{cardUser:!1,children:[i.jsxs(Be,{children:[i.jsx(qe,{children:`${L.labels.cardName}`}),i.jsxs(Ke,{children:[i.jsx(Ze,{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(ti,{}),i.jsx(ae,{children:e.creditLimitFrequency.name})]})]})]}),i.jsx(Wr,{children:e.status.code==="request_on_hold"&&i.jsx(qr,{showMenu:!0,className:"menu-icon",children:i.jsx(_e,{menuItems:i.jsx(Zr,{children:i.jsx(Gr,{"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=t.div`
+  gap: ${t.sp1};
+`,{spendManagement:{billPay:{paymentDetails:{feePercent:Pt}},chargeCard:D},common:L}=M.getLocalizedStrings(),oe={containerMarginLeft:new p(a[3],a[8]),webkitLineClamp:new p(2,2,1,1,1)},Dt=({cardDetail:e,showViewForCardUser:o,signedInUser:n,resendInviteId:h,index:d,onChargeCardRowClick:l,onChargeCardResendInviteClick:m,onChargeCardRevokeInviteClick:c})=>{const w=!!ee().loggedInUserRole.includes("charge_card_user")||o,u=C.useCallback(()=>{l(e.id,d)},[e.id]);return w?i.jsx(Ut,{cardDetail:e,onRowClick:u}):i.jsx(Nt,{cardDetail:e,signedInUser:n,resendInviteId:h,onRowClick:u,onChargeCardResendInviteClick:m,onChargeCardRevokeInviteClick:c})},Oe=({cardDetail:e})=>{const o=e.balance,n=Ve(e)/e.limit.amount*100;return i.jsxs(Vt,{children:[i.jsx(Ht,{children:T("0,0.[00]",o)}),n!==0?i.jsx(Ft,{children:`${Math.round(n)}${Pt}`}):null]})},Ut=({cardDetail:e,onRowClick:o})=>{const n=_();return i.jsx(Fe,{windowSize:n,children:i.jsx(We,{onClick:o,"data-testid":b("charge-card-user-row",e.id),children:i.jsxs(se,{children:[i.jsx(Qe,{children:i.jsxs(Ze,{cardUser:!0,children:[i.jsxs(Be,{children:[i.jsx(qe,{children:L.labels.cardName}),i.jsxs(Ke,{children:[i.jsx(Ye,{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(Ge,{children:[i.jsx(ii,{children:L.labels.limit}),i.jsxs(ti,{children:[i.jsx(ei,{children:T("0,0.[00]",e.limit)}),i.jsx(ri,{}),i.jsx(ae,{children:e.creditLimitFrequency.name})]})]})]})}),i.jsx(Xe,{children:i.jsxs(i.Fragment,{children:[e.status.code!=="request_on_hold"?i.jsx(Oe,{cardDetail:e}):null,i.jsxs(Je,{children:[i.jsx(G,{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:`${t.sp2} ${t.sp3}`},children:i.jsx(oi,{className:"infoIconTooltip"})}):null]})]})})]})})})},Nt=({cardDetail:e,signedInUser:o,resendInviteId:n,onRowClick:h,onChargeCardResendInviteClick:d,onChargeCardRevokeInviteClick:l})=>{const[m,c]=C.useState(!1),w=`${e.cardHolderUser?.firstName??""} ${e.cardHolderUser?.lastName??""}`,u=e?.cardHolderUserId===o.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(Fe,{windowSize:$,children:i.jsxs(We,{onClick:h,"data-testid":b("charge-card-admin-row",e.id),children:[i.jsxs(se,{children:[i.jsxs(Qe,{children:[i.jsx(Et,{children:i.jsx(De,{personBasic:e.cardHolderUser,styles:{height:t.sp6,width:t.sp6}})}),i.jsx(Ot,{children:i.jsxs(At,{children:[i.jsx(Tt,{children:i.jsx(_t,{windowSize:$,title:w,children:w})}),i.jsx(ae,{style:{marginTop:`-${t.sp1}`},children:e.cardHolderRoles?.userRoles!=null&&i.jsx(Me,{roles:e.cardHolderRoles?.userRoles})})]})})]}),i.jsx(Xe,{children:i.jsx(i.Fragment,{children:n===e.id?i.jsx(Ue,{size:"Small",start:!0}):i.jsxs(Qt,{children:[i.jsxs(Mt,{children:[e.status.code!=="request_on_hold"?i.jsx(Oe,{cardDetail:e}):null,i.jsxs(Je,{children:[i.jsx(G,{status:e.status.code}),e.status.code==="request_on_hold"?i.jsx(le,{display:"flex",title:j,placement:"top",style:{padding:`${t.sp2} ${t.sp3}`},children:i.jsx(oi,{className:"infoIconTooltip"})}):null]})]}),e.status.code==="request_on_hold"&&!u?i.jsx(Bt,{children:i.jsx(Kt,{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(Be,{children:[i.jsx(qe,{children:`${L.labels.cardName}`}),i.jsxs(Ke,{children:[i.jsx(Ye,{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(Ge,{children:[i.jsx(ii,{children:L.labels.limit}),i.jsxs(ti,{children:[i.jsx(ei,{children:T("0,0.[00]",e.limit)}),i.jsx(ri,{}),i.jsx(ae,{children:e.creditLimitFrequency.name})]})]})]}),i.jsx(Wt,{children:e.status.code==="request_on_hold"&&i.jsx(qt,{showMenu:!0,className:"menu-icon",children:i.jsx(_e,{menuItems:i.jsx(Yt,{children:i.jsx(Jt,{"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=r.div`
   display: flex;
   background-color: ${e=>e.theme.colors.grey5};
   border: ${e=>` 1px solid ${e.theme.colors.grey3}`};
-  padding: ${r.sp3};
-  box-shadow: ${e=>`${r.sp0} 1px 2px ${e.theme.colors.dropShadowNormal}`};
-  border-radius: ${r.sp2};
+  padding: ${t.sp3};
+  box-shadow: ${e=>`${t.sp0} 1px 2px ${e.theme.colors.dropShadowNormal}`};
+  border-radius: ${t.sp2};
   cursor: pointer;
   &:hover {
     color: ${e=>e.theme.colors.primary};
@@ -334,19 +334,19 @@ import{j as i,bI as $i,e as V,w as ee,d5 as fi,u as de,go as vi,ie as yi,ig as C
   }
   margin-right: ${e=>oe.containerMarginLeft.valuePx(e.windowSize)};
   margin-left: ${e=>oe.containerMarginLeft.valuePx(e.windowSize)};
-`,We=t.div`
+`,We=r.div`
   display: block;
   width: 100%;
-`,se=t.div`
+`,se=r.div`
   display: flex;
   width: 100%;
   justify-content: space-between;
-`,Tr=t.div`
+`,Tt=r.div`
   display: flex;
   align-items: center;
-  gap: ${r.sp1};
+  gap: ${t.sp1};
   flex-grow: 1;
-`,Vr=t(U)`
+`,_t=r(U)`
   color: ${e=>e.theme.colors.hero};
   display: -webkit-box;
   -webkit-line-clamp: ${e=>oe.webkitLineClamp.value(e.windowSize)};
@@ -358,126 +358,126 @@ import{j as i,bI as $i,e as V,w as ee,d5 as fi,u as de,go as vi,ie as yi,ig as C
   text-overflow: ellipsis;
   white-space: nowrap;
   text-transform: capitalize;
-`,ae=t(k)`
+`,ae=r(k)`
   color: ${e=>e.theme.colors.hero};
   min-height: 18px;
-`,Ae=t(k)`
+`,Ae=r(k)`
   color: ${e=>e.theme.colors.hero};
   box-sizing: border-box;
   display: flex;
   align-items: flex-start;
   gap: 14px;
-`,He=t.div``,ne=t.div`
+`,He=r.div``,ne=r.div`
   max-width: 155px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-`,Be=t(k)`
+`,Be=r(k)`
   color: ${e=>e.theme.colors.hero};
   display: flex;
   flex-direction: row;
-  gap: ${r.sp2};
-`,_r=t.div`
+  gap: ${t.sp2};
+`,Mt=r.div`
   display: flex;
   flex-direction: column;
-  gap: ${r.sp1};
-`,Er=t.div`
+  gap: ${t.sp1};
+`,Vt=r.div`
   display: flex;
   flex-direction: column;
   align-items: flex-end;
-`,Ke=t.div`
+`,Ke=r.div`
   display: flex;
   flex-direction: column;
   max-width: 155px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-`,qe=t.div``,Ze=t.div`
+`,qe=r.div``,Ye=r.div`
   max-width: 100%;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-`,Ge=t.div`
+`,Je=r.div`
   display: flex;
   align-items: center;
-  gap: ${r.sp1};
-`,Mr=t.div``,Or=t.div``,Fr=t(k)`
+  gap: ${t.sp1};
+`,Et=r.div``,Ot=r.div``,Ft=r(k)`
   color: ${e=>e.theme.colors.hero};
   display: flex;
-  margin-top: -${r.sp1};
-`,Qe=t.div`
+  margin-top: -${t.sp1};
+`,Qe=r.div`
   display: flex;
   flex-direction: row;
-  gap: ${r.sp2};
-`,Je=t.div`
+  gap: ${t.sp2};
+`,Xe=r.div`
   display: flex;
   flex-direction: column;
   align-items: flex-end;
-`,Xe=t.div`
+`,Ze=r.div`
   display: flex;
   flex-direction: column;
-  margin-left: ${e=>e.cardUser?r.sp0:r.sp7};
-`,Wr=t.div`
+  margin-left: ${e=>e.cardUser?t.sp0:t.sp7};
+`,Wt=r.div`
   display: flex;
   flex-direction: column;
   align-items: flex-end;
   position: relative;
-`,Ar=t.div`
+`,At=r.div`
   margin-bottom: 6px;
-`,Ye=t(k)`
+`,Ge=r(k)`
   color: ${e=>e.theme.colors.hero};
   display: flex;
-  gap: ${r.sp6};
+  gap: ${t.sp6};
   align-items: center;
-`,ei=t.div``,ii=t.div``,ri=t.div`
+`,ei=r.div``,ii=r.div``,ti=r.div`
   display: flex;
   align-items: center;
   gap: 6px;
-`,ti=t.div`
+`,ri=r.div`
   border-radius: 100%;
-  width: ${r.sp1};
-  height: ${r.sp1};
+  width: ${t.sp1};
+  height: ${t.sp1};
   background-color: ${e=>e.theme.colors.hero};
-`,Hr=t(k)`
+`,Ht=r(k)`
   color: ${e=>e.theme.colors.hero};
-`,Br=t.div`
+`,Bt=r.div`
   padding-right: 20px;
-`,Kr=t(Ve)`
-  color: ${C.link};
+`,Kt=r(Te)`
+  color: ${y.link};
   cursor: pointer;
   text-align: right;
   &:hover {
     text-decoration: underline;
   }
-`,oi=t(Te)`
-  width: ${r.sp3};
-  height: ${r.sp3};
+`,oi=r(Ne)`
+  width: ${t.sp3};
+  height: ${t.sp3};
   margin-bottom: 0;
   color: ${e=>e.theme.colors.hero};
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,qr=t.div`
+`,qt=r.div`
   position: absolute;
-  right: -${r.sp2};
-  top: ${r.sp2};
-`,Zr=t.div`
+  right: -${t.sp2};
+  top: ${t.sp2};
+`,Yt=r.div`
   border: ${e=>`1px solid ${e.theme.colors.grey3}`};
-`,Gr=t(k)`
-  height: ${r.sp6};
+`,Jt=r(k)`
+  height: ${t.sp6};
   display: flex;
   align-items: center;
-  padding: ${r.sp0} ${r.sp3};
-  color: ${C.important};
+  padding: ${t.sp0} ${t.sp3};
+  color: ${y.important};
   cursor: pointer;
   :hover {
     background-color: ${e=>e.theme.colors.background};
   }
-`,Qr=t.div`
+`,Qt=r.div`
   display: flex;
   align-items: end;
   flex-direction: column;
-`,si=t(k)`
+`,si=r(k)`
   color: ${e=>e.theme.colors.hero};
   max-width: 100%;
   overflow: hidden;
@@ -485,22 +485,22 @@ import{j as i,bI as $i,e as V,w as ee,d5 as fi,u as de,go as vi,ie as yi,ig as C
   white-space: nowrap;
   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:O},common:Z}=_.getLocalizedStrings(),Jr=66,Xr=64,Yr=351,et=136,it=({cardList:e,showViewForCardUser:o,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:E,onChargeCardResendInviteClick:I,onChargeCardRevokeInviteClick:A,onChargeCardRowClick:H,onReloadCards:N,onColumnSortConfigChanged:B})=>{const v=V(),di=ee(),li=fi().analytics,ci=!!di.loggedInUserRole.includes("charge_card_user"),he=de(),[,hi]=vi(),[Q,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(()=>{Q===!0&&setTimeout(()=>{pe(!1)},800)},[Q]);const xe=()=>v!=="small"?yi:ci?Ci:ji,mi=e.length*xe()+Jr+Xr,ge=window.innerHeight-Yr,xi=mi>ge,re=y.useRef(null);y.useEffect(()=>{re.current?.resetAfterIndex(0)},[v,re]);const gi=()=>g==="Error"?i.jsxs(nt,{children:[i.jsx(dt,{onClick:N,"data-testid":b("charge-card-list-reload"),children:i.jsx(lt,{})}),i.jsx(ct,{children:Z.reloadPage.label})]}):g==="Completed"&&e.length===0?i.jsx(bi,{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,...te.largeRegular.cssObject}}):i.jsxs(ni,{children:[f!=null?i.jsxs(xt,{windowSize:v,children:[i.jsx(vt,{windowSize:v,children:i.jsx(yt,{})}),i.jsxs(Ct,{windowSize:v,children:[i.jsxs(gt,{children:[i.jsx(st,{children:O.aiCardAgentText}),Z.strings.space,O.receiptBotMessage,Z.strings.space]}),i.jsxs(ft,{"data-testid":b("charge-card-list-copy-email"),onClick:pi,onMouseEnter:()=>me(!0),onMouseLeave:()=>me(!1),children:[i.jsx(wt,{children:f}),Q===!0?i.jsxs(Re,{children:[i.jsx($t,{}),i.jsx(Le,{children:i.jsx(Pe,{shouldDisplay:ie||Q,color:C.primaryDark,children:Z.copyToClipBoard.copied})})]}):i.jsxs(Re,{children:[i.jsx(ut,{color:ie?he.colors.primary:void 0}),i.jsx(Le,{children:i.jsx(Pe,{shouldDisplay:ie&&v!=="small",children:Z.copyToClipBoard.copy})})]})]})]})]}):null,i.jsx(ht,{windowSize:v,availableHeight:ge,isListTooLarge:xi,children:i.jsx(ki,{children:({height:wi,width:ui})=>i.jsx(Si,{ref:re,height:wi,itemCount:e.length,innerElementType:K=>rt(K,o,B,j,g),itemSize:xe,estimatedItemSize:zi,itemKey:K=>e[K].id,width:ui,overscanCount:Ii,initialScrollOffset:0,children:K=>i.jsx(tt,{...K,resendInviteId:E,onChargeCardResendInviteClick:I,onChargeCardRevokeInviteClick:A,onChargeCardRowClick:H,showViewForCardUser:o,cardList:e,signedInUser:s})})})})]});return i.jsx(at,{fetchState:g,children:gi()})},rt=(e,o,n,h,d)=>i.jsx(ai,{...e,showViewForCardUser:o,onColumnSortConfigChanged:n,uiState:{sortKey:h.sortKey,sortOrder:h.sortOrder},fetchState:d}),ai=y.forwardRef((e,o)=>{const{children:n,style:h,uiState:d,onColumnSortConfigChanged:l,showViewForCardUser:m,...c}=e;return i.jsxs(ni,{ref:o,style:{...h,width:"auto"},...c,children:[i.jsx(Ki,{companyNameSticky:!1,showViewForCardUser:m,onColumnSortConfigChanged:l,sortConfig:{sortKey:d.sortKey,sortOrder:d.sortOrder}}),i.jsx(mt,{children:n})]})});ai.displayName=O.cardList.headerElementDisplayName;const zt=({cardList:e,fetchState:o,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:E,depositAccountListWithDebitCardIssued:I,isChargeCardFeatureEnabled:A,isDebitCardFeatureEnabled:H,isDebitCardSetupEnabled:N,isChargeCardSetupEnabled:B,creditAccount:v})=>($i({componentName:"cards.list",enabled:o==="Completed"}),i.jsx(it,{cardList:e,controllerEmails:R,isChargeCardFeatureEnabled:A,isDebitCardFeatureEnabled:H,isDebitCardSetupEnabled:N,isChargeCardSetupEnabled:B,cashbackInformation:w,creditAccountInformation:u,debitAccountInformation:$,productInformation:S,creditAccount:v,creditAccountRepayment:E,depositAccountListWithDebitCardIssued:I,showViewForCardUser:m,signedInUser:c,fetchState:o,receiptBotEmail:h,searchText:d,resendInviteId:l,onReloadCards:j,onChargeCardRowClick:x,uiState:n,onColumnSortConfigChanged:s,onChargeCardResendInviteClick:g,onChargeCardRevokeInviteClick:f})),tt=({index:e,style:o,cardList:n,showViewForCardUser:h,signedInUser:d,resendInviteId:l,onChargeCardResendInviteClick:m,onChargeCardRevokeInviteClick:c,onChargeCardRowClick:w})=>i.jsx(pt,{style:{...o,width:"100%"},className:"spend-management-list-item",children:i.jsx(ot,{showViewForCardUser:h,cardDetail:n[e],signedInUser:d,resendInviteId:l,index:e,onChargeCardResendInviteClick:m,onChargeCardRevokeInviteClick:c,onChargeCardRowClick:w})},"listItem"+n[e].id),ot=({cardDetail:e,showViewForCardUser:o,signedInUser:n,resendInviteId:h,index:d,onChargeCardResendInviteClick:l,onChargeCardRevokeInviteClick:m,onChargeCardRowClick:c})=>{const w=V()==="small"?Dr:sr;return i.jsx(w,{showViewForCardUser:o,cardDetail:e,signedInUser:n,index:d,onChargeCardRowClick:c,resendInviteId:h,onChargeCardResendInviteClick:l,onChargeCardRevokeInviteClick:m})},st=t(Ui)`
+  gap: ${t.sp1};
+`,J={lastListItemHeight:new p(200,158),bannerWrapperMarginLeftRight:new p(a[3],a[8]),styledAIIconContainerSize:new p(a[3],a[3])},{spendManagement:{chargeCard:O},common:Y}=M.getLocalizedStrings(),Xt=66,Zt=64,Gt=351,er=136,ir=({cardList:e,showViewForCardUser:o,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:V,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]=vi(),[Q,pe]=C.useState(!1),[ie,me]=C.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))};C.useEffect(()=>{Q===!0&&setTimeout(()=>{pe(!1)},800)},[Q]);const xe=()=>v!=="small"?Ci:ci?yi:ji,mi=e.length*xe()+Xt+Zt,ge=window.innerHeight-Gt,xi=mi>ge,te=C.useRef(null);C.useEffect(()=>{te.current?.resetAfterIndex(0)},[v,te]);const gi=()=>g==="Error"?i.jsxs(nr,{children:[i.jsx(dr,{onClick:N,"data-testid":b("charge-card-list-reload"),children:i.jsx(lr,{})}),i.jsx(cr,{children:Y.reloadPage.label})]}):g==="Completed"&&e.length===0?i.jsx(bi,{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,...re.largeRegular.cssObject}}):i.jsxs(ni,{children:[f!=null?i.jsxs(xr,{windowSize:v,children:[i.jsx(vr,{windowSize:v,children:i.jsx(Cr,{})}),i.jsxs(yr,{windowSize:v,children:[i.jsxs(gr,{children:[i.jsx(sr,{children:O.aiCardAgentText}),Y.strings.space,O.receiptBotMessage,Y.strings.space]}),i.jsxs(fr,{"data-testid":b("charge-card-list-copy-email"),onClick:pi,onMouseEnter:()=>me(!0),onMouseLeave:()=>me(!1),children:[i.jsx(wr,{children:f}),Q===!0?i.jsxs(Re,{children:[i.jsx($r,{}),i.jsx(Le,{children:i.jsx(Pe,{shouldDisplay:ie||Q,color:y.primaryDark,children:Y.copyToClipBoard.copied})})]}):i.jsxs(Re,{children:[i.jsx(ur,{color:ie?he.colors.primary:void 0}),i.jsx(Le,{children:i.jsx(Pe,{shouldDisplay:ie&&v!=="small",children:Y.copyToClipBoard.copy})})]})]})]})]}):null,i.jsx(hr,{windowSize:v,availableHeight:ge,isListTooLarge:xi,children:i.jsx(ki,{children:({height:wi,width:ui})=>i.jsx(Si,{ref:te,height:wi,itemCount:e.length,innerElementType:K=>tr(K,o,B,j,g),itemSize:xe,estimatedItemSize:zi,itemKey:K=>e[K].id,width:ui,overscanCount:Ii,initialScrollOffset:0,children:K=>i.jsx(rr,{...K,resendInviteId:V,onChargeCardResendInviteClick:I,onChargeCardRevokeInviteClick:A,onChargeCardRowClick:H,showViewForCardUser:o,cardList:e,signedInUser:s})})})})]});return i.jsx(ar,{fetchState:g,children:gi()})},tr=(e,o,n,h,d)=>i.jsx(ai,{...e,showViewForCardUser:o,onColumnSortConfigChanged:n,uiState:{sortKey:h.sortKey,sortOrder:h.sortOrder},fetchState:d}),ai=C.forwardRef((e,o)=>{const{children:n,style:h,uiState:d,onColumnSortConfigChanged:l,showViewForCardUser:m,...c}=e;return i.jsxs(ni,{ref:o,style:{...h,width:"auto"},...c,children:[i.jsx(Ki,{companyNameSticky:!1,showViewForCardUser:m,onColumnSortConfigChanged:l,sortConfig:{sortKey:d.sortKey,sortOrder:d.sortOrder}}),i.jsx(mr,{children:n})]})});ai.displayName=O.cardList.headerElementDisplayName;const Lr=({cardList:e,fetchState:o,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:V,depositAccountListWithDebitCardIssued:I,isChargeCardFeatureEnabled:A,isDebitCardFeatureEnabled:H,isDebitCardSetupEnabled:N,isChargeCardSetupEnabled:B,creditAccount:v})=>($i({componentName:"cards.list",enabled:o==="Completed"}),i.jsx(ir,{cardList:e,controllerEmails:R,isChargeCardFeatureEnabled:A,isDebitCardFeatureEnabled:H,isDebitCardSetupEnabled:N,isChargeCardSetupEnabled:B,cashbackInformation:w,creditAccountInformation:u,debitAccountInformation:$,productInformation:S,creditAccount:v,creditAccountRepayment:V,depositAccountListWithDebitCardIssued:I,showViewForCardUser:m,signedInUser:c,fetchState:o,receiptBotEmail:h,searchText:d,resendInviteId:l,onReloadCards:j,onChargeCardRowClick:x,uiState:n,onColumnSortConfigChanged:s,onChargeCardResendInviteClick:g,onChargeCardRevokeInviteClick:f})),rr=({index:e,style:o,cardList:n,showViewForCardUser:h,signedInUser:d,resendInviteId:l,onChargeCardResendInviteClick:m,onChargeCardRevokeInviteClick:c,onChargeCardRowClick:w})=>i.jsx(pr,{style:{...o,width:"100%"},className:"spend-management-list-item",children:i.jsx(or,{showViewForCardUser:h,cardDetail:n[e],signedInUser:d,resendInviteId:l,index:e,onChargeCardResendInviteClick:m,onChargeCardRevokeInviteClick:c,onChargeCardRowClick:w})},"listItem"+n[e].id),or=({cardDetail:e,showViewForCardUser:o,signedInUser:n,resendInviteId:h,index:d,onChargeCardResendInviteClick:l,onChargeCardRevokeInviteClick:m,onChargeCardRowClick:c})=>{const w=_()==="small"?Dt:st;return i.jsx(w,{showViewForCardUser:o,cardDetail:e,signedInUser:n,index:d,onChargeCardRowClick:c,resendInviteId:h,onChargeCardResendInviteClick:l,onChargeCardRevokeInviteClick:m})},sr=r(Ui)`
   color: ${e=>e.theme.colors.brandColorSapphire};
-  ${({theme:e})=>e.mode==="dark"&&`color: ${C.brandColorPearl};`}
-`,at=t.div`
+  ${({theme:e})=>e.mode==="dark"&&`color: ${y.brandColorPearl};`}
+`,ar=r.div`
   margin: ${e=>e.fetchState==="Error"?"auto":"unset"};
   display: block;
   height: 100%;
-`,nt=t.div`
+`,nr=r.div`
   display: flex;
   width: 100%;
   height: calc(100% - 60px);
   flex-direction: column;
   justify-content: center;
   align-items: center;
-`,dt=t.div`
+`,dr=r.div`
   height: 96px;
   width: 96px;
   display: flex;
@@ -509,95 +509,95 @@ import{j as i,bI as $i,e as V,w as ee,d5 as fi,u as de,go as vi,ie as yi,ig as C
   background: ${e=>e.theme.colors.background};
   border-radius: 50%;
   cursor: pointer;
-`,lt=t(Li)`
-  height: ${r.sp5};
-  width: ${r.sp5};
+`,lr=r(Li)`
+  height: ${t.sp5};
+  width: ${t.sp5};
   color: ${e=>e.theme.colors.grey1};
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,ct=t(Ri)`
-  margin-top: ${r.sp3};
+`,cr=r(Ri)`
+  margin-top: ${t.sp3};
   color: ${e=>e.theme.colors.hero};
-`,ht=t.div`
+`,hr=r.div`
   position: sticky;
-  height: ${e=>e.isListTooLarge||e.windowSize==="small"?`calc(100vh - ${et}px)`:`${e.availableHeight}px`};
+  height: ${e=>e.isListTooLarge||e.windowSize==="small"?`calc(100vh - ${er}px)`:`${e.availableHeight}px`};
   max-width: 99.9%;
   ${({isListTooLarge:e,windowSize:o})=>(e||o==="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(o)} !important;
-      padding-bottom: ${r.sp9};
+      height: ${J.lastListItemHeight.valuePx(o)} !important;
+      padding-bottom: ${t.sp9};
     }
   `}
-`,pt=t.div`
-  top: ${r.sp0};
-  left: ${r.sp0};
-  padding-bottom: ${r.sp3};
+`,pr=r.div`
+  top: ${t.sp0};
+  left: ${t.sp0};
+  padding-bottom: ${t.sp3};
   box-sizing: border-box;
-`,mt=t.div`
+`,mr=r.div`
   position: relative;
   width: auto;
   height: 100%;
-`,ni=t.div``,xt=t.div`
+`,ni=r.div``,xr=r.div`
   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};
+  padding: ${t.sp3} ${t.sp4};
+  border-radius: ${t.sp2};
   align-items: ${e=>e.windowSize==="small"?"flex-start":"center"};
-  gap: ${r.sp1};
+  gap: ${t.sp1};
   margin: 0
-    ${e=>G.bannerWrapperMarginLeftRight.valuePx(e.windowSize)};
-`,gt=t(Di)`
+    ${e=>J.bannerWrapperMarginLeftRight.valuePx(e.windowSize)};
+`,gr=r(Di)`
   color: ${e=>e.theme.colors.primary};
-`,wt=t(Ni)`
+`,wr=r(Ni)`
   color: ${e=>e.theme.colors.primary};
-`,ut=t(Vi)`
-  height: ${r.sp3};
-  width: ${r.sp3};
+`,ur=r(_i)`
+  height: ${t.sp3};
+  width: ${t.sp3};
   color: ${e=>e.color??e.theme.colors.hero};
   cursor: pointer;
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,$t=t(Ti)`
-  height: ${r.sp3};
-  width: ${r.sp3};
-  color: ${C.success};
-`,ft=t.span`
+`,$r=r(Ti)`
+  height: ${t.sp3};
+  width: ${t.sp3};
+  color: ${y.success};
+`,fr=r.span`
   cursor: pointer;
-`,Le=t.span`
+`,Le=r.span`
   position: absolute;
-  bottom: -${r.sp5};
+  bottom: -${t.sp5};
   z-index: 1;
-  left: ${r.sp2};
-`,Re=t.span`
+  left: ${t.sp2};
+`,Re=r.span`
   position: relative;
-  margin-left: ${r.sp1};
+  margin-left: ${t.sp1};
   top: 2px;
-`,Pe=t(F)`
+`,Pe=r(F)`
   position: relative;
   background: ${e=>e.theme.colors.black};
   color: ${e=>e.color??e.theme.colors.grey1};
-  padding: 2px ${r.sp2};
+  padding: 2px ${t.sp2};
   z-index: 1;
-  border-radius: ${r.sp1};
+  border-radius: ${t.sp1};
   left: -50%;
   display: ${e=>e.shouldDisplay?"block":"none"};
-`,vt=t.div`
-  width: ${e=>G.styledAIIconContainerSize.valuePx(e.windowSize)};
-  min-width: ${e=>G.styledAIIconContainerSize.valuePx(e.windowSize)};
-  height: ${e=>G.styledAIIconContainerSize.valuePx(e.windowSize)};
-  top: ${r.sp1};
+`,vr=r.div`
+  width: ${e=>J.styledAIIconContainerSize.valuePx(e.windowSize)};
+  min-width: ${e=>J.styledAIIconContainerSize.valuePx(e.windowSize)};
+  height: ${e=>J.styledAIIconContainerSize.valuePx(e.windowSize)};
+  top: ${t.sp1};
   position: ${e=>e.windowSize==="small"?"relative":"static"};
-`,yt=t(Pi)`
+`,Cr=r(Pi)`
   color: ${e=>e.theme.colors.brandColorJade};
   width: 100%;
   height: 100%;
-`,Ct=t.div`
+`,yr=r.div`
   width: 100%;
   max-width: ${e=>e.windowSize==="small"?"calc(100% - 20px)":"unset"};
-`;export{zt as A};
+`;export{Lr as M};