@zeniai/web-cockpit-ui 1.15.67-dev → 1.15.68-dev

package/dist/assets/EntityDetailPage-l7nXIsyF-D4NCMOsL.js

@@ -0,0 +1,18 @@
+import{g as x,O as w,aX as v,V as o,bD as D,az as I,o as i,K as l}from"./index-DMG72kst.js";import{n as a}from"./mui-PTGaeBGX.js";import{R as k}from"./TrendWithTransactions-3D1FvM8G-DxPZ_o7N.js";import"./sentry-DA3cfNtR.js";import"./liveblocks-BPjePRRW.js";import"./core--0SFXVg4.js";import"./recharts-qzs3V2Ze.js";import"./zeni-epic-state-qJAZZeEy.js";import"./lottie-x1a70pv5.js";import"./analytics-BdPgTZIq.js";import"./lexical-RPR5fwFX.js";import"./utils-ZYxK6Sqs.js";import"./TrendChart-Bnp4Pcdf-BY18h9jb.js";import"./chartTypes-CD3vrBsI-B60Spgf7.js";import"./toCOABalancesWithID-aLNB35t7-Bj9jSpq4.js";import"./toChartData-DUL6vnzJ-BfCuWWLN.js";import"./NoDataChart-CrKeqWSr-4ekDnDn1.js";import"./InsightsSection-B6CNlTNH-C1k0XkMl.js";import"./NavigationDots-Dvce3gHt-CdTxmSBW.js";import"./TransactionList-BB-xoIGm-Cs0g42iq.js";import"./ConstrainedInnerElement-CgdnMeoA--qLpImjq.js";import"./BoxItem-Bxa1M4QU-C6dqF4Ox.js";import"./commonDimensions-Oz1tdAcx-DwbBmI-Z.js";import"./panelSelectedMixin-Cddsb26L-CGfB88iV.js";(function(){try{var t=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},e=new t.Error().stack;e&&(t._sentryDebugIds=t._sentryDebugIds||{},t._sentryDebugIds[e]="78290c46-e606-4032-91a2-65a77b01fa82",t._sentryDebugIdIdentifier="sentry-dbid-78290c46-e606-4032-91a2-65a77b01fa82")}catch{}})();const P=a.div`
+  display: flex;
+  margin: ${i.sp0} ${i.sp0} ${i.sp0} ${i.sp0};
+  flex-direction: column;
+  width: 100%;
+  height: 100%;
+  background-color: ${t=>t.theme.colors.grey5};
+`,E=a.div`
+  padding-left: ${i.sp0};
+  position: fixed;
+  width: 100%;
+  z-index: 20;
+  position: -webkit-sticky;
+  position: sticky;
+  top: ${i.sp0};
+`,F=a.div`
+  flex: 1 1 auto;
+`;function tt({firstMonthOfFY:t,selectedEntity:e,trendWithTransactionsReport:n,autoCompleteData:p,autoCompleteActions:m,analytics:s,onTransactionItemClick:c,onTrendSelectedPeriodChange:f,panelContent:u,sidePanelIsFullView:y,sidePanelIsOpen:h}){const g=x(),{dateFormat:{analytics:C}}=w.getLocalizedStrings(),b=new v(g.colors.graphColor12),T=(d,r)=>{d==="Chart"&&r!=null&&s?.trackSpendIncomeTrend(e.type==="vendor"?l.Event.spendTrend:l.Event.incomeTrend,"Search",e.type,e.name,r?.addTimePeriod.startDate.format(C.MMMYYFormat)),d==="TransactionListLoadMore"&&s?.trackTransactionList(void 0,void 0,"Search",void 0,void 0,!0),f?.(r)};return o.jsx(D,{isOpen:h??!1,isFullView:y??!1,panelContent:u,headerContent:o.jsx(E,{children:o.jsx(I,{viewType:"entity_search",searchAutoComplete:{autoCompleteData:p,autoCompleteActions:m},source:"EntityDetailPage"})}),listContent:o.jsx(P,{children:e!=null&&n!=null?o.jsx(F,{children:o.jsx(k,{firstMonthOfFY:t,trendWithTransactionsReport:n,isDetailPage:!1,graphColor:b,page:"EntityDetailPage",onTransactionItemClick:c,onTimePeriodChange:T})}):null})})}export{tt as default};

package/dist/assets/{EntitySummarySection-LEA5m6mN-BORCaqtF.js → EntitySummarySection-BwX0a4JL-SUavY1op.js}

@@ -1,4 +1,4 @@
-import{J as C,y as d,V as i,b5 as A,cv as E,O as k,du as V,d3 as I,o as s,ab as S,aP as z,i8 as D,u as a,R as B,an as F,am as Y,bb as U,aj as K,cB as G,p as M,cE as X}from"./index-DyBrELD_.js";import{a as m}from"./sentry-BV4jcjA3.js";import{n}from"./mui-D3hEqMLm.js";import{l as J}from"./agingReportHelper-ovKP-qSS-Cx4Hdid-.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},l=new e.Error().stack;l&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[l]="71270531-ce1c-4399-a325-de919de3d6d7",e._sentryDebugIdIdentifier="sentry-dbid-71270531-ce1c-4399-a325-de919de3d6d7")}catch{}})();const y=k.getLocalizedStrings().reports.aging.agingDetail.header,g=[{key:"date",value:y.date,sortOrder:"ascending",width:new d(212,212),compressedWidth:new d(300,300)},{key:"invoiceNumber",value:y.invoiceNumber,sortOrder:"ascending",width:new d(188,188)},{key:"dueDate",value:y.dueDate,sortOrder:"ascending",width:new d(188,188)},{key:"daysPastDue",value:y.daysPastDue,sortOrder:"ascending",width:new d(188,188)},{key:"amount",value:y.amount,sortOrder:"ascending",width:new d(188,188),compressedWidth:new d(100,100)},{key:"balance",value:y.balance,sortOrder:"ascending",width:new d(120,120)}],O={headerHeight:new d(45,58)},q=n.div`
+import{e as C,x as d,V as i,b5 as E,cC as R,O as k,dD as I,dc as V,o as s,ab as S,aQ as z,e2 as D,u as a,c as B,ao as F,an as Y,bb as U,ak as K,cI as G,d as M,cL as Q}from"./index-DMG72kst.js";import{a as p}from"./sentry-DA3cfNtR.js";import{n}from"./mui-PTGaeBGX.js";import{l as X}from"./agingReportHelper-ovKP-qSS-Cx4Hdid-.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},l=new e.Error().stack;l&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[l]="0adb30a9-1c66-4393-9a8e-6f7145a63819",e._sentryDebugIdIdentifier="sentry-dbid-0adb30a9-1c66-4393-9a8e-6f7145a63819")}catch{}})();const y=k.getLocalizedStrings().reports.aging.agingDetail.header,g=[{key:"date",value:y.date,sortOrder:"ascending",width:new d(212,212),compressedWidth:new d(300,300)},{key:"invoiceNumber",value:y.invoiceNumber,sortOrder:"ascending",width:new d(188,188)},{key:"dueDate",value:y.dueDate,sortOrder:"ascending",width:new d(188,188)},{key:"daysPastDue",value:y.daysPastDue,sortOrder:"ascending",width:new d(188,188)},{key:"amount",value:y.amount,sortOrder:"ascending",width:new d(188,188),compressedWidth:new d(100,100)},{key:"balance",value:y.balance,sortOrder:"ascending",width:new d(120,120)}],O={headerHeight:new d(45,58)},q=n.div`
   top: ${s.sp0};
   left: ${s.sp0};
   min-height: ${e=>O.headerHeight.valuePx(e.windowSize)};
@@ -12,7 +12,7 @@ import{J as C,y as d,V as i,b5 as A,cv as E,O as k,du as V,d3 as I,o as s,ab as
   background-color: ${e=>e.theme.colors.grey4};
   padding-right: var(--side-panel-list-item-pr, 0px);
   position: sticky;
-`,Q=n.div`
+`,J=n.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)};
@@ -26,7 +26,7 @@ import{J as C,y as d,V as i,b5 as A,cv as E,O as k,du as V,d3 as I,o as s,ab as
   position: static;
   z-index: 0;
   box-sizing: border-box;
-`,Z=n(X)`
+`,Z=n(Q)`
   width: 12px;
   height: 12px;
 `,ee=n.div`
@@ -49,7 +49,7 @@ import{J as C,y as d,V as i,b5 as A,cv as E,O as k,du as V,d3 as I,o as s,ab as
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`;function ne({sortConfig:e,onColumnSortConfigChanged:l}){const c=C(),o=D(),h=m.useMemo(()=>o?g.filter(t=>t.compressedWidth!=null).map(t=>({...t,width:t.compressedWidth})):g,[o]),r=m.useCallback((t,u)=>{let p=u;e.sortKey===t&&(p=e.sortOrder==="ascending"?"descending":"ascending"),l(t,p)},[l,e]);return i.jsx(q,{windowSize:c,children:h.map(t=>i.jsxs(Q,{sortDataValue:e.sortKey,actualDataValue:t.key,wrapperWidth:t.width,windowSize:c,children:[i.jsxs(te,{onClick:()=>r(t.key,t.sortOrder),children:[i.jsx(K,{children:t.value}),i.jsx(ee,{sortConfig:e,children:i.jsx(G,{width:12,height:12})})]}),i.jsx(ie,{isVisible:e.sortKey===t.key&&e.sortKey!=="date",children:i.jsx(Z,{onClick:()=>l("date","ascending")})})]},t.key))})}const b={containerPaddingTop:new d(a[3],a[3]),containerPaddingBottom:new d(a[3],a[3]),nameLogoWidth:new d(a[4],a[4]),nameLogoHeight:new d(a[4],a[4]),nameWidth:new d(150,150)},oe=n.div`
+`;function ne({sortConfig:e,onColumnSortConfigChanged:l}){const c=C(),o=D(),h=p.useMemo(()=>o?g.filter(t=>t.compressedWidth!=null).map(t=>({...t,width:t.compressedWidth})):g,[o]),r=p.useCallback((t,x)=>{let m=x;e.sortKey===t&&(m=e.sortOrder==="ascending"?"descending":"ascending"),l(t,m)},[l,e]);return i.jsx(q,{windowSize:c,children:h.map(t=>i.jsxs(J,{sortDataValue:e.sortKey,actualDataValue:t.key,wrapperWidth:t.width,windowSize:c,children:[i.jsxs(te,{onClick:()=>r(t.key,t.sortOrder),children:[i.jsx(K,{children:t.value}),i.jsx(ee,{sortConfig:e,children:i.jsx(G,{width:12,height:12})})]}),i.jsx(ie,{isVisible:e.sortKey===t.key&&e.sortKey!=="date",children:i.jsx(Z,{onClick:()=>l("date","ascending")})})]},t.key))})}const j={containerPaddingTop:new d(a[3],a[3]),containerPaddingBottom:new d(a[3],a[3]),nameLogoWidth:new d(a[4],a[4]),nameLogoHeight:new d(a[4],a[4]),nameWidth:new d(150,150)},oe=n.div`
   display: flex;
   flex-direction: column;
   row-gap: ${s.sp2};
@@ -58,8 +58,8 @@ import{J as C,y as d,V as i,b5 as A,cv as E,O as k,du as V,d3 as I,o as s,ab as
   background-color: ${e=>e.theme.colors.grey5};
   box-sizing: border-box;
   align-items: center;
-  padding-top: ${e=>b.containerPaddingTop.valuePx(e.windowSize)};
-  padding-bottom: ${e=>b.containerPaddingBottom.valuePx(e.windowSize)};
+  padding-top: ${e=>j.containerPaddingTop.valuePx(e.windowSize)};
+  padding-bottom: ${e=>j.containerPaddingBottom.valuePx(e.windowSize)};
   border: ${e=>`1px solid ${e.theme.colors.grey3}`};
   box-shadow: ${e=>e.theme.mode==="dark"?`${M.dropShadowNormalDark} ${s.sp0} 2px ${s.sp1}`:`${s.sp0} 2px ${s.sp1} ${M.dropShadowNormalLight}`};
   border-radius: ${s.sp2};
@@ -82,21 +82,21 @@ import{J as C,y as d,V as i,b5 as A,cv as E,O as k,du as V,d3 as I,o as s,ab as
   }
 `,ae=n(K)`
   color: ${e=>e.theme.colors.grey1};
-`,j=n(Y)`
+`,b=n(Y)`
   color: ${e=>e.theme.colors.hero};
 `,de=n(Y)`
   color: ${e=>e.theme.colors.hero};
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
-  max-width: ${e=>b.nameWidth.valuePx(e.windowSize)};
+  max-width: ${e=>j.nameWidth.valuePx(e.windowSize)};
 `,se=n.div`
   display: flex;
   padding-left: ${s.sp3};
   align-items: center;
   justify-content: center;
   column-gap: ${s.sp2};
-`;function le({invoice:e,entityLogo:l,onTransactionClick:c}){const o=C(),h=D(),{common:r,dateFormat:t}=k.getLocalizedStrings();return i.jsxs(oe,{windowSize:o,children:[i.jsx(ae,{children:e.date.format(t.visual.MMMDCommaYYYYformat)}),i.jsxs(re,{onClick:()=>{c(e)},windowSize:o,children:[i.jsx(f,{windowSize:o,itemWidth:h&&g[0].compressedWidth!=null?g[0].compressedWidth:g[0].width,children:i.jsxs(se,{children:[l!=null?i.jsx(V,{photoUrl:l.toString(),styles:{width:b.nameLogoWidth.valuePx(o),height:b.nameLogoHeight.valuePx(o)}}):i.jsx(I,{name:e.entity.name,size:s.sp4}),i.jsx(de,{windowSize:o,title:e.entity.name,children:e.entity.name})]})}),!h&&i.jsxs(i.Fragment,{children:[i.jsx(f,{windowSize:o,itemWidth:g[1].width,children:i.jsx(j,{children:e.invoiceNumber??r.strings.hyphen})}),i.jsx(f,{windowSize:o,itemWidth:g[2].width,children:i.jsx(j,{children:e.dueDate!=null?e.dueDate.format(t.visual.MMMDCommaYYYYformat):r.strings.hyphen})}),i.jsx(f,{windowSize:o,itemWidth:g[3].width,children:i.jsx(j,{children:e.daysPastDue??r.strings.hyphen})})]}),i.jsx(f,{windowSize:o,itemWidth:h&&g[4].compressedWidth!=null?g[4].compressedWidth:g[4].width,children:i.jsx(j,{children:z("0,0",e.amount)})}),!h&&i.jsx(f,{windowSize:o,itemWidth:g[5].width,children:i.jsx(j,{children:z("0,0",e.balance)})})]})]})}const ce={itemHeight:new d(103,103)},he=n.div`
+`;function le({invoice:e,entityLogo:l,onTransactionClick:c}){const o=C(),h=D(),{common:r,dateFormat:t}=k.getLocalizedStrings();return i.jsxs(oe,{windowSize:o,children:[i.jsx(ae,{children:e.date.format(t.visual.MMMDCommaYYYYformat)}),i.jsxs(re,{onClick:()=>{c(e)},windowSize:o,children:[i.jsx(f,{windowSize:o,itemWidth:h&&g[0].compressedWidth!=null?g[0].compressedWidth:g[0].width,children:i.jsxs(se,{children:[l!=null?i.jsx(I,{photoUrl:l.toString(),styles:{width:j.nameLogoWidth.valuePx(o),height:j.nameLogoHeight.valuePx(o)}}):i.jsx(V,{name:e.entity.name,size:s.sp4}),i.jsx(de,{windowSize:o,title:e.entity.name,children:e.entity.name})]})}),!h&&i.jsxs(i.Fragment,{children:[i.jsx(f,{windowSize:o,itemWidth:g[1].width,children:i.jsx(b,{children:e.invoiceNumber??r.strings.hyphen})}),i.jsx(f,{windowSize:o,itemWidth:g[2].width,children:i.jsx(b,{children:e.dueDate!=null?e.dueDate.format(t.visual.MMMDCommaYYYYformat):r.strings.hyphen})}),i.jsx(f,{windowSize:o,itemWidth:g[3].width,children:i.jsx(b,{children:e.daysPastDue??r.strings.hyphen})})]}),i.jsx(f,{windowSize:o,itemWidth:h&&g[4].compressedWidth!=null?g[4].compressedWidth:g[4].width,children:i.jsx(b,{children:z("0,0",e.amount)})}),!h&&i.jsx(f,{windowSize:o,itemWidth:g[5].width,children:i.jsx(b,{children:z("0,0",e.balance)})})]})]})}const ce={itemHeight:new d(103,103)},he=n.div`
   position: relative;
   width: auto;
   height: 100%;
@@ -106,7 +106,7 @@ import{J as C,y as d,V as i,b5 as A,cv as E,O as k,du as V,d3 as I,o as s,ab as
   padding-bottom: ${s.sp3};
   padding-right: ${({isCompressed:e})=>e?s.sp8:"0px"};
   box-sizing: border-box;
-`,pe=n.div``,N=m.forwardRef((e,l)=>{const{children:c,style:o,sortConfig:h,onColumnSortConfigChanged:r,onUpdateCurrentYTDSelection:t,selectedYTDSpendOption:u,fetchState:p,...v}=e;return i.jsxs(pe,{ref:l,style:{...o,width:"auto",maxWidth:"var(--side-panel-list-width, 100%)"},...v,children:[i.jsx(ne,{onColumnSortConfigChanged:r,sortConfig:h}),i.jsx(he,{children:c})]})});N.displayName="Aging invoices list view inner element type";const me=({index:e,style:l,invoices:c,entityLogo:o,onTransactionClick:h})=>{const r=D(),t=c[e];return e<c.length?i.jsx(ge,{isCompressed:r,style:{...l,width:"fit-content",minWidth:"100%"},children:i.jsx(le,{onTransactionClick:h,invoice:t,entityLogo:o})}):null};function ze({uiState:e,invoices:l,entityLogo:c,onColumnSortConfigChanged:o,onTransactionClick:h}){const r=m.useRef(null),t=C(),u=m.useCallback(()=>ce.itemHeight.value(t),[t]),p=m.useRef(h);p.current=h;const v=m.useCallback($=>{p.current($)},[]);return i.jsx(A,{children:({height:$,width:W})=>i.jsx(E,{height:$,width:W,ref:r,overscanCount:1,itemCount:l.length,innerElementType:x=>i.jsx(N,{...x,onColumnSortConfigChanged:o,sortConfig:{sortKey:e.sortKey,sortOrder:e.sortOrder}}),itemSize:u,style:{willChange:"auto"},children:x=>i.jsx(me,{...x,invoices:l,entityLogo:c,onTransactionClick:v})})})}const w={containerHorizontalPadding:new d(a[2],a[8]),nameLogoWidth:new d(a[5],a[5]),nameLogoHeight:new d(a[5],a[5]),nameLogoMarginTop:new d(a[1],a[1]),entityContainerWidth:new d(300,350,350,350,400),summaryColumnGap:new d(a[2],a[1],a[1],a[2],a[6])},we=n.div`
+`,me=n.div``,N=p.forwardRef((e,l)=>{const{children:c,style:o,sortConfig:h,onColumnSortConfigChanged:r,onUpdateCurrentYTDSelection:t,selectedYTDSpendOption:x,fetchState:m,...v}=e;return i.jsxs(me,{ref:l,style:{...o,width:"auto",maxWidth:"var(--side-panel-list-width, 100%)"},...v,children:[i.jsx(ne,{onColumnSortConfigChanged:r,sortConfig:h}),i.jsx(he,{children:c})]})});N.displayName="Aging invoices list view inner element type";const pe=({index:e,style:l,invoices:c,entityLogo:o,onTransactionClick:h})=>{const r=D(),t=c[e];return e<c.length?i.jsx(ge,{isCompressed:r,style:{...l,width:"fit-content",minWidth:"100%"},children:i.jsx(le,{onTransactionClick:h,invoice:t,entityLogo:o})}):null};function ze({uiState:e,invoices:l,entityLogo:c,onColumnSortConfigChanged:o,onTransactionClick:h}){const r=p.useRef(null),t=C(),x=p.useCallback(()=>ce.itemHeight.value(t),[t]),m=p.useRef(h);m.current=h;const v=p.useCallback($=>{m.current($)},[]);return i.jsx(E,{children:({height:$,width:W})=>i.jsx(R,{height:$,width:W,ref:r,overscanCount:1,itemCount:l.length,innerElementType:u=>i.jsx(N,{...u,onColumnSortConfigChanged:o,sortConfig:{sortKey:e.sortKey,sortOrder:e.sortOrder}}),itemSize:x,style:{willChange:"auto"},children:u=>i.jsx(pe,{...u,invoices:l,entityLogo:c,onTransactionClick:v})})})}const w={containerHorizontalPadding:new d(a[2],a[8]),nameLogoWidth:new d(a[5],a[5]),nameLogoHeight:new d(a[5],a[5]),nameLogoMarginTop:new d(a[1],a[1]),entityContainerWidth:new d(300,350,350,350,400),summaryColumnGap:new d(a[2],a[1],a[1],a[2],a[6])},we=n.div`
   background: ${e=>e.theme.colors.grey5};
   padding-left: ${e=>w.containerHorizontalPadding.valuePx(e.windowSize)};
   padding-right: ${e=>w.containerHorizontalPadding.valuePx(e.windowSize)};
@@ -117,12 +117,12 @@ import{J as C,y as d,V as i,b5 as A,cv as E,O as k,du as V,d3 as I,o as s,ab as
   flex-direction: ${e=>e.isLargeScreen===!0?"row":"column"};
   border-bottom: 1px solid ${e=>e.theme.colors.grey3};
   row-gap: ${s.sp3};
-`,ue=n.div`
+`,xe=n.div`
   display: flex;
   align-items: flex-start;
   column-gap: ${s.sp3};
   max-width: ${e=>w.entityContainerWidth.valuePx(e.windowSize)};
-`,xe=n.div`
+`,ue=n.div`
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -142,10 +142,10 @@ import{J as C,y as d,V as i,b5 as A,cv as E,O as k,du as V,d3 as I,o as s,ab as
 `,_=n(U)`
   text-align: right;
   color: ${e=>e.theme.colors.primary};
-`,L=n(Y)`
+`,P=n(Y)`
   color: ${e=>e.theme.colors.hero};
   text-wrap: nowrap;
   width: fit-content;
 `,ve=n(B)`
   color: ${e=>e.theme.colors.primary};
-`;function Ce({totalBalances:e,entityName:l,reportId:c,reportDate:o,entityLogo:h}){const r=C(),t=r==="large"||r==="extra-large",{reports:{aging:{duration:u,apAgingDetail:p,arAgingDetail:v,apAging:$,arAging:W}},dateFormat:x}=k.getLocalizedStrings(),R=m.useMemo(()=>J(e),[e]);return i.jsxs(we,{isLargeScreen:t,windowSize:r,children:[i.jsxs(ue,{windowSize:r,children:[h!=null?i.jsx(V,{photoUrl:h.toString(),styles:{width:w.nameLogoWidth.valuePx(r),height:w.nameLogoHeight.valuePx(r),marginTop:w.nameLogoMarginTop.valuePx(r)}}):i.jsx(fe,{windowSize:r,children:i.jsx(I,{name:l,size:s.sp5})}),i.jsxs(ye,{children:[i.jsx(ve,{children:l}),i.jsx(S,{controller:c==="accounts_payable_aging",children:i.jsx(T,{children:`${p.dateLabel} ${o.format(x.visual.MMMDCommaYYYYformat)}`})}),i.jsx(S,{controller:c==="accounts_receivable_aging",children:i.jsx(T,{children:`${v.dateLabel} ${o.format(x.visual.MMMDCommaYYYYformat)}`})})]})]}),i.jsxs(xe,{isLargeScreen:t,windowSize:r,children:[e.map(P=>i.jsxs(H,{children:[i.jsx(L,{children:u[P.period]}),i.jsx(_,{children:z("0,0",P?.balance)})]},P.period)),i.jsxs(H,{children:[i.jsx(S,{controller:c==="accounts_payable_aging",children:i.jsx(L,{children:$.totalPayable})}),i.jsx(S,{controller:c==="accounts_receivable_aging",children:i.jsx(L,{children:W.totalReceivable})}),i.jsx(_,{children:z("0,0",R?.balance)})]})]})]})}export{Ce as D,ze as L};
+`;function Ce({totalBalances:e,entityName:l,reportId:c,reportDate:o,entityLogo:h}){const r=C(),t=r==="large"||r==="extra-large",{reports:{aging:{duration:x,apAgingDetail:m,arAgingDetail:v,apAging:$,arAging:W}},dateFormat:u}=k.getLocalizedStrings(),A=p.useMemo(()=>X(e),[e]);return i.jsxs(we,{isLargeScreen:t,windowSize:r,children:[i.jsxs(xe,{windowSize:r,children:[h!=null?i.jsx(I,{photoUrl:h.toString(),styles:{width:w.nameLogoWidth.valuePx(r),height:w.nameLogoHeight.valuePx(r),marginTop:w.nameLogoMarginTop.valuePx(r)}}):i.jsx(fe,{windowSize:r,children:i.jsx(V,{name:l,size:s.sp5})}),i.jsxs(ye,{children:[i.jsx(ve,{children:l}),i.jsx(S,{controller:c==="accounts_payable_aging",children:i.jsx(T,{children:`${m.dateLabel} ${o.format(u.visual.MMMDCommaYYYYformat)}`})}),i.jsx(S,{controller:c==="accounts_receivable_aging",children:i.jsx(T,{children:`${v.dateLabel} ${o.format(u.visual.MMMDCommaYYYYformat)}`})})]})]}),i.jsxs(ue,{isLargeScreen:t,windowSize:r,children:[e.map(L=>i.jsxs(H,{children:[i.jsx(P,{children:x[L.period]}),i.jsx(_,{children:z("0,0",L?.balance)})]},L.period)),i.jsxs(H,{children:[i.jsx(S,{controller:c==="accounts_payable_aging",children:i.jsx(P,{children:$.totalPayable})}),i.jsx(S,{controller:c==="accounts_receivable_aging",children:i.jsx(P,{children:W.totalReceivable})}),i.jsx(_,{children:z("0,0",A?.balance)})]})]})]})}export{Ce as D,ze as L};

package/dist/assets/{ExpenseAutomationOverviewPage-Dmhn7gfp-D__D3sDL.js → ExpenseAutomationOverviewPage-EdyHjbff-C6Bwm59D.js}

@@ -1,12 +1,12 @@
-import{d as Q,J as pe,cf as me,V as t,ga as U,aR as v,bQ as ue,p as a,bV as F,o as r,bE as ge,kf as Ce,b as d,hS as _,hR as T,i as ke,by as xe,ah as fe,kg as je,kh as ye,O as k,cm as ve,R as $e,bM as be,aj as h,av as ee,am as Le,a as we,b9 as Me,b1 as Ee,bb as te}from"./index-DyBrELD_.js";import{a as n}from"./sentry-BV4jcjA3.js";import{n as o,c as re,k as We}from"./mui-D3hEqMLm.js";import{bh as oe,bL as Se}from"./zeni-epic-state-wSe7lDM8.js";import{U as De,F as Ve,X as He,Y as Pe,J as Re,G as ze}from"./recharts-Bs6FfRQK.js";import"./liveblocks-VMOu1QaQ.js";import"./core-CuilwggZ.js";import"./lottie-DcZDexOB.js";import"./analytics-Dmyyfi9O.js";import"./lexical-BV3aGUzT.js";import"./utils-AGDkxX5e.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},i=new e.Error().stack;i&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[i]="0a324469-d6ae-474c-9d59-4539eb958320",e._sentryDebugIdIdentifier="sentry-dbid-0a324469-d6ae-474c-9d59-4539eb958320")}catch{}})();const Fe=k.getLocalizedStrings().expenseAutomation,_e=k.getLocalizedStrings().dateFormat.visual,{common:{strings:{percentage:Te},texts:{score:Ye}}}=k.getLocalizedStrings(),Ie=({active:e,payload:i})=>{if(e===!1||e===void 0||!i||i.length===0)return null;const c=i[0]?.value;return c==null?null:t.jsxs(Ne,{children:[t.jsx(Ae,{children:Ye}),t.jsxs(Ge,{children:[c,Te]})]})};function Je({data:e,height:i}){const c=Q(),L=e.map(x=>({month:Se(`${x.period.year}-${String(x.period.month).padStart(2,"0")}-01`).format(_e.MMMYYFormat),count:Math.round(x.auditScore)}));return t.jsxs(Be,{children:[t.jsx(Ze,{children:Fe.overview.monthEndCloseTrend}),t.jsx(De,{height:i,width:"100%",children:t.jsxs(Ve,{data:L,children:[t.jsx("defs",{children:t.jsxs("linearGradient",{id:"scoreGradient",x1:"0",y1:"0",x2:"0",y2:"1",children:[t.jsx("stop",{offset:"0%",stopColor:a.brandColorJade,stopOpacity:.8}),t.jsx("stop",{offset:"100%",stopColor:a.brandColorJade,stopOpacity:.1})]})}),t.jsx(He,{dataKey:"month",axisLine:{stroke:c.colors.grey3},tickLine:!1,interval:"preserveStartEnd",label:{color:c.colors.hero,fontSize:d.smallRegular.fontSize,fontWeight:d.smallRegular.fontWeight,fontFamily:d.smallRegular.fontFamily}}),t.jsx(Pe,{hide:!0}),t.jsx(Re,{content:Ie,cursor:{stroke:c.colors.primary,strokeDasharray:"3 3",strokeWidth:1},allowEscapeViewBox:{x:!1,y:!0}}),t.jsx(ze,{type:"monotone",dataKey:"count",stroke:a.brandColorJade,strokeWidth:2,fill:"url(#scoreGradient)",dot:!1,activeDot:{r:5,fill:a.neutralGrey4Light,stroke:a.brandColorJade,strokeWidth:2}})]})})]})}const Ze=o(h)`
+import{g as X,e as me,cl as ue,V as t,gk as q,ac as v,bT as ge,d as a,c1 as z,o as r,bE as Ce,kr as ke,w as d,i4 as R,i3 as T,a as xe,by as fe,ai as je,ks as ye,kt as ve,O as k,cs as $e,c as be,bM as we,ak as h,aw as ee,an as Le,n as Ee,b9 as Me,b1 as We,bb as te}from"./index-DMG72kst.js";import{a as s}from"./sentry-DA3cfNtR.js";import{n as o,c as re,k as Se}from"./mui-PTGaeBGX.js";import{bh as oe,bL as De}from"./zeni-epic-state-qJAZZeEy.js";import{U as Ve,F as _e,X as Pe,Y as He,J as Fe,G as ze}from"./recharts-qzs3V2Ze.js";import"./liveblocks-BPjePRRW.js";import"./core--0SFXVg4.js";import"./lottie-x1a70pv5.js";import"./analytics-BdPgTZIq.js";import"./lexical-RPR5fwFX.js";import"./utils-ZYxK6Sqs.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},i=new e.Error().stack;i&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[i]="c2eaa49d-8701-4d5f-b9fe-f326e8de7168",e._sentryDebugIdIdentifier="sentry-dbid-c2eaa49d-8701-4d5f-b9fe-f326e8de7168")}catch{}})();const Re=k.getLocalizedStrings().expenseAutomation,Te=k.getLocalizedStrings().dateFormat.visual,{common:{strings:{percentage:Ye},texts:{score:Ie}}}=k.getLocalizedStrings(),Ze=({active:e,payload:i})=>{if(e===!1||e===void 0||!i||i.length===0)return null;const c=i[0]?.value;return c==null?null:t.jsxs(Je,{children:[t.jsx(Oe,{children:Ie}),t.jsxs(Ge,{children:[c,Ye]})]})};function Be({data:e,height:i}){const c=X(),$=e.map(x=>({month:De(`${x.period.year}-${String(x.period.month).padStart(2,"0")}-01`).format(Te.MMMYYFormat),count:Math.round(x.auditScore)}));return t.jsxs(Ae,{children:[t.jsx(Ne,{children:Re.overview.monthEndCloseTrend}),t.jsx(Ve,{height:i,width:"100%",children:t.jsxs(_e,{data:$,children:[t.jsx("defs",{children:t.jsxs("linearGradient",{id:"scoreGradient",x1:"0",y1:"0",x2:"0",y2:"1",children:[t.jsx("stop",{offset:"0%",stopColor:a.brandColorJade,stopOpacity:.8}),t.jsx("stop",{offset:"100%",stopColor:a.brandColorJade,stopOpacity:.1})]})}),t.jsx(Pe,{dataKey:"month",axisLine:{stroke:c.colors.grey3},tickLine:!1,interval:"preserveStartEnd",label:{color:c.colors.hero,fontSize:d.smallRegular.fontSize,fontWeight:d.smallRegular.fontWeight,fontFamily:d.smallRegular.fontFamily}}),t.jsx(He,{hide:!0}),t.jsx(Fe,{content:Ze,cursor:{stroke:c.colors.primary,strokeDasharray:"3 3",strokeWidth:1},allowEscapeViewBox:{x:!1,y:!0}}),t.jsx(ze,{type:"monotone",dataKey:"count",stroke:a.brandColorJade,strokeWidth:2,fill:"url(#scoreGradient)",dot:!1,activeDot:{r:5,fill:a.neutralGrey4Light,stroke:a.brandColorJade,strokeWidth:2}})]})})]})}const Ne=o(h)`
   color: ${e=>e.theme.colors.champion};
-`,Be=o.div`
+`,Ae=o.div`
   display: flex;
   flex-direction: column;
   row-gap: ${r.sp3};
   align-items: center;
   width: 100%;
-`,Ne=o.div`
+`,Je=o.div`
   background-color: ${a.primaryLight};
   border-radius: ${r.sp1};
   padding: ${r.sp2} ${r.sp3};
@@ -15,23 +15,23 @@ import{d as Q,J as pe,cf as me,V as t,ga as U,aR as v,bQ as ue,p as a,bV as F,o
   justify-content: space-between;
   gap: ${r.sp2};
   min-width: 80px;
-`,Ae=o(h)`
+`,Oe=o(h)`
   color: ${e=>e.theme.colors.brandColorJade};
 `,Ge=o(h)`
   color: ${e=>e.theme.colors.brandColorPearl};
-`,M=k.getLocalizedStrings().expenseAutomation,Oe=k.getLocalizedStrings().dateFormat.visual;function Ke(){const e=Array.from({length:6},(i,c)=>oe().subtract(5-c,"month").format(Oe.MMMYYFormat));return t.jsxs(qe,{children:[t.jsx(Xe,{children:M.overview.monthEndCloseTrend}),t.jsxs(Qe,{children:[t.jsx(Ue,{children:t.jsxs(et,{children:[M.overview.monthEndCloseTrendNoData,t.jsx("br",{}),M.overview.monthEndCloseTrendNoDataDescription]})}),t.jsxs(tt,{children:[t.jsx(rt,{}),t.jsx(ot,{children:e.map(i=>t.jsx(nt,{children:i},i))})]})]})]})}const Xe=o(h)`
+`,E=k.getLocalizedStrings().expenseAutomation,Ke=k.getLocalizedStrings().dateFormat.visual;function Qe(){const e=Array.from({length:6},(i,c)=>oe().subtract(5-c,"month").format(Ke.MMMYYFormat));return t.jsxs(Xe,{children:[t.jsx(Ue,{children:E.overview.monthEndCloseTrend}),t.jsxs(qe,{children:[t.jsx(et,{children:t.jsxs(tt,{children:[E.overview.monthEndCloseTrendNoData,t.jsx("br",{}),E.overview.monthEndCloseTrendNoDataDescription]})}),t.jsxs(rt,{children:[t.jsx(ot,{}),t.jsx(st,{children:e.map(i=>t.jsx(nt,{children:i},i))})]})]})]})}const Ue=o(h)`
   color: ${e=>e.theme.colors.champion};
-`,qe=o.div`
+`,Xe=o.div`
   display: flex;
   flex-direction: column;
   align-items: center;
   width: 100%;
-`,Qe=o.div`
+`,qe=o.div`
   display: flex;
   flex-direction: column;
   width: 100%;
   position: relative;
-`,Ue=o.div`
+`,et=o.div`
   width: 100%;
   height: 160px;
   background-image: url("https://storage.googleapis.com/zeni-apis.appspot.com/images/month-end-graph.png");
@@ -42,38 +42,38 @@ import{d as Q,J as pe,cf as me,V as t,ga as U,aR as v,bQ as ue,p as a,bV as F,o
   display: flex;
   align-items: center;
   justify-content: center;
-`,et=o(h)`
+`,tt=o(h)`
   color: ${e=>e.theme.colors.hero};
   text-align: center;
-`,tt=o.div`
-  width: 100%;
 `,rt=o.div`
   width: 100%;
+`,ot=o.div`
+  width: 100%;
   height: 1px;
   background-color: ${e=>e.theme.colors.grey3};
   margin-bottom: ${r.sp2};
-`,ot=o.div`
+`,st=o.div`
   display: flex;
   justify-content: space-between;
   width: 100%;
 `,nt=o(h)`
   color: ${e=>e.theme.colors.hero};
-`;function st({monthClosePerformanceTrendFetchStatus:e,monthClosePerformanceTrend:i}){return e.fetchState==="In-Progress"||e.fetchState==="Not-Started"?t.jsx(U,{styles:{margin:r.sp0},size:"Small",fetchState:"In-Progress"}):i.length===0?t.jsx(Ke,{}):t.jsx(Je,{data:i.slice(-6),height:160})}const it=e=>n.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},n.createElement("path",{d:"M4.96875 19.5C4.96875 19.3757 4.91936 19.2565 4.83146 19.1685C4.74355 19.0806 4.62432 19.0312 4.5 19.0312H2.625C2.50068 19.0312 2.38145 19.0806 2.29354 19.1685C2.20564 19.2565 2.15625 19.3757 2.15625 19.5V22.7812H4.96875V19.5Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M10.5938 14.8125C10.5938 14.6882 10.5444 14.569 10.4565 14.481C10.3685 14.3931 10.2493 14.3438 10.125 14.3438H8.25C8.12568 14.3438 8.00645 14.3931 7.91854 14.481C7.83064 14.569 7.78125 14.6882 7.78125 14.8125V22.7812H10.5938V14.8125Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M16.2188 17.625C16.2188 17.5007 16.1694 17.3815 16.0815 17.2935C15.9935 17.2056 15.8743 17.1562 15.75 17.1562H13.875C13.7507 17.1562 13.6315 17.2056 13.5435 17.2935C13.4556 17.3815 13.4062 17.5007 13.4062 17.625V22.7812H16.2188V17.625Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M21.8438 10.125C21.8438 10.0007 21.7944 9.88145 21.7065 9.79354C21.6185 9.70564 21.4993 9.65625 21.375 9.65625H19.5C19.3757 9.65625 19.2565 9.70564 19.1685 9.79354C19.0806 9.88145 19.0312 10.0007 19.0312 10.125V22.7812H21.8438V10.125Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M1.2225 22.7812H22.785",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M4.42285 8.79992L6.92785 6.29492",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M9.87402 5.91406L12.259 7.30531",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M15.3535 7.0907L18.9666 4.25195",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M18.5664 3.09375C18.5664 3.59103 18.764 4.06794 19.1156 4.41958C19.4672 4.77121 19.9441 4.96875 20.4414 4.96875C20.9387 4.96875 21.4156 4.77121 21.7672 4.41958C22.1189 4.06794 22.3164 3.59103 22.3164 3.09375C22.3164 2.59647 22.1189 2.11956 21.7672 1.76792C21.4156 1.41629 20.9387 1.21875 20.4414 1.21875C19.9441 1.21875 19.4672 1.41629 19.1156 1.76792C18.764 2.11956 18.5664 2.59647 18.5664 3.09375Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M12.0039 8.25C12.0039 8.74728 12.2015 9.22419 12.5531 9.57583C12.9047 9.92746 13.3816 10.125 13.8789 10.125C14.3762 10.125 14.8531 9.92746 15.2047 9.57583C15.5564 9.22419 15.7539 8.74728 15.7539 8.25C15.7539 7.75272 15.5564 7.27581 15.2047 6.92417C14.8531 6.57254 14.3762 6.375 13.8789 6.375C13.3816 6.375 12.9047 6.57254 12.5531 6.92417C12.2015 7.27581 12.0039 7.75272 12.0039 8.25Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M6.37891 4.96875C6.37891 5.46603 6.57645 5.94294 6.92808 6.29458C7.27971 6.64621 7.75663 6.84375 8.25391 6.84375C8.75119 6.84375 9.2281 6.64621 9.57973 6.29458C9.93136 5.94294 10.1289 5.46603 10.1289 4.96875C10.1289 4.72252 10.0804 4.4787 9.98618 4.25122C9.89195 4.02373 9.75384 3.81703 9.57973 3.64292C9.40562 3.46881 9.19892 3.3307 8.97144 3.23648C8.74395 3.14225 8.50013 3.09375 8.25391 3.09375C8.00768 3.09375 7.76386 3.14225 7.53638 3.23648C7.30889 3.3307 7.10219 3.46881 6.92808 3.64292C6.75397 3.81703 6.61586 4.02373 6.52163 4.25122C6.4274 4.4787 6.37891 4.72252 6.37891 4.96875Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M1.22266 10.125C1.22266 10.6223 1.4202 11.0992 1.77183 11.4508C2.12346 11.8025 2.60038 12 3.09766 12C3.59494 12 4.07185 11.8025 4.42348 11.4508C4.77511 11.0992 4.97266 10.6223 4.97266 10.125C4.97266 9.62772 4.77511 9.15081 4.42348 8.79917C4.07185 8.44754 3.59494 8.25 3.09766 8.25C2.60038 8.25 2.12346 8.44754 1.77183 8.79917C1.4202 9.15081 1.22266 9.62772 1.22266 10.125Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),at=e=>n.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},n.createElement("path",{d:"M22.5604 11.0002V5.32031C22.5604 4.21574 21.665 3.32031 20.5604 3.32031H3.40039C2.29582 3.32031 1.40039 4.21574 1.40039 5.32031V16.5002C1.40039 17.6048 2.2964 18.5002 3.40097 18.5002C5.79811 18.5002 6.65584 18.5002 10.0005 18.5002",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round"}),n.createElement("path",{d:"M7 1.40039L7 5.25039",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round"}),n.createElement("path",{d:"M17 1.40039L17 5.25039",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round"}),n.createElement("path",{d:"M1.41138 7.78125H22.1144",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M15.9167 18.8398H13V21.7565",stroke:"currentColor",strokeWidth:1.33333,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M22.5142 19.8662C22.1722 20.8688 21.4977 21.7244 20.6026 22.2909C19.7075 22.8574 18.6456 23.1008 17.5931 22.9807C16.5406 22.8606 15.5609 22.3843 14.8163 21.6308C14.0718 20.8772 13.6074 19.8917 13.5 18.8379",stroke:"currentColor",strokeWidth:1.33333,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M20.083 17.1725H22.9997V14.2559",stroke:"currentColor",strokeWidth:1.33333,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M13.4854 16.1448C13.8272 15.1422 14.5015 14.2867 15.3965 13.7201C16.2915 13.1535 17.3532 12.91 18.4057 13.0298C19.4581 13.1497 20.4379 13.6258 21.1826 14.3791C21.9272 15.1324 22.3919 16.1177 22.4995 17.1715",stroke:"currentColor",strokeWidth:1.33333,strokeLinecap:"round",strokeLinejoin:"round"})),lt=e=>n.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},n.createElement("path",{d:"M8.60956 10.3995L13.5175 15.3075",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M6.69507 20.8607C5.11904 22.4368 2.0939 21.9185 2.0939 21.9185C2.0939 21.9185 1.5333 18.8933 3.15164 17.3173C3.3661 17.0602 3.63638 16.8555 3.94192 16.7187C4.24746 16.5819 4.58018 16.5166 4.91476 16.5278C5.24934 16.5391 5.57695 16.6265 5.87263 16.7835C6.16831 16.9404 6.42428 17.1628 6.62103 17.4337C6.87992 17.6354 7.09064 17.8923 7.23789 18.1856C7.38513 18.479 7.4652 18.8014 7.47229 19.1296C7.47938 19.4578 7.41331 19.7834 7.27887 20.0828C7.14444 20.3822 6.94501 20.648 6.69507 20.8607Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M21.8313 2.08577C12.8617 1.18669 10.1962 7.52255 7.02295 13.2978L10.6087 16.8836C16.3945 13.6998 22.7304 11.0554 21.8313 2.08577Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M8.9692 9.77558L7.58356 9.31018C7.11291 9.18266 6.61676 9.18307 6.14632 9.31138C5.67589 9.43968 5.24822 9.69121 4.90748 10.04L3.41606 11.5314C3.33077 11.6175 3.2686 11.7237 3.23532 11.8402C3.20203 11.9567 3.19871 12.0797 3.22567 12.1978C3.25893 12.3079 3.32198 12.4067 3.40784 12.4832C3.4937 12.5597 3.59904 12.6111 3.71223 12.6315L7.03354 13.2979",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M14.1733 14.9373L14.607 16.3335C14.7345 16.8041 14.7341 17.3003 14.6058 17.7707C14.4775 18.2411 14.226 18.6688 13.8771 19.0096L12.3963 20.501C12.3137 20.588 12.2094 20.6515 12.0942 20.6849C11.9789 20.7184 11.8569 20.7206 11.7405 20.6914C11.6279 20.6609 11.5262 20.599 11.4475 20.5128C11.3688 20.4266 11.3164 20.3198 11.2963 20.2048L10.6299 16.8835",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M16.4475 9.37366C17.499 9.37366 18.3514 8.52124 18.3514 7.46973C18.3514 6.41822 17.499 5.5658 16.4475 5.5658C15.3959 5.5658 14.5435 6.41822 14.5435 7.46973C14.5435 8.52124 15.3959 9.37366 16.4475 9.37366Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),dt=e=>n.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},n.createElement("path",{d:"M5.14285 7.34697C5.00759 7.34697 4.89795 7.23733 4.89795 7.10208C4.89795 6.96682 5.00759 6.85718 5.14285 6.85718",stroke:"currentColor",strokeWidth:1.5}),n.createElement("path",{d:"M5.14288 7.34697C5.27814 7.34697 5.38778 7.23733 5.38778 7.10208C5.38778 6.96682 5.27814 6.85718 5.14288 6.85718",stroke:"currentColor",strokeWidth:1.5}),n.createElement("path",{d:"M5.14285 10.7754C5.00759 10.7754 4.89795 10.6658 4.89795 10.5305C4.89795 10.3953 5.00759 10.2856 5.14285 10.2856",stroke:"currentColor",strokeWidth:1.5}),n.createElement("path",{d:"M5.14288 10.7754C5.27814 10.7754 5.38778 10.6658 5.38778 10.5305C5.38778 10.3953 5.27814 10.2856 5.14288 10.2856",stroke:"currentColor",strokeWidth:1.5}),n.createElement("path",{d:"M5.14285 14.2042C5.00759 14.2042 4.89795 14.0945 4.89795 13.9593C4.89795 13.824 5.00759 13.7144 5.14285 13.7144",stroke:"currentColor",strokeWidth:1.5}),n.createElement("path",{d:"M5.14288 14.2042C5.27814 14.2042 5.38778 14.0945 5.38778 13.9593C5.38778 13.824 5.27814 13.7144 5.14288 13.7144",stroke:"currentColor",strokeWidth:1.5}),n.createElement("path",{d:"M9.06124 10.7754C8.92599 10.7754 8.81635 10.6658 8.81635 10.5305C8.81635 10.3953 8.92599 10.2856 9.06124 10.2856",stroke:"currentColor",strokeWidth:1.5}),n.createElement("path",{d:"M9.06122 10.7754C9.19647 10.7754 9.30612 10.6658 9.30612 10.5305C9.30612 10.3953 9.19647 10.2856 9.06122 10.2856",stroke:"currentColor",strokeWidth:1.5}),n.createElement("path",{d:"M9.06124 7.34697C8.92599 7.34697 8.81635 7.23733 8.81635 7.10208C8.81635 6.96682 8.92599 6.85718 9.06124 6.85718",stroke:"currentColor",strokeWidth:1.5}),n.createElement("path",{d:"M9.06122 7.34697C9.19647 7.34697 9.30612 7.23733 9.30612 7.10208C9.30612 6.96682 9.19647 6.85718 9.06122 6.85718",stroke:"currentColor",strokeWidth:1.5}),n.createElement("path",{d:"M12.9796 7.34697C12.8443 7.34697 12.7347 7.23733 12.7347 7.10208C12.7347 6.96682 12.8443 6.85718 12.9796 6.85718",stroke:"currentColor",strokeWidth:1.5}),n.createElement("path",{d:"M12.9796 7.34697C13.1149 7.34697 13.2245 7.23733 13.2245 7.10208C13.2245 6.96682 13.1149 6.85718 12.9796 6.85718",stroke:"currentColor",strokeWidth:1.5}),n.createElement("path",{d:"M8.32655 17.1429H2.449C2.0593 17.1429 1.68555 16.9881 1.40999 16.7125C1.13442 16.437 0.979614 16.0631 0.979614 15.6735V3.91836C0.979614 3.52866 1.13442 3.15491 1.40999 2.87935C1.68555 2.60379 2.0593 2.44897 2.449 2.44897H15.6735C16.0632 2.44897 16.437 2.60379 16.7125 2.87935C16.9881 3.15491 17.1429 3.52866 17.1429 3.91836V8.32653",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M5.38776 3.91827V0.979492",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M12.7347 3.91827V0.979492",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M17.1429 23.0205C20.3889 23.0205 23.0204 20.389 23.0204 17.1429C23.0204 13.8969 20.3889 11.2654 17.1429 11.2654C13.8968 11.2654 11.2653 13.8969 11.2653 17.1429C11.2653 20.389 13.8968 23.0205 17.1429 23.0205Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M19.7408 17.1428H17.1429V14.5459",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),Y={transaction_categorization:ye,missing_receipts:je,flux_analysis:it,je_schedules:at,month_end_insights:fe,reconciliation:xe},ct=e=>e.filter(i=>i.id!=="month_end_insights"),ht=e=>e.filter(i=>i.id==="month_end_insights"),pt=({string:e,count:i})=>t.jsxs(Tt,{children:[i,t.jsx(h,{children:e})]}),{expenseAutomation:p,common:m,dateFormat:I}=k.getLocalizedStrings();function qt({monthEndCloseChecksView:e,isRealtimeInsightsFeatureEnabled:i,onMonthEndCheckClick:c,onBackClick:L,handleReviewButtonClick:x,onPeriodChange:ne,onReload:D}){const u=Q(),se=pe(),V=n.useRef(!1),[ie,ae]=n.useState(!1),le=n.useRef(s=>{s&&!V.current&&(V.current=!0,ae(!0))});me({componentName:"expense_automation.overview",enabled:ie});const de=n.useMemo(()=>{if(e.monthEndCloseChecks?.targetCloseDate==null)return m.strings.hyphen;const s=e.monthEndCloseChecks.targetCloseDate.startOf("day"),j=oe().startOf("day"),l=s.diff(j,"days");return Math.max(l,0)},[e.monthEndCloseChecks?.targetCloseDate]);if(e.monthEndCloseChecks==null||["Not-Started","In-Progress"].includes(e.fetchState))return t.jsx(X,{"data-testid":v("expense-automation-overview-page-activity-indicator"),children:t.jsx(U,{fetchState:"In-Progress"})});if(e.monthEndCloseChecks==null||e.fetchState==="Error")return t.jsx(X,{children:t.jsx(Mt,{"data-testid":v("expense-automation-overview-page-reload-page"),onClick:D,children:t.jsx(ue,{})})});const{monthEndCloseChecks:{auditSummary:g,monthEndCloseCheckList:H,reportEmailSentDate:P},refreshStatus:ce}=e;let $,f;g.auditScorePercentage<=50?($=a.important,f=a.importantLight):g.auditScorePercentage<=75?($=a.alert,f=a.alertLight):($=a.success,f=a.successLight);const he=t.jsx(bt,{"data-testid":v("expense-automation-overview-page-refresh-icon"),onClick:D,children:t.jsx(F,{style:{marginTop:r.sp1},placement:"bottom",title:m.texts.refresh,enterDelay:600,children:t.jsx(Wt,{$spinning:ce.fetchState==="In-Progress"})})}),R=ct(H),z=ht(H);return t.jsxs(mt,{children:[t.jsx(ge,{title:t.jsx(Ce,{pickerLabelStyle:{...d.largeSemiBold.cssObject},onPeriodChange:ne,monthEndCloseChecksView:e}),showBackButton:!0,onBackClick:L,source:"ExpenseAutomationOverviewPage",rightSideComponent:he}),t.jsxs(jt,{children:[t.jsx(ut,{children:t.jsx(gt,{windowSize:se,children:t.jsxs(Ct,{children:[t.jsxs(xt,{children:[t.jsx($t,{children:t.jsx(_,{background:!0,value:Math.floor(g.auditScorePercentage),text:`${Math.floor(g.auditScorePercentage)}${m.strings.percentage}`,strokeWidth:10,styles:{...T({strokeLinecap:"butt",pathColor:$,textColor:u.colors.primary,trailColor:u.colors.grey2,backgroundColor:f}),root:{width:"96px",height:"96px",backgroundColor:f,borderRadius:"50%"},text:{fontSize:d.h6Medium.fontSize,fontFamily:d.h6Medium.fontFamily,lineHeight:d.h6Medium.lineHeight,fontWeight:d.h6Medium.fontWeight,letterSpacing:d.h6Medium.letterSpacing,fill:a.primaryLight}}})}),t.jsx(Ht,{children:t.jsxs(ft,{children:[t.jsxs(Pt,{children:[t.jsxs(Lt,{children:[t.jsx(kt,{children:p.overview.confidenceScoreTitle}),t.jsx(F,{display:"block",placement:"top",position:"relative",title:p.overview.confidenceScoreTooltip,style:{top:"-2px"},enterDelay:600,children:t.jsx(_t,{})}),g.auditReportLastGeneratedDate!=null?t.jsx(wt,{children:g.auditReportLastGeneratedDate.utc(!0).fromNow()}):null]}),t.jsx(E,{children:p.overview.auditScoreDescription})]}),t.jsxs(Ft,{children:[t.jsxs(q,{children:[t.jsx(Rt,{}),t.jsx(E,{children:p.overview.targetClose}),e.monthEndCloseChecks.targetCloseDate!=null?t.jsx(S,{children:e.monthEndCloseChecks.targetCloseDate.format(I.visual.MMMDCommaYYYYformat)}):t.jsx(S,{children:m.strings.hyphen})]}),t.jsxs(q,{children:[t.jsx(zt,{}),t.jsx(E,{children:p.overview.daysToClose}),t.jsx(S,{children:de})]})]}),t.jsx(ke,{style:{alignSelf:"flex-start"},variant:"primary",label:m.texts.review,onClick:x})]})})]}),t.jsx(st,{monthClosePerformanceTrend:e.monthClosePerformanceTrend,monthClosePerformanceTrendFetchStatus:e.monthClosePerformanceTrendFetchStatus})]})})}),t.jsxs(yt,{ref:le.current,children:[t.jsxs(J,{children:[t.jsx(b,{cardDisabled:!1,children:p.overview.checklist}),t.jsx(Z,{children:R.map((s,j)=>{const l=s.isDisabled;let C,y;return s.progress<=50?(C=a.important,y=a.importantLight):s.progress<=75?(C=a.alert,y=a.alertLight):(C=a.success,y=a.successLight),t.jsxs(B,{index:j,totalCards:R.length,"data-testid":v("expense-automation-overview-page-month-end-close-check-card",s.id),cardDisabled:l,onClick:()=>{l===!1&&c(s.id)},children:[t.jsxs(K,{children:[t.jsx(O,{cardDisabled:l,isDarkMode:u.mode==="dark",children:t.jsx(G,{as:Y[s.id]??null})}),t.jsxs(W,{children:[t.jsx(b,{cardDisabled:l,children:s.title}),t.jsx(N,{className:"card-description",cardDisabled:l,children:s.description})]})]}),s.metrics.map(w=>t.jsx(pt,{string:w.label,count:w.value},w.columnIndex)),t.jsx(_,{background:!0,value:Math.floor(s.progress),text:`${Math.floor(s.progress)}${m.strings.percentage}`,strokeWidth:10,styles:{...T({strokeLinecap:"butt",pathColor:C,textColor:u.colors.primary,trailColor:u.colors.grey2,backgroundColor:y}),root:{width:r.sp7,height:r.sp7,backgroundColor:y,borderRadius:"50%"},text:{fontSize:d.h6Medium.fontSize,fontFamily:d.h6Medium.fontFamily,lineHeight:d.h6Medium.lineHeight,fontWeight:d.h6Medium.fontWeight,letterSpacing:d.h6Medium.letterSpacing,fill:a.primaryLight}}}),t.jsx(A,{className:"card-right-chevron",disabled:l})]},s.id)})})]}),t.jsxs(J,{children:[t.jsx(b,{cardDisabled:!1,children:p.overview.checklistReport}),t.jsx(Z,{children:z.map((s,j)=>{const l=!i,C=l===!0||s.id==="month_end_insights"&&e.monthEndCloseChecks?.reportEmailSentDate!=null;return t.jsxs(B,{index:j,totalCards:z.length,"data-testid":v("expense-automation-overview-page-month-end-close-check-card",s.id),cardDisabled:l,onClick:()=>{C===!1&&c(s.id)},children:[t.jsxs(K,{children:[t.jsx(O,{cardDisabled:l,isDarkMode:u.mode==="dark",children:t.jsx(G,{as:Y[s.id]??null})}),t.jsxs(W,{children:[t.jsx(b,{cardDisabled:l,children:s.title}),t.jsx(N,{className:"card-description",cardDisabled:l,children:s.description})]})]}),t.jsxs(vt,{children:[s.id==="month_end_insights"&&P!=null?t.jsxs(Vt,{children:[t.jsx(St,{children:m.texts.closed}),t.jsx(Dt,{children:P.format(I.visual.MMMDCommaYYYYformat)})]}):null,t.jsx(W,{children:t.jsx(A,{className:"card-right-chevron",disabled:l})})]})]},s.id)})})]})]})]})]})}const mt=o.div`
+`;function it({monthClosePerformanceTrendFetchStatus:e,monthClosePerformanceTrend:i}){return e.fetchState==="In-Progress"||e.fetchState==="Not-Started"?t.jsx(q,{styles:{margin:r.sp0},size:"Small",fetchState:"In-Progress"}):i.length===0?t.jsx(Qe,{}):t.jsx(Be,{data:i.slice(-6),height:160})}const at=e=>s.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},s.createElement("path",{d:"M4.96875 19.5C4.96875 19.3757 4.91936 19.2565 4.83146 19.1685C4.74355 19.0806 4.62432 19.0312 4.5 19.0312H2.625C2.50068 19.0312 2.38145 19.0806 2.29354 19.1685C2.20564 19.2565 2.15625 19.3757 2.15625 19.5V22.7812H4.96875V19.5Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),s.createElement("path",{d:"M10.5938 14.8125C10.5938 14.6882 10.5444 14.569 10.4565 14.481C10.3685 14.3931 10.2493 14.3438 10.125 14.3438H8.25C8.12568 14.3438 8.00645 14.3931 7.91854 14.481C7.83064 14.569 7.78125 14.6882 7.78125 14.8125V22.7812H10.5938V14.8125Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),s.createElement("path",{d:"M16.2188 17.625C16.2188 17.5007 16.1694 17.3815 16.0815 17.2935C15.9935 17.2056 15.8743 17.1562 15.75 17.1562H13.875C13.7507 17.1562 13.6315 17.2056 13.5435 17.2935C13.4556 17.3815 13.4062 17.5007 13.4062 17.625V22.7812H16.2188V17.625Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),s.createElement("path",{d:"M21.8438 10.125C21.8438 10.0007 21.7944 9.88145 21.7065 9.79354C21.6185 9.70564 21.4993 9.65625 21.375 9.65625H19.5C19.3757 9.65625 19.2565 9.70564 19.1685 9.79354C19.0806 9.88145 19.0312 10.0007 19.0312 10.125V22.7812H21.8438V10.125Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),s.createElement("path",{d:"M1.2225 22.7812H22.785",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),s.createElement("path",{d:"M4.42285 8.79992L6.92785 6.29492",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),s.createElement("path",{d:"M9.87402 5.91406L12.259 7.30531",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),s.createElement("path",{d:"M15.3535 7.0907L18.9666 4.25195",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),s.createElement("path",{d:"M18.5664 3.09375C18.5664 3.59103 18.764 4.06794 19.1156 4.41958C19.4672 4.77121 19.9441 4.96875 20.4414 4.96875C20.9387 4.96875 21.4156 4.77121 21.7672 4.41958C22.1189 4.06794 22.3164 3.59103 22.3164 3.09375C22.3164 2.59647 22.1189 2.11956 21.7672 1.76792C21.4156 1.41629 20.9387 1.21875 20.4414 1.21875C19.9441 1.21875 19.4672 1.41629 19.1156 1.76792C18.764 2.11956 18.5664 2.59647 18.5664 3.09375Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),s.createElement("path",{d:"M12.0039 8.25C12.0039 8.74728 12.2015 9.22419 12.5531 9.57583C12.9047 9.92746 13.3816 10.125 13.8789 10.125C14.3762 10.125 14.8531 9.92746 15.2047 9.57583C15.5564 9.22419 15.7539 8.74728 15.7539 8.25C15.7539 7.75272 15.5564 7.27581 15.2047 6.92417C14.8531 6.57254 14.3762 6.375 13.8789 6.375C13.3816 6.375 12.9047 6.57254 12.5531 6.92417C12.2015 7.27581 12.0039 7.75272 12.0039 8.25Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),s.createElement("path",{d:"M6.37891 4.96875C6.37891 5.46603 6.57645 5.94294 6.92808 6.29458C7.27971 6.64621 7.75663 6.84375 8.25391 6.84375C8.75119 6.84375 9.2281 6.64621 9.57973 6.29458C9.93136 5.94294 10.1289 5.46603 10.1289 4.96875C10.1289 4.72252 10.0804 4.4787 9.98618 4.25122C9.89195 4.02373 9.75384 3.81703 9.57973 3.64292C9.40562 3.46881 9.19892 3.3307 8.97144 3.23648C8.74395 3.14225 8.50013 3.09375 8.25391 3.09375C8.00768 3.09375 7.76386 3.14225 7.53638 3.23648C7.30889 3.3307 7.10219 3.46881 6.92808 3.64292C6.75397 3.81703 6.61586 4.02373 6.52163 4.25122C6.4274 4.4787 6.37891 4.72252 6.37891 4.96875Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),s.createElement("path",{d:"M1.22266 10.125C1.22266 10.6223 1.4202 11.0992 1.77183 11.4508C2.12346 11.8025 2.60038 12 3.09766 12C3.59494 12 4.07185 11.8025 4.42348 11.4508C4.77511 11.0992 4.97266 10.6223 4.97266 10.125C4.97266 9.62772 4.77511 9.15081 4.42348 8.79917C4.07185 8.44754 3.59494 8.25 3.09766 8.25C2.60038 8.25 2.12346 8.44754 1.77183 8.79917C1.4202 9.15081 1.22266 9.62772 1.22266 10.125Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),lt=e=>s.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},s.createElement("path",{d:"M22.5604 11.0002V5.32031C22.5604 4.21574 21.665 3.32031 20.5604 3.32031H3.40039C2.29582 3.32031 1.40039 4.21574 1.40039 5.32031V16.5002C1.40039 17.6048 2.2964 18.5002 3.40097 18.5002C5.79811 18.5002 6.65584 18.5002 10.0005 18.5002",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round"}),s.createElement("path",{d:"M7 1.40039L7 5.25039",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round"}),s.createElement("path",{d:"M17 1.40039L17 5.25039",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round"}),s.createElement("path",{d:"M1.41138 7.78125H22.1144",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),s.createElement("path",{d:"M15.9167 18.8398H13V21.7565",stroke:"currentColor",strokeWidth:1.33333,strokeLinecap:"round",strokeLinejoin:"round"}),s.createElement("path",{d:"M22.5142 19.8662C22.1722 20.8688 21.4977 21.7244 20.6026 22.2909C19.7075 22.8574 18.6456 23.1008 17.5931 22.9807C16.5406 22.8606 15.5609 22.3843 14.8163 21.6308C14.0718 20.8772 13.6074 19.8917 13.5 18.8379",stroke:"currentColor",strokeWidth:1.33333,strokeLinecap:"round",strokeLinejoin:"round"}),s.createElement("path",{d:"M20.083 17.1725H22.9997V14.2559",stroke:"currentColor",strokeWidth:1.33333,strokeLinecap:"round",strokeLinejoin:"round"}),s.createElement("path",{d:"M13.4854 16.1448C13.8272 15.1422 14.5015 14.2867 15.3965 13.7201C16.2915 13.1535 17.3532 12.91 18.4057 13.0298C19.4581 13.1497 20.4379 13.6258 21.1826 14.3791C21.9272 15.1324 22.3919 16.1177 22.4995 17.1715",stroke:"currentColor",strokeWidth:1.33333,strokeLinecap:"round",strokeLinejoin:"round"})),dt=e=>s.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},s.createElement("path",{d:"M8.60956 10.3995L13.5175 15.3075",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),s.createElement("path",{d:"M6.69507 20.8607C5.11904 22.4368 2.0939 21.9185 2.0939 21.9185C2.0939 21.9185 1.5333 18.8933 3.15164 17.3173C3.3661 17.0602 3.63638 16.8555 3.94192 16.7187C4.24746 16.5819 4.58018 16.5166 4.91476 16.5278C5.24934 16.5391 5.57695 16.6265 5.87263 16.7835C6.16831 16.9404 6.42428 17.1628 6.62103 17.4337C6.87992 17.6354 7.09064 17.8923 7.23789 18.1856C7.38513 18.479 7.4652 18.8014 7.47229 19.1296C7.47938 19.4578 7.41331 19.7834 7.27887 20.0828C7.14444 20.3822 6.94501 20.648 6.69507 20.8607Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),s.createElement("path",{d:"M21.8313 2.08577C12.8617 1.18669 10.1962 7.52255 7.02295 13.2978L10.6087 16.8836C16.3945 13.6998 22.7304 11.0554 21.8313 2.08577Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),s.createElement("path",{d:"M8.9692 9.77558L7.58356 9.31018C7.11291 9.18266 6.61676 9.18307 6.14632 9.31138C5.67589 9.43968 5.24822 9.69121 4.90748 10.04L3.41606 11.5314C3.33077 11.6175 3.2686 11.7237 3.23532 11.8402C3.20203 11.9567 3.19871 12.0797 3.22567 12.1978C3.25893 12.3079 3.32198 12.4067 3.40784 12.4832C3.4937 12.5597 3.59904 12.6111 3.71223 12.6315L7.03354 13.2979",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),s.createElement("path",{d:"M14.1733 14.9373L14.607 16.3335C14.7345 16.8041 14.7341 17.3003 14.6058 17.7707C14.4775 18.2411 14.226 18.6688 13.8771 19.0096L12.3963 20.501C12.3137 20.588 12.2094 20.6515 12.0942 20.6849C11.9789 20.7184 11.8569 20.7206 11.7405 20.6914C11.6279 20.6609 11.5262 20.599 11.4475 20.5128C11.3688 20.4266 11.3164 20.3198 11.2963 20.2048L10.6299 16.8835",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),s.createElement("path",{d:"M16.4475 9.37366C17.499 9.37366 18.3514 8.52124 18.3514 7.46973C18.3514 6.41822 17.499 5.5658 16.4475 5.5658C15.3959 5.5658 14.5435 6.41822 14.5435 7.46973C14.5435 8.52124 15.3959 9.37366 16.4475 9.37366Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),ct=e=>s.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},s.createElement("path",{d:"M5.14285 7.34697C5.00759 7.34697 4.89795 7.23733 4.89795 7.10208C4.89795 6.96682 5.00759 6.85718 5.14285 6.85718",stroke:"currentColor",strokeWidth:1.5}),s.createElement("path",{d:"M5.14288 7.34697C5.27814 7.34697 5.38778 7.23733 5.38778 7.10208C5.38778 6.96682 5.27814 6.85718 5.14288 6.85718",stroke:"currentColor",strokeWidth:1.5}),s.createElement("path",{d:"M5.14285 10.7754C5.00759 10.7754 4.89795 10.6658 4.89795 10.5305C4.89795 10.3953 5.00759 10.2856 5.14285 10.2856",stroke:"currentColor",strokeWidth:1.5}),s.createElement("path",{d:"M5.14288 10.7754C5.27814 10.7754 5.38778 10.6658 5.38778 10.5305C5.38778 10.3953 5.27814 10.2856 5.14288 10.2856",stroke:"currentColor",strokeWidth:1.5}),s.createElement("path",{d:"M5.14285 14.2042C5.00759 14.2042 4.89795 14.0945 4.89795 13.9593C4.89795 13.824 5.00759 13.7144 5.14285 13.7144",stroke:"currentColor",strokeWidth:1.5}),s.createElement("path",{d:"M5.14288 14.2042C5.27814 14.2042 5.38778 14.0945 5.38778 13.9593C5.38778 13.824 5.27814 13.7144 5.14288 13.7144",stroke:"currentColor",strokeWidth:1.5}),s.createElement("path",{d:"M9.06124 10.7754C8.92599 10.7754 8.81635 10.6658 8.81635 10.5305C8.81635 10.3953 8.92599 10.2856 9.06124 10.2856",stroke:"currentColor",strokeWidth:1.5}),s.createElement("path",{d:"M9.06122 10.7754C9.19647 10.7754 9.30612 10.6658 9.30612 10.5305C9.30612 10.3953 9.19647 10.2856 9.06122 10.2856",stroke:"currentColor",strokeWidth:1.5}),s.createElement("path",{d:"M9.06124 7.34697C8.92599 7.34697 8.81635 7.23733 8.81635 7.10208C8.81635 6.96682 8.92599 6.85718 9.06124 6.85718",stroke:"currentColor",strokeWidth:1.5}),s.createElement("path",{d:"M9.06122 7.34697C9.19647 7.34697 9.30612 7.23733 9.30612 7.10208C9.30612 6.96682 9.19647 6.85718 9.06122 6.85718",stroke:"currentColor",strokeWidth:1.5}),s.createElement("path",{d:"M12.9796 7.34697C12.8443 7.34697 12.7347 7.23733 12.7347 7.10208C12.7347 6.96682 12.8443 6.85718 12.9796 6.85718",stroke:"currentColor",strokeWidth:1.5}),s.createElement("path",{d:"M12.9796 7.34697C13.1149 7.34697 13.2245 7.23733 13.2245 7.10208C13.2245 6.96682 13.1149 6.85718 12.9796 6.85718",stroke:"currentColor",strokeWidth:1.5}),s.createElement("path",{d:"M8.32655 17.1429H2.449C2.0593 17.1429 1.68555 16.9881 1.40999 16.7125C1.13442 16.437 0.979614 16.0631 0.979614 15.6735V3.91836C0.979614 3.52866 1.13442 3.15491 1.40999 2.87935C1.68555 2.60379 2.0593 2.44897 2.449 2.44897H15.6735C16.0632 2.44897 16.437 2.60379 16.7125 2.87935C16.9881 3.15491 17.1429 3.52866 17.1429 3.91836V8.32653",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),s.createElement("path",{d:"M5.38776 3.91827V0.979492",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),s.createElement("path",{d:"M12.7347 3.91827V0.979492",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),s.createElement("path",{d:"M17.1429 23.0205C20.3889 23.0205 23.0204 20.389 23.0204 17.1429C23.0204 13.8969 20.3889 11.2654 17.1429 11.2654C13.8968 11.2654 11.2653 13.8969 11.2653 17.1429C11.2653 20.389 13.8968 23.0205 17.1429 23.0205Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),s.createElement("path",{d:"M19.7408 17.1428H17.1429V14.5459",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),Y={transaction_categorization:ve,missing_receipts:ye,flux_analysis:at,je_schedules:lt,month_end_insights:je,reconciliation:fe},ht=e=>e.filter(i=>i.id!=="month_end_insights"),pt=e=>e.filter(i=>i.id==="month_end_insights"),mt=({string:e,count:i})=>t.jsxs(Yt,{children:[i,t.jsx(h,{children:e})]}),{expenseAutomation:m,common:p,dateFormat:I}=k.getLocalizedStrings();function Xt({monthEndCloseChecksView:e,isRealtimeInsightsFeatureEnabled:i,isMissingReceiptsBulkUploadEnabled:c=!1,onMonthEndCheckClick:$,onBackClick:x,handleReviewButtonClick:se,onPeriodChange:ne,onReload:D}){const u=X(),ie=me(),V=s.useRef(!1),[ae,le]=s.useState(!1),de=s.useRef(n=>{n&&!V.current&&(V.current=!0,le(!0))});ue({componentName:"expense_automation.overview",enabled:ae});const ce=s.useMemo(()=>{if(e.monthEndCloseChecks?.targetCloseDate==null)return p.strings.hyphen;const n=e.monthEndCloseChecks.targetCloseDate.startOf("day"),j=oe().startOf("day"),l=n.diff(j,"days");return Math.max(l,0)},[e.monthEndCloseChecks?.targetCloseDate]);if(e.monthEndCloseChecks==null||["Not-Started","In-Progress"].includes(e.fetchState))return t.jsx(Q,{"data-testid":v("expense-automation-overview-page-activity-indicator"),children:t.jsx(q,{fetchState:"In-Progress"})});if(e.monthEndCloseChecks==null||e.fetchState==="Error")return t.jsx(Q,{children:t.jsx(Mt,{"data-testid":v("expense-automation-overview-page-reload-page"),onClick:D,children:t.jsx(ge,{})})});const{monthEndCloseChecks:{auditSummary:g,monthEndCloseCheckList:_,reportEmailSentDate:P},refreshStatus:he}=e;let b,f;g.auditScorePercentage<=50?(b=a.important,f=a.importantLight):g.auditScorePercentage<=75?(b=a.alert,f=a.alertLight):(b=a.success,f=a.successLight);const pe=t.jsx(wt,{"data-testid":v("expense-automation-overview-page-refresh-icon"),onClick:D,children:t.jsx(z,{style:{marginTop:r.sp1},placement:"bottom",title:p.texts.refresh,enterDelay:600,children:t.jsx(St,{$spinning:he.fetchState==="In-Progress"})})}),H=ht(_),F=pt(_);return t.jsxs(ut,{children:[t.jsx(Ce,{title:t.jsx(ke,{pickerLabelStyle:{...d.largeSemiBold.cssObject},onPeriodChange:ne,monthEndCloseChecksView:e}),showBackButton:!0,onBackClick:x,source:"ExpenseAutomationOverviewPage",rightSideComponent:pe}),t.jsxs(yt,{children:[t.jsx(gt,{children:t.jsx(Ct,{windowSize:ie,children:t.jsxs(kt,{children:[t.jsxs(ft,{children:[t.jsx(bt,{children:t.jsx(R,{background:!0,value:Math.floor(g.auditScorePercentage),text:`${Math.floor(g.auditScorePercentage)}${p.strings.percentage}`,strokeWidth:10,styles:{...T({strokeLinecap:"butt",pathColor:b,textColor:u.colors.primary,trailColor:u.colors.grey2,backgroundColor:f}),root:{width:"96px",height:"96px",backgroundColor:f,borderRadius:"50%"},text:{fontSize:d.h6Medium.fontSize,fontFamily:d.h6Medium.fontFamily,lineHeight:d.h6Medium.lineHeight,fontWeight:d.h6Medium.fontWeight,letterSpacing:d.h6Medium.letterSpacing,fill:a.primaryLight}}})}),t.jsx(Pt,{children:t.jsxs(jt,{children:[t.jsxs(Ht,{children:[t.jsxs(Lt,{children:[t.jsx(xt,{children:m.overview.confidenceScoreTitle}),t.jsx(z,{display:"block",placement:"top",position:"relative",title:m.overview.confidenceScoreTooltip,style:{top:"-2px"},enterDelay:600,children:t.jsx(Tt,{})}),g.auditReportLastGeneratedDate!=null?t.jsx(Et,{children:g.auditReportLastGeneratedDate.utc(!0).fromNow()}):null]}),t.jsx(M,{children:m.overview.auditScoreDescription})]}),t.jsxs(Rt,{children:[t.jsxs(U,{children:[t.jsx(Ft,{}),t.jsx(M,{children:m.overview.targetClose}),e.monthEndCloseChecks.targetCloseDate!=null?t.jsx(S,{children:e.monthEndCloseChecks.targetCloseDate.format(I.visual.MMMDCommaYYYYformat)}):t.jsx(S,{children:p.strings.hyphen})]}),t.jsxs(U,{children:[t.jsx(zt,{}),t.jsx(M,{children:m.overview.daysToClose}),t.jsx(S,{children:ce})]})]}),t.jsx(xe,{style:{alignSelf:"flex-start"},variant:"primary",label:p.texts.review,onClick:se})]})})]}),t.jsx(it,{monthClosePerformanceTrend:e.monthClosePerformanceTrend,monthClosePerformanceTrendFetchStatus:e.monthClosePerformanceTrendFetchStatus})]})})}),t.jsxs(vt,{ref:de.current,children:[t.jsxs(Z,{children:[t.jsx(w,{cardDisabled:!1,children:m.overview.checklist}),t.jsx(B,{children:H.map((n,j)=>{const l=n.isDisabled;let C,y;return n.progress<=50?(C=a.important,y=a.importantLight):n.progress<=75?(C=a.alert,y=a.alertLight):(C=a.success,y=a.successLight),t.jsxs(N,{index:j,totalCards:H.length,"data-testid":v("expense-automation-overview-page-month-end-close-check-card",n.id),cardDisabled:l,onClick:()=>{l===!1&&$(n.id)},children:[t.jsxs(K,{children:[t.jsx(G,{cardDisabled:l,isDarkMode:u.mode==="dark",children:t.jsx(O,{as:Y[n.id]??null})}),t.jsxs(W,{children:[t.jsx(w,{cardDisabled:l,children:n.id==="missing_receipts"&&c===!0?p.headers.receipts:n.title}),t.jsx(A,{className:"card-description",cardDisabled:l,children:n.description})]})]}),n.metrics.map(L=>t.jsx(mt,{string:L.label,count:L.value},L.columnIndex)),t.jsx(R,{background:!0,value:Math.floor(n.progress),text:`${Math.floor(n.progress)}${p.strings.percentage}`,strokeWidth:10,styles:{...T({strokeLinecap:"butt",pathColor:C,textColor:u.colors.primary,trailColor:u.colors.grey2,backgroundColor:y}),root:{width:r.sp7,height:r.sp7,backgroundColor:y,borderRadius:"50%"},text:{fontSize:d.h6Medium.fontSize,fontFamily:d.h6Medium.fontFamily,lineHeight:d.h6Medium.lineHeight,fontWeight:d.h6Medium.fontWeight,letterSpacing:d.h6Medium.letterSpacing,fill:a.primaryLight}}}),t.jsx(J,{className:"card-right-chevron",disabled:l})]},n.id)})})]}),t.jsxs(Z,{children:[t.jsx(w,{cardDisabled:!1,children:m.overview.checklistReport}),t.jsx(B,{children:F.map((n,j)=>{const l=!i,C=l===!0||n.id==="month_end_insights"&&e.monthEndCloseChecks?.reportEmailSentDate!=null;return t.jsxs(N,{index:j,totalCards:F.length,"data-testid":v("expense-automation-overview-page-month-end-close-check-card",n.id),cardDisabled:l,onClick:()=>{C===!1&&$(n.id)},children:[t.jsxs(K,{children:[t.jsx(G,{cardDisabled:l,isDarkMode:u.mode==="dark",children:t.jsx(O,{as:Y[n.id]??null})}),t.jsxs(W,{children:[t.jsx(w,{cardDisabled:l,children:n.id==="missing_receipts"&&c===!0?p.headers.receipts:n.title}),t.jsx(A,{className:"card-description",cardDisabled:l,children:n.description})]})]}),t.jsxs($t,{children:[n.id==="month_end_insights"&&P!=null?t.jsxs(_t,{children:[t.jsx(Dt,{children:p.texts.closed}),t.jsx(Vt,{children:P.format(I.visual.MMMDCommaYYYYformat)})]}):null,t.jsx(W,{children:t.jsx(J,{className:"card-right-chevron",disabled:l})})]})]},n.id)})})]})]})]})]})}const ut=o.div`
   display: flex;
   flex-direction: column;
   background-color: ${e=>e.theme.colors.grey5};
   row-gap: ${r.sp3};
-`,ut=o.div`
+`,gt=o.div`
   display: flex;
   flex-direction: column;
   row-gap: ${r.sp6};
   background-color: ${e=>e.theme.colors.grey5};
   box-shadow: ${e=>e.theme.colors.elevation1};
   padding-bottom: ${r.sp5};
-`,gt=o.div`
+`,Ct=o.div`
   background-repeat: no-repeat;
   background-image: url(https://storage.googleapis.com/zeni-apis.appspot.com/images/expense-automation-background.png);
-`,Ct=o.div`
+`,kt=o.div`
   display: flex;
   align-items: center;
   padding-left: ${r.sp8};
@@ -81,26 +81,26 @@ import{d as Q,J as pe,cf as me,V as t,ga as U,aR as v,bQ as ue,p as a,bV as F,o
   justify-content: space-between;
   column-gap: ${r.sp4};
   height: 100%;
-`,kt=o($e)`
+`,xt=o(be)`
   color: ${e=>e.theme.colors.primary};
-`,E=o(Le)`
+`,M=o(Le)`
   color: ${e=>e.theme.colors.hero};
   font-family: ${ee.Roboto};
-`,xt=o.div`
+`,ft=o.div`
   display: flex;
   column-gap: ${r.sp4};
   align-items: center;
-`,ft=o.div`
+`,jt=o.div`
   display: flex;
   flex-direction: column;
   row-gap: ${r.sp3};
   width: 450px;
-`,jt=o.div`
+`,yt=o.div`
   display: flex;
   flex-direction: column;
   background-color: ${e=>e.theme.colors.grey4};
   row-gap: ${r.sp4};
-`,yt=o.div`
+`,vt=o.div`
   display: flex;
   flex-direction: column;
   row-gap: ${r.sp5};
@@ -108,16 +108,16 @@ import{d as Q,J as pe,cf as me,V as t,ga as U,aR as v,bQ as ue,p as a,bV as F,o
   padding-top: ${r.sp3};
   padding-left: ${r.sp8};
   padding-right: ${r.sp8};
-`,b=o(Me)`
+`,w=o(Me)`
   color: ${e=>e.cardDisabled?e.theme.colors.grey2:e.theme.colors.primary};
-`,J=o.div`
+`,Z=o.div`
   display: flex;
   flex-direction: column;
   row-gap: ${r.sp3};
-`,Z=o.div`
+`,B=o.div`
   display: flex;
   flex-direction: column;
-`,B=o.div`
+`,N=o.div`
   background-color: ${e=>e.theme.colors.grey5};
   padding: ${r.sp4};
   border: 1px solid ${e=>e.theme.colors.grey3};
@@ -141,21 +141,21 @@ import{d as Q,J as pe,cf as me,V as t,ga as U,aR as v,bQ as ue,p as a,bV as F,o
             }
           }
         `:null}
-`,N=o(h)`
+`,A=o(h)`
   color: ${e=>e.cardDisabled?e.theme.colors.grey2:e.theme.colors.hero};
-`,vt=o.div`
+`,$t=o.div`
   display: flex;
   align-items: center;
   column-gap: ${r.sp7};
-`,W=o.div``,A=o(Ee)`
+`,W=o.div``,J=o(We)`
   color: ${e=>e.disabled?e.theme.colors.grey2:e.theme.colors.hero};
   width: ${r.sp4};
   height: ${r.sp4};
-`,G=o.div`
+`,O=o.div`
   width: ${r.sp4};
   height: ${r.sp4};
   color: ${e=>e.theme.colors.primary};
-`,O=o.div`
+`,G=o.div`
   width: ${r.sp7};
   height: ${r.sp7};
   background-color: ${e=>e.isDarkMode?e.theme.colors.brandColorJadeDark:e.theme.colors.brandColorJadeLight};
@@ -170,13 +170,13 @@ import{d as Q,J as pe,cf as me,V as t,ga as U,aR as v,bQ as ue,p as a,bV as F,o
   align-items: center;
   column-gap: ${r.sp3};
   width: 352px;
-`,$t=o.div`
+`,bt=o.div`
   display: flex;
   height: 96px;
   justify-content: center;
   margin-bottom: ${r.sp7};
   margin-left: ${r.sp7};
-`,bt=o.div`
+`,wt=o.div`
   color: ${e=>e.theme.colors.hero};
   cursor: pointer;
   &:hover {
@@ -186,7 +186,7 @@ import{d as Q,J as pe,cf as me,V as t,ga as U,aR as v,bQ as ue,p as a,bV as F,o
   display: flex;
   align-items: flex-end;
   column-gap: ${r.sp2};
-`,wt=o(h)`
+`,Et=o(h)`
   color: ${e=>e.theme.colors.hero};
   margin-bottom: ${r.sp1};
 `,Mt=o.div`
@@ -204,67 +204,67 @@ import{d as Q,J as pe,cf as me,V as t,ga as U,aR as v,bQ as ue,p as a,bV as F,o
       color: ${e=>e.theme.colors.primary};
     }
   }
-`,X=o.div`
+`,Q=o.div`
   display: flex;
   height: 100vh;
   overflow: auto;
   background-color: ${e=>e.theme.colors.grey5};
   justify-content: center;
   align-items: center;
-`,Et=We`
+`,Wt=Se`
   0% {
     transform: rotate(0deg);
   }
   100% {
     transform: rotate(360deg);
   }
-`,Wt=o(ve,{shouldForwardProp:e=>typeof e=="string"&&e!=="$spinning"})`
+`,St=o($e,{shouldForwardProp:e=>typeof e=="string"&&e!=="$spinning"})`
   cursor: pointer;
   width: ${r.sp4};
   height: ${r.sp4};
   color: ${e=>e.theme.colors.hero};
   animation: ${e=>e.$spinning?re`
-          ${Et} 2s linear infinite;
+          ${Wt} 2s linear infinite;
         `:"none"};
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,St=o(te)`
+`,Dt=o(te)`
   color: ${e=>e.theme.colors.success};
-`,Dt=o(h)`
+`,Vt=o(h)`
   color: ${e=>e.theme.colors.success};
-`,Vt=o.div`
+`,_t=o.div`
   width: 82px;
   text-align: center;
-`,Ht=o.div`
+`,Pt=o.div`
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
-`,Pt=o.div`
+`,Ht=o.div`
   display: flex;
   flex-direction: column;
   row-gap: ${r.sp1};
-`,q=o.div`
+`,U=o.div`
   display: flex;
   align-items: center;
   column-gap: ${r.sp2};
-`,S=o(we)`
+`,S=o(Ee)`
   color: ${e=>e.theme.colors.primary};
   font-family: ${ee.Roboto};
-`,Rt=o(lt)`
+`,Ft=o(dt)`
   width: ${r.sp4};
   height: ${r.sp4};
   color: ${e=>e.theme.colors.hero};
-`,zt=o(dt)`
+`,zt=o(ct)`
   width: ${r.sp4};
   height: ${r.sp4};
   color: ${e=>e.theme.colors.hero};
-`,Ft=o.div`
+`,Rt=o.div`
   display: flex;
   align-items: flex-start;
   flex-direction: column;
   row-gap: ${r.sp2};
-`,_t=o(be)`
+`,Tt=o(we)`
   width: ${r.sp3};
   height: ${r.sp3};
   color: ${e=>e.theme.colors.hero};
@@ -272,10 +272,10 @@ import{d as Q,J as pe,cf as me,V as t,ga as U,aR as v,bQ as ue,p as a,bV as F,o
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,Tt=o(te)`
+`,Yt=o(te)`
   color: ${e=>e.theme.colors.hero};
   display: flex;
   align-items: center;
   column-gap: ${r.sp1};
   width: 136px;
-`;export{qt as default};
+`;export{Xt as default};