@mx-cartographer/experiences 7.0.23-alpha.al14 → 7.0.23-alpha.al15

package/dist/{AccountStore-BaMynkQT.mjs → AccountStore-DPcxg9Kh.mjs}

@@ -42,7 +42,7 @@ class N {
     accounts: t,
     institutions: e
   } = {}) => {
-    await Promise.all([this.loadAccounts(t), this.loadInstitutions(e)]);
+    console.log("inside account store load account data"), await Promise.all([this.loadAccounts(t), this.loadInstitutions(e)]);
   };
   get cashAccounts() {
     return this.accounts.filter(
@@ -118,22 +118,22 @@ class N {
       n,
       "MD_EXCLUDE_EXTERNAL_ACCOUNTS"
     );
-    for (const r of t) {
-      if (c && r.member_is_managed_by_user) continue;
-      const o = this.members.find((m) => m.guid === r.member_guid);
-      if (!o) continue;
+    for (const o of t) {
+      if (c && o.member_is_managed_by_user) continue;
+      const r = this.members.find((m) => m.guid === o.member_guid);
+      if (!r) continue;
       let u = h.Connected;
-      p.includes(o.connection_status) ? u = h.Error : y.includes(o.connection_status) ? u = h.Processing : I.includes(o.connection_status) && (u = h.RequiresMfa);
+      p.includes(r.connection_status) ? u = h.Error : y.includes(r.connection_status) ? u = h.Processing : I.includes(r.connection_status) && (u = h.RequiresMfa);
       const A = [
-        r.user_name || r.feed_name || "",
-        r.account_number ? `*${r.account_number}` : ""
+        o.user_name || o.feed_name || "",
+        o.account_number ? `*${o.account_number}` : ""
       ].join(" ").trim();
       e.push({
-        ...r,
+        ...o,
         connectionStatus: u,
         institutionName: A,
-        memberName: o.name
-      }), o.connectionStatus = u;
+        memberName: r.name
+      }), r.connectionStatus = u;
     }
     return e;
   };
@@ -172,10 +172,10 @@ class N {
     try {
       const e = await this.api.mergeAccounts(t), n = e[Object.keys(e)[0]];
       a(() => {
-        const c = this.accounts.findIndex((o) => o.guid === t[1]);
+        const c = this.accounts.findIndex((r) => r.guid === t[1]);
         this.accounts.splice(c, 1);
-        const r = this.accounts.findIndex((o) => o.guid === t[0]);
-        this.accounts.splice(r, 1, n);
+        const o = this.accounts.findIndex((r) => r.guid === t[0]);
+        this.accounts.splice(o, 1, n);
       });
     } catch (e) {
       console.error(`Error occurred while merging accounts: ${e}`);
@@ -217,13 +217,13 @@ class N {
   };
   updateAccountFiltering = async (t, e) => {
     for (const n of t) {
-      const c = this.accounts.find((r) => r.guid === n);
+      const c = this.accounts.find((o) => o.guid === n);
       if (c) {
         c.is_excluded_from_accounts = e, c.is_excluded_from_budgets = e, c.is_excluded_from_cash_flow = e, c.is_excluded_from_debts = e, c.is_excluded_from_goals = e, c.is_excluded_from_investments = e, c.is_excluded_from_net_worth = e, c.is_excluded_from_spending = e, c.is_excluded_from_transactions = e, c.is_excluded_from_trends = e;
         try {
           this.updateAccount(c);
-        } catch (r) {
-          console.error(`Failed to update account ${n} (added):`, r);
+        } catch (o) {
+          console.error(`Failed to update account ${n} (added):`, o);
         }
       }
     }

package/dist/accounts/index.es.js

@@ -24,7 +24,7 @@ import X from "@mui/material/ListItem";
 import { M as U } from "../MiniWidgetContainer-CTyjmE1h.mjs";
 import e1 from "@mui/material/Stack";
 import { g as U1, a as j1 } from "../AccountFields-CIz-r3gP.mjs";
-import { A as G1, a as K1 } from "../AccountStore-BaMynkQT.mjs";
+import { A as G1, a as K1 } from "../AccountStore-DPcxg9Kh.mjs";
 const t1 = () => {
   const [c, L] = d.useState(""), { accounts: o } = g(), { selectedAccounts: l } = y(), { setSelectedAccount: u, setSelectedMember: r } = K(), { members: s } = O(), { onEvent: p } = N(), a = [...new Set(l.map((t) => t.account_type))], H = l.find((t) => c === t.guid), h = d.useMemo(
     () => l.filter((t) => t.is_hidden),

package/dist/common/index.es.js

@@ -53,7 +53,7 @@ import { S as hr, T as gr } from "../RecurringTransactionsStore-D62XJtdL.mjs";
 import { G as mr, A as _r, B as yr, W as fr, c as Sr, m as br, g as wr, t as xr, k as Cr, x as Dr, e as vr, w as Ar, u as Er, l as Tr, a as Br, j as Ir, y as Nr, s as Fr, b as Mr, q as $r, n as Rr, z as Ur, h as kr, r as Lr, f as Or, v as Gr, o as Hr, p as Pr } from "../hooks-DkUqN6JE.mjs";
 import { u as Wr } from "../useScreenSize-B6JyS_Lj.mjs";
 import { makeAutoObservable as m, runInAction as p, reaction as _t } from "mobx";
-import { a as yt } from "../AccountStore-BaMynkQT.mjs";
+import { a as yt } from "../AccountStore-DPcxg9Kh.mjs";
 import ft from "posthog-js";
 import { B as St } from "../BeatStore-By4aGoRM.mjs";
 import { endOfMonth as Z } from "date-fns/endOfMonth";
@@ -1240,12 +1240,12 @@ class Ve {
     transactions: i,
     userFeatures: n
   } = {}) => {
-    await Promise.all([
+    console.log("🔄 GlobalStore: Starting loadData"), await Promise.all([
       // Load copy, config and quser data
       this.copyStore.loadCopy(),
       this.appDataStore.loadAppData(e),
       this.userStore.loadUserFeatures(n)
-    ]), await Promise.all([
+    ]), console.log("✅ GlobalStore: Phase 1 complete (copy, config, user)"), await Promise.all([
       this.accountStore.loadAccountData({ accounts: t, institutions: o }),
       this.categoryStore.loadCategories(r),
       this.transactionStore.loadTransactionData({
@@ -1253,7 +1253,7 @@ class Ve {
         transactionRules: d,
         transactions: i
       })
-    ]), this.globalUiStore.setInitialized(!0);
+    ]), console.log("✅ GlobalStore: Phase 2 complete"), this.globalUiStore.setInitialized(!0), console.log("✅ GlobalStore: Fully initialized");
   };
 }
 export {

package/dist/trends/index.es.js

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

package/package.json

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