@zeniai/web-components 3.16.60 → 3.16.61

package/dist/ChargeCardListTable-CcIWVNbx.cjs

@@ -0,0 +1,711 @@
+"use strict";const s=require("./vendor-.pnpm-CT-Z_-kn.cjs"),h=require("react"),o=require("@emotion/styled"),t=require("./index-CSb-Shbe.cjs"),Ce=require("./Menu-CTajMS2N.cjs"),ee=require("./common-D8igl28g.cjs"),Me=require("@emotion/react"),ot=require("./ZeniAvatar-OHR8-Q_f.cjs"),nt=require("./RoleWithToolTip-BJftXh4a.cjs"),ye=require("./CardNumberSubText-Bos2Am9f.cjs"),it=require("./ChargeCardUtils-BD81N-Ha.cjs"),$e=require("./spend-limit-K8ydp2My.cjs"),rt=require("./unlock-BuRCTqwN.cjs"),ie=t.appLocale.getLocalizedStrings().spendManagement.chargeCard.cardList.header,Ut=t.appLocale.getLocalizedStrings().common.strings.empty,He={key:"owner",value:ie.owner,sortOrder:"ascending",width:new t.ResponsiveSized(120,120,160,200,200)},Oe={key:"cardName",value:ie.cardName,sortOrder:"ascending",width:new t.ResponsiveSized(120,120,160,171,171)},Pe={key:"cardType",value:ie.cardType,sortOrder:"ascending",width:new t.ResponsiveSized(120,120,130,170,170)},We={key:"status",value:ie.status,sortOrder:"ascending",width:new t.ResponsiveSized(115,115,125,132,132)},Be={key:"utilisation",value:ie.utilisation,sortOrder:"ascending",width:new t.ResponsiveSized(t.sp[11],t.sp[11],t.sp[11],t.sp[12],120)},Ue={key:"limit",value:ie.limit,sortOrder:"ascending",width:new t.ResponsiveSized(68,68,68,120,120)},at=e=>e===!0?[{...He,width:new t.ResponsiveSized(0,0),value:Ut},Oe,Pe,We,Be,Ue]:[He,Oe,Pe,We,Be,Ue],{common:le,spendManagement:{billPay:{paymentDetails:{feePercent:qt}},chargeCard:y}}=t.appLocale.getLocalizedStrings(),A={containerPaddingLeft:new t.ResponsiveSized(t.sp[3],t.sp[2]),containerPaddingRight:new t.ResponsiveSized(t.sp[2],t.sp[3]),containerPaddingTop:new t.ResponsiveSized(t.sp[2],t.sp[3]),containerPaddingBottom:new t.ResponsiveSized(t.sp[2],t.sp[3]),containerMarginLeft:new t.ResponsiveSized(t.sp[4],t.sp[0]),containerMarginRight:new t.ResponsiveSized(t.sp[4],t.sp[0]),webkitLineClamp:new t.ResponsiveSized(2,1,1,1,1),cardHolderNamePaddingLeft:new t.ResponsiveSized(t.sp[0],t.sp[3])};var lt=(e=>(e.CLOSE="close",e.LOCK="lock",e.UNLOCK="unlock",e.RENAME="rename",e.UPDATE_SPEND_LIMIT="update_spend_limit",e.REVOKE_INVITE="revoke_invite",e))(lt||{});const Vt={moreItemFont:new t.ResponsiveSizedStyle("extraSmallRegular","smallRegular")},Kt=({setCardIdForRowAction:e,setActionTypeForRowAction:n,rowActionView:i,revokeChargeCardsInviteFetchState:c,unlockChargeCardsFetchState:d,cardsSelectedForBulkAction:a,cardDetail:r,isCardControlsEnabled:l,showViewForCardUser:x,signedInUser:E,resendInviteId:g,index:j,onChargeCardRowClick:C,onChargeCardResendInviteClick:f})=>{const[m,p]=h.useState(!1),[S,R]=h.useState(!1);h.useEffect(()=>{m||R(!1)},[m]),h.useEffect(()=>{a.length>0&&m&&(p(!1),R(!1))},[a.length,m]);const z=i.cardId===r.id,v=a.includes(r.id),I=z&&i.unlockChargeCardsFetchState.fetchState==="In-Progress"||v&&d==="In-Progress",_=z&&i.revokeChargeCardFetchState.fetchState==="In-Progress"||v&&c==="In-Progress",u=I||_,w=t.useWindowSizeContext(),T=!!t.useGlobalInfoContext().loggedInUserRole.includes("charge_card_user")||x,V=h.useCallback(()=>{C(r.id,j)},[r.id]),H=it.getCardUtilizedAmount(r)/r.limit.amount*100,N=r?.cardHolderUserId===E.userId,M=r.status.code!=="closed"&&r.status.code!=="closed_by_customer",O=t.getFullName(r.cardHolderUser,!1),K=r.balance,$=at(T),B=s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[s.jsxRuntimeExports.jsx(t.Loader,{isLoading:u,customStyle:{width:t.Space.sp9,height:"20px",borderRadius:t.Space.sp1},children:s.jsxRuntimeExports.jsx(ls,{title:t.amountToString("0,0.[00]",K),className:"amountToUtilize",children:t.amountToString("0,0.[00]",K)})}),H!==0?s.jsxRuntimeExports.jsx(t.Loader,{isLoading:u,customStyle:{width:t.Space.sp11,height:t.Space.sp3,borderRadius:t.Space.sp1},children:s.jsxRuntimeExports.jsx(cs,{className:"amountToUtilize",children:`${Math.round(H)}${qt}`})}):null]}),P=r.type.code,Q=y.cardList.tooltip[P],X=Q!=null?N?Q.self:`${O} ${Q.cardUser}`:le.strings.empty;return s.jsxRuntimeExports.jsx(Zt,{windowSize:w,children:s.jsxRuntimeExports.jsx(Jt,{onClick:V,"data-testid":t.generateDataTestId("card-row",r.id),children:s.jsxRuntimeExports.jsxs(Xt,{children:[T?null:s.jsxRuntimeExports.jsx(oe,{children:s.jsxRuntimeExports.jsxs(Yt,{windowSize:w,responsiveWidth:$[0].width,children:[s.jsxRuntimeExports.jsx(t.Loader,{isLoading:u,flex:"0 0",customStyle:{width:t.Space.sp6,height:t.Space.sp6,borderRadius:"50%"},children:s.jsxRuntimeExports.jsx(ot.ZeniAvatar,{personBasic:r.cardHolderUser,styles:{height:t.Space.sp6,width:t.Space.sp6,minWidth:t.Space.sp6}})}),s.jsxRuntimeExports.jsxs(Ft,{isLoading:u,children:[s.jsxRuntimeExports.jsx(At,{isLoading:u,children:s.jsxRuntimeExports.jsx(t.Loader,{isLoading:u,customStyle:{width:"88px",height:"20px",borderRadius:t.Space.sp1},children:s.jsxRuntimeExports.jsx(Dt,{windowSize:w,title:O,className:"cardHolderName",children:O===le.strings.empty?le.strings.hyphen:O})})}),s.jsxRuntimeExports.jsx(t.Loader,{isLoading:u,customStyle:{width:"104px",height:t.Space.sp3,borderRadius:t.Space.sp1},children:s.jsxRuntimeExports.jsx(Ge,{className:"additionalInfoContainer",children:r.cardHolderRoles?.userRoles!=null&&s.jsxRuntimeExports.jsx(nt.RoleWithToolTip,{roles:r.cardHolderRoles?.userRoles})})})]})]})}),s.jsxRuntimeExports.jsx(oe,{children:s.jsxRuntimeExports.jsxs(os,{isLoading:u,windowSize:w,responsiveWidth:$[1].width,children:[s.jsxRuntimeExports.jsx(t.Loader,{isLoading:u,customStyle:{width:"88px",height:"20px",borderRadius:t.Space.sp1},children:s.jsxRuntimeExports.jsx(ns,{title:r.cardName,className:"cardName",children:r.cardName})}),s.jsxRuntimeExports.jsxs(t.Loader,{isLoading:u,customStyle:{width:"104px",height:t.Space.sp3,borderRadius:t.Space.sp1},children:[" ",s.jsxRuntimeExports.jsx(hs,{windowSize:w,className:"cardNameSubText",children:r.status.code==="request_on_hold"?le.strings.hyphen:y.cardDetails.expiryHideOut+le.strings.space+r.accountLast4})]})]})}),s.jsxRuntimeExports.jsx(oe,{children:s.jsxRuntimeExports.jsx(is,{windowSize:w,responsiveWidth:$[2].width,children:s.jsxRuntimeExports.jsx(rs,{className:"card-type",children:s.jsxRuntimeExports.jsx(t.Loader,{isLoading:u,customStyle:{width:"144px",height:t.Space.sp4,borderRadius:t.Space.sp1},children:s.jsxRuntimeExports.jsx(ye.CardNumberSubText,{cardDetail:r,forDetailPage:!1})})})})}),s.jsxRuntimeExports.jsx(oe,{children:s.jsxRuntimeExports.jsx(Ze,{windowSize:w,isLoading:u,responsiveWidth:$[3].width,children:s.jsxRuntimeExports.jsx(t.Loader,{isLoading:u,customStyle:{width:"112px",height:t.Space.sp4,borderRadius:t.Space.sp1},children:g===r.id?s.jsxRuntimeExports.jsx(t.ActivityIndicator,{size:"Small",start:!0}):s.jsxRuntimeExports.jsxs(as,{children:[s.jsxRuntimeExports.jsx(xs,{children:r.status.code==="request_on_hold"?s.jsxRuntimeExports.jsxs(t.Tooltip,{display:"flex",title:X,placement:"top",style:{padding:`${t.Space.sp2} ${t.Space.sp3}`},children:[s.jsxRuntimeExports.jsx(he,{status:r.status.code,style:{cursor:"pointer"}}),s.jsxRuntimeExports.jsx(ds,{style:{marginLeft:t.Space.sp1},className:"infoIconTooltip"})]}):s.jsxRuntimeExports.jsx(he,{status:r.status.code})}),r.status.code==="request_on_hold"&&!N?s.jsxRuntimeExports.jsx(ps,{onClick:G=>{G.stopPropagation(),f(r.id)},"data-testid":t.generateDataTestId("send-reminder",r.id),children:y.cardList.sendReminder}):null]})})})}),s.jsxRuntimeExports.jsx(oe,{children:s.jsxRuntimeExports.jsx(Ze,{windowSize:w,isLoading:u,responsiveWidth:$[4].width,children:B})}),s.jsxRuntimeExports.jsx(oe,{children:s.jsxRuntimeExports.jsxs(es,{windowSize:w,responsiveWidth:$[5].width,children:[s.jsxRuntimeExports.jsxs(ts,{windowSize:w,isLoading:u,children:[s.jsxRuntimeExports.jsx(t.Loader,{isLoading:u,customStyle:{width:"68px",height:"20px",borderRadius:t.Space.sp1},children:s.jsxRuntimeExports.jsx(ss,{className:"limitAmount",windowSize:w,title:t.amountToString("0,0.[00]",r.limit),children:t.amountToString("0,0.[00]",r.limit)})}),s.jsxRuntimeExports.jsx(Ge,{className:"additionalInfoContainer",children:s.jsxRuntimeExports.jsx(t.Loader,{isLoading:u,customStyle:{width:t.Space.sp8,height:t.Space.sp3,borderRadius:t.Space.sp1},children:r.creditLimitFrequency.name})})]}),s.jsxRuntimeExports.jsx(ms,{className:"menu-icon",onMouseEnter:()=>{!m&&M&&R(!0)},onMouseLeave:()=>{M&&R(!1)},children:(()=>{const G=r.status.code==="locked",re=r.status.code==="closed"||r.status.code==="closed_by_customer",L=T?l&&!u&&!re&&!(G&&r.isLockedByAdmin):l?!u&&M:r.status.code==="request_on_hold",Y=a.length>0;return L&&s.jsxRuntimeExports.jsx(t.Tooltip,{open:S&&!m&&!Y,variant:"standard",title:y.cardList.moreActionsTooltip,placement:"bottom-end",children:s.jsxRuntimeExports.jsx(Ce.Menu,{isMenuVisible:!0,menuItems:s.jsxRuntimeExports.jsx(us,{children:s.jsxRuntimeExports.jsx(ct,{cardDetail:r,isCardControlsEnabled:l,isChargeCardUser:T,setIsMenuOpen:p,setCardIdForRowAction:e,setActionTypeForRowAction:n})}),setIsMenuOpen:ve=>{Y||p(ve)},isMenuOpen:m&&!Y,menuIconStyles:{height:"auto",cursor:Y?"not-allowed":"pointer",opacity:Y?.5:1,pointerEvents:Y?"none":"auto"},styles:{transform:`translate(${t.Space.sp3},${t.Space.sp2})`}})})})()})]})})]})})})},ct=({cardDetail:e,isCardControlsEnabled:n,isChargeCardUser:i,setIsMenuOpen:c,setCardIdForRowAction:d,setActionTypeForRowAction:a})=>{const r=t.useWindowSizeContext();return n?e.status.code==="request_on_hold"?s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[s.jsxRuntimeExports.jsxs(b,{windowSize:r,onClick:l=>{l.stopPropagation(),c(!1),d(e.id),a("rename")},children:[s.jsxRuntimeExports.jsx(se,{}),s.jsxRuntimeExports.jsx(U,{children:y.cardDetails.moreOptions.rename})]}),s.jsxRuntimeExports.jsx(xe,{}),s.jsxRuntimeExports.jsxs(b,{hoverImportant:!0,windowSize:r,onClick:l=>{l.stopPropagation(),c(!1),d(e.id),a("revoke_invite")},children:[s.jsxRuntimeExports.jsx(Qt,{}),s.jsxRuntimeExports.jsx(ce,{children:y.cardDetails.revokeInvite})]})]}):e.status.code==="inactive"?s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[s.jsxRuntimeExports.jsxs(b,{windowSize:r,onClick:l=>{l.stopPropagation(),c(!1),d(e.id),a("rename")},children:[s.jsxRuntimeExports.jsx(se,{}),s.jsxRuntimeExports.jsx(U,{children:y.cardDetails.moreOptions.rename})]}),s.jsxRuntimeExports.jsx(xe,{}),s.jsxRuntimeExports.jsxs(b,{hoverImportant:!0,windowSize:r,onClick:l=>{l.stopPropagation(),c(!1),d(e.id),a("close")},children:[s.jsxRuntimeExports.jsx(Se,{}),s.jsxRuntimeExports.jsx(ce,{children:y.cardDetails.moreOptions.close})]})]}):e.status.code==="locked"?i?s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[s.jsxRuntimeExports.jsxs(b,{windowSize:r,onClick:l=>{l.stopPropagation(),c(!1),d(e.id),a("unlock")},children:[s.jsxRuntimeExports.jsx(Ke,{}),s.jsxRuntimeExports.jsx(U,{children:y.cardDetails.moreOptions.unlock})]}),s.jsxRuntimeExports.jsxs(b,{windowSize:r,onClick:l=>{l.stopPropagation(),c(!1),d(e.id),a("rename")},children:[s.jsxRuntimeExports.jsx(se,{}),s.jsxRuntimeExports.jsx(U,{children:y.cardDetails.moreOptions.rename})]})]}):s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[s.jsxRuntimeExports.jsxs(b,{windowSize:r,onClick:l=>{l.stopPropagation(),c(!1),d(e.id),a("unlock")},children:[s.jsxRuntimeExports.jsx(Ke,{}),s.jsxRuntimeExports.jsx(U,{children:y.cardDetails.moreOptions.unlock})]}),s.jsxRuntimeExports.jsxs(b,{windowSize:r,onClick:l=>{l.stopPropagation(),c(!1),d(e.id),a("rename")},children:[s.jsxRuntimeExports.jsx(se,{}),s.jsxRuntimeExports.jsx(U,{children:y.cardDetails.moreOptions.rename})]}),s.jsxRuntimeExports.jsxs(b,{windowSize:r,onClick:l=>{l.stopPropagation(),c(!1),d(e.id),a("update_spend_limit")},children:[s.jsxRuntimeExports.jsx(qe,{}),s.jsxRuntimeExports.jsx(U,{children:y.cardDetails.moreOptions.updateSpendLimit})]}),s.jsxRuntimeExports.jsx(xe,{}),s.jsxRuntimeExports.jsxs(b,{hoverImportant:!0,windowSize:r,onClick:l=>{l.stopPropagation(),c(!1),d(e.id),a("close")},children:[s.jsxRuntimeExports.jsx(Se,{}),s.jsxRuntimeExports.jsx(ce,{children:y.cardDetails.moreOptions.close})]})]}):i?s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[s.jsxRuntimeExports.jsxs(b,{windowSize:r,onClick:l=>{l.stopPropagation(),c(!1),d(e.id),a("rename")},children:[s.jsxRuntimeExports.jsx(se,{}),s.jsxRuntimeExports.jsx(U,{children:y.cardDetails.moreOptions.rename})]}),s.jsxRuntimeExports.jsxs(b,{windowSize:r,onClick:l=>{l.stopPropagation(),c(!1),d(e.id),a("lock")},children:[s.jsxRuntimeExports.jsx(Ve,{}),s.jsxRuntimeExports.jsx(U,{children:y.cardDetails.moreOptions.lock})]})]}):s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[s.jsxRuntimeExports.jsxs(b,{windowSize:r,onClick:l=>{l.stopPropagation(),c(!1),d(e.id),a("update_spend_limit")},children:[s.jsxRuntimeExports.jsx(qe,{}),s.jsxRuntimeExports.jsx(U,{children:y.cardDetails.moreOptions.updateSpendLimit})]}),s.jsxRuntimeExports.jsxs(b,{windowSize:r,onClick:l=>{l.stopPropagation(),c(!1),d(e.id),a("rename")},children:[s.jsxRuntimeExports.jsx(se,{}),s.jsxRuntimeExports.jsx(U,{children:y.cardDetails.moreOptions.rename})]}),s.jsxRuntimeExports.jsxs(b,{windowSize:r,onClick:l=>{l.stopPropagation(),c(!1),d(e.id),a("lock")},children:[s.jsxRuntimeExports.jsx(Ve,{}),s.jsxRuntimeExports.jsx(U,{children:y.cardDetails.moreOptions.lock})]}),s.jsxRuntimeExports.jsx(xe,{}),s.jsxRuntimeExports.jsxs(b,{windowSize:r,hoverImportant:!0,onClick:l=>{l.stopPropagation(),c(!1),d(e.id),a("close")},children:[s.jsxRuntimeExports.jsx(Se,{}),s.jsxRuntimeExports.jsx(ce,{children:y.cardDetails.moreOptions.close})]})]}):e.status.code==="request_on_hold"?s.jsxRuntimeExports.jsx(b,{hoverImportant:!0,windowSize:r,onClick:l=>{l.stopPropagation(),c(!1),d(e.id),a("revoke_invite")},children:s.jsxRuntimeExports.jsx(ce,{children:y.cardDetails.revokeInvite})}):null},he=({status:e,style:n})=>{const i=s.useTheme(),c=Gt(e,i),d=t.appLocale.getLocalizedStrings().spendManagement.chargeCard.cardList.status;return t.useWindowSizeContext()==="small"?s.jsxRuntimeExports.jsx(t.Tag,{textColor:c,text:d[e],tagStyles:{maxWidth:t.Space.sp10,textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap",padding:"1px 6px",...n}}):s.jsxRuntimeExports.jsx(t.Tag,{textColor:c,text:d[e],styles:n,tagStyles:{padding:"1px 6px"}})},Gt=(e,n)=>{switch(e){case"active":return new s.Color(t.Colors.success);case"request_on_hold":return new s.Color(t.Colors.graphColor36);case"inactive":return new s.Color(t.Colors.alert);default:return new s.Color(n.colors.grey1)}},U=o(t.StandardRegular)`
+  color: inherit;
+`,ce=o(t.StandardRegular)`
+  color: ${t.Colors.important};
+`,Zt=o.div`
+  display: flex;
+  background-color: ${e=>e.theme.colors.grey5};
+  padding-left: ${e=>A.containerPaddingLeft.valuePx(e.windowSize)};
+  padding-right: ${e=>A.containerPaddingRight.valuePx(e.windowSize)};
+  padding-top: ${e=>A.containerPaddingTop.valuePx(e.windowSize)};
+  padding-bottom: ${e=>A.containerPaddingBottom.valuePx(e.windowSize)};
+  border: ${e=>`1px solid ${e.theme.colors.grey3}`};
+  box-shadow: ${e=>e.theme.mode==="dark"?`${t.Colors.dropShadowNormalDark} ${t.Space.sp0} 2px ${t.Space.sp1}`:`${t.Space.sp0} 2px ${t.Space.sp1} ${t.Colors.dropShadowNormalLight}`};
+  border-radius: ${t.Space.sp2};
+  width: 100%;
+  cursor: pointer;
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+    border-color: ${e=>e.theme.colors.primary};
+    .cardHolderName,
+    .additionalInfoContainer,
+    .amountToUtilize,
+    .cardName,
+    .cardNameSubText,
+    .limitAmount,
+    .card-type {
+      color: ${e=>e.theme.colors.primary};
+    }
+    .physical-card-icon {
+      color: ${e=>e.theme.colors.primary};
+    }
+    .roles-count-wrapper {
+      border-color: ${e=>e.theme.colors.primary};
+    }
+  }
+
+  margin-right: ${e=>A.containerMarginLeft.valuePx(e.windowSize)};
+  margin-left: ${e=>A.containerMarginRight.valuePx(e.windowSize)};
+  margin-bottom: ${t.Space.sp3};
+  box-sizing: border-box;
+  align-items: center;
+`,Jt=o.div`
+  display: block;
+  width: 100%;
+`,Qt=o(rt.SvgUnassigned)`
+  width: ${t.Space.sp4};
+  height: ${t.Space.sp4};
+  color: ${t.Colors.important};
+`,Se=o($e.SvgCloseCard)`
+  width: ${t.Space.sp4};
+  height: ${t.Space.sp4};
+  color: ${t.Colors.important};
+`,qe=o($e.SvgSpendLimit)`
+  width: ${t.Space.sp4};
+  height: ${t.Space.sp4};
+  color: inherit;
+`,se=o(t.SvgEdit)`
+  width: ${t.Space.sp4};
+  height: ${t.Space.sp4};
+  color: inherit;
+`,Ve=o(t.SvgLock)`
+  width: ${t.Space.sp4};
+  height: ${t.Space.sp4};
+  color: inherit;
+`,Ke=o(rt.SvgUnlock)`
+  width: ${t.Space.sp4};
+  height: ${t.Space.sp4};
+  color: inherit;
+`,Xt=o.div`
+  display: flex;
+  width: 100%;
+  justify-content: space-between;
+  align-items: center;
+`,Yt=o.div`
+  display: flex;
+  column-gap: ${t.Space.sp2};
+  align-items: flex-start;
+  width: ${e=>e.responsiveWidth.valuePx(e.windowSize)};
+  min-width: ${e=>e.responsiveWidth.valuePx(e.windowSize)};
+`,At=o.div`
+  display: flex;
+  align-items: center;
+  gap: ${t.Space.sp1};
+  flex-grow: 1;
+  margin-bottom: ${e=>e.isLoading?0:`-${t.Space.sp1}`};
+`,Ft=o.div`
+  display: flex;
+  flex-direction: column;
+  gap: ${e=>e.isLoading?t.Space.sp1:t.Space.sp0};
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+`,Dt=o(t.StandardRegular)`
+  color: ${e=>e.theme.colors.hero};
+  flex-grow: 1;
+  -webkit-line-clamp: ${e=>A.webkitLineClamp.value(e.windowSize)};
+  -webkit-box-orient: vertical;
+  max-width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  text-transform: capitalize;
+`,es=o.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: ${t.Space.sp6};
+`,ts=o(t.StandardRegular)`
+  display: flex;
+  flex-direction: column;
+  color: ${e=>e.theme.colors.hero};
+  justify-content: flex-start;
+  align-items: flex-end;
+  gap: ${e=>e.isLoading?t.Space.sp1:t.Space.sp0};
+`,ss=o(t.StandardRegular)`
+  color: ${e=>e.theme.colors.hero};
+  flex-grow: 1;
+  -webkit-line-clamp: ${e=>A.webkitLineClamp.value(e.windowSize)};
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  max-width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  margin-bottom: -${t.Space.sp1};
+`,Ge=o(t.SmallRegular)`
+  color: ${e=>e.theme.colors.hero};
+  max-width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+`,oe=o.div`
+  > div {
+    padding-left: ${t.Space.sp3};
+    box-sizing: border-box;
+  }
+`,os=o.div`
+  width: ${e=>e.responsiveWidth.valuePx(e.windowSize)};
+  min-width: ${e=>e.responsiveWidth.valuePx(e.windowSize)};
+  box-sizing: border-box;
+  display: flex;
+  align-items: flex-start;
+  flex-direction: column;
+  justify-content: center;
+  gap: ${e=>e.isLoading?t.Space.sp1:t.Space.sp0};
+`,ns=o(t.StandardRegular)`
+  color: ${e=>e.theme.colors.hero};
+  max-width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  margin-bottom: -${t.Space.sp1};
+`,is=o(t.StandardRegular)`
+  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;
+`,rs=o(t.StandardRegular)`
+  color: ${e=>e.theme.colors.hero};
+  max-width: 100%;
+  padding-right: ${t.Space.sp2};
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+`,Ze=o.div`
+  position: relative;
+  top: 2px;
+  width: ${e=>e.responsiveWidth.valuePx(e.windowSize)};
+  min-width: ${e=>e.responsiveWidth.valuePx(e.windowSize)};
+  color: ${e=>e.theme.colors.hero};
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  justify-content: center;
+  gap: ${e=>e.isLoading?t.Space.sp1:t.Space.sp0};
+`,as=o.div`
+  display: flex;
+  align-items: start;
+  flex-direction: column;
+`,ls=o(t.StandardRegular)`
+  color: ${e=>e.theme.colors.hero};
+  max-width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+`,cs=o(t.SmallRegular)`
+  color: ${e=>e.theme.colors.hero};
+`;o(t.ExtraSmallRegular)`
+  display: flex;
+  gap: ${t.Space.sp2};
+  align-items: center;
+  color: ${e=>e.theme.colors.grey1};
+`;o.div`
+  display: flex;
+  align-items: center;
+  gap: ${t.Space.sp2};
+`;o.div`
+  height: ${t.Space.sp1};
+  width: ${t.Space.sp1};
+  background-color: ${e=>e.theme.colors.grey1};
+  border-radius: 50%;
+  opacity: 0.4;
+`;const xe=o.div`
+  height: 1px;
+  width: 100%;
+  background-color: ${e=>e.theme.colors.grey3};
+  margin: ${t.Space.sp1} ${t.Space.sp0};
+`;o.div`
+  display: flex;
+  align-items: center;
+  white-space: pre-wrap;
+`;const ds=o(t.SvgInfo)`
+  width: ${t.Space.sp3};
+  height: ${t.Space.sp3};
+  margin-bottom: 0;
+  color: ${e=>e.theme.colors.hero};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,ps=o(t.ExtraSmallRegularSp)`
+  color: ${t.Colors.link};
+  cursor: pointer;
+  &:hover {
+    text-decoration: underline;
+  }
+`,xs=o.div`
+  display: flex;
+  align-items: center;
+  gap: ${t.Space.sp1};
+  &:hover {
+    .infoIconTooltip {
+      color: ${e=>e.theme.colors.primary};
+    }
+  }
+`,ms=o.div`
+  display: flex;
+  min-width: ${t.Space.sp3};
+  margin-left: ${t.Space.sp2};
+  position: absolute;
+  right: ${t.Space.sp2};
+`,us=o.div`
+  margin: 5px ${t.Space.sp0};
+`,b=o(t.SmallRegular)`
+  ${({windowSize:e})=>Vt.moreItemFont.style(e)}
+  height: ${t.Space.sp6};
+  display: flex;
+  align-items: center;
+  padding: ${t.Space.sp0} ${t.Space.sp3};
+  color: ${e=>e.theme.colors.hero};
+  gap: ${t.Space.sp2};
+  cursor: pointer;
+  :hover {
+    background-color: ${e=>e.hoverImportant===!0?t.Colors.importantLight:e.theme.colors.background};
+    color: ${e=>e.theme.colors.primary};
+  }
+`,hs=o(t.SmallRegular)`
+  color: ${e=>e.theme.colors.hero};
+  max-width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  display: flex;
+  align-items: center;
+  gap: ${t.Space.sp1};
+`,dt=h.memo(({allCheckBoxValues:e,checkBox:n,fieldName:i,index:c,containerStyle:d,"data-testid":a,groupLabelCheckBox:r,registerOptions:l,style:x,mode:E,checkBoxContainerStyle:g,checkBoxIconStyle:j,checkBoxStyle:C,labelCheckBoxStyle:f,labelStyle:m,width:p,isDisabled:S,selectionLimit:R,infoIconContainerStyle:z,checkedIconColor:v,draggable:I=!1,onDragStart:_})=>{const{control:u}=s.useFormContext();return s.jsxRuntimeExports.jsx(s.Controller,{control:u,name:i,rules:l,render:({field:{value:w,onChange:q,ref:T}})=>s.jsxRuntimeExports.jsx(gs,{style:{display:"flex",alignItems:"center",width:"100%",...g,...d},"data-testid":a??t.generateDataTestId("virtualized-checkbox-field",i),children:s.jsxRuntimeExports.jsx(t.CheckBoxWithLabel,{checkBox:n,index:c,value:w,allCheckBoxValues:e,mode:E,name:i,checkBoxContainerStyle:x,checkBoxIconStyle:j,checkBoxStyle:n.groupLabel?f:C,labelCheckBoxStyle:f,labelStyle:m,width:p,groupLabelCheckBox:r,infoIconContainerStyle:z,selectionLimit:R,checkedIconColor:v,isDisabled:S,draggable:I,onDragStart:_,ref:T,onChangeHandler:V=>t.onChangeHandler({event:V,value:w,allCheckBoxValues:e,groupLabelCheckBox:r,onChange:q})})})})},(e,n)=>e.checkBox===n.checkBox&&e.index===n.index&&e.mode===n.mode&&e.isDisabled===n.isDisabled&&e.selectionLimit===n.selectionLimit&&e.allCheckBoxValues.length===n.allCheckBoxValues.length&&e.groupLabelCheckBox?.value===n.groupLabelCheckBox?.value);dt.displayName="VirtualizedCheckBoxField";const gs=o.div`
+  position: relative;
+`,Z={containerPaddingLeft:t.Space.sp2,containerPaddingRight:t.Space.sp3,containerPaddingTop:t.Space.sp3,containerPaddingBottom:t.Space.sp3,headerLastColumnTopPadding:new t.ResponsiveSized(t.sp[0],t.sp[4]),headerLastColumnRightPadding:new t.ResponsiveSized(t.sp[3],t.sp[11]),headerLastColumnBottomPadding:new t.ResponsiveSized(t.sp[0],t.sp[4]),headerLastColumnLeftPadding:new t.ResponsiveSized(t.sp[0],t.sp[11]),headerHeight:new t.ResponsiveSized(ee.HEADER_HEIGHT_MOBILE,ee.HEADER_HEIGHT)};function js({companyNameSticky:e,sortConfig:n,showViewForCardUser:i,onColumnSortConfigChanged:c}){const d=s.useTheme(),a=t.useWindowSizeContext(),l=!!t.useGlobalInfoContext().loggedInUserRole.includes("charge_card_user")||i,[x,E]=h.useState(at(l));h.useEffect(()=>{const p=[...x];for(const S of p)S.key===n.sortKey?S.sortOrder=n.sortOrder:S.sortOrder="ascending";E(p)},[n.sortKey,n.sortOrder]);const g=(p,S)=>{let R=S;n.sortKey===p&&(R=S==="ascending"?"descending":"ascending"),c(p,R)},j=x.find(p=>p.key===n.sortKey)??(l?x[1]:x[0]),C=p=>x.find(S=>S.key===p)?.value??"",f=(l?x.filter(p=>p.key!=="owner"):x).map(p=>p.key),m=t.appLocale.getLocalizedStrings().spendManagement.chargeCard.cardList;return a==="small"?s.jsxRuntimeExports.jsxs(fs,{windowSize:a,children:[s.jsxRuntimeExports.jsxs(ys,{children:[s.jsxRuntimeExports.jsx(vs,{children:s.jsxRuntimeExports.jsx($s,{})}),s.jsxRuntimeExports.jsx(t.Picker$1,{title:m.sortBy,placeholder:m.sortBy,pickerValues:f,valueToLabel:C,selectedValue:n.sortKey,onPickerSelectionChanged:p=>{g(p,"ascending")},optionTextStyle:t.textStyles.extraSmallRegular,titleTextStyle:t.textStyles.extraSmallRegular,titleColor:d.colors.primary,selectedOptionColor:d.colors.hero,optionBackgroundColor:d.colors.grey5,downChevronVisible:!1,backgroundColor:d.colors.grey4})]}),s.jsxRuntimeExports.jsxs(Is,{onClick:()=>g(j.key,j.sortOrder),"data-testid":t.generateDataTestId("mobile-cards-list-sort-clicked",n.sortKey),children:[s.jsxRuntimeExports.jsx(t.ExtraSmallRegular,{children:j.value}),s.jsxRuntimeExports.jsx(Je,{windowSize:a,sortDataValue:n.sortKey,headerdata:j,children:s.jsxRuntimeExports.jsx(Qe,{windowSize:a,children:s.jsxRuntimeExports.jsx(t.SvgArrowTailTop,{})})})]})]}):s.jsxRuntimeExports.jsx(Rs,{windowSize:a,children:s.jsxRuntimeExports.jsx(Es,{children:x.map(p=>p.width.value(a)!==0&&s.jsxRuntimeExports.jsxs(ws,{companyNameSticky:e,sortDataValue:n.sortKey,actualDataValue:p.key,wrapperWidth:p.width,windowSize:a,children:[s.jsxRuntimeExports.jsxs(ks,{onClick:()=>g(p.key,p.sortOrder),"data-testid":t.generateDataTestId("cards-list-sort-clicked",n.sortKey),children:[s.jsxRuntimeExports.jsx(t.ExtraSmallRegular,{children:p.value}),s.jsxRuntimeExports.jsx(Je,{windowSize:a,sortDataValue:n.sortKey,headerdata:p,children:s.jsxRuntimeExports.jsx(Qe,{windowSize:a,children:s.jsxRuntimeExports.jsx(t.SvgArrowTailTop,{})})})]}),s.jsxRuntimeExports.jsx(bs,{sortDataValue:n.sortKey,windowSize:a,isVisible:n.sortKey===p.key&&(l?p.key!=="cardName":p.key!=="owner"),children:s.jsxRuntimeExports.jsx(Cs,{onClick:()=>g(l?"cardName":"owner","ascending"),"data-testid":t.generateDataTestId("cards-list-sort-cancel",n.sortKey)})})]},p.key))})})}const Ss=h.memo(js),Rs=o.div`
+  top: ${t.Space.sp0};
+  left: ${t.Space.sp0};
+  z-index: 2;
+  background-color: ${e=>e.theme.colors.grey4};
+  position: sticky;
+  width: 100%;
+`,Es=o.div`
+  display: flex;
+  align-items: center;
+  box-sizing: border-box;
+  padding: ${Z.containerPaddingTop} ${Z.containerPaddingRight}
+    ${Z.containerPaddingBottom} ${Z.containerPaddingLeft};
+  justify-content: space-between;
+`,fs=o(t.SmallRegular)`
+  top: ${t.Space.sp0};
+  left: ${t.Space.sp0};
+  min-height: ${e=>Z.headerHeight.valuePx(e.windowSize)};
+  max-height: ${e=>Z.headerHeight.valuePx(e.windowSize)};
+  width: auto;
+  z-index: 2;
+  display: flex;
+  align-items: center;
+  box-sizing: border-box;
+  padding: ${e=>`${Z.headerLastColumnTopPadding.valuePx(e.windowSize)} ${Z.headerLastColumnRightPadding.valuePx(e.windowSize)} ${Z.headerLastColumnBottomPadding.valuePx(e.windowSize)} ${Z.headerLastColumnLeftPadding.valuePx(e.windowSize)}`};
+  background-color: ${e=>e.theme.colors.grey4};
+  justify-content: space-between;
+  position: sticky;
+  width: 100%;
+`,ws=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)};
+  min-width: ${e=>e.wrapperWidth.valuePx(e.windowSize)};
+  display: flex;
+  align-items: center;
+  left: ${t.Space.sp0};
+  justify-content: ${e=>e.actualDataValue==="limit"?"flex-end":"flex-start"};
+  ${e=>e.companyNameSticky?Me.css`
+          position: sticky;
+          z-index: 1;
+        `:Me.css`
+          position: static;
+          z-index: 0;
+        `};
+  box-sizing: border-box;
+  overflow: hidden;
+  padding-left: ${t.Space.sp3};
+  padding-right: ${e=>e.actualDataValue==="limit"?t.Space.sp6:t.Space.sp3};
+`,Cs=o(t.SvgCloseRound)`
+  width: ${t.Space.sp3};
+  height: ${t.Space.sp3};
+  cursor: pointer;
+  color: ${e=>e.theme.colors.hero};
+`,Je=o.div`
+  display: flex;
+  align-items: center;
+  transform: ${e=>e.sortDataValue===e.headerdata.key&&e.headerdata.sortOrder==="descending"?"rotate(180deg)":"rotate(0deg)"};
+`,Qe=o.div`
+  width: ${t.Space.sp2};
+  height: ${t.Space.sp2};
+  cursor: pointer;
+  color: inherit;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+`,ys=o.div`
+  gap: ${t.Space.sp1};
+  display: flex;
+  color: ${e=>e.theme.colors.hero};
+`,$s=o(t.SvgSortBy)`
+  width: ${t.Space.sp3};
+  height: ${t.Space.sp3};
+  color: inherit;
+`,vs=o.div`
+  margin-right: ${t.Space.sp1};
+  display: flex;
+  align-items: center;
+`,bs=o.div`
+  display: ${e=>e.isVisible?"flex":"none"};
+  align-items: center;
+  padding-top: 2px;
+`,ks=o.div`
+  display: flex;
+  cursor: pointer;
+  gap: 5px;
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Is=o.div`
+  display: flex;
+  cursor: pointer;
+  gap: 5px;
+  color: ${e=>e.theme.colors.primary};
+`,{spendManagement:{billPay:{paymentDetails:{feePercent:Ls}},chargeCard:te},common:J}=t.appLocale.getLocalizedStrings(),Re={containerMarginLeft:new t.ResponsiveSized(t.sp[3],t.sp[8]),webkitLineClamp:new t.ResponsiveSized(2,2,1,1,1)},Ts=({setCardIdForRowAction:e,setActionTypeForRowAction:n,cardDetail:i,isCardControlsEnabled:c,showViewForCardUser:d,signedInUser:a,resendInviteId:r,index:l,onChargeCardRowClick:x,onChargeCardResendInviteClick:E,rowActionView:g,revokeChargeCardsInviteFetchState:j,unlockChargeCardsFetchState:C,cardsSelectedForBulkAction:f})=>{const p=!!t.useGlobalInfoContext().loggedInUserRole.includes("charge_card_user")||d,S=h.useCallback(()=>{x(i.id,l)},[i.id]);return p?s.jsxRuntimeExports.jsx(zs,{cardDetail:i,onRowClick:S}):s.jsxRuntimeExports.jsx(_s,{setCardIdForRowAction:e,setActionTypeForRowAction:n,cardDetail:i,isCardControlsEnabled:c,signedInUser:a,resendInviteId:r,onRowClick:S,onChargeCardResendInviteClick:E,rowActionView:g,revokeChargeCardsInviteFetchState:j,unlockChargeCardsFetchState:C,cardsSelectedForBulkAction:f,showViewForCardUser:d})},pt=({cardDetail:e})=>{const n=e.balance,i=it.getCardUtilizedAmount(e)/e.limit.amount*100;return s.jsxRuntimeExports.jsxs(Os,{children:[s.jsxRuntimeExports.jsx(Vs,{children:t.amountToString("0,0.[00]",n)}),i!==0?s.jsxRuntimeExports.jsx(Bs,{children:`${Math.round(i)}${Ls}`}):null]})},zs=({cardDetail:e,onRowClick:n})=>{const i=t.useWindowSizeContext();return s.jsxRuntimeExports.jsx(xt,{windowSize:i,children:s.jsxRuntimeExports.jsx(mt,{onClick:n,"data-testid":t.generateDataTestId("charge-card-user-row",e.id),children:s.jsxRuntimeExports.jsxs(Ee,{children:[s.jsxRuntimeExports.jsx(ft,{children:s.jsxRuntimeExports.jsxs(Ct,{cardUser:!0,children:[s.jsxRuntimeExports.jsxs(gt,{children:[s.jsxRuntimeExports.jsx(St,{children:J.labels.cardName}),s.jsxRuntimeExports.jsxs(jt,{children:[s.jsxRuntimeExports.jsx(Rt,{title:e.cardName,children:e.cardName}),s.jsxRuntimeExports.jsx(Lt,{windowSize:i,children:te.cardDetails.expiryHideOut+J.strings.space+e.accountLast4})]})]}),s.jsxRuntimeExports.jsxs(ut,{children:[s.jsxRuntimeExports.jsx(ht,{children:`${te.cardList.header.cardType}${J.strings.colon}`}),s.jsxRuntimeExports.jsx(we,{children:s.jsxRuntimeExports.jsx(ye.CardNumberSubText,{cardDetail:e,forDetailPage:!1})})]}),s.jsxRuntimeExports.jsxs(yt,{children:[s.jsxRuntimeExports.jsx(vt,{children:J.labels.limit}),s.jsxRuntimeExports.jsxs(bt,{children:[s.jsxRuntimeExports.jsx($t,{children:t.amountToString("0,0.[00]",e.limit)}),s.jsxRuntimeExports.jsx(kt,{}),s.jsxRuntimeExports.jsx(fe,{children:e.creditLimitFrequency.name})]})]})]})}),s.jsxRuntimeExports.jsx(wt,{children:s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[e.status.code!=="request_on_hold"?s.jsxRuntimeExports.jsx(pt,{cardDetail:e}):null,s.jsxRuntimeExports.jsxs(Et,{children:[s.jsxRuntimeExports.jsx(he,{status:e.status.code}),e.status.code==="request_on_hold"?s.jsxRuntimeExports.jsx(t.Tooltip,{display:"flex",title:te.cardList.tooltip[e.type.code].self,placement:"top",style:{padding:`${t.Space.sp2} ${t.Space.sp3}`},children:s.jsxRuntimeExports.jsx(It,{className:"infoIconTooltip"})}):null]})]})})]})})})},_s=({setCardIdForRowAction:e,setActionTypeForRowAction:n,cardDetail:i,isCardControlsEnabled:c,signedInUser:d,resendInviteId:a,onRowClick:r,onChargeCardResendInviteClick:l,rowActionView:x,revokeChargeCardsInviteFetchState:E,unlockChargeCardsFetchState:g,cardsSelectedForBulkAction:j,showViewForCardUser:C})=>{const[f,m]=h.useState(!1);h.useEffect(()=>{j.length>0&&f&&m(!1)},[j.length,f]);const S=!!t.useGlobalInfoContext().loggedInUserRole.includes("charge_card_user")||C,R=`${i.cardHolderUser?.firstName??""} ${i.cardHolderUser?.lastName??""}`,z=i?.cardHolderUserId===d.userId,v=t.useWindowSizeContext(),I=i.type.code,_=te.cardList.tooltip[I],u=_!=null?z?_.self:`${R} ${_.cardUser}`:J.strings.empty,w=x.cardId===i.id,q=j.includes(i.id),T=w&&x.unlockChargeCardsFetchState.fetchState==="In-Progress"||q&&g==="In-Progress",V=w&&x.revokeChargeCardFetchState.fetchState==="In-Progress"||q&&E==="In-Progress",H=T||V,N=i.status.code!=="closed"&&i.status.code!=="closed_by_customer";return s.jsxRuntimeExports.jsx(xt,{windowSize:v,children:s.jsxRuntimeExports.jsxs(mt,{onClick:r,"data-testid":t.generateDataTestId("charge-card-admin-row",i.id),children:[s.jsxRuntimeExports.jsxs(Ee,{children:[s.jsxRuntimeExports.jsxs(ft,{children:[s.jsxRuntimeExports.jsx(Ps,{children:s.jsxRuntimeExports.jsx(ot.ZeniAvatar,{personBasic:i.cardHolderUser,styles:{height:t.Space.sp6,width:t.Space.sp6}})}),s.jsxRuntimeExports.jsx(Ws,{children:s.jsxRuntimeExports.jsxs(qs,{children:[s.jsxRuntimeExports.jsx(Ns,{children:s.jsxRuntimeExports.jsx(Ms,{windowSize:v,title:R,children:R})}),s.jsxRuntimeExports.jsx(fe,{style:{marginTop:`-${t.Space.sp1}`},children:i.cardHolderRoles?.userRoles!=null&&s.jsxRuntimeExports.jsx(nt.RoleWithToolTip,{roles:i.cardHolderRoles?.userRoles})})]})})]}),s.jsxRuntimeExports.jsx(wt,{children:s.jsxRuntimeExports.jsx(s.jsxRuntimeExports.Fragment,{children:a===i.id?s.jsxRuntimeExports.jsx(t.ActivityIndicator,{size:"Small",start:!0}):s.jsxRuntimeExports.jsxs(Qs,{children:[s.jsxRuntimeExports.jsxs(Hs,{children:[i.status.code!=="request_on_hold"?s.jsxRuntimeExports.jsx(pt,{cardDetail:i}):null,s.jsxRuntimeExports.jsxs(Et,{children:[s.jsxRuntimeExports.jsx(he,{status:i.status.code}),i.status.code==="request_on_hold"?s.jsxRuntimeExports.jsx(t.Tooltip,{display:"flex",title:u,placement:"top",style:{padding:`${t.Space.sp2} ${t.Space.sp3}`},children:s.jsxRuntimeExports.jsx(It,{className:"infoIconTooltip"})}):null]})]}),i.status.code==="request_on_hold"&&!z?s.jsxRuntimeExports.jsx(Ks,{children:s.jsxRuntimeExports.jsx(Gs,{onClick:M=>{M.stopPropagation(),l(i.id)},"data-testid":t.generateDataTestId("send-reminder-clicked",i.id),children:te.cardList.sendReminder})}):null]})})})]}),s.jsxRuntimeExports.jsxs(Ee,{children:[s.jsxRuntimeExports.jsxs(Ct,{cardUser:!1,children:[s.jsxRuntimeExports.jsxs(gt,{children:[s.jsxRuntimeExports.jsx(St,{children:`${J.labels.cardName}`}),s.jsxRuntimeExports.jsxs(jt,{children:[s.jsxRuntimeExports.jsx(Rt,{title:i.cardName,children:i.cardName}),s.jsxRuntimeExports.jsx(Lt,{windowSize:v,children:i.status.code==="request_on_hold"?J.strings.hyphen:te.cardDetails.expiryHideOut+J.strings.space+i.accountLast4})]})]}),s.jsxRuntimeExports.jsxs(ut,{children:[s.jsxRuntimeExports.jsx(ht,{children:`${te.cardList.header.cardType}${J.strings.colon}`}),s.jsxRuntimeExports.jsx(we,{children:s.jsxRuntimeExports.jsx(we,{children:s.jsxRuntimeExports.jsx(ye.CardNumberSubText,{cardDetail:i,forDetailPage:!1})})})]}),s.jsxRuntimeExports.jsxs(yt,{children:[s.jsxRuntimeExports.jsx(vt,{children:J.labels.limit}),s.jsxRuntimeExports.jsxs(bt,{children:[s.jsxRuntimeExports.jsx($t,{children:t.amountToString("0,0.[00]",i.limit)}),s.jsxRuntimeExports.jsx(kt,{}),s.jsxRuntimeExports.jsx(fe,{children:i.creditLimitFrequency.name})]})]})]}),s.jsxRuntimeExports.jsx(Us,{children:s.jsxRuntimeExports.jsx(Zs,{showMenu:!0,className:"menu-icon",children:(()=>{const M=i.status.code==="locked",O=i.status.code==="closed"||i.status.code==="closed_by_customer",K=S?c&&!H&&!O&&!(M&&i.isLockedByAdmin):c?!H&&N:i.status.code==="request_on_hold",$=j.length>0;return K&&s.jsxRuntimeExports.jsx(Ce.Menu,{menuItems:s.jsxRuntimeExports.jsx(Js,{children:s.jsxRuntimeExports.jsx(ct,{cardDetail:i,isCardControlsEnabled:c,isChargeCardUser:S,setIsMenuOpen:m,setCardIdForRowAction:e,setActionTypeForRowAction:n})}),setIsMenuOpen:B=>{$||m(B)},isMenuOpen:f&&!$,menuIconStyles:{cursor:$?"not-allowed":"pointer",opacity:$?.5:1,pointerEvents:$?"none":"auto"},styles:{transform:"translate(5px,0px)"}})})()})})]})]})})},xt=o.div`
+  display: flex;
+  background-color: ${e=>e.theme.colors.grey5};
+  border: ${e=>` 1px solid ${e.theme.colors.grey3}`};
+  padding: ${t.Space.sp3};
+  box-shadow: ${e=>`${t.Space.sp0} 1px 2px ${e.theme.colors.dropShadowNormal}`};
+  border-radius: ${t.Space.sp2};
+  cursor: pointer;
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+    border-color: ${e=>e.theme.colors.primary};
+    div {
+      color: ${e=>e.theme.colors.primary};
+    }
+  }
+  margin-right: ${e=>Re.containerMarginLeft.valuePx(e.windowSize)};
+  margin-left: ${e=>Re.containerMarginLeft.valuePx(e.windowSize)};
+  margin-bottom: ${t.Space.sp3};
+  width: 100%;
+`,mt=o.div`
+  display: block;
+  width: 100%;
+`,Ee=o.div`
+  display: flex;
+  width: 100%;
+  justify-content: space-between;
+`,Ns=o.div`
+  display: flex;
+  align-items: center;
+  gap: ${t.Space.sp1};
+  flex-grow: 1;
+`,Ms=o(t.StandardRegular)`
+  color: ${e=>e.theme.colors.hero};
+  display: -webkit-box;
+  -webkit-line-clamp: ${e=>Re.webkitLineClamp.value(e.windowSize)};
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  max-width: 224px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  text-transform: capitalize;
+`,fe=o(t.ExtraSmallRegular)`
+  color: ${e=>e.theme.colors.hero};
+  min-height: 18px;
+`,ut=o(t.ExtraSmallRegular)`
+  color: ${e=>e.theme.colors.hero};
+  box-sizing: border-box;
+  display: flex;
+  align-items: flex-start;
+  gap: 14px;
+`,ht=o.div``,we=o.div`
+  max-width: 155px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+`,gt=o(t.ExtraSmallRegular)`
+  color: ${e=>e.theme.colors.hero};
+  display: flex;
+  flex-direction: row;
+  gap: ${t.Space.sp2};
+`,Hs=o.div`
+  display: flex;
+  flex-direction: column;
+  gap: ${t.Space.sp1};
+`,Os=o.div`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+`,jt=o.div`
+  display: flex;
+  flex-direction: column;
+  max-width: 155px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+`,St=o.div``,Rt=o.div`
+  max-width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+`,Et=o.div`
+  display: flex;
+  align-items: center;
+  gap: ${t.Space.sp1};
+`,Ps=o.div``,Ws=o.div``,Bs=o(t.ExtraSmallRegular)`
+  color: ${e=>e.theme.colors.hero};
+  display: flex;
+  margin-top: -${t.Space.sp1};
+`,ft=o.div`
+  display: flex;
+  flex-direction: row;
+  gap: ${t.Space.sp2};
+`,wt=o.div`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+`,Ct=o.div`
+  display: flex;
+  flex-direction: column;
+  margin-left: ${e=>e.cardUser?t.Space.sp0:t.Space.sp7};
+`,Us=o.div`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+  position: relative;
+`,qs=o.div`
+  margin-bottom: 6px;
+`,yt=o(t.ExtraSmallRegular)`
+  color: ${e=>e.theme.colors.hero};
+  display: flex;
+  gap: ${t.Space.sp6};
+  align-items: center;
+`,$t=o.div``,vt=o.div``,bt=o.div`
+  display: flex;
+  align-items: center;
+  gap: 6px;
+`,kt=o.div`
+  border-radius: 100%;
+  width: ${t.Space.sp1};
+  height: ${t.Space.sp1};
+  background-color: ${e=>e.theme.colors.hero};
+`,Vs=o(t.ExtraSmallRegular)`
+  color: ${e=>e.theme.colors.hero};
+`,Ks=o.div`
+  padding-right: 20px;
+`,Gs=o(t.ExtraSmallRegularSp)`
+  color: ${t.Colors.link};
+  cursor: pointer;
+  text-align: right;
+  &:hover {
+    text-decoration: underline;
+  }
+`,It=o(t.SvgInfo)`
+  width: ${t.Space.sp3};
+  height: ${t.Space.sp3};
+  margin-bottom: 0;
+  color: ${e=>e.theme.colors.hero};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Zs=o.div`
+  position: absolute;
+  right: -${t.Space.sp2};
+  top: ${t.Space.sp2};
+`,Js=o.div`
+  border: ${e=>`1px solid ${e.theme.colors.grey3}`};
+`,Qs=o.div`
+  display: flex;
+  align-items: end;
+  flex-direction: column;
+`,Lt=o(t.ExtraSmallRegular)`
+  color: ${e=>e.theme.colors.hero};
+  max-width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  display: flex;
+  align-items: center;
+  gap: ${t.Space.sp1};
+`,Xs=20,ue=(e,n,i)=>!(i!=null&&e.status.code!==i||e.status.code==="closed"||e.status.code==="closed_by_customer"),Ys=(e,n,i)=>{const c=t.appLocale.getLocalizedStrings(),d=c.spendManagement.chargeCard.cardList.bulkActions.exceptionMessages;if(e.status.code==="closed"||e.status.code==="closed_by_customer")return d.closedCardsCannotBeSelected;if(i!=null&&e.status.code!==i){const a=c.spendManagement.chargeCard.cardList.status[i];return d.onlyCardsUnderStatusCanBeSelectedTogether.replace("__status__",a)}return d.cardCannotBeSelectedForAction},D={lastListItemHeight:new t.ResponsiveSized(200,158),bannerWrapperMarginLeftRight:new t.ResponsiveSized(t.sp[3],t.sp[8]),styledAIIconContainerSize:new t.ResponsiveSized(t.sp[3],t.sp[3]),checkBoxContainerStyleMarginLeft:new t.ResponsiveSized(t.sp[0],t.sp[4]),checkBoxContainerStyleMarginRight:new t.ResponsiveSized(t.sp[0],t.sp[8]),labelCheckBoxStyleMarginLeft:new t.ResponsiveSized(t.sp[2],t.sp[0])},As={moreItemFont:new t.ResponsiveSizedStyle("extraSmallRegular","smallRegular")},ne=t.appLocale.getLocalizedStrings(),{spendManagement:{chargeCard:k},common:F}=ne,Xe=50,Fs=64,Ds=351,eo=136,Tt=h.memo(({cardList:e,controllerEmails:n,creditAccount:i,creditAccountRepayment:c,setCardIdForRowAction:d,setActionTypeForRowAction:a,rowActionView:r,showViewForCardUser:l,productInformation:x,isChargeCardFeatureEnabled:E,isChargeCardSetupEnabled:g,isDebitCardFeatureEnabled:j,isDebitCardSetupEnabled:C,cashbackInformation:f,creditAccountInformation:m,debitAccountInformation:p,depositAccountListWithDebitCardIssued:S,uiState:R,signedInUser:z,fetchState:v,revokeChargeCardsInviteFetchState:I,unlockChargeCardsFetchState:_,receiptBotEmail:u,searchText:w,resendInviteId:q,isBulkActionAllowed:T,isCardControlsEnabled:V,cardsSelectedForBulkAction:H,firstSelectedCardStatus:N,bulkSubmissionLimit:M,onProceedForBulkActionClick:O,onBulkCloseClick:K,onBulkLockClick:$,setShowBulkChangeSpendLimitPopup:B,onChargeCardResendInviteClick:P,onChargeCardRowClick:Q,onReloadCards:X,onColumnSortConfigChanged:G,handleClearSelection:re})=>{const L=t.useWindowSizeContext(),Y=t.useGlobalInfoContext(),be=t.useToolkitContext().analytics,ke=!!Y.loggedInUserRole.includes("charge_card_user"),Ie=s.useTheme(),[,Le]=t.useCopyToClipboard(),[de,Te]=h.useState(!1),[ge,ze]=h.useState(!1),Ht=h.useCallback(()=>{u!=null&&((!E||i.fetchState==="Completed"&&c.fetchState==="Completed")&&(!(j&&C)||S.fetchState==="Completed")&&be.trackCardsCopyIconClick(n,x,"Cards List","Copy","copied","Receipt Email",u,f,m,p),Le(u),Te(!0))},[u,E,i.fetchState,c.fetchState,j,C,S.fetchState,be,n,x,f,m,p,Le]);h.useEffect(()=>{if(de===!0){const W=setTimeout(()=>{Te(!1)},800);return()=>clearTimeout(W)}},[de]);const Ot=h.useCallback(W=>{O(W)},[O]),je=h.useCallback(W=>W===0?Xe:L!=="small"?ee.DEFAULT_LIST_ITEM_HEIGHT_REGULAR_CARD:ke?ee.DEFAULT_LIST_ITEM_HEIGHT_COMPACT_CARD_USER:ee.DEFAULT_LIST_ITEM_HEIGHT_BIG,[L,ke]),Pt=h.useMemo(()=>{let W=Xe+Fs;for(let ae=1;ae<=e.length;ae++)W+=je(ae);return W},[e.length,je]),_e=h.useMemo(()=>window.innerHeight-Ds,[]),Wt=Pt>_e,Ne=h.useRef(null);h.useEffect(()=>{Ne.current?.resetAfterIndex(0)},[L]);const Bt=()=>v==="Error"?s.jsxRuntimeExports.jsxs(xo,{children:[s.jsxRuntimeExports.jsx(mo,{onClick:X,"data-testid":t.generateDataTestId("charge-card-list-reload"),children:s.jsxRuntimeExports.jsx(uo,{})}),s.jsxRuntimeExports.jsx(ho,{children:F.reloadPage.label})]}):v==="Completed"&&e.length===0?s.jsxRuntimeExports.jsx(t.NoListDataPage,{sourceView:"charge_cards",style:{height:"calc(100vh - 450px)"},title:k.cardList.getStarted,message:w!==""?k.cardList.noDataWithFilterText:k.cardList.noDataText,messageStyle:{maxWidth:345,color:Ie.colors.primary,...t.textStyles.largeRegular.cssObject}}):s.jsxRuntimeExports.jsxs(Mt,{children:[u!=null?s.jsxRuntimeExports.jsxs(Ro,{windowSize:L,children:[s.jsxRuntimeExports.jsx($o,{windowSize:L,children:s.jsxRuntimeExports.jsx(vo,{})}),s.jsxRuntimeExports.jsxs(bo,{windowSize:L,children:[s.jsxRuntimeExports.jsxs(Eo,{children:[s.jsxRuntimeExports.jsx(co,{children:k.aiCardAgentText}),F.strings.space,k.receiptBotMessage,F.strings.space]}),s.jsxRuntimeExports.jsxs(yo,{"data-testid":t.generateDataTestId("charge-card-list-copy-email"),onClick:Ht,onMouseEnter:()=>ze(!0),onMouseLeave:()=>ze(!1),children:[s.jsxRuntimeExports.jsx(fo,{children:u}),de===!0?s.jsxRuntimeExports.jsxs(Ae,{children:[s.jsxRuntimeExports.jsx(Co,{}),s.jsxRuntimeExports.jsx(Ye,{children:s.jsxRuntimeExports.jsx(Fe,{shouldDisplay:ge||de,color:t.Colors.primaryDark,children:F.copyToClipBoard.copied})})]}):s.jsxRuntimeExports.jsxs(Ae,{children:[s.jsxRuntimeExports.jsx(wo,{color:ge?Ie.colors.primary:void 0}),s.jsxRuntimeExports.jsx(Ye,{children:s.jsxRuntimeExports.jsx(Fe,{shouldDisplay:ge&&L!=="small",children:F.copyToClipBoard.copy})})]})]})]})]}):null,s.jsxRuntimeExports.jsx(go,{windowSize:L,availableHeight:_e,isListTooLarge:Wt,children:s.jsxRuntimeExports.jsx(s.AutoSizer,{children:({height:W,width:ae})=>s.jsxRuntimeExports.jsx(s.VariableSizeList,{ref:Ne,height:W,itemCount:e.length+1,innerElementType:_t,itemSize:je,estimatedItemSize:ee.DEFAULT_LIST_ITEM_HEIGHT_COMPACT,itemKey:pe=>pe===0?"header":e[pe-1].id,width:ae,overscanCount:ee.OVERSCAN_COUNT,initialScrollOffset:0,children:pe=>s.jsxRuntimeExports.jsx(ro,{...pe,setCardIdForRowAction:d,setActionTypeForRowAction:a,rowActionView:r,resendInviteId:q,onChargeCardResendInviteClick:P,onChargeCardRowClick:Q,showViewForCardUser:l,cardList:e,signedInUser:z,uiState:R,revokeChargeCardsInviteFetchState:I,unlockChargeCardsFetchState:_,onColumnSortConfigChanged:G,isBulkActionAllowed:T,isCardControlsEnabled:V,cardsSelectedForBulkAction:H,firstSelectedCardStatus:N,bulkSubmissionLimit:M})})})})]});return s.jsxRuntimeExports.jsxs(po,{fetchState:v,children:[Bt(),H.length>0&&_!=="In-Progress"&&I!=="In-Progress"?s.jsxRuntimeExports.jsx(t.Footer,{helperContainerStyle:L==="small"?{margin:`${t.Space.sp5} ${t.Space.sp7} ${t.Space.sp2} ${t.Space.sp0}`}:{},showPrimaryButton:!0,primaryBtn:{label:so(N),isLoading:!1,isDisabled:!1,type:"button",onClick:()=>{const W=zt(N);W&&Ot(W)}},cancelBtn:{label:F.texts.goBack,isDisabled:!1,onClick:re,style:L==="small"?{}:oo(N)},leftSideComponent:Io(H.length,M,L),rightSideComponent:s.jsxRuntimeExports.jsx(_o,{firstSelectedCardStatus:N,windowSize:L,setShowBulkChangeSpendLimitPopup:B,onBulkCloseClick:K,onBulkLockClick:$})}):null]})},(e,n)=>e.cardList===n.cardList&&e.cardsSelectedForBulkAction.length===n.cardsSelectedForBulkAction.length&&e.fetchState===n.fetchState&&e.uiState.sortKey===n.uiState.sortKey&&e.uiState.sortOrder===n.uiState.sortOrder&&e.rowActionView===n.rowActionView&&e.unlockChargeCardsFetchState===n.unlockChargeCardsFetchState&&e.revokeChargeCardsInviteFetchState===n.revokeChargeCardsInviteFetchState&&e.searchText===n.searchText&&e.receiptBotEmail===n.receiptBotEmail&&e.isCardControlsEnabled===n.isCardControlsEnabled&&e.firstSelectedCardStatus===n.firstSelectedCardStatus&&e.handleClearSelection===n.handleClearSelection);Tt.displayName="ChargeCardListContent";const to=({cardsSelectedForBulkAction:e,cardList:n,firstSelectedCardStatus:i,bulkSubmissionLimit:c,updateBulkActionList:d,removeAllCardsFromBulkActionList:a,isChargeCardSetupEnabled:r,...l})=>{const x="bulkSelectIds",E=s.useForm({defaultValues:{[x]:e},values:{[x]:e}});h.useEffect(()=>{const j=E.watch((C,{name:f})=>{if(f===x){let m=[];const p=C[x]??[];if(p.includes(ne.common.all.toLowerCase()))if(e.length===0){m=[];for(const R of n)if(ue(R,void 0,i)&&m.push(R.id),m.length===c)break}else m=p.filter(R=>R!==ne.common.all.toLowerCase());else m=p.filter(R=>R!=null);d(m)}});return()=>j.unsubscribe()},[d,e.length,n,i,c]);const g=h.useCallback(()=>{E.setValue(x,[]),a()},[E,a]);return s.jsxRuntimeExports.jsx(s.FormProvider,{...E,children:s.jsxRuntimeExports.jsx(Tt,{...l,cardsSelectedForBulkAction:e,cardList:n,firstSelectedCardStatus:i,bulkSubmissionLimit:c,isChargeCardSetupEnabled:r,handleClearSelection:g})})},zt=e=>{if(e!=null)switch(e){case"active":return"update_limit";case"locked":return"unlock";case"inactive":return"close";case"request_on_hold":return"revoke_invite";default:return}},so=e=>{if(e==null)return"Proceed";switch(e){case"active":return k.cardDetails.moreOptions.updateSpendLimit;case"locked":return k.cardDetails.moreOptions.unlock;case"inactive":return k.closeCard.closeCard;case"request_on_hold":return k.cardDetails.revokeInvite;default:return F.proceed}},oo=e=>{switch(zt(e)){case"update_limit":return{minWidth:"173px"};case"unlock":return{minWidth:"119px"};case"close":return{minWidth:"111px"};case"revoke_invite":return{minWidth:"128px"};default:return{}}},_t=h.forwardRef((e,n)=>{const{children:i,style:c,...d}=e;return s.jsxRuntimeExports.jsx(Mt,{ref:n,style:{...c,width:"auto"},...d,children:s.jsxRuntimeExports.jsx(So,{children:i})})});_t.displayName=k.cardList.headerElementDisplayName;const no=({cardList:e,controllerEmails:n,creditAccount:i,creditAccountRepayment:c,fetchState:d,uiState:a,setCardIdForRowAction:r,setActionTypeForRowAction:l,receiptBotEmail:x,searchText:E,resendInviteId:g,showViewForCardUser:j,signedInUser:C,isChargeCardFeatureEnabled:f,isChargeCardSetupEnabled:m,isDebitCardFeatureEnabled:p,isDebitCardSetupEnabled:S,cashbackInformation:R,creditAccountInformation:z,debitAccountInformation:v,productInformation:I,isBulkActionAllowed:_,isCardControlsEnabled:u,cardsSelectedForBulkAction:w,firstSelectedCardStatus:q,bulkSubmissionLimit:T,updateBulkActionList:V,removeAllCardsFromBulkActionList:H,onProceedForBulkActionClick:N,onBulkCloseClick:M,onBulkLockClick:O,setShowBulkChangeSpendLimitPopup:K,onChargeCardRowClick:$,onReloadCards:B,onColumnSortConfigChanged:P,onChargeCardResendInviteClick:Q,depositAccountListWithDebitCardIssued:X,rowActionView:G,revokeChargeCardsInviteFetchState:re,unlockChargeCardsFetchState:L})=>(t.useSentryPerformanceTracking({componentName:"cards.list",enabled:d==="Completed"}),s.jsxRuntimeExports.jsx(to,{cardList:e,controllerEmails:n,creditAccount:i,creditAccountRepayment:c,setCardIdForRowAction:r,setActionTypeForRowAction:l,rowActionView:G,isChargeCardFeatureEnabled:f,isChargeCardSetupEnabled:m,isDebitCardFeatureEnabled:p,isDebitCardSetupEnabled:S,cashbackInformation:R,creditAccountInformation:z,debitAccountInformation:v,productInformation:I,isBulkActionAllowed:_,isCardControlsEnabled:u,cardsSelectedForBulkAction:w,firstSelectedCardStatus:q,bulkSubmissionLimit:T,updateBulkActionList:V,removeAllCardsFromBulkActionList:H,onProceedForBulkActionClick:N,onBulkCloseClick:M,onBulkLockClick:O,setShowBulkChangeSpendLimitPopup:K,depositAccountListWithDebitCardIssued:X,showViewForCardUser:j,signedInUser:C,fetchState:d,revokeChargeCardsInviteFetchState:re,unlockChargeCardsFetchState:L,receiptBotEmail:x,searchText:E,resendInviteId:g,onReloadCards:B,onChargeCardRowClick:$,uiState:a,onColumnSortConfigChanged:P,onChargeCardResendInviteClick:Q})),io=h.memo(no),ro=({uiState:e,onColumnSortConfigChanged:n,isBulkActionAllowed:i,isCardControlsEnabled:c,cardsSelectedForBulkAction:d,firstSelectedCardStatus:a,bulkSubmissionLimit:r,index:l,setCardIdForRowAction:x,setActionTypeForRowAction:E,rowActionView:g,revokeChargeCardsInviteFetchState:j,unlockChargeCardsFetchState:C,style:f,cardList:m,showViewForCardUser:p,signedInUser:S,resendInviteId:R,onChargeCardResendInviteClick:z,onChargeCardRowClick:v})=>{const I=t.useWindowSizeContext(),_=s.useTheme(),u=g.cardId!=null&&g.unlockChargeCardsFetchState.fetchState==="In-Progress"||C==="In-Progress"&&d.length>0,w=!i||u||c===!1||m.length<=1?"off":d.length>0?"always_on":"checked_or_hover",q={gap:t.Space.sp3,width:"auto",marginLeft:D.checkBoxContainerStyleMarginLeft.valuePx(I),marginRight:D.checkBoxContainerStyleMarginRight.valuePx(I)},T={marginLeft:D.labelCheckBoxStyleMarginLeft.valuePx(I)},V=lo(I),H=ao(I),N={width:"100%"},M={backgroundColor:_.colors.grey4},O={...f,width:"100%"},K=h.useMemo(()=>{const X=[ne.common.all.toLowerCase()];for(const G of m)if(!(c&&!ue(G,void 0,a))&&(X.push(G.id),r!=null&&X.length===r+1))break;return X},[m,c,a,r]),$={label:"",defaultChecked:!1,groupLabel:!0,value:ne.common.all.toLowerCase(),isException:!(d.length>0)},B=l===0,P=B?null:m[l-1],Q=h.useMemo(()=>B?{label:s.jsxRuntimeExports.jsx(Ss,{companyNameSticky:!1,showViewForCardUser:p,onColumnSortConfigChanged:n,sortConfig:{sortKey:e.sortKey,sortOrder:e.sortOrder}}),defaultChecked:!1,groupLabel:!0,value:ne.common.all.toLowerCase(),isException:!(d.length>0&&m.length>1)}:P==null?{label:s.jsxRuntimeExports.jsx("div",{}),value:"",groupLabel:!1,defaultChecked:!1,isException:!1}:{label:s.jsxRuntimeExports.jsx(Nt,{setCardIdForRowAction:x,setActionTypeForRowAction:E,rowActionView:g,revokeChargeCardsInviteFetchState:j,unlockChargeCardsFetchState:C,cardsSelectedForBulkAction:d,isCardControlsEnabled:c,showViewForCardUser:p,cardDetail:P,signedInUser:S,resendInviteId:R,index:l-1,onChargeCardResendInviteClick:z,onChargeCardRowClick:v}),value:P.id,groupLabel:!1,defaultChecked:!1,isException:c&&i?!ue(P,void 0,a):!1,exceptionMode:"checked_or_hover",exceptionInfo:Ys(P,void 0,a),exceptionType:ue(P,void 0,a)?void 0:"info"},[B,P,p,n,e.sortKey,e.sortOrder,d,x,E,g,j,C,c,S,R,l,z,v,a]);return s.jsxRuntimeExports.jsx(jo,{style:O,className:"spend-management-list-item",children:s.jsxRuntimeExports.jsx(dt,{checkBox:Q,fieldName:"bulkSelectIds",index:l,allCheckBoxValues:K,groupLabelCheckBox:$,mode:w,checkBoxContainerStyle:q,checkBoxIconStyle:M,checkBoxStyle:B?T:V,labelCheckBoxStyle:T,labelStyle:N,style:{gap:t.Space.sp3},infoIconContainerStyle:H,selectionLimit:r})})},ao=e=>{let n={zIndex:1,height:t.Space.sp3,display:"flex",alignItems:"center"};return e==="small"&&(n={...n,position:"absolute",left:t.Space.sp2,marginBottom:t.Space.sp1,width:t.Space.sp4,height:t.Space.sp4}),n},lo=e=>{let n={zIndex:1,marginBottom:t.Space.sp3,backgroundColor:"inherit"};return e==="small"&&(n={...n,position:"absolute",left:t.Space.sp1,width:t.Space.sp4,height:t.Space.sp4}),n},Nt=h.memo(({setCardIdForRowAction:e,setActionTypeForRowAction:n,rowActionView:i,revokeChargeCardsInviteFetchState:c,unlockChargeCardsFetchState:d,cardsSelectedForBulkAction:a,cardDetail:r,isCardControlsEnabled:l,showViewForCardUser:x,signedInUser:E,resendInviteId:g,index:j,onChargeCardResendInviteClick:C,onChargeCardRowClick:f})=>{const p=t.useWindowSizeContext()==="small"?Ts:Kt;return s.jsxRuntimeExports.jsx(p,{cardDetail:r,index:j,isCardControlsEnabled:l,setActionTypeForRowAction:n,setCardIdForRowAction:e,showViewForCardUser:x,signedInUser:E,revokeChargeCardsInviteFetchState:c,unlockChargeCardsFetchState:d,cardsSelectedForBulkAction:a,rowActionView:i,onChargeCardRowClick:f,resendInviteId:g,onChargeCardResendInviteClick:C})},(e,n)=>{const i=e.cardsSelectedForBulkAction.includes(e.cardDetail.id),c=n.cardsSelectedForBulkAction.includes(n.cardDetail.id),d=e.rowActionView.cardId===e.cardDetail.id,a=n.rowActionView.cardId===n.cardDetail.id;return i===c&&d===a&&e.cardDetail===n.cardDetail&&e.isCardControlsEnabled===n.isCardControlsEnabled&&e.unlockChargeCardsFetchState===n.unlockChargeCardsFetchState&&e.revokeChargeCardsInviteFetchState===n.revokeChargeCardsInviteFetchState&&e.resendInviteId===n.resendInviteId&&e.showViewForCardUser===n.showViewForCardUser&&e.signedInUser===n.signedInUser&&e.index===n.index});Nt.displayName="ChargeCardRowWrapper";const co=o(t.StandardSemiBoldSp)`
+  color: ${e=>e.theme.colors.brandColorSapphire};
+  ${({theme:e})=>e.mode==="dark"&&`color: ${t.Colors.brandColorPearl};`}
+`,po=o.div`
+  margin: ${e=>e.fetchState==="Error"?"auto":"unset"};
+  display: block;
+  height: 100%;
+`,xo=o.div`
+  display: flex;
+  width: 100%;
+  height: calc(100% - 60px);
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+`,mo=o.div`
+  height: 96px;
+  width: 96px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: ${e=>e.theme.colors.background};
+  border-radius: 50%;
+  cursor: pointer;
+`,uo=o(t.SvgReload)`
+  height: ${t.Space.sp5};
+  width: ${t.Space.sp5};
+  color: ${e=>e.theme.colors.grey1};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,ho=o(t.SmallRegularSp)`
+  margin-top: ${t.Space.sp3};
+  color: ${e=>e.theme.colors.hero};
+`,go=o.div`
+  position: sticky;
+  height: ${e=>e.isListTooLarge||e.windowSize==="small"?`calc(100vh - ${eo}px)`:`${e.availableHeight}px`};
+  max-width: 99.9%;
+  ${({isListTooLarge:e,windowSize:n})=>(e||n==="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: ${D.lastListItemHeight.valuePx(n)} !important;
+      padding-bottom: ${t.Space.sp9};
+    }
+  `}
+`,jo=o.div`
+  top: ${t.Space.sp0};
+  left: ${t.Space.sp0};
+  padding-bottom: ${t.Space.sp3};
+  box-sizing: border-box;
+`,So=o.div`
+  position: relative;
+  width: auto;
+  height: 100%;
+`,Mt=o.div``,Ro=o.div`
+  display: flex;
+  border: 1.25px solid transparent;
+  background: ${e=>`linear-gradient(${e.theme.colors.grey4}, ${e.theme.colors.grey4}) padding-box,
+    ${t.Colors.receiptAgentLinearGradient}
+      border-box`};
+  padding: ${t.Space.sp3} ${t.Space.sp4};
+  border-radius: ${t.Space.sp2};
+  align-items: ${e=>e.windowSize==="small"?"flex-start":"center"};
+  gap: ${t.Space.sp1};
+  margin: 0
+    ${e=>D.bannerWrapperMarginLeftRight.valuePx(e.windowSize)};
+  margin-bottom: ${t.Space.sp3};
+`,Eo=o(t.StandardRegularSp)`
+  color: ${e=>e.theme.colors.primary};
+`,fo=o(t.StandardMediumSp)`
+  color: ${e=>e.theme.colors.primary};
+`,wo=o(t.SvgCopy)`
+  height: ${t.Space.sp3};
+  width: ${t.Space.sp3};
+  color: ${e=>e.color??e.theme.colors.hero};
+  cursor: pointer;
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Co=o(t.SvgTickRoundFill)`
+  height: ${t.Space.sp3};
+  width: ${t.Space.sp3};
+  color: ${t.Colors.success};
+`,yo=o.span`
+  cursor: pointer;
+`,Ye=o.span`
+  position: absolute;
+  bottom: -${t.Space.sp5};
+  z-index: 1;
+  left: ${t.Space.sp2};
+`,Ae=o.span`
+  position: relative;
+  margin-left: ${t.Space.sp1};
+  top: 2px;
+`,Fe=o(t.SmallRegular)`
+  position: relative;
+  background: ${e=>e.theme.colors.black};
+  color: ${e=>e.color??e.theme.colors.grey1};
+  padding: 2px ${t.Space.sp2};
+  z-index: 1;
+  border-radius: ${t.Space.sp1};
+  left: -50%;
+  display: ${e=>e.shouldDisplay?"block":"none"};
+`,$o=o.div`
+  width: ${e=>D.styledAIIconContainerSize.valuePx(e.windowSize)};
+  min-width: ${e=>D.styledAIIconContainerSize.valuePx(e.windowSize)};
+  height: ${e=>D.styledAIIconContainerSize.valuePx(e.windowSize)};
+  top: ${t.Space.sp1};
+  position: ${e=>e.windowSize==="small"?"relative":"static"};
+`,vo=o(t.SvgAiIcon)`
+  color: ${e=>e.theme.colors.brandColorJade};
+  width: 100%;
+  height: 100%;
+`,bo=o.div`
+  width: 100%;
+  max-width: ${e=>e.windowSize==="small"?"calc(100% - 20px)":"unset"};
+`,ko=o.div`
+  display: flex;
+  justify-content: flex-start;
+  align-items: center;
+  gap: ${t.Space.sp2};
+  margin-left: ${t.Space.sp8};
+`,Io=(e,n,i)=>{const c=k.common.card,d=(e>1?c+"s":c)+k.cardList.bulkActions.selected;return e>0?s.jsxRuntimeExports.jsxs(ko,{style:i==="small"?{position:"absolute",top:t.Space.sp2,left:`-${t.Space.sp5}`}:{},children:[s.jsxRuntimeExports.jsx(Lo,{multiDigit:e>=10,children:e}),s.jsxRuntimeExports.jsx(To,{children:d}),e===n?s.jsxRuntimeExports.jsx(zo,{children:F.texts.maxLimit}):null]}):null},Lo=o(t.ExtraSmallRegular)`
+  height: 18px;
+  width: ${e=>e.multiDigit?"auto":"18px"};
+  padding: ${t.Space.sp0} 6px;
+  border-radius: ${t.Space.sp12};
+  border: ${e=>`1px solid ${e.theme.colors.grey1}`};
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  box-sizing: border-box;
+  color: ${e=>e.theme.colors.primary};
+`,To=o(t.StandardRegular)`
+  color: ${e=>e.theme.colors.primary};
+`,zo=o(t.SmallRegular)`
+  color: ${t.Colors.important};
+`,_o=({firstSelectedCardStatus:e,windowSize:n,setShowBulkChangeSpendLimitPopup:i,onBulkCloseClick:c,onBulkLockClick:d})=>{const[a,r]=h.useState(!1),[l,x]=h.useState(!1);if(h.useEffect(()=>{a||x(!1)},[a]),e==null||e!=="active"&&e!=="locked")return null;const E=()=>e==="active"?s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[s.jsxRuntimeExports.jsxs(me,{windowSize:n,onClick:g=>{g.stopPropagation(),r(!1),d?.()},children:[s.jsxRuntimeExports.jsx(Oo,{}),s.jsxRuntimeExports.jsx(et,{children:k.cardDetails.moreOptions.lock})]}),s.jsxRuntimeExports.jsx(De,{}),s.jsxRuntimeExports.jsxs(me,{windowSize:n,hoverImportant:!0,onClick:g=>{g.stopPropagation(),r(!1),c?.()},children:[s.jsxRuntimeExports.jsx(st,{}),s.jsxRuntimeExports.jsx(tt,{children:k.cardDetails.moreOptions.close})]})]}):e==="locked"?s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[s.jsxRuntimeExports.jsxs(me,{windowSize:n,onClick:g=>{g.stopPropagation(),r(!1),i(!0)},children:[s.jsxRuntimeExports.jsx(Po,{}),s.jsxRuntimeExports.jsx(et,{children:k.cardDetails.moreOptions.updateSpendLimit})]}),s.jsxRuntimeExports.jsx(De,{}),s.jsxRuntimeExports.jsxs(me,{windowSize:n,hoverImportant:!0,onClick:g=>{g.stopPropagation(),r(!1),c?.()},children:[s.jsxRuntimeExports.jsx(st,{}),s.jsxRuntimeExports.jsx(tt,{children:k.cardDetails.moreOptions.close})]})]}):null;return s.jsxRuntimeExports.jsx(No,{style:n==="small"?{position:"absolute",top:t.Space.sp7,right:`-${t.Space.sp5}`}:{},children:s.jsxRuntimeExports.jsx(Mo,{onMouseEnter:()=>{a||x(!0)},onMouseLeave:()=>{x(!1)},children:s.jsxRuntimeExports.jsx(t.Tooltip,{open:l&&!a,variant:"standard",title:k.cardList.moreActionsTooltip,placement:"bottom-end",children:s.jsxRuntimeExports.jsx(Ce.Menu,{isMenuVisible:!0,menuItems:s.jsxRuntimeExports.jsx(Ho,{children:E()}),setIsMenuOpen:r,isMenuOpen:a,menuIconStyles:{height:"auto"},styles:{transform:n==="small"?`translate(${t.Space.sp4}, -${t.Space.sp7})`:`translate(${t.Space.sp4}, -${t.Space.sp5})`}})})})})},No=o.div`
+  display: flex;
+  justify-content: flex-end;
+`,Mo=o.div`
+  min-width: ${t.Space.sp3};
+  margin-right: ${t.Space.sp8};
+  cursor: pointer;
+`,Ho=o.div`
+  margin: 5px ${t.Space.sp0};
+`,me=o(t.SmallRegular)`
+  ${({windowSize:e})=>As.moreItemFont.style(e)}
+  height: ${t.Space.sp6};
+  display: flex;
+  align-items: center;
+  padding: ${t.Space.sp0} ${t.Space.sp3};
+  color: ${e=>e.theme.colors.hero};
+  gap: ${t.Space.sp2};
+  cursor: pointer;
+  :hover {
+    background-color: ${e=>e.hoverImportant===!0?t.Colors.importantLight:e.theme.colors.background};
+    color: ${e=>e.theme.colors.primary};
+  }
+`,De=o.div`
+  height: 1px;
+  width: 100%;
+  background-color: ${e=>e.theme.colors.grey3};
+  margin: ${t.Space.sp1} ${t.Space.sp0};
+`,et=o(t.SmallRegular)`
+  color: inherit;
+`,tt=o(t.SmallRegular)`
+  color: ${t.Colors.important};
+`,Oo=o(t.SvgLock)`
+  width: ${t.Space.sp4};
+  height: ${t.Space.sp4};
+  color: inherit;
+`,st=o($e.SvgCloseCard)`
+  width: ${t.Space.sp4};
+  height: ${t.Space.sp4};
+  color: ${t.Colors.important};
+  &:hover {
+    color: ${t.Colors.important};
+  }
+`,Po=o(t.SvgLowBalance)`
+  width: ${t.Space.sp4};
+  height: ${t.Space.sp4};
+  color: inherit;
+`;exports.ActionTypeForRowAction=lt;exports.CHARGE_CARD_BULK_SELECTION_LIMIT=Xs;exports.ChargeCardListTable=io;