@mx-cartographer/experiences 7.2.9-alpha.san4 → 7.2.10

package/dist/trends/index.es.js

@@ -1,37 +1,37 @@
 import { jsx as e, jsxs as C, Fragment as Qe } from "react/jsx-runtime";
 import i from "react";
 import { observer as x } from "mobx-react-lite";
-import { Icon as re, Text as Z, CategoryIcon as fe, P as U, H3 as xe, ChevronRightIcon as Je } from "@mxenabled/mxui";
+import { Icon as ae, Text as Z, CategoryIcon as fe, P as U, H3 as xe, ChevronRightIcon as Je } from "@mxenabled/mxui";
 import O from "@mui/material/Box";
 import b from "@mui/material/Stack";
 import me from "@mui/material/Button";
 import { addSeconds as ve } from "date-fns/addSeconds";
 import { differenceInCalendarMonths as pe } from "date-fns/differenceInCalendarMonths";
-import { a as et, g as tt, S as nt, L as Me } from "../TrendsStore-BVNxGsE4.mjs";
-import { T as Co } from "../TrendsStore-BVNxGsE4.mjs";
-import { i as ot, c as st, d as at, e as rt, f as it, h as ct, b as Ae, g as Re, j as De } from "../SpendingData-BuJ03S9d.mjs";
+import { a as et, g as tt, S as nt, L as Me } from "../TrendsStore-DCYbpXPO.mjs";
+import { T as Co } from "../TrendsStore-DCYbpXPO.mjs";
+import { i as ot, c as st, d as rt, e as at, f as it, h as ct, b as Ae, g as Re, j as De } from "../SpendingData-D5vsfYKo.mjs";
 import lt from "@mui/material/ToggleButton";
 import dt from "@mui/material/ToggleButtonGroup";
-import { u as A, m as P, g as H, b as J, h as ie, d as ce, w as ee, f as Te, q as ht, n as ut, a as gt } from "../hooks-C41HAxM5.mjs";
+import { u as A, m as P, g as H, b as J, h as ie, d as ce, w as ee, f as Te, q as ht, n as ut, a as gt } from "../hooks-D6XlXHf4.mjs";
 import { u as $ } from "../useScreenSize-B6JyS_Lj.mjs";
-import { f as q, a as z } from "../Dialog-BPTr3qHE.mjs";
+import { f as q, D as z } from "../Dialog-CWW597AF.mjs";
 import { DataGridPro as mt } from "@mui/x-data-grid-pro";
 import { C as pt } from "../CurrencyText-kyC1aseI.mjs";
 import { b as Ct } from "../Localization-2MODESHW.mjs";
 import { H as Ie } from "../HeaderCell-DjuifqHJ.mjs";
 import { T as M, b as ft } from "../ViewMoreMicroCard-SCn2wt4i.mjs";
-import { A as _, W as ke } from "../WidgetContainer-GoNq8wwm.mjs";
+import { A as _, W as ke } from "../WidgetContainer-C88Ecu2W.mjs";
 import { c as Tt } from "../Category-CevNQ03n.mjs";
-import { a as Ne, T as He } from "../TransactionDetails-CJvE4LNC.mjs";
-import { D as Ce } from "../Drawer-BEtCk82g.mjs";
+import { a as Ne, T as He } from "../TransactionDetails-BWffqew4.mjs";
+import { D as Ce } from "../Drawer-kEE73B87.mjs";
 import { L as Q } from "../Loader-DUaFpDGv.mjs";
 import { useTheme as We } from "@mui/material/styles";
-import { L as ye } from "../LineChart-Ct9DNmhS.mjs";
-import { M as yt } from "../MiniWidgetContainer-CmXpTylX.mjs";
+import { L as ye } from "../LineChart-D4GI7nVh.mjs";
+import { M as yt } from "../MiniWidgetContainer-D0gfmbaF.mjs";
 import { subMonths as _t } from "date-fns";
 import { TrendingUp as bt, TrendingDown as St, MultilineChart as wt, ExpandLess as Dt, ExpandMore as It } from "@mxenabled/mx-icons";
 import { a as Et, f as X } from "../NumberFormatting-Buh7u8Oi.mjs";
-import { M as Lt } from "../MicroWidgetContainer-DEiRnYVa.mjs";
+import { M as Lt } from "../MicroWidgetContainer-DpeqN9n3.mjs";
 import xt from "@mui/material/Collapse";
 import vt from "@mui/material/List";
 import Mt from "@mui/material/ListItem";
@@ -42,11 +42,11 @@ import Oe from "@mui/material/styles/useTheme";
 import Nt from "@mui/material/Divider";
 import { useTheme as Ht, Stack as Wt } from "@mui/material";
 import Ot from "@mui/material/Paper";
-import { b as Vt } from "../CategoryUtil-DUM8NuGO.mjs";
-import { E as Gt } from "../ExportCsvAction-DlGZfm4y.mjs";
-import { u as Bt } from "../useInsightsEnabled-CNjP5cfR.mjs";
+import { b as Vt } from "../CategoryUtil-BR3H5i6n.mjs";
+import { E as Gt } from "../ExportCsvAction-sX8Rg4Ov.mjs";
+import { u as Bt } from "../useInsightsEnabled-DBpwEq10.mjs";
 import { E as zt } from "../EmptyState-DA_lfRBv.mjs";
-import { l as Pt } from "../ConnectDrawer-FyY0AWYQ.mjs";
+import { l as Pt } from "../ConnectDrawer-DaFRU5st.mjs";
 const Ve = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
   dt,
   {
@@ -54,10 +54,10 @@ const Ve = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
     onChange: o,
     orientation: "horizontal",
     value: t,
-    children: ["Chart", "Table"].map((n) => /* @__PURE__ */ e(lt, { color: "primary", sx: { width: 56 }, value: n, children: n === "Chart" ? /* @__PURE__ */ e(re, { name: "table_chart_view" }) : /* @__PURE__ */ e(re, { name: "format_list_bulleted" }) }, n))
+    children: ["Chart", "Table"].map((n) => /* @__PURE__ */ e(lt, { color: "primary", sx: { width: 56 }, value: n, children: n === "Chart" ? /* @__PURE__ */ e(ae, { name: "table_chart_view" }) : /* @__PURE__ */ e(ae, { name: "format_list_bulleted" }) }, n))
   }
 ), Ge = ({ selectedDateRange: t, selectedCategoryGuid: o }) => {
-  const { trends: n } = A(), { isMobile: s, isDesktop: a } = $(), { getCategoryName: l } = P(), d = i.useMemo(() => {
+  const { trends: n } = A(), { isMobile: s, isDesktop: r } = $(), { getCategoryName: l } = P(), d = i.useMemo(() => {
     const h = q(
       t.start,
       s ? z.MONTH_SHORT_YEAR : z.MONTH_YEAR
@@ -78,27 +78,27 @@ const Ve = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
           overflow: "visible",
           textOverflow: "unset"
         },
-        variant: a ? "H3" : "Body",
+        variant: r ? "H3" : "Body",
         children: l(o) || n.sub_title
       }
     ),
-    /* @__PURE__ */ e(Z, { variant: a ? "Body" : "Small", children: d })
+    /* @__PURE__ */ e(Z, { variant: r ? "Body" : "Small", children: d })
   ] });
 }, Ft = (t) => {
   const o = t.row[t.field];
   return /* @__PURE__ */ e(b, { alignItems: "flex-end", tabIndex: t.tabIndex, children: /* @__PURE__ */ e(pt, { amount: o, variant: "Small" }) });
 }, Kt = ({ categoryGuid: t, topLevelCategoryGuid: o }) => {
-  const { getCategoryName: n } = P(), { categories: s } = A(), a = s.default_categories[t]?.replace(/&/g, "&") ?? n(t);
+  const { getCategoryName: n } = P(), { categories: s } = A(), r = s.default_categories[t]?.replace(/&/g, "&") ?? n(t);
   return /* @__PURE__ */ C(b, { alignItems: "center", direction: "row", justifyContent: "center", children: [
     /* @__PURE__ */ e(
       O,
       {
-        "aria-label": Ct(s.category_icon_label_aria, a),
+        "aria-label": Ct(s.category_icon_label_aria, r),
         role: "img",
         children: /* @__PURE__ */ e(fe, { categoryGuid: o })
       }
     ),
-    /* @__PURE__ */ e(Z, { sx: { ml: 12, pb: 6 }, variant: "Small", children: a })
+    /* @__PURE__ */ e(Z, { sx: { ml: 12, pb: 6 }, variant: "Small", children: r })
   ] });
 }, $t = (t) => /* @__PURE__ */ e(b, { alignItems: "center", direction: "row", height: "100%", width: "100%", children: /* @__PURE__ */ e(
   Kt,
@@ -109,8 +109,8 @@ const Ve = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
 ) }), jt = (t, o) => {
   const n = [], s = new Date(t);
   for (; s <= o; ) {
-    const a = q(s, z.MONTH);
-    n.push(a), s.setMonth(s.getMonth() + 1);
+    const r = q(s, z.MONTH);
+    n.push(r), s.setMonth(s.getMonth() + 1);
   }
   return n;
 }, Be = ({
@@ -118,7 +118,7 @@ const Ve = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
   selectedDateRange: o,
   selectedCategory: n,
   onClickRow: s,
-  height: a = "100dvh",
+  height: r = "100dvh",
   sx: l = {}
 }) => {
   const { onEvent: d } = H(), h = q(/* @__PURE__ */ new Date(), z.MONTH_SHORT), [c, u] = i.useState([
@@ -171,7 +171,7 @@ const Ve = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
     );
     return Object.values(y);
   }, [t, n]);
-  return /* @__PURE__ */ e(O, { sx: { height: a, width: "100%", overflowX: "auto", boxShadow: "none", ...l }, children: /* @__PURE__ */ e(
+  return /* @__PURE__ */ e(O, { sx: { height: r, width: "100%", overflowX: "auto", boxShadow: "none", ...l }, children: /* @__PURE__ */ e(
     mt,
     {
       columns: g,
@@ -202,7 +202,7 @@ const Ve = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
   isOpen: n,
   onClose: s
 }) => {
-  const { onEvent: a } = H(), { selectedAccountGuids: l } = J(), { common: d } = A(), { setFilter: h, sortedTransactions: c } = ie(), [u, f] = i.useState(""), g = i.useMemo(
+  const { onEvent: r } = H(), { selectedAccountGuids: l } = J(), { common: d } = A(), { setFilter: h, sortedTransactions: c } = ie(), [u, f] = i.useState(""), g = i.useMemo(
     () => c.find((m) => m.guid === u),
     [u, c]
   );
@@ -213,7 +213,7 @@ const Ve = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
       custom: (m) => t === "" || t === m.category_guid || t === m.top_level_category_guid,
       showSplits: !!t
     });
-  }, [l, t, o]), i.useEffect(() => a(_.TRENDS_VIEW_TRANSACTIONS), []);
+  }, [l, t, o]), i.useEffect(() => r(_.TRENDS_VIEW_TRANSACTIONS), []);
   const T = () => {
     f(""), s();
   };
@@ -231,21 +231,21 @@ const Ve = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
     }
   );
 }, Xt = x(Ut), Zt = ({ onBackClick: t, sx: o }) => {
-  const { onEvent: n } = H(), { isDesktop: s, isTablet: a, isMobile: l } = $(), { visibleAccounts: d } = ce(), { loadMonthlyCategoryTotals: h, monthlyCategoryTotals: c, getCategoryName: u } = P(), { sortedTransactions: f } = ie(), { selectedDateRange: g, setSelectedDateRange: T } = ee(), { isCopyLoaded: m, isInitialized: r, selectedAccounts: y, setSelectedAccounts: p } = J(), { trends: E } = A(), [w, D] = i.useState(!1), [R, v] = i.useState(!1), [k, N] = i.useState("Chart"), [I, te] = i.useState(""), [ne, B] = i.useState(window.innerHeight), le = ne - (l ? 315 : 345);
+  const { onEvent: n } = H(), { isDesktop: s, isTablet: r, isMobile: l } = $(), { visibleAccounts: d } = ce(), { loadMonthlyCategoryTotals: h, monthlyCategoryTotals: c, getCategoryName: u } = P(), { sortedTransactions: f } = ie(), { selectedDateRange: g, setSelectedDateRange: T } = ee(), { isCopyLoaded: m, isInitialized: a, selectedAccounts: y, setSelectedAccounts: p } = J(), { trends: E } = A(), [w, D] = i.useState(!1), [R, v] = i.useState(!1), [k, N] = i.useState("Chart"), [I, te] = i.useState(""), [ne, B] = i.useState(window.innerHeight), le = ne - (l ? 315 : 345);
   i.useEffect(() => {
     const S = () => B(window.innerHeight);
     return window.addEventListener("resize", S), () => window.removeEventListener("resize", S);
   }, []), i.useEffect(() => {
     p(d);
   }, [d]), i.useEffect(() => {
-    r && h(
+    a && h(
       y,
       g.start,
       g.end
     ).finally(() => {
       D(!0);
     });
-  }, [r, y, g]);
+  }, [a, y, g]);
   const F = i.useMemo(() => {
     if (!w) return { stackedDatasets: [], unstackedDatasets: [] };
     const S = tt(
@@ -254,9 +254,9 @@ const Ve = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
       g.end
     ), W = I.length ? S.filter(
       (V) => V.top_level_category_guid === I || V.category_guid === I
-    ) : at(S);
+    ) : rt(S);
     return {
-      stackedDatasets: W.filter(rt),
+      stackedDatasets: W.filter(at),
       unstackedDatasets: W.filter(it)
     };
   }, [c, I, g]), de = (S, W) => {
@@ -276,10 +276,10 @@ const Ve = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
     n(_.TRENDS_HOVER_LEGEND, { category: u(S) });
   }, se = (S) => {
     n(_.TRENDS_HOVER_AREA, { category: S });
-  }, ae = (S) => {
+  }, re = (S) => {
     n(_.TRENDS_HOVER_POINT, { category: S });
   };
-  return !m || !r || !w ? /* @__PURE__ */ e(Q, {}) : /* @__PURE__ */ C(
+  return !m || !a || !w ? /* @__PURE__ */ e(Q, {}) : /* @__PURE__ */ C(
     ke,
     {
       accountOptions: d,
@@ -296,7 +296,7 @@ const Ve = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
           {
             sx: {
               // eslint-disable-next-line no-nested-ternary
-              px: s ? 48 : a ? 24 : 12
+              px: s ? 48 : r ? 24 : 12
             },
             children: [
               /* @__PURE__ */ C(
@@ -319,7 +319,7 @@ const Ve = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
               ),
               /* @__PURE__ */ C(b, { alignItems: "center", flexDirection: "row", width: "100%", children: [
                 /* @__PURE__ */ e(O, { flexGrow: 1, children: I && /* @__PURE__ */ C(me, { onClick: () => te(""), sx: { p: 0, pr: 5 }, children: [
-                  /* @__PURE__ */ e(re, { name: "arrow_back" }),
+                  /* @__PURE__ */ e(ae, { name: "arrow_back" }),
                   E.all_categories
                 ] }) }),
                 /* @__PURE__ */ e(me, { onClick: () => v(!0), sx: { px: 5 }, children: `${E.view_transactions} (${f.length})` })
@@ -332,7 +332,7 @@ const Ve = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
                     onClickLegend: oe,
                     onHoverArea: se,
                     onHoverLegend: ue,
-                    onHoverPoint: ae,
+                    onHoverPoint: re,
                     stackedDatasets: F.stackedDatasets,
                     unstackedDatasets: F.unstackedDatasets
                   }
@@ -381,7 +381,7 @@ const Ve = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
     }
   );
 }, Qt = x(qt), Jt = ({ onPrimaryCtaClick: t, sx: o }) => {
-  const { visibleAccounts: n } = ce(), { loadMonthlyCategoryTotals: s, monthlyTotalsLoaded: a } = P(), { isInitialized: l } = Te(), { trends: d } = A(), { isCopyLoaded: h, selectedAccounts: c, setSelectedAccounts: u } = J();
+  const { visibleAccounts: n } = ce(), { loadMonthlyCategoryTotals: s, monthlyTotalsLoaded: r } = P(), { isInitialized: l } = Te(), { trends: d } = A(), { isCopyLoaded: h, selectedAccounts: c, setSelectedAccounts: u } = J();
   return i.useEffect(() => {
     u(n);
   }, [n]), i.useEffect(() => {
@@ -394,7 +394,7 @@ const Ve = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
       subTitle: d.sub_title,
       sx: o,
       title: d.mini_title,
-      children: a ? /* @__PURE__ */ e(Qt, {}) : /* @__PURE__ */ e(Q, {})
+      children: r ? /* @__PURE__ */ e(Qt, {}) : /* @__PURE__ */ e(Q, {})
     }
   );
 }, ho = x(Jt), en = 70, Ee = ({
@@ -402,13 +402,13 @@ const Ve = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
   totalAmount: o,
   transactionType: n,
   percentage: s,
-  secondaryLabel: a,
+  secondaryLabel: r,
   shouldDisplayPercentage: l
 }) => {
   const { availableWidth: d } = ht(), h = i.useRef(null), c = i.useRef(null), u = Et(Number(Math.abs(s)), {
     style: "percent",
     minimumIntegerDigits: 1
-  }), f = d === 288 && X(o, "0,0.00").length > 10 ? X(o, "0,0") : X(o, "0,0.00"), g = n === "spending" ? s > 0 : s >= 0, T = n === "spending" ? "error.main" : "success.main", m = n === "spending" ? "success.main" : "text.secondary", r = h?.current, y = c?.current, p = r && y ? r.scrollWidth > y.clientWidth - en : !1;
+  }), f = d === 288 && X(o, "0,0.00").length > 10 ? X(o, "0,0") : X(o, "0,0.00"), g = n === "spending" ? s > 0 : s >= 0, T = n === "spending" ? "error.main" : "success.main", m = n === "spending" ? "success.main" : "text.secondary", a = h?.current, y = c?.current, p = a && y ? a.scrollWidth > y.clientWidth - en : !1;
   return /* @__PURE__ */ C(
     b,
     {
@@ -472,7 +472,7 @@ const Ve = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
                 {
                   color: g ? T : m,
                   variant: "caption",
-                  children: a
+                  children: r
                 }
               )
             ]
@@ -491,14 +491,14 @@ const Ve = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
     ] })
   ] });
 }), uo = x(({ onCtaClick: t }) => {
-  const { visibleAccounts: o } = ce(), { onEvent: n } = H(), { monthlyCategoryTotals: s, loadMonthlyCategoryTotals: a, monthlyTotalsLoaded: l } = P(), d = {
+  const { visibleAccounts: o } = ce(), { onEvent: n } = H(), { monthlyCategoryTotals: s, loadMonthlyCategoryTotals: r, monthlyTotalsLoaded: l } = P(), d = {
     start: _t(/* @__PURE__ */ new Date(), 1),
     end: /* @__PURE__ */ new Date()
   }, { trends: h } = A(), { selectedAccounts: c, setSelectedAccounts: u, isInitialized: f } = J();
   i.useEffect(() => {
     u(o);
   }, [o]), i.useEffect(() => {
-    f && a(c, d.start).then(() => {
+    f && r(c, d.start).then(() => {
       n(_.TRENDS_LOAD_WIDGET, {
         state: o?.length ? "default" : "zeroState"
       });
@@ -510,7 +510,7 @@ const Ve = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
       incomeData: Re(s, d)
     }),
     [s, d]
-  ), [m, r] = g, [y, p] = T, E = De(r.y, m.y), w = De(p.y, y.y), D = f && !o?.length, R = () => {
+  ), [m, a] = g, [y, p] = T, E = De(a.y, m.y), w = De(p.y, y.y), D = f && !o?.length, R = () => {
     n(
       D ? _.TRENDS_CLICK_GET_STARTED : _.TRENDS_CLICK_VIEW_MORE
     ), t();
@@ -537,9 +537,9 @@ const Ve = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
               {
                 percentage: E,
                 secondaryLabel: h.micro_secondary_label,
-                shouldDisplayPercentage: r.y !== 0 && m.y !== 0,
+                shouldDisplayPercentage: a.y !== 0 && m.y !== 0,
                 title: h.spending_label,
-                totalAmount: r.y,
+                totalAmount: a.y,
                 transactionType: "spending"
               }
             ),
@@ -587,12 +587,12 @@ const Ve = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
     guid: o,
     name: n,
     transactions: s,
-    onClick: a,
+    onClick: r,
     isLastItem: l = !1,
     showDivider: d = !0
   }) => {
     const { trends: h } = A(), { onEvent: c } = H(), u = `${s.length} ${s.length === 1 ? h.transaction : h.transactions}`, f = () => {
-      a?.(), c(_.TRENDS_CLICK_LIST_ITEM, {
+      r?.(), c(_.TRENDS_CLICK_LIST_ITEM, {
         ...M,
         listItem: n
       });
@@ -604,7 +604,7 @@ const Ve = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
           leftIcon: o ? /* @__PURE__ */ e(fe, { categoryGuid: o }) : void 0,
           onClick: f,
           rightContent: X(Math.abs(t), "0,0.00"),
-          rightIcon: a ? /* @__PURE__ */ e(Je, {}) : void 0,
+          rightIcon: r ? /* @__PURE__ */ e(Je, {}) : void 0,
           subtitle: u,
           title: n
         }
@@ -614,10 +614,10 @@ const Ve = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
   }
 ), on = x(
   ({ availableHeight: t = 0, onCategoryClick: o }) => {
-    const { collapsedCategories: n, visibleCategories: s, setVisibleListLength: a } = ee(), { isLargeDesktop: l, isDesktop: d } = $(), { trends: h } = A(), { onEvent: c } = H(), [u, f] = i.useState(!1), g = d || l;
+    const { collapsedCategories: n, visibleCategories: s, setVisibleListLength: r } = ee(), { isLargeDesktop: l, isDesktop: d } = $(), { trends: h } = A(), { onEvent: c } = H(), [u, f] = i.useState(!1), g = d || l;
     i.useEffect(() => {
-      const r = Math.floor(t / 64) - 1, y = s.length + n.length;
-      r !== s.length && (a(g ? Math.max(r, 5) : 5), f(r >= y));
+      const a = Math.floor(t / 64) - 1, y = s.length + n.length;
+      a !== s.length && (r(g ? Math.max(a, 5) : 5), f(a >= y));
     }, [t]);
     const T = () => {
       f(!u), c(_.TRENDS_CLICK_VIEW_MORE, {
@@ -626,32 +626,32 @@ const Ve = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
     }, m = s.length + (u ? n.length : 0);
     return /* @__PURE__ */ e(b, { sx: { bgColor: "background.paper", width: "100%" }, children: /* @__PURE__ */ C(vt, { children: [
       /* @__PURE__ */ e(b, { sx: { pb: 4, pt: 16, px: 16 }, children: /* @__PURE__ */ e(xe, { children: h.categories }) }),
-      s.map((r, y) => /* @__PURE__ */ e(
+      s.map((a, y) => /* @__PURE__ */ e(
         Le,
         {
-          ...r,
+          ...a,
           isLastItem: y === m - 1,
-          onClick: r.transactions.length > 0 ? () => o(r) : void 0,
+          onClick: a.transactions.length > 0 ? () => o(a) : void 0,
           showDivider: !0
         },
-        r.guid
+        a.guid
       )),
       /* @__PURE__ */ e(
         xt,
         {
           in: u,
           sx: { "&.MuiCollapse-root .MuiListItemButton-root": { paddingLeft: 24 } },
-          children: n.map((r, y) => {
+          children: n.map((a, y) => {
             const p = s.length + y;
             return /* @__PURE__ */ e(
               Le,
               {
-                ...r,
+                ...a,
                 isLastItem: p === m - 1,
-                onClick: r.transactions.length > 0 ? () => o(r) : void 0,
+                onClick: a.transactions.length > 0 ? () => o(a) : void 0,
                 showDivider: !0
               },
-              r.guid
+              a.guid
             );
           })
         }
@@ -660,7 +660,7 @@ const Ve = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
     ] }) });
   }
 ), sn = ({ beats: t, onInsightCardClick: o }) => {
-  const n = Ht(), { onEvent: s } = H(), { isMobile: a, isDesktop: l, isLargeDesktop: d } = $(), { beatStore: h, endpoint: c, sessionToken: u } = Te(), f = n.palette.mode === "dark", g = l || d, T = g || a ? 1 : 2, m = () => null, r = (R) => {
+  const n = Ht(), { onEvent: s } = H(), { isMobile: r, isDesktop: l, isLargeDesktop: d } = $(), { beatStore: h, endpoint: c, sessionToken: u } = Te(), f = n.palette.mode === "dark", g = l || d, T = g || r ? 1 : 2, m = () => null, a = (R) => {
     o?.(R), s(_.TRENDS_CLICK_INSIGHT, M);
   }, y = g ? 200 : 170, p = g ? 170 : 124, E = g ? 56 : 0, w = t.length > 0 ? y + E : p, D = g && t.length > 0 ? y : void 0;
   return /* @__PURE__ */ e(Wt, { sx: { height: w }, children: /* @__PURE__ */ e(
@@ -671,7 +671,7 @@ const Ve = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
       endpoint: c,
       heightOverrides: D,
       logOutUser: m,
-      onCardClick: r,
+      onCardClick: a,
       showBorder: !0,
       showCTAColocatedWithText: !1,
       showCarouselControls: !0,
@@ -685,9 +685,9 @@ const Ve = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
       visibleCardsCount: T
     }
   ) });
-}, an = x(sn), rn = x(({ chartLabel: t, chartColor: o }) => {
+}, rn = x(sn), an = x(({ chartLabel: t, chartColor: o }) => {
   const { onEvent: n } = H(), {
-    categoryDetailsChartData: { monthlyAmounts: s, tooltipLabels: a }
+    categoryDetailsChartData: { monthlyAmounts: s, tooltipLabels: r }
   } = ee();
   return /* @__PURE__ */ e(b, { sx: { pt: 12, width: "100%" }, children: /* @__PURE__ */ e(
     ye,
@@ -695,7 +695,7 @@ const Ve = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
       baseline: "min",
       colors: [o],
       curveType: "bump",
-      customTooltipLabels: a,
+      customTooltipLabels: r,
       datasets: [s],
       height: 265,
       labels: [t],
@@ -719,10 +719,10 @@ const Ve = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
     }
   ) });
 }), cn = x(({ onClose: t }) => {
-  const o = Oe(), { onEvent: n } = H(), { common: s, trends: a } = A(), { selectedCategoryData: l, selectedDateRangeMonthRange: d } = ee(), { sortedTransactions: h } = ie(), [c, u] = i.useState(null);
+  const o = Oe(), { onEvent: n } = H(), { common: s, trends: r } = A(), { selectedCategoryData: l, selectedDateRangeMonthRange: d } = ee(), { sortedTransactions: h } = ie(), [c, u] = i.useState(null);
   if (!l)
     return null;
-  const { guid: f, name: g, is_income: T, totalAmount: m } = l, r = T ? a.category_income : a.category_spending, y = Vt(f, o), p = T ? a.income_label : a.spending_label, E = ` ${l.transactions.length === 1 ? a.transaction : a.transactions} (${l.transactions.length})`, w = i.useMemo(
+  const { guid: f, name: g, is_income: T, totalAmount: m } = l, a = T ? r.category_income : r.category_spending, y = Vt(f, o), p = T ? r.income_label : r.spending_label, E = ` ${l.transactions.length === 1 ? r.transaction : r.transactions} (${l.transactions.length})`, w = i.useMemo(
     () => h.find((v) => v.guid === c),
     [c, h]
   ), D = (v) => v.category_guid === f || v.top_level_category_guid === f, R = () => {
@@ -731,11 +731,11 @@ const Ve = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
   return /* @__PURE__ */ C(
     Ce,
     {
-      ariaLabelClose: a.close_category_details,
+      ariaLabelClose: r.close_category_details,
       isOpen: !0,
       onClose: R,
       shouldShowHeaderShadow: !0,
-      title: r,
+      title: a,
       children: [
         /* @__PURE__ */ C(b, { sx: { alignItems: "center", height: "100%" }, children: [
           /* @__PURE__ */ C(Ot, { sx: { borderRadius: 0, pb: 4, pt: 16, width: "100%" }, children: [
@@ -748,7 +748,7 @@ const Ve = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
                 title: g
               }
             ),
-            /* @__PURE__ */ e(rn, { chartColor: y, chartLabel: p }),
+            /* @__PURE__ */ e(an, { chartColor: y, chartLabel: p }),
             /* @__PURE__ */ C(b, { alignItems: "center", direction: "row", justifyContent: "space-between", sx: { mx: 24 }, children: [
               /* @__PURE__ */ e(Z, { bold: !0, variant: "body1", children: E }),
               /* @__PURE__ */ e(Gt, { filter: D })
@@ -770,7 +770,7 @@ const Ve = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
             ariaLabelClose: s.close_aria,
             isOpen: !!w,
             onClose: () => u(""),
-            title: a.transaction,
+            title: r.transaction,
             children: w && /* @__PURE__ */ e(Ne, { transaction: w })
           }
         )
@@ -779,11 +779,11 @@ const Ve = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
   );
 }), ln = (t, o) => {
   const n = Re(t, o), s = Ae(t, o);
-  return [n, s].filter((a) => a.length > 0);
+  return [n, s].filter((r) => r.length > 0);
 }, dn = (t, o) => {
-  const [n, s] = t, a = n, l = s ?? n, d = [];
-  if (a) {
-    const h = a.reduce((c, u) => c + u.y, 0);
+  const [n, s] = t, r = n, l = s ?? n, d = [];
+  if (r) {
+    const h = r.reduce((c, u) => c + u.y, 0);
     d.push({ label: o.income_label, amount: h });
   }
   if (l) {
@@ -797,7 +797,7 @@ const Ve = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
   selectedDateRange: n,
   totals: s
 }) => {
-  const a = We(), { onEvent: l } = H(), { trends: d } = A(), { isSmallMobile: h, isMobile: c, isSmallTablet: u, isTablet: f } = $(), g = [a.palette.chart?.chart1, a.palette.chart?.chart2], T = ln(s, n), m = dn(T, d), [r, y] = i.useState(0), p = 458, E = 195, w = 56, D = c || h ? E : u || f ? p : r;
+  const r = We(), { onEvent: l } = H(), { trends: d } = A(), { isSmallMobile: h, isMobile: c, isSmallTablet: u, isTablet: f } = $(), g = [r.palette.chart?.chart1, r.palette.chart?.chart2], T = ln(s, n), m = dn(T, d), [a, y] = i.useState(0), p = 458, E = 195, w = 56, D = c || h ? E : u || f ? p : a;
   return i.useEffect(() => {
     const v = Math.max(t - w, o);
     y(v);
@@ -859,13 +859,13 @@ const Ve = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
   "WeeklyNoSpendDays",
   "WeeklySmallPurchasesSummary"
 ], mn = ({ onBackClick: t, onInsightCardClick: o, sx: n }) => {
-  const { onEvent: s } = H(), { onLoad: a } = ut(), { config: l } = gt(), { isLargeDesktop: d, isDesktop: h, isMobile: c } = $(), { visibleAccounts: u } = ce(), { loadDateRangeCategoryTotals: f, loadMonthlyCategoryTotals: g, monthlyCategoryTotals: T } = P(), { setFilter: m } = ie(), { selectedDateRange: r, setSelectedCategoryData: y, setSelectedDateRange: p } = ee(), {
+  const { onEvent: s } = H(), { onLoad: r } = ut(), { config: l } = gt(), { isLargeDesktop: d, isDesktop: h, isMobile: c } = $(), { visibleAccounts: u } = ce(), { loadDateRangeCategoryTotals: f, loadMonthlyCategoryTotals: g, monthlyCategoryTotals: T } = P(), { setFilter: m } = ie(), { selectedDateRange: a, setSelectedCategoryData: y, setSelectedDateRange: p } = ee(), {
     isCopyLoaded: E,
     isInitialized: w,
     selectedAccounts: D,
     selectedAccountGuids: R,
     setSelectedAccounts: v
-  } = J(), { trends: k, connect: N } = A(), { beatStore: I } = Te(), ne = Bt() && l.show_insights_widget_in_master, B = h || d, [_e, le] = i.useState(!1), [F, de] = i.useState(!1), [K, he] = i.useState("Chart"), [j, oe] = i.useState(""), [ue, se] = i.useState(!1), [ae, S] = i.useState(window.innerHeight), W = B ? 56 : 0, V = ae - 208, ge = ae - (ne ? 550 + W : 266), [ze, be] = i.useState(!1), Pe = l.show_connections_widget_in_master ? "buttons" : "no-buttons", Se = i.useMemo(
+  } = J(), { trends: k, connect: N } = A(), { beatStore: I } = Te(), ne = Bt() && l.show_insights_widget_in_master, B = h || d, [_e, le] = i.useState(!1), [F, de] = i.useState(!1), [K, he] = i.useState("Chart"), [j, oe] = i.useState(""), [ue, se] = i.useState(!1), [re, S] = i.useState(window.innerHeight), W = B ? 56 : 0, V = re - 208, ge = re - (ne ? 550 + W : 266), [ze, be] = i.useState(!1), Pe = l.show_connections_widget_in_master ? "buttons" : "no-buttons", Se = i.useMemo(
     () => u && u.length === 0 || T.length === 0,
     [u, T]
   );
@@ -879,23 +879,23 @@ const Ve = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
   }, []), i.useEffect(() => {
     v(u);
   }, [u]), i.useEffect(() => {
-    w && f(D, r.start, r.end).then(() => {
+    w && f(D, a.start, a.end).then(() => {
       g(
         D,
-        r.start,
-        r.end
+        a.start,
+        a.end
       );
     }).finally(() => {
       le(!0), s(_.TRENDS_LOAD_WIDGET, {
         ...M,
-        time_period: `${pe(r.end, r.start)}M`
-      }), a?.("TrendsWidget");
+        time_period: `${pe(a.end, a.start)}M`
+      }), r?.("TrendsWidget");
     });
-  }, [w, D, r]), i.useEffect(() => {
+  }, [w, D, a]), i.useEffect(() => {
     if (T.length !== 0) {
       const L = {
         accounts: R,
-        dateRange: { start: r.start, end: r.end }
+        dateRange: { start: a.start, end: a.end }
       };
       m({
         ...L,
@@ -937,7 +937,7 @@ const Ve = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
     {
       accountOptions: u,
       calendarActions: { onRangeChanged: Ye },
-      dateRange: r,
+      dateRange: a,
       dateRangeVariant: c ? "timeframetabs" : "timeframebuttons",
       onAccountsFilterClick: Ue,
       onBackClick: t,
@@ -974,7 +974,7 @@ const Ve = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
                       Ge,
                       {
                         selectedCategoryGuid: j,
-                        selectedDateRange: r
+                        selectedDateRange: a
                       }
                     ),
                     /* @__PURE__ */ e(Ve, { onTabChange: je, selectedTab: K })
@@ -982,7 +982,7 @@ const Ve = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
                 }
               ),
               /* @__PURE__ */ e(b, { alignItems: "center", flexDirection: "row", width: "100%", children: /* @__PURE__ */ e(O, { flexGrow: 1, children: j && /* @__PURE__ */ C(me, { onClick: Ze, sx: { p: 0, pr: 5 }, children: [
-                /* @__PURE__ */ e(re, { name: "arrow_back" }),
+                /* @__PURE__ */ e(ae, { name: "arrow_back" }),
                 k.all_categories
               ] }) }) }),
               /* @__PURE__ */ C(b, { flexDirection: B ? "row" : "column", gap: B ? 48 : 16, children: [
@@ -992,13 +992,13 @@ const Ve = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
                     {
                       availableHeight: V,
                       minHeight: 450,
-                      selectedDateRange: r,
+                      selectedDateRange: a,
                       totals: T
                     }
                   ) }),
                   /* @__PURE__ */ C(b, { gap: 16, sx: { width: B ? "32%" : "100%" }, children: [
                     ne && F && we.length > 0 && /* @__PURE__ */ e(
-                      an,
+                      rn,
                       {
                         beats: we,
                         onInsightCardClick: o
@@ -1020,7 +1020,7 @@ const Ve = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
                     monthlyCategoryTotals: T,
                     onClickRow: Xe,
                     selectedCategory: j,
-                    selectedDateRange: r
+                    selectedDateRange: a
                   }
                 ) })
               ] }),

package/dist/{useAccountDisplayName-B5O6hQ1B.mjs → useAccountDisplayName-BcRqfar8.mjs}

@@ -1,6 +1,6 @@
 import s from "react";
-import { g as e } from "./ConnectDrawer-FyY0AWYQ.mjs";
-import { a as n } from "./hooks-C41HAxM5.mjs";
+import { g as e } from "./ConnectDrawer-DaFRU5st.mjs";
+import { a as n } from "./hooks-D6XlXHf4.mjs";
 const i = (o) => {
   const { config: a } = n();
   return s.useMemo(

package/dist/{useInsightsEnabled-CNjP5cfR.mjs → useInsightsEnabled-DBpwEq10.mjs}

@@ -1,5 +1,5 @@
 import { useState as n, useEffect as a } from "react";
-import { f as o } from "./hooks-C41HAxM5.mjs";
+import { f as o } from "./hooks-D6XlXHf4.mjs";
 const f = () => {
   const { isInitialized: e, appDataStore: t } = o(), [s, i] = n(!1);
   return a(() => {

package/package.json

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