@zeniai/web-cockpit-ui 1.14.93-dev → 1.14.94-dev

package/dist/assets/{ChargeCardListPage-CP778-GK-CTP7-db-.js → ChargeCardListPage-52TDMfjH-XC6zwUdm.js}

@@ -1,4 +1,4 @@
-import{a7 as Ka,aN as N,av as Za,fP as Qa,iH as V,q as Pe,o as a,d as ea,V as t,bz as Xa,g1 as er,fc as re,b as D,bQ as it,p,aK as he,aV as ot,aM as st,F as Fe,y as W,ag as q,a as tr,B as ar,cT as rr,as as ta,bH as ir,aZ as dt,aQ as or,al as ct,a8 as nr,gM as sr,cW as dr,an as cr,ab as lr,g7 as ur,n as Bt,c as _,d4 as aa,ap as hr,ak as mr,D as pr,cS as Cr,bt as gr,bS as br}from"./index-CK2D3iZ1.js";import{a as l}from"./sentry-Dm3bm_ok.js";import{n as r,c as lt,k as fr}from"./mui-DCr-y2iU.js";import{EF as xr,FX as yr,bh as zt,bL as Sr,bP as wr}from"./zeni-epic-state-Cgro3mH-.js";import{K as kr}from"./SpendManagementSection-rHLuZG8_-UxYLxpbV.js";import{D as ie,l as $r,r as Ir}from"./ChargeCardListTable-DBryLHST-Ce2gmrfZ.js";import{ChargeCardPromoUserContent as jr}from"./ChargeCardPromoPage-D_eQ_vXf-CNDMyI7K.js";import{N as vr,J as Lr}from"./PromoBaseCards-B1h9AEH0-CHWZv_Gb.js";import{z as Nt,L as Ot,k as Ar,P as Pr}from"./LockCardPage-CWEZyzEM-Bg4PM8JQ.js";import{r as Fr,i as Er}from"./graphic-no-data-net-burn-l-CzmycA0m-DMABn47o.js";import{t as Mr,o as Tr}from"./arrow-south-east-round-PEovUgvH-9nM57KjQ.js";import"./liveblocks-CofSwFWW.js";import"./core-D2k9JfRf.js";import"./recharts-CIKvFUT6.js";import"./lottie-BO8FHl2Q.js";import"./analytics-DCCTWnnc.js";import"./lexical-BEs89iUy.js";import"./utils-CVsOBiWJ.js";import"./Menu-BTZYMOTT-CKMXXApd.js";import"./RoleWithToolTip-DbQ4ezrP-Dd2VpMcB.js";import"./CardNumberSubText-BcJnpRxI-D1zdlj5r.js";import"./NavigationDots-Dm8SYcdL-CXSz5QAZ.js";import"./usp-line-BBd1wKwW-Cow5FZNy.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},c=new e.Error().stack;c&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[c]="6039260a-24fc-4794-9cc4-f3a9ca85b003",e._sentryDebugIdIdentifier="sentry-dbid-6039260a-24fc-4794-9cc4-f3a9ca85b003")}catch{}})();const ut={infoSubheadingTextMarginTop:new W(_[0],_[0]),cardsMinWidth:new W(343,353)},Ae=Fe.getLocalizedStrings().spendManagement.chargeCard.chargeCardsPromo.listPage,_t=({cardPromoType:e,cardText:c,header:u,title:d,subTitle:n,slidingTextList:m,onClick:F,status:k,statusMessage:U})=>{const B=Pe(),L=k!==void 0,G=k==="rejected"?Ae.status.requestRejected:k==="under_review"?Ae.status.requestUnderReview:"";return t.jsxs(Rr,{windowSize:B,cardPromoType:e,"data-testid":st("list-page-promo-card",e),onClick:()=>F(e),children:[t.jsxs(ra,{isStatusMode:L,children:[t.jsxs(oa,{children:[L?t.jsx(Nr,{children:G}):t.jsx(ia,{children:u}),t.jsx(_r,{children:d}),L?null:t.jsx(Wr,{children:n})]}),!L&&t.jsxs(Gr,{children:[t.jsx(Yr,{}),m.length>0&&t.jsx(nt,{slideUpCount:m.length,children:m.map((oe,ne)=>t.jsx(na,{children:oe},`card-promo-${ne.toString()}`))}),t.jsx(qr,{})]}),U!=null&&L?t.jsx(Or,{status:k,children:U}):null]}),t.jsx(Hr,{isStatusMode:L,children:t.jsx(vr,{cardPromoType:e,cardText:c,shouldAnimate:!1,forDashboard:!1,showChip:!1,forListPage:!0})}),t.jsx(Jr,{isStatusMode:L,children:t.jsx(Lr,{cardPromoType:e,cardText:c,shouldAnimate:!1,forDashboard:!1,showChip:!1,forListPage:!0})})]})},Ut=({cardType:e,header:c,title:u,creditLimit:d,onCreateNowClick:n})=>{const m=Pe();return t.jsx(Br,{windowSize:m,cardType:e,children:t.jsxs(zr,{children:[t.jsxs(oa,{children:[t.jsx(ia,{children:c}),t.jsx(Vr,{children:t.jsx(Ur,{children:u})}),t.jsx(Kr,{windowSize:m,children:t.jsxs(Zr,{windowSize:m,onClick:()=>n(e),"data-testid":st("total-cashback-info"),children:[t.jsx(na,{children:Ae.createNow}),t.jsx(Qr,{})]})})]}),e==="creditCard"?t.jsxs(Xr,{children:[t.jsx(ei,{children:Ae.creditLimit}),t.jsx(ti,{children:d})]}):null]})})},Dr=e=>{const c=e-1;let u=`
+import{a7 as Ka,aN as N,av as Za,fP as Qa,iH as V,q as Pe,o as a,d as ea,V as t,bz as Xa,g1 as er,fc as re,b as D,bQ as it,p,aK as he,aV as ot,aM as st,F as Fe,y as W,ag as q,a as tr,B as ar,cT as rr,as as ta,bH as ir,aZ as dt,aQ as or,al as ct,a8 as nr,gM as sr,cW as dr,an as cr,ab as lr,g7 as ur,n as Bt,c as _,d4 as aa,ap as hr,ak as mr,D as pr,cS as Cr,bt as gr,bS as br}from"./index-BoDHThmj.js";import{a as l}from"./sentry-CAa_RBiQ.js";import{n as r,c as lt,k as fr}from"./mui-DjUnBv6N.js";import{EF as xr,FX as yr,bh as zt,bL as Sr,bP as wr}from"./zeni-epic-state-BO46e_7F.js";import{K as kr}from"./SpendManagementSection-CIqYxYxX-BVCp77Yh.js";import{D as ie,l as $r,r as Ir}from"./ChargeCardListTable-BdHKiQtr-BoKeTaBP.js";import{ChargeCardPromoUserContent as jr}from"./ChargeCardPromoPage-D43dBHNx-Dmge2_bT.js";import{N as vr,J as Lr}from"./PromoBaseCards-DeJ4J5Lp-BRCdntYT.js";import{z as Nt,L as Ot,k as Ar,P as Pr}from"./LockCardPage-TzEwLGD1-Cmclt9pm.js";import{r as Fr,i as Er}from"./graphic-no-data-net-burn-l-CzmycA0m-DXtlpj6J.js";import{t as Mr,o as Tr}from"./arrow-south-east-round-PEovUgvH-TX5SKWFw.js";import"./liveblocks-2fUZ-mzS.js";import"./core-DesIUmVX.js";import"./recharts-CFBD4y8X.js";import"./lottie-BC5QDLx3.js";import"./analytics-aL6KvWIc.js";import"./lexical-WHFPYU-_.js";import"./utils-MCudDogO.js";import"./Menu-B05IRjpP-oB6ZIzEi.js";import"./RoleWithToolTip-BHHwWcYs-BR4B_g9G.js";import"./CardNumberSubText-Bq9G3f38-BaBJQ2OX.js";import"./NavigationDots-BcSXYcwF-cwaSYMDv.js";import"./usp-line-BBd1wKwW-DAbeFX6P.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},c=new e.Error().stack;c&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[c]="df3fe08e-4ee9-487b-b2fc-3249b33a7ef4",e._sentryDebugIdIdentifier="sentry-dbid-df3fe08e-4ee9-487b-b2fc-3249b33a7ef4")}catch{}})();const ut={infoSubheadingTextMarginTop:new W(_[0],_[0]),cardsMinWidth:new W(343,353)},Ae=Fe.getLocalizedStrings().spendManagement.chargeCard.chargeCardsPromo.listPage,_t=({cardPromoType:e,cardText:c,header:u,title:d,subTitle:n,slidingTextList:m,onClick:F,status:k,statusMessage:U})=>{const B=Pe(),L=k!==void 0,G=k==="rejected"?Ae.status.requestRejected:k==="under_review"?Ae.status.requestUnderReview:"";return t.jsxs(Rr,{windowSize:B,cardPromoType:e,"data-testid":st("list-page-promo-card",e),onClick:()=>F(e),children:[t.jsxs(ra,{isStatusMode:L,children:[t.jsxs(oa,{children:[L?t.jsx(Nr,{children:G}):t.jsx(ia,{children:u}),t.jsx(_r,{children:d}),L?null:t.jsx(Wr,{children:n})]}),!L&&t.jsxs(Gr,{children:[t.jsx(Yr,{}),m.length>0&&t.jsx(nt,{slideUpCount:m.length,children:m.map((oe,ne)=>t.jsx(na,{children:oe},`card-promo-${ne.toString()}`))}),t.jsx(qr,{})]}),U!=null&&L?t.jsx(Or,{status:k,children:U}):null]}),t.jsx(Hr,{isStatusMode:L,children:t.jsx(vr,{cardPromoType:e,cardText:c,shouldAnimate:!1,forDashboard:!1,showChip:!1,forListPage:!0})}),t.jsx(Jr,{isStatusMode:L,children:t.jsx(Lr,{cardPromoType:e,cardText:c,shouldAnimate:!1,forDashboard:!1,showChip:!1,forListPage:!0})})]})},Ut=({cardType:e,header:c,title:u,creditLimit:d,onCreateNowClick:n})=>{const m=Pe();return t.jsx(Br,{windowSize:m,cardType:e,children:t.jsxs(zr,{children:[t.jsxs(oa,{children:[t.jsx(ia,{children:c}),t.jsx(Vr,{children:t.jsx(Ur,{children:u})}),t.jsx(Kr,{windowSize:m,children:t.jsxs(Zr,{windowSize:m,onClick:()=>n(e),"data-testid":st("total-cashback-info"),children:[t.jsx(na,{children:Ae.createNow}),t.jsx(Qr,{})]})})]}),e==="creditCard"?t.jsxs(Xr,{children:[t.jsx(ei,{children:Ae.creditLimit}),t.jsx(ti,{children:d})]}):null]})})},Dr=e=>{const c=e-1;let u=`
     0% {
       transform: translateY(0);
     }

package/dist/assets/{ChargeCardListTable-DBryLHST-Ce2gmrfZ.js → ChargeCardListTable-BdHKiQtr-BoKeTaBP.js}

@@ -1,4 +1,4 @@
-import{ca as ni,V as t,a8 as li,ab as di,F as le,q as ie,av as Se,a7 as ci,d as Fe,gR as hi,iI as pi,iJ as ui,iK as mi,aO as gi,o as i,aM as G,cj as xi,b as Be,p as I,b1 as wi,cq as Ci,iL as fi,iM as yi,bQ as ye,bL as Si,aQ as ki,y as C,ey as vi,b8 as $i,iN as ji,aR as bi,u as Ii,ag as ee,gU as Li,al as J,ak as Q,c as p,cO as Fi,cX as zi,iO as Ai,iP as Ri,a as ft,bV as yt,iQ as St,iR as Pi,bO as Bi,cv as Je,iS as kt,dr as Di,ds as q,aK as ce,cs as vt,m as $t,iT as _i,cy as Ei,iA as Qe,bH as jt,bJ as bt,iU as Oi,iV as Ti,aS as $e,br as Vi,bW as Ni,bX as Ui,iW as Mi}from"./index-CK2D3iZ1.js";import{S as pe,a as f}from"./sentry-Dm3bm_ok.js";import{n as o,c as Ye}from"./mui-DCr-y2iU.js";import{P as Te}from"./Menu-BTZYMOTT-CKMXXApd.js";import{T as It}from"./RoleWithToolTip-DbQ4ezrP-Dd2VpMcB.js";import{j as Ve}from"./CardNumberSubText-BcJnpRxI-D1zdlj5r.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},s=new e.Error().stack;s&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[s]="ee3c78db-a14d-4a6f-9e70-18c1eca88fe2",e._sentryDebugIdIdentifier="sentry-dbid-ee3c78db-a14d-4a6f-9e70-18c1eca88fe2")}catch{}})();const ge=le.getLocalizedStrings().spendManagement.chargeCard.cardList.header,Wi=le.getLocalizedStrings().common.strings.empty,Xe={key:"owner",value:ge.owner,sortOrder:"ascending",width:new C(120,120,160,200,200)},Ze={key:"cardName",value:ge.cardName,sortOrder:"ascending",width:new C(120,120,160,171,171)},et={key:"cardType",value:ge.cardType,sortOrder:"ascending",width:new C(120,120,130,170,170)},tt={key:"status",value:ge.status,sortOrder:"ascending",width:new C(115,115,125,132,132)},it={key:"utilisation",value:ge.utilisation,sortOrder:"ascending",width:new C(p[11],p[11],p[11],p[12],120)},ot={key:"limit",value:ge.limit,sortOrder:"ascending",width:new C(68,68,68,120,120)},Lt=e=>e===!0?[{...Xe,width:new C(0,0),value:Wi},Ze,et,tt,it,ot]:[Xe,Ze,et,tt,it,ot],{common:Ce,spendManagement:{billPay:{paymentDetails:{feePercent:Hi}},chargeCard:$}}=le.getLocalizedStrings(),re={containerPaddingLeft:new C(p[3],p[2]),containerPaddingRight:new C(p[2],p[3]),containerPaddingTop:new C(p[2],p[3]),containerPaddingBottom:new C(p[2],p[3]),containerMarginLeft:new C(p[4],p[0]),containerMarginRight:new C(p[4],p[0]),webkitLineClamp:new C(2,1,1,1,1)};var Ki=(e=>(e.CLOSE="close",e.LOCK="lock",e.UNLOCK="unlock",e.RENAME="rename",e.UPDATE_SPEND_LIMIT="update_spend_limit",e.REVOKE_INVITE="revoke_invite",e))(Ki||{});const qi={moreItemFont:new ft("extraSmallRegular","smallRegular")},Gi=({setCardIdForRowAction:e,setActionTypeForRowAction:s,rowActionView:r,revokeChargeCardsInviteFetchState:d,unlockChargeCardsFetchState:c,cardsSelectedForBulkAction:l,cardDetail:a,isCardControlsEnabled:n,showViewForCardUser:x,signedInUser:w,resendInviteId:g,index:S,onChargeCardRowClick:j,onChargeCardResendInviteClick:k})=>{const[h,m]=f.useState(!1),[y,P]=f.useState(!1);f.useEffect(()=>{h||P(!1)},[h]),f.useEffect(()=>{l.length>0&&h&&(m(!1),P(!1))},[l.length,h]);const B=r.cardId===a.id,D=l.includes(a.id),F=B&&r.unlockChargeCardsFetchState.fetchState==="In-Progress"||D&&c==="In-Progress",U=B&&r.revokeChargeCardFetchState.fetchState==="In-Progress"||D&&d==="In-Progress",u=F||U,v=ie(),E=!!Se().loggedInUserRole.includes("charge_card_user")||x,M=f.useCallback(()=>{j(a.id,S)},[a.id]),T=kt(a)/a.limit.amount*100,W=a?.cardHolderUserId===w.userId,A=a.status.code!=="closed"&&a.status.code!=="closed_by_customer",V=Di(a.cardHolderUser,!1),H=a.balance,z=Lt(E),te=t.jsxs(t.Fragment,{children:[t.jsx(q,{isLoading:u,customStyle:{width:i.sp9,height:"20px",borderRadius:i.sp1},children:t.jsx(uo,{title:ce("0,0.[00]",H),className:"amountToUtilize",children:ce("0,0.[00]",H)})}),T!==0?t.jsx(q,{isLoading:u,customStyle:{width:i.sp11,height:i.sp3,borderRadius:i.sp1},children:t.jsx(mo,{className:"amountToUtilize",children:`${Math.round(T)}${Hi}`})}):null]}),Y=a.type.code,_=$.cardList.tooltip[Y],de=_!=null?W?_.self:`${V} ${_.cardUser}`:Ce.strings.empty;return t.jsx(Qi,{windowSize:v,children:t.jsx(Yi,{onClick:M,"data-testid":G("card-row",a.id),children:t.jsxs(Zi,{children:[E?null:t.jsx(ue,{children:t.jsxs(eo,{windowSize:v,responsiveWidth:z[0].width,children:[t.jsx(q,{isLoading:u,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(io,{isLoading:u,children:[t.jsx(to,{isLoading:u,children:t.jsx(q,{isLoading:u,customStyle:{width:"88px",height:"20px",borderRadius:i.sp1},children:t.jsx(oo,{windowSize:v,title:V,className:"cardHolderName",children:V===Ce.strings.empty?Ce.strings.hyphen:V})})}),t.jsx(q,{isLoading:u,customStyle:{width:"104px",height:i.sp3,borderRadius:i.sp1},children:t.jsx(nt,{className:"additionalInfoContainer",children:a.cardHolderRoles?.userRoles!=null&&t.jsx(It,{roles:a.cardHolderRoles?.userRoles})})})]})]})}),t.jsx(ue,{children:t.jsxs(no,{isLoading:u,windowSize:v,responsiveWidth:z[1].width,children:[t.jsx(q,{isLoading:u,customStyle:{width:"88px",height:"20px",borderRadius:i.sp1},children:t.jsx(lo,{title:a.cardName,className:"cardName",children:a.cardName})}),t.jsxs(q,{isLoading:u,customStyle:{width:"104px",height:i.sp3,borderRadius:i.sp1},children:[" ",t.jsx(yo,{windowSize:v,className:"cardNameSubText",children:a.status.code==="request_on_hold"?Ce.strings.hyphen:$.cardDetails.expiryHideOut+Ce.strings.space+a.accountLast4})]})]})}),t.jsx(ue,{children:t.jsx(co,{windowSize:v,responsiveWidth:z[2].width,children:t.jsx(ho,{className:"card-type",children:t.jsx(q,{isLoading:u,customStyle:{width:"144px",height:i.sp4,borderRadius:i.sp1},children:t.jsx(Ve,{cardDetail:a,forDetailPage:!1})})})})}),t.jsx(ue,{children:t.jsx(lt,{windowSize:v,isLoading:u,responsiveWidth:z[3].width,children:t.jsx(q,{isLoading:u,customStyle:{width:"112px",height:i.sp4,borderRadius:i.sp1},children:g===a.id?t.jsx($t,{size:"Small",start:!0}):t.jsxs(po,{children:[t.jsx(wo,{children:a.status.code==="request_on_hold"?t.jsxs(ye,{display:"flex",title:de,placement:"top",style:{padding:`${i.sp2} ${i.sp3}`},children:[t.jsx(Le,{status:a.status.code,style:{cursor:"pointer"}}),t.jsx(go,{style:{marginLeft:i.sp1},className:"infoIconTooltip"})]}):t.jsx(Le,{status:a.status.code})}),a.status.code==="request_on_hold"&&!W?t.jsx(xo,{onClick:K=>{K.stopPropagation(),k(a.id)},"data-testid":G("send-reminder",a.id),children:$.cardList.sendReminder}):null]})})})}),t.jsx(ue,{children:t.jsx(lt,{windowSize:v,isLoading:u,responsiveWidth:z[4].width,children:te})}),t.jsx(ue,{children:t.jsxs(so,{windowSize:v,responsiveWidth:z[5].width,children:[t.jsxs(ro,{windowSize:v,isLoading:u,children:[t.jsx(q,{isLoading:u,customStyle:{width:"68px",height:"20px",borderRadius:i.sp1},children:t.jsx(ao,{className:"limitAmount",windowSize:v,title:ce("0,0.[00]",a.limit),children:ce("0,0.[00]",a.limit)})}),t.jsx(nt,{className:"additionalInfoContainer",children:t.jsx(q,{isLoading:u,customStyle:{width:i.sp8,height:i.sp3,borderRadius:i.sp1},children:a.creditLimitFrequency.name})})]}),t.jsx(Co,{className:"menu-icon",onMouseEnter:()=>{!h&&A&&P(!0)},onMouseLeave:()=>{A&&P(!1)},children:(()=>{const K=a.status.code==="locked",oe=a.status.code==="closed"||a.status.code==="closed_by_customer",xe=E?n&&!u&&!oe&&!(K&&a.isLockedByAdmin):n?!u&&A:a.status.code==="request_on_hold",b=l.length>0;return xe&&t.jsx(ye,{open:y&&!h&&!b,variant:"standard",title:$.cardList.moreActionsTooltip,placement:"bottom-end",children:t.jsx(Te,{isMenuVisible:!0,menuItems:t.jsx(fo,{children:t.jsx(Ft,{cardDetail:a,isCardControlsEnabled:n,isChargeCardUser:E,setIsMenuOpen:m,setCardIdForRowAction:e,setActionTypeForRowAction:s})}),setIsMenuOpen:ze=>{b||m(ze)},isMenuOpen:h&&!b,menuIconStyles:{height:"auto",cursor:b?"not-allowed":"pointer",opacity:b?.5:1,pointerEvents:b?"none":"auto"},styles:{transform:`translate(${i.sp3},${i.sp2})`}})})})()})]})})]})})})},Ft=({cardDetail:e,isCardControlsEnabled:s,isChargeCardUser:r,setIsMenuOpen:d,setCardIdForRowAction:c,setActionTypeForRowAction:l})=>{const a=ie();return s?e.status.code==="request_on_hold"?r?t.jsxs(L,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("rename")},children:[t.jsx(se,{}),t.jsx(O,{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(se,{}),t.jsx(O,{children:$.cardDetails.moreOptions.rename})]}),t.jsx(je,{}),t.jsxs(L,{hoverImportant:!0,windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("revoke_invite")},children:[t.jsx(Xi,{}),t.jsx(fe,{children:$.cardDetails.revokeInvite})]})]}):e.status.code==="inactive"?r?t.jsxs(L,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("rename")},children:[t.jsx(se,{}),t.jsx(O,{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(se,{}),t.jsx(O,{children:$.cardDetails.moreOptions.rename})]}),t.jsx(je,{}),t.jsxs(L,{hoverImportant:!0,windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("close")},children:[t.jsx(Pe,{}),t.jsx(fe,{children:$.cardDetails.moreOptions.close})]})]}):e.status.code==="locked"?r?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(O,{children:$.cardDetails.moreOptions.unlock})]}),t.jsxs(L,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("rename")},children:[t.jsx(se,{}),t.jsx(O,{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(O,{children:$.cardDetails.moreOptions.unlock})]}),t.jsxs(L,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("rename")},children:[t.jsx(se,{}),t.jsx(O,{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(st,{}),t.jsx(O,{children:$.cardDetails.moreOptions.updateSpendLimit})]}),t.jsx(je,{}),t.jsxs(L,{hoverImportant:!0,windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("close")},children:[t.jsx(Pe,{}),t.jsx(fe,{children:$.cardDetails.moreOptions.close})]})]}):r?t.jsxs(t.Fragment,{children:[t.jsxs(L,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("rename")},children:[t.jsx(se,{}),t.jsx(O,{children:$.cardDetails.moreOptions.rename})]}),t.jsxs(L,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("lock")},children:[t.jsx(rt,{}),t.jsx(O,{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(st,{}),t.jsx(O,{children:$.cardDetails.moreOptions.updateSpendLimit})]}),t.jsxs(L,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("rename")},children:[t.jsx(se,{}),t.jsx(O,{children:$.cardDetails.moreOptions.rename})]}),t.jsxs(L,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("lock")},children:[t.jsx(rt,{}),t.jsx(O,{children:$.cardDetails.moreOptions.lock})]}),t.jsx(je,{}),t.jsxs(L,{windowSize:a,hoverImportant:!0,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("close")},children:[t.jsx(Pe,{}),t.jsx(fe,{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(fe,{children:$.cardDetails.revokeInvite})}):null},Le=({status:e,style:s})=>{const r=Fe(),d=Ji(e,r),c=le.getLocalizedStrings().spendManagement.chargeCard.cardList.status;return ie()==="small"?t.jsx(Qe,{textColor:d,text:c[e],tagStyles:{maxWidth:i.sp10,textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap",padding:"1px 6px",...s}}):t.jsx(Qe,{textColor:d,text:c[e],styles:s,tagStyles:{padding:"1px 6px"}})},Ji=(e,s)=>{switch(e){case"active":return new $e(I.success);case"request_on_hold":return new $e(I.graphColor36);case"inactive":return new $e(I.alert);default:return new $e(s.colors.grey1)}},O=o(Q)`
+import{ca as ni,V as t,a8 as li,ab as di,F as le,q as ie,av as ke,a7 as ci,d as Fe,gR as hi,iI as pi,iJ as ui,iK as mi,aO as gi,o as i,aM as G,cj as xi,b as Be,p as I,b1 as wi,cq as Ci,iL as fi,iM as yi,bQ as ye,bL as ki,aQ as Si,y as C,ey as vi,b8 as $i,iN as ji,aR as bi,u as Ii,ag as ee,gU as Li,al as J,ak as Q,c as p,cO as Fi,cX as zi,iO as Ai,iP as Ri,a as ft,bV as yt,iQ as kt,iR as Pi,bO as Bi,cv as Je,iS as St,dr as Di,ds as q,aK as ce,cs as vt,m as $t,iT as _i,cy as Ei,iA as Qe,bH as jt,bJ as bt,iU as Oi,iV as Ti,aS as $e,br as Vi,bW as Ni,bX as Ui,iW as Mi}from"./index-BoDHThmj.js";import{w as pe,a as f}from"./sentry-CAa_RBiQ.js";import{n as o,c as Ye}from"./mui-DjUnBv6N.js";import{P as Te}from"./Menu-B05IRjpP-oB6ZIzEi.js";import{T as It}from"./RoleWithToolTip-BHHwWcYs-BR4B_g9G.js";import{j as Ve}from"./CardNumberSubText-Bq9G3f38-BaBJQ2OX.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},s=new e.Error().stack;s&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[s]="d6ae9460-aebf-4167-a1d0-077818827d3b",e._sentryDebugIdIdentifier="sentry-dbid-d6ae9460-aebf-4167-a1d0-077818827d3b")}catch{}})();const ge=le.getLocalizedStrings().spendManagement.chargeCard.cardList.header,Wi=le.getLocalizedStrings().common.strings.empty,Xe={key:"owner",value:ge.owner,sortOrder:"ascending",width:new C(120,120,160,200,200)},Ze={key:"cardName",value:ge.cardName,sortOrder:"ascending",width:new C(120,120,160,171,171)},et={key:"cardType",value:ge.cardType,sortOrder:"ascending",width:new C(120,120,130,170,170)},tt={key:"status",value:ge.status,sortOrder:"ascending",width:new C(115,115,125,132,132)},it={key:"utilisation",value:ge.utilisation,sortOrder:"ascending",width:new C(p[11],p[11],p[11],p[12],120)},ot={key:"limit",value:ge.limit,sortOrder:"ascending",width:new C(68,68,68,120,120)},Lt=e=>e===!0?[{...Xe,width:new C(0,0),value:Wi},Ze,et,tt,it,ot]:[Xe,Ze,et,tt,it,ot],{common:Ce,spendManagement:{billPay:{paymentDetails:{feePercent:Hi}},chargeCard:$}}=le.getLocalizedStrings(),re={containerPaddingLeft:new C(p[3],p[2]),containerPaddingRight:new C(p[2],p[3]),containerPaddingTop:new C(p[2],p[3]),containerPaddingBottom:new C(p[2],p[3]),containerMarginLeft:new C(p[4],p[0]),containerMarginRight:new C(p[4],p[0]),webkitLineClamp:new C(2,1,1,1,1)};var Ki=(e=>(e.CLOSE="close",e.LOCK="lock",e.UNLOCK="unlock",e.RENAME="rename",e.UPDATE_SPEND_LIMIT="update_spend_limit",e.REVOKE_INVITE="revoke_invite",e))(Ki||{});const qi={moreItemFont:new ft("extraSmallRegular","smallRegular")},Gi=({setCardIdForRowAction:e,setActionTypeForRowAction:s,rowActionView:r,revokeChargeCardsInviteFetchState:d,unlockChargeCardsFetchState:c,cardsSelectedForBulkAction:l,cardDetail:a,isCardControlsEnabled:n,showViewForCardUser:x,signedInUser:w,resendInviteId:g,index:k,onChargeCardRowClick:j,onChargeCardResendInviteClick:S})=>{const[h,m]=f.useState(!1),[y,P]=f.useState(!1);f.useEffect(()=>{h||P(!1)},[h]),f.useEffect(()=>{l.length>0&&h&&(m(!1),P(!1))},[l.length,h]);const B=r.cardId===a.id,D=l.includes(a.id),F=B&&r.unlockChargeCardsFetchState.fetchState==="In-Progress"||D&&c==="In-Progress",U=B&&r.revokeChargeCardFetchState.fetchState==="In-Progress"||D&&d==="In-Progress",u=F||U,v=ie(),E=!!ke().loggedInUserRole.includes("charge_card_user")||x,M=f.useCallback(()=>{j(a.id,k)},[a.id]),T=St(a)/a.limit.amount*100,W=a?.cardHolderUserId===w.userId,A=a.status.code!=="closed"&&a.status.code!=="closed_by_customer",V=Di(a.cardHolderUser,!1),H=a.balance,z=Lt(E),te=t.jsxs(t.Fragment,{children:[t.jsx(q,{isLoading:u,customStyle:{width:i.sp9,height:"20px",borderRadius:i.sp1},children:t.jsx(uo,{title:ce("0,0.[00]",H),className:"amountToUtilize",children:ce("0,0.[00]",H)})}),T!==0?t.jsx(q,{isLoading:u,customStyle:{width:i.sp11,height:i.sp3,borderRadius:i.sp1},children:t.jsx(mo,{className:"amountToUtilize",children:`${Math.round(T)}${Hi}`})}):null]}),Y=a.type.code,_=$.cardList.tooltip[Y],de=_!=null?W?_.self:`${V} ${_.cardUser}`:Ce.strings.empty;return t.jsx(Qi,{windowSize:v,children:t.jsx(Yi,{onClick:M,"data-testid":G("card-row",a.id),children:t.jsxs(Zi,{children:[E?null:t.jsx(ue,{children:t.jsxs(eo,{windowSize:v,responsiveWidth:z[0].width,children:[t.jsx(q,{isLoading:u,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(io,{isLoading:u,children:[t.jsx(to,{isLoading:u,children:t.jsx(q,{isLoading:u,customStyle:{width:"88px",height:"20px",borderRadius:i.sp1},children:t.jsx(oo,{windowSize:v,title:V,className:"cardHolderName",children:V===Ce.strings.empty?Ce.strings.hyphen:V})})}),t.jsx(q,{isLoading:u,customStyle:{width:"104px",height:i.sp3,borderRadius:i.sp1},children:t.jsx(nt,{className:"additionalInfoContainer",children:a.cardHolderRoles?.userRoles!=null&&t.jsx(It,{roles:a.cardHolderRoles?.userRoles})})})]})]})}),t.jsx(ue,{children:t.jsxs(no,{isLoading:u,windowSize:v,responsiveWidth:z[1].width,children:[t.jsx(q,{isLoading:u,customStyle:{width:"88px",height:"20px",borderRadius:i.sp1},children:t.jsx(lo,{title:a.cardName,className:"cardName",children:a.cardName})}),t.jsxs(q,{isLoading:u,customStyle:{width:"104px",height:i.sp3,borderRadius:i.sp1},children:[" ",t.jsx(yo,{windowSize:v,className:"cardNameSubText",children:a.status.code==="request_on_hold"?Ce.strings.hyphen:$.cardDetails.expiryHideOut+Ce.strings.space+a.accountLast4})]})]})}),t.jsx(ue,{children:t.jsx(co,{windowSize:v,responsiveWidth:z[2].width,children:t.jsx(ho,{className:"card-type",children:t.jsx(q,{isLoading:u,customStyle:{width:"144px",height:i.sp4,borderRadius:i.sp1},children:t.jsx(Ve,{cardDetail:a,forDetailPage:!1})})})})}),t.jsx(ue,{children:t.jsx(lt,{windowSize:v,isLoading:u,responsiveWidth:z[3].width,children:t.jsx(q,{isLoading:u,customStyle:{width:"112px",height:i.sp4,borderRadius:i.sp1},children:g===a.id?t.jsx($t,{size:"Small",start:!0}):t.jsxs(po,{children:[t.jsx(wo,{children:a.status.code==="request_on_hold"?t.jsxs(ye,{display:"flex",title:de,placement:"top",style:{padding:`${i.sp2} ${i.sp3}`},children:[t.jsx(Le,{status:a.status.code,style:{cursor:"pointer"}}),t.jsx(go,{style:{marginLeft:i.sp1},className:"infoIconTooltip"})]}):t.jsx(Le,{status:a.status.code})}),a.status.code==="request_on_hold"&&!W?t.jsx(xo,{onClick:K=>{K.stopPropagation(),S(a.id)},"data-testid":G("send-reminder",a.id),children:$.cardList.sendReminder}):null]})})})}),t.jsx(ue,{children:t.jsx(lt,{windowSize:v,isLoading:u,responsiveWidth:z[4].width,children:te})}),t.jsx(ue,{children:t.jsxs(so,{windowSize:v,responsiveWidth:z[5].width,children:[t.jsxs(ro,{windowSize:v,isLoading:u,children:[t.jsx(q,{isLoading:u,customStyle:{width:"68px",height:"20px",borderRadius:i.sp1},children:t.jsx(ao,{className:"limitAmount",windowSize:v,title:ce("0,0.[00]",a.limit),children:ce("0,0.[00]",a.limit)})}),t.jsx(nt,{className:"additionalInfoContainer",children:t.jsx(q,{isLoading:u,customStyle:{width:i.sp8,height:i.sp3,borderRadius:i.sp1},children:a.creditLimitFrequency.name})})]}),t.jsx(Co,{className:"menu-icon",onMouseEnter:()=>{!h&&A&&P(!0)},onMouseLeave:()=>{A&&P(!1)},children:(()=>{const K=a.status.code==="locked",oe=a.status.code==="closed"||a.status.code==="closed_by_customer",xe=E?n&&!u&&!oe&&!(K&&a.isLockedByAdmin):n?!u&&A:a.status.code==="request_on_hold",b=l.length>0;return xe&&t.jsx(ye,{open:y&&!h&&!b,variant:"standard",title:$.cardList.moreActionsTooltip,placement:"bottom-end",children:t.jsx(Te,{isMenuVisible:!0,menuItems:t.jsx(fo,{children:t.jsx(Ft,{cardDetail:a,isCardControlsEnabled:n,isChargeCardUser:E,setIsMenuOpen:m,setCardIdForRowAction:e,setActionTypeForRowAction:s})}),setIsMenuOpen:ze=>{b||m(ze)},isMenuOpen:h&&!b,menuIconStyles:{height:"auto",cursor:b?"not-allowed":"pointer",opacity:b?.5:1,pointerEvents:b?"none":"auto"},styles:{transform:`translate(${i.sp3},${i.sp2})`}})})})()})]})})]})})})},Ft=({cardDetail:e,isCardControlsEnabled:s,isChargeCardUser:r,setIsMenuOpen:d,setCardIdForRowAction:c,setActionTypeForRowAction:l})=>{const a=ie();return s?e.status.code==="request_on_hold"?r?t.jsxs(L,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("rename")},children:[t.jsx(se,{}),t.jsx(O,{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(se,{}),t.jsx(O,{children:$.cardDetails.moreOptions.rename})]}),t.jsx(je,{}),t.jsxs(L,{hoverImportant:!0,windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("revoke_invite")},children:[t.jsx(Xi,{}),t.jsx(fe,{children:$.cardDetails.revokeInvite})]})]}):e.status.code==="inactive"?r?t.jsxs(L,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("rename")},children:[t.jsx(se,{}),t.jsx(O,{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(se,{}),t.jsx(O,{children:$.cardDetails.moreOptions.rename})]}),t.jsx(je,{}),t.jsxs(L,{hoverImportant:!0,windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("close")},children:[t.jsx(Pe,{}),t.jsx(fe,{children:$.cardDetails.moreOptions.close})]})]}):e.status.code==="locked"?r?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(O,{children:$.cardDetails.moreOptions.unlock})]}),t.jsxs(L,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("rename")},children:[t.jsx(se,{}),t.jsx(O,{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(O,{children:$.cardDetails.moreOptions.unlock})]}),t.jsxs(L,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("rename")},children:[t.jsx(se,{}),t.jsx(O,{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(st,{}),t.jsx(O,{children:$.cardDetails.moreOptions.updateSpendLimit})]}),t.jsx(je,{}),t.jsxs(L,{hoverImportant:!0,windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("close")},children:[t.jsx(Pe,{}),t.jsx(fe,{children:$.cardDetails.moreOptions.close})]})]}):r?t.jsxs(t.Fragment,{children:[t.jsxs(L,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("rename")},children:[t.jsx(se,{}),t.jsx(O,{children:$.cardDetails.moreOptions.rename})]}),t.jsxs(L,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("lock")},children:[t.jsx(rt,{}),t.jsx(O,{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(st,{}),t.jsx(O,{children:$.cardDetails.moreOptions.updateSpendLimit})]}),t.jsxs(L,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("rename")},children:[t.jsx(se,{}),t.jsx(O,{children:$.cardDetails.moreOptions.rename})]}),t.jsxs(L,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("lock")},children:[t.jsx(rt,{}),t.jsx(O,{children:$.cardDetails.moreOptions.lock})]}),t.jsx(je,{}),t.jsxs(L,{windowSize:a,hoverImportant:!0,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("close")},children:[t.jsx(Pe,{}),t.jsx(fe,{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(fe,{children:$.cardDetails.revokeInvite})}):null},Le=({status:e,style:s})=>{const r=Fe(),d=Ji(e,r),c=le.getLocalizedStrings().spendManagement.chargeCard.cardList.status;return ie()==="small"?t.jsx(Qe,{textColor:d,text:c[e],tagStyles:{maxWidth:i.sp10,textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap",padding:"1px 6px",...s}}):t.jsx(Qe,{textColor:d,text:c[e],styles:s,tagStyles:{padding:"1px 6px"}})},Ji=(e,s)=>{switch(e){case"active":return new $e(I.success);case"request_on_hold":return new $e(I.graphColor36);case"inactive":return new $e(I.alert);default:return new $e(s.colors.grey1)}},O=o(Q)`
   color: inherit;
 `,fe=o(Q)`
   color: ${I.important};
@@ -46,7 +46,7 @@ import{ca as ni,V as t,a8 as li,ab as di,F as le,q as ie,av as Se,a7 as ci,d as
   width: ${i.sp4};
   height: ${i.sp4};
   color: ${I.important};
-`,Pe=o(St)`
+`,Pe=o(kt)`
   width: ${i.sp4};
   height: ${i.sp4};
   color: ${I.important};
@@ -269,9 +269,9 @@ import{ca as ni,V as t,a8 as li,ab as di,F as le,q as ie,av as Se,a7 as ci,d as
   display: flex;
   align-items: center;
   gap: ${i.sp1};
-`,zt=pe.memo(({allCheckBoxValues:e,checkBox:s,fieldName:r,index:d,containerStyle:c,"data-testid":l,groupLabelCheckBox:a,registerOptions:n,style:x,mode:w,checkBoxContainerStyle:g,checkBoxIconStyle:S,checkBoxStyle:j,labelCheckBoxStyle:k,labelStyle:h,width:m,isDisabled:y,selectionLimit:P,infoIconContainerStyle:B,checkedIconColor:D,draggable:F=!1,onDragStart:U})=>{const{control:u}=Fi();return t.jsx(zi,{control:u,name:r,rules:n,render:({field:{value:v,onChange:E,ref:M}})=>t.jsx(So,{style:{display:"flex",alignItems:"center",width:"100%",...g,...c},"data-testid":l??G("virtualized-checkbox-field",r),children:t.jsx(Ai,{checkBox:s,index:d,value:v,allCheckBoxValues:e,mode:w,name:r,checkBoxContainerStyle:x,checkBoxIconStyle:S,checkBoxStyle:s.groupLabel?k:j,labelCheckBoxStyle:k,labelStyle:h,width:m,groupLabelCheckBox:a,infoIconContainerStyle:B,selectionLimit:P,checkedIconColor:D,isDisabled:y,draggable:F,onDragStart:U,ref:M,onChangeHandler:T=>Ri({event:T,value:v,allCheckBoxValues:e,groupLabelCheckBox:a,onChange:E})})})})},(e,s)=>e.checkBox===s.checkBox&&e.index===s.index&&e.mode===s.mode&&e.isDisabled===s.isDisabled&&e.selectionLimit===s.selectionLimit&&e.allCheckBoxValues.length===s.allCheckBoxValues.length&&e.groupLabelCheckBox?.value===s.groupLabelCheckBox?.value);zt.displayName="VirtualizedCheckBoxField";const So=o.div`
+`,zt=pe.memo(({allCheckBoxValues:e,checkBox:s,fieldName:r,index:d,containerStyle:c,"data-testid":l,groupLabelCheckBox:a,registerOptions:n,style:x,mode:w,checkBoxContainerStyle:g,checkBoxIconStyle:k,checkBoxStyle:j,labelCheckBoxStyle:S,labelStyle:h,width:m,isDisabled:y,selectionLimit:P,infoIconContainerStyle:B,checkedIconColor:D,draggable:F=!1,onDragStart:U})=>{const{control:u}=Fi();return t.jsx(zi,{control:u,name:r,rules:n,render:({field:{value:v,onChange:E,ref:M}})=>t.jsx(ko,{style:{display:"flex",alignItems:"center",width:"100%",...g,...c},"data-testid":l??G("virtualized-checkbox-field",r),children:t.jsx(Ai,{checkBox:s,index:d,value:v,allCheckBoxValues:e,mode:w,name:r,checkBoxContainerStyle:x,checkBoxIconStyle:k,checkBoxStyle:s.groupLabel?S:j,labelCheckBoxStyle:S,labelStyle:h,width:m,groupLabelCheckBox:a,infoIconContainerStyle:B,selectionLimit:P,checkedIconColor:D,isDisabled:y,draggable:F,onDragStart:U,ref:M,onChangeHandler:T=>Ri({event:T,value:v,allCheckBoxValues:e,groupLabelCheckBox:a,onChange:E})})})})},(e,s)=>e.checkBox===s.checkBox&&e.index===s.index&&e.mode===s.mode&&e.isDisabled===s.isDisabled&&e.selectionLimit===s.selectionLimit&&e.allCheckBoxValues.length===s.allCheckBoxValues.length&&e.groupLabelCheckBox?.value===s.groupLabelCheckBox?.value);zt.displayName="VirtualizedCheckBoxField";const ko=o.div`
   position: relative;
-`,X={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(Oi,Ti)};function ko({companyNameSticky:e,sortConfig:s,showViewForCardUser:r,onColumnSortConfigChanged:d}){const c=Fe(),l=ie(),a=!!Se().loggedInUserRole.includes("charge_card_user")||r,[n,x]=f.useState(Lt(a));f.useEffect(()=>{const h=[...n];for(const m of h)m.key===s.sortKey?m.sortOrder=s.sortOrder:m.sortOrder="ascending";x(h)},[s.sortKey,s.sortOrder]);const w=(h,m)=>{let y=m;s.sortKey===h&&(y=m==="ascending"?"descending":"ascending"),d(h,y)},g=n.find(h=>h.key===s.sortKey)??(a?n[1]:n[0]),S=h=>n.find(m=>m.key===h)?.value??"",j=(a?n.filter(h=>h.key!=="owner"):n).map(h=>h.key),k=le.getLocalizedStrings().spendManagement.chargeCard.cardList;return l==="small"?t.jsxs(bo,{windowSize:l,children:[t.jsxs(Fo,{children:[t.jsx(Ao,{children:t.jsx(zo,{})}),t.jsx(Bi,{title:k.sortBy,placeholder:k.sortBy,pickerValues:j,valueToLabel:S,selectedValue:s.sortKey,onPickerSelectionChanged:h=>{w(h,"ascending")},optionTextStyle:Be.extraSmallRegular,titleTextStyle:Be.extraSmallRegular,titleColor:c.colors.primary,selectedOptionColor:c.colors.hero,optionBackgroundColor:c.colors.grey5,downChevronVisible:!1,backgroundColor:c.colors.grey4})]}),t.jsxs(Bo,{onClick:()=>w(g.key,g.sortOrder),"data-testid":G("mobile-cards-list-sort-clicked",s.sortKey),children:[t.jsx(J,{children:g.value}),t.jsx(dt,{windowSize:l,sortDataValue:s.sortKey,headerdata:g,children:t.jsx(ct,{windowSize:l,children:t.jsx(Je,{})})})]})]}):t.jsx($o,{windowSize:l,children:t.jsx(jo,{children:n.map(h=>h.width.value(l)!==0&&t.jsxs(Io,{companyNameSticky:e,sortDataValue:s.sortKey,actualDataValue:h.key,wrapperWidth:h.width,windowSize:l,children:[t.jsxs(Po,{onClick:()=>w(h.key,h.sortOrder),"data-testid":G("cards-list-sort-clicked",s.sortKey),children:[t.jsx(J,{children:h.value}),t.jsx(dt,{windowSize:l,sortDataValue:s.sortKey,headerdata:h,children:t.jsx(ct,{windowSize:l,children:t.jsx(Je,{})})})]}),t.jsx(Ro,{sortDataValue:s.sortKey,windowSize:l,isVisible:s.sortKey===h.key&&(a?h.key!=="cardName":h.key!=="owner"),children:t.jsx(Lo,{onClick:()=>w(a?"cardName":"owner","ascending"),"data-testid":G("cards-list-sort-cancel",s.sortKey)})})]},h.key))})})}const vo=pe.memo(ko),$o=o.div`
+`,X={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(Oi,Ti)};function So({companyNameSticky:e,sortConfig:s,showViewForCardUser:r,onColumnSortConfigChanged:d}){const c=Fe(),l=ie(),a=!!ke().loggedInUserRole.includes("charge_card_user")||r,[n,x]=f.useState(Lt(a));f.useEffect(()=>{const h=[...n];for(const m of h)m.key===s.sortKey?m.sortOrder=s.sortOrder:m.sortOrder="ascending";x(h)},[s.sortKey,s.sortOrder]);const w=(h,m)=>{let y=m;s.sortKey===h&&(y=m==="ascending"?"descending":"ascending"),d(h,y)},g=n.find(h=>h.key===s.sortKey)??(a?n[1]:n[0]),k=h=>n.find(m=>m.key===h)?.value??"",j=(a?n.filter(h=>h.key!=="owner"):n).map(h=>h.key),S=le.getLocalizedStrings().spendManagement.chargeCard.cardList;return l==="small"?t.jsxs(bo,{windowSize:l,children:[t.jsxs(Fo,{children:[t.jsx(Ao,{children:t.jsx(zo,{})}),t.jsx(Bi,{title:S.sortBy,placeholder:S.sortBy,pickerValues:j,valueToLabel:k,selectedValue:s.sortKey,onPickerSelectionChanged:h=>{w(h,"ascending")},optionTextStyle:Be.extraSmallRegular,titleTextStyle:Be.extraSmallRegular,titleColor:c.colors.primary,selectedOptionColor:c.colors.hero,optionBackgroundColor:c.colors.grey5,downChevronVisible:!1,backgroundColor:c.colors.grey4})]}),t.jsxs(Bo,{onClick:()=>w(g.key,g.sortOrder),"data-testid":G("mobile-cards-list-sort-clicked",s.sortKey),children:[t.jsx(J,{children:g.value}),t.jsx(dt,{windowSize:l,sortDataValue:s.sortKey,headerdata:g,children:t.jsx(ct,{windowSize:l,children:t.jsx(Je,{})})})]})]}):t.jsx($o,{windowSize:l,children:t.jsx(jo,{children:n.map(h=>h.width.value(l)!==0&&t.jsxs(Io,{companyNameSticky:e,sortDataValue:s.sortKey,actualDataValue:h.key,wrapperWidth:h.width,windowSize:l,children:[t.jsxs(Po,{onClick:()=>w(h.key,h.sortOrder),"data-testid":G("cards-list-sort-clicked",s.sortKey),children:[t.jsx(J,{children:h.value}),t.jsx(dt,{windowSize:l,sortDataValue:s.sortKey,headerdata:h,children:t.jsx(ct,{windowSize:l,children:t.jsx(Je,{})})})]}),t.jsx(Ro,{sortDataValue:s.sortKey,windowSize:l,isVisible:s.sortKey===h.key&&(a?h.key!=="cardName":h.key!=="owner"),children:t.jsx(Lo,{onClick:()=>w(a?"cardName":"owner","ascending"),"data-testid":G("cards-list-sort-cancel",s.sortKey)})})]},h.key))})})}const vo=pe.memo(So),$o=o.div`
   top: ${i.sp0};
   left: ${i.sp0};
   z-index: 2;
@@ -365,7 +365,7 @@ import{ca as ni,V as t,a8 as li,ab as di,F as le,q as ie,av as Se,a7 as ci,d as
   cursor: pointer;
   gap: 5px;
   color: ${e=>e.theme.colors.primary};
-`,{spendManagement:{billPay:{paymentDetails:{feePercent:Do}},chargeCard:he},common:Z}=le.getLocalizedStrings(),De={containerMarginLeft:new C(p[3],p[8]),webkitLineClamp:new C(2,2,1,1,1)},_o=({setCardIdForRowAction:e,setActionTypeForRowAction:s,cardDetail:r,isCardControlsEnabled:d,showViewForCardUser:c,signedInUser:l,resendInviteId:a,index:n,onChargeCardRowClick:x,onChargeCardResendInviteClick:w,rowActionView:g,revokeChargeCardsInviteFetchState:S,unlockChargeCardsFetchState:j,cardsSelectedForBulkAction:k})=>{const h=!!Se().loggedInUserRole.includes("charge_card_user")||c,m=f.useCallback(()=>{x(r.id,n)},[r.id]);return h?t.jsx(Eo,{cardDetail:r,onRowClick:m}):t.jsx(Oo,{setCardIdForRowAction:e,setActionTypeForRowAction:s,cardDetail:r,isCardControlsEnabled:d,signedInUser:l,resendInviteId:a,onRowClick:m,onChargeCardResendInviteClick:w,rowActionView:g,revokeChargeCardsInviteFetchState:S,unlockChargeCardsFetchState:j,cardsSelectedForBulkAction:k,showViewForCardUser:c})},At=({cardDetail:e})=>{const s=e.balance,r=kt(e)/e.limit.amount*100;return t.jsxs(Uo,{children:[t.jsx(Go,{children:ce("0,0.[00]",s)}),r!==0?t.jsx(Ho,{children:`${Math.round(r)}${Do}`}):null]})},Eo=({cardDetail:e,onRowClick:s})=>{const r=ie();return t.jsx(Rt,{windowSize:r,children:t.jsx(Pt,{onClick:s,"data-testid":G("charge-card-user-row",e.id),children:t.jsxs(_e,{children:[t.jsx(Nt,{children:t.jsxs(Mt,{cardUser:!0,children:[t.jsxs(_t,{children:[t.jsx(Ot,{children:Z.labels.cardName}),t.jsxs(Et,{children:[t.jsx(Tt,{title:e.cardName,children:e.cardName}),t.jsx(Qt,{windowSize:r,children:he.cardDetails.expiryHideOut+Z.strings.space+e.accountLast4})]})]}),t.jsxs(Bt,{children:[t.jsx(Dt,{children:`${he.cardList.header.cardType}${Z.strings.colon}`}),t.jsx(Oe,{children:t.jsx(Ve,{cardDetail:e,forDetailPage:!1})})]}),t.jsxs(Wt,{children:[t.jsx(Kt,{children:Z.labels.limit}),t.jsxs(qt,{children:[t.jsx(Ht,{children:ce("0,0.[00]",e.limit)}),t.jsx(Gt,{}),t.jsx(Ee,{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(Vt,{children:[t.jsx(Le,{status:e.status.code}),e.status.code==="request_on_hold"?t.jsx(ye,{display:"flex",title:he.cardList.tooltip[e.type.code].self,placement:"top",style:{padding:`${i.sp2} ${i.sp3}`},children:t.jsx(Jt,{className:"infoIconTooltip"})}):null]})]})})]})})})},Oo=({setCardIdForRowAction:e,setActionTypeForRowAction:s,cardDetail:r,isCardControlsEnabled:d,signedInUser:c,resendInviteId:l,onRowClick:a,onChargeCardResendInviteClick:n,rowActionView:x,revokeChargeCardsInviteFetchState:w,unlockChargeCardsFetchState:g,cardsSelectedForBulkAction:S,showViewForCardUser:j})=>{const[k,h]=f.useState(!1);f.useEffect(()=>{S.length>0&&k&&h(!1)},[S.length,k]);const m=!!Se().loggedInUserRole.includes("charge_card_user")||j,y=`${r.cardHolderUser?.firstName??""} ${r.cardHolderUser?.lastName??""}`,P=r?.cardHolderUserId===c.userId,B=ie(),D=r.type.code,F=he.cardList.tooltip[D],U=F!=null?P?F.self:`${y} ${F.cardUser}`:Z.strings.empty,u=x.cardId===r.id,v=S.includes(r.id),E=u&&x.unlockChargeCardsFetchState.fetchState==="In-Progress"||v&&g==="In-Progress",M=u&&x.revokeChargeCardFetchState.fetchState==="In-Progress"||v&&w==="In-Progress",T=E||M,W=r.status.code!=="closed"&&r.status.code!=="closed_by_customer";return t.jsx(Rt,{windowSize:B,children:t.jsxs(Pt,{onClick:a,"data-testid":G("charge-card-admin-row",r.id),children:[t.jsxs(_e,{children:[t.jsxs(Nt,{children:[t.jsx(Mo,{children:t.jsx(vt,{personBasic:r.cardHolderUser,styles:{height:i.sp6,width:i.sp6}})}),t.jsx(Wo,{children:t.jsxs(qo,{children:[t.jsx(To,{children:t.jsx(Vo,{windowSize:B,title:y,children:y})}),t.jsx(Ee,{style:{marginTop:`-${i.sp1}`},children:r.cardHolderRoles?.userRoles!=null&&t.jsx(It,{roles:r.cardHolderRoles?.userRoles})})]})})]}),t.jsx(Ut,{children:t.jsx(t.Fragment,{children:l===r.id?t.jsx($t,{size:"Small",start:!0}):t.jsxs(Zo,{children:[t.jsxs(No,{children:[r.status.code!=="request_on_hold"?t.jsx(At,{cardDetail:r}):null,t.jsxs(Vt,{children:[t.jsx(Le,{status:r.status.code}),r.status.code==="request_on_hold"?t.jsx(ye,{display:"flex",title:U,placement:"top",style:{padding:`${i.sp2} ${i.sp3}`},children:t.jsx(Jt,{className:"infoIconTooltip"})}):null]})]}),r.status.code==="request_on_hold"&&!P?t.jsx(Jo,{children:t.jsx(Qo,{onClick:A=>{A.stopPropagation(),n(r.id)},"data-testid":G("send-reminder-clicked",r.id),children:he.cardList.sendReminder})}):null]})})})]}),t.jsxs(_e,{children:[t.jsxs(Mt,{cardUser:!1,children:[t.jsxs(_t,{children:[t.jsx(Ot,{children:`${Z.labels.cardName}`}),t.jsxs(Et,{children:[t.jsx(Tt,{title:r.cardName,children:r.cardName}),t.jsx(Qt,{windowSize:B,children:r.status.code==="request_on_hold"?Z.strings.hyphen:he.cardDetails.expiryHideOut+Z.strings.space+r.accountLast4})]})]}),t.jsxs(Bt,{children:[t.jsx(Dt,{children:`${he.cardList.header.cardType}${Z.strings.colon}`}),t.jsx(Oe,{children:t.jsx(Oe,{children:t.jsx(Ve,{cardDetail:r,forDetailPage:!1})})})]}),t.jsxs(Wt,{children:[t.jsx(Kt,{children:Z.labels.limit}),t.jsxs(qt,{children:[t.jsx(Ht,{children:ce("0,0.[00]",r.limit)}),t.jsx(Gt,{}),t.jsx(Ee,{children:r.creditLimitFrequency.name})]})]})]}),t.jsx(Ko,{children:t.jsx(Yo,{showMenu:!0,className:"menu-icon",children:(()=>{const A=r.status.code==="locked",V=r.status.code==="closed"||r.status.code==="closed_by_customer",H=m?d&&!T&&!V&&!(A&&r.isLockedByAdmin):d?!T&&W:r.status.code==="request_on_hold",z=S.length>0;return H&&t.jsx(Te,{menuItems:t.jsx(Xo,{children:t.jsx(Ft,{cardDetail:r,isCardControlsEnabled:d,isChargeCardUser:m,setIsMenuOpen:h,setCardIdForRowAction:e,setActionTypeForRowAction:s})}),setIsMenuOpen:te=>{z||h(te)},isMenuOpen:k&&!z,menuIconStyles:{cursor:z?"not-allowed":"pointer",opacity:z?.5:1,pointerEvents:z?"none":"auto"},styles:{transform:"translate(5px,0px)"}})})()})})]})]})})},Rt=o.div`
+`,{spendManagement:{billPay:{paymentDetails:{feePercent:Do}},chargeCard:he},common:Z}=le.getLocalizedStrings(),De={containerMarginLeft:new C(p[3],p[8]),webkitLineClamp:new C(2,2,1,1,1)},_o=({setCardIdForRowAction:e,setActionTypeForRowAction:s,cardDetail:r,isCardControlsEnabled:d,showViewForCardUser:c,signedInUser:l,resendInviteId:a,index:n,onChargeCardRowClick:x,onChargeCardResendInviteClick:w,rowActionView:g,revokeChargeCardsInviteFetchState:k,unlockChargeCardsFetchState:j,cardsSelectedForBulkAction:S})=>{const h=!!ke().loggedInUserRole.includes("charge_card_user")||c,m=f.useCallback(()=>{x(r.id,n)},[r.id]);return h?t.jsx(Eo,{cardDetail:r,onRowClick:m}):t.jsx(Oo,{setCardIdForRowAction:e,setActionTypeForRowAction:s,cardDetail:r,isCardControlsEnabled:d,signedInUser:l,resendInviteId:a,onRowClick:m,onChargeCardResendInviteClick:w,rowActionView:g,revokeChargeCardsInviteFetchState:k,unlockChargeCardsFetchState:j,cardsSelectedForBulkAction:S,showViewForCardUser:c})},At=({cardDetail:e})=>{const s=e.balance,r=St(e)/e.limit.amount*100;return t.jsxs(Uo,{children:[t.jsx(Go,{children:ce("0,0.[00]",s)}),r!==0?t.jsx(Ho,{children:`${Math.round(r)}${Do}`}):null]})},Eo=({cardDetail:e,onRowClick:s})=>{const r=ie();return t.jsx(Rt,{windowSize:r,children:t.jsx(Pt,{onClick:s,"data-testid":G("charge-card-user-row",e.id),children:t.jsxs(_e,{children:[t.jsx(Nt,{children:t.jsxs(Mt,{cardUser:!0,children:[t.jsxs(_t,{children:[t.jsx(Ot,{children:Z.labels.cardName}),t.jsxs(Et,{children:[t.jsx(Tt,{title:e.cardName,children:e.cardName}),t.jsx(Qt,{windowSize:r,children:he.cardDetails.expiryHideOut+Z.strings.space+e.accountLast4})]})]}),t.jsxs(Bt,{children:[t.jsx(Dt,{children:`${he.cardList.header.cardType}${Z.strings.colon}`}),t.jsx(Oe,{children:t.jsx(Ve,{cardDetail:e,forDetailPage:!1})})]}),t.jsxs(Wt,{children:[t.jsx(Kt,{children:Z.labels.limit}),t.jsxs(qt,{children:[t.jsx(Ht,{children:ce("0,0.[00]",e.limit)}),t.jsx(Gt,{}),t.jsx(Ee,{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(Vt,{children:[t.jsx(Le,{status:e.status.code}),e.status.code==="request_on_hold"?t.jsx(ye,{display:"flex",title:he.cardList.tooltip[e.type.code].self,placement:"top",style:{padding:`${i.sp2} ${i.sp3}`},children:t.jsx(Jt,{className:"infoIconTooltip"})}):null]})]})})]})})})},Oo=({setCardIdForRowAction:e,setActionTypeForRowAction:s,cardDetail:r,isCardControlsEnabled:d,signedInUser:c,resendInviteId:l,onRowClick:a,onChargeCardResendInviteClick:n,rowActionView:x,revokeChargeCardsInviteFetchState:w,unlockChargeCardsFetchState:g,cardsSelectedForBulkAction:k,showViewForCardUser:j})=>{const[S,h]=f.useState(!1);f.useEffect(()=>{k.length>0&&S&&h(!1)},[k.length,S]);const m=!!ke().loggedInUserRole.includes("charge_card_user")||j,y=`${r.cardHolderUser?.firstName??""} ${r.cardHolderUser?.lastName??""}`,P=r?.cardHolderUserId===c.userId,B=ie(),D=r.type.code,F=he.cardList.tooltip[D],U=F!=null?P?F.self:`${y} ${F.cardUser}`:Z.strings.empty,u=x.cardId===r.id,v=k.includes(r.id),E=u&&x.unlockChargeCardsFetchState.fetchState==="In-Progress"||v&&g==="In-Progress",M=u&&x.revokeChargeCardFetchState.fetchState==="In-Progress"||v&&w==="In-Progress",T=E||M,W=r.status.code!=="closed"&&r.status.code!=="closed_by_customer";return t.jsx(Rt,{windowSize:B,children:t.jsxs(Pt,{onClick:a,"data-testid":G("charge-card-admin-row",r.id),children:[t.jsxs(_e,{children:[t.jsxs(Nt,{children:[t.jsx(Mo,{children:t.jsx(vt,{personBasic:r.cardHolderUser,styles:{height:i.sp6,width:i.sp6}})}),t.jsx(Wo,{children:t.jsxs(qo,{children:[t.jsx(To,{children:t.jsx(Vo,{windowSize:B,title:y,children:y})}),t.jsx(Ee,{style:{marginTop:`-${i.sp1}`},children:r.cardHolderRoles?.userRoles!=null&&t.jsx(It,{roles:r.cardHolderRoles?.userRoles})})]})})]}),t.jsx(Ut,{children:t.jsx(t.Fragment,{children:l===r.id?t.jsx($t,{size:"Small",start:!0}):t.jsxs(Zo,{children:[t.jsxs(No,{children:[r.status.code!=="request_on_hold"?t.jsx(At,{cardDetail:r}):null,t.jsxs(Vt,{children:[t.jsx(Le,{status:r.status.code}),r.status.code==="request_on_hold"?t.jsx(ye,{display:"flex",title:U,placement:"top",style:{padding:`${i.sp2} ${i.sp3}`},children:t.jsx(Jt,{className:"infoIconTooltip"})}):null]})]}),r.status.code==="request_on_hold"&&!P?t.jsx(Jo,{children:t.jsx(Qo,{onClick:A=>{A.stopPropagation(),n(r.id)},"data-testid":G("send-reminder-clicked",r.id),children:he.cardList.sendReminder})}):null]})})})]}),t.jsxs(_e,{children:[t.jsxs(Mt,{cardUser:!1,children:[t.jsxs(_t,{children:[t.jsx(Ot,{children:`${Z.labels.cardName}`}),t.jsxs(Et,{children:[t.jsx(Tt,{title:r.cardName,children:r.cardName}),t.jsx(Qt,{windowSize:B,children:r.status.code==="request_on_hold"?Z.strings.hyphen:he.cardDetails.expiryHideOut+Z.strings.space+r.accountLast4})]})]}),t.jsxs(Bt,{children:[t.jsx(Dt,{children:`${he.cardList.header.cardType}${Z.strings.colon}`}),t.jsx(Oe,{children:t.jsx(Oe,{children:t.jsx(Ve,{cardDetail:r,forDetailPage:!1})})})]}),t.jsxs(Wt,{children:[t.jsx(Kt,{children:Z.labels.limit}),t.jsxs(qt,{children:[t.jsx(Ht,{children:ce("0,0.[00]",r.limit)}),t.jsx(Gt,{}),t.jsx(Ee,{children:r.creditLimitFrequency.name})]})]})]}),t.jsx(Ko,{children:t.jsx(Yo,{showMenu:!0,className:"menu-icon",children:(()=>{const A=r.status.code==="locked",V=r.status.code==="closed"||r.status.code==="closed_by_customer",H=m?d&&!T&&!V&&!(A&&r.isLockedByAdmin):d?!T&&W:r.status.code==="request_on_hold",z=k.length>0;return H&&t.jsx(Te,{menuItems:t.jsx(Xo,{children:t.jsx(Ft,{cardDetail:r,isCardControlsEnabled:d,isChargeCardUser:m,setIsMenuOpen:h,setCardIdForRowAction:e,setActionTypeForRowAction:s})}),setIsMenuOpen:te=>{z||h(te)},isMenuOpen:S&&!z,menuIconStyles:{cursor:z?"not-allowed":"pointer",opacity:z?.5:1,pointerEvents:z?"none":"auto"},styles:{transform:"translate(5px,0px)"}})})()})})]})]})})},Rt=o.div`
   display: flex;
   background-color: ${e=>e.theme.colors.grey5};
   border: ${e=>` 1px solid ${e.theme.colors.grey3}`};
@@ -526,7 +526,7 @@ import{ca as ni,V as t,a8 as li,ab as di,F as le,q as ie,av as Se,a7 as ci,d as
   display: flex;
   align-items: center;
   gap: ${i.sp1};
-`,qs=20,Ie=(e,s,r)=>!(r!=null&&e.status.code!==r||e.status.code==="closed"||e.status.code==="closed_by_customer"),es=(e,s,r)=>{const d=le.getLocalizedStrings(),c=d.spendManagement.chargeCard.cardList.bulkActions.exceptionMessages;if(e.status.code==="closed"||e.status.code==="closed_by_customer")return c.closedCardsCannotBeSelected;if(r!=null&&e.status.code!==r){const l=d.spendManagement.chargeCard.cardList.status[r];return c.onlyCardsUnderStatusCanBeSelectedTogether.replace("__status__",l)}return c.cardCannotBeSelectedForAction},ne={lastListItemHeight:new C(200,158),bannerWrapperMarginLeftRight:new C(p[3],p[8]),styledAIIconContainerSize:new C(p[3],p[3]),checkBoxContainerStyleMarginLeft:new C(p[0],p[4]),checkBoxContainerStyleMarginRight:new C(p[0],p[8]),labelCheckBoxStyleMarginLeft:new C(p[2],p[0])},ts={moreItemFont:new ft("extraSmallRegular","smallRegular")},me=le.getLocalizedStrings(),{spendManagement:{chargeCard:R},common:ae}=me,ht=50,is=64,os=351,ss=136,Yt=pe.memo(({cardList:e,controllerEmails:s,creditAccount:r,creditAccountRepayment:d,setCardIdForRowAction:c,setActionTypeForRowAction:l,rowActionView:a,showViewForCardUser:n,productInformation:x,isChargeCardFeatureEnabled:w,isChargeCardSetupEnabled:g,isDebitCardFeatureEnabled:S,isDebitCardSetupEnabled:j,cashbackInformation:k,creditAccountInformation:h,debitAccountInformation:m,depositAccountListWithDebitCardIssued:y,uiState:P,signedInUser:B,fetchState:D,revokeChargeCardsInviteFetchState:F,unlockChargeCardsFetchState:U,receiptBotEmail:u,searchText:v,resendInviteId:E,isBulkActionAllowed:M,isCardControlsEnabled:T,cardsSelectedForBulkAction:W,firstSelectedCardStatus:A,bulkSubmissionLimit:V,onProceedForBulkActionClick:H,onBulkCloseClick:z,onBulkLockClick:te,setShowBulkChangeSpendLimitPopup:Y,onChargeCardResendInviteClick:_,onChargeCardRowClick:de,onReloadCards:K,onColumnSortConfigChanged:oe,handleClearSelection:xe})=>{const b=ie(),ze=Se(),Ne=ci().analytics,Ue=!!ze.loggedInUserRole.includes("charge_card_user"),Me=Fe(),[,We]=hi(),[ke,He]=f.useState(!1),[Ae,Ke]=f.useState(!1),ii=f.useCallback(()=>{u!=null&&((!w||r.fetchState==="Completed"&&d.fetchState==="Completed")&&(!(S&&j)||y.fetchState==="Completed")&&Ne.trackCardsCopyIconClick(s,x,"Cards List","Copy","copied","Receipt Email",u,k,h,m),We(u),He(!0))},[u,w,r.fetchState,d.fetchState,S,j,y.fetchState,Ne,s,x,k,h,m,We]);f.useEffect(()=>{if(ke===!0){const N=setTimeout(()=>{He(!1)},800);return()=>clearTimeout(N)}},[ke]);const oi=f.useCallback(N=>{H(N)},[H]),Re=f.useCallback(N=>N===0?ht:b!=="small"?pi:Ue?ui:mi,[b,Ue]),si=f.useMemo(()=>{let N=ht+is;for(let we=1;we<=e.length;we++)N+=Re(we);return N},[e.length,Re]),qe=f.useMemo(()=>window.innerHeight-os,[]),ri=si>qe,Ge=f.useRef(null);f.useEffect(()=>{Ge.current?.resetAfterIndex(0)},[b]);const ai=()=>D==="Error"?t.jsxs(ms,{children:[t.jsx(gs,{onClick:K,"data-testid":G("charge-card-list-reload"),children:t.jsx(xs,{})}),t.jsx(ws,{children:ae.reloadPage.label})]}):D==="Completed"&&e.length===0?t.jsx(xi,{sourceView:"charge_cards",style:{height:"calc(100vh - 450px)"},title:R.cardList.getStarted,message:v!==""?R.cardList.noDataWithFilterText:R.cardList.noDataText,messageStyle:{maxWidth:345,color:Me.colors.primary,...Be.largeRegular.cssObject}}):t.jsxs(ti,{children:[u!=null?t.jsxs(Ss,{windowSize:b,children:[t.jsx(Is,{windowSize:b,children:t.jsx(Ls,{})}),t.jsxs(Fs,{windowSize:b,children:[t.jsxs(ks,{children:[t.jsx(ps,{children:R.aiCardAgentText}),ae.strings.space,R.receiptBotMessage,ae.strings.space]}),t.jsxs(bs,{"data-testid":G("charge-card-list-copy-email"),onClick:ii,onMouseEnter:()=>Ke(!0),onMouseLeave:()=>Ke(!1),children:[t.jsx(vs,{children:u}),ke===!0?t.jsxs(ut,{children:[t.jsx(js,{}),t.jsx(pt,{children:t.jsx(mt,{shouldDisplay:Ae||ke,color:I.primaryDark,children:ae.copyToClipBoard.copied})})]}):t.jsxs(ut,{children:[t.jsx($s,{color:Ae?Me.colors.primary:void 0}),t.jsx(pt,{children:t.jsx(mt,{shouldDisplay:Ae&&b!=="small",children:ae.copyToClipBoard.copy})})]})]})]})]}):null,t.jsx(Cs,{windowSize:b,availableHeight:qe,isListTooLarge:ri,children:t.jsx(wi,{children:({height:N,width:we})=>t.jsx(Ci,{ref:Ge,height:N,itemCount:e.length+1,innerElementType:Zt,itemSize:Re,estimatedItemSize:yi,itemKey:ve=>ve===0?"header":e[ve-1].id,width:we,overscanCount:fi,initialScrollOffset:0,children:ve=>t.jsx(ds,{...ve,setCardIdForRowAction:c,setActionTypeForRowAction:l,rowActionView:a,resendInviteId:E,onChargeCardResendInviteClick:_,onChargeCardRowClick:de,showViewForCardUser:n,cardList:e,signedInUser:B,uiState:P,revokeChargeCardsInviteFetchState:F,unlockChargeCardsFetchState:U,onColumnSortConfigChanged:oe,isBulkActionAllowed:M,isCardControlsEnabled:T,cardsSelectedForBulkAction:W,firstSelectedCardStatus:A,bulkSubmissionLimit:V})})})})]});return t.jsxs(us,{fetchState:D,children:[ai(),W.length>0&&U!=="In-Progress"&&F!=="In-Progress"?t.jsx(gi,{helperContainerStyle:b==="small"?{margin:`${i.sp5} ${i.sp7} ${i.sp2} ${i.sp0}`}:{},showPrimaryButton:!0,primaryBtn:{label:as(A),isLoading:!1,isDisabled:!1,type:"button",onClick:()=>{const N=Xt(A);N&&oi(N)}},cancelBtn:{label:ae.texts.goBack,isDisabled:!1,onClick:xe,style:b==="small"?{}:ns(A)},leftSideComponent:As(W.length,V,b),rightSideComponent:t.jsx(Ds,{firstSelectedCardStatus:A,windowSize:b,setShowBulkChangeSpendLimitPopup:Y,onBulkCloseClick:z,onBulkLockClick:te})}):null]})},(e,s)=>e.cardList===s.cardList&&e.cardsSelectedForBulkAction.length===s.cardsSelectedForBulkAction.length&&e.fetchState===s.fetchState&&e.uiState.sortKey===s.uiState.sortKey&&e.uiState.sortOrder===s.uiState.sortOrder&&e.rowActionView===s.rowActionView&&e.unlockChargeCardsFetchState===s.unlockChargeCardsFetchState&&e.revokeChargeCardsInviteFetchState===s.revokeChargeCardsInviteFetchState&&e.searchText===s.searchText&&e.receiptBotEmail===s.receiptBotEmail&&e.isCardControlsEnabled===s.isCardControlsEnabled&&e.firstSelectedCardStatus===s.firstSelectedCardStatus&&e.handleClearSelection===s.handleClearSelection);Yt.displayName="ChargeCardListContent";const rs=({cardsSelectedForBulkAction:e,cardList:s,firstSelectedCardStatus:r,bulkSubmissionLimit:d,updateBulkActionList:c,removeAllCardsFromBulkActionList:l,isChargeCardSetupEnabled:a,...n})=>{const x="bulkSelectIds",w=li({defaultValues:{[x]:e},values:{[x]:e}});f.useEffect(()=>{const S=w.watch((j,{name:k})=>{if(k===x){let h=[];const m=j[x]??[];if(m.includes(me.common.all.toLowerCase()))if(e.length===0){h=[];for(const y of s)if(Ie(y,void 0,r)&&h.push(y.id),h.length===d)break}else h=m.filter(y=>y!==me.common.all.toLowerCase());else h=m.filter(y=>y!=null);c(h)}});return()=>S.unsubscribe()},[c,e.length,s,r,d]);const g=f.useCallback(()=>{w.setValue(x,[]),l()},[w,l]);return t.jsx(di,{...w,children:t.jsx(Yt,{...n,cardsSelectedForBulkAction:e,cardList:s,firstSelectedCardStatus:r,bulkSubmissionLimit:d,isChargeCardSetupEnabled:a,handleClearSelection:g})})},Xt=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 R.cardDetails.moreOptions.updateSpendLimit;case"locked":return R.cardDetails.moreOptions.unlock;case"inactive":return R.closeCard.closeCard;case"request_on_hold":return R.cardDetails.revokeInvite;default:return ae.proceed}},ns=e=>{switch(Xt(e)){case"update_limit":return{minWidth:"173px"};case"unlock":return{minWidth:"119px"};case"close":return{minWidth:"111px"};case"revoke_invite":return{minWidth:"128px"};default:return{}}},Zt=f.forwardRef((e,s)=>{const{children:r,style:d,...c}=e;return t.jsx(ti,{ref:s,style:{...d,width:"auto"},...c,children:t.jsx(ys,{children:r})})});Zt.displayName=R.cardList.headerElementDisplayName;const ls=({cardList:e,controllerEmails:s,creditAccount:r,creditAccountRepayment:d,fetchState:c,uiState:l,setCardIdForRowAction:a,setActionTypeForRowAction:n,receiptBotEmail:x,searchText:w,resendInviteId:g,showViewForCardUser:S,signedInUser:j,isChargeCardFeatureEnabled:k,isChargeCardSetupEnabled:h,isDebitCardFeatureEnabled:m,isDebitCardSetupEnabled:y,cashbackInformation:P,creditAccountInformation:B,debitAccountInformation:D,productInformation:F,isBulkActionAllowed:U,isCardControlsEnabled:u,cardsSelectedForBulkAction:v,firstSelectedCardStatus:E,bulkSubmissionLimit:M,updateBulkActionList:T,removeAllCardsFromBulkActionList:W,onProceedForBulkActionClick:A,onBulkCloseClick:V,onBulkLockClick:H,setShowBulkChangeSpendLimitPopup:z,onChargeCardRowClick:te,onReloadCards:Y,onColumnSortConfigChanged:_,onChargeCardResendInviteClick:de,depositAccountListWithDebitCardIssued:K,rowActionView:oe,revokeChargeCardsInviteFetchState:xe,unlockChargeCardsFetchState:b})=>(ni({componentName:"cards.list",enabled:c==="Completed"}),t.jsx(rs,{cardList:e,controllerEmails:s,creditAccount:r,creditAccountRepayment:d,setCardIdForRowAction:a,setActionTypeForRowAction:n,rowActionView:oe,isChargeCardFeatureEnabled:k,isChargeCardSetupEnabled:h,isDebitCardFeatureEnabled:m,isDebitCardSetupEnabled:y,cashbackInformation:P,creditAccountInformation:B,debitAccountInformation:D,productInformation:F,isBulkActionAllowed:U,isCardControlsEnabled:u,cardsSelectedForBulkAction:v,firstSelectedCardStatus:E,bulkSubmissionLimit:M,updateBulkActionList:T,removeAllCardsFromBulkActionList:W,onProceedForBulkActionClick:A,onBulkCloseClick:V,onBulkLockClick:H,setShowBulkChangeSpendLimitPopup:z,depositAccountListWithDebitCardIssued:K,showViewForCardUser:S,signedInUser:j,fetchState:c,revokeChargeCardsInviteFetchState:xe,unlockChargeCardsFetchState:b,receiptBotEmail:x,searchText:w,resendInviteId:g,onReloadCards:Y,onChargeCardRowClick:te,uiState:l,onColumnSortConfigChanged:_,onChargeCardResendInviteClick:de})),Gs=pe.memo(ls),ds=({uiState:e,onColumnSortConfigChanged:s,isBulkActionAllowed:r,isCardControlsEnabled:d,cardsSelectedForBulkAction:c,firstSelectedCardStatus:l,bulkSubmissionLimit:a,index:n,setCardIdForRowAction:x,setActionTypeForRowAction:w,rowActionView:g,revokeChargeCardsInviteFetchState:S,unlockChargeCardsFetchState:j,style:k,cardList:h,showViewForCardUser:m,signedInUser:y,resendInviteId:P,onChargeCardResendInviteClick:B,onChargeCardRowClick:D})=>{const F=ie(),U=Fe(),u=g.cardId!=null&&g.unlockChargeCardsFetchState.fetchState==="In-Progress"||j==="In-Progress"&&c.length>0,v=!r||u||d===!1||h.length<=1?"off":c.length>0?"always_on":"checked_or_hover",E={gap:i.sp3,width:"auto",marginLeft:ne.checkBoxContainerStyleMarginLeft.valuePx(F),marginRight:ne.checkBoxContainerStyleMarginRight.valuePx(F)},M={marginLeft:ne.labelCheckBoxStyleMarginLeft.valuePx(F)},T=hs(F),W=cs(F),A={width:"100%"},V={backgroundColor:U.colors.grey4},H={...k,width:"100%"},z=f.useMemo(()=>{const K=[me.common.all.toLowerCase()];for(const oe of h)if(!(d&&!Ie(oe,void 0,l))&&(K.push(oe.id),a!=null&&K.length===a+1))break;return K},[h,d,l,a]),te={label:"",defaultChecked:!1,groupLabel:!0,value:me.common.all.toLowerCase(),isException:!(c.length>0)},Y=n===0,_=Y?null:h[n-1],de=f.useMemo(()=>Y?{label:t.jsx(vo,{companyNameSticky:!1,showViewForCardUser:m,onColumnSortConfigChanged:s,sortConfig:{sortKey:e.sortKey,sortOrder:e.sortOrder}}),defaultChecked:!1,groupLabel:!0,value:me.common.all.toLowerCase(),isException:!(c.length>0&&h.length>1)}:_==null?{label:t.jsx("div",{}),value:"",groupLabel:!1,defaultChecked:!1,isException:!1}:{label:t.jsx(ei,{setCardIdForRowAction:x,setActionTypeForRowAction:w,rowActionView:g,revokeChargeCardsInviteFetchState:S,unlockChargeCardsFetchState:j,cardsSelectedForBulkAction:c,isCardControlsEnabled:d,showViewForCardUser:m,cardDetail:_,signedInUser:y,resendInviteId:P,index:n-1,onChargeCardResendInviteClick:B,onChargeCardRowClick:D}),value:_.id,groupLabel:!1,defaultChecked:!1,isException:d&&r?!Ie(_,void 0,l):!1,exceptionMode:"checked_or_hover",exceptionInfo:es(_,void 0,l),exceptionType:Ie(_,void 0,l)?void 0:"info"},[Y,_,m,s,e.sortKey,e.sortOrder,c,x,w,g,S,j,d,y,P,n,B,D,l]);return t.jsx(fs,{style:H,className:"spend-management-list-item",children:t.jsx(zt,{checkBox:de,fieldName:"bulkSelectIds",index:n,allCheckBoxValues:z,groupLabelCheckBox:te,mode:v,checkBoxContainerStyle:E,checkBoxIconStyle:V,checkBoxStyle:Y?M:T,labelCheckBoxStyle:M,labelStyle:A,style:{gap:i.sp3},infoIconContainerStyle:W,selectionLimit:a})})},cs=e=>{let s={zIndex:1,height:i.sp3,display:"flex",alignItems:"center"};return e==="small"&&(s={...s,position:"absolute",left:i.sp2,marginBottom:i.sp1,width:i.sp4,height:i.sp4}),s},hs=e=>{let s={zIndex:1,marginBottom:i.sp3,backgroundColor:"inherit"};return e==="small"&&(s={...s,position:"absolute",left:i.sp1,width:i.sp4,height:i.sp4}),s},ei=pe.memo(({setCardIdForRowAction:e,setActionTypeForRowAction:s,rowActionView:r,revokeChargeCardsInviteFetchState:d,unlockChargeCardsFetchState:c,cardsSelectedForBulkAction:l,cardDetail:a,isCardControlsEnabled:n,showViewForCardUser:x,signedInUser:w,resendInviteId:g,index:S,onChargeCardResendInviteClick:j,onChargeCardRowClick:k})=>{const h=ie()==="small"?_o:Gi;return t.jsx(h,{cardDetail:a,index:S,isCardControlsEnabled:n,setActionTypeForRowAction:s,setCardIdForRowAction:e,showViewForCardUser:x,signedInUser:w,revokeChargeCardsInviteFetchState:d,unlockChargeCardsFetchState:c,cardsSelectedForBulkAction:l,rowActionView:r,onChargeCardRowClick:k,resendInviteId:g,onChargeCardResendInviteClick:j})},(e,s)=>{const r=e.cardsSelectedForBulkAction.includes(e.cardDetail.id),d=s.cardsSelectedForBulkAction.includes(s.cardDetail.id),c=e.rowActionView.cardId===e.cardDetail.id,l=s.rowActionView.cardId===s.cardDetail.id;return r===d&&c===l&&e.cardDetail===s.cardDetail&&e.isCardControlsEnabled===s.isCardControlsEnabled&&e.unlockChargeCardsFetchState===s.unlockChargeCardsFetchState&&e.revokeChargeCardsInviteFetchState===s.revokeChargeCardsInviteFetchState&&e.resendInviteId===s.resendInviteId&&e.showViewForCardUser===s.showViewForCardUser&&e.signedInUser===s.signedInUser&&e.index===s.index});ei.displayName="ChargeCardRowWrapper";const ps=o(ji)`
+`,qs=20,Ie=(e,s,r)=>!(r!=null&&e.status.code!==r||e.status.code==="closed"||e.status.code==="closed_by_customer"),es=(e,s,r)=>{const d=le.getLocalizedStrings(),c=d.spendManagement.chargeCard.cardList.bulkActions.exceptionMessages;if(e.status.code==="closed"||e.status.code==="closed_by_customer")return c.closedCardsCannotBeSelected;if(r!=null&&e.status.code!==r){const l=d.spendManagement.chargeCard.cardList.status[r];return c.onlyCardsUnderStatusCanBeSelectedTogether.replace("__status__",l)}return c.cardCannotBeSelectedForAction},ne={lastListItemHeight:new C(200,158),bannerWrapperMarginLeftRight:new C(p[3],p[8]),styledAIIconContainerSize:new C(p[3],p[3]),checkBoxContainerStyleMarginLeft:new C(p[0],p[4]),checkBoxContainerStyleMarginRight:new C(p[0],p[8]),labelCheckBoxStyleMarginLeft:new C(p[2],p[0])},ts={moreItemFont:new ft("extraSmallRegular","smallRegular")},me=le.getLocalizedStrings(),{spendManagement:{chargeCard:R},common:ae}=me,ht=50,is=64,os=351,ss=136,Yt=pe.memo(({cardList:e,controllerEmails:s,creditAccount:r,creditAccountRepayment:d,setCardIdForRowAction:c,setActionTypeForRowAction:l,rowActionView:a,showViewForCardUser:n,productInformation:x,isChargeCardFeatureEnabled:w,isChargeCardSetupEnabled:g,isDebitCardFeatureEnabled:k,isDebitCardSetupEnabled:j,cashbackInformation:S,creditAccountInformation:h,debitAccountInformation:m,depositAccountListWithDebitCardIssued:y,uiState:P,signedInUser:B,fetchState:D,revokeChargeCardsInviteFetchState:F,unlockChargeCardsFetchState:U,receiptBotEmail:u,searchText:v,resendInviteId:E,isBulkActionAllowed:M,isCardControlsEnabled:T,cardsSelectedForBulkAction:W,firstSelectedCardStatus:A,bulkSubmissionLimit:V,onProceedForBulkActionClick:H,onBulkCloseClick:z,onBulkLockClick:te,setShowBulkChangeSpendLimitPopup:Y,onChargeCardResendInviteClick:_,onChargeCardRowClick:de,onReloadCards:K,onColumnSortConfigChanged:oe,handleClearSelection:xe})=>{const b=ie(),ze=ke(),Ne=ci().analytics,Ue=!!ze.loggedInUserRole.includes("charge_card_user"),Me=Fe(),[,We]=hi(),[Se,He]=f.useState(!1),[Ae,Ke]=f.useState(!1),ii=f.useCallback(()=>{u!=null&&((!w||r.fetchState==="Completed"&&d.fetchState==="Completed")&&(!(k&&j)||y.fetchState==="Completed")&&Ne.trackCardsCopyIconClick(s,x,"Cards List","Copy","copied","Receipt Email",u,S,h,m),We(u),He(!0))},[u,w,r.fetchState,d.fetchState,k,j,y.fetchState,Ne,s,x,S,h,m,We]);f.useEffect(()=>{if(Se===!0){const N=setTimeout(()=>{He(!1)},800);return()=>clearTimeout(N)}},[Se]);const oi=f.useCallback(N=>{H(N)},[H]),Re=f.useCallback(N=>N===0?ht:b!=="small"?pi:Ue?ui:mi,[b,Ue]),si=f.useMemo(()=>{let N=ht+is;for(let we=1;we<=e.length;we++)N+=Re(we);return N},[e.length,Re]),qe=f.useMemo(()=>window.innerHeight-os,[]),ri=si>qe,Ge=f.useRef(null);f.useEffect(()=>{Ge.current?.resetAfterIndex(0)},[b]);const ai=()=>D==="Error"?t.jsxs(ms,{children:[t.jsx(gs,{onClick:K,"data-testid":G("charge-card-list-reload"),children:t.jsx(xs,{})}),t.jsx(ws,{children:ae.reloadPage.label})]}):D==="Completed"&&e.length===0?t.jsx(xi,{sourceView:"charge_cards",style:{height:"calc(100vh - 450px)"},title:R.cardList.getStarted,message:v!==""?R.cardList.noDataWithFilterText:R.cardList.noDataText,messageStyle:{maxWidth:345,color:Me.colors.primary,...Be.largeRegular.cssObject}}):t.jsxs(ti,{children:[u!=null?t.jsxs(ks,{windowSize:b,children:[t.jsx(Is,{windowSize:b,children:t.jsx(Ls,{})}),t.jsxs(Fs,{windowSize:b,children:[t.jsxs(Ss,{children:[t.jsx(ps,{children:R.aiCardAgentText}),ae.strings.space,R.receiptBotMessage,ae.strings.space]}),t.jsxs(bs,{"data-testid":G("charge-card-list-copy-email"),onClick:ii,onMouseEnter:()=>Ke(!0),onMouseLeave:()=>Ke(!1),children:[t.jsx(vs,{children:u}),Se===!0?t.jsxs(ut,{children:[t.jsx(js,{}),t.jsx(pt,{children:t.jsx(mt,{shouldDisplay:Ae||Se,color:I.primaryDark,children:ae.copyToClipBoard.copied})})]}):t.jsxs(ut,{children:[t.jsx($s,{color:Ae?Me.colors.primary:void 0}),t.jsx(pt,{children:t.jsx(mt,{shouldDisplay:Ae&&b!=="small",children:ae.copyToClipBoard.copy})})]})]})]})]}):null,t.jsx(Cs,{windowSize:b,availableHeight:qe,isListTooLarge:ri,children:t.jsx(wi,{children:({height:N,width:we})=>t.jsx(Ci,{ref:Ge,height:N,itemCount:e.length+1,innerElementType:Zt,itemSize:Re,estimatedItemSize:yi,itemKey:ve=>ve===0?"header":e[ve-1].id,width:we,overscanCount:fi,initialScrollOffset:0,children:ve=>t.jsx(ds,{...ve,setCardIdForRowAction:c,setActionTypeForRowAction:l,rowActionView:a,resendInviteId:E,onChargeCardResendInviteClick:_,onChargeCardRowClick:de,showViewForCardUser:n,cardList:e,signedInUser:B,uiState:P,revokeChargeCardsInviteFetchState:F,unlockChargeCardsFetchState:U,onColumnSortConfigChanged:oe,isBulkActionAllowed:M,isCardControlsEnabled:T,cardsSelectedForBulkAction:W,firstSelectedCardStatus:A,bulkSubmissionLimit:V})})})})]});return t.jsxs(us,{fetchState:D,children:[ai(),W.length>0&&U!=="In-Progress"&&F!=="In-Progress"?t.jsx(gi,{helperContainerStyle:b==="small"?{margin:`${i.sp5} ${i.sp7} ${i.sp2} ${i.sp0}`}:{},showPrimaryButton:!0,primaryBtn:{label:as(A),isLoading:!1,isDisabled:!1,type:"button",onClick:()=>{const N=Xt(A);N&&oi(N)}},cancelBtn:{label:ae.texts.goBack,isDisabled:!1,onClick:xe,style:b==="small"?{}:ns(A)},leftSideComponent:As(W.length,V,b),rightSideComponent:t.jsx(Ds,{firstSelectedCardStatus:A,windowSize:b,setShowBulkChangeSpendLimitPopup:Y,onBulkCloseClick:z,onBulkLockClick:te})}):null]})},(e,s)=>e.cardList===s.cardList&&e.cardsSelectedForBulkAction.length===s.cardsSelectedForBulkAction.length&&e.fetchState===s.fetchState&&e.uiState.sortKey===s.uiState.sortKey&&e.uiState.sortOrder===s.uiState.sortOrder&&e.rowActionView===s.rowActionView&&e.unlockChargeCardsFetchState===s.unlockChargeCardsFetchState&&e.revokeChargeCardsInviteFetchState===s.revokeChargeCardsInviteFetchState&&e.searchText===s.searchText&&e.receiptBotEmail===s.receiptBotEmail&&e.isCardControlsEnabled===s.isCardControlsEnabled&&e.firstSelectedCardStatus===s.firstSelectedCardStatus&&e.handleClearSelection===s.handleClearSelection);Yt.displayName="ChargeCardListContent";const rs=({cardsSelectedForBulkAction:e,cardList:s,firstSelectedCardStatus:r,bulkSubmissionLimit:d,updateBulkActionList:c,removeAllCardsFromBulkActionList:l,isChargeCardSetupEnabled:a,...n})=>{const x="bulkSelectIds",w=li({defaultValues:{[x]:e},values:{[x]:e}});f.useEffect(()=>{const k=w.watch((j,{name:S})=>{if(S===x){let h=[];const m=j[x]??[];if(m.includes(me.common.all.toLowerCase()))if(e.length===0){h=[];for(const y of s)if(Ie(y,void 0,r)&&h.push(y.id),h.length===d)break}else h=m.filter(y=>y!==me.common.all.toLowerCase());else h=m.filter(y=>y!=null);c(h)}});return()=>k.unsubscribe()},[c,e.length,s,r,d]);const g=f.useCallback(()=>{w.setValue(x,[]),l()},[w,l]);return t.jsx(di,{...w,children:t.jsx(Yt,{...n,cardsSelectedForBulkAction:e,cardList:s,firstSelectedCardStatus:r,bulkSubmissionLimit:d,isChargeCardSetupEnabled:a,handleClearSelection:g})})},Xt=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 R.cardDetails.moreOptions.updateSpendLimit;case"locked":return R.cardDetails.moreOptions.unlock;case"inactive":return R.closeCard.closeCard;case"request_on_hold":return R.cardDetails.revokeInvite;default:return ae.proceed}},ns=e=>{switch(Xt(e)){case"update_limit":return{minWidth:"173px"};case"unlock":return{minWidth:"119px"};case"close":return{minWidth:"111px"};case"revoke_invite":return{minWidth:"128px"};default:return{}}},Zt=f.forwardRef((e,s)=>{const{children:r,style:d,...c}=e;return t.jsx(ti,{ref:s,style:{...d,width:"auto"},...c,children:t.jsx(ys,{children:r})})});Zt.displayName=R.cardList.headerElementDisplayName;const ls=({cardList:e,controllerEmails:s,creditAccount:r,creditAccountRepayment:d,fetchState:c,uiState:l,setCardIdForRowAction:a,setActionTypeForRowAction:n,receiptBotEmail:x,searchText:w,resendInviteId:g,showViewForCardUser:k,signedInUser:j,isChargeCardFeatureEnabled:S,isChargeCardSetupEnabled:h,isDebitCardFeatureEnabled:m,isDebitCardSetupEnabled:y,cashbackInformation:P,creditAccountInformation:B,debitAccountInformation:D,productInformation:F,isBulkActionAllowed:U,isCardControlsEnabled:u,cardsSelectedForBulkAction:v,firstSelectedCardStatus:E,bulkSubmissionLimit:M,updateBulkActionList:T,removeAllCardsFromBulkActionList:W,onProceedForBulkActionClick:A,onBulkCloseClick:V,onBulkLockClick:H,setShowBulkChangeSpendLimitPopup:z,onChargeCardRowClick:te,onReloadCards:Y,onColumnSortConfigChanged:_,onChargeCardResendInviteClick:de,depositAccountListWithDebitCardIssued:K,rowActionView:oe,revokeChargeCardsInviteFetchState:xe,unlockChargeCardsFetchState:b})=>(ni({componentName:"cards.list",enabled:c==="Completed"}),t.jsx(rs,{cardList:e,controllerEmails:s,creditAccount:r,creditAccountRepayment:d,setCardIdForRowAction:a,setActionTypeForRowAction:n,rowActionView:oe,isChargeCardFeatureEnabled:S,isChargeCardSetupEnabled:h,isDebitCardFeatureEnabled:m,isDebitCardSetupEnabled:y,cashbackInformation:P,creditAccountInformation:B,debitAccountInformation:D,productInformation:F,isBulkActionAllowed:U,isCardControlsEnabled:u,cardsSelectedForBulkAction:v,firstSelectedCardStatus:E,bulkSubmissionLimit:M,updateBulkActionList:T,removeAllCardsFromBulkActionList:W,onProceedForBulkActionClick:A,onBulkCloseClick:V,onBulkLockClick:H,setShowBulkChangeSpendLimitPopup:z,depositAccountListWithDebitCardIssued:K,showViewForCardUser:k,signedInUser:j,fetchState:c,revokeChargeCardsInviteFetchState:xe,unlockChargeCardsFetchState:b,receiptBotEmail:x,searchText:w,resendInviteId:g,onReloadCards:Y,onChargeCardRowClick:te,uiState:l,onColumnSortConfigChanged:_,onChargeCardResendInviteClick:de})),Gs=pe.memo(ls),ds=({uiState:e,onColumnSortConfigChanged:s,isBulkActionAllowed:r,isCardControlsEnabled:d,cardsSelectedForBulkAction:c,firstSelectedCardStatus:l,bulkSubmissionLimit:a,index:n,setCardIdForRowAction:x,setActionTypeForRowAction:w,rowActionView:g,revokeChargeCardsInviteFetchState:k,unlockChargeCardsFetchState:j,style:S,cardList:h,showViewForCardUser:m,signedInUser:y,resendInviteId:P,onChargeCardResendInviteClick:B,onChargeCardRowClick:D})=>{const F=ie(),U=Fe(),u=g.cardId!=null&&g.unlockChargeCardsFetchState.fetchState==="In-Progress"||j==="In-Progress"&&c.length>0,v=!r||u||d===!1||h.length<=1?"off":c.length>0?"always_on":"checked_or_hover",E={gap:i.sp3,width:"auto",marginLeft:ne.checkBoxContainerStyleMarginLeft.valuePx(F),marginRight:ne.checkBoxContainerStyleMarginRight.valuePx(F)},M={marginLeft:ne.labelCheckBoxStyleMarginLeft.valuePx(F)},T=hs(F),W=cs(F),A={width:"100%"},V={backgroundColor:U.colors.grey4},H={...S,width:"100%"},z=f.useMemo(()=>{const K=[me.common.all.toLowerCase()];for(const oe of h)if(!(d&&!Ie(oe,void 0,l))&&(K.push(oe.id),a!=null&&K.length===a+1))break;return K},[h,d,l,a]),te={label:"",defaultChecked:!1,groupLabel:!0,value:me.common.all.toLowerCase(),isException:!(c.length>0)},Y=n===0,_=Y?null:h[n-1],de=f.useMemo(()=>Y?{label:t.jsx(vo,{companyNameSticky:!1,showViewForCardUser:m,onColumnSortConfigChanged:s,sortConfig:{sortKey:e.sortKey,sortOrder:e.sortOrder}}),defaultChecked:!1,groupLabel:!0,value:me.common.all.toLowerCase(),isException:!(c.length>0&&h.length>1)}:_==null?{label:t.jsx("div",{}),value:"",groupLabel:!1,defaultChecked:!1,isException:!1}:{label:t.jsx(ei,{setCardIdForRowAction:x,setActionTypeForRowAction:w,rowActionView:g,revokeChargeCardsInviteFetchState:k,unlockChargeCardsFetchState:j,cardsSelectedForBulkAction:c,isCardControlsEnabled:d,showViewForCardUser:m,cardDetail:_,signedInUser:y,resendInviteId:P,index:n-1,onChargeCardResendInviteClick:B,onChargeCardRowClick:D}),value:_.id,groupLabel:!1,defaultChecked:!1,isException:d&&r?!Ie(_,void 0,l):!1,exceptionMode:"checked_or_hover",exceptionInfo:es(_,void 0,l),exceptionType:Ie(_,void 0,l)?void 0:"info"},[Y,_,m,s,e.sortKey,e.sortOrder,c,x,w,g,k,j,d,y,P,n,B,D,l]);return t.jsx(fs,{style:H,className:"spend-management-list-item",children:t.jsx(zt,{checkBox:de,fieldName:"bulkSelectIds",index:n,allCheckBoxValues:z,groupLabelCheckBox:te,mode:v,checkBoxContainerStyle:E,checkBoxIconStyle:V,checkBoxStyle:Y?M:T,labelCheckBoxStyle:M,labelStyle:A,style:{gap:i.sp3},infoIconContainerStyle:W,selectionLimit:a})})},cs=e=>{let s={zIndex:1,height:i.sp3,display:"flex",alignItems:"center"};return e==="small"&&(s={...s,position:"absolute",left:i.sp2,marginBottom:i.sp1,width:i.sp4,height:i.sp4}),s},hs=e=>{let s={zIndex:1,marginBottom:i.sp3,backgroundColor:"inherit"};return e==="small"&&(s={...s,position:"absolute",left:i.sp1,width:i.sp4,height:i.sp4}),s},ei=pe.memo(({setCardIdForRowAction:e,setActionTypeForRowAction:s,rowActionView:r,revokeChargeCardsInviteFetchState:d,unlockChargeCardsFetchState:c,cardsSelectedForBulkAction:l,cardDetail:a,isCardControlsEnabled:n,showViewForCardUser:x,signedInUser:w,resendInviteId:g,index:k,onChargeCardResendInviteClick:j,onChargeCardRowClick:S})=>{const h=ie()==="small"?_o:Gi;return t.jsx(h,{cardDetail:a,index:k,isCardControlsEnabled:n,setActionTypeForRowAction:s,setCardIdForRowAction:e,showViewForCardUser:x,signedInUser:w,revokeChargeCardsInviteFetchState:d,unlockChargeCardsFetchState:c,cardsSelectedForBulkAction:l,rowActionView:r,onChargeCardRowClick:S,resendInviteId:g,onChargeCardResendInviteClick:j})},(e,s)=>{const r=e.cardsSelectedForBulkAction.includes(e.cardDetail.id),d=s.cardsSelectedForBulkAction.includes(s.cardDetail.id),c=e.rowActionView.cardId===e.cardDetail.id,l=s.rowActionView.cardId===s.cardDetail.id;return r===d&&c===l&&e.cardDetail===s.cardDetail&&e.isCardControlsEnabled===s.isCardControlsEnabled&&e.unlockChargeCardsFetchState===s.unlockChargeCardsFetchState&&e.revokeChargeCardsInviteFetchState===s.revokeChargeCardsInviteFetchState&&e.resendInviteId===s.resendInviteId&&e.showViewForCardUser===s.showViewForCardUser&&e.signedInUser===s.signedInUser&&e.index===s.index});ei.displayName="ChargeCardRowWrapper";const ps=o(ji)`
   color: ${e=>e.theme.colors.brandColorSapphire};
   ${({theme:e})=>e.mode==="dark"&&`color: ${I.brandColorPearl};`}
 `,us=o.div`
@@ -549,14 +549,14 @@ import{ca as ni,V as t,a8 as li,ab as di,F as le,q as ie,av as Se,a7 as ci,d as
   background: ${e=>e.theme.colors.background};
   border-radius: 50%;
   cursor: pointer;
-`,xs=o(Si)`
+`,xs=o(ki)`
   height: ${i.sp5};
   width: ${i.sp5};
   color: ${e=>e.theme.colors.grey1};
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,ws=o(ki)`
+`,ws=o(Si)`
   margin-top: ${i.sp3};
   color: ${e=>e.theme.colors.hero};
 `,Cs=o.div`
@@ -579,7 +579,7 @@ import{ca as ni,V as t,a8 as li,ab as di,F as le,q as ie,av as Se,a7 as ci,d as
   position: relative;
   width: auto;
   height: 100%;
-`,ti=o.div``,Ss=o.div`
+`,ti=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,
@@ -592,7 +592,7 @@ import{ca as ni,V as t,a8 as li,ab as di,F as le,q as ie,av as Se,a7 as ci,d as
   margin: 0
     ${e=>ne.bannerWrapperMarginLeftRight.valuePx(e.windowSize)};
   margin-bottom: ${i.sp3};
-`,ks=o($i)`
+`,Ss=o($i)`
   color: ${e=>e.theme.colors.primary};
 `,vs=o(bi)`
   color: ${e=>e.theme.colors.primary};
@@ -697,7 +697,7 @@ import{ca as ni,V as t,a8 as li,ab as di,F as le,q as ie,av as Se,a7 as ci,d as
   width: ${i.sp4};
   height: ${i.sp4};
   color: inherit;
-`,Ct=o(St)`
+`,Ct=o(kt)`
   width: ${i.sp4};
   height: ${i.sp4};
   color: ${I.important};

package/dist/assets/ChargeCardPromoPage-D43dBHNx-Dmge2_bT.js

@@ -0,0 +1,222 @@
+import{q as $,V as r,d as J,av as ye,a7 as $e,aN as je,aK as Se,fP as Te,bz as ze,fo as ve,n as Z,aM as ee,F as oe,o as t,D as Pe,l as O,cz as ke,ap as Ae,y as u,ao as Be,bQ as Ie,iE as Le,ag as Me,c as p,a as S,p as b,b8 as Re,aR as _e,iF as Ee}from"./index-BoDHThmj.js";import{a as T}from"./sentry-CAa_RBiQ.js";import{n as a,c as De,k as Fe}from"./mui-DjUnBv6N.js";import{EF as Ne}from"./zeni-epic-state-BO46e_7F.js";import{k as Ue}from"./NavigationDots-BcSXYcwF-cwaSYMDv.js";import{J as G,N as H}from"./PromoBaseCards-DeJ4J5Lp-BRCdntYT.js";import{M}from"./usp-line-BBd1wKwW-DAbeFX6P.js";import"./liveblocks-2fUZ-mzS.js";import"./core-DesIUmVX.js";import"./recharts-CFBD4y8X.js";import"./lottie-BC5QDLx3.js";import"./analytics-aL6KvWIc.js";import"./lexical-WHFPYU-_.js";import"./utils-MCudDogO.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},s=new e.Error().stack;s&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[s]="ac2b3ec3-050d-498b-95ae-4ae50092630b",e._sentryDebugIdIdentifier="sentry-dbid-ac2b3ec3-050d-498b-95ae-4ae50092630b")}catch{}})();const g={containerPaddingTopBottom:new u(p[0],p[0]),uspContainerMarginX:new u(p[6],p[0]),midContainerGap:new u(p[4],84),iconContainerMinHeight:new u(236,396),emptySectionHeight:new u(p[6],43),navigationBottom:new u(p[4],94),navigationLeft:new u(192,244),carouselHeight:new u(268,396),carouselMarginTop:new u(54,p[4]),carouselMarginLeft:new u(120,p[12]),buttonTrayGap:new u(p[3],p[5]),termsOfAgreementMarginTop:new u(p[5],p[10]),contactAdminContainerMarginTop:new u(p[0],p[10]),contactAdminContainerMarginBottom:new u(p[4],p[0]),contactAdminContainerMarginLeftRight:new u(p[3],p[0])},z={promoBadgeText:new S("standardRegular","largeRegular"),promoBadgeTextBold:new S("standardBold","largeBold"),cardsContent:new S("extraSmallRegular","smallRegular"),contactAdmin:new S("extraSmallRegular","largeRegular"),uspText:new S("smallRegular","standardRegular"),uspBoldText:new S("smallMedium","standardMedium")},{common:N,spendManagement:{chargeCard:{chargeCardsPromo:o}}}=oe.getLocalizedStrings(),Rr=({meetingUrl:e,companyLegalName:s,chargeCardSetupView:i,showEnableCardButton:n,controllerEmails:c,isCreditCardProductVisible:m,isDebitCardFeatureEnabled:h,isDebitCardSetupEnabled:x,isChargeCardSetupEnabled:w,admins:j,cashbackRate:P,cardPromoType:f="credit",isCheckingEnabled:l,onSetupButtonClick:d,onBackClick:pe,onClickMenuIcon:me,onSetupChargeCardSuccess:V,onExpressInterestClick:ge})=>{const he=J(),K=ye(),v=$(),W=$e().analytics,{chargeCardTermsDetails:R,companyChargeCardInfo:C,companyLocaleInfo:_}=i,X=je(R?.fetchStatus.fetchState),[ue,q]=T.useState(!1),xe=()=>{W.trackCardsPromoPageClicked("schedule demo"),W.trackCardsScheduleDemoClick(c,{isCreditCardOffered:m,isDebitCardOffered:h,isDebitCardEnabled:x,isCreditCardEnabled:w},"Cards Promo"),q(!0)},we=C!=null&&_!=null?Se("0,0",{amount:C.chargeCardsCreditAccountLimit,currencyCode:_.currencyCode,currencySymbol:_.currencySymbol}):void 0;T.useEffect(()=>{X==="In-Progress"&&R?.fetchStatus.fetchState==="Completed"&&V()},[X,V,R?.fetchStatus]);const Q=Ne(K.loggedInUserRoleMap),fe=Te(K),E=f==="credit"&&C?.isCompanyInterestedInChargeCard===!1&&C.chargeCardsCreditAccountLimit===0,D=f==="credit"&&C?.isCompanyInterestedInChargeCard===!0&&C.chargeCardsCreditAccountLimit===-1,F=f==="credit"&&C?.isCompanyInterestedInChargeCard===!0&&C.chargeCardsCreditAccountLimit===0,Ce=f==="credit"&&C?.isCompanyInterestedInChargeCard===!0&&C.chargeCardsCreditAccountLimit>0,{expressInterestInChargeCardFetchState:be}=i,Y=E?o.getPreApprovedNow:n?o.enableCardsButton:o.setupCardsButton;return r.jsxs(Ke,{children:[r.jsx(ze,{title:o.title[f],backgroundColor:he.colors.grey4,onBackClick:pe,showBackButton:!0,showMenuIcon:v==="medium-compact"||v==="small",onClickMenuIcon:me,style:{zIndex:9},source:"ChargeCardPromoPage"}),ue===!0?r.jsx(ve,{onCancelClick:()=>{q(!1)},meetingUrl:e}):null,r.jsx(Qe,{windowSize:v,children:Q===!0?r.jsxs(qe,{children:[r.jsxs(Xe,{children:[r.jsx(He,{isApproved:Ce,creditAmount:we,cardPromoType:f,isUnderReview:F,isRejected:D,showExpressInterest:E,creditLimit:C?.chargeCardsCreditAccountLimit}),r.jsx(ne,{cardPromoType:f,cashbackRate:P})]}),r.jsx(ae,{showEnableCardButton:n,cardPromoType:f,isUnderReview:F,isRejected:D,showExpressInterest:E,isCheckingEnabled:l})]}):r.jsx(Je,{companyLegalName:s,cards:[],admins:j,cashbackRate:P,hasZeniFinopsRoles:fe,cardPromoType:f,isCheckingEnabled:l})}),Q&&!(F||D)?r.jsxs(or,{windowSize:v,children:[r.jsx(Z,{variant:"secondary",label:o.scheduleDemoButton,style:{width:166},onClick:xe,"data-testid":ee("schedule-demo-button")}),r.jsx(We,{windowSize:v,children:o.orText}),r.jsx(Z,{variant:"primary",label:Y,style:{minWidth:166},loading:i.chargeCardTermsDetails?.fetchStatus.fetchState==="In-Progress"||be==="In-Progress",onClick:Y===o.getPreApprovedNow?ge:()=>d(f),"data-testid":ee("enable-card-button")})]}):null]})},Ge=({admins:e})=>{const s=e.flatMap(n=>n.user?.firstName+" "+n.user?.lastName).join(", "),i=$();return r.jsxs(mr,{windowSize:i,children:[r.jsx(U,{underline:!1,windowSize:i,children:o.noCardAssigned.pre}),r.jsx(Ie,{title:s,placement:"top-start",style:{padding:`2px ${t.sp2}`},children:r.jsx(U,{underline:!0,windowSize:i,children:o.noCardAssigned.tooltip})}),r.jsx(U,{underline:!1,windowSize:i,children:o.noCardAssigned.post})]})},ae=({cardPromoType:e,showEnableCardButton:s,isCheckingEnabled:i,isUnderReview:n,isRejected:c,showExpressInterest:m,isCardUser:h=!1})=>{const x=$();return r.jsx(ir,{windowSize:x,children:r.jsx(Le,{topTermLabel:o.terms.checkingAccountTerm,buttonTermLabel:n===!0||c===!0||h===!0?void 0:m===!0?o.terms.getPreApprovedNowTerm:s?o.terms.alternateTerm1:o.terms.terms1,showEndIcon:!1,showTerms:c===!1&&h===!1&&n===!1,style:{marginTop:g.termsOfAgreementMarginTop.valuePx(x)},cardPromoType:e,isCheckingEnabled:i})})},He=({isApproved:e,cardPromoType:s,creditAmount:i,isUnderReview:n,isRejected:c,showExpressInterest:m,creditLimit:h})=>{const x=$(),w=s==="debit_and_credit"?o.promoTextDebitCreditCard:s==="debit"?o.promoTextDebitCard:o.promoTextCreditCard,j=e?r.jsxs(r.Fragment,{children:[o.promoBadgeText.approved,r.jsx(te,{children:i}),o.creditLimit,N.strings.space]}):m?r.jsxs(r.Fragment,{children:[o.promoBadgeText.nonPreApproved.get,r.jsx(rr,{children:o.promoBadgeText.nonPreApproved.scale}),o.promoBadgeText.nonPreApproved.doubleStarred,N.strings.space,o.promoBadgeText.nonPreApproved.higherLimits]}):n?o.promoBadgeText.underReview:c?o.promoBadgeText.rejected:s==="debit_and_credit"&&h===0?null:r.jsxs(r.Fragment,{children:[o.promoBadgeText.preApproved,r.jsx(te,{children:i}),o.creditLimit,N.strings.space]});return r.jsxs(r.Fragment,{children:[r.jsx(r.Fragment,{children:x==="small"?r.jsxs(r.Fragment,{children:[r.jsx(le,{children:w}),r.jsx(ce,{children:o.promoSubText})]}):r.jsxs(r.Fragment,{children:[r.jsx(se,{children:w}),r.jsx(de,{children:o.promoSubText})]})}),r.jsxs(Ze,{cardPromoType:s,hasContent:j!=null,hideBadge:i==null||s==="debit",windowSize:x,children:[n||c||m?null:r.jsx(br,{}),r.jsx(er,{windowSize:x,children:j})]})]})},Je=({companyLegalName:e,cards:s,admins:i,cashbackRate:n,hasZeniFinopsRoles:c,cardPromoType:m="credit",isCheckingEnabled:h})=>{const x=$(),w=m==="debit_and_credit"?o.promoTextDebitCreditCard:m==="debit"?o.promoTextDebitCard:o.promoTextCreditCard;return r.jsxs(r.Fragment,{children:[x==="small"?r.jsxs(r.Fragment,{children:[r.jsx(le,{children:w}),r.jsx(ce,{children:o.promoSubText})]}):r.jsxs(r.Fragment,{children:[r.jsx(se,{children:w}),r.jsx(de,{children:o.promoSubText})]}),s.length===0?r.jsx(pr,{windowSize:x}):r.jsx(Oe,{cards:s,companyLegalName:e}),r.jsx(ne,{cardPromoType:m,cashbackRate:n}),c?null:r.jsx(Ge,{admins:i}),r.jsx(ae,{isCardUser:!0,showEnableCardButton:!1,cardPromoType:m,isCheckingEnabled:h})]})},Oe=({cards:e,companyLegalName:s})=>{const i=J(),n=$();let c="",m;if(e.length===1){m=e[0].cardCreatedByUser.photo;const h=e[0].cardCreatedByUser.firstName+" "+e[0].cardCreatedByUser.lastName;c=o.cardAssigned.singleCreditCard.replace("__issuing-user__",h).replace("__company-name__",s)}else c=o.cardAssigned.multipleCreditCards.replace("__company-name__",s);return r.jsxs(hr,{children:[m!=null?r.jsx(Ye,{width:t.sp5,height:t.sp5,style:{paddingTop:n==="small"?t.sp1:t.sp0},src:m.href,alt:oe.getLocalizedStrings().cockpit.userProfileAltText,onError:({currentTarget:h})=>{h.onerror=null,h.src=Be},loading:"lazy"}):null,r.jsx(gr,{windowSize:n,mode:i.mode,children:r.jsx(ur,{windowSize:n,children:c})})]})},re=({windowSize:e,cardPromoType:s})=>{let i=o.businessText;return s==="debit"&&(i=`${i} ${o.debit}`),r.jsx(r.Fragment,{children:s==="debit_and_credit"?r.jsx(Ve,{}):r.jsxs(nr,{windowSize:e,children:[r.jsx(G,{cardPromoType:s,cardText:i,shouldAnimate:!0,showChip:!0,forDashboard:!1,forListPage:!1}),r.jsx(H,{cardPromoType:s,cardText:i,showChip:!0,forDashboard:!1,shouldAnimate:!0,forListPage:!1})]})})},ne=({cardPromoType:e,cashbackRate:s})=>{const i=$(),n=o.benefits;return r.jsxs(tr,{windowSize:i,children:[i==="small"?r.jsx(re,{windowSize:i,cardPromoType:e}):null,r.jsxs(ar,{windowSize:i,children:[r.jsxs(A,{windowSize:i,children:[r.jsx(I,{children:r.jsx(lr,{})}),r.jsxs(L,{children:[r.jsx(y,{windowSize:i,children:n.item1.pre}),r.jsx(B,{windowSize:i,children:n.item1.bold.replace("__cashback__",(s*100).toFixed(2))}),r.jsx(y,{windowSize:i,children:`${e==="credit"||e==="debit_and_credit"?n.singleStarred:""}${n.item1.post}`})]})]}),r.jsxs(A,{windowSize:i,children:[r.jsx(I,{children:r.jsx(sr,{})}),r.jsxs(L,{children:[r.jsx(y,{windowSize:i,children:n.item2.pre}),r.jsx(B,{windowSize:i,children:n.item2.bold}),r.jsx(y,{windowSize:i,children:n.item2.post})]})]}),r.jsxs(A,{windowSize:i,children:[r.jsx(I,{children:r.jsx(cr,{})}),r.jsxs(L,{children:[r.jsx(y,{windowSize:i,children:n.item3.pre}),r.jsx(B,{windowSize:i,children:n.item3.bold}),r.jsx(y,{windowSize:i,children:n.item3.post})]})]}),r.jsxs(A,{windowSize:i,children:[r.jsx(I,{children:r.jsx(dr,{})}),r.jsxs(L,{children:[r.jsx(y,{windowSize:i,children:n.item4.pre}),r.jsx(B,{windowSize:i,children:n.item4.bold}),r.jsx(y,{windowSize:i,children:n.item4.post})]})]})]}),i==="small"?null:r.jsx(re,{windowSize:i,cardPromoType:e})]})};let k;const Ve=()=>{const e=$(),s=J(),[i,n]=T.useState(0),[c,m]=T.useState(!1),h=o.businessText,x=`${h} ${o.debit}`,w=[{id:1,cardType:"debit",cardText:x},{id:2,cardType:"debit",cardText:x},{id:3,cardType:"credit",cardText:h},{id:4,cardType:"credit",cardText:h}];T.useEffect(()=>(c||(k=setInterval(()=>{n(l=>{const d=l+1;return d===w.length?(m(!0),0):d})},2e3)),()=>clearInterval(k)),[c,w.length]),T.useEffect(()=>{c&&k!=null&&clearInterval(k)},[c]);const j=(l,d)=>{switch((l-i+w.length)%w.length){case 0:return{transform:`translate(0,${d?"100%":0}) scale(1)`,zIndex:d?5:6,opacity:1,transition:"transform 0.4s"};case 1:return{transform:`translate(35%, ${d?"80%":"5%"}) scale(0.75)`,zIndex:d?4:5,opacity:1,transition:"all 0.4s"};case 2:return{transform:`translate(35%,${d?"80%":"5%"}) scale(0.75)`,zIndex:d?3:4,opacity:0,transition:"transform 0.4s 0.2s, opacity 0.4s 0.0s"};case 3:return{transform:`translate(-35%, ${d?"80%":"5%"}) scale(0.75)`,zIndex:d?4:5,opacity:1,transition:"all 0.4s"};default:return}},P=l=>{const d=j(l,!0);return{...d,transform:`${d?.transform} scaleY(-1)`,opacity:1,transition:"transform 0s 0s, z-index 0s 0s"}},f=l=>{c||m(!0),n(l)};return r.jsxs(xr,{windowSize:e,children:[r.jsx(wr,{windowSize:e,children:w.map((l,d)=>r.jsxs(fr,{children:[r.jsx(ie,{isReflection:!1,style:{...j(d,!1)},onClick:()=>f(d),children:d===0||d===2?r.jsx(G,{cardPromoType:l.cardType,cardText:l.cardText,shouldAnimate:!1,showChip:!0,forDashboard:!1,forListPage:!1,style:{borderColor:s.colors.grey2,...s.mode==="light"&&{borderBottom:"none"}}}):r.jsx(H,{cardPromoType:l.cardType,cardText:l.cardText,shouldAnimate:!1,showChip:!0,forDashboard:!1,forListPage:!1,style:{borderColor:s.colors.grey2,...s.mode==="light"&&{borderBottom:"none"}}})},l.id),r.jsx(ie,{isReflection:!0,style:{...P(d)},children:d===0||d===2?r.jsx(G,{cardPromoType:l.cardType,cardText:l.cardText,shouldAnimate:!1,forDashboard:!1,showChip:!0,forListPage:!1,style:{border:"none",opacity:.1,maskImage:"linear-gradient(to top, black, transparent 90%)",WebkitMaskImage:"linear-gradient(to top, black, transparent 90%)"}}):r.jsx(H,{cardPromoType:l.cardType,cardText:l.cardText,showChip:!0,shouldAnimate:!1,forDashboard:!1,forListPage:!1,style:{border:"none",opacity:.1,maskImage:"linear-gradient(to top, black, transparent)",WebkitMaskImage:"linear-gradient(to top, black, transparent)"}})},`reflection-${l.id}`)]},l.id))}),c&&r.jsx(Ue,{numberOfDots:w.length,activeIndex:i,handleClick:n,promoColor:s.colors.primary,promoColorHover:s.colors.grey5,spendManagementPromoCardActive:!0,dotStyle:{width:t.sp2,height:t.sp2},style:{cursor:"default",position:"absolute",bottom:g.navigationBottom.valuePx(e),left:g.navigationLeft.valuePx(e),zIndex:7}})]})},Ke=a.div`
+  display: flex;
+  flex: 1 1 auto;
+  min-height: 100%;
+  flex-direction: column;
+  background-color: ${e=>e.theme.colors.grey4};
+`,We=a(Me)`
+  color: ${e=>e.theme.colors.hero};
+`,Xe=a.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+`,qe=a.div`
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  flex: 1;
+  width: 100%;
+`,Qe=a.div`
+  padding-top: ${e=>g.containerPaddingTopBottom.valuePx(e.windowSize)};
+  padding-bottom: ${e=>g.containerPaddingTopBottom.valuePx(e.windowSize)};
+  text-align: center;
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  overflow-x: hidden;
+`,se=a(ke)`
+  max-width: 927px;
+  margin: auto;
+  display: flex;
+  justify-content: center;
+  flex-wrap: wrap;
+  padding: ${t.sp7} ${t.sp0} ${t.sp0} ${t.sp0};
+  color: ${e=>e.theme.colors.primary};
+`,de=a(Ae)`
+  color: ${e=>e.theme.colors.primary};
+  margin: auto;
+  margin-top: ${t.sp2};
+`,le=a(Pe)`
+  margin: auto;
+  max-width: 343px;
+  display: flex;
+  justify-content: center;
+  text-align: center;
+  flex-wrap: wrap;
+  padding: ${t.sp5} ${t.sp0} ${t.sp0} ${t.sp0};
+  color: ${e=>e.theme.colors.primary};
+`,ce=a(O)`
+  max-width: 314px;
+  margin: auto;
+  color: ${e=>e.theme.colors.primary};
+  padding: 6px ${t.sp3} ${t.sp0} ${t.sp3};
+  text-align: center;
+  margin-top: 6px;
+`,Ye=a.img`
+  border-radius: 50%;
+  justify-content: center;
+  color: ${e=>e.theme.colors.hero};
+`,Ze=a.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+  overflow: hidden;
+  padding: ${e=>e.hasContent?`${t.sp2} ${t.sp3}`:t.sp0};
+  background-color: ${e=>e.theme.colors.grey3};
+  border-radius: 96px;
+  margin-top: ${t.sp4};
+  margin-left: ${e=>e.windowSize==="small"?t.sp3:"auto"};
+  margin-right: ${e=>e.windowSize==="small"?t.sp3:"auto"};
+  margin-bottom: ${e=>e.cardPromoType==="debit_and_credit"&&e.windowSize==="small"?t.sp0:t.sp6};
+  width: fit-content;
+  gap: ${t.sp1};
+  ${e=>e.hideBadge&&`
+    visibility: hidden;
+    `}
+`,er=a(O)`
+  color: ${e=>e.theme.mode==="dark"?b.brandColorJade:b.brandColorSapphire};
+  text-align: ${e=>e.windowSize==="small"?"left":"center"};
+  ${e=>`${z.promoBadgeText.style(e.windowSize)}`};
+  span {
+    ${e=>`${z.promoBadgeTextBold.style(e.windowSize)}`};
+  }
+`,rr=a.span``,te=a.span`
+  color: ${b.success};
+`,tr=a.div`
+  display: flex;
+  gap: ${e=>g.midContainerGap.valuePx(e.windowSize)};
+  flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
+  align-items: center;
+  justify-content: center;
+`,ir=a.div`
+  display: flex;
+  flex-direction: column;
+`,or=a.div`
+  border-top: 1px solid ${e=>e.theme.colors.grey3};
+  padding: ${t.sp2} ${t.sp3};
+  position: sticky;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  z-index: 8;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-direction: row;
+  row-gap: ${t.sp2};
+  background-color: ${e=>e.theme.colors.grey5};
+  gap: ${e=>g.buttonTrayGap.valuePx(e.windowSize)};
+`,ar=a.div`
+  width: ${e=>e.windowSize==="small"?"auto":"288px"};
+  display: flex;
+  flex-direction: column;
+  margin-left: ${e=>g.uspContainerMarginX.valuePx(e.windowSize)};
+  margin-right: ${e=>g.uspContainerMarginX.valuePx(e.windowSize)};
+  z-index: 8;
+`,nr=a.div`
+  display: flex;
+  justify-content: ${e=>e.windowSize==="small"?"center":"flex-start"};
+  min-height: ${e=>g.iconContainerMinHeight.valuePx(e.windowSize)};
+  align-items: center;
+  min-width: 480px;
+`,A=a.div`
+  border-radius: ${t.sp12};
+  border: ${e=>`1px solid ${e.theme.colors.grey2}`};
+  padding: ${e=>e.windowSize==="small"?`${t.sp2} ${t.sp4} ${t.sp2} ${t.sp0}`:`${t.sp3} ${t.sp5} ${t.sp3} ${t.sp0}`};
+  background: ${e=>e.theme.colors.grey5};
+  position: relative;
+  margin-bottom: ${t.sp3};
+  display: flex;
+  align-items: center;
+  text-align: start;
+  width: ${e=>e.windowSize==="small"?"288px":"100%"};
+  min-height: ${e=>e.windowSize!=="small"?"83px":"44px"};
+  box-sizing: ${e=>e.windowSize==="small"?"unset":"border-box"};
+`,y=a(Re)`
+  color: ${e=>e.theme.colors.champion};
+  ${e=>`${z.uspText.style(e.windowSize)}`};
+`,B=a(_e)`
+  color: ${e=>e.theme.colors.champion};
+  ${e=>`${z.uspBoldText.style(e.windowSize)}`};
+`,I=a.div``,L=a.div`
+  padding-left: ${t.sp3};
+`,sr=a(M)`
+  color: ${b.graphColor16Dark};
+`,dr=a(M)`
+  color: ${b.alert};
+`,lr=a(M)`
+  color: ${b.graphColor11};
+`,cr=a(M)`
+  color: ${b.success};
+`,pr=a.div`
+  height: ${e=>g.emptySectionHeight.valuePx(e.windowSize)};
+  ${e=>e.windowSize==="small"?null:De`
+          margin-top: ${t.sp4};
+          margin-bottom: ${t.sp6};
+        `}
+`,mr=a(O)`
+  color: ${e=>e.theme.colors.hero};
+  margin-top: ${e=>g.contactAdminContainerMarginTop.valuePx(e.windowSize)};
+  margin-bottom: ${e=>g.contactAdminContainerMarginBottom.valuePx(e.windowSize)};
+  margin-left: ${e=>g.contactAdminContainerMarginLeftRight.valuePx(e.windowSize)};
+  margin-right: ${e=>g.contactAdminContainerMarginLeftRight.valuePx(e.windowSize)};
+  text-align: center;
+`,U=a(Ee)`
+  ${e=>`${z.contactAdmin.style(e.windowSize)}`};
+  text-decoration: ${e=>e.underline?"underline":"none"};
+  cursor: ${e=>e.underline?"default":null};
+`,gr=a.div`
+  color: ${e=>e.mode==="dark"?e.theme.colors.brandColorJade:e.theme.colors.brandColorSapphire};
+`,hr=a.div`
+  background-color: ${e=>e.theme.colors.grey3};
+  padding: ${t.sp2} ${t.sp3};
+  display: flex;
+  gap: ${t.sp2};
+  margin: auto;
+  max-width: fit-content;
+  border-radius: 96px;
+  margin-top: ${t.sp4};
+  margin-bottom: ${t.sp6};
+`,ur=a.span`
+  ${e=>`${z.cardsContent.style(e.windowSize)}`};
+`,xr=a.div`
+  display: flex;
+  flex-direction: column;
+  min-height: ${e=>g.carouselHeight.valuePx(e.windowSize)};
+  min-width: 480px;
+  position: relative;
+`,wr=a.div`
+  position: relative;
+  margin-top: ${e=>g.carouselMarginTop.valuePx(e.windowSize)};
+  margin-left: ${e=>g.carouselMarginLeft.valuePx(e.windowSize)};
+`,fr=a.div`
+  position: relative;
+  overflow: visible;
+`,ie=a.div`
+  position: absolute;
+  ${e=>e.isReflection&&`
+  background-color: ${e.theme.colors.grey4};
+  clip-path: inset(16% 0 0 0);
+  `}
+`,Cr=Fe`
+  0% {
+    left: -${t.sp6};
+  }
+  50% {
+    left: calc(100% + ${t.sp6});
+  }
+  100% {
+    left: calc(100% + ${t.sp6});
+  }
+`,br=a.div`
+  position: absolute;
+  background:
+    ${b.promoCardGradient1Strong}, ${b.promoCardGradient2Strong};
+  width: ${t.sp10};
+  z-index: 3;
+  height: 100%;
+  transform: skew(15deg);
+  animation: ${Cr} 4s linear infinite;
+`;export{Je as ChargeCardPromoUserContent,Rr as default};

package/dist/assets/{ChargeCardSetupPage-m8dUXi38-BJz_Xnlk.js → ChargeCardSetupPage-CgzI8qMq-8aOP9gWV.js}

@@ -1,4 +1,4 @@
-import{d as je,q as Oe,a7 as Be,aN as M,a8 as Ue,cB as _e,aS as G,V as t,f6 as ze,p as $e,y as d,bz as Le,m as Re,ab as We,fp as qe,dM as Ne,fq as He,o as U,b as Me,iG as J,bu as Ge,aO as Je,fs as Ke,F as Qe,c as o,ak as Xe}from"./index-CK2D3iZ1.js";import{a as f}from"./sentry-Dm3bm_ok.js";import{n as w}from"./mui-DCr-y2iU.js";import{bJ as Ye}from"./zeni-epic-state-Cgro3mH-.js";import{x as Ze}from"./LabeledControlledCheckBoxField-BTjbeJMZ-ByFU_udW.js";import{g as et}from"./UploadAdditionalDocumentOverlay-jNiTn6qG-D_tolxLp.js";import"./liveblocks-CofSwFWW.js";import"./core-D2k9JfRf.js";import"./recharts-CIKvFUT6.js";import"./lottie-BO8FHl2Q.js";import"./analytics-DCCTWnnc.js";import"./lexical-BEs89iUy.js";import"./utils-CVsOBiWJ.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},r=new e.Error().stack;r&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[r]="6a63692e-df5a-4edc-957c-d171b4215c32",e._sentryDebugIdIdentifier="sentry-dbid-6a63692e-df5a-4edc-957c-d171b4215c32")}catch{}})();const c={titleWidth:new d(343,580,726,826),setupDetailsRowGap:new d(12,o[5],o[5]),sectionRowGap:new d(o[5],o[9],o[9]),iconWidthHeight:new d(20,o[4]),subTitlePaddingTop:new d(12,o[3]),subTitlePaddingBottom:new d(o[3],o[3]),overlayWidth:new d(100,100,59),checkBoxTop:new d(o[1],o[0])},K="chargeCardSetUpPage",m="payAccount",{commonSetUp:tt,spendManagement:nt}=Qe.getLocalizedStrings(),{chargeCard:Y}=nt,{chargeCardSetUp:g}=Y,{setUp:_}=tt,wt=({autoPayThreshold:e,isDisabled:r,meetingUrl:x,isEarlyPayEnabled:h,chargeCardSetUpView:a,connectedAccountProvider:Z,filesEndPoint:ee,authParams:te,isAccountsEnabled:ne,isDebitCardOnlyEnabled:E,isCreditCardOnlyEnabled:ie,accountsPromoConfig:ae,onFetchLinkTokenClick:oe,onBackClick:ce,onEnableChargeCardClick:se,onUpdateChargeCardClick:le,onBusinessVerificationSectionClick:de,onUpdatePaymentAccountStatus:re,onUpdatePaymentAccountLoginStatus:ue,onUpdatePrimaryFundingAccount:pe,onUpdateAutoPayClick:fe,onEstablishConnectionClick:ge,onEstablishConnectionSuccess:me,onClickMenuIcon:he,onEnableChargeCardSuccess:P,onEditFileName:ye,onDeleteFile:be,updateFilesEntity:Ce,onCompanyOfficerUpdated:Se,onSendForVerificationClick:we,onSignUpClick:xe})=>{const y=je(),i=Oe(),v=Be().analytics,[A,b]=f.useState(!1),{fetchState:C,companyBillPayInfo:z,isRefreshingViewInBackground:Pe,updateStatus:u,accountUpdateStatus:Ae,plaidConnectionDetails:ke,allBankAccounts:Te,companyChargeCardInfo:I,companyDebitCardInfo:$,selectedCompanyOfficer:s,primaryFundingAccount:l,allFundingAccounts:L}=a,R=M(C),k=M(u.fetchState),F=Ue({mode:"all",reValidateMode:"onChange",defaultValues:f.useMemo(()=>Q(a),[a]),values:Q(a)}),Ee=F.handleSubmit(se),ve=async(S,T)=>{const n=T[m];if(S.includes(m))if(S.includes("fundingAccount")){if(n.fundingAccount.selectedOption!=null&&l?.id!=n.fundingAccount.selectedOption){const p=L.find(B=>B.id===n.fundingAccount.selectedOption);p!=null&&pe(n.fundingAccount.selectedOption,p.accType)}}else if(n.account.selectedOption!=null&&l?.id!=null&&l?.zeniAccountId!=n.account.selectedOption){const p=n.account.allOptions.find(B=>B.value===n.account.selectedOption);p!=null&&typeof p.label=="string"&&v.trackConnectBankLink(p.value,p.label,"charge_cards"),le(n.account.selectedOption,l.id,l.accType)}else S.includes("enableAutoPay")&&n.enableAutoPay!=null&&fe(n.enableAutoPay)};f.useEffect(()=>{const S=F.watch((T,{name:n})=>{n!=null&&T!=null&&_e(()=>ve(n,T))});return()=>{S.unsubscribe()}}),f.useEffect(()=>{!A&&s?.additionalDocumentTypesRequestedForVerification.includes("social_security_card")===!0&&s.areAdditionalDocumentsRequestedForVerification&&!s.areAdditionalDocumentsSubmittedForVerification&&s.userVerificationStatus?.code==="require_info"&&b(!0),A&&R==="In-Progress"&&C==="Completed"&&b(!1)},[s,C,R]),f.useEffect(()=>{k==="In-Progress"&&u.fetchState==="Completed"&&P()},[P,k,u.fetchState]);const D=I?.isChargeCardEnabled===!0,V=$?.isDebitCardEnabled===!0,W=$?.isDebitCardTOSAccepted===!0,q=I?.isChargeCardTOSAccepted===!0,N=z?.isBusinessVerified===!0,Ie=l?.accType==="depositAccount"||Ye(l?.providerVerificationStatus?.code??""),j=E?N:N&&Ie,Fe=C==="In-Progress"||C==="Not-Started";f.useEffect(()=>{k==="In-Progress"&&u.fetchState==="Completed"&&P()},[P,k,u.fetchState]);const O=E?j&&!V&&W:ie?j&&!D&&q:j&&!(D&&V)&&q&&W,De=O?g.setupSubTitleNotEnabled:g.setupSubTitle,H=y.mode==="light"?new G(y.colors.brandColorJadeLight):new G(y.colors.brandColorJadeDark),Ve=()=>{!A&&s?.additionalDocumentTypesRequestedForVerification.includes("social_security_card")===!0&&s.areAdditionalDocumentsRequestedForVerification&&!s.areAdditionalDocumentsSubmittedForVerification&&s.userVerificationStatus?.code==="require_info"?b(!0):de?.()};return t.jsxs(at,{children:[t.jsx(ze,{anchor:"right",PaperProps:{style:{width:c.overlayWidth.valuePercentage(i),boxShadow:"none"}},open:A,onClose:()=>b(!1),style:{backgroundColor:$e.drawerBackground},transitionDuration:250,children:t.jsx(et,{authParams:te,filesEndPoint:ee,updateStatus:u,onEditFileName:ye,onDeleteFile:be,updateFilesEntity:Ce,companyOfficer:s,onClose:()=>b(!1),onCompanyOfficerUpdated:Se,onSendForVerificationClick:we})}),t.jsx(Le,{title:g.setupTitle,backgroundColor:y.colors.grey4,style:{zIndex:3},onBackClick:ce,showMenuIcon:!D&&!V&&(i==="medium-compact"||i==="small"),onClickMenuIcon:he,source:"ChargeCardSetupPage"}),t.jsxs(it,{windowSize:i,children:[t.jsx(ot,{windowSize:i,children:De}),Fe?t.jsx(ct,{children:t.jsx(Re,{size:"ExtraLarge",start:!0})}):t.jsx(We,{...F,children:t.jsx("form",{id:X(K),onSubmit:Ee,children:t.jsxs(st,{windowSize:i,children:[t.jsx(qe,{onClick:Ve,title:_.businessVerificationTitle,subTitle:_.businessVerificationSubTitle,header:_.businessVerificationHeader,icon:{element:t.jsx(Ne,{width:c.iconWidthHeight.valuePx(i),height:c.iconWidthHeight.valuePx(i)}),color:H},status:z?.businessVerificationStatus,isLoading:Pe,isActiveWhileLoading:!0}),E?null:t.jsx(He,{connectedAccountProvider:Z,primaryFundingAccount:l,allFundingAccounts:L,plaidConnectionDetails:ke,allBankAccounts:Te,sectionId:m,isDisabled:r,onFetchLinkTokenClick:oe,onEstablishConnectionClick:ge,onUpdatePaymentAccountStatus:re,onUpdatePaymentAccountLoginStatus:ue,sectionTitle:g.setupAccountSectionTitle,onEstablishConnectionSuccess:me,icon:{element:t.jsx(Ge,{width:c.iconWidthHeight.valuePx(i),height:c.iconWidthHeight.valuePx(i)}),color:H},analytics:v,productType:"charge_cards",isAccountsEnabled:ne,onSignUpClick:xe,pageName:g.pageName,accountsPromoConfig:ae,accountSelectContainerStyle:h?{marginBottom:"20px"}:{},bottomComponent:h&&t.jsx(Ze,{label:{label:Y.payEarly.enableAutoPay.replace("__autoPayThreshold__",e.toString()),style:{color:y.colors.primary,...Me.smallRegular.cssObject,alignItems:"center"}},style:{width:"unset",marginRight:U.sp4,marginTop:U.sp1,alignItems:i==="small"?"flex-start":"center"},checkBoxField:{name:J(m,"enableAutoPay"),checkBoxValue:J(m,"enableAutoPay"),defaultChecked:I?.isAutoPayEnabled,style:{top:c.checkBoxTop.valuePx(i)}}})})]})})})]}),O?t.jsx(Je,{formId:X(K),primaryBtn:{label:g.enableAccounts,style:{width:"auto",minWidth:i==="small"?"auto":"181px"},isLoading:u.fetchState==="In-Progress"||Ae.fetchState==="In-Progress",isDisabled:r!=null},showCancel:!1,cancelBtn:{label:""},style:{padding:`12px ${U.sp3}`}}):null,t.jsx(Ke,{isFooterRendered:O,meetingUrl:x,analytics:v,productType:"charge_cards"})]})},Q=e=>{const{allBankAccounts:r,allFundingAccounts:x,primaryFundingAccount:h}=e;return{[m]:{fundingAccount:{selectedOption:h?.id,allOptions:x.map(a=>({label:a.label,value:a.id,isRecommended:a.accType==="depositAccount"}))},account:{selectedOption:h?.zeniAccountId,allOptions:r.map(a=>({label:a.accountName,value:a.accountId}))},enableAutoPay:e.companyChargeCardInfo?.isAutoPayEnabled}}},X=e=>`${e}_form`,it=w.div`
+import{d as je,q as Oe,a7 as Be,aN as M,a8 as Ue,cB as _e,aS as G,V as t,f6 as ze,p as $e,y as d,bz as Le,m as Re,ab as We,fp as qe,dM as Ne,fq as He,o as U,b as Me,iG as J,bu as Ge,aO as Je,fs as Ke,F as Qe,c as a,ak as Xe}from"./index-BoDHThmj.js";import{a as f}from"./sentry-CAa_RBiQ.js";import{n as w}from"./mui-DjUnBv6N.js";import{bJ as Ye}from"./zeni-epic-state-BO46e_7F.js";import{x as Ze}from"./LabeledControlledCheckBoxField-DFKeD5HK-jfbQYMID.js";import{g as et}from"./UploadAdditionalDocumentOverlay-C2kqDNTp-CLCo9ZjN.js";import"./liveblocks-2fUZ-mzS.js";import"./core-DesIUmVX.js";import"./recharts-CFBD4y8X.js";import"./lottie-BC5QDLx3.js";import"./analytics-aL6KvWIc.js";import"./lexical-WHFPYU-_.js";import"./utils-MCudDogO.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},r=new e.Error().stack;r&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[r]="02a23cc4-22d2-4f88-914f-c728d6747351",e._sentryDebugIdIdentifier="sentry-dbid-02a23cc4-22d2-4f88-914f-c728d6747351")}catch{}})();const c={titleWidth:new d(343,580,726,826),setupDetailsRowGap:new d(12,a[5],a[5]),sectionRowGap:new d(a[5],a[9],a[9]),iconWidthHeight:new d(20,a[4]),subTitlePaddingTop:new d(12,a[3]),subTitlePaddingBottom:new d(a[3],a[3]),overlayWidth:new d(100,100,59),checkBoxTop:new d(a[1],a[0])},K="chargeCardSetUpPage",m="payAccount",{commonSetUp:tt,spendManagement:nt}=Qe.getLocalizedStrings(),{chargeCard:Y}=nt,{chargeCardSetUp:g}=Y,{setUp:_}=tt,wt=({autoPayThreshold:e,isDisabled:r,meetingUrl:x,isEarlyPayEnabled:h,chargeCardSetUpView:o,connectedAccountProvider:Z,filesEndPoint:ee,authParams:te,isAccountsEnabled:ne,isDebitCardOnlyEnabled:E,isCreditCardOnlyEnabled:ie,accountsPromoConfig:oe,onFetchLinkTokenClick:ae,onBackClick:ce,onEnableChargeCardClick:se,onUpdateChargeCardClick:le,onBusinessVerificationSectionClick:de,onUpdatePaymentAccountStatus:re,onUpdatePaymentAccountLoginStatus:ue,onUpdatePrimaryFundingAccount:pe,onUpdateAutoPayClick:fe,onEstablishConnectionClick:ge,onEstablishConnectionSuccess:me,onClickMenuIcon:he,onEnableChargeCardSuccess:P,onEditFileName:ye,onDeleteFile:be,updateFilesEntity:Ce,onCompanyOfficerUpdated:Se,onSendForVerificationClick:we,onSignUpClick:xe})=>{const y=je(),i=Oe(),v=Be().analytics,[A,b]=f.useState(!1),{fetchState:C,companyBillPayInfo:z,isRefreshingViewInBackground:Pe,updateStatus:u,accountUpdateStatus:Ae,plaidConnectionDetails:ke,allBankAccounts:Te,companyChargeCardInfo:I,companyDebitCardInfo:$,selectedCompanyOfficer:s,primaryFundingAccount:l,allFundingAccounts:L}=o,R=M(C),k=M(u.fetchState),F=Ue({mode:"all",reValidateMode:"onChange",defaultValues:f.useMemo(()=>Q(o),[o]),values:Q(o)}),Ee=F.handleSubmit(se),ve=async(S,T)=>{const n=T[m];if(S.includes(m))if(S.includes("fundingAccount")){if(n.fundingAccount.selectedOption!=null&&l?.id!=n.fundingAccount.selectedOption){const p=L.find(B=>B.id===n.fundingAccount.selectedOption);p!=null&&pe(n.fundingAccount.selectedOption,p.accType)}}else if(n.account.selectedOption!=null&&l?.id!=null&&l?.zeniAccountId!=n.account.selectedOption){const p=n.account.allOptions.find(B=>B.value===n.account.selectedOption);p!=null&&typeof p.label=="string"&&v.trackConnectBankLink(p.value,p.label,"charge_cards"),le(n.account.selectedOption,l.id,l.accType)}else S.includes("enableAutoPay")&&n.enableAutoPay!=null&&fe(n.enableAutoPay)};f.useEffect(()=>{const S=F.watch((T,{name:n})=>{n!=null&&T!=null&&_e(()=>ve(n,T))});return()=>{S.unsubscribe()}}),f.useEffect(()=>{!A&&s?.additionalDocumentTypesRequestedForVerification.includes("social_security_card")===!0&&s.areAdditionalDocumentsRequestedForVerification&&!s.areAdditionalDocumentsSubmittedForVerification&&s.userVerificationStatus?.code==="require_info"&&b(!0),A&&R==="In-Progress"&&C==="Completed"&&b(!1)},[s,C,R]),f.useEffect(()=>{k==="In-Progress"&&u.fetchState==="Completed"&&P()},[P,k,u.fetchState]);const D=I?.isChargeCardEnabled===!0,V=$?.isDebitCardEnabled===!0,W=$?.isDebitCardTOSAccepted===!0,q=I?.isChargeCardTOSAccepted===!0,N=z?.isBusinessVerified===!0,Ie=l?.accType==="depositAccount"||Ye(l?.providerVerificationStatus?.code??""),j=E?N:N&&Ie,Fe=C==="In-Progress"||C==="Not-Started";f.useEffect(()=>{k==="In-Progress"&&u.fetchState==="Completed"&&P()},[P,k,u.fetchState]);const O=E?j&&!V&&W:ie?j&&!D&&q:j&&!(D&&V)&&q&&W,De=O?g.setupSubTitleNotEnabled:g.setupSubTitle,H=y.mode==="light"?new G(y.colors.brandColorJadeLight):new G(y.colors.brandColorJadeDark),Ve=()=>{!A&&s?.additionalDocumentTypesRequestedForVerification.includes("social_security_card")===!0&&s.areAdditionalDocumentsRequestedForVerification&&!s.areAdditionalDocumentsSubmittedForVerification&&s.userVerificationStatus?.code==="require_info"?b(!0):de?.()};return t.jsxs(ot,{children:[t.jsx(ze,{anchor:"right",PaperProps:{style:{width:c.overlayWidth.valuePercentage(i),boxShadow:"none"}},open:A,onClose:()=>b(!1),style:{backgroundColor:$e.drawerBackground},transitionDuration:250,children:t.jsx(et,{authParams:te,filesEndPoint:ee,updateStatus:u,onEditFileName:ye,onDeleteFile:be,updateFilesEntity:Ce,companyOfficer:s,onClose:()=>b(!1),onCompanyOfficerUpdated:Se,onSendForVerificationClick:we})}),t.jsx(Le,{title:g.setupTitle,backgroundColor:y.colors.grey4,style:{zIndex:3},onBackClick:ce,showMenuIcon:!D&&!V&&(i==="medium-compact"||i==="small"),onClickMenuIcon:he,source:"ChargeCardSetupPage"}),t.jsxs(it,{windowSize:i,children:[t.jsx(at,{windowSize:i,children:De}),Fe?t.jsx(ct,{children:t.jsx(Re,{size:"ExtraLarge",start:!0})}):t.jsx(We,{...F,children:t.jsx("form",{id:X(K),onSubmit:Ee,children:t.jsxs(st,{windowSize:i,children:[t.jsx(qe,{onClick:Ve,title:_.businessVerificationTitle,subTitle:_.businessVerificationSubTitle,header:_.businessVerificationHeader,icon:{element:t.jsx(Ne,{width:c.iconWidthHeight.valuePx(i),height:c.iconWidthHeight.valuePx(i)}),color:H},status:z?.businessVerificationStatus,isLoading:Pe,isActiveWhileLoading:!0}),E?null:t.jsx(He,{connectedAccountProvider:Z,primaryFundingAccount:l,allFundingAccounts:L,plaidConnectionDetails:ke,allBankAccounts:Te,sectionId:m,isDisabled:r,onFetchLinkTokenClick:ae,onEstablishConnectionClick:ge,onUpdatePaymentAccountStatus:re,onUpdatePaymentAccountLoginStatus:ue,sectionTitle:g.setupAccountSectionTitle,onEstablishConnectionSuccess:me,icon:{element:t.jsx(Ge,{width:c.iconWidthHeight.valuePx(i),height:c.iconWidthHeight.valuePx(i)}),color:H},analytics:v,productType:"charge_cards",isAccountsEnabled:ne,onSignUpClick:xe,pageName:g.pageName,accountsPromoConfig:oe,accountSelectContainerStyle:h?{marginBottom:"20px"}:{},bottomComponent:h&&t.jsx(Ze,{label:{label:Y.payEarly.enableAutoPay.replace("__autoPayThreshold__",e.toString()),style:{color:y.colors.primary,...Me.smallRegular.cssObject,alignItems:"center"}},style:{width:"unset",marginRight:U.sp4,marginTop:U.sp1,alignItems:i==="small"?"flex-start":"center"},checkBoxField:{name:J(m,"enableAutoPay"),checkBoxValue:J(m,"enableAutoPay"),defaultChecked:I?.isAutoPayEnabled,style:{top:c.checkBoxTop.valuePx(i)}}})})]})})})]}),O?t.jsx(Je,{formId:X(K),primaryBtn:{label:g.enableAccounts,style:{width:"auto",minWidth:i==="small"?"auto":"181px"},isLoading:u.fetchState==="In-Progress"||Ae.fetchState==="In-Progress",isDisabled:r!=null},showCancel:!1,cancelBtn:{label:""},style:{padding:`12px ${U.sp3}`}}):null,t.jsx(Ke,{isFooterRendered:O,meetingUrl:x,analytics:v,productType:"charge_cards"})]})},Q=e=>{const{allBankAccounts:r,allFundingAccounts:x,primaryFundingAccount:h}=e;return{[m]:{fundingAccount:{selectedOption:h?.id,allOptions:x.map(o=>({label:o.label,value:o.id,isRecommended:o.accType==="depositAccount"}))},account:{selectedOption:h?.zeniAccountId,allOptions:r.map(o=>({label:o.accountName,value:o.accountId}))},enableAutoPay:e.companyChargeCardInfo?.isAutoPayEnabled}}},X=e=>`${e}_form`,it=w.div`
   display: flex;
   justify-content: flex-start;
   height: 100%;
@@ -6,14 +6,14 @@ import{d as je,q as Oe,a7 as Be,aN as M,a8 as Ue,cB as _e,aS as G,V as t,f6 as z
   flex-direction: column;
   align-items: center;
   row-gap: ${e=>c.setupDetailsRowGap.valuePx(e.windowSize)};
-`,at=w.div`
+`,ot=w.div`
   display: flex;
   min-height: 100%;
   height: 100%;
   flex-direction: column;
   width: 100%;
   background-color: ${e=>e.theme.colors.grey4};
-`,ot=w(Xe)`
+`,at=w(Xe)`
   color: ${e=>e.theme.colors.hero};
   display: flex;
   justify-content: center;