@mx-cartographer/experiences 7.7.0-alpha.bb7 → 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";
@@ -17,9 +17,9 @@ import Xe from "@mui/material/Card";
 import Ze from "@mui/material/CardContent";
 import He from "@mui/material/Divider";
 import Ge from "@mui/material/Grid";
-import { u as k, m as J, g as P, 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";
@@ -35,9 +35,9 @@ 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 Ne } 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 { 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 Ft } from "date-fns";
 import { TrendingUp as Pt, TrendingDown as $t, MultilineChart as zt, ExpandLess as Kt, ExpandMore as Yt } from "@mxenabled/mx-icons";
@@ -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,7 +102,7 @@ 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(He, { sx: { my: 16, width: "100%" } }),
         /* @__PURE__ */ e(Ge, { container: !0, children: n.map((p, m) => /* @__PURE__ */ y(u.Fragment, { children: [
@@ -110,7 +110,7 @@ const ct = ({ categoryGuid: o, topLevelCategoryGuid: s }) => {
           /* @__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,
@@ -220,7 +220,7 @@ const ct = ({ categoryGuid: o, topLevelCategoryGuid: s }) => {
     (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(...F) / 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,
@@ -486,7 +486,7 @@ const ct = ({ categoryGuid: o, topLevelCategoryGuid: s }) => {
 ) }), 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,
@@ -633,7 +633,7 @@ const ct = ({ categoryGuid: o, topLevelCategoryGuid: s }) => {
   isOpen: n,
   onClose: t
 }) => {
-  const { onEvent: r } = P(), { 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]
   );
@@ -662,7 +662,7 @@ const ct = ({ categoryGuid: o, topLevelCategoryGuid: s }) => {
     }
   );
 }, To = R(_o), bo = ({ onBackClick: o, sx: s }) => {
-  const { onEvent: n } = P(), { 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, H] = u.useState(!1), [O, ee] = u.useState("Chart"), [F, 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]);
@@ -710,7 +710,7 @@ const ct = ({ categoryGuid: o, topLevelCategoryGuid: s }) => {
   }, [_, 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 },
@@ -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: F && /* @__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: () => H(!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(
@@ -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 && r(c).finally();
-  }, [h, c]), h ? /* @__PURE__ */ e(
+  }, [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,
@@ -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 } = 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(() => {
@@ -973,7 +973,7 @@ const ct = ({ categoryGuid: o, topLevelCategoryGuid: s }) => {
       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",
@@ -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,
@@ -1072,7 +1072,7 @@ const ct = ({ categoryGuid: o, topLevelCategoryGuid: 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 } = P(), [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));
@@ -1145,7 +1145,7 @@ const ct = ({ categoryGuid: o, topLevelCategoryGuid: s }) => {
 }, Mo = R(Eo), Ao = R(({ chartLabel: o, chartColor: s }) => {
   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,7 +1176,7 @@ 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 } = P(), { 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(
@@ -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
@@ -1316,21 +1316,21 @@ const ct = ({ categoryGuid: o, topLevelCategoryGuid: s }) => {
   "WeeklyNoSpendDays",
   "WeeklySmallPurchasesSummary"
 ], Go = ({ onBackClick: o, onInsightCardClick: s, sx: n }) => {
-  const { onEvent: t } = P(), { 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: H, 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 N = () => he(window.innerHeight);
     return window.addEventListener("resize", N), c || l().finally(), m || _().finally(), x || S().finally(), () => window.removeEventListener("resize", N);
@@ -1342,9 +1342,9 @@ 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(() => {
@@ -1373,7 +1373,7 @@ const ct = ({ categoryGuid: o, topLevelCategoryGuid: s }) => {
       toggleView: oe
     });
   }, gt = (N) => {
-    const oe = Ue(N?.[0], 1), me = N?.[1], Ct = xe(me, oe);
+    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"
@@ -1388,7 +1388,7 @@ const ct = ({ categoryGuid: o, topLevelCategoryGuid: s }) => {
   }, 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 },
@@ -1399,7 +1399,7 @@ const ct = ({ categoryGuid: o, topLevelCategoryGuid: s }) => {
       sx: n,
       title: H.title,
       children: [
-        Te && /* @__PURE__ */ e(
+        _e && /* @__PURE__ */ e(
           ro,
           {
             header: H.zero_state_content_header,
@@ -1411,7 +1411,7 @@ const ct = ({ categoryGuid: o, topLevelCategoryGuid: s }) => {
             variant: Z
           }
         ),
-        !Te && /* @__PURE__ */ y(
+        !_e && /* @__PURE__ */ y(
           w,
           {
             sx: {
@@ -1436,8 +1436,8 @@ 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" }),
+              /* @__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: [
@@ -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.bb7",
+  "version": "7.7.0-alpha.bb9",
   "description": "Library containing experience widgets",
   "author": "MX",
   "license": "MIT",