@zeniai/web-components 3.16.39 → 3.16.40

package/dist/ChargeCardListTable-O5SXNbTR.cjs

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