@mx-cartographer/experiences 7.0.41 → 7.0.43

package/dist/cashflow/index.es.js

@@ -1,5 +1,5 @@
 import { jsxs as o, Fragment as P, jsx as e } from "react/jsx-runtime";
-import m, { useState as J } from "react";
+import u, { useState as J } from "react";
 import { observer as T } from "mobx-react-lite";
 import { addMonths as qe } from "date-fns/addMonths";
 import { startOfToday as M } from "date-fns/startOfToday";
@@ -7,8 +7,8 @@ import I from "@mui/material/Box";
 import H from "@mui/material/Button";
 import D from "@mui/material/Divider";
 import r from "@mui/material/Stack";
-import ae from "@mui/material/styles/useTheme";
-import { Text as h, P as k, Icon as F, InstitutionLogo as xe, H1 as le, H2 as Xe } from "@mxenabled/mxui";
+import ie from "@mui/material/styles/useTheme";
+import { Text as d, P as k, Icon as F, InstitutionLogo as xe, H1 as le, H2 as Xe } from "@mxenabled/mxui";
 import { G as Ye, t as de, u as O, p as re, c as Oe, a as Y, o as me, i as q, f as Ne, g as ke } from "../hooks-BAAimqdq.mjs";
 import { C as L } from "../CurrencyText-YUhH2caW.mjs";
 import { u as ue } from "../useScreenSize-B6JyS_Lj.mjs";
@@ -19,7 +19,7 @@ import { b as X } from "../Localization-2MODESHW.mjs";
 import { M as Qe } from "../MiniWidgetContainer-BhHaL8eb.mjs";
 import { R as Ve } from "../RecurringSettings-RduF8gt3.mjs";
 import Ke from "@mui/material/Tabs";
-import Ce from "@mui/material/Tab";
+import ye from "@mui/material/Tab";
 import { getUnixTime as U } from "date-fns/getUnixTime";
 import ee from "@mui/material/List";
 import te from "@mui/material/ListItem";
@@ -30,14 +30,14 @@ import { f as Z } from "../NumberFormatting-CtWHhyBX.mjs";
 import { isAfter as He } from "date-fns/isAfter";
 import { isBefore as Fe } from "date-fns/isBefore";
 import { isToday as We } from "date-fns/isToday";
-import { addDays as _e } from "date-fns/addDays";
+import { addDays as Ce } from "date-fns/addDays";
 import { alpha as et, keyframes as tt } from "@mui/material/styles";
 import { DataGridPro as nt } from "@mui/x-data-grid-pro";
-import { T as we } from "../TabContentContainer-j01JYR_7.mjs";
-import { M as ot, S as it, i as at, d as Se, c as rt } from "../ManageIncome-4_bSdxXr.mjs";
+import { T as Se } from "../TabContentContainer-j01JYR_7.mjs";
+import { M as ot, S as at, i as it, d as _e, c as rt } from "../ManageIncome-4_bSdxXr.mjs";
 import { D as $e } from "../Drawer-kEE73B87.mjs";
 import { formatISO as st } from "date-fns/formatISO";
-import { fromUnixTime as ye } from "date-fns/fromUnixTime";
+import { fromUnixTime as we } from "date-fns/fromUnixTime";
 import { startOfMonth as ct } from "date-fns/startOfMonth";
 import { subDays as Me } from "date-fns/subDays";
 import { S as lt, b as dt } from "../TransactionDetails-C-2UEbmQ.mjs";
@@ -47,10 +47,10 @@ import { endOfToday as ht } from "date-fns/endOfToday";
 import { W as ve, A as Ae } from "../WidgetContainer-ztkGgdIH.mjs";
 import { F as pt, A as B } from "../Fetch-87LIQbEA.mjs";
 const K = () => {
-  if (!m.useContext(Ye))
+  if (!u.useContext(Ye))
     throw new Error("useCashflowUiStore() must be used within the GlobalDataContext");
   return de().uiStore;
-}, ft = ({ remaining: i }) => {
+}, ft = ({ remaining: a }) => {
   const { cashflow: n } = O();
   return /* @__PURE__ */ o(P, { children: [
     /* @__PURE__ */ e(
@@ -58,44 +58,44 @@ const K = () => {
       {
         sx: {
           borderRadius: "1px",
-          backgroundColor: i < 0 ? "error.main" : i > 0 ? "success.main" : "warning.main",
+          backgroundColor: a < 0 ? "error.main" : a > 0 ? "success.main" : "warning.main",
           height: 6,
           width: 6
         }
       }
     ),
-    /* @__PURE__ */ e(h, { bold: !0, sx: { flexGrow: 1, fontSize: 12 }, children: n.remaining_cash }),
-    /* @__PURE__ */ e(L, { amount: i, bold: !0, sx: { fontSize: 12 } })
+    /* @__PURE__ */ e(d, { bold: !0, sx: { flexGrow: 1, fontSize: 12 }, children: n.remaining_cash }),
+    /* @__PURE__ */ e(L, { amount: a, bold: !0, sx: { fontSize: 12 } })
   ] });
-}, pe = T(ft), gt = ({ onAddIncomeClick: i }) => {
-  const n = ae(), { availableWidth: t } = re(), { isMobile: s } = ue(), { visibleCashAccounts: c, visibleCashBalance: f } = Oe(), { selectedAccounts: d, selectedAccountGuids: b, setSelectedAccounts: C } = Y(), { cashflow: a } = O(), { userProfile: g } = me(), {
+}, pe = T(ft), gt = ({ onAddIncomeClick: a }) => {
+  const n = ie(), { availableWidth: t } = re(), { isMobile: s } = ue(), { visibleCashAccounts: c, visibleCashBalance: f } = Oe(), { selectedAccounts: m, selectedAccountGuids: b, setSelectedAccounts: y } = Y(), { cashflow: i } = O(), { userProfile: g } = me(), {
     daysUntilNextIncome: l,
-    expensesTilNextIncome: u,
-    selectedCashAccounts: _,
-    setNextIncome: w,
+    expensesTilNextIncome: h,
+    selectedCashAccounts: C,
+    setNextIncome: S,
     setSelectedCashAccounts: v,
     setUpcomingExpenses: p
-  } = K(), { isDataLoaded: N, nextIncomeRecurrence: S, upcomingExpenses: j } = q();
-  m.useEffect(() => {
-    C(c);
-  }, [c]), m.useEffect(() => {
+  } = K(), { isDataLoaded: N, nextIncomeRecurrence: _, upcomingExpenses: z } = q();
+  u.useEffect(() => {
+    y(c);
+  }, [c]), u.useEffect(() => {
     v(
       c.filter((R) => b.includes(R.guid))
     );
-  }, [c, d]), m.useEffect(() => {
-    S && w(S), p(j);
-  }, [S, j]);
-  const G = m.useMemo(
-    () => c.filter((R) => b.includes(R.guid)).reduce((R, y) => R + (y?.balance || 0), 0),
-    [b, j]
-  ), W = m.useMemo(
-    () => u.filter((R) => b.includes(R.accountGuid || "")).reduce((R, y) => R + y.amount, 0),
-    [b, u]
-  ), z = m.useMemo(
+  }, [c, m]), u.useEffect(() => {
+    _ && S(_), p(z);
+  }, [_, z]);
+  const G = u.useMemo(
+    () => c.filter((R) => b.includes(R.guid)).reduce((R, w) => R + (w?.balance || 0), 0),
+    [b, z]
+  ), W = u.useMemo(
+    () => h.filter((R) => b.includes(R.accountGuid || "")).reduce((R, w) => R + w.amount, 0),
+    [b, h]
+  ), j = u.useMemo(
     () => G - W,
     [G, W]
-  ), A = g?.has_completed_cash_flow_onboarding && !!i;
-  return N ? /* @__PURE__ */ e(I, { className: "mx-cashflow", pl: 16, pr: 16, pt: 16, children: t > 610 ? /* @__PURE__ */ o(
+  ), A = g?.has_completed_cash_flow_onboarding && !!a;
+  return N ? /* @__PURE__ */ e(I, { className: "mx-cashflow", pl: 16, pr: 16, pt: 16, children: t > 710 ? /* @__PURE__ */ o(
     r,
     {
       border: `1px solid ${n.palette.border.light}`,
@@ -107,48 +107,48 @@ const K = () => {
         /* @__PURE__ */ o(r, { pb: 14, pt: 12, children: [
           /* @__PURE__ */ e(L, { amount: G, variant: "H2" }),
           /* @__PURE__ */ e(k, { variant: "XSmall", whiteSpace: "nowrap", children: X(
-            a.total_cash_accounts,
-            _.length
+            i.total_cash_accounts,
+            C.length
           ) })
         ] }),
         /* @__PURE__ */ e(r, { pt: 18, children: /* @__PURE__ */ e(F, { name: "remove" }) }),
         /* @__PURE__ */ o(r, { pb: 14, pt: 12, children: [
           /* @__PURE__ */ e(L, { amount: W, variant: "H2" }),
-          /* @__PURE__ */ e(k, { variant: "XSmall", whiteSpace: "nowrap", children: X(a.expenses_due, u.length) })
+          /* @__PURE__ */ e(k, { variant: "XSmall", whiteSpace: "nowrap", children: X(i.expenses_due, h.length) })
         ] }),
         /* @__PURE__ */ e(r, { pt: 18, children: /* @__PURE__ */ e(F, { name: "equal" }) }),
         /* @__PURE__ */ o(r, { pb: 14, pr: 24, pt: 12, children: [
-          /* @__PURE__ */ e(L, { amount: z, variant: "H2" }),
+          /* @__PURE__ */ e(L, { amount: j, variant: "H2" }),
           /* @__PURE__ */ o(r, { alignItems: "center", direction: "row", gap: 8, children: [
-            /* @__PURE__ */ e(k, { variant: "XSmall", whiteSpace: "nowrap", children: a.available_to_spend }),
-            /* @__PURE__ */ e(he, { body: a.tooltip_body, title: a.tooltip_title })
+            /* @__PURE__ */ e(k, { variant: "XSmall", whiteSpace: "nowrap", children: i.available_to_spend }),
+            /* @__PURE__ */ e(he, { body: i.tooltip_body, title: i.tooltip_title })
           ] })
         ] }),
         /* @__PURE__ */ e(r, { borderLeft: `1px solid ${n.palette.border.light}`, pb: 12, pl: 24, pt: 12, children: A ? /* @__PURE__ */ o(P, { children: [
-          /* @__PURE__ */ e(h, { variant: "H2", children: X(a.days, l) }),
-          /* @__PURE__ */ e(k, { variant: "XSmall", whiteSpace: "nowrap", children: a.next_paycheck })
+          /* @__PURE__ */ e(d, { variant: "H2", children: X(i.days, l) }),
+          /* @__PURE__ */ e(k, { variant: "XSmall", whiteSpace: "nowrap", children: i.next_paycheck })
         ] }) : /* @__PURE__ */ e(
           H,
           {
-            onClick: i,
+            onClick: a,
             startIcon: /* @__PURE__ */ e(F, { name: "add" }),
             sx: { fontSize: 13, lineHeight: "initial" },
-            children: a.add_income
+            children: i.add_income
           }
         ) })
       ]
     }
   ) : /* @__PURE__ */ o(r, { border: `1px solid ${n.palette.border.light}`, borderRadius: 1, children: [
     /* @__PURE__ */ o(r, { direction: "row", justifyContent: "space-between", p: 16, children: [
-      /* @__PURE__ */ e(h, { variant: "Small", children: X(
-        a.total_cash_accounts,
-        _.length
+      /* @__PURE__ */ e(d, { variant: "Small", children: X(
+        i.total_cash_accounts,
+        C.length
       ) }),
       /* @__PURE__ */ e(L, { amount: f, bold: !0, variant: "XSmall" })
     ] }),
     /* @__PURE__ */ e(D, {}),
     /* @__PURE__ */ o(r, { direction: "row", justifyContent: "space-between", p: 16, children: [
-      /* @__PURE__ */ e(h, { variant: "Small", children: X(a.expenses_due, u.length) }),
+      /* @__PURE__ */ e(d, { variant: "Small", children: X(i.expenses_due, h.length) }),
       /* @__PURE__ */ e(L, { amount: W, bold: !0, symbol: "-", variant: "XSmall" })
     ] }),
     /* @__PURE__ */ e(D, {}),
@@ -163,13 +163,13 @@ const K = () => {
         justifyContent: "space-between",
         px: 16,
         sx: { borderBottomLeftRadius: 4, borderBottomRightRadius: 4 },
-        children: /* @__PURE__ */ e(pe, { remaining: z })
+        children: /* @__PURE__ */ e(pe, { remaining: j })
       }
     ),
     /* @__PURE__ */ e(D, {}),
     A ? /* @__PURE__ */ o(r, { direction: "row", justifyContent: "space-between", p: 16, children: [
-      /* @__PURE__ */ e(h, { variant: "Small", children: a.next_paycheck }),
-      /* @__PURE__ */ e(h, { bold: !0, variant: "XSmall", children: X(a.days, l) })
+      /* @__PURE__ */ e(d, { variant: "Small", children: i.next_paycheck }),
+      /* @__PURE__ */ e(d, { bold: !0, variant: "XSmall", children: X(i.days, l) })
     ] }) : /* @__PURE__ */ o(
       r,
       {
@@ -180,37 +180,37 @@ const K = () => {
         pr: 2,
         py: 2,
         children: [
-          /* @__PURE__ */ e(h, { variant: "Small", children: a.next_paycheck }),
+          /* @__PURE__ */ e(d, { variant: "Small", children: i.next_paycheck }),
           /* @__PURE__ */ e(
             H,
             {
-              onClick: i,
+              onClick: a,
               startIcon: /* @__PURE__ */ e(F, { name: "add" }),
               sx: { fontSize: 13 },
-              children: a.add_income
+              children: i.add_income
             }
           )
         ]
       }
     )
   ] }) }) : /* @__PURE__ */ e(se, { height: s ? 210 : 120 });
-}, bt = T(gt), xt = ({ onPrimaryCtaClick: i, sx: n = {} }) => {
-  const { cashflow: t } = O(), { isCopyLoaded: s, isInitialized: c } = Y(), { loadRepeatingTransactions: f, setDateRange: d } = q();
-  return m.useEffect(() => {
-    c && (d({ start: M(), end: qe(M(), 1) }), f().finally());
+}, bt = T(gt), xt = ({ onPrimaryCtaClick: a, sx: n = {} }) => {
+  const { cashflow: t } = O(), { isCopyLoaded: s, isInitialized: c } = Y(), { loadRepeatingTransactions: f, setDateRange: m } = q();
+  return u.useEffect(() => {
+    c && (m({ start: M(), end: qe(M(), 1) }), f().finally());
   }, [c]), s ? /* @__PURE__ */ e(
     Qe,
     {
       className: "mx-exp-cashflow-miniwidget",
-      onPrimaryCtaClick: i,
+      onPrimaryCtaClick: a,
       primaryCtaLabel: t.primary_cta,
       subTitle: t.sub_title,
       sx: n,
       title: t.title,
-      children: /* @__PURE__ */ e(bt, { onAddIncomeClick: i })
+      children: /* @__PURE__ */ e(bt, { onAddIncomeClick: a })
     }
   ) : /* @__PURE__ */ e(se, {});
-}, On = T(xt), Ct = ({ remaining: i }) => /* @__PURE__ */ e(
+}, On = T(xt), yt = ({ remaining: a }) => /* @__PURE__ */ e(
   te,
   {
     sx: {
@@ -223,28 +223,28 @@ const K = () => {
       borderBottomRightRadius: "3px",
       minHeight: "auto"
     },
-    children: /* @__PURE__ */ e(pe, { remaining: i })
+    children: /* @__PURE__ */ e(pe, { remaining: a })
   }
 );
-var ne = /* @__PURE__ */ ((i) => (i.EXPENSE = "expense", i.INCOME = "income", i))(ne || {});
-const _t = ({ recurrence: i }) => /* @__PURE__ */ o(P, { children: [
+var ne = /* @__PURE__ */ ((a) => (a.EXPENSE = "expense", a.INCOME = "income", a))(ne || {});
+const Ct = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
   /* @__PURE__ */ o(te, { sx: { display: "flex", alignItems: "center", gap: 16, px: 24, py: 12 }, children: [
     /* @__PURE__ */ o(r, { alignItems: "center", height: 32, width: 32, children: [
-      /* @__PURE__ */ e(h, { bold: !0, sx: { fontSize: 11 }, children: Q(i.expectedDate, V.MONTH) }),
-      /* @__PURE__ */ e(h, { bold: !0, sx: { fontSize: 11 }, children: Q(i.expectedDate, V.DAY) })
+      /* @__PURE__ */ e(d, { bold: !0, sx: { fontSize: 11 }, children: Q(a.expectedDate, V.MONTH) }),
+      /* @__PURE__ */ e(d, { bold: !0, sx: { fontSize: 11 }, children: Q(a.expectedDate, V.DAY) })
     ] }),
-    /* @__PURE__ */ e(h, { sx: { flexGrow: 1, fontSize: 13 }, children: i.name }),
+    /* @__PURE__ */ e(d, { sx: { flexGrow: 1, fontSize: 13 }, children: a.name }),
     /* @__PURE__ */ e(
       L,
       {
-        amount: i.amount,
+        amount: a.amount,
         bold: !0,
         sx: { textAlign: "right", fontSize: 13 }
       }
     )
   ] }),
   /* @__PURE__ */ e(D, {})
-] }), Ee = T(_t), wt = ({ total: i, type: n }) => {
+] }), Ee = T(Ct), St = ({ total: a, type: n }) => {
   const { cashflow: t } = O();
   return /* @__PURE__ */ o(P, { children: [
     /* @__PURE__ */ o(
@@ -260,36 +260,36 @@ const _t = ({ recurrence: i }) => /* @__PURE__ */ o(P, { children: [
           px: 24
         },
         children: [
-          /* @__PURE__ */ e(h, { bold: !0, sx: { fontSize: 12 }, children: n === ne.EXPENSE ? t.expenses : t.income }),
-          /* @__PURE__ */ o(h, { bold: !0, sx: { fontSize: 13 }, children: [
+          /* @__PURE__ */ e(d, { bold: !0, sx: { fontSize: 12 }, children: n === ne.EXPENSE ? t.expenses : t.income }),
+          /* @__PURE__ */ o(d, { bold: !0, sx: { fontSize: 13 }, children: [
             n === ne.EXPENSE ? "-" : "+",
-            Z(i, "0,0.00")
+            Z(a, "0,0.00")
           ] })
         ]
       }
     ),
     /* @__PURE__ */ e(D, {})
   ] });
-}, Te = T(wt), ie = (i, n) => (t) => t.accountGuid === i.guid && (We(t.expectedDate) || He(t.expectedDate, n.start)) && Fe(t.expectedDate, n.end), St = () => {
-  const { availableWidth: i } = re(), { cashflow: n } = O(), { upcomingExpenses: t, upcomingIncome: s } = q(), { dateRange: c, selectedCashAccounts: f } = K();
+}, Te = T(St), ae = (a, n) => (t) => t.accountGuid === a.guid && (We(t.expectedDate) || He(t.expectedDate, n.start)) && Fe(t.expectedDate, n.end), _t = () => {
+  const { availableWidth: a } = re(), { cashflow: n } = O(), { upcomingExpenses: t, upcomingIncome: s } = q(), { dateRange: c, selectedCashAccounts: f } = K();
   return /* @__PURE__ */ o(r, { children: [
-    /* @__PURE__ */ o(r, { direction: i < 400 ? "column" : "row", justifyContent: "space-between", children: [
-      /* @__PURE__ */ e(h, { bold: !0, sx: { fontSize: 15, mb: 12, whiteSpace: "normal" }, children: n.accounts_breakdown }),
-      /* @__PURE__ */ o(h, { bold: !0, sx: { fontSize: 15, mb: 12, whiteSpace: "normal" }, children: [
+    /* @__PURE__ */ o(r, { direction: a < 400 ? "column" : "row", justifyContent: "space-between", children: [
+      /* @__PURE__ */ e(d, { bold: !0, sx: { fontSize: 15, mb: 12, whiteSpace: "normal" }, children: n.accounts_breakdown }),
+      /* @__PURE__ */ o(d, { bold: !0, sx: { fontSize: 15, mb: 12, whiteSpace: "normal" }, children: [
         Q(c.start, V.FULL_MONTH_DAY),
         " -",
         " ",
         Q(c.end, V.FULL_MONTH_DAY)
       ] })
     ] }),
-    /* @__PURE__ */ e(r, { children: f.map((d) => {
-      const b = s.filter(ie(d, c)).sort((l, u) => U(l.expectedDate) - U(u.expectedDate)), C = t.filter(
-        ie(d, c)
-      ), a = b.reduce(
-        (l, u) => l + u.amount,
+    /* @__PURE__ */ e(r, { children: f.map((m) => {
+      const b = s.filter(ae(m, c)).sort((l, h) => U(l.expectedDate) - U(h.expectedDate)), y = t.filter(
+        ae(m, c)
+      ), i = b.reduce(
+        (l, h) => l + h.amount,
         0
-      ), g = C.reduce(
-        (l, u) => l + u.amount,
+      ), g = y.reduce(
+        (l, h) => l + h.amount,
         0
       );
       return /* @__PURE__ */ o(
@@ -305,7 +305,7 @@ const _t = ({ recurrence: i }) => /* @__PURE__ */ o(P, { children: [
             /* @__PURE__ */ e(
               Je,
               {
-                account: d,
+                account: m,
                 listItemProps: {
                   disableGutters: !1,
                   disablePadding: !1,
@@ -317,39 +317,39 @@ const _t = ({ recurrence: i }) => /* @__PURE__ */ o(P, { children: [
             b.length > 0 && /* @__PURE__ */ e(te, { children: /* @__PURE__ */ e(
               ee,
               {
-                subheader: /* @__PURE__ */ e(Te, { total: a, type: ne.INCOME }),
+                subheader: /* @__PURE__ */ e(Te, { total: i, type: ne.INCOME }),
                 sx: { width: "100%" },
                 children: b.map((l) => /* @__PURE__ */ e(Ee, { recurrence: l }, l.repeatingTransactionGuid))
               }
             ) }),
-            C.length > 0 && /* @__PURE__ */ e(te, { children: /* @__PURE__ */ e(
+            y.length > 0 && /* @__PURE__ */ e(te, { children: /* @__PURE__ */ e(
               ee,
               {
                 subheader: /* @__PURE__ */ e(Te, { total: g, type: ne.EXPENSE }),
                 sx: { width: "100%" },
-                children: C.map((l) => /* @__PURE__ */ e(Ee, { recurrence: l }, l.repeatingTransactionGuid))
+                children: y.map((l) => /* @__PURE__ */ e(Ee, { recurrence: l }, l.repeatingTransactionGuid))
               }
             ) }),
             /* @__PURE__ */ e(
-              Ct,
+              yt,
               {
-                remaining: (d.available_balance || d.balance || 0) + a - g
+                remaining: (m.available_balance || m.balance || 0) + i - g
               }
             )
           ]
         },
-        d.guid
+        m.guid
       );
     }) })
   ] });
-}, yt = T(St), It = () => {
-  const { availableWidth: i } = re(), n = ae(), { cashflow: t } = O(), { upcomingExpenses: s, upcomingIncome: c } = q(), { dateRange: f, selectedCashAccounts: d } = K(), b = [
+}, wt = T(_t), It = () => {
+  const { availableWidth: a } = re(), n = ie(), { cashflow: t } = O(), { upcomingExpenses: s, upcomingIncome: c } = q(), { dateRange: f, selectedCashAccounts: m } = K(), b = [
     {
       field: "account",
       flex: 1.5,
       headerName: t.accounts,
-      renderCell: ({ value: { name: a, nickname: g, institution_guid: l, account_number: u } }) => {
-        const _ = g || a;
+      renderCell: ({ value: { name: i, nickname: g, institution_guid: l, account_number: h } }) => {
+        const C = g || i;
         return /* @__PURE__ */ o(r, { alignItems: "center", flexDirection: "row", gap: 12, children: [
           /* @__PURE__ */ e(
             xe,
@@ -359,7 +359,7 @@ const _t = ({ recurrence: i }) => /* @__PURE__ */ o(P, { children: [
               size: 16
             }
           ),
-          `${_} ${u ? `*${u}` : ""}`
+          /* @__PURE__ */ e(d, { variant: "body2", children: `${C} ${h ? `*${h}` : ""}` })
         ] });
       }
     },
@@ -368,31 +368,31 @@ const _t = ({ recurrence: i }) => /* @__PURE__ */ o(P, { children: [
       flex: 1,
       headerName: t.balance,
       type: "number",
-      renderCell: (a) => Z(a.value, "0,0.00")
+      renderCell: (i) => /* @__PURE__ */ e(d, { color: n.palette.text.primary, variant: "Small", children: Z(i.value, "0,0.00") })
     },
     {
       field: "income",
       flex: 1,
       headerName: t.projected_income,
       type: "number",
-      renderCell: (a) => `+${Z(a.value, "0,0.00")}`
+      renderCell: (i) => /* @__PURE__ */ e(d, { color: n.palette.text.primary, variant: "Small", children: `+${Z(i.value, "0,0.00")}` })
     },
     {
       field: "expenses",
       flex: 1.1,
       headerName: t.projected_expenses,
       type: "number",
-      renderCell: (a) => `-${Z(a.value, "0,0.00")}`
+      renderCell: (i) => /* @__PURE__ */ e(d, { color: n.palette.text.primary, variant: "Small", children: `-${Z(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;
+      renderCell: (i) => {
+        const g = i.row.balance + i.row.income - i.row.expenses;
         return /* @__PURE__ */ e(
-          h,
+          d,
           {
             color: Math.sign(g) === -1 ? n.palette.error.main : n.palette.text.primary,
             variant: "Small",
@@ -401,21 +401,21 @@ const _t = ({ recurrence: i }) => /* @__PURE__ */ o(P, { children: [
         );
       }
     }
-  ], C = m.useMemo(() => d.map((a) => {
+  ], y = u.useMemo(() => m.map((i) => {
     const g = s.filter(
-      ie(a, { start: M(), end: _e(M(), 30) })
-    ).reduce((_, w) => _ + w.amount, 0), l = c.filter(
-      ie(a, { start: M(), end: _e(M(), 30) })
-    ).reduce((_, w) => _ + w.amount, 0), u = (a.balance || 0) + l - g;
+      ae(i, { start: M(), end: Ce(M(), 30) })
+    ).reduce((C, S) => C + S.amount, 0), l = c.filter(
+      ae(i, { start: M(), end: Ce(M(), 30) })
+    ).reduce((C, S) => C + S.amount, 0), h = (i.balance || 0) + l - g;
     return {
-      account: a,
-      balance: a.balance || 0,
-      id: a.guid,
+      account: i,
+      balance: i.balance || 0,
+      id: i.guid,
       income: l,
       expenses: g,
-      remaining: u
+      remaining: h
     };
-  }), [d, s, c]);
+  }), [m, s, c]);
   return /* @__PURE__ */ o(
     I,
     {
@@ -426,13 +426,13 @@ const _t = ({ recurrence: i }) => /* @__PURE__ */ o(P, { children: [
         /* @__PURE__ */ o(
           r,
           {
-            direction: i < 540 ? "column" : "row",
+            direction: a < 540 ? "column" : "row",
             justifyContent: "space-between",
             mb: 12,
             children: [
               /* @__PURE__ */ o(r, { alignItems: "center", direction: "row", gap: 8, children: [
                 /* @__PURE__ */ e(
-                  h,
+                  d,
                   {
                     bold: !0,
                     sx: {
@@ -450,7 +450,7 @@ const _t = ({ recurrence: i }) => /* @__PURE__ */ o(P, { children: [
                   }
                 )
               ] }),
-              /* @__PURE__ */ o(h, { bold: !0, sx: { fontSize: 15, whiteSpace: "normal" }, children: [
+              /* @__PURE__ */ o(d, { bold: !0, sx: { fontSize: 15, whiteSpace: "normal" }, children: [
                 Q(f.start, V.FULL_MONTH_DAY),
                 " -",
                 " ",
@@ -459,7 +459,7 @@ const _t = ({ recurrence: i }) => /* @__PURE__ */ o(P, { children: [
             ]
           }
         ),
-        i > 650 ? /* @__PURE__ */ e(
+        a > 650 ? /* @__PURE__ */ e(
           nt,
           {
             columnHeaderHeight: 48,
@@ -469,7 +469,7 @@ const _t = ({ recurrence: i }) => /* @__PURE__ */ o(P, { children: [
             disableRowSelectionOnClick: !0,
             hideFooter: !0,
             rowHeight: 48,
-            rows: C,
+            rows: y,
             sx: {
               border: "1px solid",
               borderColor: "border.light",
@@ -480,13 +480,17 @@ const _t = ({ recurrence: i }) => /* @__PURE__ */ o(P, { children: [
                   backgroundColor: et(n.palette.primary.main, 0.1)
                 }
               },
+              "& .MuiDataGrid-columnHeaderTitle": {
+                fontFamily: n.typography.h3.fontFamily,
+                fontSize: n.typography.body2.fontSize
+              },
               "& .MuiDataGrid-sortIcon": {
                 color: n.palette.primary.main
               }
             }
           }
-        ) : C.map((a) => {
-          const { name: g, nickname: l, institution_guid: u, account_number: _ } = a.account, w = l || g;
+        ) : y.map((i) => {
+          const { name: g, nickname: l, institution_guid: h, account_number: C } = i.account, S = l || g;
           return /* @__PURE__ */ e(
             ee,
             {
@@ -511,13 +515,13 @@ const _t = ({ recurrence: i }) => /* @__PURE__ */ o(P, { children: [
                           xe,
                           {
                             alt: t.institution_logo,
-                            institutionGuid: u || "",
+                            institutionGuid: h || "",
                             size: 16
                           }
                         ),
-                        /* @__PURE__ */ e(h, { variant: "Small", children: `${w} ${_ ? `*${_}` : ""}` })
+                        /* @__PURE__ */ e(d, { variant: "Small", children: `${S} ${C ? `*${C}` : ""}` })
                       ] }),
-                      /* @__PURE__ */ e(L, { amount: a.balance, bold: !0, variant: "Small" })
+                      /* @__PURE__ */ e(L, { amount: i.balance, bold: !0, variant: "Small" })
                     ]
                   }
                 ),
@@ -531,8 +535,8 @@ const _t = ({ recurrence: i }) => /* @__PURE__ */ o(P, { children: [
                     px: 16,
                     py: 12,
                     children: [
-                      /* @__PURE__ */ e(h, { variant: "Small", children: t.projected_income }),
-                      /* @__PURE__ */ e(L, { amount: a.income, bold: !0, symbol: "+", variant: "Small" })
+                      /* @__PURE__ */ e(d, { variant: "Small", children: t.projected_income }),
+                      /* @__PURE__ */ e(L, { amount: i.income, bold: !0, symbol: "+", variant: "Small" })
                     ]
                   }
                 ),
@@ -546,8 +550,8 @@ const _t = ({ recurrence: i }) => /* @__PURE__ */ o(P, { children: [
                     px: 16,
                     py: 12,
                     children: [
-                      /* @__PURE__ */ e(h, { variant: "Small", children: t.projected_expenses }),
-                      /* @__PURE__ */ e(L, { amount: a.expenses, bold: !0, symbol: "-", variant: "Small" })
+                      /* @__PURE__ */ e(d, { variant: "Small", children: t.projected_expenses }),
+                      /* @__PURE__ */ e(L, { amount: i.expenses, bold: !0, symbol: "-", variant: "Small" })
                     ]
                   }
                 ),
@@ -563,28 +567,28 @@ const _t = ({ recurrence: i }) => /* @__PURE__ */ o(P, { children: [
                     px: 16,
                     py: 12,
                     sx: { borderBottomLeftRadius: "4px", borderBottomRightRadius: "4px" },
-                    children: /* @__PURE__ */ e(pe, { remaining: a.remaining })
+                    children: /* @__PURE__ */ e(pe, { remaining: i.remaining })
                   }
                 )
               ] }) })
             },
-            a.id
+            i.id
           );
         })
       ]
     }
   );
 }, Dt = T(It), vt = () => {
-  const { cashflow: i } = O(), { isDesktop: n } = ue(), { onEvent: t } = Ne(), [s, c] = m.useState(0), f = (d, b) => {
+  const { cashflow: a } = O(), { isDesktop: n } = ue(), { onEvent: t } = Ne(), [s, c] = u.useState(0), f = (m, b) => {
     c(b);
   };
-  return m.useEffect(() => {
+  return u.useEffect(() => {
     t(s === 0 ? "cash_flow_summary" : "cash_flow_details");
   }, [s]), /* @__PURE__ */ o(I, { children: [
     /* @__PURE__ */ o(
       Ke,
       {
-        "aria-label": i.cashflow_summary_and_details,
+        "aria-label": a.cashflow_summary_and_details,
         centered: !0,
         onChange: f,
         textColor: "primary",
@@ -592,22 +596,22 @@ const _t = ({ recurrence: i }) => /* @__PURE__ */ o(P, { children: [
         variant: "fullWidth",
         children: [
           /* @__PURE__ */ e(
-            Ce,
+            ye,
             {
               "aria-controls": "cashflow-tabpanel-0",
               id: "cashflow-tab-0",
-              label: i.summary,
+              label: a.summary,
               sx: {
                 textTransform: "none"
               }
             }
           ),
           /* @__PURE__ */ e(
-            Ce,
+            ye,
             {
               "aria-controls": "cashflow-tabpanel-1",
               id: "cashflow-tab-1",
-              label: i.details,
+              label: a.details,
               sx: {
                 textTransform: "none"
               }
@@ -617,11 +621,11 @@ const _t = ({ recurrence: i }) => /* @__PURE__ */ o(P, { children: [
       }
     ),
     /* @__PURE__ */ e(I, { sx: { mb: 32 } }),
-    /* @__PURE__ */ e(we, { index: 0, name: "cashflow", value: s, children: /* @__PURE__ */ e(I, { sx: { m: n ? 48 : 16 }, children: /* @__PURE__ */ e(Dt, {}) }) }),
-    /* @__PURE__ */ e(we, { index: 1, name: "cashflow", value: s, children: /* @__PURE__ */ e(I, { sx: { m: n ? 48 : 16 }, children: /* @__PURE__ */ e(yt, {}) }) })
+    /* @__PURE__ */ e(Se, { index: 0, name: "cashflow", value: s, children: /* @__PURE__ */ e(I, { sx: { m: n ? 48 : 16 }, children: /* @__PURE__ */ e(Dt, {}) }) }),
+    /* @__PURE__ */ e(Se, { index: 1, name: "cashflow", value: s, children: /* @__PURE__ */ e(I, { sx: { m: n ? 48 : 16 }, children: /* @__PURE__ */ e(wt, {}) }) })
   ] });
 }, At = T(vt), oe = ({
-  amount: i,
+  amount: a,
   isMobile: n = !1,
   isTotal: t = !1,
   label: s,
@@ -636,25 +640,25 @@ const _t = ({ recurrence: i }) => /* @__PURE__ */ o(P, { children: [
     padding: n ? "14px 16px" : 0,
     sx: { borderBottomLeftRadius: 4, borderBottomRightRadius: 4 },
     children: [
-      !n && /* @__PURE__ */ e(L, { amount: i, component: "h2", variant: "H2" }),
+      !n && /* @__PURE__ */ e(L, { amount: a, component: "h2", variant: "H2" }),
       /* @__PURE__ */ o(r, { alignItems: "center", component: "span", direction: "row", gap: 8, mt: 2, children: [
-        /* @__PURE__ */ e(h, { bold: t, variant: "Small", children: s }),
+        /* @__PURE__ */ e(d, { bold: t, variant: "Small", children: s }),
         f
       ] }),
-      n && /* @__PURE__ */ e(L, { amount: i, component: "h2", symbol: c, variant: "Small" })
+      n && /* @__PURE__ */ e(L, { amount: a, component: "h2", symbol: c, variant: "Small" })
     ]
   }
-), Re = (i, n) => (t) => t.accountGuid && i.includes(t.accountGuid) && (We(t.expectedDate) || He(t.expectedDate, n.start)) && Fe(t.expectedDate, n.end), Et = () => {
-  const { availableWidth: i } = re(), { cashflow: n } = O(), { upcomingExpenses: t, upcomingIncome: s } = q(), { selectedAccountGuids: c } = Y(), { dateRange: f, selectedCashAccounts: d } = K(), { userProfile: b } = me(), [C, a] = m.useState(!1), g = m.useMemo(
+), Re = (a, n) => (t) => t.accountGuid && a.includes(t.accountGuid) && (We(t.expectedDate) || He(t.expectedDate, n.start)) && Fe(t.expectedDate, n.end), Et = () => {
+  const { availableWidth: a } = re(), { cashflow: n } = O(), { upcomingExpenses: t, upcomingIncome: s } = q(), { selectedAccountGuids: c } = Y(), { dateRange: f, selectedCashAccounts: m } = K(), { userProfile: b } = me(), [y, i] = u.useState(!1), g = u.useMemo(
     () => t.filter(Re(c, f)),
     [f, c, t]
-  ), l = m.useMemo(
+  ), l = u.useMemo(
     () => s.filter(Re(c, f)),
     [f, c, s]
-  ), u = m.useMemo(
-    () => d.reduce((N, S) => N + (S?.balance || 0), 0),
-    [d]
-  ), _ = g.reduce((N, S) => N + S.amount, 0), w = l.reduce((N, S) => N + S.amount, 0), v = u - _ + w, p = i < 725;
+  ), h = u.useMemo(
+    () => m.reduce((N, _) => N + (_?.balance || 0), 0),
+    [m]
+  ), C = g.reduce((N, _) => N + _.amount, 0), S = l.reduce((N, _) => N + _.amount, 0), v = h - C + S, p = a < 725;
   return /* @__PURE__ */ o(r, { sx: { mx: p ? 16 : 0, my: p ? 24 : 42 }, children: [
     /* @__PURE__ */ o(
       r,
@@ -669,18 +673,18 @@ const _t = ({ recurrence: i }) => /* @__PURE__ */ o(P, { children: [
           /* @__PURE__ */ e(
             oe,
             {
-              amount: u,
+              amount: h,
               isMobile: p,
               label: n.cash_and_bank
             }
           ),
           p && /* @__PURE__ */ e(D, {}),
           b?.has_completed_cash_flow_onboarding ? /* @__PURE__ */ o(P, { children: [
-            !p && /* @__PURE__ */ e(h, { sx: { fontSize: 25, lineHeight: 1 }, children: "+" }),
+            !p && /* @__PURE__ */ e(d, { sx: { fontSize: 25, lineHeight: 1 }, children: "+" }),
             /* @__PURE__ */ e(
               oe,
               {
-                amount: w,
+                amount: S,
                 isMobile: p,
                 label: n.to_be_received,
                 symbol: p ? "+" : void 0
@@ -689,23 +693,23 @@ const _t = ({ recurrence: i }) => /* @__PURE__ */ o(P, { children: [
           ] }) : /* @__PURE__ */ e(
             H,
             {
-              onClick: () => a(!0),
+              onClick: () => i(!0),
               startIcon: /* @__PURE__ */ e(F, { name: "add" }),
               sx: { fontSize: 13 },
               children: n.add_income
             }
           ),
-          p ? /* @__PURE__ */ e(D, {}) : /* @__PURE__ */ e(h, { sx: { fontSize: 25, lineHeight: 1 }, children: "-" }),
+          p ? /* @__PURE__ */ e(D, {}) : /* @__PURE__ */ e(d, { sx: { fontSize: 25, lineHeight: 1 }, children: "-" }),
           /* @__PURE__ */ e(
             oe,
             {
-              amount: _,
+              amount: C,
               isMobile: p,
               label: n.to_be_paid_out,
               symbol: p ? "-" : void 0
             }
           ),
-          p ? /* @__PURE__ */ e(D, {}) : /* @__PURE__ */ e(h, { sx: { fontSize: 25, lineHeight: 1 }, children: "=" }),
+          p ? /* @__PURE__ */ e(D, {}) : /* @__PURE__ */ e(d, { sx: { fontSize: 25, lineHeight: 1 }, children: "=" }),
           /* @__PURE__ */ e(
             oe,
             {
@@ -729,16 +733,16 @@ const _t = ({ recurrence: i }) => /* @__PURE__ */ o(P, { children: [
       $e,
       {
         ariaLabelClose: n.close_manage_income_aria,
-        isOpen: C,
-        onClose: () => a(!1),
+        isOpen: y,
+        onClose: () => i(!1),
         shouldShowHeaderBorders: !1,
         title: n.manage_income,
         children: /* @__PURE__ */ e(ot, {})
       }
     )
   ] });
-}, Tt = T(Et), Rt = ({ handleNextStep: i }) => {
-  const { completeOnboarding: n } = de(), { cashflow: t } = O(), s = ae();
+}, Tt = T(Et), Rt = ({ handleNextStep: a }) => {
+  const { completeOnboarding: n } = de(), { cashflow: t } = O(), s = ie();
   return /* @__PURE__ */ o(r, { children: [
     /* @__PURE__ */ e(le, { pb: 12, children: t.welcome_title }),
     /* @__PURE__ */ e(
@@ -803,7 +807,7 @@ const _t = ({ recurrence: i }) => /* @__PURE__ */ o(P, { children: [
       ] })
     ] }),
     /* @__PURE__ */ o(r, { direction: "row", spacing: 16, children: [
-      /* @__PURE__ */ e(H, { onClick: i, variant: "contained", children: t.get_started_button }),
+      /* @__PURE__ */ e(H, { onClick: a, variant: "contained", children: t.get_started_button }),
       /* @__PURE__ */ e(H, { onClick: n, variant: "outlined", children: t.skip_button })
     ] })
   ] });
@@ -811,11 +815,11 @@ const _t = ({ recurrence: i }) => /* @__PURE__ */ o(P, { children: [
   CASHFLOW_ONBOARDING: `${Le}/cashflow-onboarding.png`,
   CASHFLOW_LOADING_ANIMATION: `${Le}/loading-animation.gif`
 }, Ot = () => {
-  const { cashflow: i } = O();
-  return /* @__PURE__ */ o(m.Fragment, { children: [
+  const { cashflow: a } = O();
+  return /* @__PURE__ */ o(u.Fragment, { children: [
     /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e("img", { alt: "Loading", src: Ge.CASHFLOW_LOADING_ANIMATION }) }),
-    /* @__PURE__ */ e(le, { pb: 12, children: i.loading_title }),
-    /* @__PURE__ */ e(k, { children: i.loading_description })
+    /* @__PURE__ */ e(le, { pb: 12, children: a.loading_title }),
+    /* @__PURE__ */ e(k, { children: a.loading_description })
   ] });
 }, Nt = T(Ot), kt = tt`
   from {
@@ -825,22 +829,22 @@ const _t = ({ recurrence: i }) => /* @__PURE__ */ o(P, { children: [
     transform: rotate(360deg);
   }
 `, Ht = () => {
-  const { addRepeatingTransaction: i, repeatingTransactions: n } = q(), { cashflow: t, common: s } = O(), { completeOnboarding: c } = de(), { isDirty: f } = K(), { isMobile: d } = ue(), { isCopyLoaded: b, setDisplayedDate: C } = Y(), { filter: a, setFilter: g, transactions: l } = ke(), u = ae(), [_, w] = J(!0), [v, p] = m.useState(mt.EveryMonth), [N, S] = m.useState(1), [j, G] = m.useState(15), [W, z] = J(!1), [A, R] = J(1), [y, je] = J([]), [fe, ce] = J(""), $ = m.useMemo(
+  const { addRepeatingTransaction: a, repeatingTransactions: n } = q(), { cashflow: t, common: s } = O(), { completeOnboarding: c } = de(), { isDirty: f } = K(), { isMobile: m } = ue(), { isCopyLoaded: b, setDisplayedDate: y } = Y(), { filter: i, setFilter: g, transactions: l } = ke(), h = ie(), [C, S] = J(!0), [v, p] = u.useState(mt.EveryMonth), [N, _] = u.useState(1), [z, G] = u.useState(15), [W, j] = J(!1), [A, R] = J(1), [w, ze] = J([]), [fe, ce] = J(""), $ = u.useMemo(
     () => l.find((x) => x.guid === fe),
     [fe, l]
-  ), ze = !!n.filter(
+  ), je = !!n.filter(
     (x) => x.repeating_transaction_type === Ie.Income
   ).length, ge = async () => {
-    R(2), C(
+    R(2), y(
       //  Beginning of the month, 90 days before today
       ct(Me(M(), 90)),
       M()
-    ), g({ ...a, custom: Se }), R(3);
+    ), g({ ...i, custom: _e }), R(3);
   }, Be = async () => {
-    if (!(y.length < 1)) {
-      z(!0);
-      for (let x = 0; x < y.length; x++) {
-        const E = y[x], be = De(v, ye(E.date)), Pe = {
+    if (!(w.length < 1)) {
+      j(!0);
+      for (let x = 0; x < w.length; x++) {
+        const E = w[x], be = De(v, we(E.date)), Pe = {
           account_guid: E.account_guid,
           amount: E.amount,
           merchant_guid: E.merchant_guid,
@@ -851,19 +855,19 @@ const _t = ({ recurrence: i }) => /* @__PURE__ */ o(P, { children: [
           repeating_transaction_type: Ie.Income,
           transaction_type: E.transaction_type
         };
-        await i(Pe, E);
+        await a(Pe, E);
       }
       await c();
     }
-  }, Ue = !$ && _ || !$ && y.length < 1;
+  }, Ue = !$ && C || !$ && w.length < 1;
   return b ? /* @__PURE__ */ o(
     I,
     {
       sx: {
         display: "flex",
-        alignItems: d ? "flex-start" : "center",
-        backgroundColor: u.palette.background.paper,
-        backgroundImage: d ? null : `url(${Ge.CASHFLOW_ONBOARDING})`,
+        alignItems: m ? "flex-start" : "center",
+        backgroundColor: h.palette.background.paper,
+        backgroundImage: m ? null : `url(${Ge.CASHFLOW_ONBOARDING})`,
         backgroundRepeat: "no-repeat",
         backgroundPosition: "left 100px",
         backgroundSize: "35%",
@@ -874,7 +878,7 @@ const _t = ({ recurrence: i }) => /* @__PURE__ */ o(P, { children: [
           I,
           {
             sx: {
-              ...d ? { display: "flex", flexDirection: "column", maxWidth: "100%", padding: "0 16px" } : { maxWidth: 590, ml: "40%", mr: 90 }
+              ...m ? { display: "flex", flexDirection: "column", maxWidth: "100%", padding: "0 16px" } : { maxWidth: 590, ml: "40%", mr: 90 }
             },
             children: /* @__PURE__ */ e(Lt, { handleNextStep: ge })
           }
@@ -883,7 +887,7 @@ const _t = ({ recurrence: i }) => /* @__PURE__ */ o(P, { children: [
           I,
           {
             sx: {
-              ...d ? { display: "flex", flexDirection: "column", maxWidth: "100%", padding: "0 16px" } : { maxWidth: 590, ml: "40%", mr: 90 }
+              ...m ? { display: "flex", flexDirection: "column", maxWidth: "100%", padding: "0 16px" } : { maxWidth: 590, ml: "40%", mr: 90 }
             },
             children: /* @__PURE__ */ e(Nt, {})
           }
@@ -892,25 +896,25 @@ const _t = ({ recurrence: i }) => /* @__PURE__ */ o(P, { children: [
           I,
           {
             sx: {
-              ...d ? { display: "flex", flexDirection: "column", maxWidth: "100%", padding: "0 16px" } : { maxWidth: 590, ml: "40%", mr: 90 }
+              ...m ? { display: "flex", flexDirection: "column", maxWidth: "100%", padding: "0 16px" } : { maxWidth: 590, ml: "40%", mr: 90 }
             },
             children: [
               /* @__PURE__ */ e(le, { pb: 12, children: t.add_income_title }),
               /* @__PURE__ */ e(k, { mb: 24, children: t.add_income_description }),
-              y.length > 0 && !$ && /* @__PURE__ */ o(P, { children: [
-                /* @__PURE__ */ e(ee, { children: y.map((x, E) => /* @__PURE__ */ o(m.Fragment, { children: [
+              w.length > 0 && !$ && /* @__PURE__ */ o(P, { children: [
+                /* @__PURE__ */ e(ee, { children: w.map((x, E) => /* @__PURE__ */ o(u.Fragment, { children: [
                   /* @__PURE__ */ e(lt, { bgcolor: "background.paper", children: ut(
                     U(x.nextDate || x.date)
                   ) }),
                   /* @__PURE__ */ e(dt, { transaction: x }),
-                  E !== y.length - 1 && /* @__PURE__ */ e(D, {})
+                  E !== w.length - 1 && /* @__PURE__ */ e(D, {})
                 ] }, x.guid)) }),
                 /* @__PURE__ */ o(r, { alignItems: "center", direction: "row", children: [
                   /* @__PURE__ */ e(D, { sx: { flexGrow: 1 } }),
                   /* @__PURE__ */ e(
                     H,
                     {
-                      onClick: () => w(!0),
+                      onClick: () => S(!0),
                       startIcon: /* @__PURE__ */ e(F, { name: "add", size: 20 }),
                       children: t.add_income
                     }
@@ -918,19 +922,19 @@ const _t = ({ recurrence: i }) => /* @__PURE__ */ o(P, { children: [
                 ] })
               ] }),
               Ue && /* @__PURE__ */ e(
-                it,
+                at,
                 {
                   bgcolor: "background.paper",
                   onSearch: (x) => g({
-                    ...a,
-                    custom: (E) => x ? at(E, x) : Se(E)
+                    ...i,
+                    custom: (E) => x ? it(E, x) : _e(E)
                   }),
                   onSelected: (x) => {
-                    ce(x), w(!1);
+                    ce(x), S(!1);
                   }
                 }
               ),
-              !ze && f && /* @__PURE__ */ e(k, { color: "error", mt: 16, children: t.confirm_error }),
+              !je && f && /* @__PURE__ */ e(k, { color: "error", mt: 16, children: t.confirm_error }),
               $ && /* @__PURE__ */ o(P, { children: [
                 /* @__PURE__ */ e(
                   rt,
@@ -938,10 +942,10 @@ const _t = ({ recurrence: i }) => /* @__PURE__ */ o(P, { children: [
                     bgcolor: "background.paper",
                     firstDay: N,
                     frequency: v,
-                    onFirstDayChange: S,
+                    onFirstDayChange: _,
                     onFrequencyChange: p,
                     onSecondDayChange: G,
-                    secondDay: j,
+                    secondDay: z,
                     transaction: $
                   }
                 ),
@@ -951,12 +955,12 @@ const _t = ({ recurrence: i }) => /* @__PURE__ */ o(P, { children: [
                     {
                       "aria-disabled": !$,
                       onClick: () => {
-                        const x = [...y];
+                        const x = [...w];
                         x.push({
                           ...$,
-                          nextDate: De(v, ye($.date)),
+                          nextDate: De(v, we($.date)),
                           frequency: v
-                        }), je(x), ce("");
+                        }), ze(x), ce("");
                       },
                       variant: "contained",
                       children: s.confirm_button
@@ -966,7 +970,7 @@ const _t = ({ recurrence: i }) => /* @__PURE__ */ o(P, { children: [
                     H,
                     {
                       onClick: () => {
-                        ce(""), w(!0), ge().finally();
+                        ce(""), S(!0), ge().finally();
                       },
                       variant: "outlined",
                       children: s.cancel_button
@@ -974,11 +978,11 @@ const _t = ({ recurrence: i }) => /* @__PURE__ */ o(P, { children: [
                   )
                 ] })
               ] }),
-              y.length > 0 && !$ && /* @__PURE__ */ o(r, { direction: "row", gap: 16, ml: 24, mt: 32, children: [
+              w.length > 0 && !$ && /* @__PURE__ */ o(r, { direction: "row", gap: 16, ml: 24, mt: 32, children: [
                 /* @__PURE__ */ e(
                   H,
                   {
-                    "aria-disabled": y.length < 1 || W,
+                    "aria-disabled": w.length < 1 || W,
                     onClick: Be,
                     startIcon: W ? /* @__PURE__ */ e(
                       F,
@@ -1001,30 +1005,30 @@ const _t = ({ recurrence: i }) => /* @__PURE__ */ o(P, { children: [
       ]
     }
   ) : /* @__PURE__ */ e(se, {});
-}, Ft = T(Ht), Wt = ({ onBackClick: i, sx: n = {} }) => {
+}, Ft = T(Ht), Wt = ({ onBackClick: a, sx: n = {} }) => {
   const {
     selectedAccounts: t,
     selectedAccountGuids: s,
     setSelectedAccounts: c,
     shouldDisableNextDate: f,
-    shouldDisablePrevDate: d
-  } = Y(), { onEvent: b } = Ne(), { visibleCashAccounts: C } = Oe(), { setFilter: a } = ke(), { userProfile: g } = me(), { dateRange: l, setSelectedCashAccounts: u } = K(), { loadRepeatingTransactions: _, setDateRange: w } = q(), { cashflow: v, recurring: p } = O(), { isCopyLoaded: N, isInitialized: S } = Y(), [j, G] = m.useState(!1);
-  return m.useEffect(() => {
-    S && (w(l), _().finally());
-  }, [S]), m.useEffect(() => {
-    c(C);
-  }, [C]), m.useEffect(() => {
-    const W = C.map((A) => A.guid), z = t.filter(
+    shouldDisablePrevDate: m
+  } = Y(), { onEvent: b } = Ne(), { visibleCashAccounts: y } = Oe(), { setFilter: i } = ke(), { userProfile: g } = me(), { dateRange: l, setSelectedCashAccounts: h } = K(), { loadRepeatingTransactions: C, setDateRange: S } = q(), { cashflow: v, recurring: p } = O(), { isCopyLoaded: N, isInitialized: _ } = Y(), [z, G] = u.useState(!1);
+  return u.useEffect(() => {
+    _ && (S(l), C().finally());
+  }, [_]), u.useEffect(() => {
+    c(y);
+  }, [y]), u.useEffect(() => {
+    const W = y.map((A) => A.guid), j = t.filter(
       (A) => s.includes(A.guid) && W.includes(A.guid)
     );
-    u(z), a({
+    h(j), i({
       dateRange: { start: Me(M(), 90), end: ht() },
-      accounts: z.map((A) => A.guid)
+      accounts: j.map((A) => A.guid)
     });
-  }, [C, t]), !N || !S ? /* @__PURE__ */ e(se, {}) : g?.has_completed_cash_flow_onboarding ? /* @__PURE__ */ o(
+  }, [y, t]), !N || !_ ? /* @__PURE__ */ e(se, {}) : g?.has_completed_cash_flow_onboarding ? /* @__PURE__ */ o(
     ve,
     {
-      accountOptions: C,
+      accountOptions: y,
       actions: [
         {
           label: p.action_title,
@@ -1036,7 +1040,7 @@ const _t = ({ recurrence: i }) => /* @__PURE__ */ o(P, { children: [
       ],
       calendarActions: {
         shouldDisableNext: f,
-        shouldDisablePrevious: d,
+        shouldDisablePrevious: m,
         shouldDisablePicker: !0,
         onRangeChanged: () => {
         }
@@ -1044,7 +1048,7 @@ const _t = ({ recurrence: i }) => /* @__PURE__ */ o(P, { children: [
       dateRange: l,
       dateRangeVariant: "readonly",
       onAccountsFilterClick: () => b(Ae.CASH_FLOW_CLICK_FILTER),
-      onBackClick: i,
+      onBackClick: a,
       sx: n,
       title: v.title,
       children: [
@@ -1054,7 +1058,7 @@ const _t = ({ recurrence: i }) => /* @__PURE__ */ o(P, { children: [
           $e,
           {
             ariaLabelClose: v.close_settings_aria,
-            isOpen: j,
+            isOpen: z,
             onClose: () => G(!1),
             shouldShowHeaderBorders: !1,
             title: p.action_title,
@@ -1066,7 +1070,7 @@ const _t = ({ recurrence: i }) => /* @__PURE__ */ o(P, { children: [
   ) : /* @__PURE__ */ e(
     ve,
     {
-      onBackClick: i,
+      onBackClick: a,
       sx: { height: "100%", overflow: "auto" },
       title: v.title,
       children: /* @__PURE__ */ e(Ft, {})