@zeniai/web-cockpit-ui 1.14.82-qa → 1.14.83-dev

package/dist/assets/ChargeCardListTable-BGdEyXLV-BJk1B__-.js

@@ -0,0 +1,711 @@
+import{j as t,d4 as si,a8 as ai,a as le,aa as ni,u as te,a$ as ve,a7 as li,i as ze,ig as di,k7 as ci,k8 as hi,k9 as pi,bm as G,da as ui,t as De,C as I,bG as mi,dj as gi,ka as xi,kb as wi,bC as Ci,b as i,cz as fi,bq as Si,R as f,fU as ki,bM as vi,kc as yi,br as $i,g as ji,af as ee,ii as bi,cH as ke,s as u,cF as Ii,ai as J,di as Je,dF as Li,dO as Fi,kd as Ai,ke as zi,ah as Y,d as Ct,cM as ft,kf as St,kg as Ri,kh as Pi,dq as Bi,ki as kt,eR as Di,eK as q,bn as he,dm as vt,A as yt,kj as _i,kk as Ei,j$ as Ye,cq as $t,cx as jt,bs as be,c6 as Ti,cN as Oi,cO as Vi,kl as Ni}from"./index-2CdI-B2B.js";import{o as ue,a as S}from"./core-tlHkQPPu.js";import{n as o,c as Qe}from"./mui-kiGMfX4-.js";import{h as Ve}from"./Menu-pyYbFxsT-C1MdlXRT.js";import{y as bt}from"./RoleWithToolTip-CWH-iJqI-DmzPBpda.js";import{h as Ne}from"./CardNumberSubText-COZ0PEHK-CGMTIPNh.js";const xe=le.getLocalizedStrings().spendManagement.chargeCard.cardList.header,Ui=le.getLocalizedStrings().common.strings.empty,Xe={key:"owner",value:xe.owner,sortOrder:"ascending",width:new f(120,120,160,200,200)},Ze={key:"cardName",value:xe.cardName,sortOrder:"ascending",width:new f(120,120,160,171,171)},et={key:"cardType",value:xe.cardType,sortOrder:"ascending",width:new f(120,120,130,170,170)},tt={key:"status",value:xe.status,sortOrder:"ascending",width:new f(115,115,125,132,132)},it={key:"utilisation",value:xe.utilisation,sortOrder:"ascending",width:new f(u[11],u[11],u[11],u[12],120)},ot={key:"limit",value:xe.limit,sortOrder:"ascending",width:new f(68,68,68,120,120)},It=e=>e===!0?[{...Xe,width:new f(0,0),value:Ui},Ze,et,tt,it,ot]:[Xe,Ze,et,tt,it,ot],{common:fe,spendManagement:{billPay:{paymentDetails:{feePercent:Mi}},chargeCard:$}}=le.getLocalizedStrings(),se={containerPaddingLeft:new f(u[3],u[2]),containerPaddingRight:new f(u[2],u[3]),containerPaddingTop:new f(u[2],u[3]),containerPaddingBottom:new f(u[2],u[3]),containerMarginLeft:new f(u[4],u[0]),containerMarginRight:new f(u[4],u[0]),webkitLineClamp:new f(2,1,1,1,1)};var Wi=(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))(Wi||{});const Hi={moreItemFont:new Ct("extraSmallRegular","smallRegular")},Ki=({setCardIdForRowAction:e,setActionTypeForRowAction:r,rowActionView:s,revokeChargeCardsInviteFetchState:d,unlockChargeCardsFetchState:c,cardsSelectedForBulkAction:l,cardDetail:a,isCardControlsEnabled:n,showViewForCardUser:p,signedInUser:g,resendInviteId:k,index:w,onChargeCardRowClick:j,onChargeCardResendInviteClick:v})=>{const[h,x]=S.useState(!1),[C,F]=S.useState(!1);S.useEffect(()=>{h||F(!1)},[h]),S.useEffect(()=>{l.length>0&&h&&(x(!1),F(!1))},[l.length,h]);const _=s.cardId===a.id,A=l.includes(a.id),R=_&&s.unlockChargeCardsFetchState.fetchState==="In-Progress"||A&&c==="In-Progress",E=_&&s.revokeChargeCardFetchState.fetchState==="In-Progress"||A&&d==="In-Progress",m=R||E,y=te(),W=ve(),B=!!W.loggedInUserRole.includes("charge_card_user")||p,H=S.useCallback(()=>{j(a.id,w)},[a.id]),N=kt(a)/a.limit.amount*100,T=a?.cardHolderUserId===g.userId,O=a.status.code!=="closed"&&a.status.code!=="closed_by_customer",U=Di(a.cardHolderUser,!1),Q=a.balance,b=It(B),D=t.jsxs(t.Fragment,{children:[t.jsx(q,{isLoading:m,customStyle:{width:i.sp9,height:"20px",borderRadius:i.sp1},children:t.jsx(ho,{title:he("0,0.[00]",Q),className:"amountToUtilize",children:he("0,0.[00]",Q)})}),N!==0?t.jsx(q,{isLoading:m,customStyle:{width:i.sp11,height:i.sp3,borderRadius:i.sp1},children:t.jsx(po,{className:"amountToUtilize",children:`${Math.round(N)}${Mi}`})}):null]}),de=a.type.code,K=$.cardList.tooltip[de],ie=K!=null?T?K.self:`${U} ${K.cardUser}`:fe.strings.empty;return t.jsx(Gi,{windowSize:y,children:t.jsx(Ji,{onClick:H,"data-testid":G("card-row",a.id),children:t.jsxs(Qi,{children:[B?null:t.jsx(me,{children:t.jsxs(Xi,{windowSize:y,responsiveWidth:b[0].width,children:[t.jsx(q,{isLoading:m,flex:"0 0",customStyle:{width:i.sp6,height:i.sp6,borderRadius:"50%"},children:t.jsx(vt,{personBasic:a.cardHolderUser,styles:{height:i.sp6,width:i.sp6,minWidth:i.sp6}})}),t.jsxs(eo,{isLoading:m,children:[t.jsx(Zi,{isLoading:m,children:t.jsx(q,{isLoading:m,customStyle:{width:"88px",height:"20px",borderRadius:i.sp1},children:t.jsx(to,{windowSize:y,title:U,className:"cardHolderName",children:U===fe.strings.empty?fe.strings.hyphen:U})})}),t.jsx(q,{isLoading:m,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(me,{children:t.jsxs(so,{isLoading:m,windowSize:y,responsiveWidth:b[1].width,children:[t.jsx(q,{isLoading:m,customStyle:{width:"88px",height:"20px",borderRadius:i.sp1},children:t.jsx(ao,{title:a.cardName,className:"cardName",children:a.cardName})}),t.jsxs(q,{isLoading:m,customStyle:{width:"104px",height:i.sp3,borderRadius:i.sp1},children:[" ",t.jsx(Co,{windowSize:y,className:"cardNameSubText",children:a.status.code==="request_on_hold"?fe.strings.hyphen:$.cardDetails.expiryHideOut+fe.strings.space+a.accountLast4})]})]})}),t.jsx(me,{children:t.jsx(no,{windowSize:y,responsiveWidth:b[2].width,children:t.jsx(lo,{className:"card-type",children:t.jsx(q,{isLoading:m,customStyle:{width:"144px",height:i.sp4,borderRadius:i.sp1},children:t.jsx(Ne,{cardDetail:a,forDetailPage:!1})})})})}),t.jsx(me,{children:t.jsx(lt,{windowSize:y,isLoading:m,responsiveWidth:b[3].width,children:t.jsx(q,{isLoading:m,customStyle:{width:"112px",height:i.sp4,borderRadius:i.sp1},children:k===a.id?t.jsx(yt,{size:"Small",start:!0}):t.jsxs(co,{children:[t.jsx(go,{children:a.status.code==="request_on_hold"?t.jsxs(ke,{display:"flex",title:ie,placement:"top",style:{padding:`${i.sp2} ${i.sp3}`},children:[t.jsx(Ae,{status:a.status.code,style:{cursor:"pointer"}}),t.jsx(uo,{style:{marginLeft:i.sp1},className:"infoIconTooltip"})]}):t.jsx(Ae,{status:a.status.code})}),a.status.code!=="request_on_hold"||T?null:t.jsx(mo,{onClick:ce=>{ce.stopPropagation(),v(a.id)},"data-testid":G("send-reminder",a.id),children:$.cardList.sendReminder})]})})})}),t.jsx(me,{children:t.jsx(lt,{windowSize:y,isLoading:m,responsiveWidth:b[4].width,children:D})}),t.jsx(me,{children:t.jsxs(io,{windowSize:y,responsiveWidth:b[5].width,children:[t.jsxs(oo,{windowSize:y,isLoading:m,children:[t.jsx(q,{isLoading:m,customStyle:{width:"68px",height:"20px",borderRadius:i.sp1},children:t.jsx(ro,{className:"limitAmount",windowSize:y,title:he("0,0.[00]",a.limit),children:he("0,0.[00]",a.limit)})}),t.jsx(nt,{className:"additionalInfoContainer",children:t.jsx(q,{isLoading:m,customStyle:{width:i.sp8,height:i.sp3,borderRadius:i.sp1},children:a.creditLimitFrequency.name})})]}),t.jsx(xo,{className:"menu-icon",onMouseEnter:()=>{!h&&O&&F(!0)},onMouseLeave:()=>{O&&F(!1)},children:(()=>{const ce=a.status.code==="locked",we=a.status.code==="closed"||a.status.code==="closed_by_customer",P=B?n&&!m&&!we&&!(ce&&a.isLockedByAdmin):n?!m&&O:a.status.code==="request_on_hold",oe=l.length>0;return P&&t.jsx(ke,{open:C&&!h&&!oe,variant:"standard",title:$.cardList.moreActionsTooltip,placement:"bottom-end",children:t.jsx(Ve,{isMenuVisible:!0,menuItems:t.jsx(wo,{children:t.jsx(Lt,{cardDetail:a,isCardControlsEnabled:n,isChargeCardUser:B,setIsMenuOpen:x,setCardIdForRowAction:e,setActionTypeForRowAction:r})}),setIsMenuOpen:ye=>{oe||x(ye)},isMenuOpen:h&&!oe,menuIconStyles:{height:"auto",cursor:oe?"not-allowed":"pointer",opacity:oe?.5:1,pointerEvents:oe?"none":"auto"},styles:{transform:`translate(${i.sp3},${i.sp2})`}})})})()})]})})]})})})},Lt=({cardDetail:e,isCardControlsEnabled:r,isChargeCardUser:s,setIsMenuOpen:d,setCardIdForRowAction:c,setActionTypeForRowAction:l})=>{const a=te();return r?e.status.code==="request_on_hold"?s?t.jsxs(L,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("rename")},children:[t.jsx(re,{}),t.jsx(V,{children:$.cardDetails.moreOptions.rename})]}):t.jsxs(t.Fragment,{children:[t.jsxs(L,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("rename")},children:[t.jsx(re,{}),t.jsx(V,{children:$.cardDetails.moreOptions.rename})]}),t.jsx(Ie,{}),t.jsxs(L,{hoverImportant:!0,windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("revoke_invite")},children:[t.jsx(Yi,{}),t.jsx(Se,{children:$.cardDetails.revokeInvite})]})]}):e.status.code==="inactive"?s?t.jsxs(L,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("rename")},children:[t.jsx(re,{}),t.jsx(V,{children:$.cardDetails.moreOptions.rename})]}):t.jsxs(t.Fragment,{children:[t.jsxs(L,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("rename")},children:[t.jsx(re,{}),t.jsx(V,{children:$.cardDetails.moreOptions.rename})]}),t.jsx(Ie,{}),t.jsxs(L,{hoverImportant:!0,windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("close")},children:[t.jsx(Be,{}),t.jsx(Se,{children:$.cardDetails.moreOptions.close})]})]}):e.status.code==="locked"?s?t.jsxs(t.Fragment,{children:[t.jsxs(L,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("unlock")},children:[t.jsx(at,{}),t.jsx(V,{children:$.cardDetails.moreOptions.unlock})]}),t.jsxs(L,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("rename")},children:[t.jsx(re,{}),t.jsx(V,{children:$.cardDetails.moreOptions.rename})]})]}):t.jsxs(t.Fragment,{children:[t.jsxs(L,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("unlock")},children:[t.jsx(at,{}),t.jsx(V,{children:$.cardDetails.moreOptions.unlock})]}),t.jsxs(L,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("rename")},children:[t.jsx(re,{}),t.jsx(V,{children:$.cardDetails.moreOptions.rename})]}),t.jsxs(L,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("update_spend_limit")},children:[t.jsx(rt,{}),t.jsx(V,{children:$.cardDetails.moreOptions.updateSpendLimit})]}),t.jsx(Ie,{}),t.jsxs(L,{hoverImportant:!0,windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("close")},children:[t.jsx(Be,{}),t.jsx(Se,{children:$.cardDetails.moreOptions.close})]})]}):s?t.jsxs(t.Fragment,{children:[t.jsxs(L,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("rename")},children:[t.jsx(re,{}),t.jsx(V,{children:$.cardDetails.moreOptions.rename})]}),t.jsxs(L,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("lock")},children:[t.jsx(st,{}),t.jsx(V,{children:$.cardDetails.moreOptions.lock})]})]}):t.jsxs(t.Fragment,{children:[t.jsxs(L,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("update_spend_limit")},children:[t.jsx(rt,{}),t.jsx(V,{children:$.cardDetails.moreOptions.updateSpendLimit})]}),t.jsxs(L,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("rename")},children:[t.jsx(re,{}),t.jsx(V,{children:$.cardDetails.moreOptions.rename})]}),t.jsxs(L,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("lock")},children:[t.jsx(st,{}),t.jsx(V,{children:$.cardDetails.moreOptions.lock})]}),t.jsx(Ie,{}),t.jsxs(L,{windowSize:a,hoverImportant:!0,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("close")},children:[t.jsx(Be,{}),t.jsx(Se,{children:$.cardDetails.moreOptions.close})]})]}):e.status.code==="request_on_hold"?t.jsx(L,{hoverImportant:!0,windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("revoke_invite")},children:t.jsx(Se,{children:$.cardDetails.revokeInvite})}):null},Ae=({status:e,style:r})=>{const s=ze(),d=qi(e,s),c=le.getLocalizedStrings().spendManagement.chargeCard.cardList.status;return te()==="small"?t.jsx(Ye,{textColor:d,text:c[e],tagStyles:{maxWidth:i.sp10,textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap",padding:"1px 6px",...r}}):t.jsx(Ye,{textColor:d,text:c[e],styles:r,tagStyles:{padding:"1px 6px"}})},qi=(e,r)=>{switch(e){case"active":return new be(I.success);case"request_on_hold":return new be(I.graphColor36);case"inactive":return new be(I.alert);default:return new be(r.colors.grey1)}},V=o(Y)`
+  color: inherit;
+`,Se=o(Y)`
+  color: ${I.important};
+`,Gi=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%;
+`,Yi=o(Oi)`
+  width: ${i.sp4};
+  height: ${i.sp4};
+  color: ${I.important};
+`,Be=o(St)`
+  width: ${i.sp4};
+  height: ${i.sp4};
+  color: ${I.important};
+`,rt=o(Ni)`
+  width: ${i.sp4};
+  height: ${i.sp4};
+  color: inherit;
+`,re=o(Ti)`
+  width: ${i.sp4};
+  height: ${i.sp4};
+  color: inherit;
+`,st=o(ft)`
+  width: ${i.sp4};
+  height: ${i.sp4};
+  color: inherit;
+`,at=o(Vi)`
+  width: ${i.sp4};
+  height: ${i.sp4};
+  color: inherit;
+`,Qi=o.div`
+  display: flex;
+  width: 100%;
+  justify-content: space-between;
+  align-items: center;
+`,Xi=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)};
+`,Zi=o.div`
+  display: flex;
+  align-items: center;
+  gap: ${i.sp1};
+  flex-grow: 1;
+  margin-bottom: ${e=>e.isLoading?0:`-${i.sp1}`};
+`,eo=o.div`
+  display: flex;
+  flex-direction: column;
+  gap: ${e=>e.isLoading?i.sp1:i.sp0};
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+`,to=o(Y)`
+  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;
+`,io=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};
+`,oo=o(Y)`
+  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};
+`,ro=o(Y)`
+  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;
+`,me=o.div`
+  > div {
+    padding-left: ${i.sp3};
+    box-sizing: border-box;
+  }
+`,so=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};
+`,ao=o(Y)`
+  color: ${e=>e.theme.colors.hero};
+  max-width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  margin-bottom: -${i.sp1};
+`,no=o(Y)`
+  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;
+`,lo=o(Y)`
+  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};
+`,co=o.div`
+  display: flex;
+  align-items: start;
+  flex-direction: column;
+`,ho=o(Y)`
+  color: ${e=>e.theme.colors.hero};
+  max-width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+`,po=o(ee)`
+  color: ${e=>e.theme.colors.hero};
+`;o(J)`
+  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 Ie=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 uo=o($t)`
+  width: ${i.sp3};
+  height: ${i.sp3};
+  margin-bottom: 0;
+  color: ${e=>e.theme.colors.hero};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,mo=o(jt)`
+  color: ${I.link};
+  cursor: pointer;
+  &:hover {
+    text-decoration: underline;
+  }
+`,go=o.div`
+  display: flex;
+  align-items: center;
+  gap: ${i.sp1};
+  &:hover {
+    .infoIconTooltip {
+      color: ${e=>e.theme.colors.primary};
+    }
+  }
+`,xo=o.div`
+  display: flex;
+  min-width: ${i.sp3};
+  margin-left: ${i.sp2};
+  position: absolute;
+  right: ${i.sp2};
+`,wo=o.div`
+  margin: 5px ${i.sp0};
+`,L=o(ee)`
+  ${({windowSize:e})=>Hi.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};
+  }
+`,Co=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};
+`,Ft=ue.memo(({allCheckBoxValues:e,checkBox:r,fieldName:s,index:d,containerStyle:c,"data-testid":l,groupLabelCheckBox:a,registerOptions:n,style:p,mode:g,checkBoxContainerStyle:k,checkBoxIconStyle:w,checkBoxStyle:j,labelCheckBoxStyle:v,labelStyle:h,width:x,isDisabled:C,selectionLimit:F,infoIconContainerStyle:_,checkedIconColor:A,draggable:R=!1,onDragStart:E})=>{const{control:m}=Li();return t.jsx(Fi,{control:m,name:s,rules:n,render:({field:{value:y,onChange:W,ref:B}})=>t.jsx(fo,{style:{display:"flex",alignItems:"center",width:"100%",...k,...c},"data-testid":l??G("virtualized-checkbox-field",s),children:t.jsx(Ai,{checkBox:r,index:d,value:y,allCheckBoxValues:e,mode:g,name:s,checkBoxContainerStyle:p,checkBoxIconStyle:w,checkBoxStyle:r.groupLabel?v:j,labelCheckBoxStyle:v,labelStyle:h,width:x,groupLabelCheckBox:a,infoIconContainerStyle:_,selectionLimit:F,checkedIconColor:A,isDisabled:C,draggable:R,onDragStart:E,ref:B,onChangeHandler:H=>zi({event:H,value:y,allCheckBoxValues:e,groupLabelCheckBox:a,onChange:W})})})})},(e,r)=>e.checkBox===r.checkBox&&e.index===r.index&&e.mode===r.mode&&e.isDisabled===r.isDisabled&&e.selectionLimit===r.selectionLimit&&e.allCheckBoxValues.length===r.allCheckBoxValues.length&&e.groupLabelCheckBox?.value===r.groupLabelCheckBox?.value);Ft.displayName="VirtualizedCheckBoxField";const fo=o.div`
+  position: relative;
+`,X={containerPaddingLeft:i.sp2,containerPaddingRight:i.sp3,containerPaddingTop:i.sp3,containerPaddingBottom:i.sp3,headerLastColumnTopPadding:new f(u[0],u[4]),headerLastColumnRightPadding:new f(u[3],u[11]),headerLastColumnBottomPadding:new f(u[0],u[4]),headerLastColumnLeftPadding:new f(u[0],u[11]),headerHeight:new f(_i,Ei)},So=ue.memo(function({companyNameSticky:e,sortConfig:r,showViewForCardUser:s,onColumnSortConfigChanged:d}){const c=ze(),l=te(),a=ve(),n=!!a.loggedInUserRole.includes("charge_card_user")||s,[p,g]=S.useState(It(n));S.useEffect(()=>{const h=[...p];for(const x of h)x.key===r.sortKey?x.sortOrder=r.sortOrder:x.sortOrder="ascending";g(h)},[r.sortKey,r.sortOrder]);const k=(h,x)=>{let C=x;r.sortKey===h&&(C=x==="ascending"?"descending":"ascending"),d(h,C)},w=p.find(h=>h.key===r.sortKey)??(n?p[1]:p[0]),j=(n?p.filter(h=>h.key!=="owner"):p).map(h=>h.key),v=le.getLocalizedStrings().spendManagement.chargeCard.cardList;return l==="small"?t.jsxs(yo,{windowSize:l,children:[t.jsxs(bo,{children:[t.jsx(Lo,{children:t.jsx(Io,{})}),t.jsx(Ii,{title:v.sortBy,placeholder:v.sortBy,pickerValues:j,valueToLabel:h=>p.find(x=>x.key===h)?.value??"",selectedValue:r.sortKey,onPickerSelectionChanged:h=>{k(h,"ascending")},optionTextStyle:De.extraSmallRegular,titleTextStyle:De.extraSmallRegular,titleColor:c.colors.primary,selectedOptionColor:c.colors.hero,optionBackgroundColor:c.colors.grey5,downChevronVisible:!1,backgroundColor:c.colors.grey4})]}),t.jsxs(zo,{onClick:()=>k(w.key,w.sortOrder),"data-testid":G("mobile-cards-list-sort-clicked",r.sortKey),children:[t.jsx(J,{children:w.value}),t.jsx(dt,{windowSize:l,sortDataValue:r.sortKey,headerdata:w,children:t.jsx(ct,{windowSize:l,children:t.jsx(Je,{})})})]})]}):t.jsx(ko,{windowSize:l,children:t.jsx(vo,{children:p.map(h=>h.width.value(l)!==0&&t.jsxs($o,{companyNameSticky:e,sortDataValue:r.sortKey,actualDataValue:h.key,wrapperWidth:h.width,windowSize:l,children:[t.jsxs(Ao,{onClick:()=>k(h.key,h.sortOrder),"data-testid":G("cards-list-sort-clicked",r.sortKey),children:[t.jsx(J,{children:h.value}),t.jsx(dt,{windowSize:l,sortDataValue:r.sortKey,headerdata:h,children:t.jsx(ct,{windowSize:l,children:t.jsx(Je,{})})})]}),t.jsx(Fo,{sortDataValue:r.sortKey,windowSize:l,isVisible:r.sortKey===h.key&&(n?h.key!=="cardName":h.key!=="owner"),children:t.jsx(jo,{onClick:()=>k(n?"cardName":"owner","ascending"),"data-testid":G("cards-list-sort-cancel",r.sortKey)})})]},h.key))})})}),ko=o.div`
+  top: ${i.sp0};
+  left: ${i.sp0};
+  z-index: 2;
+  background-color: ${e=>e.theme.colors.grey4};
+  position: sticky;
+  width: 100%;
+`,vo=o.div`
+  display: flex;
+  align-items: center;
+  box-sizing: border-box;
+  padding: ${X.containerPaddingTop} ${X.containerPaddingRight}
+    ${X.containerPaddingBottom} ${X.containerPaddingLeft};
+  justify-content: space-between;
+`,yo=o(ee)`
+  top: ${i.sp0};
+  left: ${i.sp0};
+  min-height: ${e=>X.headerHeight.valuePx(e.windowSize)};
+  max-height: ${e=>X.headerHeight.valuePx(e.windowSize)};
+  width: auto;
+  z-index: 2;
+  display: flex;
+  align-items: center;
+  box-sizing: border-box;
+  padding: ${e=>`${X.headerLastColumnTopPadding.valuePx(e.windowSize)} ${X.headerLastColumnRightPadding.valuePx(e.windowSize)} ${X.headerLastColumnBottomPadding.valuePx(e.windowSize)} ${X.headerLastColumnLeftPadding.valuePx(e.windowSize)}`};
+  background-color: ${e=>e.theme.colors.grey4};
+  justify-content: space-between;
+  position: sticky;
+  width: 100%;
+`,$o=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?Qe`
+          position: sticky;
+          z-index: 1;
+        `:Qe`
+          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};
+`,jo=o(Bi)`
+  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;
+`,bo=o.div`
+  gap: ${i.sp1};
+  display: flex;
+  color: ${e=>e.theme.colors.hero};
+`,Io=o(Pi)`
+  width: ${i.sp3};
+  height: ${i.sp3};
+  color: inherit;
+`,Lo=o.div`
+  margin-right: ${i.sp1};
+  display: flex;
+  align-items: center;
+`,Fo=o.div`
+  display: ${e=>e.isVisible?"flex":"none"};
+  align-items: center;
+  padding-top: 2px;
+`,Ao=o.div`
+  display: flex;
+  cursor: pointer;
+  gap: 5px;
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,zo=o.div`
+  display: flex;
+  cursor: pointer;
+  gap: 5px;
+  color: ${e=>e.theme.colors.primary};
+`,{spendManagement:{billPay:{paymentDetails:{feePercent:Ro}},chargeCard:pe},common:Z}=le.getLocalizedStrings(),_e={containerMarginLeft:new f(u[3],u[8]),webkitLineClamp:new f(2,2,1,1,1)},Po=({setCardIdForRowAction:e,setActionTypeForRowAction:r,cardDetail:s,isCardControlsEnabled:d,showViewForCardUser:c,signedInUser:l,resendInviteId:a,index:n,onChargeCardRowClick:p,onChargeCardResendInviteClick:g,rowActionView:k,revokeChargeCardsInviteFetchState:w,unlockChargeCardsFetchState:j,cardsSelectedForBulkAction:v})=>{const h=ve(),x=!!h.loggedInUserRole.includes("charge_card_user")||c,C=S.useCallback(()=>{p(s.id,n)},[s.id]);return x?t.jsx(Bo,{cardDetail:s,onRowClick:C}):t.jsx(Do,{setCardIdForRowAction:e,setActionTypeForRowAction:r,cardDetail:s,isCardControlsEnabled:d,signedInUser:l,resendInviteId:a,onRowClick:C,onChargeCardResendInviteClick:g,rowActionView:k,revokeChargeCardsInviteFetchState:w,unlockChargeCardsFetchState:j,cardsSelectedForBulkAction:v,showViewForCardUser:c})},At=({cardDetail:e})=>{const r=e.balance,s=kt(e)/e.limit.amount*100;return t.jsxs(Oo,{children:[t.jsx(Ho,{children:he("0,0.[00]",r)}),s!==0?t.jsx(Uo,{children:`${Math.round(s)}${Ro}`}):null]})},Bo=({cardDetail:e,onRowClick:r})=>{const s=te();return t.jsx(zt,{windowSize:s,children:t.jsx(Rt,{onClick:r,"data-testid":G("charge-card-user-row",e.id),children:t.jsxs(Ee,{children:[t.jsx(Vt,{children:t.jsxs(Ut,{cardUser:!0,children:[t.jsxs(Dt,{children:[t.jsx(Et,{children:Z.labels.cardName}),t.jsxs(_t,{children:[t.jsx(Tt,{title:e.cardName,children:e.cardName}),t.jsx(Jt,{windowSize:s,children:pe.cardDetails.expiryHideOut+Z.strings.space+e.accountLast4})]})]}),t.jsxs(Pt,{children:[t.jsx(Bt,{children:`${pe.cardList.header.cardType}${Z.strings.colon}`}),t.jsx(Oe,{children:t.jsx(Ne,{cardDetail:e,forDetailPage:!1})})]}),t.jsxs(Mt,{children:[t.jsx(Ht,{children:Z.labels.limit}),t.jsxs(Kt,{children:[t.jsx(Wt,{children:he("0,0.[00]",e.limit)}),t.jsx(qt,{}),t.jsx(Te,{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(Ot,{children:[t.jsx(Ae,{status:e.status.code}),e.status.code==="request_on_hold"?t.jsx(ke,{display:"flex",title:pe.cardList.tooltip[e.type.code].self,placement:"top",style:{padding:`${i.sp2} ${i.sp3}`},children:t.jsx(Gt,{className:"infoIconTooltip"})}):null]})]})})]})})})},Do=({setCardIdForRowAction:e,setActionTypeForRowAction:r,cardDetail:s,isCardControlsEnabled:d,signedInUser:c,resendInviteId:l,onRowClick:a,onChargeCardResendInviteClick:n,rowActionView:p,revokeChargeCardsInviteFetchState:g,unlockChargeCardsFetchState:k,cardsSelectedForBulkAction:w,showViewForCardUser:j})=>{const[v,h]=S.useState(!1);S.useEffect(()=>{w.length>0&&v&&h(!1)},[w.length,v]);const x=ve(),C=!!x.loggedInUserRole.includes("charge_card_user")||j,F=`${s.cardHolderUser?.firstName??""} ${s.cardHolderUser?.lastName??""}`,_=s?.cardHolderUserId===c.userId,A=te(),R=s.type.code,E=pe.cardList.tooltip[R],m=E!=null?_?E.self:`${F} ${E.cardUser}`:Z.strings.empty,y=p.cardId===s.id,W=w.includes(s.id),B=y&&p.unlockChargeCardsFetchState.fetchState==="In-Progress"||W&&k==="In-Progress",H=y&&p.revokeChargeCardFetchState.fetchState==="In-Progress"||W&&g==="In-Progress",N=B||H,T=s.status.code!=="closed"&&s.status.code!=="closed_by_customer";return t.jsx(zt,{windowSize:A,children:t.jsxs(Rt,{onClick:a,"data-testid":G("charge-card-admin-row",s.id),children:[t.jsxs(Ee,{children:[t.jsxs(Vt,{children:[t.jsx(Vo,{children:t.jsx(vt,{personBasic:s.cardHolderUser,styles:{height:i.sp6,width:i.sp6}})}),t.jsx(No,{children:t.jsxs(Wo,{children:[t.jsx(_o,{children:t.jsx(Eo,{windowSize:A,title:F,children:F})}),t.jsx(Te,{style:{marginTop:`-${i.sp1}`},children:s.cardHolderRoles?.userRoles!=null&&t.jsx(bt,{roles:s.cardHolderRoles?.userRoles})})]})})]}),t.jsx(Nt,{children:t.jsx(t.Fragment,{children:l===s.id?t.jsx(yt,{size:"Small",start:!0}):t.jsxs(Yo,{children:[t.jsxs(To,{children:[s.status.code!=="request_on_hold"?t.jsx(At,{cardDetail:s}):null,t.jsxs(Ot,{children:[t.jsx(Ae,{status:s.status.code}),s.status.code==="request_on_hold"?t.jsx(ke,{display:"flex",title:m,placement:"top",style:{padding:`${i.sp2} ${i.sp3}`},children:t.jsx(Gt,{className:"infoIconTooltip"})}):null]})]}),s.status.code!=="request_on_hold"||_?null:t.jsx(Ko,{children:t.jsx(qo,{onClick:O=>{O.stopPropagation(),n(s.id)},"data-testid":G("send-reminder-clicked",s.id),children:pe.cardList.sendReminder})})]})})})]}),t.jsxs(Ee,{children:[t.jsxs(Ut,{cardUser:!1,children:[t.jsxs(Dt,{children:[t.jsx(Et,{children:`${Z.labels.cardName}`}),t.jsxs(_t,{children:[t.jsx(Tt,{title:s.cardName,children:s.cardName}),t.jsx(Jt,{windowSize:A,children:s.status.code==="request_on_hold"?Z.strings.hyphen:pe.cardDetails.expiryHideOut+Z.strings.space+s.accountLast4})]})]}),t.jsxs(Pt,{children:[t.jsx(Bt,{children:`${pe.cardList.header.cardType}${Z.strings.colon}`}),t.jsx(Oe,{children:t.jsx(Oe,{children:t.jsx(Ne,{cardDetail:s,forDetailPage:!1})})})]}),t.jsxs(Mt,{children:[t.jsx(Ht,{children:Z.labels.limit}),t.jsxs(Kt,{children:[t.jsx(Wt,{children:he("0,0.[00]",s.limit)}),t.jsx(qt,{}),t.jsx(Te,{children:s.creditLimitFrequency.name})]})]})]}),t.jsx(Mo,{children:t.jsx(Go,{showMenu:!0,className:"menu-icon",children:(()=>{const O=s.status.code==="locked",U=s.status.code==="closed"||s.status.code==="closed_by_customer",Q=C?d&&!N&&!U&&!(O&&s.isLockedByAdmin):d?!N&&T:s.status.code==="request_on_hold",b=w.length>0;return Q&&t.jsx(Ve,{menuItems:t.jsx(Jo,{children:t.jsx(Lt,{cardDetail:s,isCardControlsEnabled:d,isChargeCardUser:C,setIsMenuOpen:h,setCardIdForRowAction:e,setActionTypeForRowAction:r})}),setIsMenuOpen:D=>{b||h(D)},isMenuOpen:v&&!b,menuIconStyles:{cursor:b?"not-allowed":"pointer",opacity:b?.5:1,pointerEvents:b?"none":"auto"},styles:{transform:"translate(5px,0px)"}})})()})})]})]})})},zt=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=>_e.containerMarginLeft.valuePx(e.windowSize)};
+  margin-left: ${e=>_e.containerMarginLeft.valuePx(e.windowSize)};
+  margin-bottom: ${i.sp3};
+  width: 100%;
+`,Rt=o.div`
+  display: block;
+  width: 100%;
+`,Ee=o.div`
+  display: flex;
+  width: 100%;
+  justify-content: space-between;
+`,_o=o.div`
+  display: flex;
+  align-items: center;
+  gap: ${i.sp1};
+  flex-grow: 1;
+`,Eo=o(Y)`
+  color: ${e=>e.theme.colors.hero};
+  display: -webkit-box;
+  -webkit-line-clamp: ${e=>_e.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;
+`,Te=o(J)`
+  color: ${e=>e.theme.colors.hero};
+  min-height: 18px;
+`,Pt=o(J)`
+  color: ${e=>e.theme.colors.hero};
+  box-sizing: border-box;
+  display: flex;
+  align-items: flex-start;
+  gap: 14px;
+`,Bt=o.div``,Oe=o.div`
+  max-width: 155px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+`,Dt=o(J)`
+  color: ${e=>e.theme.colors.hero};
+  display: flex;
+  flex-direction: row;
+  gap: ${i.sp2};
+`,To=o.div`
+  display: flex;
+  flex-direction: column;
+  gap: ${i.sp1};
+`,Oo=o.div`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+`,_t=o.div`
+  display: flex;
+  flex-direction: column;
+  max-width: 155px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+`,Et=o.div``,Tt=o.div`
+  max-width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+`,Ot=o.div`
+  display: flex;
+  align-items: center;
+  gap: ${i.sp1};
+`,Vo=o.div``,No=o.div``,Uo=o(J)`
+  color: ${e=>e.theme.colors.hero};
+  display: flex;
+  margin-top: -${i.sp1};
+`,Vt=o.div`
+  display: flex;
+  flex-direction: row;
+  gap: ${i.sp2};
+`,Nt=o.div`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+`,Ut=o.div`
+  display: flex;
+  flex-direction: column;
+  margin-left: ${e=>e.cardUser?i.sp0:i.sp7};
+`,Mo=o.div`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+  position: relative;
+`,Wo=o.div`
+  margin-bottom: 6px;
+`,Mt=o(J)`
+  color: ${e=>e.theme.colors.hero};
+  display: flex;
+  gap: ${i.sp6};
+  align-items: center;
+`,Wt=o.div``,Ht=o.div``,Kt=o.div`
+  display: flex;
+  align-items: center;
+  gap: 6px;
+`,qt=o.div`
+  border-radius: 100%;
+  width: ${i.sp1};
+  height: ${i.sp1};
+  background-color: ${e=>e.theme.colors.hero};
+`,Ho=o(J)`
+  color: ${e=>e.theme.colors.hero};
+`,Ko=o.div`
+  padding-right: 20px;
+`,qo=o(jt)`
+  color: ${I.link};
+  cursor: pointer;
+  text-align: right;
+  &:hover {
+    text-decoration: underline;
+  }
+`,Gt=o($t)`
+  width: ${i.sp3};
+  height: ${i.sp3};
+  margin-bottom: 0;
+  color: ${e=>e.theme.colors.hero};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Go=o.div`
+  position: absolute;
+  right: -${i.sp2};
+  top: ${i.sp2};
+`,Jo=o.div`
+  border: ${e=>`1px solid ${e.theme.colors.grey3}`};
+`,Yo=o.div`
+  display: flex;
+  align-items: end;
+  flex-direction: column;
+`,Jt=o(J)`
+  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};
+`,Vr=20,Fe=(e,r,s)=>(s==null||e.status.code===s)&&e.status.code!=="closed"&&e.status.code!=="closed_by_customer",Qo=(e,r,s)=>{const d=le.getLocalizedStrings(),c=d.spendManagement.chargeCard.cardList.bulkActions.exceptionMessages;if(e.status.code==="closed"||e.status.code==="closed_by_customer")return c.closedCardsCannotBeSelected;if(s!=null&&e.status.code!==s){const l=d.spendManagement.chargeCard.cardList.status[s];return c.onlyCardsUnderStatusCanBeSelectedTogether.replace("__status__",l)}return c.cardCannotBeSelectedForAction},ne={lastListItemHeight:new f(200,158),bannerWrapperMarginLeftRight:new f(u[3],u[8]),styledAIIconContainerSize:new f(u[3],u[3]),checkBoxContainerStyleMarginLeft:new f(u[0],u[4]),checkBoxContainerStyleMarginRight:new f(u[0],u[8]),labelCheckBoxStyleMarginLeft:new f(u[2],u[0])},Xo={moreItemFont:new Ct("extraSmallRegular","smallRegular")},ge=le.getLocalizedStrings(),{spendManagement:{chargeCard:z},common:ae}=ge,Yt=ue.memo(({cardList:e,controllerEmails:r,creditAccount:s,creditAccountRepayment:d,setCardIdForRowAction:c,setActionTypeForRowAction:l,rowActionView:a,showViewForCardUser:n,productInformation:p,isChargeCardFeatureEnabled:g,isChargeCardSetupEnabled:k,isDebitCardFeatureEnabled:w,isDebitCardSetupEnabled:j,cashbackInformation:v,creditAccountInformation:h,debitAccountInformation:x,depositAccountListWithDebitCardIssued:C,uiState:F,signedInUser:_,fetchState:A,revokeChargeCardsInviteFetchState:R,unlockChargeCardsFetchState:E,receiptBotEmail:m,searchText:y,resendInviteId:W,isBulkActionAllowed:B,isCardControlsEnabled:H,cardsSelectedForBulkAction:N,firstSelectedCardStatus:T,bulkSubmissionLimit:O,onProceedForBulkActionClick:U,onBulkCloseClick:Q,onBulkLockClick:b,setShowBulkChangeSpendLimitPopup:D,onChargeCardResendInviteClick:de,onChargeCardRowClick:K,onReloadCards:ie,onColumnSortConfigChanged:ce,handleClearSelection:we})=>{const P=te(),oe=ve(),ye=li().analytics,Ue=!!oe.loggedInUserRole.includes("charge_card_user"),Me=ze(),[,We]=di(),[$e,He]=S.useState(!1),[Re,Ke]=S.useState(!1),ti=S.useCallback(()=>{m!=null&&(g&&(s.fetchState!=="Completed"||d.fetchState!=="Completed")||w&&j&&C.fetchState!=="Completed"||ye.trackCardsCopyIconClick(r,p,"Cards List","Copy","copied","Receipt Email",m,v,h,x),We(m),He(!0))},[m,g,s.fetchState,d.fetchState,w,j,C.fetchState,ye,r,p,v,h,x,We]);S.useEffect(()=>{if($e===!0){const M=setTimeout(()=>{He(!1)},800);return()=>clearTimeout(M)}},[$e]);const ii=S.useCallback(M=>{U(M)},[U]),Pe=S.useCallback(M=>M===0?50:P!=="small"?ci:Ue?hi:pi,[P,Ue]),oi=S.useMemo(()=>{let M=114;for(let Ce=1;Ce<=e.length;Ce++)M+=Pe(Ce);return M},[e.length,Pe]),qe=S.useMemo(()=>window.innerHeight-351,[]),ri=oi>qe,Ge=S.useRef(null);return S.useEffect(()=>{Ge.current?.resetAfterIndex(0)},[P]),t.jsxs(ar,{fetchState:A,children:[A==="Error"?t.jsxs(nr,{children:[t.jsx(lr,{onClick:ie,"data-testid":G("charge-card-list-reload"),children:t.jsx(dr,{})}),t.jsx(cr,{children:ae.reloadPage.label})]}):A==="Completed"&&e.length===0?t.jsx(ui,{sourceView:"charge_cards",style:{height:"calc(100vh - 450px)"},title:z.cardList.getStarted,message:y!==""?z.cardList.noDataWithFilterText:z.cardList.noDataText,messageStyle:{maxWidth:345,color:Me.colors.primary,...De.largeRegular.cssObject}}):t.jsxs(ei,{children:[m!=null?t.jsxs(mr,{windowSize:P,children:[t.jsx(Sr,{windowSize:P,children:t.jsx(kr,{})}),t.jsxs(vr,{windowSize:P,children:[t.jsxs(gr,{children:[t.jsx(sr,{children:z.aiCardAgentText}),ae.strings.space,z.receiptBotMessage,ae.strings.space]}),t.jsxs(fr,{"data-testid":G("charge-card-list-copy-email"),onClick:ti,onMouseEnter:()=>Ke(!0),onMouseLeave:()=>Ke(!1),children:[t.jsx(xr,{children:m}),$e===!0?t.jsxs(pt,{children:[t.jsx(Cr,{}),t.jsx(ht,{children:t.jsx(ut,{shouldDisplay:Re||$e,color:I.primaryDark,children:ae.copyToClipBoard.copied})})]}):t.jsxs(pt,{children:[t.jsx(wr,{color:Re?Me.colors.primary:void 0}),t.jsx(ht,{children:t.jsx(ut,{shouldDisplay:Re&&P!=="small",children:ae.copyToClipBoard.copy})})]})]})]})]}):null,t.jsx(hr,{windowSize:P,availableHeight:qe,isListTooLarge:ri,children:t.jsx(mi,{children:({height:M,width:Ce})=>t.jsx(gi,{ref:Ge,height:M,itemCount:e.length+1,innerElementType:Xt,itemSize:Pe,estimatedItemSize:wi,itemKey:je=>je===0?"header":e[je-1].id,width:Ce,overscanCount:xi,initialScrollOffset:0,children:je=>t.jsx(ir,{...je,setCardIdForRowAction:c,setActionTypeForRowAction:l,rowActionView:a,resendInviteId:W,onChargeCardResendInviteClick:de,onChargeCardRowClick:K,showViewForCardUser:n,cardList:e,signedInUser:_,uiState:F,revokeChargeCardsInviteFetchState:R,unlockChargeCardsFetchState:E,onColumnSortConfigChanged:ce,isBulkActionAllowed:B,isCardControlsEnabled:H,cardsSelectedForBulkAction:N,firstSelectedCardStatus:T,bulkSubmissionLimit:O})})})})]}),N.length>0&&E!=="In-Progress"&&R!=="In-Progress"?t.jsx(Ci,{helperContainerStyle:P==="small"?{margin:`${i.sp5} ${i.sp7} ${i.sp2} ${i.sp0}`}:{},showPrimaryButton:!0,primaryBtn:{label:er(T),isLoading:!1,isDisabled:!1,type:"button",onClick:()=>{const M=Qt(T);M&&ii(M)}},cancelBtn:{label:ae.texts.goBack,isDisabled:!1,onClick:we,style:P==="small"?{}:tr(T)},leftSideComponent:$r(N.length,O,P),rightSideComponent:t.jsx(Lr,{firstSelectedCardStatus:T,windowSize:P,setShowBulkChangeSpendLimitPopup:D,onBulkCloseClick:Q,onBulkLockClick:b})}):null]})},(e,r)=>e.cardList===r.cardList&&e.cardsSelectedForBulkAction.length===r.cardsSelectedForBulkAction.length&&e.fetchState===r.fetchState&&e.uiState.sortKey===r.uiState.sortKey&&e.uiState.sortOrder===r.uiState.sortOrder&&e.rowActionView===r.rowActionView&&e.unlockChargeCardsFetchState===r.unlockChargeCardsFetchState&&e.revokeChargeCardsInviteFetchState===r.revokeChargeCardsInviteFetchState&&e.searchText===r.searchText&&e.receiptBotEmail===r.receiptBotEmail&&e.isCardControlsEnabled===r.isCardControlsEnabled&&e.firstSelectedCardStatus===r.firstSelectedCardStatus&&e.handleClearSelection===r.handleClearSelection);Yt.displayName="ChargeCardListContent";const Zo=({cardsSelectedForBulkAction:e,cardList:r,firstSelectedCardStatus:s,bulkSubmissionLimit:d,updateBulkActionList:c,removeAllCardsFromBulkActionList:l,isChargeCardSetupEnabled:a,...n})=>{const p="bulkSelectIds",g=ai({defaultValues:{[p]:e},values:{[p]:e}});S.useEffect(()=>{const w=g.watch((j,{name:v})=>{if(v===p){let h=[];const x=j[p]??[];if(x.includes(ge.common.all.toLowerCase()))if(e.length===0){h=[];for(const C of r)if(Fe(C,0,s)&&h.push(C.id),h.length===d)break}else h=x.filter(C=>C!==ge.common.all.toLowerCase());else h=x.filter(C=>C!=null);c(h)}});return()=>w.unsubscribe()},[c,e.length,r,s,d]);const k=S.useCallback(()=>{g.setValue(p,[]),l()},[g,l]);return t.jsx(ni,{...g,children:t.jsx(Yt,{...n,cardsSelectedForBulkAction:e,cardList:r,firstSelectedCardStatus:s,bulkSubmissionLimit:d,isChargeCardSetupEnabled:a,handleClearSelection:k})})},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}},er=e=>{if(e==null)return"Proceed";switch(e){case"active":return z.cardDetails.moreOptions.updateSpendLimit;case"locked":return z.cardDetails.moreOptions.unlock;case"inactive":return z.closeCard.closeCard;case"request_on_hold":return z.cardDetails.revokeInvite;default:return ae.proceed}},tr=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=S.forwardRef((e,r)=>{const{children:s,style:d,...c}=e;return t.jsx(ei,{ref:r,style:{...d,width:"auto"},...c,children:t.jsx(ur,{children:s})})});Xt.displayName=z.cardList.headerElementDisplayName;const Nr=ue.memo(({cardList:e,controllerEmails:r,creditAccount:s,creditAccountRepayment:d,fetchState:c,uiState:l,setCardIdForRowAction:a,setActionTypeForRowAction:n,receiptBotEmail:p,searchText:g,resendInviteId:k,showViewForCardUser:w,signedInUser:j,isChargeCardFeatureEnabled:v,isChargeCardSetupEnabled:h,isDebitCardFeatureEnabled:x,isDebitCardSetupEnabled:C,cashbackInformation:F,creditAccountInformation:_,debitAccountInformation:A,productInformation:R,isBulkActionAllowed:E,isCardControlsEnabled:m,cardsSelectedForBulkAction:y,firstSelectedCardStatus:W,bulkSubmissionLimit:B,updateBulkActionList:H,removeAllCardsFromBulkActionList:N,onProceedForBulkActionClick:T,onBulkCloseClick:O,onBulkLockClick:U,setShowBulkChangeSpendLimitPopup:Q,onChargeCardRowClick:b,onReloadCards:D,onColumnSortConfigChanged:de,onChargeCardResendInviteClick:K,depositAccountListWithDebitCardIssued:ie,rowActionView:ce,revokeChargeCardsInviteFetchState:we,unlockChargeCardsFetchState:P})=>(si({componentName:"cards.list",enabled:c==="Completed"}),t.jsx(Zo,{cardList:e,controllerEmails:r,creditAccount:s,creditAccountRepayment:d,setCardIdForRowAction:a,setActionTypeForRowAction:n,rowActionView:ce,isChargeCardFeatureEnabled:v,isChargeCardSetupEnabled:h,isDebitCardFeatureEnabled:x,isDebitCardSetupEnabled:C,cashbackInformation:F,creditAccountInformation:_,debitAccountInformation:A,productInformation:R,isBulkActionAllowed:E,isCardControlsEnabled:m,cardsSelectedForBulkAction:y,firstSelectedCardStatus:W,bulkSubmissionLimit:B,updateBulkActionList:H,removeAllCardsFromBulkActionList:N,onProceedForBulkActionClick:T,onBulkCloseClick:O,onBulkLockClick:U,setShowBulkChangeSpendLimitPopup:Q,depositAccountListWithDebitCardIssued:ie,showViewForCardUser:w,signedInUser:j,fetchState:c,revokeChargeCardsInviteFetchState:we,unlockChargeCardsFetchState:P,receiptBotEmail:p,searchText:g,resendInviteId:k,onReloadCards:D,onChargeCardRowClick:b,uiState:l,onColumnSortConfigChanged:de,onChargeCardResendInviteClick:K}))),ir=({uiState:e,onColumnSortConfigChanged:r,isBulkActionAllowed:s,isCardControlsEnabled:d,cardsSelectedForBulkAction:c,firstSelectedCardStatus:l,bulkSubmissionLimit:a,index:n,setCardIdForRowAction:p,setActionTypeForRowAction:g,rowActionView:k,revokeChargeCardsInviteFetchState:w,unlockChargeCardsFetchState:j,style:v,cardList:h,showViewForCardUser:x,signedInUser:C,resendInviteId:F,onChargeCardResendInviteClick:_,onChargeCardRowClick:A})=>{const R=te(),E=ze(),m=k.cardId!=null&&k.unlockChargeCardsFetchState.fetchState==="In-Progress"||j==="In-Progress"&&c.length>0,y=!s||m||d===!1||h.length<=1?"off":c.length>0?"always_on":"checked_or_hover",W={gap:i.sp3,width:"auto",marginLeft:ne.checkBoxContainerStyleMarginLeft.valuePx(R),marginRight:ne.checkBoxContainerStyleMarginRight.valuePx(R)},B={marginLeft:ne.labelCheckBoxStyleMarginLeft.valuePx(R)},H=rr(R),N=or(R),T={backgroundColor:E.colors.grey4},O={...v,width:"100%"},U=S.useMemo(()=>{const K=[ge.common.all.toLowerCase()];for(const ie of h)if((!d||Fe(ie,0,l))&&(K.push(ie.id),a!=null&&K.length===a+1))break;return K},[h,d,l,a]),Q={label:"",defaultChecked:!1,groupLabel:!0,value:ge.common.all.toLowerCase(),isException:!(c.length>0)},b=n===0,D=b?null:h[n-1],de=S.useMemo(()=>b?{label:t.jsx(So,{companyNameSticky:!1,showViewForCardUser:x,onColumnSortConfigChanged:r,sortConfig:{sortKey:e.sortKey,sortOrder:e.sortOrder}}),defaultChecked:!1,groupLabel:!0,value:ge.common.all.toLowerCase(),isException:!(c.length>0&&h.length>1)}:D==null?{label:t.jsx("div",{}),value:"",groupLabel:!1,defaultChecked:!1,isException:!1}:{label:t.jsx(Zt,{setCardIdForRowAction:p,setActionTypeForRowAction:g,rowActionView:k,revokeChargeCardsInviteFetchState:w,unlockChargeCardsFetchState:j,cardsSelectedForBulkAction:c,isCardControlsEnabled:d,showViewForCardUser:x,cardDetail:D,signedInUser:C,resendInviteId:F,index:n-1,onChargeCardResendInviteClick:_,onChargeCardRowClick:A}),value:D.id,groupLabel:!1,defaultChecked:!1,isException:!(!d||!s)&&!Fe(D,0,l),exceptionMode:"checked_or_hover",exceptionInfo:Qo(D,0,l),exceptionType:Fe(D,0,l)?void 0:"info"},[b,D,x,r,e.sortKey,e.sortOrder,c,p,g,k,w,j,d,C,F,n,_,A,l]);return t.jsx(pr,{style:O,className:"spend-management-list-item",children:t.jsx(Ft,{checkBox:de,fieldName:"bulkSelectIds",index:n,allCheckBoxValues:U,groupLabelCheckBox:Q,mode:y,checkBoxContainerStyle:W,checkBoxIconStyle:T,checkBoxStyle:b?B:H,labelCheckBoxStyle:B,labelStyle:{width:"100%"},style:{gap:i.sp3},infoIconContainerStyle:N,selectionLimit:a})})},or=e=>{let r={zIndex:1,height:i.sp3,display:"flex",alignItems:"center"};return e==="small"&&(r={...r,position:"absolute",left:i.sp2,marginBottom:i.sp1,width:i.sp4,height:i.sp4}),r},rr=e=>{let r={zIndex:1,marginBottom:i.sp3,backgroundColor:"inherit"};return e==="small"&&(r={...r,position:"absolute",left:i.sp1,width:i.sp4,height:i.sp4}),r},Zt=ue.memo(({setCardIdForRowAction:e,setActionTypeForRowAction:r,rowActionView:s,revokeChargeCardsInviteFetchState:d,unlockChargeCardsFetchState:c,cardsSelectedForBulkAction:l,cardDetail:a,isCardControlsEnabled:n,showViewForCardUser:p,signedInUser:g,resendInviteId:k,index:w,onChargeCardResendInviteClick:j,onChargeCardRowClick:v})=>{const h=te()==="small"?Po:Ki;return t.jsx(h,{cardDetail:a,index:w,isCardControlsEnabled:n,setActionTypeForRowAction:r,setCardIdForRowAction:e,showViewForCardUser:p,signedInUser:g,revokeChargeCardsInviteFetchState:d,unlockChargeCardsFetchState:c,cardsSelectedForBulkAction:l,rowActionView:s,onChargeCardRowClick:v,resendInviteId:k,onChargeCardResendInviteClick:j})},(e,r)=>{const s=e.cardsSelectedForBulkAction.includes(e.cardDetail.id),d=r.cardsSelectedForBulkAction.includes(r.cardDetail.id),c=e.rowActionView.cardId===e.cardDetail.id,l=r.rowActionView.cardId===r.cardDetail.id;return s===d&&c===l&&e.cardDetail===r.cardDetail&&e.isCardControlsEnabled===r.isCardControlsEnabled&&e.unlockChargeCardsFetchState===r.unlockChargeCardsFetchState&&e.revokeChargeCardsInviteFetchState===r.revokeChargeCardsInviteFetchState&&e.resendInviteId===r.resendInviteId&&e.showViewForCardUser===r.showViewForCardUser&&e.signedInUser===r.signedInUser&&e.index===r.index});Zt.displayName="ChargeCardRowWrapper";const sr=o(yi)`
+  color: ${e=>e.theme.colors.brandColorSapphire};
+  ${({theme:e})=>e.mode==="dark"&&`color: ${I.brandColorPearl};`}
+`,ar=o.div`
+  margin: ${e=>e.fetchState==="Error"?"auto":"unset"};
+  display: block;
+  height: 100%;
+`,nr=o.div`
+  display: flex;
+  width: 100%;
+  height: calc(100% - 60px);
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+`,lr=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;
+`,dr=o(fi)`
+  height: ${i.sp5};
+  width: ${i.sp5};
+  color: ${e=>e.theme.colors.grey1};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,cr=o(Si)`
+  margin-top: ${i.sp3};
+  color: ${e=>e.theme.colors.hero};
+`,hr=o.div`
+  position: sticky;
+  height: ${e=>e.isListTooLarge||e.windowSize==="small"?"calc(100vh - 136px)":`${e.availableHeight}px`};
+  max-width: 99.9%;
+  ${({isListTooLarge:e,windowSize:r})=>(e||r==="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: ${ne.lastListItemHeight.valuePx(r)} !important;
+      padding-bottom: ${i.sp9};
+    }
+  `}
+`,pr=o.div`
+  top: ${i.sp0};
+  left: ${i.sp0};
+  padding-bottom: ${i.sp3};
+  box-sizing: border-box;
+`,ur=o.div`
+  position: relative;
+  width: auto;
+  height: 100%;
+`,ei=o.div``,mr=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=>ne.bannerWrapperMarginLeftRight.valuePx(e.windowSize)};
+  margin-bottom: ${i.sp3};
+`,gr=o(vi)`
+  color: ${e=>e.theme.colors.primary};
+`,xr=o($i)`
+  color: ${e=>e.theme.colors.primary};
+`,wr=o(bi)`
+  height: ${i.sp3};
+  width: ${i.sp3};
+  color: ${e=>e.color??e.theme.colors.hero};
+  cursor: pointer;
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Cr=o(ji)`
+  height: ${i.sp3};
+  width: ${i.sp3};
+  color: ${I.success};
+`,fr=o.span`
+  cursor: pointer;
+`,ht=o.span`
+  position: absolute;
+  bottom: -${i.sp5};
+  z-index: 1;
+  left: ${i.sp2};
+`,pt=o.span`
+  position: relative;
+  margin-left: ${i.sp1};
+  top: 2px;
+`,ut=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"};
+`,Sr=o.div`
+  width: ${e=>ne.styledAIIconContainerSize.valuePx(e.windowSize)};
+  min-width: ${e=>ne.styledAIIconContainerSize.valuePx(e.windowSize)};
+  height: ${e=>ne.styledAIIconContainerSize.valuePx(e.windowSize)};
+  top: ${i.sp1};
+  position: ${e=>e.windowSize==="small"?"relative":"static"};
+`,kr=o(ki)`
+  color: ${e=>e.theme.colors.brandColorJade};
+  width: 100%;
+  height: 100%;
+`,vr=o.div`
+  width: 100%;
+  max-width: ${e=>e.windowSize==="small"?"calc(100% - 20px)":"unset"};
+`,yr=o.div`
+  display: flex;
+  justify-content: flex-start;
+  align-items: center;
+  gap: ${i.sp2};
+  margin-left: ${i.sp8};
+`,$r=(e,r,s)=>{const d=z.common.card,c=(e>1?d+"s":d)+z.cardList.bulkActions.selected;return e>0?t.jsxs(yr,{style:s==="small"?{position:"absolute",top:i.sp2,left:`-${i.sp5}`}:{},children:[t.jsx(jr,{multiDigit:e>=10,children:e}),t.jsx(br,{children:c}),e===r?t.jsx(Ir,{children:ae.texts.maxLimit}):null]}):null},jr=o(J)`
+  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};
+`,br=o(Y)`
+  color: ${e=>e.theme.colors.primary};
+`,Ir=o(ee)`
+  color: ${I.important};
+`,Lr=({firstSelectedCardStatus:e,windowSize:r,setShowBulkChangeSpendLimitPopup:s,onBulkCloseClick:d,onBulkLockClick:c})=>{const[l,a]=ue.useState(!1),[n,p]=ue.useState(!1);return S.useEffect(()=>{l||p(!1)},[l]),e==null||e!=="active"&&e!=="locked"?null:t.jsx(Fr,{style:r==="small"?{position:"absolute",top:i.sp7,right:`-${i.sp5}`}:{},children:t.jsx(Ar,{onMouseEnter:()=>{l||p(!0)},onMouseLeave:()=>{p(!1)},children:t.jsx(ke,{open:n&&!l,variant:"standard",title:z.cardList.moreActionsTooltip,placement:"bottom-end",children:t.jsx(Ve,{isMenuVisible:!0,menuItems:t.jsx(zr,{children:e==="active"?t.jsxs(t.Fragment,{children:[t.jsxs(Le,{windowSize:r,onClick:g=>{g.stopPropagation(),a(!1),c?.()},children:[t.jsx(Rr,{}),t.jsx(gt,{children:z.cardDetails.moreOptions.lock})]}),t.jsx(mt,{}),t.jsxs(Le,{windowSize:r,hoverImportant:!0,onClick:g=>{g.stopPropagation(),a(!1),d?.()},children:[t.jsx(wt,{}),t.jsx(xt,{children:z.cardDetails.moreOptions.close})]})]}):e==="locked"?t.jsxs(t.Fragment,{children:[t.jsxs(Le,{windowSize:r,onClick:g=>{g.stopPropagation(),a(!1),s(!0)},children:[t.jsx(Pr,{}),t.jsx(gt,{children:z.cardDetails.moreOptions.updateSpendLimit})]}),t.jsx(mt,{}),t.jsxs(Le,{windowSize:r,hoverImportant:!0,onClick:g=>{g.stopPropagation(),a(!1),d?.()},children:[t.jsx(wt,{}),t.jsx(xt,{children:z.cardDetails.moreOptions.close})]})]}):null}),setIsMenuOpen:a,isMenuOpen:l,menuIconStyles:{height:"auto"},styles:{transform:r==="small"?`translate(${i.sp4}, -${i.sp7})`:`translate(${i.sp4}, -${i.sp5})`}})})})})},Fr=o.div`
+  display: flex;
+  justify-content: flex-end;
+`,Ar=o.div`
+  min-width: ${i.sp3};
+  margin-right: ${i.sp8};
+  cursor: pointer;
+`,zr=o.div`
+  margin: 5px ${i.sp0};
+`,Le=o(ee)`
+  ${({windowSize:e})=>Xo.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};
+  }
+`,mt=o.div`
+  height: 1px;
+  width: 100%;
+  background-color: ${e=>e.theme.colors.grey3};
+  margin: ${i.sp1} ${i.sp0};
+`,gt=o(ee)`
+  color: inherit;
+`,xt=o(ee)`
+  color: ${I.important};
+`,Rr=o(ft)`
+  width: ${i.sp4};
+  height: ${i.sp4};
+  color: inherit;
+`,wt=o(St)`
+  width: ${i.sp4};
+  height: ${i.sp4};
+  color: ${I.important};
+  &:hover {
+    color: ${I.important};
+  }
+`,Pr=o(Ri)`
+  width: ${i.sp4};
+  height: ${i.sp4};
+  color: inherit;
+`;export{Nr as K,Vr as P,Wi as _};