@mx-cartographer/experiences 9.0.0-alpha.al4 → 9.0.0-alpha.al5

package/CHANGELOG.md

@@ -1,7 +1,28 @@
-## [9.0.0] - 04-09-2026
+## [9.0.0] - 04-10-2026
 
 - **UPDATED** - common widget container to implement new styles, props (BREAKING CHANGE)
 
+## [8.0.13] - 04-10-2026
+
+- **FIXED** - `Transactions` - SplitTransaction Duplication Bug.
+
+## [8.0.12] - 04-10-2026
+
+- **ADDED** - `Save an extra $100` component card added
+
+## [8.0.11] - 04-09-2026
+
+- **ADDED** - Analytics for `TransactionTable` category cell click
+- **FIXED** - `RecurringTransactions` to show yearly recurrences without past transactions within 90 days
+
+## [8.0.10] - 04-09-2026
+
+- **ADDED** - `P2PMultipleCategorization` component.
+
+## [8.0.9] - 04-09-2026
+
+- **ADDED** - `AccountBalanceCard` component.
+
 ## [8.0.8] - 04-09-2026
 
 - **ADDED** - `Connection Details` drillDown.

package/dist/{AccountStore-DpYvNnql.mjs → AccountStore-B7zfcad7.mjs}

@@ -1,5 +1,5 @@
 import { makeAutoObservable as h, runInAction as a } from "mobx";
-import { i as g } from "./BudgetUtil-CLhRnCoX.mjs";
+import { i as g } from "./BudgetUtil-DZpOoZQa.mjs";
 import { A as d } from "./AccountApi-ChQr5PAZ.mjs";
 import { d as p } from "./Accounts-o7ohkngR.mjs";
 import { A as s, d as u } from "./Account-BiB1F8lL.mjs";

package/dist/{Analytics-BYItVAe-.mjs → Analytics-0Xm_BjHU.mjs}

@@ -96,6 +96,7 @@ const _ = {
   TRANSACTION_DETAILS_CLICK_TAGS: "transaction_details_click_tags",
   TRANSACTION_DETAILS_CLICK_UNSPLIT: "transaction_details_click_unsplit_transaction",
   TRANSACTION_DETAILS_VIEW: "transaction_details",
+  TRANSACTIONS_TABLE_CLICK_CATEGORY: "transactions_table_click_category",
   WIDGET_BACK_CLICK: "widget_back_button_click",
   // NEW ANAYTICS EVENT FORMAT
   // widget_action_subject

package/dist/{BudgetUtil-CLhRnCoX.mjs → BudgetUtil-DZpOoZQa.mjs}

@@ -27,7 +27,7 @@ import ut from "@mui/material/IconButton";
 import gt from "@mui/material/InputAdornment";
 import E from "@mui/material/Stack";
 import ft from "@mui/material/TextField";
-import { u as pt } from "./useScreenSize-B6JyS_Lj.mjs";
+import { u as pt } from "./useScreenSize-CUcpY7aJ.mjs";
 import { m as ht } from "./hooks-BxkfR-Ff.mjs";
 import { b as T } from "./Category-CevNQ03n.mjs";
 import { b as j } from "./Localization-CPkpIwIx.mjs";

package/dist/{Help-D-laTbKu.mjs → Help-BkmSY96v.mjs}

@@ -13,7 +13,7 @@ import C from "@mui/material/Stack";
 import { H3 as it, P as U, Icon as Y, Text as E, H2 as at, InstitutionLogo as ft } from "@mxenabled/mxui";
 import { ExpandMore as ct, ChevronRight as St } from "@mxenabled/mx-icons";
 import { g as V, u as K, z as nt, d as It, b as Tt, o as Et, a as Ct } from "./hooks-BxkfR-Ff.mjs";
-import { A as k } from "./Analytics-BYItVAe-.mjs";
+import { A as k } from "./Analytics-0Xm_BjHU.mjs";
 import At from "@mui/material/Breadcrumbs";
 import { useTheme as Q } from "@mui/material/styles";
 import { b as s } from "./Localization-CPkpIwIx.mjs";
@@ -28,7 +28,7 @@ import Dt from "@mui/material/ListItemAvatar";
 import Rt from "@mui/material/ListItem";
 import Pt from "@mui/material/ListItemIcon";
 import Gt from "@mui/material/ListItemText";
-import { u as Ft } from "./useScreenSize-B6JyS_Lj.mjs";
+import { u as Ft } from "./useScreenSize-CUcpY7aJ.mjs";
 const kt = (e, i, n) => {
   const l = i.reduce((c, { institution_guid: d }) => (c[d] = (c[d] || 0) + 1, c), {});
   return e.filter(({ guid: c }) => !!l[c]).map(({ guid: c, ...d }) => {

package/dist/{ManageIncome-Cc-wba0I.mjs → ManageIncome-Dyv2dE4K.mjs}

@@ -10,15 +10,15 @@ import ce from "@mui/material/ListItem";
 import de from "@mui/material/ListItemAvatar";
 import le from "@mui/material/ListItemButton";
 import _e from "@mui/material/ListItemText";
-import { S as M, D as z, g as H, c as X } from "./RecurringTransactions-BCJp-Nap.mjs";
+import { S as M, D as z, g as H, c as X } from "./RecurringTransactions-BbZ6MQsX.mjs";
 import { subDays as Z } from "date-fns/subDays";
 import { startOfToday as E } from "date-fns/startOfToday";
 import { endOfMonth as ue } from "date-fns/endOfMonth";
 import { parseISO as me } from "date-fns/parseISO";
 import J from "@mui/material/Button";
 import { Delete as pe, Add as ye, ReceiptLong as he } from "@mxenabled/mx-icons";
-import { T as V, u as fe, S as ge, a as Ce } from "./StatusIndicator-4tWnjeKS.mjs";
-import { T as be } from "./TransactionDetails-D1I1XEsT.mjs";
+import { T as V, u as fe, S as ge, a as Ce } from "./StatusIndicator-DAWRKwmE.mjs";
+import { T as be } from "./TransactionDetails-B5AP9wKy.mjs";
 import { addYears as j } from "date-fns/addYears";
 import { getDayOfYear as xe } from "date-fns/getDayOfYear";
 import { setDayOfYear as Se } from "date-fns/setDayOfYear";
@@ -29,7 +29,7 @@ import { u as w, i as Y, g as P, b as Ae, h as ee, o as Ie } from "./hooks-BxkfR
 import { F as l, R as L } from "./RepeatingTransaction-DF4vJn_v.mjs";
 import { b as Re, f as te } from "./NumberFormatting-QCaNwbjv.mjs";
 import { D as N } from "./Drawer-Bbe4AMB1.mjs";
-import { A as O } from "./Analytics-BYItVAe-.mjs";
+import { A as O } from "./Analytics-0Xm_BjHU.mjs";
 import { f as Ee, D as Le } from "./DateFormats-BMpMrZpW.mjs";
 import { D as Oe } from "./Dialog-Ck34yr-d.mjs";
 import { formatISO as Te } from "date-fns/formatISO";

package/dist/{NotificationSettings-D7VqsrZy.mjs → NotificationSettings-DBT37CVB.mjs}

@@ -21,7 +21,7 @@ import { b as me } from "./Localization-CPkpIwIx.mjs";
 import { b as he, f as ue } from "./NumberFormatting-QCaNwbjv.mjs";
 import { D as B } from "./Dialog-Ck34yr-d.mjs";
 import { C as _e } from "./CurrencyInput-DuMktPu3.mjs";
-import { u as pe } from "./useScreenSize-B6JyS_Lj.mjs";
+import { u as pe } from "./useScreenSize-CUcpY7aJ.mjs";
 import { D as K } from "./Drawer-Bbe4AMB1.mjs";
 import fe from "@mui/material/Collapse";
 import ge from "@mui/material/Card";

package/dist/{RecurringSettings-BN9H5ALr.mjs → RecurringSettings-CE3n_QNd.mjs}

@@ -7,10 +7,10 @@ import R from "@mui/material/Tabs";
 import d from "@mui/material/Divider";
 import b from "@mui/material/List";
 import T from "@mui/material/Stack";
-import { R as C, A as S, a as E, M as v } from "./ManageIncome-Cc-wba0I.mjs";
+import { R as C, A as S, a as E, M as v } from "./ManageIncome-Dyv2dE4K.mjs";
 import { u as _, i as A, g as f } from "./hooks-BxkfR-Ff.mjs";
 import { R as y, F as N } from "./RepeatingTransaction-DF4vJn_v.mjs";
-import { A as m } from "./Analytics-BYItVAe-.mjs";
+import { A as m } from "./Analytics-0Xm_BjHU.mjs";
 const I = h(() => {
   const { recurring: g } = _(), { detailedRepeatingTransactions: n } = A(), { onEvent: a } = f(), l = (r) => {
     a(m.RECURRING_TRANSACTIONS_CLICK_EXPENSE, {

package/dist/RecurringTransactions-BbZ6MQsX.mjs

@@ -0,0 +1,297 @@
+import { jsx as d, jsxs as O, Fragment as L } from "react/jsx-runtime";
+import R from "@mui/material/Avatar";
+import M from "@mui/material/ListItem";
+import F from "@mui/material/ListItemAvatar";
+import G from "@mui/material/ListItemButton";
+import P from "@mui/material/ListItemIcon";
+import q from "@mui/material/ListItemText";
+import { Icon as w } from "@mxenabled/mxui";
+import C from "@mui/material/MenuItem";
+import $ from "@mui/material/TextField";
+import { ExpandMore as U } from "@mxenabled/mx-icons";
+import { addDays as A } from "date-fns/addDays";
+import { addMonths as p } from "date-fns/addMonths";
+import { addQuarters as Q } from "date-fns/addQuarters";
+import { addWeeks as W } from "date-fns/addWeeks";
+import { addYears as j } from "date-fns/addYears";
+import { formatISO as z } from "date-fns/formatISO";
+import { fromUnixTime as K } from "date-fns/fromUnixTime";
+import { getUnixTime as f } from "date-fns/getUnixTime";
+import { isAfter as y } from "date-fns/isAfter";
+import { isBefore as u } from "date-fns/isBefore";
+import { isSameDay as H } from "date-fns/isSameDay";
+import { lastDayOfMonth as T } from "date-fns/lastDayOfMonth";
+import { nextDay as b } from "date-fns/nextDay";
+import { parseISO as V } from "date-fns/parseISO";
+import { setDate as _ } from "date-fns/setDate";
+import { setDay as J } from "date-fns/setDay";
+import { setDayOfYear as S } from "date-fns/setDayOfYear";
+import { startOfToday as E } from "date-fns/startOfToday";
+import { subDays as I } from "date-fns/subDays";
+import { subMonths as X } from "date-fns/subMonths";
+import { subQuarters as B } from "date-fns/subQuarters";
+import { subWeeks as Z } from "date-fns/subWeeks";
+import { subYears as ee } from "date-fns/subYears";
+import { g as te, a as re, b as ae, c as oe, d as se, e as ne, f as ce } from "./DateUtil-wcYTmDRD.mjs";
+import { F as n, a as g, R as ie, b as Y } from "./RepeatingTransaction-DF4vJn_v.mjs";
+import { b as N } from "./NumberFormatting-QCaNwbjv.mjs";
+import { b as h } from "./Localization-CPkpIwIx.mjs";
+import { f as v, D as k } from "./DateFormats-BMpMrZpW.mjs";
+const ue = ({ iconName: e, label: o, onClick: r, value: a }) => {
+  const t = /* @__PURE__ */ O(L, { children: [
+    /* @__PURE__ */ d(F, { children: /* @__PURE__ */ d(R, { sx: { bgcolor: "neutral.light" }, variant: "rounded", children: /* @__PURE__ */ d(w, { name: e, sx: { color: "text.primary" } }) }) }),
+    /* @__PURE__ */ d(
+      q,
+      {
+        primary: o,
+        primaryTypographyProps: { variant: "caption" },
+        secondary: a,
+        secondaryTypographyProps: { color: "text.default", variant: "body1", fontWeight: 600 }
+      }
+    )
+  ] });
+  return r ? /* @__PURE__ */ d(M, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ O(G, { onClick: r, children: [
+    t,
+    /* @__PURE__ */ d(P, { children: /* @__PURE__ */ d(w, { name: "chevron_right", size: 24 }) })
+  ] }) }) : /* @__PURE__ */ d(M, { disableGutters: !1, disablePadding: !1, children: t });
+}, st = ue, nt = ({ label: e, onChange: o, options: r, value: a, ...t }) => /* @__PURE__ */ d(
+  $,
+  {
+    InputLabelProps: { shrink: !0 },
+    SelectProps: {
+      IconComponent: (c) => /* @__PURE__ */ d(U, { size: 20, sx: { mr: 4 }, ...c })
+    },
+    defaultValue: 0,
+    label: e,
+    onChange: (c) => {
+      o(Number(c.target.value));
+    },
+    select: !0,
+    value: a,
+    variant: "outlined",
+    ...t,
+    children: r.map((c) => /* @__PURE__ */ d(C, { value: c.id, children: c.label }, c.id))
+  }
+), de = (e) => {
+  if (!e) return "";
+  let o = e.user_name || e.feed_name || "";
+  return e.account_number && (o = `${o} *${e.account_number}`), o;
+}, me = (e, o) => {
+  const r = [], a = e.recurrence_type === n.EveryYear, t = e.transactions.find(
+    (m) => m.repeating_transaction_guid === e.guid
+  );
+  if (!a && !t) return [];
+  const s = V(e.predicted_occurs_on), c = {
+    accountGuid: e.account?.guid || "",
+    amount: e.amount,
+    categoryGuid: t?.category_guid || "",
+    expectedDate: s,
+    frequency: e.recurrence_type,
+    institutionGuid: e.account?.institution_guid || "",
+    institutionName: de(e.account),
+    merchantGuid: e.merchant_guid,
+    name: e.description,
+    recurrenceDay: e.recurrence_day,
+    repeatingTransactionGuid: e.guid,
+    secondRecurrenceDay: e.second_recurrence_day,
+    status: g.Upcoming,
+    type: e.repeating_transaction_type === ie.Income ? Y.Income : Y.Expense,
+    transaction: void 0
+  }, i = o.start, l = o.end;
+  switch (e.recurrence_type) {
+    case n.EveryWeek:
+      r.push(...le(c, i, l));
+      break;
+    case n.EveryOtherWeek:
+      r.push(...he(c, i, l));
+      break;
+    case n.TwiceAMonth:
+      r.push(...pe(c, i, l));
+      break;
+    case n.EveryMonth:
+      r.push(...ye(c, i, l));
+      break;
+    case n.EveryOtherMonth:
+      r.push(...fe(c, i, l));
+      break;
+    case n.EveryQuarter:
+      r.push(..._e(c, i, l));
+      break;
+    case n.EveryOtherQuarter:
+      r.push(...De(c, i, l));
+      break;
+    case n.EveryYear:
+      r.push(...xe(c, i, l));
+      break;
+  }
+  for (const m of r) {
+    const D = e.transactions.find(
+      (x) => x.repeating_transaction_guid === e.guid && x.date > f(I(m.expectedDate, 5)) && x.date < f(A(m.expectedDate, 5))
+    );
+    D ? (m.transaction = D, m.status = g.Paid, m.occurredOnDate = K(D.date)) : u(m.expectedDate, I(E(), 3)) && (m.status = g.Missed);
+  }
+  return r;
+}, le = (e, o, r) => {
+  const a = [];
+  let t = b(o, e.recurrenceDay);
+  for (; u(t, r); )
+    a.push({ ...e, expectedDate: t }), t = b(t, e.recurrenceDay);
+  return a;
+}, he = (e, o, r) => {
+  const a = [];
+  let t = e.expectedDate;
+  if (u(t, o))
+    for (; u(t, o); )
+      t = W(t, 2);
+  else {
+    for (; y(t, o) || H(t, o); )
+      t = Z(t, 2);
+    t = W(t, 2);
+  }
+  for (; u(t, r); )
+    a.push({ ...e, expectedDate: t }), t = A(t, 14);
+  return a;
+}, pe = (e, o, r) => {
+  const a = [];
+  let t = _(o, e.recurrenceDay);
+  for (; u(t, r); )
+    a.push({ ...e, expectedDate: t }), t = p(t, 1);
+  let s = e.secondRecurrenceDay && e.secondRecurrenceDay < 28 ? _(o, e.secondRecurrenceDay) : T(o);
+  for (; u(s, r); )
+    a.push({ ...e, expectedDate: s }), s = p(s, 1);
+  return a;
+}, ye = (e, o, r) => {
+  const a = [];
+  let t = _(o, e.recurrenceDay);
+  for (a.push({ ...e, expectedDate: t }), t = p(t, 1); u(t, r); )
+    a.push({ ...e, expectedDate: t }), t = p(t, 1);
+  return a;
+}, fe = (e, o, r) => {
+  const a = [], t = e.expectedDate;
+  let s = u(t, r) ? t : X(t, 2);
+  for (; u(s, r); )
+    y(s, o) && a.push({ ...e, expectedDate: s }), s = p(s, 2);
+  return a;
+}, _e = (e, o, r) => {
+  const a = [], t = e.expectedDate;
+  let s = u(t, r) ? t : B(t, 1);
+  for (; u(s, r); )
+    y(s, o) && a.push({ ...e, expectedDate: s }), s = Q(s, 1);
+  return a;
+}, De = (e, o, r) => {
+  const a = [], t = e.expectedDate;
+  let s = u(t, r) ? t : B(t, 2);
+  for (; u(s, r); )
+    y(s, o) && a.push({ ...e, expectedDate: s }), s = Q(s, 2);
+  return a;
+}, xe = (e, o, r) => {
+  const a = [], t = e.expectedDate;
+  let s = u(t, r) ? t : ee(t, 1);
+  for (; u(s, r); )
+    y(s, o) && a.push({ ...e, expectedDate: s }), s = j(s, 1);
+  return a;
+}, ct = (e, o) => {
+  const r = [];
+  for (const a of e) {
+    const t = me(a, o);
+    r.push(...t);
+  }
+  return r.sort(
+    (a, t) => f(a.occurredOnDate || a.expectedDate) - f(t.occurredOnDate || t.expectedDate)
+  );
+}, it = (e, o, r) => {
+  const a = [];
+  for (const t of o) {
+    const s = r.filter(
+      (c) => c.repeating_transaction_guid === t.guid
+    );
+    r.length > 0 && a.push({
+      ...t,
+      account: e.find((c) => c.guid === t.account_guid),
+      transactions: s
+    });
+  }
+  return a;
+}, ut = (e) => e.reduce((o, r) => {
+  const a = z(r.expectedDate, { representation: "date" }), t = o.find(
+    (s) => s.date.toString() === r.expectedDate.toString()
+  );
+  return t ? t.recurrences.push(r) : o.push({
+    date: r.expectedDate,
+    id: `date-${a}`,
+    recurrences: [r]
+  }), o;
+}, []), dt = (e, o, r) => {
+  const a = b(E(), o.recurrence_day), t = S(E(), o.recurrence_day), s = N(o.recurrence_day), c = o.second_recurrence_day ? N(o.second_recurrence_day) : "";
+  let i = r ? h(e.monthly_ordinal, s) : e.monthly;
+  switch (o.recurrence_type) {
+    case n.EveryQuarter:
+      i = r ? h(e.quarterly_ordinal, s) : e.quarterly;
+      break;
+    case n.EveryWeek:
+      i = r ? h(
+        e.weekly_ordinal,
+        v(a, k.DAY_OF_WEEK)
+      ) : e.weekly;
+      break;
+    case n.EveryYear:
+      i = r ? h(
+        e.anually_ordinal,
+        v(t, k.MONTH_DAY)
+      ) : e.anually;
+      break;
+    case n.EveryOtherWeek:
+      i = r ? h(
+        e.every_other_week_ordinal,
+        v(a, k.DAY_OF_WEEK)
+      ) : e.every_other_week;
+      break;
+    case n.EveryOtherMonth:
+      i = r ? h(e.every_other_month_ordinal, s) : e.every_other_month;
+      break;
+    case n.EveryOtherQuarter:
+      i = r ? h(e.every_other_quarter_ordinal, s) : e.every_other_quarter;
+      break;
+    case n.TwiceAMonth:
+      i = r ? h(e.twice_a_month_ordinal, s, c) : e.twice_a_month;
+      break;
+  }
+  return i;
+}, mt = (e, o, r) => {
+  let a = o;
+  r !== void 0 && (e === n.EveryWeek || e === n.EveryOtherWeek ? a = J(o, r) : e === n.EveryYear ? a = S(o, r) : a = _(o, r));
+  let t = a;
+  switch (e) {
+    case n.EveryWeek:
+      t = ce(a);
+      break;
+    case n.EveryOtherWeek:
+      t = ne(a);
+      break;
+    case n.EveryMonth:
+      t = se(a);
+      break;
+    case n.EveryOtherMonth:
+      t = oe(a);
+      break;
+    case n.EveryQuarter:
+      t = ae(a);
+      break;
+    case n.EveryOtherQuarter:
+      t = re(a);
+      break;
+    case n.EveryYear:
+      t = te(a);
+      break;
+  }
+  return t;
+};
+export {
+  st as D,
+  nt as S,
+  it as a,
+  ct as b,
+  mt as c,
+  ut as d,
+  dt as g
+};

package/dist/{RecurringTransactionsStore-CkMA7gY3.mjs → RecurringTransactionsStore-BE_eUfTC.mjs}

@@ -8,7 +8,7 @@ import { startOfMonth as y } from "date-fns/startOfMonth";
 import { startOfToday as i } from "date-fns/startOfToday";
 import { subDays as I } from "date-fns/subDays";
 import { F as x, A as o } from "./Fetch-B6tMJC1r.mjs";
-import { a as u, b as A } from "./RecurringTransactions-BCJp-Nap.mjs";
+import { a as u, b as A } from "./RecurringTransactions-BbZ6MQsX.mjs";
 import { a as r, b as d } from "./RepeatingTransaction-DF4vJn_v.mjs";
 var E = /* @__PURE__ */ ((a) => (a.Small = "small", a.Medium = "medium", a.Large = "large", a))(E || {});
 const U = 44;

package/dist/{SpendingLegend-BCnXkPCD.mjs → SpendingLegend-CypdabwS.mjs}

@@ -11,7 +11,7 @@ import { CategoryIcon as G, CategoryIconVariants as O, Text as y, P as $ } from
 import { D as j } from "./Donut-CpxJlVvJ.mjs";
 import { u as R } from "./useAriaLive-MkYebyUR.mjs";
 import { u as v } from "./hooks-BxkfR-Ff.mjs";
-import { u as V } from "./useScreenSize-B6JyS_Lj.mjs";
+import { u as V } from "./useScreenSize-CUcpY7aJ.mjs";
 import { f as b } from "./NumberFormatting-QCaNwbjv.mjs";
 const D = 5, B = (i, l, g, m) => m.reduce((o, n) => {
   const a = i.find((s) => s.guid === n.category_guid);

package/dist/{StatusIndicator-4tWnjeKS.mjs → StatusIndicator-DAWRKwmE.mjs}

@@ -19,7 +19,7 @@ import { fromUnixTime as w } from "date-fns/fromUnixTime";
 import { isSameDay as z } from "date-fns/isSameDay";
 import { h as ne } from "./DateUtil-wcYTmDRD.mjs";
 import { L as ie } from "./Loader-D3rjKx72.mjs";
-import { A as se } from "./Analytics-BYItVAe-.mjs";
+import { A as se } from "./Analytics-0Xm_BjHU.mjs";
 const C = () => {
   if (!u.useContext(K))
     throw new Error("useTransactionsUiStore() must be used within the GlobalDataContext");