@zeniai/web-cockpit-ui 1.14.61-qa → 1.14.62-dev

package/dist/assets/ChargeCardListTable-Dxn8Y17P-BLWbpWSy.js

@@ -0,0 +1,711 @@
+import{j as t,cr as ni,aa as li,F as ne,ad as di,q as ie,ax as Se,a9 as ci,b as Fe,fX as hi,iM as pi,iN as ui,iO as mi,aQ as gi,o as i,aM as G,cA as xi,C as Be,h as I,b3 as wi,cH as Ci,iP as fi,iQ as yi,c5 as ye,bZ as Si,aS as ki,y as C,eT as vi,b9 as $i,iR as ji,aT as bi,M as Ii,ai as ee,fZ as Li,an as Y,am as Z,u as p,d3 as Fi,dc as zi,iS as Ai,iT as Pi,O as ft,ca as yt,iU as St,iV as Ri,c3 as Bi,cM as Ye,dN as Di,dO as q,aN as de,cJ as kt,P as vt,iW as _i,cP as Ei,iG as Ze,bP as $t,bX as jt,iX as Ti,iY as Oi,aU as $e,bx as Vi,cb as Ui,cc as Ni,iZ as Mi}from"./index-HCR8uiT1.js";import{w as he,b as f,n as o,i as Je}from"./vendor-Bs1fkIUX.js";import{P as Oe}from"./Menu-De_gaVnj-BIeYBB7q.js";import{T as bt}from"./RoleWithToolTip-MwI_BmVq-X2NuZkOe.js";import{j as Ve}from"./CardNumberSubText-Crk5WDQr-D42xv8Vo.js";import{_ as It}from"./ChargeCardUtils-BeG5m9OQ-BVnvyZkb.js";const ge=ne.getLocalizedStrings().spendManagement.chargeCard.cardList.header,Wi=ne.getLocalizedStrings().common.strings.empty,Qe={key:"owner",value:ge.owner,sortOrder:"ascending",width:new C(120,120,160,200,200)},Xe={key:"cardName",value:ge.cardName,sortOrder:"ascending",width:new C(120,120,160,171,171)},et={key:"cardType",value:ge.cardType,sortOrder:"ascending",width:new C(120,120,130,170,170)},tt={key:"status",value:ge.status,sortOrder:"ascending",width:new C(115,115,125,132,132)},it={key:"utilisation",value:ge.utilisation,sortOrder:"ascending",width:new C(p[11],p[11],p[11],p[12],120)},ot={key:"limit",value:ge.limit,sortOrder:"ascending",width:new C(68,68,68,120,120)},Lt=e=>e===!0?[{...Qe,width:new C(0,0),value:Wi},Xe,et,tt,it,ot]:[Qe,Xe,et,tt,it,ot],{common:Ce,spendManagement:{billPay:{paymentDetails:{feePercent:Hi}},chargeCard:b}}=ne.getLocalizedStrings(),se={containerPaddingLeft:new C(p[3],p[2]),containerPaddingRight:new C(p[2],p[3]),containerPaddingTop:new C(p[2],p[3]),containerPaddingBottom:new C(p[2],p[3]),containerMarginLeft:new C(p[4],p[0]),containerMarginRight:new C(p[4],p[0]),webkitLineClamp:new C(2,1,1,1,1)};var Ki=(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))(Ki||{});const qi={moreItemFont:new ft("extraSmallRegular","smallRegular")},Gi=({setCardIdForRowAction:e,setActionTypeForRowAction:s,rowActionView:r,revokeChargeCardsInviteFetchState:d,unlockChargeCardsFetchState:c,cardsSelectedForBulkAction:l,cardDetail:a,isCardControlsEnabled:n,showViewForCardUser:x,signedInUser:w,resendInviteId:g,index:S,onChargeCardRowClick:$,onChargeCardResendInviteClick:k})=>{const[h,m]=f.useState(!1),[y,R]=f.useState(!1);f.useEffect(()=>{h||R(!1)},[h]),f.useEffect(()=>{l.length>0&&h&&(m(!1),R(!1))},[l.length,h]);const B=r.cardId===a.id,D=l.includes(a.id),L=B&&r.unlockChargeCardsFetchState.fetchState==="In-Progress"||D&&c==="In-Progress",U=B&&r.revokeChargeCardFetchState.fetchState==="In-Progress"||D&&d==="In-Progress",u=L||U,v=ie(),E=!!Se().loggedInUserRole.includes("charge_card_user")||x,N=f.useCallback(()=>{$(a.id,S)},[a.id]),T=It(a)/a.limit.amount*100,M=a?.cardHolderUserId===w.userId,z=a.status.code!=="closed"&&a.status.code!=="closed_by_customer",O=Di(a.cardHolderUser,!1),H=a.balance,F=Lt(E),te=t.jsxs(t.Fragment,{children:[t.jsx(q,{isLoading:u,customStyle:{width:i.sp9,height:"20px",borderRadius:i.sp1},children:t.jsx(uo,{title:de("0,0.[00]",H),className:"amountToUtilize",children:de("0,0.[00]",H)})}),T!==0?t.jsx(q,{isLoading:u,customStyle:{width:i.sp11,height:i.sp3,borderRadius:i.sp1},children:t.jsx(mo,{className:"amountToUtilize",children:`${Math.round(T)}${Hi}`})}):null]}),J=a.type.code,_=b.cardList.tooltip[J],le=_!=null?M?_.self:`${O} ${_.cardUser}`:Ce.strings.empty;return t.jsx(Zi,{windowSize:v,children:t.jsx(Ji,{onClick:N,"data-testid":G("card-row",a.id),children:t.jsxs(Xi,{children:[E?null:t.jsx(ue,{children:t.jsxs(eo,{windowSize:v,responsiveWidth:F[0].width,children:[t.jsx(q,{isLoading:u,flex:"0 0",customStyle:{width:i.sp6,height:i.sp6,borderRadius:"50%"},children:t.jsx(kt,{personBasic:a.cardHolderUser,styles:{height:i.sp6,width:i.sp6,minWidth:i.sp6}})}),t.jsxs(io,{isLoading:u,children:[t.jsx(to,{isLoading:u,children:t.jsx(q,{isLoading:u,customStyle:{width:"88px",height:"20px",borderRadius:i.sp1},children:t.jsx(oo,{windowSize:v,title:O,className:"cardHolderName",children:O===Ce.strings.empty?Ce.strings.hyphen:O})})}),t.jsx(q,{isLoading:u,customStyle:{width:"104px",height:i.sp3,borderRadius:i.sp1},children:t.jsx(nt,{className:"additionalInfoContainer",children:a.cardHolderRoles?.userRoles!=null&&t.jsx(bt,{roles:a.cardHolderRoles?.userRoles})})})]})]})}),t.jsx(ue,{children:t.jsxs(no,{isLoading:u,windowSize:v,responsiveWidth:F[1].width,children:[t.jsx(q,{isLoading:u,customStyle:{width:"88px",height:"20px",borderRadius:i.sp1},children:t.jsx(lo,{title:a.cardName,className:"cardName",children:a.cardName})}),t.jsxs(q,{isLoading:u,customStyle:{width:"104px",height:i.sp3,borderRadius:i.sp1},children:[" ",t.jsx(yo,{windowSize:v,className:"cardNameSubText",children:a.status.code==="request_on_hold"?Ce.strings.hyphen:b.cardDetails.expiryHideOut+Ce.strings.space+a.accountLast4})]})]})}),t.jsx(ue,{children:t.jsx(co,{windowSize:v,responsiveWidth:F[2].width,children:t.jsx(ho,{className:"card-type",children:t.jsx(q,{isLoading:u,customStyle:{width:"144px",height:i.sp4,borderRadius:i.sp1},children:t.jsx(Ve,{cardDetail:a,forDetailPage:!1})})})})}),t.jsx(ue,{children:t.jsx(lt,{windowSize:v,isLoading:u,responsiveWidth:F[3].width,children:t.jsx(q,{isLoading:u,customStyle:{width:"112px",height:i.sp4,borderRadius:i.sp1},children:g===a.id?t.jsx(vt,{size:"Small",start:!0}):t.jsxs(po,{children:[t.jsx(wo,{children:a.status.code==="request_on_hold"?t.jsxs(ye,{display:"flex",title:le,placement:"top",style:{padding:`${i.sp2} ${i.sp3}`},children:[t.jsx(Le,{status:a.status.code,style:{cursor:"pointer"}}),t.jsx(go,{style:{marginLeft:i.sp1},className:"infoIconTooltip"})]}):t.jsx(Le,{status:a.status.code})}),a.status.code==="request_on_hold"&&!M?t.jsx(xo,{onClick:K=>{K.stopPropagation(),k(a.id)},"data-testid":G("send-reminder",a.id),children:b.cardList.sendReminder}):null]})})})}),t.jsx(ue,{children:t.jsx(lt,{windowSize:v,isLoading:u,responsiveWidth:F[4].width,children:te})}),t.jsx(ue,{children:t.jsxs(so,{windowSize:v,responsiveWidth:F[5].width,children:[t.jsxs(ro,{windowSize:v,isLoading:u,children:[t.jsx(q,{isLoading:u,customStyle:{width:"68px",height:"20px",borderRadius:i.sp1},children:t.jsx(ao,{className:"limitAmount",windowSize:v,title:de("0,0.[00]",a.limit),children:de("0,0.[00]",a.limit)})}),t.jsx(nt,{className:"additionalInfoContainer",children:t.jsx(q,{isLoading:u,customStyle:{width:i.sp8,height:i.sp3,borderRadius:i.sp1},children:a.creditLimitFrequency.name})})]}),t.jsx(Co,{className:"menu-icon",onMouseEnter:()=>{!h&&z&&R(!0)},onMouseLeave:()=>{z&&R(!1)},children:(()=>{const K=a.status.code==="locked",oe=a.status.code==="closed"||a.status.code==="closed_by_customer",xe=E?n&&!u&&!oe&&!(K&&a.isLockedByAdmin):n?!u&&z:a.status.code==="request_on_hold",j=l.length>0;return xe&&t.jsx(ye,{open:y&&!h&&!j,variant:"standard",title:b.cardList.moreActionsTooltip,placement:"bottom-end",children:t.jsx(Oe,{isMenuVisible:!0,menuItems:t.jsx(fo,{children:t.jsx(Ft,{cardDetail:a,isCardControlsEnabled:n,isChargeCardUser:E,setIsMenuOpen:m,setCardIdForRowAction:e,setActionTypeForRowAction:s})}),setIsMenuOpen:ze=>{j||m(ze)},isMenuOpen:h&&!j,menuIconStyles:{height:"auto",cursor:j?"not-allowed":"pointer",opacity:j?.5:1,pointerEvents:j?"none":"auto"},styles:{transform:`translate(${i.sp3},${i.sp2})`}})})})()})]})})]})})})},Ft=({cardDetail:e,isCardControlsEnabled:s,isChargeCardUser:r,setIsMenuOpen:d,setCardIdForRowAction:c,setActionTypeForRowAction:l})=>{const a=ie();return s?e.status.code==="request_on_hold"?t.jsxs(t.Fragment,{children:[t.jsxs(A,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("rename")},children:[t.jsx(pe,{}),t.jsx(W,{children:b.cardDetails.moreOptions.rename})]}),t.jsx(je,{}),t.jsxs(A,{hoverImportant:!0,windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("revoke_invite")},children:[t.jsx(Qi,{}),t.jsx(fe,{children:b.cardDetails.revokeInvite})]})]}):e.status.code==="inactive"?t.jsxs(t.Fragment,{children:[t.jsxs(A,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("rename")},children:[t.jsx(pe,{}),t.jsx(W,{children:b.cardDetails.moreOptions.rename})]}),t.jsx(je,{}),t.jsxs(A,{hoverImportant:!0,windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("close")},children:[t.jsx(Re,{}),t.jsx(fe,{children:b.cardDetails.moreOptions.close})]})]}):e.status.code==="locked"?r?t.jsxs(t.Fragment,{children:[t.jsxs(A,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("unlock")},children:[t.jsx(at,{}),t.jsx(W,{children:b.cardDetails.moreOptions.unlock})]}),t.jsxs(A,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("rename")},children:[t.jsx(pe,{}),t.jsx(W,{children:b.cardDetails.moreOptions.rename})]})]}):t.jsxs(t.Fragment,{children:[t.jsxs(A,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("unlock")},children:[t.jsx(at,{}),t.jsx(W,{children:b.cardDetails.moreOptions.unlock})]}),t.jsxs(A,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("rename")},children:[t.jsx(pe,{}),t.jsx(W,{children:b.cardDetails.moreOptions.rename})]}),t.jsxs(A,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("update_spend_limit")},children:[t.jsx(st,{}),t.jsx(W,{children:b.cardDetails.moreOptions.updateSpendLimit})]}),t.jsx(je,{}),t.jsxs(A,{hoverImportant:!0,windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("close")},children:[t.jsx(Re,{}),t.jsx(fe,{children:b.cardDetails.moreOptions.close})]})]}):r?t.jsxs(t.Fragment,{children:[t.jsxs(A,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("rename")},children:[t.jsx(pe,{}),t.jsx(W,{children:b.cardDetails.moreOptions.rename})]}),t.jsxs(A,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("lock")},children:[t.jsx(rt,{}),t.jsx(W,{children:b.cardDetails.moreOptions.lock})]})]}):t.jsxs(t.Fragment,{children:[t.jsxs(A,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("update_spend_limit")},children:[t.jsx(st,{}),t.jsx(W,{children:b.cardDetails.moreOptions.updateSpendLimit})]}),t.jsxs(A,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("rename")},children:[t.jsx(pe,{}),t.jsx(W,{children:b.cardDetails.moreOptions.rename})]}),t.jsxs(A,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("lock")},children:[t.jsx(rt,{}),t.jsx(W,{children:b.cardDetails.moreOptions.lock})]}),t.jsx(je,{}),t.jsxs(A,{windowSize:a,hoverImportant:!0,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("close")},children:[t.jsx(Re,{}),t.jsx(fe,{children:b.cardDetails.moreOptions.close})]})]}):e.status.code==="request_on_hold"?t.jsx(A,{hoverImportant:!0,windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("revoke_invite")},children:t.jsx(fe,{children:b.cardDetails.revokeInvite})}):null},Le=({status:e,style:s})=>{const r=Fe(),d=Yi(e,r),c=ne.getLocalizedStrings().spendManagement.chargeCard.cardList.status;return ie()==="small"?t.jsx(Ze,{textColor:d,text:c[e],tagStyles:{maxWidth:i.sp10,textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap",padding:"1px 6px",...s}}):t.jsx(Ze,{textColor:d,text:c[e],styles:s,tagStyles:{padding:"1px 6px"}})},Yi=(e,s)=>{switch(e){case"active":return new $e(I.success);case"request_on_hold":return new $e(I.graphColor36);case"inactive":return new $e(I.alert);default:return new $e(s.colors.grey1)}},W=o(Z)`
+  color: inherit;
+`,fe=o(Z)`
+  color: ${I.important};
+`,Zi=o.div`
+  display: flex;
+  background-color: ${e=>e.theme.colors.grey5};
+  padding-left: ${e=>se.containerPaddingLeft.valuePx(e.windowSize)};
+  padding-right: ${e=>se.containerPaddingRight.valuePx(e.windowSize)};
+  padding-top: ${e=>se.containerPaddingTop.valuePx(e.windowSize)};
+  padding-bottom: ${e=>se.containerPaddingBottom.valuePx(e.windowSize)};
+  border: ${e=>`1px solid ${e.theme.colors.grey3}`};
+  box-shadow: ${e=>e.theme.mode==="dark"?`${I.dropShadowNormalDark} ${i.sp0} 2px ${i.sp1}`:`${i.sp0} 2px ${i.sp1} ${I.dropShadowNormalLight}`};
+  border-radius: ${i.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=>se.containerMarginLeft.valuePx(e.windowSize)};
+  margin-left: ${e=>se.containerMarginRight.valuePx(e.windowSize)};
+  margin-bottom: ${i.sp3};
+  box-sizing: border-box;
+  align-items: center;
+`,Ji=o.div`
+  display: block;
+  width: 100%;
+`,Qi=o(Ui)`
+  width: ${i.sp4};
+  height: ${i.sp4};
+  color: ${I.important};
+`,Re=o(St)`
+  width: ${i.sp4};
+  height: ${i.sp4};
+  color: ${I.important};
+`,st=o(Mi)`
+  width: ${i.sp4};
+  height: ${i.sp4};
+  color: inherit;
+`,pe=o(Vi)`
+  width: ${i.sp4};
+  height: ${i.sp4};
+  color: inherit;
+`,rt=o(yt)`
+  width: ${i.sp4};
+  height: ${i.sp4};
+  color: inherit;
+`,at=o(Ni)`
+  width: ${i.sp4};
+  height: ${i.sp4};
+  color: inherit;
+`,Xi=o.div`
+  display: flex;
+  width: 100%;
+  justify-content: space-between;
+  align-items: center;
+`,eo=o.div`
+  display: flex;
+  column-gap: ${i.sp2};
+  align-items: flex-start;
+  width: ${e=>e.responsiveWidth.valuePx(e.windowSize)};
+  min-width: ${e=>e.responsiveWidth.valuePx(e.windowSize)};
+`,to=o.div`
+  display: flex;
+  align-items: center;
+  gap: ${i.sp1};
+  flex-grow: 1;
+  margin-bottom: ${e=>e.isLoading?0:`-${i.sp1}`};
+`,io=o.div`
+  display: flex;
+  flex-direction: column;
+  gap: ${e=>e.isLoading?i.sp1:i.sp0};
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+`,oo=o(Z)`
+  color: ${e=>e.theme.colors.hero};
+  flex-grow: 1;
+  -webkit-line-clamp: ${e=>se.webkitLineClamp.value(e.windowSize)};
+  -webkit-box-orient: vertical;
+  max-width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  text-transform: capitalize;
+`,so=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: ${i.sp6};
+`,ro=o(Z)`
+  display: flex;
+  flex-direction: column;
+  color: ${e=>e.theme.colors.hero};
+  justify-content: flex-start;
+  align-items: flex-end;
+  gap: ${e=>e.isLoading?i.sp1:i.sp0};
+`,ao=o(Z)`
+  color: ${e=>e.theme.colors.hero};
+  flex-grow: 1;
+  -webkit-line-clamp: ${e=>se.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: -${i.sp1};
+`,nt=o(ee)`
+  color: ${e=>e.theme.colors.hero};
+  max-width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+`,ue=o.div`
+  > div {
+    padding-left: ${i.sp3};
+    box-sizing: border-box;
+  }
+`,no=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?i.sp1:i.sp0};
+`,lo=o(Z)`
+  color: ${e=>e.theme.colors.hero};
+  max-width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  margin-bottom: -${i.sp1};
+`,co=o(Z)`
+  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;
+`,ho=o(Z)`
+  color: ${e=>e.theme.colors.hero};
+  max-width: 100%;
+  padding-right: ${i.sp2};
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+`,lt=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?i.sp1:i.sp0};
+`,po=o.div`
+  display: flex;
+  align-items: start;
+  flex-direction: column;
+`,uo=o(Z)`
+  color: ${e=>e.theme.colors.hero};
+  max-width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+`,mo=o(ee)`
+  color: ${e=>e.theme.colors.hero};
+`;o(Y)`
+  display: flex;
+  gap: ${i.sp2};
+  align-items: center;
+  color: ${e=>e.theme.colors.grey1};
+`;o.div`
+  display: flex;
+  align-items: center;
+  gap: ${i.sp2};
+`;o.div`
+  height: ${i.sp1};
+  width: ${i.sp1};
+  background-color: ${e=>e.theme.colors.grey1};
+  border-radius: 50%;
+  opacity: 0.4;
+`;const je=o.div`
+  height: 1px;
+  width: 100%;
+  background-color: ${e=>e.theme.colors.grey3};
+  margin: ${i.sp1} ${i.sp0};
+`;o.div`
+  display: flex;
+  align-items: center;
+  white-space: pre-wrap;
+`;const go=o($t)`
+  width: ${i.sp3};
+  height: ${i.sp3};
+  margin-bottom: 0;
+  color: ${e=>e.theme.colors.hero};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,xo=o(jt)`
+  color: ${I.link};
+  cursor: pointer;
+  &:hover {
+    text-decoration: underline;
+  }
+`,wo=o.div`
+  display: flex;
+  align-items: center;
+  gap: ${i.sp1};
+  &:hover {
+    .infoIconTooltip {
+      color: ${e=>e.theme.colors.primary};
+    }
+  }
+`,Co=o.div`
+  display: flex;
+  min-width: ${i.sp3};
+  margin-left: ${i.sp2};
+  position: absolute;
+  right: ${i.sp2};
+`,fo=o.div`
+  margin: 5px ${i.sp0};
+`,A=o(ee)`
+  ${({windowSize:e})=>qi.moreItemFont.style(e)}
+  height: ${i.sp6};
+  display: flex;
+  align-items: center;
+  padding: ${i.sp0} ${i.sp3};
+  color: ${e=>e.theme.colors.hero};
+  gap: ${i.sp2};
+  cursor: pointer;
+  :hover {
+    background-color: ${e=>e.hoverImportant===!0?I.importantLight:e.theme.colors.background};
+    color: ${e=>e.theme.colors.primary};
+  }
+`,yo=o(ee)`
+  color: ${e=>e.theme.colors.hero};
+  max-width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  display: flex;
+  align-items: center;
+  gap: ${i.sp1};
+`,zt=he.memo(({allCheckBoxValues:e,checkBox:s,fieldName:r,index:d,containerStyle:c,"data-testid":l,groupLabelCheckBox:a,registerOptions:n,style:x,mode:w,checkBoxContainerStyle:g,checkBoxIconStyle:S,checkBoxStyle:$,labelCheckBoxStyle:k,labelStyle:h,width:m,isDisabled:y,selectionLimit:R,infoIconContainerStyle:B,checkedIconColor:D,draggable:L=!1,onDragStart:U})=>{const{control:u}=Fi();return t.jsx(zi,{control:u,name:r,rules:n,render:({field:{value:v,onChange:E,ref:N}})=>t.jsx(So,{style:{display:"flex",alignItems:"center",width:"100%",...g,...c},"data-testid":l??G("virtualized-checkbox-field",r),children:t.jsx(Ai,{checkBox:s,index:d,value:v,allCheckBoxValues:e,mode:w,name:r,checkBoxContainerStyle:x,checkBoxIconStyle:S,checkBoxStyle:s.groupLabel?k:$,labelCheckBoxStyle:k,labelStyle:h,width:m,groupLabelCheckBox:a,infoIconContainerStyle:B,selectionLimit:R,checkedIconColor:D,isDisabled:y,draggable:L,onDragStart:U,ref:N,onChangeHandler:T=>Pi({event:T,value:v,allCheckBoxValues:e,groupLabelCheckBox:a,onChange:E})})})})},(e,s)=>e.checkBox===s.checkBox&&e.index===s.index&&e.mode===s.mode&&e.isDisabled===s.isDisabled&&e.selectionLimit===s.selectionLimit&&e.allCheckBoxValues.length===s.allCheckBoxValues.length&&e.groupLabelCheckBox?.value===s.groupLabelCheckBox?.value);zt.displayName="VirtualizedCheckBoxField";const So=o.div`
+  position: relative;
+`,Q={containerPaddingLeft:i.sp2,containerPaddingRight:i.sp3,containerPaddingTop:i.sp3,containerPaddingBottom:i.sp3,headerLastColumnTopPadding:new C(p[0],p[4]),headerLastColumnRightPadding:new C(p[3],p[11]),headerLastColumnBottomPadding:new C(p[0],p[4]),headerLastColumnLeftPadding:new C(p[0],p[11]),headerHeight:new C(Ti,Oi)};function ko({companyNameSticky:e,sortConfig:s,showViewForCardUser:r,onColumnSortConfigChanged:d}){const c=Fe(),l=ie(),a=!!Se().loggedInUserRole.includes("charge_card_user")||r,[n,x]=f.useState(Lt(a));f.useEffect(()=>{const h=[...n];for(const m of h)m.key===s.sortKey?m.sortOrder=s.sortOrder:m.sortOrder="ascending";x(h)},[s.sortKey,s.sortOrder]);const w=(h,m)=>{let y=m;s.sortKey===h&&(y=m==="ascending"?"descending":"ascending"),d(h,y)},g=n.find(h=>h.key===s.sortKey)??(a?n[1]:n[0]),S=h=>n.find(m=>m.key===h)?.value??"",$=(a?n.filter(h=>h.key!=="owner"):n).map(h=>h.key),k=ne.getLocalizedStrings().spendManagement.chargeCard.cardList;return l==="small"?t.jsxs(bo,{windowSize:l,children:[t.jsxs(Fo,{children:[t.jsx(Ao,{children:t.jsx(zo,{})}),t.jsx(Bi,{title:k.sortBy,placeholder:k.sortBy,pickerValues:$,valueToLabel:S,selectedValue:s.sortKey,onPickerSelectionChanged:h=>{w(h,"ascending")},optionTextStyle:Be.extraSmallRegular,titleTextStyle:Be.extraSmallRegular,titleColor:c.colors.primary,selectedOptionColor:c.colors.hero,optionBackgroundColor:c.colors.grey5,downChevronVisible:!1,backgroundColor:c.colors.grey4})]}),t.jsxs(Bo,{onClick:()=>w(g.key,g.sortOrder),"data-testid":G("mobile-cards-list-sort-clicked",s.sortKey),children:[t.jsx(Y,{children:g.value}),t.jsx(dt,{windowSize:l,sortDataValue:s.sortKey,headerdata:g,children:t.jsx(ct,{windowSize:l,children:t.jsx(Ye,{})})})]})]}):t.jsx($o,{windowSize:l,children:t.jsx(jo,{children:n.map(h=>h.width.value(l)!==0&&t.jsxs(Io,{companyNameSticky:e,sortDataValue:s.sortKey,actualDataValue:h.key,wrapperWidth:h.width,windowSize:l,children:[t.jsxs(Ro,{onClick:()=>w(h.key,h.sortOrder),"data-testid":G("cards-list-sort-clicked",s.sortKey),children:[t.jsx(Y,{children:h.value}),t.jsx(dt,{windowSize:l,sortDataValue:s.sortKey,headerdata:h,children:t.jsx(ct,{windowSize:l,children:t.jsx(Ye,{})})})]}),t.jsx(Po,{sortDataValue:s.sortKey,windowSize:l,isVisible:s.sortKey===h.key&&(a?h.key!=="cardName":h.key!=="owner"),children:t.jsx(Lo,{onClick:()=>w(a?"cardName":"owner","ascending"),"data-testid":G("cards-list-sort-cancel",s.sortKey)})})]},h.key))})})}const vo=he.memo(ko),$o=o.div`
+  top: ${i.sp0};
+  left: ${i.sp0};
+  z-index: 2;
+  background-color: ${e=>e.theme.colors.grey4};
+  position: sticky;
+  width: 100%;
+`,jo=o.div`
+  display: flex;
+  align-items: center;
+  box-sizing: border-box;
+  padding: ${Q.containerPaddingTop} ${Q.containerPaddingRight}
+    ${Q.containerPaddingBottom} ${Q.containerPaddingLeft};
+  justify-content: space-between;
+`,bo=o(ee)`
+  top: ${i.sp0};
+  left: ${i.sp0};
+  min-height: ${e=>Q.headerHeight.valuePx(e.windowSize)};
+  max-height: ${e=>Q.headerHeight.valuePx(e.windowSize)};
+  width: auto;
+  z-index: 2;
+  display: flex;
+  align-items: center;
+  box-sizing: border-box;
+  padding: ${e=>`${Q.headerLastColumnTopPadding.valuePx(e.windowSize)} ${Q.headerLastColumnRightPadding.valuePx(e.windowSize)} ${Q.headerLastColumnBottomPadding.valuePx(e.windowSize)} ${Q.headerLastColumnLeftPadding.valuePx(e.windowSize)}`};
+  background-color: ${e=>e.theme.colors.grey4};
+  justify-content: space-between;
+  position: sticky;
+  width: 100%;
+`,Io=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: ${i.sp0};
+  justify-content: ${e=>e.actualDataValue==="limit"?"flex-end":"flex-start"};
+  ${e=>e.companyNameSticky?Je`
+          position: sticky;
+          z-index: 1;
+        `:Je`
+          position: static;
+          z-index: 0;
+        `};
+  box-sizing: border-box;
+  overflow: hidden;
+  padding-left: ${i.sp3};
+  padding-right: ${e=>e.actualDataValue==="limit"?i.sp6:i.sp3};
+`,Lo=o(Ei)`
+  width: ${i.sp3};
+  height: ${i.sp3};
+  cursor: pointer;
+  color: ${e=>e.theme.colors.hero};
+`,dt=o.div`
+  display: flex;
+  align-items: center;
+  transform: ${e=>e.sortDataValue===e.headerdata.key&&e.headerdata.sortOrder==="descending"?"rotate(180deg)":"rotate(0deg)"};
+`,ct=o.div`
+  width: ${i.sp2};
+  height: ${i.sp2};
+  cursor: pointer;
+  color: inherit;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+`,Fo=o.div`
+  gap: ${i.sp1};
+  display: flex;
+  color: ${e=>e.theme.colors.hero};
+`,zo=o(_i)`
+  width: ${i.sp3};
+  height: ${i.sp3};
+  color: inherit;
+`,Ao=o.div`
+  margin-right: ${i.sp1};
+  display: flex;
+  align-items: center;
+`,Po=o.div`
+  display: ${e=>e.isVisible?"flex":"none"};
+  align-items: center;
+  padding-top: 2px;
+`,Ro=o.div`
+  display: flex;
+  cursor: pointer;
+  gap: 5px;
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Bo=o.div`
+  display: flex;
+  cursor: pointer;
+  gap: 5px;
+  color: ${e=>e.theme.colors.primary};
+`,{spendManagement:{billPay:{paymentDetails:{feePercent:Do}},chargeCard:ce},common:X}=ne.getLocalizedStrings(),De={containerMarginLeft:new C(p[3],p[8]),webkitLineClamp:new C(2,2,1,1,1)},_o=({setCardIdForRowAction:e,setActionTypeForRowAction:s,cardDetail:r,isCardControlsEnabled:d,showViewForCardUser:c,signedInUser:l,resendInviteId:a,index:n,onChargeCardRowClick:x,onChargeCardResendInviteClick:w,rowActionView:g,revokeChargeCardsInviteFetchState:S,unlockChargeCardsFetchState:$,cardsSelectedForBulkAction:k})=>{const h=!!Se().loggedInUserRole.includes("charge_card_user")||c,m=f.useCallback(()=>{x(r.id,n)},[r.id]);return h?t.jsx(Eo,{cardDetail:r,onRowClick:m}):t.jsx(To,{setCardIdForRowAction:e,setActionTypeForRowAction:s,cardDetail:r,isCardControlsEnabled:d,signedInUser:l,resendInviteId:a,onRowClick:m,onChargeCardResendInviteClick:w,rowActionView:g,revokeChargeCardsInviteFetchState:S,unlockChargeCardsFetchState:$,cardsSelectedForBulkAction:k,showViewForCardUser:c})},At=({cardDetail:e})=>{const s=e.balance,r=It(e)/e.limit.amount*100;return t.jsxs(No,{children:[t.jsx(Go,{children:de("0,0.[00]",s)}),r!==0?t.jsx(Ho,{children:`${Math.round(r)}${Do}`}):null]})},Eo=({cardDetail:e,onRowClick:s})=>{const r=ie();return t.jsx(Pt,{windowSize:r,children:t.jsx(Rt,{onClick:s,"data-testid":G("charge-card-user-row",e.id),children:t.jsxs(_e,{children:[t.jsx(Ut,{children:t.jsxs(Mt,{cardUser:!0,children:[t.jsxs(_t,{children:[t.jsx(Tt,{children:X.labels.cardName}),t.jsxs(Et,{children:[t.jsx(Ot,{title:e.cardName,children:e.cardName}),t.jsx(Zt,{windowSize:r,children:ce.cardDetails.expiryHideOut+X.strings.space+e.accountLast4})]})]}),t.jsxs(Bt,{children:[t.jsx(Dt,{children:`${ce.cardList.header.cardType}${X.strings.colon}`}),t.jsx(Te,{children:t.jsx(Ve,{cardDetail:e,forDetailPage:!1})})]}),t.jsxs(Wt,{children:[t.jsx(Kt,{children:X.labels.limit}),t.jsxs(qt,{children:[t.jsx(Ht,{children:de("0,0.[00]",e.limit)}),t.jsx(Gt,{}),t.jsx(Ee,{children:e.creditLimitFrequency.name})]})]})]})}),t.jsx(Nt,{children:t.jsxs(t.Fragment,{children:[e.status.code!=="request_on_hold"?t.jsx(At,{cardDetail:e}):null,t.jsxs(Vt,{children:[t.jsx(Le,{status:e.status.code}),e.status.code==="request_on_hold"?t.jsx(ye,{display:"flex",title:ce.cardList.tooltip[e.type.code].self,placement:"top",style:{padding:`${i.sp2} ${i.sp3}`},children:t.jsx(Yt,{className:"infoIconTooltip"})}):null]})]})})]})})})},To=({setCardIdForRowAction:e,setActionTypeForRowAction:s,cardDetail:r,isCardControlsEnabled:d,signedInUser:c,resendInviteId:l,onRowClick:a,onChargeCardResendInviteClick:n,rowActionView:x,revokeChargeCardsInviteFetchState:w,unlockChargeCardsFetchState:g,cardsSelectedForBulkAction:S,showViewForCardUser:$})=>{const[k,h]=f.useState(!1);f.useEffect(()=>{S.length>0&&k&&h(!1)},[S.length,k]);const m=!!Se().loggedInUserRole.includes("charge_card_user")||$,y=`${r.cardHolderUser?.firstName??""} ${r.cardHolderUser?.lastName??""}`,R=r?.cardHolderUserId===c.userId,B=ie(),D=r.type.code,L=ce.cardList.tooltip[D],U=L!=null?R?L.self:`${y} ${L.cardUser}`:X.strings.empty,u=x.cardId===r.id,v=S.includes(r.id),E=u&&x.unlockChargeCardsFetchState.fetchState==="In-Progress"||v&&g==="In-Progress",N=u&&x.revokeChargeCardFetchState.fetchState==="In-Progress"||v&&w==="In-Progress",T=E||N,M=r.status.code!=="closed"&&r.status.code!=="closed_by_customer";return t.jsx(Pt,{windowSize:B,children:t.jsxs(Rt,{onClick:a,"data-testid":G("charge-card-admin-row",r.id),children:[t.jsxs(_e,{children:[t.jsxs(Ut,{children:[t.jsx(Mo,{children:t.jsx(kt,{personBasic:r.cardHolderUser,styles:{height:i.sp6,width:i.sp6}})}),t.jsx(Wo,{children:t.jsxs(qo,{children:[t.jsx(Oo,{children:t.jsx(Vo,{windowSize:B,title:y,children:y})}),t.jsx(Ee,{style:{marginTop:`-${i.sp1}`},children:r.cardHolderRoles?.userRoles!=null&&t.jsx(bt,{roles:r.cardHolderRoles?.userRoles})})]})})]}),t.jsx(Nt,{children:t.jsx(t.Fragment,{children:l===r.id?t.jsx(vt,{size:"Small",start:!0}):t.jsxs(Xo,{children:[t.jsxs(Uo,{children:[r.status.code!=="request_on_hold"?t.jsx(At,{cardDetail:r}):null,t.jsxs(Vt,{children:[t.jsx(Le,{status:r.status.code}),r.status.code==="request_on_hold"?t.jsx(ye,{display:"flex",title:U,placement:"top",style:{padding:`${i.sp2} ${i.sp3}`},children:t.jsx(Yt,{className:"infoIconTooltip"})}):null]})]}),r.status.code==="request_on_hold"&&!R?t.jsx(Yo,{children:t.jsx(Zo,{onClick:z=>{z.stopPropagation(),n(r.id)},"data-testid":G("send-reminder-clicked",r.id),children:ce.cardList.sendReminder})}):null]})})})]}),t.jsxs(_e,{children:[t.jsxs(Mt,{cardUser:!1,children:[t.jsxs(_t,{children:[t.jsx(Tt,{children:`${X.labels.cardName}`}),t.jsxs(Et,{children:[t.jsx(Ot,{title:r.cardName,children:r.cardName}),t.jsx(Zt,{windowSize:B,children:r.status.code==="request_on_hold"?X.strings.hyphen:ce.cardDetails.expiryHideOut+X.strings.space+r.accountLast4})]})]}),t.jsxs(Bt,{children:[t.jsx(Dt,{children:`${ce.cardList.header.cardType}${X.strings.colon}`}),t.jsx(Te,{children:t.jsx(Te,{children:t.jsx(Ve,{cardDetail:r,forDetailPage:!1})})})]}),t.jsxs(Wt,{children:[t.jsx(Kt,{children:X.labels.limit}),t.jsxs(qt,{children:[t.jsx(Ht,{children:de("0,0.[00]",r.limit)}),t.jsx(Gt,{}),t.jsx(Ee,{children:r.creditLimitFrequency.name})]})]})]}),t.jsx(Ko,{children:t.jsx(Jo,{showMenu:!0,className:"menu-icon",children:(()=>{const z=r.status.code==="locked",O=r.status.code==="closed"||r.status.code==="closed_by_customer",H=m?d&&!T&&!O&&!(z&&r.isLockedByAdmin):d?!T&&M:r.status.code==="request_on_hold",F=S.length>0;return H&&t.jsx(Oe,{menuItems:t.jsx(Qo,{children:t.jsx(Ft,{cardDetail:r,isCardControlsEnabled:d,isChargeCardUser:m,setIsMenuOpen:h,setCardIdForRowAction:e,setActionTypeForRowAction:s})}),setIsMenuOpen:te=>{F||h(te)},isMenuOpen:k&&!F,menuIconStyles:{cursor:F?"not-allowed":"pointer",opacity:F?.5:1,pointerEvents:F?"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: ${i.sp3};
+  box-shadow: ${e=>`${i.sp0} 1px 2px ${e.theme.colors.dropShadowNormal}`};
+  border-radius: ${i.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=>De.containerMarginLeft.valuePx(e.windowSize)};
+  margin-left: ${e=>De.containerMarginLeft.valuePx(e.windowSize)};
+  margin-bottom: ${i.sp3};
+  width: 100%;
+`,Rt=o.div`
+  display: block;
+  width: 100%;
+`,_e=o.div`
+  display: flex;
+  width: 100%;
+  justify-content: space-between;
+`,Oo=o.div`
+  display: flex;
+  align-items: center;
+  gap: ${i.sp1};
+  flex-grow: 1;
+`,Vo=o(Z)`
+  color: ${e=>e.theme.colors.hero};
+  display: -webkit-box;
+  -webkit-line-clamp: ${e=>De.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(Y)`
+  color: ${e=>e.theme.colors.hero};
+  min-height: 18px;
+`,Bt=o(Y)`
+  color: ${e=>e.theme.colors.hero};
+  box-sizing: border-box;
+  display: flex;
+  align-items: flex-start;
+  gap: 14px;
+`,Dt=o.div``,Te=o.div`
+  max-width: 155px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+`,_t=o(Y)`
+  color: ${e=>e.theme.colors.hero};
+  display: flex;
+  flex-direction: row;
+  gap: ${i.sp2};
+`,Uo=o.div`
+  display: flex;
+  flex-direction: column;
+  gap: ${i.sp1};
+`,No=o.div`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+`,Et=o.div`
+  display: flex;
+  flex-direction: column;
+  max-width: 155px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+`,Tt=o.div``,Ot=o.div`
+  max-width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+`,Vt=o.div`
+  display: flex;
+  align-items: center;
+  gap: ${i.sp1};
+`,Mo=o.div``,Wo=o.div``,Ho=o(Y)`
+  color: ${e=>e.theme.colors.hero};
+  display: flex;
+  margin-top: -${i.sp1};
+`,Ut=o.div`
+  display: flex;
+  flex-direction: row;
+  gap: ${i.sp2};
+`,Nt=o.div`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+`,Mt=o.div`
+  display: flex;
+  flex-direction: column;
+  margin-left: ${e=>e.cardUser?i.sp0:i.sp7};
+`,Ko=o.div`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+  position: relative;
+`,qo=o.div`
+  margin-bottom: 6px;
+`,Wt=o(Y)`
+  color: ${e=>e.theme.colors.hero};
+  display: flex;
+  gap: ${i.sp6};
+  align-items: center;
+`,Ht=o.div``,Kt=o.div``,qt=o.div`
+  display: flex;
+  align-items: center;
+  gap: 6px;
+`,Gt=o.div`
+  border-radius: 100%;
+  width: ${i.sp1};
+  height: ${i.sp1};
+  background-color: ${e=>e.theme.colors.hero};
+`,Go=o(Y)`
+  color: ${e=>e.theme.colors.hero};
+`,Yo=o.div`
+  padding-right: 20px;
+`,Zo=o(jt)`
+  color: ${I.link};
+  cursor: pointer;
+  text-align: right;
+  &:hover {
+    text-decoration: underline;
+  }
+`,Yt=o($t)`
+  width: ${i.sp3};
+  height: ${i.sp3};
+  margin-bottom: 0;
+  color: ${e=>e.theme.colors.hero};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Jo=o.div`
+  position: absolute;
+  right: -${i.sp2};
+  top: ${i.sp2};
+`,Qo=o.div`
+  border: ${e=>`1px solid ${e.theme.colors.grey3}`};
+`,Xo=o.div`
+  display: flex;
+  align-items: end;
+  flex-direction: column;
+`,Zt=o(Y)`
+  color: ${e=>e.theme.colors.hero};
+  max-width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  display: flex;
+  align-items: center;
+  gap: ${i.sp1};
+`,qs=20,Ie=(e,s,r)=>!(r!=null&&e.status.code!==r||e.status.code==="closed"||e.status.code==="closed_by_customer"),es=(e,s,r)=>{const d=ne.getLocalizedStrings(),c=d.spendManagement.chargeCard.cardList.bulkActions.exceptionMessages;if(e.status.code==="closed"||e.status.code==="closed_by_customer")return c.closedCardsCannotBeSelected;if(r!=null&&e.status.code!==r){const l=d.spendManagement.chargeCard.cardList.status[r];return c.onlyCardsUnderStatusCanBeSelectedTogether.replace("__status__",l)}return c.cardCannotBeSelectedForAction},ae={lastListItemHeight:new C(200,158),bannerWrapperMarginLeftRight:new C(p[3],p[8]),styledAIIconContainerSize:new C(p[3],p[3]),checkBoxContainerStyleMarginLeft:new C(p[0],p[4]),checkBoxContainerStyleMarginRight:new C(p[0],p[8]),labelCheckBoxStyleMarginLeft:new C(p[2],p[0])},ts={moreItemFont:new ft("extraSmallRegular","smallRegular")},me=ne.getLocalizedStrings(),{spendManagement:{chargeCard:P},common:re}=me,ht=50,is=64,os=351,ss=136,Jt=he.memo(({cardList:e,controllerEmails:s,creditAccount:r,creditAccountRepayment:d,setCardIdForRowAction:c,setActionTypeForRowAction:l,rowActionView:a,showViewForCardUser:n,productInformation:x,isChargeCardFeatureEnabled:w,isChargeCardSetupEnabled:g,isDebitCardFeatureEnabled:S,isDebitCardSetupEnabled:$,cashbackInformation:k,creditAccountInformation:h,debitAccountInformation:m,depositAccountListWithDebitCardIssued:y,uiState:R,signedInUser:B,fetchState:D,revokeChargeCardsInviteFetchState:L,unlockChargeCardsFetchState:U,receiptBotEmail:u,searchText:v,resendInviteId:E,isBulkActionAllowed:N,isCardControlsEnabled:T,cardsSelectedForBulkAction:M,firstSelectedCardStatus:z,bulkSubmissionLimit:O,onProceedForBulkActionClick:H,onBulkCloseClick:F,onBulkLockClick:te,setShowBulkChangeSpendLimitPopup:J,onChargeCardResendInviteClick:_,onChargeCardRowClick:le,onReloadCards:K,onColumnSortConfigChanged:oe,handleClearSelection:xe})=>{const j=ie(),ze=Se(),Ue=ci().analytics,Ne=!!ze.loggedInUserRole.includes("charge_card_user"),Me=Fe(),[,We]=hi(),[ke,He]=f.useState(!1),[Ae,Ke]=f.useState(!1),ii=f.useCallback(()=>{u!=null&&((!w||r.fetchState==="Completed"&&d.fetchState==="Completed")&&(!(S&&$)||y.fetchState==="Completed")&&Ue.trackCardsCopyIconClick(s,x,"Cards List","Copy","copied","Receipt Email",u,k,h,m),We(u),He(!0))},[u,w,r.fetchState,d.fetchState,S,$,y.fetchState,Ue,s,x,k,h,m,We]);f.useEffect(()=>{if(ke===!0){const V=setTimeout(()=>{He(!1)},800);return()=>clearTimeout(V)}},[ke]);const oi=f.useCallback(V=>{H(V)},[H]),Pe=f.useCallback(V=>V===0?ht:j!=="small"?pi:Ne?ui:mi,[j,Ne]),si=f.useMemo(()=>{let V=ht+is;for(let we=1;we<=e.length;we++)V+=Pe(we);return V},[e.length,Pe]),qe=f.useMemo(()=>window.innerHeight-os,[]),ri=si>qe,Ge=f.useRef(null);f.useEffect(()=>{Ge.current?.resetAfterIndex(0)},[j]);const ai=()=>D==="Error"?t.jsxs(ms,{children:[t.jsx(gs,{onClick:K,"data-testid":G("charge-card-list-reload"),children:t.jsx(xs,{})}),t.jsx(ws,{children:re.reloadPage.label})]}):D==="Completed"&&e.length===0?t.jsx(xi,{sourceView:"charge_cards",style:{height:"calc(100vh - 450px)"},title:P.cardList.getStarted,message:v!==""?P.cardList.noDataWithFilterText:P.cardList.noDataText,messageStyle:{maxWidth:345,color:Me.colors.primary,...Be.largeRegular.cssObject}}):t.jsxs(ti,{children:[u!=null?t.jsxs(Ss,{windowSize:j,children:[t.jsx(Is,{windowSize:j,children:t.jsx(Ls,{})}),t.jsxs(Fs,{windowSize:j,children:[t.jsxs(ks,{children:[t.jsx(ps,{children:P.aiCardAgentText}),re.strings.space,P.receiptBotMessage,re.strings.space]}),t.jsxs(bs,{"data-testid":G("charge-card-list-copy-email"),onClick:ii,onMouseEnter:()=>Ke(!0),onMouseLeave:()=>Ke(!1),children:[t.jsx(vs,{children:u}),ke===!0?t.jsxs(ut,{children:[t.jsx(js,{}),t.jsx(pt,{children:t.jsx(mt,{shouldDisplay:Ae||ke,color:I.primaryDark,children:re.copyToClipBoard.copied})})]}):t.jsxs(ut,{children:[t.jsx($s,{color:Ae?Me.colors.primary:void 0}),t.jsx(pt,{children:t.jsx(mt,{shouldDisplay:Ae&&j!=="small",children:re.copyToClipBoard.copy})})]})]})]})]}):null,t.jsx(Cs,{windowSize:j,availableHeight:qe,isListTooLarge:ri,children:t.jsx(wi,{children:({height:V,width:we})=>t.jsx(Ci,{ref:Ge,height:V,itemCount:e.length+1,innerElementType:Xt,itemSize:Pe,estimatedItemSize:yi,itemKey:ve=>ve===0?"header":e[ve-1].id,width:we,overscanCount:fi,initialScrollOffset:0,children:ve=>t.jsx(ds,{...ve,setCardIdForRowAction:c,setActionTypeForRowAction:l,rowActionView:a,resendInviteId:E,onChargeCardResendInviteClick:_,onChargeCardRowClick:le,showViewForCardUser:n,cardList:e,signedInUser:B,uiState:R,revokeChargeCardsInviteFetchState:L,unlockChargeCardsFetchState:U,onColumnSortConfigChanged:oe,isBulkActionAllowed:N,isCardControlsEnabled:T,cardsSelectedForBulkAction:M,firstSelectedCardStatus:z,bulkSubmissionLimit:O})})})})]});return t.jsxs(us,{fetchState:D,children:[ai(),M.length>0&&U!=="In-Progress"&&L!=="In-Progress"?t.jsx(gi,{helperContainerStyle:j==="small"?{margin:`${i.sp5} ${i.sp7} ${i.sp2} ${i.sp0}`}:{},showPrimaryButton:!0,primaryBtn:{label:as(z),isLoading:!1,isDisabled:!1,type:"button",onClick:()=>{const V=Qt(z);V&&oi(V)}},cancelBtn:{label:re.texts.goBack,isDisabled:!1,onClick:xe,style:j==="small"?{}:ns(z)},leftSideComponent:As(M.length,O,j),rightSideComponent:t.jsx(Ds,{firstSelectedCardStatus:z,windowSize:j,setShowBulkChangeSpendLimitPopup:J,onBulkCloseClick:F,onBulkLockClick:te})}):null]})},(e,s)=>e.cardList===s.cardList&&e.cardsSelectedForBulkAction.length===s.cardsSelectedForBulkAction.length&&e.fetchState===s.fetchState&&e.uiState.sortKey===s.uiState.sortKey&&e.uiState.sortOrder===s.uiState.sortOrder&&e.rowActionView===s.rowActionView&&e.unlockChargeCardsFetchState===s.unlockChargeCardsFetchState&&e.revokeChargeCardsInviteFetchState===s.revokeChargeCardsInviteFetchState&&e.searchText===s.searchText&&e.receiptBotEmail===s.receiptBotEmail&&e.isCardControlsEnabled===s.isCardControlsEnabled&&e.firstSelectedCardStatus===s.firstSelectedCardStatus&&e.handleClearSelection===s.handleClearSelection);Jt.displayName="ChargeCardListContent";const rs=({cardsSelectedForBulkAction:e,cardList:s,firstSelectedCardStatus:r,bulkSubmissionLimit:d,updateBulkActionList:c,removeAllCardsFromBulkActionList:l,isChargeCardSetupEnabled:a,...n})=>{const x="bulkSelectIds",w=li({defaultValues:{[x]:e},values:{[x]:e}});f.useEffect(()=>{const S=w.watch(($,{name:k})=>{if(k===x){let h=[];const m=$[x]??[];if(m.includes(me.common.all.toLowerCase()))if(e.length===0){h=[];for(const y of s)if(Ie(y,void 0,r)&&h.push(y.id),h.length===d)break}else h=m.filter(y=>y!==me.common.all.toLowerCase());else h=m.filter(y=>y!=null);c(h)}});return()=>S.unsubscribe()},[c,e.length,s,r,d]);const g=f.useCallback(()=>{w.setValue(x,[]),l()},[w,l]);return t.jsx(di,{...w,children:t.jsx(Jt,{...n,cardsSelectedForBulkAction:e,cardList:s,firstSelectedCardStatus:r,bulkSubmissionLimit:d,isChargeCardSetupEnabled:a,handleClearSelection:g})})},Qt=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}},as=e=>{if(e==null)return"Proceed";switch(e){case"active":return P.cardDetails.moreOptions.updateSpendLimit;case"locked":return P.cardDetails.moreOptions.unlock;case"inactive":return P.closeCard.closeCard;case"request_on_hold":return P.cardDetails.revokeInvite;default:return re.proceed}},ns=e=>{switch(Qt(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{}}},Xt=f.forwardRef((e,s)=>{const{children:r,style:d,...c}=e;return t.jsx(ti,{ref:s,style:{...d,width:"auto"},...c,children:t.jsx(ys,{children:r})})});Xt.displayName=P.cardList.headerElementDisplayName;const ls=({cardList:e,controllerEmails:s,creditAccount:r,creditAccountRepayment:d,fetchState:c,uiState:l,setCardIdForRowAction:a,setActionTypeForRowAction:n,receiptBotEmail:x,searchText:w,resendInviteId:g,showViewForCardUser:S,signedInUser:$,isChargeCardFeatureEnabled:k,isChargeCardSetupEnabled:h,isDebitCardFeatureEnabled:m,isDebitCardSetupEnabled:y,cashbackInformation:R,creditAccountInformation:B,debitAccountInformation:D,productInformation:L,isBulkActionAllowed:U,isCardControlsEnabled:u,cardsSelectedForBulkAction:v,firstSelectedCardStatus:E,bulkSubmissionLimit:N,updateBulkActionList:T,removeAllCardsFromBulkActionList:M,onProceedForBulkActionClick:z,onBulkCloseClick:O,onBulkLockClick:H,setShowBulkChangeSpendLimitPopup:F,onChargeCardRowClick:te,onReloadCards:J,onColumnSortConfigChanged:_,onChargeCardResendInviteClick:le,depositAccountListWithDebitCardIssued:K,rowActionView:oe,revokeChargeCardsInviteFetchState:xe,unlockChargeCardsFetchState:j})=>(ni({componentName:"cards.list",enabled:c==="Completed"}),t.jsx(rs,{cardList:e,controllerEmails:s,creditAccount:r,creditAccountRepayment:d,setCardIdForRowAction:a,setActionTypeForRowAction:n,rowActionView:oe,isChargeCardFeatureEnabled:k,isChargeCardSetupEnabled:h,isDebitCardFeatureEnabled:m,isDebitCardSetupEnabled:y,cashbackInformation:R,creditAccountInformation:B,debitAccountInformation:D,productInformation:L,isBulkActionAllowed:U,isCardControlsEnabled:u,cardsSelectedForBulkAction:v,firstSelectedCardStatus:E,bulkSubmissionLimit:N,updateBulkActionList:T,removeAllCardsFromBulkActionList:M,onProceedForBulkActionClick:z,onBulkCloseClick:O,onBulkLockClick:H,setShowBulkChangeSpendLimitPopup:F,depositAccountListWithDebitCardIssued:K,showViewForCardUser:S,signedInUser:$,fetchState:c,revokeChargeCardsInviteFetchState:xe,unlockChargeCardsFetchState:j,receiptBotEmail:x,searchText:w,resendInviteId:g,onReloadCards:J,onChargeCardRowClick:te,uiState:l,onColumnSortConfigChanged:_,onChargeCardResendInviteClick:le})),Gs=he.memo(ls),ds=({uiState:e,onColumnSortConfigChanged:s,isBulkActionAllowed:r,isCardControlsEnabled:d,cardsSelectedForBulkAction:c,firstSelectedCardStatus:l,bulkSubmissionLimit:a,index:n,setCardIdForRowAction:x,setActionTypeForRowAction:w,rowActionView:g,revokeChargeCardsInviteFetchState:S,unlockChargeCardsFetchState:$,style:k,cardList:h,showViewForCardUser:m,signedInUser:y,resendInviteId:R,onChargeCardResendInviteClick:B,onChargeCardRowClick:D})=>{const L=ie(),U=Fe(),u=g.cardId!=null&&g.unlockChargeCardsFetchState.fetchState==="In-Progress"||$==="In-Progress"&&c.length>0,v=!r||u||d===!1||h.length<=1?"off":c.length>0?"always_on":"checked_or_hover",E={gap:i.sp3,width:"auto",marginLeft:ae.checkBoxContainerStyleMarginLeft.valuePx(L),marginRight:ae.checkBoxContainerStyleMarginRight.valuePx(L)},N={marginLeft:ae.labelCheckBoxStyleMarginLeft.valuePx(L)},T=hs(L),M=cs(L),z={width:"100%"},O={backgroundColor:U.colors.grey4},H={...k,width:"100%"},F=f.useMemo(()=>{const K=[me.common.all.toLowerCase()];for(const oe of h)if(!(d&&!Ie(oe,void 0,l))&&(K.push(oe.id),a!=null&&K.length===a+1))break;return K},[h,d,l,a]),te={label:"",defaultChecked:!1,groupLabel:!0,value:me.common.all.toLowerCase(),isException:!(c.length>0)},J=n===0,_=J?null:h[n-1],le=f.useMemo(()=>J?{label:t.jsx(vo,{companyNameSticky:!1,showViewForCardUser:m,onColumnSortConfigChanged:s,sortConfig:{sortKey:e.sortKey,sortOrder:e.sortOrder}}),defaultChecked:!1,groupLabel:!0,value:me.common.all.toLowerCase(),isException:!(c.length>0&&h.length>1)}:_==null?{label:t.jsx("div",{}),value:"",groupLabel:!1,defaultChecked:!1,isException:!1}:{label:t.jsx(ei,{setCardIdForRowAction:x,setActionTypeForRowAction:w,rowActionView:g,revokeChargeCardsInviteFetchState:S,unlockChargeCardsFetchState:$,cardsSelectedForBulkAction:c,isCardControlsEnabled:d,showViewForCardUser:m,cardDetail:_,signedInUser:y,resendInviteId:R,index:n-1,onChargeCardResendInviteClick:B,onChargeCardRowClick:D}),value:_.id,groupLabel:!1,defaultChecked:!1,isException:d&&r?!Ie(_,void 0,l):!1,exceptionMode:"checked_or_hover",exceptionInfo:es(_,void 0,l),exceptionType:Ie(_,void 0,l)?void 0:"info"},[J,_,m,s,e.sortKey,e.sortOrder,c,x,w,g,S,$,d,y,R,n,B,D,l]);return t.jsx(fs,{style:H,className:"spend-management-list-item",children:t.jsx(zt,{checkBox:le,fieldName:"bulkSelectIds",index:n,allCheckBoxValues:F,groupLabelCheckBox:te,mode:v,checkBoxContainerStyle:E,checkBoxIconStyle:O,checkBoxStyle:J?N:T,labelCheckBoxStyle:N,labelStyle:z,style:{gap:i.sp3},infoIconContainerStyle:M,selectionLimit:a})})},cs=e=>{let s={zIndex:1,height:i.sp3,display:"flex",alignItems:"center"};return e==="small"&&(s={...s,position:"absolute",left:i.sp2,marginBottom:i.sp1,width:i.sp4,height:i.sp4}),s},hs=e=>{let s={zIndex:1,marginBottom:i.sp3,backgroundColor:"inherit"};return e==="small"&&(s={...s,position:"absolute",left:i.sp1,width:i.sp4,height:i.sp4}),s},ei=he.memo(({setCardIdForRowAction:e,setActionTypeForRowAction:s,rowActionView:r,revokeChargeCardsInviteFetchState:d,unlockChargeCardsFetchState:c,cardsSelectedForBulkAction:l,cardDetail:a,isCardControlsEnabled:n,showViewForCardUser:x,signedInUser:w,resendInviteId:g,index:S,onChargeCardResendInviteClick:$,onChargeCardRowClick:k})=>{const h=ie()==="small"?_o:Gi;return t.jsx(h,{cardDetail:a,index:S,isCardControlsEnabled:n,setActionTypeForRowAction:s,setCardIdForRowAction:e,showViewForCardUser:x,signedInUser:w,revokeChargeCardsInviteFetchState:d,unlockChargeCardsFetchState:c,cardsSelectedForBulkAction:l,rowActionView:r,onChargeCardRowClick:k,resendInviteId:g,onChargeCardResendInviteClick:$})},(e,s)=>{const r=e.cardsSelectedForBulkAction.includes(e.cardDetail.id),d=s.cardsSelectedForBulkAction.includes(s.cardDetail.id),c=e.rowActionView.cardId===e.cardDetail.id,l=s.rowActionView.cardId===s.cardDetail.id;return r===d&&c===l&&e.cardDetail===s.cardDetail&&e.isCardControlsEnabled===s.isCardControlsEnabled&&e.unlockChargeCardsFetchState===s.unlockChargeCardsFetchState&&e.revokeChargeCardsInviteFetchState===s.revokeChargeCardsInviteFetchState&&e.resendInviteId===s.resendInviteId&&e.showViewForCardUser===s.showViewForCardUser&&e.signedInUser===s.signedInUser&&e.index===s.index});ei.displayName="ChargeCardRowWrapper";const ps=o(ji)`
+  color: ${e=>e.theme.colors.brandColorSapphire};
+  ${({theme:e})=>e.mode==="dark"&&`color: ${I.brandColorPearl};`}
+`,us=o.div`
+  margin: ${e=>e.fetchState==="Error"?"auto":"unset"};
+  display: block;
+  height: 100%;
+`,ms=o.div`
+  display: flex;
+  width: 100%;
+  height: calc(100% - 60px);
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+`,gs=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;
+`,xs=o(Si)`
+  height: ${i.sp5};
+  width: ${i.sp5};
+  color: ${e=>e.theme.colors.grey1};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,ws=o(ki)`
+  margin-top: ${i.sp3};
+  color: ${e=>e.theme.colors.hero};
+`,Cs=o.div`
+  position: sticky;
+  height: ${e=>e.isListTooLarge||e.windowSize==="small"?`calc(100vh - ${ss}px)`:`${e.availableHeight}px`};
+  max-width: 99.9%;
+  ${({isListTooLarge:e,windowSize:s})=>(e||s==="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: ${ae.lastListItemHeight.valuePx(s)} !important;
+      padding-bottom: ${i.sp9};
+    }
+  `}
+`,fs=o.div`
+  top: ${i.sp0};
+  left: ${i.sp0};
+  padding-bottom: ${i.sp3};
+  box-sizing: border-box;
+`,ys=o.div`
+  position: relative;
+  width: auto;
+  height: 100%;
+`,ti=o.div``,Ss=o.div`
+  display: flex;
+  border: 1.25px solid transparent;
+  background: ${e=>`linear-gradient(${e.theme.colors.grey4}, ${e.theme.colors.grey4}) padding-box,
+    ${I.receiptAgentLinearGradient}
+      border-box`};
+  padding: ${i.sp3} ${i.sp4};
+  border-radius: ${i.sp2};
+  align-items: ${e=>e.windowSize==="small"?"flex-start":"center"};
+  gap: ${i.sp1};
+  margin: 0
+    ${e=>ae.bannerWrapperMarginLeftRight.valuePx(e.windowSize)};
+  margin-bottom: ${i.sp3};
+`,ks=o($i)`
+  color: ${e=>e.theme.colors.primary};
+`,vs=o(bi)`
+  color: ${e=>e.theme.colors.primary};
+`,$s=o(Li)`
+  height: ${i.sp3};
+  width: ${i.sp3};
+  color: ${e=>e.color??e.theme.colors.hero};
+  cursor: pointer;
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,js=o(Ii)`
+  height: ${i.sp3};
+  width: ${i.sp3};
+  color: ${I.success};
+`,bs=o.span`
+  cursor: pointer;
+`,pt=o.span`
+  position: absolute;
+  bottom: -${i.sp5};
+  z-index: 1;
+  left: ${i.sp2};
+`,ut=o.span`
+  position: relative;
+  margin-left: ${i.sp1};
+  top: 2px;
+`,mt=o(ee)`
+  position: relative;
+  background: ${e=>e.theme.colors.black};
+  color: ${e=>e.color??e.theme.colors.grey1};
+  padding: 2px ${i.sp2};
+  z-index: 1;
+  border-radius: ${i.sp1};
+  left: -50%;
+  display: ${e=>e.shouldDisplay?"block":"none"};
+`,Is=o.div`
+  width: ${e=>ae.styledAIIconContainerSize.valuePx(e.windowSize)};
+  min-width: ${e=>ae.styledAIIconContainerSize.valuePx(e.windowSize)};
+  height: ${e=>ae.styledAIIconContainerSize.valuePx(e.windowSize)};
+  top: ${i.sp1};
+  position: ${e=>e.windowSize==="small"?"relative":"static"};
+`,Ls=o(vi)`
+  color: ${e=>e.theme.colors.brandColorJade};
+  width: 100%;
+  height: 100%;
+`,Fs=o.div`
+  width: 100%;
+  max-width: ${e=>e.windowSize==="small"?"calc(100% - 20px)":"unset"};
+`,zs=o.div`
+  display: flex;
+  justify-content: flex-start;
+  align-items: center;
+  gap: ${i.sp2};
+  margin-left: ${i.sp8};
+`,As=(e,s,r)=>{const d=P.common.card,c=(e>1?d+"s":d)+P.cardList.bulkActions.selected;return e>0?t.jsxs(zs,{style:r==="small"?{position:"absolute",top:i.sp2,left:`-${i.sp5}`}:{},children:[t.jsx(Ps,{multiDigit:e>=10,children:e}),t.jsx(Rs,{children:c}),e===s?t.jsx(Bs,{children:re.texts.maxLimit}):null]}):null},Ps=o(Y)`
+  height: 18px;
+  width: ${e=>e.multiDigit?"auto":"18px"};
+  padding: ${i.sp0} 6px;
+  border-radius: ${i.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};
+`,Rs=o(Z)`
+  color: ${e=>e.theme.colors.primary};
+`,Bs=o(ee)`
+  color: ${I.important};
+`,Ds=({firstSelectedCardStatus:e,windowSize:s,setShowBulkChangeSpendLimitPopup:r,onBulkCloseClick:d,onBulkLockClick:c})=>{const[l,a]=he.useState(!1),[n,x]=he.useState(!1);if(f.useEffect(()=>{l||x(!1)},[l]),e==null||e!=="active"&&e!=="locked")return null;const w=()=>e==="active"?t.jsxs(t.Fragment,{children:[t.jsxs(be,{windowSize:s,onClick:g=>{g.stopPropagation(),a(!1),c?.()},children:[t.jsx(Os,{}),t.jsx(xt,{children:P.cardDetails.moreOptions.lock})]}),t.jsx(gt,{}),t.jsxs(be,{windowSize:s,hoverImportant:!0,onClick:g=>{g.stopPropagation(),a(!1),d?.()},children:[t.jsx(Ct,{}),t.jsx(wt,{children:P.cardDetails.moreOptions.close})]})]}):e==="locked"?t.jsxs(t.Fragment,{children:[t.jsxs(be,{windowSize:s,onClick:g=>{g.stopPropagation(),a(!1),r(!0)},children:[t.jsx(Vs,{}),t.jsx(xt,{children:P.cardDetails.moreOptions.updateSpendLimit})]}),t.jsx(gt,{}),t.jsxs(be,{windowSize:s,hoverImportant:!0,onClick:g=>{g.stopPropagation(),a(!1),d?.()},children:[t.jsx(Ct,{}),t.jsx(wt,{children:P.cardDetails.moreOptions.close})]})]}):null;return t.jsx(_s,{style:s==="small"?{position:"absolute",top:i.sp7,right:`-${i.sp5}`}:{},children:t.jsx(Es,{onMouseEnter:()=>{l||x(!0)},onMouseLeave:()=>{x(!1)},children:t.jsx(ye,{open:n&&!l,variant:"standard",title:P.cardList.moreActionsTooltip,placement:"bottom-end",children:t.jsx(Oe,{isMenuVisible:!0,menuItems:t.jsx(Ts,{children:w()}),setIsMenuOpen:a,isMenuOpen:l,menuIconStyles:{height:"auto"},styles:{transform:s==="small"?`translate(${i.sp4}, -${i.sp7})`:`translate(${i.sp4}, -${i.sp5})`}})})})})},_s=o.div`
+  display: flex;
+  justify-content: flex-end;
+`,Es=o.div`
+  min-width: ${i.sp3};
+  margin-right: ${i.sp8};
+  cursor: pointer;
+`,Ts=o.div`
+  margin: 5px ${i.sp0};
+`,be=o(ee)`
+  ${({windowSize:e})=>ts.moreItemFont.style(e)}
+  height: ${i.sp6};
+  display: flex;
+  align-items: center;
+  padding: ${i.sp0} ${i.sp3};
+  color: ${e=>e.theme.colors.hero};
+  gap: ${i.sp2};
+  cursor: pointer;
+  :hover {
+    background-color: ${e=>e.hoverImportant===!0?I.importantLight:e.theme.colors.background};
+    color: ${e=>e.theme.colors.primary};
+  }
+`,gt=o.div`
+  height: 1px;
+  width: 100%;
+  background-color: ${e=>e.theme.colors.grey3};
+  margin: ${i.sp1} ${i.sp0};
+`,xt=o(ee)`
+  color: inherit;
+`,wt=o(ee)`
+  color: ${I.important};
+`,Os=o(yt)`
+  width: ${i.sp4};
+  height: ${i.sp4};
+  color: inherit;
+`,Ct=o(St)`
+  width: ${i.sp4};
+  height: ${i.sp4};
+  color: ${I.important};
+  &:hover {
+    color: ${I.important};
+  }
+`,Vs=o(Ri)`
+  width: ${i.sp4};
+  height: ${i.sp4};
+  color: inherit;
+`;export{Ki as D,Gs as a,qs as l};