@zeniai/web-app-ui 4.14.35-prod → 4.14.36-dev

package/dist/assets/ExpenseAutomationRoutes-CQ8o1Ut2.js

@@ -0,0 +1,20 @@
+import{j as p}from"./pdf-DWoGjGSw.js";import Lt from"./NotFoundScreen-LuCzwVbP.js";import{a as m}from"./sentry-BoIfGJBF.js";import{n as Se,D as nt,S as Ve}from"./mui-GaW5Gk_e.js";import{i as de,j as at,h as xe,u as A,l as Ye,k as zt,R as Ot,m as ve}from"./core-BSWMBnrJ.js";import{cs as Me,ML as $t,cI as le,cX as Gt,mt as qt,MM as Ae,MN as ot,km as Nt,MO as st,jU as Yt,l_ as Jt,MP as Ht,gW as Zt,MQ as Kt,BE as Wt,cE as De,lG as ct,Iv as Je,Ix as Xt,gN as Qt,Iy as en,gU as tn,bT as nn,pr as Re,Hm as an,gV as on,cG as sn,j$ as it,kr as ge,cH as rt,kq as He,jZ as te,kt as lt,kv as cn,bG as rn,ih as ln,id as dn,ku as pe,ks as re,MR as un,kL as Ze,xi as dt,MS as ut,os as mt,h9 as mn,MT as hn,MU as pn,MV as gn,MW as Sn,k7 as Cn,MX as In,MY as fn,MZ as kn,kB as yn,gY as En,gP as vn,M_ as Tn,gX as Ke,IF as wn,M$ as bn,N0 as Pn,lC as xn,le as An,ld as Te,N1 as Dn,N2 as Rn,Hn as we,N3 as Fn,iu as _n,bs as Vn,io as We,i8 as Mn,N4 as Un,ef as Xe,dt as jn,ik as Bn,rk as Ln,N5 as zn,l0 as On,Ho as $n,kX as Gn,k$ as qn,kM as Nn,N6 as Yn,kf as Jn,k2 as Hn,cY as Qe,kw as Zn,N7 as Kn,N8 as Wn,N9 as Xn,Na as Qn}from"./zeni-epic-state-BtVcBgvu.js";import{aE as Fe,aG as _e,jl as R,jA as J,jR as ht,l_ as ea,y as pt,je as Ce,l$ as ta,kg as gt,jC as St,m0 as na,m1 as aa,a7 as be,w as oa,t as sa,aF as ca,b as ia,O as ra,m2 as la}from"./index-T6cemxxv.js";import{c as et,C as da}from"./TransactionDetailScreen-Bl43zCpG.js";import{w as ua}from"./withTransactionSidePanel-BYXSUWst.js";import{h as ma,v as ha}from"./routePaths-BCoYK2N6.js";import{g as Pe}from"./accountMappingHelper-S5pr6xme.js";import{D as pa}from"./DrawerScreen-CTG5ybiX.js";import"./lottie-DOxhyevU.js";import"./liveblocks--WiFaeN0.js";import"./recharts-BQ8VH5gX.js";import"./dnd-DJrh3JTW.js";import"./analytics-BZz0SPy3.js";import"./plaid-CNcdZ4gc.js";import"./utils-BGRwbgi2.js";import"./decodeURIComponentSafe-B2RLRrdt.js";(function(){try{var t=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},c=new t.Error().stack;c&&(t._sentryDebugIds=t._sentryDebugIds||{},t._sentryDebugIds[c]="d6574dee-8f2a-4fd0-9805-ad9b46fada49",t._sentryDebugIdIdentifier="sentry-dbid-d6574dee-8f2a-4fd0-9805-ad9b46fada49")}catch{}})();const ga=()=>{const t=de(),c=at(),f=xe(),C=A(d=>Me(d)),{useFeatureGate:P}=Fe(),{isFeatureEnabled:r}=P(_e.isRealtimeInsightsFeatureEnabled),k=A(d=>d.expenseAutomationViewState.selectedPeriodByTenantId),a=A(d=>$t(d,C.tenantId)),l=m.useCallback((d,D,H=!1)=>{t(le({tenantId:D,period:{month:d.month,year:d.year},refreshViewInBackground:H}))},[]),M=m.useCallback(d=>{const D=f.state?.referrer;a.monthEndCloseChecks?.auditSummary!=null&&R.trackMonthCloseAuditPage(d.month,d.year,a.monthEndCloseChecks.reportEmailSentDate!=null?"closed":"in-review",a.monthEndCloseChecks.auditSummary.auditScorePercentage,!1,D??null),t(Gt(C.tenantId,d))},[C.tenantId,a.monthEndCloseChecks?.auditSummary,a.monthEndCloseChecks?.reportEmailSentDate]),h=k[C.tenantId],U=m.useCallback(()=>{const d=f.state?.referrer;a.monthEndCloseChecks?.auditSummary!=null&&R.trackMonthCloseAuditPage(h.month,h.year,a.monthEndCloseChecks.reportEmailSentDate!=null?"closed":"in-review",a.monthEndCloseChecks.auditSummary.auditScorePercentage,!0,d??null),l(h,C.tenantId,!0)},[l,h,C.tenantId,a.monthEndCloseChecks?.auditSummary,a.monthEndCloseChecks?.reportEmailSentDate]),x=J(f.state?.pathnameStackToGoBack,f.pathname),q=m.useCallback(()=>{if(a.monthEndCloseChecks!=null&&h!=null){const d=a.monthEndCloseChecks.monthEndCloseCheckList.find(D=>D.progress<100);if(d!=null)return void c(`./${d.id}/${h.month}-${h.year}`,{state:{pathnameStackToGoBack:x,message:"comingFromOverview"}});c(`./month_end_insights/${h.month}-${h.year}`,{state:{pathnameStackToGoBack:x,message:"comingFromOverview"}})}},[a.monthEndCloseChecks,h]),{areTenantIdsInSync:i}=ht();return m.useEffect(()=>{h!=null&&a.fetchState!=="In-Progress"&&a.fetchState!=="Completed"&&i&&l(h,C.tenantId)},[l,h,a.fetchState,C.tenantId,i]),m.useEffect(()=>{h!=null&&a.monthClosePerformanceTrendFetchStatus.fetchState!=="In-Progress"&&a.monthClosePerformanceTrendFetchStatus.fetchState!=="Completed"&&i&&t(qt(h))},[h,a.monthClosePerformanceTrendFetchStatus.fetchState,i]),m.useEffect(()=>{const d=setInterval(()=>{a.fetchState!=="In-Progress"&&a.fetchState==="Completed"&&U()},3e5);return()=>clearInterval(d)},[a.fetchState]),m.useEffect(()=>{if(a.fetchState==="Completed"&&a.monthEndCloseChecks?.auditSummary!=null){const d=f.state?.referrer;R.trackMonthCloseAuditPage(a.selectedPeriod.month,a.selectedPeriod.year,a.monthEndCloseChecks.reportEmailSentDate!=null?"closed":"in-review",a.monthEndCloseChecks.auditSummary.auditScorePercentage,!1,d??null)}},[a.fetchState,a.selectedPeriod,a.monthEndCloseChecks?.auditSummary,a.monthEndCloseChecks?.reportEmailSentDate]),p.jsx(Sa,{children:p.jsx(ea,{monthEndCloseChecksView:a,isRealtimeInsightsFeatureEnabled:r,onMonthEndCheckClick:d=>{c(`./${d}/${h.month}-${h.year}`,{state:{pathnameStackToGoBack:x,message:"comingFromOverview",referrer:"Expense Automation - Overview"}})},onPeriodChange:M,handleReviewButtonClick:q,onBackClick:()=>{c("../../dashboard")},onReload:U})})},Sa=Se.div`
+  display: flex;
+  height: 100vh;
+  width: 100%;
+  flex: 1 1 auto;
+  flex-direction: column;
+  background-color: ${t=>t.theme.colors.grey4};
+`,Ca="512px",Ia=({reconciliation:t,selectedDrawerAccountId:c,onFetchLinkTokenClick:f,onEstablishConnectionClick:C})=>{const P=pt(),r=de(),k=Ce.getSignedInUser(),a=A(d=>Me(d)),l={userId:k?.userId??"",sessionId:k?.zeniSessionId??"",tenantId:a.tenantId??""},{accountReconciliationsByAccountID:M,monthYearPeriod:h,statementUploadChosen:U}=t,x=c!=null?M[c]:void 0,q=x?.accountReconEntity.statementMetaData?.statementUploadId,i=m.useCallback(()=>{c!=null&&r(Ae({selectedDrawerAccountId:void 0}))},[r,c]);return x!=null?p.jsx(nt,{anchor:"right",open:c!=null,PaperProps:{style:{width:Ca,color:P.colors.grey4}},slotProps:{backdrop:{style:{backgroundColor:"transparent",cursor:"pointer"}}},onClose:()=>i(),children:p.jsx(fa,{onClick:d=>d.stopPropagation(),children:p.jsx(ta,{accountReconciliation:x,monthYearPeriod:h,onDismissClick:i,plaidConnectionDetails:t.plaidConnectionDetails,onFetchLinkTokenClick:f,onEstablishConnectionClick:C,onEditFileName:(d,D)=>{r(Jt(d,D.split(".")[0]))},onDeleteFile:d=>{q!=null&&r(Yt({accountId:c??"",selectedPeriod:h,fileId:d,statementUploadId:q}))},onSelectSourceType:d=>{c!=null&&r(st({accountId:c,selectedPeriod:h,localData:{accountSource:d}}))},filesEndPoint:`${gt.fileMicroServiceBaseUrl}`,authParams:l,openFilePicker:U,onStatementUploadSuccess:d=>{c!=null&&r(Nt({accountId:c,selectedPeriod:h,payload:d}))},onUploadWindowOpenedOnce:()=>{r(ot({statementUploadChosen:!1}))}})})}):null},fa=Se(Ve)`
+  display: flex;
+  min-height: 100%;
+  flex-direction: column;
+`;function ka({companyId:t,closeCustomerRequestDrawer:c,addCustomerRequest:f,resetCustomerRequest:C}){const P=Ce.getSignedInUser();if(P==null)throw Error("Can't access Customer Request page without signing in...");const r=A(k=>Ht(k,t,P));return m.useEffect(()=>{C()},[]),p.jsx(p.Fragment,{children:r.fetchState==="In-Progress"||r.companyMonthEndReportTemplatesData.fetchState==="In-Progress"?p.jsx(St,{fetchState:"In-Progress"}):p.jsx(na,{onCloseClick:c,addCustomerRequest:f,snippets:r.companyMonthEndReportTemplatesData,bulletPoints:r.zeniRequestsData??[]})})}const ya=t=>p.jsx(aa,{...t}),Ea="512px",va=({selectedTransactionId:t,onClose:c})=>{const f=pt(),C=de(),P=A(l=>t==null?void 0:Zt(l.transactionState,t)),r=P?.qboId,k=A(l=>r==null?void 0:Kt(l,r));m.useEffect(()=>{r!=null&&C(Wt(r))},[C,t,r]);const a=m.useCallback(()=>{c()},[c]);return t==null||k==null?null:p.jsx(nt,{anchor:"right",open:t!=null,PaperProps:{style:{width:Ea,color:f.colors.grey4}},slotProps:{backdrop:{style:{backgroundColor:"transparent",cursor:"pointer"}}},onClose:a,children:p.jsx(Ta,{onClick:l=>l.stopPropagation(),children:p.jsx(ya,{transactionActivityLogSelectorView:k,onClose:a})})})},Ta=Se(Ve)`
+  display: flex;
+  min-height: 100%;
+  flex-direction: column;
+`,wa=t=>t.sections.generalExpense.vendors.length+t.sections.reimbursement.vendors.length,{common:{strings:{hyphen:ba,comma:tt,space:Pa}},dateFormat:Ct}=ra.getLocalizedStrings(),xa=zt(function(t,c){const{uncategorizedAccounts:f,vendorSearchAutoCompleteData:C,monthEndInsightsCustomerRequestData:P,monthEndInsightsPreviewMode:r,companyId:k,isTransactionActivityEnabled:a}=c,l=Ce.getSignedInUser(),M=t.tenantState.currentTenantId,h={userId:l?.userId??"",sessionId:l?.zeniSessionId??"",tenantId:M??""},U=De(t),{selectedTransactionCategorizationTab:x}=U;return{expenseAutomationViewSelector:U,vendorSearchAutoCompleteData:C,authParams:h,receiptUploadEndpoint:`${gt.accountMicroServiceBaseUrl}`,isDisabled:!1,currentTab:x,monthEndInsightsCustomerRequestData:P,monthEndInsightsPreviewMode:r,allThreadsSectionOpen:!1,enableMonthEndInsightsZeniGPTFeature:!1,loggedInUser:l,uncategorizedAccounts:f,companyId:k,isTransactionActivityEnabled:a}},function(t,c){const{themeState:f,isCOTEnabled:C,isUncategorizedExpenseCategoryEnabled:P,location:r,vendorSearchAutoCompleteData:k,expenseAutomationViewSelector:a,currentTenant:l,uncategorizedAccounts:M,navigate:h,onClickCustomerRequest:U,handleEditClick:x,setActivityLogTransactionId:q}=c,{selectedPeriod:i,currentSelectedView:d,reconciliation:{selectedAccountId:D}}=a,{accountSettingsView:H}=a.jeSchedules,Z=it(i),j=ge(Z.start),F=ge(Z.end);return{onZeniLogoClick:()=>{f.toggle()},onUploadReceiptAttachment:e=>{R.trackMissingReceiptAttached(i.month,i.year),t(Qn(e))},onMissingReceiptsRowClick:(e,n)=>{if(c.openTransactionPanel)return void c.openTransactionPanel(e,n);const o=J(r.state?.pathnameStackToGoBack,r.pathname);h(`../../transaction/${n}/${e}`,{state:{pathnameStackToGoBack:o,message:"expenseAutomation",origin:"missing_receipts"}})},onUploadReceiptComplete:(e,n)=>{t(Xn(e,n)),l!=null&&t(le({tenantId:l.tenantId,period:n,refreshViewInBackground:!0}))},onUploadReceiptFetchStatus:(e,n,o,u)=>{t(Wn(e,{fetchState:n,error:o})),o!=null&&t(Xe({messageSection:"missing_receipts_attachment",messageText:"failed",type:"error",showStatusIcon:!0,variables:[{variableName:"__message__",variableValue:u!=null?Pa+ba+u+tt:tt}]}))},onUpdateMissingReceiptsUIState:e=>{t(Kn(e))},onFetchMissingReceiptsList:()=>{F!=null&&j!=null&&t(lt({start:j,end:F},{amount:75,currencyCode:"USD",currencySymbol:"$"},!0,!1))},onSearchTextChanged:e=>{const n=a.currentSelectedView,o=a.selectedTransactionCategorizationTab;n==="transaction_categorization"&&(t(Te({selectedTab:o,uiState:{searchString:e}})),F!=null&&j!=null&&t(re(o,{start:j,end:F},!0,!1,e,void 0,!0)))},onRefresh:()=>{c.trackExpenseAutomationTabAnalytics(!0),t(Zn(P))},onClose:()=>{d==="reconciliation"&&D!=null&&t(Qe({selectedAccountId:void 0})),h("../")},onBack:()=>{d==="reconciliation"&&D!=null&&t(Qe({selectedAccountId:void 0}))},onSaveReconciliation:e=>{t(Hn(e))},onSaveReconciliationReview:e=>{t(Jn(e))},onUpdateStep:e=>{const{selectedPeriod:n}=a,o=J(r.state?.pathnameStackToGoBack,r.pathname);h(`../${e}/${n.month}-${n.year}`,{state:{pathnameStackToGoBack:o,referrer:a.currentSelectedView}}),t(rt(e))},handleLogOutClick:()=>{const e=J(r.state?.pathnameStackToGoBack,r.pathname);h("/signout",{replace:!0,state:{pathnameStackToGoBack:e,message:"logout"}})},onJeAccountSettingsChange:e=>{const{vendorsAccountSection:n}=e,{prepaidExpensesAccount:o,fixedAssetsAccount:u,accruedExpensesAccount:S}=n,g=Pe(H.prepaidExpensesAccountList,o.selectedOptions),I=Pe(H.fixedAssetsAccountList,u.selectedOptions),y=Pe(H.accruedExpensesAccountList,S.selectedOptions),B={selectedPrepaidExpensesAccountIds:g.map(v=>v.accountId),selectedFixedAssetsAccountIds:I.map(v=>v.accountId),selectedAccruedExpensesAccountIds:y.map(v=>v.accountId)};t(Yn({data:B}))},onSaveJeAccountSettingsClick:()=>{t(Nn())},onJESchedulesFormDataChange(e,n){const{jeScheduleID:o,accumulatedDepreciationCategory:u,scheduleClass:S,scheduleExpenseCategory:g,vendor:I}=n,{allAccountList:y,allClassList:B,allDepreciationAccountList:v}=a.jeSchedules,K=k.entityAutoCompleteView.vendor.length>0?k.entityAutoCompleteView.vendor.find(L=>L.id===I?.selectedOption):void 0,ne={id:K?.zeniId??I?.selectedOption??"",name:K?.name??I?.defaultOptions.find(L=>L.value===I?.selectedOption)?.label??"",logo:K?.logo},Ie=g?.selectedOption!=null?y.find(L=>L.qboId===g.selectedOption):void 0,fe=S?.selectedOption!=null?B.find(L=>L.classId===S.selectedOption):void 0,N=u?.selectedOption!=null?v.find(L=>L.qboId===u.selectedOption):void 0;t(qn({scheduledJournalEntryID:e,localData:{jeScheduleID:o,scheduledJournalEntryID:e,updatedCategoryId:Ie?.accountId,updatedClassId:fe?.classId,updatedAccumulatedDepreciationCategoryID:N?.accountId,updatedVendor:{id:ne.id,name:ne.name}}}))},ignoreRecommendedJeSchedule(e,n){t(Gn(e,n))},vendorSearchAutoCompleteActions:{onAutoCompleteInputChange:(e,n)=>{e.trim().length>=2?t($n({searchString:e,entityType:n,searchOrigin:"common"})):e.trim().length===0&&t(we("common"))},onCancelAutoComplete:()=>{t(we("common"))}},onPostJESchedule(e,n){t(On({scheduledJournalEntryID:e,jeScheduleTransactionKey:n}))},clearJeScheduleLocalData(){t(zn())},handleJeScheduleClick:(e,n,o)=>{t(Ln({selectedJEScheduleKey:n}));const u=J(r.state?.pathnameStackToGoBack,r.pathname);h(`../../vendors/schedules/${o}/details/${e}`,{state:{pathnameStackToGoBack:u,message:"expenseAutomation",origin:"je_schedules"}})},improveMonthEndInsightsUsingZeniGPTClick:e=>{l!=null&&t(Bn(e,l.companyId,l.tenantId))},onClickCustomerRequest:U,setActivityLogTransactionId:q,onCloseAllThreadsSection:()=>{},onCloseFileAttachmentSnackBar:()=>{t(jn())},onOpenFileAttachmentSnackBar:()=>{t(Xe({messageSection:"cockpit_month_end_email_attachment_upload",messageText:"failed",type:"error",showStatusIcon:!0}))},onRemoveFileAttachment:e=>{t(Un(e))},onUpdateFileAttachment:e=>{t(Mn({files:e}))},previewMonthEndReport:(e,n,o,u)=>{l!=null&&t(We(e,l.companyId,n,!0,o,u,l.tenantId))},saveMonthEndReport:(e,n,o,u)=>{l!=null&&t(We(e,l.companyId,n,!1,o,u,l.tenantId))},onEditMonthEndInsightsClick:x,sendMonthEndReport:e=>{const n=r.state?.referrer,{selectedPeriod:o,auditSummary:u}=a;l!=null&&u?.auditScorePercentage!=null&&(t(_n(l.companyId,e,l.tenantId)),R.trackInsightsEmailPage(o.month,o.year,!1,"draft",u.auditScorePercentage,Vn().format(Ct.analytics.MMMDDCommaYYYYformat),n??null))},onTransactionCategorizationRowClick:(e,n)=>{if(c.openTransactionPanel)return void c.openTransactionPanel(e,n);const o=J(r.state?.pathnameStackToGoBack,r.pathname);h(`../../transaction/${n}/${e}`,{state:{pathnameStackToGoBack:o,message:"expenseAutomation",origin:"transaction_categorization"}})},setLocalDataForCategoryAndClass:(e,n,o,u,S,g,I,y,B,v,K)=>{t(Fn(e,n,o,u,M,S,g,I,y,B,v,K))},onCancelAutoComplete:()=>{t(we("common"))},updateExpenseAutomationReconListScrollPosition:e=>{t(Rn({scrollPosition:e}))},onUpdateTab:e=>{c.closeSidePanel?.(),F!=null&&j!=null&&(t(re(e,{start:j,end:F},!1,!1)),t(Dn(e)))},onUpdateTransactionCategorizationUIState:(e,n)=>{t(Te({selectedTab:e,uiState:n})),F!=null&&j!=null&&t(re(e,{start:j,end:F},!1,!1,n.searchString,null,!0))},onUpdateScrollYOffSetTransactionCategorizationUIState:(e,n)=>{t(Te({selectedTab:e,uiState:n}))},onFetchTransactionCategorizationList:(e,n,o,u,S,g,I)=>{F!=null&&j!=null&&t(re(e,{start:j,end:F},!0,o,n,u,S,g,I))},resetTransactionCategorizationLocalData:(e,n,o,u,S,g,I,y)=>{t(An(e,n,o,u,y??null,S,g,!1,I))},updateSelectedVendorForTransaction:(e,n,o,u,S)=>{t(Ke({selectedTab:e,transactionId:n,lineId:o,selectedTransaction:u,uncategorizedAccounts:M,updatedVendor:S}))},onSaveUpdateTransactionCategorization:(e,n,o)=>{const u=r.state?.referrer;e==="autoCategorized"?R.trackTransactionsAutoCategorisedPage(i.month,i.year,a.transactionView.totalCountByTab.autoCategorized,n.length,!1,u??null):R.trackTransactionsReviewPage(i.month,i.year,a.transactionView.totalCountByTab.review,n.length,!1,u??null),t(xn(e,n,o,P))},onUpdateSelectedCheckboxTransactionIds:(e,n)=>{t(Pn({selectedTab:e,transactionIds:n}))},onFetchRecommendationsForEntityCategorizationWithCustomer:(e,n,o,u,S,g,I)=>{const{transactionId:y,transaction:B,lineIds:v}=n;g!=null&&t(wn({transactionId:y,customerUpdates:g})),t(bn({selectedTab:u,transactionId:y.id,lineId:v[0],selectedTransaction:B,uncategorizedAccounts:M,updatedCustomer:g,selectedEntity:S,isUncategorizedExpenseCategoryEnabled:I})),S!=null&&t(Re(S,e,n,o,!0,C,I))},onFetchRecommendationsForEntityCategorization:(e,n,o,u,S,g,I)=>{const{transactionId:y,transaction:B,lineIds:v}=n;g!=null&&(t(En({transactionId:y,vendorUpdates:{name:g.name,id:g.id?g.id:void 0}})),t(vn({vendorId:g.id?g.id:void 0,localData:{vendorName:g.name,vendorId:g.id?g.id:void 0}}))),g?.id?(t(Ke({selectedTab:u,transactionId:y.id,lineId:v[0],selectedTransaction:B,uncategorizedAccounts:M,updatedVendor:g,selectedEntity:S,isUncategorizedExpenseCategoryEnabled:I})),S!=null&&t(Re(S,e,n,o,!0,C,I))):t(Tn({selectedTab:u,transactionId:y.id,lineId:v[0]}))},fetchFluxViewOnScroll:(e,n)=>{t(pe(e,!0,!1,n,!1,!0))},onFetchFluxViewList:()=>{t(pe(i,!0,!1,null,!1,!1))},markAsReview:(e,n,o,u)=>{R.trackFluxAnalysisReviewed(o.month,o.year,u??!1,e),t(yn(n,e,o,u??!1))},onUpdateFluxAnalysisUIState:e=>{t(kn(e))},updateOperatingExpensesIdsForReview:e=>{t(fn({operatingExpenseIds:e,selectedPeriod:i}))},redirectToVendorDetailPage:e=>{if(c.tenantEmailDomain!=null){const n=ha(e.id,e.qboId,c.tenantEmailDomain),o=J(c.location.state?.pathnameStackToGoBack,c.location.pathname);c.navigate(n,{state:{pathnameStackToGoBack:o,message:"expenseAutomation",referrer:"Vendor List",origin:"flux_analysis"}})}},updateSectionIdsForReview:e=>{t(In({sectionId:e,selectedPeriod:i}))},onFetchReimbursementView:(e,n,o)=>{t(pe(e,!0,!1,n,!0,o))},onReviewClicked:e=>{t(te(i,e))},setOpenDrawerClicked:e=>{t(Ae({selectedDrawerAccountId:e}))},onFetchLinkTokenClick:(e,n)=>{t(mt("expense_automation_reconcile",e,n))},onEstablishConnectionClick:(e,n)=>{const o=l?.companyId;o!=null&&(t(dt(e,o,"expense_automation_reconcile",void 0,"link_account_no_microdeposit",n)),t(ut({accountId:n,connectionInProgress:!0})))},onAddStatementClick:e=>{t(Ae({selectedDrawerAccountId:e})),t(st({accountId:e,selectedPeriod:i,localData:{accountSource:"bank_statement"}})),t(ot({statementUploadChosen:!0}))},onReloadReconciliationListPage:()=>{t(te(i,void 0,!0,!1))},onUpdateReconcileTabLocalData:e=>{t(Cn({selectedTransactionIds:e}))},onReconTabColumnSortConfigChanged:(e,n)=>{t(Sn({sortKey:e,sortOrder:n}))},onReconReviewTabColumnSortConfigChanged:(e,n)=>{t(gn({sortKey:e,sortOrder:n}))},onReconTabUpdate:e=>{c.closeSidePanel?.(),t(pn({selectedTab:e}))},updateReconReviewTabLocalData:(e,n,o)=>{const u=e.vendor?.id;o&&u!=null&&t(mn(u)),t(hn({data:e,transactionId:n}))},onReconMatchedTransactionClick:e=>{if(c.openTransactionPanel)return void c.openTransactionPanel(e,ct("bill"));const n=J(r.state?.pathnameStackToGoBack,r.pathname);h(`../../transaction/bill/${e}`,{state:{pathnameStackToGoBack:n,message:"expenseAutomation",origin:"reconciliation"}})},onReloadPage:()=>{window.location.reload()}}})(la),Aa=ua(({closeSidePanel:t,openTransactionPanel:c,panelContent:f,sidePanelIsFullView:C,sidePanelIsOpen:P})=>{const r=at(),k=xe(),a=de(),{areTenantIdsInSync:l}=ht(),M=(()=>{const s=A(O=>De(O)),w=xe(),{currentSelectedViewFetchState:V,currentSelectedView:b,selectedPeriod:E}=s,ie=be(b),W=be(V.fetchState),ue=m.useCallback(O=>{const Y=w.state?.referrer;b==="transaction_categorization"&&(s.selectedTransactionCategorizationTab==="review"?R.trackTransactionsReviewPage(E.month,E.year,s.transactionView.totalCountByTab.review,0,O,Y??null):R.trackTransactionsAutoCategorisedPage(E.month,E.year,s.transactionView.totalCountByTab.autoCategorized,0,O,Y??null)),b==="missing_receipts"&&R.trackMissingReceiptsPage(E.month,E.year,O,s.missingReceipts.transactions.length,Y??null),b==="je_schedules"&&R.trackMonthCloseScheduleListPage(E.month,E.year,O,s.jeSchedules.draftSchedules.length,s.jeSchedules.resolveSchedules.length,Y??null),b==="flux_analysis"&&R.trackFluxAnalysisPage(E.month,E.year,O,wa(s.fluxAnalysis),Y??null),b==="month_end_insights"&&s.auditSummary?.auditScorePercentage!=null&&R.trackInsightsEmailPage(E.month,E.year,O,"draft",s.auditSummary.auditScorePercentage,null,Y??null)},[E,s]);return m.useEffect(()=>{W===V.fetchState&&b===ie||V.fetchState!=="Completed"||ue(!1)},[b,V.fetchState,ie]),ue})(),h=oa(),[U,x]=m.useState(!1),q=A(s=>Je(s)),i=A(s=>Me(s)),[d,D]=m.useState(!1),[H,Z]=m.useState(!1),[j,F]=m.useState([]),[e,n]=m.useState(void 0),[o,u]=m.useState(!1),S=m.useRef(!1),{selectedTab:g}=Ye(),{tenantEmailDomain:I}=Ye(),[y,B]=m.useState(k.state?.message==="comingFromTransactionDetail"),v=k.state?.message==="comingFromOverview",K=sa(),ne=Ce.getSignedInUser(),{useDynamicConfig:Ie}=Fe(),{configValue:fe}=Ie(ca.enableUncategorizedExpenseCategory),N=fe?.uncategorized_expense_category_enabled===!0,L=A(s=>an(s,"common")),_=A(s=>De(s)),{monthEndCloseChecksView:z,currentSelectedView:G,selectedPeriod:T,selectedTransactionCategorizationTab:Ue,currentSelectedViewBackgroundRefreshFetchState:It,currentSelectedViewFetchState:Q,jeSchedules:ke,reconciliation:ft}=_,{selectedAccountId:ae}=ft,je=be(ke.accountSettingsView.saveState.fetchState),kt=A(s=>on(s.accountState,s.accountListState,"accountList")),oe=g!=null?sn(g):G,yt=A(s=>s.entityAutoCompleteState.autoCompleteText.common);if(ne==null)throw Error("Can't access expense automation screen without signing in...");const Be=it(T),se=ge(Be.start),ce=ge(Be.end);if(se==null||ce==null)throw Error(`Invalid start - ${se} and end - ${ce} period from given ${T}`);const Et=m.useCallback(()=>{D(!1)},[]),vt=m.useCallback(()=>{Z(!0)},[]),Tt=m.useCallback(s=>{F(s),Z(!1)},[]),wt=m.useCallback(()=>{F([])},[]);m.useEffect(()=>{q.newVendorState?.vendorDetailLocalData?.vendorName!=null?x(!0):x(!1)},[q.newVendorState?.vendorDetailLocalData?.vendorName]),m.useEffect(()=>{oe!=null&&G!==oe&&a(rt(oe))},[oe]),m.useEffect(()=>{o!==!1||Q.fetchState!=="Completed"&&Q.fetchState!=="Error"||!l||(u(!0),a(He(!1,!1,N)))},[o,Q,l,N]),m.useEffect(()=>{!v&&l&&(a(He(!1,!1,N)),a(te(T,ae,!1,!1)))},[T.month,T.year,l,N]);const Le=m.useCallback((s=!1,w=!1)=>{const V={start:se,end:ce};switch(G){case"transaction_categorization":a(re(Ue,V,s,!y,void 0,void 0,w,void 0,N)),B(!1);break;case"flux_analysis":a(pe(T,s,w,null));break;case"month_end_insights":if(w===!1){const b=new Date(T.year,T.month,0),E=rn(b.toDateString()).format(Ct.analytics.YYYYDashMMDashDDFormat);a(ln(!0,i.companyId,i.tenantId,E)),a(dn(i.companyId,i.tenantId))}break;case"je_schedules":a(cn(V,w));break;case"missing_receipts":a(lt(V,{amount:75,currencyCode:"USD",currencySymbol:"$"},s,w));break;default:a(te(T,ae,s,w))}},[G,se,ce,i.companyId,i.tenantId,Ue,T,ae,y,B,N]);m.useEffect(()=>{G===oe&&Q.fetchState==="Not-Started"&&l&&Le(!0)},[Q,se,ce,i.companyId,i.tenantId,l]),m.useEffect(()=>{v||y||S.current||It.fetchState==="In-Progress"||Q.fetchState!=="Completed"||(S.current=!0,Le(!0,!0))},[]),m.useEffect(()=>{z.fetchState!=="In-Progress"&&z.fetchState!=="Completed"&&a(le({tenantId:i.tenantId,period:T,refreshViewInBackground:!1}))},[z.fetchState,i.tenantId]),m.useEffect(()=>{_.monthEndInsights?.previewMonthEndReportStatus?.fetchState==="Completed"?D(!0):D(!1)},[_.monthEndInsights?.previewMonthEndReportStatus?.fetchState]),m.useEffect(()=>{_.monthEndInsights?.sendMonthEndReportStatus?.fetchState==="Completed"&&l&&(a(le({tenantId:i.tenantId,period:T,refreshViewInBackground:!0})),a(un({companyId:i.companyId})),r("../"))},[_.monthEndInsights?.sendMonthEndReportStatus?.fetchState,i.tenantId,T,i.companyId,l]),m.useEffect(()=>{const s=setInterval(()=>{z.fetchState!=="In-Progress"&&z.fetchState==="Completed"&&a(le({tenantId:i.tenantId,period:T,refreshViewInBackground:!0}))},3e5);return()=>clearInterval(s)},[z.fetchState,i.tenantId,T,a]),m.useEffect(()=>{const s=setInterval(()=>{G==="reconciliation"&&ae==null&&_.reconciliation.fetchStatus.fetchState==="Completed"&&_.reconciliation.refreshStatus.fetchState!=="In-Progress"&&a(te(T,void 0,!0,!0))},3e5);return()=>clearInterval(s)},[G,a,_.reconciliation.fetchStatus.fetchState,_.reconciliation.refreshStatus.fetchState,te,ae,T]);const{useFeatureGate:ze}=Fe(),{isFeatureEnabled:Oe}=ze(_e.isRealtimeInsightsFeatureEnabled),{isFeatureEnabled:$e}=ze(_e.isTransactionActivityEnabled),bt=et();m.useEffect(()=>{const s=(z.monthEndCloseChecks?.monthEndCloseCheckList.find(w=>w.id==="month_end_insights")?.isDisabled??!1)&&!Oe;G!=="month_end_insights"||!s&&z.monthEndCloseChecks?.reportEmailSentDate==null||r("../")},[G,z.monthEndCloseChecks]);const Pt=_.reconciliation.selectedDrawerAccountId;m.useEffect(()=>{je==="In-Progress"&&ke.accountSettingsView.saveState.fetchState==="Completed"&&a(Ze())},[je,ke.accountSettingsView.saveState.fetchState,Ze]);const{transactionId:Ge,onSaveVendor:xt,onSaveSuccess:At,onCancel:Dt,vendorViewDetails:Rt}=(({expenseAutomationViewSelector:s,closeDrawerHandler:w,currentSelectedView:V})=>{const b=de();let E,ie,W;const ue=et(),O=s.transactionView;let Y=()=>{};const{transactions:Ft,selectedTransactionId:ee,selectedTransactionLineId:me,transactionLocalData:_t}=O;if(V==="transaction_categorization"){const ye=_t.find(X=>X.transactionId===ee),$=Ft.find(X=>X.id===ee),qe=me!=null?ye?.transactionReviewLocalData?.lineItemById[me]:void 0,Ne=qe?.account;ie=qe?.class?.classId,E=["Uncategorized Income","Uncategorized Expense"].includes(Ne?.accountName??"")?void 0:Ne?.accountId;const Mt=ma(ee,$?.typeOfTransaction);$!=null&&Mt&&(W={id:ee,type:ct($.typeOfTransaction)}),Y=()=>{if(ee!=null&&me!=null&&$!=null){const X=O.transactionLocalData.find(he=>he.transactionId===ee)?.transactionReviewLocalData;if(X!=null&&$.lines!=null&&$.lines.length>0){const he=X.lineItemById[me];let Ee=X.selectedEntity;if(nn($)||(Ee=he.selectedEntityLine),Ee!=null){const Ut=Ee,jt={transactionId:{id:$.id,type:$.type},transaction:$,lineIds:$.lines.map(Bt=>Bt.id)??[]};b(Re(Ut,he.amount.amount,jt,!1,!0,ue))}}}}}const Vt=A(ye=>Je(ye,void 0,E,ie));return{transactionId:W,onSaveVendor:()=>{b(tn(W,void 0,!1,!0))},onSaveSuccess:Y,onCancel:()=>{W!=null&&b(Xt({transactionId:W})),b(Qt()),b(en()),w()},vendorViewDetails:Vt}})({expenseAutomationViewSelector:_,closeDrawerHandler:()=>{x(!1)},currentSelectedView:G});return K?.loggedInUserRoleMap!=null&&z.fetchState==="Completed"?p.jsxs(p.Fragment,{children:[p.jsx(pa,{isOpen:H,drawerLeftMargin:new ia(0,0,300,650),onClose:()=>{Z(!1)},children:p.jsx(Da,{onClick:s=>s.stopPropagation(),children:p.jsx(ka,{companyId:i.companyId,closeCustomerRequestDrawer:()=>Z(!1),addCustomerRequest:Tt,resetCustomerRequest:wt})})}),Ge!=null&&U&&p.jsx(da,{isOpen:U,transactionId:Ge,onSaveVendor:xt,onSaveSuccess:At,onCancel:Dt,vendorViewDetails:Rt}),p.jsx(Ia,{selectedDrawerAccountId:Pt,reconciliation:_.reconciliation,onFetchLinkTokenClick:(s,w)=>{a(mt("expense_automation_reconcile",s,w))},onEstablishConnectionClick:(s,w)=>{const V=i?.companyId;V!=null&&(a(dt(s,V,"expense_automation_reconcile",void 0,"link_account_no_microdeposit",w)),a(ut({accountId:w,connectionInProgress:!0})))}}),$e&&p.jsx(va,{selectedTransactionId:e,onClose:()=>n(void 0)}),p.jsx(xa,{navigate:r,location:k,themeState:h,vendorSearchAutoCompleteData:{autoCompleteText:yt,entityAutoCompleteView:L},expenseAutomationViewSelector:_,monthEndInsightsPreviewMode:d,monthEndInsightsCustomerRequestData:j,isRealtimeInsightsFeatureEnabled:Oe,isUncategorizedExpenseCategoryEnabled:N,isCOTEnabled:bt,currentTenant:i,companyId:i.companyId,signedInUser:ne,isTransactionActivityEnabled:$e,uncategorizedAccounts:kt,onClickCustomerRequest:vt,handleEditClick:Et,tenantEmailDomain:I,trackExpenseAutomationTabAnalytics:M,setActivityLogTransactionId:n,closeSidePanel:t,openTransactionPanel:c,sidePanelIsOpen:P,sidePanelIsFullView:C,panelContent:f})]}):p.jsx(St,{fetchState:z.fetchState})}),Da=Se(Ve)`
+  display: flex;
+  min-height: 100%;
+  flex-direction: column;
+`;function Wa(){return p.jsxs(Ot,{children:[p.jsx(ve,{path:"*",element:p.jsx(ga,{})}),p.jsx(ve,{path:"/:selectedTab/:selectedPeriod/*",element:p.jsx(Aa,{})}),p.jsx(ve,{path:"*",element:p.jsx(Lt,{})})]})}export{Wa as default};

package/dist/assets/{ExpressPayPage-EMP6inpX-4WwEzVm7.js → ExpressPayPage-C-nqret2-DYj2m0J-.js}

@@ -1,4 +1,4 @@
-import{y as Be,e as K,O as q,T as Qe,a7 as ke,c8 as et,V as t,a_ as tt,A as it,a9 as nt,x as g,o as n,jm as at,jn as lt,jo as ot,cg as ze,cd as rt,ex as dt,f6 as st,f7 as ct,cf as Oe,fD as pt,jp as mt,ci as ut,cj as ht,eE as Ee,eF as Ae,eO as Le,w as ge,m as p,eP as yt,au as gt,ar as fe,f as We,H as xt,q as qe}from"./index-Djco7rZW.js";import{a as Y}from"./sentry-CEBEW6Zv.js";import{n as d}from"./mui-Xyv5fYYp.js";import{bG as _e,bs as oe,c6 as He,bX as bt,cp as ft}from"./zeni-epic-state-Ddwqsd5-.js";import{Y as wt}from"./LabeledDocumentField-C_bcFxdY-DFBxx_FY.js";import{S as ie}from"./LabeledText-C8Y7EOsX-Dmu1KyEb.js";import"./pdf-BCMUg4JF.js";import"./core-Cd4LmmhG.js";import"./lottie-D3b06MuY.js";import"./liveblocks-IsOzz8u-.js";import"./recharts-CwRU7bDL.js";import"./dnd-CAuW2Onh.js";import"./analytics-CxExYOQN.js";import"./plaid-C49TlIE8.js";import"./utils-PmQt3_O8.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},i=new e.Error().stack;i&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[i]="8d8d0cb0-97b7-4f7e-8a9e-40b491b40c74",e._sentryDebugIdIdentifier="sentry-dbid-8d8d0cb0-97b7-4f7e-8a9e-40b491b40c74")}catch{}})();const vt={progressBarWidth:new g(343,726)},St=({pageIndex:e})=>{const i=K(),x=Be(),u=q.getLocalizedStrings().spendManagement.zeniAccounts.expressPay.progressBar,h=[u.stateOne,u.stateTwo,u.stateThree];return i==="small"?t.jsxs(Ct,{children:[t.jsx(at,{coloredSectionCount:e,stretchedSection:1,totalSections:2,barColor:x.colors.brandColorJade,isFrozen:!1,topMargin:8}),t.jsx(Pt,{children:h.map((c,l)=>t.jsx(Tt,{isLast:l==h.length-1,isRelevant:l<=e,perSectionHeight:100/h.length,children:t.jsx(Me,{children:c})},l))})]}):t.jsxs(jt,{windowSize:i,children:[t.jsx(lt,{coloredSectionCount:e,totalSections:2,barColor:x.colors.brandColorJade,isFrozen:!1}),t.jsx(It,{children:h.map((c,l)=>t.jsx($t,{stateIndex:l,isRelevant:l<=e,children:t.jsx(Me,{children:c})},c))})]})},jt=d.div`
+import{y as Be,J as K,O as q,T as Qe,a7 as ke,b$ as et,V as t,a_ as tt,A as it,a9 as nt,b as g,o as n,j8 as at,j9 as lt,ja as ot,c7 as ze,c4 as rt,el as dt,eY as st,eZ as ct,c6 as Oe,ft as pt,jb as mt,c9 as ut,ca as ht,es as Ee,et as Ae,eC as Le,j as ge,u as p,eE as yt,au as gt,ar as fe,e as We,W as xt,v as qe}from"./index-T6cemxxv.js";import{a as H}from"./sentry-BoIfGJBF.js";import{n as d}from"./mui-GaW5Gk_e.js";import{bG as _e,bs as oe,b_ as Ue,bX as bt,cp as ft}from"./zeni-epic-state-BtVcBgvu.js";import{Y as wt}from"./LabeledDocumentField-Bp9m-OrP-C4maUk83.js";import{S as ie}from"./LabeledText-DvzVOku6-BIWW9LkN.js";import"./pdf-DWoGjGSw.js";import"./core-BSWMBnrJ.js";import"./lottie-DOxhyevU.js";import"./liveblocks--WiFaeN0.js";import"./recharts-BQ8VH5gX.js";import"./dnd-DJrh3JTW.js";import"./analytics-BZz0SPy3.js";import"./plaid-CNcdZ4gc.js";import"./utils-BGRwbgi2.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},i=new e.Error().stack;i&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[i]="3b18d670-8746-4c41-9655-c9bc9f681b5b",e._sentryDebugIdIdentifier="sentry-dbid-3b18d670-8746-4c41-9655-c9bc9f681b5b")}catch{}})();const vt={progressBarWidth:new g(343,726)},St=({pageIndex:e})=>{const i=K(),x=Be(),u=q.getLocalizedStrings().spendManagement.zeniAccounts.expressPay.progressBar,h=[u.stateOne,u.stateTwo,u.stateThree];return i==="small"?t.jsxs(Ct,{children:[t.jsx(at,{coloredSectionCount:e,stretchedSection:1,totalSections:2,barColor:x.colors.brandColorJade,isFrozen:!1,topMargin:8}),t.jsx(Pt,{children:h.map((c,l)=>t.jsx(Tt,{isLast:l==h.length-1,isRelevant:l<=e,perSectionHeight:100/h.length,children:t.jsx(Me,{children:c})},l))})]}):t.jsxs(jt,{windowSize:i,children:[t.jsx(lt,{coloredSectionCount:e,totalSections:2,barColor:x.colors.brandColorJade,isFrozen:!1}),t.jsx($t,{children:h.map((c,l)=>t.jsx(It,{stateIndex:l,isRelevant:l<=e,children:t.jsx(Me,{children:c})},c))})]})},jt=d.div`
   display: flex;
   flex-direction: column;
   margin-top: ${n.sp3};
@@ -13,12 +13,12 @@ import{y as Be,e as K,O as q,T as Qe,a7 as ke,c8 as et,V as t,a_ as tt,A as it,a
   margin-left: ${n.sp2};
   margin-bottom: ${n.sp5};
   align-self: flex-start;
-`,It=d.div`
+`,$t=d.div`
   display: flex;
   margin: ${n.sp3} ${n.sp0};
   justify-content: space-between;
   height: ${n.sp6};
-`,$t=d.div`
+`,It=d.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -38,7 +38,7 @@ import{y as Be,e as K,O as q,T as Qe,a7 as ke,c8 as et,V as t,a_ as tt,A as it,a
   position: relative;
   height: ${e=>`${e.perSectionHeight}%`};
   color: ${e=>e.isRelevant?e.theme.colors.primary:e.theme.colors.grey2};
-`,P={containerWidth:new g(343,580,726),labelWidth:new g(120,160,160),largeLabelWidth:new g(150,228,228),largeLabelPickerWidth:new g(100,180,180),paddingBottom:new g(p[3],p[2]),labelMarginLeftPicker:new g(p[3],p[4]),labelMarginRightPicker:new g(p[3],p[4]),labelMarginTopPicker:new g(p[2],p[2]),labeledFieldPaddingLeft:new g(p[0],p[0]),labeledFieldPaddingRight:new g(p[2],p[2]),labeledFieldPaddingTop:new g(p[2],p[2]),labeledFieldPaddingBottom:new g(p[2],p[2]),infoLabelPaddingRight:new g(p[0],p[3]),infoLabelMarginTop:new g(p[1],p[0])},B=(e,i)=>`${e}.${i}`,Ft=({sectionId:e,paymentDetails:i,allPaymentMethods:x,paymentToOptions:u,withdrawFromList:h,internationalVerificationStatus:c,fileProps:l,receiptFile:F,deleteFileStatusById:I,updateFileStatusById:f,onClickAddAccount:j})=>{const o=K(),{spendManagement:O,dateFormat:V,common:r}=q.getLocalizedStrings(),w=O.billPay.billDetails,J=V.visual.defaultInput,de=O.zeniAccounts.expressPay,se=r.documents,_=P.largeLabelWidth.value(o),[y,G]=Y.useState(!1),H=x.filter(a=>a.method.includes(i?.withdrawFrom?.accType??"depositAccount")&&a.method.includes(bt)===!1),A=a=>u.find(m=>m.id===a);return t.jsxs(t.Fragment,{children:[t.jsx(Dt,{children:w.paymentDetailsTitle}),t.jsxs(kt,{windowSize:o,children:[t.jsx(dt,{label:{label:w.withdrawFrom,width:_,style:{marginLeft:P.labelMarginLeftPicker.valuePx(o),marginTop:P.labelMarginTopPicker.valuePx(o),marginRight:P.labelMarginRightPicker.valuePx(o),width:P.largeLabelPickerWidth.value(o)}},style:{paddingTop:P.labeledFieldPaddingTop.valuePx(o),paddingBottom:P.labeledFieldPaddingBottom.valuePx(o),paddingLeft:P.labeledFieldPaddingLeft.valuePx(o),paddingRight:P.labeledFieldPaddingRight.valuePx(o),border:"none",width:"auto",display:o==="small"?"flex":"inherit"},infoLabelStyle:{textAlign:o==="small"?"left":"right",paddingRight:P.infoLabelPaddingRight.valuePx(o),marginTop:P.infoLabelMarginTop.valuePx(o)},singleSelectPickerField:{name:B(e,"withdrawFrom"),placeholder:Oe(w.withdrawFrom),style:{position:"relative"},capitalizeOptions:!0,isOptionRemovable:!1,showTickIcon:!1,valueToLogo:(a,m)=>ct(h,a,m),valueToSubLabels:(a,m)=>st(h,a,m,!1),defaultValue:{selectedOption:i?.withdrawFrom?.id,allOptions:h.map(a=>({label:a.label,value:a.id}))},textAlignment:"right",registerOptions:{required:!0,validate:a=>a!=null&&!!a.selectedOption}}}),t.jsx(U,{}),t.jsx(pt,{showAdditionalInfoLabel:!1,label:{label:w.amount,width:_},formattedTextField:{type:"number",name:B(e,"amount"),defaultValue:i?.recipientAmount??0,placeholder:Oe(w.amount),returnValueType:"floatValue",prefix:"$",allowNegative:!1,isNumericString:!1,registerOptions:{required:!0,validate:a=>a!=null&&a!==0},autoComplete:"off",decimalSeparator:".",decimalScale:2,fixedDecimalScale:!1,thousandSeparator:!0,shouldHighlightZeroAmount:!0},style:{width:"auto"}}),t.jsx(U,{}),t.jsx(mt,{label:{label:w.paymentMethod,width:P.labelWidth.value(o)},style:{width:"auto"},disableOutline:!0,paymentSingleSelectField:{name:B(e,"paymentMethod"),placeholder:w.billTypeMethodPlaceholder,defaultValue:i?.paymentType,allPaymentMethods:H,isAdmin:!0,internationalVerificationStatus:c,registerOptions:{required:!0,validate:a=>a!=null},onInternationalWireVerifyClick:()=>{}}}),t.jsx(U,{}),t.jsx(ut,{label:{label:w.paymentDate,width:P.labelWidth.value(o)},style:{paddingBottom:P.paddingBottom.valuePx(o),width:"auto"},dateField:{name:B(e,"paymentDate"),placeholder:w.paymentDate,dateFormat:J,autoComplete:"off",minDate:oe(),registerOptions:{required:!0}}}),t.jsx(U,{}),t.jsx(ze,{label:{label:w.paymentTo,width:_},style:{width:"auto"},isFunctional:!0,singleSelectField:{singleSelect:{name:B(e,"paymentTo"),placeholder:w.selectAccount,getTooltipInfo:a=>{const m=A(a),$=q.getLocalizedStrings().spendManagement.billPay;return i?.paymentType?.method.includes("ach")===!0?t.jsxs(xe,{children:[t.jsxs(W,{children:[t.jsx(z,{children:$.vendorCreation.achDetails.bankRoutingNumber}),t.jsx(E,{children:m?.bankRoutingNumberAch??$.vendorCreation.emptyPlaceholderString})]}),t.jsxs(W,{children:[t.jsx(z,{children:$.vendorCreation.achDetails.bankName}),t.jsx(E,{children:m?.bankName??$.vendorCreation.emptyPlaceholderString})]}),t.jsxs(W,{children:[t.jsx(z,{children:$.vendorCreation.achDetails.bankAccountNumber}),t.jsx(E,{children:m?.bankAccountNumber??$.vendorCreation.emptyPlaceholderString})]})]}):i?.paymentType?.method.includes("wire")===!0?i.paymentType?.method.includes("international")===!0?t.jsx(xe,{children:m?.piLabels.map(X=>t.jsxs(W,{children:[t.jsxs(z,{children:[X.name,$.paymentDetails.colon]}),t.jsx(E,{children:X.value})]},X.name))}):t.jsxs(xe,{children:[t.jsxs(W,{children:[t.jsx(z,{children:$.vendorCreation.wireDetails.bankRoutingNumber}),t.jsx(E,{children:m?.bankRoutingNumberWireTransfer??$.vendorCreation.emptyPlaceholderString})]}),t.jsxs(W,{children:[t.jsx(z,{children:$.vendorCreation.achDetails.bankName}),t.jsx(E,{children:m?.bankName??$.vendorCreation.emptyPlaceholderString})]}),t.jsxs(W,{children:[t.jsx(z,{children:$.vendorCreation.wireDetails.accountNumber}),t.jsx(E,{children:m?.bankAccountNumber??$.vendorCreation.emptyPlaceholderString})]})]}):""},menuPlacement:"top",maxMenuHeight:308,isOptionRemovable:!1,showEyeIconOnSelect:!1,showVerifiedIcon:!0,onClickCreateBankAccount:j,showAddBankAccountOption:!0,showCollectPaymentDetailsOption:!1,getLabelForId:a=>Ee(A(a))},defaultValue:{selectedOption:i?.paymentType!=null?i?.paymentTo?.id:"",allOptions:i?.paymentType!=null?(()=>{let a=[];return a=i?.paymentType?.method.includes("wire")===!0?u.filter(m=>!!m.bankRoutingNumberWireTransfer).map(m=>m.id):u.filter(m=>!!m.bankRoutingNumberAch).map(m=>m.id),a})():[]},registerOptions:{required:!0,validate:a=>a?.selectedOption!=null}}}),t.jsx(U,{}),t.jsx(wt,{name:B(e,"receipt"),sizeLimit:ht,deleteFileStatusById:I,updateFileStatusById:f,filesEndPoint:l.filesEndPoint,authParams:l.authParams,label:{label:de.reciept,width:_},filemetadataPayload:{documentType:"id_document",purposeId:"business_verification_others",documentSide:"front"},file:F,acceptableTypes:["image/jpg","image/jpeg","image/png","application/pdf","image/heic","image/heif"],registerOptions:{required:!1},hasError:y,updateFilesEntity:l.updateFilesEntity,onEditFileName:l.onEditFileName,onDeleteFile:l.onDeleteFile,onFileSizeError:a=>G(a),isOptional:!0,style:F!=null?{borderBottomLeftRadius:"inherit",borderBottomRightRadius:"inherit"}:void 0},B(e,"receipt")),F==null?t.jsx(Ot,{windowSize:o,isError:y,children:se.formatDocumentText10MB}):null,t.jsx(U,{})]})]})},Dt=d(fe)`
+`,P={containerWidth:new g(343,580,726),labelWidth:new g(120,160,160),largeLabelWidth:new g(150,228,228),largeLabelPickerWidth:new g(100,180,180),paddingBottom:new g(p[3],p[2]),labelMarginLeftPicker:new g(p[3],p[4]),labelMarginRightPicker:new g(p[3],p[4]),labelMarginTopPicker:new g(p[2],p[2]),labeledFieldPaddingLeft:new g(p[0],p[0]),labeledFieldPaddingRight:new g(p[2],p[2]),labeledFieldPaddingTop:new g(p[2],p[2]),labeledFieldPaddingBottom:new g(p[2],p[2]),infoLabelPaddingRight:new g(p[0],p[3]),infoLabelMarginTop:new g(p[1],p[0])},B=(e,i)=>`${e}.${i}`,Ft=({sectionId:e,paymentDetails:i,allPaymentMethods:x,paymentToOptions:u,withdrawFromList:h,internationalVerificationStatus:c,fileProps:l,receiptFile:F,deleteFileStatusById:$,updateFileStatusById:f,onClickAddAccount:j})=>{const o=K(),{spendManagement:O,dateFormat:V,common:r}=q.getLocalizedStrings(),w=O.billPay.billDetails,J=V.visual.defaultInput,de=O.zeniAccounts.expressPay,se=r.documents,_=P.largeLabelWidth.value(o),[y,Z]=H.useState(!1),U=x.filter(a=>a.method.includes(i?.withdrawFrom?.accType??"depositAccount")&&a.method.includes(bt)===!1),A=a=>u.find(m=>m.id===a);return t.jsxs(t.Fragment,{children:[t.jsx(Dt,{children:w.paymentDetailsTitle}),t.jsxs(kt,{windowSize:o,children:[t.jsx(dt,{label:{label:w.withdrawFrom,width:_,style:{marginLeft:P.labelMarginLeftPicker.valuePx(o),marginTop:P.labelMarginTopPicker.valuePx(o),marginRight:P.labelMarginRightPicker.valuePx(o),width:P.largeLabelPickerWidth.value(o)}},style:{paddingTop:P.labeledFieldPaddingTop.valuePx(o),paddingBottom:P.labeledFieldPaddingBottom.valuePx(o),paddingLeft:P.labeledFieldPaddingLeft.valuePx(o),paddingRight:P.labeledFieldPaddingRight.valuePx(o),border:"none",width:"auto",display:o==="small"?"flex":"inherit"},infoLabelStyle:{textAlign:o==="small"?"left":"right",paddingRight:P.infoLabelPaddingRight.valuePx(o),marginTop:P.infoLabelMarginTop.valuePx(o)},singleSelectPickerField:{name:B(e,"withdrawFrom"),placeholder:Oe(w.withdrawFrom),style:{position:"relative"},capitalizeOptions:!0,isOptionRemovable:!1,showTickIcon:!1,valueToLogo:(a,m)=>ct(h,a,m),valueToSubLabels:(a,m)=>st(h,a,m,!1),defaultValue:{selectedOption:i?.withdrawFrom?.id,allOptions:h.map(a=>({label:a.label,value:a.id}))},textAlignment:"right",registerOptions:{required:!0,validate:a=>a!=null&&!!a.selectedOption}}}),t.jsx(Y,{}),t.jsx(pt,{showAdditionalInfoLabel:!1,label:{label:w.amount,width:_},formattedTextField:{type:"number",name:B(e,"amount"),defaultValue:i?.recipientAmount??0,placeholder:Oe(w.amount),returnValueType:"floatValue",prefix:"$",allowNegative:!1,isNumericString:!1,registerOptions:{required:!0,validate:a=>a!=null&&a!==0},autoComplete:"off",decimalSeparator:".",decimalScale:2,fixedDecimalScale:!1,thousandSeparator:!0,shouldHighlightZeroAmount:!0},style:{width:"auto"}}),t.jsx(Y,{}),t.jsx(mt,{label:{label:w.paymentMethod,width:P.labelWidth.value(o)},style:{width:"auto"},disableOutline:!0,paymentSingleSelectField:{name:B(e,"paymentMethod"),placeholder:w.billTypeMethodPlaceholder,defaultValue:i?.paymentType,allPaymentMethods:U,isAdmin:!0,internationalVerificationStatus:c,registerOptions:{required:!0,validate:a=>a!=null},onInternationalWireVerifyClick:()=>{}}}),t.jsx(Y,{}),t.jsx(ut,{label:{label:w.paymentDate,width:P.labelWidth.value(o)},style:{paddingBottom:P.paddingBottom.valuePx(o),width:"auto"},dateField:{name:B(e,"paymentDate"),placeholder:w.paymentDate,dateFormat:J,autoComplete:"off",minDate:oe(),registerOptions:{required:!0}}}),t.jsx(Y,{}),t.jsx(ze,{label:{label:w.paymentTo,width:_},style:{width:"auto"},isFunctional:!0,singleSelectField:{singleSelect:{name:B(e,"paymentTo"),placeholder:w.selectAccount,getTooltipInfo:a=>{const m=A(a),I=q.getLocalizedStrings().spendManagement.billPay;return i?.paymentType?.method.includes("ach")===!0?t.jsxs(xe,{children:[t.jsxs(W,{children:[t.jsx(z,{children:I.vendorCreation.achDetails.bankRoutingNumber}),t.jsx(E,{children:m?.bankRoutingNumberAch??I.vendorCreation.emptyPlaceholderString})]}),t.jsxs(W,{children:[t.jsx(z,{children:I.vendorCreation.achDetails.bankName}),t.jsx(E,{children:m?.bankName??I.vendorCreation.emptyPlaceholderString})]}),t.jsxs(W,{children:[t.jsx(z,{children:I.vendorCreation.achDetails.bankAccountNumber}),t.jsx(E,{children:m?.bankAccountNumber??I.vendorCreation.emptyPlaceholderString})]})]}):i?.paymentType?.method.includes("wire")===!0?i.paymentType?.method.includes("international")===!0?t.jsx(xe,{children:m?.piLabels.map(G=>t.jsxs(W,{children:[t.jsxs(z,{children:[G.name,I.paymentDetails.colon]}),t.jsx(E,{children:G.value})]},G.name))}):t.jsxs(xe,{children:[t.jsxs(W,{children:[t.jsx(z,{children:I.vendorCreation.wireDetails.bankRoutingNumber}),t.jsx(E,{children:m?.bankRoutingNumberWireTransfer??I.vendorCreation.emptyPlaceholderString})]}),t.jsxs(W,{children:[t.jsx(z,{children:I.vendorCreation.achDetails.bankName}),t.jsx(E,{children:m?.bankName??I.vendorCreation.emptyPlaceholderString})]}),t.jsxs(W,{children:[t.jsx(z,{children:I.vendorCreation.wireDetails.accountNumber}),t.jsx(E,{children:m?.bankAccountNumber??I.vendorCreation.emptyPlaceholderString})]})]}):""},menuPlacement:"top",maxMenuHeight:308,isOptionRemovable:!1,showEyeIconOnSelect:!1,showVerifiedIcon:!0,onClickCreateBankAccount:j,showAddBankAccountOption:!0,showCollectPaymentDetailsOption:!1,getLabelForId:a=>Ee(A(a))},defaultValue:{selectedOption:i?.paymentType!=null?i?.paymentTo?.id:"",allOptions:i?.paymentType!=null?(()=>{let a=[];return a=i?.paymentType?.method.includes("wire")===!0?u.filter(m=>!!m.bankRoutingNumberWireTransfer).map(m=>m.id):u.filter(m=>!!m.bankRoutingNumberAch).map(m=>m.id),a})():[]},registerOptions:{required:!0,validate:a=>a?.selectedOption!=null}}}),t.jsx(Y,{}),t.jsx(wt,{name:B(e,"receipt"),sizeLimit:ht,deleteFileStatusById:$,updateFileStatusById:f,filesEndPoint:l.filesEndPoint,authParams:l.authParams,label:{label:de.reciept,width:_},filemetadataPayload:{documentType:"id_document",purposeId:"business_verification_others",documentSide:"front"},file:F,acceptableTypes:["image/jpg","image/jpeg","image/png","application/pdf","image/heic","image/heif"],registerOptions:{required:!1},hasError:y,updateFilesEntity:l.updateFilesEntity,onEditFileName:l.onEditFileName,onDeleteFile:l.onDeleteFile,onFileSizeError:a=>Z(a),isOptional:!0,style:F!=null?{borderBottomLeftRadius:"inherit",borderBottomRightRadius:"inherit"}:void 0},B(e,"receipt")),F==null?t.jsx(Ot,{windowSize:o,isError:y,children:se.formatDocumentText10MB}):null,t.jsx(Y,{})]})]})},Dt=d(fe)`
   color: ${e=>e.theme.colors.primary};
   margin-bottom: ${n.sp3};
 `,kt=d.div`
@@ -49,7 +49,7 @@ import{y as Be,e as K,O as q,T as Qe,a7 as ke,c8 as et,V as t,a_ as tt,A as it,a
   box-shadow: ${e=>`${n.sp0} 2px ${n.sp1} ${e.theme.colors.dropShadowNormal}`};
   border-radius: ${n.sp2};
   width: ${e=>P.containerWidth.valuePx(e.windowSize)};
-`,U=d.div`
+`,Y=d.div`
   display: flex;
   flex: 1;
   background-color: ${e=>e.theme.colors.grey3};
@@ -79,7 +79,7 @@ import{y as Be,e as K,O as q,T as Qe,a7 as ke,c8 as et,V as t,a_ as tt,A as it,a
   border-radius: ${n.sp0} ${n.sp0} ${n.sp2} ${n.sp2};
   text-align: ${e=>e.windowSize==="small"?"initial":"right"};
   color: ${e=>e.isError?We.important:e.theme.colors.grey1};
-`,At={largeLabelWidth:new g(150,210,210)},ne=(e,i)=>`${e}.${i}`,Lt=({sectionId:e,vendorTypeList:i,formLocalData:x,vendorSearchAutoCompleteData:u,vendorSearchAutoCompleteActions:h})=>{const c=K(),l=q.getLocalizedStrings().spendManagement.zeniAccounts.expressPay,F=At.largeLabelWidth.value(c),I=Y.useRef();Y.useEffect(()=>{u?.entityAutoCompleteView.fetchState==="Completed"&&I.current?.(Mt(u?.entityAutoCompleteView))},[u?.entityAutoCompleteView.fetchState]);const f=u,j=(r,w)=>{h?.onAutoCompleteInputChange?.(r,"vendor"),I.current=w},o=f?.autoCompleteText!=null&&(f?.entityAutoCompleteView.fetchState==="In-Progress"||f?.entityAutoCompleteView.fetchState==="Not-Started"),O={defaultOptions:Ue(x?.vendorId,x?.vendorName,u?.entityAutoCompleteView),selectedOption:x?.vendorId??x?.vendorName??""},V={valueContainer:r=>({...r,padding:`2px ${c==="small"?n.sp2:n.sp3} !important`,overflow:"unset"}),singleValue:r=>({...r,margin:0}),placeholder:r=>({...r,fontWeight:"normal"})};return t.jsxs(t.Fragment,{children:[t.jsx(Nt,{children:l.recipientSectionTitle}),t.jsx(Vt,{children:t.jsxs(Rt,{children:[t.jsx(ot,{label:{label:l.recipientName,width:F},addIconInCreateLabel:!0,autoCompleteSingleSelectField:{name:ne(e,"recipient"),placeholder:c==="small"?l.placeholders.recipientNameMobile:l.placeholders.recipientName,valueToId:r=>r,defaultValue:{...O},style:{width:"100%"},customStyleConfig:V,registerOptions:{required:!0,validate:r=>r!=null&&!!r.selectedOption},loadOptions:j,isOptionsLoading:o,makeCreateOptionSticky:!0,entity:"recipient"},style:{justifyContent:"space-between"},fullWidthSelect:!0},ne(e,"recipient")),t.jsx(Ne,{}),t.jsx(ze,{label:{label:l.recipientType,width:F},singleSelectField:{singleSelect:{name:ne(e,"recipientType"),placeholder:l.placeholders.recipientType,showValueEyeIcon:!1,showEyeIconOnSelect:!1,getLabelForId:r=>i.find(w=>w.code===r)?.name??"",showTickMark:!1,maxMenuHeight:250},defaultValue:{selectedOption:x?.vendorType,allOptions:i.map(r=>r.code)},registerOptions:{required:!0,validate:r=>!!r.selectedOption}},isFunctional:!0}),t.jsx(Ne,{}),t.jsx(rt,{showAdditionalInfoLabel:!1,label:{label:l.recipientEmail,width:F},text:{type:"email",name:ne(e,"recipientEmail"),placeholder:l.placeholders.recipientEmail,options:{required:!0}},style:{borderBottomLeftRadius:"inherit",borderBottomRightRadius:"inherit"}})]})})]})},Ue=(e,i,x)=>{if(e==null)return[];const u=x?.vendor?.find(h=>h.id===e);return u!=null||e!=null?[{label:u?.name??i??e??"",value:e??i??""}]:[]},Mt=e=>e?.vendor.map(i=>({label:i.name,value:i.zeniId,zeniId:i.zeniId}))??[],Nt=d(fe)`
+`,At={largeLabelWidth:new g(150,210,210)},ne=(e,i)=>`${e}.${i}`,Lt=({sectionId:e,vendorTypeList:i,formLocalData:x,vendorSearchAutoCompleteData:u,vendorSearchAutoCompleteActions:h})=>{const c=K(),l=q.getLocalizedStrings().spendManagement.zeniAccounts.expressPay,F=At.largeLabelWidth.value(c),$=H.useRef();H.useEffect(()=>{u?.entityAutoCompleteView.fetchState==="Completed"&&$.current?.(Mt(u?.entityAutoCompleteView))},[u?.entityAutoCompleteView.fetchState]);const f=u,j=(r,w)=>{h?.onAutoCompleteInputChange?.(r,"vendor"),$.current=w},o=f?.autoCompleteText!=null&&(f?.entityAutoCompleteView.fetchState==="In-Progress"||f?.entityAutoCompleteView.fetchState==="Not-Started"),O={defaultOptions:Ye(x?.vendorId,x?.vendorName,u?.entityAutoCompleteView),selectedOption:x?.vendorId??x?.vendorName??""},V={valueContainer:r=>({...r,padding:`2px ${c==="small"?n.sp2:n.sp3} !important`,overflow:"unset"}),singleValue:r=>({...r,margin:0}),placeholder:r=>({...r,fontWeight:"normal"})};return t.jsxs(t.Fragment,{children:[t.jsx(Nt,{children:l.recipientSectionTitle}),t.jsx(Vt,{children:t.jsxs(Rt,{children:[t.jsx(ot,{label:{label:l.recipientName,width:F},addIconInCreateLabel:!0,autoCompleteSingleSelectField:{name:ne(e,"recipient"),placeholder:c==="small"?l.placeholders.recipientNameMobile:l.placeholders.recipientName,valueToId:r=>r,defaultValue:{...O},style:{width:"100%"},customStyleConfig:V,registerOptions:{required:!0,validate:r=>r!=null&&!!r.selectedOption},loadOptions:j,isOptionsLoading:o,makeCreateOptionSticky:!0,entity:"recipient"},style:{justifyContent:"space-between"},fullWidthSelect:!0},ne(e,"recipient")),t.jsx(Ne,{}),t.jsx(ze,{label:{label:l.recipientType,width:F},singleSelectField:{singleSelect:{name:ne(e,"recipientType"),placeholder:l.placeholders.recipientType,showValueEyeIcon:!1,showEyeIconOnSelect:!1,getLabelForId:r=>i.find(w=>w.code===r)?.name??"",showTickMark:!1,maxMenuHeight:250},defaultValue:{selectedOption:x?.vendorType,allOptions:i.map(r=>r.code)},registerOptions:{required:!0,validate:r=>!!r.selectedOption}},isFunctional:!0}),t.jsx(Ne,{}),t.jsx(rt,{showAdditionalInfoLabel:!1,label:{label:l.recipientEmail,width:F},text:{type:"email",name:ne(e,"recipientEmail"),placeholder:l.placeholders.recipientEmail,options:{required:!0}},style:{borderBottomLeftRadius:"inherit",borderBottomRightRadius:"inherit"}})]})})]})},Ye=(e,i,x)=>{if(e==null)return[];const u=x?.vendor?.find(h=>h.id===e);return u!=null||e!=null?[{label:u?.name??i??e??"",value:e??i??""}]:[]},Mt=e=>e?.vendor.map(i=>({label:i.name,value:i.zeniId,zeniId:i.zeniId}))??[],Nt=d(fe)`
   color: ${e=>e.theme.colors.primary};
   margin-bottom: ${n.sp3};
 `,Vt=d.div`
@@ -98,7 +98,7 @@ import{y as Be,e as K,O as q,T as Qe,a7 as ke,c8 as et,V as t,a_ as tt,A as it,a
   background-color: ${e=>e.theme.colors.grey3};
   min-height: 1px;
   max-height: 1px;
-`,re={containerWidth:new g(343,580,726),largeLabelWidth:new g(150,215,215),reviewContainerMarginLeft:new g(p[3],p[6]),reviewContainerMarginRight:new g(p[3],p[8])},Bt=({vendorName:e,reviewDetails:i,paymentToOptions:x,style:u})=>{const h=K(),c=re.largeLabelWidth.value(h),{billPay:l}=q.getLocalizedStrings().spendManagement,{dateFormat:F,common:I}=q.getLocalizedStrings(),f=l.billDetails,j=i?.paymentType,o=F.visual.MMMDCommaYYYYformat,O={amount:i?.amount?.amount??0,currencyCode:I.currency.currencyCode,currencySymbol:I.currency.currencySymbol},V=Ee(x.find(J=>J.id===i?.paymentToAccountId)),r=i?.paymentDate,w=Ae(j?.method??"");return t.jsx(Ht,{children:t.jsxs(Ut,{windowSize:h,style:u,children:[t.jsxs(Jt,{children:[t.jsx(ae,{children:f.pay}),t.jsx(ae,{children:t.jsx(Le,{amount:O,integerStyles:ge.largeSemiBold.cssObject})}),t.jsx(ae,{children:f.to}),t.jsx(ae,{children:e})]}),t.jsxs(Yt,{windowSize:h,children:[t.jsx(ie,{label:{label:f.withdrawFrom,width:c},style:{width:"auto",gap:p[3]},value:i?.withdrawFrom!=null?yt(i.withdrawFrom,h):I.strings.empty}),t.jsx(be,{}),t.jsx(ie,{label:{label:f.paymentMethod,width:c},style:{width:"auto"},value:Ae(j?.method??"")}),t.jsx(be,{}),r!=null?t.jsxs(t.Fragment,{children:[t.jsx(ie,{label:{label:f.paymentDate,width:c},style:{width:"auto"},value:r.format(o),additionalInfoLabel:`${f.estimatedArrival}${_e(He(r.toDate(),[0,6],j?.maxPeriod.value??0).toDateString()).format(o)} - (${w.length>0?`${w} `:""}${f.deliveryTimeLabel} = ${j?.maxPeriod.value??"0"} ${f.deliveryTimeUnits})`}),t.jsx(be,{})]}):null,t.jsx(ie,{label:{label:f.paymentTo,width:c},style:{width:"auto"},value:V??""})]}),t.jsx(Et,{children:t.jsxs(Wt,{windowSize:h,children:[t.jsx(qt,{children:t.jsx(zt,{children:l.paymentDetails.total})}),t.jsx(_t,{children:t.jsx(Le,{amount:ft(O.amount,O.currencyCode,O.currencySymbol),integerStyles:ge.h6Medium.cssObject,decimalStyles:ge.standardMedium.cssObject})})]})})]})})},zt=d.div``,Et=d.div`
+`,re={containerWidth:new g(343,580,726),largeLabelWidth:new g(150,215,215),reviewContainerMarginLeft:new g(p[3],p[6]),reviewContainerMarginRight:new g(p[3],p[8])},Bt=({vendorName:e,reviewDetails:i,paymentToOptions:x,style:u})=>{const h=K(),c=re.largeLabelWidth.value(h),{billPay:l}=q.getLocalizedStrings().spendManagement,{dateFormat:F,common:$}=q.getLocalizedStrings(),f=l.billDetails,j=i?.paymentType,o=F.visual.MMMDCommaYYYYformat,O={amount:i?.amount?.amount??0,currencyCode:$.currency.currencyCode,currencySymbol:$.currency.currencySymbol},V=Ee(x.find(J=>J.id===i?.paymentToAccountId)),r=i?.paymentDate,w=Ae(j?.method??"");return t.jsx(Ut,{children:t.jsxs(Yt,{windowSize:h,style:u,children:[t.jsxs(Jt,{children:[t.jsx(ae,{children:f.pay}),t.jsx(ae,{children:t.jsx(Le,{amount:O,integerStyles:ge.largeSemiBold.cssObject})}),t.jsx(ae,{children:f.to}),t.jsx(ae,{children:e})]}),t.jsxs(Ht,{windowSize:h,children:[t.jsx(ie,{label:{label:f.withdrawFrom,width:c},style:{width:"auto",gap:p[3]},value:i?.withdrawFrom!=null?yt(i.withdrawFrom,h):$.strings.empty}),t.jsx(be,{}),t.jsx(ie,{label:{label:f.paymentMethod,width:c},style:{width:"auto"},value:Ae(j?.method??"")}),t.jsx(be,{}),r!=null?t.jsxs(t.Fragment,{children:[t.jsx(ie,{label:{label:f.paymentDate,width:c},style:{width:"auto"},value:r.format(o),additionalInfoLabel:`${f.estimatedArrival}${_e(Ue(r.toDate(),[0,6],j?.maxPeriod.value??0).toDateString()).format(o)} - (${w.length>0?`${w} `:""}${f.deliveryTimeLabel} = ${j?.maxPeriod.value??"0"} ${f.deliveryTimeUnits})`}),t.jsx(be,{})]}):null,t.jsx(ie,{label:{label:f.paymentTo,width:c},style:{width:"auto"},value:V??""})]}),t.jsx(Et,{children:t.jsxs(Wt,{windowSize:h,children:[t.jsx(qt,{children:t.jsx(zt,{children:l.paymentDetails.total})}),t.jsx(_t,{children:t.jsx(Le,{amount:ft(O.amount,O.currencyCode,O.currencySymbol),integerStyles:ge.h6Medium.cssObject,decimalStyles:ge.standardMedium.cssObject})})]})})]})})},zt=d.div``,Et=d.div`
   display: flex;
   width: 100%;
   box-sizing: border-box;
@@ -124,18 +124,18 @@ import{y as Be,e as K,O as q,T as Qe,a7 as ke,c8 as et,V as t,a_ as tt,A as it,a
   width: calc(100% - 176px);
   justify-content: flex-end;
   color: ${e=>e.theme.colors.primary};
-`,Ht=d.div`
+`,Ut=d.div`
   display: flex;
   flex-direction: column;
   width: 100%;
   height: 100%;
-`,Ut=d.div`
+`,Yt=d.div`
   display: flex;
   flex-grow: 1;
   flex-direction: column;
   margin-left: ${e=>re.reviewContainerMarginLeft.valuePx(e.windowSize)};
   margin-right: ${e=>re.reviewContainerMarginRight.valuePx(e.windowSize)};
-`,Yt=d.div`
+`,Ht=d.div`
   display: flex;
   flex-direction: column;
   background-color: ${e=>e.theme.colors.grey5};
@@ -157,7 +157,7 @@ import{y as Be,e as K,O as q,T as Qe,a7 as ke,c8 as et,V as t,a_ as tt,A as it,a
   display: flex;
   color: ${e=>e.theme.colors.primary};
   margin-right: ${n.sp1};
-`,Ve="expressPayPage",Gt=e=>`${e}_form`,N="recipientDetails",k="paymentDetails",le={buttonWidth:new g(160,140),largeButtonWidth:new g(166,166)},mi=({expressPayDetails:e,fileProps:i,analytics:x,accountId:u,onClickAddAccount:h,onSaveVendor:c,onVendorSelected:l,updateSelectedVendorForCreate:F,onBackClick:I,saveVendorDetailLocalData:f,saveExpressPayLocalData:j,resetVendorSaveStatus:o,onSchedulePayment:O,initializeVendorAddress:V,vendorSearchAutoCompleteData:r,vendorSearchAutoCompleteActions:w,onEditFileName:J,onDeleteFile:de,updateFilesEntity:se})=>{const{vendorViewDetails:_,expressPayLocalData:y,vendorTypeList:G,allPaymentMethods:H,paymentToOptions:A,withdrawFromList:a,internationalWireOnboardingStatus:m,deleteFileStatusById:$,updateFileStatusById:X,submitStatus:Q,receiptFile:ce,vendorSaveStatus:we}=e,[S,ee]=Y.useState(0),Ye=Be(),Z=K(),{common:ve,spendManagement:Je}=q.getLocalizedStrings(),pe=ve.footer,Se=ve.currency,me=Je.zeniAccounts.expressPay,{editVendorState:je,newVendorState:Ce}=_,R=y?.vendorId!=null?je?.vendorDetailLocalData:Ce?.vendorDetailLocalData,Ie=Object.assign({},je??Ce),Ge=R?.vendorName,$e=a.find(s=>s.id===u),te=Qe({mode:"onBlur",reValidateMode:"onChange",defaultValues:Re(G,a,A,$e,H,R,y,ce,r?.entityAutoCompleteView),values:Re(G,a,A,$e,H,R,y,ce,r?.entityAutoCompleteView)}),Pe=ke(Ie.saveStatus?.fetchState),Te=ke(Q);Y.useEffect(()=>{const s=te.watch((C,{name:b})=>{b!=null&&C!=null&&et(()=>Xe(b,C))});return()=>{s.unsubscribe()}}),Y.useEffect(()=>{Pe==="In-Progress"&&we==="Completed"&&(S===0?(ee(1),o?.(y?.vendorId)):S===1&&ee(2)),Te==="In-Progress"&&Q==="Completed"&&I(y?.vendorId)},[Pe,we,S,o,y?.vendorId,Te,Q,I]);const Xe=async(s,C)=>{if(s!=="recipientDetails.recipientEmail")if(s==="recipientDetails.recipient"){const b=C[N].recipient.selectedOption,L=r?.entityAutoCompleteView.vendor.find(D=>D.zeniId===b);Ze(C),V(),R?.vendorId!==b&&L!=null&&(l?.(b),he(C,!1,A,b))}else if(s.includes("recipient"))ue(C);else{const b=C[k].paymentMethod?.method,L=y?.paymentType?.method,D=b!=null&&L!=null&&(b.toLowerCase().includes("ach")&&L.toLowerCase().includes("wire")||b.toLowerCase().includes("wire")&&L.toLowerCase().includes("ach"));he(C,D,A,y?.vendorId)}},Ze=s=>{const C=s[N].recipient.selectedOption,b=r?.entityAutoCompleteView.vendor.find(L=>L.id===C)!=null;if(C!=null&&b===!0)return F?.(C),void he(s,!1,A,C);ue(s,!0)},ue=(s,C)=>{const b=R?.vendorId,L=function(D,ye,v,T){const M=D[N].recipient.defaultOptions.find(Ke=>Ke.value===D[N].recipient.selectedOption);return{vendorType:T===!0?void 0:D[N].recipientType.selectedOption,vendorId:ye,vendorName:M?.label??v?.vendorName,contacts:T===!0?[]:[{fullName:"",email:D[N].recipientEmail,phone:""}],bankAccountIds:T===!0?[]:v?.bankAccountIds??[],paymentInstrumentIds:T===!0?[]:v?.paymentInstrumentIds??[],vendorOwner:T===!0?void 0:v?.vendorOwner,isVendor1099:v?.isVendor1099,documentIds:v?.documentIds??[],fileIdsToBeDeleted:v?.fileIdsToBeDeleted??[],countryCode:T===!0?void 0:v?.countryCode,currencyCode:v?.currencyCode,currencySymbol:T===!0?void 0:v?.currencySymbol,deleteFileStatusById:v?.deleteFileStatusById??{},updateFileStatusById:v?.updateFileStatusById??{},recommendedCategory:v?.recommendedCategory,recommendedClass:v?.recommendedClass,isCategoryUpdateSelected:v?.isCategoryUpdateSelected??!1,isClassUpdateSelected:v?.isClassUpdateSelected??!1,isCategoryRecommendationPrefilled:v?.isCategoryRecommendationPrefilled??!0,isClassRecommendationPrefilled:v?.isClassRecommendationPrefilled??!0}}(s,r?.entityAutoCompleteView.vendor.find(D=>D.zeniId===b)!=null?b:void 0,R,C);f?.(L,b)},he=(s,C,b,L)=>{const D=(()=>{let T=[];return T=s[k].paymentMethod?.method.includes("wire")===!0?b.filter(M=>!!M.bankRoutingNumberWireTransfer).map(M=>M.id):b.filter(M=>!!M.bankRoutingNumberAch).map(M=>M.id),T})(),ye=b.find(T=>T.id===s[k]?.paymentTo?.selectedOption),v={vendorId:L,amount:{amount:s[k].amount,currencyCode:Se.currencyCode,currencySymbol:Se.currencySymbol},paymentDate:s[k].paymentDate?_e(s[k].paymentDate.toString()):oe(),paymentType:s[k]?.paymentMethod!=null?s[k]?.paymentMethod:void 0,paymentToAccountId:C?D[0]:ye?.id,withdrawFrom:a.find(T=>T.id===s[k]?.withdrawFrom?.selectedOption),receiptFileId:s[k].receipt?.fileId};j?.(v)},Fe=te.handleSubmit(()=>{if(S===0||S===1){x.trackExpressPayNextClick(S===0?"Recipient Details":"Payment Details");const s=te.getValues();ue(s),c(y?.vendorId)}else x.trackExpressPayScheduleClick(),O()}),De={withdrawFrom:y?.withdrawFrom,paymentTo:y?.paymentToAccountId!=null?A.find(s=>s.id===y?.paymentToAccountId):void 0,paymentDate:y?.paymentDate,paymentType:y?.paymentType??H?.[0],recipientAmount:y?.amount?.amount};return t.jsxs(t.Fragment,{children:[t.jsx(tt,{title:me.pageTitle,onBackClick:()=>{S===0?I(y?.vendorId):ee(S===1?0:1)},backgroundColor:Ye.colors.grey4,hideSearchBtn:!0,source:"ExpressPayPage"}),t.jsxs(Xt,{windowSize:Z,children:[t.jsx(St,{pageIndex:S}),t.jsx(it,{...te,children:t.jsx("form",{id:Ve,onSubmit:Fe,children:S===0?t.jsx(Lt,{sectionId:N,vendorTypeList:G,formLocalData:R,vendorSearchAutoCompleteData:r,vendorSearchAutoCompleteActions:w}):S===1?t.jsx(Ft,{sectionId:k,paymentDetails:De,paymentToOptions:A,allPaymentMethods:H,withdrawFromList:a,internationalVerificationStatus:m,fileProps:{...i,onEditFileName:J,onDeleteFile:de,updateFilesEntity:se},deleteFileStatusById:$,updateFileStatusById:X,receiptFile:ce,onClickAddAccount:()=>{const s=De?.paymentType;s!=null&&h(s)}}):S===2?t.jsx(Bt,{reviewDetails:y,paymentToOptions:A,vendorName:Ge}):null})})]}),t.jsx(nt,{formId:Gt(Ve),style:{width:"100%"},primaryBtn:{label:S===2?oe().isSame(y?.paymentDate,"date")?me.sendMoney:me.schedulePayment:pe.next,isLoading:S===0||S===1?Ie.saveStatus?.fetchState==="In-Progress":Q==="In-Progress",style:{width:S===2?le.largeButtonWidth.value(Z):le.buttonWidth.value(Z),whiteSpace:"nowrap"},isDisabled:!1,onClick:()=>{Fe()}},cancelBtn:{label:S===2?pe.edit:pe.cancel,style:{width:S===2?le.largeButtonWidth.value(Z):le.buttonWidth.value(Z),whiteSpace:"nowrap"},shouldResetOnCancel:!1,onClick:()=>{S===2?ee(1):I(y?.vendorId)}}})]})},Re=(e,i,x,u,h,c,l,F,I)=>{const f=(()=>{let j=[];return j=l?.paymentType?.method.includes("wire")===!0?x.filter(o=>!!o.bankRoutingNumberWireTransfer).map(o=>o.id):x.filter(o=>!!o.bankRoutingNumberAch).map(o=>o.id),j})();return{[N]:{recipient:{defaultOptions:Ue(c?.vendorId,c?.vendorName,I),selectedOption:c?.vendorId??c?.vendorName??""},recipientEmail:c?.contacts?.[0]?.email??"",recipientName:c?.vendorName??"",recipientType:{allOptions:e.map(j=>j.code),selectedOption:c?.vendorType}},[k]:{paymentMethod:l?.paymentType??h?.[0],withdrawFrom:{selectedOption:l?.withdrawFrom?.id??u?.id??i[0]?.id,allOptions:i.map(j=>({label:j.label,value:j.id}))},amount:l?.amount.amount??0,paymentDate:l?.paymentDate?.toDate()??He(oe().toDate(),[0,6],0),paymentTo:{allOptions:l?.paymentType!=null?f:[],selectedOption:l?.paymentToAccountId??f[0]},receipt:F}}},Xt=d.div`
+`,Ve="expressPayPage",Zt=e=>`${e}_form`,N="recipientDetails",k="paymentDetails",le={buttonWidth:new g(160,140),largeButtonWidth:new g(166,166)},mi=({expressPayDetails:e,fileProps:i,analytics:x,accountId:u,onClickAddAccount:h,onSaveVendor:c,onVendorSelected:l,updateSelectedVendorForCreate:F,onBackClick:$,saveVendorDetailLocalData:f,saveExpressPayLocalData:j,resetVendorSaveStatus:o,onSchedulePayment:O,initializeVendorAddress:V,vendorSearchAutoCompleteData:r,vendorSearchAutoCompleteActions:w,onEditFileName:J,onDeleteFile:de,updateFilesEntity:se})=>{const{vendorViewDetails:_,expressPayLocalData:y,vendorTypeList:Z,allPaymentMethods:U,paymentToOptions:A,withdrawFromList:a,internationalWireOnboardingStatus:m,deleteFileStatusById:I,updateFileStatusById:G,submitStatus:Q,receiptFile:ce,vendorSaveStatus:we}=e,[S,ee]=H.useState(0),He=Be(),X=K(),{common:ve,spendManagement:Je}=q.getLocalizedStrings(),pe=ve.footer,Se=ve.currency,me=Je.zeniAccounts.expressPay,{editVendorState:je,newVendorState:Ce}=_,R=y?.vendorId!=null?je?.vendorDetailLocalData:Ce?.vendorDetailLocalData,$e=Object.assign({},je??Ce),Ze=R?.vendorName,Ie=a.find(s=>s.id===u),te=Qe({mode:"onBlur",reValidateMode:"onChange",defaultValues:Re(Z,a,A,Ie,U,R,y,ce,r?.entityAutoCompleteView),values:Re(Z,a,A,Ie,U,R,y,ce,r?.entityAutoCompleteView)}),Pe=ke($e.saveStatus?.fetchState),Te=ke(Q);H.useEffect(()=>{const s=te.watch((C,{name:b})=>{b!=null&&C!=null&&et(()=>Ge(b,C))});return()=>{s.unsubscribe()}}),H.useEffect(()=>{Pe==="In-Progress"&&we==="Completed"&&(S===0?(ee(1),o?.(y?.vendorId)):S===1&&ee(2)),Te==="In-Progress"&&Q==="Completed"&&$(y?.vendorId)},[Pe,we,S,o,y?.vendorId,Te,Q,$]);const Ge=async(s,C)=>{if(s!=="recipientDetails.recipientEmail")if(s==="recipientDetails.recipient"){const b=C[N].recipient.selectedOption,L=r?.entityAutoCompleteView.vendor.find(D=>D.zeniId===b);Xe(C),V(),R?.vendorId!==b&&L!=null&&(l?.(b),he(C,!1,A,b))}else if(s.includes("recipient"))ue(C);else{const b=C[k].paymentMethod?.method,L=y?.paymentType?.method,D=b!=null&&L!=null&&(b.toLowerCase().includes("ach")&&L.toLowerCase().includes("wire")||b.toLowerCase().includes("wire")&&L.toLowerCase().includes("ach"));he(C,D,A,y?.vendorId)}},Xe=s=>{const C=s[N].recipient.selectedOption,b=r?.entityAutoCompleteView.vendor.find(L=>L.id===C)!=null;if(C!=null&&b===!0)return F?.(C),void he(s,!1,A,C);ue(s,!0)},ue=(s,C)=>{const b=R?.vendorId,L=function(D,ye,v,T){const M=D[N].recipient.defaultOptions.find(Ke=>Ke.value===D[N].recipient.selectedOption);return{vendorType:T===!0?void 0:D[N].recipientType.selectedOption,vendorId:ye,vendorName:M?.label??v?.vendorName,contacts:T===!0?[]:[{fullName:"",email:D[N].recipientEmail,phone:""}],bankAccountIds:T===!0?[]:v?.bankAccountIds??[],paymentInstrumentIds:T===!0?[]:v?.paymentInstrumentIds??[],vendorOwner:T===!0?void 0:v?.vendorOwner,isVendor1099:v?.isVendor1099,documentIds:v?.documentIds??[],fileIdsToBeDeleted:v?.fileIdsToBeDeleted??[],countryCode:T===!0?void 0:v?.countryCode,currencyCode:v?.currencyCode,currencySymbol:T===!0?void 0:v?.currencySymbol,deleteFileStatusById:v?.deleteFileStatusById??{},updateFileStatusById:v?.updateFileStatusById??{},recommendedCategory:v?.recommendedCategory,recommendedClass:v?.recommendedClass,isCategoryUpdateSelected:v?.isCategoryUpdateSelected??!1,isClassUpdateSelected:v?.isClassUpdateSelected??!1,isCategoryRecommendationPrefilled:v?.isCategoryRecommendationPrefilled??!0,isClassRecommendationPrefilled:v?.isClassRecommendationPrefilled??!0}}(s,r?.entityAutoCompleteView.vendor.find(D=>D.zeniId===b)!=null?b:void 0,R,C);f?.(L,b)},he=(s,C,b,L)=>{const D=(()=>{let T=[];return T=s[k].paymentMethod?.method.includes("wire")===!0?b.filter(M=>!!M.bankRoutingNumberWireTransfer).map(M=>M.id):b.filter(M=>!!M.bankRoutingNumberAch).map(M=>M.id),T})(),ye=b.find(T=>T.id===s[k]?.paymentTo?.selectedOption),v={vendorId:L,amount:{amount:s[k].amount,currencyCode:Se.currencyCode,currencySymbol:Se.currencySymbol},paymentDate:s[k].paymentDate?_e(s[k].paymentDate.toString()):oe(),paymentType:s[k]?.paymentMethod!=null?s[k]?.paymentMethod:void 0,paymentToAccountId:C?D[0]:ye?.id,withdrawFrom:a.find(T=>T.id===s[k]?.withdrawFrom?.selectedOption),receiptFileId:s[k].receipt?.fileId};j?.(v)},Fe=te.handleSubmit(()=>{if(S===0||S===1){x.trackExpressPayNextClick(S===0?"Recipient Details":"Payment Details");const s=te.getValues();ue(s),c(y?.vendorId)}else x.trackExpressPayScheduleClick(),O()}),De={withdrawFrom:y?.withdrawFrom,paymentTo:y?.paymentToAccountId!=null?A.find(s=>s.id===y?.paymentToAccountId):void 0,paymentDate:y?.paymentDate,paymentType:y?.paymentType??U?.[0],recipientAmount:y?.amount?.amount};return t.jsxs(t.Fragment,{children:[t.jsx(tt,{title:me.pageTitle,onBackClick:()=>{S===0?$(y?.vendorId):ee(S===1?0:1)},backgroundColor:He.colors.grey4,hideSearchBtn:!0,source:"ExpressPayPage"}),t.jsxs(Gt,{windowSize:X,children:[t.jsx(St,{pageIndex:S}),t.jsx(it,{...te,children:t.jsx("form",{id:Ve,onSubmit:Fe,children:S===0?t.jsx(Lt,{sectionId:N,vendorTypeList:Z,formLocalData:R,vendorSearchAutoCompleteData:r,vendorSearchAutoCompleteActions:w}):S===1?t.jsx(Ft,{sectionId:k,paymentDetails:De,paymentToOptions:A,allPaymentMethods:U,withdrawFromList:a,internationalVerificationStatus:m,fileProps:{...i,onEditFileName:J,onDeleteFile:de,updateFilesEntity:se},deleteFileStatusById:I,updateFileStatusById:G,receiptFile:ce,onClickAddAccount:()=>{const s=De?.paymentType;s!=null&&h(s)}}):S===2?t.jsx(Bt,{reviewDetails:y,paymentToOptions:A,vendorName:Ze}):null})})]}),t.jsx(nt,{formId:Zt(Ve),style:{width:"100%"},primaryBtn:{label:S===2?oe().isSame(y?.paymentDate,"date")?me.sendMoney:me.schedulePayment:pe.next,isLoading:S===0||S===1?$e.saveStatus?.fetchState==="In-Progress":Q==="In-Progress",style:{width:S===2?le.largeButtonWidth.value(X):le.buttonWidth.value(X),whiteSpace:"nowrap"},isDisabled:!1,onClick:()=>{Fe()}},cancelBtn:{label:S===2?pe.edit:pe.cancel,style:{width:S===2?le.largeButtonWidth.value(X):le.buttonWidth.value(X),whiteSpace:"nowrap"},shouldResetOnCancel:!1,onClick:()=>{S===2?ee(1):$(y?.vendorId)}}})]})},Re=(e,i,x,u,h,c,l,F,$)=>{const f=(()=>{let j=[];return j=l?.paymentType?.method.includes("wire")===!0?x.filter(o=>!!o.bankRoutingNumberWireTransfer).map(o=>o.id):x.filter(o=>!!o.bankRoutingNumberAch).map(o=>o.id),j})();return{[N]:{recipient:{defaultOptions:Ye(c?.vendorId,c?.vendorName,$),selectedOption:c?.vendorId??c?.vendorName??""},recipientEmail:c?.contacts?.[0]?.email??"",recipientName:c?.vendorName??"",recipientType:{allOptions:e.map(j=>j.code),selectedOption:c?.vendorType}},[k]:{paymentMethod:l?.paymentType??h?.[0],withdrawFrom:{selectedOption:l?.withdrawFrom?.id??u?.id??i[0]?.id,allOptions:i.map(j=>({label:j.label,value:j.id}))},amount:l?.amount.amount??0,paymentDate:l?.paymentDate?.toDate()??Ue(oe().toDate(),[0,6],0),paymentTo:{allOptions:l?.paymentType!=null?f:[],selectedOption:l?.paymentToAccountId??f[0]},receipt:F}}},Gt=d.div`
   display: flex;
   flex-wrap: wrap;
   height: 100%;
@@ -165,4 +165,4 @@ import{y as Be,e as K,O as q,T as Qe,a7 as ke,c8 as et,V as t,a_ as tt,A as it,a
   align-items: center;
   background-color: ${e=>e.theme.colors.grey4};
   margin-top: ${e=>e.windowSize==="small"?n.sp3:0};
-`;export{mi as default,Gt as formUniqueName};
+`;export{mi as default,Zt as formUniqueName};

package/dist/assets/{FeaturePreviewPage-SYJm-3aR-CAe_AvQ_.js → FeaturePreviewPage-BHjUZ7s6-DFBfCFGy.js}

@@ -1,4 +1,4 @@
-import{y as _,e as w,O as y,ad as n,f as r,V as i,bR as v,x as p,bS as k,bT as x,m as g}from"./index-Djco7rZW.js";import{n as d}from"./mui-Xyv5fYYp.js";import"./sentry-CEBEW6Zv.js";import"./pdf-BCMUg4JF.js";import"./zeni-epic-state-Ddwqsd5-.js";import"./core-Cd4LmmhG.js";import"./lottie-D3b06MuY.js";import"./liveblocks-IsOzz8u-.js";import"./recharts-CwRU7bDL.js";import"./dnd-CAuW2Onh.js";import"./analytics-CxExYOQN.js";import"./plaid-C49TlIE8.js";import"./utils-PmQt3_O8.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},s=new e.Error().stack;s&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[s]="7b12be6d-1e4f-4ccf-9559-99f749338c7a",e._sentryDebugIdIdentifier="sentry-dbid-7b12be6d-1e4f-4ccf-9559-99f749338c7a")}catch{}})();const t={popupWidth:new p(200,468,468,468),buttonWidth:new p(140,160,160,160),popupContainerLeft:new p(g[0],g[0],255),popupContainerWidth:new p(100,100,85)},z=d.div`
+import{y as _,J as w,O as y,ad as n,e as r,V as i,bK as v,b as p,bL as k,bM as z,u as g}from"./index-T6cemxxv.js";import{n as d}from"./mui-GaW5Gk_e.js";import"./sentry-BoIfGJBF.js";import"./pdf-DWoGjGSw.js";import"./zeni-epic-state-BtVcBgvu.js";import"./core-BSWMBnrJ.js";import"./lottie-DOxhyevU.js";import"./liveblocks--WiFaeN0.js";import"./recharts-BQ8VH5gX.js";import"./dnd-DJrh3JTW.js";import"./analytics-BZz0SPy3.js";import"./plaid-CNcdZ4gc.js";import"./utils-BGRwbgi2.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},a=new e.Error().stack;a&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[a]="27b94667-a07e-4508-81e0-afcd1d91e908",e._sentryDebugIdIdentifier="sentry-dbid-27b94667-a07e-4508-81e0-afcd1d91e908")}catch{}})();const t={popupWidth:new p(200,468,468,468),buttonWidth:new p(140,160,160,160),popupContainerLeft:new p(g[0],g[0],255),popupContainerWidth:new p(100,100,85)},x=d.div`
   display: flex;
   flex: 1 1 auto;
   min-height: 100%;
@@ -8,4 +8,4 @@ import{y as _,e as w,O as y,ad as n,f as r,V as i,bR as v,x as p,bS as k,bT as x
 `,C=d.img`
   width: 100%;
   height: 100%;
-`,W={mobile:{home:"https://storage.googleapis.com/zeni-apis.appspot.com/images/dashboard-view-mobile",reports:"https://storage.googleapis.com/zeni-apis.appspot.com/images/reports-view-mobile",forecast:"https://storage.googleapis.com/zeni-apis.appspot.com/images/forecast-view-mobile",bills:"https://storage.googleapis.com/zeni-apis.appspot.com/images/bills-view-mobile",reimbursements:"https://storage.googleapis.com/zeni-apis.appspot.com/images/reimbursement-view-mobile",vendors:"https://storage.googleapis.com/zeni-apis.appspot.com/images/vendors-view-mobile",users_and_roles:"",rewards:"",cards:"",checking:"https://storage.googleapis.com/zeni-apis.appspot.com/images/accounts-view-mobile",treasury:"",accounting:"",approval_rules:"",bank_connections:"",business_verification:"",company_settings:"",company_details:"",integrations:"",my_profile:"",my_bank_connections:"",notifications:"",billing:"",performance:"",ai_cfo:"",command_center:"",task_checklist:"",transaction_categorization:"",je_schedules:"",missing_receipts:"",flux_analysis:"",reconciliation:""},normal:{home:"https://storage.googleapis.com/zeni-apis.appspot.com/images/dashboard-view-normal",reports:"https://storage.googleapis.com/zeni-apis.appspot.com/images/reports-view-normal",forecast:"https://storage.googleapis.com/zeni-apis.appspot.com/images/forecast-view-normal",bills:"https://storage.googleapis.com/zeni-apis.appspot.com/images/bills-view-normal",reimbursements:"https://storage.googleapis.com/zeni-apis.appspot.com/images/reimbursement-view-normal",vendors:"https://storage.googleapis.com/zeni-apis.appspot.com/images/vendors-view-normal",users_and_roles:"",rewards:"",cards:"",checking:"https://storage.googleapis.com/zeni-apis.appspot.com/images/accounts-view-normal",treasury:"",accounting:"",approval_rules:"",bank_connections:"",business_verification:"",company_settings:"",company_details:"",integrations:"",my_profile:"",my_bank_connections:"",notifications:"",billing:"",performance:"",ai_cfo:"",command_center:"",task_checklist:"",transaction_categorization:"",je_schedules:"",missing_receipts:"",flux_analysis:"",reconciliation:""}};function R({menuItem:e,onDemoClick:s,onGoBack:m}){const a=_(),o=w(),u=`${W[o==="small"?"mobile":"normal"][e]}-${a.mode}.png`,{featurePreview:c}=y.getLocalizedStrings(),l=c.popups[e],b=a.mode==="light"?new n(r.backgroundGradient1Light):new n(r.backgroundGradient1Dark),h=a.mode==="light"?new n(r.backgroundGradient2Light):new n(r.backgroundGradient2Dark),f={onOkClick:()=>{s()},onCancelClick:()=>{m()}};return i.jsxs(z,{children:[i.jsx(C,{src:u,alt:"feature-preview",loading:"lazy"}),i.jsx(v,{titleComponent:i.jsx(x,{children:l.title}),descriptionComponent:i.jsx(k,{children:l.text}),primaryButtonText:c.scheduleDemo,secondaryButtonText:c.goBack,action:f,primaryButtonWidth:t.buttonWidth.value(o),secondaryButtonWidth:t.buttonWidth.value(o),style:{background:`radial-gradient(50% 50% at 50% 50%, ${b} 0%, ${h} 100%)`,backdropFilter:"blur(2px)",width:t.popupContainerWidth.valuePercentage(o),left:t.popupContainerLeft.value(o)},containerStyle:{border:`1px solid ${a.colors.grey1}`,minWidth:t.popupWidth.valuePx(o)}})]})}export{R as default};
+`,W={mobile:{home:"https://storage.googleapis.com/zeni-apis.appspot.com/images/dashboard-view-mobile",reports:"https://storage.googleapis.com/zeni-apis.appspot.com/images/reports-view-mobile",forecast:"https://storage.googleapis.com/zeni-apis.appspot.com/images/forecast-view-mobile",bills:"https://storage.googleapis.com/zeni-apis.appspot.com/images/bills-view-mobile",reimbursements:"https://storage.googleapis.com/zeni-apis.appspot.com/images/reimbursement-view-mobile",vendors:"https://storage.googleapis.com/zeni-apis.appspot.com/images/vendors-view-mobile",users_and_roles:"",rewards:"",cards:"",checking:"https://storage.googleapis.com/zeni-apis.appspot.com/images/accounts-view-mobile",treasury:"",accounting:"",approval_rules:"",bank_connections:"",business_verification:"",company_settings:"",company_details:"",integrations:"",my_profile:"",my_bank_connections:"",notifications:"",billing:"",performance:"",ai_cfo:"",command_center:"",task_checklist:"",transaction_categorization:"",je_schedules:"",missing_receipts:"",flux_analysis:"",reconciliation:""},normal:{home:"https://storage.googleapis.com/zeni-apis.appspot.com/images/dashboard-view-normal",reports:"https://storage.googleapis.com/zeni-apis.appspot.com/images/reports-view-normal",forecast:"https://storage.googleapis.com/zeni-apis.appspot.com/images/forecast-view-normal",bills:"https://storage.googleapis.com/zeni-apis.appspot.com/images/bills-view-normal",reimbursements:"https://storage.googleapis.com/zeni-apis.appspot.com/images/reimbursement-view-normal",vendors:"https://storage.googleapis.com/zeni-apis.appspot.com/images/vendors-view-normal",users_and_roles:"",rewards:"",cards:"",checking:"https://storage.googleapis.com/zeni-apis.appspot.com/images/accounts-view-normal",treasury:"",accounting:"",approval_rules:"",bank_connections:"",business_verification:"",company_settings:"",company_details:"",integrations:"",my_profile:"",my_bank_connections:"",notifications:"",billing:"",performance:"",ai_cfo:"",command_center:"",task_checklist:"",transaction_categorization:"",je_schedules:"",missing_receipts:"",flux_analysis:"",reconciliation:""}};function J({menuItem:e,onDemoClick:a,onGoBack:m}){const s=_(),o=w(),u=`${W[o==="small"?"mobile":"normal"][e]}-${s.mode}.png`,{featurePreview:c}=y.getLocalizedStrings(),l=c.popups[e],b=s.mode==="light"?new n(r.backgroundGradient1Light):new n(r.backgroundGradient1Dark),h=s.mode==="light"?new n(r.backgroundGradient2Light):new n(r.backgroundGradient2Dark),f={onOkClick:()=>{a()},onCancelClick:()=>{m()}};return i.jsxs(x,{children:[i.jsx(C,{src:u,alt:"feature-preview",loading:"lazy"}),i.jsx(v,{titleComponent:i.jsx(z,{children:l.title}),descriptionComponent:i.jsx(k,{children:l.text}),primaryButtonText:c.scheduleDemo,secondaryButtonText:c.goBack,action:f,primaryButtonWidth:t.buttonWidth.value(o),secondaryButtonWidth:t.buttonWidth.value(o),style:{background:`radial-gradient(50% 50% at 50% 50%, ${b} 0%, ${h} 100%)`,backdropFilter:"blur(2px)",width:t.popupContainerWidth.valuePercentage(o),left:t.popupContainerLeft.value(o)},containerStyle:{border:`1px solid ${s.colors.grey1}`,minWidth:t.popupWidth.valuePx(o)}})]})}export{J as default};

package/dist/assets/FeaturePreviewScreen-7DbZ3Lx9.js

@@ -0,0 +1 @@
+import{j as s}from"./pdf-DWoGjGSw.js";import{a as r}from"./sentry-BoIfGJBF.js";import{jU as c,jV as f,jW as l,jy as m}from"./index-T6cemxxv.js";import"./mui-GaW5Gk_e.js";import p from"./NotFoundScreen-LuCzwVbP.js";import{j as u,h as b}from"./core-BSWMBnrJ.js";(function(){try{var a=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},e=new a.Error().stack;e&&(a._sentryDebugIds=a._sentryDebugIds||{},a._sentryDebugIds[e]="0e5e80fa-a0db-4cf8-96a7-127a1c4a96d6",a._sentryDebugIdIdentifier="sentry-dbid-0e5e80fa-a0db-4cf8-96a7-127a1c4a96d6")}catch{}})();const D=()=>{const a=u(),e=b(),t=r.useCallback(()=>{window.open("https://www.zeni.ai/demo/request","_blank")},[]),d=r.useCallback(()=>{(()=>{const n=m(e.state?.pathnameStackToGoBack),i=n.poppedPathname??k();a(i,{state:{pathnameStackToGoBack:n.newStack}})})()},[]),o=c(e.pathname);return o!=null?s.jsx(f,{menuItem:l(o),onDemoClick:t,onGoBack:d}):s.jsx(p,{})},k=(a=2)=>{let e="../";for(let t=0;t<a;t++)e=`${e}../`;return e};export{D as F};

package/dist/assets/{FollowStepsSection-BxESVqJD-CPOfOs-2.js → FollowStepsSection-0eFMS0c5-CUs8ilzU.js}

@@ -1,4 +1,4 @@
-import{e as M,V as l,O as K,cc as B,dX as q,y as Q,c6 as Z,x as I,fH as W,o,b as F,dP as de,S as Y,fz as ne,fA as ce,a as pe,f as u,m,g0 as ue,cp as he,e4 as fe,k as xe,b3 as ye,w as _,cM as ve,b4 as ge,b2 as we}from"./index-Djco7rZW.js";import{n as d}from"./mui-Xyv5fYYp.js";import{a as R}from"./sentry-CEBEW6Zv.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},s=new e.Error().stack;s&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[s]="ec97c322-dba8-455a-8d53-51abe09e6d9d",e._sentryDebugIdIdentifier="sentry-dbid-ec97c322-dba8-455a-8d53-51abe09e6d9d")}catch{}})();const $={width:new I(343,580,726),height:new I(m[6],m[6]),controlHeight:new I(m[6],m[6]),paddingLeftRight:new I(m[3],m[4]),paddingTop:new I(m[3],m[3]),paddingBottom:new I(m[3],m[2]),labelMarginRight:new I(m[3],m[4])};function $e({isDisabled:e,label:s,firstText:i,secondText:p,style:k,isFieldError:j}){const f=M(),{formState:{errors:O}}=B(),x=q(O,i.name),w=q(O,p.name),t=Q();return l.jsxs(ke,{size:f,style:k,isDisabled:e!=null,isErrorFirstText:x,isErrorSecondText:w,"data-testid":F("labeled-multi-text-field",i.name),children:[l.jsx(Z,{isDisabled:e,label:s.label,style:{marginRight:$.labelMarginRight.value(f),width:s.width??"auto",color:t.colors.champion}}),l.jsxs(je,{labelWidth:s.width,children:[l.jsxs(ie,{className:"firstField",isDisabled:i.isDisabled,children:[l.jsx(W,{type:i.type,name:i.name,placeholder:i.placeholder,prefix:"$",allowNegative:!1,isNumericString:!1,inputMode:"numeric",returnValueType:"floatValue",registerOptions:i.options,decimalScale:0,allowLeadingZeros:!1,thousandSeparator:!0,thousandsGroupStyle:"thousand",isDisabled:i.isDisabled?"disabled":void 0,style:{display:"flex",flexGrow:1,width:"-webkit-fill-available",height:$.controlHeight.value(f),cursor:"inherit",backgroundColor:t.colors.grey3,borderRadius:o.sp1,color:t.colors.primary},hoverBgColor:t.colors.background,bgColor:t.colors.background,disabledColor:t.colors.background,isFieldError:j,defaultValue:i.defaultValue}),i.additionalInfoLabel&&i.isDisabled||x&&i.additionalErrorLabel?l.jsx(te,{isError:x,children:x?i.additionalErrorLabel:i.additionalInfoLabel}):null]}),p.hideField?null:l.jsxs(l.Fragment,{children:[l.jsxs(Oe,{children:[l.jsx(oe,{}),l.jsx(Le,{}),l.jsx(oe,{})]}),l.jsxs(ie,{className:"secondField",isDisabled:p.isDisabled,children:[l.jsx(W,{type:p.type,name:p.name,placeholder:p.placeholder,prefix:"$",allowNegative:!1,isNumericString:!1,inputMode:"numeric",returnValueType:"floatValue",registerOptions:p.options,decimalScale:0,allowLeadingZeros:!1,thousandSeparator:!0,thousandsGroupStyle:"thousand",isDisabled:p.isDisabled?"disabled":void 0,style:{display:"flex",flexGrow:1,width:"-webkit-fill-available",height:$.controlHeight.value(f),cursor:"inherit",backgroundColor:t.colors.grey3,borderRadius:o.sp1,color:t.colors.primary},hoverBgColor:t.colors.background,bgColor:t.colors.background,disabledColor:t.colors.background,isFieldError:j,defaultValue:i.defaultValue}),l.jsx(te,{isError:w,children:p.additionalInfoLabel})]})]})]})]})}const ke=d.div`
+import{J as B,V as l,O as K,c3 as M,dL as H,y as X,bZ as Z,b as I,fx as W,o,a6 as F,dD as de,Q as Y,fp as ne,fq as ce,i as pe,e as u,u as m,fV as ue,cg as he,dU as fe,m as xe,b3 as ye,j as _,cD as ve,b4 as ge,b2 as we}from"./index-T6cemxxv.js";import{n as d}from"./mui-GaW5Gk_e.js";import{a as R}from"./sentry-BoIfGJBF.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},s=new e.Error().stack;s&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[s]="0c7ae3b8-20e4-4e53-8200-98d7b8954882",e._sentryDebugIdIdentifier="sentry-dbid-0c7ae3b8-20e4-4e53-8200-98d7b8954882")}catch{}})();const $={width:new I(343,580,726),height:new I(m[6],m[6]),controlHeight:new I(m[6],m[6]),paddingLeftRight:new I(m[3],m[4]),paddingTop:new I(m[3],m[3]),paddingBottom:new I(m[3],m[2]),labelMarginRight:new I(m[3],m[4])};function $e({isDisabled:e,label:s,firstText:i,secondText:p,style:k,isFieldError:j}){const f=B(),{formState:{errors:O}}=M(),x=H(O,i.name),w=H(O,p.name),t=X();return l.jsxs(ke,{size:f,style:k,isDisabled:e!=null,isErrorFirstText:x,isErrorSecondText:w,"data-testid":F("labeled-multi-text-field",i.name),children:[l.jsx(Z,{isDisabled:e,label:s.label,style:{marginRight:$.labelMarginRight.value(f),width:s.width??"auto",color:t.colors.champion}}),l.jsxs(je,{labelWidth:s.width,children:[l.jsxs(ie,{className:"firstField",isDisabled:i.isDisabled,children:[l.jsx(W,{type:i.type,name:i.name,placeholder:i.placeholder,prefix:"$",allowNegative:!1,isNumericString:!1,inputMode:"numeric",returnValueType:"floatValue",registerOptions:i.options,decimalScale:0,allowLeadingZeros:!1,thousandSeparator:!0,thousandsGroupStyle:"thousand",isDisabled:i.isDisabled?"disabled":void 0,style:{display:"flex",flexGrow:1,width:"-webkit-fill-available",height:$.controlHeight.value(f),cursor:"inherit",backgroundColor:t.colors.grey3,borderRadius:o.sp1,color:t.colors.primary},hoverBgColor:t.colors.background,bgColor:t.colors.background,disabledColor:t.colors.background,isFieldError:j,defaultValue:i.defaultValue}),i.additionalInfoLabel&&i.isDisabled||x&&i.additionalErrorLabel?l.jsx(te,{isError:x,children:x?i.additionalErrorLabel:i.additionalInfoLabel}):null]}),p.hideField?null:l.jsxs(l.Fragment,{children:[l.jsxs(Oe,{children:[l.jsx(oe,{}),l.jsx(Le,{}),l.jsx(oe,{})]}),l.jsxs(ie,{className:"secondField",isDisabled:p.isDisabled,children:[l.jsx(W,{type:p.type,name:p.name,placeholder:p.placeholder,prefix:"$",allowNegative:!1,isNumericString:!1,inputMode:"numeric",returnValueType:"floatValue",registerOptions:p.options,decimalScale:0,allowLeadingZeros:!1,thousandSeparator:!0,thousandsGroupStyle:"thousand",isDisabled:p.isDisabled?"disabled":void 0,style:{display:"flex",flexGrow:1,width:"-webkit-fill-available",height:$.controlHeight.value(f),cursor:"inherit",backgroundColor:t.colors.grey3,borderRadius:o.sp1,color:t.colors.primary},hoverBgColor:t.colors.background,bgColor:t.colors.background,disabledColor:t.colors.background,isFieldError:j,defaultValue:i.defaultValue}),l.jsx(te,{isError:w,children:p.additionalInfoLabel})]})]})]})]})}const ke=d.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -95,7 +95,7 @@ import{e as M,V as l,O as K,cc as B,dX as q,y as Q,c6 as Z,x as I,fH as W,o,b as
   color: ${e=>e.isError?u.important:e.theme.colors.hero};
   white-space: pre-line;
   margin-top: ${o.sp1};
-`;function Ie({isDisabled:e,label:s,firstText:i,secondText:p,style:k,isFieldError:j}){const f=M(),{formState:{errors:O}}=B(),x=q(O,i.name),w=q(O,p.name),t=Q();return l.jsxs(Te,{size:f,style:k,isDisabled:e!=null,isErrorFirstText:x,isErrorSecondText:w,children:[l.jsx(Z,{isDisabled:e,label:s.label,style:{marginRight:$.labelMarginRight.value(f),width:s.width??"auto",color:t.colors.champion}}),l.jsxs(Se,{labelWidth:s.width,children:[p.hideField?null:l.jsxs(Ue,{children:[l.jsx(re,{}),l.jsx(Ee,{isAdditionalLabel:(!!i.additionalInfoLabel&&i.isDisabled)===!0}),l.jsx(re,{})]}),l.jsxs(De,{children:[l.jsxs(se,{className:"firstField",isDisabled:i.isDisabled,children:[l.jsx(W,{type:i.type,name:i.name,placeholder:i.placeholder,prefix:"$",allowNegative:!1,isNumericString:!1,inputMode:"numeric",returnValueType:"floatValue",registerOptions:i.options,decimalScale:0,allowLeadingZeros:!1,thousandSeparator:!0,thousandsGroupStyle:"thousand",isDisabled:i.isDisabled?"disabled":void 0,style:{display:"flex",flexGrow:1,width:"-webkit-fill-available",height:$.controlHeight.value(f),cursor:"inherit",backgroundColor:t.colors.grey3,borderRadius:o.sp1,color:t.colors.primary},hoverBgColor:t.colors.background,bgColor:t.colors.background,disabledColor:t.colors.background,isFieldError:j,defaultValue:i.defaultValue}),i.additionalInfoLabel&&i.isDisabled||x&&i.additionalErrorLabel?l.jsx(ae,{isError:x,children:x?i.additionalErrorLabel:i.additionalInfoLabel}):null]}),p.hideField?null:l.jsxs(se,{className:"secondField",isDisabled:p.isDisabled,children:[l.jsx(W,{type:p.type,name:p.name,placeholder:p.placeholder,prefix:"$",allowNegative:!1,isNumericString:!1,inputMode:"numeric",returnValueType:"floatValue",registerOptions:p.options,decimalScale:0,allowLeadingZeros:!1,thousandSeparator:!0,thousandsGroupStyle:"thousand",isDisabled:p.isDisabled?"disabled":void 0,style:{display:"flex",flexGrow:1,width:"-webkit-fill-available",height:$.controlHeight.value(f),cursor:"inherit",backgroundColor:t.colors.grey3,borderRadius:o.sp1,color:t.colors.primary},hoverBgColor:t.colors.background,bgColor:t.colors.background,disabledColor:t.colors.background,isFieldError:j,defaultValue:i.defaultValue}),l.jsx(ae,{isError:w,children:p.additionalInfoLabel})]})]})]})]})}const Te=d.div`
+`;function Ie({isDisabled:e,label:s,firstText:i,secondText:p,style:k,isFieldError:j}){const f=B(),{formState:{errors:O}}=M(),x=H(O,i.name),w=H(O,p.name),t=X();return l.jsxs(Te,{size:f,style:k,isDisabled:e!=null,isErrorFirstText:x,isErrorSecondText:w,children:[l.jsx(Z,{isDisabled:e,label:s.label,style:{marginRight:$.labelMarginRight.value(f),width:s.width??"auto",color:t.colors.champion}}),l.jsxs(De,{labelWidth:s.width,children:[p.hideField?null:l.jsxs(Ue,{children:[l.jsx(re,{}),l.jsx(Ee,{isAdditionalLabel:(!!i.additionalInfoLabel&&i.isDisabled)===!0}),l.jsx(re,{})]}),l.jsxs(Se,{children:[l.jsxs(se,{className:"firstField",isDisabled:i.isDisabled,children:[l.jsx(W,{type:i.type,name:i.name,placeholder:i.placeholder,prefix:"$",allowNegative:!1,isNumericString:!1,inputMode:"numeric",returnValueType:"floatValue",registerOptions:i.options,decimalScale:0,allowLeadingZeros:!1,thousandSeparator:!0,thousandsGroupStyle:"thousand",isDisabled:i.isDisabled?"disabled":void 0,style:{display:"flex",flexGrow:1,width:"-webkit-fill-available",height:$.controlHeight.value(f),cursor:"inherit",backgroundColor:t.colors.grey3,borderRadius:o.sp1,color:t.colors.primary},hoverBgColor:t.colors.background,bgColor:t.colors.background,disabledColor:t.colors.background,isFieldError:j,defaultValue:i.defaultValue}),i.additionalInfoLabel&&i.isDisabled||x&&i.additionalErrorLabel?l.jsx(ae,{isError:x,children:x?i.additionalErrorLabel:i.additionalInfoLabel}):null]}),p.hideField?null:l.jsxs(se,{className:"secondField",isDisabled:p.isDisabled,children:[l.jsx(W,{type:p.type,name:p.name,placeholder:p.placeholder,prefix:"$",allowNegative:!1,isNumericString:!1,inputMode:"numeric",returnValueType:"floatValue",registerOptions:p.options,decimalScale:0,allowLeadingZeros:!1,thousandSeparator:!0,thousandsGroupStyle:"thousand",isDisabled:p.isDisabled?"disabled":void 0,style:{display:"flex",flexGrow:1,width:"-webkit-fill-available",height:$.controlHeight.value(f),cursor:"inherit",backgroundColor:t.colors.grey3,borderRadius:o.sp1,color:t.colors.primary},hoverBgColor:t.colors.background,bgColor:t.colors.background,disabledColor:t.colors.background,isFieldError:j,defaultValue:i.defaultValue}),l.jsx(ae,{isError:w,children:p.additionalInfoLabel})]})]})]})]})}const Te=d.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -165,14 +165,14 @@ import{e as M,V as l,O as K,cc as B,dX as q,y as Q,c6 as Z,x as I,fH as W,o,b as
       }
     }
   }
-`,Se=d.div`
+`,De=d.div`
   display: flex;
   width: 100%;
   flex-grow: 1;
   input {
     text-align: left;
   }
-`,De=d.div`
+`,Se=d.div`
   display: flex;
   flex-direction: column;
   width: 100%;
@@ -198,7 +198,7 @@ import{e as M,V as l,O as K,cc as B,dX as q,y as Q,c6 as Z,x as I,fH as W,o,b as
   color: ${e=>e.isError?u.important:e.theme.colors.hero};
   white-space: pre-line;
   margin-top: ${o.sp1};
-`;function nl(e){return M()==="small"?l.jsx(Ie,{...e}):l.jsx($e,{...e})}const Ce=({allOptions:e,selectedValue:s,name:i,onSelectedValueChanged:p,valueToLabel:k,disable:j=!1,defaultMenuIsOpen:f,placeholderLabel:O})=>{const{formState:{errors:x}}=B(),w=q(x,i??""),t=Q(),[T,E]=R.useState(void 0),[h,A]=R.useState(f),D=R.useCallback(n=>({value:n,label:k(n)}),[k]);R.useEffect(()=>{const n=s==null?void 0:D(s);E(n?.label===""?void 0:n)},[s,k,D]);const P=t.colors.grey5,V=t.colors.grey5,U=_.smallRegular,H=_.extraSmallRegular,C={control:(n,{selectProps:v})=>({...n,border:0,height:m[6],backgroundColor:v.menuIsOpen===!0?t.colors.background:w===!0?u.importantLight:t.colors.background,boxShadow:V,":hover":{fill:t.colors.primary,backgroundColor:t.colors.background,borderColor:"none"},width:"auto",minHeight:"auto",cursor:"pointer"}),container:n=>({...n,backgroundColor:V,width:"100%"}),singleValue:(n,{data:v})=>({...n,alignItems:"center",margin:`${o.sp0}`,height:`${o.sp4}`,color:v.value==="require_approval"?u.alertDark:u.successDark,..._.standardRegular.cssObject,width:"100%",textOverflow:"ellipsis"}),valueContainer:(n,{selectProps:v})=>({...n,maxWidth:"100%",cursor:"pointer",...H,overflow:"visible",minWidth:"auto",padding:0,display:"flex",justifyContent:v.menuIsOpen===!1?"flex-end":"flex-start",alignItems:"center",flexWrap:"nowrap",paddingLeft:o.sp3,marginRight:o.sp3,width:" -webkit-fill-available"}),menu:n=>({...n,backgroundColor:P,borderRadius:4,boxShadow:`${o.sp0} 2px ${o.sp2} ${t.colors.dropShadowHover}`,whiteSpace:"nowrap",zIndex:10,margin:0,width:"100%",WebkitJustifyContent:"unset",overflow:"hidden"}),menuList:n=>({...n,borderRadius:10}),placeholder:n=>({...n,width:"100%",height:m[4],..._.standardRegular.cssObject,color:w===!0?u.important:t.colors.grey1,display:"flex",justifyContent:"flex-start",alignItems:"center"}),option:(n,{isSelected:v,isFocused:z,isDisabled:a,data:g})=>({...n,...U,height:m[6],color:g.value==="require_approval"?u.alertDark:u.successDark,backgroundColor:v||z?t.colors.background:P,cursor:a?"not-allowed":"pointer",borderTop:g.topBorder===!0?`1px solid ${u.optionBorderLight}`:"none",":hover":{backgroundColor:t.colors.background},":first-div":{width:"100%"},"& label":{flex:1,paddingRight:"10px",cursor:a?"not-allowed":v?"default":"pointer"},zIndex:2}),input:(n,v)=>({color:t.colors.primary,overflow:"hidden",zIndex:2,height:m[4],width:v.selectProps.menuIsOpen?"auto":"0",position:"absolute",display:"flex",alignItems:"center",..._.standardRegular.cssObject})};return l.jsx(xe,{onClickAway:()=>{A(!1)},children:l.jsx(ye,{isMulti:!1,onChange:n=>{(v=>{p(v)})(n)},minMenuHeight:208,menuPlacement:"auto",menuShouldScrollIntoView:!1,defaultValue:T,value:T,placeholder:O,components:{Option:Ne,DropdownIndicator:Be,IndicatorSeparator:Ae,SingleValue:ze},hideSelectedOptions:!1,styles:C,options:(S=e,S.map(n=>D(n))),isClearable:!1,isSearchable:!1,isDisabled:j,defaultMenuIsOpen:h,"data-testid":F("single-select",i)},ve())});var S},ze=({children:e,...s})=>l.jsx(ge.SingleValue,{...s,children:e}),Ne=e=>{const{data:s,options:i,isFocused:p,label:k,isSelected:j}=e,f=i.find(x=>x.value===s.value),O=typeof s.label=="string"?s.label:s.value;return l.jsxs(ge.Option,{...e,children:[l.jsxs(Re,{"data-testid":F("single-select-option",O),children:[l.jsxs(Fe,{children:[l.jsx("label",{children:k}),p===!0&&f?.id!=null&&l.jsx(Pe,{children:f.id})]}),j?l.jsx(Ve,{children:l.jsx(Me,{className:"tick-icon"})}):null]}),f.additionalInfo!==""&&l.jsx(l.Fragment,{children:f.additionalInfo})]})},Re=d.div`
+`;function nl(e){return B()==="small"?l.jsx(Ie,{...e}):l.jsx($e,{...e})}const Ce=({allOptions:e,selectedValue:s,name:i,onSelectedValueChanged:p,valueToLabel:k,disable:j=!1,defaultMenuIsOpen:f,placeholderLabel:O})=>{const{formState:{errors:x}}=M(),w=H(x,i??""),t=X(),[T,E]=R.useState(void 0),[h,q]=R.useState(f),S=R.useCallback(n=>({value:n,label:k(n)}),[k]);R.useEffect(()=>{const n=s==null?void 0:S(s);E(n?.label===""?void 0:n)},[s,k,S]);const P=t.colors.grey5,V=t.colors.grey5,U=_.smallRegular,A=_.extraSmallRegular,C={control:(n,{selectProps:v})=>({...n,border:0,height:m[6],backgroundColor:v.menuIsOpen===!0?t.colors.background:w===!0?u.importantLight:t.colors.background,boxShadow:V,":hover":{fill:t.colors.primary,backgroundColor:t.colors.background,borderColor:"none"},width:"auto",minHeight:"auto",cursor:"pointer"}),container:n=>({...n,backgroundColor:V,width:"100%"}),singleValue:(n,{data:v})=>({...n,alignItems:"center",margin:`${o.sp0}`,height:`${o.sp4}`,color:v.value==="require_approval"?u.alertDark:u.successDark,..._.standardRegular.cssObject,width:"100%",textOverflow:"ellipsis"}),valueContainer:(n,{selectProps:v})=>({...n,maxWidth:"100%",cursor:"pointer",...A,overflow:"visible",minWidth:"auto",padding:0,display:"flex",justifyContent:v.menuIsOpen===!1?"flex-end":"flex-start",alignItems:"center",flexWrap:"nowrap",paddingLeft:o.sp3,marginRight:o.sp3,width:" -webkit-fill-available"}),menu:n=>({...n,backgroundColor:P,borderRadius:4,boxShadow:`${o.sp0} 2px ${o.sp2} ${t.colors.dropShadowHover}`,whiteSpace:"nowrap",zIndex:10,margin:0,width:"100%",WebkitJustifyContent:"unset",overflow:"hidden"}),menuList:n=>({...n,borderRadius:10}),placeholder:n=>({...n,width:"100%",height:m[4],..._.standardRegular.cssObject,color:w===!0?u.important:t.colors.grey1,display:"flex",justifyContent:"flex-start",alignItems:"center"}),option:(n,{isSelected:v,isFocused:z,isDisabled:a,data:g})=>({...n,...U,height:m[6],color:g.value==="require_approval"?u.alertDark:u.successDark,backgroundColor:v||z?t.colors.background:P,cursor:a?"not-allowed":"pointer",borderTop:g.topBorder===!0?`1px solid ${u.optionBorderLight}`:"none",":hover":{backgroundColor:t.colors.background},":first-div":{width:"100%"},"& label":{flex:1,paddingRight:"10px",cursor:a?"not-allowed":v?"default":"pointer"},zIndex:2}),input:(n,v)=>({color:t.colors.primary,overflow:"hidden",zIndex:2,height:m[4],width:v.selectProps.menuIsOpen?"auto":"0",position:"absolute",display:"flex",alignItems:"center",..._.standardRegular.cssObject})};return l.jsx(xe,{onClickAway:()=>{q(!1)},children:l.jsx(ye,{isMulti:!1,onChange:n=>{(v=>{p(v)})(n)},minMenuHeight:208,menuPlacement:"auto",menuShouldScrollIntoView:!1,defaultValue:T,value:T,placeholder:O,components:{Option:Ne,DropdownIndicator:Me,IndicatorSeparator:qe,SingleValue:ze},hideSelectedOptions:!1,styles:C,options:(D=e,D.map(n=>S(n))),isClearable:!1,isSearchable:!1,isDisabled:j,defaultMenuIsOpen:h,"data-testid":F("single-select",i)},ve())});var D},ze=({children:e,...s})=>l.jsx(ge.SingleValue,{...s,children:e}),Ne=e=>{const{data:s,options:i,isFocused:p,label:k,isSelected:j}=e,f=i.find(x=>x.value===s.value),O=typeof s.label=="string"?s.label:s.value;return l.jsxs(ge.Option,{...e,children:[l.jsxs(Re,{"data-testid":F("single-select-option",O),children:[l.jsxs(Fe,{children:[l.jsx("label",{children:k}),p===!0&&f?.id!=null&&l.jsx(Pe,{children:f.id})]}),j?l.jsx(Ve,{children:l.jsx(Be,{className:"tick-icon"})}):null]}),f.additionalInfo!==""&&l.jsx(l.Fragment,{children:f.additionalInfo})]})},Re=d.div`
   display: flex;
   flex-direction: row;
   align-items: center;
@@ -220,12 +220,12 @@ import{e as M,V as l,O as K,cc as B,dX as q,y as Q,c6 as Z,x as I,fH as W,o,b as
   margin: 0 ${o.sp5} 0 ${o.sp3};
 `,Ve=d.div`
   display: flex;
-`,Me=d(we)`
+`,Be=d(we)`
   width: ${o.sp3};
   height: ${o.sp3};
   cursor: pointer;
   color: ${e=>e.theme.colors.primary};
-`,Be=()=>null,Ae=()=>null,be=R.memo(({name:e,registerOptions:s,value:i,isDisabled:p,defaultMenuIsOpen:k,placeholderLabel:j})=>{const{control:f}=B(),O=i.allOptions.map(w=>w.value??""),x=w=>i.allOptions.find(t=>t.value===w.value)?.value;return l.jsx(fe,{name:e,control:f,defaultValue:i,rules:s,"data-testid":F("single-select-field",e),render:({field:{value:w,onChange:t}})=>l.jsx(Ce,{allOptions:O,onSelectedValueChanged:T=>{t({allOptions:i.allOptions,selectedOption:x(T)})},valueToLabel:T=>(E=>i.allOptions.filter(h=>h.value===E)[0]?.label??"")(T),selectedValue:w.selectedOption,disable:p,name:e,defaultMenuIsOpen:k,placeholderLabel:j})})},(e,s)=>Y(e,s)),L={width:new I(343,580,726),height:new I(m[6],m[6]),paddingLeftRight:new I(m[3],m[4]),paddingTopBottom:new I(m[3],m[3]),labelMarginRight:new I(m[3],m[4])},G=(e,s)=>`${e}.${s}`;function He({label:e,isDisabled:s,sectionId:i,style:p,approversPlaceholder:k,notifiersPlaceholder:j,userSelectPlaceholder:f,approveNotifyPlaceholder:O,allUserWithRoles:x,filteredApprovers:w,allAttributes:t,filteredAttributes:T,allAccountingClasses:E,stepsInfo:h,productType:A}){const D=M(),{commonSetUp:{approval:P}}=K.getLocalizedStrings(),V=w.length+T.length,U=x.map(a=>a.user),{control:H,setValue:C}=B(),{fields:S,replace:n}=de({name:i,control:H});R.useEffect(()=>{const a=S.map(r=>{const{actors:c,stepType:y}=r;return{selectedUsers:c.selectedUsers.map(b=>b.userId),selectedNonUsers:c.selectedNonUsers,selectedOption:y.selectedOption}}),g=h.map(r=>{const{actors:c,stepType:y}=r;return{selectedUsers:c.selectedUsers.map(b=>b.userId),selectedNonUsers:c.selectedNonUsers,selectedOption:y.selectedOption}});if(!Y(a,g)){const r=h.map((c,y)=>({actors:{selectedUsers:c.actors.selectedUsers,selectedNonUsers:c.actors.selectedNonUsers,allUsers:U,allNonUsers:ee(t)},stepIndex:y,stepType:{selectedOption:c.stepType.selectedOption,allOptions:le}}));n(r)}},[U,h,S,n,t]);const v=h[h.length-1],z=s!=null||V===0||v.actors.selectedUsers.length+v.actors.selectedNonUsers.length===0||!v.stepType.selectedOption;return l.jsxs(_e,{size:D,style:p,isDisabled:!1,isError:!1,children:[l.jsx(Z,{label:e.label,style:{marginRight:L.labelMarginRight.value(D),width:"auto"}}),h.map((a,g)=>l.jsxs(qe,{labelWidth:e.width,children:[l.jsxs(Xe,{children:[g+1,"."]}),l.jsx(Ze,{children:l.jsx(be,{name:G(`${i}.${a.stepIndex}`,"stepType"),value:a.stepType,isDisabled:g===0,defaultMenuIsOpen:g===1&&a.stepType.selectedOption==null,registerOptions:{required:!0,validate:r=>r!=null&&r.selectedOption!=null||s!=null},placeholderLabel:O})}),l.jsxs(Je,{children:[l.jsx(ne,{hideEmailTooltip:!1,shouldHaveBackgroundColor:!0,showBackgroundColorIfHasAnySelectedOption:!0,placeholderLabel:a.stepType.selectedOption==null?f:a.stepType.selectedOption==="require_approval"?k:j,name:G(`${i}.${a.stepIndex}`,"actors"),value:a.actors,operator:a.stepType!=null&&a.stepType.selectedOption==="require_approval"?"or":"and",registerOptions:{required:!0,validate:r=>r!=null&&(r.selectedUsers!=null&&r.selectedUsers.length>0||r.selectedNonUsers!=null&&r.selectedNonUsers.length>0)||s!=null},valueToSubtitle:r=>{const c=x.map(b=>b.role).find(b=>b?.userId===r),y=[];if(c!=null){const b=ce(c.userRoles,A);b.length>0&&y.push(b),c.accountingClassIDs.forEach(J=>{const N=E.find(X=>X.classId===J);N!=null&&N.className&&y.push(N.className)})}return y}}),a.stepIndex>0&&l.jsx(We,{onClick:()=>(r=>{const c=h.filter((y,b)=>b!==r);C(i,c)})(g)})]})]},S[g]?.id||g)),l.jsx(Ge,{disabled:z,children:l.jsx(pe,{onClick:()=>{const a=h[h.length-1].stepIndex,g=me(a+1,U,t);C(i,[...h,g])},style:{padding:`${o.sp1} ${o.sp2}`,borderRadius:o.sp1},label:P.addStep,size:"small",disabled:z,"data-testid":F("add-step-button-web")})})]})}const me=(e,s,i)=>({stepIndex:e,actors:{allUsers:s,selectedUsers:[],allNonUsers:ee(i),selectedNonUsers:[]},stepType:{allOptions:le,selectedOption:void 0}}),ee=e=>{const s=K.getLocalizedStrings().commonSetUp.approval.nonUsers;return e.map(i=>({label:s[i].label,value:i,position:"top",subtitles:[s[i].subTitle]}))},le=[{label:"Require",value:"require_approval"},{label:"Notify",value:"send_notification"}],_e=d.div`
+`,Me=()=>null,qe=()=>null,be=R.memo(({name:e,registerOptions:s,value:i,isDisabled:p,defaultMenuIsOpen:k,placeholderLabel:j})=>{const{control:f}=M(),O=i.allOptions.map(w=>w.value??""),x=w=>i.allOptions.find(t=>t.value===w.value)?.value;return l.jsx(fe,{name:e,control:f,defaultValue:i,rules:s,"data-testid":F("single-select-field",e),render:({field:{value:w,onChange:t}})=>l.jsx(Ce,{allOptions:O,onSelectedValueChanged:T=>{t({allOptions:i.allOptions,selectedOption:x(T)})},valueToLabel:T=>(E=>i.allOptions.filter(h=>h.value===E)[0]?.label??"")(T),selectedValue:w.selectedOption,disable:p,name:e,defaultMenuIsOpen:k,placeholderLabel:j})})},(e,s)=>Y(e,s)),L={width:new I(343,580,726),height:new I(m[6],m[6]),paddingLeftRight:new I(m[3],m[4]),paddingTopBottom:new I(m[3],m[3]),labelMarginRight:new I(m[3],m[4])},G=(e,s)=>`${e}.${s}`;function Ae({label:e,isDisabled:s,sectionId:i,style:p,approversPlaceholder:k,notifiersPlaceholder:j,userSelectPlaceholder:f,approveNotifyPlaceholder:O,allUserWithRoles:x,filteredApprovers:w,allAttributes:t,filteredAttributes:T,allAccountingClasses:E,stepsInfo:h,productType:q}){const S=B(),{commonSetUp:{approval:P}}=K.getLocalizedStrings(),V=w.length+T.length,U=x.map(a=>a.user),{control:A,setValue:C}=M(),{fields:D,replace:n}=de({name:i,control:A});R.useEffect(()=>{const a=D.map(r=>{const{actors:c,stepType:y}=r;return{selectedUsers:c.selectedUsers.map(b=>b.userId),selectedNonUsers:c.selectedNonUsers,selectedOption:y.selectedOption}}),g=h.map(r=>{const{actors:c,stepType:y}=r;return{selectedUsers:c.selectedUsers.map(b=>b.userId),selectedNonUsers:c.selectedNonUsers,selectedOption:y.selectedOption}});if(!Y(a,g)){const r=h.map((c,y)=>({actors:{selectedUsers:c.actors.selectedUsers,selectedNonUsers:c.actors.selectedNonUsers,allUsers:U,allNonUsers:ee(t)},stepIndex:y,stepType:{selectedOption:c.stepType.selectedOption,allOptions:le}}));n(r)}},[U,h,D,n,t]);const v=h[h.length-1],z=s!=null||V===0||v.actors.selectedUsers.length+v.actors.selectedNonUsers.length===0||!v.stepType.selectedOption;return l.jsxs(_e,{size:S,style:p,isDisabled:!1,isError:!1,children:[l.jsx(Z,{label:e.label,style:{marginRight:L.labelMarginRight.value(S),width:"auto"}}),h.map((a,g)=>l.jsxs(He,{labelWidth:e.width,children:[l.jsxs(Qe,{children:[g+1,"."]}),l.jsx(Ze,{children:l.jsx(be,{name:G(`${i}.${a.stepIndex}`,"stepType"),value:a.stepType,isDisabled:g===0,defaultMenuIsOpen:g===1&&a.stepType.selectedOption==null,registerOptions:{required:!0,validate:r=>r!=null&&r.selectedOption!=null||s!=null},placeholderLabel:O})}),l.jsxs(Je,{children:[l.jsx(ne,{hideEmailTooltip:!1,shouldHaveBackgroundColor:!0,showBackgroundColorIfHasAnySelectedOption:!0,placeholderLabel:a.stepType.selectedOption==null?f:a.stepType.selectedOption==="require_approval"?k:j,name:G(`${i}.${a.stepIndex}`,"actors"),value:a.actors,operator:a.stepType!=null&&a.stepType.selectedOption==="require_approval"?"or":"and",registerOptions:{required:!0,validate:r=>r!=null&&(r.selectedUsers!=null&&r.selectedUsers.length>0||r.selectedNonUsers!=null&&r.selectedNonUsers.length>0)||s!=null},valueToSubtitle:r=>{const c=x.map(b=>b.role).find(b=>b?.userId===r),y=[];if(c!=null){const b=ce(c.userRoles,q);b.length>0&&y.push(b),c.accountingClassIDs.forEach(J=>{const N=E.find(Q=>Q.classId===J);N!=null&&N.className&&y.push(N.className)})}return y}}),a.stepIndex>0&&l.jsx(We,{onClick:()=>(r=>{const c=h.filter((y,b)=>b!==r);C(i,c)})(g)})]})]},D[g]?.id||g)),l.jsx(Ge,{disabled:z,children:l.jsx(pe,{onClick:()=>{const a=h[h.length-1].stepIndex,g=me(a+1,U,t);C(i,[...h,g])},style:{padding:`${o.sp1} ${o.sp2}`,borderRadius:o.sp1},label:P.addStep,size:"small",disabled:z,"data-testid":F("add-step-button-web")})})]})}const me=(e,s,i)=>({stepIndex:e,actors:{allUsers:s,selectedUsers:[],allNonUsers:ee(i),selectedNonUsers:[]},stepType:{allOptions:le,selectedOption:void 0}}),ee=e=>{const s=K.getLocalizedStrings().commonSetUp.approval.nonUsers;return e.map(i=>({label:s[i].label,value:i,position:"top",subtitles:[s[i].subTitle]}))},le=[{label:"Require",value:"require_approval"},{label:"Notify",value:"send_notification"}],_e=d.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -267,7 +267,7 @@ import{e as M,V as l,O as K,cc as B,dX as q,y as Q,c6 as Z,x as I,fH as W,o,b as
       background-color: ${e=>e.isDisabled===!0?e.theme.colors.grey5:e.isError?u.importantLight:e.theme.colors.background};
     }
   }
-`,qe=d.div`
+`,He=d.div`
   display: flex;
   width: 100%;
   align-items: baseline;
@@ -300,10 +300,10 @@ import{e as M,V as l,O as K,cc as B,dX as q,y as Q,c6 as Z,x as I,fH as W,o,b as
   gap: ${o.sp3};
   align-items: baseline;
   max-height: 300px;
-`,Xe=d.div`
+`,Qe=d.div`
   width: ${o.sp5};
   color: ${e=>e.theme.colors.hero};
-`;function Ke({label:e,isDisabled:s,sectionId:i,style:p,approversPlaceholder:k,notifiersPlaceholder:j,userSelectPlaceholder:f,approveNotifyPlaceholder:O,allUserWithRoles:x,filteredApprovers:w,allAttributes:t,filteredAttributes:T,allAccountingClasses:E,stepsInfo:h,productType:A}){const D=M(),{commonSetUp:{approval:P}}=K.getLocalizedStrings(),V=w.length+T.length,U=x.map(a=>a.user),{control:H,setValue:C}=B(),{fields:S,replace:n}=de({name:i,control:H});R.useEffect(()=>{const a=S.map(r=>{const{actors:c,stepType:y}=r;return{selectedUsers:c.selectedUsers.map(b=>b.userId),selectedNonUsers:c.selectedNonUsers,selectedOption:y.selectedOption}}),g=h.map(r=>{const{actors:c,stepType:y}=r;return{selectedUsers:c.selectedUsers.map(b=>b.userId),selectedNonUsers:c.selectedNonUsers,selectedOption:y.selectedOption}});if(!Y(a,g)){const r=h.map((c,y)=>({actors:{selectedUsers:c.actors.selectedUsers,selectedNonUsers:c.actors.selectedNonUsers,allUsers:U,allNonUsers:ee(t)},stepIndex:y,stepType:{selectedOption:c.stepType.selectedOption,allOptions:le}}));n(r)}},[U,h,S,n,t]);const v=h[h.length-1],z=s!=null||V===0||v.actors.selectedUsers.length+v.actors.selectedNonUsers.length===0||!v.stepType.selectedOption;return l.jsxs(Qe,{size:D,style:p,isDisabled:!1,isError:!1,children:[l.jsx(Z,{label:e.label,style:{marginRight:L.labelMarginRight.value(D),width:"auto"}}),h.map((a,g)=>l.jsxs(Ye,{labelWidth:e.width,children:[l.jsxs(sl,{children:[g+1,"."]}),l.jsxs(tl,{children:[l.jsx(be,{name:G(`${i}.${a.stepIndex}`,"stepType"),value:a.stepType,isDisabled:g===0,defaultMenuIsOpen:g===1&&a.stepType.selectedOption==null,registerOptions:{required:!0,validate:r=>r!=null&&r.selectedOption!=null||s!=null},placeholderLabel:O}),l.jsxs(il,{children:[l.jsx(ol,{children:l.jsx(ne,{hideEmailTooltip:!1,shouldHaveBackgroundColor:!0,showBackgroundColorIfHasAnySelectedOption:!0,placeholderLabel:a.stepType.selectedOption==null?f:a.stepType.selectedOption==="require_approval"?k:j,name:G(`${i}.${a.stepIndex}`,"actors"),value:a.actors,operator:a.stepType!=null&&a.stepType.selectedOption==="require_approval"?"or":"and",registerOptions:{required:!0,validate:r=>r!=null&&(r.selectedUsers!=null&&r.selectedUsers.length>0||r.selectedNonUsers!=null&&r.selectedNonUsers.length>0)||s!=null},valueToSubtitle:r=>{const c=x.map(b=>b.role).find(b=>b?.userId===r),y=[];if(c!=null){const b=ce(c.userRoles,A);b.length>0&&y.push(b),c.accountingClassIDs.forEach(J=>{const N=E.find(X=>X.classId===J);N!=null&&N.className&&y.push(N.className)})}return y}})}),a.stepIndex>0&&l.jsx(el,{onClick:()=>(r=>{const c=h.filter((y,b)=>b!==r);C(i,c)})(g),"data-testid":F("delete-step",g.toString())})]})]})]},S[g]?.id||g)),l.jsx(ll,{disabled:z,children:l.jsx(pe,{onClick:()=>{const a=h[h.length-1].stepIndex,g=me(a+1,U,t);C(i,[...h,g])},style:{width:"100%"},label:P.addStep,size:"standard",variant:"light_transparent",disabled:z,"data-testid":F("add-step-button-small")})})]})}const Qe=d.div`
+`;function Ke({label:e,isDisabled:s,sectionId:i,style:p,approversPlaceholder:k,notifiersPlaceholder:j,userSelectPlaceholder:f,approveNotifyPlaceholder:O,allUserWithRoles:x,filteredApprovers:w,allAttributes:t,filteredAttributes:T,allAccountingClasses:E,stepsInfo:h,productType:q}){const S=B(),{commonSetUp:{approval:P}}=K.getLocalizedStrings(),V=w.length+T.length,U=x.map(a=>a.user),{control:A,setValue:C}=M(),{fields:D,replace:n}=de({name:i,control:A});R.useEffect(()=>{const a=D.map(r=>{const{actors:c,stepType:y}=r;return{selectedUsers:c.selectedUsers.map(b=>b.userId),selectedNonUsers:c.selectedNonUsers,selectedOption:y.selectedOption}}),g=h.map(r=>{const{actors:c,stepType:y}=r;return{selectedUsers:c.selectedUsers.map(b=>b.userId),selectedNonUsers:c.selectedNonUsers,selectedOption:y.selectedOption}});if(!Y(a,g)){const r=h.map((c,y)=>({actors:{selectedUsers:c.actors.selectedUsers,selectedNonUsers:c.actors.selectedNonUsers,allUsers:U,allNonUsers:ee(t)},stepIndex:y,stepType:{selectedOption:c.stepType.selectedOption,allOptions:le}}));n(r)}},[U,h,D,n,t]);const v=h[h.length-1],z=s!=null||V===0||v.actors.selectedUsers.length+v.actors.selectedNonUsers.length===0||!v.stepType.selectedOption;return l.jsxs(Xe,{size:S,style:p,isDisabled:!1,isError:!1,children:[l.jsx(Z,{label:e.label,style:{marginRight:L.labelMarginRight.value(S),width:"auto"}}),h.map((a,g)=>l.jsxs(Ye,{labelWidth:e.width,children:[l.jsxs(sl,{children:[g+1,"."]}),l.jsxs(tl,{children:[l.jsx(be,{name:G(`${i}.${a.stepIndex}`,"stepType"),value:a.stepType,isDisabled:g===0,defaultMenuIsOpen:g===1&&a.stepType.selectedOption==null,registerOptions:{required:!0,validate:r=>r!=null&&r.selectedOption!=null||s!=null},placeholderLabel:O}),l.jsxs(il,{children:[l.jsx(ol,{children:l.jsx(ne,{hideEmailTooltip:!1,shouldHaveBackgroundColor:!0,showBackgroundColorIfHasAnySelectedOption:!0,placeholderLabel:a.stepType.selectedOption==null?f:a.stepType.selectedOption==="require_approval"?k:j,name:G(`${i}.${a.stepIndex}`,"actors"),value:a.actors,operator:a.stepType!=null&&a.stepType.selectedOption==="require_approval"?"or":"and",registerOptions:{required:!0,validate:r=>r!=null&&(r.selectedUsers!=null&&r.selectedUsers.length>0||r.selectedNonUsers!=null&&r.selectedNonUsers.length>0)||s!=null},valueToSubtitle:r=>{const c=x.map(b=>b.role).find(b=>b?.userId===r),y=[];if(c!=null){const b=ce(c.userRoles,q);b.length>0&&y.push(b),c.accountingClassIDs.forEach(J=>{const N=E.find(Q=>Q.classId===J);N!=null&&N.className&&y.push(N.className)})}return y}})}),a.stepIndex>0&&l.jsx(el,{onClick:()=>(r=>{const c=h.filter((y,b)=>b!==r);C(i,c)})(g),"data-testid":F("delete-step",g.toString())})]})]})]},D[g]?.id||g)),l.jsx(ll,{disabled:z,children:l.jsx(pe,{onClick:()=>{const a=h[h.length-1].stepIndex,g=me(a+1,U,t);C(i,[...h,g])},style:{width:"100%"},label:P.addStep,size:"standard",variant:"light_transparent",disabled:z,"data-testid":F("add-step-button-small")})})]})}const Xe=d.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -387,4 +387,4 @@ import{e as M,V as l,O as K,cc as B,dX as q,y as Q,c6 as Z,x as I,fH as W,o,b as
 `,sl=d.div`
   width: ${o.sp4};
   color: ${e=>e.theme.colors.hero};
-`;function cl(e){return M()==="small"?l.jsx(Ke,{...e}):l.jsx(He,{...e})}export{nl as b,cl as f,le as l,ee as o};
+`;function cl(e){return B()==="small"?l.jsx(Ke,{...e}):l.jsx(Ae,{...e})}export{nl as b,cl as f,le as l,ee as o};