@mx-cartographer/experiences 9.0.2 → 9.1.0-alpha.bb1

package/dist/cashflow/index.es.js

@@ -1,358 +1,410 @@
-import { jsxs as n, Fragment as j, jsx as e } from "react/jsx-runtime";
-import h, { useState as V } from "react";
+import { s as F } from "../GlobalCopyApi-BeXzaDH9.mjs";
+import { J as V, Pt as q, _t as xe, f as ye, h as $e, ln as P, mt as Ye, un as U } from "../core-BexP5oiV.mjs";
+import { An as qe, Gn as Ke, In as _e, Nn as le, jn as E, ln as Ve, lr as Ne, mr as de, nn as Xe, rn as Je, sr as Ce } from "../accounts-DkyAiLpg.mjs";
+import { n as ke } from "../Analytics-BKzTPees.mjs";
+import { E as Le, M as Qe, O as Ze, d as Oe, h as $, i as et, k as ie, n as Ge, o as me, p as N, t as J, w as B } from "../Loader-BlVzRtUd.mjs";
+import { t as tt } from "../MiniWidgetContainer-COwnjfy7.mjs";
+import { a as nt, c as we, d as at, l as ot, o as it, u as rt } from "../recurringtransactions-gbJ_NA8u.mjs";
+import h, { useState as K } from "react";
 import { observer as A } from "mobx-react-lite";
-import { addMonths as Ye } from "date-fns/addMonths";
-import { startOfToday as F } from "date-fns/startOfToday";
-import I from "@mui/material/Box";
-import v from "@mui/material/Divider";
 import s from "@mui/material/Stack";
-import { useTheme as ie, alpha as qe, keyframes as Ke } from "@mui/material/styles";
-import { Text as m, P as k, Icon as z, InstitutionLogo as xe, H2 as de, H3 as Ve } from "@mxenabled/mxui";
-import { b as H } from "../Localization-DnoVyBNK.mjs";
-import { G as Xe, p as me, u as L, D as ae, d as Le, b as P, i as B, g as Ne, a as Je, h as ke, C as Qe } from "../hooks-BaO_gOI6.mjs";
-import { C as E } from "../CurrencyText-CCbE6MmF.mjs";
-import { u as ue } from "../useScreenSize-mWpmnh5w.mjs";
-import { L as Z } from "../Loader-CxeBwuPG.mjs";
-import { I as pe } from "../InformationTooltip-4su8bn1e.mjs";
-import { u as Oe } from "../useWidgetLoadTimer-CJb-RELP.mjs";
-import { M as Ze } from "../MiniWidgetContainer-BdPiUU-u.mjs";
-import { E as et } from "../EmptyState-CJUDc3kD.mjs";
-import { R as tt } from "../RecurringSettings-D2xbNb67.mjs";
-import nt from "@mui/material/Tabs";
-import ye from "@mui/material/Tab";
-import { getUnixTime as le } from "date-fns/getUnixTime";
-import Q from "@mui/material/List";
-import ee from "@mui/material/ListItem";
-import { A as ot } from "../AccountListItem-BDXHs4tV.mjs";
-import { f as U, D as Y } from "../DateFormats-HudZ3Bjs.mjs";
-import it from "@mui/material/ListSubheader";
-import { f as J } from "../NumberFormatting--XMeeBfr.mjs";
-import { isAfter as Ge } from "date-fns/isAfter";
+import { H2 as ue, H3 as st, Icon as z, InstitutionLogo as ve, P as L, Text as m } from "@mxenabled/mxui";
+import { addDays as Se } from "date-fns/addDays";
+import { addMonths as ct } from "date-fns/addMonths";
 import { isBefore as Me } from "date-fns/isBefore";
-import { isToday as Fe } from "date-fns/isToday";
-import { addDays as _e } from "date-fns/addDays";
-import { DataGridPro as at } from "@mui/x-data-grid-pro";
-import { T as Ce } from "../TabContentContainer-CnMXkVqr.mjs";
+import { startOfMonth as lt } from "date-fns/startOfMonth";
+import { startOfToday as H } from "date-fns/startOfToday";
 import W from "@mui/material/Button";
-import { M as rt, S as st, i as ct, b as we, c as lt } from "../ManageIncome-D1yBODQi.mjs";
-import { D as He } from "../Drawer-BXqqBMxg.mjs";
-import { subDays as We } from "date-fns/subDays";
-import { endOfToday as dt } from "date-fns/endOfToday";
-import { W as mt } from "../WidgetContainer-CmbU4CBH.mjs";
-import { A as X } from "../Account-BaJmiJAG.mjs";
-import { A as Se } from "../Analytics-CzGzz_sE.mjs";
-import { formatISO as ut } from "date-fns/formatISO";
-import { fromUnixTime as De } from "date-fns/fromUnixTime";
-import { startOfMonth as pt } from "date-fns/startOfMonth";
-import { S as ht, a as ft } from "../EmbeddedCard-DPwJjqMH.mjs";
-import { F as gt, R as Ie, c as ve } from "../RecurringTransactionsUtil-B3rLEx_g.mjs";
-import { i as bt } from "../DateUtil-Bhq59ZVg.mjs";
-const q = () => {
-  if (!h.useContext(Xe))
-    throw new Error("useCashflowUiStore() must be used within the GlobalDataContext");
+import { Fragment as j, jsx as e, jsxs as n } from "react/jsx-runtime";
+import { alpha as dt, keyframes as mt, useTheme as re } from "@mui/material/styles";
+import D from "@mui/material/Box";
+import { endOfToday as ut } from "date-fns/endOfToday";
+import { subDays as He } from "date-fns/subDays";
+import De from "@mui/material/Tab";
+import pt from "@mui/material/Tabs";
+import { getUnixTime as ce } from "date-fns/getUnixTime";
+import { fromUnixTime as Ie } from "date-fns/fromUnixTime";
+import { isAfter as Fe } from "date-fns/isAfter";
+import { formatISO as ht } from "date-fns/formatISO";
+import I from "@mui/material/Divider";
+import X from "@mui/material/List";
+import Q from "@mui/material/ListItem";
+import ft from "@mui/material/ListSubheader";
+import { isToday as We } from "date-fns/isToday";
+import { DataGridPro as gt } from "@mui/x-data-grid-pro";
+var Y = () => {
+  if (!h.useContext(Qe)) throw new Error("useCashflowUiStore() must be used within the GlobalDataContext");
   return me().uiStore;
-}, xt = ({ remaining: i }) => {
-  const { cashflow: o } = L();
+}, bt = ({ remaining: o }) => {
+  const { cashflow: a } = N();
   return /* @__PURE__ */ n(j, { children: [
-    /* @__PURE__ */ e(
-      I,
-      {
-        sx: {
-          borderRadius: "1px",
-          backgroundColor: i < 0 ? "error.main" : i > 0 ? "success.main" : "warning.main",
-          height: 6,
-          width: 6
-        }
-      }
-    ),
-    /* @__PURE__ */ e(m, { bold: !0, sx: { flexGrow: 1, fontSize: 12 }, children: o.remaining_cash }),
-    /* @__PURE__ */ e(E, { amount: i, bold: !0, sx: { fontSize: 12 } })
+    /* @__PURE__ */ e(D, { sx: {
+      borderRadius: "1px",
+      backgroundColor: o < 0 ? "error.main" : o > 0 ? "success.main" : "warning.main",
+      height: 6,
+      width: 6
+    } }),
+    /* @__PURE__ */ e(m, {
+      bold: !0,
+      sx: {
+        flexGrow: 1,
+        fontSize: 12
+      },
+      children: a.remaining_cash
+    }),
+    /* @__PURE__ */ e(E, {
+      amount: o,
+      bold: !0,
+      sx: { fontSize: 12 }
+    })
   ] });
-}, he = A(xt), yt = () => {
-  const i = ie(), { availableWidth: o } = ae(), { isMobile: t } = ue(), { visibleCashAccounts: r, visibleCashBalance: f } = Le(), { selectedAccountGuids: u } = P(), { cashflow: c } = L(), {
-    daysUntilNextIncome: l,
-    expensesTilNextIncome: b,
-    selectedCashAccounts: a,
-    setNextIncome: g,
-    setSelectedCashAccounts: d,
-    setUpcomingExpenses: x
-  } = q(), { isDataLoaded: C, nextIncomeRecurrence: w, upcomingExpenses: R } = B();
+}, pe = A(bt), xt = () => {
+  const o = re(), { availableWidth: a } = ie(), { isMobile: t } = de(), { visibleCashAccounts: r, visibleCashBalance: f } = Ge(), { selectedAccountGuids: u } = $(), { cashflow: c } = N(), { daysUntilNextIncome: l, expensesTilNextIncome: b, selectedCashAccounts: i, setNextIncome: g, setSelectedCashAccounts: d, setUpcomingExpenses: x } = Y(), { isDataLoaded: C, nextIncomeRecurrence: w, upcomingExpenses: R } = B();
   h.useEffect(() => {
-    d(
-      r.filter((_) => u.includes(_.guid))
-    );
+    d(r.filter((y) => u.includes(y.guid)));
   }, [r, u]), h.useEffect(() => {
     w && g(w), x(R);
   }, [w, R]);
-  const D = h.useMemo(
-    () => r.filter((_) => u.includes(_.guid)).reduce((_, S) => _ + (S?.balance || 0), 0),
-    [u, R]
-  ), N = h.useMemo(
-    () => b.filter((_) => u.includes(_.accountGuid || "")).reduce((_, S) => _ + S.amount, 0),
-    [u, b]
-  ), p = h.useMemo(
-    () => D - N,
-    [D, N]
-  );
-  return C ? /* @__PURE__ */ e(I, { className: "mx-cashflow", pl: 16, pr: 16, pt: 16, children: o > 710 ? /* @__PURE__ */ n(
-    s,
-    {
-      border: `1px solid ${i.palette.divider}`,
+  const v = h.useMemo(() => r.filter((y) => u.includes(y.guid)).reduce((y, S) => y + (S?.balance || 0), 0), [u, R]), k = h.useMemo(() => b.filter((y) => u.includes(y.accountGuid || "")).reduce((y, S) => y + S.amount, 0), [u, b]), p = h.useMemo(() => v - k, [v, k]);
+  return C ? /* @__PURE__ */ e(D, {
+    className: "mx-cashflow",
+    pl: 16,
+    pr: 16,
+    pt: 16,
+    children: a > 710 ? /* @__PURE__ */ n(s, {
+      border: `1px solid ${o.palette.divider}`,
       borderRadius: 1,
       direction: "row",
       justifyContent: "space-between",
       px: 24,
       children: [
-        /* @__PURE__ */ n(s, { pb: 14, pt: 12, children: [
-          /* @__PURE__ */ e(E, { amount: D, variant: "h2" }),
-          /* @__PURE__ */ e(k, { variant: "caption", whiteSpace: "nowrap", children: H(
-            c.total_cash_accounts,
-            a.length
-          ) })
-        ] }),
-        /* @__PURE__ */ e(s, { pt: 18, children: /* @__PURE__ */ e(z, { name: "remove" }) }),
-        /* @__PURE__ */ n(s, { pb: 14, pt: 12, children: [
-          /* @__PURE__ */ e(E, { amount: N, variant: "h2" }),
-          /* @__PURE__ */ e(k, { variant: "caption", whiteSpace: "nowrap", children: H(c.expenses_due, b.length) })
-        ] }),
-        /* @__PURE__ */ e(s, { pt: 18, children: /* @__PURE__ */ e(z, { name: "equal" }) }),
-        /* @__PURE__ */ n(s, { pb: 14, pr: 24, pt: 12, children: [
-          /* @__PURE__ */ e(E, { amount: p, variant: "h2" }),
-          /* @__PURE__ */ n(s, { alignItems: "center", direction: "row", gap: 8, children: [
-            /* @__PURE__ */ e(k, { variant: "caption", whiteSpace: "nowrap", children: c.available_to_spend }),
-            /* @__PURE__ */ e(pe, { body: c.tooltip_body, title: c.tooltip_title })
-          ] })
-        ] }),
-        /* @__PURE__ */ e(s, { borderLeft: `1px solid ${i.palette.divider}`, pb: 12, pl: 24, pt: 12, children: /* @__PURE__ */ n(j, { children: [
-          /* @__PURE__ */ e(m, { variant: "h2", children: H(c.days, l) }),
-          /* @__PURE__ */ e(k, { variant: "caption", whiteSpace: "nowrap", children: c.next_paycheck })
-        ] }) })
+        /* @__PURE__ */ n(s, {
+          pb: 14,
+          pt: 12,
+          children: [/* @__PURE__ */ e(E, {
+            amount: v,
+            variant: "h2"
+          }), /* @__PURE__ */ e(L, {
+            variant: "caption",
+            whiteSpace: "nowrap",
+            children: F(c.total_cash_accounts, i.length)
+          })]
+        }),
+        /* @__PURE__ */ e(s, {
+          pt: 18,
+          children: /* @__PURE__ */ e(z, { name: "remove" })
+        }),
+        /* @__PURE__ */ n(s, {
+          pb: 14,
+          pt: 12,
+          children: [/* @__PURE__ */ e(E, {
+            amount: k,
+            variant: "h2"
+          }), /* @__PURE__ */ e(L, {
+            variant: "caption",
+            whiteSpace: "nowrap",
+            children: F(c.expenses_due, b.length)
+          })]
+        }),
+        /* @__PURE__ */ e(s, {
+          pt: 18,
+          children: /* @__PURE__ */ e(z, { name: "equal" })
+        }),
+        /* @__PURE__ */ n(s, {
+          pb: 14,
+          pr: 24,
+          pt: 12,
+          children: [/* @__PURE__ */ e(E, {
+            amount: p,
+            variant: "h2"
+          }), /* @__PURE__ */ n(s, {
+            alignItems: "center",
+            direction: "row",
+            gap: 8,
+            children: [/* @__PURE__ */ e(L, {
+              variant: "caption",
+              whiteSpace: "nowrap",
+              children: c.available_to_spend
+            }), /* @__PURE__ */ e(le, {
+              body: c.tooltip_body,
+              title: c.tooltip_title
+            })]
+          })]
+        }),
+        /* @__PURE__ */ e(s, {
+          borderLeft: `1px solid ${o.palette.divider}`,
+          pb: 12,
+          pl: 24,
+          pt: 12,
+          children: /* @__PURE__ */ n(j, { children: [/* @__PURE__ */ e(m, {
+            variant: "h2",
+            children: F(c.days, l)
+          }), /* @__PURE__ */ e(L, {
+            variant: "caption",
+            whiteSpace: "nowrap",
+            children: c.next_paycheck
+          })] })
+        })
       ]
-    }
-  ) : /* @__PURE__ */ n(s, { border: `1px solid ${i.palette.divider}`, borderRadius: 1, children: [
-    /* @__PURE__ */ n(s, { direction: "row", justifyContent: "space-between", p: 16, children: [
-      /* @__PURE__ */ e(m, { variant: "body2", children: H(
-        c.total_cash_accounts,
-        a.length
-      ) }),
-      /* @__PURE__ */ e(E, { amount: f, bold: !0, variant: "caption" })
-    ] }),
-    /* @__PURE__ */ e(v, {}),
-    /* @__PURE__ */ n(s, { direction: "row", justifyContent: "space-between", p: 16, children: [
-      /* @__PURE__ */ e(m, { variant: "body2", children: H(c.expenses_due, b.length) }),
-      /* @__PURE__ */ e(E, { amount: N, bold: !0, symbol: "-", variant: "caption" })
-    ] }),
-    /* @__PURE__ */ e(v, {}),
-    /* @__PURE__ */ e(
-      s,
-      {
-        alignItems: "center",
-        bgcolor: "background.default",
-        direction: "row",
-        gap: 8,
-        height: 48,
-        justifyContent: "space-between",
-        px: 16,
-        sx: { borderBottomLeftRadius: 4, borderBottomRightRadius: 4 },
-        children: /* @__PURE__ */ e(he, { remaining: p })
-      }
-    ),
-    /* @__PURE__ */ e(v, {}),
-    /* @__PURE__ */ n(s, { direction: "row", justifyContent: "space-between", p: 16, children: [
-      /* @__PURE__ */ e(m, { variant: "body2", children: c.next_paycheck }),
-      /* @__PURE__ */ e(m, { bold: !0, variant: "caption", children: H(c.days, l) })
-    ] })
-  ] }) }) : /* @__PURE__ */ e(Z, { height: t ? 210 : 120 });
-}, _t = A(yt), Ct = ({
-  onPrimaryCtaClick: i,
-  onSecondaryCtaClick: o,
-  sx: t = {}
-}) => {
-  const { cashflow: r } = L(), { isInitialized: f } = P(), { loadRepeatingTransactionData: u, income: c, isDataLoaded: l, setDateRange: b } = B();
+    }) : /* @__PURE__ */ n(s, {
+      border: `1px solid ${o.palette.divider}`,
+      borderRadius: 1,
+      children: [
+        /* @__PURE__ */ n(s, {
+          direction: "row",
+          justifyContent: "space-between",
+          p: 16,
+          children: [/* @__PURE__ */ e(m, {
+            variant: "body2",
+            children: F(c.total_cash_accounts, i.length)
+          }), /* @__PURE__ */ e(E, {
+            amount: f,
+            bold: !0,
+            variant: "caption"
+          })]
+        }),
+        /* @__PURE__ */ e(I, {}),
+        /* @__PURE__ */ n(s, {
+          direction: "row",
+          justifyContent: "space-between",
+          p: 16,
+          children: [/* @__PURE__ */ e(m, {
+            variant: "body2",
+            children: F(c.expenses_due, b.length)
+          }), /* @__PURE__ */ e(E, {
+            amount: k,
+            bold: !0,
+            symbol: "-",
+            variant: "caption"
+          })]
+        }),
+        /* @__PURE__ */ e(I, {}),
+        /* @__PURE__ */ e(s, {
+          alignItems: "center",
+          bgcolor: "background.default",
+          direction: "row",
+          gap: 8,
+          height: 48,
+          justifyContent: "space-between",
+          px: 16,
+          sx: {
+            borderBottomLeftRadius: 4,
+            borderBottomRightRadius: 4
+          },
+          children: /* @__PURE__ */ e(pe, { remaining: p })
+        }),
+        /* @__PURE__ */ e(I, {}),
+        /* @__PURE__ */ n(s, {
+          direction: "row",
+          justifyContent: "space-between",
+          p: 16,
+          children: [/* @__PURE__ */ e(m, {
+            variant: "body2",
+            children: c.next_paycheck
+          }), /* @__PURE__ */ e(m, {
+            bold: !0,
+            variant: "caption",
+            children: F(c.days, l)
+          })]
+        })
+      ]
+    })
+  }) : /* @__PURE__ */ e(J, { height: t ? 210 : 120 });
+}, yt = A(xt), _t = ({ onPrimaryCtaClick: o, onSecondaryCtaClick: a, sx: t = {} }) => {
+  const { cashflow: r } = N(), { isInitialized: f } = $(), { loadRepeatingTransactionData: u, income: c, isDataLoaded: l, setDateRange: b } = B();
   h.useEffect(() => {
-    b({ start: F(), end: Ye(F(), 1) }), l || u().finally();
-  }, []), Oe({
+    b({
+      start: H(),
+      end: ct(H(), 1)
+    }), l || u().finally();
+  }, []), ke({
     widgetName: "CashflowMiniWidget",
     isLoaded: l
   });
-  const a = l && !c.length;
-  return f ? /* @__PURE__ */ n(
-    Ze,
-    {
-      className: "mx-exp-cashflow-miniwidget",
-      onPrimaryCtaClick: i,
-      primaryCtaLabel: r.primary_cta,
-      primaryCtaLabelAria: r.primary_cta_aria,
-      subTitle: a || !l ? void 0 : r.sub_title,
-      sx: { height: "100%", ...t },
-      title: r.title,
-      children: [
-        !l && /* @__PURE__ */ e(Z, {}),
-        l && (a ? /* @__PURE__ */ e(
-          et,
-          {
-            header: r.create,
-            icon: "local_atm",
-            onClick: o,
-            primaryButton: r.add_income,
-            primaryButtonStartIcon: "add",
-            subText: r.create_description
-          }
-        ) : /* @__PURE__ */ e(_t, {}))
-      ]
-    }
-  ) : /* @__PURE__ */ e(Z, {});
-}, Mn = A(Ct), wt = ({ remaining: i }) => /* @__PURE__ */ e(
-  ee,
-  {
+  const i = l && !c.length;
+  return f ? /* @__PURE__ */ n(tt, {
+    className: "mx-exp-cashflow-miniwidget",
+    onPrimaryCtaClick: o,
+    primaryCtaLabel: r.primary_cta,
+    primaryCtaLabelAria: r.primary_cta_aria,
+    subTitle: i || !l ? void 0 : r.sub_title,
+    sx: {
+      height: "100%",
+      ...t
+    },
+    title: r.title,
+    children: [!l && /* @__PURE__ */ e(J, {}), l && (i ? /* @__PURE__ */ e(qe, {
+      header: r.create,
+      icon: "local_atm",
+      onClick: a,
+      primaryButton: r.add_income,
+      primaryButtonStartIcon: "add",
+      subText: r.create_description
+    }) : /* @__PURE__ */ e(yt, {}))]
+  }) : /* @__PURE__ */ e(J, {});
+}, _n = A(_t), Ct = ({ remaining: o }) => /* @__PURE__ */ e(Q, {
+  sx: {
+    alignItems: "center",
+    backgroundColor: "background.highlight",
+    display: "flex",
+    gap: 12,
+    padding: "12px 24px",
+    borderBottomLeftRadius: "3px",
+    borderBottomRightRadius: "3px",
+    minHeight: "auto"
+  },
+  children: /* @__PURE__ */ e(pe, { remaining: o })
+}), ae = /* @__PURE__ */ (function(o) {
+  return o.EXPENSE = "expense", o.INCOME = "income", o;
+})({}), wt = ({ recurrence: o }) => /* @__PURE__ */ n(j, { children: [/* @__PURE__ */ n(Q, {
+  sx: {
+    display: "flex",
+    alignItems: "center",
+    gap: 16,
+    px: 24,
+    py: 12
+  },
+  children: [
+    /* @__PURE__ */ n(s, {
+      alignItems: "center",
+      height: 32,
+      width: 32,
+      children: [/* @__PURE__ */ e(m, {
+        bold: !0,
+        sx: { fontSize: 11 },
+        children: U(o.expectedDate, P.MONTH)
+      }), /* @__PURE__ */ e(m, {
+        bold: !0,
+        sx: { fontSize: 11 },
+        children: U(o.expectedDate, P.DAY)
+      })]
+    }),
+    /* @__PURE__ */ e(m, {
+      sx: {
+        flexGrow: 1,
+        fontSize: 13
+      },
+      children: o.name
+    }),
+    /* @__PURE__ */ e(E, {
+      amount: o.amount,
+      bold: !0,
+      sx: {
+        textAlign: "right",
+        fontSize: 13
+      }
+    })
+  ]
+}), /* @__PURE__ */ e(I, {})] }), Te = A(wt), vt = ({ total: o, type: a }) => {
+  const { cashflow: t } = N();
+  return /* @__PURE__ */ n(j, { children: [/* @__PURE__ */ n(ft, {
     sx: {
       alignItems: "center",
       backgroundColor: "background.highlight",
       display: "flex",
-      gap: 12,
-      padding: "12px 24px",
-      borderBottomLeftRadius: "3px",
-      borderBottomRightRadius: "3px",
-      minHeight: "auto"
+      justifyContent: "space-between",
+      pb: 4,
+      pt: 12,
+      px: 24
     },
-    children: /* @__PURE__ */ e(he, { remaining: i })
-  }
-);
-var te = /* @__PURE__ */ ((i) => (i.EXPENSE = "expense", i.INCOME = "income", i))(te || {});
-const St = ({ recurrence: i }) => /* @__PURE__ */ n(j, { children: [
-  /* @__PURE__ */ n(ee, { sx: { display: "flex", alignItems: "center", gap: 16, px: 24, py: 12 }, children: [
-    /* @__PURE__ */ n(s, { alignItems: "center", height: 32, width: 32, children: [
-      /* @__PURE__ */ e(m, { bold: !0, sx: { fontSize: 11 }, children: U(i.expectedDate, Y.MONTH) }),
-      /* @__PURE__ */ e(m, { bold: !0, sx: { fontSize: 11 }, children: U(i.expectedDate, Y.DAY) })
-    ] }),
-    /* @__PURE__ */ e(m, { sx: { flexGrow: 1, fontSize: 13 }, children: i.name }),
-    /* @__PURE__ */ e(
-      E,
-      {
-        amount: i.amount,
-        bold: !0,
-        sx: { textAlign: "right", fontSize: 13 }
-      }
-    )
-  ] }),
-  /* @__PURE__ */ e(v, {})
-] }), Te = A(St), Dt = ({ total: i, type: o }) => {
-  const { cashflow: t } = L();
-  return /* @__PURE__ */ n(j, { children: [
-    /* @__PURE__ */ n(
-      it,
-      {
-        sx: {
-          alignItems: "center",
-          backgroundColor: "background.highlight",
-          display: "flex",
-          justifyContent: "space-between",
-          pb: 4,
-          pt: 12,
-          px: 24
-        },
-        children: [
-          /* @__PURE__ */ e(m, { bold: !0, sx: { fontSize: 12 }, children: o === te.EXPENSE ? t.expenses : t.income }),
-          /* @__PURE__ */ n(m, { bold: !0, sx: { fontSize: 13 }, children: [
-            o === te.EXPENSE ? "-" : "+",
-            J(i, "0,0.00")
-          ] })
-        ]
-      }
-    ),
-    /* @__PURE__ */ e(v, {})
-  ] });
-}, Ae = A(Dt), oe = (i, o) => (t) => t.accountGuid === i.guid && (Fe(t.expectedDate) || Ge(t.expectedDate, o.start)) && Me(t.expectedDate, o.end), It = () => {
-  const { availableWidth: i } = ae(), { cashflow: o } = L(), { upcomingExpenses: t, upcomingIncome: r } = B(), { dateRange: f, selectedCashAccounts: u } = q();
-  return /* @__PURE__ */ n(s, { children: [
-    /* @__PURE__ */ n(s, { direction: i < 400 ? "column" : "row", justifyContent: "space-between", children: [
-      /* @__PURE__ */ e(m, { bold: !0, sx: { fontSize: 15, mb: 12 }, children: o.accounts_breakdown }),
-      /* @__PURE__ */ n(m, { bold: !0, sx: { fontSize: 15, mb: 12 }, children: [
-        U(f.start, Y.FULL_MONTH_DAY),
+    children: [/* @__PURE__ */ e(m, {
+      bold: !0,
+      sx: { fontSize: 12 },
+      children: a === ae.EXPENSE ? t.expenses : t.income
+    }), /* @__PURE__ */ n(m, {
+      bold: !0,
+      sx: { fontSize: 13 },
+      children: [a === ae.EXPENSE ? "-" : "+", V(o, "0,0.00")]
+    })]
+  }), /* @__PURE__ */ e(I, {})] });
+}, Ae = A(vt), oe = (o, a) => (t) => t.accountGuid === o.guid && (We(t.expectedDate) || Fe(t.expectedDate, a.start)) && Me(t.expectedDate, a.end), St = () => {
+  const { availableWidth: o } = ie(), { cashflow: a } = N(), { upcomingExpenses: t, upcomingIncome: r } = B(), { dateRange: f, selectedCashAccounts: u } = Y();
+  return /* @__PURE__ */ n(s, { children: [/* @__PURE__ */ n(s, {
+    direction: o < 400 ? "column" : "row",
+    justifyContent: "space-between",
+    children: [/* @__PURE__ */ e(m, {
+      bold: !0,
+      sx: {
+        fontSize: 15,
+        mb: 12
+      },
+      children: a.accounts_breakdown
+    }), /* @__PURE__ */ n(m, {
+      bold: !0,
+      sx: {
+        fontSize: 15,
+        mb: 12
+      },
+      children: [
+        U(f.start, P.FULL_MONTH_DAY),
         " -",
         " ",
-        U(f.end, Y.FULL_MONTH_DAY)
-      ] })
-    ] }),
-    /* @__PURE__ */ e(s, { children: u.map((c) => {
-      const l = r.filter(oe(c, f)).sort((d, x) => le(d.expectedDate) - le(x.expectedDate)), b = t.filter(
-        oe(c, f)
-      ), a = l.reduce(
-        (d, x) => d + x.amount,
-        0
-      ), g = b.reduce(
-        (d, x) => d + x.amount,
-        0
-      );
-      return /* @__PURE__ */ n(
-        Q,
-        {
-          sx: {
-            border: "1px solid",
-            borderColor: "neutral.light",
-            mb: 24,
-            borderRadius: 1
-          },
-          children: [
-            /* @__PURE__ */ e(
-              ot,
-              {
-                account: c,
-                listItemProps: {
-                  disableGutters: !1,
-                  disablePadding: !1,
-                  sx: { borderTopRadius: 1, pr: 24 }
-                }
-              }
-            ),
-            /* @__PURE__ */ e(v, {}),
-            l.length > 0 && /* @__PURE__ */ e(ee, { children: /* @__PURE__ */ e(
-              Q,
-              {
-                subheader: /* @__PURE__ */ e(Ae, { total: a, type: te.INCOME }),
-                sx: { width: "100%" },
-                children: l.map((d) => /* @__PURE__ */ e(Te, { recurrence: d }, d.repeatingTransactionGuid))
-              }
-            ) }),
-            b.length > 0 && /* @__PURE__ */ e(ee, { children: /* @__PURE__ */ e(
-              Q,
-              {
-                subheader: /* @__PURE__ */ e(Ae, { total: g, type: te.EXPENSE }),
-                sx: { width: "100%" },
-                children: b.map((d) => /* @__PURE__ */ e(Te, { recurrence: d }, d.repeatingTransactionGuid))
-              }
-            ) }),
-            /* @__PURE__ */ e(
-              wt,
-              {
-                remaining: (c.available_balance || c.balance || 0) + a - g
-              }
-            )
-          ]
-        },
-        c.guid
-      );
-    }) })
-  ] });
-}, vt = A(It), Tt = () => {
-  const { availableWidth: i } = ae(), o = ie(), { cashflow: t } = L(), { upcomingExpenses: r, upcomingIncome: f } = B(), { dateRange: u, selectedCashAccounts: c } = q(), l = [
+        U(f.end, P.FULL_MONTH_DAY)
+      ]
+    })]
+  }), /* @__PURE__ */ e(s, { children: u.map((c) => {
+    const l = r.filter(oe(c, f)).sort((d, x) => ce(d.expectedDate) - ce(x.expectedDate)), b = t.filter(oe(c, f)), i = l.reduce((d, x) => d + x.amount, 0), g = b.reduce((d, x) => d + x.amount, 0);
+    return /* @__PURE__ */ n(X, {
+      sx: {
+        border: "1px solid",
+        borderColor: "neutral.light",
+        mb: 24,
+        borderRadius: 1
+      },
+      children: [
+        /* @__PURE__ */ e(Ve, {
+          account: c,
+          listItemProps: {
+            disableGutters: !1,
+            disablePadding: !1,
+            sx: {
+              borderTopRadius: 1,
+              pr: 24
+            }
+          }
+        }),
+        /* @__PURE__ */ e(I, {}),
+        l.length > 0 && /* @__PURE__ */ e(Q, { children: /* @__PURE__ */ e(X, {
+          subheader: /* @__PURE__ */ e(Ae, {
+            total: i,
+            type: ae.INCOME
+          }),
+          sx: { width: "100%" },
+          children: l.map((d) => /* @__PURE__ */ e(Te, { recurrence: d }, d.repeatingTransactionGuid))
+        }) }),
+        b.length > 0 && /* @__PURE__ */ e(Q, { children: /* @__PURE__ */ e(X, {
+          subheader: /* @__PURE__ */ e(Ae, {
+            total: g,
+            type: ae.EXPENSE
+          }),
+          sx: { width: "100%" },
+          children: b.map((d) => /* @__PURE__ */ e(Te, { recurrence: d }, d.repeatingTransactionGuid))
+        }) }),
+        /* @__PURE__ */ e(Ct, { remaining: (c.available_balance || c.balance || 0) + i - g })
+      ]
+    }, c.guid);
+  }) })] });
+}, Dt = A(St), It = () => {
+  const { availableWidth: o } = ie(), a = re(), { cashflow: t } = N(), { upcomingExpenses: r, upcomingIncome: f } = B(), { dateRange: u, selectedCashAccounts: c } = Y(), l = [
     {
       field: "account",
       flex: 1.5,
       headerName: t.accounts,
-      renderCell: ({ value: { name: a, nickname: g, institution_guid: d, account_number: x } }) => {
-        const C = g || a;
-        return /* @__PURE__ */ n(s, { alignItems: "center", flexDirection: "row", gap: 12, children: [
-          /* @__PURE__ */ e(
-            xe,
-            {
-              alt: t.institution_logo,
-              institutionGuid: d || "",
-              size: 16
-            }
-          ),
-          /* @__PURE__ */ e(m, { variant: "body2", children: `${C} ${x ? `*${x}` : ""}` })
-        ] });
+      renderCell: ({ value: { name: i, nickname: g, institution_guid: d, account_number: x } }) => {
+        const C = g || i;
+        return /* @__PURE__ */ n(s, {
+          alignItems: "center",
+          flexDirection: "row",
+          gap: 12,
+          children: [/* @__PURE__ */ e(ve, {
+            alt: t.institution_logo,
+            institutionGuid: d || "",
+            size: 16
+          }), /* @__PURE__ */ e(m, {
+            variant: "body2",
+            children: `${C} ${x ? `*${x}` : ""}`
+          })]
+        });
       }
     },
     {
@@ -360,706 +412,759 @@ const St = ({ recurrence: i }) => /* @__PURE__ */ n(j, { children: [
       flex: 1,
       headerName: t.balance,
       type: "number",
-      renderCell: (a) => /* @__PURE__ */ e(m, { color: o.palette.text.primary, variant: "body2", children: J(a.value, "0,0.00") })
+      renderCell: (i) => /* @__PURE__ */ e(m, {
+        color: a.palette.text.primary,
+        variant: "body2",
+        children: V(i.value, "0,0.00")
+      })
     },
     {
       field: "income",
       flex: 1,
       headerName: t.projected_income,
       type: "number",
-      renderCell: (a) => /* @__PURE__ */ e(m, { color: o.palette.text.primary, variant: "body2", children: `+${J(a.value, "0,0.00")}` })
+      renderCell: (i) => /* @__PURE__ */ e(m, {
+        color: a.palette.text.primary,
+        variant: "body2",
+        children: `+${V(i.value, "0,0.00")}`
+      })
     },
     {
       field: "expenses",
       flex: 1.1,
       headerName: t.projected_expenses,
       type: "number",
-      renderCell: (a) => /* @__PURE__ */ e(m, { color: o.palette.text.primary, variant: "body2", children: `-${J(a.value, "0,0.00")}` })
+      renderCell: (i) => /* @__PURE__ */ e(m, {
+        color: a.palette.text.primary,
+        variant: "body2",
+        children: `-${V(i.value, "0,0.00")}`
+      })
     },
     {
       field: "remaining",
       flex: 1,
       headerName: t.remaining,
       type: "number",
-      renderCell: (a) => {
-        const g = a.row.balance + a.row.income - a.row.expenses;
-        return /* @__PURE__ */ e(
-          m,
-          {
-            color: Math.sign(g) === -1 ? o.palette.error.main : o.palette.text.primary,
-            variant: "body2",
-            children: J(g, "0,0.00")
-          }
-        );
+      renderCell: (i) => {
+        const g = i.row.balance + i.row.income - i.row.expenses;
+        return /* @__PURE__ */ e(m, {
+          color: Math.sign(g) === -1 ? a.palette.error.main : a.palette.text.primary,
+          variant: "body2",
+          children: V(g, "0,0.00")
+        });
       }
     }
-  ], b = h.useMemo(() => c.map((a) => {
-    const g = r.filter(
-      oe(a, { start: F(), end: _e(F(), 30) })
-    ).reduce((C, w) => C + w.amount, 0), d = f.filter(
-      oe(a, { start: F(), end: _e(F(), 30) })
-    ).reduce((C, w) => C + w.amount, 0), x = (a.balance || 0) + d - g;
+  ], b = h.useMemo(() => c.map((i) => {
+    const g = r.filter(oe(i, {
+      start: H(),
+      end: Se(H(), 30)
+    })).reduce((C, w) => C + w.amount, 0), d = f.filter(oe(i, {
+      start: H(),
+      end: Se(H(), 30)
+    })).reduce((C, w) => C + w.amount, 0), x = (i.balance || 0) + d - g;
     return {
-      account: a,
-      balance: a.balance || 0,
-      id: a.guid,
+      account: i,
+      balance: i.balance || 0,
+      id: i.guid,
       income: d,
       expenses: g,
       remaining: x
     };
-  }), [c, r, f]);
-  return /* @__PURE__ */ n(
-    I,
-    {
+  }), [
+    c,
+    r,
+    f
+  ]);
+  return /* @__PURE__ */ n(D, {
+    sx: { width: "100%" },
+    children: [/* @__PURE__ */ n(s, {
+      direction: o < 540 ? "column" : "row",
+      justifyContent: "space-between",
+      mb: 12,
+      children: [/* @__PURE__ */ n(s, {
+        alignItems: "center",
+        direction: "row",
+        gap: 8,
+        children: [/* @__PURE__ */ e(m, {
+          bold: !0,
+          sx: { fontSize: 15 },
+          children: t.cash_inflow_and_outflow
+        }), /* @__PURE__ */ e(le, {
+          body: t.table_tooltip_body,
+          title: t.table_tooltip_title
+        })]
+      }), /* @__PURE__ */ n(m, {
+        bold: !0,
+        sx: { fontSize: 15 },
+        children: [
+          U(u.start, P.FULL_MONTH_DAY),
+          " -",
+          " ",
+          U(u.end, P.FULL_MONTH_DAY)
+        ]
+      })]
+    }), o > 650 ? /* @__PURE__ */ e(gt, {
+      columnHeaderHeight: 48,
+      columns: l,
+      density: "standard",
+      disableColumnMenu: !0,
+      disableRowSelectionOnClick: !0,
+      hideFooter: !0,
+      rowHeight: 48,
+      rows: b,
       sx: {
-        width: "100%"
-      },
-      children: [
-        /* @__PURE__ */ n(
-          s,
-          {
-            direction: i < 540 ? "column" : "row",
-            justifyContent: "space-between",
-            mb: 12,
+        border: "1px solid",
+        borderColor: "neutral.light",
+        borderRadius: 1,
+        "& .MuiDataGrid-columnHeader .MuiIconButton-root": {
+          color: a.palette.primary.main,
+          "&:hover": { backgroundColor: dt(a.palette.primary.main, 0.1) }
+        },
+        "& .MuiDataGrid-columnHeaderTitle": {
+          fontFamily: a.typography.h3.fontFamily,
+          fontSize: a.typography.body2.fontSize
+        },
+        "& .MuiDataGrid-sortIcon": { color: a.palette.primary.main }
+      }
+    }) : b.map((i) => {
+      const { name: g, nickname: d, institution_guid: x, account_number: C } = i.account, w = d || g;
+      return /* @__PURE__ */ e(X, {
+        sx: {
+          border: "1px solid",
+          borderColor: "neutral.light",
+          borderRadius: 1,
+          marginBottom: 24
+        },
+        children: /* @__PURE__ */ e(Q, {
+          sx: { minHeight: "auto" },
+          children: /* @__PURE__ */ n(s, {
+            width: "100%",
             children: [
-              /* @__PURE__ */ n(s, { alignItems: "center", direction: "row", gap: 8, children: [
-                /* @__PURE__ */ e(
-                  m,
-                  {
-                    bold: !0,
-                    sx: {
-                      fontSize: 15
-                    },
-                    children: t.cash_inflow_and_outflow
-                  }
-                ),
-                /* @__PURE__ */ e(
-                  pe,
-                  {
-                    body: t.table_tooltip_body,
-                    title: t.table_tooltip_title
-                  }
-                )
-              ] }),
-              /* @__PURE__ */ n(m, { bold: !0, sx: { fontSize: 15 }, children: [
-                U(u.start, Y.FULL_MONTH_DAY),
-                " -",
-                " ",
-                U(u.end, Y.FULL_MONTH_DAY)
-              ] })
+              /* @__PURE__ */ n(s, {
+                alignItems: "center",
+                flexDirection: "row",
+                justifyContent: "space-between",
+                px: 16,
+                py: 12,
+                children: [/* @__PURE__ */ n(s, {
+                  alignItems: "center",
+                  flexDirection: "row",
+                  gap: 8,
+                  width: "50%",
+                  children: [/* @__PURE__ */ e(ve, {
+                    alt: t.institution_logo,
+                    institutionGuid: x || "",
+                    size: 16
+                  }), /* @__PURE__ */ e(m, {
+                    variant: "body2",
+                    children: `${w} ${C ? `*${C}` : ""}`
+                  })]
+                }), /* @__PURE__ */ e(E, {
+                  amount: i.balance,
+                  bold: !0,
+                  variant: "body2"
+                })]
+              }),
+              /* @__PURE__ */ e(I, { sx: { width: "100%" } }),
+              /* @__PURE__ */ n(s, {
+                alignItems: "center",
+                flexDirection: "row",
+                justifyContent: "space-between",
+                px: 16,
+                py: 12,
+                children: [/* @__PURE__ */ e(m, {
+                  variant: "body2",
+                  children: t.projected_income
+                }), /* @__PURE__ */ e(E, {
+                  amount: i.income,
+                  bold: !0,
+                  symbol: "+",
+                  variant: "body2"
+                })]
+              }),
+              /* @__PURE__ */ e(I, { sx: { width: "100%" } }),
+              /* @__PURE__ */ n(s, {
+                alignItems: "center",
+                flexDirection: "row",
+                justifyContent: "space-between",
+                px: 16,
+                py: 12,
+                children: [/* @__PURE__ */ e(m, {
+                  variant: "body2",
+                  children: t.projected_expenses
+                }), /* @__PURE__ */ e(E, {
+                  amount: i.expenses,
+                  bold: !0,
+                  symbol: "-",
+                  variant: "body2"
+                })]
+              }),
+              /* @__PURE__ */ e(I, { sx: { width: "100%" } }),
+              /* @__PURE__ */ e(s, {
+                alignItems: "center",
+                bgcolor: "background.default",
+                flexDirection: "row",
+                gap: 8,
+                justifyContent: "space-between",
+                px: 16,
+                py: 12,
+                sx: {
+                  borderBottomLeftRadius: "4px",
+                  borderBottomRightRadius: "4px"
+                },
+                children: /* @__PURE__ */ e(pe, { remaining: i.remaining })
+              })
             ]
-          }
-        ),
-        i > 650 ? /* @__PURE__ */ e(
-          at,
-          {
-            columnHeaderHeight: 48,
-            columns: l,
-            density: "standard",
-            disableColumnMenu: !0,
-            disableRowSelectionOnClick: !0,
-            hideFooter: !0,
-            rowHeight: 48,
-            rows: b,
-            sx: {
-              border: "1px solid",
-              borderColor: "neutral.light",
-              borderRadius: 1,
-              "& .MuiDataGrid-columnHeader .MuiIconButton-root": {
-                color: o.palette.primary.main,
-                "&:hover": {
-                  backgroundColor: qe(o.palette.primary.main, 0.1)
-                }
-              },
-              "& .MuiDataGrid-columnHeaderTitle": {
-                fontFamily: o.typography.h3.fontFamily,
-                fontSize: o.typography.body2.fontSize
-              },
-              "& .MuiDataGrid-sortIcon": {
-                color: o.palette.primary.main
-              }
-            }
-          }
-        ) : b.map((a) => {
-          const { name: g, nickname: d, institution_guid: x, account_number: C } = a.account, w = d || g;
-          return /* @__PURE__ */ e(
-            Q,
-            {
-              sx: {
-                border: "1px solid",
-                borderColor: "neutral.light",
-                borderRadius: 1,
-                marginBottom: 24
-              },
-              children: /* @__PURE__ */ e(ee, { sx: { minHeight: "auto" }, children: /* @__PURE__ */ n(s, { width: "100%", children: [
-                /* @__PURE__ */ n(
-                  s,
-                  {
-                    alignItems: "center",
-                    flexDirection: "row",
-                    justifyContent: "space-between",
-                    px: 16,
-                    py: 12,
-                    children: [
-                      /* @__PURE__ */ n(s, { alignItems: "center", flexDirection: "row", gap: 8, width: "50%", children: [
-                        /* @__PURE__ */ e(
-                          xe,
-                          {
-                            alt: t.institution_logo,
-                            institutionGuid: x || "",
-                            size: 16
-                          }
-                        ),
-                        /* @__PURE__ */ e(m, { variant: "body2", children: `${w} ${C ? `*${C}` : ""}` })
-                      ] }),
-                      /* @__PURE__ */ e(E, { amount: a.balance, bold: !0, variant: "body2" })
-                    ]
-                  }
-                ),
-                /* @__PURE__ */ e(v, { sx: { width: "100%" } }),
-                /* @__PURE__ */ n(
-                  s,
-                  {
-                    alignItems: "center",
-                    flexDirection: "row",
-                    justifyContent: "space-between",
-                    px: 16,
-                    py: 12,
-                    children: [
-                      /* @__PURE__ */ e(m, { variant: "body2", children: t.projected_income }),
-                      /* @__PURE__ */ e(E, { amount: a.income, bold: !0, symbol: "+", variant: "body2" })
-                    ]
-                  }
-                ),
-                /* @__PURE__ */ e(v, { sx: { width: "100%" } }),
-                /* @__PURE__ */ n(
-                  s,
-                  {
-                    alignItems: "center",
-                    flexDirection: "row",
-                    justifyContent: "space-between",
-                    px: 16,
-                    py: 12,
-                    children: [
-                      /* @__PURE__ */ e(m, { variant: "body2", children: t.projected_expenses }),
-                      /* @__PURE__ */ e(E, { amount: a.expenses, bold: !0, symbol: "-", variant: "body2" })
-                    ]
-                  }
-                ),
-                /* @__PURE__ */ e(v, { sx: { width: "100%" } }),
-                /* @__PURE__ */ e(
-                  s,
-                  {
-                    alignItems: "center",
-                    bgcolor: "background.default",
-                    flexDirection: "row",
-                    gap: 8,
-                    justifyContent: "space-between",
-                    px: 16,
-                    py: 12,
-                    sx: { borderBottomLeftRadius: "4px", borderBottomRightRadius: "4px" },
-                    children: /* @__PURE__ */ e(he, { remaining: a.remaining })
-                  }
-                )
-              ] }) })
-            },
-            a.id
-          );
+          })
         })
-      ]
-    }
-  );
-}, At = A(Tt), Rt = () => {
-  const { cashflow: i } = L(), { isDesktop: o } = ue(), { onEvent: t } = Ne(), [r, f] = h.useState(0), u = (c, l) => {
+      }, i.id);
+    })]
+  });
+}, Tt = A(It), At = () => {
+  const { cashflow: o } = N(), { isDesktop: a } = de(), { onEvent: t } = Oe(), [r, f] = h.useState(0), u = (c, l) => {
     f(l);
   };
   return h.useEffect(() => {
     t(r === 0 ? "cash_flow_summary" : "cash_flow_details");
-  }, [r]), /* @__PURE__ */ n(I, { children: [
-    /* @__PURE__ */ n(
-      nt,
-      {
-        "aria-label": i.cashflow_summary_and_details,
-        centered: !0,
-        onChange: u,
-        textColor: "primary",
-        value: r,
-        variant: "fullWidth",
-        children: [
-          /* @__PURE__ */ e(
-            ye,
-            {
-              "aria-controls": "cashflow-tabpanel-0",
-              id: "cashflow-tab-0",
-              label: i.summary,
-              sx: {
-                textTransform: "none"
-              }
-            }
-          ),
-          /* @__PURE__ */ e(
-            ye,
-            {
-              "aria-controls": "cashflow-tabpanel-1",
-              id: "cashflow-tab-1",
-              label: i.details,
-              sx: {
-                textTransform: "none"
-              }
-            }
-          )
-        ]
-      }
-    ),
-    /* @__PURE__ */ e(I, { sx: { mb: 32 } }),
-    /* @__PURE__ */ e(Ce, { index: 0, name: "cashflow", value: r, children: /* @__PURE__ */ e(I, { sx: { m: o ? 48 : 16 }, children: /* @__PURE__ */ e(At, {}) }) }),
-    /* @__PURE__ */ e(Ce, { index: 1, name: "cashflow", value: r, children: /* @__PURE__ */ e(I, { sx: { m: o ? 48 : 16 }, children: /* @__PURE__ */ e(vt, {}) }) })
-  ] });
-}, Et = A(Rt), ne = ({
-  amount: i,
-  isMobile: o = !1,
-  isTotal: t = !1,
-  label: r,
-  symbol: f,
-  tooltip: u
-}) => /* @__PURE__ */ n(
-  s,
-  {
-    bgcolor: t ? "background.default" : "transparent",
-    direction: o ? "row" : "column",
-    justifyContent: o ? "space-between" : "initial",
-    padding: o ? "14px 16px" : 0,
-    sx: { borderBottomLeftRadius: 4, borderBottomRightRadius: 4 },
-    children: [
-      !o && /* @__PURE__ */ e(E, { amount: i, component: "h2", variant: "h2" }),
-      /* @__PURE__ */ n(s, { alignItems: "center", component: "span", direction: "row", gap: 8, mt: 2, children: [
-        /* @__PURE__ */ e(m, { bold: t, variant: "body2", children: r }),
-        u
-      ] }),
-      o && /* @__PURE__ */ e(E, { amount: i, component: "h2", symbol: f, variant: "body2" })
-    ]
-  }
-), Re = (i, o) => (t) => t.accountGuid && i.includes(t.accountGuid) && (Fe(t.expectedDate) || Ge(t.expectedDate, o.start)) && Me(t.expectedDate, o.end), Lt = () => {
-  const { availableWidth: i } = ae(), { cashflow: o } = L(), { income: t, isDataLoaded: r, upcomingExpenses: f, upcomingIncome: u } = B(), { selectedAccountGuids: c } = P(), { dateRange: l, selectedCashAccounts: b } = q(), [a, g] = h.useState(!1), d = h.useMemo(
-    () => f.filter(Re(c, l)),
-    [l, c, f]
-  ), x = h.useMemo(
-    () => u.filter(Re(c, l)),
-    [l, c, u]
-  ), C = h.useMemo(
-    () => b.reduce((_, S) => _ + (S?.balance || 0), 0),
-    [b]
-  ), w = d.reduce((_, S) => _ + S.amount, 0), R = x.reduce((_, S) => _ + S.amount, 0), D = C - w + R, N = r && t.length > 0, p = i < 725;
-  return /* @__PURE__ */ n(s, { sx: { mx: p ? 16 : 0, my: p ? 24 : 42 }, children: [
-    /* @__PURE__ */ n(
-      s,
-      {
-        border: p ? "1px solid" : "none",
-        borderColor: "neutral.light",
-        borderRadius: 2,
-        flexDirection: p ? "column" : "row",
-        gap: p ? 0 : 24,
-        justifyContent: "center",
-        children: [
-          /* @__PURE__ */ e(
-            ne,
-            {
-              amount: C,
-              isMobile: p,
-              label: H(o.cash_and_bank, b.length)
-            }
-          ),
-          p && /* @__PURE__ */ e(v, {}),
-          N ? /* @__PURE__ */ n(j, { children: [
-            !p && /* @__PURE__ */ e(m, { sx: { fontSize: 25, lineHeight: 1 }, children: "+" }),
-            /* @__PURE__ */ e(
-              ne,
-              {
-                amount: R,
-                isMobile: p,
-                label: o.to_be_received,
-                symbol: p ? "+" : void 0
-              }
-            )
-          ] }) : /* @__PURE__ */ e(
-            W,
-            {
-              onClick: () => g(!0),
-              startIcon: /* @__PURE__ */ e(z, { name: "add" }),
-              sx: { fontSize: 13 },
-              children: o.add_income
-            }
-          ),
-          p ? /* @__PURE__ */ e(v, {}) : /* @__PURE__ */ e(m, { sx: { fontSize: 25, lineHeight: 1 }, children: "-" }),
-          /* @__PURE__ */ e(
-            ne,
-            {
-              amount: w,
-              isMobile: p,
-              label: H(o.to_be_paid_out, d.length),
-              symbol: p ? "-" : void 0
-            }
-          ),
-          p ? /* @__PURE__ */ e(v, {}) : /* @__PURE__ */ e(m, { sx: { fontSize: 25, lineHeight: 1 }, children: "=" }),
-          /* @__PURE__ */ e(
-            ne,
-            {
-              amount: D,
-              isMobile: p,
-              isTotal: p,
-              label: o.remaining_cash,
-              tooltip: /* @__PURE__ */ e(
-                pe,
-                {
-                  body: o.remaining_income_tooltip_body,
-                  title: o.remaining_income_tooltip_title
-                }
-              )
-            }
-          )
-        ]
-      }
-    ),
-    /* @__PURE__ */ e(
-      He,
-      {
-        ariaLabelClose: o.close_manage_income_aria,
-        isOpen: a,
-        onClose: () => g(!1),
-        shouldShowHeaderBorders: !1,
-        title: o.manage_income,
-        children: /* @__PURE__ */ e(rt, {})
-      }
-    )
+  }, [r]), /* @__PURE__ */ n(D, { children: [
+    /* @__PURE__ */ n(pt, {
+      "aria-label": o.cashflow_summary_and_details,
+      centered: !0,
+      onChange: u,
+      textColor: "primary",
+      value: r,
+      variant: "fullWidth",
+      children: [/* @__PURE__ */ e(De, {
+        "aria-controls": "cashflow-tabpanel-0",
+        id: "cashflow-tab-0",
+        label: o.summary,
+        sx: { textTransform: "none" }
+      }), /* @__PURE__ */ e(De, {
+        "aria-controls": "cashflow-tabpanel-1",
+        id: "cashflow-tab-1",
+        label: o.details,
+        sx: { textTransform: "none" }
+      })]
+    }),
+    /* @__PURE__ */ e(D, { sx: { mb: 32 } }),
+    /* @__PURE__ */ e(_e, {
+      index: 0,
+      name: "cashflow",
+      value: r,
+      children: /* @__PURE__ */ e(D, {
+        sx: { m: a ? 48 : 16 },
+        children: /* @__PURE__ */ e(Tt, {})
+      })
+    }),
+    /* @__PURE__ */ e(_e, {
+      index: 1,
+      name: "cashflow",
+      value: r,
+      children: /* @__PURE__ */ e(D, {
+        sx: { m: a ? 48 : 16 },
+        children: /* @__PURE__ */ e(Dt, {})
+      })
+    })
   ] });
-}, Nt = A(Lt), kt = ({ onBackClick: i, onMenuClick: o, sx: t = {} }) => {
-  const { selectedAccounts: r, selectedAccountGuids: f, shouldDisableNextDate: u, shouldDisablePrevDate: c } = P(), { onEvent: l } = Ne(), { clientConfig: b } = Je(), { visibleCashAccounts: a } = Le(), { setFilter: g } = ke(), { dateRange: d, setSelectedCashAccounts: x } = q(), { loadRepeatingTransactionData: C, isDataLoaded: w, setDateRange: R } = B(), { cashflow: D, recurring: N } = L(), { isInitialized: p } = P(), S = b?.master?.deep_link_params?.view === "manage_income", [re, K] = h.useState(S);
+}, Rt = A(At), ne = ({ amount: o, isMobile: a = !1, isTotal: t = !1, label: r, symbol: f, tooltip: u }) => /* @__PURE__ */ n(s, {
+  bgcolor: t ? "background.default" : "transparent",
+  direction: a ? "row" : "column",
+  justifyContent: a ? "space-between" : "initial",
+  padding: a ? "14px 16px" : 0,
+  sx: {
+    borderBottomLeftRadius: 4,
+    borderBottomRightRadius: 4
+  },
+  children: [
+    !a && /* @__PURE__ */ e(E, {
+      amount: o,
+      component: "h2",
+      variant: "h2"
+    }),
+    /* @__PURE__ */ n(s, {
+      alignItems: "center",
+      component: "span",
+      direction: "row",
+      gap: 8,
+      mt: 2,
+      children: [/* @__PURE__ */ e(m, {
+        bold: t,
+        variant: "body2",
+        children: r
+      }), u]
+    }),
+    a && /* @__PURE__ */ e(E, {
+      amount: o,
+      component: "h2",
+      symbol: f,
+      variant: "body2"
+    })
+  ]
+}), Re = (o, a) => (t) => t.accountGuid && o.includes(t.accountGuid) && (We(t.expectedDate) || Fe(t.expectedDate, a.start)) && Me(t.expectedDate, a.end), Et = () => {
+  const { availableWidth: o } = ie(), { cashflow: a } = N(), { income: t, isDataLoaded: r, upcomingExpenses: f, upcomingIncome: u } = B(), { selectedAccountGuids: c } = $(), { dateRange: l, selectedCashAccounts: b } = Y(), [i, g] = h.useState(!1), d = h.useMemo(() => f.filter(Re(c, l)), [
+    l,
+    c,
+    f
+  ]), x = h.useMemo(() => u.filter(Re(c, l)), [
+    l,
+    c,
+    u
+  ]), C = h.useMemo(() => b.reduce((y, S) => y + (S?.balance || 0), 0), [b]), w = d.reduce((y, S) => y + S.amount, 0), R = x.reduce((y, S) => y + S.amount, 0), v = C - w + R, k = r && t.length > 0, p = o < 725;
+  return /* @__PURE__ */ n(s, {
+    sx: {
+      mx: p ? 16 : 0,
+      my: p ? 24 : 42
+    },
+    children: [/* @__PURE__ */ n(s, {
+      border: p ? "1px solid" : "none",
+      borderColor: "neutral.light",
+      borderRadius: 2,
+      flexDirection: p ? "column" : "row",
+      gap: p ? 0 : 24,
+      justifyContent: "center",
+      children: [
+        /* @__PURE__ */ e(ne, {
+          amount: C,
+          isMobile: p,
+          label: F(a.cash_and_bank, b.length)
+        }),
+        p && /* @__PURE__ */ e(I, {}),
+        k ? /* @__PURE__ */ n(j, { children: [!p && /* @__PURE__ */ e(m, {
+          sx: {
+            fontSize: 25,
+            lineHeight: 1
+          },
+          children: "+"
+        }), /* @__PURE__ */ e(ne, {
+          amount: R,
+          isMobile: p,
+          label: a.to_be_received,
+          symbol: p ? "+" : void 0
+        })] }) : /* @__PURE__ */ e(W, {
+          onClick: () => g(!0),
+          startIcon: /* @__PURE__ */ e(z, { name: "add" }),
+          sx: { fontSize: 13 },
+          children: a.add_income
+        }),
+        p ? /* @__PURE__ */ e(I, {}) : /* @__PURE__ */ e(m, {
+          sx: {
+            fontSize: 25,
+            lineHeight: 1
+          },
+          children: "-"
+        }),
+        /* @__PURE__ */ e(ne, {
+          amount: w,
+          isMobile: p,
+          label: F(a.to_be_paid_out, d.length),
+          symbol: p ? "-" : void 0
+        }),
+        p ? /* @__PURE__ */ e(I, {}) : /* @__PURE__ */ e(m, {
+          sx: {
+            fontSize: 25,
+            lineHeight: 1
+          },
+          children: "="
+        }),
+        /* @__PURE__ */ e(ne, {
+          amount: v,
+          isMobile: p,
+          isTotal: p,
+          label: a.remaining_cash,
+          tooltip: /* @__PURE__ */ e(le, {
+            body: a.remaining_income_tooltip_body,
+            title: a.remaining_income_tooltip_title
+          })
+        })
+      ]
+    }), /* @__PURE__ */ e(Ne, {
+      ariaLabelClose: a.close_manage_income_aria,
+      isOpen: i,
+      onClose: () => g(!1),
+      shouldShowHeaderBorders: !1,
+      title: a.manage_income,
+      children: /* @__PURE__ */ e(it, {})
+    })]
+  });
+}, Nt = A(Et), kt = ({ onBackClick: o, onMenuClick: a, sx: t = {} }) => {
+  const { selectedAccounts: r, selectedAccountGuids: f, shouldDisableNextDate: u, shouldDisablePrevDate: c } = $(), { onEvent: l } = Oe(), { clientConfig: b } = et(), { visibleCashAccounts: i } = Ge(), { setFilter: g } = Le(), { dateRange: d, setSelectedCashAccounts: x } = Y(), { loadRepeatingTransactionData: C, isDataLoaded: w, setDateRange: R } = B(), { cashflow: v, recurring: k } = N(), { isInitialized: p } = $(), y = b?.master?.deep_link_params?.view === "manage_income", [S, Z] = h.useState(y);
   return h.useEffect(() => {
     R(d), w || C().finally();
   }, []), h.useEffect(() => {
-    const se = a.map((G) => G.guid), $ = r.filter(
-      (G) => f.includes(G.guid) && se.includes(G.guid)
-    );
-    x($), g({
-      dateRange: { start: We(F(), 90), end: dt() },
-      accounts: $.map((G) => G.guid)
+    const ee = i.map((O) => O.guid), te = r.filter((O) => f.includes(O.guid) && ee.includes(O.guid));
+    x(te), g({
+      dateRange: {
+        start: He(H(), 90),
+        end: ut()
+      },
+      accounts: te.map((O) => O.guid)
     });
-  }, [a, r]), Oe({
+  }, [i, r]), ke({
     widgetName: "CashflowWidget",
     isLoaded: w
-  }), p ? /* @__PURE__ */ n(
-    mt,
-    {
-      actions: [
-        {
-          label: N.action_title,
-          iconName: "credit_card_gear",
-          onClick: () => {
-            K(!0), l(Se.CASH_FLOW_CLICK_SETTINGS);
-          }
-        }
-      ],
-      allowedAccountTypes: [
-        X.CASH,
-        X.CHECKING,
-        X.PREPAID,
-        X.SAVINGS,
-        X.CHECKING_LINE_OF_CREDIT
-      ],
-      calendarActions: {
-        shouldDisableNext: u,
-        shouldDisablePrevious: c,
-        shouldDisablePicker: !0,
-        onRangeChanged: () => {
-        }
-      },
-      dateRange: d,
-      dateRangeVariant: "readonly",
-      hasDivider: !0,
-      onAccountsFilterClick: () => l(Se.CASH_FLOW_CLICK_FILTER),
-      onBackClick: i,
-      onMenuClick: o,
-      sx: t,
-      title: D.title,
-      children: [
-        /* @__PURE__ */ e(Nt, {}),
-        /* @__PURE__ */ e(Et, {}),
-        /* @__PURE__ */ e(
-          He,
-          {
-            ariaLabelClose: D.close_settings_aria,
-            isOpen: re,
-            onClose: () => K(!1),
-            shouldShowHeaderBorders: !1,
-            title: N.action_title,
-            children: /* @__PURE__ */ e(tt, { defaultSelectedTab: S ? 1 : 0 })
-          }
-        )
-      ]
-    }
-  ) : /* @__PURE__ */ e(Z, {});
-}, Fn = A(kt), Ot = ({ handleNextStep: i }) => {
-  const { completeOnboarding: o } = me(), { cashflow: t } = L(), r = ie();
+  }), p ? /* @__PURE__ */ n(Ke, {
+    actions: [{
+      label: k.action_title,
+      iconName: "credit_card_gear",
+      onClick: () => {
+        Z(!0), l(Ce.CASH_FLOW_CLICK_SETTINGS);
+      }
+    }],
+    allowedAccountTypes: [
+      q.CASH,
+      q.CHECKING,
+      q.PREPAID,
+      q.SAVINGS,
+      q.CHECKING_LINE_OF_CREDIT
+    ],
+    calendarActions: {
+      shouldDisableNext: u,
+      shouldDisablePrevious: c,
+      shouldDisablePicker: !0,
+      onRangeChanged: () => {
+      }
+    },
+    dateRange: d,
+    dateRangeVariant: "readonly",
+    hasDivider: !0,
+    onAccountsFilterClick: () => l(Ce.CASH_FLOW_CLICK_FILTER),
+    onBackClick: o,
+    onMenuClick: a,
+    sx: t,
+    title: v.title,
+    children: [
+      /* @__PURE__ */ e(Nt, {}),
+      /* @__PURE__ */ e(Rt, {}),
+      /* @__PURE__ */ e(Ne, {
+        ariaLabelClose: v.close_settings_aria,
+        isOpen: S,
+        onClose: () => Z(!1),
+        shouldShowHeaderBorders: !1,
+        title: k.action_title,
+        children: /* @__PURE__ */ e(nt, { defaultSelectedTab: y ? 1 : 0 })
+      })
+    ]
+  }) : /* @__PURE__ */ e(J, {});
+}, Cn = A(kt), Lt = ({ handleNextStep: o }) => {
+  const { completeOnboarding: a } = me(), { cashflow: t } = N(), r = re();
   return /* @__PURE__ */ n(s, { children: [
-    /* @__PURE__ */ e(de, { pb: 12, variant: "h1", children: t.welcome_title }),
-    /* @__PURE__ */ e(Ve, { color: r.palette.primary.light, pb: 8, children: t.welcome_sub_title }),
-    /* @__PURE__ */ e(k, { pb: 32, children: t.welcome_description }),
-    /* @__PURE__ */ n(s, { direction: "column", mb: 32, spacing: 32, children: [
-      /* @__PURE__ */ n(k, { sx: { display: "flex", alignItems: "center", fontSize: 18 }, children: [
-        /* @__PURE__ */ e(
-          I,
-          {
+    /* @__PURE__ */ e(ue, {
+      pb: 12,
+      variant: "h1",
+      children: t.welcome_title
+    }),
+    /* @__PURE__ */ e(st, {
+      color: r.palette.primary.light,
+      pb: 8,
+      children: t.welcome_sub_title
+    }),
+    /* @__PURE__ */ e(L, {
+      pb: 32,
+      children: t.welcome_description
+    }),
+    /* @__PURE__ */ n(s, {
+      direction: "column",
+      mb: 32,
+      spacing: 32,
+      children: [
+        /* @__PURE__ */ n(L, {
+          sx: {
+            display: "flex",
+            alignItems: "center",
+            fontSize: 18
+          },
+          children: [/* @__PURE__ */ e(D, {
             bgcolor: r.palette.primary.lighter,
             borderRadius: 1,
             component: "span",
             height: 44,
             mr: 24,
-            sx: { display: "flex", alignItems: "center", justifyContent: "center", flexShrink: 0 },
+            sx: {
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center",
+              flexShrink: 0
+            },
             width: 44,
-            children: /* @__PURE__ */ e(z, { color: "primary", name: "currency_exchange" })
-          }
-        ),
-        t.bullet_one
-      ] }),
-      /* @__PURE__ */ n(k, { sx: { display: "flex", alignItems: "center", fontSize: 18 }, children: [
-        /* @__PURE__ */ e(
-          I,
-          {
+            children: /* @__PURE__ */ e(z, {
+              color: "primary",
+              name: "currency_exchange"
+            })
+          }), t.bullet_one]
+        }),
+        /* @__PURE__ */ n(L, {
+          sx: {
+            display: "flex",
+            alignItems: "center",
+            fontSize: 18
+          },
+          children: [/* @__PURE__ */ e(D, {
             bgcolor: r.palette.primary.lighter,
             borderRadius: 1,
             component: "span",
             height: 44,
             mr: 24,
-            sx: { display: "flex", alignItems: "center", justifyContent: "center", flexShrink: 0 },
+            sx: {
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center",
+              flexShrink: 0
+            },
             width: 44,
-            children: /* @__PURE__ */ e(z, { color: "primary", name: "cardiology" })
-          }
-        ),
-        t.bullet_two
-      ] }),
-      /* @__PURE__ */ n(k, { sx: { display: "flex", alignItems: "center", fontSize: 18 }, children: [
-        /* @__PURE__ */ e(
-          I,
-          {
+            children: /* @__PURE__ */ e(z, {
+              color: "primary",
+              name: "cardiology"
+            })
+          }), t.bullet_two]
+        }),
+        /* @__PURE__ */ n(L, {
+          sx: {
+            display: "flex",
+            alignItems: "center",
+            fontSize: 18
+          },
+          children: [/* @__PURE__ */ e(D, {
             bgcolor: r.palette.primary.lighter,
             borderRadius: 1,
             component: "span",
             height: 44,
             mr: 24,
-            sx: { display: "flex", alignItems: "center", justifyContent: "center", flexShrink: 0 },
+            sx: {
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center",
+              flexShrink: 0
+            },
             width: 44,
-            children: /* @__PURE__ */ e(z, { color: "primary", name: "flare" })
-          }
-        ),
-        t.bullet_three
-      ] })
-    ] }),
-    /* @__PURE__ */ n(s, { direction: "row", spacing: 16, children: [
-      /* @__PURE__ */ e(W, { onClick: i, variant: "contained", children: t.get_started_button }),
-      /* @__PURE__ */ e(W, { onClick: o, variant: "outlined", children: t.skip_button })
-    ] })
+            children: /* @__PURE__ */ e(z, {
+              color: "primary",
+              name: "flare"
+            })
+          }), t.bullet_three]
+        })
+      ]
+    }),
+    /* @__PURE__ */ n(s, {
+      direction: "row",
+      spacing: 16,
+      children: [/* @__PURE__ */ e(W, {
+        onClick: o,
+        variant: "contained",
+        children: t.get_started_button
+      }), /* @__PURE__ */ e(W, {
+        onClick: a,
+        variant: "outlined",
+        children: t.skip_button
+      })]
+    })
   ] });
-}, Gt = A(Ot), Ee = "https://content.moneydesktop.com/storage/MD_Assets/md/cashflow", ze = {
+}, Ot = A(Lt), Ee = "https://content.moneydesktop.com/storage/MD_Assets/md/cashflow", ze = {
   CASHFLOW_ONBOARDING: `${Ee}/cashflow-onboarding.png`,
   CASHFLOW_LOADING_ANIMATION: `${Ee}/loading-animation.gif`
-}, Mt = () => {
-  const { cashflow: i } = L();
+}, Gt = () => {
+  const { cashflow: o } = N();
   return /* @__PURE__ */ n(h.Fragment, { children: [
-    /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e("img", { alt: "Loading", src: ze.CASHFLOW_LOADING_ANIMATION }) }),
-    /* @__PURE__ */ e(de, { pb: 12, variant: "h1", children: i.loading_title }),
-    /* @__PURE__ */ e(k, { children: i.loading_description })
+    /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e("img", {
+      alt: "Loading",
+      src: ze.CASHFLOW_LOADING_ANIMATION
+    }) }),
+    /* @__PURE__ */ e(ue, {
+      pb: 12,
+      variant: "h1",
+      children: o.loading_title
+    }),
+    /* @__PURE__ */ e(L, { children: o.loading_description })
   ] });
-}, Ft = A(Mt), Ht = Ke`
+}, Mt = A(Gt), Ht = mt`
   from {
     transform: rotate(0deg);
   }
   to {
     transform: rotate(360deg);
   }
-`, Wt = () => {
-  const { addRepeatingTransaction: i, repeatingTransactions: o } = B(), { cashflow: t, common: r } = L(), { user: f } = Qe(), { completeOnboarding: u } = me(), { isDirty: c } = q(), { isMobile: l } = ue(), { isCopyLoaded: b, setDisplayedDate: a } = P(), { filter: g, setFilter: d, transactions: x } = ke(), C = ie(), [w, R] = V(!0), [D, N] = h.useState(gt.EveryMonth), [p, _] = h.useState(1), [S, re] = h.useState(15), [K, se] = V(!1), [$, G] = V(1), [O, je] = V([]), [fe, ce] = V(""), M = h.useMemo(
-    () => x.find((y) => y.guid === fe),
-    [fe, x]
-  ), Be = !!o.filter(
-    (y) => y.repeating_transaction_type === Ie.Income
-  ).length, ge = async () => {
-    G(2), a(
-      //  Beginning of the month, 90 days before today
-      pt(We(F(), 90)),
-      F()
-    ), d({ ...g, custom: we }), G(3);
-  }, $e = async () => {
-    if (!(O.length < 1)) {
-      se(!0);
-      for (let y = 0; y < O.length; y++) {
-        const T = O[y], be = ve(D, De(T.date)), Ue = {
+`, Ft = () => {
+  const { addRepeatingTransaction: o, repeatingTransactions: a } = B(), { cashflow: t, common: r } = N(), { user: f } = Ze(), { completeOnboarding: u } = me(), { isDirty: c } = Y(), { isMobile: l } = de(), { isCopyLoaded: b, setDisplayedDate: i } = $(), { filter: g, setFilter: d, transactions: x } = Le(), C = re(), [w, R] = K(!0), [v, k] = h.useState(Ye.EveryMonth), [p, y] = h.useState(1), [S, Z] = h.useState(15), [ee, te] = K(!1), [O, he] = K(1), [G, je] = K([]), [fe, se] = K(""), M = h.useMemo(() => x.find((_) => _.guid === fe), [fe, x]), Be = !!a.filter((_) => _.repeating_transaction_type === xe.Income).length, ge = async () => {
+    he(2), i(lt(He(H(), 90)), H()), d({
+      ...g,
+      custom: we
+    }), he(3);
+  }, Pe = async () => {
+    if (!(G.length < 1)) {
+      te(!0);
+      for (let _ = 0; _ < G.length; _++) {
+        const T = G[_], be = ye(v, Ie(T.date));
+        await o({
           account_guid: T.account_guid,
           amount: T.amount,
           created_by: 0,
-          //user
           merchant_guid: T.merchant_guid,
           description: T.feed_description || T.description,
-          predicted_occurs_on: ut(be, { representation: "date" }),
+          predicted_occurs_on: ht(be, { representation: "date" }),
           recurrence_day: be.getDay(),
-          recurrence_type: D,
-          repeating_transaction_type: Ie.Income,
+          recurrence_type: v,
+          repeating_transaction_type: xe.Income,
           second_recurrence_day: S,
           transaction_type: T.transaction_type,
           user_guid: f.guid
-        };
-        await i(Ue, T);
+        }, T);
       }
       await u();
     }
-  }, Pe = !M && w || !M && O.length < 1;
-  return b ? /* @__PURE__ */ n(
-    I,
-    {
-      sx: {
-        display: "flex",
-        alignItems: l ? "flex-start" : "center",
-        backgroundColor: C.palette.background.paper,
-        backgroundImage: l ? null : `url(${ze.CASHFLOW_ONBOARDING})`,
-        backgroundRepeat: "no-repeat",
-        backgroundPosition: "left 100px",
-        backgroundSize: "35%",
-        py: 24
-      },
-      children: [
-        $ === 1 && /* @__PURE__ */ e(
-          I,
-          {
-            sx: {
-              ...l ? { display: "flex", flexDirection: "column", maxWidth: "100%", padding: "0 16px" } : { maxWidth: 590, ml: "40%", mr: 90 }
-            },
-            children: /* @__PURE__ */ e(Gt, { handleNextStep: ge })
-          }
-        ),
-        $ === 2 && /* @__PURE__ */ e(
-          I,
-          {
-            sx: {
-              ...l ? { display: "flex", flexDirection: "column", maxWidth: "100%", padding: "0 16px" } : { maxWidth: 590, ml: "40%", mr: 90 }
-            },
-            children: /* @__PURE__ */ e(Ft, {})
-          }
-        ),
-        $ === 3 && /* @__PURE__ */ n(
-          I,
-          {
-            sx: {
-              ...l ? { display: "flex", flexDirection: "column", maxWidth: "100%", padding: "0 16px" } : { maxWidth: 590, ml: "40%", mr: 90 }
-            },
-            children: [
-              /* @__PURE__ */ e(de, { pb: 12, variant: "h1", children: t.add_income_title }),
-              /* @__PURE__ */ e(k, { mb: 24, children: t.add_income_description }),
-              O.length > 0 && !M && /* @__PURE__ */ n(j, { children: [
-                /* @__PURE__ */ e(Q, { children: O.map((y, T) => /* @__PURE__ */ n(h.Fragment, { children: [
-                  /* @__PURE__ */ e(ht, { bgcolor: "background.paper", children: bt(
-                    le(y.nextDate || y.date)
-                  ) }),
-                  /* @__PURE__ */ e(ft, { transaction: y }),
-                  T !== O.length - 1 && /* @__PURE__ */ e(v, {})
-                ] }, y.guid)) }),
-                /* @__PURE__ */ n(s, { alignItems: "center", direction: "row", children: [
-                  /* @__PURE__ */ e(v, { sx: { flexGrow: 1 } }),
-                  /* @__PURE__ */ e(
-                    W,
-                    {
-                      onClick: () => R(!0),
-                      startIcon: /* @__PURE__ */ e(z, { name: "add", size: 20 }),
-                      children: t.add_income
-                    }
-                  )
-                ] })
-              ] }),
-              Pe && /* @__PURE__ */ e(
-                st,
-                {
-                  bgcolor: "background.paper",
-                  onSearch: (y) => d({
-                    ...g,
-                    custom: (T) => y ? ct(T, y) : we(T)
-                  }),
-                  onSelected: (y) => {
-                    ce(y), R(!1);
-                  }
-                }
-              ),
-              !Be && c && /* @__PURE__ */ e(k, { color: "error", mt: 16, children: t.confirm_error }),
-              M && /* @__PURE__ */ n(j, { children: [
-                /* @__PURE__ */ e(
-                  lt,
-                  {
-                    bgcolor: "background.paper",
-                    firstDay: p,
-                    frequency: D,
-                    onFirstDayChange: _,
-                    onFrequencyChange: N,
-                    onSecondDayChange: re,
-                    secondDay: S,
-                    transaction: M
-                  }
-                ),
-                /* @__PURE__ */ n(s, { direction: "row", gap: 16, ml: 24, mt: 32, children: [
-                  /* @__PURE__ */ e(
-                    W,
-                    {
-                      "aria-disabled": !M,
-                      onClick: () => {
-                        const y = [...O];
-                        y.push({
-                          ...M,
-                          nextDate: ve(D, De(M.date)),
-                          frequency: D
-                        }), je(y), ce("");
-                      },
-                      variant: "contained",
-                      children: r.confirm_button
-                    }
-                  ),
-                  /* @__PURE__ */ e(
-                    W,
-                    {
-                      onClick: () => {
-                        ce(""), R(!0), ge().finally();
-                      },
-                      variant: "outlined",
-                      children: r.cancel_button
-                    }
-                  )
-                ] })
-              ] }),
-              O.length > 0 && !M && /* @__PURE__ */ n(s, { direction: "row", gap: 16, ml: 24, mt: 32, children: [
-                /* @__PURE__ */ e(
-                  W,
-                  {
-                    "aria-disabled": O.length < 1 || K,
-                    onClick: $e,
-                    startIcon: K ? /* @__PURE__ */ e(
-                      z,
-                      {
-                        name: "progress_activity",
-                        sx: {
-                          animation: `${Ht} 2s linear infinite`
-                        }
-                      }
-                    ) : null,
-                    variant: "contained",
-                    children: t.confirm_income_button
-                  }
-                ),
-                /* @__PURE__ */ e(W, { onClick: u, variant: "outlined", children: t.skip_button })
-              ] })
-            ]
-          }
-        )
-      ]
-    }
-  ) : /* @__PURE__ */ e(Z, {});
-}, Hn = A(Wt);
+  }, Ue = !M && w || !M && G.length < 1;
+  return b ? /* @__PURE__ */ n(D, {
+    sx: {
+      display: "flex",
+      alignItems: l ? "flex-start" : "center",
+      backgroundColor: C.palette.background.paper,
+      backgroundImage: l ? null : `url(${ze.CASHFLOW_ONBOARDING})`,
+      backgroundRepeat: "no-repeat",
+      backgroundPosition: "left 100px",
+      backgroundSize: "35%",
+      py: 24
+    },
+    children: [
+      O === 1 && /* @__PURE__ */ e(D, {
+        sx: { ...l ? {
+          display: "flex",
+          flexDirection: "column",
+          maxWidth: "100%",
+          padding: "0 16px"
+        } : {
+          maxWidth: 590,
+          ml: "40%",
+          mr: 90
+        } },
+        children: /* @__PURE__ */ e(Ot, { handleNextStep: ge })
+      }),
+      O === 2 && /* @__PURE__ */ e(D, {
+        sx: { ...l ? {
+          display: "flex",
+          flexDirection: "column",
+          maxWidth: "100%",
+          padding: "0 16px"
+        } : {
+          maxWidth: 590,
+          ml: "40%",
+          mr: 90
+        } },
+        children: /* @__PURE__ */ e(Mt, {})
+      }),
+      O === 3 && /* @__PURE__ */ n(D, {
+        sx: { ...l ? {
+          display: "flex",
+          flexDirection: "column",
+          maxWidth: "100%",
+          padding: "0 16px"
+        } : {
+          maxWidth: 590,
+          ml: "40%",
+          mr: 90
+        } },
+        children: [
+          /* @__PURE__ */ e(ue, {
+            pb: 12,
+            variant: "h1",
+            children: t.add_income_title
+          }),
+          /* @__PURE__ */ e(L, {
+            mb: 24,
+            children: t.add_income_description
+          }),
+          G.length > 0 && !M && /* @__PURE__ */ n(j, { children: [/* @__PURE__ */ e(X, { children: G.map((_, T) => /* @__PURE__ */ n(h.Fragment, { children: [
+            /* @__PURE__ */ e(Xe, {
+              bgcolor: "background.paper",
+              children: $e(ce(_.nextDate || _.date))
+            }),
+            /* @__PURE__ */ e(Je, { transaction: _ }),
+            T !== G.length - 1 && /* @__PURE__ */ e(I, {})
+          ] }, _.guid)) }), /* @__PURE__ */ n(s, {
+            alignItems: "center",
+            direction: "row",
+            children: [/* @__PURE__ */ e(I, { sx: { flexGrow: 1 } }), /* @__PURE__ */ e(W, {
+              onClick: () => R(!0),
+              startIcon: /* @__PURE__ */ e(z, {
+                name: "add",
+                size: 20
+              }),
+              children: t.add_income
+            })]
+          })] }),
+          Ue && /* @__PURE__ */ e(at, {
+            bgcolor: "background.paper",
+            onSearch: (_) => d({
+              ...g,
+              custom: (T) => _ ? ot(T, _) : we(T)
+            }),
+            onSelected: (_) => {
+              se(_), R(!1);
+            }
+          }),
+          !Be && c && /* @__PURE__ */ e(L, {
+            color: "error",
+            mt: 16,
+            children: t.confirm_error
+          }),
+          M && /* @__PURE__ */ n(j, { children: [/* @__PURE__ */ e(rt, {
+            bgcolor: "background.paper",
+            firstDay: p,
+            frequency: v,
+            onFirstDayChange: y,
+            onFrequencyChange: k,
+            onSecondDayChange: Z,
+            secondDay: S,
+            transaction: M
+          }), /* @__PURE__ */ n(s, {
+            direction: "row",
+            gap: 16,
+            ml: 24,
+            mt: 32,
+            children: [/* @__PURE__ */ e(W, {
+              "aria-disabled": !M,
+              onClick: () => {
+                const _ = [...G];
+                _.push({
+                  ...M,
+                  nextDate: ye(v, Ie(M.date)),
+                  frequency: v
+                }), je(_), se("");
+              },
+              variant: "contained",
+              children: r.confirm_button
+            }), /* @__PURE__ */ e(W, {
+              onClick: () => {
+                se(""), R(!0), ge().finally();
+              },
+              variant: "outlined",
+              children: r.cancel_button
+            })]
+          })] }),
+          G.length > 0 && !M && /* @__PURE__ */ n(s, {
+            direction: "row",
+            gap: 16,
+            ml: 24,
+            mt: 32,
+            children: [/* @__PURE__ */ e(W, {
+              "aria-disabled": G.length < 1 || ee,
+              onClick: Pe,
+              startIcon: ee ? /* @__PURE__ */ e(z, {
+                name: "progress_activity",
+                sx: { animation: `${Ht} 2s linear infinite` }
+              }) : null,
+              variant: "contained",
+              children: t.confirm_income_button
+            }), /* @__PURE__ */ e(W, {
+              onClick: u,
+              variant: "outlined",
+              children: t.skip_button
+            })]
+          })
+        ]
+      })
+    ]
+  }) : /* @__PURE__ */ e(J, {});
+}, wn = A(Ft);
 export {
-  Mn as CashflowMiniWidget,
-  Hn as CashflowOnboarding,
-  Fn as CashflowWidget
+  _n as CashflowMiniWidget,
+  wn as CashflowOnboarding,
+  Cn as CashflowWidget
 };