@mx-cartographer/experiences 7.0.0-alpha.mega1 → 7.0.1-alpha.al0

package/dist/trends/index.es.js

@@ -1,72 +1,73 @@
-import { jsx as e, jsxs as p } from "react/jsx-runtime";
-import d from "react";
-import { observer as L } from "mobx-react-lite";
-import { Icon as Y, Text as H, CategoryIcon as me, P as U, H3 as Se, ChevronRightIcon as ze, MerchantLogo as Fe } from "@mxenabled/mxui";
-import N from "@mui/material/Box";
-import f from "@mui/material/Stack";
-import ue from "@mui/material/Button";
-import { addSeconds as _e } from "date-fns/addSeconds";
-import { differenceInCalendarMonths as xe } from "date-fns/differenceInCalendarMonths";
-import { a as Pe, g as $e, S as je, u as Ke } from "../TrendsStore-BHJUapXF.mjs";
-import { T as qn } from "../TrendsStore-BHJUapXF.mjs";
-import { i as Ue, c as Ye, d as Xe, e as Ze, f as Qe, h as qe, b as De, g as Le, j as Ce } from "../SpendingData-BkrxzHdr.mjs";
-import Je from "@mui/material/ToggleButton";
-import et from "@mui/material/ToggleButtonGroup";
-import { u as I, k as P, g as Q, a as $, n as pe, c as se, v as q, l as ve, p as tt, j as nt } from "../hooks-30y_BLwc.mjs";
-import { u as V } from "../useScreenSize-B6JyS_Lj.mjs";
-import { f as X, D as G } from "../Dialog-CWW597AF.mjs";
-import { DataGridPro as ot } from "@mui/x-data-grid-pro";
-import { C as st } from "../CurrencyText-YUhH2caW.mjs";
-import { C as rt } from "../Category-5S6uwuXz.mjs";
-import { b as at } from "../Localization-2MODESHW.mjs";
-import { H as be } from "../HeaderCell-DjuifqHJ.mjs";
-import { A as S, W as Ee } from "../WidgetContainer-DWCusxYI.mjs";
-import { a as it, T as ct, S as lt } from "../TransactionDetails-WBHFmbxL.mjs";
-import { D as Ie } from "../Drawer-kEE73B87.mjs";
-import { L as Z } from "../Loader-Dp1P2gNw.mjs";
-import { useTheme as Me } from "@mui/material/styles";
-import { L as fe } from "../LineChart-CcyX38kK.mjs";
-import { M as dt } from "../MiniWidgetContainer-BoOp-A05.mjs";
-import { subMonths as ht, format as ut, fromUnixTime as gt } from "date-fns";
-import { TrendingUp as mt, TrendingDown as pt, MultilineChart as ft, ExpandLess as yt, ExpandMore as Ct } from "@mxenabled/mx-icons";
-import { a as bt, f as F } from "../NumberFormatting-CtWHhyBX.mjs";
-import { M as Tt } from "../MicroWidgetContainer-CsvHLYKX.mjs";
-import wt from "@mui/material/Collapse";
-import Ae from "@mui/material/List";
-import ke from "@mui/material/ListItem";
-import Re from "@mui/material/ListItemButton";
-import ge from "@mui/material/ListItemIcon";
-import He from "@mui/material/ListItemText";
-import Ne from "@mui/material/styles/useTheme";
-import We from "@mui/material/Divider";
-import { useTheme as St, Stack as _t } from "@mui/material";
-import { b as xt } from "../ViewMoreMicroCard-CAPFNz-J.mjs";
-import Dt from "@mui/material/Link";
-import { b as Lt } from "../CategoryUtil-DRyruNgi.mjs";
-import { E as vt } from "../EmptyState-Dcb-o2tl.mjs";
-const Oe = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
-  et,
+import { jsx as e, jsxs as T } from "react/jsx-runtime";
+import i from "react";
+import { observer as M } from "mobx-react-lite";
+import { Icon as te, Text as Z, CategoryIcon as fe, P as U, H3 as we, ChevronRightIcon as Ge } from "@mxenabled/mxui";
+import G from "@mui/material/Box";
+import b from "@mui/material/Stack";
+import ge from "@mui/material/Button";
+import { addSeconds as De } from "date-fns/addSeconds";
+import { differenceInCalendarMonths as pe } from "date-fns/differenceInCalendarMonths";
+import { a as Be, g as ze, S as Fe, L as Ie, u as Pe } from "../TrendsStore-DR8etTL2.mjs";
+import { T as Xn } from "../TrendsStore-DR8etTL2.mjs";
+import { i as Ke, c as $e, d as je, e as Ye, f as Ue, h as Xe, b as Ee, g as Le, j as ye } from "../SpendingData-D5vsfYKo.mjs";
+import Ze from "@mui/material/ToggleButton";
+import Qe from "@mui/material/ToggleButtonGroup";
+import { u as k, l as F, e as N, a as P, f as ne, c as oe, v as J, m as xe, p as qe } from "../hooks-02T565vf.mjs";
+import { u as K } from "../useScreenSize-B6JyS_Lj.mjs";
+import { f as Q, D as z } from "../Dialog-CWW597AF.mjs";
+import { DataGridPro as Je } from "@mui/x-data-grid-pro";
+import { C as et } from "../CurrencyText-YUhH2caW.mjs";
+import { c as ve } from "../Category-CevNQ03n.mjs";
+import { b as tt } from "../Localization-2MODESHW.mjs";
+import { H as _e } from "../HeaderCell-DjuifqHJ.mjs";
+import { T as R, b as nt } from "../ViewMoreMicroCard-BZI5VMNW.mjs";
+import { A as _, W as Me } from "../WidgetContainer-BG-fdDOf.mjs";
+import { a as Ae, T as Re } from "../TransactionDetails-D4B9DSWo.mjs";
+import { D as Ce } from "../Drawer-kEE73B87.mjs";
+import { L as q } from "../Loader-Dp1P2gNw.mjs";
+import { useTheme as ke } from "@mui/material/styles";
+import { L as Te } from "../LineChart-CYiUS-px.mjs";
+import { M as ot } from "../MiniWidgetContainer-DqKQNubH.mjs";
+import { subMonths as st } from "date-fns";
+import { TrendingUp as rt, TrendingDown as at, MultilineChart as it, ExpandLess as ct, ExpandMore as lt } from "@mxenabled/mx-icons";
+import { a as dt, f as X } from "../NumberFormatting-CtWHhyBX.mjs";
+import { M as ht } from "../MicroWidgetContainer-DmYiksbT.mjs";
+import ut from "@mui/material/Collapse";
+import mt from "@mui/material/List";
+import gt from "@mui/material/ListItem";
+import pt from "@mui/material/ListItemButton";
+import Ct from "@mui/material/ListItemIcon";
+import ft from "@mui/material/ListItemText";
+import He from "@mui/material/styles/useTheme";
+import Tt from "@mui/material/Divider";
+import { useTheme as yt, Stack as _t } from "@mui/material";
+import bt from "@mui/material/Paper";
+import { b as St } from "../CategoryUtil-BR3H5i6n.mjs";
+import { E as wt } from "../ExportCsvAction-dpvaZxbS.mjs";
+import { E as Dt } from "../EmptyState-Dcb-o2tl.mjs";
+const Ne = ({ selectedTab: n, onTabChange: o }) => /* @__PURE__ */ e(
+  Qe,
   {
     exclusive: !0,
     onChange: o,
     orientation: "horizontal",
-    value: t,
-    children: ["Chart", "Table"].map((n) => /* @__PURE__ */ e(Je, { color: "primary", sx: { width: 56 }, value: n, children: n === "Chart" ? /* @__PURE__ */ e(Y, { name: "table_chart_view" }) : /* @__PURE__ */ e(Y, { name: "format_list_bulleted" }) }, n))
+    value: n,
+    children: ["Chart", "Table"].map((t) => /* @__PURE__ */ e(Ze, { color: "primary", sx: { width: 56 }, value: t, children: t === "Chart" ? /* @__PURE__ */ e(te, { name: "table_chart_view" }) : /* @__PURE__ */ e(te, { name: "format_list_bulleted" }) }, t))
   }
-), Be = ({ selectedDateRange: t, selectedCategoryGuid: o }) => {
-  const { trends: n } = I(), { isMobile: s, isDesktop: u } = V(), { getCategoryName: h } = P(), a = d.useMemo(() => {
-    const c = X(
-      t.start,
-      s ? G.MONTH_SHORT_YEAR : G.MONTH_YEAR
-    ), i = X(
-      t.end,
-      s ? G.MONTH_SHORT_YEAR : G.MONTH_YEAR
+), We = ({ selectedDateRange: n, selectedCategoryGuid: o }) => {
+  const { trends: t } = k(), { isMobile: s, isDesktop: r } = K(), { getCategoryName: d } = F(), a = i.useMemo(() => {
+    const c = Q(
+      n.start,
+      s ? z.MONTH_SHORT_YEAR : z.MONTH_YEAR
+    ), h = Q(
+      n.end,
+      s ? z.MONTH_SHORT_YEAR : z.MONTH_YEAR
     );
-    return `${c} - ${i}`;
-  }, [t, s]);
-  return /* @__PURE__ */ p(N, { sx: { mr: 10, minWidth: "60%" }, children: [
+    return `${c} - ${h}`;
+  }, [n, s]);
+  return /* @__PURE__ */ T(G, { sx: { mr: 10, minWidth: "60%" }, children: [
     /* @__PURE__ */ e(
-      H,
+      Z,
       {
         display: "block",
         fontWeight: 700,
@@ -75,267 +76,270 @@ const Oe = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
           overflow: "visible",
           textOverflow: "unset"
         },
-        variant: u ? "H3" : "Body",
-        children: h(o) || n.sub_title
+        variant: r ? "H3" : "Body",
+        children: d(o) || t.sub_title
       }
     ),
-    /* @__PURE__ */ e(H, { variant: u ? "Body" : "Small", children: a })
+    /* @__PURE__ */ e(Z, { variant: r ? "Body" : "Small", children: a })
   ] });
-}, Et = (t) => {
-  const o = t.row[t.field];
-  return /* @__PURE__ */ e(f, { alignItems: "flex-end", tabIndex: t.tabIndex, children: /* @__PURE__ */ e(st, { amount: o, variant: "Small" }) });
-}, It = ({ categoryGuid: t, topLevelCategoryGuid: o }) => {
-  const { categories: n } = I(), s = n.default_categories[t]?.replace(/&/g, "&") ?? rt[t];
-  return /* @__PURE__ */ p(f, { alignItems: "center", direction: "row", justifyContent: "center", children: [
+}, It = (n) => {
+  const o = n.row[n.field];
+  return /* @__PURE__ */ e(b, { alignItems: "flex-end", tabIndex: n.tabIndex, children: /* @__PURE__ */ e(et, { amount: o, variant: "Small" }) });
+}, Et = ({ categoryGuid: n, topLevelCategoryGuid: o }) => {
+  const { categories: t } = k(), s = t.default_categories[n]?.replace(/&/g, "&") ?? ve[n];
+  return /* @__PURE__ */ T(b, { alignItems: "center", direction: "row", justifyContent: "center", children: [
     /* @__PURE__ */ e(
-      N,
+      G,
       {
-        "aria-label": at(n.category_icon_label_aria, s),
+        "aria-label": tt(t.category_icon_label_aria, s),
         role: "img",
-        children: /* @__PURE__ */ e(me, { categoryGuid: o })
+        children: /* @__PURE__ */ e(fe, { categoryGuid: o })
       }
     ),
-    /* @__PURE__ */ e(H, { sx: { ml: 12, pb: 6 }, variant: "Small", children: s })
+    /* @__PURE__ */ e(Z, { sx: { ml: 12, pb: 6 }, variant: "Small", children: s })
   ] });
-}, Mt = (t) => /* @__PURE__ */ e(f, { alignItems: "center", direction: "row", height: "100%", width: "100%", children: /* @__PURE__ */ e(
-  It,
+}, Lt = (n) => /* @__PURE__ */ e(b, { alignItems: "center", direction: "row", height: "100%", width: "100%", children: /* @__PURE__ */ e(
+  Et,
   {
-    categoryGuid: t.row.category,
-    topLevelCategoryGuid: t.row.top_level_category_guid
+    categoryGuid: n.row.category,
+    topLevelCategoryGuid: n.row.top_level_category_guid
   }
-) }), At = (t, o) => {
-  const n = [], s = new Date(t);
+) }), xt = (n, o) => {
+  const t = [], s = new Date(n);
   for (; s <= o; ) {
-    const u = X(s, G.MONTH);
-    n.push(u), s.setMonth(s.getMonth() + 1);
+    const r = Q(s, z.MONTH);
+    t.push(r), s.setMonth(s.getMonth() + 1);
   }
-  return n;
-}, Ge = ({
-  monthlyCategoryTotals: t,
+  return t;
+}, Oe = ({
+  monthlyCategoryTotals: n,
   selectedDateRange: o,
-  selectedCategory: n,
+  selectedCategory: t,
   onClickRow: s,
-  height: u = "100dvh",
-  sx: h = {}
+  height: r = "100dvh",
+  sx: d = {}
 }) => {
-  const { onEvent: a } = Q(), c = X(/* @__PURE__ */ new Date(), G.MONTH_SHORT), [i, m] = d.useState([
+  const { onEvent: a } = N(), c = Q(/* @__PURE__ */ new Date(), z.MONTH_SHORT), [h, m] = i.useState([
     { field: c, sort: "desc" }
-  ]), g = d.useMemo(() => At(o.start, o.end), [o]), l = [
+  ]), g = i.useMemo(() => xt(o.start, o.end), [o]), C = [
     {
       field: "category",
       headerName: "Category",
       minWidth: 175,
-      renderHeader: be,
-      renderCell: Mt,
+      renderHeader: _e,
+      renderCell: Lt,
       sortable: !0,
       type: "string"
     },
     ...g.map(
-      (r) => ({
-        field: r,
-        headerName: r,
+      (l) => ({
+        field: l,
+        headerName: l,
         minWidth: 75,
-        renderHeader: be,
-        renderCell: Et,
+        renderHeader: _e,
+        renderCell: It,
         align: "right",
         headerAlign: "right",
         sortable: !0,
         hideSortIcons: !1,
         type: "number",
-        sortComparator: Pe
+        sortComparator: Be
       })
     )
-  ], y = d.useMemo(() => {
-    const r = t.filter(
-      (C) => !Ue(C) && !Ye(C)
-    ), w = (n ? r.filter(
-      (C) => C.category_guid === n || C.top_level_category_guid === n
-    ) : r).reduce(
-      (C, v) => {
-        const { category_guid: _, top_level_category_guid: M, month: W, total: A, year: k } = v, x = n ? _ : M;
-        C[x] || (C[x] = {
-          id: x,
-          category: x,
-          category_guid: _,
-          top_level_category_guid: M
+  ], u = i.useMemo(() => {
+    const l = n.filter(
+      (f) => !Ke(f) && !$e(f)
+    ), y = (t ? l.filter(
+      (f) => f.category_guid === t || f.top_level_category_guid === t
+    ) : l).reduce(
+      (f, w) => {
+        const { category_guid: D, top_level_category_guid: I, month: x, total: E, year: H } = w, A = t ? D : I;
+        f[A] || (f[A] = {
+          id: A,
+          category: A,
+          category_guid: D,
+          top_level_category_guid: I
         });
-        const D = X(new Date(k, W - 1), G.MONTH_SHORT);
-        return C[x][D] || (C[x][D] = 0), C[x][D] = C[x][D] + A, C;
+        const v = Q(new Date(H, x - 1), z.MONTH_SHORT);
+        return f[A][v] || (f[A][v] = 0), f[A][v] = f[A][v] + E, f;
       },
       {}
     );
-    return Object.values(w);
-  }, [t, n]);
-  return /* @__PURE__ */ e(N, { sx: { height: u, width: "100%", overflowX: "auto", boxShadow: "none", ...h }, children: /* @__PURE__ */ e(
-    ot,
+    return Object.values(y);
+  }, [n, t]);
+  return /* @__PURE__ */ e(G, { sx: { height: r, width: "100%", overflowX: "auto", boxShadow: "none", ...d }, children: /* @__PURE__ */ e(
+    Je,
     {
-      columns: l,
+      columns: C,
       disableColumnFilter: !0,
       disableColumnMenu: !0,
       hideFooter: !0,
-      initialState: { sorting: { sortModel: i } },
-      onRowClick: (r) => {
-        s?.(r.row.category), a(S.TRENDS_CLICK_TABLE_ROW);
+      initialState: { sorting: { sortModel: h } },
+      onRowClick: (l) => {
+        s?.(l.row.category), a(_.TRENDS_CLICK_LIST_ITEM, {
+          ...R,
+          listItem: ve[l.row.category]
+        });
       },
-      onSortModelChange: (r) => {
-        m(r), a(S.TRENDS_CLICK_TABLE_SORT);
+      onSortModelChange: (l) => {
+        m(l), a(_.TRENDS_CLICK_TABLE_SORT, R);
       },
-      rows: y,
+      rows: u,
       slotProps: { baseIconButton: { color: "secondary", sx: { ml: 8 } } },
-      sortModel: i,
+      sortModel: h,
       sortingOrder: ["asc", "desc"]
     }
   ) });
-}, kt = {
+}, vt = {
   title: "Transaction List"
-}, Rt = ({
-  categoryGuid: t,
+}, Mt = ({
+  categoryGuid: n,
   dateRange: o,
-  isOpen: n,
+  isOpen: t,
   onClose: s
 }) => {
-  const { onEvent: u } = Q(), { selectedAccountGuids: h } = $(), { common: a } = I(), { setFilter: c, sortedTransactions: i } = pe(), [m, g] = d.useState(""), l = d.useMemo(
-    () => i.find((r) => r.guid === m),
-    [m, i]
+  const { onEvent: r } = N(), { selectedAccountGuids: d } = P(), { common: a } = k(), { setFilter: c, sortedTransactions: h } = ne(), [m, g] = i.useState(""), C = i.useMemo(
+    () => h.find((l) => l.guid === m),
+    [m, h]
   );
-  d.useEffect(() => {
+  i.useEffect(() => {
     c({
-      accounts: h,
+      accounts: d,
       dateRange: o,
-      custom: (r) => t === "" || t === r.category_guid || t === r.top_level_category_guid,
-      showSplits: !!t
+      custom: (l) => n === "" || n === l.category_guid || n === l.top_level_category_guid,
+      showSplits: !!n
     });
-  }, [h, t, o]), d.useEffect(() => u(S.TRENDS_VIEW_TRANSACTIONS), []);
-  const y = () => {
+  }, [d, n, o]), i.useEffect(() => r(_.TRENDS_VIEW_TRANSACTIONS), []);
+  const u = () => {
     g(""), s();
   };
-  return /* @__PURE__ */ p(
-    Ie,
+  return /* @__PURE__ */ T(
+    Ce,
     {
       ariaLabelClose: a.close_aria,
-      isOpen: n,
-      onClose: y,
-      title: kt.title,
+      isOpen: t,
+      onClose: u,
+      title: vt.title,
       children: [
-        l && /* @__PURE__ */ e(it, { transaction: l }),
-        !l && /* @__PURE__ */ e(ct, { onClick: g })
+        C && /* @__PURE__ */ e(Ae, { transaction: C }),
+        !C && /* @__PURE__ */ e(Re, { onClick: g })
       ]
     }
   );
-}, Ht = L(Rt), Nt = ({ onBackClick: t, sx: o }) => {
-  const { onEvent: n } = Q(), { isDesktop: s, isTablet: u, isMobile: h } = V(), { visibleAccounts: a } = se(), { loadMonthlyCategoryTotals: c, monthlyCategoryTotals: i, getCategoryName: m } = P(), { sortedTransactions: g } = pe(), { selectedDateRange: l, setSelectedDateRange: y } = q(), { isCopyLoaded: r, isInitialized: b, selectedAccounts: w, setSelectedAccounts: C } = $(), { trends: v } = I(), [_, M] = d.useState(!1), [W, A] = d.useState(!1), [k, x] = d.useState("Chart"), [D, j] = d.useState(""), [z, re] = d.useState(window.innerHeight), ee = z - (h ? 315 : 345);
-  d.useEffect(() => {
-    const T = () => re(window.innerHeight);
-    return window.addEventListener("resize", T), () => window.removeEventListener("resize", T);
-  }, []), d.useEffect(() => {
-    C(a);
-  }, [a]), d.useEffect(() => {
-    b && c(
-      w,
-      l.start,
-      l.end
+}, At = M(Mt), Rt = ({ onBackClick: n, sx: o }) => {
+  const { onEvent: t } = N(), { isDesktop: s, isTablet: r, isMobile: d } = K(), { visibleAccounts: a } = oe(), { loadMonthlyCategoryTotals: c, monthlyCategoryTotals: h, getCategoryName: m } = F(), { sortedTransactions: g } = ne(), { selectedDateRange: C, setSelectedDateRange: u } = J(), { isCopyLoaded: l, isInitialized: p, selectedAccounts: y, setSelectedAccounts: f } = P(), { trends: w } = k(), [D, I] = i.useState(!1), [x, E] = i.useState(!1), [H, A] = i.useState("Chart"), [v, W] = i.useState(""), [se, $] = i.useState(window.innerHeight), ae = se - (d ? 315 : 345);
+  i.useEffect(() => {
+    const S = () => $(window.innerHeight);
+    return window.addEventListener("resize", S), () => window.removeEventListener("resize", S);
+  }, []), i.useEffect(() => {
+    f(a);
+  }, [a]), i.useEffect(() => {
+    p && c(
+      y,
+      C.start,
+      C.end
     ).finally(() => {
-      M(!0);
+      I(!0);
     });
-  }, [b, w, l]);
-  const te = d.useMemo(() => {
-    if (!_) return { stackedDatasets: [], unstackedDatasets: [] };
-    const T = $e(
-      i,
-      l.start,
-      l.end
-    ), R = D.length ? T.filter(
-      (O) => O.top_level_category_guid === D || O.category_guid === D
-    ) : Xe(T);
+  }, [p, y, C]);
+  const j = i.useMemo(() => {
+    if (!D) return { stackedDatasets: [], unstackedDatasets: [] };
+    const S = ze(
+      h,
+      C.start,
+      C.end
+    ), O = v.length ? S.filter(
+      (B) => B.top_level_category_guid === v || B.category_guid === v
+    ) : je(S);
     return {
-      stackedDatasets: R.filter(Ze),
-      unstackedDatasets: R.filter(Qe)
+      stackedDatasets: O.filter(Ye),
+      unstackedDatasets: O.filter(Ue)
     };
-  }, [i, D, l]), ne = (T, R) => {
-    x(R ?? k), n(S.TRENDS_CLICK_TOGGLE);
-  }, oe = (T) => {
-    const R = _e(T?.[0], 1), O = T?.[1], E = xe(O, R);
-    y({ start: R, end: O }), n(S.TRENDS_CLICK_DATE, {
-      time_period: E + "M"
+  }, [h, v, C]), ee = (S, O) => {
+    A(O ?? H), t(_.TRENDS_CLICK_TOGGLE_VIEW);
+  }, ie = (S) => {
+    const O = De(S?.[0], 1), B = S?.[1], L = pe(B, O);
+    u({ start: O, end: B }), t(_.TRENDS_CLICK_TIME_WINDOW, {
+      time_period: L + "M"
     });
-  }, ae = () => {
-    n(S.TRENDS_CLICK_FILTER);
-  }, ie = (T) => {
-    j(T);
-  }, ce = (T) => {
-    j(T), n(S.TRENDS_CLICK_LEGEND, { category: m(T) });
-  }, le = (T) => {
-    n(S.TRENDS_HOVER_LEGEND, { category: m(T) });
-  }, de = (T) => {
-    n(S.TRENDS_HOVER_AREA, { category: T });
-  }, he = (T) => {
-    n(S.TRENDS_HOVER_POINT, { category: T });
+  }, ce = () => {
+    t(_.TRENDS_CLICK_FILTER);
+  }, le = (S) => {
+    W(S);
+  }, de = (S) => {
+    W(S), t(_.TRENDS_CLICK_LEGEND, { category: m(S) });
+  }, he = (S) => {
+    t(_.TRENDS_HOVER_LEGEND, { category: m(S) });
+  }, ue = (S) => {
+    t(_.TRENDS_HOVER_AREA, { category: S });
+  }, me = (S) => {
+    t(_.TRENDS_HOVER_POINT, { category: S });
   };
-  return !r || !b || !_ ? /* @__PURE__ */ e(Z, {}) : /* @__PURE__ */ p(
-    Ee,
+  return !l || !p || !D ? /* @__PURE__ */ e(q, {}) : /* @__PURE__ */ T(
+    Me,
     {
       accountOptions: a,
-      calendarActions: { onRangeChanged: oe },
-      dateRange: l,
+      calendarActions: { onRangeChanged: ie },
+      dateRange: C,
       dateRangeVariant: "timeframebuttons",
-      onAccountsFilterClick: ae,
-      onBackClick: t,
+      onAccountsFilterClick: ce,
+      onBackClick: n,
       sx: o,
-      title: v.title,
+      title: w.title,
       children: [
-        /* @__PURE__ */ p(
-          f,
+        /* @__PURE__ */ T(
+          b,
           {
             sx: {
               // eslint-disable-next-line no-nested-ternary
-              px: s ? 48 : u ? 24 : 12
+              px: s ? 48 : r ? 24 : 12
             },
             children: [
-              /* @__PURE__ */ p(
-                f,
+              /* @__PURE__ */ T(
+                b,
                 {
                   flexDirection: "row",
                   justifyContent: "space-between",
-                  sx: { pb: h ? 12 : 24, pt: h ? 24 : 48 },
+                  sx: { pb: d ? 12 : 24, pt: d ? 24 : 48 },
                   children: [
                     /* @__PURE__ */ e(
-                      Be,
+                      We,
                       {
-                        selectedCategoryGuid: D,
-                        selectedDateRange: l
+                        selectedCategoryGuid: v,
+                        selectedDateRange: C
                       }
                     ),
-                    /* @__PURE__ */ e(Oe, { onTabChange: ne, selectedTab: k })
+                    /* @__PURE__ */ e(Ne, { onTabChange: ee, selectedTab: H })
                   ]
                 }
               ),
-              /* @__PURE__ */ p(f, { alignItems: "center", flexDirection: "row", width: "100%", children: [
-                /* @__PURE__ */ e(N, { flexGrow: 1, children: D && /* @__PURE__ */ p(ue, { onClick: () => j(""), sx: { p: 0, pr: 5 }, children: [
-                  /* @__PURE__ */ e(Y, { name: "arrow_back" }),
-                  v.all_categories
+              /* @__PURE__ */ T(b, { alignItems: "center", flexDirection: "row", width: "100%", children: [
+                /* @__PURE__ */ e(G, { flexGrow: 1, children: v && /* @__PURE__ */ T(ge, { onClick: () => W(""), sx: { p: 0, pr: 5 }, children: [
+                  /* @__PURE__ */ e(te, { name: "arrow_back" }),
+                  w.all_categories
                 ] }) }),
-                /* @__PURE__ */ e(ue, { onClick: () => A(!0), sx: { px: 5 }, children: `${v.view_transactions} (${g.length})` })
+                /* @__PURE__ */ e(ge, { onClick: () => E(!0), sx: { px: 5 }, children: `${w.view_transactions} (${g.length})` })
               ] }),
-              /* @__PURE__ */ p(N, { children: [
-                k === "Chart" && /* @__PURE__ */ e(
-                  je,
+              /* @__PURE__ */ T(G, { children: [
+                H === "Chart" && /* @__PURE__ */ e(
+                  Fe,
                   {
-                    availableHeight: ee,
-                    onClickLegend: ce,
-                    onHoverArea: de,
-                    onHoverLegend: le,
-                    onHoverPoint: he,
-                    stackedDatasets: te.stackedDatasets,
-                    unstackedDatasets: te.unstackedDatasets
+                    availableHeight: ae,
+                    onClickLegend: de,
+                    onHoverArea: ue,
+                    onHoverLegend: he,
+                    onHoverPoint: me,
+                    stackedDatasets: j.stackedDatasets,
+                    unstackedDatasets: j.unstackedDatasets
                   }
                 ),
-                k === "Table" && /* @__PURE__ */ e(
-                  Ge,
+                H === "Table" && /* @__PURE__ */ e(
+                  Oe,
                   {
-                    monthlyCategoryTotals: i,
-                    onClickRow: ie,
-                    selectedCategory: D,
-                    selectedDateRange: l
+                    monthlyCategoryTotals: h,
+                    onClickRow: le,
+                    selectedCategory: v,
+                    selectedDateRange: C
                   }
                 )
               ] })
@@ -343,27 +347,27 @@ const Oe = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
           }
         ),
         /* @__PURE__ */ e(
-          Ht,
+          At,
           {
-            categoryGuid: D,
-            dateRange: l,
-            isOpen: W,
-            onClose: () => A(!1)
+            categoryGuid: v,
+            dateRange: C,
+            isOpen: x,
+            onClose: () => E(!1)
           }
         )
       ]
     }
   );
-}, Kn = L(Nt), Wt = () => {
-  const t = Me(), { monthlyCategoryTotals: o } = P(), { trends: n } = I(), s = qe(o);
+}, Pn = M(Rt), kt = () => {
+  const n = ke(), { monthlyCategoryTotals: o } = F(), { trends: t } = k(), s = Xe(o);
   return /* @__PURE__ */ e(
-    fe,
+    Te,
     {
       baseline: "min",
-      colors: [t.palette.primary.main],
+      colors: [n.palette.primary.main],
       datasets: [s],
       height: 300,
-      labels: [n.spending_label],
+      labels: [t.spending_label],
       showArea: !0,
       showAverage: !0,
       showLegend: !0,
@@ -372,37 +376,37 @@ const Oe = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
       valueFormatterString: "0,0"
     }
   );
-}, Ot = L(Wt), Bt = ({ onPrimaryCtaClick: t, sx: o }) => {
-  const { visibleAccounts: n } = se(), { loadMonthlyCategoryTotals: s, monthlyTotalsLoaded: u } = P(), { isInitialized: h } = ve(), { trends: a } = I(), { isCopyLoaded: c, selectedAccounts: i, setSelectedAccounts: m } = $();
-  return d.useEffect(() => {
-    m(n);
-  }, [n]), d.useEffect(() => {
-    h && s(i).finally();
-  }, [h, i]), !c || !h ? /* @__PURE__ */ e(Z, {}) : /* @__PURE__ */ e(
-    dt,
+}, Ht = M(kt), Nt = ({ onPrimaryCtaClick: n, sx: o }) => {
+  const { visibleAccounts: t } = oe(), { loadMonthlyCategoryTotals: s, monthlyTotalsLoaded: r } = F(), { isInitialized: d } = xe(), { trends: a } = k(), { isCopyLoaded: c, selectedAccounts: h, setSelectedAccounts: m } = P();
+  return i.useEffect(() => {
+    m(t);
+  }, [t]), i.useEffect(() => {
+    d && s(h).finally();
+  }, [d, h]), !c || !d ? /* @__PURE__ */ e(q, {}) : /* @__PURE__ */ e(
+    ot,
     {
-      onPrimaryCtaClick: t,
+      onPrimaryCtaClick: n,
       primaryCtaLabel: a.primary_cta,
       subTitle: a.sub_title,
       sx: o,
       title: a.mini_title,
-      children: u ? /* @__PURE__ */ e(Ot, {}) : /* @__PURE__ */ e(Z, {})
+      children: r ? /* @__PURE__ */ e(Ht, {}) : /* @__PURE__ */ e(q, {})
     }
   );
-}, Un = L(Bt), Gt = 70, Te = ({
-  title: t,
+}, Kn = M(Nt), Wt = 70, be = ({
+  title: n,
   totalAmount: o,
-  transactionType: n,
+  transactionType: t,
   percentage: s,
-  secondaryLabel: u,
-  shouldDisplayPercentage: h
+  secondaryLabel: r,
+  shouldDisplayPercentage: d
 }) => {
-  const { availableWidth: a } = tt(), c = d.useRef(null), i = d.useRef(null), m = bt(Number(Math.abs(s)), {
+  const { availableWidth: a } = qe(), c = i.useRef(null), h = i.useRef(null), m = dt(Number(Math.abs(s)), {
     style: "percent",
     minimumIntegerDigits: 1
-  }), g = a === 288 && F(o, "0,0.00").length > 10 ? F(o, "0,0") : F(o, "0,0.00"), l = n === "spending" ? s > 0 : s >= 0, y = n === "spending" ? "error.main" : "success.main", r = n === "spending" ? "success.main" : "text.secondary", b = c?.current, w = i?.current, C = b && w ? b.scrollWidth > w.clientWidth - Gt : !1;
-  return /* @__PURE__ */ p(
-    f,
+  }), g = a === 288 && X(o, "0,0.00").length > 10 ? X(o, "0,0") : X(o, "0,0.00"), C = t === "spending" ? s > 0 : s >= 0, u = t === "spending" ? "error.main" : "success.main", l = t === "spending" ? "success.main" : "text.secondary", p = c?.current, y = h?.current, f = p && y ? p.scrollWidth > y.clientWidth - Wt : !1;
+  return /* @__PURE__ */ T(
+    b,
     {
       sx: {
         border: 1,
@@ -414,8 +418,8 @@ const Oe = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
         py: 8
       },
       children: [
-        /* @__PURE__ */ p(
-          f,
+        /* @__PURE__ */ T(
+          b,
           {
             sx: {
               alignItems: "center",
@@ -423,14 +427,14 @@ const Oe = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
               justifyContent: "space-between"
             },
             children: [
-              /* @__PURE__ */ e(U, { color: "text.secondary", variant: "caption", children: t }),
-              h && /* @__PURE__ */ p(f, { sx: { alignItems: "center", flexDirection: "row", gap: 4 }, children: [
-                l ? /* @__PURE__ */ e(mt, { size: 20, sx: { color: y } }) : /* @__PURE__ */ e(pt, { size: 20, sx: { color: r } }),
+              /* @__PURE__ */ e(U, { color: "text.secondary", variant: "caption", children: n }),
+              d && /* @__PURE__ */ T(b, { sx: { alignItems: "center", flexDirection: "row", gap: 4 }, children: [
+                C ? /* @__PURE__ */ e(rt, { size: 20, sx: { color: u } }) : /* @__PURE__ */ e(at, { size: 20, sx: { color: l } }),
                 /* @__PURE__ */ e(
                   U,
                   {
                     sx: {
-                      color: l ? y : r,
+                      color: C ? u : l,
                       fontWeight: 600
                     },
                     variant: "body2",
@@ -441,10 +445,10 @@ const Oe = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
             ]
           }
         ),
-        /* @__PURE__ */ p(
-          f,
+        /* @__PURE__ */ T(
+          b,
           {
-            ref: i,
+            ref: h,
             sx: {
               alignItems: "center",
               flexDirection: "row",
@@ -452,19 +456,19 @@ const Oe = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
             },
             children: [
               /* @__PURE__ */ e(
-                N,
+                G,
                 {
                   ref: c,
                   sx: { overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" },
-                  children: /* @__PURE__ */ e(Se, { children: g })
+                  children: /* @__PURE__ */ e(we, { children: g })
                 }
               ),
-              h && a >= 450 && !C && /* @__PURE__ */ e(
+              d && a >= 450 && !f && /* @__PURE__ */ e(
                 U,
                 {
-                  color: l ? y : r,
+                  color: C ? u : l,
                   variant: "caption",
-                  children: u
+                  children: r
                 }
               )
             ]
@@ -473,50 +477,50 @@ const Oe = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
       ]
     }
   );
-}, Vt = L(() => {
-  const { trends: t } = I();
-  return /* @__PURE__ */ p(f, { sx: { alignItems: "start", flexDirection: "row", gap: 12 }, children: [
-    /* @__PURE__ */ e(ft, { size: 32 }),
-    /* @__PURE__ */ p(f, { children: [
-      /* @__PURE__ */ e(U, { fontWeight: 600, variant: "body1", children: t.zero_state_content_header }),
-      /* @__PURE__ */ e(U, { color: "text.secondary", variant: "subtitle2", children: t.zero_state_content_description })
+}, Ot = M(() => {
+  const { trends: n } = k();
+  return /* @__PURE__ */ T(b, { sx: { alignItems: "start", flexDirection: "row", gap: 12 }, children: [
+    /* @__PURE__ */ e(it, { size: 32 }),
+    /* @__PURE__ */ T(b, { children: [
+      /* @__PURE__ */ e(U, { fontWeight: 600, variant: "body1", children: n.zero_state_content_header }),
+      /* @__PURE__ */ e(U, { color: "text.secondary", variant: "subtitle2", children: n.zero_state_content_description })
     ] })
   ] });
-}), Yn = L(({ onCtaClick: t }) => {
-  const { visibleAccounts: o } = se(), { onEvent: n } = Q(), { monthlyCategoryTotals: s, loadMonthlyCategoryTotals: u, monthlyTotalsLoaded: h } = P(), a = {
-    start: ht(/* @__PURE__ */ new Date(), 1),
+}), $n = M(({ onCtaClick: n }) => {
+  const { visibleAccounts: o } = oe(), { onEvent: t } = N(), { monthlyCategoryTotals: s, loadMonthlyCategoryTotals: r, monthlyTotalsLoaded: d } = F(), a = {
+    start: st(/* @__PURE__ */ new Date(), 1),
     end: /* @__PURE__ */ new Date()
-  }, { trends: c } = I(), { selectedAccounts: i, setSelectedAccounts: m, isInitialized: g } = $();
-  d.useEffect(() => {
+  }, { trends: c } = k(), { selectedAccounts: h, setSelectedAccounts: m, isInitialized: g } = P();
+  i.useEffect(() => {
     m(o);
-  }, [o]), d.useEffect(() => {
-    g && u(i, a.start).then(() => {
-      n(S.TRENDS_LOAD_WIDGET, {
+  }, [o]), i.useEffect(() => {
+    g && r(h, a.start).then(() => {
+      t(_.TRENDS_LOAD_WIDGET, {
         state: o?.length ? "default" : "zeroState"
       });
     });
-  }, [g, i]);
-  const { spendingData: l, incomeData: y } = d.useMemo(
+  }, [g, h]);
+  const { spendingData: C, incomeData: u } = i.useMemo(
     () => ({
-      spendingData: De(s, a),
+      spendingData: Ee(s, a),
       incomeData: Le(s, a)
     }),
     [s, a]
-  ), [r, b] = l, [w, C] = y, v = Ce(b.y, r.y), _ = Ce(C.y, w.y), M = g && !o?.length, W = () => {
-    n(
-      M ? S.TRENDS_CLICK_GET_STARTED : S.TRENDS_CLICK_VIEW_MORE
-    ), t();
+  ), [l, p] = C, [y, f] = u, w = ye(p.y, l.y), D = ye(f.y, y.y), I = g && !o?.length, x = () => {
+    t(
+      I ? _.TRENDS_CLICK_GET_STARTED : _.TRENDS_CLICK_VIEW_MORE
+    ), n();
   };
-  return !h || !g ? /* @__PURE__ */ e(Z, {}) : /* @__PURE__ */ e(
-    Tt,
+  return !d || !g ? /* @__PURE__ */ e(q, {}) : /* @__PURE__ */ e(
+    ht,
     {
       className: "mx-trends-microwidget",
       ctaLabel: c.micro_primary_cta_label,
-      onCTAClick: W,
-      subHeader: M ? void 0 : c.micro_subheader,
+      onCTAClick: x,
+      subHeader: I ? void 0 : c.micro_subheader,
       title: c.title,
-      children: M ? /* @__PURE__ */ e(Vt, {}) : /* @__PURE__ */ p(
-        f,
+      children: I ? /* @__PURE__ */ e(Ot, {}) : /* @__PURE__ */ T(
+        b,
         {
           sx: {
             alignItems: "stretch",
@@ -525,24 +529,24 @@ const Oe = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
           },
           children: [
             /* @__PURE__ */ e(
-              Te,
+              be,
               {
-                percentage: v,
+                percentage: w,
                 secondaryLabel: c.micro_secondary_label,
-                shouldDisplayPercentage: b.y !== 0 && r.y !== 0,
+                shouldDisplayPercentage: p.y !== 0 && l.y !== 0,
                 title: c.spending_label,
-                totalAmount: b.y,
+                totalAmount: p.y,
                 transactionType: "spending"
               }
             ),
             /* @__PURE__ */ e(
-              Te,
+              be,
               {
-                percentage: _,
+                percentage: D,
                 secondaryLabel: c.micro_secondary_label,
-                shouldDisplayPercentage: C.y !== 0 && w.y !== 0,
+                shouldDisplayPercentage: f.y !== 0 && y.y !== 0,
                 title: c.income_label,
-                totalAmount: C.y,
+                totalAmount: f.y,
                 transactionType: "income"
               }
             )
@@ -551,21 +555,21 @@ const Oe = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
       )
     }
   );
-}), zt = L(
-  ({ isExpanded: t, onClick: o }) => {
-    const n = Ne();
-    return /* @__PURE__ */ e(ke, { sx: { bgcolor: "background.paper" }, children: /* @__PURE__ */ e(Re, { onClick: o, sx: { justifyContent: "center" }, children: /* @__PURE__ */ p(
-      f,
+}), Vt = M(
+  ({ isExpanded: n, onClick: o }) => {
+    const t = He();
+    return /* @__PURE__ */ e(gt, { sx: { bgcolor: "background.paper" }, children: /* @__PURE__ */ e(pt, { onClick: o, sx: { justifyContent: "center" }, children: /* @__PURE__ */ T(
+      b,
       {
-        sx: { color: n.palette.primary.main, flexDirection: "row", alignItems: "center" },
+        sx: { color: t.palette.primary.main, flexDirection: "row", alignItems: "center" },
         children: [
-          /* @__PURE__ */ e(He, { children: /* @__PURE__ */ e(H, { bold: !0, variant: "body2", children: t ? "View less" : "View more" }) }),
-          /* @__PURE__ */ e(ge, { sx: { color: n.palette.primary.main }, children: t ? /* @__PURE__ */ e(yt, {}) : /* @__PURE__ */ e(
-            Ct,
+          /* @__PURE__ */ e(ft, { children: /* @__PURE__ */ e(Z, { bold: !0, variant: "body2", children: n ? "View less" : "View more" }) }),
+          /* @__PURE__ */ e(Ct, { sx: { color: t.palette.primary.main }, children: n ? /* @__PURE__ */ e(ct, {}) : /* @__PURE__ */ e(
+            lt,
             {
               sx: {
                 transition: "transform 0.3s ease-in-out",
-                transform: t ? "rotate(180deg)" : "rotate(0deg)"
+                transform: n ? "rotate(180deg)" : "rotate(0deg)"
               }
             }
           ) })
@@ -573,133 +577,85 @@ const Oe = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
       }
     ) }) });
   }
-), ye = ({
-  onClick: t,
-  leftIcon: o,
-  rightIcon: n,
-  title: s,
-  subtitle: u,
-  rightContent: h,
-  titleBold: a = !0,
-  rightContentBold: c = !0
-}) => {
-  const i = /* @__PURE__ */ p(d.Fragment, { children: [
-    o && /* @__PURE__ */ e(ge, { sx: { ml: 0 }, children: o }),
-    /* @__PURE__ */ e(He, { children: /* @__PURE__ */ p(
-      f,
-      {
-        sx: {
-          alignItems: "center",
-          flexDirection: "row",
-          marginLeft: 12
-        },
-        children: [
-          /* @__PURE__ */ p(f, { sx: { flex: 1, minWidth: 0 }, children: [
-            /* @__PURE__ */ e(H, { bold: a, variant: "body1", children: s }),
-            u && /* @__PURE__ */ e(H, { variant: "caption", children: u })
-          ] }),
-          /* @__PURE__ */ p(f, { sx: { flexDirection: "row", alignItems: "center", gap: 1 }, children: [
-            h && /* @__PURE__ */ e(H, { bold: c, display: "flex", variant: "body1", children: h }),
-            n && /* @__PURE__ */ e(ge, { children: n })
-          ] })
-        ]
-      }
-    ) })
-  ] });
-  return /* @__PURE__ */ e(ke, { sx: { bgcolor: "background.paper" }, children: t ? /* @__PURE__ */ e(
-    Re,
-    {
-      onClick: t,
-      sx: {
-        py: 14
-      },
-      children: i
-    }
-  ) : /* @__PURE__ */ e(
-    f,
-    {
-      sx: {
-        py: 14,
-        px: 24,
-        width: "100%",
-        flexDirection: "row",
-        alignItems: "center"
-      },
-      children: i
-    }
-  ) });
-}, we = L(
+), Se = M(
   ({
-    totalAmount: t,
+    totalAmount: n,
     guid: o,
-    name: n,
+    name: t,
     transactions: s,
-    onClick: u,
-    isLastItem: h = !1,
+    onClick: r,
+    isLastItem: d = !1,
     showDivider: a = !0
   }) => {
-    const { trends: c } = I(), i = `${s.length} ${s.length === 1 ? c.transaction : c.transactions}`;
-    return /* @__PURE__ */ p(d.Fragment, { children: [
+    const { trends: c } = k(), { onEvent: h } = N(), m = `${s.length} ${s.length === 1 ? c.transaction : c.transactions}`, g = () => {
+      r?.(), h(_.TRENDS_CLICK_LIST_ITEM, {
+        ...R,
+        listItem: t
+      });
+    };
+    return /* @__PURE__ */ T(i.Fragment, { children: [
       /* @__PURE__ */ e(
-        ye,
+        Ie,
         {
-          leftIcon: o ? /* @__PURE__ */ e(me, { categoryGuid: o }) : void 0,
-          onClick: u,
-          rightContent: F(Math.abs(t), "0,0.00"),
-          rightIcon: u ? /* @__PURE__ */ e(ze, {}) : void 0,
-          subtitle: i,
-          title: n
+          leftIcon: o ? /* @__PURE__ */ e(fe, { categoryGuid: o }) : void 0,
+          onClick: g,
+          rightContent: X(Math.abs(n), "0,0.00"),
+          rightIcon: r ? /* @__PURE__ */ e(Ge, {}) : void 0,
+          subtitle: m,
+          title: t
         }
       ),
-      a && /* @__PURE__ */ e(We, { sx: { ml: h ? 24 : 68 } })
+      a && /* @__PURE__ */ e(Tt, { sx: { ml: d ? 24 : 68 } })
     ] }, o);
   }
-), Ft = L(
-  ({ availableHeight: t = 0, onCategoryClick: o }) => {
-    const { collapsedCategories: n, visibleCategories: s, setVisibleListLength: u } = q(), { isLargeDesktop: h, isDesktop: a } = V(), { trends: c } = I(), [i, m] = d.useState(!1), g = a || h;
-    d.useEffect(() => {
-      const r = Math.floor(t / 64) - 1, b = s.length + n.length;
-      r !== s.length && (u(g ? Math.max(r, 5) : 5), m(r >= b));
-    }, [t]);
-    const l = () => {
-      m(!i);
-    }, y = s.length + (i ? n.length : 0);
-    return /* @__PURE__ */ e(f, { sx: { bgColor: "background.paper", width: "100%" }, children: /* @__PURE__ */ p(Ae, { children: [
-      /* @__PURE__ */ e(f, { sx: { pb: 4, pt: 16, px: 16 }, children: /* @__PURE__ */ e(Se, { children: c.categories }) }),
-      s.map((r, b) => /* @__PURE__ */ e(
-        we,
+), Gt = M(
+  ({ availableHeight: n = 0, onCategoryClick: o }) => {
+    const { collapsedCategories: t, visibleCategories: s, setVisibleListLength: r } = J(), { isLargeDesktop: d, isDesktop: a } = K(), { trends: c } = k(), { onEvent: h } = N(), [m, g] = i.useState(!1), C = a || d;
+    i.useEffect(() => {
+      const p = Math.floor(n / 64) - 1, y = s.length + t.length;
+      p !== s.length && (r(C ? Math.max(p, 5) : 5), g(p >= y));
+    }, [n]);
+    const u = () => {
+      g(!m), h(_.TRENDS_CLICK_VIEW_MORE, {
+        ...R
+      });
+    }, l = s.length + (m ? t.length : 0);
+    return /* @__PURE__ */ e(b, { sx: { bgColor: "background.paper", width: "100%" }, children: /* @__PURE__ */ T(mt, { children: [
+      /* @__PURE__ */ e(b, { sx: { pb: 4, pt: 16, px: 16 }, children: /* @__PURE__ */ e(we, { children: c.categories }) }),
+      s.map((p, y) => /* @__PURE__ */ e(
+        Se,
         {
-          ...r,
-          isLastItem: b === y - 1,
-          onClick: r.transactions.length > 0 ? () => o(r) : void 0,
+          ...p,
+          isLastItem: y === l - 1,
+          onClick: p.transactions.length > 0 ? () => o(p) : void 0,
           showDivider: !0
         },
-        r.guid
+        p.guid
       )),
       /* @__PURE__ */ e(
-        wt,
+        ut,
         {
-          in: i,
+          in: m,
           sx: { "&.MuiCollapse-root .MuiListItemButton-root": { paddingLeft: 24 } },
-          children: n.map((r, b) => {
-            const w = s.length + b;
+          children: t.map((p, y) => {
+            const f = s.length + y;
             return /* @__PURE__ */ e(
-              we,
+              Se,
               {
-                ...r,
-                isLastItem: w === y - 1,
-                onClick: r.transactions.length > 0 ? () => o(r) : void 0,
+                ...p,
+                isLastItem: f === l - 1,
+                onClick: p.transactions.length > 0 ? () => o(p) : void 0,
                 showDivider: !0
               },
-              r.guid
+              p.guid
             );
           })
         }
       ),
-      n.length > 0 && /* @__PURE__ */ e(zt, { isExpanded: i, onClick: l })
+      t.length > 0 && /* @__PURE__ */ e(Vt, { isExpanded: m, onClick: u })
     ] }) });
   }
-), Pt = [
+), Bt = [
   "BillAmountNotStandard",
   "CategorySpendingV2",
   "CostOfLivingToIncome",
@@ -733,113 +689,55 @@ const Oe = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
   "WeeklyNewMerchantsV2",
   "WeeklyNoSpendDays",
   "WeeklySmallPurchasesSummary"
-], $t = ({ onInsightCardClick: t }) => {
-  const o = St(), { isMobile: n, isDesktop: s, isLargeDesktop: u } = V(), { beatStore: h, endpoint: a, sessionToken: c } = ve(), { isInitialized: i } = $(), [m, g] = d.useState(!1), l = o.palette.mode === "dark", y = s || u, r = y || n ? 1 : 2;
-  d.useEffect(() => {
-    i && h.loadBeats().finally(() => g(!0));
-  }, [i]);
-  const b = d.useMemo(() => m ? h.getFilteredBeats({ templates: Pt }) : [], [m]), w = () => null, C = y ? 200 : 170, v = y ? 170 : 124, _ = b.length > 0 ? C : v;
-  return /* @__PURE__ */ e(_t, { sx: { height: _ }, children: /* @__PURE__ */ e(
-    xt,
+], zt = ({ onInsightCardClick: n }) => {
+  const o = yt(), { onEvent: t } = N(), { isMobile: s, isDesktop: r, isLargeDesktop: d } = K(), { beatStore: a, endpoint: c, sessionToken: h } = xe(), { isInitialized: m } = P(), [g, C] = i.useState(!1), u = o.palette.mode === "dark", l = r || d, p = l || s ? 1 : 2;
+  i.useEffect(() => {
+    m && a.loadBeats().finally(() => C(!0));
+  }, [m]);
+  const y = i.useMemo(() => g ? a.getFilteredBeats({ templates: Bt }) : [], [g]), f = () => null, w = (E) => {
+    n?.(E), t(_.TRENDS_CLICK_INSIGHT, R);
+  }, D = l ? 200 : 170, I = l ? 170 : 124, x = y.length > 0 ? D : I;
+  return /* @__PURE__ */ e(_t, { sx: { height: x }, children: /* @__PURE__ */ e(
+    nt,
     {
-      areBeatsLoading: h.isLoading,
-      beats: b,
-      endpoint: a,
-      logOutUser: w,
-      onCardClick: t,
+      areBeatsLoading: a.isLoading,
+      beats: y,
+      endpoint: c,
+      logOutUser: f,
+      onCardClick: w,
       showBorder: !0,
       showCTAColocatedWithText: !1,
       showCarouselControls: !0,
-      showHeader: y,
+      showHeader: l,
       showIcon: !0,
       showWithMargin: !1,
-      token: c,
-      useDarkMode: l,
+      token: h,
+      useDarkMode: u,
       userHasFullInsightFeedBeats: !1,
       variant: "outlined",
-      visibleCardsCount: r
+      visibleCardsCount: p
     }
   ) });
-}, jt = L($t), Kt = L(({ transactions: t }) => {
-  const { is_mobile_webview: o } = nt(), { trends: n, transactions: s } = I(), { isDesktop: u } = V(), h = ` ${t.length === 1 ? n.transaction : n.transactions} (${t.length})`, a = (() => {
-    const m = /* @__PURE__ */ new Map();
-    return t.forEach((g) => {
-      m.has(g.date) || m.set(g.date, []), m.get(g.date).push(g);
-    }), Array.from(m.entries()).sort(([g], [l]) => l - g).map(([g, l]) => ({ timestamp: g, transactions: l }));
-  })(), c = () => {
-  }, i = t.length > 0 && !o && u;
-  return /* @__PURE__ */ p(f, { sx: { width: "100%" }, children: [
-    /* @__PURE__ */ p(
-      f,
-      {
-        sx: {
-          alignItems: "flex-start",
-          alignSelf: "stretch",
-          flexDirection: "row",
-          justifyContent: "space-between",
-          pb: 12,
-          pt: 16,
-          px: 24
-        },
-        children: [
-          /* @__PURE__ */ e(H, { bold: !0, variant: "body1", children: h }),
-          /* @__PURE__ */ e(f, { sx: { alignItems: "center", gap: 16 }, children: i && /* @__PURE__ */ p(
-            Dt,
-            {
-              onClick: c,
-              sx: { display: "flex", alignItems: "end", gap: 8 },
-              variant: "body2",
-              children: [
-                /* @__PURE__ */ e(Y, { name: "ios_share" }),
-                s.export_csv_btn
-              ]
-            }
-          ) })
-        ]
-      }
-    ),
-    /* @__PURE__ */ e(Ae, { children: a.map(({ timestamp: m, transactions: g }) => /* @__PURE__ */ p(d.Fragment, { children: [
-      /* @__PURE__ */ e(lt, { children: ut(gt(m), "EEEE, MMMM dd") }),
-      g.map((l, y) => {
-        const r = y === g.length - 1;
-        return /* @__PURE__ */ p(d.Fragment, { children: [
-          /* @__PURE__ */ e(
-            ye,
-            {
-              leftIcon: /* @__PURE__ */ e(
-                Fe,
-                {
-                  categoryGuid: l.guid,
-                  merchantGuid: l.merchant_guid ?? ""
-                }
-              ),
-              rightContent: F(l.amount, "0,0.00"),
-              subtitle: l.category,
-              title: l.description
-            }
-          ),
-          /* @__PURE__ */ e(We, { sx: { ml: r ? 0 : 68 } })
-        ] }, l.guid);
-      })
-    ] }, m)) })
-  ] });
-}), Ut = L(({ chartLabel: t, chartColor: o }) => {
-  const {
-    categoryDetailsChartData: { monthlyAmounts: n, tooltipLabels: s }
-  } = q();
-  return /* @__PURE__ */ e(f, { sx: { pt: 12, width: "100%" }, children: /* @__PURE__ */ e(
-    fe,
+}, Ft = M(zt), Pt = M(({ chartLabel: n, chartColor: o }) => {
+  const { onEvent: t } = N(), {
+    categoryDetailsChartData: { monthlyAmounts: s, tooltipLabels: r }
+  } = J();
+  return /* @__PURE__ */ e(b, { sx: { pt: 12, width: "100%" }, children: /* @__PURE__ */ e(
+    Te,
     {
       baseline: "min",
       colors: [o],
       curveType: "bump",
-      customTooltipLabels: s,
-      datasets: [n],
+      customTooltipLabels: r,
+      datasets: [s],
       height: 265,
-      labels: [t],
+      labels: [n],
       markStyles: () => ({
         stroke: o
       }),
+      onItemClick: () => {
+        t(_.TRENDS_CLICK_CHART, R);
+      },
       showArea: !0,
       showAverage: !0,
       showAxisHighlight: !0,
@@ -853,69 +751,100 @@ const Oe = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
       valueFormatterString: "0,0"
     }
   ) });
-}), Yt = L(({ onClose: t }) => {
-  const { trends: o } = I(), n = Ne(), { selectedCategoryData: s, selectedDateRangeMonthRange: u } = q();
-  if (!s)
+}), Kt = M(({ onClose: n }) => {
+  const o = He(), { onEvent: t } = N(), { common: s, trends: r } = k(), { selectedCategoryData: d, selectedDateRangeMonthRange: a } = J(), { sortedTransactions: c } = ne(), [h, m] = i.useState(null);
+  if (!d)
     return null;
-  const { guid: h, name: a, is_income: c, totalAmount: i, transactions: m } = s, g = c ? o.category_income : o.category_spending, l = Lt(h, n), y = c ? o.income_label : o.spending_label, r = () => {
-    t?.();
+  const { guid: g, name: C, is_income: u, totalAmount: l } = d, p = u ? r.category_income : r.category_spending, y = St(g, o), f = u ? r.income_label : r.spending_label, w = ` ${d.transactions.length === 1 ? r.transaction : r.transactions} (${d.transactions.length})`, D = i.useMemo(
+    () => c.find((E) => E.guid === h),
+    [h, c]
+  ), I = (E) => E.category_guid === g || E.top_level_category_guid === g, x = () => {
+    n?.(), t(_.TRENDS_CLICK_BACK, R);
   };
-  return /* @__PURE__ */ e(
-    Ie,
+  return /* @__PURE__ */ T(
+    Ce,
     {
-      ariaLabelClose: o.close_category_details,
+      ariaLabelClose: r.close_category_details,
       isOpen: !0,
-      onClose: r,
+      onClose: x,
       shouldShowHeaderShadow: !0,
-      title: g,
-      children: /* @__PURE__ */ p(f, { sx: { alignItems: "center", pt: 16 }, children: [
+      title: p,
+      children: [
+        /* @__PURE__ */ T(b, { sx: { alignItems: "center", height: "100%" }, children: [
+          /* @__PURE__ */ T(bt, { sx: { borderRadius: 0, pb: 4, pt: 16, width: "100%" }, children: [
+            /* @__PURE__ */ e(
+              Ie,
+              {
+                leftIcon: /* @__PURE__ */ e(fe, { categoryGuid: g }),
+                rightContent: X(Math.abs(l), "0,0.00"),
+                subtitle: a,
+                title: C
+              }
+            ),
+            /* @__PURE__ */ e(Pt, { chartColor: y, chartLabel: f }),
+            /* @__PURE__ */ T(b, { alignItems: "center", direction: "row", justifyContent: "space-between", sx: { mx: 24 }, children: [
+              /* @__PURE__ */ e(Z, { bold: !0, variant: "body1", children: w }),
+              /* @__PURE__ */ e(wt, { filter: I })
+            ] })
+          ] }),
+          /* @__PURE__ */ e(
+            Re,
+            {
+              filter: I,
+              height: "calc(100vh - 475px)",
+              onClick: m
+            }
+          )
+        ] }),
         /* @__PURE__ */ e(
-          ye,
+          Ce,
           {
-            leftIcon: /* @__PURE__ */ e(me, { categoryGuid: h }),
-            rightContent: F(Math.abs(i), "0,0.00"),
-            subtitle: u,
-            title: a
+            ariaLabelClose: s.close_aria,
+            isOpen: !!D,
+            onClose: () => m(""),
+            title: r.transaction,
+            children: D && /* @__PURE__ */ e(Ae, { transaction: D })
           }
-        ),
-        /* @__PURE__ */ e(Ut, { chartColor: l, chartLabel: y }),
-        m && /* @__PURE__ */ e(Kt, { transactions: m })
-      ] })
+        )
+      ]
     }
   );
-}), Xt = (t, o) => {
-  const n = Le(t, o), s = De(t, o);
-  return [n, s].filter((u) => u.length > 0);
-}, Zt = (t, o) => {
-  const [n, s] = t, u = n, h = s ?? n, a = [];
-  if (u) {
-    const c = u.reduce((i, m) => i + m.y, 0);
+}), $t = (n, o) => {
+  const t = Le(n, o), s = Ee(n, o);
+  return [t, s].filter((r) => r.length > 0);
+}, jt = (n, o) => {
+  const [t, s] = n, r = t, d = s ?? t, a = [];
+  if (r) {
+    const c = r.reduce((h, m) => h + m.y, 0);
     a.push({ label: o.income_label, amount: c });
   }
-  if (h) {
-    const c = h.reduce((i, m) => i + m.y, 0);
+  if (d) {
+    const c = d.reduce((h, m) => h + m.y, 0);
     a.push({ label: o.spending_label, amount: c });
   }
   return a;
-}, Qt = ({
-  availableHeight: t = 0,
+}, Yt = ({
+  availableHeight: n = 0,
   minHeight: o = 500,
-  selectedDateRange: n,
+  selectedDateRange: t,
   totals: s
 }) => {
-  const u = Me(), { trends: h } = I(), { isSmallMobile: a, isMobile: c, isSmallTablet: i, isTablet: m } = V(), g = [u.palette.chart?.chart1, u.palette.chart?.chart2], l = Xt(s, n), y = Zt(l, h), [r, b] = d.useState(0), w = 458, C = 195, v = 56, _ = c || a ? C : i || m ? w : r;
-  return d.useEffect(() => {
-    const M = Math.max(t - v, o);
-    b(M);
-  }, [t]), /* @__PURE__ */ e(
-    fe,
+  const r = ke(), { onEvent: d } = N(), { trends: a } = k(), { isSmallMobile: c, isMobile: h, isSmallTablet: m, isTablet: g } = K(), C = [r.palette.chart?.chart1, r.palette.chart?.chart2], u = $t(s, t), l = jt(u, a), [p, y] = i.useState(0), f = 458, w = 195, D = 56, I = h || c ? w : m || g ? f : p;
+  return i.useEffect(() => {
+    const E = Math.max(n - D, o);
+    y(E);
+  }, [n]), /* @__PURE__ */ e(
+    Te,
     {
       baseline: "min",
-      colors: g,
+      colors: C,
       curveType: "bump",
-      datasets: l,
-      height: _,
-      labels: y,
+      datasets: u,
+      height: I,
+      labels: l,
+      onItemClick: () => {
+        d(_.TRENDS_CLICK_CHART, R);
+      },
       showArea: !0,
       showAxisHighlight: !0,
       showLegend: !0,
@@ -927,144 +856,152 @@ const Oe = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
       valueFormatterString: "0,0"
     }
   );
-}, qt = L(Qt), Jt = ({ onBackClick: t, onInsightCardClick: o, sx: n }) => {
-  const { onEvent: s } = Q(), { isLargeDesktop: u, isDesktop: h, isMobile: a } = V(), { visibleAccounts: c } = se(), {
-    loadDateRangeCategoryTotals: i,
-    loadMonthlyCategoryTotals: m,
-    monthlyCategoryTotals: g,
-    monthlyTotalsLoaded: l
-  } = P(), { setFilter: y } = pe(), { selectedDateRange: r, setSelectedCategoryData: b, setSelectedDateRange: w } = q(), {
-    isCopyLoaded: C,
-    isInitialized: v,
-    selectedAccounts: _,
-    selectedAccountGuids: M,
-    setSelectedAccounts: W
-  } = $(), { trends: A } = I(), k = Ke(), x = h || u, [D, j] = d.useState(!1), [z, re] = d.useState("Chart"), [J, ee] = d.useState(""), [te, ne] = d.useState(!1), [oe, ae] = d.useState(window.innerHeight), ie = oe - 208, ce = oe - (k ? 494 : 266);
-  d.useEffect(() => {
-    const E = () => ae(window.innerHeight);
-    return window.addEventListener("resize", E), () => window.removeEventListener("resize", E);
-  }, []), d.useEffect(() => {
-    W(c);
-  }, [c]), d.useEffect(() => {
-    v && i(_, r.start, r.end).then(() => {
+}, Ut = M(Yt), Xt = ({ onBackClick: n, onInsightCardClick: o, sx: t }) => {
+  const { onEvent: s } = N(), { isLargeDesktop: r, isDesktop: d, isMobile: a } = K(), { visibleAccounts: c } = oe(), { loadDateRangeCategoryTotals: h, loadMonthlyCategoryTotals: m, monthlyCategoryTotals: g } = F(), { setFilter: C } = ne(), { selectedDateRange: u, setSelectedCategoryData: l, setSelectedDateRange: p } = J(), {
+    isCopyLoaded: y,
+    isInitialized: f,
+    selectedAccounts: w,
+    selectedAccountGuids: D,
+    setSelectedAccounts: I
+  } = P(), { trends: x } = k(), E = Pe(), H = d || r, [A, v] = i.useState(!1), [W, se] = i.useState("Chart"), [$, re] = i.useState(""), [ae, j] = i.useState(!1), [ee, ie] = i.useState(window.innerHeight), ce = ee - 208, le = ee - (E ? 494 : 266);
+  i.useEffect(() => {
+    const L = () => ie(window.innerHeight);
+    return window.addEventListener("resize", L), () => window.removeEventListener("resize", L);
+  }, []), i.useEffect(() => {
+    I(c);
+  }, [c]), i.useEffect(() => {
+    f && h(w, u.start, u.end).then(() => {
       m(
-        _,
-        r.start,
-        r.end
+        w,
+        u.start,
+        u.end
       );
     }).finally(() => {
-      j(!0);
+      v(!0), s(_.TRENDS_LOAD_WIDGET, {
+        ...R,
+        time_period: `${pe(u.end, u.start)}M`
+      });
     });
-  }, [v, _, r]), d.useEffect(() => {
+  }, [f, w, u]), i.useEffect(() => {
     if (g.length !== 0) {
-      const E = {
-        accounts: M,
-        dateRange: { start: r.start, end: r.end }
+      const L = {
+        accounts: D,
+        dateRange: { start: u.start, end: u.end }
       };
-      y({
-        ...E,
-        custom: (B) => !!g.find(
-          (K) => K.top_level_category_guid === B.top_level_category_guid || K.category_guid === B.category_guid
+      C({
+        ...L,
+        custom: (V) => !!g.find(
+          (Y) => Y.top_level_category_guid === V.top_level_category_guid || Y.category_guid === V.category_guid
         )
       });
     }
   }, [g]);
-  const le = (E) => {
-    b(E), ne(!0);
-  }, de = () => {
-    b(null), ne(!1);
-  }, he = (E, B) => {
-    re(B ?? z), s(S.TRENDS_CLICK_TOGGLE);
-  }, T = (E) => {
-    const B = _e(E?.[0], 1), K = E?.[1], Ve = xe(K, B);
-    w({ start: B, end: K }), s(S.TRENDS_CLICK_DATE, {
+  const de = (L) => {
+    l(L), j(!0);
+  }, he = () => {
+    l(null), j(!1);
+  }, ue = (L, V) => {
+    se(V ?? W), s(_.TRENDS_CLICK_TOGGLE_VIEW, {
+      ...R,
+      toggleView: V
+    });
+  }, me = (L) => {
+    const V = De(L?.[0], 1), Y = L?.[1], Ve = pe(Y, V);
+    p({ start: V, end: Y }), s(_.TRENDS_CLICK_TIME_WINDOW, {
+      ...R,
       time_period: Ve + "M"
     });
-  }, R = () => {
-    s(S.TRENDS_CLICK_FILTER);
-  }, O = (E) => {
-    ee(E);
+  }, S = (L) => {
+    s(_.TRENDS_CLICK_FILTER, {
+      ...R,
+      filterValue: L
+    });
+  }, O = (L) => {
+    re(L);
+  }, B = () => {
+    re(""), s(_.TRENDS_CLICK_ALL_CATEGORIES, R);
   };
-  return !C || !D ? /* @__PURE__ */ e(Z, {}) : l && g.length === 0 ? /* @__PURE__ */ e(
-    vt,
-    {
-      header: "",
-      icon: "",
-      onClick: () => {
-      },
-      primaryButton: A.empty_state_primary,
-      subText: A.empty_state_sub_text
-    }
-  ) : /* @__PURE__ */ p(
-    Ee,
+  return !y || !A ? /* @__PURE__ */ e(q, {}) : /* @__PURE__ */ T(
+    Me,
     {
       accountOptions: c,
-      calendarActions: { onRangeChanged: T },
-      dateRange: r,
+      calendarActions: { onRangeChanged: me },
+      dateRange: u,
       dateRangeVariant: a ? "timeframetabs" : "timeframebuttons",
-      onAccountsFilterClick: R,
-      onBackClick: t,
-      sx: n,
-      title: A.title,
+      onAccountsFilterClick: S,
+      onBackClick: n,
+      sx: t,
+      title: x.title,
       children: [
-        /* @__PURE__ */ p(
-          f,
+        /* @__PURE__ */ T(
+          b,
           {
             sx: {
               px: a ? 0 : 48
             },
             children: [
-              /* @__PURE__ */ p(
-                f,
+              /* @__PURE__ */ T(
+                b,
                 {
                   flexDirection: "row",
                   justifyContent: "space-between",
                   sx: { pb: a ? 12 : 24, pt: a ? 24 : 48 },
                   children: [
                     /* @__PURE__ */ e(
-                      Be,
+                      We,
                       {
-                        selectedCategoryGuid: J,
-                        selectedDateRange: r
+                        selectedCategoryGuid: $,
+                        selectedDateRange: u
                       }
                     ),
-                    /* @__PURE__ */ e(Oe, { onTabChange: he, selectedTab: z })
+                    /* @__PURE__ */ e(Ne, { onTabChange: ue, selectedTab: W })
                   ]
                 }
               ),
-              /* @__PURE__ */ e(f, { alignItems: "center", flexDirection: "row", width: "100%", children: /* @__PURE__ */ e(N, { flexGrow: 1, children: J && /* @__PURE__ */ p(ue, { onClick: () => ee(""), sx: { p: 0, pr: 5 }, children: [
-                /* @__PURE__ */ e(Y, { name: "arrow_back" }),
-                A.all_categories
+              A && c.length === 0 && /* @__PURE__ */ e(
+                Dt,
+                {
+                  header: "",
+                  icon: "",
+                  onClick: () => {
+                  },
+                  primaryButton: x.empty_state_primary,
+                  subText: x.empty_state_sub_text
+                }
+              ),
+              /* @__PURE__ */ e(b, { alignItems: "center", flexDirection: "row", width: "100%", children: /* @__PURE__ */ e(G, { flexGrow: 1, children: $ && /* @__PURE__ */ T(ge, { onClick: B, sx: { p: 0, pr: 5 }, children: [
+                /* @__PURE__ */ e(te, { name: "arrow_back" }),
+                x.all_categories
               ] }) }) }),
-              /* @__PURE__ */ p(f, { flexDirection: x ? "row" : "column", gap: x ? 48 : 16, children: [
-                /* @__PURE__ */ p(N, { sx: { width: x ? "68%" : "100%" }, children: [
-                  z === "Chart" && /* @__PURE__ */ e(
-                    qt,
+              /* @__PURE__ */ T(b, { flexDirection: H ? "row" : "column", gap: H ? 48 : 16, children: [
+                /* @__PURE__ */ T(G, { sx: { width: H ? "68%" : "100%" }, children: [
+                  W === "Chart" && /* @__PURE__ */ e(
+                    Ut,
                     {
-                      availableHeight: ie,
+                      availableHeight: ce,
                       minHeight: 450,
-                      selectedDateRange: r,
+                      selectedDateRange: u,
                       totals: g
                     }
                   ),
-                  z === "Table" && /* @__PURE__ */ e(
-                    Ge,
+                  W === "Table" && /* @__PURE__ */ e(
+                    Oe,
                     {
                       height: "unset",
                       monthlyCategoryTotals: g,
                       onClickRow: O,
-                      selectedCategory: J,
-                      selectedDateRange: r
+                      selectedCategory: $,
+                      selectedDateRange: u
                     }
                   )
                 ] }),
-                /* @__PURE__ */ p(f, { gap: 16, sx: { width: x ? "32%" : "100%" }, children: [
-                  k && /* @__PURE__ */ e(jt, { onInsightCardClick: o }),
+                W === "Chart" && /* @__PURE__ */ T(b, { gap: 16, sx: { width: H ? "32%" : "100%" }, children: [
+                  E && /* @__PURE__ */ e(Ft, { onInsightCardClick: o }),
                   /* @__PURE__ */ e(
-                    Ft,
+                    Gt,
                     {
-                      availableHeight: ce,
-                      onCategoryClick: le
+                      availableHeight: le,
+                      onCategoryClick: de
                     }
                   )
                 ] })
@@ -1072,15 +1009,15 @@ const Oe = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
             ]
           }
         ),
-        te && /* @__PURE__ */ e(Yt, { onClose: de })
+        ae && /* @__PURE__ */ e(Kt, { onClose: he })
       ]
     }
   );
-}, Xn = L(Jt);
+}, jn = M(Xt);
 export {
-  Kn as TrendsFullWidget,
-  Yn as TrendsMicroWidget,
-  Un as TrendsMiniWidget,
-  qn as TrendsStore,
-  Xn as TrendsWidget
+  Pn as TrendsFullWidget,
+  $n as TrendsMicroWidget,
+  Kn as TrendsMiniWidget,
+  Xn as TrendsStore,
+  jn as TrendsWidget
 };