@mx-cartographer/experiences 7.0.58-alpha.mm1 → 7.0.59-alpha.al0

package/dist/cashflow/index.es.js

@@ -6,7 +6,7 @@ import { startOfToday as M } from "date-fns/startOfToday";
 import I from "@mui/material/Box";
 import H from "@mui/material/Button";
 import D from "@mui/material/Divider";
-import r from "@mui/material/Stack";
+import s from "@mui/material/Stack";
 import ie from "@mui/material/styles/useTheme";
 import { Text as d, P as k, Icon as F, InstitutionLogo as xe, H1 as le, H2 as Xe } from "@mxenabled/mxui";
 import { G as Ye, t as de, u as O, p as re, d as Oe, b as Y, o as me, j as q, g as Ne, h as ke } from "../hooks-CE2TKk4a.mjs";
@@ -19,7 +19,7 @@ import { b as X } from "../Localization-2MODESHW.mjs";
 import { M as Qe } from "../MiniWidgetContainer-DTQdRK-3.mjs";
 import { R as Ve } from "../RecurringSettings-qv7DNYac.mjs";
 import Ke from "@mui/material/Tabs";
-import ye from "@mui/material/Tab";
+import Ce from "@mui/material/Tab";
 import { getUnixTime as U } from "date-fns/getUnixTime";
 import ee from "@mui/material/List";
 import te from "@mui/material/ListItem";
@@ -30,7 +30,7 @@ import { f as Z } from "../NumberFormatting-CtWHhyBX.mjs";
 import { isAfter as He } from "date-fns/isAfter";
 import { isBefore as Fe } from "date-fns/isBefore";
 import { isToday as We } from "date-fns/isToday";
-import { addDays as Ce } from "date-fns/addDays";
+import { addDays as ye } 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 Se } from "../TabContentContainer-j01JYR_7.mjs";
@@ -68,35 +68,35 @@ const K = () => {
     /* @__PURE__ */ e(L, { amount: a, bold: !0, sx: { fontSize: 12 } })
   ] });
 }, pe = T(ft), gt = ({ onAddIncomeClick: a }) => {
-  const n = ie(), { availableWidth: t } = re(), { isMobile: s } = ue(), { visibleCashAccounts: c, visibleCashBalance: f } = Oe(), { selectedAccounts: m, selectedAccountGuids: b, setSelectedAccounts: y } = Y(), { cashflow: i } = O(), { userProfile: g } = me(), {
+  const n = ie(), { availableWidth: t } = re(), { isMobile: r } = ue(), { visibleCashAccounts: c, visibleCashBalance: f } = Oe(), { selectedAccounts: m, selectedAccountGuids: g, setSelectedAccounts: C } = Y(), { cashflow: i } = O(), { userProfile: b } = me(), {
     daysUntilNextIncome: l,
     expensesTilNextIncome: h,
-    selectedCashAccounts: C,
+    selectedCashAccounts: y,
     setNextIncome: S,
     setSelectedCashAccounts: v,
     setUpcomingExpenses: p
   } = K(), { isDataLoaded: N, nextIncomeRecurrence: _, upcomingExpenses: j } = q();
   u.useEffect(() => {
-    y(c);
+    C(c);
   }, [c]), u.useEffect(() => {
     v(
-      c.filter((R) => b.includes(R.guid))
+      c.filter((R) => g.includes(R.guid))
     );
   }, [c, m]), u.useEffect(() => {
     _ && S(_), p(j);
   }, [_, j]);
   const G = u.useMemo(
-    () => c.filter((R) => b.includes(R.guid)).reduce((R, w) => R + (w?.balance || 0), 0),
-    [b, j]
+    () => c.filter((R) => g.includes(R.guid)).reduce((R, w) => R + (w?.balance || 0), 0),
+    [g, j]
   ), W = u.useMemo(
-    () => h.filter((R) => b.includes(R.accountGuid || "")).reduce((R, w) => R + w.amount, 0),
-    [b, h]
+    () => h.filter((R) => g.includes(R.accountGuid || "")).reduce((R, w) => R + w.amount, 0),
+    [g, h]
   ), z = u.useMemo(
     () => G - W,
     [G, W]
-  ), A = g?.has_completed_cash_flow_onboarding && !!a;
+  ), A = b?.has_completed_cash_flow_onboarding && !!a;
   return N ? /* @__PURE__ */ e(I, { className: "mx-cashflow", pl: 16, pr: 16, pt: 16, children: t > 710 ? /* @__PURE__ */ o(
-    r,
+    s,
     {
       border: `1px solid ${n.palette.border.light}`,
       borderRadius: 1,
@@ -104,27 +104,27 @@ const K = () => {
       justifyContent: "space-between",
       px: 24,
       children: [
-        /* @__PURE__ */ o(r, { pb: 14, pt: 12, children: [
+        /* @__PURE__ */ o(s, { pb: 14, pt: 12, children: [
           /* @__PURE__ */ e(L, { amount: G, variant: "H2" }),
           /* @__PURE__ */ e(k, { variant: "XSmall", whiteSpace: "nowrap", children: X(
             i.total_cash_accounts,
-            C.length
+            y.length
           ) })
         ] }),
-        /* @__PURE__ */ e(r, { pt: 18, children: /* @__PURE__ */ e(F, { name: "remove" }) }),
-        /* @__PURE__ */ o(r, { pb: 14, pt: 12, children: [
+        /* @__PURE__ */ e(s, { pt: 18, children: /* @__PURE__ */ e(F, { name: "remove" }) }),
+        /* @__PURE__ */ o(s, { pb: 14, pt: 12, children: [
           /* @__PURE__ */ e(L, { amount: W, variant: "H2" }),
           /* @__PURE__ */ e(k, { variant: "XSmall", whiteSpace: "nowrap", children: X(i.expenses_due, h.length) })
         ] }),
-        /* @__PURE__ */ e(r, { pt: 18, children: /* @__PURE__ */ e(F, { name: "equal" }) }),
-        /* @__PURE__ */ o(r, { pb: 14, pr: 24, pt: 12, children: [
+        /* @__PURE__ */ e(s, { pt: 18, children: /* @__PURE__ */ e(F, { name: "equal" }) }),
+        /* @__PURE__ */ o(s, { pb: 14, pr: 24, pt: 12, children: [
           /* @__PURE__ */ e(L, { amount: z, variant: "H2" }),
-          /* @__PURE__ */ o(r, { alignItems: "center", direction: "row", gap: 8, children: [
+          /* @__PURE__ */ o(s, { alignItems: "center", direction: "row", gap: 8, children: [
             /* @__PURE__ */ e(k, { variant: "XSmall", whiteSpace: "nowrap", children: i.available_to_spend }),
             /* @__PURE__ */ e(he, { body: i.tooltip_body, title: i.tooltip_title })
           ] })
         ] }),
-        /* @__PURE__ */ e(r, { borderLeft: `1px solid ${n.palette.border.light}`, pb: 12, pl: 24, pt: 12, children: A ? /* @__PURE__ */ o(P, { children: [
+        /* @__PURE__ */ e(s, { borderLeft: `1px solid ${n.palette.border.light}`, pb: 12, pl: 24, pt: 12, children: A ? /* @__PURE__ */ o(P, { children: [
           /* @__PURE__ */ e(d, { variant: "H2", children: X(i.days, l) }),
           /* @__PURE__ */ e(k, { variant: "XSmall", whiteSpace: "nowrap", children: i.next_paycheck })
         ] }) : /* @__PURE__ */ e(
@@ -138,22 +138,22 @@ const K = () => {
         ) })
       ]
     }
-  ) : /* @__PURE__ */ o(r, { border: `1px solid ${n.palette.border.light}`, borderRadius: 1, children: [
-    /* @__PURE__ */ o(r, { direction: "row", justifyContent: "space-between", p: 16, children: [
+  ) : /* @__PURE__ */ o(s, { border: `1px solid ${n.palette.border.light}`, borderRadius: 1, children: [
+    /* @__PURE__ */ o(s, { direction: "row", justifyContent: "space-between", p: 16, children: [
       /* @__PURE__ */ e(d, { variant: "Small", children: X(
         i.total_cash_accounts,
-        C.length
+        y.length
       ) }),
       /* @__PURE__ */ e(L, { amount: f, bold: !0, variant: "XSmall" })
     ] }),
     /* @__PURE__ */ e(D, {}),
-    /* @__PURE__ */ o(r, { direction: "row", justifyContent: "space-between", p: 16, children: [
+    /* @__PURE__ */ o(s, { direction: "row", justifyContent: "space-between", p: 16, children: [
       /* @__PURE__ */ e(d, { variant: "Small", children: X(i.expenses_due, h.length) }),
       /* @__PURE__ */ e(L, { amount: W, bold: !0, symbol: "-", variant: "XSmall" })
     ] }),
     /* @__PURE__ */ e(D, {}),
     /* @__PURE__ */ e(
-      r,
+      s,
       {
         alignItems: "center",
         bgcolor: "background.default",
@@ -167,11 +167,11 @@ const K = () => {
       }
     ),
     /* @__PURE__ */ e(D, {}),
-    A ? /* @__PURE__ */ o(r, { direction: "row", justifyContent: "space-between", p: 16, children: [
+    A ? /* @__PURE__ */ o(s, { direction: "row", justifyContent: "space-between", p: 16, children: [
       /* @__PURE__ */ e(d, { variant: "Small", children: i.next_paycheck }),
       /* @__PURE__ */ e(d, { bold: !0, variant: "XSmall", children: X(i.days, l) })
     ] }) : /* @__PURE__ */ o(
-      r,
+      s,
       {
         alignItems: "center",
         direction: "row",
@@ -193,24 +193,28 @@ const K = () => {
         ]
       }
     )
-  ] }) }) : /* @__PURE__ */ e(se, { height: s ? 210 : 120 });
-}, bt = T(gt), xt = ({ onPrimaryCtaClick: a, sx: n = {} }) => {
-  const { cashflow: t } = O(), { isCopyLoaded: s, isInitialized: c } = Y(), { loadRepeatingTransactions: f, setDateRange: m } = q();
+  ] }) }) : /* @__PURE__ */ e(se, { height: r ? 210 : 120 });
+}, bt = T(gt), xt = ({
+  onPrimaryCtaClick: a,
+  onSecondaryCtaClick: n,
+  sx: t = {}
+}) => {
+  const { cashflow: r } = O(), { isCopyLoaded: c, isInitialized: f } = Y(), { loadRepeatingTransactions: m, setDateRange: g } = q();
   return u.useEffect(() => {
-    c && (m({ start: M(), end: qe(M(), 1) }), f().finally());
-  }, [c]), s ? /* @__PURE__ */ e(
+    f && (g({ start: M(), end: qe(M(), 1) }), m().finally());
+  }, [f]), c ? /* @__PURE__ */ e(
     Qe,
     {
       className: "mx-exp-cashflow-miniwidget",
       onPrimaryCtaClick: a,
-      primaryCtaLabel: t.primary_cta,
-      subTitle: t.sub_title,
-      sx: n,
-      title: t.title,
-      children: /* @__PURE__ */ e(bt, { onAddIncomeClick: a })
+      primaryCtaLabel: r.primary_cta,
+      subTitle: r.sub_title,
+      sx: t,
+      title: r.title,
+      children: /* @__PURE__ */ e(bt, { onAddIncomeClick: n })
     }
   ) : /* @__PURE__ */ e(se, {});
-}, On = T(xt), yt = ({ remaining: a }) => /* @__PURE__ */ e(
+}, On = T(xt), Ct = ({ remaining: a }) => /* @__PURE__ */ e(
   te,
   {
     sx: {
@@ -227,9 +231,9 @@ const K = () => {
   }
 );
 var ne = /* @__PURE__ */ ((a) => (a.EXPENSE = "expense", a.INCOME = "income", a))(ne || {});
-const Ct = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
+const yt = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
   /* @__PURE__ */ o(te, { sx: { display: "flex", alignItems: "center", gap: 16, px: 24, py: 12 }, children: [
-    /* @__PURE__ */ o(r, { alignItems: "center", height: 32, width: 32, children: [
+    /* @__PURE__ */ o(s, { alignItems: "center", height: 32, width: 32, children: [
       /* @__PURE__ */ e(d, { bold: !0, sx: { fontSize: 11 }, children: Q(a.expectedDate, V.MONTH) }),
       /* @__PURE__ */ e(d, { bold: !0, sx: { fontSize: 11 }, children: Q(a.expectedDate, V.DAY) })
     ] }),
@@ -244,7 +248,7 @@ const Ct = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
     )
   ] }),
   /* @__PURE__ */ e(D, {})
-] }), Ee = T(Ct), St = ({ total: a, type: n }) => {
+] }), Ee = T(yt), St = ({ total: a, type: n }) => {
   const { cashflow: t } = O();
   return /* @__PURE__ */ o(P, { children: [
     /* @__PURE__ */ o(
@@ -271,9 +275,9 @@ const Ct = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
     /* @__PURE__ */ e(D, {})
   ] });
 }, Te = T(St), ae = (a, n) => (t) => t.accountGuid === a.guid && (We(t.expectedDate) || He(t.expectedDate, n.start)) && Fe(t.expectedDate, n.end), _t = () => {
-  const { availableWidth: a } = re(), { cashflow: n } = O(), { upcomingExpenses: t, upcomingIncome: s } = q(), { dateRange: c, selectedCashAccounts: f } = K();
-  return /* @__PURE__ */ o(r, { children: [
-    /* @__PURE__ */ o(r, { direction: a < 400 ? "column" : "row", justifyContent: "space-between", children: [
+  const { availableWidth: a } = re(), { cashflow: n } = O(), { upcomingExpenses: t, upcomingIncome: r } = q(), { dateRange: c, selectedCashAccounts: f } = K();
+  return /* @__PURE__ */ o(s, { children: [
+    /* @__PURE__ */ o(s, { direction: a < 400 ? "column" : "row", justifyContent: "space-between", children: [
       /* @__PURE__ */ e(d, { bold: !0, sx: { fontSize: 15, mb: 12, whiteSpace: "normal" }, children: n.accounts_breakdown }),
       /* @__PURE__ */ o(d, { bold: !0, sx: { fontSize: 15, mb: 12, whiteSpace: "normal" }, children: [
         Q(c.start, V.FULL_MONTH_DAY),
@@ -282,13 +286,13 @@ const Ct = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
         Q(c.end, V.FULL_MONTH_DAY)
       ] })
     ] }),
-    /* @__PURE__ */ e(r, { children: f.map((m) => {
-      const b = s.filter(ae(m, c)).sort((l, h) => U(l.expectedDate) - U(h.expectedDate)), y = t.filter(
+    /* @__PURE__ */ e(s, { children: f.map((m) => {
+      const g = r.filter(ae(m, c)).sort((l, h) => U(l.expectedDate) - U(h.expectedDate)), C = t.filter(
         ae(m, c)
-      ), i = b.reduce(
+      ), i = g.reduce(
         (l, h) => l + h.amount,
         0
-      ), g = y.reduce(
+      ), b = C.reduce(
         (l, h) => l + h.amount,
         0
       );
@@ -314,26 +318,26 @@ const Ct = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
               }
             ),
             /* @__PURE__ */ e(D, {}),
-            b.length > 0 && /* @__PURE__ */ e(te, { children: /* @__PURE__ */ e(
+            g.length > 0 && /* @__PURE__ */ e(te, { children: /* @__PURE__ */ e(
               ee,
               {
                 subheader: /* @__PURE__ */ e(Te, { total: i, type: ne.INCOME }),
                 sx: { width: "100%" },
-                children: b.map((l) => /* @__PURE__ */ e(Ee, { recurrence: l }, l.repeatingTransactionGuid))
+                children: g.map((l) => /* @__PURE__ */ e(Ee, { recurrence: l }, l.repeatingTransactionGuid))
               }
             ) }),
-            y.length > 0 && /* @__PURE__ */ e(te, { children: /* @__PURE__ */ e(
+            C.length > 0 && /* @__PURE__ */ e(te, { children: /* @__PURE__ */ e(
               ee,
               {
-                subheader: /* @__PURE__ */ e(Te, { total: g, type: ne.EXPENSE }),
+                subheader: /* @__PURE__ */ e(Te, { total: b, type: ne.EXPENSE }),
                 sx: { width: "100%" },
-                children: y.map((l) => /* @__PURE__ */ e(Ee, { recurrence: l }, l.repeatingTransactionGuid))
+                children: C.map((l) => /* @__PURE__ */ e(Ee, { recurrence: l }, l.repeatingTransactionGuid))
               }
             ) }),
             /* @__PURE__ */ e(
-              yt,
+              Ct,
               {
-                remaining: (m.available_balance || m.balance || 0) + i - g
+                remaining: (m.available_balance || m.balance || 0) + i - b
               }
             )
           ]
@@ -343,14 +347,14 @@ const Ct = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
     }) })
   ] });
 }, wt = T(_t), It = () => {
-  const { availableWidth: a } = re(), n = ie(), { cashflow: t } = O(), { upcomingExpenses: s, upcomingIncome: c } = q(), { dateRange: f, selectedCashAccounts: m } = K(), b = [
+  const { availableWidth: a } = re(), n = ie(), { cashflow: t } = O(), { upcomingExpenses: r, upcomingIncome: c } = q(), { dateRange: f, selectedCashAccounts: m } = K(), g = [
     {
       field: "account",
       flex: 1.5,
       headerName: t.accounts,
-      renderCell: ({ value: { name: i, nickname: g, institution_guid: l, account_number: h } }) => {
-        const C = g || i;
-        return /* @__PURE__ */ o(r, { alignItems: "center", flexDirection: "row", gap: 12, children: [
+      renderCell: ({ value: { name: i, nickname: b, institution_guid: l, account_number: h } }) => {
+        const y = b || i;
+        return /* @__PURE__ */ o(s, { alignItems: "center", flexDirection: "row", gap: 12, children: [
           /* @__PURE__ */ e(
             xe,
             {
@@ -359,7 +363,7 @@ const Ct = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
               size: 16
             }
           ),
-          /* @__PURE__ */ e(d, { variant: "body2", children: `${C} ${h ? `*${h}` : ""}` })
+          /* @__PURE__ */ e(d, { variant: "body2", children: `${y} ${h ? `*${h}` : ""}` })
         ] });
       }
     },
@@ -390,32 +394,32 @@ const Ct = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
       headerName: t.remaining,
       type: "number",
       renderCell: (i) => {
-        const g = i.row.balance + i.row.income - i.row.expenses;
+        const b = i.row.balance + i.row.income - i.row.expenses;
         return /* @__PURE__ */ e(
           d,
           {
-            color: Math.sign(g) === -1 ? n.palette.error.main : n.palette.text.primary,
+            color: Math.sign(b) === -1 ? n.palette.error.main : n.palette.text.primary,
             variant: "Small",
-            children: Z(g, "0,0.00")
+            children: Z(b, "0,0.00")
           }
         );
       }
     }
-  ], y = u.useMemo(() => m.map((i) => {
-    const g = s.filter(
-      ae(i, { start: M(), end: Ce(M(), 30) })
-    ).reduce((C, S) => C + S.amount, 0), l = c.filter(
-      ae(i, { start: M(), end: Ce(M(), 30) })
-    ).reduce((C, S) => C + S.amount, 0), h = (i.balance || 0) + l - g;
+  ], C = u.useMemo(() => m.map((i) => {
+    const b = r.filter(
+      ae(i, { start: M(), end: ye(M(), 30) })
+    ).reduce((y, S) => y + S.amount, 0), l = c.filter(
+      ae(i, { start: M(), end: ye(M(), 30) })
+    ).reduce((y, S) => y + S.amount, 0), h = (i.balance || 0) + l - b;
     return {
       account: i,
       balance: i.balance || 0,
       id: i.guid,
       income: l,
-      expenses: g,
+      expenses: b,
       remaining: h
     };
-  }), [m, s, c]);
+  }), [m, r, c]);
   return /* @__PURE__ */ o(
     I,
     {
@@ -424,13 +428,13 @@ const Ct = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
       },
       children: [
         /* @__PURE__ */ o(
-          r,
+          s,
           {
             direction: a < 540 ? "column" : "row",
             justifyContent: "space-between",
             mb: 12,
             children: [
-              /* @__PURE__ */ o(r, { alignItems: "center", direction: "row", gap: 8, children: [
+              /* @__PURE__ */ o(s, { alignItems: "center", direction: "row", gap: 8, children: [
                 /* @__PURE__ */ e(
                   d,
                   {
@@ -463,13 +467,13 @@ const Ct = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
           nt,
           {
             columnHeaderHeight: 48,
-            columns: b,
+            columns: g,
             density: "standard",
             disableColumnMenu: !0,
             disableRowSelectionOnClick: !0,
             hideFooter: !0,
             rowHeight: 48,
-            rows: y,
+            rows: C,
             sx: {
               border: "1px solid",
               borderColor: "border.light",
@@ -489,8 +493,8 @@ const Ct = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
               }
             }
           }
-        ) : y.map((i) => {
-          const { name: g, nickname: l, institution_guid: h, account_number: C } = i.account, S = l || g;
+        ) : C.map((i) => {
+          const { name: b, nickname: l, institution_guid: h, account_number: y } = i.account, S = l || b;
           return /* @__PURE__ */ e(
             ee,
             {
@@ -500,9 +504,9 @@ const Ct = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
                 borderRadius: 1,
                 marginBottom: 24
               },
-              children: /* @__PURE__ */ e(te, { sx: { minHeight: "auto" }, children: /* @__PURE__ */ o(r, { width: "100%", children: [
+              children: /* @__PURE__ */ e(te, { sx: { minHeight: "auto" }, children: /* @__PURE__ */ o(s, { width: "100%", children: [
                 /* @__PURE__ */ o(
-                  r,
+                  s,
                   {
                     alignItems: "center",
                     flexDirection: "row",
@@ -510,7 +514,7 @@ const Ct = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
                     px: 16,
                     py: 12,
                     children: [
-                      /* @__PURE__ */ o(r, { alignItems: "center", flexDirection: "row", gap: 8, width: "50%", children: [
+                      /* @__PURE__ */ o(s, { alignItems: "center", flexDirection: "row", gap: 8, width: "50%", children: [
                         /* @__PURE__ */ e(
                           xe,
                           {
@@ -519,7 +523,7 @@ const Ct = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
                             size: 16
                           }
                         ),
-                        /* @__PURE__ */ e(d, { variant: "Small", children: `${S} ${C ? `*${C}` : ""}` })
+                        /* @__PURE__ */ e(d, { variant: "Small", children: `${S} ${y ? `*${y}` : ""}` })
                       ] }),
                       /* @__PURE__ */ e(L, { amount: i.balance, bold: !0, variant: "Small" })
                     ]
@@ -527,7 +531,7 @@ const Ct = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
                 ),
                 /* @__PURE__ */ e(D, { sx: { width: "100%" } }),
                 /* @__PURE__ */ o(
-                  r,
+                  s,
                   {
                     alignItems: "center",
                     flexDirection: "row",
@@ -542,7 +546,7 @@ const Ct = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
                 ),
                 /* @__PURE__ */ e(D, { sx: { width: "100%" } }),
                 /* @__PURE__ */ o(
-                  r,
+                  s,
                   {
                     alignItems: "center",
                     flexDirection: "row",
@@ -557,7 +561,7 @@ const Ct = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
                 ),
                 /* @__PURE__ */ e(D, { sx: { width: "100%" } }),
                 /* @__PURE__ */ e(
-                  r,
+                  s,
                   {
                     alignItems: "center",
                     bgcolor: "background.default",
@@ -579,12 +583,12 @@ const Ct = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
     }
   );
 }, Dt = T(It), vt = () => {
-  const { cashflow: a } = O(), { isDesktop: n } = ue(), { onEvent: t } = Ne(), [s, c] = u.useState(0), f = (m, b) => {
-    c(b);
+  const { cashflow: a } = O(), { isDesktop: n } = ue(), { onEvent: t } = Ne(), [r, c] = u.useState(0), f = (m, g) => {
+    c(g);
   };
   return u.useEffect(() => {
-    t(s === 0 ? "cash_flow_summary" : "cash_flow_details");
-  }, [s]), /* @__PURE__ */ o(I, { children: [
+    t(r === 0 ? "cash_flow_summary" : "cash_flow_details");
+  }, [r]), /* @__PURE__ */ o(I, { children: [
     /* @__PURE__ */ o(
       Ke,
       {
@@ -592,11 +596,11 @@ const Ct = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
         centered: !0,
         onChange: f,
         textColor: "primary",
-        value: s,
+        value: r,
         variant: "fullWidth",
         children: [
           /* @__PURE__ */ e(
-            ye,
+            Ce,
             {
               "aria-controls": "cashflow-tabpanel-0",
               id: "cashflow-tab-0",
@@ -607,7 +611,7 @@ const Ct = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
             }
           ),
           /* @__PURE__ */ e(
-            ye,
+            Ce,
             {
               "aria-controls": "cashflow-tabpanel-1",
               id: "cashflow-tab-1",
@@ -621,18 +625,18 @@ const Ct = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
       }
     ),
     /* @__PURE__ */ e(I, { sx: { mb: 32 } }),
-    /* @__PURE__ */ e(Se, { index: 0, name: "cashflow", value: s, children: /* @__PURE__ */ e(I, { sx: { m: n ? 48 : 16 }, children: /* @__PURE__ */ e(Dt, {}) }) }),
-    /* @__PURE__ */ e(Se, { index: 1, name: "cashflow", value: s, children: /* @__PURE__ */ e(I, { sx: { m: n ? 48 : 16 }, children: /* @__PURE__ */ e(wt, {}) }) })
+    /* @__PURE__ */ e(Se, { index: 0, name: "cashflow", value: r, children: /* @__PURE__ */ e(I, { sx: { m: n ? 48 : 16 }, children: /* @__PURE__ */ e(Dt, {}) }) }),
+    /* @__PURE__ */ e(Se, { index: 1, name: "cashflow", value: r, children: /* @__PURE__ */ e(I, { sx: { m: n ? 48 : 16 }, children: /* @__PURE__ */ e(wt, {}) }) })
   ] });
 }, At = T(vt), oe = ({
   amount: a,
   isMobile: n = !1,
   isTotal: t = !1,
-  label: s,
+  label: r,
   symbol: c,
   tooltip: f
 }) => /* @__PURE__ */ o(
-  r,
+  s,
   {
     bgcolor: t ? "background.default" : "transparent",
     direction: n ? "row" : "column",
@@ -641,27 +645,27 @@ const Ct = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
     sx: { borderBottomLeftRadius: 4, borderBottomRightRadius: 4 },
     children: [
       !n && /* @__PURE__ */ e(L, { amount: a, component: "h2", variant: "H2" }),
-      /* @__PURE__ */ o(r, { alignItems: "center", component: "span", direction: "row", gap: 8, mt: 2, children: [
-        /* @__PURE__ */ e(d, { bold: t, variant: "Small", children: s }),
+      /* @__PURE__ */ o(s, { alignItems: "center", component: "span", direction: "row", gap: 8, mt: 2, children: [
+        /* @__PURE__ */ e(d, { bold: t, variant: "Small", children: r }),
         f
       ] }),
       n && /* @__PURE__ */ e(L, { amount: a, component: "h2", symbol: c, variant: "Small" })
     ]
   }
 ), Re = (a, n) => (t) => t.accountGuid && a.includes(t.accountGuid) && (We(t.expectedDate) || He(t.expectedDate, n.start)) && Fe(t.expectedDate, n.end), Et = () => {
-  const { availableWidth: a } = re(), { cashflow: n } = O(), { upcomingExpenses: t, upcomingIncome: s } = q(), { selectedAccountGuids: c } = Y(), { dateRange: f, selectedCashAccounts: m } = K(), { userProfile: b } = me(), [y, i] = u.useState(!1), g = u.useMemo(
+  const { availableWidth: a } = re(), { cashflow: n } = O(), { upcomingExpenses: t, upcomingIncome: r } = q(), { selectedAccountGuids: c } = Y(), { dateRange: f, selectedCashAccounts: m } = K(), { userProfile: g } = me(), [C, i] = u.useState(!1), b = u.useMemo(
     () => t.filter(Re(c, f)),
     [f, c, t]
   ), l = u.useMemo(
-    () => s.filter(Re(c, f)),
-    [f, c, s]
+    () => r.filter(Re(c, f)),
+    [f, c, r]
   ), h = u.useMemo(
     () => m.reduce((N, _) => N + (_?.balance || 0), 0),
     [m]
-  ), C = g.reduce((N, _) => N + _.amount, 0), S = l.reduce((N, _) => N + _.amount, 0), v = h - C + S, p = a < 725;
-  return /* @__PURE__ */ o(r, { sx: { mx: p ? 16 : 0, my: p ? 24 : 42 }, children: [
+  ), y = b.reduce((N, _) => N + _.amount, 0), S = l.reduce((N, _) => N + _.amount, 0), v = h - y + S, p = a < 725;
+  return /* @__PURE__ */ o(s, { sx: { mx: p ? 16 : 0, my: p ? 24 : 42 }, children: [
     /* @__PURE__ */ o(
-      r,
+      s,
       {
         border: p ? "1px solid" : "none",
         borderColor: "border.light",
@@ -679,7 +683,7 @@ const Ct = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
             }
           ),
           p && /* @__PURE__ */ e(D, {}),
-          b?.has_completed_cash_flow_onboarding ? /* @__PURE__ */ o(P, { children: [
+          g?.has_completed_cash_flow_onboarding ? /* @__PURE__ */ o(P, { children: [
             !p && /* @__PURE__ */ e(d, { sx: { fontSize: 25, lineHeight: 1 }, children: "+" }),
             /* @__PURE__ */ e(
               oe,
@@ -703,7 +707,7 @@ const Ct = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
           /* @__PURE__ */ e(
             oe,
             {
-              amount: C,
+              amount: y,
               isMobile: p,
               label: n.to_be_paid_out,
               symbol: p ? "-" : void 0
@@ -733,7 +737,7 @@ const Ct = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
       $e,
       {
         ariaLabelClose: n.close_manage_income_aria,
-        isOpen: y,
+        isOpen: C,
         onClose: () => i(!1),
         shouldShowHeaderBorders: !1,
         title: n.manage_income,
@@ -742,13 +746,13 @@ const Ct = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
     )
   ] });
 }, Tt = T(Et), Rt = ({ handleNextStep: a }) => {
-  const { completeOnboarding: n } = de(), { cashflow: t } = O(), s = ie();
-  return /* @__PURE__ */ o(r, { children: [
+  const { completeOnboarding: n } = de(), { cashflow: t } = O(), r = ie();
+  return /* @__PURE__ */ o(s, { children: [
     /* @__PURE__ */ e(le, { pb: 12, children: t.welcome_title }),
     /* @__PURE__ */ e(
       Xe,
       {
-        color: s.palette.primary.light,
+        color: r.palette.primary.light,
         pb: 8,
         sx: { wordBreak: "break-word", whiteSpace: "initial" },
         variant: "H3",
@@ -756,12 +760,12 @@ const Ct = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
       }
     ),
     /* @__PURE__ */ e(k, { pb: 32, children: t.welcome_description }),
-    /* @__PURE__ */ o(r, { direction: "column", mb: 32, spacing: 32, children: [
+    /* @__PURE__ */ o(s, { direction: "column", mb: 32, spacing: 32, children: [
       /* @__PURE__ */ o(k, { sx: { display: "flex", alignItems: "center", fontSize: 18 }, children: [
         /* @__PURE__ */ e(
           I,
           {
-            bgcolor: s.palette.primary.lighter,
+            bgcolor: r.palette.primary.lighter,
             borderRadius: 1,
             component: "span",
             height: 44,
@@ -777,7 +781,7 @@ const Ct = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
         /* @__PURE__ */ e(
           I,
           {
-            bgcolor: s.palette.primary.lighter,
+            bgcolor: r.palette.primary.lighter,
             borderRadius: 1,
             component: "span",
             height: 44,
@@ -793,7 +797,7 @@ const Ct = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
         /* @__PURE__ */ e(
           I,
           {
-            bgcolor: s.palette.primary.lighter,
+            bgcolor: r.palette.primary.lighter,
             borderRadius: 1,
             component: "span",
             height: 44,
@@ -806,7 +810,7 @@ const Ct = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
         t.bullet_three
       ] })
     ] }),
-    /* @__PURE__ */ o(r, { direction: "row", spacing: 16, children: [
+    /* @__PURE__ */ o(s, { direction: "row", spacing: 16, children: [
       /* @__PURE__ */ e(H, { onClick: a, variant: "contained", children: t.get_started_button }),
       /* @__PURE__ */ e(H, { onClick: n, variant: "outlined", children: t.skip_button })
     ] })
@@ -829,17 +833,17 @@ const Ct = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
     transform: rotate(360deg);
   }
 `, Ht = () => {
-  const { addRepeatingTransaction: a, repeatingTransactions: n } = q(), { cashflow: t, common: s } = O(), { completeOnboarding: c } = de(), { isDirty: f } = K(), { isMobile: m } = ue(), { isCopyLoaded: b, setDisplayedDate: y } = Y(), { filter: i, setFilter: g, transactions: l } = ke(), h = ie(), [C, S] = J(!0), [v, p] = u.useState(mt.EveryMonth), [N, _] = u.useState(1), [j, G] = u.useState(15), [W, z] = J(!1), [A, R] = J(1), [w, je] = J([]), [fe, ce] = J(""), $ = u.useMemo(
+  const { addRepeatingTransaction: a, repeatingTransactions: n } = q(), { cashflow: t, common: r } = O(), { completeOnboarding: c } = de(), { isDirty: f } = K(), { isMobile: m } = ue(), { isCopyLoaded: g, setDisplayedDate: C } = Y(), { filter: i, setFilter: b, transactions: l } = ke(), h = ie(), [y, S] = J(!0), [v, p] = u.useState(mt.EveryMonth), [N, _] = u.useState(1), [j, G] = u.useState(15), [W, z] = J(!1), [A, R] = J(1), [w, je] = J([]), [fe, ce] = J(""), $ = u.useMemo(
     () => l.find((x) => x.guid === fe),
     [fe, l]
   ), ze = !!n.filter(
     (x) => x.repeating_transaction_type === Ie.Income
   ).length, ge = async () => {
-    R(2), y(
+    R(2), C(
       //  Beginning of the month, 90 days before today
       ct(Me(M(), 90)),
       M()
-    ), g({ ...i, custom: _e }), R(3);
+    ), b({ ...i, custom: _e }), R(3);
   }, Be = async () => {
     if (!(w.length < 1)) {
       z(!0);
@@ -859,8 +863,8 @@ const Ct = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
       }
       await c();
     }
-  }, Ue = !$ && C || !$ && w.length < 1;
-  return b ? /* @__PURE__ */ o(
+  }, Ue = !$ && y || !$ && w.length < 1;
+  return g ? /* @__PURE__ */ o(
     I,
     {
       sx: {
@@ -909,7 +913,7 @@ const Ct = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
                   /* @__PURE__ */ e(dt, { transaction: x }),
                   E !== w.length - 1 && /* @__PURE__ */ e(D, {})
                 ] }, x.guid)) }),
-                /* @__PURE__ */ o(r, { alignItems: "center", direction: "row", children: [
+                /* @__PURE__ */ o(s, { alignItems: "center", direction: "row", children: [
                   /* @__PURE__ */ e(D, { sx: { flexGrow: 1 } }),
                   /* @__PURE__ */ e(
                     H,
@@ -925,7 +929,7 @@ const Ct = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
                 at,
                 {
                   bgcolor: "background.paper",
-                  onSearch: (x) => g({
+                  onSearch: (x) => b({
                     ...i,
                     custom: (E) => x ? it(E, x) : _e(E)
                   }),
@@ -949,7 +953,7 @@ const Ct = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
                     transaction: $
                   }
                 ),
-                /* @__PURE__ */ o(r, { direction: "row", gap: 16, ml: 24, mt: 32, children: [
+                /* @__PURE__ */ o(s, { direction: "row", gap: 16, ml: 24, mt: 32, children: [
                   /* @__PURE__ */ e(
                     H,
                     {
@@ -963,7 +967,7 @@ const Ct = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
                         }), je(x), ce("");
                       },
                       variant: "contained",
-                      children: s.confirm_button
+                      children: r.confirm_button
                     }
                   ),
                   /* @__PURE__ */ e(
@@ -973,12 +977,12 @@ const Ct = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
                         ce(""), S(!0), ge().finally();
                       },
                       variant: "outlined",
-                      children: s.cancel_button
+                      children: r.cancel_button
                     }
                   )
                 ] })
               ] }),
-              w.length > 0 && !$ && /* @__PURE__ */ o(r, { direction: "row", gap: 16, ml: 24, mt: 32, children: [
+              w.length > 0 && !$ && /* @__PURE__ */ o(s, { direction: "row", gap: 16, ml: 24, mt: 32, children: [
                 /* @__PURE__ */ e(
                   H,
                   {
@@ -1008,33 +1012,33 @@ const Ct = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
 }, Ft = T(Ht), Wt = ({ onBackClick: a, sx: n = {} }) => {
   const {
     selectedAccounts: t,
-    selectedAccountGuids: s,
+    selectedAccountGuids: r,
     setSelectedAccounts: c,
     shouldDisableNextDate: f,
     shouldDisablePrevDate: m
-  } = Y(), { onEvent: b } = Ne(), { visibleCashAccounts: y } = Oe(), { setFilter: i } = ke(), { userProfile: g } = me(), { dateRange: l, setSelectedCashAccounts: h } = K(), { loadRepeatingTransactions: C, setDateRange: S } = q(), { cashflow: v, recurring: p } = O(), { isCopyLoaded: N, isInitialized: _ } = Y(), [j, G] = u.useState(!1);
+  } = Y(), { onEvent: g } = Ne(), { visibleCashAccounts: C } = Oe(), { setFilter: i } = ke(), { userProfile: b } = me(), { dateRange: l, setSelectedCashAccounts: h } = K(), { loadRepeatingTransactions: y, setDateRange: S } = q(), { cashflow: v, recurring: p } = O(), { isCopyLoaded: N, isInitialized: _ } = Y(), [j, G] = u.useState(!1);
   return u.useEffect(() => {
-    _ && (S(l), C().finally());
+    _ && (S(l), y().finally());
   }, [_]), u.useEffect(() => {
-    c(y);
-  }, [y]), u.useEffect(() => {
-    const W = y.map((A) => A.guid), z = t.filter(
-      (A) => s.includes(A.guid) && W.includes(A.guid)
+    c(C);
+  }, [C]), u.useEffect(() => {
+    const W = C.map((A) => A.guid), z = t.filter(
+      (A) => r.includes(A.guid) && W.includes(A.guid)
     );
     h(z), i({
       dateRange: { start: Me(M(), 90), end: ht() },
       accounts: z.map((A) => A.guid)
     });
-  }, [y, t]), !N || !_ ? /* @__PURE__ */ e(se, {}) : g?.has_completed_cash_flow_onboarding ? /* @__PURE__ */ o(
+  }, [C, t]), !N || !_ ? /* @__PURE__ */ e(se, {}) : b?.has_completed_cash_flow_onboarding ? /* @__PURE__ */ o(
     ve,
     {
-      accountOptions: y,
+      accountOptions: C,
       actions: [
         {
           label: p.action_title,
           iconName: "credit_card_gear",
           onClick: () => {
-            G(!0), b(Ae.CASH_FLOW_CLICK_SETTINGS);
+            G(!0), g(Ae.CASH_FLOW_CLICK_SETTINGS);
           }
         }
       ],
@@ -1047,7 +1051,7 @@ const Ct = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
       },
       dateRange: l,
       dateRangeVariant: "readonly",
-      onAccountsFilterClick: () => b(Ae.CASH_FLOW_CLICK_FILTER),
+      onAccountsFilterClick: () => g(Ae.CASH_FLOW_CLICK_FILTER),
       onBackClick: a,
       sx: n,
       title: v.title,
@@ -1079,21 +1083,21 @@ const Ct = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
 }, Nn = T(Wt);
 class kn {
   fetchInstance;
-  constructor(n, t, s) {
-    this.fetchInstance = new pt(n, t, void 0, s);
+  constructor(n, t, r) {
+    this.fetchInstance = new pt(n, t, void 0, r);
   }
   addCashflowEvent = async (n) => this.fetchInstance.post(B.CASHFLOW_EVENTS, { ...n }).then((t) => t);
   addCashflowSequence = async (n) => this.fetchInstance.post(B.CASHFLOW_SEQUENCES, { ...n }).then((t) => t.cashflow_sequence);
   getCashflowSequences = async () => this.fetchInstance.get(B.CASHFLOW_SEQUENCES).then((n) => n.cashflow_sequences);
   getCashflowEventsByDateRange = async (n, t) => this.fetchInstance.get(
     `${B.CASHFLOW_EVENTS}/from/${U(n)}/to/${U(t)}`
-  ).then((s) => s.cashflow_events);
+  ).then((r) => r.cashflow_events);
   deleteCashflowSequence = async (n) => this.fetchInstance.delete(`${B.CASHFLOW_SEQUENCES}/${n}`).then((t) => t);
   getProjectedCashflowEvents = async (n, t) => this.fetchInstance.get(
     `${B.CASHFLOW_SEQUENCES}/projected_events/from/${U(
       n
     )}/to/${U(t)}`
-  ).then((s) => s.cashflow_events);
+  ).then((r) => r.cashflow_events);
   updateCashflowSequence = async (n) => this.fetchInstance.put(`${B.CASHFLOW_SEQUENCES}/${n.guid}`, n).then((t) => t.cashflow_sequence);
 }
 export {