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

package/dist/cashflow/index.es.js

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