@mx-cartographer/experiences 4.0.14-alpha.JB1 → 4.0.14-alpha.JB2

package/dist/index.es12.js

@@ -0,0 +1,483 @@
+import { jsx as r, jsxs as w } from "react/jsx-runtime";
+import l from "react";
+import { observer as H } from "mobx-react-lite";
+import { useTheme as q } from "@mui/material/styles";
+import { CategoryIcon as mt, Text as z, Icon as F } from "@kyper/mui";
+import R from "@mui/material/Box";
+import v from "@mui/material/Stack";
+import V from "@mui/material/Button";
+import pt from "@mui/material/ToggleButton";
+import ut from "@mui/material/ToggleButtonGroup";
+import { endOfMonth as Y } from "date-fns/endOfMonth";
+import { subMonths as gt } from "date-fns/subMonths";
+import { addSeconds as P } from "date-fns/addSeconds";
+import { differenceInCalendarMonths as ht } from "date-fns/differenceInCalendarMonths";
+import "bowser";
+import "date-fns/getUnixTime";
+import { aj as U, am as J, ah as yt, ab as k, a6 as _t, ar as $, af as I, ag as E, as as X, at as f, a9 as B, au as Q, av as Ct, z as Tt, x as ft, aa as St, a8 as bt, ai as j, aw as Dt, ax as wt, ay as Et, az as Z, aA as Mt, aB as vt, aC as Nt, ad as xt, aD as Rt } from "./ConnectMiniWidget-Ep65CtHH.mjs";
+import "@honeybadger-io/react";
+import "numeral";
+import "date-fns/addMonths";
+import "date-fns/addQuarters";
+import "date-fns/addWeeks";
+import "date-fns/addYears";
+import "date-fns/getDay";
+import "date-fns/isBefore";
+import "date-fns/nextDay";
+import "date-fns/setDate";
+import "date-fns/startOfToday";
+import "date-fns/fromUnixTime";
+import "@mui/material/Tooltip";
+import "@mui/material/IconButton";
+import "@mxenabled/cssinjs";
+import "date-fns/addDays";
+import "date-fns/eachDayOfInterval";
+import "date-fns/eachWeekOfInterval";
+import "date-fns/format";
+import "date-fns/isSameMonth";
+import "date-fns/startOfMonth";
+import "@mui/material/Paper";
+import "@mui/icons-material/KeyboardArrowLeftRounded";
+import "@mui/icons-material/KeyboardArrowRightRounded";
+import "date-fns/isSameDay";
+import "date-fns/isWithinInterval";
+import "@mui/material/styles/useTheme";
+import "d3";
+import "@mui/x-charts";
+import { S as It } from "./StackedLineChart-CCqGRwvs.mjs";
+import "date-fns/differenceInCalendarDays";
+import "date-fns/endOfToday";
+import "date-fns/endOfYear";
+import "date-fns/startOfYear";
+import "date-fns/subDays";
+import "date-fns/subYears";
+import "@mui/material/ButtonGroup";
+import "@mui/material/Tab";
+import "@mui/material/Tabs";
+import "@mui/material/Dialog";
+import "@mui/material/DialogContent";
+import "@mui/icons-material/ArrowBackOutlined";
+import "@mui/material/Card";
+import "@mui/material/CardHeader";
+import "@mui/material/CardContent";
+import "uuid";
+import "@mui/material/FormControlLabel";
+import "@mui/material/Radio";
+import "@mui/material/Avatar";
+import "@mui/material/ListItem";
+import "@mui/material/ListItemAvatar";
+import "@mui/material/ListItemButton";
+import "@mui/material/ListItemText";
+import "@mui/material/ListItemIcon";
+import "mobx";
+import "date-fns/differenceInDays";
+import { DataGridPro as kt } from "@mui/x-data-grid-pro";
+import "@mui/material";
+import "date-fns";
+import "date-fns/getMonth";
+import "date-fns/isAfter";
+import "date-fns/parseISO";
+import "date-fns/subWeeks";
+import "date-fns/formatISO";
+import "date-fns/intlFormat";
+import "@mui/material/useMediaQuery";
+import "@mui/material/CircularProgress";
+const Lt = (o) => U[o] ?? U.default, At = (o) => J[o];
+function Ot(o, a) {
+  const t = [], e = new Date(o);
+  for (; e <= a; ) {
+    const i = e.getFullYear(), d = String(e.getMonth() + 1).padStart(2, "0");
+    t.push(+`${i}${d}`), e.setMonth(e.getMonth() + 1);
+  }
+  return t;
+}
+const Ht = (o) => o.reduce((t, e) => {
+  const i = {
+    top_level_category_guid: e.top_level_category_guid,
+    category_guid: e.category_guid,
+    amount: e.total,
+    year_month: e.year_month
+  }, { top_level_category_guid: d, category_guid: s } = i;
+  return t[s] || (t[s] = []), t[s].push(i), d !== s && (t[d] || (t[d] = []), t[d].push(i)), t;
+}, {}), Wt = (o, a, t) => {
+  const e = Ht(o), i = Ot(a, t);
+  return Object.entries(e).map(([s, h]) => {
+    const S = h[0].top_level_category_guid, C = i.map((p) => {
+      const _ = h.filter((c) => c.year_month === p).reduce((c, u) => c + Math.abs(u.amount), 0), b = Number(String(p).slice(0, 4)), m = Number(String(p).slice(4));
+      return { x: new Date(b, m - 1), y: _ };
+    }).sort((p, _) => p.x.getTime() - _.x.getTime());
+    return {
+      top_level_category_guid: S,
+      category_guid: s,
+      category_name: At(s),
+      category_color: Lt(S),
+      dataset: C
+    };
+  });
+}, Gt = (o, a) => {
+  const t = typeof o == "string" ? parseFloat(o.replace(/[^0-9.-]+/g, "")) : o, e = typeof a == "string" ? parseFloat(a.replace(/[^0-9.-]+/g, "")) : a;
+  return (t || 0) - (e || 0);
+}, Ft = (o) => {
+  const a = o.row[o.field];
+  return /* @__PURE__ */ r(v, { alignItems: "flex-end", tabIndex: o.tabIndex, children: /* @__PURE__ */ r(yt, { amount: a, variant: "Small" }) });
+}, zt = ({ categoryGuid: o, topLevelCategoryGuid: a }) => {
+  const { categories: t } = k(), e = J[o];
+  return /* @__PURE__ */ w(v, { alignItems: "center", direction: "row", justifyContent: "center", children: [
+    /* @__PURE__ */ r(
+      R,
+      {
+        "aria-label": _t(t.category_icon_label_aria, e),
+        role: "img",
+        children: /* @__PURE__ */ r(mt, { categoryGuid: a })
+      }
+    ),
+    /* @__PURE__ */ r(z, { sx: { ml: 12, pb: 6 }, variant: "Small", children: e })
+  ] });
+}, $t = (o) => /* @__PURE__ */ r(v, { alignItems: "center", direction: "row", height: "100%", width: "100%", children: /* @__PURE__ */ r(
+  zt,
+  {
+    categoryGuid: o.row.category,
+    topLevelCategoryGuid: o.row.top_level_category_guid
+  }
+) }), Bt = (o, a) => {
+  const t = [], e = new Date(o);
+  for (; e <= a; ) {
+    const i = I(e, E.MONTH);
+    t.push(i), e.setMonth(e.getMonth() + 1);
+  }
+  return t;
+}, jt = ({
+  monthlyCategoryTotals: o,
+  selectedDateRange: a,
+  selectedCategory: t,
+  onClickRow: e,
+  height: i = "100dvh",
+  sx: d = {}
+}) => {
+  const { onEvent: s } = $(), h = I(/* @__PURE__ */ new Date(), E.MONTH_SHORT), [S, C] = l.useState([
+    { field: h, sort: "desc" }
+  ]), p = l.useMemo(() => Bt(a.start, a.end), [a]), _ = [
+    {
+      field: "category",
+      headerName: "Category",
+      minWidth: 175,
+      renderHeader: X,
+      renderCell: $t,
+      sortable: !0,
+      type: "string"
+    },
+    ...p.map(
+      (m) => ({
+        field: m,
+        headerName: m,
+        minWidth: 75,
+        renderHeader: X,
+        renderCell: Ft,
+        align: "right",
+        headerAlign: "right",
+        sortable: !0,
+        hideSortIcons: !1,
+        type: "number",
+        sortComparator: Gt
+      })
+    )
+  ], b = l.useMemo(() => {
+    const L = (t ? o.filter(
+      (c) => c.category_guid === t || c.top_level_category_guid === t
+    ) : o).reduce(
+      (c, u) => {
+        const { category_guid: N, top_level_category_guid: A, month: W, total: O, year: M } = u, T = t ? N : A;
+        c[T] || (c[T] = {
+          id: T,
+          category: T,
+          category_guid: N,
+          top_level_category_guid: A
+        });
+        const g = I(new Date(M, W - 1), E.MONTH_SHORT);
+        return c[T][g] || (c[T][g] = 0), c[T][g] = c[T][g] + O, c;
+      },
+      {}
+    );
+    return Object.values(L);
+  }, [o, t]);
+  return /* @__PURE__ */ r(R, { sx: { height: i, width: "100%", overflowX: "auto", boxShadow: "none", ...d }, children: /* @__PURE__ */ r(
+    kt,
+    {
+      columns: _,
+      disableColumnFilter: !0,
+      disableColumnMenu: !0,
+      hideFooter: !0,
+      initialState: { sorting: { sortModel: S } },
+      onRowClick: (m) => {
+        e?.(m.row.category), s(f.TRENDS_CLICK_TABLE_ROW);
+      },
+      onSortModelChange: (m) => {
+        C(m), s(f.TRENDS_CLICK_TABLE_SORT);
+      },
+      rows: b,
+      slotProps: { baseIconButton: { color: "secondary", sx: { ml: 8 } } },
+      sortModel: S,
+      sortingOrder: ["asc", "desc"]
+    }
+  ) });
+}, Kt = {
+  title: "Transaction List"
+}, Vt = ({
+  categoryGuid: o,
+  dateRange: a,
+  isOpen: t,
+  onClose: e
+}) => {
+  const { onEvent: i } = $(), { selectedAccountGuids: d } = B(), { common: s } = k(), { setFilter: h, sortedTransactions: S } = Q(), [C, p] = l.useState(""), _ = l.useMemo(() => S.find((m) => m.guid === C), [C]);
+  l.useEffect(() => {
+    h({
+      accounts: d,
+      dateRange: a,
+      custom: (m) => o === "" || o === m.category_guid || o === m.top_level_category_guid
+    });
+  }, [d, o, a]), l.useEffect(() => i(f.TRENDS_VIEW_TRANSACTIONS), []);
+  const b = () => {
+    p(""), e();
+  };
+  return /* @__PURE__ */ w(
+    Ct,
+    {
+      ariaLabelClose: s.close_aria,
+      isOpen: t,
+      onClose: b,
+      title: Kt.title,
+      children: [
+        _ && /* @__PURE__ */ r(Tt, { transaction: _ }),
+        !_ && /* @__PURE__ */ r(ft, { onClick: p })
+      ]
+    }
+  );
+}, Yt = H(Vt), Pt = {
+  view_transactions: "View Transactions"
+}, Ut = ({ onBackClick: o, sx: a }) => {
+  const t = q(), { onEvent: e } = $(), { isDesktop: i, isTablet: d, isMobile: s } = St(), { accounts: h } = bt(), { loadMonthlyCategoryTotals: S, monthlyCategoryTotals: C, getCategoryName: p } = j(), { sortedTransactions: _ } = Q(), { isInitialized: b, selectedAccounts: m, setSelectedAccounts: L } = B(), { trends: c } = k(), u = t.palette.mode === "dark", [N, A] = l.useState(!1), [W, O] = l.useState(!1), [M, T] = l.useState("Chart"), [g, G] = l.useState(""), [y, tt] = l.useState({
+    start: P(Y(gt(/* @__PURE__ */ new Date(), 6)), 1),
+    end: Y(/* @__PURE__ */ new Date())
+  });
+  l.useEffect(() => {
+    L(h);
+  }, [h]), l.useEffect(() => {
+    b && S(
+      m,
+      y.start,
+      y.end
+    ).finally(() => {
+      A(!0);
+    });
+  }, [b, m, y]);
+  const K = l.useMemo(() => {
+    if (!N) return { stackedDatasets: [], unstackedDatasets: [] };
+    const n = Wt(
+      C,
+      y.start,
+      y.end
+    ), D = g.length ? n.filter(
+      (x) => x.top_level_category_guid === g || x.category_guid === g
+    ) : Dt(n);
+    return {
+      stackedDatasets: D.filter(wt),
+      unstackedDatasets: D.filter(Et)
+    };
+  }, [C, g, y]), et = l.useMemo(() => {
+    const n = I(
+      y.start,
+      s ? E.MONTH_SHORT_YEAR : E.MONTH_YEAR
+    ), D = I(
+      y.end,
+      s ? E.MONTH_SHORT_YEAR : E.MONTH_YEAR
+    );
+    return `${n} - ${D}`;
+  }, [y, s]), ot = (n, D) => {
+    T(D ?? M), e(f.TRENDS_CLICK_TOGGLE);
+  }, rt = (n) => {
+    const D = P(n?.[0], 1), x = n?.[1], dt = ht(x, D);
+    tt({ start: D, end: x }), e(f.TRENDS_CLICK_DATE, {
+      time_period: dt + "M"
+    });
+  }, at = () => {
+    e(f.TRENDS_CLICK_FILTER);
+  }, nt = (n) => {
+    G(n);
+  }, it = (n) => {
+    G(n), e(f.TRENDS_CLICK_LEGEND, { category: p(n) });
+  }, st = (n) => {
+    e(f.TRENDS_HOVER_LEGEND, { category: p(n) });
+  }, ct = (n) => {
+    e(f.TRENDS_HOVER_AREA, { category: n });
+  }, lt = (n) => {
+    e(f.TRENDS_HOVER_POINT, { category: n });
+  };
+  return !b || !N ? /* @__PURE__ */ r(Z, {}) : /* @__PURE__ */ w(
+    Mt,
+    {
+      accountOptions: h,
+      calendarActions: { onRangeChanged: rt },
+      dateRange: y,
+      dateRangeVariant: "timeframebuttons",
+      onAccountsFilterClick: at,
+      onBackClick: o,
+      sx: a,
+      title: c.title,
+      children: [
+        /* @__PURE__ */ w(
+          v,
+          {
+            sx: {
+              // eslint-disable-next-line no-nested-ternary
+              px: i ? 48 : d ? 24 : 12
+            },
+            children: [
+              /* @__PURE__ */ w(
+                v,
+                {
+                  flexDirection: "row",
+                  justifyContent: "space-between",
+                  sx: { pb: s ? 12 : 24, pt: s ? 24 : 48 },
+                  children: [
+                    /* @__PURE__ */ w(R, { sx: { mr: 10, minWidth: "60%" }, children: [
+                      /* @__PURE__ */ r(
+                        z,
+                        {
+                          display: "block",
+                          fontWeight: 700,
+                          sx: {
+                            whiteSpace: "normal",
+                            overflow: "visible",
+                            textOverflow: "unset"
+                          },
+                          variant: i ? "H3" : "Body",
+                          children: p(g) || c.sub_title
+                        }
+                      ),
+                      /* @__PURE__ */ r(z, { variant: i ? "Body" : "Small", children: et })
+                    ] }),
+                    /* @__PURE__ */ r(
+                      ut,
+                      {
+                        exclusive: !0,
+                        onChange: ot,
+                        orientation: "horizontal",
+                        value: M,
+                        children: ["Chart", "Table"].map((n) => /* @__PURE__ */ r(
+                          pt,
+                          {
+                            sx: {
+                              fontSize: 15,
+                              fontWeight: 600,
+                              height: 44,
+                              width: 56,
+                              color: u ? t.palette.grey[200] : t.palette.grey[600],
+                              borderColor: u ? t.palette.grey[600] : t.palette.grey[400],
+                              "&:hover": {
+                                backgroundColor: u ? `${t.palette.primary.darker}25` : "inherit",
+                                borderColor: u ? t.palette.grey[500] : t.palette.primary.main,
+                                color: u ? t.palette.primary.light : t.palette.primary.dark
+                              },
+                              "&.Mui-selected": {
+                                backgroundColor: u ? t.palette.primary.darker : t.palette.primary.lighter,
+                                borderColor: u ? t.palette.primary.light : t.palette.primary.main,
+                                color: u ? t.palette.common.white : t.palette.primary.dark
+                              },
+                              "&.Mui-disabled": {
+                                borderColor: u ? t.palette.grey[700] : t.palette.grey[400],
+                                color: t.palette.grey[500]
+                              }
+                            },
+                            value: n,
+                            children: n === "Chart" ? /* @__PURE__ */ r(F, { name: "table_chart_view" }) : /* @__PURE__ */ r(F, { name: "format_list_bulleted" })
+                          },
+                          n
+                        ))
+                      }
+                    )
+                  ]
+                }
+              ),
+              /* @__PURE__ */ w(v, { alignItems: "center", flexDirection: "row", width: "100%", children: [
+                /* @__PURE__ */ r(R, { flexGrow: 1, children: g && /* @__PURE__ */ w(V, { onClick: () => G(""), sx: { p: 0, pr: 5 }, children: [
+                  /* @__PURE__ */ r(F, { name: "arrow_back" }),
+                  c.all_categories
+                ] }) }),
+                /* @__PURE__ */ r(V, { onClick: () => O(!0), sx: { px: 5 }, children: `${Pt.view_transactions} (${_.length})` })
+              ] }),
+              /* @__PURE__ */ w(R, { children: [
+                M === "Chart" && /* @__PURE__ */ r(
+                  It,
+                  {
+                    onClickLegend: it,
+                    onHoverArea: ct,
+                    onHoverLegend: st,
+                    onHoverPoint: lt,
+                    stackedDatasets: K.stackedDatasets,
+                    unstackedDatasets: K.unstackedDatasets
+                  }
+                ),
+                M === "Table" && /* @__PURE__ */ r(
+                  jt,
+                  {
+                    monthlyCategoryTotals: C,
+                    onClickRow: nt,
+                    selectedCategory: g,
+                    selectedDateRange: y
+                  }
+                )
+              ] })
+            ]
+          }
+        ),
+        /* @__PURE__ */ r(
+          Yt,
+          {
+            categoryGuid: g,
+            dateRange: y,
+            isOpen: W,
+            onClose: () => O(!1)
+          }
+        )
+      ]
+    }
+  );
+}, xo = H(Ut), Xt = () => {
+  const o = q(), { monthlyCategoryTotals: a } = j(), { trends: t } = k(), e = vt(a);
+  return /* @__PURE__ */ r(
+    Nt,
+    {
+      baseline: "min",
+      colors: [o.palette.primary.main],
+      datasets: [e],
+      height: 300,
+      labels: [t.spending_label],
+      showArea: !0,
+      showAverage: !0,
+      showMarkLabel: !0,
+      useCustomMark: !0
+    }
+  );
+}, qt = H(Xt), Jt = ({ onPrimaryCtaClick: o, sx: a }) => {
+  const { loadMonthlyCategoryTotals: t } = j(), { isInitialized: e } = xt(), { trends: i } = k(), { selectedAccounts: d } = B(), [s, h] = l.useState(!1);
+  return l.useEffect(() => {
+    e && t(d).finally(() => {
+      h(!0);
+    });
+  }, [e, d]), !e || !s ? /* @__PURE__ */ r(Z, {}) : /* @__PURE__ */ r(
+    Rt,
+    {
+      onPrimaryCtaClick: o,
+      primaryCtaLabel: i.primary_cta,
+      subTitle: i.sub_title,
+      sx: a,
+      title: i.mini_title,
+      children: /* @__PURE__ */ r(qt, {})
+    }
+  );
+}, Ro = H(Jt);
+export {
+  xo as TrendsFullWidget,
+  Ro as TrendsMiniWidget
+};
+//# sourceMappingURL=index.es12.js.map

package/dist/index.es12.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es12.js","sources":["../src/trends/utils/TrendsData.ts","../src/trends/components/trendstable/AmountCell.tsx","../src/trends/components/trendstable/CategoryCell.tsx","../src/trends/components/TrendsTable.tsx","../src/trends/components/TrendsDrawer.tsx","../src/trends/TrendsFullWidget.tsx","../src/trends/components/SpendingChart.tsx","../src/trends/TrendsMiniWidget.tsx"],"sourcesContent":["import { GridComparatorFn } from '@mui/x-data-grid-pro'\n\nimport { CategoryColors, CategoryGuidToName, MonthlyCategoryTotals } from '../../common'\n\ntype DataPoint = { x: Date; y: number }\ntype Dataset = DataPoint[]\n\ntype CategoryTotalData = {\n  top_level_category_guid: string\n  category_guid: string\n  amount: number\n  year_month: number // e.g. 202409\n}\n\ntype GroupedCategoryTotalData = {\n  [categoryGuid: string]: CategoryTotalData[]\n}\n\nexport interface StackedLineChartData {\n  top_level_category_guid: string\n  category_guid: string\n  category_name: string\n  category_color: string\n  dataset: Dataset\n}\n\nconst getCategoryColor = (categoryGuid: string): string => {\n  return CategoryColors[categoryGuid] ?? CategoryColors.default\n}\n\nconst getCategoryName = (categoryGuid: string): string => {\n  return CategoryGuidToName[categoryGuid]\n}\n\nfunction createYearMonthRange(start: Date, end: Date): number[] {\n  const result = []\n  const current = new Date(start)\n\n  while (current <= end) {\n    const year = current.getFullYear()\n    const month = String(current.getMonth() + 1).padStart(2, '0')\n    result.push(Number(`${year}${month}`))\n    current.setMonth(current.getMonth() + 1)\n  }\n\n  return result\n}\n\nconst createGroupedCategoryTotals = (totals: MonthlyCategoryTotals[]): GroupedCategoryTotalData => {\n  const groupedTotals = totals.reduce((result, item) => {\n    const totalData: CategoryTotalData = {\n      top_level_category_guid: item.top_level_category_guid,\n      category_guid: item.category_guid,\n      amount: item.total,\n      year_month: item.year_month,\n    }\n\n    const { top_level_category_guid, category_guid } = totalData\n\n    // Ensure category bucket exists\n    if (!result[category_guid]) {\n      result[category_guid] = []\n    }\n    result[category_guid].push(totalData)\n\n    // Ensure top-level category bucket exists (if different than category)\n    if (top_level_category_guid !== category_guid) {\n      if (!result[top_level_category_guid]) {\n        result[top_level_category_guid] = []\n      }\n      result[top_level_category_guid].push(totalData)\n    }\n\n    return result\n  }, {} as GroupedCategoryTotalData)\n\n  return groupedTotals\n}\n\nexport const getStackedLineChartData = (\n  totals: MonthlyCategoryTotals[],\n  start: Date,\n  end: Date,\n): StackedLineChartData[] => {\n  const groupedTotals = createGroupedCategoryTotals(totals)\n  const yearMonths = createYearMonthRange(start, end)\n\n  const chartData = Object.entries(groupedTotals).map(([categoryGuid, totals]) => {\n    const topLevelCategoryGuid = totals[0].top_level_category_guid\n    // Build dataset for current category\n    const dataset: Dataset = yearMonths\n      // Build chart coordinates and fill missing totals with 0\n      .map((yearMonth) => {\n        // Sum category totals for same month\n        // (totals with same top_level_category_guid but different category_guid)\n        // And fill missing totals with 0\n        // (necessary for StackedLineChart lines to be smooth)\n        const sumTotal = totals\n          .filter((total) => total.year_month === yearMonth)\n          .reduce((sum, total) => sum + Math.abs(total.amount), 0)\n\n        const year = Number(String(yearMonth).slice(0, 4))\n        const month = Number(String(yearMonth).slice(4))\n        const date = new Date(year, month - 1)\n\n        return { x: date, y: sumTotal }\n      })\n      .sort((a, b) => a.x.getTime() - b.x.getTime())\n\n    return {\n      top_level_category_guid: topLevelCategoryGuid,\n      category_guid: categoryGuid,\n      category_name: getCategoryName(categoryGuid),\n      category_color: getCategoryColor(topLevelCategoryGuid),\n      dataset: dataset,\n    }\n  })\n\n  return chartData\n}\n\nexport const amountComparator: GridComparatorFn<string | number> = (v1, v2) => {\n  const num1 = typeof v1 === 'string' ? parseFloat(v1.replace(/[^0-9.-]+/g, '')) : v1\n  const num2 = typeof v2 === 'string' ? parseFloat(v2.replace(/[^0-9.-]+/g, '')) : v2\n\n  return (num1 || 0) - (num2 || 0)\n}\n","import { GridCellParams } from '@mui/x-data-grid'\nimport Stack from '@mui/material/Stack'\n\nimport { CurrencyText } from '../../../common/components/CurrencyText'\n\nexport const AmountCell = (params: GridCellParams) => {\n  const amount = params.row[params.field]\n\n  return (\n    <Stack alignItems=\"flex-end\" tabIndex={params.tabIndex}>\n      <CurrencyText amount={amount} variant=\"Small\" />\n    </Stack>\n  )\n}\n","import { GridCellParams } from '@mui/x-data-grid'\nimport { CategoryIcon, Text } from '@kyper/mui'\nimport Box from '@mui/material/Box'\nimport Stack from '@mui/material/Stack'\n\nimport { buildDynamicCopy, CategoryGuidToName, useGlobalCopyStore } from '../../../common'\n\nconst CategoryIconLabel: React.FC<{\n  categoryGuid: string\n  topLevelCategoryGuid: string\n}> = ({ categoryGuid, topLevelCategoryGuid }) => {\n  const { categories: copy } = useGlobalCopyStore()\n  const categoryName = CategoryGuidToName[categoryGuid]\n\n  return (\n    <Stack alignItems=\"center\" direction=\"row\" justifyContent=\"center\">\n      <Box\n        aria-label={buildDynamicCopy(copy.category_icon_label_aria, categoryName) as string}\n        role=\"img\"\n      >\n        <CategoryIcon categoryGuid={topLevelCategoryGuid} />\n      </Box>\n      <Text sx={{ ml: 12, pb: 6 }} variant=\"Small\">\n        {categoryName}\n      </Text>\n    </Stack>\n  )\n}\n\nexport const CategoryCell = (params: GridCellParams) => {\n  return (\n    <Stack alignItems=\"center\" direction=\"row\" height=\"100%\" width=\"100%\">\n      <CategoryIconLabel\n        categoryGuid={params.row.category}\n        topLevelCategoryGuid={params.row.top_level_category_guid}\n      />\n    </Stack>\n  )\n}\n","import React from 'react'\nimport Box from '@mui/material/Box'\nimport { DataGridPro, GridColDef, GridSortModel } from '@mui/x-data-grid-pro'\n\nimport {\n  ANALYTICS_EVENTS,\n  DATE_FORMATS_INTL,\n  formatDate,\n  MonthlyCategoryTotals,\n  useEvent,\n} from '../../common'\n\nimport { AmountCell } from './trendstable/AmountCell'\nimport { CategoryCell } from './trendstable/CategoryCell'\nimport { HeaderCell } from './trendstable/HeaderCell'\nimport { amountComparator } from '../utils/TrendsData'\n\nconst generateMonthHeaders = (start: Date, end: Date): string[] => {\n  const result: string[] = []\n  const current = new Date(start)\n\n  while (current <= end) {\n    const formattedDate = formatDate(current, DATE_FORMATS_INTL.MONTH)\n    result.push(formattedDate)\n    current.setMonth(current.getMonth() + 1)\n  }\n\n  return result\n}\n\ninterface CategoryRow {\n  id: string\n  category: string\n  [key: string]: string | number // For dynamic month keys with string or number values\n}\n\ninterface TrendsTableProps {\n  sx?: any\n  height?: number | string\n  monthlyCategoryTotals: MonthlyCategoryTotals[]\n  selectedDateRange: { start: Date; end: Date }\n  selectedCategory?: string\n  onClickRow?: (category: string) => void\n}\n\nconst TrendsTable: React.FC<TrendsTableProps> = ({\n  monthlyCategoryTotals,\n  selectedDateRange,\n  selectedCategory,\n  onClickRow,\n  height = '100dvh',\n  sx = {},\n}) => {\n  const { onEvent } = useEvent()\n  const monthName = formatDate(new Date(), DATE_FORMATS_INTL.MONTH_SHORT)\n  const [sortModel, setSortModel] = React.useState<GridSortModel>([\n    { field: monthName, sort: 'desc' },\n  ])\n\n  // Generate all headers for the selected date range\n  const headerNames = React.useMemo(() => {\n    return generateMonthHeaders(selectedDateRange.start, selectedDateRange.end)\n  }, [selectedDateRange])\n\n  const columns: GridColDef[] = [\n    {\n      field: 'category',\n      headerName: 'Category',\n      minWidth: 175,\n      renderHeader: HeaderCell,\n      renderCell: CategoryCell,\n      sortable: true,\n      type: 'string',\n    },\n    ...headerNames.map(\n      (headerName) =>\n        ({\n          field: headerName,\n          headerName: headerName,\n          minWidth: 75,\n          renderHeader: HeaderCell,\n          renderCell: AmountCell,\n          align: 'right',\n          headerAlign: 'right',\n          sortable: true,\n          hideSortIcons: false,\n          type: 'number',\n          sortComparator: amountComparator,\n        }) as GridColDef,\n    ),\n  ]\n\n  const rows = React.useMemo(() => {\n    const selectedCategoryTotals = selectedCategory\n      ? monthlyCategoryTotals.filter(\n          (total) =>\n            total.category_guid === selectedCategory ||\n            total.top_level_category_guid === selectedCategory,\n        )\n      : monthlyCategoryTotals\n\n    const groupedTotals = selectedCategoryTotals.reduce(\n      (groups: Record<string, CategoryRow>, item) => {\n        const { category_guid, top_level_category_guid, month, total, year } = item\n\n        // Determine the grouping key based on selectedCategory\n        const groupKey = selectedCategory ? category_guid : top_level_category_guid\n\n        if (!groups[groupKey]) {\n          groups[groupKey] = {\n            id: groupKey,\n            category: groupKey,\n            category_guid,\n            top_level_category_guid,\n          }\n        }\n\n        // Format the month name and assign the total\n        const monthName = formatDate(new Date(year, month - 1), DATE_FORMATS_INTL.MONTH_SHORT)\n\n        // Accumulate totals for the month\n        if (!groups[groupKey][monthName]) {\n          groups[groupKey][monthName] = 0\n        }\n        groups[groupKey][monthName] = (groups[groupKey][monthName] as number) + total\n\n        return groups\n      },\n      {},\n    )\n\n    // Convert grouped totals into an array of rows\n    return Object.values(groupedTotals)\n  }, [monthlyCategoryTotals, selectedCategory])\n\n  return (\n    <Box sx={{ height: height, width: '100%', overflowX: 'auto', boxShadow: 'none', ...sx }}>\n      <DataGridPro\n        columns={columns}\n        disableColumnFilter={true}\n        disableColumnMenu={true}\n        hideFooter={true}\n        initialState={{ sorting: { sortModel } }}\n        onRowClick={(r) => {\n          onClickRow?.(r.row.category)\n          onEvent(ANALYTICS_EVENTS.TRENDS_CLICK_TABLE_ROW)\n        }}\n        onSortModelChange={(newModel) => {\n          setSortModel(newModel)\n          onEvent(ANALYTICS_EVENTS.TRENDS_CLICK_TABLE_SORT)\n        }}\n        rows={rows}\n        slotProps={{ baseIconButton: { color: 'secondary', sx: { ml: 8 } } }}\n        sortModel={sortModel}\n        sortingOrder={['asc', 'desc']}\n      />\n    </Box>\n  )\n}\n\nexport default TrendsTable\n","import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport {\n  ANALYTICS_EVENTS,\n  Drawer,\n  useGlobalCopyStore,\n  useEvent,\n  useTransactionStore,\n  useGlobalUiStore,\n  Transaction,\n} from '../../common'\nimport { TransactionDetails, TransactionList } from '../../transactions'\n\nconst copy = {\n  title: 'Transaction List',\n}\n\ninterface TrendsDrawerProps {\n  categoryGuid: string\n  dateRange: {\n    start: Date\n    end: Date\n  }\n  isOpen: boolean\n  onClose: () => void\n}\n\nconst TrendsDrawer: React.FC<TrendsDrawerProps> = ({\n  categoryGuid,\n  dateRange,\n  isOpen,\n  onClose,\n}) => {\n  const { onEvent } = useEvent()\n  const { selectedAccountGuids: accounts } = useGlobalUiStore()\n  const { common: commonCopy } = useGlobalCopyStore()\n  const { setFilter, sortedTransactions } = useTransactionStore()\n\n  const [guid, setGuid] = React.useState('')\n  const transaction = React.useMemo(() => sortedTransactions.find((t) => t.guid === guid), [guid])\n\n  React.useEffect(() => {\n    setFilter({\n      accounts,\n      dateRange,\n      custom: (t: Transaction) =>\n        categoryGuid === '' ||\n        categoryGuid === t.category_guid ||\n        categoryGuid === t.top_level_category_guid,\n    })\n  }, [accounts, categoryGuid, dateRange])\n\n  React.useEffect(() => onEvent(ANALYTICS_EVENTS.TRENDS_VIEW_TRANSACTIONS), [])\n\n  const handleClose = () => {\n    setGuid('')\n    onClose()\n  }\n\n  return (\n    <Drawer\n      ariaLabelClose={commonCopy.close_aria}\n      isOpen={isOpen}\n      onClose={handleClose}\n      title={copy.title}\n    >\n      {transaction && <TransactionDetails transaction={transaction} />}\n      {!transaction && <TransactionList onClick={setGuid} />}\n    </Drawer>\n  )\n}\n\nexport default observer(TrendsDrawer)\n","/* eslint-disable @typescript-eslint/no-unused-vars */\nimport React from 'react'\nimport { observer } from 'mobx-react-lite'\nimport { useTheme } from '@mui/material/styles'\n\nimport { DateRange } from '@mui/x-date-pickers-pro'\nimport { Icon, Text } from '@kyper/mui'\nimport Box from '@mui/material/Box'\nimport Stack from '@mui/material/Stack'\nimport Button from '@mui/material/Button'\nimport ToggleButton from '@mui/material/ToggleButton'\nimport ToggleButtonGroup from '@mui/material/ToggleButtonGroup'\n\nimport { endOfMonth } from 'date-fns/endOfMonth'\nimport { subMonths } from 'date-fns/subMonths'\nimport { addSeconds } from 'date-fns/addSeconds'\nimport { differenceInCalendarMonths } from 'date-fns/differenceInCalendarMonths'\n\nimport {\n  ANALYTICS_EVENTS,\n  DATE_FORMATS_INTL,\n  Loader,\n  StackedLineChart,\n  WidgetContainer,\n  WidgetProps,\n  formatDate,\n  useAccountStore,\n  useEvent,\n  useCategoryStore,\n  useGlobalCopyStore,\n  useGlobalUiStore,\n  useScreenSize,\n  useTransactionStore,\n} from '../common'\n\nimport { getStackedLineChartData, StackedLineChartData } from './utils/TrendsData'\nimport { getTopLevelCategoryTotals, isExpense, isIncome } from './utils/shared'\n\nimport TrendsTable from './components/TrendsTable'\nimport TrendsDrawer from './components/TrendsDrawer'\n\nconst tempCopy = {\n  view_transactions: 'View Transactions',\n}\n\nconst TrendsFullWidget: React.FC<WidgetProps> = ({ onBackClick, sx }) => {\n  const theme = useTheme()\n  const { onEvent } = useEvent()\n  const { isDesktop, isTablet, isMobile } = useScreenSize()\n  const { accounts } = useAccountStore()\n  const { loadMonthlyCategoryTotals, monthlyCategoryTotals, getCategoryName } = useCategoryStore()\n  const { sortedTransactions: transactions } = useTransactionStore()\n  const { isInitialized, selectedAccounts, setSelectedAccounts } = useGlobalUiStore()\n  const { trends: copy } = useGlobalCopyStore()\n\n  const isDark = theme.palette.mode === 'dark'\n\n  const [isWidgetInitialized, setIsWidgetInitialized] = React.useState(false)\n  const [showTransactions, setShowTransactions] = React.useState(false)\n  const [selectedTab, setSelectedTab] = React.useState('Chart')\n  const [selectedCategory, setSelectedCategory] = React.useState('')\n  // NOTE: does this date range need to be adjusted bidirectionally?\n  const [selectedDateRange, setSelectedDateRange] = React.useState({\n    start: addSeconds(endOfMonth(subMonths(new Date(), 6)), 1),\n    end: endOfMonth(new Date()),\n  })\n\n  // Reset selected accounts on load\n  React.useEffect(() => {\n    setSelectedAccounts(accounts)\n  }, [accounts])\n\n  // Initialize monthlyCategoryTotals, and reload on account or date range change\n  React.useEffect(() => {\n    if (isInitialized) {\n      loadMonthlyCategoryTotals(\n        selectedAccounts,\n        selectedDateRange.start,\n        selectedDateRange.end,\n      ).finally(() => {\n        setIsWidgetInitialized(true)\n      })\n    }\n  }, [isInitialized, selectedAccounts, selectedDateRange])\n\n  // Cache a full year of StackedLineChart data\n  const chartData = React.useMemo(() => {\n    if (!isWidgetInitialized) return { stackedDatasets: [], unstackedDatasets: [] }\n\n    const data = getStackedLineChartData(\n      monthlyCategoryTotals,\n      selectedDateRange.start,\n      selectedDateRange.end,\n    )\n\n    const filteredData = selectedCategory.length\n      ? data.filter(\n          (d) =>\n            d.top_level_category_guid === selectedCategory || d.category_guid === selectedCategory,\n        )\n      : getTopLevelCategoryTotals(data)\n\n    return {\n      stackedDatasets: filteredData.filter(isExpense) as StackedLineChartData[],\n      unstackedDatasets: filteredData.filter(isIncome) as StackedLineChartData[],\n    }\n  }, [monthlyCategoryTotals, selectedCategory, selectedDateRange])\n\n  // Build date range text for display\n  // e.g. October 2023 - March 2024, or Oct 2023 - Mar 2024\n  const dateRangeText = React.useMemo(() => {\n    const startDate = formatDate(\n      selectedDateRange.start,\n      isMobile ? DATE_FORMATS_INTL.MONTH_SHORT_YEAR : DATE_FORMATS_INTL.MONTH_YEAR,\n    )\n    const endDate = formatDate(\n      selectedDateRange.end,\n      isMobile ? DATE_FORMATS_INTL.MONTH_SHORT_YEAR : DATE_FORMATS_INTL.MONTH_YEAR,\n    )\n    return `${startDate} - ${endDate}`\n  }, [selectedDateRange, isMobile])\n\n  const onTabChange = (_event: React.SyntheticEvent, newValue: string) => {\n    setSelectedTab(newValue ?? selectedTab)\n    onEvent(ANALYTICS_EVENTS.TRENDS_CLICK_TOGGLE)\n  }\n\n  const onRangeChanged = (dateRange: DateRange<Date>) => {\n    const startDate = addSeconds(dateRange?.[0] as Date, 1)\n    const endDate = dateRange?.[1] as Date\n    const months = differenceInCalendarMonths(endDate, startDate)\n\n    setSelectedDateRange({ start: startDate, end: endDate })\n    onEvent(ANALYTICS_EVENTS.TRENDS_CLICK_DATE, {\n      time_period: months + 'M',\n    })\n  }\n\n  const onAccountsFilterClick = () => {\n    onEvent(ANALYTICS_EVENTS.TRENDS_CLICK_FILTER)\n  }\n  const onClickRow = (guid: string) => {\n    setSelectedCategory(guid)\n  }\n  const onClickLegend = (guid: string) => {\n    setSelectedCategory(guid)\n    onEvent(ANALYTICS_EVENTS.TRENDS_CLICK_LEGEND, { category: getCategoryName(guid) })\n  }\n  const onHoverLegend = (guid: string) => {\n    onEvent(ANALYTICS_EVENTS.TRENDS_HOVER_LEGEND, { category: getCategoryName(guid) })\n  }\n  const onHoverArea = (category: string) => {\n    onEvent(ANALYTICS_EVENTS.TRENDS_HOVER_AREA, { category })\n  }\n  const onHoverPoint = (category: string) => {\n    onEvent(ANALYTICS_EVENTS.TRENDS_HOVER_POINT, { category })\n  }\n\n  if (!isInitialized || !isWidgetInitialized) return <Loader />\n\n  return (\n    <WidgetContainer\n      accountOptions={accounts}\n      calendarActions={{ onRangeChanged }}\n      dateRange={selectedDateRange}\n      dateRangeVariant=\"timeframebuttons\"\n      onAccountsFilterClick={onAccountsFilterClick}\n      onBackClick={onBackClick}\n      sx={sx}\n      title={copy.title}\n    >\n      <Stack\n        sx={{\n          // eslint-disable-next-line no-nested-ternary\n          px: isDesktop ? 48 : isTablet ? 24 : 12,\n        }}\n      >\n        <Stack\n          flexDirection=\"row\"\n          justifyContent=\"space-between\"\n          sx={{ pb: isMobile ? 12 : 24, pt: isMobile ? 24 : 48 }}\n        >\n          <Box sx={{ mr: 10, minWidth: '60%' }}>\n            <Text\n              display=\"block\"\n              fontWeight={700}\n              sx={{\n                whiteSpace: 'normal',\n                overflow: 'visible',\n                textOverflow: 'unset',\n              }}\n              variant={isDesktop ? 'H3' : 'Body'}\n            >\n              {getCategoryName(selectedCategory) || copy.sub_title}\n            </Text>\n            <Text variant={isDesktop ? 'Body' : 'Small'}>{dateRangeText}</Text>\n          </Box>\n          <ToggleButtonGroup\n            exclusive={true}\n            onChange={onTabChange}\n            orientation=\"horizontal\"\n            value={selectedTab}\n          >\n            {['Chart', 'Table'].map((tab) => (\n              <ToggleButton\n                key={tab}\n                sx={{\n                  fontSize: 15,\n                  fontWeight: 600,\n                  height: 44,\n                  width: 56,\n                  color: isDark ? theme.palette.grey[200] : theme.palette.grey[600],\n                  borderColor: isDark ? theme.palette.grey[600] : theme.palette.grey[400],\n                  '&:hover': {\n                    backgroundColor: isDark ? `${theme.palette.primary.darker}25` : 'inherit',\n                    borderColor: isDark ? theme.palette.grey[500] : theme.palette.primary.main,\n                    color: isDark ? theme.palette.primary.light : theme.palette.primary.dark,\n                  },\n                  '&.Mui-selected': {\n                    backgroundColor: isDark\n                      ? theme.palette.primary.darker\n                      : theme.palette.primary.lighter,\n                    borderColor: isDark ? theme.palette.primary.light : theme.palette.primary.main,\n                    color: isDark ? theme.palette.common.white : theme.palette.primary.dark,\n                  },\n                  '&.Mui-disabled': {\n                    borderColor: isDark ? theme.palette.grey[700] : theme.palette.grey[400],\n                    color: theme.palette.grey[500],\n                  },\n                }}\n                value={tab}\n              >\n                {tab === 'Chart' ? (\n                  <Icon name=\"table_chart_view\" />\n                ) : (\n                  <Icon name=\"format_list_bulleted\" />\n                )}\n              </ToggleButton>\n            ))}\n          </ToggleButtonGroup>\n        </Stack>\n        <Stack alignItems=\"center\" flexDirection=\"row\" width=\"100%\">\n          <Box flexGrow={1}>\n            {selectedCategory && (\n              <Button onClick={() => setSelectedCategory('')} sx={{ p: 0, pr: 5 }}>\n                <Icon name=\"arrow_back\" />\n                {copy.all_categories}\n              </Button>\n            )}\n          </Box>\n          <Button onClick={() => setShowTransactions(true)} sx={{ px: 5 }}>\n            {`${tempCopy.view_transactions} (${transactions.length})`}\n          </Button>\n        </Stack>\n        <Box>\n          {selectedTab === 'Chart' && (\n            <StackedLineChart\n              onClickLegend={onClickLegend}\n              onHoverArea={onHoverArea}\n              onHoverLegend={onHoverLegend}\n              onHoverPoint={onHoverPoint}\n              stackedDatasets={chartData.stackedDatasets}\n              unstackedDatasets={chartData.unstackedDatasets}\n            />\n          )}\n          {selectedTab === 'Table' && (\n            <TrendsTable\n              monthlyCategoryTotals={monthlyCategoryTotals}\n              onClickRow={onClickRow}\n              selectedCategory={selectedCategory}\n              selectedDateRange={selectedDateRange}\n            />\n          )}\n        </Box>\n      </Stack>\n      <TrendsDrawer\n        categoryGuid={selectedCategory}\n        dateRange={selectedDateRange}\n        isOpen={showTransactions}\n        onClose={() => setShowTransactions(false)}\n      />\n    </WidgetContainer>\n  )\n}\n\nexport default observer(TrendsFullWidget)\n","import { observer } from 'mobx-react-lite'\nimport { useTheme } from '@mui/material/styles'\n\nimport { LineChart, useCategoryStore, useGlobalCopyStore } from '../../common'\nimport { getSpendingData } from '../utils/SpendingData'\n\nconst SpendingChart = () => {\n  const theme = useTheme()\n  const { monthlyCategoryTotals } = useCategoryStore()\n  const { trends: trendsCopy } = useGlobalCopyStore()\n\n  const data = getSpendingData(monthlyCategoryTotals)\n\n  return (\n    <LineChart\n      baseline=\"min\"\n      colors={[theme.palette.primary.main]}\n      datasets={[data]}\n      height={300}\n      labels={[trendsCopy.spending_label]}\n      showArea={true}\n      showAverage={true}\n      showMarkLabel={true}\n      useCustomMark={true}\n    />\n  )\n}\n\nexport default observer(SpendingChart)\n","import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport {\n  Loader,\n  MiniWidgetContainer,\n  MiniWidgetProps,\n  useCategoryStore,\n  useGlobalCopyStore,\n  useGlobalStore,\n  useGlobalUiStore,\n} from '../common'\n\nimport SpendingChart from './components/SpendingChart'\n\nconst TrendsMiniWidget: React.FC<MiniWidgetProps> = ({ onPrimaryCtaClick, sx }) => {\n  const { loadMonthlyCategoryTotals } = useCategoryStore()\n  const { isInitialized } = useGlobalStore()\n  const { trends: trendsCopy } = useGlobalCopyStore()\n  const { selectedAccounts } = useGlobalUiStore()\n\n  const [isWidgetInitialized, setIsWidgetInitialized] = React.useState(false)\n\n  React.useEffect(() => {\n    if (isInitialized) {\n      loadMonthlyCategoryTotals(selectedAccounts).finally(() => {\n        setIsWidgetInitialized(true)\n      })\n    }\n  }, [isInitialized, selectedAccounts])\n\n  if (!isInitialized || !isWidgetInitialized) {\n    return <Loader />\n  }\n\n  return (\n    <MiniWidgetContainer\n      onPrimaryCtaClick={onPrimaryCtaClick}\n      primaryCtaLabel={trendsCopy.primary_cta}\n      subTitle={trendsCopy.sub_title}\n      sx={sx}\n      title={trendsCopy.mini_title}\n    >\n      <SpendingChart />\n    </MiniWidgetContainer>\n  )\n}\n\nexport default observer(TrendsMiniWidget)\n"],"names":["getCategoryColor","categoryGuid","CategoryColors","getCategoryName","CategoryGuidToName","createYearMonthRange","start","end","result","current","year","month","createGroupedCategoryTotals","totals","item","totalData","top_level_category_guid","category_guid","getStackedLineChartData","groupedTotals","yearMonths","topLevelCategoryGuid","dataset","yearMonth","sumTotal","total","sum","a","b","amountComparator","v1","v2","num1","num2","AmountCell","params","amount","jsx","Stack","CurrencyText","CategoryIconLabel","copy","useGlobalCopyStore","categoryName","Box","buildDynamicCopy","CategoryIcon","Text","CategoryCell","generateMonthHeaders","formattedDate","formatDate","DATE_FORMATS_INTL","TrendsTable","monthlyCategoryTotals","selectedDateRange","selectedCategory","onClickRow","height","sx","onEvent","useEvent","monthName","sortModel","setSortModel","React","headerNames","columns","HeaderCell","headerName","rows","groups","groupKey","DataGridPro","r","ANALYTICS_EVENTS","newModel","TrendsDrawer","dateRange","isOpen","onClose","accounts","useGlobalUiStore","commonCopy","setFilter","sortedTransactions","useTransactionStore","guid","setGuid","transaction","t","handleClose","jsxs","Drawer","TransactionDetails","TransactionList","TrendsDrawer$1","observer","tempCopy","TrendsFullWidget","onBackClick","theme","useTheme","isDesktop","isTablet","isMobile","useScreenSize","useAccountStore","loadMonthlyCategoryTotals","useCategoryStore","transactions","isInitialized","selectedAccounts","setSelectedAccounts","isDark","isWidgetInitialized","setIsWidgetInitialized","showTransactions","setShowTransactions","selectedTab","setSelectedTab","setSelectedCategory","setSelectedDateRange","addSeconds","endOfMonth","subMonths","chartData","data","filteredData","d","getTopLevelCategoryTotals","isExpense","isIncome","dateRangeText","startDate","endDate","onTabChange","_event","newValue","onRangeChanged","months","differenceInCalendarMonths","onAccountsFilterClick","onClickLegend","onHoverLegend","onHoverArea","category","onHoverPoint","Loader","WidgetContainer","ToggleButtonGroup","tab","ToggleButton","Icon","Button","StackedLineChart","TrendsFullWidget$1","SpendingChart","trendsCopy","getSpendingData","LineChart","SpendingChart$1","TrendsMiniWidget","onPrimaryCtaClick","useGlobalStore","MiniWidgetContainer","TrendsMiniWidget$1"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0BA,MAAMA,KAAmB,CAACC,MACjBC,EAAeD,CAAY,KAAKC,EAAe,SAGlDC,KAAkB,CAACF,MAChBG,EAAmBH,CAAY;AAGxC,SAASI,GAAqBC,GAAaC,GAAqB;AAC9D,QAAMC,IAAS,CAAA,GACTC,IAAU,IAAI,KAAKH,CAAK;AAE9B,SAAOG,KAAWF,KAAK;AACf,UAAAG,IAAOD,EAAQ,eACfE,IAAQ,OAAOF,EAAQ,SAAA,IAAa,CAAC,EAAE,SAAS,GAAG,GAAG;AAC5D,IAAAD,EAAO,KAAK,CAAO,GAAGE,CAAI,GAAGC,CAAK,EAAG,GACrCF,EAAQ,SAASA,EAAQ,SAAS,IAAI,CAAC;AAAA,EACzC;AAEO,SAAAD;AACT;AAEA,MAAMI,KAA8B,CAACC,MACbA,EAAO,OAAO,CAACL,GAAQM,MAAS;AACpD,QAAMC,IAA+B;AAAA,IACnC,yBAAyBD,EAAK;AAAA,IAC9B,eAAeA,EAAK;AAAA,IACpB,QAAQA,EAAK;AAAA,IACb,YAAYA,EAAK;AAAA,EAAA,GAGb,EAAE,yBAAAE,GAAyB,eAAAC,EAAkB,IAAAF;AAG/C,SAACP,EAAOS,CAAa,MAChBT,EAAAS,CAAa,IAAI,KAEnBT,EAAAS,CAAa,EAAE,KAAKF,CAAS,GAGhCC,MAA4BC,MACzBT,EAAOQ,CAAuB,MAC1BR,EAAAQ,CAAuB,IAAI,KAE7BR,EAAAQ,CAAuB,EAAE,KAAKD,CAAS,IAGzCP;AACT,GAAG,CAA8B,CAAA,GAKtBU,KAA0B,CACrCL,GACAP,GACAC,MAC2B;AACrB,QAAAY,IAAgBP,GAA4BC,CAAM,GAClDO,IAAaf,GAAqBC,GAAOC,CAAG;AAiC3C,SA/BW,OAAO,QAAQY,CAAa,EAAE,IAAI,CAAC,CAAClB,GAAcY,CAAM,MAAM;AACxE,UAAAQ,IAAuBR,EAAO,CAAC,EAAE,yBAEjCS,IAAmBF,EAEtB,IAAI,CAACG,MAAc;AAKlB,YAAMC,IAAWX,EACd,OAAO,CAACY,MAAUA,EAAM,eAAeF,CAAS,EAChD,OAAO,CAACG,GAAKD,MAAUC,IAAM,KAAK,IAAID,EAAM,MAAM,GAAG,CAAC,GAEnDf,IAAO,OAAO,OAAOa,CAAS,EAAE,MAAM,GAAG,CAAC,CAAC,GAC3CZ,IAAQ,OAAO,OAAOY,CAAS,EAAE,MAAM,CAAC,CAAC;AAG/C,aAAO,EAAE,GAFI,IAAI,KAAKb,GAAMC,IAAQ,CAAC,GAEnB,GAAGa,EAAS;AAAA,IAC/B,CAAA,EACA,KAAK,CAACG,GAAGC,MAAMD,EAAE,EAAE,QAAQ,IAAIC,EAAE,EAAE,QAAS,CAAA;AAExC,WAAA;AAAA,MACL,yBAAyBP;AAAA,MACzB,eAAepB;AAAA,MACf,eAAeE,GAAgBF,CAAY;AAAA,MAC3C,gBAAgBD,GAAiBqB,CAAoB;AAAA,MACrD,SAAAC;AAAA,IAAA;AAAA,EACF,CACD;AAGH,GAEaO,KAAsD,CAACC,GAAIC,MAAO;AACvE,QAAAC,IAAO,OAAOF,KAAO,WAAW,WAAWA,EAAG,QAAQ,cAAc,EAAE,CAAC,IAAIA,GAC3EG,IAAO,OAAOF,KAAO,WAAW,WAAWA,EAAG,QAAQ,cAAc,EAAE,CAAC,IAAIA;AAEzE,UAAAC,KAAQ,MAAMC,KAAQ;AAChC,GCzHaC,KAAa,CAACC,MAA2B;AACpD,QAAMC,IAASD,EAAO,IAAIA,EAAO,KAAK;AAEtC,SACG,gBAAAE,EAAAC,GAAA,EAAM,YAAW,YAAW,UAAUH,EAAO,UAC5C,UAAA,gBAAAE,EAACE,IAAa,EAAA,QAAAH,GAAgB,SAAQ,QAAA,CAAQ,EAChD,CAAA;AAEJ,GCNMI,KAGD,CAAC,EAAE,cAAAvC,GAAc,sBAAAoB,QAA2B;AAC/C,QAAM,EAAE,YAAYoB,EAAK,IAAIC,EAAmB,GAC1CC,IAAevC,EAAmBH,CAAY;AAEpD,2BACGqC,GAAM,EAAA,YAAW,UAAS,WAAU,OAAM,gBAAe,UACxD,UAAA;AAAA,IAAA,gBAAAD;AAAA,MAACO;AAAA,MAAA;AAAA,QACC,cAAYC,GAAiBJ,EAAK,0BAA0BE,CAAY;AAAA,QACxE,MAAK;AAAA,QAEL,UAAA,gBAAAN,EAACS,IAAa,EAAA,cAAczB,EAAsB,CAAA;AAAA,MAAA;AAAA,IACpD;AAAA,IACA,gBAAAgB,EAACU,GAAK,EAAA,IAAI,EAAE,IAAI,IAAI,IAAI,EAAE,GAAG,SAAQ,SAClC,UACHJ,EAAA,CAAA;AAAA,EACF,EAAA,CAAA;AAEJ,GAEaK,KAAe,CAACb,MAEzB,gBAAAE,EAACC,KAAM,YAAW,UAAS,WAAU,OAAM,QAAO,QAAO,OAAM,QAC7D,UAAA,gBAAAD;AAAA,EAACG;AAAA,EAAA;AAAA,IACC,cAAcL,EAAO,IAAI;AAAA,IACzB,sBAAsBA,EAAO,IAAI;AAAA,EAAA;AAErC,EAAA,CAAA,GCnBEc,KAAuB,CAAC3C,GAAaC,MAAwB;AACjE,QAAMC,IAAmB,CAAA,GACnBC,IAAU,IAAI,KAAKH,CAAK;AAE9B,SAAOG,KAAWF,KAAK;AACrB,UAAM2C,IAAgBC,EAAW1C,GAAS2C,EAAkB,KAAK;AACjE,IAAA5C,EAAO,KAAK0C,CAAa,GACzBzC,EAAQ,SAASA,EAAQ,SAAS,IAAI,CAAC;AAAA,EACzC;AAEO,SAAAD;AACT,GAiBM6C,KAA0C,CAAC;AAAA,EAC/C,uBAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,IAAAC,IAAK,CAAC;AACR,MAAM;AACE,QAAA,EAAE,SAAAC,MAAYC,KACdC,IAAYX,EAAW,oBAAI,KAAK,GAAGC,EAAkB,WAAW,GAChE,CAACW,GAAWC,CAAY,IAAIC,EAAM,SAAwB;AAAA,IAC9D,EAAE,OAAOH,GAAW,MAAM,OAAO;AAAA,EAAA,CAClC,GAGKI,IAAcD,EAAM,QAAQ,MACzBhB,GAAqBM,EAAkB,OAAOA,EAAkB,GAAG,GACzE,CAACA,CAAiB,CAAC,GAEhBY,IAAwB;AAAA,IAC5B;AAAA,MACE,OAAO;AAAA,MACP,YAAY;AAAA,MACZ,UAAU;AAAA,MACV,cAAcC;AAAA,MACd,YAAYpB;AAAA,MACZ,UAAU;AAAA,MACV,MAAM;AAAA,IACR;AAAA,IACA,GAAGkB,EAAY;AAAA,MACb,CAACG,OACE;AAAA,QACC,OAAOA;AAAA,QACP,YAAAA;AAAA,QACA,UAAU;AAAA,QACV,cAAcD;AAAA,QACd,YAAYlC;AAAA,QACZ,OAAO;AAAA,QACP,aAAa;AAAA,QACb,UAAU;AAAA,QACV,eAAe;AAAA,QACf,MAAM;AAAA,QACN,gBAAgBL;AAAA,MAAA;AAAA,IAEtB;AAAA,EAAA,GAGIyC,IAAOL,EAAM,QAAQ,MAAM;AAS/B,UAAM9C,KARyBqC,IAC3BF,EAAsB;AAAA,MACpB,CAAC7B,MACCA,EAAM,kBAAkB+B,KACxB/B,EAAM,4BAA4B+B;AAAA,IAEtC,IAAAF,GAEyC;AAAA,MAC3C,CAACiB,GAAqCzD,MAAS;AAC7C,cAAM,EAAE,eAAAG,GAAe,yBAAAD,GAAyB,OAAAL,GAAO,OAAAc,GAAO,MAAAf,EAAS,IAAAI,GAGjE0D,IAAWhB,IAAmBvC,IAAgBD;AAEhD,QAACuD,EAAOC,CAAQ,MAClBD,EAAOC,CAAQ,IAAI;AAAA,UACjB,IAAIA;AAAA,UACJ,UAAUA;AAAA,UACV,eAAAvD;AAAA,UACA,yBAAAD;AAAA,QAAA;AAKE8C,cAAAA,IAAYX,EAAW,IAAI,KAAKzC,GAAMC,IAAQ,CAAC,GAAGyC,EAAkB,WAAW;AAGrF,eAAKmB,EAAOC,CAAQ,EAAEV,CAAS,MACtBS,EAAAC,CAAQ,EAAEV,CAAS,IAAI,IAEzBS,EAAAC,CAAQ,EAAEV,CAAS,IAAKS,EAAOC,CAAQ,EAAEV,CAAS,IAAerC,GAEjE8C;AAAA,MACT;AAAA,MACA,CAAC;AAAA,IAAA;AAII,WAAA,OAAO,OAAOpD,CAAa;AAAA,EAAA,GACjC,CAACmC,GAAuBE,CAAgB,CAAC;AAE5C,SACG,gBAAAnB,EAAAO,GAAA,EAAI,IAAI,EAAE,QAAAc,GAAgB,OAAO,QAAQ,WAAW,QAAQ,WAAW,QAAQ,GAAGC,KACjF,UAAA,gBAAAtB;AAAA,IAACoC;AAAA,IAAA;AAAA,MACC,SAAAN;AAAA,MACA,qBAAqB;AAAA,MACrB,mBAAmB;AAAA,MACnB,YAAY;AAAA,MACZ,cAAc,EAAE,SAAS,EAAE,WAAAJ,IAAY;AAAA,MACvC,YAAY,CAACW,MAAM;AACJ,QAAAjB,IAAAiB,EAAE,IAAI,QAAQ,GAC3Bd,EAAQe,EAAiB,sBAAsB;AAAA,MACjD;AAAA,MACA,mBAAmB,CAACC,MAAa;AAC/B,QAAAZ,EAAaY,CAAQ,GACrBhB,EAAQe,EAAiB,uBAAuB;AAAA,MAClD;AAAA,MACA,MAAAL;AAAA,MACA,WAAW,EAAE,gBAAgB,EAAE,OAAO,aAAa,IAAI,EAAE,IAAI,EAAE,IAAI;AAAA,MACnE,WAAAP;AAAA,MACA,cAAc,CAAC,OAAO,MAAM;AAAA,IAAA;AAAA,EAEhC,EAAA,CAAA;AAEJ,GChJMtB,KAAO;AAAA,EACX,OAAO;AACT,GAYMoC,KAA4C,CAAC;AAAA,EACjD,cAAA5E;AAAA,EACA,WAAA6E;AAAA,EACA,QAAAC;AAAA,EACA,SAAAC;AACF,MAAM;AACE,QAAA,EAAE,SAAApB,MAAYC,KACd,EAAE,sBAAsBoB,EAAS,IAAIC,EAAiB,GACtD,EAAE,QAAQC,EAAW,IAAIzC,EAAmB,GAC5C,EAAE,WAAA0C,GAAW,oBAAAC,EAAmB,IAAIC,EAAoB,GAExD,CAACC,GAAMC,CAAO,IAAIvB,EAAM,SAAS,EAAE,GACnCwB,IAAcxB,EAAM,QAAQ,MAAMoB,EAAmB,KAAK,CAACK,MAAMA,EAAE,SAASH,CAAI,GAAG,CAACA,CAAI,CAAC;AAE/F,EAAAtB,EAAM,UAAU,MAAM;AACV,IAAAmB,EAAA;AAAA,MACR,UAAAH;AAAA,MACA,WAAAH;AAAA,MACA,QAAQ,CAACY,MACPzF,MAAiB,MACjBA,MAAiByF,EAAE,iBACnBzF,MAAiByF,EAAE;AAAA,IAAA,CACtB;AAAA,EACA,GAAA,CAACT,GAAUhF,GAAc6E,CAAS,CAAC,GAEtCb,EAAM,UAAU,MAAML,EAAQe,EAAiB,wBAAwB,GAAG,CAAA,CAAE;AAE5E,QAAMgB,IAAc,MAAM;AACxB,IAAAH,EAAQ,EAAE,GACFR;EAAA;AAIR,SAAA,gBAAAY;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,gBAAgBV,EAAW;AAAA,MAC3B,QAAAJ;AAAA,MACA,SAASY;AAAA,MACT,OAAOlD,GAAK;AAAA,MAEX,UAAA;AAAA,QAAegD,KAAA,gBAAApD,EAACyD,MAAmB,aAAAL,EAA0B,CAAA;AAAA,QAC7D,CAACA,KAAgB,gBAAApD,EAAA0D,IAAA,EAAgB,SAASP,EAAS,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG1D,GAEeQ,KAAAC,EAASpB,EAAY,GChC9BqB,KAAW;AAAA,EACf,mBAAmB;AACrB,GAEMC,KAA0C,CAAC,EAAE,aAAAC,GAAa,IAAAzC,QAAS;AACvE,QAAM0C,IAAQC,KACR,EAAE,SAAA1C,MAAYC,KACd,EAAE,WAAA0C,GAAW,UAAAC,GAAU,UAAAC,MAAaC,GAAc,GAClD,EAAE,UAAAzB,MAAa0B,MACf,EAAE,2BAAAC,GAA2B,uBAAAtD,GAAuB,iBAAAnD,MAAoB0G,EAAiB,GACzF,EAAE,oBAAoBC,EAAa,IAAIxB,EAAoB,GAC3D,EAAE,eAAAyB,GAAe,kBAAAC,GAAkB,qBAAAC,MAAwB/B,EAAiB,GAC5E,EAAE,QAAQzC,EAAK,IAAIC,EAAmB,GAEtCwE,IAASb,EAAM,QAAQ,SAAS,QAEhC,CAACc,GAAqBC,CAAsB,IAAInD,EAAM,SAAS,EAAK,GACpE,CAACoD,GAAkBC,CAAmB,IAAIrD,EAAM,SAAS,EAAK,GAC9D,CAACsD,GAAaC,CAAc,IAAIvD,EAAM,SAAS,OAAO,GACtD,CAACT,GAAkBiE,CAAmB,IAAIxD,EAAM,SAAS,EAAE,GAE3D,CAACV,GAAmBmE,EAAoB,IAAIzD,EAAM,SAAS;AAAA,IAC/D,OAAO0D,EAAWC,EAAWC,GAAU,oBAAI,QAAQ,CAAC,CAAC,GAAG,CAAC;AAAA,IACzD,KAAKD,EAAe,oBAAA,MAAM;AAAA,EAAA,CAC3B;AAGD,EAAA3D,EAAM,UAAU,MAAM;AACpB,IAAAgD,EAAoBhC,CAAQ;AAAA,EAAA,GAC3B,CAACA,CAAQ,CAAC,GAGbhB,EAAM,UAAU,MAAM;AACpB,IAAI8C,KACFH;AAAA,MACEI;AAAA,MACAzD,EAAkB;AAAA,MAClBA,EAAkB;AAAA,IACpB,EAAE,QAAQ,MAAM;AACd,MAAA6D,EAAuB,EAAI;AAAA,IAAA,CAC5B;AAAA,EAEF,GAAA,CAACL,GAAeC,GAAkBzD,CAAiB,CAAC;AAGjD,QAAAuE,IAAY7D,EAAM,QAAQ,MAAM;AAChC,QAAA,CAACkD,EAA4B,QAAA,EAAE,iBAAiB,CAAA,GAAI,mBAAmB,CAAA;AAE3E,UAAMY,IAAO7G;AAAA,MACXoC;AAAA,MACAC,EAAkB;AAAA,MAClBA,EAAkB;AAAA,IAAA,GAGdyE,IAAexE,EAAiB,SAClCuE,EAAK;AAAA,MACH,CAACE,MACCA,EAAE,4BAA4BzE,KAAoByE,EAAE,kBAAkBzE;AAAA,IAAA,IAE1E0E,GAA0BH,CAAI;AAE3B,WAAA;AAAA,MACL,iBAAiBC,EAAa,OAAOG,EAAS;AAAA,MAC9C,mBAAmBH,EAAa,OAAOI,EAAQ;AAAA,IAAA;AAAA,EAEhD,GAAA,CAAC9E,GAAuBE,GAAkBD,CAAiB,CAAC,GAIzD8E,KAAgBpE,EAAM,QAAQ,MAAM;AACxC,UAAMqE,IAAYnF;AAAA,MAChBI,EAAkB;AAAA,MAClBkD,IAAWrD,EAAkB,mBAAmBA,EAAkB;AAAA,IAAA,GAE9DmF,IAAUpF;AAAA,MACdI,EAAkB;AAAA,MAClBkD,IAAWrD,EAAkB,mBAAmBA,EAAkB;AAAA,IAAA;AAE7D,WAAA,GAAGkF,CAAS,MAAMC,CAAO;AAAA,EAAA,GAC/B,CAAChF,GAAmBkD,CAAQ,CAAC,GAE1B+B,KAAc,CAACC,GAA8BC,MAAqB;AACtE,IAAAlB,EAAekB,KAAYnB,CAAW,GACtC3D,EAAQe,EAAiB,mBAAmB;AAAA,EAAA,GAGxCgE,KAAiB,CAAC7D,MAA+B;AACrD,UAAMwD,IAAYX,EAAW7C,IAAY,CAAC,GAAW,CAAC,GAChDyD,IAAUzD,IAAY,CAAC,GACvB8D,KAASC,GAA2BN,GAASD,CAAS;AAE5D,IAAAZ,GAAqB,EAAE,OAAOY,GAAW,KAAKC,EAAS,CAAA,GACvD3E,EAAQe,EAAiB,mBAAmB;AAAA,MAC1C,aAAaiE,KAAS;AAAA,IAAA,CACvB;AAAA,EAAA,GAGGE,KAAwB,MAAM;AAClC,IAAAlF,EAAQe,EAAiB,mBAAmB;AAAA,EAAA,GAExClB,KAAa,CAAC8B,MAAiB;AACnC,IAAAkC,EAAoBlC,CAAI;AAAA,EAAA,GAEpBwD,KAAgB,CAACxD,MAAiB;AACtC,IAAAkC,EAAoBlC,CAAI,GACxB3B,EAAQe,EAAiB,qBAAqB,EAAE,UAAUxE,EAAgBoF,CAAI,GAAG;AAAA,EAAA,GAE7EyD,KAAgB,CAACzD,MAAiB;AACtC,IAAA3B,EAAQe,EAAiB,qBAAqB,EAAE,UAAUxE,EAAgBoF,CAAI,GAAG;AAAA,EAAA,GAE7E0D,KAAc,CAACC,MAAqB;AACxC,IAAAtF,EAAQe,EAAiB,mBAAmB,EAAE,UAAAuE,EAAU,CAAA;AAAA,EAAA,GAEpDC,KAAe,CAACD,MAAqB;AACzC,IAAAtF,EAAQe,EAAiB,oBAAoB,EAAE,UAAAuE,EAAU,CAAA;AAAA,EAAA;AAG3D,SAAI,CAACnC,KAAiB,CAACI,sBAA6BiC,GAAO,CAAA,CAAA,IAGzD,gBAAAxD;AAAA,IAACyD;AAAA,IAAA;AAAA,MACC,gBAAgBpE;AAAA,MAChB,iBAAiB,EAAE,gBAAA0D,GAAe;AAAA,MAClC,WAAWpF;AAAA,MACX,kBAAiB;AAAA,MACjB,uBAAAuF;AAAA,MACA,aAAA1C;AAAA,MACA,IAAAzC;AAAA,MACA,OAAOlB,EAAK;AAAA,MAEZ,UAAA;AAAA,QAAA,gBAAAmD;AAAA,UAACtD;AAAA,UAAA;AAAA,YACC,IAAI;AAAA;AAAA,cAEF,IAAIiE,IAAY,KAAKC,IAAW,KAAK;AAAA,YACvC;AAAA,YAEA,UAAA;AAAA,cAAA,gBAAAZ;AAAA,gBAACtD;AAAA,gBAAA;AAAA,kBACC,eAAc;AAAA,kBACd,gBAAe;AAAA,kBACf,IAAI,EAAE,IAAImE,IAAW,KAAK,IAAI,IAAIA,IAAW,KAAK,GAAG;AAAA,kBAErD,UAAA;AAAA,oBAAA,gBAAAb,EAAChD,KAAI,IAAI,EAAE,IAAI,IAAI,UAAU,MAC3B,GAAA,UAAA;AAAA,sBAAA,gBAAAP;AAAA,wBAACU;AAAA,wBAAA;AAAA,0BACC,SAAQ;AAAA,0BACR,YAAY;AAAA,0BACZ,IAAI;AAAA,4BACF,YAAY;AAAA,4BACZ,UAAU;AAAA,4BACV,cAAc;AAAA,0BAChB;AAAA,0BACA,SAASwD,IAAY,OAAO;AAAA,0BAE3B,UAAApG,EAAgBqD,CAAgB,KAAKf,EAAK;AAAA,wBAAA;AAAA,sBAC7C;AAAA,wCACCM,GAAK,EAAA,SAASwD,IAAY,SAAS,SAAU,UAAc8B,IAAA;AAAA,oBAAA,GAC9D;AAAA,oBACA,gBAAAhG;AAAA,sBAACiH;AAAA,sBAAA;AAAA,wBACC,WAAW;AAAA,wBACX,UAAUd;AAAA,wBACV,aAAY;AAAA,wBACZ,OAAOjB;AAAA,wBAEN,WAAC,SAAS,OAAO,EAAE,IAAI,CAACgC,MACvB,gBAAAlH;AAAA,0BAACmH;AAAA,0BAAA;AAAA,4BAEC,IAAI;AAAA,8BACF,UAAU;AAAA,8BACV,YAAY;AAAA,8BACZ,QAAQ;AAAA,8BACR,OAAO;AAAA,8BACP,OAAOtC,IAASb,EAAM,QAAQ,KAAK,GAAG,IAAIA,EAAM,QAAQ,KAAK,GAAG;AAAA,8BAChE,aAAaa,IAASb,EAAM,QAAQ,KAAK,GAAG,IAAIA,EAAM,QAAQ,KAAK,GAAG;AAAA,8BACtE,WAAW;AAAA,gCACT,iBAAiBa,IAAS,GAAGb,EAAM,QAAQ,QAAQ,MAAM,OAAO;AAAA,gCAChE,aAAaa,IAASb,EAAM,QAAQ,KAAK,GAAG,IAAIA,EAAM,QAAQ,QAAQ;AAAA,gCACtE,OAAOa,IAASb,EAAM,QAAQ,QAAQ,QAAQA,EAAM,QAAQ,QAAQ;AAAA,8BACtE;AAAA,8BACA,kBAAkB;AAAA,gCAChB,iBAAiBa,IACbb,EAAM,QAAQ,QAAQ,SACtBA,EAAM,QAAQ,QAAQ;AAAA,gCAC1B,aAAaa,IAASb,EAAM,QAAQ,QAAQ,QAAQA,EAAM,QAAQ,QAAQ;AAAA,gCAC1E,OAAOa,IAASb,EAAM,QAAQ,OAAO,QAAQA,EAAM,QAAQ,QAAQ;AAAA,8BACrE;AAAA,8BACA,kBAAkB;AAAA,gCAChB,aAAaa,IAASb,EAAM,QAAQ,KAAK,GAAG,IAAIA,EAAM,QAAQ,KAAK,GAAG;AAAA,gCACtE,OAAOA,EAAM,QAAQ,KAAK,GAAG;AAAA,8BAC/B;AAAA,4BACF;AAAA,4BACA,OAAOkD;AAAA,4BAEN,UAAAA,MAAQ,UACP,gBAAAlH,EAACoH,GAAK,EAAA,MAAK,mBAAmB,CAAA,IAE9B,gBAAApH,EAACoH,GAAK,EAAA,MAAK,uBAAuB,CAAA;AAAA,0BAAA;AAAA,0BA9B/BF;AAAA,wBAAA,CAiCR;AAAA,sBAAA;AAAA,oBACH;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACF;AAAA,gCACCjH,GAAM,EAAA,YAAW,UAAS,eAAc,OAAM,OAAM,QACnD,UAAA;AAAA,gBAAA,gBAAAD,EAACO,KAAI,UAAU,GACZ,UACCY,KAAA,gBAAAoC,EAAC8D,KAAO,SAAS,MAAMjC,EAAoB,EAAE,GAAG,IAAI,EAAE,GAAG,GAAG,IAAI,EAC9D,GAAA,UAAA;AAAA,kBAAC,gBAAApF,EAAAoH,GAAA,EAAK,MAAK,aAAa,CAAA;AAAA,kBACvBhH,EAAK;AAAA,gBAAA,EAAA,CACR,EAEJ,CAAA;AAAA,kCACCiH,GAAO,EAAA,SAAS,MAAMpC,EAAoB,EAAI,GAAG,IAAI,EAAE,IAAI,KACzD,UAAG,GAAApB,GAAS,iBAAiB,KAAKY,EAAa,MAAM,KACxD;AAAA,cAAA,GACF;AAAA,gCACClE,GACE,EAAA,UAAA;AAAA,gBAAA2E,MAAgB,WACf,gBAAAlF;AAAA,kBAACsH;AAAA,kBAAA;AAAA,oBACC,eAAAZ;AAAA,oBACA,aAAAE;AAAA,oBACA,eAAAD;AAAA,oBACA,cAAAG;AAAA,oBACA,iBAAiBrB,EAAU;AAAA,oBAC3B,mBAAmBA,EAAU;AAAA,kBAAA;AAAA,gBAC/B;AAAA,gBAEDP,MAAgB,WACf,gBAAAlF;AAAA,kBAACgB;AAAA,kBAAA;AAAA,oBACC,uBAAAC;AAAA,oBACA,YAAAG;AAAA,oBACA,kBAAAD;AAAA,oBACA,mBAAAD;AAAA,kBAAA;AAAA,gBACF;AAAA,cAAA,GAEJ;AAAA,YAAA;AAAA,UAAA;AAAA,QACF;AAAA,QACA,gBAAAlB;AAAA,UAACwC;AAAAA,UAAA;AAAA,YACC,cAAcrB;AAAA,YACd,WAAWD;AAAA,YACX,QAAQ8D;AAAA,YACR,SAAS,MAAMC,EAAoB,EAAK;AAAA,UAAA;AAAA,QAC1C;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN,GAEesC,KAAA3D,EAASE,EAAgB,GCvRlC0D,KAAgB,MAAM;AAC1B,QAAMxD,IAAQC,KACR,EAAE,uBAAAhD,MAA0BuD,KAC5B,EAAE,QAAQiD,EAAW,IAAIpH,EAAmB,GAE5CqF,IAAOgC,GAAgBzG,CAAqB;AAGhD,SAAA,gBAAAjB;AAAA,IAAC2H;AAAA,IAAA;AAAA,MACC,UAAS;AAAA,MACT,QAAQ,CAAC3D,EAAM,QAAQ,QAAQ,IAAI;AAAA,MACnC,UAAU,CAAC0B,CAAI;AAAA,MACf,QAAQ;AAAA,MACR,QAAQ,CAAC+B,EAAW,cAAc;AAAA,MAClC,UAAU;AAAA,MACV,aAAa;AAAA,MACb,eAAe;AAAA,MACf,eAAe;AAAA,IAAA;AAAA,EAAA;AAGrB,GAEeG,KAAAhE,EAAS4D,EAAa,GCb/BK,KAA8C,CAAC,EAAE,mBAAAC,GAAmB,IAAAxG,QAAS;AAC3E,QAAA,EAAE,2BAAAiD,MAA8BC,KAChC,EAAE,eAAAE,MAAkBqD,MACpB,EAAE,QAAQN,EAAW,IAAIpH,EAAmB,GAC5C,EAAE,kBAAAsE,MAAqB9B,KAEvB,CAACiC,GAAqBC,CAAsB,IAAInD,EAAM,SAAS,EAAK;AAUtE,SARJA,EAAM,UAAU,MAAM;AACpB,IAAI8C,KACwBH,EAAAI,CAAgB,EAAE,QAAQ,MAAM;AACxD,MAAAI,EAAuB,EAAI;AAAA,IAAA,CAC5B;AAAA,EACH,GACC,CAACL,GAAeC,CAAgB,CAAC,GAEhC,CAACD,KAAiB,CAACI,sBACbiC,GAAO,CAAA,CAAA,IAIf,gBAAA/G;AAAA,IAACgI;AAAA,IAAA;AAAA,MACC,mBAAAF;AAAA,MACA,iBAAiBL,EAAW;AAAA,MAC5B,UAAUA,EAAW;AAAA,MACrB,IAAAnG;AAAA,MACA,OAAOmG,EAAW;AAAA,MAElB,4BAACD,IAAc,EAAA;AAAA,IAAA;AAAA,EAAA;AAGrB,GAEeS,KAAArE,EAASiE,EAAgB;"}