@mx-cartographer/experiences 7.0.37-alpha-recurring-transactions-divider-padding-ram3 → 7.0.37-alpha-testing-mr-ram1

package/CHANGELOG.md

@@ -1,3 +1,7 @@
+## [7.0.38] - 10-03-2025
+
+- **FIXED** - Fixed footer for Manage Expenses/Income
+
 ## [7.0.37] - 10-02-2025
 
 - **UPDATED** - Account Filter empty state to optionally suppress 'connect accounts' prompts

package/dist/{ManageIncome-BaZyK1CD.mjs → ManageIncome-4_bSdxXr.mjs}

@@ -3,24 +3,24 @@ import u from "react";
 import { observer as A } from "mobx-react-lite";
 import P from "@mui/material/Box";
 import T from "@mui/material/Divider";
-import K from "@mui/material/List";
-import p 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 Q, Text as x, H1 as ce, InstitutionLogo as le, P as U } from "@mxenabled/mxui";
-import { F as d, S as N, D as Y, g as $, R as E, e as de } from "./RepeatingTransaction-BW4J-jeJ.mjs";
+import j from "@mui/material/List";
+import y from "@mui/material/Stack";
+import { MerchantLogo as H, Text as S, H1 as re, InstitutionLogo as ae, P as U } from "@mxenabled/mxui";
+import ie from "@mui/material/ListItem";
+import se from "@mui/material/ListItemAvatar";
+import ce from "@mui/material/ListItemButton";
+import le from "@mui/material/ListItemText";
+import { F as d, S as N, D as Y, g as Q, R as E, e as de } from "./RepeatingTransaction-BW4J-jeJ.mjs";
 import { subDays as ue } from "date-fns/subDays";
 import { startOfToday as z } from "date-fns/startOfToday";
 import { endOfMonth as _e } from "date-fns/endOfMonth";
-import H from "@mui/material/Button";
-import { Delete as me, Add as ye, ReceiptLong as pe } from "@mxenabled/mx-icons";
+import $ from "@mui/material/Button";
+import { Delete as me, Add as pe, ReceiptLong as ye } from "@mxenabled/mx-icons";
 import { T as X, a as he, u as ge, S as fe, b as Ce } from "./TransactionDetails-C-2UEbmQ.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 { setDayOfYear as xe } from "date-fns/setDayOfYear";
+import { AdapterDateFns as Se } from "@mui/x-date-pickers/AdapterDateFnsV3";
+import { DatePicker as ve } from "@mui/x-date-pickers";
 import { LocalizationProvider as we } from "@mui/x-date-pickers/LocalizationProvider";
 import { u as w, i as M, f as F, a as Ae, g as Z, o as De } from "./hooks-BAAimqdq.mjs";
 import { b as Ie, f as J } from "./NumberFormatting-CtWHhyBX.mjs";
@@ -61,15 +61,15 @@ const ee = ({
     { id: 4, label: o.weekday_thursday },
     { id: 5, label: o.weekday_friday },
     { id: 6, label: o.weekday_saturday }
-  ], h = [...Array(31).keys()].map((y) => ({
-    id: y + 1,
-    label: Ie(y + 1)
+  ], 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 === d.EveryWeek || n === d.EveryOtherWeek, g = n === d.TwiceAMonth || n === d.EveryMonth || n === d.EveryOtherMonth || n === d.EveryQuarter || n === d.EveryOtherQuarter, D = Se(z(), t), f = (y) => {
-    y && s(be(y));
+  const C = h.slice(0, 15), v = h.slice(14), b = n === d.EveryWeek || n === d.EveryOtherWeek, g = n === d.TwiceAMonth || n === d.EveryMonth || n === d.EveryOtherMonth || n === d.EveryQuarter || n === d.EveryOtherQuarter, D = xe(z(), t), f = (p) => {
+    p && s(be(p));
   };
-  return /* @__PURE__ */ c(p, { gap: 24, sx: { m: 24 }, children: [
+  return /* @__PURE__ */ c(y, { gap: 24, sx: { m: 24 }, children: [
     /* @__PURE__ */ e(
       N,
       {
@@ -106,8 +106,8 @@ const ee = ({
         value: r || 0
       }
     ),
-    n === d.EveryYear && /* @__PURE__ */ e(we, { dateAdapter: ve, children: /* @__PURE__ */ e(
-      xe,
+    n === d.EveryYear && /* @__PURE__ */ e(we, { dateAdapter: Se, children: /* @__PURE__ */ e(
+      ve,
       {
         disablePast: !0,
         label: o.next_payment_date,
@@ -134,7 +134,7 @@ const ee = ({
         iconName: "sync",
         label: t.activity_schedule,
         onClick: g,
-        value: `${$(t, n, !0)}`
+        value: `${Q(t, n, !0)}`
       }
     ),
     /* @__PURE__ */ e(
@@ -172,15 +172,15 @@ const ee = ({
     const f = u.useMemo(
       () => i.find((_) => _.guid === g),
       [g, i]
-    ), y = t.repeating_transaction_type === E.Income, k = async () => {
+    ), p = t.repeating_transaction_type === E.Income, k = async () => {
       await l(t.guid), n();
     }, G = () => {
       b(!0), s(R.RECURRING_TRANSACTIONS_DETAILS_CLICK_DELETE);
     };
-    return /* @__PURE__ */ c(p, { bgcolor: "background.default", direction: "column", height: "100%", children: [
-      /* @__PURE__ */ c(p, { direction: "column", m: 24, children: [
+    return /* @__PURE__ */ c(y, { bgcolor: "background.default", direction: "column", height: "100%", children: [
+      /* @__PURE__ */ c(y, { direction: "column", m: 24, children: [
         /* @__PURE__ */ e(
-          Q,
+          H,
           {
             categoryGuid: f?.category_guid || "",
             merchantGuid: C,
@@ -188,17 +188,17 @@ const ee = ({
             sx: { mb: 12 }
           }
         ),
-        /* @__PURE__ */ e(x, { bold: !0, variant: "body1", children: h }),
-        /* @__PURE__ */ c(ce, { color: y ? "success.main" : "text.primary", sx: { my: 4 }, children: [
-          y ? "+" : "",
+        /* @__PURE__ */ e(S, { bold: !0, variant: "body1", children: h }),
+        /* @__PURE__ */ c(re, { color: p ? "success.main" : "text.primary", sx: { my: 4 }, children: [
+          p ? "+" : "",
           J(m, "0,0.00")
         ] }),
-        /* @__PURE__ */ e(x, { color: "text.secondary", variant: "body2", children: `${r.next_payment_date}: ${Ee(
+        /* @__PURE__ */ e(S, { 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: [
+      /* @__PURE__ */ c(j, { sx: { bgcolor: "background.paper" }, children: [
         t.account && /* @__PURE__ */ c(L, { children: [
           /* @__PURE__ */ e(
             Y,
@@ -225,17 +225,17 @@ const ee = ({
         /* @__PURE__ */ e(T, {})
       ] }),
       /* @__PURE__ */ e(
-        H,
+        $,
         {
           color: "error",
           onClick: G,
           startIcon: /* @__PURE__ */ e(me, {}),
           sx: { mx: 24, my: 16 },
           variant: "text",
-          children: y ? r.delete_income_title : r.delete_expense_title
+          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(S, { bold: !0, sx: { ml: 24, mt: 16 }, variant: "Body", children: r.paid_transactions }),
       /* @__PURE__ */ e(X, { height: "30dvh", onClick: D }),
       /* @__PURE__ */ e(
         O,
@@ -251,13 +251,13 @@ const ee = ({
         Te,
         {
           copy: {
-            title: y ? r.delete_income_title : r.delete_expense_title,
+            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: y ? r.delete_income_description : r.delete_expense_description })
+          children: /* @__PURE__ */ e(S, { children: p ? r.delete_income_description : r.delete_expense_description })
         }
       )
     ] });
@@ -268,36 +268,36 @@ const ee = ({
     const { recurring: r } = w(), [a, s] = u.useState(!1), l = u.useMemo(
       () => t.transactions.length === 0 ? "" : t.transactions[0].category_guid || "",
       [t]
-    ), o = t.account?.institutionName || "", i = t.repeating_transaction_type === E.Income, m = $(r, t, !0);
-    return /* @__PURE__ */ c(re, { disableGutters: !0, disablePadding: !0, children: [
-      /* @__PURE__ */ c(ie, { onClick: () => {
+    ), o = t.account?.institutionName || "", i = t.repeating_transaction_type === E.Income, m = Q(r, t, !0);
+    return /* @__PURE__ */ c(ie, { disableGutters: !0, disablePadding: !0, children: [
+      /* @__PURE__ */ c(ce, { onClick: () => {
         n(t), s(!0);
       }, children: [
-        /* @__PURE__ */ e(ae, { children: /* @__PURE__ */ e(
-          Q,
+        /* @__PURE__ */ e(se, { children: /* @__PURE__ */ e(
+          H,
           {
             categoryGuid: l,
             merchantGuid: t.merchant_guid
           }
         ) }),
-        /* @__PURE__ */ e(se, { children: /* @__PURE__ */ c(p, { direction: "row", gap: 4, sx: { justifyContent: "space-between" }, children: [
-          /* @__PURE__ */ c(p, { direction: "column", sx: { width: "50%" }, children: [
-            /* @__PURE__ */ e(x, { bold: !0, variant: "body1", children: t.description }),
-            /* @__PURE__ */ c(p, { alignItems: "center", direction: "row", gap: 6, children: [
+        /* @__PURE__ */ e(le, { children: /* @__PURE__ */ c(y, { direction: "row", gap: 4, sx: { justifyContent: "space-between" }, children: [
+          /* @__PURE__ */ c(y, { direction: "column", sx: { width: "50%" }, children: [
+            /* @__PURE__ */ e(S, { bold: !0, variant: "body1", children: t.description }),
+            /* @__PURE__ */ c(y, { alignItems: "center", direction: "row", gap: 6, children: [
               t.account?.institution_guid && /* @__PURE__ */ e(
-                le,
+                ae,
                 {
                   alt: o,
                   institutionGuid: t.account?.institution_guid,
                   size: 12
                 }
               ),
-              /* @__PURE__ */ e(x, { variant: "caption", children: o })
+              /* @__PURE__ */ e(S, { variant: "caption", children: o })
             ] })
           ] }),
-          /* @__PURE__ */ c(p, { alignItems: "flex-end", sx: { width: "50%" }, children: [
+          /* @__PURE__ */ c(y, { alignItems: "flex-end", sx: { width: "50%" }, children: [
             /* @__PURE__ */ c(
-              x,
+              S,
               {
                 bold: !0,
                 color: i ? "success.main" : "text.primary",
@@ -309,7 +309,7 @@ const ee = ({
               }
             ),
             /* @__PURE__ */ e(
-              p,
+              y,
               {
                 direction: "row",
                 sx: {
@@ -319,7 +319,7 @@ const ee = ({
                   textTransform: "uppercase",
                   width: "100%"
                 },
-                children: /* @__PURE__ */ e(x, { bold: !0, color: "text.secondary", variant: "caption", children: m })
+                children: /* @__PURE__ */ e(S, { bold: !0, color: "text.secondary", variant: "caption", children: m })
               }
             )
           ] })
@@ -351,7 +351,7 @@ const ee = ({
     onSelected: a
   }) => {
     const { recurring: s } = w(), { searchValue: l, setSearchValue: o } = ge();
-    return /* @__PURE__ */ c(p, { sx: { bgcolor: n, gap: 16, pt: 8 }, children: [
+    return /* @__PURE__ */ c(y, { sx: { bgcolor: n, gap: 16, pt: 8 }, children: [
       t && /* @__PURE__ */ e(U, { sx: { mx: 24 }, children: t }),
       /* @__PURE__ */ e(
         ke,
@@ -380,12 +380,12 @@ const ee = ({
     transaction: i
   }) => {
     const { recurring: m } = w();
-    return /* @__PURE__ */ c(p, { bgcolor: n, gap: 24, height: "100%", children: [
-      /* @__PURE__ */ c(p, { children: [
+    return /* @__PURE__ */ c(y, { bgcolor: n, gap: 24, height: "100%", children: [
+      /* @__PURE__ */ c(y, { children: [
         /* @__PURE__ */ e(fe, { 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(S, { bold: !0, sx: { mx: 24 }, variant: "Body", children: m.payment_schedule }),
       /* @__PURE__ */ e(
         ee,
         {
@@ -405,25 +405,25 @@ const ee = ({
     label: t,
     onAddRecurringTransaction: r = () => null
   }) => {
-    const { recurring: a } = w(), { filter: s, setFilter: l, transactions: o } = Z(), { addRepeatingTransaction: i } = M(), { user: m } = De(), [h, C] = u.useState(!1), [v, b] = u.useState(""), [g, D] = u.useState(d.EveryMonth), [f, y] = u.useState(1), [k, G] = u.useState(15), _ = u.useMemo(
-      () => o.find((S) => S.guid === v),
+    const { recurring: a } = w(), { filter: s, setFilter: l, transactions: o } = Z(), { addRepeatingTransaction: i } = M(), { user: m } = De(), [h, C] = u.useState(!1), [v, b] = u.useState(""), [g, D] = u.useState(d.EveryMonth), [f, p] = u.useState(1), [k, G] = u.useState(15), _ = u.useMemo(
+      () => o.find((x) => x.guid === v),
       [v, o]
     ), ne = () => {
       C(!0), l(n ? { ...s, custom: W } : { ...s, custom: q });
     }, oe = async () => {
       if (!_) {
-        j();
+        K();
         return;
       }
       r();
-      const S = de(g, Oe(_.date)), I = {
+      const x = de(g, 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" }),
+        predicted_occurs_on: Le(x, { representation: "date" }),
         recurrence_day: f,
         recurrence_type: g,
         repeating_transaction_type: n ? E.Income : E.Bill,
@@ -431,12 +431,12 @@ const ee = ({
         transaction_type: _.transaction_type,
         user_guid: m.guid
       };
-      await i(I, _), j();
-    }, j = () => {
+      await i(I, _), K();
+    }, K = () => {
       b(""), C(!1);
     };
     return /* @__PURE__ */ c(L, { children: [
-      /* @__PURE__ */ e(H, { onClick: ne, startIcon: /* @__PURE__ */ e(ye, { size: 24 }), variant: "contained", children: t }),
+      /* @__PURE__ */ e($, { onClick: ne, startIcon: /* @__PURE__ */ e(pe, { size: 24 }), variant: "contained", children: t }),
       /* @__PURE__ */ e(
         O,
         {
@@ -448,13 +448,13 @@ const ee = ({
             Pe,
             {
               description: n ? a.add_income_description : a.add_expense_description,
-              onSearch: (S) => {
+              onSearch: (x) => {
                 l({
                   ...s,
-                  custom: (I) => n ? S ? ze(I, S) : W(I) : S ? Ye(I, S) : q(I)
+                  custom: (I) => n ? x ? ze(I, x) : W(I) : x ? Ye(I, x) : q(I)
                 });
               },
-              onSelected: (S) => b(S)
+              onSelected: (x) => b(x)
             }
           )
         }
@@ -472,7 +472,7 @@ const ee = ({
             {
               firstDay: f,
               frequency: g,
-              onFirstDayChange: y,
+              onFirstDayChange: p,
               onFrequencyChange: D,
               onSecondDayChange: G,
               secondDay: k,
@@ -486,8 +486,8 @@ const ee = ({
 ), 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, l = 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(p, { sx: { alignItems: "center", p: 24, pt: 48 }, children: [
-      /* @__PURE__ */ e(pe, { size: 48 }),
+    return /* @__PURE__ */ c(y, { sx: { alignItems: "center", p: 24, pt: 48 }, children: [
+      /* @__PURE__ */ e(ye, { size: 48 }),
       /* @__PURE__ */ e(U, { sx: { my: 8, fontWeight: 600 }, variant: "body1", children: s }),
       /* @__PURE__ */ e(U, { color: "text.secondary", sx: { mb: 32 }, variant: "subtitle2", children: l }),
       /* @__PURE__ */ e(
@@ -515,14 +515,15 @@ const ee = ({
     (i) => i.repeating_transaction_type === E.Income && (i.transactions.length > 0 || i.recurrence_type === d.EveryYear)
   );
   return /* @__PURE__ */ e(L, { children: o.length !== 0 ? /* @__PURE__ */ c(
-    p,
+    y,
     {
       sx: {
-        justifyContent: "space-between",
-        height: n ? "calc(100% - 32px)" : "calc(100% - 57px)"
+        height: n ? "calc(100vh - 62px)" : "calc(100vh - 109px)",
+        maxHeight: n ? "calc(100vh - 62px)" : "calc(100vh - 109px)"
       },
       children: [
-        /* @__PURE__ */ e(P, { children: /* @__PURE__ */ e(K, { sx: { bgcolor: "background.paper" }, children: o.map((i, m) => /* @__PURE__ */ c(u.Fragment, { children: [
+        n && /* @__PURE__ */ e(S, { bold: !0, sx: { mb: 4, mt: 12, mx: 24 }, variant: "Small", children: t.income }),
+        /* @__PURE__ */ e(P, { sx: { flex: 1, overflow: "auto" }, children: /* @__PURE__ */ e(j, { sx: { bgcolor: "background.paper" }, children: o.map((i, m) => /* @__PURE__ */ c(u.Fragment, { children: [
           /* @__PURE__ */ e(Ge, { onClick: s, repeatingTransaction: i }),
           /* @__PURE__ */ e(
             T,

package/dist/RecurringSettings-RduF8gt3.mjs

@@ -0,0 +1,88 @@
+import { jsx as e, Fragment as x, jsxs as t } from "react/jsx-runtime";
+import m from "react";
+import { observer as u } from "mobx-react-lite";
+import s from "@mui/material/Box";
+import l from "@mui/material/Tab";
+import b from "@mui/material/Tabs";
+import p from "@mui/material/Divider";
+import R 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-4_bSdxXr.mjs";
+import { u as h, i as A, f } from "./hooks-BAAimqdq.mjs";
+import { R as y, F as N } from "./RepeatingTransaction-BW4J-jeJ.mjs";
+import { A as d } from "./WidgetContainer-ztkGgdIH.mjs";
+const I = u(() => {
+  const { recurring: n } = h(), { repeatingTransactions: c } = A(), { onEvent: o } = f(), a = (r) => {
+    o(d.RECURRING_TRANSACTIONS_CLICK_EXPENSE, {
+      repeating_transaction_guid: r.guid
+    });
+  }, g = () => {
+    o(d.RECURRING_TRANSACTIONS_CLICK_ADD_EXPENSE);
+  }, i = c.filter(
+    (r) => r.repeating_transaction_type !== y.Income && (r.transactions.length > 0 || r.recurrence_type === N.EveryYear)
+  );
+  return /* @__PURE__ */ e(x, { children: i.length !== 0 ? /* @__PURE__ */ t(
+    T,
+    {
+      sx: {
+        height: "calc(100vh - 109px)",
+        maxHeight: "calc(100vh - 109px)"
+      },
+      children: [
+        /* @__PURE__ */ e(s, { sx: { flex: 1, overflow: "auto" }, children: /* @__PURE__ */ e(R, { sx: { bgcolor: "background.paper" }, children: i.map((r, _) => /* @__PURE__ */ t(m.Fragment, { children: [
+          /* @__PURE__ */ e(C, { onClick: a, repeatingTransaction: r }),
+          /* @__PURE__ */ e(
+            p,
+            {
+              variant: _ < i.length - 1 ? "inset" : "fullWidth"
+            }
+          )
+        ] }, r.guid)) }) }),
+        /* @__PURE__ */ t(s, { children: [
+          /* @__PURE__ */ e(p, {}),
+          /* @__PURE__ */ e(
+            s,
+            {
+              sx: {
+                alignContent: "center",
+                bgcolor: "background.paper",
+                justifyContent: "flex-end",
+                px: 24,
+                py: 12,
+                textAlign: "right"
+              },
+              children: /* @__PURE__ */ e(S, { label: n.add_expense, onAddRecurringTransaction: g })
+            }
+          )
+        ] })
+      ]
+    }
+  ) : /* @__PURE__ */ e(E, { zeroStateFor: "expenses" }) });
+}), X = u(() => {
+  const [n, c] = m.useState(0), { onEvent: o } = f(), { recurring: a } = h();
+  return /* @__PURE__ */ t(s, { bgcolor: "background.default", height: "100%", children: [
+    /* @__PURE__ */ t(
+      b,
+      {
+        onChange: (i, r) => {
+          c(r), o(
+            r === 0 ? "recurring_transactions_widget_manage_expenses" : "recurring_transactions_widget_edit_income"
+          );
+        },
+        sx: { bgcolor: "background.paper", mb: 0 },
+        value: n,
+        variant: "fullWidth",
+        children: [
+          /* @__PURE__ */ e(l, { label: a.expenses }),
+          /* @__PURE__ */ e(l, { label: a.income })
+        ]
+      }
+    ),
+    n === 0 && /* @__PURE__ */ e(I, {}),
+    n === 1 && /* @__PURE__ */ e(v, {})
+  ] });
+});
+export {
+  I as M,
+  X as R
+};