@mx-cartographer/experiences 7.0.23-alpha.al11 → 7.0.23-alpha.al12

package/dist/trends/index.es.js

@@ -1,20 +1,20 @@
 import { jsx as e, jsxs as f, Fragment as Pe } from "react/jsx-runtime";
-import i from "react";
+import a from "react";
 import { observer as A } from "mobx-react-lite";
-import { Icon as re, Text as Z, CategoryIcon as Te, P as U, H3 as De, ChevronRightIcon as Ke } from "@mxenabled/mxui";
+import { Icon as ae, Text as Q, CategoryIcon as Te, P as X, H3 as De, ChevronRightIcon as Ke } from "@mxenabled/mxui";
 import O from "@mui/material/Box";
 import _ from "@mui/material/Stack";
 import Ce from "@mui/material/Button";
 import { addSeconds as Ie } from "date-fns/addSeconds";
-import { differenceInCalendarMonths as se } from "date-fns/differenceInCalendarMonths";
+import { differenceInCalendarMonths as re } from "date-fns/differenceInCalendarMonths";
 import { a as $e, g as je, S as Ye, L as Ee, u as Ue } from "../TrendsStore-WrHxzdbQ.mjs";
 import { T as to } from "../TrendsStore-WrHxzdbQ.mjs";
 import { i as Xe, c as Ze, d as Qe, e as qe, f as Je, h as et, b as Le, g as xe, j as _e } from "../SpendingData-D5vsfYKo.mjs";
 import tt from "@mui/material/ToggleButton";
 import nt from "@mui/material/ToggleButtonGroup";
-import { u as R, k as P, e as N, a as K, f as ae, c as ie, v as J, l as ve, p as ot, m as st } from "../hooks-DkUqN6JE.mjs";
-import { u as $ } from "../useScreenSize-B6JyS_Lj.mjs";
-import { f as Q, D as B } from "../Dialog-CWW597AF.mjs";
+import { u as R, k as K, e as N, a as $, f as ie, c as ce, v as ee, l as ve, p as ot, m as st } from "../hooks-DkUqN6JE.mjs";
+import { u as j } from "../useScreenSize-B6JyS_Lj.mjs";
+import { f as q, D as B } from "../Dialog-CWW597AF.mjs";
 import { DataGridPro as rt } from "@mui/x-data-grid-pro";
 import { C as at } from "../CurrencyText-YUhH2caW.mjs";
 import { c as Me } from "../Category-CevNQ03n.mjs";
@@ -24,13 +24,13 @@ import { T as M, b as ct } from "../ViewMoreMicroCard-DFAY0tA8.mjs";
 import { A as y, W as Ae } from "../WidgetContainer-CdBs9WOZ.mjs";
 import { a as Re, T as ke } from "../TransactionDetails-C-z3HGTT.mjs";
 import { D as fe } from "../Drawer-kEE73B87.mjs";
-import { L as q } from "../Loader-DUaFpDGv.mjs";
+import { L as J } from "../Loader-DUaFpDGv.mjs";
 import { useTheme as Ne } from "@mui/material/styles";
 import { L as ye } from "../LineChart-BWWmmJxV.mjs";
 import { M as lt } from "../MiniWidgetContainer-CTyjmE1h.mjs";
 import { subMonths as dt } from "date-fns";
 import { TrendingUp as ht, TrendingDown as ut, MultilineChart as mt, ExpandLess as gt, ExpandMore as pt } from "@mxenabled/mx-icons";
-import { a as Ct, f as X } from "../NumberFormatting-CtWHhyBX.mjs";
+import { a as Ct, f as Z } from "../NumberFormatting-CtWHhyBX.mjs";
 import { M as ft } from "../MicroWidgetContainer-Dxz8uBN9.mjs";
 import Tt from "@mui/material/Collapse";
 import yt from "@mui/material/List";
@@ -52,22 +52,22 @@ const We = ({ selectedTab: n, onTabChange: o }) => /* @__PURE__ */ e(
     onChange: o,
     orientation: "horizontal",
     value: n,
-    children: ["Chart", "Table"].map((t) => /* @__PURE__ */ e(tt, { color: "primary", sx: { width: 56 }, value: t, children: t === "Chart" ? /* @__PURE__ */ e(re, { name: "table_chart_view" }) : /* @__PURE__ */ e(re, { name: "format_list_bulleted" }) }, t))
+    children: ["Chart", "Table"].map((t) => /* @__PURE__ */ e(tt, { color: "primary", sx: { width: 56 }, value: t, children: t === "Chart" ? /* @__PURE__ */ e(ae, { name: "table_chart_view" }) : /* @__PURE__ */ e(ae, { name: "format_list_bulleted" }) }, t))
   }
 ), Oe = ({ selectedDateRange: n, selectedCategoryGuid: o }) => {
-  const { trends: t } = R(), { isMobile: s, isDesktop: a } = $(), { getCategoryName: h } = P(), d = i.useMemo(() => {
-    const c = Q(
+  const { trends: t } = R(), { isMobile: s, isDesktop: i } = j(), { getCategoryName: h } = K(), d = a.useMemo(() => {
+    const l = q(
       n.start,
       s ? B.MONTH_SHORT_YEAR : B.MONTH_YEAR
-    ), l = Q(
+    ), c = q(
       n.end,
       s ? B.MONTH_SHORT_YEAR : B.MONTH_YEAR
     );
-    return `${c} - ${l}`;
+    return `${l} - ${c}`;
   }, [n, s]);
   return /* @__PURE__ */ f(O, { sx: { mr: 10, minWidth: "60%" }, children: [
     /* @__PURE__ */ e(
-      Z,
+      Q,
       {
         display: "block",
         fontWeight: 700,
@@ -76,11 +76,11 @@ const We = ({ selectedTab: n, onTabChange: o }) => /* @__PURE__ */ e(
           overflow: "visible",
           textOverflow: "unset"
         },
-        variant: a ? "H3" : "Body",
+        variant: i ? "H3" : "Body",
         children: h(o) || t.sub_title
       }
     ),
-    /* @__PURE__ */ e(Z, { variant: a ? "Body" : "Small", children: d })
+    /* @__PURE__ */ e(Q, { variant: i ? "Body" : "Small", children: d })
   ] });
 }, At = (n) => {
   const o = n.row[n.field];
@@ -96,7 +96,7 @@ const We = ({ selectedTab: n, onTabChange: o }) => /* @__PURE__ */ e(
         children: /* @__PURE__ */ e(Te, { categoryGuid: o })
       }
     ),
-    /* @__PURE__ */ e(Z, { sx: { ml: 12, pb: 6 }, variant: "Small", children: s })
+    /* @__PURE__ */ e(Q, { sx: { ml: 12, pb: 6 }, variant: "Small", children: s })
   ] });
 }, kt = (n) => /* @__PURE__ */ e(_, { alignItems: "center", direction: "row", height: "100%", width: "100%", children: /* @__PURE__ */ e(
   Rt,
@@ -107,8 +107,8 @@ const We = ({ selectedTab: n, onTabChange: o }) => /* @__PURE__ */ e(
 ) }), Nt = (n, o) => {
   const t = [], s = new Date(n);
   for (; s <= o; ) {
-    const a = Q(s, B.MONTH);
-    t.push(a), s.setMonth(s.getMonth() + 1);
+    const i = q(s, B.MONTH);
+    t.push(i), s.setMonth(s.getMonth() + 1);
   }
   return t;
 }, Ve = ({
@@ -116,12 +116,12 @@ const We = ({ selectedTab: n, onTabChange: o }) => /* @__PURE__ */ e(
   selectedDateRange: o,
   selectedCategory: t,
   onClickRow: s,
-  height: a = "100dvh",
+  height: i = "100dvh",
   sx: h = {}
 }) => {
-  const { onEvent: d } = N(), c = Q(/* @__PURE__ */ new Date(), B.MONTH_SHORT), [l, m] = i.useState([
-    { field: c, sort: "desc" }
-  ]), C = i.useMemo(() => Nt(o.start, o.end), [o]), u = [
+  const { onEvent: d } = N(), l = q(/* @__PURE__ */ new Date(), B.MONTH_SHORT), [c, m] = a.useState([
+    { field: l, sort: "desc" }
+  ]), C = a.useMemo(() => Nt(o.start, o.end), [o]), u = [
     {
       field: "category",
       flex: 1,
@@ -148,35 +148,35 @@ const We = ({ selectedTab: n, onTabChange: o }) => /* @__PURE__ */ e(
         sortComparator: $e
       })
     )
-  ], b = i.useMemo(() => {
+  ], b = a.useMemo(() => {
     const r = n.filter(
       (p) => !Xe(p) && !Ze(p)
     ), T = (t ? r.filter(
       (p) => p.category_guid === t || p.top_level_category_guid === t
     ) : r).reduce(
-      (p, I) => {
-        const { category_guid: w, top_level_category_guid: E, month: k, total: D, year: H } = I, L = t ? w : E;
+      (p, w) => {
+        const { category_guid: D, top_level_category_guid: E, month: k, total: I, year: H } = w, L = t ? D : E;
         p[L] || (p[L] = {
           id: L,
           category: L,
-          category_guid: w,
+          category_guid: D,
           top_level_category_guid: E
         });
-        const x = Q(new Date(H, k - 1), B.MONTH_SHORT);
-        return p[L][x] || (p[L][x] = 0), p[L][x] = p[L][x] + Math.abs(D), p;
+        const x = q(new Date(H, k - 1), B.MONTH_SHORT);
+        return p[L][x] || (p[L][x] = 0), p[L][x] = p[L][x] + Math.abs(I), p;
       },
       {}
     );
     return Object.values(T);
   }, [n, t]);
-  return /* @__PURE__ */ e(O, { sx: { height: a, width: "100%", overflowX: "auto", boxShadow: "none", ...h }, children: /* @__PURE__ */ e(
+  return /* @__PURE__ */ e(O, { sx: { height: i, width: "100%", overflowX: "auto", boxShadow: "none", ...h }, children: /* @__PURE__ */ e(
     rt,
     {
       columns: u,
       disableColumnFilter: !0,
       disableColumnMenu: !0,
       hideFooter: !0,
-      initialState: { sorting: { sortModel: l } },
+      initialState: { sorting: { sortModel: c } },
       onRowClick: (r) => {
         s?.(r.row.category), d(y.TRENDS_CLICK_LIST_ITEM, {
           ...M,
@@ -188,7 +188,7 @@ const We = ({ selectedTab: n, onTabChange: o }) => /* @__PURE__ */ e(
       },
       rows: b,
       slotProps: { baseIconButton: { color: "secondary", sx: { ml: 8 } } },
-      sortModel: l,
+      sortModel: c,
       sortingOrder: ["asc", "desc"]
     }
   ) });
@@ -200,18 +200,18 @@ const We = ({ selectedTab: n, onTabChange: o }) => /* @__PURE__ */ e(
   isOpen: t,
   onClose: s
 }) => {
-  const { onEvent: a } = N(), { selectedAccountGuids: h } = K(), { common: d } = R(), { setFilter: c, sortedTransactions: l } = ae(), [m, C] = i.useState(""), u = i.useMemo(
-    () => l.find((r) => r.guid === m),
-    [m, l]
+  const { onEvent: i } = N(), { selectedAccountGuids: h } = $(), { common: d } = R(), { setFilter: l, sortedTransactions: c } = ie(), [m, C] = a.useState(""), u = a.useMemo(
+    () => c.find((r) => r.guid === m),
+    [m, c]
   );
-  i.useEffect(() => {
-    c({
+  a.useEffect(() => {
+    l({
       accounts: h,
       dateRange: o,
       custom: (r) => n === "" || n === r.category_guid || n === r.top_level_category_guid,
       showSplits: !!n
     });
-  }, [h, n, o]), i.useEffect(() => a(y.TRENDS_VIEW_TRANSACTIONS), []);
+  }, [h, n, o]), a.useEffect(() => i(y.TRENDS_VIEW_TRANSACTIONS), []);
   const b = () => {
     C(""), s();
   };
@@ -229,14 +229,14 @@ const We = ({ selectedTab: n, onTabChange: o }) => /* @__PURE__ */ e(
     }
   );
 }, Ot = A(Wt), Vt = ({ onBackClick: n, sx: o }) => {
-  const { onEvent: t } = N(), { isDesktop: s, isTablet: a, isMobile: h } = $(), { visibleAccounts: d } = ie(), { loadMonthlyCategoryTotals: c, monthlyCategoryTotals: l, getCategoryName: m } = P(), { sortedTransactions: C } = ae(), { selectedDateRange: u, setSelectedDateRange: b } = J(), { isCopyLoaded: r, isInitialized: g, selectedAccounts: T, setSelectedAccounts: p } = K(), { trends: I } = R(), [w, E] = i.useState(!1), [k, D] = i.useState(!1), [H, L] = i.useState("Chart"), [x, z] = i.useState(""), [ce, le] = i.useState(window.innerHeight), de = ce - (h ? 315 : 345);
-  i.useEffect(() => {
-    const S = () => le(window.innerHeight);
+  const { onEvent: t } = N(), { isDesktop: s, isTablet: i, isMobile: h } = j(), { visibleAccounts: d } = ce(), { loadMonthlyCategoryTotals: l, monthlyCategoryTotals: c, getCategoryName: m } = K(), { sortedTransactions: C } = ie(), { selectedDateRange: u, setSelectedDateRange: b } = ee(), { isCopyLoaded: r, isInitialized: g, selectedAccounts: T, setSelectedAccounts: p } = $(), { trends: w } = R(), [D, E] = a.useState(!1), [k, I] = a.useState(!1), [H, L] = a.useState("Chart"), [x, z] = a.useState(""), [le, F] = a.useState(window.innerHeight), de = le - (h ? 315 : 345);
+  a.useEffect(() => {
+    const S = () => F(window.innerHeight);
     return window.addEventListener("resize", S), () => window.removeEventListener("resize", S);
-  }, []), i.useEffect(() => {
+  }, []), a.useEffect(() => {
     p(d);
-  }, [d]), i.useEffect(() => {
-    g && c(
+  }, [d]), a.useEffect(() => {
+    g && l(
       T,
       u.start,
       u.end
@@ -244,10 +244,10 @@ const We = ({ selectedTab: n, onTabChange: o }) => /* @__PURE__ */ e(
       E(!0);
     });
   }, [g, T, u]);
-  const F = i.useMemo(() => {
-    if (!w) return { stackedDatasets: [], unstackedDatasets: [] };
+  const P = a.useMemo(() => {
+    if (!D) return { stackedDatasets: [], unstackedDatasets: [] };
     const S = je(
-      l,
+      c,
       u.start,
       u.end
     ), W = x.length ? S.filter(
@@ -257,44 +257,44 @@ const We = ({ selectedTab: n, onTabChange: o }) => /* @__PURE__ */ e(
       stackedDatasets: W.filter(qe),
       unstackedDatasets: W.filter(Je)
     };
-  }, [l, x, u]), ee = (S, W) => {
+  }, [c, x, u]), te = (S, W) => {
     L(W ?? H), t(y.TRENDS_CLICK_TOGGLE_VIEW);
   }, he = (S) => {
-    const W = Ie(S?.[0], 1), G = S?.[1], pe = se(G, W);
+    const W = Ie(S?.[0], 1), G = S?.[1], pe = re(G, W);
     b({ start: W, end: G }), t(y.TRENDS_CLICK_TIME_WINDOW, {
       time_period: pe + "M"
     });
-  }, te = () => {
+  }, ne = () => {
     t(y.TRENDS_CLICK_FILTER);
-  }, ne = (S) => {
+  }, oe = (S) => {
     z(S);
   }, ue = (S) => {
     z(S), t(y.TRENDS_CLICK_LEGEND, { category: m(S) });
-  }, oe = (S) => {
+  }, se = (S) => {
     t(y.TRENDS_HOVER_LEGEND, { category: m(S) });
   }, me = (S) => {
     t(y.TRENDS_HOVER_AREA, { category: S });
   }, ge = (S) => {
     t(y.TRENDS_HOVER_POINT, { category: S });
   };
-  return !r || !g || !w ? /* @__PURE__ */ e(q, {}) : /* @__PURE__ */ f(
+  return !r || !g || !D ? /* @__PURE__ */ e(J, {}) : /* @__PURE__ */ f(
     Ae,
     {
       accountOptions: d,
       calendarActions: { onRangeChanged: he },
       dateRange: u,
       dateRangeVariant: "timeframebuttons",
-      onAccountsFilterClick: te,
+      onAccountsFilterClick: ne,
       onBackClick: n,
       sx: o,
-      title: I.title,
+      title: w.title,
       children: [
         /* @__PURE__ */ f(
           _,
           {
             sx: {
               // eslint-disable-next-line no-nested-ternary
-              px: s ? 48 : a ? 24 : 12
+              px: s ? 48 : i ? 24 : 12
             },
             children: [
               /* @__PURE__ */ f(
@@ -311,16 +311,16 @@ const We = ({ selectedTab: n, onTabChange: o }) => /* @__PURE__ */ e(
                         selectedDateRange: u
                       }
                     ),
-                    /* @__PURE__ */ e(We, { onTabChange: ee, selectedTab: H })
+                    /* @__PURE__ */ e(We, { onTabChange: te, selectedTab: H })
                   ]
                 }
               ),
               /* @__PURE__ */ f(_, { alignItems: "center", flexDirection: "row", width: "100%", children: [
                 /* @__PURE__ */ e(O, { flexGrow: 1, children: x && /* @__PURE__ */ f(Ce, { onClick: () => z(""), sx: { p: 0, pr: 5 }, children: [
-                  /* @__PURE__ */ e(re, { name: "arrow_back" }),
-                  I.all_categories
+                  /* @__PURE__ */ e(ae, { name: "arrow_back" }),
+                  w.all_categories
                 ] }) }),
-                /* @__PURE__ */ e(Ce, { onClick: () => D(!0), sx: { px: 5 }, children: `${I.view_transactions} (${C.length})` })
+                /* @__PURE__ */ e(Ce, { onClick: () => I(!0), sx: { px: 5 }, children: `${w.view_transactions} (${C.length})` })
               ] }),
               /* @__PURE__ */ f(O, { children: [
                 H === "Chart" && /* @__PURE__ */ e(
@@ -329,17 +329,17 @@ const We = ({ selectedTab: n, onTabChange: o }) => /* @__PURE__ */ e(
                     availableHeight: de,
                     onClickLegend: ue,
                     onHoverArea: me,
-                    onHoverLegend: oe,
+                    onHoverLegend: se,
                     onHoverPoint: ge,
-                    stackedDatasets: F.stackedDatasets,
-                    unstackedDatasets: F.unstackedDatasets
+                    stackedDatasets: P.stackedDatasets,
+                    unstackedDatasets: P.unstackedDatasets
                   }
                 ),
                 H === "Table" && /* @__PURE__ */ e(
                   Ve,
                   {
-                    monthlyCategoryTotals: l,
-                    onClickRow: ne,
+                    monthlyCategoryTotals: c,
+                    onClickRow: oe,
                     selectedCategory: x,
                     selectedDateRange: u
                   }
@@ -354,14 +354,14 @@ const We = ({ selectedTab: n, onTabChange: o }) => /* @__PURE__ */ e(
             categoryGuid: x,
             dateRange: u,
             isOpen: k,
-            onClose: () => D(!1)
+            onClose: () => I(!1)
           }
         )
       ]
     }
   );
 }, Xn = A(Vt), Gt = () => {
-  const n = Ne(), { monthlyCategoryTotals: o } = P(), { trends: t } = R(), s = et(o);
+  const n = Ne(), { monthlyCategoryTotals: o } = K(), { trends: t } = R(), s = et(o);
   return /* @__PURE__ */ e(
     ye,
     {
@@ -379,12 +379,12 @@ const We = ({ selectedTab: n, onTabChange: o }) => /* @__PURE__ */ e(
     }
   );
 }, Bt = A(Gt), zt = ({ onPrimaryCtaClick: n, sx: o }) => {
-  const { visibleAccounts: t } = ie(), { loadMonthlyCategoryTotals: s, monthlyTotalsLoaded: a } = P(), { isInitialized: h } = ve(), { trends: d } = R(), { isCopyLoaded: c, selectedAccounts: l, setSelectedAccounts: m } = K();
-  return i.useEffect(() => {
+  const { visibleAccounts: t } = ce(), { loadMonthlyCategoryTotals: s, monthlyTotalsLoaded: i } = K(), { isInitialized: h } = ve(), { trends: d } = R(), { isCopyLoaded: l, selectedAccounts: c, setSelectedAccounts: m } = $();
+  return a.useEffect(() => {
     m(t);
-  }, [t]), i.useEffect(() => {
-    h && s(l).finally();
-  }, [h, l]), !c || !h ? /* @__PURE__ */ e(q, {}) : /* @__PURE__ */ e(
+  }, [t]), a.useEffect(() => {
+    h && s(c).finally();
+  }, [h, c]), !l || !h ? /* @__PURE__ */ e(J, {}) : /* @__PURE__ */ e(
     lt,
     {
       onPrimaryCtaClick: n,
@@ -392,7 +392,7 @@ const We = ({ selectedTab: n, onTabChange: o }) => /* @__PURE__ */ e(
       subTitle: d.sub_title,
       sx: o,
       title: d.mini_title,
-      children: a ? /* @__PURE__ */ e(Bt, {}) : /* @__PURE__ */ e(q, {})
+      children: i ? /* @__PURE__ */ e(Bt, {}) : /* @__PURE__ */ e(J, {})
     }
   );
 }, Zn = A(zt), Ft = 70, Se = ({
@@ -400,13 +400,13 @@ const We = ({ selectedTab: n, onTabChange: o }) => /* @__PURE__ */ e(
   totalAmount: o,
   transactionType: t,
   percentage: s,
-  secondaryLabel: a,
+  secondaryLabel: i,
   shouldDisplayPercentage: h
 }) => {
-  const { availableWidth: d } = ot(), c = i.useRef(null), l = i.useRef(null), m = Ct(Number(Math.abs(s)), {
+  const { availableWidth: d } = ot(), l = a.useRef(null), c = a.useRef(null), m = Ct(Number(Math.abs(s)), {
     style: "percent",
     minimumIntegerDigits: 1
-  }), C = d === 288 && X(o, "0,0.00").length > 10 ? X(o, "0,0") : X(o, "0,0.00"), u = t === "spending" ? s > 0 : s >= 0, b = t === "spending" ? "error.main" : "success.main", r = t === "spending" ? "success.main" : "text.secondary", g = c?.current, T = l?.current, p = g && T ? g.scrollWidth > T.clientWidth - Ft : !1;
+  }), C = d === 288 && Z(o, "0,0.00").length > 10 ? Z(o, "0,0") : Z(o, "0,0.00"), u = t === "spending" ? s > 0 : s >= 0, b = t === "spending" ? "error.main" : "success.main", r = t === "spending" ? "success.main" : "text.secondary", g = l?.current, T = c?.current, p = g && T ? g.scrollWidth > T.clientWidth - Ft : !1;
   return /* @__PURE__ */ f(
     _,
     {
@@ -429,11 +429,11 @@ const We = ({ selectedTab: n, onTabChange: o }) => /* @__PURE__ */ e(
               justifyContent: "space-between"
             },
             children: [
-              /* @__PURE__ */ e(U, { color: "text.secondary", variant: "caption", children: n }),
+              /* @__PURE__ */ e(X, { color: "text.secondary", variant: "caption", children: n }),
               h && /* @__PURE__ */ f(_, { sx: { alignItems: "center", flexDirection: "row", gap: 4 }, children: [
                 u ? /* @__PURE__ */ e(ht, { size: 20, sx: { color: b } }) : /* @__PURE__ */ e(ut, { size: 20, sx: { color: r } }),
                 /* @__PURE__ */ e(
-                  U,
+                  X,
                   {
                     sx: {
                       color: u ? b : r,
@@ -450,7 +450,7 @@ const We = ({ selectedTab: n, onTabChange: o }) => /* @__PURE__ */ e(
         /* @__PURE__ */ f(
           _,
           {
-            ref: l,
+            ref: c,
             sx: {
               alignItems: "center",
               flexDirection: "row",
@@ -460,17 +460,17 @@ const We = ({ selectedTab: n, onTabChange: o }) => /* @__PURE__ */ e(
               /* @__PURE__ */ e(
                 O,
                 {
-                  ref: c,
+                  ref: l,
                   sx: { overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" },
                   children: /* @__PURE__ */ e(De, { children: C })
                 }
               ),
               h && d >= 450 && !p && /* @__PURE__ */ e(
-                U,
+                X,
                 {
                   color: u ? b : r,
                   variant: "caption",
-                  children: a
+                  children: i
                 }
               )
             ]
@@ -484,43 +484,43 @@ const We = ({ selectedTab: n, onTabChange: o }) => /* @__PURE__ */ e(
   return /* @__PURE__ */ f(_, { sx: { alignItems: "start", flexDirection: "row", gap: 12 }, children: [
     /* @__PURE__ */ e(mt, { size: 32 }),
     /* @__PURE__ */ f(_, { children: [
-      /* @__PURE__ */ e(U, { fontWeight: 600, variant: "body1", children: n.zero_state_content_header }),
-      /* @__PURE__ */ e(U, { color: "text.secondary", variant: "subtitle2", children: n.zero_state_content_description })
+      /* @__PURE__ */ e(X, { fontWeight: 600, variant: "body1", children: n.zero_state_content_header }),
+      /* @__PURE__ */ e(X, { color: "text.secondary", variant: "subtitle2", children: n.zero_state_content_description })
     ] })
   ] });
 }), Qn = A(({ onCtaClick: n }) => {
-  const { visibleAccounts: o } = ie(), { onEvent: t } = N(), { monthlyCategoryTotals: s, loadMonthlyCategoryTotals: a, monthlyTotalsLoaded: h } = P(), d = {
+  const { visibleAccounts: o } = ce(), { onEvent: t } = N(), { monthlyCategoryTotals: s, loadMonthlyCategoryTotals: i, monthlyTotalsLoaded: h } = K(), d = {
     start: dt(/* @__PURE__ */ new Date(), 1),
     end: /* @__PURE__ */ new Date()
-  }, { trends: c } = R(), { selectedAccounts: l, setSelectedAccounts: m, isInitialized: C } = K();
-  i.useEffect(() => {
+  }, { trends: l } = R(), { selectedAccounts: c, setSelectedAccounts: m, isInitialized: C } = $();
+  a.useEffect(() => {
     m(o);
-  }, [o]), i.useEffect(() => {
-    C && a(l, d.start).then(() => {
+  }, [o]), a.useEffect(() => {
+    C && i(c, d.start).then(() => {
       t(y.TRENDS_LOAD_WIDGET, {
         state: o?.length ? "default" : "zeroState"
       });
     });
-  }, [C, l]);
-  const { spendingData: u, incomeData: b } = i.useMemo(
+  }, [C, c]);
+  const { spendingData: u, incomeData: b } = a.useMemo(
     () => ({
       spendingData: Le(s, d),
       incomeData: xe(s, d)
     }),
     [s, d]
-  ), [r, g] = u, [T, p] = b, I = _e(g.y, r.y), w = _e(p.y, T.y), E = C && !o?.length, k = () => {
+  ), [r, g] = u, [T, p] = b, w = _e(g.y, r.y), D = _e(p.y, T.y), E = C && !o?.length, k = () => {
     t(
       E ? y.TRENDS_CLICK_GET_STARTED : y.TRENDS_CLICK_VIEW_MORE
     ), n();
   };
-  return !h || !C ? /* @__PURE__ */ e(q, {}) : /* @__PURE__ */ e(
+  return !h || !C ? /* @__PURE__ */ e(J, {}) : /* @__PURE__ */ e(
     ft,
     {
       className: "mx-trends-microwidget",
-      ctaLabel: c.micro_primary_cta_label,
+      ctaLabel: l.micro_primary_cta_label,
       onCTAClick: k,
-      subHeader: E ? void 0 : c.micro_subheader,
-      title: c.title,
+      subHeader: E ? void 0 : l.micro_subheader,
+      title: l.title,
       children: E ? /* @__PURE__ */ e(Pt, {}) : /* @__PURE__ */ f(
         _,
         {
@@ -533,10 +533,10 @@ const We = ({ selectedTab: n, onTabChange: o }) => /* @__PURE__ */ e(
             /* @__PURE__ */ e(
               Se,
               {
-                percentage: I,
-                secondaryLabel: c.micro_secondary_label,
+                percentage: w,
+                secondaryLabel: l.micro_secondary_label,
                 shouldDisplayPercentage: g.y !== 0 && r.y !== 0,
-                title: c.spending_label,
+                title: l.spending_label,
                 totalAmount: g.y,
                 transactionType: "spending"
               }
@@ -544,10 +544,10 @@ const We = ({ selectedTab: n, onTabChange: o }) => /* @__PURE__ */ e(
             /* @__PURE__ */ e(
               Se,
               {
-                percentage: w,
-                secondaryLabel: c.micro_secondary_label,
+                percentage: D,
+                secondaryLabel: l.micro_secondary_label,
                 shouldDisplayPercentage: p.y !== 0 && T.y !== 0,
-                title: c.income_label,
+                title: l.income_label,
                 totalAmount: p.y,
                 transactionType: "income"
               }
@@ -565,7 +565,7 @@ const We = ({ selectedTab: n, onTabChange: o }) => /* @__PURE__ */ e(
       {
         sx: { color: t.palette.primary.main, flexDirection: "row", alignItems: "center" },
         children: [
-          /* @__PURE__ */ e(wt, { children: /* @__PURE__ */ e(Z, { bold: !0, variant: "body2", children: n ? "View less" : "View more" }) }),
+          /* @__PURE__ */ e(wt, { children: /* @__PURE__ */ e(Q, { bold: !0, variant: "body2", children: n ? "View less" : "View more" }) }),
           /* @__PURE__ */ e(St, { sx: { color: t.palette.primary.main }, children: n ? /* @__PURE__ */ e(gt, {}) : /* @__PURE__ */ e(
             pt,
             {
@@ -585,24 +585,24 @@ const We = ({ selectedTab: n, onTabChange: o }) => /* @__PURE__ */ e(
     guid: o,
     name: t,
     transactions: s,
-    onClick: a,
+    onClick: i,
     isLastItem: h = !1,
     showDivider: d = !0
   }) => {
-    const { trends: c } = R(), { onEvent: l } = N(), m = `${s.length} ${s.length === 1 ? c.transaction : c.transactions}`, C = () => {
-      a?.(), l(y.TRENDS_CLICK_LIST_ITEM, {
+    const { trends: l } = R(), { onEvent: c } = N(), m = `${s.length} ${s.length === 1 ? l.transaction : l.transactions}`, C = () => {
+      i?.(), c(y.TRENDS_CLICK_LIST_ITEM, {
         ...M,
         listItem: t
       });
     };
-    return /* @__PURE__ */ f(i.Fragment, { children: [
+    return /* @__PURE__ */ f(a.Fragment, { children: [
       /* @__PURE__ */ e(
         Ee,
         {
           leftIcon: o ? /* @__PURE__ */ e(Te, { categoryGuid: o }) : void 0,
           onClick: C,
-          rightContent: X(Math.abs(n), "0,0.00"),
-          rightIcon: a ? /* @__PURE__ */ e(Ke, {}) : void 0,
+          rightContent: Z(Math.abs(n), "0,0.00"),
+          rightIcon: i ? /* @__PURE__ */ e(Ke, {}) : void 0,
           subtitle: m,
           title: t
         }
@@ -612,18 +612,18 @@ const We = ({ selectedTab: n, onTabChange: o }) => /* @__PURE__ */ e(
   }
 ), $t = A(
   ({ availableHeight: n = 0, onCategoryClick: o }) => {
-    const { collapsedCategories: t, visibleCategories: s, setVisibleListLength: a } = J(), { isLargeDesktop: h, isDesktop: d } = $(), { trends: c } = R(), { onEvent: l } = N(), [m, C] = i.useState(!1), u = d || h;
-    i.useEffect(() => {
+    const { collapsedCategories: t, visibleCategories: s, setVisibleListLength: i } = ee(), { isLargeDesktop: h, isDesktop: d } = j(), { trends: l } = R(), { onEvent: c } = N(), [m, C] = a.useState(!1), u = d || h;
+    a.useEffect(() => {
       const g = Math.floor(n / 64) - 1, T = s.length + t.length;
-      g !== s.length && (a(u ? Math.max(g, 5) : 5), C(g >= T));
+      g !== s.length && (i(u ? Math.max(g, 5) : 5), C(g >= T));
     }, [n]);
     const b = () => {
-      C(!m), l(y.TRENDS_CLICK_VIEW_MORE, {
+      C(!m), c(y.TRENDS_CLICK_VIEW_MORE, {
         ...M
       });
     }, r = s.length + (m ? t.length : 0);
     return /* @__PURE__ */ e(_, { sx: { bgColor: "background.paper", width: "100%" }, children: /* @__PURE__ */ f(yt, { children: [
-      /* @__PURE__ */ e(_, { sx: { pb: 4, pt: 16, px: 16 }, children: /* @__PURE__ */ e(De, { children: c.categories }) }),
+      /* @__PURE__ */ e(_, { sx: { pb: 4, pt: 16, px: 16 }, children: /* @__PURE__ */ e(De, { children: l.categories }) }),
       s.map((g, T) => /* @__PURE__ */ e(
         we,
         {
@@ -692,28 +692,28 @@ const We = ({ selectedTab: n, onTabChange: o }) => /* @__PURE__ */ e(
   "WeeklyNoSpendDays",
   "WeeklySmallPurchasesSummary"
 ], Yt = ({ onInsightCardClick: n }) => {
-  const o = It(), { onEvent: t } = N(), { isMobile: s, isDesktop: a, isLargeDesktop: h } = $(), { beatStore: d, endpoint: c, sessionToken: l } = ve(), { isInitialized: m } = K(), [C, u] = i.useState(!1), b = o.palette.mode === "dark", r = a || h, g = r || s ? 1 : 2;
-  i.useEffect(() => {
+  const o = It(), { onEvent: t } = N(), { isMobile: s, isDesktop: i, isLargeDesktop: h } = j(), { beatStore: d, endpoint: l, sessionToken: c } = ve(), { isInitialized: m } = $(), [C, u] = a.useState(!1), b = o.palette.mode === "dark", r = i || h, g = r || s ? 1 : 2;
+  a.useEffect(() => {
     m && d.loadBeats().finally(() => u(!0));
   }, [m]);
-  const T = i.useMemo(() => C ? d.getFilteredBeats({ templates: jt }) : [], [C]), p = () => null, I = (D) => {
-    n?.(D), t(y.TRENDS_CLICK_INSIGHT, M);
-  }, w = r ? 200 : 170, E = r ? 170 : 124, k = T.length > 0 ? w : E;
+  const T = a.useMemo(() => C ? d.getFilteredBeats({ templates: jt }) : [], [C]), p = () => null, w = (I) => {
+    n?.(I), t(y.TRENDS_CLICK_INSIGHT, M);
+  }, D = r ? 200 : 170, E = r ? 170 : 124, k = T.length > 0 ? D : E;
   return /* @__PURE__ */ e(Et, { sx: { height: k }, children: /* @__PURE__ */ e(
     ct,
     {
       areBeatsLoading: d.isLoading,
       beats: T,
-      endpoint: c,
+      endpoint: l,
       logOutUser: p,
-      onCardClick: I,
+      onCardClick: w,
       showBorder: !0,
       showCTAColocatedWithText: !1,
       showCarouselControls: !0,
       showHeader: r,
       showIcon: !0,
       showWithMargin: !1,
-      token: l,
+      token: c,
       useDarkMode: b,
       userHasFullInsightFeedBeats: !1,
       variant: "outlined",
@@ -722,15 +722,15 @@ const We = ({ selectedTab: n, onTabChange: o }) => /* @__PURE__ */ e(
   ) });
 }, Ut = A(Yt), Xt = A(({ chartLabel: n, chartColor: o }) => {
   const { onEvent: t } = N(), {
-    categoryDetailsChartData: { monthlyAmounts: s, tooltipLabels: a }
-  } = J();
+    categoryDetailsChartData: { monthlyAmounts: s, tooltipLabels: i }
+  } = ee();
   return /* @__PURE__ */ e(_, { sx: { pt: 12, width: "100%" }, children: /* @__PURE__ */ e(
     ye,
     {
       baseline: "min",
       colors: [o],
       curveType: "bump",
-      customTooltipLabels: a,
+      customTooltipLabels: i,
       datasets: [s],
       height: 265,
       labels: [n],
@@ -754,19 +754,19 @@ const We = ({ selectedTab: n, onTabChange: o }) => /* @__PURE__ */ e(
     }
   ) });
 }), Zt = A(({ onClose: n }) => {
-  const o = He(), { onEvent: t } = N(), { common: s, trends: a } = R(), { selectedCategoryData: h, selectedDateRangeMonthRange: d } = J(), { sortedTransactions: c } = ae(), [l, m] = i.useState(null);
+  const o = He(), { onEvent: t } = N(), { common: s, trends: i } = R(), { selectedCategoryData: h, selectedDateRangeMonthRange: d } = ee(), { sortedTransactions: l } = ie(), [c, m] = a.useState(null);
   if (!h)
     return null;
-  const { guid: C, name: u, is_income: b, totalAmount: r } = h, g = b ? a.category_income : a.category_spending, T = xt(C, o), p = b ? a.income_label : a.spending_label, I = ` ${h.transactions.length === 1 ? a.transaction : a.transactions} (${h.transactions.length})`, w = i.useMemo(
-    () => c.find((D) => D.guid === l),
-    [l, c]
-  ), E = (D) => D.category_guid === C || D.top_level_category_guid === C, k = () => {
+  const { guid: C, name: u, is_income: b, totalAmount: r } = h, g = b ? i.category_income : i.category_spending, T = xt(C, o), p = b ? i.income_label : i.spending_label, w = ` ${h.transactions.length === 1 ? i.transaction : i.transactions} (${h.transactions.length})`, D = a.useMemo(
+    () => l.find((I) => I.guid === c),
+    [c, l]
+  ), E = (I) => I.category_guid === C || I.top_level_category_guid === C, k = () => {
     n?.(), t(y.TRENDS_CLICK_BACK, M);
   };
   return /* @__PURE__ */ f(
     fe,
     {
-      ariaLabelClose: a.close_category_details,
+      ariaLabelClose: i.close_category_details,
       isOpen: !0,
       onClose: k,
       shouldShowHeaderShadow: !0,
@@ -778,14 +778,14 @@ const We = ({ selectedTab: n, onTabChange: o }) => /* @__PURE__ */ e(
               Ee,
               {
                 leftIcon: /* @__PURE__ */ e(Te, { categoryGuid: C }),
-                rightContent: X(Math.abs(r), "0,0.00"),
+                rightContent: Z(Math.abs(r), "0,0.00"),
                 subtitle: d,
                 title: u
               }
             ),
             /* @__PURE__ */ e(Xt, { chartColor: T, chartLabel: p }),
             /* @__PURE__ */ f(_, { alignItems: "center", direction: "row", justifyContent: "space-between", sx: { mx: 24 }, children: [
-              /* @__PURE__ */ e(Z, { bold: !0, variant: "body1", children: I }),
+              /* @__PURE__ */ e(Q, { bold: !0, variant: "body1", children: w }),
               /* @__PURE__ */ e(vt, { filter: E })
             ] })
           ] }),
@@ -803,10 +803,10 @@ const We = ({ selectedTab: n, onTabChange: o }) => /* @__PURE__ */ e(
           fe,
           {
             ariaLabelClose: s.close_aria,
-            isOpen: !!w,
+            isOpen: !!D,
             onClose: () => m(""),
-            title: a.transaction,
-            children: w && /* @__PURE__ */ e(Re, { transaction: w })
+            title: i.transaction,
+            children: D && /* @__PURE__ */ e(Re, { transaction: D })
           }
         )
       ]
@@ -814,16 +814,16 @@ const We = ({ selectedTab: n, onTabChange: o }) => /* @__PURE__ */ e(
   );
 }), Qt = (n, o) => {
   const t = xe(n, o), s = Le(n, o);
-  return [t, s].filter((a) => a.length > 0);
+  return [t, s].filter((i) => i.length > 0);
 }, qt = (n, o) => {
-  const [t, s] = n, a = t, h = s ?? t, d = [];
-  if (a) {
-    const c = a.reduce((l, m) => l + m.y, 0);
-    d.push({ label: o.income_label, amount: c });
+  const [t, s] = n, i = t, h = s ?? t, d = [];
+  if (i) {
+    const l = i.reduce((c, m) => c + m.y, 0);
+    d.push({ label: o.income_label, amount: l });
   }
   if (h) {
-    const c = h.reduce((l, m) => l + m.y, 0);
-    d.push({ label: o.spending_label, amount: c });
+    const l = h.reduce((c, m) => c + m.y, 0);
+    d.push({ label: o.spending_label, amount: l });
   }
   return d;
 }, Jt = ({
@@ -832,10 +832,10 @@ const We = ({ selectedTab: n, onTabChange: o }) => /* @__PURE__ */ e(
   selectedDateRange: t,
   totals: s
 }) => {
-  const a = Ne(), { onEvent: h } = N(), { trends: d } = R(), { isSmallMobile: c, isMobile: l, isSmallTablet: m, isTablet: C } = $(), u = [a.palette.chart?.chart1, a.palette.chart?.chart2], b = Qt(s, t), r = qt(b, d), [g, T] = i.useState(0), p = 458, I = 195, w = 56, E = l || c ? I : m || C ? p : g;
-  return i.useEffect(() => {
-    const D = Math.max(n - w, o);
-    T(D);
+  const i = Ne(), { onEvent: h } = N(), { trends: d } = R(), { isSmallMobile: l, isMobile: c, isSmallTablet: m, isTablet: C } = j(), u = [i.palette.chart?.chart1, i.palette.chart?.chart2], b = Qt(s, t), r = qt(b, d), [g, T] = a.useState(0), p = 458, w = 195, D = 56, E = c || l ? w : m || C ? p : g;
+  return a.useEffect(() => {
+    const I = Math.max(n - D, o);
+    T(I);
   }, [n]), /* @__PURE__ */ e(
     ye,
     {
@@ -860,35 +860,37 @@ const We = ({ selectedTab: n, onTabChange: o }) => /* @__PURE__ */ e(
     }
   );
 }, en = A(Jt), tn = ({ onBackClick: n, onInsightCardClick: o, sx: t }) => {
-  const { onEvent: s } = N(), { config: a } = st(), { isLargeDesktop: h, isDesktop: d, isMobile: c } = $(), { visibleAccounts: l } = ie(), { loadDateRangeCategoryTotals: m, loadMonthlyCategoryTotals: C, monthlyCategoryTotals: u } = P(), { setFilter: b } = ae(), { selectedDateRange: r, setSelectedCategoryData: g, setSelectedDateRange: T } = J(), {
+  const { onEvent: s } = N(), { config: i } = st(), { isLargeDesktop: h, isDesktop: d, isMobile: l } = j(), { visibleAccounts: c } = ce(), { loadDateRangeCategoryTotals: m, loadMonthlyCategoryTotals: C, monthlyCategoryTotals: u } = K(), { setFilter: b } = ie(), { selectedDateRange: r, setSelectedCategoryData: g, setSelectedDateRange: T } = ee(), {
     isCopyLoaded: p,
-    isInitialized: I,
-    selectedAccounts: w,
+    isInitialized: w,
+    selectedAccounts: D,
     selectedAccountGuids: E,
     setSelectedAccounts: k
-  } = K(), { trends: D } = R(), H = Ue(), L = d || h, [x, z] = i.useState(!1), [ce, le] = i.useState(!1), [j, de] = i.useState("Chart"), [F, ee] = i.useState(""), [he, te] = i.useState(!1), [ne, ue] = i.useState(window.innerHeight), oe = ne - 208, me = ne - (H ? 494 : 266);
-  i.useEffect(() => {
+  } = $(), { trends: I } = R(), H = Ue(), L = d || h, [x, z] = a.useState(!1), [le, F] = a.useState(!1), [Y, de] = a.useState("Chart"), [P, te] = a.useState(""), [he, ne] = a.useState(!1), [oe, ue] = a.useState(window.innerHeight), se = oe - 208, me = oe - (H ? 494 : 266);
+  a.useEffect(() => {
     const v = () => ue(window.innerHeight);
     return window.addEventListener("resize", v), () => window.removeEventListener("resize", v);
-  }, []), i.useEffect(() => {
-    k(l);
-  }, [l]), i.useEffect(() => {
-    I && l?.length ? m(w, r.start, r.end).then(() => {
+  }, []), a.useEffect(() => {
+    k(c);
+  }, [c]), a.useEffect(() => {
+    w && c?.length ? (F(!1), m(D, r.start, r.end).then(() => {
       C(
-        w,
+        D,
         r.start,
         r.end
       );
     }).finally(() => {
       z(!0), s(y.TRENDS_LOAD_WIDGET, {
         ...M,
-        time_period: `${se(r.end, r.start)}M`
+        time_period: `${re(r.end, r.start)}M`
       });
-    }) : I && !l?.length && (le(!0), z(!0), s(y.TRENDS_LOAD_WIDGET, {
+    })) : w && !c?.length && (F(!0), z(!0), s(y.TRENDS_LOAD_WIDGET, {
       ...M,
-      time_period: `${se(r.end, r.start)}M`
+      time_period: `${re(r.end, r.start)}M`
     }));
-  }, [I, w, r]), i.useEffect(() => {
+  }, [w, D, r]), a.useEffect(() => {
+    w && !c?.length ? F(!0) : c?.length && F(!1);
+  }, [w, c]), a.useEffect(() => {
     if (u.length !== 0) {
       const v = {
         accounts: E,
@@ -897,23 +899,23 @@ const We = ({ selectedTab: n, onTabChange: o }) => /* @__PURE__ */ e(
       b({
         ...v,
         custom: (V) => !!u.find(
-          (Y) => Y.top_level_category_guid === V.top_level_category_guid || Y.category_guid === V.category_guid
+          (U) => U.top_level_category_guid === V.top_level_category_guid || U.category_guid === V.category_guid
         )
       });
     }
   }, [u]);
   const ge = (v) => {
-    g(v), te(!0);
+    g(v), ne(!0);
   }, S = () => {
-    g(null), te(!1);
+    g(null), ne(!1);
   }, W = (v, V) => {
-    de(V ?? j), s(y.TRENDS_CLICK_TOGGLE_VIEW, {
+    de(V ?? Y), s(y.TRENDS_CLICK_TOGGLE_VIEW, {
       ...M,
       toggleView: V
     });
   }, G = (v) => {
-    const V = Ie(v?.[0], 1), Y = v?.[1], Fe = se(Y, V);
-    T({ start: V, end: Y }), s(y.TRENDS_CLICK_TIME_WINDOW, {
+    const V = Ie(v?.[0], 1), U = v?.[1], Fe = re(U, V);
+    T({ start: V, end: U }), s(y.TRENDS_CLICK_TIME_WINDOW, {
       ...M,
       time_period: Fe + "M"
     });
@@ -923,38 +925,38 @@ const We = ({ selectedTab: n, onTabChange: o }) => /* @__PURE__ */ e(
       filterValue: v
     });
   }, Ge = (v) => {
-    ee(v);
+    te(v);
   }, Be = () => {
-    ee(""), s(y.TRENDS_CLICK_ALL_CATEGORIES, M);
-  }, ze = a.show_connections_widget_in_master ? "buttons" : "no-buttons";
-  return !p || !x ? /* @__PURE__ */ e(q, {}) : /* @__PURE__ */ e(
+    te(""), s(y.TRENDS_CLICK_ALL_CATEGORIES, M);
+  }, ze = i.show_connections_widget_in_master ? "buttons" : "no-buttons";
+  return !p || !x ? /* @__PURE__ */ e(J, {}) : /* @__PURE__ */ e(
     Ae,
     {
-      accountOptions: l,
+      accountOptions: c,
       calendarActions: { onRangeChanged: G },
       dateRange: r,
-      dateRangeVariant: c ? "timeframetabs" : "timeframebuttons",
+      dateRangeVariant: l ? "timeframetabs" : "timeframebuttons",
       onAccountsFilterClick: pe,
       onBackClick: n,
       sx: t,
-      title: D.title,
-      children: ce ? /* @__PURE__ */ e(
+      title: I.title,
+      children: le ? /* @__PURE__ */ e(
         Mt,
         {
-          header: D.zero_state_content_header,
+          header: I.zero_state_content_header,
           icon: "",
           onClick: () => {
           },
-          primaryButton: D.empty_state_primary,
-          subText: D.empty_state_sub_text,
-          sx: { height: oe },
+          primaryButton: I.empty_state_primary,
+          subText: I.empty_state_sub_text,
+          sx: { height: se },
           variant: ze
         }
       ) : /* @__PURE__ */ f(
         _,
         {
           sx: {
-            px: c ? 0 : 48
+            px: l ? 0 : 48
           },
           children: [
             /* @__PURE__ */ f(
@@ -962,29 +964,29 @@ const We = ({ selectedTab: n, onTabChange: o }) => /* @__PURE__ */ e(
               {
                 flexDirection: "row",
                 justifyContent: "space-between",
-                sx: { pb: c ? 12 : 24, pt: c ? 24 : 48 },
+                sx: { pb: l ? 12 : 24, pt: l ? 24 : 48 },
                 children: [
                   /* @__PURE__ */ e(
                     Oe,
                     {
-                      selectedCategoryGuid: F,
+                      selectedCategoryGuid: P,
                       selectedDateRange: r
                     }
                   ),
-                  /* @__PURE__ */ e(We, { onTabChange: W, selectedTab: j })
+                  /* @__PURE__ */ e(We, { onTabChange: W, selectedTab: Y })
                 ]
               }
             ),
-            /* @__PURE__ */ e(_, { alignItems: "center", flexDirection: "row", width: "100%", children: /* @__PURE__ */ e(O, { flexGrow: 1, children: F && /* @__PURE__ */ f(Ce, { onClick: Be, sx: { p: 0, pr: 5 }, children: [
-              /* @__PURE__ */ e(re, { name: "arrow_back" }),
-              D.all_categories
+            /* @__PURE__ */ e(_, { alignItems: "center", flexDirection: "row", width: "100%", children: /* @__PURE__ */ e(O, { flexGrow: 1, children: P && /* @__PURE__ */ f(Ce, { onClick: Be, sx: { p: 0, pr: 5 }, children: [
+              /* @__PURE__ */ e(ae, { name: "arrow_back" }),
+              I.all_categories
             ] }) }) }),
             /* @__PURE__ */ f(_, { flexDirection: L ? "row" : "column", gap: L ? 48 : 16, children: [
-              j === "Chart" && /* @__PURE__ */ f(Pe, { children: [
+              Y === "Chart" && /* @__PURE__ */ f(Pe, { children: [
                 /* @__PURE__ */ e(O, { sx: { width: L ? "68%" : "100%" }, children: /* @__PURE__ */ e(
                   en,
                   {
-                    availableHeight: oe,
+                    availableHeight: se,
                     minHeight: 450,
                     selectedDateRange: r,
                     totals: u
@@ -1001,13 +1003,13 @@ const We = ({ selectedTab: n, onTabChange: o }) => /* @__PURE__ */ e(
                   )
                 ] })
               ] }),
-              j === "Table" && /* @__PURE__ */ e(O, { sx: { width: "100%" }, children: /* @__PURE__ */ e(
+              Y === "Table" && /* @__PURE__ */ e(O, { sx: { width: "100%" }, children: /* @__PURE__ */ e(
                 Ve,
                 {
                   height: "unset",
                   monthlyCategoryTotals: u,
                   onClickRow: Ge,
-                  selectedCategory: F,
+                  selectedCategory: P,
                   selectedDateRange: r
                 }
               ) })

package/package.json

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