@mx-cartographer/experiences 7.0.37-alpha-testing-mr-ram1 → 7.0.38-alpha.mm0

package/CHANGELOG.md

@@ -1,7 +1,3 @@
-## [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-4_bSdxXr.mjs → ManageIncome-BaZyK1CD.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 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 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 { subDays as ue } from "date-fns/subDays";
 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 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-C-2UEbmQ.mjs";
 import { getDayOfYear as be } from "date-fns/getDayOfYear";
-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 { 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, 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((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 === 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));
+  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,
       {
@@ -106,8 +106,8 @@ const ee = ({
         value: r || 0
       }
     ),
-    n === d.EveryYear && /* @__PURE__ */ e(we, { dateAdapter: Se, children: /* @__PURE__ */ e(
-      ve,
+    n === d.EveryYear && /* @__PURE__ */ e(we, { dateAdapter: ve, children: /* @__PURE__ */ e(
+      xe,
       {
         disablePast: !0,
         label: o.next_payment_date,
@@ -134,7 +134,7 @@ const ee = ({
         iconName: "sync",
         label: t.activity_schedule,
         onClick: g,
-        value: `${Q(t, n, !0)}`
+        value: `${$(t, n, !0)}`
       }
     ),
     /* @__PURE__ */ e(
@@ -172,15 +172,15 @@ const ee = ({
     const f = u.useMemo(
       () => i.find((_) => _.guid === g),
       [g, i]
-    ), p = t.repeating_transaction_type === E.Income, k = async () => {
+    ), y = 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(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(
-          H,
+          Q,
           {
             categoryGuid: f?.category_guid || "",
             merchantGuid: C,
@@ -188,17 +188,17 @@ const ee = ({
             sx: { mb: 12 }
           }
         ),
-        /* @__PURE__ */ e(S, { bold: !0, variant: "body1", children: h }),
-        /* @__PURE__ */ c(re, { color: p ? "success.main" : "text.primary", sx: { my: 4 }, children: [
-          p ? "+" : "",
+        /* @__PURE__ */ e(x, { bold: !0, variant: "body1", children: h }),
+        /* @__PURE__ */ c(ce, { color: y ? "success.main" : "text.primary", sx: { my: 4 }, children: [
+          y ? "+" : "",
           J(m, "0,0.00")
         ] }),
-        /* @__PURE__ */ e(S, { color: "text.secondary", variant: "body2", children: `${r.next_payment_date}: ${Ee(
+        /* @__PURE__ */ e(x, { color: "text.secondary", variant: "body2", children: `${r.next_payment_date}: ${Ee(
           t.predicted_occurs_on,
           Re.MONTH_DAY_YEAR
         )}` })
       ] }),
-      /* @__PURE__ */ c(j, { sx: { bgcolor: "background.paper" }, children: [
+      /* @__PURE__ */ c(K, { 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: p ? r.delete_income_title : r.delete_expense_title
+          children: y ? r.delete_income_title : r.delete_expense_title
         }
       ),
-      /* @__PURE__ */ e(S, { bold: !0, sx: { ml: 24, mt: 16 }, variant: "Body", children: r.paid_transactions }),
+      /* @__PURE__ */ e(x, { 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: 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(S, { children: p ? r.delete_income_description : r.delete_expense_description })
+          children: /* @__PURE__ */ e(x, { children: y ? 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 = Q(r, t, !0);
-    return /* @__PURE__ */ c(ie, { disableGutters: !0, disablePadding: !0, children: [
-      /* @__PURE__ */ c(ce, { onClick: () => {
+    ), 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(se, { children: /* @__PURE__ */ e(
-          H,
+        /* @__PURE__ */ e(ae, { children: /* @__PURE__ */ e(
+          Q,
           {
             categoryGuid: l,
             merchantGuid: t.merchant_guid
           }
         ) }),
-        /* @__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: [
+        /* @__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: [
               t.account?.institution_guid && /* @__PURE__ */ e(
-                ae,
+                le,
                 {
                   alt: o,
                   institutionGuid: t.account?.institution_guid,
                   size: 12
                 }
               ),
-              /* @__PURE__ */ e(S, { variant: "caption", children: o })
+              /* @__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(
-              S,
+              x,
               {
                 bold: !0,
                 color: i ? "success.main" : "text.primary",
@@ -309,7 +309,7 @@ const ee = ({
               }
             ),
             /* @__PURE__ */ e(
-              y,
+              p,
               {
                 direction: "row",
                 sx: {
@@ -319,7 +319,7 @@ const ee = ({
                   textTransform: "uppercase",
                   width: "100%"
                 },
-                children: /* @__PURE__ */ e(S, { bold: !0, color: "text.secondary", variant: "caption", children: m })
+                children: /* @__PURE__ */ e(x, { 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(y, { sx: { bgcolor: n, gap: 16, pt: 8 }, children: [
+    return /* @__PURE__ */ c(p, { 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(y, { bgcolor: n, gap: 24, height: "100%", children: [
-      /* @__PURE__ */ c(y, { children: [
+    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(S, { bold: !0, sx: { mx: 24 }, variant: "Body", children: m.payment_schedule }),
+      /* @__PURE__ */ e(x, { 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, p] = u.useState(1), [k, G] = u.useState(15), _ = u.useMemo(
-      () => o.find((x) => x.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, y] = u.useState(1), [k, G] = u.useState(15), _ = u.useMemo(
+      () => o.find((S) => S.guid === v),
       [v, o]
     ), ne = () => {
       C(!0), l(n ? { ...s, custom: W } : { ...s, custom: q });
     }, oe = async () => {
       if (!_) {
-        K();
+        j();
         return;
       }
       r();
-      const x = de(g, Oe(_.date)), I = {
+      const S = 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(x, { representation: "date" }),
+        predicted_occurs_on: Le(S, { 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, _), K();
-    }, K = () => {
+      await i(I, _), j();
+    }, j = () => {
       b(""), C(!1);
     };
     return /* @__PURE__ */ c(L, { children: [
-      /* @__PURE__ */ e($, { onClick: ne, startIcon: /* @__PURE__ */ e(pe, { size: 24 }), variant: "contained", children: t }),
+      /* @__PURE__ */ e(H, { onClick: ne, startIcon: /* @__PURE__ */ e(ye, { 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: (x) => {
+              onSearch: (S) => {
                 l({
                   ...s,
-                  custom: (I) => n ? x ? ze(I, x) : W(I) : x ? Ye(I, x) : q(I)
+                  custom: (I) => n ? S ? ze(I, S) : W(I) : S ? Ye(I, S) : q(I)
                 });
               },
-              onSelected: (x) => b(x)
+              onSelected: (S) => b(S)
             }
           )
         }
@@ -472,7 +472,7 @@ const ee = ({
             {
               firstDay: f,
               frequency: g,
-              onFirstDayChange: p,
+              onFirstDayChange: y,
               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(y, { sx: { alignItems: "center", p: 24, pt: 48 }, children: [
-      /* @__PURE__ */ e(ye, { size: 48 }),
+    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(
@@ -515,15 +515,14 @@ 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(
-    y,
+    p,
     {
       sx: {
-        height: n ? "calc(100vh - 62px)" : "calc(100vh - 109px)",
-        maxHeight: n ? "calc(100vh - 62px)" : "calc(100vh - 109px)"
+        justifyContent: "space-between",
+        height: n ? "calc(100% - 32px)" : "calc(100% - 57px)"
       },
       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(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(
             T,

package/dist/RecurringSettings-DHPyexin.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-BaZyK1CD.mjs";
+import { u as h, i as y, f as _ } from "./hooks-BAAimqdq.mjs";
+import { R as v, F as N } from "./RepeatingTransaction-BW4J-jeJ.mjs";
+import { A as d } from "./WidgetContainer-ztkGgdIH.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

@@ -4,9 +4,9 @@ import { observer as I } from "mobx-react-lite";
 import { endOfMonth as de } from "date-fns/endOfMonth";
 import { startOfMonth as J } from "date-fns/startOfMonth";
 import W from "@mui/material/Box";
-import b from "@mui/material/Stack";
+import _ from "@mui/material/Stack";
 import Q from "@mui/material/styles/useTheme";
-import { Icon as $, Text as p, CategoryIcon as H, H1 as Ge, H3 as Be } from "@mxenabled/mxui";
+import { Icon as $, Text as g, CategoryIcon as H, H1 as Ge, H3 as Be } from "@mxenabled/mxui";
 import { u as Pe } from "../BudgetUtil-n3gEKIub.mjs";
 import { C as Ne } from "../ConnectionsDrawer-B-dZx6gH.mjs";
 import * as E from "d3";
@@ -46,7 +46,7 @@ import { u as Qe, b as et } from "../CategorySelectorDrawer-993LpETZ.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-4_bSdxXr.mjs";
+import { M as ot } from "../ManageIncome-BaZyK1CD.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;
@@ -115,11 +115,11 @@ function pt({ bubble: t, isDraggable: o, onClick: i = () => {
   const {
     budgetColors: { background: n, text: r },
     category: { icon: c, name: y },
-    guid: g,
+    guid: p,
     description: h,
     radius: m,
     x: C,
-    y: _
+    y: b
   } = t;
   let u = -12, B = -12;
   m > G ? (u = -14, B = -45) : m > le && (B = -32);
@@ -135,14 +135,14 @@ function pt({ bubble: t, isDraggable: o, onClick: i = () => {
     "g",
     {
       className: "bubble",
-      id: `bubble-${g}`,
+      id: `bubble-${p}`,
       onClick: () => i(t),
       onMouseEnter: () => a(!0),
       onMouseLeave: () => a(!1),
       style: { cursor: o ? "pointer" : "default" },
       textAnchor: "middle",
       x: C,
-      y: _,
+      y: b,
       children: [
         /* @__PURE__ */ e(
           je,
@@ -151,16 +151,16 @@ function pt({ bubble: t, isDraggable: o, onClick: i = () => {
             open: s,
             slotProps: { popper: A },
             title: f,
-            children: /* @__PURE__ */ e("circle", { fill: n, id: `circle-${g}`, r: m })
+            children: /* @__PURE__ */ e("circle", { fill: n, id: `circle-${p}`, r: m })
           }
         ),
         /* @__PURE__ */ e("svg", { x: u, y: B, children: /* @__PURE__ */ e($, { name: c, size: m <= G ? 24 : 32, sx: { fill: r } }) }),
         m > G && /* @__PURE__ */ e(
-          p,
+          g,
           {
             bold: !0,
             component: "text",
-            id: `budget-category-${g}`,
+            id: `budget-category-${p}`,
             sx: { fill: r },
             variant: "Small",
             y: 4,
@@ -168,11 +168,11 @@ function pt({ bubble: t, isDraggable: o, onClick: i = () => {
           }
         ),
         m > le && /* @__PURE__ */ e(
-          p,
+          g,
           {
             bold: !0,
             component: "text",
-            id: `budget-description-${g}-1`,
+            id: `budget-description-${p}-1`,
             sx: { fill: r },
             variant: "Body",
             y: m <= G ? 12 : 24,
@@ -180,10 +180,10 @@ function pt({ bubble: t, isDraggable: o, onClick: i = () => {
           }
         ),
         m <= G && m > le && /* @__PURE__ */ e(
-          p,
+          g,
           {
             component: "text",
-            id: `budget-description-${g}-2`,
+            id: `budget-description-${p}-2`,
             sx: { fill: r },
             variant: "XSmall",
             y: 28,
@@ -193,7 +193,7 @@ function pt({ bubble: t, isDraggable: o, onClick: i = () => {
         /* @__PURE__ */ e(gt, { bubble: t })
       ]
     },
-    g
+    p
   );
 }
 let F;
@@ -213,10 +213,10 @@ const ht = ({
   onConnectAccountsClick: o,
   createBudgetOnClick: i
 }) => {
-  const { recalculateBudgets: s } = w(), { spendCategories: a } = j(), { budgets: n } = D(), [r, c] = l.useState(!1), [y, g] = l.useState(!1), [h, m] = l.useState(!1), C = l.useMemo(() => [...a.filter((u) => u.totalAverageAmount > 0)], [a]), _ = async () => {
+  const { recalculateBudgets: s } = w(), { spendCategories: a } = j(), { budgets: n } = D(), [r, c] = l.useState(!1), [y, p] = l.useState(!1), [h, m] = l.useState(!1), C = l.useMemo(() => [...a.filter((u) => u.totalAverageAmount > 0)], [a]), b = async () => {
     m(!0);
     const { data: u, isSuccess: B } = await s(C);
-    m(!1), B ? (u.length === 0 && c(!0), g(!1)) : g(!0);
+    m(!1), B ? (u.length === 0 && c(!0), p(!1)) : p(!0);
   };
   return h ? /* @__PURE__ */ e(P, {}) : y ? /* @__PURE__ */ e(
     ce,
@@ -225,7 +225,7 @@ const ht = ({
       icon: "error",
       iconColor: "#4D4D4D",
       onClick: (u) => {
-        u === "primary" ? _() : i();
+        u === "primary" ? b() : i();
       },
       primaryButton: n.autogenerate_budgets_error_primary_button,
       secondaryButton: n.zero_state_generate_budgets_secondary_button,
@@ -267,7 +267,7 @@ const ht = ({
       icon: "bubble_chart",
       iconColor: "#1A1A1A",
       onClick: (u) => {
-        u === "primary" ? _() : i();
+        u === "primary" ? b() : i();
       },
       primaryButton: n.empty_state_primary_button,
       secondaryButton: t ? void 0 : n.empty_state_secondary_button,
@@ -294,7 +294,7 @@ const ht = ({
     shouldShowZeroState: a,
     unavailableWidth: n = 24
   }) => {
-    const { onEvent: r } = X(), { setSelectedBudget: c } = w(), { isLoadingCategoryTotals: y } = j(), { isInitialized: g } = ee(), { accounts: h } = D(), { availableWidth: m } = ze(), { isMobile: C } = me(), [_, u] = l.useState(!1), B = l.useMemo(() => m - n, [m]), f = (x) => {
+    const { onEvent: r } = X(), { setSelectedBudget: c } = w(), { isLoadingCategoryTotals: y } = j(), { isInitialized: p } = ee(), { accounts: h } = D(), { availableWidth: m } = ze(), { isMobile: C } = me(), [b, u] = l.useState(!1), B = l.useMemo(() => m - n, [m]), f = (x) => {
       c(x), r(k.BUDGETS_CLICK_BUDGET_CATEGORY, {
         budget_category: x.category.name,
         click_type: "bubble"
@@ -302,8 +302,8 @@ const ht = ({
     }, A = () => {
       u(!0), r(k.ACCOUNTS_CLICK_CONNECT);
     };
-    return y ? /* @__PURE__ */ e(b, { alignItems: "center", height: o, justifyContent: "center", width: Math.abs(B), children: /* @__PURE__ */ e(P, {}) }) : /* @__PURE__ */ d(W, { ml: a || C ? 0 : 24, sx: { alignSelf: "center" }, children: [
-      a || !g ? /* @__PURE__ */ e(
+    return y ? /* @__PURE__ */ e(_, { alignItems: "center", height: o, justifyContent: "center", width: Math.abs(B), children: /* @__PURE__ */ e(P, {}) }) : /* @__PURE__ */ d(W, { ml: a || C ? 0 : 24, sx: { alignSelf: "center" }, children: [
+      a || !p ? /* @__PURE__ */ e(
         bt,
         {
           createBudgetOnClick: t,
@@ -323,7 +323,7 @@ const ht = ({
         Ne,
         {
           onClose: () => u(!1),
-          showConnectionsWidget: _,
+          showConnectionsWidget: b,
           title: h.manage_connections
         }
       )
@@ -331,20 +331,20 @@ const ht = ({
   }
 ), yt = I(() => {
   const { budgets: t } = D(), { totalBudgeted: o } = w(), { incomeTotal: i } = te(), s = i - o;
-  return /* @__PURE__ */ d(b, { direction: "row", justifyContent: "center", my: 16, spacing: 20, children: [
-    /* @__PURE__ */ d(b, { alignItems: "center", children: [
-      /* @__PURE__ */ e(p, { bold: !0, variant: "Body", children: T(i, "0,0") }),
-      /* @__PURE__ */ e(p, { color: "secondary", variant: "Small", children: t.projected_income })
+  return /* @__PURE__ */ d(_, { direction: "row", justifyContent: "center", my: 16, spacing: 20, children: [
+    /* @__PURE__ */ d(_, { alignItems: "center", children: [
+      /* @__PURE__ */ e(g, { bold: !0, variant: "Body", children: T(i, "0,0") }),
+      /* @__PURE__ */ e(g, { color: "secondary", variant: "Small", children: t.projected_income })
     ] }),
-    /* @__PURE__ */ e(p, { bold: !0, justifyContent: "center", variant: "Body", children: "-" }),
-    /* @__PURE__ */ d(b, { alignItems: "center", children: [
-      /* @__PURE__ */ e(p, { bold: !0, variant: "Body", children: T(o, "0,0") }),
-      /* @__PURE__ */ e(p, { color: "secondary", variant: "Small", children: t.budgeted })
+    /* @__PURE__ */ e(g, { bold: !0, justifyContent: "center", variant: "Body", children: "-" }),
+    /* @__PURE__ */ d(_, { alignItems: "center", children: [
+      /* @__PURE__ */ e(g, { bold: !0, variant: "Body", children: T(o, "0,0") }),
+      /* @__PURE__ */ e(g, { color: "secondary", variant: "Small", children: t.budgeted })
     ] }),
-    /* @__PURE__ */ e(p, { bold: !0, justifyContent: "center", variant: "Body", children: "=" }),
-    /* @__PURE__ */ d(b, { alignItems: "center", children: [
-      /* @__PURE__ */ e(p, { bold: !0, variant: "Body", children: T(s, "0,0") }),
-      /* @__PURE__ */ e(p, { color: "secondary", variant: "Small", children: t.remaining })
+    /* @__PURE__ */ e(g, { bold: !0, justifyContent: "center", variant: "Body", children: "=" }),
+    /* @__PURE__ */ d(_, { alignItems: "center", children: [
+      /* @__PURE__ */ e(g, { bold: !0, variant: "Body", children: T(s, "0,0") }),
+      /* @__PURE__ */ e(g, { color: "secondary", variant: "Small", children: t.remaining })
     ] })
   ] });
 }), ft = I(
@@ -362,24 +362,24 @@ const ht = ({
     ] }, t.guid);
   }
 ), Ct = ({ onRecalculateBudgets: t }) => {
-  const { budgets: o, common: i } = D(), { spendCategories: s } = j(), { recalculateBudgets: a, setAlert: n } = w(), [r, c] = l.useState(!1), y = s.filter((h) => h.totalAverageAmount > 0), g = async () => {
+  const { budgets: o, common: i } = D(), { spendCategories: s } = j(), { recalculateBudgets: a, setAlert: n } = w(), [r, c] = l.useState(!1), y = s.filter((h) => h.totalAverageAmount > 0), p = async () => {
     await a(y), c(!1), n(o.alert_recalculated_budgets), t?.();
   };
   return /* @__PURE__ */ d(l.Fragment, { children: [
     /* @__PURE__ */ e(Ae, { onClick: () => c(!0), sx: { mt: 24, mx: 24 }, variant: "text", children: o.recalculate_button }),
-    /* @__PURE__ */ e(p, { sx: { mx: 24, my: 16, textAlign: "center", whiteSpace: "wrap" }, variant: "Paragraph", children: o.recalculate_help }),
+    /* @__PURE__ */ e(g, { sx: { mx: 24, my: 16, textAlign: "center", whiteSpace: "wrap" }, variant: "Paragraph", children: o.recalculate_help }),
     /* @__PURE__ */ e(
       M,
       {
         ariaLabelClose: i.close_aria,
         isOpen: r,
         onClose: () => c(!1),
-        onPrimaryAction: g,
+        onPrimaryAction: p,
         title: o.recalculate_title,
-        children: /* @__PURE__ */ d(b, { children: [
-          /* @__PURE__ */ d(b, { mx: 24, my: 16, children: [
-            /* @__PURE__ */ e(p, { bold: !0, variant: "Body", children: o.recalculate_description_top }),
-            /* @__PURE__ */ e(p, { variant: "ParagraphSmall", children: o.recalculate_description_bottom })
+        children: /* @__PURE__ */ d(_, { children: [
+          /* @__PURE__ */ d(_, { mx: 24, my: 16, children: [
+            /* @__PURE__ */ e(g, { bold: !0, variant: "Body", children: o.recalculate_description_top }),
+            /* @__PURE__ */ e(g, { variant: "ParagraphSmall", children: o.recalculate_description_bottom })
           ] }),
           /* @__PURE__ */ e(W, { bgcolor: "background.paper", children: /* @__PURE__ */ e(K, { children: y.map((h) => /* @__PURE__ */ e(ft, { category: h }, h.guid)) }) })
         ] })
@@ -392,13 +392,13 @@ const ht = ({
   onAmountChanged: i
 }) => {
   const { budgets: s } = D(), { totalBudgeted: a } = w(), { incomeTotal: n } = te(), r = n - a;
-  return /* @__PURE__ */ d(b, { gap: 16, children: [
-    /* @__PURE__ */ d(b, { children: [
-      /* @__PURE__ */ e(p, { children: L(
+  return /* @__PURE__ */ d(_, { gap: 16, children: [
+    /* @__PURE__ */ d(_, { children: [
+      /* @__PURE__ */ e(g, { children: L(
         s.add_description_top,
         T(r, "0,0")
       ) }),
-      /* @__PURE__ */ e(p, { children: L(s.add_description_bottom, o) })
+      /* @__PURE__ */ e(g, { children: L(s.add_description_bottom, o) })
     ] }),
     /* @__PURE__ */ e(
       He,
@@ -445,7 +445,7 @@ const ht = ({
   const { budgets: o } = D(), { addBudget: i, setAlert: s, unbudgetedCategories: a } = w(), n = async (r, c) => {
     await i(r, c), s(L(o.alert_budget_created, r.name));
   };
-  return /* @__PURE__ */ d(b, { children: [
+  return /* @__PURE__ */ d(_, { children: [
     /* @__PURE__ */ e(yt, {}),
     /* @__PURE__ */ e(W, { bgcolor: "background.paper", children: /* @__PURE__ */ e(K, { children: a.map((r) => /* @__PURE__ */ e(
       Bt,
@@ -458,7 +458,7 @@ const ht = ({
     /* @__PURE__ */ e(Ct, { onRecalculateBudgets: t })
   ] });
 }), St = (t) => {
-  const o = Q(), { onEvent: i } = X(), { detailedBudgets: s, isDataLoaded: a, loadBudgetData: n, setTheme: r } = w(), { budgets: c, common: y } = D(), { isCopyLoaded: g, isInitialized: h, selectedAccounts: m } = ee(), { reloadCategoryTotals: C } = j(), _ = Pe(), u = s.length === 0, [B, f] = l.useState(!1), A = () => {
+  const o = Q(), { onEvent: i } = X(), { detailedBudgets: s, isDataLoaded: a, loadBudgetData: n, setTheme: r } = w(), { budgets: c, common: y } = D(), { isCopyLoaded: p, isInitialized: h, selectedAccounts: m } = ee(), { reloadCategoryTotals: C } = j(), b = Pe(), u = s.length === 0, [B, f] = l.useState(!1), A = () => {
     f(!0), i(k.BUDGETS_CLICK_ADD);
   }, x = () => {
     f(!1);
@@ -471,14 +471,14 @@ const ht = ({
         n().finally();
       }
     );
-  }, [h, m]), g ? /* @__PURE__ */ d(
+  }, [h, m]), p ? /* @__PURE__ */ d(
     Xe,
     {
       primaryCtaLabel: u ? c.get_started_cta : c.details_cta,
       title: c.budgets_title,
       ...t,
       children: [
-        a ? /* @__PURE__ */ d(b, { height: 450, mt: 32, children: [
+        a ? /* @__PURE__ */ d(_, { height: 450, mt: 32, children: [
           /* @__PURE__ */ e(
             we,
             {
@@ -489,8 +489,8 @@ const ht = ({
             }
           ),
           !u && /* @__PURE__ */ d(W, { ml: 16, children: [
-            /* @__PURE__ */ e(p, { bold: !0, color: _ < 0 ? "error.main" : "success.main", children: T(Math.abs(_), "0,0") }),
-            /* @__PURE__ */ e(p, { children: _ < 0 ? c.overspent_in_budgets : c.left_in_budgets })
+            /* @__PURE__ */ e(g, { bold: !0, color: b < 0 ? "error.main" : "success.main", children: T(Math.abs(b), "0,0") }),
+            /* @__PURE__ */ e(g, { children: b < 0 ? c.overspent_in_budgets : c.left_in_budgets })
           ] })
         ] }) : /* @__PURE__ */ e(P, {}),
         /* @__PURE__ */ e(
@@ -520,18 +520,18 @@ const ht = ({
       percentage: `${n}%`
     }
   ];
-  return /* @__PURE__ */ e(ge, { sx: { mt: 24, mx: 24 }, children: /* @__PURE__ */ e(pe, { children: /* @__PURE__ */ d(b, { alignItems: "center", gap: 16, children: [
+  return /* @__PURE__ */ e(ge, { sx: { mt: 24, mx: 24 }, children: /* @__PURE__ */ e(pe, { children: /* @__PURE__ */ d(_, { alignItems: "center", gap: 16, children: [
     /* @__PURE__ */ e(H, { categoryGuid: a, size: 56 }),
     /* @__PURE__ */ e(Ge, { children: `${T(r, "0,0")} / ${T(o, "0,0")}` }),
-    /* @__PURE__ */ e(p, { bold: !0, variant: "XSmall", children: s }),
+    /* @__PURE__ */ e(g, { bold: !0, variant: "XSmall", children: s }),
     /* @__PURE__ */ e(ue, { data: c, height: 10 })
   ] }) }) });
 }, At = I(() => {
   const { budgets: t } = D();
-  return /* @__PURE__ */ d(b, { alignItems: "center", gap: 12, height: "auto", mb: 24, mt: 24, children: [
+  return /* @__PURE__ */ d(_, { alignItems: "center", gap: 12, height: "auto", mb: 24, mt: 24, children: [
     /* @__PURE__ */ e($, { color: "secondary", name: "bubble_chart", sx: { fontSize: 32 } }),
-    /* @__PURE__ */ e(p, { bold: !0, color: "secondary", variant: "Small", children: t.zero_state_no_sub_budgets }),
-    /* @__PURE__ */ e(p, { color: "text.secondary", variant: "XSmall", children: t.zero_state_no_sub_budgets_description })
+    /* @__PURE__ */ e(g, { bold: !0, color: "secondary", variant: "Small", children: t.zero_state_no_sub_budgets }),
+    /* @__PURE__ */ e(g, { color: "text.secondary", variant: "XSmall", children: t.zero_state_no_sub_budgets_description })
   ] });
 }), xt = I(({ budget: t }) => {
   const {
@@ -546,8 +546,8 @@ const ht = ({
     /* @__PURE__ */ e(
       Z,
       {
-        primary: /* @__PURE__ */ e(b, { component: "span", direction: "row", justifyContent: "space-between", children: /* @__PURE__ */ e(p, { bold: !0, variant: "Body", children: t.category.name }) }),
-        secondary: /* @__PURE__ */ e(b, { component: "span", direction: "row", justifyContent: "space-between", children: /* @__PURE__ */ e(p, { fontWeight: 400, variant: "Body", children: `
+        primary: /* @__PURE__ */ e(_, { component: "span", direction: "row", justifyContent: "space-between", children: /* @__PURE__ */ e(g, { bold: !0, variant: "Body", children: t.category.name }) }),
+        secondary: /* @__PURE__ */ e(_, { component: "span", direction: "row", justifyContent: "space-between", children: /* @__PURE__ */ e(g, { fontWeight: 400, variant: "Body", children: `
                   ${T(n, "0,0")} / 
                   ${T(o, "0,0")}
                 ` }) })
@@ -555,7 +555,7 @@ const ht = ({
     )
   ] }) });
 }), vt = I(({ category: t, parentBudget: o }) => {
-  const { budgets: i, common: s } = D(), { setExpandedGuid: a, setOnSelect: n } = Qe(), { addBudget: r } = w(), [c, y] = l.useState(!1), [g, h] = l.useState(!1), [m, C] = l.useState(""), [_, u] = l.useState(void 0);
+  const { budgets: i, common: s } = D(), { setExpandedGuid: a, setOnSelect: n } = Qe(), { addBudget: r } = w(), [c, y] = l.useState(!1), [p, h] = l.useState(!1), [m, C] = l.useState(""), [b, u] = l.useState(void 0);
   l.useEffect(() => {
     n((A) => {
       const x = t.subCategories.find((v) => v.guid === A);
@@ -565,13 +565,13 @@ const ht = ({
   const B = () => {
     a(t.guid), y(!0);
   }, f = async () => {
-    _ && Number(m) > 0 && (await r(_, Number(m), o.guid), h(!1), y(!1), u(void 0));
+    b && Number(m) > 0 && (await r(b, Number(m), o.guid), h(!1), y(!1), u(void 0));
   };
   return /* @__PURE__ */ d(W, { children: [
-    /* @__PURE__ */ e(V, { disableGutters: !0, disablePadding: !0, sx: { bgcolor: "background.paper" }, children: /* @__PURE__ */ e(Y, { onClick: B, children: /* @__PURE__ */ e(Z, { children: /* @__PURE__ */ d(b, { alignItems: "center", direction: "row", justifyContent: "space-between", children: [
-      /* @__PURE__ */ d(b, { alignItems: "center", direction: "row", gap: 8, children: [
+    /* @__PURE__ */ e(V, { disableGutters: !0, disablePadding: !0, sx: { bgcolor: "background.paper" }, children: /* @__PURE__ */ e(Y, { onClick: B, children: /* @__PURE__ */ e(Z, { children: /* @__PURE__ */ d(_, { alignItems: "center", direction: "row", justifyContent: "space-between", children: [
+      /* @__PURE__ */ d(_, { alignItems: "center", direction: "row", gap: 8, children: [
         /* @__PURE__ */ e($, { fill: !0, name: "add_box", size: 24, sx: { color: "primary.light" } }),
-        /* @__PURE__ */ e(p, { bold: !0, sx: { color: "primary.light" }, variant: "Body", children: i.add_sub_budget_button })
+        /* @__PURE__ */ e(g, { bold: !0, sx: { color: "primary.light" }, variant: "Body", children: i.add_sub_budget_button })
       ] }),
       /* @__PURE__ */ e($, { name: "chevron_right", size: 24, sx: { color: "primary.light" } })
     ] }) }) }) }),
@@ -591,7 +591,7 @@ const ht = ({
       {
         copy: { close_aria: s.close_aria, title: i.add_title },
         disablePrimaryButton: Number(m) <= 0,
-        isOpen: g,
+        isOpen: p,
         onClose: () => h(!1),
         onPrimaryAction: f,
         primaryText: i.add_save_button,
@@ -599,7 +599,7 @@ const ht = ({
           re,
           {
             amount: m,
-            categoryName: _?.name || "",
+            categoryName: b?.name || "",
             onAmountChanged: C
           }
         )
@@ -607,10 +607,10 @@ const ht = ({
     )
   ] });
 }), Tt = I(({ budget: t }) => {
-  const { category: o, subBudgets: i } = t, { budgets: s, common: a } = D(), { deleteBudget: n, selectedSubBudget: r, setSelectedSubBudget: c, updateBudget: y } = w(), { filter: g, setFilter: h } = ne(), [m, C] = l.useState(!1), [_, u] = l.useState(!1), [B, f] = l.useState("");
+  const { category: o, subBudgets: i } = t, { budgets: s, common: a } = D(), { deleteBudget: n, selectedSubBudget: r, setSelectedSubBudget: c, updateBudget: y } = w(), { filter: p, setFilter: h } = ne(), [m, C] = l.useState(!1), [b, u] = l.useState(!1), [B, f] = l.useState("");
   l.useEffect(() => {
     r && (f(`${r.amount}`), h({
-      ...g,
+      ...p,
       custom: (S) => S.category_guid === r.category_guid
     }));
   }, [r]);
@@ -623,7 +623,7 @@ const ht = ({
     r && await n(r.guid), u(!1), v();
   }, v = () => {
     h({
-      ...g,
+      ...p,
       custom: (S) => S.category_guid === t.category_guid || S.top_level_category_guid === t.category_guid
     }), c(void 0);
   };
@@ -646,7 +646,7 @@ const ht = ({
         primaryText: s.details_edit_button,
         secondaryText: s.details_delete_button,
         title: s.details_title,
-        children: r && /* @__PURE__ */ d(b, { gap: 24, children: [
+        children: r && /* @__PURE__ */ d(_, { gap: 24, children: [
           /* @__PURE__ */ e(Ie, { budget: r }),
           /* @__PURE__ */ e(xe, { height: "100%" })
         ] })
@@ -676,33 +676,33 @@ const ht = ({
         N,
         {
           copy: { close_aria: a.close_aria, title: s.delete_title },
-          isOpen: _,
+          isOpen: b,
           onClose: () => u(!1),
           onPrimaryAction: x,
           primaryColor: "error",
           primaryText: "Delete",
           secondaryColor: "secondary",
-          children: /* @__PURE__ */ e(p, { variant: "Paragraph", children: L(s.delete_description, r.category.name) })
+          children: /* @__PURE__ */ e(g, { variant: "Paragraph", children: L(s.delete_description, r.category.name) })
         }
       )
     ] })
   ] });
 }), wt = I(({ budget: t }) => {
   const { is_mobile_webview: o } = Ue(), { setAlert: i } = w(), { budgets: s, common: a, transactions: n } = D(), { isDesktop: r, isSmallTablet: c, isTablet: y } = me(), {
-    sortedTransactions: g,
+    sortedTransactions: p,
     sortedTransactionsWithSplits: h,
     tags: m
-  } = ne(), [C, _] = l.useState(0), [u, B] = l.useState(""), f = l.useMemo(
-    () => g.find((S) => S.guid === u),
-    [u, g]
+  } = ne(), [C, b] = l.useState(0), [u, B] = l.useState(""), f = l.useMemo(
+    () => p.find((S) => S.guid === u),
+    [u, p]
   ), A = (S, O) => {
-    _(O);
+    b(O);
   }, x = () => {
     qe(h, m), i(s.alert_csv_downloaded);
-  }, v = g.length > 0 && !o && (r || y && !c);
-  return /* @__PURE__ */ d(b, { gap: 24, children: [
+  }, v = p.length > 0 && !o && (r || y && !c);
+  return /* @__PURE__ */ d(_, { gap: 24, children: [
     /* @__PURE__ */ e(Ie, { budget: t }),
-    /* @__PURE__ */ d(b, { children: [
+    /* @__PURE__ */ d(_, { children: [
       /* @__PURE__ */ d(
         Ze,
         {
@@ -717,8 +717,8 @@ const ht = ({
           ]
         }
       ),
-      C === 0 && /* @__PURE__ */ d(b, { children: [
-        v && /* @__PURE__ */ e(b, { direction: "row", justifyContent: "right", mb: -24, mr: 8, mt: 8, zIndex: 1, children: /* @__PURE__ */ e(
+      C === 0 && /* @__PURE__ */ d(_, { children: [
+        v && /* @__PURE__ */ e(_, { direction: "row", justifyContent: "right", mb: -24, mr: 8, mt: 8, zIndex: 1, children: /* @__PURE__ */ e(
           Ae,
           {
             onClick: x,
@@ -750,8 +750,8 @@ const ht = ({
     selectedSubBudget: r,
     setAlert: c,
     setSelectedBudget: y,
-    updateBudget: g
-  } = w(), { setFilter: h } = ne(), [m, C] = l.useState(!1), [_, u] = l.useState(!1), [B, f] = l.useState(!1), [A, x] = l.useState("");
+    updateBudget: p
+  } = w(), { setFilter: h } = ne(), [m, C] = l.useState(!1), [b, u] = l.useState(!1), [B, f] = l.useState(!1), [A, x] = l.useState("");
   l.useEffect(() => {
     n && !r && (x(`${n.amount}`), C(!0), h({
       accounts: t,
@@ -761,7 +761,7 @@ const ht = ({
     }));
   }, [n]);
   const v = async () => {
-    n && (await g({
+    n && (await p({
       ...n,
       amount: Number(A),
       percentage: n.category.totalAmount / Number(A) * 100
@@ -795,7 +795,7 @@ const ht = ({
         {
           copy: { close_aria: i.close_aria, title: o.details_edit_title },
           disablePrimaryButton: Number(A) <= 0,
-          isOpen: _,
+          isOpen: b,
           onClose: () => u(!1),
           onPrimaryAction: v,
           primaryText: o.edit_save_button,
@@ -819,7 +819,7 @@ const ht = ({
           primaryColor: "error",
           primaryText: o.details_delete_button,
           secondaryColor: "secondary",
-          children: /* @__PURE__ */ e(p, { variant: "Paragraph", children: L(o.delete_description, n.category.name) })
+          children: /* @__PURE__ */ e(g, { variant: "Paragraph", children: L(o.delete_description, n.category.name) })
         }
       )
     ] });
@@ -831,23 +831,23 @@ const ht = ({
     description: r,
     percentage: c,
     subBudgets: y,
-    transaction_total: g
+    transaction_total: p
   } = t;
   return /* @__PURE__ */ e(V, { children: /* @__PURE__ */ d(Y, { onClick: () => o?.(t), children: [
     /* @__PURE__ */ e(ae, { sx: { mb: -8, mr: 16 }, children: /* @__PURE__ */ e(ve, { color: s, percent: c, size: 40, children: /* @__PURE__ */ e(H, { categoryGuid: n, variant: "basic" }) }) }),
     /* @__PURE__ */ e(
       Z,
       {
-        primary: /* @__PURE__ */ d(b, { component: "span", direction: "row", justifyContent: "space-between", children: [
-          /* @__PURE__ */ e(p, { bold: !0, variant: "Body", children: t.category.name }),
-          /* @__PURE__ */ e(p, { fontWeight: 400, variant: "Body", children: `
-                  ${T(g, "0,0")} / 
+        primary: /* @__PURE__ */ d(_, { component: "span", direction: "row", justifyContent: "space-between", children: [
+          /* @__PURE__ */ e(g, { bold: !0, variant: "Body", children: t.category.name }),
+          /* @__PURE__ */ e(g, { fontWeight: 400, variant: "Body", children: `
+                  ${T(p, "0,0")} / 
                   ${T(i, "0,0")}
                 ` })
         ] }),
-        secondary: /* @__PURE__ */ d(b, { component: "span", direction: "row", justifyContent: "space-between", children: [
-          /* @__PURE__ */ e(p, { variant: "XSmall", children: `${y.length} Sub-budgets` }),
-          /* @__PURE__ */ e(p, { bold: c > 100, color: a, variant: "XSmall", children: r })
+        secondary: /* @__PURE__ */ d(_, { component: "span", direction: "row", justifyContent: "space-between", children: [
+          /* @__PURE__ */ e(g, { variant: "XSmall", children: `${y.length} Sub-budgets` }),
+          /* @__PURE__ */ e(g, { bold: c > 100, color: a, variant: "XSmall", children: r })
         ] })
       }
     )
@@ -867,9 +867,9 @@ const ht = ({
     ] }, n.guid)) }) })
   ] });
 }), Ot = I(() => {
-  const t = Q(), { onEvent: o } = X(), { visibleAccounts: i } = Se(), { budgets: s, common: a, recurring: n } = D(), { incomeCategories: r, spendCategories: c } = j(), { detailedBudgets: y, totalBudgeted: g } = w(), { incomeTotal: h } = te(), { setFilter: m } = ne(), [C, _] = l.useState(!1), [u, B] = l.useMemo(() => {
+  const t = Q(), { onEvent: o } = X(), { visibleAccounts: i } = Se(), { budgets: s, common: a, recurring: n } = D(), { incomeCategories: r, spendCategories: c } = j(), { detailedBudgets: y, totalBudgeted: p } = w(), { incomeTotal: h } = te(), { setFilter: m } = ne(), [C, b] = l.useState(!1), [u, B] = l.useMemo(() => {
     const v = c.reduce((z, se) => z + se.totalAmount, 0);
-    let S = v / g;
+    let S = v / p;
     S > 1 && (S = 1);
     let O = t.palette.success.main;
     S > 0.8 && S < 1 ? O = t.palette.warning.main : S >= 1 && (O = t.palette.error.main);
@@ -900,23 +900,23 @@ const ht = ({
         start: tt(/* @__PURE__ */ new Date(), 90),
         end: /* @__PURE__ */ new Date()
       }
-    }), _(!0), o(k.BUDGETS_CLICK_EDIT_INCOME);
+    }), b(!0), o(k.BUDGETS_CLICK_EDIT_INCOME);
   };
   return /* @__PURE__ */ d(ge, { elevation: 2, sx: { overflow: "visible" }, children: [
     /* @__PURE__ */ e(Te, { sx: { pb: 8, pl: 24 }, title: /* @__PURE__ */ e(Be, { children: s.overview_title }) }),
-    /* @__PURE__ */ e(pe, { sx: { pt: 12, px: 24 }, children: /* @__PURE__ */ d(b, { gap: 24, children: [
-      /* @__PURE__ */ d(b, { gap: 8, children: [
-        /* @__PURE__ */ e(p, { bold: !0, sx: { mb: 8 }, variant: "Body", children: s.spending_title }),
+    /* @__PURE__ */ e(pe, { sx: { pt: 12, px: 24 }, children: /* @__PURE__ */ d(_, { gap: 24, children: [
+      /* @__PURE__ */ d(_, { gap: 8, children: [
+        /* @__PURE__ */ e(g, { bold: !0, sx: { mb: 8 }, variant: "Body", children: s.spending_title }),
         /* @__PURE__ */ e(ue, { data: B, height: 16 }),
-        /* @__PURE__ */ e(p, { variant: "Small", children: L(
+        /* @__PURE__ */ e(g, { variant: "Small", children: L(
           s.spending_description,
           T(u, "0,0"),
-          T(g, "0,0")
+          T(p, "0,0")
         ) })
       ] }),
-      /* @__PURE__ */ d(b, { gap: 8, children: [
-        /* @__PURE__ */ d(b, { alignItems: "center", direction: "row", gap: 4, mb: -4, children: [
-          /* @__PURE__ */ e(p, { bold: !0, variant: "Body", children: s.income_title }),
+      /* @__PURE__ */ d(_, { gap: 8, children: [
+        /* @__PURE__ */ d(_, { alignItems: "center", direction: "row", gap: 4, mb: -4, children: [
+          /* @__PURE__ */ e(g, { bold: !0, variant: "Body", children: s.income_title }),
           /* @__PURE__ */ e(
             nt,
             {
@@ -928,7 +928,7 @@ const ht = ({
           )
         ] }),
         /* @__PURE__ */ e(ue, { data: A, height: 16 }),
-        /* @__PURE__ */ e(p, { variant: "Small", children: L(
+        /* @__PURE__ */ e(g, { variant: "Small", children: L(
           s.income_description,
           T(f, "0,0"),
           T(h, "0,0")
@@ -940,16 +940,19 @@ const ht = ({
       {
         ariaLabelClose: a.close_aria,
         isOpen: C,
-        onClose: () => _(!1),
+        onClose: () => b(!1),
         title: n.manage_income,
-        children: /* @__PURE__ */ e(ot, { forOverview: !0 })
+        children: /* @__PURE__ */ d(_, { sx: { height: "100%" }, children: [
+          /* @__PURE__ */ e(g, { bold: !0, sx: { mb: 4, mt: 12, mx: 24 }, variant: "Small", children: s.income_title }),
+          /* @__PURE__ */ e(ot, { forOverview: !0 })
+        ] })
       }
     )
   ] });
 }), Ce = 480, Dn = I(({ onBackClick: t, sx: o }) => {
-  const i = Q(), { onEvent: s } = X(), { visibleAccounts: a } = Se(), { budgets: n, common: r } = D(), { isCopyLoaded: c, isInitialized: y, selectedAccounts: g, setDisplayedDate: h, setSelectedAccounts: m } = ee(), {
+  const i = Q(), { onEvent: s } = X(), { visibleAccounts: a } = Se(), { budgets: n, common: r } = D(), { isCopyLoaded: c, isInitialized: y, selectedAccounts: p, setDisplayedDate: h, setSelectedAccounts: m } = ee(), {
     alert: C,
-    dateRange: _,
+    dateRange: b,
     isDataLoaded: u,
     loadBudgetData: B,
     setDateRange: f,
@@ -962,8 +965,8 @@ const ht = ({
   }), []), l.useEffect(() => {
     m(a);
   }, [a]), l.useEffect(() => {
-    y && (h(_.start, _.end), R(g, _.start, _.end).finally(), O(_), u || (S().finally(), B().finally()));
-  }, [y, g, _]);
+    y && (h(b.start, b.end), R(p, b.start, b.end).finally(), O(b), u || (S().finally(), B().finally()));
+  }, [y, p, b]);
   const Le = (_e) => {
     f({ start: _e[0] || /* @__PURE__ */ new Date(), end: _e[1] || /* @__PURE__ */ new Date() });
   }, Re = () => {
@@ -972,7 +975,7 @@ const ht = ({
     ie(!0), s(k.BUDGETS_CLICK_ADD);
   }, ke = () => {
     ie(!1);
-  }, Me = Ke(_.end, J(/* @__PURE__ */ new Date()));
+  }, Me = Ke(b.end, J(/* @__PURE__ */ new Date()));
   return !c || !y || !u ? /* @__PURE__ */ e(P, {}) : /* @__PURE__ */ d(
     Fe,
     {
@@ -996,14 +999,14 @@ const ht = ({
       children: [
         (!y || !u) && /* @__PURE__ */ e(P, {}),
         y && u && /* @__PURE__ */ d(
-          b,
+          _,
           {
             direction: U ? "column" : "row",
             height: "100%",
             sx: { justifyContent: "center" },
             width: "100%",
             children: [
-              /* @__PURE__ */ e(b, { height: U ? 450 : "calc(100dvh - 150px)", children: /* @__PURE__ */ e(
+              /* @__PURE__ */ e(_, { height: U ? 450 : "calc(100dvh - 150px)", children: /* @__PURE__ */ e(
                 we,
                 {
                   createBudgetOnClick: he,
@@ -1014,7 +1017,7 @@ const ht = ({
                 }
               ) }),
               v.length !== 0 && /* @__PURE__ */ d(
-                b,
+                _,
                 {
                   gap: 24,
                   height: "100%",

package/dist/cashflow/index.es.js

@@ -17,7 +17,7 @@ import { I as he } from "../CashflowStore-D9Dpuz7X.mjs";
 import { C as Wn } from "../CashflowStore-D9Dpuz7X.mjs";
 import { b as X } from "../Localization-2MODESHW.mjs";
 import { M as Qe } from "../MiniWidgetContainer-BhHaL8eb.mjs";
-import { R as Ve } from "../RecurringSettings-RduF8gt3.mjs";
+import { R as Ve } from "../RecurringSettings-DHPyexin.mjs";
 import Ke from "@mui/material/Tabs";
 import Ce from "@mui/material/Tab";
 import { getUnixTime as U } 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-4_bSdxXr.mjs";
+import { M as ot, S as it, i as at, d as Se, c as rt } from "../ManageIncome-BaZyK1CD.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/common/types/localization/CommonCopy.d.ts

@@ -14,6 +14,8 @@ export interface CommonCopy {
     date_range_picker: DateRangePickerCopy;
     delete_button: string;
     done_button: string;
+    error_heading: string;
+    error_message: string;
     filter_button: string;
     good_afternoon: string;
     good_evening: string;
@@ -44,6 +46,7 @@ export interface CommonCopy {
         transactions: string;
         trends: string;
     };
+    refresh_button: string;
     save_button: string;
     search: string;
     search_aria: string;

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-B-dZx6gH.mjs";
-import { R as Je } from "../RecurringSettings-RduF8gt3.mjs";
+import { R as Je } from "../RecurringSettings-DHPyexin.mjs";
 import Qe from "@mui/material/TextField";
 import { u as Ce } 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 de } from "date-fns/startOfToday";
 import { subDays as ue } from "date-fns/subDays";
 import oe from "@mui/material/Skeleton";
 import c from "@mui/material/Stack";
-import { R as ze } from "../RecurringSettings-RduF8gt3.mjs";
-import { M as An } from "../RecurringSettings-RduF8gt3.mjs";
+import { R as ze } from "../RecurringSettings-DHPyexin.mjs";
+import { M as An } from "../RecurringSettings-DHPyexin.mjs";
 import { addMonths as Be } from "date-fns/addMonths";
 import { subMonths as Ue } from "date-fns/subMonths";
 import { isBefore as Fe } 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-4_bSdxXr.mjs";
-import { c as On, M as kn, S as Wn } from "../ManageIncome-4_bSdxXr.mjs";
+import { b as mt } from "../ManageIncome-BaZyK1CD.mjs";
+import { c as On, M as kn, S as Wn } from "../ManageIncome-BaZyK1CD.mjs";
 import { f as L } from "../NumberFormatting-CtWHhyBX.mjs";
 import { D as Ne } from "../Drawer-kEE73B87.mjs";
 import { b as O } from "../Localization-2MODESHW.mjs";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mx-cartographer/experiences",
-  "version": "7.0.37-alpha-testing-mr-ram1",
+  "version": "7.0.38-alpha.mm0",
   "description": "Library containing experience widgets",
   "author": "MX",
   "license": "MIT",

package/dist/RecurringSettings-RduF8gt3.mjs

@@ -1,88 +0,0 @@
-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
-};