@zeniai/web-components 3.16.50 → 3.16.52

package/dist/ExpenseAutomationOverviewPage-DMUgRsBS.js

@@ -0,0 +1,792 @@
+import { u as q, j as t, a1 as a2, aP as l2, X as c2, Y as d2, R as h2, aQ as p2, q as P, r as R } from "./vendor-.pnpm-BZbZ6JJC.js";
+import * as n from "react";
+import { useMemo as u2 } from "react";
+import { css as Q, keyframes as m2 } from "@emotion/react";
+import r from "@emotion/styled";
+import { zeniDate as C2, dateNow as e2 } from "@zeniai/client-epic-state";
+import { a as L, C as i, t as c, S as o, G as h, u as g2, f8 as L2, j, x as x2, Z as B, aE as k2, ku as f2, B as H2, eN as j2, ah as v2, kv as y2, b2 as V2, H as $2, ag as S2, em as t2, p as b2, aj as M2, L as w2, J as E2, y as o2 } from "./index-Bove2J7o.js";
+import { B as D2 } from "./BusyIndication-C0DNfQlA.js";
+import { S as W2 } from "./transaction-placeholder-CpOwZAMG.js";
+const T2 = L.getLocalizedStrings().expenseAutomation, A2 = L.getLocalizedStrings().dateFormat.visual, {
+  common: {
+    strings: { percentage: _2 },
+    texts: { score: P2 }
+  }
+} = L.getLocalizedStrings(), R2 = ({ active: e, payload: a }) => {
+  if (e === !1 || e === void 0 || !a || a.length === 0)
+    return null;
+  const d = a[0]?.value;
+  return d == null ? null : /* @__PURE__ */ t.jsxs(N2, { children: [
+    /* @__PURE__ */ t.jsx(z2, { children: P2 }),
+    /* @__PURE__ */ t.jsxs(Y2, { children: [
+      d,
+      _2
+    ] })
+  ] });
+};
+function B2({
+  data: e,
+  height: a
+}) {
+  const d = q(), v = e.map((x) => ({
+    month: C2(
+      `${x.period.year}-${String(x.period.month).padStart(2, "0")}-01`
+    ).format(A2.MMMYYFormat),
+    count: Math.round(x.auditScore)
+  }));
+  return /* @__PURE__ */ t.jsxs(F2, { children: [
+    /* @__PURE__ */ t.jsx(I2, { children: T2.overview.monthEndCloseTrend }),
+    /* @__PURE__ */ t.jsx(a2, { height: a, width: "100%", children: /* @__PURE__ */ t.jsxs(l2, { data: v, 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: i.brandColorJade,
+            stopOpacity: 0.8
+          }
+        ),
+        /* @__PURE__ */ t.jsx(
+          "stop",
+          {
+            offset: "100%",
+            stopColor: i.brandColorJade,
+            stopOpacity: 0.1
+          }
+        )
+      ] }) }),
+      /* @__PURE__ */ t.jsx(
+        c2,
+        {
+          dataKey: "month",
+          axisLine: { stroke: d.colors.grey3 },
+          tickLine: !1,
+          interval: "preserveStartEnd",
+          label: {
+            color: d.colors.hero,
+            fontSize: c.smallRegular.fontSize,
+            fontWeight: c.smallRegular.fontWeight,
+            fontFamily: c.smallRegular.fontFamily
+          }
+        }
+      ),
+      /* @__PURE__ */ t.jsx(d2, { hide: !0 }),
+      /* @__PURE__ */ t.jsx(
+        h2,
+        {
+          content: R2,
+          cursor: {
+            stroke: d.colors.primary,
+            strokeDasharray: "3 3",
+            strokeWidth: 1
+          },
+          allowEscapeViewBox: { x: !1, y: !0 }
+        }
+      ),
+      /* @__PURE__ */ t.jsx(
+        p2,
+        {
+          type: "monotone",
+          dataKey: "count",
+          stroke: i.brandColorJade,
+          strokeWidth: 2,
+          fill: "url(#scoreGradient)",
+          dot: !1,
+          activeDot: {
+            r: 5,
+            fill: i.neutralGrey4Light,
+            stroke: i.brandColorJade,
+            strokeWidth: 2
+          }
+        }
+      )
+    ] }) })
+  ] });
+}
+const I2 = r(h)`
+  color: ${(e) => e.theme.colors.champion};
+`, F2 = r.div`
+  display: flex;
+  flex-direction: column;
+  row-gap: ${o.sp3};
+  align-items: center;
+  width: 100%;
+`, N2 = r.div`
+  background-color: ${i.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;
+`, z2 = r(h)`
+  color: ${(e) => e.theme.colors.brandColorJade};
+`, Y2 = r(h)`
+  color: ${(e) => e.theme.colors.brandColorPearl};
+`, Z2 = "data:image/svg+xml,%3csvg%20width='575'%20height='180'%20viewBox='0%200%20575%20180'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_117_8853)'%3e%3cpath%20d='M575.5%2020.4824V22.9746H575V26.9248H575.5V30.875H575V34.8252H575.5V38.7754H575V42.7246H575.5V46.6748H575V50.625H575.5V54.5752H575V58.5254H575.5V62.4746H575V66.4248H575.5V70.375H575V74.3252H575.5V78.2754H575V82.2246H575.5V86.1748H575V90.125H575.5V94.0752H575V98.0254H575.5V101.975H575V105.925H575.5V109.875H575V113.825H575.5V117.775H575V121.725H575.5V125.675H575V129.625H575.5V133.575H575V137.525H575.5V141.475H575V145.425H575.5V149.375H575V153.325H575.5V157.275H575V161.225H575.5V165.175H575V169.125H575.5V173.075H575V177.025H575.5V179.5H573.018V179H569.055V179.5H565.091V179H561.128V179.5H557.164V179H553.201V179.5H549.237V179H545.274V179.5H541.311V179H537.348V179.5H533.384V179H529.421V179.5H525.457V179H521.494V179.5H517.53V179H513.567V179.5H509.604V179H505.64V179.5H501.677V179H497.713V179.5H493.75V179H489.786V179.5H485.823V179H481.859V179.5H477.896V179H473.933V179.5H469.97V179H466.006V179.5H462.043V179H458.079V179.5H454.116V179H450.152V179.5H446.189V179H442.226V179.5H438.262V179H434.299V179.5H430.335V179H426.372V179.5H422.408V179H418.445V179.5H414.481V179H410.519V179.5H406.555V179H402.592V179.5H398.628V179H394.665V179.5H390.701V179H386.738V179.5H382.774V179H378.811V179.5H374.848V179H370.884V179.5H366.921V179H362.957V179.5H358.994V179H355.03V179.5H351.067V179H347.104V179.5H343.141V179H339.177V179.5H335.214V179H331.25V179.5H327.286V179H323.323V179.5H319.359V179H315.396V179.5H311.433V179H307.47V179.5H303.506V179H299.543V179.5H295.579V179H291.616V179.5H287.652V179H283.689V179.5H279.726V179H275.762V179.5H271.799V179H267.835V179.5H263.872V179H259.908V179.5H255.945V179H251.981V179.5H248.804L249.645%20178.648C250.118%20178.169%20250.587%20177.683%20251.054%20177.191L251.415%20177.534C252.349%20176.549%20253.269%20175.54%20254.176%20174.509L253.803%20174.181C254.696%20173.165%20255.575%20172.128%20256.441%20171.07L256.827%20171.387C257.686%20170.338%20258.532%20169.27%20259.365%20168.184L258.97%20167.88C259.792%20166.807%20260.602%20165.716%20261.4%20164.608L261.806%20164.9C262.6%20163.798%20263.381%20162.678%20264.151%20161.544L263.738%20161.264C264.5%20160.142%20265.249%20159.004%20265.987%20157.854L266.407%20158.123C267.14%20156.98%20267.861%20155.824%20268.571%20154.655L268.145%20154.396C268.848%20153.238%20269.542%20152.068%20270.224%20150.886L270.655%20151.135C271.335%20149.956%20272.005%20148.766%20272.664%20147.566L272.227%20147.326C272.88%20146.136%20273.523%20144.935%20274.155%20143.727L274.597%20143.957C275.228%20142.751%20275.849%20141.536%20276.459%20140.314L276.013%20140.093C276.62%20138.876%20277.217%20137.652%20277.805%20136.422L278.254%20136.637C278.842%20135.406%20279.42%20134.17%20279.987%20132.928L279.534%20132.721C280.1%20131.483%20280.656%20130.239%20281.202%20128.992L281.658%20129.192C282.206%20127.942%20282.744%20126.688%20283.272%20125.431L282.812%20125.237C283.341%20123.98%20283.859%20122.721%20284.368%20121.459L284.828%20121.645C285.339%20120.378%20285.844%20119.112%20286.336%20117.843L285.87%20117.662C286.364%20116.388%20286.848%20115.114%20287.323%20113.84L287.788%20114.014C288.266%20112.731%20288.736%20111.449%20289.195%20110.168L288.727%20110C289.188%20108.714%20289.64%20107.428%20290.082%20106.146L290.552%20106.309C290.999%20105.014%20291.437%20103.723%20291.865%20102.436L291.392%20102.279C291.824%20100.978%20292.248%2099.6798%20292.661%2098.3877L293.135%2098.5391C293.554%2097.2305%20293.964%2095.9279%20294.363%2094.6318L293.887%2094.4854C294.291%2093.1748%20294.686%2091.8713%20295.07%2090.5762L295.547%2090.7168C295.938%2089.4012%20296.32%2088.0947%20296.691%2086.7979L296.212%2086.6611C296.591%2085.3354%20296.96%2084.02%20297.319%2082.7168L297.8%2082.8486C298.167%2081.5165%20298.524%2080.197%20298.871%2078.8916L298.389%2078.7646C298.743%2077.43%20299.087%2076.11%20299.42%2074.8066L299.904%2074.9287C300.247%2073.5882%20300.577%2072.2647%20300.897%2070.9609L300.414%2070.8428C300.745%2069.4981%20301.064%2068.1735%20301.372%2066.8721L301.856%2066.9863C302.176%2065.6335%20302.486%2064.3055%20302.781%2063.0039L302.294%2062.8936C302.603%2061.5344%20302.899%2060.2044%20303.182%2058.9062L303.67%2059.0117C303.969%2057.6407%20304.253%2056.3049%20304.523%2055.0078L304.035%2054.9062C304.324%2053.5234%20304.597%2052.184%20304.854%2050.8926L305.342%2050.9902C305.621%2049.5897%20305.882%2048.2449%20306.126%2046.9609L305.638%2046.8691C305.907%2045.453%20306.155%2044.1105%20306.382%2042.8486L306.871%2042.9365C307.132%2041.4881%20307.367%2040.1455%20307.575%2038.918L307.084%2038.835C307.203%2038.1313%20307.314%2037.4657%20307.417%2036.8398C307.582%2035.8318%20307.916%2034.8833%20308.387%2034.0244L308.825%2034.2646H308.826C309.74%2032.5987%20311.201%2031.2898%20312.957%2030.5801L312.77%2030.1162C313.678%2029.7488%20314.662%2029.5326%20315.688%2029.4971L317.713%2029.4268L317.73%2029.9268L321.782%2029.7861L321.765%2029.2861L325.816%2029.1455L325.833%2029.6455L329.885%2029.5049L329.867%2029.0049L333.919%2028.8643L333.937%2029.3643L337.988%2029.2236L337.971%2028.7246L342.022%2028.584L342.039%2029.083L346.091%2028.9424L346.073%2028.4434L350.125%2028.3027L350.143%2028.8018L354.193%2028.6611L354.177%2028.1621L358.228%2028.0215L358.245%2028.5205L362.296%2028.3799L362.279%2027.8809L366.331%2027.7402L366.348%2028.2393L370.398%2028.0986L370.383%2027.5996L374.434%2027.459L374.45%2027.958L378.502%2027.8174L378.485%2027.3184L382.537%2027.1777L382.554%2027.6768L386.604%2027.5361L386.588%2027.0371L390.64%2026.8965L390.656%2027.3955L394.708%2027.2549L394.691%2026.7559L398.743%2026.6152L398.759%2027.1143L402.812%2026.9746L402.794%2026.4746L406.846%2026.334L406.863%2026.834L410.915%2026.6934L410.897%2026.1934L414.949%2026.0527L414.966%2026.5527L419.018%2026.4121L419%2025.9121L423.052%2025.7725L423.069%2026.2715L427.12%2026.1309L427.104%2025.6318L431.154%2025.4912L431.172%2025.9902L435.224%2025.8496L435.206%2025.3506L439.258%2025.21L439.275%2025.709L443.326%2025.5684L443.31%2025.0693L447.36%2024.9287L447.377%2025.4277L451.429%2025.2871L451.412%2024.7881L455.464%2024.6475L455.48%2025.1465L459.531%2025.0059L459.516%2024.5068L463.566%2024.3662L463.583%2024.8652L467.635%2024.7246L467.618%2024.2256L471.67%2024.085L471.686%2024.584L475.737%2024.4434L475.721%2023.9443L479.772%2023.8037L479.789%2024.3027L483.841%2024.1621L483.824%2023.6631L487.876%2023.5225L487.892%2024.0215L491.944%2023.8818L491.927%2023.3818L495.979%2023.2412L495.996%2023.7412L500.048%2023.6006L500.03%2023.1006L504.082%2022.96L504.099%2023.46L508.15%2023.3193L508.133%2022.8203L512.185%2022.6797L512.202%2023.1787L516.253%2023.0381L516.236%2022.5391L520.287%2022.3984L520.305%2022.8975L524.356%2022.7568L524.339%2022.2578L528.391%2022.1172L528.408%2022.6162L532.458%2022.4756L532.442%2021.9766L536.493%2021.8359L536.51%2022.335L540.562%2022.1943L540.545%2021.6953L544.597%2021.5547L544.613%2022.0537L548.664%2021.9131L548.648%2021.4141L552.699%2021.2734L552.716%2021.7725L556.768%2021.6318L556.751%2021.1328L560.803%2020.9922L560.818%2021.4912L564.87%2021.3506L564.854%2020.8516L568.905%2020.7109L568.922%2021.21L572.974%2021.0693L572.957%2020.5703L574.982%2020.5L575.5%2020.4824Z'%20fill='url(%23paint0_linear_117_8853)'%20stroke='%23D4DCDD'%20stroke-dasharray='4%204'/%3e%3c/g%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear_117_8853'%20x1='412.5'%20y1='21'%20x2='412.5'%20y2='179'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23E9F0F0'/%3e%3cstop%20offset='1'%20stop-color='%23E9F0F0'%20stop-opacity='0'/%3e%3c/linearGradient%3e%3cclipPath%20id='clip0_117_8853'%3e%3crect%20width='575'%20height='180'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e", S = L.getLocalizedStrings().expenseAutomation, G2 = L.getLocalizedStrings().dateFormat.visual;
+function O2() {
+  const e = Array.from({ length: 6 }, (a, d) => e2().subtract(5 - d, "month").format(G2.MMMYYFormat));
+  return /* @__PURE__ */ t.jsxs(X2, { children: [
+    /* @__PURE__ */ t.jsx(J2, { children: S.overview.monthEndCloseTrend }),
+    /* @__PURE__ */ t.jsxs(K2, { children: [
+      /* @__PURE__ */ t.jsx(U2, { children: /* @__PURE__ */ t.jsxs(q2, { children: [
+        S.overview.monthEndCloseTrendNoData,
+        /* @__PURE__ */ t.jsx("br", {}),
+        S.overview.monthEndCloseTrendNoDataDescription
+      ] }) }),
+      /* @__PURE__ */ t.jsxs(Q2, { children: [
+        /* @__PURE__ */ t.jsx(ee, {}),
+        /* @__PURE__ */ t.jsx(te, { children: e.map((a) => /* @__PURE__ */ t.jsx(oe, { children: a }, a)) })
+      ] })
+    ] })
+  ] });
+}
+const J2 = r(h)`
+  color: ${(e) => e.theme.colors.champion};
+`, X2 = r.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  width: 100%;
+`, K2 = r.div`
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  position: relative;
+`, U2 = r.div`
+  width: 100%;
+  height: 160px;
+  background-image: url(${Z2});
+  background-size: fill;
+  background-repeat: no-repeat;
+  background-position: center;
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+`, q2 = r(h)`
+  color: ${(e) => e.theme.colors.hero};
+  text-align: center;
+`, Q2 = r.div`
+  width: 100%;
+`, ee = r.div`
+  width: 100%;
+  height: 1px;
+  background-color: ${(e) => e.theme.colors.grey3};
+  margin-bottom: ${o.sp2};
+`, te = r.div`
+  display: flex;
+  justify-content: space-between;
+  width: 100%;
+`, oe = r(h)`
+  color: ${(e) => e.theme.colors.hero};
+`, re = (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" })), ne = (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" })), se = (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" })), ie = (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" })), I = {
+  transaction_categorization: W2,
+  missing_receipts: y2,
+  flux_analysis: re,
+  je_schedules: ne,
+  month_end_insights: v2,
+  reconciliation: j2
+}, ae = (e) => e.filter(
+  (a) => a.id !== "month_end_insights"
+), le = (e) => e.filter(
+  (a) => a.id === "month_end_insights"
+), ce = ({ string: e, count: a }) => /* @__PURE__ */ t.jsxs(_e, { children: [
+  a,
+  /* @__PURE__ */ t.jsx(h, { children: e })
+] }), {
+  expenseAutomation: p,
+  common: u,
+  dateFormat: F
+} = L.getLocalizedStrings();
+function Ze({
+  monthEndCloseChecksView: e,
+  isRealtimeInsightsFeatureEnabled: a,
+  onMonthEndCheckClick: d,
+  onBackClick: v,
+  handleReviewButtonClick: x,
+  onPeriodChange: E,
+  onReload: D
+}) {
+  const m = q(), r2 = g2();
+  L2({
+    componentName: "expense_automation.overview"
+  });
+  const n2 = u2(() => {
+    if (e.monthEndCloseChecks?.targetCloseDate == null)
+      return u.strings.hyphen;
+    const s = e.monthEndCloseChecks.targetCloseDate.startOf(
+      "day"
+    ), f = e2().startOf("day"), l = s.diff(f, "days");
+    return Math.max(l, 0);
+  }, [e.monthEndCloseChecks?.targetCloseDate]);
+  if (e.monthEndCloseChecks == null || ["Not-Started", "In-Progress"].includes(
+    e.fetchState
+  ) || ["Not-Started", "In-Progress"].includes(
+    e.monthClosePerformanceTrendFetchStatus.fetchState
+  ))
+    return /* @__PURE__ */ t.jsx(
+      K,
+      {
+        "data-testid": j(
+          "expense-automation-overview-page-activity-indicator"
+        ),
+        children: /* @__PURE__ */ t.jsx(D2, { fetchState: "In-Progress" })
+      }
+    );
+  if (e.monthEndCloseChecks == null || e.fetchState === "Error" || e.monthClosePerformanceTrendFetchStatus.fetchState === "Error")
+    return /* @__PURE__ */ t.jsx(K, { children: /* @__PURE__ */ t.jsx(
+      ye,
+      {
+        "data-testid": j(
+          "expense-automation-overview-page-reload-page"
+        ),
+        onClick: D,
+        children: /* @__PURE__ */ t.jsx(x2, {})
+      }
+    ) });
+  const {
+    monthEndCloseChecks: {
+      auditSummary: C,
+      monthEndCloseCheckList: W,
+      reportEmailSentDate: T
+    },
+    refreshStatus: s2
+  } = e;
+  let y, k;
+  C.auditScorePercentage <= 50 ? (y = i.important, k = i.importantLight) : C.auditScorePercentage <= 75 ? (y = i.alert, k = i.alertLight) : (y = i.success, k = i.successLight);
+  const i2 = /* @__PURE__ */ t.jsx(
+    He,
+    {
+      "data-testid": j(
+        "expense-automation-overview-page-refresh-icon"
+      ),
+      onClick: D,
+      children: /* @__PURE__ */ t.jsx(
+        B,
+        {
+          style: {
+            marginTop: o.sp1
+          },
+          placement: "bottom",
+          title: u.texts.refresh,
+          enterDelay: 600,
+          children: /* @__PURE__ */ t.jsx(
+            $e,
+            {
+              $spinning: s2.fetchState === "In-Progress"
+            }
+          )
+        }
+      )
+    }
+  ), A = ae(
+    W
+  ), _ = le(
+    W
+  );
+  return /* @__PURE__ */ t.jsxs(de, { children: [
+    /* @__PURE__ */ t.jsx(
+      k2,
+      {
+        title: /* @__PURE__ */ t.jsx(
+          f2,
+          {
+            pickerLabelStyle: { ...c.largeSemiBold.cssObject },
+            onPeriodChange: E,
+            monthEndCloseChecksView: e
+          }
+        ),
+        showBackButton: !0,
+        onBackClick: v,
+        source: "ExpenseAutomationOverviewPage",
+        rightSideComponent: i2
+      }
+    ),
+    /* @__PURE__ */ t.jsxs(Le, { children: [
+      /* @__PURE__ */ t.jsx(he, { children: /* @__PURE__ */ t.jsx(pe, { windowSize: r2, children: /* @__PURE__ */ t.jsxs(ue, { children: [
+        /* @__PURE__ */ t.jsxs(Ce, { children: [
+          /* @__PURE__ */ t.jsx(fe, { children: /* @__PURE__ */ t.jsx(
+            P,
+            {
+              background: !0,
+              value: Math.floor(C.auditScorePercentage),
+              text: `${Math.floor(C.auditScorePercentage)}${u.strings.percentage}`,
+              strokeWidth: 10,
+              styles: {
+                ...R({
+                  strokeLinecap: "butt",
+                  pathColor: y,
+                  textColor: m.colors.primary,
+                  trailColor: m.colors.grey2,
+                  backgroundColor: k
+                }),
+                root: {
+                  width: "96px",
+                  height: "96px",
+                  backgroundColor: k,
+                  borderRadius: "50%"
+                },
+                text: {
+                  fontSize: c.h6Medium.fontSize,
+                  fontFamily: c.h6Medium.fontFamily,
+                  lineHeight: c.h6Medium.lineHeight,
+                  fontWeight: c.h6Medium.fontWeight,
+                  letterSpacing: c.h6Medium.letterSpacing,
+                  fill: i.primaryLight
+                }
+              }
+            }
+          ) }),
+          /* @__PURE__ */ t.jsx(we, { children: /* @__PURE__ */ t.jsxs(ge, { children: [
+            /* @__PURE__ */ t.jsxs(Ee, { children: [
+              /* @__PURE__ */ t.jsxs(je, { children: [
+                /* @__PURE__ */ t.jsx(me, { children: p.overview.confidenceScoreTitle }),
+                /* @__PURE__ */ t.jsx(
+                  B,
+                  {
+                    display: "block",
+                    placement: "top",
+                    position: "relative",
+                    title: p.overview.confidenceScoreTooltip,
+                    style: {
+                      top: "-2px"
+                    },
+                    enterDelay: 600,
+                    children: /* @__PURE__ */ t.jsx(Ae, {})
+                  }
+                ),
+                C.auditReportLastGeneratedDate != null ? /* @__PURE__ */ t.jsx(ve, { children: C.auditReportLastGeneratedDate.utc(!0).fromNow() }) : null
+              ] }),
+              /* @__PURE__ */ t.jsx(b, { children: p.overview.auditScoreDescription })
+            ] }),
+            /* @__PURE__ */ t.jsxs(Te, { children: [
+              /* @__PURE__ */ t.jsxs(U, { children: [
+                /* @__PURE__ */ t.jsx(De, {}),
+                /* @__PURE__ */ t.jsx(b, { children: p.overview.targetClose }),
+                e.monthEndCloseChecks.targetCloseDate != null ? /* @__PURE__ */ t.jsx(w, { children: e.monthEndCloseChecks.targetCloseDate.format(
+                  F.visual.MMMDCommaYYYYformat
+                ) }) : /* @__PURE__ */ t.jsx(w, { children: u.strings.hyphen })
+              ] }),
+              /* @__PURE__ */ t.jsxs(U, { children: [
+                /* @__PURE__ */ t.jsx(We, {}),
+                /* @__PURE__ */ t.jsx(b, { children: p.overview.daysToClose }),
+                /* @__PURE__ */ t.jsx(w, { children: n2 })
+              ] })
+            ] }),
+            /* @__PURE__ */ t.jsx(
+              H2,
+              {
+                style: { alignSelf: "flex-start" },
+                variant: "primary",
+                label: u.texts.review,
+                onClick: x
+              }
+            )
+          ] }) })
+        ] }),
+        e.monthClosePerformanceTrend.length > 0 ? /* @__PURE__ */ t.jsx(
+          B2,
+          {
+            data: e.monthClosePerformanceTrend.slice(
+              -6
+            ),
+            height: 160
+          }
+        ) : /* @__PURE__ */ t.jsx(O2, {})
+      ] }) }) }),
+      /* @__PURE__ */ t.jsxs(xe, { children: [
+        /* @__PURE__ */ t.jsxs(N, { children: [
+          /* @__PURE__ */ t.jsx(V, { cardDisabled: !1, children: p.overview.checklist }),
+          /* @__PURE__ */ t.jsx(z, { children: A.map((s, f) => {
+            const l = s.isDisabled;
+            let g, H;
+            return s.progress <= 50 ? (g = i.important, H = i.importantLight) : s.progress <= 75 ? (g = i.alert, H = i.alertLight) : (g = i.success, H = i.successLight), /* @__PURE__ */ t.jsxs(
+              Y,
+              {
+                index: f,
+                totalCards: A.length,
+                "data-testid": j(
+                  "expense-automation-overview-page-month-end-close-check-card",
+                  s.id
+                ),
+                cardDisabled: l,
+                onClick: () => {
+                  l === !1 && d(s.id);
+                },
+                children: [
+                  /* @__PURE__ */ t.jsxs(X, { children: [
+                    /* @__PURE__ */ t.jsx(
+                      J,
+                      {
+                        cardDisabled: l,
+                        isDarkMode: m.mode === "dark",
+                        children: /* @__PURE__ */ t.jsx(
+                          O,
+                          {
+                            as: I[s.id] ?? null
+                          }
+                        )
+                      }
+                    ),
+                    /* @__PURE__ */ t.jsxs(M, { children: [
+                      /* @__PURE__ */ t.jsx(V, { cardDisabled: l, children: s.title }),
+                      /* @__PURE__ */ t.jsx(
+                        Z,
+                        {
+                          className: "card-description",
+                          cardDisabled: l,
+                          children: s.description
+                        }
+                      )
+                    ] })
+                  ] }),
+                  s.metrics.map(($) => /* @__PURE__ */ t.jsx(
+                    ce,
+                    {
+                      string: $.label,
+                      count: $.value
+                    },
+                    $.columnIndex
+                  )),
+                  /* @__PURE__ */ t.jsx(
+                    P,
+                    {
+                      background: !0,
+                      value: Math.floor(s.progress),
+                      text: `${Math.floor(s.progress)}${u.strings.percentage}`,
+                      strokeWidth: 10,
+                      styles: {
+                        ...R({
+                          strokeLinecap: "butt",
+                          pathColor: g,
+                          textColor: m.colors.primary,
+                          trailColor: m.colors.grey2,
+                          backgroundColor: H
+                        }),
+                        root: {
+                          width: o.sp7,
+                          height: o.sp7,
+                          backgroundColor: H,
+                          borderRadius: "50%"
+                        },
+                        text: {
+                          fontSize: c.h6Medium.fontSize,
+                          fontFamily: c.h6Medium.fontFamily,
+                          lineHeight: c.h6Medium.lineHeight,
+                          fontWeight: c.h6Medium.fontWeight,
+                          letterSpacing: c.h6Medium.letterSpacing,
+                          fill: i.primaryLight
+                        }
+                      }
+                    }
+                  ),
+                  /* @__PURE__ */ t.jsx(
+                    G,
+                    {
+                      className: "card-right-chevron",
+                      disabled: l
+                    }
+                  )
+                ]
+              },
+              s.id
+            );
+          }) })
+        ] }),
+        /* @__PURE__ */ t.jsxs(N, { children: [
+          /* @__PURE__ */ t.jsx(V, { cardDisabled: !1, children: p.overview.checklistReport }),
+          /* @__PURE__ */ t.jsx(z, { children: _.map((s, f) => {
+            const l = !a, g = l === !0 || s.id === "month_end_insights" && e.monthEndCloseChecks?.reportEmailSentDate != null;
+            return /* @__PURE__ */ t.jsxs(
+              Y,
+              {
+                index: f,
+                totalCards: _.length,
+                "data-testid": j(
+                  "expense-automation-overview-page-month-end-close-check-card",
+                  s.id
+                ),
+                cardDisabled: l,
+                onClick: () => {
+                  g === !1 && d(s.id);
+                },
+                children: [
+                  /* @__PURE__ */ t.jsxs(X, { children: [
+                    /* @__PURE__ */ t.jsx(
+                      J,
+                      {
+                        cardDisabled: l,
+                        isDarkMode: m.mode === "dark",
+                        children: /* @__PURE__ */ t.jsx(
+                          O,
+                          {
+                            as: I[s.id] ?? null
+                          }
+                        )
+                      }
+                    ),
+                    /* @__PURE__ */ t.jsxs(M, { children: [
+                      /* @__PURE__ */ t.jsx(V, { cardDisabled: l, children: s.title }),
+                      /* @__PURE__ */ t.jsx(
+                        Z,
+                        {
+                          className: "card-description",
+                          cardDisabled: l,
+                          children: s.description
+                        }
+                      )
+                    ] })
+                  ] }),
+                  /* @__PURE__ */ t.jsxs(ke, { children: [
+                    s.id === "month_end_insights" && T != null ? /* @__PURE__ */ t.jsxs(Me, { children: [
+                      /* @__PURE__ */ t.jsx(Se, { children: u.texts.closed }),
+                      /* @__PURE__ */ t.jsx(be, { children: T.format(
+                        F.visual.MMMDCommaYYYYformat
+                      ) })
+                    ] }) : null,
+                    /* @__PURE__ */ t.jsx(M, { children: /* @__PURE__ */ t.jsx(
+                      G,
+                      {
+                        className: "card-right-chevron",
+                        disabled: l
+                      }
+                    ) })
+                  ] })
+                ]
+              },
+              s.id
+            );
+          }) })
+        ] })
+      ] })
+    ] })
+  ] });
+}
+const de = r.div`
+  display: flex;
+  flex-direction: column;
+  background-color: ${(e) => e.theme.colors.grey5};
+  row-gap: ${o.sp3};
+`, he = 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};
+`, pe = r.div`
+  background-repeat: no-repeat;
+  background-image: url(https://storage.googleapis.com/zeni-apis.appspot.com/images/expense-automation-background.png);
+`, ue = 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%;
+`, me = r($2)`
+  color: ${(e) => e.theme.colors.primary};
+`, b = r(b2)`
+  color: ${(e) => e.theme.colors.hero};
+  font-family: ${t2.Roboto};
+`, Ce = r.div`
+  display: flex;
+  column-gap: ${o.sp4};
+  align-items: center;
+`, ge = r.div`
+  display: flex;
+  flex-direction: column;
+  row-gap: ${o.sp3};
+  width: 450px;
+`, Le = r.div`
+  display: flex;
+  flex-direction: column;
+  background-color: ${(e) => e.theme.colors.grey4};
+  row-gap: ${o.sp4};
+`, xe = 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};
+`, V = r(w2)`
+  color: ${(e) => e.cardDisabled ? e.theme.colors.grey2 : e.theme.colors.primary};
+`, N = r.div`
+  display: flex;
+  flex-direction: column;
+  row-gap: ${o.sp3};
+`, z = r.div`
+  display: flex;
+  flex-direction: column;
+`, Y = 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 ? Q`
+          &:hover {
+            border: 1px solid ${e.theme.colors.primary};
+            .card-right-chevron,
+            .card-description,
+            .progress-complete-text {
+              color: ${e.theme.colors.primary};
+            }
+          }
+        ` : null}
+`, Z = r(h)`
+  color: ${(e) => e.cardDisabled ? e.theme.colors.grey2 : e.theme.colors.hero};
+`, ke = r.div`
+  display: flex;
+  align-items: center;
+  column-gap: ${o.sp7};
+`, M = r.div``, G = r(E2)`
+  color: ${(e) => e.disabled ? e.theme.colors.grey2 : e.theme.colors.hero};
+  width: ${o.sp4};
+  height: ${o.sp4};
+`, O = r.div`
+  width: ${o.sp4};
+  height: ${o.sp4};
+  color: ${(e) => e.theme.colors.primary};
+`, J = 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;
+`, fe = r.div`
+  display: flex;
+  height: 96px;
+  justify-content: center;
+  margin-bottom: ${o.sp7};
+  margin-left: ${o.sp7};
+`, He = r.div`
+  color: ${(e) => e.theme.colors.hero};
+  cursor: pointer;
+  &:hover {
+    color: ${(e) => e.theme.colors.primary};
+  }
+`, je = r.div`
+  display: flex;
+  align-items: flex-end;
+  column-gap: ${o.sp2};
+`, ve = r(h)`
+  color: ${(e) => e.theme.colors.hero};
+  margin-bottom: ${o.sp1};
+`, ye = 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;
+`, Ve = m2`
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+`, $e = r(V2, {
+  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 ? Q`
+          ${Ve} 2s linear infinite;
+        ` : "none"};
+  &:hover {
+    color: ${(e) => e.theme.colors.primary};
+  }
+`, Se = r(o2)`
+  color: ${(e) => e.theme.colors.success};
+`, be = r(h)`
+  color: ${(e) => e.theme.colors.success};
+`, Me = r.div`
+  width: 82px;
+  text-align: center;
+`, we = r.div`
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+`, Ee = r.div`
+  display: flex;
+  flex-direction: column;
+  row-gap: ${o.sp1};
+`, U = r.div`
+  display: flex;
+  align-items: center;
+  column-gap: ${o.sp2};
+`, w = r(M2)`
+  color: ${(e) => e.theme.colors.primary};
+  font-family: ${t2.Roboto};
+`, De = r(se)`
+  width: ${o.sp4};
+  height: ${o.sp4};
+  color: ${(e) => e.theme.colors.hero};
+`, We = r(ie)`
+  width: ${o.sp4};
+  height: ${o.sp4};
+  color: ${(e) => e.theme.colors.hero};
+`, Te = r.div`
+  display: flex;
+  align-items: flex-start;
+  flex-direction: column;
+  row-gap: ${o.sp2};
+`, Ae = r(S2)`
+  width: ${o.sp3};
+  height: ${o.sp3};
+  color: ${(e) => e.theme.colors.hero};
+  cursor: pointer;
+  &:hover {
+    color: ${(e) => e.theme.colors.primary};
+  }
+`, _e = r(o2)`
+  color: ${(e) => e.theme.colors.hero};
+  display: flex;
+  align-items: center;
+  column-gap: ${o.sp1};
+  width: 136px;
+`;
+export {
+  Ze as default
+};