@mx-cartographer/experiences 7.0.59-alpha.al1 → 7.0.59

package/dist/cashflow/index.es.js

@@ -1,28 +1,28 @@
 import { jsxs as o, Fragment as U, jsx as e } from "react/jsx-runtime";
-import p, { useState as K } from "react";
+import f, { useState as K } from "react";
 import { observer as T } from "mobx-react-lite";
 import { addMonths as qe } from "date-fns/addMonths";
 import { startOfToday as F } from "date-fns/startOfToday";
 import I from "@mui/material/Box";
 import D from "@mui/material/Divider";
 import s from "@mui/material/Stack";
-import ae from "@mui/material/styles/useTheme";
-import { Text as m, P as N, Icon as G, InstitutionLogo as be, H1 as ce, H2 as Xe } from "@mxenabled/mxui";
-import { G as Ye, t as le, u as L, p as ie, d as Le, b as X, j as P, g as Ne, o as Oe, h as ke } from "../hooks-CE2TKk4a.mjs";
+import ie from "@mui/material/styles/useTheme";
+import { Text as u, P as N, Icon as G, InstitutionLogo as be, H1 as ce, H2 as Xe } from "@mxenabled/mxui";
+import { G as Ye, t as le, u as L, p as re, d as Le, b as X, j as P, g as Ne, o as Oe, h as ke } from "../hooks-CE2TKk4a.mjs";
 import { C as R } from "../CurrencyText-YUhH2caW.mjs";
 import { u as de } from "../useScreenSize-B6JyS_Lj.mjs";
-import { L as re } from "../Loader-DUaFpDGv.mjs";
+import { L as ee } from "../Loader-DUaFpDGv.mjs";
 import { I as me } from "../CashflowStore-D9Dpuz7X.mjs";
 import { C as Mn } from "../CashflowStore-D9Dpuz7X.mjs";
 import { b as q } from "../Localization-2MODESHW.mjs";
 import { M as Qe } from "../MiniWidgetContainer-DTQdRK-3.mjs";
-import { E as Ve } from "../EmptyState-w2yYDuKG.mjs";
+import { E as Ve } from "../EmptyState-DsXpMcro.mjs";
 import { R as Ke } from "../RecurringSettings-B486z99o.mjs";
 import Je from "@mui/material/Tabs";
 import xe from "@mui/material/Tab";
 import { getUnixTime as B } from "date-fns/getUnixTime";
 import Z from "@mui/material/List";
-import ee from "@mui/material/ListItem";
+import te from "@mui/material/ListItem";
 import { A as Ze } from "../AccountListItem-BAdwVscV.mjs";
 import { f as Y, D as Q } from "../Dialog-CWW597AF.mjs";
 import et from "@mui/material/ListSubheader";
@@ -48,7 +48,7 @@ import { endOfToday as pt } from "date-fns/endOfToday";
 import { W as De, A as ve } from "../WidgetContainer-B8MRJ5Y1.mjs";
 import { F as ft, A as z } from "../Fetch-87LIQbEA.mjs";
 const V = () => {
-  if (!p.useContext(Ye))
+  if (!f.useContext(Ye))
     throw new Error("useCashflowUiStore() must be used within the GlobalDataContext");
   return le().uiStore;
 }, gt = ({ remaining: a }) => {
@@ -65,34 +65,34 @@ const V = () => {
         }
       }
     ),
-    /* @__PURE__ */ e(m, { bold: !0, sx: { flexGrow: 1, fontSize: 12 }, children: n.remaining_cash }),
+    /* @__PURE__ */ e(u, { bold: !0, sx: { flexGrow: 1, fontSize: 12 }, children: n.remaining_cash }),
     /* @__PURE__ */ e(R, { amount: a, bold: !0, sx: { fontSize: 12 } })
   ] });
 }, ue = T(gt), bt = () => {
-  const a = ae(), { availableWidth: n } = ie(), { isMobile: t } = de(), { visibleCashAccounts: i, visibleCashBalance: u } = Le(), { selectedAccounts: g, selectedAccountGuids: l, setSelectedAccounts: y } = X(), { cashflow: c } = L(), {
+  const a = ie(), { availableWidth: n } = re(), { isMobile: t } = de(), { visibleCashAccounts: i, visibleCashBalance: h } = Le(), { selectedAccounts: g, selectedAccountGuids: l, setSelectedAccounts: y } = X(), { cashflow: c } = L(), {
     daysUntilNextIncome: r,
-    expensesTilNextIncome: f,
+    expensesTilNextIncome: m,
     selectedCashAccounts: d,
     setNextIncome: b,
     setSelectedCashAccounts: C,
     setUpcomingExpenses: S
-  } = V(), { isDataLoaded: v, nextIncomeRecurrence: h, upcomingExpenses: E } = P();
-  p.useEffect(() => {
+  } = V(), { isDataLoaded: v, nextIncomeRecurrence: p, upcomingExpenses: E } = P();
+  f.useEffect(() => {
     y(i);
-  }, [i]), p.useEffect(() => {
+  }, [i]), f.useEffect(() => {
     C(
       i.filter((w) => l.includes(w.guid))
     );
-  }, [i, g]), p.useEffect(() => {
-    h && b(h), S(E);
-  }, [h, E]);
-  const _ = p.useMemo(
+  }, [i, g]), f.useEffect(() => {
+    p && b(p), S(E);
+  }, [p, E]);
+  const _ = f.useMemo(
     () => i.filter((w) => l.includes(w.guid)).reduce((w, $) => w + ($?.balance || 0), 0),
     [l, E]
-  ), W = p.useMemo(
-    () => f.filter((w) => l.includes(w.accountGuid || "")).reduce((w, $) => w + $.amount, 0),
-    [l, f]
-  ), j = p.useMemo(
+  ), W = f.useMemo(
+    () => m.filter((w) => l.includes(w.accountGuid || "")).reduce((w, $) => w + $.amount, 0),
+    [l, m]
+  ), j = f.useMemo(
     () => _ - W,
     [_, W]
   );
@@ -115,7 +115,7 @@ const V = () => {
         /* @__PURE__ */ e(s, { pt: 18, children: /* @__PURE__ */ e(G, { name: "remove" }) }),
         /* @__PURE__ */ o(s, { pb: 14, pt: 12, children: [
           /* @__PURE__ */ e(R, { amount: W, variant: "H2" }),
-          /* @__PURE__ */ e(N, { variant: "XSmall", whiteSpace: "nowrap", children: q(c.expenses_due, f.length) })
+          /* @__PURE__ */ e(N, { variant: "XSmall", whiteSpace: "nowrap", children: q(c.expenses_due, m.length) })
         ] }),
         /* @__PURE__ */ e(s, { pt: 18, children: /* @__PURE__ */ e(G, { name: "equal" }) }),
         /* @__PURE__ */ o(s, { pb: 14, pr: 24, pt: 12, children: [
@@ -126,22 +126,22 @@ const V = () => {
           ] })
         ] }),
         /* @__PURE__ */ e(s, { borderLeft: `1px solid ${a.palette.border.light}`, pb: 12, pl: 24, pt: 12, children: /* @__PURE__ */ o(U, { children: [
-          /* @__PURE__ */ e(m, { variant: "H2", children: q(c.days, r) }),
+          /* @__PURE__ */ e(u, { variant: "H2", children: q(c.days, r) }),
           /* @__PURE__ */ e(N, { variant: "XSmall", whiteSpace: "nowrap", children: c.next_paycheck })
         ] }) })
       ]
     }
   ) : /* @__PURE__ */ o(s, { border: `1px solid ${a.palette.border.light}`, borderRadius: 1, children: [
     /* @__PURE__ */ o(s, { direction: "row", justifyContent: "space-between", p: 16, children: [
-      /* @__PURE__ */ e(m, { variant: "Small", children: q(
+      /* @__PURE__ */ e(u, { variant: "Small", children: q(
         c.total_cash_accounts,
         d.length
       ) }),
-      /* @__PURE__ */ e(R, { amount: u, bold: !0, variant: "XSmall" })
+      /* @__PURE__ */ e(R, { amount: h, bold: !0, variant: "XSmall" })
     ] }),
     /* @__PURE__ */ e(D, {}),
     /* @__PURE__ */ o(s, { direction: "row", justifyContent: "space-between", p: 16, children: [
-      /* @__PURE__ */ e(m, { variant: "Small", children: q(c.expenses_due, f.length) }),
+      /* @__PURE__ */ e(u, { variant: "Small", children: q(c.expenses_due, m.length) }),
       /* @__PURE__ */ e(R, { amount: W, bold: !0, symbol: "-", variant: "XSmall" })
     ] }),
     /* @__PURE__ */ e(D, {}),
@@ -161,46 +161,47 @@ const V = () => {
     ),
     /* @__PURE__ */ e(D, {}),
     /* @__PURE__ */ o(s, { direction: "row", justifyContent: "space-between", p: 16, children: [
-      /* @__PURE__ */ e(m, { variant: "Small", children: c.next_paycheck }),
-      /* @__PURE__ */ e(m, { bold: !0, variant: "XSmall", children: q(c.days, r) })
+      /* @__PURE__ */ e(u, { variant: "Small", children: c.next_paycheck }),
+      /* @__PURE__ */ e(u, { bold: !0, variant: "XSmall", children: q(c.days, r) })
     ] })
-  ] }) }) : /* @__PURE__ */ e(re, { height: t ? 210 : 120 });
+  ] }) }) : /* @__PURE__ */ e(ee, { height: t ? 210 : 120 });
 }, xt = T(bt), yt = ({
   onPrimaryCtaClick: a,
   onSecondaryCtaClick: n,
   sx: t = {}
 }) => {
-  const { cashflow: i } = L(), { isCopyLoaded: u, isInitialized: g } = X(), { loadRepeatingTransactions: l, income: y, setDateRange: c } = P();
-  p.useEffect(() => {
-    g && (c({ start: F(), end: qe(F(), 1) }), l().finally());
+  const { cashflow: i } = L(), { isCopyLoaded: h, isInitialized: g } = X(), { loadRepeatingTransactions: l, income: y, isDataLoaded: c, setDateRange: r } = P();
+  f.useEffect(() => {
+    g && (r({ start: F(), end: qe(F(), 1) }), l().finally());
   }, [g]);
-  const r = g && !y.length;
-  return u ? /* @__PURE__ */ o(
+  const m = c && !y.length;
+  return h ? /* @__PURE__ */ o(
     Qe,
     {
       className: "mx-exp-cashflow-miniwidget",
       onPrimaryCtaClick: a,
       primaryCtaLabel: i.primary_cta,
-      subTitle: r ? void 0 : i.sub_title,
+      subTitle: m || !c ? void 0 : i.sub_title,
       sx: t,
       title: i.title,
       children: [
-        r && /* @__PURE__ */ e(
+        !c && /* @__PURE__ */ e(ee, {}),
+        c && (m ? /* @__PURE__ */ e(
           Ve,
           {
             header: i.create,
             icon: "local_atm",
             onClick: n,
             primaryButton: i.add_income,
+            primaryButtonStartIcon: "add",
             subText: i.create_description
           }
-        ),
-        !r && /* @__PURE__ */ e(xt, {})
+        ) : /* @__PURE__ */ e(xt, {}))
       ]
     }
-  ) : /* @__PURE__ */ e(re, {});
+  ) : /* @__PURE__ */ e(ee, {});
 }, kn = T(yt), Ct = ({ remaining: a }) => /* @__PURE__ */ e(
-  ee,
+  te,
   {
     sx: {
       alignItems: "center",
@@ -215,14 +216,14 @@ const V = () => {
     children: /* @__PURE__ */ e(ue, { remaining: a })
   }
 );
-var te = /* @__PURE__ */ ((a) => (a.EXPENSE = "expense", a.INCOME = "income", a))(te || {});
+var ne = /* @__PURE__ */ ((a) => (a.EXPENSE = "expense", a.INCOME = "income", a))(ne || {});
 const St = ({ recurrence: a }) => /* @__PURE__ */ o(U, { children: [
-  /* @__PURE__ */ o(ee, { sx: { display: "flex", alignItems: "center", gap: 16, px: 24, py: 12 }, children: [
+  /* @__PURE__ */ o(te, { sx: { display: "flex", alignItems: "center", gap: 16, px: 24, py: 12 }, children: [
     /* @__PURE__ */ o(s, { alignItems: "center", height: 32, width: 32, children: [
-      /* @__PURE__ */ e(m, { bold: !0, sx: { fontSize: 11 }, children: Y(a.expectedDate, Q.MONTH) }),
-      /* @__PURE__ */ e(m, { bold: !0, sx: { fontSize: 11 }, children: Y(a.expectedDate, Q.DAY) })
+      /* @__PURE__ */ e(u, { bold: !0, sx: { fontSize: 11 }, children: Y(a.expectedDate, Q.MONTH) }),
+      /* @__PURE__ */ e(u, { bold: !0, sx: { fontSize: 11 }, children: Y(a.expectedDate, Q.DAY) })
     ] }),
-    /* @__PURE__ */ e(m, { sx: { flexGrow: 1, fontSize: 13 }, children: a.name }),
+    /* @__PURE__ */ e(u, { sx: { flexGrow: 1, fontSize: 13 }, children: a.name }),
     /* @__PURE__ */ e(
       R,
       {
@@ -249,9 +250,9 @@ const St = ({ recurrence: a }) => /* @__PURE__ */ o(U, { children: [
           px: 24
         },
         children: [
-          /* @__PURE__ */ e(m, { bold: !0, sx: { fontSize: 12 }, children: n === te.EXPENSE ? t.expenses : t.income }),
-          /* @__PURE__ */ o(m, { bold: !0, sx: { fontSize: 13 }, children: [
-            n === te.EXPENSE ? "-" : "+",
+          /* @__PURE__ */ e(u, { bold: !0, sx: { fontSize: 12 }, children: n === ne.EXPENSE ? t.expenses : t.income }),
+          /* @__PURE__ */ o(u, { bold: !0, sx: { fontSize: 13 }, children: [
+            n === ne.EXPENSE ? "-" : "+",
             J(a, "0,0.00")
           ] })
         ]
@@ -259,25 +260,25 @@ const St = ({ recurrence: a }) => /* @__PURE__ */ o(U, { children: [
     ),
     /* @__PURE__ */ e(D, {})
   ] });
-}, Ae = T(_t), oe = (a, n) => (t) => t.accountGuid === a.guid && (We(t.expectedDate) || He(t.expectedDate, n.start)) && Fe(t.expectedDate, n.end), wt = () => {
-  const { availableWidth: a } = ie(), { cashflow: n } = L(), { upcomingExpenses: t, upcomingIncome: i } = P(), { dateRange: u, selectedCashAccounts: g } = V();
+}, Ae = T(_t), ae = (a, n) => (t) => t.accountGuid === a.guid && (We(t.expectedDate) || He(t.expectedDate, n.start)) && Fe(t.expectedDate, n.end), wt = () => {
+  const { availableWidth: a } = re(), { cashflow: n } = L(), { upcomingExpenses: t, upcomingIncome: i } = P(), { dateRange: h, selectedCashAccounts: g } = V();
   return /* @__PURE__ */ o(s, { children: [
     /* @__PURE__ */ o(s, { direction: a < 400 ? "column" : "row", justifyContent: "space-between", children: [
-      /* @__PURE__ */ e(m, { bold: !0, sx: { fontSize: 15, mb: 12, whiteSpace: "normal" }, children: n.accounts_breakdown }),
-      /* @__PURE__ */ o(m, { bold: !0, sx: { fontSize: 15, mb: 12, whiteSpace: "normal" }, children: [
-        Y(u.start, Q.FULL_MONTH_DAY),
+      /* @__PURE__ */ e(u, { bold: !0, sx: { fontSize: 15, mb: 12, whiteSpace: "normal" }, children: n.accounts_breakdown }),
+      /* @__PURE__ */ o(u, { bold: !0, sx: { fontSize: 15, mb: 12, whiteSpace: "normal" }, children: [
+        Y(h.start, Q.FULL_MONTH_DAY),
         " -",
         " ",
-        Y(u.end, Q.FULL_MONTH_DAY)
+        Y(h.end, Q.FULL_MONTH_DAY)
       ] })
     ] }),
     /* @__PURE__ */ e(s, { children: g.map((l) => {
-      const y = i.filter(oe(l, u)).sort((d, b) => B(d.expectedDate) - B(b.expectedDate)), c = t.filter(
-        oe(l, u)
+      const y = i.filter(ae(l, h)).sort((d, b) => B(d.expectedDate) - B(b.expectedDate)), c = t.filter(
+        ae(l, h)
       ), r = y.reduce(
         (d, b) => d + b.amount,
         0
-      ), f = c.reduce(
+      ), m = c.reduce(
         (d, b) => d + b.amount,
         0
       );
@@ -303,18 +304,18 @@ const St = ({ recurrence: a }) => /* @__PURE__ */ o(U, { children: [
               }
             ),
             /* @__PURE__ */ e(D, {}),
-            y.length > 0 && /* @__PURE__ */ e(ee, { children: /* @__PURE__ */ e(
+            y.length > 0 && /* @__PURE__ */ e(te, { children: /* @__PURE__ */ e(
               Z,
               {
-                subheader: /* @__PURE__ */ e(Ae, { total: r, type: te.INCOME }),
+                subheader: /* @__PURE__ */ e(Ae, { total: r, type: ne.INCOME }),
                 sx: { width: "100%" },
                 children: y.map((d) => /* @__PURE__ */ e(Ee, { recurrence: d }, d.repeatingTransactionGuid))
               }
             ) }),
-            c.length > 0 && /* @__PURE__ */ e(ee, { children: /* @__PURE__ */ e(
+            c.length > 0 && /* @__PURE__ */ e(te, { children: /* @__PURE__ */ e(
               Z,
               {
-                subheader: /* @__PURE__ */ e(Ae, { total: f, type: te.EXPENSE }),
+                subheader: /* @__PURE__ */ e(Ae, { total: m, type: ne.EXPENSE }),
                 sx: { width: "100%" },
                 children: c.map((d) => /* @__PURE__ */ e(Ee, { recurrence: d }, d.repeatingTransactionGuid))
               }
@@ -322,7 +323,7 @@ const St = ({ recurrence: a }) => /* @__PURE__ */ o(U, { children: [
             /* @__PURE__ */ e(
               Ct,
               {
-                remaining: (l.available_balance || l.balance || 0) + r - f
+                remaining: (l.available_balance || l.balance || 0) + r - m
               }
             )
           ]
@@ -332,13 +333,13 @@ const St = ({ recurrence: a }) => /* @__PURE__ */ o(U, { children: [
     }) })
   ] });
 }, It = T(wt), Dt = () => {
-  const { availableWidth: a } = ie(), n = ae(), { cashflow: t } = L(), { upcomingExpenses: i, upcomingIncome: u } = P(), { dateRange: g, selectedCashAccounts: l } = V(), y = [
+  const { availableWidth: a } = re(), n = ie(), { cashflow: t } = L(), { upcomingExpenses: i, upcomingIncome: h } = P(), { dateRange: g, selectedCashAccounts: l } = V(), y = [
     {
       field: "account",
       flex: 1.5,
       headerName: t.accounts,
-      renderCell: ({ value: { name: r, nickname: f, institution_guid: d, account_number: b } }) => {
-        const C = f || r;
+      renderCell: ({ value: { name: r, nickname: m, institution_guid: d, account_number: b } }) => {
+        const C = m || r;
         return /* @__PURE__ */ o(s, { alignItems: "center", flexDirection: "row", gap: 12, children: [
           /* @__PURE__ */ e(
             be,
@@ -348,7 +349,7 @@ const St = ({ recurrence: a }) => /* @__PURE__ */ o(U, { children: [
               size: 16
             }
           ),
-          /* @__PURE__ */ e(m, { variant: "body2", children: `${C} ${b ? `*${b}` : ""}` })
+          /* @__PURE__ */ e(u, { variant: "body2", children: `${C} ${b ? `*${b}` : ""}` })
         ] });
       }
     },
@@ -357,21 +358,21 @@ const St = ({ recurrence: a }) => /* @__PURE__ */ o(U, { children: [
       flex: 1,
       headerName: t.balance,
       type: "number",
-      renderCell: (r) => /* @__PURE__ */ e(m, { color: n.palette.text.primary, variant: "Small", children: J(r.value, "0,0.00") })
+      renderCell: (r) => /* @__PURE__ */ e(u, { color: n.palette.text.primary, variant: "Small", children: J(r.value, "0,0.00") })
     },
     {
       field: "income",
       flex: 1,
       headerName: t.projected_income,
       type: "number",
-      renderCell: (r) => /* @__PURE__ */ e(m, { color: n.palette.text.primary, variant: "Small", children: `+${J(r.value, "0,0.00")}` })
+      renderCell: (r) => /* @__PURE__ */ e(u, { color: n.palette.text.primary, variant: "Small", children: `+${J(r.value, "0,0.00")}` })
     },
     {
       field: "expenses",
       flex: 1.1,
       headerName: t.projected_expenses,
       type: "number",
-      renderCell: (r) => /* @__PURE__ */ e(m, { color: n.palette.text.primary, variant: "Small", children: `-${J(r.value, "0,0.00")}` })
+      renderCell: (r) => /* @__PURE__ */ e(u, { color: n.palette.text.primary, variant: "Small", children: `-${J(r.value, "0,0.00")}` })
     },
     {
       field: "remaining",
@@ -379,32 +380,32 @@ const St = ({ recurrence: a }) => /* @__PURE__ */ o(U, { children: [
       headerName: t.remaining,
       type: "number",
       renderCell: (r) => {
-        const f = r.row.balance + r.row.income - r.row.expenses;
+        const m = r.row.balance + r.row.income - r.row.expenses;
         return /* @__PURE__ */ e(
-          m,
+          u,
           {
-            color: Math.sign(f) === -1 ? n.palette.error.main : n.palette.text.primary,
+            color: Math.sign(m) === -1 ? n.palette.error.main : n.palette.text.primary,
             variant: "Small",
-            children: J(f, "0,0.00")
+            children: J(m, "0,0.00")
           }
         );
       }
     }
-  ], c = p.useMemo(() => l.map((r) => {
-    const f = i.filter(
-      oe(r, { start: F(), end: ye(F(), 30) })
-    ).reduce((C, S) => C + S.amount, 0), d = u.filter(
-      oe(r, { start: F(), end: ye(F(), 30) })
-    ).reduce((C, S) => C + S.amount, 0), b = (r.balance || 0) + d - f;
+  ], c = f.useMemo(() => l.map((r) => {
+    const m = i.filter(
+      ae(r, { start: F(), end: ye(F(), 30) })
+    ).reduce((C, S) => C + S.amount, 0), d = h.filter(
+      ae(r, { start: F(), end: ye(F(), 30) })
+    ).reduce((C, S) => C + S.amount, 0), b = (r.balance || 0) + d - m;
     return {
       account: r,
       balance: r.balance || 0,
       id: r.guid,
       income: d,
-      expenses: f,
+      expenses: m,
       remaining: b
     };
-  }), [l, i, u]);
+  }), [l, i, h]);
   return /* @__PURE__ */ o(
     I,
     {
@@ -421,7 +422,7 @@ const St = ({ recurrence: a }) => /* @__PURE__ */ o(U, { children: [
             children: [
               /* @__PURE__ */ o(s, { alignItems: "center", direction: "row", gap: 8, children: [
                 /* @__PURE__ */ e(
-                  m,
+                  u,
                   {
                     bold: !0,
                     sx: {
@@ -439,7 +440,7 @@ const St = ({ recurrence: a }) => /* @__PURE__ */ o(U, { children: [
                   }
                 )
               ] }),
-              /* @__PURE__ */ o(m, { bold: !0, sx: { fontSize: 15, whiteSpace: "normal" }, children: [
+              /* @__PURE__ */ o(u, { bold: !0, sx: { fontSize: 15, whiteSpace: "normal" }, children: [
                 Y(g.start, Q.FULL_MONTH_DAY),
                 " -",
                 " ",
@@ -479,7 +480,7 @@ const St = ({ recurrence: a }) => /* @__PURE__ */ o(U, { children: [
             }
           }
         ) : c.map((r) => {
-          const { name: f, nickname: d, institution_guid: b, account_number: C } = r.account, S = d || f;
+          const { name: m, nickname: d, institution_guid: b, account_number: C } = r.account, S = d || m;
           return /* @__PURE__ */ e(
             Z,
             {
@@ -489,7 +490,7 @@ const St = ({ recurrence: a }) => /* @__PURE__ */ o(U, { children: [
                 borderRadius: 1,
                 marginBottom: 24
               },
-              children: /* @__PURE__ */ e(ee, { sx: { minHeight: "auto" }, children: /* @__PURE__ */ o(s, { width: "100%", children: [
+              children: /* @__PURE__ */ e(te, { sx: { minHeight: "auto" }, children: /* @__PURE__ */ o(s, { width: "100%", children: [
                 /* @__PURE__ */ o(
                   s,
                   {
@@ -508,7 +509,7 @@ const St = ({ recurrence: a }) => /* @__PURE__ */ o(U, { children: [
                             size: 16
                           }
                         ),
-                        /* @__PURE__ */ e(m, { variant: "Small", children: `${S} ${C ? `*${C}` : ""}` })
+                        /* @__PURE__ */ e(u, { variant: "Small", children: `${S} ${C ? `*${C}` : ""}` })
                       ] }),
                       /* @__PURE__ */ e(R, { amount: r.balance, bold: !0, variant: "Small" })
                     ]
@@ -524,7 +525,7 @@ const St = ({ recurrence: a }) => /* @__PURE__ */ o(U, { children: [
                     px: 16,
                     py: 12,
                     children: [
-                      /* @__PURE__ */ e(m, { variant: "Small", children: t.projected_income }),
+                      /* @__PURE__ */ e(u, { variant: "Small", children: t.projected_income }),
                       /* @__PURE__ */ e(R, { amount: r.income, bold: !0, symbol: "+", variant: "Small" })
                     ]
                   }
@@ -539,7 +540,7 @@ const St = ({ recurrence: a }) => /* @__PURE__ */ o(U, { children: [
                     px: 16,
                     py: 12,
                     children: [
-                      /* @__PURE__ */ e(m, { variant: "Small", children: t.projected_expenses }),
+                      /* @__PURE__ */ e(u, { variant: "Small", children: t.projected_expenses }),
                       /* @__PURE__ */ e(R, { amount: r.expenses, bold: !0, symbol: "-", variant: "Small" })
                     ]
                   }
@@ -568,10 +569,10 @@ const St = ({ recurrence: a }) => /* @__PURE__ */ o(U, { children: [
     }
   );
 }, vt = T(Dt), Et = () => {
-  const { cashflow: a } = L(), { isDesktop: n } = de(), { onEvent: t } = Ne(), [i, u] = p.useState(0), g = (l, y) => {
-    u(y);
+  const { cashflow: a } = L(), { isDesktop: n } = de(), { onEvent: t } = Ne(), [i, h] = f.useState(0), g = (l, y) => {
+    h(y);
   };
-  return p.useEffect(() => {
+  return f.useEffect(() => {
     t(i === 0 ? "cash_flow_summary" : "cash_flow_details");
   }, [i]), /* @__PURE__ */ o(I, { children: [
     /* @__PURE__ */ o(
@@ -613,12 +614,12 @@ const St = ({ recurrence: a }) => /* @__PURE__ */ o(U, { children: [
     /* @__PURE__ */ e(Ce, { index: 0, name: "cashflow", value: i, children: /* @__PURE__ */ e(I, { sx: { m: n ? 48 : 16 }, children: /* @__PURE__ */ e(vt, {}) }) }),
     /* @__PURE__ */ e(Ce, { index: 1, name: "cashflow", value: i, children: /* @__PURE__ */ e(I, { sx: { m: n ? 48 : 16 }, children: /* @__PURE__ */ e(It, {}) }) })
   ] });
-}, At = T(Et), ne = ({
+}, At = T(Et), oe = ({
   amount: a,
   isMobile: n = !1,
   isTotal: t = !1,
   label: i,
-  symbol: u,
+  symbol: h,
   tooltip: g
 }) => /* @__PURE__ */ o(
   s,
@@ -631,52 +632,52 @@ const St = ({ recurrence: a }) => /* @__PURE__ */ o(U, { children: [
     children: [
       !n && /* @__PURE__ */ e(R, { amount: a, component: "h2", variant: "H2" }),
       /* @__PURE__ */ o(s, { alignItems: "center", component: "span", direction: "row", gap: 8, mt: 2, children: [
-        /* @__PURE__ */ e(m, { bold: t, variant: "Small", children: i }),
+        /* @__PURE__ */ e(u, { bold: t, variant: "Small", children: i }),
         g
       ] }),
-      n && /* @__PURE__ */ e(R, { amount: a, component: "h2", symbol: u, variant: "Small" })
+      n && /* @__PURE__ */ e(R, { amount: a, component: "h2", symbol: h, variant: "Small" })
     ]
   }
 ), Te = (a, n) => (t) => t.accountGuid && a.includes(t.accountGuid) && (We(t.expectedDate) || He(t.expectedDate, n.start)) && Fe(t.expectedDate, n.end), Tt = () => {
-  const { availableWidth: a } = ie(), { cashflow: n } = L(), { upcomingExpenses: t, upcomingIncome: i } = P(), { selectedAccountGuids: u } = X(), { dateRange: g, selectedCashAccounts: l } = V(), { userProfile: y } = Oe(), [c, r] = p.useState(!1), f = p.useMemo(
-    () => t.filter(Te(u, g)),
-    [g, u, t]
-  ), d = p.useMemo(
-    () => i.filter(Te(u, g)),
-    [g, u, i]
-  ), b = p.useMemo(
+  const { availableWidth: a } = re(), { cashflow: n } = L(), { upcomingExpenses: t, upcomingIncome: i } = P(), { selectedAccountGuids: h } = X(), { dateRange: g, selectedCashAccounts: l } = V(), { userProfile: y } = Oe(), [c, r] = f.useState(!1), m = f.useMemo(
+    () => t.filter(Te(h, g)),
+    [g, h, t]
+  ), d = f.useMemo(
+    () => i.filter(Te(h, g)),
+    [g, h, i]
+  ), b = f.useMemo(
     () => l.reduce((E, _) => E + (_?.balance || 0), 0),
     [l]
-  ), C = f.reduce((E, _) => E + _.amount, 0), S = d.reduce((E, _) => E + _.amount, 0), v = b - C + S, h = a < 725;
-  return /* @__PURE__ */ o(s, { sx: { mx: h ? 16 : 0, my: h ? 24 : 42 }, children: [
+  ), C = m.reduce((E, _) => E + _.amount, 0), S = d.reduce((E, _) => E + _.amount, 0), v = b - C + S, p = a < 725;
+  return /* @__PURE__ */ o(s, { sx: { mx: p ? 16 : 0, my: p ? 24 : 42 }, children: [
     /* @__PURE__ */ o(
       s,
       {
-        border: h ? "1px solid" : "none",
+        border: p ? "1px solid" : "none",
         borderColor: "border.light",
         borderRadius: 2,
-        flexDirection: h ? "column" : "row",
-        gap: h ? 0 : 24,
+        flexDirection: p ? "column" : "row",
+        gap: p ? 0 : 24,
         justifyContent: "center",
         children: [
           /* @__PURE__ */ e(
-            ne,
+            oe,
             {
               amount: b,
-              isMobile: h,
+              isMobile: p,
               label: n.cash_and_bank
             }
           ),
-          h && /* @__PURE__ */ e(D, {}),
+          p && /* @__PURE__ */ e(D, {}),
           y?.has_completed_cash_flow_onboarding ? /* @__PURE__ */ o(U, { children: [
-            !h && /* @__PURE__ */ e(m, { sx: { fontSize: 25, lineHeight: 1 }, children: "+" }),
+            !p && /* @__PURE__ */ e(u, { sx: { fontSize: 25, lineHeight: 1 }, children: "+" }),
             /* @__PURE__ */ e(
-              ne,
+              oe,
               {
                 amount: S,
-                isMobile: h,
+                isMobile: p,
                 label: n.to_be_received,
-                symbol: h ? "+" : void 0
+                symbol: p ? "+" : void 0
               }
             )
           ] }) : /* @__PURE__ */ e(
@@ -688,23 +689,23 @@ const St = ({ recurrence: a }) => /* @__PURE__ */ o(U, { children: [
               children: n.add_income
             }
           ),
-          h ? /* @__PURE__ */ e(D, {}) : /* @__PURE__ */ e(m, { sx: { fontSize: 25, lineHeight: 1 }, children: "-" }),
+          p ? /* @__PURE__ */ e(D, {}) : /* @__PURE__ */ e(u, { sx: { fontSize: 25, lineHeight: 1 }, children: "-" }),
           /* @__PURE__ */ e(
-            ne,
+            oe,
             {
               amount: C,
-              isMobile: h,
+              isMobile: p,
               label: n.to_be_paid_out,
-              symbol: h ? "-" : void 0
+              symbol: p ? "-" : void 0
             }
           ),
-          h ? /* @__PURE__ */ e(D, {}) : /* @__PURE__ */ e(m, { sx: { fontSize: 25, lineHeight: 1 }, children: "=" }),
+          p ? /* @__PURE__ */ e(D, {}) : /* @__PURE__ */ e(u, { sx: { fontSize: 25, lineHeight: 1 }, children: "=" }),
           /* @__PURE__ */ e(
-            ne,
+            oe,
             {
               amount: v,
-              isMobile: h,
-              isTotal: h,
+              isMobile: p,
+              isTotal: p,
               label: n.remaining_cash,
               tooltip: /* @__PURE__ */ e(
                 me,
@@ -731,7 +732,7 @@ const St = ({ recurrence: a }) => /* @__PURE__ */ o(U, { children: [
     )
   ] });
 }, Rt = T(Tt), Lt = ({ handleNextStep: a }) => {
-  const { completeOnboarding: n } = le(), { cashflow: t } = L(), i = ae();
+  const { completeOnboarding: n } = le(), { cashflow: t } = L(), i = ie();
   return /* @__PURE__ */ o(s, { children: [
     /* @__PURE__ */ e(ce, { pb: 12, children: t.welcome_title }),
     /* @__PURE__ */ e(
@@ -805,7 +806,7 @@ const St = ({ recurrence: a }) => /* @__PURE__ */ o(U, { children: [
   CASHFLOW_LOADING_ANIMATION: `${Re}/loading-animation.gif`
 }, Ot = () => {
   const { cashflow: a } = L();
-  return /* @__PURE__ */ o(p.Fragment, { children: [
+  return /* @__PURE__ */ o(f.Fragment, { children: [
     /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e("img", { alt: "Loading", src: Ge.CASHFLOW_LOADING_ANIMATION }) }),
     /* @__PURE__ */ e(ce, { pb: 12, children: a.loading_title }),
     /* @__PURE__ */ e(N, { children: a.loading_description })
@@ -818,7 +819,7 @@ const St = ({ recurrence: a }) => /* @__PURE__ */ o(U, { children: [
     transform: rotate(360deg);
   }
 `, Ft = () => {
-  const { addRepeatingTransaction: a, repeatingTransactions: n } = P(), { cashflow: t, common: i } = L(), { completeOnboarding: u } = le(), { isDirty: g } = V(), { isMobile: l } = de(), { isCopyLoaded: y, setDisplayedDate: c } = X(), { filter: r, setFilter: f, transactions: d } = ke(), b = ae(), [C, S] = K(!0), [v, h] = p.useState(ut.EveryMonth), [E, _] = p.useState(1), [W, j] = p.useState(15), [w, $] = K(!1), [O, he] = K(1), [k, je] = K([]), [pe, se] = K(""), H = p.useMemo(
+  const { addRepeatingTransaction: a, repeatingTransactions: n } = P(), { cashflow: t, common: i } = L(), { completeOnboarding: h } = le(), { isDirty: g } = V(), { isMobile: l } = de(), { isCopyLoaded: y, setDisplayedDate: c } = X(), { filter: r, setFilter: m, transactions: d } = ke(), b = ie(), [C, S] = K(!0), [v, p] = f.useState(ut.EveryMonth), [E, _] = f.useState(1), [W, j] = f.useState(15), [w, $] = K(!1), [O, he] = K(1), [k, je] = K([]), [pe, se] = K(""), H = f.useMemo(
     () => d.find((x) => x.guid === pe),
     [pe, d]
   ), ze = !!n.filter(
@@ -828,7 +829,7 @@ const St = ({ recurrence: a }) => /* @__PURE__ */ o(U, { children: [
       //  Beginning of the month, 90 days before today
       lt(Me(F(), 90)),
       F()
-    ), f({ ...r, custom: Se }), he(3);
+    ), m({ ...r, custom: Se }), he(3);
   }, Be = async () => {
     if (!(k.length < 1)) {
       $(!0);
@@ -846,7 +847,7 @@ const St = ({ recurrence: a }) => /* @__PURE__ */ o(U, { children: [
         };
         await a(Pe, A);
       }
-      await u();
+      await h();
     }
   }, Ue = !H && C || !H && k.length < 1;
   return y ? /* @__PURE__ */ o(
@@ -891,7 +892,7 @@ const St = ({ recurrence: a }) => /* @__PURE__ */ o(U, { children: [
               /* @__PURE__ */ e(ce, { pb: 12, children: t.add_income_title }),
               /* @__PURE__ */ e(N, { mb: 24, children: t.add_income_description }),
               k.length > 0 && !H && /* @__PURE__ */ o(U, { children: [
-                /* @__PURE__ */ e(Z, { children: k.map((x, A) => /* @__PURE__ */ o(p.Fragment, { children: [
+                /* @__PURE__ */ e(Z, { children: k.map((x, A) => /* @__PURE__ */ o(f.Fragment, { children: [
                   /* @__PURE__ */ e(dt, { bgcolor: "background.paper", children: ht(
                     B(x.nextDate || x.date)
                   ) }),
@@ -914,7 +915,7 @@ const St = ({ recurrence: a }) => /* @__PURE__ */ o(U, { children: [
                 it,
                 {
                   bgcolor: "background.paper",
-                  onSearch: (x) => f({
+                  onSearch: (x) => m({
                     ...r,
                     custom: (A) => x ? rt(A, x) : Se(A)
                   }),
@@ -932,7 +933,7 @@ const St = ({ recurrence: a }) => /* @__PURE__ */ o(U, { children: [
                     firstDay: E,
                     frequency: v,
                     onFirstDayChange: _,
-                    onFrequencyChange: h,
+                    onFrequencyChange: p,
                     onSecondDayChange: j,
                     secondDay: W,
                     transaction: H
@@ -986,27 +987,27 @@ const St = ({ recurrence: a }) => /* @__PURE__ */ o(U, { children: [
                     children: t.confirm_income_button
                   }
                 ),
-                /* @__PURE__ */ e(M, { onClick: u, variant: "outlined", children: t.skip_button })
+                /* @__PURE__ */ e(M, { onClick: h, variant: "outlined", children: t.skip_button })
               ] })
             ]
           }
         )
       ]
     }
-  ) : /* @__PURE__ */ e(re, {});
+  ) : /* @__PURE__ */ e(ee, {});
 }, Wt = T(Ft), $t = ({ onBackClick: a, sx: n = {} }) => {
   const {
     selectedAccounts: t,
     selectedAccountGuids: i,
-    setSelectedAccounts: u,
+    setSelectedAccounts: h,
     shouldDisableNextDate: g,
     shouldDisablePrevDate: l
-  } = X(), { onEvent: y } = Ne(), { visibleCashAccounts: c } = Le(), { setFilter: r } = ke(), { userProfile: f } = Oe(), { dateRange: d, setSelectedCashAccounts: b } = V(), { loadRepeatingTransactions: C, setDateRange: S } = P(), { cashflow: v, recurring: h } = L(), { isCopyLoaded: E, isInitialized: _ } = X(), [W, j] = p.useState(!1);
-  return p.useEffect(() => {
+  } = X(), { onEvent: y } = Ne(), { visibleCashAccounts: c } = Le(), { setFilter: r } = ke(), { userProfile: m } = Oe(), { dateRange: d, setSelectedCashAccounts: b } = V(), { loadRepeatingTransactions: C, setDateRange: S } = P(), { cashflow: v, recurring: p } = L(), { isCopyLoaded: E, isInitialized: _ } = X(), [W, j] = f.useState(!1);
+  return f.useEffect(() => {
     _ && (S(d), C().finally());
-  }, [_]), p.useEffect(() => {
-    u(c);
-  }, [c]), p.useEffect(() => {
+  }, [_]), f.useEffect(() => {
+    h(c);
+  }, [c]), f.useEffect(() => {
     const w = c.map((O) => O.guid), $ = t.filter(
       (O) => i.includes(O.guid) && w.includes(O.guid)
     );
@@ -1014,13 +1015,13 @@ const St = ({ recurrence: a }) => /* @__PURE__ */ o(U, { children: [
       dateRange: { start: Me(F(), 90), end: pt() },
       accounts: $.map((O) => O.guid)
     });
-  }, [c, t]), !E || !_ ? /* @__PURE__ */ e(re, {}) : f?.has_completed_cash_flow_onboarding ? /* @__PURE__ */ o(
+  }, [c, t]), !E || !_ ? /* @__PURE__ */ e(ee, {}) : m?.has_completed_cash_flow_onboarding ? /* @__PURE__ */ o(
     De,
     {
       accountOptions: c,
       actions: [
         {
-          label: h.action_title,
+          label: p.action_title,
           iconName: "credit_card_gear",
           onClick: () => {
             j(!0), y(ve.CASH_FLOW_CLICK_SETTINGS);
@@ -1050,7 +1051,7 @@ const St = ({ recurrence: a }) => /* @__PURE__ */ o(U, { children: [
             isOpen: W,
             onClose: () => j(!1),
             shouldShowHeaderBorders: !1,
-            title: h.action_title,
+            title: p.action_title,
             children: /* @__PURE__ */ e(Ke, {})
           }
         )