@mx-cartographer/experiences 7.6.6 → 7.6.8

package/dist/trends/index.es.js

@@ -1,41 +1,41 @@
-import { jsxs as C, jsx as e, Fragment as gt } from "react/jsx-runtime";
-import h, { useRef as mt, useState as pt, useEffect as ft } from "react";
-import { observer as A } from "mobx-react-lite";
-import { CategoryIcon as Se, Text as F, Icon as _e, P as ge, H3 as je, ChevronRightIcon as Ct } from "@mxenabled/mxui";
-import M from "@mui/material/Box";
-import T from "@mui/material/Stack";
+import { jsxs as C, jsx as e, Fragment as mt } from "react/jsx-runtime";
+import p, { useRef as pt, useState as ft, useEffect as Ct } from "react";
+import { observer as R } from "mobx-react-lite";
+import { CategoryIcon as Se, Text as z, Icon as _e, P as ge, H3 as je, ChevronRightIcon as yt } from "@mxenabled/mxui";
+import A from "@mui/material/Box";
+import S from "@mui/material/Stack";
 import be from "@mui/material/Button";
 import { addSeconds as Ue } from "date-fns/addSeconds";
 import { differenceInCalendarMonths as ke } from "date-fns/differenceInCalendarMonths";
-import yt from "numeral";
+import _t from "numeral";
 import { useTheme as ce } from "@mui/material/styles";
-import { useItemTooltip as _t, ChartsTooltipContainer as bt } from "@mui/x-charts/ChartsTooltip";
-import { LineChart as Tt } from "@mui/x-charts/LineChart";
-import { u as ee } from "../useScreenSize-B6JyS_Lj.mjs";
-import { u as St } from "../useDimensions-27p2evRx.mjs";
+import { useItemTooltip as bt, ChartsTooltipContainer as Tt } from "@mui/x-charts/ChartsTooltip";
+import { LineChart as St } from "@mui/x-charts/LineChart";
+import { u as X } from "../useScreenSize-B6JyS_Lj.mjs";
+import { u as wt } from "../useDimensions-27p2evRx.mjs";
 import Xe from "@mui/material/Card";
 import Ze from "@mui/material/CardContent";
 import He from "@mui/material/Divider";
 import Ge from "@mui/material/Grid";
-import { u as R, m as U, g as V, b as pe, h as xe, d as ve, v as fe, p as Qe, f as We, a as xt } from "../hooks-ZMp65DFz.mjs";
-import { b as qe } from "../Localization-2MODESHW.mjs";
+import { u as k, m as Z, g as F, b as pe, h as we, d as xe, v as fe, p as Qe, f as We, a as qe } from "../hooks-ZMp65DFz.mjs";
+import { b as Je } from "../Localization-2MODESHW.mjs";
 import { C as Te } from "../CurrencyText-Dr0EZ7bp.mjs";
-import { C as Ae, b as Be, c as vt } from "../Category-CevNQ03n.mjs";
-import { f as j, a as W } from "../Dialog-BlnUNqVo.mjs";
-import { f as se, a as wt } from "../NumberFormatting-DjTD0t3W.mjs";
-import { c as It, a as Ve, g as Lt, L as Je } from "../TrendsStore-CQAsOAvy.mjs";
+import { C as Ae, b as Be, c as xt } from "../Category-CevNQ03n.mjs";
+import { f as U, a as B } from "../Dialog-BlnUNqVo.mjs";
+import { f as se, a as vt } from "../NumberFormatting-DjTD0t3W.mjs";
+import { c as It, a as Ve, g as Lt, L as et } from "../TrendsStore-CQAsOAvy.mjs";
 import { T as Kn } from "../TrendsStore-CQAsOAvy.mjs";
-import { c as Et, i as Dt, d as Mt, e as At, b as et, g as tt, f as Pe } from "../SpendingData-zOn0cwrq.mjs";
+import { c as Et, i as Dt, d as Mt, e as At, b as tt, g as ot, f as Pe } from "../SpendingData-zOn0cwrq.mjs";
 import Rt from "@mui/material/ToggleButton";
 import kt from "@mui/material/ToggleButtonGroup";
 import { DataGridPro as Ht } from "@mui/x-data-grid-pro";
-import { T as O, b as Nt } from "../ViewMoreMicroCard-DwR0v_ll.mjs";
-import { parseISO as ot } from "date-fns/parseISO";
+import { T as V, b as Nt } from "../ViewMoreMicroCard-DwR0v_ll.mjs";
+import { parseISO as nt } from "date-fns/parseISO";
 import { H as Re } from "../HeaderCell-DjuifqHJ.mjs";
-import { A as v, W as nt } from "../WidgetContainer-8RexRzms.mjs";
-import { a as st, T as rt } from "../TransactionDetails-vXstDuDk.mjs";
+import { A as x, W as st } from "../WidgetContainer-8RexRzms.mjs";
+import { a as rt, T as at } from "../TransactionDetails-vXstDuDk.mjs";
 import { D as Ne } from "../Drawer-DV4NTsFg.mjs";
-import { u as we } from "../useWidgetLoadTimer-hIOioiKx.mjs";
+import { u as ve } from "../useWidgetLoadTimer-hIOioiKx.mjs";
 import { L as me } from "../Loader-DUaFpDGv.mjs";
 import { L as Oe } from "../LineChart-BF4QA-Lx.mjs";
 import { M as Wt } from "../MiniWidgetContainer-98-hKFqm.mjs";
@@ -48,7 +48,7 @@ import Yt from "@mui/material/ListItem";
 import jt from "@mui/material/ListItemButton";
 import Ut from "@mui/material/ListItemIcon";
 import Xt from "@mui/material/ListItemText";
-import at from "@mui/material/styles/useTheme";
+import it from "@mui/material/styles/useTheme";
 import { Stack as Zt } from "@mui/material";
 import Qt from "@mui/material/Paper";
 import { b as qt } from "../CategoryUtil-CKczWF-y.mjs";
@@ -56,19 +56,19 @@ import { E as Jt } from "../ExportCsvAction-Col0j3VJ.mjs";
 import { u as eo } from "../useInsightsEnabled-B7dxpDrX.mjs";
 import { E as to } from "../EmptyState-DoxNUae-.mjs";
 import { l as oo } from "../ConnectDrawer-DJV-yWGN.mjs";
-const it = ({ categoryGuid: o, topLevelCategoryGuid: s }) => {
-  const { categories: n } = R(), { getCategoryName: t } = U(), r = t(o);
-  return /* @__PURE__ */ C(T, { alignItems: "center", direction: "column", gap: "8", justifyContent: "center", mb: 4, children: [
+const ct = ({ categoryGuid: o, topLevelCategoryGuid: s }) => {
+  const { categories: n } = k(), { getCategoryName: t } = Z(), r = t(o);
+  return /* @__PURE__ */ C(S, { alignItems: "center", direction: "column", gap: "8", justifyContent: "center", mb: 4, children: [
     /* @__PURE__ */ e(
-      M,
+      A,
       {
-        "aria-label": qe(n.category_icon_label_aria, r),
+        "aria-label": Je(n.category_icon_label_aria, r),
         mb: 4,
         role: "img",
         children: /* @__PURE__ */ e(Se, { categoryGuid: s })
       }
     ),
-    /* @__PURE__ */ e(F, { variant: "Body", children: r })
+    /* @__PURE__ */ e(z, { variant: "Body", children: r })
   ] });
 }, no = ({
   categoryGuids: { guid: o, topLevelGuid: s },
@@ -76,39 +76,39 @@ const it = ({ categoryGuid: o, topLevelCategoryGuid: s }) => {
   cursorPosition: t,
   chartContainerRef: r
 }) => {
-  const a = ce(), l = mt(null), [d, c] = pt({ x: t.x, y: t.y });
-  if (ft(() => {
+  const a = ce(), d = pt(null), [u, i] = ft({ x: t.x, y: t.y });
+  if (Ct(() => {
     (() => {
-      const u = l.current, y = r.current;
-      if (!u || !y) return;
-      const g = u.getBoundingClientRect(), p = y.getBoundingClientRect();
-      let _ = t.x, S = t.y;
-      _ + g.width * 2 > p.right ? _ = t.x - g.width : _ - g.width < p.left && (_ = t.x), S + g.height * 2 > p.bottom && (S = t.y - g.height), c({ x: _, y: S });
+      const l = d.current, y = r.current;
+      if (!l || !y) return;
+      const g = l.getBoundingClientRect(), m = y.getBoundingClientRect();
+      let _ = t.x, T = t.y;
+      _ + g.width * 2 > m.right ? _ = t.x - g.width : _ - g.width < m.left && (_ = t.x), T + g.height * 2 > m.bottom && (T = t.y - g.height), i({ x: _, y: T });
     })();
   }, [t, r]), !n) return null;
-  const m = n.reduce((f, u) => f + u.y, 0);
+  const h = n.reduce((f, l) => f + l.y, 0);
   return /* @__PURE__ */ e(
     Xe,
     {
-      ref: l,
+      ref: d,
       sx: {
         position: "absolute",
-        top: d.y,
-        left: d.x,
+        top: u.y,
+        left: u.x,
         width: 250,
         pointerEvents: "none"
       },
       children: /* @__PURE__ */ C(Ze, { children: [
-        /* @__PURE__ */ C(M, { alignItems: "center", display: "flex", flexDirection: "column", children: [
-          /* @__PURE__ */ e(it, { categoryGuid: o, topLevelCategoryGuid: s }),
-          /* @__PURE__ */ e(F, { variant: "Small", children: `${n.length}-month total` }),
-          /* @__PURE__ */ e(Te, { amount: m, bold: !0, formatString: "0,0", variant: "body2" })
+        /* @__PURE__ */ C(A, { alignItems: "center", display: "flex", flexDirection: "column", children: [
+          /* @__PURE__ */ e(ct, { categoryGuid: o, topLevelCategoryGuid: s }),
+          /* @__PURE__ */ e(z, { variant: "Small", children: `${n.length}-month total` }),
+          /* @__PURE__ */ e(Te, { amount: h, bold: !0, formatString: "0,0", variant: "body2" })
         ] }),
         /* @__PURE__ */ e(He, { sx: { my: 16, width: "100%" } }),
-        /* @__PURE__ */ e(Ge, { container: !0, children: n.map((f, u) => /* @__PURE__ */ C(h.Fragment, { children: [
-          u > 0 && u % 3 === 0 && /* @__PURE__ */ e(He, { sx: { my: 16, width: "100%" } }),
-          /* @__PURE__ */ e(Ge, { item: !0, xs: 4, children: /* @__PURE__ */ C(M, { alignItems: "center", display: "flex", flexDirection: "column", children: [
-            /* @__PURE__ */ e(F, { color: a.palette.text.secondary, variant: "XSmall", children: f.x }),
+        /* @__PURE__ */ e(Ge, { container: !0, children: n.map((f, l) => /* @__PURE__ */ C(p.Fragment, { children: [
+          l > 0 && l % 3 === 0 && /* @__PURE__ */ e(He, { sx: { my: 16, width: "100%" } }),
+          /* @__PURE__ */ e(Ge, { item: !0, xs: 4, children: /* @__PURE__ */ C(A, { alignItems: "center", display: "flex", flexDirection: "column", children: [
+            /* @__PURE__ */ e(z, { color: a.palette.text.secondary, variant: "XSmall", children: f.x }),
             /* @__PURE__ */ e(
               Te,
               {
@@ -119,11 +119,11 @@ const it = ({ categoryGuid: o, topLevelCategoryGuid: s }) => {
               }
             )
           ] }) })
-        ] }, u)) })
+        ] }, l)) })
       ] })
     }
   );
-}, so = A(no), ro = ({
+}, so = R(no), ro = ({
   sx: o,
   categoryGuids: s,
   hoveredLegend: n,
@@ -131,23 +131,23 @@ const it = ({ categoryGuid: o, topLevelCategoryGuid: s }) => {
   onHoverLegend: r,
   onClickLegend: a
 }) => {
-  const { isMobile: l } = ee(), { getCategoryName: d } = U();
+  const { isMobile: d } = X(), { getCategoryName: u } = Z();
   return /* @__PURE__ */ e(
-    T,
+    S,
     {
       direction: "row",
       flexWrap: "wrap",
-      gap: l ? 2 : 6,
+      gap: d ? 2 : 6,
       justifyContent: "start",
       ref: t,
       sx: o,
-      children: s.map(({ guid: c, top_level_guid: m }) => {
-        const f = n === c, u = Ae[c], y = Ae[m], g = u ?? y ?? Ae.default, p = g + "33";
+      children: s.map(({ guid: i, top_level_guid: h }) => {
+        const f = n === i, l = Ae[i], y = Ae[h], g = l ?? y ?? Ae.default, m = g + "33";
         return /* @__PURE__ */ C(
           be,
           {
-            onClick: () => a(c),
-            onMouseEnter: () => r(c),
+            onClick: () => a(i),
+            onMouseEnter: () => r(i),
             onMouseLeave: () => r(null),
             sx: {
               color: "text.primary",
@@ -162,21 +162,21 @@ const it = ({ categoryGuid: o, topLevelCategoryGuid: s }) => {
             },
             children: [
               /* @__PURE__ */ e(
-                M,
+                A,
                 {
                   sx: {
                     width: 16,
                     height: 16,
-                    marginRight: l ? 5 : 10,
+                    marginRight: d ? 5 : 10,
                     borderRadius: "2px",
-                    backgroundColor: n ? f ? g : p : g
+                    backgroundColor: n ? f ? g : m : g
                   }
                 }
               ),
-              /* @__PURE__ */ e(F, { variant: "Body", children: d(c) })
+              /* @__PURE__ */ e(z, { variant: "Body", children: u(i) })
             ]
           },
-          c
+          i
         );
       })
     }
@@ -186,15 +186,15 @@ const it = ({ categoryGuid: o, topLevelCategoryGuid: s }) => {
   series: n,
   xData: t
 }) => {
-  const r = _t(), a = ce();
+  const r = bt(), a = ce();
   if (!r?.identifier) return null;
-  const { dataIndex: l, seriesId: d } = r.identifier;
-  if (l == null || !d) return null;
-  const m = n.find((u) => u.id === d)?.data?.[l], f = t?.[l];
-  return m === void 0 || !f ? null : /* @__PURE__ */ e(Xe, { sx: { pt: 4, px: 8 }, children: /* @__PURE__ */ e(Ze, { children: /* @__PURE__ */ C(M, { alignItems: "center", display: "flex", flexDirection: "column", children: [
-    /* @__PURE__ */ e(it, { categoryGuid: o, topLevelCategoryGuid: s }),
-    /* @__PURE__ */ e(F, { color: a.palette.text.secondary, variant: "Small", children: j(f, W.MONTH_SHORT_YEAR) }),
-    /* @__PURE__ */ e(Te, { amount: String(m), bold: !0, formatString: "0,0", variant: "Body" })
+  const { dataIndex: d, seriesId: u } = r.identifier;
+  if (d == null || !u) return null;
+  const h = n.find((l) => l.id === u)?.data?.[d], f = t?.[d];
+  return h === void 0 || !f ? null : /* @__PURE__ */ e(Xe, { sx: { pt: 4, px: 8 }, children: /* @__PURE__ */ e(Ze, { children: /* @__PURE__ */ C(A, { alignItems: "center", display: "flex", flexDirection: "column", children: [
+    /* @__PURE__ */ e(ct, { categoryGuid: o, topLevelCategoryGuid: s }),
+    /* @__PURE__ */ e(z, { color: a.palette.text.secondary, variant: "Small", children: U(f, B.MONTH_SHORT_YEAR) }),
+    /* @__PURE__ */ e(Te, { amount: String(h), bold: !0, formatString: "0,0", variant: "Body" })
   ] }) }) });
 }, io = ({
   onHoverArea: o,
@@ -203,103 +203,103 @@ const it = ({ categoryGuid: o, topLevelCategoryGuid: s }) => {
   onClickLegend: t,
   stackedDatasets: r,
   unstackedDatasets: a = [],
-  availableHeight: l = 0,
-  minimumHeight: d = 350
+  availableHeight: d = 0,
+  minimumHeight: u = 350
 }) => {
-  const c = ce(), { isMobile: m } = ee(), [f, { height: u }] = St(), y = h.useRef(null), [g, p] = h.useState(0);
-  h.useEffect(() => {
-    const i = Math.max(l - u, d);
-    p(i);
-  }, [l, u]);
-  const [_, S] = h.useState(null), [L, w] = h.useState({
+  const i = ce(), { isMobile: h } = X(), [f, { height: l }] = wt(), y = p.useRef(null), [g, m] = p.useState(0);
+  p.useEffect(() => {
+    const c = Math.max(d - l, u);
+    m(c);
+  }, [d, l]);
+  const [_, T] = p.useState(null), [L, I] = p.useState({
     hoveredSeriesId: null,
     hoveredAreaData: null,
     isAreaHovered: !1,
     cursorPos: { x: 0, y: 0 }
-  }), { hoveredSeriesId: E, hoveredAreaData: G, isAreaHovered: D, cursorPos: B } = L, te = D && E && G, H = !te, P = [...r, ...a], z = P[0]?.dataset.length ?? 0, X = P.flatMap((i) => i.dataset.map((b) => b.x)), Ce = P.flatMap((i) => i.dataset.map((b) => b.y)), oe = r[0]?.dataset?.map(
-    (i, b) => r.reduce((I, Y) => I + Y.dataset[b]?.y || 0, 0)
-  ) ?? [0], re = Math.max(...oe), Z = Math.max(
-    ...a.flatMap((i) => i.dataset.map((b) => b.y))
-  ), le = Math.floor(Math.min(...Ce) / 100) * 100, ne = Math.ceil(Math.max(re, Z) / 100) * 100, $ = r.map((i, b) => ({
+  }), { hoveredSeriesId: E, hoveredAreaData: P, isAreaHovered: H, cursorPos: D } = L, $ = H && E && P, M = !$, O = [...r, ...a], N = O[0]?.dataset.length ?? 0, Q = O.flatMap((c) => c.dataset.map((b) => b.x)), Ce = O.flatMap((c) => c.dataset.map((b) => b.y)), oe = r[0]?.dataset?.map(
+    (c, b) => r.reduce((v, j) => v + j.dataset[b]?.y || 0, 0)
+  ) ?? [0], re = Math.max(...oe), q = Math.max(
+    ...a.flatMap((c) => c.dataset.map((b) => b.y))
+  ), le = Math.floor(Math.min(...Ce) / 100) * 100, ne = Math.ceil(Math.max(re, q) / 100) * 100, K = r.map((c, b) => ({
     id: `stacked-${b}`,
-    guid: i.category_guid,
-    top_level_guid: i.top_level_category_guid,
+    guid: c.category_guid,
+    top_level_guid: c.top_level_category_guid,
     area: !0,
-    color: r[b].category_color ?? c.palette.primary.main,
-    data: i.dataset.map((I) => I.y),
+    color: r[b].category_color ?? i.palette.primary.main,
+    data: c.dataset.map((v) => v.y),
     label: r[b].category_name,
     stack: "total",
     type: "line",
     highlightScope: { highlight: "item" },
-    valueFormatter: (I) => se(I, "0,0")
-  })), ae = a.map((i, b) => ({
+    valueFormatter: (v) => se(v, "0,0")
+  })), ae = a.map((c, b) => ({
     id: `unstacked-${b}`,
-    guid: i.category_guid,
-    top_level_guid: i.top_level_category_guid,
+    guid: c.category_guid,
+    top_level_guid: c.top_level_category_guid,
     area: !1,
-    color: i.category_color,
-    data: i.dataset.map((I) => I.y),
-    label: i.category_name,
+    color: c.category_color,
+    data: c.dataset.map((v) => v.y),
+    label: c.category_name,
     type: "line",
-    valueFormatter: (I) => se(I, "0,0")
-  })), Q = [...$, ...ae], ie = [
-    ...$.map(({ guid: i, top_level_guid: b }) => ({
-      guid: i,
+    valueFormatter: (v) => se(v, "0,0")
+  })), J = [...K, ...ae], ie = [
+    ...K.map(({ guid: c, top_level_guid: b }) => ({
+      guid: c,
       top_level_guid: b
     })),
-    ...ae.map(({ guid: i, top_level_guid: b }) => ({
-      guid: i,
+    ...ae.map(({ guid: c, top_level_guid: b }) => ({
+      guid: c,
       top_level_guid: b
     }))
-  ], q = (i) => {
-    const I = i.startsWith("stacked-") ? r[parseInt(i.split("-")[1])] : a[parseInt(i.split("-")[1])];
+  ], ee = (c) => {
+    const v = c.startsWith("stacked-") ? r[parseInt(c.split("-")[1])] : a[parseInt(c.split("-")[1])];
     return {
-      guid: I?.category_guid,
-      topLevelGuid: I?.top_level_category_guid
+      guid: v?.category_guid,
+      topLevelGuid: v?.top_level_category_guid
     };
-  }, x = (i) => {
-    S(i), n?.(i ?? "");
-  }, N = (i) => {
-    t?.(i ?? "");
-  }, K = () => {
-    const i = q(String(E)).guid;
-    i && t?.(i);
-  }, de = (i) => {
-    const b = String(i?.seriesId), I = q(b).guid, Y = Q.find((ue) => ue.id === b), Le = Y && i?.dataIndex !== void 0, Ee = Y && i?.dataIndex === void 0;
+  }, w = (c) => {
+    T(c), n?.(c ?? "");
+  }, G = (c) => {
+    t?.(c ?? "");
+  }, Y = () => {
+    const c = ee(String(E)).guid;
+    c && t?.(c);
+  }, de = (c) => {
+    const b = String(c?.seriesId), v = ee(b).guid, j = J.find((ue) => ue.id === b), Le = j && c?.dataIndex !== void 0, Ee = j && c?.dataIndex === void 0;
     if (Le)
-      w({
+      I({
         hoveredSeriesId: b,
         hoveredAreaData: null,
         isAreaHovered: !1,
-        cursorPos: B
-      }), s?.(I);
+        cursorPos: D
+      }), s?.(v);
     else if (Ee) {
-      const ue = Y?.data.map((De, Me) => ({
-        x: X[Me],
+      const ue = j?.data.map((De, Me) => ({
+        x: Q[Me],
         y: De
       })) ?? [];
-      w({
+      I({
         hoveredSeriesId: b,
         hoveredAreaData: ue,
         isAreaHovered: !0,
-        cursorPos: B
-      }), o?.(I);
+        cursorPos: D
+      }), o?.(v);
     } else
-      w({
+      I({
         hoveredSeriesId: null,
         hoveredAreaData: null,
         isAreaHovered: !1,
-        cursorPos: B
+        cursorPos: D
       });
-  }, ye = (i) => {
-    if (i.target instanceof Element && i.target.classList[0]?.includes("MuiMarkElement-root"))
+  }, ye = (c) => {
+    if (c.target instanceof Element && c.target.classList[0]?.includes("MuiMarkElement-root"))
       return;
-    const b = i.currentTarget.getBoundingClientRect();
-    w((I) => ({
-      ...I,
+    const b = c.currentTarget.getBoundingClientRect();
+    I((v) => ({
+      ...v,
       cursorPos: {
-        x: i.clientX - b.left,
-        y: i.clientY - b.top
+        x: c.clientX - b.left,
+        y: c.clientY - b.top
       }
     }));
   }, Ie = {
@@ -318,15 +318,15 @@ const it = ({ categoryGuid: o, topLevelCategoryGuid: s }) => {
     '& [class*="MuiLineElement-series-unstacked-"]': {
       strokeWidth: 3
     },
-    ..._ && $.reduce((i, b, I) => {
-      const Y = `.MuiAreaElement-series-stacked-${I}`;
-      return i[Y] = {
-        opacity: $[I].guid === _ ? 0.9 : 0.2
-      }, i;
+    ..._ && K.reduce((c, b, v) => {
+      const j = `.MuiAreaElement-series-stacked-${v}`;
+      return c[j] = {
+        opacity: K[v].guid === _ ? 0.9 : 0.2
+      }, c;
     }, {})
   };
   return /* @__PURE__ */ e(
-    M,
+    A,
     {
       onMouseMove: ye,
       ref: y,
@@ -342,43 +342,43 @@ const it = ({ categoryGuid: o, topLevelCategoryGuid: s }) => {
         }
       },
       children: /* @__PURE__ */ C(
-        T,
+        S,
         {
           direction: { xs: "column", md: "column" },
           spacing: { xs: 0, md: 4 },
           sx: { width: "100%", position: "relative" },
           children: [
             /* @__PURE__ */ e(
-              Tt,
+              St,
               {
                 height: g,
                 hideLegend: !0,
                 margin: { bottom: 24, left: 12, right: 54, top: 48 },
-                onAreaClick: K,
+                onAreaClick: Y,
                 onHighlightChange: de,
-                series: Q,
+                series: J,
                 skipAnimation: !0,
                 slotProps: {
-                  tooltip: { trigger: H ? "item" : "none" }
+                  tooltip: { trigger: M ? "item" : "none" }
                 },
                 slots: {
-                  tooltip: H && E ? (i) => /* @__PURE__ */ e(bt, { children: /* @__PURE__ */ e(
+                  tooltip: M && E ? (c) => /* @__PURE__ */ e(Tt, { children: /* @__PURE__ */ e(
                     ao,
                     {
-                      ...i,
-                      categoryGuids: q(E),
-                      series: Q,
-                      xData: X
+                      ...c,
+                      categoryGuids: ee(E),
+                      series: J,
+                      xData: Q
                     }
                   ) }) : void 0
                 },
                 sx: Ie,
                 xAxis: [
                   {
-                    data: X,
+                    data: Q,
                     scaleType: "time",
-                    valueFormatter: (i) => j(i, W.MONTH_SHORT_YEAR),
-                    tickNumber: z
+                    valueFormatter: (c) => U(c, B.MONTH_SHORT_YEAR),
+                    tickNumber: N
                     // How many ticks to show on the x-axis
                   }
                 ],
@@ -386,7 +386,7 @@ const it = ({ categoryGuid: o, topLevelCategoryGuid: s }) => {
                   {
                     min: le,
                     max: ne || 100,
-                    valueFormatter: (i) => yt(i).format("0a")
+                    valueFormatter: (c) => _t(c).format("0a")
                   }
                 ]
               }
@@ -397,20 +397,20 @@ const it = ({ categoryGuid: o, topLevelCategoryGuid: s }) => {
                 categoryGuids: ie,
                 hoveredLegend: _,
                 legendRef: f,
-                onClickLegend: N,
-                onHoverLegend: x,
-                sx: { px: m ? 0 : 24 }
+                onClickLegend: G,
+                onHoverLegend: w,
+                sx: { px: h ? 0 : 24 }
               }
             ),
-            te && /* @__PURE__ */ e(
+            $ && /* @__PURE__ */ e(
               so,
               {
-                categoryGuids: q(E),
+                categoryGuids: ee(E),
                 chartContainerRef: y,
-                cursorPosition: B,
-                hoveredAreaData: G.map((i) => ({
-                  ...i,
-                  x: j(i.x, W.MONTH_SHORT_YEAR)
+                cursorPosition: D,
+                hoveredAreaData: P.map((c) => ({
+                  ...c,
+                  x: U(c.x, B.MONTH_SHORT_YEAR)
                 }))
               }
             )
@@ -419,8 +419,8 @@ const it = ({ categoryGuid: o, topLevelCategoryGuid: s }) => {
       )
     }
   );
-}, ct = ({ selectedTab: o, onTabChange: s }) => {
-  const { common: n } = R();
+}, lt = ({ selectedTab: o, onTabChange: s }) => {
+  const { common: n } = k();
   return /* @__PURE__ */ e(
     kt,
     {
@@ -443,23 +443,23 @@ const it = ({ categoryGuid: o, topLevelCategoryGuid: s }) => {
       ))
     }
   );
-}, lt = ({ selectedDateRange: o, selectedCategoryGuid: s }) => {
-  const { trends: n } = R(), { isMobile: t, isDesktop: r } = ee(), { getCategoryName: a } = U(), l = h.useMemo(() => {
-    const d = o.start.getFullYear() === o.end.getFullYear() ? j(
+}, dt = ({ selectedDateRange: o, selectedCategoryGuid: s }) => {
+  const { trends: n } = k(), { isMobile: t, isDesktop: r } = X(), { getCategoryName: a } = Z(), d = p.useMemo(() => {
+    const u = o.start.getFullYear() === o.end.getFullYear() ? U(
       o.start,
-      t ? W.MONTH_SHORT : W.MONTH_LONG
-    ) : j(
+      t ? B.MONTH_SHORT : B.MONTH_LONG
+    ) : U(
       o.start,
-      t ? W.MONTH_SHORT_YEAR : W.MONTH_YEAR
-    ), c = j(
+      t ? B.MONTH_SHORT_YEAR : B.MONTH_YEAR
+    ), i = U(
       o.end,
-      t ? W.MONTH_SHORT_YEAR : W.MONTH_YEAR
+      t ? B.MONTH_SHORT_YEAR : B.MONTH_YEAR
     );
-    return `${d} - ${c}`;
+    return `${u} - ${i}`;
   }, [o, t]);
-  return /* @__PURE__ */ C(M, { sx: { mr: 10, minWidth: "60%" }, children: [
+  return /* @__PURE__ */ C(A, { sx: { mr: 10, minWidth: "60%" }, children: [
     /* @__PURE__ */ e(
-      F,
+      z,
       {
         display: "block",
         fontWeight: 700,
@@ -472,12 +472,12 @@ const it = ({ categoryGuid: o, topLevelCategoryGuid: s }) => {
         children: a(s) || n.sub_title
       }
     ),
-    /* @__PURE__ */ e(F, { variant: r ? "subtitle1" : "body2", children: l })
+    /* @__PURE__ */ e(z, { variant: r ? "subtitle1" : "body2", children: d })
   ] });
-}, co = ({ name: o, topLevelCategoryGuid: s }) => /* @__PURE__ */ C(T, { alignItems: "center", direction: "row", justifyContent: "center", children: [
-  /* @__PURE__ */ e(M, { "aria-hidden": !0, children: /* @__PURE__ */ e(Se, { categoryGuid: s, variant: "twotone" }) }),
-  /* @__PURE__ */ e(F, { sx: { ml: 12 }, variant: "body2", children: o })
-] }), lo = (o) => /* @__PURE__ */ e(T, { alignItems: "center", direction: "row", role: "rowheader", tabIndex: o.tabIndex, children: /* @__PURE__ */ e(
+}, co = ({ name: o, topLevelCategoryGuid: s }) => /* @__PURE__ */ C(S, { alignItems: "center", direction: "row", justifyContent: "center", children: [
+  /* @__PURE__ */ e(A, { "aria-hidden": !0, children: /* @__PURE__ */ e(Se, { categoryGuid: s, variant: "twotone" }) }),
+  /* @__PURE__ */ e(z, { sx: { ml: 12 }, variant: "body2", children: o })
+] }), lo = (o) => /* @__PURE__ */ e(S, { alignItems: "center", direction: "row", role: "rowheader", tabIndex: o.tabIndex, children: /* @__PURE__ */ e(
   co,
   {
     name: o.row.category,
@@ -485,7 +485,7 @@ const it = ({ categoryGuid: o, topLevelCategoryGuid: s }) => {
   }
 ) }), Fe = (o) => {
   const s = o.row.category_guid, n = o.row.top_level_category_guid, t = s === Be.INCOME || n === Be.INCOME, r = o.row[o.field];
-  return /* @__PURE__ */ e(T, { alignItems: "flex-end", direction: "row", tabIndex: o.tabIndex, children: /* @__PURE__ */ e(
+  return /* @__PURE__ */ e(S, { alignItems: "flex-end", direction: "row", tabIndex: o.tabIndex, children: /* @__PURE__ */ e(
     Te,
     {
       amount: t ? Math.abs(r) : r,
@@ -496,15 +496,15 @@ const it = ({ categoryGuid: o, topLevelCategoryGuid: s }) => {
     }
   ) });
 }, ze = (o, s) => {
-  const n = j(ot(s.isoDate), W.MONTH_LONG);
+  const n = U(nt(s.isoDate), B.MONTH_LONG);
   return o[n] = s.amount, o;
 }, $e = (o) => (s, n) => {
-  const t = j(ot(n.isoDate), W.MONTH_LONG);
+  const t = U(nt(n.isoDate), B.MONTH_LONG);
   return s + (o.includes(t) ? n.amount : 0);
 }, uo = (o, s) => {
   const n = [], t = new Date(o);
   for (; t <= s; ) {
-    const r = j(t, W.MONTH_LONG);
+    const r = U(t, B.MONTH_LONG);
     n.push(r), t.setMonth(t.getMonth() + 1);
   }
   return n;
@@ -552,22 +552,22 @@ const it = ({ categoryGuid: o, topLevelCategoryGuid: s }) => {
   return [n, ...t, r];
 }, go = (o, s, n, t) => {
   const r = o.map((a) => {
-    let l = a.totalMonthlyAmounts;
-    return t && (l = a.monthlyAmounts), {
+    let d = a.totalMonthlyAmounts;
+    return t && (d = a.monthlyAmounts), {
       id: a.guid,
       category: a.name,
       category_guid: a.guid,
       isParent: !1,
       top_level_category_guid: a.parent_guid || a.guid,
-      total: l.reduce($e(n), 0),
-      ...l.reduce(ze, {})
+      total: d.reduce($e(n), 0),
+      ...d.reduce(ze, {})
     };
   });
   if (t) {
     const a = t.monthlyAmounts.reduce($e(n), 0);
     a !== 0 && r.push({
       id: `sub-${t.guid}`,
-      category: qe(s.category_general, t.name),
+      category: Je(s.category_general, t.name),
       category_guid: t.guid,
       isParent: !0,
       top_level_category_guid: t.guid,
@@ -576,34 +576,34 @@ const it = ({ categoryGuid: o, topLevelCategoryGuid: s }) => {
     });
   }
   return r;
-}, dt = ({
+}, ut = ({
   selectedDateRange: o,
   selectedCategory: s,
   onClickRow: n,
   height: t = "100%",
   sx: r = {}
 }) => {
-  const a = ce(), { onEvent: l } = V(), { trends: d } = R(), { trendsCategories: c } = U(), m = h.useMemo(() => uo(o.start, o.end), [o]), f = a.palette.mode === "light", u = h.useMemo(() => ho(m, d), [m, d]), y = h.useMemo(() => {
+  const a = ce(), { onEvent: d } = F(), { trends: u } = k(), { trendsCategories: i } = Z(), h = p.useMemo(() => uo(o.start, o.end), [o]), f = a.palette.mode === "light", l = p.useMemo(() => ho(h, u), [h, u]), y = p.useMemo(() => {
     if (s)
-      return c.find((p) => p.guid === s);
-  }, [s, c]), g = h.useMemo(() => {
-    let p = c;
-    return y && (p = y.subCategories.filter(
-      (_) => _.monthlyAmounts.some((S) => S.amount !== 0)
-    )), go(p, d, m, y);
-  }, [c, m, y, d]);
-  return /* @__PURE__ */ e(M, { sx: { height: t, width: "100%", overflowX: "auto", boxShadow: "none", ...r }, children: /* @__PURE__ */ e(
+      return i.find((m) => m.guid === s);
+  }, [s, i]), g = p.useMemo(() => {
+    let m = i;
+    return y && (m = y.subCategories.filter(
+      (_) => _.monthlyAmounts.some((T) => T.amount !== 0)
+    )), go(m, u, h, y);
+  }, [i, h, y, u]);
+  return /* @__PURE__ */ e(A, { sx: { height: t, width: "100%", overflowX: "auto", boxShadow: "none", ...r }, children: /* @__PURE__ */ e(
     Ht,
     {
-      columns: u,
+      columns: l,
       disableColumnFilter: !0,
       disableColumnMenu: !0,
       hideFooter: !0,
       initialState: { sorting: { sortModel: [{ field: "category", sort: "asc" }] } },
-      onRowClick: (p) => {
-        y || n?.(p.row.category_guid), l(v.TRENDS_CLICK_LIST_ITEM, {
-          ...O,
-          listItem: vt[p.row.category_guid]
+      onRowClick: (m) => {
+        y || n?.(m.row.category_guid), d(x.TRENDS_CLICK_LIST_ITEM, {
+          ...V,
+          listItem: xt[m.row.category_guid]
         });
       },
       rowHeight: 64,
@@ -633,92 +633,92 @@ const it = ({ categoryGuid: o, topLevelCategoryGuid: s }) => {
   isOpen: n,
   onClose: t
 }) => {
-  const { onEvent: r } = V(), { selectedAccountGuids: a } = pe(), { common: l } = R(), { setFilter: d, sortedTransactions: c } = xe(), [m, f] = h.useState(""), u = h.useMemo(
-    () => c.find((g) => g.guid === m),
-    [m, c]
+  const { onEvent: r } = F(), { selectedAccountGuids: a } = pe(), { common: d } = k(), { setFilter: u, sortedTransactions: i } = we(), [h, f] = p.useState(""), l = p.useMemo(
+    () => i.find((g) => g.guid === h),
+    [h, i]
   );
-  h.useEffect(() => {
-    d({
+  p.useEffect(() => {
+    u({
       accounts: a,
       dateRange: s,
       custom: (g) => o === "" || o === g.category_guid || o === g.top_level_category_guid,
       showSplits: !!o
     });
-  }, [a, o, s]), h.useEffect(() => r(v.TRENDS_VIEW_TRANSACTIONS), []);
+  }, [a, o, s]), p.useEffect(() => r(x.TRENDS_VIEW_TRANSACTIONS), []);
   const y = () => {
     f(""), t();
   };
   return /* @__PURE__ */ C(
     Ne,
     {
-      ariaLabelClose: l.close_aria,
+      ariaLabelClose: d.close_aria,
       isOpen: n,
       onClose: y,
       title: mo.title,
       children: [
-        u && /* @__PURE__ */ e(st, { transaction: u }),
-        !u && /* @__PURE__ */ e(rt, { onClick: f })
+        l && /* @__PURE__ */ e(rt, { transaction: l }),
+        !l && /* @__PURE__ */ e(at, { onClick: f })
       ]
     }
   );
-}, fo = A(po), Co = ({ onBackClick: o, sx: s }) => {
-  const { onEvent: n } = V(), { isDesktop: t, isTablet: r, isMobile: a } = ee(), { visibleAccounts: l } = ve(), { loadMonthlyCategoryTotals: d, monthlyCategoryTotals: c, getCategoryName: m } = U(), { sortedTransactions: f } = xe(), { selectedDateRange: u, setSelectedDateRange: y } = fe(), { isCopyLoaded: g, isInitialized: p, selectedAccounts: _, setSelectedAccounts: S } = pe(), { trends: L } = R(), [w, E] = h.useState(!1), [G, D] = h.useState(!1), [B, te] = h.useState("Chart"), [H, P] = h.useState(""), [z, X] = h.useState(window.innerHeight), oe = z - (a ? 315 : 345);
-  we({
+}, fo = R(po), Co = ({ onBackClick: o, sx: s }) => {
+  const { onEvent: n } = F(), { isDesktop: t, isTablet: r, isMobile: a } = X(), { visibleAccounts: d } = xe(), { loadMonthlyCategoryTotals: u, monthlyCategoryTotals: i, getCategoryName: h } = Z(), { sortedTransactions: f } = we(), { selectedDateRange: l, setSelectedDateRange: y } = fe(), { isCopyLoaded: g, isInitialized: m, selectedAccounts: _, setSelectedAccounts: T } = pe(), { trends: L } = k(), [I, E] = p.useState(!1), [P, H] = p.useState(!1), [D, $] = p.useState("Chart"), [M, O] = p.useState(""), [N, Q] = p.useState(window.innerHeight), oe = N - (a ? 315 : 345);
+  ve({
     widgetName: "TrendsFullWidget",
-    isLoaded: w
-  }), h.useEffect(() => {
-    const x = () => X(window.innerHeight);
-    return window.addEventListener("resize", x), () => window.removeEventListener("resize", x);
-  }, []), h.useEffect(() => {
-    S(l);
-  }, [l]), h.useEffect(() => {
-    p && d(
+    isLoaded: I
+  }), p.useEffect(() => {
+    const w = () => Q(window.innerHeight);
+    return window.addEventListener("resize", w), () => window.removeEventListener("resize", w);
+  }, []), p.useEffect(() => {
+    T(d);
+  }, [d]), p.useEffect(() => {
+    m && u(
       _,
-      u.start,
-      u.end
+      l.start,
+      l.end
     ).finally(() => {
       E(!0);
     });
-  }, [p, _, u]);
-  const re = h.useMemo(() => {
-    if (!w) return { stackedDatasets: [], unstackedDatasets: [] };
-    const x = Lt(
-      c,
-      u.start,
-      u.end
-    ), N = H.length ? x.filter(
-      (K) => K.top_level_category_guid === H || K.category_guid === H
-    ) : Et(x);
+  }, [m, _, l]);
+  const re = p.useMemo(() => {
+    if (!I) return { stackedDatasets: [], unstackedDatasets: [] };
+    const w = Lt(
+      i,
+      l.start,
+      l.end
+    ), G = M.length ? w.filter(
+      (Y) => Y.top_level_category_guid === M || Y.category_guid === M
+    ) : Et(w);
     return {
-      stackedDatasets: N.filter(Dt),
-      unstackedDatasets: N.filter(Mt)
+      stackedDatasets: G.filter(Dt),
+      unstackedDatasets: G.filter(Mt)
     };
-  }, [c, H, u]), Z = (x, N) => {
-    te(N ?? B), n(v.TRENDS_CLICK_TOGGLE_VIEW);
-  }, le = (x) => {
-    const N = Ue(x?.[0], 1), K = x?.[1], de = ke(K, N);
-    y({ start: N, end: K }), n(v.TRENDS_CLICK_TIME_WINDOW, {
+  }, [i, M, l]), q = (w, G) => {
+    $(G ?? D), n(x.TRENDS_CLICK_TOGGLE_VIEW);
+  }, le = (w) => {
+    const G = Ue(w?.[0], 1), Y = w?.[1], de = ke(Y, G);
+    y({ start: G, end: Y }), n(x.TRENDS_CLICK_TIME_WINDOW, {
       time_period: de + "M"
     });
   }, ne = () => {
-    n(v.TRENDS_CLICK_FILTER);
-  }, $ = (x) => {
-    P(x);
-  }, ae = (x) => {
-    P(x), n(v.TRENDS_CLICK_LEGEND, { category: m(x) });
-  }, Q = (x) => {
-    n(v.TRENDS_HOVER_LEGEND, { category: m(x) });
-  }, ie = (x) => {
-    n(v.TRENDS_HOVER_AREA, { category: x });
-  }, q = (x) => {
-    n(v.TRENDS_HOVER_POINT, { category: x });
+    n(x.TRENDS_CLICK_FILTER);
+  }, K = (w) => {
+    O(w);
+  }, ae = (w) => {
+    O(w), n(x.TRENDS_CLICK_LEGEND, { category: h(w) });
+  }, J = (w) => {
+    n(x.TRENDS_HOVER_LEGEND, { category: h(w) });
+  }, ie = (w) => {
+    n(x.TRENDS_HOVER_AREA, { category: w });
+  }, ee = (w) => {
+    n(x.TRENDS_HOVER_POINT, { category: w });
   };
-  return !g || !p || !w ? /* @__PURE__ */ e(me, {}) : /* @__PURE__ */ C(
-    nt,
+  return !g || !m || !I ? /* @__PURE__ */ e(me, {}) : /* @__PURE__ */ C(
+    st,
     {
-      accountOptions: l,
+      accountOptions: d,
       calendarActions: { onRangeChanged: le },
-      dateRange: u,
+      dateRange: l,
       dateRangeVariant: "timeframebuttons",
       onAccountsFilterClick: ne,
       onBackClick: o,
@@ -726,7 +726,7 @@ const it = ({ categoryGuid: o, topLevelCategoryGuid: s }) => {
       title: L.title,
       children: [
         /* @__PURE__ */ C(
-          T,
+          S,
           {
             sx: {
               // eslint-disable-next-line no-nested-ternary
@@ -734,49 +734,49 @@ const it = ({ categoryGuid: o, topLevelCategoryGuid: s }) => {
             },
             children: [
               /* @__PURE__ */ C(
-                T,
+                S,
                 {
                   flexDirection: "row",
                   justifyContent: "space-between",
                   sx: { pb: a ? 12 : 24, pt: a ? 24 : 48 },
                   children: [
                     /* @__PURE__ */ e(
-                      lt,
+                      dt,
                       {
-                        selectedCategoryGuid: H,
-                        selectedDateRange: u
+                        selectedCategoryGuid: M,
+                        selectedDateRange: l
                       }
                     ),
-                    /* @__PURE__ */ e(ct, { onTabChange: Z, selectedTab: B })
+                    /* @__PURE__ */ e(lt, { onTabChange: q, selectedTab: D })
                   ]
                 }
               ),
-              /* @__PURE__ */ C(T, { alignItems: "center", flexDirection: "row", width: "100%", children: [
-                /* @__PURE__ */ e(M, { flexGrow: 1, children: H && /* @__PURE__ */ C(be, { onClick: () => P(""), sx: { p: 0, pr: 5 }, children: [
+              /* @__PURE__ */ C(S, { alignItems: "center", flexDirection: "row", width: "100%", children: [
+                /* @__PURE__ */ e(A, { flexGrow: 1, children: M && /* @__PURE__ */ C(be, { onClick: () => O(""), sx: { p: 0, pr: 5 }, children: [
                   /* @__PURE__ */ e(_e, { name: "arrow_back" }),
                   L.all_categories
                 ] }) }),
-                /* @__PURE__ */ e(be, { onClick: () => D(!0), sx: { px: 5 }, children: `${L.view_transactions} (${f.length})` })
+                /* @__PURE__ */ e(be, { onClick: () => H(!0), sx: { px: 5 }, children: `${L.view_transactions} (${f.length})` })
               ] }),
-              /* @__PURE__ */ C(M, { children: [
-                B === "Chart" && /* @__PURE__ */ e(
+              /* @__PURE__ */ C(A, { children: [
+                D === "Chart" && /* @__PURE__ */ e(
                   io,
                   {
                     availableHeight: oe,
                     onClickLegend: ae,
                     onHoverArea: ie,
-                    onHoverLegend: Q,
-                    onHoverPoint: q,
+                    onHoverLegend: J,
+                    onHoverPoint: ee,
                     stackedDatasets: re.stackedDatasets,
                     unstackedDatasets: re.unstackedDatasets
                   }
                 ),
-                B === "Table" && /* @__PURE__ */ e(
-                  dt,
+                D === "Table" && /* @__PURE__ */ e(
+                  ut,
                   {
-                    onClickRow: $,
-                    selectedCategory: H,
-                    selectedDateRange: u
+                    onClickRow: K,
+                    selectedCategory: M,
+                    selectedDateRange: l
                   }
                 )
               ] })
@@ -786,17 +786,17 @@ const it = ({ categoryGuid: o, topLevelCategoryGuid: s }) => {
         /* @__PURE__ */ e(
           fo,
           {
-            categoryGuid: H,
-            dateRange: u,
-            isOpen: G,
-            onClose: () => D(!1)
+            categoryGuid: M,
+            dateRange: l,
+            isOpen: P,
+            onClose: () => H(!1)
           }
         )
       ]
     }
   );
-}, Bn = A(Co), yo = () => {
-  const { monthlyCategoryTotals: o } = U(), { trends: s } = R(), n = ce(), { availableHeight: t = 300 } = Qe(), r = At(o);
+}, Bn = R(Co), yo = () => {
+  const { monthlyCategoryTotals: o } = Z(), { trends: s } = k(), n = ce(), { availableHeight: t = 300 } = Qe(), r = At(o);
   return /* @__PURE__ */ e(
     Oe,
     {
@@ -813,28 +813,28 @@ const it = ({ categoryGuid: o, topLevelCategoryGuid: s }) => {
       valueFormatterString: "0,0"
     }
   );
-}, _o = A(yo), bo = ({ onPrimaryCtaClick: o, sx: s }) => {
-  const { visibleAccounts: n } = ve(), { loadMonthlyCategoryTotals: t, monthlyTotalsLoaded: r } = U(), { isInitialized: a } = We(), { trends: l } = R(), { isCopyLoaded: d, selectedAccounts: c, setSelectedAccounts: m } = pe();
-  return we({
+}, _o = R(yo), bo = ({ onPrimaryCtaClick: o, sx: s }) => {
+  const { visibleAccounts: n } = xe(), { loadMonthlyCategoryTotals: t, monthlyTotalsLoaded: r } = Z(), { isInitialized: a } = We(), { trends: d } = k(), { isCopyLoaded: u, selectedAccounts: i, setSelectedAccounts: h } = pe();
+  return ve({
     widgetName: "TrendsMiniWidget",
     isLoaded: r
-  }), h.useEffect(() => {
-    m(n);
-  }, [n]), h.useEffect(() => {
-    a && t(c).finally();
-  }, [a, c]), !d || !a ? /* @__PURE__ */ e(me, {}) : /* @__PURE__ */ e(
+  }), p.useEffect(() => {
+    h(n);
+  }, [n]), p.useEffect(() => {
+    a && t(i).finally();
+  }, [a, i]), !u || !a ? /* @__PURE__ */ e(me, {}) : /* @__PURE__ */ e(
     Wt,
     {
       contentStyles: { height: "calc(100% - 72px)", ":last-child": { pb: 0 } },
       onPrimaryCtaClick: o,
-      primaryCtaLabel: l.primary_cta,
-      subTitle: l.sub_title,
+      primaryCtaLabel: d.primary_cta,
+      subTitle: d.sub_title,
       sx: { height: "100%", ...s },
-      title: l.mini_title,
+      title: d.mini_title,
       children: r ? /* @__PURE__ */ e(_o, {}) : /* @__PURE__ */ e(me, {})
     }
   );
-}, Vn = A(bo), To = 70, Ke = ({
+}, Vn = R(bo), To = 70, Ke = ({
   title: o,
   totalAmount: s,
   transactionType: n,
@@ -842,12 +842,12 @@ const it = ({ categoryGuid: o, topLevelCategoryGuid: s }) => {
   secondaryLabel: r,
   shouldDisplayPercentage: a
 }) => {
-  const { availableWidth: l } = Qe(), d = h.useRef(null), c = h.useRef(null), m = wt(Number(Math.abs(t)), {
+  const { availableWidth: d } = Qe(), u = p.useRef(null), i = p.useRef(null), h = vt(Number(Math.abs(t)), {
     style: "percent",
     minimumIntegerDigits: 1
-  }), f = l === 288 && se(s, "0,0.00").length > 10 ? se(s, "0,0") : se(s, "0,0.00"), u = n === "spending" ? t > 0 : t >= 0, y = n === "spending" ? "error.main" : "success.main", g = n === "spending" ? "success.main" : "text.secondary", p = d?.current, _ = c?.current, S = p && _ ? p.scrollWidth > _.clientWidth - To : !1;
+  }), f = d === 288 && se(s, "0,0.00").length > 10 ? se(s, "0,0") : se(s, "0,0.00"), l = n === "spending" ? t > 0 : t >= 0, y = n === "spending" ? "error.main" : "success.main", g = n === "spending" ? "success.main" : "text.secondary", m = u?.current, _ = i?.current, T = m && _ ? m.scrollWidth > _.clientWidth - To : !1;
   return /* @__PURE__ */ C(
-    T,
+    S,
     {
       sx: {
         border: 1,
@@ -860,7 +860,7 @@ const it = ({ categoryGuid: o, topLevelCategoryGuid: s }) => {
       },
       children: [
         /* @__PURE__ */ C(
-          T,
+          S,
           {
             sx: {
               alignItems: "center",
@@ -869,17 +869,17 @@ const it = ({ categoryGuid: o, topLevelCategoryGuid: s }) => {
             },
             children: [
               /* @__PURE__ */ e(ge, { color: "text.secondary", variant: "caption", children: o }),
-              a && /* @__PURE__ */ C(T, { sx: { alignItems: "center", flexDirection: "row", gap: 4 }, children: [
-                u ? /* @__PURE__ */ e(Gt, { size: 20, sx: { color: y } }) : /* @__PURE__ */ e(Bt, { size: 20, sx: { color: g } }),
+              a && /* @__PURE__ */ C(S, { sx: { alignItems: "center", flexDirection: "row", gap: 4 }, children: [
+                l ? /* @__PURE__ */ e(Gt, { size: 20, sx: { color: y } }) : /* @__PURE__ */ e(Bt, { size: 20, sx: { color: g } }),
                 /* @__PURE__ */ e(
                   ge,
                   {
                     sx: {
-                      color: u ? y : g,
+                      color: l ? y : g,
                       fontWeight: 600
                     },
                     variant: "body2",
-                    children: m
+                    children: h
                   }
                 )
               ] })
@@ -887,9 +887,9 @@ const it = ({ categoryGuid: o, topLevelCategoryGuid: s }) => {
           }
         ),
         /* @__PURE__ */ C(
-          T,
+          S,
           {
-            ref: c,
+            ref: i,
             sx: {
               alignItems: "center",
               flexDirection: "row",
@@ -897,17 +897,17 @@ const it = ({ categoryGuid: o, topLevelCategoryGuid: s }) => {
             },
             children: [
               /* @__PURE__ */ e(
-                M,
+                A,
                 {
-                  ref: d,
+                  ref: u,
                   sx: { overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" },
                   children: /* @__PURE__ */ e(je, { children: f })
                 }
               ),
-              a && l >= 450 && !S && /* @__PURE__ */ e(
+              a && d >= 450 && !T && /* @__PURE__ */ e(
                 ge,
                 {
-                  color: u ? y : g,
+                  color: l ? y : g,
                   variant: "caption",
                   children: r
                 }
@@ -918,53 +918,53 @@ const it = ({ categoryGuid: o, topLevelCategoryGuid: s }) => {
       ]
     }
   );
-}, So = A(() => {
-  const { trends: o } = R();
-  return /* @__PURE__ */ C(T, { sx: { alignItems: "start", flexDirection: "row", gap: 12 }, children: [
+}, So = R(() => {
+  const { trends: o } = k();
+  return /* @__PURE__ */ C(S, { sx: { alignItems: "start", flexDirection: "row", gap: 12 }, children: [
     /* @__PURE__ */ e(Vt, { size: 32 }),
-    /* @__PURE__ */ C(T, { children: [
+    /* @__PURE__ */ C(S, { children: [
       /* @__PURE__ */ e(ge, { fontWeight: 600, variant: "body1", children: o.zero_state_content_header }),
       /* @__PURE__ */ e(ge, { color: "text.secondary", variant: "subtitle2", children: o.zero_state_content_description })
     ] })
   ] });
-}), Pn = A(({ onCtaClick: o }) => {
-  const { visibleAccounts: s } = ve(), { onEvent: n } = V(), { monthlyCategoryTotals: t, loadMonthlyCategoryTotals: r, monthlyTotalsLoaded: a } = U(), l = {
+}), Pn = R(({ onCtaClick: o }) => {
+  const { visibleAccounts: s } = xe(), { onEvent: n } = F(), { monthlyCategoryTotals: t, loadMonthlyCategoryTotals: r, monthlyTotalsLoaded: a } = Z(), d = {
     start: Ot(/* @__PURE__ */ new Date(), 1),
     end: /* @__PURE__ */ new Date()
-  }, { trends: d } = R(), { selectedAccounts: c, setSelectedAccounts: m, isInitialized: f } = pe();
-  we({
+  }, { trends: u } = k(), { selectedAccounts: i, setSelectedAccounts: h, isInitialized: f } = pe();
+  ve({
     widgetName: "TrendsMicroWidget",
     isLoaded: a
-  }), h.useEffect(() => {
-    m(s);
-  }, [s]), h.useEffect(() => {
-    f && r(c, l.start).then(() => {
-      n(v.TRENDS_LOAD_WIDGET, {
+  }), p.useEffect(() => {
+    h(s);
+  }, [s]), p.useEffect(() => {
+    f && r(i, d.start).then(() => {
+      n(x.TRENDS_LOAD_WIDGET, {
         state: s?.length ? "default" : "zeroState"
       });
     });
-  }, [f, c]);
-  const { spendingData: u, incomeData: y } = h.useMemo(
+  }, [f, i]);
+  const { spendingData: l, incomeData: y } = p.useMemo(
     () => ({
-      spendingData: et(t, l),
-      incomeData: tt(t, l)
+      spendingData: tt(t, d),
+      incomeData: ot(t, d)
     }),
-    [t, l]
-  ), [g, p] = u, [_, S] = y, L = Pe(p.y, g.y), w = Pe(S.y, _.y), E = f && !s?.length, G = () => {
+    [t, d]
+  ), [g, m] = l, [_, T] = y, L = Pe(m.y, g.y), I = Pe(T.y, _.y), E = f && !s?.length, P = () => {
     n(
-      E ? v.TRENDS_CLICK_GET_STARTED : v.TRENDS_CLICK_VIEW_MORE
+      E ? x.TRENDS_CLICK_GET_STARTED : x.TRENDS_CLICK_VIEW_MORE
     ), o();
   };
   return !a || !f ? /* @__PURE__ */ e(me, {}) : /* @__PURE__ */ e(
     zt,
     {
       className: "mx-trends-microwidget",
-      ctaLabel: d.micro_primary_cta_label,
-      onCTAClick: G,
-      subHeader: E ? void 0 : d.micro_subheader,
-      title: d.title,
+      ctaLabel: u.micro_primary_cta_label,
+      onCTAClick: P,
+      subHeader: E ? void 0 : u.micro_subheader,
+      title: u.title,
       children: E ? /* @__PURE__ */ e(So, {}) : /* @__PURE__ */ C(
-        T,
+        S,
         {
           sx: {
             alignItems: "stretch",
@@ -976,21 +976,21 @@ const it = ({ categoryGuid: o, topLevelCategoryGuid: s }) => {
               Ke,
               {
                 percentage: L,
-                secondaryLabel: d.micro_secondary_label,
-                shouldDisplayPercentage: p.y !== 0 && g.y !== 0,
-                title: d.spending_label,
-                totalAmount: p.y,
+                secondaryLabel: u.micro_secondary_label,
+                shouldDisplayPercentage: m.y !== 0 && g.y !== 0,
+                title: u.spending_label,
+                totalAmount: m.y,
                 transactionType: "spending"
               }
             ),
             /* @__PURE__ */ e(
               Ke,
               {
-                percentage: w,
-                secondaryLabel: d.micro_secondary_label,
-                shouldDisplayPercentage: S.y !== 0 && _.y !== 0,
-                title: d.income_label,
-                totalAmount: S.y,
+                percentage: I,
+                secondaryLabel: u.micro_secondary_label,
+                shouldDisplayPercentage: T.y !== 0 && _.y !== 0,
+                title: u.income_label,
+                totalAmount: T.y,
                 transactionType: "income"
               }
             )
@@ -999,15 +999,15 @@ const it = ({ categoryGuid: o, topLevelCategoryGuid: s }) => {
       )
     }
   );
-}), xo = A(
+}), wo = R(
   ({ isExpanded: o, onClick: s }) => {
-    const n = at();
+    const n = it();
     return /* @__PURE__ */ e(Yt, { sx: { bgcolor: "background.paper" }, children: /* @__PURE__ */ e(jt, { onClick: s, sx: { justifyContent: "center" }, children: /* @__PURE__ */ C(
-      T,
+      S,
       {
         sx: { color: n.palette.primary.main, flexDirection: "row", alignItems: "center" },
         children: [
-          /* @__PURE__ */ e(Xt, { children: /* @__PURE__ */ e(F, { bold: !0, variant: "body2", children: o ? "View less" : "View more" }) }),
+          /* @__PURE__ */ e(Xt, { children: /* @__PURE__ */ e(z, { bold: !0, variant: "body2", children: o ? "View less" : "View more" }) }),
           /* @__PURE__ */ e(Ut, { sx: { color: n.palette.primary.main }, children: o ? /* @__PURE__ */ e(Pt, {}) : /* @__PURE__ */ e(
             Ft,
             {
@@ -1021,7 +1021,7 @@ const it = ({ categoryGuid: o, topLevelCategoryGuid: s }) => {
       }
     ) }) });
   }
-), Ye = A(
+), Ye = R(
   ({
     totalAmount: o,
     guid: s,
@@ -1029,106 +1029,106 @@ const it = ({ categoryGuid: o, topLevelCategoryGuid: s }) => {
     transactions: t,
     onClick: r,
     isLastItem: a = !1,
-    showDivider: l = !0
+    showDivider: d = !0
   }) => {
-    const { trends: d } = R(), { onEvent: c } = V(), m = `${t.length} ${t.length === 1 ? d.transaction : d.transactions}`, f = () => {
-      r?.(), c(v.TRENDS_CLICK_LIST_ITEM, {
-        ...O,
+    const { trends: u } = k(), { onEvent: i } = F(), h = `${t.length} ${t.length === 1 ? u.transaction : u.transactions}`, f = () => {
+      r?.(), i(x.TRENDS_CLICK_LIST_ITEM, {
+        ...V,
         listItem: n
       });
     };
-    return /* @__PURE__ */ C(h.Fragment, { children: [
+    return /* @__PURE__ */ C(p.Fragment, { children: [
       /* @__PURE__ */ e(
-        Je,
+        et,
         {
           leftIcon: s ? /* @__PURE__ */ e(Se, { categoryGuid: s }) : void 0,
           onClick: f,
           rightContent: se(Math.abs(o), "0,0.00"),
-          rightIcon: r ? /* @__PURE__ */ e(Ct, {}) : void 0,
-          subtitle: m,
+          rightIcon: r ? /* @__PURE__ */ e(yt, {}) : void 0,
+          subtitle: h,
           title: n
         }
       ),
-      l && /* @__PURE__ */ e(He, { sx: { ml: a ? 24 : 68 } })
+      d && /* @__PURE__ */ e(He, { sx: { ml: a ? 24 : 68 } })
     ] }, s);
   }
-), vo = A(
+), xo = R(
   ({ availableHeight: o = 0, onCategoryClick: s }) => {
-    const { collapsedCategories: n, visibleCategories: t, setVisibleListLength: r } = fe(), { isLargeDesktop: a, isDesktop: l } = ee(), { trends: d } = R(), { onEvent: c } = V(), [m, f] = h.useState(!1), u = l || a;
-    h.useEffect(() => {
-      const p = Math.floor(o / 64) - 1, _ = t.length + n.length;
-      p !== t.length && (r(u ? Math.max(p, 5) : 5), f(p >= _));
+    const { collapsedCategories: n, visibleCategories: t, setVisibleListLength: r } = fe(), { isLargeDesktop: a, isDesktop: d } = X(), { trends: u } = k(), { onEvent: i } = F(), [h, f] = p.useState(!1), l = d || a;
+    p.useEffect(() => {
+      const m = Math.floor(o / 64) - 1, _ = t.length + n.length;
+      m !== t.length && (r(l ? Math.max(m, 5) : 5), f(m >= _));
     }, [o]);
     const y = () => {
-      f(!m), c(v.TRENDS_CLICK_VIEW_MORE, {
-        ...O
+      f(!h), i(x.TRENDS_CLICK_VIEW_MORE, {
+        ...V
       });
-    }, g = t.length + (m ? n.length : 0);
-    return /* @__PURE__ */ e(T, { sx: { bgColor: "background.paper", width: "100%" }, children: /* @__PURE__ */ C(Kt, { children: [
-      /* @__PURE__ */ e(T, { sx: { pb: 4, pt: 16, px: 16 }, children: /* @__PURE__ */ e(je, { children: d.categories }) }),
-      t.map((p, _) => /* @__PURE__ */ e(
+    }, g = t.length + (h ? n.length : 0);
+    return /* @__PURE__ */ e(S, { sx: { bgColor: "background.paper", width: "100%" }, children: /* @__PURE__ */ C(Kt, { children: [
+      /* @__PURE__ */ e(S, { sx: { pb: 4, pt: 16, px: 16 }, children: /* @__PURE__ */ e(je, { children: u.categories }) }),
+      t.map((m, _) => /* @__PURE__ */ e(
         Ye,
         {
-          ...p,
+          ...m,
           isLastItem: _ === g - 1,
-          onClick: p.transactions.length > 0 ? () => s(p) : void 0,
+          onClick: m.transactions.length > 0 ? () => s(m) : void 0,
           showDivider: !0
         },
-        p.guid
+        m.guid
       )),
       /* @__PURE__ */ e(
         $t,
         {
-          in: m,
+          in: h,
           sx: { "&.MuiCollapse-root .MuiListItemButton-root": { paddingLeft: 24 } },
-          children: n.map((p, _) => {
-            const S = t.length + _;
+          children: n.map((m, _) => {
+            const T = t.length + _;
             return /* @__PURE__ */ e(
               Ye,
               {
-                ...p,
-                isLastItem: S === g - 1,
-                onClick: p.transactions.length > 0 ? () => s(p) : void 0,
+                ...m,
+                isLastItem: T === g - 1,
+                onClick: m.transactions.length > 0 ? () => s(m) : void 0,
                 showDivider: !0
               },
-              p.guid
+              m.guid
             );
           })
         }
       ),
-      n.length > 0 && /* @__PURE__ */ e(xo, { isExpanded: m, onClick: y })
+      n.length > 0 && /* @__PURE__ */ e(wo, { isExpanded: h, onClick: y })
     ] }) });
   }
-), wo = ({ beats: o, onInsightCardClick: s }) => {
-  const { onEvent: n } = V(), { isMobile: t, isDesktop: r, isLargeDesktop: a } = ee(), { beatStore: l, endpoint: d, sessionToken: c } = We(), m = r || a, f = m || t ? 1 : 2, u = () => null, y = (w) => {
-    s?.(w), n(v.TRENDS_CLICK_INSIGHT, O);
-  }, g = m ? 200 : 170, p = m ? 170 : 124, _ = m ? 56 : 0, S = o.length > 0 ? g + _ : p, L = m && o.length > 0 ? g : void 0;
-  return /* @__PURE__ */ e(Zt, { sx: { height: S }, children: /* @__PURE__ */ e(
+), vo = ({ beats: o, onInsightCardClick: s }) => {
+  const { onEvent: n } = F(), { isMobile: t, isDesktop: r, isLargeDesktop: a } = X(), { beatStore: d, endpoint: u, sessionToken: i } = We(), h = r || a, f = h || t ? 1 : 2, l = () => null, y = (I) => {
+    s?.(I), n(x.TRENDS_CLICK_INSIGHT, V);
+  }, g = h ? 200 : 170, m = h ? 170 : 124, _ = h ? 56 : 0, T = o.length > 0 ? g + _ : m, L = h && o.length > 0 ? g : void 0;
+  return /* @__PURE__ */ e(Zt, { sx: { height: T }, children: /* @__PURE__ */ e(
     Nt,
     {
-      areBeatsLoading: l.isLoading,
+      areBeatsLoading: d.isLoading,
       beats: o,
-      endpoint: d,
+      endpoint: u,
       heightOverrides: L,
-      logOutUser: u,
+      logOutUser: l,
       onCardClick: y,
       showBorder: !0,
       showCTAColocatedWithText: !1,
       showCarouselControls: !0,
-      showHeader: m,
+      showHeader: h,
       showIcon: !0,
       showWithMargin: !1,
-      token: c,
+      token: i,
       userHasFullInsightFeedBeats: !1,
       variant: "outlined",
       visibleCardsCount: f
     }
   ) });
-}, Io = A(wo), Lo = A(({ chartLabel: o, chartColor: s }) => {
-  const { onEvent: n } = V(), {
+}, Io = R(vo), Lo = R(({ chartLabel: o, chartColor: s }) => {
+  const { onEvent: n } = F(), {
     categoryDetailsChartData: { monthlyAmounts: t, tooltipLabels: r }
   } = fe();
-  return /* @__PURE__ */ e(T, { sx: { pt: 12, width: "100%" }, children: /* @__PURE__ */ e(
+  return /* @__PURE__ */ e(S, { sx: { pt: 12, width: "100%" }, children: /* @__PURE__ */ e(
     Oe,
     {
       baseline: "min",
@@ -1142,7 +1142,7 @@ const it = ({ categoryGuid: o, topLevelCategoryGuid: s }) => {
         stroke: s
       }),
       onItemClick: () => {
-        n(v.TRENDS_CLICK_CHART, O);
+        n(x.TRENDS_CLICK_CHART, V);
       },
       showArea: !0,
       showAverage: !0,
@@ -1157,100 +1157,100 @@ const it = ({ categoryGuid: o, topLevelCategoryGuid: s }) => {
       valueFormatterString: "0,0"
     }
   ) });
-}), Eo = A(({ onClose: o }) => {
-  const s = at(), { onEvent: n } = V(), { common: t, trends: r } = R(), { selectedCategoryData: a, selectedDateRangeMonthRange: l } = fe(), { sortedTransactions: d } = xe(), [c, m] = h.useState(null);
-  if (!a)
+}), Eo = R(({ onClose: o }) => {
+  const s = it(), { is_mobile_webview: n } = qe(), { isDesktop: t, isSmallTablet: r, isTablet: a } = X(), { onEvent: d } = F(), { common: u, trends: i } = k(), { selectedCategoryData: h, selectedDateRangeMonthRange: f } = fe(), { sortedTransactions: l } = we(), [y, g] = p.useState(null);
+  if (!h)
     return null;
-  const { guid: f, name: u, is_income: y, totalAmount: g } = a, p = y ? r.category_income : r.category_spending, _ = qt(f, s), S = y ? r.income_label : r.spending_label, L = ` ${a.transactions.length === 1 ? r.transaction : r.transactions} (${a.transactions.length})`, w = h.useMemo(
-    () => d.find((D) => D.guid === c),
-    [c, d]
-  ), E = (D) => D.category_guid === f || D.top_level_category_guid === f, G = () => {
-    o?.(), n(v.TRENDS_CLICK_BACK, O);
+  const { guid: m, name: _, is_income: T, totalAmount: L } = h, I = T ? i.category_income : i.category_spending, E = qt(m, s), P = T ? i.income_label : i.spending_label, H = ` ${h.transactions.length === 1 ? i.transaction : i.transactions} (${h.transactions.length})`, D = p.useMemo(
+    () => l.find((N) => N.guid === y),
+    [y, l]
+  ), $ = l.length > 0 && !n && (t || a && !r), M = (N) => N.category_guid === m || N.top_level_category_guid === m, O = () => {
+    o?.(), d(x.TRENDS_CLICK_BACK, V);
   };
   return /* @__PURE__ */ C(
     Ne,
     {
-      ariaLabelClose: r.close_category_details,
+      ariaLabelClose: i.close_category_details,
       isOpen: !0,
-      onClose: G,
+      onClose: O,
       shouldShowHeaderShadow: !0,
-      title: p,
+      title: I,
       children: [
-        /* @__PURE__ */ C(T, { sx: { alignItems: "center", height: "100%" }, children: [
+        /* @__PURE__ */ C(S, { sx: { alignItems: "center", height: "100%" }, children: [
           /* @__PURE__ */ C(Qt, { sx: { borderRadius: 0, pb: 4, pt: 16, width: "100%" }, children: [
             /* @__PURE__ */ e(
-              Je,
+              et,
               {
-                leftIcon: /* @__PURE__ */ e(Se, { categoryGuid: f }),
-                rightContent: se(Math.abs(g), "0,0.00"),
-                subtitle: l,
-                title: u
+                leftIcon: /* @__PURE__ */ e(Se, { categoryGuid: m }),
+                rightContent: se(Math.abs(L), "0,0.00"),
+                subtitle: f,
+                title: _
               }
             ),
-            /* @__PURE__ */ e(Lo, { chartColor: _, chartLabel: S }),
-            /* @__PURE__ */ C(T, { alignItems: "center", direction: "row", justifyContent: "space-between", sx: { mx: 24 }, children: [
-              /* @__PURE__ */ e(F, { bold: !0, variant: "body1", children: L }),
-              /* @__PURE__ */ e(Jt, { filter: E })
+            /* @__PURE__ */ e(Lo, { chartColor: E, chartLabel: P }),
+            /* @__PURE__ */ C(S, { alignItems: "center", direction: "row", justifyContent: "space-between", sx: { mx: 24 }, children: [
+              /* @__PURE__ */ e(z, { bold: !0, variant: "body1", children: H }),
+              $ && /* @__PURE__ */ e(Jt, { filter: M })
             ] })
           ] }),
           /* @__PURE__ */ e(
-            rt,
+            at,
             {
               bgcolor: "transparent",
-              filter: E,
+              filter: M,
               height: "calc(100vh - 475px)",
-              onClick: m
+              onClick: g
             }
           )
         ] }),
         /* @__PURE__ */ e(
           Ne,
           {
-            ariaLabelClose: t.close_aria,
-            isOpen: !!w,
-            onClose: () => m(""),
-            title: r.transaction,
-            children: w && /* @__PURE__ */ e(st, { transaction: w })
+            ariaLabelClose: u.close_aria,
+            isOpen: !!D,
+            onClose: () => g(""),
+            title: i.transaction,
+            children: D && /* @__PURE__ */ e(rt, { transaction: D })
           }
         )
       ]
     }
   );
 }), Do = (o, s) => {
-  const n = tt(o, s), t = et(o, s);
+  const n = ot(o, s), t = tt(o, s);
   return [n, t].filter((r) => r.length > 0);
 }, Mo = (o, s) => {
-  const [n, t] = o, r = n, a = t ?? n, l = [];
+  const [n, t] = o, r = n, a = t ?? n, d = [];
   if (r) {
-    const d = r.reduce((c, m) => c + m.y, 0);
-    l.push({ label: s.income_label, amount: d });
+    const u = r.reduce((i, h) => i + h.y, 0);
+    d.push({ label: s.income_label, amount: u });
   }
   if (a) {
-    const d = a.reduce((c, m) => c + m.y, 0);
-    l.push({ label: s.spending_label, amount: d });
+    const u = a.reduce((i, h) => i + h.y, 0);
+    d.push({ label: s.spending_label, amount: u });
   }
-  return l;
+  return d;
 }, Ao = ({
   availableHeight: o = 0,
   minHeight: s = 500,
   selectedDateRange: n,
   totals: t
 }) => {
-  const r = ce(), { onEvent: a } = V(), { trends: l } = R(), { isSmallMobile: d, isMobile: c, isSmallTablet: m, isTablet: f } = ee(), u = [r.palette.chart?.chart1, r.palette.chart?.chart2], y = Do(t, n), g = Mo(y, l), [p, _] = h.useState(0), S = 458, L = 195, w = 56, E = c || d ? L : m || f ? S : p;
-  return h.useEffect(() => {
-    const D = Math.max(o - w, s);
-    _(D);
+  const r = ce(), { onEvent: a } = F(), { trends: d } = k(), { isSmallMobile: u, isMobile: i, isSmallTablet: h, isTablet: f } = X(), l = [r.palette.chart?.chart1, r.palette.chart?.chart2], y = Do(t, n), g = Mo(y, d), [m, _] = p.useState(0), T = 458, L = 195, I = 56, E = i || u ? L : h || f ? T : m;
+  return p.useEffect(() => {
+    const H = Math.max(o - I, s);
+    _(H);
   }, [o]), /* @__PURE__ */ e(
     Oe,
     {
       baseline: "min",
-      colors: u,
+      colors: l,
       curveType: "bump",
       datasets: y,
       height: E,
       labels: g,
       onItemClick: () => {
-        a(v.TRENDS_CLICK_CHART, O);
+        a(x.TRENDS_CLICK_CHART, V);
       },
       showArea: !0,
       showAxisHighlight: !0,
@@ -1263,7 +1263,7 @@ const it = ({ categoryGuid: o, topLevelCategoryGuid: s }) => {
       valueFormatterString: "0.0a"
     }
   );
-}, Ro = A(Ao), ko = [
+}, Ro = R(Ao), ko = [
   "BillAmountNotStandard",
   "CategorySpendingV2",
   "CostOfLivingToIncome",
@@ -1298,149 +1298,149 @@ const it = ({ categoryGuid: o, topLevelCategoryGuid: s }) => {
   "WeeklyNoSpendDays",
   "WeeklySmallPurchasesSummary"
 ], Ho = ({ onBackClick: o, onInsightCardClick: s, sx: n }) => {
-  const { onEvent: t } = V(), { config: r } = xt(), { isLargeDesktop: a, isDesktop: l, isMobile: d } = ee(), { visibleAccounts: c } = ve(), { loadDateRangeCategoryTotals: m, loadMonthlyCategoryTotals: f, monthlyCategoryTotals: u } = U(), { setFilter: y } = xe(), { selectedDateRange: g, setSelectedCategoryData: p, setSelectedDateRange: _ } = fe(), {
-    isCopyLoaded: S,
+  const { onEvent: t } = F(), { config: r } = qe(), { isLargeDesktop: a, isDesktop: d, isMobile: u } = X(), { visibleAccounts: i } = xe(), { loadDateRangeCategoryTotals: h, loadMonthlyCategoryTotals: f, monthlyCategoryTotals: l } = Z(), { setFilter: y } = we(), { selectedDateRange: g, setSelectedCategoryData: m, setSelectedDateRange: _ } = fe(), {
+    isCopyLoaded: T,
     isInitialized: L,
-    selectedAccounts: w,
+    selectedAccounts: I,
     selectedAccountGuids: E,
-    setSelectedAccounts: G
-  } = pe(), { trends: D, connect: B } = R(), { beatStore: te } = We(), P = eo() && r.show_insights_widget_in_master, z = l || a, [X, Ce] = h.useState(!1), [oe, re] = h.useState(!1), [Z, le] = h.useState("Chart"), [ne, $] = h.useState(""), [ae, Q] = h.useState(!1), [ie, q] = h.useState(window.innerHeight), x = z ? 56 : 0, N = ie - 208, K = ie - (P ? 550 + x : 266), [de, ye] = h.useState(!1), Ie = r.show_connections_widget_in_master ? "buttons" : "no-buttons", i = h.useMemo(
-    () => c && c.length === 0 || u.length === 0,
-    [c, u]
+    setSelectedAccounts: P
+  } = pe(), { trends: H, connect: D } = k(), { beatStore: $ } = We(), O = eo() && r.show_insights_widget_in_master, N = d || a, [Q, Ce] = p.useState(!1), [oe, re] = p.useState(!1), [q, le] = p.useState("Chart"), [ne, K] = p.useState(""), [ae, J] = p.useState(!1), [ie, ee] = p.useState(window.innerHeight), w = N ? 56 : 0, G = ie - 208, Y = ie - (O ? 550 + w : 266), [de, ye] = p.useState(!1), Ie = r.show_connections_widget_in_master ? "buttons" : "no-buttons", c = p.useMemo(
+    () => i && i.length === 0 || l.length === 0,
+    [i, l]
   );
-  we({
+  ve({
     widgetName: "TrendsWidget",
-    isLoaded: X
-  }), h.useEffect(() => {
-    L && te.loadBeats().finally(() => re(!0));
+    isLoaded: Q
+  }), p.useEffect(() => {
+    L && $.loadBeats().finally(() => re(!0));
   }, [L]);
-  const b = h.useMemo(() => oe ? te.getFilteredBeats({ templates: ko }) : [], [oe]);
-  h.useEffect(() => {
-    const k = () => q(window.innerHeight);
-    return window.addEventListener("resize", k), () => window.removeEventListener("resize", k);
-  }, []), h.useEffect(() => {
-    G(c);
-  }, [c]), h.useEffect(() => {
+  const b = p.useMemo(() => oe ? $.getFilteredBeats({ templates: ko }) : [], [oe]);
+  p.useEffect(() => {
+    const W = () => ee(window.innerHeight);
+    return window.addEventListener("resize", W), () => window.removeEventListener("resize", W);
+  }, []), p.useEffect(() => {
+    P(i);
+  }, [i]), p.useEffect(() => {
     L && Promise.all([
-      m(
-        w,
+      h(
+        I,
         g.start,
         g.end
       ),
-      f(w, g.start, g.end)
+      f(I, g.start, g.end)
     ]).finally(() => {
-      Ce(!0), t(v.TRENDS_LOAD_WIDGET, {
-        ...O,
+      Ce(!0), t(x.TRENDS_LOAD_WIDGET, {
+        ...V,
         time_period: `${ke(g.end, g.start)}M`
       });
     });
-  }, [L, w, g]), h.useEffect(() => {
-    if (u.length !== 0) {
-      const k = {
+  }, [L, I, g]), p.useEffect(() => {
+    if (l.length !== 0) {
+      const W = {
         accounts: E,
         dateRange: { start: g.start, end: g.end }
       };
       y({
-        ...k,
-        custom: (J) => !!u.find(
-          (he) => he.top_level_category_guid === J.top_level_category_guid || he.category_guid === J.category_guid
+        ...W,
+        custom: (te) => !!l.find(
+          (he) => he.top_level_category_guid === te.top_level_category_guid || he.category_guid === te.category_guid
         )
       });
     }
-  }, [u]);
-  const I = (k) => {
-    p(k), Q(!0);
-  }, Y = () => {
-    p(null), Q(!1);
+  }, [l]);
+  const v = (W) => {
+    m(W), J(!0);
+  }, j = () => {
+    m(null), J(!1);
   }, Le = () => {
-    ye(!0), t(v.TRENDS_CLICK_CONNECT_ACCOUNTS);
-  }, Ee = (k, J) => {
-    le(J ?? Z), t(v.TRENDS_CLICK_TOGGLE_VIEW, {
-      ...O,
-      toggleView: J
+    ye(!0), t(x.TRENDS_CLICK_CONNECT_ACCOUNTS);
+  }, Ee = (W, te) => {
+    le(te ?? q), t(x.TRENDS_CLICK_TOGGLE_VIEW, {
+      ...V,
+      toggleView: te
     });
-  }, ue = (k) => {
-    const J = Ue(k?.[0], 1), he = k?.[1], ht = ke(he, J);
-    _({ start: J, end: he }), t(v.TRENDS_CLICK_TIME_WINDOW, {
-      ...O,
-      time_period: ht + "M"
+  }, ue = (W) => {
+    const te = Ue(W?.[0], 1), he = W?.[1], gt = ke(he, te);
+    _({ start: te, end: he }), t(x.TRENDS_CLICK_TIME_WINDOW, {
+      ...V,
+      time_period: gt + "M"
     });
-  }, De = (k) => {
-    t(v.TRENDS_CLICK_FILTER, {
-      ...O,
-      filterValue: k
+  }, De = (W) => {
+    t(x.TRENDS_CLICK_FILTER, {
+      ...V,
+      filterValue: W
     });
-  }, Me = (k) => {
-    $(k);
-  }, ut = () => {
-    $(""), t(v.TRENDS_CLICK_ALL_CATEGORIES, O);
+  }, Me = (W) => {
+    K(W);
+  }, ht = () => {
+    K(""), t(x.TRENDS_CLICK_ALL_CATEGORIES, V);
   };
-  return !S || !X ? /* @__PURE__ */ e(me, {}) : /* @__PURE__ */ C(
-    nt,
+  return !T || !Q ? /* @__PURE__ */ e(me, {}) : /* @__PURE__ */ C(
+    st,
     {
-      accountOptions: c,
+      accountOptions: i,
       calendarActions: { onRangeChanged: ue },
       dateRange: g,
-      dateRangeVariant: d ? "timeframetabs" : "timeframebuttons",
+      dateRangeVariant: u ? "timeframetabs" : "timeframebuttons",
       onAccountsFilterClick: De,
       onBackClick: o,
       sx: n,
-      title: D.title,
+      title: H.title,
       children: [
-        i && /* @__PURE__ */ e(
+        c && /* @__PURE__ */ e(
           to,
           {
-            header: D.zero_state_content_header,
+            header: H.zero_state_content_header,
             icon: "",
             onClick: Le,
-            primaryButton: D.empty_state_primary,
-            subText: D.empty_state_sub_text,
-            sx: { height: N },
+            primaryButton: H.empty_state_primary,
+            subText: H.empty_state_sub_text,
+            sx: { height: G },
             variant: Ie
           }
         ),
-        !i && /* @__PURE__ */ C(
-          T,
+        !c && /* @__PURE__ */ C(
+          S,
           {
             sx: {
-              px: d ? 0 : 48
+              px: u ? 0 : 48
             },
             children: [
               /* @__PURE__ */ C(
-                T,
+                S,
                 {
                   flexDirection: "row",
                   justifyContent: "space-between",
-                  sx: { pb: d ? 12 : 24, pt: d ? 24 : 48 },
+                  sx: { pb: u ? 12 : 24, pt: u ? 24 : 48 },
                   children: [
                     /* @__PURE__ */ e(
-                      lt,
+                      dt,
                       {
                         selectedCategoryGuid: ne,
                         selectedDateRange: g
                       }
                     ),
-                    /* @__PURE__ */ e(ct, { onTabChange: Ee, selectedTab: Z })
+                    /* @__PURE__ */ e(lt, { onTabChange: Ee, selectedTab: q })
                   ]
                 }
               ),
-              /* @__PURE__ */ e(T, { alignItems: "center", flexDirection: "row", sx: { pb: 8 }, width: "100%", children: /* @__PURE__ */ e(M, { flexGrow: 1, children: ne && /* @__PURE__ */ C(be, { onClick: ut, sx: { p: 0, pr: 5 }, children: [
+              /* @__PURE__ */ e(S, { alignItems: "center", flexDirection: "row", sx: { pb: 8 }, width: "100%", children: /* @__PURE__ */ e(A, { flexGrow: 1, children: ne && /* @__PURE__ */ C(be, { onClick: ht, sx: { p: 0, pr: 5 }, children: [
                 /* @__PURE__ */ e(_e, { name: "arrow_back" }),
-                D.all_categories
+                H.all_categories
               ] }) }) }),
-              /* @__PURE__ */ C(T, { flexDirection: z ? "row" : "column", gap: z ? 48 : 16, children: [
-                Z === "Chart" && /* @__PURE__ */ C(gt, { children: [
-                  /* @__PURE__ */ e(M, { sx: { width: z ? "68%" : "100%" }, children: /* @__PURE__ */ e(
+              /* @__PURE__ */ C(S, { flexDirection: N ? "row" : "column", gap: N ? 48 : 16, children: [
+                q === "Chart" && /* @__PURE__ */ C(mt, { children: [
+                  /* @__PURE__ */ e(A, { sx: { width: N ? "68%" : "100%" }, children: /* @__PURE__ */ e(
                     Ro,
                     {
-                      availableHeight: N,
+                      availableHeight: G,
                       minHeight: 450,
                       selectedDateRange: g,
-                      totals: u
+                      totals: l
                     }
                   ) }),
-                  /* @__PURE__ */ C(T, { gap: 16, sx: { width: z ? "32%" : "100%" }, children: [
-                    P && oe && b.length > 0 && /* @__PURE__ */ e(
+                  /* @__PURE__ */ C(S, { gap: 16, sx: { width: N ? "32%" : "100%" }, children: [
+                    O && oe && b.length > 0 && /* @__PURE__ */ e(
                       Io,
                       {
                         beats: b,
@@ -1448,16 +1448,16 @@ const it = ({ categoryGuid: o, topLevelCategoryGuid: s }) => {
                       }
                     ),
                     /* @__PURE__ */ e(
-                      vo,
+                      xo,
                       {
-                        availableHeight: K,
-                        onCategoryClick: I
+                        availableHeight: Y,
+                        onCategoryClick: v
                       }
                     )
                   ] })
                 ] }),
-                Z === "Table" && /* @__PURE__ */ e(M, { sx: { width: "100%" }, children: /* @__PURE__ */ e(
-                  dt,
+                q === "Table" && /* @__PURE__ */ e(A, { sx: { width: "100%" }, children: /* @__PURE__ */ e(
+                  ut,
                   {
                     height: "unset",
                     onClickRow: Me,
@@ -1466,7 +1466,7 @@ const it = ({ categoryGuid: o, topLevelCategoryGuid: s }) => {
                   }
                 ) })
               ] }),
-              ae && /* @__PURE__ */ e(Eo, { onClose: Y })
+              ae && /* @__PURE__ */ e(Eo, { onClose: j })
             ]
           }
         ),
@@ -1475,13 +1475,13 @@ const it = ({ categoryGuid: o, topLevelCategoryGuid: s }) => {
           {
             onClose: () => ye(!1),
             showConnectWidget: de,
-            title: B.mini_title
+            title: D.mini_title
           }
         )
       ]
     }
   );
-}, Fn = A(Ho);
+}, Fn = R(Ho);
 export {
   Bn as TrendsFullWidget,
   Pn as TrendsMicroWidget,