@mx-cartographer/experiences 7.1.3-alpha.mm0 → 7.1.3

package/dist/trends/index.es.js

@@ -1,75 +1,75 @@
-import { jsx as e, jsxs as C, Fragment as qe } from "react/jsx-runtime";
+import { jsx as e, jsxs as C, Fragment as Qe } from "react/jsx-runtime";
 import i from "react";
-import { observer as x } from "mobx-react-lite";
-import { Icon as ae, Text as Z, CategoryIcon as fe, P as U, H3 as xe, ChevronRightIcon as Je } from "@mxenabled/mxui";
-import O from "@mui/material/Box";
-import b from "@mui/material/Stack";
+import { observer as v } from "mobx-react-lite";
+import { Icon as ae, Text as Q, CategoryIcon as fe, P as X, H3 as xe, ChevronRightIcon as qe } from "@mxenabled/mxui";
+import W from "@mui/material/Box";
+import _ from "@mui/material/Stack";
 import me from "@mui/material/Button";
 import { addSeconds as ve } from "date-fns/addSeconds";
 import { differenceInCalendarMonths as pe } from "date-fns/differenceInCalendarMonths";
-import { a as et, g as tt, S as nt, L as Me } from "../TrendsStore-2geZbzUX.mjs";
-import { T as Co } from "../TrendsStore-2geZbzUX.mjs";
-import { i as ot, c as st, d as rt, e as at, f as it, h as ct, b as Ae, g as Re, j as De } from "../SpendingData-D5vsfYKo.mjs";
-import lt from "@mui/material/ToggleButton";
-import dt from "@mui/material/ToggleButtonGroup";
-import { u as A, m as P, g as H, b as J, h as ie, d as ce, v as ee, f as Te, p as ht, w as ut, a as gt } from "../hooks-B3k6Se4_.mjs";
+import { a as Je, g as et, S as tt, L as Me } from "../TrendsStore-ZZ8X36lJ.mjs";
+import { T as mo } from "../TrendsStore-ZZ8X36lJ.mjs";
+import { i as nt, c as ot, d as st, e as rt, f as at, h as it, b as Ae, g as Re, j as De } from "../SpendingData-D5vsfYKo.mjs";
+import ct from "@mui/material/ToggleButton";
+import lt from "@mui/material/ToggleButtonGroup";
+import { u as R, m as P, g as N, b as ee, h as ie, d as ce, v as te, f as Te, p as dt, a as ht } from "../hooks-CE2TKk4a.mjs";
 import { u as $ } from "../useScreenSize-B6JyS_Lj.mjs";
-import { f as Q, D as z } from "../Dialog-CWW597AF.mjs";
-import { DataGridPro as mt } from "@mui/x-data-grid-pro";
-import { C as pt } from "../CurrencyText-kyC1aseI.mjs";
-import { b as Ct } from "../Localization-2MODESHW.mjs";
+import { f as q, D as z } from "../Dialog-CWW597AF.mjs";
+import { DataGridPro as ut } from "@mui/x-data-grid-pro";
+import { C as gt } from "../CurrencyText-kyC1aseI.mjs";
+import { b as mt } from "../Localization-2MODESHW.mjs";
 import { H as Ie } from "../HeaderCell-DjuifqHJ.mjs";
-import { T as M, b as ft } from "../ViewMoreMicroCard-DTtQNV3D.mjs";
-import { A as _, W as ke } from "../WidgetContainer-CjvCN6aj.mjs";
-import { c as Tt } from "../Category-CevNQ03n.mjs";
-import { a as Ne, T as He } from "../TransactionDetails-CBpH1fsq.mjs";
+import { T as A, b as pt } from "../ViewMoreMicroCard-DTtQNV3D.mjs";
+import { A as y, W as ke } from "../WidgetContainer-DtPnPQZY.mjs";
+import { c as Ct } from "../Category-CevNQ03n.mjs";
+import { a as Ne, T as He } from "../TransactionDetails-_cXLXTd3.mjs";
 import { D as Ce } from "../Drawer-kEE73B87.mjs";
-import { L as q } from "../Loader-DUaFpDGv.mjs";
+import { L as J } from "../Loader-DUaFpDGv.mjs";
 import { useTheme as We } from "@mui/material/styles";
-import { L as ye } from "../LineChart-DoM2GvjT.mjs";
-import { M as yt } from "../MiniWidgetContainer-C98Eg9vO.mjs";
-import { subMonths as _t } from "date-fns";
-import { TrendingUp as bt, TrendingDown as St, MultilineChart as wt, ExpandLess as Dt, ExpandMore as It } from "@mxenabled/mx-icons";
-import { a as Et, f as X } from "../NumberFormatting-Buh7u8Oi.mjs";
-import { M as Lt } from "../MicroWidgetContainer-BfjjvWDu.mjs";
-import xt from "@mui/material/Collapse";
-import vt from "@mui/material/List";
-import Mt from "@mui/material/ListItem";
-import At from "@mui/material/ListItemButton";
-import Rt from "@mui/material/ListItemIcon";
-import kt from "@mui/material/ListItemText";
+import { L as ye } from "../LineChart-B35qvXik.mjs";
+import { M as ft } from "../MiniWidgetContainer-DTQdRK-3.mjs";
+import { subMonths as Tt } from "date-fns";
+import { TrendingUp as yt, TrendingDown as _t, MultilineChart as bt, ExpandLess as St, ExpandMore as wt } from "@mxenabled/mx-icons";
+import { a as Dt, f as Z } from "../NumberFormatting-Buh7u8Oi.mjs";
+import { M as It } from "../MicroWidgetContainer-C4QQHfD7.mjs";
+import Et from "@mui/material/Collapse";
+import Lt from "@mui/material/List";
+import xt from "@mui/material/ListItem";
+import vt from "@mui/material/ListItemButton";
+import Mt from "@mui/material/ListItemIcon";
+import At from "@mui/material/ListItemText";
 import Oe from "@mui/material/styles/useTheme";
-import Nt from "@mui/material/Divider";
-import { useTheme as Ht, Stack as Wt } from "@mui/material";
-import Ot from "@mui/material/Paper";
-import { b as Vt } from "../CategoryUtil-BR3H5i6n.mjs";
-import { E as Gt } from "../ExportCsvAction-CaYiIpM7.mjs";
-import { u as Bt } from "../useInsightsEnabled-DesBHW5l.mjs";
-import { E as zt } from "../EmptyState-DA_lfRBv.mjs";
-import { k as Pt } from "../ConnectDrawer-BuGKZGC6.mjs";
+import Rt from "@mui/material/Divider";
+import { useTheme as kt, Stack as Nt } from "@mui/material";
+import Ht from "@mui/material/Paper";
+import { b as Wt } from "../CategoryUtil-BR3H5i6n.mjs";
+import { E as Ot } from "../ExportCsvAction-CBJAfyAw.mjs";
+import { u as Vt } from "../useInsightsEnabled-DSnpkUq0.mjs";
+import { E as Gt } from "../EmptyState-DA_lfRBv.mjs";
+import { l as Bt } from "../ConnectDrawer-CPTXh70j.mjs";
 const Ve = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
-  dt,
+  lt,
   {
     exclusive: !0,
     onChange: o,
     orientation: "horizontal",
     value: t,
-    children: ["Chart", "Table"].map((n) => /* @__PURE__ */ e(lt, { color: "primary", sx: { width: 56 }, value: n, children: n === "Chart" ? /* @__PURE__ */ e(ae, { name: "table_chart_view" }) : /* @__PURE__ */ e(ae, { name: "format_list_bulleted" }) }, n))
+    children: ["Chart", "Table"].map((n) => /* @__PURE__ */ e(ct, { color: "primary", sx: { width: 56 }, value: n, children: n === "Chart" ? /* @__PURE__ */ e(ae, { name: "table_chart_view" }) : /* @__PURE__ */ e(ae, { name: "format_list_bulleted" }) }, n))
   }
 ), Ge = ({ selectedDateRange: t, selectedCategoryGuid: o }) => {
-  const { trends: n } = A(), { isMobile: s, isDesktop: r } = $(), { getCategoryName: l } = P(), d = i.useMemo(() => {
-    const h = Q(
+  const { trends: n } = R(), { isMobile: s, isDesktop: r } = $(), { getCategoryName: h } = P(), u = i.useMemo(() => {
+    const d = q(
       t.start,
       s ? z.MONTH_SHORT_YEAR : z.MONTH_YEAR
-    ), c = Q(
+    ), l = q(
       t.end,
       s ? z.MONTH_SHORT_YEAR : z.MONTH_YEAR
     );
-    return `${h} - ${c}`;
+    return `${d} - ${l}`;
   }, [t, s]);
-  return /* @__PURE__ */ C(O, { sx: { mr: 10, minWidth: "60%" }, children: [
+  return /* @__PURE__ */ C(W, { sx: { mr: 10, minWidth: "60%" }, children: [
     /* @__PURE__ */ e(
-      Z,
+      Q,
       {
         display: "block",
         fontWeight: 700,
@@ -79,37 +79,37 @@ const Ve = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
           textOverflow: "unset"
         },
         variant: r ? "H3" : "Body",
-        children: l(o) || n.sub_title
+        children: h(o) || n.sub_title
       }
     ),
-    /* @__PURE__ */ e(Z, { variant: r ? "Body" : "Small", children: d })
+    /* @__PURE__ */ e(Q, { variant: r ? "Body" : "Small", children: u })
   ] });
-}, Ft = (t) => {
+}, zt = (t) => {
   const o = t.row[t.field];
-  return /* @__PURE__ */ e(b, { alignItems: "flex-end", tabIndex: t.tabIndex, children: /* @__PURE__ */ e(pt, { amount: o, variant: "Small" }) });
-}, Kt = ({ categoryGuid: t, topLevelCategoryGuid: o }) => {
-  const { getCategoryName: n } = P(), { categories: s } = A(), r = s.default_categories[t]?.replace(/&/g, "&") ?? n(t);
-  return /* @__PURE__ */ C(b, { alignItems: "center", direction: "row", justifyContent: "center", children: [
+  return /* @__PURE__ */ e(_, { alignItems: "flex-end", tabIndex: t.tabIndex, children: /* @__PURE__ */ e(gt, { amount: o, variant: "Small" }) });
+}, Pt = ({ categoryGuid: t, topLevelCategoryGuid: o }) => {
+  const { getCategoryName: n } = P(), { categories: s } = R(), r = s.default_categories[t]?.replace(/&/g, "&") ?? n(t);
+  return /* @__PURE__ */ C(_, { alignItems: "center", direction: "row", justifyContent: "center", children: [
     /* @__PURE__ */ e(
-      O,
+      W,
       {
-        "aria-label": Ct(s.category_icon_label_aria, r),
+        "aria-label": mt(s.category_icon_label_aria, r),
         role: "img",
         children: /* @__PURE__ */ e(fe, { categoryGuid: o })
       }
     ),
-    /* @__PURE__ */ e(Z, { sx: { ml: 12, pb: 6 }, variant: "Small", children: r })
+    /* @__PURE__ */ e(Q, { sx: { ml: 12, pb: 6 }, variant: "Small", children: r })
   ] });
-}, $t = (t) => /* @__PURE__ */ e(b, { alignItems: "center", direction: "row", height: "100%", width: "100%", children: /* @__PURE__ */ e(
-  Kt,
+}, Ft = (t) => /* @__PURE__ */ e(_, { alignItems: "center", direction: "row", height: "100%", width: "100%", children: /* @__PURE__ */ e(
+  Pt,
   {
     categoryGuid: t.row.category,
     topLevelCategoryGuid: t.row.top_level_category_guid
   }
-) }), jt = (t, o) => {
+) }), Kt = (t, o) => {
   const n = [], s = new Date(t);
   for (; s <= o; ) {
-    const r = Q(s, z.MONTH);
+    const r = q(s, z.MONTH);
     n.push(r), s.setMonth(s.getMonth() + 1);
   }
   return n;
@@ -119,180 +119,180 @@ const Ve = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
   selectedCategory: n,
   onClickRow: s,
   height: r = "100dvh",
-  sx: l = {}
+  sx: h = {}
 }) => {
-  const { onEvent: d } = H(), h = Q(/* @__PURE__ */ new Date(), z.MONTH_SHORT), [c, u] = i.useState([
-    { field: h, sort: "desc" }
-  ]), f = i.useMemo(() => jt(o.start, o.end), [o]), g = [
+  const { onEvent: u } = N(), d = q(/* @__PURE__ */ new Date(), z.MONTH_SHORT), [l, m] = i.useState([
+    { field: d, sort: "desc" }
+  ]), f = i.useMemo(() => Kt(o.start, o.end), [o]), c = [
     {
       field: "category",
       flex: 1,
       headerName: "Category",
       minWidth: 175,
       renderHeader: Ie,
-      renderCell: $t,
+      renderCell: Ft,
       sortable: !0,
       type: "string"
     },
     ...f.map(
-      (m) => ({
-        field: m,
+      (a) => ({
+        field: a,
         flex: 1,
-        headerName: m,
+        headerName: a,
         minWidth: 100,
         renderHeader: Ie,
-        renderCell: Ft,
+        renderCell: zt,
         align: "right",
         headerAlign: "right",
         sortable: !0,
         hideSortIcons: !1,
         type: "number",
-        sortComparator: et
+        sortComparator: Je
       })
     )
-  ], T = i.useMemo(() => {
-    const m = t.filter(
-      (p) => !ot(p) && !st(p)
-    ), y = (n ? m.filter(
+  ], b = i.useMemo(() => {
+    const a = t.filter(
+      (p) => !nt(p) && !ot(p)
+    ), T = (n ? a.filter(
       (p) => p.category_guid === n || p.top_level_category_guid === n
-    ) : m).reduce(
-      (p, E) => {
-        const { category_guid: w, top_level_category_guid: D, month: R, total: v, year: k } = E, N = n ? w : D;
-        p[N] || (p[N] = {
-          id: N,
-          category: N,
+    ) : a).reduce(
+      (p, D) => {
+        const { category_guid: w, top_level_category_guid: I, month: k, total: E, year: O } = D, M = n ? w : I;
+        p[M] || (p[M] = {
+          id: M,
+          category: M,
           category_guid: w,
-          top_level_category_guid: D
+          top_level_category_guid: I
         });
-        const I = Q(new Date(k, R - 1), z.MONTH_SHORT);
-        return p[N][I] || (p[N][I] = 0), p[N][I] = p[N][I] + Math.abs(v), p;
+        const L = q(new Date(O, k - 1), z.MONTH_SHORT);
+        return p[M][L] || (p[M][L] = 0), p[M][L] = p[M][L] + Math.abs(E), p;
       },
       {}
     );
-    return Object.values(y);
+    return Object.values(T);
   }, [t, n]);
-  return /* @__PURE__ */ e(O, { sx: { height: r, width: "100%", overflowX: "auto", boxShadow: "none", ...l }, children: /* @__PURE__ */ e(
-    mt,
+  return /* @__PURE__ */ e(W, { sx: { height: r, width: "100%", overflowX: "auto", boxShadow: "none", ...h }, children: /* @__PURE__ */ e(
+    ut,
     {
-      columns: g,
+      columns: c,
       disableColumnFilter: !0,
       disableColumnMenu: !0,
       hideFooter: !0,
-      initialState: { sorting: { sortModel: c } },
-      onRowClick: (m) => {
-        s?.(m.row.category), d(_.TRENDS_CLICK_LIST_ITEM, {
-          ...M,
-          listItem: Tt[m.row.category]
+      initialState: { sorting: { sortModel: l } },
+      onRowClick: (a) => {
+        s?.(a.row.category), u(y.TRENDS_CLICK_LIST_ITEM, {
+          ...A,
+          listItem: Ct[a.row.category]
         });
       },
-      onSortModelChange: (m) => {
-        u(m), d(_.TRENDS_CLICK_TABLE_SORT, M);
+      onSortModelChange: (a) => {
+        m(a), u(y.TRENDS_CLICK_TABLE_SORT, A);
       },
-      rows: T,
+      rows: b,
       slotProps: { baseIconButton: { color: "secondary", sx: { ml: 8 } } },
-      sortModel: c,
+      sortModel: l,
       sortingOrder: ["asc", "desc"]
     }
   ) });
-}, Yt = {
+}, $t = {
   title: "Transaction List"
-}, Ut = ({
+}, jt = ({
   categoryGuid: t,
   dateRange: o,
   isOpen: n,
   onClose: s
 }) => {
-  const { onEvent: r } = H(), { selectedAccountGuids: l } = J(), { common: d } = A(), { setFilter: h, sortedTransactions: c } = ie(), [u, f] = i.useState(""), g = i.useMemo(
-    () => c.find((m) => m.guid === u),
-    [u, c]
+  const { onEvent: r } = N(), { selectedAccountGuids: h } = ee(), { common: u } = R(), { setFilter: d, sortedTransactions: l } = ie(), [m, f] = i.useState(""), c = i.useMemo(
+    () => l.find((a) => a.guid === m),
+    [m, l]
   );
   i.useEffect(() => {
-    h({
-      accounts: l,
+    d({
+      accounts: h,
       dateRange: o,
-      custom: (m) => t === "" || t === m.category_guid || t === m.top_level_category_guid,
+      custom: (a) => t === "" || t === a.category_guid || t === a.top_level_category_guid,
       showSplits: !!t
     });
-  }, [l, t, o]), i.useEffect(() => r(_.TRENDS_VIEW_TRANSACTIONS), []);
-  const T = () => {
+  }, [h, t, o]), i.useEffect(() => r(y.TRENDS_VIEW_TRANSACTIONS), []);
+  const b = () => {
     f(""), s();
   };
   return /* @__PURE__ */ C(
     Ce,
     {
-      ariaLabelClose: d.close_aria,
+      ariaLabelClose: u.close_aria,
       isOpen: n,
-      onClose: T,
-      title: Yt.title,
+      onClose: b,
+      title: $t.title,
       children: [
-        g && /* @__PURE__ */ e(Ne, { transaction: g }),
-        !g && /* @__PURE__ */ e(He, { onClick: f })
+        c && /* @__PURE__ */ e(Ne, { transaction: c }),
+        !c && /* @__PURE__ */ e(He, { onClick: f })
       ]
     }
   );
-}, Xt = x(Ut), Zt = ({ onBackClick: t, sx: o }) => {
-  const { onEvent: n } = H(), { isDesktop: s, isTablet: r, isMobile: l } = $(), { visibleAccounts: d } = ce(), { loadMonthlyCategoryTotals: h, monthlyCategoryTotals: c, getCategoryName: u } = P(), { sortedTransactions: f } = ie(), { selectedDateRange: g, setSelectedDateRange: T } = ee(), { isCopyLoaded: m, isInitialized: a, selectedAccounts: y, setSelectedAccounts: p } = J(), { trends: E } = A(), [w, D] = i.useState(!1), [R, v] = i.useState(!1), [k, N] = i.useState("Chart"), [I, te] = i.useState(""), [ne, B] = i.useState(window.innerHeight), le = ne - (l ? 315 : 345);
+}, Yt = v(jt), Ut = ({ onBackClick: t, sx: o }) => {
+  const { onEvent: n } = N(), { isDesktop: s, isTablet: r, isMobile: h } = $(), { visibleAccounts: u } = ce(), { loadMonthlyCategoryTotals: d, monthlyCategoryTotals: l, getCategoryName: m } = P(), { sortedTransactions: f } = ie(), { selectedDateRange: c, setSelectedDateRange: b } = te(), { isCopyLoaded: a, isInitialized: g, selectedAccounts: T, setSelectedAccounts: p } = ee(), { trends: D } = R(), [w, I] = i.useState(!1), [k, E] = i.useState(!1), [O, M] = i.useState("Chart"), [L, F] = i.useState(""), [G, le] = i.useState(window.innerHeight), j = G - (h ? 315 : 345);
   i.useEffect(() => {
-    const S = () => B(window.innerHeight);
+    const S = () => le(window.innerHeight);
     return window.addEventListener("resize", S), () => window.removeEventListener("resize", S);
   }, []), i.useEffect(() => {
-    p(d);
-  }, [d]), i.useEffect(() => {
-    a && h(
-      y,
-      g.start,
-      g.end
+    p(u);
+  }, [u]), i.useEffect(() => {
+    g && d(
+      T,
+      c.start,
+      c.end
     ).finally(() => {
-      D(!0);
+      I(!0);
     });
-  }, [a, y, g]);
-  const F = i.useMemo(() => {
+  }, [g, T, c]);
+  const ne = i.useMemo(() => {
     if (!w) return { stackedDatasets: [], unstackedDatasets: [] };
-    const S = tt(
-      c,
-      g.start,
-      g.end
-    ), W = I.length ? S.filter(
-      (V) => V.top_level_category_guid === I || V.category_guid === I
-    ) : rt(S);
+    const S = et(
+      l,
+      c.start,
+      c.end
+    ), H = L.length ? S.filter(
+      (B) => B.top_level_category_guid === L || B.category_guid === L
+    ) : st(S);
     return {
-      stackedDatasets: W.filter(at),
-      unstackedDatasets: W.filter(it)
+      stackedDatasets: H.filter(rt),
+      unstackedDatasets: H.filter(at)
     };
-  }, [c, I, g]), de = (S, W) => {
-    N(W ?? k), n(_.TRENDS_CLICK_TOGGLE_VIEW);
-  }, K = (S) => {
-    const W = ve(S?.[0], 1), V = S?.[1], ge = pe(V, W);
-    T({ start: W, end: V }), n(_.TRENDS_CLICK_TIME_WINDOW, {
+  }, [l, L, c]), K = (S, H) => {
+    M(H ?? O), n(y.TRENDS_CLICK_TOGGLE_VIEW);
+  }, de = (S) => {
+    const H = ve(S?.[0], 1), B = S?.[1], ge = pe(B, H);
+    b({ start: H, end: B }), n(y.TRENDS_CLICK_TIME_WINDOW, {
       time_period: ge + "M"
     });
-  }, he = () => {
-    n(_.TRENDS_CLICK_FILTER);
-  }, j = (S) => {
-    te(S);
+  }, Y = () => {
+    n(y.TRENDS_CLICK_FILTER);
   }, oe = (S) => {
-    te(S), n(_.TRENDS_CLICK_LEGEND, { category: u(S) });
-  }, ue = (S) => {
-    n(_.TRENDS_HOVER_LEGEND, { category: u(S) });
+    F(S);
+  }, he = (S) => {
+    F(S), n(y.TRENDS_CLICK_LEGEND, { category: m(S) });
   }, se = (S) => {
-    n(_.TRENDS_HOVER_AREA, { category: S });
+    n(y.TRENDS_HOVER_LEGEND, { category: m(S) });
   }, re = (S) => {
-    n(_.TRENDS_HOVER_POINT, { category: S });
+    n(y.TRENDS_HOVER_AREA, { category: S });
+  }, ue = (S) => {
+    n(y.TRENDS_HOVER_POINT, { category: S });
   };
-  return !m || !a || !w ? /* @__PURE__ */ e(q, {}) : /* @__PURE__ */ C(
+  return !a || !g || !w ? /* @__PURE__ */ e(J, {}) : /* @__PURE__ */ C(
     ke,
     {
-      accountOptions: d,
-      calendarActions: { onRangeChanged: K },
-      dateRange: g,
+      accountOptions: u,
+      calendarActions: { onRangeChanged: de },
+      dateRange: c,
       dateRangeVariant: "timeframebuttons",
-      onAccountsFilterClick: he,
+      onAccountsFilterClick: Y,
       onBackClick: t,
       sx: o,
-      title: E.title,
+      title: D.title,
       children: [
         /* @__PURE__ */ C(
-          b,
+          _,
           {
             sx: {
               // eslint-disable-next-line no-nested-ternary
@@ -300,50 +300,50 @@ const Ve = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
             },
             children: [
               /* @__PURE__ */ C(
-                b,
+                _,
                 {
                   flexDirection: "row",
                   justifyContent: "space-between",
-                  sx: { pb: l ? 12 : 24, pt: l ? 24 : 48 },
+                  sx: { pb: h ? 12 : 24, pt: h ? 24 : 48 },
                   children: [
                     /* @__PURE__ */ e(
                       Ge,
                       {
-                        selectedCategoryGuid: I,
-                        selectedDateRange: g
+                        selectedCategoryGuid: L,
+                        selectedDateRange: c
                       }
                     ),
-                    /* @__PURE__ */ e(Ve, { onTabChange: de, selectedTab: k })
+                    /* @__PURE__ */ e(Ve, { onTabChange: K, selectedTab: O })
                   ]
                 }
               ),
-              /* @__PURE__ */ C(b, { alignItems: "center", flexDirection: "row", width: "100%", children: [
-                /* @__PURE__ */ e(O, { flexGrow: 1, children: I && /* @__PURE__ */ C(me, { onClick: () => te(""), sx: { p: 0, pr: 5 }, children: [
+              /* @__PURE__ */ C(_, { alignItems: "center", flexDirection: "row", width: "100%", children: [
+                /* @__PURE__ */ e(W, { flexGrow: 1, children: L && /* @__PURE__ */ C(me, { onClick: () => F(""), sx: { p: 0, pr: 5 }, children: [
                   /* @__PURE__ */ e(ae, { name: "arrow_back" }),
-                  E.all_categories
+                  D.all_categories
                 ] }) }),
-                /* @__PURE__ */ e(me, { onClick: () => v(!0), sx: { px: 5 }, children: `${E.view_transactions} (${f.length})` })
+                /* @__PURE__ */ e(me, { onClick: () => E(!0), sx: { px: 5 }, children: `${D.view_transactions} (${f.length})` })
               ] }),
-              /* @__PURE__ */ C(O, { children: [
-                k === "Chart" && /* @__PURE__ */ e(
-                  nt,
+              /* @__PURE__ */ C(W, { children: [
+                O === "Chart" && /* @__PURE__ */ e(
+                  tt,
                   {
-                    availableHeight: le,
-                    onClickLegend: oe,
-                    onHoverArea: se,
-                    onHoverLegend: ue,
-                    onHoverPoint: re,
-                    stackedDatasets: F.stackedDatasets,
-                    unstackedDatasets: F.unstackedDatasets
+                    availableHeight: j,
+                    onClickLegend: he,
+                    onHoverArea: re,
+                    onHoverLegend: se,
+                    onHoverPoint: ue,
+                    stackedDatasets: ne.stackedDatasets,
+                    unstackedDatasets: ne.unstackedDatasets
                   }
                 ),
-                k === "Table" && /* @__PURE__ */ e(
+                O === "Table" && /* @__PURE__ */ e(
                   Be,
                   {
-                    monthlyCategoryTotals: c,
-                    onClickRow: j,
-                    selectedCategory: I,
-                    selectedDateRange: g
+                    monthlyCategoryTotals: l,
+                    onClickRow: oe,
+                    selectedCategory: L,
+                    selectedDateRange: c
                   }
                 )
               ] })
@@ -351,19 +351,19 @@ const Ve = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
           }
         ),
         /* @__PURE__ */ e(
-          Xt,
+          Yt,
           {
-            categoryGuid: I,
-            dateRange: g,
-            isOpen: R,
-            onClose: () => v(!1)
+            categoryGuid: L,
+            dateRange: c,
+            isOpen: k,
+            onClose: () => E(!1)
           }
         )
       ]
     }
   );
-}, lo = x(Zt), Qt = () => {
-  const t = We(), { monthlyCategoryTotals: o } = P(), { trends: n } = A(), s = ct(o);
+}, io = v(Ut), Xt = () => {
+  const t = We(), { monthlyCategoryTotals: o } = P(), { trends: n } = R(), s = it(o);
   return /* @__PURE__ */ e(
     ye,
     {
@@ -380,37 +380,37 @@ const Ve = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
       valueFormatterString: "0,0"
     }
   );
-}, qt = x(Qt), Jt = ({ onPrimaryCtaClick: t, sx: o }) => {
-  const { visibleAccounts: n } = ce(), { loadMonthlyCategoryTotals: s, monthlyTotalsLoaded: r } = P(), { isInitialized: l } = Te(), { trends: d } = A(), { isCopyLoaded: h, selectedAccounts: c, setSelectedAccounts: u } = J();
+}, Zt = v(Xt), Qt = ({ onPrimaryCtaClick: t, sx: o }) => {
+  const { visibleAccounts: n } = ce(), { loadMonthlyCategoryTotals: s, monthlyTotalsLoaded: r } = P(), { isInitialized: h } = Te(), { trends: u } = R(), { isCopyLoaded: d, selectedAccounts: l, setSelectedAccounts: m } = ee();
   return i.useEffect(() => {
-    u(n);
+    m(n);
   }, [n]), i.useEffect(() => {
-    l && s(c).finally();
-  }, [l, c]), !h || !l ? /* @__PURE__ */ e(q, {}) : /* @__PURE__ */ e(
-    yt,
+    h && s(l).finally();
+  }, [h, l]), !d || !h ? /* @__PURE__ */ e(J, {}) : /* @__PURE__ */ e(
+    ft,
     {
       onPrimaryCtaClick: t,
-      primaryCtaLabel: d.primary_cta,
-      subTitle: d.sub_title,
+      primaryCtaLabel: u.primary_cta,
+      subTitle: u.sub_title,
       sx: o,
-      title: d.mini_title,
-      children: r ? /* @__PURE__ */ e(qt, {}) : /* @__PURE__ */ e(q, {})
+      title: u.mini_title,
+      children: r ? /* @__PURE__ */ e(Zt, {}) : /* @__PURE__ */ e(J, {})
     }
   );
-}, ho = x(Jt), en = 70, Ee = ({
+}, co = v(Qt), qt = 70, Ee = ({
   title: t,
   totalAmount: o,
   transactionType: n,
   percentage: s,
   secondaryLabel: r,
-  shouldDisplayPercentage: l
+  shouldDisplayPercentage: h
 }) => {
-  const { availableWidth: d } = ht(), h = i.useRef(null), c = i.useRef(null), u = Et(Number(Math.abs(s)), {
+  const { availableWidth: u } = dt(), d = i.useRef(null), l = i.useRef(null), m = Dt(Number(Math.abs(s)), {
     style: "percent",
     minimumIntegerDigits: 1
-  }), f = d === 288 && X(o, "0,0.00").length > 10 ? X(o, "0,0") : X(o, "0,0.00"), g = n === "spending" ? s > 0 : s >= 0, T = n === "spending" ? "error.main" : "success.main", m = n === "spending" ? "success.main" : "text.secondary", a = h?.current, y = c?.current, p = a && y ? a.scrollWidth > y.clientWidth - en : !1;
+  }), f = u === 288 && Z(o, "0,0.00").length > 10 ? Z(o, "0,0") : Z(o, "0,0.00"), c = n === "spending" ? s > 0 : s >= 0, b = n === "spending" ? "error.main" : "success.main", a = n === "spending" ? "success.main" : "text.secondary", g = d?.current, T = l?.current, p = g && T ? g.scrollWidth > T.clientWidth - qt : !1;
   return /* @__PURE__ */ C(
-    b,
+    _,
     {
       sx: {
         border: 1,
@@ -423,7 +423,7 @@ const Ve = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
       },
       children: [
         /* @__PURE__ */ C(
-          b,
+          _,
           {
             sx: {
               alignItems: "center",
@@ -431,18 +431,18 @@ const Ve = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
               justifyContent: "space-between"
             },
             children: [
-              /* @__PURE__ */ e(U, { color: "text.secondary", variant: "caption", children: t }),
-              l && /* @__PURE__ */ C(b, { sx: { alignItems: "center", flexDirection: "row", gap: 4 }, children: [
-                g ? /* @__PURE__ */ e(bt, { size: 20, sx: { color: T } }) : /* @__PURE__ */ e(St, { size: 20, sx: { color: m } }),
+              /* @__PURE__ */ e(X, { color: "text.secondary", variant: "caption", children: t }),
+              h && /* @__PURE__ */ C(_, { sx: { alignItems: "center", flexDirection: "row", gap: 4 }, children: [
+                c ? /* @__PURE__ */ e(yt, { size: 20, sx: { color: b } }) : /* @__PURE__ */ e(_t, { size: 20, sx: { color: a } }),
                 /* @__PURE__ */ e(
-                  U,
+                  X,
                   {
                     sx: {
-                      color: g ? T : m,
+                      color: c ? b : a,
                       fontWeight: 600
                     },
                     variant: "body2",
-                    children: u
+                    children: m
                   }
                 )
               ] })
@@ -450,9 +450,9 @@ const Ve = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
           }
         ),
         /* @__PURE__ */ C(
-          b,
+          _,
           {
-            ref: c,
+            ref: l,
             sx: {
               alignItems: "center",
               flexDirection: "row",
@@ -460,17 +460,17 @@ const Ve = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
             },
             children: [
               /* @__PURE__ */ e(
-                O,
+                W,
                 {
-                  ref: h,
+                  ref: d,
                   sx: { overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" },
                   children: /* @__PURE__ */ e(xe, { children: f })
                 }
               ),
-              l && d >= 450 && !p && /* @__PURE__ */ e(
-                U,
+              h && u >= 450 && !p && /* @__PURE__ */ e(
+                X,
                 {
-                  color: g ? T : m,
+                  color: c ? b : a,
                   variant: "caption",
                   children: r
                 }
@@ -481,50 +481,50 @@ const Ve = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
       ]
     }
   );
-}, tn = x(() => {
-  const { trends: t } = A();
-  return /* @__PURE__ */ C(b, { sx: { alignItems: "start", flexDirection: "row", gap: 12 }, children: [
-    /* @__PURE__ */ e(wt, { size: 32 }),
-    /* @__PURE__ */ C(b, { children: [
-      /* @__PURE__ */ e(U, { fontWeight: 600, variant: "body1", children: t.zero_state_content_header }),
-      /* @__PURE__ */ e(U, { color: "text.secondary", variant: "subtitle2", children: t.zero_state_content_description })
+}, Jt = v(() => {
+  const { trends: t } = R();
+  return /* @__PURE__ */ C(_, { sx: { alignItems: "start", flexDirection: "row", gap: 12 }, children: [
+    /* @__PURE__ */ e(bt, { size: 32 }),
+    /* @__PURE__ */ C(_, { children: [
+      /* @__PURE__ */ e(X, { fontWeight: 600, variant: "body1", children: t.zero_state_content_header }),
+      /* @__PURE__ */ e(X, { color: "text.secondary", variant: "subtitle2", children: t.zero_state_content_description })
     ] })
   ] });
-}), uo = x(({ onCtaClick: t }) => {
-  const { visibleAccounts: o } = ce(), { onEvent: n } = H(), { monthlyCategoryTotals: s, loadMonthlyCategoryTotals: r, monthlyTotalsLoaded: l } = P(), d = {
-    start: _t(/* @__PURE__ */ new Date(), 1),
+}), lo = v(({ onCtaClick: t }) => {
+  const { visibleAccounts: o } = ce(), { onEvent: n } = N(), { monthlyCategoryTotals: s, loadMonthlyCategoryTotals: r, monthlyTotalsLoaded: h } = P(), u = {
+    start: Tt(/* @__PURE__ */ new Date(), 1),
     end: /* @__PURE__ */ new Date()
-  }, { trends: h } = A(), { selectedAccounts: c, setSelectedAccounts: u, isInitialized: f } = J();
+  }, { trends: d } = R(), { selectedAccounts: l, setSelectedAccounts: m, isInitialized: f } = ee();
   i.useEffect(() => {
-    u(o);
+    m(o);
   }, [o]), i.useEffect(() => {
-    f && r(c, d.start).then(() => {
-      n(_.TRENDS_LOAD_WIDGET, {
+    f && r(l, u.start).then(() => {
+      n(y.TRENDS_LOAD_WIDGET, {
         state: o?.length ? "default" : "zeroState"
       });
     });
-  }, [f, c]);
-  const { spendingData: g, incomeData: T } = i.useMemo(
+  }, [f, l]);
+  const { spendingData: c, incomeData: b } = i.useMemo(
     () => ({
-      spendingData: Ae(s, d),
-      incomeData: Re(s, d)
+      spendingData: Ae(s, u),
+      incomeData: Re(s, u)
     }),
-    [s, d]
-  ), [m, a] = g, [y, p] = T, E = De(a.y, m.y), w = De(p.y, y.y), D = f && !o?.length, R = () => {
+    [s, u]
+  ), [a, g] = c, [T, p] = b, D = De(g.y, a.y), w = De(p.y, T.y), I = f && !o?.length, k = () => {
     n(
-      D ? _.TRENDS_CLICK_GET_STARTED : _.TRENDS_CLICK_VIEW_MORE
+      I ? y.TRENDS_CLICK_GET_STARTED : y.TRENDS_CLICK_VIEW_MORE
     ), t();
   };
-  return !l || !f ? /* @__PURE__ */ e(q, {}) : /* @__PURE__ */ e(
-    Lt,
+  return !h || !f ? /* @__PURE__ */ e(J, {}) : /* @__PURE__ */ e(
+    It,
     {
       className: "mx-trends-microwidget",
-      ctaLabel: h.micro_primary_cta_label,
-      onCTAClick: R,
-      subHeader: D ? void 0 : h.micro_subheader,
-      title: h.title,
-      children: D ? /* @__PURE__ */ e(tn, {}) : /* @__PURE__ */ C(
-        b,
+      ctaLabel: d.micro_primary_cta_label,
+      onCTAClick: k,
+      subHeader: I ? void 0 : d.micro_subheader,
+      title: d.title,
+      children: I ? /* @__PURE__ */ e(Jt, {}) : /* @__PURE__ */ C(
+        _,
         {
           sx: {
             alignItems: "stretch",
@@ -535,11 +535,11 @@ const Ve = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
             /* @__PURE__ */ e(
               Ee,
               {
-                percentage: E,
-                secondaryLabel: h.micro_secondary_label,
-                shouldDisplayPercentage: a.y !== 0 && m.y !== 0,
-                title: h.spending_label,
-                totalAmount: a.y,
+                percentage: D,
+                secondaryLabel: d.micro_secondary_label,
+                shouldDisplayPercentage: g.y !== 0 && a.y !== 0,
+                title: d.spending_label,
+                totalAmount: g.y,
                 transactionType: "spending"
               }
             ),
@@ -547,9 +547,9 @@ const Ve = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
               Ee,
               {
                 percentage: w,
-                secondaryLabel: h.micro_secondary_label,
-                shouldDisplayPercentage: p.y !== 0 && y.y !== 0,
-                title: h.income_label,
+                secondaryLabel: d.micro_secondary_label,
+                shouldDisplayPercentage: p.y !== 0 && T.y !== 0,
+                title: d.income_label,
                 totalAmount: p.y,
                 transactionType: "income"
               }
@@ -559,17 +559,17 @@ const Ve = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
       )
     }
   );
-}), nn = x(
+}), en = v(
   ({ isExpanded: t, onClick: o }) => {
     const n = Oe();
-    return /* @__PURE__ */ e(Mt, { sx: { bgcolor: "background.paper" }, children: /* @__PURE__ */ e(At, { onClick: o, sx: { justifyContent: "center" }, children: /* @__PURE__ */ C(
-      b,
+    return /* @__PURE__ */ e(xt, { sx: { bgcolor: "background.paper" }, children: /* @__PURE__ */ e(vt, { onClick: o, sx: { justifyContent: "center" }, children: /* @__PURE__ */ C(
+      _,
       {
         sx: { color: n.palette.primary.main, flexDirection: "row", alignItems: "center" },
         children: [
-          /* @__PURE__ */ e(kt, { children: /* @__PURE__ */ e(Z, { bold: !0, variant: "body2", children: t ? "View less" : "View more" }) }),
-          /* @__PURE__ */ e(Rt, { sx: { color: n.palette.primary.main }, children: t ? /* @__PURE__ */ e(Dt, {}) : /* @__PURE__ */ e(
-            It,
+          /* @__PURE__ */ e(At, { children: /* @__PURE__ */ e(Q, { bold: !0, variant: "body2", children: t ? "View less" : "View more" }) }),
+          /* @__PURE__ */ e(Mt, { sx: { color: n.palette.primary.main }, children: t ? /* @__PURE__ */ e(St, {}) : /* @__PURE__ */ e(
+            wt,
             {
               sx: {
                 transition: "transform 0.3s ease-in-out",
@@ -581,19 +581,19 @@ const Ve = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
       }
     ) }) });
   }
-), Le = x(
+), Le = v(
   ({
     totalAmount: t,
     guid: o,
     name: n,
     transactions: s,
     onClick: r,
-    isLastItem: l = !1,
-    showDivider: d = !0
+    isLastItem: h = !1,
+    showDivider: u = !0
   }) => {
-    const { trends: h } = A(), { onEvent: c } = H(), u = `${s.length} ${s.length === 1 ? h.transaction : h.transactions}`, f = () => {
-      r?.(), c(_.TRENDS_CLICK_LIST_ITEM, {
-        ...M,
+    const { trends: d } = R(), { onEvent: l } = N(), m = `${s.length} ${s.length === 1 ? d.transaction : d.transactions}`, f = () => {
+      r?.(), l(y.TRENDS_CLICK_LIST_ITEM, {
+        ...A,
         listItem: n
       });
     };
@@ -603,93 +603,93 @@ const Ve = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
         {
           leftIcon: o ? /* @__PURE__ */ e(fe, { categoryGuid: o }) : void 0,
           onClick: f,
-          rightContent: X(Math.abs(t), "0,0.00"),
-          rightIcon: r ? /* @__PURE__ */ e(Je, {}) : void 0,
-          subtitle: u,
+          rightContent: Z(Math.abs(t), "0,0.00"),
+          rightIcon: r ? /* @__PURE__ */ e(qe, {}) : void 0,
+          subtitle: m,
           title: n
         }
       ),
-      d && /* @__PURE__ */ e(Nt, { sx: { ml: l ? 24 : 68 } })
+      u && /* @__PURE__ */ e(Rt, { sx: { ml: h ? 24 : 68 } })
     ] }, o);
   }
-), on = x(
+), tn = v(
   ({ availableHeight: t = 0, onCategoryClick: o }) => {
-    const { collapsedCategories: n, visibleCategories: s, setVisibleListLength: r } = ee(), { isLargeDesktop: l, isDesktop: d } = $(), { trends: h } = A(), { onEvent: c } = H(), [u, f] = i.useState(!1), g = d || l;
+    const { collapsedCategories: n, visibleCategories: s, setVisibleListLength: r } = te(), { isLargeDesktop: h, isDesktop: u } = $(), { trends: d } = R(), { onEvent: l } = N(), [m, f] = i.useState(!1), c = u || h;
     i.useEffect(() => {
-      const a = Math.floor(t / 64) - 1, y = s.length + n.length;
-      a !== s.length && (r(g ? Math.max(a, 5) : 5), f(a >= y));
+      const g = Math.floor(t / 64) - 1, T = s.length + n.length;
+      g !== s.length && (r(c ? Math.max(g, 5) : 5), f(g >= T));
     }, [t]);
-    const T = () => {
-      f(!u), c(_.TRENDS_CLICK_VIEW_MORE, {
-        ...M
+    const b = () => {
+      f(!m), l(y.TRENDS_CLICK_VIEW_MORE, {
+        ...A
       });
-    }, m = s.length + (u ? n.length : 0);
-    return /* @__PURE__ */ e(b, { sx: { bgColor: "background.paper", width: "100%" }, children: /* @__PURE__ */ C(vt, { children: [
-      /* @__PURE__ */ e(b, { sx: { pb: 4, pt: 16, px: 16 }, children: /* @__PURE__ */ e(xe, { children: h.categories }) }),
-      s.map((a, y) => /* @__PURE__ */ e(
+    }, a = s.length + (m ? n.length : 0);
+    return /* @__PURE__ */ e(_, { sx: { bgColor: "background.paper", width: "100%" }, children: /* @__PURE__ */ C(Lt, { children: [
+      /* @__PURE__ */ e(_, { sx: { pb: 4, pt: 16, px: 16 }, children: /* @__PURE__ */ e(xe, { children: d.categories }) }),
+      s.map((g, T) => /* @__PURE__ */ e(
         Le,
         {
-          ...a,
-          isLastItem: y === m - 1,
-          onClick: a.transactions.length > 0 ? () => o(a) : void 0,
+          ...g,
+          isLastItem: T === a - 1,
+          onClick: g.transactions.length > 0 ? () => o(g) : void 0,
           showDivider: !0
         },
-        a.guid
+        g.guid
       )),
       /* @__PURE__ */ e(
-        xt,
+        Et,
         {
-          in: u,
+          in: m,
           sx: { "&.MuiCollapse-root .MuiListItemButton-root": { paddingLeft: 24 } },
-          children: n.map((a, y) => {
-            const p = s.length + y;
+          children: n.map((g, T) => {
+            const p = s.length + T;
             return /* @__PURE__ */ e(
               Le,
               {
-                ...a,
-                isLastItem: p === m - 1,
-                onClick: a.transactions.length > 0 ? () => o(a) : void 0,
+                ...g,
+                isLastItem: p === a - 1,
+                onClick: g.transactions.length > 0 ? () => o(g) : void 0,
                 showDivider: !0
               },
-              a.guid
+              g.guid
             );
           })
         }
       ),
-      n.length > 0 && /* @__PURE__ */ e(nn, { isExpanded: u, onClick: T })
+      n.length > 0 && /* @__PURE__ */ e(en, { isExpanded: m, onClick: b })
     ] }) });
   }
-), sn = ({ beats: t, onInsightCardClick: o }) => {
-  const n = Ht(), { onEvent: s } = H(), { isMobile: r, isDesktop: l, isLargeDesktop: d } = $(), { beatStore: h, endpoint: c, sessionToken: u } = Te(), f = n.palette.mode === "dark", g = l || d, T = g || r ? 1 : 2, m = () => null, a = (R) => {
-    o?.(R), s(_.TRENDS_CLICK_INSIGHT, M);
-  }, y = g ? 200 : 170, p = g ? 170 : 124, E = g ? 56 : 0, w = t.length > 0 ? y + E : p, D = g && t.length > 0 ? y : void 0;
-  return /* @__PURE__ */ e(Wt, { sx: { height: w }, children: /* @__PURE__ */ e(
-    ft,
+), nn = ({ beats: t, onInsightCardClick: o }) => {
+  const n = kt(), { onEvent: s } = N(), { isMobile: r, isDesktop: h, isLargeDesktop: u } = $(), { beatStore: d, endpoint: l, sessionToken: m } = Te(), f = n.palette.mode === "dark", c = h || u, b = c || r ? 1 : 2, a = () => null, g = (k) => {
+    o?.(k), s(y.TRENDS_CLICK_INSIGHT, A);
+  }, T = c ? 200 : 170, p = c ? 170 : 124, D = c ? 56 : 0, w = t.length > 0 ? T + D : p, I = c && t.length > 0 ? T : void 0;
+  return /* @__PURE__ */ e(Nt, { sx: { height: w }, children: /* @__PURE__ */ e(
+    pt,
     {
-      areBeatsLoading: h.isLoading,
+      areBeatsLoading: d.isLoading,
       beats: t,
-      endpoint: c,
-      heightOverrides: D,
-      logOutUser: m,
-      onCardClick: a,
+      endpoint: l,
+      heightOverrides: I,
+      logOutUser: a,
+      onCardClick: g,
       showBorder: !0,
       showCTAColocatedWithText: !1,
       showCarouselControls: !0,
-      showHeader: g,
+      showHeader: c,
       showIcon: !0,
       showWithMargin: !1,
-      token: u,
+      token: m,
       useDarkMode: f,
       userHasFullInsightFeedBeats: !1,
       variant: "outlined",
-      visibleCardsCount: T
+      visibleCardsCount: b
     }
   ) });
-}, rn = x(sn), an = x(({ chartLabel: t, chartColor: o }) => {
-  const { onEvent: n } = H(), {
+}, on = v(nn), sn = v(({ chartLabel: t, chartColor: o }) => {
+  const { onEvent: n } = N(), {
     categoryDetailsChartData: { monthlyAmounts: s, tooltipLabels: r }
-  } = ee();
-  return /* @__PURE__ */ e(b, { sx: { pt: 12, width: "100%" }, children: /* @__PURE__ */ e(
+  } = te();
+  return /* @__PURE__ */ e(_, { sx: { pt: 12, width: "100%" }, children: /* @__PURE__ */ e(
     ye,
     {
       baseline: "min",
@@ -703,7 +703,7 @@ const Ve = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
         stroke: o
       }),
       onItemClick: () => {
-        n(_.TRENDS_CLICK_CHART, M);
+        n(y.TRENDS_CLICK_CHART, A);
       },
       showArea: !0,
       showAverage: !0,
@@ -718,49 +718,49 @@ const Ve = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
       valueFormatterString: "0,0"
     }
   ) });
-}), cn = x(({ onClose: t }) => {
-  const o = Oe(), { onEvent: n } = H(), { common: s, trends: r } = A(), { selectedCategoryData: l, selectedDateRangeMonthRange: d } = ee(), { sortedTransactions: h } = ie(), [c, u] = i.useState(null);
-  if (!l)
+}), rn = v(({ onClose: t }) => {
+  const o = Oe(), { onEvent: n } = N(), { common: s, trends: r } = R(), { selectedCategoryData: h, selectedDateRangeMonthRange: u } = te(), { sortedTransactions: d } = ie(), [l, m] = i.useState(null);
+  if (!h)
     return null;
-  const { guid: f, name: g, is_income: T, totalAmount: m } = l, a = T ? r.category_income : r.category_spending, y = Vt(f, o), p = T ? r.income_label : r.spending_label, E = ` ${l.transactions.length === 1 ? r.transaction : r.transactions} (${l.transactions.length})`, w = i.useMemo(
-    () => h.find((v) => v.guid === c),
-    [c, h]
-  ), D = (v) => v.category_guid === f || v.top_level_category_guid === f, R = () => {
-    t?.(), n(_.TRENDS_CLICK_BACK, M);
+  const { guid: f, name: c, is_income: b, totalAmount: a } = h, g = b ? r.category_income : r.category_spending, T = Wt(f, o), p = b ? r.income_label : r.spending_label, D = ` ${h.transactions.length === 1 ? r.transaction : r.transactions} (${h.transactions.length})`, w = i.useMemo(
+    () => d.find((E) => E.guid === l),
+    [l, d]
+  ), I = (E) => E.category_guid === f || E.top_level_category_guid === f, k = () => {
+    t?.(), n(y.TRENDS_CLICK_BACK, A);
   };
   return /* @__PURE__ */ C(
     Ce,
     {
       ariaLabelClose: r.close_category_details,
       isOpen: !0,
-      onClose: R,
+      onClose: k,
       shouldShowHeaderShadow: !0,
-      title: a,
+      title: g,
       children: [
-        /* @__PURE__ */ C(b, { sx: { alignItems: "center", height: "100%" }, children: [
-          /* @__PURE__ */ C(Ot, { sx: { borderRadius: 0, pb: 4, pt: 16, width: "100%" }, children: [
+        /* @__PURE__ */ C(_, { sx: { alignItems: "center", height: "100%" }, children: [
+          /* @__PURE__ */ C(Ht, { sx: { borderRadius: 0, pb: 4, pt: 16, width: "100%" }, children: [
             /* @__PURE__ */ e(
               Me,
               {
                 leftIcon: /* @__PURE__ */ e(fe, { categoryGuid: f }),
-                rightContent: X(Math.abs(m), "0,0.00"),
-                subtitle: d,
-                title: g
+                rightContent: Z(Math.abs(a), "0,0.00"),
+                subtitle: u,
+                title: c
               }
             ),
-            /* @__PURE__ */ e(an, { chartColor: y, chartLabel: p }),
-            /* @__PURE__ */ C(b, { alignItems: "center", direction: "row", justifyContent: "space-between", sx: { mx: 24 }, children: [
-              /* @__PURE__ */ e(Z, { bold: !0, variant: "body1", children: E }),
-              /* @__PURE__ */ e(Gt, { filter: D })
+            /* @__PURE__ */ e(sn, { chartColor: T, chartLabel: p }),
+            /* @__PURE__ */ C(_, { alignItems: "center", direction: "row", justifyContent: "space-between", sx: { mx: 24 }, children: [
+              /* @__PURE__ */ e(Q, { bold: !0, variant: "body1", children: D }),
+              /* @__PURE__ */ e(Ot, { filter: I })
             ] })
           ] }),
           /* @__PURE__ */ e(
             He,
             {
               bgcolor: "transparent",
-              filter: D,
+              filter: I,
               height: "calc(100vh - 475px)",
-              onClick: u
+              onClick: m
             }
           )
         ] }),
@@ -769,7 +769,7 @@ const Ve = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
           {
             ariaLabelClose: s.close_aria,
             isOpen: !!w,
-            onClose: () => u(""),
+            onClose: () => m(""),
             title: r.transaction,
             children: w && /* @__PURE__ */ e(Ne, { transaction: w })
           }
@@ -777,41 +777,41 @@ const Ve = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
       ]
     }
   );
-}), ln = (t, o) => {
+}), an = (t, o) => {
   const n = Re(t, o), s = Ae(t, o);
   return [n, s].filter((r) => r.length > 0);
-}, dn = (t, o) => {
-  const [n, s] = t, r = n, l = s ?? n, d = [];
+}, cn = (t, o) => {
+  const [n, s] = t, r = n, h = s ?? n, u = [];
   if (r) {
-    const h = r.reduce((c, u) => c + u.y, 0);
-    d.push({ label: o.income_label, amount: h });
+    const d = r.reduce((l, m) => l + m.y, 0);
+    u.push({ label: o.income_label, amount: d });
   }
-  if (l) {
-    const h = l.reduce((c, u) => c + u.y, 0);
-    d.push({ label: o.spending_label, amount: h });
+  if (h) {
+    const d = h.reduce((l, m) => l + m.y, 0);
+    u.push({ label: o.spending_label, amount: d });
   }
-  return d;
-}, hn = ({
+  return u;
+}, ln = ({
   availableHeight: t = 0,
   minHeight: o = 500,
   selectedDateRange: n,
   totals: s
 }) => {
-  const r = We(), { onEvent: l } = H(), { trends: d } = A(), { isSmallMobile: h, isMobile: c, isSmallTablet: u, isTablet: f } = $(), g = [r.palette.chart?.chart1, r.palette.chart?.chart2], T = ln(s, n), m = dn(T, d), [a, y] = i.useState(0), p = 458, E = 195, w = 56, D = c || h ? E : u || f ? p : a;
+  const r = We(), { onEvent: h } = N(), { trends: u } = R(), { isSmallMobile: d, isMobile: l, isSmallTablet: m, isTablet: f } = $(), c = [r.palette.chart?.chart1, r.palette.chart?.chart2], b = an(s, n), a = cn(b, u), [g, T] = i.useState(0), p = 458, D = 195, w = 56, I = l || d ? D : m || f ? p : g;
   return i.useEffect(() => {
-    const v = Math.max(t - w, o);
-    y(v);
+    const E = Math.max(t - w, o);
+    T(E);
   }, [t]), /* @__PURE__ */ e(
     ye,
     {
       baseline: "min",
-      colors: g,
+      colors: c,
       curveType: "bump",
-      datasets: T,
-      height: D,
-      labels: m,
+      datasets: b,
+      height: I,
+      labels: a,
       onItemClick: () => {
-        l(_.TRENDS_CLICK_CHART, M);
+        h(y.TRENDS_CLICK_CHART, A);
       },
       showArea: !0,
       showAxisHighlight: !0,
@@ -824,7 +824,7 @@ const Ve = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
       valueFormatterString: "0.0a"
     }
   );
-}, un = x(hn), gn = [
+}, dn = v(ln), hn = [
   "BillAmountNotStandard",
   "CategorySpendingV2",
   "CostOfLivingToIncome",
@@ -858,192 +858,192 @@ const Ve = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
   "WeeklyNewMerchantsV2",
   "WeeklyNoSpendDays",
   "WeeklySmallPurchasesSummary"
-], mn = ({ onBackClick: t, onInsightCardClick: o, sx: n }) => {
-  const { onEvent: s } = H(), { onLoad: r } = ut(), { config: l } = gt(), { isLargeDesktop: d, isDesktop: h, isMobile: c } = $(), { visibleAccounts: u } = ce(), { loadDateRangeCategoryTotals: f, loadMonthlyCategoryTotals: g, monthlyCategoryTotals: T } = P(), { setFilter: m } = ie(), { selectedDateRange: a, setSelectedCategoryData: y, setSelectedDateRange: p } = ee(), {
-    isCopyLoaded: E,
-    isInitialized: w,
-    selectedAccounts: D,
-    selectedAccountGuids: R,
-    setSelectedAccounts: v
-  } = J(), { trends: k, connect: N } = A(), { beatStore: I } = Te(), ne = Bt() && l.show_insights_widget_in_master, B = h || d, [_e, le] = i.useState(!1), [F, de] = i.useState(!1), [K, he] = i.useState("Chart"), [j, oe] = i.useState(""), [ue, se] = i.useState(!1), [re, S] = i.useState(window.innerHeight), W = B ? 56 : 0, V = re - 208, ge = re - (ne ? 550 + W : 266), [ze, be] = i.useState(!1), Pe = l.show_connections_widget_in_master ? "buttons" : "no-buttons", Se = i.useMemo(
-    () => u && u.length === 0 || T.length === 0,
-    [u, T]
+], un = ({ onBackClick: t, onInsightCardClick: o, sx: n }) => {
+  const { onEvent: s } = N(), { config: r } = ht(), { isLargeDesktop: h, isDesktop: u, isMobile: d } = $(), { visibleAccounts: l } = ce(), { loadDateRangeCategoryTotals: m, loadMonthlyCategoryTotals: f, monthlyCategoryTotals: c } = P(), { setFilter: b } = ie(), { selectedDateRange: a, setSelectedCategoryData: g, setSelectedDateRange: T } = te(), {
+    isCopyLoaded: p,
+    isInitialized: D,
+    selectedAccounts: w,
+    selectedAccountGuids: I,
+    setSelectedAccounts: k
+  } = ee(), { trends: E, connect: O } = R(), { beatStore: M } = Te(), F = Vt() && r.show_insights_widget_in_master, G = u || h, [le, _e] = i.useState(!1), [j, ne] = i.useState(!1), [K, de] = i.useState("Chart"), [Y, oe] = i.useState(""), [he, se] = i.useState(!1), [re, ue] = i.useState(window.innerHeight), S = G ? 56 : 0, H = re - 208, B = re - (F ? 550 + S : 266), [ge, be] = i.useState(!1), ze = r.show_connections_widget_in_master ? "buttons" : "no-buttons", Se = i.useMemo(
+    () => l && l.length === 0 || c.length === 0,
+    [l, c]
   );
   i.useEffect(() => {
-    w && I.loadBeats().finally(() => de(!0));
-  }, [w]);
-  const we = i.useMemo(() => F ? I.getFilteredBeats({ templates: gn }) : [], [F]);
+    D && M.loadBeats().finally(() => ne(!0));
+  }, [D]);
+  const we = i.useMemo(() => j ? M.getFilteredBeats({ templates: hn }) : [], [j]);
   i.useEffect(() => {
-    const L = () => S(window.innerHeight);
-    return window.addEventListener("resize", L), () => window.removeEventListener("resize", L);
+    const x = () => ue(window.innerHeight);
+    return window.addEventListener("resize", x), () => window.removeEventListener("resize", x);
   }, []), i.useEffect(() => {
-    v(u);
-  }, [u]), i.useEffect(() => {
-    w && f(D, a.start, a.end).then(() => {
-      g(
-        D,
+    k(l);
+  }, [l]), i.useEffect(() => {
+    D && m(w, a.start, a.end).then(() => {
+      f(
+        w,
         a.start,
         a.end
       );
     }).finally(() => {
-      le(!0), s(_.TRENDS_LOAD_WIDGET, {
-        ...M,
+      _e(!0), s(y.TRENDS_LOAD_WIDGET, {
+        ...A,
         time_period: `${pe(a.end, a.start)}M`
-      }), r?.("TrendsWidget");
+      });
     });
-  }, [w, D, a]), i.useEffect(() => {
-    if (T.length !== 0) {
-      const L = {
-        accounts: R,
+  }, [D, w, a]), i.useEffect(() => {
+    if (c.length !== 0) {
+      const x = {
+        accounts: I,
         dateRange: { start: a.start, end: a.end }
       };
-      m({
-        ...L,
-        custom: (G) => !!T.find(
-          (Y) => Y.top_level_category_guid === G.top_level_category_guid || Y.category_guid === G.category_guid
+      b({
+        ...x,
+        custom: (V) => !!c.find(
+          (U) => U.top_level_category_guid === V.top_level_category_guid || U.category_guid === V.category_guid
         )
       });
     }
-  }, [T]);
-  const Fe = (L) => {
-    y(L), se(!0);
+  }, [c]);
+  const Pe = (x) => {
+    g(x), se(!0);
+  }, Fe = () => {
+    g(null), se(!1);
   }, Ke = () => {
-    y(null), se(!1);
-  }, $e = () => {
-    be(!0), s(_.TRENDS_CLICK_CONNECT_ACCOUNTS);
-  }, je = (L, G) => {
-    he(G ?? K), s(_.TRENDS_CLICK_TOGGLE_VIEW, {
-      ...M,
-      toggleView: G
+    be(!0), s(y.TRENDS_CLICK_CONNECT_ACCOUNTS);
+  }, $e = (x, V) => {
+    de(V ?? K), s(y.TRENDS_CLICK_TOGGLE_VIEW, {
+      ...A,
+      toggleView: V
     });
-  }, Ye = (L) => {
-    const G = ve(L?.[0], 1), Y = L?.[1], Qe = pe(Y, G);
-    p({ start: G, end: Y }), s(_.TRENDS_CLICK_TIME_WINDOW, {
-      ...M,
-      time_period: Qe + "M"
+  }, je = (x) => {
+    const V = ve(x?.[0], 1), U = x?.[1], Ze = pe(U, V);
+    T({ start: V, end: U }), s(y.TRENDS_CLICK_TIME_WINDOW, {
+      ...A,
+      time_period: Ze + "M"
     });
-  }, Ue = (L) => {
-    s(_.TRENDS_CLICK_FILTER, {
-      ...M,
-      filterValue: L
+  }, Ye = (x) => {
+    s(y.TRENDS_CLICK_FILTER, {
+      ...A,
+      filterValue: x
     });
-  }, Xe = (L) => {
-    oe(L);
-  }, Ze = () => {
-    oe(""), s(_.TRENDS_CLICK_ALL_CATEGORIES, M);
+  }, Ue = (x) => {
+    oe(x);
+  }, Xe = () => {
+    oe(""), s(y.TRENDS_CLICK_ALL_CATEGORIES, A);
   };
-  return !E || !_e ? /* @__PURE__ */ e(q, {}) : /* @__PURE__ */ C(
+  return !p || !le ? /* @__PURE__ */ e(J, {}) : /* @__PURE__ */ C(
     ke,
     {
-      accountOptions: u,
-      calendarActions: { onRangeChanged: Ye },
+      accountOptions: l,
+      calendarActions: { onRangeChanged: je },
       dateRange: a,
-      dateRangeVariant: c ? "timeframetabs" : "timeframebuttons",
-      onAccountsFilterClick: Ue,
+      dateRangeVariant: d ? "timeframetabs" : "timeframebuttons",
+      onAccountsFilterClick: Ye,
       onBackClick: t,
       sx: n,
-      title: k.title,
+      title: E.title,
       children: [
         Se && /* @__PURE__ */ e(
-          zt,
+          Gt,
           {
-            header: k.zero_state_content_header,
+            header: E.zero_state_content_header,
             icon: "",
-            onClick: $e,
-            primaryButton: k.empty_state_primary,
-            subText: k.empty_state_sub_text,
-            sx: { height: V },
-            variant: Pe
+            onClick: Ke,
+            primaryButton: E.empty_state_primary,
+            subText: E.empty_state_sub_text,
+            sx: { height: H },
+            variant: ze
           }
         ),
         !Se && /* @__PURE__ */ C(
-          b,
+          _,
           {
             sx: {
-              px: c ? 0 : 48
+              px: d ? 0 : 48
             },
             children: [
               /* @__PURE__ */ C(
-                b,
+                _,
                 {
                   flexDirection: "row",
                   justifyContent: "space-between",
-                  sx: { pb: c ? 12 : 24, pt: c ? 24 : 48 },
+                  sx: { pb: d ? 12 : 24, pt: d ? 24 : 48 },
                   children: [
                     /* @__PURE__ */ e(
                       Ge,
                       {
-                        selectedCategoryGuid: j,
+                        selectedCategoryGuid: Y,
                         selectedDateRange: a
                       }
                     ),
-                    /* @__PURE__ */ e(Ve, { onTabChange: je, selectedTab: K })
+                    /* @__PURE__ */ e(Ve, { onTabChange: $e, selectedTab: K })
                   ]
                 }
               ),
-              /* @__PURE__ */ e(b, { alignItems: "center", flexDirection: "row", width: "100%", children: /* @__PURE__ */ e(O, { flexGrow: 1, children: j && /* @__PURE__ */ C(me, { onClick: Ze, sx: { p: 0, pr: 5 }, children: [
+              /* @__PURE__ */ e(_, { alignItems: "center", flexDirection: "row", width: "100%", children: /* @__PURE__ */ e(W, { flexGrow: 1, children: Y && /* @__PURE__ */ C(me, { onClick: Xe, sx: { p: 0, pr: 5 }, children: [
                 /* @__PURE__ */ e(ae, { name: "arrow_back" }),
-                k.all_categories
+                E.all_categories
               ] }) }) }),
-              /* @__PURE__ */ C(b, { flexDirection: B ? "row" : "column", gap: B ? 48 : 16, children: [
-                K === "Chart" && /* @__PURE__ */ C(qe, { children: [
-                  /* @__PURE__ */ e(O, { sx: { width: B ? "68%" : "100%" }, children: /* @__PURE__ */ e(
-                    un,
+              /* @__PURE__ */ C(_, { flexDirection: G ? "row" : "column", gap: G ? 48 : 16, children: [
+                K === "Chart" && /* @__PURE__ */ C(Qe, { children: [
+                  /* @__PURE__ */ e(W, { sx: { width: G ? "68%" : "100%" }, children: /* @__PURE__ */ e(
+                    dn,
                     {
-                      availableHeight: V,
+                      availableHeight: H,
                       minHeight: 450,
                       selectedDateRange: a,
-                      totals: T
+                      totals: c
                     }
                   ) }),
-                  /* @__PURE__ */ C(b, { gap: 16, sx: { width: B ? "32%" : "100%" }, children: [
-                    ne && F && we.length > 0 && /* @__PURE__ */ e(
-                      rn,
+                  /* @__PURE__ */ C(_, { gap: 16, sx: { width: G ? "32%" : "100%" }, children: [
+                    F && j && we.length > 0 && /* @__PURE__ */ e(
+                      on,
                       {
                         beats: we,
                         onInsightCardClick: o
                       }
                     ),
                     /* @__PURE__ */ e(
-                      on,
+                      tn,
                       {
-                        availableHeight: ge,
-                        onCategoryClick: Fe
+                        availableHeight: B,
+                        onCategoryClick: Pe
                       }
                     )
                   ] })
                 ] }),
-                K === "Table" && /* @__PURE__ */ e(O, { sx: { width: "100%" }, children: /* @__PURE__ */ e(
+                K === "Table" && /* @__PURE__ */ e(W, { sx: { width: "100%" }, children: /* @__PURE__ */ e(
                   Be,
                   {
                     height: "unset",
-                    monthlyCategoryTotals: T,
-                    onClickRow: Xe,
-                    selectedCategory: j,
+                    monthlyCategoryTotals: c,
+                    onClickRow: Ue,
+                    selectedCategory: Y,
                     selectedDateRange: a
                   }
                 ) })
               ] }),
-              ue && /* @__PURE__ */ e(cn, { onClose: Ke })
+              he && /* @__PURE__ */ e(rn, { onClose: Fe })
             ]
           }
         ),
         /* @__PURE__ */ e(
-          Pt,
+          Bt,
           {
             onClose: () => be(!1),
-            showConnectWidget: ze,
-            title: N.mini_title
+            showConnectWidget: ge,
+            title: O.mini_title
           }
         )
       ]
     }
   );
-}, go = x(mn);
+}, ho = v(un);
 export {
-  lo as TrendsFullWidget,
-  uo as TrendsMicroWidget,
-  ho as TrendsMiniWidget,
-  Co as TrendsStore,
-  go as TrendsWidget
+  io as TrendsFullWidget,
+  lo as TrendsMicroWidget,
+  co as TrendsMiniWidget,
+  mo as TrendsStore,
+  ho as TrendsWidget
 };