@mx-cartographer/experiences 7.1.5 → 7.2.1-alpha.san1

package/dist/SpendingLegend-D24CEkL3.mjs

@@ -0,0 +1,170 @@
+import { b } from "./CategoryUtil-DUM8NuGO.mjs";
+import { b as m } from "./Category-CevNQ03n.mjs";
+import { jsx as d, jsxs as x } from "react/jsx-runtime";
+import T from "react";
+import { observer as E } from "mobx-react-lite";
+import h from "@mui/material/Stack";
+import { CategoryIcon as I, CategoryIconVariants as M, Text as p } from "@mxenabled/mxui";
+import N from "@mui/material/Button";
+import { useTheme as v } from "@mui/material";
+import { D as G } from "./Donut-1UMNcG67.mjs";
+import { u as w } from "./hooks-CBST3rkm.mjs";
+import { u as O } from "./useScreenSize-B6JyS_Lj.mjs";
+import { f as D } from "./NumberFormatting-Buh7u8Oi.mjs";
+import j from "@mui/material/Box";
+const C = 5, k = (a, l, g) => g.reduce((e, r) => {
+  if (r.total > 0) {
+    const n = a.find((o) => o.guid === r.category_guid);
+    if (!n) return e;
+    const u = n.parent_guid ?? n.guid, t = a.find((o) => o.guid === u);
+    if (!t) return e;
+    const i = {
+      guid: n.guid,
+      name: n.guid === u ? `General ${n.name}` : n.name,
+      color: b(t.guid, l),
+      amount: r.total
+    }, c = e.find((o) => o.guid === u);
+    c ? (c.amount += r.total, c.categoryTotals?.push(i)) : e.push({
+      guid: u,
+      name: t.name,
+      color: b(t.guid, l),
+      categoryTotals: [i],
+      amount: r.total
+    });
+  }
+  return e;
+}, []), L = (a, l, g, e) => {
+  const r = k(a, g, e), n = r.filter(
+    (o) => o.guid !== m.INCOME && o.guid !== m.INVESTMENTS && o.guid !== m.TRANSFER
+  ).sort((o, s) => s.amount - o.amount), u = n.reduce(
+    (o, s) => o + s.amount,
+    0
+  ), t = n.length > C ? C : n.length, i = n.slice(0, t), c = i.map((o) => ({
+    id: o.guid,
+    color: b(o.guid, g),
+    label: o.name,
+    value: o.amount / u * 100
+  }));
+  if (n.length > 5) {
+    const o = n.slice(C, r.length), s = o.reduce(
+      (f, y) => f + y.amount,
+      0
+    );
+    i.push({
+      guid: "other",
+      color: g.palette.categories.others || "",
+      name: l.saving_goal_other,
+      categoryTotals: o,
+      amount: s
+    }), c.push({
+      id: "other",
+      color: g.palette.categories.others || "",
+      label: l.saving_goal_other,
+      value: s / u * 100
+    });
+  }
+  return {
+    categoryData: i,
+    donutData: c,
+    totalAmount: u
+  };
+}, Q = (a, l, g) => {
+  const e = a.filter(
+    (t) => t.guid === m.INCOME || t.parent_guid === m.INCOME
+  ), r = l.filter((t) => e.some((i) => i.guid === t.category_guid)).sort((t, i) => t.total - i.total).map((t, i) => ({
+    guid: t.category_guid,
+    name: a.find((c) => c.guid === t.category_guid)?.name,
+    color: g[i],
+    categoryTotals: [],
+    amount: Math.abs(t.total)
+  })), n = r.reduce(
+    (t, i) => t + i.amount,
+    0
+  ), u = r.map((t) => ({
+    id: t.guid,
+    color: t.color,
+    label: t.name,
+    value: t.amount / n * 100
+  }));
+  return {
+    categoryData: r,
+    donutData: u,
+    totalAmount: n
+  };
+}, A = ({
+  data: a,
+  isIncome: l = !1,
+  onSelected: g,
+  onViewTransactions: e,
+  selectedId: r,
+  size: n = 150,
+  totalLabel: u,
+  variant: t = "mini"
+}) => {
+  const { spending: i } = w(), c = v(), { isTablet: o } = O(), s = T.useMemo(
+    () => r ? a.categoryData.find((_) => _.guid === r) : void 0,
+    [r]
+  ), f = T.useMemo(() => a.donutData.length > 0 ? a.donutData : [{ id: "0", color: c.palette.divider, value: 100 }], [a, c]), y = () => {
+    e?.(r);
+  }, S = o ? 32 : 48;
+  return /* @__PURE__ */ d(G, { data: f, onClick: g, selectedId: r, size: n, children: /* @__PURE__ */ d(h, { alignItems: "center", height: "100%", justifyContent: "center", width: "100%", children: /* @__PURE__ */ x(h, { alignItems: "center", justifyContent: "center", minHeight: n, minWidth: n, children: [
+    s && /* @__PURE__ */ x(
+      h,
+      {
+        alignItems: "center",
+        gap: t === "mini" ? 0 : 8,
+        mb: t === "mini" ? 0 : 8,
+        mt: t === "mini" ? 0 : -16,
+        sx: t === "mini" ? { gap: 0, mb: 0 } : { gap: { xs: 4, xl: 8 }, mb: { xs: 4, xl: 8 } },
+        children: [
+          /* @__PURE__ */ d(
+            I,
+            {
+              categoryGuid: l ? m.INCOME : s.guid,
+              size: t === "mini" ? 24 : S,
+              variant: M.Transparent
+            }
+          ),
+          /* @__PURE__ */ d(p, { color: "secondary", noWrap: !0, variant: t === "mini" ? "Tiny" : "Body", children: s ? s.name : u })
+        ]
+      }
+    ),
+    !s && t === "full" && /* @__PURE__ */ d(p, { bold: !0, color: "secondary", sx: { mb: { xs: 4, xl: 8 } }, children: u }),
+    /* @__PURE__ */ d(p, { variant: t === "mini" ? "H2" : "H1", children: s ? D(s.amount, "0,0") : D(a.totalAmount, "0,0") }),
+    !s && t === "mini" && /* @__PURE__ */ d(p, { color: "secondary", noWrap: !0, variant: "Tiny", children: u }),
+    t === "full" && /* @__PURE__ */ d(
+      N,
+      {
+        "aria-label": `View ${s?.name || ""} Transactions`,
+        disabled: a.categoryData.length === 0,
+        onClick: y,
+        sx: { mt: { xl: 4, xs: 0 }, zIndex: 1 },
+        variant: "text",
+        children: i.view_transactions
+      }
+    )
+  ] }) }) });
+}, U = E(A), Z = ({ data: a, onSelected: l, selectedId: g }) => /* @__PURE__ */ d(h, { gap: 8, height: "100%", justifyContent: "center", my: "auto", children: a.categoryData.map((e) => /* @__PURE__ */ x(
+  h,
+  {
+    alignItems: "center",
+    "aria-label": e.name,
+    "aria-selected": e.guid === g,
+    direction: "row",
+    gap: 8,
+    onClick: () => l(e.guid),
+    role: "button",
+    sx: { cursor: "pointer" },
+    children: [
+      /* @__PURE__ */ d(j, { borderRadius: 4, height: 8, sx: { backgroundColor: e.color }, width: 8 }),
+      /* @__PURE__ */ d(p, { bold: e.guid === g, variant: "XSmall", children: e.name })
+    ]
+  },
+  e.guid
+)) });
+export {
+  U as S,
+  Q as a,
+  Z as b,
+  L as g
+};

package/dist/{TransactionDetails-_cXLXTd3.mjs → TransactionDetails-DRlrltGq.mjs}

@@ -9,15 +9,15 @@ import { MerchantLogo as pe, Icon as S, Text as T, useTokens as ee, CategoryIcon
 import B from "@mui/material/ListItemAvatar";
 import M from "@mui/material/ListItemText";
 import f from "@mui/material/Stack";
-import { T as Pe, L as Ge, O as h, C as Me, b as Ke, i as $e } from "./User-DaJAQ09j.mjs";
-import { G as Be, h as v, u as A, g as L, m as xe, b as Fe, o as He } from "./hooks-CE2TKk4a.mjs";
+import { T as Pe, L as Ge, O as h, C as Me, b as Ke, i as $e } from "./User-BthIKO4w.mjs";
+import { G as Be, h as v, u as A, g as L, m as xe, b as Fe, o as He } from "./hooks-CBST3rkm.mjs";
 import { f as te } from "./NumberFormatting-Buh7u8Oi.mjs";
 import { Receipt as ze, Delete as oe, ChevronRight as Ue, Cancel as ie, Search as Xe, Edit as Ve, Flag as We } from "@mxenabled/mx-icons";
 import { fromUnixTime as W } from "date-fns/fromUnixTime";
 import { isSameDay as Ne } from "date-fns/isSameDay";
-import { h as Ye } from "./DateUtil-BcuH7ErC.mjs";
+import { h as Ye } from "./DateUtil-CBdcsyuk.mjs";
 import { L as Ie } from "./Loader-DUaFpDGv.mjs";
-import { A as P } from "./WidgetContainer-DtPnPQZY.mjs";
+import { A as P } from "./WidgetContainer-DJA1bxLn.mjs";
 import ne from "@mui/material/Paper";
 import ce from "@mui/material/Button";
 import je from "@mui/material/FormGroup";
@@ -27,17 +27,17 @@ import qe from "@mui/material/ToggleButton";
 import ve from "@mui/material/styles/useTheme";
 import z from "@mui/material/Avatar";
 import F from "@mui/material/ListItem";
-import { a as V, f as Ee, D as Oe } from "./Dialog-CWW597AF.mjs";
+import { D as V, f as Ee, a as Oe } from "./Dialog-BPTr3qHE.mjs";
 import U from "@mui/material/ListItemButton";
 import X from "@mui/material/ListItemIcon";
-import { a as we } from "./CategorySelectorDrawer-BmenK5bu.mjs";
+import { a as we } from "./CategorySelectorDrawer-DomNyubP.mjs";
 import { b as se } from "./Localization-2MODESHW.mjs";
 import { getUnixTime as Ze } from "date-fns/getUnixTime";
-import { D as de } from "./Drawer-kEE73B87.mjs";
+import { D as de } from "./Drawer-BEtCk82g.mjs";
 import ye from "@mui/material/InputAdornment";
 import Je from "@mui/material/Checkbox";
 import ge from "@mui/material/Grid";
-import { C as Qe } from "./CurrencyInput-C4xNRL2W.mjs";
+import { C as Qe } from "./CurrencyInput-CC5cwVit.mjs";
 import et from "@mui/material/Switch";
 var q = /* @__PURE__ */ ((t) => (t[t.Category = 0] = "Category", t[t.Date = 1] = "Date", t[t.Memo = 2] = "Memo", t[t.Tags = 3] = "Tags", t))(q || {}), re = /* @__PURE__ */ ((t) => (t[t.SplitTransaction = 0] = "SplitTransaction", t[t.HideTransaction = 1] = "HideTransaction", t[t.MerchantLogo = 2] = "MerchantLogo", t))(re || {});
 const tt = [
@@ -1329,9 +1329,12 @@ export {
   bt as M,
   lt as S,
   Ra as T,
+  dt as Z,
   ka as a,
   st as b,
   Kt as c,
   q as d,
+  _t as h,
+  Se as s,
   G as u
 };

package/dist/{TransactionStore-B-Tq_YFE.mjs → TransactionStore-BHTdiLRW.mjs}

@@ -1,51 +1,51 @@
 import { jsx as C } from "react/jsx-runtime";
-import H from "@mui/material/Box";
-import P from "@mui/material/FormControlLabel";
-import U from "@mui/material/Radio";
-import K from "@mui/material/styles/useTheme";
-import V from "@mui/material/Tooltip";
+import P from "@mui/material/Box";
+import U from "@mui/material/FormControlLabel";
+import K from "@mui/material/Radio";
+import V from "@mui/material/styles/useTheme";
+import v from "@mui/material/Tooltip";
 import { makeAutoObservable as y, runInAction as d } from "mobx";
 import { endOfToday as D } from "date-fns/endOfToday";
-import { formatISO as v } from "date-fns/formatISO";
-import { fromUnixTime as u } from "date-fns/fromUnixTime";
-import { getUnixTime as h } from "date-fns/getUnixTime";
-import { isBefore as B } from "date-fns/isBefore";
+import { formatISO as B } from "date-fns/formatISO";
+import { fromUnixTime as h } from "date-fns/fromUnixTime";
+import { getUnixTime as u } from "date-fns/getUnixTime";
+import { isBefore as Y } from "date-fns/isBefore";
 import { startOfMonth as R } from "date-fns/startOfMonth";
-import { startOfToday as G } from "date-fns/startOfToday";
-import { subDays as Y } from "date-fns/subDays";
-import { O as n, a as b, T as F } from "./User-DaJAQ09j.mjs";
+import { startOfToday as b } from "date-fns/startOfToday";
+import { subDays as F } from "date-fns/subDays";
+import { O as n, a as G, T as w } from "./User-BthIKO4w.mjs";
 import { T as p } from "./TransactionApi-B3Tksf7L.mjs";
 import { b as W } from "./Category-CevNQ03n.mjs";
-import { f as z } from "./exportTransactionsToCSV-D8TTNrrE.mjs";
+import { f as z } from "./exportTransactionsToCSV-XqdHNe2V.mjs";
 import { format as k } from "date-fns/format";
-import { f as g, D as O, O as $ } from "./Dialog-CWW597AF.mjs";
+import { f as g, a as O, O as $ } from "./Dialog-BPTr3qHE.mjs";
 import { endOfMonth as X } from "date-fns/endOfMonth";
 import { B as f } from "./BeatApi-DhJpgCLz.mjs";
 const j = ({
-  checked: N = !1,
+  checked: S = !1,
   label: t,
   sx: a = {},
   tooltip: e = "",
-  value: A
+  value: c
 }) => {
-  const _ = K(), i = _.palette.mode === "light" ? _.palette.grey[400] : _.palette.grey[700], c = N ? _.palette.action.active : i;
+  const _ = V(), i = _.palette.mode === "light" ? _.palette.grey[400] : _.palette.grey[700], A = S ? _.palette.action.active : i;
   return /* @__PURE__ */ C(
-    H,
+    P,
     {
       bgcolor: "background.paper",
-      border: `${N ? 3 : 1}px solid`,
-      borderColor: c,
+      border: `${S ? 3 : 1}px solid`,
+      borderColor: A,
       borderRadius: 2,
       mt: -2,
       mx: 8,
       pr: 8,
       py: 4,
       sx: { "&:hover": { borderColor: _.palette.action.active }, ...a },
-      children: /* @__PURE__ */ C(V, { title: e, children: /* @__PURE__ */ C(
-        P,
+      children: /* @__PURE__ */ C(v, { title: e, children: /* @__PURE__ */ C(
+        U,
         {
           control: /* @__PURE__ */ C(
-            U,
+            K,
             {
               disableRipple: !0,
               sx: { "&.Mui-checked": { color: _.palette.action.active } }
@@ -54,12 +54,12 @@ const j = ({
           label: t,
           labelPlacement: "start",
           sx: { ml: 0, pl: 8 },
-          value: A
+          value: c
         }
       ) })
     }
   );
-}, ft = j, w = {
+}, ft = j, x = {
   ASC: "ASC",
   DESC: "DESC",
   DIRECTION: {
@@ -322,73 +322,73 @@ const j = ({
     category: o.TRANSACTIONS_WIDGET,
     label: r.DELETE_TRANSACTION
   }
-}, Z = async (N, t) => !t || !m[N] ? null : t.sendAnalyticEvent(m[N]), L = {
+}, Z = async (S, t) => !t || !m[S] ? null : t.sendAnalyticEvent(m[S]), L = {
   FLAG: "flag",
   DATE: "date",
   PAYEE: "payee",
   CATEGORY: "category",
   ACCOUNT: "account",
   AMOUNT: "amount"
-}, q = (N, t, a, e = []) => {
-  const A = t.reduce((c, s) => ({ ...c, [s.guid]: s }), {}), _ = a.reduce((c, s) => ({ ...c, [s.guid]: s }), {}), i = e.reduce((c, s) => {
+}, q = (S, t, a, e = []) => {
+  const c = t.reduce((A, s) => ({ ...A, [s.guid]: s }), {}), _ = a.reduce((A, s) => ({ ...A, [s.guid]: s }), {}), i = e.reduce((A, s) => {
     const { transaction_guid: l, tag_guid: I } = s;
-    if (!c[l])
+    if (!A[l])
       return {
-        ...c,
+        ...A,
         [l]: [I]
       };
-    const E = [...c[l], I];
+    const E = [...A[l], I];
     return {
-      ...c,
+      ...A,
       [l]: E
     };
   }, {});
-  return N.map((c) => {
-    const s = A[c.account_guid], l = c.category_guid ? _[c.category_guid] : null, I = i[c.guid] ?? [];
+  return S.map((A) => {
+    const s = c[A.account_guid], l = A.category_guid ? _[A.category_guid] : null, I = i[A.guid] ?? [];
     return {
-      ...c,
+      ...A,
       account: s?.user_name || "Unknown",
       accountIsClosed: s?.is_closed,
       accountIsHidden: s?.is_hidden,
       category: l?.name || "Uncategorized",
-      isIncome: c.top_level_category_guid === W.INCOME,
-      isPending: c.feed_status === b.PENDING,
+      isIncome: A.top_level_category_guid === W.INCOME,
+      isPending: A.feed_status === G.PENDING,
       number: s?.account_number || "",
-      payee: c.description,
+      payee: A.description,
       tags: I
     };
   });
-}, J = "uncategorized", Q = (N, t, a, e, A, _) => {
-  const i = tt(N, A, _), c = at(i, a, e);
+}, J = "uncategorized", Q = (S, t, a, e, c, _) => {
+  const i = tt(S, c, _), A = at(i, a, e);
   return t.forEach((s) => {
-    const l = c.findIndex((E) => E.guid === s), I = _.filter((E) => E.parent_guid === s);
-    c.splice(l + 1, 0, ...I);
-  }), c;
-}, tt = (N, t, a) => {
+    const l = A.findIndex((E) => E.guid === s), I = _.filter((E) => E.parent_guid === s);
+    A.splice(l + 1, 0, ...I);
+  }), A;
+}, tt = (S, t, a) => {
   const {
     accounts: e = [],
-    dateRange: A = { start: R(G()), end: D() },
+    dateRange: c = { start: R(b()), end: D() },
     custom: _ = () => !0,
     searchTerm: i = "",
-    showSplits: c = !1
-  } = N;
-  return a.filter((s) => c ? !s.has_been_split : !s.parent_guid).filter((s) => !!e.find((l) => l === s.account_guid)).filter((s) => s.date >= h(A.start) && s.date <= h(A.end)).filter(_).filter((s) => {
+    showSplits: A = !1
+  } = S;
+  return a.filter((s) => A ? !s.has_been_split : !s.parent_guid).filter((s) => !!e.find((l) => l === s.account_guid)).filter((s) => s.date >= u(c.start) && s.date <= u(c.end)).filter(_).filter((s) => {
     if (i === J && s.has_been_split)
       return !1;
     if (/^spl/i.test(i) && (s.has_been_split || s.parent_guid))
       return !0;
     const I = s.tags.some(
-      (x) => S(i, t.find((M) => M.guid === x)?.name)
-    ), E = u(s.date);
-    return S(i, s.payee) || S(i, s.feed_description) || S(i, s.category) || S(i, g(E, O.MONTH)) || S(i, g(E, O.DAY)) || S(i, g(E, O.FULL_MONTH_DAY)) || S(i, g(E, O.MONTH_DAY_YEAR)) || S(i, k(E, $)) || S(i, s.account) || S(i, `${s.amount}`) || S(i, s.memo) || I;
+      (M) => N(i, t.find((H) => H.guid === M)?.name)
+    ), E = h(s.date);
+    return N(i, s.payee) || N(i, s.feed_description) || N(i, s.category) || N(i, g(E, O.MONTH)) || N(i, g(E, O.DAY)) || N(i, g(E, O.FULL_MONTH_DAY)) || N(i, g(E, O.MONTH_DAY_YEAR)) || N(i, k(E, $)) || N(i, s.account) || N(i, `${s.amount}`) || N(i, s.memo) || I;
   });
-}, at = (N, t, a) => [...N].sort((e, A) => {
-  const _ = t, i = (e[_] || "") > (A[_] || "");
-  let c = i ? -1 : 1, s = i ? 1 : -1;
-  return (t === L.DATE || t === L.AMOUNT) && (c = i ? 1 : -1, s = i ? -1 : 1), a === w.ASC ? c : s;
-}), S = (N, t) => {
-  const a = N.toLowerCase().split(" "), e = t?.toString().toLowerCase() ?? "";
-  return a.every((A) => e.indexOf(A) > -1);
+}, at = (S, t, a) => [...S].sort((e, c) => {
+  const _ = t, i = (e[_] || "") > (c[_] || "");
+  let A = i ? -1 : 1, s = i ? 1 : -1;
+  return (t === L.DATE || t === L.AMOUNT) && (A = i ? 1 : -1, s = i ? -1 : 1), a === x.ASC ? A : s;
+}), N = (S, t) => {
+  const a = S.toLowerCase().split(" "), e = t?.toString().toLowerCase() ?? "";
+  return a.every((c) => e.indexOf(c) > -1);
 }, et = {
   account_guid: "",
   amount: 0,
@@ -397,7 +397,7 @@ const j = ({
   description: "",
   duplicate: !1,
   feed_description: "",
-  feed_status: b.POSTED,
+  feed_status: G.POSTED,
   feed_transaction_date: 0,
   has_been_split: !1,
   has_been_viewed: !1,
@@ -410,7 +410,7 @@ const j = ({
   is_subscription: !1,
   is_void: !1,
   revision: 1,
-  transaction_type: F.DEBIT,
+  transaction_type: w.DEBIT,
   user_guid: "",
   is_duplicate: !1,
   feed_transacted_at: 0,
@@ -449,7 +449,7 @@ class it {
     this.height = t, this.width = a;
   };
   toggleSplit = (t) => {
-    const a = [...this.expandedSplits], e = this.expandedSplits.findIndex((A) => A === t);
+    const a = [...this.expandedSplits], e = this.expandedSplits.findIndex((c) => c === t);
     e >= 0 ? a.splice(e, 1) : a.push(t), this.expandedSplits = a;
   };
   clearExpandedSplits = () => {
@@ -465,12 +465,12 @@ class mt {
   api = new p("/", "");
   beatApi = new f("/", "");
   associatedBeats = [];
-  cachedStartDate = Y(G(), 90);
+  cachedStartDate = F(b(), 90);
   filter = {};
   isLoading = !0;
   rawTransactions = [];
   sortColumn = L.DATE;
-  sortDirection = w.DESC;
+  sortDirection = x.DESC;
   taggings = [];
   tags = [];
   transactionRules = [];
@@ -525,7 +525,7 @@ class mt {
   };
   addOrUpdateTransactionRule = async (t, a) => {
     const e = this.transactionRules.find(
-      (A) => A.guid === a.user_transaction_rule_guid
+      (c) => c.guid === a.user_transaction_rule_guid
     );
     e ? await this.api.updateTransactionRule({
       ...e,
@@ -539,7 +539,11 @@ class mt {
   };
   addTransaction = async (t) => {
     const a = await this.api.addTransaction(t);
-    a && d(() => this.rawTransactions = [a, ...this.transactions]);
+    if (a) {
+      d(() => this.rawTransactions = [a, ...this.transactions]);
+      const e = a.transaction_type === w.CREDIT ? a.amount : -a.amount;
+      this.globalStore.accountStore.updateAccountBalance(a.account_guid, e);
+    }
   };
   augmentTransactions = (t) => q(
     t,
@@ -549,8 +553,8 @@ class mt {
   );
   getTransactionData = () => ({});
   loadAssociatedBeats = async (t, a) => {
-    const e = t ? v(t, { representation: "date" }) : void 0, A = a ?? await this.beatApi.getBeatsWithAssociatedTransaction(e);
-    d(() => this.associatedBeats = A);
+    const e = t ? B(t, { representation: "date" }) : void 0, c = a ?? await this.beatApi.getBeatsWithAssociatedTransaction(e);
+    d(() => this.associatedBeats = c);
   };
   loadTags = async () => {
     const t = await this.api.getTags();
@@ -567,12 +571,12 @@ class mt {
   loadTransactions = async (t = this.cachedStartDate, a = D(), e) => {
     this.setIsLoading(!0), this.rawTransactions = [];
     try {
-      const A = e ?? await this.api.getTransactionsByDateRange(h(t), h(a));
+      const c = e ?? await this.api.getTransactionsByDateRange(u(t), u(a));
       d(() => {
-        this.rawTransactions = A;
+        this.rawTransactions = c;
       });
-    } catch (A) {
-      console.error(`Error occurred while loading transactions: ${A}`);
+    } catch (c) {
+      console.error(`Error occurred while loading transactions: ${c}`);
     }
     this.setIsLoading(!1);
   };
@@ -580,7 +584,7 @@ class mt {
   loadTransactionsByDateRange = async (t, a) => {
     console.warn("DEPRECATED: loadTransactionsByDateRange will be removed"), this.setFilter({
       ...this.filter,
-      dateRange: { start: u(a), end: u(t) }
+      dateRange: { start: h(a), end: h(t) }
     });
   };
   modifyTransactionByAccountGuid = (t, a) => {
@@ -603,7 +607,7 @@ class mt {
     }
   };
   setFilter = (t) => {
-    this.filter = t, t.dateRange && B(t.dateRange.start, this.cachedStartDate) && this.loadTransactions(t.dateRange.start, D()).then(() => {
+    this.filter = t, t.dateRange && Y(t.dateRange.start, this.cachedStartDate) && this.loadTransactions(t.dateRange.start, D()).then(() => {
       t.dateRange && (this.cachedStartDate = t.dateRange.start);
     });
   };
@@ -612,10 +616,10 @@ class mt {
     this.sortColumn = t, this.sortDirection = a;
   };
   splitTransaction = async (t, a) => {
-    const e = await this.api.updateTransaction(t), A = [];
+    const e = await this.api.updateTransaction(t), c = [];
     for (let i = 0; i < a.length; i++) {
-      const c = await this.api.addTransaction(a[i]);
-      A.push(c);
+      const A = await this.api.addTransaction(a[i]);
+      c.push(A);
     }
     const _ = this.transactions.findIndex((i) => i.guid === t.guid);
     _ >= 0 && d(
@@ -623,7 +627,7 @@ class mt {
         ...this.transactions.slice(0, _),
         e,
         ...this.transactions.slice(_ + 1),
-        ...A
+        ...c
       ]
     );
   };
@@ -632,22 +636,22 @@ class mt {
     await this.api.removeTransactionSplit(t);
     const e = [...this.transactions];
     a.forEach((i) => {
-      const c = e.findIndex((s) => s.guid === i.guid);
-      c >= 0 && e.splice(c, 1);
+      const A = e.findIndex((s) => s.guid === i.guid);
+      A >= 0 && e.splice(A, 1);
     });
-    const A = e.findIndex((i) => i.guid === t), _ = e[A];
-    _.has_been_split = !1, A >= 0 && d(
+    const c = e.findIndex((i) => i.guid === t), _ = e[c];
+    _.has_been_split = !1, c >= 0 && d(
       () => this.rawTransactions = [
-        ...e.slice(0, A),
+        ...e.slice(0, c),
         _,
-        ...e.slice(A + 1)
+        ...e.slice(c + 1)
       ]
     );
   };
   updateTaggings = async (t, a) => {
-    const e = this.taggings.filter((i) => i.transaction_guid === a), A = new Set(e.map((i) => i.tag_guid)), _ = new Set(t);
+    const e = this.taggings.filter((i) => i.transaction_guid === a), c = new Set(e.map((i) => i.tag_guid)), _ = new Set(t);
     for (const i of t)
-      A.has(i) || await this.addTagging(i, a);
+      c.has(i) || await this.addTagging(i, a);
     for (const i of e)
       _.has(i.tag_guid) || await this.removeTagging(i.guid);
     await this.loadTaggings();
@@ -656,7 +660,7 @@ class mt {
     await this.api.updateTag(t), await this.loadTags();
   };
   updateTransaction = async (t) => {
-    const a = await this.api.updateTransaction(t), e = this.transactions.findIndex((A) => A.guid === t.guid);
+    const a = await this.api.updateTransaction(t), e = this.transactions.findIndex((c) => c.guid === t.guid);
     e >= 0 && d(
       () => this.rawTransactions = [
         ...this.transactions.slice(0, e),