@mx-cartographer/experiences 7.7.0-alpha.bb8 → 7.7.0-alpha.bb9

package/dist/{LineChart-BF4QA-Lx.mjs → LineChart-BoML7cMy.mjs}

@@ -89,7 +89,7 @@ const Tt = ({
     }
   ) })
 ] }), Rt = (t) => {
-  const r = W(), s = t.showLabel, o = t.style, b = o?.markLabelStyles, x = Number(t.x), h = Number(t.y), u = t.handlers?.onMarkClick, m = t.handlers?.onMouseEnter, c = t.handlers?.onMouseLeave, i = Dt(r.breakpoints.up("sm")), f = t.valueFormatterString ? p(t.yData[t.dataIndex], t.valueFormatterString) : String(t.yData[t.dataIndex]), d = i ? r.typography.Small?.fontSize : r.typography.XSmall?.fontSize, D = 30, T = 24, A = x - D / 2, B = h - 30;
+  const r = W(), s = t.showLabel, o = t.style, b = o?.markLabelStyles, x = Number(t.x), h = Number(t.y), u = t.handlers?.onMarkClick, m = t.handlers?.onMouseEnter, c = t.handlers?.onMouseLeave, i = Dt(r.breakpoints.up("sm")), f = t.valueFormatterString ? p(t.yData[t.dataIndex], t.valueFormatterString) : String(t.yData[t.dataIndex]), d = i ? r.typography.Small?.fontSize : r.typography.XSmall?.fontSize, C = 30, T = 24, A = x - C / 2, B = h - 30;
   return /* @__PURE__ */ a($, { children: [
     s && /* @__PURE__ */ a($, { children: [
       t.labelBackgroundColor && /* @__PURE__ */ e(
@@ -98,7 +98,7 @@ const Tt = ({
           fill: t.labelBackgroundColor,
           height: T,
           rx: "3",
-          width: D,
+          width: C,
           x: A,
           y: B
         }
@@ -306,7 +306,7 @@ const _t = ({
   customLegendBoxSx: i,
   customTooltipLabels: f,
   datasets: d,
-  height: D,
+  height: C,
   isGraphClippingXAxis: T = !1,
   labels: A,
   labelBackgroundColor: B,
@@ -337,10 +337,10 @@ const _t = ({
   width: ct,
   xAxisScaleType: dt
 }) => {
-  const y = W(), ht = d.flat().map((n) => n.x), C = d.flat().map((n) => n.y), O = E || Math.round(C.reduce((n, v) => v + n, 0) / C.length), w = Math.floor(Math.min(...C) / 100) * 100, L = Math.ceil(Math.max(...C) / 100) * 100, I = d.map((n, v) => ({
+  const y = W(), ht = d.flat().map((n) => n.x), w = d.flat().map((n) => n.y), O = E || Math.round(w.reduce((n, D) => D + n, 0) / w.length), L = Math.floor(Math.min(...w) / 100) * 100, S = Math.ceil(Math.max(...w) / 100) * 100, I = d.map((n, D) => ({
     type: N ? "bar" : "line",
     curve: u,
-    color: N ? y.palette.chart?.chart6 : h[v] ?? y.palette.primary.main,
+    color: N ? y.palette.chart?.chart6 : h[D] ?? y.palette.primary.main,
     data: n.map((g) => g.y),
     area: H,
     baseline: s,
@@ -355,21 +355,22 @@ const _t = ({
     },
     ...Q
   };
-  let S = J ?? w, R = K ?? L;
+  let v = J ?? L, R = K ?? S;
   if (o === "networthChart") {
-    const n = L - w, v = n < L * 0.05 ? 0.25 : 0.2, g = Math.max(n * v, L * 0.015);
-    S = w - g < 0 ? w : w - g, R = L + g;
+    const n = S - L, D = n < S * 0.05 ? 0.25 : 0.2, g = Math.max(n * D, S * 0.015);
+    v = L - g < 0 ? L : L - g, R = S + g;
   }
   const ut = () => {
     if (o === "creditOverTime")
-      return X(S, 850, 5);
+      return X(v, 850, 5);
     if (o === "networthChart")
-      return X(S, R, 5);
+      return X(v, R, 5);
   };
   return /* @__PURE__ */ a(
     Y,
     {
       sx: {
+        height: C || "100%",
         position: "relative",
         touchAction: "pan-y",
         // Allow vertical scrolling
@@ -388,7 +389,7 @@ const _t = ({
         /* @__PURE__ */ a(
           xt,
           {
-            height: D,
+            height: C,
             margin: mt,
             series: I,
             sx: {
@@ -411,11 +412,11 @@ const _t = ({
             yAxis: [
               {
                 tickInterval: ut(),
-                min: T ? -22 : S,
+                min: T ? -22 : v,
                 max: R || 100,
                 colorMap: H && I.length < 2 ? {
                   type: "continuous",
-                  min: S,
+                  min: v,
                   max: R,
                   color: [
                     y.palette.background.paper,
@@ -486,7 +487,7 @@ const _t = ({
                         showMark: tt || n.dataIndex === d[0].length - 1,
                         style: V?.(n.dataIndex) ?? {},
                         valueFormatterString: k,
-                        yData: C,
+                        yData: w,
                         ...n
                       }
                     )

package/dist/accounts/index.es.js

@@ -11,7 +11,7 @@ import B from "@mui/material/ListSubheader";
 import W from "@mui/system/Stack";
 import { useTheme as v1, alpha as A1 } from "@mui/material/styles";
 import { u as R, A as M1 } from "../AccountDetailsHeader-rT8KbT1M.mjs";
-import { L as w1 } from "../LineChart-BF4QA-Lx.mjs";
+import { L as w1 } from "../LineChart-BoML7cMy.mjs";
 import { g as x1, a as y1, b as b1 } from "../SpendingData-BmL0bwnS.mjs";
 import { m as S1, u as w, d as k, g as Z, h as C1, b as $, a as R1 } from "../hooks-ZMp65DFz.mjs";
 import { A as c1, g as L, N as h1 } from "../Account-Cp4uT2pE.mjs";

package/dist/finstrong/index.es.js

@@ -14,7 +14,7 @@ import { L as ee } from "../Loader-DUaFpDGv.mjs";
 import u from "react";
 import B from "@mui/material/Button";
 import Y from "@mui/material/Card";
-import { L as Ve } from "../LineChart-BF4QA-Lx.mjs";
+import { L as Ve } from "../LineChart-BoML7cMy.mjs";
 import { C as ft } from "../ConnectionsDrawer-BDpVTTSe.mjs";
 import { b as re } from "../GlobalAccountFilter-DQCPNc95.mjs";
 import le from "@mui/material/Tab";

package/dist/networth/index.es.js

@@ -2,7 +2,7 @@ import { jsx as e, jsxs as r, Fragment as N } from "react/jsx-runtime";
 import { fromUnixTime as re } from "date-fns/fromUnixTime";
 import { observer as w } from "mobx-react-lite";
 import { useTheme as j } from "@mui/material/styles";
-import { L as ie } from "../LineChart-BF4QA-Lx.mjs";
+import { L as ie } from "../LineChart-BoML7cMy.mjs";
 import { p as ae, q as B, u as E, g as $, d as Y, b as q } from "../hooks-ZMp65DFz.mjs";
 import { u as Z } from "../useScreenSize-B6JyS_Lj.mjs";
 import { f as se, D as ce } from "../Dialog-B4PI-_bL.mjs";

package/dist/trends/index.es.js

@@ -1,12 +1,12 @@
 import { jsxs as y, jsx as e, Fragment as yt } from "react/jsx-runtime";
 import u, { useRef as _t, useState as Tt, useEffect as bt } from "react";
 import { observer as R } from "mobx-react-lite";
-import { CategoryIcon as De, Text as z, Icon as Se, P as pe, H3 as je, ChevronRightIcon as St } from "@mxenabled/mxui";
+import { CategoryIcon as ve, Text as z, Icon as be, P as pe, H3 as je, ChevronRightIcon as St } from "@mxenabled/mxui";
 import A from "@mui/material/Box";
 import w from "@mui/material/Stack";
-import we from "@mui/material/Button";
+import Se from "@mui/material/Button";
 import { addSeconds as Ue } from "date-fns/addSeconds";
-import { differenceInCalendarMonths as xe } from "date-fns/differenceInCalendarMonths";
+import { differenceInCalendarMonths as we } from "date-fns/differenceInCalendarMonths";
 import wt from "numeral";
 import { useTheme as de } from "@mui/material/styles";
 import { useItemTooltip as xt, ChartsTooltipContainer as vt } from "@mui/x-charts/ChartsTooltip";
@@ -15,17 +15,17 @@ import { u as q } from "../useScreenSize-B6JyS_Lj.mjs";
 import { u as It } from "../useDimensions-27p2evRx.mjs";
 import Xe from "@mui/material/Card";
 import Ze from "@mui/material/CardContent";
-import Ne from "@mui/material/Divider";
+import He from "@mui/material/Divider";
 import Ge from "@mui/material/Grid";
-import { u as k, m as J, g as F, b as Ce, h as Ie, d as Le, v as ye, p as Qe, f as We, a as qe } from "../hooks-ZMp65DFz.mjs";
+import { u as k, m as J, g as P, b as fe, h as De, d as Ie, v as Ce, p as Qe, f as We, a as qe } from "../hooks-ZMp65DFz.mjs";
 import { b as Je } from "../Localization-2MODESHW.mjs";
-import { C as ve } from "../CurrencyText-Dr0EZ7bp.mjs";
+import { C as xe } from "../CurrencyText-Dr0EZ7bp.mjs";
 import { C as Re, b as Be, c as Lt } from "../Category-CevNQ03n.mjs";
 import { f as Q, D as V } from "../Dialog-B4PI-_bL.mjs";
 import { f as ae, a as Et } from "../NumberFormatting-DjTD0t3W.mjs";
 import { c as Mt, a as Ve, g as At, L as et } from "../TrendsStore-DXQnmdc8.mjs";
 import { T as Xn } from "../TrendsStore-DXQnmdc8.mjs";
-import { c as Rt, i as kt, d as Nt, e as Ht, b as tt, g as ot, f as Pe } from "../SpendingData-BmL0bwnS.mjs";
+import { c as Rt, i as kt, d as Ht, e as Nt, b as tt, g as ot, f as Fe } from "../SpendingData-BmL0bwnS.mjs";
 import Wt from "@mui/material/ToggleButton";
 import Ot from "@mui/material/ToggleButtonGroup";
 import { DataGridPro as Gt } from "@mui/x-data-grid-pro";
@@ -34,13 +34,13 @@ import { parseISO as nt } from "date-fns/parseISO";
 import { H as ke } from "../HeaderCell-DjuifqHJ.mjs";
 import { A as v, W as st } from "../WidgetContainer-Dd99GYSN.mjs";
 import { a as rt, T as at } from "../TransactionDetails-D1TZl3jS.mjs";
-import { D as He } from "../Drawer-DV4NTsFg.mjs";
-import { u as Ee } from "../useWidgetLoadTimer-hIOioiKx.mjs";
-import { L as fe } from "../Loader-DUaFpDGv.mjs";
-import { L as Oe } from "../LineChart-BF4QA-Lx.mjs";
+import { D as Ne } from "../Drawer-DV4NTsFg.mjs";
+import { u as Le } from "../useWidgetLoadTimer-hIOioiKx.mjs";
+import { L as Ee } from "../Loader-DUaFpDGv.mjs";
+import { L as Oe } from "../LineChart-BoML7cMy.mjs";
 import { M as Vt } from "../MiniWidgetContainer-98-hKFqm.mjs";
-import { subMonths as Pt } from "date-fns";
-import { TrendingUp as Ft, TrendingDown as $t, MultilineChart as zt, ExpandLess as Kt, ExpandMore as Yt } from "@mxenabled/mx-icons";
+import { subMonths as Ft } from "date-fns";
+import { TrendingUp as Pt, TrendingDown as $t, MultilineChart as zt, ExpandLess as Kt, ExpandMore as Yt } from "@mxenabled/mx-icons";
 import { M as jt } from "../MicroWidgetContainer-B2hO9rOG.mjs";
 import Ut from "@mui/material/Collapse";
 import Xt from "@mui/material/List";
@@ -65,7 +65,7 @@ const ct = ({ categoryGuid: o, topLevelCategoryGuid: s }) => {
         "aria-label": Je(n.category_icon_label_aria, r),
         mb: 4,
         role: "img",
-        children: /* @__PURE__ */ e(De, { categoryGuid: s })
+        children: /* @__PURE__ */ e(ve, { categoryGuid: s })
       }
     ),
     /* @__PURE__ */ e(z, { variant: "Body", children: r })
@@ -102,15 +102,15 @@ const ct = ({ categoryGuid: o, topLevelCategoryGuid: s }) => {
         /* @__PURE__ */ y(A, { alignItems: "center", display: "flex", flexDirection: "column", children: [
           /* @__PURE__ */ e(ct, { categoryGuid: o, topLevelCategoryGuid: s }),
           /* @__PURE__ */ e(z, { variant: "Small", children: `${n.length}-month total` }),
-          /* @__PURE__ */ e(ve, { amount: l, bold: !0, formatString: "0,0", variant: "body2" })
+          /* @__PURE__ */ e(xe, { amount: l, bold: !0, formatString: "0,0", variant: "body2" })
         ] }),
-        /* @__PURE__ */ e(Ne, { sx: { my: 16, width: "100%" } }),
+        /* @__PURE__ */ e(He, { sx: { my: 16, width: "100%" } }),
         /* @__PURE__ */ e(Ge, { container: !0, children: n.map((p, m) => /* @__PURE__ */ y(u.Fragment, { children: [
-          m > 0 && m % 3 === 0 && /* @__PURE__ */ e(Ne, { sx: { my: 16, width: "100%" } }),
+          m > 0 && m % 3 === 0 && /* @__PURE__ */ e(He, { sx: { my: 16, width: "100%" } }),
           /* @__PURE__ */ e(Ge, { item: !0, xs: 4, children: /* @__PURE__ */ y(A, { alignItems: "center", display: "flex", flexDirection: "column", children: [
             /* @__PURE__ */ e(z, { color: i.palette.text.secondary, variant: "XSmall", children: p.x }),
             /* @__PURE__ */ e(
-              ve,
+              xe,
               {
                 amount: p.y,
                 bold: !0,
@@ -144,7 +144,7 @@ const ct = ({ categoryGuid: o, topLevelCategoryGuid: s }) => {
       children: s.map(({ guid: c, top_level_guid: l }) => {
         const p = n === c, m = Re[c], _ = Re[l], f = m ?? _ ?? Re.default, g = f + "33";
         return /* @__PURE__ */ y(
-          we,
+          Se,
           {
             onClick: () => i(c),
             onMouseEnter: () => r(c),
@@ -194,7 +194,7 @@ const ct = ({ categoryGuid: o, topLevelCategoryGuid: s }) => {
   return l === void 0 || !p ? null : /* @__PURE__ */ e(Xe, { sx: { pt: 4, px: 8 }, children: /* @__PURE__ */ e(Ze, { children: /* @__PURE__ */ y(A, { alignItems: "center", display: "flex", flexDirection: "column", children: [
     /* @__PURE__ */ e(ct, { categoryGuid: o, topLevelCategoryGuid: s }),
     /* @__PURE__ */ e(z, { color: i.palette.text.secondary, variant: "Small", children: Q(p, V.MONTH_SHORT_YEAR) }),
-    /* @__PURE__ */ e(ve, { amount: String(l), bold: !0, formatString: "0,0", variant: "Body" })
+    /* @__PURE__ */ e(xe, { amount: String(l), bold: !0, formatString: "0,0", variant: "Body" })
   ] }) }) });
 }, ho = ({
   onHoverArea: o,
@@ -216,11 +216,11 @@ const ct = ({ categoryGuid: o, topLevelCategoryGuid: s }) => {
     hoveredAreaData: null,
     isAreaHovered: !1,
     cursorPos: { x: 0, y: 0 }
-  }), { hoveredSeriesId: b, hoveredAreaData: E, isAreaHovered: W, cursorPos: M } = S, $ = W && b && E, K = !$, N = [...r, ...i], O = N[0]?.dataset.length ?? 0, ee = N.flatMap((a) => a.dataset.map((T) => T.x)), P = N.flatMap((a) => a.dataset.map((T) => T.y)), te = r[0]?.dataset?.map(
+  }), { hoveredSeriesId: b, hoveredAreaData: E, isAreaHovered: W, cursorPos: M } = S, $ = W && b && E, K = !$, H = [...r, ...i], O = H[0]?.dataset.length ?? 0, ee = H.flatMap((a) => a.dataset.map((T) => T.x)), F = H.flatMap((a) => a.dataset.map((T) => T.y)), te = r[0]?.dataset?.map(
     (a, T) => r.reduce((I, Z) => I + Z.dataset[T]?.y || 0, 0)
   ) ?? [0], Y = Math.max(...te), ie = Math.max(
     ...i.flatMap((a) => a.dataset.map((T) => T.y))
-  ), _e = Math.floor(Math.min(...P) / 100) * 100, ne = Math.ceil(Math.max(Y, ie) / 100) * 100, j = r.map((a, T) => ({
+  ), ye = Math.floor(Math.min(...F) / 100) * 100, ne = Math.ceil(Math.max(Y, ie) / 100) * 100, j = r.map((a, T) => ({
     id: `stacked-${T}`,
     guid: a.category_guid,
     top_level_guid: a.top_level_category_guid,
@@ -265,15 +265,15 @@ const ct = ({ categoryGuid: o, topLevelCategoryGuid: s }) => {
     const a = X(String(b)).guid;
     a && t?.(a);
   }, he = (a) => {
-    const T = String(a?.seriesId), I = X(T).guid, Z = se.find((ge) => ge.id === T), Te = Z && a?.dataIndex !== void 0, be = Z && a?.dataIndex === void 0;
-    if (Te)
+    const T = String(a?.seriesId), I = X(T).guid, Z = se.find((ge) => ge.id === T), _e = Z && a?.dataIndex !== void 0, Te = Z && a?.dataIndex === void 0;
+    if (_e)
       L({
         hoveredSeriesId: T,
         hoveredAreaData: null,
         isAreaHovered: !1,
         cursorPos: M
       }), s?.(I);
-    else if (be) {
+    else if (Te) {
       const ge = Z?.data.map((Me, Ae) => ({
         x: ee[Ae],
         y: Me
@@ -384,7 +384,7 @@ const ct = ({ categoryGuid: o, topLevelCategoryGuid: s }) => {
                 ],
                 yAxis: [
                   {
-                    min: _e,
+                    min: ye,
                     max: ne || 100,
                     valueFormatter: (a) => wt(a).format("0a")
                   }
@@ -437,7 +437,7 @@ const ct = ({ categoryGuid: o, topLevelCategoryGuid: s }) => {
           color: "primary",
           sx: { width: 56 },
           value: t,
-          children: t === "Chart" ? /* @__PURE__ */ e(Se, { name: "table_chart_view" }) : /* @__PURE__ */ e(Se, { name: "format_list_bulleted" })
+          children: t === "Chart" ? /* @__PURE__ */ e(be, { name: "table_chart_view" }) : /* @__PURE__ */ e(be, { name: "format_list_bulleted" })
         },
         t
       ))
@@ -475,7 +475,7 @@ const ct = ({ categoryGuid: o, topLevelCategoryGuid: s }) => {
     /* @__PURE__ */ e(z, { variant: r ? "subtitle1" : "body2", children: h })
   ] });
 }, go = ({ name: o, topLevelCategoryGuid: s }) => /* @__PURE__ */ y(w, { alignItems: "center", direction: "row", justifyContent: "center", children: [
-  /* @__PURE__ */ e(A, { "aria-hidden": !0, children: /* @__PURE__ */ e(De, { categoryGuid: s, variant: "twotone" }) }),
+  /* @__PURE__ */ e(A, { "aria-hidden": !0, children: /* @__PURE__ */ e(ve, { categoryGuid: s, variant: "twotone" }) }),
   /* @__PURE__ */ e(z, { sx: { ml: 12 }, variant: "body2", children: o })
 ] }), mo = (o) => /* @__PURE__ */ e(w, { alignItems: "center", direction: "row", role: "rowheader", tabIndex: o.tabIndex, children: /* @__PURE__ */ e(
   go,
@@ -483,10 +483,10 @@ const ct = ({ categoryGuid: o, topLevelCategoryGuid: s }) => {
     name: o.row.category,
     topLevelCategoryGuid: o.row.top_level_category_guid
   }
-) }), Fe = (o) => {
+) }), Pe = (o) => {
   const s = o.row.category_guid, n = o.row.top_level_category_guid, t = s === Be.INCOME || n === Be.INCOME, r = o.row[o.field];
   return /* @__PURE__ */ e(w, { alignItems: "flex-end", direction: "row", tabIndex: o.tabIndex, children: /* @__PURE__ */ e(
-    ve,
+    xe,
     {
       amount: t ? Math.abs(r) : r,
       isIncome: t,
@@ -527,7 +527,7 @@ const ct = ({ categoryGuid: o, topLevelCategoryGuid: s }) => {
     headerName: i,
     minWidth: 100,
     renderHeader: ke,
-    renderCell: Fe,
+    renderCell: Pe,
     align: "right",
     headerAlign: "right",
     sortable: !0,
@@ -541,7 +541,7 @@ const ct = ({ categoryGuid: o, topLevelCategoryGuid: s }) => {
     headerName: s.table_column_total,
     minWidth: 100,
     renderHeader: ke,
-    renderCell: Fe,
+    renderCell: Pe,
     align: "right",
     headerAlign: "right",
     sortable: !0,
@@ -583,7 +583,7 @@ const ct = ({ categoryGuid: o, topLevelCategoryGuid: s }) => {
   height: t = "100%",
   sx: r = {}
 }) => {
-  const i = de(), { onEvent: h } = F(), { trends: d } = k(), { trendsCategories: c } = J(), l = u.useMemo(() => po(o.start, o.end), [o]), p = i.palette.mode === "light", m = u.useMemo(() => fo(l, d), [l, d]), _ = u.useMemo(() => {
+  const i = de(), { onEvent: h } = P(), { trends: d } = k(), { trendsCategories: c } = J(), l = u.useMemo(() => po(o.start, o.end), [o]), p = i.palette.mode === "light", m = u.useMemo(() => fo(l, d), [l, d]), _ = u.useMemo(() => {
     if (s)
       return c.find((g) => g.guid === s);
   }, [s, c]), f = u.useMemo(() => {
@@ -633,7 +633,7 @@ const ct = ({ categoryGuid: o, topLevelCategoryGuid: s }) => {
   isOpen: n,
   onClose: t
 }) => {
-  const { onEvent: r } = F(), { selectedAccountGuids: i } = Ce(), { common: h } = k(), { setFilter: d, sortedTransactions: c } = Ie(), [l, p] = u.useState(""), m = u.useMemo(
+  const { onEvent: r } = P(), { selectedAccountGuids: i } = fe(), { common: h } = k(), { setFilter: d, sortedTransactions: c } = De(), [l, p] = u.useState(""), m = u.useMemo(
     () => c.find((f) => f.guid === l),
     [l, c]
   );
@@ -649,7 +649,7 @@ const ct = ({ categoryGuid: o, topLevelCategoryGuid: s }) => {
     p(""), t();
   };
   return /* @__PURE__ */ y(
-    He,
+    Ne,
     {
       ariaLabelClose: h.close_aria,
       isOpen: n,
@@ -662,7 +662,7 @@ const ct = ({ categoryGuid: o, topLevelCategoryGuid: s }) => {
     }
   );
 }, To = R(_o), bo = ({ onBackClick: o, sx: s }) => {
-  const { onEvent: n } = F(), { isDesktop: t, isTablet: r, isMobile: i } = q(), { isAccountDataLoaded: h, loadAccountData: d } = Le(), {
+  const { onEvent: n } = P(), { isDesktop: t, isTablet: r, isMobile: i } = q(), { isAccountDataLoaded: h, loadAccountData: d } = Ie(), {
     categoriesLoaded: c,
     loadCategories: l,
     loadDateRangeCategoryTotals: p,
@@ -673,8 +673,8 @@ const ct = ({ categoryGuid: o, topLevelCategoryGuid: s }) => {
     isTransactionDataLoaded: g,
     loadTransactionData: C,
     sortedTransactions: x
-  } = Ie(), { selectedDateRange: S, setSelectedDateRange: L } = ye(), { isInitialized: b, selectedAccounts: E } = Ce(), { trends: W } = k(), [M, $] = u.useState(!1), [K, N] = u.useState(!1), [O, ee] = u.useState("Chart"), [P, te] = u.useState(""), [Y, ie] = u.useState(window.innerHeight), ne = Y - (i ? 315 : 345);
-  Ee({
+  } = De(), { selectedDateRange: S, setSelectedDateRange: L } = Ce(), { isInitialized: b, selectedAccounts: E } = fe(), { trends: W } = k(), [M, $] = u.useState(!1), [K, H] = u.useState(!1), [O, ee] = u.useState("Chart"), [F, te] = u.useState(""), [Y, ie] = u.useState(window.innerHeight), ne = Y - (i ? 315 : 345);
+  Le({
     widgetName: "TrendsFullWidget",
     isLoaded: M
   }), u.useEffect(() => {
@@ -690,7 +690,7 @@ const ct = ({ categoryGuid: o, topLevelCategoryGuid: s }) => {
     }).finally(() => {
       $(!0), n(v.TRENDS_LOAD_WIDGET, {
         ...G,
-        time_period: `${xe(S.end, S.start)}M`
+        time_period: `${we(S.end, S.start)}M`
       });
     });
   }, [b, E, S]);
@@ -700,17 +700,17 @@ const ct = ({ categoryGuid: o, topLevelCategoryGuid: s }) => {
       _,
       S.start,
       S.end
-    ), B = P.length ? D.filter(
-      (a) => a.top_level_category_guid === P || a.category_guid === P
+    ), B = F.length ? D.filter(
+      (a) => a.top_level_category_guid === F || a.category_guid === F
     ) : Rt(D);
     return {
       stackedDatasets: B.filter(kt),
-      unstackedDatasets: B.filter(Nt)
+      unstackedDatasets: B.filter(Ht)
     };
-  }, [_, P, S]), U = (D, B) => {
+  }, [_, F, S]), U = (D, B) => {
     ee(B ?? O), n(v.TRENDS_CLICK_TOGGLE_VIEW);
   }, se = (D) => {
-    const B = Ue(D?.[0], 1), a = D?.[1], T = xe(a, B);
+    const B = Ue(D?.[0], 1), a = D?.[1], T = we(a, B);
     L({ start: B, end: a }), n(v.TRENDS_CLICK_TIME_WINDOW, {
       time_period: T + "M"
     });
@@ -727,7 +727,7 @@ const ct = ({ categoryGuid: o, topLevelCategoryGuid: s }) => {
   }, he = (D) => {
     n(v.TRENDS_HOVER_POINT, { category: D });
   };
-  return !b || !M ? /* @__PURE__ */ e(fe, {}) : /* @__PURE__ */ y(
+  return !b || !M ? /* @__PURE__ */ e(Ee, {}) : /* @__PURE__ */ y(
     st,
     {
       calendarActions: { onRangeChanged: se },
@@ -756,7 +756,7 @@ const ct = ({ categoryGuid: o, topLevelCategoryGuid: s }) => {
                     /* @__PURE__ */ e(
                       dt,
                       {
-                        selectedCategoryGuid: P,
+                        selectedCategoryGuid: F,
                         selectedDateRange: S
                       }
                     ),
@@ -765,11 +765,11 @@ const ct = ({ categoryGuid: o, topLevelCategoryGuid: s }) => {
                 }
               ),
               /* @__PURE__ */ y(w, { alignItems: "center", flexDirection: "row", width: "100%", children: [
-                /* @__PURE__ */ e(A, { flexGrow: 1, children: P && /* @__PURE__ */ y(we, { onClick: () => te(""), sx: { p: 0, pr: 5 }, children: [
-                  /* @__PURE__ */ e(Se, { name: "arrow_back" }),
+                /* @__PURE__ */ e(A, { flexGrow: 1, children: F && /* @__PURE__ */ y(Se, { onClick: () => te(""), sx: { p: 0, pr: 5 }, children: [
+                  /* @__PURE__ */ e(be, { name: "arrow_back" }),
                   W.all_categories
                 ] }) }),
-                /* @__PURE__ */ e(we, { onClick: () => N(!0), sx: { px: 5 }, children: `${W.view_transactions} (${x.length})` })
+                /* @__PURE__ */ e(Se, { onClick: () => H(!0), sx: { px: 5 }, children: `${W.view_transactions} (${x.length})` })
               ] }),
               /* @__PURE__ */ y(A, { children: [
                 O === "Chart" && /* @__PURE__ */ e(
@@ -788,7 +788,7 @@ const ct = ({ categoryGuid: o, topLevelCategoryGuid: s }) => {
                   ut,
                   {
                     onClickRow: X,
-                    selectedCategory: P,
+                    selectedCategory: F,
                     selectedDateRange: S
                   }
                 )
@@ -799,10 +799,10 @@ const ct = ({ categoryGuid: o, topLevelCategoryGuid: s }) => {
         /* @__PURE__ */ e(
           To,
           {
-            categoryGuid: P,
+            categoryGuid: F,
             dateRange: S,
             isOpen: K,
-            onClose: () => N(!1)
+            onClose: () => H(!1)
           }
         )
       ]
@@ -810,10 +810,10 @@ const ct = ({ categoryGuid: o, topLevelCategoryGuid: s }) => {
   );
 }, $n = R(bo), So = () => {
   const { monthlyCategoryTotals: o } = J(), { trends: s } = k(), n = de(), { availableHeight: t = 300 } = Qe(), r = u.useMemo(
-    () => Ht(o),
+    () => Nt(o),
     [o]
   );
-  return console.warn("SPENDING_MINI_CHART: Data - ", r), /* @__PURE__ */ e(
+  return /* @__PURE__ */ e(
     Oe,
     {
       baseline: "min",
@@ -830,26 +830,26 @@ const ct = ({ categoryGuid: o, topLevelCategoryGuid: s }) => {
     }
   );
 }, wo = R(So), xo = ({ onPrimaryCtaClick: o, sx: s }) => {
-  const { isAccountDataLoaded: n, loadAccountData: t } = Le(), { loadMonthlyCategoryTotals: r, monthlyTotalsLoaded: i } = J(), { isInitialized: h } = We(), { trends: d } = k(), { selectedAccounts: c } = Ce();
+  const { isAccountDataLoaded: n, loadAccountData: t } = Ie(), { loadMonthlyCategoryTotals: r, monthlyTotalsLoaded: i } = J(), { isInitialized: h } = We(), { trends: d } = k(), { selectedAccounts: c } = fe();
   return u.useEffect(() => {
     n || t().finally();
-  }, []), Ee({
+  }, []), Le({
     widgetName: "TrendsMiniWidget",
     isLoaded: i
   }), u.useEffect(() => {
-    h && (console.warn("TRENDS_MINI: Loading Month Totals"), r(c).finally());
-  }, [h, c]), h ? (console.warn("TRENDS_MINI: Monthly Loaded:", i), /* @__PURE__ */ e(
+    h && r(c).finally();
+  }, [h, c]), !h && !i ? /* @__PURE__ */ e(Ee, {}) : /* @__PURE__ */ e(
     Vt,
     {
-      contentStyles: { height: "calc(100% - 72px)", ":last-child": { pb: 0 } },
+      contentStyles: { height: "calc(100% - 72px)", minHeight: 300, ":last-child": { pb: 0 } },
       onPrimaryCtaClick: o,
       primaryCtaLabel: d.primary_cta,
       subTitle: d.sub_title,
       sx: { height: "100%", ...s },
       title: d.mini_title,
-      children: i ? /* @__PURE__ */ e(wo, {}) : /* @__PURE__ */ e(fe, {})
+      children: /* @__PURE__ */ e(wo, {})
     }
-  )) : /* @__PURE__ */ e(fe, {});
+  );
 }, zn = R(xo), vo = 70, Ke = ({
   title: o,
   totalAmount: s,
@@ -886,7 +886,7 @@ const ct = ({ categoryGuid: o, topLevelCategoryGuid: s }) => {
             children: [
               /* @__PURE__ */ e(pe, { color: "text.secondary", variant: "caption", children: o }),
               i && /* @__PURE__ */ y(w, { sx: { alignItems: "center", flexDirection: "row", gap: 4 }, children: [
-                m ? /* @__PURE__ */ e(Ft, { size: 20, sx: { color: _ } }) : /* @__PURE__ */ e($t, { size: 20, sx: { color: f } }),
+                m ? /* @__PURE__ */ e(Pt, { size: 20, sx: { color: _ } }) : /* @__PURE__ */ e($t, { size: 20, sx: { color: f } }),
                 /* @__PURE__ */ e(
                   pe,
                   {
@@ -944,15 +944,15 @@ const ct = ({ categoryGuid: o, topLevelCategoryGuid: s }) => {
     ] })
   ] });
 }), Kn = R(({ onCtaClick: o }) => {
-  const { isAccountDataLoaded: s, loadAccountData: n, visibleAccounts: t } = Le();
+  const { isAccountDataLoaded: s, loadAccountData: n, visibleAccounts: t } = Ie();
   u.useEffect(() => {
     s || n().finally();
   }, []);
-  const { onEvent: r } = F(), { monthlyCategoryTotals: i, loadMonthlyCategoryTotals: h, monthlyTotalsLoaded: d } = J(), c = {
-    start: Pt(/* @__PURE__ */ new Date(), 1),
+  const { onEvent: r } = P(), { monthlyCategoryTotals: i, loadMonthlyCategoryTotals: h, monthlyTotalsLoaded: d } = J(), c = {
+    start: Ft(/* @__PURE__ */ new Date(), 1),
     end: /* @__PURE__ */ new Date()
-  }, { trends: l } = k(), { selectedAccounts: p, isInitialized: m } = Ce();
-  Ee({
+  }, { trends: l } = k(), { selectedAccounts: p, isInitialized: m } = fe();
+  Le({
     widgetName: "TrendsMicroWidget",
     isLoaded: d
   }), u.useEffect(() => {
@@ -968,12 +968,12 @@ const ct = ({ categoryGuid: o, topLevelCategoryGuid: s }) => {
       incomeData: ot(i, c)
     }),
     [i, c]
-  ), [g, C] = _, [x, S] = f, L = Pe(C.y, g.y), b = Pe(S.y, x.y), E = m && !t?.length, W = () => {
+  ), [g, C] = _, [x, S] = f, L = Fe(C.y, g.y), b = Fe(S.y, x.y), E = m && !t?.length, W = () => {
     r(
       E ? v.TRENDS_CLICK_GET_STARTED : v.TRENDS_CLICK_VIEW_MORE
     ), o();
   };
-  return !d || !m ? /* @__PURE__ */ e(fe, {}) : /* @__PURE__ */ e(
+  return !d || !m ? /* @__PURE__ */ e(Ee, {}) : /* @__PURE__ */ e(
     jt,
     {
       className: "mx-trends-microwidget",
@@ -1049,7 +1049,7 @@ const ct = ({ categoryGuid: o, topLevelCategoryGuid: s }) => {
     isLastItem: i = !1,
     showDivider: h = !0
   }) => {
-    const { trends: d } = k(), { onEvent: c } = F(), l = `${t.length} ${t.length === 1 ? d.transaction : d.transactions}`, p = () => {
+    const { trends: d } = k(), { onEvent: c } = P(), l = `${t.length} ${t.length === 1 ? d.transaction : d.transactions}`, p = () => {
       r?.(), c(v.TRENDS_CLICK_LIST_ITEM, {
         ...G,
         listItem: n
@@ -1059,7 +1059,7 @@ const ct = ({ categoryGuid: o, topLevelCategoryGuid: s }) => {
       /* @__PURE__ */ e(
         et,
         {
-          leftIcon: s ? /* @__PURE__ */ e(De, { categoryGuid: s }) : void 0,
+          leftIcon: s ? /* @__PURE__ */ e(ve, { categoryGuid: s }) : void 0,
           onClick: p,
           rightContent: ae(Math.abs(o), "0,0.00"),
           rightIcon: r ? /* @__PURE__ */ e(St, {}) : void 0,
@@ -1067,12 +1067,12 @@ const ct = ({ categoryGuid: o, topLevelCategoryGuid: s }) => {
           title: n
         }
       ),
-      h && /* @__PURE__ */ e(Ne, { sx: { ml: i ? 24 : 68 } })
+      h && /* @__PURE__ */ e(He, { sx: { ml: i ? 24 : 68 } })
     ] }, s);
   }
 ), Lo = R(
   ({ availableHeight: o = 0, onCategoryClick: s }) => {
-    const { collapsedCategories: n, visibleCategories: t, setVisibleListLength: r } = ye(), { isLargeDesktop: i, isDesktop: h } = q(), { trends: d } = k(), { onEvent: c } = F(), [l, p] = u.useState(!1), m = h || i;
+    const { collapsedCategories: n, visibleCategories: t, setVisibleListLength: r } = Ce(), { isLargeDesktop: i, isDesktop: h } = q(), { trends: d } = k(), { onEvent: c } = P(), [l, p] = u.useState(!1), m = h || i;
     u.useEffect(() => {
       const g = Math.floor(o / 64) - 1, C = t.length + n.length;
       g !== t.length && (r(m ? Math.max(g, 5) : 5), p(g >= C));
@@ -1118,7 +1118,7 @@ const ct = ({ categoryGuid: o, topLevelCategoryGuid: s }) => {
     ] }) });
   }
 ), Eo = ({ beats: o, onInsightCardClick: s }) => {
-  const { onEvent: n } = F(), { isMobile: t, isDesktop: r, isLargeDesktop: i } = q(), { beatStore: h, endpoint: d, sessionToken: c } = We(), l = r || i, p = l || t ? 1 : 2, m = () => null, _ = (L) => {
+  const { onEvent: n } = P(), { isMobile: t, isDesktop: r, isLargeDesktop: i } = q(), { beatStore: h, endpoint: d, sessionToken: c } = We(), l = r || i, p = l || t ? 1 : 2, m = () => null, _ = (L) => {
     s?.(L), n(v.TRENDS_CLICK_INSIGHT, G);
   }, f = l ? 200 : 170, g = l ? 170 : 124, C = l ? 56 : 0, x = o.length > 0 ? f + C : g, S = l && o.length > 0 ? f : void 0;
   return /* @__PURE__ */ e(eo, { sx: { height: x }, children: /* @__PURE__ */ e(
@@ -1143,9 +1143,9 @@ const ct = ({ categoryGuid: o, topLevelCategoryGuid: s }) => {
     }
   ) });
 }, Mo = R(Eo), Ao = R(({ chartLabel: o, chartColor: s }) => {
-  const { onEvent: n } = F(), {
+  const { onEvent: n } = P(), {
     categoryDetailsChartData: { monthlyAmounts: t, tooltipLabels: r }
-  } = ye();
+  } = Ce();
   return /* @__PURE__ */ e(w, { sx: { pt: 12, width: "100%" }, children: /* @__PURE__ */ e(
     Oe,
     {
@@ -1176,21 +1176,21 @@ const ct = ({ categoryGuid: o, topLevelCategoryGuid: s }) => {
     }
   ) });
 }), Ro = R(({ onClose: o }) => {
-  const s = it(), { is_mobile_webview: n } = qe(), { isDesktop: t, isSmallTablet: r, isTablet: i } = q(), { onEvent: h } = F(), { common: d, trends: c } = k(), { selectedCategoryData: l, selectedDateRangeMonthRange: p } = ye(), { sortedTransactions: m } = Ie(), [_, f] = u.useState(null);
+  const s = it(), { is_mobile_webview: n } = qe(), { isDesktop: t, isSmallTablet: r, isTablet: i } = q(), { onEvent: h } = P(), { common: d, trends: c } = k(), { selectedCategoryData: l, selectedDateRangeMonthRange: p } = Ce(), { sortedTransactions: m } = De(), [_, f] = u.useState(null);
   if (!l)
     return null;
   const { guid: g, name: C, is_income: x, totalAmount: S } = l, L = x ? c.category_income : c.category_spending, b = oo(g, s), E = x ? c.income_label : c.spending_label, W = ` ${l.transactions.length === 1 ? c.transaction : c.transactions} (${l.transactions.length})`, M = u.useMemo(
     () => m.find((O) => O.guid === _),
     [_, m]
-  ), $ = m.length > 0 && !n && (t || i && !r), K = (O) => O.category_guid === g || O.top_level_category_guid === g, N = () => {
+  ), $ = m.length > 0 && !n && (t || i && !r), K = (O) => O.category_guid === g || O.top_level_category_guid === g, H = () => {
     o?.(), h(v.TRENDS_CLICK_BACK, G);
   };
   return /* @__PURE__ */ y(
-    He,
+    Ne,
     {
       ariaLabelClose: c.close_category_details,
       isOpen: !0,
-      onClose: N,
+      onClose: H,
       shouldShowHeaderShadow: !0,
       title: L,
       children: [
@@ -1199,7 +1199,7 @@ const ct = ({ categoryGuid: o, topLevelCategoryGuid: s }) => {
             /* @__PURE__ */ e(
               et,
               {
-                leftIcon: /* @__PURE__ */ e(De, { categoryGuid: g }),
+                leftIcon: /* @__PURE__ */ e(ve, { categoryGuid: g }),
                 rightContent: ae(Math.abs(S), "0,0.00"),
                 subtitle: p,
                 title: C
@@ -1222,7 +1222,7 @@ const ct = ({ categoryGuid: o, topLevelCategoryGuid: s }) => {
           )
         ] }),
         /* @__PURE__ */ e(
-          He,
+          Ne,
           {
             ariaLabelClose: d.close_aria,
             isOpen: !!M,
@@ -1237,7 +1237,7 @@ const ct = ({ categoryGuid: o, topLevelCategoryGuid: s }) => {
 }), ko = (o, s) => {
   const n = ot(o, s), t = tt(o, s);
   return [n, t].filter((r) => r.length > 0);
-}, No = (o, s) => {
+}, Ho = (o, s) => {
   const [n, t] = o, r = n, i = t ?? n, h = [];
   if (r) {
     const d = r.reduce((c, l) => c + l.y, 0);
@@ -1248,13 +1248,13 @@ const ct = ({ categoryGuid: o, topLevelCategoryGuid: s }) => {
     h.push({ label: s.spending_label, amount: d });
   }
   return h;
-}, Ho = ({
+}, No = ({
   availableHeight: o = 0,
   minHeight: s = 500,
   selectedDateRange: n,
   totals: t
 }) => {
-  const r = de(), { onEvent: i } = F(), { trends: h } = k(), { isSmallMobile: d, isMobile: c, isSmallTablet: l, isTablet: p } = q(), m = [r.palette.chart?.chart1, r.palette.chart?.chart2], _ = ko(t, n), f = No(_, h), [g, C] = u.useState(0), x = 458, S = 195, L = 56, b = c || d ? S : l || p ? x : g;
+  const r = de(), { onEvent: i } = P(), { trends: h } = k(), { isSmallMobile: d, isMobile: c, isSmallTablet: l, isTablet: p } = q(), m = [r.palette.chart?.chart1, r.palette.chart?.chart2], _ = ko(t, n), f = Ho(_, h), [g, C] = u.useState(0), x = 458, S = 195, L = 56, b = c || d ? S : l || p ? x : g;
   return u.useEffect(() => {
     const W = Math.max(o - L, s);
     C(W);
@@ -1281,7 +1281,7 @@ const ct = ({ categoryGuid: o, topLevelCategoryGuid: s }) => {
       valueFormatterString: "0.0a"
     }
   );
-}, Wo = R(Ho), Oo = [
+}, Wo = R(No), Oo = [
   "BillAmountNotStandard",
   "CategorySpendingV2",
   "CostOfLivingToIncome",
@@ -1316,24 +1316,24 @@ const ct = ({ categoryGuid: o, topLevelCategoryGuid: s }) => {
   "WeeklyNoSpendDays",
   "WeeklySmallPurchasesSummary"
 ], Go = ({ onBackClick: o, onInsightCardClick: s, sx: n }) => {
-  const { onEvent: t } = F(), { config: r } = qe(), { isLargeDesktop: i, isDesktop: h, isMobile: d } = q(), { isAccountDataLoaded: c, loadAccountData: l, visibleAccounts: p } = Le(), {
+  const { onEvent: t } = P(), { config: r } = qe(), { isLargeDesktop: i, isDesktop: h, isMobile: d } = q(), { isAccountDataLoaded: c, loadAccountData: l, visibleAccounts: p } = Ie(), {
     categoriesLoaded: m,
     loadCategories: _,
     loadDateRangeCategoryTotals: f,
     loadMonthlyCategoryTotals: g,
     monthlyCategoryTotals: C
-  } = J(), { isTransactionDataLoaded: x, loadTransactionData: S, setFilter: L } = Ie(), { selectedDateRange: b, setSelectedCategoryData: E, setSelectedDateRange: W } = ye(), { isInitialized: M, selectedAccounts: $, selectedAccountGuids: K } = Ce(), { trends: N, connect: O } = k(), { beatStore: ee } = We(), te = so() && r.show_insights_widget_in_master, Y = h || i, [ie, _e] = u.useState(!1), [ne, j] = u.useState(!1), [U, se] = u.useState("Chart"), [re, X] = u.useState(""), [ue, ce] = u.useState(!1), [le, he] = u.useState(window.innerHeight), D = Y ? 56 : 0, B = le - 208, a = le - (te ? 550 + D : 266), [T, I] = u.useState(!1), Z = r.show_connections_widget_in_master ? "buttons" : "no-buttons", Te = u.useMemo(
+  } = J(), { isTransactionDataLoaded: x, loadTransactionData: S, setFilter: L } = De(), { selectedDateRange: b, setSelectedCategoryData: E, setSelectedDateRange: W } = Ce(), { isInitialized: M, selectedAccounts: $, selectedAccountGuids: K } = fe(), { trends: H, connect: O } = k(), { beatStore: ee } = We(), te = so() && r.show_insights_widget_in_master, Y = h || i, [ie, ye] = u.useState(!1), [ne, j] = u.useState(!1), [U, se] = u.useState("Chart"), [re, X] = u.useState(""), [ue, ce] = u.useState(!1), [le, he] = u.useState(window.innerHeight), D = Y ? 56 : 0, B = le - 208, a = le - (te ? 550 + D : 266), [T, I] = u.useState(!1), Z = r.show_connections_widget_in_master ? "buttons" : "no-buttons", _e = u.useMemo(
     () => p && p.length === 0 || C.length === 0,
     [p, C]
   );
-  Ee({
+  Le({
     widgetName: "TrendsWidget",
     isLoaded: ie
   });
-  const be = u.useMemo(() => ne ? ee.getFilteredBeats({ templates: Oo }) : [], [ne]);
+  const Te = u.useMemo(() => ne ? ee.getFilteredBeats({ templates: Oo }) : [], [ne]);
   u.useEffect(() => {
-    const H = () => he(window.innerHeight);
-    return window.addEventListener("resize", H), c || l().finally(), m || _().finally(), x || S().finally(), () => window.removeEventListener("resize", H);
+    const N = () => he(window.innerHeight);
+    return window.addEventListener("resize", N), c || l().finally(), m || _().finally(), x || S().finally(), () => window.removeEventListener("resize", N);
   }, []), u.useEffect(() => {
     M && (ee.loadBeats().finally(() => j(!0)), f($, b.start, b.end).then(() => {
       g(
@@ -1342,53 +1342,53 @@ const ct = ({ categoryGuid: o, topLevelCategoryGuid: s }) => {
         b.end
       );
     }).finally(() => {
-      _e(!0), t(v.TRENDS_LOAD_WIDGET, {
+      ye(!0), t(v.TRENDS_LOAD_WIDGET, {
         ...G,
-        time_period: `${xe(b.end, b.start)}M`
+        time_period: `${we(b.end, b.start)}M`
       });
     }));
   }, [M, $, b]), u.useEffect(() => {
     if (C.length !== 0) {
-      const H = {
+      const N = {
         accounts: K,
         dateRange: { start: b.start, end: b.end }
       };
       L({
-        ...H,
+        ...N,
         custom: (oe) => !!C.find(
           (me) => me.top_level_category_guid === oe.top_level_category_guid || me.category_guid === oe.category_guid
         )
       });
     }
   }, [C]);
-  const ge = (H) => {
-    E(H), ce(!0);
+  const ge = (N) => {
+    E(N), ce(!0);
   }, Me = () => {
     E(null), ce(!1);
   }, Ae = () => {
     I(!0), t(v.TRENDS_CLICK_CONNECT_ACCOUNTS);
-  }, ht = (H, oe) => {
+  }, ht = (N, oe) => {
     se(oe ?? U), t(v.TRENDS_CLICK_TOGGLE_VIEW, {
       ...G,
       toggleView: oe
     });
-  }, gt = (H) => {
-    const oe = Ue(H?.[0], 1), me = H?.[1], Ct = xe(me, oe);
+  }, gt = (N) => {
+    const oe = Ue(N?.[0], 1), me = N?.[1], Ct = we(me, oe);
     W({ start: oe, end: me }), t(v.TRENDS_CLICK_TIME_WINDOW, {
       ...G,
       time_period: Ct + "M"
     });
-  }, mt = (H) => {
+  }, mt = (N) => {
     t(v.TRENDS_CLICK_FILTER, {
       ...G,
-      filterValue: H
+      filterValue: N
     });
-  }, pt = (H) => {
-    X(H);
+  }, pt = (N) => {
+    X(N);
   }, ft = () => {
     X(""), t(v.TRENDS_CLICK_ALL_CATEGORIES, G);
   };
-  return !M || !ie ? /* @__PURE__ */ e(fe, {}) : /* @__PURE__ */ y(
+  return !M || !ie ? /* @__PURE__ */ e(Ee, {}) : /* @__PURE__ */ y(
     st,
     {
       calendarActions: { onRangeChanged: gt },
@@ -1397,21 +1397,21 @@ const ct = ({ categoryGuid: o, topLevelCategoryGuid: s }) => {
       onAccountsFilterClick: mt,
       onBackClick: o,
       sx: n,
-      title: N.title,
+      title: H.title,
       children: [
-        Te && /* @__PURE__ */ e(
+        _e && /* @__PURE__ */ e(
           ro,
           {
-            header: N.zero_state_content_header,
+            header: H.zero_state_content_header,
             icon: "",
             onClick: Ae,
-            primaryButton: N.empty_state_primary,
-            subText: N.empty_state_sub_text,
+            primaryButton: H.empty_state_primary,
+            subText: H.empty_state_sub_text,
             sx: { height: B },
             variant: Z
           }
         ),
-        !Te && /* @__PURE__ */ y(
+        !_e && /* @__PURE__ */ y(
           w,
           {
             sx: {
@@ -1436,9 +1436,9 @@ const ct = ({ categoryGuid: o, topLevelCategoryGuid: s }) => {
                   ]
                 }
               ),
-              /* @__PURE__ */ e(w, { alignItems: "center", flexDirection: "row", sx: { pb: 8 }, width: "100%", children: /* @__PURE__ */ e(A, { flexGrow: 1, children: re && /* @__PURE__ */ y(we, { onClick: ft, sx: { p: 0, pr: 5 }, children: [
-                /* @__PURE__ */ e(Se, { name: "arrow_back" }),
-                N.all_categories
+              /* @__PURE__ */ e(w, { alignItems: "center", flexDirection: "row", sx: { pb: 8 }, width: "100%", children: /* @__PURE__ */ e(A, { flexGrow: 1, children: re && /* @__PURE__ */ y(Se, { onClick: ft, sx: { p: 0, pr: 5 }, children: [
+                /* @__PURE__ */ e(be, { name: "arrow_back" }),
+                H.all_categories
               ] }) }) }),
               /* @__PURE__ */ y(w, { flexDirection: Y ? "row" : "column", gap: Y ? 48 : 16, children: [
                 U === "Chart" && /* @__PURE__ */ y(yt, { children: [
@@ -1452,10 +1452,10 @@ const ct = ({ categoryGuid: o, topLevelCategoryGuid: s }) => {
                     }
                   ) }),
                   /* @__PURE__ */ y(w, { gap: 16, sx: { width: Y ? "32%" : "100%" }, children: [
-                    te && ne && be.length > 0 && /* @__PURE__ */ e(
+                    te && ne && Te.length > 0 && /* @__PURE__ */ e(
                       Mo,
                       {
-                        beats: be,
+                        beats: Te,
                         onInsightCardClick: s
                       }
                     ),

package/package.json

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