@mx-cartographer/experiences 7.0.27-alpha.sms5 → 7.0.27-alpha.sms6

package/dist/{TrendsStore-WrHxzdbQ.mjs → TrendsStore-pvzHAX6B.mjs}

@@ -1,74 +1,69 @@
-import M, { useState as J, useEffect as K, useRef as vt } from "react";
-import { l as St, u as _t, k as Q } from "./hooks-DkUqN6JE.mjs";
 import { jsxs as f, jsx as s } from "react/jsx-runtime";
+import M, { useRef as Ct, useState as bt, useEffect as vt } from "react";
 import L from "@mui/material/Box";
 import T from "@mui/material/Stack";
-import { useTheme as U } from "@mui/material/styles";
-import { LineChart as Mt } from "@mui/x-charts";
-import { u as Z } from "./useScreenSize-B6JyS_Lj.mjs";
-import { u as Tt } from "./useDimensions-27p2evRx.mjs";
-import { observer as Dt } from "mobx-react-lite";
-import At from "@mui/material/Card";
-import Lt from "@mui/material/CardContent";
+import { useTheme as J } from "@mui/material/styles";
+import { LineChart as St } from "@mui/x-charts";
+import { u as K } from "./useScreenSize-B6JyS_Lj.mjs";
+import { u as _t } from "./useDimensions-27p2evRx.mjs";
+import { observer as Mt } from "mobx-react-lite";
+import Tt from "@mui/material/Card";
+import Dt from "@mui/material/CardContent";
 import P from "@mui/material/Divider";
 import X from "@mui/material/Grid";
-import { CategoryIcon as Rt, Text as S } from "@mxenabled/mxui";
-import { b as It } from "./Localization-2MODESHW.mjs";
+import { CategoryIcon as At, Text as S } from "@mxenabled/mxui";
+import { u as Lt, l as Q } from "./hooks-DlI63qSB.mjs";
+import { b as Rt } from "./Localization-2MODESHW.mjs";
 import { C as O } from "./CurrencyText-YUhH2caW.mjs";
-import { useTheme as wt, Card as Ht, CardContent as Et, Box as kt } from "@mui/material";
-import { f as R, D as I } from "./Dialog-CWW597AF.mjs";
-import Gt from "@mui/material/Button";
-import { C as A, b as Nt, c as Bt } from "./Category-CevNQ03n.mjs";
-import { f as z } from "./NumberFormatting-CtWHhyBX.mjs";
-import Ot from "@mui/material/ListItem";
-import $t from "@mui/material/ListItemButton";
-import V from "@mui/material/ListItemIcon";
-import Wt from "@mui/material/ListItemText";
-import { makeAutoObservable as jt } from "mobx";
-import { addSeconds as Ft } from "date-fns/addSeconds";
-import { differenceInCalendarMonths as Yt } from "date-fns/differenceInCalendarMonths";
+import { useTheme as wt, Card as Ht, CardContent as It, Box as kt } from "@mui/material";
+import { f as R, D as w } from "./Dialog-CWW597AF.mjs";
+import Et from "@mui/material/Button";
+import { C as A, b as Gt, c as Nt } from "./Category-CevNQ03n.mjs";
+import { f as V } from "./NumberFormatting-CtWHhyBX.mjs";
+import Bt from "@mui/material/ListItem";
+import Ot from "@mui/material/ListItemButton";
+import z from "@mui/material/ListItemIcon";
+import $t from "@mui/material/ListItemText";
+import { makeAutoObservable as Wt } from "mobx";
+import { addSeconds as jt } from "date-fns/addSeconds";
+import { differenceInCalendarMonths as Ft } from "date-fns/differenceInCalendarMonths";
 import { endOfMonth as q } from "date-fns/endOfMonth";
-import { subMonths as Pt } from "date-fns/subMonths";
-const Ee = () => {
-  const { isInitialized: o, appDataStore: e } = St(), [r, n] = J(!1);
-  return K(() => {
-    o && e.clientInsightProfile?.is_enabled && n(!0);
-  }, [o, e.clientInsightProfile]), r;
-}, tt = ({ categoryGuid: o, topLevelCategoryGuid: e }) => {
-  const { categories: r } = _t(), { getCategoryName: n } = Q(), a = n(o);
+import { subMonths as Yt } from "date-fns/subMonths";
+const U = ({ categoryGuid: r, topLevelCategoryGuid: e }) => {
+  const { categories: o } = Lt(), { getCategoryName: a } = Q(), n = a(r);
   return /* @__PURE__ */ f(T, { alignItems: "center", direction: "column", gap: "8", justifyContent: "center", mb: 4, children: [
     /* @__PURE__ */ s(
       L,
       {
-        "aria-label": It(r.category_icon_label_aria, a),
+        "aria-label": Rt(o.category_icon_label_aria, n),
         mb: 4,
         role: "img",
-        children: /* @__PURE__ */ s(Rt, { categoryGuid: e })
+        children: /* @__PURE__ */ s(At, { categoryGuid: e })
       }
     ),
-    /* @__PURE__ */ s(S, { variant: "Body", children: a })
+    /* @__PURE__ */ s(S, { variant: "Body", children: n })
   ] });
-}, Xt = ({
-  categoryGuids: { guid: o, topLevelGuid: e },
-  hoveredAreaData: r,
-  cursorPosition: n,
-  chartContainerRef: a
+}, Pt = ({
+  categoryGuids: { guid: r, topLevelGuid: e },
+  hoveredAreaData: o,
+  cursorPosition: a,
+  chartContainerRef: n
 }) => {
-  const i = U(), c = vt(null), [h, g] = J({ x: n.x, y: n.y });
-  if (K(() => {
+  const i = J(), l = Ct(null), [h, g] = bt({ x: a.x, y: a.y });
+  if (vt(() => {
     (() => {
-      const u = c.current, x = a.current;
+      const u = l.current, x = n.current;
       if (!u || !x) return;
-      const y = u.getBoundingClientRect(), C = x.getBoundingClientRect();
-      let p = n.x, v = n.y;
-      p + y.width * 2 > C.right ? p = n.x - y.width : p - y.width < C.left && (p = n.x), v + y.height * 2 > C.bottom && (v = n.y - y.height), g({ x: p, y: v });
+      const y = u.getBoundingClientRect(), b = x.getBoundingClientRect();
+      let p = a.x, v = a.y;
+      p + y.width * 2 > b.right ? p = a.x - y.width : p - y.width < b.left && (p = a.x), v + y.height * 2 > b.bottom && (v = a.y - y.height), g({ x: p, y: v });
     })();
-  }, [n, a]), !r) return null;
-  const b = r.reduce((d, u) => d + u.y, 0);
+  }, [a, n]), !o) return null;
+  const C = o.reduce((d, u) => d + u.y, 0);
   return /* @__PURE__ */ s(
-    At,
+    Tt,
     {
-      ref: c,
+      ref: l,
       sx: {
         position: "absolute",
         top: h.y,
@@ -76,14 +71,14 @@ const Ee = () => {
         width: 250,
         pointerEvents: "none"
       },
-      children: /* @__PURE__ */ f(Lt, { children: [
+      children: /* @__PURE__ */ f(Dt, { children: [
         /* @__PURE__ */ f(L, { alignItems: "center", display: "flex", flexDirection: "column", children: [
-          /* @__PURE__ */ s(tt, { categoryGuid: o, topLevelCategoryGuid: e }),
-          /* @__PURE__ */ s(S, { variant: "Small", children: `${r.length}-month total` }),
-          /* @__PURE__ */ s(O, { amount: b, bold: !0, formatString: "0,0", variant: "body2" })
+          /* @__PURE__ */ s(U, { categoryGuid: r, topLevelCategoryGuid: e }),
+          /* @__PURE__ */ s(S, { variant: "Small", children: `${o.length}-month total` }),
+          /* @__PURE__ */ s(O, { amount: C, bold: !0, formatString: "0,0", variant: "body2" })
         ] }),
         /* @__PURE__ */ s(P, { sx: { my: 16, width: "100%" } }),
-        /* @__PURE__ */ s(X, { container: !0, children: r.map((d, u) => /* @__PURE__ */ f(M.Fragment, { children: [
+        /* @__PURE__ */ s(X, { container: !0, children: o.map((d, u) => /* @__PURE__ */ f(M.Fragment, { children: [
           u > 0 && u % 3 === 0 && /* @__PURE__ */ s(P, { sx: { my: 16, width: "100%" } }),
           /* @__PURE__ */ s(X, { item: !0, xs: 4, children: /* @__PURE__ */ f(L, { alignItems: "center", display: "flex", flexDirection: "column", children: [
             /* @__PURE__ */ s(S, { color: i.palette.text.secondary, variant: "XSmall", children: d.x }),
@@ -101,44 +96,44 @@ const Ee = () => {
       ] })
     }
   );
-}, zt = Dt(Xt), Vt = ({
-  categoryGuids: { guid: o, topLevelGuid: e },
-  itemData: { dataIndex: r },
-  series: n,
-  xData: a
+}, Xt = Mt(Pt), Vt = ({
+  categoryGuids: { guid: r, topLevelGuid: e },
+  itemData: { dataIndex: o },
+  series: a,
+  xData: n
 }) => {
-  const i = wt(), c = n.data[r], h = a[r];
-  return c === void 0 || !h ? null : /* @__PURE__ */ s(Ht, { sx: { pt: 4, px: 8 }, children: /* @__PURE__ */ s(Et, { children: /* @__PURE__ */ f(kt, { alignItems: "center", display: "flex", flexDirection: "column", children: [
-    /* @__PURE__ */ s(tt, { categoryGuid: o, topLevelCategoryGuid: e }),
-    /* @__PURE__ */ s(S, { color: i.palette.text.secondary, variant: "Small", children: R(h, I.MONTH_SHORT_YEAR) }),
-    /* @__PURE__ */ s(O, { amount: String(c), bold: !0, formatString: "0,0", variant: "Body" })
+  const i = wt(), l = a.data[o], h = n[o];
+  return l === void 0 || !h ? null : /* @__PURE__ */ s(Ht, { sx: { pt: 4, px: 8 }, children: /* @__PURE__ */ s(It, { children: /* @__PURE__ */ f(kt, { alignItems: "center", display: "flex", flexDirection: "column", children: [
+    /* @__PURE__ */ s(U, { categoryGuid: r, topLevelCategoryGuid: e }),
+    /* @__PURE__ */ s(S, { color: i.palette.text.secondary, variant: "Small", children: R(h, w.MONTH_SHORT_YEAR) }),
+    /* @__PURE__ */ s(O, { amount: String(l), bold: !0, formatString: "0,0", variant: "Body" })
   ] }) }) });
-}, qt = ({
-  sx: o,
+}, zt = ({
+  sx: r,
   categoryGuids: e,
-  hoveredLegend: r,
-  legendRef: n,
-  onHoverLegend: a,
+  hoveredLegend: o,
+  legendRef: a,
+  onHoverLegend: n,
   onClickLegend: i
 }) => {
-  const { isMobile: c } = Z(), { getCategoryName: h } = Q();
+  const { isMobile: l } = K(), { getCategoryName: h } = Q();
   return /* @__PURE__ */ s(
     T,
     {
       direction: "row",
       flexWrap: "wrap",
-      gap: c ? 2 : 6,
+      gap: l ? 2 : 6,
       justifyContent: "start",
-      ref: n,
-      sx: o,
-      children: e.map(({ guid: g, top_level_guid: b }) => {
-        const d = r === g, u = A[g], x = A[b], y = u ?? x ?? A.default, C = y + "33";
+      ref: a,
+      sx: r,
+      children: e.map(({ guid: g, top_level_guid: C }) => {
+        const d = o === g, u = A[g], x = A[C], y = u ?? x ?? A.default, b = y + "33";
         return /* @__PURE__ */ f(
-          Gt,
+          Et,
           {
             onClick: () => i(g),
-            onMouseEnter: () => a(g),
-            onMouseLeave: () => a(null),
+            onMouseEnter: () => n(g),
+            onMouseLeave: () => n(null),
             sx: {
               color: "text.primary",
               fontWeight: "normal",
@@ -157,9 +152,9 @@ const Ee = () => {
                   sx: {
                     width: 16,
                     height: 16,
-                    marginRight: c ? 5 : 10,
+                    marginRight: l ? 5 : 10,
                     borderRadius: "2px",
-                    backgroundColor: r ? d ? y : C : y
+                    backgroundColor: o ? d ? y : b : y
                   }
                 }
               ),
@@ -171,44 +166,44 @@ const Ee = () => {
       })
     }
   );
-}, ke = ({
-  onHoverArea: o,
+}, Ie = ({
+  onHoverArea: r,
   onHoverPoint: e,
-  onHoverLegend: r,
-  onClickLegend: n,
-  stackedDatasets: a,
+  onHoverLegend: o,
+  onClickLegend: a,
+  stackedDatasets: n,
   unstackedDatasets: i = [],
-  availableHeight: c = 0,
+  availableHeight: l = 0,
   minimumHeight: h = 350
 }) => {
-  const g = U(), { isMobile: b } = Z(), [d, { height: u }] = Tt(), x = M.useRef(null), [y, C] = M.useState(0);
+  const g = J(), { isMobile: C } = K(), [d, { height: u }] = _t(), x = M.useRef(null), [y, b] = M.useState(0);
   M.useEffect(() => {
-    const t = Math.max(c - u, h);
-    C(t);
-  }, [c, u]);
-  const [p, v] = M.useState(null), [et, w] = M.useState({
+    const t = Math.max(l - u, h);
+    b(t);
+  }, [l, u]);
+  const [p, v] = M.useState(null), [Z, H] = M.useState({
     hoveredSeriesId: null,
     hoveredAreaData: null,
     isAreaHovered: !1,
     cursorPos: { x: 0, y: 0 }
-  }), { hoveredSeriesId: D, hoveredAreaData: $, isAreaHovered: ot, cursorPos: H } = et, W = ot && D && $, j = !W, G = [...a, ...i], rt = G[0]?.dataset.length ?? 0, N = G.flatMap((t) => t.dataset.map((l) => l.x)), nt = G.flatMap((t) => t.dataset.map((l) => l.y)), at = a[0]?.dataset?.map(
-    (t, l) => a.reduce((m, _) => m + _.dataset[l]?.y || 0, 0)
-  ) ?? [0], st = Math.max(...at), it = Math.max(
-    ...i.flatMap((t) => t.dataset.map((l) => l.y))
-  ), lt = Math.floor(Math.min(...nt) / 100) * 100, ct = Math.ceil(Math.max(st, it) / 100) * 100, E = a.map((t, l) => ({
-    id: `stacked-${l}`,
+  }), { hoveredSeriesId: D, hoveredAreaData: $, isAreaHovered: tt, cursorPos: I } = Z, W = tt && D && $, j = !W, G = [...n, ...i], et = G[0]?.dataset.length ?? 0, N = G.flatMap((t) => t.dataset.map((c) => c.x)), ot = G.flatMap((t) => t.dataset.map((c) => c.y)), rt = n[0]?.dataset?.map(
+    (t, c) => n.reduce((m, _) => m + _.dataset[c]?.y || 0, 0)
+  ) ?? [0], at = Math.max(...rt), nt = Math.max(
+    ...i.flatMap((t) => t.dataset.map((c) => c.y))
+  ), st = Math.floor(Math.min(...ot) / 100) * 100, it = Math.ceil(Math.max(at, nt) / 100) * 100, k = n.map((t, c) => ({
+    id: `stacked-${c}`,
     guid: t.category_guid,
     top_level_guid: t.top_level_category_guid,
     area: !0,
-    color: a[l].category_color ?? g.palette.primary.main,
+    color: n[c].category_color ?? g.palette.primary.main,
     data: t.dataset.map((m) => m.y),
-    label: a[l].category_name,
+    label: n[c].category_name,
     stack: "total",
     type: "line",
     highlightScope: { highlight: "item" },
-    valueFormatter: (m) => z(m, "0,0")
-  })), F = i.map((t, l) => ({
-    id: `unstacked-${l}`,
+    valueFormatter: (m) => V(m, "0,0")
+  })), F = i.map((t, c) => ({
+    id: `unstacked-${c}`,
     guid: t.category_guid,
     top_level_guid: t.top_level_category_guid,
     area: !1,
@@ -216,66 +211,66 @@ const Ee = () => {
     data: t.dataset.map((m) => m.y),
     label: t.category_name,
     type: "line",
-    valueFormatter: (m) => z(m, "0,0")
-  })), Y = [...E, ...F], dt = [
-    ...E.map(({ guid: t, top_level_guid: l }) => ({
+    valueFormatter: (m) => V(m, "0,0")
+  })), Y = [...k, ...F], ct = [
+    ...k.map(({ guid: t, top_level_guid: c }) => ({
       guid: t,
-      top_level_guid: l
+      top_level_guid: c
     })),
-    ...F.map(({ guid: t, top_level_guid: l }) => ({
+    ...F.map(({ guid: t, top_level_guid: c }) => ({
       guid: t,
-      top_level_guid: l
+      top_level_guid: c
     }))
-  ], k = (t) => {
-    const m = t.startsWith("stacked-") ? a[parseInt(t.split("-")[1])] : i[parseInt(t.split("-")[1])];
+  ], E = (t) => {
+    const m = t.startsWith("stacked-") ? n[parseInt(t.split("-")[1])] : i[parseInt(t.split("-")[1])];
     return {
       guid: m?.category_guid,
       topLevelGuid: m?.top_level_category_guid
     };
-  }, ut = (t) => {
-    v(t), r?.(t ?? "");
+  }, lt = (t) => {
+    v(t), o?.(t ?? "");
+  }, dt = (t) => {
+    a?.(t ?? "");
+  }, ut = () => {
+    const t = E(String(D)).guid;
+    t && a?.(t);
   }, mt = (t) => {
-    n?.(t ?? "");
-  }, gt = () => {
-    const t = k(String(D)).guid;
-    t && n?.(t);
-  }, ht = (t) => {
-    const l = String(t?.seriesId), m = k(l).guid, _ = Y.find((B) => B.id === l), ft = _ && t?.dataIndex !== void 0, xt = _ && t?.dataIndex === void 0;
-    if (ft)
-      w({
-        hoveredSeriesId: l,
+    const c = String(t?.seriesId), m = E(c).guid, _ = Y.find((B) => B.id === c), pt = _ && t?.dataIndex !== void 0, yt = _ && t?.dataIndex === void 0;
+    if (pt)
+      H({
+        hoveredSeriesId: c,
         hoveredAreaData: null,
         isAreaHovered: !1,
-        cursorPos: H
+        cursorPos: I
       }), e?.(m);
-    else if (xt) {
-      const B = _?.data.map((bt, Ct) => ({
-        x: N[Ct],
-        y: bt
+    else if (yt) {
+      const B = _?.data.map((ft, xt) => ({
+        x: N[xt],
+        y: ft
       })) ?? [];
-      w({
-        hoveredSeriesId: l,
+      H({
+        hoveredSeriesId: c,
         hoveredAreaData: B,
         isAreaHovered: !0,
-        cursorPos: H
-      }), o?.(m);
+        cursorPos: I
+      }), r?.(m);
     } else
-      w({
+      H({
         hoveredSeriesId: null,
         hoveredAreaData: null,
         isAreaHovered: !1,
-        cursorPos: H
+        cursorPos: I
       });
-  }, pt = (t) => {
-    const l = t.currentTarget.getBoundingClientRect();
-    w((m) => ({
+  }, gt = (t) => {
+    const c = t.currentTarget.getBoundingClientRect();
+    H((m) => ({
       ...m,
       cursorPos: {
-        x: t.clientX - l.left,
-        y: t.clientY - l.top
+        x: t.clientX - c.left,
+        y: t.clientY - c.top
       }
     }));
-  }, yt = {
+  }, ht = {
     p: 4,
     "& .MuiBarLabel-root": {
       fontSize: 10,
@@ -291,17 +286,17 @@ const Ee = () => {
     '& [class*="MuiLineElement-series-unstacked-"]': {
       strokeWidth: 3
     },
-    ...p && E.reduce((t, l, m) => {
+    ...p && k.reduce((t, c, m) => {
       const _ = `.MuiAreaElement-series-stacked-${m}`;
       return t[_] = {
-        opacity: E[m].guid === p ? 0.9 : 0.2
+        opacity: k[m].guid === p ? 0.9 : 0.2
       }, t;
     }, {})
   };
   return /* @__PURE__ */ s(
     L,
     {
-      onMouseMove: pt,
+      onMouseMove: gt,
       ref: x,
       sx: {
         position: "relative",
@@ -322,12 +317,12 @@ const Ee = () => {
           sx: { width: "100%", position: "relative" },
           children: [
             /* @__PURE__ */ s(
-              Mt,
+              St,
               {
                 height: y,
                 margin: { bottom: 50 },
-                onAreaClick: gt,
-                onHighlightChange: ht,
+                onAreaClick: ut,
+                onHighlightChange: mt,
                 series: Y,
                 skipAnimation: !0,
                 slotProps: {
@@ -339,13 +334,13 @@ const Ee = () => {
                   itemContent: (t) => j && D ? /* @__PURE__ */ s(
                     Vt,
                     {
-                      categoryGuids: k(D),
+                      categoryGuids: E(D),
                       xData: N,
                       ...t
                     }
                   ) : null
                 },
-                sx: yt,
+                sx: ht,
                 tooltip: {
                   trigger: j ? "item" : "none"
                 },
@@ -353,39 +348,39 @@ const Ee = () => {
                   {
                     data: N,
                     scaleType: "time",
-                    valueFormatter: (t) => R(t, I.MONTH_SHORT_YEAR),
-                    tickNumber: rt
+                    valueFormatter: (t) => R(t, w.MONTH_SHORT_YEAR),
+                    tickNumber: et
                     // How many ticks to show on the x-axis
                   }
                 ],
                 yAxis: [
                   {
-                    min: lt,
-                    max: ct || 100
+                    min: st,
+                    max: it || 100
                   }
                 ]
               }
             ),
             /* @__PURE__ */ s(
-              qt,
+              zt,
               {
-                categoryGuids: dt,
+                categoryGuids: ct,
                 hoveredLegend: p,
                 legendRef: d,
-                onClickLegend: mt,
-                onHoverLegend: ut,
-                sx: { px: b ? 0 : 24 }
+                onClickLegend: dt,
+                onHoverLegend: lt,
+                sx: { px: C ? 0 : 24 }
               }
             ),
             W && /* @__PURE__ */ s(
-              zt,
+              Xt,
               {
-                categoryGuids: k(D),
+                categoryGuids: E(D),
                 chartContainerRef: x,
-                cursorPosition: H,
+                cursorPosition: I,
                 hoveredAreaData: $.map((t) => ({
                   ...t,
-                  x: R(t.x, I.MONTH_SHORT_YEAR)
+                  x: R(t.x, w.MONTH_SHORT_YEAR)
                 }))
               }
             )
@@ -394,19 +389,19 @@ const Ee = () => {
       )
     }
   );
-}, Ge = ({
-  onClick: o,
+}, ke = ({
+  onClick: r,
   leftIcon: e,
-  rightIcon: r,
-  title: n,
-  subtitle: a,
+  rightIcon: o,
+  title: a,
+  subtitle: n,
   rightContent: i,
-  titleBold: c = !0,
+  titleBold: l = !0,
   rightContentBold: h = !0
 }) => {
   const g = /* @__PURE__ */ f(M.Fragment, { children: [
-    e && /* @__PURE__ */ s(V, { sx: { ml: 0 }, children: e }),
-    /* @__PURE__ */ s(Wt, { children: /* @__PURE__ */ f(
+    e && /* @__PURE__ */ s(z, { sx: { ml: 0 }, children: e }),
+    /* @__PURE__ */ s($t, { children: /* @__PURE__ */ f(
       T,
       {
         sx: {
@@ -416,21 +411,21 @@ const Ee = () => {
         },
         children: [
           /* @__PURE__ */ f(T, { sx: { flex: 1, minWidth: 0 }, children: [
-            /* @__PURE__ */ s(S, { bold: c, variant: "body1", children: n }),
-            a && /* @__PURE__ */ s(S, { variant: "caption", children: a })
+            /* @__PURE__ */ s(S, { bold: l, variant: "body1", children: a }),
+            n && /* @__PURE__ */ s(S, { variant: "caption", children: n })
           ] }),
           /* @__PURE__ */ f(T, { sx: { flexDirection: "row", alignItems: "center", gap: 1 }, children: [
             i && /* @__PURE__ */ s(S, { bold: h, display: "flex", variant: "body1", children: i }),
-            r && /* @__PURE__ */ s(V, { children: r })
+            o && /* @__PURE__ */ s(z, { children: o })
           ] })
         ]
       }
     ) })
   ] });
-  return /* @__PURE__ */ s(Ot, { sx: { bgcolor: "background.paper" }, children: o ? /* @__PURE__ */ s(
-    $t,
+  return /* @__PURE__ */ s(Bt, { sx: { bgcolor: "background.paper" }, children: r ? /* @__PURE__ */ s(
+    Ot,
     {
-      onClick: o,
+      onClick: r,
       sx: {
         py: 14
       },
@@ -449,77 +444,77 @@ const Ee = () => {
       children: g
     }
   ) });
-}, Jt = (o) => A[o] ?? A.default, Kt = (o) => Bt[o];
-function Qt(o, e) {
-  const r = [], n = new Date(o);
-  for (; n <= e; ) {
-    const a = n.getFullYear(), i = String(n.getMonth() + 1).padStart(2, "0");
-    r.push(+`${a}${i}`), n.setMonth(n.getMonth() + 1);
+}, qt = (r) => A[r] ?? A.default, Jt = (r) => Nt[r];
+function Kt(r, e) {
+  const o = [], a = new Date(r);
+  for (; a <= e; ) {
+    const n = a.getFullYear(), i = String(a.getMonth() + 1).padStart(2, "0");
+    o.push(+`${n}${i}`), a.setMonth(a.getMonth() + 1);
   }
-  return r;
+  return o;
 }
-const Ut = (o) => o.reduce((r, n) => {
-  const a = {
-    top_level_category_guid: n.top_level_category_guid,
-    category_guid: n.category_guid,
-    amount: n.total,
-    year_month: n.year_month
-  }, { top_level_category_guid: i, category_guid: c } = a;
-  return r[c] || (r[c] = []), r[c].push(a), i !== c && (r[i] || (r[i] = []), r[i].push(a)), r;
-}, {}), Ne = (o, e, r) => {
-  const n = Ut(o), a = Qt(e, r);
-  return Object.entries(n).map(([c, h]) => {
-    const g = h[0].top_level_category_guid, b = a.map((d) => {
+const Qt = (r) => r.reduce((o, a) => {
+  const n = {
+    top_level_category_guid: a.top_level_category_guid,
+    category_guid: a.category_guid,
+    amount: a.total,
+    year_month: a.year_month
+  }, { top_level_category_guid: i, category_guid: l } = n;
+  return o[l] || (o[l] = []), o[l].push(n), i !== l && (o[i] || (o[i] = []), o[i].push(n)), o;
+}, {}), Ee = (r, e, o) => {
+  const a = Qt(r), n = Kt(e, o);
+  return Object.entries(a).map(([l, h]) => {
+    const g = h[0].top_level_category_guid, C = n.map((d) => {
       const u = h.filter((p) => p.year_month === d).reduce((p, v) => p + Math.abs(v.amount), 0), x = Number(String(d).slice(0, 4)), y = Number(String(d).slice(4));
       return { x: new Date(x, y - 1), y: u };
     }).sort((d, u) => d.x.getTime() - u.x.getTime());
     return {
       top_level_category_guid: g,
-      category_guid: c,
-      category_name: Kt(c),
-      category_color: Jt(g),
-      dataset: b
+      category_guid: l,
+      category_name: Jt(l),
+      category_color: qt(g),
+      dataset: C
     };
   });
-}, Be = (o, e) => {
-  const r = typeof o == "string" ? parseFloat(o.replace(/[^0-9.-]+/g, "")) : o, n = typeof e == "string" ? parseFloat(e.replace(/[^0-9.-]+/g, "")) : e;
-  return (r || 0) - (n || 0);
-}, Zt = (o, e) => {
-  const r = o.subCategories.filter((i) => i.currentAmount !== 0), n = o.totalMonthlyAmounts.slice(-e), a = (i) => i.substring(0, 3) + " " + i.slice(-4);
-  return n.map((i) => {
-    const c = a(i.label), h = r.map((d) => {
-      const u = d.monthlyAmounts.slice(-e).find((x) => a(x.label) === c);
+}, Ge = (r, e) => {
+  const o = typeof r == "string" ? parseFloat(r.replace(/[^0-9.-]+/g, "")) : r, a = typeof e == "string" ? parseFloat(e.replace(/[^0-9.-]+/g, "")) : e;
+  return (o || 0) - (a || 0);
+}, Ut = (r, e) => {
+  const o = r.subCategories.filter((i) => i.currentAmount !== 0), a = r.totalMonthlyAmounts.slice(-e), n = (i) => i.substring(0, 3) + " " + i.slice(-4);
+  return a.map((i) => {
+    const l = n(i.label), h = o.map((d) => {
+      const u = d.monthlyAmounts.slice(-e).find((x) => n(x.label) === l);
       return {
         label: d.name,
         amount: Math.abs(u?.amount || 0),
-        header: c
+        header: l
       };
-    }), g = o.monthlyAmounts.slice(-e).find((d) => a(d.label) === c);
+    }), g = r.monthlyAmounts.slice(-e).find((d) => n(d.label) === l);
     return [{
-      label: o.name,
+      label: r.name,
       amount: Math.abs(g?.amount || 0),
-      header: c
+      header: l
     }, ...h].sort((d, u) => u.amount - d.amount);
   });
-}, te = (o, e) => {
-  const r = o ? o.totalMonthlyAmounts.slice(-e).map((a) => ({
-    x: a.label.substring(0, 3),
-    y: Math.abs(a.amount)
-  })) : [], n = o ? Zt(o, e) : [];
-  return { monthlyAmounts: r, tooltipLabels: n };
-}, ee = (o) => o.slice().filter(
-  (e) => e.totalAmount !== 0 && e.isTransfer === !1 && e.guid !== Nt.INVESTMENTS
-).sort((e, r) => Math.abs(r.totalAmount) - Math.abs(e.totalAmount));
-class Oe {
+}, Zt = (r, e) => {
+  const o = r ? r.totalMonthlyAmounts.slice(-e).map((n) => ({
+    x: n.label.substring(0, 3),
+    y: Math.abs(n.amount)
+  })) : [], a = r ? Ut(r, e) : [];
+  return { monthlyAmounts: o, tooltipLabels: a };
+}, te = (r) => r.slice().filter(
+  (e) => e.totalAmount !== 0 && e.isTransfer === !1 && e.guid !== Gt.INVESTMENTS
+).sort((e, o) => Math.abs(o.totalAmount) - Math.abs(e.totalAmount));
+class Ne {
   globalStore;
   selectedCategoryData = null;
   selectedDateRange;
   visibleListLength = 5;
   constructor(e) {
     this.globalStore = e, this.selectedDateRange = {
-      start: Ft(q(Pt(/* @__PURE__ */ new Date(), 6)), 1),
+      start: jt(q(Yt(/* @__PURE__ */ new Date(), 6)), 1),
       end: q(/* @__PURE__ */ new Date())
-    }, jt(this);
+    }, Wt(this);
   }
   setSelectedCategoryData = (e) => {
     this.selectedCategoryData = e;
@@ -531,16 +526,16 @@ class Oe {
     this.visibleListLength = e;
   };
   get sortedDetailedCategoriesWithTransactions() {
-    return ee(
+    return te(
       this.globalStore.categoryStore.detailedCategoriesWithTransactions
     );
   }
   get selectedDateRangeMonthCount() {
-    return Yt(this.selectedDateRange.end, this.selectedDateRange.start) + 1;
+    return Ft(this.selectedDateRange.end, this.selectedDateRange.start) + 1;
   }
   get selectedDateRangeMonthRange() {
-    const e = R(this.selectedDateRange.start, I.MONTH_LONG), r = R(this.selectedDateRange.end, I.MONTH_LONG);
-    return `${e} - ${r}`;
+    const e = R(this.selectedDateRange.start, w.MONTH_LONG), o = R(this.selectedDateRange.end, w.MONTH_LONG);
+    return `${e} - ${o}`;
   }
   get visibleCategories() {
     return this.sortedDetailedCategoriesWithTransactions.slice(0, this.visibleListLength);
@@ -549,17 +544,16 @@ class Oe {
     return this.sortedDetailedCategoriesWithTransactions.slice(this.visibleListLength);
   }
   get categoryDetailsChartData() {
-    return te(
+    return Zt(
       this.selectedCategoryData,
       this.selectedDateRangeMonthCount
     );
   }
 }
 export {
-  Ge as L,
-  ke as S,
-  Oe as T,
-  Be as a,
-  Ne as g,
-  Ee as u
+  ke as L,
+  Ie as S,
+  Ne as T,
+  Ge as a,
+  Ee as g
 };