@mx-cartographer/experiences 7.6.4 → 7.6.5

package/CHANGELOG.md

@@ -1,3 +1,7 @@
+## [7.6.5] - 01-14-2026
+
+- **UPDATED** - Added a11y labels for chart/table toggle
+
 ## [7.6.4] - 01-15-2026
 
 - **UPDATED** - Fixes for `Finstrong` Profile and KeyIndicatorsDrawer

package/dist/common/types/localization/CommonCopy.d.ts

@@ -57,4 +57,7 @@ export interface CommonCopy {
     settings: string;
     six_month_total: string;
     unhide_button: string;
+    view_chart: string;
+    view_table: string;
+    view_toggle: string;
 }

package/dist/trends/index.es.js

@@ -1,8 +1,8 @@
 import { jsxs as y, jsx as e, Fragment as dt } from "react/jsx-runtime";
 import u, { useRef as ut, useState as ht, useEffect as gt } from "react";
-import { observer as R } from "mobx-react-lite";
+import { observer as H } from "mobx-react-lite";
 import { CategoryIcon as Se, Text as P, Icon as _e, P as ge, H3 as Ye, ChevronRightIcon as mt } from "@mxenabled/mxui";
-import k from "@mui/material/Box";
+import R from "@mui/material/Box";
 import S from "@mui/material/Stack";
 import be from "@mui/material/Button";
 import { addSeconds as je } from "date-fns/addSeconds";
@@ -17,7 +17,7 @@ import Ue from "@mui/material/Card";
 import Xe from "@mui/material/CardContent";
 import He from "@mui/material/Divider";
 import Ge from "@mui/material/Grid";
-import { u as H, m as $, g as V, b as pe, h as xe, d as ve, v as Ce, p as Ze, f as We, a as bt } from "../hooks-ZMp65DFz.mjs";
+import { u as A, m as $, g as V, b as pe, h as xe, d as ve, v as Ce, p as Ze, f as We, a as bt } from "../hooks-ZMp65DFz.mjs";
 import { b as Tt } from "../Localization-2MODESHW.mjs";
 import { C as Te } from "../CurrencyText-Dr0EZ7bp.mjs";
 import { C as Ae, b as Be, c as St } from "../Category-CevNQ03n.mjs";
@@ -56,11 +56,11 @@ import { E as Qt } from "../ExportCsvAction-Col0j3VJ.mjs";
 import { u as qt } from "../useInsightsEnabled-B7dxpDrX.mjs";
 import { E as Jt } from "../EmptyState-DoxNUae-.mjs";
 import { l as eo } from "../ConnectDrawer-DJV-yWGN.mjs";
-const st = ({ categoryGuid: t, topLevelCategoryGuid: r }) => {
-  const { categories: n } = H(), { getCategoryName: o } = $(), s = o(t);
+const st = ({ categoryGuid: o, topLevelCategoryGuid: r }) => {
+  const { categories: n } = A(), { getCategoryName: t } = $(), s = t(o);
   return /* @__PURE__ */ y(S, { alignItems: "center", direction: "column", gap: "8", justifyContent: "center", mb: 4, children: [
     /* @__PURE__ */ e(
-      k,
+      R,
       {
         "aria-label": Tt(n.category_icon_label_aria, s),
         mb: 4,
@@ -71,21 +71,21 @@ const st = ({ categoryGuid: t, topLevelCategoryGuid: r }) => {
     /* @__PURE__ */ e(P, { variant: "Body", children: s })
   ] });
 }, to = ({
-  categoryGuids: { guid: t, topLevelGuid: r },
+  categoryGuids: { guid: o, topLevelGuid: r },
   hoveredAreaData: n,
-  cursorPosition: o,
+  cursorPosition: t,
   chartContainerRef: s
 }) => {
-  const h = ce(), g = ut(null), [d, l] = ht({ x: o.x, y: o.y });
+  const h = ce(), g = ut(null), [d, l] = ht({ x: t.x, y: t.y });
   if (gt(() => {
     (() => {
       const i = g.current, b = s.current;
       if (!i || !b) return;
       const c = i.getBoundingClientRect(), f = b.getBoundingClientRect();
-      let C = o.x, _ = o.y;
-      C + c.width * 2 > f.right ? C = o.x - c.width : C - c.width < f.left && (C = o.x), _ + c.height * 2 > f.bottom && (_ = o.y - c.height), l({ x: C, y: _ });
+      let C = t.x, _ = t.y;
+      C + c.width * 2 > f.right ? C = t.x - c.width : C - c.width < f.left && (C = t.x), _ + c.height * 2 > f.bottom && (_ = t.y - c.height), l({ x: C, y: _ });
     })();
-  }, [o, s]), !n) return null;
+  }, [t, s]), !n) return null;
   const m = n.reduce((p, i) => p + i.y, 0);
   return /* @__PURE__ */ e(
     Ue,
@@ -99,15 +99,15 @@ const st = ({ categoryGuid: t, topLevelCategoryGuid: r }) => {
         pointerEvents: "none"
       },
       children: /* @__PURE__ */ y(Xe, { children: [
-        /* @__PURE__ */ y(k, { alignItems: "center", display: "flex", flexDirection: "column", children: [
-          /* @__PURE__ */ e(st, { categoryGuid: t, topLevelCategoryGuid: r }),
+        /* @__PURE__ */ y(R, { alignItems: "center", display: "flex", flexDirection: "column", children: [
+          /* @__PURE__ */ e(st, { categoryGuid: o, topLevelCategoryGuid: r }),
           /* @__PURE__ */ e(P, { variant: "Small", children: `${n.length}-month total` }),
           /* @__PURE__ */ e(Te, { amount: m, bold: !0, formatString: "0,0", variant: "body2" })
         ] }),
         /* @__PURE__ */ e(He, { sx: { my: 16, width: "100%" } }),
         /* @__PURE__ */ e(Ge, { container: !0, children: n.map((p, i) => /* @__PURE__ */ y(u.Fragment, { children: [
           i > 0 && i % 3 === 0 && /* @__PURE__ */ e(He, { sx: { my: 16, width: "100%" } }),
-          /* @__PURE__ */ e(Ge, { item: !0, xs: 4, children: /* @__PURE__ */ y(k, { alignItems: "center", display: "flex", flexDirection: "column", children: [
+          /* @__PURE__ */ e(Ge, { item: !0, xs: 4, children: /* @__PURE__ */ y(R, { alignItems: "center", display: "flex", flexDirection: "column", children: [
             /* @__PURE__ */ e(P, { color: h.palette.text.secondary, variant: "XSmall", children: p.x }),
             /* @__PURE__ */ e(
               Te,
@@ -123,11 +123,11 @@ const st = ({ categoryGuid: t, topLevelCategoryGuid: r }) => {
       ] })
     }
   );
-}, oo = R(to), no = ({
-  sx: t,
+}, oo = H(to), no = ({
+  sx: o,
   categoryGuids: r,
   hoveredLegend: n,
-  legendRef: o,
+  legendRef: t,
   onHoverLegend: s,
   onClickLegend: h
 }) => {
@@ -139,8 +139,8 @@ const st = ({ categoryGuid: t, topLevelCategoryGuid: r }) => {
       flexWrap: "wrap",
       gap: g ? 2 : 6,
       justifyContent: "start",
-      ref: o,
-      sx: t,
+      ref: t,
+      sx: o,
       children: r.map(({ guid: l, top_level_guid: m }) => {
         const p = n === l, i = Ae[l], b = Ae[m], c = i ?? b ?? Ae.default, f = c + "33";
         return /* @__PURE__ */ y(
@@ -162,7 +162,7 @@ const st = ({ categoryGuid: t, topLevelCategoryGuid: r }) => {
             },
             children: [
               /* @__PURE__ */ e(
-                k,
+                R,
                 {
                   sx: {
                     width: 16,
@@ -182,25 +182,25 @@ const st = ({ categoryGuid: t, topLevelCategoryGuid: r }) => {
     }
   );
 }, so = ({
-  categoryGuids: { guid: t, topLevelGuid: r },
+  categoryGuids: { guid: o, topLevelGuid: r },
   series: n,
-  xData: o
+  xData: t
 }) => {
   const s = Ct(), h = ce();
   if (!s?.identifier) return null;
   const { dataIndex: g, seriesId: d } = s.identifier;
   if (g == null || !d) return null;
-  const m = n.find((i) => i.id === d)?.data?.[g], p = o?.[g];
-  return m === void 0 || !p ? null : /* @__PURE__ */ e(Ue, { sx: { pt: 4, px: 8 }, children: /* @__PURE__ */ e(Xe, { children: /* @__PURE__ */ y(k, { alignItems: "center", display: "flex", flexDirection: "column", children: [
-    /* @__PURE__ */ e(st, { categoryGuid: t, topLevelCategoryGuid: r }),
+  const m = n.find((i) => i.id === d)?.data?.[g], p = t?.[g];
+  return m === void 0 || !p ? null : /* @__PURE__ */ e(Ue, { sx: { pt: 4, px: 8 }, children: /* @__PURE__ */ e(Xe, { children: /* @__PURE__ */ y(R, { alignItems: "center", display: "flex", flexDirection: "column", children: [
+    /* @__PURE__ */ e(st, { categoryGuid: o, topLevelCategoryGuid: r }),
     /* @__PURE__ */ e(P, { color: h.palette.text.secondary, variant: "Small", children: U(p, G.MONTH_SHORT_YEAR) }),
     /* @__PURE__ */ e(Te, { amount: String(m), bold: !0, formatString: "0,0", variant: "Body" })
   ] }) }) });
 }, ro = ({
-  onHoverArea: t,
+  onHoverArea: o,
   onHoverPoint: r,
   onHoverLegend: n,
-  onClickLegend: o,
+  onClickLegend: t,
   stackedDatasets: s,
   unstackedDatasets: h = [],
   availableHeight: g = 0,
@@ -216,7 +216,7 @@ const st = ({ categoryGuid: t, topLevelCategoryGuid: r }) => {
     hoveredAreaData: null,
     isAreaHovered: !1,
     cursorPos: { x: 0, y: 0 }
-  }), { hoveredSeriesId: D, hoveredAreaData: M, isAreaHovered: L, cursorPos: A } = x, te = L && D && M, W = !te, F = [...s, ...h], z = F[0]?.dataset.length ?? 0, X = F.flatMap((a) => a.dataset.map((T) => T.x)), fe = F.flatMap((a) => a.dataset.map((T) => T.y)), oe = s[0]?.dataset?.map(
+  }), { hoveredSeriesId: D, hoveredAreaData: M, isAreaHovered: L, cursorPos: k } = x, te = L && D && M, W = !te, F = [...s, ...h], z = F[0]?.dataset.length ?? 0, X = F.flatMap((a) => a.dataset.map((T) => T.x)), fe = F.flatMap((a) => a.dataset.map((T) => T.y)), oe = s[0]?.dataset?.map(
     (a, T) => s.reduce((E, j) => E + j.dataset[T]?.y || 0, 0)
   ) ?? [0], re = Math.max(...oe), Z = Math.max(
     ...h.flatMap((a) => a.dataset.map((T) => T.y))
@@ -260,10 +260,10 @@ const st = ({ categoryGuid: t, topLevelCategoryGuid: r }) => {
   }, w = (a) => {
     _(a), n?.(a ?? "");
   }, O = (a) => {
-    o?.(a ?? "");
+    t?.(a ?? "");
   }, Y = () => {
     const a = q(String(D)).guid;
-    a && o?.(a);
+    a && t?.(a);
   }, de = (a) => {
     const T = String(a?.seriesId), E = q(T).guid, j = Q.find((ue) => ue.id === T), Le = j && a?.dataIndex !== void 0, Ee = j && a?.dataIndex === void 0;
     if (Le)
@@ -271,7 +271,7 @@ const st = ({ categoryGuid: t, topLevelCategoryGuid: r }) => {
         hoveredSeriesId: T,
         hoveredAreaData: null,
         isAreaHovered: !1,
-        cursorPos: A
+        cursorPos: k
       }), r?.(E);
     else if (Ee) {
       const ue = j?.data.map((De, Me) => ({
@@ -282,14 +282,14 @@ const st = ({ categoryGuid: t, topLevelCategoryGuid: r }) => {
         hoveredSeriesId: T,
         hoveredAreaData: ue,
         isAreaHovered: !0,
-        cursorPos: A
-      }), t?.(E);
+        cursorPos: k
+      }), o?.(E);
     } else
       v({
         hoveredSeriesId: null,
         hoveredAreaData: null,
         isAreaHovered: !1,
-        cursorPos: A
+        cursorPos: k
       });
   }, ye = (a) => {
     if (a.target instanceof Element && a.target.classList[0]?.includes("MuiMarkElement-root"))
@@ -326,7 +326,7 @@ const st = ({ categoryGuid: t, topLevelCategoryGuid: r }) => {
     }, {})
   };
   return /* @__PURE__ */ e(
-    k,
+    R,
     {
       onMouseMove: ye,
       ref: b,
@@ -407,7 +407,7 @@ const st = ({ categoryGuid: t, topLevelCategoryGuid: r }) => {
               {
                 categoryGuids: q(D),
                 chartContainerRef: b,
-                cursorPosition: A,
+                cursorPosition: k,
                 hoveredAreaData: M.map((a) => ({
                   ...a,
                   x: U(a.x, G.MONTH_SHORT_YEAR)
@@ -419,30 +419,45 @@ const st = ({ categoryGuid: t, topLevelCategoryGuid: r }) => {
       )
     }
   );
-}, rt = ({ selectedTab: t, onTabChange: r }) => /* @__PURE__ */ e(
-  At,
-  {
-    exclusive: !0,
-    onChange: r,
-    orientation: "horizontal",
-    value: t,
-    children: ["Chart", "Table"].map((n) => /* @__PURE__ */ e(Mt, { color: "primary", sx: { width: 56 }, value: n, children: n === "Chart" ? /* @__PURE__ */ e(_e, { name: "table_chart_view" }) : /* @__PURE__ */ e(_e, { name: "format_list_bulleted" }) }, n))
-  }
-), at = ({ selectedDateRange: t, selectedCategoryGuid: r }) => {
-  const { trends: n } = H(), { isMobile: o, isDesktop: s } = ee(), { getCategoryName: h } = $(), g = u.useMemo(() => {
-    const d = t.start.getFullYear() === t.end.getFullYear() ? U(
-      t.start,
-      o ? G.MONTH_SHORT : G.MONTH_LONG
+}, rt = ({ selectedTab: o, onTabChange: r }) => {
+  const { common: n } = A();
+  return /* @__PURE__ */ e(
+    At,
+    {
+      "aria-label": n.view_toggle,
+      exclusive: !0,
+      onChange: r,
+      orientation: "horizontal",
+      value: o,
+      children: ["Chart", "Table"].map((t) => /* @__PURE__ */ e(
+        Mt,
+        {
+          "aria-label": t === "Chart" ? n.view_chart : n.view_table,
+          "aria-pressed": o === t,
+          color: "primary",
+          sx: { width: 56 },
+          value: t,
+          children: t === "Chart" ? /* @__PURE__ */ e(_e, { name: "table_chart_view" }) : /* @__PURE__ */ e(_e, { name: "format_list_bulleted" })
+        },
+        t
+      ))
+    }
+  );
+}, at = ({ selectedDateRange: o, selectedCategoryGuid: r }) => {
+  const { trends: n } = A(), { isMobile: t, isDesktop: s } = ee(), { getCategoryName: h } = $(), g = u.useMemo(() => {
+    const d = o.start.getFullYear() === o.end.getFullYear() ? U(
+      o.start,
+      t ? G.MONTH_SHORT : G.MONTH_LONG
     ) : U(
-      t.start,
-      o ? G.MONTH_SHORT_YEAR : G.MONTH_YEAR
+      o.start,
+      t ? G.MONTH_SHORT_YEAR : G.MONTH_YEAR
     ), l = U(
-      t.end,
-      o ? G.MONTH_SHORT_YEAR : G.MONTH_YEAR
+      o.end,
+      t ? G.MONTH_SHORT_YEAR : G.MONTH_YEAR
     );
     return `${d} - ${l}`;
-  }, [t, o]);
-  return /* @__PURE__ */ y(k, { sx: { mr: 10, minWidth: "60%" }, children: [
+  }, [o, t]);
+  return /* @__PURE__ */ y(R, { sx: { mr: 10, minWidth: "60%" }, children: [
     /* @__PURE__ */ e(
       P,
       {
@@ -459,45 +474,45 @@ const st = ({ categoryGuid: t, topLevelCategoryGuid: r }) => {
     ),
     /* @__PURE__ */ e(P, { variant: s ? "subtitle1" : "body2", children: g })
   ] });
-}, $e = (t) => {
-  const r = t.row.category_guid, n = t.row.top_level_category_guid, o = r === Be.INCOME || n === Be.INCOME, s = t.row[t.field];
-  return /* @__PURE__ */ e(S, { alignItems: "flex-end", direction: "row", tabIndex: t.tabIndex, children: /* @__PURE__ */ e(
+}, $e = (o) => {
+  const r = o.row.category_guid, n = o.row.top_level_category_guid, t = r === Be.INCOME || n === Be.INCOME, s = o.row[o.field];
+  return /* @__PURE__ */ e(S, { alignItems: "flex-end", direction: "row", tabIndex: o.tabIndex, children: /* @__PURE__ */ e(
     Te,
     {
       amount: s,
-      isIncome: o,
-      sx: { fontWeight: o ? 600 : 500 },
-      symbol: o ? "+" : void 0,
+      isIncome: t,
+      sx: { fontWeight: t ? 600 : 500 },
+      symbol: t ? "+" : void 0,
       variant: "body2"
     }
   ) });
-}, ao = ({ categoryGuid: t, topLevelCategoryGuid: r }) => {
-  const { getCategoryName: n } = $(), { categories: o } = H(), s = o.default_categories[t]?.replace(/&amp;/g, "&") ?? n(t);
+}, ao = ({ categoryGuid: o, topLevelCategoryGuid: r }) => {
+  const { getCategoryName: n } = $(), { categories: t } = A(), s = t.default_categories[o]?.replace(/&amp;/g, "&") ?? n(o);
   return /* @__PURE__ */ y(S, { alignItems: "center", direction: "row", justifyContent: "center", children: [
-    /* @__PURE__ */ e(k, { "aria-hidden": !0, children: /* @__PURE__ */ e(Se, { categoryGuid: r, variant: "twotone" }) }),
+    /* @__PURE__ */ e(R, { "aria-hidden": !0, children: /* @__PURE__ */ e(Se, { categoryGuid: r, variant: "twotone" }) }),
     /* @__PURE__ */ e(P, { sx: { ml: 12 }, variant: "body2", children: s })
   ] });
-}, io = (t) => /* @__PURE__ */ e(S, { alignItems: "center", direction: "row", tabIndex: t.tabIndex, children: /* @__PURE__ */ e(
+}, io = (o) => /* @__PURE__ */ e(S, { alignItems: "center", direction: "row", tabIndex: o.tabIndex, children: /* @__PURE__ */ e(
   ao,
   {
-    categoryGuid: t.row.category,
-    topLevelCategoryGuid: t.row.top_level_category_guid
+    categoryGuid: o.row.category,
+    topLevelCategoryGuid: o.row.top_level_category_guid
   }
-) }), co = (t, r) => {
-  const n = [], o = new Date(t);
-  for (; o <= r; ) {
-    const s = U(o, G.MONTH_LONG);
-    n.push(s), o.setMonth(o.getMonth() + 1);
+) }), co = (o, r) => {
+  const n = [], t = new Date(o);
+  for (; t <= r; ) {
+    const s = U(t, G.MONTH_LONG);
+    n.push(s), t.setMonth(t.getMonth() + 1);
   }
   return n;
 }, it = ({
-  selectedDateRange: t,
+  selectedDateRange: o,
   selectedCategory: r,
   onClickRow: n,
-  height: o = "100%",
+  height: t = "100%",
   sx: s = {}
 }) => {
-  const h = ce(), { onEvent: g } = V(), { transactions: d, spending: l } = H(), { trendsCategories: m } = $(), p = u.useMemo(() => co(t.start, t.end), [t]), i = h.palette.mode === "light", b = [
+  const h = ce(), { onEvent: g } = V(), { transactions: d, spending: l } = A(), { trendsCategories: m } = $(), p = u.useMemo(() => co(o.start, o.end), [o]), i = h.palette.mode === "light", b = [
     {
       field: "category",
       flex: 1,
@@ -554,13 +569,13 @@ const st = ({ categoryGuid: t, topLevelCategoryGuid: r }) => {
       c && (x = _.monthlyAmounts);
       const v = x.reduce(
         (M, L) => {
-          const A = U(Pe(L.isoDate), G.MONTH_LONG);
-          return M[A] = L.amount, M;
+          const k = U(Pe(L.isoDate), G.MONTH_LONG);
+          return M[k] = L.amount, M;
         },
         {}
       ), D = x.reduce((M, L) => {
-        const A = U(Pe(L.isoDate), G.MONTH_LONG);
-        return M + (p.includes(A) ? L.amount : 0);
+        const k = U(Pe(L.isoDate), G.MONTH_LONG);
+        return M + (p.includes(k) ? L.amount : 0);
       }, 0);
       return {
         id: _.guid,
@@ -571,7 +586,7 @@ const st = ({ categoryGuid: t, topLevelCategoryGuid: r }) => {
       };
     });
   }, [m]);
-  return /* @__PURE__ */ e(k, { sx: { height: o, width: "100%", overflowX: "auto", boxShadow: "none", ...s }, children: /* @__PURE__ */ e(
+  return /* @__PURE__ */ e(R, { sx: { height: t, width: "100%", overflowX: "auto", boxShadow: "none", ...s }, children: /* @__PURE__ */ e(
     kt,
     {
       columns: b,
@@ -607,12 +622,12 @@ const st = ({ categoryGuid: t, topLevelCategoryGuid: r }) => {
 }, lo = {
   title: "Transaction List"
 }, uo = ({
-  categoryGuid: t,
+  categoryGuid: o,
   dateRange: r,
   isOpen: n,
-  onClose: o
+  onClose: t
 }) => {
-  const { onEvent: s } = V(), { selectedAccountGuids: h } = pe(), { common: g } = H(), { setFilter: d, sortedTransactions: l } = xe(), [m, p] = u.useState(""), i = u.useMemo(
+  const { onEvent: s } = V(), { selectedAccountGuids: h } = pe(), { common: g } = A(), { setFilter: d, sortedTransactions: l } = xe(), [m, p] = u.useState(""), i = u.useMemo(
     () => l.find((c) => c.guid === m),
     [m, l]
   );
@@ -620,12 +635,12 @@ const st = ({ categoryGuid: t, topLevelCategoryGuid: r }) => {
     d({
       accounts: h,
       dateRange: r,
-      custom: (c) => t === "" || t === c.category_guid || t === c.top_level_category_guid,
-      showSplits: !!t
+      custom: (c) => o === "" || o === c.category_guid || o === c.top_level_category_guid,
+      showSplits: !!o
     });
-  }, [h, t, r]), u.useEffect(() => s(I.TRENDS_VIEW_TRANSACTIONS), []);
+  }, [h, o, r]), u.useEffect(() => s(I.TRENDS_VIEW_TRANSACTIONS), []);
   const b = () => {
-    p(""), o();
+    p(""), t();
   };
   return /* @__PURE__ */ y(
     Ne,
@@ -640,8 +655,8 @@ const st = ({ categoryGuid: t, topLevelCategoryGuid: r }) => {
       ]
     }
   );
-}, ho = R(uo), go = ({ onBackClick: t, sx: r }) => {
-  const { onEvent: n } = V(), { isDesktop: o, isTablet: s, isMobile: h } = ee(), { visibleAccounts: g } = ve(), { loadMonthlyCategoryTotals: d, monthlyCategoryTotals: l, getCategoryName: m } = $(), { sortedTransactions: p } = xe(), { selectedDateRange: i, setSelectedDateRange: b } = Ce(), { isCopyLoaded: c, isInitialized: f, selectedAccounts: C, setSelectedAccounts: _ } = pe(), { trends: x } = H(), [v, D] = u.useState(!1), [M, L] = u.useState(!1), [A, te] = u.useState("Chart"), [W, F] = u.useState(""), [z, X] = u.useState(window.innerHeight), oe = z - (h ? 315 : 345);
+}, ho = H(uo), go = ({ onBackClick: o, sx: r }) => {
+  const { onEvent: n } = V(), { isDesktop: t, isTablet: s, isMobile: h } = ee(), { visibleAccounts: g } = ve(), { loadMonthlyCategoryTotals: d, monthlyCategoryTotals: l, getCategoryName: m } = $(), { sortedTransactions: p } = xe(), { selectedDateRange: i, setSelectedDateRange: b } = Ce(), { isCopyLoaded: c, isInitialized: f, selectedAccounts: C, setSelectedAccounts: _ } = pe(), { trends: x } = A(), [v, D] = u.useState(!1), [M, L] = u.useState(!1), [k, te] = u.useState("Chart"), [W, F] = u.useState(""), [z, X] = u.useState(window.innerHeight), oe = z - (h ? 315 : 345);
   we({
     widgetName: "TrendsFullWidget",
     isLoaded: v
@@ -673,7 +688,7 @@ const st = ({ categoryGuid: t, topLevelCategoryGuid: r }) => {
       unstackedDatasets: O.filter(Et)
     };
   }, [l, W, i]), Z = (w, O) => {
-    te(O ?? A), n(I.TRENDS_CLICK_TOGGLE_VIEW);
+    te(O ?? k), n(I.TRENDS_CLICK_TOGGLE_VIEW);
   }, le = (w) => {
     const O = je(w?.[0], 1), Y = w?.[1], de = Re(Y, O);
     b({ start: O, end: Y }), n(I.TRENDS_CLICK_TIME_WINDOW, {
@@ -700,7 +715,7 @@ const st = ({ categoryGuid: t, topLevelCategoryGuid: r }) => {
       dateRange: i,
       dateRangeVariant: "timeframebuttons",
       onAccountsFilterClick: ne,
-      onBackClick: t,
+      onBackClick: o,
       sx: r,
       title: x.title,
       children: [
@@ -709,7 +724,7 @@ const st = ({ categoryGuid: t, topLevelCategoryGuid: r }) => {
           {
             sx: {
               // eslint-disable-next-line no-nested-ternary
-              px: o ? 48 : s ? 24 : 12
+              px: t ? 48 : s ? 24 : 12
             },
             children: [
               /* @__PURE__ */ y(
@@ -726,19 +741,19 @@ const st = ({ categoryGuid: t, topLevelCategoryGuid: r }) => {
                         selectedDateRange: i
                       }
                     ),
-                    /* @__PURE__ */ e(rt, { onTabChange: Z, selectedTab: A })
+                    /* @__PURE__ */ e(rt, { onTabChange: Z, selectedTab: k })
                   ]
                 }
               ),
               /* @__PURE__ */ y(S, { alignItems: "center", flexDirection: "row", width: "100%", children: [
-                /* @__PURE__ */ e(k, { flexGrow: 1, children: W && /* @__PURE__ */ y(be, { onClick: () => F(""), sx: { p: 0, pr: 5 }, children: [
+                /* @__PURE__ */ e(R, { flexGrow: 1, children: W && /* @__PURE__ */ y(be, { onClick: () => F(""), sx: { p: 0, pr: 5 }, children: [
                   /* @__PURE__ */ e(_e, { name: "arrow_back" }),
                   x.all_categories
                 ] }) }),
                 /* @__PURE__ */ e(be, { onClick: () => L(!0), sx: { px: 5 }, children: `${x.view_transactions} (${p.length})` })
               ] }),
-              /* @__PURE__ */ y(k, { children: [
-                A === "Chart" && /* @__PURE__ */ e(
+              /* @__PURE__ */ y(R, { children: [
+                k === "Chart" && /* @__PURE__ */ e(
                   ro,
                   {
                     availableHeight: oe,
@@ -750,7 +765,7 @@ const st = ({ categoryGuid: t, topLevelCategoryGuid: r }) => {
                     unstackedDatasets: re.unstackedDatasets
                   }
                 ),
-                A === "Table" && /* @__PURE__ */ e(
+                k === "Table" && /* @__PURE__ */ e(
                   it,
                   {
                     onClickRow: K,
@@ -774,15 +789,15 @@ const st = ({ categoryGuid: t, topLevelCategoryGuid: r }) => {
       ]
     }
   );
-}, Nn = R(go), mo = () => {
-  const { monthlyCategoryTotals: t } = $(), { trends: r } = H(), n = ce(), { availableHeight: o = 300 } = Ze(), s = Dt(t);
+}, Nn = H(go), mo = () => {
+  const { monthlyCategoryTotals: o } = $(), { trends: r } = A(), n = ce(), { availableHeight: t = 300 } = Ze(), s = Dt(o);
   return /* @__PURE__ */ e(
     Oe,
     {
       baseline: "min",
       colors: [n.palette.primary.main],
       datasets: [s],
-      height: o,
+      height: t,
       labels: [r.spending_label],
       showArea: !0,
       showAverage: !0,
@@ -792,20 +807,20 @@ const st = ({ categoryGuid: t, topLevelCategoryGuid: r }) => {
       valueFormatterString: "0,0"
     }
   );
-}, po = R(mo), Co = ({ onPrimaryCtaClick: t, sx: r }) => {
-  const { visibleAccounts: n } = ve(), { loadMonthlyCategoryTotals: o, monthlyTotalsLoaded: s } = $(), { isInitialized: h } = We(), { trends: g } = H(), { isCopyLoaded: d, selectedAccounts: l, setSelectedAccounts: m } = pe();
+}, po = H(mo), Co = ({ onPrimaryCtaClick: o, sx: r }) => {
+  const { visibleAccounts: n } = ve(), { loadMonthlyCategoryTotals: t, monthlyTotalsLoaded: s } = $(), { isInitialized: h } = We(), { trends: g } = A(), { isCopyLoaded: d, selectedAccounts: l, setSelectedAccounts: m } = pe();
   return we({
     widgetName: "TrendsMiniWidget",
     isLoaded: s
   }), u.useEffect(() => {
     m(n);
   }, [n]), u.useEffect(() => {
-    h && o(l).finally();
+    h && t(l).finally();
   }, [h, l]), !d || !h ? /* @__PURE__ */ e(me, {}) : /* @__PURE__ */ e(
     Ht,
     {
       contentStyles: { height: "calc(100% - 72px)", ":last-child": { pb: 0 } },
-      onPrimaryCtaClick: t,
+      onPrimaryCtaClick: o,
       primaryCtaLabel: g.primary_cta,
       subTitle: g.sub_title,
       sx: { height: "100%", ...r },
@@ -813,18 +828,18 @@ const st = ({ categoryGuid: t, topLevelCategoryGuid: r }) => {
       children: s ? /* @__PURE__ */ e(po, {}) : /* @__PURE__ */ e(me, {})
     }
   );
-}, Wn = R(Co), fo = 70, ze = ({
-  title: t,
+}, Wn = H(Co), fo = 70, ze = ({
+  title: o,
   totalAmount: r,
   transactionType: n,
-  percentage: o,
+  percentage: t,
   secondaryLabel: s,
   shouldDisplayPercentage: h
 }) => {
-  const { availableWidth: g } = Ze(), d = u.useRef(null), l = u.useRef(null), m = xt(Number(Math.abs(o)), {
+  const { availableWidth: g } = Ze(), d = u.useRef(null), l = u.useRef(null), m = xt(Number(Math.abs(t)), {
     style: "percent",
     minimumIntegerDigits: 1
-  }), p = g === 288 && se(r, "0,0.00").length > 10 ? se(r, "0,0") : se(r, "0,0.00"), i = n === "spending" ? o > 0 : o >= 0, b = n === "spending" ? "error.main" : "success.main", c = n === "spending" ? "success.main" : "text.secondary", f = d?.current, C = l?.current, _ = f && C ? f.scrollWidth > C.clientWidth - fo : !1;
+  }), p = g === 288 && se(r, "0,0.00").length > 10 ? se(r, "0,0") : se(r, "0,0.00"), i = n === "spending" ? t > 0 : t >= 0, b = n === "spending" ? "error.main" : "success.main", c = n === "spending" ? "success.main" : "text.secondary", f = d?.current, C = l?.current, _ = f && C ? f.scrollWidth > C.clientWidth - fo : !1;
   return /* @__PURE__ */ y(
     S,
     {
@@ -847,7 +862,7 @@ const st = ({ categoryGuid: t, topLevelCategoryGuid: r }) => {
               justifyContent: "space-between"
             },
             children: [
-              /* @__PURE__ */ e(ge, { color: "text.secondary", variant: "caption", children: t }),
+              /* @__PURE__ */ e(ge, { color: "text.secondary", variant: "caption", children: o }),
               h && /* @__PURE__ */ y(S, { sx: { alignItems: "center", flexDirection: "row", gap: 4 }, children: [
                 i ? /* @__PURE__ */ e(Wt, { size: 20, sx: { color: b } }) : /* @__PURE__ */ e(Ot, { size: 20, sx: { color: c } }),
                 /* @__PURE__ */ e(
@@ -876,7 +891,7 @@ const st = ({ categoryGuid: t, topLevelCategoryGuid: r }) => {
             },
             children: [
               /* @__PURE__ */ e(
-                k,
+                R,
                 {
                   ref: d,
                   sx: { overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" },
@@ -897,20 +912,20 @@ const st = ({ categoryGuid: t, topLevelCategoryGuid: r }) => {
       ]
     }
   );
-}, yo = R(() => {
-  const { trends: t } = H();
+}, yo = H(() => {
+  const { trends: o } = A();
   return /* @__PURE__ */ y(S, { sx: { alignItems: "start", flexDirection: "row", gap: 12 }, children: [
     /* @__PURE__ */ e(Gt, { size: 32 }),
     /* @__PURE__ */ y(S, { children: [
-      /* @__PURE__ */ e(ge, { fontWeight: 600, variant: "body1", children: t.zero_state_content_header }),
-      /* @__PURE__ */ e(ge, { color: "text.secondary", variant: "subtitle2", children: t.zero_state_content_description })
+      /* @__PURE__ */ e(ge, { fontWeight: 600, variant: "body1", children: o.zero_state_content_header }),
+      /* @__PURE__ */ e(ge, { color: "text.secondary", variant: "subtitle2", children: o.zero_state_content_description })
     ] })
   ] });
-}), On = R(({ onCtaClick: t }) => {
-  const { visibleAccounts: r } = ve(), { onEvent: n } = V(), { monthlyCategoryTotals: o, loadMonthlyCategoryTotals: s, monthlyTotalsLoaded: h } = $(), g = {
+}), On = H(({ onCtaClick: o }) => {
+  const { visibleAccounts: r } = ve(), { onEvent: n } = V(), { monthlyCategoryTotals: t, loadMonthlyCategoryTotals: s, monthlyTotalsLoaded: h } = $(), g = {
     start: Nt(/* @__PURE__ */ new Date(), 1),
     end: /* @__PURE__ */ new Date()
-  }, { trends: d } = H(), { selectedAccounts: l, setSelectedAccounts: m, isInitialized: p } = pe();
+  }, { trends: d } = A(), { selectedAccounts: l, setSelectedAccounts: m, isInitialized: p } = pe();
   we({
     widgetName: "TrendsMicroWidget",
     isLoaded: h
@@ -925,14 +940,14 @@ const st = ({ categoryGuid: t, topLevelCategoryGuid: r }) => {
   }, [p, l]);
   const { spendingData: i, incomeData: b } = u.useMemo(
     () => ({
-      spendingData: qe(o, g),
-      incomeData: Je(o, g)
+      spendingData: qe(t, g),
+      incomeData: Je(t, g)
     }),
-    [o, g]
+    [t, g]
   ), [c, f] = i, [C, _] = b, x = Fe(f.y, c.y), v = Fe(_.y, C.y), D = p && !r?.length, M = () => {
     n(
       D ? I.TRENDS_CLICK_GET_STARTED : I.TRENDS_CLICK_VIEW_MORE
-    ), t();
+    ), o();
   };
   return !h || !p ? /* @__PURE__ */ e(me, {}) : /* @__PURE__ */ e(
     Ft,
@@ -978,21 +993,21 @@ const st = ({ categoryGuid: t, topLevelCategoryGuid: r }) => {
       )
     }
   );
-}), _o = R(
-  ({ isExpanded: t, onClick: r }) => {
+}), _o = H(
+  ({ isExpanded: o, onClick: r }) => {
     const n = nt();
     return /* @__PURE__ */ e(zt, { sx: { bgcolor: "background.paper" }, children: /* @__PURE__ */ e(Kt, { onClick: r, sx: { justifyContent: "center" }, children: /* @__PURE__ */ y(
       S,
       {
         sx: { color: n.palette.primary.main, flexDirection: "row", alignItems: "center" },
         children: [
-          /* @__PURE__ */ e(jt, { children: /* @__PURE__ */ e(P, { bold: !0, variant: "body2", children: t ? "View less" : "View more" }) }),
-          /* @__PURE__ */ e(Yt, { sx: { color: n.palette.primary.main }, children: t ? /* @__PURE__ */ e(Bt, {}) : /* @__PURE__ */ e(
+          /* @__PURE__ */ e(jt, { children: /* @__PURE__ */ e(P, { bold: !0, variant: "body2", children: o ? "View less" : "View more" }) }),
+          /* @__PURE__ */ e(Yt, { sx: { color: n.palette.primary.main }, children: o ? /* @__PURE__ */ e(Bt, {}) : /* @__PURE__ */ e(
             Vt,
             {
               sx: {
                 transition: "transform 0.3s ease-in-out",
-                transform: t ? "rotate(180deg)" : "rotate(0deg)"
+                transform: o ? "rotate(180deg)" : "rotate(0deg)"
               }
             }
           ) })
@@ -1000,17 +1015,17 @@ const st = ({ categoryGuid: t, topLevelCategoryGuid: r }) => {
       }
     ) }) });
   }
-), Ke = R(
+), Ke = H(
   ({
-    totalAmount: t,
+    totalAmount: o,
     guid: r,
     name: n,
-    transactions: o,
+    transactions: t,
     onClick: s,
     isLastItem: h = !1,
     showDivider: g = !0
   }) => {
-    const { trends: d } = H(), { onEvent: l } = V(), m = `${o.length} ${o.length === 1 ? d.transaction : d.transactions}`, p = () => {
+    const { trends: d } = A(), { onEvent: l } = V(), m = `${t.length} ${t.length === 1 ? d.transaction : d.transactions}`, p = () => {
       s?.(), l(I.TRENDS_CLICK_LIST_ITEM, {
         ...B,
         listItem: n
@@ -1022,7 +1037,7 @@ const st = ({ categoryGuid: t, topLevelCategoryGuid: r }) => {
         {
           leftIcon: r ? /* @__PURE__ */ e(Se, { categoryGuid: r }) : void 0,
           onClick: p,
-          rightContent: se(Math.abs(t), "0,0.00"),
+          rightContent: se(Math.abs(o), "0,0.00"),
           rightIcon: s ? /* @__PURE__ */ e(mt, {}) : void 0,
           subtitle: m,
           title: n
@@ -1031,21 +1046,21 @@ const st = ({ categoryGuid: t, topLevelCategoryGuid: r }) => {
       g && /* @__PURE__ */ e(He, { sx: { ml: h ? 24 : 68 } })
     ] }, r);
   }
-), bo = R(
-  ({ availableHeight: t = 0, onCategoryClick: r }) => {
-    const { collapsedCategories: n, visibleCategories: o, setVisibleListLength: s } = Ce(), { isLargeDesktop: h, isDesktop: g } = ee(), { trends: d } = H(), { onEvent: l } = V(), [m, p] = u.useState(!1), i = g || h;
+), bo = H(
+  ({ availableHeight: o = 0, onCategoryClick: r }) => {
+    const { collapsedCategories: n, visibleCategories: t, setVisibleListLength: s } = Ce(), { isLargeDesktop: h, isDesktop: g } = ee(), { trends: d } = A(), { onEvent: l } = V(), [m, p] = u.useState(!1), i = g || h;
     u.useEffect(() => {
-      const f = Math.floor(t / 64) - 1, C = o.length + n.length;
-      f !== o.length && (s(i ? Math.max(f, 5) : 5), p(f >= C));
-    }, [t]);
+      const f = Math.floor(o / 64) - 1, C = t.length + n.length;
+      f !== t.length && (s(i ? Math.max(f, 5) : 5), p(f >= C));
+    }, [o]);
     const b = () => {
       p(!m), l(I.TRENDS_CLICK_VIEW_MORE, {
         ...B
       });
-    }, c = o.length + (m ? n.length : 0);
+    }, c = t.length + (m ? n.length : 0);
     return /* @__PURE__ */ e(S, { sx: { bgColor: "background.paper", width: "100%" }, children: /* @__PURE__ */ y($t, { children: [
       /* @__PURE__ */ e(S, { sx: { pb: 4, pt: 16, px: 16 }, children: /* @__PURE__ */ e(Ye, { children: d.categories }) }),
-      o.map((f, C) => /* @__PURE__ */ e(
+      t.map((f, C) => /* @__PURE__ */ e(
         Ke,
         {
           ...f,
@@ -1061,7 +1076,7 @@ const st = ({ categoryGuid: t, topLevelCategoryGuid: r }) => {
           in: m,
           sx: { "&.MuiCollapse-root .MuiListItemButton-root": { paddingLeft: 24 } },
           children: n.map((f, C) => {
-            const _ = o.length + C;
+            const _ = t.length + C;
             return /* @__PURE__ */ e(
               Ke,
               {
@@ -1078,15 +1093,15 @@ const st = ({ categoryGuid: t, topLevelCategoryGuid: r }) => {
       n.length > 0 && /* @__PURE__ */ e(_o, { isExpanded: m, onClick: b })
     ] }) });
   }
-), To = ({ beats: t, onInsightCardClick: r }) => {
-  const { onEvent: n } = V(), { isMobile: o, isDesktop: s, isLargeDesktop: h } = ee(), { beatStore: g, endpoint: d, sessionToken: l } = We(), m = s || h, p = m || o ? 1 : 2, i = () => null, b = (v) => {
+), To = ({ beats: o, onInsightCardClick: r }) => {
+  const { onEvent: n } = V(), { isMobile: t, isDesktop: s, isLargeDesktop: h } = ee(), { beatStore: g, endpoint: d, sessionToken: l } = We(), m = s || h, p = m || t ? 1 : 2, i = () => null, b = (v) => {
     r?.(v), n(I.TRENDS_CLICK_INSIGHT, B);
-  }, c = m ? 200 : 170, f = m ? 170 : 124, C = m ? 56 : 0, _ = t.length > 0 ? c + C : f, x = m && t.length > 0 ? c : void 0;
+  }, c = m ? 200 : 170, f = m ? 170 : 124, C = m ? 56 : 0, _ = o.length > 0 ? c + C : f, x = m && o.length > 0 ? c : void 0;
   return /* @__PURE__ */ e(Ut, { sx: { height: _ }, children: /* @__PURE__ */ e(
     Rt,
     {
       areBeatsLoading: g.isLoading,
-      beats: t,
+      beats: o,
       endpoint: d,
       heightOverrides: x,
       logOutUser: i,
@@ -1103,9 +1118,9 @@ const st = ({ categoryGuid: t, topLevelCategoryGuid: r }) => {
       visibleCardsCount: p
     }
   ) });
-}, So = R(To), xo = R(({ chartLabel: t, chartColor: r }) => {
+}, So = H(To), xo = H(({ chartLabel: o, chartColor: r }) => {
   const { onEvent: n } = V(), {
-    categoryDetailsChartData: { monthlyAmounts: o, tooltipLabels: s }
+    categoryDetailsChartData: { monthlyAmounts: t, tooltipLabels: s }
   } = Ce();
   return /* @__PURE__ */ e(S, { sx: { pt: 12, width: "100%" }, children: /* @__PURE__ */ e(
     Oe,
@@ -1114,9 +1129,9 @@ const st = ({ categoryGuid: t, topLevelCategoryGuid: r }) => {
       colors: [r],
       curveType: "bump",
       customTooltipLabels: s,
-      datasets: [o],
+      datasets: [t],
       height: 265,
-      labels: [t],
+      labels: [o],
       markStyles: () => ({
         stroke: r
       }),
@@ -1136,15 +1151,15 @@ const st = ({ categoryGuid: t, topLevelCategoryGuid: r }) => {
       valueFormatterString: "0,0"
     }
   ) });
-}), vo = R(({ onClose: t }) => {
-  const r = nt(), { onEvent: n } = V(), { common: o, trends: s } = H(), { selectedCategoryData: h, selectedDateRangeMonthRange: g } = Ce(), { sortedTransactions: d } = xe(), [l, m] = u.useState(null);
+}), vo = H(({ onClose: o }) => {
+  const r = nt(), { onEvent: n } = V(), { common: t, trends: s } = A(), { selectedCategoryData: h, selectedDateRangeMonthRange: g } = Ce(), { sortedTransactions: d } = xe(), [l, m] = u.useState(null);
   if (!h)
     return null;
   const { guid: p, name: i, is_income: b, totalAmount: c } = h, f = b ? s.category_income : s.category_spending, C = Zt(p, r), _ = b ? s.income_label : s.spending_label, x = ` ${h.transactions.length === 1 ? s.transaction : s.transactions} (${h.transactions.length})`, v = u.useMemo(
     () => d.find((L) => L.guid === l),
     [l, d]
   ), D = (L) => L.category_guid === p || L.top_level_category_guid === p, M = () => {
-    t?.(), n(I.TRENDS_CLICK_BACK, B);
+    o?.(), n(I.TRENDS_CLICK_BACK, B);
   };
   return /* @__PURE__ */ y(
     Ne,
@@ -1185,7 +1200,7 @@ const st = ({ categoryGuid: t, topLevelCategoryGuid: r }) => {
         /* @__PURE__ */ e(
           Ne,
           {
-            ariaLabelClose: o.close_aria,
+            ariaLabelClose: t.close_aria,
             isOpen: !!v,
             onClose: () => m(""),
             title: s.transaction,
@@ -1195,11 +1210,11 @@ const st = ({ categoryGuid: t, topLevelCategoryGuid: r }) => {
       ]
     }
   );
-}), wo = (t, r) => {
-  const n = Je(t, r), o = qe(t, r);
-  return [n, o].filter((s) => s.length > 0);
-}, Io = (t, r) => {
-  const [n, o] = t, s = n, h = o ?? n, g = [];
+}), wo = (o, r) => {
+  const n = Je(o, r), t = qe(o, r);
+  return [n, t].filter((s) => s.length > 0);
+}, Io = (o, r) => {
+  const [n, t] = o, s = n, h = t ?? n, g = [];
   if (s) {
     const d = s.reduce((l, m) => l + m.y, 0);
     g.push({ label: r.income_label, amount: d });
@@ -1210,16 +1225,16 @@ const st = ({ categoryGuid: t, topLevelCategoryGuid: r }) => {
   }
   return g;
 }, Lo = ({
-  availableHeight: t = 0,
+  availableHeight: o = 0,
   minHeight: r = 500,
   selectedDateRange: n,
-  totals: o
+  totals: t
 }) => {
-  const s = ce(), { onEvent: h } = V(), { trends: g } = H(), { isSmallMobile: d, isMobile: l, isSmallTablet: m, isTablet: p } = ee(), i = [s.palette.chart?.chart1, s.palette.chart?.chart2], b = wo(o, n), c = Io(b, g), [f, C] = u.useState(0), _ = 458, x = 195, v = 56, D = l || d ? x : m || p ? _ : f;
+  const s = ce(), { onEvent: h } = V(), { trends: g } = A(), { isSmallMobile: d, isMobile: l, isSmallTablet: m, isTablet: p } = ee(), i = [s.palette.chart?.chart1, s.palette.chart?.chart2], b = wo(t, n), c = Io(b, g), [f, C] = u.useState(0), _ = 458, x = 195, v = 56, D = l || d ? x : m || p ? _ : f;
   return u.useEffect(() => {
-    const L = Math.max(t - v, r);
+    const L = Math.max(o - v, r);
     C(L);
-  }, [t]), /* @__PURE__ */ e(
+  }, [o]), /* @__PURE__ */ e(
     Oe,
     {
       baseline: "min",
@@ -1242,7 +1257,7 @@ const st = ({ categoryGuid: t, topLevelCategoryGuid: r }) => {
       valueFormatterString: "0.0a"
     }
   );
-}, Eo = R(Lo), Do = [
+}, Eo = H(Lo), Do = [
   "BillAmountNotStandard",
   "CategorySpendingV2",
   "CostOfLivingToIncome",
@@ -1276,14 +1291,14 @@ const st = ({ categoryGuid: t, topLevelCategoryGuid: r }) => {
   "WeeklyNewMerchantsV2",
   "WeeklyNoSpendDays",
   "WeeklySmallPurchasesSummary"
-], Mo = ({ onBackClick: t, onInsightCardClick: r, sx: n }) => {
-  const { onEvent: o } = V(), { config: s } = bt(), { isLargeDesktop: h, isDesktop: g, isMobile: d } = ee(), { visibleAccounts: l } = ve(), { loadDateRangeCategoryTotals: m, loadMonthlyCategoryTotals: p, monthlyCategoryTotals: i } = $(), { setFilter: b } = xe(), { selectedDateRange: c, setSelectedCategoryData: f, setSelectedDateRange: C } = Ce(), {
+], Mo = ({ onBackClick: o, onInsightCardClick: r, sx: n }) => {
+  const { onEvent: t } = V(), { config: s } = bt(), { isLargeDesktop: h, isDesktop: g, isMobile: d } = ee(), { visibleAccounts: l } = ve(), { loadDateRangeCategoryTotals: m, loadMonthlyCategoryTotals: p, monthlyCategoryTotals: i } = $(), { setFilter: b } = xe(), { selectedDateRange: c, setSelectedCategoryData: f, setSelectedDateRange: C } = Ce(), {
     isCopyLoaded: _,
     isInitialized: x,
     selectedAccounts: v,
     selectedAccountGuids: D,
     setSelectedAccounts: M
-  } = pe(), { trends: L, connect: A } = H(), { beatStore: te } = We(), F = qt() && s.show_insights_widget_in_master, z = g || h, [X, fe] = u.useState(!1), [oe, re] = u.useState(!1), [Z, le] = u.useState("Chart"), [ne, K] = u.useState(""), [ae, Q] = u.useState(!1), [ie, q] = u.useState(window.innerHeight), w = z ? 56 : 0, O = ie - 208, Y = ie - (F ? 550 + w : 266), [de, ye] = u.useState(!1), Ie = s.show_connections_widget_in_master ? "buttons" : "no-buttons", a = u.useMemo(
+  } = pe(), { trends: L, connect: k } = A(), { beatStore: te } = We(), F = qt() && s.show_insights_widget_in_master, z = g || h, [X, fe] = u.useState(!1), [oe, re] = u.useState(!1), [Z, le] = u.useState("Chart"), [ne, K] = u.useState(""), [ae, Q] = u.useState(!1), [ie, q] = u.useState(window.innerHeight), w = z ? 56 : 0, O = ie - 208, Y = ie - (F ? 550 + w : 266), [de, ye] = u.useState(!1), Ie = s.show_connections_widget_in_master ? "buttons" : "no-buttons", a = u.useMemo(
     () => l && l.length === 0 || i.length === 0,
     [l, i]
   );
@@ -1308,7 +1323,7 @@ const st = ({ categoryGuid: t, topLevelCategoryGuid: r }) => {
       ),
       p(v, c.start, c.end)
     ]).finally(() => {
-      fe(!0), o(I.TRENDS_LOAD_WIDGET, {
+      fe(!0), t(I.TRENDS_LOAD_WIDGET, {
         ...B,
         time_period: `${Re(c.end, c.start)}M`
       });
@@ -1332,27 +1347,27 @@ const st = ({ categoryGuid: t, topLevelCategoryGuid: r }) => {
   }, j = () => {
     f(null), Q(!1);
   }, Le = () => {
-    ye(!0), o(I.TRENDS_CLICK_CONNECT_ACCOUNTS);
+    ye(!0), t(I.TRENDS_CLICK_CONNECT_ACCOUNTS);
   }, Ee = (N, J) => {
-    le(J ?? Z), o(I.TRENDS_CLICK_TOGGLE_VIEW, {
+    le(J ?? Z), t(I.TRENDS_CLICK_TOGGLE_VIEW, {
       ...B,
       toggleView: J
     });
   }, ue = (N) => {
     const J = je(N?.[0], 1), he = N?.[1], lt = Re(he, J);
-    C({ start: J, end: he }), o(I.TRENDS_CLICK_TIME_WINDOW, {
+    C({ start: J, end: he }), t(I.TRENDS_CLICK_TIME_WINDOW, {
       ...B,
       time_period: lt + "M"
     });
   }, De = (N) => {
-    o(I.TRENDS_CLICK_FILTER, {
+    t(I.TRENDS_CLICK_FILTER, {
       ...B,
       filterValue: N
     });
   }, Me = (N) => {
     K(N);
   }, ct = () => {
-    K(""), o(I.TRENDS_CLICK_ALL_CATEGORIES, B);
+    K(""), t(I.TRENDS_CLICK_ALL_CATEGORIES, B);
   };
   return !_ || !X ? /* @__PURE__ */ e(me, {}) : /* @__PURE__ */ y(
     et,
@@ -1362,7 +1377,7 @@ const st = ({ categoryGuid: t, topLevelCategoryGuid: r }) => {
       dateRange: c,
       dateRangeVariant: d ? "timeframetabs" : "timeframebuttons",
       onAccountsFilterClick: De,
-      onBackClick: t,
+      onBackClick: o,
       sx: n,
       title: L.title,
       children: [
@@ -1403,13 +1418,13 @@ const st = ({ categoryGuid: t, topLevelCategoryGuid: r }) => {
                   ]
                 }
               ),
-              /* @__PURE__ */ e(S, { alignItems: "center", flexDirection: "row", width: "100%", children: /* @__PURE__ */ e(k, { flexGrow: 1, children: ne && /* @__PURE__ */ y(be, { onClick: ct, sx: { p: 0, pr: 5 }, children: [
+              /* @__PURE__ */ e(S, { alignItems: "center", flexDirection: "row", width: "100%", children: /* @__PURE__ */ e(R, { flexGrow: 1, children: ne && /* @__PURE__ */ y(be, { onClick: ct, sx: { p: 0, pr: 5 }, children: [
                 /* @__PURE__ */ e(_e, { name: "arrow_back" }),
                 L.all_categories
               ] }) }) }),
               /* @__PURE__ */ y(S, { flexDirection: z ? "row" : "column", gap: z ? 48 : 16, children: [
                 Z === "Chart" && /* @__PURE__ */ y(dt, { children: [
-                  /* @__PURE__ */ e(k, { sx: { width: z ? "68%" : "100%" }, children: /* @__PURE__ */ e(
+                  /* @__PURE__ */ e(R, { sx: { width: z ? "68%" : "100%" }, children: /* @__PURE__ */ e(
                     Eo,
                     {
                       availableHeight: O,
@@ -1435,7 +1450,7 @@ const st = ({ categoryGuid: t, topLevelCategoryGuid: r }) => {
                     )
                   ] })
                 ] }),
-                Z === "Table" && /* @__PURE__ */ e(k, { sx: { width: "100%" }, children: /* @__PURE__ */ e(
+                Z === "Table" && /* @__PURE__ */ e(R, { sx: { width: "100%" }, children: /* @__PURE__ */ e(
                   it,
                   {
                     height: "unset",
@@ -1454,13 +1469,13 @@ const st = ({ categoryGuid: t, topLevelCategoryGuid: r }) => {
           {
             onClose: () => ye(!1),
             showConnectWidget: de,
-            title: A.mini_title
+            title: k.mini_title
           }
         )
       ]
     }
   );
-}, Gn = R(Mo);
+}, Gn = H(Mo);
 export {
   Nn as TrendsFullWidget,
   On as TrendsMicroWidget,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mx-cartographer/experiences",
-  "version": "7.6.4",
+  "version": "7.6.5",
   "description": "Library containing experience widgets",
   "author": "MX",
   "license": "MIT",