@mx-cartographer/experiences 7.0.2-alpha.al0 → 7.0.3

package/CHANGELOG.md

@@ -1,3 +1,8 @@
+## [7.0.3] - 09-12-2025
+
+- **UPDATED** - `Recurring Setting` | design change in `ManageExpenses` and `ManageIncome`. 
+- **ADDED** - `Recurring Setting` | Zero state added for `ManageExpenses` and `ManageIncome`. 
+
 ## [7.0.2] - 09-17-2025
 
 - **ADDED** - Transactions widget supports account-specific requests

package/dist/ManageIncome-BtKRPjvO.mjs

@@ -0,0 +1,574 @@
+import { jsxs as c, jsx as e, Fragment as E } from "react/jsx-runtime";
+import u from "react";
+import { observer as A } from "mobx-react-lite";
+import oe from "@mui/material/Box";
+import L from "@mui/material/Divider";
+import K from "@mui/material/List";
+import y from "@mui/material/Stack";
+import re from "@mui/material/ListItem";
+import ae from "@mui/material/ListItemAvatar";
+import ie from "@mui/material/ListItemButton";
+import se from "@mui/material/ListItemText";
+import { MerchantLogo as j, Text as x, H1 as ce, InstitutionLogo as de, P } from "@mxenabled/mxui";
+import { F as l, S as N, D as Y, g as Q, R, e as le } from "./RepeatingTransaction-BPWfaB3f.mjs";
+import { subDays as ue } from "date-fns/subDays";
+import { startOfToday as U } from "date-fns/startOfToday";
+import { endOfMonth as _e } from "date-fns/endOfMonth";
+import $ from "@mui/material/Button";
+import { Delete as me, Add as pe, ReceiptLong as ye } from "@mxenabled/mx-icons";
+import { T as H, a as he, u as fe, S as ge, b as Ce } from "./TransactionDetails-D4B9DSWo.mjs";
+import { getDayOfYear as be } from "date-fns/getDayOfYear";
+import { setDayOfYear as Se } from "date-fns/setDayOfYear";
+import { AdapterDateFns as ve } from "@mui/x-date-pickers/AdapterDateFnsV3";
+import { DatePicker as xe } from "@mui/x-date-pickers";
+import { LocalizationProvider as we } from "@mui/x-date-pickers/LocalizationProvider";
+import { u as w, h as M, e as F, a as Ae, f as X, o as De } from "./hooks-02T565vf.mjs";
+import { b as Ie, f as Z } from "./NumberFormatting-CtWHhyBX.mjs";
+import { D as O } from "./Drawer-kEE73B87.mjs";
+import { A as T } from "./WidgetContainer-BG-fdDOf.mjs";
+import { f as Ee, D as Re, a as Te } from "./Dialog-CWW597AF.mjs";
+import { formatISO as Le } from "date-fns/formatISO";
+import { fromUnixTime as Oe } from "date-fns/fromUnixTime";
+import { S as ke } from "./SearchBox-B2_zLv8-.mjs";
+import { h as Ne } from "./DateUtil-BcuH7ErC.mjs";
+import { b as z } from "./Category-CevNQ03n.mjs";
+import { T as J } from "./Transaction-CyqrHmAA.mjs";
+const V = ({
+  frequency: n,
+  firstDay: t,
+  secondDay: r,
+  onFrequencyChange: a,
+  onFirstDayChange: s,
+  onSecondDayChange: d
+}) => {
+  const { recurring: o } = w(), i = u.useMemo(
+    () => [
+      { id: l.EveryWeek, label: o.frequency_every_week },
+      { id: l.EveryOtherWeek, label: o.frequency_every_other_week },
+      { id: l.TwiceAMonth, label: o.frequency_twice_a_month },
+      { id: l.EveryMonth, label: o.frequency_every_month },
+      { id: l.EveryOtherMonth, label: o.frequency_every_other_month },
+      { id: l.EveryQuarter, label: o.frequency_every_quarter },
+      { id: l.EveryOtherQuarter, label: o.frequency_every_other_quarter },
+      { id: l.EveryYear, label: o.frequency_every_year }
+    ],
+    [o]
+  ), m = [
+    { id: 0, label: o.weekday_sunday },
+    { id: 1, label: o.weekday_monday },
+    { id: 2, label: o.weekday_tuesday },
+    { id: 3, label: o.weekday_wednesday },
+    { id: 4, label: o.weekday_thursday },
+    { id: 5, label: o.weekday_friday },
+    { id: 6, label: o.weekday_saturday }
+  ], h = [...Array(31).keys()].map((p) => ({
+    id: p + 1,
+    label: Ie(p + 1)
+  }));
+  h[30].label += ` (${o.last_day_of_month})`;
+  const C = h.slice(0, 15), v = h.slice(14), b = n === l.EveryWeek || n === l.EveryOtherWeek, f = n === l.TwiceAMonth || n === l.EveryMonth || n === l.EveryOtherMonth || n === l.EveryQuarter || n === l.EveryOtherQuarter, D = Se(U(), t), g = (p) => {
+    p && s(be(p));
+  };
+  return /* @__PURE__ */ c(y, { gap: 24, sx: { m: 24 }, children: [
+    /* @__PURE__ */ e(
+      N,
+      {
+        label: o.frequency,
+        onChange: a,
+        options: i,
+        value: n
+      }
+    ),
+    b && /* @__PURE__ */ e(
+      N,
+      {
+        label: o.day_of_the_week,
+        onChange: s,
+        options: m,
+        value: t
+      }
+    ),
+    f && /* @__PURE__ */ e(
+      N,
+      {
+        label: n === l.TwiceAMonth ? o.first_day_of_the_month : o.day_of_the_month,
+        onChange: s,
+        options: n === l.TwiceAMonth ? C : h,
+        value: t
+      }
+    ),
+    n === l.TwiceAMonth && /* @__PURE__ */ e(
+      N,
+      {
+        label: o.second_day_of_the_month,
+        onChange: d,
+        options: v,
+        value: r || 0
+      }
+    ),
+    n === l.EveryYear && /* @__PURE__ */ e(we, { dateAdapter: ve, children: /* @__PURE__ */ e(
+      xe,
+      {
+        disablePast: !0,
+        label: o.next_payment_date,
+        onChange: g,
+        value: D
+      }
+    ) })
+  ] });
+}, Me = A(({ repeatingTransaction: n }) => {
+  const { recurring: t } = w(), { updateRepeatingTransaction: r } = M(), { onEvent: a } = F(), [s, d] = u.useState(!1), [o, i] = u.useState(n.recurrence_type), [m, h] = u.useState(n.recurrence_day), [C, v] = u.useState(n.second_recurrence_day), b = async () => {
+    await r({
+      ...n,
+      recurrence_type: o,
+      recurrence_day: m,
+      second_recurrence_day: C
+    }), d(!1);
+  }, f = () => {
+    d(!0), a(T.RECURRING_TRANSACTIONS_DETAILS_CLICK_PAYMENT_SCHEDULE);
+  };
+  return /* @__PURE__ */ c(E, { children: [
+    /* @__PURE__ */ e(
+      Y,
+      {
+        iconName: "sync",
+        label: t.activity_schedule,
+        onClick: f,
+        value: `${Q(t, n, !0)}`
+      }
+    ),
+    /* @__PURE__ */ e(
+      O,
+      {
+        ariaLabelClose: t.close_drawer_aria,
+        isOpen: s,
+        onClose: () => d(!1),
+        onPrimaryAction: b,
+        title: t.payment_schedule,
+        children: /* @__PURE__ */ e(
+          V,
+          {
+            firstDay: m,
+            frequency: o,
+            onFirstDayChange: h,
+            onFrequencyChange: i,
+            onSecondDayChange: v,
+            secondDay: C
+          }
+        )
+      }
+    )
+  ] });
+}), Fe = A(
+  ({ onDeleted: n, recurringTransaction: t }) => {
+    const { recurring: r } = w(), { selectedAccountGuids: a } = Ae(), { onEvent: s } = F(), { deleteRepeatingTransaction: d } = M(), { setFilter: o, transactions: i } = X(), { amount: m, description: h, merchant_guid: C } = t, [v, b] = u.useState(!1), [f, D] = u.useState("");
+    u.useEffect(() => {
+      o({
+        accounts: a,
+        dateRange: { start: ue(U(), 90), end: _e(U()) },
+        custom: (_) => _.repeating_transaction_guid === t.guid
+      });
+    }, [t]);
+    const g = u.useMemo(
+      () => i.find((_) => _.guid === f),
+      [f, i]
+    ), p = t.repeating_transaction_type === R.Income, k = async () => {
+      await d(t.guid), n();
+    }, G = () => {
+      b(!0), s(T.RECURRING_TRANSACTIONS_DETAILS_CLICK_DELETE);
+    };
+    return /* @__PURE__ */ c(y, { bgcolor: "background.default", direction: "column", height: "100%", children: [
+      /* @__PURE__ */ c(y, { direction: "column", m: 24, children: [
+        /* @__PURE__ */ e(
+          j,
+          {
+            categoryGuid: g?.category_guid || "",
+            merchantGuid: C,
+            size: 64,
+            sx: { mb: 12 }
+          }
+        ),
+        /* @__PURE__ */ e(x, { bold: !0, variant: "body1", children: h }),
+        /* @__PURE__ */ c(ce, { color: p ? "success.main" : "text.primary", sx: { my: 4 }, children: [
+          p ? "+" : "",
+          Z(m, "0,0.00")
+        ] }),
+        /* @__PURE__ */ e(x, { color: "text.secondary", variant: "body2", children: `${r.next_payment_date}: ${Ee(
+          t.predicted_occurs_on,
+          Re.MONTH_DAY_YEAR
+        )}` })
+      ] }),
+      /* @__PURE__ */ c(K, { sx: { bgcolor: "background.paper" }, children: [
+        t.account && /* @__PURE__ */ c(E, { children: [
+          /* @__PURE__ */ e(
+            Y,
+            {
+              iconName: "checkbook",
+              label: r.account,
+              value: t.account.institutionName || ""
+            }
+          ),
+          /* @__PURE__ */ e(L, { variant: "inset" })
+        ] }),
+        g?.category && /* @__PURE__ */ c(E, { children: [
+          /* @__PURE__ */ e(
+            Y,
+            {
+              iconName: "monetization_on",
+              label: r.category,
+              value: g.category
+            }
+          ),
+          /* @__PURE__ */ e(L, { variant: "inset" })
+        ] }),
+        /* @__PURE__ */ e(Me, { repeatingTransaction: t }),
+        /* @__PURE__ */ e(L, {})
+      ] }),
+      /* @__PURE__ */ e(
+        $,
+        {
+          color: "error",
+          onClick: G,
+          startIcon: /* @__PURE__ */ e(me, {}),
+          sx: { mx: 24, my: 16 },
+          variant: "text",
+          children: p ? r.delete_income_title : r.delete_expense_title
+        }
+      ),
+      /* @__PURE__ */ e(x, { bold: !0, sx: { ml: 24, mt: 16 }, variant: "Body", children: r.paid_transactions }),
+      /* @__PURE__ */ e(H, { height: "30dvh", onClick: D }),
+      /* @__PURE__ */ e(
+        O,
+        {
+          ariaLabelClose: r.close_drawer_aria,
+          isOpen: !!f && !!g,
+          onClose: () => D(""),
+          title: r.transaction_details_drawer_title,
+          children: g && /* @__PURE__ */ e(he, { transaction: g })
+        }
+      ),
+      /* @__PURE__ */ e(
+        Te,
+        {
+          copy: {
+            title: p ? r.delete_income_title : r.delete_expense_title,
+            close_aria: r.close_drawer_aria
+          },
+          isOpen: v,
+          onClose: () => b(!1),
+          onPrimaryAction: k,
+          children: /* @__PURE__ */ e(x, { children: p ? r.delete_income_description : r.delete_expense_description })
+        }
+      )
+    ] });
+  }
+), Ge = A(
+  ({ onClick: n = () => {
+  }, repeatingTransaction: t }) => {
+    const { recurring: r } = w(), [a, s] = u.useState(!1), d = u.useMemo(
+      () => t.transactions.length === 0 ? "" : t.transactions[0].category_guid || "",
+      [t]
+    ), o = t.account?.institutionName || "", i = t.repeating_transaction_type === R.Income, m = Q(r, t, !0);
+    return /* @__PURE__ */ c(re, { disableGutters: !0, disablePadding: !0, children: [
+      /* @__PURE__ */ c(ie, { onClick: () => {
+        n(t), s(!0);
+      }, children: [
+        /* @__PURE__ */ e(ae, { children: /* @__PURE__ */ e(
+          j,
+          {
+            categoryGuid: d,
+            merchantGuid: t.merchant_guid
+          }
+        ) }),
+        /* @__PURE__ */ e(se, { children: /* @__PURE__ */ c(y, { direction: "row", gap: 4, sx: { justifyContent: "space-between" }, children: [
+          /* @__PURE__ */ c(y, { direction: "column", sx: { width: "50%" }, children: [
+            /* @__PURE__ */ e(x, { bold: !0, variant: "body1", children: t.description }),
+            /* @__PURE__ */ c(y, { alignItems: "center", direction: "row", gap: 6, children: [
+              t.account?.institution_guid && /* @__PURE__ */ e(
+                de,
+                {
+                  alt: o,
+                  institutionGuid: t.account?.institution_guid,
+                  size: 12
+                }
+              ),
+              /* @__PURE__ */ e(x, { variant: "caption", children: o })
+            ] })
+          ] }),
+          /* @__PURE__ */ c(y, { alignItems: "flex-end", sx: { width: "50%" }, children: [
+            /* @__PURE__ */ c(
+              x,
+              {
+                bold: !0,
+                color: i ? "success.main" : "text.primary",
+                variant: "body1",
+                children: [
+                  i ? "+" : "",
+                  Z(t.amount, "0,0.00")
+                ]
+              }
+            ),
+            /* @__PURE__ */ e(
+              y,
+              {
+                direction: "row",
+                sx: {
+                  alignItems: "center",
+                  gap: 6,
+                  justifyContent: "flex-end",
+                  textTransform: "uppercase",
+                  width: "100%"
+                },
+                children: /* @__PURE__ */ e(x, { bold: !0, color: "text.secondary", variant: "caption", children: m })
+              }
+            )
+          ] })
+        ] }) })
+      ] }),
+      /* @__PURE__ */ e(
+        O,
+        {
+          ariaLabelClose: r.close_drawer_aria,
+          isOpen: a,
+          onClose: () => s(!1),
+          title: t.repeating_transaction_type === R.Income ? r.income_details : r.expense_details,
+          children: /* @__PURE__ */ e(
+            Fe,
+            {
+              onDeleted: () => s(!1),
+              recurringTransaction: t
+            }
+          )
+        }
+      )
+    ] });
+  }
+), Pe = A(
+  ({
+    bgcolor: n = "background.default",
+    description: t,
+    onSearch: r,
+    onSelected: a
+  }) => {
+    const { recurring: s } = w(), { searchValue: d, setSearchValue: o } = fe();
+    return /* @__PURE__ */ c(y, { sx: { bgcolor: n, gap: 16, pt: 8 }, children: [
+      t && /* @__PURE__ */ e(P, { sx: { mx: 24 }, children: t }),
+      /* @__PURE__ */ e(
+        ke,
+        {
+          ariaLabel: s.select_transaction_search_aria,
+          cancelAriaLabel: s.select_transaction_search_cancel_aria,
+          onChange: (i) => {
+            o(i), r(i);
+          },
+          placeholder: s.select_transaction_search_placeholder,
+          searchValue: d
+        }
+      ),
+      /* @__PURE__ */ e(H, { bgcolor: n, height: "auto", onClick: a, showLoader: !1 })
+    ] });
+  }
+), Ye = A(
+  ({
+    bgcolor: n = "background.default",
+    firstDay: t,
+    secondDay: r,
+    frequency: a,
+    onFrequencyChange: s,
+    onFirstDayChange: d,
+    onSecondDayChange: o,
+    transaction: i
+  }) => {
+    const { recurring: m } = w();
+    return /* @__PURE__ */ c(y, { bgcolor: n, gap: 24, height: "100%", children: [
+      /* @__PURE__ */ c(y, { children: [
+        /* @__PURE__ */ e(ge, { bgcolor: n, children: Ne(i.date) }),
+        /* @__PURE__ */ e(Ce, { transaction: i })
+      ] }),
+      /* @__PURE__ */ e(x, { bold: !0, sx: { mx: 24 }, variant: "Body", children: m.payment_schedule }),
+      /* @__PURE__ */ e(
+        V,
+        {
+          firstDay: t,
+          frequency: a,
+          onFirstDayChange: d,
+          onFrequencyChange: s,
+          onSecondDayChange: o,
+          secondDay: r
+        }
+      )
+    ] });
+  }
+), B = (n) => n.top_level_category_guid !== z.INCOME && n.transaction_type === J.DEBIT, Ue = (n, t) => B(n) ? n.payee?.toLowerCase().includes(t.toLowerCase()) || n.description.toLowerCase().includes(t.toLowerCase()) || n.feed_description.toLowerCase().includes(t.toLowerCase()) : !1, q = (n) => n.top_level_category_guid === z.INCOME || n.top_level_category_guid === z.TRANSFER && n.transaction_type === J.CREDIT, ze = (n, t) => q(n) ? n.payee?.toLowerCase().includes(t.toLowerCase()) || n.description?.toLowerCase().includes(t.toLowerCase()) || n.feed_description?.toLowerCase().includes(t.toLowerCase()) : !1, ee = A(
+  ({
+    isIncome: n = !1,
+    label: t,
+    onAddRecurringTransaction: r = () => null
+  }) => {
+    const { recurring: a } = w(), { filter: s, setFilter: d, transactions: o } = X(), { addRepeatingTransaction: i } = M(), { user: m } = De(), [h, C] = u.useState(!1), [v, b] = u.useState(""), [f, D] = u.useState(l.EveryMonth), [g, p] = u.useState(1), [k, G] = u.useState(15), _ = u.useMemo(
+      () => o.find((S) => S.guid === v),
+      [v, o]
+    ), te = () => {
+      C(!0), d(n ? { ...s, custom: q } : { ...s, custom: B });
+    }, ne = async () => {
+      if (!_) {
+        W();
+        return;
+      }
+      r();
+      const S = le(f, Oe(_.date)), I = {
+        account_guid: _.account_guid,
+        amount: _.amount,
+        created_by: 0,
+        // User
+        merchant_guid: _.merchant_guid,
+        description: _.payee || _.description || _.feed_description,
+        predicted_occurs_on: Le(S, { representation: "date" }),
+        recurrence_day: g,
+        recurrence_type: f,
+        repeating_transaction_type: n ? R.Income : R.Bill,
+        second_recurrence_day: k,
+        transaction_type: _.transaction_type,
+        user_guid: m.guid
+      };
+      await i(I, _), W();
+    }, W = () => {
+      b(""), C(!1);
+    };
+    return /* @__PURE__ */ c(E, { children: [
+      /* @__PURE__ */ e($, { onClick: te, startIcon: /* @__PURE__ */ e(pe, { size: 24 }), variant: "contained", children: t }),
+      /* @__PURE__ */ e(
+        O,
+        {
+          ariaLabelClose: a.close_drawer_aria,
+          isOpen: h,
+          onClose: () => C(!1),
+          title: t,
+          children: /* @__PURE__ */ e(
+            Pe,
+            {
+              description: n ? a.add_income_description : a.add_expense_description,
+              onSearch: (S) => {
+                d({
+                  ...s,
+                  custom: (I) => n ? S ? ze(I, S) : q(I) : S ? Ue(I, S) : B(I)
+                });
+              },
+              onSelected: (S) => b(S)
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ e(
+        O,
+        {
+          ariaLabelClose: a.close_drawer_aria,
+          isOpen: !!v,
+          onClose: () => b(""),
+          onPrimaryAction: ne,
+          title: n ? a.income_details : a.expense_details,
+          children: _ && /* @__PURE__ */ e(
+            Ye,
+            {
+              firstDay: g,
+              frequency: f,
+              onFirstDayChange: p,
+              onFrequencyChange: D,
+              onSecondDayChange: G,
+              secondDay: k,
+              transaction: _
+            }
+          )
+        }
+      )
+    ] });
+  }
+), Be = A(
+  ({ zeroStateFor: n }) => {
+    const { recurring: t } = w(), { onEvent: r } = F(), a = n === "income", s = a ? t.recurring_setting_zero_state_income_title : t.recurring_setting_zero_state_expenses_title, d = a ? t.recurring_setting_zero_state_income_description : t.recurring_setting_zero_state_expenses_description, o = a ? t.add_income : t.add_expense;
+    return /* @__PURE__ */ c(y, { sx: { alignItems: "center", p: 24, pt: 48 }, children: [
+      /* @__PURE__ */ e(ye, { size: 48 }),
+      /* @__PURE__ */ e(P, { sx: { my: 8, fontWeight: 600 }, variant: "body1", children: s }),
+      /* @__PURE__ */ e(P, { color: "text.secondary", sx: { mb: 32 }, variant: "subtitle2", children: d }),
+      /* @__PURE__ */ e(
+        ee,
+        {
+          isIncome: a,
+          label: o,
+          onAddRecurringTransaction: () => {
+            r(
+              a ? T.RECURRING_TRANSACTIONS_CLICK_ADD_INCOME : T.RECURRING_ACTIVITY_CLICK_ADD_EXPENSE
+            );
+          }
+        }
+      )
+    ] });
+  }
+), wt = A(({ forOverview: n = !1 }) => {
+  const { recurring: t } = w(), { repeatingTransactions: r } = M(), { onEvent: a } = F(), s = (i) => {
+    a(T.RECURRING_TRANSACTIONS_CLICK_INCOME, {
+      repeating_transaction_guid: i.guid
+    });
+  }, d = () => {
+    a(T.RECURRING_TRANSACTIONS_CLICK_ADD_INCOME);
+  }, o = r.filter(
+    (i) => i.repeating_transaction_type === R.Income && (i.transactions.length > 0 || i.recurrence_type === l.EveryYear)
+  );
+  return /* @__PURE__ */ e(E, { children: o.length !== 0 ? /* @__PURE__ */ c(E, { children: [
+    /* @__PURE__ */ e(
+      oe,
+      {
+        sx: {
+          height: n ? "calc(100% - 106px)" : "calc(100% - 126px)",
+          overflowY: "auto"
+        },
+        children: /* @__PURE__ */ e(K, { sx: { bgcolor: "background.paper" }, children: o.map((i, m) => /* @__PURE__ */ c(u.Fragment, { children: [
+          /* @__PURE__ */ e(Ge, { onClick: s, repeatingTransaction: i }),
+          /* @__PURE__ */ e(
+            L,
+            {
+              variant: m < o.length - 1 ? "inset" : "fullWidth"
+            }
+          )
+        ] }, i.guid)) })
+      }
+    ),
+    /* @__PURE__ */ e(L, {}),
+    /* @__PURE__ */ e(
+      y,
+      {
+        direction: "row",
+        sx: {
+          alignContent: "center",
+          bgcolor: "background.paper",
+          bottom: 0,
+          height: 68,
+          justifyContent: "flex-end",
+          position: "absolute",
+          px: 24,
+          py: 12,
+          width: "100%"
+        },
+        children: /* @__PURE__ */ e(
+          ee,
+          {
+            isIncome: !0,
+            label: t.add_income,
+            onAddRecurringTransaction: d
+          }
+        )
+      }
+    )
+  ] }) : /* @__PURE__ */ e(Be, { zeroStateFor: "income" }) });
+});
+export {
+  ee as A,
+  wt as M,
+  Ge as R,
+  Pe as S,
+  Be as a,
+  Fe as b,
+  Ye as c,
+  q as d,
+  ze as i
+};

package/dist/RecurringSettings-Dqn4pjZ0.mjs

@@ -0,0 +1,81 @@
+import { jsx as e, Fragment as g, jsxs as i } from "react/jsx-runtime";
+import m from "react";
+import { observer as u } from "mobx-react-lite";
+import h from "@mui/material/Box";
+import p from "@mui/material/Tab";
+import R from "@mui/material/Tabs";
+import l from "@mui/material/Divider";
+import T from "@mui/material/List";
+import C from "@mui/material/Stack";
+import { R as S, A as x, a as E, M as A } from "./ManageIncome-BtKRPjvO.mjs";
+import { u as _, h as v, e as b } from "./hooks-02T565vf.mjs";
+import { R as y, F as N } from "./RepeatingTransaction-BPWfaB3f.mjs";
+import { A as d } from "./WidgetContainer-BG-fdDOf.mjs";
+const I = u(() => {
+  const { recurring: n } = _(), { repeatingTransactions: s } = v(), { onEvent: t } = b(), o = (r) => {
+    t(d.RECURRING_TRANSACTIONS_CLICK_EXPENSE, {
+      repeating_transaction_guid: r.guid
+    });
+  }, c = () => {
+    t(d.RECURRING_TRANSACTIONS_CLICK_ADD_EXPENSE);
+  }, a = s.filter(
+    (r) => r.repeating_transaction_type !== y.Income && (r.transactions.length > 0 || r.recurrence_type === N.EveryYear)
+  );
+  return /* @__PURE__ */ e(g, { children: a.length !== 0 ? /* @__PURE__ */ i(g, { children: [
+    /* @__PURE__ */ e(h, { sx: { height: "calc(100% - 126px)", overflowY: "auto" }, children: /* @__PURE__ */ e(T, { sx: { bgcolor: "background.paper" }, children: a.map((r, f) => /* @__PURE__ */ i(m.Fragment, { children: [
+      /* @__PURE__ */ e(S, { onClick: o, repeatingTransaction: r }),
+      /* @__PURE__ */ e(
+        l,
+        {
+          variant: f < a.length - 1 ? "inset" : "fullWidth"
+        }
+      )
+    ] }, r.guid)) }) }),
+    /* @__PURE__ */ e(l, {}),
+    /* @__PURE__ */ e(
+      C,
+      {
+        direction: "row",
+        sx: {
+          alignContent: "center",
+          bgcolor: "background.paper",
+          bottom: 0,
+          height: 68,
+          justifyContent: "flex-end",
+          position: "absolute",
+          px: 24,
+          py: 12,
+          width: "100%"
+        },
+        children: /* @__PURE__ */ e(x, { label: n.add_expense, onAddRecurringTransaction: c })
+      }
+    )
+  ] }) : /* @__PURE__ */ e(E, { zeroStateFor: "expenses" }) });
+}), W = u(() => {
+  const [n, s] = m.useState(0), { onEvent: t } = b(), { recurring: o } = _();
+  return /* @__PURE__ */ i(h, { bgcolor: "background.default", height: "100%", children: [
+    /* @__PURE__ */ i(
+      R,
+      {
+        onChange: (a, r) => {
+          s(r), t(
+            r === 0 ? "recurring_transactions_widget_manage_expenses" : "recurring_transactions_widget_edit_income"
+          );
+        },
+        sx: { bgcolor: "background.paper" },
+        value: n,
+        variant: "fullWidth",
+        children: [
+          /* @__PURE__ */ e(p, { label: o.expenses }),
+          /* @__PURE__ */ e(p, { label: o.income })
+        ]
+      }
+    ),
+    n === 0 && /* @__PURE__ */ e(I, {}),
+    n === 1 && /* @__PURE__ */ e(A, {})
+  ] });
+});
+export {
+  I as M,
+  W as R
+};

package/dist/budgets/index.es.js

@@ -46,7 +46,7 @@ import { u as Qe, b as et } from "../CategorySelectorDrawer-Dyzb3UDU.mjs";
 import Te from "@mui/material/CardHeader";
 import { subDays as tt } from "date-fns/subDays";
 import nt from "@mui/material/IconButton";
-import { M as ot } from "../ManageIncome-B6kmMN_z.mjs";
+import { M as ot } from "../ManageIncome-BtKRPjvO.mjs";
 const ye = 5, at = 100, rt = 25, st = (t) => {
   const o = (a) => {
     a.active || t.alphaTarget(0.3).restart(), a.subject.fx = a.subject.x, a.subject.fy = a.subject.y;
@@ -942,9 +942,9 @@ const ht = ({
         isOpen: f,
         onClose: () => _(!1),
         title: n.manage_income,
-        children: /* @__PURE__ */ d(b, { gap: 4, children: [
+        children: /* @__PURE__ */ d(b, { gap: 4, sx: { height: "100%" }, children: [
           /* @__PURE__ */ e(p, { bold: !0, sx: { mt: 12, mx: 24 }, variant: "Small", children: s.income_title }),
-          /* @__PURE__ */ e(ot, {})
+          /* @__PURE__ */ e(ot, { forOverview: !0 })
         ] })
       }
     )