@zeniai/web-cockpit-ui 1.14.83-dev → 1.14.84-dev

package/dist/assets/EntityDetailPage-AP27Niqu-DwUEbyHL.js

@@ -0,0 +1,18 @@
+import{e as x,F as C,aS as T,V as o,aw as v,o as t,C as m}from"./index-XNBiWrYj.js";import{n as a}from"./mui-bYXq4XMS.js";import{R as k}from"./TrendWithTransactions-C_T0I9xe-DqS7m8LH.js";import"./core-3dlyNYRL.js";import"./sentry-o6h_D-9x.js";import"./zeni-epic-state-LPACxnXP.js";import"./lottie-DEE24l2z.js";import"./liveblocks-DIep7fJd.js";import"./utils-uDUqNRFY.js";import"./analytics-zoE7Zcxt.js";import"./recharts-BHhx6CLo.js";import"./lexical-DPEnH3HH.js";import"./TrendChart-KnFi8NXQ-DHzaDtQY.js";import"./chartTypes-vQ8GTDEq-DTt3gea6.js";import"./toCOABalancesWithID-DeZfEmbT-vM-pgltN.js";import"./toChartData-KibzV7pa-DRJVLoY0.js";import"./NoDataChart-BItQZAQ9-a5HKjWqu.js";import"./InsightsSection-DuPqQb5Z-C8m7clcN.js";import"./NavigationDots-CT_oO_7z-Bt9KzB5Z.js";import"./TransactionList-Dw78Q0Sx-BHAN7axA.js";import"./BoxItem-CdqDzfZN-BxmSstzM.js";import"./commonDimensions-znFHURNY-BydE4i8M.js";const $=a.div`
+  display: flex;
+  margin: ${t.sp0} ${t.sp0} ${t.sp0} ${t.sp0};
+  flex-direction: column;
+  width: 100%;
+  height: 100%;
+  background-color: ${i=>i.theme.colors.grey5};
+`,w=a.div`
+  padding-left: ${t.sp0};
+  position: fixed;
+  width: 100%;
+  z-index: 20;
+  position: -webkit-sticky;
+  position: sticky;
+  top: ${t.sp0};
+`,S=a.div`
+  flex: 1 1 auto;
+`;function J({firstMonthOfFY:i,selectedEntity:e,trendWithTransactionsReport:n,autoCompleteData:d,autoCompleteActions:l,analytics:s,onTransactionItemClick:c,onTrendSelectedPeriodChange:h}){const f=x(),{dateFormat:{analytics:u}}=C.getLocalizedStrings(),g=new T(f.colors.graphColor12),y=(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(u.MMMYYFormat)),p==="TransactionListLoadMore"&&s?.trackTransactionList(void 0,void 0,"Search",void 0,void 0,!0),h?.(r)};return o.jsxs($,{children:[o.jsx(w,{children:o.jsx(v,{viewType:"entity_search",searchAutoComplete:{autoCompleteData:d,autoCompleteActions:l},source:"EntityDetailPage"})}),e!=null&&n!=null&&o.jsx(S,{children:o.jsx(k,{firstMonthOfFY:i,trendWithTransactionsReport:n,isDetailPage:!1,graphColor:g,page:"EntityDetailPage",onTransactionItemClick:c,onTimePeriodChange:y})})]})}export{J as default};

package/dist/assets/EntitySummarySection-B6khdAJg-7W3j7WRI.js

@@ -0,0 +1,149 @@
+import{Q as z,F as L,V as i,ds as O,y as d,c_ as _,o as s,a9 as S,aL as b,b1 as A,cq as R,u as r,E as U,al as B,ak as k,b7 as F,ag as N,cv as G,p as D,cy as X}from"./index-XNBiWrYj.js";import{a as v}from"./core-3dlyNYRL.js";import{n}from"./mui-bYXq4XMS.js";import{l as q}from"./agingReportHelper-ovKP-qSS-BPG0U4uX.js";const p=L.getLocalizedStrings().reports.aging.agingDetail.header,m=[{key:"date",value:p.date,sortOrder:"ascending",width:new d(212,212)},{key:"invoiceNumber",value:p.invoiceNumber,sortOrder:"ascending",width:new d(188,188)},{key:"dueDate",value:p.dueDate,sortOrder:"ascending",width:new d(188,188)},{key:"daysPastDue",value:p.daysPastDue,sortOrder:"ascending",width:new d(188,188)},{key:"amount",value:p.amount,sortOrder:"ascending",width:new d(188,188)},{key:"balance",value:p.balance,sortOrder:"ascending",width:new d(120,120)}],Y={headerHeight:new d(45,58)},I=n.div`
+  top: ${s.sp0};
+  left: ${s.sp0};
+  min-height: ${e=>Y.headerHeight.valuePx(e.windowSize)};
+  max-height: ${e=>Y.headerHeight.valuePx(e.windowSize)};
+  width: fit-content;
+  min-width: 100%;
+  z-index: 2;
+  display: flex;
+  align-items: center;
+  box-sizing: border-box;
+  background-color: ${e=>e.theme.colors.grey4};
+  position: sticky;
+`,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)};
+  max-width: ${e=>e.windowSize!=="extra-large"?e.wrapperWidth.valuePx(e.windowSize):e.wrapperWidth.valuePercentage(e.windowSize)};
+  padding-left: ${s.sp0};
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  left: ${s.sp0};
+  justify-content: flex-start;
+  position: static;
+  z-index: 0;
+  box-sizing: border-box;
+`,Q=n(X)`
+  width: 12px;
+  height: 12px;
+`,Z=n.div`
+  display: flex;
+  align-items: center;
+  transform: ${e=>e.sortConfig.sortOrder==="descending"?"rotate(180deg)":"rotate(0deg)"};
+  ${e=>e.sortConfig.sortOrder==="ascending"?"padding-top: 2px":"padding-bottom: 2px"};
+`,ee=n.div`
+  display: ${e=>e.isVisible?"flex":"none"};
+  align-items: center;
+  padding-top: 2px;
+  cursor: pointer;
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,ie=n.div`
+  display: flex;
+  cursor: pointer;
+  gap: 6px;
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`;function ne({sortConfig:e,onColumnSortConfigChanged:l}){const c=z(),o=v.useCallback((t,a)=>{let h=a;e.sortKey===t&&(h=e.sortOrder==="ascending"?"descending":"ascending"),l(t,h)},[l,e]);return i.jsx(I,{windowSize:c,children:m.map(t=>i.jsxs(J,{sortDataValue:e.sortKey,actualDataValue:t.key,wrapperWidth:t.width,windowSize:c,children:[i.jsxs(ie,{onClick:()=>o(t.key,t.sortOrder),children:[i.jsx(N,{children:t.value}),i.jsx(Z,{sortConfig:e,children:i.jsx(G,{width:12,height:12})})]}),i.jsx(ee,{isVisible:e.sortKey===t.key&&e.sortKey!=="date",children:i.jsx(Q,{onClick:()=>l("date","ascending")})})]},t.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)},te=n.div`
+  display: flex;
+  flex-direction: column;
+  row-gap: ${s.sp2};
+`,oe=n.div`
+  display: flex;
+  background-color: ${e=>e.theme.colors.grey5};
+  box-sizing: border-box;
+  align-items: center;
+  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};
+  cursor: pointer;
+  &:hover {
+    border-color: ${e=>e.theme.colors.primary};
+    div {
+      color: ${e=>e.theme.colors.primary};
+    }
+    .entity-icon {
+      color: ${e=>e.theme.colors.grey5};
+    }
+  }
+`,w=n.div`
+  display: flex;
+  align-items: center;
+  width: ${e=>e.windowSize!=="extra-large"?e.itemWidth.valuePx(e.windowSize):e.itemWidth.valuePercentage(e.windowSize)};
+  :last-of-type {
+    padding-right: 0;
+  }
+`,re=n(N)`
+  color: ${e=>e.theme.colors.grey1};
+`,y=n(k)`
+  color: ${e=>e.theme.colors.hero};
+`,ae=n(k)`
+  color: ${e=>e.theme.colors.hero};
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  max-width: ${e=>f.nameWidth.valuePx(e.windowSize)};
+`,se=n.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:t,dateFormat:a}=L.getLocalizedStrings();return i.jsxs(te,{windowSize:o,children:[i.jsx(re,{children:e.date.format(a.visual.MMMDCommaYYYYformat)}),i.jsxs(oe,{onClick:()=>{c(e)},windowSize:o,children:[i.jsx(w,{windowSize:o,itemWidth:m[0].width,children:i.jsxs(se,{children:[l!=null?i.jsx(O,{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(w,{windowSize:o,itemWidth:m[1].width,children:i.jsx(y,{children:e.invoiceNumber??t.strings.hyphen})}),i.jsx(w,{windowSize:o,itemWidth:m[2].width,children:i.jsx(y,{children:e.dueDate!=null?e.dueDate.format(a.visual.MMMDCommaYYYYformat):t.strings.hyphen})}),i.jsx(w,{windowSize:o,itemWidth:m[3].width,children:i.jsx(y,{children:e.daysPastDue??t.strings.hyphen})}),i.jsx(w,{windowSize:o,itemWidth:m[4].width,children:i.jsx(y,{children:b("0,0",e.amount)})}),i.jsx(w,{windowSize:o,itemWidth:m[5].width,children:i.jsx(y,{children:b("0,0",e.balance)})})]})]})}const le={itemHeight:new d(103,103)},ce=n.div`
+  position: relative;
+  width: auto;
+  height: 100%;
+`,he=n.div`
+  top: ${s.sp0};
+  left: ${s.sp0};
+  padding-bottom: ${s.sp3};
+  box-sizing: border-box;
+`,ge=n.div``,V=v.forwardRef((e,l)=>{const{children:c,style:o,sortConfig:t,onColumnSortConfigChanged:a,onUpdateCurrentYTDSelection:h,selectedYTDSpendOption:$,fetchState:j,...x}=e;return i.jsxs(ge,{ref:l,style:{...o,width:"auto"},...x,children:[i.jsx(ne,{onColumnSortConfigChanged:a,sortConfig:t}),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:t})=>{const a=c[e];return e<c.length?i.jsx(he,{style:{...l,width:"fit-content",minWidth:"100%"},children:i.jsx(de,{onTransactionClick:t,invoice:a,entityLogo:o})}):null};function be({uiState:e,invoices:l,entityLogo:c,onColumnSortConfigChanged:o,onTransactionClick:t}){const a=v.useRef(null),h=z(),$=v.useCallback(()=>le.itemHeight.value(h),[h]);return i.jsx(A,{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:t})})})}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])},pe=n.div`
+  background: ${e=>e.theme.colors.grey5};
+  padding-left: ${e=>g.containerHorizontalPadding.valuePx(e.windowSize)};
+  padding-right: ${e=>g.containerHorizontalPadding.valuePx(e.windowSize)};
+  padding-bottom: ${s.sp4};
+  display: flex;
+  justify-content: space-between;
+  align-items: ${e=>e.isLargeScreen===!0?"center":"flex-start"};
+  flex-direction: ${e=>e.isLargeScreen===!0?"row":"column"};
+  border-bottom: 1px solid ${e=>e.theme.colors.grey3};
+  row-gap: ${s.sp3};
+`,we=n.div`
+  display: flex;
+  align-items: flex-start;
+  column-gap: ${s.sp3};
+  max-width: ${e=>g.entityContainerWidth.valuePx(e.windowSize)};
+`,xe=n.div`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  column-gap: ${e=>g.summaryColumnGap.valuePx(e.windowSize)};
+  width: ${e=>e.isLargeScreen===!0?"unset":"100%"};
+  overflow: auto;
+`,ue=n.div`
+  display: flex;
+  flex-direction: column;
+`,M=n(B)`
+  color: ${e=>e.theme.colors.hero};
+`,ye=n.div`
+  margin-top: ${e=>g.nameLogoMarginTop.valuePx(e.windowSize)};
+`,T=n.div`
+  display: flex;
+  flex-direction: column;
+`,H=n(F)`
+  text-align: right;
+  color: ${e=>e.theme.colors.primary};
+`,P=n(k)`
+  color: ${e=>e.theme.colors.hero};
+  text-wrap: nowrap;
+  width: fit-content;
+`,ve=n(U)`
+  color: ${e=>e.theme.colors.primary};
+`;function ze({totalBalances:e,entityName:l,reportId:c,reportDate:o,entityLogo:t}){const a=z(),h=a==="large"||a==="extra-large",{reports:{aging:{duration:$,apAgingDetail:j,arAgingDetail:x,apAging:u,arAging:E}},dateFormat:W}=L.getLocalizedStrings(),K=v.useMemo(()=>q(e),[e]);return i.jsxs(pe,{isLargeScreen:h,windowSize:a,children:[i.jsxs(we,{windowSize:a,children:[t!=null?i.jsx(O,{photoUrl:t.toString(),styles:{width:g.nameLogoWidth.valuePx(a),height:g.nameLogoHeight.valuePx(a),marginTop:g.nameLogoMarginTop.valuePx(a)}}):i.jsx(ye,{windowSize:a,children:i.jsx(_,{name:l,size:s.sp5})}),i.jsxs(ue,{children:[i.jsx(ve,{children:l}),i.jsx(S,{controller:c==="accounts_payable_aging",children:i.jsx(M,{children:`${j.dateLabel} ${o.format(W.visual.MMMDCommaYYYYformat)}`})}),i.jsx(S,{controller:c==="accounts_receivable_aging",children:i.jsx(M,{children:`${x.dateLabel} ${o.format(W.visual.MMMDCommaYYYYformat)}`})})]})]}),i.jsxs(xe,{isLargeScreen:h,windowSize:a,children:[e.map(C=>i.jsxs(T,{children:[i.jsx(P,{children:$[C.period]}),i.jsx(H,{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:E.totalReceivable})}),i.jsx(H,{children:b("0,0",K?.balance)})]})]})]})}export{be as L,ze as W};

package/dist/assets/ExpenseAutomationOverviewPage-CcTGou9x-D6xWlI6r.js

@@ -0,0 +1,281 @@
+import{e as q,Q as le,ca as de,F as k,V as t,aK as $,g0 as Q,bL as ce,p as a,bQ as z,o as r,bz as he,k0 as pe,b as d,hG as R,hF as T,n as me,bu as ue,ah as Ce,k1 as ge,ch as ke,E as xe,bI as fe,ag as h,au as U,ak as je,d as ve,b5 as $e,aZ as ye,b7 as ee}from"./index-XNBiWrYj.js";import{a as n}from"./core-3dlyNYRL.js";import{n as o,b as te,k as be}from"./mui-bYXq4XMS.js";import{bj as re,bO as Le}from"./zeni-epic-state-LPACxnXP.js";import{o as we}from"./transaction-placeholder-CpOwZAMG-0pwHfQC6.js";import{h as Ee,A as Me,X as We,Y as Se,T as De,a as Ve}from"./recharts-BHhx6CLo.js";import"./sentry-o6h_D-9x.js";import"./lottie-DEE24l2z.js";import"./liveblocks-DIep7fJd.js";import"./utils-uDUqNRFY.js";import"./analytics-zoE7Zcxt.js";import"./lexical-DPEnH3HH.js";const He=k.getLocalizedStrings().expenseAutomation,Pe=k.getLocalizedStrings().dateFormat.visual,{common:{strings:{percentage:Fe},texts:{score:ze}}}=k.getLocalizedStrings(),Re=({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(Ze,{children:[t.jsx(Ne,{children:ze}),t.jsxs(Ae,{children:[c,Fe]})]})};function Te({data:e,height:i}){const c=q(),L=e.map(x=>({month:Le(`${x.period.year}-${String(x.period.month).padStart(2,"0")}-01`).format(Pe.MMMYYFormat),count:Math.round(x.auditScore)}));return t.jsxs(_e,{children:[t.jsx(Ye,{children:He.overview.monthEndCloseTrend}),t.jsx(Ee,{height:i,width:"100%",children:t.jsxs(Me,{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(We,{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(Se,{hide:!0}),t.jsx(De,{content:Re,cursor:{stroke:c.colors.primary,strokeDasharray:"3 3",strokeWidth:1},allowEscapeViewBox:{x:!1,y:!0}}),t.jsx(Ve,{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 Ye=o(h)`
+  color: ${e=>e.theme.colors.champion};
+`,_e=o.div`
+  display: flex;
+  flex-direction: column;
+  row-gap: ${r.sp3};
+  align-items: center;
+  width: 100%;
+`,Ze=o.div`
+  background-color: ${a.primaryLight};
+  border-radius: ${r.sp1};
+  padding: ${r.sp2} ${r.sp3};
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: ${r.sp2};
+  min-width: 80px;
+`,Ne=o(h)`
+  color: ${e=>e.theme.colors.brandColorJade};
+`,Ae=o(h)`
+  color: ${e=>e.theme.colors.brandColorPearl};
+`,E=k.getLocalizedStrings().expenseAutomation,Be=k.getLocalizedStrings().dateFormat.visual;function Ge(){const e=Array.from({length:6},(i,c)=>re().subtract(5-c,"month").format(Be.MMMYYFormat));return t.jsxs(Ie,{children:[t.jsx(Oe,{children:E.overview.monthEndCloseTrend}),t.jsxs(Je,{children:[t.jsx(Ke,{children:t.jsxs(Xe,{children:[E.overview.monthEndCloseTrendNoData,t.jsx("br",{}),E.overview.monthEndCloseTrendNoDataDescription]})}),t.jsxs(qe,{children:[t.jsx(Qe,{}),t.jsx(Ue,{children:e.map(i=>t.jsx(et,{children:i},i))})]})]})]})}const Oe=o(h)`
+  color: ${e=>e.theme.colors.champion};
+`,Ie=o.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  width: 100%;
+`,Je=o.div`
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  position: relative;
+`,Ke=o.div`
+  width: 100%;
+  height: 160px;
+  background-image: url("https://storage.googleapis.com/zeni-apis.appspot.com/images/month-end-graph.png");
+  background-size: fill;
+  background-repeat: no-repeat;
+  background-position: center;
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+`,Xe=o(h)`
+  color: ${e=>e.theme.colors.hero};
+  text-align: center;
+`,qe=o.div`
+  width: 100%;
+`,Qe=o.div`
+  width: 100%;
+  height: 1px;
+  background-color: ${e=>e.theme.colors.grey3};
+  margin-bottom: ${r.sp2};
+`,Ue=o.div`
+  display: flex;
+  justify-content: space-between;
+  width: 100%;
+`,et=o(h)`
+  color: ${e=>e.theme.colors.hero};
+`;function tt({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(Ge,{}):t.jsx(Te,{data:i.slice(-6),height:160})}const rt=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"})),ot=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"})),nt=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"})),st=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:we,missing_receipts:ge,flux_analysis:rt,je_schedules:ot,month_end_insights:Ce,reconciliation:ue},it=e=>e.filter(i=>i.id!=="month_end_insights"),at=e=>e.filter(i=>i.id==="month_end_insights"),lt=({string:e,count:i})=>t.jsxs(Ft,{children:[i,t.jsx(h,{children:e})]}),{expenseAutomation:p,common:m,dateFormat:_}=k.getLocalizedStrings();function Jt({monthEndCloseChecksView:e,isRealtimeInsightsFeatureEnabled:i,onMonthEndCheckClick:c,onBackClick:L,handleReviewButtonClick:x,onPeriodChange:oe,onReload:D}){const u=q(),ne=le();de({componentName:"expense_automation.overview"});const se=n.useMemo(()=>{if(e.monthEndCloseChecks?.targetCloseDate==null)return m.strings.hyphen;const s=e.monthEndCloseChecks.targetCloseDate.startOf("day"),j=re().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(K,{"data-testid":$("expense-automation-overview-page-activity-indicator"),children:t.jsx(Q,{fetchState:"In-Progress"})});if(e.monthEndCloseChecks==null||e.fetchState==="Error")return t.jsx(K,{children:t.jsx(yt,{"data-testid":$("expense-automation-overview-page-reload-page"),onClick:D,children:t.jsx(ce,{})})});const{monthEndCloseChecks:{auditSummary:C,monthEndCloseCheckList:V,reportEmailSentDate:H},refreshStatus:ie}=e;let y,f;C.auditScorePercentage<=50?(y=a.important,f=a.importantLight):C.auditScorePercentage<=75?(y=a.alert,f=a.alertLight):(y=a.success,f=a.successLight);const ae=t.jsx(jt,{"data-testid":$("expense-automation-overview-page-refresh-icon"),onClick:D,children:t.jsx(z,{style:{marginTop:r.sp1},placement:"bottom",title:m.texts.refresh,enterDelay:600,children:t.jsx(Lt,{$spinning:ie.fetchState==="In-Progress"})})}),P=it(V),F=at(V);return t.jsxs(dt,{children:[t.jsx(he,{title:t.jsx(pe,{pickerLabelStyle:{...d.largeSemiBold.cssObject},onPeriodChange:oe,monthEndCloseChecksView:e}),showBackButton:!0,onBackClick:L,source:"ExpenseAutomationOverviewPage",rightSideComponent:ae}),t.jsxs(gt,{children:[t.jsx(ct,{children:t.jsx(ht,{windowSize:ne,children:t.jsxs(pt,{children:[t.jsxs(ut,{children:[t.jsx(ft,{children:t.jsx(R,{background:!0,value:Math.floor(C.auditScorePercentage),text:`${Math.floor(C.auditScorePercentage)}${m.strings.percentage}`,strokeWidth:10,styles:{...T({strokeLinecap:"butt",pathColor:y,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(Wt,{children:t.jsxs(Ct,{children:[t.jsxs(St,{children:[t.jsxs(vt,{children:[t.jsx(mt,{children:p.overview.confidenceScoreTitle}),t.jsx(z,{display:"block",placement:"top",position:"relative",title:p.overview.confidenceScoreTooltip,style:{top:"-2px"},enterDelay:600,children:t.jsx(Pt,{})}),C.auditReportLastGeneratedDate!=null?t.jsx($t,{children:C.auditReportLastGeneratedDate.utc(!0).fromNow()}):null]}),t.jsx(M,{children:p.overview.auditScoreDescription})]}),t.jsxs(Ht,{children:[t.jsxs(X,{children:[t.jsx(Dt,{}),t.jsx(M,{children:p.overview.targetClose}),e.monthEndCloseChecks.targetCloseDate!=null?t.jsx(S,{children:e.monthEndCloseChecks.targetCloseDate.format(_.visual.MMMDCommaYYYYformat)}):t.jsx(S,{children:m.strings.hyphen})]}),t.jsxs(X,{children:[t.jsx(Vt,{}),t.jsx(M,{children:p.overview.daysToClose}),t.jsx(S,{children:se})]})]}),t.jsx(me,{style:{alignSelf:"flex-start"},variant:"primary",label:m.texts.review,onClick:x})]})})]}),t.jsx(tt,{monthClosePerformanceTrend:e.monthClosePerformanceTrend,monthClosePerformanceTrendFetchStatus:e.monthClosePerformanceTrendFetchStatus})]})})}),t.jsxs(kt,{children:[t.jsxs(Z,{children:[t.jsx(b,{cardDisabled:!1,children:p.overview.checklist}),t.jsx(N,{children:P.map((s,j)=>{const l=s.isDisabled;let g,v;return s.progress<=50?(g=a.important,v=a.importantLight):s.progress<=75?(g=a.alert,v=a.alertLight):(g=a.success,v=a.successLight),t.jsxs(A,{index:j,totalCards:P.length,"data-testid":$("expense-automation-overview-page-month-end-close-check-card",s.id),cardDisabled:l,onClick:()=>{l===!1&&c(s.id)},children:[t.jsxs(J,{children:[t.jsx(I,{cardDisabled:l,isDarkMode:u.mode==="dark",children:t.jsx(O,{as:Y[s.id]??null})}),t.jsxs(W,{children:[t.jsx(b,{cardDisabled:l,children:s.title}),t.jsx(B,{className:"card-description",cardDisabled:l,children:s.description})]})]}),s.metrics.map(w=>t.jsx(lt,{string:w.label,count:w.value},w.columnIndex)),t.jsx(R,{background:!0,value:Math.floor(s.progress),text:`${Math.floor(s.progress)}${m.strings.percentage}`,strokeWidth:10,styles:{...T({strokeLinecap:"butt",pathColor:g,textColor:u.colors.primary,trailColor:u.colors.grey2,backgroundColor:v}),root:{width:r.sp7,height:r.sp7,backgroundColor:v,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(G,{className:"card-right-chevron",disabled:l})]},s.id)})})]}),t.jsxs(Z,{children:[t.jsx(b,{cardDisabled:!1,children:p.overview.checklistReport}),t.jsx(N,{children:F.map((s,j)=>{const l=!i,g=l===!0||s.id==="month_end_insights"&&e.monthEndCloseChecks?.reportEmailSentDate!=null;return t.jsxs(A,{index:j,totalCards:F.length,"data-testid":$("expense-automation-overview-page-month-end-close-check-card",s.id),cardDisabled:l,onClick:()=>{g===!1&&c(s.id)},children:[t.jsxs(J,{children:[t.jsx(I,{cardDisabled:l,isDarkMode:u.mode==="dark",children:t.jsx(O,{as:Y[s.id]??null})}),t.jsxs(W,{children:[t.jsx(b,{cardDisabled:l,children:s.title}),t.jsx(B,{className:"card-description",cardDisabled:l,children:s.description})]})]}),t.jsxs(xt,{children:[s.id==="month_end_insights"&&H!=null?t.jsxs(Mt,{children:[t.jsx(wt,{children:m.texts.closed}),t.jsx(Et,{children:H.format(_.visual.MMMDCommaYYYYformat)})]}):null,t.jsx(W,{children:t.jsx(G,{className:"card-right-chevron",disabled:l})})]})]},s.id)})})]})]})]})]})}const dt=o.div`
+  display: flex;
+  flex-direction: column;
+  background-color: ${e=>e.theme.colors.grey5};
+  row-gap: ${r.sp3};
+`,ct=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};
+`,ht=o.div`
+  background-repeat: no-repeat;
+  background-image: url(https://storage.googleapis.com/zeni-apis.appspot.com/images/expense-automation-background.png);
+`,pt=o.div`
+  display: flex;
+  align-items: center;
+  padding-left: ${r.sp8};
+  padding-right: ${r.sp8};
+  justify-content: space-between;
+  column-gap: ${r.sp4};
+  height: 100%;
+`,mt=o(xe)`
+  color: ${e=>e.theme.colors.primary};
+`,M=o(je)`
+  color: ${e=>e.theme.colors.hero};
+  font-family: ${U.Roboto};
+`,ut=o.div`
+  display: flex;
+  column-gap: ${r.sp4};
+  align-items: center;
+`,Ct=o.div`
+  display: flex;
+  flex-direction: column;
+  row-gap: ${r.sp3};
+  width: 450px;
+`,gt=o.div`
+  display: flex;
+  flex-direction: column;
+  background-color: ${e=>e.theme.colors.grey4};
+  row-gap: ${r.sp4};
+`,kt=o.div`
+  display: flex;
+  flex-direction: column;
+  row-gap: ${r.sp5};
+  padding-bottom: ${r.sp4};
+  padding-top: ${r.sp3};
+  padding-left: ${r.sp8};
+  padding-right: ${r.sp8};
+`,b=o($e)`
+  color: ${e=>e.cardDisabled?e.theme.colors.grey2:e.theme.colors.primary};
+`,Z=o.div`
+  display: flex;
+  flex-direction: column;
+  row-gap: ${r.sp3};
+`,N=o.div`
+  display: flex;
+  flex-direction: column;
+`,A=o.div`
+  background-color: ${e=>e.theme.colors.grey5};
+  padding: ${r.sp4};
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  border-top-right-radius: ${e=>e.index===0?r.sp2:0};
+  border-top-left-radius: ${e=>e.index===0?r.sp2:0};
+  border-bottom-right-radius: ${e=>e.index===e.totalCards-1?r.sp2:0};
+  border-bottom-left-radius: ${e=>e.index===e.totalCards-1?r.sp2:0};
+  cursor: ${e=>e.cardDisabled?"not-allowed":"pointer"};
+  display: flex;
+  align-items: center;
+  column-gap: ${r.sp8};
+  justify-content: space-between;
+  box-shadow: ${e=>e.theme.colors.elevation1};
+  ${e=>e.cardDisabled===!1?te`
+          &:hover {
+            border: 1px solid ${e.theme.colors.primary};
+            .card-right-chevron,
+            .card-description,
+            .progress-complete-text {
+              color: ${e.theme.colors.primary};
+            }
+          }
+        `:null}
+`,B=o(h)`
+  color: ${e=>e.cardDisabled?e.theme.colors.grey2:e.theme.colors.hero};
+`,xt=o.div`
+  display: flex;
+  align-items: center;
+  column-gap: ${r.sp7};
+`,W=o.div``,G=o(ye)`
+  color: ${e=>e.disabled?e.theme.colors.grey2:e.theme.colors.hero};
+  width: ${r.sp4};
+  height: ${r.sp4};
+`,O=o.div`
+  width: ${r.sp4};
+  height: ${r.sp4};
+  color: ${e=>e.theme.colors.primary};
+`,I=o.div`
+  width: ${r.sp7};
+  height: ${r.sp7};
+  background-color: ${e=>e.isDarkMode?e.theme.colors.brandColorJadeDark:e.theme.colors.brandColorJadeLight};
+  border-radius: 50%;
+  opacity: ${e=>e.cardDisabled?.2:1};
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+`,J=o.div`
+  display: flex;
+  align-items: center;
+  column-gap: ${r.sp3};
+  width: 352px;
+`,ft=o.div`
+  display: flex;
+  height: 96px;
+  justify-content: center;
+  margin-bottom: ${r.sp7};
+  margin-left: ${r.sp7};
+`,jt=o.div`
+  color: ${e=>e.theme.colors.hero};
+  cursor: pointer;
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,vt=o.div`
+  display: flex;
+  align-items: flex-end;
+  column-gap: ${r.sp2};
+`,$t=o(h)`
+  color: ${e=>e.theme.colors.hero};
+  margin-bottom: ${r.sp1};
+`,yt=o.div`
+  height: 96px;
+  width: 96px;
+  background: ${e=>e.theme.colors.background};
+  border-radius: 50%;
+  cursor: pointer;
+  & svg {
+    margin: ${r.sp5};
+    color: ${e=>e.theme.colors.grey1};
+  }
+  &:hover {
+    & svg {
+      color: ${e=>e.theme.colors.primary};
+    }
+  }
+`,K=o.div`
+  display: flex;
+  height: 100vh;
+  overflow: auto;
+  background-color: ${e=>e.theme.colors.grey5};
+  justify-content: center;
+  align-items: center;
+`,bt=be`
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+`,Lt=o(ke,{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?te`
+          ${bt} 2s linear infinite;
+        `:"none"};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,wt=o(ee)`
+  color: ${e=>e.theme.colors.success};
+`,Et=o(h)`
+  color: ${e=>e.theme.colors.success};
+`,Mt=o.div`
+  width: 82px;
+  text-align: center;
+`,Wt=o.div`
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+`,St=o.div`
+  display: flex;
+  flex-direction: column;
+  row-gap: ${r.sp1};
+`,X=o.div`
+  display: flex;
+  align-items: center;
+  column-gap: ${r.sp2};
+`,S=o(ve)`
+  color: ${e=>e.theme.colors.primary};
+  font-family: ${U.Roboto};
+`,Dt=o(nt)`
+  width: ${r.sp4};
+  height: ${r.sp4};
+  color: ${e=>e.theme.colors.hero};
+`,Vt=o(st)`
+  width: ${r.sp4};
+  height: ${r.sp4};
+  color: ${e=>e.theme.colors.hero};
+`,Ht=o.div`
+  display: flex;
+  align-items: flex-start;
+  flex-direction: column;
+  row-gap: ${r.sp2};
+`,Pt=o(fe)`
+  width: ${r.sp3};
+  height: ${r.sp3};
+  color: ${e=>e.theme.colors.hero};
+  cursor: pointer;
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Ft=o(ee)`
+  color: ${e=>e.theme.colors.hero};
+  display: flex;
+  align-items: center;
+  column-gap: ${r.sp1};
+  width: 136px;
+`;export{Jt as default};