@mx-cartographer/experiences 9.2.1 → 9.2.3

package/dist/cashflow/index.es.js

@@ -1,60 +1,62 @@
-import { jsxs as n, Fragment as M, jsx as e } from "react/jsx-runtime";
-import w, { useState as U } from "react";
+import { jsxs as n, Fragment as z, jsx as e } from "react/jsx-runtime";
+import S, { useState as K } from "react";
 import { observer as T } from "mobx-react-lite";
-import D from "@mui/material/Box";
-import I from "@mui/material/Divider";
+import v from "@mui/material/Box";
+import D from "@mui/material/Divider";
 import c from "@mui/material/Stack";
-import { useTheme as oe, alpha as Ye, keyframes as qe } from "@mui/material/styles";
-import { Text as m, P as E, Icon as H, InstitutionLogo as ye, H2 as le, H3 as Ke } from "@mxenabled/mxui";
+import { useTheme as ae, alpha as Ye, keyframes as qe } from "@mui/material/styles";
+import { Text as m, P as k, Icon as F, InstitutionLogo as ye, H2 as de, H3 as Ke } from "@mxenabled/mxui";
 import { b as G } from "../Localization-DnoVyBNK.mjs";
-import { G as Ve, p as de, u as R, D as ie, a as j, h as Q, i as me, f as Le, c as Xe, g as ke, C as Je } from "../hooks-97sNJ_lf.mjs";
+import { G as Ve, p as me, u as R, D as re, a as $, h as te, i as pe, f as Ee, c as Xe, g as Le, C as Je } from "../hooks-97sNJ_lf.mjs";
 import { C as A } from "../CurrencyText-CCbE6MmF.mjs";
-import { u as pe } from "../useScreenSize-mWpmnh5w.mjs";
-import { L as V } from "../Loader-CxeBwuPG.mjs";
-import { I as ue } from "../InformationTooltip-4su8bn1e.mjs";
+import { u as ue } from "../useScreenSize-mWpmnh5w.mjs";
+import { L as Q } from "../Loader-CxeBwuPG.mjs";
+import { I as he } from "../InformationTooltip-4su8bn1e.mjs";
 import { u as Ne } from "../useWidgetLoadTimer-B0tB-yzL.mjs";
 import { M as Qe } from "../MiniWidgetContainer-Bmv_WeUd.mjs";
 import { E as Ze } from "../EmptyState-CJUDc3kD.mjs";
-import { R as et } from "../RecurringSettings-CcS5b1xA.mjs";
-import tt from "@mui/material/Tabs";
+import et from "@mui/material/Alert";
+import tt from "@mui/material/Snackbar";
+import { R as nt } from "../RecurringSettings-CcS5b1xA.mjs";
+import ot from "@mui/material/Tabs";
 import _e from "@mui/material/Tab";
-import { getUnixTime as ce } from "date-fns/getUnixTime";
-import K from "@mui/material/List";
-import X from "@mui/material/ListItem";
-import { A as nt } from "../AccountDetailsDrawer-utXjRHSW.mjs";
-import { f as $, D as P } from "../DateFormats-HudZ3Bjs.mjs";
-import ot from "@mui/material/ListSubheader";
-import { f as q } from "../NumberFormatting--XMeeBfr.mjs";
+import { getUnixTime as se } from "date-fns/getUnixTime";
+import J from "@mui/material/List";
+import Z from "@mui/material/ListItem";
+import { A as it } from "../AccountDetailsDrawer-utXjRHSW.mjs";
+import { f as P, D as U } from "../DateFormats-HudZ3Bjs.mjs";
+import at from "@mui/material/ListSubheader";
+import { f as X } from "../NumberFormatting--XMeeBfr.mjs";
 import { isAfter as Oe } from "date-fns/isAfter";
 import { isBefore as Ge } from "date-fns/isBefore";
-import { isToday as Fe } from "date-fns/isToday";
-import { g as He } from "../AccountUtils-Cbh8r9cP.mjs";
-import { DataGridPro as it } from "@mui/x-data-grid-pro";
+import { isToday as He } from "date-fns/isToday";
+import { g as Fe } from "../AccountUtils-Cbh8r9cP.mjs";
+import { DataGridPro as rt } from "@mui/x-data-grid-pro";
 import { T as Ce } from "../TabContentContainer-B0eYJP5p.mjs";
-import F from "@mui/material/Button";
-import { M as at, S as rt, i as ct, b as we, c as st } from "../ManageIncome-Czs7daKV.mjs";
+import H from "@mui/material/Button";
+import { M as ct, S as st, i as lt, b as we, c as dt } from "../ManageIncome-Czs7daKV.mjs";
 import { D as We } from "../Drawer-DsnW2o0v.mjs";
 import { subDays as Me } from "date-fns/subDays";
-import { startOfToday as se } from "date-fns/startOfToday";
-import { endOfToday as lt } from "date-fns/endOfToday";
-import { W as dt } from "../WidgetContainer-CjdCY4sj.mjs";
-import { c as Y } from "../Account-DR7Plrqy.mjs";
+import { startOfToday as le } from "date-fns/startOfToday";
+import { endOfToday as mt } from "date-fns/endOfToday";
+import { W as pt } from "../WidgetContainer-CoHQ75sR.mjs";
+import { c as V } from "../Account-DR7Plrqy.mjs";
 import { A as Se } from "../Analytics-D-jdcL72.mjs";
-import { formatISO as mt } from "date-fns/formatISO";
-import { fromUnixTime as De } from "date-fns/fromUnixTime";
-import { startOfMonth as pt } from "date-fns/startOfMonth";
-import { S as ut, a as ht } from "../EmbeddedCard-CQEnrozC.mjs";
-import { F as ft, R as Ie, d as ve } from "../RecurringTransactionsUtil-CfWviBh1.mjs";
-import { k as gt } from "../DateUtil-Bl7d7C1W.mjs";
-const z = () => {
-  if (!w.useContext(Ve))
+import { formatISO as ut } from "date-fns/formatISO";
+import { fromUnixTime as ve } from "date-fns/fromUnixTime";
+import { startOfMonth as ht } from "date-fns/startOfMonth";
+import { S as ft, a as gt } from "../EmbeddedCard-CQEnrozC.mjs";
+import { F as bt, R as De, d as Ie } from "../RecurringTransactionsUtil-CfWviBh1.mjs";
+import { k as xt } from "../DateUtil-Bl7d7C1W.mjs";
+const B = () => {
+  if (!S.useContext(Ve))
     throw new Error("useCashflowUiStore() must be used within the GlobalDataContext");
-  return de().uiStore;
-}, bt = ({ remaining: i }) => {
+  return me().uiStore;
+}, yt = ({ remaining: i }) => {
   const { cashflow: o } = R();
-  return /* @__PURE__ */ n(M, { children: [
+  return /* @__PURE__ */ n(z, { children: [
     /* @__PURE__ */ e(
-      D,
+      v,
       {
         sx: {
           borderRadius: "1px",
@@ -67,9 +69,9 @@ const z = () => {
     /* @__PURE__ */ e(m, { bold: !0, sx: { flexGrow: 1, fontSize: 12 }, children: o.remaining_cash }),
     /* @__PURE__ */ e(A, { amount: i, bold: !0, sx: { fontSize: 12 } })
   ] });
-}, he = T(bt), xt = () => {
-  const i = oe(), { availableWidth: o } = ie(), { isMobile: t } = pe(), { selectedAccountGuids: a } = j(), { cashflow: s } = R(), { daysUntilNextIncome: u, expensesTilNextIncome: y, selectedCashAccounts: l, selectedCashBalance: x } = z(), { isDataLoaded: _ } = Q(), r = y.filter((h) => a.includes(h.accountGuid || "")).reduce((h, d) => h + d.amount, 0), p = x - r;
-  return _ ? /* @__PURE__ */ e(D, { className: "mx-cashflow", pl: 16, pr: 16, pt: 16, children: o > 710 ? /* @__PURE__ */ n(
+}, fe = T(yt), _t = () => {
+  const i = ae(), { availableWidth: o } = re(), { isMobile: t } = ue(), { selectedAccountGuids: a } = $(), { cashflow: s } = R(), { daysUntilNextIncome: h, expensesTilNextIncome: y, selectedCashAccounts: l, selectedCashBalance: x } = B(), { isDataLoaded: _ } = te(), r = y.filter((p) => a.includes(p.accountGuid || "")).reduce((p, d) => p + d.amount, 0), u = x - r;
+  return _ ? /* @__PURE__ */ e(v, { className: "mx-cashflow", pl: 16, pr: 16, pt: 16, children: o > 710 ? /* @__PURE__ */ n(
     c,
     {
       border: `1px solid ${i.palette.divider}`,
@@ -80,27 +82,27 @@ const z = () => {
       children: [
         /* @__PURE__ */ n(c, { pb: 14, pt: 12, children: [
           /* @__PURE__ */ e(A, { amount: x, variant: "h2" }),
-          /* @__PURE__ */ e(E, { variant: "caption", whiteSpace: "nowrap", children: G(
+          /* @__PURE__ */ e(k, { variant: "caption", whiteSpace: "nowrap", children: G(
             s.total_cash_accounts,
             l.length
           ) })
         ] }),
-        /* @__PURE__ */ e(c, { pt: 18, children: /* @__PURE__ */ e(H, { name: "remove" }) }),
+        /* @__PURE__ */ e(c, { pt: 18, children: /* @__PURE__ */ e(F, { name: "remove" }) }),
         /* @__PURE__ */ n(c, { pb: 14, pt: 12, children: [
           /* @__PURE__ */ e(A, { amount: r, variant: "h2" }),
-          /* @__PURE__ */ e(E, { variant: "caption", whiteSpace: "nowrap", children: G(s.expenses_due, y.length) })
+          /* @__PURE__ */ e(k, { variant: "caption", whiteSpace: "nowrap", children: G(s.expenses_due, y.length) })
         ] }),
-        /* @__PURE__ */ e(c, { pt: 18, children: /* @__PURE__ */ e(H, { name: "equal" }) }),
+        /* @__PURE__ */ e(c, { pt: 18, children: /* @__PURE__ */ e(F, { name: "equal" }) }),
         /* @__PURE__ */ n(c, { pb: 14, pr: 24, pt: 12, children: [
-          /* @__PURE__ */ e(A, { amount: p, variant: "h2" }),
+          /* @__PURE__ */ e(A, { amount: u, variant: "h2" }),
           /* @__PURE__ */ n(c, { alignItems: "center", direction: "row", gap: 8, children: [
-            /* @__PURE__ */ e(E, { variant: "caption", whiteSpace: "nowrap", children: s.available_to_spend }),
-            /* @__PURE__ */ e(ue, { body: s.tooltip_body, title: s.tooltip_title })
+            /* @__PURE__ */ e(k, { variant: "caption", whiteSpace: "nowrap", children: s.available_to_spend }),
+            /* @__PURE__ */ e(he, { body: s.tooltip_body, title: s.tooltip_title })
           ] })
         ] }),
-        /* @__PURE__ */ e(c, { borderLeft: `1px solid ${i.palette.divider}`, pb: 12, pl: 24, pt: 12, children: /* @__PURE__ */ n(M, { children: [
-          /* @__PURE__ */ e(m, { variant: "h2", children: G(s.days, u) }),
-          /* @__PURE__ */ e(E, { variant: "caption", whiteSpace: "nowrap", children: s.next_paycheck })
+        /* @__PURE__ */ e(c, { borderLeft: `1px solid ${i.palette.divider}`, pb: 12, pl: 24, pt: 12, children: /* @__PURE__ */ n(z, { children: [
+          /* @__PURE__ */ e(m, { variant: "h2", children: G(s.days, h) }),
+          /* @__PURE__ */ e(k, { variant: "caption", whiteSpace: "nowrap", children: s.next_paycheck })
         ] }) })
       ]
     }
@@ -112,12 +114,12 @@ const z = () => {
       ) }),
       /* @__PURE__ */ e(A, { amount: x, bold: !0, variant: "caption" })
     ] }),
-    /* @__PURE__ */ e(I, {}),
+    /* @__PURE__ */ e(D, {}),
     /* @__PURE__ */ n(c, { direction: "row", justifyContent: "space-between", p: 16, children: [
       /* @__PURE__ */ e(m, { variant: "body2", children: G(s.expenses_due, y.length) }),
       /* @__PURE__ */ e(A, { amount: r, bold: !0, symbol: "-", variant: "caption" })
     ] }),
-    /* @__PURE__ */ e(I, {}),
+    /* @__PURE__ */ e(D, {}),
     /* @__PURE__ */ e(
       c,
       {
@@ -129,28 +131,28 @@ const z = () => {
         justifyContent: "space-between",
         px: 16,
         sx: { borderBottomLeftRadius: 4, borderBottomRightRadius: 4 },
-        children: /* @__PURE__ */ e(he, { remaining: p })
+        children: /* @__PURE__ */ e(fe, { remaining: u })
       }
     ),
-    /* @__PURE__ */ e(I, {}),
+    /* @__PURE__ */ e(D, {}),
     /* @__PURE__ */ n(c, { direction: "row", justifyContent: "space-between", p: 16, children: [
       /* @__PURE__ */ e(m, { variant: "body2", children: s.next_paycheck }),
-      /* @__PURE__ */ e(m, { bold: !0, variant: "caption", children: G(s.days, u) })
+      /* @__PURE__ */ e(m, { bold: !0, variant: "caption", children: G(s.days, h) })
     ] })
-  ] }) }) : /* @__PURE__ */ e(V, { height: t ? 210 : 120 });
-}, yt = T(xt), _t = ({
+  ] }) }) : /* @__PURE__ */ e(Q, { height: t ? 210 : 120 });
+}, Ct = T(_t), wt = ({
   onPrimaryCtaClick: i,
   onSecondaryCtaClick: o,
   sx: t = {}
 }) => {
-  const { cashflow: a } = R(), { isInitialized: s } = j(), { income: u } = z(), { loadRepeatingTransactionData: y, isDataLoaded: l } = Q();
-  w.useEffect(() => {
+  const { cashflow: a } = R(), { isInitialized: s } = $(), { income: h } = B(), { loadRepeatingTransactionData: y, isDataLoaded: l } = te();
+  S.useEffect(() => {
     l || y().finally();
   }, []), Ne({
     widgetName: "CashflowMiniWidget",
     isLoaded: l
   });
-  const x = l && !u.length;
+  const x = l && !h.length;
   return s ? /* @__PURE__ */ n(
     Qe,
     {
@@ -162,7 +164,7 @@ const z = () => {
       sx: { height: "100%", ...t },
       title: a.title,
       children: [
-        !l && /* @__PURE__ */ e(V, {}),
+        !l && /* @__PURE__ */ e(Q, {}),
         l && (x ? /* @__PURE__ */ e(
           Ze,
           {
@@ -173,12 +175,12 @@ const z = () => {
             primaryButtonStartIcon: "add",
             subText: a.create_description
           }
-        ) : /* @__PURE__ */ e(yt, {}))
+        ) : /* @__PURE__ */ e(Ct, {}))
       ]
     }
-  ) : /* @__PURE__ */ e(V, {});
-}, On = T(_t), Ct = ({ remaining: i }) => /* @__PURE__ */ e(
-  X,
+  ) : /* @__PURE__ */ e(Q, {});
+}, Wn = T(wt), St = ({ remaining: i }) => /* @__PURE__ */ e(
+  Z,
   {
     sx: {
       alignItems: "center",
@@ -190,15 +192,15 @@ const z = () => {
       borderBottomRightRadius: "3px",
       minHeight: "auto"
     },
-    children: /* @__PURE__ */ e(he, { remaining: i })
+    children: /* @__PURE__ */ e(fe, { remaining: i })
   }
 );
-var J = /* @__PURE__ */ ((i) => (i.EXPENSE = "expense", i.INCOME = "income", i))(J || {});
-const wt = ({ recurrence: i }) => /* @__PURE__ */ n(M, { children: [
-  /* @__PURE__ */ n(X, { sx: { display: "flex", alignItems: "center", gap: 16, px: 24, py: 12 }, children: [
+var ee = /* @__PURE__ */ ((i) => (i.EXPENSE = "expense", i.INCOME = "income", i))(ee || {});
+const vt = ({ recurrence: i }) => /* @__PURE__ */ n(z, { children: [
+  /* @__PURE__ */ n(Z, { sx: { display: "flex", alignItems: "center", gap: 16, px: 24, py: 12 }, children: [
     /* @__PURE__ */ n(c, { alignItems: "center", height: 32, width: 32, children: [
-      /* @__PURE__ */ e(m, { bold: !0, sx: { fontSize: 11 }, children: $(i.expectedDate, P.MONTH) }),
-      /* @__PURE__ */ e(m, { bold: !0, sx: { fontSize: 11 }, children: $(i.expectedDate, P.DAY) })
+      /* @__PURE__ */ e(m, { bold: !0, sx: { fontSize: 11 }, children: P(i.expectedDate, U.MONTH) }),
+      /* @__PURE__ */ e(m, { bold: !0, sx: { fontSize: 11 }, children: P(i.expectedDate, U.DAY) })
     ] }),
     /* @__PURE__ */ e(m, { sx: { flexGrow: 1, fontSize: 13 }, children: i.name }),
     /* @__PURE__ */ e(
@@ -210,12 +212,12 @@ const wt = ({ recurrence: i }) => /* @__PURE__ */ n(M, { children: [
       }
     )
   ] }),
-  /* @__PURE__ */ e(I, {})
-] }), Te = T(wt), St = ({ total: i, type: o }) => {
+  /* @__PURE__ */ e(D, {})
+] }), Te = T(vt), Dt = ({ total: i, type: o }) => {
   const { cashflow: t } = R();
-  return /* @__PURE__ */ n(M, { children: [
+  return /* @__PURE__ */ n(z, { children: [
     /* @__PURE__ */ n(
-      ot,
+      at,
       {
         sx: {
           alignItems: "center",
@@ -227,42 +229,42 @@ const wt = ({ recurrence: i }) => /* @__PURE__ */ n(M, { children: [
           px: 24
         },
         children: [
-          /* @__PURE__ */ e(m, { bold: !0, sx: { fontSize: 12 }, children: o === J.EXPENSE ? t.expenses : t.income }),
+          /* @__PURE__ */ e(m, { bold: !0, sx: { fontSize: 12 }, children: o === ee.EXPENSE ? t.expenses : t.income }),
           /* @__PURE__ */ n(m, { bold: !0, sx: { fontSize: 13 }, children: [
-            o === J.EXPENSE ? "-" : "+",
-            q(i, "0,0.00")
+            o === ee.EXPENSE ? "-" : "+",
+            X(i, "0,0.00")
           ] })
         ]
       }
     ),
-    /* @__PURE__ */ e(I, {})
+    /* @__PURE__ */ e(D, {})
   ] });
-}, Ae = T(St), ne = (i, o) => (t) => t.accountGuid === i.guid && (Fe(t.expectedDate) || Oe(t.expectedDate, o.start)) && Ge(t.expectedDate, o.end), Dt = () => {
-  const { availableWidth: i } = ie(), { cashflow: o } = R(), {
+}, Ae = T(Dt), ie = (i, o) => (t) => t.accountGuid === i.guid && (He(t.expectedDate) || Oe(t.expectedDate, o.start)) && Ge(t.expectedDate, o.end), It = () => {
+  const { availableWidth: i } = re(), { cashflow: o } = R(), {
     config: { display_available_balance_in_accounts: t }
-  } = me(), { dateRange: a, selectedCashAccounts: s, upcomingExpenses: u, upcomingIncome: y } = z();
+  } = pe(), { dateRange: a, selectedCashAccounts: s, upcomingExpenses: h, upcomingIncome: y } = B();
   return /* @__PURE__ */ n(c, { children: [
     /* @__PURE__ */ n(c, { direction: i < 400 ? "column" : "row", justifyContent: "space-between", children: [
       /* @__PURE__ */ e(m, { bold: !0, sx: { fontSize: 15, mb: 12 }, children: o.accounts_breakdown }),
       /* @__PURE__ */ n(m, { bold: !0, sx: { fontSize: 15, mb: 12 }, children: [
-        $(a.start, P.FULL_MONTH_DAY),
+        P(a.start, U.FULL_MONTH_DAY),
         " -",
         " ",
-        $(a.end, P.FULL_MONTH_DAY)
+        P(a.end, U.FULL_MONTH_DAY)
       ] })
     ] }),
     /* @__PURE__ */ e(c, { children: s.map((l) => {
-      const x = y.filter(ne(l, a)).sort((d, f) => ce(d.expectedDate) - ce(f.expectedDate)), _ = u.filter(
-        ne(l, a)
+      const x = y.filter(ie(l, a)).sort((d, f) => se(d.expectedDate) - se(f.expectedDate)), _ = h.filter(
+        ie(l, a)
       ), r = x.reduce(
         (d, f) => d + f.amount,
         0
-      ), p = _.reduce(
+      ), u = _.reduce(
         (d, f) => d + f.amount,
         0
-      ), h = He(l, t) + r - p;
+      ), p = Fe(l, t) + r - u;
       return /* @__PURE__ */ n(
-        K,
+        J,
         {
           sx: {
             border: "1px solid",
@@ -272,7 +274,7 @@ const wt = ({ recurrence: i }) => /* @__PURE__ */ n(M, { children: [
           },
           children: [
             /* @__PURE__ */ e(
-              nt,
+              it,
               {
                 account: l,
                 listItemProps: {
@@ -282,46 +284,46 @@ const wt = ({ recurrence: i }) => /* @__PURE__ */ n(M, { children: [
                 }
               }
             ),
-            /* @__PURE__ */ e(I, {}),
-            x.length > 0 && /* @__PURE__ */ e(X, { children: /* @__PURE__ */ e(
-              K,
+            /* @__PURE__ */ e(D, {}),
+            x.length > 0 && /* @__PURE__ */ e(Z, { children: /* @__PURE__ */ e(
+              J,
               {
-                subheader: /* @__PURE__ */ e(Ae, { total: r, type: J.INCOME }),
+                subheader: /* @__PURE__ */ e(Ae, { total: r, type: ee.INCOME }),
                 sx: { width: "100%" },
                 children: x.map((d) => /* @__PURE__ */ e(Te, { recurrence: d }, d.repeatingTransactionGuid))
               }
             ) }),
-            _.length > 0 && /* @__PURE__ */ e(X, { children: /* @__PURE__ */ e(
-              K,
+            _.length > 0 && /* @__PURE__ */ e(Z, { children: /* @__PURE__ */ e(
+              J,
               {
-                subheader: /* @__PURE__ */ e(Ae, { total: p, type: J.EXPENSE }),
+                subheader: /* @__PURE__ */ e(Ae, { total: u, type: ee.EXPENSE }),
                 sx: { width: "100%" },
                 children: _.map((d) => /* @__PURE__ */ e(Te, { recurrence: d }, d.repeatingTransactionGuid))
               }
             ) }),
-            /* @__PURE__ */ e(Ct, { remaining: h })
+            /* @__PURE__ */ e(St, { remaining: p })
           ]
         },
         l.guid
       );
     }) })
   ] });
-}, It = T(Dt), vt = () => {
-  const { availableWidth: i } = ie(), o = oe(), { cashflow: t } = R(), {
+}, Tt = T(It), At = () => {
+  const { availableWidth: i } = re(), o = ae(), { cashflow: t } = R(), {
     config: { display_available_balance_in_accounts: a }
-  } = me(), { dateRange: s, selectedCashAccounts: u, upcomingExpenses: y, upcomingIncome: l } = z(), x = [
+  } = pe(), { dateRange: s, selectedCashAccounts: h, upcomingExpenses: y, upcomingIncome: l } = B(), x = [
     {
       field: "account",
       flex: 1.5,
       headerName: t.accounts,
-      renderCell: ({ value: { name: r, nickname: p, institution_guid: h, account_number: d } }) => {
-        const f = p || r;
+      renderCell: ({ value: { name: r, nickname: u, institution_guid: p, account_number: d } }) => {
+        const f = u || r;
         return /* @__PURE__ */ n(c, { alignItems: "center", flexDirection: "row", gap: 12, children: [
           /* @__PURE__ */ e(
             ye,
             {
               alt: t.institution_logo,
-              institutionGuid: h || "",
+              institutionGuid: p || "",
               size: 16
             }
           ),
@@ -334,21 +336,21 @@ const wt = ({ recurrence: i }) => /* @__PURE__ */ n(M, { children: [
       flex: 1,
       headerName: t.balance,
       type: "number",
-      renderCell: (r) => /* @__PURE__ */ e(m, { color: o.palette.text.primary, variant: "body2", children: q(r.value, "0,0.00") })
+      renderCell: (r) => /* @__PURE__ */ e(m, { color: o.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: o.palette.text.primary, variant: "body2", children: `+${q(r.value, "0,0.00")}` })
+      renderCell: (r) => /* @__PURE__ */ e(m, { color: o.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: o.palette.text.primary, variant: "body2", children: `-${q(r.value, "0,0.00")}` })
+      renderCell: (r) => /* @__PURE__ */ e(m, { color: o.palette.text.primary, variant: "body2", children: `-${X(r.value, "0,0.00")}` })
     },
     {
       field: "remaining",
@@ -356,30 +358,30 @@ const wt = ({ recurrence: i }) => /* @__PURE__ */ n(M, { children: [
       headerName: t.remaining,
       type: "number",
       renderCell: (r) => {
-        const p = r.row.balance + r.row.income - r.row.expenses;
+        const u = r.row.balance + r.row.income - r.row.expenses;
         return /* @__PURE__ */ e(
           m,
           {
-            color: Math.sign(p) === -1 ? o.palette.error.main : o.palette.text.primary,
+            color: Math.sign(u) === -1 ? o.palette.error.main : o.palette.text.primary,
             variant: "body2",
-            children: q(p, "0,0.00")
+            children: X(u, "0,0.00")
           }
         );
       }
     }
-  ], _ = w.useMemo(() => u.map((r) => {
-    const p = y.filter(ne(r, s)).reduce((C, S) => C + S.amount, 0), h = l.filter(ne(r, s)).reduce((C, S) => C + S.amount, 0), d = He(r, a), f = d + h - p;
+  ], _ = S.useMemo(() => h.map((r) => {
+    const u = y.filter(ie(r, s)).reduce((C, w) => C + w.amount, 0), p = l.filter(ie(r, s)).reduce((C, w) => C + w.amount, 0), d = Fe(r, a), f = d + p - u;
     return {
       account: r,
       balance: d,
       id: r.guid,
-      income: h,
-      expenses: p,
+      income: p,
+      expenses: u,
       remaining: f
     };
-  }), [u, y, l, a, s]);
+  }), [h, y, l, a, s]);
   return /* @__PURE__ */ n(
-    D,
+    v,
     {
       sx: {
         width: "100%"
@@ -404,7 +406,7 @@ const wt = ({ recurrence: i }) => /* @__PURE__ */ n(M, { children: [
                   }
                 ),
                 /* @__PURE__ */ e(
-                  ue,
+                  he,
                   {
                     body: t.table_tooltip_body,
                     title: t.table_tooltip_title
@@ -412,16 +414,16 @@ const wt = ({ recurrence: i }) => /* @__PURE__ */ n(M, { children: [
                 )
               ] }),
               /* @__PURE__ */ n(m, { bold: !0, sx: { fontSize: 15 }, children: [
-                $(s.start, P.FULL_MONTH_DAY),
+                P(s.start, U.FULL_MONTH_DAY),
                 " -",
                 " ",
-                $(s.end, P.FULL_MONTH_DAY)
+                P(s.end, U.FULL_MONTH_DAY)
               ] })
             ]
           }
         ),
         i > 650 ? /* @__PURE__ */ e(
-          it,
+          rt,
           {
             columnHeaderHeight: 48,
             columns: x,
@@ -451,9 +453,9 @@ const wt = ({ recurrence: i }) => /* @__PURE__ */ n(M, { children: [
             }
           }
         ) : _.map((r) => {
-          const { name: p, nickname: h, institution_guid: d, account_number: f } = r.account, C = h || p;
+          const { name: u, nickname: p, institution_guid: d, account_number: f } = r.account, C = p || u;
           return /* @__PURE__ */ e(
-            K,
+            J,
             {
               sx: {
                 border: "1px solid",
@@ -461,7 +463,7 @@ const wt = ({ recurrence: i }) => /* @__PURE__ */ n(M, { children: [
                 borderRadius: 1,
                 marginBottom: 24
               },
-              children: /* @__PURE__ */ e(X, { sx: { minHeight: "auto" }, children: /* @__PURE__ */ n(c, { width: "100%", children: [
+              children: /* @__PURE__ */ e(Z, { sx: { minHeight: "auto" }, children: /* @__PURE__ */ n(c, { width: "100%", children: [
                 /* @__PURE__ */ n(
                   c,
                   {
@@ -486,7 +488,7 @@ const wt = ({ recurrence: i }) => /* @__PURE__ */ n(M, { children: [
                     ]
                   }
                 ),
-                /* @__PURE__ */ e(I, { sx: { width: "100%" } }),
+                /* @__PURE__ */ e(D, { sx: { width: "100%" } }),
                 /* @__PURE__ */ n(
                   c,
                   {
@@ -501,7 +503,7 @@ const wt = ({ recurrence: i }) => /* @__PURE__ */ n(M, { children: [
                     ]
                   }
                 ),
-                /* @__PURE__ */ e(I, { sx: { width: "100%" } }),
+                /* @__PURE__ */ e(D, { sx: { width: "100%" } }),
                 /* @__PURE__ */ n(
                   c,
                   {
@@ -516,7 +518,7 @@ const wt = ({ recurrence: i }) => /* @__PURE__ */ n(M, { children: [
                     ]
                   }
                 ),
-                /* @__PURE__ */ e(I, { sx: { width: "100%" } }),
+                /* @__PURE__ */ e(D, { sx: { width: "100%" } }),
                 /* @__PURE__ */ e(
                   c,
                   {
@@ -528,7 +530,7 @@ const wt = ({ recurrence: i }) => /* @__PURE__ */ n(M, { children: [
                     px: 16,
                     py: 12,
                     sx: { borderBottomLeftRadius: "4px", borderBottomRightRadius: "4px" },
-                    children: /* @__PURE__ */ e(he, { remaining: r.remaining })
+                    children: /* @__PURE__ */ e(fe, { remaining: r.remaining })
                   }
                 )
               ] }) })
@@ -539,19 +541,19 @@ const wt = ({ recurrence: i }) => /* @__PURE__ */ n(M, { children: [
       ]
     }
   );
-}, Tt = T(vt), At = () => {
-  const { cashflow: i } = R(), { isDesktop: o } = pe(), { onEvent: t } = Le(), [a, s] = w.useState(0), u = (y, l) => {
+}, Rt = T(At), kt = () => {
+  const { cashflow: i } = R(), { isDesktop: o } = ue(), { onEvent: t } = Ee(), [a, s] = S.useState(0), h = (y, l) => {
     s(l);
   };
-  return w.useEffect(() => {
+  return S.useEffect(() => {
     t(a === 0 ? "cash_flow_summary" : "cash_flow_details");
-  }, [a]), /* @__PURE__ */ n(D, { children: [
+  }, [a]), /* @__PURE__ */ n(v, { children: [
     /* @__PURE__ */ n(
-      tt,
+      ot,
       {
         "aria-label": i.cashflow_summary_and_details,
         centered: !0,
-        onChange: u,
+        onChange: h,
         textColor: "primary",
         value: a,
         variant: "fullWidth",
@@ -581,17 +583,17 @@ const wt = ({ recurrence: i }) => /* @__PURE__ */ n(M, { children: [
         ]
       }
     ),
-    /* @__PURE__ */ e(D, { sx: { mb: 32 } }),
-    /* @__PURE__ */ e(Ce, { index: 0, name: "cashflow", value: a, children: /* @__PURE__ */ e(D, { sx: { m: o ? 48 : 16 }, children: /* @__PURE__ */ e(Tt, {}) }) }),
-    /* @__PURE__ */ e(Ce, { index: 1, name: "cashflow", value: a, children: /* @__PURE__ */ e(D, { sx: { m: o ? 48 : 16 }, children: /* @__PURE__ */ e(It, {}) }) })
+    /* @__PURE__ */ e(v, { sx: { mb: 32 } }),
+    /* @__PURE__ */ e(Ce, { index: 0, name: "cashflow", value: a, children: /* @__PURE__ */ e(v, { sx: { m: o ? 48 : 16 }, children: /* @__PURE__ */ e(Rt, {}) }) }),
+    /* @__PURE__ */ e(Ce, { index: 1, name: "cashflow", value: a, children: /* @__PURE__ */ e(v, { sx: { m: o ? 48 : 16 }, children: /* @__PURE__ */ e(Tt, {}) }) })
   ] });
-}, Rt = T(At), te = ({
+}, Et = T(kt), oe = ({
   amount: i,
   isMobile: o = !1,
   isTotal: t = !1,
   label: a,
   symbol: s,
-  tooltip: u
+  tooltip: h
 }) => /* @__PURE__ */ n(
   c,
   {
@@ -604,84 +606,84 @@ const wt = ({ recurrence: i }) => /* @__PURE__ */ n(M, { children: [
       !o && /* @__PURE__ */ e(A, { amount: i, component: "h2", variant: "h2" }),
       /* @__PURE__ */ n(c, { alignItems: "center", component: "span", direction: "row", gap: 8, mt: 2, children: [
         /* @__PURE__ */ e(m, { bold: t, variant: "body2", children: a }),
-        u
+        h
       ] }),
       o && /* @__PURE__ */ e(A, { amount: i, component: "h2", symbol: s, variant: "body2" })
     ]
   }
-), Re = (i, o) => (t) => t.accountGuid && i.includes(t.accountGuid) && (Fe(t.expectedDate) || Oe(t.expectedDate, o.start)) && Ge(t.expectedDate, o.end), Et = () => {
-  const { availableWidth: i } = ie(), { cashflow: o } = R(), { isDataLoaded: t } = Q(), { selectedAccountGuids: a } = j(), {
+), Re = (i, o) => (t) => t.accountGuid && i.includes(t.accountGuid) && (He(t.expectedDate) || Oe(t.expectedDate, o.start)) && Ge(t.expectedDate, o.end), Lt = () => {
+  const { availableWidth: i } = re(), { cashflow: o } = R(), { isDataLoaded: t } = te(), { selectedAccountGuids: a } = $(), {
     dateRange: s,
-    income: u,
+    income: h,
     selectedCashAccounts: y,
     selectedCashBalance: l,
     upcomingExpenses: x,
     upcomingIncome: _
-  } = z(), [r, p] = w.useState(!1), h = x.filter(
+  } = B(), [r, u] = S.useState(!1), p = x.filter(
     Re(a, s)
   ), d = _.filter(
     Re(a, s)
-  ), f = l, C = h.reduce((k, W) => k + W.amount, 0), S = d.reduce((k, W) => k + W.amount, 0), Z = f - C + S, B = t && u.length > 0, g = i < 725;
-  return /* @__PURE__ */ n(c, { sx: { mx: g ? 16 : 0, my: g ? 24 : 42 }, children: [
+  ), f = l, C = p.reduce((L, W) => L + W.amount, 0), w = d.reduce((L, W) => L + W.amount, 0), j = f - C + w, Y = t && h.length > 0, b = i < 725;
+  return /* @__PURE__ */ n(c, { sx: { mx: b ? 16 : 0, my: b ? 24 : 42 }, children: [
     /* @__PURE__ */ n(
       c,
       {
-        border: g ? "1px solid" : "none",
+        border: b ? "1px solid" : "none",
         borderColor: "neutral.light",
         borderRadius: 2,
-        flexDirection: g ? "column" : "row",
-        gap: g ? 0 : 24,
+        flexDirection: b ? "column" : "row",
+        gap: b ? 0 : 24,
         justifyContent: "center",
         children: [
           /* @__PURE__ */ e(
-            te,
+            oe,
             {
               amount: f,
-              isMobile: g,
+              isMobile: b,
               label: G(o.cash_and_bank, y.length)
             }
           ),
-          g && /* @__PURE__ */ e(I, {}),
-          B ? /* @__PURE__ */ n(M, { children: [
-            !g && /* @__PURE__ */ e(m, { sx: { fontSize: 25, lineHeight: 1 }, children: "+" }),
+          b && /* @__PURE__ */ e(D, {}),
+          Y ? /* @__PURE__ */ n(z, { children: [
+            !b && /* @__PURE__ */ e(m, { sx: { fontSize: 25, lineHeight: 1 }, children: "+" }),
             /* @__PURE__ */ e(
-              te,
+              oe,
               {
-                amount: S,
-                isMobile: g,
+                amount: w,
+                isMobile: b,
                 label: o.to_be_received,
-                symbol: g ? "+" : void 0
+                symbol: b ? "+" : void 0
               }
             )
           ] }) : /* @__PURE__ */ e(
-            F,
+            H,
             {
-              onClick: () => p(!0),
-              startIcon: /* @__PURE__ */ e(H, { name: "add" }),
+              onClick: () => u(!0),
+              startIcon: /* @__PURE__ */ e(F, { name: "add" }),
               sx: { fontSize: 13 },
               children: o.add_income
             }
           ),
-          g ? /* @__PURE__ */ e(I, {}) : /* @__PURE__ */ e(m, { sx: { fontSize: 25, lineHeight: 1 }, children: "-" }),
+          b ? /* @__PURE__ */ e(D, {}) : /* @__PURE__ */ e(m, { sx: { fontSize: 25, lineHeight: 1 }, children: "-" }),
           /* @__PURE__ */ e(
-            te,
+            oe,
             {
               amount: C,
-              isMobile: g,
-              label: G(o.to_be_paid_out, h.length),
-              symbol: g ? "-" : void 0
+              isMobile: b,
+              label: G(o.to_be_paid_out, p.length),
+              symbol: b ? "-" : void 0
             }
           ),
-          g ? /* @__PURE__ */ e(I, {}) : /* @__PURE__ */ e(m, { sx: { fontSize: 25, lineHeight: 1 }, children: "=" }),
+          b ? /* @__PURE__ */ e(D, {}) : /* @__PURE__ */ e(m, { sx: { fontSize: 25, lineHeight: 1 }, children: "=" }),
           /* @__PURE__ */ e(
-            te,
+            oe,
             {
-              amount: Z,
-              isMobile: g,
-              isTotal: g,
+              amount: j,
+              isMobile: b,
+              isTotal: b,
               label: o.remaining_cash,
               tooltip: /* @__PURE__ */ e(
-                ue,
+                he,
                 {
                   body: o.remaining_income_tooltip_body,
                   title: o.remaining_income_tooltip_title
@@ -697,89 +699,109 @@ const wt = ({ recurrence: i }) => /* @__PURE__ */ n(M, { children: [
       {
         ariaLabelClose: o.close_manage_income_aria,
         isOpen: r,
-        onClose: () => p(!1),
+        onClose: () => u(!1),
         shouldShowHeaderBorders: !1,
         title: o.manage_income,
-        children: /* @__PURE__ */ e(at, {})
+        children: /* @__PURE__ */ e(ct, {})
       }
     )
   ] });
-}, Lt = T(Et), kt = ({ onBackClick: i, onMenuClick: o, sx: t = {} }) => {
-  const { selectedAccounts: a, selectedAccountGuids: s, shouldDisableNextDate: u, shouldDisablePrevDate: y } = j(), { onEvent: l } = Le(), { clientConfig: x } = me(), { visibleCashAccounts: _ } = Xe(), { setFilter: r } = ke(), { dateRange: p } = z(), { loadRepeatingTransactionData: h, isDataLoaded: d } = Q(), { cashflow: f, recurring: C } = R(), { isInitialized: S } = j(), B = x?.master?.deep_link_params?.view === "manage_income", [g, k] = w.useState(B);
-  return w.useEffect(() => {
-    d || h().finally();
-  }, []), w.useEffect(() => {
-    const W = _.map((O) => O.guid), ee = a.filter(
-      (O) => s.includes(O.guid) && W.includes(O.guid)
+}, Nt = T(Lt), Ot = ({ onBackClick: i, onMenuClick: o, sx: t = {} }) => {
+  const { selectedAccounts: a, selectedAccountGuids: s, shouldDisableNextDate: h, shouldDisablePrevDate: y } = $(), { onEvent: l } = Ee(), { clientConfig: x } = pe(), { visibleCashAccounts: _ } = Xe(), { setFilter: r } = Le(), { dateRange: u } = B(), { alert: p, loadRepeatingTransactionData: d, isDataLoaded: f, setAlert: C } = te(), { cashflow: w, recurring: j } = R(), { isInitialized: Y } = $(), L = x?.master?.deep_link_params?.view === "manage_income", [W, q] = S.useState(L);
+  return S.useEffect(() => {
+    f || d().finally();
+  }, []), S.useEffect(() => {
+    const ne = _.map((N) => N.guid), M = a.filter(
+      (N) => s.includes(N.guid) && ne.includes(N.guid)
     );
     r({
-      dateRange: { start: Me(se(), 90), end: lt() },
-      accounts: ee.map((O) => O.guid)
+      dateRange: { start: Me(le(), 90), end: mt() },
+      accounts: M.map((N) => N.guid)
     });
   }, [_, a]), Ne({
     widgetName: "CashflowWidget",
-    isLoaded: d
-  }), S ? /* @__PURE__ */ n(
-    dt,
+    isLoaded: f
+  }), Y ? /* @__PURE__ */ n(
+    pt,
     {
       actions: [
         {
-          label: C.action_title,
+          label: j.action_title,
           iconName: "credit_card_gear",
           onClick: () => {
-            k(!0), l(Se.CASH_FLOW_CLICK_SETTINGS);
+            q(!0), l(Se.CASH_FLOW_CLICK_SETTINGS);
           }
         }
       ],
       allowedAccountTypes: [
-        Y.CASH,
-        Y.CHECKING,
-        Y.PREPAID,
-        Y.SAVINGS,
-        Y.CHECKING_LINE_OF_CREDIT
+        V.CASH,
+        V.CHECKING,
+        V.PREPAID,
+        V.SAVINGS,
+        V.CHECKING_LINE_OF_CREDIT
       ],
       calendarActions: {
-        shouldDisableNext: u,
+        shouldDisableNext: h,
         shouldDisablePrevious: y,
         shouldDisablePicker: !0,
         onRangeChanged: () => {
         }
       },
-      dateRange: p,
+      dateRange: u,
       dateRangeVariant: "readonly",
       hasDivider: !0,
       onAccountsFilterClick: () => l(Se.CASH_FLOW_CLICK_FILTER),
       onBackClick: i,
       onMenuClick: o,
       sx: t,
-      title: f.title,
+      title: w.title,
       children: [
-        /* @__PURE__ */ e(Lt, {}),
-        /* @__PURE__ */ e(Rt, {}),
+        /* @__PURE__ */ e(Nt, {}),
+        /* @__PURE__ */ e(Et, {}),
         /* @__PURE__ */ e(
           We,
           {
-            ariaLabelClose: f.close_settings_aria,
-            isOpen: g,
-            onClose: () => k(!1),
+            ariaLabelClose: w.close_settings_aria,
+            isOpen: W,
+            onClose: () => q(!1),
             shouldShowHeaderBorders: !1,
-            title: C.action_title,
-            children: /* @__PURE__ */ e(et, { defaultSelectedTab: B ? 1 : 0 })
+            title: j.action_title,
+            children: /* @__PURE__ */ e(nt, { defaultSelectedTab: L ? 1 : 0 })
+          }
+        ),
+        /* @__PURE__ */ e(
+          tt,
+          {
+            anchorOrigin: { vertical: "bottom", horizontal: "right" },
+            autoHideDuration: 3500,
+            onClose: (ne, M) => {
+              M !== "clickaway" && C("", p.severity);
+            },
+            open: !!p.message,
+            children: /* @__PURE__ */ e(
+              et,
+              {
+                onClose: () => C("", p.severity),
+                severity: p.severity,
+                variant: "filled",
+                children: p.message
+              }
+            )
           }
         )
       ]
     }
-  ) : /* @__PURE__ */ e(V, {});
-}, Gn = T(kt), Nt = ({ handleNextStep: i }) => {
-  const { completeOnboarding: o } = de(), { cashflow: t } = R(), a = oe();
+  ) : /* @__PURE__ */ e(Q, {});
+}, Mn = T(Ot), Gt = ({ handleNextStep: i }) => {
+  const { completeOnboarding: o } = me(), { cashflow: t } = R(), a = ae();
   return /* @__PURE__ */ n(c, { children: [
-    /* @__PURE__ */ e(le, { pb: 12, variant: "h1", children: t.welcome_title }),
+    /* @__PURE__ */ e(de, { pb: 12, variant: "h1", children: t.welcome_title }),
     /* @__PURE__ */ e(Ke, { color: a.palette.primary.light, pb: 8, children: t.welcome_sub_title }),
-    /* @__PURE__ */ e(E, { pb: 32, children: t.welcome_description }),
+    /* @__PURE__ */ e(k, { pb: 32, children: t.welcome_description }),
     /* @__PURE__ */ n(c, { direction: "column", mb: 32, spacing: 32, children: [
-      /* @__PURE__ */ n(E, { sx: { display: "flex", alignItems: "center", fontSize: 18 }, children: [
+      /* @__PURE__ */ n(k, { sx: { display: "flex", alignItems: "center", fontSize: 18 }, children: [
         /* @__PURE__ */ e(
-          D,
+          v,
           {
             bgcolor: a.palette.primary.lighter,
             borderRadius: 1,
@@ -788,14 +810,14 @@ const wt = ({ recurrence: i }) => /* @__PURE__ */ n(M, { children: [
             mr: 24,
             sx: { display: "flex", alignItems: "center", justifyContent: "center", flexShrink: 0 },
             width: 44,
-            children: /* @__PURE__ */ e(H, { color: "primary", name: "currency_exchange" })
+            children: /* @__PURE__ */ e(F, { color: "primary", name: "currency_exchange" })
           }
         ),
         t.bullet_one
       ] }),
-      /* @__PURE__ */ n(E, { sx: { display: "flex", alignItems: "center", fontSize: 18 }, children: [
+      /* @__PURE__ */ n(k, { sx: { display: "flex", alignItems: "center", fontSize: 18 }, children: [
         /* @__PURE__ */ e(
-          D,
+          v,
           {
             bgcolor: a.palette.primary.lighter,
             borderRadius: 1,
@@ -804,14 +826,14 @@ const wt = ({ recurrence: i }) => /* @__PURE__ */ n(M, { children: [
             mr: 24,
             sx: { display: "flex", alignItems: "center", justifyContent: "center", flexShrink: 0 },
             width: 44,
-            children: /* @__PURE__ */ e(H, { color: "primary", name: "cardiology" })
+            children: /* @__PURE__ */ e(F, { color: "primary", name: "cardiology" })
           }
         ),
         t.bullet_two
       ] }),
-      /* @__PURE__ */ n(E, { sx: { display: "flex", alignItems: "center", fontSize: 18 }, children: [
+      /* @__PURE__ */ n(k, { sx: { display: "flex", alignItems: "center", fontSize: 18 }, children: [
         /* @__PURE__ */ e(
-          D,
+          v,
           {
             bgcolor: a.palette.primary.lighter,
             borderRadius: 1,
@@ -820,72 +842,72 @@ const wt = ({ recurrence: i }) => /* @__PURE__ */ n(M, { children: [
             mr: 24,
             sx: { display: "flex", alignItems: "center", justifyContent: "center", flexShrink: 0 },
             width: 44,
-            children: /* @__PURE__ */ e(H, { color: "primary", name: "flare" })
+            children: /* @__PURE__ */ e(F, { color: "primary", name: "flare" })
           }
         ),
         t.bullet_three
       ] })
     ] }),
     /* @__PURE__ */ n(c, { direction: "row", spacing: 16, children: [
-      /* @__PURE__ */ e(F, { onClick: i, variant: "contained", children: t.get_started_button }),
-      /* @__PURE__ */ e(F, { onClick: o, variant: "outlined", children: t.skip_button })
+      /* @__PURE__ */ e(H, { onClick: i, variant: "contained", children: t.get_started_button }),
+      /* @__PURE__ */ e(H, { onClick: o, variant: "outlined", children: t.skip_button })
     ] })
   ] });
-}, Ot = T(Nt), Ee = "https://content.moneydesktop.com/storage/MD_Assets/md/cashflow", ze = {
-  CASHFLOW_ONBOARDING: `${Ee}/cashflow-onboarding.png`,
-  CASHFLOW_LOADING_ANIMATION: `${Ee}/loading-animation.gif`
-}, Gt = () => {
+}, Ht = T(Gt), ke = "https://content.moneydesktop.com/storage/MD_Assets/md/cashflow", ze = {
+  CASHFLOW_ONBOARDING: `${ke}/cashflow-onboarding.png`,
+  CASHFLOW_LOADING_ANIMATION: `${ke}/loading-animation.gif`
+}, Ft = () => {
   const { cashflow: i } = R();
-  return /* @__PURE__ */ n(w.Fragment, { children: [
+  return /* @__PURE__ */ n(S.Fragment, { children: [
     /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e("img", { alt: "Loading", src: ze.CASHFLOW_LOADING_ANIMATION }) }),
-    /* @__PURE__ */ e(le, { pb: 12, variant: "h1", children: i.loading_title }),
-    /* @__PURE__ */ e(E, { children: i.loading_description })
+    /* @__PURE__ */ e(de, { pb: 12, variant: "h1", children: i.loading_title }),
+    /* @__PURE__ */ e(k, { children: i.loading_description })
   ] });
-}, Ft = T(Gt), Ht = qe`
+}, Wt = T(Ft), Mt = qe`
   from {
     transform: rotate(0deg);
   }
   to {
     transform: rotate(360deg);
   }
-`, Wt = () => {
-  const { addRepeatingTransaction: i, repeatingTransactions: o } = Q(), { cashflow: t, common: a } = R(), { user: s } = Je(), { completeOnboarding: u } = de(), { isDirty: y } = z(), { isMobile: l } = pe(), { isCopyLoaded: x, setDisplayedDate: _ } = j(), { filter: r, setFilter: p, transactions: h } = ke(), d = oe(), [f, C] = U(!0), [S, Z] = w.useState(ft.EveryMonth), [B, g] = w.useState(1), [k, W] = w.useState(15), [ee, O] = U(!1), [ae, fe] = U(1), [L, Be] = U([]), [ge, re] = U(""), N = w.useMemo(
-    () => h.find((b) => b.guid === ge),
-    [ge, h]
+`, zt = () => {
+  const { addRepeatingTransaction: i, repeatingTransactions: o } = te(), { cashflow: t, common: a } = R(), { user: s } = Je(), { completeOnboarding: h } = me(), { isDirty: y } = B(), { isMobile: l } = ue(), { isCopyLoaded: x, setDisplayedDate: _ } = $(), { filter: r, setFilter: u, transactions: p } = Le(), d = ae(), [f, C] = K(!0), [w, j] = S.useState(bt.EveryMonth), [Y, b] = S.useState(1), [L, W] = S.useState(15), [q, ne] = K(!1), [M, N] = K(1), [E, Be] = K([]), [ge, ce] = K(""), O = S.useMemo(
+    () => p.find((g) => g.guid === ge),
+    [ge, p]
   ), je = !!o.filter(
-    (b) => b.repeating_transaction_type === Ie.Income
+    (g) => g.repeating_transaction_type === De.Income
   ).length, be = async () => {
-    fe(2), _(
+    N(2), _(
       //  Beginning of the month, 90 days before today
-      pt(Me(se(), 90)),
-      se()
-    ), p({ ...r, custom: we }), fe(3);
+      ht(Me(le(), 90)),
+      le()
+    ), u({ ...r, custom: we }), N(3);
   }, $e = async () => {
-    if (!(L.length < 1)) {
-      O(!0);
-      for (let b = 0; b < L.length; b++) {
-        const v = L[b], xe = ve(S, De(v.date)), Ue = {
-          account_guid: v.account_guid,
-          amount: v.amount,
+    if (!(E.length < 1)) {
+      ne(!0);
+      for (let g = 0; g < E.length; g++) {
+        const I = E[g], xe = Ie(w, ve(I.date)), Ue = {
+          account_guid: I.account_guid,
+          amount: I.amount,
           created_by: 0,
           //user
-          merchant_guid: v.merchant_guid,
-          description: v.feed_description || v.description,
-          predicted_occurs_on: mt(xe, { representation: "date" }),
+          merchant_guid: I.merchant_guid,
+          description: I.feed_description || I.description,
+          predicted_occurs_on: ut(xe, { representation: "date" }),
           recurrence_day: xe.getDay(),
-          recurrence_type: S,
-          repeating_transaction_type: Ie.Income,
-          second_recurrence_day: k,
-          transaction_type: v.transaction_type,
+          recurrence_type: w,
+          repeating_transaction_type: De.Income,
+          second_recurrence_day: L,
+          transaction_type: I.transaction_type,
           user_guid: s.guid
         };
-        await i(Ue, v);
+        await i(Ue, I);
       }
-      await u();
+      await h();
     }
-  }, Pe = !N && f || !N && L.length < 1;
+  }, Pe = !O && f || !O && E.length < 1;
   return x ? /* @__PURE__ */ n(
-    D,
+    v,
     {
       sx: {
         display: "flex",
@@ -898,103 +920,103 @@ const wt = ({ recurrence: i }) => /* @__PURE__ */ n(M, { children: [
         py: 24
       },
       children: [
-        ae === 1 && /* @__PURE__ */ e(
-          D,
+        M === 1 && /* @__PURE__ */ e(
+          v,
           {
             sx: {
               ...l ? { display: "flex", flexDirection: "column", maxWidth: "100%", padding: "0 16px" } : { maxWidth: 590, ml: "40%", mr: 90 }
             },
-            children: /* @__PURE__ */ e(Ot, { handleNextStep: be })
+            children: /* @__PURE__ */ e(Ht, { handleNextStep: be })
           }
         ),
-        ae === 2 && /* @__PURE__ */ e(
-          D,
+        M === 2 && /* @__PURE__ */ e(
+          v,
           {
             sx: {
               ...l ? { display: "flex", flexDirection: "column", maxWidth: "100%", padding: "0 16px" } : { maxWidth: 590, ml: "40%", mr: 90 }
             },
-            children: /* @__PURE__ */ e(Ft, {})
+            children: /* @__PURE__ */ e(Wt, {})
           }
         ),
-        ae === 3 && /* @__PURE__ */ n(
-          D,
+        M === 3 && /* @__PURE__ */ n(
+          v,
           {
             sx: {
               ...l ? { display: "flex", flexDirection: "column", maxWidth: "100%", padding: "0 16px" } : { maxWidth: 590, ml: "40%", mr: 90 }
             },
             children: [
-              /* @__PURE__ */ e(le, { pb: 12, variant: "h1", children: t.add_income_title }),
-              /* @__PURE__ */ e(E, { mb: 24, children: t.add_income_description }),
-              L.length > 0 && !N && /* @__PURE__ */ n(M, { children: [
-                /* @__PURE__ */ e(K, { children: L.map((b, v) => /* @__PURE__ */ n(w.Fragment, { children: [
-                  /* @__PURE__ */ e(ut, { bgcolor: "background.paper", children: gt(
-                    ce(b.nextDate || b.date)
+              /* @__PURE__ */ e(de, { pb: 12, variant: "h1", children: t.add_income_title }),
+              /* @__PURE__ */ e(k, { mb: 24, children: t.add_income_description }),
+              E.length > 0 && !O && /* @__PURE__ */ n(z, { children: [
+                /* @__PURE__ */ e(J, { children: E.map((g, I) => /* @__PURE__ */ n(S.Fragment, { children: [
+                  /* @__PURE__ */ e(ft, { bgcolor: "background.paper", children: xt(
+                    se(g.nextDate || g.date)
                   ) }),
-                  /* @__PURE__ */ e(ht, { transaction: b }),
-                  v !== L.length - 1 && /* @__PURE__ */ e(I, {})
-                ] }, b.guid)) }),
+                  /* @__PURE__ */ e(gt, { transaction: g }),
+                  I !== E.length - 1 && /* @__PURE__ */ e(D, {})
+                ] }, g.guid)) }),
                 /* @__PURE__ */ n(c, { alignItems: "center", direction: "row", children: [
-                  /* @__PURE__ */ e(I, { sx: { flexGrow: 1 } }),
+                  /* @__PURE__ */ e(D, { sx: { flexGrow: 1 } }),
                   /* @__PURE__ */ e(
-                    F,
+                    H,
                     {
                       onClick: () => C(!0),
-                      startIcon: /* @__PURE__ */ e(H, { name: "add", size: 20 }),
+                      startIcon: /* @__PURE__ */ e(F, { name: "add", size: 20 }),
                       children: t.add_income
                     }
                   )
                 ] })
               ] }),
               Pe && /* @__PURE__ */ e(
-                rt,
+                st,
                 {
                   bgcolor: "background.paper",
-                  onSearch: (b) => p({
+                  onSearch: (g) => u({
                     ...r,
-                    custom: (v) => b ? ct(v, b) : we(v)
+                    custom: (I) => g ? lt(I, g) : we(I)
                   }),
-                  onSelected: (b) => {
-                    re(b), C(!1);
+                  onSelected: (g) => {
+                    ce(g), C(!1);
                   }
                 }
               ),
-              !je && y && /* @__PURE__ */ e(E, { color: "error", mt: 16, children: t.confirm_error }),
-              N && /* @__PURE__ */ n(M, { children: [
+              !je && y && /* @__PURE__ */ e(k, { color: "error", mt: 16, children: t.confirm_error }),
+              O && /* @__PURE__ */ n(z, { children: [
                 /* @__PURE__ */ e(
-                  st,
+                  dt,
                   {
                     bgcolor: "background.paper",
-                    firstDay: B,
-                    frequency: S,
-                    onFirstDayChange: g,
-                    onFrequencyChange: Z,
+                    firstDay: Y,
+                    frequency: w,
+                    onFirstDayChange: b,
+                    onFrequencyChange: j,
                     onSecondDayChange: W,
-                    secondDay: k,
-                    transaction: N
+                    secondDay: L,
+                    transaction: O
                   }
                 ),
                 /* @__PURE__ */ n(c, { direction: "row", gap: 16, ml: 24, mt: 32, children: [
                   /* @__PURE__ */ e(
-                    F,
+                    H,
                     {
-                      "aria-disabled": !N,
+                      "aria-disabled": !O,
                       onClick: () => {
-                        const b = [...L];
-                        b.push({
-                          ...N,
-                          nextDate: ve(S, De(N.date)),
-                          frequency: S
-                        }), Be(b), re("");
+                        const g = [...E];
+                        g.push({
+                          ...O,
+                          nextDate: Ie(w, ve(O.date)),
+                          frequency: w
+                        }), Be(g), ce("");
                       },
                       variant: "contained",
                       children: a.confirm_button
                     }
                   ),
                   /* @__PURE__ */ e(
-                    F,
+                    H,
                     {
                       onClick: () => {
-                        re(""), C(!0), be().finally();
+                        ce(""), C(!0), be().finally();
                       },
                       variant: "outlined",
                       children: a.cancel_button
@@ -1002,18 +1024,18 @@ const wt = ({ recurrence: i }) => /* @__PURE__ */ n(M, { children: [
                   )
                 ] })
               ] }),
-              L.length > 0 && !N && /* @__PURE__ */ n(c, { direction: "row", gap: 16, ml: 24, mt: 32, children: [
+              E.length > 0 && !O && /* @__PURE__ */ n(c, { direction: "row", gap: 16, ml: 24, mt: 32, children: [
                 /* @__PURE__ */ e(
-                  F,
+                  H,
                   {
-                    "aria-disabled": L.length < 1 || ee,
+                    "aria-disabled": E.length < 1 || q,
                     onClick: $e,
-                    startIcon: ee ? /* @__PURE__ */ e(
-                      H,
+                    startIcon: q ? /* @__PURE__ */ e(
+                      F,
                       {
                         name: "progress_activity",
                         sx: {
-                          animation: `${Ht} 2s linear infinite`
+                          animation: `${Mt} 2s linear infinite`
                         }
                       }
                     ) : null,
@@ -1021,18 +1043,18 @@ const wt = ({ recurrence: i }) => /* @__PURE__ */ n(M, { children: [
                     children: t.confirm_income_button
                   }
                 ),
-                /* @__PURE__ */ e(F, { onClick: u, variant: "outlined", children: t.skip_button })
+                /* @__PURE__ */ e(H, { onClick: h, variant: "outlined", children: t.skip_button })
               ] })
             ]
           }
         )
       ]
     }
-  ) : /* @__PURE__ */ e(V, {});
-}, Fn = T(Wt);
+  ) : /* @__PURE__ */ e(Q, {});
+}, zn = T(zt);
 export {
-  On as CashflowMiniWidget,
-  Fn as CashflowOnboarding,
-  Gn as CashflowWidget
+  Wn as CashflowMiniWidget,
+  zn as CashflowOnboarding,
+  Mn as CashflowWidget
 };
 //# sourceMappingURL=index.es.js.map