@zeniai/web-cockpit-ui 1.15.9-qa → 1.15.10-dev

package/dist/assets/{ChargeCardListPage-y3xkEXMi-D_v1WA0F.js → ChargeCardListPage-igseWp-z-CgO4ULTe.js}

@@ -1,4 +1,4 @@
-import{a8 as Za,aQ as z,aw as er,fS as tr,iM as W,Q as Pe,o as a,g as ta,V as t,bB as ar,g4 as rr,ff as ie,b as D,bS as nt,p,aN as me,aP as V,aY as st,F as Fe,y as H,ai as J,a as ir,d as or,cY as nr,as as aa,bJ as sr,a$ as ct,aT as dr,am as lt,a9 as cr,gR as lr,er as ur,ao as hr,ac as mr,ga as pr,r as Nt,u as _,d6 as ra,aq as Cr,al as gr,M as br,cX as fr,bv as xr,bU as yr}from"./index-CbMlqZJL.js";import{a as l}from"./sentry-CTKU7CLc.js";import{n as r,c as ut,k as Sr}from"./mui-C_Pjuwl5.js";import{EL as wr,G2 as kr,bh as zt,bL as $r,bP as Ir}from"./zeni-epic-state-Cl3KIlic.js";import{t as vr}from"./SpendManagementSection-p_rbwPsi-BpX_0ctO.js";import{D as oe,r as jr,i as Lr}from"./ChargeCardListTable-BZVA1znA-KTzgqKt2.js";import{ChargeCardPromoUserContent as Ar}from"./ChargeCardPromoPage-BGwXpSoW-BA6l2ILe.js";import{N as Er,J as Pr}from"./PromoBaseCards-CSisWvqE-BUbYvyJg.js";import{z as Ot,L as _t,k as Fr,P as Tr}from"./LockCardPage-CXZAffaX-C3jJ_tSh.js";import{r as Mr,i as Dr}from"./graphic-no-data-net-burn-l-CzmycA0m-Bxmoc4Q1.js";import{t as Rr,o as Br}from"./arrow-south-east-round-PEovUgvH-BwMp8Z1R.js";import"./liveblocks-D8QW-YrN.js";import"./core-mVc5WAnu.js";import"./recharts-BGj_NTVO.js";import"./lottie-CoVfqInY.js";import"./analytics-YsywGP0I.js";import"./lexical-D1NyDz9G.js";import"./utils-DJxCyxGL.js";import"./RoleWithToolTip-D4abtguM-BxLN9hbA.js";import"./CardNumberSubText-BFe7Gawq-BM_FTr_M.js";import"./NavigationDots-DgfBVlG5-DqhfZvwQ.js";import"./usp-line-BBd1wKwW-DQyOXy13.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},c=new e.Error().stack;c&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[c]="f3440d5b-704e-49c5-ae56-f75127b33932",e._sentryDebugIdIdentifier="sentry-dbid-f3440d5b-704e-49c5-ae56-f75127b33932")}catch{}})();const ht={infoSubheadingTextMarginTop:new H(_[0],_[0]),cardsMinWidth:new H(343,353)},Ee=Fe.getLocalizedStrings().spendManagement.chargeCard.chargeCardsPromo.listPage,Ut=({cardPromoType:e,cardText:c,header:u,title:d,subTitle:n,slidingTextList:m,onClick:F,status:$,statusMessage:U})=>{const B=Pe(),A=$!==void 0,G=$==="rejected"?Ee.status.requestRejected:$==="under_review"?Ee.status.requestUnderReview:"";return t.jsxs(zr,{windowSize:B,cardPromoType:e,"data-testid":V("list-page-promo-card",e),onClick:()=>F(e),children:[t.jsxs(ia,{isStatusMode:A,children:[t.jsxs(na,{children:[A?t.jsx(Ur,{children:G}):t.jsx(oa,{children:u}),t.jsx(Wr,{children:d}),A?null:t.jsx(qr,{children:n})]}),!A&&t.jsxs(Jr,{children:[t.jsx(Yr,{}),m.length>0&&t.jsx(dt,{slideUpCount:m.length,children:m.map((ne,se)=>t.jsx(sa,{children:ne},`card-promo-${se.toString()}`))}),t.jsx(Kr,{})]}),U!=null&&A?t.jsx(Vr,{status:$,children:U}):null]}),t.jsx(Qr,{isStatusMode:A,children:t.jsx(Er,{cardPromoType:e,cardText:c,shouldAnimate:!1,forDashboard:!1,showChip:!1,forListPage:!0})}),t.jsx(Xr,{isStatusMode:A,children:t.jsx(Pr,{cardPromoType:e,cardText:c,shouldAnimate:!1,forDashboard:!1,showChip:!1,forListPage:!0})})]})},Vt=({cardType:e,header:c,title:u,creditLimit:d,onCreateNowClick:n})=>{const m=Pe();return t.jsx(Or,{windowSize:m,cardType:e,children:t.jsxs(_r,{children:[t.jsxs(na,{children:[t.jsx(oa,{children:c}),t.jsx(Gr,{children:t.jsx(Hr,{children:u})}),t.jsx(Zr,{windowSize:m,children:t.jsxs(ei,{windowSize:m,onClick:()=>n(e),"data-testid":V("total-cashback-info"),children:[t.jsx(sa,{children:Ee.createNow}),t.jsx(ti,{})]})})]}),e==="creditCard"?t.jsxs(ai,{children:[t.jsx(ri,{children:Ee.creditLimit}),t.jsx(ii,{children:d})]}):null]})})},Nr=e=>{const c=e-1;let u=`
+import{a8 as Za,aQ as z,aw as er,fS as tr,iM as W,Q as Pe,o as a,g as ta,V as t,bB as ar,g4 as rr,ff as ie,b as D,bS as nt,p,aN as me,aP as V,aY as st,F as Fe,y as H,ai as J,a as ir,d as or,cY as nr,as as aa,bJ as sr,a$ as ct,aT as dr,am as lt,a9 as cr,gR as lr,er as ur,ao as hr,ac as mr,ga as pr,r as Nt,u as _,d6 as ra,aq as Cr,al as gr,M as br,cX as fr,bv as xr,bU as yr}from"./index-BhvUwV_v.js";import{a as l}from"./sentry-DgGQRl6g.js";import{n as r,c as ut,k as Sr}from"./mui-DqYnCiYu.js";import{EL as wr,G2 as kr,bh as zt,bL as $r,bP as Ir}from"./zeni-epic-state-WWg2r7iB.js";import{t as vr}from"./SpendManagementSection-vo9WEGWQ-DV0kvnxH.js";import{D as oe,r as jr,i as Lr}from"./ChargeCardListTable-C-nM1SEM-CukpO46W.js";import{ChargeCardPromoUserContent as Ar}from"./ChargeCardPromoPage-DEjWh0Ax-DtQMu7KS.js";import{N as Er,J as Pr}from"./PromoBaseCards-wfvFaqMw-CY2jDhRy.js";import{z as Ot,L as _t,k as Fr,P as Tr}from"./LockCardPage-Bq0Tu8g8-C6m1-JJ1.js";import{r as Mr,i as Dr}from"./graphic-no-data-net-burn-l-CzmycA0m-C46dJM7J.js";import{t as Rr,o as Br}from"./arrow-south-east-round-PEovUgvH-CV7FSM6U.js";import"./liveblocks-BqcT5iTZ.js";import"./core-B9Znwqny.js";import"./recharts-D7E0WJGk.js";import"./lottie-oQfNS8l-.js";import"./analytics-DO1unY4G.js";import"./lexical-DSIpBzCF.js";import"./utils-C_quS4m3.js";import"./RoleWithToolTip-DvYf0VUz-DfyQTHhc.js";import"./CardNumberSubText-CPcuTV6V-CmAy0kVV.js";import"./NavigationDots-BPsFQiss-Dqh0y0c_.js";import"./usp-line-BBd1wKwW-EmNWFdhU.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},c=new e.Error().stack;c&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[c]="9412209a-2888-475c-a89a-e693a1ab9d17",e._sentryDebugIdIdentifier="sentry-dbid-9412209a-2888-475c-a89a-e693a1ab9d17")}catch{}})();const ht={infoSubheadingTextMarginTop:new H(_[0],_[0]),cardsMinWidth:new H(343,353)},Ee=Fe.getLocalizedStrings().spendManagement.chargeCard.chargeCardsPromo.listPage,Ut=({cardPromoType:e,cardText:c,header:u,title:d,subTitle:n,slidingTextList:m,onClick:F,status:$,statusMessage:U})=>{const B=Pe(),A=$!==void 0,G=$==="rejected"?Ee.status.requestRejected:$==="under_review"?Ee.status.requestUnderReview:"";return t.jsxs(zr,{windowSize:B,cardPromoType:e,"data-testid":V("list-page-promo-card",e),onClick:()=>F(e),children:[t.jsxs(ia,{isStatusMode:A,children:[t.jsxs(na,{children:[A?t.jsx(Ur,{children:G}):t.jsx(oa,{children:u}),t.jsx(Wr,{children:d}),A?null:t.jsx(qr,{children:n})]}),!A&&t.jsxs(Jr,{children:[t.jsx(Yr,{}),m.length>0&&t.jsx(dt,{slideUpCount:m.length,children:m.map((ne,se)=>t.jsx(sa,{children:ne},`card-promo-${se.toString()}`))}),t.jsx(Kr,{})]}),U!=null&&A?t.jsx(Vr,{status:$,children:U}):null]}),t.jsx(Qr,{isStatusMode:A,children:t.jsx(Er,{cardPromoType:e,cardText:c,shouldAnimate:!1,forDashboard:!1,showChip:!1,forListPage:!0})}),t.jsx(Xr,{isStatusMode:A,children:t.jsx(Pr,{cardPromoType:e,cardText:c,shouldAnimate:!1,forDashboard:!1,showChip:!1,forListPage:!0})})]})},Vt=({cardType:e,header:c,title:u,creditLimit:d,onCreateNowClick:n})=>{const m=Pe();return t.jsx(Or,{windowSize:m,cardType:e,children:t.jsxs(_r,{children:[t.jsxs(na,{children:[t.jsx(oa,{children:c}),t.jsx(Gr,{children:t.jsx(Hr,{children:u})}),t.jsx(Zr,{windowSize:m,children:t.jsxs(ei,{windowSize:m,onClick:()=>n(e),"data-testid":V("total-cashback-info"),children:[t.jsx(sa,{children:Ee.createNow}),t.jsx(ti,{})]})})]}),e==="creditCard"?t.jsxs(ai,{children:[t.jsx(ri,{children:Ee.creditLimit}),t.jsx(ii,{children:d})]}):null]})})},Nr=e=>{const c=e-1;let u=`
     0% {
       transform: translateY(0);
     }

package/dist/assets/{ChargeCardListTable-BZVA1znA-KTzgqKt2.js → ChargeCardListTable-C-nM1SEM-CukpO46W.js}

@@ -1,4 +1,4 @@
-import{cc as ni,V as t,a9 as li,ac as di,F as le,Q as ie,aw as Se,a8 as ci,g as Fe,gY as hi,iN as pi,iO as ui,iP as mi,aR as gi,o as i,aP as Y,cl as xi,b as Be,p as I,b3 as wi,cs as Ci,iQ as fi,iR as yi,bS as ye,cv as Oe,bN as Si,aT as ki,y as C,eC as vi,ba as $i,iS as ji,aU as bi,e as Ii,ai as ee,g$ as Li,am as G,al as J,u as p,cI as Fi,eA as zi,iT as Ai,iU as Pi,a as ft,bX as yt,iV as St,iW as Ri,bQ as Bi,cy as Ge,iX as kt,dt as Di,du as q,aN as ce,cu as vt,T as $t,iY as _i,cB as Ei,iF as Je,bJ as jt,bL as bt,iZ as Ti,i_ as Oi,aV as $e,bt as Vi,bY as Ui,bZ as Ni,i$ as Mi}from"./index-CbMlqZJL.js";import{S as pe,a as f}from"./sentry-CTKU7CLc.js";import{n as o,c as Qe}from"./mui-C_Pjuwl5.js";import{T as It}from"./RoleWithToolTip-D4abtguM-BxLN9hbA.js";import{j as Ve}from"./CardNumberSubText-BFe7Gawq-BM_FTr_M.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},s=new e.Error().stack;s&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[s]="e34c02a6-5551-4505-8c5d-c95c7c663a99",e._sentryDebugIdIdentifier="sentry-dbid-e34c02a6-5551-4505-8c5d-c95c7c663a99")}catch{}})();const ge=le.getLocalizedStrings().spendManagement.chargeCard.cardList.header,Wi=le.getLocalizedStrings().common.strings.empty,Xe={key:"owner",value:ge.owner,sortOrder:"ascending",width:new C(120,120,160,200,200)},Ze={key:"cardName",value:ge.cardName,sortOrder:"ascending",width:new C(120,120,160,171,171)},et={key:"cardType",value:ge.cardType,sortOrder:"ascending",width:new C(120,120,130,170,170)},tt={key:"status",value:ge.status,sortOrder:"ascending",width:new C(115,115,125,132,132)},it={key:"utilisation",value:ge.utilisation,sortOrder:"ascending",width:new C(p[11],p[11],p[11],p[12],120)},ot={key:"limit",value:ge.limit,sortOrder:"ascending",width:new C(68,68,68,120,120)},Lt=e=>e===!0?[{...Xe,width:new C(0,0),value:Wi},Ze,et,tt,it,ot]:[Xe,Ze,et,tt,it,ot],{common:Ce,spendManagement:{billPay:{paymentDetails:{feePercent:Hi}},chargeCard:$}}=le.getLocalizedStrings(),re={containerPaddingLeft:new C(p[3],p[2]),containerPaddingRight:new C(p[2],p[3]),containerPaddingTop:new C(p[2],p[3]),containerPaddingBottom:new C(p[2],p[3]),containerMarginLeft:new C(p[4],p[0]),containerMarginRight:new C(p[4],p[0]),webkitLineClamp:new C(2,1,1,1,1)};var Ki=(e=>(e.CLOSE="close",e.LOCK="lock",e.UNLOCK="unlock",e.RENAME="rename",e.UPDATE_SPEND_LIMIT="update_spend_limit",e.REVOKE_INVITE="revoke_invite",e))(Ki||{});const qi={moreItemFont:new ft("extraSmallRegular","smallRegular")},Yi=({setCardIdForRowAction:e,setActionTypeForRowAction:s,rowActionView:r,revokeChargeCardsInviteFetchState:d,unlockChargeCardsFetchState:c,cardsSelectedForBulkAction:l,cardDetail:a,isCardControlsEnabled:n,showViewForCardUser:x,signedInUser:w,resendInviteId:g,index:S,onChargeCardRowClick:j,onChargeCardResendInviteClick:k})=>{const[h,m]=f.useState(!1),[y,R]=f.useState(!1);f.useEffect(()=>{h||R(!1)},[h]),f.useEffect(()=>{l.length>0&&h&&(m(!1),R(!1))},[l.length,h]);const B=r.cardId===a.id,D=l.includes(a.id),F=B&&r.unlockChargeCardsFetchState.fetchState==="In-Progress"||D&&c==="In-Progress",N=B&&r.revokeChargeCardFetchState.fetchState==="In-Progress"||D&&d==="In-Progress",u=F||N,v=ie(),E=!!Se().loggedInUserRole.includes("charge_card_user")||x,M=f.useCallback(()=>{j(a.id,S)},[a.id]),O=kt(a)/a.limit.amount*100,W=a?.cardHolderUserId===w.userId,A=a.status.code!=="closed"&&a.status.code!=="closed_by_customer",V=Di(a.cardHolderUser,!1),H=a.balance,z=Lt(E),te=t.jsxs(t.Fragment,{children:[t.jsx(q,{isLoading:u,customStyle:{width:i.sp9,height:"20px",borderRadius:i.sp1},children:t.jsx(uo,{title:ce("0,0.[00]",H),className:"amountToUtilize",children:ce("0,0.[00]",H)})}),O!==0?t.jsx(q,{isLoading:u,customStyle:{width:i.sp11,height:i.sp3,borderRadius:i.sp1},children:t.jsx(mo,{className:"amountToUtilize",children:`${Math.round(O)}${Hi}`})}):null]}),Q=a.type.code,_=$.cardList.tooltip[Q],de=_!=null?W?_.self:`${V} ${_.cardUser}`:Ce.strings.empty;return t.jsx(Ji,{windowSize:v,children:t.jsx(Qi,{onClick:M,"data-testid":Y("card-row",a.id),children:t.jsxs(Zi,{children:[E?null:t.jsx(ue,{children:t.jsxs(eo,{windowSize:v,responsiveWidth:z[0].width,children:[t.jsx(q,{isLoading:u,flex:"0 0",customStyle:{width:i.sp6,height:i.sp6,borderRadius:"50%"},children:t.jsx(vt,{personBasic:a.cardHolderUser,styles:{height:i.sp6,width:i.sp6,minWidth:i.sp6}})}),t.jsxs(io,{isLoading:u,children:[t.jsx(to,{isLoading:u,children:t.jsx(q,{isLoading:u,customStyle:{width:"88px",height:"20px",borderRadius:i.sp1},children:t.jsx(oo,{windowSize:v,title:V,className:"cardHolderName",children:V===Ce.strings.empty?Ce.strings.hyphen:V})})}),t.jsx(q,{isLoading:u,customStyle:{width:"104px",height:i.sp3,borderRadius:i.sp1},children:t.jsx(nt,{className:"additionalInfoContainer",children:a.cardHolderRoles?.userRoles!=null&&t.jsx(It,{roles:a.cardHolderRoles?.userRoles})})})]})]})}),t.jsx(ue,{children:t.jsxs(no,{isLoading:u,windowSize:v,responsiveWidth:z[1].width,children:[t.jsx(q,{isLoading:u,customStyle:{width:"88px",height:"20px",borderRadius:i.sp1},children:t.jsx(lo,{title:a.cardName,className:"cardName",children:a.cardName})}),t.jsxs(q,{isLoading:u,customStyle:{width:"104px",height:i.sp3,borderRadius:i.sp1},children:[" ",t.jsx(yo,{windowSize:v,className:"cardNameSubText",children:a.status.code==="request_on_hold"?Ce.strings.hyphen:$.cardDetails.expiryHideOut+Ce.strings.space+a.accountLast4})]})]})}),t.jsx(ue,{children:t.jsx(co,{windowSize:v,responsiveWidth:z[2].width,children:t.jsx(ho,{className:"card-type",children:t.jsx(q,{isLoading:u,customStyle:{width:"144px",height:i.sp4,borderRadius:i.sp1},children:t.jsx(Ve,{cardDetail:a,forDetailPage:!1})})})})}),t.jsx(ue,{children:t.jsx(lt,{windowSize:v,isLoading:u,responsiveWidth:z[3].width,children:t.jsx(q,{isLoading:u,customStyle:{width:"112px",height:i.sp4,borderRadius:i.sp1},children:g===a.id?t.jsx($t,{size:"Small",start:!0}):t.jsxs(po,{children:[t.jsx(wo,{children:a.status.code==="request_on_hold"?t.jsxs(ye,{display:"flex",title:de,placement:"top",style:{padding:`${i.sp2} ${i.sp3}`},children:[t.jsx(Le,{status:a.status.code,style:{cursor:"pointer"}}),t.jsx(go,{style:{marginLeft:i.sp1},className:"infoIconTooltip"})]}):t.jsx(Le,{status:a.status.code})}),a.status.code==="request_on_hold"&&!W?t.jsx(xo,{onClick:K=>{K.stopPropagation(),k(a.id)},"data-testid":Y("send-reminder",a.id),children:$.cardList.sendReminder}):null]})})})}),t.jsx(ue,{children:t.jsx(lt,{windowSize:v,isLoading:u,responsiveWidth:z[4].width,children:te})}),t.jsx(ue,{children:t.jsxs(so,{windowSize:v,responsiveWidth:z[5].width,children:[t.jsxs(ro,{windowSize:v,isLoading:u,children:[t.jsx(q,{isLoading:u,customStyle:{width:"68px",height:"20px",borderRadius:i.sp1},children:t.jsx(ao,{className:"limitAmount",windowSize:v,title:ce("0,0.[00]",a.limit),children:ce("0,0.[00]",a.limit)})}),t.jsx(nt,{className:"additionalInfoContainer",children:t.jsx(q,{isLoading:u,customStyle:{width:i.sp8,height:i.sp3,borderRadius:i.sp1},children:a.creditLimitFrequency.name})})]}),t.jsx(Co,{className:"menu-icon",onMouseEnter:()=>{!h&&A&&R(!0)},onMouseLeave:()=>{A&&R(!1)},children:(()=>{const K=a.status.code==="locked",oe=a.status.code==="closed"||a.status.code==="closed_by_customer",xe=E?n&&!u&&!oe&&!(K&&a.isLockedByAdmin):n?!u&&A:a.status.code==="request_on_hold",b=l.length>0;return xe&&t.jsx(ye,{open:y&&!h&&!b,variant:"standard",title:$.cardList.moreActionsTooltip,placement:"bottom-end",children:t.jsx(Oe,{isMenuVisible:!0,menuItems:t.jsx(fo,{children:t.jsx(Ft,{cardDetail:a,isCardControlsEnabled:n,isChargeCardUser:E,setIsMenuOpen:m,setCardIdForRowAction:e,setActionTypeForRowAction:s})}),setIsMenuOpen:ze=>{b||m(ze)},isMenuOpen:h&&!b,menuIconStyles:{height:"auto",cursor:b?"not-allowed":"pointer",opacity:b?.5:1,pointerEvents:b?"none":"auto"},styles:{transform:`translate(${i.sp3},${i.sp2})`}})})})()})]})})]})})})},Ft=({cardDetail:e,isCardControlsEnabled:s,isChargeCardUser:r,setIsMenuOpen:d,setCardIdForRowAction:c,setActionTypeForRowAction:l})=>{const a=ie();return s?e.status.code==="request_on_hold"?r?t.jsxs(L,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("rename")},children:[t.jsx(se,{}),t.jsx(T,{children:$.cardDetails.moreOptions.rename})]}):t.jsxs(t.Fragment,{children:[t.jsxs(L,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("rename")},children:[t.jsx(se,{}),t.jsx(T,{children:$.cardDetails.moreOptions.rename})]}),t.jsx(je,{}),t.jsxs(L,{hoverImportant:!0,windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("revoke_invite")},children:[t.jsx(Xi,{}),t.jsx(fe,{children:$.cardDetails.revokeInvite})]})]}):e.status.code==="inactive"?r?t.jsxs(L,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("rename")},children:[t.jsx(se,{}),t.jsx(T,{children:$.cardDetails.moreOptions.rename})]}):t.jsxs(t.Fragment,{children:[t.jsxs(L,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("rename")},children:[t.jsx(se,{}),t.jsx(T,{children:$.cardDetails.moreOptions.rename})]}),t.jsx(je,{}),t.jsxs(L,{hoverImportant:!0,windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("close")},children:[t.jsx(Re,{}),t.jsx(fe,{children:$.cardDetails.moreOptions.close})]})]}):e.status.code==="locked"?r?t.jsxs(t.Fragment,{children:[t.jsxs(L,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("unlock")},children:[t.jsx(at,{}),t.jsx(T,{children:$.cardDetails.moreOptions.unlock})]}),t.jsxs(L,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("rename")},children:[t.jsx(se,{}),t.jsx(T,{children:$.cardDetails.moreOptions.rename})]})]}):t.jsxs(t.Fragment,{children:[t.jsxs(L,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("unlock")},children:[t.jsx(at,{}),t.jsx(T,{children:$.cardDetails.moreOptions.unlock})]}),t.jsxs(L,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("rename")},children:[t.jsx(se,{}),t.jsx(T,{children:$.cardDetails.moreOptions.rename})]}),t.jsxs(L,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("update_spend_limit")},children:[t.jsx(st,{}),t.jsx(T,{children:$.cardDetails.moreOptions.updateSpendLimit})]}),t.jsx(je,{}),t.jsxs(L,{hoverImportant:!0,windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("close")},children:[t.jsx(Re,{}),t.jsx(fe,{children:$.cardDetails.moreOptions.close})]})]}):r?t.jsxs(t.Fragment,{children:[t.jsxs(L,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("rename")},children:[t.jsx(se,{}),t.jsx(T,{children:$.cardDetails.moreOptions.rename})]}),t.jsxs(L,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("lock")},children:[t.jsx(rt,{}),t.jsx(T,{children:$.cardDetails.moreOptions.lock})]})]}):t.jsxs(t.Fragment,{children:[t.jsxs(L,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("update_spend_limit")},children:[t.jsx(st,{}),t.jsx(T,{children:$.cardDetails.moreOptions.updateSpendLimit})]}),t.jsxs(L,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("rename")},children:[t.jsx(se,{}),t.jsx(T,{children:$.cardDetails.moreOptions.rename})]}),t.jsxs(L,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("lock")},children:[t.jsx(rt,{}),t.jsx(T,{children:$.cardDetails.moreOptions.lock})]}),t.jsx(je,{}),t.jsxs(L,{windowSize:a,hoverImportant:!0,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("close")},children:[t.jsx(Re,{}),t.jsx(fe,{children:$.cardDetails.moreOptions.close})]})]}):e.status.code==="request_on_hold"?t.jsx(L,{hoverImportant:!0,windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("revoke_invite")},children:t.jsx(fe,{children:$.cardDetails.revokeInvite})}):null},Le=({status:e,style:s})=>{const r=Fe(),d=Gi(e,r),c=le.getLocalizedStrings().spendManagement.chargeCard.cardList.status;return ie()==="small"?t.jsx(Je,{textColor:d,text:c[e],tagStyles:{maxWidth:i.sp10,textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap",padding:"1px 6px",...s}}):t.jsx(Je,{textColor:d,text:c[e],styles:s,tagStyles:{padding:"1px 6px"}})},Gi=(e,s)=>{switch(e){case"active":return new $e(I.success);case"request_on_hold":return new $e(I.graphColor36);case"inactive":return new $e(I.alert);default:return new $e(s.colors.grey1)}},T=o(J)`
+import{cc as ni,V as t,a9 as li,ac as di,F as le,Q as ie,aw as Se,a8 as ci,g as Fe,gY as hi,iN as pi,iO as ui,iP as mi,aR as gi,o as i,aP as Y,cl as xi,b as Be,p as I,b3 as wi,cs as Ci,iQ as fi,iR as yi,bS as ye,cv as Oe,bN as Si,aT as ki,y as C,eC as vi,ba as $i,iS as ji,aU as bi,e as Ii,ai as ee,g$ as Li,am as G,al as J,u as p,cI as Fi,eA as zi,iT as Ai,iU as Pi,a as ft,bX as yt,iV as St,iW as Ri,bQ as Bi,cy as Ge,iX as kt,dt as Di,du as q,aN as ce,cu as vt,T as $t,iY as _i,cB as Ei,iF as Je,bJ as jt,bL as bt,iZ as Ti,i_ as Oi,aV as $e,bt as Vi,bY as Ui,bZ as Ni,i$ as Mi}from"./index-BhvUwV_v.js";import{P as pe,a as f}from"./sentry-DgGQRl6g.js";import{n as o,c as Qe}from"./mui-DqYnCiYu.js";import{T as It}from"./RoleWithToolTip-DvYf0VUz-DfyQTHhc.js";import{j as Ve}from"./CardNumberSubText-CPcuTV6V-CmAy0kVV.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},s=new e.Error().stack;s&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[s]="5dad0252-9091-4eec-93e5-c4a75929dd5e",e._sentryDebugIdIdentifier="sentry-dbid-5dad0252-9091-4eec-93e5-c4a75929dd5e")}catch{}})();const ge=le.getLocalizedStrings().spendManagement.chargeCard.cardList.header,Wi=le.getLocalizedStrings().common.strings.empty,Xe={key:"owner",value:ge.owner,sortOrder:"ascending",width:new C(120,120,160,200,200)},Ze={key:"cardName",value:ge.cardName,sortOrder:"ascending",width:new C(120,120,160,171,171)},et={key:"cardType",value:ge.cardType,sortOrder:"ascending",width:new C(120,120,130,170,170)},tt={key:"status",value:ge.status,sortOrder:"ascending",width:new C(115,115,125,132,132)},it={key:"utilisation",value:ge.utilisation,sortOrder:"ascending",width:new C(p[11],p[11],p[11],p[12],120)},ot={key:"limit",value:ge.limit,sortOrder:"ascending",width:new C(68,68,68,120,120)},Lt=e=>e===!0?[{...Xe,width:new C(0,0),value:Wi},Ze,et,tt,it,ot]:[Xe,Ze,et,tt,it,ot],{common:Ce,spendManagement:{billPay:{paymentDetails:{feePercent:Hi}},chargeCard:$}}=le.getLocalizedStrings(),re={containerPaddingLeft:new C(p[3],p[2]),containerPaddingRight:new C(p[2],p[3]),containerPaddingTop:new C(p[2],p[3]),containerPaddingBottom:new C(p[2],p[3]),containerMarginLeft:new C(p[4],p[0]),containerMarginRight:new C(p[4],p[0]),webkitLineClamp:new C(2,1,1,1,1)};var Ki=(e=>(e.CLOSE="close",e.LOCK="lock",e.UNLOCK="unlock",e.RENAME="rename",e.UPDATE_SPEND_LIMIT="update_spend_limit",e.REVOKE_INVITE="revoke_invite",e))(Ki||{});const qi={moreItemFont:new ft("extraSmallRegular","smallRegular")},Yi=({setCardIdForRowAction:e,setActionTypeForRowAction:s,rowActionView:r,revokeChargeCardsInviteFetchState:d,unlockChargeCardsFetchState:c,cardsSelectedForBulkAction:l,cardDetail:a,isCardControlsEnabled:n,showViewForCardUser:x,signedInUser:w,resendInviteId:g,index:S,onChargeCardRowClick:j,onChargeCardResendInviteClick:k})=>{const[h,m]=f.useState(!1),[y,R]=f.useState(!1);f.useEffect(()=>{h||R(!1)},[h]),f.useEffect(()=>{l.length>0&&h&&(m(!1),R(!1))},[l.length,h]);const B=r.cardId===a.id,D=l.includes(a.id),F=B&&r.unlockChargeCardsFetchState.fetchState==="In-Progress"||D&&c==="In-Progress",N=B&&r.revokeChargeCardFetchState.fetchState==="In-Progress"||D&&d==="In-Progress",u=F||N,v=ie(),E=!!Se().loggedInUserRole.includes("charge_card_user")||x,M=f.useCallback(()=>{j(a.id,S)},[a.id]),O=kt(a)/a.limit.amount*100,W=a?.cardHolderUserId===w.userId,A=a.status.code!=="closed"&&a.status.code!=="closed_by_customer",V=Di(a.cardHolderUser,!1),H=a.balance,z=Lt(E),te=t.jsxs(t.Fragment,{children:[t.jsx(q,{isLoading:u,customStyle:{width:i.sp9,height:"20px",borderRadius:i.sp1},children:t.jsx(uo,{title:ce("0,0.[00]",H),className:"amountToUtilize",children:ce("0,0.[00]",H)})}),O!==0?t.jsx(q,{isLoading:u,customStyle:{width:i.sp11,height:i.sp3,borderRadius:i.sp1},children:t.jsx(mo,{className:"amountToUtilize",children:`${Math.round(O)}${Hi}`})}):null]}),Q=a.type.code,_=$.cardList.tooltip[Q],de=_!=null?W?_.self:`${V} ${_.cardUser}`:Ce.strings.empty;return t.jsx(Ji,{windowSize:v,children:t.jsx(Qi,{onClick:M,"data-testid":Y("card-row",a.id),children:t.jsxs(Zi,{children:[E?null:t.jsx(ue,{children:t.jsxs(eo,{windowSize:v,responsiveWidth:z[0].width,children:[t.jsx(q,{isLoading:u,flex:"0 0",customStyle:{width:i.sp6,height:i.sp6,borderRadius:"50%"},children:t.jsx(vt,{personBasic:a.cardHolderUser,styles:{height:i.sp6,width:i.sp6,minWidth:i.sp6}})}),t.jsxs(io,{isLoading:u,children:[t.jsx(to,{isLoading:u,children:t.jsx(q,{isLoading:u,customStyle:{width:"88px",height:"20px",borderRadius:i.sp1},children:t.jsx(oo,{windowSize:v,title:V,className:"cardHolderName",children:V===Ce.strings.empty?Ce.strings.hyphen:V})})}),t.jsx(q,{isLoading:u,customStyle:{width:"104px",height:i.sp3,borderRadius:i.sp1},children:t.jsx(nt,{className:"additionalInfoContainer",children:a.cardHolderRoles?.userRoles!=null&&t.jsx(It,{roles:a.cardHolderRoles?.userRoles})})})]})]})}),t.jsx(ue,{children:t.jsxs(no,{isLoading:u,windowSize:v,responsiveWidth:z[1].width,children:[t.jsx(q,{isLoading:u,customStyle:{width:"88px",height:"20px",borderRadius:i.sp1},children:t.jsx(lo,{title:a.cardName,className:"cardName",children:a.cardName})}),t.jsxs(q,{isLoading:u,customStyle:{width:"104px",height:i.sp3,borderRadius:i.sp1},children:[" ",t.jsx(yo,{windowSize:v,className:"cardNameSubText",children:a.status.code==="request_on_hold"?Ce.strings.hyphen:$.cardDetails.expiryHideOut+Ce.strings.space+a.accountLast4})]})]})}),t.jsx(ue,{children:t.jsx(co,{windowSize:v,responsiveWidth:z[2].width,children:t.jsx(ho,{className:"card-type",children:t.jsx(q,{isLoading:u,customStyle:{width:"144px",height:i.sp4,borderRadius:i.sp1},children:t.jsx(Ve,{cardDetail:a,forDetailPage:!1})})})})}),t.jsx(ue,{children:t.jsx(lt,{windowSize:v,isLoading:u,responsiveWidth:z[3].width,children:t.jsx(q,{isLoading:u,customStyle:{width:"112px",height:i.sp4,borderRadius:i.sp1},children:g===a.id?t.jsx($t,{size:"Small",start:!0}):t.jsxs(po,{children:[t.jsx(wo,{children:a.status.code==="request_on_hold"?t.jsxs(ye,{display:"flex",title:de,placement:"top",style:{padding:`${i.sp2} ${i.sp3}`},children:[t.jsx(Le,{status:a.status.code,style:{cursor:"pointer"}}),t.jsx(go,{style:{marginLeft:i.sp1},className:"infoIconTooltip"})]}):t.jsx(Le,{status:a.status.code})}),a.status.code==="request_on_hold"&&!W?t.jsx(xo,{onClick:K=>{K.stopPropagation(),k(a.id)},"data-testid":Y("send-reminder",a.id),children:$.cardList.sendReminder}):null]})})})}),t.jsx(ue,{children:t.jsx(lt,{windowSize:v,isLoading:u,responsiveWidth:z[4].width,children:te})}),t.jsx(ue,{children:t.jsxs(so,{windowSize:v,responsiveWidth:z[5].width,children:[t.jsxs(ro,{windowSize:v,isLoading:u,children:[t.jsx(q,{isLoading:u,customStyle:{width:"68px",height:"20px",borderRadius:i.sp1},children:t.jsx(ao,{className:"limitAmount",windowSize:v,title:ce("0,0.[00]",a.limit),children:ce("0,0.[00]",a.limit)})}),t.jsx(nt,{className:"additionalInfoContainer",children:t.jsx(q,{isLoading:u,customStyle:{width:i.sp8,height:i.sp3,borderRadius:i.sp1},children:a.creditLimitFrequency.name})})]}),t.jsx(Co,{className:"menu-icon",onMouseEnter:()=>{!h&&A&&R(!0)},onMouseLeave:()=>{A&&R(!1)},children:(()=>{const K=a.status.code==="locked",oe=a.status.code==="closed"||a.status.code==="closed_by_customer",xe=E?n&&!u&&!oe&&!(K&&a.isLockedByAdmin):n?!u&&A:a.status.code==="request_on_hold",b=l.length>0;return xe&&t.jsx(ye,{open:y&&!h&&!b,variant:"standard",title:$.cardList.moreActionsTooltip,placement:"bottom-end",children:t.jsx(Oe,{isMenuVisible:!0,menuItems:t.jsx(fo,{children:t.jsx(Ft,{cardDetail:a,isCardControlsEnabled:n,isChargeCardUser:E,setIsMenuOpen:m,setCardIdForRowAction:e,setActionTypeForRowAction:s})}),setIsMenuOpen:ze=>{b||m(ze)},isMenuOpen:h&&!b,menuIconStyles:{height:"auto",cursor:b?"not-allowed":"pointer",opacity:b?.5:1,pointerEvents:b?"none":"auto"},styles:{transform:`translate(${i.sp3},${i.sp2})`}})})})()})]})})]})})})},Ft=({cardDetail:e,isCardControlsEnabled:s,isChargeCardUser:r,setIsMenuOpen:d,setCardIdForRowAction:c,setActionTypeForRowAction:l})=>{const a=ie();return s?e.status.code==="request_on_hold"?r?t.jsxs(L,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("rename")},children:[t.jsx(se,{}),t.jsx(T,{children:$.cardDetails.moreOptions.rename})]}):t.jsxs(t.Fragment,{children:[t.jsxs(L,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("rename")},children:[t.jsx(se,{}),t.jsx(T,{children:$.cardDetails.moreOptions.rename})]}),t.jsx(je,{}),t.jsxs(L,{hoverImportant:!0,windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("revoke_invite")},children:[t.jsx(Xi,{}),t.jsx(fe,{children:$.cardDetails.revokeInvite})]})]}):e.status.code==="inactive"?r?t.jsxs(L,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("rename")},children:[t.jsx(se,{}),t.jsx(T,{children:$.cardDetails.moreOptions.rename})]}):t.jsxs(t.Fragment,{children:[t.jsxs(L,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("rename")},children:[t.jsx(se,{}),t.jsx(T,{children:$.cardDetails.moreOptions.rename})]}),t.jsx(je,{}),t.jsxs(L,{hoverImportant:!0,windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("close")},children:[t.jsx(Re,{}),t.jsx(fe,{children:$.cardDetails.moreOptions.close})]})]}):e.status.code==="locked"?r?t.jsxs(t.Fragment,{children:[t.jsxs(L,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("unlock")},children:[t.jsx(at,{}),t.jsx(T,{children:$.cardDetails.moreOptions.unlock})]}),t.jsxs(L,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("rename")},children:[t.jsx(se,{}),t.jsx(T,{children:$.cardDetails.moreOptions.rename})]})]}):t.jsxs(t.Fragment,{children:[t.jsxs(L,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("unlock")},children:[t.jsx(at,{}),t.jsx(T,{children:$.cardDetails.moreOptions.unlock})]}),t.jsxs(L,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("rename")},children:[t.jsx(se,{}),t.jsx(T,{children:$.cardDetails.moreOptions.rename})]}),t.jsxs(L,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("update_spend_limit")},children:[t.jsx(st,{}),t.jsx(T,{children:$.cardDetails.moreOptions.updateSpendLimit})]}),t.jsx(je,{}),t.jsxs(L,{hoverImportant:!0,windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("close")},children:[t.jsx(Re,{}),t.jsx(fe,{children:$.cardDetails.moreOptions.close})]})]}):r?t.jsxs(t.Fragment,{children:[t.jsxs(L,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("rename")},children:[t.jsx(se,{}),t.jsx(T,{children:$.cardDetails.moreOptions.rename})]}),t.jsxs(L,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("lock")},children:[t.jsx(rt,{}),t.jsx(T,{children:$.cardDetails.moreOptions.lock})]})]}):t.jsxs(t.Fragment,{children:[t.jsxs(L,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("update_spend_limit")},children:[t.jsx(st,{}),t.jsx(T,{children:$.cardDetails.moreOptions.updateSpendLimit})]}),t.jsxs(L,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("rename")},children:[t.jsx(se,{}),t.jsx(T,{children:$.cardDetails.moreOptions.rename})]}),t.jsxs(L,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("lock")},children:[t.jsx(rt,{}),t.jsx(T,{children:$.cardDetails.moreOptions.lock})]}),t.jsx(je,{}),t.jsxs(L,{windowSize:a,hoverImportant:!0,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("close")},children:[t.jsx(Re,{}),t.jsx(fe,{children:$.cardDetails.moreOptions.close})]})]}):e.status.code==="request_on_hold"?t.jsx(L,{hoverImportant:!0,windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("revoke_invite")},children:t.jsx(fe,{children:$.cardDetails.revokeInvite})}):null},Le=({status:e,style:s})=>{const r=Fe(),d=Gi(e,r),c=le.getLocalizedStrings().spendManagement.chargeCard.cardList.status;return ie()==="small"?t.jsx(Je,{textColor:d,text:c[e],tagStyles:{maxWidth:i.sp10,textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap",padding:"1px 6px",...s}}):t.jsx(Je,{textColor:d,text:c[e],styles:s,tagStyles:{padding:"1px 6px"}})},Gi=(e,s)=>{switch(e){case"active":return new $e(I.success);case"request_on_hold":return new $e(I.graphColor36);case"inactive":return new $e(I.alert);default:return new $e(s.colors.grey1)}},T=o(J)`
   color: inherit;
 `,fe=o(J)`
   color: ${I.important};

package/dist/assets/{ChargeCardPaymentHistoryPage-DUqCYxCZ-DwiFi2F4.js → ChargeCardPaymentHistoryPage-TCuBt2Cv-BDmH-kNH.js}

@@ -1,4 +1,4 @@
-import{a8 as ze,aw as Re,Q as H,g as V,V as t,bB as Ie,b as I,g4 as Te,F as T,u as l,o as i,y as x,ji as De,cc as Be,jj as G,aP as O,b3 as Oe,cs as Ae,iQ as Ne,bN as Me,aT as He,al as W,du as j,gW as Y,aN as K,bS as We,cu as Ee,bQ as _e,am as M,cy as q,p as $,gX as pe,fO as me,fK as ge,ch as Ke,ai as F,iF as ue,bL as Ve,jk as Fe,iY as Ze,cB as Ue,aV as z,iZ as Ye,i_ as Qe}from"./index-CbMlqZJL.js";import{a as S,S as Q}from"./sentry-CTKU7CLc.js";import{n,c as J}from"./mui-C_Pjuwl5.js";import{t as Xe}from"./SpendManagementSection-p_rbwPsi-BpX_0ctO.js";import{r as Ge,a as qe,i as ye,g as Je}from"./SpendManagementListViewPage-D0iaA1Tz-DaDudhkW.js";import{ck as xe,G5 as fe}from"./zeni-epic-state-Cl3KIlic.js";import{r as et}from"./auto-transfer-rule-mbafm5D3-CCCTiB9K.js";import"./liveblocks-D8QW-YrN.js";import"./core-mVc5WAnu.js";import"./recharts-BGj_NTVO.js";import"./lottie-CoVfqInY.js";import"./analytics-YsywGP0I.js";import"./lexical-D1NyDz9G.js";import"./utils-DJxCyxGL.js";import"./StatusSwitcher-BWCVuAz5-DU_n1tqh.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},o=new e.Error().stack;o&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[o]="766e4b7f-d301-47fb-8643-5200bd6a01d6",e._sentryDebugIdIdentifier="sentry-dbid-766e4b7f-d301-47fb-8643-5200bd6a01d6")}catch{}})();const E=T.getLocalizedStrings().spendManagement.chargeCard.paymentHistory.header,tt={key:"paymentDate",value:E.paymentDate,sortOrder:"ascending",width:new x(18,18,18,18,18)},it={key:"sourceAccount",value:E.sourceAccount,sortOrder:"ascending",width:new x(30,30,30,30,30)},nt={key:"paymentStatus",value:E.paymentStatus,sortOrder:"ascending",width:new x(22,22,22,22,22)},ot={key:"initiatedBy",value:E.initiatedBy,sortOrder:"ascending",width:new x(18,18,18,18,18)},at={key:"amount",value:E.amount,sortOrder:"ascending",width:new x(12,12,12,12,12)},we=()=>[tt,it,nt,ot,at],P={containerPaddingLeft:i.sp2,containerPaddingRight:i.sp3,containerPaddingTop:i.sp3,containerPaddingBottom:i.sp3,headerLastColumnTopPadding:new x(l[0],l[4]),headerLastColumnRightPadding:new x(l[3],l[11]),headerLastColumnBottomPadding:new x(l[0],l[4]),headerLastColumnLeftPadding:new x(l[0],l[11]),headerHeight:new x(Ye,Qe)};function st({companyNameSticky:e,sortConfig:o,onColumnSortConfigChanged:c}){const a=V(),r=H(),[d,g]=S.useState(we());S.useEffect(()=>{const s=[...d];for(const m of s)m.key===o.sortKey?m.sortOrder=o.sortOrder:m.sortOrder="ascending";g(s)},[o.sortKey,o.sortOrder]);const y=(s,m)=>{let C=m;o.sortKey===s&&(C=m==="ascending"?"descending":"ascending"),c(s,C)},h=d.find(s=>s.key===o.sortKey)??d[0],p=s=>d.find(m=>m.key===s)?.value??"",u=d.map(s=>s.key),b=T.getLocalizedStrings().spendManagement.chargeCard.paymentHistory;return r==="small"?t.jsxs(ct,{windowSize:r,children:[t.jsxs(mt,{children:[t.jsx(ut,{children:t.jsx(gt,{})}),t.jsx(_e,{title:b.header.paymentDate,placeholder:b.header.paymentDate,pickerValues:u,valueToLabel:p,selectedValue:o.sortKey,onPickerSelectionChanged:s=>{y(s,"ascending")},optionTextStyle:I.extraSmallRegular,titleTextStyle:I.extraSmallRegular,titleColor:a.colors.primary,selectedOptionColor:a.colors.hero,optionBackgroundColor:a.colors.grey5,downChevronVisible:!1,backgroundColor:a.colors.grey4})]}),t.jsxs(ft,{onClick:()=>y(h.key,h.sortOrder),"data-testid":O("mobile-payment-history-list-sort-clicked",o.sortKey),children:[t.jsx(M,{children:h.value}),t.jsx(ee,{windowSize:r,sortDataValue:o.sortKey,headerdata:h,children:t.jsx(te,{windowSize:r,children:t.jsx(q,{})})})]})]}):t.jsx(dt,{windowSize:r,children:t.jsx(lt,{children:d.map(s=>s.width.value(r)!==0&&t.jsxs(ht,{companyNameSticky:e,sortDataValue:o.sortKey,actualDataValue:s.key,wrapperWidth:s.width,windowSize:r,children:[t.jsxs(xt,{onClick:()=>y(s.key,s.sortOrder),"data-testid":O("payment-history-list-sort-clicked",o.sortKey),children:[t.jsx(M,{children:s.value}),t.jsx(ee,{windowSize:r,sortDataValue:o.sortKey,headerdata:s,children:t.jsx(te,{windowSize:r,children:t.jsx(q,{})})})]}),t.jsx(yt,{sortDataValue:o.sortKey,windowSize:r,isVisible:o.sortKey===s.key&&!(o.sortKey==="paymentDate"&&o.sortOrder==="ascending"),children:t.jsx(pt,{onClick:()=>y("paymentDate","ascending"),"data-testid":O("payment-history-list-sort-cancel",o.sortKey)})})]},s.key))})})}const rt=Q.memo(st),dt=n.div`
+import{a8 as ze,aw as Re,Q as H,g as V,V as t,bB as Ie,b as I,g4 as Te,F as T,u as l,o as i,y as x,ji as De,cc as Be,jj as G,aP as O,b3 as Oe,cs as Ae,iQ as Ne,bN as Me,aT as He,al as W,du as j,gW as Y,aN as K,bS as We,cu as Ee,bQ as _e,am as M,cy as q,p as $,gX as pe,fO as me,fK as ge,ch as Ke,ai as F,iF as ue,bL as Ve,jk as Fe,iY as Ze,cB as Ue,aV as z,iZ as Ye,i_ as Qe}from"./index-BhvUwV_v.js";import{a as S,P as Q}from"./sentry-DgGQRl6g.js";import{n,c as J}from"./mui-DqYnCiYu.js";import{t as Xe}from"./SpendManagementSection-vo9WEGWQ-DV0kvnxH.js";import{r as Ge,a as qe,i as ye,g as Je}from"./SpendManagementListViewPage-BjdD7zHz-duCSBxrR.js";import{ck as xe,G5 as fe}from"./zeni-epic-state-WWg2r7iB.js";import{r as et}from"./auto-transfer-rule-mbafm5D3-CJUhOMj-.js";import"./liveblocks-BqcT5iTZ.js";import"./core-B9Znwqny.js";import"./recharts-D7E0WJGk.js";import"./lottie-oQfNS8l-.js";import"./analytics-DO1unY4G.js";import"./lexical-DSIpBzCF.js";import"./utils-C_quS4m3.js";import"./StatusSwitcher-Cj2oyfqn-GHqh8PSV.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},o=new e.Error().stack;o&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[o]="34d0990d-29c2-4a48-b464-da237798530d",e._sentryDebugIdIdentifier="sentry-dbid-34d0990d-29c2-4a48-b464-da237798530d")}catch{}})();const E=T.getLocalizedStrings().spendManagement.chargeCard.paymentHistory.header,tt={key:"paymentDate",value:E.paymentDate,sortOrder:"ascending",width:new x(18,18,18,18,18)},it={key:"sourceAccount",value:E.sourceAccount,sortOrder:"ascending",width:new x(30,30,30,30,30)},nt={key:"paymentStatus",value:E.paymentStatus,sortOrder:"ascending",width:new x(22,22,22,22,22)},ot={key:"initiatedBy",value:E.initiatedBy,sortOrder:"ascending",width:new x(18,18,18,18,18)},at={key:"amount",value:E.amount,sortOrder:"ascending",width:new x(12,12,12,12,12)},we=()=>[tt,it,nt,ot,at],k={containerPaddingLeft:i.sp2,containerPaddingRight:i.sp3,containerPaddingTop:i.sp3,containerPaddingBottom:i.sp3,headerLastColumnTopPadding:new x(l[0],l[4]),headerLastColumnRightPadding:new x(l[3],l[11]),headerLastColumnBottomPadding:new x(l[0],l[4]),headerLastColumnLeftPadding:new x(l[0],l[11]),headerHeight:new x(Ye,Qe)};function st({companyNameSticky:e,sortConfig:o,onColumnSortConfigChanged:c}){const a=V(),r=H(),[d,g]=S.useState(we());S.useEffect(()=>{const s=[...d];for(const m of s)m.key===o.sortKey?m.sortOrder=o.sortOrder:m.sortOrder="ascending";g(s)},[o.sortKey,o.sortOrder]);const y=(s,m)=>{let C=m;o.sortKey===s&&(C=m==="ascending"?"descending":"ascending"),c(s,C)},h=d.find(s=>s.key===o.sortKey)??d[0],p=s=>d.find(m=>m.key===s)?.value??"",u=d.map(s=>s.key),b=T.getLocalizedStrings().spendManagement.chargeCard.paymentHistory;return r==="small"?t.jsxs(ct,{windowSize:r,children:[t.jsxs(mt,{children:[t.jsx(ut,{children:t.jsx(gt,{})}),t.jsx(_e,{title:b.header.paymentDate,placeholder:b.header.paymentDate,pickerValues:u,valueToLabel:p,selectedValue:o.sortKey,onPickerSelectionChanged:s=>{y(s,"ascending")},optionTextStyle:I.extraSmallRegular,titleTextStyle:I.extraSmallRegular,titleColor:a.colors.primary,selectedOptionColor:a.colors.hero,optionBackgroundColor:a.colors.grey5,downChevronVisible:!1,backgroundColor:a.colors.grey4})]}),t.jsxs(ft,{onClick:()=>y(h.key,h.sortOrder),"data-testid":O("mobile-payment-history-list-sort-clicked",o.sortKey),children:[t.jsx(M,{children:h.value}),t.jsx(ee,{windowSize:r,sortDataValue:o.sortKey,headerdata:h,children:t.jsx(te,{windowSize:r,children:t.jsx(q,{})})})]})]}):t.jsx(dt,{windowSize:r,children:t.jsx(lt,{children:d.map(s=>s.width.value(r)!==0&&t.jsxs(ht,{companyNameSticky:e,sortDataValue:o.sortKey,actualDataValue:s.key,wrapperWidth:s.width,windowSize:r,children:[t.jsxs(xt,{onClick:()=>y(s.key,s.sortOrder),"data-testid":O("payment-history-list-sort-clicked",o.sortKey),children:[t.jsx(M,{children:s.value}),t.jsx(ee,{windowSize:r,sortDataValue:o.sortKey,headerdata:s,children:t.jsx(te,{windowSize:r,children:t.jsx(q,{})})})]}),t.jsx(yt,{sortDataValue:o.sortKey,windowSize:r,isVisible:o.sortKey===s.key&&!(o.sortKey==="paymentDate"&&o.sortOrder==="ascending"),children:t.jsx(pt,{onClick:()=>y("paymentDate","ascending"),"data-testid":O("payment-history-list-sort-cancel",o.sortKey)})})]},s.key))})})}const rt=Q.memo(st),dt=n.div`
   top: ${i.sp0};
   left: ${i.sp0};
   z-index: 2;
@@ -9,20 +9,20 @@ import{a8 as ze,aw as Re,Q as H,g as V,V as t,bB as Ie,b as I,g4 as Te,F as T,u
   display: flex;
   align-items: center;
   box-sizing: border-box;
-  padding: ${P.containerPaddingTop} ${P.containerPaddingRight}
-    ${P.containerPaddingBottom} ${P.containerPaddingLeft};
+  padding: ${k.containerPaddingTop} ${k.containerPaddingRight}
+    ${k.containerPaddingBottom} ${k.containerPaddingLeft};
   justify-content: space-between;
 `,ct=n(F)`
   top: ${i.sp0};
   left: ${i.sp0};
-  min-height: ${e=>P.headerHeight.valuePx(e.windowSize)};
-  max-height: ${e=>P.headerHeight.valuePx(e.windowSize)};
+  min-height: ${e=>k.headerHeight.valuePx(e.windowSize)};
+  max-height: ${e=>k.headerHeight.valuePx(e.windowSize)};
   width: auto;
   z-index: 2;
   display: flex;
   align-items: center;
   box-sizing: border-box;
-  padding: ${e=>`${P.headerLastColumnTopPadding.valuePx(e.windowSize)} ${P.headerLastColumnRightPadding.valuePx(e.windowSize)} ${P.headerLastColumnBottomPadding.valuePx(e.windowSize)} ${P.headerLastColumnLeftPadding.valuePx(e.windowSize)}`};
+  padding: ${e=>`${k.headerLastColumnTopPadding.valuePx(e.windowSize)} ${k.headerLastColumnRightPadding.valuePx(e.windowSize)} ${k.headerLastColumnBottomPadding.valuePx(e.windowSize)} ${k.headerLastColumnLeftPadding.valuePx(e.windowSize)}`};
   background-color: ${e=>e.theme.colors.grey4};
   justify-content: space-between;
   position: sticky;
@@ -91,7 +91,7 @@ import{a8 as ze,aw as Re,Q as H,g as V,V as t,bB as Ie,b as I,g4 as Te,F as T,u
   cursor: pointer;
   gap: 5px;
   color: ${e=>e.theme.colors.primary};
-`,B={containerPaddingLeft:new x(l[3],l[2]),containerPaddingRight:new x(l[2],l[3]),containerPaddingTop:new x(l[2],l[3]),containerPaddingBottom:new x(l[2],l[3]),containerMarginLeft:new x(l[4],l[0]),containerMarginRight:new x(l[4],l[0])},{spendManagement:{chargeCard:{paymentHistory:A}}}=T.getLocalizedStrings(),wt=e=>e.base64!==void 0?`${me}${e.base64.toString()}`:e.url!==void 0?e.url.toString():"",$t=({repayment:e,accountInfo:o,isLatestFailedPayment:c=!1,isLoading:a=!1,isZeniTenant:r,onRetryPaymentClick:d})=>{const{accountLogo:g,accountType:y,depositAccountLast4:h,depositAccountName:p}=o??{},u=H(),b=S.useCallback(U=>{U.stopPropagation(),d&&d(e.cardRepaymentId)},[d,e.cardRepaymentId]),s=T.getLocalizedStrings(),m=e.repaymentDate.format(s.dateFormat.visual.MMMDCommaYYYYformat),C=Je(p,h,A.sourceAccountUnknown),v=ye(e),w=e.paidByUser?.email?.endsWith("@zeni.ai")??!1,f=v||!r&&w,R=f?A.autopay:xe(e.paidByUser),D=e.status==="Rejected"||e.status==="Returned",_=e.status==="Sent",Z=e.updateTime.format(s.dateFormat.visual.MMMDCommaYYYYformat),k=we();return t.jsx(St,{windowSize:u,children:t.jsx(Ct,{children:t.jsxs(kt,{children:[t.jsx(Pt,{windowSize:u,responsiveWidth:k[0].width,children:t.jsx(j,{isLoading:a,customStyle:{width:"100px",height:"20px",borderRadius:i.sp1},children:_?t.jsx(We,{placement:"bottom-start",title:t.jsxs(Qt,{children:[t.jsxs(oe,{children:[t.jsx(ae,{children:A.initiatedOn}),t.jsx(se,{children:m})]}),t.jsxs(oe,{children:[t.jsx(ae,{children:A.completedOn}),t.jsx(se,{children:Z})]})]}),style:{padding:"12px 16px"},display:"block",children:t.jsx(ie,{className:"paymentDate",children:m})}):t.jsx(ie,{className:"paymentDate",children:m})})}),t.jsxs(Lt,{windowSize:u,responsiveWidth:k[1].width,children:[t.jsx(j,{isLoading:a,customStyle:{width:i.sp4,height:i.sp4,borderRadius:"50%"},children:t.jsx(zt,{children:y==="depositAccount"&&p!=null&&p!==""?t.jsx(Rt,{children:t.jsx(It,{color:Y(0)})}):y==="paymentAccount"&&g!==void 0&&(g.base64||g.url)?t.jsx(Bt,{src:wt(g),loading:"lazy"}):t.jsx(Tt,{children:t.jsx(Dt,{})})})}),t.jsx(Ot,{children:t.jsx(j,{isLoading:a,customStyle:{width:"150px",height:"20px",borderRadius:i.sp1},children:p!=null&&p!==""?t.jsxs(ne,{className:"sourceAccount",children:[t.jsx(At,{children:p}),h!=null&&h!==""&&t.jsx(Nt,{children:`•••• ${h}`})]}):t.jsx(ne,{className:"sourceAccount",children:C})})})]}),t.jsx(Mt,{windowSize:u,isLoading:a,responsiveWidth:k[2].width,children:t.jsx(j,{isLoading:a,customStyle:{width:"120px",height:i.sp4,borderRadius:i.sp1},children:t.jsxs(Ht,{children:[t.jsx(Wt,{children:t.jsx(vt,{status:e.status})}),D===!0&&c===!0&&d!=null&&t.jsxs(t.Fragment,{children:[t.jsx(bt,{}),t.jsx(Et,{onClick:b,"data-testid":O("retry-payment",e.cardRepaymentId),children:A.retryPayment})]})]})})}),t.jsxs(_t,{windowSize:u,responsiveWidth:k[3].width,children:[t.jsx(j,{isLoading:a,customStyle:{width:i.sp4,height:i.sp4,borderRadius:"50%"},children:f?t.jsx(Kt,{children:t.jsx(Vt,{})}):t.jsx(Ft,{children:t.jsx(Ee,{personBasic:e.paidByUser,styles:{height:i.sp4,width:i.sp4,minWidth:i.sp4}})})}),t.jsx(j,{isLoading:a,customStyle:{width:"80px",height:"20px",borderRadius:i.sp1,marginLeft:i.sp2},children:t.jsx(Zt,{className:"initiatedBy",children:R})})]}),t.jsx(Ut,{windowSize:u,responsiveWidth:k[4].width,children:t.jsx(j,{isLoading:a,customStyle:{width:"100px",height:"20px",borderRadius:i.sp1},children:t.jsx(Yt,{className:"amount",windowSize:u,title:K("0,0.00",e.amount),children:K("0,0.00",e.amount)})})})]})})})},vt=({status:e,style:o})=>{const c=V(),a=jt(e,c),r=fe(e);return t.jsx(ue,{textColor:a,borderColor:a,text:r,tagStyles:{padding:"1px 6px",...o}})},jt=(e,o)=>{switch(e){case"Sent":return new z($.success);case"Clearing":case"Pending":case"PendingReview":return new z($.alert);case"Rejected":case"Returned":return new z($.important);default:return new z(o.colors.grey1)}},bt=n.div`
+`,B={containerPaddingLeft:new x(l[3],l[2]),containerPaddingRight:new x(l[2],l[3]),containerPaddingTop:new x(l[2],l[3]),containerPaddingBottom:new x(l[2],l[3]),containerMarginLeft:new x(l[4],l[0]),containerMarginRight:new x(l[4],l[0])},{spendManagement:{chargeCard:{paymentHistory:A}}}=T.getLocalizedStrings(),wt=e=>e.base64!==void 0?`${me}${e.base64.toString()}`:e.url!==void 0?e.url.toString():"",$t=({repayment:e,accountInfo:o,isLatestFailedPayment:c=!1,isLoading:a=!1,isZeniTenant:r,onRetryPaymentClick:d})=>{const{accountLogo:g,accountType:y,depositAccountLast4:h,depositAccountName:p}=o??{},u=H(),b=S.useCallback(U=>{U.stopPropagation(),d&&d(e.cardRepaymentId)},[d,e.cardRepaymentId]),s=T.getLocalizedStrings(),m=e.repaymentDate.format(s.dateFormat.visual.MMMDCommaYYYYformat),C=Je(p,h,A.sourceAccountUnknown),v=ye(e),w=e.paidByUser?.email?.endsWith("@zeni.ai")??!1,f=v||!r&&w,R=f?A.autopay:xe(e.paidByUser),D=e.status==="Rejected"||e.status==="Returned",_=e.status==="Sent",Z=e.updateTime.format(s.dateFormat.visual.MMMDCommaYYYYformat),P=we();return t.jsx(St,{windowSize:u,children:t.jsx(Ct,{children:t.jsxs(Pt,{children:[t.jsx(kt,{windowSize:u,responsiveWidth:P[0].width,children:t.jsx(j,{isLoading:a,customStyle:{width:"100px",height:"20px",borderRadius:i.sp1},children:_?t.jsx(We,{placement:"bottom-start",title:t.jsxs(Qt,{children:[t.jsxs(oe,{children:[t.jsx(ae,{children:A.initiatedOn}),t.jsx(se,{children:m})]}),t.jsxs(oe,{children:[t.jsx(ae,{children:A.completedOn}),t.jsx(se,{children:Z})]})]}),style:{padding:"12px 16px"},display:"block",children:t.jsx(ie,{className:"paymentDate",children:m})}):t.jsx(ie,{className:"paymentDate",children:m})})}),t.jsxs(Lt,{windowSize:u,responsiveWidth:P[1].width,children:[t.jsx(j,{isLoading:a,customStyle:{width:i.sp4,height:i.sp4,borderRadius:"50%"},children:t.jsx(zt,{children:y==="depositAccount"&&p!=null&&p!==""?t.jsx(Rt,{children:t.jsx(It,{color:Y(0)})}):y==="paymentAccount"&&g!==void 0&&(g.base64||g.url)?t.jsx(Bt,{src:wt(g),loading:"lazy"}):t.jsx(Tt,{children:t.jsx(Dt,{})})})}),t.jsx(Ot,{children:t.jsx(j,{isLoading:a,customStyle:{width:"150px",height:"20px",borderRadius:i.sp1},children:p!=null&&p!==""?t.jsxs(ne,{className:"sourceAccount",children:[t.jsx(At,{children:p}),h!=null&&h!==""&&t.jsx(Nt,{children:`•••• ${h}`})]}):t.jsx(ne,{className:"sourceAccount",children:C})})})]}),t.jsx(Mt,{windowSize:u,isLoading:a,responsiveWidth:P[2].width,children:t.jsx(j,{isLoading:a,customStyle:{width:"120px",height:i.sp4,borderRadius:i.sp1},children:t.jsxs(Ht,{children:[t.jsx(Wt,{children:t.jsx(vt,{status:e.status})}),D===!0&&c===!0&&d!=null&&t.jsxs(t.Fragment,{children:[t.jsx(bt,{}),t.jsx(Et,{onClick:b,"data-testid":O("retry-payment",e.cardRepaymentId),children:A.retryPayment})]})]})})}),t.jsxs(_t,{windowSize:u,responsiveWidth:P[3].width,children:[t.jsx(j,{isLoading:a,customStyle:{width:i.sp4,height:i.sp4,borderRadius:"50%"},children:f?t.jsx(Kt,{children:t.jsx(Vt,{})}):t.jsx(Ft,{children:t.jsx(Ee,{personBasic:e.paidByUser,styles:{height:i.sp4,width:i.sp4,minWidth:i.sp4}})})}),t.jsx(j,{isLoading:a,customStyle:{width:"80px",height:"20px",borderRadius:i.sp1,marginLeft:i.sp2},children:t.jsx(Zt,{className:"initiatedBy",children:R})})]}),t.jsx(Ut,{windowSize:u,responsiveWidth:P[4].width,children:t.jsx(j,{isLoading:a,customStyle:{width:"100px",height:"20px",borderRadius:i.sp1},children:t.jsx(Yt,{className:"amount",windowSize:u,title:K("0,0.00",e.amount),children:K("0,0.00",e.amount)})})})]})})})},vt=({status:e,style:o})=>{const c=V(),a=jt(e,c),r=fe(e);return t.jsx(ue,{textColor:a,borderColor:a,text:r,tagStyles:{padding:"1px 6px",...o}})},jt=(e,o)=>{switch(e){case"Sent":return new z($.success);case"Clearing":case"Pending":case"PendingReview":return new z($.alert);case"Rejected":case"Returned":return new z($.important);default:return new z(o.colors.grey1)}},bt=n.div`
   width: ${i.sp1};
   height: ${i.sp1};
   background-color: ${e=>e.theme.colors.grey1};
@@ -127,12 +127,12 @@ import{a8 as ze,aw as Re,Q as H,g as V,V as t,bB as Ie,b as I,g4 as Te,F as T,u
 `,Ct=n.div`
   display: block;
   width: 100%;
-`,kt=n.div`
+`,Pt=n.div`
   display: flex;
   width: 100%;
   justify-content: space-between;
   align-items: center;
-`,Pt=n.div`
+`,kt=n.div`
   width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
   box-sizing: border-box;
   padding-left: ${i.sp3};
@@ -304,7 +304,7 @@ import{a8 as ze,aw as Re,Q as H,g as V,V as t,bB as Ie,b as I,g4 as Te,F as T,u
   color: ${e=>e.theme.colors.hero};
 `,se=n(F)`
   color: ${$.brandColorPearl};
-`,Xt=new z(Y(0)).lighten(.3).hex(),{spendManagement:{chargeCard:{paymentHistory:N}}}=T.getLocalizedStrings(),Gt=e=>e.base64!==void 0?`${me}${e.base64.toString()}`:e.url!==void 0?e.url.toString():"",qt=({repayment:e,accountInfo:o,isLatestFailedPayment:c=!1,isLoading:a=!1,isZeniTenant:r,onRetryPaymentClick:d})=>{const{accountLogo:g,accountType:y,depositAccountLast4:h,depositAccountName:p}=o??{},u=S.useCallback(f=>{f.stopPropagation(),d&&d(e.cardRepaymentId)},[d,e.cardRepaymentId]),b=T.getLocalizedStrings(),s=e.repaymentDate.format(b.dateFormat.visual.MMMDCommaYYYYformat),m=ye(e),C=e.paidByUser?.email?.endsWith("@zeni.ai")??!1,v=m||!r&&C?N.autopay:xe(e.paidByUser),w=e.status==="Rejected"||e.status==="Returned";return t.jsx(ti,{children:t.jsxs(ii,{children:[t.jsxs(ni,{children:[t.jsx(oi,{children:t.jsx(j,{isLoading:a,customStyle:{width:i.sp6,height:i.sp6,borderRadius:"50%"},children:y==="depositAccount"&&p!=null&&p!==""?t.jsx(ai,{children:t.jsx(si,{color:Y(0)})}):y==="paymentAccount"&&g!==void 0&&(g.base64||g.url)?t.jsx(li,{src:Gt(g),loading:"lazy"}):t.jsx(ri,{children:t.jsx(di,{})})})}),t.jsxs(ci,{children:[t.jsx(hi,{children:t.jsx(j,{isLoading:a,customStyle:{width:"150px",height:"20px",borderRadius:i.sp1},children:t.jsx(pi,{className:"sourceAccount",children:p!=null&&p!==""?p:N.sourceAccountUnknown})})}),t.jsx(mi,{children:t.jsx(j,{isLoading:a,customStyle:{width:"120px",height:"16px",borderRadius:i.sp1},children:t.jsx(gi,{children:h!=null&&h!==""?`Checking •••• ${h}`:""})})}),t.jsx(ui,{children:t.jsx(j,{isLoading:a,customStyle:{width:"150px",height:"16px",borderRadius:i.sp1},children:t.jsxs(yi,{children:[N.header.initiatedBy,":"," ",t.jsx(xi,{className:"initiatedBy",children:v})]})})}),t.jsx(fi,{children:t.jsx(j,{isLoading:a,customStyle:{width:"150px",height:"16px",borderRadius:i.sp1},children:t.jsxs(wi,{children:[N.header.paymentDate,":"," ",t.jsx($i,{className:"paymentDate",children:s})]})})})]})]}),t.jsxs(vi,{children:[t.jsx(ji,{children:t.jsx(j,{isLoading:a,customStyle:{width:"100px",height:"20px",borderRadius:i.sp1},children:t.jsx(bi,{className:"amount",title:K("0,0.[00]",e.amount),children:K("0,0.[00]",e.amount)})})}),t.jsx(Si,{children:t.jsx(j,{isLoading:a,customStyle:{width:"120px",height:i.sp4,borderRadius:i.sp1},children:t.jsx(Ci,{children:t.jsx(ki,{children:t.jsx(Jt,{status:e.status})})})})}),w===!0&&c===!0&&d!=null&&t.jsx(Pi,{children:t.jsx(Li,{onClick:u,"data-testid":O("retry-payment",e.cardRepaymentId),children:N.retryPayment})})]})]})})},Jt=({status:e,style:o})=>{const c=V(),a=ei(e,c),r=fe(e);return t.jsx(ue,{textColor:a,borderColor:a,text:r,tagStyles:{padding:"1px 6px",...o}})},ei=(e,o)=>{switch(e){case"Sent":return new z($.success);case"Clearing":case"Pending":case"PendingReview":return new z($.alert);case"Rejected":case"Returned":return new z($.important);default:return new z(o.colors.grey1)}},ti=n.div`
+`,Xt=new z(Y(0)).lighten(.3).hex(),{spendManagement:{chargeCard:{paymentHistory:N}}}=T.getLocalizedStrings(),Gt=e=>e.base64!==void 0?`${me}${e.base64.toString()}`:e.url!==void 0?e.url.toString():"",qt=({repayment:e,accountInfo:o,isLatestFailedPayment:c=!1,isLoading:a=!1,isZeniTenant:r,onRetryPaymentClick:d})=>{const{accountLogo:g,accountType:y,depositAccountLast4:h,depositAccountName:p}=o??{},u=S.useCallback(f=>{f.stopPropagation(),d&&d(e.cardRepaymentId)},[d,e.cardRepaymentId]),b=T.getLocalizedStrings(),s=e.repaymentDate.format(b.dateFormat.visual.MMMDCommaYYYYformat),m=ye(e),C=e.paidByUser?.email?.endsWith("@zeni.ai")??!1,v=m||!r&&C?N.autopay:xe(e.paidByUser),w=e.status==="Rejected"||e.status==="Returned";return t.jsx(ti,{children:t.jsxs(ii,{children:[t.jsxs(ni,{children:[t.jsx(oi,{children:t.jsx(j,{isLoading:a,customStyle:{width:i.sp6,height:i.sp6,borderRadius:"50%"},children:y==="depositAccount"&&p!=null&&p!==""?t.jsx(ai,{children:t.jsx(si,{color:Y(0)})}):y==="paymentAccount"&&g!==void 0&&(g.base64||g.url)?t.jsx(li,{src:Gt(g),loading:"lazy"}):t.jsx(ri,{children:t.jsx(di,{})})})}),t.jsxs(ci,{children:[t.jsx(hi,{children:t.jsx(j,{isLoading:a,customStyle:{width:"150px",height:"20px",borderRadius:i.sp1},children:t.jsx(pi,{className:"sourceAccount",children:p!=null&&p!==""?p:N.sourceAccountUnknown})})}),t.jsx(mi,{children:t.jsx(j,{isLoading:a,customStyle:{width:"120px",height:"16px",borderRadius:i.sp1},children:t.jsx(gi,{children:h!=null&&h!==""?`Checking •••• ${h}`:""})})}),t.jsx(ui,{children:t.jsx(j,{isLoading:a,customStyle:{width:"150px",height:"16px",borderRadius:i.sp1},children:t.jsxs(yi,{children:[N.header.initiatedBy,":"," ",t.jsx(xi,{className:"initiatedBy",children:v})]})})}),t.jsx(fi,{children:t.jsx(j,{isLoading:a,customStyle:{width:"150px",height:"16px",borderRadius:i.sp1},children:t.jsxs(wi,{children:[N.header.paymentDate,":"," ",t.jsx($i,{className:"paymentDate",children:s})]})})})]})]}),t.jsxs(vi,{children:[t.jsx(ji,{children:t.jsx(j,{isLoading:a,customStyle:{width:"100px",height:"20px",borderRadius:i.sp1},children:t.jsx(bi,{className:"amount",title:K("0,0.[00]",e.amount),children:K("0,0.[00]",e.amount)})})}),t.jsx(Si,{children:t.jsx(j,{isLoading:a,customStyle:{width:"120px",height:i.sp4,borderRadius:i.sp1},children:t.jsx(Ci,{children:t.jsx(Pi,{children:t.jsx(Jt,{status:e.status})})})})}),w===!0&&c===!0&&d!=null&&t.jsx(ki,{children:t.jsx(Li,{onClick:u,"data-testid":O("retry-payment",e.cardRepaymentId),children:N.retryPayment})})]})]})})},Jt=({status:e,style:o})=>{const c=V(),a=ei(e,c),r=fe(e);return t.jsx(ue,{textColor:a,borderColor:a,text:r,tagStyles:{padding:"1px 6px",...o}})},ei=(e,o)=>{switch(e){case"Sent":return new z($.success);case"Clearing":case"Pending":case"PendingReview":return new z($.alert);case"Rejected":case"Returned":return new z($.important);default:return new z(o.colors.grey1)}},ti=n.div`
   display: flex;
   background-color: ${e=>e.theme.colors.grey5};
   padding: ${i.sp3};
@@ -461,7 +461,7 @@ import{a8 as ze,aw as Re,Q as H,g as V,V as t,bB as Ie,b as I,g4 as Te,F as T,u
   gap: ${i.sp2};
   flex-wrap: wrap;
   justify-content: flex-end;
-`,ki=n.div`
+`,Pi=n.div`
   display: flex;
   align-items: center;
   gap: ${i.sp2};
@@ -470,7 +470,7 @@ import{a8 as ze,aw as Re,Q as H,g as V,V as t,bB as Ie,b as I,g4 as Te,F as T,u
       color: ${e=>e.theme.colors.primary};
     }
   }
-`,Pi=n.div`
+`,ki=n.div`
   display: flex;
   align-items: center;
   justify-content: flex-end;
@@ -551,7 +551,7 @@ import{a8 as ze,aw as Re,Q as H,g as V,V as t,bB as Ie,b as I,g4 as Te,F as T,u
 `,Zi=n(W)`
   display: flex;
   color: ${e=>e.theme.colors.grey2};
-`,ce={contentContainerMargin:new x(l[3],l[4],l[8])},{spendManagement:{chargeCard:{paymentHistory:he}},common:Ui}=T.getLocalizedStrings(),pn=({repaymentList:e,fetchState:o,sortConfig:c,accountInfoByAccountId:a,searchText:r,filters:d,isZeniTenant:g,onBackClick:y,repaymentHistoryUsers:h,onColumnSortConfigChanged:p,onFiltersChange:u,onReloadPayments:b,onRetryPaymentClick:s,onSearchTextChanged:m,onClickMenuIcon:C,downloadParams:v,downloadState:w,updateDownloadStateHandler:f})=>{const R=ze().analytics,D=Re(),[_,Z]=S.useState(!1),k=H(),U=V(),be=r===""&&(d?.categories==null||d.categories.length===0||d.categories.every(L=>L.values==null||L.values.length===0)),X=o==="Completed"&&be&&e.length===0,Se=L=>{Z(L)},Ce={entity:"charge_card_payment_history",showNewButtonOnNavbar:!1,showEntityEmailInfoIconOnNavbar:!1,newButtonLabel:Ui.strings.empty,hideSearchBtn:!1,disableSearch:X,disableFilters:X,searchTextBoxStyle:{right:"86px"},moreIconContainerStyle:{paddingRight:l[4]},isSearchOpen:_,searchPlaceHolder:he.searchPlaceHolder,searchText:r,showSettingsIcon:!1,showSettingsIconOnNavbar:!1,showStatementButtonOnNavbar:!1,showPayEarlyButtonOnNavbar:!1,showDownloadButtonOnNavbar:!1,showDownloadIcon:!0,onDownloadClick:async()=>{f("In-Progress");try{await De({localeID:"en-US",fileType:"excel",entity:"charge_card_payment_history",filter:{filters:d,searchText:r},...v})}finally{f("Completed")}},disableDownloadButton:w==="In-Progress"||o!=="Completed"||e.length===0,analytics:R,onSearchOpen:Se,filterIconContainerStyle:{...k==="small"&&{position:"static",paddingRight:"10px"}},onSearchTextChanged:m,onClickSetupIcon:()=>{},onClickStatementsIcon:()=>{},downloadState:w,onNewButtonClick:()=>{},onClickPayEarlyIcon:()=>{},onMenuOpen:()=>{},filters:d,onFiltersChange:u,createdByUserListLoaded:o==="Completed",getFilterOptions:()=>qe("charge_card_payment_history",h,D.loggedInUserRole??[],[],a),renderDropdownOptionIcon:Ge},ke=t.jsx(Xe,{spendManagementSectionProps:Ce}),Pe=he.pageTitle,Le=S.useMemo(()=>e.map(L=>({repayment:L,accountInfo:L.paymentAccountId!=null&&L.paymentAccountId!==""?a?.[L.paymentAccountId]:void 0})),[e,a]);return t.jsxs(Yi,{children:[t.jsx(Ie,{title:Pe,showBackButton:!0,showMenuIcon:k==="medium-compact"||k==="small",onClickMenuIcon:C,titleTextStyles:k==="small"?{...I.standardMedium.cssObject}:void 0,style:{zIndex:3},onBackClick:y,rightSideComponent:ke,isSearchOpen:_,hideSearchBtn:!1,scrollableContent:void 0,source:"ChargeCardPaymentHistoryPage",backgroundColor:U.colors.grey4}),o==="Not-Started"||o==="In-Progress"?t.jsx(Te,{fetchState:o,styles:{margin:"auto"}}):t.jsx(Qi,{windowSize:k,children:t.jsx(Ni,{fetchState:o,repaymentListWithAccountInfo:Le,sortConfig:c,onColumnSortConfigChanged:p,onReloadPayments:b,searchText:r,isZeniTenant:g,onRetryPaymentClick:s})})]})},Yi=n.div`
+`,ce={contentContainerMargin:new x(l[3],l[4],l[8])},{spendManagement:{chargeCard:{paymentHistory:he}},common:Ui}=T.getLocalizedStrings(),pn=({repaymentList:e,fetchState:o,sortConfig:c,accountInfoByAccountId:a,searchText:r,filters:d,isZeniTenant:g,onBackClick:y,repaymentHistoryUsers:h,onColumnSortConfigChanged:p,onFiltersChange:u,onReloadPayments:b,onRetryPaymentClick:s,onSearchTextChanged:m,onClickMenuIcon:C,downloadParams:v,downloadState:w,updateDownloadStateHandler:f})=>{const R=ze().analytics,D=Re(),[_,Z]=S.useState(!1),P=H(),U=V(),be=r===""&&(d?.categories==null||d.categories.length===0||d.categories.every(L=>L.values==null||L.values.length===0)),X=o==="Completed"&&be&&e.length===0,Se=L=>{Z(L)},Ce={entity:"charge_card_payment_history",showNewButtonOnNavbar:!1,showEntityEmailInfoIconOnNavbar:!1,newButtonLabel:Ui.strings.empty,hideSearchBtn:!1,disableSearch:X,disableFilters:X,searchTextBoxStyle:{right:"86px"},moreIconContainerStyle:{paddingRight:l[4]},isSearchOpen:_,searchPlaceHolder:he.searchPlaceHolder,searchText:r,showSettingsIcon:!1,showSettingsIconOnNavbar:!1,showStatementButtonOnNavbar:!1,showPayEarlyButtonOnNavbar:!1,showDownloadButtonOnNavbar:!1,showDownloadIcon:!0,onDownloadClick:async()=>{f("In-Progress");try{await De({localeID:"en-US",fileType:"excel",entity:"charge_card_payment_history",filter:{filters:d,searchText:r},...v})}finally{f("Completed")}},disableDownloadButton:w==="In-Progress"||o!=="Completed"||e.length===0,analytics:R,onSearchOpen:Se,filterIconContainerStyle:{...P==="small"&&{position:"static",paddingRight:"10px"}},onSearchTextChanged:m,onClickSetupIcon:()=>{},onClickStatementsIcon:()=>{},downloadState:w,onNewButtonClick:()=>{},onClickPayEarlyIcon:()=>{},onMenuOpen:()=>{},filters:d,onFiltersChange:u,createdByUserListLoaded:o==="Completed",getFilterOptions:()=>qe("charge_card_payment_history",h,D.loggedInUserRole??[],[],a),renderDropdownOptionIcon:Ge},Pe=t.jsx(Xe,{spendManagementSectionProps:Ce}),ke=he.pageTitle,Le=S.useMemo(()=>e.map(L=>({repayment:L,accountInfo:L.paymentAccountId!=null&&L.paymentAccountId!==""?a?.[L.paymentAccountId]:void 0})),[e,a]);return t.jsxs(Yi,{children:[t.jsx(Ie,{title:ke,showBackButton:!0,showMenuIcon:P==="medium-compact"||P==="small",onClickMenuIcon:C,titleTextStyles:P==="small"?{...I.standardMedium.cssObject}:void 0,style:{zIndex:3},onBackClick:y,rightSideComponent:Pe,isSearchOpen:_,hideSearchBtn:!1,scrollableContent:void 0,source:"ChargeCardPaymentHistoryPage",backgroundColor:U.colors.grey4}),o==="Not-Started"||o==="In-Progress"?t.jsx(Te,{fetchState:o,styles:{margin:"auto"}}):t.jsx(Qi,{windowSize:P,children:t.jsx(Ni,{fetchState:o,repaymentListWithAccountInfo:Le,sortConfig:c,onColumnSortConfigChanged:p,onReloadPayments:b,searchText:r,isZeniTenant:g,onRetryPaymentClick:s})})]})},Yi=n.div`
   display: flex;
   flex-direction: column;
   width: 100%;

package/dist/assets/{ChargeCardPromoPage-BGwXpSoW-BA6l2ILe.js → ChargeCardPromoPage-DEjWh0Ax-DtQMu7KS.js}

@@ -1,4 +1,4 @@
-import{Q as $,V as r,g as J,aw as be,a8 as $e,aQ as je,aN as Se,fS as Te,bB as ze,fr as ve,r as Y,aP as ee,F as oe,o as t,M as Pe,f as O,cC as ke,aq as Be,y as u,ap as Ie,bS as Ae,iJ as Le,ai as Re,u as p,a as S,p as y,ba as _e,aU as Me,iK as Ee}from"./index-CbMlqZJL.js";import{a as T}from"./sentry-CTKU7CLc.js";import{n,c as De,k as Fe}from"./mui-C_Pjuwl5.js";import{EL as Ue}from"./zeni-epic-state-Cl3KIlic.js";import{k as Ne}from"./NavigationDots-DgfBVlG5-DqhfZvwQ.js";import{J as H,N as G}from"./PromoBaseCards-CSisWvqE-BUbYvyJg.js";import{M as R}from"./usp-line-BBd1wKwW-DQyOXy13.js";import"./liveblocks-D8QW-YrN.js";import"./core-mVc5WAnu.js";import"./recharts-BGj_NTVO.js";import"./lottie-CoVfqInY.js";import"./analytics-YsywGP0I.js";import"./lexical-D1NyDz9G.js";import"./utils-DJxCyxGL.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},s=new e.Error().stack;s&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[s]="6f548ae3-ef0f-4020-8020-84e789d6d5de",e._sentryDebugIdIdentifier="sentry-dbid-6f548ae3-ef0f-4020-8020-84e789d6d5de")}catch{}})();const g={containerPaddingTopBottom:new u(p[0],p[0]),uspContainerMarginX:new u(p[6],p[0]),midContainerGap:new u(p[4],84),iconContainerMinHeight:new u(236,396),emptySectionHeight:new u(p[6],43),navigationBottom:new u(p[4],94),navigationLeft:new u(192,244),carouselHeight:new u(268,396),carouselMarginTop:new u(54,p[4]),carouselMarginLeft:new u(120,p[12]),buttonTrayGap:new u(p[3],p[5]),termsOfAgreementMarginTop:new u(p[5],p[10]),contactAdminContainerMarginTop:new u(p[0],p[10]),contactAdminContainerMarginBottom:new u(p[4],p[0]),contactAdminContainerMarginLeftRight:new u(p[3],p[0])},z={promoBadgeText:new S("standardRegular","largeRegular"),promoBadgeTextBold:new S("standardBold","largeBold"),cardsContent:new S("extraSmallRegular","smallRegular"),contactAdmin:new S("extraSmallRegular","largeRegular"),uspText:new S("smallRegular","standardRegular"),uspBoldText:new S("smallMedium","standardMedium")},{common:U,spendManagement:{chargeCard:{chargeCardsPromo:o}}}=oe.getLocalizedStrings(),_r=({meetingUrl:e,companyLegalName:s,chargeCardSetupView:i,showEnableCardButton:a,controllerEmails:c,isCreditCardProductVisible:m,isDebitCardFeatureEnabled:h,isDebitCardSetupEnabled:x,isChargeCardSetupEnabled:w,admins:j,cashbackRate:P,cardPromoType:f="credit",isCheckingEnabled:l,onSetupButtonClick:d,onBackClick:pe,onClickMenuIcon:me,onSetupChargeCardSuccess:V,onExpressInterestClick:ge})=>{const he=J(),X=be(),v=$(),q=$e().analytics,{chargeCardTermsDetails:_,companyChargeCardInfo:C,companyLocaleInfo:M}=i,K=je(_?.fetchStatus.fetchState),[ue,Q]=T.useState(!1),xe=()=>{q.trackCardsPromoPageClicked("schedule demo"),q.trackCardsScheduleDemoClick(c,{isCreditCardOffered:m,isDebitCardOffered:h,isDebitCardEnabled:x,isCreditCardEnabled:w},"Cards Promo"),Q(!0)},we=C!=null&&M!=null?Se("0,0",{amount:C.chargeCardsCreditAccountLimit,currencyCode:M.currencyCode,currencySymbol:M.currencySymbol}):void 0;T.useEffect(()=>{K==="In-Progress"&&_?.fetchStatus.fetchState==="Completed"&&V()},[K,V,_?.fetchStatus]);const W=Ue(X.loggedInUserRoleMap),fe=Te(X),E=f==="credit"&&C?.isCompanyInterestedInChargeCard===!1&&C.chargeCardsCreditAccountLimit===0,D=f==="credit"&&C?.isCompanyInterestedInChargeCard===!0&&C.chargeCardsCreditAccountLimit===-1,F=f==="credit"&&C?.isCompanyInterestedInChargeCard===!0&&C.chargeCardsCreditAccountLimit===0,Ce=f==="credit"&&C?.isCompanyInterestedInChargeCard===!0&&C.chargeCardsCreditAccountLimit>0,{expressInterestInChargeCardFetchState:ye}=i,Z=E?o.getPreApprovedNow:a?o.enableCardsButton:o.setupCardsButton;return r.jsxs(Xe,{children:[r.jsx(ze,{title:o.title[f],backgroundColor:he.colors.grey4,onBackClick:pe,showBackButton:!0,showMenuIcon:v==="medium-compact"||v==="small",onClickMenuIcon:me,style:{zIndex:9},source:"ChargeCardPromoPage"}),ue===!0?r.jsx(ve,{onCancelClick:()=>{Q(!1)},meetingUrl:e}):null,r.jsx(We,{windowSize:v,children:W===!0?r.jsxs(Qe,{children:[r.jsxs(Ke,{children:[r.jsx(Ge,{isApproved:Ce,creditAmount:we,cardPromoType:f,isUnderReview:F,isRejected:D,showExpressInterest:E,creditLimit:C?.chargeCardsCreditAccountLimit}),r.jsx(ae,{cardPromoType:f,cashbackRate:P})]}),r.jsx(ne,{showEnableCardButton:a,cardPromoType:f,isUnderReview:F,isRejected:D,showExpressInterest:E,isCheckingEnabled:l})]}):r.jsx(Je,{companyLegalName:s,cards:[],admins:j,cashbackRate:P,hasZeniFinopsRoles:fe,cardPromoType:f,isCheckingEnabled:l})}),W&&!(F||D)?r.jsxs(or,{windowSize:v,children:[r.jsx(Y,{variant:"secondary",label:o.scheduleDemoButton,style:{width:166},onClick:xe,"data-testid":ee("schedule-demo-button")}),r.jsx(qe,{windowSize:v,children:o.orText}),r.jsx(Y,{variant:"primary",label:Z,style:{minWidth:166},loading:i.chargeCardTermsDetails?.fetchStatus.fetchState==="In-Progress"||ye==="In-Progress",onClick:Z===o.getPreApprovedNow?ge:()=>d(f),"data-testid":ee("enable-card-button")})]}):null]})},He=({admins:e})=>{const s=e.flatMap(a=>a.user?.firstName+" "+a.user?.lastName).join(", "),i=$();return r.jsxs(mr,{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})]})},ne=({cardPromoType:e,showEnableCardButton:s,isCheckingEnabled:i,isUnderReview:a,isRejected:c,showExpressInterest:m,isCardUser:h=!1})=>{const x=$();return r.jsx(ir,{windowSize:x,children:r.jsx(Le,{topTermLabel:o.terms.checkingAccountTerm,buttonTermLabel:a===!0||c===!0||h===!0?void 0:m===!0?o.terms.getPreApprovedNowTerm:s?o.terms.alternateTerm1:o.terms.terms1,showEndIcon:!1,showTerms:c===!1&&h===!1&&a===!1,style:{marginTop:g.termsOfAgreementMarginTop.valuePx(x)},cardPromoType:e,isCheckingEnabled:i})})},Ge=({isApproved:e,cardPromoType:s,creditAmount:i,isUnderReview:a,isRejected:c,showExpressInterest:m,creditLimit:h})=>{const x=$(),w=s==="debit_and_credit"?o.promoTextDebitCreditCard:s==="debit"?o.promoTextDebitCard:o.promoTextCreditCard,j=e?r.jsxs(r.Fragment,{children:[o.promoBadgeText.approved,r.jsx(te,{children:i}),o.creditLimit,U.strings.space]}):m?r.jsxs(r.Fragment,{children:[o.promoBadgeText.nonPreApproved.get,r.jsx(rr,{children:o.promoBadgeText.nonPreApproved.scale}),o.promoBadgeText.nonPreApproved.doubleStarred,U.strings.space,o.promoBadgeText.nonPreApproved.higherLimits]}):a?o.promoBadgeText.underReview:c?o.promoBadgeText.rejected:s==="debit_and_credit"&&h===0?null:r.jsxs(r.Fragment,{children:[o.promoBadgeText.preApproved,r.jsx(te,{children:i}),o.creditLimit,U.strings.space]});return r.jsxs(r.Fragment,{children:[r.jsx(r.Fragment,{children:x==="small"?r.jsxs(r.Fragment,{children:[r.jsx(le,{children:w}),r.jsx(ce,{children:o.promoSubText})]}):r.jsxs(r.Fragment,{children:[r.jsx(se,{children:w}),r.jsx(de,{children:o.promoSubText})]})}),r.jsxs(Ye,{cardPromoType:s,hasContent:j!=null,hideBadge:i==null||s==="debit",windowSize:x,children:[a||c||m?null:r.jsx(yr,{}),r.jsx(er,{windowSize:x,children:j})]})]})},Je=({companyLegalName:e,cards:s,admins:i,cashbackRate:a,hasZeniFinopsRoles:c,cardPromoType:m="credit",isCheckingEnabled:h})=>{const x=$(),w=m==="debit_and_credit"?o.promoTextDebitCreditCard:m==="debit"?o.promoTextDebitCard:o.promoTextCreditCard;return r.jsxs(r.Fragment,{children:[x==="small"?r.jsxs(r.Fragment,{children:[r.jsx(le,{children:w}),r.jsx(ce,{children:o.promoSubText})]}):r.jsxs(r.Fragment,{children:[r.jsx(se,{children:w}),r.jsx(de,{children:o.promoSubText})]}),s.length===0?r.jsx(pr,{windowSize:x}):r.jsx(Oe,{cards:s,companyLegalName:e}),r.jsx(ae,{cardPromoType:m,cashbackRate:a}),c?null:r.jsx(He,{admins:i}),r.jsx(ne,{isCardUser:!0,showEnableCardButton:!1,cardPromoType:m,isCheckingEnabled:h})]})},Oe=({cards:e,companyLegalName:s})=>{const i=J(),a=$();let c="",m;if(e.length===1){m=e[0].cardCreatedByUser.photo;const h=e[0].cardCreatedByUser.firstName+" "+e[0].cardCreatedByUser.lastName;c=o.cardAssigned.singleCreditCard.replace("__issuing-user__",h).replace("__company-name__",s)}else c=o.cardAssigned.multipleCreditCards.replace("__company-name__",s);return r.jsxs(hr,{children:[m!=null?r.jsx(Ze,{width:t.sp5,height:t.sp5,style:{paddingTop:a==="small"?t.sp1:t.sp0},src:m.href,alt:oe.getLocalizedStrings().cockpit.userProfileAltText,onError:({currentTarget:h})=>{h.onerror=null,h.src=Ie},loading:"lazy"}):null,r.jsx(gr,{windowSize:a,mode:i.mode,children:r.jsx(ur,{windowSize:a,children:c})})]})},re=({windowSize:e,cardPromoType:s})=>{let i=o.businessText;return s==="debit"&&(i=`${i} ${o.debit}`),r.jsx(r.Fragment,{children:s==="debit_and_credit"?r.jsx(Ve,{}):r.jsxs(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})]})})},ae=({cardPromoType:e,cashbackRate:s})=>{const i=$(),a=o.benefits;return r.jsxs(tr,{windowSize:i,children:[i==="small"?r.jsx(re,{windowSize:i,cardPromoType:e}):null,r.jsxs(nr,{windowSize:i,children:[r.jsxs(B,{windowSize:i,children:[r.jsx(A,{children:r.jsx(lr,{})}),r.jsxs(L,{children:[r.jsx(b,{windowSize:i,children:a.item1.pre}),r.jsx(I,{windowSize:i,children:a.item1.bold.replace("__cashback__",(s*100).toFixed(2))}),r.jsx(b,{windowSize:i,children:`${e==="credit"||e==="debit_and_credit"?a.singleStarred:""}${a.item1.post}`})]})]}),r.jsxs(B,{windowSize:i,children:[r.jsx(A,{children:r.jsx(sr,{})}),r.jsxs(L,{children:[r.jsx(b,{windowSize:i,children:a.item2.pre}),r.jsx(I,{windowSize:i,children:a.item2.bold}),r.jsx(b,{windowSize:i,children:a.item2.post})]})]}),r.jsxs(B,{windowSize:i,children:[r.jsx(A,{children:r.jsx(cr,{})}),r.jsxs(L,{children:[r.jsx(b,{windowSize:i,children:a.item3.pre}),r.jsx(I,{windowSize:i,children:a.item3.bold}),r.jsx(b,{windowSize:i,children:a.item3.post})]})]}),r.jsxs(B,{windowSize:i,children:[r.jsx(A,{children:r.jsx(dr,{})}),r.jsxs(L,{children:[r.jsx(b,{windowSize:i,children:a.item4.pre}),r.jsx(I,{windowSize:i,children:a.item4.bold}),r.jsx(b,{windowSize:i,children:a.item4.post})]})]})]}),i==="small"?null:r.jsx(re,{windowSize:i,cardPromoType:e})]})};let k;const Ve=()=>{const e=$(),s=J(),[i,a]=T.useState(0),[c,m]=T.useState(!1),h=o.businessText,x=`${h} ${o.debit}`,w=[{id:1,cardType:"debit",cardText:x},{id:2,cardType:"debit",cardText:x},{id:3,cardType:"credit",cardText:h},{id:4,cardType:"credit",cardText:h}];T.useEffect(()=>(c||(k=setInterval(()=>{a(l=>{const d=l+1;return d===w.length?(m(!0),0):d})},2e3)),()=>clearInterval(k)),[c,w.length]),T.useEffect(()=>{c&&k!=null&&clearInterval(k)},[c]);const j=(l,d)=>{switch((l-i+w.length)%w.length){case 0:return{transform:`translate(0,${d?"100%":0}) scale(1)`,zIndex:d?5:6,opacity:1,transition:"transform 0.4s"};case 1:return{transform:`translate(35%, ${d?"80%":"5%"}) scale(0.75)`,zIndex:d?4:5,opacity:1,transition:"all 0.4s"};case 2:return{transform:`translate(35%,${d?"80%":"5%"}) scale(0.75)`,zIndex:d?3:4,opacity:0,transition:"transform 0.4s 0.2s, opacity 0.4s 0.0s"};case 3:return{transform:`translate(-35%, ${d?"80%":"5%"}) scale(0.75)`,zIndex:d?4:5,opacity:1,transition:"all 0.4s"};default:return}},P=l=>{const d=j(l,!0);return{...d,transform:`${d?.transform} scaleY(-1)`,opacity:1,transition:"transform 0s 0s, z-index 0s 0s"}},f=l=>{c||m(!0),a(l)};return r.jsxs(xr,{windowSize:e,children:[r.jsx(wr,{windowSize:e,children:w.map((l,d)=>r.jsxs(fr,{children:[r.jsx(ie,{isReflection:!1,style:{...j(d,!1)},onClick:()=>f(d),children:d===0||d===2?r.jsx(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))}),c&&r.jsx(Ne,{numberOfDots:w.length,activeIndex:i,handleClick:a,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}})]})},Xe=n.div`
+import{Q as $,V as r,g as J,aw as ye,a8 as $e,aQ as je,aN as Se,fS as Te,bB as ze,fr as ve,r as Y,aP as ee,F as oe,o as t,M as Pe,f as O,cC as ke,aq as Be,y as u,ap as Ie,bS as Ae,iJ as Le,ai as Re,u as p,a as S,p as b,ba as _e,aU as Me,iK as Ee}from"./index-BhvUwV_v.js";import{a as T}from"./sentry-DgGQRl6g.js";import{n,c as De,k as Fe}from"./mui-DqYnCiYu.js";import{EL as Ue}from"./zeni-epic-state-WWg2r7iB.js";import{k as Ne}from"./NavigationDots-BPsFQiss-Dqh0y0c_.js";import{J as H,N as G}from"./PromoBaseCards-wfvFaqMw-CY2jDhRy.js";import{M as R}from"./usp-line-BBd1wKwW-EmNWFdhU.js";import"./liveblocks-BqcT5iTZ.js";import"./core-B9Znwqny.js";import"./recharts-D7E0WJGk.js";import"./lottie-oQfNS8l-.js";import"./analytics-DO1unY4G.js";import"./lexical-DSIpBzCF.js";import"./utils-C_quS4m3.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},s=new e.Error().stack;s&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[s]="81d14dc4-b93e-46bb-9d3d-fbad8903bd1e",e._sentryDebugIdIdentifier="sentry-dbid-81d14dc4-b93e-46bb-9d3d-fbad8903bd1e")}catch{}})();const g={containerPaddingTopBottom:new u(p[0],p[0]),uspContainerMarginX:new u(p[6],p[0]),midContainerGap:new u(p[4],84),iconContainerMinHeight:new u(236,396),emptySectionHeight:new u(p[6],43),navigationBottom:new u(p[4],94),navigationLeft:new u(192,244),carouselHeight:new u(268,396),carouselMarginTop:new u(54,p[4]),carouselMarginLeft:new u(120,p[12]),buttonTrayGap:new u(p[3],p[5]),termsOfAgreementMarginTop:new u(p[5],p[10]),contactAdminContainerMarginTop:new u(p[0],p[10]),contactAdminContainerMarginBottom:new u(p[4],p[0]),contactAdminContainerMarginLeftRight:new u(p[3],p[0])},z={promoBadgeText:new S("standardRegular","largeRegular"),promoBadgeTextBold:new S("standardBold","largeBold"),cardsContent:new S("extraSmallRegular","smallRegular"),contactAdmin:new S("extraSmallRegular","largeRegular"),uspText:new S("smallRegular","standardRegular"),uspBoldText:new S("smallMedium","standardMedium")},{common:U,spendManagement:{chargeCard:{chargeCardsPromo:o}}}=oe.getLocalizedStrings(),_r=({meetingUrl:e,companyLegalName:s,chargeCardSetupView:i,showEnableCardButton:a,controllerEmails:c,isCreditCardProductVisible:m,isDebitCardFeatureEnabled:h,isDebitCardSetupEnabled:x,isChargeCardSetupEnabled:w,admins:j,cashbackRate:P,cardPromoType:f="credit",isCheckingEnabled:l,onSetupButtonClick:d,onBackClick:pe,onClickMenuIcon:me,onSetupChargeCardSuccess:V,onExpressInterestClick:ge})=>{const he=J(),X=ye(),v=$(),q=$e().analytics,{chargeCardTermsDetails:_,companyChargeCardInfo:C,companyLocaleInfo:M}=i,K=je(_?.fetchStatus.fetchState),[ue,Q]=T.useState(!1),xe=()=>{q.trackCardsPromoPageClicked("schedule demo"),q.trackCardsScheduleDemoClick(c,{isCreditCardOffered:m,isDebitCardOffered:h,isDebitCardEnabled:x,isCreditCardEnabled:w},"Cards Promo"),Q(!0)},we=C!=null&&M!=null?Se("0,0",{amount:C.chargeCardsCreditAccountLimit,currencyCode:M.currencyCode,currencySymbol:M.currencySymbol}):void 0;T.useEffect(()=>{K==="In-Progress"&&_?.fetchStatus.fetchState==="Completed"&&V()},[K,V,_?.fetchStatus]);const W=Ue(X.loggedInUserRoleMap),fe=Te(X),E=f==="credit"&&C?.isCompanyInterestedInChargeCard===!1&&C.chargeCardsCreditAccountLimit===0,D=f==="credit"&&C?.isCompanyInterestedInChargeCard===!0&&C.chargeCardsCreditAccountLimit===-1,F=f==="credit"&&C?.isCompanyInterestedInChargeCard===!0&&C.chargeCardsCreditAccountLimit===0,Ce=f==="credit"&&C?.isCompanyInterestedInChargeCard===!0&&C.chargeCardsCreditAccountLimit>0,{expressInterestInChargeCardFetchState:be}=i,Z=E?o.getPreApprovedNow:a?o.enableCardsButton:o.setupCardsButton;return r.jsxs(Xe,{children:[r.jsx(ze,{title:o.title[f],backgroundColor:he.colors.grey4,onBackClick:pe,showBackButton:!0,showMenuIcon:v==="medium-compact"||v==="small",onClickMenuIcon:me,style:{zIndex:9},source:"ChargeCardPromoPage"}),ue===!0?r.jsx(ve,{onCancelClick:()=>{Q(!1)},meetingUrl:e}):null,r.jsx(We,{windowSize:v,children:W===!0?r.jsxs(Qe,{children:[r.jsxs(Ke,{children:[r.jsx(Ge,{isApproved:Ce,creditAmount:we,cardPromoType:f,isUnderReview:F,isRejected:D,showExpressInterest:E,creditLimit:C?.chargeCardsCreditAccountLimit}),r.jsx(ae,{cardPromoType:f,cashbackRate:P})]}),r.jsx(ne,{showEnableCardButton:a,cardPromoType:f,isUnderReview:F,isRejected:D,showExpressInterest:E,isCheckingEnabled:l})]}):r.jsx(Je,{companyLegalName:s,cards:[],admins:j,cashbackRate:P,hasZeniFinopsRoles:fe,cardPromoType:f,isCheckingEnabled:l})}),W&&!(F||D)?r.jsxs(or,{windowSize:v,children:[r.jsx(Y,{variant:"secondary",label:o.scheduleDemoButton,style:{width:166},onClick:xe,"data-testid":ee("schedule-demo-button")}),r.jsx(qe,{windowSize:v,children:o.orText}),r.jsx(Y,{variant:"primary",label:Z,style:{minWidth:166},loading:i.chargeCardTermsDetails?.fetchStatus.fetchState==="In-Progress"||be==="In-Progress",onClick:Z===o.getPreApprovedNow?ge:()=>d(f),"data-testid":ee("enable-card-button")})]}):null]})},He=({admins:e})=>{const s=e.flatMap(a=>a.user?.firstName+" "+a.user?.lastName).join(", "),i=$();return r.jsxs(mr,{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})]})},ne=({cardPromoType:e,showEnableCardButton:s,isCheckingEnabled:i,isUnderReview:a,isRejected:c,showExpressInterest:m,isCardUser:h=!1})=>{const x=$();return r.jsx(ir,{windowSize:x,children:r.jsx(Le,{topTermLabel:o.terms.checkingAccountTerm,buttonTermLabel:a===!0||c===!0||h===!0?void 0:m===!0?o.terms.getPreApprovedNowTerm:s?o.terms.alternateTerm1:o.terms.terms1,showEndIcon:!1,showTerms:c===!1&&h===!1&&a===!1,style:{marginTop:g.termsOfAgreementMarginTop.valuePx(x)},cardPromoType:e,isCheckingEnabled:i})})},Ge=({isApproved:e,cardPromoType:s,creditAmount:i,isUnderReview:a,isRejected:c,showExpressInterest:m,creditLimit:h})=>{const x=$(),w=s==="debit_and_credit"?o.promoTextDebitCreditCard:s==="debit"?o.promoTextDebitCard:o.promoTextCreditCard,j=e?r.jsxs(r.Fragment,{children:[o.promoBadgeText.approved,r.jsx(te,{children:i}),o.creditLimit,U.strings.space]}):m?r.jsxs(r.Fragment,{children:[o.promoBadgeText.nonPreApproved.get,r.jsx(rr,{children:o.promoBadgeText.nonPreApproved.scale}),o.promoBadgeText.nonPreApproved.doubleStarred,U.strings.space,o.promoBadgeText.nonPreApproved.higherLimits]}):a?o.promoBadgeText.underReview:c?o.promoBadgeText.rejected:s==="debit_and_credit"&&h===0?null:r.jsxs(r.Fragment,{children:[o.promoBadgeText.preApproved,r.jsx(te,{children:i}),o.creditLimit,U.strings.space]});return r.jsxs(r.Fragment,{children:[r.jsx(r.Fragment,{children:x==="small"?r.jsxs(r.Fragment,{children:[r.jsx(le,{children:w}),r.jsx(ce,{children:o.promoSubText})]}):r.jsxs(r.Fragment,{children:[r.jsx(se,{children:w}),r.jsx(de,{children:o.promoSubText})]})}),r.jsxs(Ye,{cardPromoType:s,hasContent:j!=null,hideBadge:i==null||s==="debit",windowSize:x,children:[a||c||m?null:r.jsx(br,{}),r.jsx(er,{windowSize:x,children:j})]})]})},Je=({companyLegalName:e,cards:s,admins:i,cashbackRate:a,hasZeniFinopsRoles:c,cardPromoType:m="credit",isCheckingEnabled:h})=>{const x=$(),w=m==="debit_and_credit"?o.promoTextDebitCreditCard:m==="debit"?o.promoTextDebitCard:o.promoTextCreditCard;return r.jsxs(r.Fragment,{children:[x==="small"?r.jsxs(r.Fragment,{children:[r.jsx(le,{children:w}),r.jsx(ce,{children:o.promoSubText})]}):r.jsxs(r.Fragment,{children:[r.jsx(se,{children:w}),r.jsx(de,{children:o.promoSubText})]}),s.length===0?r.jsx(pr,{windowSize:x}):r.jsx(Oe,{cards:s,companyLegalName:e}),r.jsx(ae,{cardPromoType:m,cashbackRate:a}),c?null:r.jsx(He,{admins:i}),r.jsx(ne,{isCardUser:!0,showEnableCardButton:!1,cardPromoType:m,isCheckingEnabled:h})]})},Oe=({cards:e,companyLegalName:s})=>{const i=J(),a=$();let c="",m;if(e.length===1){m=e[0].cardCreatedByUser.photo;const h=e[0].cardCreatedByUser.firstName+" "+e[0].cardCreatedByUser.lastName;c=o.cardAssigned.singleCreditCard.replace("__issuing-user__",h).replace("__company-name__",s)}else c=o.cardAssigned.multipleCreditCards.replace("__company-name__",s);return r.jsxs(hr,{children:[m!=null?r.jsx(Ze,{width:t.sp5,height:t.sp5,style:{paddingTop:a==="small"?t.sp1:t.sp0},src:m.href,alt:oe.getLocalizedStrings().cockpit.userProfileAltText,onError:({currentTarget:h})=>{h.onerror=null,h.src=Ie},loading:"lazy"}):null,r.jsx(gr,{windowSize:a,mode:i.mode,children:r.jsx(ur,{windowSize:a,children:c})})]})},re=({windowSize:e,cardPromoType:s})=>{let i=o.businessText;return s==="debit"&&(i=`${i} ${o.debit}`),r.jsx(r.Fragment,{children:s==="debit_and_credit"?r.jsx(Ve,{}):r.jsxs(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})]})})},ae=({cardPromoType:e,cashbackRate:s})=>{const i=$(),a=o.benefits;return r.jsxs(tr,{windowSize:i,children:[i==="small"?r.jsx(re,{windowSize:i,cardPromoType:e}):null,r.jsxs(nr,{windowSize:i,children:[r.jsxs(B,{windowSize:i,children:[r.jsx(A,{children:r.jsx(lr,{})}),r.jsxs(L,{children:[r.jsx(y,{windowSize:i,children:a.item1.pre}),r.jsx(I,{windowSize:i,children:a.item1.bold.replace("__cashback__",(s*100).toFixed(2))}),r.jsx(y,{windowSize:i,children:`${e==="credit"||e==="debit_and_credit"?a.singleStarred:""}${a.item1.post}`})]})]}),r.jsxs(B,{windowSize:i,children:[r.jsx(A,{children:r.jsx(sr,{})}),r.jsxs(L,{children:[r.jsx(y,{windowSize:i,children:a.item2.pre}),r.jsx(I,{windowSize:i,children:a.item2.bold}),r.jsx(y,{windowSize:i,children:a.item2.post})]})]}),r.jsxs(B,{windowSize:i,children:[r.jsx(A,{children:r.jsx(cr,{})}),r.jsxs(L,{children:[r.jsx(y,{windowSize:i,children:a.item3.pre}),r.jsx(I,{windowSize:i,children:a.item3.bold}),r.jsx(y,{windowSize:i,children:a.item3.post})]})]}),r.jsxs(B,{windowSize:i,children:[r.jsx(A,{children:r.jsx(dr,{})}),r.jsxs(L,{children:[r.jsx(y,{windowSize:i,children:a.item4.pre}),r.jsx(I,{windowSize:i,children:a.item4.bold}),r.jsx(y,{windowSize:i,children:a.item4.post})]})]})]}),i==="small"?null:r.jsx(re,{windowSize:i,cardPromoType:e})]})};let k;const Ve=()=>{const e=$(),s=J(),[i,a]=T.useState(0),[c,m]=T.useState(!1),h=o.businessText,x=`${h} ${o.debit}`,w=[{id:1,cardType:"debit",cardText:x},{id:2,cardType:"debit",cardText:x},{id:3,cardType:"credit",cardText:h},{id:4,cardType:"credit",cardText:h}];T.useEffect(()=>(c||(k=setInterval(()=>{a(l=>{const d=l+1;return d===w.length?(m(!0),0):d})},2e3)),()=>clearInterval(k)),[c,w.length]),T.useEffect(()=>{c&&k!=null&&clearInterval(k)},[c]);const j=(l,d)=>{switch((l-i+w.length)%w.length){case 0:return{transform:`translate(0,${d?"100%":0}) scale(1)`,zIndex:d?5:6,opacity:1,transition:"transform 0.4s"};case 1:return{transform:`translate(35%, ${d?"80%":"5%"}) scale(0.75)`,zIndex:d?4:5,opacity:1,transition:"all 0.4s"};case 2:return{transform:`translate(35%,${d?"80%":"5%"}) scale(0.75)`,zIndex:d?3:4,opacity:0,transition:"transform 0.4s 0.2s, opacity 0.4s 0.0s"};case 3:return{transform:`translate(-35%, ${d?"80%":"5%"}) scale(0.75)`,zIndex:d?4:5,opacity:1,transition:"all 0.4s"};default:return}},P=l=>{const d=j(l,!0);return{...d,transform:`${d?.transform} scaleY(-1)`,opacity:1,transition:"transform 0s 0s, z-index 0s 0s"}},f=l=>{c||m(!0),a(l)};return r.jsxs(xr,{windowSize:e,children:[r.jsx(wr,{windowSize:e,children:w.map((l,d)=>r.jsxs(fr,{children:[r.jsx(ie,{isReflection:!1,style:{...j(d,!1)},onClick:()=>f(d),children:d===0||d===2?r.jsx(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))}),c&&r.jsx(Ne,{numberOfDots:w.length,activeIndex:i,handleClick:a,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}})]})},Xe=n.div`
   display: flex;
   flex: 1 1 auto;
   min-height: 100%;
@@ -76,14 +76,14 @@ import{Q as $,V as r,g as J,aw as be,a8 as $e,aQ as je,aN as Se,fS as Te,bB as z
     visibility: hidden;
     `}
 `,er=n(O)`
-  color: ${e=>e.theme.mode==="dark"?y.brandColorJade:y.brandColorSapphire};
+  color: ${e=>e.theme.mode==="dark"?b.brandColorJade:b.brandColorSapphire};
   text-align: ${e=>e.windowSize==="small"?"left":"center"};
   ${e=>`${z.promoBadgeText.style(e.windowSize)}`};
   span {
     ${e=>`${z.promoBadgeTextBold.style(e.windowSize)}`};
   }
 `,rr=n.span``,te=n.span`
-  color: ${y.success};
+  color: ${b.success};
 `,tr=n.div`
   display: flex;
   gap: ${e=>g.midContainerGap.valuePx(e.windowSize)};
@@ -134,7 +134,7 @@ import{Q as $,V as r,g as J,aw as be,a8 as $e,aQ as je,aN as Se,fS as Te,bB as z
   width: ${e=>e.windowSize==="small"?"288px":"100%"};
   min-height: ${e=>e.windowSize!=="small"?"83px":"44px"};
   box-sizing: ${e=>e.windowSize==="small"?"unset":"border-box"};
-`,b=n(_e)`
+`,y=n(_e)`
   color: ${e=>e.theme.colors.champion};
   ${e=>`${z.uspText.style(e.windowSize)}`};
 `,I=n(Me)`
@@ -143,13 +143,13 @@ import{Q as $,V as r,g as J,aw as be,a8 as $e,aQ as je,aN as Se,fS as Te,bB as z
 `,A=n.div``,L=n.div`
   padding-left: ${t.sp3};
 `,sr=n(R)`
-  color: ${y.graphColor16Dark};
+  color: ${b.graphColor16Dark};
 `,dr=n(R)`
-  color: ${y.alert};
+  color: ${b.alert};
 `,lr=n(R)`
-  color: ${y.graphColor11};
+  color: ${b.graphColor11};
 `,cr=n(R)`
-  color: ${y.success};
+  color: ${b.success};
 `,pr=n.div`
   height: ${e=>g.emptySectionHeight.valuePx(e.windowSize)};
   ${e=>e.windowSize==="small"?null:De`
@@ -210,10 +210,10 @@ import{Q as $,V as r,g as J,aw as be,a8 as $e,aQ as je,aN as Se,fS as Te,bB as z
   100% {
     left: calc(100% + ${t.sp6});
   }
-`,yr=n.div`
+`,br=n.div`
   position: absolute;
   background:
-    ${y.promoCardGradient1Strong}, ${y.promoCardGradient2Strong};
+    ${b.promoCardGradient1Strong}, ${b.promoCardGradient2Strong};
   width: ${t.sp10};
   z-index: 3;
   height: 100%;

package/dist/assets/{ChargeCardSetupPage-CH6gSyU_-CzfoaXrP.js → ChargeCardSetupPage-zdLpdeJV-CBsuPE8U.js}

@@ -1,4 +1,4 @@
-import{g as je,Q as Oe,a8 as Be,aQ as M,a9 as Ue,cE as _e,aV as Q,V as t,f9 as $e,p as ze,y as r,bB as Re,T as Le,ac as We,fs as Ne,dO as qe,ft as He,o as U,b as Me,iL as G,bw as Qe,aR as Ge,fv as Je,F as Ke,u as a,al as Xe}from"./index-CbMlqZJL.js";import{a as f}from"./sentry-CTKU7CLc.js";import{n as w}from"./mui-C_Pjuwl5.js";import{bJ as Ye}from"./zeni-epic-state-Cl3KIlic.js";import{x as Ze}from"./LabeledControlledCheckBoxField-CrOtltBs-CAPrqGDH.js";import{g as et}from"./UploadAdditionalDocumentOverlay-ucIA0by--Dh8yhyNi.js";import"./liveblocks-D8QW-YrN.js";import"./core-mVc5WAnu.js";import"./recharts-BGj_NTVO.js";import"./lottie-CoVfqInY.js";import"./analytics-YsywGP0I.js";import"./lexical-D1NyDz9G.js";import"./utils-DJxCyxGL.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},d=new e.Error().stack;d&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[d]="65ec607c-3d54-42a1-96b2-485f80065300",e._sentryDebugIdIdentifier="sentry-dbid-65ec607c-3d54-42a1-96b2-485f80065300")}catch{}})();const c={titleWidth:new r(343,580,726,826),setupDetailsRowGap:new r(12,a[5],a[5]),sectionRowGap:new r(a[5],a[9],a[9]),iconWidthHeight:new r(20,a[4]),subTitlePaddingTop:new r(12,a[3]),subTitlePaddingBottom:new r(a[3],a[3]),overlayWidth:new r(100,100,59),checkBoxTop:new r(a[1],a[0])},J="chargeCardSetUpPage",m="payAccount",{commonSetUp:tt,spendManagement:nt}=Ke.getLocalizedStrings(),{chargeCard:Y}=nt,{chargeCardSetUp:g}=Y,{setUp:_}=tt,wt=({autoPayThreshold:e,isDisabled:d,meetingUrl:P,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:fe,onEstablishConnectionClick:ge,onEstablishConnectionSuccess:me,onClickMenuIcon:he,onEnableChargeCardSuccess:x,onEditFileName:ye,onDeleteFile:be,updateFilesEntity:Ce,onCompanyOfficerUpdated:Se,onSendForVerificationClick:we,onSignUpClick:Pe})=>{const y=je(),i=Oe(),E=Be().analytics,[A,b]=f.useState(!1),{fetchState:C,companyBillPayInfo:$,isRefreshingViewInBackground:xe,updateStatus:u,accountUpdateStatus:Ae,plaidConnectionDetails:ke,allBankAccounts:Te,companyChargeCardInfo:I,companyDebitCardInfo:z,selectedCompanyOfficer:s,primaryFundingAccount:l,allFundingAccounts:R}=o,L=M(C),k=M(u.fetchState),V=Ue({mode:"all",reValidateMode:"onChange",defaultValues:f.useMemo(()=>K(o),[o]),values:K(o)}),ve=V.handleSubmit(se),Ee=async(S,T)=>{const n=T[m];if(S.includes(m))if(S.includes("fundingAccount")){if(n.fundingAccount.selectedOption!=null&&l?.id!=n.fundingAccount.selectedOption){const p=R.find(B=>B.id===n.fundingAccount.selectedOption);p!=null&&pe(n.fundingAccount.selectedOption,p.accType)}}else if(n.account.selectedOption!=null&&l?.id!=null&&l?.zeniAccountId!=n.account.selectedOption){const p=n.account.allOptions.find(B=>B.value===n.account.selectedOption);p!=null&&typeof p.label=="string"&&E.trackConnectBankLink(p.value,p.label,"charge_cards"),le(n.account.selectedOption,l.id,l.accType)}else S.includes("enableAutoPay")&&n.enableAutoPay!=null&&fe(n.enableAutoPay)};f.useEffect(()=>{const S=V.watch((T,{name:n})=>{n!=null&&T!=null&&_e(()=>Ee(n,T))});return()=>{S.unsubscribe()}}),f.useEffect(()=>{!A&&s?.additionalDocumentTypesRequestedForVerification.includes("social_security_card")===!0&&s.areAdditionalDocumentsRequestedForVerification&&!s.areAdditionalDocumentsSubmittedForVerification&&s.userVerificationStatus?.code==="require_info"&&b(!0),A&&L==="In-Progress"&&C==="Completed"&&b(!1)},[s,C,L]),f.useEffect(()=>{k==="In-Progress"&&u.fetchState==="Completed"&&x()},[x,k,u.fetchState]);const D=I?.isChargeCardEnabled===!0,F=z?.isDebitCardEnabled===!0,W=z?.isDebitCardTOSAccepted===!0,N=I?.isChargeCardTOSAccepted===!0,q=$?.isBusinessVerified===!0,Ie=l?.accType==="depositAccount"||Ye(l?.providerVerificationStatus?.code??""),j=v?q:q&&Ie,Ve=C==="In-Progress"||C==="Not-Started";f.useEffect(()=>{k==="In-Progress"&&u.fetchState==="Completed"&&x()},[x,k,u.fetchState]);const O=v?j&&!F&&W:ie?j&&!D&&N:j&&!(D&&F)&&N&&W,De=O?g.setupSubTitleNotEnabled:g.setupSubTitle,H=y.mode==="light"?new Q(y.colors.brandColorJadeLight):new Q(y.colors.brandColorJadeDark),Fe=()=>{!A&&s?.additionalDocumentTypesRequestedForVerification.includes("social_security_card")===!0&&s.areAdditionalDocumentsRequestedForVerification&&!s.areAdditionalDocumentsSubmittedForVerification&&s.userVerificationStatus?.code==="require_info"?b(!0):re?.()};return t.jsxs(ot,{children:[t.jsx($e,{anchor:"right",PaperProps:{style:{width:c.overlayWidth.valuePercentage(i),boxShadow:"none"}},open:A,onClose:()=>b(!1),style:{backgroundColor:ze.drawerBackground},transitionDuration:250,children:t.jsx(et,{authParams:te,filesEndPoint:ee,updateStatus:u,onEditFileName:ye,onDeleteFile:be,updateFilesEntity:Ce,companyOfficer:s,onClose:()=>b(!1),onCompanyOfficerUpdated:Se,onSendForVerificationClick:we})}),t.jsx(Re,{title:g.setupTitle,backgroundColor:y.colors.grey4,style:{zIndex:3},onBackClick:ce,showMenuIcon:!D&&!F&&(i==="medium-compact"||i==="small"),onClickMenuIcon:he,source:"ChargeCardSetupPage"}),t.jsxs(it,{windowSize:i,children:[t.jsx(at,{windowSize:i,children:De}),Ve?t.jsx(ct,{children:t.jsx(Le,{size:"ExtraLarge",start:!0})}):t.jsx(We,{...V,children:t.jsx("form",{id:X(J),onSubmit:ve,children:t.jsxs(st,{windowSize:i,children:[t.jsx(Ne,{onClick:Fe,title:_.businessVerificationTitle,subTitle:_.businessVerificationSubTitle,header:_.businessVerificationHeader,icon:{element:t.jsx(qe,{width:c.iconWidthHeight.valuePx(i),height:c.iconWidthHeight.valuePx(i)}),color:H},status:$?.businessVerificationStatus,isLoading:xe,isActiveWhileLoading:!0}),v?null:t.jsx(He,{connectedAccountProvider:Z,primaryFundingAccount:l,allFundingAccounts:R,plaidConnectionDetails:ke,allBankAccounts:Te,sectionId:m,isDisabled:d,onFetchLinkTokenClick:ae,onEstablishConnectionClick:ge,onUpdatePaymentAccountStatus:de,onUpdatePaymentAccountLoginStatus:ue,sectionTitle:g.setupAccountSectionTitle,onEstablishConnectionSuccess:me,icon:{element:t.jsx(Qe,{width:c.iconWidthHeight.valuePx(i),height:c.iconWidthHeight.valuePx(i)}),color:H},analytics:E,productType:"charge_cards",isAccountsEnabled:ne,onSignUpClick:Pe,pageName:g.pageName,accountsPromoConfig:oe,accountSelectContainerStyle:h?{marginBottom:"20px"}:{},bottomComponent:h&&t.jsx(Ze,{label:{label:Y.payEarly.enableAutoPay.replace("__autoPayThreshold__",e.toString()),style:{color:y.colors.primary,...Me.smallRegular.cssObject,alignItems:"center"}},style:{width:"unset",marginRight:U.sp4,marginTop:U.sp1,alignItems:i==="small"?"flex-start":"center"},checkBoxField:{name:G(m,"enableAutoPay"),checkBoxValue:G(m,"enableAutoPay"),defaultChecked:I?.isAutoPayEnabled,style:{top:c.checkBoxTop.valuePx(i)}}})})]})})})]}),O?t.jsx(Ge,{formId:X(J),primaryBtn:{label:g.enableAccounts,style:{width:"auto",minWidth:i==="small"?"auto":"181px"},isLoading:u.fetchState==="In-Progress"||Ae.fetchState==="In-Progress",isDisabled:d!=null},showCancel:!1,cancelBtn:{label:""},style:{padding:`12px ${U.sp3}`}}):null,t.jsx(Je,{isFooterRendered:O,meetingUrl:P,analytics:E,productType:"charge_cards"})]})},K=e=>{const{allBankAccounts:d,allFundingAccounts:P,primaryFundingAccount:h}=e;return{[m]:{fundingAccount:{selectedOption:h?.id,allOptions:P.map(o=>({label:o.label,value:o.id,isRecommended:o.accType==="depositAccount"}))},account:{selectedOption:h?.zeniAccountId,allOptions:d.map(o=>({label:o.accountName,value:o.accountId}))},enableAutoPay:e.companyChargeCardInfo?.isAutoPayEnabled}}},X=e=>`${e}_form`,it=w.div`
+import{g as je,Q as Oe,a8 as Be,aQ as M,a9 as Ue,cE as _e,aV as Q,V as t,f9 as $e,p as ze,y as r,bB as Re,T as Le,ac as We,fs as Ne,dO as qe,ft as He,o as U,b as Me,iL as G,bw as Qe,aR as Ge,fv as Je,F as Ke,u as o,al as Xe}from"./index-BhvUwV_v.js";import{a as f}from"./sentry-DgGQRl6g.js";import{n as w}from"./mui-DqYnCiYu.js";import{bJ as Ye}from"./zeni-epic-state-WWg2r7iB.js";import{x as Ze}from"./LabeledControlledCheckBoxField-DBcPQa79-B_0nrSFr.js";import{g as et}from"./UploadAdditionalDocumentOverlay-CBg0WhaZ-C_8-7GFi.js";import"./liveblocks-BqcT5iTZ.js";import"./core-B9Znwqny.js";import"./recharts-D7E0WJGk.js";import"./lottie-oQfNS8l-.js";import"./analytics-DO1unY4G.js";import"./lexical-DSIpBzCF.js";import"./utils-C_quS4m3.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},d=new e.Error().stack;d&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[d]="c836613a-00ea-4b25-ae54-70fd4eea4e41",e._sentryDebugIdIdentifier="sentry-dbid-c836613a-00ea-4b25-ae54-70fd4eea4e41")}catch{}})();const c={titleWidth:new r(343,580,726,826),setupDetailsRowGap:new r(12,o[5],o[5]),sectionRowGap:new r(o[5],o[9],o[9]),iconWidthHeight:new r(20,o[4]),subTitlePaddingTop:new r(12,o[3]),subTitlePaddingBottom:new r(o[3],o[3]),overlayWidth:new r(100,100,59),checkBoxTop:new r(o[1],o[0])},J="chargeCardSetUpPage",m="payAccount",{commonSetUp:tt,spendManagement:nt}=Ke.getLocalizedStrings(),{chargeCard:Y}=nt,{chargeCardSetUp:g}=Y,{setUp:_}=tt,wt=({autoPayThreshold:e,isDisabled:d,meetingUrl:P,isEarlyPayEnabled:h,chargeCardSetUpView:a,connectedAccountProvider:Z,filesEndPoint:ee,authParams:te,isAccountsEnabled:ne,isDebitCardOnlyEnabled:v,isCreditCardOnlyEnabled:ie,accountsPromoConfig:ae,onFetchLinkTokenClick:oe,onBackClick:ce,onEnableChargeCardClick:se,onUpdateChargeCardClick:le,onBusinessVerificationSectionClick:re,onUpdatePaymentAccountStatus:de,onUpdatePaymentAccountLoginStatus:ue,onUpdatePrimaryFundingAccount:pe,onUpdateAutoPayClick:fe,onEstablishConnectionClick:ge,onEstablishConnectionSuccess:me,onClickMenuIcon:he,onEnableChargeCardSuccess:x,onEditFileName:ye,onDeleteFile:be,updateFilesEntity:Ce,onCompanyOfficerUpdated:Se,onSendForVerificationClick:we,onSignUpClick:Pe})=>{const y=je(),i=Oe(),E=Be().analytics,[A,b]=f.useState(!1),{fetchState:C,companyBillPayInfo:$,isRefreshingViewInBackground:xe,updateStatus:u,accountUpdateStatus:Ae,plaidConnectionDetails:ke,allBankAccounts:Te,companyChargeCardInfo:I,companyDebitCardInfo:z,selectedCompanyOfficer:s,primaryFundingAccount:l,allFundingAccounts:R}=a,L=M(C),k=M(u.fetchState),V=Ue({mode:"all",reValidateMode:"onChange",defaultValues:f.useMemo(()=>K(a),[a]),values:K(a)}),ve=V.handleSubmit(se),Ee=async(S,T)=>{const n=T[m];if(S.includes(m))if(S.includes("fundingAccount")){if(n.fundingAccount.selectedOption!=null&&l?.id!=n.fundingAccount.selectedOption){const p=R.find(B=>B.id===n.fundingAccount.selectedOption);p!=null&&pe(n.fundingAccount.selectedOption,p.accType)}}else if(n.account.selectedOption!=null&&l?.id!=null&&l?.zeniAccountId!=n.account.selectedOption){const p=n.account.allOptions.find(B=>B.value===n.account.selectedOption);p!=null&&typeof p.label=="string"&&E.trackConnectBankLink(p.value,p.label,"charge_cards"),le(n.account.selectedOption,l.id,l.accType)}else S.includes("enableAutoPay")&&n.enableAutoPay!=null&&fe(n.enableAutoPay)};f.useEffect(()=>{const S=V.watch((T,{name:n})=>{n!=null&&T!=null&&_e(()=>Ee(n,T))});return()=>{S.unsubscribe()}}),f.useEffect(()=>{!A&&s?.additionalDocumentTypesRequestedForVerification.includes("social_security_card")===!0&&s.areAdditionalDocumentsRequestedForVerification&&!s.areAdditionalDocumentsSubmittedForVerification&&s.userVerificationStatus?.code==="require_info"&&b(!0),A&&L==="In-Progress"&&C==="Completed"&&b(!1)},[s,C,L]),f.useEffect(()=>{k==="In-Progress"&&u.fetchState==="Completed"&&x()},[x,k,u.fetchState]);const D=I?.isChargeCardEnabled===!0,F=z?.isDebitCardEnabled===!0,W=z?.isDebitCardTOSAccepted===!0,N=I?.isChargeCardTOSAccepted===!0,q=$?.isBusinessVerified===!0,Ie=l?.accType==="depositAccount"||Ye(l?.providerVerificationStatus?.code??""),j=v?q:q&&Ie,Ve=C==="In-Progress"||C==="Not-Started";f.useEffect(()=>{k==="In-Progress"&&u.fetchState==="Completed"&&x()},[x,k,u.fetchState]);const O=v?j&&!F&&W:ie?j&&!D&&N:j&&!(D&&F)&&N&&W,De=O?g.setupSubTitleNotEnabled:g.setupSubTitle,H=y.mode==="light"?new Q(y.colors.brandColorJadeLight):new Q(y.colors.brandColorJadeDark),Fe=()=>{!A&&s?.additionalDocumentTypesRequestedForVerification.includes("social_security_card")===!0&&s.areAdditionalDocumentsRequestedForVerification&&!s.areAdditionalDocumentsSubmittedForVerification&&s.userVerificationStatus?.code==="require_info"?b(!0):re?.()};return t.jsxs(at,{children:[t.jsx($e,{anchor:"right",PaperProps:{style:{width:c.overlayWidth.valuePercentage(i),boxShadow:"none"}},open:A,onClose:()=>b(!1),style:{backgroundColor:ze.drawerBackground},transitionDuration:250,children:t.jsx(et,{authParams:te,filesEndPoint:ee,updateStatus:u,onEditFileName:ye,onDeleteFile:be,updateFilesEntity:Ce,companyOfficer:s,onClose:()=>b(!1),onCompanyOfficerUpdated:Se,onSendForVerificationClick:we})}),t.jsx(Re,{title:g.setupTitle,backgroundColor:y.colors.grey4,style:{zIndex:3},onBackClick:ce,showMenuIcon:!D&&!F&&(i==="medium-compact"||i==="small"),onClickMenuIcon:he,source:"ChargeCardSetupPage"}),t.jsxs(it,{windowSize:i,children:[t.jsx(ot,{windowSize:i,children:De}),Ve?t.jsx(ct,{children:t.jsx(Le,{size:"ExtraLarge",start:!0})}):t.jsx(We,{...V,children:t.jsx("form",{id:X(J),onSubmit:ve,children:t.jsxs(st,{windowSize:i,children:[t.jsx(Ne,{onClick:Fe,title:_.businessVerificationTitle,subTitle:_.businessVerificationSubTitle,header:_.businessVerificationHeader,icon:{element:t.jsx(qe,{width:c.iconWidthHeight.valuePx(i),height:c.iconWidthHeight.valuePx(i)}),color:H},status:$?.businessVerificationStatus,isLoading:xe,isActiveWhileLoading:!0}),v?null:t.jsx(He,{connectedAccountProvider:Z,primaryFundingAccount:l,allFundingAccounts:R,plaidConnectionDetails:ke,allBankAccounts:Te,sectionId:m,isDisabled:d,onFetchLinkTokenClick:oe,onEstablishConnectionClick:ge,onUpdatePaymentAccountStatus:de,onUpdatePaymentAccountLoginStatus:ue,sectionTitle:g.setupAccountSectionTitle,onEstablishConnectionSuccess:me,icon:{element:t.jsx(Qe,{width:c.iconWidthHeight.valuePx(i),height:c.iconWidthHeight.valuePx(i)}),color:H},analytics:E,productType:"charge_cards",isAccountsEnabled:ne,onSignUpClick:Pe,pageName:g.pageName,accountsPromoConfig:ae,accountSelectContainerStyle:h?{marginBottom:"20px"}:{},bottomComponent:h&&t.jsx(Ze,{label:{label:Y.payEarly.enableAutoPay.replace("__autoPayThreshold__",e.toString()),style:{color:y.colors.primary,...Me.smallRegular.cssObject,alignItems:"center"}},style:{width:"unset",marginRight:U.sp4,marginTop:U.sp1,alignItems:i==="small"?"flex-start":"center"},checkBoxField:{name:G(m,"enableAutoPay"),checkBoxValue:G(m,"enableAutoPay"),defaultChecked:I?.isAutoPayEnabled,style:{top:c.checkBoxTop.valuePx(i)}}})})]})})})]}),O?t.jsx(Ge,{formId:X(J),primaryBtn:{label:g.enableAccounts,style:{width:"auto",minWidth:i==="small"?"auto":"181px"},isLoading:u.fetchState==="In-Progress"||Ae.fetchState==="In-Progress",isDisabled:d!=null},showCancel:!1,cancelBtn:{label:""},style:{padding:`12px ${U.sp3}`}}):null,t.jsx(Je,{isFooterRendered:O,meetingUrl:P,analytics:E,productType:"charge_cards"})]})},K=e=>{const{allBankAccounts:d,allFundingAccounts:P,primaryFundingAccount:h}=e;return{[m]:{fundingAccount:{selectedOption:h?.id,allOptions:P.map(a=>({label:a.label,value:a.id,isRecommended:a.accType==="depositAccount"}))},account:{selectedOption:h?.zeniAccountId,allOptions:d.map(a=>({label:a.accountName,value:a.accountId}))},enableAutoPay:e.companyChargeCardInfo?.isAutoPayEnabled}}},X=e=>`${e}_form`,it=w.div`
   display: flex;
   justify-content: flex-start;
   height: 100%;
@@ -6,14 +6,14 @@ import{g as je,Q as Oe,a8 as Be,aQ as M,a9 as Ue,cE as _e,aV as Q,V as t,f9 as $
   flex-direction: column;
   align-items: center;
   row-gap: ${e=>c.setupDetailsRowGap.valuePx(e.windowSize)};
-`,ot=w.div`
+`,at=w.div`
   display: flex;
   min-height: 100%;
   height: 100%;
   flex-direction: column;
   width: 100%;
   background-color: ${e=>e.theme.colors.grey4};
-`,at=w(Xe)`
+`,ot=w(Xe)`
   color: ${e=>e.theme.colors.hero};
   display: flex;
   justify-content: center;

package/dist/assets/{ChargeCardStatementsPage-B1FjTF7r-BZ4kw4nt.js → ChargeCardStatementsPage-D42XfAtE-RchDbumz.js}

@@ -1,4 +1,4 @@
-import{g as F,Q as N,V as t,bB as W,o as h,F as B,y as g,al as R,b9 as _,a8 as V,hJ as O,T as J,aP as q,u as s,c2 as G}from"./index-CbMlqZJL.js";import{n as r}from"./mui-C_Pjuwl5.js";import{$ as H,g as Q}from"./BoxItem-CjZDlBaw-BKi5-cXg.js";import{a as U}from"./sentry-CTKU7CLc.js";import{w as Z}from"./downloadPdf-CU0hwe3m-C2xfKmu7.js";import"./liveblocks-D8QW-YrN.js";import"./core-mVc5WAnu.js";import"./recharts-BGj_NTVO.js";import"./zeni-epic-state-Cl3KIlic.js";import"./lottie-CoVfqInY.js";import"./analytics-YsywGP0I.js";import"./lexical-D1NyDz9G.js";import"./utils-DJxCyxGL.js";import"./commonDimensions-B94VpAp0-CFWStpHz.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},i=new e.Error().stack;i&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[i]="5a88377d-542d-499c-abb6-f0ffcadf4343",e._sentryDebugIdIdentifier="sentry-dbid-5a88377d-542d-499c-abb6-f0ffcadf4343")}catch{}})();const D=B.getLocalizedStrings().months,Y={downloadButtonSize:new g(s[4],20)},K=r.div`
+import{g as F,Q as N,V as t,bB as W,o as h,F as B,y as g,al as R,b9 as _,a8 as V,hJ as O,T as J,aP as q,u as s,c2 as G}from"./index-BhvUwV_v.js";import{n as r}from"./mui-DqYnCiYu.js";import{$ as H,g as Q}from"./BoxItem-C-LLQ7NS-CyKsGaF0.js";import{a as U}from"./sentry-DgGQRl6g.js";import{w as Z}from"./downloadPdf-Pyk_BhF7-WEbr68vS.js";import"./liveblocks-BqcT5iTZ.js";import"./core-B9Znwqny.js";import"./recharts-D7E0WJGk.js";import"./zeni-epic-state-WWg2r7iB.js";import"./lottie-oQfNS8l-.js";import"./analytics-DO1unY4G.js";import"./lexical-DSIpBzCF.js";import"./utils-C_quS4m3.js";import"./commonDimensions-CtIrih5r-CfslRtQI.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},i=new e.Error().stack;i&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[i]="14d32e9e-8359-42f6-8878-1ae9ce0a5168",e._sentryDebugIdIdentifier="sentry-dbid-14d32e9e-8359-42f6-8878-1ae9ce0a5168")}catch{}})();const D=B.getLocalizedStrings().months,Y={downloadButtonSize:new g(s[4],20)},K=r.div`
   display: flex;
   padding: ${h.sp3} ${h.sp4};
   flex-direction: row;
@@ -27,7 +27,7 @@ import{g as F,Q as N,V as t,bB as W,o as h,F as B,y as g,al as R,b9 as _,a8 as V
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`;function ie({currentTenantCompanyName:e,data:i,index:n,controllerEmails:l,isDebitCardFeatureEnabled:a,isDebitCardSetupEnabled:o,chargeCardCashbackDetailState:d,depositAccountListWithDebitCardIssued:y,debitCardSummary:x,productInformation:C,creditAccountInformation:S,debitAccountInformation:$,cashbackInformation:p,creditAccountRepayment:I,authParams:P,downloadEndPoint:k,boxType:j}){const b=V().analytics,[v,E]=U.useState(!1),c=N(),z=D[i.monthYearPeriod.month-1],u=`${e}-Credit-Card-Monthly-Statement-${D[i.monthYearPeriod.month-1]}-${i.monthYearPeriod.year}.pdf`,m={period:`${i.monthYearPeriod.year}-${O(i.monthYearPeriod.month)}`,format:"pdf"},f=t.jsx(K,{children:t.jsxs(X,{children:[t.jsx(ee,{children:z}),t.jsx(te,{"data-testid":q("download-card-statement"),onClick:()=>{d.fetchState==="Completed"&&I.fetchState==="Completed"&&(!(a&&o)||y.fetchState==="Completed"&&x?.fetchState==="Completed")&&p!=null&&b.trackCardsDownloadClick(l,C,p,{fileCategory:"Credit Card Statement",fileType:"pdf",fileName:u,fileMonthYear:`${D[i.monthYearPeriod.month-1]} ${i.monthYearPeriod.year}`},"Credit Card Statements",n+1,S,$),Z(`${k}/statements?query=${encodeURIComponent(JSON.stringify(m))}`,u,P,E)},children:v?t.jsx(J,{size:"Small",start:!0}):t.jsx(ae,{windowSize:c})})]})});return t.jsx(Q,{content:f,boxType:j,isDisabled:!1,isNotClickable:!0})}const A=B.getLocalizedStrings().spendManagement.chargeCard.statements,w={listItemMarginLeftRight:new g(s[3],s[8]),containerMarginTop:new g(s[0],s[2]),titleMarginLeftRight:new g(s[3],s[8])},ke=({currentTenantCompanyName:e,authParams:i,controllerEmails:n,productInformation:l,cashbackInformation:a,creditAccountInformation:o,debitAccountInformation:d,isChargeCardFeatureEnabled:y,isDebitCardFeatureEnabled:x,isDebitCardSetupEnabled:C,isChargeCardSetupEnabled:S,chargeCardCashbackDetailState:$,depositAccountListWithDebitCardIssued:p,creditAccountRepayment:I,debitCardSummary:P,creditAccount:k,downloadEndPoint:j,statementListView:b,onBackClick:v})=>{const E=F(),c=N(),{sortedYear:z,monthsByYearWithSortedMonth:u}=me(b.statements);return t.jsxs(se,{children:[t.jsx(W,{title:A.title,backgroundColor:E.colors.grey4,style:{zIndex:3},onBackClick:v,source:"ChargeCardStatementsPage"}),t.jsx(ce,{windowSize:c,children:b.statements.length===0?t.jsx(M,{children:t.jsx(de,{children:t.jsx(L,{windowSize:c,children:t.jsx(le,{children:A.noStatements})})})}):t.jsx(re,{children:z.map(m=>t.jsxs(ne,{children:[t.jsx(oe,{windowSize:c,children:m}),t.jsx(M,{children:u[m].map((f,T)=>t.jsx(L,{windowSize:c,children:t.jsx(ie,{productInformation:l,creditAccountInformation:o,debitAccountInformation:d,cashbackInformation:a,creditAccountRepayment:I,depositAccountListWithDebitCardIssued:p,debitCardSummary:P,controllerEmails:n,isChargeCardFeatureEnabled:y,isDebitCardFeatureEnabled:x,isDebitCardSetupEnabled:C,isChargeCardSetupEnabled:S,chargeCardCashbackDetailState:$,creditAccount:k,currentTenantCompanyName:e,index:T,data:f,authParams:i,downloadEndPoint:j,boxType:H(T,u[m].length)},f.id)},f.id))})]},m))})})]})},re=r.div``,ne=r.div`
+`;function ie({currentTenantCompanyName:e,data:i,index:n,controllerEmails:l,isDebitCardFeatureEnabled:a,isDebitCardSetupEnabled:o,chargeCardCashbackDetailState:d,depositAccountListWithDebitCardIssued:y,debitCardSummary:x,productInformation:C,creditAccountInformation:S,debitAccountInformation:$,cashbackInformation:f,creditAccountRepayment:I,authParams:P,downloadEndPoint:k,boxType:j}){const b=V().analytics,[v,E]=U.useState(!1),c=N(),z=D[i.monthYearPeriod.month-1],u=`${e}-Credit-Card-Monthly-Statement-${D[i.monthYearPeriod.month-1]}-${i.monthYearPeriod.year}.pdf`,m={period:`${i.monthYearPeriod.year}-${O(i.monthYearPeriod.month)}`,format:"pdf"},p=t.jsx(K,{children:t.jsxs(X,{children:[t.jsx(ee,{children:z}),t.jsx(te,{"data-testid":q("download-card-statement"),onClick:()=>{d.fetchState==="Completed"&&I.fetchState==="Completed"&&(!(a&&o)||y.fetchState==="Completed"&&x?.fetchState==="Completed")&&f!=null&&b.trackCardsDownloadClick(l,C,f,{fileCategory:"Credit Card Statement",fileType:"pdf",fileName:u,fileMonthYear:`${D[i.monthYearPeriod.month-1]} ${i.monthYearPeriod.year}`},"Credit Card Statements",n+1,S,$),Z(`${k}/statements?query=${encodeURIComponent(JSON.stringify(m))}`,u,P,E)},children:v?t.jsx(J,{size:"Small",start:!0}):t.jsx(ae,{windowSize:c})})]})});return t.jsx(Q,{content:p,boxType:j,isDisabled:!1,isNotClickable:!0})}const A=B.getLocalizedStrings().spendManagement.chargeCard.statements,w={listItemMarginLeftRight:new g(s[3],s[8]),containerMarginTop:new g(s[0],s[2]),titleMarginLeftRight:new g(s[3],s[8])},ke=({currentTenantCompanyName:e,authParams:i,controllerEmails:n,productInformation:l,cashbackInformation:a,creditAccountInformation:o,debitAccountInformation:d,isChargeCardFeatureEnabled:y,isDebitCardFeatureEnabled:x,isDebitCardSetupEnabled:C,isChargeCardSetupEnabled:S,chargeCardCashbackDetailState:$,depositAccountListWithDebitCardIssued:f,creditAccountRepayment:I,debitCardSummary:P,creditAccount:k,downloadEndPoint:j,statementListView:b,onBackClick:v})=>{const E=F(),c=N(),{sortedYear:z,monthsByYearWithSortedMonth:u}=me(b.statements);return t.jsxs(se,{children:[t.jsx(W,{title:A.title,backgroundColor:E.colors.grey4,style:{zIndex:3},onBackClick:v,source:"ChargeCardStatementsPage"}),t.jsx(ce,{windowSize:c,children:b.statements.length===0?t.jsx(M,{children:t.jsx(de,{children:t.jsx(L,{windowSize:c,children:t.jsx(le,{children:A.noStatements})})})}):t.jsx(re,{children:z.map(m=>t.jsxs(ne,{children:[t.jsx(oe,{windowSize:c,children:m}),t.jsx(M,{children:u[m].map((p,T)=>t.jsx(L,{windowSize:c,children:t.jsx(ie,{productInformation:l,creditAccountInformation:o,debitAccountInformation:d,cashbackInformation:a,creditAccountRepayment:I,depositAccountListWithDebitCardIssued:f,debitCardSummary:P,controllerEmails:n,isChargeCardFeatureEnabled:y,isDebitCardFeatureEnabled:x,isDebitCardSetupEnabled:C,isChargeCardSetupEnabled:S,chargeCardCashbackDetailState:$,creditAccount:k,currentTenantCompanyName:e,index:T,data:p,authParams:i,downloadEndPoint:j,boxType:H(T,u[m].length)},p.id)},p.id))})]},m))})})]})},re=r.div``,ne=r.div`
   margin-bottom: ${h.sp6};
 `,M=r.div``,oe=r(_)`
   margin-left: ${e=>w.titleMarginLeftRight.valuePx(e.windowSize)};

package/dist/assets/{CheckDepositDrawerPage-B30gCDxH-CDMOD0d_.js → CheckDepositDrawerPage-DC1L83fB-BCa5n7-H.js}

@@ -1,4 +1,4 @@
-import{Q as Z,V as t,aP as $,hH as pe,aN as M,r as G,o,aR as he,y as n,x as ee,f as ue,F as oe,b9 as me,M as te,ai as ge,al as F,aQ as fe,a9 as xe,cE as ke,p as w,ac as De,ga as $e,cJ as we,eR as J,cR as W,u as s,fm as be,ch as ye,b$ as je,e_ as Pe,gW as Le,am as q,gX as Se}from"./index-CbMlqZJL.js";import{a as k}from"./sentry-CTKU7CLc.js";import{n as a}from"./mui-C_Pjuwl5.js";import"./liveblocks-D8QW-YrN.js";import"./core-mVc5WAnu.js";import"./recharts-BGj_NTVO.js";import"./zeni-epic-state-Cl3KIlic.js";import"./lottie-CoVfqInY.js";import"./analytics-YsywGP0I.js";import"./lexical-D1NyDz9G.js";import"./utils-DJxCyxGL.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},l=new e.Error().stack;l&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[l]="96e45995-d07f-4908-a306-0fcd5209435f",e._sentryDebugIdIdentifier="sentry-dbid-96e45995-d07f-4908-a306-0fcd5209435f")}catch{}})();const ve="checkDepositDetailPage",g="checkDepositDetails",Fe="amount",Ce="depositTo",Te="source",ie="fileIds",R="selectDocument",E=e=>{const l=[];return e.checkFront!=null&&l.push(e.checkFront.fileId),e.checkBack!=null&&l.push(e.checkBack.fileId),{[g]:{[Fe]:e.checkDepositLocalData.amount.amount===0?void 0:e.checkDepositLocalData.amount.amount,[Te]:e.checkDepositLocalData.source,[Ce]:{allOptions:e.depositAccounts.depositAccounts.map(f=>({label:f.accountName,value:f.id})),selectedOption:e.checkDepositLocalData.depositTo?.id},[ie]:l,[R]:{front:e.checkFront,back:e.checkBack}}}},D=(e,l)=>`${e}.${l}`,ze=e=>`${e}_form`,u={largeLabelWidth:new n(160,160,160),rowContentPaddingLeft:new n(s[3],s[4]),checkPicRowContentPaddingXAxis:new n(s[3],s[4]),labeleMarginLeft:new n(s[0],s[0]),labeleMarginBottom:new n(s[2],s[0]),labelMarginRight:new n(s[3],s[3]),labeledFieldPaddingLeft:new n(s[3],s[0]),labeledFieldPaddingRight:new n(s[3],s[2]),labeledFieldPaddingTop:new n(s[3],s[3]),labeledFieldPaddingBottom:new n(s[3],s[2]),infoLabelPaddingRight:new n(s[0],s[3]),infoLabelMarginTop:new n(s[1],s[0])},{spendManagement:Be,common:V}=oe.getLocalizedStrings(),c=Be.zeniAccounts.zeniAccountList,Ae=V.documents;function Ie({checkDeposit:e,analytics:l,filesEndPoint:f,openPopup:b,authParams:y,onSaveChangesToLocalStore:C,updateFilesEntity:j,onDeleteFile:P,onEditFileName:L,onCheckDpositClick:T}){const r=Z(),d=e.fetchState,S=fe(d),[v,_]=k.useState(!1),[se,z]=k.useState(!1),B=u.largeLabelWidth.value(r),x=xe({mode:"all",reValidateMode:"onBlur",defaultValues:E(e),values:E(e)}),{isValid:re}=x.formState,Q=i=>{const p={amount:{amount:i[g].amount??0,currencyCode:V.currency.currencyCode,currencySymbol:V.currency.currencySymbol},source:i[g].source,depositTo:e.depositAccounts.depositAccounts.find(h=>h.id===i[g].depositTo.selectedOption),fileIds:i[g][ie]};C(p)},le=async(i,p)=>{if(i!=null){if(i.includes("source")||i.includes("amount"))return;const h=Object.assign({},p);Q(h)}};k.useEffect(()=>{const i=x.watch((p,{name:h})=>{h!=null&&p!=null&&ke(()=>le(h,p))});return()=>{i.unsubscribe()}}),k.useEffect(()=>{S==="Completed"&&d==="Not-Started"&&x.reset(E(e))},[S,d,x,e]),k.useEffect(()=>{e.error!=null?z(!0):z(!1)},[e.error]);const ce=x.handleSubmit(()=>{if(re){l.trackAccountsDepositCheckFormClicked("Deposit",e.checkDepositLocalData.amount.amount,e.checkDepositLocalData.source,e.checkDepositLocalData.depositTo?.accountName,e.checkFront!=null,e.checkBack!=null);const i=x.getValues();Q(i),T?.()}}),ne=(i,p)=>{if(!i)return null;const h=e.depositAccounts.depositAccounts.find(I=>I.id===i),A=e.depositAccounts.depositAccounts.findIndex(I=>I.id===i);return h?t.jsx(Ve,{color:Le(A),isSelectedValue:p}):null},de=(i,p)=>{if(!i)return null;const h=e.depositAccounts.depositAccounts.find(A=>A.id===i);return h?p===!0?t.jsx(Re,{children:h?.maskedAccountNumber}):t.jsxs(Me,{children:[t.jsx(X,{children:h?.maskedAccountNumber}),t.jsx(to,{}),t.jsx(X,{children:M("0,0[.]00",h?.accountBalance?.available)})]}):null};return t.jsxs(t.Fragment,{children:[se?t.jsx(Oe,{children:t.jsxs(qe,{children:[t.jsxs(_e,{children:[t.jsx(Ge,{}),t.jsxs(Je,{children:[t.jsx(We,{children:e.error?.title}),t.jsx(Xe,{children:e.error?.message})]})]}),t.jsx(Qe,{children:t.jsx(ro,{"data-testid":$("check-deposit-form-close"),onClick:()=>{l.trackAccountsDepositCheckFormClicked("Cross",e.checkDepositLocalData.amount.amount,e.checkDepositLocalData.source,e.checkDepositLocalData.depositTo?.accountName,e.checkFront!=null,e.checkBack!=null),z(!1)},style:{width:o.sp3,height:o.sp3,color:w.heroLight}})})]})}):null,t.jsx(Ye,{children:M("0,0.[00]",e.checkDepositLocalData.amount)}),t.jsx(De,{...x,children:t.jsx("form",{id:ze(ve),onSubmit:ce,children:t.jsxs(Ke,{children:[t.jsx($e,{showAdditionalInfoLabel:!1,label:{label:c.checkDepositDrawer.amountLabel,width:B},formattedTextField:{type:"number",name:D(g,"amount"),defaultValue:e.checkDepositLocalData.amount.amount===0?void 0:e.checkDepositLocalData.amount.amount,placeholder:c.checkDepositDrawer.amountPlaceholder,returnValueType:"floatValue",prefix:"$",allowNegative:!1,isNumericString:!1,registerOptions:{required:!0,validate:i=>!!i&&i>0},autoComplete:"off",decimalSeparator:".",decimalScale:2,fixedDecimalScale:!1,thousandSeparator:!0,allowLeadingZeros:!1},style:{width:"auto"}}),t.jsx(N,{}),t.jsx(we,{label:{label:c.checkDepositDrawer.sourceLabel,width:B},style:{width:"100%"},text:{type:"text",name:D(g,"source"),defaultValue:e.checkDepositLocalData.source,placeholder:c.checkDepositDrawer.sourcePlaceholder,options:{required:!0,validate:i=>i!=null}}}),t.jsx(N,{}),t.jsx(ae,{size:r,children:t.jsx(eo,{size:r,children:t.jsx(He,{label:{label:c.checkDepositDrawer.depositToLabel,width:B,style:{marginLeft:u.labeleMarginLeft.valuePx(r),marginBottom:u.labeleMarginBottom.valuePx(r),marginRight:u.labelMarginRight.valuePx(r)}},style:{paddingTop:u.labeledFieldPaddingTop.valuePx(r),paddingBottom:u.labeledFieldPaddingBottom.valuePx(r),paddingLeft:u.labeledFieldPaddingLeft.valuePx(r),paddingRight:u.labeledFieldPaddingRight.valuePx(r),border:"none",width:"100%",outline:"none",padding:0,display:r==="small"?"flex":"inherit"},infoLabelStyle:{textAlign:r==="small"?"left":"right",paddingRight:u.infoLabelPaddingRight.valuePx(r),marginTop:u.infoLabelMarginTop.valuePx(r)},singleSelectPickerField:{valueToLogo:(i,p)=>ne(i,p),valueToSubLabels:(i,p)=>de(i,p),name:D(g,"depositTo"),placeholder:c.checkDepositDrawer.depositToPlaceholder,style:{position:"relative"},defaultValue:{selectedOption:e.checkDepositLocalData.depositTo?.id,allOptions:e.depositAccounts.depositAccounts.map(i=>({label:i.accountName,value:i.id}))},textAlignment:"right",registerOptions:{required:!0,validate:i=>!!(i!=null&&i.selectedOption)}}})})}),t.jsx(N,{}),t.jsxs(Ue,{size:r,children:[t.jsxs(Ze,{size:r,children:[t.jsx(Ee,{children:c.checkDepositDrawer.checkPicLabel}),t.jsx(Y,{isLast:!1,children:c.checkDepositDrawer.frontSide}),t.jsx(J,{name:`${D(g,R)}.front`,registerOptions:{required:!0},file:e.checkFront,isDisabled:!1,deleteFileStatusById:e.deleteFileStatusById,updateFileStatusById:e.updateFileStatusById,filesEndPoint:f,authParams:y,acceptableTypes:["image/jpg","image/jpeg"],supportedImageFileFormat:"image/jpeg",sizeLimit:W,placeholderText:r==="small"?c.checkDepositDrawer.uploadDocument:c.checkDepositDrawer.dragDropClickPlaceholder,filemetadataPayload:{documentType:"check",purposeId:"others",documentSide:"front"},hasError:v,updateFilesEntity:j,onDeleteFile:P,onFileSizeError:i=>_(i),onEditFileName:L,openPopup:b,showPhotoPicker:!0,errorInfoLabel:c.checkDepositDrawer.frontSideError,useMobileCam:!0,compressImage:!0}),t.jsx(Y,{isLast:!0,children:c.checkDepositDrawer.backSide}),t.jsx(J,{name:`${D(g,R)}.back`,registerOptions:{required:!0},file:e.checkBack,isDisabled:!1,deleteFileStatusById:e.deleteFileStatusById,updateFileStatusById:e.updateFileStatusById,filesEndPoint:f,authParams:y,acceptableTypes:["image/jpg","image/jpeg"],supportedImageFileFormat:"image/jpeg",sizeLimit:W,placeholderText:r==="small"?c.checkDepositDrawer.uploadDocument:c.checkDepositDrawer.dragDropClickPlaceholder,filemetadataPayload:{documentType:"check",purposeId:"others",documentSide:"back"},hasError:v,updateFilesEntity:j,onDeleteFile:P,onFileSizeError:i=>_(i),onEditFileName:L,openPopup:b,showPhotoPicker:!0,errorInfoLabel:c.checkDepositDrawer.backSideError,useMobileCam:!0,compressImage:!0}),t.jsx(io,{children:c.checkDepositDrawer.picGuides.map(i=>t.jsxs(ao,{children:[t.jsx(oo,{}),t.jsx(Ne,{children:i})]},i))})]}),t.jsx(so,{windowSize:r,children:Ae.formatJPGText10MB})]})]})})})]})}const Ee=a(F)`
+import{Q as Z,V as t,aP as $,hH as pe,aN as M,r as G,o,aR as he,y as n,x as ee,f as ue,F as oe,b9 as me,M as te,ai as ge,al as F,aQ as fe,a9 as xe,cE as ke,p as w,ac as De,ga as $e,cJ as we,eR as J,cR as W,u as s,fm as be,ch as ye,b$ as je,e_ as Pe,gW as Le,am as q,gX as Se}from"./index-BhvUwV_v.js";import{a as k}from"./sentry-DgGQRl6g.js";import{n as a}from"./mui-DqYnCiYu.js";import"./liveblocks-BqcT5iTZ.js";import"./core-B9Znwqny.js";import"./recharts-D7E0WJGk.js";import"./zeni-epic-state-WWg2r7iB.js";import"./lottie-oQfNS8l-.js";import"./analytics-DO1unY4G.js";import"./lexical-DSIpBzCF.js";import"./utils-C_quS4m3.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},l=new e.Error().stack;l&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[l]="96e45995-d07f-4908-a306-0fcd5209435f",e._sentryDebugIdIdentifier="sentry-dbid-96e45995-d07f-4908-a306-0fcd5209435f")}catch{}})();const ve="checkDepositDetailPage",g="checkDepositDetails",Fe="amount",Ce="depositTo",Te="source",ie="fileIds",R="selectDocument",E=e=>{const l=[];return e.checkFront!=null&&l.push(e.checkFront.fileId),e.checkBack!=null&&l.push(e.checkBack.fileId),{[g]:{[Fe]:e.checkDepositLocalData.amount.amount===0?void 0:e.checkDepositLocalData.amount.amount,[Te]:e.checkDepositLocalData.source,[Ce]:{allOptions:e.depositAccounts.depositAccounts.map(f=>({label:f.accountName,value:f.id})),selectedOption:e.checkDepositLocalData.depositTo?.id},[ie]:l,[R]:{front:e.checkFront,back:e.checkBack}}}},D=(e,l)=>`${e}.${l}`,ze=e=>`${e}_form`,u={largeLabelWidth:new n(160,160,160),rowContentPaddingLeft:new n(s[3],s[4]),checkPicRowContentPaddingXAxis:new n(s[3],s[4]),labeleMarginLeft:new n(s[0],s[0]),labeleMarginBottom:new n(s[2],s[0]),labelMarginRight:new n(s[3],s[3]),labeledFieldPaddingLeft:new n(s[3],s[0]),labeledFieldPaddingRight:new n(s[3],s[2]),labeledFieldPaddingTop:new n(s[3],s[3]),labeledFieldPaddingBottom:new n(s[3],s[2]),infoLabelPaddingRight:new n(s[0],s[3]),infoLabelMarginTop:new n(s[1],s[0])},{spendManagement:Be,common:V}=oe.getLocalizedStrings(),c=Be.zeniAccounts.zeniAccountList,Ae=V.documents;function Ie({checkDeposit:e,analytics:l,filesEndPoint:f,openPopup:b,authParams:y,onSaveChangesToLocalStore:C,updateFilesEntity:j,onDeleteFile:P,onEditFileName:L,onCheckDpositClick:T}){const r=Z(),d=e.fetchState,S=fe(d),[v,_]=k.useState(!1),[se,z]=k.useState(!1),B=u.largeLabelWidth.value(r),x=xe({mode:"all",reValidateMode:"onBlur",defaultValues:E(e),values:E(e)}),{isValid:re}=x.formState,Q=i=>{const p={amount:{amount:i[g].amount??0,currencyCode:V.currency.currencyCode,currencySymbol:V.currency.currencySymbol},source:i[g].source,depositTo:e.depositAccounts.depositAccounts.find(h=>h.id===i[g].depositTo.selectedOption),fileIds:i[g][ie]};C(p)},le=async(i,p)=>{if(i!=null){if(i.includes("source")||i.includes("amount"))return;const h=Object.assign({},p);Q(h)}};k.useEffect(()=>{const i=x.watch((p,{name:h})=>{h!=null&&p!=null&&ke(()=>le(h,p))});return()=>{i.unsubscribe()}}),k.useEffect(()=>{S==="Completed"&&d==="Not-Started"&&x.reset(E(e))},[S,d,x,e]),k.useEffect(()=>{e.error!=null?z(!0):z(!1)},[e.error]);const ce=x.handleSubmit(()=>{if(re){l.trackAccountsDepositCheckFormClicked("Deposit",e.checkDepositLocalData.amount.amount,e.checkDepositLocalData.source,e.checkDepositLocalData.depositTo?.accountName,e.checkFront!=null,e.checkBack!=null);const i=x.getValues();Q(i),T?.()}}),ne=(i,p)=>{if(!i)return null;const h=e.depositAccounts.depositAccounts.find(I=>I.id===i),A=e.depositAccounts.depositAccounts.findIndex(I=>I.id===i);return h?t.jsx(Ve,{color:Le(A),isSelectedValue:p}):null},de=(i,p)=>{if(!i)return null;const h=e.depositAccounts.depositAccounts.find(A=>A.id===i);return h?p===!0?t.jsx(Re,{children:h?.maskedAccountNumber}):t.jsxs(Me,{children:[t.jsx(X,{children:h?.maskedAccountNumber}),t.jsx(to,{}),t.jsx(X,{children:M("0,0[.]00",h?.accountBalance?.available)})]}):null};return t.jsxs(t.Fragment,{children:[se?t.jsx(Oe,{children:t.jsxs(qe,{children:[t.jsxs(_e,{children:[t.jsx(Ge,{}),t.jsxs(Je,{children:[t.jsx(We,{children:e.error?.title}),t.jsx(Xe,{children:e.error?.message})]})]}),t.jsx(Qe,{children:t.jsx(ro,{"data-testid":$("check-deposit-form-close"),onClick:()=>{l.trackAccountsDepositCheckFormClicked("Cross",e.checkDepositLocalData.amount.amount,e.checkDepositLocalData.source,e.checkDepositLocalData.depositTo?.accountName,e.checkFront!=null,e.checkBack!=null),z(!1)},style:{width:o.sp3,height:o.sp3,color:w.heroLight}})})]})}):null,t.jsx(Ye,{children:M("0,0.[00]",e.checkDepositLocalData.amount)}),t.jsx(De,{...x,children:t.jsx("form",{id:ze(ve),onSubmit:ce,children:t.jsxs(Ke,{children:[t.jsx($e,{showAdditionalInfoLabel:!1,label:{label:c.checkDepositDrawer.amountLabel,width:B},formattedTextField:{type:"number",name:D(g,"amount"),defaultValue:e.checkDepositLocalData.amount.amount===0?void 0:e.checkDepositLocalData.amount.amount,placeholder:c.checkDepositDrawer.amountPlaceholder,returnValueType:"floatValue",prefix:"$",allowNegative:!1,isNumericString:!1,registerOptions:{required:!0,validate:i=>!!i&&i>0},autoComplete:"off",decimalSeparator:".",decimalScale:2,fixedDecimalScale:!1,thousandSeparator:!0,allowLeadingZeros:!1},style:{width:"auto"}}),t.jsx(N,{}),t.jsx(we,{label:{label:c.checkDepositDrawer.sourceLabel,width:B},style:{width:"100%"},text:{type:"text",name:D(g,"source"),defaultValue:e.checkDepositLocalData.source,placeholder:c.checkDepositDrawer.sourcePlaceholder,options:{required:!0,validate:i=>i!=null}}}),t.jsx(N,{}),t.jsx(ae,{size:r,children:t.jsx(eo,{size:r,children:t.jsx(He,{label:{label:c.checkDepositDrawer.depositToLabel,width:B,style:{marginLeft:u.labeleMarginLeft.valuePx(r),marginBottom:u.labeleMarginBottom.valuePx(r),marginRight:u.labelMarginRight.valuePx(r)}},style:{paddingTop:u.labeledFieldPaddingTop.valuePx(r),paddingBottom:u.labeledFieldPaddingBottom.valuePx(r),paddingLeft:u.labeledFieldPaddingLeft.valuePx(r),paddingRight:u.labeledFieldPaddingRight.valuePx(r),border:"none",width:"100%",outline:"none",padding:0,display:r==="small"?"flex":"inherit"},infoLabelStyle:{textAlign:r==="small"?"left":"right",paddingRight:u.infoLabelPaddingRight.valuePx(r),marginTop:u.infoLabelMarginTop.valuePx(r)},singleSelectPickerField:{valueToLogo:(i,p)=>ne(i,p),valueToSubLabels:(i,p)=>de(i,p),name:D(g,"depositTo"),placeholder:c.checkDepositDrawer.depositToPlaceholder,style:{position:"relative"},defaultValue:{selectedOption:e.checkDepositLocalData.depositTo?.id,allOptions:e.depositAccounts.depositAccounts.map(i=>({label:i.accountName,value:i.id}))},textAlignment:"right",registerOptions:{required:!0,validate:i=>!!(i!=null&&i.selectedOption)}}})})}),t.jsx(N,{}),t.jsxs(Ue,{size:r,children:[t.jsxs(Ze,{size:r,children:[t.jsx(Ee,{children:c.checkDepositDrawer.checkPicLabel}),t.jsx(Y,{isLast:!1,children:c.checkDepositDrawer.frontSide}),t.jsx(J,{name:`${D(g,R)}.front`,registerOptions:{required:!0},file:e.checkFront,isDisabled:!1,deleteFileStatusById:e.deleteFileStatusById,updateFileStatusById:e.updateFileStatusById,filesEndPoint:f,authParams:y,acceptableTypes:["image/jpg","image/jpeg"],supportedImageFileFormat:"image/jpeg",sizeLimit:W,placeholderText:r==="small"?c.checkDepositDrawer.uploadDocument:c.checkDepositDrawer.dragDropClickPlaceholder,filemetadataPayload:{documentType:"check",purposeId:"others",documentSide:"front"},hasError:v,updateFilesEntity:j,onDeleteFile:P,onFileSizeError:i=>_(i),onEditFileName:L,openPopup:b,showPhotoPicker:!0,errorInfoLabel:c.checkDepositDrawer.frontSideError,useMobileCam:!0,compressImage:!0}),t.jsx(Y,{isLast:!0,children:c.checkDepositDrawer.backSide}),t.jsx(J,{name:`${D(g,R)}.back`,registerOptions:{required:!0},file:e.checkBack,isDisabled:!1,deleteFileStatusById:e.deleteFileStatusById,updateFileStatusById:e.updateFileStatusById,filesEndPoint:f,authParams:y,acceptableTypes:["image/jpg","image/jpeg"],supportedImageFileFormat:"image/jpeg",sizeLimit:W,placeholderText:r==="small"?c.checkDepositDrawer.uploadDocument:c.checkDepositDrawer.dragDropClickPlaceholder,filemetadataPayload:{documentType:"check",purposeId:"others",documentSide:"back"},hasError:v,updateFilesEntity:j,onDeleteFile:P,onFileSizeError:i=>_(i),onEditFileName:L,openPopup:b,showPhotoPicker:!0,errorInfoLabel:c.checkDepositDrawer.backSideError,useMobileCam:!0,compressImage:!0}),t.jsx(io,{children:c.checkDepositDrawer.picGuides.map(i=>t.jsxs(ao,{children:[t.jsx(oo,{}),t.jsx(Ne,{children:i})]},i))})]}),t.jsx(so,{windowSize:r,children:Ae.formatJPGText10MB})]})]})})})]})}const Ee=a(F)`
   color: ${e=>e.theme.colors.hero};
 `,Ne=a(F)`
   color: ${e=>e.theme.colors.hero};