@zeniai/web-cockpit-ui 1.14.17-qa → 1.14.18-dev

package/dist/assets/{ChargeCardListTable-BTZu7ldI-HV9pRu0d.js → ChargeCardListTable-oJTQcOkc-HAou4pja.js}

@@ -1,11 +1,11 @@
-import{j as i,e as _,Y as ee,d6 as fi,u as de,ff as $i,i4 as vi,i5 as Ci,i6 as yi,$ as b,M as V,bP as ji,v as te,g as y,aj as bi,bX as ki,i7 as Si,i8 as Ii,o as r,bf as zi,a6 as Li,C as p,ey as Ri,ap as Pi,i9 as Di,a7 as Ui,az as Ni,d as O,fh as Ti,q as a,du as _i,a0 as T,bZ as De,m as Ue,bx as le,bm as Vi,B as k,c0 as we,n as U,h_ as ue,b5 as Ne,bd as Te,ia as Ei,c3 as Mi,a8 as Z,ib as Fi,ic as Oi}from"./index-D3AeqRGt.js";import{b as C,n as t,f as Wi,j as fe}from"./vendor-CnQcJ2Lu.js";import{R as _e}from"./Menu-CbQ6Zkdp-D6lRjeT8.js";import{T as Ve}from"./RoleWithToolTip-B7xRZ-3a-C1CQ4C1p.js";import{R as ce}from"./CardNumberSubText-BTjxrF3b-Dd1chwrY.js";import{_ as Ee}from"./ChargeCardUtils-C3fhOMpV-Bs2JPnXP.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(Fi,Oi)};function Hi({companyNameSticky:e,sortConfig:o,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===o.sortKey?g.sortOrder=o.sortOrder:g.sortOrder="ascending";w(s)},[o.sortKey,o.sortOrder]);const u=(s,g)=>{let $=g;o.sortKey===s&&($=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=V.getLocalizedStrings().spendManagement.chargeCard.cardList;return l==="small"?i.jsxs(Ji,{windowSize:l,children:[i.jsxs(Zi,{children:[i.jsx(Qi,{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: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(rr,{onClick:()=>u(f.key,f.sortOrder),"data-testid":b("mobile-cards-list-sort-clicked",o.sortKey),children:[i.jsx(k,{children:f.value}),i.jsx(ke,{windowSize:l,sortDataValue:o.sortKey,headerdata:f,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(Xi,{companyNameSticky:e,sortDataValue:o.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",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(er,{sortDataValue:o.sortKey,windowSize:l,isVisible:o.sortKey===s.key&&(m?s.key!=="cardName":s.key!=="owner"),children:i.jsx(Yi,{onClick:()=>u(m?"cardName":"owner","ascending"),"data-testid":b("cards-list-sort-cancel",o.sortKey)})})]},s.key))})})}const Ki=Wi.memo(Hi),Bi=t.div`
+import{j as i,X as V,w as ee,d3 as fi,u as de,fd as $i,i1 as vi,i2 as Ci,i3 as yi,_ as b,M as _,bM as ji,f as oe,g as y,aj as bi,bU as ki,i4 as Si,i5 as Ii,o as r,bf as zi,a6 as Li,C as p,ev as Ri,ap as Pi,i6 as Di,a7 as Ui,az as Ni,v as F,ff as Ti,q as a,dr as Vi,a0 as T,bW as De,c as Ue,bt as le,bm as _i,m as k,bZ as we,e as U,hX as ue,b5 as Ne,bd as Te,i7 as Mi,c0 as Ei,a8 as G,i8 as Oi,i9 as Fi}from"./index-C5chxI3W.js";import{b as C,n as o,f as Wi,j as fe}from"./vendor-CnQcJ2Lu.js";import{R as Ve}from"./Menu-CIjXHu3p-BVUzW_3W.js";import{T as _e}from"./RoleWithToolTip-XfK92pcD-DtUyDW-U.js";import{R as ce}from"./CardNumberSubText-CewmMWju-DJiRPNiZ.js";import{_ as Me}from"./ChargeCardUtils-DBEgXAMc-DYsQMmpv.js";const W=_.getLocalizedStrings().spendManagement.chargeCard.cardList.header,Ai=_.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)},Ee=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=V(),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===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=_.getLocalizedStrings().spendManagement.chargeCard.cardList;return l==="small"?i.jsxs(Ji,{windowSize:l,children:[i.jsxs(Gi,{children:[i.jsx(Yi,{children:i.jsx(Qi,{})}),i.jsx(_i,{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(qi,{windowSize:l,children:i.jsx(Bi,{children:c.map(s=>s.width.value(l)!==0&&i.jsxs(Xi,{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 Ki=Wi.memo(Hi),qi=o.div`
   top: ${r.sp0};
   left: ${r.sp0};
   z-index: 2;
   background-color: ${e=>e.theme.colors.grey4};
   position: sticky;
   padding-top: ${r.sp3};
-`,qi=t.div`
+`,Bi=o.div`
   display: flex;
   align-items: center;
   box-sizing: border-box;
@@ -14,7 +14,7 @@ import{j as i,e as _,Y as ee,d6 as fi,u as de,ff as $i,i4 as vi,i5 as Ci,i6 as y
   margin-left: ${r.sp8};
   margin-right: ${r.sp8};
   justify-content: space-between;
-`,Ji=t(O)`
+`,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,e as _,Y as ee,d6 as fi,u as de,ff as $i,i4 as vi,i5 as Ci,i6 as y
   background-color: ${e=>e.theme.colors.grey4};
   justify-content: space-between;
   position: sticky;
-`,Xi=t.div`
+`,Xi=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)};
@@ -48,16 +48,16 @@ import{j as i,e as _,Y as ee,d6 as fi,u as de,ff as $i,i4 as vi,i5 as Ci,i6 as y
   overflow: hidden;
   padding-left: ${r.sp3};
   padding-right: ${r.sp3};
-`,Yi=t(Mi)`
+`,Zi=o(Ei)`
   width: ${r.sp3};
   height: ${r.sp3};
   cursor: pointer;
   color: ${e=>e.theme.colors.hero};
-`,ke=t.div`
+`,ke=o.div`
   display: flex;
   align-items: center;
   transform: ${e=>e.sortDataValue===e.headerdata.key&&e.headerdata.sortOrder==="descending"?"rotate(180deg)":"rotate(0deg)"};
-`,Se=t.div`
+`,Se=o.div`
   width: ${r.sp2};
   height: ${r.sp2};
   cursor: pointer;
@@ -65,35 +65,35 @@ import{j as i,e as _,Y as ee,d6 as fi,u as de,ff as $i,i4 as vi,i5 as Ci,i6 as y
   display: flex;
   align-items: center;
   justify-content: center;
-`,Zi=t.div`
+`,Gi=o.div`
   gap: ${r.sp1};
   display: flex;
   color: ${e=>e.theme.colors.hero};
-`,Gi=t(Ei)`
+`,Qi=o(Mi)`
   width: ${r.sp3};
   height: ${r.sp3};
   color: inherit;
-`,Qi=t.div`
+`,Yi=o.div`
   margin-right: ${r.sp1};
   display: flex;
   align-items: center;
-`,er=t.div`
+`,er=o.div`
   display: ${e=>e.isVisible?"flex":"none"};
   align-items: center;
   padding-top: 2px;
-`,ir=t.div`
+`,ir=o.div`
   display: flex;
   cursor: pointer;
   gap: 5px;
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,rr=t.div`
+`,rr=o.div`
   display: flex;
   cursor: pointer;
   gap: 5px;
   color: ${e=>e.theme.colors.primary};
-`,{common:q,spendManagement:{billPay:{paymentDetails:{feePercent:tr}},chargeCard:G}}=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)},or=({cardDetail:e,showViewForCardUser:o,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")||o,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)}${tr}`}):null]}),H=e.type.code,N=G.cardList.tooltip[H],K=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:G.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:K,placement:"top",style:{padding:`${r.sp2} ${r.sp3}`},children:[i.jsx(Q,{status:e.status.code,style:{cursor:"pointer"}}),i.jsx(jr,{style:{marginLeft:r.sp1},className:"infoIconTooltip"})]}):i.jsx(Q,{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:G.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:G.cardDetails.revokeInvite})}),setIsMenuOpen:u,isMenuOpen:w,menuIconStyles:{height:"auto"}})})]})})]})})})},Q=({status:e,style:o})=>{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",...o}}):i.jsx(ue,{textColor:h,text:d[e],styles:o,tagStyles:{padding:"1px 6px"}})},sr=(e,o)=>{switch(e){case"active":return new Z(y.success);case"request_on_hold":return new Z(y.graphColor36);case"inactive":return new Z(y.alert);default:return new Z(o.colors.grey1)}},ar=t.div`
+`,{common:B,spendManagement:{billPay:{paymentDetails:{feePercent:or}},chargeCard:Q}}=_.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=V(),j=!!ee().loggedInUserRole.includes("charge_card_user")||t,s=C.useCallback(()=>{l(e.id,d)},[e.id]),g=Me(e)/e.limit.amount*100,$=e?.cardHolderUserId===n.userId,R=Vi(e.cardHolderUser,!1),M=e.balance,I=Ee(j),A=i.jsxs(i.Fragment,{children:[i.jsx(Cr,{title:T("0,0.[00]",M),className:"amountToUtilize",children:T("0,0.[00]",M)}),g!==0?i.jsx(yr,{className:"amountToUtilize",children:`${Math.round(g)}${or}`}):null]}),H=e.type.code,N=Q.cardList.tooltip[H],K=N!=null?$?N.self:`${R} ${N.cardUser}`:B.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(E,{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===B.strings.empty?B.strings.hyphen:R})}),i.jsx(Ie,{className:"additionalInfoContainer",children:e.cardHolderRoles?.userRoles!=null&&i.jsx(_e,{roles:e.cardHolderRoles?.userRoles})})]})]})}),i.jsx(E,{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"?B.strings.hyphen:Q.cardDetails.expiryHideOut+B.strings.space+e.accountLast4})]})}),i.jsx(E,{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(E,{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: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"&&!$?i.jsx(br,{onClick:v=>{v.stopPropagation(),m(e.id)},"data-testid":b("send-reminder",e.id),children:Q.cardList.sendReminder}):null]})})}),i.jsx(E,{children:i.jsx(ze,{windowSize:x,responsiveWidth:I[4].width,children:A})}),i.jsx(E,{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(Ve,{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"}})})]})})]})})})},Y=({status:e,style:t})=>{const n=de(),h=sr(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",...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)};
@@ -127,30 +127,30 @@ import{j as i,e as _,Y as ee,d6 as fi,u as de,ff as $i,i4 as vi,i5 as Ci,i6 as y
   margin-left: ${e=>P.containerMarginLeft.valuePx(e.windowSize)};
   box-sizing: border-box;
   align-items: center;
-`,nr=t.div`
+`,nr=o.div`
   display: block;
   width: 100%;
-`,dr=t.div`
+`,dr=o.div`
   display: flex;
   width: 100%;
   justify-content: space-between;
   align-items: center;
-`,lr=t.div`
+`,lr=o.div`
   display: flex;
   column-gap: ${r.sp2};
   align-items: flex-start;
   width: ${e=>e.responsiveWidth.valuePx(e.windowSize)};
   min-width: ${e=>e.responsiveWidth.valuePx(e.windowSize)};
-`,cr=t.div`
+`,cr=o.div`
   display: flex;
   align-items: center;
   gap: ${r.sp1};
   flex-grow: 1;
   margin-bottom: -${r.sp1};
-`,hr=t.div`
+`,hr=o.div`
   display: flex;
   flex-direction: column;
-`,pr=t(U)`
+`,pr=o(U)`
   color: ${e=>e.theme.colors.hero};
   flex-grow: 1;
   -webkit-line-clamp: ${e=>P.webkitLineClamp.value(e.windowSize)};
@@ -160,7 +160,7 @@ import{j as i,e as _,Y as ee,d6 as fi,u as de,ff as $i,i4 as vi,i5 as Ci,i6 as y
   text-overflow: ellipsis;
   white-space: nowrap;
   text-transform: capitalize;
-`,mr=t.div`
+`,mr=o.div`
   display: flex;
   align-items: center;
   justify-content: flex-end;
@@ -168,13 +168,13 @@ import{j as i,e as _,Y as ee,d6 as fi,u as de,ff as $i,i4 as vi,i5 as Ci,i6 as y
   min-width: ${e=>e.responsiveWidth.valuePx(e.windowSize)};
   position: relative;
   padding-right: ${r.sp3};
-`,xr=t(U)`
+`,xr=o(U)`
   display: flex;
   flex-direction: column;
   color: ${e=>e.theme.colors.hero};
   justify-content: flex-start;
   align-items: flex-end;
-`,gr=t(U)`
+`,gr=o(U)`
   color: ${e=>e.theme.colors.hero};
   flex-grow: 1;
   -webkit-line-clamp: ${e=>P.webkitLineClamp.value(e.windowSize)};
@@ -186,18 +186,18 @@ import{j as i,e as _,Y as ee,d6 as fi,u as de,ff as $i,i4 as vi,i5 as Ci,i6 as y
   text-overflow: ellipsis;
   white-space: nowrap;
   margin-bottom: -${r.sp1};
-`,Ie=t(O)`
+`,Ie=o(F)`
   color: ${e=>e.theme.colors.hero};
   max-width: 100%;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-`,M=t.div`
+`,E=o.div`
   > div {
     padding-left: ${r.sp3};
     box-sizing: border-box;
   }
-`,wr=t.div`
+`,wr=o.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,e as _,Y as ee,d6 as fi,u as de,ff as $i,i4 as vi,i5 as Ci,i6 as y
   align-items: flex-start;
   flex-direction: column;
   justify-content: center;
-`,ur=t(U)`
+`,ur=o(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)`
+`,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;
-`,$r=t(U)`
+`,$r=o(U)`
   color: ${e=>e.theme.colors.hero};
   max-width: 100%;
   padding-right: ${r.sp2};
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-`,ze=t.div`
+`,ze=o.div`
   position: relative;
   top: 2px;
   width: ${e=>e.responsiveWidth.valuePx(e.windowSize)};
@@ -237,38 +237,38 @@ import{j as i,e as _,Y as ee,d6 as fi,u as de,ff as $i,i4 as vi,i5 as Ci,i6 as y
   flex-direction: column;
   align-items: flex-start;
   justify-content: center;
-`,vr=t.div`
+`,vr=o.div`
   display: flex;
   align-items: start;
   flex-direction: column;
-`,Cr=t(U)`
+`,Cr=o(U)`
   color: ${e=>e.theme.colors.hero};
   max-width: 100%;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-`,yr=t(O)`
+`,yr=o(F)`
   color: ${e=>e.theme.colors.hero};
-`;t(k)`
+`;o(k)`
   display: flex;
   gap: ${r.sp2};
   align-items: center;
   color: ${e=>e.theme.colors.grey1};
-`;t.div`
+`;o.div`
   display: flex;
   align-items: center;
   gap: ${r.sp2};
-`;t.div`
+`;o.div`
   height: ${r.sp1};
   width: ${r.sp1};
   background-color: ${e=>e.theme.colors.grey1};
   border-radius: 50%;
   opacity: 0.4;
-`;t.div`
+`;o.div`
   display: flex;
   align-items: center;
   white-space: pre-wrap;
-`;const jr=t(Ne)`
+`;const jr=o(Ne)`
   width: ${r.sp3};
   height: ${r.sp3};
   margin-bottom: 0;
@@ -276,13 +276,13 @@ import{j as i,e as _,Y as ee,d6 as fi,u as de,ff as $i,i4 as vi,i5 as Ci,i6 as y
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,br=t(Te)`
+`,br=o(Te)`
   color: ${y.link};
   cursor: pointer;
   &:hover {
     text-decoration: underline;
   }
-`,kr=t.div`
+`,kr=o.div`
   display: flex;
   align-items: center;
   gap: ${r.sp1};
@@ -291,14 +291,14 @@ import{j as i,e as _,Y as ee,d6 as fi,u as de,ff as $i,i4 as vi,i5 as Ci,i6 as y
       color: ${e=>e.theme.colors.primary};
     }
   }
-`,Sr=t.div`
+`,Sr=o.div`
   min-width: ${r.sp3};
   margin-left: ${r.sp2};
   position: absolute;
   right: -${r.sp2};
-`,Ir=t.div`
+`,Ir=o.div`
   margin: 5px ${r.sp0};
-`,zr=t(O)`
+`,zr=o(F)`
   height: ${r.sp6};
   display: flex;
   align-items: center;
@@ -308,7 +308,7 @@ import{j as i,e as _,Y as ee,d6 as fi,u as de,ff as $i,i4 as vi,i5 as Ci,i6 as y
   :hover {
     background-color: ${e=>e.theme.colors.background};
   }
-`,Lr=t(O)`
+`,Lr=o(F)`
   color: ${e=>e.theme.colors.hero};
   max-width: 100%;
   overflow: hidden;
@@ -317,7 +317,7 @@ import{j as i,e as _,Y as ee,d6 as fi,u as de,ff as $i,i4 as vi,i5 as Ci,i6 as y
   display: flex;
   align-items: center;
   gap: ${r.sp1};
-`,{spendManagement:{billPay:{paymentDetails:{feePercent:Rr}},chargeCard:D},common:L}=V.getLocalizedStrings(),oe={containerMarginLeft:new p(a[3],a[8]),webkitLineClamp:new p(2,2,1,1,1)},Pr=({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(Dr,{cardDetail:e,onRowClick:u}):i.jsx(Ur,{cardDetail:e,signedInUser:n,resendInviteId:h,onRowClick:u,onChargeCardResendInviteClick:m,onChargeCardRevokeInviteClick:c})},Fe=({cardDetail:e})=>{const o=e.balance,n=Ee(e)/e.limit.amount*100;return i.jsxs(Vr,{children:[i.jsx(Ar,{children:T("0,0.[00]",o)}),n!==0?i.jsx(Fr,{children:`${Math.round(n)}${Rr}`}):null]})},Dr=({cardDetail:e,onRowClick:o})=>{const n=_();return i.jsx(Oe,{windowSize:n,children:i.jsx(We,{onClick:o,"data-testid":b("charge-card-user-row",e.id),children:i.jsxs(se,{children:[i.jsx(Ye,{children:i.jsxs(Ge,{cardUser:!0,children:[i.jsxs(Ke,{children:[i.jsx(qe,{children:L.labels.cardName}),i.jsxs(Be,{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(Qe,{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(Ze,{children:i.jsxs(i.Fragment,{children:[e.status.code!=="request_on_hold"?i.jsx(Fe,{cardDetail:e}):null,i.jsxs(Xe,{children:[i.jsx(Q,{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]})]})})]})})})},Ur=({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,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(Oe,{windowSize:f,children:i.jsxs(We,{onClick:h,"data-testid":b("charge-card-admin-row",e.id),children:[i.jsxs(se,{children:[i.jsxs(Ye,{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(Ze,{children:i.jsx(i.Fragment,{children:n===e.id?i.jsx(Ue,{size:"Small",start:!0}):i.jsxs(Xr,{children:[i.jsxs(_r,{children:[e.status.code!=="request_on_hold"?i.jsx(Fe,{cardDetail:e}):null,i.jsxs(Xe,{children:[i.jsx(Q,{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(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(Ge,{cardUser:!1,children:[i.jsxs(Ke,{children:[i.jsx(qe,{children:`${L.labels.cardName}`}),i.jsxs(Be,{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(Qe,{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(Or,{children:e.status.code==="request_on_hold"&&i.jsx(Br,{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)"}})})})]})]})})},Oe=t.div`
+`,{spendManagement:{billPay:{paymentDetails:{feePercent:Rr}},chargeCard:D},common:L}=_.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=Me(e)/e.limit.amount*100;return i.jsxs(_r,{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=V();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(Ke,{children:[i.jsx(Be,{children:L.labels.cardName}),i.jsxs(qe,{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(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(Ge,{children:i.jsxs(i.Fragment,{children:[e.status.code!=="request_on_hold"?i.jsx(Oe,{cardDetail:e}):null,i.jsxs(Xe,{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]=C.useState(!1),w=`${e.cardHolderUser?.firstName??""} ${e.cardHolderUser?.lastName??""}`,u=e?.cardHolderUserId===t.userId,f=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: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(Mr,{children:i.jsx(De,{personBasic:e.cardHolderUser,styles:{height:r.sp6,width:r.sp6}})}),i.jsx(Er,{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(_e,{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(Xr,{children:[i.jsxs(Vr,{children:[e.status.code!=="request_on_hold"?i.jsx(Oe,{cardDetail:e}):null,i.jsxs(Xe,{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(Qe,{cardUser:!1,children:[i.jsxs(Ke,{children:[i.jsx(Be,{children:`${L.labels.cardName}`}),i.jsxs(qe,{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(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(Fr,{children:e.status.code==="request_on_hold"&&i.jsx(qr,{showMenu:!0,className:"menu-icon",children:i.jsx(Ve,{menuItems:i.jsx(Br,{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}`};
@@ -332,24 +332,24 @@ import{j as i,e as _,Y as ee,d6 as fi,u as de,ff as $i,i4 as vi,i5 as Ci,i6 as y
       color: ${e=>e.theme.colors.primary};
     }
   }
-  margin-right: ${e=>oe.containerMarginLeft.valuePx(e.windowSize)};
-  margin-left: ${e=>oe.containerMarginLeft.valuePx(e.windowSize)};
-`,We=t.div`
+  margin-right: ${e=>te.containerMarginLeft.valuePx(e.windowSize)};
+  margin-left: ${e=>te.containerMarginLeft.valuePx(e.windowSize)};
+`,We=o.div`
   display: block;
   width: 100%;
-`,se=t.div`
+`,se=o.div`
   display: flex;
   width: 100%;
   justify-content: space-between;
-`,Nr=t.div`
+`,Nr=o.div`
   display: flex;
   align-items: center;
   gap: ${r.sp1};
   flex-grow: 1;
-`,Tr=t(U)`
+`,Tr=o(U)`
   color: ${e=>e.theme.colors.hero};
   display: -webkit-box;
-  -webkit-line-clamp: ${e=>oe.webkitLineClamp.value(e.windowSize)};
+  -webkit-line-clamp: ${e=>te.webkitLineClamp.value(e.windowSize)};
   -webkit-box-orient: vertical;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -358,98 +358,98 @@ import{j as i,e as _,Y as ee,d6 as fi,u as de,ff as $i,i4 as vi,i5 as Ci,i6 as y
   text-overflow: ellipsis;
   white-space: nowrap;
   text-transform: capitalize;
-`,ae=t(k)`
+`,ae=o(k)`
   color: ${e=>e.theme.colors.hero};
   min-height: 18px;
-`,Ae=t(k)`
+`,Ae=o(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=o.div``,ne=o.div`
   max-width: 155px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-`,Ke=t(k)`
+`,Ke=o(k)`
   color: ${e=>e.theme.colors.hero};
   display: flex;
   flex-direction: row;
   gap: ${r.sp2};
-`,_r=t.div`
+`,Vr=o.div`
   display: flex;
   flex-direction: column;
   gap: ${r.sp1};
-`,Vr=t.div`
+`,_r=o.div`
   display: flex;
   flex-direction: column;
   align-items: flex-end;
-`,Be=t.div`
+`,qe=o.div`
   display: flex;
   flex-direction: column;
   max-width: 155px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-`,qe=t.div``,Je=t.div`
+`,Be=o.div``,Je=o.div`
   max-width: 100%;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-`,Xe=t.div`
+`,Xe=o.div`
   display: flex;
   align-items: center;
   gap: ${r.sp1};
-`,Er=t.div``,Mr=t.div``,Fr=t(k)`
+`,Mr=o.div``,Er=o.div``,Or=o(k)`
   color: ${e=>e.theme.colors.hero};
   display: flex;
   margin-top: -${r.sp1};
-`,Ye=t.div`
+`,Ze=o.div`
   display: flex;
   flex-direction: row;
   gap: ${r.sp2};
-`,Ze=t.div`
+`,Ge=o.div`
   display: flex;
   flex-direction: column;
   align-items: flex-end;
-`,Ge=t.div`
+`,Qe=o.div`
   display: flex;
   flex-direction: column;
   margin-left: ${e=>e.cardUser?r.sp0:r.sp7};
-`,Or=t.div`
+`,Fr=o.div`
   display: flex;
   flex-direction: column;
   align-items: flex-end;
   position: relative;
-`,Wr=t.div`
+`,Wr=o.div`
   margin-bottom: 6px;
-`,Qe=t(k)`
+`,Ye=o(k)`
   color: ${e=>e.theme.colors.hero};
   display: flex;
   gap: ${r.sp6};
   align-items: center;
-`,ei=t.div``,ii=t.div``,ri=t.div`
+`,ei=o.div``,ii=o.div``,ri=o.div`
   display: flex;
   align-items: center;
   gap: 6px;
-`,ti=t.div`
+`,oi=o.div`
   border-radius: 100%;
   width: ${r.sp1};
   height: ${r.sp1};
   background-color: ${e=>e.theme.colors.hero};
-`,Ar=t(k)`
+`,Ar=o(k)`
   color: ${e=>e.theme.colors.hero};
-`,Hr=t.div`
+`,Hr=o.div`
   padding-right: 20px;
-`,Kr=t(Te)`
+`,Kr=o(Te)`
   color: ${y.link};
   cursor: pointer;
   text-align: right;
   &:hover {
     text-decoration: underline;
   }
-`,oi=t(Ne)`
+`,ti=o(Ne)`
   width: ${r.sp3};
   height: ${r.sp3};
   margin-bottom: 0;
@@ -457,13 +457,13 @@ import{j as i,e as _,Y as ee,d6 as fi,u as de,ff as $i,i4 as vi,i5 as Ci,i6 as y
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,Br=t.div`
+`,qr=o.div`
   position: absolute;
   right: -${r.sp2};
   top: ${r.sp2};
-`,qr=t.div`
+`,Br=o.div`
   border: ${e=>`1px solid ${e.theme.colors.grey3}`};
-`,Jr=t(k)`
+`,Jr=o(k)`
   height: ${r.sp6};
   display: flex;
   align-items: center;
@@ -473,11 +473,11 @@ import{j as i,e as _,Y as ee,d6 as fi,u as de,ff as $i,i4 as vi,i5 as Ci,i6 as y
   :hover {
     background-color: ${e=>e.theme.colors.background};
   }
-`,Xr=t.div`
+`,Xr=o.div`
   display: flex;
   align-items: end;
   flex-direction: column;
-`,si=t(k)`
+`,si=o(k)`
   color: ${e=>e.theme.colors.hero};
   max-width: 100%;
   overflow: hidden;
@@ -486,21 +486,21 @@ import{j as i,e as _,Y as ee,d6 as fi,u as de,ff as $i,i4 as vi,i5 as Ci,i6 as y
   display: flex;
   align-items: center;
   gap: ${r.sp1};
-`,X={lastListItemHeight:new p(200,158),bannerWrapperMarginLeftRight:new p(a[3],a[8]),styledAIIconContainerSize:new p(a[3],a[3])},{spendManagement:{chargeCard:F},common:J}=V.getLocalizedStrings(),Yr=66,Zr=64,Gr=351,Qr=136,et=({cardList:e,showViewForCardUser:o,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:K})=>{const v=_(),di=ee(),li=fi().analytics,ci=!!di.loggedInUserRole.includes("charge_card_user"),he=de(),[,hi]=$i(),[Y,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(()=>{Y===!0&&setTimeout(()=>{pe(!1)},800)},[Y]);const xe=()=>v!=="small"?vi:ci?Ci:yi,mi=e.length*xe()+Yr+Zr,ge=window.innerHeight-Gr,xi=mi>ge,re=C.useRef(null);C.useEffect(()=>{re.current?.resetAfterIndex(0)},[v,re]);const gi=()=>g==="Error"?i.jsxs(at,{children:[i.jsx(nt,{onClick:N,"data-testid":b("charge-card-list-reload"),children:i.jsx(dt,{})}),i.jsx(lt,{children:J.reloadPage.label})]}):g==="Completed"&&e.length===0?i.jsx(ji,{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,...te.largeRegular.cssObject}}):i.jsxs(ni,{children:[$!=null?i.jsxs(mt,{windowSize:v,children:[i.jsx($t,{windowSize:v,children:i.jsx(vt,{})}),i.jsxs(Ct,{windowSize:v,children:[i.jsxs(xt,{children:[i.jsx(ot,{children:F.aiCardAgentText}),J.strings.space,F.receiptBotMessage,J.strings.space]}),i.jsxs(ft,{"data-testid":b("charge-card-list-copy-email"),onClick:pi,onMouseEnter:()=>me(!0),onMouseLeave:()=>me(!1),children:[i.jsx(gt,{children:$}),Y===!0?i.jsxs(Re,{children:[i.jsx(ut,{}),i.jsx(Le,{children:i.jsx(Pe,{shouldDisplay:ie||Y,color:y.primaryDark,children:J.copyToClipBoard.copied})})]}):i.jsxs(Re,{children:[i.jsx(wt,{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(ct,{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:B=>it(B,o,K,j,g),itemSize:xe,estimatedItemSize:Ii,itemKey:B=>e[B].id,width:ui,overscanCount:Si,initialScrollOffset:0,children:B=>i.jsx(rt,{...B,resendInviteId:E,onChargeCardResendInviteClick:I,onChargeCardRevokeInviteClick:A,onChargeCardRowClick:H,showViewForCardUser:o,cardList:e,signedInUser:s})})})})]});return i.jsx(st,{fetchState:g,children:gi()})},it=(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(pt,{children:n})]})});ai.displayName=F.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: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:K,creditAccount:v})=>i.jsx(et,{cardList:e,controllerEmails:R,isChargeCardFeatureEnabled:A,isDebitCardFeatureEnabled:H,isDebitCardSetupEnabled:N,isChargeCardSetupEnabled:K,cashbackInformation:w,creditAccountInformation:u,debitAccountInformation:f,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:$}),rt=({index:e,style:o,cardList:n,showViewForCardUser:h,signedInUser:d,resendInviteId:l,onChargeCardResendInviteClick:m,onChargeCardRevokeInviteClick:c,onChargeCardRowClick:w})=>i.jsx(ht,{style:{...o,width:"100%"},className:"spend-management-list-item",children:i.jsx(tt,{showViewForCardUser:h,cardDetail:n[e],signedInUser:d,resendInviteId:l,index:e,onChargeCardResendInviteClick:m,onChargeCardRevokeInviteClick:c,onChargeCardRowClick:w})},"listItem"+n[e].id),tt=({cardDetail:e,showViewForCardUser:o,signedInUser:n,resendInviteId:h,index:d,onChargeCardResendInviteClick:l,onChargeCardRevokeInviteClick:m,onChargeCardRowClick:c})=>{const w=_()==="small"?Pr:or;return i.jsx(w,{showViewForCardUser:o,cardDetail:e,signedInUser:n,index:d,onChargeCardRowClick:c,resendInviteId:h,onChargeCardResendInviteClick:l,onChargeCardRevokeInviteClick:m})},ot=t(Di)`
+`,X={lastListItemHeight:new p(200,158),bannerWrapperMarginLeftRight:new p(a[3],a[8]),styledAIIconContainerSize:new p(a[3],a[3])},{spendManagement:{chargeCard:O},common:J}=_.getLocalizedStrings(),Zr=66,Gr=64,Qr=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:f,debitAccountInformation:S,depositAccountListWithDebitCardIssued:x,uiState:j,signedInUser:s,fetchState:g,receiptBotEmail:$,searchText:R,resendInviteId:M,onChargeCardResendInviteClick:I,onChargeCardRevokeInviteClick:A,onChargeCardRowClick:H,onReloadCards:N,onColumnSortConfigChanged:K})=>{const v=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:q=>io(q,t,K,j,g),itemSize:xe,estimatedItemSize:Ii,itemKey:q=>e[q].id,width:ui,overscanCount:Si,initialScrollOffset:0,children:q=>i.jsx(ro,{...q,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=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(Ki,{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: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:f,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:$}),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=V()==="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: ${y.brandColorPearl};`}
-`,st=t.div`
+`,so=o.div`
   margin: ${e=>e.fetchState==="Error"?"auto":"unset"};
   display: block;
   height: 100%;
-`,at=t.div`
+`,ao=o.div`
   display: flex;
   width: 100%;
   height: calc(100% - 60px);
   flex-direction: column;
   justify-content: center;
   align-items: center;
-`,nt=t.div`
+`,no=o.div`
   height: 96px;
   width: 96px;
   display: flex;
@@ -509,37 +509,37 @@ import{j as i,e as _,Y as ee,d6 as fi,u as de,ff as $i,i4 as vi,i5 as Ci,i6 as y
   background: ${e=>e.theme.colors.background};
   border-radius: 50%;
   cursor: pointer;
-`,dt=t(zi)`
+`,lo=o(zi)`
   height: ${r.sp5};
   width: ${r.sp5};
   color: ${e=>e.theme.colors.grey1};
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,lt=t(Li)`
+`,co=o(Li)`
   margin-top: ${r.sp3};
   color: ${e=>e.theme.colors.hero};
-`,ct=t.div`
+`,ho=o.div`
   position: sticky;
-  height: ${e=>e.isListTooLarge||e.windowSize==="small"?`calc(100vh - ${Qr}px)`:`${e.availableHeight}px`};
+  height: ${e=>e.isListTooLarge||e.windowSize==="small"?`calc(100vh - ${Yr}px)`:`${e.availableHeight}px`};
   max-width: 99.9%;
-  ${({isListTooLarge:e,windowSize:o})=>(e||o==="small")&&`
+  ${({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: ${X.lastListItemHeight.valuePx(o)} !important;
+      height: ${X.lastListItemHeight.valuePx(t)} !important;
       padding-bottom: ${r.sp9};
     }
   `}
-`,ht=t.div`
+`,po=o.div`
   top: ${r.sp0};
   left: ${r.sp0};
   padding-bottom: ${r.sp3};
   box-sizing: border-box;
-`,pt=t.div`
+`,mo=o.div`
   position: relative;
   width: auto;
   height: 100%;
-`,ni=t.div``,mt=t.div`
+`,ni=o.div``,xo=o.div`
   display: flex;
   border: 1.25px solid transparent;
   background: ${e=>`linear-gradient(${e.theme.colors.grey4}, ${e.theme.colors.grey4}) padding-box,
@@ -551,11 +551,11 @@ import{j as i,e as _,Y as ee,d6 as fi,u as de,ff as $i,i4 as vi,i5 as Ci,i6 as y
   gap: ${r.sp1};
   margin: 0
     ${e=>X.bannerWrapperMarginLeftRight.valuePx(e.windowSize)};
-`,xt=t(Pi)`
+`,go=o(Pi)`
   color: ${e=>e.theme.colors.primary};
-`,gt=t(Ui)`
+`,wo=o(Ui)`
   color: ${e=>e.theme.colors.primary};
-`,wt=t(Ti)`
+`,uo=o(Ti)`
   height: ${r.sp3};
   width: ${r.sp3};
   color: ${e=>e.color??e.theme.colors.hero};
@@ -563,22 +563,22 @@ import{j as i,e as _,Y as ee,d6 as fi,u as de,ff as $i,i4 as vi,i5 as Ci,i6 as y
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,ut=t(Ni)`
+`,fo=o(Ni)`
   height: ${r.sp3};
   width: ${r.sp3};
   color: ${y.success};
-`,ft=t.span`
+`,$o=o.span`
   cursor: pointer;
-`,Le=t.span`
+`,Le=o.span`
   position: absolute;
   bottom: -${r.sp5};
   z-index: 1;
   left: ${r.sp2};
-`,Re=t.span`
+`,Re=o.span`
   position: relative;
   margin-left: ${r.sp1};
   top: 2px;
-`,Pe=t(O)`
+`,Pe=o(F)`
   position: relative;
   background: ${e=>e.theme.colors.black};
   color: ${e=>e.color??e.theme.colors.grey1};
@@ -587,17 +587,17 @@ import{j as i,e as _,Y as ee,d6 as fi,u as de,ff as $i,i4 as vi,i5 as Ci,i6 as y
   border-radius: ${r.sp1};
   left: -50%;
   display: ${e=>e.shouldDisplay?"block":"none"};
-`,$t=t.div`
+`,vo=o.div`
   width: ${e=>X.styledAIIconContainerSize.valuePx(e.windowSize)};
   min-width: ${e=>X.styledAIIconContainerSize.valuePx(e.windowSize)};
   height: ${e=>X.styledAIIconContainerSize.valuePx(e.windowSize)};
   top: ${r.sp1};
   position: ${e=>e.windowSize==="small"?"relative":"static"};
-`,vt=t(Ri)`
+`,Co=o(Ri)`
   color: ${e=>e.theme.colors.brandColorJade};
   width: 100%;
   height: 100%;
-`,Ct=t.div`
+`,yo=o.div`
   width: 100%;
   max-width: ${e=>e.windowSize==="small"?"calc(100% - 20px)":"unset"};
-`;export{zt as A};
+`;export{Lo as A};