@mx-cartographer/experiences 8.0.0-alpha.sms2 → 9.0.0-alpha.mega1

package/dist/cashflow/index.es.js

@@ -1,59 +1,61 @@
-import { jsxs as o, Fragment as U, jsx as e } from "react/jsx-runtime";
-import f, { useState as J } from "react";
+import { jsxs as o, Fragment as B, jsx as e } from "react/jsx-runtime";
+import p, { useState as Y } from "react";
 import { observer as T } from "mobx-react-lite";
-import { addMonths as Pe } from "date-fns/addMonths";
+import { addMonths as Xe } 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 s from "@mui/material/Stack";
 import se from "@mui/material/styles/useTheme";
-import { Text as h, P as N, Icon as j, InstitutionLogo as xe, H1 as de, H2 as qe } from "@mxenabled/mxui";
-import { G as Xe, v as me, u as k, q as ce, d as Le, b as q, j as P, g as ke, n as Ye, a as Qe, h as Ne, p as Ve } from "../hooks-C41HAxM5.mjs";
-import { C as L } from "../CurrencyText-Dr0EZ7bp.mjs";
+import { Text as m, P as N, Icon as $, InstitutionLogo as Ce, H2 as de, H3 as Ve } from "@mxenabled/mxui";
+import { G as Ye, t as me, u as L, p as ce, d as Ne, b as P, j as U, g as ke, a as Qe, h as He, o as Ke } from "../hooks-fY_n74f7.mjs";
+import { C as R } from "../CurrencyText-C-85TnUF.mjs";
 import { u as ue } from "../useScreenSize-B6JyS_Lj.mjs";
-import { L as te } from "../Loader-BSWSYqvn.mjs";
+import { L as Z } from "../Loader-BSWSYqvn.mjs";
 import { I as he } from "../CashflowStore-naOtJcwo.mjs";
-import { C as zn } from "../CashflowStore-naOtJcwo.mjs";
-import { b as $ } from "../Localization-2MODESHW.mjs";
-import { M as Ke } from "../MiniWidgetContainer-D7MkHG15.mjs";
-import { E as Je } from "../EmptyState-DoxNUae-.mjs";
-import { R as Ze } from "../RecurringSettings-RfZ8Wuhh.mjs";
-import et from "@mui/material/Tabs";
+import { C as Pn } from "../CashflowStore-naOtJcwo.mjs";
+import { b as G } from "../Localization-2MODESHW.mjs";
+import { u as Oe } from "../useWidgetLoadTimer-CrUzxN-P.mjs";
+import { M as Je } from "../MiniWidgetContainer-DKn7ndO6.mjs";
+import { E as Ze } from "../EmptyState-DoxNUae-.mjs";
+import { R as et } from "../RecurringSettings-BpCUcE8w.mjs";
+import tt from "@mui/material/Tabs";
 import ye from "@mui/material/Tab";
-import { getUnixTime as B } from "date-fns/getUnixTime";
-import ee from "@mui/material/List";
-import ne from "@mui/material/ListItem";
-import { A as tt } from "../AccountListItem-DxmAs98Z.mjs";
-import { f as X, a as Y } from "../Dialog-CDV0kKxj.mjs";
-import nt from "@mui/material/ListSubheader";
-import { f as Z } from "../NumberFormatting-DjTD0t3W.mjs";
-import { isAfter as Oe } from "date-fns/isAfter";
-import { isBefore as He } from "date-fns/isBefore";
-import { isToday as Fe } from "date-fns/isToday";
-import { addDays as Ce } 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 Se } from "../TabContentContainer-CnMXkVqr.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-D_qVX5dN.mjs";
-import { D as We } from "../Drawer-Dqe5EqvA.mjs";
-import { subDays as Me } from "date-fns/subDays";
-import { endOfToday as dt } from "date-fns/endOfToday";
-import { W as mt, A as we } from "../WidgetContainer-B1Jzb4XA.mjs";
-import { formatISO as ut } from "date-fns/formatISO";
-import { fromUnixTime as Ie } from "date-fns/fromUnixTime";
-import { startOfMonth as ht } from "date-fns/startOfMonth";
-import { S as pt, c as ft } from "../TransactionDetails-Duv1X9ec.mjs";
-import { F as gt, R as De, e as ve } from "../RecurringTransactions-Bhx56aA3.mjs";
-import { h as bt } from "../DateUtil-CDPZw_-m.mjs";
-import { F as xt, A as z } from "../Fetch-DecPFeGU.mjs";
-const Q = () => {
-  if (!f.useContext(Xe))
+import { getUnixTime as z } from "date-fns/getUnixTime";
+import J from "@mui/material/List";
+import ee from "@mui/material/ListItem";
+import { A as nt } from "../AccountListItem-Ds5C0mOT.mjs";
+import { f as q, D as X } from "../Dialog-CWymUiuO.mjs";
+import ot from "@mui/material/ListSubheader";
+import { f as K } from "../NumberFormatting-DjTD0t3W.mjs";
+import { isAfter as Fe } from "date-fns/isAfter";
+import { isBefore as We } from "date-fns/isBefore";
+import { isToday as Ge } from "date-fns/isToday";
+import { addDays as Se } from "date-fns/addDays";
+import { alpha as at, keyframes as it } from "@mui/material/styles";
+import { DataGridPro as rt } from "@mui/x-data-grid-pro";
+import { T as we } from "../TabContentContainer-CnMXkVqr.mjs";
+import M from "@mui/material/Button";
+import { M as st, S as ct, i as lt, d as _e, c as dt } from "../ManageIncome-DIIyqDTp.mjs";
+import { D as Me } from "../Drawer-Bet2ZPJo.mjs";
+import { subDays as $e } from "date-fns/subDays";
+import { endOfToday as mt } from "date-fns/endOfToday";
+import { W as ut, A as Ie } from "../WidgetContainer-mzejMmz2.mjs";
+import { A as Q } from "../Account-CMjOp7S2.mjs";
+import { formatISO as ht } from "date-fns/formatISO";
+import { fromUnixTime as De } from "date-fns/fromUnixTime";
+import { startOfMonth as pt } from "date-fns/startOfMonth";
+import { S as ft, b as gt } from "../TransactionDetails-CPwv9xtZ.mjs";
+import { F as bt, R as ve, e as Ae } from "../RepeatingTransaction-C2txVA9O.mjs";
+import { h as xt } from "../DateUtil-CVsMhbZU.mjs";
+import { F as Ct, A as j } from "../Fetch-DecPFeGU.mjs";
+const V = () => {
+  if (!p.useContext(Ye))
     throw new Error("useCashflowUiStore() must be used within the GlobalDataContext");
   return me().uiStore;
 }, yt = ({ remaining: a }) => {
-  const { cashflow: n } = k();
-  return /* @__PURE__ */ o(U, { children: [
+  const { cashflow: n } = L();
+  return /* @__PURE__ */ o(B, { children: [
     /* @__PURE__ */ e(
       D,
       {
@@ -65,38 +67,36 @@ const Q = () => {
         }
       }
     ),
-    /* @__PURE__ */ e(h, { bold: !0, sx: { flexGrow: 1, fontSize: 12 }, children: n.remaining_cash }),
-    /* @__PURE__ */ e(L, { amount: a, bold: !0, sx: { fontSize: 12 } })
+    /* @__PURE__ */ e(m, { bold: !0, sx: { flexGrow: 1, fontSize: 12 }, children: n.remaining_cash }),
+    /* @__PURE__ */ e(R, { amount: a, bold: !0, sx: { fontSize: 12 } })
   ] });
-}, pe = T(yt), Ct = () => {
-  const a = se(), { availableWidth: n } = ce(), { isMobile: t } = ue(), { visibleCashAccounts: i, visibleCashBalance: g } = Le(), { selectedAccounts: x, selectedAccountGuids: u, setSelectedAccounts: c } = q(), { cashflow: m } = k(), {
-    daysUntilNextIncome: r,
-    expensesTilNextIncome: l,
-    selectedCashAccounts: d,
-    setNextIncome: b,
-    setSelectedCashAccounts: C,
-    setUpcomingExpenses: _
-  } = Q(), { isDataLoaded: O, nextIncomeRecurrence: A, upcomingExpenses: H } = P();
-  f.useEffect(() => {
-    c(i);
-  }, [i]), f.useEffect(() => {
-    C(
-      i.filter((I) => u.includes(I.guid))
+}, pe = T(yt), St = () => {
+  const a = se(), { availableWidth: n } = ce(), { isMobile: t } = ue(), { visibleCashAccounts: i, visibleCashBalance: f } = Ne(), { selectedAccountGuids: u } = P(), { cashflow: c } = L(), {
+    daysUntilNextIncome: l,
+    expensesTilNextIncome: g,
+    selectedCashAccounts: r,
+    setNextIncome: h,
+    setSelectedCashAccounts: d,
+    setUpcomingExpenses: x
+  } = V(), { isDataLoaded: S, nextIncomeRecurrence: w, upcomingExpenses: A } = U();
+  p.useEffect(() => {
+    d(
+      i.filter((C) => u.includes(C.guid))
     );
-  }, [i, x]), f.useEffect(() => {
-    A && b(A), _(H);
-  }, [A, H]);
-  const p = f.useMemo(
-    () => i.filter((I) => u.includes(I.guid)).reduce((I, M) => I + (M?.balance || 0), 0),
-    [u, H]
-  ), w = f.useMemo(
-    () => l.filter((I) => u.includes(I.accountGuid || "")).reduce((I, M) => I + M.amount, 0),
-    [u, l]
-  ), R = f.useMemo(
-    () => p - w,
-    [p, w]
+  }, [i, u]), p.useEffect(() => {
+    w && h(w), x(A);
+  }, [w, A]);
+  const _ = p.useMemo(
+    () => i.filter((C) => u.includes(C.guid)).reduce((C, I) => C + (I?.balance || 0), 0),
+    [u, A]
+  ), k = p.useMemo(
+    () => g.filter((C) => u.includes(C.accountGuid || "")).reduce((C, I) => C + I.amount, 0),
+    [u, g]
+  ), b = p.useMemo(
+    () => _ - k,
+    [_, k]
   );
-  return O ? /* @__PURE__ */ e(D, { className: "mx-cashflow", pl: 16, pr: 16, pt: 16, children: n > 710 ? /* @__PURE__ */ o(
+  return S ? /* @__PURE__ */ e(D, { className: "mx-cashflow", pl: 16, pr: 16, pt: 16, children: n > 710 ? /* @__PURE__ */ o(
     s,
     {
       border: `1px solid ${a.palette.border.light}`,
@@ -106,43 +106,43 @@ const Q = () => {
       px: 24,
       children: [
         /* @__PURE__ */ o(s, { pb: 14, pt: 12, children: [
-          /* @__PURE__ */ e(L, { amount: p, variant: "H2" }),
-          /* @__PURE__ */ e(N, { variant: "XSmall", whiteSpace: "nowrap", children: $(
-            m.total_cash_accounts,
-            d.length
+          /* @__PURE__ */ e(R, { amount: _, variant: "H2" }),
+          /* @__PURE__ */ e(N, { variant: "XSmall", whiteSpace: "nowrap", children: G(
+            c.total_cash_accounts,
+            r.length
           ) })
         ] }),
-        /* @__PURE__ */ e(s, { pt: 18, children: /* @__PURE__ */ e(j, { name: "remove" }) }),
+        /* @__PURE__ */ e(s, { pt: 18, children: /* @__PURE__ */ e($, { name: "remove" }) }),
         /* @__PURE__ */ o(s, { pb: 14, pt: 12, children: [
-          /* @__PURE__ */ e(L, { amount: w, variant: "H2" }),
-          /* @__PURE__ */ e(N, { variant: "XSmall", whiteSpace: "nowrap", children: $(m.expenses_due, l.length) })
+          /* @__PURE__ */ e(R, { amount: k, variant: "H2" }),
+          /* @__PURE__ */ e(N, { variant: "XSmall", whiteSpace: "nowrap", children: G(c.expenses_due, g.length) })
         ] }),
-        /* @__PURE__ */ e(s, { pt: 18, children: /* @__PURE__ */ e(j, { name: "equal" }) }),
+        /* @__PURE__ */ e(s, { pt: 18, children: /* @__PURE__ */ e($, { name: "equal" }) }),
         /* @__PURE__ */ o(s, { pb: 14, pr: 24, pt: 12, children: [
-          /* @__PURE__ */ e(L, { amount: R, variant: "H2" }),
+          /* @__PURE__ */ e(R, { amount: b, variant: "H2" }),
           /* @__PURE__ */ o(s, { alignItems: "center", direction: "row", gap: 8, children: [
-            /* @__PURE__ */ e(N, { variant: "XSmall", whiteSpace: "nowrap", children: m.available_to_spend }),
-            /* @__PURE__ */ e(he, { body: m.tooltip_body, title: m.tooltip_title })
+            /* @__PURE__ */ e(N, { variant: "XSmall", whiteSpace: "nowrap", children: c.available_to_spend }),
+            /* @__PURE__ */ e(he, { 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(U, { children: [
-          /* @__PURE__ */ e(h, { variant: "H2", children: $(m.days, r) }),
-          /* @__PURE__ */ e(N, { variant: "XSmall", whiteSpace: "nowrap", children: m.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(m, { variant: "H2", children: G(c.days, l) }),
+          /* @__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(h, { variant: "Small", children: $(
-        m.total_cash_accounts,
-        d.length
+      /* @__PURE__ */ e(m, { variant: "Small", children: G(
+        c.total_cash_accounts,
+        r.length
       ) }),
-      /* @__PURE__ */ e(L, { amount: g, bold: !0, variant: "XSmall" })
+      /* @__PURE__ */ e(R, { amount: f, bold: !0, variant: "XSmall" })
     ] }),
     /* @__PURE__ */ e(v, {}),
     /* @__PURE__ */ o(s, { direction: "row", justifyContent: "space-between", p: 16, children: [
-      /* @__PURE__ */ e(h, { variant: "Small", children: $(m.expenses_due, l.length) }),
-      /* @__PURE__ */ e(L, { amount: w, bold: !0, symbol: "-", variant: "XSmall" })
+      /* @__PURE__ */ e(m, { variant: "Small", children: G(c.expenses_due, g.length) }),
+      /* @__PURE__ */ e(R, { amount: k, bold: !0, symbol: "-", variant: "XSmall" })
     ] }),
     /* @__PURE__ */ e(v, {}),
     /* @__PURE__ */ e(
@@ -156,38 +156,41 @@ const Q = () => {
         justifyContent: "space-between",
         px: 16,
         sx: { borderBottomLeftRadius: 4, borderBottomRightRadius: 4 },
-        children: /* @__PURE__ */ e(pe, { remaining: R })
+        children: /* @__PURE__ */ e(pe, { remaining: b })
       }
     ),
     /* @__PURE__ */ e(v, {}),
     /* @__PURE__ */ o(s, { direction: "row", justifyContent: "space-between", p: 16, children: [
-      /* @__PURE__ */ e(h, { variant: "Small", children: m.next_paycheck }),
-      /* @__PURE__ */ e(h, { bold: !0, variant: "XSmall", children: $(m.days, r) })
+      /* @__PURE__ */ e(m, { variant: "Small", children: c.next_paycheck }),
+      /* @__PURE__ */ e(m, { bold: !0, variant: "XSmall", children: G(c.days, l) })
     ] })
-  ] }) }) : /* @__PURE__ */ e(te, { height: t ? 210 : 120 });
-}, St = T(Ct), _t = ({
+  ] }) }) : /* @__PURE__ */ e(Z, { height: t ? 210 : 120 });
+}, wt = T(St), _t = ({
   onPrimaryCtaClick: a,
   onSecondaryCtaClick: n,
   sx: t = {}
 }) => {
-  const { cashflow: i } = k(), { isInitialized: g } = q(), { loadRepeatingTransactionData: x, income: u, isDataLoaded: c, setDateRange: m } = P();
-  f.useEffect(() => {
-    m({ start: W(), end: Pe(W(), 1) }), c || x().finally();
-  }, []);
-  const r = c && !u.length;
-  return g ? /* @__PURE__ */ o(
-    Ke,
+  const { cashflow: i } = L(), { isInitialized: f } = P(), { loadRepeatingTransactionData: u, income: c, isDataLoaded: l, setDateRange: g } = U();
+  p.useEffect(() => {
+    g({ start: W(), end: Xe(W(), 1) }), l || u().finally();
+  }, []), Oe({
+    widgetName: "CashflowMiniWidget",
+    isLoaded: l
+  });
+  const r = l && !c.length;
+  return f ? /* @__PURE__ */ o(
+    Je,
     {
       className: "mx-exp-cashflow-miniwidget",
       onPrimaryCtaClick: a,
       primaryCtaLabel: i.primary_cta,
-      subTitle: r || !c ? void 0 : i.sub_title,
+      subTitle: r || !l ? void 0 : i.sub_title,
       sx: { height: "100%", ...t },
       title: i.title,
       children: [
-        !c && /* @__PURE__ */ e(te, {}),
-        c && (r ? /* @__PURE__ */ e(
-          Je,
+        !l && /* @__PURE__ */ e(Z, {}),
+        l && (r ? /* @__PURE__ */ e(
+          Ze,
           {
             header: i.create,
             icon: "local_atm",
@@ -196,12 +199,12 @@ const Q = () => {
             primaryButtonStartIcon: "add",
             subText: i.create_description
           }
-        ) : /* @__PURE__ */ e(St, {}))
+        ) : /* @__PURE__ */ e(wt, {}))
       ]
     }
-  ) : /* @__PURE__ */ e(te, {});
-}, Fn = T(_t), wt = ({ remaining: a }) => /* @__PURE__ */ e(
-  ne,
+  ) : /* @__PURE__ */ e(Z, {});
+}, Mn = T(_t), It = ({ remaining: a }) => /* @__PURE__ */ e(
+  ee,
   {
     sx: {
       alignItems: "center",
@@ -216,16 +219,16 @@ const Q = () => {
     children: /* @__PURE__ */ e(pe, { remaining: a })
   }
 );
-var oe = /* @__PURE__ */ ((a) => (a.EXPENSE = "expense", a.INCOME = "income", a))(oe || {});
-const It = ({ recurrence: a }) => /* @__PURE__ */ o(U, { children: [
-  /* @__PURE__ */ o(ne, { sx: { display: "flex", alignItems: "center", gap: 16, px: 24, py: 12 }, children: [
+var te = /* @__PURE__ */ ((a) => (a.EXPENSE = "expense", a.INCOME = "income", a))(te || {});
+const Dt = ({ recurrence: a }) => /* @__PURE__ */ o(B, { children: [
+  /* @__PURE__ */ o(ee, { 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: X(a.expectedDate, Y.MONTH) }),
-      /* @__PURE__ */ e(h, { bold: !0, sx: { fontSize: 11 }, children: X(a.expectedDate, Y.DAY) })
+      /* @__PURE__ */ e(m, { bold: !0, sx: { fontSize: 11 }, children: q(a.expectedDate, X.MONTH) }),
+      /* @__PURE__ */ e(m, { bold: !0, sx: { fontSize: 11 }, children: q(a.expectedDate, X.DAY) })
     ] }),
-    /* @__PURE__ */ e(h, { sx: { flexGrow: 1, fontSize: 13 }, children: a.name }),
+    /* @__PURE__ */ e(m, { sx: { flexGrow: 1, fontSize: 13 }, children: a.name }),
     /* @__PURE__ */ e(
-      L,
+      R,
       {
         amount: a.amount,
         bold: !0,
@@ -234,11 +237,11 @@ const It = ({ recurrence: a }) => /* @__PURE__ */ o(U, { children: [
     )
   ] }),
   /* @__PURE__ */ e(v, {})
-] }), Ae = T(It), Dt = ({ total: a, type: n }) => {
-  const { cashflow: t } = k();
-  return /* @__PURE__ */ o(U, { children: [
+] }), Ee = T(Dt), vt = ({ total: a, type: n }) => {
+  const { cashflow: t } = L();
+  return /* @__PURE__ */ o(B, { children: [
     /* @__PURE__ */ o(
-      nt,
+      ot,
       {
         sx: {
           alignItems: "center",
@@ -250,40 +253,40 @@ const It = ({ recurrence: a }) => /* @__PURE__ */ o(U, { 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: [
-            n === oe.EXPENSE ? "-" : "+",
-            Z(a, "0,0.00")
+          /* @__PURE__ */ e(m, { bold: !0, sx: { fontSize: 12 }, children: n === te.EXPENSE ? t.expenses : t.income }),
+          /* @__PURE__ */ o(m, { bold: !0, sx: { fontSize: 13 }, children: [
+            n === te.EXPENSE ? "-" : "+",
+            K(a, "0,0.00")
           ] })
         ]
       }
     ),
     /* @__PURE__ */ e(v, {})
   ] });
-}, Ee = T(Dt), re = (a, n) => (t) => t.accountGuid === a.guid && (Fe(t.expectedDate) || Oe(t.expectedDate, n.start)) && He(t.expectedDate, n.end), vt = () => {
-  const { availableWidth: a } = ce(), { cashflow: n } = k(), { upcomingExpenses: t, upcomingIncome: i } = P(), { dateRange: g, selectedCashAccounts: x } = Q();
+}, Te = T(vt), re = (a, n) => (t) => t.accountGuid === a.guid && (Ge(t.expectedDate) || Fe(t.expectedDate, n.start)) && We(t.expectedDate, n.end), At = () => {
+  const { availableWidth: a } = ce(), { cashflow: n } = L(), { upcomingExpenses: t, upcomingIncome: i } = U(), { dateRange: f, selectedCashAccounts: u } = V();
   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: [
-        X(g.start, Y.FULL_MONTH_DAY),
+      /* @__PURE__ */ e(m, { bold: !0, sx: { fontSize: 15, mb: 12, whiteSpace: "normal" }, children: n.accounts_breakdown }),
+      /* @__PURE__ */ o(m, { bold: !0, sx: { fontSize: 15, mb: 12, whiteSpace: "normal" }, children: [
+        q(f.start, X.FULL_MONTH_DAY),
         " -",
         " ",
-        X(g.end, Y.FULL_MONTH_DAY)
+        q(f.end, X.FULL_MONTH_DAY)
       ] })
     ] }),
-    /* @__PURE__ */ e(s, { children: x.map((u) => {
-      const c = i.filter(re(u, g)).sort((d, b) => B(d.expectedDate) - B(b.expectedDate)), m = t.filter(
-        re(u, g)
-      ), r = c.reduce(
-        (d, b) => d + b.amount,
+    /* @__PURE__ */ e(s, { children: u.map((c) => {
+      const l = i.filter(re(c, f)).sort((d, x) => z(d.expectedDate) - z(x.expectedDate)), g = t.filter(
+        re(c, f)
+      ), r = l.reduce(
+        (d, x) => d + x.amount,
         0
-      ), l = m.reduce(
-        (d, b) => d + b.amount,
+      ), h = g.reduce(
+        (d, x) => d + x.amount,
         0
       );
       return /* @__PURE__ */ o(
-        ee,
+        J,
         {
           sx: {
             border: "1px solid",
@@ -293,9 +296,9 @@ const It = ({ recurrence: a }) => /* @__PURE__ */ o(U, { children: [
           },
           children: [
             /* @__PURE__ */ e(
-              tt,
+              nt,
               {
-                account: u,
+                account: c,
                 listItemProps: {
                   disableGutters: !1,
                   disablePadding: !1,
@@ -304,52 +307,52 @@ const It = ({ recurrence: a }) => /* @__PURE__ */ o(U, { children: [
               }
             ),
             /* @__PURE__ */ e(v, {}),
-            c.length > 0 && /* @__PURE__ */ e(ne, { children: /* @__PURE__ */ e(
-              ee,
+            l.length > 0 && /* @__PURE__ */ e(ee, { children: /* @__PURE__ */ e(
+              J,
               {
-                subheader: /* @__PURE__ */ e(Ee, { total: r, type: oe.INCOME }),
+                subheader: /* @__PURE__ */ e(Te, { total: r, type: te.INCOME }),
                 sx: { width: "100%" },
-                children: c.map((d) => /* @__PURE__ */ e(Ae, { recurrence: d }, d.repeatingTransactionGuid))
+                children: l.map((d) => /* @__PURE__ */ e(Ee, { recurrence: d }, d.repeatingTransactionGuid))
               }
             ) }),
-            m.length > 0 && /* @__PURE__ */ e(ne, { children: /* @__PURE__ */ e(
-              ee,
+            g.length > 0 && /* @__PURE__ */ e(ee, { children: /* @__PURE__ */ e(
+              J,
               {
-                subheader: /* @__PURE__ */ e(Ee, { total: l, type: oe.EXPENSE }),
+                subheader: /* @__PURE__ */ e(Te, { total: h, type: te.EXPENSE }),
                 sx: { width: "100%" },
-                children: m.map((d) => /* @__PURE__ */ e(Ae, { recurrence: d }, d.repeatingTransactionGuid))
+                children: g.map((d) => /* @__PURE__ */ e(Ee, { recurrence: d }, d.repeatingTransactionGuid))
               }
             ) }),
             /* @__PURE__ */ e(
-              wt,
+              It,
               {
-                remaining: (u.available_balance || u.balance || 0) + r - l
+                remaining: (c.available_balance || c.balance || 0) + r - h
               }
             )
           ]
         },
-        u.guid
+        c.guid
       );
     }) })
   ] });
-}, At = T(vt), Et = () => {
-  const { availableWidth: a } = ce(), n = se(), { cashflow: t } = k(), { upcomingExpenses: i, upcomingIncome: g } = P(), { dateRange: x, selectedCashAccounts: u } = Q(), c = [
+}, Et = T(At), Tt = () => {
+  const { availableWidth: a } = ce(), n = se(), { cashflow: t } = L(), { upcomingExpenses: i, upcomingIncome: f } = U(), { dateRange: u, selectedCashAccounts: c } = V(), l = [
     {
       field: "account",
       flex: 1.5,
       headerName: t.accounts,
-      renderCell: ({ value: { name: r, nickname: l, institution_guid: d, account_number: b } }) => {
-        const C = l || r;
+      renderCell: ({ value: { name: r, nickname: h, institution_guid: d, account_number: x } }) => {
+        const S = h || r;
         return /* @__PURE__ */ o(s, { alignItems: "center", flexDirection: "row", gap: 12, children: [
           /* @__PURE__ */ e(
-            xe,
+            Ce,
             {
               alt: t.institution_logo,
               institutionGuid: d || "",
               size: 16
             }
           ),
-          /* @__PURE__ */ e(h, { variant: "body2", children: `${C} ${b ? `*${b}` : ""}` })
+          /* @__PURE__ */ e(m, { variant: "body2", children: `${S} ${x ? `*${x}` : ""}` })
         ] });
       }
     },
@@ -358,21 +361,21 @@ const It = ({ recurrence: a }) => /* @__PURE__ */ o(U, { 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(m, { color: n.palette.text.primary, variant: "Small", children: K(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(m, { color: n.palette.text.primary, variant: "Small", children: `+${K(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(m, { color: n.palette.text.primary, variant: "Small", children: `-${K(r.value, "0,0.00")}` })
     },
     {
       field: "remaining",
@@ -380,32 +383,32 @@ const It = ({ recurrence: a }) => /* @__PURE__ */ o(U, { children: [
       headerName: t.remaining,
       type: "number",
       renderCell: (r) => {
-        const l = r.row.balance + r.row.income - r.row.expenses;
+        const h = r.row.balance + r.row.income - r.row.expenses;
         return /* @__PURE__ */ e(
-          h,
+          m,
           {
-            color: Math.sign(l) === -1 ? n.palette.error.main : n.palette.text.primary,
+            color: Math.sign(h) === -1 ? n.palette.error.main : n.palette.text.primary,
             variant: "Small",
-            children: Z(l, "0,0.00")
+            children: K(h, "0,0.00")
           }
         );
       }
     }
-  ], m = f.useMemo(() => u.map((r) => {
-    const l = i.filter(
-      re(r, { start: W(), end: Ce(W(), 30) })
-    ).reduce((C, _) => C + _.amount, 0), d = g.filter(
-      re(r, { start: W(), end: Ce(W(), 30) })
-    ).reduce((C, _) => C + _.amount, 0), b = (r.balance || 0) + d - l;
+  ], g = p.useMemo(() => c.map((r) => {
+    const h = i.filter(
+      re(r, { start: W(), end: Se(W(), 30) })
+    ).reduce((S, w) => S + w.amount, 0), d = f.filter(
+      re(r, { start: W(), end: Se(W(), 30) })
+    ).reduce((S, w) => S + w.amount, 0), x = (r.balance || 0) + d - h;
     return {
       account: r,
       balance: r.balance || 0,
       id: r.guid,
       income: d,
-      expenses: l,
-      remaining: b
+      expenses: h,
+      remaining: x
     };
-  }), [u, i, g]);
+  }), [c, i, f]);
   return /* @__PURE__ */ o(
     D,
     {
@@ -422,7 +425,7 @@ const It = ({ recurrence: a }) => /* @__PURE__ */ o(U, { children: [
             children: [
               /* @__PURE__ */ o(s, { alignItems: "center", direction: "row", gap: 8, children: [
                 /* @__PURE__ */ e(
-                  h,
+                  m,
                   {
                     bold: !0,
                     sx: {
@@ -440,26 +443,26 @@ const It = ({ recurrence: a }) => /* @__PURE__ */ o(U, { children: [
                   }
                 )
               ] }),
-              /* @__PURE__ */ o(h, { bold: !0, sx: { fontSize: 15, whiteSpace: "normal" }, children: [
-                X(x.start, Y.FULL_MONTH_DAY),
+              /* @__PURE__ */ o(m, { bold: !0, sx: { fontSize: 15, whiteSpace: "normal" }, children: [
+                q(u.start, X.FULL_MONTH_DAY),
                 " -",
                 " ",
-                X(x.end, Y.FULL_MONTH_DAY)
+                q(u.end, X.FULL_MONTH_DAY)
               ] })
             ]
           }
         ),
         a > 650 ? /* @__PURE__ */ e(
-          it,
+          rt,
           {
             columnHeaderHeight: 48,
-            columns: c,
+            columns: l,
             density: "standard",
             disableColumnMenu: !0,
             disableRowSelectionOnClick: !0,
             hideFooter: !0,
             rowHeight: 48,
-            rows: m,
+            rows: g,
             sx: {
               border: "1px solid",
               borderColor: "border.light",
@@ -467,7 +470,7 @@ const It = ({ recurrence: a }) => /* @__PURE__ */ o(U, { children: [
               "& .MuiDataGrid-columnHeader .MuiIconButton-root": {
                 color: n.palette.primary.main,
                 "&:hover": {
-                  backgroundColor: ot(n.palette.primary.main, 0.1)
+                  backgroundColor: at(n.palette.primary.main, 0.1)
                 }
               },
               "& .MuiDataGrid-columnHeaderTitle": {
@@ -479,10 +482,10 @@ const It = ({ recurrence: a }) => /* @__PURE__ */ o(U, { children: [
               }
             }
           }
-        ) : m.map((r) => {
-          const { name: l, nickname: d, institution_guid: b, account_number: C } = r.account, _ = d || l;
+        ) : g.map((r) => {
+          const { name: h, nickname: d, institution_guid: x, account_number: S } = r.account, w = d || h;
           return /* @__PURE__ */ e(
-            ee,
+            J,
             {
               sx: {
                 border: "1px solid",
@@ -490,7 +493,7 @@ const It = ({ recurrence: a }) => /* @__PURE__ */ o(U, { children: [
                 borderRadius: 1,
                 marginBottom: 24
               },
-              children: /* @__PURE__ */ e(ne, { sx: { minHeight: "auto" }, children: /* @__PURE__ */ o(s, { width: "100%", children: [
+              children: /* @__PURE__ */ e(ee, { sx: { minHeight: "auto" }, children: /* @__PURE__ */ o(s, { width: "100%", children: [
                 /* @__PURE__ */ o(
                   s,
                   {
@@ -502,16 +505,16 @@ const It = ({ recurrence: a }) => /* @__PURE__ */ o(U, { children: [
                     children: [
                       /* @__PURE__ */ o(s, { alignItems: "center", flexDirection: "row", gap: 8, width: "50%", children: [
                         /* @__PURE__ */ e(
-                          xe,
+                          Ce,
                           {
                             alt: t.institution_logo,
-                            institutionGuid: b || "",
+                            institutionGuid: x || "",
                             size: 16
                           }
                         ),
-                        /* @__PURE__ */ e(h, { variant: "Small", children: `${_} ${C ? `*${C}` : ""}` })
+                        /* @__PURE__ */ e(m, { variant: "Small", children: `${w} ${S ? `*${S}` : ""}` })
                       ] }),
-                      /* @__PURE__ */ e(L, { amount: r.balance, bold: !0, variant: "Small" })
+                      /* @__PURE__ */ e(R, { amount: r.balance, bold: !0, variant: "Small" })
                     ]
                   }
                 ),
@@ -525,8 +528,8 @@ const It = ({ recurrence: a }) => /* @__PURE__ */ o(U, { children: [
                     px: 16,
                     py: 12,
                     children: [
-                      /* @__PURE__ */ e(h, { variant: "Small", children: t.projected_income }),
-                      /* @__PURE__ */ e(L, { amount: r.income, bold: !0, symbol: "+", variant: "Small" })
+                      /* @__PURE__ */ e(m, { variant: "Small", children: t.projected_income }),
+                      /* @__PURE__ */ e(R, { amount: r.income, bold: !0, symbol: "+", variant: "Small" })
                     ]
                   }
                 ),
@@ -540,8 +543,8 @@ const It = ({ recurrence: a }) => /* @__PURE__ */ o(U, { children: [
                     px: 16,
                     py: 12,
                     children: [
-                      /* @__PURE__ */ e(h, { variant: "Small", children: t.projected_expenses }),
-                      /* @__PURE__ */ e(L, { amount: r.expenses, bold: !0, symbol: "-", variant: "Small" })
+                      /* @__PURE__ */ e(m, { variant: "Small", children: t.projected_expenses }),
+                      /* @__PURE__ */ e(R, { amount: r.expenses, bold: !0, symbol: "-", variant: "Small" })
                     ]
                   }
                 ),
@@ -568,19 +571,19 @@ const It = ({ recurrence: a }) => /* @__PURE__ */ o(U, { children: [
       ]
     }
   );
-}, Tt = T(Et), Rt = () => {
-  const { cashflow: a } = k(), { isDesktop: n } = ue(), { onEvent: t } = ke(), [i, g] = f.useState(0), x = (u, c) => {
-    g(c);
+}, Rt = T(Tt), Lt = () => {
+  const { cashflow: a } = L(), { isDesktop: n } = ue(), { onEvent: t } = ke(), [i, f] = p.useState(0), u = (c, l) => {
+    f(l);
   };
-  return f.useEffect(() => {
+  return p.useEffect(() => {
     t(i === 0 ? "cash_flow_summary" : "cash_flow_details");
   }, [i]), /* @__PURE__ */ o(D, { children: [
     /* @__PURE__ */ o(
-      et,
+      tt,
       {
         "aria-label": a.cashflow_summary_and_details,
         centered: !0,
-        onChange: x,
+        onChange: u,
         textColor: "primary",
         value: i,
         variant: "fullWidth",
@@ -611,16 +614,16 @@ const It = ({ recurrence: a }) => /* @__PURE__ */ o(U, { children: [
       }
     ),
     /* @__PURE__ */ e(D, { sx: { mb: 32 } }),
-    /* @__PURE__ */ e(Se, { index: 0, name: "cashflow", value: i, children: /* @__PURE__ */ e(D, { sx: { m: n ? 48 : 16 }, children: /* @__PURE__ */ e(Tt, {}) }) }),
-    /* @__PURE__ */ e(Se, { index: 1, name: "cashflow", value: i, children: /* @__PURE__ */ e(D, { sx: { m: n ? 48 : 16 }, children: /* @__PURE__ */ e(At, {}) }) })
+    /* @__PURE__ */ e(we, { index: 0, name: "cashflow", value: i, children: /* @__PURE__ */ e(D, { sx: { m: n ? 48 : 16 }, children: /* @__PURE__ */ e(Rt, {}) }) }),
+    /* @__PURE__ */ e(we, { index: 1, name: "cashflow", value: i, children: /* @__PURE__ */ e(D, { sx: { m: n ? 48 : 16 }, children: /* @__PURE__ */ e(Et, {}) }) })
   ] });
-}, Lt = T(Rt), ie = ({
+}, Nt = T(Lt), ie = ({
   amount: a,
   isMobile: n = !1,
   isTotal: t = !1,
   label: i,
-  symbol: g,
-  tooltip: x
+  symbol: f,
+  tooltip: u
 }) => /* @__PURE__ */ o(
   s,
   {
@@ -630,82 +633,82 @@ const It = ({ recurrence: a }) => /* @__PURE__ */ o(U, { children: [
     padding: n ? "14px 16px" : 0,
     sx: { borderBottomLeftRadius: 4, borderBottomRightRadius: 4 },
     children: [
-      !n && /* @__PURE__ */ e(L, { amount: a, component: "h2", variant: "H2" }),
+      !n && /* @__PURE__ */ e(R, { amount: a, component: "h2", variant: "H2" }),
       /* @__PURE__ */ o(s, { alignItems: "center", component: "span", direction: "row", gap: 8, mt: 2, children: [
-        /* @__PURE__ */ e(h, { bold: t, variant: "Small", children: i }),
-        x
+        /* @__PURE__ */ e(m, { bold: t, variant: "Small", children: i }),
+        u
       ] }),
-      n && /* @__PURE__ */ e(L, { amount: a, component: "h2", symbol: g, variant: "Small" })
+      n && /* @__PURE__ */ e(R, { amount: a, component: "h2", symbol: f, variant: "Small" })
     ]
   }
-), Te = (a, n) => (t) => t.accountGuid && a.includes(t.accountGuid) && (Fe(t.expectedDate) || Oe(t.expectedDate, n.start)) && He(t.expectedDate, n.end), kt = () => {
-  const { availableWidth: a } = ce(), { cashflow: n } = k(), { income: t, isDataLoaded: i, upcomingExpenses: g, upcomingIncome: x } = P(), { selectedAccountGuids: u } = q(), { dateRange: c, selectedCashAccounts: m } = Q(), [r, l] = f.useState(!1), d = f.useMemo(
-    () => g.filter(Te(u, c)),
-    [c, u, g]
-  ), b = f.useMemo(
-    () => x.filter(Te(u, c)),
-    [c, u, x]
-  ), C = f.useMemo(
-    () => m.reduce((w, R) => w + (R?.balance || 0), 0),
-    [m]
-  ), _ = d.reduce((w, R) => w + R.amount, 0), O = b.reduce((w, R) => w + R.amount, 0), A = C - _ + O, H = i && t.length > 0, p = a < 725;
-  return /* @__PURE__ */ o(s, { sx: { mx: p ? 16 : 0, my: p ? 24 : 42 }, children: [
+), Re = (a, n) => (t) => t.accountGuid && a.includes(t.accountGuid) && (Ge(t.expectedDate) || Fe(t.expectedDate, n.start)) && We(t.expectedDate, n.end), kt = () => {
+  const { availableWidth: a } = ce(), { cashflow: n } = L(), { income: t, isDataLoaded: i, upcomingExpenses: f, upcomingIncome: u } = U(), { selectedAccountGuids: c } = P(), { dateRange: l, selectedCashAccounts: g } = V(), [r, h] = p.useState(!1), d = p.useMemo(
+    () => f.filter(Re(c, l)),
+    [l, c, f]
+  ), x = p.useMemo(
+    () => u.filter(Re(c, l)),
+    [l, c, u]
+  ), S = p.useMemo(
+    () => g.reduce((C, I) => C + (I?.balance || 0), 0),
+    [g]
+  ), w = d.reduce((C, I) => C + I.amount, 0), A = x.reduce((C, I) => C + I.amount, 0), _ = S - w + A, k = i && t.length > 0, b = a < 725;
+  return /* @__PURE__ */ o(s, { sx: { mx: b ? 16 : 0, my: b ? 24 : 42 }, children: [
     /* @__PURE__ */ o(
       s,
       {
-        border: p ? "1px solid" : "none",
+        border: b ? "1px solid" : "none",
         borderColor: "border.light",
         borderRadius: 2,
-        flexDirection: p ? "column" : "row",
-        gap: p ? 0 : 24,
+        flexDirection: b ? "column" : "row",
+        gap: b ? 0 : 24,
         justifyContent: "center",
         children: [
           /* @__PURE__ */ e(
             ie,
             {
-              amount: C,
-              isMobile: p,
-              label: $(n.cash_and_bank, m.length)
+              amount: S,
+              isMobile: b,
+              label: G(n.cash_and_bank, g.length)
             }
           ),
-          p && /* @__PURE__ */ e(v, {}),
-          H ? /* @__PURE__ */ o(U, { children: [
-            !p && /* @__PURE__ */ e(h, { sx: { fontSize: 25, lineHeight: 1 }, children: "+" }),
+          b && /* @__PURE__ */ e(v, {}),
+          k ? /* @__PURE__ */ o(B, { children: [
+            !b && /* @__PURE__ */ e(m, { sx: { fontSize: 25, lineHeight: 1 }, children: "+" }),
             /* @__PURE__ */ e(
               ie,
               {
-                amount: O,
-                isMobile: p,
+                amount: A,
+                isMobile: b,
                 label: n.to_be_received,
-                symbol: p ? "+" : void 0
+                symbol: b ? "+" : void 0
               }
             )
           ] }) : /* @__PURE__ */ e(
-            G,
+            M,
             {
-              onClick: () => l(!0),
-              startIcon: /* @__PURE__ */ e(j, { name: "add" }),
+              onClick: () => h(!0),
+              startIcon: /* @__PURE__ */ e($, { name: "add" }),
               sx: { fontSize: 13 },
               children: n.add_income
             }
           ),
-          p ? /* @__PURE__ */ e(v, {}) : /* @__PURE__ */ e(h, { sx: { fontSize: 25, lineHeight: 1 }, children: "-" }),
+          b ? /* @__PURE__ */ e(v, {}) : /* @__PURE__ */ e(m, { sx: { fontSize: 25, lineHeight: 1 }, children: "-" }),
           /* @__PURE__ */ e(
             ie,
             {
-              amount: _,
-              isMobile: p,
-              label: $(n.to_be_paid_out, d.length),
-              symbol: p ? "-" : void 0
+              amount: w,
+              isMobile: b,
+              label: G(n.to_be_paid_out, d.length),
+              symbol: b ? "-" : void 0
             }
           ),
-          p ? /* @__PURE__ */ e(v, {}) : /* @__PURE__ */ e(h, { sx: { fontSize: 25, lineHeight: 1 }, children: "=" }),
+          b ? /* @__PURE__ */ e(v, {}) : /* @__PURE__ */ e(m, { sx: { fontSize: 25, lineHeight: 1 }, children: "=" }),
           /* @__PURE__ */ e(
             ie,
             {
-              amount: A,
-              isMobile: p,
-              isTotal: p,
+              amount: _,
+              isMobile: b,
+              isTotal: b,
               label: n.remaining_cash,
               tooltip: /* @__PURE__ */ e(
                 he,
@@ -720,93 +723,91 @@ const It = ({ recurrence: a }) => /* @__PURE__ */ o(U, { children: [
       }
     ),
     /* @__PURE__ */ e(
-      We,
+      Me,
       {
         ariaLabelClose: n.close_manage_income_aria,
         isOpen: r,
-        onClose: () => l(!1),
+        onClose: () => h(!1),
         shouldShowHeaderBorders: !1,
         title: n.manage_income,
-        children: /* @__PURE__ */ e(rt, {})
+        children: /* @__PURE__ */ e(st, {})
       }
     )
   ] });
-}, Nt = T(kt), Ot = ({ onBackClick: a, sx: n = {} }) => {
-  const {
-    selectedAccounts: t,
-    selectedAccountGuids: i,
-    setSelectedAccounts: g,
-    shouldDisableNextDate: x,
-    shouldDisablePrevDate: u
-  } = q(), { onEvent: c } = ke(), { onLoad: m } = Ye(), { clientConfig: r } = Qe(), { visibleCashAccounts: l } = Le(), { setFilter: d } = Ne(), { dateRange: b, setSelectedCashAccounts: C } = Q(), { loadRepeatingTransactionData: _, isDataLoaded: O, setDateRange: A } = P(), { cashflow: H, recurring: p } = k(), { isInitialized: w } = q(), I = r?.master?.deep_link_params?.view === "manage_income", [M, ae] = f.useState(I);
-  return f.useEffect(() => {
-    A(b), O || _().finally(() => {
-      m?.("CashflowWidget");
-    });
-  }, []), f.useEffect(() => {
-    g(l);
-  }, [l]), f.useEffect(() => {
-    const V = l.map((S) => S.guid), K = t.filter(
-      (S) => i.includes(S.guid) && V.includes(S.guid)
+}, Ht = T(kt), Ot = ({ onBackClick: a, sx: n = {} }) => {
+  const { selectedAccounts: t, selectedAccountGuids: i, shouldDisableNextDate: f, shouldDisablePrevDate: u } = P(), { onEvent: c } = ke(), { clientConfig: l } = Qe(), { visibleCashAccounts: g } = Ne(), { setFilter: r } = He(), { dateRange: h, setSelectedCashAccounts: d } = V(), { loadRepeatingTransactionData: x, isDataLoaded: S, setDateRange: w } = U(), { cashflow: A, recurring: _ } = L(), { isInitialized: k } = P(), C = l?.master?.deep_link_params?.view === "manage_income", [I, ne] = p.useState(C);
+  return p.useEffect(() => {
+    w(h), S || x().finally();
+  }, []), p.useEffect(() => {
+    const oe = g.map((H) => H.guid), ae = t.filter(
+      (H) => i.includes(H.guid) && oe.includes(H.guid)
     );
-    C(K), d({
-      dateRange: { start: Me(W(), 90), end: dt() },
-      accounts: K.map((S) => S.guid)
+    d(ae), r({
+      dateRange: { start: $e(W(), 90), end: mt() },
+      accounts: ae.map((H) => H.guid)
     });
-  }, [l, t]), w ? /* @__PURE__ */ o(
-    mt,
+  }, [g, t]), Oe({
+    widgetName: "CashflowWidget",
+    isLoaded: S
+  }), k ? /* @__PURE__ */ o(
+    ut,
     {
-      accountOptions: l,
       actions: [
         {
-          label: p.action_title,
+          label: _.action_title,
           iconName: "credit_card_gear",
           onClick: () => {
-            ae(!0), c(we.CASH_FLOW_CLICK_SETTINGS);
+            ne(!0), c(Ie.CASH_FLOW_CLICK_SETTINGS);
           }
         }
       ],
+      allowedAccountTypes: [
+        Q.CASH,
+        Q.CHECKING,
+        Q.PREPAID,
+        Q.SAVINGS,
+        Q.CHECKING_LINE_OF_CREDIT
+      ],
       calendarActions: {
-        shouldDisableNext: x,
+        shouldDisableNext: f,
         shouldDisablePrevious: u,
         shouldDisablePicker: !0,
         onRangeChanged: () => {
         }
       },
-      dateRange: b,
+      dateRange: h,
       dateRangeVariant: "readonly",
-      onAccountsFilterClick: () => c(we.CASH_FLOW_CLICK_FILTER),
+      onAccountsFilterClick: () => c(Ie.CASH_FLOW_CLICK_FILTER),
       onBackClick: a,
       sx: n,
-      title: H.title,
+      title: A.title,
       children: [
+        /* @__PURE__ */ e(Ht, {}),
         /* @__PURE__ */ e(Nt, {}),
-        /* @__PURE__ */ e(Lt, {}),
         /* @__PURE__ */ e(
-          We,
+          Me,
           {
-            ariaLabelClose: H.close_settings_aria,
-            isOpen: M,
-            onClose: () => ae(!1),
+            ariaLabelClose: A.close_settings_aria,
+            isOpen: I,
+            onClose: () => ne(!1),
             shouldShowHeaderBorders: !1,
-            title: p.action_title,
-            children: /* @__PURE__ */ e(Ze, { defaultSelectedTab: I ? 1 : 0 })
+            title: _.action_title,
+            children: /* @__PURE__ */ e(et, { defaultSelectedTab: C ? 1 : 0 })
           }
         )
       ]
     }
-  ) : /* @__PURE__ */ e(te, {});
-}, Wn = T(Ot), Ht = ({ handleNextStep: a }) => {
-  const { completeOnboarding: n } = me(), { cashflow: t } = k(), i = se();
+  ) : /* @__PURE__ */ e(Z, {});
+}, $n = T(Ot), Ft = ({ handleNextStep: a }) => {
+  const { completeOnboarding: n } = me(), { cashflow: t } = L(), i = se();
   return /* @__PURE__ */ o(s, { children: [
-    /* @__PURE__ */ e(de, { pb: 12, children: t.welcome_title }),
+    /* @__PURE__ */ e(de, { pb: 12, variant: "H1", children: t.welcome_title }),
     /* @__PURE__ */ e(
-      qe,
+      Ve,
       {
         color: i.palette.primary.light,
         pb: 8,
         sx: { wordBreak: "break-word", whiteSpace: "initial" },
-        variant: "H3",
         children: t.welcome_sub_title
       }
     ),
@@ -823,7 +824,7 @@ const It = ({ recurrence: a }) => /* @__PURE__ */ o(U, { children: [
             mr: 24,
             sx: { display: "flex", alignItems: "center", justifyContent: "center", flexShrink: 0 },
             width: 44,
-            children: /* @__PURE__ */ e(j, { color: "primary", name: "currency_exchange" })
+            children: /* @__PURE__ */ e($, { color: "primary", name: "currency_exchange" })
           }
         ),
         t.bullet_one
@@ -839,7 +840,7 @@ const It = ({ recurrence: a }) => /* @__PURE__ */ o(U, { children: [
             mr: 24,
             sx: { display: "flex", alignItems: "center", justifyContent: "center", flexShrink: 0 },
             width: 44,
-            children: /* @__PURE__ */ e(j, { color: "primary", name: "cardiology" })
+            children: /* @__PURE__ */ e($, { color: "primary", name: "cardiology" })
           }
         ),
         t.bullet_two
@@ -855,181 +856,181 @@ const It = ({ recurrence: a }) => /* @__PURE__ */ o(U, { children: [
             mr: 24,
             sx: { display: "flex", alignItems: "center", justifyContent: "center", flexShrink: 0 },
             width: 44,
-            children: /* @__PURE__ */ e(j, { color: "primary", name: "flare" })
+            children: /* @__PURE__ */ e($, { color: "primary", name: "flare" })
           }
         ),
         t.bullet_three
       ] })
     ] }),
     /* @__PURE__ */ o(s, { direction: "row", spacing: 16, children: [
-      /* @__PURE__ */ e(G, { onClick: a, variant: "contained", children: t.get_started_button }),
-      /* @__PURE__ */ e(G, { onClick: n, variant: "outlined", children: t.skip_button })
+      /* @__PURE__ */ e(M, { onClick: a, variant: "contained", children: t.get_started_button }),
+      /* @__PURE__ */ e(M, { onClick: n, variant: "outlined", children: t.skip_button })
     ] })
   ] });
-}, Ft = T(Ht), Re = "https://content.moneydesktop.com/storage/MD_Assets/md/cashflow", $e = {
-  CASHFLOW_ONBOARDING: `${Re}/cashflow-onboarding.png`,
-  CASHFLOW_LOADING_ANIMATION: `${Re}/loading-animation.gif`
-}, Wt = () => {
-  const { cashflow: a } = k();
-  return /* @__PURE__ */ o(f.Fragment, { children: [
-    /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e("img", { alt: "Loading", src: $e.CASHFLOW_LOADING_ANIMATION }) }),
-    /* @__PURE__ */ e(de, { pb: 12, children: a.loading_title }),
+}, Wt = T(Ft), Le = "https://content.moneydesktop.com/storage/MD_Assets/md/cashflow", je = {
+  CASHFLOW_ONBOARDING: `${Le}/cashflow-onboarding.png`,
+  CASHFLOW_LOADING_ANIMATION: `${Le}/loading-animation.gif`
+}, Gt = () => {
+  const { cashflow: a } = L();
+  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, variant: "H1", children: a.loading_title }),
     /* @__PURE__ */ e(N, { children: a.loading_description })
   ] });
-}, Mt = T(Wt), $t = at`
+}, Mt = T(Gt), $t = it`
   from {
     transform: rotate(0deg);
   }
   to {
     transform: rotate(360deg);
   }
-`, Gt = () => {
-  const { addRepeatingTransaction: a, repeatingTransactions: n } = P(), { cashflow: t, common: i } = k(), { user: g } = Ve(), { completeOnboarding: x } = me(), { isDirty: u } = Q(), { isMobile: c } = ue(), { isCopyLoaded: m, setDisplayedDate: r } = q(), { filter: l, setFilter: d, transactions: b } = Ne(), C = se(), [_, O] = J(!0), [A, H] = f.useState(gt.EveryMonth), [p, w] = f.useState(1), [R, I] = f.useState(15), [M, ae] = J(!1), [V, K] = J(1), [S, Ge] = J([]), [fe, le] = J(""), F = f.useMemo(
-    () => b.find((y) => y.guid === fe),
-    [fe, b]
-  ), je = !!n.filter(
-    (y) => y.repeating_transaction_type === De.Income
-  ).length, ge = async () => {
-    K(2), r(
+`, jt = () => {
+  const { addRepeatingTransaction: a, repeatingTransactions: n } = U(), { cashflow: t, common: i } = L(), { user: f } = Ke(), { completeOnboarding: u } = me(), { isDirty: c } = V(), { isMobile: l } = ue(), { isCopyLoaded: g, setDisplayedDate: r } = P(), { filter: h, setFilter: d, transactions: x } = He(), S = se(), [w, A] = Y(!0), [_, k] = p.useState(bt.EveryMonth), [b, C] = p.useState(1), [I, ne] = p.useState(15), [oe, ae] = Y(!1), [H, fe] = Y(1), [O, ze] = Y([]), [ge, le] = Y(""), F = p.useMemo(
+    () => x.find((y) => y.guid === ge),
+    [ge, x]
+  ), Be = !!n.filter(
+    (y) => y.repeating_transaction_type === ve.Income
+  ).length, be = async () => {
+    fe(2), r(
       //  Beginning of the month, 90 days before today
-      ht(Me(W(), 90)),
+      pt($e(W(), 90)),
       W()
-    ), d({ ...l, custom: _e }), K(3);
-  }, ze = async () => {
-    if (!(S.length < 1)) {
+    ), d({ ...h, custom: _e }), fe(3);
+  }, Ue = async () => {
+    if (!(O.length < 1)) {
       ae(!0);
-      for (let y = 0; y < S.length; y++) {
-        const E = S[y], be = ve(A, Ie(E.date)), Ue = {
+      for (let y = 0; y < O.length; y++) {
+        const E = O[y], xe = Ae(_, De(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: ut(be, { representation: "date" }),
-          recurrence_day: be.getDay(),
-          recurrence_type: A,
-          repeating_transaction_type: De.Income,
-          second_recurrence_day: R,
+          predicted_occurs_on: ht(xe, { representation: "date" }),
+          recurrence_day: xe.getDay(),
+          recurrence_type: _,
+          repeating_transaction_type: ve.Income,
+          second_recurrence_day: I,
           transaction_type: E.transaction_type,
-          user_guid: g.guid
+          user_guid: f.guid
         };
-        await a(Ue, E);
+        await a(qe, E);
       }
-      await x();
+      await u();
     }
-  }, Be = !F && _ || !F && S.length < 1;
-  return m ? /* @__PURE__ */ o(
+  }, Pe = !F && w || !F && O.length < 1;
+  return g ? /* @__PURE__ */ o(
     D,
     {
       sx: {
         display: "flex",
-        alignItems: c ? "flex-start" : "center",
-        backgroundColor: C.palette.background.paper,
-        backgroundImage: c ? null : `url(${$e.CASHFLOW_ONBOARDING})`,
+        alignItems: l ? "flex-start" : "center",
+        backgroundColor: S.palette.background.paper,
+        backgroundImage: l ? null : `url(${je.CASHFLOW_ONBOARDING})`,
         backgroundRepeat: "no-repeat",
         backgroundPosition: "left 100px",
         backgroundSize: "35%",
         py: 24
       },
       children: [
-        V === 1 && /* @__PURE__ */ e(
+        H === 1 && /* @__PURE__ */ e(
           D,
           {
             sx: {
-              ...c ? { display: "flex", flexDirection: "column", maxWidth: "100%", padding: "0 16px" } : { maxWidth: 590, ml: "40%", mr: 90 }
+              ...l ? { display: "flex", flexDirection: "column", maxWidth: "100%", padding: "0 16px" } : { maxWidth: 590, ml: "40%", mr: 90 }
             },
-            children: /* @__PURE__ */ e(Ft, { handleNextStep: ge })
+            children: /* @__PURE__ */ e(Wt, { handleNextStep: be })
           }
         ),
-        V === 2 && /* @__PURE__ */ e(
+        H === 2 && /* @__PURE__ */ e(
           D,
           {
             sx: {
-              ...c ? { display: "flex", flexDirection: "column", maxWidth: "100%", padding: "0 16px" } : { maxWidth: 590, ml: "40%", mr: 90 }
+              ...l ? { display: "flex", flexDirection: "column", maxWidth: "100%", padding: "0 16px" } : { maxWidth: 590, ml: "40%", mr: 90 }
             },
             children: /* @__PURE__ */ e(Mt, {})
           }
         ),
-        V === 3 && /* @__PURE__ */ o(
+        H === 3 && /* @__PURE__ */ o(
           D,
           {
             sx: {
-              ...c ? { display: "flex", flexDirection: "column", maxWidth: "100%", padding: "0 16px" } : { maxWidth: 590, ml: "40%", mr: 90 }
+              ...l ? { 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(de, { pb: 12, variant: "H1", children: t.add_income_title }),
               /* @__PURE__ */ e(N, { mb: 24, children: t.add_income_description }),
-              S.length > 0 && !F && /* @__PURE__ */ o(U, { children: [
-                /* @__PURE__ */ e(ee, { children: S.map((y, E) => /* @__PURE__ */ o(f.Fragment, { children: [
-                  /* @__PURE__ */ e(pt, { bgcolor: "background.paper", children: bt(
-                    B(y.nextDate || y.date)
+              O.length > 0 && !F && /* @__PURE__ */ o(B, { children: [
+                /* @__PURE__ */ e(J, { children: O.map((y, E) => /* @__PURE__ */ o(p.Fragment, { children: [
+                  /* @__PURE__ */ e(ft, { bgcolor: "background.paper", children: xt(
+                    z(y.nextDate || y.date)
                   ) }),
-                  /* @__PURE__ */ e(ft, { transaction: y }),
-                  E !== S.length - 1 && /* @__PURE__ */ e(v, {})
+                  /* @__PURE__ */ e(gt, { transaction: y }),
+                  E !== O.length - 1 && /* @__PURE__ */ e(v, {})
                 ] }, y.guid)) }),
                 /* @__PURE__ */ o(s, { alignItems: "center", direction: "row", children: [
                   /* @__PURE__ */ e(v, { sx: { flexGrow: 1 } }),
                   /* @__PURE__ */ e(
-                    G,
+                    M,
                     {
-                      onClick: () => O(!0),
-                      startIcon: /* @__PURE__ */ e(j, { name: "add", size: 20 }),
+                      onClick: () => A(!0),
+                      startIcon: /* @__PURE__ */ e($, { name: "add", size: 20 }),
                       children: t.add_income
                     }
                   )
                 ] })
               ] }),
-              Be && /* @__PURE__ */ e(
-                st,
+              Pe && /* @__PURE__ */ e(
+                ct,
                 {
                   bgcolor: "background.paper",
                   onSearch: (y) => d({
-                    ...l,
-                    custom: (E) => y ? ct(E, y) : _e(E)
+                    ...h,
+                    custom: (E) => y ? lt(E, y) : _e(E)
                   }),
                   onSelected: (y) => {
-                    le(y), O(!1);
+                    le(y), A(!1);
                   }
                 }
               ),
-              !je && u && /* @__PURE__ */ e(N, { color: "error", mt: 16, children: t.confirm_error }),
-              F && /* @__PURE__ */ o(U, { children: [
+              !Be && c && /* @__PURE__ */ e(N, { color: "error", mt: 16, children: t.confirm_error }),
+              F && /* @__PURE__ */ o(B, { children: [
                 /* @__PURE__ */ e(
-                  lt,
+                  dt,
                   {
                     bgcolor: "background.paper",
-                    firstDay: p,
-                    frequency: A,
-                    onFirstDayChange: w,
-                    onFrequencyChange: H,
-                    onSecondDayChange: I,
-                    secondDay: R,
+                    firstDay: b,
+                    frequency: _,
+                    onFirstDayChange: C,
+                    onFrequencyChange: k,
+                    onSecondDayChange: ne,
+                    secondDay: I,
                     transaction: F
                   }
                 ),
                 /* @__PURE__ */ o(s, { direction: "row", gap: 16, ml: 24, mt: 32, children: [
                   /* @__PURE__ */ e(
-                    G,
+                    M,
                     {
                       "aria-disabled": !F,
                       onClick: () => {
-                        const y = [...S];
+                        const y = [...O];
                         y.push({
                           ...F,
-                          nextDate: ve(A, Ie(F.date)),
-                          frequency: A
-                        }), Ge(y), le("");
+                          nextDate: Ae(_, De(F.date)),
+                          frequency: _
+                        }), ze(y), le("");
                       },
                       variant: "contained",
                       children: i.confirm_button
                     }
                   ),
                   /* @__PURE__ */ e(
-                    G,
+                    M,
                     {
                       onClick: () => {
-                        le(""), O(!0), ge().finally();
+                        le(""), A(!0), be().finally();
                       },
                       variant: "outlined",
                       children: i.cancel_button
@@ -1037,14 +1038,14 @@ const It = ({ recurrence: a }) => /* @__PURE__ */ o(U, { children: [
                   )
                 ] })
               ] }),
-              S.length > 0 && !F && /* @__PURE__ */ o(s, { direction: "row", gap: 16, ml: 24, mt: 32, children: [
+              O.length > 0 && !F && /* @__PURE__ */ o(s, { direction: "row", gap: 16, ml: 24, mt: 32, children: [
                 /* @__PURE__ */ e(
-                  G,
+                  M,
                   {
-                    "aria-disabled": S.length < 1 || M,
-                    onClick: ze,
-                    startIcon: M ? /* @__PURE__ */ e(
-                      j,
+                    "aria-disabled": O.length < 1 || oe,
+                    onClick: Ue,
+                    startIcon: oe ? /* @__PURE__ */ e(
+                      $,
                       {
                         name: "progress_activity",
                         sx: {
@@ -1056,38 +1057,38 @@ const It = ({ recurrence: a }) => /* @__PURE__ */ o(U, { children: [
                     children: t.confirm_income_button
                   }
                 ),
-                /* @__PURE__ */ e(G, { onClick: x, variant: "outlined", children: t.skip_button })
+                /* @__PURE__ */ e(M, { onClick: u, variant: "outlined", children: t.skip_button })
               ] })
             ]
           }
         )
       ]
     }
-  ) : /* @__PURE__ */ e(te, {});
-}, Mn = T(Gt);
-class $n {
+  ) : /* @__PURE__ */ e(Z, {});
+}, jn = T(jt);
+class zn {
   fetchInstance;
   constructor(n, t, i) {
-    this.fetchInstance = new xt(n, t, void 0, i);
+    this.fetchInstance = new Ct(n, t, void 0, i);
   }
-  addCashflowEvent = async (n) => this.fetchInstance.post(z.CASHFLOW_EVENTS, { ...n }).then((t) => t);
-  addCashflowSequence = async (n) => this.fetchInstance.post(z.CASHFLOW_SEQUENCES, { ...n }).then((t) => t.cashflow_sequence);
-  getCashflowSequences = async () => this.fetchInstance.get(z.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(
-    `${z.CASHFLOW_EVENTS}/from/${B(n)}/to/${B(t)}`
+    `${j.CASHFLOW_EVENTS}/from/${z(n)}/to/${z(t)}`
   ).then((i) => i.cashflow_events);
-  deleteCashflowSequence = async (n) => this.fetchInstance.delete(`${z.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(
-    `${z.CASHFLOW_SEQUENCES}/projected_events/from/${B(
+    `${j.CASHFLOW_SEQUENCES}/projected_events/from/${z(
       n
-    )}/to/${B(t)}`
+    )}/to/${z(t)}`
   ).then((i) => i.cashflow_events);
-  updateCashflowSequence = async (n) => this.fetchInstance.put(`${z.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 {
-  $n as CashflowApi,
-  Fn as CashflowMiniWidget,
-  Mn as CashflowOnboarding,
-  zn as CashflowStore,
-  Wn as CashflowWidget
+  zn as CashflowApi,
+  Mn as CashflowMiniWidget,
+  jn as CashflowOnboarding,
+  Pn as CashflowStore,
+  $n as CashflowWidget
 };