@zeniai/web-components 3.17.8 → 3.17.9

package/dist/ExpenseAutomationOverviewPage-BlyZB1SV.cjs

@@ -0,0 +1,281 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./vendor-.pnpm-D0ILHvHB.cjs"),G=require("react"),$=require("@emotion/react"),r=require("@emotion/styled"),b=require("@zeniai/client-epic-state"),t=require("./index-BQB0Z3KX.cjs"),J=require("./BusyIndication-D_5hfICF.cjs"),h=require("recharts"),U=require("./transaction-placeholder-DtRQmfvQ.cjs");function ee(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const c=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(n,a,c.get?c:{enumerable:!0,get:()=>e[a]})}}return n.default=e,Object.freeze(n)}const s=ee(G),te=t.appLocale.getLocalizedStrings().expenseAutomation,oe=t.appLocale.getLocalizedStrings().dateFormat.visual,{common:{strings:{percentage:re},texts:{score:se}}}=t.appLocale.getLocalizedStrings(),ne=({active:e,payload:n})=>{if(e===!1||e===void 0||!n||n.length===0)return null;const a=n[0]?.value;return a==null?null:o.jsxRuntimeExports.jsxs(ce,{children:[o.jsxRuntimeExports.jsx(de,{children:se}),o.jsxRuntimeExports.jsxs(pe,{children:[a,re]})]})};function ie({data:e,height:n}){const a=o.useTheme(),c=e.map(g=>({month:b.zeniDate(`${g.period.year}-${String(g.period.month).padStart(2,"0")}-01`).format(oe.MMMYYFormat),count:Math.round(g.auditScore)}));return o.jsxRuntimeExports.jsxs(le,{children:[o.jsxRuntimeExports.jsx(ae,{children:te.overview.monthEndCloseTrend}),o.jsxRuntimeExports.jsx(h.ResponsiveContainer,{height:n,width:"100%",children:o.jsxRuntimeExports.jsxs(h.AreaChart,{data:c,children:[o.jsxRuntimeExports.jsx("defs",{children:o.jsxRuntimeExports.jsxs("linearGradient",{id:"scoreGradient",x1:"0",y1:"0",x2:"0",y2:"1",children:[o.jsxRuntimeExports.jsx("stop",{offset:"0%",stopColor:t.Colors.brandColorJade,stopOpacity:.8}),o.jsxRuntimeExports.jsx("stop",{offset:"100%",stopColor:t.Colors.brandColorJade,stopOpacity:.1})]})}),o.jsxRuntimeExports.jsx(h.XAxis,{dataKey:"month",axisLine:{stroke:a.colors.grey3},tickLine:!1,interval:"preserveStartEnd",label:{color:a.colors.hero,fontSize:t.textStyles.smallRegular.fontSize,fontWeight:t.textStyles.smallRegular.fontWeight,fontFamily:t.textStyles.smallRegular.fontFamily}}),o.jsxRuntimeExports.jsx(h.YAxis,{hide:!0}),o.jsxRuntimeExports.jsx(h.Tooltip,{content:ne,cursor:{stroke:a.colors.primary,strokeDasharray:"3 3",strokeWidth:1},allowEscapeViewBox:{x:!1,y:!0}}),o.jsxRuntimeExports.jsx(h.Area,{type:"monotone",dataKey:"count",stroke:t.Colors.brandColorJade,strokeWidth:2,fill:"url(#scoreGradient)",dot:!1,activeDot:{r:5,fill:t.Colors.neutralGrey4Light,stroke:t.Colors.brandColorJade,strokeWidth:2}})]})})]})}const ae=r(t.SmallRegular)`
+  color: ${e=>e.theme.colors.champion};
+`,le=r.div`
+  display: flex;
+  flex-direction: column;
+  row-gap: ${t.Space.sp3};
+  align-items: center;
+  width: 100%;
+`,ce=r.div`
+  background-color: ${t.Colors.primaryLight};
+  border-radius: ${t.Space.sp1};
+  padding: ${t.Space.sp2} ${t.Space.sp3};
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: ${t.Space.sp2};
+  min-width: 80px;
+`,de=r(t.SmallRegular)`
+  color: ${e=>e.theme.colors.brandColorJade};
+`,pe=r(t.SmallRegular)`
+  color: ${e=>e.theme.colors.brandColorPearl};
+`,y=t.appLocale.getLocalizedStrings().expenseAutomation,ue=t.appLocale.getLocalizedStrings().dateFormat.visual;function xe(){const e=Array.from({length:6},(n,a)=>b.dateNow().subtract(5-a,"month").format(ue.MMMYYFormat));return o.jsxRuntimeExports.jsxs(he,{children:[o.jsxRuntimeExports.jsx(me,{children:y.overview.monthEndCloseTrend}),o.jsxRuntimeExports.jsxs(ge,{children:[o.jsxRuntimeExports.jsx(Ce,{children:o.jsxRuntimeExports.jsxs(je,{children:[y.overview.monthEndCloseTrendNoData,o.jsxRuntimeExports.jsx("br",{}),y.overview.monthEndCloseTrendNoDataDescription]})}),o.jsxRuntimeExports.jsxs(ke,{children:[o.jsxRuntimeExports.jsx(fe,{}),o.jsxRuntimeExports.jsx(Se,{children:e.map(n=>o.jsxRuntimeExports.jsx(Ee,{children:n},n))})]})]})]})}const me=r(t.SmallRegular)`
+  color: ${e=>e.theme.colors.champion};
+`,he=r.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  width: 100%;
+`,ge=r.div`
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  position: relative;
+`,Ce=r.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;
+`,je=r(t.SmallRegular)`
+  color: ${e=>e.theme.colors.hero};
+  text-align: center;
+`,ke=r.div`
+  width: 100%;
+`,fe=r.div`
+  width: 100%;
+  height: 1px;
+  background-color: ${e=>e.theme.colors.grey3};
+  margin-bottom: ${t.Space.sp2};
+`,Se=r.div`
+  display: flex;
+  justify-content: space-between;
+  width: 100%;
+`,Ee=r(t.SmallRegular)`
+  color: ${e=>e.theme.colors.hero};
+`;function ye({monthClosePerformanceTrendFetchStatus:e,monthClosePerformanceTrend:n}){return e.fetchState==="In-Progress"||e.fetchState==="Not-Started"?o.jsxRuntimeExports.jsx(J.BusyIndication,{styles:{margin:t.Space.sp0},size:"Small",fetchState:"In-Progress"}):n.length===0?o.jsxRuntimeExports.jsx(xe,{}):o.jsxRuntimeExports.jsx(ie,{data:n.slice(-6),height:160})}const ve=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"})),Re=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"})),Le=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"})),$e=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"})),I={transaction_categorization:U.SvgTransactionPlaceholder,missing_receipts:t.SvgBilling,flux_analysis:ve,je_schedules:Re,month_end_insights:t.SvgEmail,reconciliation:t.SvgBankBuilding},be=e=>e.filter(n=>n.id!=="month_end_insights"),Me=e=>e.filter(n=>n.id==="month_end_insights"),we=({string:e,count:n})=>o.jsxRuntimeExports.jsxs(st,{children:[n,o.jsxRuntimeExports.jsx(t.SmallRegular,{children:e})]}),{expenseAutomation:d,common:p,dateFormat:P}=t.appLocale.getLocalizedStrings();function De({monthEndCloseChecksView:e,isRealtimeInsightsFeatureEnabled:n,onMonthEndCheckClick:a,onBackClick:c,handleReviewButtonClick:g,onPeriodChange:M,onReload:w}){const u=o.useTheme(),V=t.useWindowSizeContext();t.useSentryPerformanceTracking({componentName:"expense_automation.overview"});const X=G.useMemo(()=>{if(e.monthEndCloseChecks?.targetCloseDate==null)return p.strings.hyphen;const i=e.monthEndCloseChecks.targetCloseDate.startOf("day"),j=b.dateNow().startOf("day"),l=i.diff(j,"days");return Math.max(l,0)},[e.monthEndCloseChecks?.targetCloseDate]);if(e.monthEndCloseChecks==null||["Not-Started","In-Progress"].includes(e.fetchState))return o.jsxRuntimeExports.jsx(Z,{"data-testid":t.generateDataTestId("expense-automation-overview-page-activity-indicator"),children:o.jsxRuntimeExports.jsx(J.BusyIndication,{fetchState:"In-Progress"})});if(e.monthEndCloseChecks==null||e.fetchState==="Error")return o.jsxRuntimeExports.jsx(Z,{children:o.jsxRuntimeExports.jsx(qe,{"data-testid":t.generateDataTestId("expense-automation-overview-page-reload-page"),onClick:w,children:o.jsxRuntimeExports.jsx(t.SvgReload,{})})});const{monthEndCloseChecks:{auditSummary:x,monthEndCloseCheckList:D,reportEmailSentDate:W},refreshStatus:K}=e;let f,C;x.auditScorePercentage<=50?(f=t.Colors.important,C=t.Colors.importantLight):x.auditScorePercentage<=75?(f=t.Colors.alert,C=t.Colors.alertLight):(f=t.Colors.success,C=t.Colors.successLight);const Q=o.jsxRuntimeExports.jsx(Fe,{"data-testid":t.generateDataTestId("expense-automation-overview-page-refresh-icon"),onClick:w,children:o.jsxRuntimeExports.jsx(t.Tooltip,{style:{marginTop:t.Space.sp1},placement:"bottom",title:p.texts.refresh,enterDelay:600,children:o.jsxRuntimeExports.jsx(Je,{$spinning:K.fetchState==="In-Progress"})})}),T=be(D),A=Me(D);return o.jsxRuntimeExports.jsxs(We,{children:[o.jsxRuntimeExports.jsx(t.NavBar,{title:o.jsxRuntimeExports.jsx(t.MonthEndCalendar,{pickerLabelStyle:{...t.textStyles.largeSemiBold.cssObject},onPeriodChange:M,monthEndCloseChecksView:e}),showBackButton:!0,onBackClick:c,source:"ExpenseAutomationOverviewPage",rightSideComponent:Q}),o.jsxRuntimeExports.jsxs(Be,{children:[o.jsxRuntimeExports.jsx(Te,{children:o.jsxRuntimeExports.jsx(Ae,{windowSize:V,children:o.jsxRuntimeExports.jsxs(Ie,{children:[o.jsxRuntimeExports.jsxs(_e,{children:[o.jsxRuntimeExports.jsx(Oe,{children:o.jsxRuntimeExports.jsx(o.CircularProgressbar,{background:!0,value:Math.floor(x.auditScorePercentage),text:`${Math.floor(x.auditScorePercentage)}${p.strings.percentage}`,strokeWidth:10,styles:{...o.buildStyles({strokeLinecap:"butt",pathColor:f,textColor:u.colors.primary,trailColor:u.colors.grey2,backgroundColor:C}),root:{width:"96px",height:"96px",backgroundColor:C,borderRadius:"50%"},text:{fontSize:t.textStyles.h6Medium.fontSize,fontFamily:t.textStyles.h6Medium.fontFamily,lineHeight:t.textStyles.h6Medium.lineHeight,fontWeight:t.textStyles.h6Medium.fontWeight,letterSpacing:t.textStyles.h6Medium.letterSpacing,fill:t.Colors.primaryLight}}})}),o.jsxRuntimeExports.jsx(Qe,{children:o.jsxRuntimeExports.jsxs(He,{children:[o.jsxRuntimeExports.jsxs(Ue,{children:[o.jsxRuntimeExports.jsxs(Ye,{children:[o.jsxRuntimeExports.jsx(Pe,{children:d.overview.confidenceScoreTitle}),o.jsxRuntimeExports.jsx(t.Tooltip,{display:"block",placement:"top",position:"relative",title:d.overview.confidenceScoreTooltip,style:{top:"-2px"},enterDelay:600,children:o.jsxRuntimeExports.jsx(rt,{})}),x.auditReportLastGeneratedDate!=null?o.jsxRuntimeExports.jsx(Ze,{children:x.auditReportLastGeneratedDate.utc(!0).fromNow()}):null]}),o.jsxRuntimeExports.jsx(v,{children:d.overview.auditScoreDescription})]}),o.jsxRuntimeExports.jsxs(ot,{children:[o.jsxRuntimeExports.jsxs(q,{children:[o.jsxRuntimeExports.jsx(et,{}),o.jsxRuntimeExports.jsx(v,{children:d.overview.targetClose}),e.monthEndCloseChecks.targetCloseDate!=null?o.jsxRuntimeExports.jsx(L,{children:e.monthEndCloseChecks.targetCloseDate.format(P.visual.MMMDCommaYYYYformat)}):o.jsxRuntimeExports.jsx(L,{children:p.strings.hyphen})]}),o.jsxRuntimeExports.jsxs(q,{children:[o.jsxRuntimeExports.jsx(tt,{}),o.jsxRuntimeExports.jsx(v,{children:d.overview.daysToClose}),o.jsxRuntimeExports.jsx(L,{children:X})]})]}),o.jsxRuntimeExports.jsx(t.Button,{style:{alignSelf:"flex-start"},variant:"primary",label:p.texts.review,onClick:g})]})})]}),o.jsxRuntimeExports.jsx(ye,{monthClosePerformanceTrend:e.monthClosePerformanceTrend,monthClosePerformanceTrendFetchStatus:e.monthClosePerformanceTrendFetchStatus})]})})}),o.jsxRuntimeExports.jsxs(ze,{children:[o.jsxRuntimeExports.jsxs(_,{children:[o.jsxRuntimeExports.jsx(S,{cardDisabled:!1,children:d.overview.checklist}),o.jsxRuntimeExports.jsx(H,{children:T.map((i,j)=>{const l=i.isDisabled;let m,k;return i.progress<=50?(m=t.Colors.important,k=t.Colors.importantLight):i.progress<=75?(m=t.Colors.alert,k=t.Colors.alertLight):(m=t.Colors.success,k=t.Colors.successLight),o.jsxRuntimeExports.jsxs(B,{index:j,totalCards:T.length,"data-testid":t.generateDataTestId("expense-automation-overview-page-month-end-close-check-card",i.id),cardDisabled:l,onClick:()=>{l===!1&&a(i.id)},children:[o.jsxRuntimeExports.jsxs(Y,{children:[o.jsxRuntimeExports.jsx(F,{cardDisabled:l,isDarkMode:u.mode==="dark",children:o.jsxRuntimeExports.jsx(O,{as:I[i.id]??null})}),o.jsxRuntimeExports.jsxs(R,{children:[o.jsxRuntimeExports.jsx(S,{cardDisabled:l,children:i.title}),o.jsxRuntimeExports.jsx(z,{className:"card-description",cardDisabled:l,children:i.description})]})]}),i.metrics.map(E=>o.jsxRuntimeExports.jsx(we,{string:E.label,count:E.value},E.columnIndex)),o.jsxRuntimeExports.jsx(o.CircularProgressbar,{background:!0,value:Math.floor(i.progress),text:`${Math.floor(i.progress)}${p.strings.percentage}`,strokeWidth:10,styles:{...o.buildStyles({strokeLinecap:"butt",pathColor:m,textColor:u.colors.primary,trailColor:u.colors.grey2,backgroundColor:k}),root:{width:t.Space.sp7,height:t.Space.sp7,backgroundColor:k,borderRadius:"50%"},text:{fontSize:t.textStyles.h6Medium.fontSize,fontFamily:t.textStyles.h6Medium.fontFamily,lineHeight:t.textStyles.h6Medium.lineHeight,fontWeight:t.textStyles.h6Medium.fontWeight,letterSpacing:t.textStyles.h6Medium.letterSpacing,fill:t.Colors.primaryLight}}}),o.jsxRuntimeExports.jsx(N,{className:"card-right-chevron",disabled:l})]},i.id)})})]}),o.jsxRuntimeExports.jsxs(_,{children:[o.jsxRuntimeExports.jsx(S,{cardDisabled:!1,children:d.overview.checklistReport}),o.jsxRuntimeExports.jsx(H,{children:A.map((i,j)=>{const l=!n,m=l===!0||i.id==="month_end_insights"&&e.monthEndCloseChecks?.reportEmailSentDate!=null;return o.jsxRuntimeExports.jsxs(B,{index:j,totalCards:A.length,"data-testid":t.generateDataTestId("expense-automation-overview-page-month-end-close-check-card",i.id),cardDisabled:l,onClick:()=>{m===!1&&a(i.id)},children:[o.jsxRuntimeExports.jsxs(Y,{children:[o.jsxRuntimeExports.jsx(F,{cardDisabled:l,isDarkMode:u.mode==="dark",children:o.jsxRuntimeExports.jsx(O,{as:I[i.id]??null})}),o.jsxRuntimeExports.jsxs(R,{children:[o.jsxRuntimeExports.jsx(S,{cardDisabled:l,children:i.title}),o.jsxRuntimeExports.jsx(z,{className:"card-description",cardDisabled:l,children:i.description})]})]}),o.jsxRuntimeExports.jsxs(Ne,{children:[i.id==="month_end_insights"&&W!=null?o.jsxRuntimeExports.jsxs(Ke,{children:[o.jsxRuntimeExports.jsx(Ve,{children:p.texts.closed}),o.jsxRuntimeExports.jsx(Xe,{children:W.format(P.visual.MMMDCommaYYYYformat)})]}):null,o.jsxRuntimeExports.jsx(R,{children:o.jsxRuntimeExports.jsx(N,{className:"card-right-chevron",disabled:l})})]})]},i.id)})})]})]})]})]})}const We=r.div`
+  display: flex;
+  flex-direction: column;
+  background-color: ${e=>e.theme.colors.grey5};
+  row-gap: ${t.Space.sp3};
+`,Te=r.div`
+  display: flex;
+  flex-direction: column;
+  row-gap: ${t.Space.sp6};
+  background-color: ${e=>e.theme.colors.grey5};
+  box-shadow: ${e=>e.theme.colors.elevation1};
+  padding-bottom: ${t.Space.sp5};
+`,Ae=r.div`
+  background-repeat: no-repeat;
+  background-image: url(https://storage.googleapis.com/zeni-apis.appspot.com/images/expense-automation-background.png);
+`,Ie=r.div`
+  display: flex;
+  align-items: center;
+  padding-left: ${t.Space.sp8};
+  padding-right: ${t.Space.sp8};
+  justify-content: space-between;
+  column-gap: ${t.Space.sp4};
+  height: 100%;
+`,Pe=r(t.H5Regular)`
+  color: ${e=>e.theme.colors.primary};
+`,v=r(t.StandardRegular)`
+  color: ${e=>e.theme.colors.hero};
+  font-family: ${t.fonts.Roboto};
+`,_e=r.div`
+  display: flex;
+  column-gap: ${t.Space.sp4};
+  align-items: center;
+`,He=r.div`
+  display: flex;
+  flex-direction: column;
+  row-gap: ${t.Space.sp3};
+  width: 450px;
+`,Be=r.div`
+  display: flex;
+  flex-direction: column;
+  background-color: ${e=>e.theme.colors.grey4};
+  row-gap: ${t.Space.sp4};
+`,ze=r.div`
+  display: flex;
+  flex-direction: column;
+  row-gap: ${t.Space.sp5};
+  padding-bottom: ${t.Space.sp4};
+  padding-top: ${t.Space.sp3};
+  padding-left: ${t.Space.sp8};
+  padding-right: ${t.Space.sp8};
+`,S=r(t.LargeSemiBold)`
+  color: ${e=>e.cardDisabled?e.theme.colors.grey2:e.theme.colors.primary};
+`,_=r.div`
+  display: flex;
+  flex-direction: column;
+  row-gap: ${t.Space.sp3};
+`,H=r.div`
+  display: flex;
+  flex-direction: column;
+`,B=r.div`
+  background-color: ${e=>e.theme.colors.grey5};
+  padding: ${t.Space.sp4};
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  border-top-right-radius: ${e=>e.index===0?t.Space.sp2:0};
+  border-top-left-radius: ${e=>e.index===0?t.Space.sp2:0};
+  border-bottom-right-radius: ${e=>e.index===e.totalCards-1?t.Space.sp2:0};
+  border-bottom-left-radius: ${e=>e.index===e.totalCards-1?t.Space.sp2:0};
+  cursor: ${e=>e.cardDisabled?"not-allowed":"pointer"};
+  display: flex;
+  align-items: center;
+  column-gap: ${t.Space.sp8};
+  justify-content: space-between;
+  box-shadow: ${e=>e.theme.colors.elevation1};
+  ${e=>e.cardDisabled===!1?$.css`
+          &:hover {
+            border: 1px solid ${e.theme.colors.primary};
+            .card-right-chevron,
+            .card-description,
+            .progress-complete-text {
+              color: ${e.theme.colors.primary};
+            }
+          }
+        `:null}
+`,z=r(t.SmallRegular)`
+  color: ${e=>e.cardDisabled?e.theme.colors.grey2:e.theme.colors.hero};
+`,Ne=r.div`
+  display: flex;
+  align-items: center;
+  column-gap: ${t.Space.sp7};
+`,R=r.div``,N=r(t.SvgArrowRight)`
+  color: ${e=>e.disabled?e.theme.colors.grey2:e.theme.colors.hero};
+  width: ${t.Space.sp4};
+  height: ${t.Space.sp4};
+`,O=r.div`
+  width: ${t.Space.sp4};
+  height: ${t.Space.sp4};
+  color: ${e=>e.theme.colors.primary};
+`,F=r.div`
+  width: ${t.Space.sp7};
+  height: ${t.Space.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;
+`,Y=r.div`
+  display: flex;
+  align-items: center;
+  column-gap: ${t.Space.sp3};
+  width: 352px;
+`,Oe=r.div`
+  display: flex;
+  height: 96px;
+  justify-content: center;
+  margin-bottom: ${t.Space.sp7};
+  margin-left: ${t.Space.sp7};
+`,Fe=r.div`
+  color: ${e=>e.theme.colors.hero};
+  cursor: pointer;
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Ye=r.div`
+  display: flex;
+  align-items: flex-end;
+  column-gap: ${t.Space.sp2};
+`,Ze=r(t.SmallRegular)`
+  color: ${e=>e.theme.colors.hero};
+  margin-bottom: ${t.Space.sp1};
+`,qe=r.div`
+  height: 96px;
+  width: 96px;
+  background: ${e=>e.theme.colors.background};
+  border-radius: 50%;
+  cursor: pointer;
+  & svg {
+    margin: ${t.Space.sp5};
+    color: ${e=>e.theme.colors.grey1};
+  }
+  &:hover {
+    & svg {
+      color: ${e=>e.theme.colors.primary};
+    }
+  }
+`,Z=r.div`
+  display: flex;
+  height: 100vh;
+  overflow: auto;
+  background-color: ${e=>e.theme.colors.grey5};
+  justify-content: center;
+  align-items: center;
+`,Ge=$.keyframes`
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+`,Je=r(t.SvgRefresh,{shouldForwardProp:e=>typeof e=="string"&&e!=="$spinning"})`
+  cursor: pointer;
+  width: ${t.Space.sp4};
+  height: ${t.Space.sp4};
+  color: ${e=>e.theme.colors.hero};
+  animation: ${e=>e.$spinning?$.css`
+          ${Ge} 2s linear infinite;
+        `:"none"};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Ve=r(t.LargeMedium)`
+  color: ${e=>e.theme.colors.success};
+`,Xe=r(t.SmallRegular)`
+  color: ${e=>e.theme.colors.success};
+`,Ke=r.div`
+  width: 82px;
+  text-align: center;
+`,Qe=r.div`
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+`,Ue=r.div`
+  display: flex;
+  flex-direction: column;
+  row-gap: ${t.Space.sp1};
+`,q=r.div`
+  display: flex;
+  align-items: center;
+  column-gap: ${t.Space.sp2};
+`,L=r(t.LargeRegular)`
+  color: ${e=>e.theme.colors.primary};
+  font-family: ${t.fonts.Roboto};
+`,et=r(Le)`
+  width: ${t.Space.sp4};
+  height: ${t.Space.sp4};
+  color: ${e=>e.theme.colors.hero};
+`,tt=r($e)`
+  width: ${t.Space.sp4};
+  height: ${t.Space.sp4};
+  color: ${e=>e.theme.colors.hero};
+`,ot=r.div`
+  display: flex;
+  align-items: flex-start;
+  flex-direction: column;
+  row-gap: ${t.Space.sp2};
+`,rt=r(t.SvgInfo)`
+  width: ${t.Space.sp3};
+  height: ${t.Space.sp3};
+  color: ${e=>e.theme.colors.hero};
+  cursor: pointer;
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,st=r(t.LargeMedium)`
+  color: ${e=>e.theme.colors.hero};
+  display: flex;
+  align-items: center;
+  column-gap: ${t.Space.sp1};
+  width: 136px;
+`;exports.default=De;