@zeniai/web-app-ui 4.14.38-qa → 4.14.39-dev

package/dist/assets/{ChargeCardRoutes-BN8xSwU5.js → ChargeCardRoutes-PKJBtykP.js}

@@ -1,7 +1,7 @@
-import{j as s}from"./liveblocks-BsQBjN-0.js";import{j as ue,l as oa,i as me,u as S,h as be,k as he,N as pa,o as ot,R as Mt,m as te}from"./core-5sxMy3sZ.js";import{ct as ce,Fa as Be,MT as Ia,cy as ye,cz as Se,cA as Ie,dt as Me,bH as $e,MU as Ge,MV as Va,pY as ha,gT as ga,MW as fa,eg as ra,w5 as Je,w7 as Ha,w8 as Ma,gL as ct,MX as ze,vV as it,MY as $t,MZ as Gt,vY as ka,M_ as zt,Ln as Ea,o8 as dt,w2 as $a,er as Zt,M$ as lt,N0 as Ze,bs as Yt,N1 as Kt,dj as Aa,di as Da,wC as Wt,dh as _a,L3 as qt,N2 as ut,Fb as mt,bM as Qt,Lm as ca,xc as Jt,N3 as Xa,wO as wa,N4 as Ct,xd as Xt,LN as en,xe as an,y8 as tn,pi as nn,y2 as rn,wn as pt,wg as sn,N5 as on,dv as cn,ww as ht,wA as gt,du as dn,N6 as ln,w_ as ft,N7 as un,N8 as mn,N9 as Cn,wy as bt,wj as yt,v$ as St,ws as It,wq as kt,wu as pn,w6 as et,Na as Et,Nb as Pa,wL as ba,I1 as At,bN as Ga,Nc as hn,Nd as gn,Ne as fn,Nf as bn,wI as Oa,x5 as yn,x1 as Sn,wE as In,x3 as kn,wV as En,wX as An,Ng as Dt,xb as _t,Dx as Dn,Nh as _n,Ni as wn,Nj as Pn,Nk as wt,Nl as Fn,xy as Tn,wN as Pt,wH as sa,wM as vn,Nm as xn,Nn as Ln,vS as Bn,No as Ft,Np as Tt,Nq as Un,vU as Rn,vT as at,Nr as On,Ns as Nn,Nt as jn,HZ as Vn,Nu as za,Nv as Hn,sK as vt,hr as Mn,eh as $n,xD as Gn,Nw as xt,Nx as zn,xE as Zn,Ny as Yn,cf as Kn,pS as Wn,xt as qn,xn as Le,bt as Qn,G1 as Jn,G2 as Xn,Gb as er,Hh as ar}from"./zeni-epic-state-a7Sj5mjO.js";import{ju as J,v as Re,aE as oe,aG as K,jS as _e,lO as Fa,lZ as tr,l_ as nr,jO as Fe,X as ia,aF as Pe,jQ as fe,la as Za,l$ as rr,x as da,jF as Ta,y as va,jB as q,O as Ya,m0 as sr,a7 as Ka,i7 as qe,cU as Na,L as or,bk as Wa,kb as cr,m1 as ir,kx as Lt,k6 as ja,k4 as Bt,K as Ut,m2 as dr,m3 as lr,m4 as ur,m5 as mr,o as ya,m6 as Cr,m7 as pr,j as Ba,W as hr,m8 as gr,m9 as fr,ma as br,ke as yr}from"./index-DBW4633P.js";import{n as ke,D as Rt,S as Sr}from"./mui-C_CXevf3.js";import{a as l}from"./sentry-DINNQYpi.js";import{g as pe,a as la,b as Ot,c as Ee,d as Ae,e as Ue,f as Oe,A as Ir,h as qa,P as kr,i as Qa,s as Qe,j as Nt,k as He,l as jt,m as Er,n as Vt,p as Ar,S as tt}from"./SetupPagesScreen-Dec5-vG9.js";import xa from"./NotFoundScreen-DIsBJSaH.js";import{M as ua}from"./MobileAppDrawer-D_NdxckS.js";import{v as nt}from"./utils-DmE88LS_.js";import{t as Dr}from"./AddressScreen-C6vJhn2u.js";import"./lottie-C2R6rGxS.js";import"./pdf-DyB_VHQx.js";import"./dnd-Cfx_ai1S.js";import"./analytics-Buyhprzd.js";import"./plaid-Yyr3DBd8.js";import"./recharts-CTWfsY-L.js";import"./analyticsHelper-CMK0FF_Q.js";import"./routePaths-GPfd2GU_.js";import"./BusinessVerificationPageScreen-C0MRjLR6.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},t=new e.Error().stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="578ae92c-4695-4cdd-a798-d2a22cda999f",e._sentryDebugIdIdentifier="sentry-dbid-578ae92c-4695-4cdd-a798-d2a22cda999f")}catch{}})();function _r(){const e=ue(),{cardId:t}=oa(),a=me(),r=J.getSignedInUser(),n=S(W=>ce(W)),c=Re(),u=Be(c?.loggedInUserRoleMap),{useFeatureGate:m}=oe();if(r==null)throw Error("Can't access Add To Wallet Page without signing in...");const[E,i]=l.useState(!1),g=S(W=>Ia(W).firstViewAfterActivation);if(t==null)throw Error("Empty card id is not valid...");const I=n.userRole.includes("charge_card_user"),{isFeatureEnabled:_}=m(K.isChargeCardFeatureEnabled),C=!!n.companyChargeCardInfo?.info?.isChargeCardEnabled,{isFeatureEnabled:U}=m(K.isDebitCardFeatureEnabled),v=ye(n),F=Se(n),d=Ie(U,n),f=n.companyChargeCardInfo?.info?.chargeCardsCreditAccountLimit??0,b=Ee({isDebitCardFeatureEnabled:U,isBankingOnlyTenant:d}),o=Ae({isCardsOnlyTenant:v,isChargeCardFeatureEnabled:_,isBookKeepingTenant:F,isDebitCardProductVisible:b,chargeCardsCreditAccountLimit:f}),w=!!n.companyDebitCardInfo?.info?.isDebitCardEnabled,O=S(W=>Me(W,n.companyId)),N=$e(O.controllers),{creditAccount:L,creditAccountRepayment:T}=S(W=>Ge(W)),R=S(W=>W.classListState.fetchState),p=!I&&o&&C,h=S(W=>Va(W,t,p,o)),[k,A]=l.useState(!1),M=h.chargeCard,$=M?.cardCreatedByUser?.userId,H=S(W=>$!=null?ha(W.userRoleState,$):void 0),B=H?.accountingClassIDs[0],y=S(W=>B!=null?ga(W.classState,{classId:B,reportId:"class_list"}):void 0),Z=M?.cardHolderUser?.userId,x=S(W=>Z!=null?ha(W.userRoleState,Z):void 0),P=x?.accountingClassIDs[0],z=S(W=>P!=null?ga(W.classState,{classId:P,reportId:"class_list"}):void 0),D=M?.type.code==="business_physical_credit_card"||M?.type.code==="business_physical_debit_card",Y=M?.type.code==="business_physical_debit_card";l.useEffect(()=>{g&&E===!1&&D&&(i(!0),setTimeout(()=>{a(fa()),Y&&a(ra({messageSection:"set_debit_card_pin",messageText:"success",type:"success",showStatusIcon:!0}))},5e3))},[g,E,D,Y]),l.useEffect(()=>{k||h.fetchState==="Completed"||h.fetchState==="In-Progress"||t==null||(A(!0),a(Je(t,p,!1)))},[k,h,t,a]),l.useEffect(()=>{if(h.fetchState==="Completed"&&(D===!1||D&&M?.status?.code!=="active"||M?.cardHolderUserId!==r.userId||g===!1&&E===!1||M?.type.code==="business_physical_debit_card"||M?.type.code==="business_virtual_debit_card")){const W=pe(n.tenantEmailDomain,t,r,M,g);e(W)}},[h.fetchState,g,D]),l.useEffect(()=>{L.fetchState!=="Completed"&&L.fetchState!=="In-Progress"&&o&&C&&u&&a(Ha()),T.fetchState!=="Completed"&&T.fetchState!=="In-Progress"&&o&&C&&u&&a(Ma()),R!=="Completed"&&R!=="In-Progress"&&a(ct())},[L.fetchState,T.fetchState,a,o,C,u,R]);const G=()=>{if(r!=null&&t!=null){a(fa());const W=pe(n.tenantEmailDomain,t,r);e(W)}},ae=M?.type.code==="business_physical_debit_card"||M?.type.code==="business_virtual_debit_card",se=Ue(o,b,w,C),X=la(o,C,u,L,T),de=Ot(ae,h);return h.fetchState!=="Completed"?s.jsx(_e,{fetchState:"In-Progress"}):s.jsxs(s.Fragment,{children:[s.jsx(Fa,{showConfetti:g}),s.jsx(tr,{onGotItClick:G,isDebitCard:M?.type.code==="business_physical_debit_card",controllerEmails:N,isChargeCardFeatureEnabled:o,isDebitCardFeatureEnabled:b,isDebitCardSetupEnabled:w,isChargeCardSetupEnabled:C,productInformation:se,creditAccountInformation:X,debitAccountInformation:de,chargeCardDetailView:h,creditAccount:L,classListFetchState:R,creditAccountRepayment:T,cardIssuedByRoles:H?.userRoles,cardIssuedByDepartmentName:y?.className,cardHolderRoles:x?.userRoles,cardHolderDepartmentName:z?.className})]})}const wr=he(function(e){const t=ze(e);return{insightsData:t.insight,cashbackByPeriod:t.cashbackByPeriod,uiState:t.uiState,cashbackSummary:t.cashbackSummary}},function(e,t){const{currentTenant:a,navigate:r,location:n}=t,{tenantEmailDomain:c}=a;return{onColumnSortConfigChanged:(u,m)=>{e($t({uiState:{sortKey:u,sortOrder:m}}))},onBackClick:()=>{const u=Fe(n.state?.pathnameStackToGoBack),m=u.poppedPathname??Fr(c);r(m,{state:{pathnameStackToGoBack:u.newStack}})}}})(nr);function Pr(){const e=ue(),t=me(),a=be(),r=J.getSignedInUser(),n=S(E=>ce(E)),[c,u]=l.useState(!1),m=S(E=>ze(E));if(l.useEffect(()=>{c||m.fetchState==="Completed"||m.fetchState==="In-Progress"||(u(!0),t(it()))},[c,m,t]),r==null)throw Error("Can't access cashback detail page without signing in...");return m.fetchState==="In-Progress"?s.jsx(_e,{fetchState:m.fetchState}):m.cashbackSummary.cashbackEarned.amount===0&&m.fetchState==="Completed"?s.jsx(xa,{}):s.jsx(wr,{navigate:e,location:a,currentTenant:n})}const Fr=e=>`/${e}/cards`,Tr={containerWidth:new da(100,58)},vr=({appContent:e})=>{const t=ia(),a=me(),r=ue(),{cardId:n}=oa(),c=be(),{useDynamicConfig:u}=oe(),[m,E]=l.useState(!1),[i,g]=l.useState(!1),[I,_]=l.useState(!1),[C,U]=l.useState(!1),v=J.getSignedInUser();if(v==null)throw Error("Can't access onboarding card page without signing in...");const F=S(z=>ce(z));if(n==null)throw Error("Empty card id is not valid...");const{configValue:d}=u(Pe.zeniCardsConfig),f=d.max_charge_card_activation_attempts_by_card_id,b=S(z=>Gt(z,n)),o=b.chargeCard,w=S(z=>z.chargeCardConfigState.fetchState),{useFeatureGate:O}=oe(),{isFeatureEnabled:N}=O(K.isChargeCardFeatureEnabled),{isFeatureEnabled:L}=O(K.isDebitCardFeatureEnabled),T=Ie(L,F),R=Ee({isDebitCardFeatureEnabled:L,isBankingOnlyTenant:T}),p=!!F.companyChargeCardInfo?.info?.isChargeCardEnabled,h=F.userRole.includes("charge_card_user"),k=ye(F),A=Se(F),M=F.companyChargeCardInfo?.info?.chargeCardsCreditAccountLimit??0,$=Ae({isCardsOnlyTenant:k,isChargeCardFeatureEnabled:N,isBookKeepingTenant:A,isDebitCardProductVisible:R,chargeCardsCreditAccountLimit:M}),H=!h&&$&&p;l.useEffect(()=>{m===!1&&w!=="In-Progress"&&w!=="Completed"&&(a(ka()),E(!0)),i===!1&&b.fetchState==="Not-Started"&&(g(!0),a(Je(n,H,$)))},[i,b.fetchState,m,w]);const B=o?.type.code==="business_physical_credit_card"||o?.type.code==="business_physical_debit_card";l.useEffect(()=>{if(b.fetchState==="Completed"){if(I===!1&&(B===!1||B&&o?.status?.code!=="inactive"||o?.cardHolderUserId!==v.userId)){const z=pe(F.tenantEmailDomain,n,v,o,!0),D=fe(c.state?.pathnameStackToGoBack,c.pathname);r(z,{state:{pathnameStackToGoBack:D}})}else if(I&&b.isRefreshingViewInBackground===!1&&o?.status?.code==="active"){a(zt({chargeCardId:n}));const z=pe(F.tenantEmailDomain,n,v,o,!0),D=fe(c.state?.pathnameStackToGoBack,c.pathname);a(Ea()),r(z,{state:{pathnameStackToGoBack:D}})}}},[b.fetchState,o?.type.code,I,b.isRefreshingViewInBackground]);const y=J.getZeniOtpTokenForCardHolder(n),Z=S(z=>dt(z.userState,v.userId)),x=()=>{o?.status?.code!=="active"&&a($a(n,!0))};l.useEffect(()=>{b.updatePhysicalChargeCardAttemptFetchState.fetchState==="Completed"&&o?.cardActivationAttemptHistory.some(z=>z.statusCode==="success")===!0&&I===!1&&(setTimeout(x,3e3),_(!0))},[b.updatePhysicalChargeCardAttemptFetchState.fetchState,o?.cardActivationAttemptHistory]);const P=z=>{U(z)};if(w!=="Completed"||o==null)return s.jsx(_e,{fetchState:"In-Progress"});if(o.shippingAddressId==null)throw Error("Can't access shippingAddressId.");if(Z?.phone==null)throw Error("Can't access user phone number.");return s.jsxs(Br,{children:[s.jsx(ua,{isAppContentDrawerOpen:C,handleDrawerToggle:P}),s.jsx(xr,{cardId:n,card:o,shippingAddressId:o.shippingAddressId,phone:Z.phone,signedInUser:v,isSandboxEnv:Za(),chargeCardDetailState:b,signedInUserToken:y,navigate:r,currentTenant:F,location:c,maxChargeCardActivationAttempts:f[n]!=null?f[n]:d.default_max_charge_card_activation_attempts!=null?d.default_max_charge_card_activation_attempts:3,chargeCardCashbackRatePerTransaction:d.charge_card_cashback_rate_per_transaction!=null?d.charge_card_cashback_rate_per_transaction:.0175,onClickMenuIcon:()=>{P(!0)}}),e!=null?s.jsx(Lr,{windowSize:t,children:e}):null]})},xr=he(function(e,{chargeCardDetailState:t,shippingAddressId:a,location:r,cardId:n}){const c=Zt(e.addressState,a);if(c==null)throw Error("Can't access shippingAddress.");const u=lt(e,n),m=t.updateStatus,E=Ze(e,!1,!1,!1);let i=!1;E.fetchState==="Completed"&&E.cards.length<=1&&(i=!0);const g=r.state?.message==="comingFromV2UrlPath";return{showActivatePage:t.chargeCard?.providerCardCreateTime!=null&&t.chargeCard.providerCardCreateTime.add(24,"h").isBefore(Yt())||g,showMenuIcon:i,shippingAddress:c,vgsVaultId:Ta.cardVaultId,twoFAView:u,activationWaitStatus:m,isRefreshingViewInBackground:t.isRefreshingViewInBackground}},function(e,t){const{navigate:a,cardId:r,location:n,currentTenant:c,chargeCardDetailState:u}=t,m=u.chargeCard?.cardProviderID,{tenantEmailDomain:E}=c;return{onGetOtp:i=>{m!=null&&e(_a(i,"ChargeCardHolder",r))},onUpdatePhysicalChargeCardAttempt:i=>{e(Wt(r,i))},onResendOtp:i=>{m!=null&&e(Da(i,"ChargeCardHolder",r))},onVerifyOtp:(i,g)=>{m!=null&&e(Aa(i,g,"ChargeCardHolder",r))},onVerifyOtpSuccess:i=>{i!=null&&J.saveZeniOtpTokenForCardHolder(i,r)},onCVVActivateSuccess:()=>{e(Kt({chargeCardId:r}))},onBackClick:()=>{const i=Fe(n.state?.pathnameStackToGoBack),g=i.poppedPathname==null||i.poppedPathname.includes("onboard")===!0?Oe(E):i.poppedPathname;a(g,{state:{pathnameStackToGoBack:i.newStack}})}}})(rr),Lr=ke.div`
+import{j as s}from"./pdf-BxqSCr4b.js";import{j as ue,l as oa,i as me,u as S,h as be,k as he,N as pa,o as ot,R as Mt,m as te}from"./core-CVVdXRky.js";import{ct as ce,F4 as Be,MN as Ia,cy as ye,cz as Se,cA as Ie,dt as Me,bH as $e,MO as Ge,MP as Va,pS as ha,gT as ga,MQ as fa,eg as ra,v$ as Xe,w1 as Ha,w2 as Ma,gL as ct,MR as ze,vP as it,MS as $t,MT as Gt,vS as ka,MU as zt,Lh as Ea,o2 as dt,vY as $a,er as Yt,MV as lt,MW as Ye,bs as Zt,MX as Kt,dj as Aa,di as Da,ww as Wt,dh as _a,KZ as qt,MY as ut,F5 as mt,bM as Qt,Lg as ca,x6 as Xt,MZ as Ja,wI as wa,M_ as Ct,x7 as Jt,LH as en,x8 as an,y2 as tn,pc as nn,xY as rn,wh as pt,wa as sn,M$ as on,dv as cn,wq as ht,wu as gt,du as dn,N0 as ln,wU as ft,N1 as un,N2 as mn,N3 as Cn,ws as bt,wd as yt,vV as St,wm as It,wk as kt,wo as pn,w0 as et,N4 as Et,N5 as Pa,wF as ba,HX as At,bN as Ga,N6 as hn,N7 as gn,N8 as fn,N9 as bn,wC as Oa,w$ as yn,wX as Sn,wy as In,wZ as kn,wP as En,wR as An,Na as Dt,x5 as _t,Dr as Dn,Nb as _n,Nc as wn,Nd as Pn,Ne as wt,Nf as Tn,xs as Fn,wH as Pt,wB as sa,wG as vn,Ng as xn,Nh as Ln,vM as Bn,Ni as Tt,Nj as Ft,Nk as Un,vO as Rn,vN as at,Nl as On,Nm as Nn,Nn as jn,HT as Vn,No as za,Np as Hn,sE as vt,hr as Mn,eh as $n,xx as Gn,Nq as xt,Nr as zn,xy as Yn,Ns as Zn,cg as Kn,pM as Wn,xn as qn,xh as Le,bt as Qn,FX as Xn,FY as Jn,G5 as er,Hb as ar}from"./zeni-epic-state-D8D2Skiq.js";import{js as X,_ as Re,aE as oe,aG as K,jQ as _e,lM as Ta,lX as tr,lY as nr,jM as Te,e as ia,aF as Pe,jO as fe,l8 as Ya,lZ as rr,x as da,jD as Fa,y as va,jz as q,O as Za,l_ as sr,a7 as Ka,i5 as qe,cR as Na,L as or,bk as Wa,k9 as cr,l$ as ir,kv as Lt,k4 as ja,k2 as Bt,J as Ut,m0 as dr,m1 as lr,m2 as ur,m3 as mr,o as ya,m4 as Cr,m5 as pr,m as Ba,N as hr,m6 as gr,m7 as fr,m8 as br,kc as yr}from"./index-BngCC-zG.js";import{n as ke,D as Rt,S as Sr}from"./mui-DyGc7Pg8.js";import{a as l}from"./sentry-CHlUi953.js";import{g as pe,a as la,b as Ot,c as Ee,d as Ae,e as Ue,f as Oe,A as Ir,h as qa,P as kr,i as Qa,s as Qe,j as Nt,k as He,l as jt,m as Er,n as Vt,p as Ar,S as tt}from"./SetupPagesScreen-D_H5m3yT.js";import xa from"./NotFoundScreen-BOQb1xUE.js";import{M as ua}from"./MobileAppDrawer-TF-9OTZ8.js";import{v as nt}from"./utils-BpkJZQMI.js";import{t as Dr}from"./AddressScreen-Duz_V-eF.js";import"./lottie-D68Xb3aQ.js";import"./liveblocks-CHs9GmLG.js";import"./recharts-CMjB5mmq.js";import"./dnd-CcRW__D6.js";import"./analytics-CZ3wLx3P.js";import"./plaid-xWfKHEqu.js";import"./analyticsHelper-RqmdZ4w4.js";import"./routePaths-B2Ez8xiG.js";import"./BusinessVerificationPageScreen-BlaiKu4I.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},t=new e.Error().stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="1bb7015f-ae9d-4ae4-8974-bd252d3d5892",e._sentryDebugIdIdentifier="sentry-dbid-1bb7015f-ae9d-4ae4-8974-bd252d3d5892")}catch{}})();function _r(){const e=ue(),{cardId:t}=oa(),a=me(),r=X.getSignedInUser(),n=S(W=>ce(W)),c=Re(),u=Be(c?.loggedInUserRoleMap),{useFeatureGate:m}=oe();if(r==null)throw Error("Can't access Add To Wallet Page without signing in...");const[E,i]=l.useState(!1),g=S(W=>Ia(W).firstViewAfterActivation);if(t==null)throw Error("Empty card id is not valid...");const I=n.userRole.includes("charge_card_user"),{isFeatureEnabled:_}=m(K.isChargeCardFeatureEnabled),C=!!n.companyChargeCardInfo?.info?.isChargeCardEnabled,{isFeatureEnabled:U}=m(K.isDebitCardFeatureEnabled),v=ye(n),T=Se(n),d=Ie(U,n),f=n.companyChargeCardInfo?.info?.chargeCardsCreditAccountLimit??0,b=Ee({isDebitCardFeatureEnabled:U,isBankingOnlyTenant:d}),o=Ae({isCardsOnlyTenant:v,isChargeCardFeatureEnabled:_,isBookKeepingTenant:T,isDebitCardProductVisible:b,chargeCardsCreditAccountLimit:f}),w=!!n.companyDebitCardInfo?.info?.isDebitCardEnabled,O=S(W=>Me(W,n.companyId)),N=$e(O.controllers),{creditAccount:L,creditAccountRepayment:F}=S(W=>Ge(W)),R=S(W=>W.classListState.fetchState),p=!I&&o&&C,h=S(W=>Va(W,t,p,o)),[k,A]=l.useState(!1),M=h.chargeCard,$=M?.cardCreatedByUser?.userId,H=S(W=>$!=null?ha(W.userRoleState,$):void 0),B=H?.accountingClassIDs[0],y=S(W=>B!=null?ga(W.classState,{classId:B,reportId:"class_list"}):void 0),Y=M?.cardHolderUser?.userId,x=S(W=>Y!=null?ha(W.userRoleState,Y):void 0),P=x?.accountingClassIDs[0],z=S(W=>P!=null?ga(W.classState,{classId:P,reportId:"class_list"}):void 0),D=M?.type.code==="business_physical_credit_card"||M?.type.code==="business_physical_debit_card",Z=M?.type.code==="business_physical_debit_card";l.useEffect(()=>{g&&E===!1&&D&&(i(!0),setTimeout(()=>{a(fa()),Z&&a(ra({messageSection:"set_debit_card_pin",messageText:"success",type:"success",showStatusIcon:!0}))},5e3))},[g,E,D,Z]),l.useEffect(()=>{k||h.fetchState==="Completed"||h.fetchState==="In-Progress"||t==null||(A(!0),a(Xe(t,p,!1)))},[k,h,t,a]),l.useEffect(()=>{if(h.fetchState==="Completed"&&(D===!1||D&&M?.status?.code!=="active"||M?.cardHolderUserId!==r.userId||g===!1&&E===!1||M?.type.code==="business_physical_debit_card"||M?.type.code==="business_virtual_debit_card")){const W=pe(n.tenantEmailDomain,t,r,M,g);e(W)}},[h.fetchState,g,D]),l.useEffect(()=>{L.fetchState!=="Completed"&&L.fetchState!=="In-Progress"&&o&&C&&u&&a(Ha()),F.fetchState!=="Completed"&&F.fetchState!=="In-Progress"&&o&&C&&u&&a(Ma()),R!=="Completed"&&R!=="In-Progress"&&a(ct())},[L.fetchState,F.fetchState,a,o,C,u,R]);const G=()=>{if(r!=null&&t!=null){a(fa());const W=pe(n.tenantEmailDomain,t,r);e(W)}},ae=M?.type.code==="business_physical_debit_card"||M?.type.code==="business_virtual_debit_card",se=Ue(o,b,w,C),J=la(o,C,u,L,F),de=Ot(ae,h);return h.fetchState!=="Completed"?s.jsx(_e,{fetchState:"In-Progress"}):s.jsxs(s.Fragment,{children:[s.jsx(Ta,{showConfetti:g}),s.jsx(tr,{onGotItClick:G,isDebitCard:M?.type.code==="business_physical_debit_card",controllerEmails:N,isChargeCardFeatureEnabled:o,isDebitCardFeatureEnabled:b,isDebitCardSetupEnabled:w,isChargeCardSetupEnabled:C,productInformation:se,creditAccountInformation:J,debitAccountInformation:de,chargeCardDetailView:h,creditAccount:L,classListFetchState:R,creditAccountRepayment:F,cardIssuedByRoles:H?.userRoles,cardIssuedByDepartmentName:y?.className,cardHolderRoles:x?.userRoles,cardHolderDepartmentName:z?.className})]})}const wr=he(function(e){const t=ze(e);return{insightsData:t.insight,cashbackByPeriod:t.cashbackByPeriod,uiState:t.uiState,cashbackSummary:t.cashbackSummary}},function(e,t){const{currentTenant:a,navigate:r,location:n}=t,{tenantEmailDomain:c}=a;return{onColumnSortConfigChanged:(u,m)=>{e($t({uiState:{sortKey:u,sortOrder:m}}))},onBackClick:()=>{const u=Te(n.state?.pathnameStackToGoBack),m=u.poppedPathname??Tr(c);r(m,{state:{pathnameStackToGoBack:u.newStack}})}}})(nr);function Pr(){const e=ue(),t=me(),a=be(),r=X.getSignedInUser(),n=S(E=>ce(E)),[c,u]=l.useState(!1),m=S(E=>ze(E));if(l.useEffect(()=>{c||m.fetchState==="Completed"||m.fetchState==="In-Progress"||(u(!0),t(it()))},[c,m,t]),r==null)throw Error("Can't access cashback detail page without signing in...");return m.fetchState==="In-Progress"?s.jsx(_e,{fetchState:m.fetchState}):m.cashbackSummary.cashbackEarned.amount===0&&m.fetchState==="Completed"?s.jsx(xa,{}):s.jsx(wr,{navigate:e,location:a,currentTenant:n})}const Tr=e=>`/${e}/cards`,Fr={containerWidth:new da(100,58)},vr=({appContent:e})=>{const t=ia(),a=me(),r=ue(),{cardId:n}=oa(),c=be(),{useDynamicConfig:u}=oe(),[m,E]=l.useState(!1),[i,g]=l.useState(!1),[I,_]=l.useState(!1),[C,U]=l.useState(!1),v=X.getSignedInUser();if(v==null)throw Error("Can't access onboarding card page without signing in...");const T=S(z=>ce(z));if(n==null)throw Error("Empty card id is not valid...");const{configValue:d}=u(Pe.zeniCardsConfig),f=d.max_charge_card_activation_attempts_by_card_id,b=S(z=>Gt(z,n)),o=b.chargeCard,w=S(z=>z.chargeCardConfigState.fetchState),{useFeatureGate:O}=oe(),{isFeatureEnabled:N}=O(K.isChargeCardFeatureEnabled),{isFeatureEnabled:L}=O(K.isDebitCardFeatureEnabled),F=Ie(L,T),R=Ee({isDebitCardFeatureEnabled:L,isBankingOnlyTenant:F}),p=!!T.companyChargeCardInfo?.info?.isChargeCardEnabled,h=T.userRole.includes("charge_card_user"),k=ye(T),A=Se(T),M=T.companyChargeCardInfo?.info?.chargeCardsCreditAccountLimit??0,$=Ae({isCardsOnlyTenant:k,isChargeCardFeatureEnabled:N,isBookKeepingTenant:A,isDebitCardProductVisible:R,chargeCardsCreditAccountLimit:M}),H=!h&&$&&p;l.useEffect(()=>{m===!1&&w!=="In-Progress"&&w!=="Completed"&&(a(ka()),E(!0)),i===!1&&b.fetchState==="Not-Started"&&(g(!0),a(Xe(n,H,$)))},[i,b.fetchState,m,w]);const B=o?.type.code==="business_physical_credit_card"||o?.type.code==="business_physical_debit_card";l.useEffect(()=>{if(b.fetchState==="Completed"){if(I===!1&&(B===!1||B&&o?.status?.code!=="inactive"||o?.cardHolderUserId!==v.userId)){const z=pe(T.tenantEmailDomain,n,v,o,!0),D=fe(c.state?.pathnameStackToGoBack,c.pathname);r(z,{state:{pathnameStackToGoBack:D}})}else if(I&&b.isRefreshingViewInBackground===!1&&o?.status?.code==="active"){a(zt({chargeCardId:n}));const z=pe(T.tenantEmailDomain,n,v,o,!0),D=fe(c.state?.pathnameStackToGoBack,c.pathname);a(Ea()),r(z,{state:{pathnameStackToGoBack:D}})}}},[b.fetchState,o?.type.code,I,b.isRefreshingViewInBackground]);const y=X.getZeniOtpTokenForCardHolder(n),Y=S(z=>dt(z.userState,v.userId)),x=()=>{o?.status?.code!=="active"&&a($a(n,!0))};l.useEffect(()=>{b.updatePhysicalChargeCardAttemptFetchState.fetchState==="Completed"&&o?.cardActivationAttemptHistory.some(z=>z.statusCode==="success")===!0&&I===!1&&(setTimeout(x,3e3),_(!0))},[b.updatePhysicalChargeCardAttemptFetchState.fetchState,o?.cardActivationAttemptHistory]);const P=z=>{U(z)};if(w!=="Completed"||o==null)return s.jsx(_e,{fetchState:"In-Progress"});if(o.shippingAddressId==null)throw Error("Can't access shippingAddressId.");if(Y?.phone==null)throw Error("Can't access user phone number.");return s.jsxs(Br,{children:[s.jsx(ua,{isAppContentDrawerOpen:C,handleDrawerToggle:P}),s.jsx(xr,{cardId:n,card:o,shippingAddressId:o.shippingAddressId,phone:Y.phone,signedInUser:v,isSandboxEnv:Ya(),chargeCardDetailState:b,signedInUserToken:y,navigate:r,currentTenant:T,location:c,maxChargeCardActivationAttempts:f[n]!=null?f[n]:d.default_max_charge_card_activation_attempts!=null?d.default_max_charge_card_activation_attempts:3,chargeCardCashbackRatePerTransaction:d.charge_card_cashback_rate_per_transaction!=null?d.charge_card_cashback_rate_per_transaction:.0175,onClickMenuIcon:()=>{P(!0)}}),e!=null?s.jsx(Lr,{windowSize:t,children:e}):null]})},xr=he(function(e,{chargeCardDetailState:t,shippingAddressId:a,location:r,cardId:n}){const c=Yt(e.addressState,a);if(c==null)throw Error("Can't access shippingAddress.");const u=lt(e,n),m=t.updateStatus,E=Ye(e,!1,!1,!1);let i=!1;E.fetchState==="Completed"&&E.cards.length<=1&&(i=!0);const g=r.state?.message==="comingFromV2UrlPath";return{showActivatePage:t.chargeCard?.providerCardCreateTime!=null&&t.chargeCard.providerCardCreateTime.add(24,"h").isBefore(Zt())||g,showMenuIcon:i,shippingAddress:c,vgsVaultId:Fa.cardVaultId,twoFAView:u,activationWaitStatus:m,isRefreshingViewInBackground:t.isRefreshingViewInBackground}},function(e,t){const{navigate:a,cardId:r,location:n,currentTenant:c,chargeCardDetailState:u}=t,m=u.chargeCard?.cardProviderID,{tenantEmailDomain:E}=c;return{onGetOtp:i=>{m!=null&&e(_a(i,"ChargeCardHolder",r))},onUpdatePhysicalChargeCardAttempt:i=>{e(Wt(r,i))},onResendOtp:i=>{m!=null&&e(Da(i,"ChargeCardHolder",r))},onVerifyOtp:(i,g)=>{m!=null&&e(Aa(i,g,"ChargeCardHolder",r))},onVerifyOtpSuccess:i=>{i!=null&&X.saveZeniOtpTokenForCardHolder(i,r)},onCVVActivateSuccess:()=>{e(Kt({chargeCardId:r}))},onBackClick:()=>{const i=Te(n.state?.pathnameStackToGoBack),g=i.poppedPathname==null||i.poppedPathname.includes("onboard")===!0?Oe(E):i.poppedPathname;a(g,{state:{pathnameStackToGoBack:i.newStack}})}}})(rr),Lr=ke.div`
   display: flex;
   flex-direction: column;
-  width: ${e=>`${Tr.containerWidth.value(e.windowSize)}%`};
+  width: ${e=>`${Fr.containerWidth.value(e.windowSize)}%`};
   ${e=>e.windowSize!=="small"?"overflow: auto;":""}
 `,Br=ke.div`
   display: flex;
@@ -11,11 +11,11 @@ import{j as s}from"./liveblocks-BsQBjN-0.js";import{j as ue,l as oa,i as me,u as
   flex-direction: column;
   align-items: center;
   background-color: ${e=>e.theme.colors.grey4};
-`,Sa=Ya.getLocalizedStrings().dateFormat,Ur={overlayWidth:new da(100,100,58)},Rr=he(function(e,t){const a=t.currentTenant?.companyId;return{plaidConnectionDetails:en(e,a,"zeni_accounts","external_account").plaidConnectionDetails,depositAccountListView:an(e.depositAccountState,e.depositAccountListState)}},function(e,t){const{navigate:a,currentTenant:r,hasZeniAccountsAdminAccess:n,isZeniAccountsUser:c,isCashbackInfoFetchStateCompleted:u,isCreditCardInfoFetchStateCompleted:m,isDebitCardInfoFetchStateCompleted:E,controllerEmails:i,paymentDetails:g,productInformation:I,cashbackInformation:_,paymentSourceInformation:C,creditAccountInformation:U,debitAccountInformation:v,paymentInitiatedDate:F,sourcePage:d}=t,{tenantEmailDomain:f}=r;return{onBackNavigation:()=>{if(u&&m&&E&&_!=null&&q.trackCardsPayEarlyFormClick(i,I,_,"Back",g.chargeCardRepaymentDetailLocalData.isAutoRepayment,{paymentAmount:g.chargeCardRepaymentDetailLocalData.amount.amount,paymentAccountName:g.chargeCardRepaymentDetailLocalData.transferFrom?.label,paymentAccountType:g.chargeCardRepaymentDetailLocalData.transferFrom?.accType,paymentAccountLastFourDigits:g.chargeCardRepaymentDetailLocalData.transferFrom?.accountLast4,paymentCompleteEta:F?.add(3,"day").format(Sa.visual.MMMDCommaYYYYformat),paymentInitiatedDate:F?.format(Sa.visual.MMMDCommaYYYYformat)},C,U,v),d==="cardPaymentHistory")t.closeDrawerHandler(!0),e(Ct());else{const b=Oe(f);a(b)}},onUpdatePaymentAccountStatus:(b,o,w)=>{e(rn(b,o,"bill_pay","bill_pay_detail",w))},onEstablishConnectionSuccess:()=>{e(wa(r.companyId,!0))},onFetchLinkTokenClick:b=>{e(nn("external_account",b))},onEstablishConnectionClick:b=>{e(tn(b,r.companyId,"charge_card_payment","charge_cards"))},onSignUpAccountClick:()=>{n?window.open(`/${f}/checking/promo`,"_blank"):window.open("https://www.zeni.ai/product/business-checking-accounts","_blank")},onMoveMoneyClick:()=>{c?window.open(`/${f}/checking/transfer`):window.open("https://www.zeni.ai/product/business-checking-accounts","_blank")}}})(sr),Ja=({isPaymentDrawerOpen:e,closeDrawerHandler:t,pageName:a,creditAccountSpentAmount:r,productInformation:n,sourcePage:c,creditAccountInformation:u,debitAccountInformation:m,cashbackInformation:E,isDebitCardInfoFetchStateCompleted:i,isCreditCardInfoFetchStateCompleted:g,isCashbackInfoFetchStateCompleted:I,paymentInitiatedDate:_,retryRepayment:C})=>{const U=ue(),{useDynamicConfig:v}=oe(),{configValue:F}=v(Pe.zeniAccountsConfig),d=qt(F),f=S(G=>ut(G)),{creditAccount:b}=S(G=>Ge(G)),o=S(G=>ce(G)),w=va(),O=ia(),N=me(),L=J.getSignedInUser(),T=Re(),[R,p]=l.useState(!1),[h,k]=l.useState(!1),{configValue:A}=v(Pe.zeniCardsConfig),M=A.credit_card_auto_pay_threshold_by_company_id?.[o.companyId]??A.default_credit_card_auto_pay_threshold??Ir,$=mt(T?.loggedInUserRoleMap),H=Qt(T?.loggedInUserRoleMap),B=!!o.companyZeniAccountInfo?.info?.isZeniAccountEnabled,y=S(G=>ca(G,o.companyId)),Z=y.companyChargeCardInfo?.primaryFundingAccount,x=y.allFundingAccounts.find(G=>G.id===Z?.accountId),P=S(G=>Me(G,o.companyId)),z=$e(P.controllers);l.useEffect(()=>{if(f.fetchState!=="Completed"&&f.fetchState!=="In-Progress"&&N(Jt()),f.fetchState==="Completed"&&!h){const G=o.companyChargeCardInfo?.info?.primaryFundingAccount?.accountId,ae=f.transferFromAccounts.find(X=>X.id===G);let se;if(c==="cardPaymentHistory"&&C){const X=C.paymentAccountId!=null?f.transferFromAccounts.find(de=>de.id===C.paymentAccountId):void 0;se={amount:C.amount,isAutoRepayment:o.companyChargeCardInfo?.info?.isAutoPayEnabled??!1,idempotencyKey:nt(),transferFrom:X??ae}}else se={amount:{amount:b.balance.amount+b.hold.amount,currencyCode:b.balance.currencyCode,currencySymbol:b.balance.currencySymbol},isAutoRepayment:o.companyChargeCardInfo?.info?.isAutoPayEnabled??!1,idempotencyKey:nt(),transferFrom:ae};N(Xa(se)),k(!0)}},[f.fetchState,h,c,C,f.transferFromAccounts,o.companyChargeCardInfo?.info?.primaryFundingAccount?.accountId,o.companyChargeCardInfo?.info?.isAutoPayEnabled,b.balance.amount,b.balance.currencyCode,b.balance.currencySymbol,b.hold.amount,N]);const D={isZeniCheckingEnabled:o.companyZeniAccountInfo?.info?.isZeniAccountEnabled??!1,isZeniCheckingPaymentSource:x?.accType==="depositAccount",creditCardPaymentSourceAccountName:x?.label,creditCardPaymentSourceAccountType:x?.accType,creditCardPaymentSourceLastFourDigits:x?.accountLast4,creditCardPaymentSourceBalance:x?.accountBalance?.available?.amount??0};if(l.useEffect(()=>{y.fetchState!=="Completed"&&y.fetchState!=="In-Progress"&&N(wa(o.companyId,!0))},[y.fetchState]),l.useEffect(()=>{f.updateStatus==="Completed"&&E!=null&&I&&g&&i&&q.trackCardsPayEarlyPayNowClick(z,n,E,f.chargeCardRepaymentDetailLocalData.isAutoRepayment,{paymentAmount:f.chargeCardRepaymentDetailLocalData.amount.amount,paymentAccountName:f.chargeCardRepaymentDetailLocalData.transferFrom?.label,paymentAccountType:f.chargeCardRepaymentDetailLocalData.transferFrom?.accType,paymentAccountLastFourDigits:f.chargeCardRepaymentDetailLocalData.transferFrom?.accountLast4,paymentCompleteEta:_?.add(3,"day").format(Sa.visual.MMMDCommaYYYYformat),paymentInitiatedDate:_?.format(Sa.visual.MMMDCommaYYYYformat)},D,u,m)},[f.updateStatus,E,I,g,i,_]),l.useEffect(()=>{f.fetchState==="Completed"&&E!=null&&I&&g&&i&&!R&&e&&h&&E!=null&&(q.trackCardsPayEarlyFormView(z,n,E,a,o.companyChargeCardInfo?.info?.isAutoPayEnabled??!1,b.balance.amount,D,u,m),p(!0))},[f,I,g,i,R,e,h]),L==null)throw Error("Can't access invite people page without signing in...");const Y=()=>{t(!0),N(Ct())};return s.jsx(s.Fragment,{children:s.jsx(Rt,{onClose:()=>{Y()},anchor:"right",transitionDuration:250,open:e,PaperProps:{style:{width:Ur.overlayWidth.valuePercentage(O),boxShadow:"none"}},slotProps:{backdrop:{style:{backgroundColor:w.colors.black,opacity:.75,cursor:"pointer"}}},children:s.jsx(Or,{onClick:G=>G.stopPropagation(),children:s.jsx(Rr,{closeDrawerHandler:t,navigate:U,paymentDetails:f,creditAccountSpentAmount:r,onTransferClick:()=>{I&&g&&i&&E!=null&&q.trackCardsPayEarlyFormClick(z,n,E,"Pay Now",f.chargeCardRepaymentDetailLocalData.isAutoRepayment,{paymentAmount:f.chargeCardRepaymentDetailLocalData.amount.amount,paymentAccountName:f.chargeCardRepaymentDetailLocalData.transferFrom?.label,paymentAccountType:f.chargeCardRepaymentDetailLocalData.transferFrom?.accType,paymentAccountLastFourDigits:f.chargeCardRepaymentDetailLocalData.transferFrom?.accountLast4,paymentCompleteEta:void 0,paymentInitiatedDate:void 0},D,u,m),N(Xt({companyId:o.companyId}))},onDismissClick:Y,onSaveChangesToLocalStore:G=>{N(Xa(G))},currentTenant:o,hasZeniAccountsAdminAccess:$,isZeniAccountsUser:H,isZeniAccountSetupEnabled:B,productInformation:n,sourcePage:c,controllerEmails:z,autoPayThreshold:M,paymentSourceInformation:D,creditAccountInformation:u,debitAccountInformation:m,cashbackInformation:E,isCashbackInfoFetchStateCompleted:I,isCreditCardInfoFetchStateCompleted:g,isDebitCardInfoFetchStateCompleted:i,paymentInitiatedDate:_,maxInsuredAmount:d.maxInsuredAmount})})})})},Or=ke(Sr)`
+`,Sa=Za.getLocalizedStrings().dateFormat,Ur={overlayWidth:new da(100,100,58)},Rr=he(function(e,t){const a=t.currentTenant?.companyId;return{plaidConnectionDetails:en(e,a,"zeni_accounts","external_account").plaidConnectionDetails,depositAccountListView:an(e.depositAccountState,e.depositAccountListState)}},function(e,t){const{navigate:a,currentTenant:r,hasZeniAccountsAdminAccess:n,isZeniAccountsUser:c,isCashbackInfoFetchStateCompleted:u,isCreditCardInfoFetchStateCompleted:m,isDebitCardInfoFetchStateCompleted:E,controllerEmails:i,paymentDetails:g,productInformation:I,cashbackInformation:_,paymentSourceInformation:C,creditAccountInformation:U,debitAccountInformation:v,paymentInitiatedDate:T,sourcePage:d}=t,{tenantEmailDomain:f}=r;return{onBackNavigation:()=>{if(u&&m&&E&&_!=null&&q.trackCardsPayEarlyFormClick(i,I,_,"Back",g.chargeCardRepaymentDetailLocalData.isAutoRepayment,{paymentAmount:g.chargeCardRepaymentDetailLocalData.amount.amount,paymentAccountName:g.chargeCardRepaymentDetailLocalData.transferFrom?.label,paymentAccountType:g.chargeCardRepaymentDetailLocalData.transferFrom?.accType,paymentAccountLastFourDigits:g.chargeCardRepaymentDetailLocalData.transferFrom?.accountLast4,paymentCompleteEta:T?.add(3,"day").format(Sa.visual.MMMDCommaYYYYformat),paymentInitiatedDate:T?.format(Sa.visual.MMMDCommaYYYYformat)},C,U,v),d==="cardPaymentHistory")t.closeDrawerHandler(!0),e(Ct());else{const b=Oe(f);a(b)}},onUpdatePaymentAccountStatus:(b,o,w)=>{e(rn(b,o,"bill_pay","bill_pay_detail",w))},onEstablishConnectionSuccess:()=>{e(wa(r.companyId,!0))},onFetchLinkTokenClick:b=>{e(nn("external_account",b))},onEstablishConnectionClick:b=>{e(tn(b,r.companyId,"charge_card_payment","charge_cards"))},onSignUpAccountClick:()=>{n?window.open(`/${f}/checking/promo`,"_blank"):window.open("https://www.zeni.ai/product/business-checking-accounts","_blank")},onMoveMoneyClick:()=>{c?window.open(`/${f}/checking/transfer`):window.open("https://www.zeni.ai/product/business-checking-accounts","_blank")}}})(sr),Xa=({isPaymentDrawerOpen:e,closeDrawerHandler:t,pageName:a,creditAccountSpentAmount:r,productInformation:n,sourcePage:c,creditAccountInformation:u,debitAccountInformation:m,cashbackInformation:E,isDebitCardInfoFetchStateCompleted:i,isCreditCardInfoFetchStateCompleted:g,isCashbackInfoFetchStateCompleted:I,paymentInitiatedDate:_,retryRepayment:C})=>{const U=ue(),{useDynamicConfig:v}=oe(),{configValue:T}=v(Pe.zeniAccountsConfig),d=qt(T),f=S(G=>ut(G)),{creditAccount:b}=S(G=>Ge(G)),o=S(G=>ce(G)),w=va(),O=ia(),N=me(),L=X.getSignedInUser(),F=Re(),[R,p]=l.useState(!1),[h,k]=l.useState(!1),{configValue:A}=v(Pe.zeniCardsConfig),M=A.credit_card_auto_pay_threshold_by_company_id?.[o.companyId]??A.default_credit_card_auto_pay_threshold??Ir,$=mt(F?.loggedInUserRoleMap),H=Qt(F?.loggedInUserRoleMap),B=!!o.companyZeniAccountInfo?.info?.isZeniAccountEnabled,y=S(G=>ca(G,o.companyId)),Y=y.companyChargeCardInfo?.primaryFundingAccount,x=y.allFundingAccounts.find(G=>G.id===Y?.accountId),P=S(G=>Me(G,o.companyId)),z=$e(P.controllers);l.useEffect(()=>{if(f.fetchState!=="Completed"&&f.fetchState!=="In-Progress"&&N(Xt()),f.fetchState==="Completed"&&!h){const G=o.companyChargeCardInfo?.info?.primaryFundingAccount?.accountId,ae=f.transferFromAccounts.find(J=>J.id===G);let se;if(c==="cardPaymentHistory"&&C){const J=C.paymentAccountId!=null?f.transferFromAccounts.find(de=>de.id===C.paymentAccountId):void 0;se={amount:C.amount,isAutoRepayment:o.companyChargeCardInfo?.info?.isAutoPayEnabled??!1,idempotencyKey:nt(),transferFrom:J??ae}}else se={amount:{amount:b.balance.amount+b.hold.amount,currencyCode:b.balance.currencyCode,currencySymbol:b.balance.currencySymbol},isAutoRepayment:o.companyChargeCardInfo?.info?.isAutoPayEnabled??!1,idempotencyKey:nt(),transferFrom:ae};N(Ja(se)),k(!0)}},[f.fetchState,h,c,C,f.transferFromAccounts,o.companyChargeCardInfo?.info?.primaryFundingAccount?.accountId,o.companyChargeCardInfo?.info?.isAutoPayEnabled,b.balance.amount,b.balance.currencyCode,b.balance.currencySymbol,b.hold.amount,N]);const D={isZeniCheckingEnabled:o.companyZeniAccountInfo?.info?.isZeniAccountEnabled??!1,isZeniCheckingPaymentSource:x?.accType==="depositAccount",creditCardPaymentSourceAccountName:x?.label,creditCardPaymentSourceAccountType:x?.accType,creditCardPaymentSourceLastFourDigits:x?.accountLast4,creditCardPaymentSourceBalance:x?.accountBalance?.available?.amount??0};if(l.useEffect(()=>{y.fetchState!=="Completed"&&y.fetchState!=="In-Progress"&&N(wa(o.companyId,!0))},[y.fetchState]),l.useEffect(()=>{f.updateStatus==="Completed"&&E!=null&&I&&g&&i&&q.trackCardsPayEarlyPayNowClick(z,n,E,f.chargeCardRepaymentDetailLocalData.isAutoRepayment,{paymentAmount:f.chargeCardRepaymentDetailLocalData.amount.amount,paymentAccountName:f.chargeCardRepaymentDetailLocalData.transferFrom?.label,paymentAccountType:f.chargeCardRepaymentDetailLocalData.transferFrom?.accType,paymentAccountLastFourDigits:f.chargeCardRepaymentDetailLocalData.transferFrom?.accountLast4,paymentCompleteEta:_?.add(3,"day").format(Sa.visual.MMMDCommaYYYYformat),paymentInitiatedDate:_?.format(Sa.visual.MMMDCommaYYYYformat)},D,u,m)},[f.updateStatus,E,I,g,i,_]),l.useEffect(()=>{f.fetchState==="Completed"&&E!=null&&I&&g&&i&&!R&&e&&h&&E!=null&&(q.trackCardsPayEarlyFormView(z,n,E,a,o.companyChargeCardInfo?.info?.isAutoPayEnabled??!1,b.balance.amount,D,u,m),p(!0))},[f,I,g,i,R,e,h]),L==null)throw Error("Can't access invite people page without signing in...");const Z=()=>{t(!0),N(Ct())};return s.jsx(s.Fragment,{children:s.jsx(Rt,{onClose:()=>{Z()},anchor:"right",transitionDuration:250,open:e,PaperProps:{style:{width:Ur.overlayWidth.valuePercentage(O),boxShadow:"none"}},slotProps:{backdrop:{style:{backgroundColor:w.colors.black,opacity:.75,cursor:"pointer"}}},children:s.jsx(Or,{onClick:G=>G.stopPropagation(),children:s.jsx(Rr,{closeDrawerHandler:t,navigate:U,paymentDetails:f,creditAccountSpentAmount:r,onTransferClick:()=>{I&&g&&i&&E!=null&&q.trackCardsPayEarlyFormClick(z,n,E,"Pay Now",f.chargeCardRepaymentDetailLocalData.isAutoRepayment,{paymentAmount:f.chargeCardRepaymentDetailLocalData.amount.amount,paymentAccountName:f.chargeCardRepaymentDetailLocalData.transferFrom?.label,paymentAccountType:f.chargeCardRepaymentDetailLocalData.transferFrom?.accType,paymentAccountLastFourDigits:f.chargeCardRepaymentDetailLocalData.transferFrom?.accountLast4,paymentCompleteEta:void 0,paymentInitiatedDate:void 0},D,u,m),N(Jt({companyId:o.companyId}))},onDismissClick:Z,onSaveChangesToLocalStore:G=>{N(Ja(G))},currentTenant:o,hasZeniAccountsAdminAccess:$,isZeniAccountsUser:H,isZeniAccountSetupEnabled:B,productInformation:n,sourcePage:c,controllerEmails:z,autoPayThreshold:M,paymentSourceInformation:D,creditAccountInformation:u,debitAccountInformation:m,cashbackInformation:E,isCashbackInfoFetchStateCompleted:I,isCreditCardInfoFetchStateCompleted:g,isDebitCardInfoFetchStateCompleted:i,paymentInitiatedDate:_,maxInsuredAmount:d.maxInsuredAmount})})})})},Or=ke(Sr)`
   display: flex;
   min-height: 100%;
   flex-direction: column;
-`,Ht="charge-card-transaction-update",Ua=Ya.getLocalizedStrings().dateFormat,Nr=he(function(e,t){const{includeCreditAccountInfo:a,cardId:r,signedInUserToken:n,isChargeCardFeatureEnabled:c}=t,u=J.getSignedInUser(),m=e.tenantState.currentTenantId,E={userId:u?.userId??"",sessionId:u?.zeniSessionId??"",tenantId:m??""},i=Va(e,r,a,c),g=on(e,r),I=cn(e);return{chargeCardDetailView:i,chargeCardsRecurringExpensesState:g,vgsVaultId:Ta.cardVaultId,transactionAttachmentsEndpointToFetch:`${ja}/card_transaction_attachments`,transactionAttachmentEndpointToDownload:`${ja}/card_transaction_attachment`,authParams:E,isSnackbarOpen:I.isSnackbarOpen,cardsEndPoint:`${Lt.cardMicroServiceBaseUrl}`,signedInUserToken:i.twoFAView.token??n}},function(e,t){const{cardId:a,currentTenant:r,navigate:n,location:c,cardProviderId:u,includeCreditAccountInfo:m,setIsPaymentOpen:E,controllerEmails:i,productInformation:g,cashbackInformation:I,primaryFundingAccountDetails:_,creditAccountInformation:C,debitAccountInformation:U,isChargeCardFeatureEnabled:v}=t,{tenantEmailDomain:F}=r;return{onEventReceived:d=>{d===Ht&&(e($a(a,!0)),e(et(a,null,null,!0)))},onReloadTransactions:()=>{e(Je(a,m,v))},onFetchChargeCardTransactionList:(d,f)=>{e(et(a,d,f))},onUpdateScrollYOffset:d=>{},onGetOtp:d=>{u!=null&&e(_a(d,"ChargeCardHolder",a))},onResendOtp:d=>{u!=null&&e(Da(d,"ChargeCardHolder",a))},onVerifyOtp:(d,f)=>{u!=null&&e(Aa(d,f,"ChargeCardHolder",a))},onVerifyOtpSuccess:d=>{d!=null&&J.saveZeniOtpTokenForCardHolder(d,a)},onColorCodeChange:d=>{e(pn(a,d))},onLockChargeCard:(d,f)=>{e(kt(d,a,f))},onUnlockChargeCard:d=>{e(It(d,a))},onCloseChargeCard:d=>{e(St(a,d))},onFetchChargeCardsRecurringExpenses:()=>{e(yt([a]))},updateChargeCardName:(d,f)=>{e(bt(d,a,f))},updateChargeCardTransactionAttachments:(d,f)=>{f!=null&&e(Cn({transactionId:d,data:f}))},updateChargeCardTransactionUploadReceiptsFetchStatus:(d,f,b,o)=>{e(mn({chargeCardId:f,transactionId:d,fetchState:b,error:o}))},updateChargeCardTransactionReceiptsShowTick:(d,f,b)=>{e(un({chargeCardId:f,transactionId:d,shouldShowTick:b}))},onChargeCardRevokeInviteClick:()=>{e(ft(a))},updateChargeCardTransactionIsViewReceiptClicked:(d,f,b)=>{e(ln({chargeCardId:f,transactionId:d,isViewReceiptClicked:b}))},onChargeCardTransactionRowClick:(d,f)=>{const b=fe(c.state?.pathnameStackToGoBack,c.pathname);n(`../../transaction/${d}/${f}`,{state:{pathnameStackToGoBack:b}})},onBackClick:()=>{const d=Fe(c.state?.pathnameStackToGoBack),f=Oe(F);n(f,{state:{pathnameStackToGoBack:d.newStack,message:"comingFromCardDetail"}})},removeSnackbar:()=>{e(dn())},onUpdateDebitCardPinAttempt:d=>{e(gt(a,d)),d==="success"&&e(ra({messageSection:"update_debit_card_pin_attempt",messageText:"success",type:"success",showStatusIcon:!0}))},onUploadReceiptComplete:(d,f)=>{d?e(ra({messageSection:"charge_card_receipt_upload",messageText:"success",type:"success",showStatusIcon:!0})):f!=null&&e(ra({messageSection:"charge_card_receipt_upload",messageText:"failed",type:"error",showStatusIcon:!0,variables:[{variableName:"_api-error_",variableValue:f.message}]}))},updateSpendLimit(d,f,b,o){e(ht(d,f,b.code,o))},shouldOpenCreditCardPaymentDrawer(d){d&&I!=null&&q.trackCardsPayEarlyClick(i,g,I,"Card Detail","Text Button","Pay Now",{isZeniCheckingEnabled:r.company?.companyZeniAccountInfo.isZeniAccountEnabled??!1,isZeniCheckingPaymentSource:_?.accType==="depositAccount",creditCardPaymentSourceAccountName:_?.label,creditCardPaymentSourceAccountType:_?.accType,creditCardPaymentSourceLastFourDigits:_?.accountLast4,creditCardPaymentSourceBalance:_?.accountBalance?.available?.amount??0},C,U),E(d)}}})(cr(ir));function jr(){const e=ue(),t=me(),a=be(),{cardId:r}=oa(),[n,c]=l.useState(!1),[u,m]=l.useState(!1),{useDynamicConfig:E}=oe(),i=J.getSignedInUser(),g=S(j=>ce(j)),I=S(j=>Ia(j).firstViewAfterActivation),_=S(j=>j.classListState.fetchState),{configValue:C}=E(Pe.documentAiReceiptMaxSizeLimitBytesConfig),{configValue:U}=E(Pe.zeniCardsConfig),v=U.enable_card_controls_for_company_ids,F=U.is_card_controls_enabled_for_all_tenants===!0||Array.isArray(v)&&v.includes(g.companyId),[d,f]=l.useState(!1),[b,o]=l.useState(!1),{useFeatureGate:w}=oe(),{isFeatureEnabled:O}=w(K.isChargeCardFeatureEnabled),{isFeatureEnabled:N}=w(K.isDebitCardFeatureEnabled),L=Ie(N,g),T=Ee({isDebitCardFeatureEnabled:N,isBankingOnlyTenant:L}),{isFeatureEnabled:R}=w(K.isEarlyPayFeatureEnabled),p=Se(g),h=ye(g),k=g.companyChargeCardInfo?.info?.chargeCardsCreditAccountLimit??0,A=Ae({isCardsOnlyTenant:h,isChargeCardFeatureEnabled:O,isBookKeepingTenant:p,isDebitCardProductVisible:T,chargeCardsCreditAccountLimit:k}),M=!!g.companyDebitCardInfo?.info?.isDebitCardEnabled,$=!!g.companyChargeCardInfo?.info?.isChargeCardEnabled,H=!g.userRole.includes("charge_card_user")&&A&&$;if(r==null)throw Error("Empty card id is not valid...");const B=S(j=>ca(j,g.companyId)),{creditAccount:y,creditAccountRepayment:Z}=S(j=>Ge(j)),x=J.getZeniOtpTokenForCardHolder(r),P=S(j=>Va(j,r,H,A)),z=S(j=>ze(j)),D=P.chargeCard,Y=Re(),G=Be(Y?.loggedInUserRoleMap),ae=D?.type.code==="business_physical_debit_card"||D?.type.code==="business_virtual_debit_card",se=D?.type.code==="business_physical_debit_card"||D?.type.code==="business_physical_credit_card",X=D?.type.code==="business_virtual_debit_card"||D?.type.code==="business_virtual_credit_card",de=D?.type.code==="business_virtual_debit_card",W=la(A,$,G,y,Z),Q=Ot(ae,P),Te=qa(G,z),Ne=Ue(A,T,M,$),re=P.depositAccountLimitFetchState.fetchState!=="Completed"&&P.depositAccountLimitFetchState.fetchState!=="In-Progress",ie=S(j=>Me(j,g.companyId)),ge=$e(ie.controllers),ve=S(j=>D?.cardCreatedByUser?.userId!=null?ha(j.userRoleState,D?.cardCreatedByUser?.userId):void 0),Ye=S(j=>ve?.accountingClassIDs[0]!=null?ga(j.classState,{classId:ve?.accountingClassIDs[0],reportId:"class_list"}):void 0),ne=S(j=>D?.cardHolderUser?.userId!=null?ha(j.userRoleState,D?.cardHolderUser?.userId):void 0),ee=S(j=>ne?.accountingClassIDs[0]!=null?ga(j.classState,{classId:ne?.accountingClassIDs[0],reportId:"class_list"}):void 0),le=g?.userRole,xe=S(j=>Ze(j,!1,T,O).revokeCardInvite),Xe=Ka(xe.saveStatus.fetchState);if(l.useEffect(()=>{if(Xe==="In-Progress"&&xe.saveStatus.fetchState==="Completed"){const j=Oe(g.tenantEmailDomain);e(j)}},[Xe,xe.saveStatus.fetchState,e,g.tenantEmailDomain]),l.useEffect(()=>{I&&n===!1&&X&&(c(!0),setTimeout(()=>{t(fa()),de&&t(ra({messageSection:"set_debit_card_pin",messageText:"success",type:"success",showStatusIcon:!0}))},5e3))},[I,n,X,de]),l.useEffect(()=>{d||P.fetchState==="Completed"||P.fetchState==="In-Progress"||r==null||(f(!0),t(Je(r,H,A,!1)))},[d,P,r,t]),l.useEffect(()=>{!b&&P.fetchState==="Completed"&&P.chargeCard?.connectedAccountId!=null&&ae&&re&&G&&(o(!0),t(pt({depositAccountId:P.chargeCard?.connectedAccountId})))},[b,P,t,re,G]),l.useEffect(()=>{z.fetchState!=="Completed"&&z.fetchState!=="In-Progress"&&G&&t(it()),_!=="Completed"&&_!=="In-Progress"&&t(ct()),P.transactionStatistics.fetchState!=="Completed"&&P.transactionStatistics.fetchState!=="In-Progress"&&t(sn({chargeCardId:r})),B.fetchState!=="Completed"&&B.fetchState!=="In-Progress"&&t(wa(g.companyId,!0))},[z.fetchState,t,G,_,P.transactionStatistics.fetchState,B.fetchState]),l.useEffect(()=>{if(!(P.fetchState!=="Completed"||A&&y.fetchState!=="Completed"||D==null||P.transactionStatistics.fetchState!=="Completed"||ae&&G&&P.depositAccountLimitFetchState.fetchState!=="Completed")){const j=D.type.code.includes("physical"),Ce=j?D.cardActivationAttemptHistory[0]?.timestamp:D.createTime;q.trackCardsCardDetailView(ge,Ne,{cardId:r,cardName:D.cardName,cardType:D.type.code.includes("credit")?"credit":"debit",cardCategory:j?"physical":"virtual",cardLimit:qe(D.limit.amount),cardLastFourDigits:D.accountLast4,cardStatus:D.status.code,cardAssignedDate:D.createTime?.format(Ua.analytics.MMMDashDDDashYYYYFormat),cardIssuedDate:D.providerCardCreateTime?.format(Ua.analytics.MMMDashDDDashYYYYFormat),cardActivatedDate:Ce?.format(Ua.analytics.MMMDashDDDashYYYYFormat),cardLimitFrequency:D.creditLimitFrequency.name,cardSpentAmount:qe(D.balance.amount),cardAvailableLimit:qe(D.available.amount),cardUtilizationPercent:D.limit.amount>0?Math.round((D.limit.amount-D.available.amount)/D.limit.amount*100):0,cardUtilizationAmount:qe(D.limit.amount-D.available.amount),totalNumberOfDeclinedTransactions:P.transactionStatistics.statistics.totalNumberOfDeclinedTransactions,numberOfDeclinedTransactionsCurrentMonth:P.transactionStatistics.statistics.numberOfDeclinedTransactionsCurrentMonth,totalNumberOfPaidTransactions:P.transactionStatistics.statistics.totalNumberOfPaidTransactions,numberOfPaidTransactionsCurrentMonth:P.transactionStatistics.statistics.numberOfPaidTransactionsCurrentMonth,totalNumberOfCanceledTransactions:P.transactionStatistics.statistics.totalNumberOfCanceledTransactions,numberOfCanceledTransactionsCurrentMonth:P.transactionStatistics.statistics.numberOfCanceledTransactionsCurrentMonth,totalNumberOfAuthorizedTransactions:P.transactionStatistics.statistics.totalNumberOfAuthorizedTransactions,numberOfAuthorizedTransactionsCurrentMonth:P.transactionStatistics.statistics.numberOfAuthorizedTransactionsCurrentMonth,totalNumberOfTransactionsWithReceipts:P.transactionStatistics.statistics.totalNumberOfTransactionsWithReceipts,numberOfTransactionsWithReceiptsCurrentMonth:P.transactionStatistics.statistics.numberOfTransactionsWithReceiptsCurrentMonth},{cardIssuedByName:Na(D.cardCreatedByUser,!1),cardIssuedByEmail:D.cardCreatedByUser?.email,cardIssuedByUserId:D.cardCreatedByUser?.userId,cardIssuedByRole:ve?.userRoles,cardIssuedByDepartment:Ye?.className},{cardholderName:Na(D.cardHolderUser,!1),cardholderEmail:D.cardHolderUser?.email,cardholderRole:ne?.userRoles,cardholderUserId:D.cardHolderUser?.userId,cardholderDepartment:ee?.className},W,Q)}},[P.fetchState,P.depositAccountLimitFetchState.fetchState,P.transactionStatistics.fetchState,y.fetchState,G]),i==null)throw Error("Can't access card detail page without signing in...");const Ke=g.companyId??J.getSignedInUserTenant(g.tenantEmailDomain)?.companyId,ea={events:Ke!=null?[`private-${Ke}.${Ht}`]:[],eventCallback:(j,Ce,we)=>{we.onEventReceived(j)}},aa=()=>{if(r!=null&&D!=null){const{ownerName:j,cardName:Ce,utilisation:we,limit:je,frequency:We,cardColor:V}=Ra(D),De=D.cardHolderUserId===i.userId;q.trackCardsDetailPageViewed(r,j,Ce,we,je,We,V,De)}};l.useEffect(()=>{if(P.fetchState==="Completed"){const j=P.chargeCard;if(j?.status.code==="inactive"||ae&&j?.isPinSet===!1||se&&I){const Ce=pe(g.tenantEmailDomain,r,i,D,I);e(Ce)}}},[P.fetchState]);const ta=(j,Ce)=>{if(r!=null&&D!=null){const{ownerName:we,cardName:je,utilisation:We,limit:V,frequency:De}=Ra(D),Ve=D.cardHolderUserId===i.userId;q.trackCardsDetailPageClicked(r,we,je,We,V,De,j,Ve,Ce)}},na=(j,Ce)=>{if(r!=null&&D!=null){const{ownerName:we,cardName:je,utilisation:We,limit:V,frequency:De}=Ra(D),Ve=D.cardHolderUserId===i.userId;q.trackCardsVerifyPopUpClick(r,we,je,We,V,De,j,Ve,Ce)}},La=y.balance.amount+y.hold.amount,ma=g.companyChargeCardInfo?.info?.primaryFundingAccount,Ca=B.allFundingAccounts.find(j=>j.id===ma?.accountId);return r==null||P.fetchState==="Error"?s.jsx(xa,{}):P.fetchState==="In-Progress"||P.fetchState==="Not-Started"||xe.saveStatus.fetchState==="In-Progress"||ae&&G&&P.depositAccountLimitFetchState.fetchState!=="Completed"?s.jsx(Vr,{children:s.jsx(or,{size:"ExtraLarge",start:!0})}):s.jsxs(s.Fragment,{children:[s.jsx(Fa,{showConfetti:I}),P.fetchState==="Completed"?s.jsx(Wa,{analytics:q,onLoad:aa}):null,u===!0?s.jsx(Ja,{closeDrawerHandler:()=>m(!1),isPaymentDrawerOpen:u,pageName:"Card Detail",sourcePage:"cardDetailPage",productInformation:Ne,creditAccountInformation:W,debitAccountInformation:Q,cashbackInformation:Te,creditAccountSpentAmount:La,isDebitCardInfoFetchStateCompleted:!ae||!G||P.depositAccountLimitFetchState.fetchState==="Completed",isCreditCardInfoFetchStateCompleted:!A||y.fetchState==="Completed",isCashbackInfoFetchStateCompleted:!G||z.fetchState==="Completed",paymentInitiatedDate:Z.initiatedRepaymentDate}):null,s.jsx(Nr,{...ea,hideSorting:!0,onColumnSortConfigChanged:()=>{},onFireVerifyPopOnClickAnalytics:na,onFireOnClickAnalytics:ta,isSandboxEnv:Za(),signedInUser:i,location:a,navigate:e,setIsPaymentOpen:m,cardIssuedByRoles:ve?.userRoles,cardIssuedByDepartmentName:Ye?.className,cardHolderRoles:ne?.userRoles,cardHolderDepartmentName:ee?.className,loggedInUserRole:le,isChargeCardFeatureEnabled:A,isDebitCardFeatureEnabled:T,isDebitCardSetupEnabled:M,isChargeCardSetupEnabled:$,isCardControlsEnabled:F,isEarlyPayEnabled:R,controllerEmails:ge,chargeCardCashbackDetailState:z,productInformation:Ne,creditAccountInformation:W,debitAccountInformation:Q,cashbackInformation:Te,classListFetchState:_,primaryFundingAccountDetails:Ca,currentTenant:g,cardProviderId:P.chargeCard?.cardProviderID,cardId:r,creditAccount:y,creditAccountRepayment:Z,includeCreditAccountInfo:H,signedInUserToken:x,appleWalletLink:"shoebox://",googleWalletLink:"https://www.android.com/payapp/",documentAiReceiptMaxSizeLimit:C.documentAiReceiptMaxSizeLimitBytes!=null?C.documentAiReceiptMaxSizeLimitBytes:9437184})]})}const Vr=ke.div`
+`,Ht="charge-card-transaction-update",Ua=Za.getLocalizedStrings().dateFormat,Nr=he(function(e,t){const{includeCreditAccountInfo:a,cardId:r,signedInUserToken:n,isChargeCardFeatureEnabled:c}=t,u=X.getSignedInUser(),m=e.tenantState.currentTenantId,E={userId:u?.userId??"",sessionId:u?.zeniSessionId??"",tenantId:m??""},i=Va(e,r,a,c),g=on(e,r),I=cn(e);return{chargeCardDetailView:i,chargeCardsRecurringExpensesState:g,vgsVaultId:Fa.cardVaultId,transactionAttachmentsEndpointToFetch:`${ja}/card_transaction_attachments`,transactionAttachmentEndpointToDownload:`${ja}/card_transaction_attachment`,authParams:E,isSnackbarOpen:I.isSnackbarOpen,cardsEndPoint:`${Lt.cardMicroServiceBaseUrl}`,signedInUserToken:i.twoFAView.token??n}},function(e,t){const{cardId:a,currentTenant:r,navigate:n,location:c,cardProviderId:u,includeCreditAccountInfo:m,setIsPaymentOpen:E,controllerEmails:i,productInformation:g,cashbackInformation:I,primaryFundingAccountDetails:_,creditAccountInformation:C,debitAccountInformation:U,isChargeCardFeatureEnabled:v}=t,{tenantEmailDomain:T}=r;return{onEventReceived:d=>{d===Ht&&(e($a(a,!0)),e(et(a,null,null,!0)))},onReloadTransactions:()=>{e(Xe(a,m,v))},onFetchChargeCardTransactionList:(d,f)=>{e(et(a,d,f))},onUpdateScrollYOffset:d=>{},onGetOtp:d=>{u!=null&&e(_a(d,"ChargeCardHolder",a))},onResendOtp:d=>{u!=null&&e(Da(d,"ChargeCardHolder",a))},onVerifyOtp:(d,f)=>{u!=null&&e(Aa(d,f,"ChargeCardHolder",a))},onVerifyOtpSuccess:d=>{d!=null&&X.saveZeniOtpTokenForCardHolder(d,a)},onColorCodeChange:d=>{e(pn(a,d))},onLockChargeCard:(d,f)=>{e(kt(d,a,f))},onUnlockChargeCard:d=>{e(It(d,a))},onCloseChargeCard:d=>{e(St(a,d))},onFetchChargeCardsRecurringExpenses:()=>{e(yt([a]))},updateChargeCardName:(d,f)=>{e(bt(d,a,f))},updateChargeCardTransactionAttachments:(d,f)=>{f!=null&&e(Cn({transactionId:d,data:f}))},updateChargeCardTransactionUploadReceiptsFetchStatus:(d,f,b,o)=>{e(mn({chargeCardId:f,transactionId:d,fetchState:b,error:o}))},updateChargeCardTransactionReceiptsShowTick:(d,f,b)=>{e(un({chargeCardId:f,transactionId:d,shouldShowTick:b}))},onChargeCardRevokeInviteClick:()=>{e(ft(a))},updateChargeCardTransactionIsViewReceiptClicked:(d,f,b)=>{e(ln({chargeCardId:f,transactionId:d,isViewReceiptClicked:b}))},onChargeCardTransactionRowClick:(d,f)=>{const b=fe(c.state?.pathnameStackToGoBack,c.pathname);n(`../../transaction/${d}/${f}`,{state:{pathnameStackToGoBack:b}})},onBackClick:()=>{const d=Te(c.state?.pathnameStackToGoBack),f=Oe(T);n(f,{state:{pathnameStackToGoBack:d.newStack,message:"comingFromCardDetail"}})},removeSnackbar:()=>{e(dn())},onUpdateDebitCardPinAttempt:d=>{e(gt(a,d)),d==="success"&&e(ra({messageSection:"update_debit_card_pin_attempt",messageText:"success",type:"success",showStatusIcon:!0}))},onUploadReceiptComplete:(d,f)=>{d?e(ra({messageSection:"charge_card_receipt_upload",messageText:"success",type:"success",showStatusIcon:!0})):f!=null&&e(ra({messageSection:"charge_card_receipt_upload",messageText:"failed",type:"error",showStatusIcon:!0,variables:[{variableName:"_api-error_",variableValue:f.message}]}))},updateSpendLimit(d,f,b,o){e(ht(d,f,b.code,o))},shouldOpenCreditCardPaymentDrawer(d){d&&I!=null&&q.trackCardsPayEarlyClick(i,g,I,"Card Detail","Text Button","Pay Now",{isZeniCheckingEnabled:r.company?.companyZeniAccountInfo.isZeniAccountEnabled??!1,isZeniCheckingPaymentSource:_?.accType==="depositAccount",creditCardPaymentSourceAccountName:_?.label,creditCardPaymentSourceAccountType:_?.accType,creditCardPaymentSourceLastFourDigits:_?.accountLast4,creditCardPaymentSourceBalance:_?.accountBalance?.available?.amount??0},C,U),E(d)}}})(cr(ir));function jr(){const e=ue(),t=me(),a=be(),{cardId:r}=oa(),[n,c]=l.useState(!1),[u,m]=l.useState(!1),{useDynamicConfig:E}=oe(),i=X.getSignedInUser(),g=S(j=>ce(j)),I=S(j=>Ia(j).firstViewAfterActivation),_=S(j=>j.classListState.fetchState),{configValue:C}=E(Pe.documentAiReceiptMaxSizeLimitBytesConfig),{configValue:U}=E(Pe.zeniCardsConfig),v=U.enable_card_controls_for_company_ids,T=U.is_card_controls_enabled_for_all_tenants===!0||Array.isArray(v)&&v.includes(g.companyId),[d,f]=l.useState(!1),[b,o]=l.useState(!1),{useFeatureGate:w}=oe(),{isFeatureEnabled:O}=w(K.isChargeCardFeatureEnabled),{isFeatureEnabled:N}=w(K.isDebitCardFeatureEnabled),L=Ie(N,g),F=Ee({isDebitCardFeatureEnabled:N,isBankingOnlyTenant:L}),{isFeatureEnabled:R}=w(K.isEarlyPayFeatureEnabled),p=Se(g),h=ye(g),k=g.companyChargeCardInfo?.info?.chargeCardsCreditAccountLimit??0,A=Ae({isCardsOnlyTenant:h,isChargeCardFeatureEnabled:O,isBookKeepingTenant:p,isDebitCardProductVisible:F,chargeCardsCreditAccountLimit:k}),M=!!g.companyDebitCardInfo?.info?.isDebitCardEnabled,$=!!g.companyChargeCardInfo?.info?.isChargeCardEnabled,H=!g.userRole.includes("charge_card_user")&&A&&$;if(r==null)throw Error("Empty card id is not valid...");const B=S(j=>ca(j,g.companyId)),{creditAccount:y,creditAccountRepayment:Y}=S(j=>Ge(j)),x=X.getZeniOtpTokenForCardHolder(r),P=S(j=>Va(j,r,H,A)),z=S(j=>ze(j)),D=P.chargeCard,Z=Re(),G=Be(Z?.loggedInUserRoleMap),ae=D?.type.code==="business_physical_debit_card"||D?.type.code==="business_virtual_debit_card",se=D?.type.code==="business_physical_debit_card"||D?.type.code==="business_physical_credit_card",J=D?.type.code==="business_virtual_debit_card"||D?.type.code==="business_virtual_credit_card",de=D?.type.code==="business_virtual_debit_card",W=la(A,$,G,y,Y),Q=Ot(ae,P),Fe=qa(G,z),Ne=Ue(A,F,M,$),re=P.depositAccountLimitFetchState.fetchState!=="Completed"&&P.depositAccountLimitFetchState.fetchState!=="In-Progress",ie=S(j=>Me(j,g.companyId)),ge=$e(ie.controllers),ve=S(j=>D?.cardCreatedByUser?.userId!=null?ha(j.userRoleState,D?.cardCreatedByUser?.userId):void 0),Ze=S(j=>ve?.accountingClassIDs[0]!=null?ga(j.classState,{classId:ve?.accountingClassIDs[0],reportId:"class_list"}):void 0),ne=S(j=>D?.cardHolderUser?.userId!=null?ha(j.userRoleState,D?.cardHolderUser?.userId):void 0),ee=S(j=>ne?.accountingClassIDs[0]!=null?ga(j.classState,{classId:ne?.accountingClassIDs[0],reportId:"class_list"}):void 0),le=g?.userRole,xe=S(j=>Ye(j,!1,F,O).revokeCardInvite),Je=Ka(xe.saveStatus.fetchState);if(l.useEffect(()=>{if(Je==="In-Progress"&&xe.saveStatus.fetchState==="Completed"){const j=Oe(g.tenantEmailDomain);e(j)}},[Je,xe.saveStatus.fetchState,e,g.tenantEmailDomain]),l.useEffect(()=>{I&&n===!1&&J&&(c(!0),setTimeout(()=>{t(fa()),de&&t(ra({messageSection:"set_debit_card_pin",messageText:"success",type:"success",showStatusIcon:!0}))},5e3))},[I,n,J,de]),l.useEffect(()=>{d||P.fetchState==="Completed"||P.fetchState==="In-Progress"||r==null||(f(!0),t(Xe(r,H,A,!1)))},[d,P,r,t]),l.useEffect(()=>{!b&&P.fetchState==="Completed"&&P.chargeCard?.connectedAccountId!=null&&ae&&re&&G&&(o(!0),t(pt({depositAccountId:P.chargeCard?.connectedAccountId})))},[b,P,t,re,G]),l.useEffect(()=>{z.fetchState!=="Completed"&&z.fetchState!=="In-Progress"&&G&&t(it()),_!=="Completed"&&_!=="In-Progress"&&t(ct()),P.transactionStatistics.fetchState!=="Completed"&&P.transactionStatistics.fetchState!=="In-Progress"&&t(sn({chargeCardId:r})),B.fetchState!=="Completed"&&B.fetchState!=="In-Progress"&&t(wa(g.companyId,!0))},[z.fetchState,t,G,_,P.transactionStatistics.fetchState,B.fetchState]),l.useEffect(()=>{if(!(P.fetchState!=="Completed"||A&&y.fetchState!=="Completed"||D==null||P.transactionStatistics.fetchState!=="Completed"||ae&&G&&P.depositAccountLimitFetchState.fetchState!=="Completed")){const j=D.type.code.includes("physical"),Ce=j?D.cardActivationAttemptHistory[0]?.timestamp:D.createTime;q.trackCardsCardDetailView(ge,Ne,{cardId:r,cardName:D.cardName,cardType:D.type.code.includes("credit")?"credit":"debit",cardCategory:j?"physical":"virtual",cardLimit:qe(D.limit.amount),cardLastFourDigits:D.accountLast4,cardStatus:D.status.code,cardAssignedDate:D.createTime?.format(Ua.analytics.MMMDashDDDashYYYYFormat),cardIssuedDate:D.providerCardCreateTime?.format(Ua.analytics.MMMDashDDDashYYYYFormat),cardActivatedDate:Ce?.format(Ua.analytics.MMMDashDDDashYYYYFormat),cardLimitFrequency:D.creditLimitFrequency.name,cardSpentAmount:qe(D.balance.amount),cardAvailableLimit:qe(D.available.amount),cardUtilizationPercent:D.limit.amount>0?Math.round((D.limit.amount-D.available.amount)/D.limit.amount*100):0,cardUtilizationAmount:qe(D.limit.amount-D.available.amount),totalNumberOfDeclinedTransactions:P.transactionStatistics.statistics.totalNumberOfDeclinedTransactions,numberOfDeclinedTransactionsCurrentMonth:P.transactionStatistics.statistics.numberOfDeclinedTransactionsCurrentMonth,totalNumberOfPaidTransactions:P.transactionStatistics.statistics.totalNumberOfPaidTransactions,numberOfPaidTransactionsCurrentMonth:P.transactionStatistics.statistics.numberOfPaidTransactionsCurrentMonth,totalNumberOfCanceledTransactions:P.transactionStatistics.statistics.totalNumberOfCanceledTransactions,numberOfCanceledTransactionsCurrentMonth:P.transactionStatistics.statistics.numberOfCanceledTransactionsCurrentMonth,totalNumberOfAuthorizedTransactions:P.transactionStatistics.statistics.totalNumberOfAuthorizedTransactions,numberOfAuthorizedTransactionsCurrentMonth:P.transactionStatistics.statistics.numberOfAuthorizedTransactionsCurrentMonth,totalNumberOfTransactionsWithReceipts:P.transactionStatistics.statistics.totalNumberOfTransactionsWithReceipts,numberOfTransactionsWithReceiptsCurrentMonth:P.transactionStatistics.statistics.numberOfTransactionsWithReceiptsCurrentMonth},{cardIssuedByName:Na(D.cardCreatedByUser,!1),cardIssuedByEmail:D.cardCreatedByUser?.email,cardIssuedByUserId:D.cardCreatedByUser?.userId,cardIssuedByRole:ve?.userRoles,cardIssuedByDepartment:Ze?.className},{cardholderName:Na(D.cardHolderUser,!1),cardholderEmail:D.cardHolderUser?.email,cardholderRole:ne?.userRoles,cardholderUserId:D.cardHolderUser?.userId,cardholderDepartment:ee?.className},W,Q)}},[P.fetchState,P.depositAccountLimitFetchState.fetchState,P.transactionStatistics.fetchState,y.fetchState,G]),i==null)throw Error("Can't access card detail page without signing in...");const Ke=g.companyId??X.getSignedInUserTenant(g.tenantEmailDomain)?.companyId,ea={events:Ke!=null?[`private-${Ke}.${Ht}`]:[],eventCallback:(j,Ce,we)=>{we.onEventReceived(j)}},aa=()=>{if(r!=null&&D!=null){const{ownerName:j,cardName:Ce,utilisation:we,limit:je,frequency:We,cardColor:V}=Ra(D),De=D.cardHolderUserId===i.userId;q.trackCardsDetailPageViewed(r,j,Ce,we,je,We,V,De)}};l.useEffect(()=>{if(P.fetchState==="Completed"){const j=P.chargeCard;if(j?.status.code==="inactive"||ae&&j?.isPinSet===!1||se&&I){const Ce=pe(g.tenantEmailDomain,r,i,D,I);e(Ce)}}},[P.fetchState]);const ta=(j,Ce)=>{if(r!=null&&D!=null){const{ownerName:we,cardName:je,utilisation:We,limit:V,frequency:De}=Ra(D),Ve=D.cardHolderUserId===i.userId;q.trackCardsDetailPageClicked(r,we,je,We,V,De,j,Ve,Ce)}},na=(j,Ce)=>{if(r!=null&&D!=null){const{ownerName:we,cardName:je,utilisation:We,limit:V,frequency:De}=Ra(D),Ve=D.cardHolderUserId===i.userId;q.trackCardsVerifyPopUpClick(r,we,je,We,V,De,j,Ve,Ce)}},La=y.balance.amount+y.hold.amount,ma=g.companyChargeCardInfo?.info?.primaryFundingAccount,Ca=B.allFundingAccounts.find(j=>j.id===ma?.accountId);return r==null||P.fetchState==="Error"?s.jsx(xa,{}):P.fetchState==="In-Progress"||P.fetchState==="Not-Started"||xe.saveStatus.fetchState==="In-Progress"||ae&&G&&P.depositAccountLimitFetchState.fetchState!=="Completed"?s.jsx(Vr,{children:s.jsx(or,{size:"ExtraLarge",start:!0})}):s.jsxs(s.Fragment,{children:[s.jsx(Ta,{showConfetti:I}),P.fetchState==="Completed"?s.jsx(Wa,{analytics:q,onLoad:aa}):null,u===!0?s.jsx(Xa,{closeDrawerHandler:()=>m(!1),isPaymentDrawerOpen:u,pageName:"Card Detail",sourcePage:"cardDetailPage",productInformation:Ne,creditAccountInformation:W,debitAccountInformation:Q,cashbackInformation:Fe,creditAccountSpentAmount:La,isDebitCardInfoFetchStateCompleted:!ae||!G||P.depositAccountLimitFetchState.fetchState==="Completed",isCreditCardInfoFetchStateCompleted:!A||y.fetchState==="Completed",isCashbackInfoFetchStateCompleted:!G||z.fetchState==="Completed",paymentInitiatedDate:Y.initiatedRepaymentDate}):null,s.jsx(Nr,{...ea,hideSorting:!0,onColumnSortConfigChanged:()=>{},onFireVerifyPopOnClickAnalytics:na,onFireOnClickAnalytics:ta,isSandboxEnv:Ya(),signedInUser:i,location:a,navigate:e,setIsPaymentOpen:m,cardIssuedByRoles:ve?.userRoles,cardIssuedByDepartmentName:Ze?.className,cardHolderRoles:ne?.userRoles,cardHolderDepartmentName:ee?.className,loggedInUserRole:le,isChargeCardFeatureEnabled:A,isDebitCardFeatureEnabled:F,isDebitCardSetupEnabled:M,isChargeCardSetupEnabled:$,isCardControlsEnabled:T,isEarlyPayEnabled:R,controllerEmails:ge,chargeCardCashbackDetailState:z,productInformation:Ne,creditAccountInformation:W,debitAccountInformation:Q,cashbackInformation:Fe,classListFetchState:_,primaryFundingAccountDetails:Ca,currentTenant:g,cardProviderId:P.chargeCard?.cardProviderID,cardId:r,creditAccount:y,creditAccountRepayment:Y,includeCreditAccountInfo:H,signedInUserToken:x,appleWalletLink:"shoebox://",googleWalletLink:"https://www.android.com/payapp/",documentAiReceiptMaxSizeLimit:C.documentAiReceiptMaxSizeLimitBytes!=null?C.documentAiReceiptMaxSizeLimitBytes:9437184})]})}const Vr=ke.div`
   display: flex;
   width: 100%;
   height: 100vh;
@@ -30,7 +30,7 @@ import{j as s}from"./liveblocks-BsQBjN-0.js";import{j as ue,l as oa,i as me,u as
   flex-direction: column;
   align-items: center;
   background-color: ${e=>e.theme.colors.grey4};
-`,Mr=he(function(e,t){const a=Ze(e,t.includeCreditAccountDebitSummaryAndCashbackInfo,t.isDebitCardFeatureEnabled&&t.isDebitCardSetupEnabled,t.isChargeCardFeatureEnabled&&t.isChargeCardSetupEnabled);return{chargeCardListView:a,rowActionView:hn(e),bulkActionView:gn(e),companyLegalName:t.currentTenant.companyName,admins:t.admins,searchText:a.searchText,uiState:a.uiState,signedInUser:t.signedInUser}},function(e,t){const{navigateAndClearBulkSelection:a,currentTenant:r,location:n,signedInUser:c,chargeCardListState:u,includeCreditAccountDebitSummaryAndCashbackInfo:m,isChargeCardFeatureEnabled:E,isCreditCardProductVisibleForExpressInterest:i,isChargeCardSetupEnabled:g,isDebitCardFeatureEnabled:I,isDebitCardSetupEnabled:_,isDebitCardTOSAccepted:C,isChargeCardTOSAccepted:U,controllerEmails:v,depositAccountListWithDebitCardIssued:F,primaryFundingAccountDetails:d,chargeCardSetUpViewFetchState:f,productInformation:b,cashbackInformation:o,creditAccountInformation:w,debitAccountInformation:O,updatePayNowInfoTooltip:N,isUserHasCardsAdminLevelAccess:L}=t,{tenantEmailDomain:T}=r,{cards:R}=u;return{onChargeCardRowClick:(p,h)=>{const k=jt(R,p);let A;k!=null&&(($=>{const H=$.limit.amount-$.available.amount,B=`${$.cardHolderUser?.firstName.toLowerCase()}  ${$.cardHolderUser?.lastName.toLowerCase()}`,y=$.cardName,Z=$.department?.className??"",x=$.limit.amount,P=$.creditLimitFrequency.name;q.trackCardsListRowClicked(B,y,Z,H,x,P,c.userId===$.cardHolderUserId)})(k),He(I,_,F)&&q.trackCardsCardListRowClick(v,b,"Card Row Item","row_clicked",h+1,{cardOwner:Na(k.cardHolderUser,!1),cardName:k.cardName,cardType:k.type.code.includes("credit")?"credit":"debit",cardStatus:k.status.code,cardUtilizationAmount:qe(k.limit.amount-k.available.amount),cardUtilizationPercent:k.limit.amount>0?Math.round((k.limit.amount-k.available.amount)/k.limit.amount*100):0,cardLimit:qe(k.limit.amount)},o,w,O)),A=k?.status.code==="request_on_hold"&&c.userId===k.cardHolderUserId?Vt(T):pe(T,p,c,k);const M=fe(n.state?.pathnameStackToGoBack,n.pathname);a(A,{state:{pathnameStackToGoBack:M}})},onFetchChargeCardsRecurringExpenses:p=>{e(yt(p))},onFetchDepositAccountLimit:p=>{e(pt({depositAccountId:p}))},onChargeCardResendInviteClick:p=>{e(An(p))},onChargeCardRevokeInviteClick:p=>{e(ft(p))},onLockChargeCardList:(p,h)=>{e(En(p,h))},onUnlockChargeCardList:p=>{e(kn(p))},onCloseChargeCardList:(p,h)=>{e(In(p,h))},onRevokeChargeCardList:p=>{e(Sn(p))},updateChargeCardListSpendLimit(p,h,k){e(yn(p,h,k.code))},onLockChargeCard:(p,h)=>{e(kt(L,p,h))},onUnlockChargeCard:p=>{e(It(L,p))},onCloseChargeCard:(p,h)=>{e(St(p,h))},onUpdateSpendLimit(p,h,k,A){e(ht(p,h,k.code,A))},updateChargeCardName:(p,h)=>{e(bt(L,p,h))},onClickSetupIcon:()=>{q.trackCardsListPageClicked("settings"),He(I,_,F)&&o!=null&&q.trackCardsSettingsClick(v,b,o,w,O);const p=Er(T),h=fe(n.state?.pathnameStackToGoBack,n.pathname);a(p,{state:{pathnameStackToGoBack:h}})},onIssueCardClick:()=>{q.trackCardsListPageClicked("new card"),He(I,_,F)&&o!=null&&q.trackCardsNewCardClick(v,b,o,"New Button","card_creation_initiated","Card List",w,O);const p=$r(T),h=fe(n.state?.pathnameStackToGoBack,n.pathname);a(p,{state:{pathnameStackToGoBack:h}})},onColumnSortConfigChanged:(p,h)=>{He(I,_,F)&&o!=null&&q.trackCardsCardListSortClick(v,b,o,"Sort Icon","sort",p,h==="ascending"?"ASC":"DESC","Cards List",w,O),e(Oa({uiState:{sortKey:p,sortOrder:h}}))},onSearchTextChanged:p=>{e(bn(p))},onReloadCards:()=>{e(ba(m,I&&_,E&&g,!0))},onLetsGoClick:()=>{a("./onboard")},onBackClick:()=>{a("../../")},onTotalCashbackClick:()=>{He(I,_,F)&&o!=null&&q.trackCardsCashbackOverviewClick(v,b,o,"Cashback Overview","cashback_details_viewed",w,O),a("./cashback")},onClickStatementsIcon:()=>{He(I,_,F)&&o!=null&&q.trackCardsStatementsClick(v,b,o,w,O),a("./statements")},onCreateNowClick:p=>{He(I,_,F)&&o!=null&&q.trackCardsNewCardClick(v,b,o,"Promo Banner","card_creation_initiated","Card List",w,O),a(`./new?cardType=${p}`)},onPromoCardClick:p=>{a(p==="debit"&&I&&!C||p==="credit"&&i&&!U?`../promo?cardPromoType=${p}`:"./setup")},navigateToCreditCardPaymentPage:(p,h)=>{f==="Completed"&&r.company!=null&&o!=null&&q.trackCardsPayEarlyClick(v,b,o,"Card List",p,h,{isZeniCheckingEnabled:r.company.companyZeniAccountInfo.isZeniAccountEnabled,isZeniCheckingPaymentSource:d?.accType==="depositAccount",creditCardPaymentSourceAccountName:d?.label,creditCardPaymentSourceAccountType:d?.accType,creditCardPaymentSourceLastFourDigits:d?.accountLast4,creditCardPaymentSourceBalance:d?.accountBalance?.available?.amount??0},w,O);const k=Gr(T);a(k)},navigateToCreditCardPaymentHistoryPage:()=>{const p=zr(T),h=fe(n.state?.pathnameStackToGoBack,n.pathname);a(p,{state:{pathnameStackToGoBack:h}})},shouldShowPayNowInfoTooltip:N,onSetRowActionCardId:p=>{e(fn(p))},onSetBulkActionCardIds:p=>{e(Et(p))}}})(dr);function rt({isPaymentDrawerOpen:e}){const t=ue(),a=me(),r=be(),n=l.useCallback((V,De)=>{a(Et([])),t(V,De)},[a,t]),[c,u]=l.useState(!1),[m,E]=l.useState(J.getPayNowInfoTooltip()??!1),i=V=>{J.savePayNowInfoTooltip(V),E(V)},[g,I]=l.useState(!1),_=J.getSignedInUser(),C=S(V=>ce(V)),[U,v]=l.useState(!1),[F,d]=l.useState(!1),f=C.userRole.includes("charge_card_user"),b=!f,o=!!C.companyDebitCardInfo?.info?.isDebitCardEnabled,{useFeatureGate:w,useDynamicConfig:O}=oe(),{isFeatureEnabled:N}=w(K.isCashbackFeatureEnabled),{isFeatureEnabled:L}=w(K.isChargeCardFeatureEnabled),{isFeatureEnabled:T}=w(K.isDebitCardFeatureEnabled),{isFeatureEnabled:R}=w(K.isEarlyPayFeatureEnabled),{isFeatureEnabled:p}=w(K.isChargeCardPaymentHistoryFeatureEnabled),h=Ie(T,C),k=Ee({isDebitCardFeatureEnabled:T,isBankingOnlyTenant:h}),A=ye(C),M=Se(C),$=C.companyChargeCardInfo?.info?.chargeCardsCreditAccountLimit??0,H=Ae({isCardsOnlyTenant:A,isChargeCardFeatureEnabled:L,isBookKeepingTenant:M,isDebitCardProductVisible:k,chargeCardsCreditAccountLimit:$}),B=Nt({isCardsOnlyTenant:A,isChargeCardFeatureEnabled:L,isBookKeepingTenant:M}),{configValue:y}=O(Pe.zeniCardsConfig),Z=Re(),x=Be(Z?.loggedInUserRoleMap),P=S(V=>Me(V,C.companyId)),z=$e(P.controllers),D=y.charge_card_cashback_rate_per_transaction!=null?y.charge_card_cashback_rate_per_transaction:.0175,Y=y.credit_card_pay_now_threshold_by_company_id?.[C.companyId]??y.default_credit_card_pay_now_threshold??kr,G=y.is_card_controls_enabled_for_all_tenants===!0||Array.isArray(y.enable_card_controls_for_company_ids)&&y.enable_card_controls_for_company_ids.includes(C.companyId),ae=!!C.companyChargeCardInfo?.info?.isChargeCardTOSAccepted,se=!!C.companyDebitCardInfo?.info?.isDebitCardTOSAccepted,X=!!C.companyChargeCardInfo?.info?.isChargeCardEnabled,de=S(V=>ut(V)),W=Ka(de.updateStatus),Q=S(V=>Ze(V,b,k&&o,H&&X)),Te=Q.cards.filter(V=>V.type.code.includes("debit")).map(V=>V.connectedAccountId),Ne=[...new Set(Te)],re=S(V=>ze(V)),ie=S(V=>Pa(V,Ne)),ge=S(V=>ca(V,C.companyId)),ve=ge.companyChargeCardInfo?.primaryFundingAccount,Ye=ge.allFundingAccounts.find(V=>V.id===ve?.accountId),ne=Q.fetchState,ee=Q.creditAccount,{creditAccountRepayment:le}=S(V=>Ge(V)),xe=S(V=>Ia(V).firstViewAfterActivation),{areTenantIdsInSync:Xe}=Bt(),Ke=qa(x,re),ea=la(H,X,x,ee,le),aa=Qa(k,o,x,ie,Q.debitCardSummary),ta=Ue(H,k,o,X),na=Q.creditAccount.balance.amount+Q.creditAccount.hold.amount;if(l.useEffect(()=>{ne==="Completed"&&(J.getPayNowInfoTooltip()==null||na<Y*Q.creditAccount.limit.amount/100)&&i(!0)},[ne,Y,na,Q.creditAccount.limit.amount]),l.useEffect(()=>{if(e!=null&&e===!0&&le.initiatedRepayments.amount===0&&le.fetchState==="Completed"||W==="In-Progress"&&de.updateStatus==="Completed")i(!1),u(!0);else if(le.initiatedRepayments.amount>0&&le.fetchState==="Completed"){u(!1),document.body.style.overflow="auto";const V=Oe(C.tenantEmailDomain);n(V)}},[e,le.initiatedRepayments.amount,le.fetchState,W,de.updateStatus,n,C.tenantEmailDomain]),l.useEffect(()=>{!U&&(X||o)&&Xe&&(v(!0),a(ba(b,k&&o,H&&X,!1)))},[U,b,a,Xe]),l.useEffect(()=>{xe&&g===!1&&(I(!0),setTimeout(()=>{a(fa())},5e3))},[xe,g]),l.useEffect(()=>{ne==="Completed"&&f&&Q.cards.length===1&&(Q.cards[0].status.code==="inactive"&&Q.cards[0].type.code==="business_physical_credit_card"?n(`./${Q.cards[0].id}/activate`):Q.cards[0].status.code!=="request_on_hold"&&(r.state?.message==="comingFromCardDetail"?n("../../"):n(`./${Q.cards[0].id}`)))},[ne,f,r.state,n,Q.cards]),l.useEffect(()=>{if(ne==="Completed"&&f){const V=Q.cards.length,De=Q.cards.filter(Ve=>Ve.cardHolderUserId===_?.userId).filter(Ve=>Ve.status.code==="request_on_hold");De.length>0&&V===De.length&&n("./onboard")}},[ne,Q.cards,f,n,_?.userId]),l.useEffect(()=>{ne!=="Completed"||H&&le.fetchState!=="Completed"||k&&o&&x&&ie.fetchState!=="Completed"||q.trackCardsCardListView(z,ta,Ke,ea,aa)},[ne,ee,le.fetchState,ie.fetchState,x]),_==null)throw Error("Can't access charge card list page without signing in...");const La=S(V=>At(V.userState,V.userRoleState,V.userListViewState,"cardAdmin")),ma=Ga(Z?.loggedInUserRoleMap),Ca=V=>{d(V)},j=Q.creditAccount.limit,Ce=()=>{u(!1),n("..")},we=C.companyChargeCardInfo?.info!=null&&Qe({cardInfo:C.companyChargeCardInfo.info,isProductVisible:H,isTOSAccepted:ae,isSetupEnabled:X,isUserHasCardsAdminLevelAccess:x,isUserHasCardsAccess:ma}),je=C.companyDebitCardInfo?.info!=null&&Qe({cardInfo:C.companyDebitCardInfo.info,isProductVisible:k,isTOSAccepted:se,isSetupEnabled:o,isUserHasCardsAdminLevelAccess:x,isUserHasCardsAccess:ma});return X||o?s.jsxs(s.Fragment,{children:[ne==="Completed"?s.jsxs(s.Fragment,{children:[s.jsx(Wa,{analytics:q,onLoad:()=>{q.trackPageLoaded(Ut.Event.cardsListPage),(H&&!X||k&&!o)&&q.trackCardsPromoView(z,{isCreditCardOffered:H,isDebitCardOffered:k,isDebitCardEnabled:o,isCreditCardEnabled:X},"Banner",k&&!o?"Debit Card":H&&!X?"Credit Card":"","Card List")}}),s.jsx(Fa,{showConfetti:xe})]}):null,c===!0?s.jsx(Ja,{closeDrawerHandler:Ce,isPaymentDrawerOpen:c,pageName:"Card List",sourcePage:"cardListPage",creditAccountSpentAmount:na,productInformation:ta,creditAccountInformation:ea,debitAccountInformation:aa,cashbackInformation:Ke,isDebitCardInfoFetchStateCompleted:!(k&&o&&x)||ie.fetchState==="Completed",isCreditCardInfoFetchStateCompleted:!H||le.fetchState==="Completed",isCashbackInfoFetchStateCompleted:!x||re.fetchState==="Completed",paymentInitiatedDate:le.initiatedRepaymentDate}):null,s.jsxs(Hr,{children:[s.jsx(ua,{isAppContentDrawerOpen:F,handleDrawerToggle:Ca}),s.jsx(Mr,{isCashbackFeatureEnabled:N,isChargeCardFeatureEnabled:H,isDebitCardFeatureEnabled:k,isCreditCardProductVisibleForExpressInterest:B,updatePayNowInfoTooltip:i,showPayNowInfoTooltip:m,creditCardPayNowThreshold:Y,signedInUser:_,chargeCardListState:Q,location:r,admins:La.users,navigateAndClearBulkSelection:n,currentTenant:C,isCardControlsEnabled:G,companyChargeCardInfoCreditAccountLimit:C.companyChargeCardInfo?.info?.chargeCardsCreditAccountLimit??0,isCompanyInterestedInChargeCard:C.companyChargeCardInfo?.info?.isCompanyInterestedInChargeCard??!1,isUserHasCardsAdminLevelAccess:x,includeCreditAccountDebitSummaryAndCashbackInfo:b,onClickMenuIcon:()=>{Ca(!0)},creditLimit:j,isChargeCardSetupEnabled:X,isDebitCardSetupEnabled:o,isEarlyPayEnabled:R,isChargeCardPaymentHistoryFeatureEnabled:p,cashbackRate:D,controllerEmails:z,chargeCardCashbackDetailState:re,depositAccountListWithDebitCardIssued:ie,isChargeCardTOSAccepted:ae,isDebitCardTOSAccepted:se,primaryFundingAccountDetails:Ye,chargeCardSetUpViewFetchState:ge.fetchState,productInformation:ta,creditAccountInformation:ea,debitAccountInformation:aa,cashbackInformation:Ke})]})]}):(ae||se)&&x===!0?s.jsx(pa,{to:"../setup"}):we||je?s.jsx(pa,{to:"../promo"}):s.jsx(_e,{fetchState:ne})}const $r=e=>`/${e}/cards/new`,Gr=e=>`/${e}/cards/payment`,zr=e=>`/${e}/cards/payment-history`,Zr=he(function(e){const t=J.getSignedInUser(),a=ce(e),r=e.tenantState.currentTenantId,n=Dt(e),c={userId:t?.userId??"",sessionId:t?.zeniSessionId??"",tenantId:r??""},u=a?.companyName??"",m=e.chargeCardPaymentHistoryState.downloadUIState.downloadState;return{fetchState:n.fetchState,filters:n.filters,isZeniTenant:Dn(a),repaymentList:n.repaymentHistory,searchText:n.searchText,repaymentHistoryUsers:n.repaymentHistoryUsers,sortConfig:{sortKey:n.uiState.sortKey,sortOrder:n.uiState.sortOrder},downloadParams:{authParams:c,companyName:u,spendManagementEndPoint:`${ja}/spendManagement`,isShowDeletedBillsEnabled:!1,isShowDeletedReimbursementEnabled:!1},downloadState:m}},function(e,t){const{location:a,navigate:r}=t;return{onBackClick:()=>{const n=Fe(a.state?.pathnameStackToGoBack),c=n.poppedPathname??"..";r(c,{state:{pathnameStackToGoBack:n.newStack}})},onColumnSortConfigChanged:(n,c)=>{e({type:"chargeCardPaymentHistory/updatePaymentHistoryUIState",payload:{uiState:{sortKey:n,sortOrder:c}}})},onFiltersChange:n=>{e(wn({filters:n}))},onReloadPayments:()=>{e(_t(!0))},onSearchTextChanged:n=>{e({type:"chargeCardPaymentHistory/updatePaymentHistorySearchText",payload:n})},updateDownloadStateHandler:n=>{e(_n({uiState:{downloadState:n}}))}}})(lr);function Yr(){const e=ue(),t=be(),a=me(),{areTenantIdsInSync:r}=Bt(),{useFeatureGate:n}=oe();if(J.getSignedInUser()==null)throw Error("Can't access payment history page without signing in...");const c=S(Y=>ce(Y)),u=S(Y=>Dt(Y)),[m,E]=l.useState(!1),[i,g]=l.useState(!1),[I,_]=l.useState(!1),[C,U]=l.useState(null),v=!c.userRole.includes("charge_card_user"),F=!!c.companyDebitCardInfo?.info?.isDebitCardEnabled,{isFeatureEnabled:d}=n(K.isChargeCardFeatureEnabled),{isFeatureEnabled:f}=n(K.isDebitCardFeatureEnabled),b=Ie(f,c),o=Ee({isDebitCardFeatureEnabled:f,isBankingOnlyTenant:b}),w=ye(c),O=Se(c),N=c.companyChargeCardInfo?.info?.chargeCardsCreditAccountLimit??0,L=Ae({isCardsOnlyTenant:w,isChargeCardFeatureEnabled:d,isBookKeepingTenant:O,isDebitCardProductVisible:o,chargeCardsCreditAccountLimit:N}),T=!!c.companyChargeCardInfo?.info?.isChargeCardEnabled,R=Re(),p=Be(R?.loggedInUserRoleMap),h=S(Y=>Ze(Y,v,o&&F,L&&T)),k=l.useMemo(()=>{const Y=h.cards.filter(G=>G.type.code.includes("debit"));return[...new Set(Y.map(G=>G.connectedAccountId))]},[h.cards]),A=S(Y=>ze(Y)),M=S(Y=>Pa(Y,k)),{creditAccountRepayment:$}=S(Y=>Ge(Y)),H=l.useMemo(()=>qa(p,A),[p,A]),B=l.useMemo(()=>la(L,T,p,h.creditAccount,$),[L,T,p,h.creditAccount,$]),y=l.useMemo(()=>Qa(o,F,p,M,h.debitCardSummary),[o,F,p,M,h.debitCardSummary]),Z=l.useMemo(()=>Ue(L,o,F,T),[L,o,F,T]),x=h.creditAccount.balance.amount+h.creditAccount.hold.amount,P=l.useMemo(()=>C!=null?u.repaymentHistory.find(Y=>Y.cardRepaymentId===C):void 0,[C,u.repaymentHistory]),z=l.useCallback(Y=>{U(Y),a(ba(v,o&&F,L&&T,!1)),_(!0)},[a,v,o,F,L,T]),D=l.useCallback(()=>{_(!1),U(null),document.body.style.overflow="auto"},[]);return l.useEffect(()=>{m||u.fetchState==="Completed"||u.fetchState==="In-Progress"||(E(!0),a(_t()))},[m,a,u.fetchState]),l.useEffect(()=>{!i&&(T||F)&&r&&(g(!0),a(ba(v,!1,L&&T,!1)))},[i,T,F,r,a,v,L]),s.jsxs(s.Fragment,{children:[I?s.jsx(Ja,{closeDrawerHandler:D,isPaymentDrawerOpen:I,pageName:"Payment History",sourcePage:"cardPaymentHistory",creditAccountSpentAmount:x,productInformation:Z,creditAccountInformation:B,debitAccountInformation:y,cashbackInformation:H,isDebitCardInfoFetchStateCompleted:!(o&&F&&p)||M.fetchState==="Completed",isCreditCardInfoFetchStateCompleted:!L||$.fetchState==="Completed",isCashbackInfoFetchStateCompleted:!p||A.fetchState==="Completed",paymentInitiatedDate:$.initiatedRepaymentDate,retryRepayment:P}):null,s.jsx(Zr,{location:t,navigate:e,accountInfoByAccountId:u.accountInfoByAccountId,onRetryPaymentClick:z})]})}const Kr=ke.div`
+`,Mr=he(function(e,t){const a=Ye(e,t.includeCreditAccountDebitSummaryAndCashbackInfo,t.isDebitCardFeatureEnabled&&t.isDebitCardSetupEnabled,t.isChargeCardFeatureEnabled&&t.isChargeCardSetupEnabled);return{chargeCardListView:a,rowActionView:hn(e),bulkActionView:gn(e),companyLegalName:t.currentTenant.companyName,admins:t.admins,searchText:a.searchText,uiState:a.uiState,signedInUser:t.signedInUser}},function(e,t){const{navigateAndClearBulkSelection:a,currentTenant:r,location:n,signedInUser:c,chargeCardListState:u,includeCreditAccountDebitSummaryAndCashbackInfo:m,isChargeCardFeatureEnabled:E,isCreditCardProductVisibleForExpressInterest:i,isChargeCardSetupEnabled:g,isDebitCardFeatureEnabled:I,isDebitCardSetupEnabled:_,isDebitCardTOSAccepted:C,isChargeCardTOSAccepted:U,controllerEmails:v,depositAccountListWithDebitCardIssued:T,primaryFundingAccountDetails:d,chargeCardSetUpViewFetchState:f,productInformation:b,cashbackInformation:o,creditAccountInformation:w,debitAccountInformation:O,updatePayNowInfoTooltip:N,isUserHasCardsAdminLevelAccess:L}=t,{tenantEmailDomain:F}=r,{cards:R}=u;return{onChargeCardRowClick:(p,h)=>{const k=jt(R,p);let A;k!=null&&(($=>{const H=$.limit.amount-$.available.amount,B=`${$.cardHolderUser?.firstName.toLowerCase()}  ${$.cardHolderUser?.lastName.toLowerCase()}`,y=$.cardName,Y=$.department?.className??"",x=$.limit.amount,P=$.creditLimitFrequency.name;q.trackCardsListRowClicked(B,y,Y,H,x,P,c.userId===$.cardHolderUserId)})(k),He(I,_,T)&&q.trackCardsCardListRowClick(v,b,"Card Row Item","row_clicked",h+1,{cardOwner:Na(k.cardHolderUser,!1),cardName:k.cardName,cardType:k.type.code.includes("credit")?"credit":"debit",cardStatus:k.status.code,cardUtilizationAmount:qe(k.limit.amount-k.available.amount),cardUtilizationPercent:k.limit.amount>0?Math.round((k.limit.amount-k.available.amount)/k.limit.amount*100):0,cardLimit:qe(k.limit.amount)},o,w,O)),A=k?.status.code==="request_on_hold"&&c.userId===k.cardHolderUserId?Vt(F):pe(F,p,c,k);const M=fe(n.state?.pathnameStackToGoBack,n.pathname);a(A,{state:{pathnameStackToGoBack:M}})},onFetchChargeCardsRecurringExpenses:p=>{e(yt(p))},onFetchDepositAccountLimit:p=>{e(pt({depositAccountId:p}))},onChargeCardResendInviteClick:p=>{e(An(p))},onChargeCardRevokeInviteClick:p=>{e(ft(p))},onLockChargeCardList:(p,h)=>{e(En(p,h))},onUnlockChargeCardList:p=>{e(kn(p))},onCloseChargeCardList:(p,h)=>{e(In(p,h))},onRevokeChargeCardList:p=>{e(Sn(p))},updateChargeCardListSpendLimit(p,h,k){e(yn(p,h,k.code))},onLockChargeCard:(p,h)=>{e(kt(L,p,h))},onUnlockChargeCard:p=>{e(It(L,p))},onCloseChargeCard:(p,h)=>{e(St(p,h))},onUpdateSpendLimit(p,h,k,A){e(ht(p,h,k.code,A))},updateChargeCardName:(p,h)=>{e(bt(L,p,h))},onClickSetupIcon:()=>{q.trackCardsListPageClicked("settings"),He(I,_,T)&&o!=null&&q.trackCardsSettingsClick(v,b,o,w,O);const p=Er(F),h=fe(n.state?.pathnameStackToGoBack,n.pathname);a(p,{state:{pathnameStackToGoBack:h}})},onIssueCardClick:()=>{q.trackCardsListPageClicked("new card"),He(I,_,T)&&o!=null&&q.trackCardsNewCardClick(v,b,o,"New Button","card_creation_initiated","Card List",w,O);const p=$r(F),h=fe(n.state?.pathnameStackToGoBack,n.pathname);a(p,{state:{pathnameStackToGoBack:h}})},onColumnSortConfigChanged:(p,h)=>{He(I,_,T)&&o!=null&&q.trackCardsCardListSortClick(v,b,o,"Sort Icon","sort",p,h==="ascending"?"ASC":"DESC","Cards List",w,O),e(Oa({uiState:{sortKey:p,sortOrder:h}}))},onSearchTextChanged:p=>{e(bn(p))},onReloadCards:()=>{e(ba(m,I&&_,E&&g,!0))},onLetsGoClick:()=>{a("./onboard")},onBackClick:()=>{a("../../")},onTotalCashbackClick:()=>{He(I,_,T)&&o!=null&&q.trackCardsCashbackOverviewClick(v,b,o,"Cashback Overview","cashback_details_viewed",w,O),a("./cashback")},onClickStatementsIcon:()=>{He(I,_,T)&&o!=null&&q.trackCardsStatementsClick(v,b,o,w,O),a("./statements")},onCreateNowClick:p=>{He(I,_,T)&&o!=null&&q.trackCardsNewCardClick(v,b,o,"Promo Banner","card_creation_initiated","Card List",w,O),a(`./new?cardType=${p}`)},onPromoCardClick:p=>{a(p==="debit"&&I&&!C||p==="credit"&&i&&!U?`../promo?cardPromoType=${p}`:"./setup")},navigateToCreditCardPaymentPage:(p,h)=>{f==="Completed"&&r.company!=null&&o!=null&&q.trackCardsPayEarlyClick(v,b,o,"Card List",p,h,{isZeniCheckingEnabled:r.company.companyZeniAccountInfo.isZeniAccountEnabled,isZeniCheckingPaymentSource:d?.accType==="depositAccount",creditCardPaymentSourceAccountName:d?.label,creditCardPaymentSourceAccountType:d?.accType,creditCardPaymentSourceLastFourDigits:d?.accountLast4,creditCardPaymentSourceBalance:d?.accountBalance?.available?.amount??0},w,O);const k=Gr(F);a(k)},navigateToCreditCardPaymentHistoryPage:()=>{const p=zr(F),h=fe(n.state?.pathnameStackToGoBack,n.pathname);a(p,{state:{pathnameStackToGoBack:h}})},shouldShowPayNowInfoTooltip:N,onSetRowActionCardId:p=>{e(fn(p))},onSetBulkActionCardIds:p=>{e(Et(p))}}})(dr);function rt({isPaymentDrawerOpen:e}){const t=ue(),a=me(),r=be(),n=l.useCallback((V,De)=>{a(Et([])),t(V,De)},[a,t]),[c,u]=l.useState(!1),[m,E]=l.useState(X.getPayNowInfoTooltip()??!1),i=V=>{X.savePayNowInfoTooltip(V),E(V)},[g,I]=l.useState(!1),_=X.getSignedInUser(),C=S(V=>ce(V)),[U,v]=l.useState(!1),[T,d]=l.useState(!1),f=C.userRole.includes("charge_card_user"),b=!f,o=!!C.companyDebitCardInfo?.info?.isDebitCardEnabled,{useFeatureGate:w,useDynamicConfig:O}=oe(),{isFeatureEnabled:N}=w(K.isCashbackFeatureEnabled),{isFeatureEnabled:L}=w(K.isChargeCardFeatureEnabled),{isFeatureEnabled:F}=w(K.isDebitCardFeatureEnabled),{isFeatureEnabled:R}=w(K.isEarlyPayFeatureEnabled),{isFeatureEnabled:p}=w(K.isChargeCardPaymentHistoryFeatureEnabled),h=Ie(F,C),k=Ee({isDebitCardFeatureEnabled:F,isBankingOnlyTenant:h}),A=ye(C),M=Se(C),$=C.companyChargeCardInfo?.info?.chargeCardsCreditAccountLimit??0,H=Ae({isCardsOnlyTenant:A,isChargeCardFeatureEnabled:L,isBookKeepingTenant:M,isDebitCardProductVisible:k,chargeCardsCreditAccountLimit:$}),B=Nt({isCardsOnlyTenant:A,isChargeCardFeatureEnabled:L,isBookKeepingTenant:M}),{configValue:y}=O(Pe.zeniCardsConfig),Y=Re(),x=Be(Y?.loggedInUserRoleMap),P=S(V=>Me(V,C.companyId)),z=$e(P.controllers),D=y.charge_card_cashback_rate_per_transaction!=null?y.charge_card_cashback_rate_per_transaction:.0175,Z=y.credit_card_pay_now_threshold_by_company_id?.[C.companyId]??y.default_credit_card_pay_now_threshold??kr,G=y.is_card_controls_enabled_for_all_tenants===!0||Array.isArray(y.enable_card_controls_for_company_ids)&&y.enable_card_controls_for_company_ids.includes(C.companyId),ae=!!C.companyChargeCardInfo?.info?.isChargeCardTOSAccepted,se=!!C.companyDebitCardInfo?.info?.isDebitCardTOSAccepted,J=!!C.companyChargeCardInfo?.info?.isChargeCardEnabled,de=S(V=>ut(V)),W=Ka(de.updateStatus),Q=S(V=>Ye(V,b,k&&o,H&&J)),Fe=Q.cards.filter(V=>V.type.code.includes("debit")).map(V=>V.connectedAccountId),Ne=[...new Set(Fe)],re=S(V=>ze(V)),ie=S(V=>Pa(V,Ne)),ge=S(V=>ca(V,C.companyId)),ve=ge.companyChargeCardInfo?.primaryFundingAccount,Ze=ge.allFundingAccounts.find(V=>V.id===ve?.accountId),ne=Q.fetchState,ee=Q.creditAccount,{creditAccountRepayment:le}=S(V=>Ge(V)),xe=S(V=>Ia(V).firstViewAfterActivation),{areTenantIdsInSync:Je}=Bt(),Ke=qa(x,re),ea=la(H,J,x,ee,le),aa=Qa(k,o,x,ie,Q.debitCardSummary),ta=Ue(H,k,o,J),na=Q.creditAccount.balance.amount+Q.creditAccount.hold.amount;if(l.useEffect(()=>{ne==="Completed"&&(X.getPayNowInfoTooltip()==null||na<Z*Q.creditAccount.limit.amount/100)&&i(!0)},[ne,Z,na,Q.creditAccount.limit.amount]),l.useEffect(()=>{if(e!=null&&e===!0&&le.initiatedRepayments.amount===0&&le.fetchState==="Completed"||W==="In-Progress"&&de.updateStatus==="Completed")i(!1),u(!0);else if(le.initiatedRepayments.amount>0&&le.fetchState==="Completed"){u(!1),document.body.style.overflow="auto";const V=Oe(C.tenantEmailDomain);n(V)}},[e,le.initiatedRepayments.amount,le.fetchState,W,de.updateStatus,n,C.tenantEmailDomain]),l.useEffect(()=>{!U&&(J||o)&&Je&&(v(!0),a(ba(b,k&&o,H&&J,!1)))},[U,b,a,Je]),l.useEffect(()=>{xe&&g===!1&&(I(!0),setTimeout(()=>{a(fa())},5e3))},[xe,g]),l.useEffect(()=>{ne==="Completed"&&f&&Q.cards.length===1&&(Q.cards[0].status.code==="inactive"&&Q.cards[0].type.code==="business_physical_credit_card"?n(`./${Q.cards[0].id}/activate`):Q.cards[0].status.code!=="request_on_hold"&&(r.state?.message==="comingFromCardDetail"?n("../../"):n(`./${Q.cards[0].id}`)))},[ne,f,r.state,n,Q.cards]),l.useEffect(()=>{if(ne==="Completed"&&f){const V=Q.cards.length,De=Q.cards.filter(Ve=>Ve.cardHolderUserId===_?.userId).filter(Ve=>Ve.status.code==="request_on_hold");De.length>0&&V===De.length&&n("./onboard")}},[ne,Q.cards,f,n,_?.userId]),l.useEffect(()=>{ne!=="Completed"||H&&le.fetchState!=="Completed"||k&&o&&x&&ie.fetchState!=="Completed"||q.trackCardsCardListView(z,ta,Ke,ea,aa)},[ne,ee,le.fetchState,ie.fetchState,x]),_==null)throw Error("Can't access charge card list page without signing in...");const La=S(V=>At(V.userState,V.userRoleState,V.userListViewState,"cardAdmin")),ma=Ga(Y?.loggedInUserRoleMap),Ca=V=>{d(V)},j=Q.creditAccount.limit,Ce=()=>{u(!1),n("..")},we=C.companyChargeCardInfo?.info!=null&&Qe({cardInfo:C.companyChargeCardInfo.info,isProductVisible:H,isTOSAccepted:ae,isSetupEnabled:J,isUserHasCardsAdminLevelAccess:x,isUserHasCardsAccess:ma}),je=C.companyDebitCardInfo?.info!=null&&Qe({cardInfo:C.companyDebitCardInfo.info,isProductVisible:k,isTOSAccepted:se,isSetupEnabled:o,isUserHasCardsAdminLevelAccess:x,isUserHasCardsAccess:ma});return J||o?s.jsxs(s.Fragment,{children:[ne==="Completed"?s.jsxs(s.Fragment,{children:[s.jsx(Wa,{analytics:q,onLoad:()=>{q.trackPageLoaded(Ut.Event.cardsListPage),(H&&!J||k&&!o)&&q.trackCardsPromoView(z,{isCreditCardOffered:H,isDebitCardOffered:k,isDebitCardEnabled:o,isCreditCardEnabled:J},"Banner",k&&!o?"Debit Card":H&&!J?"Credit Card":"","Card List")}}),s.jsx(Ta,{showConfetti:xe})]}):null,c===!0?s.jsx(Xa,{closeDrawerHandler:Ce,isPaymentDrawerOpen:c,pageName:"Card List",sourcePage:"cardListPage",creditAccountSpentAmount:na,productInformation:ta,creditAccountInformation:ea,debitAccountInformation:aa,cashbackInformation:Ke,isDebitCardInfoFetchStateCompleted:!(k&&o&&x)||ie.fetchState==="Completed",isCreditCardInfoFetchStateCompleted:!H||le.fetchState==="Completed",isCashbackInfoFetchStateCompleted:!x||re.fetchState==="Completed",paymentInitiatedDate:le.initiatedRepaymentDate}):null,s.jsxs(Hr,{children:[s.jsx(ua,{isAppContentDrawerOpen:T,handleDrawerToggle:Ca}),s.jsx(Mr,{isCashbackFeatureEnabled:N,isChargeCardFeatureEnabled:H,isDebitCardFeatureEnabled:k,isCreditCardProductVisibleForExpressInterest:B,updatePayNowInfoTooltip:i,showPayNowInfoTooltip:m,creditCardPayNowThreshold:Z,signedInUser:_,chargeCardListState:Q,location:r,admins:La.users,navigateAndClearBulkSelection:n,currentTenant:C,isCardControlsEnabled:G,companyChargeCardInfoCreditAccountLimit:C.companyChargeCardInfo?.info?.chargeCardsCreditAccountLimit??0,isCompanyInterestedInChargeCard:C.companyChargeCardInfo?.info?.isCompanyInterestedInChargeCard??!1,isUserHasCardsAdminLevelAccess:x,includeCreditAccountDebitSummaryAndCashbackInfo:b,onClickMenuIcon:()=>{Ca(!0)},creditLimit:j,isChargeCardSetupEnabled:J,isDebitCardSetupEnabled:o,isEarlyPayEnabled:R,isChargeCardPaymentHistoryFeatureEnabled:p,cashbackRate:D,controllerEmails:z,chargeCardCashbackDetailState:re,depositAccountListWithDebitCardIssued:ie,isChargeCardTOSAccepted:ae,isDebitCardTOSAccepted:se,primaryFundingAccountDetails:Ze,chargeCardSetUpViewFetchState:ge.fetchState,productInformation:ta,creditAccountInformation:ea,debitAccountInformation:aa,cashbackInformation:Ke})]})]}):(ae||se)&&x===!0?s.jsx(pa,{to:"../setup"}):we||je?s.jsx(pa,{to:"../promo"}):s.jsx(_e,{fetchState:ne})}const $r=e=>`/${e}/cards/new`,Gr=e=>`/${e}/cards/payment`,zr=e=>`/${e}/cards/payment-history`,Yr=he(function(e){const t=X.getSignedInUser(),a=ce(e),r=e.tenantState.currentTenantId,n=Dt(e),c={userId:t?.userId??"",sessionId:t?.zeniSessionId??"",tenantId:r??""},u=a?.companyName??"",m=e.chargeCardPaymentHistoryState.downloadUIState.downloadState;return{fetchState:n.fetchState,filters:n.filters,isZeniTenant:Dn(a),repaymentList:n.repaymentHistory,searchText:n.searchText,repaymentHistoryUsers:n.repaymentHistoryUsers,sortConfig:{sortKey:n.uiState.sortKey,sortOrder:n.uiState.sortOrder},downloadParams:{authParams:c,companyName:u,spendManagementEndPoint:`${ja}/spendManagement`,isShowDeletedBillsEnabled:!1,isShowDeletedReimbursementEnabled:!1},downloadState:m}},function(e,t){const{location:a,navigate:r}=t;return{onBackClick:()=>{const n=Te(a.state?.pathnameStackToGoBack),c=n.poppedPathname??"..";r(c,{state:{pathnameStackToGoBack:n.newStack}})},onColumnSortConfigChanged:(n,c)=>{e({type:"chargeCardPaymentHistory/updatePaymentHistoryUIState",payload:{uiState:{sortKey:n,sortOrder:c}}})},onFiltersChange:n=>{e(wn({filters:n}))},onReloadPayments:()=>{e(_t(!0))},onSearchTextChanged:n=>{e({type:"chargeCardPaymentHistory/updatePaymentHistorySearchText",payload:n})},updateDownloadStateHandler:n=>{e(_n({uiState:{downloadState:n}}))}}})(lr);function Zr(){const e=ue(),t=be(),a=me(),{areTenantIdsInSync:r}=Bt(),{useFeatureGate:n}=oe();if(X.getSignedInUser()==null)throw Error("Can't access payment history page without signing in...");const c=S(Z=>ce(Z)),u=S(Z=>Dt(Z)),[m,E]=l.useState(!1),[i,g]=l.useState(!1),[I,_]=l.useState(!1),[C,U]=l.useState(null),v=!c.userRole.includes("charge_card_user"),T=!!c.companyDebitCardInfo?.info?.isDebitCardEnabled,{isFeatureEnabled:d}=n(K.isChargeCardFeatureEnabled),{isFeatureEnabled:f}=n(K.isDebitCardFeatureEnabled),b=Ie(f,c),o=Ee({isDebitCardFeatureEnabled:f,isBankingOnlyTenant:b}),w=ye(c),O=Se(c),N=c.companyChargeCardInfo?.info?.chargeCardsCreditAccountLimit??0,L=Ae({isCardsOnlyTenant:w,isChargeCardFeatureEnabled:d,isBookKeepingTenant:O,isDebitCardProductVisible:o,chargeCardsCreditAccountLimit:N}),F=!!c.companyChargeCardInfo?.info?.isChargeCardEnabled,R=Re(),p=Be(R?.loggedInUserRoleMap),h=S(Z=>Ye(Z,v,o&&T,L&&F)),k=l.useMemo(()=>{const Z=h.cards.filter(G=>G.type.code.includes("debit"));return[...new Set(Z.map(G=>G.connectedAccountId))]},[h.cards]),A=S(Z=>ze(Z)),M=S(Z=>Pa(Z,k)),{creditAccountRepayment:$}=S(Z=>Ge(Z)),H=l.useMemo(()=>qa(p,A),[p,A]),B=l.useMemo(()=>la(L,F,p,h.creditAccount,$),[L,F,p,h.creditAccount,$]),y=l.useMemo(()=>Qa(o,T,p,M,h.debitCardSummary),[o,T,p,M,h.debitCardSummary]),Y=l.useMemo(()=>Ue(L,o,T,F),[L,o,T,F]),x=h.creditAccount.balance.amount+h.creditAccount.hold.amount,P=l.useMemo(()=>C!=null?u.repaymentHistory.find(Z=>Z.cardRepaymentId===C):void 0,[C,u.repaymentHistory]),z=l.useCallback(Z=>{U(Z),a(ba(v,o&&T,L&&F,!1)),_(!0)},[a,v,o,T,L,F]),D=l.useCallback(()=>{_(!1),U(null),document.body.style.overflow="auto"},[]);return l.useEffect(()=>{m||u.fetchState==="Completed"||u.fetchState==="In-Progress"||(E(!0),a(_t()))},[m,a,u.fetchState]),l.useEffect(()=>{!i&&(F||T)&&r&&(g(!0),a(ba(v,!1,L&&F,!1)))},[i,F,T,r,a,v,L]),s.jsxs(s.Fragment,{children:[I?s.jsx(Xa,{closeDrawerHandler:D,isPaymentDrawerOpen:I,pageName:"Payment History",sourcePage:"cardPaymentHistory",creditAccountSpentAmount:x,productInformation:Y,creditAccountInformation:B,debitAccountInformation:y,cashbackInformation:H,isDebitCardInfoFetchStateCompleted:!(o&&T&&p)||M.fetchState==="Completed",isCreditCardInfoFetchStateCompleted:!L||$.fetchState==="Completed",isCashbackInfoFetchStateCompleted:!p||A.fetchState==="Completed",paymentInitiatedDate:$.initiatedRepaymentDate,retryRepayment:P}):null,s.jsx(Yr,{location:t,navigate:e,accountInfoByAccountId:u.accountInfoByAccountId,onRetryPaymentClick:z})]})}const Kr=ke.div`
   display: flex;
   height: 100vh;
   width: 100%;
@@ -39,7 +39,7 @@ import{j as s}from"./liveblocks-BsQBjN-0.js";import{j as ue,l as oa,i as me,u as
   overflow: auto;
   align-items: center;
   background-color: ${e=>e.theme.colors.grey4};
-`,st=Ya.getLocalizedStrings().months;function Wr(){const e=ue(),t=me(),a=be(),r=va(),{creditAccount:n,creditAccountRepayment:c}=S(y=>Ge(y)),u=`${Lt.cardMicroServiceBaseUrl}/1.0/credit-accounts/${n.id}`,[m,E]=l.useState(!1),[i,g]=l.useState(!1),I=S(y=>Pn(y)),{useFeatureGate:_}=oe(),C=S(y=>ce(y)),{isFeatureEnabled:U}=_(K.isChargeCardFeatureEnabled),{isFeatureEnabled:v}=_(K.isDebitCardFeatureEnabled),F=Ie(v,C),d=Ee({isDebitCardFeatureEnabled:v,isBankingOnlyTenant:F}),f=ye(C),b=Se(C),o=C.companyChargeCardInfo?.info?.chargeCardsCreditAccountLimit??0,w=Ae({isCardsOnlyTenant:f,isChargeCardFeatureEnabled:U,isBookKeepingTenant:b,isDebitCardProductVisible:d,chargeCardsCreditAccountLimit:o}),O=!!C.companyDebitCardInfo?.info?.isDebitCardEnabled,N=!!C.companyChargeCardInfo?.info?.isChargeCardEnabled,L=S(y=>Me(y,C.companyId)),T=$e(L.controllers),R=S(y=>wt(y)),p=R.cards.filter(y=>y.type.code.includes("debit")).map(y=>y.connectedAccountId),h=[...new Set(p)],k=S(y=>Pa(y,h)),A=S(y=>Fn(y));l.useEffect(()=>{i||n.fetchState==="Completed"||n.fetchState==="In-Progress"||(E(!0),t(Ha()))},[m,t,n.fetchState]),l.useEffect(()=>{i||n.fetchState!=="Completed"||n.id==null||I.fetchState==="Completed"||I.fetchState==="In-Progress"||(g(!0),t(Tn(n.id)))},[i,t,n.fetchState,n.id,I.fetchState]),l.useEffect(()=>{k.fetchState!=="Completed"&&k.fetchState!=="In-Progress"&&d&&O&&t(Pt()),R.fetchState!=="Completed"&&R.fetchState!=="In-Progress"&&t(sa()),A.fetchState!=="Completed"&&A.fetchState!=="In-Progress"&&d&&O&&t(vn()),c.fetchState!=="Completed"&&c.fetchState!=="In-Progress"&&w&&N&&t(Ma())},[k.fetchState,d,O,R.fetchState,A.fetchState,c.fetchState,w,N]),l.useEffect(()=>{if(I.fetchState==="Completed"&&n.fetchState==="Completed"&&c.fetchState==="Completed"&&R.fetchState==="Completed"&&(!d||!O||k.fetchState==="Completed"&&A.fetchState==="Completed")){let y="",Z="";if(I.statements.length>0){const D=I.statements[I.statements.length-1].period,[Y,G]=D.split("-"),ae=I.statements[0].period,[se,X]=ae.split("-");y=`${st[parseInt(G)-1]} ${Y}`,Z=`${st[parseInt(X)-1]} ${se}`}const x=Ue(w,d,O,N),P=la(w,N,!0,n,c),z=Qa(d,O,!0,k,A);q.trackCardsCreditCardStatementsView(T,x,{numberOfStatements:I.statements.length,oldestStatementMonthYear:y,latestStatementMonthYear:Z},P,z)}},[I.fetchState,n.fetchState,c.fetchState,k.fetchState,R.fetchState,A.fetchState]);const M=()=>{const y=Fe(a.state?.pathnameStackToGoBack),Z=y.poppedPathname??"..";e(Z,{state:{pathnameStackToGoBack:y.newStack}})},$=S(y=>ze(y)),H=J.getSignedInUser(),B={userId:H?.userId??"",sessionId:H?.zeniSessionId??"",tenantId:C.tenantId??""};if(H==null)throw Error("Can't access address page without signing in...");if(I.fetchState!=="Completed")return s.jsx(_e,{fetchState:"In-Progress",style:{backgroundColor:r.colors.grey5}});{const y=Ue(w,d,O,N);return s.jsx(Kr,{children:s.jsx(ur,{currentTenantCompanyName:C.companyName,statementListView:I,productInformation:y,onBackClick:M,authParams:B,controllerEmails:T,isChargeCardFeatureEnabled:w,isDebitCardFeatureEnabled:d,isDebitCardSetupEnabled:O,isChargeCardSetupEnabled:N,chargeCardCashbackDetailState:$,creditAccount:n,creditAccountRepayment:c,depositAccountListWithDebitCardIssued:k,debitCardSummary:A,downloadEndPoint:u})})}}const qr={containerWidth:new da(100,58)},Qr=({appContent:e})=>{const t=ia(),a=me(),r=ue(),n=be(),{useDynamicConfig:c}=oe(),[u,m]=l.useState(!1),[E,i]=l.useState(!1),[g,I]=l.useState(!1),[_,C]=l.useState(!1),[U,v]=l.useState(!1),[F,d]=l.useState(!1),f=J.getSignedInUser();if(f==null)throw Error("Can't access onboarding card page without signing in...");const b=S(x=>ce(x)),{configValue:o}=c(Pe.zeniCardsConfig),w=S(x=>xn(x)),{tenantEmailDomain:O}=b,N=S(x=>x.settingsViewState.profile.fetchState),L=S(x=>x.chargeCardListState.fetchState),T=S(x=>x.settingsViewState.profile.userId),R=S(x=>x.chargeCardConfigState.fetchState);l.useEffect(()=>{u===!1&&N!=="In-Progress"&&N!=="Completed"&&(a(Ln()),m(!0)),E===!1&&R!=="In-Progress"&&R!=="Completed"&&(a(ka()),i(!0)),g===!1&&L==="Not-Started"&&(I(!0),a(sa()))},[u,g,L,E,R]),l.useEffect(()=>{N==="Completed"&&U===!1&&T!=null&&L==="Completed"&&w.cards.length>0&&(a(Bn({userId:T})),a(Ft({cardId:w.cards[w.cards.length-1].id})),v(!0))},[N,U,T,L]),l.useEffect(()=>{if(!_&&w.fetchState==="Completed"&&w.cards.length===0){const x=Fe(n.state?.pathnameStackToGoBack),P=x.poppedPathname??Oe(O);r(P,{state:{pathnameStackToGoBack:x.newStack}})}},[w.fetchState,w.cards,_]);const p=S(x=>Ia(x)),h=Ka(p.updateStatus.fetchState),k=p.currentDisplayedCardId,{useFeatureGate:A}=oe(),{isFeatureEnabled:M}=A(K.isChargeCardFeatureEnabled),$=!!b.companyChargeCardInfo?.info?.isChargeCardEnabled,H=!b.userRole.includes("charge_card_user")&&M&&$,B=S(x=>k!=null?Tt(x.chargeCardState,k):null),y=()=>{k!=null&&(a(Je(k,H,!0)),a(sa()),C(!0))};l.useEffect(()=>{if(_&&k!=null&&B!=null&&B.status.code!=="request_on_hold"){const x=pe(b.tenantEmailDomain,k,f,B),P=fe(n.state?.pathnameStackToGoBack,n.pathname);a(Un()),B?.type.code==="business_virtual_credit_card"&&a(Ea()),r(x,{state:{pathnameStackToGoBack:P},replace:!0})}},[_,B?.status.code]),l.useEffect(()=>{h==="In-Progress"&&p.updateStatus.fetchState==="Completed"&&setTimeout(y,3e3)},[h,p.updateStatus.fetchState]);const Z=x=>{d(x)};if(!_&&L!=="Completed"||N!=="Completed"||w.cards.length===0)return s.jsx(_e,{fetchState:"In-Progress"});if(T==null)throw Error("Can't access my userId.");return s.jsxs(es,{children:[s.jsx(ua,{isAppContentDrawerOpen:F,handleDrawerToggle:Z}),s.jsx(Jr,{chargeCardListView:w,cardUserOnboardingView:p,navigate:r,currentTenant:b,myUserId:T,location:n,chargeCardCashbackRatePerTransaction:o.charge_card_cashback_rate_per_transaction!=null?o.charge_card_cashback_rate_per_transaction:.0175,onClickMenuIcon:()=>{Z(!0)}}),e!=null?s.jsx(Xr,{windowSize:t,children:e}):null]})},Jr=he(function(e,{currentTenant:t,cardUserOnboardingView:a,chargeCardListView:r,myUserId:n}){const c=Ze(e,!1,!1,!1);let u=!1;return c.fetchState==="Completed"&&c.cards.length<=1&&(u=!0),{cards:r.cards,showMenuIcon:u,companyLegalName:t.companyName,twoFAView:a.twoFAView,cardUserOnboardingLocalData:a.cardUserOnboardingLocalData??{userId:n},isDOBDisabled:a.isDOBPresent,onboardingProgressStatus:a.onboardingProgressStatus}},function(e,t){const{navigate:a,cardUserOnboardingView:r,location:n,currentTenant:c}=t,{tenantEmailDomain:u}=c;return{updateCardUserOnboardingLocalData:m=>{e(at({localData:m}))},onGetOtp:m=>{if(r.cardUserOnboardingLocalData!=null){const E={...r.cardUserOnboardingLocalData,phone:m};e(at({localData:E}))}e(_a(m,"CardUserOnboarding"))},onResendOtp:m=>{e(Da(m,"CardUserOnboarding"))},onVerifyOtp:(m,E)=>{e(Aa(m,E,"CardUserOnboarding"))},onVerifyOtpSuccess:m=>{e(Rn()),m!=null&&J.saveZeniOtpToken(m)},setCurrentDisplayedCardId:m=>{e(Ft({cardId:m}))},onBackClick:()=>{const m=Fe(n.state?.pathnameStackToGoBack),E=m.poppedPathname??Oe(u);a(E,{state:{pathnameStackToGoBack:m.newStack}})}}})(mr),Xr=ke.div`
+`,st=Za.getLocalizedStrings().months;function Wr(){const e=ue(),t=me(),a=be(),r=va(),{creditAccount:n,creditAccountRepayment:c}=S(y=>Ge(y)),u=`${Lt.cardMicroServiceBaseUrl}/1.0/credit-accounts/${n.id}`,[m,E]=l.useState(!1),[i,g]=l.useState(!1),I=S(y=>Pn(y)),{useFeatureGate:_}=oe(),C=S(y=>ce(y)),{isFeatureEnabled:U}=_(K.isChargeCardFeatureEnabled),{isFeatureEnabled:v}=_(K.isDebitCardFeatureEnabled),T=Ie(v,C),d=Ee({isDebitCardFeatureEnabled:v,isBankingOnlyTenant:T}),f=ye(C),b=Se(C),o=C.companyChargeCardInfo?.info?.chargeCardsCreditAccountLimit??0,w=Ae({isCardsOnlyTenant:f,isChargeCardFeatureEnabled:U,isBookKeepingTenant:b,isDebitCardProductVisible:d,chargeCardsCreditAccountLimit:o}),O=!!C.companyDebitCardInfo?.info?.isDebitCardEnabled,N=!!C.companyChargeCardInfo?.info?.isChargeCardEnabled,L=S(y=>Me(y,C.companyId)),F=$e(L.controllers),R=S(y=>wt(y)),p=R.cards.filter(y=>y.type.code.includes("debit")).map(y=>y.connectedAccountId),h=[...new Set(p)],k=S(y=>Pa(y,h)),A=S(y=>Tn(y));l.useEffect(()=>{i||n.fetchState==="Completed"||n.fetchState==="In-Progress"||(E(!0),t(Ha()))},[m,t,n.fetchState]),l.useEffect(()=>{i||n.fetchState!=="Completed"||n.id==null||I.fetchState==="Completed"||I.fetchState==="In-Progress"||(g(!0),t(Fn(n.id)))},[i,t,n.fetchState,n.id,I.fetchState]),l.useEffect(()=>{k.fetchState!=="Completed"&&k.fetchState!=="In-Progress"&&d&&O&&t(Pt()),R.fetchState!=="Completed"&&R.fetchState!=="In-Progress"&&t(sa()),A.fetchState!=="Completed"&&A.fetchState!=="In-Progress"&&d&&O&&t(vn()),c.fetchState!=="Completed"&&c.fetchState!=="In-Progress"&&w&&N&&t(Ma())},[k.fetchState,d,O,R.fetchState,A.fetchState,c.fetchState,w,N]),l.useEffect(()=>{if(I.fetchState==="Completed"&&n.fetchState==="Completed"&&c.fetchState==="Completed"&&R.fetchState==="Completed"&&(!d||!O||k.fetchState==="Completed"&&A.fetchState==="Completed")){let y="",Y="";if(I.statements.length>0){const D=I.statements[I.statements.length-1].period,[Z,G]=D.split("-"),ae=I.statements[0].period,[se,J]=ae.split("-");y=`${st[parseInt(G)-1]} ${Z}`,Y=`${st[parseInt(J)-1]} ${se}`}const x=Ue(w,d,O,N),P=la(w,N,!0,n,c),z=Qa(d,O,!0,k,A);q.trackCardsCreditCardStatementsView(F,x,{numberOfStatements:I.statements.length,oldestStatementMonthYear:y,latestStatementMonthYear:Y},P,z)}},[I.fetchState,n.fetchState,c.fetchState,k.fetchState,R.fetchState,A.fetchState]);const M=()=>{const y=Te(a.state?.pathnameStackToGoBack),Y=y.poppedPathname??"..";e(Y,{state:{pathnameStackToGoBack:y.newStack}})},$=S(y=>ze(y)),H=X.getSignedInUser(),B={userId:H?.userId??"",sessionId:H?.zeniSessionId??"",tenantId:C.tenantId??""};if(H==null)throw Error("Can't access address page without signing in...");if(I.fetchState!=="Completed")return s.jsx(_e,{fetchState:"In-Progress",style:{backgroundColor:r.colors.grey5}});{const y=Ue(w,d,O,N);return s.jsx(Kr,{children:s.jsx(ur,{currentTenantCompanyName:C.companyName,statementListView:I,productInformation:y,onBackClick:M,authParams:B,controllerEmails:F,isChargeCardFeatureEnabled:w,isDebitCardFeatureEnabled:d,isDebitCardSetupEnabled:O,isChargeCardSetupEnabled:N,chargeCardCashbackDetailState:$,creditAccount:n,creditAccountRepayment:c,depositAccountListWithDebitCardIssued:k,debitCardSummary:A,downloadEndPoint:u})})}}const qr={containerWidth:new da(100,58)},Qr=({appContent:e})=>{const t=ia(),a=me(),r=ue(),n=be(),{useDynamicConfig:c}=oe(),[u,m]=l.useState(!1),[E,i]=l.useState(!1),[g,I]=l.useState(!1),[_,C]=l.useState(!1),[U,v]=l.useState(!1),[T,d]=l.useState(!1),f=X.getSignedInUser();if(f==null)throw Error("Can't access onboarding card page without signing in...");const b=S(x=>ce(x)),{configValue:o}=c(Pe.zeniCardsConfig),w=S(x=>xn(x)),{tenantEmailDomain:O}=b,N=S(x=>x.settingsViewState.profile.fetchState),L=S(x=>x.chargeCardListState.fetchState),F=S(x=>x.settingsViewState.profile.userId),R=S(x=>x.chargeCardConfigState.fetchState);l.useEffect(()=>{u===!1&&N!=="In-Progress"&&N!=="Completed"&&(a(Ln()),m(!0)),E===!1&&R!=="In-Progress"&&R!=="Completed"&&(a(ka()),i(!0)),g===!1&&L==="Not-Started"&&(I(!0),a(sa()))},[u,g,L,E,R]),l.useEffect(()=>{N==="Completed"&&U===!1&&F!=null&&L==="Completed"&&w.cards.length>0&&(a(Bn({userId:F})),a(Tt({cardId:w.cards[w.cards.length-1].id})),v(!0))},[N,U,F,L]),l.useEffect(()=>{if(!_&&w.fetchState==="Completed"&&w.cards.length===0){const x=Te(n.state?.pathnameStackToGoBack),P=x.poppedPathname??Oe(O);r(P,{state:{pathnameStackToGoBack:x.newStack}})}},[w.fetchState,w.cards,_]);const p=S(x=>Ia(x)),h=Ka(p.updateStatus.fetchState),k=p.currentDisplayedCardId,{useFeatureGate:A}=oe(),{isFeatureEnabled:M}=A(K.isChargeCardFeatureEnabled),$=!!b.companyChargeCardInfo?.info?.isChargeCardEnabled,H=!b.userRole.includes("charge_card_user")&&M&&$,B=S(x=>k!=null?Ft(x.chargeCardState,k):null),y=()=>{k!=null&&(a(Xe(k,H,!0)),a(sa()),C(!0))};l.useEffect(()=>{if(_&&k!=null&&B!=null&&B.status.code!=="request_on_hold"){const x=pe(b.tenantEmailDomain,k,f,B),P=fe(n.state?.pathnameStackToGoBack,n.pathname);a(Un()),B?.type.code==="business_virtual_credit_card"&&a(Ea()),r(x,{state:{pathnameStackToGoBack:P},replace:!0})}},[_,B?.status.code]),l.useEffect(()=>{h==="In-Progress"&&p.updateStatus.fetchState==="Completed"&&setTimeout(y,3e3)},[h,p.updateStatus.fetchState]);const Y=x=>{d(x)};if(!_&&L!=="Completed"||N!=="Completed"||w.cards.length===0)return s.jsx(_e,{fetchState:"In-Progress"});if(F==null)throw Error("Can't access my userId.");return s.jsxs(es,{children:[s.jsx(ua,{isAppContentDrawerOpen:T,handleDrawerToggle:Y}),s.jsx(Xr,{chargeCardListView:w,cardUserOnboardingView:p,navigate:r,currentTenant:b,myUserId:F,location:n,chargeCardCashbackRatePerTransaction:o.charge_card_cashback_rate_per_transaction!=null?o.charge_card_cashback_rate_per_transaction:.0175,onClickMenuIcon:()=>{Y(!0)}}),e!=null?s.jsx(Jr,{windowSize:t,children:e}):null]})},Xr=he(function(e,{currentTenant:t,cardUserOnboardingView:a,chargeCardListView:r,myUserId:n}){const c=Ye(e,!1,!1,!1);let u=!1;return c.fetchState==="Completed"&&c.cards.length<=1&&(u=!0),{cards:r.cards,showMenuIcon:u,companyLegalName:t.companyName,twoFAView:a.twoFAView,cardUserOnboardingLocalData:a.cardUserOnboardingLocalData??{userId:n},isDOBDisabled:a.isDOBPresent,onboardingProgressStatus:a.onboardingProgressStatus}},function(e,t){const{navigate:a,cardUserOnboardingView:r,location:n,currentTenant:c}=t,{tenantEmailDomain:u}=c;return{updateCardUserOnboardingLocalData:m=>{e(at({localData:m}))},onGetOtp:m=>{if(r.cardUserOnboardingLocalData!=null){const E={...r.cardUserOnboardingLocalData,phone:m};e(at({localData:E}))}e(_a(m,"CardUserOnboarding"))},onResendOtp:m=>{e(Da(m,"CardUserOnboarding"))},onVerifyOtp:(m,E)=>{e(Aa(m,E,"CardUserOnboarding"))},onVerifyOtpSuccess:m=>{e(Rn()),m!=null&&X.saveZeniOtpToken(m)},setCurrentDisplayedCardId:m=>{e(Tt({cardId:m}))},onBackClick:()=>{const m=Te(n.state?.pathnameStackToGoBack),E=m.poppedPathname??Oe(u);a(E,{state:{pathnameStackToGoBack:m.newStack}})}}})(mr),Jr=ke.div`
   display: flex;
   flex-direction: column;
   width: ${e=>`${qr.containerWidth.value(e.windowSize)}%`};
@@ -52,7 +52,7 @@ import{j as s}from"./liveblocks-BsQBjN-0.js";import{j as ue,l as oa,i as me,u as
   flex-direction: column;
   align-items: center;
   background-color: ${e=>e.theme.colors.grey4};
-`,as={containerWidth:new da(100,58)},ts=({appContent:e})=>{const t=ia(),a=me(),r=ue(),{cardId:n}=oa(),c=be(),{useDynamicConfig:u,useFeatureGate:m}=oe(),[E,i]=l.useState(!1),[g,I]=l.useState(!1),[_,C]=l.useState(!1),[U,v]=l.useState(!1),F=J.getSignedInUser();if(F==null)throw Error("Can't access onboarding card page without signing in...");const d=S(y=>ce(y));if(n==null)throw Error("Empty card id is not valid...");const{configValue:f}=u(Pe.zeniCardsConfig),b=S(y=>On(y,n)),{isFeatureEnabled:o}=m(K.isChargeCardFeatureEnabled),{isFeatureEnabled:w}=m(K.isDebitCardFeatureEnabled),O=Ie(w,d),N=Ee({isDebitCardFeatureEnabled:w,isBankingOnlyTenant:O}),L=ye(d),T=Se(d),R=d.companyChargeCardInfo?.info?.chargeCardsCreditAccountLimit??0,p=Ae({isCardsOnlyTenant:L,isChargeCardFeatureEnabled:o,isBookKeepingTenant:T,isDebitCardProductVisible:N,chargeCardsCreditAccountLimit:R}),h=b.chargeCard,k=S(y=>y.chargeCardConfigState.fetchState);l.useEffect(()=>{E===!1&&k!=="In-Progress"&&k!=="Completed"&&(a(ka()),i(!0)),g===!1&&b.fetchState==="Not-Started"&&(I(!0),a(Je(n,!1,p)))},[g,b.fetchState,E,k]);const A=h?.type.code==="business_physical_debit_card"||h?.type.code==="business_virtual_debit_card";l.useEffect(()=>{if(b.fetchState==="Completed"){if(_===!1&&(A===!1||A&&h.status?.code!=="active"||A&&h.status.code==="active"&&h.isPinSet||h.cardHolderUserId!==F.userId)){const y=pe(d.tenantEmailDomain,n,F,h,!0),Z=fe(c.state?.pathnameStackToGoBack,c.pathname);r(y,{state:{pathnameStackToGoBack:Z}})}else if(_&&b.isRefreshingViewInBackground===!1&&h?.isPinSet===!0){a(Nn({chargeCardId:n}));const y=pe(d.tenantEmailDomain,n,F,h,!0),Z=fe(c.state?.pathnameStackToGoBack,c.pathname);a(Ea()),r(y,{state:{pathnameStackToGoBack:Z}})}}},[b.fetchState,h?.type.code,_,b.isRefreshingViewInBackground]);const M=J.getZeniOtpTokenForCardHolder(n),$=S(y=>dt(y.userState,F.userId)),H=()=>{h?.isPinSet!==!0&&a($a(n,!0))};l.useEffect(()=>{b.updateDebitCardPinAttemptFetchState.fetchState==="Completed"&&(setTimeout(H,3e3),C(!0))},[b.updateDebitCardPinAttemptFetchState.fetchState]);const B=y=>{v(y)};if(k!=="Completed"||h==null)return s.jsx(_e,{fetchState:"In-Progress"});if($?.phone==null)throw Error("Can't access user phone number.");return s.jsxs(ss,{children:[s.jsx(ua,{isAppContentDrawerOpen:U,handleDrawerToggle:B}),s.jsx(ns,{cardId:n,card:h,phone:$.phone,signedInUser:F,isSandboxEnv:Za(),debitCardDetailState:b,signedInUserToken:M,navigate:r,currentTenant:d,location:c,chargeCardCashbackRatePerTransaction:f.charge_card_cashback_rate_per_transaction!=null?f.charge_card_cashback_rate_per_transaction:.0175,onClickMenuIcon:()=>{B(!0)}}),e!=null?s.jsx(rs,{windowSize:t,children:e}):null]})},ns=he(function(e,{debitCardDetailState:t,cardId:a}){const r=lt(e,a),n=t.updateStatus,c=Ze(e,!1,!1,!1);let u=!1;return c.fetchState==="Completed"&&c.cards.length<=1&&(u=!0),{showMenuIcon:u,vgsVaultId:Ta.cardVaultId,twoFAView:r,setPinWaitStatus:n}},function(e,t){const{navigate:a,cardId:r,location:n,currentTenant:c,debitCardDetailState:u}=t,m=u.chargeCard?.cardProviderID,{tenantEmailDomain:E}=c;return{onGetOtp:i=>{m!=null&&e(_a(i,"ChargeCardHolder",r))},onUpdateDebitCardPinAttempt:i=>{e(gt(r,i))},onResendOtp:i=>{m!=null&&e(Da(i,"ChargeCardHolder",r))},onVerifyOtp:(i,g)=>{m!=null&&e(Aa(i,g,"ChargeCardHolder",r))},onVerifyOtpSuccess:i=>{i!=null&&J.saveZeniOtpTokenForCardHolder(i,r)},onSetPinSuccess:()=>{e(jn({chargeCardId:r}))},onBackClick:()=>{const i=Fe(n.state?.pathnameStackToGoBack),g=i.poppedPathname==null||i.poppedPathname.includes("activate")===!0?Oe(E):i.poppedPathname;a(g,{state:{pathnameStackToGoBack:i.newStack}})}}})(Cr),rs=ke.div`
+`,as={containerWidth:new da(100,58)},ts=({appContent:e})=>{const t=ia(),a=me(),r=ue(),{cardId:n}=oa(),c=be(),{useDynamicConfig:u,useFeatureGate:m}=oe(),[E,i]=l.useState(!1),[g,I]=l.useState(!1),[_,C]=l.useState(!1),[U,v]=l.useState(!1),T=X.getSignedInUser();if(T==null)throw Error("Can't access onboarding card page without signing in...");const d=S(y=>ce(y));if(n==null)throw Error("Empty card id is not valid...");const{configValue:f}=u(Pe.zeniCardsConfig),b=S(y=>On(y,n)),{isFeatureEnabled:o}=m(K.isChargeCardFeatureEnabled),{isFeatureEnabled:w}=m(K.isDebitCardFeatureEnabled),O=Ie(w,d),N=Ee({isDebitCardFeatureEnabled:w,isBankingOnlyTenant:O}),L=ye(d),F=Se(d),R=d.companyChargeCardInfo?.info?.chargeCardsCreditAccountLimit??0,p=Ae({isCardsOnlyTenant:L,isChargeCardFeatureEnabled:o,isBookKeepingTenant:F,isDebitCardProductVisible:N,chargeCardsCreditAccountLimit:R}),h=b.chargeCard,k=S(y=>y.chargeCardConfigState.fetchState);l.useEffect(()=>{E===!1&&k!=="In-Progress"&&k!=="Completed"&&(a(ka()),i(!0)),g===!1&&b.fetchState==="Not-Started"&&(I(!0),a(Xe(n,!1,p)))},[g,b.fetchState,E,k]);const A=h?.type.code==="business_physical_debit_card"||h?.type.code==="business_virtual_debit_card";l.useEffect(()=>{if(b.fetchState==="Completed"){if(_===!1&&(A===!1||A&&h.status?.code!=="active"||A&&h.status.code==="active"&&h.isPinSet||h.cardHolderUserId!==T.userId)){const y=pe(d.tenantEmailDomain,n,T,h,!0),Y=fe(c.state?.pathnameStackToGoBack,c.pathname);r(y,{state:{pathnameStackToGoBack:Y}})}else if(_&&b.isRefreshingViewInBackground===!1&&h?.isPinSet===!0){a(Nn({chargeCardId:n}));const y=pe(d.tenantEmailDomain,n,T,h,!0),Y=fe(c.state?.pathnameStackToGoBack,c.pathname);a(Ea()),r(y,{state:{pathnameStackToGoBack:Y}})}}},[b.fetchState,h?.type.code,_,b.isRefreshingViewInBackground]);const M=X.getZeniOtpTokenForCardHolder(n),$=S(y=>dt(y.userState,T.userId)),H=()=>{h?.isPinSet!==!0&&a($a(n,!0))};l.useEffect(()=>{b.updateDebitCardPinAttemptFetchState.fetchState==="Completed"&&(setTimeout(H,3e3),C(!0))},[b.updateDebitCardPinAttemptFetchState.fetchState]);const B=y=>{v(y)};if(k!=="Completed"||h==null)return s.jsx(_e,{fetchState:"In-Progress"});if($?.phone==null)throw Error("Can't access user phone number.");return s.jsxs(ss,{children:[s.jsx(ua,{isAppContentDrawerOpen:U,handleDrawerToggle:B}),s.jsx(ns,{cardId:n,card:h,phone:$.phone,signedInUser:T,isSandboxEnv:Ya(),debitCardDetailState:b,signedInUserToken:M,navigate:r,currentTenant:d,location:c,chargeCardCashbackRatePerTransaction:f.charge_card_cashback_rate_per_transaction!=null?f.charge_card_cashback_rate_per_transaction:.0175,onClickMenuIcon:()=>{B(!0)}}),e!=null?s.jsx(rs,{windowSize:t,children:e}):null]})},ns=he(function(e,{debitCardDetailState:t,cardId:a}){const r=lt(e,a),n=t.updateStatus,c=Ye(e,!1,!1,!1);let u=!1;return c.fetchState==="Completed"&&c.cards.length<=1&&(u=!0),{showMenuIcon:u,vgsVaultId:Fa.cardVaultId,twoFAView:r,setPinWaitStatus:n}},function(e,t){const{navigate:a,cardId:r,location:n,currentTenant:c,debitCardDetailState:u}=t,m=u.chargeCard?.cardProviderID,{tenantEmailDomain:E}=c;return{onGetOtp:i=>{m!=null&&e(_a(i,"ChargeCardHolder",r))},onUpdateDebitCardPinAttempt:i=>{e(gt(r,i))},onResendOtp:i=>{m!=null&&e(Da(i,"ChargeCardHolder",r))},onVerifyOtp:(i,g)=>{m!=null&&e(Aa(i,g,"ChargeCardHolder",r))},onVerifyOtpSuccess:i=>{i!=null&&X.saveZeniOtpTokenForCardHolder(i,r)},onSetPinSuccess:()=>{e(jn({chargeCardId:r}))},onBackClick:()=>{const i=Te(n.state?.pathnameStackToGoBack),g=i.poppedPathname==null||i.poppedPathname.includes("activate")===!0?Oe(E):i.poppedPathname;a(g,{state:{pathnameStackToGoBack:i.newStack}})}}})(Cr),rs=ke.div`
   display: flex;
   flex-direction: column;
   width: ${e=>`${as.containerWidth.value(e.windowSize)}%`};
@@ -67,7 +67,7 @@ import{j as s}from"./liveblocks-BsQBjN-0.js";import{j as ue,l as oa,i as me,u as
   align-items: center;
   background-color: ${e=>e.theme.colors.grey4};
   box-shadow: ${e=>`${ya.sp0} 2px ${ya.sp1} ${e.theme.colors.dropShadowNormal}`};
-`,os={overlayWidth:new da(Ba[12],Ba[12],Ba[9])},cs=he(function(e,t){const a=za(e,!1,!1),r=t.lineId,n=a.customAddress[r],c=a.customAddressStatus[r]??{fetchState:"Not-Started",error:void 0};return{googleAPIKey:t.googleAPIKey,customAddress:n,customAddressStatus:c,lineId:r}},function(e,t){const{newCustomAddressId:a,lineId:r,chargeCardTypeOption:n}=t;return{onSubmitHandler:c=>{a!=null&&e(vt(`${n==="creditCard"?"credit":"debit"}_custom_shipping_${r}_address`));const u=Dr(c);e(Mn({addressType:`${n==="creditCard"?"credit":"debit"}_custom_shipping_${r}_address`,addressToCreate:u})),e($n(`${n==="creditCard"?"credit":"debit"}_custom_shipping_${r}_address`))},onDismissClick:()=>{t.onDismissClick(),a!=null&&e(Hn({addressId:a,cardLineId:r,cardType:n==="creditCard"?"business_physical_credit_card":"business_physical_debit_card"}))}}})(pr),is=({lineId:e,closeDrawerHandler:t,chargeCardTypeOption:a})=>{const r=va(),n=ia(),c=()=>{t()},u=S(m=>Vn(`${a==="creditCard"?"credit":"debit"}_custom_shipping_${e}_address`,m))?.newAddressId;return s.jsx(Rt,{anchor:"right",open:e.length>0,PaperProps:{style:{minWidth:os.overlayWidth.valuePercentage(n),boxShadow:"none",zIndex:8}},slotProps:{backdrop:{style:{opacity:.75,backgroundColor:r.colors.black,cursor:"pointer"}}},onClose:(m,E)=>(E==="backdropClick"||E==="escapeKeyDown")&&c(),children:s.jsx(cs,{googleAPIKey:Ta.googleMapsAPIKey,onDismissClick:c,lineId:e,chargeCardTypeOption:a,newCustomAddressId:u})})},ds=he(function(e,t){const{isChargeCardFeatureEnabled:a,isDebitCardFeatureEnabled:r,isIssuePhysicalCardEnabled:n,isIssuePhysicalDebitCardEnabled:c,isChargeCardSetupEnabled:u,isDebitCardSetupEnabled:m}=t,E=za(e,a&&u,r&&m);return{companyName:t.companyName,signedInUser:t.signedInUser,issueChargeCards:E,isIssuePhysicalCardEnabled:n,isIssuePhysicalDebitCardEnabled:c,isDebitCardFeatureEnabled:r,isChargeCardFeatureEnabled:a,isChargeCardSetupEnabled:u,isDebitCardSetupEnabled:m,cardHolderCandidates:E.userList.map(i=>i.user).filter(Boolean),allRoles:E.userList.map(i=>i.userRole),allAccountingClasses:E.allAccountingClasses,userList:E.userList}},function(e,t){return{onIssueCardClick:()=>{e(Zn())},onSaveChangesToLocalStore:a=>{e(zn(a))},onDismissClick:()=>{e(xt()),t.navigate("../")},resetCustomAddressByLineID:(a,r)=>{e(vt(`${r==="creditCard"?"credit":"debit"}_custom_shipping_${a}_address`))},handleZeniLogoClick:()=>{t.themeState.toggle()},openAddAddressDrawerHandler:t.openAddAddressDrawerHandler}})(gr);function ls(){const e=J.getSignedInUser(),t=ue(),a=me(),r=hr(),[n]=ot(),c=n.get("cardType"),{useFeatureGate:u}=oe(),{isFeatureEnabled:m}=u(K.isIssuePhysicalCardEnabled),{isFeatureEnabled:E}=u(K.isIssuePhysicalDebitCardEnabled),{isFeatureEnabled:i}=u(K.isDebitCardFeatureEnabled),{isFeatureEnabled:g}=u(K.isChargeCardFeatureEnabled),I=S(B=>ce(B)),_=Ie(i,I),C=Ee({isDebitCardFeatureEnabled:i,isBankingOnlyTenant:_}),U=ye(I),v=Se(I),F=I.companyChargeCardInfo?.info?.chargeCardsCreditAccountLimit??0,d=Ae({isCardsOnlyTenant:U,isChargeCardFeatureEnabled:g,isBookKeepingTenant:v,isDebitCardProductVisible:C,chargeCardsCreditAccountLimit:F}),[f,b]=l.useState(!1);if(e==null)throw Error("Can't access issue card page without signing in...");l.useEffect(()=>{f||(b(!0),a(Gn(C&&w,d&&o,!1)))},[f,b,a]);const o=!!I.companyChargeCardInfo?.info?.isChargeCardEnabled,w=!!I.companyDebitCardInfo?.info?.isDebitCardEnabled,O=I.companyName,N=S(B=>za(B,d&&o,C&&w)),L=N.fetchState,T=N.issueCardStatus.fetchState,R=N.lastSelfIssuedDebitCardId,p=S(B=>R!=null?Tt(B.chargeCardState,R):void 0),[h,k]=l.useState(null),[A,M]=l.useState(null),$=()=>{k(null)},H=(B,y)=>{k(B),M(y)};return l.useEffect(()=>{if(T==="Completed"){if(R!=null&&p?.type.code==="business_virtual_debit_card"){let B;B=p?.status.code==="request_on_hold"&&e.userId===p.cardHolderUserId?Vt(I.tenantEmailDomain):pe(I.tenantEmailDomain,R,e,p),t(B)}else t("../");a(xt())}},[T,R]),L==="Completed"?s.jsxs(s.Fragment,{children:[h!==null&&A!==null?s.jsx(is,{closeDrawerHandler:$,lineId:h,chargeCardTypeOption:A}):null,s.jsx(ds,{companyName:O,signedInUser:e,themeState:r,isIssuePhysicalCardEnabled:m,isIssuePhysicalDebitCardEnabled:E,isDebitCardFeatureEnabled:C,isChargeCardFeatureEnabled:d,isChargeCardSetupEnabled:o,isDebitCardSetupEnabled:w,navigate:t,fetchState:N.fetchState,openAddAddressDrawerHandler:H,defaultCardType:c==="creditCard"||c==="debitCard"?c:void 0})]}):L==="Error"?s.jsx(xa,{}):s.jsx(_e,{fetchState:L})}const us=ke.div`
+`,os={overlayWidth:new da(Ba[12],Ba[12],Ba[9])},cs=he(function(e,t){const a=za(e,!1,!1),r=t.lineId,n=a.customAddress[r],c=a.customAddressStatus[r]??{fetchState:"Not-Started",error:void 0};return{googleAPIKey:t.googleAPIKey,customAddress:n,customAddressStatus:c,lineId:r}},function(e,t){const{newCustomAddressId:a,lineId:r,chargeCardTypeOption:n}=t;return{onSubmitHandler:c=>{a!=null&&e(vt(`${n==="creditCard"?"credit":"debit"}_custom_shipping_${r}_address`));const u=Dr(c);e(Mn({addressType:`${n==="creditCard"?"credit":"debit"}_custom_shipping_${r}_address`,addressToCreate:u})),e($n(`${n==="creditCard"?"credit":"debit"}_custom_shipping_${r}_address`))},onDismissClick:()=>{t.onDismissClick(),a!=null&&e(Hn({addressId:a,cardLineId:r,cardType:n==="creditCard"?"business_physical_credit_card":"business_physical_debit_card"}))}}})(pr),is=({lineId:e,closeDrawerHandler:t,chargeCardTypeOption:a})=>{const r=va(),n=ia(),c=()=>{t()},u=S(m=>Vn(`${a==="creditCard"?"credit":"debit"}_custom_shipping_${e}_address`,m))?.newAddressId;return s.jsx(Rt,{anchor:"right",open:e.length>0,PaperProps:{style:{minWidth:os.overlayWidth.valuePercentage(n),boxShadow:"none",zIndex:8}},slotProps:{backdrop:{style:{opacity:.75,backgroundColor:r.colors.black,cursor:"pointer"}}},onClose:(m,E)=>(E==="backdropClick"||E==="escapeKeyDown")&&c(),children:s.jsx(cs,{googleAPIKey:Fa.googleMapsAPIKey,onDismissClick:c,lineId:e,chargeCardTypeOption:a,newCustomAddressId:u})})},ds=he(function(e,t){const{isChargeCardFeatureEnabled:a,isDebitCardFeatureEnabled:r,isIssuePhysicalCardEnabled:n,isIssuePhysicalDebitCardEnabled:c,isChargeCardSetupEnabled:u,isDebitCardSetupEnabled:m}=t,E=za(e,a&&u,r&&m);return{companyName:t.companyName,signedInUser:t.signedInUser,issueChargeCards:E,isIssuePhysicalCardEnabled:n,isIssuePhysicalDebitCardEnabled:c,isDebitCardFeatureEnabled:r,isChargeCardFeatureEnabled:a,isChargeCardSetupEnabled:u,isDebitCardSetupEnabled:m,cardHolderCandidates:E.userList.map(i=>i.user).filter(Boolean),allRoles:E.userList.map(i=>i.userRole),allAccountingClasses:E.allAccountingClasses,userList:E.userList}},function(e,t){return{onIssueCardClick:()=>{e(Yn())},onSaveChangesToLocalStore:a=>{e(zn(a))},onDismissClick:()=>{e(xt()),t.navigate("../")},resetCustomAddressByLineID:(a,r)=>{e(vt(`${r==="creditCard"?"credit":"debit"}_custom_shipping_${a}_address`))},handleZeniLogoClick:()=>{t.themeState.toggle()},openAddAddressDrawerHandler:t.openAddAddressDrawerHandler}})(gr);function ls(){const e=X.getSignedInUser(),t=ue(),a=me(),r=hr(),[n]=ot(),c=n.get("cardType"),{useFeatureGate:u}=oe(),{isFeatureEnabled:m}=u(K.isIssuePhysicalCardEnabled),{isFeatureEnabled:E}=u(K.isIssuePhysicalDebitCardEnabled),{isFeatureEnabled:i}=u(K.isDebitCardFeatureEnabled),{isFeatureEnabled:g}=u(K.isChargeCardFeatureEnabled),I=S(B=>ce(B)),_=Ie(i,I),C=Ee({isDebitCardFeatureEnabled:i,isBankingOnlyTenant:_}),U=ye(I),v=Se(I),T=I.companyChargeCardInfo?.info?.chargeCardsCreditAccountLimit??0,d=Ae({isCardsOnlyTenant:U,isChargeCardFeatureEnabled:g,isBookKeepingTenant:v,isDebitCardProductVisible:C,chargeCardsCreditAccountLimit:T}),[f,b]=l.useState(!1);if(e==null)throw Error("Can't access issue card page without signing in...");l.useEffect(()=>{f||(b(!0),a(Gn(C&&w,d&&o,!1)))},[f,b,a]);const o=!!I.companyChargeCardInfo?.info?.isChargeCardEnabled,w=!!I.companyDebitCardInfo?.info?.isDebitCardEnabled,O=I.companyName,N=S(B=>za(B,d&&o,C&&w)),L=N.fetchState,F=N.issueCardStatus.fetchState,R=N.lastSelfIssuedDebitCardId,p=S(B=>R!=null?Ft(B.chargeCardState,R):void 0),[h,k]=l.useState(null),[A,M]=l.useState(null),$=()=>{k(null)},H=(B,y)=>{k(B),M(y)};return l.useEffect(()=>{if(F==="Completed"){if(R!=null&&p?.type.code==="business_virtual_debit_card"){let B;B=p?.status.code==="request_on_hold"&&e.userId===p.cardHolderUserId?Vt(I.tenantEmailDomain):pe(I.tenantEmailDomain,R,e,p),t(B)}else t("../");a(xt())}},[F,R]),L==="Completed"?s.jsxs(s.Fragment,{children:[h!==null&&A!==null?s.jsx(is,{closeDrawerHandler:$,lineId:h,chargeCardTypeOption:A}):null,s.jsx(ds,{companyName:O,signedInUser:e,themeState:r,isIssuePhysicalCardEnabled:m,isIssuePhysicalDebitCardEnabled:E,isDebitCardFeatureEnabled:C,isChargeCardFeatureEnabled:d,isChargeCardSetupEnabled:o,isDebitCardSetupEnabled:w,navigate:t,fetchState:N.fetchState,openAddAddressDrawerHandler:H,defaultCardType:c==="creditCard"||c==="debitCard"?c:void 0})]}):L==="Error"?s.jsx(xa,{}):s.jsx(_e,{fetchState:L})}const us=ke.div`
   display: flex;
   height: 100vh;
   width: 100%;
@@ -76,4 +76,4 @@ import{j as s}from"./liveblocks-BsQBjN-0.js";import{j as ue,l as oa,i as me,u as
   overflow: auto;
   align-items: center;
   background-color: ${e=>e.theme.colors.grey4};
-`,ms=he(function(e,t){const{myPendingActivationChargeCardListState:a}=t;return{myPendingActivationChargeCardListView:a,uiState:a.uiState,signedInUser:t.signedInUser}},function(e,t){const{navigate:a,currentTenant:r,location:n,signedInUser:c,myPendingActivationChargeCardListState:u}=t,{tenantEmailDomain:m}=r,{cards:E}=u;return{onChargeCardRowClick:i=>{const g=jt(E,i),I=pe(m,i,c,g),_=fe(n.state?.pathnameStackToGoBack,n.pathname);a(I,{state:{pathnameStackToGoBack:_}})},onColumnSortConfigChanged:(i,g)=>{e(Oa({uiState:{sortKey:i,sortOrder:g}}))},onReloadCards:()=>{e(sa())},onBackClick:()=>{const i=r.userRole.includes("charge_card_user");e(Oa({uiState:{sortKey:i?"cardName":"owner",sortOrder:"ascending"}})),a("../")}}})(fr);function Cs(){const e=ue(),t=me(),a=be(),r=va(),[n,c]=l.useState(!1),u=S(A=>Yn(A)),m=S(A=>ce(A)),E=S(A=>Me(A,m.companyId)),i=$e(E.controllers),{useFeatureGate:g}=oe(),{isFeatureEnabled:I}=g(K.isChargeCardFeatureEnabled),{isFeatureEnabled:_}=g(K.isDebitCardFeatureEnabled),C=Ie(_,m),U=Ee({isDebitCardFeatureEnabled:_,isBankingOnlyTenant:C}),v=!!m.companyDebitCardInfo?.info?.isDebitCardEnabled,F=!!m.companyChargeCardInfo?.info?.isChargeCardEnabled,d=Re(),f=ye(m),b=Se(m),o=m.companyChargeCardInfo?.info?.chargeCardsCreditAccountLimit??0,w=Ae({isCardsOnlyTenant:f,isChargeCardFeatureEnabled:I,isBookKeepingTenant:b,isDebitCardProductVisible:U,chargeCardsCreditAccountLimit:o}),O=Be(d?.loggedInUserRoleMap),N=S(A=>ze(A)),{creditAccount:L,creditAccountRepayment:T}=S(A=>Ge(A)),R=S(A=>wt(A)).cards.filter(A=>A.type.code.includes("debit")).map(A=>A.connectedAccountId),p=[...new Set(R)],h=S(A=>Pa(A,p));l.useEffect(()=>{n||u.fetchState==="Completed"||u.fetchState==="In-Progress"||(c(!0),t(sa()),t(ka()))},[n,t,u.fetchState]),l.useEffect(()=>{if(u.fetchState==="Completed"&&u.cards.length===1&&k!=null){const A=pe(m.tenantEmailDomain,u.cards[0].id,k,u.cards[0]);e(A,{state:{message:a.state?.message}})}},[u.fetchState,u.cards]);const k=J.getSignedInUser();if(l.useEffect(()=>{L.fetchState!=="Completed"&&L.fetchState!=="In-Progress"&&w&&F&&O&&t(Ha()),T.fetchState!=="Completed"&&T.fetchState!=="In-Progress"&&O&&t(Ma()),h.fetchState!=="Completed"&&h.fetchState!=="In-Progress"&&U&&v&&O&&t(Pt())},[L.fetchState,T.fetchState,t,h.fetchState,U,v,O,w,F]),k==null)throw Error("Can't access address page without signing in...");if(u.fetchState!=="Completed")return s.jsx(_e,{fetchState:"In-Progress",style:{backgroundColor:r.colors.grey5}});{const A=Ue(w,U,v,F);return s.jsx(us,{children:s.jsx(ms,{navigate:e,currentTenant:m,signedInUser:k,productInformation:A,myPendingActivationChargeCardListState:u,isChargeCardFeatureEnabled:w,isDebitCardFeatureEnabled:U,isDebitCardSetupEnabled:v,isChargeCardSetupEnabled:F,chargeCardCashbackDetailState:N,creditAccount:L,creditAccountRepayment:T,depositAccountListWithDebitCardIssued:h,controllerEmails:i,location:a})})}}const ps=he(function(e,t){const{companyId:a,companyLegalName:r}=t;return{chargeCardSetupView:ca(e,a),admins:t.adminList,companyLegalName:r,meetingUrl:"https://meetings.hubspot.com/niharn/demo-zeni-charge-cards?embed=true"}},function(e,t){const{navigate:a,companyId:r,isCompanyBusinessVerificationAndPaymentSetUpDone:n,isDebitCardSetupEnabled:c,isChargeCardSetupEnabled:u,signedInUser:m,location:E,productInformation:i,isEarlyPayEnabled:g,controllerEmails:I,chargeCardsCreditAccountLimit:_}=t;return{onSetupButtonClick:C=>{if(m!=null&&q.trackCardsPromoPageClicked("enable cards"),n)switch(q.trackCardsEnableCardsClick(I,i,"Cards Promo"),C){case"credit":e(Le(r,!0,"charge_cards",g,!1));break;case"debit":e(Le(r,!0,"debit_cards",g,!1));break;case"debit_and_credit":e(_===0?Le(r,!0,"debit_cards",g,!0):Le(r,!0,"charge_cards__debit_cards",g,!1))}else switch(q.trackCardsSetupCardsClick(I,i,"Cards Promo"),C){case"credit":e(Le(r,!1,"charge_cards",g,!1));break;case"debit":e(Le(r,!1,"debit_cards",g,!1));break;case"debit_and_credit":e(_===0?Le(r,!1,"debit_cards",g,!0):Le(r,!1,"charge_cards__debit_cards",g,!1))}},onBackClick:()=>{const C=Fe(E.state?.pathnameStackToGoBack);let U=C.poppedPathname;U==null&&(U=c||u?"..":"../.."),a(U,{state:{pathnameStackToGoBack:C.newStack}})},onLetsGoClick:()=>{a("./onboard")},onSetupChargeCardSuccess:()=>{n?(e(Ea()),a("../",{relative:"path"})):a("../setup",{relative:"path"})},onExpressInterestClick:()=>{e(qn(r))}}})(br),hs=()=>{const e=ue(),{tenantEmailDomain:t}=oa(),[a]=ot(),r=a.get("cardPromoType"),n=me(),{useDynamicConfig:c,useFeatureGate:u}=oe(),[m,E]=l.useState(!1),{isFeatureEnabled:i}=u(K.isDebitCardFeatureEnabled),{isFeatureEnabled:g}=u(K.isEarlyPayFeatureEnabled),{isFeatureEnabled:I}=u(K.isChargeCardFeatureEnabled),{configValue:_}=c(Pe.zeniCardsConfig),C=S(ee=>ce(ee)),U=S(ee=>Me(ee,C.companyId)),v=$e(U.controllers),F=_.charge_card_cashback_rate_per_transaction!=null?_.charge_card_cashback_rate_per_transaction:.0175,d=be(),f=J.getSignedInUserTenant(t)?.companyId??C.companyId,b=S(ee=>ca(ee,f)),o=b.primaryFundingAccount,w=C.companyBillPayInfo?.info,O=ye(C),N=Se(C),L=Ie(i,C),T=C.companyChargeCardInfo?.info?.chargeCardsCreditAccountLimit??0,R=Ee({isDebitCardFeatureEnabled:i,isBankingOnlyTenant:L}),p=Ae({isCardsOnlyTenant:O,isChargeCardFeatureEnabled:I,isBookKeepingTenant:N,isDebitCardProductVisible:R,chargeCardsCreditAccountLimit:T}),h=Nt({isCardsOnlyTenant:O,isChargeCardFeatureEnabled:I,isBookKeepingTenant:N}),k=R&&p===!1,A=w?.businessVerificationStatus?.code==="verified"&&(k||o?.accType==="depositAccount"||Kn(o?.providerVerificationStatus?.code??"")),M=J.getSignedInUser(),$=!!C.companyZeniAccountInfo?.info?.isZeniAccountEnabled,H=!!C.companyChargeCardInfo?.info?.isChargeCardTOSAccepted,B=!!C.company?.companyChargeCardInfo.isChargeCardEnabled,y=!!C.company?.companyDebitCardInfo.isDebitCardEnabled,Z=!!C.companyDebitCardInfo?.info?.isDebitCardTOSAccepted,x=ee=>{E(ee)},P=S(ee=>ee.chargeCardSetupViewState.fetchState);if(M==null)throw Error("Can't access Charge Card promo page without signing in...");const z=Re(),D=Be(z?.loggedInUserRoleMap),Y=Ga(z?.loggedInUserRoleMap),[G,ae]=l.useState(!1),[se,X]=l.useState(!1),[de,W]=l.useState(!1);l.useEffect(()=>{G===!1&&d.state?.message==="activation"&&ae(!0)},[d.state]),l.useEffect(()=>{se||P!=="Not-Started"||f==null||(X(!0),n(wa(f,!0)))},[se,P,f,n]);const Q=C.companyChargeCardInfo?.info!=null&&Qe({cardInfo:C.companyChargeCardInfo.info,isProductVisible:h,isTOSAccepted:H,isSetupEnabled:B,isUserHasCardsAdminLevelAccess:D,isUserHasCardsAccess:Y}),Te=C.companyDebitCardInfo?.info!=null&&Qe({cardInfo:C.companyDebitCardInfo.info,isProductVisible:R,isTOSAccepted:Z,isSetupEnabled:y,isUserHasCardsAdminLevelAccess:D,isUserHasCardsAccess:Y}),Ne=R&&Te&&h&&T>=0&&Q?"debit_and_credit":R&&Te?"debit":"credit",re=Ar(r,Ne),ie=b?.chargeCardTermsDetails?.fetchStatus?.fetchState,ge=l.useRef(null);l.useEffect(()=>{ie==="In-Progress"?ge.current=re:ie!=="Error"&&ie!=="Not-Started"||(ge.current=null)},[ie,re]);const ve=ie!=="In-Progress"&&ie!=="Completed"||ge.current==null?re:ge.current;l.useEffect(()=>{re==="credit"&&(B||h===!1&&y)||re==="debit"&&y||re==="debit_and_credit"&&y&&B?e("../"):(re==="debit_and_credit"&&H===!0&&Z===!0||re==="credit"&&(H===!0||h===!1&&Z===!0)||re==="debit"&&Z===!0)&&D===!0&&e("../setup")},[A,B,y,re,H,Z]),l.useEffect(()=>{de||(n(Wn("cardAdmin")),W(!0))},[de]);const Ye=S(ee=>At(ee.userState,ee.userRoleState,ee.userListViewState,"cardAdmin")),ne=Ue(h,R,y,B);return(Q||Te)&&P==="Completed"?s.jsxs(s.Fragment,{children:[s.jsx(Wa,{analytics:q,onLoad:()=>{if(q.trackPageLoaded(Ut.Event.cardsPromoPage),!!h&&!B||!!R&&!y||!!h&&!!R&&!y&&!B){const ee=gs({isDebitCardSetupEnabled:y,isChargeCardSetupEnabled:B,isCreditCardProductVisibleForExpressInterest:h,isDebitCardProductVisible:R});q.trackCardsPromoView(v,ne,"Page",ee,"Promo Page")}}}),s.jsx(Fa,{showConfetti:G}),s.jsx(ua,{isAppContentDrawerOpen:m,handleDrawerToggle:x}),s.jsx(ps,{signedInUser:M,location:d,showEnableCardButton:A,isCompanyBusinessVerificationAndPaymentSetUpDone:A,isChargeCardSetupEnabled:B,isDebitCardSetupEnabled:y,companyLegalName:C.companyName,adminList:Ye.users,isCheckingEnabled:$,navigate:e,companyId:f,cardPromoType:ve,controllerEmails:v,productInformation:ne,isCreditCardProductVisible:p,isDebitCardFeatureEnabled:i,isEarlyPayEnabled:g,cashbackRate:F,chargeCardsCreditAccountLimit:T,onClickMenuIcon:()=>{x(!0)}})]}):s.jsx(_e,{fetchState:"Not-Started"})},gs=({isDebitCardSetupEnabled:e,isChargeCardSetupEnabled:t,isCreditCardProductVisibleForExpressInterest:a,isDebitCardProductVisible:r})=>a&&r&&!e&&!t?"Credit & Debit Card":a&&!t?"Credit Card":r&&!e?"Debit Card":"";function Os(){const e=be(),t=S(P=>ce(P)),{useFeatureGate:a}=oe(),{isFeatureEnabled:r}=a(K.isChargeCardFeatureEnabled),{isFeatureEnabled:n}=a(K.isDebitCardFeatureEnabled),{isFeatureEnabled:c}=a(K.isEarlyPayFeatureEnabled),{isFeatureEnabled:u}=a(K.isChargeCardPaymentHistoryFeatureEnabled),m=Ie(n,t),E=Ee({isDebitCardFeatureEnabled:n,isBankingOnlyTenant:m}),i=yr(t,r,n),g=!!t.company?.companyChargeCardInfo.isChargeCardTOSAccepted,I=!!t.company?.companyDebitCardInfo.isDebitCardTOSAccepted,_=!!t.company?.companyChargeCardInfo.isChargeCardEnabled,C=!!t.company?.companyDebitCardInfo.isDebitCardEnabled,U=Re(),v=Be(U?.loggedInUserRoleMap),F=Ga(U?.loggedInUserRoleMap),{isFeatureEnabled:d}=a(K.isCashbackFeatureEnabled),f=t.userRole.includes("charge_card_user"),b=!f,o=!f&&_,w=t?.userRole!=null&&Qn(t?.userRole),O=(t?.company==null||t.company.featuresActivationInfo?.isBillPayFeatureEnabled&&!w)&&Jn(U?.loggedInUserRoleMap),N=Xn(U?.loggedInUserRoleMap),L=(t?.company==null||t.company.featuresActivationInfo?.isReimbursementFeatureEnabled&&!w)&&er(U?.loggedInUserRoleMap),{isFeatureEnabled:T}=a(K.isDepositAccountsFeatureEnabled),R=T&&!w&&mt(U?.loggedInUserRoleMap),p=_&&!w,h=C&&!w,k=i&&!w&&Be(U?.loggedInUserRoleMap),A=ar(U?.loggedInUserRoleMap),M=ye(t),$=Se(t),H=t.companyChargeCardInfo?.info?.chargeCardsCreditAccountLimit??0,B=Ae({isCardsOnlyTenant:M,isChargeCardFeatureEnabled:r,isBookKeepingTenant:$,isDebitCardProductVisible:E,chargeCardsCreditAccountLimit:H}),y=t.companyChargeCardInfo?.info!=null&&Qe({cardInfo:t.companyChargeCardInfo.info,isProductVisible:B,isTOSAccepted:g,isSetupEnabled:_,isUserHasCardsAdminLevelAccess:v,isUserHasCardsAccess:F}),Z=t.companyDebitCardInfo?.info!=null&&Qe({cardInfo:t.companyDebitCardInfo.info,isProductVisible:E,isTOSAccepted:I,isSetupEnabled:C,isUserHasCardsAdminLevelAccess:v,isUserHasCardsAccess:F}),x=y||Z;return s.jsxs(Mt,{children:[v?s.jsx(te,{path:"setup",element:s.jsx(tt,{isBillPayAdminLevelAccess:O,isReimbursementAdminLevelAccess:L,isZeniAccountAdminLevelAccess:R,isChargeCardAdminLevelAccess:k,isUserHasOnlyCardAccess:A,isUserHasOnlyBillPayAccess:N,productType:"charge_cards",type:"setup"})}):null,v?s.jsx(te,{path:"verification",element:s.jsx(tt,{isBillPayAdminLevelAccess:O,isUserHasOnlyBillPayAccess:N,isReimbursementAdminLevelAccess:L,isZeniAccountAdminLevelAccess:R,isChargeCardAdminLevelAccess:k,isUserHasOnlyCardAccess:A,productType:"charge_cards",type:"verification"})}):null,s.jsx(te,{path:"promo",element:s.jsx(hs,{})}),p||h?s.jsxs(s.Fragment,{children:[s.jsx(te,{path:"/",element:s.jsx(rt,{isPaymentDrawerOpen:!1})}),k&&c?s.jsx(te,{path:"payment",element:s.jsx(rt,{isPaymentDrawerOpen:!0})}):null,s.jsx(te,{path:"activate",element:s.jsx(Cs,{})}),s.jsx(te,{path:"onboard",element:s.jsx(Qr,{})}),v?s.jsx(te,{path:"new",element:s.jsx(ls,{})}):null,d&&b?s.jsx(te,{path:"cashback",element:s.jsx(Pr,{})}):null,o?s.jsx(te,{path:"statements",element:s.jsx(Wr,{})}):null,k&&u&&_?s.jsx(te,{path:"payment-history",element:s.jsx(Yr,{})}):null,s.jsx(te,{path:":cardId/activate",element:s.jsx(vr,{})}),s.jsx(te,{path:":cardId/setPin",element:s.jsx(ts,{})}),s.jsx(te,{path:":cardId/addToWallet",element:s.jsx(_r,{})}),s.jsx(te,{path:":cardId/*",element:s.jsx(jr,{})}),s.jsx(te,{path:"*",element:s.jsx(xa,{})})]}):(g||I)&&v?s.jsx(te,{path:"*",element:s.jsx(pa,{to:"../setup"})}):x?s.jsx(te,{path:"*",element:s.jsx(pa,{to:"../promo",state:e.state})}):s.jsx(te,{path:"*",element:null})]})}export{Os as default};
+`,ms=he(function(e,t){const{myPendingActivationChargeCardListState:a}=t;return{myPendingActivationChargeCardListView:a,uiState:a.uiState,signedInUser:t.signedInUser}},function(e,t){const{navigate:a,currentTenant:r,location:n,signedInUser:c,myPendingActivationChargeCardListState:u}=t,{tenantEmailDomain:m}=r,{cards:E}=u;return{onChargeCardRowClick:i=>{const g=jt(E,i),I=pe(m,i,c,g),_=fe(n.state?.pathnameStackToGoBack,n.pathname);a(I,{state:{pathnameStackToGoBack:_}})},onColumnSortConfigChanged:(i,g)=>{e(Oa({uiState:{sortKey:i,sortOrder:g}}))},onReloadCards:()=>{e(sa())},onBackClick:()=>{const i=r.userRole.includes("charge_card_user");e(Oa({uiState:{sortKey:i?"cardName":"owner",sortOrder:"ascending"}})),a("../")}}})(fr);function Cs(){const e=ue(),t=me(),a=be(),r=va(),[n,c]=l.useState(!1),u=S(A=>Zn(A)),m=S(A=>ce(A)),E=S(A=>Me(A,m.companyId)),i=$e(E.controllers),{useFeatureGate:g}=oe(),{isFeatureEnabled:I}=g(K.isChargeCardFeatureEnabled),{isFeatureEnabled:_}=g(K.isDebitCardFeatureEnabled),C=Ie(_,m),U=Ee({isDebitCardFeatureEnabled:_,isBankingOnlyTenant:C}),v=!!m.companyDebitCardInfo?.info?.isDebitCardEnabled,T=!!m.companyChargeCardInfo?.info?.isChargeCardEnabled,d=Re(),f=ye(m),b=Se(m),o=m.companyChargeCardInfo?.info?.chargeCardsCreditAccountLimit??0,w=Ae({isCardsOnlyTenant:f,isChargeCardFeatureEnabled:I,isBookKeepingTenant:b,isDebitCardProductVisible:U,chargeCardsCreditAccountLimit:o}),O=Be(d?.loggedInUserRoleMap),N=S(A=>ze(A)),{creditAccount:L,creditAccountRepayment:F}=S(A=>Ge(A)),R=S(A=>wt(A)).cards.filter(A=>A.type.code.includes("debit")).map(A=>A.connectedAccountId),p=[...new Set(R)],h=S(A=>Pa(A,p));l.useEffect(()=>{n||u.fetchState==="Completed"||u.fetchState==="In-Progress"||(c(!0),t(sa()),t(ka()))},[n,t,u.fetchState]),l.useEffect(()=>{if(u.fetchState==="Completed"&&u.cards.length===1&&k!=null){const A=pe(m.tenantEmailDomain,u.cards[0].id,k,u.cards[0]);e(A,{state:{message:a.state?.message}})}},[u.fetchState,u.cards]);const k=X.getSignedInUser();if(l.useEffect(()=>{L.fetchState!=="Completed"&&L.fetchState!=="In-Progress"&&w&&T&&O&&t(Ha()),F.fetchState!=="Completed"&&F.fetchState!=="In-Progress"&&O&&t(Ma()),h.fetchState!=="Completed"&&h.fetchState!=="In-Progress"&&U&&v&&O&&t(Pt())},[L.fetchState,F.fetchState,t,h.fetchState,U,v,O,w,T]),k==null)throw Error("Can't access address page without signing in...");if(u.fetchState!=="Completed")return s.jsx(_e,{fetchState:"In-Progress",style:{backgroundColor:r.colors.grey5}});{const A=Ue(w,U,v,T);return s.jsx(us,{children:s.jsx(ms,{navigate:e,currentTenant:m,signedInUser:k,productInformation:A,myPendingActivationChargeCardListState:u,isChargeCardFeatureEnabled:w,isDebitCardFeatureEnabled:U,isDebitCardSetupEnabled:v,isChargeCardSetupEnabled:T,chargeCardCashbackDetailState:N,creditAccount:L,creditAccountRepayment:F,depositAccountListWithDebitCardIssued:h,controllerEmails:i,location:a})})}}const ps=he(function(e,t){const{companyId:a,companyLegalName:r}=t;return{chargeCardSetupView:ca(e,a),admins:t.adminList,companyLegalName:r,meetingUrl:"https://meetings.hubspot.com/niharn/demo-zeni-charge-cards?embed=true"}},function(e,t){const{navigate:a,companyId:r,isCompanyBusinessVerificationAndPaymentSetUpDone:n,isDebitCardSetupEnabled:c,isChargeCardSetupEnabled:u,signedInUser:m,location:E,productInformation:i,isEarlyPayEnabled:g,controllerEmails:I,chargeCardsCreditAccountLimit:_}=t;return{onSetupButtonClick:C=>{if(m!=null&&q.trackCardsPromoPageClicked("enable cards"),n)switch(q.trackCardsEnableCardsClick(I,i,"Cards Promo"),C){case"credit":e(Le(r,!0,"charge_cards",g,!1));break;case"debit":e(Le(r,!0,"debit_cards",g,!1));break;case"debit_and_credit":e(_===0?Le(r,!0,"debit_cards",g,!0):Le(r,!0,"charge_cards__debit_cards",g,!1))}else switch(q.trackCardsSetupCardsClick(I,i,"Cards Promo"),C){case"credit":e(Le(r,!1,"charge_cards",g,!1));break;case"debit":e(Le(r,!1,"debit_cards",g,!1));break;case"debit_and_credit":e(_===0?Le(r,!1,"debit_cards",g,!0):Le(r,!1,"charge_cards__debit_cards",g,!1))}},onBackClick:()=>{const C=Te(E.state?.pathnameStackToGoBack);let U=C.poppedPathname;U==null&&(U=c||u?"..":"../.."),a(U,{state:{pathnameStackToGoBack:C.newStack}})},onLetsGoClick:()=>{a("./onboard")},onSetupChargeCardSuccess:()=>{n?(e(Ea()),a("../",{relative:"path"})):a("../setup",{relative:"path"})},onExpressInterestClick:()=>{e(qn(r))}}})(br),hs=()=>{const e=ue(),{tenantEmailDomain:t}=oa(),[a]=ot(),r=a.get("cardPromoType"),n=me(),{useDynamicConfig:c,useFeatureGate:u}=oe(),[m,E]=l.useState(!1),{isFeatureEnabled:i}=u(K.isDebitCardFeatureEnabled),{isFeatureEnabled:g}=u(K.isEarlyPayFeatureEnabled),{isFeatureEnabled:I}=u(K.isChargeCardFeatureEnabled),{configValue:_}=c(Pe.zeniCardsConfig),C=S(ee=>ce(ee)),U=S(ee=>Me(ee,C.companyId)),v=$e(U.controllers),T=_.charge_card_cashback_rate_per_transaction!=null?_.charge_card_cashback_rate_per_transaction:.0175,d=be(),f=X.getSignedInUserTenant(t)?.companyId??C.companyId,b=S(ee=>ca(ee,f)),o=b.primaryFundingAccount,w=C.companyBillPayInfo?.info,O=ye(C),N=Se(C),L=Ie(i,C),F=C.companyChargeCardInfo?.info?.chargeCardsCreditAccountLimit??0,R=Ee({isDebitCardFeatureEnabled:i,isBankingOnlyTenant:L}),p=Ae({isCardsOnlyTenant:O,isChargeCardFeatureEnabled:I,isBookKeepingTenant:N,isDebitCardProductVisible:R,chargeCardsCreditAccountLimit:F}),h=Nt({isCardsOnlyTenant:O,isChargeCardFeatureEnabled:I,isBookKeepingTenant:N}),k=R&&p===!1,A=w?.businessVerificationStatus?.code==="verified"&&(k||o?.accType==="depositAccount"||Kn(o?.providerVerificationStatus?.code??"")),M=X.getSignedInUser(),$=!!C.companyZeniAccountInfo?.info?.isZeniAccountEnabled,H=!!C.companyChargeCardInfo?.info?.isChargeCardTOSAccepted,B=!!C.company?.companyChargeCardInfo.isChargeCardEnabled,y=!!C.company?.companyDebitCardInfo.isDebitCardEnabled,Y=!!C.companyDebitCardInfo?.info?.isDebitCardTOSAccepted,x=ee=>{E(ee)},P=S(ee=>ee.chargeCardSetupViewState.fetchState);if(M==null)throw Error("Can't access Charge Card promo page without signing in...");const z=Re(),D=Be(z?.loggedInUserRoleMap),Z=Ga(z?.loggedInUserRoleMap),[G,ae]=l.useState(!1),[se,J]=l.useState(!1),[de,W]=l.useState(!1);l.useEffect(()=>{G===!1&&d.state?.message==="activation"&&ae(!0)},[d.state]),l.useEffect(()=>{se||P!=="Not-Started"||f==null||(J(!0),n(wa(f,!0)))},[se,P,f,n]);const Q=C.companyChargeCardInfo?.info!=null&&Qe({cardInfo:C.companyChargeCardInfo.info,isProductVisible:h,isTOSAccepted:H,isSetupEnabled:B,isUserHasCardsAdminLevelAccess:D,isUserHasCardsAccess:Z}),Fe=C.companyDebitCardInfo?.info!=null&&Qe({cardInfo:C.companyDebitCardInfo.info,isProductVisible:R,isTOSAccepted:Y,isSetupEnabled:y,isUserHasCardsAdminLevelAccess:D,isUserHasCardsAccess:Z}),Ne=R&&Fe&&h&&F>=0&&Q?"debit_and_credit":R&&Fe?"debit":"credit",re=Ar(r,Ne),ie=b?.chargeCardTermsDetails?.fetchStatus?.fetchState,ge=l.useRef(null);l.useEffect(()=>{ie==="In-Progress"?ge.current=re:ie!=="Error"&&ie!=="Not-Started"||(ge.current=null)},[ie,re]);const ve=ie!=="In-Progress"&&ie!=="Completed"||ge.current==null?re:ge.current;l.useEffect(()=>{re==="credit"&&(B||h===!1&&y)||re==="debit"&&y||re==="debit_and_credit"&&y&&B?e("../"):(re==="debit_and_credit"&&H===!0&&Y===!0||re==="credit"&&(H===!0||h===!1&&Y===!0)||re==="debit"&&Y===!0)&&D===!0&&e("../setup")},[A,B,y,re,H,Y]),l.useEffect(()=>{de||(n(Wn("cardAdmin")),W(!0))},[de]);const Ze=S(ee=>At(ee.userState,ee.userRoleState,ee.userListViewState,"cardAdmin")),ne=Ue(h,R,y,B);return(Q||Fe)&&P==="Completed"?s.jsxs(s.Fragment,{children:[s.jsx(Wa,{analytics:q,onLoad:()=>{if(q.trackPageLoaded(Ut.Event.cardsPromoPage),!!h&&!B||!!R&&!y||!!h&&!!R&&!y&&!B){const ee=gs({isDebitCardSetupEnabled:y,isChargeCardSetupEnabled:B,isCreditCardProductVisibleForExpressInterest:h,isDebitCardProductVisible:R});q.trackCardsPromoView(v,ne,"Page",ee,"Promo Page")}}}),s.jsx(Ta,{showConfetti:G}),s.jsx(ua,{isAppContentDrawerOpen:m,handleDrawerToggle:x}),s.jsx(ps,{signedInUser:M,location:d,showEnableCardButton:A,isCompanyBusinessVerificationAndPaymentSetUpDone:A,isChargeCardSetupEnabled:B,isDebitCardSetupEnabled:y,companyLegalName:C.companyName,adminList:Ze.users,isCheckingEnabled:$,navigate:e,companyId:f,cardPromoType:ve,controllerEmails:v,productInformation:ne,isCreditCardProductVisible:p,isDebitCardFeatureEnabled:i,isEarlyPayEnabled:g,cashbackRate:T,chargeCardsCreditAccountLimit:F,onClickMenuIcon:()=>{x(!0)}})]}):s.jsx(_e,{fetchState:"Not-Started"})},gs=({isDebitCardSetupEnabled:e,isChargeCardSetupEnabled:t,isCreditCardProductVisibleForExpressInterest:a,isDebitCardProductVisible:r})=>a&&r&&!e&&!t?"Credit & Debit Card":a&&!t?"Credit Card":r&&!e?"Debit Card":"";function Os(){const e=be(),t=S(P=>ce(P)),{useFeatureGate:a}=oe(),{isFeatureEnabled:r}=a(K.isChargeCardFeatureEnabled),{isFeatureEnabled:n}=a(K.isDebitCardFeatureEnabled),{isFeatureEnabled:c}=a(K.isEarlyPayFeatureEnabled),{isFeatureEnabled:u}=a(K.isChargeCardPaymentHistoryFeatureEnabled),m=Ie(n,t),E=Ee({isDebitCardFeatureEnabled:n,isBankingOnlyTenant:m}),i=yr(t,r,n),g=!!t.company?.companyChargeCardInfo.isChargeCardTOSAccepted,I=!!t.company?.companyDebitCardInfo.isDebitCardTOSAccepted,_=!!t.company?.companyChargeCardInfo.isChargeCardEnabled,C=!!t.company?.companyDebitCardInfo.isDebitCardEnabled,U=Re(),v=Be(U?.loggedInUserRoleMap),T=Ga(U?.loggedInUserRoleMap),{isFeatureEnabled:d}=a(K.isCashbackFeatureEnabled),f=t.userRole.includes("charge_card_user"),b=!f,o=!f&&_,w=t?.userRole!=null&&Qn(t?.userRole),O=(t?.company==null||t.company.featuresActivationInfo?.isBillPayFeatureEnabled&&!w)&&Xn(U?.loggedInUserRoleMap),N=Jn(U?.loggedInUserRoleMap),L=(t?.company==null||t.company.featuresActivationInfo?.isReimbursementFeatureEnabled&&!w)&&er(U?.loggedInUserRoleMap),{isFeatureEnabled:F}=a(K.isDepositAccountsFeatureEnabled),R=F&&!w&&mt(U?.loggedInUserRoleMap),p=_&&!w,h=C&&!w,k=i&&!w&&Be(U?.loggedInUserRoleMap),A=ar(U?.loggedInUserRoleMap),M=ye(t),$=Se(t),H=t.companyChargeCardInfo?.info?.chargeCardsCreditAccountLimit??0,B=Ae({isCardsOnlyTenant:M,isChargeCardFeatureEnabled:r,isBookKeepingTenant:$,isDebitCardProductVisible:E,chargeCardsCreditAccountLimit:H}),y=t.companyChargeCardInfo?.info!=null&&Qe({cardInfo:t.companyChargeCardInfo.info,isProductVisible:B,isTOSAccepted:g,isSetupEnabled:_,isUserHasCardsAdminLevelAccess:v,isUserHasCardsAccess:T}),Y=t.companyDebitCardInfo?.info!=null&&Qe({cardInfo:t.companyDebitCardInfo.info,isProductVisible:E,isTOSAccepted:I,isSetupEnabled:C,isUserHasCardsAdminLevelAccess:v,isUserHasCardsAccess:T}),x=y||Y;return s.jsxs(Mt,{children:[v?s.jsx(te,{path:"setup",element:s.jsx(tt,{isBillPayAdminLevelAccess:O,isReimbursementAdminLevelAccess:L,isZeniAccountAdminLevelAccess:R,isChargeCardAdminLevelAccess:k,isUserHasOnlyCardAccess:A,isUserHasOnlyBillPayAccess:N,productType:"charge_cards",type:"setup"})}):null,v?s.jsx(te,{path:"verification",element:s.jsx(tt,{isBillPayAdminLevelAccess:O,isUserHasOnlyBillPayAccess:N,isReimbursementAdminLevelAccess:L,isZeniAccountAdminLevelAccess:R,isChargeCardAdminLevelAccess:k,isUserHasOnlyCardAccess:A,productType:"charge_cards",type:"verification"})}):null,s.jsx(te,{path:"promo",element:s.jsx(hs,{})}),p||h?s.jsxs(s.Fragment,{children:[s.jsx(te,{path:"/",element:s.jsx(rt,{isPaymentDrawerOpen:!1})}),k&&c?s.jsx(te,{path:"payment",element:s.jsx(rt,{isPaymentDrawerOpen:!0})}):null,s.jsx(te,{path:"activate",element:s.jsx(Cs,{})}),s.jsx(te,{path:"onboard",element:s.jsx(Qr,{})}),v?s.jsx(te,{path:"new",element:s.jsx(ls,{})}):null,d&&b?s.jsx(te,{path:"cashback",element:s.jsx(Pr,{})}):null,o?s.jsx(te,{path:"statements",element:s.jsx(Wr,{})}):null,k&&u&&_?s.jsx(te,{path:"payment-history",element:s.jsx(Zr,{})}):null,s.jsx(te,{path:":cardId/activate",element:s.jsx(vr,{})}),s.jsx(te,{path:":cardId/setPin",element:s.jsx(ts,{})}),s.jsx(te,{path:":cardId/addToWallet",element:s.jsx(_r,{})}),s.jsx(te,{path:":cardId/*",element:s.jsx(jr,{})}),s.jsx(te,{path:"*",element:s.jsx(xa,{})})]}):(g||I)&&v?s.jsx(te,{path:"*",element:s.jsx(pa,{to:"../setup"})}):x?s.jsx(te,{path:"*",element:s.jsx(pa,{to:"../promo",state:e.state})}):s.jsx(te,{path:"*",element:null})]})}export{Os as default};

package/dist/assets/{ChargeCardSetupPage-BcTB9Yy5-r-uwgYnE.js → ChargeCardSetupPage-0bpVkeJs-yW1xF9DG.js}

@@ -1,4 +1,4 @@
-import{y as Ve,X as Be,m as Ue,a7 as G,P as _e,c8 as ze,ad as X,V as t,eS as Re,e as Le,x as d,a_ as We,L as $e,M as Ne,f7 as qe,dh as Me,f8 as He,o as B,w as Ge,i6 as J,aU as Xe,a9 as Je,fa as Ke,O as Qe,j as o,l as Ye}from"./index-DBW4633P.js";import{a as f}from"./sentry-DINNQYpi.js";import{n as S}from"./mui-C_CXevf3.js";import{cf as Ze}from"./zeni-epic-state-a7Sj5mjO.js";import{x as et}from"./LabeledControlledCheckBoxField-BgC8y0D6-CE2WH-rg.js";import{g as tt}from"./UploadAdditionalDocumentOverlay-C5m8jqup-BuDXKqpt.js";import"./liveblocks-BsQBjN-0.js";import"./core-5sxMy3sZ.js";import"./lottie-C2R6rGxS.js";import"./pdf-DyB_VHQx.js";import"./dnd-Cfx_ai1S.js";import"./analytics-Buyhprzd.js";import"./plaid-Yyr3DBd8.js";import"./recharts-CTWfsY-L.js";import"./utils-DmE88LS_.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},r=new e.Error().stack;r&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[r]="6d520da9-4f8a-4ac7-8efa-bf9bf2676727",e._sentryDebugIdIdentifier="sentry-dbid-6d520da9-4f8a-4ac7-8efa-bf9bf2676727")}catch{}})();const c={titleWidth:new d(343,580,726,826),setupDetailsRowGap:new d(12,o[5],o[5]),sectionRowGap:new d(o[5],o[9],o[9]),iconWidthHeight:new d(20,o[4]),subTitlePaddingTop:new d(12,o[3]),subTitlePaddingBottom:new d(o[3],o[3]),overlayWidth:new d(100,100,59),checkBoxTop:new d(o[1],o[0])},K="chargeCardSetUpPage",g="payAccount",{commonSetUp:nt,spendManagement:it}=Qe.getLocalizedStrings(),{chargeCard:Z}=it,{chargeCardSetUp:m}=Z,{setUp:U}=nt,At=({autoPayThreshold:e,isDisabled:r,meetingUrl:w,isEarlyPayEnabled:h,chargeCardSetUpView:i,connectedAccountProvider:ee,filesEndPoint:te,authParams:ne,isAccountsEnabled:ie,isDebitCardOnlyEnabled:k,isCreditCardOnlyEnabled:ae,accountsPromoConfig:oe,onFetchLinkTokenClick:ce,onBackClick:se,onEnableChargeCardClick:le,onUpdateChargeCardClick:de,onBusinessVerificationSectionClick:re,onUpdatePaymentAccountStatus:ue,onUpdatePaymentAccountLoginStatus:pe,onUpdatePrimaryFundingAccount:fe,onUpdateAutoPayClick:me,onEstablishConnectionClick:ge,onEstablishConnectionSuccess:he,onClickMenuIcon:ye,onEnableChargeCardSuccess:x,onEditFileName:be,onDeleteFile:Ce,updateFilesEntity:Se,onCompanyOfficerUpdated:we,onSendForVerificationClick:xe,onSignUpClick:Pe})=>{const y=Ve(),n=Be(),E=Ue().analytics,[P,b]=f.useState(!1),{fetchState:C,companyBillPayInfo:_,isRefreshingViewInBackground:Ae,updateStatus:u,accountUpdateStatus:ke,plaidConnectionDetails:Ee,allBankAccounts:Te,companyChargeCardInfo:T,companyDebitCardInfo:z,selectedCompanyOfficer:s,primaryFundingAccount:l,allFundingAccounts:R}=i,L=G(C),A=G(u.fetchState),v=_e({mode:"all",reValidateMode:"onChange",defaultValues:f.useMemo(()=>Q(i),[i]),values:Q(i)}),ve=v.handleSubmit(le);f.useEffect(()=>{const je=v.watch((M,{name:H})=>{H!=null&&M!=null&&ze(()=>(async(O,Oe)=>{const a=Oe[g];if(O.includes(g))if(O.includes("fundingAccount")){if(a.fundingAccount.selectedOption!=null&&l?.id!=a.fundingAccount.selectedOption){const p=R.find(V=>V.id===a.fundingAccount.selectedOption);p!=null&&fe(a.fundingAccount.selectedOption,p.accType)}}else if(a.account.selectedOption!=null&&l?.id!=null&&l?.zeniAccountId!=a.account.selectedOption){const p=a.account.allOptions.find(V=>V.value===a.account.selectedOption);p!=null&&typeof p.label=="string"&&E.trackConnectBankLink(p.value,p.label,"charge_cards"),de(a.account.selectedOption,l.id,l.accType)}else O.includes("enableAutoPay")&&a.enableAutoPay!=null&&me(a.enableAutoPay)})(H,M))});return()=>{je.unsubscribe()}}),f.useEffect(()=>{!P&&s?.additionalDocumentTypesRequestedForVerification.includes("social_security_card")===!0&&s.areAdditionalDocumentsRequestedForVerification&&!s.areAdditionalDocumentsSubmittedForVerification&&s.userVerificationStatus?.code==="require_info"&&b(!0),P&&L==="In-Progress"&&C==="Completed"&&b(!1)},[s,C,L]),f.useEffect(()=>{A==="In-Progress"&&u.fetchState==="Completed"&&x()},[x,A,u.fetchState]);const I=T?.isChargeCardEnabled===!0,D=z?.isDebitCardEnabled===!0,W=z?.isDebitCardTOSAccepted===!0,$=T?.isChargeCardTOSAccepted===!0,N=_?.isBusinessVerified===!0,Ie=l?.accType==="depositAccount"||Ze(l?.providerVerificationStatus?.code??""),F=k?N:N&&Ie,De=C==="In-Progress"||C==="Not-Started";f.useEffect(()=>{A==="In-Progress"&&u.fetchState==="Completed"&&x()},[x,A,u.fetchState]);const j=k?F&&!D&&W:ae?F&&!I&&$:F&&!(I&&D)&&$&&W,Fe=j?m.setupSubTitleNotEnabled:m.setupSubTitle,q=y.mode==="light"?new X(y.colors.brandColorJadeLight):new X(y.colors.brandColorJadeDark);return t.jsxs(ot,{children:[t.jsx(Re,{anchor:"right",PaperProps:{style:{width:c.overlayWidth.valuePercentage(n),boxShadow:"none"}},open:P,onClose:()=>b(!1),style:{backgroundColor:Le.drawerBackground},transitionDuration:250,children:t.jsx(tt,{authParams:ne,filesEndPoint:te,updateStatus:u,onEditFileName:be,onDeleteFile:Ce,updateFilesEntity:Se,companyOfficer:s,onClose:()=>b(!1),onCompanyOfficerUpdated:we,onSendForVerificationClick:xe})}),t.jsx(We,{title:m.setupTitle,backgroundColor:y.colors.grey4,style:{zIndex:3},onBackClick:se,showMenuIcon:!(I||D||n!=="medium-compact"&&n!=="small"),onClickMenuIcon:ye,source:"ChargeCardSetupPage"}),t.jsxs(at,{windowSize:n,children:[t.jsx(ct,{windowSize:n,children:Fe}),De?t.jsx(st,{children:t.jsx($e,{size:"ExtraLarge",start:!0})}):t.jsx(Ne,{...v,children:t.jsx("form",{id:Y(K),onSubmit:ve,children:t.jsxs(lt,{windowSize:n,children:[t.jsx(qe,{onClick:()=>{P||s?.additionalDocumentTypesRequestedForVerification.includes("social_security_card")!==!0||!s.areAdditionalDocumentsRequestedForVerification||s.areAdditionalDocumentsSubmittedForVerification||s.userVerificationStatus?.code!=="require_info"?re?.():b(!0)},title:U.businessVerificationTitle,subTitle:U.businessVerificationSubTitle,header:U.businessVerificationHeader,icon:{element:t.jsx(Me,{width:c.iconWidthHeight.valuePx(n),height:c.iconWidthHeight.valuePx(n)}),color:q},status:_?.businessVerificationStatus,isLoading:Ae,isActiveWhileLoading:!0}),k?null:t.jsx(He,{connectedAccountProvider:ee,primaryFundingAccount:l,allFundingAccounts:R,plaidConnectionDetails:Ee,allBankAccounts:Te,sectionId:g,isDisabled:r,onFetchLinkTokenClick:ce,onEstablishConnectionClick:ge,onUpdatePaymentAccountStatus:ue,onUpdatePaymentAccountLoginStatus:pe,sectionTitle:m.setupAccountSectionTitle,onEstablishConnectionSuccess:he,icon:{element:t.jsx(Xe,{width:c.iconWidthHeight.valuePx(n),height:c.iconWidthHeight.valuePx(n)}),color:q},analytics:E,productType:"charge_cards",isAccountsEnabled:ie,onSignUpClick:Pe,pageName:m.pageName,accountsPromoConfig:oe,accountSelectContainerStyle:h?{marginBottom:"20px"}:{},bottomComponent:h&&t.jsx(et,{label:{label:Z.payEarly.enableAutoPay.replace("__autoPayThreshold__",e.toString()),style:{color:y.colors.primary,...Ge.smallRegular.cssObject,alignItems:"center"}},style:{width:"unset",marginRight:B.sp4,marginTop:B.sp1,alignItems:n==="small"?"flex-start":"center"},checkBoxField:{name:J(g,"enableAutoPay"),checkBoxValue:J(g,"enableAutoPay"),defaultChecked:T?.isAutoPayEnabled,style:{top:c.checkBoxTop.valuePx(n)}}})})]})})})]}),j?t.jsx(Je,{formId:Y(K),primaryBtn:{label:m.enableAccounts,style:{width:"auto",minWidth:n==="small"?"auto":"181px"},isLoading:u.fetchState==="In-Progress"||ke.fetchState==="In-Progress",isDisabled:r!=null},showCancel:!1,cancelBtn:{label:""},style:{padding:`12px ${B.sp3}`}}):null,t.jsx(Ke,{isFooterRendered:j,meetingUrl:w,analytics:E,productType:"charge_cards"})]})},Q=e=>{const{allBankAccounts:r,allFundingAccounts:w,primaryFundingAccount:h}=e;return{[g]:{fundingAccount:{selectedOption:h?.id,allOptions:w.map(i=>({label:i.label,value:i.id,isRecommended:i.accType==="depositAccount"}))},account:{selectedOption:h?.zeniAccountId,allOptions:r.map(i=>({label:i.accountName,value:i.accountId}))},enableAutoPay:e.companyChargeCardInfo?.isAutoPayEnabled}}},Y=e=>`${e}_form`,at=S.div`
+import{y as je,e as Be,h as Ue,a7 as G,T as _e,c8 as ze,ad as Z,V as t,eI as Re,f as Le,x as d,a_ as We,L as $e,A as Ne,eZ as qe,de as He,e_ as Me,o as B,w as Ge,i4 as J,aU as Ze,a9 as Je,f0 as Ke,O as Qe,m as a,l as Xe}from"./index-BngCC-zG.js";import{a as f}from"./sentry-CHlUi953.js";import{n as S}from"./mui-DyGc7Pg8.js";import{cg as Ye}from"./zeni-epic-state-D8D2Skiq.js";import{x as et}from"./LabeledControlledCheckBoxField-CcPO1k23-wgZTidrw.js";import{g as tt}from"./UploadAdditionalDocumentOverlay-Wl4Spdpn-vi85vqk-.js";import"./pdf-BxqSCr4b.js";import"./core-CVVdXRky.js";import"./lottie-D68Xb3aQ.js";import"./liveblocks-CHs9GmLG.js";import"./recharts-CMjB5mmq.js";import"./dnd-CcRW__D6.js";import"./analytics-CZ3wLx3P.js";import"./plaid-xWfKHEqu.js";import"./utils-BpkJZQMI.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},r=new e.Error().stack;r&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[r]="46c50f30-eade-4d61-887a-834dbee714f5",e._sentryDebugIdIdentifier="sentry-dbid-46c50f30-eade-4d61-887a-834dbee714f5")}catch{}})();const c={titleWidth:new d(343,580,726,826),setupDetailsRowGap:new d(12,a[5],a[5]),sectionRowGap:new d(a[5],a[9],a[9]),iconWidthHeight:new d(20,a[4]),subTitlePaddingTop:new d(12,a[3]),subTitlePaddingBottom:new d(a[3],a[3]),overlayWidth:new d(100,100,59),checkBoxTop:new d(a[1],a[0])},K="chargeCardSetUpPage",g="payAccount",{commonSetUp:nt,spendManagement:it}=Qe.getLocalizedStrings(),{chargeCard:Y}=it,{chargeCardSetUp:m}=Y,{setUp:U}=nt,At=({autoPayThreshold:e,isDisabled:r,meetingUrl:w,isEarlyPayEnabled:h,chargeCardSetUpView:i,connectedAccountProvider:ee,filesEndPoint:te,authParams:ne,isAccountsEnabled:ie,isDebitCardOnlyEnabled:k,isCreditCardOnlyEnabled:oe,accountsPromoConfig:ae,onFetchLinkTokenClick:ce,onBackClick:se,onEnableChargeCardClick:le,onUpdateChargeCardClick:de,onBusinessVerificationSectionClick:re,onUpdatePaymentAccountStatus:ue,onUpdatePaymentAccountLoginStatus:pe,onUpdatePrimaryFundingAccount:fe,onUpdateAutoPayClick:me,onEstablishConnectionClick:ge,onEstablishConnectionSuccess:he,onClickMenuIcon:ye,onEnableChargeCardSuccess:x,onEditFileName:be,onDeleteFile:Ce,updateFilesEntity:Se,onCompanyOfficerUpdated:we,onSendForVerificationClick:xe,onSignUpClick:Pe})=>{const y=je(),n=Be(),T=Ue().analytics,[P,b]=f.useState(!1),{fetchState:C,companyBillPayInfo:_,isRefreshingViewInBackground:Ae,updateStatus:u,accountUpdateStatus:ke,plaidConnectionDetails:Te,allBankAccounts:Ee,companyChargeCardInfo:E,companyDebitCardInfo:z,selectedCompanyOfficer:s,primaryFundingAccount:l,allFundingAccounts:R}=i,L=G(C),A=G(u.fetchState),v=_e({mode:"all",reValidateMode:"onChange",defaultValues:f.useMemo(()=>Q(i),[i]),values:Q(i)}),ve=v.handleSubmit(le);f.useEffect(()=>{const Oe=v.watch((H,{name:M})=>{M!=null&&H!=null&&ze(()=>(async(V,Ve)=>{const o=Ve[g];if(V.includes(g))if(V.includes("fundingAccount")){if(o.fundingAccount.selectedOption!=null&&l?.id!=o.fundingAccount.selectedOption){const p=R.find(j=>j.id===o.fundingAccount.selectedOption);p!=null&&fe(o.fundingAccount.selectedOption,p.accType)}}else if(o.account.selectedOption!=null&&l?.id!=null&&l?.zeniAccountId!=o.account.selectedOption){const p=o.account.allOptions.find(j=>j.value===o.account.selectedOption);p!=null&&typeof p.label=="string"&&T.trackConnectBankLink(p.value,p.label,"charge_cards"),de(o.account.selectedOption,l.id,l.accType)}else V.includes("enableAutoPay")&&o.enableAutoPay!=null&&me(o.enableAutoPay)})(M,H))});return()=>{Oe.unsubscribe()}}),f.useEffect(()=>{!P&&s?.additionalDocumentTypesRequestedForVerification.includes("social_security_card")===!0&&s.areAdditionalDocumentsRequestedForVerification&&!s.areAdditionalDocumentsSubmittedForVerification&&s.userVerificationStatus?.code==="require_info"&&b(!0),P&&L==="In-Progress"&&C==="Completed"&&b(!1)},[s,C,L]),f.useEffect(()=>{A==="In-Progress"&&u.fetchState==="Completed"&&x()},[x,A,u.fetchState]);const I=E?.isChargeCardEnabled===!0,D=z?.isDebitCardEnabled===!0,W=z?.isDebitCardTOSAccepted===!0,$=E?.isChargeCardTOSAccepted===!0,N=_?.isBusinessVerified===!0,Ie=l?.accType==="depositAccount"||Ye(l?.providerVerificationStatus?.code??""),F=k?N:N&&Ie,De=C==="In-Progress"||C==="Not-Started";f.useEffect(()=>{A==="In-Progress"&&u.fetchState==="Completed"&&x()},[x,A,u.fetchState]);const O=k?F&&!D&&W:oe?F&&!I&&$:F&&!(I&&D)&&$&&W,Fe=O?m.setupSubTitleNotEnabled:m.setupSubTitle,q=y.mode==="light"?new Z(y.colors.brandColorJadeLight):new Z(y.colors.brandColorJadeDark);return t.jsxs(at,{children:[t.jsx(Re,{anchor:"right",PaperProps:{style:{width:c.overlayWidth.valuePercentage(n),boxShadow:"none"}},open:P,onClose:()=>b(!1),style:{backgroundColor:Le.drawerBackground},transitionDuration:250,children:t.jsx(tt,{authParams:ne,filesEndPoint:te,updateStatus:u,onEditFileName:be,onDeleteFile:Ce,updateFilesEntity:Se,companyOfficer:s,onClose:()=>b(!1),onCompanyOfficerUpdated:we,onSendForVerificationClick:xe})}),t.jsx(We,{title:m.setupTitle,backgroundColor:y.colors.grey4,style:{zIndex:3},onBackClick:se,showMenuIcon:!(I||D||n!=="medium-compact"&&n!=="small"),onClickMenuIcon:ye,source:"ChargeCardSetupPage"}),t.jsxs(ot,{windowSize:n,children:[t.jsx(ct,{windowSize:n,children:Fe}),De?t.jsx(st,{children:t.jsx($e,{size:"ExtraLarge",start:!0})}):t.jsx(Ne,{...v,children:t.jsx("form",{id:X(K),onSubmit:ve,children:t.jsxs(lt,{windowSize:n,children:[t.jsx(qe,{onClick:()=>{P||s?.additionalDocumentTypesRequestedForVerification.includes("social_security_card")!==!0||!s.areAdditionalDocumentsRequestedForVerification||s.areAdditionalDocumentsSubmittedForVerification||s.userVerificationStatus?.code!=="require_info"?re?.():b(!0)},title:U.businessVerificationTitle,subTitle:U.businessVerificationSubTitle,header:U.businessVerificationHeader,icon:{element:t.jsx(He,{width:c.iconWidthHeight.valuePx(n),height:c.iconWidthHeight.valuePx(n)}),color:q},status:_?.businessVerificationStatus,isLoading:Ae,isActiveWhileLoading:!0}),k?null:t.jsx(Me,{connectedAccountProvider:ee,primaryFundingAccount:l,allFundingAccounts:R,plaidConnectionDetails:Te,allBankAccounts:Ee,sectionId:g,isDisabled:r,onFetchLinkTokenClick:ce,onEstablishConnectionClick:ge,onUpdatePaymentAccountStatus:ue,onUpdatePaymentAccountLoginStatus:pe,sectionTitle:m.setupAccountSectionTitle,onEstablishConnectionSuccess:he,icon:{element:t.jsx(Ze,{width:c.iconWidthHeight.valuePx(n),height:c.iconWidthHeight.valuePx(n)}),color:q},analytics:T,productType:"charge_cards",isAccountsEnabled:ie,onSignUpClick:Pe,pageName:m.pageName,accountsPromoConfig:ae,accountSelectContainerStyle:h?{marginBottom:"20px"}:{},bottomComponent:h&&t.jsx(et,{label:{label:Y.payEarly.enableAutoPay.replace("__autoPayThreshold__",e.toString()),style:{color:y.colors.primary,...Ge.smallRegular.cssObject,alignItems:"center"}},style:{width:"unset",marginRight:B.sp4,marginTop:B.sp1,alignItems:n==="small"?"flex-start":"center"},checkBoxField:{name:J(g,"enableAutoPay"),checkBoxValue:J(g,"enableAutoPay"),defaultChecked:E?.isAutoPayEnabled,style:{top:c.checkBoxTop.valuePx(n)}}})})]})})})]}),O?t.jsx(Je,{formId:X(K),primaryBtn:{label:m.enableAccounts,style:{width:"auto",minWidth:n==="small"?"auto":"181px"},isLoading:u.fetchState==="In-Progress"||ke.fetchState==="In-Progress",isDisabled:r!=null},showCancel:!1,cancelBtn:{label:""},style:{padding:`12px ${B.sp3}`}}):null,t.jsx(Ke,{isFooterRendered:O,meetingUrl:w,analytics:T,productType:"charge_cards"})]})},Q=e=>{const{allBankAccounts:r,allFundingAccounts:w,primaryFundingAccount:h}=e;return{[g]:{fundingAccount:{selectedOption:h?.id,allOptions:w.map(i=>({label:i.label,value:i.id,isRecommended:i.accType==="depositAccount"}))},account:{selectedOption:h?.zeniAccountId,allOptions:r.map(i=>({label:i.accountName,value:i.accountId}))},enableAutoPay:e.companyChargeCardInfo?.isAutoPayEnabled}}},X=e=>`${e}_form`,ot=S.div`
   display: flex;
   justify-content: flex-start;
   height: 100%;
@@ -6,14 +6,14 @@ import{y as Ve,X as Be,m as Ue,a7 as G,P as _e,c8 as ze,ad as X,V as t,eS as Re,
   flex-direction: column;
   align-items: center;
   row-gap: ${e=>c.setupDetailsRowGap.valuePx(e.windowSize)};
-`,ot=S.div`
+`,at=S.div`
   display: flex;
   min-height: 100%;
   height: 100%;
   flex-direction: column;
   width: 100%;
   background-color: ${e=>e.theme.colors.grey4};
-`,ct=S(Ye)`
+`,ct=S(Xe)`
   color: ${e=>e.theme.colors.hero};
   display: flex;
   justify-content: center;
@@ -33,4 +33,4 @@ import{y as Ve,X as Be,m as Ue,a7 as G,P as _e,c8 as ze,ad as X,V as t,eS as Re,
   display: flex;
   flex-direction: column;
   row-gap: ${e=>c.sectionRowGap.valuePx(e.windowSize)};
-`;export{At as default,Y as uniqueName};
+`;export{At as default,X as uniqueName};

package/dist/assets/{ChargeCardStatementsPage-B_ERvgmB-CYpHQAai.js → ChargeCardStatementsPage-ChWyQlw6-BDnJUrTu.js}

@@ -1,4 +1,4 @@
-import{y as F,X as T,V as t,a_ as W,o as h,O as R,x as g,l as B,at as _,m as O,hb as V,L as q,E as J,j as s,by as U}from"./index-DBW4633P.js";import{n as o}from"./mui-C_CXevf3.js";import{$ as X,g as G}from"./BoxItem-B06DK4G--DWbBsOKU.js";import{a as H}from"./sentry-DINNQYpi.js";import{w as K}from"./downloadPdf-BI2Y41h2-Bu4K6jWB.js";import"./liveblocks-BsQBjN-0.js";import"./core-5sxMy3sZ.js";import"./zeni-epic-state-a7Sj5mjO.js";import"./lottie-C2R6rGxS.js";import"./pdf-DyB_VHQx.js";import"./dnd-Cfx_ai1S.js";import"./analytics-Buyhprzd.js";import"./plaid-Yyr3DBd8.js";import"./recharts-CTWfsY-L.js";import"./utils-DmE88LS_.js";import"./commonDimensions-CGHIQ2To-BnULbNsl.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},a=new e.Error().stack;a&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[a]="55a52779-7039-49ba-9b33-1ae1844add14",e._sentryDebugIdIdentifier="sentry-dbid-55a52779-7039-49ba-9b33-1ae1844add14")}catch{}})();const D=R.getLocalizedStrings().months,Y={downloadButtonSize:new g(s[4],20)},Q=o.div`
+import{y as F,e as T,V as t,a_ as W,o as h,O as R,x as g,l as B,at as _,h as O,h9 as V,L as q,b as J,m as s,by as U}from"./index-BngCC-zG.js";import{n as o}from"./mui-DyGc7Pg8.js";import{$ as G,g as H}from"./BoxItem-Bxa1M4QU-BEQbjRW-.js";import{a as K}from"./sentry-CHlUi953.js";import{w as Q}from"./downloadPdf-Dsuxeias-CPZEuUrl.js";import"./pdf-BxqSCr4b.js";import"./zeni-epic-state-D8D2Skiq.js";import"./core-CVVdXRky.js";import"./lottie-D68Xb3aQ.js";import"./liveblocks-CHs9GmLG.js";import"./recharts-CMjB5mmq.js";import"./dnd-CcRW__D6.js";import"./analytics-CZ3wLx3P.js";import"./plaid-xWfKHEqu.js";import"./utils-BpkJZQMI.js";import"./commonDimensions-Oz1tdAcx-Cf4qEJmU.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},a=new e.Error().stack;a&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[a]="0adb18df-8ae6-4665-9b24-3ad858139bdb",e._sentryDebugIdIdentifier="sentry-dbid-0adb18df-8ae6-4665-9b24-3ad858139bdb")}catch{}})();const E=R.getLocalizedStrings().months,Y={downloadButtonSize:new g(s[4],20)},X=o.div`
   display: flex;
   padding: ${h.sp3} ${h.sp4};
   flex-direction: row;
@@ -27,7 +27,7 @@ import{y as F,X as T,V as t,a_ as W,o as h,O as R,x as g,l as B,at as _,m as O,h
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`;function ae({currentTenantCompanyName:e,data:a,index:r,controllerEmails:l,isDebitCardFeatureEnabled:i,isDebitCardSetupEnabled:n,chargeCardCashbackDetailState:d,depositAccountListWithDebitCardIssued:y,debitCardSummary:x,productInformation:C,creditAccountInformation:S,debitAccountInformation:I,cashbackInformation:b,creditAccountRepayment:P,authParams:$,downloadEndPoint:j,boxType:k}){const f=O().analytics,[v,z]=H.useState(!1),c=T(),E=D[a.monthYearPeriod.month-1],p=`${e}-Credit-Card-Monthly-Statement-${D[a.monthYearPeriod.month-1]}-${a.monthYearPeriod.year}.pdf`,m={period:`${a.monthYearPeriod.year}-${V(a.monthYearPeriod.month)}`,format:"pdf"},u=t.jsx(Q,{children:t.jsxs(Z,{children:[t.jsx(ee,{children:E}),t.jsx(te,{"data-testid":J("download-card-statement"),onClick:()=>{d.fetchState==="Completed"&&P.fetchState==="Completed"&&(!(i&&n)||y.fetchState==="Completed"&&x?.fetchState==="Completed")&&b!=null&&f.trackCardsDownloadClick(l,C,b,{fileCategory:"Credit Card Statement",fileType:"pdf",fileName:p,fileMonthYear:`${D[a.monthYearPeriod.month-1]} ${a.monthYearPeriod.year}`},"Credit Card Statements",r+1,S,I),K(`${j}/statements?query=${encodeURIComponent(JSON.stringify(m))}`,p,$,z)},children:v?t.jsx(q,{size:"Small",start:!0}):t.jsx(ie,{windowSize:c})})]})});return t.jsx(G,{content:u,boxType:k,isDisabled:!1,isNotClickable:!0})}const L=R.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])},ve=({currentTenantCompanyName:e,authParams:a,controllerEmails:r,productInformation:l,cashbackInformation:i,creditAccountInformation:n,debitAccountInformation:d,isChargeCardFeatureEnabled:y,isDebitCardFeatureEnabled:x,isDebitCardSetupEnabled:C,isChargeCardSetupEnabled:S,chargeCardCashbackDetailState:I,depositAccountListWithDebitCardIssued:b,creditAccountRepayment:P,debitCardSummary:$,creditAccount:j,downloadEndPoint:k,statementListView:f,onBackClick:v})=>{const z=F(),c=T(),{sortedYear:E,monthsByYearWithSortedMonth:p}=me(f.statements);return t.jsxs(se,{children:[t.jsx(W,{title:L.title,backgroundColor:z.colors.grey4,style:{zIndex:3},onBackClick:v,source:"ChargeCardStatementsPage"}),t.jsx(ce,{windowSize:c,children:f.statements.length===0?t.jsx(M,{children:t.jsx(de,{children:t.jsx(N,{windowSize:c,children:t.jsx(le,{children:L.noStatements})})})}):t.jsx(oe,{children:E.map(m=>t.jsxs(re,{children:[t.jsx(ne,{windowSize:c,children:m}),t.jsx(M,{children:p[m].map((u,A)=>t.jsx(N,{windowSize:c,children:t.jsx(ae,{productInformation:l,creditAccountInformation:n,debitAccountInformation:d,cashbackInformation:i,creditAccountRepayment:P,depositAccountListWithDebitCardIssued:b,debitCardSummary:$,controllerEmails:r,isChargeCardFeatureEnabled:y,isDebitCardFeatureEnabled:x,isDebitCardSetupEnabled:C,isChargeCardSetupEnabled:S,chargeCardCashbackDetailState:I,creditAccount:j,currentTenantCompanyName:e,index:A,data:u,authParams:a,downloadEndPoint:k,boxType:X(A,p[m].length)},u.id)},u.id))})]},m))})})]})},oe=o.div``,re=o.div`
+`;function ae({currentTenantCompanyName:e,data:a,index:r,controllerEmails:l,isDebitCardFeatureEnabled:i,isDebitCardSetupEnabled:n,chargeCardCashbackDetailState:d,depositAccountListWithDebitCardIssued:y,debitCardSummary:x,productInformation:C,creditAccountInformation:S,debitAccountInformation:P,cashbackInformation:b,creditAccountRepayment:$,authParams:I,downloadEndPoint:j,boxType:k}){const f=O().analytics,[v,z]=K.useState(!1),c=T(),D=E[a.monthYearPeriod.month-1],p=`${e}-Credit-Card-Monthly-Statement-${E[a.monthYearPeriod.month-1]}-${a.monthYearPeriod.year}.pdf`,m={period:`${a.monthYearPeriod.year}-${V(a.monthYearPeriod.month)}`,format:"pdf"},u=t.jsx(X,{children:t.jsxs(Z,{children:[t.jsx(ee,{children:D}),t.jsx(te,{"data-testid":J("download-card-statement"),onClick:()=>{d.fetchState==="Completed"&&$.fetchState==="Completed"&&(!(i&&n)||y.fetchState==="Completed"&&x?.fetchState==="Completed")&&b!=null&&f.trackCardsDownloadClick(l,C,b,{fileCategory:"Credit Card Statement",fileType:"pdf",fileName:p,fileMonthYear:`${E[a.monthYearPeriod.month-1]} ${a.monthYearPeriod.year}`},"Credit Card Statements",r+1,S,P),Q(`${j}/statements?query=${encodeURIComponent(JSON.stringify(m))}`,p,I,z)},children:v?t.jsx(q,{size:"Small",start:!0}):t.jsx(ie,{windowSize:c})})]})});return t.jsx(H,{content:u,boxType:k,isDisabled:!1,isNotClickable:!0})}const L=R.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])},ve=({currentTenantCompanyName:e,authParams:a,controllerEmails:r,productInformation:l,cashbackInformation:i,creditAccountInformation:n,debitAccountInformation:d,isChargeCardFeatureEnabled:y,isDebitCardFeatureEnabled:x,isDebitCardSetupEnabled:C,isChargeCardSetupEnabled:S,chargeCardCashbackDetailState:P,depositAccountListWithDebitCardIssued:b,creditAccountRepayment:$,debitCardSummary:I,creditAccount:j,downloadEndPoint:k,statementListView:f,onBackClick:v})=>{const z=F(),c=T(),{sortedYear:D,monthsByYearWithSortedMonth:p}=me(f.statements);return t.jsxs(se,{children:[t.jsx(W,{title:L.title,backgroundColor:z.colors.grey4,style:{zIndex:3},onBackClick:v,source:"ChargeCardStatementsPage"}),t.jsx(ce,{windowSize:c,children:f.statements.length===0?t.jsx(M,{children:t.jsx(de,{children:t.jsx(N,{windowSize:c,children:t.jsx(le,{children:L.noStatements})})})}):t.jsx(oe,{children:D.map(m=>t.jsxs(re,{children:[t.jsx(ne,{windowSize:c,children:m}),t.jsx(M,{children:p[m].map((u,A)=>t.jsx(N,{windowSize:c,children:t.jsx(ae,{productInformation:l,creditAccountInformation:n,debitAccountInformation:d,cashbackInformation:i,creditAccountRepayment:$,depositAccountListWithDebitCardIssued:b,debitCardSummary:I,controllerEmails:r,isChargeCardFeatureEnabled:y,isDebitCardFeatureEnabled:x,isDebitCardSetupEnabled:C,isChargeCardSetupEnabled:S,chargeCardCashbackDetailState:P,creditAccount:j,currentTenantCompanyName:e,index:A,data:u,authParams:a,downloadEndPoint:k,boxType:G(A,p[m].length)},u.id)},u.id))})]},m))})})]})},oe=o.div``,re=o.div`
   margin-bottom: ${h.sp6};
 `,M=o.div``,ne=o(_)`
   margin-left: ${e=>w.titleMarginLeftRight.valuePx(e.windowSize)};