@zeniai/web-app-ui 5.0.91-dev → 5.0.92-delhi
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/AddressRoutes-CE6qbSGk.js +1 -0
- package/dist/assets/AddressScreen-DkNGrVnB.js +9 -0
- package/dist/assets/{AiCfoScreen-oHaKO3YZ.js → AiCfoScreen-CBgoj8T3.js} +1 -1
- package/dist/assets/{BillPayApprovalRoutes--JiwbSlw.js → BillPayApprovalRoutes-C1lNadBd.js} +1 -1
- package/dist/assets/{BillPayRoutes-iu-y_0bY.js → BillPayRoutes-XB7I7eUG.js} +28 -28
- package/dist/assets/{BusinessVerificationPageScreen-BZ6pMYtD.js → BusinessVerificationPageScreen--jb-_NEK.js} +2 -2
- package/dist/assets/{ChargeCardRoutes-B8BvvLNn.js → ChargeCardRoutes-DOEHpyTj.js} +9 -9
- package/dist/assets/{CompanyPassportScreen-Crt0Wguw.js → CompanyPassportScreen-D7ikOuXi.js} +1 -1
- package/dist/assets/ConnectionAuthScreen-DwfBvaYz.js +11 -0
- package/dist/assets/CustomerOnboardingAuthScreen-CBQd1E02.js +1 -0
- package/dist/assets/{CustomerOnboardingRoutes-C-eOXGDS.js → CustomerOnboardingRoutes-BWaOo9Cx.js} +4 -4
- package/dist/assets/{DashboardRoutes-TSlOHhjs.js → DashboardRoutes-dcyTNBEG.js} +3 -3
- package/dist/assets/{DefaultTenantHome-C_6PZH2v.js → DefaultTenantHome-Dhg7vrEu.js} +1 -1
- package/dist/assets/{DomesticWireDetailScreen-Dgz3xvTR.js → DomesticWireDetailScreen-CWJhFUWD.js} +3 -3
- package/dist/assets/{DrawerScreen-DA7W7_FJ.js → DrawerScreen-si6Z3FY7.js} +1 -1
- package/dist/assets/EntityDetailRoutes-BWGTBran.js +1 -0
- package/dist/assets/ExpenseAutomationRoutes-Dx7-sEdk.js +25 -0
- package/dist/assets/{FeaturePreviewScreen-ZZAPjaff.js → FeaturePreviewScreen-RHOSmVgb.js} +1 -1
- package/dist/assets/{HubSpotOAuthCallbackScreen-DOC4BX5c.js → HubSpotOAuthCallbackScreen-DX72NDGu.js} +1 -1
- package/dist/assets/{MagicLinkRoutes-DvIXgxg3.js → MagicLinkRoutes-DhknIQ1P.js} +8 -8
- package/dist/assets/MagicLinkSignInScreen-Csd_nalm.js +12 -0
- package/dist/assets/{MobileAppDrawer-3z1V-CUc.js → MobileAppDrawer-L1vMrpyU.js} +1 -1
- package/dist/assets/NotFoundScreen-DNyI2qP0.js +1 -0
- package/dist/assets/{NotificationRoutes-Bo0zZ1Kt.js → NotificationRoutes-BebZvEZ8.js} +1 -1
- package/dist/assets/{OAuthConsentScreen-Dbc4UpDH.js → OAuthConsentScreen-yciwdWjI.js} +1 -1
- package/dist/assets/PandLWithForecastRoutes-BUDeznHk.js +1 -0
- package/dist/assets/{PeopleRoutes-B92Pa5DO.js → PeopleRoutes-DRqZK4c2.js} +9 -9
- package/dist/assets/PerformanceRoutes-Cw2gpkuZ.js +1 -0
- package/dist/assets/{Preview-CHoySpAn.js → Preview-BcfL_4SY.js} +1 -1
- package/dist/assets/{QBOConnectionScreen-BVyeqZrM.js → QBOConnectionScreen-Diwd8goY.js} +1 -1
- package/dist/assets/{ReferralListScreen-Dos23hEe.js → ReferralListScreen-FRlmT8bW.js} +2 -2
- package/dist/assets/{ReimbursementApprovalRoutes-DHAddbeN.js → ReimbursementApprovalRoutes-hbP66Q4T.js} +1 -1
- package/dist/assets/{ReimbursementApprovalRuleDetailScreen-DBa6iD2W.js → ReimbursementApprovalRuleDetailScreen-r2EHynjx.js} +1 -1
- package/dist/assets/{ReimbursementRoutes-BmvzogVc.js → ReimbursementRoutes-CJ0Iu1Bq.js} +4 -4
- package/dist/assets/{ReportsRoutes-BxWR6xqe.js → ReportsRoutes-Cmgp5c3c.js} +1 -1
- package/dist/assets/RewardsRoutes-CoU5gCUm.js +1 -0
- package/dist/assets/ScreenRoutes-jHX_ty3K.js +2 -0
- package/dist/assets/{SettingsRoutes-jK4Q3qxF.js → SettingsRoutes-Bc8cfpu9.js} +3 -3
- package/dist/assets/{SetupPagesScreen-BqUpkFrc.js → SetupPagesScreen-_y1NMEC2.js} +5 -5
- package/dist/assets/SignInScreen-CynYCo01.js +1 -0
- package/dist/assets/SignOutScreen-Ce_OJMih.js +9 -0
- package/dist/assets/{TaskListScreen-BKqqal1w.js → TaskListScreen-BCZoyA5m.js} +2 -2
- package/dist/assets/{TaskRoutes-_u7Wmqyu.js → TaskRoutes-CY23LK4j.js} +1 -1
- package/dist/assets/{TransactionDetailRoutes-Cw9Uc-n0.js → TransactionDetailRoutes-CK2GDeKW.js} +1 -1
- package/dist/assets/{TransactionDetailScreen-DIVwpSfj.js → TransactionDetailScreen-Cx-HHzFa.js} +2 -2
- package/dist/assets/TransactionListRoutes-BE9BuMAQ.js +1 -0
- package/dist/assets/{TreasuryRoutes-Ch-gY5t9.js → TreasuryRoutes-Bd287a7a.js} +5 -5
- package/dist/assets/{VendorsRoutes-Bx7Q80V-.js → VendorsRoutes-BrpUXe7d.js} +19 -19
- package/dist/assets/WiseConfirmationScreen-BOCW2491.js +12 -0
- package/dist/assets/{ZeniAccountRoutes-OuhMj1ig.js → ZeniAccountRoutes-C8WqQUrk.js} +11 -11
- package/dist/assets/{ZeniAccountStatementScreen-Brn3KW0y.js → ZeniAccountStatementScreen-HdIES2jY.js} +1 -1
- package/dist/assets/{accountMappingHelper-DZZWkdNS.js → accountMappingHelper-DWvcSK1C.js} +1 -1
- package/dist/assets/{analytics-BpTmj6-G.js → analytics-DYzLSwIZ.js} +1 -1
- package/dist/assets/{analyticsHelper-B0HqRRKS.js → analyticsHelper-DXH2vTTa.js} +1 -1
- package/dist/assets/{core-lbYY5woS.js → core-BeBBWfga.js} +1 -1
- package/dist/assets/{decodeURIComponentSafe-Bt7TpCfB.js → decodeURIComponentSafe-OtMMCMcE.js} +1 -1
- package/dist/assets/{dnd-BBkXCQMv.js → dnd-UF85x-t5.js} +1 -1
- package/dist/assets/{empty-BXlVh-7L.js → empty-BWGTDoK6.js} +1 -1
- package/dist/assets/{empty-DuvQh38L.js → empty-BaCT02t1.js} +1 -1
- package/dist/assets/{emptyVideoElement-DsiEcnQV.js → emptyVideoElement-BnRvKEhd.js} +1 -1
- package/dist/assets/epic-n0VtNHE8.js +2 -0
- package/dist/assets/getLocaleForTenant-BM3MG3N6.js +1 -0
- package/dist/assets/{index-D5mVmx24.js → index-BHdC4ErN.js} +1 -1
- package/dist/assets/{index-CmU3R7ot.js → index-BXVcb2Xp.js} +2 -2
- package/dist/assets/{index-YSIKqInC.js → index-CjNRshif.js} +1 -1
- package/dist/assets/{index-BnCtlDzJ.js → index-CvWmMArW.js} +1 -1
- package/dist/assets/{index-DBlyACY-.js → index-DS8xe4Yw.js} +1 -1
- package/dist/assets/{index-CsttCRun.js → index-MRloqTru.js} +12214 -12214
- package/dist/assets/{index-9bPjdOkz.js → index-_ohVjyws.js} +1 -1
- package/dist/assets/{index-wZ-HUxAq.js → index-u46W4WpS.js} +1 -1
- package/dist/assets/{lexical-BoKYrzBU.js → lexical-C_ylRY16.js} +1 -1
- package/dist/assets/{liveblocks-BEuWW_o5.js → liveblocks-BNlilBXq.js} +1 -1
- package/dist/assets/{lottie-DW3oQVJC.js → lottie-DbxhFPB1.js} +1 -1
- package/dist/assets/{mui-hUAh7HgW.js → mui-CnlqDSRv.js} +1 -1
- package/dist/assets/{pathToGoBack-BTgB24PY.js → pathToGoBack-CHG8tIif.js} +1 -1
- package/dist/assets/{pdf-D4eIZozg.js → pdf-Dp2xnkno.js} +4 -4
- package/dist/assets/{pdf-lib-CQ6bcQhi.js → pdf-lib-BEgmFXIU.js} +1 -1
- package/dist/assets/{plaid-DtmQg7la.js → plaid-CBNEU__p.js} +1 -1
- package/dist/assets/{pusher-BH0WSonH.js → pusher-C2HLHaTd.js} +1 -1
- package/dist/assets/{react-FJ8t_fEG.js → react-7oI-YZOA.js} +1 -1
- package/dist/assets/{react-uiz0Bf7s.js → react-CVgRRIOa.js} +1 -1
- package/dist/assets/{react-I3T6BtSv.js → react-PfdOvJhF.js} +1 -1
- package/dist/assets/{react-u3t1vzKM.js → react-QblHkUSH.js} +1 -1
- package/dist/assets/{react-DPfcpAvs.js → react-V6AXUc49.js} +1 -1
- package/dist/assets/{react-DHaugbA3.js → react-vkffk7Xs.js} +1 -1
- package/dist/assets/{recharts-aApoEySM.js → recharts-C5E4pGR4.js} +1 -1
- package/dist/assets/{routePaths-AncZCFgJ.js → routePaths-Dmzz0h9N.js} +1 -1
- package/dist/assets/{sentry-DsHW_1mX.js → sentry-CH2pQ4tM.js} +1 -1
- package/dist/assets/{url-CPbSl3Sf.js → url-BcTKj4a2.js} +1 -1
- package/dist/assets/{url-rO4wjCNo.js → url-CBu622rf.js} +1 -1
- package/dist/assets/{useAiCfoDashboardSuggestedQuestionsChips-BOZLDiKO.js → useAiCfoDashboardSuggestedQuestionsChips-CNrlO2ie.js} +1 -1
- package/dist/assets/useAskAiCfoHostNavButtonProps-DVBsWNa4.js +1 -0
- package/dist/assets/{useDeviceId-CUIt81hA.js → useDeviceId-W860NCQ9.js} +1 -1
- package/dist/assets/{useInitialThreadRequest-Ce_TAmYW.js → useInitialThreadRequest-DA9qj7yj.js} +1 -1
- package/dist/assets/{utils-AZPawxk4.js → utils-C2zbYn9G.js} +1 -1
- package/dist/assets/{withTransactionSidePanel-C9nI8iAG.js → withTransactionSidePanel-B7h02ghb.js} +2 -2
- package/dist/assets/zeni-epic-state-5fEaVO5b.js +13 -0
- package/dist/index.html +1 -1
- package/package.json +4 -3
- package/dist/assets/AddressRoutes-CfEBmv0d.js +0 -1
- package/dist/assets/AddressScreen-Dic8fdZj.js +0 -9
- package/dist/assets/ConnectionAuthScreen-CMvgcToC.js +0 -11
- package/dist/assets/CustomerOnboardingAuthScreen-BWu3bg8J.js +0 -1
- package/dist/assets/EntityDetailRoutes-BC2rYBUq.js +0 -1
- package/dist/assets/ExpenseAutomationRoutes-BLnzE6sM.js +0 -25
- package/dist/assets/MagicLinkSignInScreen-Do3HpkUK.js +0 -12
- package/dist/assets/NotFoundScreen-CcPbqGwL.js +0 -1
- package/dist/assets/PandLWithForecastRoutes-CK7phZDt.js +0 -1
- package/dist/assets/PerformanceRoutes-zwUtk6Fa.js +0 -1
- package/dist/assets/RewardsRoutes-DfxqaoUk.js +0 -1
- package/dist/assets/ScreenRoutes-CJd27YIj.js +0 -2
- package/dist/assets/SignInScreen-DMKJW3-3.js +0 -1
- package/dist/assets/SignOutScreen-DcxoE-cS.js +0 -9
- package/dist/assets/TransactionListRoutes-DdeRCYAU.js +0 -1
- package/dist/assets/WiseConfirmationScreen-DRuEprOC.js +0 -12
- package/dist/assets/epic-CqNfoxZY.js +0 -2
- package/dist/assets/getLocaleForTenant-BJg8tROe.js +0 -1
- package/dist/assets/useAskAiCfoHostNavButtonProps-B6D1gPTU.js +0 -1
- package/dist/assets/zeni-epic-state-DsxPZxrE.js +0 -13
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import{j as s}from"./liveblocks-BEuWW_o5.js";import{l as le,i as ia,h as ue,g as y,u as fe,n as pe,N as fa,s as ut,o as Wt,p as te}from"./core-lbYY5woS.js";import{eQ as ie,bs as Re,Pa as ka,eW as be,eX as ye,eY as Se,fT as Ge,cs as ze,Pb as Ke,Pc as Ma,to as ba,jL as ya,Pd as Sa,gQ as oa,zW as Qe,zY as $a,zZ as Ga,jB as mt,Pe as Ye,zK as Ct,Pf as qt,Pg as Jt,zN as Da,Ph as Xt,Nz as _a,rA as pt,zT as za,g$ as Qt,Pi as ht,Pj as Ze,bq as en,Pk as an,fE as Pa,fD as wa,Ar as tn,fC as Ta,Nf as nn,Pl as gt,cl as ft,cN as rn,Ny as da,B1 as sn,Pm as tt,AD as Fa,Pn as bt,B2 as on,N_ as cn,B3 as dn,BZ as ln,sK as un,BT as mn,Ac as yt,A5 as Cn,Po as pn,fV as hn,Al as St,Ap as It,fU as gn,Pp as fn,AP as At,Pq as bn,Pr as yn,Ps as Sn,An as Et,A8 as kt,zQ as Dt,Ah as _t,Af as Pt,Aj as In,zX as nt,Pt as wt,Pu as va,AA as Ia,Ke as Tt,cO as Ka,Pv as An,Pw as En,Px as kn,Py as Dn,Ax as Na,AW as _n,AS as Pn,At as wn,AU as Tn,AK as Fn,AM as vn,Pz as Ft,B0 as vt,HD as xn,PA as Bn,PB as Ln,PC as Un,PD as xt,PE as Rn,Bn as On,AC as Bt,Aw as ca,AB as jn,PF as Nn,PG as Vn,zH as Hn,PH as Lt,PI as Ut,PJ as Mn,zJ as $n,zI as rt,PK as Gn,PL as zn,PM as Kn,Ka as Yn,PN as Ya,PO as Zn,wi as Rt,kj as Wn,gR as qn,Bs as Jn,PP as Ot,PQ as Xn,Bt as Qn,PR as er,df as ar,ti as tr,Bi as nr,Bc as Ue,bv as rr,bF as sr,cx as or,bG as cr,Jn as ir}from"./zeni-epic-state-DsxPZxrE.js";import{z as Q,I as je,C as ce,j as K,B as la,c1 as xa,cc as dr,p as ve,cd as lr,ce as ur,K as ua,aN as Fe,n as ge,bk as Za,cf as mr,w as ma,h as Ba,m as Wa,c as J,D as qa,cg as Cr,_ as jt,aq as Ja,bw as Je,ch as Va,ci as pr,R as Xa,a6 as hr,cj as gr,at as Nt,a1 as Ha,V as Vt,e as Ht,ck as fr,cl as br,cm as yr,cn as Sr,co as Ir,cp as Ar,o as Aa,cq as Er,cr as kr,cs as Ra,s as Dr,ct as _r,cu as Pr,cv as wr,cw as Tr,cx as Fr,a9 as vr}from"./index-CsttCRun.js";import{n as _e,D as Mt,S as xr}from"./mui-hUAh7HgW.js";import{a as i}from"./sentry-DsHW_1mX.js";import{g as Ce,a as Ca,b as $t,c as Ie,d as Ae,e as Oe,f as Ne,A as Br,h as Qa,P as Lr,i as et,s as Xe,j as Gt,k as Me,l as zt,m as Ur,n as Kt,p as Rr,S as st}from"./SetupPagesScreen-BqUpkFrc.js";import La from"./NotFoundScreen-CcPbqGwL.js";import{M as $e}from"./MobileAppDrawer-3z1V-CUc.js";import{u as Yt}from"./useAskAiCfoHostNavButtonProps-B6D1gPTU.js";import{v as ot}from"./utils-AZPawxk4.js";import{t as Or}from"./AddressScreen-Dic8fdZj.js";import"./recharts-aApoEySM.js";import"./analytics-BpTmj6-G.js";import"./plaid-DtmQg7la.js";import"./dnd-BBkXCQMv.js";import"./stripe-DMRn4zHo.js";import"./lottie-DW3oQVJC.js";import"./lexical-BoKYrzBU.js";import"./pdf-D4eIZozg.js";import"./analyticsHelper-B0HqRRKS.js";import"./routePaths-AncZCFgJ.js";import"./BusinessVerificationPageScreen-BZ6pMYtD.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]="1d74f4d3-6813-4ac3-8823-56addc7b8253",e._sentryDebugIdIdentifier="sentry-dbid-1d74f4d3-6813-4ac3-8823-56addc7b8253")}catch{}})();function jr(){const e=le(),{cardId:t}=ia(),a=ue(),r=Q.getSignedInUser(),n=y(X=>ie(X)),C=je(),p=Re(C?.loggedInUserRoleMap),{useFeatureGate:u}=ce();if(r==null)throw Error("Can't access Add To Wallet Page without signing in...");const[S,o]=i.useState(!1),c=y(X=>ka(X).firstViewAfterActivation);if(t==null)throw Error("Empty card id is not valid...");const _=n.userRole.includes("charge_card_user"),{isFeatureEnabled:A}=u(K.isChargeCardFeatureEnabled),g=!!n.companyChargeCardInfo?.info?.isChargeCardEnabled,{isFeatureEnabled:R}=u(K.isDebitCardFeatureEnabled),F=be(n),k=ye(n),h=Se(R,n),b=n.companyChargeCardInfo?.info?.chargeCardsCreditAccountLimit??0,f=Ie({isDebitCardFeatureEnabled:R,isBankingOnlyTenant:h}),d=Ae({isCardsOnlyTenant:F,isChargeCardFeatureEnabled:A,isBookKeepingTenant:k,isDebitCardProductVisible:f,chargeCardsCreditAccountLimit:b}),D=!!n.companyDebitCardInfo?.info?.isDebitCardEnabled,v=y(X=>Ge(X,n.companyId)),N=ze(v.controllers),{creditAccount:L,creditAccountRepayment:w}=y(X=>Ke(X)),V=y(X=>X.classListState.fetchState),m=!_&&d&&g,l=y(X=>Ma(X,t,m,d)),[P,T]=i.useState(!1),H=l.chargeCard,U=H?.cardCreatedByUser?.userId,Z=y(X=>U!=null?ba(X.userRoleState,U):void 0),I=Z?.accountingClassIDs[0],B=y(X=>I!=null?ya(X.classState,{classId:I,reportId:"class_list"}):void 0),j=H?.cardHolderUser?.userId,O=y(X=>j!=null?ba(X.userRoleState,j):void 0),W=O?.accountingClassIDs[0],E=y(X=>W!=null?ya(X.classState,{classId:W,reportId:"class_list"}):void 0),z=H?.type.code==="business_physical_credit_card"||H?.type.code==="business_physical_debit_card",q=H?.type.code==="business_physical_debit_card";i.useEffect(()=>{c&&S===!1&&z&&(o(!0),setTimeout(()=>{a(Sa()),q&&a(oa({messageSection:"set_debit_card_pin",messageText:"success",type:"success",showStatusIcon:!0}))},5e3))},[c,S,z,q]),i.useEffect(()=>{P||l.fetchState==="Completed"||l.fetchState==="In-Progress"||t==null||(T(!0),a(Qe(t,m,!1)))},[P,l,t,a]),i.useEffect(()=>{if(l.fetchState==="Completed"&&(z===!1||z&&H?.status?.code!=="active"||H?.cardHolderUserId!==r.userId||c===!1&&S===!1||H?.type.code==="business_physical_debit_card"||H?.type.code==="business_virtual_debit_card")){const X=Ce(n.tenantEmailDomain,t,r,H,c);e(X)}},[l.fetchState,c,z]),i.useEffect(()=>{L.fetchState!=="Completed"&&L.fetchState!=="In-Progress"&&d&&g&&p&&a($a()),w.fetchState!=="Completed"&&w.fetchState!=="In-Progress"&&d&&g&&p&&a(Ga()),V!=="Completed"&&V!=="In-Progress"&&a(mt())},[L.fetchState,w.fetchState,a,d,g,p,V]);const G=()=>{if(r!=null&&t!=null){a(Sa());const X=Ce(n.tenantEmailDomain,t,r);e(X)}},x=H?.type.code==="business_physical_debit_card"||H?.type.code==="business_virtual_debit_card",se=Oe(d,f,D,g),ae=Ca(d,g,p,L,w),ne=$t(x,l);return l.fetchState!=="Completed"?s.jsx(la,{fetchState:"In-Progress"}):s.jsxs(s.Fragment,{children:[s.jsx(xa,{showConfetti:c}),s.jsx(dr,{onGotItClick:G,isDebitCard:H?.type.code==="business_physical_debit_card",controllerEmails:N,isChargeCardFeatureEnabled:d,isDebitCardFeatureEnabled:f,isDebitCardSetupEnabled:D,isChargeCardSetupEnabled:g,productInformation:se,creditAccountInformation:ae,debitAccountInformation:ne,chargeCardDetailView:l,creditAccount:L,classListFetchState:V,creditAccountRepayment:w,cardIssuedByRoles:Z?.userRoles,cardIssuedByDepartmentName:B?.className,cardHolderRoles:O?.userRoles,cardHolderDepartmentName:E?.className})]})}const Nr=pe(function(e){const t=Ye(e);return{insightsData:t.insight,cashbackByPeriod:t.cashbackByPeriod,uiState:t.uiState,cashbackSummary:t.cashbackSummary}},function(e){return{onColumnSortConfigChanged:(t,a)=>{e(qt({uiState:{sortKey:t,sortOrder:a}}))}}})(ur);function Vr(){const e=le(),t=ue(),a=fe(),r=Q.getSignedInUser(),n=y(o=>ie(o)),[C,p]=i.useState(!1),u=y(o=>Ye(o)),S=i.useCallback(()=>{const o=ve(a.state?.pathnameStackToGoBack),c=o.poppedPathname??Hr(n.tenantEmailDomain);e(c,{state:{pathnameStackToGoBack:o.newStack}})},[e,a,n.tenantEmailDomain]);if(i.useEffect(()=>{C||u.fetchState==="Completed"||u.fetchState==="In-Progress"||(p(!0),t(Ct()))},[C,u,t]),r==null)throw Error("Can't access cashback detail page without signing in...");return u.fetchState==="In-Progress"?s.jsx(lr,{onBackClick:S}):u.cashbackSummary.cashbackEarned.amount===0&&u.fetchState==="Completed"?s.jsx(La,{}):s.jsx(Nr,{onBackClick:S})}const Hr=e=>`/${e}/cards`,Mr={containerWidth:new ma(100,58)},$r=({appContent:e})=>{const t=ua(),a=ue(),r=le(),{cardId:n}=ia(),C=fe(),{useDynamicConfig:p}=ce(),[u,S]=i.useState(!1),[o,c]=i.useState(!1),[_,A]=i.useState(!1),[g,R]=i.useState(!1),F=Q.getSignedInUser();if(F==null)throw Error("Can't access onboarding card page without signing in...");const k=y(E=>ie(E));if(n==null)throw Error("Empty card id is not valid...");const{configValue:h}=p(Fe.zeniCardsConfig),b=h.max_charge_card_activation_attempts_by_card_id,f=y(E=>Jt(E,n)),d=f.chargeCard,D=y(E=>E.chargeCardConfigState.fetchState),{useFeatureGate:v}=ce(),{isFeatureEnabled:N}=v(K.isChargeCardFeatureEnabled),{isFeatureEnabled:L}=v(K.isDebitCardFeatureEnabled),w=Se(L,k),V=Ie({isDebitCardFeatureEnabled:L,isBankingOnlyTenant:w}),m=!!k.companyChargeCardInfo?.info?.isChargeCardEnabled,l=k.userRole.includes("charge_card_user"),P=be(k),T=ye(k),H=k.companyChargeCardInfo?.info?.chargeCardsCreditAccountLimit??0,U=Ae({isCardsOnlyTenant:P,isChargeCardFeatureEnabled:N,isBookKeepingTenant:T,isDebitCardProductVisible:V,chargeCardsCreditAccountLimit:H}),Z=!l&&U&&m;i.useEffect(()=>{u===!1&&D!=="In-Progress"&&D!=="Completed"&&(a(Da()),S(!0)),o===!1&&f.fetchState==="Not-Started"&&(c(!0),a(Qe(n,Z,U)))},[o,f.fetchState,u,D]);const I=d?.type.code==="business_physical_credit_card"||d?.type.code==="business_physical_debit_card";i.useEffect(()=>{if(f.fetchState==="Completed"){if(_===!1&&(I===!1||I&&d?.status?.code!=="inactive"||d?.cardHolderUserId!==F.userId)){const E=Ce(k.tenantEmailDomain,n,F,d,!0),z=ge(C.state?.pathnameStackToGoBack,C.pathname);r(E,{state:{pathnameStackToGoBack:z}})}else if(_&&f.isRefreshingViewInBackground===!1&&d?.status?.code==="active"){a(Xt({chargeCardId:n}));const E=Ce(k.tenantEmailDomain,n,F,d,!0),z=ge(C.state?.pathnameStackToGoBack,C.pathname);a(_a()),r(E,{state:{pathnameStackToGoBack:z}})}}},[f.fetchState,d?.type.code,_,f.isRefreshingViewInBackground]);const B=Q.getZeniOtpTokenForCardHolder(n),j=y(E=>pt(E.userState,F.userId)),O=()=>{d?.status?.code!=="active"&&a(za(n,!0))};i.useEffect(()=>{f.updatePhysicalChargeCardAttemptFetchState.fetchState==="Completed"&&d?.cardActivationAttemptHistory.some(E=>E.statusCode==="success")===!0&&_===!1&&(setTimeout(O,3e3),A(!0))},[f.updatePhysicalChargeCardAttemptFetchState.fetchState,d?.cardActivationAttemptHistory]);const W=E=>{R(E)};if(D!=="Completed"||d==null)return s.jsx(la,{fetchState:"In-Progress"});if(d.shippingAddressId==null)throw Error("Can't access shippingAddressId.");if(j?.phone==null)throw Error("Can't access user phone number.");return s.jsxs(Kr,{children:[s.jsx($e,{isAppContentDrawerOpen:g,handleDrawerToggle:W}),s.jsx(Gr,{cardId:n,card:d,shippingAddressId:d.shippingAddressId,phone:j.phone,signedInUser:F,isSandboxEnv:Za(),chargeCardDetailState:f,signedInUserToken:B,navigate:r,currentTenant:k,location:C,maxChargeCardActivationAttempts:b[n]!=null?b[n]:h.default_max_charge_card_activation_attempts!=null?h.default_max_charge_card_activation_attempts:3,chargeCardCashbackRatePerTransaction:h.charge_card_cashback_rate_per_transaction!=null?h.charge_card_cashback_rate_per_transaction:.0175,onClickMenuIcon:()=>{W(!0)}}),e!=null?s.jsx(zr,{windowSize:t,children:e}):null]})},Gr=pe(function(e,{chargeCardDetailState:t,shippingAddressId:a,location:r,cardId:n}){const C=Qt(e.addressState,a);if(C==null)throw Error("Can't access shippingAddress.");const p=ht(e,n),u=t.updateStatus,S=Ze(e,!1,!1,!1);let o=!1;S.fetchState==="Completed"&&S.cards.length<=1&&(o=!0);const c=r.state?.message==="comingFromV2UrlPath";return{showActivatePage:t.chargeCard?.providerCardCreateTime!=null&&t.chargeCard.providerCardCreateTime.add(24,"h").isBefore(en())||c,showMenuIcon:o,shippingAddress:C,vgsVaultId:Ba.cardVaultId,twoFAView:p,activationWaitStatus:u,isRefreshingViewInBackground:t.isRefreshingViewInBackground}},function(e,t){const{navigate:a,cardId:r,location:n,currentTenant:C,chargeCardDetailState:p}=t,u=p.chargeCard?.cardProviderID,{tenantEmailDomain:S}=C;return{onGetOtp:o=>{u!=null&&e(Ta(o,"ChargeCardHolder",r))},onUpdatePhysicalChargeCardAttempt:o=>{e(tn(r,o))},onResendOtp:o=>{u!=null&&e(wa(o,"ChargeCardHolder",r))},onVerifyOtp:(o,c)=>{u!=null&&e(Pa(o,c,"ChargeCardHolder",r))},onVerifyOtpSuccess:o=>{o!=null&&Q.saveZeniOtpTokenForCardHolder(o,r)},onCVVActivateSuccess:()=>{e(an({chargeCardId:r}))},onBackClick:()=>{const o=ve(n.state?.pathnameStackToGoBack),c=o.poppedPathname==null||o.poppedPathname.includes("onboard")===!0?Ne(S):o.poppedPathname;a(c,{state:{pathnameStackToGoBack:o.newStack}})}}})(mr),zr=_e.div`
|
|
1
|
+
import{j as s}from"./liveblocks-BNlilBXq.js";import{l as le,i as ia,h as ue,g as y,u as ge,n as pe,N as ga,s as ut,o as Wt,p as te}from"./core-BeBBWfga.js";import{eQ as ie,bs as Re,Pa as ka,eW as be,eX as ye,eY as Se,fT as Ge,cs as ze,Pb as Ze,Pc as Ma,tq as ba,jL as ya,Pd as Sa,gQ as oa,zW as Qe,zY as $a,zZ as Ga,jB as mt,Pe as Ye,zK as Ct,Pf as qt,Pg as Jt,zN as Da,Ph as Xt,Nz as _a,rC as pt,zT as za,g$ as Qt,Pi as ht,Pj as Ke,bq as en,Pk as an,fE as Pa,fD as wa,Ar as tn,fC as Ta,Nf as nn,Pl as ft,cl as gt,cN as rn,Ny as da,B1 as sn,Pm as tt,AD as Fa,Pn as bt,B2 as on,N_ as cn,B3 as dn,BZ as ln,sM as un,BT as mn,Ac as yt,A5 as Cn,Po as pn,fV as hn,Al as St,Ap as It,fU as fn,Pp as gn,AP as At,Pq as bn,Pr as yn,Ps as Sn,An as Et,A8 as kt,zQ as Dt,Ah as _t,Af as Pt,Aj as In,zX as nt,Pt as wt,Pu as va,AA as Ia,Ke as Tt,cO as Za,Pv as An,Pw as En,Px as kn,Py as Dn,Ax as Na,AW as _n,AS as Pn,At as wn,AU as Tn,AK as Fn,AM as vn,Pz as Ft,B0 as vt,HD as xn,PA as Bn,PB as Ln,PC as Un,PD as xt,PE as Rn,Bn as On,AC as Bt,Aw as ca,AB as jn,PF as Nn,PG as Vn,zH as Hn,PH as Lt,PI as Ut,PJ as Mn,zJ as $n,zI as rt,PK as Gn,PL as zn,PM as Zn,Ka as Yn,PN as Ya,PO as Kn,wi as Rt,kj as Wn,gR as qn,Bs as Jn,PP as Ot,PQ as Xn,Bt as Qn,PR as er,df as ar,tk as tr,Bi as nr,Bc as Ue,bv as rr,bF as sr,cx as or,bG as cr,Jn as ir}from"./zeni-epic-state-5fEaVO5b.js";import{z as Q,d as je,a as ce,I as Z,B as la,c1 as xa,cc as dr,p as ve,cd as lr,ce as ur,K as ua,aN as Fe,q as fe,bk as Ka,cf as mr,w as ma,j as Ba,m as Wa,f as J,O as qa,cg as Cr,Z as jt,aq as Ja,bw as Je,ch as Va,ci as pr,v as Xa,a6 as hr,cj as fr,at as Nt,a1 as Ha,V as Vt,h as Ht,ck as gr,cl as br,cm as yr,cn as Sr,co as Ir,cp as Ar,o as Aa,cq as Er,cr as kr,cs as Ra,R as Dr,ct as _r,cu as Pr,cv as wr,cw as Tr,cx as Fr,a9 as vr}from"./index-MRloqTru.js";import{n as _e,D as Mt,S as xr}from"./mui-CnlqDSRv.js";import{a as i}from"./sentry-CH2pQ4tM.js";import{g as Ce,a as Ca,b as $t,c as Ie,d as Ae,e as Oe,f as Ne,A as Br,h as Qa,P as Lr,i as et,s as Xe,j as Gt,k as Me,l as zt,m as Ur,n as Zt,p as Rr,S as st}from"./SetupPagesScreen-_y1NMEC2.js";import La from"./NotFoundScreen-DNyI2qP0.js";import{M as $e}from"./MobileAppDrawer-L1vMrpyU.js";import{u as Yt}from"./useAskAiCfoHostNavButtonProps-DVBsWNa4.js";import{v as ot}from"./utils-C2zbYn9G.js";import{t as Or}from"./AddressScreen-DkNGrVnB.js";import"./recharts-C5E4pGR4.js";import"./analytics-DYzLSwIZ.js";import"./plaid-CBNEU__p.js";import"./dnd-UF85x-t5.js";import"./stripe-DMRn4zHo.js";import"./lottie-DbxhFPB1.js";import"./lexical-C_ylRY16.js";import"./pdf-Dp2xnkno.js";import"./analyticsHelper-DXH2vTTa.js";import"./routePaths-Dmzz0h9N.js";import"./BusinessVerificationPageScreen--jb-_NEK.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]="e189317d-f0e9-4ba5-a7fb-cf4c3b1f53af",e._sentryDebugIdIdentifier="sentry-dbid-e189317d-f0e9-4ba5-a7fb-cf4c3b1f53af")}catch{}})();function jr(){const e=le(),{cardId:t}=ia(),a=ue(),r=Q.getSignedInUser(),n=y(X=>ie(X)),C=je(),p=Re(C?.loggedInUserRoleMap),{useFeatureGate:u}=ce();if(r==null)throw Error("Can't access Add To Wallet Page without signing in...");const[S,o]=i.useState(!1),c=y(X=>ka(X).firstViewAfterActivation);if(t==null)throw Error("Empty card id is not valid...");const _=n.userRole.includes("charge_card_user"),{isFeatureEnabled:A}=u(Z.isChargeCardFeatureEnabled),f=!!n.companyChargeCardInfo?.info?.isChargeCardEnabled,{isFeatureEnabled:R}=u(Z.isDebitCardFeatureEnabled),F=be(n),k=ye(n),h=Se(R,n),b=n.companyChargeCardInfo?.info?.chargeCardsCreditAccountLimit??0,g=Ie({isDebitCardFeatureEnabled:R,isBankingOnlyTenant:h}),d=Ae({isCardsOnlyTenant:F,isChargeCardFeatureEnabled:A,isBookKeepingTenant:k,isDebitCardProductVisible:g,chargeCardsCreditAccountLimit:b}),D=!!n.companyDebitCardInfo?.info?.isDebitCardEnabled,v=y(X=>Ge(X,n.companyId)),N=ze(v.controllers),{creditAccount:L,creditAccountRepayment:w}=y(X=>Ze(X)),V=y(X=>X.classListState.fetchState),m=!_&&d&&f,l=y(X=>Ma(X,t,m,d)),[P,T]=i.useState(!1),H=l.chargeCard,U=H?.cardCreatedByUser?.userId,K=y(X=>U!=null?ba(X.userRoleState,U):void 0),I=K?.accountingClassIDs[0],B=y(X=>I!=null?ya(X.classState,{classId:I,reportId:"class_list"}):void 0),j=H?.cardHolderUser?.userId,O=y(X=>j!=null?ba(X.userRoleState,j):void 0),W=O?.accountingClassIDs[0],E=y(X=>W!=null?ya(X.classState,{classId:W,reportId:"class_list"}):void 0),z=H?.type.code==="business_physical_credit_card"||H?.type.code==="business_physical_debit_card",q=H?.type.code==="business_physical_debit_card";i.useEffect(()=>{c&&S===!1&&z&&(o(!0),setTimeout(()=>{a(Sa()),q&&a(oa({messageSection:"set_debit_card_pin",messageText:"success",type:"success",showStatusIcon:!0}))},5e3))},[c,S,z,q]),i.useEffect(()=>{P||l.fetchState==="Completed"||l.fetchState==="In-Progress"||t==null||(T(!0),a(Qe(t,m,!1)))},[P,l,t,a]),i.useEffect(()=>{if(l.fetchState==="Completed"&&(z===!1||z&&H?.status?.code!=="active"||H?.cardHolderUserId!==r.userId||c===!1&&S===!1||H?.type.code==="business_physical_debit_card"||H?.type.code==="business_virtual_debit_card")){const X=Ce(n.tenantEmailDomain,t,r,H,c);e(X)}},[l.fetchState,c,z]),i.useEffect(()=>{L.fetchState!=="Completed"&&L.fetchState!=="In-Progress"&&d&&f&&p&&a($a()),w.fetchState!=="Completed"&&w.fetchState!=="In-Progress"&&d&&f&&p&&a(Ga()),V!=="Completed"&&V!=="In-Progress"&&a(mt())},[L.fetchState,w.fetchState,a,d,f,p,V]);const G=()=>{if(r!=null&&t!=null){a(Sa());const X=Ce(n.tenantEmailDomain,t,r);e(X)}},x=H?.type.code==="business_physical_debit_card"||H?.type.code==="business_virtual_debit_card",se=Oe(d,g,D,f),ae=Ca(d,f,p,L,w),ne=$t(x,l);return l.fetchState!=="Completed"?s.jsx(la,{fetchState:"In-Progress"}):s.jsxs(s.Fragment,{children:[s.jsx(xa,{showConfetti:c}),s.jsx(dr,{onGotItClick:G,isDebitCard:H?.type.code==="business_physical_debit_card",controllerEmails:N,isChargeCardFeatureEnabled:d,isDebitCardFeatureEnabled:g,isDebitCardSetupEnabled:D,isChargeCardSetupEnabled:f,productInformation:se,creditAccountInformation:ae,debitAccountInformation:ne,chargeCardDetailView:l,creditAccount:L,classListFetchState:V,creditAccountRepayment:w,cardIssuedByRoles:K?.userRoles,cardIssuedByDepartmentName:B?.className,cardHolderRoles:O?.userRoles,cardHolderDepartmentName:E?.className})]})}const Nr=pe(function(e){const t=Ye(e);return{insightsData:t.insight,cashbackByPeriod:t.cashbackByPeriod,uiState:t.uiState,cashbackSummary:t.cashbackSummary}},function(e){return{onColumnSortConfigChanged:(t,a)=>{e(qt({uiState:{sortKey:t,sortOrder:a}}))}}})(ur);function Vr(){const e=le(),t=ue(),a=ge(),r=Q.getSignedInUser(),n=y(o=>ie(o)),[C,p]=i.useState(!1),u=y(o=>Ye(o)),S=i.useCallback(()=>{const o=ve(a.state?.pathnameStackToGoBack),c=o.poppedPathname??Hr(n.tenantEmailDomain);e(c,{state:{pathnameStackToGoBack:o.newStack}})},[e,a,n.tenantEmailDomain]);if(i.useEffect(()=>{C||u.fetchState==="Completed"||u.fetchState==="In-Progress"||(p(!0),t(Ct()))},[C,u,t]),r==null)throw Error("Can't access cashback detail page without signing in...");return u.fetchState==="In-Progress"?s.jsx(lr,{onBackClick:S}):u.cashbackSummary.cashbackEarned.amount===0&&u.fetchState==="Completed"?s.jsx(La,{}):s.jsx(Nr,{onBackClick:S})}const Hr=e=>`/${e}/cards`,Mr={containerWidth:new ma(100,58)},$r=({appContent:e})=>{const t=ua(),a=ue(),r=le(),{cardId:n}=ia(),C=ge(),{useDynamicConfig:p}=ce(),[u,S]=i.useState(!1),[o,c]=i.useState(!1),[_,A]=i.useState(!1),[f,R]=i.useState(!1),F=Q.getSignedInUser();if(F==null)throw Error("Can't access onboarding card page without signing in...");const k=y(E=>ie(E));if(n==null)throw Error("Empty card id is not valid...");const{configValue:h}=p(Fe.zeniCardsConfig),b=h.max_charge_card_activation_attempts_by_card_id,g=y(E=>Jt(E,n)),d=g.chargeCard,D=y(E=>E.chargeCardConfigState.fetchState),{useFeatureGate:v}=ce(),{isFeatureEnabled:N}=v(Z.isChargeCardFeatureEnabled),{isFeatureEnabled:L}=v(Z.isDebitCardFeatureEnabled),w=Se(L,k),V=Ie({isDebitCardFeatureEnabled:L,isBankingOnlyTenant:w}),m=!!k.companyChargeCardInfo?.info?.isChargeCardEnabled,l=k.userRole.includes("charge_card_user"),P=be(k),T=ye(k),H=k.companyChargeCardInfo?.info?.chargeCardsCreditAccountLimit??0,U=Ae({isCardsOnlyTenant:P,isChargeCardFeatureEnabled:N,isBookKeepingTenant:T,isDebitCardProductVisible:V,chargeCardsCreditAccountLimit:H}),K=!l&&U&&m;i.useEffect(()=>{u===!1&&D!=="In-Progress"&&D!=="Completed"&&(a(Da()),S(!0)),o===!1&&g.fetchState==="Not-Started"&&(c(!0),a(Qe(n,K,U)))},[o,g.fetchState,u,D]);const I=d?.type.code==="business_physical_credit_card"||d?.type.code==="business_physical_debit_card";i.useEffect(()=>{if(g.fetchState==="Completed"){if(_===!1&&(I===!1||I&&d?.status?.code!=="inactive"||d?.cardHolderUserId!==F.userId)){const E=Ce(k.tenantEmailDomain,n,F,d,!0),z=fe(C.state?.pathnameStackToGoBack,C.pathname);r(E,{state:{pathnameStackToGoBack:z}})}else if(_&&g.isRefreshingViewInBackground===!1&&d?.status?.code==="active"){a(Xt({chargeCardId:n}));const E=Ce(k.tenantEmailDomain,n,F,d,!0),z=fe(C.state?.pathnameStackToGoBack,C.pathname);a(_a()),r(E,{state:{pathnameStackToGoBack:z}})}}},[g.fetchState,d?.type.code,_,g.isRefreshingViewInBackground]);const B=Q.getZeniOtpTokenForCardHolder(n),j=y(E=>pt(E.userState,F.userId)),O=()=>{d?.status?.code!=="active"&&a(za(n,!0))};i.useEffect(()=>{g.updatePhysicalChargeCardAttemptFetchState.fetchState==="Completed"&&d?.cardActivationAttemptHistory.some(E=>E.statusCode==="success")===!0&&_===!1&&(setTimeout(O,3e3),A(!0))},[g.updatePhysicalChargeCardAttemptFetchState.fetchState,d?.cardActivationAttemptHistory]);const W=E=>{R(E)};if(D!=="Completed"||d==null)return s.jsx(la,{fetchState:"In-Progress"});if(d.shippingAddressId==null)throw Error("Can't access shippingAddressId.");if(j?.phone==null)throw Error("Can't access user phone number.");return s.jsxs(Zr,{children:[s.jsx($e,{isAppContentDrawerOpen:f,handleDrawerToggle:W}),s.jsx(Gr,{cardId:n,card:d,shippingAddressId:d.shippingAddressId,phone:j.phone,signedInUser:F,isSandboxEnv:Ka(),chargeCardDetailState:g,signedInUserToken:B,navigate:r,currentTenant:k,location:C,maxChargeCardActivationAttempts:b[n]!=null?b[n]:h.default_max_charge_card_activation_attempts!=null?h.default_max_charge_card_activation_attempts:3,chargeCardCashbackRatePerTransaction:h.charge_card_cashback_rate_per_transaction!=null?h.charge_card_cashback_rate_per_transaction:.0175,onClickMenuIcon:()=>{W(!0)}}),e!=null?s.jsx(zr,{windowSize:t,children:e}):null]})},Gr=pe(function(e,{chargeCardDetailState:t,shippingAddressId:a,location:r,cardId:n}){const C=Qt(e.addressState,a);if(C==null)throw Error("Can't access shippingAddress.");const p=ht(e,n),u=t.updateStatus,S=Ke(e,!1,!1,!1);let o=!1;S.fetchState==="Completed"&&S.cards.length<=1&&(o=!0);const c=r.state?.message==="comingFromV2UrlPath";return{showActivatePage:t.chargeCard?.providerCardCreateTime!=null&&t.chargeCard.providerCardCreateTime.add(24,"h").isBefore(en())||c,showMenuIcon:o,shippingAddress:C,vgsVaultId:Ba.cardVaultId,twoFAView:p,activationWaitStatus:u,isRefreshingViewInBackground:t.isRefreshingViewInBackground}},function(e,t){const{navigate:a,cardId:r,location:n,currentTenant:C,chargeCardDetailState:p}=t,u=p.chargeCard?.cardProviderID,{tenantEmailDomain:S}=C;return{onGetOtp:o=>{u!=null&&e(Ta(o,"ChargeCardHolder",r))},onUpdatePhysicalChargeCardAttempt:o=>{e(tn(r,o))},onResendOtp:o=>{u!=null&&e(wa(o,"ChargeCardHolder",r))},onVerifyOtp:(o,c)=>{u!=null&&e(Pa(o,c,"ChargeCardHolder",r))},onVerifyOtpSuccess:o=>{o!=null&&Q.saveZeniOtpTokenForCardHolder(o,r)},onCVVActivateSuccess:()=>{e(an({chargeCardId:r}))},onBackClick:()=>{const o=ve(n.state?.pathnameStackToGoBack),c=o.poppedPathname==null||o.poppedPathname.includes("onboard")===!0?Ne(S):o.poppedPathname;a(c,{state:{pathnameStackToGoBack:o.newStack}})}}})(mr),zr=_e.div`
|
|
2
2
|
display: flex;
|
|
3
3
|
flex-direction: column;
|
|
4
4
|
width: ${e=>`${Mr.containerWidth.value(e.windowSize)}%`};
|
|
5
5
|
${e=>e.windowSize!=="small"?"overflow: auto;":""}
|
|
6
|
-
`,
|
|
6
|
+
`,Zr=_e.div`
|
|
7
7
|
display: flex;
|
|
8
8
|
min-height: 100%;
|
|
9
9
|
width: 100%;
|
|
@@ -11,18 +11,18 @@ import{j as s}from"./liveblocks-BEuWW_o5.js";import{l as le,i as ia,h as ue,g as
|
|
|
11
11
|
flex-direction: column;
|
|
12
12
|
align-items: center;
|
|
13
13
|
background-color: ${e=>e.theme.colors.grey4};
|
|
14
|
-
`,Ea=qa.getLocalizedStrings().dateFormat,Yr={overlayWidth:new ma(100,100,58)},
|
|
14
|
+
`,Ea=qa.getLocalizedStrings().dateFormat,Yr={overlayWidth:new ma(100,100,58)},Kr=pe(function(e,t){const a=t.currentTenant?.companyId;return{plaidConnectionDetails:cn(e,a,"zeni_accounts","external_account").plaidConnectionDetails,depositAccountListView:dn(e.depositAccountState,e.depositAccountListState)}},function(e,t){const{navigate:a,currentTenant:r,hasZeniAccountsAdminAccess:n,isZeniAccountsUser:C,isCashbackInfoFetchStateCompleted:p,isCreditCardInfoFetchStateCompleted:u,isDebitCardInfoFetchStateCompleted:S,controllerEmails:o,paymentDetails:c,productInformation:_,cashbackInformation:A,paymentSourceInformation:f,creditAccountInformation:R,debitAccountInformation:F,paymentInitiatedDate:k,sourcePage:h}=t,{tenantEmailDomain:b}=r;return{onBackNavigation:()=>{if(p&&u&&S&&A!=null&&J.trackCardsPayEarlyFormClick(o,_,A,"Back",c.chargeCardRepaymentDetailLocalData.isAutoRepayment,{paymentAmount:c.chargeCardRepaymentDetailLocalData.amount.amount,paymentAccountName:c.chargeCardRepaymentDetailLocalData.transferFrom?.label,paymentAccountType:c.chargeCardRepaymentDetailLocalData.transferFrom?.accType,paymentAccountLastFourDigits:c.chargeCardRepaymentDetailLocalData.transferFrom?.accountLast4,paymentCompleteEta:k?.add(3,"day").format(Ea.visual.MMMDCommaYYYYformat),paymentInitiatedDate:k?.format(Ea.visual.MMMDCommaYYYYformat)},f,R,F),h==="cardPaymentHistory")t.closeDrawerHandler(!0),e(bt());else{const g=Ne(b);a(g)}},onUpdatePaymentAccountStatus:(g,d,D)=>{e(mn(g,d,"bill_pay","bill_pay_detail",D))},onEstablishConnectionSuccess:()=>{e(Fa(r.companyId,!0))},onFetchLinkTokenClick:g=>{e(un("external_account",g))},onEstablishConnectionClick:g=>{e(ln(g,r.companyId,"charge_card_payment","charge_cards"))},onSignUpAccountClick:()=>{n?window.open(`/${b}/checking/promo`,"_blank"):window.open("https://www.zeni.ai/product/business-checking-accounts","_blank")},onMoveMoneyClick:()=>{C?window.open(`/${b}/checking/transfer`):window.open("https://www.zeni.ai/product/business-checking-accounts","_blank")}}})(Cr),at=({isPaymentDrawerOpen:e,closeDrawerHandler:t,pageName:a,creditAccountSpentAmount:r,productInformation:n,sourcePage:C,creditAccountInformation:p,debitAccountInformation:u,cashbackInformation:S,isDebitCardInfoFetchStateCompleted:o,isCreditCardInfoFetchStateCompleted:c,isCashbackInfoFetchStateCompleted:_,paymentInitiatedDate:A,retryRepayment:f})=>{const R=le(),{useDynamicConfig:F}=ce(),{configValue:k}=F(Fe.zeniAccountsConfig),h=nn(k),b=y(G=>ft(G)),{creditAccount:g}=y(G=>Ze(G)),d=y(G=>ie(G)),D=Wa(),v=ua(),N=ue(),L=Q.getSignedInUser(),w=je(),[V,m]=i.useState(!1),[l,P]=i.useState(!1),{configValue:T}=F(Fe.zeniCardsConfig),H=T.credit_card_auto_pay_threshold_by_company_id?.[d.companyId]??T.default_credit_card_auto_pay_threshold??Br,U=gt(w?.loggedInUserRoleMap),K=rn(w?.loggedInUserRoleMap),I=!!d.companyZeniAccountInfo?.info?.isZeniAccountEnabled,B=y(G=>da(G,d.companyId)),j=B.companyChargeCardInfo?.primaryFundingAccount,O=B.allFundingAccounts.find(G=>G.id===j?.accountId),W=y(G=>Ge(G,d.companyId)),E=ze(W.controllers);i.useEffect(()=>{if(b.fetchState!=="Completed"&&b.fetchState!=="In-Progress"&&N(sn()),b.fetchState==="Completed"&&!l){const G=d.companyChargeCardInfo?.info?.primaryFundingAccount?.accountId,x=b.transferFromAccounts.find(ae=>ae.id===G);let se;if(C==="cardPaymentHistory"&&f){const ae=f.paymentAccountId!=null?b.transferFromAccounts.find(ne=>ne.id===f.paymentAccountId):void 0;se={amount:f.amount,isAutoRepayment:d.companyChargeCardInfo?.info?.isAutoPayEnabled??!1,idempotencyKey:ot(),transferFrom:ae??x}}else se={amount:{amount:g.balance.amount+g.hold.amount,currencyCode:g.balance.currencyCode,currencySymbol:g.balance.currencySymbol},isAutoRepayment:d.companyChargeCardInfo?.info?.isAutoPayEnabled??!1,idempotencyKey:ot(),transferFrom:x};N(tt(se)),P(!0)}},[b.fetchState,l,C,f,b.transferFromAccounts,d.companyChargeCardInfo?.info?.primaryFundingAccount?.accountId,d.companyChargeCardInfo?.info?.isAutoPayEnabled,g.balance.amount,g.balance.currencyCode,g.balance.currencySymbol,g.hold.amount,N]);const z={isZeniCheckingEnabled:d.companyZeniAccountInfo?.info?.isZeniAccountEnabled??!1,isZeniCheckingPaymentSource:O?.accType==="depositAccount",creditCardPaymentSourceAccountName:O?.label,creditCardPaymentSourceAccountType:O?.accType,creditCardPaymentSourceLastFourDigits:O?.accountLast4,creditCardPaymentSourceBalance:O?.accountBalance?.available?.amount??0};if(i.useEffect(()=>{B.fetchState!=="Completed"&&B.fetchState!=="In-Progress"&&N(Fa(d.companyId,!0))},[B.fetchState]),i.useEffect(()=>{b.updateStatus==="Completed"&&S!=null&&_&&c&&o&&J.trackCardsPayEarlyPayNowClick(E,n,S,b.chargeCardRepaymentDetailLocalData.isAutoRepayment,{paymentAmount:b.chargeCardRepaymentDetailLocalData.amount.amount,paymentAccountName:b.chargeCardRepaymentDetailLocalData.transferFrom?.label,paymentAccountType:b.chargeCardRepaymentDetailLocalData.transferFrom?.accType,paymentAccountLastFourDigits:b.chargeCardRepaymentDetailLocalData.transferFrom?.accountLast4,paymentCompleteEta:A?.add(3,"day").format(Ea.visual.MMMDCommaYYYYformat),paymentInitiatedDate:A?.format(Ea.visual.MMMDCommaYYYYformat)},z,p,u)},[b.updateStatus,S,_,c,o,A]),i.useEffect(()=>{b.fetchState==="Completed"&&S!=null&&_&&c&&o&&!V&&e&&l&&S!=null&&(J.trackCardsPayEarlyFormView(E,n,S,a,d.companyChargeCardInfo?.info?.isAutoPayEnabled??!1,g.balance.amount,z,p,u),m(!0))},[b,_,c,o,V,e,l]),L==null)throw Error("Can't access invite people page without signing in...");const q=()=>{t(!0),N(bt())};return s.jsx(s.Fragment,{children:s.jsx(Mt,{onClose:()=>{q()},anchor:"right",transitionDuration:250,open:e,PaperProps:{style:{width:Yr.overlayWidth.valuePercentage(v),boxShadow:"none"}},slotProps:{backdrop:{style:{backgroundColor:D.colors.black,opacity:.75,cursor:"pointer"}}},children:s.jsx(Wr,{onClick:G=>G.stopPropagation(),children:s.jsx(Kr,{closeDrawerHandler:t,navigate:R,paymentDetails:b,creditAccountSpentAmount:r,onTransferClick:()=>{_&&c&&o&&S!=null&&J.trackCardsPayEarlyFormClick(E,n,S,"Pay Now",b.chargeCardRepaymentDetailLocalData.isAutoRepayment,{paymentAmount:b.chargeCardRepaymentDetailLocalData.amount.amount,paymentAccountName:b.chargeCardRepaymentDetailLocalData.transferFrom?.label,paymentAccountType:b.chargeCardRepaymentDetailLocalData.transferFrom?.accType,paymentAccountLastFourDigits:b.chargeCardRepaymentDetailLocalData.transferFrom?.accountLast4,paymentCompleteEta:void 0,paymentInitiatedDate:void 0},z,p,u),N(on({companyId:d.companyId}))},onDismissClick:q,onSaveChangesToLocalStore:G=>{N(tt(G))},currentTenant:d,hasZeniAccountsAdminAccess:U,isZeniAccountsUser:K,isZeniAccountSetupEnabled:I,productInformation:n,sourcePage:C,controllerEmails:E,autoPayThreshold:H,paymentSourceInformation:z,creditAccountInformation:p,debitAccountInformation:u,cashbackInformation:S,isCashbackInfoFetchStateCompleted:_,isCreditCardInfoFetchStateCompleted:c,isDebitCardInfoFetchStateCompleted:o,paymentInitiatedDate:A,maxInsuredAmount:h.maxInsuredAmount})})})})},Wr=_e(xr)`
|
|
15
15
|
display: flex;
|
|
16
16
|
min-height: 100%;
|
|
17
17
|
flex-direction: column;
|
|
18
|
-
`,Zt="charge-card-transaction-update",Oa=qa.getLocalizedStrings().dateFormat,qr=pe(function(e,t){const{includeCreditAccountInfo:a,cardId:r,signedInUserToken:n,isChargeCardFeatureEnabled:C}=t,p=Q.getSignedInUser(),u=e.tenantState.currentTenantId,S={userId:p?.userId??"",sessionId:p?.zeniSessionId??"",tenantId:u??""},o=Ma(e,r,a,C),c=pn(e,r),_=hn(e);return{chargeCardDetailView:o,chargeCardsRecurringExpensesState:c,vgsVaultId:Ba.cardVaultId,transactionAttachmentsEndpointToFetch:`${Ha}/card_transaction_attachments`,transactionAttachmentEndpointToDownload:`${Ha}/card_transaction_attachment`,authParams:S,isSnackbarOpen:_.isSnackbarOpen,cardsEndPoint:`${Nt.cardMicroServiceBaseUrl}`,signedInUserToken:o.twoFAView.token??n}},function(e,t){const{cardId:a,currentTenant:r,navigate:n,location:C,cardProviderId:p,includeCreditAccountInfo:u,setIsPaymentOpen:S,controllerEmails:o,productInformation:c,cashbackInformation:_,primaryFundingAccountDetails:A,creditAccountInformation:g,debitAccountInformation:R,isChargeCardFeatureEnabled:F}=t,{tenantEmailDomain:k}=r;return{onEventReceived:h=>{h===Zt&&(e(za(a,!0)),e(nt(a,null,null,!0)))},onReloadTransactions:()=>{e(Qe(a,u,F))},onFetchChargeCardTransactionList:(h,b)=>{e(nt(a,h,b))},onUpdateScrollYOffset:h=>{},onGetOtp:h=>{p!=null&&e(Ta(h,"ChargeCardHolder",a))},onResendOtp:h=>{p!=null&&e(wa(h,"ChargeCardHolder",a))},onVerifyOtp:(h,b)=>{p!=null&&e(Pa(h,b,"ChargeCardHolder",a))},onVerifyOtpSuccess:h=>{h!=null&&Q.saveZeniOtpTokenForCardHolder(h,a)},onColorCodeChange:h=>{e(In(a,h))},onLockChargeCard:(h,b)=>{e(Pt(h,a,b))},onUnlockChargeCard:h=>{e(_t(h,a))},onCloseChargeCard:h=>{e(Dt(a,h))},onFetchChargeCardsRecurringExpenses:()=>{e(kt([a]))},updateChargeCardName:(h,b)=>{e(Et(h,a,b))},updateChargeCardTransactionAttachments:(h,b)=>{b!=null&&e(Sn({transactionId:h,data:b}))},updateChargeCardTransactionUploadReceiptsFetchStatus:(h,b,f,d)=>{e(yn({chargeCardId:b,transactionId:h,fetchState:f,error:d}))},updateChargeCardTransactionReceiptsShowTick:(h,b,f)=>{e(bn({chargeCardId:b,transactionId:h,shouldShowTick:f}))},onChargeCardRevokeInviteClick:()=>{e(At(a))},updateChargeCardTransactionIsViewReceiptClicked:(h,b,f)=>{e(fn({chargeCardId:b,transactionId:h,isViewReceiptClicked:f}))},onChargeCardTransactionRowClick:(h,b)=>{const f=ge(C.state?.pathnameStackToGoBack,C.pathname);n(`../../transaction/${h}/${b}`,{state:{pathnameStackToGoBack:f}})},onBackClick:()=>{const h=ve(C.state?.pathnameStackToGoBack),b=Ne(k);n(b,{state:{pathnameStackToGoBack:h.newStack,message:"comingFromCardDetail"}})},removeSnackbar:()=>{e(gn())},onUpdateDebitCardPinAttempt:h=>{e(It(a,h)),h==="success"&&e(oa({messageSection:"update_debit_card_pin_attempt",messageText:"success",type:"success",showStatusIcon:!0}))},onUploadReceiptComplete:(h,b)=>{h?e(oa({messageSection:"charge_card_receipt_upload",messageText:"success",type:"success",showStatusIcon:!0})):b!=null&&e(oa({messageSection:"charge_card_receipt_upload",messageText:"failed",type:"error",showStatusIcon:!0,variables:[{variableName:"_api-error_",variableValue:b.message}]}))},updateSpendLimit(h,b,f,d){e(St(h,b,f.code,d))},shouldOpenCreditCardPaymentDrawer(h){h&&_!=null&&J.trackCardsPayEarlyClick(o,c,_,"Card Detail","Text Button","Pay Now",{isZeniCheckingEnabled:r.company?.companyZeniAccountInfo.isZeniAccountEnabled??!1,isZeniCheckingPaymentSource:A?.accType==="depositAccount",creditCardPaymentSourceAccountName:A?.label,creditCardPaymentSourceAccountType:A?.accType,creditCardPaymentSourceLastFourDigits:A?.accountLast4,creditCardPaymentSourceBalance:A?.accountBalance?.available?.amount??0},g,R),S(h)}}})(hr(gr));function Jr(){const e=le(),t=ue(),a=fe(),{cardId:r}=ia(),[n,C]=i.useState(!1),[p,u]=i.useState(!1),{useDynamicConfig:S}=ce(),o=Q.getSignedInUser(),c=y(M=>ie(M)),_=y(M=>ka(M).firstViewAfterActivation),A=y(M=>M.classListState.fetchState),{configValue:g}=S(Fe.documentAiReceiptMaxSizeLimitBytesConfig),{configValue:R}=S(Fe.zeniCardsConfig),F=R.enable_card_controls_for_company_ids,k=R.is_card_controls_enabled_for_all_tenants===!0||Array.isArray(F)&&F.includes(c.companyId),[h,b]=i.useState(!1),[f,d]=i.useState(!1),{useFeatureGate:D}=ce(),{isFeatureEnabled:v}=D(K.isChargeCardFeatureEnabled),{isFeatureEnabled:N}=D(K.isDebitCardFeatureEnabled),L=Se(N,c),w=Ie({isDebitCardFeatureEnabled:N,isBankingOnlyTenant:L}),{isFeatureEnabled:V}=D(K.isEarlyPayFeatureEnabled),{isFeatureEnabled:m}=D(K.isCardsCommentingEnabled),l=ye(c),P=be(c),T=c.companyChargeCardInfo?.info?.chargeCardsCreditAccountLimit??0,H=Ae({isCardsOnlyTenant:P,isChargeCardFeatureEnabled:v,isBookKeepingTenant:l,isDebitCardProductVisible:w,chargeCardsCreditAccountLimit:T}),U=!!c.companyDebitCardInfo?.info?.isDebitCardEnabled,Z=!!c.companyChargeCardInfo?.info?.isChargeCardEnabled,I=!c.userRole.includes("charge_card_user")&&H&&Z;if(r==null)throw Error("Empty card id is not valid...");const B=y(M=>da(M,c.companyId)),{creditAccount:j,creditAccountRepayment:O}=y(M=>Ke(M)),W=Q.getZeniOtpTokenForCardHolder(r),E=y(M=>Ma(M,r,I,H)),{isAiCfoAccessEnabled:z,onAskAiCfoClick:q}=Yt({mobileExploreReferrer:"Card Detail"});jt({isDataReady:E.fetchState==="Completed"});const G=y(M=>Ye(M)),x=E.chargeCard,se=je(),ae=Re(se?.loggedInUserRoleMap),ne=x?.type.code==="business_physical_debit_card"||x?.type.code==="business_virtual_debit_card",X=x?.type.code==="business_physical_debit_card"||x?.type.code==="business_physical_credit_card",re=x?.type.code==="business_virtual_debit_card"||x?.type.code==="business_virtual_credit_card",Ee=x?.type.code==="business_virtual_debit_card",xe=Ca(H,Z,ae,j,O),Y=$t(ne,E),he=Qa(ae,G),ke=Oe(H,w,U,Z),Be=E.depositAccountLimitFetchState.fetchState!=="Completed"&&E.depositAccountLimitFetchState.fetchState!=="In-Progress",Pe=y(M=>Ge(M,c.companyId)),we=ze(Pe.controllers),ee=y(M=>x?.cardCreatedByUser?.userId!=null?ba(M.userRoleState,x?.cardCreatedByUser?.userId):void 0),pa=y(M=>ee?.accountingClassIDs[0]!=null?ya(M.classState,{classId:ee?.accountingClassIDs[0],reportId:"class_list"}):void 0),oe=y(M=>x?.cardHolderUser?.userId!=null?ba(M.userRoleState,x?.cardHolderUser?.userId):void 0),ea=y(M=>oe?.accountingClassIDs[0]!=null?ya(M.classState,{classId:oe?.accountingClassIDs[0],reportId:"class_list"}):void 0),de=c?.userRole,Le=y(M=>Ze(M,!1,w,v).revokeCardInvite),aa=Ja(Le.saveStatus.fetchState);if(i.useEffect(()=>{if(aa==="In-Progress"&&Le.saveStatus.fetchState==="Completed"){const M=Ne(c.tenantEmailDomain);e(M)}},[aa,Le.saveStatus.fetchState,e,c.tenantEmailDomain]),i.useEffect(()=>{_&&n===!1&&re&&(C(!0),setTimeout(()=>{t(Sa()),Ee&&t(oa({messageSection:"set_debit_card_pin",messageText:"success",type:"success",showStatusIcon:!0}))},5e3))},[_,n,re,Ee]),i.useEffect(()=>{h||E.fetchState==="Completed"||E.fetchState==="In-Progress"||r==null||(b(!0),t(Qe(r,I,H,!1)))},[h,E,r,t]),i.useEffect(()=>{!f&&E.fetchState==="Completed"&&E.chargeCard?.connectedAccountId!=null&&ne&&Be&&ae&&(d(!0),t(yt({depositAccountId:E.chargeCard?.connectedAccountId})))},[f,E,t,Be,ae]),i.useEffect(()=>{G.fetchState!=="Completed"&&G.fetchState!=="In-Progress"&&ae&&t(Ct()),A!=="Completed"&&A!=="In-Progress"&&t(mt()),E.transactionStatistics.fetchState!=="Completed"&&E.transactionStatistics.fetchState!=="In-Progress"&&t(Cn({chargeCardId:r})),B.fetchState!=="Completed"&&B.fetchState!=="In-Progress"&&t(Fa(c.companyId,!0))},[G.fetchState,t,ae,A,E.transactionStatistics.fetchState,B.fetchState]),i.useEffect(()=>{if(!(E.fetchState!=="Completed"||H&&j.fetchState!=="Completed"||x==null||E.transactionStatistics.fetchState!=="Completed"||ne&&ae&&E.depositAccountLimitFetchState.fetchState!=="Completed")){const M=x.type.code.includes("physical"),me=M?x.cardActivationAttemptHistory[0]?.timestamp:x.createTime;J.trackCardsCardDetailView(we,ke,{cardId:r,cardName:x.cardName,cardType:x.type.code.includes("credit")?"credit":"debit",cardCategory:M?"physical":"virtual",cardLimit:Je(x.limit.amount),cardLastFourDigits:x.accountLast4,cardStatus:x.status.code,cardAssignedDate:x.createTime?.format(Oa.analytics.MMMDashDDDashYYYYFormat),cardIssuedDate:x.providerCardCreateTime?.format(Oa.analytics.MMMDashDDDashYYYYFormat),cardActivatedDate:me?.format(Oa.analytics.MMMDashDDDashYYYYFormat),cardLimitFrequency:x.creditLimitFrequency.name,cardSpentAmount:Je(x.balance.amount),cardAvailableLimit:Je(x.available.amount),cardUtilizationPercent:x.limit.amount>0?Math.round((x.limit.amount-x.available.amount)/x.limit.amount*100):0,cardUtilizationAmount:Je(x.limit.amount-x.available.amount),totalNumberOfDeclinedTransactions:E.transactionStatistics.statistics.totalNumberOfDeclinedTransactions,numberOfDeclinedTransactionsCurrentMonth:E.transactionStatistics.statistics.numberOfDeclinedTransactionsCurrentMonth,totalNumberOfPaidTransactions:E.transactionStatistics.statistics.totalNumberOfPaidTransactions,numberOfPaidTransactionsCurrentMonth:E.transactionStatistics.statistics.numberOfPaidTransactionsCurrentMonth,totalNumberOfCanceledTransactions:E.transactionStatistics.statistics.totalNumberOfCanceledTransactions,numberOfCanceledTransactionsCurrentMonth:E.transactionStatistics.statistics.numberOfCanceledTransactionsCurrentMonth,totalNumberOfAuthorizedTransactions:E.transactionStatistics.statistics.totalNumberOfAuthorizedTransactions,numberOfAuthorizedTransactionsCurrentMonth:E.transactionStatistics.statistics.numberOfAuthorizedTransactionsCurrentMonth,totalNumberOfTransactionsWithReceipts:E.transactionStatistics.statistics.totalNumberOfTransactionsWithReceipts,numberOfTransactionsWithReceiptsCurrentMonth:E.transactionStatistics.statistics.numberOfTransactionsWithReceiptsCurrentMonth},{cardIssuedByName:Va(x.cardCreatedByUser,!1),cardIssuedByEmail:x.cardCreatedByUser?.email,cardIssuedByUserId:x.cardCreatedByUser?.userId,cardIssuedByRole:ee?.userRoles,cardIssuedByDepartment:pa?.className},{cardholderName:Va(x.cardHolderUser,!1),cardholderEmail:x.cardHolderUser?.email,cardholderRole:oe?.userRoles,cardholderUserId:x.cardHolderUser?.userId,cardholderDepartment:ea?.className},xe,Y)}},[E.fetchState,E.depositAccountLimitFetchState.fetchState,E.transactionStatistics.fetchState,j.fetchState,ae]),o==null)throw Error("Can't access card detail page without signing in...");const We=c.companyId??Q.getSignedInUserTenant(c.tenantEmailDomain)?.companyId,ta={events:We!=null?[`private-encrypted-${We}.${Zt}`]:[],eventCallback:(M,me,Te)=>{Te.onEventReceived(M)}},na=()=>{if(r!=null&&x!=null){const{ownerName:M,cardName:me,utilisation:Te,limit:Ve,frequency:qe,cardColor:$}=ja(x),De=x.cardHolderUserId===o.userId;J.trackCardsDetailPageViewed(r,M,me,Te,Ve,qe,$,De)}};i.useEffect(()=>{if(E.fetchState==="Completed"){const M=E.chargeCard;if(M?.status.code==="inactive"||ne&&M?.isPinSet===!1||X&&_){const me=Ce(c.tenantEmailDomain,r,o,x,_);e(me)}}},[E.fetchState]);const ra=(M,me)=>{if(r!=null&&x!=null){const{ownerName:Te,cardName:Ve,utilisation:qe,limit:$,frequency:De}=ja(x),He=x.cardHolderUserId===o.userId;J.trackCardsDetailPageClicked(r,Te,Ve,qe,$,De,M,He,me)}},sa=(M,me)=>{if(r!=null&&x!=null){const{ownerName:Te,cardName:Ve,utilisation:qe,limit:$,frequency:De}=ja(x),He=x.cardHolderUserId===o.userId;J.trackCardsVerifyPopUpClick(r,Te,Ve,qe,$,De,M,He,me)}},Ua=j.balance.amount+j.hold.amount,ha=c.companyChargeCardInfo?.info?.primaryFundingAccount,ga=B.allFundingAccounts.find(M=>M.id===ha?.accountId);return r==null||E.fetchState==="Error"?s.jsx(La,{}):E.fetchState==="In-Progress"||E.fetchState==="Not-Started"||Le.saveStatus.fetchState==="In-Progress"||ne&&ae&&E.depositAccountLimitFetchState.fetchState!=="Completed"?s.jsx(pr,{}):s.jsxs(s.Fragment,{children:[s.jsx(xa,{showConfetti:_}),E.fetchState==="Completed"?s.jsx(Xa,{analytics:J,onLoad:na}):null,p===!0?s.jsx(at,{closeDrawerHandler:()=>u(!1),isPaymentDrawerOpen:p,pageName:"Card Detail",sourcePage:"cardDetailPage",productInformation:ke,creditAccountInformation:xe,debitAccountInformation:Y,cashbackInformation:he,creditAccountSpentAmount:Ua,isDebitCardInfoFetchStateCompleted:!ne||!ae||E.depositAccountLimitFetchState.fetchState==="Completed",isCreditCardInfoFetchStateCompleted:!H||j.fetchState==="Completed",isCashbackInfoFetchStateCompleted:!ae||G.fetchState==="Completed",paymentInitiatedDate:O.initiatedRepaymentDate}):null,s.jsx(qr,{...ta,hideSorting:!0,onColumnSortConfigChanged:()=>{},onFireVerifyPopOnClickAnalytics:sa,onFireOnClickAnalytics:ra,isSandboxEnv:Za(),signedInUser:o,location:a,navigate:e,setIsPaymentOpen:u,cardIssuedByRoles:ee?.userRoles,cardIssuedByDepartmentName:pa?.className,cardHolderRoles:oe?.userRoles,cardHolderDepartmentName:ea?.className,loggedInUserRole:de,isChargeCardFeatureEnabled:H,isDebitCardFeatureEnabled:w,isDebitCardSetupEnabled:U,isChargeCardSetupEnabled:Z,isCardControlsEnabled:k,isEarlyPayEnabled:V,controllerEmails:we,chargeCardCashbackDetailState:G,productInformation:ke,creditAccountInformation:xe,debitAccountInformation:Y,cashbackInformation:he,classListFetchState:A,primaryFundingAccountDetails:ga,currentTenant:c,cardProviderId:E.chargeCard?.cardProviderID,cardId:r,creditAccount:j,creditAccountRepayment:O,includeCreditAccountInfo:I,signedInUserToken:W,appleWalletLink:"shoebox://",googleWalletLink:"https://www.android.com/payapp/",documentAiReceiptMaxSizeLimit:g.documentAiReceiptMaxSizeLimitBytes!=null?g.documentAiReceiptMaxSizeLimitBytes:9437184,isAiCfoAccessEnabled:z,onAskAiCfoClick:q,isCardsCommentingEnabled:m})]})}const ja=e=>{const t=`${e.cardHolderUser?.firstName.toLowerCase()} ${e.cardHolderUser?.lastName.toLowerCase()}`,a=e.cardName,r=(e.limit.amount??0)-(e.available.amount??0),n=e.limit.amount,C=e.creditLimitFrequency.name;return{ownerName:t,cardName:a,utilisation:r,cardColor:e.cardColorCode??"",frequency:C,limit:n}},Xr=_e.div`
|
|
18
|
+
`,Kt="charge-card-transaction-update",Oa=qa.getLocalizedStrings().dateFormat,qr=pe(function(e,t){const{includeCreditAccountInfo:a,cardId:r,signedInUserToken:n,isChargeCardFeatureEnabled:C}=t,p=Q.getSignedInUser(),u=e.tenantState.currentTenantId,S={userId:p?.userId??"",sessionId:p?.zeniSessionId??"",tenantId:u??""},o=Ma(e,r,a,C),c=pn(e,r),_=hn(e);return{chargeCardDetailView:o,chargeCardsRecurringExpensesState:c,vgsVaultId:Ba.cardVaultId,transactionAttachmentsEndpointToFetch:`${Ha}/card_transaction_attachments`,transactionAttachmentEndpointToDownload:`${Ha}/card_transaction_attachment`,authParams:S,isSnackbarOpen:_.isSnackbarOpen,cardsEndPoint:`${Nt.cardMicroServiceBaseUrl}`,signedInUserToken:o.twoFAView.token??n}},function(e,t){const{cardId:a,currentTenant:r,navigate:n,location:C,cardProviderId:p,includeCreditAccountInfo:u,setIsPaymentOpen:S,controllerEmails:o,productInformation:c,cashbackInformation:_,primaryFundingAccountDetails:A,creditAccountInformation:f,debitAccountInformation:R,isChargeCardFeatureEnabled:F}=t,{tenantEmailDomain:k}=r;return{onEventReceived:h=>{h===Kt&&(e(za(a,!0)),e(nt(a,null,null,!0)))},onReloadTransactions:()=>{e(Qe(a,u,F))},onFetchChargeCardTransactionList:(h,b)=>{e(nt(a,h,b))},onUpdateScrollYOffset:h=>{},onGetOtp:h=>{p!=null&&e(Ta(h,"ChargeCardHolder",a))},onResendOtp:h=>{p!=null&&e(wa(h,"ChargeCardHolder",a))},onVerifyOtp:(h,b)=>{p!=null&&e(Pa(h,b,"ChargeCardHolder",a))},onVerifyOtpSuccess:h=>{h!=null&&Q.saveZeniOtpTokenForCardHolder(h,a)},onColorCodeChange:h=>{e(In(a,h))},onLockChargeCard:(h,b)=>{e(Pt(h,a,b))},onUnlockChargeCard:h=>{e(_t(h,a))},onCloseChargeCard:h=>{e(Dt(a,h))},onFetchChargeCardsRecurringExpenses:()=>{e(kt([a]))},updateChargeCardName:(h,b)=>{e(Et(h,a,b))},updateChargeCardTransactionAttachments:(h,b)=>{b!=null&&e(Sn({transactionId:h,data:b}))},updateChargeCardTransactionUploadReceiptsFetchStatus:(h,b,g,d)=>{e(yn({chargeCardId:b,transactionId:h,fetchState:g,error:d}))},updateChargeCardTransactionReceiptsShowTick:(h,b,g)=>{e(bn({chargeCardId:b,transactionId:h,shouldShowTick:g}))},onChargeCardRevokeInviteClick:()=>{e(At(a))},updateChargeCardTransactionIsViewReceiptClicked:(h,b,g)=>{e(gn({chargeCardId:b,transactionId:h,isViewReceiptClicked:g}))},onChargeCardTransactionRowClick:(h,b)=>{const g=fe(C.state?.pathnameStackToGoBack,C.pathname);n(`../../transaction/${h}/${b}`,{state:{pathnameStackToGoBack:g}})},onBackClick:()=>{const h=ve(C.state?.pathnameStackToGoBack),b=Ne(k);n(b,{state:{pathnameStackToGoBack:h.newStack,message:"comingFromCardDetail"}})},removeSnackbar:()=>{e(fn())},onUpdateDebitCardPinAttempt:h=>{e(It(a,h)),h==="success"&&e(oa({messageSection:"update_debit_card_pin_attempt",messageText:"success",type:"success",showStatusIcon:!0}))},onUploadReceiptComplete:(h,b)=>{h?e(oa({messageSection:"charge_card_receipt_upload",messageText:"success",type:"success",showStatusIcon:!0})):b!=null&&e(oa({messageSection:"charge_card_receipt_upload",messageText:"failed",type:"error",showStatusIcon:!0,variables:[{variableName:"_api-error_",variableValue:b.message}]}))},updateSpendLimit(h,b,g,d){e(St(h,b,g.code,d))},shouldOpenCreditCardPaymentDrawer(h){h&&_!=null&&J.trackCardsPayEarlyClick(o,c,_,"Card Detail","Text Button","Pay Now",{isZeniCheckingEnabled:r.company?.companyZeniAccountInfo.isZeniAccountEnabled??!1,isZeniCheckingPaymentSource:A?.accType==="depositAccount",creditCardPaymentSourceAccountName:A?.label,creditCardPaymentSourceAccountType:A?.accType,creditCardPaymentSourceLastFourDigits:A?.accountLast4,creditCardPaymentSourceBalance:A?.accountBalance?.available?.amount??0},f,R),S(h)}}})(hr(fr));function Jr(){const e=le(),t=ue(),a=ge(),{cardId:r}=ia(),[n,C]=i.useState(!1),[p,u]=i.useState(!1),{useDynamicConfig:S}=ce(),o=Q.getSignedInUser(),c=y(M=>ie(M)),_=y(M=>ka(M).firstViewAfterActivation),A=y(M=>M.classListState.fetchState),{configValue:f}=S(Fe.documentAiReceiptMaxSizeLimitBytesConfig),{configValue:R}=S(Fe.zeniCardsConfig),F=R.enable_card_controls_for_company_ids,k=R.is_card_controls_enabled_for_all_tenants===!0||Array.isArray(F)&&F.includes(c.companyId),[h,b]=i.useState(!1),[g,d]=i.useState(!1),{useFeatureGate:D}=ce(),{isFeatureEnabled:v}=D(Z.isChargeCardFeatureEnabled),{isFeatureEnabled:N}=D(Z.isDebitCardFeatureEnabled),L=Se(N,c),w=Ie({isDebitCardFeatureEnabled:N,isBankingOnlyTenant:L}),{isFeatureEnabled:V}=D(Z.isEarlyPayFeatureEnabled),{isFeatureEnabled:m}=D(Z.isCardsCommentingEnabled),l=ye(c),P=be(c),T=c.companyChargeCardInfo?.info?.chargeCardsCreditAccountLimit??0,H=Ae({isCardsOnlyTenant:P,isChargeCardFeatureEnabled:v,isBookKeepingTenant:l,isDebitCardProductVisible:w,chargeCardsCreditAccountLimit:T}),U=!!c.companyDebitCardInfo?.info?.isDebitCardEnabled,K=!!c.companyChargeCardInfo?.info?.isChargeCardEnabled,I=!c.userRole.includes("charge_card_user")&&H&&K;if(r==null)throw Error("Empty card id is not valid...");const B=y(M=>da(M,c.companyId)),{creditAccount:j,creditAccountRepayment:O}=y(M=>Ze(M)),W=Q.getZeniOtpTokenForCardHolder(r),E=y(M=>Ma(M,r,I,H)),{isAiCfoAccessEnabled:z,onAskAiCfoClick:q}=Yt({mobileExploreReferrer:"Card Detail"});jt({isDataReady:E.fetchState==="Completed"});const G=y(M=>Ye(M)),x=E.chargeCard,se=je(),ae=Re(se?.loggedInUserRoleMap),ne=x?.type.code==="business_physical_debit_card"||x?.type.code==="business_virtual_debit_card",X=x?.type.code==="business_physical_debit_card"||x?.type.code==="business_physical_credit_card",re=x?.type.code==="business_virtual_debit_card"||x?.type.code==="business_virtual_credit_card",Ee=x?.type.code==="business_virtual_debit_card",xe=Ca(H,K,ae,j,O),Y=$t(ne,E),he=Qa(ae,G),ke=Oe(H,w,U,K),Be=E.depositAccountLimitFetchState.fetchState!=="Completed"&&E.depositAccountLimitFetchState.fetchState!=="In-Progress",Pe=y(M=>Ge(M,c.companyId)),we=ze(Pe.controllers),ee=y(M=>x?.cardCreatedByUser?.userId!=null?ba(M.userRoleState,x?.cardCreatedByUser?.userId):void 0),pa=y(M=>ee?.accountingClassIDs[0]!=null?ya(M.classState,{classId:ee?.accountingClassIDs[0],reportId:"class_list"}):void 0),oe=y(M=>x?.cardHolderUser?.userId!=null?ba(M.userRoleState,x?.cardHolderUser?.userId):void 0),ea=y(M=>oe?.accountingClassIDs[0]!=null?ya(M.classState,{classId:oe?.accountingClassIDs[0],reportId:"class_list"}):void 0),de=c?.userRole,Le=y(M=>Ke(M,!1,w,v).revokeCardInvite),aa=Ja(Le.saveStatus.fetchState);if(i.useEffect(()=>{if(aa==="In-Progress"&&Le.saveStatus.fetchState==="Completed"){const M=Ne(c.tenantEmailDomain);e(M)}},[aa,Le.saveStatus.fetchState,e,c.tenantEmailDomain]),i.useEffect(()=>{_&&n===!1&&re&&(C(!0),setTimeout(()=>{t(Sa()),Ee&&t(oa({messageSection:"set_debit_card_pin",messageText:"success",type:"success",showStatusIcon:!0}))},5e3))},[_,n,re,Ee]),i.useEffect(()=>{h||E.fetchState==="Completed"||E.fetchState==="In-Progress"||r==null||(b(!0),t(Qe(r,I,H,!1)))},[h,E,r,t]),i.useEffect(()=>{!g&&E.fetchState==="Completed"&&E.chargeCard?.connectedAccountId!=null&&ne&&Be&&ae&&(d(!0),t(yt({depositAccountId:E.chargeCard?.connectedAccountId})))},[g,E,t,Be,ae]),i.useEffect(()=>{G.fetchState!=="Completed"&&G.fetchState!=="In-Progress"&&ae&&t(Ct()),A!=="Completed"&&A!=="In-Progress"&&t(mt()),E.transactionStatistics.fetchState!=="Completed"&&E.transactionStatistics.fetchState!=="In-Progress"&&t(Cn({chargeCardId:r})),B.fetchState!=="Completed"&&B.fetchState!=="In-Progress"&&t(Fa(c.companyId,!0))},[G.fetchState,t,ae,A,E.transactionStatistics.fetchState,B.fetchState]),i.useEffect(()=>{if(!(E.fetchState!=="Completed"||H&&j.fetchState!=="Completed"||x==null||E.transactionStatistics.fetchState!=="Completed"||ne&&ae&&E.depositAccountLimitFetchState.fetchState!=="Completed")){const M=x.type.code.includes("physical"),me=M?x.cardActivationAttemptHistory[0]?.timestamp:x.createTime;J.trackCardsCardDetailView(we,ke,{cardId:r,cardName:x.cardName,cardType:x.type.code.includes("credit")?"credit":"debit",cardCategory:M?"physical":"virtual",cardLimit:Je(x.limit.amount),cardLastFourDigits:x.accountLast4,cardStatus:x.status.code,cardAssignedDate:x.createTime?.format(Oa.analytics.MMMDashDDDashYYYYFormat),cardIssuedDate:x.providerCardCreateTime?.format(Oa.analytics.MMMDashDDDashYYYYFormat),cardActivatedDate:me?.format(Oa.analytics.MMMDashDDDashYYYYFormat),cardLimitFrequency:x.creditLimitFrequency.name,cardSpentAmount:Je(x.balance.amount),cardAvailableLimit:Je(x.available.amount),cardUtilizationPercent:x.limit.amount>0?Math.round((x.limit.amount-x.available.amount)/x.limit.amount*100):0,cardUtilizationAmount:Je(x.limit.amount-x.available.amount),totalNumberOfDeclinedTransactions:E.transactionStatistics.statistics.totalNumberOfDeclinedTransactions,numberOfDeclinedTransactionsCurrentMonth:E.transactionStatistics.statistics.numberOfDeclinedTransactionsCurrentMonth,totalNumberOfPaidTransactions:E.transactionStatistics.statistics.totalNumberOfPaidTransactions,numberOfPaidTransactionsCurrentMonth:E.transactionStatistics.statistics.numberOfPaidTransactionsCurrentMonth,totalNumberOfCanceledTransactions:E.transactionStatistics.statistics.totalNumberOfCanceledTransactions,numberOfCanceledTransactionsCurrentMonth:E.transactionStatistics.statistics.numberOfCanceledTransactionsCurrentMonth,totalNumberOfAuthorizedTransactions:E.transactionStatistics.statistics.totalNumberOfAuthorizedTransactions,numberOfAuthorizedTransactionsCurrentMonth:E.transactionStatistics.statistics.numberOfAuthorizedTransactionsCurrentMonth,totalNumberOfTransactionsWithReceipts:E.transactionStatistics.statistics.totalNumberOfTransactionsWithReceipts,numberOfTransactionsWithReceiptsCurrentMonth:E.transactionStatistics.statistics.numberOfTransactionsWithReceiptsCurrentMonth},{cardIssuedByName:Va(x.cardCreatedByUser,!1),cardIssuedByEmail:x.cardCreatedByUser?.email,cardIssuedByUserId:x.cardCreatedByUser?.userId,cardIssuedByRole:ee?.userRoles,cardIssuedByDepartment:pa?.className},{cardholderName:Va(x.cardHolderUser,!1),cardholderEmail:x.cardHolderUser?.email,cardholderRole:oe?.userRoles,cardholderUserId:x.cardHolderUser?.userId,cardholderDepartment:ea?.className},xe,Y)}},[E.fetchState,E.depositAccountLimitFetchState.fetchState,E.transactionStatistics.fetchState,j.fetchState,ae]),o==null)throw Error("Can't access card detail page without signing in...");const We=c.companyId??Q.getSignedInUserTenant(c.tenantEmailDomain)?.companyId,ta={events:We!=null?[`private-encrypted-${We}.${Kt}`]:[],eventCallback:(M,me,Te)=>{Te.onEventReceived(M)}},na=()=>{if(r!=null&&x!=null){const{ownerName:M,cardName:me,utilisation:Te,limit:Ve,frequency:qe,cardColor:$}=ja(x),De=x.cardHolderUserId===o.userId;J.trackCardsDetailPageViewed(r,M,me,Te,Ve,qe,$,De)}};i.useEffect(()=>{if(E.fetchState==="Completed"){const M=E.chargeCard;if(M?.status.code==="inactive"||ne&&M?.isPinSet===!1||X&&_){const me=Ce(c.tenantEmailDomain,r,o,x,_);e(me)}}},[E.fetchState]);const ra=(M,me)=>{if(r!=null&&x!=null){const{ownerName:Te,cardName:Ve,utilisation:qe,limit:$,frequency:De}=ja(x),He=x.cardHolderUserId===o.userId;J.trackCardsDetailPageClicked(r,Te,Ve,qe,$,De,M,He,me)}},sa=(M,me)=>{if(r!=null&&x!=null){const{ownerName:Te,cardName:Ve,utilisation:qe,limit:$,frequency:De}=ja(x),He=x.cardHolderUserId===o.userId;J.trackCardsVerifyPopUpClick(r,Te,Ve,qe,$,De,M,He,me)}},Ua=j.balance.amount+j.hold.amount,ha=c.companyChargeCardInfo?.info?.primaryFundingAccount,fa=B.allFundingAccounts.find(M=>M.id===ha?.accountId);return r==null||E.fetchState==="Error"?s.jsx(La,{}):E.fetchState==="In-Progress"||E.fetchState==="Not-Started"||Le.saveStatus.fetchState==="In-Progress"||ne&&ae&&E.depositAccountLimitFetchState.fetchState!=="Completed"?s.jsx(pr,{}):s.jsxs(s.Fragment,{children:[s.jsx(xa,{showConfetti:_}),E.fetchState==="Completed"?s.jsx(Xa,{analytics:J,onLoad:na}):null,p===!0?s.jsx(at,{closeDrawerHandler:()=>u(!1),isPaymentDrawerOpen:p,pageName:"Card Detail",sourcePage:"cardDetailPage",productInformation:ke,creditAccountInformation:xe,debitAccountInformation:Y,cashbackInformation:he,creditAccountSpentAmount:Ua,isDebitCardInfoFetchStateCompleted:!ne||!ae||E.depositAccountLimitFetchState.fetchState==="Completed",isCreditCardInfoFetchStateCompleted:!H||j.fetchState==="Completed",isCashbackInfoFetchStateCompleted:!ae||G.fetchState==="Completed",paymentInitiatedDate:O.initiatedRepaymentDate}):null,s.jsx(qr,{...ta,hideSorting:!0,onColumnSortConfigChanged:()=>{},onFireVerifyPopOnClickAnalytics:sa,onFireOnClickAnalytics:ra,isSandboxEnv:Ka(),signedInUser:o,location:a,navigate:e,setIsPaymentOpen:u,cardIssuedByRoles:ee?.userRoles,cardIssuedByDepartmentName:pa?.className,cardHolderRoles:oe?.userRoles,cardHolderDepartmentName:ea?.className,loggedInUserRole:de,isChargeCardFeatureEnabled:H,isDebitCardFeatureEnabled:w,isDebitCardSetupEnabled:U,isChargeCardSetupEnabled:K,isCardControlsEnabled:k,isEarlyPayEnabled:V,controllerEmails:we,chargeCardCashbackDetailState:G,productInformation:ke,creditAccountInformation:xe,debitAccountInformation:Y,cashbackInformation:he,classListFetchState:A,primaryFundingAccountDetails:fa,currentTenant:c,cardProviderId:E.chargeCard?.cardProviderID,cardId:r,creditAccount:j,creditAccountRepayment:O,includeCreditAccountInfo:I,signedInUserToken:W,appleWalletLink:"shoebox://",googleWalletLink:"https://www.android.com/payapp/",documentAiReceiptMaxSizeLimit:f.documentAiReceiptMaxSizeLimitBytes!=null?f.documentAiReceiptMaxSizeLimitBytes:9437184,isAiCfoAccessEnabled:z,onAskAiCfoClick:q,isCardsCommentingEnabled:m})]})}const ja=e=>{const t=`${e.cardHolderUser?.firstName.toLowerCase()} ${e.cardHolderUser?.lastName.toLowerCase()}`,a=e.cardName,r=(e.limit.amount??0)-(e.available.amount??0),n=e.limit.amount,C=e.creditLimitFrequency.name;return{ownerName:t,cardName:a,utilisation:r,cardColor:e.cardColorCode??"",frequency:C,limit:n}},Xr=_e.div`
|
|
19
19
|
display: flex;
|
|
20
20
|
width: 100%;
|
|
21
21
|
flex: 1 1 auto;
|
|
22
22
|
flex-direction: column;
|
|
23
23
|
align-items: center;
|
|
24
24
|
background-color: ${e=>e.theme.colors.grey4};
|
|
25
|
-
`,Qr=pe(function(e,t){const a=Ze(e,t.includeCreditAccountDebitSummaryAndCashbackInfo,t.isDebitCardFeatureEnabled&&t.isDebitCardSetupEnabled,t.isChargeCardFeatureEnabled&&t.isChargeCardSetupEnabled);return{chargeCardListView:a,rowActionView:An(e),bulkActionView:En(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:p,includeCreditAccountDebitSummaryAndCashbackInfo:u,isChargeCardFeatureEnabled:S,isCreditCardProductVisibleForExpressInterest:o,isChargeCardSetupEnabled:c,isDebitCardFeatureEnabled:_,isDebitCardSetupEnabled:A,isDebitCardTOSAccepted:g,isChargeCardTOSAccepted:R,controllerEmails:F,depositAccountListWithDebitCardIssued:k,primaryFundingAccountDetails:h,chargeCardSetUpViewFetchState:b,productInformation:f,cashbackInformation:d,creditAccountInformation:D,debitAccountInformation:v,updatePayNowInfoTooltip:N,isUserHasCardsAdminLevelAccess:L}=t,{tenantEmailDomain:w}=r,{cards:V}=p;return{onChargeCardRowClick:(m,l)=>{const P=zt(V,m);let T;P!=null&&((U=>{const Z=U.limit.amount-U.available.amount,I=`${U.cardHolderUser?.firstName.toLowerCase()} ${U.cardHolderUser?.lastName.toLowerCase()}`,B=U.cardName,j=U.department?.className??"",O=U.limit.amount,W=U.creditLimitFrequency.name;J.trackCardsListRowClicked(I,B,j,Z,O,W,C.userId===U.cardHolderUserId)})(P),Me(_,A,k)&&J.trackCardsCardListRowClick(F,f,"Card Row Item","row_clicked",l+1,{cardOwner:Va(P.cardHolderUser,!1),cardName:P.cardName,cardType:P.type.code.includes("credit")?"credit":"debit",cardStatus:P.status.code,cardUtilizationAmount:Je(P.limit.amount-P.available.amount),cardUtilizationPercent:P.limit.amount>0?Math.round((P.limit.amount-P.available.amount)/P.limit.amount*100):0,cardLimit:Je(P.limit.amount)},d,D,v)),T=P?.status.code==="request_on_hold"&&C.userId===P.cardHolderUserId?Kt(w):Ce(w,m,C,P);const H=ge(n.state?.pathnameStackToGoBack,n.pathname);a(T,{state:{pathnameStackToGoBack:H}})},onFetchChargeCardsRecurringExpenses:m=>{e(kt(m))},onFetchDepositAccountLimit:m=>{e(yt({depositAccountId:m}))},onChargeCardResendInviteClick:m=>{e(vn(m))},onChargeCardRevokeInviteClick:m=>{e(At(m))},onLockChargeCardList:(m,l)=>{e(Fn(m,l))},onUnlockChargeCardList:m=>{e(Tn(m))},onCloseChargeCardList:(m,l)=>{e(wn(m,l))},onRevokeChargeCardList:m=>{e(Pn(m))},updateChargeCardListSpendLimit(m,l,P){e(_n(m,l,P.code))},onLockChargeCard:(m,l)=>{e(Pt(L,m,l))},onUnlockChargeCard:m=>{e(_t(L,m))},onCloseChargeCard:(m,l)=>{e(Dt(m,l))},onUpdateSpendLimit(m,l,P,T){e(St(m,l,P.code,T))},updateChargeCardName:(m,l)=>{e(Et(L,m,l))},onClickSetupIcon:()=>{J.trackCardsListPageClicked("settings"),Me(_,A,k)&&d!=null&&J.trackCardsSettingsClick(F,f,d,D,v);const m=Ur(w),l=ge(n.state?.pathnameStackToGoBack,n.pathname);a(m,{state:{pathnameStackToGoBack:l}})},onIssueCardClick:()=>{J.trackCardsListPageClicked("new card"),Me(_,A,k)&&d!=null&&J.trackCardsNewCardClick(F,f,d,"New Button","card_creation_initiated","Card List",D,v);const m=es(w),l=ge(n.state?.pathnameStackToGoBack,n.pathname);a(m,{state:{pathnameStackToGoBack:l}})},onColumnSortConfigChanged:(m,l)=>{Me(_,A,k)&&d!=null&&J.trackCardsCardListSortClick(F,f,d,"Sort Icon","sort",m,l==="ascending"?"ASC":"DESC","Cards List",D,v),e(Na({uiState:{sortKey:m,sortOrder:l}}))},onSearchTextChanged:m=>{e(Dn(m))},onReloadCards:()=>{e(Ia(u,_&&A,S&&c,!0))},onLetsGoClick:()=>{a("./onboard")},onBackClick:()=>{a("../../")},onTotalCashbackClick:()=>{Me(_,A,k)&&d!=null&&J.trackCardsCashbackOverviewClick(F,f,d,"Cashback Overview","cashback_details_viewed",D,v),a("./cashback")},onClickStatementsIcon:()=>{Me(_,A,k)&&d!=null&&J.trackCardsStatementsClick(F,f,d,D,v),a("./statements")},onCreateNowClick:m=>{Me(_,A,k)&&d!=null&&J.trackCardsNewCardClick(F,f,d,"Promo Banner","card_creation_initiated","Card List",D,v),a(`./new?cardType=${m}`)},onPromoCardClick:m=>{a(m==="debit"&&_&&!g||m==="credit"&&o&&!R?`../promo?cardPromoType=${m}`:"./setup")},navigateToCreditCardPaymentPage:(m,l)=>{b==="Completed"&&r.company!=null&&d!=null&&J.trackCardsPayEarlyClick(F,f,d,"Card List",m,l,{isZeniCheckingEnabled:r.company.companyZeniAccountInfo.isZeniAccountEnabled,isZeniCheckingPaymentSource:h?.accType==="depositAccount",creditCardPaymentSourceAccountName:h?.label,creditCardPaymentSourceAccountType:h?.accType,creditCardPaymentSourceLastFourDigits:h?.accountLast4,creditCardPaymentSourceBalance:h?.accountBalance?.available?.amount??0},D,v);const P=as(w);a(P)},navigateToCreditCardPaymentHistoryPage:()=>{const m=ts(w),l=ge(n.state?.pathnameStackToGoBack,n.pathname);a(m,{state:{pathnameStackToGoBack:l}})},shouldShowPayNowInfoTooltip:N,onSetRowActionCardId:m=>{e(kn(m))},onSetBulkActionCardIds:m=>{e(wt(m))}}})(fr);function ct({isPaymentDrawerOpen:e}){const t=le(),a=ue(),r=fe(),n=i.useCallback(($,De)=>{a(wt([])),t($,De)},[a,t]),[C,p]=i.useState(!1),[u,S]=i.useState(Q.getPayNowInfoTooltip()??!1),o=$=>{Q.savePayNowInfoTooltip($),S($)},[c,_]=i.useState(!1),A=Q.getSignedInUser(),g=y($=>ie($)),[R,F]=i.useState(!1),[k,h]=i.useState(!1),{isAiCfoAccessEnabled:b,onAskAiCfoClick:f}=Yt({mobileExploreReferrer:"Cards"}),d=g.userRole.includes("charge_card_user"),D=!d,v=!!g.companyDebitCardInfo?.info?.isDebitCardEnabled,{useFeatureGate:N,useDynamicConfig:L}=ce(),{isFeatureEnabled:w}=N(K.isCashbackFeatureEnabled),{isFeatureEnabled:V}=N(K.isChargeCardFeatureEnabled),{isFeatureEnabled:m}=N(K.isDebitCardFeatureEnabled),{isFeatureEnabled:l}=N(K.isEarlyPayFeatureEnabled),{isFeatureEnabled:P}=N(K.isChargeCardPaymentHistoryFeatureEnabled),{isFeatureEnabled:T}=N(K.isCardsCommentingEnabled),H=Se(m,g),U=Ie({isDebitCardFeatureEnabled:m,isBankingOnlyTenant:H}),Z=be(g),I=ye(g),B=g.companyChargeCardInfo?.info?.chargeCardsCreditAccountLimit??0,j=Ae({isCardsOnlyTenant:Z,isChargeCardFeatureEnabled:V,isBookKeepingTenant:I,isDebitCardProductVisible:U,chargeCardsCreditAccountLimit:B}),O=Gt({isCardsOnlyTenant:Z,isChargeCardFeatureEnabled:V,isBookKeepingTenant:I}),{configValue:W}=L(Fe.zeniCardsConfig),E=je(),z=Re(E?.loggedInUserRoleMap),q=y($=>Ge($,g.companyId)),G=ze(q.controllers),x=W.charge_card_cashback_rate_per_transaction!=null?W.charge_card_cashback_rate_per_transaction:.0175,se=W.credit_card_pay_now_threshold_by_company_id?.[g.companyId]??W.default_credit_card_pay_now_threshold??Lr,ae=W.is_card_controls_enabled_for_all_tenants===!0||Array.isArray(W.enable_card_controls_for_company_ids)&&W.enable_card_controls_for_company_ids.includes(g.companyId),ne=!!g.companyChargeCardInfo?.info?.isChargeCardTOSAccepted,X=!!g.companyDebitCardInfo?.info?.isDebitCardTOSAccepted,re=!!g.companyChargeCardInfo?.info?.isChargeCardEnabled,Ee=y($=>gt($)),xe=Ja(Ee.updateStatus),Y=y($=>Ze($,D,U&&v,j&&re)),he=Y.cards.filter($=>$.type.code.includes("debit")).map($=>$.connectedAccountId),ke=[...new Set(he)],Be=y($=>Ye($)),Pe=y($=>va($,ke)),we=y($=>da($,g.companyId)),ee=we.companyChargeCardInfo?.primaryFundingAccount,pa=we.allFundingAccounts.find($=>$.id===ee?.accountId),oe=Y.fetchState,ea=Y.creditAccount;jt({isDataReady:oe==="Completed"});const{creditAccountRepayment:de}=y($=>Ke($)),Le=y($=>ka($).firstViewAfterActivation),{areTenantIdsInSync:aa}=Vt(),We=Qa(z,Be),ta=Ca(j,re,z,ea,de),na=et(U,v,z,Pe,Y.debitCardSummary),ra=Oe(j,U,v,re),sa=Y.creditAccount.balance.amount+Y.creditAccount.hold.amount;if(i.useEffect(()=>{oe==="Completed"&&(Q.getPayNowInfoTooltip()==null||sa<se*Y.creditAccount.limit.amount/100)&&o(!0)},[oe,se,sa,Y.creditAccount.limit.amount]),i.useEffect(()=>{if(e!=null&&e===!0&&de.initiatedRepayments.amount===0&&de.fetchState==="Completed"||xe==="In-Progress"&&Ee.updateStatus==="Completed")o(!1),p(!0);else if(de.initiatedRepayments.amount>0&&de.fetchState==="Completed"){p(!1),document.body.style.overflow="auto";const $=Ne(g.tenantEmailDomain);n($)}},[e,de.initiatedRepayments.amount,de.fetchState,xe,Ee.updateStatus,n,g.tenantEmailDomain]),i.useEffect(()=>{!R&&(re||v)&&aa&&(F(!0),a(Ia(D,U&&v,j&&re,!1)))},[R,D,a,aa]),i.useEffect(()=>{Le&&c===!1&&(_(!0),setTimeout(()=>{a(Sa())},5e3))},[Le,c]),i.useEffect(()=>{oe==="Completed"&&d&&Y.cards.length===1&&(Y.cards[0].status.code==="inactive"&&Y.cards[0].type.code==="business_physical_credit_card"?n(`./${Y.cards[0].id}/activate`):Y.cards[0].status.code!=="request_on_hold"&&(r.state?.message==="comingFromCardDetail"?n("../../"):n(`./${Y.cards[0].id}`)))},[oe,d,r.state,n,Y.cards]),i.useEffect(()=>{if(oe==="Completed"&&d){const $=Y.cards.length,De=Y.cards.filter(He=>He.cardHolderUserId===A?.userId).filter(He=>He.status.code==="request_on_hold");De.length>0&&$===De.length&&n("./onboard")}},[oe,Y.cards,d,n,A?.userId]),i.useEffect(()=>{oe!=="Completed"||j&&de.fetchState!=="Completed"||U&&v&&z&&Pe.fetchState!=="Completed"||J.trackCardsCardListView(G,ra,We,ta,na)},[oe,ea,de.fetchState,Pe.fetchState,z]),A==null)throw Error("Can't access charge card list page without signing in...");const Ua=y($=>Tt($.userState,$.userRoleState,$.userListViewState,"cardAdmin")),ha=Ka(E?.loggedInUserRoleMap),ga=$=>{h($)},M=Y.creditAccount.limit,me=()=>{p(!1),n("..")},Te=g.companyChargeCardInfo?.info!=null&&Xe({cardInfo:g.companyChargeCardInfo.info,isProductVisible:j,isTOSAccepted:ne,isSetupEnabled:re,isUserHasCardsAdminLevelAccess:z,isUserHasCardsAccess:ha}),Ve=g.companyDebitCardInfo?.info!=null&&Xe({cardInfo:g.companyDebitCardInfo.info,isProductVisible:U,isTOSAccepted:X,isSetupEnabled:v,isUserHasCardsAdminLevelAccess:z,isUserHasCardsAccess:ha});return re||v?s.jsxs(s.Fragment,{children:[oe==="Completed"?s.jsxs(s.Fragment,{children:[s.jsx(Xa,{analytics:J,onLoad:()=>{J.trackPageLoaded(Ht.Event.cardsListPage),(j&&!re||U&&!v)&&J.trackCardsPromoView(G,{isCreditCardOffered:j,isDebitCardOffered:U,isDebitCardEnabled:v,isCreditCardEnabled:re},"Banner",U&&!v?"Debit Card":j&&!re?"Credit Card":"","Card List")}}),s.jsx(xa,{showConfetti:Le})]}):null,C===!0?s.jsx(at,{closeDrawerHandler:me,isPaymentDrawerOpen:C,pageName:"Card List",sourcePage:"cardListPage",creditAccountSpentAmount:sa,productInformation:ra,creditAccountInformation:ta,debitAccountInformation:na,cashbackInformation:We,isDebitCardInfoFetchStateCompleted:!(U&&v&&z)||Pe.fetchState==="Completed",isCreditCardInfoFetchStateCompleted:!j||de.fetchState==="Completed",isCashbackInfoFetchStateCompleted:!z||Be.fetchState==="Completed",paymentInitiatedDate:de.initiatedRepaymentDate}):null,s.jsxs(Xr,{children:[s.jsx($e,{isAppContentDrawerOpen:k,handleDrawerToggle:ga}),s.jsx(Qr,{isCashbackFeatureEnabled:w,isChargeCardFeatureEnabled:j,isDebitCardFeatureEnabled:U,isCreditCardProductVisibleForExpressInterest:O,updatePayNowInfoTooltip:o,showPayNowInfoTooltip:u,creditCardPayNowThreshold:se,signedInUser:A,chargeCardListState:Y,location:r,admins:Ua.users,navigateAndClearBulkSelection:n,currentTenant:g,isCardControlsEnabled:ae,companyChargeCardInfoCreditAccountLimit:g.companyChargeCardInfo?.info?.chargeCardsCreditAccountLimit??0,isCompanyInterestedInChargeCard:g.companyChargeCardInfo?.info?.isCompanyInterestedInChargeCard??!1,isUserHasCardsAdminLevelAccess:z,includeCreditAccountDebitSummaryAndCashbackInfo:D,onClickMenuIcon:()=>{ga(!0)},creditLimit:M,isChargeCardSetupEnabled:re,isDebitCardSetupEnabled:v,isEarlyPayEnabled:l,isChargeCardPaymentHistoryFeatureEnabled:P,cashbackRate:x,controllerEmails:G,chargeCardCashbackDetailState:Be,depositAccountListWithDebitCardIssued:Pe,isChargeCardTOSAccepted:ne,isDebitCardTOSAccepted:X,primaryFundingAccountDetails:pa,chargeCardSetUpViewFetchState:we.fetchState,productInformation:ra,creditAccountInformation:ta,debitAccountInformation:na,cashbackInformation:We,isAiCfoAccessEnabled:b,onAskAiCfoClick:f,isCardsCommentingEnabled:T})]})]}):(ne||X)&&z===!0?s.jsx(fa,{to:"../setup"}):Te||Ve?s.jsx(fa,{to:"../promo"}):s.jsx(la,{fetchState:oe})}const es=e=>`/${e}/cards/new`,as=e=>`/${e}/cards/payment`,ts=e=>`/${e}/cards/payment-history`,ns=pe(function(e){const t=Q.getSignedInUser(),a=ie(e),r=e.tenantState.currentTenantId,n=Ft(e),C={userId:t?.userId??"",sessionId:t?.zeniSessionId??"",tenantId:r??""},p=a?.companyName??"",u=e.chargeCardPaymentHistoryState.downloadUIState.downloadState;return{fetchState:n.fetchState,filters:n.filters,isZeniTenant:xn(a),repaymentList:n.repaymentHistory,searchText:n.searchText,repaymentHistoryUsers:n.repaymentHistoryUsers,sortConfig:{sortKey:n.uiState.sortKey,sortOrder:n.uiState.sortOrder},downloadParams:{authParams:C,companyName:p,spendManagementEndPoint:`${Ha}/spendManagement`,isShowDeletedBillsEnabled:!1,isShowDeletedReimbursementEnabled:!1},downloadState:u}},function(e,t){const{location:a,navigate:r}=t;return{onBackClick:()=>{const n=ve(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(Ln({filters:n}))},onReloadPayments:()=>{e(vt(!0))},onSearchTextChanged:n=>{e({type:"chargeCardPaymentHistory/updatePaymentHistorySearchText",payload:n})},updateDownloadStateHandler:n=>{e(Bn({uiState:{downloadState:n}}))}}})(br);function rs(){const e=le(),t=fe(),a=ue(),{areTenantIdsInSync:r}=Vt(),{useFeatureGate:n}=ce();if(Q.getSignedInUser()==null)throw Error("Can't access payment history page without signing in...");const C=y(q=>ie(q)),p=y(q=>Ft(q)),[u,S]=i.useState(!1),[o,c]=i.useState(!1),[_,A]=i.useState(!1),[g,R]=i.useState(null),F=!C.userRole.includes("charge_card_user"),k=!!C.companyDebitCardInfo?.info?.isDebitCardEnabled,{isFeatureEnabled:h}=n(K.isChargeCardFeatureEnabled),{isFeatureEnabled:b}=n(K.isDebitCardFeatureEnabled),f=Se(b,C),d=Ie({isDebitCardFeatureEnabled:b,isBankingOnlyTenant:f}),D=be(C),v=ye(C),N=C.companyChargeCardInfo?.info?.chargeCardsCreditAccountLimit??0,L=Ae({isCardsOnlyTenant:D,isChargeCardFeatureEnabled:h,isBookKeepingTenant:v,isDebitCardProductVisible:d,chargeCardsCreditAccountLimit:N}),w=!!C.companyChargeCardInfo?.info?.isChargeCardEnabled,V=je(),m=Re(V?.loggedInUserRoleMap),l=y(q=>Ze(q,F,d&&k,L&&w)),P=i.useMemo(()=>{const q=l.cards.filter(G=>G.type.code.includes("debit"));return[...new Set(q.map(G=>G.connectedAccountId))]},[l.cards]),T=y(q=>Ye(q)),H=y(q=>va(q,P)),{creditAccountRepayment:U}=y(q=>Ke(q)),Z=i.useMemo(()=>Qa(m,T),[m,T]),I=i.useMemo(()=>Ca(L,w,m,l.creditAccount,U),[L,w,m,l.creditAccount,U]),B=i.useMemo(()=>et(d,k,m,H,l.debitCardSummary),[d,k,m,H,l.debitCardSummary]),j=i.useMemo(()=>Oe(L,d,k,w),[L,d,k,w]),O=l.creditAccount.balance.amount+l.creditAccount.hold.amount,W=i.useMemo(()=>g!=null?p.repaymentHistory.find(q=>q.cardRepaymentId===g):void 0,[g,p.repaymentHistory]),E=i.useCallback(q=>{R(q),a(Ia(F,d&&k,L&&w,!1)),A(!0)},[a,F,d,k,L,w]),z=i.useCallback(()=>{A(!1),R(null),document.body.style.overflow="auto"},[]);return i.useEffect(()=>{u||p.fetchState==="Completed"||p.fetchState==="In-Progress"||(S(!0),a(vt()))},[u,a,p.fetchState]),i.useEffect(()=>{!o&&(w||k)&&r&&(c(!0),a(Ia(F,!1,L&&w,!1)))},[o,w,k,r,a,F,L]),s.jsxs(s.Fragment,{children:[_?s.jsx(at,{closeDrawerHandler:z,isPaymentDrawerOpen:_,pageName:"Payment History",sourcePage:"cardPaymentHistory",creditAccountSpentAmount:O,productInformation:j,creditAccountInformation:I,debitAccountInformation:B,cashbackInformation:Z,isDebitCardInfoFetchStateCompleted:!(d&&k&&m)||H.fetchState==="Completed",isCreditCardInfoFetchStateCompleted:!L||U.fetchState==="Completed",isCashbackInfoFetchStateCompleted:!m||T.fetchState==="Completed",paymentInitiatedDate:U.initiatedRepaymentDate,retryRepayment:W}):null,s.jsx(ns,{location:t,navigate:e,accountInfoByAccountId:p.accountInfoByAccountId,onRetryPaymentClick:E})]})}const it=_e.div`
|
|
25
|
+
`,Qr=pe(function(e,t){const a=Ke(e,t.includeCreditAccountDebitSummaryAndCashbackInfo,t.isDebitCardFeatureEnabled&&t.isDebitCardSetupEnabled,t.isChargeCardFeatureEnabled&&t.isChargeCardSetupEnabled);return{chargeCardListView:a,rowActionView:An(e),bulkActionView:En(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:p,includeCreditAccountDebitSummaryAndCashbackInfo:u,isChargeCardFeatureEnabled:S,isCreditCardProductVisibleForExpressInterest:o,isChargeCardSetupEnabled:c,isDebitCardFeatureEnabled:_,isDebitCardSetupEnabled:A,isDebitCardTOSAccepted:f,isChargeCardTOSAccepted:R,controllerEmails:F,depositAccountListWithDebitCardIssued:k,primaryFundingAccountDetails:h,chargeCardSetUpViewFetchState:b,productInformation:g,cashbackInformation:d,creditAccountInformation:D,debitAccountInformation:v,updatePayNowInfoTooltip:N,isUserHasCardsAdminLevelAccess:L}=t,{tenantEmailDomain:w}=r,{cards:V}=p;return{onChargeCardRowClick:(m,l)=>{const P=zt(V,m);let T;P!=null&&((U=>{const K=U.limit.amount-U.available.amount,I=`${U.cardHolderUser?.firstName.toLowerCase()} ${U.cardHolderUser?.lastName.toLowerCase()}`,B=U.cardName,j=U.department?.className??"",O=U.limit.amount,W=U.creditLimitFrequency.name;J.trackCardsListRowClicked(I,B,j,K,O,W,C.userId===U.cardHolderUserId)})(P),Me(_,A,k)&&J.trackCardsCardListRowClick(F,g,"Card Row Item","row_clicked",l+1,{cardOwner:Va(P.cardHolderUser,!1),cardName:P.cardName,cardType:P.type.code.includes("credit")?"credit":"debit",cardStatus:P.status.code,cardUtilizationAmount:Je(P.limit.amount-P.available.amount),cardUtilizationPercent:P.limit.amount>0?Math.round((P.limit.amount-P.available.amount)/P.limit.amount*100):0,cardLimit:Je(P.limit.amount)},d,D,v)),T=P?.status.code==="request_on_hold"&&C.userId===P.cardHolderUserId?Zt(w):Ce(w,m,C,P);const H=fe(n.state?.pathnameStackToGoBack,n.pathname);a(T,{state:{pathnameStackToGoBack:H}})},onFetchChargeCardsRecurringExpenses:m=>{e(kt(m))},onFetchDepositAccountLimit:m=>{e(yt({depositAccountId:m}))},onChargeCardResendInviteClick:m=>{e(vn(m))},onChargeCardRevokeInviteClick:m=>{e(At(m))},onLockChargeCardList:(m,l)=>{e(Fn(m,l))},onUnlockChargeCardList:m=>{e(Tn(m))},onCloseChargeCardList:(m,l)=>{e(wn(m,l))},onRevokeChargeCardList:m=>{e(Pn(m))},updateChargeCardListSpendLimit(m,l,P){e(_n(m,l,P.code))},onLockChargeCard:(m,l)=>{e(Pt(L,m,l))},onUnlockChargeCard:m=>{e(_t(L,m))},onCloseChargeCard:(m,l)=>{e(Dt(m,l))},onUpdateSpendLimit(m,l,P,T){e(St(m,l,P.code,T))},updateChargeCardName:(m,l)=>{e(Et(L,m,l))},onClickSetupIcon:()=>{J.trackCardsListPageClicked("settings"),Me(_,A,k)&&d!=null&&J.trackCardsSettingsClick(F,g,d,D,v);const m=Ur(w),l=fe(n.state?.pathnameStackToGoBack,n.pathname);a(m,{state:{pathnameStackToGoBack:l}})},onIssueCardClick:()=>{J.trackCardsListPageClicked("new card"),Me(_,A,k)&&d!=null&&J.trackCardsNewCardClick(F,g,d,"New Button","card_creation_initiated","Card List",D,v);const m=es(w),l=fe(n.state?.pathnameStackToGoBack,n.pathname);a(m,{state:{pathnameStackToGoBack:l}})},onColumnSortConfigChanged:(m,l)=>{Me(_,A,k)&&d!=null&&J.trackCardsCardListSortClick(F,g,d,"Sort Icon","sort",m,l==="ascending"?"ASC":"DESC","Cards List",D,v),e(Na({uiState:{sortKey:m,sortOrder:l}}))},onSearchTextChanged:m=>{e(Dn(m))},onReloadCards:()=>{e(Ia(u,_&&A,S&&c,!0))},onLetsGoClick:()=>{a("./onboard")},onBackClick:()=>{a("../../")},onTotalCashbackClick:()=>{Me(_,A,k)&&d!=null&&J.trackCardsCashbackOverviewClick(F,g,d,"Cashback Overview","cashback_details_viewed",D,v),a("./cashback")},onClickStatementsIcon:()=>{Me(_,A,k)&&d!=null&&J.trackCardsStatementsClick(F,g,d,D,v),a("./statements")},onCreateNowClick:m=>{Me(_,A,k)&&d!=null&&J.trackCardsNewCardClick(F,g,d,"Promo Banner","card_creation_initiated","Card List",D,v),a(`./new?cardType=${m}`)},onPromoCardClick:m=>{a(m==="debit"&&_&&!f||m==="credit"&&o&&!R?`../promo?cardPromoType=${m}`:"./setup")},navigateToCreditCardPaymentPage:(m,l)=>{b==="Completed"&&r.company!=null&&d!=null&&J.trackCardsPayEarlyClick(F,g,d,"Card List",m,l,{isZeniCheckingEnabled:r.company.companyZeniAccountInfo.isZeniAccountEnabled,isZeniCheckingPaymentSource:h?.accType==="depositAccount",creditCardPaymentSourceAccountName:h?.label,creditCardPaymentSourceAccountType:h?.accType,creditCardPaymentSourceLastFourDigits:h?.accountLast4,creditCardPaymentSourceBalance:h?.accountBalance?.available?.amount??0},D,v);const P=as(w);a(P)},navigateToCreditCardPaymentHistoryPage:()=>{const m=ts(w),l=fe(n.state?.pathnameStackToGoBack,n.pathname);a(m,{state:{pathnameStackToGoBack:l}})},shouldShowPayNowInfoTooltip:N,onSetRowActionCardId:m=>{e(kn(m))},onSetBulkActionCardIds:m=>{e(wt(m))}}})(gr);function ct({isPaymentDrawerOpen:e}){const t=le(),a=ue(),r=ge(),n=i.useCallback(($,De)=>{a(wt([])),t($,De)},[a,t]),[C,p]=i.useState(!1),[u,S]=i.useState(Q.getPayNowInfoTooltip()??!1),o=$=>{Q.savePayNowInfoTooltip($),S($)},[c,_]=i.useState(!1),A=Q.getSignedInUser(),f=y($=>ie($)),[R,F]=i.useState(!1),[k,h]=i.useState(!1),{isAiCfoAccessEnabled:b,onAskAiCfoClick:g}=Yt({mobileExploreReferrer:"Cards"}),d=f.userRole.includes("charge_card_user"),D=!d,v=!!f.companyDebitCardInfo?.info?.isDebitCardEnabled,{useFeatureGate:N,useDynamicConfig:L}=ce(),{isFeatureEnabled:w}=N(Z.isCashbackFeatureEnabled),{isFeatureEnabled:V}=N(Z.isChargeCardFeatureEnabled),{isFeatureEnabled:m}=N(Z.isDebitCardFeatureEnabled),{isFeatureEnabled:l}=N(Z.isEarlyPayFeatureEnabled),{isFeatureEnabled:P}=N(Z.isChargeCardPaymentHistoryFeatureEnabled),{isFeatureEnabled:T}=N(Z.isCardsCommentingEnabled),H=Se(m,f),U=Ie({isDebitCardFeatureEnabled:m,isBankingOnlyTenant:H}),K=be(f),I=ye(f),B=f.companyChargeCardInfo?.info?.chargeCardsCreditAccountLimit??0,j=Ae({isCardsOnlyTenant:K,isChargeCardFeatureEnabled:V,isBookKeepingTenant:I,isDebitCardProductVisible:U,chargeCardsCreditAccountLimit:B}),O=Gt({isCardsOnlyTenant:K,isChargeCardFeatureEnabled:V,isBookKeepingTenant:I}),{configValue:W}=L(Fe.zeniCardsConfig),E=je(),z=Re(E?.loggedInUserRoleMap),q=y($=>Ge($,f.companyId)),G=ze(q.controllers),x=W.charge_card_cashback_rate_per_transaction!=null?W.charge_card_cashback_rate_per_transaction:.0175,se=W.credit_card_pay_now_threshold_by_company_id?.[f.companyId]??W.default_credit_card_pay_now_threshold??Lr,ae=W.is_card_controls_enabled_for_all_tenants===!0||Array.isArray(W.enable_card_controls_for_company_ids)&&W.enable_card_controls_for_company_ids.includes(f.companyId),ne=!!f.companyChargeCardInfo?.info?.isChargeCardTOSAccepted,X=!!f.companyDebitCardInfo?.info?.isDebitCardTOSAccepted,re=!!f.companyChargeCardInfo?.info?.isChargeCardEnabled,Ee=y($=>ft($)),xe=Ja(Ee.updateStatus),Y=y($=>Ke($,D,U&&v,j&&re)),he=Y.cards.filter($=>$.type.code.includes("debit")).map($=>$.connectedAccountId),ke=[...new Set(he)],Be=y($=>Ye($)),Pe=y($=>va($,ke)),we=y($=>da($,f.companyId)),ee=we.companyChargeCardInfo?.primaryFundingAccount,pa=we.allFundingAccounts.find($=>$.id===ee?.accountId),oe=Y.fetchState,ea=Y.creditAccount;jt({isDataReady:oe==="Completed"});const{creditAccountRepayment:de}=y($=>Ze($)),Le=y($=>ka($).firstViewAfterActivation),{areTenantIdsInSync:aa}=Vt(),We=Qa(z,Be),ta=Ca(j,re,z,ea,de),na=et(U,v,z,Pe,Y.debitCardSummary),ra=Oe(j,U,v,re),sa=Y.creditAccount.balance.amount+Y.creditAccount.hold.amount;if(i.useEffect(()=>{oe==="Completed"&&(Q.getPayNowInfoTooltip()==null||sa<se*Y.creditAccount.limit.amount/100)&&o(!0)},[oe,se,sa,Y.creditAccount.limit.amount]),i.useEffect(()=>{if(e!=null&&e===!0&&de.initiatedRepayments.amount===0&&de.fetchState==="Completed"||xe==="In-Progress"&&Ee.updateStatus==="Completed")o(!1),p(!0);else if(de.initiatedRepayments.amount>0&&de.fetchState==="Completed"){p(!1),document.body.style.overflow="auto";const $=Ne(f.tenantEmailDomain);n($)}},[e,de.initiatedRepayments.amount,de.fetchState,xe,Ee.updateStatus,n,f.tenantEmailDomain]),i.useEffect(()=>{!R&&(re||v)&&aa&&(F(!0),a(Ia(D,U&&v,j&&re,!1)))},[R,D,a,aa]),i.useEffect(()=>{Le&&c===!1&&(_(!0),setTimeout(()=>{a(Sa())},5e3))},[Le,c]),i.useEffect(()=>{oe==="Completed"&&d&&Y.cards.length===1&&(Y.cards[0].status.code==="inactive"&&Y.cards[0].type.code==="business_physical_credit_card"?n(`./${Y.cards[0].id}/activate`):Y.cards[0].status.code!=="request_on_hold"&&(r.state?.message==="comingFromCardDetail"?n("../../"):n(`./${Y.cards[0].id}`)))},[oe,d,r.state,n,Y.cards]),i.useEffect(()=>{if(oe==="Completed"&&d){const $=Y.cards.length,De=Y.cards.filter(He=>He.cardHolderUserId===A?.userId).filter(He=>He.status.code==="request_on_hold");De.length>0&&$===De.length&&n("./onboard")}},[oe,Y.cards,d,n,A?.userId]),i.useEffect(()=>{oe!=="Completed"||j&&de.fetchState!=="Completed"||U&&v&&z&&Pe.fetchState!=="Completed"||J.trackCardsCardListView(G,ra,We,ta,na)},[oe,ea,de.fetchState,Pe.fetchState,z]),A==null)throw Error("Can't access charge card list page without signing in...");const Ua=y($=>Tt($.userState,$.userRoleState,$.userListViewState,"cardAdmin")),ha=Za(E?.loggedInUserRoleMap),fa=$=>{h($)},M=Y.creditAccount.limit,me=()=>{p(!1),n("..")},Te=f.companyChargeCardInfo?.info!=null&&Xe({cardInfo:f.companyChargeCardInfo.info,isProductVisible:j,isTOSAccepted:ne,isSetupEnabled:re,isUserHasCardsAdminLevelAccess:z,isUserHasCardsAccess:ha}),Ve=f.companyDebitCardInfo?.info!=null&&Xe({cardInfo:f.companyDebitCardInfo.info,isProductVisible:U,isTOSAccepted:X,isSetupEnabled:v,isUserHasCardsAdminLevelAccess:z,isUserHasCardsAccess:ha});return re||v?s.jsxs(s.Fragment,{children:[oe==="Completed"?s.jsxs(s.Fragment,{children:[s.jsx(Xa,{analytics:J,onLoad:()=>{J.trackPageLoaded(Ht.Event.cardsListPage),(j&&!re||U&&!v)&&J.trackCardsPromoView(G,{isCreditCardOffered:j,isDebitCardOffered:U,isDebitCardEnabled:v,isCreditCardEnabled:re},"Banner",U&&!v?"Debit Card":j&&!re?"Credit Card":"","Card List")}}),s.jsx(xa,{showConfetti:Le})]}):null,C===!0?s.jsx(at,{closeDrawerHandler:me,isPaymentDrawerOpen:C,pageName:"Card List",sourcePage:"cardListPage",creditAccountSpentAmount:sa,productInformation:ra,creditAccountInformation:ta,debitAccountInformation:na,cashbackInformation:We,isDebitCardInfoFetchStateCompleted:!(U&&v&&z)||Pe.fetchState==="Completed",isCreditCardInfoFetchStateCompleted:!j||de.fetchState==="Completed",isCashbackInfoFetchStateCompleted:!z||Be.fetchState==="Completed",paymentInitiatedDate:de.initiatedRepaymentDate}):null,s.jsxs(Xr,{children:[s.jsx($e,{isAppContentDrawerOpen:k,handleDrawerToggle:fa}),s.jsx(Qr,{isCashbackFeatureEnabled:w,isChargeCardFeatureEnabled:j,isDebitCardFeatureEnabled:U,isCreditCardProductVisibleForExpressInterest:O,updatePayNowInfoTooltip:o,showPayNowInfoTooltip:u,creditCardPayNowThreshold:se,signedInUser:A,chargeCardListState:Y,location:r,admins:Ua.users,navigateAndClearBulkSelection:n,currentTenant:f,isCardControlsEnabled:ae,companyChargeCardInfoCreditAccountLimit:f.companyChargeCardInfo?.info?.chargeCardsCreditAccountLimit??0,isCompanyInterestedInChargeCard:f.companyChargeCardInfo?.info?.isCompanyInterestedInChargeCard??!1,isUserHasCardsAdminLevelAccess:z,includeCreditAccountDebitSummaryAndCashbackInfo:D,onClickMenuIcon:()=>{fa(!0)},creditLimit:M,isChargeCardSetupEnabled:re,isDebitCardSetupEnabled:v,isEarlyPayEnabled:l,isChargeCardPaymentHistoryFeatureEnabled:P,cashbackRate:x,controllerEmails:G,chargeCardCashbackDetailState:Be,depositAccountListWithDebitCardIssued:Pe,isChargeCardTOSAccepted:ne,isDebitCardTOSAccepted:X,primaryFundingAccountDetails:pa,chargeCardSetUpViewFetchState:we.fetchState,productInformation:ra,creditAccountInformation:ta,debitAccountInformation:na,cashbackInformation:We,isAiCfoAccessEnabled:b,onAskAiCfoClick:g,isCardsCommentingEnabled:T})]})]}):(ne||X)&&z===!0?s.jsx(ga,{to:"../setup"}):Te||Ve?s.jsx(ga,{to:"../promo"}):s.jsx(la,{fetchState:oe})}const es=e=>`/${e}/cards/new`,as=e=>`/${e}/cards/payment`,ts=e=>`/${e}/cards/payment-history`,ns=pe(function(e){const t=Q.getSignedInUser(),a=ie(e),r=e.tenantState.currentTenantId,n=Ft(e),C={userId:t?.userId??"",sessionId:t?.zeniSessionId??"",tenantId:r??""},p=a?.companyName??"",u=e.chargeCardPaymentHistoryState.downloadUIState.downloadState;return{fetchState:n.fetchState,filters:n.filters,isZeniTenant:xn(a),repaymentList:n.repaymentHistory,searchText:n.searchText,repaymentHistoryUsers:n.repaymentHistoryUsers,sortConfig:{sortKey:n.uiState.sortKey,sortOrder:n.uiState.sortOrder},downloadParams:{authParams:C,companyName:p,spendManagementEndPoint:`${Ha}/spendManagement`,isShowDeletedBillsEnabled:!1,isShowDeletedReimbursementEnabled:!1},downloadState:u}},function(e,t){const{location:a,navigate:r}=t;return{onBackClick:()=>{const n=ve(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(Ln({filters:n}))},onReloadPayments:()=>{e(vt(!0))},onSearchTextChanged:n=>{e({type:"chargeCardPaymentHistory/updatePaymentHistorySearchText",payload:n})},updateDownloadStateHandler:n=>{e(Bn({uiState:{downloadState:n}}))}}})(br);function rs(){const e=le(),t=ge(),a=ue(),{areTenantIdsInSync:r}=Vt(),{useFeatureGate:n}=ce();if(Q.getSignedInUser()==null)throw Error("Can't access payment history page without signing in...");const C=y(q=>ie(q)),p=y(q=>Ft(q)),[u,S]=i.useState(!1),[o,c]=i.useState(!1),[_,A]=i.useState(!1),[f,R]=i.useState(null),F=!C.userRole.includes("charge_card_user"),k=!!C.companyDebitCardInfo?.info?.isDebitCardEnabled,{isFeatureEnabled:h}=n(Z.isChargeCardFeatureEnabled),{isFeatureEnabled:b}=n(Z.isDebitCardFeatureEnabled),g=Se(b,C),d=Ie({isDebitCardFeatureEnabled:b,isBankingOnlyTenant:g}),D=be(C),v=ye(C),N=C.companyChargeCardInfo?.info?.chargeCardsCreditAccountLimit??0,L=Ae({isCardsOnlyTenant:D,isChargeCardFeatureEnabled:h,isBookKeepingTenant:v,isDebitCardProductVisible:d,chargeCardsCreditAccountLimit:N}),w=!!C.companyChargeCardInfo?.info?.isChargeCardEnabled,V=je(),m=Re(V?.loggedInUserRoleMap),l=y(q=>Ke(q,F,d&&k,L&&w)),P=i.useMemo(()=>{const q=l.cards.filter(G=>G.type.code.includes("debit"));return[...new Set(q.map(G=>G.connectedAccountId))]},[l.cards]),T=y(q=>Ye(q)),H=y(q=>va(q,P)),{creditAccountRepayment:U}=y(q=>Ze(q)),K=i.useMemo(()=>Qa(m,T),[m,T]),I=i.useMemo(()=>Ca(L,w,m,l.creditAccount,U),[L,w,m,l.creditAccount,U]),B=i.useMemo(()=>et(d,k,m,H,l.debitCardSummary),[d,k,m,H,l.debitCardSummary]),j=i.useMemo(()=>Oe(L,d,k,w),[L,d,k,w]),O=l.creditAccount.balance.amount+l.creditAccount.hold.amount,W=i.useMemo(()=>f!=null?p.repaymentHistory.find(q=>q.cardRepaymentId===f):void 0,[f,p.repaymentHistory]),E=i.useCallback(q=>{R(q),a(Ia(F,d&&k,L&&w,!1)),A(!0)},[a,F,d,k,L,w]),z=i.useCallback(()=>{A(!1),R(null),document.body.style.overflow="auto"},[]);return i.useEffect(()=>{u||p.fetchState==="Completed"||p.fetchState==="In-Progress"||(S(!0),a(vt()))},[u,a,p.fetchState]),i.useEffect(()=>{!o&&(w||k)&&r&&(c(!0),a(Ia(F,!1,L&&w,!1)))},[o,w,k,r,a,F,L]),s.jsxs(s.Fragment,{children:[_?s.jsx(at,{closeDrawerHandler:z,isPaymentDrawerOpen:_,pageName:"Payment History",sourcePage:"cardPaymentHistory",creditAccountSpentAmount:O,productInformation:j,creditAccountInformation:I,debitAccountInformation:B,cashbackInformation:K,isDebitCardInfoFetchStateCompleted:!(d&&k&&m)||H.fetchState==="Completed",isCreditCardInfoFetchStateCompleted:!L||U.fetchState==="Completed",isCashbackInfoFetchStateCompleted:!m||T.fetchState==="Completed",paymentInitiatedDate:U.initiatedRepaymentDate,retryRepayment:W}):null,s.jsx(ns,{location:t,navigate:e,accountInfoByAccountId:p.accountInfoByAccountId,onRetryPaymentClick:E})]})}const it=_e.div`
|
|
26
26
|
display: flex;
|
|
27
27
|
height: 100vh;
|
|
28
28
|
width: 100%;
|
|
@@ -31,7 +31,7 @@ import{j as s}from"./liveblocks-BEuWW_o5.js";import{l as le,i as ia,h as ue,g as
|
|
|
31
31
|
overflow: auto;
|
|
32
32
|
align-items: center;
|
|
33
33
|
background-color: ${e=>e.theme.colors.grey4};
|
|
34
|
-
`,dt=qa.getLocalizedStrings().months;function ss(){const e=le(),t=ue(),a=
|
|
34
|
+
`,dt=qa.getLocalizedStrings().months;function ss(){const e=le(),t=ue(),a=ge(),{creditAccount:r,creditAccountRepayment:n}=y(I=>Ze(I)),C=`${Nt.cardMicroServiceBaseUrl}/1.0/credit-accounts/${r.id}`,[p,u]=i.useState(!1),[S,o]=i.useState(!1),c=y(I=>Un(I)),{useFeatureGate:_}=ce(),A=y(I=>ie(I)),{isFeatureEnabled:f}=_(Z.isChargeCardFeatureEnabled),{isFeatureEnabled:R}=_(Z.isDebitCardFeatureEnabled),F=Se(R,A),k=Ie({isDebitCardFeatureEnabled:R,isBankingOnlyTenant:F}),h=be(A),b=ye(A),g=A.companyChargeCardInfo?.info?.chargeCardsCreditAccountLimit??0,d=Ae({isCardsOnlyTenant:h,isChargeCardFeatureEnabled:f,isBookKeepingTenant:b,isDebitCardProductVisible:k,chargeCardsCreditAccountLimit:g}),D=!!A.companyDebitCardInfo?.info?.isDebitCardEnabled,v=!!A.companyChargeCardInfo?.info?.isChargeCardEnabled,N=y(I=>Ge(I,A.companyId)),L=ze(N.controllers),w=y(I=>xt(I)),V=w.cards.filter(I=>I.type.code.includes("debit")).map(I=>I.connectedAccountId),m=[...new Set(V)],l=y(I=>va(I,m)),P=y(I=>Rn(I));i.useEffect(()=>{S||r.fetchState==="Completed"||r.fetchState==="In-Progress"||(u(!0),t($a()))},[p,t,r.fetchState]),i.useEffect(()=>{S||r.fetchState!=="Completed"||r.id==null||c.fetchState==="Completed"||c.fetchState==="In-Progress"||(o(!0),t(On(r.id)))},[S,t,r.fetchState,r.id,c.fetchState]),i.useEffect(()=>{l.fetchState!=="Completed"&&l.fetchState!=="In-Progress"&&k&&D&&t(Bt()),w.fetchState!=="Completed"&&w.fetchState!=="In-Progress"&&t(ca()),P.fetchState!=="Completed"&&P.fetchState!=="In-Progress"&&k&&D&&t(jn()),n.fetchState!=="Completed"&&n.fetchState!=="In-Progress"&&d&&v&&t(Ga())},[l.fetchState,k,D,w.fetchState,P.fetchState,n.fetchState,d,v]),i.useEffect(()=>{if(c.fetchState==="Completed"&&r.fetchState==="Completed"&&n.fetchState==="Completed"&&w.fetchState==="Completed"&&(!k||!D||l.fetchState==="Completed"&&P.fetchState==="Completed")){let I="",B="";if(c.statements.length>0){const E=c.statements[c.statements.length-1].period,[z,q]=E.split("-"),G=c.statements[0].period,[x,se]=G.split("-");I=`${dt[parseInt(q)-1]} ${z}`,B=`${dt[parseInt(se)-1]} ${x}`}const j=Oe(d,k,D,v),O=Ca(d,v,!0,r,n),W=et(k,D,!0,l,P);J.trackCardsCreditCardStatementsView(L,j,{numberOfStatements:c.statements.length,oldestStatementMonthYear:I,latestStatementMonthYear:B},O,W)}},[c.fetchState,r.fetchState,n.fetchState,l.fetchState,w.fetchState,P.fetchState]);const T=()=>{const I=ve(a.state?.pathnameStackToGoBack),B=I.poppedPathname??"..";e(B,{state:{pathnameStackToGoBack:I.newStack}})},H=y(I=>Ye(I)),U=Q.getSignedInUser(),K={userId:U?.userId??"",sessionId:U?.zeniSessionId??"",tenantId:A.tenantId??""};if(U==null)throw Error("Can't access address page without signing in...");if(c.fetchState!=="Completed")return s.jsx(it,{children:s.jsx(yr,{onBackClick:T})});{const I=Oe(d,k,D,v);return s.jsx(it,{children:s.jsx(Sr,{currentTenantCompanyName:A.companyName,statementListView:c,productInformation:I,onBackClick:T,authParams:K,controllerEmails:L,isChargeCardFeatureEnabled:d,isDebitCardFeatureEnabled:k,isDebitCardSetupEnabled:D,isChargeCardSetupEnabled:v,chargeCardCashbackDetailState:H,creditAccount:r,creditAccountRepayment:n,depositAccountListWithDebitCardIssued:l,debitCardSummary:P,downloadEndPoint:C})})}}const os={containerWidth:new ma(100,58)},cs=({appContent:e})=>{const t=ua(),a=ue(),r=le(),n=ge(),{useDynamicConfig:C}=ce(),[p,u]=i.useState(!1),[S,o]=i.useState(!1),[c,_]=i.useState(!1),[A,f]=i.useState(!1),[R,F]=i.useState(!1),[k,h]=i.useState(!1),b=Q.getSignedInUser();if(b==null)throw Error("Can't access onboarding card page without signing in...");const g=y(O=>ie(O)),{configValue:d}=C(Fe.zeniCardsConfig),D=y(O=>Nn(O)),{tenantEmailDomain:v}=g,N=y(O=>O.settingsViewState.profile.fetchState),L=y(O=>O.chargeCardListState.fetchState),w=y(O=>O.settingsViewState.profile.userId),V=y(O=>O.chargeCardConfigState.fetchState);i.useEffect(()=>{p===!1&&N!=="In-Progress"&&N!=="Completed"&&(a(Vn()),u(!0)),S===!1&&V!=="In-Progress"&&V!=="Completed"&&(a(Da()),o(!0)),c===!1&&L==="Not-Started"&&(_(!0),a(ca()))},[p,c,L,S,V]),i.useEffect(()=>{N==="Completed"&&R===!1&&w!=null&&L==="Completed"&&D.cards.length>0&&(a(Hn({userId:w})),a(Lt({cardId:D.cards[D.cards.length-1].id})),F(!0))},[N,R,w,L]),i.useEffect(()=>{if(!A&&D.fetchState==="Completed"&&D.cards.length===0){const O=ve(n.state?.pathnameStackToGoBack),W=O.poppedPathname??Ne(v);r(W,{state:{pathnameStackToGoBack:O.newStack}})}},[D.fetchState,D.cards,A]);const m=y(O=>ka(O)),l=Ja(m.updateStatus.fetchState),P=m.currentDisplayedCardId,{useFeatureGate:T}=ce(),{isFeatureEnabled:H}=T(Z.isChargeCardFeatureEnabled),U=!!g.companyChargeCardInfo?.info?.isChargeCardEnabled,K=!g.userRole.includes("charge_card_user")&&H&&U,I=y(O=>P!=null?Ut(O.chargeCardState,P):null),B=()=>{P!=null&&(a(Qe(P,K,!0)),a(ca()),f(!0))};i.useEffect(()=>{if(A&&P!=null&&I!=null&&I.status.code!=="request_on_hold"){const O=Ce(g.tenantEmailDomain,P,b,I),W=fe(n.state?.pathnameStackToGoBack,n.pathname);a(Mn()),I?.type.code==="business_virtual_credit_card"&&a(_a()),r(O,{state:{pathnameStackToGoBack:W},replace:!0})}},[A,I?.status.code]),i.useEffect(()=>{l==="In-Progress"&&m.updateStatus.fetchState==="Completed"&&setTimeout(B,3e3)},[l,m.updateStatus.fetchState]);const j=O=>{h(O)};if(!A&&L!=="Completed"||N!=="Completed"||D.cards.length===0)return s.jsxs(lt,{children:[s.jsx($e,{isAppContentDrawerOpen:k,handleDrawerToggle:j}),s.jsx(Ir,{})]});if(w==null)throw Error("Can't access my userId.");return s.jsxs(lt,{children:[s.jsx($e,{isAppContentDrawerOpen:k,handleDrawerToggle:j}),s.jsx(is,{chargeCardListView:D,cardUserOnboardingView:m,navigate:r,currentTenant:g,myUserId:w,location:n,chargeCardCashbackRatePerTransaction:d.charge_card_cashback_rate_per_transaction!=null?d.charge_card_cashback_rate_per_transaction:.0175,onClickMenuIcon:()=>{j(!0)}}),e!=null?s.jsx(ds,{windowSize:t,children:e}):null]})},is=pe(function(e,{currentTenant:t,cardUserOnboardingView:a,chargeCardListView:r,myUserId:n}){const C=Ke(e,!1,!1,!1);let p=!1;return C.fetchState==="Completed"&&C.cards.length<=1&&(p=!0),{cards:r.cards,showMenuIcon:p,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:p}=C;return{updateCardUserOnboardingLocalData:u=>{e(rt({localData:u}))},onGetOtp:u=>{if(r.cardUserOnboardingLocalData!=null){const S={...r.cardUserOnboardingLocalData,phone:u};e(rt({localData:S}))}e(Ta(u,"CardUserOnboarding"))},onResendOtp:u=>{e(wa(u,"CardUserOnboarding"))},onVerifyOtp:(u,S)=>{e(Pa(u,S,"CardUserOnboarding"))},onVerifyOtpSuccess:u=>{e($n()),u!=null&&Q.saveZeniOtpToken(u)},setCurrentDisplayedCardId:u=>{e(Lt({cardId:u}))},onBackClick:()=>{const u=ve(n.state?.pathnameStackToGoBack),S=u.poppedPathname??Ne(p);a(S,{state:{pathnameStackToGoBack:u.newStack}})}}})(Ar),ds=_e.div`
|
|
35
35
|
display: flex;
|
|
36
36
|
flex-direction: column;
|
|
37
37
|
width: ${e=>`${os.containerWidth.value(e.windowSize)}%`};
|
|
@@ -44,7 +44,7 @@ import{j as s}from"./liveblocks-BEuWW_o5.js";import{l as le,i as ia,h as ue,g as
|
|
|
44
44
|
flex-direction: column;
|
|
45
45
|
align-items: center;
|
|
46
46
|
background-color: ${e=>e.theme.colors.grey4};
|
|
47
|
-
`,ls={containerWidth:new ma(100,58)},us=({appContent:e})=>{const t=ua(),a=ue(),r=le(),{cardId:n}=ia(),C=
|
|
47
|
+
`,ls={containerWidth:new ma(100,58)},us=({appContent:e})=>{const t=ua(),a=ue(),r=le(),{cardId:n}=ia(),C=ge(),{useDynamicConfig:p,useFeatureGate:u}=ce(),[S,o]=i.useState(!1),[c,_]=i.useState(!1),[A,f]=i.useState(!1),[R,F]=i.useState(!1),k=Q.getSignedInUser();if(k==null)throw Error("Can't access onboarding card page without signing in...");const h=y(B=>ie(B));if(n==null)throw Error("Empty card id is not valid...");const{configValue:b}=p(Fe.zeniCardsConfig),g=y(B=>Gn(B,n)),{isFeatureEnabled:d}=u(Z.isChargeCardFeatureEnabled),{isFeatureEnabled:D}=u(Z.isDebitCardFeatureEnabled),v=Se(D,h),N=Ie({isDebitCardFeatureEnabled:D,isBankingOnlyTenant:v}),L=be(h),w=ye(h),V=h.companyChargeCardInfo?.info?.chargeCardsCreditAccountLimit??0,m=Ae({isCardsOnlyTenant:L,isChargeCardFeatureEnabled:d,isBookKeepingTenant:w,isDebitCardProductVisible:N,chargeCardsCreditAccountLimit:V}),l=g.chargeCard,P=y(B=>B.chargeCardConfigState.fetchState);i.useEffect(()=>{S===!1&&P!=="In-Progress"&&P!=="Completed"&&(a(Da()),o(!0)),c===!1&&g.fetchState==="Not-Started"&&(_(!0),a(Qe(n,!1,m)))},[c,g.fetchState,S,P]);const T=l?.type.code==="business_physical_debit_card"||l?.type.code==="business_virtual_debit_card";i.useEffect(()=>{if(g.fetchState==="Completed"){if(A===!1&&(T===!1||T&&l.status?.code!=="active"||T&&l.status.code==="active"&&l.isPinSet||l.cardHolderUserId!==k.userId)){const B=Ce(h.tenantEmailDomain,n,k,l,!0),j=fe(C.state?.pathnameStackToGoBack,C.pathname);r(B,{state:{pathnameStackToGoBack:j}})}else if(A&&g.isRefreshingViewInBackground===!1&&l?.isPinSet===!0){a(zn({chargeCardId:n}));const B=Ce(h.tenantEmailDomain,n,k,l,!0),j=fe(C.state?.pathnameStackToGoBack,C.pathname);a(_a()),r(B,{state:{pathnameStackToGoBack:j}})}}},[g.fetchState,l?.type.code,A,g.isRefreshingViewInBackground]);const H=Q.getZeniOtpTokenForCardHolder(n),U=y(B=>pt(B.userState,k.userId)),K=()=>{l?.isPinSet!==!0&&a(za(n,!0))};i.useEffect(()=>{g.updateDebitCardPinAttemptFetchState.fetchState==="Completed"&&(setTimeout(K,3e3),f(!0))},[g.updateDebitCardPinAttemptFetchState.fetchState]);const I=B=>{F(B)};if(P!=="Completed"||l==null)return s.jsx(la,{fetchState:"In-Progress"});if(U?.phone==null)throw Error("Can't access user phone number.");return s.jsxs(ps,{children:[s.jsx($e,{isAppContentDrawerOpen:R,handleDrawerToggle:I}),s.jsx(ms,{cardId:n,card:l,phone:U.phone,signedInUser:k,isSandboxEnv:Ka(),debitCardDetailState:g,signedInUserToken:H,navigate:r,currentTenant:h,location:C,chargeCardCashbackRatePerTransaction:b.charge_card_cashback_rate_per_transaction!=null?b.charge_card_cashback_rate_per_transaction:.0175,onClickMenuIcon:()=>{I(!0)}}),e!=null?s.jsx(Cs,{windowSize:t,children:e}):null]})},ms=pe(function(e,{debitCardDetailState:t,cardId:a}){const r=ht(e,a),n=t.updateStatus,C=Ke(e,!1,!1,!1);let p=!1;return C.fetchState==="Completed"&&C.cards.length<=1&&(p=!0),{showMenuIcon:p,vgsVaultId:Ba.cardVaultId,twoFAView:r,setPinWaitStatus:n}},function(e,t){const{navigate:a,cardId:r,location:n,currentTenant:C,debitCardDetailState:p}=t,u=p.chargeCard?.cardProviderID,{tenantEmailDomain:S}=C;return{onGetOtp:o=>{u!=null&&e(Ta(o,"ChargeCardHolder",r))},onUpdateDebitCardPinAttempt:o=>{e(It(r,o))},onResendOtp:o=>{u!=null&&e(wa(o,"ChargeCardHolder",r))},onVerifyOtp:(o,c)=>{u!=null&&e(Pa(o,c,"ChargeCardHolder",r))},onVerifyOtpSuccess:o=>{o!=null&&Q.saveZeniOtpTokenForCardHolder(o,r)},onSetPinSuccess:()=>{e(Zn({chargeCardId:r}))},onBackClick:()=>{const o=ve(n.state?.pathnameStackToGoBack),c=o.poppedPathname==null||o.poppedPathname.includes("activate")===!0?Ne(S):o.poppedPathname;a(c,{state:{pathnameStackToGoBack:o.newStack}})}}})(Er),Cs=_e.div`
|
|
48
48
|
display: flex;
|
|
49
49
|
flex-direction: column;
|
|
50
50
|
width: ${e=>`${ls.containerWidth.value(e.windowSize)}%`};
|
|
@@ -59,7 +59,7 @@ import{j as s}from"./liveblocks-BEuWW_o5.js";import{l as le,i as ia,h as ue,g as
|
|
|
59
59
|
align-items: center;
|
|
60
60
|
background-color: ${e=>e.theme.colors.grey4};
|
|
61
61
|
box-shadow: ${e=>`${Aa.sp0} 2px ${Aa.sp1} ${e.theme.colors.dropShadowNormal}`};
|
|
62
|
-
`,hs={overlayWidth:new ma(Ra[12],Ra[12],Ra[9])},
|
|
62
|
+
`,hs={overlayWidth:new ma(Ra[12],Ra[12],Ra[9])},fs=pe(function(e,t){const a=Ya(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(Rt(`${n==="creditCard"?"credit":"debit"}_custom_shipping_${r}_address`));const p=Or(C);e(Wn({addressType:`${n==="creditCard"?"credit":"debit"}_custom_shipping_${r}_address`,addressToCreate:p})),e(qn(`${n==="creditCard"?"credit":"debit"}_custom_shipping_${r}_address`))},onDismissClick:()=>{t.onDismissClick(),a!=null&&e(Kn({addressId:a,cardLineId:r,cardType:n==="creditCard"?"business_physical_credit_card":"business_physical_debit_card"}))}}})(kr),gs=({lineId:e,closeDrawerHandler:t,chargeCardTypeOption:a})=>{const r=Wa(),n=ua(),C=()=>{t()},p=y(u=>Yn(`${a==="creditCard"?"credit":"debit"}_custom_shipping_${e}_address`,u))?.newAddressId;return s.jsx(Mt,{anchor:"right",open:e.length>0,PaperProps:{style:{minWidth:hs.overlayWidth.valuePercentage(n),boxShadow:"none",zIndex:8}},slotProps:{backdrop:{style:{opacity:.75,backgroundColor:r.colors.black,cursor:"pointer"}}},onClose:(u,S)=>(S==="backdropClick"||S==="escapeKeyDown")&&C(),children:s.jsx(fs,{googleAPIKey:Ba.googleMapsAPIKey,onDismissClick:C,lineId:e,chargeCardTypeOption:a,newCustomAddressId:p})})},bs=pe(function(e,t){const{isChargeCardFeatureEnabled:a,isDebitCardFeatureEnabled:r,isIssuePhysicalCardEnabled:n,isIssuePhysicalDebitCardEnabled:C,isChargeCardSetupEnabled:p,isDebitCardSetupEnabled:u}=t,S=Ya(e,a&&p,r&&u);return{companyName:t.companyName,signedInUser:t.signedInUser,issueChargeCards:S,isIssuePhysicalCardEnabled:n,isIssuePhysicalDebitCardEnabled:C,isDebitCardFeatureEnabled:r,isChargeCardFeatureEnabled:a,isChargeCardSetupEnabled:p,isDebitCardSetupEnabled:u,cardHolderCandidates:S.userList.map(o=>o.user).filter(Boolean),allRoles:S.userList.map(o=>o.userRole),allAccountingClasses:S.allAccountingClasses,userList:S.userList}},function(e,t){return{onIssueCardClick:()=>{e(Qn())},onSaveChangesToLocalStore:a=>{e(Xn(a))},onDismissClick:()=>{e(Ot()),t.navigate("../")},resetCustomAddressByLineID:(a,r)=>{e(Rt(`${r==="creditCard"?"credit":"debit"}_custom_shipping_${a}_address`))},openAddAddressDrawerHandler:t.openAddAddressDrawerHandler}})(Pr);function ys(){const e=Q.getSignedInUser(),t=le(),a=ue(),r=Dr(),[n]=ut(),C=n.get("cardType"),{useFeatureGate:p}=ce(),{isFeatureEnabled:u}=p(Z.isIssuePhysicalCardEnabled),{isFeatureEnabled:S}=p(Z.isIssuePhysicalDebitCardEnabled),{isFeatureEnabled:o}=p(Z.isDebitCardFeatureEnabled),{isFeatureEnabled:c}=p(Z.isChargeCardFeatureEnabled),_=y(I=>ie(I)),A=Se(o,_),f=Ie({isDebitCardFeatureEnabled:o,isBankingOnlyTenant:A}),R=be(_),F=ye(_),k=_.companyChargeCardInfo?.info?.chargeCardsCreditAccountLimit??0,h=Ae({isCardsOnlyTenant:R,isChargeCardFeatureEnabled:c,isBookKeepingTenant:F,isDebitCardProductVisible:f,chargeCardsCreditAccountLimit:k}),[b,g]=i.useState(!1);if(e==null)throw Error("Can't access issue card page without signing in...");i.useEffect(()=>{b||(g(!0),a(Jn(f&&D,h&&d,!1)))},[b,g,a]);const d=!!_.companyChargeCardInfo?.info?.isChargeCardEnabled,D=!!_.companyDebitCardInfo?.info?.isDebitCardEnabled,v=_.companyName,N=y(I=>Ya(I,h&&d,f&&D)),L=N.fetchState,w=N.issueCardStatus.fetchState,V=N.lastSelfIssuedDebitCardId,m=y(I=>V!=null?Ut(I.chargeCardState,V):void 0),[l,P]=i.useState(null),[T,H]=i.useState(null),U=()=>{P(null)},K=(I,B)=>{P(I),H(B)};return i.useEffect(()=>{if(w==="Completed"){if(V!=null&&m?.type.code==="business_virtual_debit_card"){let I;I=m?.status.code==="request_on_hold"&&e.userId===m.cardHolderUserId?Zt(_.tenantEmailDomain):Ce(_.tenantEmailDomain,V,e,m),t(I)}else t("../");a(Ot())}},[w,V]),L==="Completed"?s.jsxs(s.Fragment,{children:[l!==null&&T!==null?s.jsx(gs,{closeDrawerHandler:U,lineId:l,chargeCardTypeOption:T}):null,s.jsx(bs,{companyName:v,signedInUser:e,themeState:r,isIssuePhysicalCardEnabled:u,isIssuePhysicalDebitCardEnabled:S,isDebitCardFeatureEnabled:f,isChargeCardFeatureEnabled:h,isChargeCardSetupEnabled:d,isDebitCardSetupEnabled:D,navigate:t,fetchState:N.fetchState,openAddAddressDrawerHandler:K,defaultCardType:C==="creditCard"||C==="debitCard"?C:void 0})]}):L==="Error"?s.jsx(La,{}):s.jsx(_r,{})}const Ss=_e.div`
|
|
63
63
|
display: flex;
|
|
64
64
|
height: 100vh;
|
|
65
65
|
width: 100%;
|
|
@@ -68,4 +68,4 @@ import{j as s}from"./liveblocks-BEuWW_o5.js";import{l as le,i as ia,h as ue,g as
|
|
|
68
68
|
overflow: auto;
|
|
69
69
|
align-items: center;
|
|
70
70
|
background-color: ${e=>e.theme.colors.grey4};
|
|
71
|
-
`,Is=pe(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:p}=t,{tenantEmailDomain:u}=r,{cards:S}=p;return{onChargeCardRowClick:o=>{const c=zt(S,o),_=Ce(u,o,C,c),A=ge(n.state?.pathnameStackToGoBack,n.pathname);a(_,{state:{pathnameStackToGoBack:A}})},onColumnSortConfigChanged:(o,c)=>{e(Na({uiState:{sortKey:o,sortOrder:c}}))},onReloadCards:()=>{e(ca())},onBackClick:()=>{const o=r.userRole.includes("charge_card_user");e(Na({uiState:{sortKey:o?"cardName":"owner",sortOrder:"ascending"}})),a("../")}}})(wr);function As(){const e=le(),t=ue(),a=fe(),r=Wa(),[n,C]=i.useState(!1),p=y(T=>er(T)),u=y(T=>ie(T)),S=y(T=>Ge(T,u.companyId)),o=ze(S.controllers),{useFeatureGate:c}=ce(),{isFeatureEnabled:_}=c(K.isChargeCardFeatureEnabled),{isFeatureEnabled:A}=c(K.isDebitCardFeatureEnabled),g=Se(A,u),R=Ie({isDebitCardFeatureEnabled:A,isBankingOnlyTenant:g}),F=!!u.companyDebitCardInfo?.info?.isDebitCardEnabled,k=!!u.companyChargeCardInfo?.info?.isChargeCardEnabled,h=je(),b=be(u),f=ye(u),d=u.companyChargeCardInfo?.info?.chargeCardsCreditAccountLimit??0,D=Ae({isCardsOnlyTenant:b,isChargeCardFeatureEnabled:_,isBookKeepingTenant:f,isDebitCardProductVisible:R,chargeCardsCreditAccountLimit:d}),v=Re(h?.loggedInUserRoleMap),N=y(T=>Ye(T)),{creditAccount:L,creditAccountRepayment:w}=y(T=>Ke(T)),V=y(T=>xt(T)).cards.filter(T=>T.type.code.includes("debit")).map(T=>T.connectedAccountId),m=[...new Set(V)],l=y(T=>va(T,m));i.useEffect(()=>{n||p.fetchState==="Completed"||p.fetchState==="In-Progress"||(C(!0),t(ca()),t(Da()))},[n,t,p.fetchState]),i.useEffect(()=>{if(p.fetchState==="Completed"&&p.cards.length===1&&P!=null){const T=Ce(u.tenantEmailDomain,p.cards[0].id,P,p.cards[0]);e(T,{state:{message:a.state?.message}})}},[p.fetchState,p.cards]);const P=Q.getSignedInUser();if(i.useEffect(()=>{L.fetchState!=="Completed"&&L.fetchState!=="In-Progress"&&D&&k&&v&&t($a()),w.fetchState!=="Completed"&&w.fetchState!=="In-Progress"&&v&&t(Ga()),l.fetchState!=="Completed"&&l.fetchState!=="In-Progress"&&R&&F&&v&&t(Bt())},[L.fetchState,w.fetchState,t,l.fetchState,R,F,v,D,k]),P==null)throw Error("Can't access address page without signing in...");if(p.fetchState!=="Completed")return s.jsx(la,{fetchState:"In-Progress",style:{backgroundColor:r.colors.grey5}});{const T=Oe(D,R,F,k);return s.jsx(Ss,{children:s.jsx(Is,{navigate:e,currentTenant:u,signedInUser:P,productInformation:T,myPendingActivationChargeCardListState:p,isChargeCardFeatureEnabled:D,isDebitCardFeatureEnabled:R,isDebitCardSetupEnabled:F,isChargeCardSetupEnabled:k,chargeCardCashbackDetailState:N,creditAccount:L,creditAccountRepayment:w,depositAccountListWithDebitCardIssued:l,controllerEmails:o,location:a})})}}const Es=pe(function(e,t){const{companyId:a,companyLegalName:r}=t;return{chargeCardSetupView:da(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:p,signedInUser:u,location:S,productInformation:o,isEarlyPayEnabled:c,controllerEmails:_,chargeCardsCreditAccountLimit:A}=t;return{onSetupButtonClick:g=>{if(u!=null&&J.trackCardsPromoPageClicked("enable cards"),n)switch(J.trackCardsEnableCardsClick(_,o,"Cards Promo"),g){case"credit":e(Ue(r,!0,"charge_cards",c,!1));break;case"debit":e(Ue(r,!0,"debit_cards",c,!1));break;case"debit_and_credit":e(A===0?Ue(r,!0,"debit_cards",c,!0):Ue(r,!0,"charge_cards__debit_cards",c,!1))}else switch(J.trackCardsSetupCardsClick(_,o,"Cards Promo"),g){case"credit":e(Ue(r,!1,"charge_cards",c,!1));break;case"debit":e(Ue(r,!1,"debit_cards",c,!1));break;case"debit_and_credit":e(A===0?Ue(r,!1,"debit_cards",c,!0):Ue(r,!1,"charge_cards__debit_cards",c,!1))}},onBackClick:()=>{const g=ve(S.state?.pathnameStackToGoBack);let R=g.poppedPathname;R==null&&(R=C||p?"..":"../.."),a(R,{state:{pathnameStackToGoBack:g.newStack}})},onLetsGoClick:()=>{a("./onboard")},onSetupChargeCardSuccess:()=>{n?(e(_a()),a("../",{relative:"path"})):a("../setup",{relative:"path"})},onExpressInterestClick:()=>{e(nr(r))}}})(Fr),ks=()=>{const e=le(),{tenantEmailDomain:t}=ia(),[a]=ut(),r=a.get("cardPromoType"),n=ue(),{useDynamicConfig:C,useFeatureGate:p}=ce(),[u,S]=i.useState(!1),{isFeatureEnabled:o}=p(K.isDebitCardFeatureEnabled),{isFeatureEnabled:c}=p(K.isEarlyPayFeatureEnabled),{isFeatureEnabled:_}=p(K.isChargeCardFeatureEnabled),{configValue:A}=C(Fe.zeniCardsConfig),g=y(ee=>ie(ee)),R=y(ee=>Ge(ee,g.companyId)),F=ze(R.controllers),k=A.charge_card_cashback_rate_per_transaction!=null?A.charge_card_cashback_rate_per_transaction:.0175,h=fe(),b=Q.getSignedInUserTenant(t)?.companyId??g.companyId,f=y(ee=>da(ee,b)),d=f.primaryFundingAccount,D=g.companyBillPayInfo?.info,v=be(g),N=ye(g),L=Se(o,g),w=g.companyChargeCardInfo?.info?.chargeCardsCreditAccountLimit??0,V=Ie({isDebitCardFeatureEnabled:o,isBankingOnlyTenant:L}),m=Ae({isCardsOnlyTenant:v,isChargeCardFeatureEnabled:_,isBookKeepingTenant:N,isDebitCardProductVisible:V,chargeCardsCreditAccountLimit:w}),l=Gt({isCardsOnlyTenant:v,isChargeCardFeatureEnabled:_,isBookKeepingTenant:N}),P=V&&m===!1,T=D?.businessVerificationStatus?.code==="verified"&&(P||d?.accType==="depositAccount"||ar(d?.providerVerificationStatus?.code??"")),H=Q.getSignedInUser(),U=!!g.companyZeniAccountInfo?.info?.isZeniAccountEnabled,Z=!!g.companyChargeCardInfo?.info?.isChargeCardTOSAccepted,I=!!g.company?.companyChargeCardInfo.isChargeCardEnabled,B=!!g.company?.companyDebitCardInfo.isDebitCardEnabled,j=!!g.companyDebitCardInfo?.info?.isDebitCardTOSAccepted,O=ee=>{S(ee)},W=y(ee=>ee.chargeCardSetupViewState.fetchState);if(H==null)throw Error("Can't access Charge Card promo page without signing in...");const E=je(),z=Re(E?.loggedInUserRoleMap),q=Ka(E?.loggedInUserRoleMap),[G,x]=i.useState(!1),[se,ae]=i.useState(!1),[ne,X]=i.useState(!1);i.useEffect(()=>{G===!1&&h.state?.message==="activation"&&x(!0)},[h.state]),i.useEffect(()=>{se||W!=="Not-Started"||b==null||(ae(!0),n(Fa(b,!0)))},[se,W,b,n]);const re=g.companyChargeCardInfo?.info!=null&&Xe({cardInfo:g.companyChargeCardInfo.info,isProductVisible:l,isTOSAccepted:Z,isSetupEnabled:I,isUserHasCardsAdminLevelAccess:z,isUserHasCardsAccess:q}),Ee=g.companyDebitCardInfo?.info!=null&&Xe({cardInfo:g.companyDebitCardInfo.info,isProductVisible:V,isTOSAccepted:j,isSetupEnabled:B,isUserHasCardsAdminLevelAccess:z,isUserHasCardsAccess:q}),xe=V&&Ee&&l&&w>=0&&re?"debit_and_credit":V&&Ee?"debit":"credit",Y=Rr(r,xe),he=f?.chargeCardTermsDetails?.fetchStatus?.fetchState,ke=i.useRef(null);i.useEffect(()=>{he==="In-Progress"?ke.current=Y:he!=="Error"&&he!=="Not-Started"||(ke.current=null)},[he,Y]);const Be=he!=="In-Progress"&&he!=="Completed"||ke.current==null?Y:ke.current;i.useEffect(()=>{Y==="credit"&&(I||l===!1&&B)||Y==="debit"&&B||Y==="debit_and_credit"&&B&&I?e("../"):(Y==="debit_and_credit"&&Z===!0&&j===!0||Y==="credit"&&(Z===!0||l===!1&&j===!0)||Y==="debit"&&j===!0)&&z===!0&&e("../setup")},[T,I,B,Y,Z,j]),i.useEffect(()=>{ne||(n(tr("cardAdmin")),X(!0))},[ne]);const Pe=y(ee=>Tt(ee.userState,ee.userRoleState,ee.userListViewState,"cardAdmin")),we=Oe(l,V,B,I);return(re||Ee)&&W==="Completed"?s.jsxs(s.Fragment,{children:[s.jsx(Xa,{analytics:J,onLoad:()=>{if(J.trackPageLoaded(Ht.Event.cardsPromoPage),!!l&&!I||!!V&&!B||!!l&&!!V&&!B&&!I){const ee=Ds({isDebitCardSetupEnabled:B,isChargeCardSetupEnabled:I,isCreditCardProductVisibleForExpressInterest:l,isDebitCardProductVisible:V});J.trackCardsPromoView(F,we,"Page",ee,"Promo Page")}}}),s.jsx(xa,{showConfetti:G}),s.jsx($e,{isAppContentDrawerOpen:u,handleDrawerToggle:O}),s.jsx(Es,{signedInUser:H,location:h,showEnableCardButton:T,isCompanyBusinessVerificationAndPaymentSetUpDone:T,isChargeCardSetupEnabled:I,isDebitCardSetupEnabled:B,companyLegalName:g.companyName,adminList:Pe.users,isCheckingEnabled:U,navigate:e,companyId:b,cardPromoType:Be,controllerEmails:F,productInformation:we,isCreditCardProductVisible:m,isDebitCardFeatureEnabled:o,isEarlyPayEnabled:c,cashbackRate:k,chargeCardsCreditAccountLimit:w,onClickMenuIcon:()=>{O(!0)}})]}):s.jsxs(s.Fragment,{children:[s.jsx($e,{isAppContentDrawerOpen:u,handleDrawerToggle:O}),s.jsx(Tr,{})]})},Ds=({isDebitCardSetupEnabled:e,isChargeCardSetupEnabled:t,isCreditCardProductVisibleForExpressInterest:a,isDebitCardProductVisible:r})=>a&&r&&!e&&!t?"Credit & Debit Card":a&&!t?"Credit Card":r&&!e?"Debit Card":"";function Ws(){const e=fe(),t=y(W=>ie(W)),{useFeatureGate:a}=ce(),{isFeatureEnabled:r}=a(K.isChargeCardFeatureEnabled),{isFeatureEnabled:n}=a(K.isDebitCardFeatureEnabled),{isFeatureEnabled:C}=a(K.isEarlyPayFeatureEnabled),{isFeatureEnabled:p}=a(K.isChargeCardPaymentHistoryFeatureEnabled),u=Se(n,t),S=Ie({isDebitCardFeatureEnabled:n,isBankingOnlyTenant:u}),o=vr(t,r,n),c=!!t.company?.companyChargeCardInfo.isChargeCardTOSAccepted,_=!!t.company?.companyDebitCardInfo.isDebitCardTOSAccepted,A=!!t.company?.companyChargeCardInfo.isChargeCardEnabled,g=!!t.company?.companyDebitCardInfo.isDebitCardEnabled,R=je(),F=Re(R?.loggedInUserRoleMap),k=Ka(R?.loggedInUserRoleMap),{isFeatureEnabled:h}=a(K.isCashbackFeatureEnabled),b=t.userRole.includes("charge_card_user"),f=!b,d=!b&&A,D=t?.userRole!=null&&rr(t?.userRole),v=(t?.company==null||t.company.featuresActivationInfo?.isBillPayFeatureEnabled&&!D)&&sr(R?.loggedInUserRoleMap),N=or(R?.loggedInUserRoleMap),L=(t?.company==null||t.company.featuresActivationInfo?.isReimbursementFeatureEnabled&&!D)&&cr(R?.loggedInUserRoleMap),{isFeatureEnabled:w}=a(K.isDepositAccountsFeatureEnabled),V=w&&!D&&ft(R?.loggedInUserRoleMap),m=A&&!D,l=g&&!D,P=o&&!D&&Re(R?.loggedInUserRoleMap),T=ir(R?.loggedInUserRoleMap),H=be(t),U=ye(t),Z=t.companyChargeCardInfo?.info?.chargeCardsCreditAccountLimit??0,I=Ae({isCardsOnlyTenant:H,isChargeCardFeatureEnabled:r,isBookKeepingTenant:U,isDebitCardProductVisible:S,chargeCardsCreditAccountLimit:Z}),B=t.companyChargeCardInfo?.info!=null&&Xe({cardInfo:t.companyChargeCardInfo.info,isProductVisible:I,isTOSAccepted:c,isSetupEnabled:A,isUserHasCardsAdminLevelAccess:F,isUserHasCardsAccess:k}),j=t.companyDebitCardInfo?.info!=null&&Xe({cardInfo:t.companyDebitCardInfo.info,isProductVisible:S,isTOSAccepted:_,isSetupEnabled:g,isUserHasCardsAdminLevelAccess:F,isUserHasCardsAccess:k}),O=B||j;return s.jsxs(Wt,{children:[F?s.jsx(te,{path:"setup",element:s.jsx(st,{isBillPayAdminLevelAccess:v,isReimbursementAdminLevelAccess:L,isZeniAccountAdminLevelAccess:V,isChargeCardAdminLevelAccess:P,isUserHasOnlyCardAccess:T,isUserHasOnlyBillPayAccess:N,productType:"charge_cards",type:"setup"})}):null,F?s.jsx(te,{path:"verification",element:s.jsx(st,{isBillPayAdminLevelAccess:v,isUserHasOnlyBillPayAccess:N,isReimbursementAdminLevelAccess:L,isZeniAccountAdminLevelAccess:V,isChargeCardAdminLevelAccess:P,isUserHasOnlyCardAccess:T,productType:"charge_cards",type:"verification"})}):null,s.jsx(te,{path:"promo",element:s.jsx(ks,{})}),m||l?s.jsxs(s.Fragment,{children:[s.jsx(te,{path:"/",element:s.jsx(ct,{isPaymentDrawerOpen:!1})}),P&&C?s.jsx(te,{path:"payment",element:s.jsx(ct,{isPaymentDrawerOpen:!0})}):null,s.jsx(te,{path:"activate",element:s.jsx(As,{})}),s.jsx(te,{path:"onboard",element:s.jsx(cs,{})}),F?s.jsx(te,{path:"new",element:s.jsx(ys,{})}):null,h&&f?s.jsx(te,{path:"cashback",element:s.jsx(Vr,{})}):null,d?s.jsx(te,{path:"statements",element:s.jsx(ss,{})}):null,P&&p&&A?s.jsx(te,{path:"payment-history",element:s.jsx(rs,{})}):null,s.jsx(te,{path:":cardId/activate",element:s.jsx($r,{})}),s.jsx(te,{path:":cardId/setPin",element:s.jsx(us,{})}),s.jsx(te,{path:":cardId/addToWallet",element:s.jsx(jr,{})}),s.jsx(te,{path:":cardId/*",element:s.jsx(Jr,{})}),s.jsx(te,{path:"*",element:s.jsx(La,{})})]}):(c||_)&&F?s.jsx(te,{path:"*",element:s.jsx(fa,{to:"../setup"})}):O?s.jsx(te,{path:"*",element:s.jsx(fa,{to:"../promo",state:e.state})}):s.jsx(te,{path:"*",element:null})]})}export{Ws as default};
|
|
71
|
+
`,Is=pe(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:p}=t,{tenantEmailDomain:u}=r,{cards:S}=p;return{onChargeCardRowClick:o=>{const c=zt(S,o),_=Ce(u,o,C,c),A=fe(n.state?.pathnameStackToGoBack,n.pathname);a(_,{state:{pathnameStackToGoBack:A}})},onColumnSortConfigChanged:(o,c)=>{e(Na({uiState:{sortKey:o,sortOrder:c}}))},onReloadCards:()=>{e(ca())},onBackClick:()=>{const o=r.userRole.includes("charge_card_user");e(Na({uiState:{sortKey:o?"cardName":"owner",sortOrder:"ascending"}})),a("../")}}})(wr);function As(){const e=le(),t=ue(),a=ge(),r=Wa(),[n,C]=i.useState(!1),p=y(T=>er(T)),u=y(T=>ie(T)),S=y(T=>Ge(T,u.companyId)),o=ze(S.controllers),{useFeatureGate:c}=ce(),{isFeatureEnabled:_}=c(Z.isChargeCardFeatureEnabled),{isFeatureEnabled:A}=c(Z.isDebitCardFeatureEnabled),f=Se(A,u),R=Ie({isDebitCardFeatureEnabled:A,isBankingOnlyTenant:f}),F=!!u.companyDebitCardInfo?.info?.isDebitCardEnabled,k=!!u.companyChargeCardInfo?.info?.isChargeCardEnabled,h=je(),b=be(u),g=ye(u),d=u.companyChargeCardInfo?.info?.chargeCardsCreditAccountLimit??0,D=Ae({isCardsOnlyTenant:b,isChargeCardFeatureEnabled:_,isBookKeepingTenant:g,isDebitCardProductVisible:R,chargeCardsCreditAccountLimit:d}),v=Re(h?.loggedInUserRoleMap),N=y(T=>Ye(T)),{creditAccount:L,creditAccountRepayment:w}=y(T=>Ze(T)),V=y(T=>xt(T)).cards.filter(T=>T.type.code.includes("debit")).map(T=>T.connectedAccountId),m=[...new Set(V)],l=y(T=>va(T,m));i.useEffect(()=>{n||p.fetchState==="Completed"||p.fetchState==="In-Progress"||(C(!0),t(ca()),t(Da()))},[n,t,p.fetchState]),i.useEffect(()=>{if(p.fetchState==="Completed"&&p.cards.length===1&&P!=null){const T=Ce(u.tenantEmailDomain,p.cards[0].id,P,p.cards[0]);e(T,{state:{message:a.state?.message}})}},[p.fetchState,p.cards]);const P=Q.getSignedInUser();if(i.useEffect(()=>{L.fetchState!=="Completed"&&L.fetchState!=="In-Progress"&&D&&k&&v&&t($a()),w.fetchState!=="Completed"&&w.fetchState!=="In-Progress"&&v&&t(Ga()),l.fetchState!=="Completed"&&l.fetchState!=="In-Progress"&&R&&F&&v&&t(Bt())},[L.fetchState,w.fetchState,t,l.fetchState,R,F,v,D,k]),P==null)throw Error("Can't access address page without signing in...");if(p.fetchState!=="Completed")return s.jsx(la,{fetchState:"In-Progress",style:{backgroundColor:r.colors.grey5}});{const T=Oe(D,R,F,k);return s.jsx(Ss,{children:s.jsx(Is,{navigate:e,currentTenant:u,signedInUser:P,productInformation:T,myPendingActivationChargeCardListState:p,isChargeCardFeatureEnabled:D,isDebitCardFeatureEnabled:R,isDebitCardSetupEnabled:F,isChargeCardSetupEnabled:k,chargeCardCashbackDetailState:N,creditAccount:L,creditAccountRepayment:w,depositAccountListWithDebitCardIssued:l,controllerEmails:o,location:a})})}}const Es=pe(function(e,t){const{companyId:a,companyLegalName:r}=t;return{chargeCardSetupView:da(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:p,signedInUser:u,location:S,productInformation:o,isEarlyPayEnabled:c,controllerEmails:_,chargeCardsCreditAccountLimit:A}=t;return{onSetupButtonClick:f=>{if(u!=null&&J.trackCardsPromoPageClicked("enable cards"),n)switch(J.trackCardsEnableCardsClick(_,o,"Cards Promo"),f){case"credit":e(Ue(r,!0,"charge_cards",c,!1));break;case"debit":e(Ue(r,!0,"debit_cards",c,!1));break;case"debit_and_credit":e(A===0?Ue(r,!0,"debit_cards",c,!0):Ue(r,!0,"charge_cards__debit_cards",c,!1))}else switch(J.trackCardsSetupCardsClick(_,o,"Cards Promo"),f){case"credit":e(Ue(r,!1,"charge_cards",c,!1));break;case"debit":e(Ue(r,!1,"debit_cards",c,!1));break;case"debit_and_credit":e(A===0?Ue(r,!1,"debit_cards",c,!0):Ue(r,!1,"charge_cards__debit_cards",c,!1))}},onBackClick:()=>{const f=ve(S.state?.pathnameStackToGoBack);let R=f.poppedPathname;R==null&&(R=C||p?"..":"../.."),a(R,{state:{pathnameStackToGoBack:f.newStack}})},onLetsGoClick:()=>{a("./onboard")},onSetupChargeCardSuccess:()=>{n?(e(_a()),a("../",{relative:"path"})):a("../setup",{relative:"path"})},onExpressInterestClick:()=>{e(nr(r))}}})(Fr),ks=()=>{const e=le(),{tenantEmailDomain:t}=ia(),[a]=ut(),r=a.get("cardPromoType"),n=ue(),{useDynamicConfig:C,useFeatureGate:p}=ce(),[u,S]=i.useState(!1),{isFeatureEnabled:o}=p(Z.isDebitCardFeatureEnabled),{isFeatureEnabled:c}=p(Z.isEarlyPayFeatureEnabled),{isFeatureEnabled:_}=p(Z.isChargeCardFeatureEnabled),{configValue:A}=C(Fe.zeniCardsConfig),f=y(ee=>ie(ee)),R=y(ee=>Ge(ee,f.companyId)),F=ze(R.controllers),k=A.charge_card_cashback_rate_per_transaction!=null?A.charge_card_cashback_rate_per_transaction:.0175,h=ge(),b=Q.getSignedInUserTenant(t)?.companyId??f.companyId,g=y(ee=>da(ee,b)),d=g.primaryFundingAccount,D=f.companyBillPayInfo?.info,v=be(f),N=ye(f),L=Se(o,f),w=f.companyChargeCardInfo?.info?.chargeCardsCreditAccountLimit??0,V=Ie({isDebitCardFeatureEnabled:o,isBankingOnlyTenant:L}),m=Ae({isCardsOnlyTenant:v,isChargeCardFeatureEnabled:_,isBookKeepingTenant:N,isDebitCardProductVisible:V,chargeCardsCreditAccountLimit:w}),l=Gt({isCardsOnlyTenant:v,isChargeCardFeatureEnabled:_,isBookKeepingTenant:N}),P=V&&m===!1,T=D?.businessVerificationStatus?.code==="verified"&&(P||d?.accType==="depositAccount"||ar(d?.providerVerificationStatus?.code??"")),H=Q.getSignedInUser(),U=!!f.companyZeniAccountInfo?.info?.isZeniAccountEnabled,K=!!f.companyChargeCardInfo?.info?.isChargeCardTOSAccepted,I=!!f.company?.companyChargeCardInfo.isChargeCardEnabled,B=!!f.company?.companyDebitCardInfo.isDebitCardEnabled,j=!!f.companyDebitCardInfo?.info?.isDebitCardTOSAccepted,O=ee=>{S(ee)},W=y(ee=>ee.chargeCardSetupViewState.fetchState);if(H==null)throw Error("Can't access Charge Card promo page without signing in...");const E=je(),z=Re(E?.loggedInUserRoleMap),q=Za(E?.loggedInUserRoleMap),[G,x]=i.useState(!1),[se,ae]=i.useState(!1),[ne,X]=i.useState(!1);i.useEffect(()=>{G===!1&&h.state?.message==="activation"&&x(!0)},[h.state]),i.useEffect(()=>{se||W!=="Not-Started"||b==null||(ae(!0),n(Fa(b,!0)))},[se,W,b,n]);const re=f.companyChargeCardInfo?.info!=null&&Xe({cardInfo:f.companyChargeCardInfo.info,isProductVisible:l,isTOSAccepted:K,isSetupEnabled:I,isUserHasCardsAdminLevelAccess:z,isUserHasCardsAccess:q}),Ee=f.companyDebitCardInfo?.info!=null&&Xe({cardInfo:f.companyDebitCardInfo.info,isProductVisible:V,isTOSAccepted:j,isSetupEnabled:B,isUserHasCardsAdminLevelAccess:z,isUserHasCardsAccess:q}),xe=V&&Ee&&l&&w>=0&&re?"debit_and_credit":V&&Ee?"debit":"credit",Y=Rr(r,xe),he=g?.chargeCardTermsDetails?.fetchStatus?.fetchState,ke=i.useRef(null);i.useEffect(()=>{he==="In-Progress"?ke.current=Y:he!=="Error"&&he!=="Not-Started"||(ke.current=null)},[he,Y]);const Be=he!=="In-Progress"&&he!=="Completed"||ke.current==null?Y:ke.current;i.useEffect(()=>{Y==="credit"&&(I||l===!1&&B)||Y==="debit"&&B||Y==="debit_and_credit"&&B&&I?e("../"):(Y==="debit_and_credit"&&K===!0&&j===!0||Y==="credit"&&(K===!0||l===!1&&j===!0)||Y==="debit"&&j===!0)&&z===!0&&e("../setup")},[T,I,B,Y,K,j]),i.useEffect(()=>{ne||(n(tr("cardAdmin")),X(!0))},[ne]);const Pe=y(ee=>Tt(ee.userState,ee.userRoleState,ee.userListViewState,"cardAdmin")),we=Oe(l,V,B,I);return(re||Ee)&&W==="Completed"?s.jsxs(s.Fragment,{children:[s.jsx(Xa,{analytics:J,onLoad:()=>{if(J.trackPageLoaded(Ht.Event.cardsPromoPage),!!l&&!I||!!V&&!B||!!l&&!!V&&!B&&!I){const ee=Ds({isDebitCardSetupEnabled:B,isChargeCardSetupEnabled:I,isCreditCardProductVisibleForExpressInterest:l,isDebitCardProductVisible:V});J.trackCardsPromoView(F,we,"Page",ee,"Promo Page")}}}),s.jsx(xa,{showConfetti:G}),s.jsx($e,{isAppContentDrawerOpen:u,handleDrawerToggle:O}),s.jsx(Es,{signedInUser:H,location:h,showEnableCardButton:T,isCompanyBusinessVerificationAndPaymentSetUpDone:T,isChargeCardSetupEnabled:I,isDebitCardSetupEnabled:B,companyLegalName:f.companyName,adminList:Pe.users,isCheckingEnabled:U,navigate:e,companyId:b,cardPromoType:Be,controllerEmails:F,productInformation:we,isCreditCardProductVisible:m,isDebitCardFeatureEnabled:o,isEarlyPayEnabled:c,cashbackRate:k,chargeCardsCreditAccountLimit:w,onClickMenuIcon:()=>{O(!0)}})]}):s.jsxs(s.Fragment,{children:[s.jsx($e,{isAppContentDrawerOpen:u,handleDrawerToggle:O}),s.jsx(Tr,{})]})},Ds=({isDebitCardSetupEnabled:e,isChargeCardSetupEnabled:t,isCreditCardProductVisibleForExpressInterest:a,isDebitCardProductVisible:r})=>a&&r&&!e&&!t?"Credit & Debit Card":a&&!t?"Credit Card":r&&!e?"Debit Card":"";function Ws(){const e=ge(),t=y(W=>ie(W)),{useFeatureGate:a}=ce(),{isFeatureEnabled:r}=a(Z.isChargeCardFeatureEnabled),{isFeatureEnabled:n}=a(Z.isDebitCardFeatureEnabled),{isFeatureEnabled:C}=a(Z.isEarlyPayFeatureEnabled),{isFeatureEnabled:p}=a(Z.isChargeCardPaymentHistoryFeatureEnabled),u=Se(n,t),S=Ie({isDebitCardFeatureEnabled:n,isBankingOnlyTenant:u}),o=vr(t,r,n),c=!!t.company?.companyChargeCardInfo.isChargeCardTOSAccepted,_=!!t.company?.companyDebitCardInfo.isDebitCardTOSAccepted,A=!!t.company?.companyChargeCardInfo.isChargeCardEnabled,f=!!t.company?.companyDebitCardInfo.isDebitCardEnabled,R=je(),F=Re(R?.loggedInUserRoleMap),k=Za(R?.loggedInUserRoleMap),{isFeatureEnabled:h}=a(Z.isCashbackFeatureEnabled),b=t.userRole.includes("charge_card_user"),g=!b,d=!b&&A,D=t?.userRole!=null&&rr(t?.userRole),v=(t?.company==null||t.company.featuresActivationInfo?.isBillPayFeatureEnabled&&!D)&&sr(R?.loggedInUserRoleMap),N=or(R?.loggedInUserRoleMap),L=(t?.company==null||t.company.featuresActivationInfo?.isReimbursementFeatureEnabled&&!D)&&cr(R?.loggedInUserRoleMap),{isFeatureEnabled:w}=a(Z.isDepositAccountsFeatureEnabled),V=w&&!D&>(R?.loggedInUserRoleMap),m=A&&!D,l=f&&!D,P=o&&!D&&Re(R?.loggedInUserRoleMap),T=ir(R?.loggedInUserRoleMap),H=be(t),U=ye(t),K=t.companyChargeCardInfo?.info?.chargeCardsCreditAccountLimit??0,I=Ae({isCardsOnlyTenant:H,isChargeCardFeatureEnabled:r,isBookKeepingTenant:U,isDebitCardProductVisible:S,chargeCardsCreditAccountLimit:K}),B=t.companyChargeCardInfo?.info!=null&&Xe({cardInfo:t.companyChargeCardInfo.info,isProductVisible:I,isTOSAccepted:c,isSetupEnabled:A,isUserHasCardsAdminLevelAccess:F,isUserHasCardsAccess:k}),j=t.companyDebitCardInfo?.info!=null&&Xe({cardInfo:t.companyDebitCardInfo.info,isProductVisible:S,isTOSAccepted:_,isSetupEnabled:f,isUserHasCardsAdminLevelAccess:F,isUserHasCardsAccess:k}),O=B||j;return s.jsxs(Wt,{children:[F?s.jsx(te,{path:"setup",element:s.jsx(st,{isBillPayAdminLevelAccess:v,isReimbursementAdminLevelAccess:L,isZeniAccountAdminLevelAccess:V,isChargeCardAdminLevelAccess:P,isUserHasOnlyCardAccess:T,isUserHasOnlyBillPayAccess:N,productType:"charge_cards",type:"setup"})}):null,F?s.jsx(te,{path:"verification",element:s.jsx(st,{isBillPayAdminLevelAccess:v,isUserHasOnlyBillPayAccess:N,isReimbursementAdminLevelAccess:L,isZeniAccountAdminLevelAccess:V,isChargeCardAdminLevelAccess:P,isUserHasOnlyCardAccess:T,productType:"charge_cards",type:"verification"})}):null,s.jsx(te,{path:"promo",element:s.jsx(ks,{})}),m||l?s.jsxs(s.Fragment,{children:[s.jsx(te,{path:"/",element:s.jsx(ct,{isPaymentDrawerOpen:!1})}),P&&C?s.jsx(te,{path:"payment",element:s.jsx(ct,{isPaymentDrawerOpen:!0})}):null,s.jsx(te,{path:"activate",element:s.jsx(As,{})}),s.jsx(te,{path:"onboard",element:s.jsx(cs,{})}),F?s.jsx(te,{path:"new",element:s.jsx(ys,{})}):null,h&&g?s.jsx(te,{path:"cashback",element:s.jsx(Vr,{})}):null,d?s.jsx(te,{path:"statements",element:s.jsx(ss,{})}):null,P&&p&&A?s.jsx(te,{path:"payment-history",element:s.jsx(rs,{})}):null,s.jsx(te,{path:":cardId/activate",element:s.jsx($r,{})}),s.jsx(te,{path:":cardId/setPin",element:s.jsx(us,{})}),s.jsx(te,{path:":cardId/addToWallet",element:s.jsx(jr,{})}),s.jsx(te,{path:":cardId/*",element:s.jsx(Jr,{})}),s.jsx(te,{path:"*",element:s.jsx(La,{})})]}):(c||_)&&F?s.jsx(te,{path:"*",element:s.jsx(ga,{to:"../setup"})}):O?s.jsx(te,{path:"*",element:s.jsx(ga,{to:"../promo",state:e.state})}):s.jsx(te,{path:"*",element:null})]})}export{Ws as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{j as m}from"./liveblocks-
|
|
1
|
+
import{j as m}from"./liveblocks-BNlilBXq.js";import{a as g}from"./sentry-CH2pQ4tM.js";import{l as w,h as T,u as k,i as x,g as b,n as E}from"./core-BeBBWfga.js";import{z as C,b5 as F,v as P,f as V,h as A,af as O,b6 as L,at as M,au as j,q as U}from"./index-MRloqTru.js";import{eQ as h,fG as B,sb as _,fB as G,c2 as R,ME as q,bn as z,qc as H,q0 as Y,kb as Q,lH as S,MF as Z,bE as $,cv as N,lP as J,lS as K}from"./zeni-epic-state-5fEaVO5b.js";import"./mui-CnlqDSRv.js";import{d as W}from"./routePaths-Dmzz0h9N.js";import{M as X}from"./MobileAppDrawer-L1vMrpyU.js";(function(){try{var t=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},a=new t.Error().stack;a&&(t._sentryDebugIds=t._sentryDebugIds||{},t._sentryDebugIds[a]="334b5b7a-4fdf-49cb-9961-4a48f551d2b8",t._sentryDebugIdIdentifier="sentry-dbid-334b5b7a-4fdf-49cb-9961-4a48f551d2b8")}catch{}})();const ee=E(function(t){const a=G(t),i=C.getSignedInUser(),l=h(t),c=l.tenantId,p={userId:i?.userId??"",sessionId:i?.zeniSessionId??"",tenantId:c??""},f=R(l?.userRole??[])&&a.localData.updateStatus.fetchState!=="In-Progress"?void 0:"readonly",e=q(t.companyConfigState),n=t.countryListState?.byCountryListCode?.nationalityCountryList?.countries??[];return{isCompanyVerified:a.companyView?.company?.company?.companyBillPayInfo?.companyVerificationStatus?.code==="verified",companyPassportView:a,allIndustries:e.companyIndustries??[],allNationalityCountries:n,isDisabled:f,authParams:p,filesEndPoint:`${M.fileMicroServiceBaseUrl}`,isZeniUser:z(i)}},function(t,a){const{companyId:i,currentTenant:l,navigate:c,location:p}=a,{tenantEmailDomain:f}=l;return{onScheduleClick:e=>{let n=e.href;n.includes("http")||(n="https://".concat(n)),window.open(n,"_blank")},onSaveAll:()=>{t(K())},onAddressClick:e=>{const n=W(f,e),o=U(p.state?.pathnameStackToGoBack,p.pathname);c(n,{state:{pathnameStackToGoBack:o}})},onResetClick:()=>{t(J({companyId:i}))},onBackClick:()=>{c("../")},onCompanyDetailsChanged:e=>{const{companyInfo:n,incInfo:o,taxDetails:r,zeniFinanceTeam:d}=e,{website:u}=n,{meetingLink:y}=d,{incDate:s}=o,{taxesFiledYears:D}=r,v={companyInfo:{...n,website:u!=""&&u!=null?N(u):void 0,meetingLink:y!=""&&y!=null?N(y):void 0,industry:n.industry.selectedOption,companyIndustryType:n.companyIndustryType?.selectedOption??void 0,companySubIndustry:n.companySubIndustry?.selectedOption??void 0,businessModel:n.businessModel.selectedOption??"",companySourceOfFunds:n.companySourceOfFunds?.selectedOption,companySourceOfFundsDescription:n.companySourceOfFundsDescription??void 0,countriesOfOperations:n.countriesOfOperations?.selectedOptions?.map(I=>I.length===2?I:j(I))??[],transactionVolume:n.transactionVolume?.selectedOption??void 0,transactionVolumeDescription:n.transactionVolumeDescription??void 0,regulatedStatus:n.regulatedStatus??void 0,regulatedStatusDescription:n.regulatedStatusDescription??void 0,usNexus:n.usNexus??void 0,usNexusTypes:n.usNexusTypes?.selectedOptions??[],purposeOfAccount:n.purposeOfAccount?.selectedOption??void 0,purposeOfAccountDescription:n.purposeOfAccountDescription??void 0},incInfo:{typeOfInc:o.typeOfInc.selectedOption??"",stateOfInc:o.stateOfInc.selectedOption??"",incDate:s!=null?$(s?.toString()):s,fileId:o.fileIds[0]},taxDetails:{taxIdOrEIN:r.taxIdOrEIN,sicCode:r.sicCode,naicsCode:r.naicsCode,dunsNumber:r.dunsNumber,taxesFiledYears:D.selectedOptions.map(I=>parseInt(I)),fileId:r.fileIds[0]}};t(S({companyDetails:v}))},onPrimaryContactDetailsUpdated:e=>{t(S({primaryContact:{userId:e.userId,email:e.email.trim(),firstName:e.name.firstName,lastName:e.name.lastName}}))},onNewCompanyOfficerAdded:e=>{t(S({officers:[{officerType:e.officerType,email:e.email.trim(),phone:e.phone,firstName:e.name.firstName,lastName:e.name.lastName,userId:void 0}]}))},onNewCompanyOfficerRemoved:e=>{t(Z(e))},onCompanyOfficerUpdated:e=>{t(S({officers:[{officerType:e.officerType,email:e.email.trim(),phone:e.phone,firstName:e.name.firstName,lastName:e.name.lastName,userId:e.userId}]}))},updateFilesEntity:e=>{t(Q({files:e}))},onDeleteFile:e=>{t(Y(e))},onEditFileName:(e,n)=>{t(H(e,n.split(".")[0]))}}})(L);function de(){const t=w(),a=T(),i=k(),{tenantEmailDomain:l}=x(),[c,p]=g.useState(!1),[f,e]=g.useState(!1),n=b(s=>s.companyViewState.passportView.fetchState),o=b(s=>s.companyConfigState.fetchState),r=b(s=>h(s)),d=r.companyId??C.getSignedInUserTenant(l)?.companyId;if(C.getSignedInUser()==null)throw Error("Can't access company details page without signing in...");g.useEffect(()=>{c||n!=="Not-Started"||d==null||(p(!0),a(B(d)))},[c,n,d,a]),g.useEffect(()=>{o==="Not-Started"&&a(_())},[o,a]);const u=s=>{e(s)},y=n==="Not-Started"||n==="In-Progress"||o==="Not-Started"||o==="In-Progress";return d!=null&&n==="Error"?m.jsx(F,{onGoHome:()=>t("../",{replace:!0}),onReload:()=>window.location.reload()}):m.jsxs(m.Fragment,{children:[m.jsx(P,{analytics:V,onLoad:s=>s.trackPageLoaded(A.Event.companyPassport,O(i)?"Settings":"Company Passport")}),O(i)?m.jsx(X,{isAppContentDrawerOpen:f,handleDrawerToggle:u}):null,m.jsx(ee,{companyId:d,navigate:t,location:i,isLoading:y,currentTenant:r,isSettings:O(i),onClickMenuIcon:()=>{u(!0)}})]})}export{de as C};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import{j as C}from"./liveblocks-BNlilBXq.js";import{a}from"./sentry-CH2pQ4tM.js";import{h as D,u as v,g as f,N as w}from"./core-BeBBWfga.js";import{Jj as O,eQ as A,fn as U,mT as j,fP as h,fm as _,eU as L,Jq as F}from"./zeni-epic-state-5fEaVO5b.js";import{u as $,z as u,L as g,O as k,o as H}from"./index-MRloqTru.js";import{n as P}from"./mui-CnlqDSRv.js";import{t as z}from"./getLocaleForTenant-BM3MG3N6.js";import{g as Q,Q as J}from"./QBOConnectionScreen-Diwd8goY.js";import"./recharts-C5E4pGR4.js";import"./analytics-DYzLSwIZ.js";import"./plaid-CBNEU__p.js";import"./dnd-UF85x-t5.js";import"./stripe-DMRn4zHo.js";import"./lottie-DbxhFPB1.js";import"./lexical-C_ylRY16.js";import"./pdf-Dp2xnkno.js";import"./utils-C2zbYn9G.js";import"./empty-BaCT02t1.js";import"./pdf-lib-BEgmFXIU.js";import"./index-DS8xe4Yw.js";import"./url-BcTKj4a2.js";import"./index-_ohVjyws.js";import"./decodeURIComponentSafe-OtMMCMcE.js";(function(){try{var t=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},i=new t.Error().stack;i&&(t._sentryDebugIds=t._sentryDebugIds||{},t._sentryDebugIds[i]="d937ea5f-77fa-489f-85c1-7204d316c462",t._sentryDebugIdIdentifier="sentry-dbid-d937ea5f-77fa-489f-85c1-7204d316c462")}catch{}})();const R=P.div`
|
|
2
|
+
display: flex;
|
|
3
|
+
flex: 1 1 auto;
|
|
4
|
+
flex-direction: row;
|
|
5
|
+
justify-content: center;
|
|
6
|
+
align-items: center;
|
|
7
|
+
width: 100%;
|
|
8
|
+
height: 100vh;
|
|
9
|
+
background-color: ${t=>t.theme.colors.background};
|
|
10
|
+
box-shadow: ${t=>`0px 2px ${H.sp1} ${t.theme.colors.dropShadowNormal}`};
|
|
11
|
+
`;function ce(){const t=D(),i=v(),{setLoading:d,clearAllLoading:x}=$(),c=a.useRef(!1),p=a.useRef(!1),{code:T,realmId:y,state:N}=Q(i.search),S=T!==""&&y!==""&&N!=="",I=f(l=>O(l)),e=f(l=>A(l)),n=f(l=>l.tenantState.fetchState),r=f(l=>l.tenantState.activeTenantFetchState.fetchState),o=u.getSignedInUser(),m=u.getActiveTenantForUser()?.tenantId,s=e?.externalConnections?.fetchState,E=e?.externalConnections?.saveConnectionState,b=e.externalConnections?.accounting[0]?.isValid;return a.useLayoutEffect(()=>{d(g.CONNECTION_AUTH)},[d]),a.useEffect(()=>{c.current||o==null||m==null||(c.current=!0,n==="Completed"||r!=="Not-Started"&&r!=="Error"||(d(g.TENANT_FETCHING),t(U(o.userId,m))))},[c,n,d]),a.useEffect(()=>{e.tenantId==null&&!p.current&&o!=null&&(p.current=!0,!(m==null||m!=null&&(r==="Completed"||r==="Error"))||n!=="Not-Started"&&n!=="Error"||t(j(o.userId)))},[p,n,r]),a.useEffect(()=>{o==null||e?.tenantId==null||e.externalConnections!=null||n!=="Completed"&&r!=="Completed"||s==="In-Progress"||E!=="Error"||(d(g.CONNECTION_AUTH),t(h(o.userId,e.tenantId)))},[E]),a.useEffect(()=>{n!=="Completed"&&r!=="Completed"||o==null||e?.tenantId==null||(t(_(e.tenantId)),u.saveActiveTenantDomainForUser(e.tenantEmailDomain),L(o?.userId,o?.zeniSessionId,e.tenantId),k.updateAppLocaleID(z(F(e))),e.externalConnections!=null||n!=="Completed"&&r!=="Completed"||s==="In-Progress"||o==null||e==null||t(h(o.userId,e.tenantId)))},[n,r,s]),a.useEffect(()=>{I.tenantsCoreDetailsInOrder.length>0&&n==="Completed"&&u.saveSignedInUserTenants(I.tenantsCoreDetailsInOrder)},[I.tenantsCoreDetailsInOrder.length,n]),a.useEffect(()=>{n!=="Completed"&&n!=="Error"||r!=="Completed"&&r!=="Error"||s!=="Completed"&&s!=="Error"||x()},[n,r,s]),e==null||n!=="Completed"&&r!=="Completed"||s!=="Completed"?null:S||b===!1?C.jsx(R,{children:C.jsx(J,{})}):C.jsx(w,{to:"/",replace:!0})}export{ce as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{j as i}from"./liveblocks-BNlilBXq.js";import{z as a}from"./index-MRloqTru.js";import{g as n}from"./QBOConnectionScreen-Diwd8goY.js";import"./sentry-CH2pQ4tM.js";import{u as p,N as s}from"./core-BeBBWfga.js";import"./zeni-epic-state-5fEaVO5b.js";import"./recharts-C5E4pGR4.js";import"./mui-CnlqDSRv.js";import"./analytics-DYzLSwIZ.js";import"./plaid-CBNEU__p.js";import"./dnd-UF85x-t5.js";import"./stripe-DMRn4zHo.js";import"./lottie-DbxhFPB1.js";import"./lexical-C_ylRY16.js";import"./pdf-Dp2xnkno.js";import"./utils-C2zbYn9G.js";import"./empty-BaCT02t1.js";import"./pdf-lib-BEgmFXIU.js";import"./index-DS8xe4Yw.js";import"./url-BcTKj4a2.js";import"./index-_ohVjyws.js";import"./decodeURIComponentSafe-OtMMCMcE.js";(function(){try{var t=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},o=new t.Error().stack;o&&(t._sentryDebugIds=t._sentryDebugIds||{},t._sentryDebugIds[o]="8d904e89-6b8e-4c86-980c-585a84d9d789",t._sentryDebugIdIdentifier="sentry-dbid-8d904e89-6b8e-4c86-980c-585a84d9d789")}catch{}})();const U=()=>{const t=p(),{code:o,realmId:r,state:e}=n(t.search),d=a.getSignedInUser()?.userId??"";if(f(o,r,e,d)===!0){const m=`../../${e}/onboarding?code=${o}&realmId=${r}&state=auth_flow`;return i.jsx(s,{to:m})}return i.jsx(s,{to:"../../"})},f=(t,o,r,e)=>t!=""&&o!=""&&r!=""&&e!=null&&e!="";export{U as default,f as hasValidParams};
|