@mx-cartographer/experiences 8.2.3 → 8.2.4-alpha-ram1-bug-testing

package/dist/trends/index.es.js

@@ -1,67 +1,66 @@
 import { jsxs as C, jsx as e, Fragment as vt } from "react/jsx-runtime";
-import g, { useRef as Dt, useState as It, useEffect as Lt } from "react";
+import g, { useRef as wt, useState as Dt, useEffect as It } from "react";
 import { observer as A } from "mobx-react-lite";
-import { CategoryIcon as we, Text as z, Icon as He, H3 as Ge, P as pe } from "@mxenabled/mxui";
+import { CategoryIcon as ve, Text as F, Icon as He, H3 as Ge, P as pe } from "@mxenabled/mxui";
 import H from "@mui/material/Box";
 import S from "@mui/material/Stack";
 import Te from "@mui/material/Button";
 import { addSeconds as et } from "date-fns/addSeconds";
 import { differenceInCalendarMonths as Se } from "date-fns/differenceInCalendarMonths";
-import Et from "numeral";
-import { useTheme as re, styled as Mt, alpha as At } from "@mui/material/styles";
-import { useItemTooltip as Rt, ChartsTooltipContainer as kt } from "@mui/x-charts/ChartsTooltip";
-import { LineChart as Ht } from "@mui/x-charts/LineChart";
-import { u as Z } from "../useScreenSize-CeFhWTt_.mjs";
-import { u as Nt } from "../useDimensions-CeDR9V8N.mjs";
+import Lt from "numeral";
+import { useTheme as Z, styled as Et, alpha as Mt } from "@mui/material/styles";
+import { useItemTooltip as At, ChartsTooltipContainer as Rt } from "@mui/x-charts/ChartsTooltip";
+import { LineChart as kt } from "@mui/x-charts/LineChart";
+import { u as Q } from "../useScreenSize-mWpmnh5w.mjs";
+import { u as Ht } from "../useDimensions-CeDR9V8N.mjs";
 import tt from "@mui/material/Card";
 import ot from "@mui/material/CardContent";
 import Ne from "@mui/material/Divider";
-import ze from "@mui/material/Grid";
+import Fe from "@mui/material/Grid";
 import { b as nt } from "../Localization-DnoVyBNK.mjs";
-import { u as R, l as Q, g as $, b as fe, h as ve, d as De, B as ye, D as st, f as Be, a as rt } from "../hooks-BaO_gOI6.mjs";
+import { u as R, l as q, g as $, b as fe, h as we, d as De, B as ye, D as st, f as Be, a as rt } from "../hooks-BaO_gOI6.mjs";
 import { C as xe } from "../CurrencyText-CCbE6MmF.mjs";
-import { a as Re, C as $e, b as Wt } from "../Category-DEKZGLYe.mjs";
+import { a as Re, C as $e, b as Nt } from "../Category-DEKZGLYe.mjs";
 import { f as X, D as G } from "../DateFormats-HudZ3Bjs.mjs";
-import { f as se, a as Ot } from "../NumberFormatting--XMeeBfr.mjs";
-import { a as Ke, c as Gt, g as Bt } from "../TrendsUtil-D9z3kIj_.mjs";
-import { c as Pt, i as Vt, d as Ft, e as zt, g as at, b as it, f as Ye } from "../SpendingData-PKlh8caU.mjs";
-import $t from "@mui/material/ToggleButton";
-import Kt from "@mui/material/ToggleButtonGroup";
+import { f as re, a as Wt } from "../NumberFormatting--XMeeBfr.mjs";
+import { a as Ke, c as Ot, g as Gt } from "../TrendsUtil-D9z3kIj_.mjs";
+import { c as Bt, i as Pt, d as Vt, e as zt, g as at, b as it, f as Ye } from "../SpendingData-PKlh8caU.mjs";
+import Ft from "@mui/material/ToggleButton";
+import $t from "@mui/material/ToggleButtonGroup";
 import { parseISO as lt } from "date-fns/parseISO";
 import { H as ke } from "../HeaderCell-P8w6CmfO.mjs";
-import { T as W, a as Yt } from "../ViewMoreMicroCard-D_LoKlJU.mjs";
-import { useGridApiContext as jt, useGridRootProps as Ut, DataGridPro as Xt } from "@mui/x-data-grid-pro";
-import Zt from "@mui/material/Badge";
-import Qt from "@mui/material/IconButton";
-import { A as v } from "../Analytics-CzGzz_sE.mjs";
-import { T as ct } from "../EmbeddedCard-BNl3quCs.mjs";
-import { T as dt } from "../TransactionDetails-CbBSxdOi.mjs";
-import { D as Pe } from "../Drawer-XPaLYjiO.mjs";
+import { T as W, a as Kt } from "../ViewMoreMicroCard-BD_MNc2z.mjs";
+import { useGridApiContext as Yt, useGridRootProps as jt, DataGridPro as Ut } from "@mui/x-data-grid-pro";
+import Xt from "@mui/material/Badge";
+import Zt from "@mui/material/IconButton";
+import { A as w } from "../Analytics-CzGzz_sE.mjs";
+import { T as ct } from "../EmbeddedCard-DPwJjqMH.mjs";
+import { T as dt } from "../TransactionDetails-C3dlAzYf.mjs";
+import { D as Pe } from "../Drawer-BXqqBMxg.mjs";
 import { u as Ie } from "../useWidgetLoadTimer-CJb-RELP.mjs";
 import { L as Le } from "../Loader-CxeBwuPG.mjs";
-import { W as ut } from "../WidgetContainer-CYcmwsSu.mjs";
+import { W as ut } from "../WidgetContainer-DNuz_s7W.mjs";
 import { L as Ve } from "../LineChart-CejWS_rh.mjs";
-import { M as qt } from "../MiniWidgetContainer-BdPiUU-u.mjs";
-import { subMonths as Jt } from "date-fns";
-import { TrendingUp as eo, TrendingDown as to, MultilineChart as oo, ExpandLess as no, ExpandMore as so, ChevronRight as ro, ArrowBack as ao } from "@mxenabled/mx-icons";
-import { M as io } from "../MicroWidgetContainer-CfKdQfhi.mjs";
-import lo from "@mui/material/Collapse";
+import { M as Qt } from "../MiniWidgetContainer-BdPiUU-u.mjs";
+import { subMonths as qt } from "date-fns";
+import { TrendingUp as Jt, TrendingDown as eo, MultilineChart as to, ExpandLess as oo, ExpandMore as no, ChevronRight as so, ArrowBack as ro } from "@mxenabled/mx-icons";
+import { M as ao } from "../MicroWidgetContainer-CfKdQfhi.mjs";
+import io from "@mui/material/Collapse";
 import We from "@mui/material/List";
 import mt from "@mui/material/ListItem";
-import co from "@mui/material/ListItemButton";
-import uo from "@mui/material/ListItemIcon";
+import lo from "@mui/material/ListItemButton";
+import co from "@mui/material/ListItemIcon";
 import ht from "@mui/material/ListItemText";
-import gt from "@mui/material/styles/useTheme";
 import { g as Oe } from "../TransactionUtils-BphBJBbU.mjs";
-import { L as mo } from "../ListItemRow-kH1rn8Xu.mjs";
-import { Stack as ho } from "@mui/material";
-import go from "@mui/material/ListItemAvatar";
-import { E as po } from "../ExportCsvAction-hDprC41l.mjs";
-import { u as fo } from "../useInsightsEnabled-DaNLPmUU.mjs";
-import { E as yo } from "../EmptyState-DHAkGsjk.mjs";
-import { C as Co } from "../ConnectDrawer-DgfsTpyW.mjs";
-const pt = ({ categoryGuid: t, topLevelCategoryGuid: n }) => {
-  const { categories: s } = R(), { getCategoryName: o } = Q(), r = o(t);
+import { L as uo } from "../ListItemRow-kH1rn8Xu.mjs";
+import { Stack as mo } from "@mui/material";
+import ho from "@mui/material/ListItemAvatar";
+import { E as go } from "../ExportCsvAction-Bw02ZJEj.mjs";
+import { u as po } from "../useInsightsEnabled-DaNLPmUU.mjs";
+import { E as fo } from "../EmptyState-CJUDc3kD.mjs";
+import { C as yo } from "../ConnectDrawer-Cnjr3Ddg.mjs";
+const gt = ({ categoryGuid: t, topLevelCategoryGuid: n }) => {
+  const { categories: s } = R(), { getCategoryName: o } = q(), r = o(t);
   return /* @__PURE__ */ C(S, { alignItems: "center", direction: "column", gap: "8", justifyContent: "center", mb: 4, children: [
     /* @__PURE__ */ e(
       H,
@@ -69,19 +68,19 @@ const pt = ({ categoryGuid: t, topLevelCategoryGuid: n }) => {
         "aria-label": nt(s.category_icon_label_aria, r),
         mb: 4,
         role: "img",
-        children: /* @__PURE__ */ e(we, { categoryGuid: n })
+        children: /* @__PURE__ */ e(ve, { categoryGuid: n })
       }
     ),
-    /* @__PURE__ */ e(z, { variant: "body1", children: r })
+    /* @__PURE__ */ e(F, { variant: "body1", children: r })
   ] });
-}, _o = ({
+}, Co = ({
   categoryGuids: { guid: t, topLevelGuid: n },
   hoveredAreaData: s,
   cursorPosition: o,
   chartContainerRef: r
 }) => {
-  const c = re(), a = Dt(null), [d, u] = It({ x: o.x, y: o.y });
-  if (Lt(() => {
+  const c = Z(), a = wt(null), [d, u] = Dt({ x: o.x, y: o.y });
+  if (It(() => {
     (() => {
       const m = a.current, _ = r.current;
       if (!m || !_) return;
@@ -104,15 +103,15 @@ const pt = ({ categoryGuid: t, topLevelCategoryGuid: n }) => {
       },
       children: /* @__PURE__ */ C(ot, { children: [
         /* @__PURE__ */ C(H, { alignItems: "center", display: "flex", flexDirection: "column", children: [
-          /* @__PURE__ */ e(pt, { categoryGuid: t, topLevelCategoryGuid: n }),
-          /* @__PURE__ */ e(z, { variant: "body2", children: `${s.length}-month total` }),
+          /* @__PURE__ */ e(gt, { categoryGuid: t, topLevelCategoryGuid: n }),
+          /* @__PURE__ */ e(F, { variant: "body2", children: `${s.length}-month total` }),
           /* @__PURE__ */ e(xe, { amount: i, bold: !0, formatString: "0,0", variant: "body2" })
         ] }),
         /* @__PURE__ */ e(Ne, { sx: { my: 16, width: "100%" } }),
-        /* @__PURE__ */ e(ze, { container: !0, children: s.map((f, m) => /* @__PURE__ */ C(g.Fragment, { children: [
+        /* @__PURE__ */ e(Fe, { container: !0, children: s.map((f, m) => /* @__PURE__ */ C(g.Fragment, { children: [
           m > 0 && m % 3 === 0 && /* @__PURE__ */ e(Ne, { sx: { my: 16, width: "100%" } }),
-          /* @__PURE__ */ e(ze, { item: !0, xs: 4, children: /* @__PURE__ */ C(H, { alignItems: "center", display: "flex", flexDirection: "column", children: [
-            /* @__PURE__ */ e(z, { color: c.palette.text.secondary, variant: "caption", children: f.x }),
+          /* @__PURE__ */ e(Fe, { size: 4, children: /* @__PURE__ */ C(H, { alignItems: "center", display: "flex", flexDirection: "column", children: [
+            /* @__PURE__ */ e(F, { color: c.palette.text.secondary, variant: "caption", children: f.x }),
             /* @__PURE__ */ e(
               xe,
               {
@@ -127,7 +126,7 @@ const pt = ({ categoryGuid: t, topLevelCategoryGuid: n }) => {
       ] })
     }
   );
-}, bo = A(_o), To = ({
+}, _o = A(Co), bo = ({
   sx: t,
   categoryGuids: n,
   hoveredLegend: s,
@@ -135,7 +134,7 @@ const pt = ({ categoryGuid: t, topLevelCategoryGuid: n }) => {
   onHoverLegend: r,
   onClickLegend: c
 }) => {
-  const { isMobile: a } = Z(), { getCategoryName: d } = Q();
+  const { isMobile: a } = Q(), { getCategoryName: d } = q();
   return /* @__PURE__ */ e(
     S,
     {
@@ -177,7 +176,7 @@ const pt = ({ categoryGuid: t, topLevelCategoryGuid: n }) => {
                   }
                 }
               ),
-              /* @__PURE__ */ e(z, { variant: "body1", children: d(u) })
+              /* @__PURE__ */ e(F, { variant: "body1", children: d(u) })
             ]
           },
           u
@@ -185,22 +184,22 @@ const pt = ({ categoryGuid: t, topLevelCategoryGuid: n }) => {
       })
     }
   );
-}, So = ({
+}, To = ({
   categoryGuids: { guid: t, topLevelGuid: n },
   series: s,
   xData: o
 }) => {
-  const r = Rt(), c = re();
+  const r = At(), c = Z();
   if (!r?.identifier) return null;
   const { dataIndex: a, seriesId: d } = r.identifier;
   if (a == null || !d) return null;
   const i = s.find((m) => m.id === d)?.data?.[a], f = o?.[a];
   return i === void 0 || !f ? null : /* @__PURE__ */ e(tt, { sx: { pt: 4, px: 8 }, children: /* @__PURE__ */ e(ot, { children: /* @__PURE__ */ C(H, { alignItems: "center", display: "flex", flexDirection: "column", children: [
-    /* @__PURE__ */ e(pt, { categoryGuid: t, topLevelCategoryGuid: n }),
-    /* @__PURE__ */ e(z, { color: c.palette.text.secondary, variant: "body2", children: X(f, G.MONTH_SHORT_YEAR) }),
+    /* @__PURE__ */ e(gt, { categoryGuid: t, topLevelCategoryGuid: n }),
+    /* @__PURE__ */ e(F, { color: c.palette.text.secondary, variant: "body2", children: X(f, G.MONTH_SHORT_YEAR) }),
     /* @__PURE__ */ e(xe, { amount: String(i), bold: !0, formatString: "0,0", variant: "body1" })
   ] }) }) });
-}, xo = ({
+}, So = ({
   onHoverArea: t,
   onHoverPoint: n,
   onHoverLegend: s,
@@ -210,7 +209,7 @@ const pt = ({ categoryGuid: t, topLevelCategoryGuid: n }) => {
   availableHeight: a = 0,
   minimumHeight: d = 350
 }) => {
-  const u = re(), { isMobile: i } = Z(), [f, { height: m }] = Nt(), _ = g.useRef(null), [h, p] = g.useState(0);
+  const u = Z(), { isMobile: i } = Q(), [f, { height: m }] = Ht(), _ = g.useRef(null), [h, p] = g.useState(0);
   g.useEffect(() => {
     const l = Math.max(a - m, d);
     p(l);
@@ -220,11 +219,11 @@ const pt = ({ categoryGuid: t, topLevelCategoryGuid: n }) => {
     hoveredAreaData: null,
     isAreaHovered: !1,
     cursorPos: { x: 0, y: 0 }
-  }), { hoveredSeriesId: L, hoveredAreaData: M, isAreaHovered: E, cursorPos: w } = N, K = E && L && M, ae = !K, Y = [...r, ...c], q = Y[0]?.dataset.length ?? 0, P = Y.flatMap((l) => l.dataset.map((b) => b.x)), V = Y.flatMap((l) => l.dataset.map((b) => b.y)), O = r[0]?.dataset?.map(
-    (l, b) => r.reduce((I, F) => I + F.dataset[b]?.y || 0, 0)
-  ) ?? [0], J = Math.max(...O), Ce = Math.max(
+  }), { hoveredSeriesId: L, hoveredAreaData: E, isAreaHovered: M, cursorPos: v } = N, K = M && L && E, ae = !K, Y = [...r, ...c], J = Y[0]?.dataset.length ?? 0, P = Y.flatMap((l) => l.dataset.map((b) => b.x)), V = Y.flatMap((l) => l.dataset.map((b) => b.y)), O = r[0]?.dataset?.map(
+    (l, b) => r.reduce((I, z) => I + z.dataset[b]?.y || 0, 0)
+  ) ?? [0], ee = Math.max(...O), Ce = Math.max(
     ...c.flatMap((l) => l.dataset.map((b) => b.y))
-  ), ie = Math.floor(Math.min(...V) / 100) * 100, ee = Math.ceil(Math.max(J, Ce) / 100) * 100, j = r.map((l, b) => ({
+  ), ie = Math.floor(Math.min(...V) / 100) * 100, te = Math.ceil(Math.max(ee, Ce) / 100) * 100, j = r.map((l, b) => ({
     id: `stacked-${b}`,
     guid: l.category_guid,
     top_level_guid: l.top_level_category_guid,
@@ -235,8 +234,8 @@ const pt = ({ categoryGuid: t, topLevelCategoryGuid: n }) => {
     stack: "total",
     type: "line",
     highlightScope: { highlight: "item" },
-    valueFormatter: (I) => se(I, "0,0")
-  })), oe = c.map((l, b) => ({
+    valueFormatter: (I) => re(I, "0,0")
+  })), ne = c.map((l, b) => ({
     id: `unstacked-${b}`,
     guid: l.category_guid,
     top_level_guid: l.top_level_category_guid,
@@ -245,13 +244,13 @@ const pt = ({ categoryGuid: t, topLevelCategoryGuid: n }) => {
     data: l.dataset.map((I) => I.y),
     label: l.category_name,
     type: "line",
-    valueFormatter: (I) => se(I, "0,0")
-  })), U = [...j, ...oe], de = [
+    valueFormatter: (I) => re(I, "0,0")
+  })), U = [...j, ...ne], de = [
     ...j.map(({ guid: l, top_level_guid: b }) => ({
       guid: l,
       top_level_guid: b
     })),
-    ...oe.map(({ guid: l, top_level_guid: b }) => ({
+    ...ne.map(({ guid: l, top_level_guid: b }) => ({
       guid: l,
       top_level_guid: b
     }))
@@ -263,22 +262,22 @@ const pt = ({ categoryGuid: t, topLevelCategoryGuid: n }) => {
     };
   }, ue = (l) => {
     T(l), s?.(l ?? "");
-  }, ne = (l) => {
+  }, se = (l) => {
     o?.(l ?? "");
   }, le = () => {
     const l = B(String(L)).guid;
     l && o?.(l);
   }, ce = (l) => {
-    const b = String(l?.seriesId), I = B(b).guid, F = U.find((he) => he.id === b), Ee = F && l?.dataIndex !== void 0, _e = F && l?.dataIndex === void 0;
+    const b = String(l?.seriesId), I = B(b).guid, z = U.find((he) => he.id === b), Ee = z && l?.dataIndex !== void 0, _e = z && l?.dataIndex === void 0;
     if (Ee)
       x({
         hoveredSeriesId: b,
         hoveredAreaData: null,
         isAreaHovered: !1,
-        cursorPos: w
+        cursorPos: v
       }), n?.(I);
     else if (_e) {
-      const he = F?.data.map((Me, Ae) => ({
+      const he = z?.data.map((Me, Ae) => ({
         x: P[Ae],
         y: Me
       })) ?? [];
@@ -286,14 +285,14 @@ const pt = ({ categoryGuid: t, topLevelCategoryGuid: n }) => {
         hoveredSeriesId: b,
         hoveredAreaData: he,
         isAreaHovered: !0,
-        cursorPos: w
+        cursorPos: v
       }), t?.(I);
     } else
       x({
         hoveredSeriesId: null,
         hoveredAreaData: null,
         isAreaHovered: !1,
-        cursorPos: w
+        cursorPos: v
       });
   }, me = (l) => {
     if (l.target instanceof Element && l.target.classList[0]?.includes("MuiMarkElement-root"))
@@ -323,8 +322,8 @@ const pt = ({ categoryGuid: t, topLevelCategoryGuid: n }) => {
       strokeWidth: 3
     },
     ...y && j.reduce((l, b, I) => {
-      const F = `.MuiAreaElement-series-stacked-${I}`;
-      return l[F] = {
+      const z = `.MuiAreaElement-series-stacked-${I}`;
+      return l[z] = {
         opacity: j[I].guid === y ? 0.9 : 0.2
       }, l;
     }, {})
@@ -353,7 +352,7 @@ const pt = ({ categoryGuid: t, topLevelCategoryGuid: n }) => {
           sx: { width: "100%", position: "relative" },
           children: [
             /* @__PURE__ */ e(
-              Ht,
+              kt,
               {
                 height: h,
                 hideLegend: !0,
@@ -366,8 +365,8 @@ const pt = ({ categoryGuid: t, topLevelCategoryGuid: n }) => {
                   tooltip: { trigger: ae ? "item" : "none" }
                 },
                 slots: {
-                  tooltip: ae && L ? (l) => /* @__PURE__ */ e(kt, { children: /* @__PURE__ */ e(
-                    So,
+                  tooltip: ae && L ? (l) => /* @__PURE__ */ e(Rt, { children: /* @__PURE__ */ e(
+                    To,
                     {
                       ...l,
                       categoryGuids: B(L),
@@ -382,37 +381,37 @@ const pt = ({ categoryGuid: t, topLevelCategoryGuid: n }) => {
                     data: P,
                     scaleType: "time",
                     valueFormatter: (l) => X(l, G.MONTH_SHORT_YEAR),
-                    tickNumber: q
+                    tickNumber: J
                     // How many ticks to show on the x-axis
                   }
                 ],
                 yAxis: [
                   {
                     min: ie,
-                    max: ee || 100,
-                    valueFormatter: (l) => Et(l).format("0a")
+                    max: te || 100,
+                    valueFormatter: (l) => Lt(l).format("0a")
                   }
                 ]
               }
             ),
             /* @__PURE__ */ e(
-              To,
+              bo,
               {
                 categoryGuids: de,
                 hoveredLegend: y,
                 legendRef: f,
-                onClickLegend: ne,
+                onClickLegend: se,
                 onHoverLegend: ue,
                 sx: { px: i ? 0 : 24 }
               }
             ),
             K && /* @__PURE__ */ e(
-              bo,
+              _o,
               {
                 categoryGuids: B(L),
                 chartContainerRef: _,
-                cursorPosition: w,
-                hoveredAreaData: M.map((l) => ({
+                cursorPosition: v,
+                hoveredAreaData: E.map((l) => ({
                   ...l,
                   x: X(l.x, G.MONTH_SHORT_YEAR)
                 }))
@@ -423,10 +422,10 @@ const pt = ({ categoryGuid: t, topLevelCategoryGuid: n }) => {
       )
     }
   );
-}, ft = ({ selectedTab: t, onTabChange: n }) => {
+}, pt = ({ selectedTab: t, onTabChange: n }) => {
   const { common: s } = R();
   return /* @__PURE__ */ e(
-    Kt,
+    $t,
     {
       "aria-label": s.view_toggle,
       exclusive: !0,
@@ -434,7 +433,7 @@ const pt = ({ categoryGuid: t, topLevelCategoryGuid: n }) => {
       orientation: "horizontal",
       value: t,
       children: ["Chart", "Table"].map((o) => /* @__PURE__ */ e(
-        $t,
+        Ft,
         {
           "aria-label": o === "Chart" ? s.view_chart : s.view_table,
           "aria-pressed": t === o,
@@ -447,8 +446,8 @@ const pt = ({ categoryGuid: t, topLevelCategoryGuid: n }) => {
       ))
     }
   );
-}, yt = ({ selectedDateRange: t, selectedCategoryGuid: n }) => {
-  const { trends: s } = R(), { isMobile: o, isDesktop: r } = Z(), { getCategoryName: c } = Q(), a = g.useMemo(() => {
+}, ft = ({ selectedDateRange: t, selectedCategoryGuid: n }) => {
+  const { trends: s } = R(), { isMobile: o, isDesktop: r } = Q(), { getCategoryName: c } = q(), a = g.useMemo(() => {
     const i = t.start.getFullYear() === t.end.getFullYear() ? X(
       t.start,
       o ? G.MONTH_SHORT : G.MONTH_LONG
@@ -467,20 +466,19 @@ const pt = ({ categoryGuid: t, topLevelCategoryGuid: n }) => {
       {
         sx: {
           fontSize: r ? null : 15,
-          whiteSpace: "normal",
           overflow: "visible",
           textOverflow: "unset"
         },
         children: u
       }
     ),
-    /* @__PURE__ */ e(z, { variant: r ? "subtitle1" : "body2", children: a })
+    /* @__PURE__ */ e(F, { variant: r ? "subtitle1" : "body2", children: a })
   ] });
-}, wo = (t) => {
+}, xo = (t) => {
   const n = t.id === "total";
   return /* @__PURE__ */ C(S, { alignItems: "center", direction: "row", role: "rowheader", tabIndex: t.tabIndex, children: [
-    !n && /* @__PURE__ */ e(H, { "aria-hidden": !0, children: /* @__PURE__ */ e(we, { categoryGuid: t.row.top_level_category_guid, variant: "twotone" }) }),
-    /* @__PURE__ */ e(z, { bold: n, sx: { ml: 12 }, variant: n ? "body1" : "body2", children: t.row.category })
+    !n && /* @__PURE__ */ e(H, { "aria-hidden": !0, children: /* @__PURE__ */ e(ve, { categoryGuid: t.row.top_level_category_guid, variant: "twotone" }) }),
+    /* @__PURE__ */ e(F, { bold: n, sx: { ml: 12 }, variant: n ? "body1" : "body2", children: t.row.category })
   ] });
 }, je = (t) => {
   const n = t.row.category_guid, s = t.row.top_level_category_guid, o = n === $e.INCOME || s === $e.INCOME, r = t.id === "total", c = t.field === "total", a = c ? t.row[t.field] : t.row.monthlyAmounts[t.field];
@@ -507,7 +505,7 @@ const pt = ({ categoryGuid: t, topLevelCategoryGuid: n }) => {
     s.push(r), o.setMonth(o.getMonth() + 1);
   }
   return s;
-}, Do = (t, n) => {
+}, wo = (t, n) => {
   const s = {
     field: "category",
     flex: 1,
@@ -515,9 +513,9 @@ const pt = ({ categoryGuid: t, topLevelCategoryGuid: n }) => {
     headerName: n.category_title,
     minWidth: 210,
     renderHeader: ke,
-    renderCell: wo,
+    renderCell: xo,
     sortable: !0,
-    sortComparator: Gt,
+    sortComparator: Ot,
     type: "string"
   }, o = t.map((c) => ({
     field: c,
@@ -576,12 +574,12 @@ const pt = ({ categoryGuid: t, topLevelCategoryGuid: n }) => {
     });
   }
   return c;
-}, Io = Mt("div")({
+}, Do = Et("div")({
   display: "flex",
   visibility: "hidden",
   width: 0
 });
-function Lo({
+function Io({
   direction: t,
   index: n,
   sortingOrder: s,
@@ -589,7 +587,7 @@ function Lo({
   className: r,
   field: c
 }) {
-  const a = jt(), d = Ut();
+  const a = Yt(), d = jt();
   let u = null;
   const i = {};
   if (t === "asc" ? u = d.slots.columnSortedAscendingIcon : t === "desc" ? u = d.slots.columnSortedDescendingIcon : (u = d.slots.columnUnsortedIcon ?? null, i.sortingOrder = s), !u) return null;
@@ -597,7 +595,7 @@ function Lo({
   let _ = "";
   t === "asc" ? _ = ", sorted ascending" : t === "desc" && (_ = ", sorted descending");
   const h = ["Total", "Category"].includes(m) ? "" : " category totals", p = `Sort by ${m}${h}${_}`, y = /* @__PURE__ */ e(u, { className: "MuiDataGrid-sortIcon", fontSize: "small", ...i }), T = /* @__PURE__ */ e(
-    Qt,
+    Zt,
     {
       disabled: o,
       size: "small",
@@ -609,18 +607,18 @@ function Lo({
       children: y
     }
   );
-  return /* @__PURE__ */ e(Io, { className: "MuiDataGrid-iconButtonContainer", children: n != null ? /* @__PURE__ */ e(Zt, { badgeContent: n, color: "default", overlap: "circular", children: T }) : T });
+  return /* @__PURE__ */ e(Do, { className: "MuiDataGrid-iconButtonContainer", children: n != null ? /* @__PURE__ */ e(Xt, { badgeContent: n, color: "default", overlap: "circular", children: T }) : T });
 }
-const Eo = g.memo(Lo), Qe = ({
+const Lo = g.memo(Io), Qe = ({
   columns: t,
   onRowClick: n,
   parentCategory: s,
   rows: o,
   totalRow: r
 }) => {
-  const c = re(), { onEvent: a } = $(), d = c.palette.mode === "light";
+  const c = Z(), { onEvent: a } = $(), d = c.palette.mode === "light";
   return /* @__PURE__ */ e(
-    Xt,
+    Ut,
     {
       columns: t,
       disableColumnFilter: !0,
@@ -628,9 +626,9 @@ const Eo = g.memo(Lo), Qe = ({
       hideFooter: !0,
       initialState: { sorting: { sortModel: [{ field: "category", sort: "asc" }] } },
       onRowClick: (u) => {
-        s || n?.(u.row.category_guid), a(v.TRENDS_CLICK_LIST_ITEM, {
+        s || n?.(u.row.category_guid), a(w.TRENDS_CLICK_LIST_ITEM, {
           ...W,
-          listItem: Wt[u.row.category_guid]
+          listItem: Nt[u.row.category_guid]
         });
       },
       pinnedRows: {
@@ -639,7 +637,7 @@ const Eo = g.memo(Lo), Qe = ({
       rowHeight: 64,
       rows: o,
       slotProps: { baseIconButton: { color: "secondary", sx: { ml: 8 } } },
-      slots: { columnHeaderSortIcon: Eo },
+      slots: { columnHeaderSortIcon: Lo },
       sortingOrder: ["asc", "desc"],
       sx: {
         borderColor: "divider",
@@ -656,14 +654,14 @@ const Eo = g.memo(Lo), Qe = ({
       }
     }
   );
-}, Ct = ({
+}, yt = ({
   selectedDateRange: t,
   selectedCategory: n,
   onClickRow: s,
   height: o = "100%",
   sx: r = {}
 }) => {
-  const { trends: c } = R(), { trendsCategories: a } = Q(), d = g.useMemo(() => vo(t.start, t.end), [t]), u = g.useMemo(() => Do(d, c), [d, c]), i = g.useMemo(() => {
+  const { trends: c } = R(), { trendsCategories: a } = q(), d = g.useMemo(() => vo(t.start, t.end), [t]), u = g.useMemo(() => wo(d, c), [d, c]), i = g.useMemo(() => {
     if (n)
       return a.find((h) => h.guid === n);
   }, [n, a]), [f, m] = g.useMemo(() => {
@@ -688,7 +686,7 @@ const Eo = g.memo(Lo), Qe = ({
       {}
     )
   };
-  return /* @__PURE__ */ C(
+  return console.log({ incomeRows: f, spendingRows: m, totalSpendingRow: _ }), /* @__PURE__ */ C(
     S,
     {
       gap: 24,
@@ -716,15 +714,15 @@ const Eo = g.memo(Lo), Qe = ({
       ]
     }
   );
-}, Mo = {
+}, Eo = {
   title: "Transaction List"
-}, Ao = ({
+}, Mo = ({
   categoryGuid: t,
   dateRange: n,
   isOpen: s,
   onClose: o
 }) => {
-  const { onEvent: r } = $(), { selectedAccountGuids: c } = fe(), { common: a } = R(), { setFilter: d, sortedTransactions: u } = ve(), [i, f] = g.useState(""), m = g.useMemo(
+  const { onEvent: r } = $(), { selectedAccountGuids: c } = fe(), { common: a } = R(), { setFilter: d, sortedTransactions: u } = we(), [i, f] = g.useState(""), m = g.useMemo(
     () => u.find((h) => h.guid === i),
     [i, u]
   );
@@ -735,7 +733,7 @@ const Eo = g.memo(Lo), Qe = ({
       custom: (h) => t === "" || t === h.category_guid || t === h.top_level_category_guid,
       showSplits: !!t
     });
-  }, [c, t, n]), g.useEffect(() => r(v.TRENDS_VIEW_TRANSACTIONS), []);
+  }, [c, t, n]), g.useEffect(() => r(w.TRENDS_VIEW_TRANSACTIONS), []);
   const _ = () => {
     f(""), o();
   };
@@ -745,26 +743,26 @@ const Eo = g.memo(Lo), Qe = ({
       ariaLabelClose: a.close_aria,
       isOpen: s,
       onClose: _,
-      title: Mo.title,
+      title: Eo.title,
       children: [
         m && /* @__PURE__ */ e(dt, { transaction: m }),
         !m && /* @__PURE__ */ e(ct, { onClick: f })
       ]
     }
   );
-}, Ro = A(Ao), ko = ({ onBackClick: t, onMenuClick: n, sx: s }) => {
-  const { onEvent: o } = $(), { isDesktop: r, isTablet: c, isMobile: a } = Z(), { isAccountDataLoaded: d, loadAccountData: u } = De(), {
+}, Ao = A(Mo), Ro = ({ onBackClick: t, onMenuClick: n, sx: s }) => {
+  const { onEvent: o } = $(), { isDesktop: r, isTablet: c, isMobile: a } = Q(), { isAccountDataLoaded: d, loadAccountData: u } = De(), {
     categoriesLoaded: i,
     loadCategories: f,
     loadDateRangeCategoryTotals: m,
     loadMonthlyCategoryTotals: _,
     monthlyCategoryTotals: h,
     getCategoryName: p
-  } = Q(), {
+  } = q(), {
     isTransactionDataLoaded: y,
     loadTransactionData: T,
     sortedTransactions: N
-  } = ve(), { selectedDateRange: x, setSelectedDateRange: L } = ye(), { isInitialized: M, selectedAccounts: E } = fe(), { trends: w } = R(), [K, ae] = g.useState(!1), [Y, q] = g.useState(!1), [P, V] = g.useState("Chart"), [O, J] = g.useState(""), [Ce, ie] = g.useState(window.innerHeight), j = Ce - (a ? 315 : 345);
+  } = we(), { selectedDateRange: x, setSelectedDateRange: L } = ye(), { isInitialized: E, selectedAccounts: M } = fe(), { trends: v } = R(), [K, ae] = g.useState(!1), [Y, J] = g.useState(!1), [P, V] = g.useState("Chart"), [O, ee] = g.useState(""), [Ce, ie] = g.useState(window.innerHeight), j = Ce - (a ? 315 : 345);
   Ie({
     widgetName: "TrendsFullWidget",
     isLoaded: K
@@ -772,53 +770,53 @@ const Eo = g.memo(Lo), Qe = ({
     const D = () => ie(window.innerHeight);
     return window.addEventListener("resize", D), d || u().finally(), i || f().finally(), y || T().finally(), () => window.removeEventListener("resize", D);
   }, []), g.useEffect(() => {
-    M && m(E, x.start, x.end).then(() => {
+    E && m(M, x.start, x.end).then(() => {
       _(
-        E,
+        M,
         x.start,
         x.end
       );
     }).finally(() => {
-      ae(!0), o(v.TRENDS_LOAD_WIDGET, {
+      ae(!0), o(w.TRENDS_LOAD_WIDGET, {
         ...W,
         time_period: `${Se(x.end, x.start)}M`
       });
     });
-  }, [M, E, x]);
-  const oe = g.useMemo(() => {
+  }, [E, M, x]);
+  const ne = g.useMemo(() => {
     if (!K) return { stackedDatasets: [], unstackedDatasets: [] };
-    const D = Bt(
+    const D = Gt(
       h,
       x.start,
       x.end
     ), l = O.length ? D.filter(
       (b) => b.top_level_category_guid === O || b.category_guid === O
-    ) : Pt(D);
+    ) : Bt(D);
     return {
-      stackedDatasets: l.filter(Ft),
-      unstackedDatasets: l.filter(Vt)
+      stackedDatasets: l.filter(Vt),
+      unstackedDatasets: l.filter(Pt)
     };
   }, [h, O, x]), U = (D, l) => {
-    V(l ?? P), o(v.TRENDS_CLICK_TOGGLE_VIEW);
+    V(l ?? P), o(w.TRENDS_CLICK_TOGGLE_VIEW);
   }, de = (D) => {
     const l = et(D?.[0], 1), b = D?.[1], I = Se(b, l);
-    L({ start: l, end: b }), o(v.TRENDS_CLICK_TIME_WINDOW, {
+    L({ start: l, end: b }), o(w.TRENDS_CLICK_TIME_WINDOW, {
       time_period: I + "M"
     });
   }, B = () => {
-    o(v.TRENDS_CLICK_FILTER);
+    o(w.TRENDS_CLICK_FILTER);
   }, ue = (D) => {
-    J(D);
-  }, ne = (D) => {
-    J(D), o(v.TRENDS_CLICK_LEGEND, { category: p(D) });
+    ee(D);
+  }, se = (D) => {
+    ee(D), o(w.TRENDS_CLICK_LEGEND, { category: p(D) });
   }, le = (D) => {
-    o(v.TRENDS_HOVER_LEGEND, { category: p(D) });
+    o(w.TRENDS_HOVER_LEGEND, { category: p(D) });
   }, ce = (D) => {
-    o(v.TRENDS_HOVER_AREA, { category: D });
+    o(w.TRENDS_HOVER_AREA, { category: D });
   }, me = (D) => {
-    o(v.TRENDS_HOVER_POINT, { category: D });
+    o(w.TRENDS_HOVER_POINT, { category: D });
   };
-  return !M || !K ? /* @__PURE__ */ e(Le, {}) : /* @__PURE__ */ C(
+  return !E || !K ? /* @__PURE__ */ e(Le, {}) : /* @__PURE__ */ C(
     ut,
     {
       calendarActions: { onRangeChanged: de },
@@ -828,7 +826,7 @@ const Eo = g.memo(Lo), Qe = ({
       onBackClick: t,
       onMenuClick: n,
       sx: s,
-      title: w.title,
+      title: v.title,
       children: [
         /* @__PURE__ */ C(
           S,
@@ -846,38 +844,38 @@ const Eo = g.memo(Lo), Qe = ({
                   sx: { pb: a ? 12 : 24, pt: a ? 24 : 48 },
                   children: [
                     /* @__PURE__ */ e(
-                      yt,
+                      ft,
                       {
                         selectedCategoryGuid: O,
                         selectedDateRange: x
                       }
                     ),
-                    /* @__PURE__ */ e(ft, { onTabChange: U, selectedTab: P })
+                    /* @__PURE__ */ e(pt, { onTabChange: U, selectedTab: P })
                   ]
                 }
               ),
               /* @__PURE__ */ C(S, { alignItems: "center", flexDirection: "row", width: "100%", children: [
-                /* @__PURE__ */ e(H, { flexGrow: 1, children: O && /* @__PURE__ */ C(Te, { onClick: () => J(""), sx: { p: 0, pr: 5 }, children: [
+                /* @__PURE__ */ e(H, { flexGrow: 1, children: O && /* @__PURE__ */ C(Te, { onClick: () => ee(""), sx: { p: 0, pr: 5 }, children: [
                   /* @__PURE__ */ e(He, { name: "arrow_back" }),
-                  w.all_categories
+                  v.all_categories
                 ] }) }),
-                /* @__PURE__ */ e(Te, { onClick: () => q(!0), sx: { px: 5 }, children: `${w.view_transactions} (${N.length})` })
+                /* @__PURE__ */ e(Te, { onClick: () => J(!0), sx: { px: 5 }, children: `${v.view_transactions} (${N.length})` })
               ] }),
               /* @__PURE__ */ C(H, { children: [
                 P === "Chart" && /* @__PURE__ */ e(
-                  xo,
+                  So,
                   {
                     availableHeight: j,
-                    onClickLegend: ne,
+                    onClickLegend: se,
                     onHoverArea: ce,
                     onHoverLegend: le,
                     onHoverPoint: me,
-                    stackedDatasets: oe.stackedDatasets,
-                    unstackedDatasets: oe.unstackedDatasets
+                    stackedDatasets: ne.stackedDatasets,
+                    unstackedDatasets: ne.unstackedDatasets
                   }
                 ),
                 P === "Table" && /* @__PURE__ */ e(
-                  Ct,
+                  yt,
                   {
                     onClickRow: ue,
                     selectedCategory: O,
@@ -889,19 +887,19 @@ const Eo = g.memo(Lo), Qe = ({
           }
         ),
         /* @__PURE__ */ e(
-          Ro,
+          Ao,
           {
             categoryGuid: O,
             dateRange: x,
             isOpen: Y,
-            onClose: () => q(!1)
+            onClose: () => J(!1)
           }
         )
       ]
     }
   );
-}, is = A(ko), Ho = () => {
-  const { monthlyCategoryTotals: t } = Q(), { trends: n } = R(), s = re(), { availableHeight: o = 300 } = st(), r = g.useMemo(() => zt(t), [t]);
+}, rs = A(Ro), ko = () => {
+  const { monthlyCategoryTotals: t } = q(), { trends: n } = R(), s = Z(), { availableHeight: o = 300 } = st(), r = g.useMemo(() => zt(t), [t]);
   return /* @__PURE__ */ e(
     Ve,
     {
@@ -918,8 +916,8 @@ const Eo = g.memo(Lo), Qe = ({
       valueFormatterString: "0,0"
     }
   );
-}, No = A(Ho), Wo = ({ onPrimaryCtaClick: t, sx: n }) => {
-  const { isAccountDataLoaded: s, loadAccountData: o } = De(), { loadMonthlyCategoryTotals: r, monthlyTotalsLoaded: c } = Q(), { isInitialized: a } = Be(), { trends: d } = R(), { selectedAccounts: u } = fe();
+}, Ho = A(ko), No = ({ onPrimaryCtaClick: t, sx: n }) => {
+  const { isAccountDataLoaded: s, loadAccountData: o } = De(), { loadMonthlyCategoryTotals: r, monthlyTotalsLoaded: c } = q(), { isInitialized: a } = Be(), { trends: d } = R(), { selectedAccounts: u } = fe();
   return g.useEffect(() => {
     s || o().finally();
   }, []), Ie({
@@ -928,7 +926,7 @@ const Eo = g.memo(Lo), Qe = ({
   }), g.useEffect(() => {
     a && s && r(u).finally();
   }, [s, a, u]), !s || !a || !c ? /* @__PURE__ */ e(Le, {}) : /* @__PURE__ */ e(
-    qt,
+    Qt,
     {
       contentStyles: { height: "calc(100% - 72px)", minHeight: 300, ":last-child": { pb: 0 } },
       onPrimaryCtaClick: t,
@@ -936,10 +934,10 @@ const Eo = g.memo(Lo), Qe = ({
       subTitle: d.sub_title,
       sx: { height: "100%", ...n },
       title: d.mini_title,
-      children: /* @__PURE__ */ e(No, {})
+      children: /* @__PURE__ */ e(Ho, {})
     }
   );
-}, ls = A(Wo), Oo = 70, qe = ({
+}, as = A(No), Wo = 70, qe = ({
   title: t,
   totalAmount: n,
   transactionType: s,
@@ -947,10 +945,10 @@ const Eo = g.memo(Lo), Qe = ({
   secondaryLabel: r,
   shouldDisplayPercentage: c
 }) => {
-  const { availableWidth: a } = st(), d = g.useRef(null), u = g.useRef(null), i = Ot(Number(Math.abs(o)), {
+  const { availableWidth: a } = st(), d = g.useRef(null), u = g.useRef(null), i = Wt(Number(Math.abs(o)), {
     style: "percent",
     minimumIntegerDigits: 1
-  }), f = a === 288 && se(n, "0,0.00").length > 10 ? se(n, "0,0") : se(n, "0,0.00"), m = s === "spending" ? o > 0 : o >= 0, _ = s === "spending" ? "error.main" : "success.main", h = s === "spending" ? "success.main" : "text.secondary", p = d?.current, y = u?.current, T = p && y ? p.scrollWidth > y.clientWidth - Oo : !1;
+  }), f = a === 288 && re(n, "0,0.00").length > 10 ? re(n, "0,0") : re(n, "0,0.00"), m = s === "spending" ? o > 0 : o >= 0, _ = s === "spending" ? "error.main" : "success.main", h = s === "spending" ? "success.main" : "text.secondary", p = d?.current, y = u?.current, T = p && y ? p.scrollWidth > y.clientWidth - Wo : !1;
   return /* @__PURE__ */ C(
     S,
     {
@@ -975,7 +973,7 @@ const Eo = g.memo(Lo), Qe = ({
             children: [
               /* @__PURE__ */ e(pe, { color: "text.secondary", variant: "caption", children: t }),
               c && /* @__PURE__ */ C(S, { sx: { alignItems: "center", flexDirection: "row", gap: 4 }, children: [
-                m ? /* @__PURE__ */ e(eo, { size: 20, sx: { color: _ } }) : /* @__PURE__ */ e(to, { size: 20, sx: { color: h } }),
+                m ? /* @__PURE__ */ e(Jt, { size: 20, sx: { color: _ } }) : /* @__PURE__ */ e(eo, { size: 20, sx: { color: h } }),
                 /* @__PURE__ */ e(
                   pe,
                   {
@@ -1023,22 +1021,22 @@ const Eo = g.memo(Lo), Qe = ({
       ]
     }
   );
-}, Go = A(() => {
+}, Oo = A(() => {
   const { trends: t } = R();
   return /* @__PURE__ */ C(S, { sx: { alignItems: "start", flexDirection: "row", gap: 12 }, children: [
-    /* @__PURE__ */ e(oo, { size: 32 }),
+    /* @__PURE__ */ e(to, { size: 32 }),
     /* @__PURE__ */ C(S, { children: [
       /* @__PURE__ */ e(pe, { fontWeight: 600, variant: "body1", children: t.zero_state_content_header }),
       /* @__PURE__ */ e(pe, { color: "text.secondary", variant: "subtitle2", children: t.zero_state_content_description })
     ] })
   ] });
-}), cs = A(({ onCtaClick: t }) => {
+}), is = A(({ onCtaClick: t }) => {
   const { isAccountDataLoaded: n, loadAccountData: s, visibleAccounts: o } = De();
   g.useEffect(() => {
     n || s().finally();
   }, []);
-  const { onEvent: r } = $(), { monthlyCategoryTotals: c, loadMonthlyCategoryTotals: a, monthlyTotalsLoaded: d } = Q(), u = {
-    start: Jt(/* @__PURE__ */ new Date(), 1),
+  const { onEvent: r } = $(), { monthlyCategoryTotals: c, loadMonthlyCategoryTotals: a, monthlyTotalsLoaded: d } = q(), u = {
+    start: qt(/* @__PURE__ */ new Date(), 1),
     end: /* @__PURE__ */ new Date()
   }, { trends: i } = R(), { selectedAccounts: f, isInitialized: m } = fe();
   Ie({
@@ -1046,7 +1044,7 @@ const Eo = g.memo(Lo), Qe = ({
     isLoaded: d
   }), g.useEffect(() => {
     m && a(f, u.start).then(() => {
-      r(v.TRENDS_LOAD_WIDGET, {
+      r(w.TRENDS_LOAD_WIDGET, {
         state: o?.length ? "default" : "zeroState"
       });
     });
@@ -1057,20 +1055,20 @@ const Eo = g.memo(Lo), Qe = ({
       incomeData: at(c, u)
     }),
     [c, u]
-  ), [p, y] = _, [T, N] = h, x = Ye(y.y, p.y), L = Ye(N.y, T.y), M = m && !o?.length, E = () => {
+  ), [p, y] = _, [T, N] = h, x = Ye(y.y, p.y), L = Ye(N.y, T.y), E = m && !o?.length, M = () => {
     r(
-      M ? v.TRENDS_CLICK_GET_STARTED : v.TRENDS_CLICK_VIEW_MORE
+      E ? w.TRENDS_CLICK_GET_STARTED : w.TRENDS_CLICK_VIEW_MORE
     ), t();
   };
   return !d || !m ? /* @__PURE__ */ e(Le, {}) : /* @__PURE__ */ e(
-    io,
+    ao,
     {
       className: "mx-trends-microwidget",
       ctaLabel: i.micro_primary_cta_label,
-      onCTAClick: E,
-      subHeader: M ? void 0 : i.micro_subheader,
+      onCTAClick: M,
+      subHeader: E ? void 0 : i.micro_subheader,
       title: i.title,
-      children: M ? /* @__PURE__ */ e(Go, {}) : /* @__PURE__ */ C(
+      children: E ? /* @__PURE__ */ e(Oo, {}) : /* @__PURE__ */ C(
         S,
         {
           sx: {
@@ -1106,17 +1104,17 @@ const Eo = g.memo(Lo), Qe = ({
       )
     }
   );
-}), Bo = A(
+}), Go = A(
   ({ isExpanded: t, onClick: n }) => {
-    const s = gt();
-    return /* @__PURE__ */ e(mt, { children: /* @__PURE__ */ e(co, { onClick: n, sx: { justifyContent: "center" }, children: /* @__PURE__ */ C(
+    const s = Z();
+    return /* @__PURE__ */ e(mt, { children: /* @__PURE__ */ e(lo, { onClick: n, sx: { justifyContent: "center" }, children: /* @__PURE__ */ C(
       S,
       {
         sx: { color: s.palette.primary.main, flexDirection: "row", alignItems: "center" },
         children: [
-          /* @__PURE__ */ e(ht, { children: /* @__PURE__ */ e(z, { bold: !0, variant: "body2", children: t ? "View less" : "View more" }) }),
-          /* @__PURE__ */ e(uo, { sx: { color: s.palette.primary.main }, children: t ? /* @__PURE__ */ e(no, {}) : /* @__PURE__ */ e(
-            so,
+          /* @__PURE__ */ e(ht, { children: /* @__PURE__ */ e(F, { bold: !0, variant: "body2", children: t ? "View less" : "View more" }) }),
+          /* @__PURE__ */ e(co, { sx: { color: s.palette.primary.main }, children: t ? /* @__PURE__ */ e(oo, {}) : /* @__PURE__ */ e(
+            no,
             {
               sx: {
                 transition: "transform 0.3s ease-in-out",
@@ -1138,30 +1136,30 @@ const Eo = g.memo(Lo), Qe = ({
     isLastItem: c = !1,
     showDivider: a = !0
   }) => {
-    const { trends: d } = R(), { onEvent: u } = $(), i = re(), f = `${o.length} ${o.length === 1 ? d.transaction : d.transactions}`, m = () => {
-      r?.(), u(v.TRENDS_CLICK_LIST_ITEM, {
+    const { trends: d } = R(), { onEvent: u } = $(), i = Z(), f = `${o.length} ${o.length === 1 ? d.transaction : d.transactions}`, m = () => {
+      r?.(), u(w.TRENDS_CLICK_LIST_ITEM, {
         ...W,
         listItem: s
       });
     };
     return /* @__PURE__ */ C(g.Fragment, { children: [
       /* @__PURE__ */ e(
-        mo,
+        uo,
         {
           leftIcon: n ? /* @__PURE__ */ e(
-            we,
+            ve,
             {
               categoryGuid: n,
               sx: {
-                bgcolor: At(Oe(n, i), 0.15),
+                bgcolor: Mt(Oe(n, i), 0.15),
                 border: `1px solid ${Oe(n, i)}`,
                 color: "text.primary"
               }
             }
           ) : void 0,
           onClick: m,
-          rightContent: se(Math.abs(t), "0,0.00"),
-          rightIcon: r ? /* @__PURE__ */ e(ro, {}) : void 0,
+          rightContent: re(Math.abs(t), "0,0.00"),
+          rightIcon: r ? /* @__PURE__ */ e(so, {}) : void 0,
           subtitle: f,
           title: s
         }
@@ -1169,15 +1167,15 @@ const Eo = g.memo(Lo), Qe = ({
       a && /* @__PURE__ */ e(Ne, { component: "li", sx: { ml: c ? 24 : 68 } })
     ] }, n);
   }
-), Po = A(
+), Bo = A(
   ({ availableHeight: t = 0, onCategoryClick: n }) => {
-    const { collapsedCategories: s, visibleCategories: o, setVisibleListLength: r } = ye(), { isLargeDesktop: c, isDesktop: a } = Z(), { trends: d } = R(), { onEvent: u } = $(), [i, f] = g.useState(!1), m = a || c;
+    const { collapsedCategories: s, visibleCategories: o, setVisibleListLength: r } = ye(), { isLargeDesktop: c, isDesktop: a } = Q(), { trends: d } = R(), { onEvent: u } = $(), [i, f] = g.useState(!1), m = a || c;
     g.useEffect(() => {
       const p = Math.floor(t / 64) - 1, y = o.length + s.length;
       p !== o.length && (r(m ? Math.max(p, 5) : 5), f(p >= y));
     }, [t]);
     const _ = () => {
-      f(!i), u(v.TRENDS_CLICK_VIEW_MORE, {
+      f(!i), u(w.TRENDS_CLICK_VIEW_MORE, {
         ...W
       });
     }, h = o.length + (i ? s.length : 0);
@@ -1195,7 +1193,7 @@ const Eo = g.memo(Lo), Qe = ({
           p.guid
         )),
         /* @__PURE__ */ e(
-          lo,
+          io,
           {
             component: "li",
             in: i,
@@ -1215,35 +1213,34 @@ const Eo = g.memo(Lo), Qe = ({
             }) })
           }
         ),
-        s.length > 0 && /* @__PURE__ */ e(Bo, { isExpanded: i, onClick: _ })
+        s.length > 0 && /* @__PURE__ */ e(Go, { isExpanded: i, onClick: _ })
       ] })
     ] });
   }
-), Vo = ({ beats: t, onInsightCardClick: n }) => {
-  const { onEvent: s } = $(), { isMobile: o, isDesktop: r, isLargeDesktop: c } = Z(), { beatStore: a, endpoint: d, sessionToken: u } = Be(), i = r || c, f = i || o ? 1 : 2, m = () => null, _ = (T) => {
-    n?.(T), s(v.TRENDS_CLICK_INSIGHT, W);
+), Po = ({ beats: t, onInsightCardClick: n }) => {
+  const { onEvent: s } = $(), { isMobile: o, isDesktop: r, isLargeDesktop: c } = Q(), { beatStore: a, endpoint: d, sessionToken: u } = Be(), i = r || c, f = i || o ? 1 : 2, m = () => null, _ = (T) => {
+    n?.(T), s(w.TRENDS_CLICK_INSIGHT, W);
   }, h = i ? 200 : 170, p = i ? 170 : 124, y = t.length > 0 ? h : p;
-  return /* @__PURE__ */ e(ho, { sx: { height: y }, children: /* @__PURE__ */ e(
-    Yt,
+  return /* @__PURE__ */ e(mo, { sx: { height: y }, children: /* @__PURE__ */ e(
+    Kt,
     {
       areBeatsLoading: a.isLoading,
       beats: t,
+      cardStyle: "border",
       endpoint: d,
       headerSx: { p: 0 },
       logOutUser: m,
       onCardClick: _,
-      showBorder: !0,
       showCarouselControls: !0,
       showHeader: i,
       showIcon: !0,
       showWithMargin: !1,
       token: u,
       userHasFullInsightFeedBeats: !1,
-      variant: "outlined",
       visibleCardsCount: f
     }
   ) });
-}, Fo = A(Vo), zo = A(({ chartLabel: t, chartColor: n }) => {
+}, Vo = A(Po), zo = A(({ chartLabel: t, chartColor: n }) => {
   const { onEvent: s } = $(), {
     categoryDetailsChartData: { monthlyAmounts: o, tooltipLabels: r }
   } = ye();
@@ -1261,7 +1258,7 @@ const Eo = g.memo(Lo), Qe = ({
         stroke: n
       }),
       onItemClick: () => {
-        s(v.TRENDS_CLICK_CHART, W);
+        s(w.TRENDS_CLICK_CHART, W);
       },
       showArea: !0,
       showAverage: !0,
@@ -1276,40 +1273,42 @@ const Eo = g.memo(Lo), Qe = ({
       valueFormatterString: "0,0"
     }
   ) });
-}), $o = A(() => {
-  const t = gt(), { is_mobile_webview: n } = rt(), { isDesktop: s, isSmallTablet: o, isTablet: r } = Z(), { common: c, trends: a } = R(), { selectedCategoryData: d, selectedDateRangeMonthRange: u } = ye(), { sortedTransactions: i } = ve(), [f, m] = g.useState(null);
+}), Fo = A(() => {
+  const t = Z(), { is_mobile_webview: n } = rt(), { isDesktop: s, isSmallTablet: o, isTablet: r } = Q(), { common: c, trends: a } = R(), { selectedCategoryData: d, selectedDateRangeMonthRange: u } = ye(), { sortedTransactions: i } = we(), [f, m] = g.useState(null);
   if (!d)
     return null;
   const { guid: _, name: h, is_income: p, totalAmount: y } = d, T = Oe(_, t), N = p ? a.income_label : a.spending_label, x = ` ${d.transactions.length === 1 ? a.transaction : a.transactions} (${d.transactions.length})`, L = g.useMemo(
-    () => i.find((w) => w.guid === f),
+    () => i.find((v) => v.guid === f),
     [f, i]
-  ), M = i.length > 0 && !n && (s || r && !o), E = (w) => w.category_guid === _ || w.top_level_category_guid === _;
+  ), E = i.length > 0 && !n && (s || r && !o), M = (v) => v.category_guid === _ || v.top_level_category_guid === _;
   return /* @__PURE__ */ C(S, { sx: { alignItems: "center", height: "100%" }, children: [
     /* @__PURE__ */ C(S, { sx: { borderRadius: 0, pb: 4, pt: 16, px: 12, width: "100%" }, children: [
       /* @__PURE__ */ e(We, { sx: { px: 12 }, children: /* @__PURE__ */ C(mt, { children: [
-        /* @__PURE__ */ e(go, { children: /* @__PURE__ */ e(we, { categoryGuid: _ }) }),
+        /* @__PURE__ */ e(ho, { children: /* @__PURE__ */ e(ve, { categoryGuid: _ }) }),
         /* @__PURE__ */ e(
           ht,
           {
             primary: h,
-            primaryTypographyProps: { component: "div", variant: "h3" },
             secondary: u,
-            secondaryTypographyProps: { component: "div", variant: "body2" }
+            slotProps: {
+              primary: { component: "div", variant: "h3", fontSize: 18, fontWeight: 700 },
+              secondary: { component: "div", variant: "body2", fontSize: 13 }
+            }
           }
         ),
-        /* @__PURE__ */ e(z, { component: "div", variant: "h3", children: se(Math.abs(y), "0,0.00") })
+        /* @__PURE__ */ e(F, { component: "div", variant: "h3", children: re(Math.abs(y), "0,0.00") })
       ] }) }),
       /* @__PURE__ */ e(zo, { chartColor: T, chartLabel: N }),
       /* @__PURE__ */ C(S, { alignItems: "center", direction: "row", justifyContent: "space-between", sx: { mx: 12 }, children: [
-        /* @__PURE__ */ e(z, { bold: !0, variant: "body1", children: x }),
-        M && /* @__PURE__ */ e(po, { filter: E })
+        /* @__PURE__ */ e(F, { bold: !0, variant: "body1", children: x }),
+        E && /* @__PURE__ */ e(go, { filter: M })
       ] })
     ] }),
     /* @__PURE__ */ e(
       ct,
       {
         bgcolor: "transparent",
-        filter: E,
+        filter: M,
         height: "calc(100vh - 475px)",
         onClick: m
       }
@@ -1325,10 +1324,10 @@ const Eo = g.memo(Lo), Qe = ({
       }
     )
   ] });
-}), Ko = (t, n) => {
+}), $o = (t, n) => {
   const s = at(t, n), o = it(t, n);
   return [s, o].filter((r) => r.length > 0);
-}, Yo = (t, n) => {
+}, Ko = (t, n) => {
   const [s, o] = t, r = s, c = o ?? s, a = [];
   if (r) {
     const d = r.reduce((u, i) => u + i.y, 0);
@@ -1339,17 +1338,21 @@ const Eo = g.memo(Lo), Qe = ({
     a.push({ label: n.spending_label, amount: d });
   }
   return a;
-}, jo = ({
+}, Yo = ({
   availableHeight: t = 0,
   minHeight: n = 500,
   selectedDateRange: s,
   totals: o
 }) => {
-  const r = re(), { onEvent: c } = $(), { trends: a } = R(), { isSmallMobile: d, isMobile: u, isSmallTablet: i, isTablet: f } = Z(), m = [r.palette.chart?.chart1, r.palette.chart?.chart2], _ = Ko(o, s), h = Yo(_, a), [p, y] = g.useState(0), T = 458, N = 195, x = 56, L = u || d ? N : i || f ? T : p;
-  return g.useEffect(() => {
-    const E = Math.max(t - x, n);
-    y(E);
-  }, [t]), /* @__PURE__ */ e(
+  const r = Z(), { onEvent: c } = $(), { trends: a } = R(), { isSmallMobile: d, isMobile: u, isSmallTablet: i, isTablet: f } = Q(), m = [r.palette.chart?.chart1, r.palette.chart?.chart2], _ = $o(o, s), h = Ko(_, a), [p, y] = g.useState(0), T = 458, N = 195, x = 56, L = u || d ? N : i || f ? T : p;
+  g.useEffect(() => {
+    const M = Math.max(t - x, n);
+    y(M);
+  }, [t]);
+  const E = () => {
+    c(w.TRENDS_CLICK_CHART, W);
+  };
+  return console.log({ datasets: _, totals: o }), /* @__PURE__ */ e(
     Ve,
     {
       baseline: "min",
@@ -1358,9 +1361,7 @@ const Eo = g.memo(Lo), Qe = ({
       datasets: _,
       height: L,
       labels: h,
-      onItemClick: () => {
-        c(v.TRENDS_CLICK_CHART, W);
-      },
+      onItemClick: E,
       showArea: !0,
       showAxisHighlight: !0,
       showLegend: !0,
@@ -1372,7 +1373,7 @@ const Eo = g.memo(Lo), Qe = ({
       valueFormatterString: "0.0a"
     }
   );
-}, Uo = A(jo), Xo = [
+}, jo = A(Yo), Uo = [
   "BillAmountNotStandard",
   "CategorySpendingV2",
   "CostOfLivingToIncome",
@@ -1406,56 +1407,56 @@ const Eo = g.memo(Lo), Qe = ({
   "WeeklyNewMerchantsV2",
   "WeeklyNoSpendDays",
   "WeeklySmallPurchasesSummary"
-], Zo = (t, n, s) => ({
+], Xo = (t, n, s) => ({
   description: n ? t.empty_state_sub_text : t.empty_state_sub_text_no_aggregation,
   header: n ? t.zero_state_content_header : t.zero_state_content_header_no_aggregation,
   onClickHandler: n ? s : void 0,
   primaryButton: n ? t.empty_state_primary : void 0
-}), Qo = ({
+}), Zo = ({
   onBackClick: t,
   onMenuClick: n,
   onInsightCardClick: s,
   sx: o
 }) => {
-  const { onEvent: r } = $(), { config: c } = rt(), { isDesktop: a, isLargeDesktop: d, isMobile: u } = Z(), { isAccountDataLoaded: i, loadAccountData: f, visibleAccounts: m } = De(), {
+  const { onEvent: r } = $(), { config: c } = rt(), { isDesktop: a, isLargeDesktop: d, isMobile: u } = Q(), { isAccountDataLoaded: i, loadAccountData: f, visibleAccounts: m } = De(), {
     categoriesLoaded: _,
     loadCategories: h,
     loadDateRangeCategoryTotals: p,
     loadMonthlyCategoryTotals: y,
     monthlyCategoryTotals: T,
     monthlyTotalsLoaded: N
-  } = Q(), { isTransactionDataLoaded: x, loadTransactionData: L, setFilter: M } = ve(), { selectedCategoryData: E, selectedDateRange: w, setSelectedCategoryData: K, setSelectedDateRange: ae } = ye(), { isInitialized: Y, selectedAccounts: q, selectedAccountGuids: P } = fe(), { trends: V, connect: O } = R(), { beatStore: J } = Be(), ie = fo() && c.show_insights_widget_in_master, ee = a || d, [j, oe] = g.useState(!1), [U, de] = g.useState(!1), [B, ue] = g.useState("Chart"), [ne, le] = g.useState(""), [ce, me] = g.useState(window.innerHeight), D = ee ? 56 : 0, l = ce - 208, b = ce - (ie ? 550 + D : 266), [I, F] = g.useState(!1), Ee = c.show_connections_widget_in_master;
+  } = q(), { isTransactionDataLoaded: x, loadTransactionData: L, setFilter: E } = we(), { selectedCategoryData: M, selectedDateRange: v, setSelectedCategoryData: K, setSelectedDateRange: ae } = ye(), { isInitialized: Y, selectedAccounts: J, selectedAccountGuids: P } = fe(), { trends: V, connect: O } = R(), { beatStore: ee } = Be(), ie = po() && c.show_insights_widget_in_master, te = a || d, [j, ne] = g.useState(!1), [U, de] = g.useState(!1), [B, ue] = g.useState("Chart"), [se, le] = g.useState(""), [ce, me] = g.useState(window.innerHeight), D = te ? 56 : 0, l = ce - 208, b = ce - (ie ? 550 + D : 266), [I, z] = g.useState(!1), Ee = c.show_connections_widget_in_master;
   Ie({
     widgetName: "TrendsWidget",
     isLoaded: j
   });
-  const _e = g.useMemo(() => U ? J.getFilteredBeats({ templates: Xo }) : [], [U]);
+  const _e = g.useMemo(() => U ? ee.getFilteredBeats({ templates: Uo }) : [], [U]);
   g.useEffect(() => {
     const k = () => me(window.innerHeight);
     return window.addEventListener("resize", k), i || f().finally(), _ || h().finally(), x || L().finally(), () => window.removeEventListener("resize", k);
   }, []), g.useEffect(() => {
-    Y && i && (J.loadBeats().finally(() => de(!0)), p(q, w.start, w.end).then(() => {
+    Y && i && (ee.loadBeats().finally(() => de(!0)), p(J, v.start, v.end).then(() => {
       y(
-        q,
-        w.start,
-        w.end
+        J,
+        v.start,
+        v.end
       ).finally();
     }).finally(() => {
-      oe(!0), r(v.TRENDS_LOAD_WIDGET, {
+      ne(!0), r(w.TRENDS_LOAD_WIDGET, {
         ...W,
-        time_period: `${Se(w.end, w.start)}M`
+        time_period: `${Se(v.end, v.start)}M`
       });
     }));
-  }, [Y, i, q, w]), g.useEffect(() => {
+  }, [Y, i, J, v]), g.useEffect(() => {
     if (T.length !== 0) {
       const k = {
         accounts: P,
-        dateRange: { start: w.start, end: w.end }
+        dateRange: { start: v.start, end: v.end }
       };
-      M({
+      E({
         ...k,
-        custom: (te) => !!T.find(
-          (ge) => ge.top_level_category_guid === te.top_level_category_guid || ge.category_guid === te.category_guid
+        custom: (oe) => !!T.find(
+          (ge) => ge.top_level_category_guid === oe.top_level_category_guid || ge.category_guid === oe.category_guid
         )
       });
     }
@@ -1463,40 +1464,40 @@ const Eo = g.memo(Lo), Qe = ({
   const he = (k) => {
     K(k);
   }, Me = () => {
-    K(null), r(v.TRENDS_CLICK_BACK, W);
+    K(null), r(w.TRENDS_CLICK_BACK, W);
   }, Ae = () => {
-    F(!0), r(v.TRENDS_CLICK_CONNECT_ACCOUNTS);
-  }, _t = (k, te) => {
-    ue(te ?? B), r(v.TRENDS_CLICK_TOGGLE_VIEW, {
+    z(!0), r(w.TRENDS_CLICK_CONNECT_ACCOUNTS);
+  }, Ct = (k, oe) => {
+    ue(oe ?? B), r(w.TRENDS_CLICK_TOGGLE_VIEW, {
       ...W,
-      toggleView: te
+      toggleView: oe
     });
-  }, bt = (k) => {
-    const te = et(k?.[0], 1), ge = k?.[1], wt = Se(ge, te);
-    ae({ start: te, end: ge }), r(v.TRENDS_CLICK_TIME_WINDOW, {
+  }, _t = (k) => {
+    const oe = et(k?.[0], 1), ge = k?.[1], xt = Se(ge, oe);
+    ae({ start: oe, end: ge }), r(w.TRENDS_CLICK_TIME_WINDOW, {
       ...W,
-      time_period: wt + "M"
+      time_period: xt + "M"
     });
-  }, Tt = (k) => {
-    r(v.TRENDS_CLICK_FILTER, {
+  }, bt = (k) => {
+    r(w.TRENDS_CLICK_FILTER, {
       ...W,
       filterValue: k
     });
-  }, St = (k) => {
+  }, Tt = (k) => {
     le(k);
-  }, xt = () => {
-    le(""), r(v.TRENDS_CLICK_ALL_CATEGORIES, W);
+  }, St = () => {
+    le(""), r(w.TRENDS_CLICK_ALL_CATEGORIES, W);
   };
   if (!Y || !i || !j || !N)
     return /* @__PURE__ */ e(Le, {});
-  const Fe = m.length === 0 || T.length === 0, be = Zo(V, Ee, Ae);
+  const ze = m.length === 0 || T.length === 0, be = Xo(V, Ee, Ae);
   return /* @__PURE__ */ C(
     ut,
     {
-      calendarActions: { onRangeChanged: bt },
-      dateRange: w,
+      calendarActions: { onRangeChanged: _t },
+      dateRange: v,
       dateRangeVariant: u ? "timeframetabs" : "timeframebuttons",
-      onAccountsFilterClick: Tt,
+      onAccountsFilterClick: bt,
       onBackClick: t,
       onMenuClick: n,
       sx: o,
@@ -1517,22 +1518,22 @@ const Eo = g.memo(Lo), Qe = ({
                   sx: { px: u ? 16 : 0, py: 16 },
                   children: [
                     /* @__PURE__ */ e(
-                      yt,
+                      ft,
                       {
-                        selectedCategoryGuid: ne,
-                        selectedDateRange: w
+                        selectedCategoryGuid: se,
+                        selectedDateRange: v
                       }
                     ),
-                    /* @__PURE__ */ e(ft, { onTabChange: _t, selectedTab: B })
+                    /* @__PURE__ */ e(pt, { onTabChange: Ct, selectedTab: B })
                   ]
                 }
               ),
-              /* @__PURE__ */ e(S, { alignItems: "center", flexDirection: "row", sx: { pb: 8 }, width: "100%", children: /* @__PURE__ */ e(H, { flexGrow: 1, children: ne && /* @__PURE__ */ C(Te, { onClick: xt, sx: { p: 0, pr: 5 }, children: [
-                /* @__PURE__ */ e(ao, {}),
+              /* @__PURE__ */ e(S, { alignItems: "center", flexDirection: "row", sx: { pb: 8 }, width: "100%", children: /* @__PURE__ */ e(H, { flexGrow: 1, children: se && /* @__PURE__ */ C(Te, { onClick: St, sx: { p: 0, pr: 5 }, children: [
+                /* @__PURE__ */ e(ro, {}),
                 V.all_categories
               ] }) }) }),
-              Fe && /* @__PURE__ */ e(
-                yo,
+              ze && /* @__PURE__ */ e(
+                fo,
                 {
                   header: be.header,
                   icon: "multiline_chart",
@@ -1542,27 +1543,27 @@ const Eo = g.memo(Lo), Qe = ({
                   sx: { height: l, maxWidth: 432 }
                 }
               ),
-              !Fe && /* @__PURE__ */ C(S, { flexDirection: ee ? "row" : "column", gap: ee ? 48 : 16, children: [
+              !ze && /* @__PURE__ */ C(S, { flexDirection: te ? "row" : "column", gap: te ? 48 : 16, children: [
                 B === "Chart" && /* @__PURE__ */ C(vt, { children: [
-                  /* @__PURE__ */ e(H, { sx: { width: ee ? "68%" : "100%" }, children: /* @__PURE__ */ e(
-                    Uo,
+                  /* @__PURE__ */ e(H, { sx: { width: te ? "68%" : "100%" }, children: /* @__PURE__ */ e(
+                    jo,
                     {
                       availableHeight: l,
                       minHeight: 450,
-                      selectedDateRange: w,
+                      selectedDateRange: v,
                       totals: T
                     }
                   ) }),
-                  /* @__PURE__ */ C(S, { gap: 16, sx: { width: ee ? "32%" : "100%" }, children: [
+                  /* @__PURE__ */ C(S, { gap: 16, sx: { width: te ? "32%" : "100%" }, children: [
                     ie && U && _e.length > 0 && /* @__PURE__ */ e(
-                      Fo,
+                      Vo,
                       {
                         beats: _e,
                         onInsightCardClick: s
                       }
                     ),
                     /* @__PURE__ */ e(
-                      Po,
+                      Bo,
                       {
                         availableHeight: b,
                         onCategoryClick: he
@@ -1571,12 +1572,12 @@ const Eo = g.memo(Lo), Qe = ({
                   ] })
                 ] }),
                 B === "Table" && /* @__PURE__ */ e(H, { sx: { width: "100%" }, children: /* @__PURE__ */ e(
-                  Ct,
+                  yt,
                   {
                     height: "unset",
-                    onClickRow: St,
-                    selectedCategory: ne,
-                    selectedDateRange: w
+                    onClickRow: Tt,
+                    selectedCategory: se,
+                    selectedDateRange: v
                   }
                 ) })
               ] }),
@@ -1584,20 +1585,20 @@ const Eo = g.memo(Lo), Qe = ({
                 Pe,
                 {
                   ariaLabelClose: V.close_category_details,
-                  isOpen: !!E,
+                  isOpen: !!M,
                   onClose: Me,
                   shouldShowHeaderShadow: !0,
-                  title: E?.is_income ? V.category_income : V.category_spending,
-                  children: E && /* @__PURE__ */ e($o, {})
+                  title: M?.is_income ? V.category_income : V.category_spending,
+                  children: M && /* @__PURE__ */ e(Fo, {})
                 }
               )
             ]
           }
         ),
         /* @__PURE__ */ e(
-          Co,
+          yo,
           {
-            onClose: () => F(!1),
+            onClose: () => z(!1),
             showConnectWidget: I,
             title: O.mini_title
           }
@@ -1605,10 +1606,10 @@ const Eo = g.memo(Lo), Qe = ({
       ]
     }
   );
-}, ds = A(Qo);
+}, ls = A(Zo);
 export {
-  is as TrendsFullWidget,
-  cs as TrendsMicroWidget,
-  ls as TrendsMiniWidget,
-  ds as TrendsWidget
+  rs as TrendsFullWidget,
+  is as TrendsMicroWidget,
+  as as TrendsMiniWidget,
+  ls as TrendsWidget
 };