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

package/dist/assets/ChargeCardListTable-Di_JUGvM-BL58u9To.js

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