@zeniai/web-cockpit-ui 1.14.41-qa → 1.14.42-dev

package/dist/assets/{ExpenseAutomationOverviewPage-DRFk1z66-B4CXhi6d.js → ExpenseAutomationOverviewPage-hpARiJiY-Cl3fyuZ_.js}

@@ -1,12 +1,12 @@
-import{u as H,e as I,bJ as W,j as r,$ as y,fF as Y,bg as J,g as a,bp as O,B as G,o as s,aX as K,jm as Q,v as c,hb as q,ha as V,K as U,a0 as X,l as Z,jn as D,f as ee,aS as re,fo as oe,b as se,bQ as te,c7 as ie,w as g,t as ae,eA as le,s as ne,br as ce,gR as de,r as he,am as pe,ao as _,af as me}from"./index-IgYBqF_x.js";import{n as o,j as m,k as ge}from"./vendor-rkTZJa59.js";import{o as xe}from"./transaction-placeholder-CpOwZAMG-DYG2_sCF.js";import"./mui-C42whWwM.js";import"./analytics-Dr_Q0qi5.js";import"./routing-VwiwPky5.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-Ccg-ICil.js";const ue={transaction_categorization:xe,missing_receipts:oe,flux_analysis:re,je_schedules:D,month_end_insights:ee,reconciliation:D},fe=e=>{const x={Weekly:[],Monthly:[]};return e.forEach(u=>{x[u.frequency].push(u)}),x},{expenseAutomation:d,common:i,dateFormat:ye}=G.getLocalizedStrings();function xr({monthEndCloseChecksView:e,isRealtimeInsightsFeatureEnabled:x,onMonthEndCheckClick:u,onBackClick:M,handleReviewButtonClick:P,onPeriodChange:R,onReload:k}){const b=H(),F=I();if(W({componentName:"expense_automation.overview"}),e.monthEndCloseChecks==null||e.fetchState==="Not-Started"||e.fetchState==="In-Progress")return r.jsx(L,{"data-testid":y("expense-automation-overview-page-activity-indicator"),children:r.jsx(Y,{fetchState:"In-Progress"})});if(e.monthEndCloseChecks==null||e.fetchState==="Error")return r.jsx(L,{children:r.jsx(Xe,{"data-testid":y("expense-automation-overview-page-reload-page"),onClick:k,children:r.jsx(J,{})})});const{monthEndCloseChecks:{auditSummary:l,monthEndCloseCheckList:N,insights:h,reportEmailSentDate:S},refreshStatus:T}=e,z=fe(N);let f,p;l.auditScorePercentage<=50?(f=a.important,p=a.importantLight):l.auditScorePercentage<=75?(f=a.alert,p=a.alertLight):(f=a.success,p=a.successLight);const A=r.jsx(Ke,{"data-testid":y("expense-automation-overview-page-refresh-icon"),onClick:k,children:r.jsx(O,{style:{marginTop:s.sp1},placement:"bottom",title:i.texts.refresh,enterDelay:600,children:r.jsx(er,{$spinning:T.fetchState==="In-Progress"})})});return r.jsxs($e,{children:[r.jsx(K,{title:r.jsx(Q,{labelSuffix:i.texts.close,pickerLabelStyle:{...c.largeSemiBold.cssObject},onPeriodChange:R,monthEndCloseChecksView:e}),showBackButton:!0,onBackClick:M,source:"ExpenseAutomationOverviewPage",rightSideComponent:A}),r.jsxs(Le,{children:[r.jsxs(je,{children:[r.jsx(ve,{windowSize:F,children:r.jsx(be,{children:r.jsxs(Se,{children:[r.jsx(Ge,{children:r.jsx(q,{background:!0,value:Math.floor(l.auditScorePercentage),text:`${Math.floor(l.auditScorePercentage)}${i.strings.percentage}`,strokeWidth:10,styles:{...V({strokeLinecap:"butt",pathColor:f,textColor:b.colors.primary,trailColor:b.colors.grey2,backgroundColor:p}),root:{width:"96px",height:"96px",backgroundColor:p,borderRadius:"50%"},text:{fontSize:c.h6Medium.fontSize,fontFamily:c.h6Medium.fontFamily,lineHeight:c.h6Medium.lineHeight,fontWeight:c.h6Medium.fontWeight,letterSpacing:c.h6Medium.letterSpacing,fill:a.primaryLight}}})}),r.jsxs(tr,{children:[r.jsxs(De,{children:[r.jsxs(C,{children:[r.jsxs(Qe,{children:[r.jsx(Ce,{children:d.overview.auditScoreTitle}),l.auditReportLastGeneratedDate!=null?r.jsx(qe,{children:l.auditReportLastGeneratedDate.utc(!0).fromNow()}):null]}),r.jsx(ke,{children:d.overview.auditScoreDescription})]}),r.jsx(U,{style:{alignSelf:"flex-start"},variant:"primary",label:i.texts.review,onClick:P})]}),r.jsxs(Ee,{children:[r.jsxs(Ie,{children:[r.jsx(Je,{}),r.jsx(We,{children:i.texts.aiAgents}),r.jsx(Ye,{children:i.texts.saved})]}),r.jsx(Oe,{children:X("0,0",{amount:h.savedAmount,currencyCode:i.currency.countryCode,currencySymbol:i.currency.currencySymbol})})]})]})]})})}),r.jsxs(we,{children:[r.jsxs($,{isLastTab:!1,children:[r.jsx(j,{children:h.vendorsWithFluctuations}),r.jsx(v,{children:d.overview.statistics.vendorsWithFluctuations})]}),r.jsxs($,{isLastTab:!1,children:[r.jsx(j,{children:h.transactionsAutoCategorized}),r.jsx(v,{children:d.overview.statistics.transactionsAutoCategorized})]}),r.jsxs($,{isLastTab:!1,children:[r.jsxs(j,{children:[h.efficiencyPercentage,i.strings.percentage]}),r.jsx(v,{children:d.overview.statistics.humanEfficiency})]}),r.jsxs($,{isLastTab:!0,children:[r.jsxs(j,{children:[h.efficiency,"x"]}),r.jsx(v,{children:d.overview.statistics.fasterReviews})]})]})]}),r.jsx(_e,{children:Z.ALL_MONTH_END_CLOSE_CHECKS_FREQUENCY.map(w=>r.jsxs(Me,{children:[r.jsx(E,{cardDisabled:!1,children:w}),r.jsx(Pe,{children:z[w].map(t=>{const n=t.id==="month_end_insights"?!x:t.isDisabled,B=n===!0||t.id==="month_end_insights"&&e.monthEndCloseChecks?.reportEmailSentDate!=null;return r.jsxs(Re,{"data-testid":y("expense-automation-overview-page-month-end-close-check-card",t.id),cardDisabled:n,onClick:()=>{B===!1&&u(t.id)},children:[r.jsxs(He,{children:[r.jsx(Be,{cardDisabled:n,isDarkMode:b.mode==="dark",children:r.jsx(Ae,{as:ue[t.id]??null})}),r.jsxs(C,{children:[r.jsx(E,{cardDisabled:n,children:t.title}),r.jsx(Fe,{className:"card-description",cardDisabled:n,children:t.description})]})]}),r.jsxs(Ne,{children:[r.jsx(se,{controller:t.id!=="month_end_insights",children:r.jsxs(Te,{children:[r.jsxs(Ve,{progress:t.progress,children:[Math.floor(t.progress),i.strings.percentage]}),r.jsx(Ue,{className:t.progress<100?"progress-complete-text":i.strings.empty,progress:t.progress,children:i.texts.complete})]})}),t.id==="month_end_insights"&&S!=null?r.jsxs(sr,{children:[r.jsx(rr,{children:i.texts.closed}),r.jsx(or,{children:S.format(ye.visual.MMMDCommaYYYYformat)})]}):null,r.jsx(C,{children:r.jsx(ze,{className:"card-right-chevron",disabled:n})})]})]},t.id)})})]},w))})]})]})}const $e=o.div`
+import{u as W,e as H,bJ as I,j as r,W as y,fF as O,bg as Q,f as a,bp as Y,R as J,o as t,aX as G,jm as V,v as c,hb as q,ha as K,Q as U,a0 as X,l as Z,jn as E,h as ee,aS as re,fo as oe,_ as te,bQ as se,c7 as ie,w as g,y as ae,eA as le,x as ne,br as ce,gR as de,r as he,am as pe,ao as L,af as me}from"./index-DESjn-8d.js";import{n as o,j as m,k as ge}from"./vendor-rkTZJa59.js";import{o as xe}from"./transaction-placeholder-CpOwZAMG-DYG2_sCF.js";import"./mui-C42whWwM.js";import"./analytics-CcevxdRy.js";import"./routing-VwiwPky5.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-CK3r1iTV.js";const ue={transaction_categorization:xe,missing_receipts:oe,flux_analysis:re,je_schedules:E,month_end_insights:ee,reconciliation:E},fe=e=>{const x={Weekly:[],Monthly:[]};return e.forEach(u=>{x[u.frequency].push(u)}),x},{expenseAutomation:d,common:i,dateFormat:ye}=J.getLocalizedStrings();function xr({monthEndCloseChecksView:e,isRealtimeInsightsFeatureEnabled:x,onMonthEndCheckClick:u,onBackClick:M,handleReviewButtonClick:P,onPeriodChange:R,onReload:k}){const b=W(),T=H();if(I({componentName:"expense_automation.overview"}),e.monthEndCloseChecks==null||e.fetchState==="Not-Started"||e.fetchState==="In-Progress")return r.jsx(D,{"data-testid":y("expense-automation-overview-page-activity-indicator"),children:r.jsx(O,{fetchState:"In-Progress"})});if(e.monthEndCloseChecks==null||e.fetchState==="Error")return r.jsx(D,{children:r.jsx(Xe,{"data-testid":y("expense-automation-overview-page-reload-page"),onClick:k,children:r.jsx(Q,{})})});const{monthEndCloseChecks:{auditSummary:l,monthEndCloseCheckList:F,insights:h,reportEmailSentDate:S},refreshStatus:N}=e,z=fe(F);let f,p;l.auditScorePercentage<=50?(f=a.important,p=a.importantLight):l.auditScorePercentage<=75?(f=a.alert,p=a.alertLight):(f=a.success,p=a.successLight);const A=r.jsx(Ge,{"data-testid":y("expense-automation-overview-page-refresh-icon"),onClick:k,children:r.jsx(Y,{style:{marginTop:t.sp1},placement:"bottom",title:i.texts.refresh,enterDelay:600,children:r.jsx(er,{$spinning:N.fetchState==="In-Progress"})})});return r.jsxs($e,{children:[r.jsx(G,{title:r.jsx(V,{labelSuffix:i.texts.close,pickerLabelStyle:{...c.largeSemiBold.cssObject},onPeriodChange:R,monthEndCloseChecksView:e}),showBackButton:!0,onBackClick:M,source:"ExpenseAutomationOverviewPage",rightSideComponent:A}),r.jsxs(De,{children:[r.jsxs(je,{children:[r.jsx(ve,{windowSize:T,children:r.jsx(be,{children:r.jsxs(Se,{children:[r.jsx(Je,{children:r.jsx(q,{background:!0,value:Math.floor(l.auditScorePercentage),text:`${Math.floor(l.auditScorePercentage)}${i.strings.percentage}`,strokeWidth:10,styles:{...K({strokeLinecap:"butt",pathColor:f,textColor:b.colors.primary,trailColor:b.colors.grey2,backgroundColor:p}),root:{width:"96px",height:"96px",backgroundColor:p,borderRadius:"50%"},text:{fontSize:c.h6Medium.fontSize,fontFamily:c.h6Medium.fontFamily,lineHeight:c.h6Medium.lineHeight,fontWeight:c.h6Medium.fontWeight,letterSpacing:c.h6Medium.letterSpacing,fill:a.primaryLight}}})}),r.jsxs(sr,{children:[r.jsxs(Ee,{children:[r.jsxs(C,{children:[r.jsxs(Ve,{children:[r.jsx(Ce,{children:d.overview.auditScoreTitle}),l.auditReportLastGeneratedDate!=null?r.jsx(qe,{children:l.auditReportLastGeneratedDate.utc(!0).fromNow()}):null]}),r.jsx(ke,{children:d.overview.auditScoreDescription})]}),r.jsx(U,{style:{alignSelf:"flex-start"},variant:"primary",label:i.texts.review,onClick:P})]}),r.jsxs(_e,{children:[r.jsxs(He,{children:[r.jsx(Qe,{}),r.jsx(Ie,{children:i.texts.aiAgents}),r.jsx(Oe,{children:i.texts.saved})]}),r.jsx(Ye,{children:X("0,0",{amount:h.savedAmount,currencyCode:i.currency.countryCode,currencySymbol:i.currency.currencySymbol})})]})]})]})})}),r.jsxs(we,{children:[r.jsxs($,{isLastTab:!1,children:[r.jsx(j,{children:h.vendorsWithFluctuations}),r.jsx(v,{children:d.overview.statistics.vendorsWithFluctuations})]}),r.jsxs($,{isLastTab:!1,children:[r.jsx(j,{children:h.transactionsAutoCategorized}),r.jsx(v,{children:d.overview.statistics.transactionsAutoCategorized})]}),r.jsxs($,{isLastTab:!1,children:[r.jsxs(j,{children:[h.efficiencyPercentage,i.strings.percentage]}),r.jsx(v,{children:d.overview.statistics.humanEfficiency})]}),r.jsxs($,{isLastTab:!0,children:[r.jsxs(j,{children:[h.efficiency,"x"]}),r.jsx(v,{children:d.overview.statistics.fasterReviews})]})]})]}),r.jsx(Le,{children:Z.ALL_MONTH_END_CLOSE_CHECKS_FREQUENCY.map(w=>r.jsxs(Me,{children:[r.jsx(_,{cardDisabled:!1,children:w}),r.jsx(Pe,{children:z[w].map(s=>{const n=s.id==="month_end_insights"?!x:s.isDisabled,B=n===!0||s.id==="month_end_insights"&&e.monthEndCloseChecks?.reportEmailSentDate!=null;return r.jsxs(Re,{"data-testid":y("expense-automation-overview-page-month-end-close-check-card",s.id),cardDisabled:n,onClick:()=>{B===!1&&u(s.id)},children:[r.jsxs(We,{children:[r.jsx(Be,{cardDisabled:n,isDarkMode:b.mode==="dark",children:r.jsx(Ae,{as:ue[s.id]??null})}),r.jsxs(C,{children:[r.jsx(_,{cardDisabled:n,children:s.title}),r.jsx(Te,{className:"card-description",cardDisabled:n,children:s.description})]})]}),r.jsxs(Fe,{children:[r.jsx(te,{controller:s.id!=="month_end_insights",children:r.jsxs(Ne,{children:[r.jsxs(Ke,{progress:s.progress,children:[Math.floor(s.progress),i.strings.percentage]}),r.jsx(Ue,{className:s.progress<100?"progress-complete-text":i.strings.empty,progress:s.progress,children:i.texts.complete})]})}),s.id==="month_end_insights"&&S!=null?r.jsxs(tr,{children:[r.jsx(rr,{children:i.texts.closed}),r.jsx(or,{children:S.format(ye.visual.MMMDCommaYYYYformat)})]}):null,r.jsx(C,{children:r.jsx(ze,{className:"card-right-chevron",disabled:n})})]})]},s.id)})})]},w))})]})]})}const $e=o.div`
   display: flex;
   flex-direction: column;
   background-color: ${e=>e.theme.colors.grey5};
-  row-gap: ${s.sp3};
+  row-gap: ${t.sp3};
 `,je=o.div`
   display: flex;
   flex-direction: column;
-  row-gap: ${s.sp6};
+  row-gap: ${t.sp6};
   background-color: ${e=>e.theme.colors.grey5};
   box-shadow: ${e=>e.theme.colors.elevation1};
 `,ve=o.div`
@@ -18,7 +18,7 @@ import{u as H,e as I,bJ as W,j as r,$ as y,fF as Y,bg as J,g as a,bp as O,B as G
 `,be=o.div`
   display: flex;
   align-items: center;
-  column-gap: ${s.sp8};
+  column-gap: ${t.sp8};
   justify-content: center;
   height: 100%;
 `,we=o.div`
@@ -33,14 +33,14 @@ import{u as H,e as I,bJ as W,j as r,$ as y,fF as Y,bg as J,g as a,bp as O,B as G
   color: ${e=>e.theme.colors.primary};
 `,Se=o.div`
   display: flex;
-  column-gap: ${s.sp3};
+  column-gap: ${t.sp3};
   align-items: flex-start;
-`,De=o.div`
+`,Ee=o.div`
   display: flex;
   flex-direction: column;
-  row-gap: ${s.sp3};
+  row-gap: ${t.sp3};
   width: 466px;
-`,Ee=o.div`
+`,_e=o.div`
   display: flex;
   flex-direction: column;
   justify-content: center;
@@ -50,7 +50,7 @@ import{u as H,e as I,bJ as W,j as r,$ as y,fF as Y,bg as J,g as a,bp as O,B as G
 `,$=o.div`
   text-align: center;
   width: 300px;
-  padding: ${s.sp3} ${s.sp0};
+  padding: ${t.sp3} ${t.sp0};
   ${e=>e.isLastTab===!1?m`
           border-right: 1px solid ${e.theme.colors.grey3};
         `:m`
@@ -60,33 +60,33 @@ import{u as H,e as I,bJ as W,j as r,$ as y,fF as Y,bg as J,g as a,bp as O,B as G
   color: ${e=>e.theme.colors.primary};
 `,v=o(g)`
   color: ${e=>e.theme.colors.primary};
-`,Le=o.div`
+`,De=o.div`
   display: flex;
   flex-direction: column;
   background-color: ${e=>e.theme.colors.grey4};
-  row-gap: ${s.sp6};
-`,_e=o.div`
+  row-gap: ${t.sp6};
+`,Le=o.div`
   display: flex;
   flex-direction: column;
-  row-gap: ${s.sp5};
-  padding-bottom: ${s.sp4};
+  row-gap: ${t.sp5};
+  padding-bottom: ${t.sp4};
   margin: auto;
-`,E=o(pe)`
+`,_=o(pe)`
   color: ${e=>e.cardDisabled?e.theme.colors.grey2:e.theme.colors.primary};
 `,Me=o.div`
   display: flex;
   flex-direction: column;
-  row-gap: ${s.sp2};
+  row-gap: ${t.sp2};
 `,Pe=o.div`
   display: flex;
   flex-direction: column;
-  row-gap: ${s.sp4};
+  row-gap: ${t.sp4};
 `,Re=o.div`
   width: 726px;
   background-color: ${e=>e.theme.colors.grey5};
-  padding: ${s.sp4};
+  padding: ${t.sp4};
   border: 1px solid ${e=>e.theme.colors.grey3};
-  border-radius: ${s.sp2};
+  border-radius: ${t.sp2};
   cursor: ${e=>e.cardDisabled?"not-allowed":"pointer"};
   display: flex;
   align-items: center;
@@ -102,69 +102,69 @@ import{u as H,e as I,bJ as W,j as r,$ as y,fF as Y,bg as J,g as a,bp as O,B as G
             }
           }
         `:null}
-`,Fe=o(g)`
+`,Te=o(g)`
   color: ${e=>e.cardDisabled?e.theme.colors.grey2:e.theme.colors.hero};
-`,Ne=o.div`
+`,Fe=o.div`
   display: flex;
   align-items: center;
-  column-gap: ${s.sp7};
-`,C=o.div``,Te=o.div`
+  column-gap: ${t.sp7};
+`,C=o.div``,Ne=o.div`
   text-align: center;
   width: 82px;
 `,ze=o(me)`
   color: ${e=>e.disabled?e.theme.colors.grey2:e.theme.colors.hero};
-  width: ${s.sp4};
-  height: ${s.sp4};
+  width: ${t.sp4};
+  height: ${t.sp4};
 `,Ae=o.div`
-  width: ${s.sp4};
-  height: ${s.sp4};
+  width: ${t.sp4};
+  height: ${t.sp4};
   color: ${e=>e.theme.colors.primary};
 `,Be=o.div`
-  width: ${s.sp7};
-  height: ${s.sp7};
+  width: ${t.sp7};
+  height: ${t.sp7};
   background-color: ${e=>e.isDarkMode?e.theme.colors.brandColorJadeDark:e.theme.colors.brandColorJadeLight};
   border-radius: 50%;
   opacity: ${e=>e.cardDisabled?.2:1};
   display: flex;
   align-items: center;
   justify-content: center;
-`,He=o.div`
+`,We=o.div`
   display: flex;
   align-items: center;
-  column-gap: ${s.sp3};
-`,Ie=o.div`
+  column-gap: ${t.sp3};
+`,He=o.div`
   display: flex;
   align-items: center;
-  column-gap: ${s.sp1};
+  column-gap: ${t.sp1};
   justify-content: center;
-`,We=o(ne)`
+`,Ie=o(ne)`
   color: ${e=>e.theme.colors.brandColorSapphire};
-`,Ye=o(ce)`
+`,Oe=o(ce)`
   color: ${e=>e.theme.colors.brandColorJade};
-`,Je=o(le)`
-  width: ${s.sp4};
-  height: ${s.sp4};
-  margin-right: ${s.sp1};
-`,Oe=o(de)`
+`,Qe=o(le)`
+  width: ${t.sp4};
+  height: ${t.sp4};
+  margin-right: ${t.sp1};
+`,Ye=o(de)`
   color: ${e=>e.theme.colors.primary};
-`,Ge=o.div`
+`,Je=o.div`
   display: flex;
   height: 96px;
   justify-content: center;
-`,Ke=o.div`
+`,Ge=o.div`
   color: ${e=>e.theme.colors.hero};
   cursor: pointer;
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,Qe=o.div`
+`,Ve=o.div`
   display: flex;
   align-items: flex-end;
-  column-gap: ${s.sp2};
+  column-gap: ${t.sp2};
 `,qe=o(g)`
   color: ${e=>e.theme.colors.hero};
-  margin-bottom: ${s.sp1};
-`,Ve=o(_)`
+  margin-bottom: ${t.sp1};
+`,Ke=o(L)`
   color: ${e=>e.progress<100?e.theme.colors.primary:e.theme.colors.success};
 `,Ue=o(g)`
   color: ${e=>e.progress<100?e.theme.colors.hero:e.theme.colors.success};
@@ -175,7 +175,7 @@ import{u as H,e as I,bJ as W,j as r,$ as y,fF as Y,bg as J,g as a,bp as O,B as G
   border-radius: 50%;
   cursor: pointer;
   & svg {
-    margin: ${s.sp5};
+    margin: ${t.sp5};
     color: ${e=>e.theme.colors.grey1};
   }
   &:hover {
@@ -183,7 +183,7 @@ import{u as H,e as I,bJ as W,j as r,$ as y,fF as Y,bg as J,g as a,bp as O,B as G
       color: ${e=>e.theme.colors.primary};
     }
   }
-`,L=o.div`
+`,D=o.div`
   display: flex;
   height: 100vh;
   overflow: auto;
@@ -197,10 +197,10 @@ import{u as H,e as I,bJ as W,j as r,$ as y,fF as Y,bg as J,g as a,bp as O,B as G
   100% {
     transform: rotate(360deg);
   }
-`,er=o(te,{shouldForwardProp:e=>typeof e=="string"&&e!=="$spinning"})`
+`,er=o(se,{shouldForwardProp:e=>typeof e=="string"&&e!=="$spinning"})`
   cursor: pointer;
-  width: ${s.sp4};
-  height: ${s.sp4};
+  width: ${t.sp4};
+  height: ${t.sp4};
   color: ${e=>e.theme.colors.hero};
   animation: ${e=>e.$spinning?m`
           ${Ze} 2s linear infinite;
@@ -208,15 +208,15 @@ import{u as H,e as I,bJ as W,j as r,$ as y,fF as Y,bg as J,g as a,bp as O,B as G
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,rr=o(_)`
+`,rr=o(L)`
   color: ${e=>e.theme.colors.success};
 `,or=o(g)`
   color: ${e=>e.theme.colors.success};
-`,sr=o.div`
+`,tr=o.div`
   width: 82px;
   text-align: center;
-`,tr=o.div`
+`,sr=o.div`
   display: flex;
-  column-gap: ${s.sp8};
+  column-gap: ${t.sp8};
   align-items: flex-start;
 `;export{xr as default};

package/dist/assets/{ExpenseAutomationPage-ugq4J-e3-Cq8XKeSo.js → ExpenseAutomationPage-BC5qS_i3-B_dfKUDn.js}

@@ -1,4 +1,4 @@
-import{o,br as Ha,e as ke,fP as Pi,fQ as Ni,l as q,B as Ie,j as t,bV as Ua,b as ze,a4 as Vi,q as g,bX as Wa,u as bt,aX as qa,hu as Ja,a0 as Ke,bp as we,C as Q,aR as Ka,$ as _,hs as Ga,t as Be,fj as Za,gk as Hi,aS as Ya,bh as Et,am as Ui,w as vt,b6 as Wi,g as tt,jt as Xa,fF as Qa,n as mt,a3 as es,fR as ts,fS as qi,aK as ns,bQ as os,by as is,eA as un,bv as po,a as Ht,bg as mo,F as Ut,ju as as,jv as ss,jw as rs,jx as sn,jy as Ji,jz as Ki,jA as ls,jB as cs,dj as Gi,jC as ds,jD as us,jE as hs,jF as ps,jG as ms,jH as To,jI as gs,jJ as xs,jK as fs,jL as ys,jM as Cs,jN as Zi,jO as ws,jP as bs,jQ as vs,jR as Ss,g4 as Yi,aj as Tn,b_ as An,m as Xi,aE as Qi,dP as ea,ca as hn,dS as go,g0 as js,f5 as ks,fl as Is,r as $s,T as Ls,f2 as Ts,O as ta,jS as As,a8 as xo,a2 as Ao,jT as Es,jU as Rs,gm as na,jV as Ds,a$ as oa,a6 as Os,ga as At,hg as On,ey as jn,cn as fo,H as Fs,cw as ia,dl as Bs,ia as _s,dr as yo,c3 as En,c6 as Rn,hV as ot,v as Lt,h5 as Ms,g5 as Fn,iu as Eo,dh as aa,cz as cn,jW as zs,ae as Ps,dq as sa,K as dn,hM as ra,hW as ro,jX as Qt,dY as la,dZ as ca,jY as da,jZ as ua,j_ as Ns,cx as Dn,hN as ha,d1 as pa,eq as Bn,X as Co,j$ as Vs,ct as Hs,ab as ma,i1 as Us,dQ as Ws,p as ft,k0 as qs,k1 as Js,ah as _n,cH as Ks,x as Gs,en as Zs,eo as Ys,ep as Xs,er as Ro,es as Do,et as Qs,k2 as er,af as tr,eC as nr,eD as or,eE as ir}from"./index-IgYBqF_x.js";import{n as s,b as a,j as et,k as wo,f as ga}from"./vendor-rkTZJa59.js";import{r as xa,R as fa,n as en,W as pt}from"./CollapsableReportTable-C3JrOMbA-C8RANxS5.js";import{o as ya}from"./mapTimeframeBalancesToTreeNode-Brqz18bN-TNhDDil7.js";import{d as Oo}from"./mapLoadingInProgressToTreeNode-BrrNGuAc-CqsUk4Uv.js";import{h as ar}from"./VendorsAccountsSection-DyEqMESi-D9e9kicf.js";import{u as sr,c as Fo,d as rr,m as lr}from"./uploadAttachment-nqQ-JycC-9pV7MrnE.js";import"./mui-C42whWwM.js";import"./analytics-Dr_Q0qi5.js";import"./routing-VwiwPky5.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-Ccg-ICil.js";import"./AccountRow-D-CPGejv-C0MkYOn9.js";const{common:{navBar:{back:cr},texts:{refresh:dr,close:ur,copy:hr,copied:pr,open:mr}},expenseAutomation:{common:{numbers:{maximumCount:gr}}}}=Ie.getLocalizedStrings(),xr=s(js)`
+import{o,br as Ha,e as ke,fP as Pi,fQ as Ni,l as q,R as Ie,j as t,bV as Ua,_ as ze,a4 as Vi,q as g,bX as Wa,u as bt,aX as qa,hu as Ja,a0 as Ke,bp as we,C as Q,aR as Ka,W as _,hs as Ga,y as Be,fj as Za,gk as Hi,aS as Ya,bh as Et,am as Ui,w as vt,b6 as Wi,f as tt,jt as Xa,fF as Qa,n as mt,a3 as es,fR as ts,fS as qi,aK as ns,bQ as os,by as is,eA as un,bv as po,a as Ht,bg as mo,F as Ut,ju as as,jv as ss,jw as rs,jx as sn,jy as Ji,jz as Ki,jA as ls,jB as cs,dj as Gi,jC as ds,jD as us,jE as hs,jF as ps,jG as ms,jH as To,jI as gs,jJ as xs,jK as fs,jL as ys,jM as Cs,jN as Zi,jO as ws,jP as bs,jQ as vs,jR as Ss,g4 as Yi,aj as Tn,b_ as An,m as Xi,aE as Qi,dP as ea,ca as hn,dS as go,g0 as js,f5 as ks,fl as Is,r as $s,T as Ls,f2 as Ts,J as ta,jS as As,a8 as xo,a2 as Ao,jT as Es,jU as Rs,gm as na,jV as Ds,a$ as oa,a6 as Os,ga as At,hg as On,ey as jn,cn as fo,D as Fs,cw as ia,dl as Bs,ia as _s,dr as yo,c3 as En,c6 as Rn,hV as ot,v as Lt,h5 as Ms,g5 as Fn,iu as Eo,dh as aa,cz as cn,jW as zs,ae as Ps,dq as sa,Q as dn,hM as ra,hW as ro,jX as Qt,dY as la,dZ as ca,jY as da,jZ as ua,j_ as Ns,cx as Dn,hN as ha,d1 as pa,eq as Bn,U as Co,j$ as Vs,ct as Hs,ab as ma,i1 as Us,dQ as Ws,p as ft,k0 as qs,k1 as Js,ah as _n,cH as Ks,b as Gs,en as Zs,eo as Ys,ep as Xs,er as Ro,es as Do,et as Qs,k2 as er,af as tr,eC as nr,eD as or,eE as ir}from"./index-DESjn-8d.js";import{n as s,b as a,j as et,k as wo,f as ga}from"./vendor-rkTZJa59.js";import{r as xa,R as fa,n as en,W as pt}from"./CollapsableReportTable-B_qvVX0p-B7sAIIqY.js";import{o as ya}from"./mapTimeframeBalancesToTreeNode-Vy-w7j2m-DzRWaem3.js";import{d as Oo}from"./mapLoadingInProgressToTreeNode-CKsE235C-BIU8Mfd7.js";import{h as ar}from"./VendorsAccountsSection-Cjwpb7Ej-Cx7NEKJj.js";import{u as sr,c as Fo,d as rr,m as lr}from"./uploadAttachment-PMsRrXUz-BBJRkZzC.js";import"./mui-C42whWwM.js";import"./analytics-CcevxdRy.js";import"./routing-VwiwPky5.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-CK3r1iTV.js";import"./AccountRow-Dj74AzIh-BbDAUA8T.js";const{common:{navBar:{back:cr},texts:{refresh:dr,close:ur,copy:hr,copied:pr,open:mr}},expenseAutomation:{common:{numbers:{maximumCount:gr}}}}=Ie.getLocalizedStrings(),xr=s(js)`
   display: flex;
   width: ${o.sp4};
   height: ${o.sp4};

package/dist/assets/{ExpressPayPage-DWFyq0OM-Xap9PWuy.js → ExpressPayPage-I-QL4uh--CR8ltLbL.js}

@@ -1,4 +1,4 @@
-import{u as Re,e as Q,B as Y,a as Ke,a2 as De,ca as Qe,l as O,j as t,aX as et,F as tt,a4 as it,C as x,o as n,k6 as at,k7 as nt,k8 as lt,cg as ze,cd as ot,cG as rt,fb as dt,fc as st,cf as ke,fK as ct,k9 as pt,cj as mt,cL as Ve,ck as ut,cM as Ae,cV as Oe,v as ge,cZ as ht,q as u,ap as yt,am as be,g as Ee,n as gt,s as We}from"./index-IgYBqF_x.js";import{b as J,n as d}from"./vendor-rkTZJa59.js";import{Y as xt}from"./LabeledDocumentField-BQDoGQsy-DjCrwjKi.js";import{S as ie}from"./LabeledText-BRS0e-dG-BZq4VrX9.js";import"./mui-C42whWwM.js";import"./analytics-Dr_Q0qi5.js";import"./routing-VwiwPky5.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-Ccg-ICil.js";const ft={progressBarWidth:new x(343,726)},bt=({pageIndex:e})=>{const i=Q(),a=Re(),s=Y.getLocalizedStrings().spendManagement.zeniAccounts.expressPay.progressBar,h=[s.stateOne,s.stateTwo,s.stateThree];return i==="small"?t.jsxs(vt,{children:[t.jsx(at,{coloredSectionCount:e,stretchedSection:1,totalSections:2,barColor:a.colors.brandColorJade,isFrozen:!1,topMargin:8}),t.jsx($t,{children:h.map((p,l)=>t.jsx(Ct,{isLast:l==h.length-1,isRelevant:l<=e,perSectionHeight:100/h.length,children:t.jsx(Le,{children:p})},l))})]}):t.jsxs(wt,{windowSize:i,children:[t.jsx(nt,{coloredSectionCount:e,totalSections:2,barColor:a.colors.brandColorJade,isFrozen:!1}),t.jsx(St,{children:h.map((p,l)=>t.jsx(jt,{stateIndex:l,isRelevant:l<=e,children:t.jsx(Le,{children:p})},p))})]})},wt=d.div`
+import{u as Be,e as Q,R as Y,a as Ke,a2 as De,ca as Qe,l as O,j as t,aX as et,F as tt,a4 as it,C as x,o as n,k6 as at,k7 as nt,k8 as lt,cg as ze,cd as ot,cG as rt,fb as dt,fc as st,cf as ke,fK as ct,k9 as pt,cj as mt,cL as Ve,ck as ut,cM as Ae,cV as Oe,v as ge,cZ as ht,q as u,ap as yt,am as be,f as Ee,n as gt,x as We}from"./index-DESjn-8d.js";import{b as J,n as d}from"./vendor-rkTZJa59.js";import{Y as xt}from"./LabeledDocumentField-DX4zVKkz-CS1LiAul.js";import{S as ie}from"./LabeledText-4NNrEynJ-BDzeNgnU.js";import"./mui-C42whWwM.js";import"./analytics-CcevxdRy.js";import"./routing-VwiwPky5.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-CK3r1iTV.js";const ft={progressBarWidth:new x(343,726)},bt=({pageIndex:e})=>{const i=Q(),a=Be(),s=Y.getLocalizedStrings().spendManagement.zeniAccounts.expressPay.progressBar,h=[s.stateOne,s.stateTwo,s.stateThree];return i==="small"?t.jsxs(vt,{children:[t.jsx(at,{coloredSectionCount:e,stretchedSection:1,totalSections:2,barColor:a.colors.brandColorJade,isFrozen:!1,topMargin:8}),t.jsx(Ct,{children:h.map((p,l)=>t.jsx($t,{isLast:l==h.length-1,isRelevant:l<=e,perSectionHeight:100/h.length,children:t.jsx(Le,{children:p})},l))})]}):t.jsxs(wt,{windowSize:i,children:[t.jsx(nt,{coloredSectionCount:e,totalSections:2,barColor:a.colors.brandColorJade,isFrozen:!1}),t.jsx(St,{children:h.map((p,l)=>t.jsx(jt,{stateIndex:l,isRelevant:l<=e,children:t.jsx(Le,{children:p})},p))})]})},wt=d.div`
   display: flex;
   flex-direction: column;
   margin-top: ${n.sp3};
@@ -24,31 +24,31 @@ import{u as Re,e as Q,B as Y,a as Ke,a2 as De,ca as Qe,l as O,j as t,aX as et,F
   align-items: center;
   text-align: ${e=>e.stateIndex===0?"left":e.stateIndex===1?"center":"right"};
   color: ${e=>e.isRelevant?e.theme.colors.primary:e.theme.colors.grey2};
-`,Le=d(yt)``,$t=d.div`
+`,Le=d(yt)``,Ct=d.div`
   display: flex;
   flex-direction: column;
   width: 100%;
   margin: -${n.sp2} ${n.sp3} ${n.sp3} ${n.sp3};
   justify-content: space-between;
   height: 186px;
-`,Ct=d.div`
+`,$t=d.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   position: relative;
   height: ${e=>`${e.perSectionHeight}%`};
   color: ${e=>e.isRelevant?e.theme.colors.primary:e.theme.colors.grey2};
-`,I={containerWidth:new x(343,580,726),labelWidth:new x(120,160,160),largeLabelWidth:new x(150,228,228),largeLabelPickerWidth:new x(100,180,180),paddingBottom:new x(u[3],u[2]),labelMarginLeftPicker:new x(u[3],u[4]),labelMarginRightPicker:new x(u[3],u[4]),labelMarginTopPicker:new x(u[2],u[2]),labeledFieldPaddingLeft:new x(u[0],u[0]),labeledFieldPaddingRight:new x(u[2],u[2]),labeledFieldPaddingTop:new x(u[2],u[2]),labeledFieldPaddingBottom:new x(u[2],u[2]),infoLabelPaddingRight:new x(u[0],u[3]),infoLabelMarginTop:new x(u[1],u[0])},V=(e,i)=>`${e}.${i}`,Pt=({sectionId:e,paymentDetails:i,allPaymentMethods:a,paymentToOptions:s,withdrawFromList:h,internationalVerificationStatus:p,fileProps:l,receiptFile:T,deleteFileStatusById:P,updateFileStatusById:f,onClickAddAccount:w})=>{const o=Q(),{spendManagement:D,dateFormat:y,common:$}=Y.getLocalizedStrings(),C=D.billPay.billDetails,X=y.visual.defaultInput,re=D.zeniAccounts.expressPay,de=$.documents,_=I.largeLabelWidth.value(o),[g,G]=J.useState(!1),H=a.filter(r=>r.method.includes(i?.withdrawFrom?.accType??"depositAccount")&&r.method.includes(O.NEW_INTERNATIONAL_METHOD_SUBTEXT)===!1),k=r=>s.find(m=>m.id===r),N=r=>Ve(k(r)),se=()=>{let r=[];return i?.paymentType?.method.includes("wire")===!0?r=s.filter(m=>!!m.bankRoutingNumberWireTransfer).map(m=>m.id):r=s.filter(m=>!!m.bankRoutingNumberAch).map(m=>m.id),r},ce=r=>{const m=k(r),j=Y.getLocalizedStrings().spendManagement.billPay;return i?.paymentType?.method.includes("ach")===!0?t.jsxs(xe,{children:[t.jsxs(q,{children:[t.jsx(E,{children:j.vendorCreation.achDetails.bankRoutingNumber}),t.jsx(W,{children:m?.bankRoutingNumberAch??j.vendorCreation.emptyPlaceholderString})]}),t.jsxs(q,{children:[t.jsx(E,{children:j.vendorCreation.achDetails.bankName}),t.jsx(W,{children:m?.bankName??j.vendorCreation.emptyPlaceholderString})]}),t.jsxs(q,{children:[t.jsx(E,{children:j.vendorCreation.achDetails.bankAccountNumber}),t.jsx(W,{children:m?.bankAccountNumber??j.vendorCreation.emptyPlaceholderString})]})]}):i?.paymentType?.method.includes("wire")===!0?i.paymentType?.method.includes("international")===!0?t.jsx(xe,{children:m?.piLabels.map(U=>t.jsxs(q,{children:[t.jsxs(E,{children:[U.name,j.paymentDetails.colon]}),t.jsx(W,{children:U.value})]},U.name))}):t.jsxs(xe,{children:[t.jsxs(q,{children:[t.jsx(E,{children:j.vendorCreation.wireDetails.bankRoutingNumber}),t.jsx(W,{children:m?.bankRoutingNumberWireTransfer??j.vendorCreation.emptyPlaceholderString})]}),t.jsxs(q,{children:[t.jsx(E,{children:j.vendorCreation.achDetails.bankName}),t.jsx(W,{children:m?.bankName??j.vendorCreation.emptyPlaceholderString})]}),t.jsxs(q,{children:[t.jsx(E,{children:j.vendorCreation.wireDetails.accountNumber}),t.jsx(W,{children:m?.bankAccountNumber??j.vendorCreation.emptyPlaceholderString})]})]}):""};return t.jsxs(t.Fragment,{children:[t.jsx(It,{children:C.paymentDetailsTitle}),t.jsxs(Tt,{windowSize:o,children:[t.jsx(rt,{label:{label:C.withdrawFrom,width:_,style:{marginLeft:I.labelMarginLeftPicker.valuePx(o),marginTop:I.labelMarginTopPicker.valuePx(o),marginRight:I.labelMarginRightPicker.valuePx(o),width:I.largeLabelPickerWidth.value(o)}},style:{paddingTop:I.labeledFieldPaddingTop.valuePx(o),paddingBottom:I.labeledFieldPaddingBottom.valuePx(o),paddingLeft:I.labeledFieldPaddingLeft.valuePx(o),paddingRight:I.labeledFieldPaddingRight.valuePx(o),border:"none",width:"auto",display:o==="small"?"flex":"inherit"},infoLabelStyle:{textAlign:o==="small"?"left":"right",paddingRight:I.infoLabelPaddingRight.valuePx(o),marginTop:I.infoLabelMarginTop.valuePx(o)},singleSelectPickerField:{name:V(e,"withdrawFrom"),placeholder:ke(C.withdrawFrom),style:{position:"relative"},capitalizeOptions:!0,isOptionRemovable:!1,showTickIcon:!1,valueToLogo:(r,m)=>st(h,r,m),valueToSubLabels:(r,m)=>dt(h,r,m,!1),defaultValue:{selectedOption:i?.withdrawFrom?.id,allOptions:h.map(r=>({label:r.label,value:r.id}))},textAlignment:"right",registerOptions:{required:!0,validate:r=>r!=null&&!!r.selectedOption}}}),t.jsx(Z,{}),t.jsx(ct,{showAdditionalInfoLabel:!1,label:{label:C.amount,width:_},formattedTextField:{type:"number",name:V(e,"amount"),defaultValue:i?.recipientAmount??0,placeholder:ke(C.amount),returnValueType:"floatValue",prefix:"$",allowNegative:!1,isNumericString:!1,registerOptions:{required:!0,validate:r=>r!=null&&r!==0},autoComplete:"off",decimalSeparator:".",decimalScale:2,fixedDecimalScale:!1,thousandSeparator:!0,shouldHighlightZeroAmount:!0},style:{width:"auto"}}),t.jsx(Z,{}),t.jsx(pt,{label:{label:C.paymentMethod,width:I.labelWidth.value(o)},style:{width:"auto"},disableOutline:!0,paymentSingleSelectField:{name:V(e,"paymentMethod"),placeholder:C.billTypeMethodPlaceholder,defaultValue:i?.paymentType,allPaymentMethods:H,isAdmin:!0,internationalVerificationStatus:p,registerOptions:{required:!0,validate:r=>r!=null},onInternationalWireVerifyClick:()=>{}}}),t.jsx(Z,{}),t.jsx(mt,{label:{label:C.paymentDate,width:I.labelWidth.value(o)},style:{paddingBottom:I.paddingBottom.valuePx(o),width:"auto"},dateField:{name:V(e,"paymentDate"),placeholder:C.paymentDate,dateFormat:X,autoComplete:"off",minDate:O.dateNow(),registerOptions:{required:!0}}}),t.jsx(Z,{}),t.jsx(ze,{label:{label:C.paymentTo,width:_},style:{width:"auto"},isFunctional:!0,singleSelectField:{singleSelect:{name:V(e,"paymentTo"),placeholder:C.selectAccount,getTooltipInfo:ce,menuPlacement:"top",maxMenuHeight:308,isOptionRemovable:!1,showEyeIconOnSelect:!1,showVerifiedIcon:!0,onClickCreateBankAccount:w,showAddBankAccountOption:!0,showCollectPaymentDetailsOption:!1,getLabelForId:N},defaultValue:{selectedOption:i?.paymentType!=null?i?.paymentTo?.id:"",allOptions:i?.paymentType!=null?se():[]},registerOptions:{required:!0,validate:r=>r?.selectedOption!=null}}}),t.jsx(Z,{}),t.jsx(xt,{name:V(e,"receipt"),sizeLimit:ut,deleteFileStatusById:P,updateFileStatusById:f,filesEndPoint:l.filesEndPoint,authParams:l.authParams,label:{label:re.reciept,width:_},filemetadataPayload:{documentType:"id_document",purposeId:"business_verification_others",documentSide:"front"},file:T,acceptableTypes:["image/jpg","image/jpeg","image/png","application/pdf","image/heic","image/heif"],registerOptions:{required:!1},hasError:g,updateFilesEntity:l.updateFilesEntity,onEditFileName:l.onEditFileName,onDeleteFile:l.onDeleteFile,onFileSizeError:r=>G(r),isOptional:!0,style:T!=null?{borderBottomLeftRadius:"inherit",borderBottomRightRadius:"inherit"}:void 0},V(e,"receipt")),T==null?t.jsx(Ft,{windowSize:o,isError:g,children:de.formatDocumentText10MB}):null,t.jsx(Z,{})]})]})},It=d(be)`
+`,T={containerWidth:new x(343,580,726),labelWidth:new x(120,160,160),largeLabelWidth:new x(150,228,228),largeLabelPickerWidth:new x(100,180,180),paddingBottom:new x(u[3],u[2]),labelMarginLeftPicker:new x(u[3],u[4]),labelMarginRightPicker:new x(u[3],u[4]),labelMarginTopPicker:new x(u[2],u[2]),labeledFieldPaddingLeft:new x(u[0],u[0]),labeledFieldPaddingRight:new x(u[2],u[2]),labeledFieldPaddingTop:new x(u[2],u[2]),labeledFieldPaddingBottom:new x(u[2],u[2]),infoLabelPaddingRight:new x(u[0],u[3]),infoLabelMarginTop:new x(u[1],u[0])},V=(e,i)=>`${e}.${i}`,Pt=({sectionId:e,paymentDetails:i,allPaymentMethods:a,paymentToOptions:s,withdrawFromList:h,internationalVerificationStatus:p,fileProps:l,receiptFile:I,deleteFileStatusById:P,updateFileStatusById:f,onClickAddAccount:w})=>{const o=Q(),{spendManagement:D,dateFormat:y,common:C}=Y.getLocalizedStrings(),$=D.billPay.billDetails,X=y.visual.defaultInput,re=D.zeniAccounts.expressPay,de=C.documents,_=T.largeLabelWidth.value(o),[g,G]=J.useState(!1),H=a.filter(r=>r.method.includes(i?.withdrawFrom?.accType??"depositAccount")&&r.method.includes(O.NEW_INTERNATIONAL_METHOD_SUBTEXT)===!1),k=r=>s.find(m=>m.id===r),N=r=>Ve(k(r)),se=()=>{let r=[];return i?.paymentType?.method.includes("wire")===!0?r=s.filter(m=>!!m.bankRoutingNumberWireTransfer).map(m=>m.id):r=s.filter(m=>!!m.bankRoutingNumberAch).map(m=>m.id),r},ce=r=>{const m=k(r),j=Y.getLocalizedStrings().spendManagement.billPay;return i?.paymentType?.method.includes("ach")===!0?t.jsxs(xe,{children:[t.jsxs(q,{children:[t.jsx(E,{children:j.vendorCreation.achDetails.bankRoutingNumber}),t.jsx(W,{children:m?.bankRoutingNumberAch??j.vendorCreation.emptyPlaceholderString})]}),t.jsxs(q,{children:[t.jsx(E,{children:j.vendorCreation.achDetails.bankName}),t.jsx(W,{children:m?.bankName??j.vendorCreation.emptyPlaceholderString})]}),t.jsxs(q,{children:[t.jsx(E,{children:j.vendorCreation.achDetails.bankAccountNumber}),t.jsx(W,{children:m?.bankAccountNumber??j.vendorCreation.emptyPlaceholderString})]})]}):i?.paymentType?.method.includes("wire")===!0?i.paymentType?.method.includes("international")===!0?t.jsx(xe,{children:m?.piLabels.map(U=>t.jsxs(q,{children:[t.jsxs(E,{children:[U.name,j.paymentDetails.colon]}),t.jsx(W,{children:U.value})]},U.name))}):t.jsxs(xe,{children:[t.jsxs(q,{children:[t.jsx(E,{children:j.vendorCreation.wireDetails.bankRoutingNumber}),t.jsx(W,{children:m?.bankRoutingNumberWireTransfer??j.vendorCreation.emptyPlaceholderString})]}),t.jsxs(q,{children:[t.jsx(E,{children:j.vendorCreation.achDetails.bankName}),t.jsx(W,{children:m?.bankName??j.vendorCreation.emptyPlaceholderString})]}),t.jsxs(q,{children:[t.jsx(E,{children:j.vendorCreation.wireDetails.accountNumber}),t.jsx(W,{children:m?.bankAccountNumber??j.vendorCreation.emptyPlaceholderString})]})]}):""};return t.jsxs(t.Fragment,{children:[t.jsx(Tt,{children:$.paymentDetailsTitle}),t.jsxs(It,{windowSize:o,children:[t.jsx(rt,{label:{label:$.withdrawFrom,width:_,style:{marginLeft:T.labelMarginLeftPicker.valuePx(o),marginTop:T.labelMarginTopPicker.valuePx(o),marginRight:T.labelMarginRightPicker.valuePx(o),width:T.largeLabelPickerWidth.value(o)}},style:{paddingTop:T.labeledFieldPaddingTop.valuePx(o),paddingBottom:T.labeledFieldPaddingBottom.valuePx(o),paddingLeft:T.labeledFieldPaddingLeft.valuePx(o),paddingRight:T.labeledFieldPaddingRight.valuePx(o),border:"none",width:"auto",display:o==="small"?"flex":"inherit"},infoLabelStyle:{textAlign:o==="small"?"left":"right",paddingRight:T.infoLabelPaddingRight.valuePx(o),marginTop:T.infoLabelMarginTop.valuePx(o)},singleSelectPickerField:{name:V(e,"withdrawFrom"),placeholder:ke($.withdrawFrom),style:{position:"relative"},capitalizeOptions:!0,isOptionRemovable:!1,showTickIcon:!1,valueToLogo:(r,m)=>st(h,r,m),valueToSubLabels:(r,m)=>dt(h,r,m,!1),defaultValue:{selectedOption:i?.withdrawFrom?.id,allOptions:h.map(r=>({label:r.label,value:r.id}))},textAlignment:"right",registerOptions:{required:!0,validate:r=>r!=null&&!!r.selectedOption}}}),t.jsx(Z,{}),t.jsx(ct,{showAdditionalInfoLabel:!1,label:{label:$.amount,width:_},formattedTextField:{type:"number",name:V(e,"amount"),defaultValue:i?.recipientAmount??0,placeholder:ke($.amount),returnValueType:"floatValue",prefix:"$",allowNegative:!1,isNumericString:!1,registerOptions:{required:!0,validate:r=>r!=null&&r!==0},autoComplete:"off",decimalSeparator:".",decimalScale:2,fixedDecimalScale:!1,thousandSeparator:!0,shouldHighlightZeroAmount:!0},style:{width:"auto"}}),t.jsx(Z,{}),t.jsx(pt,{label:{label:$.paymentMethod,width:T.labelWidth.value(o)},style:{width:"auto"},disableOutline:!0,paymentSingleSelectField:{name:V(e,"paymentMethod"),placeholder:$.billTypeMethodPlaceholder,defaultValue:i?.paymentType,allPaymentMethods:H,isAdmin:!0,internationalVerificationStatus:p,registerOptions:{required:!0,validate:r=>r!=null},onInternationalWireVerifyClick:()=>{}}}),t.jsx(Z,{}),t.jsx(mt,{label:{label:$.paymentDate,width:T.labelWidth.value(o)},style:{paddingBottom:T.paddingBottom.valuePx(o),width:"auto"},dateField:{name:V(e,"paymentDate"),placeholder:$.paymentDate,dateFormat:X,autoComplete:"off",minDate:O.dateNow(),registerOptions:{required:!0}}}),t.jsx(Z,{}),t.jsx(ze,{label:{label:$.paymentTo,width:_},style:{width:"auto"},isFunctional:!0,singleSelectField:{singleSelect:{name:V(e,"paymentTo"),placeholder:$.selectAccount,getTooltipInfo:ce,menuPlacement:"top",maxMenuHeight:308,isOptionRemovable:!1,showEyeIconOnSelect:!1,showVerifiedIcon:!0,onClickCreateBankAccount:w,showAddBankAccountOption:!0,showCollectPaymentDetailsOption:!1,getLabelForId:N},defaultValue:{selectedOption:i?.paymentType!=null?i?.paymentTo?.id:"",allOptions:i?.paymentType!=null?se():[]},registerOptions:{required:!0,validate:r=>r?.selectedOption!=null}}}),t.jsx(Z,{}),t.jsx(xt,{name:V(e,"receipt"),sizeLimit:ut,deleteFileStatusById:P,updateFileStatusById:f,filesEndPoint:l.filesEndPoint,authParams:l.authParams,label:{label:re.reciept,width:_},filemetadataPayload:{documentType:"id_document",purposeId:"business_verification_others",documentSide:"front"},file:I,acceptableTypes:["image/jpg","image/jpeg","image/png","application/pdf","image/heic","image/heif"],registerOptions:{required:!1},hasError:g,updateFilesEntity:l.updateFilesEntity,onEditFileName:l.onEditFileName,onDeleteFile:l.onDeleteFile,onFileSizeError:r=>G(r),isOptional:!0,style:I!=null?{borderBottomLeftRadius:"inherit",borderBottomRightRadius:"inherit"}:void 0},V(e,"receipt")),I==null?t.jsx(Ft,{windowSize:o,isError:g,children:de.formatDocumentText10MB}):null,t.jsx(Z,{})]})]})},Tt=d(be)`
   color: ${e=>e.theme.colors.primary};
   margin-bottom: ${n.sp3};
-`,Tt=d.div`
+`,It=d.div`
   display: flex;
   flex-direction: column;
   background-color: ${e=>e.theme.colors.grey5};
   border: 1px solid ${e=>e.theme.colors.grey3};
   box-shadow: ${e=>`${n.sp0} 2px ${n.sp1} ${e.theme.colors.dropShadowNormal}`};
   border-radius: ${n.sp2};
-  width: ${e=>I.containerWidth.valuePx(e.windowSize)};
+  width: ${e=>T.containerWidth.valuePx(e.windowSize)};
 `,Z=d.div`
   display: flex;
   flex: 1;
@@ -79,7 +79,7 @@ import{u as Re,e as Q,B as Y,a as Ke,a2 as De,ca as Qe,l as O,j as t,aX as et,F
   border-radius: ${n.sp0} ${n.sp0} ${n.sp2} ${n.sp2};
   text-align: ${e=>e.windowSize==="small"?"initial":"right"};
   color: ${e=>e.isError?Ee.important:e.theme.colors.grey1};
-`,Dt={largeLabelWidth:new x(150,210,210)},ae=(e,i)=>`${e}.${i}`,kt=({sectionId:e,vendorTypeList:i,formLocalData:a,vendorSearchAutoCompleteData:s,vendorSearchAutoCompleteActions:h})=>{const p=Q(),l=Y.getLocalizedStrings().spendManagement.zeniAccounts.expressPay,T=Dt.largeLabelWidth.value(p),P=J.useRef();J.useEffect(()=>{s?.entityAutoCompleteView.fetchState==="Completed"&&P.current?.(At(s?.entityAutoCompleteView))},[s?.entityAutoCompleteView.fetchState]);const f={vendorSearchAutoCompleteData:s,loadOptions:(y,$)=>{h?.onAutoCompleteInputChange?.(y,"vendor"),P.current=$}},w=f?.vendorSearchAutoCompleteData?.autoCompleteText!=null&&(f?.vendorSearchAutoCompleteData?.entityAutoCompleteView.fetchState==="In-Progress"||f?.vendorSearchAutoCompleteData?.entityAutoCompleteView.fetchState==="Not-Started"),o={defaultOptions:qe(a?.vendorId,a?.vendorName,s?.entityAutoCompleteView),selectedOption:a?.vendorId??a?.vendorName??""},D={valueContainer:y=>({...y,padding:`2px ${p==="small"?n.sp2:n.sp3} !important`,overflow:"unset"}),singleValue:y=>({...y,margin:0}),placeholder:y=>({...y,fontWeight:"normal"})};return t.jsxs(t.Fragment,{children:[t.jsx(Ot,{children:l.recipientSectionTitle}),t.jsx(Lt,{children:t.jsxs(Nt,{children:[t.jsx(lt,{label:{label:l.recipientName,width:T},addIconInCreateLabel:!0,autoCompleteSingleSelectField:{name:ae(e,"recipient"),placeholder:p==="small"?l.placeholders.recipientNameMobile:l.placeholders.recipientName,valueToId:y=>y,defaultValue:{...o},style:{width:"100%"},customStyleConfig:D,registerOptions:{required:!0,validate:y=>y!=null&&!!y.selectedOption},loadOptions:f?.loadOptions,isOptionsLoading:w,makeCreateOptionSticky:!0,entity:"recipient"},style:{justifyContent:"space-between"},fullWidthSelect:!0},ae(e,"recipient")),t.jsx(Ne,{}),t.jsx(ze,{label:{label:l.recipientType,width:T},singleSelectField:{singleSelect:{name:ae(e,"recipientType"),placeholder:l.placeholders.recipientType,showValueEyeIcon:!1,showEyeIconOnSelect:!1,getLabelForId:y=>i.find($=>$.code===y)?.name??"",showTickMark:!1,maxMenuHeight:250},defaultValue:{selectedOption:a?.vendorType,allOptions:i.map(y=>y.code)},registerOptions:{required:!0,validate:y=>!!y.selectedOption}},isFunctional:!0}),t.jsx(Ne,{}),t.jsx(ot,{showAdditionalInfoLabel:!1,label:{label:l.recipientEmail,width:T},text:{type:"email",name:ae(e,"recipientEmail"),placeholder:l.placeholders.recipientEmail,options:{required:!0}},style:{borderBottomLeftRadius:"inherit",borderBottomRightRadius:"inherit"}})]})})]})},qe=(e,i,a)=>{if(e==null)return[];const s=a?.vendor?.find(h=>h.id===e);return s!=null||e!=null?[{label:s?.name??i??e??"",value:e??i??""}]:[]},At=e=>e?.vendor.map(i=>({label:i.name,value:i.zeniId,zeniId:i.zeniId}))??[],Ot=d(be)`
+`,Dt={largeLabelWidth:new x(150,210,210)},ae=(e,i)=>`${e}.${i}`,kt=({sectionId:e,vendorTypeList:i,formLocalData:a,vendorSearchAutoCompleteData:s,vendorSearchAutoCompleteActions:h})=>{const p=Q(),l=Y.getLocalizedStrings().spendManagement.zeniAccounts.expressPay,I=Dt.largeLabelWidth.value(p),P=J.useRef();J.useEffect(()=>{s?.entityAutoCompleteView.fetchState==="Completed"&&P.current?.(At(s?.entityAutoCompleteView))},[s?.entityAutoCompleteView.fetchState]);const f={vendorSearchAutoCompleteData:s,loadOptions:(y,C)=>{h?.onAutoCompleteInputChange?.(y,"vendor"),P.current=C}},w=f?.vendorSearchAutoCompleteData?.autoCompleteText!=null&&(f?.vendorSearchAutoCompleteData?.entityAutoCompleteView.fetchState==="In-Progress"||f?.vendorSearchAutoCompleteData?.entityAutoCompleteView.fetchState==="Not-Started"),o={defaultOptions:qe(a?.vendorId,a?.vendorName,s?.entityAutoCompleteView),selectedOption:a?.vendorId??a?.vendorName??""},D={valueContainer:y=>({...y,padding:`2px ${p==="small"?n.sp2:n.sp3} !important`,overflow:"unset"}),singleValue:y=>({...y,margin:0}),placeholder:y=>({...y,fontWeight:"normal"})};return t.jsxs(t.Fragment,{children:[t.jsx(Ot,{children:l.recipientSectionTitle}),t.jsx(Lt,{children:t.jsxs(Nt,{children:[t.jsx(lt,{label:{label:l.recipientName,width:I},addIconInCreateLabel:!0,autoCompleteSingleSelectField:{name:ae(e,"recipient"),placeholder:p==="small"?l.placeholders.recipientNameMobile:l.placeholders.recipientName,valueToId:y=>y,defaultValue:{...o},style:{width:"100%"},customStyleConfig:D,registerOptions:{required:!0,validate:y=>y!=null&&!!y.selectedOption},loadOptions:f?.loadOptions,isOptionsLoading:w,makeCreateOptionSticky:!0,entity:"recipient"},style:{justifyContent:"space-between"},fullWidthSelect:!0},ae(e,"recipient")),t.jsx(Ne,{}),t.jsx(ze,{label:{label:l.recipientType,width:I},singleSelectField:{singleSelect:{name:ae(e,"recipientType"),placeholder:l.placeholders.recipientType,showValueEyeIcon:!1,showEyeIconOnSelect:!1,getLabelForId:y=>i.find(C=>C.code===y)?.name??"",showTickMark:!1,maxMenuHeight:250},defaultValue:{selectedOption:a?.vendorType,allOptions:i.map(y=>y.code)},registerOptions:{required:!0,validate:y=>!!y.selectedOption}},isFunctional:!0}),t.jsx(Ne,{}),t.jsx(ot,{showAdditionalInfoLabel:!1,label:{label:l.recipientEmail,width:I},text:{type:"email",name:ae(e,"recipientEmail"),placeholder:l.placeholders.recipientEmail,options:{required:!0}},style:{borderBottomLeftRadius:"inherit",borderBottomRightRadius:"inherit"}})]})})]})},qe=(e,i,a)=>{if(e==null)return[];const s=a?.vendor?.find(h=>h.id===e);return s!=null||e!=null?[{label:s?.name??i??e??"",value:e??i??""}]:[]},At=e=>e?.vendor.map(i=>({label:i.name,value:i.zeniId,zeniId:i.zeniId}))??[],Ot=d(be)`
   color: ${e=>e.theme.colors.primary};
   margin-bottom: ${n.sp3};
 `,Lt=d.div`
@@ -98,7 +98,7 @@ import{u as Re,e as Q,B as Y,a as Ke,a2 as De,ca as Qe,l as O,j as t,aX as et,F
   background-color: ${e=>e.theme.colors.grey3};
   min-height: 1px;
   max-height: 1px;
-`,oe={containerWidth:new x(343,580,726),largeLabelWidth:new x(150,215,215),reviewContainerMarginLeft:new x(u[3],u[6]),reviewContainerMarginRight:new x(u[3],u[8])},Mt=({vendorName:e,reviewDetails:i,paymentToOptions:a,style:s})=>{const h=Q(),p=oe.largeLabelWidth.value(h),{billPay:l}=Y.getLocalizedStrings().spendManagement,{dateFormat:T,common:P}=Y.getLocalizedStrings(),f=l.billDetails,w=i?.paymentType,o=T.visual.MMMDCommaYYYYformat,D={amount:i?.amount?.amount??0,currencyCode:P.currency.currencyCode,currencySymbol:P.currency.currencySymbol},y=Ve(a.find(X=>X.id===i?.paymentToAccountId)),$=i?.paymentDate,C=Ae(w?.method??"");return t.jsx(Wt,{children:t.jsxs(qt,{windowSize:h,style:s,children:[t.jsxs(_t,{children:[t.jsx(ne,{children:f.pay}),t.jsx(ne,{children:t.jsx(Oe,{amount:D,integerStyles:ge.largeSemiBold.cssObject})}),t.jsx(ne,{children:f.to}),t.jsx(ne,{children:e})]}),t.jsxs(Yt,{windowSize:h,children:[t.jsx(ie,{label:{label:f.withdrawFrom,width:p},style:{width:"auto",gap:u[3]},value:i?.withdrawFrom!=null?ht(i.withdrawFrom,h):P.strings.empty}),t.jsx(fe,{}),t.jsx(ie,{label:{label:f.paymentMethod,width:p},style:{width:"auto"},value:Ae(w?.method??"")}),t.jsx(fe,{}),$!=null?t.jsxs(t.Fragment,{children:[t.jsx(ie,{label:{label:f.paymentDate,width:p},style:{width:"auto"},value:$.format(o),additionalInfoLabel:`${f.estimatedArrival}${O.zeniDate(O.getNextNthWorkingDay($.toDate(),[0,6],w?.maxPeriod.value??0).toDateString()).format(o)} - (${C.length>0?`${C} `:""}${f.deliveryTimeLabel} = ${w?.maxPeriod.value??"0"} ${f.deliveryTimeUnits})`}),t.jsx(fe,{})]}):null,t.jsx(ie,{label:{label:f.paymentTo,width:p},style:{width:"auto"},value:y??""})]}),t.jsx(Rt,{children:t.jsxs(zt,{windowSize:h,children:[t.jsx(Vt,{children:t.jsx(Bt,{children:l.paymentDetails.total})}),t.jsx(Et,{children:t.jsx(Oe,{amount:O.toAmount(D.amount,D.currencyCode,D.currencySymbol),integerStyles:ge.h6Medium.cssObject,decimalStyles:ge.standardMedium.cssObject})})]})})]})})},Bt=d.div``,Rt=d.div`
+`,oe={containerWidth:new x(343,580,726),largeLabelWidth:new x(150,215,215),reviewContainerMarginLeft:new x(u[3],u[6]),reviewContainerMarginRight:new x(u[3],u[8])},Mt=({vendorName:e,reviewDetails:i,paymentToOptions:a,style:s})=>{const h=Q(),p=oe.largeLabelWidth.value(h),{billPay:l}=Y.getLocalizedStrings().spendManagement,{dateFormat:I,common:P}=Y.getLocalizedStrings(),f=l.billDetails,w=i?.paymentType,o=I.visual.MMMDCommaYYYYformat,D={amount:i?.amount?.amount??0,currencyCode:P.currency.currencyCode,currencySymbol:P.currency.currencySymbol},y=Ve(a.find(X=>X.id===i?.paymentToAccountId)),C=i?.paymentDate,$=Ae(w?.method??"");return t.jsx(Wt,{children:t.jsxs(qt,{windowSize:h,style:s,children:[t.jsxs(_t,{children:[t.jsx(ne,{children:f.pay}),t.jsx(ne,{children:t.jsx(Oe,{amount:D,integerStyles:ge.largeSemiBold.cssObject})}),t.jsx(ne,{children:f.to}),t.jsx(ne,{children:e})]}),t.jsxs(Yt,{windowSize:h,children:[t.jsx(ie,{label:{label:f.withdrawFrom,width:p},style:{width:"auto",gap:u[3]},value:i?.withdrawFrom!=null?ht(i.withdrawFrom,h):P.strings.empty}),t.jsx(fe,{}),t.jsx(ie,{label:{label:f.paymentMethod,width:p},style:{width:"auto"},value:Ae(w?.method??"")}),t.jsx(fe,{}),C!=null?t.jsxs(t.Fragment,{children:[t.jsx(ie,{label:{label:f.paymentDate,width:p},style:{width:"auto"},value:C.format(o),additionalInfoLabel:`${f.estimatedArrival}${O.zeniDate(O.getNextNthWorkingDay(C.toDate(),[0,6],w?.maxPeriod.value??0).toDateString()).format(o)} - (${$.length>0?`${$} `:""}${f.deliveryTimeLabel} = ${w?.maxPeriod.value??"0"} ${f.deliveryTimeUnits})`}),t.jsx(fe,{})]}):null,t.jsx(ie,{label:{label:f.paymentTo,width:p},style:{width:"auto"},value:y??""})]}),t.jsx(Bt,{children:t.jsxs(zt,{windowSize:h,children:[t.jsx(Vt,{children:t.jsx(Rt,{children:l.paymentDetails.total})}),t.jsx(Et,{children:t.jsx(Oe,{amount:O.toAmount(D.amount,D.currencyCode,D.currencySymbol),integerStyles:ge.h6Medium.cssObject,decimalStyles:ge.standardMedium.cssObject})})]})})]})})},Rt=d.div``,Bt=d.div`
   display: flex;
   width: 100%;
   box-sizing: border-box;
@@ -157,7 +157,7 @@ import{u as Re,e as Q,B as Y,a as Ke,a2 as De,ca as Qe,l as O,j as t,aX as et,F
   display: flex;
   color: ${e=>e.theme.colors.primary};
   margin-right: ${n.sp1};
-`,Me="expressPayPage",Ht=e=>`${e}_form`,L="recipientDetails",F="paymentDetails",le={buttonWidth:new x(160,140),largeButtonWidth:new x(166,166)},oi=({expressPayDetails:e,fileProps:i,analytics:a,accountId:s,onClickAddAccount:h,onSaveVendor:p,onVendorSelected:l,updateSelectedVendorForCreate:T,onBackClick:P,saveVendorDetailLocalData:f,saveExpressPayLocalData:w,resetVendorSaveStatus:o,onSchedulePayment:D,initializeVendorAddress:y,vendorSearchAutoCompleteData:$,vendorSearchAutoCompleteActions:C,onEditFileName:X,onDeleteFile:re,updateFilesEntity:de})=>{const{vendorViewDetails:_,expressPayLocalData:g,vendorTypeList:G,allPaymentMethods:H,paymentToOptions:k,withdrawFromList:N,internationalWireOnboardingStatus:se,deleteFileStatusById:ce,updateFileStatusById:r,submitStatus:m,receiptFile:j,vendorSaveStatus:U}=e,[v,ee]=J.useState(0),Ye=Re(),K=Q(),{common:we,spendManagement:_e}=Y.getLocalizedStrings(),pe=we.footer,ve=we.currency,me=_e.zeniAccounts.expressPay,{editVendorState:Se,newVendorState:je}=_,M=g?.vendorId!=null?Se?.vendorDetailLocalData:je?.vendorDetailLocalData,$e=Object.assign({},Se??je),He=M?.vendorName,Ce=N.find(c=>c.id===s),te=Ke({mode:"onBlur",reValidateMode:"onChange",defaultValues:Be(G,N,k,Ce,H,M,g,j,$?.entityAutoCompleteView),values:Be(G,N,k,Ce,H,M,g,j,$?.entityAutoCompleteView)}),Pe=De($e.saveStatus?.fetchState),Ie=De(m);J.useEffect(()=>{const c=te.watch((S,{name:b})=>{b!=null&&S!=null&&Qe(()=>Ue(b,S))});return()=>{c.unsubscribe()}}),J.useEffect(()=>{Pe==="In-Progress"&&U==="Completed"&&(v===0?(ee(1),o?.(g?.vendorId)):v===1&&ee(2)),Ie==="In-Progress"&&m==="Completed"&&P(g?.vendorId)},[Pe,U,v,o,g?.vendorId,Ie,m,P]);const Ue=async(c,S)=>{if(c!=="recipientDetails.recipientEmail")if(c==="recipientDetails.recipient"){const b=S[L].recipient.selectedOption,A=$?.entityAutoCompleteView.vendor.find(B=>B.zeniId===b);Ze(S),y(),M?.vendorId!==b&&A!=null&&(l?.(b),he(S,!1,k,b))}else if(c.includes("recipient"))ue(S);else{const b=S[F].paymentMethod?.method,A=g?.paymentType?.method,B=b!=null&&A!=null&&(b.toLowerCase().includes("ach")&&A.toLowerCase().includes("wire")||b.toLowerCase().includes("wire")&&A.toLowerCase().includes("ach"));he(S,B,k,g?.vendorId)}},Ze=c=>{const S=c[L].recipient.selectedOption,b=$?.entityAutoCompleteView.vendor.find(A=>A.id===S)!=null;if(S!=null&&b===!0){T?.(S),he(c,!1,k,S);return}ue(c,!0)},ue=(c,S)=>{const b=M?.vendorId,A=$?.entityAutoCompleteView.vendor.find(ye=>ye.zeniId===b)!=null,B=Ut(c,A===!0?b:void 0,M,S);f?.(B,b)},he=(c,S,b,A)=>{const B=(()=>{let R=[];return c[F].paymentMethod?.method.includes("wire")===!0?R=b.filter(z=>!!z.bankRoutingNumberWireTransfer).map(z=>z.id):R=b.filter(z=>!!z.bankRoutingNumberAch).map(z=>z.id),R})(),ye=b.find(R=>R.id===c[F]?.paymentTo?.selectedOption),Ge={vendorId:A,amount:{amount:c[F].amount,currencyCode:ve.currencyCode,currencySymbol:ve.currencySymbol},paymentDate:c[F].paymentDate?O.zeniDate(c[F].paymentDate.toString()):O.dateNow(),paymentType:c[F]?.paymentMethod!=null?c[F]?.paymentMethod:void 0,paymentToAccountId:S?B[0]:ye?.id,withdrawFrom:N.find(R=>R.id===c[F]?.withdrawFrom?.selectedOption),receiptFileId:c[F].receipt?.fileId};w?.(Ge)},Te=te.handleSubmit(()=>{if(v===0||v===1){a.trackExpressPayNextClick(v===0?"Recipient Details":"Payment Details");const c=te.getValues();ue(c),p(g?.vendorId)}else a.trackExpressPayScheduleClick(),D()}),Je=()=>{v===2?ee(1):P(g?.vendorId)},Xe=()=>{v===0?P(g?.vendorId):ee(v===1?0:1)},Fe={withdrawFrom:g?.withdrawFrom,paymentTo:g?.paymentToAccountId!=null?k.find(c=>c.id===g?.paymentToAccountId):void 0,paymentDate:g?.paymentDate,paymentType:g?.paymentType??H?.[0],recipientAmount:g?.amount?.amount};return t.jsxs(t.Fragment,{children:[t.jsx(et,{title:me.pageTitle,onBackClick:Xe,backgroundColor:Ye.colors.grey4,hideSearchBtn:!0,source:"ExpressPayPage"}),t.jsxs(Zt,{windowSize:K,children:[t.jsx(bt,{pageIndex:v}),t.jsx(tt,{...te,children:t.jsx("form",{id:Me,onSubmit:Te,children:v===0?t.jsx(kt,{sectionId:L,vendorTypeList:G,formLocalData:M,vendorSearchAutoCompleteData:$,vendorSearchAutoCompleteActions:C}):v===1?t.jsx(Pt,{sectionId:F,paymentDetails:Fe,paymentToOptions:k,allPaymentMethods:H,withdrawFromList:N,internationalVerificationStatus:se,fileProps:{...i,onEditFileName:X,onDeleteFile:re,updateFilesEntity:de},deleteFileStatusById:ce,updateFileStatusById:r,receiptFile:j,onClickAddAccount:()=>{const c=Fe?.paymentType;c!=null&&h(c)}}):v===2?t.jsx(Mt,{reviewDetails:g,paymentToOptions:k,vendorName:He}):null})})]}),t.jsx(it,{formId:Ht(Me),style:{width:"100%"},primaryBtn:{label:v===2?O.dateNow().isSame(g?.paymentDate,"date")?me.sendMoney:me.schedulePayment:pe.next,isLoading:v===0||v===1?$e.saveStatus?.fetchState==="In-Progress":m==="In-Progress",style:{width:v===2?le.largeButtonWidth.value(K):le.buttonWidth.value(K),whiteSpace:"nowrap"},isDisabled:!1,onClick:()=>{Te()}},cancelBtn:{label:v===2?pe.edit:pe.cancel,style:{width:v===2?le.largeButtonWidth.value(K):le.buttonWidth.value(K),whiteSpace:"nowrap"},shouldResetOnCancel:!1,onClick:Je}})]})},Be=(e,i,a,s,h,p,l,T,P)=>{const f=(()=>{let w=[];return l?.paymentType?.method.includes("wire")===!0?w=a.filter(o=>!!o.bankRoutingNumberWireTransfer).map(o=>o.id):w=a.filter(o=>!!o.bankRoutingNumberAch).map(o=>o.id),w})();return{[L]:{recipient:{defaultOptions:qe(p?.vendorId,p?.vendorName,P),selectedOption:p?.vendorId??p?.vendorName??""},recipientEmail:p?.contacts?.[0]?.email??"",recipientName:p?.vendorName??"",recipientType:{allOptions:e.map(w=>w.code),selectedOption:p?.vendorType}},[F]:{paymentMethod:l?.paymentType??h?.[0],withdrawFrom:{selectedOption:l?.withdrawFrom?.id??s?.id??i[0]?.id,allOptions:i.map(w=>({label:w.label,value:w.id}))},amount:l?.amount.amount??0,paymentDate:l?.paymentDate?.toDate()??O.getNextNthWorkingDay(O.dateNow().toDate(),[0,6],0),paymentTo:{allOptions:l?.paymentType!=null?f:[],selectedOption:l?.paymentToAccountId??f[0]},receipt:T}}};function Ut(e,i,a,s){const h=e[L].recipient.defaultOptions.find(p=>p.value===e[L].recipient.selectedOption);return{vendorType:s===!0?void 0:e[L].recipientType.selectedOption,vendorId:i,vendorName:h?.label??a?.vendorName,contacts:s===!0?[]:[{fullName:"",email:e[L].recipientEmail,phone:""}],bankAccountIds:s===!0?[]:a?.bankAccountIds??[],paymentInstrumentIds:s===!0?[]:a?.paymentInstrumentIds??[],vendorOwner:s===!0?void 0:a?.vendorOwner,isVendor1099:a?.isVendor1099,documentIds:a?.documentIds??[],fileIdsToBeDeleted:a?.fileIdsToBeDeleted??[],countryCode:s===!0?void 0:a?.countryCode,currencyCode:a?.currencyCode,currencySymbol:s===!0?void 0:a?.currencySymbol,deleteFileStatusById:a?.deleteFileStatusById??{},updateFileStatusById:a?.updateFileStatusById??{},recommendedCategory:a?.recommendedCategory,recommendedClass:a?.recommendedClass,isCategoryUpdateSelected:a?.isCategoryUpdateSelected??!1,isClassUpdateSelected:a?.isClassUpdateSelected??!1,isCategoryRecommendationPrefilled:a?.isCategoryRecommendationPrefilled??!0,isClassRecommendationPrefilled:a?.isClassRecommendationPrefilled??!0}}const Zt=d.div`
+`,Me="expressPayPage",Ht=e=>`${e}_form`,L="recipientDetails",F="paymentDetails",le={buttonWidth:new x(160,140),largeButtonWidth:new x(166,166)},oi=({expressPayDetails:e,fileProps:i,analytics:a,accountId:s,onClickAddAccount:h,onSaveVendor:p,onVendorSelected:l,updateSelectedVendorForCreate:I,onBackClick:P,saveVendorDetailLocalData:f,saveExpressPayLocalData:w,resetVendorSaveStatus:o,onSchedulePayment:D,initializeVendorAddress:y,vendorSearchAutoCompleteData:C,vendorSearchAutoCompleteActions:$,onEditFileName:X,onDeleteFile:re,updateFilesEntity:de})=>{const{vendorViewDetails:_,expressPayLocalData:g,vendorTypeList:G,allPaymentMethods:H,paymentToOptions:k,withdrawFromList:N,internationalWireOnboardingStatus:se,deleteFileStatusById:ce,updateFileStatusById:r,submitStatus:m,receiptFile:j,vendorSaveStatus:U}=e,[v,ee]=J.useState(0),Ye=Be(),K=Q(),{common:we,spendManagement:_e}=Y.getLocalizedStrings(),pe=we.footer,ve=we.currency,me=_e.zeniAccounts.expressPay,{editVendorState:Se,newVendorState:je}=_,M=g?.vendorId!=null?Se?.vendorDetailLocalData:je?.vendorDetailLocalData,Ce=Object.assign({},Se??je),He=M?.vendorName,$e=N.find(c=>c.id===s),te=Ke({mode:"onBlur",reValidateMode:"onChange",defaultValues:Re(G,N,k,$e,H,M,g,j,C?.entityAutoCompleteView),values:Re(G,N,k,$e,H,M,g,j,C?.entityAutoCompleteView)}),Pe=De(Ce.saveStatus?.fetchState),Te=De(m);J.useEffect(()=>{const c=te.watch((S,{name:b})=>{b!=null&&S!=null&&Qe(()=>Ue(b,S))});return()=>{c.unsubscribe()}}),J.useEffect(()=>{Pe==="In-Progress"&&U==="Completed"&&(v===0?(ee(1),o?.(g?.vendorId)):v===1&&ee(2)),Te==="In-Progress"&&m==="Completed"&&P(g?.vendorId)},[Pe,U,v,o,g?.vendorId,Te,m,P]);const Ue=async(c,S)=>{if(c!=="recipientDetails.recipientEmail")if(c==="recipientDetails.recipient"){const b=S[L].recipient.selectedOption,A=C?.entityAutoCompleteView.vendor.find(R=>R.zeniId===b);Ze(S),y(),M?.vendorId!==b&&A!=null&&(l?.(b),he(S,!1,k,b))}else if(c.includes("recipient"))ue(S);else{const b=S[F].paymentMethod?.method,A=g?.paymentType?.method,R=b!=null&&A!=null&&(b.toLowerCase().includes("ach")&&A.toLowerCase().includes("wire")||b.toLowerCase().includes("wire")&&A.toLowerCase().includes("ach"));he(S,R,k,g?.vendorId)}},Ze=c=>{const S=c[L].recipient.selectedOption,b=C?.entityAutoCompleteView.vendor.find(A=>A.id===S)!=null;if(S!=null&&b===!0){I?.(S),he(c,!1,k,S);return}ue(c,!0)},ue=(c,S)=>{const b=M?.vendorId,A=C?.entityAutoCompleteView.vendor.find(ye=>ye.zeniId===b)!=null,R=Ut(c,A===!0?b:void 0,M,S);f?.(R,b)},he=(c,S,b,A)=>{const R=(()=>{let B=[];return c[F].paymentMethod?.method.includes("wire")===!0?B=b.filter(z=>!!z.bankRoutingNumberWireTransfer).map(z=>z.id):B=b.filter(z=>!!z.bankRoutingNumberAch).map(z=>z.id),B})(),ye=b.find(B=>B.id===c[F]?.paymentTo?.selectedOption),Ge={vendorId:A,amount:{amount:c[F].amount,currencyCode:ve.currencyCode,currencySymbol:ve.currencySymbol},paymentDate:c[F].paymentDate?O.zeniDate(c[F].paymentDate.toString()):O.dateNow(),paymentType:c[F]?.paymentMethod!=null?c[F]?.paymentMethod:void 0,paymentToAccountId:S?R[0]:ye?.id,withdrawFrom:N.find(B=>B.id===c[F]?.withdrawFrom?.selectedOption),receiptFileId:c[F].receipt?.fileId};w?.(Ge)},Ie=te.handleSubmit(()=>{if(v===0||v===1){a.trackExpressPayNextClick(v===0?"Recipient Details":"Payment Details");const c=te.getValues();ue(c),p(g?.vendorId)}else a.trackExpressPayScheduleClick(),D()}),Je=()=>{v===2?ee(1):P(g?.vendorId)},Xe=()=>{v===0?P(g?.vendorId):ee(v===1?0:1)},Fe={withdrawFrom:g?.withdrawFrom,paymentTo:g?.paymentToAccountId!=null?k.find(c=>c.id===g?.paymentToAccountId):void 0,paymentDate:g?.paymentDate,paymentType:g?.paymentType??H?.[0],recipientAmount:g?.amount?.amount};return t.jsxs(t.Fragment,{children:[t.jsx(et,{title:me.pageTitle,onBackClick:Xe,backgroundColor:Ye.colors.grey4,hideSearchBtn:!0,source:"ExpressPayPage"}),t.jsxs(Zt,{windowSize:K,children:[t.jsx(bt,{pageIndex:v}),t.jsx(tt,{...te,children:t.jsx("form",{id:Me,onSubmit:Ie,children:v===0?t.jsx(kt,{sectionId:L,vendorTypeList:G,formLocalData:M,vendorSearchAutoCompleteData:C,vendorSearchAutoCompleteActions:$}):v===1?t.jsx(Pt,{sectionId:F,paymentDetails:Fe,paymentToOptions:k,allPaymentMethods:H,withdrawFromList:N,internationalVerificationStatus:se,fileProps:{...i,onEditFileName:X,onDeleteFile:re,updateFilesEntity:de},deleteFileStatusById:ce,updateFileStatusById:r,receiptFile:j,onClickAddAccount:()=>{const c=Fe?.paymentType;c!=null&&h(c)}}):v===2?t.jsx(Mt,{reviewDetails:g,paymentToOptions:k,vendorName:He}):null})})]}),t.jsx(it,{formId:Ht(Me),style:{width:"100%"},primaryBtn:{label:v===2?O.dateNow().isSame(g?.paymentDate,"date")?me.sendMoney:me.schedulePayment:pe.next,isLoading:v===0||v===1?Ce.saveStatus?.fetchState==="In-Progress":m==="In-Progress",style:{width:v===2?le.largeButtonWidth.value(K):le.buttonWidth.value(K),whiteSpace:"nowrap"},isDisabled:!1,onClick:()=>{Ie()}},cancelBtn:{label:v===2?pe.edit:pe.cancel,style:{width:v===2?le.largeButtonWidth.value(K):le.buttonWidth.value(K),whiteSpace:"nowrap"},shouldResetOnCancel:!1,onClick:Je}})]})},Re=(e,i,a,s,h,p,l,I,P)=>{const f=(()=>{let w=[];return l?.paymentType?.method.includes("wire")===!0?w=a.filter(o=>!!o.bankRoutingNumberWireTransfer).map(o=>o.id):w=a.filter(o=>!!o.bankRoutingNumberAch).map(o=>o.id),w})();return{[L]:{recipient:{defaultOptions:qe(p?.vendorId,p?.vendorName,P),selectedOption:p?.vendorId??p?.vendorName??""},recipientEmail:p?.contacts?.[0]?.email??"",recipientName:p?.vendorName??"",recipientType:{allOptions:e.map(w=>w.code),selectedOption:p?.vendorType}},[F]:{paymentMethod:l?.paymentType??h?.[0],withdrawFrom:{selectedOption:l?.withdrawFrom?.id??s?.id??i[0]?.id,allOptions:i.map(w=>({label:w.label,value:w.id}))},amount:l?.amount.amount??0,paymentDate:l?.paymentDate?.toDate()??O.getNextNthWorkingDay(O.dateNow().toDate(),[0,6],0),paymentTo:{allOptions:l?.paymentType!=null?f:[],selectedOption:l?.paymentToAccountId??f[0]},receipt:I}}};function Ut(e,i,a,s){const h=e[L].recipient.defaultOptions.find(p=>p.value===e[L].recipient.selectedOption);return{vendorType:s===!0?void 0:e[L].recipientType.selectedOption,vendorId:i,vendorName:h?.label??a?.vendorName,contacts:s===!0?[]:[{fullName:"",email:e[L].recipientEmail,phone:""}],bankAccountIds:s===!0?[]:a?.bankAccountIds??[],paymentInstrumentIds:s===!0?[]:a?.paymentInstrumentIds??[],vendorOwner:s===!0?void 0:a?.vendorOwner,isVendor1099:a?.isVendor1099,documentIds:a?.documentIds??[],fileIdsToBeDeleted:a?.fileIdsToBeDeleted??[],countryCode:s===!0?void 0:a?.countryCode,currencyCode:a?.currencyCode,currencySymbol:s===!0?void 0:a?.currencySymbol,deleteFileStatusById:a?.deleteFileStatusById??{},updateFileStatusById:a?.updateFileStatusById??{},recommendedCategory:a?.recommendedCategory,recommendedClass:a?.recommendedClass,isCategoryUpdateSelected:a?.isCategoryUpdateSelected??!1,isClassUpdateSelected:a?.isClassUpdateSelected??!1,isCategoryRecommendationPrefilled:a?.isCategoryRecommendationPrefilled??!0,isClassRecommendationPrefilled:a?.isClassRecommendationPrefilled??!0}}const Zt=d.div`
   display: flex;
   flex-wrap: wrap;
   height: 100%;

package/dist/assets/{FeaturePreviewPage-Bdostf75-Co3kb8i2.js → FeaturePreviewPage-BHb59Q7j-BMGHbQAr.js}

@@ -1,4 +1,4 @@
-import{u as v,e as f,B as k,a8 as s,g as n,j as e,bV as y,C as p,bX as _,bY as x,q as c}from"./index-IgYBqF_x.js";import{n as l}from"./vendor-rkTZJa59.js";import"./mui-C42whWwM.js";import"./analytics-Dr_Q0qi5.js";import"./routing-VwiwPky5.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-Ccg-ICil.js";const i={popupWidth:new p(200,468,468,468),buttonWidth:new p(140,160,160,160),popupContainerLeft:new p(c[0],c[0],255),popupContainerWidth:new p(100,100,85)},z=l.div`
+import{u as v,e as f,R as k,a8 as s,f as n,j as e,bV as y,C as p,bX as _,bY as x,q as c}from"./index-DESjn-8d.js";import{n as l}from"./vendor-rkTZJa59.js";import"./mui-C42whWwM.js";import"./analytics-CcevxdRy.js";import"./routing-VwiwPky5.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-CK3r1iTV.js";const i={popupWidth:new p(200,468,468,468),buttonWidth:new p(140,160,160,160),popupContainerLeft:new p(c[0],c[0],255),popupContainerWidth:new p(100,100,85)},z=l.div`
   display: flex;
   flex: 1 1 auto;
   min-height: 100%;
@@ -8,4 +8,4 @@ import{u as v,e as f,B as k,a8 as s,g as n,j as e,bV as y,C as p,bX as _,bY as x
 `,C=l.img`
   width: 100%;
   height: 100%;
-`,W={mobile:{dashboard:"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",people:"",rewards:"",cards:"",checking:"https://storage.googleapis.com/zeni-apis.appspot.com/images/accounts-view-mobile",treasury:"",accounting:"",approval_rules:"",bank_connections:"",business_verification:"",company_details:"",integrations:"",my_profile:"",my_bank_connections:"",notifications:"",billing:"",performance:"",ai_accountant:"",ai_cfo:""},normal:{dashboard:"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",people:"",rewards:"",cards:"",checking:"https://storage.googleapis.com/zeni-apis.appspot.com/images/accounts-view-normal",treasury:"",accounting:"",approval_rules:"",bank_connections:"",business_verification:"",company_details:"",integrations:"",my_profile:"",my_bank_connections:"",notifications:"",billing:"",performance:"",ai_accountant:"",ai_cfo:""}};function q({menuItem:a,onDemoClick:g,onGoBack:d}){const t=v(),o=f(),u=`${W[o==="small"?"mobile":"normal"][a]}-${t.mode}.png`,{featurePreview:r}=k.getLocalizedStrings(),m=r.popups[a],h=t.mode==="light"?new s(n.backgroundGradient1Light):new s(n.backgroundGradient1Dark),b=t.mode==="light"?new s(n.backgroundGradient2Light):new s(n.backgroundGradient2Dark),w={onOkClick:()=>{g()},onCancelClick:()=>{d()}};return e.jsxs(z,{children:[e.jsx(C,{src:u,alt:"feature-preview",loading:"lazy"}),e.jsx(y,{titleComponent:e.jsx(x,{children:m.title}),descriptionComponent:e.jsx(_,{children:m.text}),primaryButtonText:r.scheduleDemo,secondaryButtonText:r.goBack,action:w,primaryButtonWidth:i.buttonWidth.value(o),secondaryButtonWidth:i.buttonWidth.value(o),style:{background:`radial-gradient(50% 50% at 50% 50%, ${h} 0%, ${b} 100%)`,backdropFilter:"blur(2px)",width:i.popupContainerWidth.valuePercentage(o),left:i.popupContainerLeft.value(o)},containerStyle:{border:`1px solid ${t.colors.grey1}`,minWidth:i.popupWidth.valuePx(o)}})]})}export{q as default};
+`,W={mobile:{dashboard:"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",people:"",rewards:"",cards:"",checking:"https://storage.googleapis.com/zeni-apis.appspot.com/images/accounts-view-mobile",treasury:"",accounting:"",approval_rules:"",bank_connections:"",business_verification:"",company_details:"",integrations:"",my_profile:"",my_bank_connections:"",notifications:"",billing:"",performance:"",ai_accountant:"",ai_cfo:""},normal:{dashboard:"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",people:"",rewards:"",cards:"",checking:"https://storage.googleapis.com/zeni-apis.appspot.com/images/accounts-view-normal",treasury:"",accounting:"",approval_rules:"",bank_connections:"",business_verification:"",company_details:"",integrations:"",my_profile:"",my_bank_connections:"",notifications:"",billing:"",performance:"",ai_accountant:"",ai_cfo:""}};function R({menuItem:a,onDemoClick:g,onGoBack:d}){const t=v(),o=f(),u=`${W[o==="small"?"mobile":"normal"][a]}-${t.mode}.png`,{featurePreview:r}=k.getLocalizedStrings(),m=r.popups[a],h=t.mode==="light"?new s(n.backgroundGradient1Light):new s(n.backgroundGradient1Dark),b=t.mode==="light"?new s(n.backgroundGradient2Light):new s(n.backgroundGradient2Dark),w={onOkClick:()=>{g()},onCancelClick:()=>{d()}};return e.jsxs(z,{children:[e.jsx(C,{src:u,alt:"feature-preview",loading:"lazy"}),e.jsx(y,{titleComponent:e.jsx(x,{children:m.title}),descriptionComponent:e.jsx(_,{children:m.text}),primaryButtonText:r.scheduleDemo,secondaryButtonText:r.goBack,action:w,primaryButtonWidth:i.buttonWidth.value(o),secondaryButtonWidth:i.buttonWidth.value(o),style:{background:`radial-gradient(50% 50% at 50% 50%, ${h} 0%, ${b} 100%)`,backdropFilter:"blur(2px)",width:i.popupContainerWidth.valuePercentage(o),left:i.popupContainerLeft.value(o)},containerStyle:{border:`1px solid ${t.colors.grey1}`,minWidth:i.popupWidth.valuePx(o)}})]})}export{R as default};

package/dist/assets/{FollowStepsSection-CFs_c9UA-C2ivxTgB.js → FollowStepsSection-DONqc9yn-DTdIc25n.js}

@@ -1,4 +1,4 @@
-import{j as l,e as H,B as X,cn as q,cv as G,u as ee,ct as J,C as S,fO as Z,o as i,$ as B,ek as ce,O as le,fH as pe,fI as ue,K as he,g as u,q as g,g8 as ge,cu as be,cw as ye,p as ve,b3 as we,v as _,dj as $e,b4 as me,b1 as ke}from"./index-IgYBqF_x.js";import{b as V,n as d}from"./vendor-rkTZJa59.js";const v={width:new S(343,580,726),height:new S(g[6],g[6]),controlHeight:new S(g[6],g[6]),paddingLeftRight:new S(g[3],g[4]),paddingTop:new S(g[3],g[3]),paddingBottom:new S(g[3],g[2]),labelMarginRight:new S(g[3],g[4])};function je({isDisabled:e,label:o,firstText:t,secondText:p,style:$,isFieldError:k}){const m=H(),{formState:{errors:j}}=q(),f=G(j,t.name),T=G(j,p.name),r=ee();return l.jsxs(Te,{size:m,style:$,isDisabled:e!=null,isErrorFirstText:f,isErrorSecondText:T,"data-testid":B("labeled-multi-text-field",t.name),children:[l.jsx(J,{isDisabled:e,label:o.label,style:{marginRight:v.labelMarginRight.value(m),width:o.width??"auto",color:r.colors.champion}}),l.jsxs(Oe,{labelWidth:o.width,children:[l.jsxs(ie,{className:"firstField",isDisabled:t.isDisabled,children:[l.jsx(Z,{type:t.type,name:t.name,placeholder:t.placeholder,prefix:"$",allowNegative:!1,isNumericString:!1,inputMode:"numeric",returnValueType:"floatValue",registerOptions:t.options,decimalScale:0,allowLeadingZeros:!1,thousandSeparator:!0,thousandsGroupStyle:"thousand",isDisabled:t.isDisabled?"disabled":void 0,style:{display:"flex",flexGrow:1,width:"-webkit-fill-available",height:v.controlHeight.value(m),cursor:"inherit",backgroundColor:r.colors.grey3,borderRadius:i.sp1,color:r.colors.primary},hoverBgColor:r.colors.background,bgColor:r.colors.background,disabledColor:r.colors.background,isFieldError:k,defaultValue:t.defaultValue}),t.additionalInfoLabel&&t.isDisabled||f&&t.additionalErrorLabel?l.jsx(oe,{isError:f,children:f?t.additionalErrorLabel:t.additionalInfoLabel}):null]}),p.hideField?null:l.jsxs(l.Fragment,{children:[l.jsxs(Le,{children:[l.jsx(se,{}),l.jsx(Se,{}),l.jsx(se,{})]}),l.jsxs(ie,{className:"secondField",isDisabled:p.isDisabled,children:[l.jsx(Z,{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:v.controlHeight.value(m),cursor:"inherit",backgroundColor:r.colors.grey3,borderRadius:i.sp1,color:r.colors.primary},hoverBgColor:r.colors.background,bgColor:r.colors.background,disabledColor:r.colors.background,isFieldError:k,defaultValue:t.defaultValue}),l.jsx(oe,{isError:T,children:p.additionalInfoLabel})]})]})]})]})}const Te=d.div`
+import{j as l,e as H,R as X,cn as q,cv as G,u as ee,ct as J,C as S,fO as Z,o as i,W as M,ek as ce,J as le,fH as pe,fI as ue,Q as he,f as u,q as g,g8 as ge,cu as be,cw as ye,p as ve,b3 as we,v as _,dj as $e,b4 as me,b1 as ke}from"./index-DESjn-8d.js";import{b as V,n as d}from"./vendor-rkTZJa59.js";const v={width:new S(343,580,726),height:new S(g[6],g[6]),controlHeight:new S(g[6],g[6]),paddingLeftRight:new S(g[3],g[4]),paddingTop:new S(g[3],g[3]),paddingBottom:new S(g[3],g[2]),labelMarginRight:new S(g[3],g[4])};function je({isDisabled:e,label:o,firstText:t,secondText:p,style:$,isFieldError:k}){const m=H(),{formState:{errors:j}}=q(),f=G(j,t.name),T=G(j,p.name),r=ee();return l.jsxs(Te,{size:m,style:$,isDisabled:e!=null,isErrorFirstText:f,isErrorSecondText:T,"data-testid":M("labeled-multi-text-field",t.name),children:[l.jsx(J,{isDisabled:e,label:o.label,style:{marginRight:v.labelMarginRight.value(m),width:o.width??"auto",color:r.colors.champion}}),l.jsxs(Oe,{labelWidth:o.width,children:[l.jsxs(ie,{className:"firstField",isDisabled:t.isDisabled,children:[l.jsx(Z,{type:t.type,name:t.name,placeholder:t.placeholder,prefix:"$",allowNegative:!1,isNumericString:!1,inputMode:"numeric",returnValueType:"floatValue",registerOptions:t.options,decimalScale:0,allowLeadingZeros:!1,thousandSeparator:!0,thousandsGroupStyle:"thousand",isDisabled:t.isDisabled?"disabled":void 0,style:{display:"flex",flexGrow:1,width:"-webkit-fill-available",height:v.controlHeight.value(m),cursor:"inherit",backgroundColor:r.colors.grey3,borderRadius:i.sp1,color:r.colors.primary},hoverBgColor:r.colors.background,bgColor:r.colors.background,disabledColor:r.colors.background,isFieldError:k,defaultValue:t.defaultValue}),t.additionalInfoLabel&&t.isDisabled||f&&t.additionalErrorLabel?l.jsx(oe,{isError:f,children:f?t.additionalErrorLabel:t.additionalInfoLabel}):null]}),p.hideField?null:l.jsxs(l.Fragment,{children:[l.jsxs(Le,{children:[l.jsx(se,{}),l.jsx(Se,{}),l.jsx(se,{})]}),l.jsxs(ie,{className:"secondField",isDisabled:p.isDisabled,children:[l.jsx(Z,{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:v.controlHeight.value(m),cursor:"inherit",backgroundColor:r.colors.grey3,borderRadius:i.sp1,color:r.colors.primary},hoverBgColor:r.colors.background,bgColor:r.colors.background,disabledColor:r.colors.background,isFieldError:k,defaultValue:t.defaultValue}),l.jsx(oe,{isError:T,children:p.additionalInfoLabel})]})]})]})]})}const Te=d.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -198,7 +198,7 @@ import{j as l,e as H,B as X,cn as q,cv as G,u as ee,ct as J,C as S,fO as Z,o as
   color: ${e=>e.isError?u.important:e.theme.colors.hero};
   white-space: pre-line;
   margin-top: ${i.sp1};
-`;function pl(e){return H()==="small"?l.jsx(Ie,{...e}):l.jsx(je,{...e})}const Ne=({allOptions:e,selectedValue:o,name:t,onSelectedValueChanged:p,valueToLabel:$,disable:k=!1,defaultMenuIsOpen:m,placeholderLabel:j})=>{const{formState:{errors:f}}=q(),T=G(f,t??""),r=ee(),[L,E]=V.useState(void 0),[b,A]=V.useState(m),z=n=>n.map(w=>N(w)),N=V.useCallback(n=>({value:n,label:$(n)}),[$]);V.useEffect(()=>{const n=o==null?void 0:N(o);E(n?.label===""?void 0:n)},[o,$,N]);const W=n=>{p(n)},I=r.colors.grey5,M=r.colors.grey5,R=_.smallRegular,D=_.extraSmallRegular,F={control:(n,{selectProps:w})=>({...n,border:0,height:g[6],backgroundColor:w.menuIsOpen===!0?r.colors.background:T===!0?u.importantLight:r.colors.background,boxShadow:M,":hover":{fill:r.colors.primary,backgroundColor:r.colors.background,borderColor:"none"},width:"auto",minHeight:"auto",cursor:"pointer"}),container:n=>({...n,backgroundColor:M,width:"100%"}),singleValue:(n,{data:w})=>({...n,alignItems:"center",margin:`${i.sp0}`,height:`${i.sp4}`,color:w.value==="require_approval"?u.alertDark:u.successDark,..._.standardRegular.cssObject,width:"100%",textOverflow:"ellipsis"}),valueContainer:(n,{selectProps:w})=>({...n,maxWidth:"100%",cursor:"pointer",...D,overflow:"visible",minWidth:"auto",padding:0,display:"flex",justifyContent:w.menuIsOpen===!1?"flex-end":"flex-start",alignItems:"center",flexWrap:"nowrap",paddingLeft:i.sp3,marginRight:i.sp3,width:" -webkit-fill-available"}),menu:n=>({...n,backgroundColor:I,borderRadius:4,boxShadow:`${i.sp0} 2px ${i.sp2} ${r.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:g[4],..._.standardRegular.cssObject,color:T===!0?u.important:r.colors.grey1,display:"flex",justifyContent:"flex-start",alignItems:"center"}),option:(n,{isSelected:w,isFocused:U,isDisabled:C,data:s})=>({...n,...R,height:g[6],color:s.value==="require_approval"?u.alertDark:u.successDark,backgroundColor:w||U?r.colors.background:I,cursor:C?"not-allowed":"pointer",borderTop:s.topBorder===!0?`1px solid ${u.optionBorderLight}`:"none",":hover":{backgroundColor:r.colors.background},":first-div":{width:"100%"},"& label":{flex:1,paddingRight:"10px",cursor:C?"not-allowed":w?"default":"pointer"},zIndex:2}),input:(n,w)=>({color:r.colors.primary,overflow:"hidden",zIndex:2,height:g[4],width:w.selectProps.menuIsOpen?"auto":"0",position:"absolute",display:"flex",alignItems:"center",..._.standardRegular.cssObject})};return l.jsx(ve,{onClickAway:()=>{A(!1)},children:l.jsx(we,{isMulti:!1,onChange:n=>{W(n)},minMenuHeight:208,menuPlacement:"auto",menuShouldScrollIntoView:!1,defaultValue:L,value:L,placeholder:j,components:{Option:Fe,DropdownIndicator:qe,IndicatorSeparator:Ae,SingleValue:Re},hideSelectedOptions:!1,styles:F,options:z(e),isClearable:!1,isSearchable:!1,isDisabled:k,defaultMenuIsOpen:b,"data-testid":B("single-select",t)},$e())})},Re=({children:e,...o})=>l.jsx(me.SingleValue,{...o,children:e}),Fe=e=>{const{data:o,options:t,isFocused:p,label:$,isSelected:k}=e,m=t.find(f=>f.value===o.value),j=typeof o.label=="string"?o.label:o.value;return l.jsxs(me.Option,{...e,children:[l.jsxs(Pe,{"data-testid":B("single-select-option",j),children:[l.jsxs(Ve,{children:[l.jsx("label",{children:$}),p===!0&&m?.id!=null&&l.jsx(Be,{children:m.id})]}),k?l.jsx(Me,{children:l.jsx(He,{className:"tick-icon"})}):null]}),m.additionalInfo!==""&&l.jsx(l.Fragment,{children:m.additionalInfo})]})},Pe=d.div`
+`;function pl(e){return H()==="small"?l.jsx(Ie,{...e}):l.jsx(je,{...e})}const Re=({allOptions:e,selectedValue:o,name:t,onSelectedValueChanged:p,valueToLabel:$,disable:k=!1,defaultMenuIsOpen:m,placeholderLabel:j})=>{const{formState:{errors:f}}=q(),T=G(f,t??""),r=ee(),[L,E]=V.useState(void 0),[b,A]=V.useState(m),z=n=>n.map(w=>R(w)),R=V.useCallback(n=>({value:n,label:$(n)}),[$]);V.useEffect(()=>{const n=o==null?void 0:R(o);E(n?.label===""?void 0:n)},[o,$,R]);const W=n=>{p(n)},I=r.colors.grey5,B=r.colors.grey5,F=_.smallRegular,D=_.extraSmallRegular,N={control:(n,{selectProps:w})=>({...n,border:0,height:g[6],backgroundColor:w.menuIsOpen===!0?r.colors.background:T===!0?u.importantLight:r.colors.background,boxShadow:B,":hover":{fill:r.colors.primary,backgroundColor:r.colors.background,borderColor:"none"},width:"auto",minHeight:"auto",cursor:"pointer"}),container:n=>({...n,backgroundColor:B,width:"100%"}),singleValue:(n,{data:w})=>({...n,alignItems:"center",margin:`${i.sp0}`,height:`${i.sp4}`,color:w.value==="require_approval"?u.alertDark:u.successDark,..._.standardRegular.cssObject,width:"100%",textOverflow:"ellipsis"}),valueContainer:(n,{selectProps:w})=>({...n,maxWidth:"100%",cursor:"pointer",...D,overflow:"visible",minWidth:"auto",padding:0,display:"flex",justifyContent:w.menuIsOpen===!1?"flex-end":"flex-start",alignItems:"center",flexWrap:"nowrap",paddingLeft:i.sp3,marginRight:i.sp3,width:" -webkit-fill-available"}),menu:n=>({...n,backgroundColor:I,borderRadius:4,boxShadow:`${i.sp0} 2px ${i.sp2} ${r.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:g[4],..._.standardRegular.cssObject,color:T===!0?u.important:r.colors.grey1,display:"flex",justifyContent:"flex-start",alignItems:"center"}),option:(n,{isSelected:w,isFocused:U,isDisabled:C,data:s})=>({...n,...F,height:g[6],color:s.value==="require_approval"?u.alertDark:u.successDark,backgroundColor:w||U?r.colors.background:I,cursor:C?"not-allowed":"pointer",borderTop:s.topBorder===!0?`1px solid ${u.optionBorderLight}`:"none",":hover":{backgroundColor:r.colors.background},":first-div":{width:"100%"},"& label":{flex:1,paddingRight:"10px",cursor:C?"not-allowed":w?"default":"pointer"},zIndex:2}),input:(n,w)=>({color:r.colors.primary,overflow:"hidden",zIndex:2,height:g[4],width:w.selectProps.menuIsOpen?"auto":"0",position:"absolute",display:"flex",alignItems:"center",..._.standardRegular.cssObject})};return l.jsx(ve,{onClickAway:()=>{A(!1)},children:l.jsx(we,{isMulti:!1,onChange:n=>{W(n)},minMenuHeight:208,menuPlacement:"auto",menuShouldScrollIntoView:!1,defaultValue:L,value:L,placeholder:j,components:{Option:Ne,DropdownIndicator:qe,IndicatorSeparator:Ae,SingleValue:Fe},hideSelectedOptions:!1,styles:N,options:z(e),isClearable:!1,isSearchable:!1,isDisabled:k,defaultMenuIsOpen:b,"data-testid":M("single-select",t)},$e())})},Fe=({children:e,...o})=>l.jsx(me.SingleValue,{...o,children:e}),Ne=e=>{const{data:o,options:t,isFocused:p,label:$,isSelected:k}=e,m=t.find(f=>f.value===o.value),j=typeof o.label=="string"?o.label:o.value;return l.jsxs(me.Option,{...e,children:[l.jsxs(Pe,{"data-testid":M("single-select-option",j),children:[l.jsxs(Ve,{children:[l.jsx("label",{children:$}),p===!0&&m?.id!=null&&l.jsx(Me,{children:m.id})]}),k?l.jsx(Be,{children:l.jsx(He,{className:"tick-icon"})}):null]}),m.additionalInfo!==""&&l.jsx(l.Fragment,{children:m.additionalInfo})]})},Pe=d.div`
   display: flex;
   flex-direction: row;
   align-items: center;
@@ -207,7 +207,7 @@ import{j as l,e as H,B as X,cn as q,cv as G,u as ee,ct as J,C as S,fO as Z,o as
   width: 100%;
   display: flex;
   align-items: center;
-`,Be=d.div`
+`,Me=d.div`
   display: flex;
   color: ${e=>e.theme.colors.primary};
   align-items: center;
@@ -218,14 +218,14 @@ import{j as l,e as H,B as X,cn as q,cv as G,u as ee,ct as J,C as S,fO as Z,o as
   border: 1px solid ${e=>e.theme.colors.primary};
   border-radius: ${i.sp1};
   margin: 0 ${i.sp5} 0 ${i.sp3};
-`,Me=d.div`
+`,Be=d.div`
   display: flex;
 `,He=d(ke)`
   width: ${i.sp3};
   height: ${i.sp3};
   cursor: pointer;
   color: ${e=>e.theme.colors.primary};
-`,qe=()=>null,Ae=()=>null,We=({name:e,registerOptions:o,value:t,isDisabled:p,defaultMenuIsOpen:$,placeholderLabel:k})=>{const{control:m}=q(),j=t.allOptions.map(r=>r.value??""),f=r=>t.allOptions.filter(L=>L.value===r)[0]?.label??"",T=r=>t.allOptions.find(L=>L.value===r.value)?.value;return l.jsx(ye,{name:e,control:m,defaultValue:t,rules:o,"data-testid":B("single-select-field",e),render:({field:{value:r,onChange:L}})=>l.jsx(Ne,{allOptions:j,onSelectedValueChanged:E=>{L({allOptions:t.allOptions,selectedOption:T(E)})},valueToLabel:E=>f(E),selectedValue:r.selectedOption,disable:p,name:e,defaultMenuIsOpen:$,placeholderLabel:k})})},fe=V.memo(We,(e,o)=>le(e,o)),O={width:new S(343,580,726),height:new S(g[6],g[6]),paddingLeftRight:new S(g[3],g[4]),paddingTopBottom:new S(g[3],g[3]),labelMarginRight:new S(g[3],g[4])},K=(e,o)=>`${e}.${o}`;function _e({label:e,isDisabled:o,sectionId:t,style:p,approversPlaceholder:$,notifiersPlaceholder:k,userSelectPlaceholder:m,approveNotifyPlaceholder:j,allUserWithRoles:f,filteredApprovers:T,allAttributes:r,filteredAttributes:L,allAccountingClasses:E,stepsInfo:b,productType:A}){const z=H(),{commonSetUp:{approval:N}}=X.getLocalizedStrings(),W=T.length+L.length,I=f.map(s=>s.user),{control:M,setValue:R}=q(),{fields:D,replace:F}=ce({name:t,control:M}),n=()=>{const s=b[b.length-1].stepIndex,h=xe(s+1,I,r);R(t,[...b,h])},w=s=>{const h=b.filter((a,c)=>c!==s);R(t,h)};V.useEffect(()=>{const s=D.map(a=>{const{actors:c,stepType:y}=a;return{selectedUsers:c.selectedUsers.map(x=>x.userId),selectedNonUsers:c.selectedNonUsers,selectedOption:y.selectedOption}}),h=b.map(a=>{const{actors:c,stepType:y}=a;return{selectedUsers:c.selectedUsers.map(x=>x.userId),selectedNonUsers:c.selectedNonUsers,selectedOption:y.selectedOption}});if(!le(s,h)){const a=b.map((c,y)=>({actors:{selectedUsers:c.actors.selectedUsers,selectedNonUsers:c.actors.selectedNonUsers,allUsers:I,allNonUsers:te(r)},stepIndex:y,stepType:{selectedOption:c.stepType.selectedOption,allOptions:re}}));F(a)}},[I,b,D,F,r]);const U=b[b.length-1],C=o!=null||W===0||U.actors.selectedUsers.length+U.actors.selectedNonUsers.length===0||!U.stepType.selectedOption;return l.jsxs(Ge,{size:z,style:p,isDisabled:!1,isError:!1,children:[l.jsx(J,{label:e.label,style:{marginRight:O.labelMarginRight.value(z),width:"auto"}}),b.map((s,h)=>l.jsxs(Ze,{labelWidth:e.width,children:[l.jsxs(Xe,{children:[h+1,"."]}),l.jsx(Qe,{children:l.jsx(fe,{name:K(`${t}.${s.stepIndex}`,"stepType"),value:s.stepType,isDisabled:h===0,defaultMenuIsOpen:h===1&&s.stepType.selectedOption==null,registerOptions:{required:!0,validate:a=>a!=null&&a.selectedOption!=null||o!=null},placeholderLabel:j})}),l.jsxs(Ye,{children:[l.jsx(pe,{hideEmailTooltip:!1,shouldHaveBackgroundColor:!0,showBackgroundColorIfHasAnySelectedOption:!0,placeholderLabel:s.stepType.selectedOption==null?m:s.stepType.selectedOption==="require_approval"?$:k,name:K(`${t}.${s.stepIndex}`,"actors"),value:s.actors,operator:s.stepType!=null&&s.stepType.selectedOption==="require_approval"?"or":"and",registerOptions:{required:!0,validate:a=>a!=null&&(a.selectedUsers!=null&&a.selectedUsers.length>0||a.selectedNonUsers!=null&&a.selectedNonUsers.length>0)||o!=null},valueToSubtitle:a=>{const c=f.map(x=>x.role).find(x=>x?.userId===a),y=[];if(c!=null){const x=ue(c.userRoles,A);x.length>0&&y.push(x),c.accountingClassIDs.forEach(Q=>{const P=E.find(Y=>Y.classId===Q);P!=null&&P.className&&y.push(P.className)})}return y}}),s.stepIndex>0&&l.jsx(Ke,{onClick:()=>w(h)})]})]},D[h]?.id||h)),l.jsx(Je,{disabled:C,children:l.jsx(he,{onClick:n,style:{padding:`${i.sp1} ${i.sp2}`,borderRadius:i.sp1},label:N.addStep,size:"small",disabled:C,"data-testid":B("add-step-button-web")})})]})}const xe=(e,o,t)=>({stepIndex:e,actors:{allUsers:o,selectedUsers:[],allNonUsers:te(t),selectedNonUsers:[]},stepType:{allOptions:re,selectedOption:void 0}}),te=e=>{const o=X.getLocalizedStrings().commonSetUp.approval.nonUsers;return e.map(t=>({label:o[t].label,value:t,position:"top",subtitles:[o[t].subTitle]}))},re=[{label:"Require",value:"require_approval"},{label:"Notify",value:"send_notification"}],Ge=d.div`
+`,qe=()=>null,Ae=()=>null,We=({name:e,registerOptions:o,value:t,isDisabled:p,defaultMenuIsOpen:$,placeholderLabel:k})=>{const{control:m}=q(),j=t.allOptions.map(r=>r.value??""),f=r=>t.allOptions.filter(L=>L.value===r)[0]?.label??"",T=r=>t.allOptions.find(L=>L.value===r.value)?.value;return l.jsx(ye,{name:e,control:m,defaultValue:t,rules:o,"data-testid":M("single-select-field",e),render:({field:{value:r,onChange:L}})=>l.jsx(Re,{allOptions:j,onSelectedValueChanged:E=>{L({allOptions:t.allOptions,selectedOption:T(E)})},valueToLabel:E=>f(E),selectedValue:r.selectedOption,disable:p,name:e,defaultMenuIsOpen:$,placeholderLabel:k})})},fe=V.memo(We,(e,o)=>le(e,o)),O={width:new S(343,580,726),height:new S(g[6],g[6]),paddingLeftRight:new S(g[3],g[4]),paddingTopBottom:new S(g[3],g[3]),labelMarginRight:new S(g[3],g[4])},Q=(e,o)=>`${e}.${o}`;function _e({label:e,isDisabled:o,sectionId:t,style:p,approversPlaceholder:$,notifiersPlaceholder:k,userSelectPlaceholder:m,approveNotifyPlaceholder:j,allUserWithRoles:f,filteredApprovers:T,allAttributes:r,filteredAttributes:L,allAccountingClasses:E,stepsInfo:b,productType:A}){const z=H(),{commonSetUp:{approval:R}}=X.getLocalizedStrings(),W=T.length+L.length,I=f.map(s=>s.user),{control:B,setValue:F}=q(),{fields:D,replace:N}=ce({name:t,control:B}),n=()=>{const s=b[b.length-1].stepIndex,h=xe(s+1,I,r);F(t,[...b,h])},w=s=>{const h=b.filter((a,c)=>c!==s);F(t,h)};V.useEffect(()=>{const s=D.map(a=>{const{actors:c,stepType:y}=a;return{selectedUsers:c.selectedUsers.map(x=>x.userId),selectedNonUsers:c.selectedNonUsers,selectedOption:y.selectedOption}}),h=b.map(a=>{const{actors:c,stepType:y}=a;return{selectedUsers:c.selectedUsers.map(x=>x.userId),selectedNonUsers:c.selectedNonUsers,selectedOption:y.selectedOption}});if(!le(s,h)){const a=b.map((c,y)=>({actors:{selectedUsers:c.actors.selectedUsers,selectedNonUsers:c.actors.selectedNonUsers,allUsers:I,allNonUsers:te(r)},stepIndex:y,stepType:{selectedOption:c.stepType.selectedOption,allOptions:re}}));N(a)}},[I,b,D,N,r]);const U=b[b.length-1],C=o!=null||W===0||U.actors.selectedUsers.length+U.actors.selectedNonUsers.length===0||!U.stepType.selectedOption;return l.jsxs(Ge,{size:z,style:p,isDisabled:!1,isError:!1,children:[l.jsx(J,{label:e.label,style:{marginRight:O.labelMarginRight.value(z),width:"auto"}}),b.map((s,h)=>l.jsxs(Ze,{labelWidth:e.width,children:[l.jsxs(Xe,{children:[h+1,"."]}),l.jsx(Ye,{children:l.jsx(fe,{name:Q(`${t}.${s.stepIndex}`,"stepType"),value:s.stepType,isDisabled:h===0,defaultMenuIsOpen:h===1&&s.stepType.selectedOption==null,registerOptions:{required:!0,validate:a=>a!=null&&a.selectedOption!=null||o!=null},placeholderLabel:j})}),l.jsxs(Ke,{children:[l.jsx(pe,{hideEmailTooltip:!1,shouldHaveBackgroundColor:!0,showBackgroundColorIfHasAnySelectedOption:!0,placeholderLabel:s.stepType.selectedOption==null?m:s.stepType.selectedOption==="require_approval"?$:k,name:Q(`${t}.${s.stepIndex}`,"actors"),value:s.actors,operator:s.stepType!=null&&s.stepType.selectedOption==="require_approval"?"or":"and",registerOptions:{required:!0,validate:a=>a!=null&&(a.selectedUsers!=null&&a.selectedUsers.length>0||a.selectedNonUsers!=null&&a.selectedNonUsers.length>0)||o!=null},valueToSubtitle:a=>{const c=f.map(x=>x.role).find(x=>x?.userId===a),y=[];if(c!=null){const x=ue(c.userRoles,A);x.length>0&&y.push(x),c.accountingClassIDs.forEach(Y=>{const P=E.find(K=>K.classId===Y);P!=null&&P.className&&y.push(P.className)})}return y}}),s.stepIndex>0&&l.jsx(Qe,{onClick:()=>w(h)})]})]},D[h]?.id||h)),l.jsx(Je,{disabled:C,children:l.jsx(he,{onClick:n,style:{padding:`${i.sp1} ${i.sp2}`,borderRadius:i.sp1},label:R.addStep,size:"small",disabled:C,"data-testid":M("add-step-button-web")})})]})}const xe=(e,o,t)=>({stepIndex:e,actors:{allUsers:o,selectedUsers:[],allNonUsers:te(t),selectedNonUsers:[]},stepType:{allOptions:re,selectedOption:void 0}}),te=e=>{const o=X.getLocalizedStrings().commonSetUp.approval.nonUsers;return e.map(t=>({label:o[t].label,value:t,position:"top",subtitles:[o[t].subTitle]}))},re=[{label:"Require",value:"require_approval"},{label:"Notify",value:"send_notification"}],Ge=d.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -273,7 +273,7 @@ import{j as l,e as H,B as X,cn as q,cv as G,u as ee,ct as J,C as S,fO as Z,o as
   align-items: baseline;
   flex-grow: 1;
   gap: ${i.sp3};
-`,Ke=d(be)`
+`,Qe=d(be)`
   width: ${i.sp3};
   height: ${i.sp3};
   cursor: pointer;
@@ -290,11 +290,11 @@ import{j as l,e as H,B as X,cn as q,cv as G,u as ee,ct as J,C as S,fO as Z,o as
       color: ${e=>e.disabled?e.theme.colors.grey1:e.theme.colors.primary};
     }
   }
-`,Qe=d.div`
+`,Ye=d.div`
   display: flex;
   align-items: center;
   width: 174px;
-`,Ye=d.div`
+`,Ke=d.div`
   flex: 2;
   display: flex;
   gap: ${i.sp3};
@@ -303,7 +303,7 @@ import{j as l,e as H,B as X,cn as q,cv as G,u as ee,ct as J,C as S,fO as Z,o as
 `,Xe=d.div`
   width: ${i.sp5};
   color: ${e=>e.theme.colors.hero};
-`;function el({label:e,isDisabled:o,sectionId:t,style:p,approversPlaceholder:$,notifiersPlaceholder:k,userSelectPlaceholder:m,approveNotifyPlaceholder:j,allUserWithRoles:f,filteredApprovers:T,allAttributes:r,filteredAttributes:L,allAccountingClasses:E,stepsInfo:b,productType:A}){const z=H(),{commonSetUp:{approval:N}}=X.getLocalizedStrings(),W=T.length+L.length,I=f.map(s=>s.user),{control:M,setValue:R}=q(),{fields:D,replace:F}=ce({name:t,control:M}),n=()=>{const s=b[b.length-1].stepIndex,h=xe(s+1,I,r);R(t,[...b,h])},w=s=>{const h=b.filter((a,c)=>c!==s);R(t,h)};V.useEffect(()=>{const s=D.map(a=>{const{actors:c,stepType:y}=a;return{selectedUsers:c.selectedUsers.map(x=>x.userId),selectedNonUsers:c.selectedNonUsers,selectedOption:y.selectedOption}}),h=b.map(a=>{const{actors:c,stepType:y}=a;return{selectedUsers:c.selectedUsers.map(x=>x.userId),selectedNonUsers:c.selectedNonUsers,selectedOption:y.selectedOption}});if(!le(s,h)){const a=b.map((c,y)=>({actors:{selectedUsers:c.actors.selectedUsers,selectedNonUsers:c.actors.selectedNonUsers,allUsers:I,allNonUsers:te(r)},stepIndex:y,stepType:{selectedOption:c.stepType.selectedOption,allOptions:re}}));F(a)}},[I,b,D,F,r]);const U=b[b.length-1],C=o!=null||W===0||U.actors.selectedUsers.length+U.actors.selectedNonUsers.length===0||!U.stepType.selectedOption;return l.jsxs(ll,{size:z,style:p,isDisabled:!1,isError:!1,children:[l.jsx(J,{label:e.label,style:{marginRight:O.labelMarginRight.value(z),width:"auto"}}),b.map((s,h)=>l.jsxs(tl,{labelWidth:e.width,children:[l.jsxs(dl,{children:[h+1,"."]}),l.jsxs(al,{children:[l.jsx(fe,{name:K(`${t}.${s.stepIndex}`,"stepType"),value:s.stepType,isDisabled:h===0,defaultMenuIsOpen:h===1&&s.stepType.selectedOption==null,registerOptions:{required:!0,validate:a=>a!=null&&a.selectedOption!=null||o!=null},placeholderLabel:j}),l.jsxs(sl,{children:[l.jsx(ol,{children:l.jsx(pe,{hideEmailTooltip:!1,shouldHaveBackgroundColor:!0,showBackgroundColorIfHasAnySelectedOption:!0,placeholderLabel:s.stepType.selectedOption==null?m:s.stepType.selectedOption==="require_approval"?$:k,name:K(`${t}.${s.stepIndex}`,"actors"),value:s.actors,operator:s.stepType!=null&&s.stepType.selectedOption==="require_approval"?"or":"and",registerOptions:{required:!0,validate:a=>a!=null&&(a.selectedUsers!=null&&a.selectedUsers.length>0||a.selectedNonUsers!=null&&a.selectedNonUsers.length>0)||o!=null},valueToSubtitle:a=>{const c=f.map(x=>x.role).find(x=>x?.userId===a),y=[];if(c!=null){const x=ue(c.userRoles,A);x.length>0&&y.push(x),c.accountingClassIDs.forEach(Q=>{const P=E.find(Y=>Y.classId===Q);P!=null&&P.className&&y.push(P.className)})}return y}})}),s.stepIndex>0&&l.jsx(rl,{onClick:()=>w(h),"data-testid":B("delete-step",h.toString())})]})]})]},D[h]?.id||h)),l.jsx(il,{disabled:C,children:l.jsx(he,{onClick:n,style:{width:"100%"},label:N.addStep,size:"standard",variant:"light_transparent",disabled:C,"data-testid":B("add-step-button-small")})})]})}const ll=d.div`
+`;function el({label:e,isDisabled:o,sectionId:t,style:p,approversPlaceholder:$,notifiersPlaceholder:k,userSelectPlaceholder:m,approveNotifyPlaceholder:j,allUserWithRoles:f,filteredApprovers:T,allAttributes:r,filteredAttributes:L,allAccountingClasses:E,stepsInfo:b,productType:A}){const z=H(),{commonSetUp:{approval:R}}=X.getLocalizedStrings(),W=T.length+L.length,I=f.map(s=>s.user),{control:B,setValue:F}=q(),{fields:D,replace:N}=ce({name:t,control:B}),n=()=>{const s=b[b.length-1].stepIndex,h=xe(s+1,I,r);F(t,[...b,h])},w=s=>{const h=b.filter((a,c)=>c!==s);F(t,h)};V.useEffect(()=>{const s=D.map(a=>{const{actors:c,stepType:y}=a;return{selectedUsers:c.selectedUsers.map(x=>x.userId),selectedNonUsers:c.selectedNonUsers,selectedOption:y.selectedOption}}),h=b.map(a=>{const{actors:c,stepType:y}=a;return{selectedUsers:c.selectedUsers.map(x=>x.userId),selectedNonUsers:c.selectedNonUsers,selectedOption:y.selectedOption}});if(!le(s,h)){const a=b.map((c,y)=>({actors:{selectedUsers:c.actors.selectedUsers,selectedNonUsers:c.actors.selectedNonUsers,allUsers:I,allNonUsers:te(r)},stepIndex:y,stepType:{selectedOption:c.stepType.selectedOption,allOptions:re}}));N(a)}},[I,b,D,N,r]);const U=b[b.length-1],C=o!=null||W===0||U.actors.selectedUsers.length+U.actors.selectedNonUsers.length===0||!U.stepType.selectedOption;return l.jsxs(ll,{size:z,style:p,isDisabled:!1,isError:!1,children:[l.jsx(J,{label:e.label,style:{marginRight:O.labelMarginRight.value(z),width:"auto"}}),b.map((s,h)=>l.jsxs(tl,{labelWidth:e.width,children:[l.jsxs(dl,{children:[h+1,"."]}),l.jsxs(al,{children:[l.jsx(fe,{name:Q(`${t}.${s.stepIndex}`,"stepType"),value:s.stepType,isDisabled:h===0,defaultMenuIsOpen:h===1&&s.stepType.selectedOption==null,registerOptions:{required:!0,validate:a=>a!=null&&a.selectedOption!=null||o!=null},placeholderLabel:j}),l.jsxs(sl,{children:[l.jsx(ol,{children:l.jsx(pe,{hideEmailTooltip:!1,shouldHaveBackgroundColor:!0,showBackgroundColorIfHasAnySelectedOption:!0,placeholderLabel:s.stepType.selectedOption==null?m:s.stepType.selectedOption==="require_approval"?$:k,name:Q(`${t}.${s.stepIndex}`,"actors"),value:s.actors,operator:s.stepType!=null&&s.stepType.selectedOption==="require_approval"?"or":"and",registerOptions:{required:!0,validate:a=>a!=null&&(a.selectedUsers!=null&&a.selectedUsers.length>0||a.selectedNonUsers!=null&&a.selectedNonUsers.length>0)||o!=null},valueToSubtitle:a=>{const c=f.map(x=>x.role).find(x=>x?.userId===a),y=[];if(c!=null){const x=ue(c.userRoles,A);x.length>0&&y.push(x),c.accountingClassIDs.forEach(Y=>{const P=E.find(K=>K.classId===Y);P!=null&&P.className&&y.push(P.className)})}return y}})}),s.stepIndex>0&&l.jsx(rl,{onClick:()=>w(h),"data-testid":M("delete-step",h.toString())})]})]})]},D[h]?.id||h)),l.jsx(il,{disabled:C,children:l.jsx(he,{onClick:n,style:{width:"100%"},label:R.addStep,size:"standard",variant:"light_transparent",disabled:C,"data-testid":M("add-step-button-small")})})]})}const ll=d.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;