@mx-cartographer/experiences 7.0.4 → 7.0.6-alpha.al0

package/CHANGELOG.md

@@ -1,3 +1,7 @@
+## [7.0.5] - 09-17-2025
+
+- **FIXED** - Fixed layout issue with income/expenses actions in standalone widgets
+
 ## [7.0.4] - 09-17-2025
 
 - **FIXED** - Cash Flow widget so that it uses all upcoming transactions for the next 30 days

package/dist/{ManageIncome-DG7a42eZ.mjs → ManageIncome-DT62iZim.mjs}

@@ -1,56 +1,56 @@
-import { jsxs as c, jsx as e, Fragment as E } from "react/jsx-runtime";
+import { jsxs as c, jsx as e, Fragment as L } 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 P from "@mui/material/Box";
+import T from "@mui/material/Divider";
 import K from "@mui/material/List";
-import y from "@mui/material/Stack";
+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 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-BW4J-jeJ.mjs";
+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 { subDays as ue } from "date-fns/subDays";
-import { startOfToday as U } from "date-fns/startOfToday";
+import { startOfToday as z } 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 H from "@mui/material/Button";
+import { Delete as me, Add as ye, ReceiptLong as pe } from "@mxenabled/mx-icons";
+import { T as X, a as he, u as ge, S as fe, 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 { u as w, h as M, e as F, a as Ae, f as Z, o as De } from "./hooks-02T565vf.mjs";
+import { b as Ie, f as J } from "./NumberFormatting-CtWHhyBX.mjs";
 import { D as O } from "./Drawer-kEE73B87.mjs";
-import { A as T } from "./WidgetContainer-BG-fdDOf.mjs";
+import { A as R } 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 = ({
+import { b as B } from "./Category-CevNQ03n.mjs";
+import { T as V } from "./Transaction-CyqrHmAA.mjs";
+const ee = ({
   frequency: n,
   firstDay: t,
   secondDay: r,
   onFrequencyChange: a,
   onFirstDayChange: s,
-  onSecondDayChange: d
+  onSecondDayChange: l
 }) => {
   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 }
+      { id: d.EveryWeek, label: o.frequency_every_week },
+      { id: d.EveryOtherWeek, label: o.frequency_every_other_week },
+      { id: d.TwiceAMonth, label: o.frequency_twice_a_month },
+      { id: d.EveryMonth, label: o.frequency_every_month },
+      { id: d.EveryOtherMonth, label: o.frequency_every_other_month },
+      { id: d.EveryQuarter, label: o.frequency_every_quarter },
+      { id: d.EveryOtherQuarter, label: o.frequency_every_other_quarter },
+      { id: d.EveryYear, label: o.frequency_every_year }
     ],
     [o]
   ), m = [
@@ -61,15 +61,15 @@ const V = ({
     { 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 = [...Array(31).keys()].map((y) => ({
+    id: y + 1,
+    label: Ie(y + 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));
+  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));
   };
-  return /* @__PURE__ */ c(y, { gap: 24, sx: { m: 24 }, children: [
+  return /* @__PURE__ */ c(p, { gap: 24, sx: { m: 24 }, children: [
     /* @__PURE__ */ e(
       N,
       {
@@ -88,53 +88,53 @@ const V = ({
         value: t
       }
     ),
-    f && /* @__PURE__ */ e(
+    g && /* @__PURE__ */ e(
       N,
       {
-        label: n === l.TwiceAMonth ? o.first_day_of_the_month : o.day_of_the_month,
+        label: n === d.TwiceAMonth ? o.first_day_of_the_month : o.day_of_the_month,
         onChange: s,
-        options: n === l.TwiceAMonth ? C : h,
+        options: n === d.TwiceAMonth ? C : h,
         value: t
       }
     ),
-    n === l.TwiceAMonth && /* @__PURE__ */ e(
+    n === d.TwiceAMonth && /* @__PURE__ */ e(
       N,
       {
         label: o.second_day_of_the_month,
-        onChange: d,
+        onChange: l,
         options: v,
         value: r || 0
       }
     ),
-    n === l.EveryYear && /* @__PURE__ */ e(we, { dateAdapter: ve, children: /* @__PURE__ */ e(
+    n === d.EveryYear && /* @__PURE__ */ e(we, { dateAdapter: ve, children: /* @__PURE__ */ e(
       xe,
       {
         disablePast: !0,
         label: o.next_payment_date,
-        onChange: g,
+        onChange: f,
         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 () => {
+  const { recurring: t } = w(), { updateRepeatingTransaction: r } = M(), { onEvent: a } = F(), [s, l] = 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);
+    }), l(!1);
+  }, g = () => {
+    l(!0), a(R.RECURRING_TRANSACTIONS_DETAILS_CLICK_PAYMENT_SCHEDULE);
   };
-  return /* @__PURE__ */ c(E, { children: [
+  return /* @__PURE__ */ c(L, { children: [
     /* @__PURE__ */ e(
       Y,
       {
         iconName: "sync",
         label: t.activity_schedule,
-        onClick: f,
-        value: `${Q(t, n, !0)}`
+        onClick: g,
+        value: `${$(t, n, !0)}`
       }
     ),
     /* @__PURE__ */ e(
@@ -142,11 +142,11 @@ const V = ({
       {
         ariaLabelClose: t.close_drawer_aria,
         isOpen: s,
-        onClose: () => d(!1),
+        onClose: () => l(!1),
         onPrimaryAction: b,
         title: t.payment_schedule,
         children: /* @__PURE__ */ e(
-          V,
+          ee,
           {
             firstDay: m,
             frequency: o,
@@ -161,37 +161,37 @@ const V = ({
   ] });
 }), 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("");
+    const { recurring: r } = w(), { selectedAccountGuids: a } = Ae(), { onEvent: s } = F(), { deleteRepeatingTransaction: l } = M(), { setFilter: o, transactions: i } = Z(), { amount: m, description: h, merchant_guid: C } = t, [v, b] = u.useState(!1), [g, D] = u.useState("");
     u.useEffect(() => {
       o({
         accounts: a,
-        dateRange: { start: ue(U(), 90), end: _e(U()) },
+        dateRange: { start: ue(z(), 90), end: _e(z()) },
         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();
+    const f = u.useMemo(
+      () => i.find((_) => _.guid === g),
+      [g, i]
+    ), y = t.repeating_transaction_type === E.Income, k = async () => {
+      await l(t.guid), n();
     }, G = () => {
-      b(!0), s(T.RECURRING_TRANSACTIONS_DETAILS_CLICK_DELETE);
+      b(!0), s(R.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: [
+    return /* @__PURE__ */ c(p, { bgcolor: "background.default", direction: "column", height: "100%", children: [
+      /* @__PURE__ */ c(p, { direction: "column", m: 24, children: [
         /* @__PURE__ */ e(
-          j,
+          Q,
           {
-            categoryGuid: g?.category_guid || "",
+            categoryGuid: f?.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__ */ c(ce, { color: y ? "success.main" : "text.primary", sx: { my: 4 }, children: [
+          y ? "+" : "",
+          J(m, "0,0.00")
         ] }),
         /* @__PURE__ */ e(x, { color: "text.secondary", variant: "body2", children: `${r.next_payment_date}: ${Ee(
           t.predicted_occurs_on,
@@ -199,7 +199,7 @@ const V = ({
         )}` })
       ] }),
       /* @__PURE__ */ c(K, { sx: { bgcolor: "background.paper" }, children: [
-        t.account && /* @__PURE__ */ c(E, { children: [
+        t.account && /* @__PURE__ */ c(L, { children: [
           /* @__PURE__ */ e(
             Y,
             {
@@ -208,56 +208,56 @@ const V = ({
               value: t.account.institutionName || ""
             }
           ),
-          /* @__PURE__ */ e(L, { variant: "inset" })
+          /* @__PURE__ */ e(T, { variant: "inset" })
         ] }),
-        g?.category && /* @__PURE__ */ c(E, { children: [
+        f?.category && /* @__PURE__ */ c(L, { children: [
           /* @__PURE__ */ e(
             Y,
             {
               iconName: "monetization_on",
               label: r.category,
-              value: g.category
+              value: f.category
             }
           ),
-          /* @__PURE__ */ e(L, { variant: "inset" })
+          /* @__PURE__ */ e(T, { variant: "inset" })
         ] }),
         /* @__PURE__ */ e(Me, { repeatingTransaction: t }),
-        /* @__PURE__ */ e(L, {})
+        /* @__PURE__ */ e(T, {})
       ] }),
       /* @__PURE__ */ e(
-        $,
+        H,
         {
           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
+          children: y ? 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(X, { height: "30dvh", onClick: D }),
       /* @__PURE__ */ e(
         O,
         {
           ariaLabelClose: r.close_drawer_aria,
-          isOpen: !!f && !!g,
+          isOpen: !!g && !!f,
           onClose: () => D(""),
           title: r.transaction_details_drawer_title,
-          children: g && /* @__PURE__ */ e(he, { transaction: g })
+          children: f && /* @__PURE__ */ e(he, { transaction: f })
         }
       ),
       /* @__PURE__ */ e(
         Te,
         {
           copy: {
-            title: p ? r.delete_income_title : r.delete_expense_title,
+            title: y ? 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 })
+          children: /* @__PURE__ */ e(x, { children: y ? r.delete_income_description : r.delete_expense_description })
         }
       )
     ] });
@@ -265,27 +265,27 @@ const V = ({
 ), Ge = A(
   ({ onClick: n = () => {
   }, repeatingTransaction: t }) => {
-    const { recurring: r } = w(), [a, s] = u.useState(!1), d = u.useMemo(
+    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 === R.Income, m = Q(r, t, !0);
+    ), 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: () => {
         n(t), s(!0);
       }, children: [
         /* @__PURE__ */ e(ae, { children: /* @__PURE__ */ e(
-          j,
+          Q,
           {
-            categoryGuid: d,
+            categoryGuid: l,
             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(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(y, { alignItems: "center", direction: "row", gap: 6, children: [
+            /* @__PURE__ */ c(p, { alignItems: "center", direction: "row", gap: 6, children: [
               t.account?.institution_guid && /* @__PURE__ */ e(
-                de,
+                le,
                 {
                   alt: o,
                   institutionGuid: t.account?.institution_guid,
@@ -295,7 +295,7 @@ const V = ({
               /* @__PURE__ */ e(x, { variant: "caption", children: o })
             ] })
           ] }),
-          /* @__PURE__ */ c(y, { alignItems: "flex-end", sx: { width: "50%" }, children: [
+          /* @__PURE__ */ c(p, { alignItems: "flex-end", sx: { width: "50%" }, children: [
             /* @__PURE__ */ c(
               x,
               {
@@ -304,12 +304,12 @@ const V = ({
                 variant: "body1",
                 children: [
                   i ? "+" : "",
-                  Z(t.amount, "0,0.00")
+                  J(t.amount, "0,0.00")
                 ]
               }
             ),
             /* @__PURE__ */ e(
-              y,
+              p,
               {
                 direction: "row",
                 sx: {
@@ -331,7 +331,7 @@ const V = ({
           ariaLabelClose: r.close_drawer_aria,
           isOpen: a,
           onClose: () => s(!1),
-          title: t.repeating_transaction_type === R.Income ? r.income_details : r.expense_details,
+          title: t.repeating_transaction_type === E.Income ? r.income_details : r.expense_details,
           children: /* @__PURE__ */ e(
             Fe,
             {
@@ -350,9 +350,9 @@ const V = ({
     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 }),
+    const { recurring: s } = w(), { searchValue: l, setSearchValue: o } = ge();
+    return /* @__PURE__ */ c(p, { sx: { bgcolor: n, gap: 16, pt: 8 }, children: [
+      t && /* @__PURE__ */ e(U, { sx: { mx: 24 }, children: t }),
       /* @__PURE__ */ e(
         ke,
         {
@@ -362,36 +362,36 @@ const V = ({
             o(i), r(i);
           },
           placeholder: s.select_transaction_search_placeholder,
-          searchValue: d
+          searchValue: l
         }
       ),
-      /* @__PURE__ */ e(H, { bgcolor: n, height: "auto", onClick: a, showLoader: !1 })
+      /* @__PURE__ */ e(X, { bgcolor: n, height: "auto", onClick: a, showLoader: !1 })
     ] });
   }
-), Ye = A(
+), Ue = A(
   ({
     bgcolor: n = "background.default",
     firstDay: t,
     secondDay: r,
     frequency: a,
     onFrequencyChange: s,
-    onFirstDayChange: d,
+    onFirstDayChange: l,
     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) }),
+    return /* @__PURE__ */ c(p, { bgcolor: n, gap: 24, height: "100%", children: [
+      /* @__PURE__ */ c(p, { 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(
-        V,
+        ee,
         {
           firstDay: t,
           frequency: a,
-          onFirstDayChange: d,
+          onFirstDayChange: l,
           onFrequencyChange: s,
           onSecondDayChange: o,
           secondDay: r
@@ -399,24 +399,24 @@ const V = ({
       )
     ] });
   }
-), 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(
+), q = (n) => n.top_level_category_guid !== B.INCOME && n.transaction_type === V.DEBIT, Ye = (n, t) => q(n) ? n.payee?.toLowerCase().includes(t.toLowerCase()) || n.description.toLowerCase().includes(t.toLowerCase()) || n.feed_description.toLowerCase().includes(t.toLowerCase()) : !1, W = (n) => n.top_level_category_guid === B.INCOME || n.top_level_category_guid === B.TRANSFER && n.transaction_type === V.CREDIT, ze = (n, t) => W(n) ? n.payee?.toLowerCase().includes(t.toLowerCase()) || n.description?.toLowerCase().includes(t.toLowerCase()) || n.feed_description?.toLowerCase().includes(t.toLowerCase()) : !1, te = 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(
+    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),
       [v, o]
-    ), te = () => {
-      C(!0), d(n ? { ...s, custom: q } : { ...s, custom: B });
-    }, ne = async () => {
+    ), ne = () => {
+      C(!0), l(n ? { ...s, custom: W } : { ...s, custom: q });
+    }, oe = async () => {
       if (!_) {
-        W();
+        j();
         return;
       }
       r();
-      const S = le(f, Oe(_.date)), I = {
+      const S = de(g, Oe(_.date)), I = {
         account_guid: _.account_guid,
         amount: _.amount,
         created_by: 0,
@@ -424,19 +424,19 @@ const V = ({
         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,
+        recurrence_day: f,
+        recurrence_type: g,
+        repeating_transaction_type: n ? E.Income : E.Bill,
         second_recurrence_day: k,
         transaction_type: _.transaction_type,
         user_guid: m.guid
       };
-      await i(I, _), W();
-    }, W = () => {
+      await i(I, _), j();
+    }, j = () => {
       b(""), C(!1);
     };
-    return /* @__PURE__ */ c(E, { children: [
-      /* @__PURE__ */ e($, { onClick: te, startIcon: /* @__PURE__ */ e(pe, { size: 24 }), variant: "contained", children: t }),
+    return /* @__PURE__ */ c(L, { children: [
+      /* @__PURE__ */ e(H, { onClick: ne, startIcon: /* @__PURE__ */ e(ye, { size: 24 }), variant: "contained", children: t }),
       /* @__PURE__ */ e(
         O,
         {
@@ -449,9 +449,9 @@ const V = ({
             {
               description: n ? a.add_income_description : a.add_expense_description,
               onSearch: (S) => {
-                d({
+                l({
                   ...s,
-                  custom: (I) => n ? S ? ze(I, S) : q(I) : S ? Ue(I, S) : B(I)
+                  custom: (I) => n ? S ? ze(I, S) : W(I) : S ? Ye(I, S) : q(I)
                 });
               },
               onSelected: (S) => b(S)
@@ -465,14 +465,14 @@ const V = ({
           ariaLabelClose: a.close_drawer_aria,
           isOpen: !!v,
           onClose: () => b(""),
-          onPrimaryAction: ne,
+          onPrimaryAction: oe,
           title: n ? a.income_details : a.expense_details,
           children: _ && /* @__PURE__ */ e(
-            Ye,
+            Ue,
             {
-              firstDay: g,
-              frequency: f,
-              onFirstDayChange: p,
+              firstDay: f,
+              frequency: g,
+              onFirstDayChange: y,
               onFrequencyChange: D,
               onSecondDayChange: G,
               secondDay: k,
@@ -485,19 +485,19 @@ const V = ({
   }
 ), 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 }),
+    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 }),
+      /* @__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(
-        ee,
+        te,
         {
           isIncome: a,
           label: o,
           onAddRecurringTransaction: () => {
             r(
-              a ? T.RECURRING_TRANSACTIONS_CLICK_ADD_INCOME : T.RECURRING_ACTIVITY_CLICK_ADD_EXPENSE
+              a ? R.RECURRING_TRANSACTIONS_CLICK_ADD_INCOME : R.RECURRING_ACTIVITY_CLICK_ADD_EXPENSE
             );
           }
         }
@@ -506,69 +506,67 @@ const V = ({
   }
 ), wt = A(({ forOverview: n = !1 }) => {
   const { recurring: t } = w(), { repeatingTransactions: r } = M(), { onEvent: a } = F(), s = (i) => {
-    a(T.RECURRING_TRANSACTIONS_CLICK_INCOME, {
+    a(R.RECURRING_TRANSACTIONS_CLICK_INCOME, {
       repeating_transaction_guid: i.guid
     });
-  }, d = () => {
-    a(T.RECURRING_TRANSACTIONS_CLICK_ADD_INCOME);
+  }, l = () => {
+    a(R.RECURRING_TRANSACTIONS_CLICK_ADD_INCOME);
   }, o = r.filter(
-    (i) => i.repeating_transaction_type === R.Income && (i.transactions.length > 0 || i.recurrence_type === l.EveryYear)
+    (i) => i.repeating_transaction_type === E.Income && (i.transactions.length > 0 || i.recurrence_type === d.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: [
+  return /* @__PURE__ */ e(L, { children: o.length !== 0 ? /* @__PURE__ */ c(
+    p,
+    {
+      sx: {
+        justifyContent: "space-between",
+        height: n ? "calc(100% - 32px)" : "calc(100% - 57px)"
+      },
+      children: [
+        /* @__PURE__ */ e(P, { 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,
+            T,
             {
               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" }) });
+        ] }, i.guid)) }) }),
+        /* @__PURE__ */ c(P, { children: [
+          /* @__PURE__ */ e(T, {}),
+          /* @__PURE__ */ e(
+            P,
+            {
+              sx: {
+                alignContent: "center",
+                bgcolor: "background.paper",
+                justifyContent: "flex-end",
+                px: 24,
+                py: 12,
+                textAlign: "right"
+              },
+              children: /* @__PURE__ */ e(
+                te,
+                {
+                  isIncome: !0,
+                  label: t.add_income,
+                  onAddRecurringTransaction: l
+                }
+              )
+            }
+          )
+        ] })
+      ]
+    }
+  ) : /* @__PURE__ */ e(Be, { zeroStateFor: "income" }) });
 });
 export {
-  ee as A,
+  te as A,
   wt as M,
   Ge as R,
   Pe as S,
   Be as a,
   Fe as b,
-  Ye as c,
-  q as d,
+  Ue as c,
+  W as d,
   ze as i
 };

package/dist/RecurringSettings-D8XKxI2O.mjs

@@ -0,0 +1,79 @@
+import { jsx as e, Fragment as b, jsxs as t } from "react/jsx-runtime";
+import m from "react";
+import { observer as u } from "mobx-react-lite";
+import c 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 x, A as S, a as E, M as A } from "./ManageIncome-DT62iZim.mjs";
+import { u as h, h as y, e as _ } from "./hooks-02T565vf.mjs";
+import { R as v, F as N } from "./RepeatingTransaction-BW4J-jeJ.mjs";
+import { A as d } from "./WidgetContainer-BG-fdDOf.mjs";
+const I = u(() => {
+  const { recurring: r } = h(), { repeatingTransactions: s } = y(), { onEvent: o } = _(), a = (n) => {
+    o(d.RECURRING_TRANSACTIONS_CLICK_EXPENSE, {
+      repeating_transaction_guid: n.guid
+    });
+  }, g = () => {
+    o(d.RECURRING_TRANSACTIONS_CLICK_ADD_EXPENSE);
+  }, i = s.filter(
+    (n) => n.repeating_transaction_type !== v.Income && (n.transactions.length > 0 || n.recurrence_type === N.EveryYear)
+  );
+  return /* @__PURE__ */ e(b, { children: i.length !== 0 ? /* @__PURE__ */ t(C, { sx: { justifyContent: "space-between", height: "calc(100% - 57px)" }, children: [
+    /* @__PURE__ */ e(T, { sx: { bgcolor: "background.paper" }, children: i.map((n, f) => /* @__PURE__ */ t(m.Fragment, { children: [
+      /* @__PURE__ */ e(x, { onClick: a, repeatingTransaction: n }),
+      /* @__PURE__ */ e(
+        l,
+        {
+          variant: f < i.length - 1 ? "inset" : "fullWidth"
+        }
+      )
+    ] }, n.guid)) }),
+    /* @__PURE__ */ t(c, { children: [
+      /* @__PURE__ */ e(l, {}),
+      /* @__PURE__ */ e(
+        c,
+        {
+          sx: {
+            alignContent: "center",
+            bgcolor: "background.paper",
+            justifyContent: "flex-end",
+            px: 24,
+            py: 12,
+            textAlign: "right"
+          },
+          children: /* @__PURE__ */ e(S, { label: r.add_expense, onAddRecurringTransaction: g })
+        }
+      )
+    ] })
+  ] }) : /* @__PURE__ */ e(E, { zeroStateFor: "expenses" }) });
+}), X = u(() => {
+  const [r, s] = m.useState(0), { onEvent: o } = _(), { recurring: a } = h();
+  return /* @__PURE__ */ t(c, { bgcolor: "background.default", height: "100%", children: [
+    /* @__PURE__ */ t(
+      R,
+      {
+        onChange: (i, n) => {
+          s(n), o(
+            n === 0 ? "recurring_transactions_widget_manage_expenses" : "recurring_transactions_widget_edit_income"
+          );
+        },
+        sx: { bgcolor: "background.paper" },
+        value: r,
+        variant: "fullWidth",
+        children: [
+          /* @__PURE__ */ e(p, { label: a.expenses }),
+          /* @__PURE__ */ e(p, { label: a.income })
+        ]
+      }
+    ),
+    r === 0 && /* @__PURE__ */ e(I, {}),
+    r === 1 && /* @__PURE__ */ e(A, {})
+  ] });
+});
+export {
+  I as M,
+  X 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-DG7a42eZ.mjs";
+import { M as ot } from "../ManageIncome-DT62iZim.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,8 +942,8 @@ const ht = ({
         isOpen: f,
         onClose: () => _(!1),
         title: n.manage_income,
-        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 }),
+        children: /* @__PURE__ */ d(b, { sx: { height: "100%" }, children: [
+          /* @__PURE__ */ e(p, { bold: !0, sx: { mb: 4, mt: 12, mx: 24 }, variant: "Small", children: s.income_title }),
           /* @__PURE__ */ e(ot, { forOverview: !0 })
         ] })
       }

package/dist/cashflow/index.es.js

@@ -17,7 +17,7 @@ import { I as ue } from "../CashflowStore-D9Dpuz7X.mjs";
 import { C as Wn } from "../CashflowStore-D9Dpuz7X.mjs";
 import { b as q } from "../Localization-2MODESHW.mjs";
 import { M as Qe } from "../MiniWidgetContainer-DqKQNubH.mjs";
-import { R as Ve } from "../RecurringSettings-BkzYDzmO.mjs";
+import { R as Ve } from "../RecurringSettings-D8XKxI2O.mjs";
 import Ke from "@mui/material/Tabs";
 import Ce from "@mui/material/Tab";
 import { getUnixTime as B } from "date-fns/getUnixTime";
@@ -34,7 +34,7 @@ import { addDays as _e } from "date-fns/addDays";
 import { alpha as et, keyframes as tt } from "@mui/material/styles";
 import { DataGridPro as nt } from "@mui/x-data-grid-pro";
 import { T as we } from "../TabContentContainer-j01JYR_7.mjs";
-import { M as ot, S as it, i as at, d as Se, c as rt } from "../ManageIncome-DG7a42eZ.mjs";
+import { M as ot, S as it, i as at, d as Se, c as rt } from "../ManageIncome-DT62iZim.mjs";
 import { D as $e } from "../Drawer-kEE73B87.mjs";
 import { formatISO as st } from "date-fns/formatISO";
 import { fromUnixTime as ye } from "date-fns/fromUnixTime";

package/dist/finstrong/index.es.js

@@ -30,7 +30,7 @@ import Ue from "@mui/material/AccordionSummary";
 import Ve from "@mui/material/CardHeader";
 import { u as Ye } from "../useDimensions-27p2evRx.mjs";
 import { C as qe } from "../ConnectionsDrawer-Czp-E0-m.mjs";
-import { R as Je } from "../RecurringSettings-BkzYDzmO.mjs";
+import { R as Je } from "../RecurringSettings-D8XKxI2O.mjs";
 import Qe from "@mui/material/TextField";
 import { u as xe } from "../useScreenSize-B6JyS_Lj.mjs";
 import { a as Ze } from "../Dialog-CWW597AF.mjs";

package/dist/recurringtransactions/index.es.js

@@ -8,8 +8,8 @@ import { startOfToday as le } from "date-fns/startOfToday";
 import { subDays as de } from "date-fns/subDays";
 import re from "@mui/material/Skeleton";
 import c from "@mui/material/Stack";
-import { R as He } from "../RecurringSettings-BkzYDzmO.mjs";
-import { M as An } from "../RecurringSettings-BkzYDzmO.mjs";
+import { R as He } from "../RecurringSettings-D8XKxI2O.mjs";
+import { M as An } from "../RecurringSettings-D8XKxI2O.mjs";
 import { addMonths as ze } from "date-fns/addMonths";
 import { subMonths as Be } from "date-fns/subMonths";
 import { isBefore as Ue } from "date-fns/isBefore";
@@ -41,8 +41,8 @@ import ct from "@mui/material/ListSubheader";
 import lt from "@mui/material/ListItemAvatar";
 import dt from "@mui/material/ListItemButton";
 import ut from "@mui/material/ListItemText";
-import { b as mt } from "../ManageIncome-DG7a42eZ.mjs";
-import { c as On, M as kn, S as Wn } from "../ManageIncome-DG7a42eZ.mjs";
+import { b as mt } from "../ManageIncome-DT62iZim.mjs";
+import { c as On, M as kn, S as Wn } from "../ManageIncome-DT62iZim.mjs";
 import { f as L } from "../NumberFormatting-CtWHhyBX.mjs";
 import { D as Ae } from "../Drawer-kEE73B87.mjs";
 import { b as N } from "../Localization-2MODESHW.mjs";

package/dist/trends/index.es.js

@@ -161,7 +161,7 @@ const Ne = ({ selectedTab: n, onTabChange: o }) => /* @__PURE__ */ e(
           top_level_category_guid: I
         });
         const v = Q(new Date(H, x - 1), z.MONTH_SHORT);
-        return f[A][v] || (f[A][v] = 0), f[A][v] = f[A][v] + E, f;
+        return f[A][v] || (f[A][v] = 0), f[A][v] = f[A][v] + Math.abs(E), f;
       },
       {}
     );

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mx-cartographer/experiences",
-  "version": "7.0.4",
+  "version": "7.0.6-alpha.al0",
   "description": "Library containing experience widgets",
   "author": "MX",
   "license": "MIT",

package/dist/RecurringSettings-BkzYDzmO.mjs

@@ -1,81 +0,0 @@
-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-DG7a42eZ.mjs";
-import { u as _, h as v, e as b } from "./hooks-02T565vf.mjs";
-import { R as y, F as N } from "./RepeatingTransaction-BW4J-jeJ.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
-};