@mx-cartographer/experiences 9.2.4-alpha.al5 → 9.3.0-alph.bb2

package/dist/spending/index.es.js

@@ -1,493 +1,6 @@
-import { jsxs as p, jsx as t } from "react/jsx-runtime";
-import c from "react";
-import { observer as I } from "mobx-react-lite";
-import { startOfMonth as at } from "date-fns/startOfMonth";
-import { endOfMonth as it } from "date-fns/endOfMonth";
-import L from "@mui/material/Box";
-import y from "@mui/material/Stack";
-import $ from "@mui/material/Tab";
-import rt from "@mui/material/Tabs";
-import { useTheme as _t } from "@mui/material/styles";
-import { g as st, a as lt, S as B, b as q } from "../SpendingLegend-CxvNOg3c.mjs";
-import { Text as T, Icon as bt } from "@mxenabled/mxui";
-import { f as k } from "../NumberFormatting--XMeeBfr.mjs";
-import { u as A, l as R, c as ct, a as P, i as H, g as dt, f as yt } from "../hooks-97sNJ_lf.mjs";
-import { u as gt } from "../useWidgetLoadTimer-B0tB-yzL.mjs";
-import { L as pt } from "../Loader-CxeBwuPG.mjs";
-import { M as Ct } from "../MiniWidgetContainer-Bmv_WeUd.mjs";
-import { startOfToday as J } from "date-fns/startOfToday";
-import St from "@mui/material/Button";
-import { useTheme as Tt } from "@mui/material";
-import { e as Mt } from "../TransactionUtils-BphBJBbU.mjs";
-import { T as Dt } from "../EmbeddedCard-B1xiWlSD.mjs";
-import { T as xt } from "../TransactionDetails-Nuyunc5m.mjs";
-import vt from "@mui/material/Collapse";
-import wt from "@mui/material/Divider";
-import Q from "@mui/material/List";
-import X from "@mui/material/ListItem";
-import Z from "@mui/material/ListItemButton";
-import { u as Lt } from "../useScreenSize-mWpmnh5w.mjs";
-import { D as tt } from "../Drawer-BDN1RgiP.mjs";
-import { C as w } from "../Category-DEKZGLYe.mjs";
-import { parseISO as et } from "date-fns/parseISO";
-import { A as nt } from "../Analytics-D-jdcL72.mjs";
-import { W as It } from "../WidgetContainer-By47tuTw.mjs";
-const G = ({ amount: n, label: d, variant: o = "full" }) => /* @__PURE__ */ p(y, { direction: "column", children: [
-  /* @__PURE__ */ t(T, { bold: !0, sx: { textTransform: "none" }, variant: "body1", children: d }),
-  /* @__PURE__ */ t(T, { variant: "caption", children: k(n, o === "mini" ? "0,0" : "0,0.00") })
-] }), At = () => {
-  const n = _t(), { goals: d, spending: o } = A(), { categories: a, dateRangeCategoryTotals: i } = R(), g = c.useMemo(
-    () => [
-      n.palette.chartMono.chartMono5,
-      n.palette.chartMono.chartMono4,
-      n.palette.chartMono.chartMono3,
-      n.palette.chartMono.chartMono2,
-      n.palette.chartMono.chartMono1,
-      n.palette.chartMono.chartMono6
-    ],
-    [n]
-  ), [e, r] = c.useState(""), [s, f] = c.useState(0), u = c.useMemo(
-    () => st(a, d, n, i),
-    [a, i]
-  ), h = c.useMemo(
-    () => lt(a, i, g),
-    [a, i, g]
-  ), M = (b, D) => {
-    f(D), r("");
-  }, _ = (b) => {
-    r(e === b ? "" : b);
-  };
-  return /* @__PURE__ */ p(L, { width: "100%", children: [
-    /* @__PURE__ */ p(
-      rt,
-      {
-        "aria-label": o.mini_title,
-        onChange: M,
-        sx: { touchAction: "manipulation" },
-        value: s,
-        variant: "fullWidth",
-        children: [
-          /* @__PURE__ */ t(
-            $,
-            {
-              "aria-controls": "spending-tabpanel",
-              id: "spending-tab",
-              label: /* @__PURE__ */ t(
-                G,
-                {
-                  amount: u.totalAmount,
-                  label: o.spend_tab_title,
-                  variant: "mini"
-                }
-              ),
-              tabIndex: s === 0 ? 0 : -1
-            }
-          ),
-          /* @__PURE__ */ t(
-            $,
-            {
-              "aria-controls": "income-tabpanel",
-              id: "income-tab",
-              label: /* @__PURE__ */ t(
-                G,
-                {
-                  amount: h.totalAmount,
-                  label: o.income_tab_title,
-                  variant: "mini"
-                }
-              ),
-              tabIndex: s === 1 ? 0 : -1
-            }
-          )
-        ]
-      }
-    ),
-    /* @__PURE__ */ t(
-      L,
-      {
-        "aria-labelledby": "spending-tab",
-        hidden: s !== 0,
-        id: "spending-tabpanel",
-        role: "tabpanel",
-        children: /* @__PURE__ */ p(y, { direction: "row", gap: 16, justifyContent: "center", p: 24, children: [
-          /* @__PURE__ */ t(
-            B,
-            {
-              data: u,
-              onSelected: _,
-              selectedId: e,
-              totalLabel: o.total_spending
-            }
-          ),
-          /* @__PURE__ */ t(q, { data: u, onSelected: _, selectedId: e })
-        ] })
-      }
-    ),
-    /* @__PURE__ */ t(
-      L,
-      {
-        "aria-labelledby": "income-tab",
-        hidden: s !== 1,
-        id: "income-tabpanel",
-        role: "tabpanel",
-        children: /* @__PURE__ */ p(y, { direction: "row", gap: 16, justifyContent: "center", p: 24, children: [
-          /* @__PURE__ */ t(
-            B,
-            {
-              data: h,
-              isIncome: !0,
-              onSelected: _,
-              selectedId: e,
-              totalLabel: o.total_income
-            }
-          ),
-          /* @__PURE__ */ t(q, { data: h, onSelected: _, selectedId: e })
-        ] })
-      }
-    )
-  ] });
-}, Et = I(At), Wt = ({ onPrimaryCtaClick: n, sx: d = {} }) => {
-  const { isAccountDataLoaded: o, loadAccountData: a } = ct(), { dateRangeTotalsLoaded: i, categoriesLoaded: g, loadCategories: e, loadDateRangeCategoryTotals: r } = R(), { spending: s } = A(), { isInitialized: f, selectedAccounts: u } = P();
-  return gt({
-    widgetName: "SpendingMiniWidget",
-    isLoaded: i
-  }), c.useEffect(() => {
-    o || a().finally(), g || e().finally();
-  }, []), c.useEffect(() => {
-    !f || !o || r(
-      u,
-      at(/* @__PURE__ */ new Date()),
-      it(/* @__PURE__ */ new Date())
-    ).finally();
-  }, [f, o, u]), !f || !o || !i ? /* @__PURE__ */ t(pt, {}) : /* @__PURE__ */ t(
-    Ct,
-    {
-      className: "mx-exp-spending-miniwidget",
-      onPrimaryCtaClick: n,
-      primaryCtaLabel: s.primary_cta,
-      primaryCtaLabelAria: s.primary_cta_aria,
-      sx: { height: "100%", ...d },
-      title: s.mini_title,
-      children: /* @__PURE__ */ t(Et, {})
-    }
-  );
-}, Ce = I(Wt), Rt = ({
-  data: n,
-  onSelected: d,
-  selectedId: o = "",
-  title: a
-}) => {
-  const { spending: i } = A(), g = n.categoryData.find((e) => e.guid === o);
-  return /* @__PURE__ */ p(y, { direction: "column", justifyContent: "center", maxWidth: 400, minWidth: 275, width: "100%", children: [
-    /* @__PURE__ */ t(T, { bold: !0, id: "spending-list-title", sx: { py: 12 }, variant: "h3", children: `${a} ${i.by_category}` }),
-    /* @__PURE__ */ t(wt, { "aria-hidden": "true" }),
-    /* @__PURE__ */ t(Q, { "aria-labelledby": "spending-list-title", children: n.categoryData.map((e) => /* @__PURE__ */ p(c.Fragment, { children: [
-      /* @__PURE__ */ t(
-        X,
-        {
-          disableGutters: !0,
-          disablePadding: !0,
-          sx: {
-            borderBottom: 1,
-            borderColor: "divider",
-            minHeight: 44
-          },
-          children: /* @__PURE__ */ p(
-            Z,
-            {
-              "aria-expanded": g?.guid === e.guid,
-              id: `spending-list-category-${e.guid}`,
-              onClick: () => d(e.guid),
-              sx: { minHeight: 44, px: 8, py: 0 },
-              children: [
-                /* @__PURE__ */ t(
-                  L,
-                  {
-                    "aria-hidden": "true",
-                    borderRadius: 4,
-                    flexShrink: 0,
-                    height: 8,
-                    role: "presentation",
-                    sx: { backgroundColor: e.color, mr: 8 },
-                    width: 8
-                  }
-                ),
-                /* @__PURE__ */ p(
-                  y,
-                  {
-                    alignItems: "center",
-                    direction: "row",
-                    justifyContent: "space-between",
-                    width: "100%",
-                    children: [
-                      /* @__PURE__ */ t(T, { bold: o === e.guid, children: e.name }),
-                      /* @__PURE__ */ t(T, { bold: o === e.guid, variant: "body1", children: k(e.amount, "0,0.00") })
-                    ]
-                  }
-                )
-              ]
-            }
-          )
-        }
-      ),
-      e.categoryTotals && e.categoryTotals.length > 0 && /* @__PURE__ */ t(vt, { in: g?.guid === e.guid, unmountOnExit: !0, children: /* @__PURE__ */ t(Q, { sx: { borderBottom: 1, borderColor: "divider" }, children: g?.categoryTotals?.map((r) => /* @__PURE__ */ t(
-        X,
-        {
-          sx: {
-            pl: 12,
-            py: 0
-          },
-          children: /* @__PURE__ */ t(
-            Z,
-            {
-              id: `spending-list-subcategory-${r.guid}`,
-              onClick: () => d(r.guid, !0),
-              sx: { minHeight: 44, px: 8, py: 0 },
-              children: /* @__PURE__ */ p(y, { direction: "row", justifyContent: "space-between", width: "100%", children: [
-                /* @__PURE__ */ p(T, { children: [
-                  r.name,
-                  " "
-                ] }),
-                /* @__PURE__ */ t(T, { children: k(r.amount, "0,0.00") })
-              ] })
-            }
-          )
-        },
-        r.guid
-      )) }) })
-    ] }, e.guid)) }),
-    /* @__PURE__ */ t(T, { bold: !0, sx: { mt: 12, pr: 8, textAlign: "right" }, children: `${i.total}: ${k(n.totalAmount, "0,0.00")}` })
-  ] });
-}, Nt = I(Rt), Ot = ({
-  data: n,
-  onSelected: d,
-  onViewTransactions: o,
-  selectedId: a,
-  title: i
-}) => {
-  const { isDesktop: g, isMobile: e } = Lt(), { dateRangeTotalsLoading: r } = R(), { spending: s } = A();
-  return /* @__PURE__ */ p(
-    y,
-    {
-      alignItems: e ? "center" : "flex-start",
-      direction: e ? "column" : "row",
-      gap: { xs: 16, md: 64, xl: 100 },
-      justifyContent: "center",
-      pt: 50,
-      px: 8,
-      children: [
-        r && /* @__PURE__ */ t(
-          B,
-          {
-            data: {
-              categoryData: [],
-              donutData: [],
-              totalAmount: 0
-            },
-            onSelected: () => {
-            },
-            selectedId: "",
-            size: g ? 400 : 300,
-            totalLabel: "Loading ...",
-            variant: "full"
-          }
-        ),
-        !r && /* @__PURE__ */ t(
-          B,
-          {
-            data: n,
-            onSelected: (h) => {
-              d(h), setTimeout(() => document.getElementById(`spending-list-category-${h}`)?.focus(), 0);
-            },
-            onViewTransactions: o,
-            selectedId: a,
-            size: g ? 400 : 300,
-            totalLabel: s.total_amount,
-            variant: "full"
-          }
-        ),
-        /* @__PURE__ */ t(Nt, { data: n, onSelected: d, selectedId: a, title: i })
-      ]
-    }
-  );
-}, ot = I(Ot), kt = (n) => [
-  n.palette.chartMono.chartMono5,
-  n.palette.chartMono.chartMono4,
-  n.palette.chartMono.chartMono3,
-  n.palette.chartMono.chartMono2,
-  n.palette.chartMono.chartMono1,
-  n.palette.chartMono.chartMono6
-], $t = () => {
-  const n = Tt(), { is_mobile_webview: d } = H(), { clientConfig: o } = H(), { categories: a, dateRangeCategoryTotals: i } = R(), {
-    goals: g,
-    spending: e,
-    transactions: r
-  } = A(), { displayedDateRange: s, selectedAccountGuids: f } = P(), {
-    setFilter: u,
-    sortedTransactions: h,
-    sortedTransactionsWithSplits: M,
-    tags: _
-  } = dt(), b = o?.master?.deep_link_params?.account_guids, D = o?.master?.deep_link_params?.view, [x, N] = c.useState(""), [v, C] = c.useState(D === "income" ? 1 : 0), [E, W] = c.useState(""), [O, j] = c.useState(!1), F = c.useMemo(
-    () => st(a, g, n, i),
-    [a, i]
-  ), K = c.useMemo(
-    () => lt(a, i, kt(n)),
-    [a, i]
-  ), V = c.useMemo(
-    () => h.find((l) => l.guid === E),
-    [E, h]
-  ), ut = (l, S) => {
-    C(S), N("");
-  }, U = (l, S = !1) => {
-    S ? mt(l) : N(x === l || l === "0" ? "" : l);
-  }, mt = (l) => {
-    u({
-      ...{
-        accounts: b || f,
-        dateRange: s
-      },
-      custom: (m) => x === "other" ? m.top_level_category_guid === l : m.category_guid === l,
-      showSplits: !0
-    }), j(!0);
-  }, Y = (l) => {
-    const S = {
-      accounts: b || f,
-      dateRange: s
-    };
-    if (v === 0)
-      if (l === "other") {
-        const m = F.categoryData.find((z) => z.guid === "other");
-        u({
-          ...S,
-          custom: (z) => !!m?.categoryTotals?.find((ft) => ft.guid === z.top_level_category_guid)
-        });
-      } else
-        u({
-          ...S,
-          custom: (m) => l ? m.top_level_category_guid === l : m.top_level_category_guid !== w.INCOME && m.category_guid !== w.INCOME && m.top_level_category_guid !== w.INVESTMENTS && m.top_level_category_guid !== w.TRANSFER,
-          showSplits: !!l
-        });
-    else
-      u({
-        ...S,
-        custom: (m) => l ? m.category_guid === l : m.category_guid === w.INCOME || m.top_level_category_guid === w.INCOME
-      });
-    j(!0);
-  }, ht = () => {
-    Mt(M, _);
-  };
-  return /* @__PURE__ */ p(L, { children: [
-    /* @__PURE__ */ p(rt, { onChange: ut, value: v, variant: "fullWidth", children: [
-      /* @__PURE__ */ t(
-        $,
-        {
-          label: /* @__PURE__ */ t(
-            G,
-            {
-              amount: F.totalAmount,
-              label: e.spend_tab_title
-            }
-          )
-        }
-      ),
-      /* @__PURE__ */ t(
-        $,
-        {
-          label: /* @__PURE__ */ t(
-            G,
-            {
-              amount: K.totalAmount,
-              label: e.income_tab_title
-            }
-          )
-        }
-      )
-    ] }),
-    v === 0 && /* @__PURE__ */ t(
-      ot,
-      {
-        data: F,
-        onSelected: U,
-        onViewTransactions: Y,
-        selectedId: x,
-        title: e.spend_tab_title
-      }
-    ),
-    v === 1 && /* @__PURE__ */ t(
-      ot,
-      {
-        data: K,
-        onSelected: U,
-        onViewTransactions: Y,
-        selectedId: x,
-        title: e.income_tab_title
-      }
-    ),
-    /* @__PURE__ */ t(
-      tt,
-      {
-        ariaLabelClose: e.close_drawer_aria,
-        isOpen: O,
-        onClose: () => j(!1),
-        title: e.transactions_drawer_title,
-        children: /* @__PURE__ */ p(y, { children: [
-          !d && h.length > 0 && /* @__PURE__ */ t(y, { direction: "row", justifyContent: "right", mb: -24, mr: 8, mt: 8, zIndex: 1, children: /* @__PURE__ */ t(
-            St,
-            {
-              onClick: ht,
-              startIcon: /* @__PURE__ */ t(bt, { name: "ios_share" }),
-              variant: "text",
-              children: r.export_csv_btn
-            }
-          ) }),
-          /* @__PURE__ */ t(Dt, { onClick: W })
-        ] })
-      }
-    ),
-    /* @__PURE__ */ t(
-      tt,
-      {
-        ariaLabelClose: e.close_drawer_aria,
-        isOpen: !!V,
-        onClose: () => W(""),
-        title: e.transaction_details_drawer_title,
-        children: V && /* @__PURE__ */ t(xt, { transaction: V })
-      }
-    )
-  ] });
-}, Bt = I($t), Gt = ({ onBackClick: n, onMenuClick: d, sx: o = {} }) => {
-  const { isAccountDataLoaded: a, loadAccountData: i } = ct(), { categoriesLoaded: g, dateRangeTotalsLoaded: e, loadCategories: r, loadDateRangeCategoryTotals: s } = R(), { isTransactionDataLoaded: f, loadTransactionData: u } = dt(), { spending: h } = A(), { displayedDateRange: M, isInitialized: _, setDisplayedDate: b, selectedAccounts: D } = P(), { onEvent: x } = yt(), { clientConfig: N } = H();
-  gt({
-    widgetName: "SpendingWidget",
-    isLoaded: e
-  }), c.useEffect(() => {
-    const C = N?.master?.deep_link_params, E = C?.date_range ? [et(C.date_range.from), et(C.date_range.to)] : [at(J()), it(J())], W = E[0], O = E[1];
-    b(W, O), a || i().finally(), g || r().finally(), f || u().finally(), _ && a && s(D, W, O).finally(), x(nt.SPENDING_VIEW);
-  }, []), c.useEffect(() => {
-    _ && a && s(
-      D,
-      M.start,
-      M.end
-    ).finally();
-  }, [M, _, a, D]);
-  const v = (C) => {
-    b(C[0], C[1]);
-  };
-  return !_ || !a || !e ? /* @__PURE__ */ t(pt, {}) : /* @__PURE__ */ t(
-    It,
-    {
-      calendarActions: { onRangeChanged: v },
-      onAccountsFilterClick: () => x(nt.SPENDING_CLICK_FILTER),
-      onBackClick: n,
-      onMenuClick: d,
-      sx: o,
-      title: h.title,
-      children: /* @__PURE__ */ t(L, { width: "100%", children: /* @__PURE__ */ t(Bt, {}) })
-    }
-  );
-}, Se = I(Gt);
+import e from "./SpendingMiniWidget.es.js";
+import n from "./SpendingWidget.es.js";
 export {
-  Ce as SpendingMiniWidget,
-  Se as SpendingWidget
+  e as SpendingMiniWidget,
+  n as SpendingWidget
 };
-//# sourceMappingURL=index.es.js.map

package/dist/spending/utils/SpendingData.es.js

@@ -0,0 +1,72 @@
+import { CategoryGuids as m } from "../../core/constants/Category.es.js";
+import { getCategoryColor as p } from "../../core/utils/CategoryUtil.es.js";
+var c = 5, f = (i, l, r, s) => s.reduce((a, n) => {
+  const t = i.find((d) => d.guid === n.category_guid);
+  if (!t) return a;
+  const e = t.parent_guid ?? t.guid, g = i.find((d) => d.guid === e);
+  if (!g || n.total <= 0) return a;
+  const o = {
+    guid: t.guid,
+    name: t.guid === e ? `${l.parent_category_totals_label_general} ${t.name}` : t.name,
+    color: p(g.guid, r),
+    amount: n.total
+  }, u = a.find((d) => d.guid === e);
+  return u ? (u.amount += n.total, u.categoryTotals?.push(o)) : a.push({
+    guid: e,
+    name: g.name,
+    color: p(g.guid, r),
+    categoryTotals: [o],
+    amount: n.total
+  }), a;
+}, []), C = (i, l, r, s) => {
+  const a = f(i, l, r, s).filter((o) => o.guid !== m.INCOME && o.guid !== m.INVESTMENTS && o.guid !== m.TRANSFER && o.amount > 0).sort((o, u) => u.amount - o.amount), n = a.reduce((o, u) => o + u.amount, 0), t = a.length > c ? c : a.length, e = a.slice(0, t), g = e.map((o) => ({
+    id: o.guid,
+    color: p(o.guid, r),
+    label: o.name,
+    value: o.amount / n * 100
+  }));
+  if (a.length > 5) {
+    const o = a.slice(c), u = o.reduce((d, _) => d + _.amount, 0);
+    e.push({
+      guid: "other",
+      color: r.palette.categories.others || "",
+      name: l.saving_goal_other,
+      categoryTotals: o,
+      amount: u
+    }), g.push({
+      id: "other",
+      color: r.palette.categories.others || "",
+      label: l.saving_goal_other,
+      value: u / n * 100
+    });
+  }
+  return {
+    categoryData: e,
+    donutData: g,
+    totalAmount: n
+  };
+}, T = (i, l, r) => {
+  const s = i.filter((t) => t.guid === m.INCOME || t.parent_guid === m.INCOME), a = l.filter((t) => s.some((e) => e.guid === t.category_guid)).sort((t, e) => t.total - e.total).map((t, e) => ({
+    guid: t.category_guid,
+    name: i.find((g) => g.guid === t.category_guid)?.name,
+    color: r[e % r.length],
+    categoryTotals: [],
+    amount: Math.abs(t.total)
+  })), n = a.reduce((t, e) => t + e.amount, 0);
+  return {
+    categoryData: a,
+    donutData: a.map((t) => ({
+      id: t.guid,
+      color: t.color,
+      label: t.name,
+      value: t.amount / n * 100
+    })),
+    totalAmount: n
+  };
+};
+export {
+  T as getIncomeData,
+  C as getSpendingData
+};
+
+//# sourceMappingURL=SpendingData.es.js.map

package/dist/spending/utils/SpendingData.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpendingData.es.js","names":[],"sources":["../../../src/spending/utils/SpendingData.ts"],"sourcesContent":["import { Theme } from '@mui/material'\n\nimport { getCategoryColor } from '../../core/utils/CategoryUtil'\nimport { CategoryGuids } from '../../core/constants'\nimport { Category, DateRangeCategoryTotals, GoalsCopy } from '../../core'\nimport type { DonutData } from '../../common/components/charts/Donut'\n\nconst TOP_CATEGORY_LENGTH = 5\n\nexport interface CategoryTotal {\n  guid: string\n  name: string\n  color: string\n  categoryTotals?: CategoryTotal[]\n  amount: number\n}\n\nexport interface SpendingData {\n  categoryData: CategoryTotal[]\n  donutData: DonutData[]\n  totalAmount: number\n}\n\n/**\n * Rolls all categories up into parent categories and return an array of CategoryTotal items.\n * @param categories - Array of all categories\n * @param theme - The current theme to use for colors\n * @param totals - And array of type DateRangeCategoryTotals\n */\nconst getTotalsByParentCategory = (\n  categories: Category[],\n  copy: GoalsCopy,\n  theme: Theme,\n  totals: DateRangeCategoryTotals[],\n): CategoryTotal[] => {\n  // Iterate over the category data from BE and roll up all categories into parent categories\n  // acc is the accumulated category totals of type CategoryTotal that is initialized as an empty []\n  // curr is the current DateRangeCategoryTotal\n  return totals.reduce((acc, curr) => {\n    // Find category and if it doesn't exist, return acc\n    const category = categories.find((c) => c.guid === curr.category_guid)\n    if (!category) return acc\n\n    // Find parent category and if it doesn't exist, return acc\n    const parentGuid = category.parent_guid ?? category.guid\n    const parentCategory = categories.find((c) => c.guid === parentGuid)\n    if (!parentCategory) return acc\n\n    // Skip negative totals — they represent credits/income/transfers, not spending\n    if (curr.total <= 0) return acc\n\n    const categoryTotal = {\n      guid: category.guid,\n      name:\n        category.guid === parentGuid\n          ? `${copy.parent_category_totals_label_general} ${category.name}`\n          : category.name,\n      color: getCategoryColor(parentCategory.guid, theme),\n      amount: curr.total,\n    }\n\n    // If parent category has already been added to acc then find it and add the current total,\n    // otherwise add the parent category to acc.\n    const parentCategoryTotal = acc.find((ct) => ct.guid === parentGuid)\n    if (parentCategoryTotal) {\n      parentCategoryTotal.amount += curr.total\n      parentCategoryTotal.categoryTotals?.push(categoryTotal)\n    } else {\n      acc.push({\n        guid: parentGuid,\n        name: parentCategory.name,\n        color: getCategoryColor(parentCategory.guid, theme),\n        categoryTotals: [categoryTotal],\n        amount: curr.total,\n      })\n    }\n\n    return acc\n  }, [] as CategoryTotal[])\n}\n\n/**\n * Returns an object of type SpendingData containing a subset of category totals related to spending\n * Excludes Income and Transfers\n *\n * @param categories - Array of all categories\n * @param copy - Localized copy\n * @param theme - The current theme to use for colors\n * @param totals - And array of type DateRangeCategoryTotals\n */\nexport const getSpendingData = (\n  categories: Category[],\n  copy: GoalsCopy, // TODO: Replace after `Other` is added to SpendingCopy\n  theme: Theme,\n  totals: DateRangeCategoryTotals[],\n): SpendingData => {\n  const parentCategoryTotals = getTotalsByParentCategory(categories, copy, theme, totals)\n\n  // Filter out Income and Transfers from spending totals\n  // Sort in decending order by amount\n  const spendingTotals = parentCategoryTotals\n    .filter(\n      (ct) =>\n        ct.guid !== CategoryGuids.INCOME &&\n        ct.guid !== CategoryGuids.INVESTMENTS &&\n        ct.guid !== CategoryGuids.TRANSFER &&\n        ct.amount > 0,\n    )\n    .sort((cat1, cat2) => cat2.amount - cat1.amount)\n\n  // Calculate the total spend\n  const totalAmount = spendingTotals.reduce(\n    (acc: number, total: CategoryTotal) => acc + total.amount,\n    0,\n  )\n\n  // Find the number of top categories to include\n  const length =\n    spendingTotals.length > TOP_CATEGORY_LENGTH ? TOP_CATEGORY_LENGTH : spendingTotals.length\n\n  // Only include the top categories\n  const categoryData = spendingTotals.slice(0, length)\n\n  // Map the category data to donut data\n  const donutData = categoryData.map((categoryTotal) => ({\n    id: categoryTotal.guid,\n    color: getCategoryColor(categoryTotal.guid, theme),\n    label: categoryTotal.name,\n    value: (categoryTotal.amount / totalAmount) * 100,\n  }))\n\n  // If there additional categories outside of the top categories, combine them into an Other category\n  if (spendingTotals.length > 5) {\n    const otherCategories = spendingTotals.slice(TOP_CATEGORY_LENGTH)\n    const otherTotal = otherCategories.reduce(\n      (acc: number, total: CategoryTotal) => acc + total.amount,\n      0,\n    )\n    categoryData.push({\n      guid: 'other',\n      color: theme.palette.categories.others || '',\n      name: copy.saving_goal_other,\n      categoryTotals: otherCategories,\n      amount: otherTotal,\n    })\n\n    donutData.push({\n      id: 'other',\n      color: theme.palette.categories.others || '',\n      label: copy.saving_goal_other,\n      value: (otherTotal / totalAmount) * 100,\n    })\n  }\n\n  // Return an object of type SpendingData\n  return {\n    categoryData,\n    donutData,\n    totalAmount,\n  }\n}\n\n/**\n * Returns an object of type SpendingData containing a subset of category totals related to income\n * Only includes Income subcategories\n *\n * @param categories - Array of all categories\n * @param monthlyTotals - And array of type DateRangeCategoryTotals\n * @param colors - An array of color strings to use for income colors\n */\nexport const getIncomeData = (\n  categories: Category[],\n  monthlyTotals: DateRangeCategoryTotals[],\n  colors: string[],\n): SpendingData => {\n  // Get all income subcategories\n  const incomeCategories = categories.filter(\n    (category) =>\n      category.guid === CategoryGuids.INCOME || category.parent_guid === CategoryGuids.INCOME,\n  )\n\n  // Filter, sort & map DateRangeCategoryTotals to CategoryTotal objects\n  // The filter return only subcategories with a parent category of Income\n  // The sort is in acending order due to amounts being negative\n  const incomeTotals: CategoryTotal[] = monthlyTotals\n    .filter((total) => incomeCategories.some((category) => category.guid === total.category_guid))\n    .sort((total1, total2) => total1.total - total2.total)\n    .map((total, index) => {\n      return {\n        guid: total.category_guid,\n        name: categories.find((cat) => cat.guid === total.category_guid)?.name,\n        color: colors[index % colors.length],\n        categoryTotals: [],\n        amount: Math.abs(total.total),\n      }\n    }) as CategoryTotal[]\n\n  // Calculates the total income amount\n  const totalAmount = incomeTotals.reduce(\n    (acc: number, total: CategoryTotal) => acc + total.amount,\n    0,\n  )\n\n  // Maps the income totals to donut data\n  const donutData = incomeTotals.map((incomeTotal) => ({\n    id: incomeTotal.guid,\n    color: incomeTotal.color,\n    label: incomeTotal.name,\n    value: (incomeTotal.amount / totalAmount) * 100,\n  }))\n\n  // Return an object of type SpendingData\n  return {\n    categoryData: incomeTotals,\n    donutData,\n    totalAmount,\n  }\n}\n"],"mappings":"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"}