@mx-cartographer/experiences 7.2.1 → 7.2.3

package/dist/cashflow/index.es.js

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