@mx-cartographer/experiences 7.0.14-alpha-debts-missing-sorting-option-ram1 → 7.0.15

package/dist/trends/index.es.js

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