@mx-cartographer/experiences 7.5.0-alpha.bb1 → 7.5.1

package/dist/trends/index.es.js

@@ -1,116 +1,114 @@
 import { jsxs as f, jsx as e, Fragment as ct } from "react/jsx-runtime";
 import u, { useRef as lt, useState as dt, useEffect as ut } from "react";
-import { observer as A } from "mobx-react-lite";
-import { CategoryIcon as xe, Text as P, Icon as be, P as he, H3 as Ye, ChevronRightIcon as ht } from "@mxenabled/mxui";
-import H from "@mui/material/Box";
+import { observer as R } from "mobx-react-lite";
+import { CategoryIcon as Se, Text as P, Icon as _e, P as he, H3 as Ye, ChevronRightIcon as ht } from "@mxenabled/mxui";
+import N from "@mui/material/Box";
 import S from "@mui/material/Stack";
-import Te from "@mui/material/Button";
+import be from "@mui/material/Button";
 import { addSeconds as je } from "date-fns/addSeconds";
-import { differenceInCalendarMonths as He } from "date-fns/differenceInCalendarMonths";
+import { differenceInCalendarMonths as ke } from "date-fns/differenceInCalendarMonths";
 import { useTheme as me } from "@mui/material/styles";
 import { LineChart as gt } from "@mui/x-charts";
-import { u as ee } from "../useScreenSize-B6JyS_Lj.mjs";
+import { u as J } from "../useScreenSize-B6JyS_Lj.mjs";
 import { u as mt } from "../useDimensions-27p2evRx.mjs";
 import pt from "@mui/material/Card";
 import Ct from "@mui/material/CardContent";
-import Ne from "@mui/material/Divider";
-import Be from "@mui/material/Grid";
-import { u as k, m as $, g as V, b as pe, h as ve, d as we, v as Ce, p as Ue, f as Oe, a as yt } from "../hooks-ZMp65DFz.mjs";
+import He from "@mui/material/Divider";
+import Ge from "@mui/material/Grid";
+import { u as k, m as $, g as V, b as pe, h as xe, d as ve, v as Ce, p as Ue, f as We, a as yt } from "../hooks-ZMp65DFz.mjs";
 import { b as ft } from "../Localization-2MODESHW.mjs";
-import { C as Se } from "../CurrencyText-Dr0EZ7bp.mjs";
+import { C as Te } from "../CurrencyText-Dr0EZ7bp.mjs";
 import { useTheme as _t, Card as bt, CardContent as Tt, Box as St, Stack as xt } from "@mui/material";
-import { f as J, a as B } from "../Dialog-BPTr3qHE.mjs";
-import { C as ke, b as Ve, c as vt } from "../Category-CevNQ03n.mjs";
+import { f as U, a as G } from "../Dialog-BPTr3qHE.mjs";
+import { C as Ae, b as Be, c as vt } from "../Category-CevNQ03n.mjs";
 import { f as se, a as wt } from "../NumberFormatting-DjTD0t3W.mjs";
-import { c as It, a as Fe, g as Lt, L as Xe } from "../TrendsStore-yO7qYv97.mjs";
-import { T as Kn } from "../TrendsStore-yO7qYv97.mjs";
-import { c as Et, i as Dt, d as Mt, e as At, b as Ze, g as qe, f as Pe } from "../SpendingData-DQ1b9uqq.mjs";
-import kt from "@mui/material/ToggleButton";
-import Rt from "@mui/material/ToggleButtonGroup";
-import { parseISO as _e } from "date-fns/parseISO";
-import { isAfter as Ht } from "date-fns/isAfter";
-import { isBefore as Nt } from "date-fns/isBefore";
-import { isEqual as Wt, subMonths as Ot } from "date-fns";
-import { DataGridPro as Gt } from "@mui/x-data-grid-pro";
+import { c as It, a as Ve, g as Lt, L as Xe } from "../TrendsStore-yO7qYv97.mjs";
+import { T as Vn } from "../TrendsStore-yO7qYv97.mjs";
+import { c as Et, i as Dt, d as Mt, e as At, b as Ze, g as Qe, f as Fe } from "../SpendingData-DQ1b9uqq.mjs";
+import Rt from "@mui/material/ToggleButton";
+import kt from "@mui/material/ToggleButtonGroup";
+import { parseISO as Pe } from "date-fns/parseISO";
+import { DataGridPro as Ht } from "@mui/x-data-grid-pro";
 import { H as Re } from "../HeaderCell-DjuifqHJ.mjs";
-import { T as G, b as Bt } from "../ViewMoreMicroCard-DwR0v_ll.mjs";
-import { A as I, W as Qe } from "../WidgetContainer-CoFDmQRE.mjs";
+import { T as B, b as Nt } from "../ViewMoreMicroCard-DwR0v_ll.mjs";
+import { A as I, W as qe } from "../WidgetContainer-CoFDmQRE.mjs";
 import { a as Je, T as et } from "../TransactionDetails-m5PddMQn.mjs";
-import { D as We } from "../Drawer-By9V-B5L.mjs";
-import { u as Ie } from "../useWidgetLoadTimer-hIOioiKx.mjs";
+import { D as Ne } from "../Drawer-By9V-B5L.mjs";
+import { u as we } from "../useWidgetLoadTimer-hIOioiKx.mjs";
 import { L as ge } from "../Loader-DUaFpDGv.mjs";
-import { L as Ge } from "../LineChart-BQRxZF3p.mjs";
-import { M as Vt } from "../MiniWidgetContainer-Bg02sF1Y.mjs";
-import { TrendingUp as Ft, TrendingDown as Pt, MultilineChart as $t, ExpandLess as zt, ExpandMore as Kt } from "@mxenabled/mx-icons";
-import { M as Yt } from "../MicroWidgetContainer-r6mtxRer.mjs";
-import jt from "@mui/material/Collapse";
-import Ut from "@mui/material/List";
-import Xt from "@mui/material/ListItem";
-import Zt from "@mui/material/ListItemButton";
-import qt from "@mui/material/ListItemIcon";
-import Qt from "@mui/material/ListItemText";
+import { L as Oe } from "../LineChart-BQRxZF3p.mjs";
+import { M as Wt } from "../MiniWidgetContainer-Bg02sF1Y.mjs";
+import { subMonths as Ot } from "date-fns";
+import { TrendingUp as Gt, TrendingDown as Bt, MultilineChart as Vt, ExpandLess as Ft, ExpandMore as Pt } from "@mxenabled/mx-icons";
+import { M as $t } from "../MicroWidgetContainer-r6mtxRer.mjs";
+import zt from "@mui/material/Collapse";
+import Kt from "@mui/material/List";
+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 tt from "@mui/material/styles/useTheme";
-import Jt from "@mui/material/Paper";
-import { b as eo } from "../CategoryUtil-DUM8NuGO.mjs";
-import { E as to } from "../ExportCsvAction-Cglo8Mca.mjs";
-import { u as oo } from "../useInsightsEnabled-B7dxpDrX.mjs";
-import { E as no } from "../EmptyState-DoxNUae-.mjs";
-import { l as so } from "../ConnectDrawer-BkvlItWx.mjs";
+import Zt from "@mui/material/Paper";
+import { b as Qt } from "../CategoryUtil-DUM8NuGO.mjs";
+import { E as qt } from "../ExportCsvAction-Cglo8Mca.mjs";
+import { u as Jt } from "../useInsightsEnabled-B7dxpDrX.mjs";
+import { E as eo } from "../EmptyState-DoxNUae-.mjs";
+import { l as to } from "../ConnectDrawer-BkvlItWx.mjs";
 const ot = ({ categoryGuid: t, topLevelCategoryGuid: r }) => {
   const { categories: n } = k(), { getCategoryName: o } = $(), s = o(t);
   return /* @__PURE__ */ f(S, { alignItems: "center", direction: "column", gap: "8", justifyContent: "center", mb: 4, children: [
     /* @__PURE__ */ e(
-      H,
+      N,
       {
         "aria-label": ft(n.category_icon_label_aria, s),
         mb: 4,
         role: "img",
-        children: /* @__PURE__ */ e(xe, { categoryGuid: r })
+        children: /* @__PURE__ */ e(Se, { categoryGuid: r })
       }
     ),
     /* @__PURE__ */ e(P, { variant: "Body", children: s })
   ] });
-}, ro = ({
+}, oo = ({
   categoryGuids: { guid: t, topLevelGuid: r },
   hoveredAreaData: n,
   cursorPosition: o,
   chartContainerRef: s
 }) => {
-  const h = me(), g = lt(null), [l, c] = dt({ x: o.x, y: o.y });
+  const h = me(), g = lt(null), [d, c] = dt({ x: o.x, y: o.y });
   if (ut(() => {
     (() => {
-      const d = g.current, b = s.current;
-      if (!d || !b) return;
-      const i = d.getBoundingClientRect(), C = b.getBoundingClientRect();
+      const l = g.current, b = s.current;
+      if (!l || !b) return;
+      const i = l.getBoundingClientRect(), C = b.getBoundingClientRect();
       let p = o.x, _ = o.y;
       p + i.width * 2 > C.right ? p = o.x - i.width : p - i.width < C.left && (p = o.x), _ + i.height * 2 > C.bottom && (_ = o.y - i.height), c({ x: p, y: _ });
     })();
   }, [o, s]), !n) return null;
-  const m = n.reduce((y, d) => y + d.y, 0);
+  const m = n.reduce((y, l) => y + l.y, 0);
   return /* @__PURE__ */ e(
     pt,
     {
       ref: g,
       sx: {
         position: "absolute",
-        top: l.y,
-        left: l.x,
+        top: d.y,
+        left: d.x,
         width: 250,
         pointerEvents: "none"
       },
       children: /* @__PURE__ */ f(Ct, { children: [
-        /* @__PURE__ */ f(H, { alignItems: "center", display: "flex", flexDirection: "column", children: [
+        /* @__PURE__ */ f(N, { alignItems: "center", display: "flex", flexDirection: "column", children: [
           /* @__PURE__ */ e(ot, { categoryGuid: t, topLevelCategoryGuid: r }),
           /* @__PURE__ */ e(P, { variant: "Small", children: `${n.length}-month total` }),
-          /* @__PURE__ */ e(Se, { amount: m, bold: !0, formatString: "0,0", variant: "body2" })
+          /* @__PURE__ */ e(Te, { amount: m, bold: !0, formatString: "0,0", variant: "body2" })
         ] }),
-        /* @__PURE__ */ e(Ne, { sx: { my: 16, width: "100%" } }),
-        /* @__PURE__ */ e(Be, { container: !0, children: n.map((y, d) => /* @__PURE__ */ f(u.Fragment, { children: [
-          d > 0 && d % 3 === 0 && /* @__PURE__ */ e(Ne, { sx: { my: 16, width: "100%" } }),
-          /* @__PURE__ */ e(Be, { item: !0, xs: 4, children: /* @__PURE__ */ f(H, { alignItems: "center", display: "flex", flexDirection: "column", children: [
+        /* @__PURE__ */ e(He, { sx: { my: 16, width: "100%" } }),
+        /* @__PURE__ */ e(Ge, { container: !0, children: n.map((y, l) => /* @__PURE__ */ f(u.Fragment, { children: [
+          l > 0 && l % 3 === 0 && /* @__PURE__ */ e(He, { sx: { my: 16, width: "100%" } }),
+          /* @__PURE__ */ e(Ge, { item: !0, xs: 4, children: /* @__PURE__ */ f(N, { alignItems: "center", display: "flex", flexDirection: "column", children: [
             /* @__PURE__ */ e(P, { color: h.palette.text.secondary, variant: "XSmall", children: y.x }),
             /* @__PURE__ */ e(
-              Se,
+              Te,
               {
                 amount: y.y,
                 bold: !0,
@@ -119,23 +117,23 @@ const ot = ({ categoryGuid: t, topLevelCategoryGuid: r }) => {
               }
             )
           ] }) })
-        ] }, d)) })
+        ] }, l)) })
       ] })
     }
   );
-}, ao = A(ro), io = ({
+}, no = R(oo), so = ({
   categoryGuids: { guid: t, topLevelGuid: r },
   itemData: { dataIndex: n },
   series: o,
   xData: s
 }) => {
-  const h = _t(), g = o.data[n], l = s[n];
-  return g === void 0 || !l ? null : /* @__PURE__ */ e(bt, { sx: { pt: 4, px: 8 }, children: /* @__PURE__ */ e(Tt, { children: /* @__PURE__ */ f(St, { alignItems: "center", display: "flex", flexDirection: "column", children: [
+  const h = _t(), g = o.data[n], d = s[n];
+  return g === void 0 || !d ? null : /* @__PURE__ */ e(bt, { sx: { pt: 4, px: 8 }, children: /* @__PURE__ */ e(Tt, { children: /* @__PURE__ */ f(St, { alignItems: "center", display: "flex", flexDirection: "column", children: [
     /* @__PURE__ */ e(ot, { categoryGuid: t, topLevelCategoryGuid: r }),
-    /* @__PURE__ */ e(P, { color: h.palette.text.secondary, variant: "Small", children: J(l, B.MONTH_SHORT_YEAR) }),
-    /* @__PURE__ */ e(Se, { amount: String(g), bold: !0, formatString: "0,0", variant: "Body" })
+    /* @__PURE__ */ e(P, { color: h.palette.text.secondary, variant: "Small", children: U(d, G.MONTH_SHORT_YEAR) }),
+    /* @__PURE__ */ e(Te, { amount: String(g), bold: !0, formatString: "0,0", variant: "Body" })
   ] }) }) });
-}, co = ({
+}, ro = ({
   sx: t,
   categoryGuids: r,
   hoveredLegend: n,
@@ -143,7 +141,7 @@ const ot = ({ categoryGuid: t, topLevelCategoryGuid: r }) => {
   onHoverLegend: s,
   onClickLegend: h
 }) => {
-  const { isMobile: g } = ee(), { getCategoryName: l } = $();
+  const { isMobile: g } = J(), { getCategoryName: d } = $();
   return /* @__PURE__ */ e(
     S,
     {
@@ -154,9 +152,9 @@ const ot = ({ categoryGuid: t, topLevelCategoryGuid: r }) => {
       ref: o,
       sx: t,
       children: r.map(({ guid: c, top_level_guid: m }) => {
-        const y = n === c, d = ke[c], b = ke[m], i = d ?? b ?? ke.default, C = i + "33";
+        const y = n === c, l = Ae[c], b = Ae[m], i = l ?? b ?? Ae.default, C = i + "33";
         return /* @__PURE__ */ f(
-          Te,
+          be,
           {
             onClick: () => h(c),
             onMouseEnter: () => s(c),
@@ -174,7 +172,7 @@ const ot = ({ categoryGuid: t, topLevelCategoryGuid: r }) => {
             },
             children: [
               /* @__PURE__ */ e(
-                H,
+                N,
                 {
                   sx: {
                     width: 16,
@@ -185,7 +183,7 @@ const ot = ({ categoryGuid: t, topLevelCategoryGuid: r }) => {
                   }
                 }
               ),
-              /* @__PURE__ */ e(P, { variant: "Body", children: l(c) })
+              /* @__PURE__ */ e(P, { variant: "Body", children: d(c) })
             ]
           },
           c
@@ -193,7 +191,7 @@ const ot = ({ categoryGuid: t, topLevelCategoryGuid: r }) => {
       })
     }
   );
-}, lo = ({
+}, ao = ({
   onHoverArea: t,
   onHoverPoint: r,
   onHoverLegend: n,
@@ -201,23 +199,23 @@ const ot = ({ categoryGuid: t, topLevelCategoryGuid: r }) => {
   stackedDatasets: s,
   unstackedDatasets: h = [],
   availableHeight: g = 0,
-  minimumHeight: l = 350
+  minimumHeight: d = 350
 }) => {
-  const c = me(), { isMobile: m } = ee(), [y, { height: d }] = mt(), b = u.useRef(null), [i, C] = u.useState(0);
+  const c = me(), { isMobile: m } = J(), [y, { height: l }] = mt(), b = u.useRef(null), [i, C] = u.useState(0);
   u.useEffect(() => {
-    const a = Math.max(g - d, l);
+    const a = Math.max(g - l, d);
     C(a);
-  }, [g, d]);
-  const [p, _] = u.useState(null), [L, v] = u.useState({
+  }, [g, l]);
+  const [p, _] = u.useState(null), [x, v] = u.useState({
     hoveredSeriesId: null,
     hoveredAreaData: null,
     isAreaHovered: !1,
     cursorPos: { x: 0, y: 0 }
-  }), { hoveredSeriesId: D, hoveredAreaData: N, isAreaHovered: x, cursorPos: M } = L, z = x && D && N, W = !z, F = [...s, ...h], K = F[0]?.dataset.length ?? 0, X = F.flatMap((a) => a.dataset.map((T) => T.x)), ye = F.flatMap((a) => a.dataset.map((T) => T.y)), te = s[0]?.dataset?.map(
-    (a, T) => s.reduce((E, U) => E + U.dataset[T]?.y || 0, 0)
+  }), { hoveredSeriesId: D, hoveredAreaData: M, isAreaHovered: L, cursorPos: A } = x, ee = L && D && M, W = !ee, F = [...s, ...h], z = F[0]?.dataset.length ?? 0, X = F.flatMap((a) => a.dataset.map((T) => T.x)), ye = F.flatMap((a) => a.dataset.map((T) => T.y)), te = s[0]?.dataset?.map(
+    (a, T) => s.reduce((E, j) => E + j.dataset[T]?.y || 0, 0)
   ) ?? [0], re = Math.max(...te), Z = Math.max(
     ...h.flatMap((a) => a.dataset.map((T) => T.y))
-  ), ce = Math.floor(Math.min(...ye) / 100) * 100, oe = Math.ceil(Math.max(re, Z) / 100) * 100, Y = s.map((a, T) => ({
+  ), ce = Math.floor(Math.min(...ye) / 100) * 100, oe = Math.ceil(Math.max(re, Z) / 100) * 100, K = s.map((a, T) => ({
     id: `stacked-${T}`,
     guid: a.category_guid,
     top_level_guid: a.top_level_category_guid,
@@ -239,8 +237,8 @@ const ot = ({ categoryGuid: t, topLevelCategoryGuid: r }) => {
     label: a.category_name,
     type: "line",
     valueFormatter: (E) => se(E, "0,0")
-  })), ne = [...Y, ...ae], ie = [
-    ...Y.map(({ guid: a, top_level_guid: T }) => ({
+  })), ne = [...K, ...ae], ie = [
+    ...K.map(({ guid: a, top_level_guid: T }) => ({
       guid: a,
       top_level_guid: T
     })),
@@ -248,7 +246,7 @@ const ot = ({ categoryGuid: t, topLevelCategoryGuid: r }) => {
       guid: a,
       top_level_guid: T
     }))
-  ], q = (a) => {
+  ], Q = (a) => {
     const E = a.startsWith("stacked-") ? s[parseInt(a.split("-")[1])] : h[parseInt(a.split("-")[1])];
     return {
       guid: E?.category_guid,
@@ -258,35 +256,35 @@ const ot = ({ categoryGuid: t, topLevelCategoryGuid: r }) => {
     _(a), n?.(a ?? "");
   }, O = (a) => {
     o?.(a ?? "");
-  }, j = () => {
-    const a = q(String(D)).guid;
+  }, Y = () => {
+    const a = Q(String(D)).guid;
     a && o?.(a);
   }, le = (a) => {
-    const T = String(a?.seriesId), E = q(T).guid, U = ne.find((de) => de.id === T), Ee = U && a?.dataIndex !== void 0, De = U && a?.dataIndex === void 0;
-    if (Ee)
+    const T = String(a?.seriesId), E = Q(T).guid, j = ne.find((de) => de.id === T), Le = j && a?.dataIndex !== void 0, Ee = j && a?.dataIndex === void 0;
+    if (Le)
       v({
         hoveredSeriesId: T,
         hoveredAreaData: null,
         isAreaHovered: !1,
-        cursorPos: M
+        cursorPos: A
       }), r?.(E);
-    else if (De) {
-      const de = U?.data.map((Me, Ae) => ({
-        x: X[Ae],
-        y: Me
+    else if (Ee) {
+      const de = j?.data.map((De, Me) => ({
+        x: X[Me],
+        y: De
       })) ?? [];
       v({
         hoveredSeriesId: T,
         hoveredAreaData: de,
         isAreaHovered: !0,
-        cursorPos: M
+        cursorPos: A
       }), t?.(E);
     } else
       v({
         hoveredSeriesId: null,
         hoveredAreaData: null,
         isAreaHovered: !1,
-        cursorPos: M
+        cursorPos: A
       });
   }, fe = (a) => {
     const T = a.currentTarget.getBoundingClientRect();
@@ -297,7 +295,7 @@ const ot = ({ categoryGuid: t, topLevelCategoryGuid: r }) => {
         y: a.clientY - T.top
       }
     }));
-  }, Le = {
+  }, Ie = {
     p: 4,
     "& .MuiBarLabel-root": {
       fontSize: 10,
@@ -313,15 +311,15 @@ const ot = ({ categoryGuid: t, topLevelCategoryGuid: r }) => {
     '& [class*="MuiLineElement-series-unstacked-"]': {
       strokeWidth: 3
     },
-    ...p && Y.reduce((a, T, E) => {
-      const U = `.MuiAreaElement-series-stacked-${E}`;
-      return a[U] = {
-        opacity: Y[E].guid === p ? 0.9 : 0.2
+    ...p && K.reduce((a, T, E) => {
+      const j = `.MuiAreaElement-series-stacked-${E}`;
+      return a[j] = {
+        opacity: K[E].guid === p ? 0.9 : 0.2
       }, a;
     }, {})
   };
   return /* @__PURE__ */ e(
-    H,
+    N,
     {
       onMouseMove: fe,
       ref: b,
@@ -348,7 +346,7 @@ const ot = ({ categoryGuid: t, topLevelCategoryGuid: r }) => {
               {
                 height: i,
                 margin: { bottom: 50 },
-                onAreaClick: j,
+                onAreaClick: Y,
                 onHighlightChange: le,
                 series: ne,
                 skipAnimation: !0,
@@ -359,15 +357,15 @@ const ot = ({ categoryGuid: t, topLevelCategoryGuid: r }) => {
                 },
                 slots: {
                   itemContent: (a) => W && D ? /* @__PURE__ */ e(
-                    io,
+                    so,
                     {
-                      categoryGuids: q(D),
+                      categoryGuids: Q(D),
                       xData: X,
                       ...a
                     }
                   ) : null
                 },
-                sx: Le,
+                sx: Ie,
                 tooltip: {
                   trigger: W ? "item" : "none"
                 },
@@ -375,8 +373,8 @@ const ot = ({ categoryGuid: t, topLevelCategoryGuid: r }) => {
                   {
                     data: X,
                     scaleType: "time",
-                    valueFormatter: (a) => J(a, B.MONTH_SHORT_YEAR),
-                    tickNumber: K
+                    valueFormatter: (a) => U(a, G.MONTH_SHORT_YEAR),
+                    tickNumber: z
                     // How many ticks to show on the x-axis
                   }
                 ],
@@ -389,7 +387,7 @@ const ot = ({ categoryGuid: t, topLevelCategoryGuid: r }) => {
               }
             ),
             /* @__PURE__ */ e(
-              co,
+              ro,
               {
                 categoryGuids: ie,
                 hoveredLegend: p,
@@ -399,15 +397,15 @@ const ot = ({ categoryGuid: t, topLevelCategoryGuid: r }) => {
                 sx: { px: m ? 0 : 24 }
               }
             ),
-            z && /* @__PURE__ */ e(
-              ao,
+            ee && /* @__PURE__ */ e(
+              no,
               {
-                categoryGuids: q(D),
+                categoryGuids: Q(D),
                 chartContainerRef: b,
-                cursorPosition: M,
-                hoveredAreaData: N.map((a) => ({
+                cursorPosition: A,
+                hoveredAreaData: M.map((a) => ({
                   ...a,
-                  x: J(a.x, B.MONTH_SHORT_YEAR)
+                  x: U(a.x, G.MONTH_SHORT_YEAR)
                 }))
               }
             )
@@ -417,29 +415,29 @@ const ot = ({ categoryGuid: t, topLevelCategoryGuid: r }) => {
     }
   );
 }, nt = ({ selectedTab: t, onTabChange: r }) => /* @__PURE__ */ e(
-  Rt,
+  kt,
   {
     exclusive: !0,
     onChange: r,
     orientation: "horizontal",
     value: t,
-    children: ["Chart", "Table"].map((n) => /* @__PURE__ */ e(kt, { color: "primary", sx: { width: 56 }, value: n, children: n === "Chart" ? /* @__PURE__ */ e(be, { name: "table_chart_view" }) : /* @__PURE__ */ e(be, { name: "format_list_bulleted" }) }, n))
+    children: ["Chart", "Table"].map((n) => /* @__PURE__ */ e(Rt, { color: "primary", sx: { width: 56 }, value: n, children: n === "Chart" ? /* @__PURE__ */ e(_e, { name: "table_chart_view" }) : /* @__PURE__ */ e(_e, { name: "format_list_bulleted" }) }, n))
   }
 ), st = ({ selectedDateRange: t, selectedCategoryGuid: r }) => {
-  const { trends: n } = k(), { isMobile: o, isDesktop: s } = ee(), { getCategoryName: h } = $(), g = u.useMemo(() => {
-    const l = t.start.getFullYear() === t.end.getFullYear() ? J(
+  const { trends: n } = k(), { isMobile: o, isDesktop: s } = J(), { getCategoryName: h } = $(), g = u.useMemo(() => {
+    const d = t.start.getFullYear() === t.end.getFullYear() ? U(
       t.start,
-      o ? B.MONTH_SHORT : B.MONTH_LONG
-    ) : J(
+      o ? G.MONTH_SHORT : G.MONTH_LONG
+    ) : U(
       t.start,
-      o ? B.MONTH_SHORT_YEAR : B.MONTH_YEAR
-    ), c = J(
+      o ? G.MONTH_SHORT_YEAR : G.MONTH_YEAR
+    ), c = U(
       t.end,
-      o ? B.MONTH_SHORT_YEAR : B.MONTH_YEAR
+      o ? G.MONTH_SHORT_YEAR : G.MONTH_YEAR
     );
-    return `${l} - ${c}`;
+    return `${d} - ${c}`;
   }, [t, o]);
-  return /* @__PURE__ */ f(H, { sx: { mr: 10, minWidth: "60%" }, children: [
+  return /* @__PURE__ */ f(N, { sx: { mr: 10, minWidth: "60%" }, children: [
     /* @__PURE__ */ e(
       P,
       {
@@ -457,9 +455,9 @@ const ot = ({ categoryGuid: t, topLevelCategoryGuid: r }) => {
     /* @__PURE__ */ e(P, { variant: s ? "subtitle1" : "body2", children: g })
   ] });
 }, $e = (t) => {
-  const r = t.row.category_guid, n = t.row.top_level_category_guid, o = r === Ve.INCOME || n === Ve.INCOME, s = t.row[t.field];
+  const r = t.row.category_guid, n = t.row.top_level_category_guid, o = r === Be.INCOME || n === Be.INCOME, s = t.row[t.field];
   return /* @__PURE__ */ e(S, { alignItems: "flex-end", direction: "row", tabIndex: t.tabIndex, children: /* @__PURE__ */ e(
-    Se,
+    Te,
     {
       amount: s,
       isIncome: o,
@@ -468,22 +466,22 @@ const ot = ({ categoryGuid: t, topLevelCategoryGuid: r }) => {
       variant: "body2"
     }
   ) });
-}, uo = ({ categoryGuid: t, topLevelCategoryGuid: r }) => {
+}, io = ({ categoryGuid: t, topLevelCategoryGuid: r }) => {
   const { getCategoryName: n } = $(), { categories: o } = k(), s = o.default_categories[t]?.replace(/&amp;/g, "&") ?? n(t);
   return /* @__PURE__ */ f(S, { alignItems: "center", direction: "row", justifyContent: "center", children: [
-    /* @__PURE__ */ e(H, { "aria-hidden": !0, children: /* @__PURE__ */ e(xe, { categoryGuid: r, variant: "twotone" }) }),
-    /* @__PURE__ */ e(P, { sx: { ml: 12, pb: 6 }, variant: "body2", children: s })
+    /* @__PURE__ */ e(N, { "aria-hidden": !0, children: /* @__PURE__ */ e(Se, { categoryGuid: r, variant: "twotone" }) }),
+    /* @__PURE__ */ e(P, { sx: { ml: 12 }, variant: "body2", children: s })
   ] });
-}, ho = (t) => /* @__PURE__ */ e(S, { alignItems: "center", direction: "row", height: "100%", width: "100%", children: /* @__PURE__ */ e(
-  uo,
+}, co = (t) => /* @__PURE__ */ e(S, { alignItems: "center", direction: "row", tabIndex: t.tabIndex, children: /* @__PURE__ */ e(
+  io,
   {
     categoryGuid: t.row.category,
     topLevelCategoryGuid: t.row.top_level_category_guid
   }
-) }), go = (t, r) => {
+) }), lo = (t, r) => {
   const n = [], o = new Date(t);
   for (; o <= r; ) {
-    const s = J(o, B.MONTH_LONG);
+    const s = U(o, G.MONTH_LONG);
     n.push(s), o.setMonth(o.getMonth() + 1);
   }
   return n;
@@ -494,15 +492,15 @@ const ot = ({ categoryGuid: t, topLevelCategoryGuid: r }) => {
   height: o = "100%",
   sx: s = {}
 }) => {
-  const h = me(), { onEvent: g } = V(), { transactions: l, spending: c } = k(), { trendsCategories: m } = $(), y = u.useMemo(() => go(t.start, t.end), [t]), d = h.palette.mode === "light", b = [
+  const h = me(), { onEvent: g } = V(), { transactions: d, spending: c } = k(), { trendsCategories: m } = $(), y = u.useMemo(() => lo(t.start, t.end), [t]), l = h.palette.mode === "light", b = [
     {
       field: "category",
       flex: 1,
       headerClassName: "trends-table-header",
-      headerName: l.category_title,
+      headerName: d.category_title,
       minWidth: 175,
       renderHeader: Re,
-      renderCell: ho,
+      renderCell: co,
       sortable: !0,
       sortComparator: It,
       type: "string"
@@ -521,7 +519,7 @@ const ot = ({ categoryGuid: t, topLevelCategoryGuid: r }) => {
         sortable: !0,
         hideSortIcons: !1,
         type: "number",
-        sortComparator: Fe
+        sortComparator: Ve
       })
     ),
     {
@@ -537,7 +535,7 @@ const ot = ({ categoryGuid: t, topLevelCategoryGuid: r }) => {
       sortable: !0,
       hideSortIcons: !1,
       type: "number",
-      sortComparator: Fe
+      sortComparator: Ve
     }
   ], i = u.useMemo(() => {
     if (r)
@@ -545,33 +543,31 @@ const ot = ({ categoryGuid: t, topLevelCategoryGuid: r }) => {
   }, [r, m]), C = u.useMemo(() => {
     let p = m;
     return i && (p = i.subCategories.filter(
-      (_) => _.monthlyAmounts.some((L) => L.amount > 0)
+      (_) => _.monthlyAmounts.some((x) => x.amount !== 0)
     )), p.map((_) => {
-      let L = _.totalMonthlyAmounts;
-      i && (L = _.monthlyAmounts);
-      const v = L.filter(
-        (x) => (Ht(_e(x.isoDate), t.start) || Wt(_e(x.isoDate), t.start)) && Nt(_e(x.isoDate), t.end)
-      ), D = v.reduce(
-        (x, M) => {
-          const z = J(_e(M.isoDate), B.MONTH_LONG);
-          return x[z] = M.amount, x;
+      let x = _.totalMonthlyAmounts;
+      i && (x = _.monthlyAmounts);
+      const v = x.reduce(
+        (M, L) => {
+          const A = U(Pe(L.isoDate), G.MONTH_LONG);
+          return M[A] = L.amount, M;
         },
         {}
-      ), N = v.reduce(
-        (x, M) => x + M.amount,
-        0
-      );
+      ), D = x.reduce((M, L) => {
+        const A = U(Pe(L.isoDate), G.MONTH_LONG);
+        return M + (y.includes(A) ? L.amount : 0);
+      }, 0);
       return {
         id: _.guid,
         category: _.guid,
         top_level_category_guid: _.parent_guid || _.guid,
-        total: N,
-        ...D
+        total: D,
+        ...v
       };
     });
   }, [m]);
-  return /* @__PURE__ */ e(H, { sx: { height: o, width: "100%", overflowX: "auto", boxShadow: "none", ...s }, children: /* @__PURE__ */ e(
-    Gt,
+  return /* @__PURE__ */ e(N, { sx: { height: o, width: "100%", overflowX: "auto", boxShadow: "none", ...s }, children: /* @__PURE__ */ e(
+    Ht,
     {
       columns: b,
       disableColumnFilter: !0,
@@ -580,7 +576,7 @@ const ot = ({ categoryGuid: t, topLevelCategoryGuid: r }) => {
       initialState: { sorting: { sortModel: [{ field: "category", sort: "asc" }] } },
       onRowClick: (p) => {
         i || n?.(p.row.category), g(I.TRENDS_CLICK_LIST_ITEM, {
-          ...G,
+          ...B,
           listItem: vt[p.row.category]
         });
       },
@@ -594,28 +590,29 @@ const ot = ({ categoryGuid: t, topLevelCategoryGuid: r }) => {
         borderStyle: "solid",
         borderRadius: 2,
         "& .MuiDataGrid-columnHeaders": {
+          bgcolor: l ? "neutral.50" : "neutral.800",
           borderBottom: "none"
         },
         "& .trends-table-header": {
-          bgcolor: d ? "neutral.50" : "background.paper"
+          bgcolor: l ? "neutral.50" : "neutral.800"
         }
       }
     }
   ) });
-}, mo = {
+}, uo = {
   title: "Transaction List"
-}, po = ({
+}, ho = ({
   categoryGuid: t,
   dateRange: r,
   isOpen: n,
   onClose: o
 }) => {
-  const { onEvent: s } = V(), { selectedAccountGuids: h } = pe(), { common: g } = k(), { setFilter: l, sortedTransactions: c } = ve(), [m, y] = u.useState(""), d = u.useMemo(
+  const { onEvent: s } = V(), { selectedAccountGuids: h } = pe(), { common: g } = k(), { setFilter: d, sortedTransactions: c } = xe(), [m, y] = u.useState(""), l = u.useMemo(
     () => c.find((i) => i.guid === m),
     [m, c]
   );
   u.useEffect(() => {
-    l({
+    d({
       accounts: h,
       dateRange: r,
       custom: (i) => t === "" || t === i.category_guid || t === i.top_level_category_guid,
@@ -626,21 +623,21 @@ const ot = ({ categoryGuid: t, topLevelCategoryGuid: r }) => {
     y(""), o();
   };
   return /* @__PURE__ */ f(
-    We,
+    Ne,
     {
       ariaLabelClose: g.close_aria,
       isOpen: n,
       onClose: b,
-      title: mo.title,
+      title: uo.title,
       children: [
-        d && /* @__PURE__ */ e(Je, { transaction: d }),
-        !d && /* @__PURE__ */ e(et, { onClick: y })
+        l && /* @__PURE__ */ e(Je, { transaction: l }),
+        !l && /* @__PURE__ */ e(et, { onClick: y })
       ]
     }
   );
-}, Co = A(po), yo = ({ onBackClick: t, sx: r }) => {
-  const { onEvent: n } = V(), { isDesktop: o, isTablet: s, isMobile: h } = ee(), { visibleAccounts: g } = we(), { loadMonthlyCategoryTotals: l, monthlyCategoryTotals: c, getCategoryName: m } = $(), { sortedTransactions: y } = ve(), { selectedDateRange: d, setSelectedDateRange: b } = Ce(), { isCopyLoaded: i, isInitialized: C, selectedAccounts: p, setSelectedAccounts: _ } = pe(), { trends: L } = k(), [v, D] = u.useState(!1), [N, x] = u.useState(!1), [M, z] = u.useState("Chart"), [W, F] = u.useState(""), [K, X] = u.useState(window.innerHeight), te = K - (h ? 315 : 345);
-  Ie({
+}, go = R(ho), mo = ({ onBackClick: t, sx: r }) => {
+  const { onEvent: n } = V(), { isDesktop: o, isTablet: s, isMobile: h } = J(), { visibleAccounts: g } = ve(), { loadMonthlyCategoryTotals: d, monthlyCategoryTotals: c, getCategoryName: m } = $(), { sortedTransactions: y } = xe(), { selectedDateRange: l, setSelectedDateRange: b } = Ce(), { isCopyLoaded: i, isInitialized: C, selectedAccounts: p, setSelectedAccounts: _ } = pe(), { trends: x } = k(), [v, D] = u.useState(!1), [M, L] = u.useState(!1), [A, ee] = u.useState("Chart"), [W, F] = u.useState(""), [z, X] = u.useState(window.innerHeight), te = z - (h ? 315 : 345);
+  we({
     widgetName: "TrendsFullWidget",
     isLoaded: v
   }), u.useEffect(() => {
@@ -649,37 +646,37 @@ const ot = ({ categoryGuid: t, topLevelCategoryGuid: r }) => {
   }, []), u.useEffect(() => {
     _(g);
   }, [g]), u.useEffect(() => {
-    C && l(
+    C && d(
       p,
-      d.start,
-      d.end
+      l.start,
+      l.end
     ).finally(() => {
       D(!0);
     });
-  }, [C, p, d]);
+  }, [C, p, l]);
   const re = u.useMemo(() => {
     if (!v) return { stackedDatasets: [], unstackedDatasets: [] };
     const w = Lt(
       c,
-      d.start,
-      d.end
+      l.start,
+      l.end
     ), O = W.length ? w.filter(
-      (j) => j.top_level_category_guid === W || j.category_guid === W
+      (Y) => Y.top_level_category_guid === W || Y.category_guid === W
     ) : Et(w);
     return {
       stackedDatasets: O.filter(Dt),
       unstackedDatasets: O.filter(Mt)
     };
-  }, [c, W, d]), Z = (w, O) => {
-    z(O ?? M), n(I.TRENDS_CLICK_TOGGLE_VIEW);
+  }, [c, W, l]), Z = (w, O) => {
+    ee(O ?? A), n(I.TRENDS_CLICK_TOGGLE_VIEW);
   }, ce = (w) => {
-    const O = je(w?.[0], 1), j = w?.[1], le = He(j, O);
-    b({ start: O, end: j }), n(I.TRENDS_CLICK_TIME_WINDOW, {
+    const O = je(w?.[0], 1), Y = w?.[1], le = ke(Y, O);
+    b({ start: O, end: Y }), n(I.TRENDS_CLICK_TIME_WINDOW, {
       time_period: le + "M"
     });
   }, oe = () => {
     n(I.TRENDS_CLICK_FILTER);
-  }, Y = (w) => {
+  }, K = (w) => {
     F(w);
   }, ae = (w) => {
     F(w), n(I.TRENDS_CLICK_LEGEND, { category: m(w) });
@@ -687,20 +684,20 @@ const ot = ({ categoryGuid: t, topLevelCategoryGuid: r }) => {
     n(I.TRENDS_HOVER_LEGEND, { category: m(w) });
   }, ie = (w) => {
     n(I.TRENDS_HOVER_AREA, { category: w });
-  }, q = (w) => {
+  }, Q = (w) => {
     n(I.TRENDS_HOVER_POINT, { category: w });
   };
   return !i || !C || !v ? /* @__PURE__ */ e(ge, {}) : /* @__PURE__ */ f(
-    Qe,
+    qe,
     {
       accountOptions: g,
       calendarActions: { onRangeChanged: ce },
-      dateRange: d,
+      dateRange: l,
       dateRangeVariant: "timeframebuttons",
       onAccountsFilterClick: oe,
       onBackClick: t,
       sx: r,
-      title: L.title,
+      title: x.title,
       children: [
         /* @__PURE__ */ f(
           S,
@@ -721,39 +718,39 @@ const ot = ({ categoryGuid: t, topLevelCategoryGuid: r }) => {
                       st,
                       {
                         selectedCategoryGuid: W,
-                        selectedDateRange: d
+                        selectedDateRange: l
                       }
                     ),
-                    /* @__PURE__ */ e(nt, { onTabChange: Z, selectedTab: M })
+                    /* @__PURE__ */ e(nt, { onTabChange: Z, selectedTab: A })
                   ]
                 }
               ),
               /* @__PURE__ */ f(S, { alignItems: "center", flexDirection: "row", width: "100%", children: [
-                /* @__PURE__ */ e(H, { flexGrow: 1, children: W && /* @__PURE__ */ f(Te, { onClick: () => F(""), sx: { p: 0, pr: 5 }, children: [
-                  /* @__PURE__ */ e(be, { name: "arrow_back" }),
-                  L.all_categories
+                /* @__PURE__ */ e(N, { flexGrow: 1, children: W && /* @__PURE__ */ f(be, { onClick: () => F(""), sx: { p: 0, pr: 5 }, children: [
+                  /* @__PURE__ */ e(_e, { name: "arrow_back" }),
+                  x.all_categories
                 ] }) }),
-                /* @__PURE__ */ e(Te, { onClick: () => x(!0), sx: { px: 5 }, children: `${L.view_transactions} (${y.length})` })
+                /* @__PURE__ */ e(be, { onClick: () => L(!0), sx: { px: 5 }, children: `${x.view_transactions} (${y.length})` })
               ] }),
-              /* @__PURE__ */ f(H, { children: [
-                M === "Chart" && /* @__PURE__ */ e(
-                  lo,
+              /* @__PURE__ */ f(N, { children: [
+                A === "Chart" && /* @__PURE__ */ e(
+                  ao,
                   {
                     availableHeight: te,
                     onClickLegend: ae,
                     onHoverArea: ie,
                     onHoverLegend: ne,
-                    onHoverPoint: q,
+                    onHoverPoint: Q,
                     stackedDatasets: re.stackedDatasets,
                     unstackedDatasets: re.unstackedDatasets
                   }
                 ),
-                M === "Table" && /* @__PURE__ */ e(
+                A === "Table" && /* @__PURE__ */ e(
                   rt,
                   {
-                    onClickRow: Y,
+                    onClickRow: K,
                     selectedCategory: W,
-                    selectedDateRange: d
+                    selectedDateRange: l
                   }
                 )
               ] })
@@ -761,21 +758,21 @@ const ot = ({ categoryGuid: t, topLevelCategoryGuid: r }) => {
           }
         ),
         /* @__PURE__ */ e(
-          Co,
+          go,
           {
             categoryGuid: W,
-            dateRange: d,
-            isOpen: N,
-            onClose: () => x(!1)
+            dateRange: l,
+            isOpen: M,
+            onClose: () => L(!1)
           }
         )
       ]
     }
   );
-}, Bn = A(yo), fo = () => {
+}, Hn = R(mo), po = () => {
   const { monthlyCategoryTotals: t } = $(), { trends: r } = k(), n = me(), { availableHeight: o = 300 } = Ue(), s = At(t);
   return /* @__PURE__ */ e(
-    Ge,
+    Oe,
     {
       baseline: "min",
       colors: [n.palette.primary.main],
@@ -790,17 +787,17 @@ const ot = ({ categoryGuid: t, topLevelCategoryGuid: r }) => {
       valueFormatterString: "0,0"
     }
   );
-}, _o = A(fo), bo = ({ onPrimaryCtaClick: t, sx: r }) => {
-  const { visibleAccounts: n } = we(), { loadMonthlyCategoryTotals: o, monthlyTotalsLoaded: s } = $(), { isInitialized: h } = Oe(), { trends: g } = k(), { isCopyLoaded: l, selectedAccounts: c, setSelectedAccounts: m } = pe();
-  return Ie({
+}, Co = R(po), yo = ({ onPrimaryCtaClick: t, sx: r }) => {
+  const { visibleAccounts: n } = ve(), { loadMonthlyCategoryTotals: o, monthlyTotalsLoaded: s } = $(), { isInitialized: h } = We(), { trends: g } = k(), { isCopyLoaded: d, selectedAccounts: c, setSelectedAccounts: m } = pe();
+  return we({
     widgetName: "TrendsMiniWidget",
     isLoaded: s
   }), u.useEffect(() => {
     m(n);
   }, [n]), u.useEffect(() => {
     h && o(c).finally();
-  }, [h, c]), !l || !h ? /* @__PURE__ */ e(ge, {}) : /* @__PURE__ */ e(
-    Vt,
+  }, [h, c]), !d || !h ? /* @__PURE__ */ e(ge, {}) : /* @__PURE__ */ e(
+    Wt,
     {
       contentStyles: { height: "calc(100% - 72px)", ":last-child": { pb: 0 } },
       onPrimaryCtaClick: t,
@@ -808,10 +805,10 @@ const ot = ({ categoryGuid: t, topLevelCategoryGuid: r }) => {
       subTitle: g.sub_title,
       sx: { height: "100%", ...r },
       title: g.mini_title,
-      children: s ? /* @__PURE__ */ e(_o, {}) : /* @__PURE__ */ e(ge, {})
+      children: s ? /* @__PURE__ */ e(Co, {}) : /* @__PURE__ */ e(ge, {})
     }
   );
-}, Vn = A(bo), To = 70, ze = ({
+}, Nn = R(yo), fo = 70, ze = ({
   title: t,
   totalAmount: r,
   transactionType: n,
@@ -819,10 +816,10 @@ const ot = ({ categoryGuid: t, topLevelCategoryGuid: r }) => {
   secondaryLabel: s,
   shouldDisplayPercentage: h
 }) => {
-  const { availableWidth: g } = Ue(), l = u.useRef(null), c = u.useRef(null), m = wt(Number(Math.abs(o)), {
+  const { availableWidth: g } = Ue(), d = u.useRef(null), c = u.useRef(null), m = wt(Number(Math.abs(o)), {
     style: "percent",
     minimumIntegerDigits: 1
-  }), y = g === 288 && se(r, "0,0.00").length > 10 ? se(r, "0,0") : se(r, "0,0.00"), d = n === "spending" ? o > 0 : o >= 0, b = n === "spending" ? "error.main" : "success.main", i = n === "spending" ? "success.main" : "text.secondary", C = l?.current, p = c?.current, _ = C && p ? C.scrollWidth > p.clientWidth - To : !1;
+  }), y = g === 288 && se(r, "0,0.00").length > 10 ? se(r, "0,0") : se(r, "0,0.00"), l = n === "spending" ? o > 0 : o >= 0, b = n === "spending" ? "error.main" : "success.main", i = n === "spending" ? "success.main" : "text.secondary", C = d?.current, p = c?.current, _ = C && p ? C.scrollWidth > p.clientWidth - fo : !1;
   return /* @__PURE__ */ f(
     S,
     {
@@ -847,12 +844,12 @@ const ot = ({ categoryGuid: t, topLevelCategoryGuid: r }) => {
             children: [
               /* @__PURE__ */ e(he, { color: "text.secondary", variant: "caption", children: t }),
               h && /* @__PURE__ */ f(S, { sx: { alignItems: "center", flexDirection: "row", gap: 4 }, children: [
-                d ? /* @__PURE__ */ e(Ft, { size: 20, sx: { color: b } }) : /* @__PURE__ */ e(Pt, { size: 20, sx: { color: i } }),
+                l ? /* @__PURE__ */ e(Gt, { size: 20, sx: { color: b } }) : /* @__PURE__ */ e(Bt, { size: 20, sx: { color: i } }),
                 /* @__PURE__ */ e(
                   he,
                   {
                     sx: {
-                      color: d ? b : i,
+                      color: l ? b : i,
                       fontWeight: 600
                     },
                     variant: "body2",
@@ -874,9 +871,9 @@ const ot = ({ categoryGuid: t, topLevelCategoryGuid: r }) => {
             },
             children: [
               /* @__PURE__ */ e(
-                H,
+                N,
                 {
-                  ref: l,
+                  ref: d,
                   sx: { overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" },
                   children: /* @__PURE__ */ e(Ye, { children: y })
                 }
@@ -884,7 +881,7 @@ const ot = ({ categoryGuid: t, topLevelCategoryGuid: r }) => {
               h && g >= 450 && !_ && /* @__PURE__ */ e(
                 he,
                 {
-                  color: d ? b : i,
+                  color: l ? b : i,
                   variant: "caption",
                   children: s
                 }
@@ -895,21 +892,21 @@ const ot = ({ categoryGuid: t, topLevelCategoryGuid: r }) => {
       ]
     }
   );
-}, So = A(() => {
+}, _o = R(() => {
   const { trends: t } = k();
   return /* @__PURE__ */ f(S, { sx: { alignItems: "start", flexDirection: "row", gap: 12 }, children: [
-    /* @__PURE__ */ e($t, { size: 32 }),
+    /* @__PURE__ */ e(Vt, { size: 32 }),
     /* @__PURE__ */ f(S, { children: [
       /* @__PURE__ */ e(he, { fontWeight: 600, variant: "body1", children: t.zero_state_content_header }),
       /* @__PURE__ */ e(he, { color: "text.secondary", variant: "subtitle2", children: t.zero_state_content_description })
     ] })
   ] });
-}), Fn = A(({ onCtaClick: t }) => {
-  const { visibleAccounts: r } = we(), { onEvent: n } = V(), { monthlyCategoryTotals: o, loadMonthlyCategoryTotals: s, monthlyTotalsLoaded: h } = $(), g = {
+}), Wn = R(({ onCtaClick: t }) => {
+  const { visibleAccounts: r } = ve(), { onEvent: n } = V(), { monthlyCategoryTotals: o, loadMonthlyCategoryTotals: s, monthlyTotalsLoaded: h } = $(), g = {
     start: Ot(/* @__PURE__ */ new Date(), 1),
     end: /* @__PURE__ */ new Date()
-  }, { trends: l } = k(), { selectedAccounts: c, setSelectedAccounts: m, isInitialized: y } = pe();
-  Ie({
+  }, { trends: d } = k(), { selectedAccounts: c, setSelectedAccounts: m, isInitialized: y } = pe();
+  we({
     widgetName: "TrendsMicroWidget",
     isLoaded: h
   }), u.useEffect(() => {
@@ -921,26 +918,26 @@ const ot = ({ categoryGuid: t, topLevelCategoryGuid: r }) => {
       });
     });
   }, [y, c]);
-  const { spendingData: d, incomeData: b } = u.useMemo(
+  const { spendingData: l, incomeData: b } = u.useMemo(
     () => ({
       spendingData: Ze(o, g),
-      incomeData: qe(o, g)
+      incomeData: Qe(o, g)
     }),
     [o, g]
-  ), [i, C] = d, [p, _] = b, L = Pe(C.y, i.y), v = Pe(_.y, p.y), D = y && !r?.length, N = () => {
+  ), [i, C] = l, [p, _] = b, x = Fe(C.y, i.y), v = Fe(_.y, p.y), D = y && !r?.length, M = () => {
     n(
       D ? I.TRENDS_CLICK_GET_STARTED : I.TRENDS_CLICK_VIEW_MORE
     ), t();
   };
   return !h || !y ? /* @__PURE__ */ e(ge, {}) : /* @__PURE__ */ e(
-    Yt,
+    $t,
     {
       className: "mx-trends-microwidget",
-      ctaLabel: l.micro_primary_cta_label,
-      onCTAClick: N,
-      subHeader: D ? void 0 : l.micro_subheader,
-      title: l.title,
-      children: D ? /* @__PURE__ */ e(So, {}) : /* @__PURE__ */ f(
+      ctaLabel: d.micro_primary_cta_label,
+      onCTAClick: M,
+      subHeader: D ? void 0 : d.micro_subheader,
+      title: d.title,
+      children: D ? /* @__PURE__ */ e(_o, {}) : /* @__PURE__ */ f(
         S,
         {
           sx: {
@@ -952,10 +949,10 @@ const ot = ({ categoryGuid: t, topLevelCategoryGuid: r }) => {
             /* @__PURE__ */ e(
               ze,
               {
-                percentage: L,
-                secondaryLabel: l.micro_secondary_label,
+                percentage: x,
+                secondaryLabel: d.micro_secondary_label,
                 shouldDisplayPercentage: C.y !== 0 && i.y !== 0,
-                title: l.spending_label,
+                title: d.spending_label,
                 totalAmount: C.y,
                 transactionType: "spending"
               }
@@ -964,9 +961,9 @@ const ot = ({ categoryGuid: t, topLevelCategoryGuid: r }) => {
               ze,
               {
                 percentage: v,
-                secondaryLabel: l.micro_secondary_label,
+                secondaryLabel: d.micro_secondary_label,
                 shouldDisplayPercentage: _.y !== 0 && p.y !== 0,
-                title: l.income_label,
+                title: d.income_label,
                 totalAmount: _.y,
                 transactionType: "income"
               }
@@ -976,17 +973,17 @@ const ot = ({ categoryGuid: t, topLevelCategoryGuid: r }) => {
       )
     }
   );
-}), xo = A(
+}), bo = R(
   ({ isExpanded: t, onClick: r }) => {
     const n = tt();
-    return /* @__PURE__ */ e(Xt, { sx: { bgcolor: "background.paper" }, children: /* @__PURE__ */ e(Zt, { onClick: r, sx: { justifyContent: "center" }, children: /* @__PURE__ */ f(
+    return /* @__PURE__ */ e(Yt, { sx: { bgcolor: "background.paper" }, children: /* @__PURE__ */ e(jt, { onClick: r, sx: { justifyContent: "center" }, children: /* @__PURE__ */ f(
       S,
       {
         sx: { color: n.palette.primary.main, flexDirection: "row", alignItems: "center" },
         children: [
-          /* @__PURE__ */ e(Qt, { children: /* @__PURE__ */ e(P, { bold: !0, variant: "body2", children: t ? "View less" : "View more" }) }),
-          /* @__PURE__ */ e(qt, { sx: { color: n.palette.primary.main }, children: t ? /* @__PURE__ */ e(zt, {}) : /* @__PURE__ */ e(
-            Kt,
+          /* @__PURE__ */ e(Xt, { children: /* @__PURE__ */ e(P, { bold: !0, variant: "body2", children: t ? "View less" : "View more" }) }),
+          /* @__PURE__ */ e(Ut, { sx: { color: n.palette.primary.main }, children: t ? /* @__PURE__ */ e(Ft, {}) : /* @__PURE__ */ e(
+            Pt,
             {
               sx: {
                 transition: "transform 0.3s ease-in-out",
@@ -998,7 +995,7 @@ const ot = ({ categoryGuid: t, topLevelCategoryGuid: r }) => {
       }
     ) }) });
   }
-), Ke = A(
+), Ke = R(
   ({
     totalAmount: t,
     guid: r,
@@ -1008,9 +1005,9 @@ const ot = ({ categoryGuid: t, topLevelCategoryGuid: r }) => {
     isLastItem: h = !1,
     showDivider: g = !0
   }) => {
-    const { trends: l } = k(), { onEvent: c } = V(), m = `${o.length} ${o.length === 1 ? l.transaction : l.transactions}`, y = () => {
+    const { trends: d } = k(), { onEvent: c } = V(), m = `${o.length} ${o.length === 1 ? d.transaction : d.transactions}`, y = () => {
       s?.(), c(I.TRENDS_CLICK_LIST_ITEM, {
-        ...G,
+        ...B,
         listItem: n
       });
     };
@@ -1018,7 +1015,7 @@ const ot = ({ categoryGuid: t, topLevelCategoryGuid: r }) => {
       /* @__PURE__ */ e(
         Xe,
         {
-          leftIcon: r ? /* @__PURE__ */ e(xe, { categoryGuid: r }) : void 0,
+          leftIcon: r ? /* @__PURE__ */ e(Se, { categoryGuid: r }) : void 0,
           onClick: y,
           rightContent: se(Math.abs(t), "0,0.00"),
           rightIcon: s ? /* @__PURE__ */ e(ht, {}) : void 0,
@@ -1026,23 +1023,23 @@ const ot = ({ categoryGuid: t, topLevelCategoryGuid: r }) => {
           title: n
         }
       ),
-      g && /* @__PURE__ */ e(Ne, { sx: { ml: h ? 24 : 68 } })
+      g && /* @__PURE__ */ e(He, { sx: { ml: h ? 24 : 68 } })
     ] }, r);
   }
-), vo = A(
+), To = R(
   ({ availableHeight: t = 0, onCategoryClick: r }) => {
-    const { collapsedCategories: n, visibleCategories: o, setVisibleListLength: s } = Ce(), { isLargeDesktop: h, isDesktop: g } = ee(), { trends: l } = k(), { onEvent: c } = V(), [m, y] = u.useState(!1), d = g || h;
+    const { collapsedCategories: n, visibleCategories: o, setVisibleListLength: s } = Ce(), { isLargeDesktop: h, isDesktop: g } = J(), { trends: d } = k(), { onEvent: c } = V(), [m, y] = u.useState(!1), l = g || h;
     u.useEffect(() => {
       const C = Math.floor(t / 64) - 1, p = o.length + n.length;
-      C !== o.length && (s(d ? Math.max(C, 5) : 5), y(C >= p));
+      C !== o.length && (s(l ? Math.max(C, 5) : 5), y(C >= p));
     }, [t]);
     const b = () => {
       y(!m), c(I.TRENDS_CLICK_VIEW_MORE, {
-        ...G
+        ...B
       });
     }, i = o.length + (m ? n.length : 0);
-    return /* @__PURE__ */ e(S, { sx: { bgColor: "background.paper", width: "100%" }, children: /* @__PURE__ */ f(Ut, { children: [
-      /* @__PURE__ */ e(S, { sx: { pb: 4, pt: 16, px: 16 }, children: /* @__PURE__ */ e(Ye, { children: l.categories }) }),
+    return /* @__PURE__ */ e(S, { sx: { bgColor: "background.paper", width: "100%" }, children: /* @__PURE__ */ f(Kt, { children: [
+      /* @__PURE__ */ e(S, { sx: { pb: 4, pt: 16, px: 16 }, children: /* @__PURE__ */ e(Ye, { children: d.categories }) }),
       o.map((C, p) => /* @__PURE__ */ e(
         Ke,
         {
@@ -1054,7 +1051,7 @@ const ot = ({ categoryGuid: t, topLevelCategoryGuid: r }) => {
         C.guid
       )),
       /* @__PURE__ */ e(
-        jt,
+        zt,
         {
           in: m,
           sx: { "&.MuiCollapse-root .MuiListItemButton-root": { paddingLeft: 24 } },
@@ -1073,21 +1070,21 @@ const ot = ({ categoryGuid: t, topLevelCategoryGuid: r }) => {
           })
         }
       ),
-      n.length > 0 && /* @__PURE__ */ e(xo, { isExpanded: m, onClick: b })
+      n.length > 0 && /* @__PURE__ */ e(bo, { isExpanded: m, onClick: b })
     ] }) });
   }
-), wo = ({ beats: t, onInsightCardClick: r }) => {
-  const { onEvent: n } = V(), { isMobile: o, isDesktop: s, isLargeDesktop: h } = ee(), { beatStore: g, endpoint: l, sessionToken: c } = Oe(), m = s || h, y = m || o ? 1 : 2, d = () => null, b = (v) => {
-    r?.(v), n(I.TRENDS_CLICK_INSIGHT, G);
-  }, i = m ? 200 : 170, C = m ? 170 : 124, p = m ? 56 : 0, _ = t.length > 0 ? i + p : C, L = m && t.length > 0 ? i : void 0;
+), So = ({ beats: t, onInsightCardClick: r }) => {
+  const { onEvent: n } = V(), { isMobile: o, isDesktop: s, isLargeDesktop: h } = J(), { beatStore: g, endpoint: d, sessionToken: c } = We(), m = s || h, y = m || o ? 1 : 2, l = () => null, b = (v) => {
+    r?.(v), n(I.TRENDS_CLICK_INSIGHT, B);
+  }, i = m ? 200 : 170, C = m ? 170 : 124, p = m ? 56 : 0, _ = t.length > 0 ? i + p : C, x = m && t.length > 0 ? i : void 0;
   return /* @__PURE__ */ e(xt, { sx: { height: _ }, children: /* @__PURE__ */ e(
-    Bt,
+    Nt,
     {
       areBeatsLoading: g.isLoading,
       beats: t,
-      endpoint: l,
-      heightOverrides: L,
-      logOutUser: d,
+      endpoint: d,
+      heightOverrides: x,
+      logOutUser: l,
       onCardClick: b,
       showBorder: !0,
       showCTAColocatedWithText: !1,
@@ -1101,12 +1098,12 @@ const ot = ({ categoryGuid: t, topLevelCategoryGuid: r }) => {
       visibleCardsCount: y
     }
   ) });
-}, Io = A(wo), Lo = A(({ chartLabel: t, chartColor: r }) => {
+}, xo = R(So), vo = R(({ chartLabel: t, chartColor: r }) => {
   const { onEvent: n } = V(), {
     categoryDetailsChartData: { monthlyAmounts: o, tooltipLabels: s }
   } = Ce();
   return /* @__PURE__ */ e(S, { sx: { pt: 12, width: "100%" }, children: /* @__PURE__ */ e(
-    Ge,
+    Oe,
     {
       baseline: "min",
       colors: [r],
@@ -1119,7 +1116,7 @@ const ot = ({ categoryGuid: t, topLevelCategoryGuid: r }) => {
         stroke: r
       }),
       onItemClick: () => {
-        n(I.TRENDS_CLICK_CHART, G);
+        n(I.TRENDS_CLICK_CHART, B);
       },
       showArea: !0,
       showAverage: !0,
@@ -1134,40 +1131,40 @@ const ot = ({ categoryGuid: t, topLevelCategoryGuid: r }) => {
       valueFormatterString: "0,0"
     }
   ) });
-}), Eo = A(({ onClose: t }) => {
-  const r = tt(), { onEvent: n } = V(), { common: o, trends: s } = k(), { selectedCategoryData: h, selectedDateRangeMonthRange: g } = Ce(), { sortedTransactions: l } = ve(), [c, m] = u.useState(null);
+}), wo = R(({ onClose: t }) => {
+  const r = tt(), { onEvent: n } = V(), { common: o, trends: s } = k(), { selectedCategoryData: h, selectedDateRangeMonthRange: g } = Ce(), { sortedTransactions: d } = xe(), [c, m] = u.useState(null);
   if (!h)
     return null;
-  const { guid: y, name: d, is_income: b, totalAmount: i } = h, C = b ? s.category_income : s.category_spending, p = eo(y, r), _ = b ? s.income_label : s.spending_label, L = ` ${h.transactions.length === 1 ? s.transaction : s.transactions} (${h.transactions.length})`, v = u.useMemo(
-    () => l.find((x) => x.guid === c),
-    [c, l]
-  ), D = (x) => x.category_guid === y || x.top_level_category_guid === y, N = () => {
-    t?.(), n(I.TRENDS_CLICK_BACK, G);
+  const { guid: y, name: l, is_income: b, totalAmount: i } = h, C = b ? s.category_income : s.category_spending, p = Qt(y, r), _ = b ? s.income_label : s.spending_label, x = ` ${h.transactions.length === 1 ? s.transaction : s.transactions} (${h.transactions.length})`, v = u.useMemo(
+    () => d.find((L) => L.guid === c),
+    [c, d]
+  ), D = (L) => L.category_guid === y || L.top_level_category_guid === y, M = () => {
+    t?.(), n(I.TRENDS_CLICK_BACK, B);
   };
   return /* @__PURE__ */ f(
-    We,
+    Ne,
     {
       ariaLabelClose: s.close_category_details,
       isOpen: !0,
-      onClose: N,
+      onClose: M,
       shouldShowHeaderShadow: !0,
       title: C,
       children: [
         /* @__PURE__ */ f(S, { sx: { alignItems: "center", height: "100%" }, children: [
-          /* @__PURE__ */ f(Jt, { sx: { borderRadius: 0, pb: 4, pt: 16, width: "100%" }, children: [
+          /* @__PURE__ */ f(Zt, { sx: { borderRadius: 0, pb: 4, pt: 16, width: "100%" }, children: [
             /* @__PURE__ */ e(
               Xe,
               {
-                leftIcon: /* @__PURE__ */ e(xe, { categoryGuid: y }),
+                leftIcon: /* @__PURE__ */ e(Se, { categoryGuid: y }),
                 rightContent: se(Math.abs(i), "0,0.00"),
                 subtitle: g,
-                title: d
+                title: l
               }
             ),
-            /* @__PURE__ */ e(Lo, { chartColor: p, chartLabel: _ }),
+            /* @__PURE__ */ e(vo, { chartColor: p, chartLabel: _ }),
             /* @__PURE__ */ f(S, { alignItems: "center", direction: "row", justifyContent: "space-between", sx: { mx: 24 }, children: [
-              /* @__PURE__ */ e(P, { bold: !0, variant: "body1", children: L }),
-              /* @__PURE__ */ e(to, { filter: D })
+              /* @__PURE__ */ e(P, { bold: !0, variant: "body1", children: x }),
+              /* @__PURE__ */ e(qt, { filter: D })
             ] })
           ] }),
           /* @__PURE__ */ e(
@@ -1181,7 +1178,7 @@ const ot = ({ categoryGuid: t, topLevelCategoryGuid: r }) => {
           )
         ] }),
         /* @__PURE__ */ e(
-          We,
+          Ne,
           {
             ariaLabelClose: o.close_aria,
             isOpen: !!v,
@@ -1193,41 +1190,41 @@ const ot = ({ categoryGuid: t, topLevelCategoryGuid: r }) => {
       ]
     }
   );
-}), Do = (t, r) => {
-  const n = qe(t, r), o = Ze(t, r);
+}), Io = (t, r) => {
+  const n = Qe(t, r), o = Ze(t, r);
   return [n, o].filter((s) => s.length > 0);
-}, Mo = (t, r) => {
+}, Lo = (t, r) => {
   const [n, o] = t, s = n, h = o ?? n, g = [];
   if (s) {
-    const l = s.reduce((c, m) => c + m.y, 0);
-    g.push({ label: r.income_label, amount: l });
+    const d = s.reduce((c, m) => c + m.y, 0);
+    g.push({ label: r.income_label, amount: d });
   }
   if (h) {
-    const l = h.reduce((c, m) => c + m.y, 0);
-    g.push({ label: r.spending_label, amount: l });
+    const d = h.reduce((c, m) => c + m.y, 0);
+    g.push({ label: r.spending_label, amount: d });
   }
   return g;
-}, Ao = ({
+}, Eo = ({
   availableHeight: t = 0,
   minHeight: r = 500,
   selectedDateRange: n,
   totals: o
 }) => {
-  const s = me(), { onEvent: h } = V(), { trends: g } = k(), { isSmallMobile: l, isMobile: c, isSmallTablet: m, isTablet: y } = ee(), d = [s.palette.chart?.chart1, s.palette.chart?.chart2], b = Do(o, n), i = Mo(b, g), [C, p] = u.useState(0), _ = 458, L = 195, v = 56, D = c || l ? L : m || y ? _ : C;
+  const s = me(), { onEvent: h } = V(), { trends: g } = k(), { isSmallMobile: d, isMobile: c, isSmallTablet: m, isTablet: y } = J(), l = [s.palette.chart?.chart1, s.palette.chart?.chart2], b = Io(o, n), i = Lo(b, g), [C, p] = u.useState(0), _ = 458, x = 195, v = 56, D = c || d ? x : m || y ? _ : C;
   return u.useEffect(() => {
-    const x = Math.max(t - v, r);
-    p(x);
+    const L = Math.max(t - v, r);
+    p(L);
   }, [t]), /* @__PURE__ */ e(
-    Ge,
+    Oe,
     {
       baseline: "min",
-      colors: d,
+      colors: l,
       curveType: "bump",
       datasets: b,
       height: D,
       labels: i,
       onItemClick: () => {
-        h(I.TRENDS_CLICK_CHART, G);
+        h(I.TRENDS_CLICK_CHART, B);
       },
       showArea: !0,
       showAxisHighlight: !0,
@@ -1240,7 +1237,7 @@ const ot = ({ categoryGuid: t, topLevelCategoryGuid: r }) => {
       valueFormatterString: "0.0a"
     }
   );
-}, ko = A(Ao), Ro = [
+}, Do = R(Eo), Mo = [
   "BillAmountNotStandard",
   "CategorySpendingV2",
   "CostOfLivingToIncome",
@@ -1274,31 +1271,31 @@ const ot = ({ categoryGuid: t, topLevelCategoryGuid: r }) => {
   "WeeklyNewMerchantsV2",
   "WeeklyNoSpendDays",
   "WeeklySmallPurchasesSummary"
-], Ho = ({ onBackClick: t, onInsightCardClick: r, sx: n }) => {
-  const { onEvent: o } = V(), { config: s } = yt(), { isLargeDesktop: h, isDesktop: g, isMobile: l } = ee(), { visibleAccounts: c } = we(), { loadDateRangeCategoryTotals: m, loadMonthlyCategoryTotals: y, monthlyCategoryTotals: d } = $(), { setFilter: b } = ve(), { selectedDateRange: i, setSelectedCategoryData: C, setSelectedDateRange: p } = Ce(), {
+], Ao = ({ onBackClick: t, onInsightCardClick: r, sx: n }) => {
+  const { onEvent: o } = V(), { config: s } = yt(), { isLargeDesktop: h, isDesktop: g, isMobile: d } = J(), { visibleAccounts: c } = ve(), { loadDateRangeCategoryTotals: m, loadMonthlyCategoryTotals: y, monthlyCategoryTotals: l } = $(), { setFilter: b } = xe(), { selectedDateRange: i, setSelectedCategoryData: C, setSelectedDateRange: p } = Ce(), {
     isCopyLoaded: _,
-    isInitialized: L,
+    isInitialized: x,
     selectedAccounts: v,
     selectedAccountGuids: D,
-    setSelectedAccounts: N
-  } = pe(), { trends: x, connect: M } = k(), { beatStore: z } = Oe(), F = oo() && s.show_insights_widget_in_master, K = g || h, [X, ye] = u.useState(!1), [te, re] = u.useState(!1), [Z, ce] = u.useState("Chart"), [oe, Y] = u.useState(""), [ae, ne] = u.useState(!1), [ie, q] = u.useState(window.innerHeight), w = K ? 56 : 0, O = ie - 208, j = ie - (F ? 550 + w : 266), [le, fe] = u.useState(!1), Le = s.show_connections_widget_in_master ? "buttons" : "no-buttons", a = u.useMemo(
-    () => c && c.length === 0 || d.length === 0,
-    [c, d]
+    setSelectedAccounts: M
+  } = pe(), { trends: L, connect: A } = k(), { beatStore: ee } = We(), F = Jt() && s.show_insights_widget_in_master, z = g || h, [X, ye] = u.useState(!1), [te, re] = u.useState(!1), [Z, ce] = u.useState("Chart"), [oe, K] = u.useState(""), [ae, ne] = u.useState(!1), [ie, Q] = u.useState(window.innerHeight), w = z ? 56 : 0, O = ie - 208, Y = ie - (F ? 550 + w : 266), [le, fe] = u.useState(!1), Ie = s.show_connections_widget_in_master ? "buttons" : "no-buttons", a = u.useMemo(
+    () => c && c.length === 0 || l.length === 0,
+    [c, l]
   );
-  Ie({
+  we({
     widgetName: "TrendsWidget",
     isLoaded: X
   }), u.useEffect(() => {
-    L && z.loadBeats().finally(() => re(!0));
-  }, [L]);
-  const T = u.useMemo(() => te ? z.getFilteredBeats({ templates: Ro }) : [], [te]);
+    x && ee.loadBeats().finally(() => re(!0));
+  }, [x]);
+  const T = u.useMemo(() => te ? ee.getFilteredBeats({ templates: Mo }) : [], [te]);
   u.useEffect(() => {
-    const R = () => q(window.innerHeight);
-    return window.addEventListener("resize", R), () => window.removeEventListener("resize", R);
+    const H = () => Q(window.innerHeight);
+    return window.addEventListener("resize", H), () => window.removeEventListener("resize", H);
   }, []), u.useEffect(() => {
-    N(c);
+    M(c);
   }, [c]), u.useEffect(() => {
-    L && Promise.all([
+    x && Promise.all([
       m(
         v,
         i.start,
@@ -1307,80 +1304,80 @@ const ot = ({ categoryGuid: t, topLevelCategoryGuid: r }) => {
       y(v, i.start, i.end)
     ]).finally(() => {
       ye(!0), o(I.TRENDS_LOAD_WIDGET, {
-        ...G,
-        time_period: `${He(i.end, i.start)}M`
+        ...B,
+        time_period: `${ke(i.end, i.start)}M`
       });
     });
-  }, [L, v, i]), u.useEffect(() => {
-    if (d.length !== 0) {
-      const R = {
+  }, [x, v, i]), u.useEffect(() => {
+    if (l.length !== 0) {
+      const H = {
         accounts: D,
         dateRange: { start: i.start, end: i.end }
       };
       b({
-        ...R,
-        custom: (Q) => !!d.find(
-          (ue) => ue.top_level_category_guid === Q.top_level_category_guid || ue.category_guid === Q.category_guid
+        ...H,
+        custom: (q) => !!l.find(
+          (ue) => ue.top_level_category_guid === q.top_level_category_guid || ue.category_guid === q.category_guid
         )
       });
     }
-  }, [d]);
-  const E = (R) => {
-    C(R), ne(!0);
-  }, U = () => {
+  }, [l]);
+  const E = (H) => {
+    C(H), ne(!0);
+  }, j = () => {
     C(null), ne(!1);
-  }, Ee = () => {
+  }, Le = () => {
     fe(!0), o(I.TRENDS_CLICK_CONNECT_ACCOUNTS);
-  }, De = (R, Q) => {
-    ce(Q ?? Z), o(I.TRENDS_CLICK_TOGGLE_VIEW, {
-      ...G,
-      toggleView: Q
+  }, Ee = (H, q) => {
+    ce(q ?? Z), o(I.TRENDS_CLICK_TOGGLE_VIEW, {
+      ...B,
+      toggleView: q
     });
-  }, de = (R) => {
-    const Q = je(R?.[0], 1), ue = R?.[1], it = He(ue, Q);
-    p({ start: Q, end: ue }), o(I.TRENDS_CLICK_TIME_WINDOW, {
-      ...G,
+  }, de = (H) => {
+    const q = je(H?.[0], 1), ue = H?.[1], it = ke(ue, q);
+    p({ start: q, end: ue }), o(I.TRENDS_CLICK_TIME_WINDOW, {
+      ...B,
       time_period: it + "M"
     });
-  }, Me = (R) => {
+  }, De = (H) => {
     o(I.TRENDS_CLICK_FILTER, {
-      ...G,
-      filterValue: R
+      ...B,
+      filterValue: H
     });
-  }, Ae = (R) => {
-    Y(R);
+  }, Me = (H) => {
+    K(H);
   }, at = () => {
-    Y(""), o(I.TRENDS_CLICK_ALL_CATEGORIES, G);
+    K(""), o(I.TRENDS_CLICK_ALL_CATEGORIES, B);
   };
   return !_ || !X ? /* @__PURE__ */ e(ge, {}) : /* @__PURE__ */ f(
-    Qe,
+    qe,
     {
       accountOptions: c,
       calendarActions: { onRangeChanged: de },
       dateRange: i,
-      dateRangeVariant: l ? "timeframetabs" : "timeframebuttons",
-      onAccountsFilterClick: Me,
+      dateRangeVariant: d ? "timeframetabs" : "timeframebuttons",
+      onAccountsFilterClick: De,
       onBackClick: t,
       sx: n,
-      title: x.title,
+      title: L.title,
       children: [
         a && /* @__PURE__ */ e(
-          no,
+          eo,
           {
-            header: x.zero_state_content_header,
+            header: L.zero_state_content_header,
             icon: "",
-            onClick: Ee,
-            primaryButton: x.empty_state_primary,
-            subText: x.empty_state_sub_text,
+            onClick: Le,
+            primaryButton: L.empty_state_primary,
+            subText: L.empty_state_sub_text,
             sx: { height: O },
-            variant: Le
+            variant: Ie
           }
         ),
         !a && /* @__PURE__ */ f(
           S,
           {
             sx: {
-              px: l ? 0 : 48
+              px: d ? 0 : 48
             },
             children: [
               /* @__PURE__ */ f(
@@ -1388,7 +1385,7 @@ const ot = ({ categoryGuid: t, topLevelCategoryGuid: r }) => {
                 {
                   flexDirection: "row",
                   justifyContent: "space-between",
-                  sx: { pb: l ? 12 : 24, pt: l ? 24 : 48 },
+                  sx: { pb: d ? 12 : 24, pt: d ? 24 : 48 },
                   children: [
                     /* @__PURE__ */ e(
                       st,
@@ -1397,72 +1394,72 @@ const ot = ({ categoryGuid: t, topLevelCategoryGuid: r }) => {
                         selectedDateRange: i
                       }
                     ),
-                    /* @__PURE__ */ e(nt, { onTabChange: De, selectedTab: Z })
+                    /* @__PURE__ */ e(nt, { onTabChange: Ee, selectedTab: Z })
                   ]
                 }
               ),
-              /* @__PURE__ */ e(S, { alignItems: "center", flexDirection: "row", width: "100%", children: /* @__PURE__ */ e(H, { flexGrow: 1, children: oe && /* @__PURE__ */ f(Te, { onClick: at, sx: { p: 0, pr: 5 }, children: [
-                /* @__PURE__ */ e(be, { name: "arrow_back" }),
-                x.all_categories
+              /* @__PURE__ */ e(S, { alignItems: "center", flexDirection: "row", width: "100%", children: /* @__PURE__ */ e(N, { flexGrow: 1, children: oe && /* @__PURE__ */ f(be, { onClick: at, sx: { p: 0, pr: 5 }, children: [
+                /* @__PURE__ */ e(_e, { name: "arrow_back" }),
+                L.all_categories
               ] }) }) }),
-              /* @__PURE__ */ f(S, { flexDirection: K ? "row" : "column", gap: K ? 48 : 16, children: [
+              /* @__PURE__ */ f(S, { flexDirection: z ? "row" : "column", gap: z ? 48 : 16, children: [
                 Z === "Chart" && /* @__PURE__ */ f(ct, { children: [
-                  /* @__PURE__ */ e(H, { sx: { width: K ? "68%" : "100%" }, children: /* @__PURE__ */ e(
-                    ko,
+                  /* @__PURE__ */ e(N, { sx: { width: z ? "68%" : "100%" }, children: /* @__PURE__ */ e(
+                    Do,
                     {
                       availableHeight: O,
                       minHeight: 450,
                       selectedDateRange: i,
-                      totals: d
+                      totals: l
                     }
                   ) }),
-                  /* @__PURE__ */ f(S, { gap: 16, sx: { width: K ? "32%" : "100%" }, children: [
+                  /* @__PURE__ */ f(S, { gap: 16, sx: { width: z ? "32%" : "100%" }, children: [
                     F && te && T.length > 0 && /* @__PURE__ */ e(
-                      Io,
+                      xo,
                       {
                         beats: T,
                         onInsightCardClick: r
                       }
                     ),
                     /* @__PURE__ */ e(
-                      vo,
+                      To,
                       {
-                        availableHeight: j,
+                        availableHeight: Y,
                         onCategoryClick: E
                       }
                     )
                   ] })
                 ] }),
-                Z === "Table" && /* @__PURE__ */ e(H, { sx: { width: "100%" }, children: /* @__PURE__ */ e(
+                Z === "Table" && /* @__PURE__ */ e(N, { sx: { width: "100%" }, children: /* @__PURE__ */ e(
                   rt,
                   {
                     height: "unset",
-                    onClickRow: Ae,
+                    onClickRow: Me,
                     selectedCategory: oe,
                     selectedDateRange: i
                   }
                 ) })
               ] }),
-              ae && /* @__PURE__ */ e(Eo, { onClose: U })
+              ae && /* @__PURE__ */ e(wo, { onClose: j })
             ]
           }
         ),
         /* @__PURE__ */ e(
-          so,
+          to,
           {
             onClose: () => fe(!1),
             showConnectWidget: le,
-            title: M.mini_title
+            title: A.mini_title
           }
         )
       ]
     }
   );
-}, Pn = A(Ho);
+}, On = R(Ao);
 export {
-  Bn as TrendsFullWidget,
-  Fn as TrendsMicroWidget,
-  Vn as TrendsMiniWidget,
-  Kn as TrendsStore,
-  Pn as TrendsWidget
+  Hn as TrendsFullWidget,
+  Wn as TrendsMicroWidget,
+  Nn as TrendsMiniWidget,
+  Vn as TrendsStore,
+  On as TrendsWidget
 };