@mx-cartographer/experiences 7.1.3-alpha.mm0 → 7.1.3

package/dist/cashflow/index.es.js

@@ -1,61 +1,61 @@
-import { jsxs as o, Fragment as P, jsx as e } from "react/jsx-runtime";
+import { jsxs as o, Fragment as B, jsx as e } from "react/jsx-runtime";
 import p, { useState as J } from "react";
-import { observer as A } from "mobx-react-lite";
+import { observer as E } from "mobx-react-lite";
 import { addMonths as qe } from "date-fns/addMonths";
 import { startOfToday as $ } from "date-fns/startOfToday";
-import _ from "@mui/material/Box";
-import I from "@mui/material/Divider";
+import I from "@mui/material/Box";
+import D from "@mui/material/Divider";
 import s from "@mui/material/Stack";
-import se from "@mui/material/styles/useTheme";
-import { Text as h, P as O, Icon as M, InstitutionLogo as xe, H1 as de, H2 as Xe } from "@mxenabled/mxui";
-import { G as Ye, t as me, u as L, p as ce, d as Ne, b as Y, j as q, g as Oe, o as ke, h as He, a as Qe } from "../hooks-B3k6Se4_.mjs";
-import { C as R } from "../CurrencyText-kyC1aseI.mjs";
-import { u as ue } from "../useScreenSize-B6JyS_Lj.mjs";
+import ce from "@mui/material/styles/useTheme";
+import { Text as u, P as k, Icon as M, InstitutionLogo as xe, H1 as me, H2 as Xe } from "@mxenabled/mxui";
+import { G as Ye, t as ue, u as O, p as le, d as Oe, b as Y, j as U, g as Ne, o as ke, h as He, a as Qe } from "../hooks-CE2TKk4a.mjs";
+import { C as L } from "../CurrencyText-kyC1aseI.mjs";
+import { u as he } from "../useScreenSize-B6JyS_Lj.mjs";
 import { L as te } from "../Loader-DUaFpDGv.mjs";
-import { I as he } from "../CashflowStore-D9Dpuz7X.mjs";
+import { I as pe } from "../CashflowStore-D9Dpuz7X.mjs";
 import { C as Gn } from "../CashflowStore-D9Dpuz7X.mjs";
-import { b as j } from "../Localization-2MODESHW.mjs";
-import { M as Ve } from "../MiniWidgetContainer-C98Eg9vO.mjs";
+import { b as G } from "../Localization-2MODESHW.mjs";
+import { M as Ve } from "../MiniWidgetContainer-DTQdRK-3.mjs";
 import { E as Ke } from "../EmptyState-DA_lfRBv.mjs";
-import { R as Je } from "../RecurringSettings-BtsTGf0P.mjs";
+import { R as Je } from "../RecurringSettings-BVOt46uV.mjs";
 import Ze from "@mui/material/Tabs";
-import ye from "@mui/material/Tab";
-import { getUnixTime as U } from "date-fns/getUnixTime";
+import Ce from "@mui/material/Tab";
+import { getUnixTime as z } from "date-fns/getUnixTime";
 import ee from "@mui/material/List";
 import ne from "@mui/material/ListItem";
-import { A as et } from "../AccountListItem-CnCbtSqL.mjs";
+import { A as et } from "../AccountListItem-CllIBCao.mjs";
 import { f as Q, D as V } from "../Dialog-CWW597AF.mjs";
 import tt from "@mui/material/ListSubheader";
 import { f as Z } from "../NumberFormatting-Buh7u8Oi.mjs";
 import { isAfter as Fe } from "date-fns/isAfter";
 import { isBefore as We } from "date-fns/isBefore";
 import { isToday as $e } from "date-fns/isToday";
-import { addDays as Ce } from "date-fns/addDays";
+import { addDays as ye } from "date-fns/addDays";
 import { alpha as nt, keyframes as ot } from "@mui/material/styles";
 import { DataGridPro as at } from "@mui/x-data-grid-pro";
-import { T as Se } from "../TabContentContainer-j01JYR_7.mjs";
+import { T as we } from "../TabContentContainer-j01JYR_7.mjs";
 import W from "@mui/material/Button";
-import { M as it, S as rt, i as st, d as we, c as ct } from "../ManageIncome-Dn-1RlJI.mjs";
+import { M as it, S as rt, i as st, d as Se, c as ct } from "../ManageIncome-DUuT-yMV.mjs";
 import { D as Me } from "../Drawer-kEE73B87.mjs";
 import { formatISO as lt } from "date-fns/formatISO";
 import { fromUnixTime as _e } from "date-fns/fromUnixTime";
 import { startOfMonth as dt } from "date-fns/startOfMonth";
 import { subDays as Ge } from "date-fns/subDays";
-import { S as mt, b as ut } from "../TransactionDetails-CBpH1fsq.mjs";
+import { S as mt, b as ut } from "../TransactionDetails-_cXLXTd3.mjs";
 import { F as ht, R as Ie, e as De } from "../RecurringTransactions-ej39mgA6.mjs";
 import { h as pt } from "../DateUtil-BcuH7ErC.mjs";
 import { endOfToday as ft } from "date-fns/endOfToday";
-import { W as ve, A as Ae } from "../WidgetContainer-CjvCN6aj.mjs";
-import { F as gt, A as B } from "../Fetch-87LIQbEA.mjs";
+import { W as ve, A as Ae } from "../WidgetContainer-DtPnPQZY.mjs";
+import { F as gt, A as j } from "../Fetch-87LIQbEA.mjs";
 const K = () => {
   if (!p.useContext(Ye))
     throw new Error("useCashflowUiStore() must be used within the GlobalDataContext");
-  return me().uiStore;
+  return ue().uiStore;
 }, bt = ({ remaining: a }) => {
-  const { cashflow: n } = L();
-  return /* @__PURE__ */ o(P, { children: [
+  const { cashflow: n } = O();
+  return /* @__PURE__ */ o(B, { children: [
     /* @__PURE__ */ e(
-      _,
+      I,
       {
         sx: {
           borderRadius: "1px",
@@ -65,38 +65,38 @@ const K = () => {
         }
       }
     ),
-    /* @__PURE__ */ e(h, { bold: !0, sx: { flexGrow: 1, fontSize: 12 }, children: n.remaining_cash }),
-    /* @__PURE__ */ e(R, { amount: a, bold: !0, sx: { fontSize: 12 } })
+    /* @__PURE__ */ e(u, { bold: !0, sx: { flexGrow: 1, fontSize: 12 }, children: n.remaining_cash }),
+    /* @__PURE__ */ e(L, { amount: a, bold: !0, sx: { fontSize: 12 } })
   ] });
-}, pe = A(bt), xt = () => {
-  const a = se(), { availableWidth: n } = ce(), { isMobile: t } = ue(), { visibleCashAccounts: i, visibleCashBalance: f } = Ne(), { selectedAccounts: y, selectedAccountGuids: c, setSelectedAccounts: b } = Y(), { cashflow: l } = L(), {
+}, fe = E(bt), xt = () => {
+  const a = ce(), { availableWidth: n } = le(), { isMobile: t } = he(), { visibleCashAccounts: i, visibleCashBalance: f } = Oe(), { selectedAccounts: C, selectedAccountGuids: c, setSelectedAccounts: x } = Y(), { cashflow: l } = O(), {
     daysUntilNextIncome: r,
     expensesTilNextIncome: m,
     selectedCashAccounts: d,
     setNextIncome: g,
-    setSelectedCashAccounts: S,
-    setUpcomingExpenses: w
-  } = K(), { isDataLoaded: E, nextIncomeRecurrence: T, upcomingExpenses: k } = q();
+    setSelectedCashAccounts: w,
+    setUpcomingExpenses: S
+  } = K(), { isDataLoaded: T, nextIncomeRecurrence: H, upcomingExpenses: F } = U();
   p.useEffect(() => {
-    b(i);
+    x(i);
   }, [i]), p.useEffect(() => {
-    S(
-      i.filter((x) => c.includes(x.guid))
+    w(
+      i.filter((b) => c.includes(b.guid))
     );
-  }, [i, y]), p.useEffect(() => {
-    T && g(T), w(k);
-  }, [T, k]);
-  const H = p.useMemo(
-    () => i.filter((x) => c.includes(x.guid)).reduce((x, z) => x + (z?.balance || 0), 0),
-    [c, k]
-  ), u = p.useMemo(
-    () => m.filter((x) => c.includes(x.accountGuid || "")).reduce((x, z) => x + z.amount, 0),
+  }, [i, C]), p.useEffect(() => {
+    H && g(H), S(F);
+  }, [H, F]);
+  const N = p.useMemo(
+    () => i.filter((b) => c.includes(b.guid)).reduce((b, P) => b + (P?.balance || 0), 0),
+    [c, F]
+  ), h = p.useMemo(
+    () => m.filter((b) => c.includes(b.accountGuid || "")).reduce((b, P) => b + P.amount, 0),
     [c, m]
-  ), N = p.useMemo(
-    () => H - u,
-    [H, u]
+  ), R = p.useMemo(
+    () => N - h,
+    [N, h]
   );
-  return E ? /* @__PURE__ */ e(_, { className: "mx-cashflow", pl: 16, pr: 16, pt: 16, children: n > 710 ? /* @__PURE__ */ o(
+  return T ? /* @__PURE__ */ e(I, { className: "mx-cashflow", pl: 16, pr: 16, pt: 16, children: n > 710 ? /* @__PURE__ */ o(
     s,
     {
       border: `1px solid ${a.palette.border.light}`,
@@ -106,45 +106,45 @@ const K = () => {
       px: 24,
       children: [
         /* @__PURE__ */ o(s, { pb: 14, pt: 12, children: [
-          /* @__PURE__ */ e(R, { amount: H, variant: "H2" }),
-          /* @__PURE__ */ e(O, { variant: "XSmall", whiteSpace: "nowrap", children: j(
+          /* @__PURE__ */ e(L, { amount: N, variant: "H2" }),
+          /* @__PURE__ */ e(k, { variant: "XSmall", whiteSpace: "nowrap", children: G(
             l.total_cash_accounts,
             d.length
           ) })
         ] }),
         /* @__PURE__ */ e(s, { pt: 18, children: /* @__PURE__ */ e(M, { name: "remove" }) }),
         /* @__PURE__ */ o(s, { pb: 14, pt: 12, children: [
-          /* @__PURE__ */ e(R, { amount: u, variant: "H2" }),
-          /* @__PURE__ */ e(O, { variant: "XSmall", whiteSpace: "nowrap", children: j(l.expenses_due, m.length) })
+          /* @__PURE__ */ e(L, { amount: h, variant: "H2" }),
+          /* @__PURE__ */ e(k, { variant: "XSmall", whiteSpace: "nowrap", children: G(l.expenses_due, m.length) })
         ] }),
         /* @__PURE__ */ e(s, { pt: 18, children: /* @__PURE__ */ e(M, { name: "equal" }) }),
         /* @__PURE__ */ o(s, { pb: 14, pr: 24, pt: 12, children: [
-          /* @__PURE__ */ e(R, { amount: N, variant: "H2" }),
+          /* @__PURE__ */ e(L, { amount: R, variant: "H2" }),
           /* @__PURE__ */ o(s, { alignItems: "center", direction: "row", gap: 8, children: [
-            /* @__PURE__ */ e(O, { variant: "XSmall", whiteSpace: "nowrap", children: l.available_to_spend }),
-            /* @__PURE__ */ e(he, { body: l.tooltip_body, title: l.tooltip_title })
+            /* @__PURE__ */ e(k, { variant: "XSmall", whiteSpace: "nowrap", children: l.available_to_spend }),
+            /* @__PURE__ */ e(pe, { body: l.tooltip_body, title: l.tooltip_title })
           ] })
         ] }),
-        /* @__PURE__ */ e(s, { borderLeft: `1px solid ${a.palette.border.light}`, pb: 12, pl: 24, pt: 12, children: /* @__PURE__ */ o(P, { children: [
-          /* @__PURE__ */ e(h, { variant: "H2", children: j(l.days, r) }),
-          /* @__PURE__ */ e(O, { variant: "XSmall", whiteSpace: "nowrap", children: l.next_paycheck })
+        /* @__PURE__ */ e(s, { borderLeft: `1px solid ${a.palette.border.light}`, pb: 12, pl: 24, pt: 12, children: /* @__PURE__ */ o(B, { children: [
+          /* @__PURE__ */ e(u, { variant: "H2", children: G(l.days, r) }),
+          /* @__PURE__ */ e(k, { variant: "XSmall", whiteSpace: "nowrap", children: l.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(h, { variant: "Small", children: j(
+      /* @__PURE__ */ e(u, { variant: "Small", children: G(
         l.total_cash_accounts,
         d.length
       ) }),
-      /* @__PURE__ */ e(R, { amount: f, bold: !0, variant: "XSmall" })
+      /* @__PURE__ */ e(L, { amount: f, bold: !0, variant: "XSmall" })
     ] }),
-    /* @__PURE__ */ e(I, {}),
+    /* @__PURE__ */ e(D, {}),
     /* @__PURE__ */ o(s, { direction: "row", justifyContent: "space-between", p: 16, children: [
-      /* @__PURE__ */ e(h, { variant: "Small", children: j(l.expenses_due, m.length) }),
-      /* @__PURE__ */ e(R, { amount: u, bold: !0, symbol: "-", variant: "XSmall" })
+      /* @__PURE__ */ e(u, { variant: "Small", children: G(l.expenses_due, m.length) }),
+      /* @__PURE__ */ e(L, { amount: h, bold: !0, symbol: "-", variant: "XSmall" })
     ] }),
-    /* @__PURE__ */ e(I, {}),
+    /* @__PURE__ */ e(D, {}),
     /* @__PURE__ */ e(
       s,
       {
@@ -156,25 +156,25 @@ const K = () => {
         justifyContent: "space-between",
         px: 16,
         sx: { borderBottomLeftRadius: 4, borderBottomRightRadius: 4 },
-        children: /* @__PURE__ */ e(pe, { remaining: N })
+        children: /* @__PURE__ */ e(fe, { remaining: R })
       }
     ),
-    /* @__PURE__ */ e(I, {}),
+    /* @__PURE__ */ e(D, {}),
     /* @__PURE__ */ o(s, { direction: "row", justifyContent: "space-between", p: 16, children: [
-      /* @__PURE__ */ e(h, { variant: "Small", children: l.next_paycheck }),
-      /* @__PURE__ */ e(h, { bold: !0, variant: "XSmall", children: j(l.days, r) })
+      /* @__PURE__ */ e(u, { variant: "Small", children: l.next_paycheck }),
+      /* @__PURE__ */ e(u, { bold: !0, variant: "XSmall", children: G(l.days, r) })
     ] })
   ] }) }) : /* @__PURE__ */ e(te, { height: t ? 210 : 120 });
-}, yt = A(xt), Ct = ({
+}, Ct = E(xt), yt = ({
   onPrimaryCtaClick: a,
   onSecondaryCtaClick: n,
   sx: t = {}
 }) => {
-  const { cashflow: i } = L(), { isCopyLoaded: f, isInitialized: y } = Y(), { loadRepeatingTransactions: c, income: b, isDataLoaded: l, setDateRange: r } = q();
+  const { cashflow: i } = O(), { isCopyLoaded: f, isInitialized: C } = Y(), { loadRepeatingTransactions: c, income: x, isDataLoaded: l, setDateRange: r } = U();
   p.useEffect(() => {
-    y && (r({ start: $(), end: qe($(), 1) }), c().finally());
-  }, [y]);
-  const m = l && !b.length;
+    C && (r({ start: $(), end: qe($(), 1) }), c().finally());
+  }, [C]);
+  const m = l && !x.length;
   return f ? /* @__PURE__ */ o(
     Ve,
     {
@@ -196,11 +196,11 @@ const K = () => {
             primaryButtonStartIcon: "add",
             subText: i.create_description
           }
-        ) : /* @__PURE__ */ e(yt, {}))
+        ) : /* @__PURE__ */ e(Ct, {}))
       ]
     }
   ) : /* @__PURE__ */ e(te, {});
-}, Hn = A(Ct), St = ({ remaining: a }) => /* @__PURE__ */ e(
+}, Hn = E(yt), wt = ({ remaining: a }) => /* @__PURE__ */ e(
   ne,
   {
     sx: {
@@ -213,19 +213,19 @@ const K = () => {
       borderBottomRightRadius: "3px",
       minHeight: "auto"
     },
-    children: /* @__PURE__ */ e(pe, { remaining: a })
+    children: /* @__PURE__ */ e(fe, { remaining: a })
   }
 );
 var oe = /* @__PURE__ */ ((a) => (a.EXPENSE = "expense", a.INCOME = "income", a))(oe || {});
-const wt = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
+const St = ({ recurrence: a }) => /* @__PURE__ */ o(B, { children: [
   /* @__PURE__ */ o(ne, { sx: { display: "flex", alignItems: "center", gap: 16, px: 24, py: 12 }, children: [
     /* @__PURE__ */ o(s, { alignItems: "center", height: 32, width: 32, children: [
-      /* @__PURE__ */ e(h, { bold: !0, sx: { fontSize: 11 }, children: Q(a.expectedDate, V.MONTH) }),
-      /* @__PURE__ */ e(h, { bold: !0, sx: { fontSize: 11 }, children: Q(a.expectedDate, V.DAY) })
+      /* @__PURE__ */ e(u, { bold: !0, sx: { fontSize: 11 }, children: Q(a.expectedDate, V.MONTH) }),
+      /* @__PURE__ */ e(u, { bold: !0, sx: { fontSize: 11 }, children: Q(a.expectedDate, V.DAY) })
     ] }),
-    /* @__PURE__ */ e(h, { sx: { flexGrow: 1, fontSize: 13 }, children: a.name }),
+    /* @__PURE__ */ e(u, { sx: { flexGrow: 1, fontSize: 13 }, children: a.name }),
     /* @__PURE__ */ e(
-      R,
+      L,
       {
         amount: a.amount,
         bold: !0,
@@ -233,10 +233,10 @@ const wt = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
       }
     )
   ] }),
-  /* @__PURE__ */ e(I, {})
-] }), Ee = A(wt), _t = ({ total: a, type: n }) => {
-  const { cashflow: t } = L();
-  return /* @__PURE__ */ o(P, { children: [
+  /* @__PURE__ */ e(D, {})
+] }), Ee = E(St), _t = ({ total: a, type: n }) => {
+  const { cashflow: t } = O();
+  return /* @__PURE__ */ o(B, { children: [
     /* @__PURE__ */ o(
       tt,
       {
@@ -250,32 +250,32 @@ const wt = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
           px: 24
         },
         children: [
-          /* @__PURE__ */ e(h, { bold: !0, sx: { fontSize: 12 }, children: n === oe.EXPENSE ? t.expenses : t.income }),
-          /* @__PURE__ */ o(h, { bold: !0, sx: { fontSize: 13 }, children: [
+          /* @__PURE__ */ e(u, { bold: !0, sx: { fontSize: 12 }, children: n === oe.EXPENSE ? t.expenses : t.income }),
+          /* @__PURE__ */ o(u, { bold: !0, sx: { fontSize: 13 }, children: [
             n === oe.EXPENSE ? "-" : "+",
             Z(a, "0,0.00")
           ] })
         ]
       }
     ),
-    /* @__PURE__ */ e(I, {})
+    /* @__PURE__ */ e(D, {})
   ] });
-}, Te = A(_t), re = (a, n) => (t) => t.accountGuid === a.guid && ($e(t.expectedDate) || Fe(t.expectedDate, n.start)) && We(t.expectedDate, n.end), It = () => {
-  const { availableWidth: a } = ce(), { cashflow: n } = L(), { upcomingExpenses: t, upcomingIncome: i } = q(), { dateRange: f, selectedCashAccounts: y } = K();
+}, Te = E(_t), se = (a, n) => (t) => t.accountGuid === a.guid && ($e(t.expectedDate) || Fe(t.expectedDate, n.start)) && We(t.expectedDate, n.end), It = () => {
+  const { availableWidth: a } = le(), { cashflow: n } = O(), { upcomingExpenses: t, upcomingIncome: i } = U(), { dateRange: f, selectedCashAccounts: C } = K();
   return /* @__PURE__ */ o(s, { children: [
     /* @__PURE__ */ o(s, { direction: a < 400 ? "column" : "row", justifyContent: "space-between", children: [
-      /* @__PURE__ */ e(h, { bold: !0, sx: { fontSize: 15, mb: 12, whiteSpace: "normal" }, children: n.accounts_breakdown }),
-      /* @__PURE__ */ o(h, { bold: !0, sx: { fontSize: 15, mb: 12, whiteSpace: "normal" }, children: [
+      /* @__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: [
         Q(f.start, V.FULL_MONTH_DAY),
         " -",
         " ",
         Q(f.end, V.FULL_MONTH_DAY)
       ] })
     ] }),
-    /* @__PURE__ */ e(s, { children: y.map((c) => {
-      const b = i.filter(re(c, f)).sort((d, g) => U(d.expectedDate) - U(g.expectedDate)), l = t.filter(
-        re(c, f)
-      ), r = b.reduce(
+    /* @__PURE__ */ e(s, { children: C.map((c) => {
+      const x = i.filter(se(c, f)).sort((d, g) => z(d.expectedDate) - z(g.expectedDate)), l = t.filter(
+        se(c, f)
+      ), r = x.reduce(
         (d, g) => d + g.amount,
         0
       ), m = l.reduce(
@@ -303,13 +303,13 @@ const wt = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
                 }
               }
             ),
-            /* @__PURE__ */ e(I, {}),
-            b.length > 0 && /* @__PURE__ */ e(ne, { children: /* @__PURE__ */ e(
+            /* @__PURE__ */ e(D, {}),
+            x.length > 0 && /* @__PURE__ */ e(ne, { children: /* @__PURE__ */ e(
               ee,
               {
                 subheader: /* @__PURE__ */ e(Te, { total: r, type: oe.INCOME }),
                 sx: { width: "100%" },
-                children: b.map((d) => /* @__PURE__ */ e(Ee, { recurrence: d }, d.repeatingTransactionGuid))
+                children: x.map((d) => /* @__PURE__ */ e(Ee, { recurrence: d }, d.repeatingTransactionGuid))
               }
             ) }),
             l.length > 0 && /* @__PURE__ */ e(ne, { children: /* @__PURE__ */ e(
@@ -321,7 +321,7 @@ const wt = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
               }
             ) }),
             /* @__PURE__ */ e(
-              St,
+              wt,
               {
                 remaining: (c.available_balance || c.balance || 0) + r - m
               }
@@ -332,14 +332,14 @@ const wt = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
       );
     }) })
   ] });
-}, Dt = A(It), vt = () => {
-  const { availableWidth: a } = ce(), n = se(), { cashflow: t } = L(), { upcomingExpenses: i, upcomingIncome: f } = q(), { dateRange: y, selectedCashAccounts: c } = K(), b = [
+}, Dt = E(It), vt = () => {
+  const { availableWidth: a } = le(), n = ce(), { cashflow: t } = O(), { upcomingExpenses: i, upcomingIncome: f } = U(), { dateRange: C, selectedCashAccounts: c } = K(), x = [
     {
       field: "account",
       flex: 1.5,
       headerName: t.accounts,
       renderCell: ({ value: { name: r, nickname: m, institution_guid: d, account_number: g } }) => {
-        const S = m || r;
+        const w = m || r;
         return /* @__PURE__ */ o(s, { alignItems: "center", flexDirection: "row", gap: 12, children: [
           /* @__PURE__ */ e(
             xe,
@@ -349,7 +349,7 @@ const wt = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
               size: 16
             }
           ),
-          /* @__PURE__ */ e(h, { variant: "body2", children: `${S} ${g ? `*${g}` : ""}` })
+          /* @__PURE__ */ e(u, { variant: "body2", children: `${w} ${g ? `*${g}` : ""}` })
         ] });
       }
     },
@@ -358,21 +358,21 @@ const wt = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
       flex: 1,
       headerName: t.balance,
       type: "number",
-      renderCell: (r) => /* @__PURE__ */ e(h, { color: n.palette.text.primary, variant: "Small", children: Z(r.value, "0,0.00") })
+      renderCell: (r) => /* @__PURE__ */ e(u, { color: n.palette.text.primary, variant: "Small", children: Z(r.value, "0,0.00") })
     },
     {
       field: "income",
       flex: 1,
       headerName: t.projected_income,
       type: "number",
-      renderCell: (r) => /* @__PURE__ */ e(h, { color: n.palette.text.primary, variant: "Small", children: `+${Z(r.value, "0,0.00")}` })
+      renderCell: (r) => /* @__PURE__ */ e(u, { color: n.palette.text.primary, variant: "Small", children: `+${Z(r.value, "0,0.00")}` })
     },
     {
       field: "expenses",
       flex: 1.1,
       headerName: t.projected_expenses,
       type: "number",
-      renderCell: (r) => /* @__PURE__ */ e(h, { color: n.palette.text.primary, variant: "Small", children: `-${Z(r.value, "0,0.00")}` })
+      renderCell: (r) => /* @__PURE__ */ e(u, { color: n.palette.text.primary, variant: "Small", children: `-${Z(r.value, "0,0.00")}` })
     },
     {
       field: "remaining",
@@ -382,7 +382,7 @@ const wt = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
       renderCell: (r) => {
         const m = r.row.balance + r.row.income - r.row.expenses;
         return /* @__PURE__ */ e(
-          h,
+          u,
           {
             color: Math.sign(m) === -1 ? n.palette.error.main : n.palette.text.primary,
             variant: "Small",
@@ -393,10 +393,10 @@ const wt = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
     }
   ], l = p.useMemo(() => c.map((r) => {
     const m = i.filter(
-      re(r, { start: $(), end: Ce($(), 30) })
-    ).reduce((S, w) => S + w.amount, 0), d = f.filter(
-      re(r, { start: $(), end: Ce($(), 30) })
-    ).reduce((S, w) => S + w.amount, 0), g = (r.balance || 0) + d - m;
+      se(r, { start: $(), end: ye($(), 30) })
+    ).reduce((w, S) => w + S.amount, 0), d = f.filter(
+      se(r, { start: $(), end: ye($(), 30) })
+    ).reduce((w, S) => w + S.amount, 0), g = (r.balance || 0) + d - m;
     return {
       account: r,
       balance: r.balance || 0,
@@ -407,7 +407,7 @@ const wt = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
     };
   }), [c, i, f]);
   return /* @__PURE__ */ o(
-    _,
+    I,
     {
       sx: {
         width: "100%"
@@ -422,7 +422,7 @@ const wt = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
             children: [
               /* @__PURE__ */ o(s, { alignItems: "center", direction: "row", gap: 8, children: [
                 /* @__PURE__ */ e(
-                  h,
+                  u,
                   {
                     bold: !0,
                     sx: {
@@ -433,18 +433,18 @@ const wt = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
                   }
                 ),
                 /* @__PURE__ */ e(
-                  he,
+                  pe,
                   {
                     body: t.table_tooltip_body,
                     title: t.table_tooltip_title
                   }
                 )
               ] }),
-              /* @__PURE__ */ o(h, { bold: !0, sx: { fontSize: 15, whiteSpace: "normal" }, children: [
-                Q(y.start, V.FULL_MONTH_DAY),
+              /* @__PURE__ */ o(u, { bold: !0, sx: { fontSize: 15, whiteSpace: "normal" }, children: [
+                Q(C.start, V.FULL_MONTH_DAY),
                 " -",
                 " ",
-                Q(y.end, V.FULL_MONTH_DAY)
+                Q(C.end, V.FULL_MONTH_DAY)
               ] })
             ]
           }
@@ -453,7 +453,7 @@ const wt = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
           at,
           {
             columnHeaderHeight: 48,
-            columns: b,
+            columns: x,
             density: "standard",
             disableColumnMenu: !0,
             disableRowSelectionOnClick: !0,
@@ -480,7 +480,7 @@ const wt = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
             }
           }
         ) : l.map((r) => {
-          const { name: m, nickname: d, institution_guid: g, account_number: S } = r.account, w = d || m;
+          const { name: m, nickname: d, institution_guid: g, account_number: w } = r.account, S = d || m;
           return /* @__PURE__ */ e(
             ee,
             {
@@ -509,13 +509,13 @@ const wt = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
                             size: 16
                           }
                         ),
-                        /* @__PURE__ */ e(h, { variant: "Small", children: `${w} ${S ? `*${S}` : ""}` })
+                        /* @__PURE__ */ e(u, { variant: "Small", children: `${S} ${w ? `*${w}` : ""}` })
                       ] }),
-                      /* @__PURE__ */ e(R, { amount: r.balance, bold: !0, variant: "Small" })
+                      /* @__PURE__ */ e(L, { amount: r.balance, bold: !0, variant: "Small" })
                     ]
                   }
                 ),
-                /* @__PURE__ */ e(I, { sx: { width: "100%" } }),
+                /* @__PURE__ */ e(D, { sx: { width: "100%" } }),
                 /* @__PURE__ */ o(
                   s,
                   {
@@ -525,12 +525,12 @@ const wt = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
                     px: 16,
                     py: 12,
                     children: [
-                      /* @__PURE__ */ e(h, { variant: "Small", children: t.projected_income }),
-                      /* @__PURE__ */ e(R, { amount: r.income, bold: !0, symbol: "+", variant: "Small" })
+                      /* @__PURE__ */ e(u, { variant: "Small", children: t.projected_income }),
+                      /* @__PURE__ */ e(L, { amount: r.income, bold: !0, symbol: "+", variant: "Small" })
                     ]
                   }
                 ),
-                /* @__PURE__ */ e(I, { sx: { width: "100%" } }),
+                /* @__PURE__ */ e(D, { sx: { width: "100%" } }),
                 /* @__PURE__ */ o(
                   s,
                   {
@@ -540,12 +540,12 @@ const wt = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
                     px: 16,
                     py: 12,
                     children: [
-                      /* @__PURE__ */ e(h, { variant: "Small", children: t.projected_expenses }),
-                      /* @__PURE__ */ e(R, { amount: r.expenses, bold: !0, symbol: "-", variant: "Small" })
+                      /* @__PURE__ */ e(u, { variant: "Small", children: t.projected_expenses }),
+                      /* @__PURE__ */ e(L, { amount: r.expenses, bold: !0, symbol: "-", variant: "Small" })
                     ]
                   }
                 ),
-                /* @__PURE__ */ e(I, { sx: { width: "100%" } }),
+                /* @__PURE__ */ e(D, { sx: { width: "100%" } }),
                 /* @__PURE__ */ e(
                   s,
                   {
@@ -557,7 +557,7 @@ const wt = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
                     px: 16,
                     py: 12,
                     sx: { borderBottomLeftRadius: "4px", borderBottomRightRadius: "4px" },
-                    children: /* @__PURE__ */ e(pe, { remaining: r.remaining })
+                    children: /* @__PURE__ */ e(fe, { remaining: r.remaining })
                   }
                 )
               ] }) })
@@ -568,25 +568,25 @@ const wt = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
       ]
     }
   );
-}, At = A(vt), Et = () => {
-  const { cashflow: a } = L(), { isDesktop: n } = ue(), { onEvent: t } = Oe(), [i, f] = p.useState(0), y = (c, b) => {
-    f(b);
+}, At = E(vt), Et = () => {
+  const { cashflow: a } = O(), { isDesktop: n } = he(), { onEvent: t } = Ne(), [i, f] = p.useState(0), C = (c, x) => {
+    f(x);
   };
   return p.useEffect(() => {
     t(i === 0 ? "cash_flow_summary" : "cash_flow_details");
-  }, [i]), /* @__PURE__ */ o(_, { children: [
+  }, [i]), /* @__PURE__ */ o(I, { children: [
     /* @__PURE__ */ o(
       Ze,
       {
         "aria-label": a.cashflow_summary_and_details,
         centered: !0,
-        onChange: y,
+        onChange: C,
         textColor: "primary",
         value: i,
         variant: "fullWidth",
         children: [
           /* @__PURE__ */ e(
-            ye,
+            Ce,
             {
               "aria-controls": "cashflow-tabpanel-0",
               id: "cashflow-tab-0",
@@ -597,7 +597,7 @@ const wt = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
             }
           ),
           /* @__PURE__ */ e(
-            ye,
+            Ce,
             {
               "aria-controls": "cashflow-tabpanel-1",
               id: "cashflow-tab-1",
@@ -610,17 +610,17 @@ const wt = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
         ]
       }
     ),
-    /* @__PURE__ */ e(_, { sx: { mb: 32 } }),
-    /* @__PURE__ */ e(Se, { index: 0, name: "cashflow", value: i, children: /* @__PURE__ */ e(_, { sx: { m: n ? 48 : 16 }, children: /* @__PURE__ */ e(At, {}) }) }),
-    /* @__PURE__ */ e(Se, { index: 1, name: "cashflow", value: i, children: /* @__PURE__ */ e(_, { sx: { m: n ? 48 : 16 }, children: /* @__PURE__ */ e(Dt, {}) }) })
+    /* @__PURE__ */ e(I, { sx: { mb: 32 } }),
+    /* @__PURE__ */ e(we, { index: 0, name: "cashflow", value: i, children: /* @__PURE__ */ e(I, { sx: { m: n ? 48 : 16 }, children: /* @__PURE__ */ e(At, {}) }) }),
+    /* @__PURE__ */ e(we, { index: 1, name: "cashflow", value: i, children: /* @__PURE__ */ e(I, { sx: { m: n ? 48 : 16 }, children: /* @__PURE__ */ e(Dt, {}) }) })
   ] });
-}, Tt = A(Et), ie = ({
+}, Tt = E(Et), re = ({
   amount: a,
   isMobile: n = !1,
   isTotal: t = !1,
   label: i,
   symbol: f,
-  tooltip: y
+  tooltip: C
 }) => /* @__PURE__ */ o(
   s,
   {
@@ -630,48 +630,48 @@ const wt = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
     padding: n ? "14px 16px" : 0,
     sx: { borderBottomLeftRadius: 4, borderBottomRightRadius: 4 },
     children: [
-      !n && /* @__PURE__ */ e(R, { amount: a, component: "h2", variant: "H2" }),
+      !n && /* @__PURE__ */ e(L, { amount: a, component: "h2", variant: "H2" }),
       /* @__PURE__ */ o(s, { alignItems: "center", component: "span", direction: "row", gap: 8, mt: 2, children: [
-        /* @__PURE__ */ e(h, { bold: t, variant: "Small", children: i }),
-        y
+        /* @__PURE__ */ e(u, { bold: t, variant: "Small", children: i }),
+        C
       ] }),
-      n && /* @__PURE__ */ e(R, { amount: a, component: "h2", symbol: f, variant: "Small" })
+      n && /* @__PURE__ */ e(L, { amount: a, component: "h2", symbol: f, variant: "Small" })
     ]
   }
 ), Re = (a, n) => (t) => t.accountGuid && a.includes(t.accountGuid) && ($e(t.expectedDate) || Fe(t.expectedDate, n.start)) && We(t.expectedDate, n.end), Rt = () => {
-  const { availableWidth: a } = ce(), { cashflow: n } = L(), { income: t, isDataLoaded: i, upcomingExpenses: f, upcomingIncome: y } = q(), { selectedAccountGuids: c } = Y(), { dateRange: b, selectedCashAccounts: l } = K(), { userProfile: r } = ke(), [m, d] = p.useState(!1), g = p.useMemo(
-    () => f.filter(Re(c, b)),
-    [b, c, f]
-  ), S = p.useMemo(
-    () => y.filter(Re(c, b)),
-    [b, c, y]
+  const { availableWidth: a } = le(), { cashflow: n } = O(), { income: t, isDataLoaded: i, upcomingExpenses: f, upcomingIncome: C } = U(), { selectedAccountGuids: c } = Y(), { dateRange: x, selectedCashAccounts: l } = K(), { userProfile: r } = ke(), [m, d] = p.useState(!1), g = p.useMemo(
+    () => f.filter(Re(c, x)),
+    [x, c, f]
   ), w = p.useMemo(
-    () => l.reduce((N, x) => N + (x?.balance || 0), 0),
+    () => C.filter(Re(c, x)),
+    [x, c, C]
+  ), S = p.useMemo(
+    () => l.reduce((R, b) => R + (b?.balance || 0), 0),
     [l]
-  ), E = g.reduce((N, x) => N + x.amount, 0), T = S.reduce((N, x) => N + x.amount, 0), k = w - E + T, H = i && !t.length, u = a < 725;
-  return /* @__PURE__ */ o(s, { sx: { mx: u ? 16 : 0, my: u ? 24 : 42 }, children: [
+  ), T = g.reduce((R, b) => R + b.amount, 0), H = w.reduce((R, b) => R + b.amount, 0), F = S - T + H, N = i && !t.length, h = a < 725;
+  return /* @__PURE__ */ o(s, { sx: { mx: h ? 16 : 0, my: h ? 24 : 42 }, children: [
     /* @__PURE__ */ o(
       s,
       {
-        border: u ? "1px solid" : "none",
+        border: h ? "1px solid" : "none",
         borderColor: "border.light",
         borderRadius: 2,
-        flexDirection: u ? "column" : "row",
-        gap: u ? 0 : 24,
+        flexDirection: h ? "column" : "row",
+        gap: h ? 0 : 24,
         justifyContent: "center",
         children: [
           /* @__PURE__ */ e(
-            ie,
+            re,
             {
-              amount: w,
-              isMobile: u,
-              label: j(n.cash_and_bank, l.length)
+              amount: S,
+              isMobile: h,
+              label: G(n.cash_and_bank, l.length)
             }
           ),
-          u && /* @__PURE__ */ e(I, {}),
-          r?.has_completed_cash_flow_onboarding ? /* @__PURE__ */ o(P, { children: [
-            !u && /* @__PURE__ */ e(h, { sx: { fontSize: 25, lineHeight: 1 }, children: "+" }),
-            i && (H ? /* @__PURE__ */ e(
+          h && /* @__PURE__ */ e(D, {}),
+          r?.has_completed_cash_flow_onboarding ? /* @__PURE__ */ o(B, { children: [
+            !h && /* @__PURE__ */ e(u, { sx: { fontSize: 25, lineHeight: 1 }, children: "+" }),
+            i && (N ? /* @__PURE__ */ e(
               W,
               {
                 onClick: () => d(!0),
@@ -680,12 +680,12 @@ const wt = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
                 children: n.add_income
               }
             ) : /* @__PURE__ */ e(
-              ie,
+              re,
               {
-                amount: T,
-                isMobile: u,
+                amount: H,
+                isMobile: h,
                 label: n.to_be_received,
-                symbol: u ? "+" : void 0
+                symbol: h ? "+" : void 0
               }
             ))
           ] }) : /* @__PURE__ */ e(
@@ -697,26 +697,26 @@ const wt = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
               children: n.add_income
             }
           ),
-          u ? /* @__PURE__ */ e(I, {}) : /* @__PURE__ */ e(h, { sx: { fontSize: 25, lineHeight: 1 }, children: "-" }),
+          h ? /* @__PURE__ */ e(D, {}) : /* @__PURE__ */ e(u, { sx: { fontSize: 25, lineHeight: 1 }, children: "-" }),
           /* @__PURE__ */ e(
-            ie,
+            re,
             {
-              amount: E,
-              isMobile: u,
-              label: j(n.to_be_paid_out, g.length),
-              symbol: u ? "-" : void 0
+              amount: T,
+              isMobile: h,
+              label: G(n.to_be_paid_out, g.length),
+              symbol: h ? "-" : void 0
             }
           ),
-          u ? /* @__PURE__ */ e(I, {}) : /* @__PURE__ */ e(h, { sx: { fontSize: 25, lineHeight: 1 }, children: "=" }),
+          h ? /* @__PURE__ */ e(D, {}) : /* @__PURE__ */ e(u, { sx: { fontSize: 25, lineHeight: 1 }, children: "=" }),
           /* @__PURE__ */ e(
-            ie,
+            re,
             {
-              amount: k,
-              isMobile: u,
-              isTotal: u,
+              amount: F,
+              isMobile: h,
+              isTotal: h,
               label: n.remaining_cash,
               tooltip: /* @__PURE__ */ e(
-                he,
+                pe,
                 {
                   body: n.remaining_income_tooltip_body,
                   title: n.remaining_income_tooltip_title
@@ -739,10 +739,10 @@ const wt = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
       }
     )
   ] });
-}, Lt = A(Rt), Nt = ({ handleNextStep: a }) => {
-  const { completeOnboarding: n } = me(), { cashflow: t } = L(), i = se();
+}, Lt = E(Rt), Ot = ({ handleNextStep: a }) => {
+  const { completeOnboarding: n } = ue(), { cashflow: t } = O(), i = ce();
   return /* @__PURE__ */ o(s, { children: [
-    /* @__PURE__ */ e(de, { pb: 12, children: t.welcome_title }),
+    /* @__PURE__ */ e(me, { pb: 12, children: t.welcome_title }),
     /* @__PURE__ */ e(
       Xe,
       {
@@ -753,11 +753,11 @@ const wt = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
         children: t.welcome_sub_title
       }
     ),
-    /* @__PURE__ */ e(O, { pb: 32, children: t.welcome_description }),
+    /* @__PURE__ */ e(k, { pb: 32, children: t.welcome_description }),
     /* @__PURE__ */ o(s, { direction: "column", mb: 32, spacing: 32, children: [
-      /* @__PURE__ */ o(O, { sx: { display: "flex", alignItems: "center", fontSize: 18 }, children: [
+      /* @__PURE__ */ o(k, { sx: { display: "flex", alignItems: "center", fontSize: 18 }, children: [
         /* @__PURE__ */ e(
-          _,
+          I,
           {
             bgcolor: i.palette.primary.lighter,
             borderRadius: 1,
@@ -771,9 +771,9 @@ const wt = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
         ),
         t.bullet_one
       ] }),
-      /* @__PURE__ */ o(O, { sx: { display: "flex", alignItems: "center", fontSize: 18 }, children: [
+      /* @__PURE__ */ o(k, { sx: { display: "flex", alignItems: "center", fontSize: 18 }, children: [
         /* @__PURE__ */ e(
-          _,
+          I,
           {
             bgcolor: i.palette.primary.lighter,
             borderRadius: 1,
@@ -787,9 +787,9 @@ const wt = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
         ),
         t.bullet_two
       ] }),
-      /* @__PURE__ */ o(O, { sx: { display: "flex", alignItems: "center", fontSize: 18 }, children: [
+      /* @__PURE__ */ o(k, { sx: { display: "flex", alignItems: "center", fontSize: 18 }, children: [
         /* @__PURE__ */ e(
-          _,
+          I,
           {
             bgcolor: i.palette.primary.lighter,
             borderRadius: 1,
@@ -809,17 +809,17 @@ const wt = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
       /* @__PURE__ */ e(W, { onClick: n, variant: "outlined", children: t.skip_button })
     ] })
   ] });
-}, Ot = A(Nt), Le = "https://content.moneydesktop.com/storage/MD_Assets/md/cashflow", je = {
+}, Nt = E(Ot), Le = "https://content.moneydesktop.com/storage/MD_Assets/md/cashflow", je = {
   CASHFLOW_ONBOARDING: `${Le}/cashflow-onboarding.png`,
   CASHFLOW_LOADING_ANIMATION: `${Le}/loading-animation.gif`
 }, kt = () => {
-  const { cashflow: a } = L();
+  const { cashflow: a } = O();
   return /* @__PURE__ */ o(p.Fragment, { children: [
     /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e("img", { alt: "Loading", src: je.CASHFLOW_LOADING_ANIMATION }) }),
-    /* @__PURE__ */ e(de, { pb: 12, children: a.loading_title }),
-    /* @__PURE__ */ e(O, { children: a.loading_description })
+    /* @__PURE__ */ e(me, { pb: 12, children: a.loading_title }),
+    /* @__PURE__ */ e(k, { children: a.loading_description })
   ] });
-}, Ht = A(kt), Ft = ot`
+}, Ht = E(kt), Ft = ot`
   from {
     transform: rotate(0deg);
   }
@@ -827,39 +827,39 @@ const wt = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
     transform: rotate(360deg);
   }
 `, Wt = () => {
-  const { addRepeatingTransaction: a, repeatingTransactions: n } = q(), { cashflow: t, common: i } = L(), { completeOnboarding: f } = me(), { isDirty: y } = K(), { isMobile: c } = ue(), { isCopyLoaded: b, setDisplayedDate: l } = Y(), { filter: r, setFilter: m, transactions: d } = He(), g = se(), [S, w] = J(!0), [E, T] = p.useState(ht.EveryMonth), [k, H] = p.useState(1), [u, N] = p.useState(15), [x, z] = J(!1), [X, ae] = J(1), [D, G] = J([]), [fe, le] = J(""), F = p.useMemo(
-    () => d.find((C) => C.guid === fe),
-    [fe, d]
+  const { addRepeatingTransaction: a, repeatingTransactions: n } = U(), { cashflow: t, common: i } = O(), { completeOnboarding: f } = ue(), { isDirty: C } = K(), { isMobile: c } = he(), { isCopyLoaded: x, setDisplayedDate: l } = Y(), { filter: r, setFilter: m, transactions: d } = He(), g = ce(), [w, S] = J(!0), [T, H] = p.useState(ht.EveryMonth), [F, N] = p.useState(1), [h, R] = p.useState(15), [b, P] = J(!1), [q, ae] = J(1), [v, de] = J([]), [ie, X] = J(""), _ = p.useMemo(
+    () => d.find((y) => y.guid === ie),
+    [ie, d]
   ), ze = !!n.filter(
-    (C) => C.repeating_transaction_type === Ie.Income
+    (y) => y.repeating_transaction_type === Ie.Income
   ).length, ge = async () => {
     ae(2), l(
       //  Beginning of the month, 90 days before today
       dt(Ge($(), 90)),
       $()
-    ), m({ ...r, custom: we }), ae(3);
+    ), m({ ...r, custom: Se }), ae(3);
   }, Be = async () => {
-    if (!(D.length < 1)) {
-      z(!0);
-      for (let C = 0; C < D.length; C++) {
-        const v = D[C], be = De(E, _e(v.date)), Pe = {
-          account_guid: v.account_guid,
-          amount: v.amount,
-          merchant_guid: v.merchant_guid,
-          description: v.feed_description || v.description,
+    if (!(v.length < 1)) {
+      P(!0);
+      for (let y = 0; y < v.length; y++) {
+        const A = v[y], be = De(T, _e(A.date)), Pe = {
+          account_guid: A.account_guid,
+          amount: A.amount,
+          merchant_guid: A.merchant_guid,
+          description: A.feed_description || A.description,
           predicted_occurs_on: lt(be, { representation: "date" }),
           recurrence_day: be.getDay(),
-          recurrence_type: E,
+          recurrence_type: T,
           repeating_transaction_type: Ie.Income,
-          transaction_type: v.transaction_type
+          transaction_type: A.transaction_type
         };
-        await a(Pe, v);
+        await a(Pe, A);
       }
       await f();
     }
-  }, Ue = !F && S || !F && D.length < 1;
-  return b ? /* @__PURE__ */ o(
-    _,
+  }, Ue = !_ && w || !_ && v.length < 1;
+  return x ? /* @__PURE__ */ o(
+    I,
     {
       sx: {
         display: "flex",
@@ -872,17 +872,17 @@ const wt = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
         py: 24
       },
       children: [
-        X === 1 && /* @__PURE__ */ e(
-          _,
+        q === 1 && /* @__PURE__ */ e(
+          I,
           {
             sx: {
               ...c ? { display: "flex", flexDirection: "column", maxWidth: "100%", padding: "0 16px" } : { maxWidth: 590, ml: "40%", mr: 90 }
             },
-            children: /* @__PURE__ */ e(Ot, { handleNextStep: ge })
+            children: /* @__PURE__ */ e(Nt, { handleNextStep: ge })
           }
         ),
-        X === 2 && /* @__PURE__ */ e(
-          _,
+        q === 2 && /* @__PURE__ */ e(
+          I,
           {
             sx: {
               ...c ? { display: "flex", flexDirection: "column", maxWidth: "100%", padding: "0 16px" } : { maxWidth: 590, ml: "40%", mr: 90 }
@@ -890,29 +890,29 @@ const wt = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
             children: /* @__PURE__ */ e(Ht, {})
           }
         ),
-        X === 3 && /* @__PURE__ */ o(
-          _,
+        q === 3 && /* @__PURE__ */ o(
+          I,
           {
             sx: {
               ...c ? { display: "flex", flexDirection: "column", maxWidth: "100%", padding: "0 16px" } : { maxWidth: 590, ml: "40%", mr: 90 }
             },
             children: [
-              /* @__PURE__ */ e(de, { pb: 12, children: t.add_income_title }),
-              /* @__PURE__ */ e(O, { mb: 24, children: t.add_income_description }),
-              D.length > 0 && !F && /* @__PURE__ */ o(P, { children: [
-                /* @__PURE__ */ e(ee, { children: D.map((C, v) => /* @__PURE__ */ o(p.Fragment, { children: [
+              /* @__PURE__ */ e(me, { pb: 12, children: t.add_income_title }),
+              /* @__PURE__ */ e(k, { mb: 24, children: t.add_income_description }),
+              v.length > 0 && !_ && /* @__PURE__ */ o(B, { children: [
+                /* @__PURE__ */ e(ee, { children: v.map((y, A) => /* @__PURE__ */ o(p.Fragment, { children: [
                   /* @__PURE__ */ e(mt, { bgcolor: "background.paper", children: pt(
-                    U(C.nextDate || C.date)
+                    z(y.nextDate || y.date)
                   ) }),
-                  /* @__PURE__ */ e(ut, { transaction: C }),
-                  v !== D.length - 1 && /* @__PURE__ */ e(I, {})
-                ] }, C.guid)) }),
+                  /* @__PURE__ */ e(ut, { transaction: y }),
+                  A !== v.length - 1 && /* @__PURE__ */ e(D, {})
+                ] }, y.guid)) }),
                 /* @__PURE__ */ o(s, { alignItems: "center", direction: "row", children: [
-                  /* @__PURE__ */ e(I, { sx: { flexGrow: 1 } }),
+                  /* @__PURE__ */ e(D, { sx: { flexGrow: 1 } }),
                   /* @__PURE__ */ e(
                     W,
                     {
-                      onClick: () => w(!0),
+                      onClick: () => S(!0),
                       startIcon: /* @__PURE__ */ e(M, { name: "add", size: 20 }),
                       children: t.add_income
                     }
@@ -923,42 +923,42 @@ const wt = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
                 rt,
                 {
                   bgcolor: "background.paper",
-                  onSearch: (C) => m({
+                  onSearch: (y) => m({
                     ...r,
-                    custom: (v) => C ? st(v, C) : we(v)
+                    custom: (A) => y ? st(A, y) : Se(A)
                   }),
-                  onSelected: (C) => {
-                    le(C), w(!1);
+                  onSelected: (y) => {
+                    X(y), S(!1);
                   }
                 }
               ),
-              !ze && y && /* @__PURE__ */ e(O, { color: "error", mt: 16, children: t.confirm_error }),
-              F && /* @__PURE__ */ o(P, { children: [
+              !ze && C && /* @__PURE__ */ e(k, { color: "error", mt: 16, children: t.confirm_error }),
+              _ && /* @__PURE__ */ o(B, { children: [
                 /* @__PURE__ */ e(
                   ct,
                   {
                     bgcolor: "background.paper",
-                    firstDay: k,
-                    frequency: E,
-                    onFirstDayChange: H,
-                    onFrequencyChange: T,
-                    onSecondDayChange: N,
-                    secondDay: u,
-                    transaction: F
+                    firstDay: F,
+                    frequency: T,
+                    onFirstDayChange: N,
+                    onFrequencyChange: H,
+                    onSecondDayChange: R,
+                    secondDay: h,
+                    transaction: _
                   }
                 ),
                 /* @__PURE__ */ o(s, { direction: "row", gap: 16, ml: 24, mt: 32, children: [
                   /* @__PURE__ */ e(
                     W,
                     {
-                      "aria-disabled": !F,
+                      "aria-disabled": !_,
                       onClick: () => {
-                        const C = [...D];
-                        C.push({
-                          ...F,
-                          nextDate: De(E, _e(F.date)),
-                          frequency: E
-                        }), G(C), le("");
+                        const y = [...v];
+                        y.push({
+                          ..._,
+                          nextDate: De(T, _e(_.date)),
+                          frequency: T
+                        }), de(y), X("");
                       },
                       variant: "contained",
                       children: i.confirm_button
@@ -968,7 +968,7 @@ const wt = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
                     W,
                     {
                       onClick: () => {
-                        le(""), w(!0), ge().finally();
+                        X(""), S(!0), ge().finally();
                       },
                       variant: "outlined",
                       children: i.cancel_button
@@ -976,13 +976,13 @@ const wt = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
                   )
                 ] })
               ] }),
-              D.length > 0 && !F && /* @__PURE__ */ o(s, { direction: "row", gap: 16, ml: 24, mt: 32, children: [
+              v.length > 0 && !_ && /* @__PURE__ */ o(s, { direction: "row", gap: 16, ml: 24, mt: 32, children: [
                 /* @__PURE__ */ e(
                   W,
                   {
-                    "aria-disabled": D.length < 1 || x,
+                    "aria-disabled": v.length < 1 || b,
                     onClick: Be,
-                    startIcon: x ? /* @__PURE__ */ e(
+                    startIcon: b ? /* @__PURE__ */ e(
                       M,
                       {
                         name: "progress_activity",
@@ -1003,41 +1003,51 @@ const wt = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
       ]
     }
   ) : /* @__PURE__ */ e(te, {});
-}, $t = A(Wt), Mt = ({ onBackClick: a, sx: n = {} }) => {
+}, $t = E(Wt), Mt = ({ onBackClick: a, sx: n = {} }) => {
   const {
     selectedAccounts: t,
     selectedAccountGuids: i,
     setSelectedAccounts: f,
-    shouldDisableNextDate: y,
+    shouldDisableNextDate: C,
     shouldDisablePrevDate: c
-  } = Y(), { onEvent: b } = Oe(), { clientConfig: l } = Qe(), { visibleCashAccounts: r } = Ne(), { setFilter: m } = He(), { userProfile: d } = ke(), { dateRange: g, setSelectedCashAccounts: S } = K(), { loadRepeatingTransactions: w, setDateRange: E } = q(), { cashflow: T, recurring: k } = L(), { isCopyLoaded: H, isInitialized: u } = Y(), x = l?.master?.deep_link_params?.view === "manage_income", [z, X] = p.useState(x);
-  return p.useEffect(() => {
-    u && (E(g), w().finally());
-  }, [u]), p.useEffect(() => {
+  } = Y(), { onEvent: x } = Ne(), { clientConfig: l } = Qe(), { visibleCashAccounts: r } = Oe(), { setFilter: m } = He(), { userProfile: d } = ke(), { dateRange: g, setSelectedCashAccounts: w } = K(), { loadRepeatingTransactions: S, income: T, isDataLoaded: H, setDateRange: F } = U(), { cashflow: N, recurring: h } = O(), { isCopyLoaded: R, isInitialized: b } = Y(), q = l?.master?.deep_link_params?.view === "manage_income", [ae, v] = p.useState(q);
+  p.useEffect(() => {
+    b && (F(g), S().finally());
+  }, [b]), p.useEffect(() => {
     f(r);
   }, [r]), p.useEffect(() => {
-    const ae = r.map((G) => G.guid), D = t.filter(
-      (G) => i.includes(G.guid) && ae.includes(G.guid)
+    const ie = r.map((_) => _.guid), X = t.filter(
+      (_) => i.includes(_.guid) && ie.includes(_.guid)
     );
-    S(D), m({
+    w(X), m({
       dateRange: { start: Ge($(), 90), end: ft() },
-      accounts: D.map((G) => G.guid)
+      accounts: X.map((_) => _.guid)
     });
-  }, [r, t]), !H || !u ? /* @__PURE__ */ e(te, {}) : d?.has_completed_cash_flow_onboarding ? /* @__PURE__ */ o(
+  }, [r, t]);
+  const de = H && !d?.has_completed_cash_flow_onboarding && !T.length;
+  return !R || !b ? /* @__PURE__ */ e(te, {}) : de ? /* @__PURE__ */ e(
+    ve,
+    {
+      onBackClick: a,
+      sx: { height: "100%", overflow: "auto" },
+      title: N.title,
+      children: /* @__PURE__ */ e($t, {})
+    }
+  ) : /* @__PURE__ */ o(
     ve,
     {
       accountOptions: r,
       actions: [
         {
-          label: k.action_title,
+          label: h.action_title,
           iconName: "credit_card_gear",
           onClick: () => {
-            X(!0), b(Ae.CASH_FLOW_CLICK_SETTINGS);
+            v(!0), x(Ae.CASH_FLOW_CLICK_SETTINGS);
           }
         }
       ],
       calendarActions: {
-        shouldDisableNext: y,
+        shouldDisableNext: C,
         shouldDisablePrevious: c,
         shouldDisablePicker: !0,
         onRangeChanged: () => {
@@ -1045,54 +1055,46 @@ const wt = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
       },
       dateRange: g,
       dateRangeVariant: "readonly",
-      onAccountsFilterClick: () => b(Ae.CASH_FLOW_CLICK_FILTER),
+      onAccountsFilterClick: () => x(Ae.CASH_FLOW_CLICK_FILTER),
       onBackClick: a,
       sx: n,
-      title: T.title,
+      title: N.title,
       children: [
         /* @__PURE__ */ e(Lt, {}),
         /* @__PURE__ */ e(Tt, {}),
         /* @__PURE__ */ e(
           Me,
           {
-            ariaLabelClose: T.close_settings_aria,
-            isOpen: z,
-            onClose: () => X(!1),
+            ariaLabelClose: N.close_settings_aria,
+            isOpen: ae,
+            onClose: () => v(!1),
             shouldShowHeaderBorders: !1,
-            title: k.action_title,
-            children: /* @__PURE__ */ e(Je, { defaultSelectedTab: x ? 1 : 0 })
+            title: h.action_title,
+            children: /* @__PURE__ */ e(Je, { defaultSelectedTab: q ? 1 : 0 })
           }
         )
       ]
     }
-  ) : /* @__PURE__ */ e(
-    ve,
-    {
-      onBackClick: a,
-      sx: { height: "100%", overflow: "auto" },
-      title: T.title,
-      children: /* @__PURE__ */ e($t, {})
-    }
   );
-}, Fn = A(Mt);
+}, Fn = E(Mt);
 class Wn {
   fetchInstance;
   constructor(n, t, i) {
     this.fetchInstance = new gt(n, t, void 0, i);
   }
-  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);
+  addCashflowEvent = async (n) => this.fetchInstance.post(j.CASHFLOW_EVENTS, { ...n }).then((t) => t);
+  addCashflowSequence = async (n) => this.fetchInstance.post(j.CASHFLOW_SEQUENCES, { ...n }).then((t) => t.cashflow_sequence);
+  getCashflowSequences = async () => this.fetchInstance.get(j.CASHFLOW_SEQUENCES).then((n) => n.cashflow_sequences);
   getCashflowEventsByDateRange = async (n, t) => this.fetchInstance.get(
-    `${B.CASHFLOW_EVENTS}/from/${U(n)}/to/${U(t)}`
+    `${j.CASHFLOW_EVENTS}/from/${z(n)}/to/${z(t)}`
   ).then((i) => i.cashflow_events);
-  deleteCashflowSequence = async (n) => this.fetchInstance.delete(`${B.CASHFLOW_SEQUENCES}/${n}`).then((t) => t);
+  deleteCashflowSequence = async (n) => this.fetchInstance.delete(`${j.CASHFLOW_SEQUENCES}/${n}`).then((t) => t);
   getProjectedCashflowEvents = async (n, t) => this.fetchInstance.get(
-    `${B.CASHFLOW_SEQUENCES}/projected_events/from/${U(
+    `${j.CASHFLOW_SEQUENCES}/projected_events/from/${z(
       n
-    )}/to/${U(t)}`
+    )}/to/${z(t)}`
   ).then((i) => i.cashflow_events);
-  updateCashflowSequence = async (n) => this.fetchInstance.put(`${B.CASHFLOW_SEQUENCES}/${n.guid}`, n).then((t) => t.cashflow_sequence);
+  updateCashflowSequence = async (n) => this.fetchInstance.put(`${j.CASHFLOW_SEQUENCES}/${n.guid}`, n).then((t) => t.cashflow_sequence);
 }
 export {
   Wn as CashflowApi,