@mx-cartographer/experiences 7.0.58-alpha.mm7 → 7.0.58-alpha.mm8

package/dist/trends/index.es.js

@@ -1,51 +1,51 @@
-import { jsx as e, jsxs as C, Fragment as Je } 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 v } from "mobx-react-lite";
-import { Icon as ae, Text as Q, CategoryIcon as fe, P as X, H3 as xe, ChevronRightIcon as et } from "@mxenabled/mxui";
+import { Icon as ae, Text as q, CategoryIcon as fe, P as X, H3 as Le, ChevronRightIcon as et } from "@mxenabled/mxui";
 import W from "@mui/material/Box";
 import b 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 tt, g as nt, S as ot, L as Me } from "../TrendsStore-BKBnNQba.mjs";
-import { T as mo } from "../TrendsStore-BKBnNQba.mjs";
+import { T as go } from "../TrendsStore-BKBnNQba.mjs";
 import { i as st, c as rt, d as at, e as it, f as ct, h as lt, b as Ae, g as Re, j as De } from "../SpendingData-D5vsfYKo.mjs";
 import dt from "@mui/material/ToggleButton";
 import ht from "@mui/material/ToggleButtonGroup";
-import { u as R, m as K, g as N, b as ee, h as ie, d as ce, v as te, f as Te, p as ut, a as ke } from "../hooks-CE2TKk4a.mjs";
-import { u as $ } from "../useScreenSize-B6JyS_Lj.mjs";
-import { f as q, D as z } from "../Dialog-CWW597AF.mjs";
+import { u as R, m as $, g as H, b as ee, h as ie, d as ce, v as te, f as _e, p as ut, a as ke } from "../hooks-CE2TKk4a.mjs";
+import { u as P } from "../useScreenSize-B6JyS_Lj.mjs";
+import { f as J, D as F } from "../Dialog-CWW597AF.mjs";
 import { DataGridPro as gt } from "@mui/x-data-grid-pro";
 import { C as mt } from "../CurrencyText-YUhH2caW.mjs";
-import { c as Ne } from "../Category-CevNQ03n.mjs";
+import { c as He } from "../Category-CevNQ03n.mjs";
 import { b as pt } from "../Localization-2MODESHW.mjs";
 import { H as Ie } from "../HeaderCell-DjuifqHJ.mjs";
 import { T as A, b as Ct } from "../ViewMoreMicroCard-BAz2NyEO.mjs";
-import { A as y, W as He } from "../WidgetContainer-B8MRJ5Y1.mjs";
+import { A as T, W as Ne } from "../WidgetContainer-B8MRJ5Y1.mjs";
 import { a as We, T as Oe } from "../TransactionDetails-DAp_CPCP.mjs";
 import { D as Ce } from "../Drawer-kEE73B87.mjs";
-import { L as J } from "../Loader-DUaFpDGv.mjs";
-import { useTheme as Ve } from "@mui/material/styles";
-import { L as ye } from "../LineChart-B2Y7zwMu.mjs";
+import { L as Q } from "../Loader-DUaFpDGv.mjs";
+import { useTheme as Ge } from "@mui/material/styles";
+import { L as Te } from "../LineChart-B2Y7zwMu.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 { subMonths as _t } from "date-fns";
+import { TrendingUp as Tt, TrendingDown as yt, MultilineChart as bt, ExpandLess as wt, ExpandMore as St } from "@mxenabled/mx-icons";
 import { a as Dt, f as Z } from "../NumberFormatting-CtWHhyBX.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 xt from "@mui/material/List";
+import Lt from "@mui/material/ListItem";
 import vt from "@mui/material/ListItemButton";
 import Mt from "@mui/material/ListItemIcon";
 import At from "@mui/material/ListItemText";
-import Ge from "@mui/material/styles/useTheme";
+import ze from "@mui/material/styles/useTheme";
 import Rt from "@mui/material/Divider";
-import { useTheme as kt, Stack as Nt } from "@mui/material";
-import Ht from "@mui/material/Paper";
+import { useTheme as kt, Stack as Ht } from "@mui/material";
+import Nt 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-w2yYDuKG.mjs";
+import { u as Gt } from "../useInsightsEnabled-DSnpkUq0.mjs";
+import { E as zt } from "../EmptyState-w2yYDuKG.mjs";
 import { k as Bt } from "../ConnectDrawer-DJA_S-rX.mjs";
 const Be = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
   ht,
@@ -56,20 +56,20 @@ const Be = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
     value: t,
     children: ["Chart", "Table"].map((n) => /* @__PURE__ */ e(dt, { 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))
   }
-), ze = ({ selectedDateRange: t, selectedCategoryGuid: o }) => {
-  const { trends: n } = R(), { isMobile: s, isDesktop: a } = $(), { getCategoryName: d } = K(), h = i.useMemo(() => {
-    const l = q(
+), Fe = ({ selectedDateRange: t, selectedCategoryGuid: o }) => {
+  const { trends: n } = R(), { isMobile: s, isDesktop: a } = P(), { getCategoryName: d } = $(), h = i.useMemo(() => {
+    const l = J(
       t.start,
-      s ? z.MONTH_SHORT_YEAR : z.MONTH_YEAR
-    ), c = q(
+      s ? F.MONTH_SHORT_YEAR : F.MONTH_YEAR
+    ), c = J(
       t.end,
-      s ? z.MONTH_SHORT_YEAR : z.MONTH_YEAR
+      s ? F.MONTH_SHORT_YEAR : F.MONTH_YEAR
     );
     return `${l} - ${c}`;
   }, [t, s]);
   return /* @__PURE__ */ C(W, { sx: { mr: 10, minWidth: "60%" }, children: [
     /* @__PURE__ */ e(
-      Q,
+      q,
       {
         display: "block",
         fontWeight: 700,
@@ -82,13 +82,13 @@ const Be = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
         children: d(o) || n.sub_title
       }
     ),
-    /* @__PURE__ */ e(Q, { variant: a ? "Body" : "Small", children: h })
+    /* @__PURE__ */ e(q, { variant: a ? "Body" : "Small", children: h })
   ] });
-}, zt = (t) => {
+}, Ft = (t) => {
   const o = t.row[t.field];
   return /* @__PURE__ */ e(b, { alignItems: "flex-end", tabIndex: t.tabIndex, children: /* @__PURE__ */ e(mt, { amount: o, variant: "Small" }) });
-}, Pt = ({ categoryGuid: t, topLevelCategoryGuid: o }) => {
-  const { categories: n } = R(), s = n.default_categories[t]?.replace(/&/g, "&") ?? Ne[t];
+}, Kt = ({ categoryGuid: t, topLevelCategoryGuid: o }) => {
+  const { categories: n } = R(), s = n.default_categories[t]?.replace(/&/g, "&") ?? He[t];
   return /* @__PURE__ */ C(b, { alignItems: "center", direction: "row", justifyContent: "center", children: [
     /* @__PURE__ */ e(
       W,
@@ -98,22 +98,22 @@ const Be = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
         children: /* @__PURE__ */ e(fe, { categoryGuid: o })
       }
     ),
-    /* @__PURE__ */ e(Q, { sx: { ml: 12, pb: 6 }, variant: "Small", children: s })
+    /* @__PURE__ */ e(q, { sx: { ml: 12, pb: 6 }, variant: "Small", children: s })
   ] });
-}, Ft = (t) => /* @__PURE__ */ e(b, { alignItems: "center", direction: "row", height: "100%", width: "100%", children: /* @__PURE__ */ e(
-  Pt,
+}, Vt = (t) => /* @__PURE__ */ e(b, { alignItems: "center", direction: "row", height: "100%", width: "100%", children: /* @__PURE__ */ e(
+  Kt,
   {
     categoryGuid: t.row.category,
     topLevelCategoryGuid: t.row.top_level_category_guid
   }
-) }), Kt = (t, o) => {
+) }), $t = (t, o) => {
   const n = [], s = new Date(t);
   for (; s <= o; ) {
-    const a = q(s, z.MONTH);
+    const a = J(s, F.MONTH);
     n.push(a), s.setMonth(s.getMonth() + 1);
   }
   return n;
-}, Pe = ({
+}, Ke = ({
   monthlyCategoryTotals: t,
   selectedDateRange: o,
   selectedCategory: n,
@@ -121,16 +121,16 @@ const Be = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
   height: a = "100dvh",
   sx: d = {}
 }) => {
-  const { onEvent: h } = N(), l = q(/* @__PURE__ */ new Date(), z.MONTH_SHORT), [c, m] = i.useState([
+  const { onEvent: h } = H(), l = J(/* @__PURE__ */ new Date(), F.MONTH_SHORT), [c, m] = i.useState([
     { field: l, sort: "desc" }
-  ]), f = i.useMemo(() => Kt(o.start, o.end), [o]), u = [
+  ]), f = i.useMemo(() => $t(o.start, o.end), [o]), u = [
     {
       field: "category",
       flex: 1,
       headerName: "Category",
       minWidth: 175,
       renderHeader: Ie,
-      renderCell: Ft,
+      renderCell: Vt,
       sortable: !0,
       type: "string"
     },
@@ -141,7 +141,7 @@ const Be = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
         headerName: r,
         minWidth: 100,
         renderHeader: Ie,
-        renderCell: zt,
+        renderCell: Ft,
         align: "right",
         headerAlign: "right",
         sortable: !0,
@@ -150,26 +150,26 @@ const Be = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
         sortComparator: tt
       })
     )
-  ], T = i.useMemo(() => {
+  ], _ = i.useMemo(() => {
     const r = t.filter(
       (p) => !st(p) && !rt(p)
-    ), _ = (n ? r.filter(
+    ), y = (n ? r.filter(
       (p) => p.category_guid === n || p.top_level_category_guid === n
     ) : r).reduce(
       (p, I) => {
-        const { category_guid: w, top_level_category_guid: E, month: k, total: D, year: O } = I, M = n ? w : E;
+        const { category_guid: S, top_level_category_guid: E, month: k, total: D, year: O } = I, M = n ? S : E;
         p[M] || (p[M] = {
           id: M,
           category: M,
-          category_guid: w,
+          category_guid: S,
           top_level_category_guid: E
         });
-        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(D), p;
+        const x = J(new Date(O, k - 1), F.MONTH_SHORT);
+        return p[M][x] || (p[M][x] = 0), p[M][x] = p[M][x] + Math.abs(D), p;
       },
       {}
     );
-    return Object.values(_);
+    return Object.values(y);
   }, [t, n]);
   return /* @__PURE__ */ e(W, { sx: { height: a, width: "100%", overflowX: "auto", boxShadow: "none", ...d }, children: /* @__PURE__ */ e(
     gt,
@@ -180,21 +180,21 @@ const Be = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
       hideFooter: !0,
       initialState: { sorting: { sortModel: c } },
       onRowClick: (r) => {
-        s?.(r.row.category), h(y.TRENDS_CLICK_LIST_ITEM, {
+        s?.(r.row.category), h(T.TRENDS_CLICK_LIST_ITEM, {
           ...A,
-          listItem: Ne[r.row.category]
+          listItem: He[r.row.category]
         });
       },
       onSortModelChange: (r) => {
-        m(r), h(y.TRENDS_CLICK_TABLE_SORT, A);
+        m(r), h(T.TRENDS_CLICK_TABLE_SORT, A);
       },
-      rows: T,
+      rows: _,
       slotProps: { baseIconButton: { color: "secondary", sx: { ml: 8 } } },
       sortModel: c,
       sortingOrder: ["asc", "desc"]
     }
   ) });
-}, $t = {
+}, Pt = {
   title: "Transaction List"
 }, jt = ({
   categoryGuid: t,
@@ -202,7 +202,7 @@ const Be = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
   isOpen: n,
   onClose: s
 }) => {
-  const { onEvent: a } = N(), { selectedAccountGuids: d } = ee(), { common: h } = R(), { setFilter: l, sortedTransactions: c } = ie(), [m, f] = i.useState(""), u = i.useMemo(
+  const { onEvent: a } = H(), { selectedAccountGuids: d } = ee(), { common: h } = R(), { setFilter: l, sortedTransactions: c } = ie(), [m, f] = i.useState(""), u = i.useMemo(
     () => c.find((r) => r.guid === m),
     [m, c]
   );
@@ -213,8 +213,8 @@ const Be = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
       custom: (r) => t === "" || t === r.category_guid || t === r.top_level_category_guid,
       showSplits: !!t
     });
-  }, [d, t, o]), i.useEffect(() => a(y.TRENDS_VIEW_TRANSACTIONS), []);
-  const T = () => {
+  }, [d, t, o]), i.useEffect(() => a(T.TRENDS_VIEW_TRANSACTIONS), []);
+  const _ = () => {
     f(""), s();
   };
   return /* @__PURE__ */ C(
@@ -222,8 +222,8 @@ const Be = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
     {
       ariaLabelClose: h.close_aria,
       isOpen: n,
-      onClose: T,
-      title: $t.title,
+      onClose: _,
+      title: Pt.title,
       children: [
         u && /* @__PURE__ */ e(We, { transaction: u }),
         !u && /* @__PURE__ */ e(Oe, { onClick: f })
@@ -231,56 +231,56 @@ const Be = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
     }
   );
 }, Yt = v(jt), Ut = ({ onBackClick: t, sx: o }) => {
-  const { onEvent: n } = N(), { isDesktop: s, isTablet: a, isMobile: d } = $(), { visibleAccounts: h } = ce(), { loadMonthlyCategoryTotals: l, monthlyCategoryTotals: c, getCategoryName: m } = K(), { sortedTransactions: f } = ie(), { selectedDateRange: u, setSelectedDateRange: T } = te(), { isCopyLoaded: r, isInitialized: g, selectedAccounts: _, setSelectedAccounts: p } = ee(), { trends: I } = R(), [w, E] = i.useState(!1), [k, D] = i.useState(!1), [O, M] = i.useState("Chart"), [L, P] = i.useState(""), [G, le] = i.useState(window.innerHeight), j = G - (d ? 315 : 345);
+  const { onEvent: n } = H(), { isDesktop: s, isTablet: a, isMobile: d } = P(), { visibleAccounts: h } = ce(), { loadMonthlyCategoryTotals: l, monthlyCategoryTotals: c, getCategoryName: m } = $(), { sortedTransactions: f } = ie(), { selectedDateRange: u, setSelectedDateRange: _ } = te(), { isCopyLoaded: r, isInitialized: g, selectedAccounts: y, setSelectedAccounts: p } = ee(), { trends: I } = R(), [S, E] = i.useState(!1), [k, D] = i.useState(!1), [O, M] = i.useState("Chart"), [x, K] = i.useState(""), [z, le] = i.useState(window.innerHeight), j = z - (d ? 315 : 345);
   i.useEffect(() => {
-    const S = () => le(window.innerHeight);
-    return window.addEventListener("resize", S), () => window.removeEventListener("resize", S);
+    const w = () => le(window.innerHeight);
+    return window.addEventListener("resize", w), () => window.removeEventListener("resize", w);
   }, []), i.useEffect(() => {
     p(h);
   }, [h]), i.useEffect(() => {
     g && l(
-      _,
+      y,
       u.start,
       u.end
     ).finally(() => {
       E(!0);
     });
-  }, [g, _, u]);
+  }, [g, y, u]);
   const ne = i.useMemo(() => {
-    if (!w) return { stackedDatasets: [], unstackedDatasets: [] };
-    const S = nt(
+    if (!S) return { stackedDatasets: [], unstackedDatasets: [] };
+    const w = nt(
       c,
       u.start,
       u.end
-    ), H = L.length ? S.filter(
-      (B) => B.top_level_category_guid === L || B.category_guid === L
-    ) : at(S);
+    ), N = x.length ? w.filter(
+      (B) => B.top_level_category_guid === x || B.category_guid === x
+    ) : at(w);
     return {
-      stackedDatasets: H.filter(it),
-      unstackedDatasets: H.filter(ct)
+      stackedDatasets: N.filter(it),
+      unstackedDatasets: N.filter(ct)
     };
-  }, [c, L, u]), F = (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);
-    T({ start: H, end: B }), n(y.TRENDS_CLICK_TIME_WINDOW, {
+  }, [c, x, u]), V = (w, N) => {
+    M(N ?? O), n(T.TRENDS_CLICK_TOGGLE_VIEW);
+  }, de = (w) => {
+    const N = ve(w?.[0], 1), B = w?.[1], ge = pe(B, N);
+    _({ start: N, end: B }), n(T.TRENDS_CLICK_TIME_WINDOW, {
       time_period: ge + "M"
     });
   }, Y = () => {
-    n(y.TRENDS_CLICK_FILTER);
-  }, oe = (S) => {
-    P(S);
-  }, he = (S) => {
-    P(S), n(y.TRENDS_CLICK_LEGEND, { category: m(S) });
-  }, se = (S) => {
-    n(y.TRENDS_HOVER_LEGEND, { category: m(S) });
-  }, re = (S) => {
-    n(y.TRENDS_HOVER_AREA, { category: S });
-  }, ue = (S) => {
-    n(y.TRENDS_HOVER_POINT, { category: S });
+    n(T.TRENDS_CLICK_FILTER);
+  }, oe = (w) => {
+    K(w);
+  }, he = (w) => {
+    K(w), n(T.TRENDS_CLICK_LEGEND, { category: m(w) });
+  }, se = (w) => {
+    n(T.TRENDS_HOVER_LEGEND, { category: m(w) });
+  }, re = (w) => {
+    n(T.TRENDS_HOVER_AREA, { category: w });
+  }, ue = (w) => {
+    n(T.TRENDS_HOVER_POINT, { category: w });
   };
-  return !r || !g || !w ? /* @__PURE__ */ e(J, {}) : /* @__PURE__ */ C(
-    He,
+  return !r || !g || !S ? /* @__PURE__ */ e(Q, {}) : /* @__PURE__ */ C(
+    Ne,
     {
       accountOptions: h,
       calendarActions: { onRangeChanged: de },
@@ -307,18 +307,18 @@ const Be = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
                   sx: { pb: d ? 12 : 24, pt: d ? 24 : 48 },
                   children: [
                     /* @__PURE__ */ e(
-                      ze,
+                      Fe,
                       {
-                        selectedCategoryGuid: L,
+                        selectedCategoryGuid: x,
                         selectedDateRange: u
                       }
                     ),
-                    /* @__PURE__ */ e(Be, { onTabChange: F, selectedTab: O })
+                    /* @__PURE__ */ e(Be, { onTabChange: V, selectedTab: O })
                   ]
                 }
               ),
               /* @__PURE__ */ C(b, { alignItems: "center", flexDirection: "row", width: "100%", children: [
-                /* @__PURE__ */ e(W, { flexGrow: 1, children: L && /* @__PURE__ */ C(me, { onClick: () => P(""), sx: { p: 0, pr: 5 }, children: [
+                /* @__PURE__ */ e(W, { flexGrow: 1, children: x && /* @__PURE__ */ C(me, { onClick: () => K(""), sx: { p: 0, pr: 5 }, children: [
                   /* @__PURE__ */ e(ae, { name: "arrow_back" }),
                   I.all_categories
                 ] }) }),
@@ -338,11 +338,11 @@ const Be = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
                   }
                 ),
                 O === "Table" && /* @__PURE__ */ e(
-                  Pe,
+                  Ke,
                   {
                     monthlyCategoryTotals: c,
                     onClickRow: oe,
-                    selectedCategory: L,
+                    selectedCategory: x,
                     selectedDateRange: u
                   }
                 )
@@ -353,7 +353,7 @@ const Be = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
         /* @__PURE__ */ e(
           Yt,
           {
-            categoryGuid: L,
+            categoryGuid: x,
             dateRange: u,
             isOpen: k,
             onClose: () => D(!1)
@@ -362,10 +362,10 @@ const Be = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
       ]
     }
   );
-}, io = v(Ut), Xt = () => {
-  const t = Ve(), { monthlyCategoryTotals: o } = K(), { trends: n } = R(), s = lt(o);
+}, ao = v(Ut), Xt = () => {
+  const t = Ge(), { monthlyCategoryTotals: o } = $(), { trends: n } = R(), s = lt(o);
   return /* @__PURE__ */ e(
-    ye,
+    Te,
     {
       baseline: "min",
       colors: [t.palette.primary.main],
@@ -380,13 +380,13 @@ const Be = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
       valueFormatterString: "0,0"
     }
   );
-}, Zt = v(Xt), Qt = ({ onPrimaryCtaClick: t, sx: o }) => {
-  const { visibleAccounts: n } = ce(), { loadMonthlyCategoryTotals: s, monthlyTotalsLoaded: a } = K(), { isInitialized: d } = Te(), { trends: h } = R(), { isCopyLoaded: l, selectedAccounts: c, setSelectedAccounts: m } = ee();
+}, Zt = v(Xt), qt = ({ onPrimaryCtaClick: t, sx: o }) => {
+  const { visibleAccounts: n } = ce(), { loadMonthlyCategoryTotals: s, monthlyTotalsLoaded: a } = $(), { isInitialized: d } = _e(), { trends: h } = R(), { isCopyLoaded: l, selectedAccounts: c, setSelectedAccounts: m } = ee();
   return i.useEffect(() => {
     m(n);
   }, [n]), i.useEffect(() => {
     d && s(c).finally();
-  }, [d, c]), !l || !d ? /* @__PURE__ */ e(J, {}) : /* @__PURE__ */ e(
+  }, [d, c]), !l || !d ? /* @__PURE__ */ e(Q, {}) : /* @__PURE__ */ e(
     ft,
     {
       onPrimaryCtaClick: t,
@@ -394,10 +394,10 @@ const Be = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
       subTitle: h.sub_title,
       sx: o,
       title: h.mini_title,
-      children: a ? /* @__PURE__ */ e(Zt, {}) : /* @__PURE__ */ e(J, {})
+      children: a ? /* @__PURE__ */ e(Zt, {}) : /* @__PURE__ */ e(Q, {})
     }
   );
-}, co = v(Qt), qt = 70, Ee = ({
+}, io = v(qt), Jt = 70, Ee = ({
   title: t,
   totalAmount: o,
   transactionType: n,
@@ -408,7 +408,7 @@ const Be = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
   const { availableWidth: h } = ut(), l = i.useRef(null), c = i.useRef(null), m = Dt(Number(Math.abs(s)), {
     style: "percent",
     minimumIntegerDigits: 1
-  }), f = h === 288 && Z(o, "0,0.00").length > 10 ? Z(o, "0,0") : Z(o, "0,0.00"), u = n === "spending" ? s > 0 : s >= 0, T = n === "spending" ? "error.main" : "success.main", r = n === "spending" ? "success.main" : "text.secondary", g = l?.current, _ = c?.current, p = g && _ ? g.scrollWidth > _.clientWidth - qt : !1;
+  }), f = h === 288 && Z(o, "0,0.00").length > 10 ? Z(o, "0,0") : Z(o, "0,0.00"), u = n === "spending" ? s > 0 : s >= 0, _ = n === "spending" ? "error.main" : "success.main", r = n === "spending" ? "success.main" : "text.secondary", g = l?.current, y = c?.current, p = g && y ? g.scrollWidth > y.clientWidth - Jt : !1;
   return /* @__PURE__ */ C(
     b,
     {
@@ -433,12 +433,12 @@ const Be = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
             children: [
               /* @__PURE__ */ e(X, { color: "text.secondary", variant: "caption", children: t }),
               d && /* @__PURE__ */ C(b, { sx: { alignItems: "center", flexDirection: "row", gap: 4 }, children: [
-                u ? /* @__PURE__ */ e(yt, { size: 20, sx: { color: T } }) : /* @__PURE__ */ e(_t, { size: 20, sx: { color: r } }),
+                u ? /* @__PURE__ */ e(Tt, { size: 20, sx: { color: _ } }) : /* @__PURE__ */ e(yt, { size: 20, sx: { color: r } }),
                 /* @__PURE__ */ e(
                   X,
                   {
                     sx: {
-                      color: u ? T : r,
+                      color: u ? _ : r,
                       fontWeight: 600
                     },
                     variant: "body2",
@@ -464,13 +464,13 @@ const Be = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
                 {
                   ref: l,
                   sx: { overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" },
-                  children: /* @__PURE__ */ e(xe, { children: f })
+                  children: /* @__PURE__ */ e(Le, { children: f })
                 }
               ),
               d && h >= 450 && !p && /* @__PURE__ */ e(
                 X,
                 {
-                  color: u ? T : r,
+                  color: u ? _ : r,
                   variant: "caption",
                   children: a
                 }
@@ -481,7 +481,7 @@ const Be = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
       ]
     }
   );
-}, Jt = v(() => {
+}, Qt = v(() => {
   const { trends: t } = R();
   return /* @__PURE__ */ C(b, { sx: { alignItems: "start", flexDirection: "row", gap: 12 }, children: [
     /* @__PURE__ */ e(bt, { size: 32 }),
@@ -490,32 +490,32 @@ const Be = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
       /* @__PURE__ */ e(X, { color: "text.secondary", variant: "subtitle2", children: t.zero_state_content_description })
     ] })
   ] });
-}), lo = v(({ onCtaClick: t }) => {
-  const { visibleAccounts: o } = ce(), { onEvent: n } = N(), { monthlyCategoryTotals: s, loadMonthlyCategoryTotals: a, monthlyTotalsLoaded: d } = K(), h = {
-    start: Tt(/* @__PURE__ */ new Date(), 1),
+}), co = v(({ onCtaClick: t }) => {
+  const { visibleAccounts: o } = ce(), { onEvent: n } = H(), { monthlyCategoryTotals: s, loadMonthlyCategoryTotals: a, monthlyTotalsLoaded: d } = $(), h = {
+    start: _t(/* @__PURE__ */ new Date(), 1),
     end: /* @__PURE__ */ new Date()
   }, { trends: l } = R(), { selectedAccounts: c, setSelectedAccounts: m, isInitialized: f } = ee();
   i.useEffect(() => {
     m(o);
   }, [o]), i.useEffect(() => {
     f && a(c, h.start).then(() => {
-      n(y.TRENDS_LOAD_WIDGET, {
+      n(T.TRENDS_LOAD_WIDGET, {
         state: o?.length ? "default" : "zeroState"
       });
     });
   }, [f, c]);
-  const { spendingData: u, incomeData: T } = i.useMemo(
+  const { spendingData: u, incomeData: _ } = i.useMemo(
     () => ({
       spendingData: Ae(s, h),
       incomeData: Re(s, h)
     }),
     [s, h]
-  ), [r, g] = u, [_, p] = T, I = De(g.y, r.y), w = De(p.y, _.y), E = f && !o?.length, k = () => {
+  ), [r, g] = u, [y, p] = _, I = De(g.y, r.y), S = De(p.y, y.y), E = f && !o?.length, k = () => {
     n(
-      E ? y.TRENDS_CLICK_GET_STARTED : y.TRENDS_CLICK_VIEW_MORE
+      E ? T.TRENDS_CLICK_GET_STARTED : T.TRENDS_CLICK_VIEW_MORE
     ), t();
   };
-  return !d || !f ? /* @__PURE__ */ e(J, {}) : /* @__PURE__ */ e(
+  return !d || !f ? /* @__PURE__ */ e(Q, {}) : /* @__PURE__ */ e(
     It,
     {
       className: "mx-trends-microwidget",
@@ -523,7 +523,7 @@ const Be = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
       onCTAClick: k,
       subHeader: E ? void 0 : l.micro_subheader,
       title: l.title,
-      children: E ? /* @__PURE__ */ e(Jt, {}) : /* @__PURE__ */ C(
+      children: E ? /* @__PURE__ */ e(Qt, {}) : /* @__PURE__ */ C(
         b,
         {
           sx: {
@@ -546,9 +546,9 @@ const Be = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
             /* @__PURE__ */ e(
               Ee,
               {
-                percentage: w,
+                percentage: S,
                 secondaryLabel: l.micro_secondary_label,
-                shouldDisplayPercentage: p.y !== 0 && _.y !== 0,
+                shouldDisplayPercentage: p.y !== 0 && y.y !== 0,
                 title: l.income_label,
                 totalAmount: p.y,
                 transactionType: "income"
@@ -561,15 +561,15 @@ const Be = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
   );
 }), en = v(
   ({ isExpanded: t, onClick: o }) => {
-    const n = Ge();
-    return /* @__PURE__ */ e(xt, { sx: { bgcolor: "background.paper" }, children: /* @__PURE__ */ e(vt, { onClick: o, sx: { justifyContent: "center" }, children: /* @__PURE__ */ C(
+    const n = ze();
+    return /* @__PURE__ */ e(Lt, { sx: { bgcolor: "background.paper" }, children: /* @__PURE__ */ e(vt, { onClick: o, sx: { justifyContent: "center" }, children: /* @__PURE__ */ C(
       b,
       {
         sx: { color: n.palette.primary.main, flexDirection: "row", alignItems: "center" },
         children: [
-          /* @__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,
+          /* @__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(wt, {}) : /* @__PURE__ */ e(
+            St,
             {
               sx: {
                 transition: "transform 0.3s ease-in-out",
@@ -581,7 +581,7 @@ const Be = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
       }
     ) }) });
   }
-), Le = v(
+), xe = v(
   ({
     totalAmount: t,
     guid: o,
@@ -591,8 +591,8 @@ const Be = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
     isLastItem: d = !1,
     showDivider: h = !0
   }) => {
-    const { trends: l } = R(), { onEvent: c } = N(), m = `${s.length} ${s.length === 1 ? l.transaction : l.transactions}`, f = () => {
-      a?.(), c(y.TRENDS_CLICK_LIST_ITEM, {
+    const { trends: l } = R(), { onEvent: c } = H(), m = `${s.length} ${s.length === 1 ? l.transaction : l.transactions}`, f = () => {
+      a?.(), c(T.TRENDS_CLICK_LIST_ITEM, {
         ...A,
         listItem: n
       });
@@ -614,23 +614,23 @@ const Be = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
   }
 ), tn = v(
   ({ availableHeight: t = 0, onCategoryClick: o }) => {
-    const { collapsedCategories: n, visibleCategories: s, setVisibleListLength: a } = te(), { isLargeDesktop: d, isDesktop: h } = $(), { trends: l } = R(), { onEvent: c } = N(), [m, f] = i.useState(!1), u = h || d;
+    const { collapsedCategories: n, visibleCategories: s, setVisibleListLength: a } = te(), { isLargeDesktop: d, isDesktop: h } = P(), { trends: l } = R(), { onEvent: c } = H(), [m, f] = i.useState(!1), u = h || d;
     i.useEffect(() => {
-      const g = Math.floor(t / 64) - 1, _ = s.length + n.length;
-      g !== s.length && (a(u ? Math.max(g, 5) : 5), f(g >= _));
+      const g = Math.floor(t / 64) - 1, y = s.length + n.length;
+      g !== s.length && (a(u ? Math.max(g, 5) : 5), f(g >= y));
     }, [t]);
-    const T = () => {
-      f(!m), c(y.TRENDS_CLICK_VIEW_MORE, {
+    const _ = () => {
+      f(!m), c(T.TRENDS_CLICK_VIEW_MORE, {
         ...A
       });
     }, r = s.length + (m ? n.length : 0);
-    return /* @__PURE__ */ e(b, { sx: { bgColor: "background.paper", width: "100%" }, children: /* @__PURE__ */ C(Lt, { children: [
-      /* @__PURE__ */ e(b, { sx: { pb: 4, pt: 16, px: 16 }, children: /* @__PURE__ */ e(xe, { children: l.categories }) }),
-      s.map((g, _) => /* @__PURE__ */ e(
-        Le,
+    return /* @__PURE__ */ e(b, { sx: { bgColor: "background.paper", width: "100%" }, children: /* @__PURE__ */ C(xt, { children: [
+      /* @__PURE__ */ e(b, { sx: { pb: 4, pt: 16, px: 16 }, children: /* @__PURE__ */ e(Le, { children: l.categories }) }),
+      s.map((g, y) => /* @__PURE__ */ e(
+        xe,
         {
           ...g,
-          isLastItem: _ === r - 1,
+          isLastItem: y === r - 1,
           onClick: g.transactions.length > 0 ? () => o(g) : void 0,
           showDivider: !0
         },
@@ -641,10 +641,10 @@ const Be = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
         {
           in: m,
           sx: { "&.MuiCollapse-root .MuiListItemButton-root": { paddingLeft: 24 } },
-          children: n.map((g, _) => {
-            const p = s.length + _;
+          children: n.map((g, y) => {
+            const p = s.length + y;
             return /* @__PURE__ */ e(
-              Le,
+              xe,
               {
                 ...g,
                 isLastItem: p === r - 1,
@@ -656,16 +656,16 @@ const Be = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
           })
         }
       ),
-      n.length > 0 && /* @__PURE__ */ e(en, { isExpanded: m, onClick: T })
+      n.length > 0 && /* @__PURE__ */ e(en, { isExpanded: m, onClick: _ })
     ] }) });
   }
 ), nn = ({ beats: t, onInsightCardClick: o }) => {
-  const n = kt(), { onEvent: s } = N(), { isMobile: a, isDesktop: d, isLargeDesktop: h } = $(), { beatStore: l, endpoint: c, sessionToken: m } = Te(), { is_mobile_webview: f } = ke();
+  const n = kt(), { onEvent: s } = H(), { isMobile: a, isDesktop: d, isLargeDesktop: h } = P(), { beatStore: l, endpoint: c, sessionToken: m } = _e(), { is_mobile_webview: f } = ke();
   console.log({ is_mobile_webview: f });
-  const u = n.palette.mode === "dark", T = d || h, r = T || a ? 1 : 2, g = () => null, _ = (D) => {
-    o?.(D), s(y.TRENDS_CLICK_INSIGHT, A);
-  }, p = T ? 200 : 170, I = T ? 170 : 124, w = T ? 56 : 0, E = t.length > 0 ? p + w : I, k = T && t.length > 0 ? p : void 0;
-  return /* @__PURE__ */ e(Nt, { sx: { height: E }, children: /* @__PURE__ */ e(
+  const u = n.palette.mode === "dark", _ = d || h, r = _ || a ? 1 : 2, g = () => null, y = (D) => {
+    o?.(D), s(T.TRENDS_CLICK_INSIGHT, A);
+  }, p = _ ? 200 : 170, I = _ ? 170 : 124, S = _ ? 56 : 0, E = t.length > 0 ? p + S : I, k = _ && t.length > 0 ? p : void 0;
+  return /* @__PURE__ */ e(Ht, { sx: { height: E }, children: /* @__PURE__ */ e(
     Ct,
     {
       areBeatsLoading: l.isLoading,
@@ -673,11 +673,11 @@ const Be = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
       endpoint: c,
       heightOverrides: k,
       logOutUser: g,
-      onCardClick: _,
+      onCardClick: y,
       showBorder: !0,
       showCTAColocatedWithText: !1,
       showCarouselControls: !0,
-      showHeader: T,
+      showHeader: _,
       showIcon: !0,
       showWithMargin: !1,
       token: m,
@@ -688,11 +688,11 @@ const Be = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
     }
   ) });
 }, on = v(nn), sn = v(({ chartLabel: t, chartColor: o }) => {
-  const { onEvent: n } = N(), {
+  const { onEvent: n } = H(), {
     categoryDetailsChartData: { monthlyAmounts: s, tooltipLabels: a }
   } = te();
   return /* @__PURE__ */ e(b, { sx: { pt: 12, width: "100%" }, children: /* @__PURE__ */ e(
-    ye,
+    Te,
     {
       baseline: "min",
       colors: [o],
@@ -705,7 +705,7 @@ const Be = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
         stroke: o
       }),
       onItemClick: () => {
-        n(y.TRENDS_CLICK_CHART, A);
+        n(T.TRENDS_CLICK_CHART, A);
       },
       showArea: !0,
       showAverage: !0,
@@ -721,14 +721,14 @@ const Be = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
     }
   ) });
 }), rn = v(({ onClose: t }) => {
-  const o = Ge(), { onEvent: n } = N(), { common: s, trends: a } = R(), { selectedCategoryData: d, selectedDateRangeMonthRange: h } = te(), { sortedTransactions: l } = ie(), [c, m] = i.useState(null);
+  const o = ze(), { onEvent: n } = H(), { common: s, trends: a } = R(), { selectedCategoryData: d, selectedDateRangeMonthRange: h } = te(), { sortedTransactions: l } = ie(), [c, m] = i.useState(null);
   if (!d)
     return null;
-  const { guid: f, name: u, is_income: T, totalAmount: r } = d, g = T ? a.category_income : a.category_spending, _ = Wt(f, o), p = T ? a.income_label : a.spending_label, I = ` ${d.transactions.length === 1 ? a.transaction : a.transactions} (${d.transactions.length})`, w = i.useMemo(
+  const { guid: f, name: u, is_income: _, totalAmount: r } = d, g = _ ? a.category_income : a.category_spending, y = Wt(f, o), p = _ ? a.income_label : a.spending_label, I = ` ${d.transactions.length === 1 ? a.transaction : a.transactions} (${d.transactions.length})`, S = i.useMemo(
     () => l.find((D) => D.guid === c),
     [c, l]
   ), E = (D) => D.category_guid === f || D.top_level_category_guid === f, k = () => {
-    t?.(), n(y.TRENDS_CLICK_BACK, A);
+    t?.(), n(T.TRENDS_CLICK_BACK, A);
   };
   return /* @__PURE__ */ C(
     Ce,
@@ -740,7 +740,7 @@ const Be = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
       title: g,
       children: [
         /* @__PURE__ */ C(b, { sx: { alignItems: "center", height: "100%" }, children: [
-          /* @__PURE__ */ C(Ht, { sx: { borderRadius: 0, pb: 4, pt: 16, width: "100%" }, children: [
+          /* @__PURE__ */ C(Nt, { sx: { borderRadius: 0, pb: 4, pt: 16, width: "100%" }, children: [
             /* @__PURE__ */ e(
               Me,
               {
@@ -750,9 +750,9 @@ const Be = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
                 title: u
               }
             ),
-            /* @__PURE__ */ e(sn, { chartColor: _, chartLabel: p }),
+            /* @__PURE__ */ e(sn, { chartColor: y, chartLabel: p }),
             /* @__PURE__ */ C(b, { alignItems: "center", direction: "row", justifyContent: "space-between", sx: { mx: 24 }, children: [
-              /* @__PURE__ */ e(Q, { bold: !0, variant: "body1", children: I }),
+              /* @__PURE__ */ e(q, { bold: !0, variant: "body1", children: I }),
               /* @__PURE__ */ e(Ot, { filter: E })
             ] })
           ] }),
@@ -770,10 +770,10 @@ const Be = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
           Ce,
           {
             ariaLabelClose: s.close_aria,
-            isOpen: !!w,
+            isOpen: !!S,
             onClose: () => m(""),
             title: a.transaction,
-            children: w && /* @__PURE__ */ e(We, { transaction: w })
+            children: S && /* @__PURE__ */ e(We, { transaction: S })
           }
         )
       ]
@@ -799,21 +799,21 @@ const Be = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
   selectedDateRange: n,
   totals: s
 }) => {
-  const a = Ve(), { onEvent: d } = N(), { trends: h } = R(), { isSmallMobile: l, isMobile: c, isSmallTablet: m, isTablet: f } = $(), u = [a.palette.chart?.chart1, a.palette.chart?.chart2], T = an(s, n), r = cn(T, h), [g, _] = i.useState(0), p = 458, I = 195, w = 56, E = c || l ? I : m || f ? p : g;
+  const a = Ge(), { onEvent: d } = H(), { trends: h } = R(), { isSmallMobile: l, isMobile: c, isSmallTablet: m, isTablet: f } = P(), u = [a.palette.chart?.chart1, a.palette.chart?.chart2], _ = an(s, n), r = cn(_, h), [g, y] = i.useState(0), p = 458, I = 195, S = 56, E = c || l ? I : m || f ? p : g;
   return i.useEffect(() => {
-    const D = Math.max(t - w, o);
-    _(D);
+    const D = Math.max(t - S, o);
+    y(D);
   }, [t]), /* @__PURE__ */ e(
-    ye,
+    Te,
     {
       baseline: "min",
       colors: u,
       curveType: "bump",
-      datasets: T,
+      datasets: _,
       height: E,
       labels: r,
       onItemClick: () => {
-        d(y.TRENDS_CLICK_CHART, A);
+        d(T.TRENDS_CLICK_CHART, A);
       },
       showArea: !0,
       showAxisHighlight: !0,
@@ -826,116 +826,82 @@ const Be = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
       valueFormatterString: "0.0a"
     }
   );
-}, dn = v(ln), hn = [
-  "BillAmountNotStandard",
-  "CategorySpendingV2",
-  "CostOfLivingToIncome",
-  "DebtPaymentReminderV2",
-  "DiscoveredAccounts",
-  "DuplicatePaymentV2",
-  "FeeDetected",
-  "GreenGasPurchasesSummary",
-  "LargeTransaction",
-  "LowAccountBalance",
-  "MonthlyDebtToIncomeComparisonV2",
-  "MonthlyDepositSummaryV2",
-  "MonthlyNonEssentialCategorySummaryV2",
-  "MonthlySavingsToIncomeComparison",
-  "MonthlySpendToIncomeComparisonV2",
-  "MonthlySubscriptionAggregateV2",
-  "MonthlyTopMerchantSpendingV3",
-  "MonthlyObligationsStatus",
-  "QuarterlySummary",
-  "SaveAnExtra100Dollars",
-  "SaveEnoughToLiveOn",
-  "SavingsOpportunityV2",
-  "SubscriptionDetected",
-  "SubscriptionPriceIncrease",
-  "SetUpDirectDeposit",
-  "SwitchDirectDeposit",
-  "UnexpectedSubscriptionPayment",
-  "UpcomingBill",
-  "UpcomingSubscription",
-  "WeekendSpendingSummaryV2",
-  "WeeklyNewMerchantsV2",
-  "WeeklyNoSpendDays",
-  "WeeklySmallPurchasesSummary"
-], un = ({ onBackClick: t, onInsightCardClick: o, sx: n }) => {
-  const { onEvent: s } = N(), { config: a } = ke(), { isLargeDesktop: d, isDesktop: h, isMobile: l } = $(), { visibleAccounts: c } = ce(), { loadDateRangeCategoryTotals: m, loadMonthlyCategoryTotals: f, monthlyCategoryTotals: u } = K(), { setFilter: T } = ie(), { selectedDateRange: r, setSelectedCategoryData: g, setSelectedDateRange: _ } = te(), {
+}, dn = v(ln), hn = ({ onBackClick: t, onInsightCardClick: o, sx: n }) => {
+  const { onEvent: s } = H(), { config: a } = ke(), { isLargeDesktop: d, isDesktop: h, isMobile: l } = P(), { visibleAccounts: c } = ce(), { loadDateRangeCategoryTotals: m, loadMonthlyCategoryTotals: f, monthlyCategoryTotals: u } = $(), { setFilter: _ } = ie(), { selectedDateRange: r, setSelectedCategoryData: g, setSelectedDateRange: y } = te(), {
     isCopyLoaded: p,
     isInitialized: I,
-    selectedAccounts: w,
+    selectedAccounts: S,
     selectedAccountGuids: E,
     setSelectedAccounts: k
-  } = ee(), { trends: D, connect: O } = R(), { beatStore: M } = Te(), P = Vt() && a.show_insights_widget_in_master, G = h || d, [le, _e] = i.useState(!1), [j, ne] = i.useState(!1), [F, 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 - (P ? 550 + S : 266), [ge, be] = i.useState(!1), Fe = a.show_connections_widget_in_master ? "buttons" : "no-buttons", Se = i.useMemo(
+  } = ee(), { trends: D, connect: O } = R(), { beatStore: M } = _e(), K = Gt() && a.show_insights_widget_in_master, z = h || d, [le, ye] = i.useState(!1), [j, ne] = i.useState(!1), [V, de] = i.useState("Chart"), [Y, oe] = i.useState(""), [he, se] = i.useState(!1), [re, ue] = i.useState(window.innerHeight), w = z ? 56 : 0, N = re - 208, B = re - (K ? 550 + w : 266), [ge, be] = i.useState(!1), Ve = a.show_connections_widget_in_master ? "buttons" : "no-buttons", we = i.useMemo(
     () => c && c.length === 0 || u.length === 0,
     [c, u]
   );
   i.useEffect(() => {
     I && M.loadBeats().finally(() => ne(!0));
   }, [I]);
-  const we = i.useMemo(() => j ? M.getFilteredBeats({ templates: hn }) : [], [j]);
+  const Se = i.useMemo(() => j ? M.beats : [], [j]);
   i.useEffect(() => {
-    const x = () => ue(window.innerHeight);
-    return window.addEventListener("resize", x), () => window.removeEventListener("resize", x);
+    const L = () => ue(window.innerHeight);
+    return window.addEventListener("resize", L), () => window.removeEventListener("resize", L);
   }, []), i.useEffect(() => {
     k(c);
   }, [c]), i.useEffect(() => {
-    I && m(w, r.start, r.end).then(() => {
+    I && m(S, r.start, r.end).then(() => {
       f(
-        w,
+        S,
         r.start,
         r.end
       );
     }).finally(() => {
-      _e(!0), s(y.TRENDS_LOAD_WIDGET, {
+      ye(!0), s(T.TRENDS_LOAD_WIDGET, {
         ...A,
         time_period: `${pe(r.end, r.start)}M`
       });
     });
-  }, [I, w, r]), i.useEffect(() => {
+  }, [I, S, r]), i.useEffect(() => {
     if (u.length !== 0) {
-      const x = {
+      const L = {
         accounts: E,
         dateRange: { start: r.start, end: r.end }
       };
-      T({
-        ...x,
-        custom: (V) => !!u.find(
-          (U) => U.top_level_category_guid === V.top_level_category_guid || U.category_guid === V.category_guid
+      _({
+        ...L,
+        custom: (G) => !!u.find(
+          (U) => U.top_level_category_guid === G.top_level_category_guid || U.category_guid === G.category_guid
         )
       });
     }
   }, [u]);
-  const Ke = (x) => {
-    g(x), se(!0);
-  }, $e = () => {
+  const $e = (L) => {
+    g(L), se(!0);
+  }, Pe = () => {
     g(null), se(!1);
   }, je = () => {
-    be(!0), s(y.TRENDS_CLICK_CONNECT_ACCOUNTS);
-  }, Ye = (x, V) => {
-    de(V ?? F), s(y.TRENDS_CLICK_TOGGLE_VIEW, {
+    be(!0), s(T.TRENDS_CLICK_CONNECT_ACCOUNTS);
+  }, Ye = (L, G) => {
+    de(G ?? V), s(T.TRENDS_CLICK_TOGGLE_VIEW, {
       ...A,
-      toggleView: V
+      toggleView: G
     });
-  }, Ue = (x) => {
-    const V = ve(x?.[0], 1), U = x?.[1], qe = pe(U, V);
-    _({ start: V, end: U }), s(y.TRENDS_CLICK_TIME_WINDOW, {
+  }, Ue = (L) => {
+    const G = ve(L?.[0], 1), U = L?.[1], Je = pe(U, G);
+    y({ start: G, end: U }), s(T.TRENDS_CLICK_TIME_WINDOW, {
       ...A,
-      time_period: qe + "M"
+      time_period: Je + "M"
     });
-  }, Xe = (x) => {
-    s(y.TRENDS_CLICK_FILTER, {
+  }, Xe = (L) => {
+    s(T.TRENDS_CLICK_FILTER, {
       ...A,
-      filterValue: x
+      filterValue: L
     });
-  }, Ze = (x) => {
-    oe(x);
-  }, Qe = () => {
-    oe(""), s(y.TRENDS_CLICK_ALL_CATEGORIES, A);
+  }, Ze = (L) => {
+    oe(L);
+  }, qe = () => {
+    oe(""), s(T.TRENDS_CLICK_ALL_CATEGORIES, A);
   };
-  return !p || !le ? /* @__PURE__ */ e(J, {}) : /* @__PURE__ */ C(
-    He,
+  return !p || !le ? /* @__PURE__ */ e(Q, {}) : /* @__PURE__ */ C(
+    Ne,
     {
       accountOptions: c,
       calendarActions: { onRangeChanged: Ue },
@@ -946,19 +912,19 @@ const Be = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
       sx: n,
       title: D.title,
       children: [
-        Se && /* @__PURE__ */ e(
-          Gt,
+        we && /* @__PURE__ */ e(
+          zt,
           {
             header: D.zero_state_content_header,
             icon: "",
             onClick: je,
             primaryButton: D.empty_state_primary,
             subText: D.empty_state_sub_text,
-            sx: { height: H },
-            variant: Fe
+            sx: { height: N },
+            variant: Ve
           }
         ),
-        !Se && /* @__PURE__ */ C(
+        !we && /* @__PURE__ */ C(
           b,
           {
             sx: {
@@ -973,36 +939,36 @@ const Be = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
                   sx: { pb: l ? 12 : 24, pt: l ? 24 : 48 },
                   children: [
                     /* @__PURE__ */ e(
-                      ze,
+                      Fe,
                       {
                         selectedCategoryGuid: Y,
                         selectedDateRange: r
                       }
                     ),
-                    /* @__PURE__ */ e(Be, { onTabChange: Ye, selectedTab: F })
+                    /* @__PURE__ */ e(Be, { onTabChange: Ye, selectedTab: V })
                   ]
                 }
               ),
-              /* @__PURE__ */ e(b, { alignItems: "center", flexDirection: "row", width: "100%", children: /* @__PURE__ */ e(W, { flexGrow: 1, children: Y && /* @__PURE__ */ C(me, { onClick: Qe, sx: { p: 0, pr: 5 }, children: [
+              /* @__PURE__ */ e(b, { alignItems: "center", flexDirection: "row", width: "100%", children: /* @__PURE__ */ e(W, { flexGrow: 1, children: Y && /* @__PURE__ */ C(me, { onClick: qe, sx: { p: 0, pr: 5 }, children: [
                 /* @__PURE__ */ e(ae, { name: "arrow_back" }),
                 D.all_categories
               ] }) }) }),
-              /* @__PURE__ */ C(b, { flexDirection: G ? "row" : "column", gap: G ? 48 : 16, children: [
-                F === "Chart" && /* @__PURE__ */ C(Je, { children: [
-                  /* @__PURE__ */ e(W, { sx: { width: G ? "68%" : "100%" }, children: /* @__PURE__ */ e(
+              /* @__PURE__ */ C(b, { flexDirection: z ? "row" : "column", gap: z ? 48 : 16, children: [
+                V === "Chart" && /* @__PURE__ */ C(Qe, { children: [
+                  /* @__PURE__ */ e(W, { sx: { width: z ? "68%" : "100%" }, children: /* @__PURE__ */ e(
                     dn,
                     {
-                      availableHeight: H,
+                      availableHeight: N,
                       minHeight: 450,
                       selectedDateRange: r,
                       totals: u
                     }
                   ) }),
-                  /* @__PURE__ */ C(b, { gap: 16, sx: { width: G ? "32%" : "100%" }, children: [
-                    P && j && we.length > 0 && /* @__PURE__ */ e(
+                  /* @__PURE__ */ C(b, { gap: 16, sx: { width: z ? "32%" : "100%" }, children: [
+                    K && j && Se.length > 0 && /* @__PURE__ */ e(
                       on,
                       {
-                        beats: we,
+                        beats: Se,
                         onInsightCardClick: o
                       }
                     ),
@@ -1010,13 +976,13 @@ const Be = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
                       tn,
                       {
                         availableHeight: B,
-                        onCategoryClick: Ke
+                        onCategoryClick: $e
                       }
                     )
                   ] })
                 ] }),
-                F === "Table" && /* @__PURE__ */ e(W, { sx: { width: "100%" }, children: /* @__PURE__ */ e(
-                  Pe,
+                V === "Table" && /* @__PURE__ */ e(W, { sx: { width: "100%" }, children: /* @__PURE__ */ e(
+                  Ke,
                   {
                     height: "unset",
                     monthlyCategoryTotals: u,
@@ -1026,7 +992,7 @@ const Be = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
                   }
                 ) })
               ] }),
-              he && /* @__PURE__ */ e(rn, { onClose: $e })
+              he && /* @__PURE__ */ e(rn, { onClose: Pe })
             ]
           }
         ),
@@ -1041,11 +1007,11 @@ const Be = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
       ]
     }
   );
-}, ho = v(un);
+}, lo = v(hn);
 export {
-  io as TrendsFullWidget,
-  lo as TrendsMicroWidget,
-  co as TrendsMiniWidget,
-  mo as TrendsStore,
-  ho as TrendsWidget
+  ao as TrendsFullWidget,
+  co as TrendsMicroWidget,
+  io as TrendsMiniWidget,
+  go as TrendsStore,
+  lo as TrendsWidget
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mx-cartographer/experiences",
-  "version": "7.0.58-alpha.mm7",
+  "version": "7.0.58-alpha.mm8",
   "description": "Library containing experience widgets",
   "author": "MX",
   "license": "MIT",