@zeniai/web-cockpit-ui 1.14.19-dev → 1.14.19-dev-betaSK01

package/dist/assets/EmptySearchResults-CB9-FwYT-DCczU5qh.js

@@ -0,0 +1,46 @@
+import{j as r,bs as h,c1 as p,F as u,o as n,h as i,$ as x}from"./index-D9zAXs3-.js";import{n as t,b as o}from"./vendor-Bs1fkIUX.js";const k=e=>o.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},o.createElement("path",{d:"M2 17.3376C2 18.5212 2.47021 19.6564 3.3072 20.4934C4.14418 21.3304 5.27937 21.8006 6.46304 21.8006C7.64672 21.8006 8.78191 21.3304 9.61889 20.4934C10.4559 19.6564 10.9261 18.5212 10.9261 17.3376C10.9261 16.1539 10.4559 15.0187 9.61889 14.1817C8.78191 13.3447 7.64672 12.8745 6.46304 12.8745C5.27937 12.8745 4.14418 13.3447 3.3072 14.1817C2.47021 15.0187 2 16.1539 2 17.3376Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),o.createElement("path",{d:"M10.9261 7.0726V3.50217C10.5552 3.1784 10.0795 3 9.58717 3C9.09483 3 8.61917 3.1784 8.24826 3.50217L6.90935 7.0726L5.57043 8.41151L2.89261 14.6598",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),o.createElement("path",{d:"M13.6039 17.3376C13.6039 18.5212 14.0741 19.6564 14.9111 20.4934C15.7481 21.3304 16.8833 21.8006 18.067 21.8006C19.2506 21.8006 20.3858 21.3304 21.2228 20.4934C22.0598 19.6564 22.53 18.5212 22.53 17.3376C22.53 16.1539 22.0598 15.0187 21.2228 14.1817C20.3858 13.3447 19.2506 12.8745 18.067 12.8745C16.8833 12.8745 15.7481 13.3447 14.9111 14.1817C14.0741 15.0187 13.6039 16.1539 13.6039 17.3376Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),o.createElement("path",{d:"M13.6039 7.07264V3.55844C13.9748 3.23467 14.4505 3.05627 14.9428 3.05627C15.4352 3.05627 15.9108 3.23467 16.2817 3.55844L17.6207 7.07264L18.9596 8.41155L21.6374 14.6598",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),o.createElement("path",{d:"M8.69456 10.643C8.69456 9.66114 10.2932 8.85779 12.265 8.85779C14.2368 8.85779 15.8354 9.65667 15.8354 10.643",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),o.createElement("path",{d:"M10.9261 17.3375V8.98718",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),o.createElement("path",{d:"M13.6039 17.3375V8.98718",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),C=t.div`
+  justify-content: center;
+  align-items: center;
+  display: flex;
+  flex-direction: column;
+  height: calc(100vh - 268px);
+  gap: ${n.sp6};
+  color: ${e=>e.theme.colors.grey2};
+`,m=t(x)`
+  color: ${e=>e.theme.colors.hero};
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+`,j=t.div`
+  justify-content: center;
+  align-items: center;
+  display: flex;
+  flex-direction: column;
+  height: calc(100vh - 268px);
+  gap: ${n.sp5};
+  color: ${e=>e.theme.colors.hero};
+  p {
+    margin: 0;
+  }
+`,L=t.div`
+  justify-content: center;
+  align-items: center;
+  display: flex;
+  flex-direction: column;
+  row-gap: ${n.sp3};
+`,g=t.button`
+  background: none;
+  box-shadow: none;
+  border-radius: ${n.sp1};
+  cursor: pointer;
+  border: ${e=>`1px solid ${e.theme.colors.grey3}`};
+  color: ${i.info};
+  &:hover {
+    border: ${`1px solid ${i.info}`};
+  }
+`,s=t.div``,c=t(k)`
+  width: ${n.sp7};
+  height: ${n.sp7};
+  color: ${e=>e.theme.colors.grey2};
+`,y=({emptySearchTextFirstLine:e,emptySearchTextSecondLine:l,filtersApplied:d=!1,onClearFilter:a})=>d?r.jsxs(j,{children:[r.jsx(c,{}),r.jsxs(L,{children:[r.jsx(h,{children:e}),r.jsx(g,{onClick:a,children:r.jsx(p,{children:u.getLocalizedStrings().cockpit.filters.clearFilterBtnText})})]})]}):r.jsxs(C,{children:[r.jsx(c,{}),r.jsxs(m,{children:[r.jsx(s,{children:e}),r.jsx(s,{children:l})]})]});export{y as $};

package/dist/assets/EntityDetailPage-BqjWJTDI-qcUtYQZh.js

@@ -0,0 +1,18 @@
+import{u as y,F as T,a8 as C,j as o,A as v,o as t,H as m}from"./index-D9zAXs3-.js";import{n as a}from"./vendor-Bs1fkIUX.js";import{R as k}from"./TrendWithTransactions-CaExMJVA-C_0n3oh-.js";import"./mui-Ty75qFQF.js";import"./analytics-CBL_L82S.js";import"./routing-lj7oVq6C.js";import"./sentry-BE5FTzpq.js";import"./redux-CEhZD0hA.js";import"./liveblocks-C2xecagE.js";import"./crypto-DPjkCRYF.js";import"./TrendChart-a95Aii8O-Crc1NrOm.js";import"./chartTypes-CICM6xJ3-DAE7LSQz.js";import"./toCOABalancesWithID-B0F8-Lgv-mwB6oBaM.js";import"./toChartData-D_8GUwpP-CFofR1sw.js";import"./NoDataChart-BSoXaJD0-JxM1S3Cy.js";import"./InsightsSection-DxpsNIIy-D73VhmA2.js";import"./NavigationDots-CGOsNTLj-ZRX96j5F.js";import"./TransactionList-CnOj_LA1-DJxHv2ky.js";import"./BoxItem-DJq3mny1-nPTLB__B.js";import"./commonDimensions-EDu7gcyc-DiuxcTjp.js";const $=a.div`
+  display: flex;
+  margin: ${t.sp0} ${t.sp0} ${t.sp0} ${t.sp0};
+  flex-direction: column;
+  width: 100%;
+  height: 100%;
+  background-color: ${i=>i.theme.colors.grey5};
+`,j=a.div`
+  padding-left: ${t.sp0};
+  position: fixed;
+  width: 100%;
+  z-index: 20;
+  position: -webkit-sticky;
+  position: sticky;
+  top: ${t.sp0};
+`,E=a.div`
+  flex: 1 1 auto;
+`;function J({firstMonthOfFY:i,selectedEntity:e,trendWithTransactionsReport:n,autoCompleteData:l,autoCompleteActions:d,analytics:s,onTransactionItemClick:c,onTrendSelectedPeriodChange:h}){const u=y(),{dateFormat:{analytics:f}}=T.getLocalizedStrings(),g=new C(u.colors.graphColor12),x=(p,r)=>{p==="Chart"&&r!=null&&s?.trackSpendIncomeTrend(e.type==="vendor"?m.Event.spendTrend:m.Event.incomeTrend,"Search",e.type,e.name,r?.addTimePeriod.startDate.format(f.MMMYYFormat)),p==="TransactionListLoadMore"&&s?.trackTransactionList(void 0,void 0,"Search",void 0,void 0,!0),h?.(r)};return o.jsxs($,{children:[o.jsx(j,{children:o.jsx(v,{viewType:"entity_search",searchAutoComplete:{autoCompleteData:l,autoCompleteActions:d},source:"EntityDetailPage"})}),e!=null&&n!=null&&o.jsx(E,{children:o.jsx(k,{firstMonthOfFY:i,trendWithTransactionsReport:n,isDetailPage:!1,graphColor:g,page:"EntityDetailPage",onTransactionItemClick:c,onTimePeriodChange:x})})]})}export{J as default};

package/dist/assets/{EntitySummarySection-eNxIwvHt-CkeObU85.js → EntitySummarySection-B1zP9dKH-kkSLVqaS.js}

@@ -1,8 +1,8 @@
-import{e as z,M as L,j as i,dr as H,C as d,cw as _,o as s,T as S,a0 as b,aj as B,bX as R,q as r,c4 as E,B as G,n as k,ao as U,d as N,c0 as F,c as D,c3 as q}from"./index-CyJdCOlu.js";import{b as v,n as t}from"./vendor-CnQcJ2Lu.js";import{l as I}from"./agingReportHelper-ovKP-qSS-BPG0U4uX.js";const w=L.getLocalizedStrings().reports.aging.agingDetail.header,m=[{key:"date",value:w.date,sortOrder:"ascending",width:new d(212,212)},{key:"invoiceNumber",value:w.invoiceNumber,sortOrder:"ascending",width:new d(188,188)},{key:"dueDate",value:w.dueDate,sortOrder:"ascending",width:new d(188,188)},{key:"daysPastDue",value:w.daysPastDue,sortOrder:"ascending",width:new d(188,188)},{key:"amount",value:w.amount,sortOrder:"ascending",width:new d(188,188)},{key:"balance",value:w.balance,sortOrder:"ascending",width:new d(120,120)}],M={headerHeight:new d(45,58)},X=t.div`
+import{K as z,F as L,j as i,d8 as H,x as d,cn as _,o as s,b as S,a0 as b,aj as R,bT as E,n as r,b$ as B,O as F,k,ao as U,$ as N,bX as G,h as D,b_ as Z}from"./index-D9zAXs3-.js";import{b as v,n as t}from"./vendor-Bs1fkIUX.js";import{l as I}from"./agingReportHelper-ovKP-qSS-BPG0U4uX.js";const w=L.getLocalizedStrings().reports.aging.agingDetail.header,m=[{key:"date",value:w.date,sortOrder:"ascending",width:new d(212,212)},{key:"invoiceNumber",value:w.invoiceNumber,sortOrder:"ascending",width:new d(188,188)},{key:"dueDate",value:w.dueDate,sortOrder:"ascending",width:new d(188,188)},{key:"daysPastDue",value:w.daysPastDue,sortOrder:"ascending",width:new d(188,188)},{key:"amount",value:w.amount,sortOrder:"ascending",width:new d(188,188)},{key:"balance",value:w.balance,sortOrder:"ascending",width:new d(120,120)}],Y={headerHeight:new d(45,58)},J=t.div`
   top: ${s.sp0};
   left: ${s.sp0};
-  min-height: ${e=>M.headerHeight.valuePx(e.windowSize)};
-  max-height: ${e=>M.headerHeight.valuePx(e.windowSize)};
+  min-height: ${e=>Y.headerHeight.valuePx(e.windowSize)};
+  max-height: ${e=>Y.headerHeight.valuePx(e.windowSize)};
   width: fit-content;
   min-width: 100%;
   z-index: 2;
@@ -11,7 +11,7 @@ import{e as z,M as L,j as i,dr as H,C as d,cw as _,o as s,T as S,a0 as b,aj as B
   box-sizing: border-box;
   background-color: ${e=>e.theme.colors.grey4};
   position: sticky;
-`,Z=t.div`
+`,X=t.div`
   color: ${e=>e.sortDataValue===e.actualDataValue?e.theme.colors.primary:e.theme.colors.grey1};
 
   width: ${e=>e.windowSize!=="extra-large"?e.wrapperWidth.valuePx(e.windowSize):e.wrapperWidth.valuePercentage(e.windowSize)};
@@ -25,7 +25,7 @@ import{e as z,M as L,j as i,dr as H,C as d,cw as _,o as s,T as S,a0 as b,aj as B
   position: static;
   z-index: 0;
   box-sizing: border-box;
-`,J=t(q)`
+`,q=t(Z)`
   width: 12px;
   height: 12px;
 `,Q=t.div`
@@ -48,7 +48,7 @@ import{e as z,M as L,j as i,dr as H,C as d,cw as _,o as s,T as S,a0 as b,aj as B
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`;function te({sortConfig:e,onColumnSortConfigChanged:l}){const c=z(),o=v.useCallback((n,a)=>{let h=a;e.sortKey===n&&(h=e.sortOrder==="ascending"?"descending":"ascending"),l(n,h)},[l,e]);return i.jsx(X,{windowSize:c,children:m.map(n=>i.jsxs(Z,{sortDataValue:e.sortKey,actualDataValue:n.key,wrapperWidth:n.width,windowSize:c,children:[i.jsxs(ie,{onClick:()=>o(n.key,n.sortOrder),children:[i.jsx(N,{children:n.value}),i.jsx(Q,{sortConfig:e,children:i.jsx(F,{width:12,height:12})})]}),i.jsx(ee,{isVisible:e.sortKey===n.key&&e.sortKey!=="date",children:i.jsx(J,{onClick:()=>l("date","ascending")})})]},n.key))})}const f={containerPaddingTop:new d(r[3],r[3]),containerPaddingBottom:new d(r[3],r[3]),nameLogoWidth:new d(r[4],r[4]),nameLogoHeight:new d(r[4],r[4]),nameWidth:new d(150,150)},ne=t.div`
+`;function te({sortConfig:e,onColumnSortConfigChanged:l}){const c=z(),o=v.useCallback((n,a)=>{let h=a;e.sortKey===n&&(h=e.sortOrder==="ascending"?"descending":"ascending"),l(n,h)},[l,e]);return i.jsx(J,{windowSize:c,children:m.map(n=>i.jsxs(X,{sortDataValue:e.sortKey,actualDataValue:n.key,wrapperWidth:n.width,windowSize:c,children:[i.jsxs(ie,{onClick:()=>o(n.key,n.sortOrder),children:[i.jsx(N,{children:n.value}),i.jsx(Q,{sortConfig:e,children:i.jsx(G,{width:12,height:12})})]}),i.jsx(ee,{isVisible:e.sortKey===n.key&&e.sortKey!=="date",children:i.jsx(q,{onClick:()=>l("date","ascending")})})]},n.key))})}const f={containerPaddingTop:new d(r[3],r[3]),containerPaddingBottom:new d(r[3],r[3]),nameLogoWidth:new d(r[4],r[4]),nameLogoHeight:new d(r[4],r[4]),nameWidth:new d(150,150)},ne=t.div`
   display: flex;
   flex-direction: column;
   row-gap: ${s.sp2};
@@ -104,7 +104,7 @@ import{e as z,M as L,j as i,dr as H,C as d,cw as _,o as s,T as S,a0 as b,aj as B
   left: ${s.sp0};
   padding-bottom: ${s.sp3};
   box-sizing: border-box;
-`,ge=t.div``,K=v.forwardRef((e,l)=>{const{children:c,style:o,sortConfig:n,onColumnSortConfigChanged:a,onUpdateCurrentYTDSelection:h,selectedYTDSpendOption:$,fetchState:j,...x}=e;return i.jsxs(ge,{ref:l,style:{...o,width:"auto"},...x,children:[i.jsx(te,{onColumnSortConfigChanged:a,sortConfig:n}),i.jsx(ce,{children:c})]})});K.displayName="Aging invoices list view inner element type";const me=({index:e,style:l,invoices:c,entityLogo:o,onTransactionClick:n})=>{const a=c[e];return e<c.length?i.jsx(he,{style:{...l,width:"fit-content",minWidth:"100%"},children:i.jsx(de,{onTransactionClick:n,invoice:a,entityLogo:o})}):null};function Se({uiState:e,invoices:l,entityLogo:c,onColumnSortConfigChanged:o,onTransactionClick:n}){const a=v.useRef(null),h=z(),$=v.useCallback(()=>le.itemHeight.value(h),[h]);return i.jsx(B,{children:({height:j,width:x})=>i.jsx(R,{height:j,width:x,ref:a,overscanCount:1,itemCount:l.length,innerElementType:u=>i.jsx(K,{...u,onColumnSortConfigChanged:o,sortConfig:{sortKey:e.sortKey,sortOrder:e.sortOrder}}),itemSize:$,style:{willChange:"auto"},children:u=>i.jsx(me,{...u,invoices:l,entityLogo:c,onTransactionClick:n})})})}const g={containerHorizontalPadding:new d(r[2],r[8]),nameLogoWidth:new d(r[5],r[5]),nameLogoHeight:new d(r[5],r[5]),nameLogoMarginTop:new d(r[1],r[1]),entityContainerWidth:new d(300,350,350,350,400),summaryColumnGap:new d(r[2],r[1],r[1],r[2],r[6])},we=t.div`
+`,ge=t.div``,K=v.forwardRef((e,l)=>{const{children:c,style:o,sortConfig:n,onColumnSortConfigChanged:a,onUpdateCurrentYTDSelection:h,selectedYTDSpendOption:$,fetchState:j,...x}=e;return i.jsxs(ge,{ref:l,style:{...o,width:"auto"},...x,children:[i.jsx(te,{onColumnSortConfigChanged:a,sortConfig:n}),i.jsx(ce,{children:c})]})});K.displayName="Aging invoices list view inner element type";const me=({index:e,style:l,invoices:c,entityLogo:o,onTransactionClick:n})=>{const a=c[e];return e<c.length?i.jsx(he,{style:{...l,width:"fit-content",minWidth:"100%"},children:i.jsx(de,{onTransactionClick:n,invoice:a,entityLogo:o})}):null};function Se({uiState:e,invoices:l,entityLogo:c,onColumnSortConfigChanged:o,onTransactionClick:n}){const a=v.useRef(null),h=z(),$=v.useCallback(()=>le.itemHeight.value(h),[h]);return i.jsx(R,{children:({height:j,width:x})=>i.jsx(E,{height:j,width:x,ref:a,overscanCount:1,itemCount:l.length,innerElementType:u=>i.jsx(K,{...u,onColumnSortConfigChanged:o,sortConfig:{sortKey:e.sortKey,sortOrder:e.sortOrder}}),itemSize:$,style:{willChange:"auto"},children:u=>i.jsx(me,{...u,invoices:l,entityLogo:c,onTransactionClick:n})})})}const g={containerHorizontalPadding:new d(r[2],r[8]),nameLogoWidth:new d(r[5],r[5]),nameLogoHeight:new d(r[5],r[5]),nameLogoMarginTop:new d(r[1],r[1]),entityContainerWidth:new d(300,350,350,350,400),summaryColumnGap:new d(r[2],r[1],r[1],r[2],r[6])},we=t.div`
   background: ${e=>e.theme.colors.grey5};
   padding-left: ${e=>g.containerHorizontalPadding.valuePx(e.windowSize)};
   padding-right: ${e=>g.containerHorizontalPadding.valuePx(e.windowSize)};
@@ -130,7 +130,7 @@ import{e as z,M as L,j as i,dr as H,C as d,cw as _,o as s,T as S,a0 as b,aj as B
 `,ue=t.div`
   display: flex;
   flex-direction: column;
-`,Y=t(G)`
+`,M=t(F)`
   color: ${e=>e.theme.colors.hero};
 `,ye=t.div`
   margin-top: ${e=>g.nameLogoMarginTop.valuePx(e.windowSize)};
@@ -144,6 +144,6 @@ import{e as z,M as L,j as i,dr as H,C as d,cw as _,o as s,T as S,a0 as b,aj as B
   color: ${e=>e.theme.colors.hero};
   text-wrap: nowrap;
   width: fit-content;
-`,ve=t(E)`
+`,ve=t(B)`
   color: ${e=>e.theme.colors.primary};
-`;function be({totalBalances:e,entityName:l,reportId:c,reportDate:o,entityLogo:n}){const a=z(),h=a==="large"||a==="extra-large",{reports:{aging:{duration:$,apAgingDetail:j,arAgingDetail:x,apAging:u,arAging:V}},dateFormat:W}=L.getLocalizedStrings(),A=v.useMemo(()=>I(e),[e]);return i.jsxs(we,{isLargeScreen:h,windowSize:a,children:[i.jsxs(pe,{windowSize:a,children:[n!=null?i.jsx(H,{photoUrl:n.toString(),styles:{width:g.nameLogoWidth.valuePx(a),height:g.nameLogoHeight.valuePx(a),marginTop:g.nameLogoMarginTop.valuePx(a)}}):i.jsx(ye,{windowSize:a,children:i.jsx(_,{name:l,size:s.sp5})}),i.jsxs(ue,{children:[i.jsx(ve,{children:l}),i.jsx(S,{controller:c==="accounts_payable_aging",children:i.jsx(Y,{children:`${j.dateLabel} ${o.format(W.visual.MMMDCommaYYYYformat)}`})}),i.jsx(S,{controller:c==="accounts_receivable_aging",children:i.jsx(Y,{children:`${x.dateLabel} ${o.format(W.visual.MMMDCommaYYYYformat)}`})})]})]}),i.jsxs(xe,{isLargeScreen:h,windowSize:a,children:[e.map(C=>i.jsxs(T,{children:[i.jsx(P,{children:$[C.period]}),i.jsx(O,{children:b("0,0",C?.balance)})]},C.period)),i.jsxs(T,{children:[i.jsx(S,{controller:c==="accounts_payable_aging",children:i.jsx(P,{children:u.totalPayable})}),i.jsx(S,{controller:c==="accounts_receivable_aging",children:i.jsx(P,{children:V.totalReceivable})}),i.jsx(O,{children:b("0,0",A?.balance)})]})]})]})}export{Se as L,be as W};
+`;function be({totalBalances:e,entityName:l,reportId:c,reportDate:o,entityLogo:n}){const a=z(),h=a==="large"||a==="extra-large",{reports:{aging:{duration:$,apAgingDetail:j,arAgingDetail:x,apAging:u,arAging:V}},dateFormat:W}=L.getLocalizedStrings(),A=v.useMemo(()=>I(e),[e]);return i.jsxs(we,{isLargeScreen:h,windowSize:a,children:[i.jsxs(pe,{windowSize:a,children:[n!=null?i.jsx(H,{photoUrl:n.toString(),styles:{width:g.nameLogoWidth.valuePx(a),height:g.nameLogoHeight.valuePx(a),marginTop:g.nameLogoMarginTop.valuePx(a)}}):i.jsx(ye,{windowSize:a,children:i.jsx(_,{name:l,size:s.sp5})}),i.jsxs(ue,{children:[i.jsx(ve,{children:l}),i.jsx(S,{controller:c==="accounts_payable_aging",children:i.jsx(M,{children:`${j.dateLabel} ${o.format(W.visual.MMMDCommaYYYYformat)}`})}),i.jsx(S,{controller:c==="accounts_receivable_aging",children:i.jsx(M,{children:`${x.dateLabel} ${o.format(W.visual.MMMDCommaYYYYformat)}`})})]})]}),i.jsxs(xe,{isLargeScreen:h,windowSize:a,children:[e.map(C=>i.jsxs(T,{children:[i.jsx(P,{children:$[C.period]}),i.jsx(O,{children:b("0,0",C?.balance)})]},C.period)),i.jsxs(T,{children:[i.jsx(S,{controller:c==="accounts_payable_aging",children:i.jsx(P,{children:u.totalPayable})}),i.jsx(S,{controller:c==="accounts_receivable_aging",children:i.jsx(P,{children:V.totalReceivable})}),i.jsx(O,{children:b("0,0",A?.balance)})]})]})]})}export{Se as L,be as W};

package/dist/assets/ExpenseAutomationOverviewPage-CKokJTC4-C9VvWXen.js

@@ -0,0 +1,222 @@
+import{u as A,K as I,bF as H,j as r,Z as $,bf as J,h as a,bw as O,F as Y,o as s,aW as U,jk as q,y as c,gO as G,gP as K,r as V,a0 as X,l as Q,jl as D,w as Z,aS as ee,fX as re,b as oe,bL as se,b$ as te,$ as g,k as ie,eg as ae,W as le,bq as ne,hC as ce,p as de,am as he,ao as L,af as pe}from"./index-D9zAXs3-.js";import{n as o,i as m,k as me}from"./vendor-Bs1fkIUX.js";import{d as ge}from"./BusyIndication-_H8LL7GJ-BjR55KdD.js";import{o as xe}from"./transaction-placeholder-CpOwZAMG-CGEA36Na.js";import"./mui-Ty75qFQF.js";import"./analytics-CBL_L82S.js";import"./routing-lj7oVq6C.js";import"./sentry-BE5FTzpq.js";import"./redux-CEhZD0hA.js";import"./liveblocks-C2xecagE.js";import"./crypto-DPjkCRYF.js";const ue={transaction_categorization:xe,missing_receipts:re,flux_analysis:ee,je_schedules:D,month_end_insights:Z,reconciliation:D},fe=e=>{const x={Weekly:[],Monthly:[]};return e.forEach(u=>{x[u.frequency].push(u)}),x},{expenseAutomation:d,common:i,dateFormat:$e}=Y.getLocalizedStrings();function ur({monthEndCloseChecksView:e,isRealtimeInsightsFeatureEnabled:x,onMonthEndCheckClick:u,onBackClick:M,handleReviewButtonClick:P,onPeriodChange:R,onReload:k}){const b=A(),z=I();if(H({componentName:"expense_automation.overview"}),e.monthEndCloseChecks==null||e.fetchState==="Not-Started"||e.fetchState==="In-Progress")return r.jsx(_,{"data-testid":$("expense-automation-overview-page-activity-indicator"),children:r.jsx(ge,{fetchState:"In-Progress"})});if(e.monthEndCloseChecks==null||e.fetchState==="Error")return r.jsx(_,{children:r.jsx(Qe,{"data-testid":$("expense-automation-overview-page-reload-page"),onClick:k,children:r.jsx(J,{})})});const{monthEndCloseChecks:{auditSummary:l,monthEndCloseCheckList:F,insights:h,reportEmailSentDate:S},refreshStatus:N}=e,T=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 B=r.jsx(qe,{"data-testid":$("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:N.fetchState==="In-Progress"})})});return r.jsxs(ye,{children:[r.jsx(U,{title:r.jsx(q,{labelSuffix:i.texts.close,pickerLabelStyle:{...c.largeSemiBold.cssObject},onPeriodChange:R,monthEndCloseChecksView:e}),showBackButton:!0,onBackClick:M,source:"ExpenseAutomationOverviewPage",rightSideComponent:B}),r.jsxs(_e,{children:[r.jsxs(je,{children:[r.jsx(ve,{windowSize:z,children:r.jsx(be,{children:r.jsxs(Se,{children:[r.jsx(Ue,{children:r.jsx(G,{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(tr,{children:[r.jsxs(De,{children:[r.jsxs(C,{children:[r.jsxs(Ge,{children:[r.jsx(Ce,{children:d.overview.auditScoreTitle}),l.auditReportLastGeneratedDate!=null?r.jsx(Ke,{children:l.auditReportLastGeneratedDate.utc(!0).fromNow()}):null]}),r.jsx(ke,{children:d.overview.auditScoreDescription})]}),r.jsx(V,{style:{alignSelf:"flex-start"},variant:"primary",label:i.texts.review,onClick:P})]}),r.jsxs(Ee,{children:[r.jsxs(Ie,{children:[r.jsx(Oe,{}),r.jsx(He,{children:i.texts.aiAgents}),r.jsx(Je,{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(y,{isLastTab:!1,children:[r.jsx(j,{children:h.vendorsWithFluctuations}),r.jsx(v,{children:d.overview.statistics.vendorsWithFluctuations})]}),r.jsxs(y,{isLastTab:!1,children:[r.jsx(j,{children:h.transactionsAutoCategorized}),r.jsx(v,{children:d.overview.statistics.transactionsAutoCategorized})]}),r.jsxs(y,{isLastTab:!1,children:[r.jsxs(j,{children:[h.efficiencyPercentage,i.strings.percentage]}),r.jsx(v,{children:d.overview.statistics.humanEfficiency})]}),r.jsxs(y,{isLastTab:!0,children:[r.jsxs(j,{children:[h.efficiency,"x"]}),r.jsx(v,{children:d.overview.statistics.fasterReviews})]})]})]}),r.jsx(Le,{children:Q.ALL_MONTH_END_CLOSE_CHECKS_FREQUENCY.map(w=>r.jsxs(Me,{children:[r.jsx(E,{cardDisabled:!1,children:w}),r.jsx(Pe,{children:T[w].map(t=>{const n=t.id==="month_end_insights"?!x:t.isDisabled,W=n===!0||t.id==="month_end_insights"&&e.monthEndCloseChecks?.reportEmailSentDate!=null;return r.jsxs(Re,{"data-testid":$("expense-automation-overview-page-month-end-close-check-card",t.id),cardDisabled:n,onClick:()=>{W===!1&&u(t.id)},children:[r.jsxs(Ae,{children:[r.jsx(We,{cardDisabled:n,isDarkMode:b.mode==="dark",children:r.jsx(Be,{as:ue[t.id]??null})}),r.jsxs(C,{children:[r.jsx(E,{cardDisabled:n,children:t.title}),r.jsx(ze,{className:"card-description",cardDisabled:n,children:t.description})]})]}),r.jsxs(Fe,{children:[r.jsx(oe,{controller:t.id!=="month_end_insights",children:r.jsxs(Ne,{children:[r.jsxs(Ve,{progress:t.progress,children:[Math.floor(t.progress),i.strings.percentage]}),r.jsx(Xe,{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($e.visual.MMMDCommaYYYYformat)})]}):null,r.jsx(C,{children:r.jsx(Te,{className:"card-right-chevron",disabled:n})})]})]},t.id)})})]},w))})]})]})}const ye=o.div`
+  display: flex;
+  flex-direction: column;
+  background-color: ${e=>e.theme.colors.grey5};
+  row-gap: ${s.sp3};
+`,je=o.div`
+  display: flex;
+  flex-direction: column;
+  row-gap: ${s.sp6};
+  background-color: ${e=>e.theme.colors.grey5};
+  box-shadow: ${e=>e.theme.colors.elevation1};
+`,ve=o.div`
+  height: 200px;
+  ${e=>e.windowSize!=="extra-large"?m`
+          background-repeat: no-repeat;
+          background-image: url(https://storage.googleapis.com/zeni-apis.appspot.com/images/expense-automation-background.png);
+        `:null};
+`,be=o.div`
+  display: flex;
+  align-items: center;
+  column-gap: ${s.sp8};
+  justify-content: center;
+  height: 100%;
+`,we=o.div`
+  border-top: 1px solid ${e=>e.theme.colors.grey3};
+  border-bottom: 1px solid ${e=>e.theme.colors.grey3};
+  display: flex;
+  align-items: center;
+  justify-content: center;
+`,Ce=o(te)`
+  color: ${e=>e.theme.colors.primary};
+`,ke=o(ie)`
+  color: ${e=>e.theme.colors.primary};
+`,Se=o.div`
+  display: flex;
+  column-gap: ${s.sp3};
+  align-items: flex-start;
+`,De=o.div`
+  display: flex;
+  flex-direction: column;
+  row-gap: ${s.sp3};
+  width: 466px;
+`,Ee=o.div`
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  width: 310px;
+  text-align: center;
+  visibility: hidden;
+`,y=o.div`
+  text-align: center;
+  width: 300px;
+  padding: ${s.sp3} ${s.sp0};
+  ${e=>e.isLastTab===!1?m`
+          border-right: 1px solid ${e.theme.colors.grey3};
+        `:m`
+          border: 0;
+        `}
+`,j=o(de)`
+  color: ${e=>e.theme.colors.primary};
+`,v=o(g)`
+  color: ${e=>e.theme.colors.primary};
+`,_e=o.div`
+  display: flex;
+  flex-direction: column;
+  background-color: ${e=>e.theme.colors.grey4};
+  row-gap: ${s.sp6};
+`,Le=o.div`
+  display: flex;
+  flex-direction: column;
+  row-gap: ${s.sp5};
+  padding-bottom: ${s.sp4};
+  margin: auto;
+`,E=o(he)`
+  color: ${e=>e.cardDisabled?e.theme.colors.grey2:e.theme.colors.primary};
+`,Me=o.div`
+  display: flex;
+  flex-direction: column;
+  row-gap: ${s.sp2};
+`,Pe=o.div`
+  display: flex;
+  flex-direction: column;
+  row-gap: ${s.sp4};
+`,Re=o.div`
+  width: 726px;
+  background-color: ${e=>e.theme.colors.grey5};
+  padding: ${s.sp4};
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  border-radius: ${s.sp2};
+  cursor: ${e=>e.cardDisabled?"not-allowed":"pointer"};
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  box-shadow: ${e=>e.theme.colors.elevation1};
+  ${e=>e.cardDisabled===!1?m`
+          &:hover {
+            border: 1px solid ${e.theme.colors.primary};
+            .card-right-chevron,
+            .card-description,
+            .progress-complete-text {
+              color: ${e.theme.colors.primary};
+            }
+          }
+        `:null}
+`,ze=o(g)`
+  color: ${e=>e.cardDisabled?e.theme.colors.grey2:e.theme.colors.hero};
+`,Fe=o.div`
+  display: flex;
+  align-items: center;
+  column-gap: ${s.sp7};
+`,C=o.div``,Ne=o.div`
+  text-align: center;
+  width: 82px;
+`,Te=o(pe)`
+  color: ${e=>e.disabled?e.theme.colors.grey2:e.theme.colors.hero};
+  width: ${s.sp4};
+  height: ${s.sp4};
+`,Be=o.div`
+  width: ${s.sp4};
+  height: ${s.sp4};
+  color: ${e=>e.theme.colors.primary};
+`,We=o.div`
+  width: ${s.sp7};
+  height: ${s.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;
+`,Ae=o.div`
+  display: flex;
+  align-items: center;
+  column-gap: ${s.sp3};
+`,Ie=o.div`
+  display: flex;
+  align-items: center;
+  column-gap: ${s.sp1};
+  justify-content: center;
+`,He=o(le)`
+  color: ${e=>e.theme.colors.brandColorSapphire};
+`,Je=o(ne)`
+  color: ${e=>e.theme.colors.brandColorJade};
+`,Oe=o(ae)`
+  width: ${s.sp4};
+  height: ${s.sp4};
+  margin-right: ${s.sp1};
+`,Ye=o(ce)`
+  color: ${e=>e.theme.colors.primary};
+`,Ue=o.div`
+  display: flex;
+  height: 96px;
+  justify-content: center;
+`,qe=o.div`
+  color: ${e=>e.theme.colors.hero};
+  cursor: pointer;
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Ge=o.div`
+  display: flex;
+  align-items: flex-end;
+  column-gap: ${s.sp2};
+`,Ke=o(g)`
+  color: ${e=>e.theme.colors.hero};
+  margin-bottom: ${s.sp1};
+`,Ve=o(L)`
+  color: ${e=>e.progress<100?e.theme.colors.primary:e.theme.colors.success};
+`,Xe=o(g)`
+  color: ${e=>e.progress<100?e.theme.colors.hero:e.theme.colors.success};
+`,Qe=o.div`
+  height: 96px;
+  width: 96px;
+  background: ${e=>e.theme.colors.background};
+  border-radius: 50%;
+  cursor: pointer;
+  & svg {
+    margin: ${s.sp5};
+    color: ${e=>e.theme.colors.grey1};
+  }
+  &:hover {
+    & svg {
+      color: ${e=>e.theme.colors.primary};
+    }
+  }
+`,_=o.div`
+  display: flex;
+  height: 100vh;
+  overflow: auto;
+  background-color: ${e=>e.theme.colors.grey5};
+  justify-content: center;
+  align-items: center;
+`,Ze=me`
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+`,er=o(se,{shouldForwardProp:e=>typeof e=="string"&&e!=="$spinning"})`
+  cursor: pointer;
+  width: ${s.sp4};
+  height: ${s.sp4};
+  color: ${e=>e.theme.colors.hero};
+  animation: ${e=>e.$spinning?m`
+          ${Ze} 2s linear infinite;
+        `:"none"};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,rr=o(L)`
+  color: ${e=>e.theme.colors.success};
+`,or=o(g)`
+  color: ${e=>e.theme.colors.success};
+`,sr=o.div`
+  width: 82px;
+  text-align: center;
+`,tr=o.div`
+  display: flex;
+  column-gap: ${s.sp8};
+  align-items: flex-start;
+`;export{ur as default};