@zeniai/web-cockpit-ui 1.14.72-qa → 1.14.73-dev

package/dist/assets/{ChargeCardListPage-v5hH98Wi-BuxeUD72.js → ChargeCardListPage-BTH_OAht-CJvC6mTi.js}

@@ -1,4 +1,4 @@
-import{a9 as Ga,aP as N,ax as Ya,g3 as qa,l as te,f_ as U,q as Le,O as Pe,o as a,d as Xt,j as t,bF as Ha,gh as Ja,ft as ae,C as D,c5 as rt,h as m,aN as he,aX as it,aM as nt,y as V,ai as ie,c as Xa,H as Ka,d8 as Za,au as Kt,bP as Qa,a$ as st,aS as er,an as dt,aa as tr,gZ as ar,db as rr,ap as ir,ad as or,gm as nr,n as Tt,u as O,dq as sr,ar as dr,am as cr,_ as lr,d7 as hr,bz as ur,c7 as mr}from"./index-TYkG9rxW.js";import{b as c,n as r,i as ct,k as pr}from"./vendor-Bs1fkIUX.js";import{X as Cr}from"./SpendManagementSection-kucZgC-H-BqDZp6la.js";import{D as re,a as gr,l as br}from"./ChargeCardListTable-BGWV4zJl-Ce2AthWH.js";import{ChargeCardPromoUserContent as fr}from"./ChargeCardPromoPage-CPEaGOL3-BLFFi5jX.js";import{N as xr,J as Sr}from"./PromoBaseCards-BAPolzxE-BXtgaLrj.js";import{L as Dt,N as Rt,k as yr,z as wr}from"./LockCardPage-DYfgK11k-3kQoNozm.js";import{r as kr,i as $r}from"./graphic-no-data-net-burn-l-CzmycA0m-W-GGrHSF.js";import{t as vr,o as Ir}from"./arrow-south-east-round-PEovUgvH-DnzbA_s-.js";import"./mui-Ty75qFQF.js";import"./analytics-CcevxdRy.js";import"./routing-Dk1A2KYI.js";import"./sentry-BE5FTzpq.js";import"./redux-CEhZD0hA.js";import"./liveblocks-8ht9CoL5.js";import"./crypto-cQYYQPTZ.js";import"./Menu-B6iTf2H7-CaN3eNC5.js";import"./RoleWithToolTip-BqI6M0x_-CjRr5WNK.js";import"./CardNumberSubText-CmhH95Ff-Cm3hJRYZ.js";import"./ChargeCardUtils-BRgkrCTs-C8zXQGn9.js";import"./MeetingCalenderPopup-BxV_UIXP-CbDuBV39.js";import"./NavigationDots-BxPgEW_p-BH_dRdsk.js";import"./usp-line-BBd1wKwW-ZlUrfnG1.js";const lt={infoSubheadingTextMarginTop:new V(O[0],O[0]),cardsMinWidth:new V(343,353)},Mt=Pe.getLocalizedStrings().spendManagement.chargeCard.chargeCardsPromo.listPage,Bt=({cardPromoType:e,cardText:l,header:u,title:d,subTitle:n,slidingTextList:p,onClick:E})=>{const M=Le();return t.jsxs(Ar,{windowSize:M,cardPromoType:e,"data-testid":nt("list-page-promo-card",e),onClick:()=>E(e),children:[t.jsxs(Zt,{children:[t.jsxs(ea,{children:[t.jsx(Qt,{children:u}),t.jsx(Er,{children:d}),t.jsx(Dr,{children:n})]}),t.jsxs(Rr,{children:[t.jsx(Mr,{}),p.length>0&&t.jsx(ot,{slideUpCount:p.length,children:p.map((_,B)=>t.jsx(ta,{children:_},`card-promo-${B.toString()}`))}),t.jsx(Br,{})]})]}),t.jsx(Nr,{children:t.jsx(xr,{cardPromoType:e,cardText:l,shouldAnimate:!1,forDashboard:!1,showChip:!1,forListPage:!0})}),t.jsx(zr,{children:t.jsx(Sr,{cardPromoType:e,cardText:l,shouldAnimate:!1,forDashboard:!1,showChip:!1,forListPage:!0})})]})},Nt=({cardType:e,header:l,title:u,creditLimit:d,onCreateNowClick:n})=>{const p=Le();return t.jsx(Lr,{windowSize:p,cardType:e,children:t.jsxs(Pr,{children:[t.jsxs(ea,{children:[t.jsx(Qt,{children:l}),t.jsx(Tr,{children:t.jsx(Fr,{children:u})}),t.jsx(Or,{windowSize:p,children:t.jsxs(_r,{windowSize:p,onClick:()=>n(e),"data-testid":nt("total-cashback-info"),children:[t.jsx(ta,{children:Mt.createNow}),t.jsx(Ur,{})]})})]}),e==="creditCard"?t.jsxs(Vr,{children:[t.jsx(Wr,{children:Mt.creditLimit}),t.jsx(Gr,{children:d})]}):null]})})},jr=e=>{const l=e-1;let u=`
+import{a9 as Ga,aP as N,ax as Ya,g3 as qa,l as te,f_ as U,q as Le,O as Pe,o as a,c as Xt,j as t,bF as Ha,gh as Ja,ft as ae,C as D,c5 as rt,h as m,aN as he,aX as it,aM as nt,y as V,ai as ie,b as Xa,H as Ka,d8 as Za,au as Kt,bP as Qa,a$ as st,aS as er,an as dt,aa as tr,gZ as ar,db as rr,ap as ir,ad as or,gm as nr,n as Tt,u as O,dq as sr,ar as dr,am as cr,_ as lr,d7 as hr,bz as ur,c7 as mr}from"./index-MAXVX6UR.js";import{b as c,n as r,i as ct,k as pr}from"./vendor-Bs1fkIUX.js";import{X as Cr}from"./SpendManagementSection-v3VQ4WLv-BgJcZL_k.js";import{D as re,a as gr,l as br}from"./ChargeCardListTable-DpRWVPmZ-CcrBBELQ.js";import{ChargeCardPromoUserContent as fr}from"./ChargeCardPromoPage-B3bc_Qcj-DVNboRNz.js";import{N as xr,J as Sr}from"./PromoBaseCards-BWsv2pTB-B6b592gJ.js";import{L as Dt,N as Rt,k as yr,z as wr}from"./LockCardPage-B-EvOmPO-B73f-ypE.js";import{r as kr,i as $r}from"./graphic-no-data-net-burn-l-CzmycA0m-W-GGrHSF.js";import{t as vr,o as Ir}from"./arrow-south-east-round-PEovUgvH-DnzbA_s-.js";import"./mui-Ty75qFQF.js";import"./analytics-CcevxdRy.js";import"./routing-Dk1A2KYI.js";import"./sentry-BE5FTzpq.js";import"./redux-CEhZD0hA.js";import"./liveblocks-8ht9CoL5.js";import"./crypto-cQYYQPTZ.js";import"./Menu-CV1BBSGW-DKOqAYYS.js";import"./RoleWithToolTip-CnJMJF5X-DPQwf2SV.js";import"./CardNumberSubText-C_03r_B--CXrhgc3z.js";import"./ChargeCardUtils-Cx6ntaue-CziTslau.js";import"./MeetingCalenderPopup-2tPtQeqB-QatkmFKh.js";import"./NavigationDots-DarWlthl-CEtLiSj-.js";import"./usp-line-BBd1wKwW-ZlUrfnG1.js";const lt={infoSubheadingTextMarginTop:new V(O[0],O[0]),cardsMinWidth:new V(343,353)},Mt=Pe.getLocalizedStrings().spendManagement.chargeCard.chargeCardsPromo.listPage,Bt=({cardPromoType:e,cardText:l,header:u,title:d,subTitle:n,slidingTextList:p,onClick:E})=>{const M=Le();return t.jsxs(Ar,{windowSize:M,cardPromoType:e,"data-testid":nt("list-page-promo-card",e),onClick:()=>E(e),children:[t.jsxs(Zt,{children:[t.jsxs(ea,{children:[t.jsx(Qt,{children:u}),t.jsx(Er,{children:d}),t.jsx(Dr,{children:n})]}),t.jsxs(Rr,{children:[t.jsx(Mr,{}),p.length>0&&t.jsx(ot,{slideUpCount:p.length,children:p.map((_,B)=>t.jsx(ta,{children:_},`card-promo-${B.toString()}`))}),t.jsx(Br,{})]})]}),t.jsx(Nr,{children:t.jsx(xr,{cardPromoType:e,cardText:l,shouldAnimate:!1,forDashboard:!1,showChip:!1,forListPage:!0})}),t.jsx(zr,{children:t.jsx(Sr,{cardPromoType:e,cardText:l,shouldAnimate:!1,forDashboard:!1,showChip:!1,forListPage:!0})})]})},Nt=({cardType:e,header:l,title:u,creditLimit:d,onCreateNowClick:n})=>{const p=Le();return t.jsx(Lr,{windowSize:p,cardType:e,children:t.jsxs(Pr,{children:[t.jsxs(ea,{children:[t.jsx(Qt,{children:l}),t.jsx(Tr,{children:t.jsx(Fr,{children:u})}),t.jsx(Or,{windowSize:p,children:t.jsxs(_r,{windowSize:p,onClick:()=>n(e),"data-testid":nt("total-cashback-info"),children:[t.jsx(ta,{children:Mt.createNow}),t.jsx(Ur,{})]})})]}),e==="creditCard"?t.jsxs(Vr,{children:[t.jsx(Wr,{children:Mt.creditLimit}),t.jsx(Gr,{children:d})]}):null]})})},jr=e=>{const l=e-1;let u=`
     0% {
       transform: translateY(0);
     }

package/dist/assets/{ChargeCardListTable-BGWV4zJl-Ce2AthWH.js → ChargeCardListTable-DpRWVPmZ-CcrBBELQ.js}

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

package/dist/assets/{ChargeCardPromoPage-CPEaGOL3-BLFFi5jX.js → ChargeCardPromoPage-B3bc_Qcj-DVNboRNz.js}

@@ -1,4 +1,4 @@
-import{q as b,O as oe,j as r,d as G,ax as $e,a9 as ye,aP as be,aN as je,l as Se,g3 as Te,bF as ze,n as Z,aM as ee,o as t,_ as ve,s as J,cQ as Pe,ar as ke,y as x,aq as Be,c5 as Ae,iK as Ie,ai as Le,u as h,c as j,h as $,b9 as Re,aT as Me,iL as _e}from"./index-TYkG9rxW.js";import{b as S,n as a,i as Ee,k as De}from"./vendor-Bs1fkIUX.js";import{x as Fe}from"./MeetingCalenderPopup-BxV_UIXP-CbDuBV39.js";import{j as Ue}from"./NavigationDots-BxPgEW_p-BH_dRdsk.js";import{J as O,N as H}from"./PromoBaseCards-BAPolzxE-BXtgaLrj.js";import{M as R}from"./usp-line-BBd1wKwW-ZlUrfnG1.js";import"./mui-Ty75qFQF.js";import"./analytics-CcevxdRy.js";import"./routing-Dk1A2KYI.js";import"./sentry-BE5FTzpq.js";import"./redux-CEhZD0hA.js";import"./liveblocks-8ht9CoL5.js";import"./crypto-cQYYQPTZ.js";const g={containerPaddingTopBottom:new x(h[0],h[0]),uspContainerMarginX:new x(h[6],h[0]),midContainerGap:new x(h[4],84),iconContainerMinHeight:new x(236,396),emptySectionHeight:new x(h[6],43),navigationBottom:new x(h[4],94),navigationLeft:new x(192,244),carouselHeight:new x(268,396),carouselMarginTop:new x(54,h[4]),carouselMarginLeft:new x(120,h[12]),buttonTrayGap:new x(h[3],h[5]),termsOfAgreementMarginTop:new x(h[5],h[10]),contactAdminContainerMarginTop:new x(h[0],h[10]),contactAdminContainerMarginBottom:new x(h[4],h[0]),contactAdminContainerMarginLeftRight:new x(h[3],h[0])},T={promoBadgeText:new j("standardRegular","largeRegular"),promoBadgeTextBold:new j("standardBold","largeBold"),cardsContent:new j("extraSmallRegular","smallRegular"),contactAdmin:new j("extraSmallRegular","largeRegular"),uspText:new j("smallRegular","standardRegular"),uspBoldText:new j("smallMedium","standardMedium")},{common:U,spendManagement:{chargeCard:{chargeCardsPromo:o}}}=oe.getLocalizedStrings(),Lr=({meetingUrl:e,companyLegalName:s,chargeCardSetupView:i,showEnableCardButton:n,controllerEmails:p,isCreditCardProductVisible:m,isDebitCardFeatureEnabled:c,isDebitCardSetupEnabled:w,isChargeCardSetupEnabled:f,admins:v,cashbackRate:P,cardPromoType:u="credit",onSetupButtonClick:l,onBackClick:d,onClickMenuIcon:pe,onSetupChargeCardSuccess:q,onExpressInterestClick:me})=>{const he=G(),K=$e(),z=b(),Q=ye().analytics,{chargeCardTermsDetails:M,companyChargeCardInfo:C,companyLocaleInfo:_}=i,V=be(M?.fetchStatus.fetchState),[ge,W]=S.useState(!1),xe=()=>{Q.trackCardsPromoPageClicked("schedule demo"),Q.trackCardsScheduleDemoClick(p,{isCreditCardOffered:m,isDebitCardOffered:c,isDebitCardEnabled:w,isCreditCardEnabled:f},"Cards Promo"),W(!0)},ue=C!=null&&_!=null?je("0,0",{amount:C.chargeCardsCreditAccountLimit,currencyCode:_.currencyCode,currencySymbol:_.currencySymbol}):void 0;S.useEffect(()=>{V==="In-Progress"&&M?.fetchStatus.fetchState==="Completed"&&q()},[V,q,M?.fetchStatus]);const X=Se.hasChargeCardAdminLevelAccess(K.loggedInUserRoleMap),we=Te(K),E=u==="credit"&&C?.isCompanyInterestedInChargeCard===!1&&C.chargeCardsCreditAccountLimit===0,D=u==="credit"&&C?.isCompanyInterestedInChargeCard===!0&&C.chargeCardsCreditAccountLimit===-1,F=u==="credit"&&C?.isCompanyInterestedInChargeCard===!0&&C.chargeCardsCreditAccountLimit===0,fe=u==="credit"&&C?.isCompanyInterestedInChargeCard===!0&&C.chargeCardsCreditAccountLimit>0,{expressInterestInChargeCardFetchState:Ce}=i,Y=E?o.getPreApprovedNow:n?o.enableCardsButton:o.setupCardsButton;return r.jsxs(qe,{children:[r.jsx(ze,{title:o.title[u],backgroundColor:he.colors.grey4,onBackClick:d,showBackButton:!0,showMenuIcon:z==="medium-compact"||z==="small",onClickMenuIcon:pe,style:{zIndex:9},source:"ChargeCardPromoPage"}),ge===!0?r.jsx(Fe,{onCancelClick:()=>{W(!1)},meetingUrl:e}):null,r.jsx(We,{windowSize:z,children:X===!0?r.jsxs(Ve,{children:[r.jsxs(Qe,{children:[r.jsx(Oe,{isApproved:fe,creditAmount:ue,cardPromoType:u,isUnderReview:F,isRejected:D,showExpressInterest:E}),r.jsx(ne,{cardPromoType:u,cashbackRate:P})]}),r.jsx(ae,{showEnableCardButton:n,cardPromoType:u,isUnderReview:F,isRejected:D,showExpressInterest:E})]}):r.jsx(He,{companyLegalName:s,cards:[],admins:v,cashbackRate:P,hasZeniFinopsRoles:we,cardPromoType:u})}),X&&!(F||D)?r.jsxs(ir,{windowSize:z,children:[r.jsx(Z,{variant:"secondary",label:o.scheduleDemoButton,style:{width:166},onClick:xe,"data-testid":ee("schedule-demo-button")}),r.jsx(Ke,{windowSize:z,children:o.orText}),r.jsx(Z,{variant:"primary",label:Y,style:{minWidth:166},loading:i.chargeCardTermsDetails?.fetchStatus.fetchState==="In-Progress"||Ce==="In-Progress",onClick:Y===o.getPreApprovedNow?me:()=>l(u),"data-testid":ee("enable-card-button")})]}):null]})},Ne=({admins:e})=>{const s=e.flatMap(n=>n.user?.firstName+" "+n.user?.lastName).join(", "),i=b();return r.jsxs(pr,{windowSize:i,children:[r.jsx(N,{underline:!1,windowSize:i,children:o.noCardAssigned.pre}),r.jsx(Ae,{title:s,placement:"top-start",style:{padding:`2px ${t.sp2}`},children:r.jsx(N,{underline:!0,windowSize:i,children:o.noCardAssigned.tooltip})}),r.jsx(N,{underline:!1,windowSize:i,children:o.noCardAssigned.post})]})},ae=({cardPromoType:e,showEnableCardButton:s,isUnderReview:i,isRejected:n,showExpressInterest:p,isCardUser:m=!1})=>{const c=b();return r.jsx(tr,{windowSize:c,children:r.jsx(Ie,{topTermLabel:e==="credit"||e==="debit_and_credit"?o.terms.checkingAccountTerm:void 0,buttonTermLabel:i===!0||n===!0||m===!0?void 0:p===!0?o.terms.approvalTerm:s?o.terms.alternateTerm1:o.terms.terms1,showEndIcon:!1,showTerms:n===!1||m===!1,style:{marginTop:g.termsOfAgreementMarginTop.valuePx(c)}})})},Oe=({isApproved:e,cardPromoType:s,creditAmount:i,isUnderReview:n,isRejected:p,showExpressInterest:m})=>{const c=b(),w=s==="debit_and_credit"?o.promoTextDebitCreditCard:s==="debit"?o.promoTextDebitCard:o.promoTextCreditCard,f=e?r.jsxs(r.Fragment,{children:[o.promoBadgeText.approved,r.jsx(te,{children:i}),o.creditLimit,U.strings.space]}):m?r.jsxs(r.Fragment,{children:[o.promoBadgeText.nonPreApproved.get,r.jsx(er,{children:o.promoBadgeText.nonPreApproved.scale}),o.promoBadgeText.nonPreApproved.doubleStarred,U.strings.space,o.promoBadgeText.nonPreApproved.higherLimits]}):n?o.promoBadgeText.underReview:p?o.promoBadgeText.rejected:r.jsxs(r.Fragment,{children:[o.promoBadgeText.preApproved,r.jsx(te,{children:i}),o.creditLimit,U.strings.space]});return r.jsxs(r.Fragment,{children:[r.jsx(r.Fragment,{children:c==="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(Ye,{cardPromoType:s,hideBadge:i==null||s==="debit",windowSize:c,children:[n||p||m?null:r.jsx(Cr,{}),r.jsx(Ze,{windowSize:c,children:f})]})]})},He=({companyLegalName:e,cards:s,admins:i,cashbackRate:n,hasZeniFinopsRoles:p,cardPromoType:m="credit"})=>{const c=b(),w=m==="debit_and_credit"?o.promoTextDebitCreditCard:m==="debit"?o.promoTextDebitCard:o.promoTextCreditCard;return r.jsxs(r.Fragment,{children:[c==="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(cr,{windowSize:c}):r.jsx(Ge,{cards:s,companyLegalName:e}),r.jsx(ne,{cardPromoType:m,cashbackRate:n}),p?null:r.jsx(Ne,{admins:i}),r.jsx(ae,{isCardUser:!0,showEnableCardButton:!1,cardPromoType:m})]})},Ge=({cards:e,companyLegalName:s})=>{const i=G(),n=b();let p="",m;if(e.length===1){m=e[0].cardCreatedByUser.photo;const c=e[0].cardCreatedByUser.firstName+" "+e[0].cardCreatedByUser.lastName;p=o.cardAssigned.singleCreditCard.replace("__issuing-user__",c).replace("__company-name__",s)}else p=o.cardAssigned.multipleCreditCards.replace("__company-name__",s);return r.jsxs(hr,{children:[m!=null?r.jsx(Xe,{width:t.sp5,height:t.sp5,style:{paddingTop:n==="small"?t.sp1:t.sp0},src:m.href,alt:oe.getLocalizedStrings().cockpit.userProfileAltText,onError:({currentTarget:c})=>{c.onerror=null,c.src=Be},loading:"lazy"}):null,r.jsx(mr,{windowSize:n,mode:i.mode,children:r.jsx(gr,{windowSize:n,children:p})})]})},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(Je,{}):r.jsxs(ar,{windowSize:e,children:[r.jsx(O,{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=b(),n=o.benefits;return r.jsxs(rr,{windowSize:i,children:[i==="small"?r.jsx(re,{windowSize:i,cardPromoType:e}):null,r.jsxs(or,{windowSize:i,children:[r.jsxs(B,{windowSize:i,children:[r.jsx(I,{children:r.jsx(dr,{})}),r.jsxs(L,{children:[r.jsx(y,{windowSize:i,children:n.item1.pre}),r.jsx(A,{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(B,{windowSize:i,children:[r.jsx(I,{children:r.jsx(nr,{})}),r.jsxs(L,{children:[r.jsx(y,{windowSize:i,children:n.item2.pre}),r.jsx(A,{windowSize:i,children:n.item2.bold}),r.jsx(y,{windowSize:i,children:n.item2.post})]})]}),r.jsxs(B,{windowSize:i,children:[r.jsx(I,{children:r.jsx(lr,{})}),r.jsxs(L,{children:[r.jsx(y,{windowSize:i,children:n.item3.pre}),r.jsx(A,{windowSize:i,children:n.item3.bold}),r.jsx(y,{windowSize:i,children:n.item3.post})]})]}),r.jsxs(B,{windowSize:i,children:[r.jsx(I,{children:r.jsx(sr,{})}),r.jsxs(L,{children:[r.jsx(y,{windowSize:i,children:n.item4.pre}),r.jsx(A,{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 Je=()=>{const e=b(),s=G(),[i,n]=S.useState(0),[p,m]=S.useState(!1),c=o.businessText,w=`${c} ${o.debit}`,f=[{id:1,cardType:"debit",cardText:w},{id:2,cardType:"debit",cardText:w},{id:3,cardType:"credit",cardText:c},{id:4,cardType:"credit",cardText:c}];S.useEffect(()=>(p||(k=setInterval(()=>{n(l=>{const d=l+1;return d===f.length?(m(!0),0):d})},2e3)),()=>clearInterval(k)),[p,f.length]),S.useEffect(()=>{p&&k!=null&&clearInterval(k)},[p]);const v=(l,d)=>{switch((l-i+f.length)%f.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=v(l,!0);return{...d,transform:`${d?.transform} scaleY(-1)`,opacity:1,transition:"transform 0s 0s, z-index 0s 0s"}},u=l=>{p||m(!0),n(l)};return r.jsxs(xr,{windowSize:e,children:[r.jsx(ur,{windowSize:e,children:f.map((l,d)=>r.jsxs(wr,{children:[r.jsx(ie,{isReflection:!1,style:{...v(d,!1)},onClick:()=>u(d),children:d===0||d===2?r.jsx(O,{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(O,{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))}),p&&r.jsx(Ue,{numberOfDots:f.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}})]})},qe=a.div`
+import{q as b,O as oe,j as r,c as G,ax as $e,a9 as ye,aP as be,aN as je,l as Se,g3 as Te,bF as ze,n as Z,aM as ee,o as t,_ as ve,s as J,cQ as Pe,ar as ke,y as x,aq as Be,c5 as Ae,iK as Ie,ai as Le,u as h,b as j,h as $,b9 as Re,aT as Me,iL as _e}from"./index-MAXVX6UR.js";import{b as S,n as a,i as Ee,k as De}from"./vendor-Bs1fkIUX.js";import{x as Fe}from"./MeetingCalenderPopup-2tPtQeqB-QatkmFKh.js";import{j as Ue}from"./NavigationDots-DarWlthl-CEtLiSj-.js";import{J as O,N as H}from"./PromoBaseCards-BWsv2pTB-B6b592gJ.js";import{M as R}from"./usp-line-BBd1wKwW-ZlUrfnG1.js";import"./mui-Ty75qFQF.js";import"./analytics-CcevxdRy.js";import"./routing-Dk1A2KYI.js";import"./sentry-BE5FTzpq.js";import"./redux-CEhZD0hA.js";import"./liveblocks-8ht9CoL5.js";import"./crypto-cQYYQPTZ.js";const g={containerPaddingTopBottom:new x(h[0],h[0]),uspContainerMarginX:new x(h[6],h[0]),midContainerGap:new x(h[4],84),iconContainerMinHeight:new x(236,396),emptySectionHeight:new x(h[6],43),navigationBottom:new x(h[4],94),navigationLeft:new x(192,244),carouselHeight:new x(268,396),carouselMarginTop:new x(54,h[4]),carouselMarginLeft:new x(120,h[12]),buttonTrayGap:new x(h[3],h[5]),termsOfAgreementMarginTop:new x(h[5],h[10]),contactAdminContainerMarginTop:new x(h[0],h[10]),contactAdminContainerMarginBottom:new x(h[4],h[0]),contactAdminContainerMarginLeftRight:new x(h[3],h[0])},T={promoBadgeText:new j("standardRegular","largeRegular"),promoBadgeTextBold:new j("standardBold","largeBold"),cardsContent:new j("extraSmallRegular","smallRegular"),contactAdmin:new j("extraSmallRegular","largeRegular"),uspText:new j("smallRegular","standardRegular"),uspBoldText:new j("smallMedium","standardMedium")},{common:U,spendManagement:{chargeCard:{chargeCardsPromo:o}}}=oe.getLocalizedStrings(),Lr=({meetingUrl:e,companyLegalName:s,chargeCardSetupView:i,showEnableCardButton:n,controllerEmails:p,isCreditCardProductVisible:m,isDebitCardFeatureEnabled:c,isDebitCardSetupEnabled:w,isChargeCardSetupEnabled:f,admins:v,cashbackRate:P,cardPromoType:u="credit",onSetupButtonClick:l,onBackClick:d,onClickMenuIcon:pe,onSetupChargeCardSuccess:q,onExpressInterestClick:me})=>{const he=G(),K=$e(),z=b(),Q=ye().analytics,{chargeCardTermsDetails:M,companyChargeCardInfo:C,companyLocaleInfo:_}=i,V=be(M?.fetchStatus.fetchState),[ge,W]=S.useState(!1),xe=()=>{Q.trackCardsPromoPageClicked("schedule demo"),Q.trackCardsScheduleDemoClick(p,{isCreditCardOffered:m,isDebitCardOffered:c,isDebitCardEnabled:w,isCreditCardEnabled:f},"Cards Promo"),W(!0)},ue=C!=null&&_!=null?je("0,0",{amount:C.chargeCardsCreditAccountLimit,currencyCode:_.currencyCode,currencySymbol:_.currencySymbol}):void 0;S.useEffect(()=>{V==="In-Progress"&&M?.fetchStatus.fetchState==="Completed"&&q()},[V,q,M?.fetchStatus]);const X=Se.hasChargeCardAdminLevelAccess(K.loggedInUserRoleMap),we=Te(K),E=u==="credit"&&C?.isCompanyInterestedInChargeCard===!1&&C.chargeCardsCreditAccountLimit===0,D=u==="credit"&&C?.isCompanyInterestedInChargeCard===!0&&C.chargeCardsCreditAccountLimit===-1,F=u==="credit"&&C?.isCompanyInterestedInChargeCard===!0&&C.chargeCardsCreditAccountLimit===0,fe=u==="credit"&&C?.isCompanyInterestedInChargeCard===!0&&C.chargeCardsCreditAccountLimit>0,{expressInterestInChargeCardFetchState:Ce}=i,Y=E?o.getPreApprovedNow:n?o.enableCardsButton:o.setupCardsButton;return r.jsxs(qe,{children:[r.jsx(ze,{title:o.title[u],backgroundColor:he.colors.grey4,onBackClick:d,showBackButton:!0,showMenuIcon:z==="medium-compact"||z==="small",onClickMenuIcon:pe,style:{zIndex:9},source:"ChargeCardPromoPage"}),ge===!0?r.jsx(Fe,{onCancelClick:()=>{W(!1)},meetingUrl:e}):null,r.jsx(We,{windowSize:z,children:X===!0?r.jsxs(Ve,{children:[r.jsxs(Qe,{children:[r.jsx(Oe,{isApproved:fe,creditAmount:ue,cardPromoType:u,isUnderReview:F,isRejected:D,showExpressInterest:E}),r.jsx(ne,{cardPromoType:u,cashbackRate:P})]}),r.jsx(ae,{showEnableCardButton:n,cardPromoType:u,isUnderReview:F,isRejected:D,showExpressInterest:E})]}):r.jsx(He,{companyLegalName:s,cards:[],admins:v,cashbackRate:P,hasZeniFinopsRoles:we,cardPromoType:u})}),X&&!(F||D)?r.jsxs(ir,{windowSize:z,children:[r.jsx(Z,{variant:"secondary",label:o.scheduleDemoButton,style:{width:166},onClick:xe,"data-testid":ee("schedule-demo-button")}),r.jsx(Ke,{windowSize:z,children:o.orText}),r.jsx(Z,{variant:"primary",label:Y,style:{minWidth:166},loading:i.chargeCardTermsDetails?.fetchStatus.fetchState==="In-Progress"||Ce==="In-Progress",onClick:Y===o.getPreApprovedNow?me:()=>l(u),"data-testid":ee("enable-card-button")})]}):null]})},Ne=({admins:e})=>{const s=e.flatMap(n=>n.user?.firstName+" "+n.user?.lastName).join(", "),i=b();return r.jsxs(pr,{windowSize:i,children:[r.jsx(N,{underline:!1,windowSize:i,children:o.noCardAssigned.pre}),r.jsx(Ae,{title:s,placement:"top-start",style:{padding:`2px ${t.sp2}`},children:r.jsx(N,{underline:!0,windowSize:i,children:o.noCardAssigned.tooltip})}),r.jsx(N,{underline:!1,windowSize:i,children:o.noCardAssigned.post})]})},ae=({cardPromoType:e,showEnableCardButton:s,isUnderReview:i,isRejected:n,showExpressInterest:p,isCardUser:m=!1})=>{const c=b();return r.jsx(tr,{windowSize:c,children:r.jsx(Ie,{topTermLabel:e==="credit"||e==="debit_and_credit"?o.terms.checkingAccountTerm:void 0,buttonTermLabel:i===!0||n===!0||m===!0?void 0:p===!0?o.terms.approvalTerm:s?o.terms.alternateTerm1:o.terms.terms1,showEndIcon:!1,showTerms:n===!1||m===!1,style:{marginTop:g.termsOfAgreementMarginTop.valuePx(c)}})})},Oe=({isApproved:e,cardPromoType:s,creditAmount:i,isUnderReview:n,isRejected:p,showExpressInterest:m})=>{const c=b(),w=s==="debit_and_credit"?o.promoTextDebitCreditCard:s==="debit"?o.promoTextDebitCard:o.promoTextCreditCard,f=e?r.jsxs(r.Fragment,{children:[o.promoBadgeText.approved,r.jsx(te,{children:i}),o.creditLimit,U.strings.space]}):m?r.jsxs(r.Fragment,{children:[o.promoBadgeText.nonPreApproved.get,r.jsx(er,{children:o.promoBadgeText.nonPreApproved.scale}),o.promoBadgeText.nonPreApproved.doubleStarred,U.strings.space,o.promoBadgeText.nonPreApproved.higherLimits]}):n?o.promoBadgeText.underReview:p?o.promoBadgeText.rejected:r.jsxs(r.Fragment,{children:[o.promoBadgeText.preApproved,r.jsx(te,{children:i}),o.creditLimit,U.strings.space]});return r.jsxs(r.Fragment,{children:[r.jsx(r.Fragment,{children:c==="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(Ye,{cardPromoType:s,hideBadge:i==null||s==="debit",windowSize:c,children:[n||p||m?null:r.jsx(Cr,{}),r.jsx(Ze,{windowSize:c,children:f})]})]})},He=({companyLegalName:e,cards:s,admins:i,cashbackRate:n,hasZeniFinopsRoles:p,cardPromoType:m="credit"})=>{const c=b(),w=m==="debit_and_credit"?o.promoTextDebitCreditCard:m==="debit"?o.promoTextDebitCard:o.promoTextCreditCard;return r.jsxs(r.Fragment,{children:[c==="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(cr,{windowSize:c}):r.jsx(Ge,{cards:s,companyLegalName:e}),r.jsx(ne,{cardPromoType:m,cashbackRate:n}),p?null:r.jsx(Ne,{admins:i}),r.jsx(ae,{isCardUser:!0,showEnableCardButton:!1,cardPromoType:m})]})},Ge=({cards:e,companyLegalName:s})=>{const i=G(),n=b();let p="",m;if(e.length===1){m=e[0].cardCreatedByUser.photo;const c=e[0].cardCreatedByUser.firstName+" "+e[0].cardCreatedByUser.lastName;p=o.cardAssigned.singleCreditCard.replace("__issuing-user__",c).replace("__company-name__",s)}else p=o.cardAssigned.multipleCreditCards.replace("__company-name__",s);return r.jsxs(hr,{children:[m!=null?r.jsx(Xe,{width:t.sp5,height:t.sp5,style:{paddingTop:n==="small"?t.sp1:t.sp0},src:m.href,alt:oe.getLocalizedStrings().cockpit.userProfileAltText,onError:({currentTarget:c})=>{c.onerror=null,c.src=Be},loading:"lazy"}):null,r.jsx(mr,{windowSize:n,mode:i.mode,children:r.jsx(gr,{windowSize:n,children:p})})]})},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(Je,{}):r.jsxs(ar,{windowSize:e,children:[r.jsx(O,{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=b(),n=o.benefits;return r.jsxs(rr,{windowSize:i,children:[i==="small"?r.jsx(re,{windowSize:i,cardPromoType:e}):null,r.jsxs(or,{windowSize:i,children:[r.jsxs(B,{windowSize:i,children:[r.jsx(I,{children:r.jsx(dr,{})}),r.jsxs(L,{children:[r.jsx(y,{windowSize:i,children:n.item1.pre}),r.jsx(A,{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(B,{windowSize:i,children:[r.jsx(I,{children:r.jsx(nr,{})}),r.jsxs(L,{children:[r.jsx(y,{windowSize:i,children:n.item2.pre}),r.jsx(A,{windowSize:i,children:n.item2.bold}),r.jsx(y,{windowSize:i,children:n.item2.post})]})]}),r.jsxs(B,{windowSize:i,children:[r.jsx(I,{children:r.jsx(lr,{})}),r.jsxs(L,{children:[r.jsx(y,{windowSize:i,children:n.item3.pre}),r.jsx(A,{windowSize:i,children:n.item3.bold}),r.jsx(y,{windowSize:i,children:n.item3.post})]})]}),r.jsxs(B,{windowSize:i,children:[r.jsx(I,{children:r.jsx(sr,{})}),r.jsxs(L,{children:[r.jsx(y,{windowSize:i,children:n.item4.pre}),r.jsx(A,{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 Je=()=>{const e=b(),s=G(),[i,n]=S.useState(0),[p,m]=S.useState(!1),c=o.businessText,w=`${c} ${o.debit}`,f=[{id:1,cardType:"debit",cardText:w},{id:2,cardType:"debit",cardText:w},{id:3,cardType:"credit",cardText:c},{id:4,cardType:"credit",cardText:c}];S.useEffect(()=>(p||(k=setInterval(()=>{n(l=>{const d=l+1;return d===f.length?(m(!0),0):d})},2e3)),()=>clearInterval(k)),[p,f.length]),S.useEffect(()=>{p&&k!=null&&clearInterval(k)},[p]);const v=(l,d)=>{switch((l-i+f.length)%f.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=v(l,!0);return{...d,transform:`${d?.transform} scaleY(-1)`,opacity:1,transition:"transform 0s 0s, z-index 0s 0s"}},u=l=>{p||m(!0),n(l)};return r.jsxs(xr,{windowSize:e,children:[r.jsx(ur,{windowSize:e,children:f.map((l,d)=>r.jsxs(wr,{children:[r.jsx(ie,{isReflection:!1,style:{...v(d,!1)},onClick:()=>u(d),children:d===0||d===2?r.jsx(O,{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(O,{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))}),p&&r.jsx(Ue,{numberOfDots:f.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}})]})},qe=a.div`
   display: flex;
   flex: 1 1 auto;
   min-height: 100%;

package/dist/assets/{ChargeCardSetupPage-G5Rn0o6y-DYXNrre8.js → ChargeCardSetupPage-3-7oaikG-BYx_BUtm.js}

@@ -1,4 +1,4 @@
-import{d as Ie,q as Ve,a9 as Ue,aP as H,aa as Be,cS as _e,l as ze,O as Re,aU as G,j as t,fn as $e,h as Le,y as r,bF as We,P as qe,ad as Ne,e6 as Me,o as B,C as He,bA as Ge,aQ as Ke,u as a,am as Je}from"./index-TYkG9rxW.js";import{b as p,n as S}from"./vendor-Bs1fkIUX.js";import{D as Qe}from"./HelpButton-BNMy-6ce-Dj_O42xW.js";import{K as Xe}from"./SetUpDefaultSection-Bm1eZSgT-vK_tZkJp.js";import{f as Ye,y as K}from"./SpendMgmtSetupAccountSection-de7hEmtE-Dqky-jvG.js";import{x as Ze}from"./LabeledControlledCheckBoxField-zwoLFM1n-II-cAJkn.js";import{g as et}from"./UploadAdditionalDocumentOverlay-DhXRLBEg-BdwkpQvO.js";import"./mui-Ty75qFQF.js";import"./analytics-CcevxdRy.js";import"./routing-Dk1A2KYI.js";import"./sentry-BE5FTzpq.js";import"./redux-CEhZD0hA.js";import"./liveblocks-8ht9CoL5.js";import"./crypto-cQYYQPTZ.js";import"./MeetingCalenderPopup-BxV_UIXP-CbDuBV39.js";import"./ChargeCardUtils-BRgkrCTs-C8zXQGn9.js";import"./CreditCardPaymentPlgSection-8ZShMO31-B_vJ6o3d.js";import"./ChaseOverlay-BC_4vwtb-COKgYEaj.js";const c={titleWidth:new r(343,580,726,826),setupDetailsRowGap:new r(12,a[5],a[5]),sectionRowGap:new r(a[5],a[9],a[9]),iconWidthHeight:new r(20,a[4]),subTitlePaddingTop:new r(12,a[3]),subTitlePaddingBottom:new r(a[3],a[3]),overlayWidth:new r(100,100,59),checkBoxTop:new r(a[1],a[0])},J="chargeCardSetUpPage",h="payAccount",{commonSetUp:tt,spendManagement:nt}=Re.getLocalizedStrings(),{chargeCard:Y}=nt,{chargeCardSetUp:m}=Y,{setUp:_}=tt,Tt=({autoPayThreshold:e,isDisabled:P,meetingUrl:T,isEarlyPayEnabled:f,chargeCardSetUpView:o,connectedAccountProvider:Z,filesEndPoint:ee,authParams:te,isAccountsEnabled:ne,isDebitCardOnlyEnabled:E,isCreditCardOnlyEnabled:ie,accountsPromoConfig:oe,onFetchLinkTokenClick:ae,onBackClick:ce,onEnableChargeCardClick:le,onUpdateChargeCardClick:se,onBusinessVerificationSectionClick:re,onUpdatePaymentAccountStatus:de,onUpdatePaymentAccountLoginStatus:ue,onUpdatePrimaryFundingAccount:pe,onUpdateAutoPayClick:me,onEstablishConnectionClick:he,onEstablishConnectionSuccess:fe,onClickMenuIcon:ge,onEnableChargeCardSuccess:x,onEditFileName:ye,onDeleteFile:be,updateFilesEntity:Ce,onCompanyOfficerUpdated:Se,onSendForVerificationClick:Pe,onSignUpClick:xe})=>{const g=Ie(),i=Ve(),v=Ue().analytics,[w,y]=p.useState(!1),{fetchState:b,companyBillPayInfo:z,isRefreshingViewInBackground:we,updateStatus:d,accountUpdateStatus:Ae,plaidConnectionDetails:ke,allBankAccounts:Te,companyChargeCardInfo:F,companyDebitCardInfo:R,selectedCompanyOfficer:l,primaryFundingAccount:s,allFundingAccounts:$}=o,L=H(b),A=H(d.fetchState),j=Be({mode:"all",reValidateMode:"onChange",defaultValues:p.useMemo(()=>Q(o),[o]),values:Q(o)}),Ee=j.handleSubmit(le),ve=async(C,k)=>{const n=k[h];if(C.includes(h))if(C.includes("fundingAccount")){if(n.fundingAccount.selectedOption!=null&&s?.id!=n.fundingAccount.selectedOption){const u=$.find(U=>U.id===n.fundingAccount.selectedOption);u!=null&&pe(n.fundingAccount.selectedOption,u.accType)}}else if(n.account.selectedOption!=null&&s?.id!=null&&s?.zeniAccountId!=n.account.selectedOption){const u=n.account.allOptions.find(U=>U.value===n.account.selectedOption);u!=null&&typeof u.label=="string"&&v.trackConnectBankLink(u.value,u.label,"charge_cards"),se(n.account.selectedOption,s.id,s.accType)}else C.includes("enableAutoPay")&&n.enableAutoPay!=null&&me(n.enableAutoPay)};p.useEffect(()=>{const C=j.watch((k,{name:n})=>{n!=null&&k!=null&&_e(()=>ve(n,k))});return()=>{C.unsubscribe()}}),p.useEffect(()=>{!w&&l?.additionalDocumentTypesRequestedForVerification.includes("social_security_card")===!0&&l.areAdditionalDocumentsRequestedForVerification&&!l.areAdditionalDocumentsSubmittedForVerification&&l.userVerificationStatus?.code==="require_info"&&y(!0),w&&L==="In-Progress"&&b==="Completed"&&y(!1)},[l,b,L]),p.useEffect(()=>{A==="In-Progress"&&d.fetchState==="Completed"&&x()},[x,A,d.fetchState]);const D=F?.isChargeCardEnabled===!0,O=R?.isDebitCardEnabled===!0,W=R?.isDebitCardTOSAccepted===!0,q=F?.isChargeCardTOSAccepted===!0,N=z?.isBusinessVerified===!0,Fe=s?.accType==="depositAccount"||ze.isVerifiedPaymentAccountProviderStatusCode(s?.providerVerificationStatus?.code??""),I=E?N:N&&Fe,je=b==="In-Progress"||b==="Not-Started";p.useEffect(()=>{A==="In-Progress"&&d.fetchState==="Completed"&&x()},[x,A,d.fetchState]);const V=E?I&&!O&&W:ie?I&&!D&&q:I&&!(D&&O)&&q&&W,De=V?m.setupSubTitleNotEnabled:m.setupSubTitle,M=g.mode==="light"?new G(g.colors.brandColorJadeLight):new G(g.colors.brandColorJadeDark),Oe=()=>{!w&&l?.additionalDocumentTypesRequestedForVerification.includes("social_security_card")===!0&&l.areAdditionalDocumentsRequestedForVerification&&!l.areAdditionalDocumentsSubmittedForVerification&&l.userVerificationStatus?.code==="require_info"?y(!0):re?.()};return t.jsxs(ot,{children:[t.jsx($e,{anchor:"right",PaperProps:{style:{width:c.overlayWidth.valuePercentage(i),boxShadow:"none"}},open:w,onClose:()=>y(!1),style:{backgroundColor:Le.drawerBackground},transitionDuration:250,children:t.jsx(et,{authParams:te,filesEndPoint:ee,updateStatus:d,onEditFileName:ye,onDeleteFile:be,updateFilesEntity:Ce,companyOfficer:l,onClose:()=>y(!1),onCompanyOfficerUpdated:Se,onSendForVerificationClick:Pe})}),t.jsx(We,{title:m.setupTitle,backgroundColor:g.colors.grey4,style:{zIndex:3},onBackClick:ce,showMenuIcon:!D&&!O&&(i==="medium-compact"||i==="small"),onClickMenuIcon:ge,source:"ChargeCardSetupPage"}),t.jsxs(it,{windowSize:i,children:[t.jsx(at,{windowSize:i,children:De}),je?t.jsx(ct,{children:t.jsx(qe,{size:"ExtraLarge",start:!0})}):t.jsx(Ne,{...j,children:t.jsx("form",{id:X(J),onSubmit:Ee,children:t.jsxs(lt,{windowSize:i,children:[t.jsx(Xe,{onClick:Oe,title:_.businessVerificationTitle,subTitle:_.businessVerificationSubTitle,header:_.businessVerificationHeader,icon:{element:t.jsx(Me,{width:c.iconWidthHeight.valuePx(i),height:c.iconWidthHeight.valuePx(i)}),color:M},status:z?.businessVerificationStatus,isLoading:we,isActiveWhileLoading:!0}),E?null:t.jsx(Ye,{connectedAccountProvider:Z,primaryFundingAccount:s,allFundingAccounts:$,plaidConnectionDetails:ke,allBankAccounts:Te,sectionId:h,isDisabled:P,onFetchLinkTokenClick:ae,onEstablishConnectionClick:he,onUpdatePaymentAccountStatus:de,onUpdatePaymentAccountLoginStatus:ue,sectionTitle:m.setupAccountSectionTitle,onEstablishConnectionSuccess:fe,icon:{element:t.jsx(Ge,{width:c.iconWidthHeight.valuePx(i),height:c.iconWidthHeight.valuePx(i)}),color:M},analytics:v,productType:"charge_cards",isAccountsEnabled:ne,onSignUpClick:xe,pageName:m.pageName,accountsPromoConfig:oe,accountSelectContainerStyle:f?{marginBottom:"20px"}:{},bottomComponent:f&&t.jsx(Ze,{label:{label:Y.payEarly.enableAutoPay.replace("__autoPayThreshold__",e.toString()),style:{color:g.colors.primary,...He.smallRegular.cssObject,alignItems:"center"}},style:{width:"unset",marginRight:B.sp4,marginTop:B.sp1,alignItems:i==="small"?"flex-start":"center"},checkBoxField:{name:K(h,"enableAutoPay"),checkBoxValue:K(h,"enableAutoPay"),defaultChecked:F?.isAutoPayEnabled,style:{top:c.checkBoxTop.valuePx(i)}}})})]})})})]}),V?t.jsx(Ke,{formId:X(J),primaryBtn:{label:m.enableAccounts,style:{width:"auto",minWidth:i==="small"?"auto":"181px"},isLoading:d.fetchState==="In-Progress"||Ae.fetchState==="In-Progress",isDisabled:P!=null},showCancel:!1,cancelBtn:{label:""},style:{padding:`12px ${B.sp3}`}}):null,t.jsx(Qe,{isFooterRendered:V,meetingUrl:T,analytics:v,productType:"charge_cards"})]})},Q=e=>{const{allBankAccounts:P,allFundingAccounts:T,primaryFundingAccount:f}=e;return{[h]:{fundingAccount:{selectedOption:f?.id,allOptions:T.map(o=>({label:o.label,value:o.id,isRecommended:o.accType==="depositAccount"}))},account:{selectedOption:f?.zeniAccountId,allOptions:P.map(o=>({label:o.accountName,value:o.accountId}))},enableAutoPay:e.companyChargeCardInfo?.isAutoPayEnabled}}},X=e=>`${e}_form`,it=S.div`
+import{c as Ie,q as Ve,a9 as Ue,aP as M,aa as Be,cS as _e,l as ze,O as Re,aU as G,j as t,fn as $e,h as Le,y as r,bF as We,P as qe,ad as Ne,e6 as He,o as B,C as Me,bA as Ge,aQ as Ke,u as a,am as Je}from"./index-MAXVX6UR.js";import{b as p,n as S}from"./vendor-Bs1fkIUX.js";import{D as Qe}from"./HelpButton-38HaKgFL-BugYIsvp.js";import{K as Xe}from"./SetUpDefaultSection-CR4EJd0L-DR8b1nlJ.js";import{f as Ye,y as K}from"./SpendMgmtSetupAccountSection-BstM92cv-D_s447NX.js";import{x as Ze}from"./LabeledControlledCheckBoxField-BjYGaRbt-BGdAOJoA.js";import{g as et}from"./UploadAdditionalDocumentOverlay-BVMdCZ9e-BITtYlPW.js";import"./mui-Ty75qFQF.js";import"./analytics-CcevxdRy.js";import"./routing-Dk1A2KYI.js";import"./sentry-BE5FTzpq.js";import"./redux-CEhZD0hA.js";import"./liveblocks-8ht9CoL5.js";import"./crypto-cQYYQPTZ.js";import"./MeetingCalenderPopup-2tPtQeqB-QatkmFKh.js";import"./ChargeCardUtils-Cx6ntaue-CziTslau.js";import"./CreditCardPaymentPlgSection-L8WvXQsE-Dx-X3Ggn.js";import"./ChaseOverlay-1PyDzocW-DV1roPs3.js";const c={titleWidth:new r(343,580,726,826),setupDetailsRowGap:new r(12,a[5],a[5]),sectionRowGap:new r(a[5],a[9],a[9]),iconWidthHeight:new r(20,a[4]),subTitlePaddingTop:new r(12,a[3]),subTitlePaddingBottom:new r(a[3],a[3]),overlayWidth:new r(100,100,59),checkBoxTop:new r(a[1],a[0])},J="chargeCardSetUpPage",h="payAccount",{commonSetUp:tt,spendManagement:nt}=Re.getLocalizedStrings(),{chargeCard:Y}=nt,{chargeCardSetUp:m}=Y,{setUp:_}=tt,Tt=({autoPayThreshold:e,isDisabled:P,meetingUrl:T,isEarlyPayEnabled:f,chargeCardSetUpView:o,connectedAccountProvider:Z,filesEndPoint:ee,authParams:te,isAccountsEnabled:ne,isDebitCardOnlyEnabled:E,isCreditCardOnlyEnabled:ie,accountsPromoConfig:oe,onFetchLinkTokenClick:ae,onBackClick:ce,onEnableChargeCardClick:le,onUpdateChargeCardClick:se,onBusinessVerificationSectionClick:re,onUpdatePaymentAccountStatus:de,onUpdatePaymentAccountLoginStatus:ue,onUpdatePrimaryFundingAccount:pe,onUpdateAutoPayClick:me,onEstablishConnectionClick:he,onEstablishConnectionSuccess:fe,onClickMenuIcon:ge,onEnableChargeCardSuccess:x,onEditFileName:ye,onDeleteFile:be,updateFilesEntity:Ce,onCompanyOfficerUpdated:Se,onSendForVerificationClick:Pe,onSignUpClick:xe})=>{const g=Ie(),i=Ve(),v=Ue().analytics,[w,y]=p.useState(!1),{fetchState:b,companyBillPayInfo:z,isRefreshingViewInBackground:we,updateStatus:d,accountUpdateStatus:Ae,plaidConnectionDetails:ke,allBankAccounts:Te,companyChargeCardInfo:F,companyDebitCardInfo:R,selectedCompanyOfficer:l,primaryFundingAccount:s,allFundingAccounts:$}=o,L=M(b),A=M(d.fetchState),j=Be({mode:"all",reValidateMode:"onChange",defaultValues:p.useMemo(()=>Q(o),[o]),values:Q(o)}),Ee=j.handleSubmit(le),ve=async(C,k)=>{const n=k[h];if(C.includes(h))if(C.includes("fundingAccount")){if(n.fundingAccount.selectedOption!=null&&s?.id!=n.fundingAccount.selectedOption){const u=$.find(U=>U.id===n.fundingAccount.selectedOption);u!=null&&pe(n.fundingAccount.selectedOption,u.accType)}}else if(n.account.selectedOption!=null&&s?.id!=null&&s?.zeniAccountId!=n.account.selectedOption){const u=n.account.allOptions.find(U=>U.value===n.account.selectedOption);u!=null&&typeof u.label=="string"&&v.trackConnectBankLink(u.value,u.label,"charge_cards"),se(n.account.selectedOption,s.id,s.accType)}else C.includes("enableAutoPay")&&n.enableAutoPay!=null&&me(n.enableAutoPay)};p.useEffect(()=>{const C=j.watch((k,{name:n})=>{n!=null&&k!=null&&_e(()=>ve(n,k))});return()=>{C.unsubscribe()}}),p.useEffect(()=>{!w&&l?.additionalDocumentTypesRequestedForVerification.includes("social_security_card")===!0&&l.areAdditionalDocumentsRequestedForVerification&&!l.areAdditionalDocumentsSubmittedForVerification&&l.userVerificationStatus?.code==="require_info"&&y(!0),w&&L==="In-Progress"&&b==="Completed"&&y(!1)},[l,b,L]),p.useEffect(()=>{A==="In-Progress"&&d.fetchState==="Completed"&&x()},[x,A,d.fetchState]);const D=F?.isChargeCardEnabled===!0,O=R?.isDebitCardEnabled===!0,W=R?.isDebitCardTOSAccepted===!0,q=F?.isChargeCardTOSAccepted===!0,N=z?.isBusinessVerified===!0,Fe=s?.accType==="depositAccount"||ze.isVerifiedPaymentAccountProviderStatusCode(s?.providerVerificationStatus?.code??""),I=E?N:N&&Fe,je=b==="In-Progress"||b==="Not-Started";p.useEffect(()=>{A==="In-Progress"&&d.fetchState==="Completed"&&x()},[x,A,d.fetchState]);const V=E?I&&!O&&W:ie?I&&!D&&q:I&&!(D&&O)&&q&&W,De=V?m.setupSubTitleNotEnabled:m.setupSubTitle,H=g.mode==="light"?new G(g.colors.brandColorJadeLight):new G(g.colors.brandColorJadeDark),Oe=()=>{!w&&l?.additionalDocumentTypesRequestedForVerification.includes("social_security_card")===!0&&l.areAdditionalDocumentsRequestedForVerification&&!l.areAdditionalDocumentsSubmittedForVerification&&l.userVerificationStatus?.code==="require_info"?y(!0):re?.()};return t.jsxs(ot,{children:[t.jsx($e,{anchor:"right",PaperProps:{style:{width:c.overlayWidth.valuePercentage(i),boxShadow:"none"}},open:w,onClose:()=>y(!1),style:{backgroundColor:Le.drawerBackground},transitionDuration:250,children:t.jsx(et,{authParams:te,filesEndPoint:ee,updateStatus:d,onEditFileName:ye,onDeleteFile:be,updateFilesEntity:Ce,companyOfficer:l,onClose:()=>y(!1),onCompanyOfficerUpdated:Se,onSendForVerificationClick:Pe})}),t.jsx(We,{title:m.setupTitle,backgroundColor:g.colors.grey4,style:{zIndex:3},onBackClick:ce,showMenuIcon:!D&&!O&&(i==="medium-compact"||i==="small"),onClickMenuIcon:ge,source:"ChargeCardSetupPage"}),t.jsxs(it,{windowSize:i,children:[t.jsx(at,{windowSize:i,children:De}),je?t.jsx(ct,{children:t.jsx(qe,{size:"ExtraLarge",start:!0})}):t.jsx(Ne,{...j,children:t.jsx("form",{id:X(J),onSubmit:Ee,children:t.jsxs(lt,{windowSize:i,children:[t.jsx(Xe,{onClick:Oe,title:_.businessVerificationTitle,subTitle:_.businessVerificationSubTitle,header:_.businessVerificationHeader,icon:{element:t.jsx(He,{width:c.iconWidthHeight.valuePx(i),height:c.iconWidthHeight.valuePx(i)}),color:H},status:z?.businessVerificationStatus,isLoading:we,isActiveWhileLoading:!0}),E?null:t.jsx(Ye,{connectedAccountProvider:Z,primaryFundingAccount:s,allFundingAccounts:$,plaidConnectionDetails:ke,allBankAccounts:Te,sectionId:h,isDisabled:P,onFetchLinkTokenClick:ae,onEstablishConnectionClick:he,onUpdatePaymentAccountStatus:de,onUpdatePaymentAccountLoginStatus:ue,sectionTitle:m.setupAccountSectionTitle,onEstablishConnectionSuccess:fe,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:m.pageName,accountsPromoConfig:oe,accountSelectContainerStyle:f?{marginBottom:"20px"}:{},bottomComponent:f&&t.jsx(Ze,{label:{label:Y.payEarly.enableAutoPay.replace("__autoPayThreshold__",e.toString()),style:{color:g.colors.primary,...Me.smallRegular.cssObject,alignItems:"center"}},style:{width:"unset",marginRight:B.sp4,marginTop:B.sp1,alignItems:i==="small"?"flex-start":"center"},checkBoxField:{name:K(h,"enableAutoPay"),checkBoxValue:K(h,"enableAutoPay"),defaultChecked:F?.isAutoPayEnabled,style:{top:c.checkBoxTop.valuePx(i)}}})})]})})})]}),V?t.jsx(Ke,{formId:X(J),primaryBtn:{label:m.enableAccounts,style:{width:"auto",minWidth:i==="small"?"auto":"181px"},isLoading:d.fetchState==="In-Progress"||Ae.fetchState==="In-Progress",isDisabled:P!=null},showCancel:!1,cancelBtn:{label:""},style:{padding:`12px ${B.sp3}`}}):null,t.jsx(Qe,{isFooterRendered:V,meetingUrl:T,analytics:v,productType:"charge_cards"})]})},Q=e=>{const{allBankAccounts:P,allFundingAccounts:T,primaryFundingAccount:f}=e;return{[h]:{fundingAccount:{selectedOption:f?.id,allOptions:T.map(o=>({label:o.label,value:o.id,isRecommended:o.accType==="depositAccount"}))},account:{selectedOption:f?.zeniAccountId,allOptions:P.map(o=>({label:o.accountName,value:o.accountId}))},enableAutoPay:e.companyChargeCardInfo?.isAutoPayEnabled}}},X=e=>`${e}_form`,it=S.div`
   display: flex;
   justify-content: flex-start;
   height: 100%;