@mx-cartographer/experiences 7.4.5 → 7.4.6

package/CHANGELOG.md

@@ -1,3 +1,7 @@
+## [7.4.6] - 12-12-2025
+
+- **FIXED** - Mobile issues on Financial Wellness Card
+
 ## [7.4.5] - 12-12-2025
 
 - **FIXED** - `Goals Widget` - Accounts Filter is fixed in Goals widget

package/dist/cashflow/index.es.js

@@ -182,7 +182,7 @@ const K = () => {
       onPrimaryCtaClick: a,
       primaryCtaLabel: i.primary_cta,
       subTitle: c || !l ? void 0 : i.sub_title,
-      sx: t,
+      sx: { height: "100%", ...t },
       title: i.title,
       children: [
         !l && /* @__PURE__ */ e(te, {}),

package/dist/spending/index.es.js

@@ -162,7 +162,7 @@ const N = ({ amount: e, label: d }) => /* @__PURE__ */ c(C, { direction: "column
       className: "mx-exp-spending-miniwidget",
       onPrimaryCtaClick: e,
       primaryCtaLabel: l.primary_cta,
-      sx: d,
+      sx: { height: "100%", ...d },
       title: l.mini_title,
       children: /* @__PURE__ */ t(Wt, {})
     }

package/dist/trends/index.es.js

@@ -1,37 +1,37 @@
-import { jsxs as f, jsx as e, Fragment as st } from "react/jsx-runtime";
-import l, { useRef as rt, useState as at, useEffect as it } from "react";
+import { jsxs as f, jsx as e, Fragment as rt } from "react/jsx-runtime";
+import l, { useRef as at, useState as it, useEffect as ct } from "react";
 import { observer as k } from "mobx-react-lite";
-import { CategoryIcon as Se, Text as K, Icon as fe, P as he, H3 as Pe, ChevronRightIcon as ct } from "@mxenabled/mxui";
+import { CategoryIcon as Se, Text as K, Icon as fe, P as he, H3 as Pe, ChevronRightIcon as lt } from "@mxenabled/mxui";
 import N from "@mui/material/Box";
 import b from "@mui/material/Stack";
 import _e from "@mui/material/Button";
 import { addSeconds as $e } from "date-fns/addSeconds";
 import { differenceInCalendarMonths as Ae } from "date-fns/differenceInCalendarMonths";
 import { useTheme as be } from "@mui/material/styles";
-import { LineChart as lt } from "@mui/x-charts";
+import { LineChart as dt } from "@mui/x-charts";
 import { u as ee } from "../useScreenSize-B6JyS_Lj.mjs";
-import { u as dt } from "../useDimensions-27p2evRx.mjs";
-import ut from "@mui/material/Card";
-import ht from "@mui/material/CardContent";
+import { u as ut } from "../useDimensions-27p2evRx.mjs";
+import ht from "@mui/material/Card";
+import gt from "@mui/material/CardContent";
 import Re from "@mui/material/Divider";
 import We from "@mui/material/Grid";
-import { u as W, m as U, g as P, b as me, h as xe, d as ve, w as pe, f as He, q as gt, n as mt, a as pt } from "../hooks-C41HAxM5.mjs";
-import { b as Fe } from "../Localization-2MODESHW.mjs";
+import { u as W, m as U, g as P, b as me, h as xe, d as ve, w as pe, q as Fe, f as He, n as mt, a as pt } from "../hooks-C41HAxM5.mjs";
+import { b as ze } from "../Localization-2MODESHW.mjs";
 import { C as Te } from "../CurrencyText-Dr0EZ7bp.mjs";
 import { useTheme as Ct, Card as yt, CardContent as ft, Box as _t, Stack as Tt } from "@mui/material";
 import { f as J, a as z } from "../Dialog-BPTr3qHE.mjs";
 import { C as Me, c as St } from "../Category-CevNQ03n.mjs";
 import { f as oe, a as bt } from "../NumberFormatting-DjTD0t3W.mjs";
-import { a as xt, g as vt, L as ze } from "../TrendsStore-BW9FGQeE.mjs";
+import { a as xt, g as vt, L as Ke } from "../TrendsStore-BW9FGQeE.mjs";
 import { T as Gn } from "../TrendsStore-BW9FGQeE.mjs";
-import { i as wt, c as Dt, d as It, e as Et, f as Lt, h as Mt, b as Ke, g as je, j as Oe } from "../SpendingData-BuJ03S9d.mjs";
+import { i as wt, c as Dt, d as It, e as Et, f as Lt, h as Mt, b as je, g as Ye, j as Oe } from "../SpendingData-BuJ03S9d.mjs";
 import At from "@mui/material/ToggleButton";
 import Rt from "@mui/material/ToggleButtonGroup";
 import { DataGridPro as kt } from "@mui/x-data-grid-pro";
 import { H as Ge } from "../HeaderCell-DjuifqHJ.mjs";
 import { T as G, b as Ht } from "../ViewMoreMicroCard-C0832BMe.mjs";
-import { A as v, W as Ye } from "../WidgetContainer-6dsjtOVg.mjs";
-import { a as Ue, T as Xe } from "../TransactionDetails-COH0OKNG.mjs";
+import { A as v, W as Ue } from "../WidgetContainer-6dsjtOVg.mjs";
+import { a as Xe, T as Ze } from "../TransactionDetails-COH0OKNG.mjs";
 import { D as ke } from "../Drawer-BEtCk82g.mjs";
 import { L as ge } from "../Loader-DUaFpDGv.mjs";
 import { L as Ne } from "../LineChart-bc1D9xBE.mjs";
@@ -45,46 +45,46 @@ import Kt from "@mui/material/ListItem";
 import jt from "@mui/material/ListItemButton";
 import Yt from "@mui/material/ListItemIcon";
 import Ut from "@mui/material/ListItemText";
-import Ze from "@mui/material/styles/useTheme";
+import qe from "@mui/material/styles/useTheme";
 import Xt from "@mui/material/Paper";
 import { b as Zt } from "../CategoryUtil-DUM8NuGO.mjs";
 import { E as qt } from "../ExportCsvAction-DzTrtPzk.mjs";
 import { u as Qt } from "../useInsightsEnabled-CNjP5cfR.mjs";
 import { E as Jt } from "../EmptyState-DoxNUae-.mjs";
 import { l as eo } from "../ConnectDrawer-CuUj16NH.mjs";
-const qe = ({ categoryGuid: o, topLevelCategoryGuid: s }) => {
-  const { categories: t } = W(), { getCategoryName: n } = U(), r = n(o);
+const Qe = ({ categoryGuid: o, topLevelCategoryGuid: r }) => {
+  const { categories: t } = W(), { getCategoryName: n } = U(), s = n(o);
   return /* @__PURE__ */ f(b, { alignItems: "center", direction: "column", gap: "8", justifyContent: "center", mb: 4, children: [
     /* @__PURE__ */ e(
       N,
       {
-        "aria-label": Fe(t.category_icon_label_aria, r),
+        "aria-label": ze(t.category_icon_label_aria, s),
         mb: 4,
         role: "img",
-        children: /* @__PURE__ */ e(Se, { categoryGuid: s })
+        children: /* @__PURE__ */ e(Se, { categoryGuid: r })
       }
     ),
-    /* @__PURE__ */ e(K, { variant: "Body", children: r })
+    /* @__PURE__ */ e(K, { variant: "Body", children: s })
   ] });
 }, to = ({
-  categoryGuids: { guid: o, topLevelGuid: s },
+  categoryGuids: { guid: o, topLevelGuid: r },
   hoveredAreaData: t,
   cursorPosition: n,
-  chartContainerRef: r
+  chartContainerRef: s
 }) => {
-  const d = be(), u = rt(null), [g, c] = at({ x: n.x, y: n.y });
-  if (it(() => {
+  const d = be(), u = at(null), [g, c] = it({ x: n.x, y: n.y });
+  if (ct(() => {
     (() => {
-      const p = u.current, _ = r.current;
+      const p = u.current, _ = s.current;
       if (!p || !_) return;
       const m = p.getBoundingClientRect(), i = _.getBoundingClientRect();
       let T = n.x, y = n.y;
       T + m.width * 2 > i.right ? T = n.x - m.width : T - m.width < i.left && (T = n.x), y + m.height * 2 > i.bottom && (y = n.y - m.height), c({ x: T, y });
     })();
-  }, [n, r]), !t) return null;
+  }, [n, s]), !t) return null;
   const h = t.reduce((C, p) => C + p.y, 0);
   return /* @__PURE__ */ e(
-    ut,
+    ht,
     {
       ref: u,
       sx: {
@@ -94,9 +94,9 @@ const qe = ({ categoryGuid: o, topLevelCategoryGuid: s }) => {
         width: 250,
         pointerEvents: "none"
       },
-      children: /* @__PURE__ */ f(ht, { children: [
+      children: /* @__PURE__ */ f(gt, { children: [
         /* @__PURE__ */ f(N, { alignItems: "center", display: "flex", flexDirection: "column", children: [
-          /* @__PURE__ */ e(qe, { categoryGuid: o, topLevelCategoryGuid: s }),
+          /* @__PURE__ */ e(Qe, { categoryGuid: o, topLevelCategoryGuid: r }),
           /* @__PURE__ */ e(K, { variant: "Small", children: `${t.length}-month total` }),
           /* @__PURE__ */ e(Te, { amount: h, bold: !0, formatString: "0,0", variant: "body2" })
         ] }),
@@ -120,23 +120,23 @@ const qe = ({ categoryGuid: o, topLevelCategoryGuid: s }) => {
     }
   );
 }, oo = k(to), no = ({
-  categoryGuids: { guid: o, topLevelGuid: s },
+  categoryGuids: { guid: o, topLevelGuid: r },
   itemData: { dataIndex: t },
   series: n,
-  xData: r
+  xData: s
 }) => {
-  const d = Ct(), u = n.data[t], g = r[t];
+  const d = Ct(), u = n.data[t], g = s[t];
   return u === void 0 || !g ? null : /* @__PURE__ */ e(yt, { sx: { pt: 4, px: 8 }, children: /* @__PURE__ */ e(ft, { children: /* @__PURE__ */ f(_t, { alignItems: "center", display: "flex", flexDirection: "column", children: [
-    /* @__PURE__ */ e(qe, { categoryGuid: o, topLevelCategoryGuid: s }),
+    /* @__PURE__ */ e(Qe, { categoryGuid: o, topLevelCategoryGuid: r }),
     /* @__PURE__ */ e(K, { color: d.palette.text.secondary, variant: "Small", children: J(g, z.MONTH_SHORT_YEAR) }),
     /* @__PURE__ */ e(Te, { amount: String(u), bold: !0, formatString: "0,0", variant: "Body" })
   ] }) }) });
 }, so = ({
   sx: o,
-  categoryGuids: s,
+  categoryGuids: r,
   hoveredLegend: t,
   legendRef: n,
-  onHoverLegend: r,
+  onHoverLegend: s,
   onClickLegend: d
 }) => {
   const { isMobile: u } = ee(), { getCategoryName: g } = U();
@@ -149,14 +149,14 @@ const qe = ({ categoryGuid: o, topLevelCategoryGuid: s }) => {
       justifyContent: "start",
       ref: n,
       sx: o,
-      children: s.map(({ guid: c, top_level_guid: h }) => {
+      children: r.map(({ guid: c, top_level_guid: h }) => {
         const C = t === c, p = Me[c], _ = Me[h], m = p ?? _ ?? Me.default, i = m + "33";
         return /* @__PURE__ */ f(
           _e,
           {
             onClick: () => d(c),
-            onMouseEnter: () => r(c),
-            onMouseLeave: () => r(null),
+            onMouseEnter: () => s(c),
+            onMouseLeave: () => s(null),
             sx: {
               color: "text.primary",
               fontWeight: "normal",
@@ -191,15 +191,15 @@ const qe = ({ categoryGuid: o, topLevelCategoryGuid: s }) => {
   );
 }, ro = ({
   onHoverArea: o,
-  onHoverPoint: s,
+  onHoverPoint: r,
   onHoverLegend: t,
   onClickLegend: n,
-  stackedDatasets: r,
+  stackedDatasets: s,
   unstackedDatasets: d = [],
   availableHeight: u = 0,
   minimumHeight: g = 350
 }) => {
-  const c = be(), { isMobile: h } = ee(), [C, { height: p }] = dt(), _ = l.useRef(null), [m, i] = l.useState(0);
+  const c = be(), { isMobile: h } = ee(), [C, { height: p }] = ut(), _ = l.useRef(null), [m, i] = l.useState(0);
   l.useEffect(() => {
     const a = Math.max(u - p, g);
     i(a);
@@ -209,18 +209,18 @@ const qe = ({ categoryGuid: o, topLevelCategoryGuid: s }) => {
     hoveredAreaData: null,
     isAreaHovered: !1,
     cursorPos: { x: 0, y: 0 }
-  }), { hoveredSeriesId: D, hoveredAreaData: O, isAreaHovered: A, cursorPos: M } = L, R = A && D && O, E = !R, X = [...r, ...d], ne = X[0]?.dataset.length ?? 0, B = X.flatMap((a) => a.dataset.map((S) => S.x)), Ce = X.flatMap((a) => a.dataset.map((S) => S.y)), ae = r[0]?.dataset?.map(
-    (a, S) => r.reduce((I, Y) => I + Y.dataset[S]?.y || 0, 0)
+  }), { hoveredSeriesId: D, hoveredAreaData: O, isAreaHovered: A, cursorPos: M } = L, R = A && D && O, E = !R, X = [...s, ...d], ne = X[0]?.dataset.length ?? 0, B = X.flatMap((a) => a.dataset.map((S) => S.x)), Ce = X.flatMap((a) => a.dataset.map((S) => S.y)), ae = s[0]?.dataset?.map(
+    (a, S) => s.reduce((I, Y) => I + Y.dataset[S]?.y || 0, 0)
   ) ?? [0], Z = Math.max(...ae), ie = Math.max(
     ...d.flatMap((a) => a.dataset.map((S) => S.y))
-  ), q = Math.floor(Math.min(...Ce) / 100) * 100, ce = Math.ceil(Math.max(Z, ie) / 100) * 100, $ = r.map((a, S) => ({
+  ), q = Math.floor(Math.min(...Ce) / 100) * 100, ce = Math.ceil(Math.max(Z, ie) / 100) * 100, $ = s.map((a, S) => ({
     id: `stacked-${S}`,
     guid: a.category_guid,
     top_level_guid: a.top_level_category_guid,
     area: !0,
-    color: r[S].category_color ?? c.palette.primary.main,
+    color: s[S].category_color ?? c.palette.primary.main,
     data: a.dataset.map((I) => I.y),
-    label: r[S].category_name,
+    label: s[S].category_name,
     stack: "total",
     type: "line",
     highlightScope: { highlight: "item" },
@@ -245,7 +245,7 @@ const qe = ({ categoryGuid: o, topLevelCategoryGuid: s }) => {
       top_level_guid: S
     }))
   ], j = (a) => {
-    const I = a.startsWith("stacked-") ? r[parseInt(a.split("-")[1])] : d[parseInt(a.split("-")[1])];
+    const I = a.startsWith("stacked-") ? s[parseInt(a.split("-")[1])] : d[parseInt(a.split("-")[1])];
     return {
       guid: I?.category_guid,
       topLevelGuid: I?.top_level_category_guid
@@ -265,7 +265,7 @@ const qe = ({ categoryGuid: o, topLevelCategoryGuid: s }) => {
         hoveredAreaData: null,
         isAreaHovered: !1,
         cursorPos: M
-      }), s?.(I);
+      }), r?.(I);
     else if (Ie) {
       const de = Y?.data.map((Ee, Le) => ({
         x: B[Le],
@@ -340,7 +340,7 @@ const qe = ({ categoryGuid: o, topLevelCategoryGuid: s }) => {
           sx: { width: "100%", position: "relative" },
           children: [
             /* @__PURE__ */ e(
-              lt,
+              dt,
               {
                 height: m,
                 margin: { bottom: 50 },
@@ -412,17 +412,17 @@ const qe = ({ categoryGuid: o, topLevelCategoryGuid: s }) => {
       )
     }
   );
-}, Qe = ({ selectedTab: o, onTabChange: s }) => /* @__PURE__ */ e(
+}, Je = ({ selectedTab: o, onTabChange: r }) => /* @__PURE__ */ e(
   Rt,
   {
     exclusive: !0,
-    onChange: s,
+    onChange: r,
     orientation: "horizontal",
     value: o,
     children: ["Chart", "Table"].map((t) => /* @__PURE__ */ e(At, { color: "primary", sx: { width: 56 }, value: t, children: t === "Chart" ? /* @__PURE__ */ e(fe, { name: "table_chart_view" }) : /* @__PURE__ */ e(fe, { name: "format_list_bulleted" }) }, t))
   }
-), Je = ({ selectedDateRange: o, selectedCategoryGuid: s }) => {
-  const { trends: t } = W(), { isMobile: n, isDesktop: r } = ee(), { getCategoryName: d } = U(), u = l.useMemo(() => {
+), et = ({ selectedDateRange: o, selectedCategoryGuid: r }) => {
+  const { trends: t } = W(), { isMobile: n, isDesktop: s } = ee(), { getCategoryName: d } = U(), u = l.useMemo(() => {
     const g = J(
       o.start,
       n ? z.MONTH_SHORT_YEAR : z.MONTH_YEAR
@@ -443,27 +443,27 @@ const qe = ({ categoryGuid: o, topLevelCategoryGuid: s }) => {
           overflow: "visible",
           textOverflow: "unset"
         },
-        variant: r ? "H3" : "Body",
-        children: d(s) || t.sub_title
+        variant: s ? "H3" : "Body",
+        children: d(r) || t.sub_title
       }
     ),
-    /* @__PURE__ */ e(K, { variant: r ? "Body" : "Small", children: u })
+    /* @__PURE__ */ e(K, { variant: s ? "Body" : "Small", children: u })
   ] });
 }, ao = (o) => {
-  const s = o.row[o.field];
-  return /* @__PURE__ */ e(b, { alignItems: "flex-end", tabIndex: o.tabIndex, children: /* @__PURE__ */ e(Te, { amount: s, variant: "Small" }) });
-}, io = ({ categoryGuid: o, topLevelCategoryGuid: s }) => {
-  const { getCategoryName: t } = U(), { categories: n } = W(), r = n.default_categories[o]?.replace(/&amp;/g, "&") ?? t(o);
+  const r = o.row[o.field];
+  return /* @__PURE__ */ e(b, { alignItems: "flex-end", tabIndex: o.tabIndex, children: /* @__PURE__ */ e(Te, { amount: r, variant: "Small" }) });
+}, io = ({ categoryGuid: o, topLevelCategoryGuid: r }) => {
+  const { getCategoryName: t } = U(), { categories: n } = W(), s = n.default_categories[o]?.replace(/&amp;/g, "&") ?? t(o);
   return /* @__PURE__ */ f(b, { alignItems: "center", direction: "row", justifyContent: "center", children: [
     /* @__PURE__ */ e(
       N,
       {
-        "aria-label": Fe(n.category_icon_label_aria, r),
+        "aria-label": ze(n.category_icon_label_aria, s),
         role: "img",
-        children: /* @__PURE__ */ e(Se, { categoryGuid: s })
+        children: /* @__PURE__ */ e(Se, { categoryGuid: r })
       }
     ),
-    /* @__PURE__ */ e(K, { sx: { ml: 12, pb: 6 }, variant: "Small", children: r })
+    /* @__PURE__ */ e(K, { sx: { ml: 12, pb: 6 }, variant: "Small", children: s })
   ] });
 }, co = (o) => /* @__PURE__ */ e(b, { alignItems: "center", direction: "row", height: "100%", width: "100%", children: /* @__PURE__ */ e(
   io,
@@ -471,24 +471,24 @@ const qe = ({ categoryGuid: o, topLevelCategoryGuid: s }) => {
     categoryGuid: o.row.category,
     topLevelCategoryGuid: o.row.top_level_category_guid
   }
-) }), lo = (o, s) => {
+) }), lo = (o, r) => {
   const t = [], n = new Date(o);
-  for (; n <= s; ) {
-    const r = J(n, z.MONTH);
-    t.push(r), n.setMonth(n.getMonth() + 1);
+  for (; n <= r; ) {
+    const s = J(n, z.MONTH);
+    t.push(s), n.setMonth(n.getMonth() + 1);
   }
   return t;
-}, et = ({
+}, tt = ({
   monthlyCategoryTotals: o,
-  selectedDateRange: s,
+  selectedDateRange: r,
   selectedCategory: t,
   onClickRow: n,
-  height: r = "100dvh",
+  height: s = "100dvh",
   sx: d = {}
 }) => {
   const { onEvent: u } = P(), g = J(/* @__PURE__ */ new Date(), z.MONTH_SHORT), [c, h] = l.useState([
     { field: g, sort: "desc" }
-  ]), C = l.useMemo(() => lo(s.start, s.end), [s]), p = [
+  ]), C = l.useMemo(() => lo(r.start, r.end), [r]), p = [
     {
       field: "category",
       flex: 1,
@@ -536,7 +536,7 @@ const qe = ({ categoryGuid: o, topLevelCategoryGuid: s }) => {
     );
     return Object.values(T);
   }, [o, t]);
-  return /* @__PURE__ */ e(N, { sx: { height: r, width: "100%", overflowX: "auto", boxShadow: "none", ...d }, children: /* @__PURE__ */ e(
+  return /* @__PURE__ */ e(N, { sx: { height: s, width: "100%", overflowX: "auto", boxShadow: "none", ...d }, children: /* @__PURE__ */ e(
     kt,
     {
       columns: p,
@@ -563,22 +563,22 @@ const qe = ({ categoryGuid: o, topLevelCategoryGuid: s }) => {
   title: "Transaction List"
 }, ho = ({
   categoryGuid: o,
-  dateRange: s,
+  dateRange: r,
   isOpen: t,
   onClose: n
 }) => {
-  const { onEvent: r } = P(), { selectedAccountGuids: d } = me(), { common: u } = W(), { setFilter: g, sortedTransactions: c } = xe(), [h, C] = l.useState(""), p = l.useMemo(
+  const { onEvent: s } = P(), { selectedAccountGuids: d } = me(), { common: u } = W(), { setFilter: g, sortedTransactions: c } = xe(), [h, C] = l.useState(""), p = l.useMemo(
     () => c.find((m) => m.guid === h),
     [h, c]
   );
   l.useEffect(() => {
     g({
       accounts: d,
-      dateRange: s,
+      dateRange: r,
       custom: (m) => o === "" || o === m.category_guid || o === m.top_level_category_guid,
       showSplits: !!o
     });
-  }, [d, o, s]), l.useEffect(() => r(v.TRENDS_VIEW_TRANSACTIONS), []);
+  }, [d, o, r]), l.useEffect(() => s(v.TRENDS_VIEW_TRANSACTIONS), []);
   const _ = () => {
     C(""), n();
   };
@@ -590,13 +590,13 @@ const qe = ({ categoryGuid: o, topLevelCategoryGuid: s }) => {
       onClose: _,
       title: uo.title,
       children: [
-        p && /* @__PURE__ */ e(Ue, { transaction: p }),
-        !p && /* @__PURE__ */ e(Xe, { onClick: C })
+        p && /* @__PURE__ */ e(Xe, { transaction: p }),
+        !p && /* @__PURE__ */ e(Ze, { onClick: C })
       ]
     }
   );
-}, go = k(ho), mo = ({ onBackClick: o, sx: s }) => {
-  const { onEvent: t } = P(), { isDesktop: n, isTablet: r, isMobile: d } = ee(), { visibleAccounts: u } = ve(), { loadMonthlyCategoryTotals: g, monthlyCategoryTotals: c, getCategoryName: h } = U(), { sortedTransactions: C } = xe(), { selectedDateRange: p, setSelectedDateRange: _ } = pe(), { isCopyLoaded: m, isInitialized: i, selectedAccounts: T, setSelectedAccounts: y } = me(), { trends: L } = W(), [x, D] = l.useState(!1), [O, A] = l.useState(!1), [M, R] = l.useState("Chart"), [E, X] = l.useState(""), [ne, B] = l.useState(window.innerHeight), ae = ne - (d ? 315 : 345);
+}, go = k(ho), mo = ({ onBackClick: o, sx: r }) => {
+  const { onEvent: t } = P(), { isDesktop: n, isTablet: s, isMobile: d } = ee(), { visibleAccounts: u } = ve(), { loadMonthlyCategoryTotals: g, monthlyCategoryTotals: c, getCategoryName: h } = U(), { sortedTransactions: C } = xe(), { selectedDateRange: p, setSelectedDateRange: _ } = pe(), { isCopyLoaded: m, isInitialized: i, selectedAccounts: T, setSelectedAccounts: y } = me(), { trends: L } = W(), [x, D] = l.useState(!1), [O, A] = l.useState(!1), [M, R] = l.useState("Chart"), [E, X] = l.useState(""), [ne, B] = l.useState(window.innerHeight), ae = ne - (d ? 315 : 345);
   l.useEffect(() => {
     const w = () => B(window.innerHeight);
     return window.addEventListener("resize", w), () => window.removeEventListener("resize", w);
@@ -645,7 +645,7 @@ const qe = ({ categoryGuid: o, topLevelCategoryGuid: s }) => {
     t(v.TRENDS_HOVER_POINT, { category: w });
   };
   return !m || !i || !x ? /* @__PURE__ */ e(ge, {}) : /* @__PURE__ */ f(
-    Ye,
+    Ue,
     {
       accountOptions: u,
       calendarActions: { onRangeChanged: q },
@@ -653,7 +653,7 @@ const qe = ({ categoryGuid: o, topLevelCategoryGuid: s }) => {
       dateRangeVariant: "timeframebuttons",
       onAccountsFilterClick: ce,
       onBackClick: o,
-      sx: s,
+      sx: r,
       title: L.title,
       children: [
         /* @__PURE__ */ f(
@@ -661,7 +661,7 @@ const qe = ({ categoryGuid: o, topLevelCategoryGuid: s }) => {
           {
             sx: {
               // eslint-disable-next-line no-nested-ternary
-              px: n ? 48 : r ? 24 : 12
+              px: n ? 48 : s ? 24 : 12
             },
             children: [
               /* @__PURE__ */ f(
@@ -672,13 +672,13 @@ const qe = ({ categoryGuid: o, topLevelCategoryGuid: s }) => {
                   sx: { pb: d ? 12 : 24, pt: d ? 24 : 48 },
                   children: [
                     /* @__PURE__ */ e(
-                      Je,
+                      et,
                       {
                         selectedCategoryGuid: E,
                         selectedDateRange: p
                       }
                     ),
-                    /* @__PURE__ */ e(Qe, { onTabChange: ie, selectedTab: M })
+                    /* @__PURE__ */ e(Je, { onTabChange: ie, selectedTab: M })
                   ]
                 }
               ),
@@ -703,7 +703,7 @@ const qe = ({ categoryGuid: o, topLevelCategoryGuid: s }) => {
                   }
                 ),
                 M === "Table" && /* @__PURE__ */ e(
-                  et,
+                  tt,
                   {
                     monthlyCategoryTotals: c,
                     onClickRow: $,
@@ -728,15 +728,15 @@ const qe = ({ categoryGuid: o, topLevelCategoryGuid: s }) => {
     }
   );
 }, Rn = k(mo), po = () => {
-  const o = be(), { monthlyCategoryTotals: s } = U(), { trends: t } = W(), n = Mt(s);
+  const { monthlyCategoryTotals: o } = U(), { trends: r } = W(), t = be(), { availableHeight: n = 300 } = Fe(), s = Mt(o);
   return /* @__PURE__ */ e(
     Ne,
     {
       baseline: "min",
-      colors: [o.palette.primary.main],
-      datasets: [n],
-      height: 300,
-      labels: [t.spending_label],
+      colors: [t.palette.primary.main],
+      datasets: [s],
+      height: n,
+      labels: [r.spending_label],
       showArea: !0,
       showAverage: !0,
       showLegend: !0,
@@ -745,8 +745,8 @@ const qe = ({ categoryGuid: o, topLevelCategoryGuid: s }) => {
       valueFormatterString: "0,0"
     }
   );
-}, Co = k(po), yo = ({ onPrimaryCtaClick: o, sx: s }) => {
-  const { visibleAccounts: t } = ve(), { loadMonthlyCategoryTotals: n, monthlyTotalsLoaded: r } = U(), { isInitialized: d } = He(), { trends: u } = W(), { isCopyLoaded: g, selectedAccounts: c, setSelectedAccounts: h } = me();
+}, Co = k(po), yo = ({ onPrimaryCtaClick: o, sx: r }) => {
+  const { visibleAccounts: t } = ve(), { loadMonthlyCategoryTotals: n, monthlyTotalsLoaded: s } = U(), { isInitialized: d } = He(), { trends: u } = W(), { isCopyLoaded: g, selectedAccounts: c, setSelectedAccounts: h } = me();
   return l.useEffect(() => {
     h(t);
   }, [t]), l.useEffect(() => {
@@ -754,26 +754,27 @@ const qe = ({ categoryGuid: o, topLevelCategoryGuid: s }) => {
   }, [d, c]), !g || !d ? /* @__PURE__ */ e(ge, {}) : /* @__PURE__ */ e(
     Nt,
     {
+      contentStyles: { height: "calc(100% - 72px)", ":last-child": { pb: 0 } },
       onPrimaryCtaClick: o,
       primaryCtaLabel: u.primary_cta,
       subTitle: u.sub_title,
-      sx: s,
+      sx: { height: "100%", ...r },
       title: u.mini_title,
-      children: r ? /* @__PURE__ */ e(Co, {}) : /* @__PURE__ */ e(ge, {})
+      children: s ? /* @__PURE__ */ e(Co, {}) : /* @__PURE__ */ e(ge, {})
     }
   );
 }, kn = k(yo), fo = 70, Be = ({
   title: o,
-  totalAmount: s,
+  totalAmount: r,
   transactionType: t,
   percentage: n,
-  secondaryLabel: r,
+  secondaryLabel: s,
   shouldDisplayPercentage: d
 }) => {
-  const { availableWidth: u } = gt(), g = l.useRef(null), c = l.useRef(null), h = bt(Number(Math.abs(n)), {
+  const { availableWidth: u } = Fe(), g = l.useRef(null), c = l.useRef(null), h = bt(Number(Math.abs(n)), {
     style: "percent",
     minimumIntegerDigits: 1
-  }), C = u === 288 && oe(s, "0,0.00").length > 10 ? oe(s, "0,0") : oe(s, "0,0.00"), p = t === "spending" ? n > 0 : n >= 0, _ = t === "spending" ? "error.main" : "success.main", m = t === "spending" ? "success.main" : "text.secondary", i = g?.current, T = c?.current, y = i && T ? i.scrollWidth > T.clientWidth - fo : !1;
+  }), C = u === 288 && oe(r, "0,0.00").length > 10 ? oe(r, "0,0") : oe(r, "0,0.00"), p = t === "spending" ? n > 0 : n >= 0, _ = t === "spending" ? "error.main" : "success.main", m = t === "spending" ? "success.main" : "text.secondary", i = g?.current, T = c?.current, y = i && T ? i.scrollWidth > T.clientWidth - fo : !1;
   return /* @__PURE__ */ f(
     b,
     {
@@ -837,7 +838,7 @@ const qe = ({ categoryGuid: o, topLevelCategoryGuid: s }) => {
                 {
                   color: p ? _ : m,
                   variant: "caption",
-                  children: r
+                  children: s
                 }
               )
             ]
@@ -856,26 +857,26 @@ const qe = ({ categoryGuid: o, topLevelCategoryGuid: s }) => {
     ] })
   ] });
 }), Hn = k(({ onCtaClick: o }) => {
-  const { visibleAccounts: s } = ve(), { onEvent: t } = P(), { monthlyCategoryTotals: n, loadMonthlyCategoryTotals: r, monthlyTotalsLoaded: d } = U(), u = {
+  const { visibleAccounts: r } = ve(), { onEvent: t } = P(), { monthlyCategoryTotals: n, loadMonthlyCategoryTotals: s, monthlyTotalsLoaded: d } = U(), u = {
     start: Wt(/* @__PURE__ */ new Date(), 1),
     end: /* @__PURE__ */ new Date()
   }, { trends: g } = W(), { selectedAccounts: c, setSelectedAccounts: h, isInitialized: C } = me();
   l.useEffect(() => {
-    h(s);
-  }, [s]), l.useEffect(() => {
-    C && r(c, u.start).then(() => {
+    h(r);
+  }, [r]), l.useEffect(() => {
+    C && s(c, u.start).then(() => {
       t(v.TRENDS_LOAD_WIDGET, {
-        state: s?.length ? "default" : "zeroState"
+        state: r?.length ? "default" : "zeroState"
       });
     });
   }, [C, c]);
   const { spendingData: p, incomeData: _ } = l.useMemo(
     () => ({
-      spendingData: Ke(n, u),
-      incomeData: je(n, u)
+      spendingData: je(n, u),
+      incomeData: Ye(n, u)
     }),
     [n, u]
-  ), [m, i] = p, [T, y] = _, L = Oe(i.y, m.y), x = Oe(y.y, T.y), D = C && !s?.length, O = () => {
+  ), [m, i] = p, [T, y] = _, L = Oe(i.y, m.y), x = Oe(y.y, T.y), D = C && !r?.length, O = () => {
     t(
       D ? v.TRENDS_CLICK_GET_STARTED : v.TRENDS_CLICK_VIEW_MORE
     ), o();
@@ -925,9 +926,9 @@ const qe = ({ categoryGuid: o, topLevelCategoryGuid: s }) => {
     }
   );
 }), To = k(
-  ({ isExpanded: o, onClick: s }) => {
-    const t = Ze();
-    return /* @__PURE__ */ e(Kt, { sx: { bgcolor: "background.paper" }, children: /* @__PURE__ */ e(jt, { onClick: s, sx: { justifyContent: "center" }, children: /* @__PURE__ */ f(
+  ({ isExpanded: o, onClick: r }) => {
+    const t = qe();
+    return /* @__PURE__ */ e(Kt, { sx: { bgcolor: "background.paper" }, children: /* @__PURE__ */ e(jt, { onClick: r, sx: { justifyContent: "center" }, children: /* @__PURE__ */ f(
       b,
       {
         sx: { color: t.palette.primary.main, flexDirection: "row", alignItems: "center" },
@@ -949,40 +950,40 @@ const qe = ({ categoryGuid: o, topLevelCategoryGuid: s }) => {
 ), Ve = k(
   ({
     totalAmount: o,
-    guid: s,
+    guid: r,
     name: t,
     transactions: n,
-    onClick: r,
+    onClick: s,
     isLastItem: d = !1,
     showDivider: u = !0
   }) => {
     const { trends: g } = W(), { onEvent: c } = P(), h = `${n.length} ${n.length === 1 ? g.transaction : g.transactions}`, C = () => {
-      r?.(), c(v.TRENDS_CLICK_LIST_ITEM, {
+      s?.(), c(v.TRENDS_CLICK_LIST_ITEM, {
         ...G,
         listItem: t
       });
     };
     return /* @__PURE__ */ f(l.Fragment, { children: [
       /* @__PURE__ */ e(
-        ze,
+        Ke,
         {
-          leftIcon: s ? /* @__PURE__ */ e(Se, { categoryGuid: s }) : void 0,
+          leftIcon: r ? /* @__PURE__ */ e(Se, { categoryGuid: r }) : void 0,
           onClick: C,
           rightContent: oe(Math.abs(o), "0,0.00"),
-          rightIcon: r ? /* @__PURE__ */ e(ct, {}) : void 0,
+          rightIcon: s ? /* @__PURE__ */ e(lt, {}) : void 0,
           subtitle: h,
           title: t
         }
       ),
       u && /* @__PURE__ */ e(Re, { sx: { ml: d ? 24 : 68 } })
-    ] }, s);
+    ] }, r);
   }
 ), So = k(
-  ({ availableHeight: o = 0, onCategoryClick: s }) => {
-    const { collapsedCategories: t, visibleCategories: n, setVisibleListLength: r } = pe(), { isLargeDesktop: d, isDesktop: u } = ee(), { trends: g } = W(), { onEvent: c } = P(), [h, C] = l.useState(!1), p = u || d;
+  ({ availableHeight: o = 0, onCategoryClick: r }) => {
+    const { collapsedCategories: t, visibleCategories: n, setVisibleListLength: s } = pe(), { isLargeDesktop: d, isDesktop: u } = ee(), { trends: g } = W(), { onEvent: c } = P(), [h, C] = l.useState(!1), p = u || d;
     l.useEffect(() => {
       const i = Math.floor(o / 64) - 1, T = n.length + t.length;
-      i !== n.length && (r(p ? Math.max(i, 5) : 5), C(i >= T));
+      i !== n.length && (s(p ? Math.max(i, 5) : 5), C(i >= T));
     }, [o]);
     const _ = () => {
       C(!h), c(v.TRENDS_CLICK_VIEW_MORE, {
@@ -996,7 +997,7 @@ const qe = ({ categoryGuid: o, topLevelCategoryGuid: s }) => {
         {
           ...i,
           isLastItem: T === m - 1,
-          onClick: i.transactions.length > 0 ? () => s(i) : void 0,
+          onClick: i.transactions.length > 0 ? () => r(i) : void 0,
           showDivider: !0
         },
         i.guid
@@ -1013,7 +1014,7 @@ const qe = ({ categoryGuid: o, topLevelCategoryGuid: s }) => {
               {
                 ...i,
                 isLastItem: y === m - 1,
-                onClick: i.transactions.length > 0 ? () => s(i) : void 0,
+                onClick: i.transactions.length > 0 ? () => r(i) : void 0,
                 showDivider: !0
               },
               i.guid
@@ -1024,9 +1025,9 @@ const qe = ({ categoryGuid: o, topLevelCategoryGuid: s }) => {
       t.length > 0 && /* @__PURE__ */ e(To, { isExpanded: h, onClick: _ })
     ] }) });
   }
-), bo = ({ beats: o, onInsightCardClick: s }) => {
-  const { onEvent: t } = P(), { isMobile: n, isDesktop: r, isLargeDesktop: d } = ee(), { beatStore: u, endpoint: g, sessionToken: c } = He(), h = r || d, C = h || n ? 1 : 2, p = () => null, _ = (x) => {
-    s?.(x), t(v.TRENDS_CLICK_INSIGHT, G);
+), bo = ({ beats: o, onInsightCardClick: r }) => {
+  const { onEvent: t } = P(), { isMobile: n, isDesktop: s, isLargeDesktop: d } = ee(), { beatStore: u, endpoint: g, sessionToken: c } = He(), h = s || d, C = h || n ? 1 : 2, p = () => null, _ = (x) => {
+    r?.(x), t(v.TRENDS_CLICK_INSIGHT, G);
   }, m = h ? 200 : 170, i = h ? 170 : 124, T = h ? 56 : 0, y = o.length > 0 ? m + T : i, L = h && o.length > 0 ? m : void 0;
   return /* @__PURE__ */ e(Tt, { sx: { height: y }, children: /* @__PURE__ */ e(
     Ht,
@@ -1049,22 +1050,22 @@ const qe = ({ categoryGuid: o, topLevelCategoryGuid: s }) => {
       visibleCardsCount: C
     }
   ) });
-}, xo = k(bo), vo = k(({ chartLabel: o, chartColor: s }) => {
+}, xo = k(bo), vo = k(({ chartLabel: o, chartColor: r }) => {
   const { onEvent: t } = P(), {
-    categoryDetailsChartData: { monthlyAmounts: n, tooltipLabels: r }
+    categoryDetailsChartData: { monthlyAmounts: n, tooltipLabels: s }
   } = pe();
   return /* @__PURE__ */ e(b, { sx: { pt: 12, width: "100%" }, children: /* @__PURE__ */ e(
     Ne,
     {
       baseline: "min",
-      colors: [s],
+      colors: [r],
       curveType: "bump",
-      customTooltipLabels: r,
+      customTooltipLabels: s,
       datasets: [n],
       height: 265,
       labels: [o],
       markStyles: () => ({
-        stroke: s
+        stroke: r
       }),
       onItemClick: () => {
         t(v.TRENDS_CLICK_CHART, G);
@@ -1083,10 +1084,10 @@ const qe = ({ categoryGuid: o, topLevelCategoryGuid: s }) => {
     }
   ) });
 }), wo = k(({ onClose: o }) => {
-  const s = Ze(), { onEvent: t } = P(), { common: n, trends: r } = W(), { selectedCategoryData: d, selectedDateRangeMonthRange: u } = pe(), { sortedTransactions: g } = xe(), [c, h] = l.useState(null);
+  const r = qe(), { onEvent: t } = P(), { common: n, trends: s } = W(), { selectedCategoryData: d, selectedDateRangeMonthRange: u } = pe(), { sortedTransactions: g } = xe(), [c, h] = l.useState(null);
   if (!d)
     return null;
-  const { guid: C, name: p, is_income: _, totalAmount: m } = d, i = _ ? r.category_income : r.category_spending, T = Zt(C, s), y = _ ? r.income_label : r.spending_label, L = ` ${d.transactions.length === 1 ? r.transaction : r.transactions} (${d.transactions.length})`, x = l.useMemo(
+  const { guid: C, name: p, is_income: _, totalAmount: m } = d, i = _ ? s.category_income : s.category_spending, T = Zt(C, r), y = _ ? s.income_label : s.spending_label, L = ` ${d.transactions.length === 1 ? s.transaction : s.transactions} (${d.transactions.length})`, x = l.useMemo(
     () => g.find((A) => A.guid === c),
     [c, g]
   ), D = (A) => A.category_guid === C || A.top_level_category_guid === C, O = () => {
@@ -1095,7 +1096,7 @@ const qe = ({ categoryGuid: o, topLevelCategoryGuid: s }) => {
   return /* @__PURE__ */ f(
     ke,
     {
-      ariaLabelClose: r.close_category_details,
+      ariaLabelClose: s.close_category_details,
       isOpen: !0,
       onClose: O,
       shouldShowHeaderShadow: !0,
@@ -1104,7 +1105,7 @@ const qe = ({ categoryGuid: o, topLevelCategoryGuid: s }) => {
         /* @__PURE__ */ f(b, { sx: { alignItems: "center", height: "100%" }, children: [
           /* @__PURE__ */ f(Xt, { sx: { borderRadius: 0, pb: 4, pt: 16, width: "100%" }, children: [
             /* @__PURE__ */ e(
-              ze,
+              Ke,
               {
                 leftIcon: /* @__PURE__ */ e(Se, { categoryGuid: C }),
                 rightContent: oe(Math.abs(m), "0,0.00"),
@@ -1119,7 +1120,7 @@ const qe = ({ categoryGuid: o, topLevelCategoryGuid: s }) => {
             ] })
           ] }),
           /* @__PURE__ */ e(
-            Xe,
+            Ze,
             {
               bgcolor: "transparent",
               filter: D,
@@ -1134,36 +1135,36 @@ const qe = ({ categoryGuid: o, topLevelCategoryGuid: s }) => {
             ariaLabelClose: n.close_aria,
             isOpen: !!x,
             onClose: () => h(""),
-            title: r.transaction,
-            children: x && /* @__PURE__ */ e(Ue, { transaction: x })
+            title: s.transaction,
+            children: x && /* @__PURE__ */ e(Xe, { transaction: x })
           }
         )
       ]
     }
   );
-}), Do = (o, s) => {
-  const t = je(o, s), n = Ke(o, s);
-  return [t, n].filter((r) => r.length > 0);
-}, Io = (o, s) => {
-  const [t, n] = o, r = t, d = n ?? t, u = [];
-  if (r) {
-    const g = r.reduce((c, h) => c + h.y, 0);
-    u.push({ label: s.income_label, amount: g });
+}), Do = (o, r) => {
+  const t = Ye(o, r), n = je(o, r);
+  return [t, n].filter((s) => s.length > 0);
+}, Io = (o, r) => {
+  const [t, n] = o, s = t, d = n ?? t, u = [];
+  if (s) {
+    const g = s.reduce((c, h) => c + h.y, 0);
+    u.push({ label: r.income_label, amount: g });
   }
   if (d) {
     const g = d.reduce((c, h) => c + h.y, 0);
-    u.push({ label: s.spending_label, amount: g });
+    u.push({ label: r.spending_label, amount: g });
   }
   return u;
 }, Eo = ({
   availableHeight: o = 0,
-  minHeight: s = 500,
+  minHeight: r = 500,
   selectedDateRange: t,
   totals: n
 }) => {
-  const r = be(), { onEvent: d } = P(), { trends: u } = W(), { isSmallMobile: g, isMobile: c, isSmallTablet: h, isTablet: C } = ee(), p = [r.palette.chart?.chart1, r.palette.chart?.chart2], _ = Do(n, t), m = Io(_, u), [i, T] = l.useState(0), y = 458, L = 195, x = 56, D = c || g ? L : h || C ? y : i;
+  const s = be(), { onEvent: d } = P(), { trends: u } = W(), { isSmallMobile: g, isMobile: c, isSmallTablet: h, isTablet: C } = ee(), p = [s.palette.chart?.chart1, s.palette.chart?.chart2], _ = Do(n, t), m = Io(_, u), [i, T] = l.useState(0), y = 458, L = 195, x = 56, D = c || g ? L : h || C ? y : i;
   return l.useEffect(() => {
-    const A = Math.max(o - x, s);
+    const A = Math.max(o - x, r);
     T(A);
   }, [o]), /* @__PURE__ */ e(
     Ne,
@@ -1222,8 +1223,8 @@ const qe = ({ categoryGuid: o, topLevelCategoryGuid: s }) => {
   "WeeklyNewMerchantsV2",
   "WeeklyNoSpendDays",
   "WeeklySmallPurchasesSummary"
-], Ao = ({ onBackClick: o, onInsightCardClick: s, sx: t }) => {
-  const { onEvent: n } = P(), { onLoad: r } = mt(), { config: d } = pt(), { isLargeDesktop: u, isDesktop: g, isMobile: c } = ee(), { visibleAccounts: h } = ve(), { loadDateRangeCategoryTotals: C, loadMonthlyCategoryTotals: p, monthlyCategoryTotals: _ } = U(), { setFilter: m } = xe(), { selectedDateRange: i, setSelectedCategoryData: T, setSelectedDateRange: y } = pe(), {
+], Ao = ({ onBackClick: o, onInsightCardClick: r, sx: t }) => {
+  const { onEvent: n } = P(), { onLoad: s } = mt(), { config: d } = pt(), { isLargeDesktop: u, isDesktop: g, isMobile: c } = ee(), { visibleAccounts: h } = ve(), { loadDateRangeCategoryTotals: C, loadMonthlyCategoryTotals: p, monthlyCategoryTotals: _ } = U(), { setFilter: m } = xe(), { selectedDateRange: i, setSelectedCategoryData: T, setSelectedDateRange: y } = pe(), {
     isCopyLoaded: L,
     isInitialized: x,
     selectedAccounts: D,
@@ -1253,7 +1254,7 @@ const qe = ({ categoryGuid: o, topLevelCategoryGuid: s }) => {
       ae(!0), n(v.TRENDS_LOAD_WIDGET, {
         ...G,
         time_period: `${Ae(i.end, i.start)}M`
-      }), r?.("TrendsWidget");
+      }), s?.("TrendsWidget");
     });
   }, [x, D, i]), l.useEffect(() => {
     if (_.length !== 0) {
@@ -1281,23 +1282,23 @@ const qe = ({ categoryGuid: o, topLevelCategoryGuid: s }) => {
       toggleView: Q
     });
   }, Ee = (H) => {
-    const Q = $e(H?.[0], 1), ue = H?.[1], nt = Ae(ue, Q);
+    const Q = $e(H?.[0], 1), ue = H?.[1], st = Ae(ue, Q);
     y({ start: Q, end: ue }), n(v.TRENDS_CLICK_TIME_WINDOW, {
       ...G,
-      time_period: nt + "M"
+      time_period: st + "M"
     });
   }, Le = (H) => {
     n(v.TRENDS_CLICK_FILTER, {
       ...G,
       filterValue: H
     });
-  }, tt = (H) => {
+  }, ot = (H) => {
     te(H);
-  }, ot = () => {
+  }, nt = () => {
     te(""), n(v.TRENDS_CLICK_ALL_CATEGORIES, G);
   };
   return !L || !Ce ? /* @__PURE__ */ e(ge, {}) : /* @__PURE__ */ f(
-    Ye,
+    Ue,
     {
       accountOptions: h,
       calendarActions: { onRangeChanged: Ee },
@@ -1335,22 +1336,22 @@ const qe = ({ categoryGuid: o, topLevelCategoryGuid: s }) => {
                   sx: { pb: c ? 12 : 24, pt: c ? 24 : 48 },
                   children: [
                     /* @__PURE__ */ e(
-                      Je,
+                      et,
                       {
                         selectedCategoryGuid: $,
                         selectedDateRange: i
                       }
                     ),
-                    /* @__PURE__ */ e(Qe, { onTabChange: de, selectedTab: q })
+                    /* @__PURE__ */ e(Je, { onTabChange: de, selectedTab: q })
                   ]
                 }
               ),
-              /* @__PURE__ */ e(b, { alignItems: "center", flexDirection: "row", width: "100%", children: /* @__PURE__ */ e(N, { flexGrow: 1, children: $ && /* @__PURE__ */ f(_e, { onClick: ot, sx: { p: 0, pr: 5 }, children: [
+              /* @__PURE__ */ e(b, { alignItems: "center", flexDirection: "row", width: "100%", children: /* @__PURE__ */ e(N, { flexGrow: 1, children: $ && /* @__PURE__ */ f(_e, { onClick: nt, sx: { p: 0, pr: 5 }, children: [
                 /* @__PURE__ */ e(fe, { name: "arrow_back" }),
                 M.all_categories
               ] }) }) }),
               /* @__PURE__ */ f(b, { flexDirection: B ? "row" : "column", gap: B ? 48 : 16, children: [
-                q === "Chart" && /* @__PURE__ */ f(st, { children: [
+                q === "Chart" && /* @__PURE__ */ f(rt, { children: [
                   /* @__PURE__ */ e(N, { sx: { width: B ? "68%" : "100%" }, children: /* @__PURE__ */ e(
                     Lo,
                     {
@@ -1365,7 +1366,7 @@ const qe = ({ categoryGuid: o, topLevelCategoryGuid: s }) => {
                       xo,
                       {
                         beats: I,
-                        onInsightCardClick: s
+                        onInsightCardClick: r
                       }
                     ),
                     /* @__PURE__ */ e(
@@ -1378,11 +1379,11 @@ const qe = ({ categoryGuid: o, topLevelCategoryGuid: s }) => {
                   ] })
                 ] }),
                 q === "Table" && /* @__PURE__ */ e(N, { sx: { width: "100%" }, children: /* @__PURE__ */ e(
-                  et,
+                  tt,
                   {
                     height: "unset",
                     monthlyCategoryTotals: _,
-                    onClickRow: tt,
+                    onClickRow: ot,
                     selectedCategory: $,
                     selectedDateRange: i
                   }

package/package.json

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