@zeniai/web-components 3.16.92 → 3.16.94

package/dist/ChargeCardListTable-D8I5tlVr.cjs

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