@mx-cartographer/experiences 7.12.17 → 7.13.1

package/dist/cashflow/index.es.js

@@ -1,60 +1,60 @@
 import { jsxs as o, Fragment as B, jsx as e } from "react/jsx-runtime";
-import p, { useState as Y } from "react";
+import p, { useState as Q } from "react";
 import { observer as T } from "mobx-react-lite";
-import { addMonths as Xe } from "date-fns/addMonths";
+import { addMonths as Ve } from "date-fns/addMonths";
 import { startOfToday as W } from "date-fns/startOfToday";
 import D from "@mui/material/Box";
 import v from "@mui/material/Divider";
 import s from "@mui/material/Stack";
 import se from "@mui/material/styles/useTheme";
-import { Text as m, P as N, Icon as M, InstitutionLogo as Ce, H2 as de, H3 as Ve } from "@mxenabled/mxui";
-import { G as Ye, t as me, u as L, p as ce, d as Ne, b as P, i as U, g as ke, a as Qe, h as He, o as Ke } from "../hooks-BxkfR-Ff.mjs";
+import { Text as m, P as N, Icon as M, InstitutionLogo as ye, H2 as de, H3 as Ye } from "@mxenabled/mxui";
+import { G as Qe, t as me, u as L, p as ce, d as Ne, b as P, i as U, g as ke, a as Ke, h as Oe, o as Xe } from "../hooks-BxkfR-Ff.mjs";
 import { C as R } from "../CurrencyText-CA-E5N_y.mjs";
-import { I as ue } from "../CashflowStore-DEdQJU5i.mjs";
-import { C as qn } from "../CashflowStore-DEdQJU5i.mjs";
+import { I as ue } from "../CashflowStore-D3MKniVM.mjs";
+import { C as qn } from "../CashflowStore-D3MKniVM.mjs";
 import { u as he } from "../useScreenSize-B6JyS_Lj.mjs";
 import { L as Z } from "../Loader-D3rjKx72.mjs";
 import { b as $ } from "../Localization-CPkpIwIx.mjs";
-import { M as Je } from "../MiniWidgetContainer-Cu72GNsE.mjs";
+import { M as Je } from "../MiniWidgetContainer-xLWSV6Wz.mjs";
 import { E as Ze } from "../EmptyState-DHAkGsjk.mjs";
-import { u as Oe } from "../useWidgetLoadTimer-DgN1bTyu.mjs";
-import { R as et } from "../RecurringSettings-BmXtfHtK.mjs";
+import { u as Fe } from "../useWidgetLoadTimer-DgN1bTyu.mjs";
+import { R as et } from "../RecurringSettings-DdOcok2e.mjs";
 import tt from "@mui/material/Tabs";
-import ye from "@mui/material/Tab";
+import Ce from "@mui/material/Tab";
 import { getUnixTime as z } from "date-fns/getUnixTime";
 import J from "@mui/material/List";
 import ee from "@mui/material/ListItem";
-import { A as nt } from "../AccountListItem-BAf03YhK.mjs";
-import { f as q, D as X } from "../DateFormats-BMpMrZpW.mjs";
+import { A as nt } from "../AccountListItem-LcJVJysf.mjs";
+import { f as q, D as V } from "../DateFormats-BMpMrZpW.mjs";
 import ot from "@mui/material/ListSubheader";
-import { f as K } from "../NumberFormatting-QCaNwbjv.mjs";
-import { isAfter as Fe } from "date-fns/isAfter";
+import { f as X } from "../NumberFormatting-QCaNwbjv.mjs";
+import { isAfter as He } from "date-fns/isAfter";
 import { isBefore as We } from "date-fns/isBefore";
 import { isToday as $e } from "date-fns/isToday";
-import { addDays as Se } from "date-fns/addDays";
-import { alpha as at, keyframes as it } from "@mui/material/styles";
+import { addDays as we } from "date-fns/addDays";
+import { alpha as it, keyframes as at } from "@mui/material/styles";
 import { DataGridPro as rt } from "@mui/x-data-grid-pro";
-import { T as we } from "../TabContentContainer-j01JYR_7.mjs";
+import { T as _e } from "../TabContentContainer-j01JYR_7.mjs";
 import G from "@mui/material/Button";
-import { M as st, S as ct, i as lt, d as _e, c as dt } from "../ManageIncome-BnWWjP2g.mjs";
-import { D as Ge } from "../Drawer-DV4NTsFg.mjs";
+import { M as st, S as ct, i as lt, d as Se, c as dt } from "../ManageIncome-QvqN555q.mjs";
+import { D as Ge } from "../Drawer-Bbe4AMB1.mjs";
 import { subDays as Me } from "date-fns/subDays";
 import { endOfToday as mt } from "date-fns/endOfToday";
-import { W as ut } from "../WidgetContainer-B0ncgABX.mjs";
+import { W as ut } from "../WidgetContainer-D_iaToWJ.mjs";
 import { A as Ie } from "../Analytics-BYItVAe-.mjs";
-import { A as Q } from "../Account-BiB1F8lL.mjs";
+import { A as K } from "../Account-BiB1F8lL.mjs";
 import { formatISO as ht } from "date-fns/formatISO";
 import { fromUnixTime as De } from "date-fns/fromUnixTime";
 import { startOfMonth as pt } from "date-fns/startOfMonth";
-import { S as ft, a as gt } from "../StatusIndicator-BV3oFzxo.mjs";
-import { F as bt, R as ve, e as Ae } from "../RecurringTransactions-CYNpe_RS.mjs";
+import { S as ft, a as gt } from "../StatusIndicator-CIKUOoN_.mjs";
+import { F as bt, R as ve, e as Ae } from "../RecurringTransactions-BOzBqfdg.mjs";
 import { h as xt } from "../DateUtil-wcYTmDRD.mjs";
-import { F as Ct, A as j } from "../Fetch-B6tMJC1r.mjs";
-const V = () => {
-  if (!p.useContext(Ye))
+import { F as yt, A as j } from "../Fetch-B6tMJC1r.mjs";
+const Y = () => {
+  if (!p.useContext(Qe))
     throw new Error("useCashflowUiStore() must be used within the GlobalDataContext");
   return me().uiStore;
-}, yt = ({ remaining: a }) => {
+}, Ct = ({ remaining: i }) => {
   const { cashflow: n } = L();
   return /* @__PURE__ */ o(B, { children: [
     /* @__PURE__ */ e(
@@ -62,88 +62,88 @@ const V = () => {
       {
         sx: {
           borderRadius: "1px",
-          backgroundColor: a < 0 ? "error.main" : a > 0 ? "success.main" : "warning.main",
+          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: n.remaining_cash }),
-    /* @__PURE__ */ e(R, { amount: a, bold: !0, sx: { fontSize: 12 } })
+    /* @__PURE__ */ e(R, { amount: i, bold: !0, sx: { fontSize: 12 } })
   ] });
-}, pe = T(yt), St = () => {
-  const a = se(), { availableWidth: n } = ce(), { isMobile: t } = he(), { visibleCashAccounts: i, visibleCashBalance: f } = Ne(), { selectedAccountGuids: u } = P(), { cashflow: c } = L(), {
+}, pe = T(Ct), wt = () => {
+  const i = se(), { availableWidth: n } = ce(), { isMobile: t } = he(), { visibleCashAccounts: a, visibleCashBalance: f } = Ne(), { selectedAccountGuids: u } = P(), { cashflow: c } = L(), {
     daysUntilNextIncome: l,
     expensesTilNextIncome: g,
     selectedCashAccounts: r,
     setNextIncome: h,
     setSelectedCashAccounts: d,
     setUpcomingExpenses: x
-  } = V(), { isDataLoaded: S, nextIncomeRecurrence: w, upcomingExpenses: A } = U();
+  } = Y(), { isDataLoaded: w, nextIncomeRecurrence: _, upcomingExpenses: A } = U();
   p.useEffect(() => {
     d(
-      i.filter((C) => u.includes(C.guid))
+      a.filter((y) => u.includes(y.guid))
     );
-  }, [i, u]), p.useEffect(() => {
-    w && h(w), x(A);
-  }, [w, A]);
-  const _ = p.useMemo(
-    () => i.filter((C) => u.includes(C.guid)).reduce((C, I) => C + (I?.balance || 0), 0),
+  }, [a, u]), p.useEffect(() => {
+    _ && h(_), x(A);
+  }, [_, A]);
+  const S = p.useMemo(
+    () => a.filter((y) => u.includes(y.guid)).reduce((y, I) => y + (I?.balance || 0), 0),
     [u, A]
   ), k = p.useMemo(
-    () => g.filter((C) => u.includes(C.accountGuid || "")).reduce((C, I) => C + I.amount, 0),
+    () => g.filter((y) => u.includes(y.accountGuid || "")).reduce((y, I) => y + I.amount, 0),
     [u, g]
   ), b = p.useMemo(
-    () => _ - k,
-    [_, k]
+    () => S - k,
+    [S, k]
   );
-  return S ? /* @__PURE__ */ e(D, { className: "mx-cashflow", pl: 16, pr: 16, pt: 16, children: n > 710 ? /* @__PURE__ */ o(
+  return w ? /* @__PURE__ */ e(D, { className: "mx-cashflow", pl: 16, pr: 16, pt: 16, children: n > 710 ? /* @__PURE__ */ o(
     s,
     {
-      border: `1px solid ${a.palette.border.light}`,
+      border: `1px solid ${i.palette.border.light}`,
       borderRadius: 1,
       direction: "row",
       justifyContent: "space-between",
       px: 24,
       children: [
         /* @__PURE__ */ o(s, { pb: 14, pt: 12, children: [
-          /* @__PURE__ */ e(R, { amount: _, variant: "H2" }),
-          /* @__PURE__ */ e(N, { variant: "XSmall", whiteSpace: "nowrap", children: $(
+          /* @__PURE__ */ e(R, { amount: S, variant: "h2" }),
+          /* @__PURE__ */ e(N, { variant: "caption", whiteSpace: "nowrap", children: $(
             c.total_cash_accounts,
             r.length
           ) })
         ] }),
         /* @__PURE__ */ e(s, { pt: 18, children: /* @__PURE__ */ e(M, { name: "remove" }) }),
         /* @__PURE__ */ o(s, { pb: 14, pt: 12, children: [
-          /* @__PURE__ */ e(R, { amount: k, variant: "H2" }),
-          /* @__PURE__ */ e(N, { variant: "XSmall", whiteSpace: "nowrap", children: $(c.expenses_due, g.length) })
+          /* @__PURE__ */ e(R, { amount: k, variant: "h2" }),
+          /* @__PURE__ */ e(N, { variant: "caption", whiteSpace: "nowrap", children: $(c.expenses_due, g.length) })
         ] }),
         /* @__PURE__ */ e(s, { pt: 18, children: /* @__PURE__ */ e(M, { name: "equal" }) }),
         /* @__PURE__ */ o(s, { pb: 14, pr: 24, pt: 12, children: [
-          /* @__PURE__ */ e(R, { amount: b, variant: "H2" }),
+          /* @__PURE__ */ e(R, { amount: b, variant: "h2" }),
           /* @__PURE__ */ o(s, { alignItems: "center", direction: "row", gap: 8, children: [
-            /* @__PURE__ */ e(N, { variant: "XSmall", whiteSpace: "nowrap", children: c.available_to_spend }),
+            /* @__PURE__ */ e(N, { variant: "caption", whiteSpace: "nowrap", children: c.available_to_spend }),
             /* @__PURE__ */ e(ue, { body: c.tooltip_body, title: c.tooltip_title })
           ] })
         ] }),
-        /* @__PURE__ */ e(s, { borderLeft: `1px solid ${a.palette.border.light}`, pb: 12, pl: 24, pt: 12, children: /* @__PURE__ */ o(B, { children: [
-          /* @__PURE__ */ e(m, { variant: "H2", children: $(c.days, l) }),
-          /* @__PURE__ */ e(N, { variant: "XSmall", whiteSpace: "nowrap", children: c.next_paycheck })
+        /* @__PURE__ */ e(s, { borderLeft: `1px solid ${i.palette.border.light}`, pb: 12, pl: 24, pt: 12, children: /* @__PURE__ */ o(B, { children: [
+          /* @__PURE__ */ e(m, { variant: "h2", children: $(c.days, l) }),
+          /* @__PURE__ */ e(N, { variant: "caption", whiteSpace: "nowrap", children: c.next_paycheck })
         ] }) })
       ]
     }
-  ) : /* @__PURE__ */ o(s, { border: `1px solid ${a.palette.border.light}`, borderRadius: 1, children: [
+  ) : /* @__PURE__ */ o(s, { border: `1px solid ${i.palette.border.light}`, borderRadius: 1, children: [
     /* @__PURE__ */ o(s, { direction: "row", justifyContent: "space-between", p: 16, children: [
-      /* @__PURE__ */ e(m, { variant: "Small", children: $(
+      /* @__PURE__ */ e(m, { variant: "body2", children: $(
         c.total_cash_accounts,
         r.length
       ) }),
-      /* @__PURE__ */ e(R, { amount: f, bold: !0, variant: "XSmall" })
+      /* @__PURE__ */ e(R, { amount: f, bold: !0, variant: "caption" })
     ] }),
     /* @__PURE__ */ e(v, {}),
     /* @__PURE__ */ o(s, { direction: "row", justifyContent: "space-between", p: 16, children: [
-      /* @__PURE__ */ e(m, { variant: "Small", children: $(c.expenses_due, g.length) }),
-      /* @__PURE__ */ e(R, { amount: k, bold: !0, symbol: "-", variant: "XSmall" })
+      /* @__PURE__ */ e(m, { variant: "body2", children: $(c.expenses_due, g.length) }),
+      /* @__PURE__ */ e(R, { amount: k, bold: !0, symbol: "-", variant: "caption" })
     ] }),
     /* @__PURE__ */ e(v, {}),
     /* @__PURE__ */ e(
@@ -162,19 +162,19 @@ const V = () => {
     ),
     /* @__PURE__ */ e(v, {}),
     /* @__PURE__ */ o(s, { direction: "row", justifyContent: "space-between", p: 16, children: [
-      /* @__PURE__ */ e(m, { variant: "Small", children: c.next_paycheck }),
-      /* @__PURE__ */ e(m, { bold: !0, variant: "XSmall", children: $(c.days, l) })
+      /* @__PURE__ */ e(m, { variant: "body2", children: c.next_paycheck }),
+      /* @__PURE__ */ e(m, { bold: !0, variant: "caption", children: $(c.days, l) })
     ] })
   ] }) }) : /* @__PURE__ */ e(Z, { height: t ? 210 : 120 });
-}, wt = T(St), _t = ({
-  onPrimaryCtaClick: a,
+}, _t = T(wt), St = ({
+  onPrimaryCtaClick: i,
   onSecondaryCtaClick: n,
   sx: t = {}
 }) => {
-  const { cashflow: i } = L(), { isInitialized: f } = P(), { loadRepeatingTransactionData: u, income: c, isDataLoaded: l, setDateRange: g } = U();
+  const { cashflow: a } = L(), { isInitialized: f } = P(), { loadRepeatingTransactionData: u, income: c, isDataLoaded: l, setDateRange: g } = U();
   p.useEffect(() => {
-    g({ start: W(), end: Xe(W(), 1) }), l || u().finally();
-  }, []), Oe({
+    g({ start: W(), end: Ve(W(), 1) }), l || u().finally();
+  }, []), Fe({
     widgetName: "CashflowMiniWidget",
     isLoaded: l
   });
@@ -183,28 +183,28 @@ const V = () => {
     Je,
     {
       className: "mx-exp-cashflow-miniwidget",
-      onPrimaryCtaClick: a,
-      primaryCtaLabel: i.primary_cta,
-      subTitle: r || !l ? void 0 : i.sub_title,
+      onPrimaryCtaClick: i,
+      primaryCtaLabel: a.primary_cta,
+      subTitle: r || !l ? void 0 : a.sub_title,
       sx: { height: "100%", ...t },
-      title: i.title,
+      title: a.title,
       children: [
         !l && /* @__PURE__ */ e(Z, {}),
         l && (r ? /* @__PURE__ */ e(
           Ze,
           {
-            header: i.create,
+            header: a.create,
             icon: "local_atm",
             onClick: n,
-            primaryButton: i.add_income,
+            primaryButton: a.add_income,
             primaryButtonStartIcon: "add",
-            subText: i.create_description
+            subText: a.create_description
           }
-        ) : /* @__PURE__ */ e(wt, {}))
+        ) : /* @__PURE__ */ e(_t, {}))
       ]
     }
   ) : /* @__PURE__ */ e(Z, {});
-}, Mn = T(_t), It = ({ remaining: a }) => /* @__PURE__ */ e(
+}, Mn = T(St), It = ({ remaining: i }) => /* @__PURE__ */ e(
   ee,
   {
     sx: {
@@ -217,28 +217,28 @@ const V = () => {
       borderBottomRightRadius: "3px",
       minHeight: "auto"
     },
-    children: /* @__PURE__ */ e(pe, { remaining: a })
+    children: /* @__PURE__ */ e(pe, { remaining: i })
   }
 );
-var te = /* @__PURE__ */ ((a) => (a.EXPENSE = "expense", a.INCOME = "income", a))(te || {});
-const Dt = ({ recurrence: a }) => /* @__PURE__ */ o(B, { children: [
+var te = /* @__PURE__ */ ((i) => (i.EXPENSE = "expense", i.INCOME = "income", i))(te || {});
+const Dt = ({ recurrence: i }) => /* @__PURE__ */ o(B, { children: [
   /* @__PURE__ */ o(ee, { sx: { display: "flex", alignItems: "center", gap: 16, px: 24, py: 12 }, children: [
     /* @__PURE__ */ o(s, { alignItems: "center", height: 32, width: 32, children: [
-      /* @__PURE__ */ e(m, { bold: !0, sx: { fontSize: 11 }, children: q(a.expectedDate, X.MONTH) }),
-      /* @__PURE__ */ e(m, { bold: !0, sx: { fontSize: 11 }, children: q(a.expectedDate, X.DAY) })
+      /* @__PURE__ */ e(m, { bold: !0, sx: { fontSize: 11 }, children: q(i.expectedDate, V.MONTH) }),
+      /* @__PURE__ */ e(m, { bold: !0, sx: { fontSize: 11 }, children: q(i.expectedDate, V.DAY) })
     ] }),
-    /* @__PURE__ */ e(m, { sx: { flexGrow: 1, fontSize: 13 }, children: a.name }),
+    /* @__PURE__ */ e(m, { sx: { flexGrow: 1, fontSize: 13 }, children: i.name }),
     /* @__PURE__ */ e(
       R,
       {
-        amount: a.amount,
+        amount: i.amount,
         bold: !0,
         sx: { textAlign: "right", fontSize: 13 }
       }
     )
   ] }),
   /* @__PURE__ */ e(v, {})
-] }), Ee = T(Dt), vt = ({ total: a, type: n }) => {
+] }), Ee = T(Dt), vt = ({ total: i, type: n }) => {
   const { cashflow: t } = L();
   return /* @__PURE__ */ o(B, { children: [
     /* @__PURE__ */ o(
@@ -257,27 +257,27 @@ const Dt = ({ recurrence: a }) => /* @__PURE__ */ o(B, { children: [
           /* @__PURE__ */ e(m, { bold: !0, sx: { fontSize: 12 }, children: n === te.EXPENSE ? t.expenses : t.income }),
           /* @__PURE__ */ o(m, { bold: !0, sx: { fontSize: 13 }, children: [
             n === te.EXPENSE ? "-" : "+",
-            K(a, "0,0.00")
+            X(i, "0,0.00")
           ] })
         ]
       }
     ),
     /* @__PURE__ */ e(v, {})
   ] });
-}, Te = T(vt), re = (a, n) => (t) => t.accountGuid === a.guid && ($e(t.expectedDate) || Fe(t.expectedDate, n.start)) && We(t.expectedDate, n.end), At = () => {
-  const { availableWidth: a } = ce(), { cashflow: n } = L(), { upcomingExpenses: t, upcomingIncome: i } = U(), { dateRange: f, selectedCashAccounts: u } = V();
+}, Te = T(vt), re = (i, n) => (t) => t.accountGuid === i.guid && ($e(t.expectedDate) || He(t.expectedDate, n.start)) && We(t.expectedDate, n.end), At = () => {
+  const { availableWidth: i } = ce(), { cashflow: n } = L(), { upcomingExpenses: t, upcomingIncome: a } = U(), { dateRange: f, selectedCashAccounts: u } = Y();
   return /* @__PURE__ */ o(s, { children: [
-    /* @__PURE__ */ o(s, { direction: a < 400 ? "column" : "row", justifyContent: "space-between", children: [
+    /* @__PURE__ */ o(s, { direction: i < 400 ? "column" : "row", justifyContent: "space-between", children: [
       /* @__PURE__ */ e(m, { bold: !0, sx: { fontSize: 15, mb: 12, whiteSpace: "normal" }, children: n.accounts_breakdown }),
       /* @__PURE__ */ o(m, { bold: !0, sx: { fontSize: 15, mb: 12, whiteSpace: "normal" }, children: [
-        q(f.start, X.FULL_MONTH_DAY),
+        q(f.start, V.FULL_MONTH_DAY),
         " -",
         " ",
-        q(f.end, X.FULL_MONTH_DAY)
+        q(f.end, V.FULL_MONTH_DAY)
       ] })
     ] }),
     /* @__PURE__ */ e(s, { children: u.map((c) => {
-      const l = i.filter(re(c, f)).sort((d, x) => z(d.expectedDate) - z(x.expectedDate)), g = t.filter(
+      const l = a.filter(re(c, f)).sort((d, x) => z(d.expectedDate) - z(x.expectedDate)), g = t.filter(
         re(c, f)
       ), r = l.reduce(
         (d, x) => d + x.amount,
@@ -337,23 +337,23 @@ const Dt = ({ recurrence: a }) => /* @__PURE__ */ o(B, { children: [
     }) })
   ] });
 }, Et = T(At), Tt = () => {
-  const { availableWidth: a } = ce(), n = se(), { cashflow: t } = L(), { upcomingExpenses: i, upcomingIncome: f } = U(), { dateRange: u, selectedCashAccounts: c } = V(), l = [
+  const { availableWidth: i } = ce(), n = se(), { cashflow: t } = L(), { upcomingExpenses: a, upcomingIncome: f } = U(), { dateRange: u, selectedCashAccounts: c } = Y(), l = [
     {
       field: "account",
       flex: 1.5,
       headerName: t.accounts,
       renderCell: ({ value: { name: r, nickname: h, institution_guid: d, account_number: x } }) => {
-        const S = h || r;
+        const w = h || r;
         return /* @__PURE__ */ o(s, { alignItems: "center", flexDirection: "row", gap: 12, children: [
           /* @__PURE__ */ e(
-            Ce,
+            ye,
             {
               alt: t.institution_logo,
               institutionGuid: d || "",
               size: 16
             }
           ),
-          /* @__PURE__ */ e(m, { variant: "body2", children: `${S} ${x ? `*${x}` : ""}` })
+          /* @__PURE__ */ e(m, { variant: "body2", children: `${w} ${x ? `*${x}` : ""}` })
         ] });
       }
     },
@@ -362,21 +362,21 @@ const Dt = ({ recurrence: a }) => /* @__PURE__ */ o(B, { children: [
       flex: 1,
       headerName: t.balance,
       type: "number",
-      renderCell: (r) => /* @__PURE__ */ e(m, { color: n.palette.text.primary, variant: "Small", children: K(r.value, "0,0.00") })
+      renderCell: (r) => /* @__PURE__ */ e(m, { color: n.palette.text.primary, variant: "body2", children: X(r.value, "0,0.00") })
     },
     {
       field: "income",
       flex: 1,
       headerName: t.projected_income,
       type: "number",
-      renderCell: (r) => /* @__PURE__ */ e(m, { color: n.palette.text.primary, variant: "Small", children: `+${K(r.value, "0,0.00")}` })
+      renderCell: (r) => /* @__PURE__ */ e(m, { color: n.palette.text.primary, variant: "body2", children: `+${X(r.value, "0,0.00")}` })
     },
     {
       field: "expenses",
       flex: 1.1,
       headerName: t.projected_expenses,
       type: "number",
-      renderCell: (r) => /* @__PURE__ */ e(m, { color: n.palette.text.primary, variant: "Small", children: `-${K(r.value, "0,0.00")}` })
+      renderCell: (r) => /* @__PURE__ */ e(m, { color: n.palette.text.primary, variant: "body2", children: `-${X(r.value, "0,0.00")}` })
     },
     {
       field: "remaining",
@@ -389,18 +389,18 @@ const Dt = ({ recurrence: a }) => /* @__PURE__ */ o(B, { children: [
           m,
           {
             color: Math.sign(h) === -1 ? n.palette.error.main : n.palette.text.primary,
-            variant: "Small",
-            children: K(h, "0,0.00")
+            variant: "body2",
+            children: X(h, "0,0.00")
           }
         );
       }
     }
   ], g = p.useMemo(() => c.map((r) => {
-    const h = i.filter(
-      re(r, { start: W(), end: Se(W(), 30) })
-    ).reduce((S, w) => S + w.amount, 0), d = f.filter(
-      re(r, { start: W(), end: Se(W(), 30) })
-    ).reduce((S, w) => S + w.amount, 0), x = (r.balance || 0) + d - h;
+    const h = a.filter(
+      re(r, { start: W(), end: we(W(), 30) })
+    ).reduce((w, _) => w + _.amount, 0), d = f.filter(
+      re(r, { start: W(), end: we(W(), 30) })
+    ).reduce((w, _) => w + _.amount, 0), x = (r.balance || 0) + d - h;
     return {
       account: r,
       balance: r.balance || 0,
@@ -409,7 +409,7 @@ const Dt = ({ recurrence: a }) => /* @__PURE__ */ o(B, { children: [
       expenses: h,
       remaining: x
     };
-  }), [c, i, f]);
+  }), [c, a, f]);
   return /* @__PURE__ */ o(
     D,
     {
@@ -420,7 +420,7 @@ const Dt = ({ recurrence: a }) => /* @__PURE__ */ o(B, { children: [
         /* @__PURE__ */ o(
           s,
           {
-            direction: a < 540 ? "column" : "row",
+            direction: i < 540 ? "column" : "row",
             justifyContent: "space-between",
             mb: 12,
             children: [
@@ -445,15 +445,15 @@ const Dt = ({ recurrence: a }) => /* @__PURE__ */ o(B, { children: [
                 )
               ] }),
               /* @__PURE__ */ o(m, { bold: !0, sx: { fontSize: 15, whiteSpace: "normal" }, children: [
-                q(u.start, X.FULL_MONTH_DAY),
+                q(u.start, V.FULL_MONTH_DAY),
                 " -",
                 " ",
-                q(u.end, X.FULL_MONTH_DAY)
+                q(u.end, V.FULL_MONTH_DAY)
               ] })
             ]
           }
         ),
-        a > 650 ? /* @__PURE__ */ e(
+        i > 650 ? /* @__PURE__ */ e(
           rt,
           {
             columnHeaderHeight: 48,
@@ -471,7 +471,7 @@ const Dt = ({ recurrence: a }) => /* @__PURE__ */ o(B, { children: [
               "& .MuiDataGrid-columnHeader .MuiIconButton-root": {
                 color: n.palette.primary.main,
                 "&:hover": {
-                  backgroundColor: at(n.palette.primary.main, 0.1)
+                  backgroundColor: it(n.palette.primary.main, 0.1)
                 }
               },
               "& .MuiDataGrid-columnHeaderTitle": {
@@ -484,7 +484,7 @@ const Dt = ({ recurrence: a }) => /* @__PURE__ */ o(B, { children: [
             }
           }
         ) : g.map((r) => {
-          const { name: h, nickname: d, institution_guid: x, account_number: S } = r.account, w = d || h;
+          const { name: h, nickname: d, institution_guid: x, account_number: w } = r.account, _ = d || h;
           return /* @__PURE__ */ e(
             J,
             {
@@ -506,16 +506,16 @@ const Dt = ({ recurrence: a }) => /* @__PURE__ */ o(B, { children: [
                     children: [
                       /* @__PURE__ */ o(s, { alignItems: "center", flexDirection: "row", gap: 8, width: "50%", children: [
                         /* @__PURE__ */ e(
-                          Ce,
+                          ye,
                           {
                             alt: t.institution_logo,
                             institutionGuid: x || "",
                             size: 16
                           }
                         ),
-                        /* @__PURE__ */ e(m, { variant: "Small", children: `${w} ${S ? `*${S}` : ""}` })
+                        /* @__PURE__ */ e(m, { variant: "body2", children: `${_} ${w ? `*${w}` : ""}` })
                       ] }),
-                      /* @__PURE__ */ e(R, { amount: r.balance, bold: !0, variant: "Small" })
+                      /* @__PURE__ */ e(R, { amount: r.balance, bold: !0, variant: "body2" })
                     ]
                   }
                 ),
@@ -529,8 +529,8 @@ const Dt = ({ recurrence: a }) => /* @__PURE__ */ o(B, { children: [
                     px: 16,
                     py: 12,
                     children: [
-                      /* @__PURE__ */ e(m, { variant: "Small", children: t.projected_income }),
-                      /* @__PURE__ */ e(R, { amount: r.income, bold: !0, symbol: "+", variant: "Small" })
+                      /* @__PURE__ */ e(m, { variant: "body2", children: t.projected_income }),
+                      /* @__PURE__ */ e(R, { amount: r.income, bold: !0, symbol: "+", variant: "body2" })
                     ]
                   }
                 ),
@@ -544,8 +544,8 @@ const Dt = ({ recurrence: a }) => /* @__PURE__ */ o(B, { children: [
                     px: 16,
                     py: 12,
                     children: [
-                      /* @__PURE__ */ e(m, { variant: "Small", children: t.projected_expenses }),
-                      /* @__PURE__ */ e(R, { amount: r.expenses, bold: !0, symbol: "-", variant: "Small" })
+                      /* @__PURE__ */ e(m, { variant: "body2", children: t.projected_expenses }),
+                      /* @__PURE__ */ e(R, { amount: r.expenses, bold: !0, symbol: "-", variant: "body2" })
                     ]
                   }
                 ),
@@ -573,39 +573,39 @@ const Dt = ({ recurrence: a }) => /* @__PURE__ */ o(B, { children: [
     }
   );
 }, Rt = T(Tt), Lt = () => {
-  const { cashflow: a } = L(), { isDesktop: n } = he(), { onEvent: t } = ke(), [i, f] = p.useState(0), u = (c, l) => {
+  const { cashflow: i } = L(), { isDesktop: n } = he(), { onEvent: t } = ke(), [a, f] = p.useState(0), u = (c, l) => {
     f(l);
   };
   return p.useEffect(() => {
-    t(i === 0 ? "cash_flow_summary" : "cash_flow_details");
-  }, [i]), /* @__PURE__ */ o(D, { children: [
+    t(a === 0 ? "cash_flow_summary" : "cash_flow_details");
+  }, [a]), /* @__PURE__ */ o(D, { children: [
     /* @__PURE__ */ o(
       tt,
       {
-        "aria-label": a.cashflow_summary_and_details,
+        "aria-label": i.cashflow_summary_and_details,
         centered: !0,
         onChange: u,
         textColor: "primary",
-        value: i,
+        value: a,
         variant: "fullWidth",
         children: [
           /* @__PURE__ */ e(
-            ye,
+            Ce,
             {
               "aria-controls": "cashflow-tabpanel-0",
               id: "cashflow-tab-0",
-              label: a.summary,
+              label: i.summary,
               sx: {
                 textTransform: "none"
               }
             }
           ),
           /* @__PURE__ */ e(
-            ye,
+            Ce,
             {
               "aria-controls": "cashflow-tabpanel-1",
               id: "cashflow-tab-1",
-              label: a.details,
+              label: i.details,
               sx: {
                 textTransform: "none"
               }
@@ -615,14 +615,14 @@ const Dt = ({ recurrence: a }) => /* @__PURE__ */ o(B, { children: [
       }
     ),
     /* @__PURE__ */ e(D, { sx: { mb: 32 } }),
-    /* @__PURE__ */ e(we, { index: 0, name: "cashflow", value: i, children: /* @__PURE__ */ e(D, { sx: { m: n ? 48 : 16 }, children: /* @__PURE__ */ e(Rt, {}) }) }),
-    /* @__PURE__ */ e(we, { index: 1, name: "cashflow", value: i, children: /* @__PURE__ */ e(D, { sx: { m: n ? 48 : 16 }, children: /* @__PURE__ */ e(Et, {}) }) })
+    /* @__PURE__ */ e(_e, { index: 0, name: "cashflow", value: a, children: /* @__PURE__ */ e(D, { sx: { m: n ? 48 : 16 }, children: /* @__PURE__ */ e(Rt, {}) }) }),
+    /* @__PURE__ */ e(_e, { index: 1, name: "cashflow", value: a, children: /* @__PURE__ */ e(D, { sx: { m: n ? 48 : 16 }, children: /* @__PURE__ */ e(Et, {}) }) })
   ] });
-}, Nt = T(Lt), ie = ({
-  amount: a,
+}, Nt = T(Lt), ae = ({
+  amount: i,
   isMobile: n = !1,
   isTotal: t = !1,
-  label: i,
+  label: a,
   symbol: f,
   tooltip: u
 }) => /* @__PURE__ */ o(
@@ -634,25 +634,25 @@ const Dt = ({ recurrence: a }) => /* @__PURE__ */ o(B, { children: [
     padding: n ? "14px 16px" : 0,
     sx: { borderBottomLeftRadius: 4, borderBottomRightRadius: 4 },
     children: [
-      !n && /* @__PURE__ */ e(R, { amount: a, component: "h2", variant: "H2" }),
+      !n && /* @__PURE__ */ e(R, { amount: i, component: "h2", variant: "h2" }),
       /* @__PURE__ */ o(s, { alignItems: "center", component: "span", direction: "row", gap: 8, mt: 2, children: [
-        /* @__PURE__ */ e(m, { bold: t, variant: "Small", children: i }),
+        /* @__PURE__ */ e(m, { bold: t, variant: "body2", children: a }),
         u
       ] }),
-      n && /* @__PURE__ */ e(R, { amount: a, component: "h2", symbol: f, variant: "Small" })
+      n && /* @__PURE__ */ e(R, { amount: i, component: "h2", symbol: f, variant: "body2" })
     ]
   }
-), Re = (a, n) => (t) => t.accountGuid && a.includes(t.accountGuid) && ($e(t.expectedDate) || Fe(t.expectedDate, n.start)) && We(t.expectedDate, n.end), kt = () => {
-  const { availableWidth: a } = ce(), { cashflow: n } = L(), { income: t, isDataLoaded: i, upcomingExpenses: f, upcomingIncome: u } = U(), { selectedAccountGuids: c } = P(), { dateRange: l, selectedCashAccounts: g } = V(), [r, h] = p.useState(!1), d = p.useMemo(
+), Re = (i, n) => (t) => t.accountGuid && i.includes(t.accountGuid) && ($e(t.expectedDate) || He(t.expectedDate, n.start)) && We(t.expectedDate, n.end), kt = () => {
+  const { availableWidth: i } = ce(), { cashflow: n } = L(), { income: t, isDataLoaded: a, upcomingExpenses: f, upcomingIncome: u } = U(), { selectedAccountGuids: c } = P(), { dateRange: l, selectedCashAccounts: g } = Y(), [r, h] = p.useState(!1), d = p.useMemo(
     () => f.filter(Re(c, l)),
     [l, c, f]
   ), x = p.useMemo(
     () => u.filter(Re(c, l)),
     [l, c, u]
-  ), S = p.useMemo(
-    () => g.reduce((C, I) => C + (I?.balance || 0), 0),
+  ), w = p.useMemo(
+    () => g.reduce((y, I) => y + (I?.balance || 0), 0),
     [g]
-  ), w = d.reduce((C, I) => C + I.amount, 0), A = x.reduce((C, I) => C + I.amount, 0), _ = S - w + A, k = i && t.length > 0, b = a < 725;
+  ), _ = d.reduce((y, I) => y + I.amount, 0), A = x.reduce((y, I) => y + I.amount, 0), S = w - _ + A, k = a && t.length > 0, b = i < 725;
   return /* @__PURE__ */ o(s, { sx: { mx: b ? 16 : 0, my: b ? 24 : 42 }, children: [
     /* @__PURE__ */ o(
       s,
@@ -665,9 +665,9 @@ const Dt = ({ recurrence: a }) => /* @__PURE__ */ o(B, { children: [
         justifyContent: "center",
         children: [
           /* @__PURE__ */ e(
-            ie,
+            ae,
             {
-              amount: S,
+              amount: w,
               isMobile: b,
               label: $(n.cash_and_bank, g.length)
             }
@@ -676,7 +676,7 @@ const Dt = ({ recurrence: a }) => /* @__PURE__ */ o(B, { children: [
           k ? /* @__PURE__ */ o(B, { children: [
             !b && /* @__PURE__ */ e(m, { sx: { fontSize: 25, lineHeight: 1 }, children: "+" }),
             /* @__PURE__ */ e(
-              ie,
+              ae,
               {
                 amount: A,
                 isMobile: b,
@@ -695,9 +695,9 @@ const Dt = ({ recurrence: a }) => /* @__PURE__ */ o(B, { children: [
           ),
           b ? /* @__PURE__ */ e(v, {}) : /* @__PURE__ */ e(m, { sx: { fontSize: 25, lineHeight: 1 }, children: "-" }),
           /* @__PURE__ */ e(
-            ie,
+            ae,
             {
-              amount: w,
+              amount: _,
               isMobile: b,
               label: $(n.to_be_paid_out, d.length),
               symbol: b ? "-" : void 0
@@ -705,9 +705,9 @@ const Dt = ({ recurrence: a }) => /* @__PURE__ */ o(B, { children: [
           ),
           b ? /* @__PURE__ */ e(v, {}) : /* @__PURE__ */ e(m, { sx: { fontSize: 25, lineHeight: 1 }, children: "=" }),
           /* @__PURE__ */ e(
-            ie,
+            ae,
             {
-              amount: _,
+              amount: S,
               isMobile: b,
               isTotal: b,
               label: n.remaining_cash,
@@ -735,27 +735,27 @@ const Dt = ({ recurrence: a }) => /* @__PURE__ */ o(B, { children: [
       }
     )
   ] });
-}, Ht = T(kt), Ot = ({ onBackClick: a, sx: n = {} }) => {
-  const { selectedAccounts: t, selectedAccountGuids: i, shouldDisableNextDate: f, shouldDisablePrevDate: u } = P(), { onEvent: c } = ke(), { clientConfig: l } = Qe(), { visibleCashAccounts: g } = Ne(), { setFilter: r } = He(), { dateRange: h, setSelectedCashAccounts: d } = V(), { loadRepeatingTransactionData: x, isDataLoaded: S, setDateRange: w } = U(), { cashflow: A, recurring: _ } = L(), { isInitialized: k } = P(), C = l?.master?.deep_link_params?.view === "manage_income", [I, ne] = p.useState(C);
+}, Ot = T(kt), Ft = ({ onBackClick: i, sx: n = {} }) => {
+  const { selectedAccounts: t, selectedAccountGuids: a, shouldDisableNextDate: f, shouldDisablePrevDate: u } = P(), { onEvent: c } = ke(), { clientConfig: l } = Ke(), { visibleCashAccounts: g } = Ne(), { setFilter: r } = Oe(), { dateRange: h, setSelectedCashAccounts: d } = Y(), { loadRepeatingTransactionData: x, isDataLoaded: w, setDateRange: _ } = U(), { cashflow: A, recurring: S } = L(), { isInitialized: k } = P(), y = l?.master?.deep_link_params?.view === "manage_income", [I, ne] = p.useState(y);
   return p.useEffect(() => {
-    w(h), S || x().finally();
+    _(h), w || x().finally();
   }, []), p.useEffect(() => {
-    const oe = g.map((H) => H.guid), ae = t.filter(
-      (H) => i.includes(H.guid) && oe.includes(H.guid)
+    const oe = g.map((O) => O.guid), ie = t.filter(
+      (O) => a.includes(O.guid) && oe.includes(O.guid)
     );
-    d(ae), r({
+    d(ie), r({
       dateRange: { start: Me(W(), 90), end: mt() },
-      accounts: ae.map((H) => H.guid)
+      accounts: ie.map((O) => O.guid)
     });
-  }, [g, t]), Oe({
+  }, [g, t]), Fe({
     widgetName: "CashflowWidget",
-    isLoaded: S
+    isLoaded: w
   }), k ? /* @__PURE__ */ o(
     ut,
     {
       actions: [
         {
-          label: _.action_title,
+          label: S.action_title,
           iconName: "credit_card_gear",
           onClick: () => {
             ne(!0), c(Ie.CASH_FLOW_CLICK_SETTINGS);
@@ -763,11 +763,11 @@ const Dt = ({ recurrence: a }) => /* @__PURE__ */ o(B, { children: [
         }
       ],
       allowedAccountTypes: [
-        Q.CASH,
-        Q.CHECKING,
-        Q.PREPAID,
-        Q.SAVINGS,
-        Q.CHECKING_LINE_OF_CREDIT
+        K.CASH,
+        K.CHECKING,
+        K.PREPAID,
+        K.SAVINGS,
+        K.CHECKING_LINE_OF_CREDIT
       ],
       calendarActions: {
         shouldDisableNext: f,
@@ -779,11 +779,11 @@ const Dt = ({ recurrence: a }) => /* @__PURE__ */ o(B, { children: [
       dateRange: h,
       dateRangeVariant: "readonly",
       onAccountsFilterClick: () => c(Ie.CASH_FLOW_CLICK_FILTER),
-      onBackClick: a,
+      onBackClick: i,
       sx: n,
       title: A.title,
       children: [
-        /* @__PURE__ */ e(Ht, {}),
+        /* @__PURE__ */ e(Ot, {}),
         /* @__PURE__ */ e(Nt, {}),
         /* @__PURE__ */ e(
           Ge,
@@ -792,21 +792,21 @@ const Dt = ({ recurrence: a }) => /* @__PURE__ */ o(B, { children: [
             isOpen: I,
             onClose: () => ne(!1),
             shouldShowHeaderBorders: !1,
-            title: _.action_title,
-            children: /* @__PURE__ */ e(et, { defaultSelectedTab: C ? 1 : 0 })
+            title: S.action_title,
+            children: /* @__PURE__ */ e(et, { defaultSelectedTab: y ? 1 : 0 })
           }
         )
       ]
     }
   ) : /* @__PURE__ */ e(Z, {});
-}, jn = T(Ot), Ft = ({ handleNextStep: a }) => {
-  const { completeOnboarding: n } = me(), { cashflow: t } = L(), i = se();
+}, jn = T(Ft), Ht = ({ handleNextStep: i }) => {
+  const { completeOnboarding: n } = me(), { cashflow: t } = L(), a = se();
   return /* @__PURE__ */ o(s, { children: [
-    /* @__PURE__ */ e(de, { pb: 12, variant: "H1", children: t.welcome_title }),
+    /* @__PURE__ */ e(de, { pb: 12, variant: "h1", children: t.welcome_title }),
     /* @__PURE__ */ e(
-      Ve,
+      Ye,
       {
-        color: i.palette.primary.light,
+        color: a.palette.primary.light,
         pb: 8,
         sx: { wordBreak: "break-word", whiteSpace: "initial" },
         children: t.welcome_sub_title
@@ -818,7 +818,7 @@ const Dt = ({ recurrence: a }) => /* @__PURE__ */ o(B, { children: [
         /* @__PURE__ */ e(
           D,
           {
-            bgcolor: i.palette.primary.lighter,
+            bgcolor: a.palette.primary.lighter,
             borderRadius: 1,
             component: "span",
             height: 44,
@@ -834,7 +834,7 @@ const Dt = ({ recurrence: a }) => /* @__PURE__ */ o(B, { children: [
         /* @__PURE__ */ e(
           D,
           {
-            bgcolor: i.palette.primary.lighter,
+            bgcolor: a.palette.primary.lighter,
             borderRadius: 1,
             component: "span",
             height: 44,
@@ -850,7 +850,7 @@ const Dt = ({ recurrence: a }) => /* @__PURE__ */ o(B, { children: [
         /* @__PURE__ */ e(
           D,
           {
-            bgcolor: i.palette.primary.lighter,
+            bgcolor: a.palette.primary.lighter,
             borderRadius: 1,
             component: "span",
             height: 44,
@@ -864,21 +864,21 @@ const Dt = ({ recurrence: a }) => /* @__PURE__ */ o(B, { children: [
       ] })
     ] }),
     /* @__PURE__ */ o(s, { direction: "row", spacing: 16, children: [
-      /* @__PURE__ */ e(G, { onClick: a, variant: "contained", children: t.get_started_button }),
+      /* @__PURE__ */ e(G, { onClick: i, variant: "contained", children: t.get_started_button }),
       /* @__PURE__ */ e(G, { onClick: n, variant: "outlined", children: t.skip_button })
     ] })
   ] });
-}, Wt = T(Ft), Le = "https://content.moneydesktop.com/storage/MD_Assets/md/cashflow", je = {
+}, Wt = T(Ht), Le = "https://content.moneydesktop.com/storage/MD_Assets/md/cashflow", je = {
   CASHFLOW_ONBOARDING: `${Le}/cashflow-onboarding.png`,
   CASHFLOW_LOADING_ANIMATION: `${Le}/loading-animation.gif`
 }, $t = () => {
-  const { cashflow: a } = L();
+  const { cashflow: i } = L();
   return /* @__PURE__ */ o(p.Fragment, { children: [
     /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e("img", { alt: "Loading", src: je.CASHFLOW_LOADING_ANIMATION }) }),
-    /* @__PURE__ */ e(de, { pb: 12, variant: "H1", children: a.loading_title }),
-    /* @__PURE__ */ e(N, { children: a.loading_description })
+    /* @__PURE__ */ e(de, { pb: 12, variant: "h1", children: i.loading_title }),
+    /* @__PURE__ */ e(N, { children: i.loading_description })
   ] });
-}, Gt = T($t), Mt = it`
+}, Gt = T($t), Mt = at`
   from {
     transform: rotate(0deg);
   }
@@ -886,22 +886,22 @@ const Dt = ({ recurrence: a }) => /* @__PURE__ */ o(B, { children: [
     transform: rotate(360deg);
   }
 `, jt = () => {
-  const { addRepeatingTransaction: a, repeatingTransactions: n } = U(), { cashflow: t, common: i } = L(), { user: f } = Ke(), { completeOnboarding: u } = me(), { isDirty: c } = V(), { isMobile: l } = he(), { isCopyLoaded: g, setDisplayedDate: r } = P(), { filter: h, setFilter: d, transactions: x } = He(), S = se(), [w, A] = Y(!0), [_, k] = p.useState(bt.EveryMonth), [b, C] = p.useState(1), [I, ne] = p.useState(15), [oe, ae] = Y(!1), [H, fe] = Y(1), [O, ze] = Y([]), [ge, le] = Y(""), F = p.useMemo(
-    () => x.find((y) => y.guid === ge),
+  const { addRepeatingTransaction: i, repeatingTransactions: n } = U(), { cashflow: t, common: a } = L(), { user: f } = Xe(), { completeOnboarding: u } = me(), { isDirty: c } = Y(), { isMobile: l } = he(), { isCopyLoaded: g, setDisplayedDate: r } = P(), { filter: h, setFilter: d, transactions: x } = Oe(), w = se(), [_, A] = Q(!0), [S, k] = p.useState(bt.EveryMonth), [b, y] = p.useState(1), [I, ne] = p.useState(15), [oe, ie] = Q(!1), [O, fe] = Q(1), [F, ze] = Q([]), [ge, le] = Q(""), H = p.useMemo(
+    () => x.find((C) => C.guid === ge),
     [ge, x]
   ), Be = !!n.filter(
-    (y) => y.repeating_transaction_type === ve.Income
+    (C) => C.repeating_transaction_type === ve.Income
   ).length, be = async () => {
     fe(2), r(
       //  Beginning of the month, 90 days before today
       pt(Me(W(), 90)),
       W()
-    ), d({ ...h, custom: _e }), fe(3);
+    ), d({ ...h, custom: Se }), fe(3);
   }, Ue = async () => {
-    if (!(O.length < 1)) {
-      ae(!0);
-      for (let y = 0; y < O.length; y++) {
-        const E = O[y], xe = Ae(_, De(E.date)), qe = {
+    if (!(F.length < 1)) {
+      ie(!0);
+      for (let C = 0; C < F.length; C++) {
+        const E = F[C], xe = Ae(S, De(E.date)), qe = {
           account_guid: E.account_guid,
           amount: E.amount,
           created_by: 0,
@@ -910,24 +910,24 @@ const Dt = ({ recurrence: a }) => /* @__PURE__ */ o(B, { children: [
           description: E.feed_description || E.description,
           predicted_occurs_on: ht(xe, { representation: "date" }),
           recurrence_day: xe.getDay(),
-          recurrence_type: _,
+          recurrence_type: S,
           repeating_transaction_type: ve.Income,
           second_recurrence_day: I,
           transaction_type: E.transaction_type,
           user_guid: f.guid
         };
-        await a(qe, E);
+        await i(qe, E);
       }
       await u();
     }
-  }, Pe = !F && w || !F && O.length < 1;
+  }, Pe = !H && _ || !H && F.length < 1;
   return g ? /* @__PURE__ */ o(
     D,
     {
       sx: {
         display: "flex",
         alignItems: l ? "flex-start" : "center",
-        backgroundColor: S.palette.background.paper,
+        backgroundColor: w.palette.background.paper,
         backgroundImage: l ? null : `url(${je.CASHFLOW_ONBOARDING})`,
         backgroundRepeat: "no-repeat",
         backgroundPosition: "left 100px",
@@ -935,7 +935,7 @@ const Dt = ({ recurrence: a }) => /* @__PURE__ */ o(B, { children: [
         py: 24
       },
       children: [
-        H === 1 && /* @__PURE__ */ e(
+        O === 1 && /* @__PURE__ */ e(
           D,
           {
             sx: {
@@ -944,7 +944,7 @@ const Dt = ({ recurrence: a }) => /* @__PURE__ */ o(B, { children: [
             children: /* @__PURE__ */ e(Wt, { handleNextStep: be })
           }
         ),
-        H === 2 && /* @__PURE__ */ e(
+        O === 2 && /* @__PURE__ */ e(
           D,
           {
             sx: {
@@ -953,23 +953,23 @@ const Dt = ({ recurrence: a }) => /* @__PURE__ */ o(B, { children: [
             children: /* @__PURE__ */ e(Gt, {})
           }
         ),
-        H === 3 && /* @__PURE__ */ o(
+        O === 3 && /* @__PURE__ */ o(
           D,
           {
             sx: {
               ...l ? { display: "flex", flexDirection: "column", maxWidth: "100%", padding: "0 16px" } : { maxWidth: 590, ml: "40%", mr: 90 }
             },
             children: [
-              /* @__PURE__ */ e(de, { pb: 12, variant: "H1", children: t.add_income_title }),
+              /* @__PURE__ */ e(de, { pb: 12, variant: "h1", children: t.add_income_title }),
               /* @__PURE__ */ e(N, { mb: 24, children: t.add_income_description }),
-              O.length > 0 && !F && /* @__PURE__ */ o(B, { children: [
-                /* @__PURE__ */ e(J, { children: O.map((y, E) => /* @__PURE__ */ o(p.Fragment, { children: [
+              F.length > 0 && !H && /* @__PURE__ */ o(B, { children: [
+                /* @__PURE__ */ e(J, { children: F.map((C, E) => /* @__PURE__ */ o(p.Fragment, { children: [
                   /* @__PURE__ */ e(ft, { bgcolor: "background.paper", children: xt(
-                    z(y.nextDate || y.date)
+                    z(C.nextDate || C.date)
                   ) }),
-                  /* @__PURE__ */ e(gt, { transaction: y }),
-                  E !== O.length - 1 && /* @__PURE__ */ e(v, {})
-                ] }, y.guid)) }),
+                  /* @__PURE__ */ e(gt, { transaction: C }),
+                  E !== F.length - 1 && /* @__PURE__ */ e(v, {})
+                ] }, C.guid)) }),
                 /* @__PURE__ */ o(s, { alignItems: "center", direction: "row", children: [
                   /* @__PURE__ */ e(v, { sx: { flexGrow: 1 } }),
                   /* @__PURE__ */ e(
@@ -986,45 +986,45 @@ const Dt = ({ recurrence: a }) => /* @__PURE__ */ o(B, { children: [
                 ct,
                 {
                   bgcolor: "background.paper",
-                  onSearch: (y) => d({
+                  onSearch: (C) => d({
                     ...h,
-                    custom: (E) => y ? lt(E, y) : _e(E)
+                    custom: (E) => C ? lt(E, C) : Se(E)
                   }),
-                  onSelected: (y) => {
-                    le(y), A(!1);
+                  onSelected: (C) => {
+                    le(C), A(!1);
                   }
                 }
               ),
               !Be && c && /* @__PURE__ */ e(N, { color: "error", mt: 16, children: t.confirm_error }),
-              F && /* @__PURE__ */ o(B, { children: [
+              H && /* @__PURE__ */ o(B, { children: [
                 /* @__PURE__ */ e(
                   dt,
                   {
                     bgcolor: "background.paper",
                     firstDay: b,
-                    frequency: _,
-                    onFirstDayChange: C,
+                    frequency: S,
+                    onFirstDayChange: y,
                     onFrequencyChange: k,
                     onSecondDayChange: ne,
                     secondDay: I,
-                    transaction: F
+                    transaction: H
                   }
                 ),
                 /* @__PURE__ */ o(s, { direction: "row", gap: 16, ml: 24, mt: 32, children: [
                   /* @__PURE__ */ e(
                     G,
                     {
-                      "aria-disabled": !F,
+                      "aria-disabled": !H,
                       onClick: () => {
-                        const y = [...O];
-                        y.push({
-                          ...F,
-                          nextDate: Ae(_, De(F.date)),
-                          frequency: _
-                        }), ze(y), le("");
+                        const C = [...F];
+                        C.push({
+                          ...H,
+                          nextDate: Ae(S, De(H.date)),
+                          frequency: S
+                        }), ze(C), le("");
                       },
                       variant: "contained",
-                      children: i.confirm_button
+                      children: a.confirm_button
                     }
                   ),
                   /* @__PURE__ */ e(
@@ -1034,16 +1034,16 @@ const Dt = ({ recurrence: a }) => /* @__PURE__ */ o(B, { children: [
                         le(""), A(!0), be().finally();
                       },
                       variant: "outlined",
-                      children: i.cancel_button
+                      children: a.cancel_button
                     }
                   )
                 ] })
               ] }),
-              O.length > 0 && !F && /* @__PURE__ */ o(s, { direction: "row", gap: 16, ml: 24, mt: 32, children: [
+              F.length > 0 && !H && /* @__PURE__ */ o(s, { direction: "row", gap: 16, ml: 24, mt: 32, children: [
                 /* @__PURE__ */ e(
                   G,
                   {
-                    "aria-disabled": O.length < 1 || oe,
+                    "aria-disabled": F.length < 1 || oe,
                     onClick: Ue,
                     startIcon: oe ? /* @__PURE__ */ e(
                       M,
@@ -1069,21 +1069,21 @@ const Dt = ({ recurrence: a }) => /* @__PURE__ */ o(B, { children: [
 }, zn = T(jt);
 class Bn {
   fetchInstance;
-  constructor(n, t, i) {
-    this.fetchInstance = new Ct(n, t, void 0, i);
+  constructor(n, t, a) {
+    this.fetchInstance = new yt(n, t, void 0, a);
   }
   addCashflowEvent = async (n) => this.fetchInstance.post(j.CASHFLOW_EVENTS, { ...n }).then((t) => t);
   addCashflowSequence = async (n) => this.fetchInstance.post(j.CASHFLOW_SEQUENCES, { ...n }).then((t) => t.cashflow_sequence);
   getCashflowSequences = async () => this.fetchInstance.get(j.CASHFLOW_SEQUENCES).then((n) => n.cashflow_sequences);
   getCashflowEventsByDateRange = async (n, t) => this.fetchInstance.get(
     `${j.CASHFLOW_EVENTS}/from/${z(n)}/to/${z(t)}`
-  ).then((i) => i.cashflow_events);
+  ).then((a) => a.cashflow_events);
   deleteCashflowSequence = async (n) => this.fetchInstance.delete(`${j.CASHFLOW_SEQUENCES}/${n}`).then((t) => t);
   getProjectedCashflowEvents = async (n, t) => this.fetchInstance.get(
     `${j.CASHFLOW_SEQUENCES}/projected_events/from/${z(
       n
     )}/to/${z(t)}`
-  ).then((i) => i.cashflow_events);
+  ).then((a) => a.cashflow_events);
   updateCashflowSequence = async (n) => this.fetchInstance.put(`${j.CASHFLOW_SEQUENCES}/${n.guid}`, n).then((t) => t.cashflow_sequence);
 }
 export {