@zeniai/web-cockpit-ui 1.14.17-qa → 1.14.18-dev

package/dist/assets/{EntityDetailPage-BzJbAOSj--n76aj0W.js → EntityDetailPage-DY4i6GZK-DN-UWde9.js}

@@ -1,4 +1,4 @@
-import{u as T,M as y,a8 as C,j as o,w as v,o as t,H as m}from"./index-D3AeqRGt.js";import{n}from"./vendor-CnQcJ2Lu.js";import{R as k}from"./TrendWithTransactions-Ch8smOOz-dEqRqTOG.js";import"./mui-Bi8r7UDG.js";import"./analytics-CBL_L82S.js";import"./routing-CxYXTKiv.js";import"./sentry-HDxG13yk.js";import"./redux-CC-tnuv1.js";import"./liveblocks-DZpRS25q.js";import"./crypto-BURQLTgV.js";import"./TrendChart-D2B0mwGW-CDLMKcy5.js";import"./chartTypes-ZJYcsh-k-QASYidAg.js";import"./toCOABalancesWithID-DJNZCEmi-D9lE8sxN.js";import"./toChartData-HYsxUPzh-CN6TOhlP.js";import"./NoDataChart-BUR7CF8w-D1wb8NU8.js";import"./InsightsSection-C-kpIvRH-BPjMKWaa.js";import"./NavigationDots-CXPwKFh1-D0BlOlke.js";import"./TransactionList-BrOpzi25-BpXcE9sq.js";import"./BoxItem-CQlEDklH-CpOQze_E.js";import"./commonDimensions-NUQEpowf-IZPez2Zj.js";const $=n.div`
+import{u as y,M as T,a8 as C,j as o,y as v,o as t,D as m}from"./index-C5chxI3W.js";import{n}from"./vendor-CnQcJ2Lu.js";import{R as k}from"./TrendWithTransactions-BiWHzfIf-CM8I_QYq.js";import"./mui-Bi8r7UDG.js";import"./analytics-CBL_L82S.js";import"./routing-CxYXTKiv.js";import"./sentry-HDxG13yk.js";import"./redux-CC-tnuv1.js";import"./liveblocks-DZpRS25q.js";import"./crypto-BURQLTgV.js";import"./TrendChart-Ck4SVLtn-DxCRoE-5.js";import"./chartTypes-BU-pRq_m-4W1rDqui.js";import"./toCOABalancesWithID-CTIZoP69-DeVrMVx4.js";import"./toChartData-yWFIkpKX-RS3uH3U9.js";import"./NoDataChart-DyGfwFNo-Bpe0xKgS.js";import"./InsightsSection-BZNwdoG4-BHWxrsk5.js";import"./NavigationDots-HukimDRY-BSdcE3Mo.js";import"./TransactionList-Pn-voMDJ-cxv4xlA8.js";import"./BoxItem-9JmA6QqI-D4hhkbCR.js";import"./commonDimensions-BpaqG_u8-Hm0X7sCE.js";const $=n.div`
   display: flex;
   margin: ${t.sp0} ${t.sp0} ${t.sp0} ${t.sp0};
   flex-direction: column;
@@ -13,6 +13,6 @@ import{u as T,M as y,a8 as C,j as o,w as v,o as t,H as m}from"./index-D3AeqRGt.j
   position: -webkit-sticky;
   position: sticky;
   top: ${t.sp0};
-`,w=n.div`
+`,M=n.div`
   flex: 1 1 auto;
-`;function J({firstMonthOfFY:i,selectedEntity:e,trendWithTransactionsReport:a,autoCompleteData:d,autoCompleteActions:l,analytics:s,onTransactionItemClick:c,onTrendSelectedPeriodChange:h}){const u=T(),{dateFormat:{analytics:f}}=y.getLocalizedStrings(),x=new C(u.colors.graphColor12),g=(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:d,autoCompleteActions:l},source:"EntityDetailPage"})}),e!=null&&a!=null&&o.jsx(w,{children:o.jsx(k,{firstMonthOfFY:i,trendWithTransactionsReport:a,isDetailPage:!1,graphColor:x,onTransactionItemClick:c,onTimePeriodChange:g})})]})}export{J as default};
+`;function J({firstMonthOfFY:i,selectedEntity:e,trendWithTransactionsReport:a,autoCompleteData:d,autoCompleteActions:l,analytics:s,onTransactionItemClick:c,onTrendSelectedPeriodChange:h}){const u=y(),{dateFormat:{analytics:f}}=T.getLocalizedStrings(),x=new C(u.colors.graphColor12),g=(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:d,autoCompleteActions:l},source:"EntityDetailPage"})}),e!=null&&a!=null&&o.jsx(M,{children:o.jsx(k,{firstMonthOfFY:i,trendWithTransactionsReport:a,isDetailPage:!1,graphColor:x,onTransactionItemClick:c,onTimePeriodChange:g})})]})}export{J as default};

package/dist/assets/{EntitySummarySection-Drj07P9h-B2lq71iV.js → EntitySummarySection-BbxeYdm8-Bf_NXajy.js}

@@ -1,4 +1,4 @@
-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,g as D,c3 as q}from"./index-D3AeqRGt.js";import{b as f,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{X as z,M as L,j as i,dn as H,C as d,ct as _,o as s,T as S,a0 as b,aj as R,bU as E,q as r,c1 as U,m as B,e as k,ao as Z,v as N,bZ as F,g as D,c0 as G}from"./index-C5chxI3W.js";import{b as v,n as t}from"./vendor-CnQcJ2Lu.js";import{l as q}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)},I=t.div`
   top: ${s.sp0};
   left: ${s.sp0};
   min-height: ${e=>M.headerHeight.valuePx(e.windowSize)};
@@ -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`
+`,J=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)`
+`,X=t(G)`
   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=f.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 v={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(I,{windowSize:c,children:m.map(n=>i.jsxs(J,{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(X,{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};
@@ -57,8 +57,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
   background-color: ${e=>e.theme.colors.grey5};
   box-sizing: border-box;
   align-items: center;
-  padding-top: ${e=>v.containerPaddingTop.valuePx(e.windowSize)};
-  padding-bottom: ${e=>v.containerPaddingBottom.valuePx(e.windowSize)};
+  padding-top: ${e=>f.containerPaddingTop.valuePx(e.windowSize)};
+  padding-bottom: ${e=>f.containerPaddingBottom.valuePx(e.windowSize)};
   border: ${e=>`1px solid ${e.theme.colors.grey3}`};
   box-shadow: ${e=>e.theme.mode==="dark"?`${D.dropShadowNormalDark} ${s.sp0} 2px ${s.sp1}`:`${s.sp0} 2px ${s.sp1} ${D.dropShadowNormalLight}`};
   border-radius: ${s.sp2};
@@ -88,14 +88,14 @@ 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
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
-  max-width: ${e=>v.nameWidth.valuePx(e.windowSize)};
+  max-width: ${e=>f.nameWidth.valuePx(e.windowSize)};
 `,se=t.div`
   display: flex;
   padding-left: ${s.sp3};
   align-items: center;
   justify-content: center;
   column-gap: ${s.sp2};
-`;function de({invoice:e,entityLogo:l,onTransactionClick:c}){const o=z(),{common:n,dateFormat:a}=L.getLocalizedStrings();return i.jsxs(ne,{windowSize:o,children:[i.jsx(re,{children:e.date.format(a.visual.MMMDCommaYYYYformat)}),i.jsxs(oe,{onClick:()=>{c(e)},windowSize:o,children:[i.jsx(p,{windowSize:o,itemWidth:m[0].width,children:i.jsxs(se,{children:[l!=null?i.jsx(H,{photoUrl:l.toString(),styles:{width:v.nameLogoWidth.valuePx(o),height:v.nameLogoHeight.valuePx(o)}}):i.jsx(_,{name:e.entity.name,size:s.sp4}),i.jsx(ae,{windowSize:o,title:e.entity.name,children:e.entity.name})]})}),i.jsx(p,{windowSize:o,itemWidth:m[1].width,children:i.jsx(y,{children:e.invoiceNumber??n.strings.hyphen})}),i.jsx(p,{windowSize:o,itemWidth:m[2].width,children:i.jsx(y,{children:e.dueDate!=null?e.dueDate.format(a.visual.MMMDCommaYYYYformat):n.strings.hyphen})}),i.jsx(p,{windowSize:o,itemWidth:m[3].width,children:i.jsx(y,{children:e.daysPastDue??n.strings.hyphen})}),i.jsx(p,{windowSize:o,itemWidth:m[4].width,children:i.jsx(y,{children:b("0,0",e.amount)})}),i.jsx(p,{windowSize:o,itemWidth:m[5].width,children:i.jsx(y,{children:b("0,0",e.balance)})})]})]})}const le={itemHeight:new d(103,103)},ce=t.div`
+`;function de({invoice:e,entityLogo:l,onTransactionClick:c}){const o=z(),{common:n,dateFormat:a}=L.getLocalizedStrings();return i.jsxs(ne,{windowSize:o,children:[i.jsx(re,{children:e.date.format(a.visual.MMMDCommaYYYYformat)}),i.jsxs(oe,{onClick:()=>{c(e)},windowSize:o,children:[i.jsx(p,{windowSize:o,itemWidth:m[0].width,children:i.jsxs(se,{children:[l!=null?i.jsx(H,{photoUrl:l.toString(),styles:{width:f.nameLogoWidth.valuePx(o),height:f.nameLogoHeight.valuePx(o)}}):i.jsx(_,{name:e.entity.name,size:s.sp4}),i.jsx(ae,{windowSize:o,title:e.entity.name,children:e.entity.name})]})}),i.jsx(p,{windowSize:o,itemWidth:m[1].width,children:i.jsx(y,{children:e.invoiceNumber??n.strings.hyphen})}),i.jsx(p,{windowSize:o,itemWidth:m[2].width,children:i.jsx(y,{children:e.dueDate!=null?e.dueDate.format(a.visual.MMMDCommaYYYYformat):n.strings.hyphen})}),i.jsx(p,{windowSize:o,itemWidth:m[3].width,children:i.jsx(y,{children:e.daysPastDue??n.strings.hyphen})}),i.jsx(p,{windowSize:o,itemWidth:m[4].width,children:i.jsx(y,{children:b("0,0",e.amount)})}),i.jsx(p,{windowSize:o,itemWidth:m[5].width,children:i.jsx(y,{children:b("0,0",e.balance)})})]})]})}const le={itemHeight:new d(103,103)},ce=t.div`
   position: relative;
   width: auto;
   height: 100%;
@@ -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``,V=f.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})]})});V.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=f.useRef(null),h=z(),$=f.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(V,{...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``,V=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})]})});V.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(V,{...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,20 +130,20 @@ 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)`
+`,Y=t(B)`
   color: ${e=>e.theme.colors.hero};
 `,ye=t.div`
   margin-top: ${e=>g.nameLogoMarginTop.valuePx(e.windowSize)};
 `,T=t.div`
   display: flex;
   flex-direction: column;
-`,O=t(U)`
+`,O=t(Z)`
   text-align: right;
   color: ${e=>e.theme.colors.primary};
 `,P=t(k)`
   color: ${e=>e.theme.colors.hero};
   text-wrap: nowrap;
   width: fit-content;
-`,fe=t(E)`
+`,ve=t(U)`
   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:A}},dateFormat:W}=L.getLocalizedStrings(),K=f.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(fe,{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:A.totalReceivable})}),i.jsx(O,{children:b("0,0",K?.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:A}},dateFormat:W}=L.getLocalizedStrings(),K=v.useMemo(()=>q(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:A.totalReceivable})}),i.jsx(O,{children:b("0,0",K?.balance)})]})]})]})}export{Se as L,be as W};

package/dist/assets/{ExpenseAutomationOverviewPage-BQ9dwGkq-CJ6yhltW.js → ExpenseAutomationOverviewPage-D3x3XpmU-fjM7OZCO.js}

@@ -1,4 +1,4 @@
-import{u as H,e as I,bG as W,j as r,$ as y,fB as J,bf as Y,g as a,bx as G,M as O,o as s,aW as q,jj as V,v as c,h7 as K,h6 as Q,J as U,a0 as X,l as Z,jk as E,f as ee,aS as re,fk as oe,T as se,bN as te,c4 as ie,d as g,n as ae,ey as le,x as ne,bq as ce,gN as de,s as he,am as pe,ao as L,af as me}from"./index-D3AeqRGt.js";import{n as o,j as m,k as ge}from"./vendor-CnQcJ2Lu.js";import{o as xe}from"./transaction-placeholder-CpOwZAMG-CJJQqrcA.js";import"./mui-Bi8r7UDG.js";import"./analytics-CBL_L82S.js";import"./routing-CxYXTKiv.js";import"./sentry-HDxG13yk.js";import"./redux-CC-tnuv1.js";import"./liveblocks-DZpRS25q.js";import"./crypto-BURQLTgV.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}=O.getLocalizedStrings();function xr({monthEndCloseChecksView:e,isRealtimeInsightsFeatureEnabled:x,onMonthEndCheckClick:u,onBackClick:M,handleReviewButtonClick:P,onPeriodChange:N,onReload:C}){const b=H(),T=I();if(W({componentName:"expense_automation.overview"}),e.monthEndCloseChecks==null||e.fetchState==="Not-Started"||e.fetchState==="In-Progress")return r.jsx(_,{"data-testid":y("expense-automation-overview-page-activity-indicator"),children:r.jsx(J,{fetchState:"In-Progress"})});if(e.monthEndCloseChecks==null||e.fetchState==="Error")return r.jsx(_,{children:r.jsx(Xe,{"data-testid":y("expense-automation-overview-page-reload-page"),onClick:C,children:r.jsx(Y,{})})});const{monthEndCloseChecks:{auditSummary:l,monthEndCloseCheckList:R,insights:h,reportEmailSentDate:S},refreshStatus:z}=e,F=fe(R);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":y("expense-automation-overview-page-refresh-icon"),onClick:C,children:r.jsx(G,{style:{marginTop:s.sp1},placement:"bottom",title:i.texts.refresh,enterDelay:600,children:r.jsx(er,{$spinning:z.fetchState==="In-Progress"})})});return r.jsxs($e,{children:[r.jsx(q,{title:r.jsx(V,{labelSuffix:i.texts.close,pickerLabelStyle:{...c.largeSemiBold.cssObject},onPeriodChange:N,monthEndCloseChecksView:e}),showBackButton:!0,onBackClick:M,source:"ExpenseAutomationOverviewPage",rightSideComponent:B}),r.jsxs(_e,{children:[r.jsxs(je,{children:[r.jsx(ve,{windowSize:T,children:r.jsx(be,{children:r.jsxs(Se,{children:[r.jsx(Oe,{children:r.jsx(K,{background:!0,value:Math.floor(l.auditScorePercentage),text:`${Math.floor(l.auditScorePercentage)}${i.strings.percentage}`,strokeWidth:10,styles:{...Q({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(Ee,{children:[r.jsxs(k,{children:[r.jsxs(Ve,{children:[r.jsx(ke,{children:d.overview.auditScoreTitle}),l.auditReportLastGeneratedDate!=null?r.jsx(Ke,{children:l.auditReportLastGeneratedDate.utc(!0).fromNow()}):null]}),r.jsx(Ce,{children:d.overview.auditScoreDescription})]}),r.jsx(U,{style:{alignSelf:"flex-start"},variant:"primary",label:i.texts.review,onClick:P})]}),r.jsxs(De,{children:[r.jsxs(Ie,{children:[r.jsx(Ye,{}),r.jsx(We,{children:i.texts.aiAgents}),r.jsx(Je,{children:i.texts.saved})]}),r.jsx(Ge,{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(D,{cardDisabled:!1,children:w}),r.jsx(Pe,{children:F[w].map(t=>{const n=t.id==="month_end_insights"?!x:t.isDisabled,A=n===!0||t.id==="month_end_insights"&&e.monthEndCloseChecks?.reportEmailSentDate!=null;return r.jsxs(Ne,{"data-testid":y("expense-automation-overview-page-month-end-close-check-card",t.id),cardDisabled:n,onClick:()=>{A===!1&&u(t.id)},children:[r.jsxs(He,{children:[r.jsx(Ae,{cardDisabled:n,isDarkMode:b.mode==="dark",children:r.jsx(Be,{as:ue[t.id]??null})}),r.jsxs(k,{children:[r.jsx(D,{cardDisabled:n,children:t.title}),r.jsx(Te,{className:"card-description",cardDisabled:n,children:t.description})]})]}),r.jsxs(Re,{children:[r.jsx(se,{controller:t.id!=="month_end_insights",children:r.jsxs(ze,{children:[r.jsxs(Qe,{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(k,{children:r.jsx(Fe,{className:"card-right-chevron",disabled:n})})]})]},t.id)})})]},w))})]})]})}const $e=o.div`
+import{u as W,X as Y,bD as K,j as r,_ as y,fz as O,bf as H,g as a,bt as I,M as J,o as s,aW as q,jg as G,f as c,h4 as V,h3 as X,K as Z,a0 as Q,l as U,jh as D,r as ee,aS as re,fi as oe,T as se,bK as te,c1 as ie,v as g,e as ae,ev as ne,s as le,eX as ce,gK as de,Z as he,am as pe,ao as M,af as me}from"./index-C5chxI3W.js";import{n as o,j as m,k as ge}from"./vendor-CnQcJ2Lu.js";import{o as xe}from"./transaction-placeholder-CpOwZAMG-CJJQqrcA.js";import"./mui-Bi8r7UDG.js";import"./analytics-CBL_L82S.js";import"./routing-CxYXTKiv.js";import"./sentry-HDxG13yk.js";import"./redux-CC-tnuv1.js";import"./liveblocks-DZpRS25q.js";import"./crypto-BURQLTgV.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}=J.getLocalizedStrings();function xr({monthEndCloseChecksView:e,isRealtimeInsightsFeatureEnabled:x,onMonthEndCheckClick:u,onBackClick:L,handleReviewButtonClick:P,onPeriodChange:T,onReload:k}){const b=W(),z=Y();if(K({componentName:"expense_automation.overview"}),e.monthEndCloseChecks==null||e.fetchState==="Not-Started"||e.fetchState==="In-Progress")return r.jsx(_,{"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(_,{children:r.jsx(Qe,{"data-testid":y("expense-automation-overview-page-reload-page"),onClick:k,children:r.jsx(H,{})})});const{monthEndCloseChecks:{auditSummary:n,monthEndCloseCheckList:N,insights:h,reportEmailSentDate:S},refreshStatus:R}=e,A=fe(N);let f,p;n.auditScorePercentage<=50?(f=a.important,p=a.importantLight):n.auditScorePercentage<=75?(f=a.alert,p=a.alertLight):(f=a.success,p=a.successLight);const F=r.jsx(qe,{"data-testid":y("expense-automation-overview-page-refresh-icon"),onClick:k,children:r.jsx(I,{style:{marginTop:s.sp1},placement:"bottom",title:i.texts.refresh,enterDelay:600,children:r.jsx(er,{$spinning:R.fetchState==="In-Progress"})})});return r.jsxs($e,{children:[r.jsx(q,{title:r.jsx(G,{labelSuffix:i.texts.close,pickerLabelStyle:{...c.largeSemiBold.cssObject},onPeriodChange:T,monthEndCloseChecksView:e}),showBackButton:!0,onBackClick:L,source:"ExpenseAutomationOverviewPage",rightSideComponent:F}),r.jsxs(_e,{children:[r.jsxs(je,{children:[r.jsx(ve,{windowSize:z,children:r.jsx(be,{children:r.jsxs(Se,{children:[r.jsx(Je,{children:r.jsx(V,{background:!0,value:Math.floor(n.auditScorePercentage),text:`${Math.floor(n.auditScorePercentage)}${i.strings.percentage}`,strokeWidth:10,styles:{...X({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}),n.auditReportLastGeneratedDate!=null?r.jsx(Ve,{children:n.auditReportLastGeneratedDate.utc(!0).fromNow()}):null]}),r.jsx(ke,{children:d.overview.auditScoreDescription})]}),r.jsx(Z,{style:{alignSelf:"flex-start"},variant:"primary",label:i.texts.review,onClick:P})]}),r.jsxs(Ee,{children:[r.jsxs(Ye,{children:[r.jsx(He,{}),r.jsx(Ke,{children:i.texts.aiAgents}),r.jsx(Oe,{children:i.texts.saved})]}),r.jsx(Ie,{children:Q("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(Me,{children:U.ALL_MONTH_END_CLOSE_CHECKS_FREQUENCY.map(w=>r.jsxs(Le,{children:[r.jsx(E,{cardDisabled:!1,children:w}),r.jsx(Pe,{children:A[w].map(t=>{const l=t.id==="month_end_insights"?!x:t.isDisabled,B=l===!0||t.id==="month_end_insights"&&e.monthEndCloseChecks?.reportEmailSentDate!=null;return r.jsxs(Te,{"data-testid":y("expense-automation-overview-page-month-end-close-check-card",t.id),cardDisabled:l,onClick:()=>{B===!1&&u(t.id)},children:[r.jsxs(We,{children:[r.jsx(Be,{cardDisabled:l,isDarkMode:b.mode==="dark",children:r.jsx(Fe,{as:ue[t.id]??null})}),r.jsxs(C,{children:[r.jsx(E,{cardDisabled:l,children:t.title}),r.jsx(ze,{className:"card-description",cardDisabled:l,children:t.description})]})]}),r.jsxs(Ne,{children:[r.jsx(se,{controller:t.id!=="month_end_insights",children:r.jsxs(Re,{children:[r.jsxs(Xe,{progress:t.progress,children:[Math.floor(t.progress),i.strings.percentage]}),r.jsx(Ze,{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(Ae,{className:"card-right-chevron",disabled:l})})]})]},t.id)})})]},w))})]})]})}const $e=o.div`
   display: flex;
   flex-direction: column;
   background-color: ${e=>e.theme.colors.grey5};
@@ -27,25 +27,26 @@ import{u as H,e as I,bG as W,j as r,$ as y,fB as J,bf as Y,g as a,bx as G,M as O
   display: flex;
   align-items: center;
   justify-content: center;
-`,ke=o(ie)`
+`,Ce=o(ie)`
   color: ${e=>e.theme.colors.primary};
-`,Ce=o(ae)`
+`,ke=o(ae)`
   color: ${e=>e.theme.colors.primary};
 `,Se=o.div`
   display: flex;
   column-gap: ${s.sp3};
   align-items: flex-start;
-`,Ee=o.div`
+`,De=o.div`
   display: flex;
   flex-direction: column;
   row-gap: ${s.sp3};
   width: 466px;
-`,De=o.div`
+`,Ee=o.div`
   display: flex;
   flex-direction: column;
   justify-content: center;
   width: 310px;
   text-align: center;
+  visibility: hidden;
 `,$=o.div`
   text-align: center;
   width: 300px;
@@ -64,15 +65,15 @@ import{u as H,e as I,bG as W,j as r,$ as y,fB as J,bf as Y,g as a,bx as G,M as O
   flex-direction: column;
   background-color: ${e=>e.theme.colors.grey4};
   row-gap: ${s.sp6};
-`,Le=o.div`
+`,Me=o.div`
   display: flex;
   flex-direction: column;
   row-gap: ${s.sp5};
   padding-bottom: ${s.sp4};
   margin: auto;
-`,D=o(pe)`
+`,E=o(pe)`
   color: ${e=>e.cardDisabled?e.theme.colors.grey2:e.theme.colors.primary};
-`,Me=o.div`
+`,Le=o.div`
   display: flex;
   flex-direction: column;
   row-gap: ${s.sp2};
@@ -80,7 +81,7 @@ import{u as H,e as I,bG as W,j as r,$ as y,fB as J,bf as Y,g as a,bx as G,M as O
   display: flex;
   flex-direction: column;
   row-gap: ${s.sp4};
-`,Ne=o.div`
+`,Te=o.div`
   width: 726px;
   background-color: ${e=>e.theme.colors.grey5};
   padding: ${s.sp4};
@@ -101,24 +102,24 @@ import{u as H,e as I,bG as W,j as r,$ as y,fB as J,bf as Y,g as a,bx as G,M as O
             }
           }
         `:null}
-`,Te=o(g)`
+`,ze=o(g)`
   color: ${e=>e.cardDisabled?e.theme.colors.grey2:e.theme.colors.hero};
-`,Re=o.div`
+`,Ne=o.div`
   display: flex;
   align-items: center;
   column-gap: ${s.sp7};
-`,k=o.div``,ze=o.div`
+`,C=o.div``,Re=o.div`
   text-align: center;
   width: 82px;
-`,Fe=o(me)`
+`,Ae=o(me)`
   color: ${e=>e.disabled?e.theme.colors.grey2:e.theme.colors.hero};
   width: ${s.sp4};
   height: ${s.sp4};
-`,Be=o.div`
+`,Fe=o.div`
   width: ${s.sp4};
   height: ${s.sp4};
   color: ${e=>e.theme.colors.primary};
-`,Ae=o.div`
+`,Be=o.div`
   width: ${s.sp7};
   height: ${s.sp7};
   background-color: ${e=>e.isDarkMode?e.theme.colors.brandColorJadeDark:e.theme.colors.brandColorJadeLight};
@@ -127,26 +128,26 @@ import{u as H,e as I,bG as W,j as r,$ as y,fB as J,bf as Y,g as a,bx as G,M as O
   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`
+`,Ye=o.div`
   display: flex;
   align-items: center;
   column-gap: ${s.sp1};
   justify-content: center;
-`,We=o(ne)`
+`,Ke=o(le)`
   color: ${e=>e.theme.colors.brandColorSapphire};
-`,Je=o(ce)`
+`,Oe=o(ce)`
   color: ${e=>e.theme.colors.brandColorJade};
-`,Ye=o(le)`
+`,He=o(ne)`
   width: ${s.sp4};
   height: ${s.sp4};
   margin-right: ${s.sp1};
-`,Ge=o(de)`
+`,Ie=o(de)`
   color: ${e=>e.theme.colors.primary};
-`,Oe=o.div`
+`,Je=o.div`
   display: flex;
   height: 96px;
   justify-content: center;
@@ -156,18 +157,18 @@ import{u as H,e as I,bG as W,j as r,$ as y,fB as J,bf as Y,g as a,bx as G,M as O
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,Ve=o.div`
+`,Ge=o.div`
   display: flex;
   align-items: flex-end;
   column-gap: ${s.sp2};
-`,Ke=o(g)`
+`,Ve=o(g)`
   color: ${e=>e.theme.colors.hero};
   margin-bottom: ${s.sp1};
-`,Qe=o(L)`
+`,Xe=o(M)`
   color: ${e=>e.progress<100?e.theme.colors.primary:e.theme.colors.success};
-`,Ue=o(g)`
+`,Ze=o(g)`
   color: ${e=>e.progress<100?e.theme.colors.hero:e.theme.colors.success};
-`,Xe=o.div`
+`,Qe=o.div`
   height: 96px;
   width: 96px;
   background: ${e=>e.theme.colors.background};
@@ -189,7 +190,7 @@ import{u as H,e as I,bG as W,j as r,$ as y,fB as J,bf as Y,g as a,bx as G,M as O
   background-color: ${e=>e.theme.colors.grey5};
   justify-content: center;
   align-items: center;
-`,Ze=ge`
+`,Ue=ge`
   0% {
     transform: rotate(0deg);
   }
@@ -202,12 +203,12 @@ import{u as H,e as I,bG as W,j as r,$ as y,fB as J,bf as Y,g as a,bx as G,M as O
   height: ${s.sp4};
   color: ${e=>e.theme.colors.hero};
   animation: ${e=>e.$spinning?m`
-          ${Ze} 2s linear infinite;
+          ${Ue} 2s linear infinite;
         `:"none"};
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,rr=o(L)`
+`,rr=o(M)`
   color: ${e=>e.theme.colors.success};
 `,or=o(g)`
   color: ${e=>e.theme.colors.success};