@zeniai/web-components 3.17.8 → 3.17.9

package/dist/ExpenseAutomationOverviewPage-ChqSgIpO.js

@@ -1,807 +0,0 @@
-import { u as Q, j as t, q as I, r as B } from "./vendor-.pnpm-B2klaOGU.js";
-import * as n from "react";
-import { useMemo as le } from "react";
-import { css as U, keyframes as de } from "@emotion/react";
-import r from "@emotion/styled";
-import { zeniDate as ce, dateNow as ee } from "@zeniai/client-epic-state";
-import { a as x, C as a, t as d, S as o, F as h, u as he, fa as pe, e as y, z as ue, Z as _, aE as me, kQ as ge, B as Ce, eP as xe, af as ke, kR as fe, b4 as je, H as ve, ag as ye, en as te, o as $e, ai as Le, k as Se, O as be, w as oe } from "./index-CWmCZcBh.js";
-import { B as re } from "./BusyIndication-C5Unupfe.js";
-import { ResponsiveContainer as Me, AreaChart as we, XAxis as Ee, YAxis as De, Tooltip as We, Area as Te } from "recharts";
-import { S as Ae } from "./transaction-placeholder-CpOwZAMG.js";
-const Re = x.getLocalizedStrings().expenseAutomation, Pe = x.getLocalizedStrings().dateFormat.visual, {
-  common: {
-    strings: { percentage: He },
-    texts: { score: Ie }
-  }
-} = x.getLocalizedStrings(), Be = ({ 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 : /* @__PURE__ */ t.jsxs(Fe, { children: [
-    /* @__PURE__ */ t.jsx(Ye, { children: Ie }),
-    /* @__PURE__ */ t.jsxs(Ze, { children: [
-      c,
-      He
-    ] })
-  ] });
-};
-function _e({
-  data: e,
-  height: i
-}) {
-  const c = Q(), $ = e.map((k) => ({
-    month: ce(
-      `${k.period.year}-${String(k.period.month).padStart(2, "0")}-01`
-    ).format(Pe.MMMYYFormat),
-    count: Math.round(k.auditScore)
-  }));
-  return /* @__PURE__ */ t.jsxs(Ne, { children: [
-    /* @__PURE__ */ t.jsx(ze, { children: Re.overview.monthEndCloseTrend }),
-    /* @__PURE__ */ t.jsx(Me, { height: i, width: "100%", children: /* @__PURE__ */ t.jsxs(we, { data: $, children: [
-      /* @__PURE__ */ t.jsx("defs", { children: /* @__PURE__ */ t.jsxs("linearGradient", { id: "scoreGradient", x1: "0", y1: "0", x2: "0", y2: "1", children: [
-        /* @__PURE__ */ t.jsx(
-          "stop",
-          {
-            offset: "0%",
-            stopColor: a.brandColorJade,
-            stopOpacity: 0.8
-          }
-        ),
-        /* @__PURE__ */ t.jsx(
-          "stop",
-          {
-            offset: "100%",
-            stopColor: a.brandColorJade,
-            stopOpacity: 0.1
-          }
-        )
-      ] }) }),
-      /* @__PURE__ */ t.jsx(
-        Ee,
-        {
-          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
-          }
-        }
-      ),
-      /* @__PURE__ */ t.jsx(De, { hide: !0 }),
-      /* @__PURE__ */ t.jsx(
-        We,
-        {
-          content: Be,
-          cursor: {
-            stroke: c.colors.primary,
-            strokeDasharray: "3 3",
-            strokeWidth: 1
-          },
-          allowEscapeViewBox: { x: !1, y: !0 }
-        }
-      ),
-      /* @__PURE__ */ t.jsx(
-        Te,
-        {
-          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 = r(h)`
-  color: ${(e) => e.theme.colors.champion};
-`, Ne = r.div`
-  display: flex;
-  flex-direction: column;
-  row-gap: ${o.sp3};
-  align-items: center;
-  width: 100%;
-`, Fe = r.div`
-  background-color: ${a.primaryLight};
-  border-radius: ${o.sp1};
-  padding: ${o.sp2} ${o.sp3};
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: ${o.sp2};
-  min-width: 80px;
-`, Ye = r(h)`
-  color: ${(e) => e.theme.colors.brandColorJade};
-`, Ze = r(h)`
-  color: ${(e) => e.theme.colors.brandColorPearl};
-`, M = x.getLocalizedStrings().expenseAutomation, Oe = x.getLocalizedStrings().dateFormat.visual;
-function Ge() {
-  const e = Array.from({ length: 6 }, (i, c) => ee().subtract(5 - c, "month").format(Oe.MMMYYFormat));
-  return /* @__PURE__ */ t.jsxs(Ve, { children: [
-    /* @__PURE__ */ t.jsx(Je, { children: M.overview.monthEndCloseTrend }),
-    /* @__PURE__ */ t.jsxs(Xe, { children: [
-      /* @__PURE__ */ t.jsx(Ke, { children: /* @__PURE__ */ t.jsxs(qe, { children: [
-        M.overview.monthEndCloseTrendNoData,
-        /* @__PURE__ */ t.jsx("br", {}),
-        M.overview.monthEndCloseTrendNoDataDescription
-      ] }) }),
-      /* @__PURE__ */ t.jsxs(Qe, { children: [
-        /* @__PURE__ */ t.jsx(Ue, {}),
-        /* @__PURE__ */ t.jsx(et, { children: e.map((i) => /* @__PURE__ */ t.jsx(tt, { children: i }, i)) })
-      ] })
-    ] })
-  ] });
-}
-const Je = r(h)`
-  color: ${(e) => e.theme.colors.champion};
-`, Ve = r.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  width: 100%;
-`, Xe = r.div`
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  position: relative;
-`, Ke = 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;
-`, qe = r(h)`
-  color: ${(e) => e.theme.colors.hero};
-  text-align: center;
-`, Qe = r.div`
-  width: 100%;
-`, Ue = r.div`
-  width: 100%;
-  height: 1px;
-  background-color: ${(e) => e.theme.colors.grey3};
-  margin-bottom: ${o.sp2};
-`, et = r.div`
-  display: flex;
-  justify-content: space-between;
-  width: 100%;
-`, tt = r(h)`
-  color: ${(e) => e.theme.colors.hero};
-`;
-function ot({
-  monthClosePerformanceTrendFetchStatus: e,
-  monthClosePerformanceTrend: i
-}) {
-  return e.fetchState === "In-Progress" || e.fetchState === "Not-Started" ? /* @__PURE__ */ t.jsx(
-    re,
-    {
-      styles: { margin: o.sp0 },
-      size: "Small",
-      fetchState: "In-Progress"
-    }
-  ) : i.length === 0 ? /* @__PURE__ */ t.jsx(Ge, {}) : /* @__PURE__ */ t.jsx(
-    _e,
-    {
-      data: i.slice(-6),
-      height: 160
-    }
-  );
-}
-const rt = (e) => /* @__PURE__ */ n.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ 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" }), /* @__PURE__ */ 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" }), /* @__PURE__ */ 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" }), /* @__PURE__ */ 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" }), /* @__PURE__ */ n.createElement("path", { d: "M1.2225 22.7812H22.785", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ n.createElement("path", { d: "M4.42285 8.79992L6.92785 6.29492", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ n.createElement("path", { d: "M9.87402 5.91406L12.259 7.30531", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ n.createElement("path", { d: "M15.3535 7.0907L18.9666 4.25195", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ 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" }), /* @__PURE__ */ 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" }), /* @__PURE__ */ 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" }), /* @__PURE__ */ 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" })), nt = (e) => /* @__PURE__ */ n.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ 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" }), /* @__PURE__ */ n.createElement("path", { d: "M7 1.40039L7 5.25039", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round" }), /* @__PURE__ */ n.createElement("path", { d: "M17 1.40039L17 5.25039", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round" }), /* @__PURE__ */ n.createElement("path", { d: "M1.41138 7.78125H22.1144", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ n.createElement("path", { d: "M15.9167 18.8398H13V21.7565", stroke: "currentColor", strokeWidth: 1.33333, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ 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" }), /* @__PURE__ */ n.createElement("path", { d: "M20.083 17.1725H22.9997V14.2559", stroke: "currentColor", strokeWidth: 1.33333, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ 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" })), st = (e) => /* @__PURE__ */ n.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ n.createElement("path", { d: "M8.60956 10.3995L13.5175 15.3075", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ 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" }), /* @__PURE__ */ 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" }), /* @__PURE__ */ 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" }), /* @__PURE__ */ 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" }), /* @__PURE__ */ 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" })), it = (e) => /* @__PURE__ */ n.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ 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 }), /* @__PURE__ */ 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 }), /* @__PURE__ */ 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 }), /* @__PURE__ */ 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 }), /* @__PURE__ */ 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 }), /* @__PURE__ */ 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 }), /* @__PURE__ */ 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 }), /* @__PURE__ */ 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 }), /* @__PURE__ */ 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 }), /* @__PURE__ */ 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 }), /* @__PURE__ */ 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 }), /* @__PURE__ */ 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 }), /* @__PURE__ */ 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" }), /* @__PURE__ */ n.createElement("path", { d: "M5.38776 3.91827V0.979492", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ n.createElement("path", { d: "M12.7347 3.91827V0.979492", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ 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" }), /* @__PURE__ */ n.createElement("path", { d: "M19.7408 17.1428H17.1429V14.5459", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" })), z = {
-  transaction_categorization: Ae,
-  missing_receipts: fe,
-  flux_analysis: rt,
-  je_schedules: nt,
-  month_end_insights: ke,
-  reconciliation: xe
-}, at = (e) => e.filter(
-  (i) => i.id !== "month_end_insights"
-), lt = (e) => e.filter(
-  (i) => i.id === "month_end_insights"
-), dt = ({ string: e, count: i }) => /* @__PURE__ */ t.jsxs(Ht, { children: [
-  i,
-  /* @__PURE__ */ t.jsx(h, { children: e })
-] }), {
-  expenseAutomation: p,
-  common: u,
-  dateFormat: N
-} = x.getLocalizedStrings();
-function Gt({
-  monthEndCloseChecksView: e,
-  isRealtimeInsightsFeatureEnabled: i,
-  onMonthEndCheckClick: c,
-  onBackClick: $,
-  handleReviewButtonClick: k,
-  onPeriodChange: W,
-  onReload: T
-}) {
-  const m = Q(), ne = he();
-  pe({
-    componentName: "expense_automation.overview"
-  });
-  const se = le(() => {
-    if (e.monthEndCloseChecks?.targetCloseDate == null)
-      return u.strings.hyphen;
-    const s = e.monthEndCloseChecks.targetCloseDate.startOf(
-      "day"
-    ), j = ee().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 /* @__PURE__ */ t.jsx(
-      K,
-      {
-        "data-testid": y(
-          "expense-automation-overview-page-activity-indicator"
-        ),
-        children: /* @__PURE__ */ t.jsx(re, { fetchState: "In-Progress" })
-      }
-    );
-  if (e.monthEndCloseChecks == null || e.fetchState === "Error")
-    return /* @__PURE__ */ t.jsx(K, { children: /* @__PURE__ */ t.jsx(
-      Lt,
-      {
-        "data-testid": y(
-          "expense-automation-overview-page-reload-page"
-        ),
-        onClick: T,
-        children: /* @__PURE__ */ t.jsx(ue, {})
-      }
-    ) });
-  const {
-    monthEndCloseChecks: {
-      auditSummary: g,
-      monthEndCloseCheckList: A,
-      reportEmailSentDate: R
-    },
-    refreshStatus: ie
-  } = e;
-  let L, f;
-  g.auditScorePercentage <= 50 ? (L = a.important, f = a.importantLight) : g.auditScorePercentage <= 75 ? (L = a.alert, f = a.alertLight) : (L = a.success, f = a.successLight);
-  const ae = /* @__PURE__ */ t.jsx(
-    vt,
-    {
-      "data-testid": y(
-        "expense-automation-overview-page-refresh-icon"
-      ),
-      onClick: T,
-      children: /* @__PURE__ */ t.jsx(
-        _,
-        {
-          style: {
-            marginTop: o.sp1
-          },
-          placement: "bottom",
-          title: u.texts.refresh,
-          enterDelay: 600,
-          children: /* @__PURE__ */ t.jsx(
-            bt,
-            {
-              $spinning: ie.fetchState === "In-Progress"
-            }
-          )
-        }
-      )
-    }
-  ), P = at(
-    A
-  ), H = lt(
-    A
-  );
-  return /* @__PURE__ */ t.jsxs(ct, { children: [
-    /* @__PURE__ */ t.jsx(
-      me,
-      {
-        title: /* @__PURE__ */ t.jsx(
-          ge,
-          {
-            pickerLabelStyle: { ...d.largeSemiBold.cssObject },
-            onPeriodChange: W,
-            monthEndCloseChecksView: e
-          }
-        ),
-        showBackButton: !0,
-        onBackClick: $,
-        source: "ExpenseAutomationOverviewPage",
-        rightSideComponent: ae
-      }
-    ),
-    /* @__PURE__ */ t.jsxs(xt, { children: [
-      /* @__PURE__ */ t.jsx(ht, { children: /* @__PURE__ */ t.jsx(pt, { windowSize: ne, children: /* @__PURE__ */ t.jsxs(ut, { children: [
-        /* @__PURE__ */ t.jsxs(gt, { children: [
-          /* @__PURE__ */ t.jsx(jt, { children: /* @__PURE__ */ t.jsx(
-            I,
-            {
-              background: !0,
-              value: Math.floor(g.auditScorePercentage),
-              text: `${Math.floor(g.auditScorePercentage)}${u.strings.percentage}`,
-              strokeWidth: 10,
-              styles: {
-                ...B({
-                  strokeLinecap: "butt",
-                  pathColor: L,
-                  textColor: m.colors.primary,
-                  trailColor: m.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
-                }
-              }
-            }
-          ) }),
-          /* @__PURE__ */ t.jsx(Dt, { children: /* @__PURE__ */ t.jsxs(Ct, { children: [
-            /* @__PURE__ */ t.jsxs(Wt, { children: [
-              /* @__PURE__ */ t.jsxs(yt, { children: [
-                /* @__PURE__ */ t.jsx(mt, { children: p.overview.confidenceScoreTitle }),
-                /* @__PURE__ */ t.jsx(
-                  _,
-                  {
-                    display: "block",
-                    placement: "top",
-                    position: "relative",
-                    title: p.overview.confidenceScoreTooltip,
-                    style: {
-                      top: "-2px"
-                    },
-                    enterDelay: 600,
-                    children: /* @__PURE__ */ t.jsx(Pt, {})
-                  }
-                ),
-                g.auditReportLastGeneratedDate != null ? /* @__PURE__ */ t.jsx($t, { children: g.auditReportLastGeneratedDate.utc(!0).fromNow() }) : null
-              ] }),
-              /* @__PURE__ */ t.jsx(w, { children: p.overview.auditScoreDescription })
-            ] }),
-            /* @__PURE__ */ t.jsxs(Rt, { children: [
-              /* @__PURE__ */ t.jsxs(q, { children: [
-                /* @__PURE__ */ t.jsx(Tt, {}),
-                /* @__PURE__ */ t.jsx(w, { children: p.overview.targetClose }),
-                e.monthEndCloseChecks.targetCloseDate != null ? /* @__PURE__ */ t.jsx(D, { children: e.monthEndCloseChecks.targetCloseDate.format(
-                  N.visual.MMMDCommaYYYYformat
-                ) }) : /* @__PURE__ */ t.jsx(D, { children: u.strings.hyphen })
-              ] }),
-              /* @__PURE__ */ t.jsxs(q, { children: [
-                /* @__PURE__ */ t.jsx(At, {}),
-                /* @__PURE__ */ t.jsx(w, { children: p.overview.daysToClose }),
-                /* @__PURE__ */ t.jsx(D, { children: se })
-              ] })
-            ] }),
-            /* @__PURE__ */ t.jsx(
-              Ce,
-              {
-                style: { alignSelf: "flex-start" },
-                variant: "primary",
-                label: u.texts.review,
-                onClick: k
-              }
-            )
-          ] }) })
-        ] }),
-        /* @__PURE__ */ t.jsx(
-          ot,
-          {
-            monthClosePerformanceTrend: e.monthClosePerformanceTrend,
-            monthClosePerformanceTrendFetchStatus: e.monthClosePerformanceTrendFetchStatus
-          }
-        )
-      ] }) }) }),
-      /* @__PURE__ */ t.jsxs(kt, { children: [
-        /* @__PURE__ */ t.jsxs(F, { children: [
-          /* @__PURE__ */ t.jsx(S, { cardDisabled: !1, children: p.overview.checklist }),
-          /* @__PURE__ */ t.jsx(Y, { children: P.map((s, j) => {
-            const l = s.isDisabled;
-            let C, v;
-            return s.progress <= 50 ? (C = a.important, v = a.importantLight) : s.progress <= 75 ? (C = a.alert, v = a.alertLight) : (C = a.success, v = a.successLight), /* @__PURE__ */ t.jsxs(
-              Z,
-              {
-                index: j,
-                totalCards: P.length,
-                "data-testid": y(
-                  "expense-automation-overview-page-month-end-close-check-card",
-                  s.id
-                ),
-                cardDisabled: l,
-                onClick: () => {
-                  l === !1 && c(s.id);
-                },
-                children: [
-                  /* @__PURE__ */ t.jsxs(X, { children: [
-                    /* @__PURE__ */ t.jsx(
-                      V,
-                      {
-                        cardDisabled: l,
-                        isDarkMode: m.mode === "dark",
-                        children: /* @__PURE__ */ t.jsx(
-                          J,
-                          {
-                            as: z[s.id] ?? null
-                          }
-                        )
-                      }
-                    ),
-                    /* @__PURE__ */ t.jsxs(E, { children: [
-                      /* @__PURE__ */ t.jsx(S, { cardDisabled: l, children: s.title }),
-                      /* @__PURE__ */ t.jsx(
-                        O,
-                        {
-                          className: "card-description",
-                          cardDisabled: l,
-                          children: s.description
-                        }
-                      )
-                    ] })
-                  ] }),
-                  s.metrics.map((b) => /* @__PURE__ */ t.jsx(
-                    dt,
-                    {
-                      string: b.label,
-                      count: b.value
-                    },
-                    b.columnIndex
-                  )),
-                  /* @__PURE__ */ t.jsx(
-                    I,
-                    {
-                      background: !0,
-                      value: Math.floor(s.progress),
-                      text: `${Math.floor(s.progress)}${u.strings.percentage}`,
-                      strokeWidth: 10,
-                      styles: {
-                        ...B({
-                          strokeLinecap: "butt",
-                          pathColor: C,
-                          textColor: m.colors.primary,
-                          trailColor: m.colors.grey2,
-                          backgroundColor: v
-                        }),
-                        root: {
-                          width: o.sp7,
-                          height: o.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
-                        }
-                      }
-                    }
-                  ),
-                  /* @__PURE__ */ t.jsx(
-                    G,
-                    {
-                      className: "card-right-chevron",
-                      disabled: l
-                    }
-                  )
-                ]
-              },
-              s.id
-            );
-          }) })
-        ] }),
-        /* @__PURE__ */ t.jsxs(F, { children: [
-          /* @__PURE__ */ t.jsx(S, { cardDisabled: !1, children: p.overview.checklistReport }),
-          /* @__PURE__ */ t.jsx(Y, { children: H.map((s, j) => {
-            const l = !i, C = l === !0 || s.id === "month_end_insights" && e.monthEndCloseChecks?.reportEmailSentDate != null;
-            return /* @__PURE__ */ t.jsxs(
-              Z,
-              {
-                index: j,
-                totalCards: H.length,
-                "data-testid": y(
-                  "expense-automation-overview-page-month-end-close-check-card",
-                  s.id
-                ),
-                cardDisabled: l,
-                onClick: () => {
-                  C === !1 && c(s.id);
-                },
-                children: [
-                  /* @__PURE__ */ t.jsxs(X, { children: [
-                    /* @__PURE__ */ t.jsx(
-                      V,
-                      {
-                        cardDisabled: l,
-                        isDarkMode: m.mode === "dark",
-                        children: /* @__PURE__ */ t.jsx(
-                          J,
-                          {
-                            as: z[s.id] ?? null
-                          }
-                        )
-                      }
-                    ),
-                    /* @__PURE__ */ t.jsxs(E, { children: [
-                      /* @__PURE__ */ t.jsx(S, { cardDisabled: l, children: s.title }),
-                      /* @__PURE__ */ t.jsx(
-                        O,
-                        {
-                          className: "card-description",
-                          cardDisabled: l,
-                          children: s.description
-                        }
-                      )
-                    ] })
-                  ] }),
-                  /* @__PURE__ */ t.jsxs(ft, { children: [
-                    s.id === "month_end_insights" && R != null ? /* @__PURE__ */ t.jsxs(Et, { children: [
-                      /* @__PURE__ */ t.jsx(Mt, { children: u.texts.closed }),
-                      /* @__PURE__ */ t.jsx(wt, { children: R.format(
-                        N.visual.MMMDCommaYYYYformat
-                      ) })
-                    ] }) : null,
-                    /* @__PURE__ */ t.jsx(E, { children: /* @__PURE__ */ t.jsx(
-                      G,
-                      {
-                        className: "card-right-chevron",
-                        disabled: l
-                      }
-                    ) })
-                  ] })
-                ]
-              },
-              s.id
-            );
-          }) })
-        ] })
-      ] })
-    ] })
-  ] });
-}
-const ct = r.div`
-  display: flex;
-  flex-direction: column;
-  background-color: ${(e) => e.theme.colors.grey5};
-  row-gap: ${o.sp3};
-`, ht = r.div`
-  display: flex;
-  flex-direction: column;
-  row-gap: ${o.sp6};
-  background-color: ${(e) => e.theme.colors.grey5};
-  box-shadow: ${(e) => e.theme.colors.elevation1};
-  padding-bottom: ${o.sp5};
-`, pt = r.div`
-  background-repeat: no-repeat;
-  background-image: url(https://storage.googleapis.com/zeni-apis.appspot.com/images/expense-automation-background.png);
-`, ut = r.div`
-  display: flex;
-  align-items: center;
-  padding-left: ${o.sp8};
-  padding-right: ${o.sp8};
-  justify-content: space-between;
-  column-gap: ${o.sp4};
-  height: 100%;
-`, mt = r(ve)`
-  color: ${(e) => e.theme.colors.primary};
-`, w = r($e)`
-  color: ${(e) => e.theme.colors.hero};
-  font-family: ${te.Roboto};
-`, gt = r.div`
-  display: flex;
-  column-gap: ${o.sp4};
-  align-items: center;
-`, Ct = r.div`
-  display: flex;
-  flex-direction: column;
-  row-gap: ${o.sp3};
-  width: 450px;
-`, xt = r.div`
-  display: flex;
-  flex-direction: column;
-  background-color: ${(e) => e.theme.colors.grey4};
-  row-gap: ${o.sp4};
-`, kt = r.div`
-  display: flex;
-  flex-direction: column;
-  row-gap: ${o.sp5};
-  padding-bottom: ${o.sp4};
-  padding-top: ${o.sp3};
-  padding-left: ${o.sp8};
-  padding-right: ${o.sp8};
-`, S = r(Se)`
-  color: ${(e) => e.cardDisabled ? e.theme.colors.grey2 : e.theme.colors.primary};
-`, F = r.div`
-  display: flex;
-  flex-direction: column;
-  row-gap: ${o.sp3};
-`, Y = r.div`
-  display: flex;
-  flex-direction: column;
-`, Z = r.div`
-  background-color: ${(e) => e.theme.colors.grey5};
-  padding: ${o.sp4};
-  border: 1px solid ${(e) => e.theme.colors.grey3};
-  border-top-right-radius: ${(e) => e.index === 0 ? o.sp2 : 0};
-  border-top-left-radius: ${(e) => e.index === 0 ? o.sp2 : 0};
-  border-bottom-right-radius: ${(e) => e.index === e.totalCards - 1 ? o.sp2 : 0};
-  border-bottom-left-radius: ${(e) => e.index === e.totalCards - 1 ? o.sp2 : 0};
-  cursor: ${(e) => e.cardDisabled ? "not-allowed" : "pointer"};
-  display: flex;
-  align-items: center;
-  column-gap: ${o.sp8};
-  justify-content: space-between;
-  box-shadow: ${(e) => e.theme.colors.elevation1};
-  ${(e) => e.cardDisabled === !1 ? U`
-          &:hover {
-            border: 1px solid ${e.theme.colors.primary};
-            .card-right-chevron,
-            .card-description,
-            .progress-complete-text {
-              color: ${e.theme.colors.primary};
-            }
-          }
-        ` : null}
-`, O = r(h)`
-  color: ${(e) => e.cardDisabled ? e.theme.colors.grey2 : e.theme.colors.hero};
-`, ft = r.div`
-  display: flex;
-  align-items: center;
-  column-gap: ${o.sp7};
-`, E = r.div``, G = r(be)`
-  color: ${(e) => e.disabled ? e.theme.colors.grey2 : e.theme.colors.hero};
-  width: ${o.sp4};
-  height: ${o.sp4};
-`, J = r.div`
-  width: ${o.sp4};
-  height: ${o.sp4};
-  color: ${(e) => e.theme.colors.primary};
-`, V = r.div`
-  width: ${o.sp7};
-  height: ${o.sp7};
-  background-color: ${(e) => e.isDarkMode ? e.theme.colors.brandColorJadeDark : e.theme.colors.brandColorJadeLight};
-  border-radius: 50%;
-  opacity: ${(e) => e.cardDisabled ? 0.2 : 1};
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-shrink: 0;
-`, X = r.div`
-  display: flex;
-  align-items: center;
-  column-gap: ${o.sp3};
-  width: 352px;
-`, jt = r.div`
-  display: flex;
-  height: 96px;
-  justify-content: center;
-  margin-bottom: ${o.sp7};
-  margin-left: ${o.sp7};
-`, vt = r.div`
-  color: ${(e) => e.theme.colors.hero};
-  cursor: pointer;
-  &:hover {
-    color: ${(e) => e.theme.colors.primary};
-  }
-`, yt = r.div`
-  display: flex;
-  align-items: flex-end;
-  column-gap: ${o.sp2};
-`, $t = r(h)`
-  color: ${(e) => e.theme.colors.hero};
-  margin-bottom: ${o.sp1};
-`, Lt = r.div`
-  height: 96px;
-  width: 96px;
-  background: ${(e) => e.theme.colors.background};
-  border-radius: 50%;
-  cursor: pointer;
-  & svg {
-    margin: ${o.sp5};
-    color: ${(e) => e.theme.colors.grey1};
-  }
-  &:hover {
-    & svg {
-      color: ${(e) => e.theme.colors.primary};
-    }
-  }
-`, K = r.div`
-  display: flex;
-  height: 100vh;
-  overflow: auto;
-  background-color: ${(e) => e.theme.colors.grey5};
-  justify-content: center;
-  align-items: center;
-`, St = de`
-  0% {
-    transform: rotate(0deg);
-  }
-  100% {
-    transform: rotate(360deg);
-  }
-`, bt = r(je, {
-  shouldForwardProp: (e) => typeof e == "string" && e !== "$spinning"
-})`
-  cursor: pointer;
-  width: ${o.sp4};
-  height: ${o.sp4};
-  color: ${(e) => e.theme.colors.hero};
-  animation: ${(e) => e.$spinning ? U`
-          ${St} 2s linear infinite;
-        ` : "none"};
-  &:hover {
-    color: ${(e) => e.theme.colors.primary};
-  }
-`, Mt = r(oe)`
-  color: ${(e) => e.theme.colors.success};
-`, wt = r(h)`
-  color: ${(e) => e.theme.colors.success};
-`, Et = r.div`
-  width: 82px;
-  text-align: center;
-`, Dt = r.div`
-  display: flex;
-  align-items: flex-start;
-  justify-content: space-between;
-`, Wt = r.div`
-  display: flex;
-  flex-direction: column;
-  row-gap: ${o.sp1};
-`, q = r.div`
-  display: flex;
-  align-items: center;
-  column-gap: ${o.sp2};
-`, D = r(Le)`
-  color: ${(e) => e.theme.colors.primary};
-  font-family: ${te.Roboto};
-`, Tt = r(st)`
-  width: ${o.sp4};
-  height: ${o.sp4};
-  color: ${(e) => e.theme.colors.hero};
-`, At = r(it)`
-  width: ${o.sp4};
-  height: ${o.sp4};
-  color: ${(e) => e.theme.colors.hero};
-`, Rt = r.div`
-  display: flex;
-  align-items: flex-start;
-  flex-direction: column;
-  row-gap: ${o.sp2};
-`, Pt = r(ye)`
-  width: ${o.sp3};
-  height: ${o.sp3};
-  color: ${(e) => e.theme.colors.hero};
-  cursor: pointer;
-  &:hover {
-    color: ${(e) => e.theme.colors.primary};
-  }
-`, Ht = r(oe)`
-  color: ${(e) => e.theme.colors.hero};
-  display: flex;
-  align-items: center;
-  column-gap: ${o.sp1};
-  width: 136px;
-`;
-export {
-  Gt as default
-};