@zeniai/web-cockpit-ui 1.14.28-qa → 1.14.29-dev

package/dist/assets/{CardNumberSubText-rAv-gh4W-BSBRaT93.js → CardNumberSubText-CoLig9qO-Bb3ukxab.js}

@@ -1,4 +1,4 @@
-import{e as g,B as w,j as t,v as x,J as $,o as s,y}from"./index-CLgXcFOQ.js";import{n as o,b as d}from"./vendor-rkTZJa59.js";const C=e=>d.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},d.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M0.802551 6.92395C0.802551 5.2671 2.1457 3.92395 3.80255 3.92395H20.2009C21.8578 3.92395 23.2009 5.2671 23.2009 6.92395V17.076C23.2009 18.7329 21.8578 20.076 20.2009 20.076H3.80255C2.1457 20.076 0.802551 18.7329 0.802551 17.076V10.8805H23.1896V9.01135H0.802551V6.92395ZM0.802551 9.01135H0.799072V10.8805H0.802551V9.01135ZM14.5443 15.6222C14.5443 15.0935 14.9728 14.6649 15.5015 14.6649H18.1386C18.6673 14.6649 19.0959 15.0935 19.0959 15.6222C19.0959 16.1509 18.6673 16.5795 18.1386 16.5795H15.5015C14.9728 16.5795 14.5443 16.1509 14.5443 15.6222Z",fill:"currentColor"})),{common:n,spendManagement:{chargeCard:r}}=w.getLocalizedStrings(),f={subText:new $("extraSmallRegular","standardRegular")},R=({cardDetail:e,forDetailPage:a})=>{const h=g(),u=e.type.code.includes("credit")?r.chargeCardsPromo.credit:r.chargeCardsPromo.debit;let l=e.type.code.includes("physical")?r.cardList.physicalCard:r.cardList.virtualCard;const i=n.strings.space+r.cardDetails.expiryHideOut+n.strings.space+e.accountLast4,m=e.status.code==="request_on_hold"||!a?l:i,c=e.type.code.includes("physical");return t.jsxs(v,{windowSize:h,forDetailPage:a,className:"cardName",title:`${m}`,children:[u,t.jsx(H,{}),l,c&&!a?t.jsx(p,{className:"physical-card-icon"}):null,e.status.code==="request_on_hold"||!a?null:i,c&&a?t.jsx(p,{}):null]})},v=o(y)`
+import{e as g,B as w,j as t,v as x,J as $,o as s,y}from"./index-DIh8Zr8t.js";import{n as o,b as d}from"./vendor-rkTZJa59.js";const C=e=>d.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},d.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M0.802551 6.92395C0.802551 5.2671 2.1457 3.92395 3.80255 3.92395H20.2009C21.8578 3.92395 23.2009 5.2671 23.2009 6.92395V17.076C23.2009 18.7329 21.8578 20.076 20.2009 20.076H3.80255C2.1457 20.076 0.802551 18.7329 0.802551 17.076V10.8805H23.1896V9.01135H0.802551V6.92395ZM0.802551 9.01135H0.799072V10.8805H0.802551V9.01135ZM14.5443 15.6222C14.5443 15.0935 14.9728 14.6649 15.5015 14.6649H18.1386C18.6673 14.6649 19.0959 15.0935 19.0959 15.6222C19.0959 16.1509 18.6673 16.5795 18.1386 16.5795H15.5015C14.9728 16.5795 14.5443 16.1509 14.5443 15.6222Z",fill:"currentColor"})),{common:n,spendManagement:{chargeCard:r}}=w.getLocalizedStrings(),f={subText:new $("extraSmallRegular","standardRegular")},R=({cardDetail:e,forDetailPage:a})=>{const h=g(),u=e.type.code.includes("credit")?r.chargeCardsPromo.credit:r.chargeCardsPromo.debit;let l=e.type.code.includes("physical")?r.cardList.physicalCard:r.cardList.virtualCard;const i=n.strings.space+r.cardDetails.expiryHideOut+n.strings.space+e.accountLast4,m=e.status.code==="request_on_hold"||!a?l:i,c=e.type.code.includes("physical");return t.jsxs(v,{windowSize:h,forDetailPage:a,className:"cardName",title:`${m}`,children:[u,t.jsx(H,{}),l,c&&!a?t.jsx(p,{className:"physical-card-icon"}):null,e.status.code==="request_on_hold"||!a?null:i,c&&a?t.jsx(p,{}):null]})},v=o(y)`
   ${e=>e.forDetailPage?{...x.extraSmallRegular.cssObject}:`${f.subText.style(e.windowSize)}`};
   color: ${e=>e.theme.colors.hero};
   max-width: 100%;

package/dist/assets/{CashbackDetailPage-DmmNt65i-DcFEsp6P.js → CashbackDetailPage-CL2ekC-d-C0Q1yZjK.js}

@@ -1,4 +1,4 @@
-import{u as k,e as f,j as t,aX as te,B as w,cV as P,v as u,aj as q,bu as ie,o as i,g as B,C as h,s as v,dg as oe,l as y,q as l,b7 as re,b8 as ae,aw as se,av as ne,ab as de,b9 as le,bb as ce,iu as he,a0 as T,bn as pe,$ as z,w as $,iv as J,iw as Q,ic as ge,c3 as me,c6 as xe,k as O,id as we,ie as ue}from"./index-CLgXcFOQ.js";import{n as o,f as R,b as V}from"./vendor-rkTZJa59.js";import{B as ye}from"./InsightsSection-CZh1SnGj-c0KP9Cfn.js";import"./mui-C42whWwM.js";import"./analytics-B3n5JGPc.js";import"./routing-VwiwPky5.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-BDNqpTKX.js";import"./NavigationDots-BeVhadXT-CV_pkfV2.js";const be=({x:e,y:s,width:n,height:a,payload:r})=>{const c=k();return t.jsx(he,{fill:(r?.[0].payload).showTooltip===!0?c.colors.background:"transparent",stroke:(r?.[0].payload).showTooltip===!0?c.colors.background:"transparent",x:e,y:s,width:n,height:a})},W=w.getLocalizedStrings().spendManagement.chargeCard.cashbackDetail.header,fe=w.getLocalizedStrings().dateFormat.visual.MMMMFormat,$e=({active:e,payload:s,label:n})=>e===!0&&(s?.[0].payload).showTooltip===!0?t.jsx(ve,{children:t.jsx(je,{children:t.jsxs("div",{children:[t.jsxs(E,{children:[t.jsx(G,{children:W.month})," ",t.jsx(A,{children:y.getZeniDateFromPeriod(n).format(fe)})]}),t.jsxs(E,{children:[t.jsx(G,{children:W.cashback}),t.jsx(A,{children:T("0,0.[00]",{amount:s?.[0].value??0,currencyCode:(s?.[0].payload).currencyCode,currencySymbol:(s?.[0].payload).currencySymbol})})]})]})})}):null,E=o.div`
+import{u as k,e as f,j as t,aX as te,B as w,cV as P,v as u,aj as q,bv as ie,o as i,g as B,C as h,s as v,dg as oe,l as y,q as l,b7 as re,b8 as ae,aw as se,av as ne,ab as de,b9 as le,bb as ce,iu as he,a0 as T,bn as pe,$ as z,w as $,iv as J,iw as Q,ic as ge,c3 as me,c6 as xe,k as O,id as we,ie as ue}from"./index-DIh8Zr8t.js";import{n as o,f as R,b as V}from"./vendor-rkTZJa59.js";import{B as ye}from"./InsightsSection-BVuiIwCl-BRBuC4Eu.js";import"./mui-C42whWwM.js";import"./analytics-B3n5JGPc.js";import"./routing-VwiwPky5.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-BDNqpTKX.js";import"./NavigationDots-2l4DJyet-Cj8JLkJu.js";const be=({x:e,y:s,width:n,height:a,payload:r})=>{const c=k();return t.jsx(he,{fill:(r?.[0].payload).showTooltip===!0?c.colors.background:"transparent",stroke:(r?.[0].payload).showTooltip===!0?c.colors.background:"transparent",x:e,y:s,width:n,height:a})},W=w.getLocalizedStrings().spendManagement.chargeCard.cashbackDetail.header,fe=w.getLocalizedStrings().dateFormat.visual.MMMMFormat,$e=({active:e,payload:s,label:n})=>e===!0&&(s?.[0].payload).showTooltip===!0?t.jsx(ve,{children:t.jsx(je,{children:t.jsxs("div",{children:[t.jsxs(E,{children:[t.jsx(G,{children:W.month})," ",t.jsx(A,{children:y.getZeniDateFromPeriod(n).format(fe)})]}),t.jsxs(E,{children:[t.jsx(G,{children:W.cashback}),t.jsx(A,{children:T("0,0.[00]",{amount:s?.[0].value??0,currencyCode:(s?.[0].payload).currencyCode,currencySymbol:(s?.[0].payload).currencySymbol})})]})]})})}):null,E=o.div`
   display: flex;
   gap: ${i.sp1};
 `,ve=o.div`

package/dist/assets/{ChargeCardDetailPage-CJirTThm-B2OxOE9O.js → ChargeCardDetailPage-C5YK1RTl-FCcaAawm.js}

@@ -1,4 +1,4 @@
-import{u as Be,e as fe,Y as nt,x as st,fi as Ka,l as Ne,h1 as qr,a8 as He,B as pe,fj as Xa,j as t,gr as Gr,aX as Kr,q as c,fr as Ja,a0 as ye,$ as Z,o as a,bB as Pt,g as p,ig as Qa,v as _,bV as Xr,ih as Jr,cP as Qr,gh as ei,a as ti,gk as ai,cv as ri,C as D,p as ii,F as oi,fJ as ni,K as Ct,a$ as si,bg as er,a6 as Mt,ii as di,ij as tr,b6 as ar,ap as Vt,eV as ci,a7 as rr,af as li,ik as hi,il as pi,am as Ot,w as ge,ez as ui,ib as mi,az as dt,fk as ir,m as ot,aj as gi,dl as Ci,b_ as fi,bX as wi,cC as xi,g_ as yi,s as be,bq as or,im as bi,fl as je,dt as ft,d4 as Si,J as ha,y as nr,ao as $i,io as vi,eT as ki,c3 as sr,ip as Li,D as ut,bu as pa,aT as ji,dd as Di,eE as Ii,k as et,ff as Ai,r as Ti,T as Ri,a3 as Fi,b1 as Ei,iq as xt,d1 as zi,bn as Pi,ir as dr,is as cr,g3 as lr,it as wt,hD as hr,ic as Mi,c6 as Vi,ef as pr,id as Oi,ie as Hi,dO as Ni,cx as Bi,el as Wi,bM as Ui,bN as _i}from"./index-CLgXcFOQ.js";import{b as o,n as r,j as ue,f as Zi,k as ur}from"./vendor-rkTZJa59.js";import{k as Yi}from"./NavigationDots-BeVhadXT-CV_pkfV2.js";import{L as qi,H as Je,U as ua,M as mr,F as gr,_ as Cr}from"./ChargeCardUtils-s0f7WDmF-DROWW4W4.js";import{A as Gi,i as Ki,a as Xi,l as Ji,r as Qi,t as eo,n as to}from"./add-to-wallet-DgdBD8_G-y8nGTHEa.js";import{f as ao}from"./CardNumberSubText-rAv-gh4W-BSBRaT93.js";import{r as fr}from"./mui-C42whWwM.js";import{l as wr}from"./uploadReceipts-dxsKhm9I-CT1w2L5u.js";import"./analytics-B3n5JGPc.js";import"./routing-VwiwPky5.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-BDNqpTKX.js";const xr=pe.getLocalizedStrings().spendManagement.chargeCard,ro=({controllerEmails:e,classListFetchState:i,isChargeCardFeatureEnabled:d,isDebitCardFeatureEnabled:h,isDebitCardSetupEnabled:m,isChargeCardSetupEnabled:u,chargeCardDetailView:s,productInformation:x,creditAccountInformation:l,debitAccountInformation:f,creditAccount:w,creditAccountRepayment:n,cardIssuedByRoles:C,cardIssuedByDepartmentName:b,cardHolderRoles:j,cardHolderDepartmentName:S,appleWalletLink:$,googleWalletLink:y,style:g,showDrawerAnimation:A,setWalletType:k,setIsAddToWalletDrawerOpen:V,isDebitCard:R})=>{const z=st().analytics,{isIPadScreen:q}=hi(),{isAndroidScreen:X}=pi(),B=nt(),T=Ne.hasChargeCardAdminLevelAccess(B.loggedInUserRoleMap);return t.jsx(io,{style:g,children:q===!0?t.jsx(zt,{onClick:()=>{Je({chargeCardDetailView:s,classListFetchState:i,analytics:z,isDebitCard:R,isChargeCardAdmin:T,cardIssuedByRoles:C,cardIssuedByDepartmentName:b,cardHolderRoles:j,cardHolderDepartmentName:S,controllerEmails:e,pageName:"Card Detail",addToWalletType:"Add to Apple Wallet",productInformation:x,creditAccountInformation:l,debitAccountInformation:f,isChargeCardFeatureEnabled:d,creditAccount:w,creditAccountRepayment:n}),window.open($,"_blank")}}):X===!0?t.jsx(Et,{onClick:()=>{Je({chargeCardDetailView:s,classListFetchState:i,analytics:z,isDebitCard:R,isChargeCardAdmin:T,cardIssuedByRoles:C,cardIssuedByDepartmentName:b,cardHolderRoles:j,cardHolderDepartmentName:S,controllerEmails:e,pageName:"Card Detail",addToWalletType:"Add to Google Wallet",productInformation:x,creditAccountInformation:l,debitAccountInformation:f,isChargeCardFeatureEnabled:d,creditAccount:w,creditAccountRepayment:n}),window.open(y,"_blank")}}):t.jsxs(t.Fragment,{children:[t.jsx(zt,{onClick:()=>{k("apple"),A.current="slide-in-right-to-left-add-to-wallet",Je({chargeCardDetailView:s,classListFetchState:i,analytics:z,isDebitCard:R,isChargeCardAdmin:T,cardIssuedByRoles:C,cardIssuedByDepartmentName:b,cardHolderRoles:j,cardHolderDepartmentName:S,controllerEmails:e,pageName:"Card Detail",addToWalletType:"Add to Apple Wallet",isChargeCardFeatureEnabled:d,productInformation:x,creditAccountInformation:l,debitAccountInformation:f,creditAccount:w,creditAccountRepayment:n}),V(!0)}}),t.jsx(Et,{onClick:()=>{k("google"),A.current="slide-in-right-to-left-add-to-wallet",Je({chargeCardDetailView:s,classListFetchState:i,analytics:z,isDebitCard:R,isChargeCardAdmin:T,cardIssuedByRoles:C,cardIssuedByDepartmentName:b,cardHolderRoles:j,cardHolderDepartmentName:S,controllerEmails:e,pageName:"Card Detail",addToWalletType:"Add to Google Wallet",isChargeCardFeatureEnabled:d,productInformation:x,creditAccountInformation:l,debitAccountInformation:f,creditAccount:w,creditAccountRepayment:n}),V(!0)}})]})})},Et=({onClick:e})=>{const i=Be();return t.jsx(Ct,{prefixIcon:t.jsx(oo,{}),label:xr.cardDetails.addToGoogleWallet,buttonColors:{borderColor:{default:i.colors.grey1,hover:i.colors.primary,disabled:i.colors.primary},backgroundColor:{default:i.colors.grey5,hover:i.colors.grey5,disabled:i.colors.grey5},textColor:{default:i.colors.primary,hover:i.colors.primary,disabled:i.colors.grey5}},textStyle:{color:i.colors.primary},style:{width:"239px",justifyContent:"center"},onClick:e,"data-testid":Z("add-to-google-wallet-button")})},zt=({onClick:e})=>{const i=Be();return t.jsx(Ct,{prefixIcon:t.jsx(no,{}),label:xr.cardDetails.addToAppleWallet,buttonColors:{borderColor:{default:i.colors.grey1,hover:i.colors.primary,disabled:i.colors.primary},backgroundColor:{default:i.colors.grey5,hover:i.colors.grey5,disabled:i.colors.grey5},textColor:{default:i.colors.primary,hover:i.colors.primary,disabled:i.colors.grey5}},textStyle:{color:i.colors.primary},style:{width:"239px",justifyContent:"center"},onClick:e,"data-testid":Z("add-to-apple-wallet-button")})},io=r.div`
+import{u as Be,e as fe,Y as nt,x as st,fi as Ka,l as Ne,h1 as qr,a8 as He,B as pe,fj as Xa,j as t,gr as Gr,aX as Kr,q as c,fr as Ja,a0 as ye,$ as Z,o as a,bp as Pt,g as p,ig as Qa,v as _,bV as Xr,ih as Jr,cP as Qr,gh as ei,a as ti,gk as ai,cv as ri,C as D,p as ii,F as oi,fJ as ni,K as Ct,a$ as si,bg as er,a6 as Mt,ii as di,ij as tr,b6 as ar,ap as Vt,eV as ci,a7 as rr,af as li,ik as hi,il as pi,am as Ot,w as ge,ez as ui,ib as mi,az as dt,fk as ir,m as ot,aj as gi,dl as Ci,b_ as fi,bX as wi,cC as xi,g_ as yi,s as be,br as or,im as bi,fl as je,dt as ft,d4 as Si,J as ha,y as nr,ao as $i,io as vi,eT as ki,c3 as sr,ip as Li,D as ut,bv as pa,aT as ji,dd as Di,eE as Ii,k as et,ff as Ai,r as Ti,T as Ri,a3 as Fi,b1 as Ei,iq as xt,d1 as zi,bn as Pi,ir as dr,is as cr,g3 as lr,it as wt,hD as hr,ic as Mi,c6 as Vi,ef as pr,id as Oi,ie as Hi,dO as Ni,cx as Bi,el as Wi,bM as Ui,bN as _i}from"./index-DIh8Zr8t.js";import{b as o,n as r,j as ue,f as Zi,k as ur}from"./vendor-rkTZJa59.js";import{k as Yi}from"./NavigationDots-2l4DJyet-Cj8JLkJu.js";import{L as qi,H as Je,U as ua,M as mr,F as gr,_ as Cr}from"./ChargeCardUtils-zpJF3Rda-Be5yTQoe.js";import{A as Gi,i as Ki,a as Xi,l as Ji,r as Qi,t as eo,n as to}from"./add-to-wallet-DgdBD8_G-y8nGTHEa.js";import{f as ao}from"./CardNumberSubText-CoLig9qO-Bb3ukxab.js";import{r as fr}from"./mui-C42whWwM.js";import{l as wr}from"./uploadReceipts-dxsKhm9I-Dga8nbrD.js";import"./analytics-B3n5JGPc.js";import"./routing-VwiwPky5.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-BDNqpTKX.js";const xr=pe.getLocalizedStrings().spendManagement.chargeCard,ro=({controllerEmails:e,classListFetchState:i,isChargeCardFeatureEnabled:d,isDebitCardFeatureEnabled:h,isDebitCardSetupEnabled:m,isChargeCardSetupEnabled:u,chargeCardDetailView:s,productInformation:x,creditAccountInformation:l,debitAccountInformation:f,creditAccount:w,creditAccountRepayment:n,cardIssuedByRoles:C,cardIssuedByDepartmentName:b,cardHolderRoles:j,cardHolderDepartmentName:S,appleWalletLink:$,googleWalletLink:y,style:g,showDrawerAnimation:A,setWalletType:k,setIsAddToWalletDrawerOpen:V,isDebitCard:R})=>{const z=st().analytics,{isIPadScreen:q}=hi(),{isAndroidScreen:X}=pi(),B=nt(),T=Ne.hasChargeCardAdminLevelAccess(B.loggedInUserRoleMap);return t.jsx(io,{style:g,children:q===!0?t.jsx(zt,{onClick:()=>{Je({chargeCardDetailView:s,classListFetchState:i,analytics:z,isDebitCard:R,isChargeCardAdmin:T,cardIssuedByRoles:C,cardIssuedByDepartmentName:b,cardHolderRoles:j,cardHolderDepartmentName:S,controllerEmails:e,pageName:"Card Detail",addToWalletType:"Add to Apple Wallet",productInformation:x,creditAccountInformation:l,debitAccountInformation:f,isChargeCardFeatureEnabled:d,creditAccount:w,creditAccountRepayment:n}),window.open($,"_blank")}}):X===!0?t.jsx(Et,{onClick:()=>{Je({chargeCardDetailView:s,classListFetchState:i,analytics:z,isDebitCard:R,isChargeCardAdmin:T,cardIssuedByRoles:C,cardIssuedByDepartmentName:b,cardHolderRoles:j,cardHolderDepartmentName:S,controllerEmails:e,pageName:"Card Detail",addToWalletType:"Add to Google Wallet",productInformation:x,creditAccountInformation:l,debitAccountInformation:f,isChargeCardFeatureEnabled:d,creditAccount:w,creditAccountRepayment:n}),window.open(y,"_blank")}}):t.jsxs(t.Fragment,{children:[t.jsx(zt,{onClick:()=>{k("apple"),A.current="slide-in-right-to-left-add-to-wallet",Je({chargeCardDetailView:s,classListFetchState:i,analytics:z,isDebitCard:R,isChargeCardAdmin:T,cardIssuedByRoles:C,cardIssuedByDepartmentName:b,cardHolderRoles:j,cardHolderDepartmentName:S,controllerEmails:e,pageName:"Card Detail",addToWalletType:"Add to Apple Wallet",isChargeCardFeatureEnabled:d,productInformation:x,creditAccountInformation:l,debitAccountInformation:f,creditAccount:w,creditAccountRepayment:n}),V(!0)}}),t.jsx(Et,{onClick:()=>{k("google"),A.current="slide-in-right-to-left-add-to-wallet",Je({chargeCardDetailView:s,classListFetchState:i,analytics:z,isDebitCard:R,isChargeCardAdmin:T,cardIssuedByRoles:C,cardIssuedByDepartmentName:b,cardHolderRoles:j,cardHolderDepartmentName:S,controllerEmails:e,pageName:"Card Detail",addToWalletType:"Add to Google Wallet",isChargeCardFeatureEnabled:d,productInformation:x,creditAccountInformation:l,debitAccountInformation:f,creditAccount:w,creditAccountRepayment:n}),V(!0)}})]})})},Et=({onClick:e})=>{const i=Be();return t.jsx(Ct,{prefixIcon:t.jsx(oo,{}),label:xr.cardDetails.addToGoogleWallet,buttonColors:{borderColor:{default:i.colors.grey1,hover:i.colors.primary,disabled:i.colors.primary},backgroundColor:{default:i.colors.grey5,hover:i.colors.grey5,disabled:i.colors.grey5},textColor:{default:i.colors.primary,hover:i.colors.primary,disabled:i.colors.grey5}},textStyle:{color:i.colors.primary},style:{width:"239px",justifyContent:"center"},onClick:e,"data-testid":Z("add-to-google-wallet-button")})},zt=({onClick:e})=>{const i=Be();return t.jsx(Ct,{prefixIcon:t.jsx(no,{}),label:xr.cardDetails.addToAppleWallet,buttonColors:{borderColor:{default:i.colors.grey1,hover:i.colors.primary,disabled:i.colors.primary},backgroundColor:{default:i.colors.grey5,hover:i.colors.grey5,disabled:i.colors.grey5},textColor:{default:i.colors.primary,hover:i.colors.primary,disabled:i.colors.grey5}},textStyle:{color:i.colors.primary},style:{width:"239px",justifyContent:"center"},onClick:e,"data-testid":Z("add-to-apple-wallet-button")})},io=r.div`
   margin-top: ${a.sp4};
   display: flex;
   justify-content: center;

package/dist/assets/{ChargeCardListPage-BdZZR19X-BbcCD4Cs.js → ChargeCardListPage-C34cXCwZ-DgtkJI2T.js}

@@ -1,4 +1,4 @@
-import{x as St,Y as jt,fq as vt,l as A,fl as v,e as pe,B as Oe,o as a,u as _e,j as t,aX as kt,fE as Pt,cV as E,v as C,bB as de,g as n,a0 as Tt,ab as ce,$ as me,C as O,w as M,J as It,y as At,cs as Et,aD as Fe,b6 as Mt,af as ue,a6 as Lt,k as ge,q as T,d6 as Rt,r as Dt,s as Bt,c7 as zt,cr as Nt,aR as Ot}from"./index-CLgXcFOQ.js";import{b as N,n as i,j as xe,k as _t}from"./vendor-rkTZJa59.js";import{Y as Ft}from"./SpendManagementSection-Bt1iw0P4-C-kMkys3.js";import{ChargeCardPromoUserContent as Wt}from"./ChargeCardPromoPage-DkBT3XNI-C3oAX2Mk.js";import{N as Ut,J as Yt}from"./PromoBaseCards-C41gmAao-BjkCmCkU.js";import{O as Gt}from"./ChargeCardListTable-BXFjcRNB-Bt7NvMOu.js";import{r as Jt,i as Ht}from"./graphic-no-data-net-burn-l-CzmycA0m-DANomItj.js";import{t as qt,o as Vt}from"./arrow-south-east-round-PEovUgvH-D6oVD1ix.js";import"./mui-C42whWwM.js";import"./analytics-B3n5JGPc.js";import"./routing-VwiwPky5.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-BDNqpTKX.js";import"./MeetingCalenderPopup-DitR3JDv-B2ELvbD2.js";import"./NavigationDots-BeVhadXT-CV_pkfV2.js";import"./usp-line-BBd1wKwW-u-VMxix8.js";import"./Menu-d80Blu70-eyWyCGah.js";import"./RoleWithToolTip-BoqVFkyJ-Be7E21z_.js";import"./CardNumberSubText-rAv-gh4W-BSBRaT93.js";import"./ChargeCardUtils-s0f7WDmF-DROWW4W4.js";const be={infoSubheadingTextMarginTop:new O(T[0],T[0]),cardsMinWidth:new O(343,353)},ve=Oe.getLocalizedStrings().spendManagement.chargeCard.chargeCardsPromo.listPage,ke=({cardPromoType:e,cardText:s,header:d,title:h,subTitle:r,slidingTextList:u,onClick:l})=>{const p=pe();return t.jsxs(Qt,{windowSize:p,cardPromoType:e,"data-testid":me("list-page-promo-card",e),onClick:()=>l(e),children:[t.jsxs(We,{children:[t.jsxs(Ye,{children:[t.jsx(Ue,{children:d}),t.jsx(ea,{children:h}),t.jsx(ia,{children:r})]}),t.jsxs(ra,{children:[t.jsx(na,{}),u.length>0&&t.jsx(he,{slideUpCount:u.length,children:u.map((g,x)=>t.jsx(Ge,{children:g},`card-promo-${x.toString()}`))}),t.jsx(oa,{})]})]}),t.jsx(sa,{children:t.jsx(Ut,{cardPromoType:e,cardText:s,shouldAnimate:!1,forDashboard:!1,showChip:!1,forListPage:!0})}),t.jsx(la,{children:t.jsx(Yt,{cardPromoType:e,cardText:s,shouldAnimate:!1,forDashboard:!1,showChip:!1,forListPage:!0})})]})},Pe=({cardType:e,header:s,title:d,creditLimit:h,onCreateNowClick:r})=>{const u=pe();return t.jsx(Xt,{windowSize:u,cardType:e,children:t.jsxs(Kt,{children:[t.jsxs(Ye,{children:[t.jsx(Ue,{children:s}),t.jsx(aa,{children:t.jsx(ta,{children:d})}),t.jsx(da,{windowSize:u,children:t.jsxs(ca,{windowSize:u,onClick:()=>r(e),"data-testid":me("total-cashback-info"),children:[t.jsx(Ge,{children:ve.createNow}),t.jsx(ha,{})]})})]}),e==="creditCard"?t.jsxs(pa,{children:[t.jsx(ma,{children:ve.creditLimit}),t.jsx(ua,{children:h})]}):null]})})},Zt=e=>{const s=e-1;let d=`
+import{x as St,Y as jt,fq as vt,l as A,fl as v,e as pe,B as Oe,o as a,u as _e,j as t,aX as kt,fE as Pt,cV as E,v as C,bp as de,g as n,a0 as Tt,ab as ce,$ as me,C as O,w as M,J as It,y as At,cs as Et,aD as Fe,b6 as Mt,af as ue,a6 as Lt,k as ge,q as T,d6 as Rt,r as Dt,s as zt,c7 as Bt,cr as Nt,aR as Ot}from"./index-DIh8Zr8t.js";import{b as N,n as i,j as xe,k as _t}from"./vendor-rkTZJa59.js";import{Y as Ft}from"./SpendManagementSection-f75XRlnr-D0d4hqP2.js";import{ChargeCardPromoUserContent as Wt}from"./ChargeCardPromoPage-DiamgYrP-XJHQ1I04.js";import{N as Ut,J as Yt}from"./PromoBaseCards-CC4THVdC-6kRLHFkY.js";import{O as Gt}from"./ChargeCardListTable-D2MxebdW-QA28WwT6.js";import{r as Jt,i as Ht}from"./graphic-no-data-net-burn-l-CzmycA0m-DANomItj.js";import{t as qt,o as Vt}from"./arrow-south-east-round-PEovUgvH-D6oVD1ix.js";import"./mui-C42whWwM.js";import"./analytics-B3n5JGPc.js";import"./routing-VwiwPky5.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-BDNqpTKX.js";import"./MeetingCalenderPopup-BYqoYPoy-DWbEFvhX.js";import"./NavigationDots-2l4DJyet-Cj8JLkJu.js";import"./usp-line-BBd1wKwW-u-VMxix8.js";import"./Menu-BymbDNVZ-DM3DjWyb.js";import"./RoleWithToolTip-Dlkvv78V-CAYGZdA6.js";import"./CardNumberSubText-CoLig9qO-Bb3ukxab.js";import"./ChargeCardUtils-zpJF3Rda-Be5yTQoe.js";const be={infoSubheadingTextMarginTop:new O(T[0],T[0]),cardsMinWidth:new O(343,353)},ve=Oe.getLocalizedStrings().spendManagement.chargeCard.chargeCardsPromo.listPage,ke=({cardPromoType:e,cardText:s,header:d,title:h,subTitle:r,slidingTextList:u,onClick:l})=>{const p=pe();return t.jsxs(Qt,{windowSize:p,cardPromoType:e,"data-testid":me("list-page-promo-card",e),onClick:()=>l(e),children:[t.jsxs(We,{children:[t.jsxs(Ye,{children:[t.jsx(Ue,{children:d}),t.jsx(ea,{children:h}),t.jsx(ia,{children:r})]}),t.jsxs(ra,{children:[t.jsx(na,{}),u.length>0&&t.jsx(he,{slideUpCount:u.length,children:u.map((g,x)=>t.jsx(Ge,{children:g},`card-promo-${x.toString()}`))}),t.jsx(oa,{})]})]}),t.jsx(sa,{children:t.jsx(Ut,{cardPromoType:e,cardText:s,shouldAnimate:!1,forDashboard:!1,showChip:!1,forListPage:!0})}),t.jsx(la,{children:t.jsx(Yt,{cardPromoType:e,cardText:s,shouldAnimate:!1,forDashboard:!1,showChip:!1,forListPage:!0})})]})},Pe=({cardType:e,header:s,title:d,creditLimit:h,onCreateNowClick:r})=>{const u=pe();return t.jsx(Xt,{windowSize:u,cardType:e,children:t.jsxs(Kt,{children:[t.jsxs(Ye,{children:[t.jsx(Ue,{children:s}),t.jsx(aa,{children:t.jsx(ta,{children:d})}),t.jsx(da,{windowSize:u,children:t.jsxs(ca,{windowSize:u,onClick:()=>r(e),"data-testid":me("total-cashback-info"),children:[t.jsx(Ge,{children:ve.createNow}),t.jsx(ha,{})]})})]}),e==="creditCard"?t.jsxs(pa,{children:[t.jsx(ma,{children:ve.creditLimit}),t.jsx(ua,{children:h})]}):null]})})},Zt=e=>{const s=e-1;let d=`
     0% {
       transform: translateY(0);
     }
@@ -73,7 +73,7 @@ import{x as St,Y as jt,fq as vt,l as A,fl as v,e as pe,B as Oe,o as a,u as _e,j
   justify-content: space-between;
 `,Ue=i(Rt)`
   color: ${e=>e.theme.colors.brandColorGold};
-`,ea=i(zt)`
+`,ea=i(Bt)`
   color: ${e=>e.theme.colors.brandColorJade};
 `,ta=i(Dt)`
   color: ${n.neutralGrey5Light};
@@ -147,9 +147,9 @@ import{x as St,Y as jt,fq as vt,l as A,fl as v,e as pe,B as Oe,o as a,u as _e,j
   align-items: flex-end;
 `,ma=i(ge)`
   color: ${n.neutralGrey5Light};
-`,ua=i(Bt)`
+`,ua=i(zt)`
   color: ${n.neutralGrey5Light};
-`,_={contentContainerMargin:new O(T[3],T[4],T[8]),infoSubheadingTextMarginTop:new O(T[0],T[0]),cardsMinWidth:new O(343,353)},ga={remainingText:new It("largeRegular","largeRegular")},{spendManagement:{chargeCard:{payEarly:m,cardList:$,chargeCardsPromo:c}},common:y,dateFormat:q}=Oe.getLocalizedStrings(),mi=({chargeCardListView:e,searchText:s,admins:d,companyLegalName:h,isCashbackFeatureEnabled:r,creditCardPayNowThreshold:u,isChargeCardFeatureEnabled:l,isDebitCardFeatureEnabled:p,isDebitCardSetupEnabled:g,isChargeCardSetupEnabled:x,companyChargeCardInfoCreditAccountLimit:qe,controllerEmails:Z,depositAccountListWithDebitCardIssued:k,chargeCardCashbackDetailState:P,uiState:Ve,signedInUser:Ze,creditLimit:F,cashbackRate:Q,onSearchTextChanged:Qe,onClickSetupIcon:Xe,isEarlyPayEnabled:L,onClickStatementsIcon:Ke,onChargeCardRowClick:et,onChargeCardResendInviteClick:tt,onChargeCardRevokeInviteClick:at,onIssueCardClick:it,onBackClick:rt,onReloadCards:nt,onTotalCashbackClick:ot,onColumnSortConfigChanged:st,onClickMenuIcon:lt,onPromoCardClick:Ce,onCreateNowClick:ye,showPayNowInfoTooltip:dt,navigateToCreditCardPaymentPage:W,shouldShowPayNowInfoTooltip:X})=>{const U=St().analytics,[fe,ct]=N.useState(!1),{creditAccount:S,creditAccountRepayment:f}=e,K=jt(),I=!!K.loggedInUserRole.includes("charge_card_user"),Y=vt(K),w=A.hasChargeCardAdminLevelAccess(K.loggedInUserRoleMap),R=w===!0?{creditCardCashbackOffer:`${P.cashbackAnalytics.creditCardCashbackOffer}%`,debitCardCashbackOffer:`${P.cashbackAnalytics.debitCardCashbackOffer}%`,totalEarnedCashback:v(P.cashbackSummary.cashbackEarned.amount),redeemedCashback:v(P.cashbackSummary.cashbackRedeemed.amount),availableCashback:v(P.cashbackSummary.cashbackAvailable.amount),creditCardCashbackRedemptionMode:P.cashbackAnalytics.creditCardCashbackRedemptionMode,debitCardCashbackRedemptionMode:P.cashbackAnalytics.debitCardCashbackRedemptionMode}:void 0,ee=l&&x&&w===!0?{creditAccountId:S.id,creditAccountLimit:v(S.limit.amount),creditAccountAvailableAmount:v(S.available.amount),creditAccountSpentAmount:v(S.balance.amount+S.hold.amount),creditAccountStatus:S.status,outstandingBalance:v(f.remainingAmountDue.amount)}:void 0,te=p&&g?{debitAccountId:k.depositAccounts.map(o=>o.id),debitAccountName:k.depositAccounts.map(o=>o.accountName),debitAccountBalance:k.depositAccounts.map(o=>v(o.accountBalance.available.amount)),debitCardsSpend:v(e.debitCardSummary?.currentMonthSpends?.amount??0),debitAccountStatus:k.depositAccounts.map(o=>o.accountStatus)}:void 0,ae={isCreditCardOffered:l,isDebitCardOffered:p,isDebitCardEnabled:g,isCreditCardEnabled:x},ht=o=>{ct(o),o===!0&&(U.trackCardsListPageClicked("search"),(!l||S.fetchState==="Completed"&&f.fetchState==="Completed")&&(!(p&&g)||k.fetchState==="Completed")&&R!=null&&U.trackCardsCardListSearchClick(Z,ae,R,ee,te))},b=pe(),we=Y&&!w,$e=e.creditAccount.balance.amount+e.creditAccount.hold.amount,D={amount:$e,currencyCode:e.creditAccount.balance.currencyCode,currencySymbol:e.creditAccount.balance.currencySymbol},ie=Math.round(D.amount*100/e.creditAccount.limit.amount),pt=isNaN(ie)?0:$e!==0&&ie===0?1:ie,B=e.chargeCardConfig.rePaymentInfo?.cardLimitResetDate,re=w&&D.amount>u*e.creditAccount.limit.amount/100,z=B!=null&&f.initiatedRepayments.amount>0,mt={entity:"charge_cards",showNewButtonOnNavbar:w,showEntityEmailInfoIconOnNavbar:!1,newButtonLabel:w?$.newBtnLabel:y.strings.empty,hideSearchBtn:I,searchTextBoxStyle:{right:we?a.sp4:"96px"},moreIconContainerStyle:{paddingRight:we?a.sp0:a.sp4},isSearchOpen:fe,searchPlaceHolder:$.searchPlaceHolder,searchText:s,showSettingsIcon:!I,showSettingsIconOnNavbar:w,showStatementButtonOnNavbar:l&&x,showPayEarlyButtonOnNavbar:L&&w&&D.amount>0&&!z&&!re,showDownloadButtonOnNavbar:!1,disableDownloadButton:!0,analytics:U,onSearchOpen:ht,onSearchTextChanged:Qe,onClickSetupIcon:Xe,onClickStatementsIcon:Ke,downloadState:"Not-Started",onNewButtonClick:it,onClickPayEarlyIcon:()=>W("More Button","Pay Early"),onMenuOpen:()=>{(!l||S.fetchState==="Completed"&&f.fetchState==="Completed")&&(!(p&&g)||k.fetchState==="Completed")&&R!=null&&U.trackCardsCardListMoreMenuClick(Z,ae,R,ee,te)},filters:{categoryCombinationOperator:"AND",categories:[]}},ut=t.jsx(Ft,{spendManagementSectionProps:mt}),gt=e.cards.length===0?!1:I&&A.anyCardOnHold(e.cards),xt=e.fetchState==="Completed"?Sa({isChargeCardFeatureEnabled:l,isChargeCardSetupEnabled:x,isDebitCardFeatureEnabled:p,isDebitCardSetupEnabled:g}):"",G=e.debitCardSummary!=null?e.debitCardSummary.currentMonthSpends.amount-e.debitCardSummary.lastCompletedMonthSpends.amount:0,bt=l&&x&&e.hasCreditCard,Ct=p&&g&&e.hasDebitCard,yt=l&&x&&Y&&!w,ft=p&&g&&Y&&!w,J=e.chargeCardConfig.rePaymentInfo?.rePaymentDueDate?.diff(A.dateNow(),"days")??0,ne=[m.payNow,J>0&&J<11?`${m.billDueIn} ${J} ${J===1?y.timeStrings.day:y.timeStrings.days}`:m.creditLimitLow,m.payNow],Se=f.initiatedRepayments.amount===S.balance.amount+S.hold.amount,oe=[m.paymentInitiated,`${$.header.limit} ${Se?y.resets:y.updates} ${y.by} ${A.zeniDate(A.getNextNthWorkingDay(f.initiatedRepaymentDate?.toDate()??A.dateNow().toDate(),[0,6],3).toDateString()).format(q.visual.MMMDFormat)}`,m.paymentInitiated],se=N.useRef(null),le=N.useRef(null),wt=_e(),[$t,je]=N.useState(!0);return N.useEffect(()=>{const o=()=>{le.current&&(le.current.getBoundingClientRect().top<(b==="small"?68:40)?je(!1):je(!0))};o();const j=()=>{o()},H=se.current;return H&&H.addEventListener("scroll",j),window.addEventListener("scroll",j),()=>{H&&H.removeEventListener("scroll",j),window.removeEventListener("scroll",j)}},[b]),t.jsxs(Ea,{ref:se,children:[t.jsx(kt,{title:xt,showBackButton:!0,showMenuIcon:b==="medium-compact"||b==="small",onClickMenuIcon:lt,style:{zIndex:3},onBackClick:rt,rightSideComponent:ut,isSearchOpen:fe,hideSearchBtn:I,scrollableContent:se,source:"ChargeCardListPage",backgroundColor:wt.colors.grey4}),e.fetchState==="Not-Started"||e.fetchState==="In-Progress"?t.jsx(Pt,{fetchState:e.fetchState,styles:{margin:"auto"}}):t.jsxs(t.Fragment,{children:[I?null:t.jsxs(Ma,{windowSize:b,children:[bt||yt?t.jsxs(Me,{windowSize:b,children:[t.jsxs(Be,{children:[t.jsxs(ze,{children:[t.jsxs(Ne,{children:[t.jsx(Re,{children:$.creditCardBalance}),t.jsx(E,{amount:D,integerStyles:{...C.h5Regular.cssObject},decimalStyles:{...C.largeSemiBold.cssObject}})]}),t.jsxs(Pa,{children:[t.jsx(V,{style:{textAlign:"end"},children:y.texts.limit}),t.jsx(E,{amount:e.creditAccount.limit,style:{justifyContent:"end"},integerStyles:C.largeRegular.cssObject,decimalStyles:C.smallRegular.cssObject})]})]}),t.jsx(Oa,{children:t.jsx(_a,{style:{width:`${pt}%`,borderRadius:a.sp1}})}),re&&!z&&L?t.jsx(de,{placement:"bottom",style:{color:n.heroDark,padding:`12px ${a.sp3}`},title:t.jsx(wa,{children:m.creditLimitIsRunningLow}),children:t.jsxs(Le,{children:[t.jsx(E,{amount:e.creditAccount.available,integerStyles:C.largeMedium.cssObject,decimalStyles:C.smallMedium.cssObject}),t.jsx(De,{windowSize:b,children:y.texts.remaining}),t.jsx($a,{children:t.jsx(fa,{})})]})}):t.jsxs(Le,{children:[t.jsx(E,{amount:e.creditAccount.available,integerStyles:C.largeMedium.cssObject,decimalStyles:C.smallMedium.cssObject}),t.jsx(De,{windowSize:b,children:y.texts.remaining})]})]}),t.jsxs(Ta,{showPaymentInitiatedInfo:z,isEarlyPayEnabled:L,children:[z&&L?null:t.jsx(V,{children:`${y.texts.limitReset} ${B!=null?B.format(q.visual.MMMDFormat):null}`}),w&&L&&(z?t.jsx("div",{children:t.jsx(de,{maxWidth:"242px",style:{padding:`12px ${a.sp3}`},title:t.jsxs(ja,{children:[t.jsx(Ee,{children:`${m.paymentOf} ${Tt("0,0.[00]",{amount:f.initiatedRepayments.amount,currencyCode:f.initiatedRepayments.currencyCode,currencySymbol:f.initiatedRepayments.currencySymbol})} ${m.madeOn} `}),t.jsx(va,{children:f.initiatedRepaymentDate?.format(q.visual.MMMDFormat)}),y.strings.space,t.jsx(Ee,{children:Se?m.isProcessingAndWillResetTheCreditLimitIn23BusinessDays:m.isProcessingAndWillUpdateTheCreditLimitIn23BusinessDays})]}),placement:"bottom",children:t.jsxs(Te,{hasPointer:!1,children:[oe.length>0&&t.jsx(he,{slideUpCount:oe.length,style:{alignItems:"flex-end",width:"auto"},children:oe.map((o,j)=>t.jsx(ba,{children:o},`card-payment-initiated-${j.toString()}`))}),t.jsx(ya,{})]})})}):re?t.jsx(de,{variant:"informative",arrow:!0,style:{top:a.sp2,left:"22px",position:"relative"},data:{preHeading:"URGENT",heading:m.creditLimitIsLow,description:m.transactionsMayBeDeclinedBecauseTheCreditLimitIsRunningLow,buttonText:m.payNow,tooltipContentStyle:{width:"240px",boxSizing:"content-box",gap:a.sp0},tooltipIntroductionStyle:{color:n.important},buttonStyle:{width:"31%"},onButtonClick:()=>{X(!1),W("Toast Button","Pay Now")},showCloseButton:!0,onClose:o=>{o.preventDefault(),o.stopPropagation(),X(!1)}},title:"informative",placement:"bottom-end",open:dt&&$t,children:t.jsxs(Te,{ref:le,onClick:()=>{X(!1),W("Text Button","Pay Now")},hasPointer:!0,children:[ne.length>0&&t.jsx(he,{slideUpCount:ne.length,style:{alignItems:"flex-end",width:"auto"},children:ne.map((o,j)=>t.jsx(xa,{isImportant:j===1,children:o},`card-pay-now-${j.toString()}`))}),t.jsx(Ie,{})]})}):D.amount>0?t.jsxs(Ca,{onClick:()=>W("Text Button","Pay Early"),children:[m.payEarly,t.jsx(Ie,{})]}):null)]})]}):l&&x?t.jsx(Pe,{cardType:"creditCard",header:c.listPage.spendSmarter,title:c.listPage.setUpText.replace("__cardType__",c.listPage.credit),creditLimit:ce("0,0",F.amount,F.currencySymbol),onCreateNowClick:ye}):l?t.jsx(ke,{cardPromoType:"credit",cardText:c.listPage.creditCards,header:c.listPage.getAccessTo,title:c.listPage.creditCards,subTitle:c.listPage.promoSubText.credit,slidingTextList:Ae("credit",Q,{amount:qe,currencyCode:F.currencyCode,currencySymbol:F.currencySymbol}),onClick:Ce}):null,Ct||ft?t.jsxs(Me,{windowSize:b,children:[t.jsxs(Be,{children:[t.jsx(ze,{children:t.jsxs(Ne,{children:[t.jsx(Re,{children:$.debitCardSpend}),t.jsx(E,{amount:e.debitCardSummary?.currentMonthSpends,integerStyles:{...C.h5Regular.cssObject},decimalStyles:{...C.largeSemiBold.cssObject}})]})}),t.jsx(Ra,{children:G!==0?t.jsxs(t.Fragment,{children:[G<0?t.jsx(Ba,{}):t.jsx(za,{}),t.jsx(Da,{hasNegativeValue:G<0,children:ce("0,0.00",G,e.debitCardSummary?.currentMonthSpends.currencySymbol)}),t.jsx(He,{children:$.compareToLastMonth})]}):null})]}),t.jsx(Je,{children:t.jsx(V,{children:`${y.texts.limitReset} ${B!=null?B.format(q.visual.MMMDFormat):null}`})})]}):p&&g?t.jsx(Pe,{cardType:"debitCard",header:c.listPage.spendSmarter,title:c.listPage.setUpText.replace("__cardType__",c.listPage.debit),onCreateNowClick:ye}):p?t.jsx(ke,{cardPromoType:"debit",cardText:c.listPage.debitCards,header:c.listPage.getAccessTo,title:c.listPage.debitCards,subTitle:c.listPage.promoSubText.debit,slidingTextList:Ae("debit",Q),onClick:Ce}):null,t.jsxs(La,{windowSize:b,children:[r?t.jsxs(ka,{children:[t.jsx(V,{style:{textAlign:"start"},children:$.totalCashback}),t.jsx(E,{amount:e.totalCashback,style:{justifyContent:"flex-start"},integerStyles:C.h5Regular.cssObject,decimalStyles:C.smallSemiBold.cssObject}),e.totalCashback.amount>0?t.jsx(Aa,{windowSize:b,children:t.jsxs(Na,{windowSize:b,onClick:ot,"data-testid":me("total-cashback-info"),children:[t.jsx(Ia,{children:$.overview}),t.jsx(Fa,{})]})}):null]}):null,t.jsx(Ua,{children:t.jsx(Ya,{})})]})]}),e.cards.length===0&&I===!0||gt?t.jsx(Wa,{children:t.jsx(Wt,{companyLegalName:h,cards:e.cards,admins:d,hasZeniFinopsRoles:Y,cashbackRate:Q})}):t.jsx(Gt,{depositAccountListWithDebitCardIssued:k,cashbackInformation:R,creditAccountInformation:ee,debitAccountInformation:te,productInformation:ae,controllerEmails:Z,isChargeCardFeatureEnabled:l,isDebitCardFeatureEnabled:p,isDebitCardSetupEnabled:g,isChargeCardSetupEnabled:x,creditAccount:e.creditAccount,creditAccountRepayment:f,cardList:e.cards,showViewForCardUser:!1,signedInUser:Ze,fetchState:e.fetchState,onReloadCards:nt,onChargeCardRowClick:et,searchText:s,receiptBotEmail:e.chargeCardConfig.receiptBotEmail,uiState:Ve,resendInviteId:e?.resendCardInvite?.cardId,onColumnSortConfigChanged:st,onChargeCardResendInviteClick:tt,onChargeCardRevokeInviteClick:at})]})]})},xa=i(Fe)`
+`,_={contentContainerMargin:new O(T[3],T[4],T[8]),infoSubheadingTextMarginTop:new O(T[0],T[0]),cardsMinWidth:new O(343,353)},ga={remainingText:new It("largeRegular","largeRegular")},{spendManagement:{chargeCard:{payEarly:m,cardList:$,chargeCardsPromo:c}},common:y,dateFormat:q}=Oe.getLocalizedStrings(),mi=({chargeCardListView:e,searchText:s,admins:d,companyLegalName:h,isCashbackFeatureEnabled:r,creditCardPayNowThreshold:u,isChargeCardFeatureEnabled:l,isDebitCardFeatureEnabled:p,isDebitCardSetupEnabled:g,isChargeCardSetupEnabled:x,companyChargeCardInfoCreditAccountLimit:qe,controllerEmails:Z,depositAccountListWithDebitCardIssued:k,chargeCardCashbackDetailState:P,uiState:Ve,signedInUser:Ze,creditLimit:F,cashbackRate:Q,onSearchTextChanged:Qe,onClickSetupIcon:Xe,isEarlyPayEnabled:L,onClickStatementsIcon:Ke,onChargeCardRowClick:et,onChargeCardResendInviteClick:tt,onChargeCardRevokeInviteClick:at,onIssueCardClick:it,onBackClick:rt,onReloadCards:nt,onTotalCashbackClick:ot,onColumnSortConfigChanged:st,onClickMenuIcon:lt,onPromoCardClick:Ce,onCreateNowClick:ye,showPayNowInfoTooltip:dt,navigateToCreditCardPaymentPage:W,shouldShowPayNowInfoTooltip:X})=>{const U=St().analytics,[fe,ct]=N.useState(!1),{creditAccount:S,creditAccountRepayment:f}=e,K=jt(),I=!!K.loggedInUserRole.includes("charge_card_user"),Y=vt(K),w=A.hasChargeCardAdminLevelAccess(K.loggedInUserRoleMap),R=w===!0?{creditCardCashbackOffer:`${P.cashbackAnalytics.creditCardCashbackOffer}%`,debitCardCashbackOffer:`${P.cashbackAnalytics.debitCardCashbackOffer}%`,totalEarnedCashback:v(P.cashbackSummary.cashbackEarned.amount),redeemedCashback:v(P.cashbackSummary.cashbackRedeemed.amount),availableCashback:v(P.cashbackSummary.cashbackAvailable.amount),creditCardCashbackRedemptionMode:P.cashbackAnalytics.creditCardCashbackRedemptionMode,debitCardCashbackRedemptionMode:P.cashbackAnalytics.debitCardCashbackRedemptionMode}:void 0,ee=l&&x&&w===!0?{creditAccountId:S.id,creditAccountLimit:v(S.limit.amount),creditAccountAvailableAmount:v(S.available.amount),creditAccountSpentAmount:v(S.balance.amount+S.hold.amount),creditAccountStatus:S.status,outstandingBalance:v(f.remainingAmountDue.amount)}:void 0,te=p&&g?{debitAccountId:k.depositAccounts.map(o=>o.id),debitAccountName:k.depositAccounts.map(o=>o.accountName),debitAccountBalance:k.depositAccounts.map(o=>v(o.accountBalance.available.amount)),debitCardsSpend:v(e.debitCardSummary?.currentMonthSpends?.amount??0),debitAccountStatus:k.depositAccounts.map(o=>o.accountStatus)}:void 0,ae={isCreditCardOffered:l,isDebitCardOffered:p,isDebitCardEnabled:g,isCreditCardEnabled:x},ht=o=>{ct(o),o===!0&&(U.trackCardsListPageClicked("search"),(!l||S.fetchState==="Completed"&&f.fetchState==="Completed")&&(!(p&&g)||k.fetchState==="Completed")&&R!=null&&U.trackCardsCardListSearchClick(Z,ae,R,ee,te))},b=pe(),we=Y&&!w,$e=e.creditAccount.balance.amount+e.creditAccount.hold.amount,D={amount:$e,currencyCode:e.creditAccount.balance.currencyCode,currencySymbol:e.creditAccount.balance.currencySymbol},ie=Math.round(D.amount*100/e.creditAccount.limit.amount),pt=isNaN(ie)?0:$e!==0&&ie===0?1:ie,z=e.chargeCardConfig.rePaymentInfo?.cardLimitResetDate,re=w&&D.amount>u*e.creditAccount.limit.amount/100,B=z!=null&&f.initiatedRepayments.amount>0,mt={entity:"charge_cards",showNewButtonOnNavbar:w,showEntityEmailInfoIconOnNavbar:!1,newButtonLabel:w?$.newBtnLabel:y.strings.empty,hideSearchBtn:I,searchTextBoxStyle:{right:we?a.sp4:"96px"},moreIconContainerStyle:{paddingRight:we?a.sp0:a.sp4},isSearchOpen:fe,searchPlaceHolder:$.searchPlaceHolder,searchText:s,showSettingsIcon:!I,showSettingsIconOnNavbar:w,showStatementButtonOnNavbar:l&&x,showPayEarlyButtonOnNavbar:L&&w&&D.amount>0&&!B&&!re,showDownloadButtonOnNavbar:!1,disableDownloadButton:!0,analytics:U,onSearchOpen:ht,onSearchTextChanged:Qe,onClickSetupIcon:Xe,onClickStatementsIcon:Ke,downloadState:"Not-Started",onNewButtonClick:it,onClickPayEarlyIcon:()=>W("More Button","Pay Early"),onMenuOpen:()=>{(!l||S.fetchState==="Completed"&&f.fetchState==="Completed")&&(!(p&&g)||k.fetchState==="Completed")&&R!=null&&U.trackCardsCardListMoreMenuClick(Z,ae,R,ee,te)},filters:{categoryCombinationOperator:"AND",categories:[]}},ut=t.jsx(Ft,{spendManagementSectionProps:mt}),gt=e.cards.length===0?!1:I&&A.anyCardOnHold(e.cards),xt=e.fetchState==="Completed"?Sa({isChargeCardFeatureEnabled:l,isChargeCardSetupEnabled:x,isDebitCardFeatureEnabled:p,isDebitCardSetupEnabled:g}):"",G=e.debitCardSummary!=null?e.debitCardSummary.currentMonthSpends.amount-e.debitCardSummary.lastCompletedMonthSpends.amount:0,bt=l&&x&&e.hasCreditCard,Ct=p&&g&&e.hasDebitCard,yt=l&&x&&Y&&!w,ft=p&&g&&Y&&!w,J=e.chargeCardConfig.rePaymentInfo?.rePaymentDueDate?.diff(A.dateNow(),"days")??0,ne=[m.payNow,J>0&&J<11?`${m.billDueIn} ${J} ${J===1?y.timeStrings.day:y.timeStrings.days}`:m.creditLimitLow,m.payNow],Se=f.initiatedRepayments.amount===S.balance.amount+S.hold.amount,oe=[m.paymentInitiated,`${$.header.limit} ${Se?y.resets:y.updates} ${y.by} ${A.zeniDate(A.getNextNthWorkingDay(f.initiatedRepaymentDate?.toDate()??A.dateNow().toDate(),[0,6],3).toDateString()).format(q.visual.MMMDFormat)}`,m.paymentInitiated],se=N.useRef(null),le=N.useRef(null),wt=_e(),[$t,je]=N.useState(!0);return N.useEffect(()=>{const o=()=>{le.current&&(le.current.getBoundingClientRect().top<(b==="small"?68:40)?je(!1):je(!0))};o();const j=()=>{o()},H=se.current;return H&&H.addEventListener("scroll",j),window.addEventListener("scroll",j),()=>{H&&H.removeEventListener("scroll",j),window.removeEventListener("scroll",j)}},[b]),t.jsxs(Ea,{ref:se,children:[t.jsx(kt,{title:xt,showBackButton:!0,showMenuIcon:b==="medium-compact"||b==="small",onClickMenuIcon:lt,style:{zIndex:3},onBackClick:rt,rightSideComponent:ut,isSearchOpen:fe,hideSearchBtn:I,scrollableContent:se,source:"ChargeCardListPage",backgroundColor:wt.colors.grey4}),e.fetchState==="Not-Started"||e.fetchState==="In-Progress"?t.jsx(Pt,{fetchState:e.fetchState,styles:{margin:"auto"}}):t.jsxs(t.Fragment,{children:[I?null:t.jsxs(Ma,{windowSize:b,children:[bt||yt?t.jsxs(Me,{windowSize:b,children:[t.jsxs(ze,{children:[t.jsxs(Be,{children:[t.jsxs(Ne,{children:[t.jsx(Re,{children:$.creditCardBalance}),t.jsx(E,{amount:D,integerStyles:{...C.h5Regular.cssObject},decimalStyles:{...C.largeSemiBold.cssObject}})]}),t.jsxs(Pa,{children:[t.jsx(V,{style:{textAlign:"end"},children:y.texts.limit}),t.jsx(E,{amount:e.creditAccount.limit,style:{justifyContent:"end"},integerStyles:C.largeRegular.cssObject,decimalStyles:C.smallRegular.cssObject})]})]}),t.jsx(Oa,{children:t.jsx(_a,{style:{width:`${pt}%`,borderRadius:a.sp1}})}),re&&!B&&L?t.jsx(de,{placement:"bottom",style:{color:n.heroDark,padding:`12px ${a.sp3}`},title:t.jsx(wa,{children:m.creditLimitIsRunningLow}),children:t.jsxs(Le,{children:[t.jsx(E,{amount:e.creditAccount.available,integerStyles:C.largeMedium.cssObject,decimalStyles:C.smallMedium.cssObject}),t.jsx(De,{windowSize:b,children:y.texts.remaining}),t.jsx($a,{children:t.jsx(fa,{})})]})}):t.jsxs(Le,{children:[t.jsx(E,{amount:e.creditAccount.available,integerStyles:C.largeMedium.cssObject,decimalStyles:C.smallMedium.cssObject}),t.jsx(De,{windowSize:b,children:y.texts.remaining})]})]}),t.jsxs(Ta,{showPaymentInitiatedInfo:B,isEarlyPayEnabled:L,children:[B&&L?null:t.jsx(V,{children:`${y.texts.limitReset} ${z!=null?z.format(q.visual.MMMDFormat):null}`}),w&&L&&(B?t.jsx("div",{children:t.jsx(de,{maxWidth:"242px",style:{padding:`12px ${a.sp3}`},title:t.jsxs(ja,{children:[t.jsx(Ee,{children:`${m.paymentOf} ${Tt("0,0.[00]",{amount:f.initiatedRepayments.amount,currencyCode:f.initiatedRepayments.currencyCode,currencySymbol:f.initiatedRepayments.currencySymbol})} ${m.madeOn} `}),t.jsx(va,{children:f.initiatedRepaymentDate?.format(q.visual.MMMDFormat)}),y.strings.space,t.jsx(Ee,{children:Se?m.isProcessingAndWillResetTheCreditLimitIn23BusinessDays:m.isProcessingAndWillUpdateTheCreditLimitIn23BusinessDays})]}),placement:"bottom",children:t.jsxs(Te,{hasPointer:!1,children:[oe.length>0&&t.jsx(he,{slideUpCount:oe.length,style:{alignItems:"flex-end",width:"auto"},children:oe.map((o,j)=>t.jsx(ba,{children:o},`card-payment-initiated-${j.toString()}`))}),t.jsx(ya,{})]})})}):re?t.jsx(de,{variant:"informative",arrow:!0,style:{top:a.sp2,left:"22px",position:"relative"},data:{preHeading:"URGENT",heading:m.creditLimitIsLow,description:m.transactionsMayBeDeclinedBecauseTheCreditLimitIsRunningLow,buttonText:m.payNow,tooltipContentStyle:{width:"240px",boxSizing:"content-box",gap:a.sp0},tooltipIntroductionStyle:{color:n.important},buttonStyle:{width:"31%"},onButtonClick:()=>{X(!1),W("Toast Button","Pay Now")},showCloseButton:!0,onClose:o=>{o.preventDefault(),o.stopPropagation(),X(!1)}},title:"informative",placement:"bottom-end",open:dt&&$t,children:t.jsxs(Te,{ref:le,onClick:()=>{X(!1),W("Text Button","Pay Now")},hasPointer:!0,children:[ne.length>0&&t.jsx(he,{slideUpCount:ne.length,style:{alignItems:"flex-end",width:"auto"},children:ne.map((o,j)=>t.jsx(xa,{isImportant:j===1,children:o},`card-pay-now-${j.toString()}`))}),t.jsx(Ie,{})]})}):D.amount>0?t.jsxs(Ca,{onClick:()=>W("Text Button","Pay Early"),children:[m.payEarly,t.jsx(Ie,{})]}):null)]})]}):l&&x?t.jsx(Pe,{cardType:"creditCard",header:c.listPage.spendSmarter,title:c.listPage.setUpText.replace("__cardType__",c.listPage.credit),creditLimit:ce("0,0",F.amount,F.currencySymbol),onCreateNowClick:ye}):l?t.jsx(ke,{cardPromoType:"credit",cardText:c.listPage.creditCards,header:c.listPage.getAccessTo,title:c.listPage.creditCards,subTitle:c.listPage.promoSubText.credit,slidingTextList:Ae("credit",Q,{amount:qe,currencyCode:F.currencyCode,currencySymbol:F.currencySymbol}),onClick:Ce}):null,Ct||ft?t.jsxs(Me,{windowSize:b,children:[t.jsxs(ze,{children:[t.jsx(Be,{children:t.jsxs(Ne,{children:[t.jsx(Re,{children:$.debitCardSpend}),t.jsx(E,{amount:e.debitCardSummary?.currentMonthSpends,integerStyles:{...C.h5Regular.cssObject},decimalStyles:{...C.largeSemiBold.cssObject}})]})}),t.jsx(Ra,{children:G!==0?t.jsxs(t.Fragment,{children:[G<0?t.jsx(za,{}):t.jsx(Ba,{}),t.jsx(Da,{hasNegativeValue:G<0,children:ce("0,0.00",G,e.debitCardSummary?.currentMonthSpends.currencySymbol)}),t.jsx(He,{children:$.compareToLastMonth})]}):null})]}),t.jsx(Je,{children:t.jsx(V,{children:`${y.texts.limitReset} ${z!=null?z.format(q.visual.MMMDFormat):null}`})})]}):p&&g?t.jsx(Pe,{cardType:"debitCard",header:c.listPage.spendSmarter,title:c.listPage.setUpText.replace("__cardType__",c.listPage.debit),onCreateNowClick:ye}):p?t.jsx(ke,{cardPromoType:"debit",cardText:c.listPage.debitCards,header:c.listPage.getAccessTo,title:c.listPage.debitCards,subTitle:c.listPage.promoSubText.debit,slidingTextList:Ae("debit",Q),onClick:Ce}):null,t.jsxs(La,{windowSize:b,children:[r?t.jsxs(ka,{children:[t.jsx(V,{style:{textAlign:"start"},children:$.totalCashback}),t.jsx(E,{amount:e.totalCashback,style:{justifyContent:"flex-start"},integerStyles:C.h5Regular.cssObject,decimalStyles:C.smallSemiBold.cssObject}),e.totalCashback.amount>0?t.jsx(Aa,{windowSize:b,children:t.jsxs(Na,{windowSize:b,onClick:ot,"data-testid":me("total-cashback-info"),children:[t.jsx(Ia,{children:$.overview}),t.jsx(Fa,{})]})}):null]}):null,t.jsx(Ua,{children:t.jsx(Ya,{})})]})]}),e.cards.length===0&&I===!0||gt?t.jsx(Wa,{children:t.jsx(Wt,{companyLegalName:h,cards:e.cards,admins:d,hasZeniFinopsRoles:Y,cashbackRate:Q})}):t.jsx(Gt,{depositAccountListWithDebitCardIssued:k,cashbackInformation:R,creditAccountInformation:ee,debitAccountInformation:te,productInformation:ae,controllerEmails:Z,isChargeCardFeatureEnabled:l,isDebitCardFeatureEnabled:p,isDebitCardSetupEnabled:g,isChargeCardSetupEnabled:x,creditAccount:e.creditAccount,creditAccountRepayment:f,cardList:e.cards,showViewForCardUser:!1,signedInUser:Ze,fetchState:e.fetchState,onReloadCards:nt,onChargeCardRowClick:et,searchText:s,receiptBotEmail:e.chargeCardConfig.receiptBotEmail,uiState:Ve,resendInviteId:e?.resendCardInvite?.cardId,onColumnSortConfigChanged:st,onChargeCardResendInviteClick:tt,onChargeCardRevokeInviteClick:at})]})]})},xa=i(Fe)`
   color: ${e=>e.isImportant?n.important:e.theme.colors.primary};
   text-align: end;
 `,ba=i(Fe)`
@@ -303,11 +303,11 @@ import{x as St,Y as jt,fq as vt,l as A,fl as v,e as pe,B as Oe,o as a,u as _e,j
   color: ${e=>e.theme.colors.hero};
 `,Da=i(He)`
   color: ${e=>e.hasNegativeValue?n.success:n.important};
-`,Ba=i(qt)`
+`,za=i(qt)`
   color: ${n.success};
   width: ${a.sp3};
   height: ${a.sp3};
-`,za=i(Vt)`
+`,Ba=i(Vt)`
   color: ${n.important};
   width: ${a.sp3};
   height: ${a.sp3};
@@ -342,10 +342,10 @@ import{x as St,Y as jt,fq as vt,l as A,fl as v,e as pe,B as Oe,o as a,u as _e,j
   display: flex;
   flex-direction: column;
   margin: ${a.sp0} ${a.sp2} ${a.sp7} ${a.sp2};
-`,Be=i.div`
+`,ze=i.div`
   padding: ${a.sp4};
   padding-bottom: ${a.sp2};
-`,ze=i.div`
+`,Be=i.div`
   display: flex;
   justify-content: space-between;
   align-items: center;

package/dist/assets/{ChargeCardListTable-BXFjcRNB-Bt7NvMOu.js → ChargeCardListTable-D2MxebdW-QA28WwT6.js}

@@ -1,4 +1,4 @@
-import{j as i,bJ as $i,e as _,Y as ee,x as fi,u as de,fi as vi,i6 as Ci,i7 as yi,i8 as ji,$ as b,B as V,bS as bi,v as re,g as y,aj as ki,b_ as Si,i9 as Ii,ia as zi,o as t,bg as Li,a6 as Ri,C as p,ez as Pi,ap as Di,ib as Ui,a7 as Ni,az as Ti,w as M,fk as _i,q as a,dt as Vi,a0 as T,c0 as De,m as Ue,bB as le,bn as Oi,k,c3 as we,s as U,i0 as ue,b6 as Ne,be as Te,ic as Ei,c6 as Fi,a8 as G,id as Mi,ie as Wi}from"./index-CLgXcFOQ.js";import{b as C,n as r,f as Ai,j as $e}from"./vendor-rkTZJa59.js";import{R as _e}from"./Menu-d80Blu70-eyWyCGah.js";import{T as Ve}from"./RoleWithToolTip-BoqVFkyJ-Be7E21z_.js";import{f as ce}from"./CardNumberSubText-rAv-gh4W-BSBRaT93.js";import{_ as Oe}from"./ChargeCardUtils-s0f7WDmF-DROWW4W4.js";const W=V.getLocalizedStrings().spendManagement.chargeCard.cardList.header,Hi=V.getLocalizedStrings().common.strings.empty,fe={key:"owner",value:W.owner,sortOrder:"ascending",width:new p(120,120,160,200,200)},ve={key:"cardName",value:W.cardName,sortOrder:"ascending",width:new p(120,120,160,171,171)},Ce={key:"cardType",value:W.cardType,sortOrder:"ascending",width:new p(120,120,130,170,170)},ye={key:"status",value:W.status,sortOrder:"ascending",width:new p(115,115,125,132,132)},je={key:"utilisation",value:W.utilisation,sortOrder:"ascending",width:new p(a[11],a[11],a[11],a[12],120)},be={key:"limit",value:W.limit,sortOrder:"ascending",width:new p(68,68,68,a[11],100)},Ee=e=>e===!0?[{...fe,width:new p(0,0),value:Hi},ve,Ce,ye,je,be]:[fe,ve,Ce,ye,je,be],z={containerPaddingLeft:t.sp2,containerPaddingRight:t.sp3,containerPaddingTop:t.sp3,containerPaddingBottom:t.sp3,headerLastColumnTopPadding:new p(a[0],a[4]),headerLastColumnRightPadding:new p(a[3],a[11]),headerLastColumnBottomPadding:new p(a[0],a[4]),headerLastColumnLeftPadding:new p(a[3],a[11]),headerHeight:new p(Mi,Wi)};function Bi({companyNameSticky:e,sortConfig:o,showViewForCardUser:n,onColumnSortConfigChanged:h}){const d=de(),l=_(),m=!!ee().loggedInUserRole.includes("charge_card_user")||n,[c,w]=C.useState(Ee(m));C.useEffect(()=>{const s=[...c];for(const g of s)g.key===o.sortKey?g.sortOrder=o.sortOrder:g.sortOrder="ascending";w(s)},[o.sortKey,o.sortOrder]);const u=(s,g)=>{let f=g;o.sortKey===s&&(f=g==="ascending"?"descending":"ascending"),h(s,f)},$=c.find(s=>s.key===o.sortKey)??(m?c[1]:c[0]),S=s=>c.find(g=>g.key===s)?.value??"",x=(m?c.filter(s=>s.key!=="owner"):c).map(s=>s.key),j=V.getLocalizedStrings().spendManagement.chargeCard.cardList;return l==="small"?i.jsxs(Yi,{windowSize:l,children:[i.jsxs(Xi,{children:[i.jsx(et,{children:i.jsx(Zi,{})}),i.jsx(Oi,{title:j.sortBy,placeholder:j.sortBy,pickerValues:x,valueToLabel:S,selectedValue:o.sortKey,onPickerSelectionChanged:s=>{u(s,"ascending")},optionTextStyle:re.extraSmallRegular,titleTextStyle:re.extraSmallRegular,titleColor:d.colors.primary,selectedOptionColor:d.colors.hero,optionBackgroundColor:d.colors.grey5,downChevronVisible:!1,backgroundColor:d.colors.grey4})]}),i.jsxs(rt,{onClick:()=>u($.key,$.sortOrder),"data-testid":b("mobile-cards-list-sort-clicked",o.sortKey),children:[i.jsx(k,{children:$.value}),i.jsx(ke,{windowSize:l,sortDataValue:o.sortKey,headerdata:$,children:i.jsx(Se,{windowSize:l,children:i.jsx(we,{})})})]})]}):i.jsx(qi,{windowSize:l,children:i.jsx(Qi,{children:c.map(s=>s.width.value(l)!==0&&i.jsxs(Ji,{companyNameSticky:e,sortDataValue:o.sortKey,actualDataValue:s.key,wrapperWidth:s.width,windowSize:l,children:[i.jsxs(tt,{onClick:()=>u(s.key,s.sortOrder),"data-testid":b("cards-list-sort-clicked",o.sortKey),children:[i.jsx(k,{children:s.value}),i.jsx(ke,{windowSize:l,sortDataValue:o.sortKey,headerdata:s,children:i.jsx(Se,{windowSize:l,children:i.jsx(we,{})})})]}),i.jsx(it,{sortDataValue:o.sortKey,windowSize:l,isVisible:o.sortKey===s.key&&(m?s.key!=="cardName":s.key!=="owner"),children:i.jsx(Gi,{onClick:()=>u(m?"cardName":"owner","ascending"),"data-testid":b("cards-list-sort-cancel",o.sortKey)})})]},s.key))})})}const Ki=Ai.memo(Bi),qi=r.div`
+import{j as i,bJ as $i,e as _,Y as ee,x as fi,u as de,fi as vi,i6 as Ci,i7 as yi,i8 as ji,$ as b,B as V,bS as bi,v as re,g as y,aj as ki,b_ as Si,i9 as Ii,ia as zi,o as t,bg as Li,a6 as Ri,C as p,ez as Pi,ap as Di,ib as Ui,a7 as Ni,az as Ti,w as M,fk as _i,q as a,dt as Vi,a0 as T,c0 as De,m as Ue,bp as le,bn as Oi,k,c3 as we,s as U,i0 as ue,b6 as Ne,be as Te,ic as Ei,c6 as Fi,a8 as G,id as Mi,ie as Wi}from"./index-DIh8Zr8t.js";import{b as C,n as r,f as Ai,j as $e}from"./vendor-rkTZJa59.js";import{R as _e}from"./Menu-BymbDNVZ-DM3DjWyb.js";import{T as Ve}from"./RoleWithToolTip-Dlkvv78V-CAYGZdA6.js";import{f as ce}from"./CardNumberSubText-CoLig9qO-Bb3ukxab.js";import{_ as Oe}from"./ChargeCardUtils-zpJF3Rda-Be5yTQoe.js";const W=V.getLocalizedStrings().spendManagement.chargeCard.cardList.header,Hi=V.getLocalizedStrings().common.strings.empty,fe={key:"owner",value:W.owner,sortOrder:"ascending",width:new p(120,120,160,200,200)},ve={key:"cardName",value:W.cardName,sortOrder:"ascending",width:new p(120,120,160,171,171)},Ce={key:"cardType",value:W.cardType,sortOrder:"ascending",width:new p(120,120,130,170,170)},ye={key:"status",value:W.status,sortOrder:"ascending",width:new p(115,115,125,132,132)},je={key:"utilisation",value:W.utilisation,sortOrder:"ascending",width:new p(a[11],a[11],a[11],a[12],120)},be={key:"limit",value:W.limit,sortOrder:"ascending",width:new p(68,68,68,a[11],100)},Ee=e=>e===!0?[{...fe,width:new p(0,0),value:Hi},ve,Ce,ye,je,be]:[fe,ve,Ce,ye,je,be],z={containerPaddingLeft:t.sp2,containerPaddingRight:t.sp3,containerPaddingTop:t.sp3,containerPaddingBottom:t.sp3,headerLastColumnTopPadding:new p(a[0],a[4]),headerLastColumnRightPadding:new p(a[3],a[11]),headerLastColumnBottomPadding:new p(a[0],a[4]),headerLastColumnLeftPadding:new p(a[3],a[11]),headerHeight:new p(Mi,Wi)};function Ki({companyNameSticky:e,sortConfig:o,showViewForCardUser:n,onColumnSortConfigChanged:h}){const d=de(),l=_(),m=!!ee().loggedInUserRole.includes("charge_card_user")||n,[c,w]=C.useState(Ee(m));C.useEffect(()=>{const s=[...c];for(const g of s)g.key===o.sortKey?g.sortOrder=o.sortOrder:g.sortOrder="ascending";w(s)},[o.sortKey,o.sortOrder]);const u=(s,g)=>{let f=g;o.sortKey===s&&(f=g==="ascending"?"descending":"ascending"),h(s,f)},$=c.find(s=>s.key===o.sortKey)??(m?c[1]:c[0]),S=s=>c.find(g=>g.key===s)?.value??"",x=(m?c.filter(s=>s.key!=="owner"):c).map(s=>s.key),j=V.getLocalizedStrings().spendManagement.chargeCard.cardList;return l==="small"?i.jsxs(Yi,{windowSize:l,children:[i.jsxs(Xi,{children:[i.jsx(et,{children:i.jsx(Zi,{})}),i.jsx(Oi,{title:j.sortBy,placeholder:j.sortBy,pickerValues:x,valueToLabel:S,selectedValue:o.sortKey,onPickerSelectionChanged:s=>{u(s,"ascending")},optionTextStyle:re.extraSmallRegular,titleTextStyle:re.extraSmallRegular,titleColor:d.colors.primary,selectedOptionColor:d.colors.hero,optionBackgroundColor:d.colors.grey5,downChevronVisible:!1,backgroundColor:d.colors.grey4})]}),i.jsxs(rt,{onClick:()=>u($.key,$.sortOrder),"data-testid":b("mobile-cards-list-sort-clicked",o.sortKey),children:[i.jsx(k,{children:$.value}),i.jsx(ke,{windowSize:l,sortDataValue:o.sortKey,headerdata:$,children:i.jsx(Se,{windowSize:l,children:i.jsx(we,{})})})]})]}):i.jsx(qi,{windowSize:l,children:i.jsx(Qi,{children:c.map(s=>s.width.value(l)!==0&&i.jsxs(Ji,{companyNameSticky:e,sortDataValue:o.sortKey,actualDataValue:s.key,wrapperWidth:s.width,windowSize:l,children:[i.jsxs(tt,{onClick:()=>u(s.key,s.sortOrder),"data-testid":b("cards-list-sort-clicked",o.sortKey),children:[i.jsx(k,{children:s.value}),i.jsx(ke,{windowSize:l,sortDataValue:o.sortKey,headerdata:s,children:i.jsx(Se,{windowSize:l,children:i.jsx(we,{})})})]}),i.jsx(it,{sortDataValue:o.sortKey,windowSize:l,isVisible:o.sortKey===s.key&&(m?s.key!=="cardName":s.key!=="owner"),children:i.jsx(Gi,{onClick:()=>u(m?"cardName":"owner","ascending"),"data-testid":b("cards-list-sort-cancel",o.sortKey)})})]},s.key))})})}const Bi=Ai.memo(Ki),qi=r.div`
   top: ${t.sp0};
   left: ${t.sp0};
   z-index: 2;
@@ -93,7 +93,7 @@ import{j as i,bJ as $i,e as _,Y as ee,x as fi,u as de,fi as vi,i6 as Ci,i7 as yi
   cursor: pointer;
   gap: 5px;
   color: ${e=>e.theme.colors.primary};
-`,{common:q,spendManagement:{billPay:{paymentDetails:{feePercent:ot}},chargeCard:X}}=V.getLocalizedStrings(),P={containerPaddingLeft:new p(a[3],a[2]),containerPaddingRight:new p(a[2],a[3]),containerPaddingTop:new p(a[2],a[3]),containerPaddingBottom:new p(a[2],a[3]),containerMarginLeft:new p(a[4],a[8]),webkitLineClamp:new p(2,1,1,1,1)},st=({cardDetail:e,showViewForCardUser:o,signedInUser:n,resendInviteId:h,index:d,onChargeCardRowClick:l,onChargeCardResendInviteClick:m,onChargeCardRevokeInviteClick:c})=>{const[w,u]=C.useState(!1),[$,S]=C.useState(!1),x=_(),j=!!ee().loggedInUserRole.includes("charge_card_user")||o,s=C.useCallback(()=>{l(e.id,d)},[e.id]),g=Oe(e)/e.limit.amount*100,f=e?.cardHolderUserId===n.userId,R=Vi(e.cardHolderUser,!1),O=e.balance,I=Ee(j),A=i.jsxs(i.Fragment,{children:[i.jsx(yt,{title:T("0,0.[00]",O),className:"amountToUtilize",children:T("0,0.[00]",O)}),g!==0?i.jsx(jt,{className:"amountToUtilize",children:`${Math.round(g)}${ot}`}):null]}),H=e.type.code,N=X.cardList.tooltip[H],B=N!=null?f?N.self:`${R} ${N.cardUser}`:q.strings.empty;return i.jsx(nt,{windowSize:x,onMouseEnter:()=>S(!0),onMouseLeave:()=>S(!1),children:i.jsx(dt,{onClick:s,"data-testid":b("card-row",e.id),children:i.jsxs(lt,{children:[j?null:i.jsx(E,{children:i.jsxs(ct,{windowSize:x,responsiveWidth:I[0].width,children:[i.jsx(De,{personBasic:e.cardHolderUser,styles:{height:t.sp6,width:t.sp6}}),i.jsxs(pt,{children:[i.jsx(ht,{children:i.jsx(mt,{windowSize:x,title:R,className:"cardHolderName",children:R===q.strings.empty?q.strings.hyphen:R})}),i.jsx(Ie,{className:"additionalInfoContainer",children:e.cardHolderRoles?.userRoles!=null&&i.jsx(Ve,{roles:e.cardHolderRoles?.userRoles})})]})]})}),i.jsx(E,{children:i.jsxs(ut,{windowSize:x,responsiveWidth:I[1].width,children:[i.jsx($t,{title:e.cardName,className:"cardName",children:e.cardName}),i.jsx(Rt,{windowSize:x,children:e.status.code==="request_on_hold"?q.strings.hyphen:X.cardDetails.expiryHideOut+q.strings.space+e.accountLast4})]})}),i.jsx(E,{children:i.jsx(ft,{windowSize:x,responsiveWidth:I[2].width,children:i.jsx(vt,{className:"card-type",children:i.jsx(ce,{cardDetail:e,forDetailPage:!1})})})}),i.jsx(E,{children:i.jsx(ze,{windowSize:x,responsiveWidth:I[3].width,children:h===e.id?i.jsx(Ue,{size:"Small",start:!0}):i.jsxs(Ct,{children:[i.jsx(St,{children:e.status.code==="request_on_hold"?i.jsxs(le,{display:"flex",title:B,placement:"top",style:{padding:`${t.sp2} ${t.sp3}`},children:[i.jsx(Z,{status:e.status.code,style:{cursor:"pointer"}}),i.jsx(bt,{style:{marginLeft:t.sp1},className:"infoIconTooltip"})]}):i.jsx(Z,{status:e.status.code})}),e.status.code==="request_on_hold"&&!f?i.jsx(kt,{onClick:v=>{v.stopPropagation(),m(e.id)},"data-testid":b("send-reminder",e.id),children:X.cardList.sendReminder}):null]})})}),i.jsx(E,{children:i.jsx(ze,{windowSize:x,responsiveWidth:I[4].width,children:A})}),i.jsx(E,{children:i.jsxs(xt,{windowSize:x,responsiveWidth:I[5].width,children:[i.jsxs(gt,{windowSize:x,children:[i.jsx(wt,{className:"limitAmount",windowSize:x,title:T("0,0.[00]",e.limit),children:T("0,0.[00]",e.limit)}),i.jsx(Ie,{className:"additionalInfoContainer",children:e.creditLimitFrequency.name})]}),i.jsx(It,{className:"menu-icon",children:e.status.code==="request_on_hold"&&!j&&i.jsx(_e,{isMenuVisible:$,menuItems:i.jsx(zt,{children:i.jsx(Lt,{"data-testid":b("menu-button",e.id),onClick:v=>{v.stopPropagation(),u(!1),c(e.id)},children:X.cardDetails.revokeInvite})}),setIsMenuOpen:u,isMenuOpen:w,menuIconStyles:{height:"auto"}})})]})})]})})})},Z=({status:e,style:o})=>{const n=de(),h=at(e,n),d=V.getLocalizedStrings().spendManagement.chargeCard.cardList.status;return _()==="small"?i.jsx(ue,{textColor:h,text:d[e],tagStyles:{maxWidth:t.sp10,textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap",padding:"1px 6px",...o}}):i.jsx(ue,{textColor:h,text:d[e],styles:o,tagStyles:{padding:"1px 6px"}})},at=(e,o)=>{switch(e){case"active":return new G(y.success);case"request_on_hold":return new G(y.graphColor36);case"inactive":return new G(y.alert);default:return new G(o.colors.grey1)}},nt=r.div`
+`,{common:q,spendManagement:{billPay:{paymentDetails:{feePercent:ot}},chargeCard:X}}=V.getLocalizedStrings(),P={containerPaddingLeft:new p(a[3],a[2]),containerPaddingRight:new p(a[2],a[3]),containerPaddingTop:new p(a[2],a[3]),containerPaddingBottom:new p(a[2],a[3]),containerMarginLeft:new p(a[4],a[8]),webkitLineClamp:new p(2,1,1,1,1)},st=({cardDetail:e,showViewForCardUser:o,signedInUser:n,resendInviteId:h,index:d,onChargeCardRowClick:l,onChargeCardResendInviteClick:m,onChargeCardRevokeInviteClick:c})=>{const[w,u]=C.useState(!1),[$,S]=C.useState(!1),x=_(),j=!!ee().loggedInUserRole.includes("charge_card_user")||o,s=C.useCallback(()=>{l(e.id,d)},[e.id]),g=Oe(e)/e.limit.amount*100,f=e?.cardHolderUserId===n.userId,R=Vi(e.cardHolderUser,!1),O=e.balance,I=Ee(j),A=i.jsxs(i.Fragment,{children:[i.jsx(yt,{title:T("0,0.[00]",O),className:"amountToUtilize",children:T("0,0.[00]",O)}),g!==0?i.jsx(jt,{className:"amountToUtilize",children:`${Math.round(g)}${ot}`}):null]}),H=e.type.code,N=X.cardList.tooltip[H],K=N!=null?f?N.self:`${R} ${N.cardUser}`:q.strings.empty;return i.jsx(nt,{windowSize:x,onMouseEnter:()=>S(!0),onMouseLeave:()=>S(!1),children:i.jsx(dt,{onClick:s,"data-testid":b("card-row",e.id),children:i.jsxs(lt,{children:[j?null:i.jsx(E,{children:i.jsxs(ct,{windowSize:x,responsiveWidth:I[0].width,children:[i.jsx(De,{personBasic:e.cardHolderUser,styles:{height:t.sp6,width:t.sp6}}),i.jsxs(pt,{children:[i.jsx(ht,{children:i.jsx(mt,{windowSize:x,title:R,className:"cardHolderName",children:R===q.strings.empty?q.strings.hyphen:R})}),i.jsx(Ie,{className:"additionalInfoContainer",children:e.cardHolderRoles?.userRoles!=null&&i.jsx(Ve,{roles:e.cardHolderRoles?.userRoles})})]})]})}),i.jsx(E,{children:i.jsxs(ut,{windowSize:x,responsiveWidth:I[1].width,children:[i.jsx($t,{title:e.cardName,className:"cardName",children:e.cardName}),i.jsx(Rt,{windowSize:x,children:e.status.code==="request_on_hold"?q.strings.hyphen:X.cardDetails.expiryHideOut+q.strings.space+e.accountLast4})]})}),i.jsx(E,{children:i.jsx(ft,{windowSize:x,responsiveWidth:I[2].width,children:i.jsx(vt,{className:"card-type",children:i.jsx(ce,{cardDetail:e,forDetailPage:!1})})})}),i.jsx(E,{children:i.jsx(ze,{windowSize:x,responsiveWidth:I[3].width,children:h===e.id?i.jsx(Ue,{size:"Small",start:!0}):i.jsxs(Ct,{children:[i.jsx(St,{children:e.status.code==="request_on_hold"?i.jsxs(le,{display:"flex",title:K,placement:"top",style:{padding:`${t.sp2} ${t.sp3}`},children:[i.jsx(Z,{status:e.status.code,style:{cursor:"pointer"}}),i.jsx(bt,{style:{marginLeft:t.sp1},className:"infoIconTooltip"})]}):i.jsx(Z,{status:e.status.code})}),e.status.code==="request_on_hold"&&!f?i.jsx(kt,{onClick:v=>{v.stopPropagation(),m(e.id)},"data-testid":b("send-reminder",e.id),children:X.cardList.sendReminder}):null]})})}),i.jsx(E,{children:i.jsx(ze,{windowSize:x,responsiveWidth:I[4].width,children:A})}),i.jsx(E,{children:i.jsxs(xt,{windowSize:x,responsiveWidth:I[5].width,children:[i.jsxs(gt,{windowSize:x,children:[i.jsx(wt,{className:"limitAmount",windowSize:x,title:T("0,0.[00]",e.limit),children:T("0,0.[00]",e.limit)}),i.jsx(Ie,{className:"additionalInfoContainer",children:e.creditLimitFrequency.name})]}),i.jsx(It,{className:"menu-icon",children:e.status.code==="request_on_hold"&&!j&&i.jsx(_e,{isMenuVisible:$,menuItems:i.jsx(zt,{children:i.jsx(Lt,{"data-testid":b("menu-button",e.id),onClick:v=>{v.stopPropagation(),u(!1),c(e.id)},children:X.cardDetails.revokeInvite})}),setIsMenuOpen:u,isMenuOpen:w,menuIconStyles:{height:"auto"}})})]})})]})})})},Z=({status:e,style:o})=>{const n=de(),h=at(e,n),d=V.getLocalizedStrings().spendManagement.chargeCard.cardList.status;return _()==="small"?i.jsx(ue,{textColor:h,text:d[e],tagStyles:{maxWidth:t.sp10,textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap",padding:"1px 6px",...o}}):i.jsx(ue,{textColor:h,text:d[e],styles:o,tagStyles:{padding:"1px 6px"}})},at=(e,o)=>{switch(e){case"active":return new G(y.success);case"request_on_hold":return new G(y.graphColor36);case"inactive":return new G(y.alert);default:return new G(o.colors.grey1)}},nt=r.div`
   display: flex;
   background-color: ${e=>e.theme.colors.grey5};
   padding-left: ${e=>P.containerPaddingLeft.valuePx(e.windowSize)};
@@ -317,7 +317,7 @@ import{j as i,bJ as $i,e as _,Y as ee,x as fi,u as de,fi as vi,i6 as Ci,i7 as yi
   display: flex;
   align-items: center;
   gap: ${t.sp1};
-`,{spendManagement:{billPay:{paymentDetails:{feePercent:Pt}},chargeCard:D},common:L}=V.getLocalizedStrings(),oe={containerMarginLeft:new p(a[3],a[8]),webkitLineClamp:new p(2,2,1,1,1)},Dt=({cardDetail:e,showViewForCardUser:o,signedInUser:n,resendInviteId:h,index:d,onChargeCardRowClick:l,onChargeCardResendInviteClick:m,onChargeCardRevokeInviteClick:c})=>{const w=!!ee().loggedInUserRole.includes("charge_card_user")||o,u=C.useCallback(()=>{l(e.id,d)},[e.id]);return w?i.jsx(Ut,{cardDetail:e,onRowClick:u}):i.jsx(Nt,{cardDetail:e,signedInUser:n,resendInviteId:h,onRowClick:u,onChargeCardResendInviteClick:m,onChargeCardRevokeInviteClick:c})},Fe=({cardDetail:e})=>{const o=e.balance,n=Oe(e)/e.limit.amount*100;return i.jsxs(Ot,{children:[i.jsx(Ht,{children:T("0,0.[00]",o)}),n!==0?i.jsx(Mt,{children:`${Math.round(n)}${Pt}`}):null]})},Ut=({cardDetail:e,onRowClick:o})=>{const n=_();return i.jsx(Me,{windowSize:n,children:i.jsx(We,{onClick:o,"data-testid":b("charge-card-user-row",e.id),children:i.jsxs(se,{children:[i.jsx(Je,{children:i.jsxs(Xe,{cardUser:!0,children:[i.jsxs(Be,{children:[i.jsx(qe,{children:L.labels.cardName}),i.jsxs(Ke,{children:[i.jsx(Qe,{title:e.cardName,children:e.cardName}),i.jsx(si,{windowSize:n,children:D.cardDetails.expiryHideOut+L.strings.space+e.accountLast4})]})]}),i.jsxs(Ae,{children:[i.jsx(He,{children:`${D.cardList.header.cardType}${L.strings.colon}`}),i.jsx(ne,{children:i.jsx(ce,{cardDetail:e,forDetailPage:!1})})]}),i.jsxs(Ze,{children:[i.jsx(ii,{children:L.labels.limit}),i.jsxs(ti,{children:[i.jsx(ei,{children:T("0,0.[00]",e.limit)}),i.jsx(ri,{}),i.jsx(ae,{children:e.creditLimitFrequency.name})]})]})]})}),i.jsx(Ge,{children:i.jsxs(i.Fragment,{children:[e.status.code!=="request_on_hold"?i.jsx(Fe,{cardDetail:e}):null,i.jsxs(Ye,{children:[i.jsx(Z,{status:e.status.code}),e.status.code==="request_on_hold"?i.jsx(le,{display:"flex",title:D.cardList.tooltip[e.type.code].self,placement:"top",style:{padding:`${t.sp2} ${t.sp3}`},children:i.jsx(oi,{className:"infoIconTooltip"})}):null]})]})})]})})})},Nt=({cardDetail:e,signedInUser:o,resendInviteId:n,onRowClick:h,onChargeCardResendInviteClick:d,onChargeCardRevokeInviteClick:l})=>{const[m,c]=C.useState(!1),w=`${e.cardHolderUser?.firstName??""} ${e.cardHolderUser?.lastName??""}`,u=e?.cardHolderUserId===o.userId,$=_(),S=e.type.code,x=D.cardList.tooltip[S],j=x!=null?u?x.self:`${w} ${x.cardUser}`:L.strings.empty;return i.jsx(Me,{windowSize:$,children:i.jsxs(We,{onClick:h,"data-testid":b("charge-card-admin-row",e.id),children:[i.jsxs(se,{children:[i.jsxs(Je,{children:[i.jsx(Et,{children:i.jsx(De,{personBasic:e.cardHolderUser,styles:{height:t.sp6,width:t.sp6}})}),i.jsx(Ft,{children:i.jsxs(At,{children:[i.jsx(Tt,{children:i.jsx(_t,{windowSize:$,title:w,children:w})}),i.jsx(ae,{style:{marginTop:`-${t.sp1}`},children:e.cardHolderRoles?.userRoles!=null&&i.jsx(Ve,{roles:e.cardHolderRoles?.userRoles})})]})})]}),i.jsx(Ge,{children:i.jsx(i.Fragment,{children:n===e.id?i.jsx(Ue,{size:"Small",start:!0}):i.jsxs(Jt,{children:[i.jsxs(Vt,{children:[e.status.code!=="request_on_hold"?i.jsx(Fe,{cardDetail:e}):null,i.jsxs(Ye,{children:[i.jsx(Z,{status:e.status.code}),e.status.code==="request_on_hold"?i.jsx(le,{display:"flex",title:j,placement:"top",style:{padding:`${t.sp2} ${t.sp3}`},children:i.jsx(oi,{className:"infoIconTooltip"})}):null]})]}),e.status.code==="request_on_hold"&&!u?i.jsx(Bt,{children:i.jsx(Kt,{onClick:s=>{s.stopPropagation(),d(e.id)},"data-testid":b("send-reminder-clicked",e.id),children:D.cardList.sendReminder})}):null]})})})]}),i.jsxs(se,{children:[i.jsxs(Xe,{cardUser:!1,children:[i.jsxs(Be,{children:[i.jsx(qe,{children:`${L.labels.cardName}`}),i.jsxs(Ke,{children:[i.jsx(Qe,{title:e.cardName,children:e.cardName}),i.jsx(si,{windowSize:$,children:e.status.code==="request_on_hold"?L.strings.hyphen:D.cardDetails.expiryHideOut+L.strings.space+e.accountLast4})]})]}),i.jsxs(Ae,{children:[i.jsx(He,{children:`${D.cardList.header.cardType}${L.strings.colon}`}),i.jsx(ne,{children:i.jsx(ne,{children:i.jsx(ce,{cardDetail:e,forDetailPage:!1})})})]}),i.jsxs(Ze,{children:[i.jsx(ii,{children:L.labels.limit}),i.jsxs(ti,{children:[i.jsx(ei,{children:T("0,0.[00]",e.limit)}),i.jsx(ri,{}),i.jsx(ae,{children:e.creditLimitFrequency.name})]})]})]}),i.jsx(Wt,{children:e.status.code==="request_on_hold"&&i.jsx(qt,{showMenu:!0,className:"menu-icon",children:i.jsx(_e,{menuItems:i.jsx(Qt,{children:i.jsx(Yt,{"data-testid":b("revoke-invite-clicked",e.id),onClick:s=>{s.stopPropagation(),c(!1),l(e.id)},children:D.cardDetails.revokeInvite})}),setIsMenuOpen:c,isMenuOpen:m,styles:{transform:"translate(5px,0px)"}})})})]})]})})},Me=r.div`
+`,{spendManagement:{billPay:{paymentDetails:{feePercent:Pt}},chargeCard:D},common:L}=V.getLocalizedStrings(),oe={containerMarginLeft:new p(a[3],a[8]),webkitLineClamp:new p(2,2,1,1,1)},Dt=({cardDetail:e,showViewForCardUser:o,signedInUser:n,resendInviteId:h,index:d,onChargeCardRowClick:l,onChargeCardResendInviteClick:m,onChargeCardRevokeInviteClick:c})=>{const w=!!ee().loggedInUserRole.includes("charge_card_user")||o,u=C.useCallback(()=>{l(e.id,d)},[e.id]);return w?i.jsx(Ut,{cardDetail:e,onRowClick:u}):i.jsx(Nt,{cardDetail:e,signedInUser:n,resendInviteId:h,onRowClick:u,onChargeCardResendInviteClick:m,onChargeCardRevokeInviteClick:c})},Fe=({cardDetail:e})=>{const o=e.balance,n=Oe(e)/e.limit.amount*100;return i.jsxs(Ot,{children:[i.jsx(Ht,{children:T("0,0.[00]",o)}),n!==0?i.jsx(Mt,{children:`${Math.round(n)}${Pt}`}):null]})},Ut=({cardDetail:e,onRowClick:o})=>{const n=_();return i.jsx(Me,{windowSize:n,children:i.jsx(We,{onClick:o,"data-testid":b("charge-card-user-row",e.id),children:i.jsxs(se,{children:[i.jsx(Je,{children:i.jsxs(Xe,{cardUser:!0,children:[i.jsxs(Ke,{children:[i.jsx(qe,{children:L.labels.cardName}),i.jsxs(Be,{children:[i.jsx(Qe,{title:e.cardName,children:e.cardName}),i.jsx(si,{windowSize:n,children:D.cardDetails.expiryHideOut+L.strings.space+e.accountLast4})]})]}),i.jsxs(Ae,{children:[i.jsx(He,{children:`${D.cardList.header.cardType}${L.strings.colon}`}),i.jsx(ne,{children:i.jsx(ce,{cardDetail:e,forDetailPage:!1})})]}),i.jsxs(Ze,{children:[i.jsx(ii,{children:L.labels.limit}),i.jsxs(ti,{children:[i.jsx(ei,{children:T("0,0.[00]",e.limit)}),i.jsx(ri,{}),i.jsx(ae,{children:e.creditLimitFrequency.name})]})]})]})}),i.jsx(Ge,{children:i.jsxs(i.Fragment,{children:[e.status.code!=="request_on_hold"?i.jsx(Fe,{cardDetail:e}):null,i.jsxs(Ye,{children:[i.jsx(Z,{status:e.status.code}),e.status.code==="request_on_hold"?i.jsx(le,{display:"flex",title:D.cardList.tooltip[e.type.code].self,placement:"top",style:{padding:`${t.sp2} ${t.sp3}`},children:i.jsx(oi,{className:"infoIconTooltip"})}):null]})]})})]})})})},Nt=({cardDetail:e,signedInUser:o,resendInviteId:n,onRowClick:h,onChargeCardResendInviteClick:d,onChargeCardRevokeInviteClick:l})=>{const[m,c]=C.useState(!1),w=`${e.cardHolderUser?.firstName??""} ${e.cardHolderUser?.lastName??""}`,u=e?.cardHolderUserId===o.userId,$=_(),S=e.type.code,x=D.cardList.tooltip[S],j=x!=null?u?x.self:`${w} ${x.cardUser}`:L.strings.empty;return i.jsx(Me,{windowSize:$,children:i.jsxs(We,{onClick:h,"data-testid":b("charge-card-admin-row",e.id),children:[i.jsxs(se,{children:[i.jsxs(Je,{children:[i.jsx(Et,{children:i.jsx(De,{personBasic:e.cardHolderUser,styles:{height:t.sp6,width:t.sp6}})}),i.jsx(Ft,{children:i.jsxs(At,{children:[i.jsx(Tt,{children:i.jsx(_t,{windowSize:$,title:w,children:w})}),i.jsx(ae,{style:{marginTop:`-${t.sp1}`},children:e.cardHolderRoles?.userRoles!=null&&i.jsx(Ve,{roles:e.cardHolderRoles?.userRoles})})]})})]}),i.jsx(Ge,{children:i.jsx(i.Fragment,{children:n===e.id?i.jsx(Ue,{size:"Small",start:!0}):i.jsxs(Jt,{children:[i.jsxs(Vt,{children:[e.status.code!=="request_on_hold"?i.jsx(Fe,{cardDetail:e}):null,i.jsxs(Ye,{children:[i.jsx(Z,{status:e.status.code}),e.status.code==="request_on_hold"?i.jsx(le,{display:"flex",title:j,placement:"top",style:{padding:`${t.sp2} ${t.sp3}`},children:i.jsx(oi,{className:"infoIconTooltip"})}):null]})]}),e.status.code==="request_on_hold"&&!u?i.jsx(Kt,{children:i.jsx(Bt,{onClick:s=>{s.stopPropagation(),d(e.id)},"data-testid":b("send-reminder-clicked",e.id),children:D.cardList.sendReminder})}):null]})})})]}),i.jsxs(se,{children:[i.jsxs(Xe,{cardUser:!1,children:[i.jsxs(Ke,{children:[i.jsx(qe,{children:`${L.labels.cardName}`}),i.jsxs(Be,{children:[i.jsx(Qe,{title:e.cardName,children:e.cardName}),i.jsx(si,{windowSize:$,children:e.status.code==="request_on_hold"?L.strings.hyphen:D.cardDetails.expiryHideOut+L.strings.space+e.accountLast4})]})]}),i.jsxs(Ae,{children:[i.jsx(He,{children:`${D.cardList.header.cardType}${L.strings.colon}`}),i.jsx(ne,{children:i.jsx(ne,{children:i.jsx(ce,{cardDetail:e,forDetailPage:!1})})})]}),i.jsxs(Ze,{children:[i.jsx(ii,{children:L.labels.limit}),i.jsxs(ti,{children:[i.jsx(ei,{children:T("0,0.[00]",e.limit)}),i.jsx(ri,{}),i.jsx(ae,{children:e.creditLimitFrequency.name})]})]})]}),i.jsx(Wt,{children:e.status.code==="request_on_hold"&&i.jsx(qt,{showMenu:!0,className:"menu-icon",children:i.jsx(_e,{menuItems:i.jsx(Qt,{children:i.jsx(Yt,{"data-testid":b("revoke-invite-clicked",e.id),onClick:s=>{s.stopPropagation(),c(!1),l(e.id)},children:D.cardDetails.revokeInvite})}),setIsMenuOpen:c,isMenuOpen:m,styles:{transform:"translate(5px,0px)"}})})})]})]})})},Me=r.div`
   display: flex;
   background-color: ${e=>e.theme.colors.grey5};
   border: ${e=>` 1px solid ${e.theme.colors.grey3}`};
@@ -372,7 +372,7 @@ import{j as i,bJ as $i,e as _,Y as ee,x as fi,u as de,fi as vi,i6 as Ci,i7 as yi
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-`,Be=r(k)`
+`,Ke=r(k)`
   color: ${e=>e.theme.colors.hero};
   display: flex;
   flex-direction: row;
@@ -385,7 +385,7 @@ import{j as i,bJ as $i,e as _,Y as ee,x as fi,u as de,fi as vi,i6 as Ci,i7 as yi
   display: flex;
   flex-direction: column;
   align-items: flex-end;
-`,Ke=r.div`
+`,Be=r.div`
   display: flex;
   flex-direction: column;
   max-width: 155px;
@@ -440,9 +440,9 @@ import{j as i,bJ as $i,e as _,Y as ee,x as fi,u as de,fi as vi,i6 as Ci,i7 as yi
   background-color: ${e=>e.theme.colors.hero};
 `,Ht=r(k)`
   color: ${e=>e.theme.colors.hero};
-`,Bt=r.div`
+`,Kt=r.div`
   padding-right: 20px;
-`,Kt=r(Te)`
+`,Bt=r(Te)`
   color: ${y.link};
   cursor: pointer;
   text-align: right;
@@ -486,7 +486,7 @@ import{j as i,bJ as $i,e as _,Y as ee,x as fi,u as de,fi as vi,i6 as Ci,i7 as yi
   display: flex;
   align-items: center;
   gap: ${t.sp1};
-`,Y={lastListItemHeight:new p(200,158),bannerWrapperMarginLeftRight:new p(a[3],a[8]),styledAIIconContainerSize:new p(a[3],a[3])},{spendManagement:{chargeCard:F},common:Q}=V.getLocalizedStrings(),Gt=66,Xt=64,Zt=351,er=136,ir=({cardList:e,showViewForCardUser:o,controllerEmails:n,isChargeCardFeatureEnabled:h,isDebitCardFeatureEnabled:d,isDebitCardSetupEnabled:l,creditAccount:m,creditAccountRepayment:c,productInformation:w,cashbackInformation:u,creditAccountInformation:$,debitAccountInformation:S,depositAccountListWithDebitCardIssued:x,uiState:j,signedInUser:s,fetchState:g,receiptBotEmail:f,searchText:R,resendInviteId:O,onChargeCardResendInviteClick:I,onChargeCardRevokeInviteClick:A,onChargeCardRowClick:H,onReloadCards:N,onColumnSortConfigChanged:B})=>{const v=_(),di=ee(),li=fi().analytics,ci=!!di.loggedInUserRole.includes("charge_card_user"),he=de(),[,hi]=vi(),[J,pe]=C.useState(!1),[ie,me]=C.useState(!1),pi=()=>{f!=null&&((!h||m.fetchState==="Completed"&&c.fetchState==="Completed")&&(!(d&&l)||x.fetchState==="Completed")&&li.trackCardsCopyIconClick(n,w,"Cards List","Copy","copied","Receipt Email",f,u,$,S),hi(f),pe(!0))};C.useEffect(()=>{J===!0&&setTimeout(()=>{pe(!1)},800)},[J]);const xe=()=>v!=="small"?Ci:ci?yi:ji,mi=e.length*xe()+Gt+Xt,ge=window.innerHeight-Zt,xi=mi>ge,te=C.useRef(null);C.useEffect(()=>{te.current?.resetAfterIndex(0)},[v,te]);const gi=()=>g==="Error"?i.jsxs(nr,{children:[i.jsx(dr,{onClick:N,"data-testid":b("charge-card-list-reload"),children:i.jsx(lr,{})}),i.jsx(cr,{children:Q.reloadPage.label})]}):g==="Completed"&&e.length===0?i.jsx(bi,{sourceView:"charge_cards",style:{height:"calc(100vh - 450px)"},title:F.cardList.getStarted,message:R!==""?F.cardList.noDataWithFilterText:F.cardList.noDataText,messageStyle:{maxWidth:345,color:he.colors.primary,...re.largeRegular.cssObject}}):i.jsxs(ni,{children:[f!=null?i.jsxs(xr,{windowSize:v,children:[i.jsx(vr,{windowSize:v,children:i.jsx(Cr,{})}),i.jsxs(yr,{windowSize:v,children:[i.jsxs(gr,{children:[i.jsx(sr,{children:F.aiCardAgentText}),Q.strings.space,F.receiptBotMessage,Q.strings.space]}),i.jsxs(fr,{"data-testid":b("charge-card-list-copy-email"),onClick:pi,onMouseEnter:()=>me(!0),onMouseLeave:()=>me(!1),children:[i.jsx(wr,{children:f}),J===!0?i.jsxs(Re,{children:[i.jsx($r,{}),i.jsx(Le,{children:i.jsx(Pe,{shouldDisplay:ie||J,color:y.primaryDark,children:Q.copyToClipBoard.copied})})]}):i.jsxs(Re,{children:[i.jsx(ur,{color:ie?he.colors.primary:void 0}),i.jsx(Le,{children:i.jsx(Pe,{shouldDisplay:ie&&v!=="small",children:Q.copyToClipBoard.copy})})]})]})]})]}):null,i.jsx(hr,{windowSize:v,availableHeight:ge,isListTooLarge:xi,children:i.jsx(ki,{children:({height:wi,width:ui})=>i.jsx(Si,{ref:te,height:wi,itemCount:e.length,innerElementType:K=>tr(K,o,B,j,g),itemSize:xe,estimatedItemSize:zi,itemKey:K=>e[K].id,width:ui,overscanCount:Ii,initialScrollOffset:0,children:K=>i.jsx(rr,{...K,resendInviteId:O,onChargeCardResendInviteClick:I,onChargeCardRevokeInviteClick:A,onChargeCardRowClick:H,showViewForCardUser:o,cardList:e,signedInUser:s})})})})]});return i.jsx(ar,{fetchState:g,children:gi()})},tr=(e,o,n,h,d)=>i.jsx(ai,{...e,showViewForCardUser:o,onColumnSortConfigChanged:n,uiState:{sortKey:h.sortKey,sortOrder:h.sortOrder},fetchState:d}),ai=C.forwardRef((e,o)=>{const{children:n,style:h,uiState:d,onColumnSortConfigChanged:l,showViewForCardUser:m,...c}=e;return i.jsxs(ni,{ref:o,style:{...h,width:"auto"},...c,children:[i.jsx(Ki,{companyNameSticky:!1,showViewForCardUser:m,onColumnSortConfigChanged:l,sortConfig:{sortKey:d.sortKey,sortOrder:d.sortOrder}}),i.jsx(mr,{children:n})]})});ai.displayName=F.cardList.headerElementDisplayName;const Lr=({cardList:e,fetchState:o,uiState:n,receiptBotEmail:h,searchText:d,resendInviteId:l,showViewForCardUser:m,signedInUser:c,cashbackInformation:w,creditAccountInformation:u,debitAccountInformation:$,productInformation:S,onChargeCardRowClick:x,onReloadCards:j,onColumnSortConfigChanged:s,onChargeCardResendInviteClick:g,onChargeCardRevokeInviteClick:f,controllerEmails:R,creditAccountRepayment:O,depositAccountListWithDebitCardIssued:I,isChargeCardFeatureEnabled:A,isDebitCardFeatureEnabled:H,isDebitCardSetupEnabled:N,isChargeCardSetupEnabled:B,creditAccount:v})=>($i({componentName:"cards.list",enabled:o==="Completed"}),i.jsx(ir,{cardList:e,controllerEmails:R,isChargeCardFeatureEnabled:A,isDebitCardFeatureEnabled:H,isDebitCardSetupEnabled:N,isChargeCardSetupEnabled:B,cashbackInformation:w,creditAccountInformation:u,debitAccountInformation:$,productInformation:S,creditAccount:v,creditAccountRepayment:O,depositAccountListWithDebitCardIssued:I,showViewForCardUser:m,signedInUser:c,fetchState:o,receiptBotEmail:h,searchText:d,resendInviteId:l,onReloadCards:j,onChargeCardRowClick:x,uiState:n,onColumnSortConfigChanged:s,onChargeCardResendInviteClick:g,onChargeCardRevokeInviteClick:f})),rr=({index:e,style:o,cardList:n,showViewForCardUser:h,signedInUser:d,resendInviteId:l,onChargeCardResendInviteClick:m,onChargeCardRevokeInviteClick:c,onChargeCardRowClick:w})=>i.jsx(pr,{style:{...o,width:"100%"},className:"spend-management-list-item",children:i.jsx(or,{showViewForCardUser:h,cardDetail:n[e],signedInUser:d,resendInviteId:l,index:e,onChargeCardResendInviteClick:m,onChargeCardRevokeInviteClick:c,onChargeCardRowClick:w})},"listItem"+n[e].id),or=({cardDetail:e,showViewForCardUser:o,signedInUser:n,resendInviteId:h,index:d,onChargeCardResendInviteClick:l,onChargeCardRevokeInviteClick:m,onChargeCardRowClick:c})=>{const w=_()==="small"?Dt:st;return i.jsx(w,{showViewForCardUser:o,cardDetail:e,signedInUser:n,index:d,onChargeCardRowClick:c,resendInviteId:h,onChargeCardResendInviteClick:l,onChargeCardRevokeInviteClick:m})},sr=r(Ui)`
+`,Y={lastListItemHeight:new p(200,158),bannerWrapperMarginLeftRight:new p(a[3],a[8]),styledAIIconContainerSize:new p(a[3],a[3])},{spendManagement:{chargeCard:F},common:Q}=V.getLocalizedStrings(),Gt=66,Xt=64,Zt=351,er=136,ir=({cardList:e,showViewForCardUser:o,controllerEmails:n,isChargeCardFeatureEnabled:h,isDebitCardFeatureEnabled:d,isDebitCardSetupEnabled:l,creditAccount:m,creditAccountRepayment:c,productInformation:w,cashbackInformation:u,creditAccountInformation:$,debitAccountInformation:S,depositAccountListWithDebitCardIssued:x,uiState:j,signedInUser:s,fetchState:g,receiptBotEmail:f,searchText:R,resendInviteId:O,onChargeCardResendInviteClick:I,onChargeCardRevokeInviteClick:A,onChargeCardRowClick:H,onReloadCards:N,onColumnSortConfigChanged:K})=>{const v=_(),di=ee(),li=fi().analytics,ci=!!di.loggedInUserRole.includes("charge_card_user"),he=de(),[,hi]=vi(),[J,pe]=C.useState(!1),[ie,me]=C.useState(!1),pi=()=>{f!=null&&((!h||m.fetchState==="Completed"&&c.fetchState==="Completed")&&(!(d&&l)||x.fetchState==="Completed")&&li.trackCardsCopyIconClick(n,w,"Cards List","Copy","copied","Receipt Email",f,u,$,S),hi(f),pe(!0))};C.useEffect(()=>{J===!0&&setTimeout(()=>{pe(!1)},800)},[J]);const xe=()=>v!=="small"?Ci:ci?yi:ji,mi=e.length*xe()+Gt+Xt,ge=window.innerHeight-Zt,xi=mi>ge,te=C.useRef(null);C.useEffect(()=>{te.current?.resetAfterIndex(0)},[v,te]);const gi=()=>g==="Error"?i.jsxs(nr,{children:[i.jsx(dr,{onClick:N,"data-testid":b("charge-card-list-reload"),children:i.jsx(lr,{})}),i.jsx(cr,{children:Q.reloadPage.label})]}):g==="Completed"&&e.length===0?i.jsx(bi,{sourceView:"charge_cards",style:{height:"calc(100vh - 450px)"},title:F.cardList.getStarted,message:R!==""?F.cardList.noDataWithFilterText:F.cardList.noDataText,messageStyle:{maxWidth:345,color:he.colors.primary,...re.largeRegular.cssObject}}):i.jsxs(ni,{children:[f!=null?i.jsxs(xr,{windowSize:v,children:[i.jsx(vr,{windowSize:v,children:i.jsx(Cr,{})}),i.jsxs(yr,{windowSize:v,children:[i.jsxs(gr,{children:[i.jsx(sr,{children:F.aiCardAgentText}),Q.strings.space,F.receiptBotMessage,Q.strings.space]}),i.jsxs(fr,{"data-testid":b("charge-card-list-copy-email"),onClick:pi,onMouseEnter:()=>me(!0),onMouseLeave:()=>me(!1),children:[i.jsx(wr,{children:f}),J===!0?i.jsxs(Re,{children:[i.jsx($r,{}),i.jsx(Le,{children:i.jsx(Pe,{shouldDisplay:ie||J,color:y.primaryDark,children:Q.copyToClipBoard.copied})})]}):i.jsxs(Re,{children:[i.jsx(ur,{color:ie?he.colors.primary:void 0}),i.jsx(Le,{children:i.jsx(Pe,{shouldDisplay:ie&&v!=="small",children:Q.copyToClipBoard.copy})})]})]})]})]}):null,i.jsx(hr,{windowSize:v,availableHeight:ge,isListTooLarge:xi,children:i.jsx(ki,{children:({height:wi,width:ui})=>i.jsx(Si,{ref:te,height:wi,itemCount:e.length,innerElementType:B=>tr(B,o,K,j,g),itemSize:xe,estimatedItemSize:zi,itemKey:B=>e[B].id,width:ui,overscanCount:Ii,initialScrollOffset:0,children:B=>i.jsx(rr,{...B,resendInviteId:O,onChargeCardResendInviteClick:I,onChargeCardRevokeInviteClick:A,onChargeCardRowClick:H,showViewForCardUser:o,cardList:e,signedInUser:s})})})})]});return i.jsx(ar,{fetchState:g,children:gi()})},tr=(e,o,n,h,d)=>i.jsx(ai,{...e,showViewForCardUser:o,onColumnSortConfigChanged:n,uiState:{sortKey:h.sortKey,sortOrder:h.sortOrder},fetchState:d}),ai=C.forwardRef((e,o)=>{const{children:n,style:h,uiState:d,onColumnSortConfigChanged:l,showViewForCardUser:m,...c}=e;return i.jsxs(ni,{ref:o,style:{...h,width:"auto"},...c,children:[i.jsx(Bi,{companyNameSticky:!1,showViewForCardUser:m,onColumnSortConfigChanged:l,sortConfig:{sortKey:d.sortKey,sortOrder:d.sortOrder}}),i.jsx(mr,{children:n})]})});ai.displayName=F.cardList.headerElementDisplayName;const Lr=({cardList:e,fetchState:o,uiState:n,receiptBotEmail:h,searchText:d,resendInviteId:l,showViewForCardUser:m,signedInUser:c,cashbackInformation:w,creditAccountInformation:u,debitAccountInformation:$,productInformation:S,onChargeCardRowClick:x,onReloadCards:j,onColumnSortConfigChanged:s,onChargeCardResendInviteClick:g,onChargeCardRevokeInviteClick:f,controllerEmails:R,creditAccountRepayment:O,depositAccountListWithDebitCardIssued:I,isChargeCardFeatureEnabled:A,isDebitCardFeatureEnabled:H,isDebitCardSetupEnabled:N,isChargeCardSetupEnabled:K,creditAccount:v})=>($i({componentName:"cards.list",enabled:o==="Completed"}),i.jsx(ir,{cardList:e,controllerEmails:R,isChargeCardFeatureEnabled:A,isDebitCardFeatureEnabled:H,isDebitCardSetupEnabled:N,isChargeCardSetupEnabled:K,cashbackInformation:w,creditAccountInformation:u,debitAccountInformation:$,productInformation:S,creditAccount:v,creditAccountRepayment:O,depositAccountListWithDebitCardIssued:I,showViewForCardUser:m,signedInUser:c,fetchState:o,receiptBotEmail:h,searchText:d,resendInviteId:l,onReloadCards:j,onChargeCardRowClick:x,uiState:n,onColumnSortConfigChanged:s,onChargeCardResendInviteClick:g,onChargeCardRevokeInviteClick:f})),rr=({index:e,style:o,cardList:n,showViewForCardUser:h,signedInUser:d,resendInviteId:l,onChargeCardResendInviteClick:m,onChargeCardRevokeInviteClick:c,onChargeCardRowClick:w})=>i.jsx(pr,{style:{...o,width:"100%"},className:"spend-management-list-item",children:i.jsx(or,{showViewForCardUser:h,cardDetail:n[e],signedInUser:d,resendInviteId:l,index:e,onChargeCardResendInviteClick:m,onChargeCardRevokeInviteClick:c,onChargeCardRowClick:w})},"listItem"+n[e].id),or=({cardDetail:e,showViewForCardUser:o,signedInUser:n,resendInviteId:h,index:d,onChargeCardResendInviteClick:l,onChargeCardRevokeInviteClick:m,onChargeCardRowClick:c})=>{const w=_()==="small"?Dt:st;return i.jsx(w,{showViewForCardUser:o,cardDetail:e,signedInUser:n,index:d,onChargeCardRowClick:c,resendInviteId:h,onChargeCardResendInviteClick:l,onChargeCardRevokeInviteClick:m})},sr=r(Ui)`
   color: ${e=>e.theme.colors.brandColorSapphire};
   ${({theme:e})=>e.mode==="dark"&&`color: ${y.brandColorPearl};`}
 `,ar=r.div`

package/dist/assets/{ChargeCardPromoPage-DkBT3XNI-C3oAX2Mk.js → ChargeCardPromoPage-DiamgYrP-XJHQ1I04.js}

@@ -1,4 +1,4 @@
-import{e as b,B as oe,j as r,u as O,Y as $e,x as ye,a2 as be,a0 as je,l as Se,fq as Te,aX as ze,K as Q,$ as ee,o as t,c7 as ve,T as q,c8 as Pe,r as ke,C as h,bW as Be,bB as Ae,i4 as Ie,w as Re,q as x,J as j,g as $,ap as Le,a7 as Me,i5 as _e}from"./index-CLgXcFOQ.js";import{b as S,n as a,j as Ee,k as De}from"./vendor-rkTZJa59.js";import{x as Fe}from"./MeetingCalenderPopup-DitR3JDv-B2ELvbD2.js";import{k as Ue}from"./NavigationDots-BeVhadXT-CV_pkfV2.js";import{J as H,N as G}from"./PromoBaseCards-C41gmAao-BjkCmCkU.js";import{M as L}from"./usp-line-BBd1wKwW-u-VMxix8.js";import"./mui-C42whWwM.js";import"./analytics-B3n5JGPc.js";import"./routing-VwiwPky5.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-BDNqpTKX.js";const g={containerPaddingTopBottom:new h(x[0],x[0]),uspContainerMarginX:new h(x[6],x[0]),midContainerGap:new h(x[4],84),iconContainerMinHeight:new h(236,396),emptySectionHeight:new h(x[6],43),navigationBottom:new h(x[4],94),navigationLeft:new h(192,244),carouselHeight:new h(268,396),carouselMarginTop:new h(54,x[4]),carouselMarginLeft:new h(120,x[12]),buttonTrayGap:new h(x[3],x[5]),termsOfAgreementMarginTop:new h(x[5],x[10]),contactAdminContainerMarginTop:new h(x[0],x[10]),contactAdminContainerMarginBottom:new h(x[4],x[0]),contactAdminContainerMarginLeftRight:new h(x[3],x[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(),Rr=({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:J,onExpressInterestClick:me})=>{const xe=O(),V=$e(),z=b(),W=ye().analytics,{chargeCardTermsDetails:M,companyChargeCardInfo:C,companyLocaleInfo:_}=i,X=be(M?.fetchStatus.fetchState),[ge,K]=S.useState(!1),he=()=>{W.trackCardsPromoPageClicked("schedule demo"),W.trackCardsScheduleDemoClick(p,{isCreditCardOffered:m,isDebitCardOffered:c,isDebitCardEnabled:w,isCreditCardEnabled:f},"Cards Promo"),K(!0)},ue=C!=null&&_!=null?je("0,0",{amount:C.chargeCardsCreditAccountLimit,currencyCode:_.currencyCode,currencySymbol:_.currencySymbol}):void 0;S.useEffect(()=>{X==="In-Progress"&&M?.fetchStatus.fetchState==="Completed"&&J()},[X,J,M?.fetchStatus]);const Y=Se.hasChargeCardAdminLevelAccess(V.loggedInUserRoleMap),we=Te(V),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,Z=E?o.getPreApprovedNow:n?o.enableCardsButton:o.setupCardsButton;return r.jsxs(Je,{children:[r.jsx(ze,{title:o.title[u],backgroundColor:xe.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:()=>{K(!1)},meetingUrl:e}):null,r.jsx(Ke,{windowSize:z,children:Y===!0?r.jsxs(Xe,{children:[r.jsxs(We,{children:[r.jsx(He,{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(Ge,{companyLegalName:s,cards:[],admins:v,cashbackRate:P,hasZeniFinopsRoles:we,cardPromoType:u})}),Y&&!(F||D)?r.jsxs(ir,{windowSize:z,children:[r.jsx(Q,{variant:"secondary",label:o.scheduleDemoButton,style:{width:166},onClick:he,"data-testid":ee("schedule-demo-button")}),r.jsx(Ve,{windowSize:z,children:o.orText}),r.jsx(Q,{variant:"primary",label:Z,style:{minWidth:166},loading:i.chargeCardTermsDetails?.fetchStatus.fetchState==="In-Progress"||Ce==="In-Progress",onClick:Z===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)}})})},He=({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(Ze,{cardPromoType:s,hideBadge:i==null||s==="debit",windowSize:c,children:[n||p||m?null:r.jsx(Cr,{}),r.jsx(Qe,{windowSize:c,children:f})]})]})},Ge=({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(Oe,{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})]})},Oe=({cards:e,companyLegalName:s})=>{const i=O(),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(xr,{children:[m!=null?r.jsx(Ye,{width:t.sp5,height:t.sp5,style:{paddingTop:n==="small"?t.sp1:t.sp0},src:m.href,alt:oe.getLocalizedStrings().cockpit.userProfileAltText,onError:({currentTarget: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(qe,{}):r.jsxs(ar,{windowSize:e,children:[r.jsx(H,{cardPromoType:s,cardText:i,shouldAnimate:!0,showChip:!0,forDashboard:!1,forListPage:!1}),r.jsx(G,{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(R,{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(R,{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(R,{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(R,{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 qe=()=>{const e=b(),s=O(),[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(hr,{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(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"}}}):r.jsx(G,{cardPromoType:l.cardType,cardText:l.cardText,shouldAnimate:!1,showChip:!0,forDashboard:!1,forListPage:!1,style:{borderColor:s.colors.grey2,...s.mode==="light"&&{borderBottom:"none"}}})},l.id),r.jsx(ie,{isReflection:!0,style:{...P(d)},children:d===0||d===2?r.jsx(H,{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(G,{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}})]})},Je=a.div`
+import{e as b,B as oe,j as r,u as J,Y as $e,x as ye,a2 as be,a0 as je,l as Se,fq as Te,aX as ze,K as Y,$ as ee,o as t,c7 as ve,T as O,c8 as Pe,r as ke,C as h,bW as Be,bp as Ae,i4 as Ie,w as Re,q as x,J as j,g as $,ap as Le,a7 as Me,i5 as _e}from"./index-DIh8Zr8t.js";import{b as S,n as a,j as Ee,k as De}from"./vendor-rkTZJa59.js";import{x as Fe}from"./MeetingCalenderPopup-BYqoYPoy-DWbEFvhX.js";import{k as Ue}from"./NavigationDots-2l4DJyet-Cj8JLkJu.js";import{J as H,N as G}from"./PromoBaseCards-CC4THVdC-6kRLHFkY.js";import{M as L}from"./usp-line-BBd1wKwW-u-VMxix8.js";import"./mui-C42whWwM.js";import"./analytics-B3n5JGPc.js";import"./routing-VwiwPky5.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-BDNqpTKX.js";const g={containerPaddingTopBottom:new h(x[0],x[0]),uspContainerMarginX:new h(x[6],x[0]),midContainerGap:new h(x[4],84),iconContainerMinHeight:new h(236,396),emptySectionHeight:new h(x[6],43),navigationBottom:new h(x[4],94),navigationLeft:new h(192,244),carouselHeight:new h(268,396),carouselMarginTop:new h(54,x[4]),carouselMarginLeft:new h(120,x[12]),buttonTrayGap:new h(x[3],x[5]),termsOfAgreementMarginTop:new h(x[5],x[10]),contactAdminContainerMarginTop:new h(x[0],x[10]),contactAdminContainerMarginBottom:new h(x[4],x[0]),contactAdminContainerMarginLeftRight:new h(x[3],x[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(),Rr=({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 xe=J(),V=$e(),z=b(),W=ye().analytics,{chargeCardTermsDetails:M,companyChargeCardInfo:C,companyLocaleInfo:_}=i,X=be(M?.fetchStatus.fetchState),[ge,K]=S.useState(!1),he=()=>{W.trackCardsPromoPageClicked("schedule demo"),W.trackCardsScheduleDemoClick(p,{isCreditCardOffered:m,isDebitCardOffered:c,isDebitCardEnabled:w,isCreditCardEnabled:f},"Cards Promo"),K(!0)},ue=C!=null&&_!=null?je("0,0",{amount:C.chargeCardsCreditAccountLimit,currencyCode:_.currencyCode,currencySymbol:_.currencySymbol}):void 0;S.useEffect(()=>{X==="In-Progress"&&M?.fetchStatus.fetchState==="Completed"&&q()},[X,q,M?.fetchStatus]);const Z=Se.hasChargeCardAdminLevelAccess(V.loggedInUserRoleMap),we=Te(V),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,Q=E?o.getPreApprovedNow:n?o.enableCardsButton:o.setupCardsButton;return r.jsxs(qe,{children:[r.jsx(ze,{title:o.title[u],backgroundColor:xe.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:()=>{K(!1)},meetingUrl:e}):null,r.jsx(Ke,{windowSize:z,children:Z===!0?r.jsxs(Xe,{children:[r.jsxs(We,{children:[r.jsx(He,{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(Ge,{companyLegalName:s,cards:[],admins:v,cashbackRate:P,hasZeniFinopsRoles:we,cardPromoType:u})}),Z&&!(F||D)?r.jsxs(ir,{windowSize:z,children:[r.jsx(Y,{variant:"secondary",label:o.scheduleDemoButton,style:{width:166},onClick:he,"data-testid":ee("schedule-demo-button")}),r.jsx(Ve,{windowSize:z,children:o.orText}),r.jsx(Y,{variant:"primary",label:Q,style:{minWidth:166},loading:i.chargeCardTermsDetails?.fetchStatus.fetchState==="In-Progress"||Ce==="In-Progress",onClick:Q===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)}})})},He=({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(Qe,{cardPromoType:s,hideBadge:i==null||s==="debit",windowSize:c,children:[n||p||m?null:r.jsx(Cr,{}),r.jsx(Ye,{windowSize:c,children:f})]})]})},Ge=({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(Je,{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})]})},Je=({cards:e,companyLegalName:s})=>{const i=J(),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(xr,{children:[m!=null?r.jsx(Ze,{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(Oe,{}):r.jsxs(ar,{windowSize:e,children:[r.jsx(H,{cardPromoType:s,cardText:i,shouldAnimate:!0,showChip:!0,forDashboard:!1,forListPage:!1}),r.jsx(G,{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(R,{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(R,{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(R,{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(R,{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 Oe=()=>{const e=b(),s=J(),[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(hr,{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(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"}}}):r.jsx(G,{cardPromoType:l.cardType,cardText:l.cardText,shouldAnimate:!1,showChip:!0,forDashboard:!1,forListPage:!1,style:{borderColor:s.colors.grey2,...s.mode==="light"&&{borderBottom:"none"}}})},l.id),r.jsx(ie,{isReflection:!0,style:{...P(d)},children:d===0||d===2?r.jsx(H,{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(G,{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%;
@@ -45,18 +45,18 @@ import{e as b,B as oe,j as r,u as O,Y as $e,x as ye,a2 as be,a0 as je,l as Se,fq
   flex-wrap: wrap;
   padding: ${t.sp5} ${t.sp0} ${t.sp0} ${t.sp0};
   color: ${e=>e.theme.colors.primary};
-`,ce=a(q)`
+`,ce=a(O)`
   max-width: 314px;
   margin: auto;
   color: ${e=>e.theme.colors.primary};
   padding: 6px ${t.sp3} ${t.sp0} ${t.sp3};
   text-align: center;
   margin-top: 6px;
-`,Ye=a.img`
+`,Ze=a.img`
   border-radius: 50%;
   justify-content: center;
   color: ${e=>e.theme.colors.hero};
-`,Ze=a.div`
+`,Qe=a.div`
   display: flex;
   flex-direction: row;
   align-items: center;
@@ -75,7 +75,7 @@ import{e as b,B as oe,j as r,u as O,Y as $e,x as ye,a2 as be,a0 as je,l as Se,fq
   ${e=>e.hideBadge&&`
     visibility: hidden;
     `}
-`,Qe=a(q)`
+`,Ye=a(O)`
   color: ${e=>e.theme.mode==="dark"?$.brandColorJade:$.brandColorSapphire};
   text-align: ${e=>e.windowSize==="small"?"left":"center"};
   ${e=>`${T.promoBadgeText.style(e.windowSize)}`};
@@ -156,7 +156,7 @@ import{e as b,B as oe,j as r,u as O,Y as $e,x as ye,a2 as be,a0 as je,l as Se,fq
           margin-top: ${t.sp4};
           margin-bottom: ${t.sp6};
         `}
-`,pr=a(q)`
+`,pr=a(O)`
   color: ${e=>e.theme.colors.hero};
   margin-top: ${e=>g.contactAdminContainerMarginTop.valuePx(e.windowSize)};
   margin-bottom: ${e=>g.contactAdminContainerMarginBottom.valuePx(e.windowSize)};

package/dist/assets/{ChargeCardSetupPage-BUI9rGke-F48qfEoc.js → ChargeCardSetupPage-DwuH7QkV-BwiFFbQs.js}

@@ -1,4 +1,4 @@
-import{u as Ie,e as Ve,x as Be,a2 as M,a as Ue,ca as $e,l as ze,B as _e,a8 as G,j as t,cP as Re,g as Le,C as r,aX as We,m as qe,F as Ne,dO as He,o as U,v as Me,aS as Ge,a4 as Je,q as a,s as Xe}from"./index-CLgXcFOQ.js";import{b as p,n as S}from"./vendor-rkTZJa59.js";import{D as Ke}from"./HelpButton-C6Iv61BM-BVtByn9F.js";import{q as Qe}from"./SetUpDefaultSection-Dpvt1AOg-Ckz4tu8U.js";import{f as Ye,y as J}from"./SpendMgmtSetupAccountSection-Bunn0CsL-B9t_MQ32.js";import{x as Ze}from"./LabeledControlledCheckBoxField-BnJslVpV-BXpPHegG.js";import{g as et}from"./UploadAdditionalDocumentOverlay-92iAk-bm-Bk_vB2q9.js";import"./mui-C42whWwM.js";import"./analytics-B3n5JGPc.js";import"./routing-VwiwPky5.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-BDNqpTKX.js";import"./MeetingCalenderPopup-DitR3JDv-B2ELvbD2.js";import"./ChargeCardUtils-s0f7WDmF-DROWW4W4.js";import"./CreditCardPaymentPlgSection-NL4GrNze-DG9T4yGs.js";import"./ChaseOverlay-CpfVlOOJ-DUmatajH.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])},X="chargeCardSetUpPage",g="payAccount",{commonSetUp:tt,spendManagement:nt}=_e.getLocalizedStrings(),{chargeCard:Y}=nt,{chargeCardSetUp:m}=Y,{setUp:$}=tt,Tt=({autoPayThreshold:e,isDisabled:x,meetingUrl:T,isEarlyPayEnabled:h,chargeCardSetUpView:o,connectedAccountProvider:Z,filesEndPoint:ee,authParams:te,isAccountsEnabled:ne,isDebitCardOnlyEnabled:v,isCreditCardOnlyEnabled:ie,accountsPromoConfig:oe,onFetchLinkTokenClick:ae,onBackClick:ce,onEnableChargeCardClick:se,onUpdateChargeCardClick:le,onBusinessVerificationSectionClick:re,onUpdatePaymentAccountStatus:de,onUpdatePaymentAccountLoginStatus:ue,onUpdatePrimaryFundingAccount:pe,onUpdateAutoPayClick:me,onEstablishConnectionClick:ge,onEstablishConnectionSuccess:he,onClickMenuIcon:fe,onEnableChargeCardSuccess:P,onEditFileName:ye,onDeleteFile:be,updateFilesEntity:Ce,onCompanyOfficerUpdated:Se,onSendForVerificationClick:xe,onSignUpClick:Pe})=>{const f=Ie(),i=Ve(),E=Be().analytics,[w,y]=p.useState(!1),{fetchState:b,companyBillPayInfo:z,isRefreshingViewInBackground:we,updateStatus:d,accountUpdateStatus:Ae,plaidConnectionDetails:ke,allBankAccounts:Te,companyChargeCardInfo:F,companyDebitCardInfo:_,selectedCompanyOfficer:s,primaryFundingAccount:l,allFundingAccounts:R}=o,L=M(b),A=M(d.fetchState),j=Ue({mode:"all",reValidateMode:"onChange",defaultValues:p.useMemo(()=>K(o),[o]),values:K(o)}),ve=j.handleSubmit(se),Ee=async(C,k)=>{const n=k[g];if(C.includes(g))if(C.includes("fundingAccount")){if(n.fundingAccount.selectedOption!=null&&l?.id!=n.fundingAccount.selectedOption){const u=R.find(B=>B.id===n.fundingAccount.selectedOption);u!=null&&pe(n.fundingAccount.selectedOption,u.accType)}}else if(n.account.selectedOption!=null&&l?.id!=null&&l?.zeniAccountId!=n.account.selectedOption){const u=n.account.allOptions.find(B=>B.value===n.account.selectedOption);u!=null&&typeof u.label=="string"&&E.trackConnectBankLink(u.value,u.label,"charge_cards"),le(n.account.selectedOption,l.id,l.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(()=>Ee(n,k))});return()=>{C.unsubscribe()}}),p.useEffect(()=>{!w&&s?.additionalDocumentTypesRequestedForVerification.includes("social_security_card")===!0&&s.areAdditionalDocumentsRequestedForVerification&&!s.areAdditionalDocumentsSubmittedForVerification&&s.userVerificationStatus?.code==="require_info"&&y(!0),w&&L==="In-Progress"&&b==="Completed"&&y(!1)},[s,b,L]),p.useEffect(()=>{A==="In-Progress"&&d.fetchState==="Completed"&&P()},[P,A,d.fetchState]);const D=F?.isChargeCardEnabled===!0,O=_?.isDebitCardEnabled===!0,W=_?.isDebitCardTOSAccepted===!0,q=F?.isChargeCardTOSAccepted===!0,N=z?.isBusinessVerified===!0,Fe=l?.accType==="depositAccount"||ze.isVerifiedPaymentAccountProviderStatusCode(l?.providerVerificationStatus?.code??""),I=v?N:N&&Fe,je=b==="In-Progress"||b==="Not-Started";p.useEffect(()=>{A==="In-Progress"&&d.fetchState==="Completed"&&P()},[P,A,d.fetchState]);const V=v?I&&!O&&W:ie?I&&!D&&q:I&&!(D&&O)&&q&&W,De=V?m.setupSubTitleNotEnabled:m.setupSubTitle,H=f.mode==="light"?new G(f.colors.brandColorJadeLight):new G(f.colors.brandColorJadeDark),Oe=()=>{!w&&s?.additionalDocumentTypesRequestedForVerification.includes("social_security_card")===!0&&s.areAdditionalDocumentsRequestedForVerification&&!s.areAdditionalDocumentsSubmittedForVerification&&s.userVerificationStatus?.code==="require_info"?y(!0):re?.()};return t.jsxs(ot,{children:[t.jsx(Re,{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:s,onClose:()=>y(!1),onCompanyOfficerUpdated:Se,onSendForVerificationClick:xe})}),t.jsx(We,{title:m.setupTitle,backgroundColor:f.colors.grey4,style:{zIndex:3},onBackClick:ce,showMenuIcon:!D&&!O&&(i==="medium-compact"||i==="small"),onClickMenuIcon:fe,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:Q(X),onSubmit:ve,children:t.jsxs(st,{windowSize:i,children:[t.jsx(Qe,{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}),v?null:t.jsx(Ye,{connectedAccountProvider:Z,primaryFundingAccount:l,allFundingAccounts:R,plaidConnectionDetails:ke,allBankAccounts:Te,sectionId:g,isDisabled:x,onFetchLinkTokenClick:ae,onEstablishConnectionClick:ge,onUpdatePaymentAccountStatus:de,onUpdatePaymentAccountLoginStatus:ue,sectionTitle:m.setupAccountSectionTitle,onEstablishConnectionSuccess:he,icon:{element:t.jsx(Ge,{width:c.iconWidthHeight.valuePx(i),height:c.iconWidthHeight.valuePx(i)}),color:H},analytics:E,productType:"charge_cards",isAccountsEnabled:ne,onSignUpClick:Pe,pageName:m.pageName,accountsPromoConfig:oe,accountSelectContainerStyle:h?{marginBottom:"20px"}:{},bottomComponent:h&&t.jsx(Ze,{label:{label:Y.payEarly.enableAutoPay.replace("__autoPayThreshold__",e.toString()),style:{color:f.colors.primary,...Me.smallRegular.cssObject,alignItems:"center"}},style:{width:"unset",marginRight:U.sp4,marginTop:U.sp1,alignItems:i==="small"?"flex-start":"center"},checkBoxField:{name:J(g,"enableAutoPay"),checkBoxValue:J(g,"enableAutoPay"),defaultChecked:F?.isAutoPayEnabled,style:{top:c.checkBoxTop.valuePx(i)}}})})]})})})]}),V?t.jsx(Je,{formId:Q(X),primaryBtn:{label:m.enableAccounts,style:{width:"auto",minWidth:i==="small"?"auto":"181px"},isLoading:d.fetchState==="In-Progress"||Ae.fetchState==="In-Progress",isDisabled:x!=null},showCancel:!1,cancelBtn:{label:""},style:{padding:`12px ${U.sp3}`}}):null,t.jsx(Ke,{isFooterRendered:V,meetingUrl:T,analytics:E,productType:"charge_cards"})]})},K=e=>{const{allBankAccounts:x,allFundingAccounts:T,primaryFundingAccount:h}=e;return{[g]:{fundingAccount:{selectedOption:h?.id,allOptions:T.map(o=>({label:o.label,value:o.id,isRecommended:o.accType==="depositAccount"}))},account:{selectedOption:h?.zeniAccountId,allOptions:x.map(o=>({label:o.accountName,value:o.accountId}))},enableAutoPay:e.companyChargeCardInfo?.isAutoPayEnabled}}},Q=e=>`${e}_form`,it=S.div`
+import{u as Ie,e as Ve,x as Be,a2 as M,a as Ue,ca as $e,l as ze,B as _e,a8 as G,j as t,cP as Re,g as Le,C as r,aX as We,m as qe,F as Ne,dO as He,o as U,v as Me,aS as Ge,a4 as Je,q as a,s as Xe}from"./index-DIh8Zr8t.js";import{b as p,n as S}from"./vendor-rkTZJa59.js";import{D as Ke}from"./HelpButton-Cejsxx_E-DbOhIKff.js";import{q as Qe}from"./SetUpDefaultSection-fQGcSH2--i6_Lmo2x.js";import{f as Ye,y as J}from"./SpendMgmtSetupAccountSection-D5iTQjyq-C5Z8ggWG.js";import{x as Ze}from"./LabeledControlledCheckBoxField-BDA4nfH4-D0iYyig-.js";import{g as et}from"./UploadAdditionalDocumentOverlay-BT2BHgsi-mJFaB3wn.js";import"./mui-C42whWwM.js";import"./analytics-B3n5JGPc.js";import"./routing-VwiwPky5.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-BDNqpTKX.js";import"./MeetingCalenderPopup-BYqoYPoy-DWbEFvhX.js";import"./ChargeCardUtils-zpJF3Rda-Be5yTQoe.js";import"./CreditCardPaymentPlgSection-BpNE78CU-stoFu9l7.js";import"./ChaseOverlay-DjKikFfn-CLpspWOE.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])},X="chargeCardSetUpPage",g="payAccount",{commonSetUp:tt,spendManagement:nt}=_e.getLocalizedStrings(),{chargeCard:Y}=nt,{chargeCardSetUp:m}=Y,{setUp:$}=tt,Tt=({autoPayThreshold:e,isDisabled:x,meetingUrl:T,isEarlyPayEnabled:h,chargeCardSetUpView:o,connectedAccountProvider:Z,filesEndPoint:ee,authParams:te,isAccountsEnabled:ne,isDebitCardOnlyEnabled:v,isCreditCardOnlyEnabled:ie,accountsPromoConfig:oe,onFetchLinkTokenClick:ae,onBackClick:ce,onEnableChargeCardClick:se,onUpdateChargeCardClick:le,onBusinessVerificationSectionClick:re,onUpdatePaymentAccountStatus:de,onUpdatePaymentAccountLoginStatus:ue,onUpdatePrimaryFundingAccount:pe,onUpdateAutoPayClick:me,onEstablishConnectionClick:ge,onEstablishConnectionSuccess:he,onClickMenuIcon:fe,onEnableChargeCardSuccess:P,onEditFileName:ye,onDeleteFile:be,updateFilesEntity:Ce,onCompanyOfficerUpdated:Se,onSendForVerificationClick:xe,onSignUpClick:Pe})=>{const f=Ie(),i=Ve(),E=Be().analytics,[w,y]=p.useState(!1),{fetchState:b,companyBillPayInfo:z,isRefreshingViewInBackground:we,updateStatus:d,accountUpdateStatus:Ae,plaidConnectionDetails:ke,allBankAccounts:Te,companyChargeCardInfo:F,companyDebitCardInfo:_,selectedCompanyOfficer:s,primaryFundingAccount:l,allFundingAccounts:R}=o,L=M(b),A=M(d.fetchState),j=Ue({mode:"all",reValidateMode:"onChange",defaultValues:p.useMemo(()=>K(o),[o]),values:K(o)}),ve=j.handleSubmit(se),Ee=async(C,k)=>{const n=k[g];if(C.includes(g))if(C.includes("fundingAccount")){if(n.fundingAccount.selectedOption!=null&&l?.id!=n.fundingAccount.selectedOption){const u=R.find(B=>B.id===n.fundingAccount.selectedOption);u!=null&&pe(n.fundingAccount.selectedOption,u.accType)}}else if(n.account.selectedOption!=null&&l?.id!=null&&l?.zeniAccountId!=n.account.selectedOption){const u=n.account.allOptions.find(B=>B.value===n.account.selectedOption);u!=null&&typeof u.label=="string"&&E.trackConnectBankLink(u.value,u.label,"charge_cards"),le(n.account.selectedOption,l.id,l.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(()=>Ee(n,k))});return()=>{C.unsubscribe()}}),p.useEffect(()=>{!w&&s?.additionalDocumentTypesRequestedForVerification.includes("social_security_card")===!0&&s.areAdditionalDocumentsRequestedForVerification&&!s.areAdditionalDocumentsSubmittedForVerification&&s.userVerificationStatus?.code==="require_info"&&y(!0),w&&L==="In-Progress"&&b==="Completed"&&y(!1)},[s,b,L]),p.useEffect(()=>{A==="In-Progress"&&d.fetchState==="Completed"&&P()},[P,A,d.fetchState]);const D=F?.isChargeCardEnabled===!0,O=_?.isDebitCardEnabled===!0,W=_?.isDebitCardTOSAccepted===!0,q=F?.isChargeCardTOSAccepted===!0,N=z?.isBusinessVerified===!0,Fe=l?.accType==="depositAccount"||ze.isVerifiedPaymentAccountProviderStatusCode(l?.providerVerificationStatus?.code??""),I=v?N:N&&Fe,je=b==="In-Progress"||b==="Not-Started";p.useEffect(()=>{A==="In-Progress"&&d.fetchState==="Completed"&&P()},[P,A,d.fetchState]);const V=v?I&&!O&&W:ie?I&&!D&&q:I&&!(D&&O)&&q&&W,De=V?m.setupSubTitleNotEnabled:m.setupSubTitle,H=f.mode==="light"?new G(f.colors.brandColorJadeLight):new G(f.colors.brandColorJadeDark),Oe=()=>{!w&&s?.additionalDocumentTypesRequestedForVerification.includes("social_security_card")===!0&&s.areAdditionalDocumentsRequestedForVerification&&!s.areAdditionalDocumentsSubmittedForVerification&&s.userVerificationStatus?.code==="require_info"?y(!0):re?.()};return t.jsxs(ot,{children:[t.jsx(Re,{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:s,onClose:()=>y(!1),onCompanyOfficerUpdated:Se,onSendForVerificationClick:xe})}),t.jsx(We,{title:m.setupTitle,backgroundColor:f.colors.grey4,style:{zIndex:3},onBackClick:ce,showMenuIcon:!D&&!O&&(i==="medium-compact"||i==="small"),onClickMenuIcon:fe,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:Q(X),onSubmit:ve,children:t.jsxs(st,{windowSize:i,children:[t.jsx(Qe,{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}),v?null:t.jsx(Ye,{connectedAccountProvider:Z,primaryFundingAccount:l,allFundingAccounts:R,plaidConnectionDetails:ke,allBankAccounts:Te,sectionId:g,isDisabled:x,onFetchLinkTokenClick:ae,onEstablishConnectionClick:ge,onUpdatePaymentAccountStatus:de,onUpdatePaymentAccountLoginStatus:ue,sectionTitle:m.setupAccountSectionTitle,onEstablishConnectionSuccess:he,icon:{element:t.jsx(Ge,{width:c.iconWidthHeight.valuePx(i),height:c.iconWidthHeight.valuePx(i)}),color:H},analytics:E,productType:"charge_cards",isAccountsEnabled:ne,onSignUpClick:Pe,pageName:m.pageName,accountsPromoConfig:oe,accountSelectContainerStyle:h?{marginBottom:"20px"}:{},bottomComponent:h&&t.jsx(Ze,{label:{label:Y.payEarly.enableAutoPay.replace("__autoPayThreshold__",e.toString()),style:{color:f.colors.primary,...Me.smallRegular.cssObject,alignItems:"center"}},style:{width:"unset",marginRight:U.sp4,marginTop:U.sp1,alignItems:i==="small"?"flex-start":"center"},checkBoxField:{name:J(g,"enableAutoPay"),checkBoxValue:J(g,"enableAutoPay"),defaultChecked:F?.isAutoPayEnabled,style:{top:c.checkBoxTop.valuePx(i)}}})})]})})})]}),V?t.jsx(Je,{formId:Q(X),primaryBtn:{label:m.enableAccounts,style:{width:"auto",minWidth:i==="small"?"auto":"181px"},isLoading:d.fetchState==="In-Progress"||Ae.fetchState==="In-Progress",isDisabled:x!=null},showCancel:!1,cancelBtn:{label:""},style:{padding:`12px ${U.sp3}`}}):null,t.jsx(Ke,{isFooterRendered:V,meetingUrl:T,analytics:E,productType:"charge_cards"})]})},K=e=>{const{allBankAccounts:x,allFundingAccounts:T,primaryFundingAccount:h}=e;return{[g]:{fundingAccount:{selectedOption:h?.id,allOptions:T.map(o=>({label:o.label,value:o.id,isRecommended:o.accType==="depositAccount"}))},account:{selectedOption:h?.zeniAccountId,allOptions:x.map(o=>({label:o.accountName,value:o.accountId}))},enableAutoPay:e.companyChargeCardInfo?.isAutoPayEnabled}}},Q=e=>`${e}_form`,it=S.div`
   display: flex;
   justify-content: flex-start;
   height: 100%;

package/dist/assets/{ChargeCardStatementsPage-DvtO3kDU-rBVchx1D.js → ChargeCardStatementsPage-v2KcWk13-DJm6gUu7.js}

@@ -1,4 +1,4 @@
-import{u as F,e as T,j as t,aX as W,B,o as h,C as w,s as R,ao as q,x as O,h6 as V,$ as G,m as J,q as s,by as Q}from"./index-CLgXcFOQ.js";import{n as i,b as U}from"./vendor-rkTZJa59.js";import{$ as X,g as _}from"./BoxItem-CRLLf8CY-Bcvs4I-j.js";import{w as H}from"./downloadPdf-D0tiRCmN-nUHSVanl.js";import"./mui-C42whWwM.js";import"./analytics-B3n5JGPc.js";import"./routing-VwiwPky5.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-BDNqpTKX.js";import"./commonDimensions-DS-Ok384-eoq34XUo.js";const Y=B.getLocalizedStrings().months,A={downloadButtonSize:new w(s[4],20)},K=i.div`
+import{u as F,e as T,j as t,aX as W,B,o as h,C as w,s as R,ao as q,x as O,h6 as V,$ as G,m as J,q as s,bz as Q}from"./index-DIh8Zr8t.js";import{n as i,b as U}from"./vendor-rkTZJa59.js";import{$ as X,g as _}from"./BoxItem-DIbpeSiB-B47dtyeF.js";import{w as H}from"./downloadPdf-B2dA1tl0-DGv4XoQv.js";import"./mui-C42whWwM.js";import"./analytics-B3n5JGPc.js";import"./routing-VwiwPky5.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-BDNqpTKX.js";import"./commonDimensions-DsEmTJ8o-DqHucb_9.js";const Y=B.getLocalizedStrings().months,A={downloadButtonSize:new w(s[4],20)},K=i.div`
   display: flex;
   padding: ${h.sp3} ${h.sp4};
   flex-direction: row;
@@ -27,7 +27,7 @@ import{u as F,e as T,j as t,aX as W,B,o as h,C as w,s as R,ao as q,x as O,h6 as
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`;function ie({currentTenantCompanyName:e,data:r,index:n,controllerEmails:l,isDebitCardFeatureEnabled:a,isDebitCardSetupEnabled:o,chargeCardCashbackDetailState:d,depositAccountListWithDebitCardIssued:g,debitCardSummary:C,productInformation:y,creditAccountInformation:S,debitAccountInformation:$,cashbackInformation:f,creditAccountRepayment:j,authParams:P,downloadEndPoint:k,boxType:I}){const b=O().analytics,[v,E]=U.useState(!1),c=T(),z=Y[r.monthYearPeriod.month-1],p=`${e}-Credit-Card-Monthly-Statement-${Y[r.monthYearPeriod.month-1]}-${r.monthYearPeriod.year}.pdf`,m={period:`${r.monthYearPeriod.year}-${V(r.monthYearPeriod.month)}`,format:"pdf"},u=t.jsx(K,{children:t.jsxs(Z,{children:[t.jsx(ee,{children:z}),t.jsx(te,{"data-testid":G("download-card-statement"),onClick:()=>{d.fetchState==="Completed"&&j.fetchState==="Completed"&&(!(a&&o)||g.fetchState==="Completed"&&C?.fetchState==="Completed")&&f!=null&&b.trackCardsDownloadClick(l,y,f,{fileCategory:"Credit Card Statement",fileType:"pdf",fileName:p,fileMonthYear:`${Y[r.monthYearPeriod.month-1]} ${r.monthYearPeriod.year}`},"Credit Card Statements",n+1,S,$),H(`${k}/statements?query=${encodeURIComponent(JSON.stringify(m))}`,p,P,E)},children:v?t.jsx(J,{size:"Small",start:!0}):t.jsx(ae,{windowSize:c})})]})});return t.jsx(_,{content:u,boxType:I,isDisabled:!1,isNotClickable:!0})}const M=B.getLocalizedStrings().spendManagement.chargeCard.statements,x={listItemMarginLeftRight:new w(s[3],s[8]),containerMarginTop:new w(s[0],s[2]),titleMarginLeftRight:new w(s[3],s[8])},je=({currentTenantCompanyName:e,authParams:r,controllerEmails:n,productInformation:l,cashbackInformation:a,creditAccountInformation:o,debitAccountInformation:d,isChargeCardFeatureEnabled:g,isDebitCardFeatureEnabled:C,isDebitCardSetupEnabled:y,isChargeCardSetupEnabled:S,chargeCardCashbackDetailState:$,depositAccountListWithDebitCardIssued:f,creditAccountRepayment:j,debitCardSummary:P,creditAccount:k,downloadEndPoint:I,statementListView:b,onBackClick:v})=>{const E=F(),c=T(),{sortedYear:z,monthsByYearWithSortedMonth:p}=me(b.statements);return t.jsxs(se,{children:[t.jsx(W,{title:M.title,backgroundColor:E.colors.grey4,style:{zIndex:3},onBackClick:v,source:"ChargeCardStatementsPage"}),t.jsx(ce,{windowSize:c,children:b.statements.length===0?t.jsx(L,{children:t.jsx(de,{children:t.jsx(N,{windowSize:c,children:t.jsx(le,{children:M.noStatements})})})}):t.jsx(re,{children:z.map(m=>t.jsxs(ne,{children:[t.jsx(oe,{windowSize:c,children:m}),t.jsx(L,{children:p[m].map((u,D)=>t.jsx(N,{windowSize:c,children:t.jsx(ie,{productInformation:l,creditAccountInformation:o,debitAccountInformation:d,cashbackInformation:a,creditAccountRepayment:j,depositAccountListWithDebitCardIssued:f,debitCardSummary:P,controllerEmails:n,isChargeCardFeatureEnabled:g,isDebitCardFeatureEnabled:C,isDebitCardSetupEnabled:y,isChargeCardSetupEnabled:S,chargeCardCashbackDetailState:$,creditAccount:k,currentTenantCompanyName:e,index:D,data:u,authParams:r,downloadEndPoint:I,boxType:X(D,p[m].length)},u.id)},u.id))})]},m))})})]})},re=i.div``,ne=i.div`
+`;function ie({currentTenantCompanyName:e,data:r,index:n,controllerEmails:l,isDebitCardFeatureEnabled:a,isDebitCardSetupEnabled:o,chargeCardCashbackDetailState:d,depositAccountListWithDebitCardIssued:g,debitCardSummary:C,productInformation:S,creditAccountInformation:y,debitAccountInformation:$,cashbackInformation:f,creditAccountRepayment:j,authParams:P,downloadEndPoint:k,boxType:I}){const b=O().analytics,[v,z]=U.useState(!1),c=T(),E=Y[r.monthYearPeriod.month-1],p=`${e}-Credit-Card-Monthly-Statement-${Y[r.monthYearPeriod.month-1]}-${r.monthYearPeriod.year}.pdf`,m={period:`${r.monthYearPeriod.year}-${V(r.monthYearPeriod.month)}`,format:"pdf"},u=t.jsx(K,{children:t.jsxs(Z,{children:[t.jsx(ee,{children:E}),t.jsx(te,{"data-testid":G("download-card-statement"),onClick:()=>{d.fetchState==="Completed"&&j.fetchState==="Completed"&&(!(a&&o)||g.fetchState==="Completed"&&C?.fetchState==="Completed")&&f!=null&&b.trackCardsDownloadClick(l,S,f,{fileCategory:"Credit Card Statement",fileType:"pdf",fileName:p,fileMonthYear:`${Y[r.monthYearPeriod.month-1]} ${r.monthYearPeriod.year}`},"Credit Card Statements",n+1,y,$),H(`${k}/statements?query=${encodeURIComponent(JSON.stringify(m))}`,p,P,z)},children:v?t.jsx(J,{size:"Small",start:!0}):t.jsx(ae,{windowSize:c})})]})});return t.jsx(_,{content:u,boxType:I,isDisabled:!1,isNotClickable:!0})}const M=B.getLocalizedStrings().spendManagement.chargeCard.statements,x={listItemMarginLeftRight:new w(s[3],s[8]),containerMarginTop:new w(s[0],s[2]),titleMarginLeftRight:new w(s[3],s[8])},je=({currentTenantCompanyName:e,authParams:r,controllerEmails:n,productInformation:l,cashbackInformation:a,creditAccountInformation:o,debitAccountInformation:d,isChargeCardFeatureEnabled:g,isDebitCardFeatureEnabled:C,isDebitCardSetupEnabled:S,isChargeCardSetupEnabled:y,chargeCardCashbackDetailState:$,depositAccountListWithDebitCardIssued:f,creditAccountRepayment:j,debitCardSummary:P,creditAccount:k,downloadEndPoint:I,statementListView:b,onBackClick:v})=>{const z=F(),c=T(),{sortedYear:E,monthsByYearWithSortedMonth:p}=me(b.statements);return t.jsxs(se,{children:[t.jsx(W,{title:M.title,backgroundColor:z.colors.grey4,style:{zIndex:3},onBackClick:v,source:"ChargeCardStatementsPage"}),t.jsx(ce,{windowSize:c,children:b.statements.length===0?t.jsx(L,{children:t.jsx(de,{children:t.jsx(N,{windowSize:c,children:t.jsx(le,{children:M.noStatements})})})}):t.jsx(re,{children:E.map(m=>t.jsxs(ne,{children:[t.jsx(oe,{windowSize:c,children:m}),t.jsx(L,{children:p[m].map((u,D)=>t.jsx(N,{windowSize:c,children:t.jsx(ie,{productInformation:l,creditAccountInformation:o,debitAccountInformation:d,cashbackInformation:a,creditAccountRepayment:j,depositAccountListWithDebitCardIssued:f,debitCardSummary:P,controllerEmails:n,isChargeCardFeatureEnabled:g,isDebitCardFeatureEnabled:C,isDebitCardSetupEnabled:S,isChargeCardSetupEnabled:y,chargeCardCashbackDetailState:$,creditAccount:k,currentTenantCompanyName:e,index:D,data:u,authParams:r,downloadEndPoint:I,boxType:X(D,p[m].length)},u.id)},u.id))})]},m))})})]})},re=i.div``,ne=i.div`
   margin-bottom: ${h.sp6};
 `,L=i.div``,oe=i(q)`
   margin-left: ${e=>x.titleMarginLeftRight.valuePx(e.windowSize)};

package/dist/assets/{ChargeCardUtils-s0f7WDmF-DROWW4W4.js → ChargeCardUtils-zpJF3Rda-Be5yTQoe.js}

@@ -1 +1 @@
-import{fl as D,B,dt as c,l as S}from"./index-CLgXcFOQ.js";function A(e){const a=e.match(/\d+/g);if(!a||a.length!==3)return null;const r=parseInt(a[0]),d=parseInt(a[1]),t=parseInt(a[2]);return"#"+(1<<24|r<<16|d<<8|t).toString(16).slice(1)}const L=({signedInUserToken:e,showSecretInfo:a,setShowPhoneNumberPopup:r,onFireOnClickAnalytics:d,setShowSecretInfo:t})=>{(e==null||e.expiry.isBefore(S.dateNow()))&&a===!1?(r(!0),d("verify card details")):e?.token!=null&&a===!1?t(!0):e?.token!=null&&a===!0&&t(!1)},F=e=>e.includes("credit")?"credit":"debit",{dateFormat:s}=B.getLocalizedStrings(),N=({chargeCardDetailView:e,classListFetchState:a,analytics:r,isChargeCardFeatureEnabled:d,creditAccount:t,pageName:o,addToWalletType:i,creditAccountRepayment:l,isDebitCard:n,isChargeCardAdmin:m,cardIssuedByRoles:u,cardIssuedByDepartmentName:h,cardHolderRoles:C,cardHolderDepartmentName:g,controllerEmails:p,productInformation:y,creditAccountInformation:f,debitAccountInformation:I})=>{e.chargeCard!=null&&a==="Completed"&&(!d||t.fetchState==="Completed"&&l.fetchState==="Completed")&&(!(n&&m)||e.depositAccountLimitFetchState.fetchState==="Completed")&&r.trackCardsAddToWalletClick(p,y,{cardId:e.chargeCard.id,cardName:e.chargeCard.cardName,cardType:F(e.chargeCard.type.code),cardCategory:e.chargeCard.type.code.includes("physical")?"physical":"virtual",cardLimit:D(e.chargeCard.limit.amount),cardLastFourDigits:e.chargeCard.accountLast4,cardStatus:e.chargeCard.status.code,cardAssignedDate:e.chargeCard.createTime?.format(s.analytics.MMMDashDDDashYYYYFormat),cardIssuedDate:e.chargeCard.providerCardCreateTime?.format(s.analytics.MMMDashDDDashYYYYFormat),cardLimitFrequency:e.chargeCard.creditLimitFrequency.name},{cardIssuedByName:c(e.chargeCard.cardCreatedByUser,!1),cardIssuedByEmail:e.chargeCard.cardCreatedByUser?.email,cardIssuedByUserId:e.chargeCard.cardCreatedByUser?.userId,cardIssuedByRole:u,cardIssuedByDepartment:h},{cardholderName:c(e.chargeCard.cardHolderUser,!1),cardholderEmail:e.chargeCard.cardHolderUser?.email,cardholderRole:C,cardholderUserId:e.chargeCard.cardHolderUser?.userId,cardholderDepartment:g},o,i,f,I)},b=(e,a)=>{if(e<=0)return 0;const r=e-a;return Math.round(r/e*100)},M=e=>e.limit.amount-e.available.amount,Y="1.75";export{F,N as H,A as L,b as M,L as U,M as _,Y as b};
+import{fl as D,B,dt as c,l as S}from"./index-DIh8Zr8t.js";function A(e){const a=e.match(/\d+/g);if(!a||a.length!==3)return null;const r=parseInt(a[0]),d=parseInt(a[1]),t=parseInt(a[2]);return"#"+(1<<24|r<<16|d<<8|t).toString(16).slice(1)}const L=({signedInUserToken:e,showSecretInfo:a,setShowPhoneNumberPopup:r,onFireOnClickAnalytics:d,setShowSecretInfo:t})=>{(e==null||e.expiry.isBefore(S.dateNow()))&&a===!1?(r(!0),d("verify card details")):e?.token!=null&&a===!1?t(!0):e?.token!=null&&a===!0&&t(!1)},F=e=>e.includes("credit")?"credit":"debit",{dateFormat:s}=B.getLocalizedStrings(),N=({chargeCardDetailView:e,classListFetchState:a,analytics:r,isChargeCardFeatureEnabled:d,creditAccount:t,pageName:o,addToWalletType:i,creditAccountRepayment:l,isDebitCard:n,isChargeCardAdmin:m,cardIssuedByRoles:u,cardIssuedByDepartmentName:h,cardHolderRoles:C,cardHolderDepartmentName:g,controllerEmails:p,productInformation:y,creditAccountInformation:f,debitAccountInformation:I})=>{e.chargeCard!=null&&a==="Completed"&&(!d||t.fetchState==="Completed"&&l.fetchState==="Completed")&&(!(n&&m)||e.depositAccountLimitFetchState.fetchState==="Completed")&&r.trackCardsAddToWalletClick(p,y,{cardId:e.chargeCard.id,cardName:e.chargeCard.cardName,cardType:F(e.chargeCard.type.code),cardCategory:e.chargeCard.type.code.includes("physical")?"physical":"virtual",cardLimit:D(e.chargeCard.limit.amount),cardLastFourDigits:e.chargeCard.accountLast4,cardStatus:e.chargeCard.status.code,cardAssignedDate:e.chargeCard.createTime?.format(s.analytics.MMMDashDDDashYYYYFormat),cardIssuedDate:e.chargeCard.providerCardCreateTime?.format(s.analytics.MMMDashDDDashYYYYFormat),cardLimitFrequency:e.chargeCard.creditLimitFrequency.name},{cardIssuedByName:c(e.chargeCard.cardCreatedByUser,!1),cardIssuedByEmail:e.chargeCard.cardCreatedByUser?.email,cardIssuedByUserId:e.chargeCard.cardCreatedByUser?.userId,cardIssuedByRole:u,cardIssuedByDepartment:h},{cardholderName:c(e.chargeCard.cardHolderUser,!1),cardholderEmail:e.chargeCard.cardHolderUser?.email,cardholderRole:C,cardholderUserId:e.chargeCard.cardHolderUser?.userId,cardholderDepartment:g},o,i,f,I)},b=(e,a)=>{if(e<=0)return 0;const r=e-a;return Math.round(r/e*100)},M=e=>e.limit.amount-e.available.amount,Y="1.75";export{F,N as H,A as L,b as M,L as U,M as _,Y as b};