@mx-cartographer/experiences 8.0.0-alpha.bb3 → 8.0.0-alpha.mega1

package/dist/cashflow/index.es.js

@@ -1,61 +1,62 @@
 import { jsxs as o, Fragment as P, jsx as e } from "react/jsx-runtime";
 import f, { useState as ee } from "react";
 import { observer as T } from "mobx-react-lite";
-import { addMonths as Xe } from "date-fns/addMonths";
+import { addMonths as Ye } from "date-fns/addMonths";
 import { startOfToday as $ } from "date-fns/startOfToday";
-import I from "@mui/material/Box";
-import D from "@mui/material/Divider";
+import D from "@mui/material/Box";
+import v from "@mui/material/Divider";
 import s from "@mui/material/Stack";
 import le from "@mui/material/styles/useTheme";
-import { Text as u, P as N, Icon as j, InstitutionLogo as ye, H1 as ue, H2 as Ye } from "@mxenabled/mxui";
-import { G as Qe, v as he, u as O, q as de, d as Ne, b as X, j as q, g as ke, p as He, h as Fe, a as Ve } from "../hooks-D6XlXHf4.mjs";
-import { C as L } from "../CurrencyText-kyC1aseI.mjs";
+import { Text as u, P as O, Icon as j, InstitutionLogo as ye, H1 as ue, H2 as Qe } from "@mxenabled/mxui";
+import { G as Ve, t as he, u as N, p as de, d as Oe, b as X, j as q, g as ke, o as He, h as Fe, a as Ke } from "../hooks-ZMp65DFz.mjs";
+import { C as L } from "../CurrencyText-Dr0EZ7bp.mjs";
 import { u as pe } from "../useScreenSize-B6JyS_Lj.mjs";
 import { L as oe } from "../Loader-DUaFpDGv.mjs";
 import { I as fe } from "../CashflowStore-D9Dpuz7X.mjs";
-import { C as jn } from "../CashflowStore-D9Dpuz7X.mjs";
+import { C as Bn } from "../CashflowStore-D9Dpuz7X.mjs";
 import { b as M } from "../Localization-2MODESHW.mjs";
-import { M as Ke } from "../MiniWidgetContainer-D0gfmbaF.mjs";
-import { E as Je } from "../EmptyState-DA_lfRBv.mjs";
-import { R as Ze } from "../RecurringSettings-A_rAGCTP.mjs";
-import et from "@mui/material/Tabs";
+import { u as We } from "../useWidgetLoadTimer-hIOioiKx.mjs";
+import { M as Je } from "../MiniWidgetContainer-Bg02sF1Y.mjs";
+import { E as Ze } from "../EmptyState-DoxNUae-.mjs";
+import { R as et } from "../RecurringSettings-B4ybrS0B.mjs";
+import tt from "@mui/material/Tabs";
 import Ce from "@mui/material/Tab";
 import { getUnixTime as U } from "date-fns/getUnixTime";
 import ne from "@mui/material/List";
 import ae from "@mui/material/ListItem";
-import { A as tt } from "../AccountListItem-JFMZROh7.mjs";
-import { f as Y, D as Q } from "../Dialog-CWW597AF.mjs";
-import nt from "@mui/material/ListSubheader";
-import { f as te } from "../NumberFormatting-Buh7u8Oi.mjs";
-import { isAfter as We } from "date-fns/isAfter";
-import { isBefore as $e } from "date-fns/isBefore";
-import { isToday as Me } from "date-fns/isToday";
-import { addDays as Se } from "date-fns/addDays";
-import { alpha as ot, keyframes as at } from "@mui/material/styles";
-import { DataGridPro as it } from "@mui/x-data-grid-pro";
-import { T as we } from "../TabContentContainer-j01JYR_7.mjs";
+import { A as nt } from "../AccountListItem-DHrz8Mml.mjs";
+import { f as Y, a as Q } from "../Dialog-BPTr3qHE.mjs";
+import ot from "@mui/material/ListSubheader";
+import { f as te } from "../NumberFormatting-DjTD0t3W.mjs";
+import { isAfter as $e } from "date-fns/isAfter";
+import { isBefore as Me } from "date-fns/isBefore";
+import { isToday as Ge } from "date-fns/isToday";
+import { addDays as we } from "date-fns/addDays";
+import { alpha as at, keyframes as it } from "@mui/material/styles";
+import { DataGridPro as rt } from "@mui/x-data-grid-pro";
+import { T as Se } from "../TabContentContainer-j01JYR_7.mjs";
 import G from "@mui/material/Button";
-import { M as rt, S as st, i as ct, d as _e, c as lt } from "../ManageIncome-1s_q5W4X.mjs";
-import { D as Ge } from "../Drawer-kEE73B87.mjs";
-import { formatISO as dt } from "date-fns/formatISO";
+import { M as st, S as ct, i as lt, d as _e, c as dt } from "../ManageIncome-CaoQl609.mjs";
+import { D as je } from "../Drawer-By9V-B5L.mjs";
+import { formatISO as mt } from "date-fns/formatISO";
 import { fromUnixTime as Ie } from "date-fns/fromUnixTime";
-import { startOfMonth as mt } from "date-fns/startOfMonth";
-import { subDays as je } from "date-fns/subDays";
-import { S as ut, b as ht } from "../TransactionDetails-oP1eSuiS.mjs";
-import { F as pt, R as De, e as ve } from "../RecurringTransactions-DK8dWldr.mjs";
-import { h as ft } from "../DateUtil-BcuH7ErC.mjs";
-import { endOfToday as gt } from "date-fns/endOfToday";
-import { W as Ae, A as Ee } from "../WidgetContainer-BHWANqT4.mjs";
-import { F as bt, A as B } from "../Fetch-87LIQbEA.mjs";
+import { startOfMonth as ut } from "date-fns/startOfMonth";
+import { subDays as ze } from "date-fns/subDays";
+import { S as ht, c as pt } from "../TransactionDetails-m5PddMQn.mjs";
+import { F as ft, R as De, e as ve } from "../RecurringTransactions-BqijW_8S.mjs";
+import { h as gt } from "../DateUtil-CBdcsyuk.mjs";
+import { endOfToday as bt } from "date-fns/endOfToday";
+import { W as Ae, A as Ee } from "../WidgetContainer-CoFDmQRE.mjs";
+import { F as xt, A as B } from "../Fetch-DecPFeGU.mjs";
 const V = () => {
-  if (!f.useContext(Qe))
+  if (!f.useContext(Ve))
     throw new Error("useCashflowUiStore() must be used within the GlobalDataContext");
   return he().uiStore;
-}, xt = ({ remaining: a }) => {
-  const { cashflow: n } = O();
+}, yt = ({ remaining: a }) => {
+  const { cashflow: n } = N();
   return /* @__PURE__ */ o(P, { children: [
     /* @__PURE__ */ e(
-      I,
+      D,
       {
         sx: {
           borderRadius: "1px",
@@ -68,35 +69,35 @@ const V = () => {
     /* @__PURE__ */ e(u, { bold: !0, sx: { flexGrow: 1, fontSize: 12 }, children: n.remaining_cash }),
     /* @__PURE__ */ e(L, { amount: a, bold: !0, sx: { fontSize: 12 } })
   ] });
-}, ge = T(xt), yt = () => {
-  const a = le(), { availableWidth: n } = de(), { isMobile: t } = pe(), { visibleCashAccounts: i, visibleCashBalance: g } = Ne(), { selectedAccounts: x, selectedAccountGuids: m, setSelectedAccounts: p } = X(), { cashflow: c } = O(), {
+}, ge = T(yt), Ct = () => {
+  const a = le(), { availableWidth: n } = de(), { isMobile: t } = pe(), { visibleCashAccounts: i, visibleCashBalance: g } = Oe(), { selectedAccounts: x, selectedAccountGuids: m, setSelectedAccounts: p } = X(), { cashflow: c } = N(), {
     daysUntilNextIncome: r,
     expensesTilNextIncome: d,
     selectedCashAccounts: l,
     setNextIncome: b,
     setSelectedCashAccounts: C,
     setUpcomingExpenses: _
-  } = V(), { isDataLoaded: k, nextIncomeRecurrence: v, upcomingExpenses: F } = q();
+  } = V(), { isDataLoaded: k, nextIncomeRecurrence: I, upcomingExpenses: F } = q();
   f.useEffect(() => {
     p(i);
   }, [i]), f.useEffect(() => {
     C(
-      i.filter((w) => m.includes(w.guid))
+      i.filter((S) => m.includes(S.guid))
     );
   }, [i, x]), f.useEffect(() => {
-    v && b(v), _(F);
-  }, [v, F]);
+    I && b(I), _(F);
+  }, [I, F]);
   const h = f.useMemo(
-    () => i.filter((w) => m.includes(w.guid)).reduce((w, z) => w + (z?.balance || 0), 0),
+    () => i.filter((S) => m.includes(S.guid)).reduce((S, z) => S + (z?.balance || 0), 0),
     [m, F]
-  ), S = f.useMemo(
-    () => d.filter((w) => m.includes(w.accountGuid || "")).reduce((w, z) => w + z.amount, 0),
+  ), w = f.useMemo(
+    () => d.filter((S) => m.includes(S.accountGuid || "")).reduce((S, z) => S + z.amount, 0),
     [m, d]
   ), A = f.useMemo(
-    () => h - S,
-    [h, S]
+    () => h - w,
+    [h, w]
   );
-  return k ? /* @__PURE__ */ e(I, { className: "mx-cashflow", pl: 16, pr: 16, pt: 16, children: n > 710 ? /* @__PURE__ */ o(
+  return k ? /* @__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}`,
@@ -107,27 +108,27 @@ const V = () => {
       children: [
         /* @__PURE__ */ o(s, { pb: 14, pt: 12, children: [
           /* @__PURE__ */ e(L, { amount: h, variant: "H2" }),
-          /* @__PURE__ */ e(N, { variant: "XSmall", whiteSpace: "nowrap", children: M(
+          /* @__PURE__ */ e(O, { variant: "XSmall", whiteSpace: "nowrap", children: M(
             c.total_cash_accounts,
             l.length
           ) })
         ] }),
         /* @__PURE__ */ e(s, { pt: 18, children: /* @__PURE__ */ e(j, { name: "remove" }) }),
         /* @__PURE__ */ o(s, { pb: 14, pt: 12, children: [
-          /* @__PURE__ */ e(L, { amount: S, variant: "H2" }),
-          /* @__PURE__ */ e(N, { variant: "XSmall", whiteSpace: "nowrap", children: M(c.expenses_due, d.length) })
+          /* @__PURE__ */ e(L, { amount: w, variant: "H2" }),
+          /* @__PURE__ */ e(O, { variant: "XSmall", whiteSpace: "nowrap", children: M(c.expenses_due, d.length) })
         ] }),
         /* @__PURE__ */ e(s, { pt: 18, children: /* @__PURE__ */ e(j, { name: "equal" }) }),
         /* @__PURE__ */ o(s, { pb: 14, pr: 24, pt: 12, children: [
           /* @__PURE__ */ e(L, { amount: A, 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(O, { variant: "XSmall", whiteSpace: "nowrap", children: c.available_to_spend }),
             /* @__PURE__ */ e(fe, { 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(P, { children: [
           /* @__PURE__ */ e(u, { variant: "H2", children: M(c.days, r) }),
-          /* @__PURE__ */ e(N, { variant: "XSmall", whiteSpace: "nowrap", children: c.next_paycheck })
+          /* @__PURE__ */ e(O, { variant: "XSmall", whiteSpace: "nowrap", children: c.next_paycheck })
         ] }) })
       ]
     }
@@ -139,12 +140,12 @@ const V = () => {
       ) }),
       /* @__PURE__ */ e(L, { amount: g, bold: !0, variant: "XSmall" })
     ] }),
-    /* @__PURE__ */ e(D, {}),
+    /* @__PURE__ */ e(v, {}),
     /* @__PURE__ */ o(s, { direction: "row", justifyContent: "space-between", p: 16, children: [
       /* @__PURE__ */ e(u, { variant: "Small", children: M(c.expenses_due, d.length) }),
-      /* @__PURE__ */ e(L, { amount: S, bold: !0, symbol: "-", variant: "XSmall" })
+      /* @__PURE__ */ e(L, { amount: w, bold: !0, symbol: "-", variant: "XSmall" })
     ] }),
-    /* @__PURE__ */ e(D, {}),
+    /* @__PURE__ */ e(v, {}),
     /* @__PURE__ */ e(
       s,
       {
@@ -159,35 +160,38 @@ const V = () => {
         children: /* @__PURE__ */ e(ge, { remaining: A })
       }
     ),
-    /* @__PURE__ */ e(D, {}),
+    /* @__PURE__ */ e(v, {}),
     /* @__PURE__ */ o(s, { direction: "row", justifyContent: "space-between", p: 16, children: [
       /* @__PURE__ */ e(u, { variant: "Small", children: c.next_paycheck }),
       /* @__PURE__ */ e(u, { bold: !0, variant: "XSmall", children: M(c.days, r) })
     ] })
   ] }) }) : /* @__PURE__ */ e(oe, { height: t ? 210 : 120 });
-}, Ct = T(yt), St = ({
+}, wt = T(Ct), St = ({
   onPrimaryCtaClick: a,
   onSecondaryCtaClick: n,
   sx: t = {}
 }) => {
-  const { cashflow: i } = O(), { isCopyLoaded: g, isInitialized: x } = X(), { loadRepeatingTransactions: m, income: p, isDataLoaded: c, setDateRange: r } = q();
+  const { cashflow: i } = N(), { isCopyLoaded: g, isInitialized: x } = X(), { loadRepeatingTransactions: m, income: p, isDataLoaded: c, setDateRange: r } = q();
   f.useEffect(() => {
-    x && (r({ start: $(), end: Xe($(), 1) }), m().finally());
-  }, [x]);
+    x && (r({ start: $(), end: Ye($(), 1) }), m().finally());
+  }, [x]), We({
+    widgetName: "CashflowMiniWidget",
+    isLoaded: c
+  });
   const d = c && !p.length;
   return g ? /* @__PURE__ */ o(
-    Ke,
+    Je,
     {
       className: "mx-exp-cashflow-miniwidget",
       onPrimaryCtaClick: a,
       primaryCtaLabel: i.primary_cta,
       subTitle: d || !c ? void 0 : i.sub_title,
-      sx: t,
+      sx: { height: "100%", ...t },
       title: i.title,
       children: [
         !c && /* @__PURE__ */ e(oe, {}),
         c && (d ? /* @__PURE__ */ e(
-          Je,
+          Ze,
           {
             header: i.create,
             icon: "local_atm",
@@ -196,11 +200,11 @@ const V = () => {
             primaryButtonStartIcon: "add",
             subText: i.create_description
           }
-        ) : /* @__PURE__ */ e(Ct, {}))
+        ) : /* @__PURE__ */ e(wt, {}))
       ]
     }
   ) : /* @__PURE__ */ e(oe, {});
-}, Fn = T(St), wt = ({ remaining: a }) => /* @__PURE__ */ e(
+}, $n = T(St), _t = ({ remaining: a }) => /* @__PURE__ */ e(
   ae,
   {
     sx: {
@@ -217,7 +221,7 @@ const V = () => {
   }
 );
 var ie = /* @__PURE__ */ ((a) => (a.EXPENSE = "expense", a.INCOME = "income", a))(ie || {});
-const _t = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
+const It = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
   /* @__PURE__ */ o(ae, { sx: { display: "flex", alignItems: "center", gap: 16, px: 24, py: 12 }, children: [
     /* @__PURE__ */ o(s, { alignItems: "center", height: 32, width: 32, children: [
       /* @__PURE__ */ e(u, { bold: !0, sx: { fontSize: 11 }, children: Y(a.expectedDate, Q.MONTH) }),
@@ -233,12 +237,12 @@ const _t = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
       }
     )
   ] }),
-  /* @__PURE__ */ e(D, {})
-] }), Te = T(_t), It = ({ total: a, type: n }) => {
-  const { cashflow: t } = O();
+  /* @__PURE__ */ e(v, {})
+] }), Te = T(It), Dt = ({ total: a, type: n }) => {
+  const { cashflow: t } = N();
   return /* @__PURE__ */ o(P, { children: [
     /* @__PURE__ */ o(
-      nt,
+      ot,
       {
         sx: {
           alignItems: "center",
@@ -258,10 +262,10 @@ const _t = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
         ]
       }
     ),
-    /* @__PURE__ */ e(D, {})
+    /* @__PURE__ */ e(v, {})
   ] });
-}, Re = T(It), ce = (a, n) => (t) => t.accountGuid === a.guid && (Me(t.expectedDate) || We(t.expectedDate, n.start)) && $e(t.expectedDate, n.end), Dt = () => {
-  const { availableWidth: a } = de(), { cashflow: n } = O(), { upcomingExpenses: t, upcomingIncome: i } = q(), { dateRange: g, selectedCashAccounts: x } = V();
+}, Re = T(Dt), ce = (a, n) => (t) => t.accountGuid === a.guid && (Ge(t.expectedDate) || $e(t.expectedDate, n.start)) && Me(t.expectedDate, n.end), vt = () => {
+  const { availableWidth: a } = de(), { cashflow: n } = N(), { upcomingExpenses: t, upcomingIncome: i } = q(), { dateRange: g, selectedCashAccounts: x } = V();
   return /* @__PURE__ */ o(s, { children: [
     /* @__PURE__ */ o(s, { direction: a < 400 ? "column" : "row", justifyContent: "space-between", children: [
       /* @__PURE__ */ e(u, { bold: !0, sx: { fontSize: 15, mb: 12, whiteSpace: "normal" }, children: n.accounts_breakdown }),
@@ -293,7 +297,7 @@ const _t = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
           },
           children: [
             /* @__PURE__ */ e(
-              tt,
+              nt,
               {
                 account: m,
                 listItemProps: {
@@ -303,7 +307,7 @@ const _t = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
                 }
               }
             ),
-            /* @__PURE__ */ e(D, {}),
+            /* @__PURE__ */ e(v, {}),
             p.length > 0 && /* @__PURE__ */ e(ae, { children: /* @__PURE__ */ e(
               ne,
               {
@@ -321,7 +325,7 @@ const _t = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
               }
             ) }),
             /* @__PURE__ */ e(
-              wt,
+              _t,
               {
                 remaining: (m.available_balance || m.balance || 0) + r - d
               }
@@ -332,8 +336,8 @@ const _t = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
       );
     }) })
   ] });
-}, vt = T(Dt), At = () => {
-  const { availableWidth: a } = de(), n = le(), { cashflow: t } = O(), { upcomingExpenses: i, upcomingIncome: g } = q(), { dateRange: x, selectedCashAccounts: m } = V(), p = [
+}, At = T(vt), Et = () => {
+  const { availableWidth: a } = de(), n = le(), { cashflow: t } = N(), { upcomingExpenses: i, upcomingIncome: g } = q(), { dateRange: x, selectedCashAccounts: m } = V(), p = [
     {
       field: "account",
       flex: 1.5,
@@ -393,9 +397,9 @@ const _t = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
     }
   ], c = f.useMemo(() => m.map((r) => {
     const d = i.filter(
-      ce(r, { start: $(), end: Se($(), 30) })
+      ce(r, { start: $(), end: we($(), 30) })
     ).reduce((C, _) => C + _.amount, 0), l = g.filter(
-      ce(r, { start: $(), end: Se($(), 30) })
+      ce(r, { start: $(), end: we($(), 30) })
     ).reduce((C, _) => C + _.amount, 0), b = (r.balance || 0) + l - d;
     return {
       account: r,
@@ -407,7 +411,7 @@ const _t = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
     };
   }), [m, i, g]);
   return /* @__PURE__ */ o(
-    I,
+    D,
     {
       sx: {
         width: "100%"
@@ -450,7 +454,7 @@ const _t = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
           }
         ),
         a > 650 ? /* @__PURE__ */ e(
-          it,
+          rt,
           {
             columnHeaderHeight: 48,
             columns: p,
@@ -467,7 +471,7 @@ const _t = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
               "& .MuiDataGrid-columnHeader .MuiIconButton-root": {
                 color: n.palette.primary.main,
                 "&:hover": {
-                  backgroundColor: ot(n.palette.primary.main, 0.1)
+                  backgroundColor: at(n.palette.primary.main, 0.1)
                 }
               },
               "& .MuiDataGrid-columnHeaderTitle": {
@@ -515,7 +519,7 @@ const _t = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
                     ]
                   }
                 ),
-                /* @__PURE__ */ e(D, { sx: { width: "100%" } }),
+                /* @__PURE__ */ e(v, { sx: { width: "100%" } }),
                 /* @__PURE__ */ o(
                   s,
                   {
@@ -530,7 +534,7 @@ const _t = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
                     ]
                   }
                 ),
-                /* @__PURE__ */ e(D, { sx: { width: "100%" } }),
+                /* @__PURE__ */ e(v, { sx: { width: "100%" } }),
                 /* @__PURE__ */ o(
                   s,
                   {
@@ -545,7 +549,7 @@ const _t = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
                     ]
                   }
                 ),
-                /* @__PURE__ */ e(D, { sx: { width: "100%" } }),
+                /* @__PURE__ */ e(v, { sx: { width: "100%" } }),
                 /* @__PURE__ */ e(
                   s,
                   {
@@ -568,15 +572,15 @@ const _t = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
       ]
     }
   );
-}, Et = T(At), Tt = () => {
-  const { cashflow: a } = O(), { isDesktop: n } = pe(), { onEvent: t } = ke(), [i, g] = f.useState(0), x = (m, p) => {
+}, Tt = T(Et), Rt = () => {
+  const { cashflow: a } = N(), { isDesktop: n } = pe(), { onEvent: t } = ke(), [i, g] = f.useState(0), x = (m, p) => {
     g(p);
   };
   return f.useEffect(() => {
     t(i === 0 ? "cash_flow_summary" : "cash_flow_details");
-  }, [i]), /* @__PURE__ */ o(I, { children: [
+  }, [i]), /* @__PURE__ */ o(D, { children: [
     /* @__PURE__ */ o(
-      et,
+      tt,
       {
         "aria-label": a.cashflow_summary_and_details,
         centered: !0,
@@ -610,11 +614,11 @@ const _t = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
         ]
       }
     ),
-    /* @__PURE__ */ e(I, { sx: { mb: 32 } }),
-    /* @__PURE__ */ e(we, { index: 0, name: "cashflow", value: i, children: /* @__PURE__ */ e(I, { sx: { m: n ? 48 : 16 }, children: /* @__PURE__ */ e(Et, {}) }) }),
-    /* @__PURE__ */ e(we, { index: 1, name: "cashflow", value: i, children: /* @__PURE__ */ e(I, { sx: { m: n ? 48 : 16 }, children: /* @__PURE__ */ e(vt, {}) }) })
+    /* @__PURE__ */ e(D, { sx: { mb: 32 } }),
+    /* @__PURE__ */ e(Se, { index: 0, name: "cashflow", value: i, children: /* @__PURE__ */ e(D, { sx: { m: n ? 48 : 16 }, children: /* @__PURE__ */ e(Tt, {}) }) }),
+    /* @__PURE__ */ e(Se, { index: 1, name: "cashflow", value: i, children: /* @__PURE__ */ e(D, { sx: { m: n ? 48 : 16 }, children: /* @__PURE__ */ e(At, {}) }) })
   ] });
-}, Rt = T(Tt), se = ({
+}, Lt = T(Rt), se = ({
   amount: a,
   isMobile: n = !1,
   isTotal: t = !1,
@@ -638,17 +642,17 @@ const _t = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
       n && /* @__PURE__ */ e(L, { amount: a, component: "h2", symbol: g, variant: "Small" })
     ]
   }
-), Le = (a, n) => (t) => t.accountGuid && a.includes(t.accountGuid) && (Me(t.expectedDate) || We(t.expectedDate, n.start)) && $e(t.expectedDate, n.end), Lt = () => {
-  const { availableWidth: a } = de(), { cashflow: n } = O(), { income: t, isDataLoaded: i, upcomingExpenses: g, upcomingIncome: x } = q(), { selectedAccountGuids: m } = X(), { dateRange: p, selectedCashAccounts: c } = V(), [r, d] = f.useState(!1), l = f.useMemo(
+), Le = (a, n) => (t) => t.accountGuid && a.includes(t.accountGuid) && (Ge(t.expectedDate) || $e(t.expectedDate, n.start)) && Me(t.expectedDate, n.end), Nt = () => {
+  const { availableWidth: a } = de(), { cashflow: n } = N(), { income: t, isDataLoaded: i, upcomingExpenses: g, upcomingIncome: x } = q(), { selectedAccountGuids: m } = X(), { dateRange: p, selectedCashAccounts: c } = V(), [r, d] = f.useState(!1), l = f.useMemo(
     () => g.filter(Le(m, p)),
     [p, m, g]
   ), b = f.useMemo(
     () => x.filter(Le(m, p)),
     [p, m, x]
   ), C = f.useMemo(
-    () => c.reduce((S, A) => S + (A?.balance || 0), 0),
+    () => c.reduce((w, A) => w + (A?.balance || 0), 0),
     [c]
-  ), _ = l.reduce((S, A) => S + A.amount, 0), k = b.reduce((S, A) => S + A.amount, 0), v = C - _ + k, F = i && t.length > 0, h = a < 725;
+  ), _ = l.reduce((w, A) => w + A.amount, 0), k = b.reduce((w, A) => w + A.amount, 0), I = C - _ + k, F = i && t.length > 0, h = a < 725;
   return /* @__PURE__ */ o(s, { sx: { mx: h ? 16 : 0, my: h ? 24 : 42 }, children: [
     /* @__PURE__ */ o(
       s,
@@ -668,7 +672,7 @@ const _t = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
               label: M(n.cash_and_bank, c.length)
             }
           ),
-          h && /* @__PURE__ */ e(D, {}),
+          h && /* @__PURE__ */ e(v, {}),
           F ? /* @__PURE__ */ o(P, { children: [
             !h && /* @__PURE__ */ e(u, { sx: { fontSize: 25, lineHeight: 1 }, children: "+" }),
             /* @__PURE__ */ e(
@@ -689,7 +693,7 @@ const _t = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
               children: n.add_income
             }
           ),
-          h ? /* @__PURE__ */ e(D, {}) : /* @__PURE__ */ e(u, { sx: { fontSize: 25, lineHeight: 1 }, children: "-" }),
+          h ? /* @__PURE__ */ e(v, {}) : /* @__PURE__ */ e(u, { sx: { fontSize: 25, lineHeight: 1 }, children: "-" }),
           /* @__PURE__ */ e(
             se,
             {
@@ -699,11 +703,11 @@ const _t = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
               symbol: h ? "-" : void 0
             }
           ),
-          h ? /* @__PURE__ */ e(D, {}) : /* @__PURE__ */ e(u, { sx: { fontSize: 25, lineHeight: 1 }, children: "=" }),
+          h ? /* @__PURE__ */ e(v, {}) : /* @__PURE__ */ e(u, { sx: { fontSize: 25, lineHeight: 1 }, children: "=" }),
           /* @__PURE__ */ e(
             se,
             {
-              amount: v,
+              amount: I,
               isMobile: h,
               isTotal: h,
               label: n.remaining_cash,
@@ -720,23 +724,23 @@ const _t = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
       }
     ),
     /* @__PURE__ */ e(
-      Ge,
+      je,
       {
         ariaLabelClose: n.close_manage_income_aria,
         isOpen: r,
         onClose: () => d(!1),
         shouldShowHeaderBorders: !1,
         title: n.manage_income,
-        children: /* @__PURE__ */ e(rt, {})
+        children: /* @__PURE__ */ e(st, {})
       }
     )
   ] });
-}, Ot = T(Lt), Nt = ({ handleNextStep: a }) => {
-  const { completeOnboarding: n } = he(), { cashflow: t } = O(), i = le();
+}, Ot = T(Nt), kt = ({ handleNextStep: a }) => {
+  const { completeOnboarding: n } = he(), { cashflow: t } = N(), i = le();
   return /* @__PURE__ */ o(s, { children: [
     /* @__PURE__ */ e(ue, { pb: 12, children: t.welcome_title }),
     /* @__PURE__ */ e(
-      Ye,
+      Qe,
       {
         color: i.palette.primary.light,
         pb: 8,
@@ -745,11 +749,11 @@ const _t = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
         children: t.welcome_sub_title
       }
     ),
-    /* @__PURE__ */ e(N, { pb: 32, children: t.welcome_description }),
+    /* @__PURE__ */ e(O, { pb: 32, children: t.welcome_description }),
     /* @__PURE__ */ o(s, { direction: "column", mb: 32, spacing: 32, children: [
-      /* @__PURE__ */ o(N, { sx: { display: "flex", alignItems: "center", fontSize: 18 }, children: [
+      /* @__PURE__ */ o(O, { sx: { display: "flex", alignItems: "center", fontSize: 18 }, children: [
         /* @__PURE__ */ e(
-          I,
+          D,
           {
             bgcolor: i.palette.primary.lighter,
             borderRadius: 1,
@@ -763,9 +767,9 @@ const _t = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
         ),
         t.bullet_one
       ] }),
-      /* @__PURE__ */ o(N, { sx: { display: "flex", alignItems: "center", fontSize: 18 }, children: [
+      /* @__PURE__ */ o(O, { sx: { display: "flex", alignItems: "center", fontSize: 18 }, children: [
         /* @__PURE__ */ e(
-          I,
+          D,
           {
             bgcolor: i.palette.primary.lighter,
             borderRadius: 1,
@@ -779,9 +783,9 @@ const _t = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
         ),
         t.bullet_two
       ] }),
-      /* @__PURE__ */ o(N, { sx: { display: "flex", alignItems: "center", fontSize: 18 }, children: [
+      /* @__PURE__ */ o(O, { sx: { display: "flex", alignItems: "center", fontSize: 18 }, children: [
         /* @__PURE__ */ e(
-          I,
+          D,
           {
             bgcolor: i.palette.primary.lighter,
             borderRadius: 1,
@@ -801,67 +805,67 @@ const _t = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
       /* @__PURE__ */ e(G, { onClick: n, variant: "outlined", children: t.skip_button })
     ] })
   ] });
-}, kt = T(Nt), Oe = "https://content.moneydesktop.com/storage/MD_Assets/md/cashflow", ze = {
-  CASHFLOW_ONBOARDING: `${Oe}/cashflow-onboarding.png`,
-  CASHFLOW_LOADING_ANIMATION: `${Oe}/loading-animation.gif`
-}, Ht = () => {
-  const { cashflow: a } = O();
+}, Ht = T(kt), Ne = "https://content.moneydesktop.com/storage/MD_Assets/md/cashflow", Be = {
+  CASHFLOW_ONBOARDING: `${Ne}/cashflow-onboarding.png`,
+  CASHFLOW_LOADING_ANIMATION: `${Ne}/loading-animation.gif`
+}, Ft = () => {
+  const { cashflow: a } = N();
   return /* @__PURE__ */ o(f.Fragment, { children: [
-    /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e("img", { alt: "Loading", src: ze.CASHFLOW_LOADING_ANIMATION }) }),
+    /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e("img", { alt: "Loading", src: Be.CASHFLOW_LOADING_ANIMATION }) }),
     /* @__PURE__ */ e(ue, { pb: 12, children: a.loading_title }),
-    /* @__PURE__ */ e(N, { children: a.loading_description })
+    /* @__PURE__ */ e(O, { children: a.loading_description })
   ] });
-}, Ft = T(Ht), Wt = at`
+}, Wt = T(Ft), $t = it`
   from {
     transform: rotate(0deg);
   }
   to {
     transform: rotate(360deg);
   }
-`, $t = () => {
-  const { addRepeatingTransaction: a, repeatingTransactions: n } = q(), { cashflow: t, common: i } = O(), { user: g } = He(), { completeOnboarding: x } = he(), { isDirty: m } = V(), { isMobile: p } = pe(), { isCopyLoaded: c, setDisplayedDate: r } = X(), { filter: d, setFilter: l, transactions: b } = Fe(), C = le(), [_, k] = ee(!0), [v, F] = f.useState(pt.EveryMonth), [h, S] = f.useState(1), [A, w] = f.useState(15), [z, re] = ee(!1), [K, J] = ee(1), [R, me] = ee([]), [Z, H] = ee(""), W = f.useMemo(
+`, Mt = () => {
+  const { addRepeatingTransaction: a, repeatingTransactions: n } = q(), { cashflow: t, common: i } = N(), { user: g } = He(), { completeOnboarding: x } = he(), { isDirty: m } = V(), { isMobile: p } = pe(), { isCopyLoaded: c, setDisplayedDate: r } = X(), { filter: d, setFilter: l, transactions: b } = Fe(), C = le(), [_, k] = ee(!0), [I, F] = f.useState(ft.EveryMonth), [h, w] = f.useState(1), [A, S] = f.useState(15), [z, re] = ee(!1), [K, J] = ee(1), [R, me] = ee([]), [Z, H] = ee(""), W = f.useMemo(
     () => b.find((y) => y.guid === Z),
     [Z, b]
-  ), Be = !!n.filter(
+  ), Ue = !!n.filter(
     (y) => y.repeating_transaction_type === De.Income
   ).length, be = async () => {
     J(2), r(
       //  Beginning of the month, 90 days before today
-      mt(je($(), 90)),
+      ut(ze($(), 90)),
       $()
     ), l({ ...d, custom: _e }), J(3);
-  }, Ue = async () => {
+  }, Pe = async () => {
     if (!(R.length < 1)) {
       re(!0);
       for (let y = 0; y < R.length; y++) {
-        const E = R[y], xe = ve(v, Ie(E.date)), qe = {
+        const E = R[y], xe = ve(I, Ie(E.date)), Xe = {
           account_guid: E.account_guid,
           amount: E.amount,
           created_by: 0,
           //user
           merchant_guid: E.merchant_guid,
           description: E.feed_description || E.description,
-          predicted_occurs_on: dt(xe, { representation: "date" }),
+          predicted_occurs_on: mt(xe, { representation: "date" }),
           recurrence_day: xe.getDay(),
-          recurrence_type: v,
+          recurrence_type: I,
           repeating_transaction_type: De.Income,
           second_recurrence_day: A,
           transaction_type: E.transaction_type,
           user_guid: g.guid
         };
-        await a(qe, E);
+        await a(Xe, E);
       }
       await x();
     }
-  }, Pe = !W && _ || !W && R.length < 1;
+  }, qe = !W && _ || !W && R.length < 1;
   return c ? /* @__PURE__ */ o(
-    I,
+    D,
     {
       sx: {
         display: "flex",
         alignItems: p ? "flex-start" : "center",
         backgroundColor: C.palette.background.paper,
-        backgroundImage: p ? null : `url(${ze.CASHFLOW_ONBOARDING})`,
+        backgroundImage: p ? null : `url(${Be.CASHFLOW_ONBOARDING})`,
         backgroundRepeat: "no-repeat",
         backgroundPosition: "left 100px",
         backgroundSize: "35%",
@@ -869,42 +873,42 @@ const _t = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
       },
       children: [
         K === 1 && /* @__PURE__ */ e(
-          I,
+          D,
           {
             sx: {
               ...p ? { display: "flex", flexDirection: "column", maxWidth: "100%", padding: "0 16px" } : { maxWidth: 590, ml: "40%", mr: 90 }
             },
-            children: /* @__PURE__ */ e(kt, { handleNextStep: be })
+            children: /* @__PURE__ */ e(Ht, { handleNextStep: be })
           }
         ),
         K === 2 && /* @__PURE__ */ e(
-          I,
+          D,
           {
             sx: {
               ...p ? { display: "flex", flexDirection: "column", maxWidth: "100%", padding: "0 16px" } : { maxWidth: 590, ml: "40%", mr: 90 }
             },
-            children: /* @__PURE__ */ e(Ft, {})
+            children: /* @__PURE__ */ e(Wt, {})
           }
         ),
         K === 3 && /* @__PURE__ */ o(
-          I,
+          D,
           {
             sx: {
               ...p ? { display: "flex", flexDirection: "column", maxWidth: "100%", padding: "0 16px" } : { maxWidth: 590, ml: "40%", mr: 90 }
             },
             children: [
               /* @__PURE__ */ e(ue, { pb: 12, children: t.add_income_title }),
-              /* @__PURE__ */ e(N, { mb: 24, children: t.add_income_description }),
+              /* @__PURE__ */ e(O, { mb: 24, children: t.add_income_description }),
               R.length > 0 && !W && /* @__PURE__ */ o(P, { children: [
                 /* @__PURE__ */ e(ne, { children: R.map((y, E) => /* @__PURE__ */ o(f.Fragment, { children: [
-                  /* @__PURE__ */ e(ut, { bgcolor: "background.paper", children: ft(
+                  /* @__PURE__ */ e(ht, { bgcolor: "background.paper", children: gt(
                     U(y.nextDate || y.date)
                   ) }),
-                  /* @__PURE__ */ e(ht, { transaction: y }),
-                  E !== R.length - 1 && /* @__PURE__ */ e(D, {})
+                  /* @__PURE__ */ e(pt, { transaction: y }),
+                  E !== R.length - 1 && /* @__PURE__ */ e(v, {})
                 ] }, y.guid)) }),
                 /* @__PURE__ */ o(s, { alignItems: "center", direction: "row", children: [
-                  /* @__PURE__ */ e(D, { sx: { flexGrow: 1 } }),
+                  /* @__PURE__ */ e(v, { sx: { flexGrow: 1 } }),
                   /* @__PURE__ */ e(
                     G,
                     {
@@ -915,30 +919,30 @@ const _t = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
                   )
                 ] })
               ] }),
-              Pe && /* @__PURE__ */ e(
-                st,
+              qe && /* @__PURE__ */ e(
+                ct,
                 {
                   bgcolor: "background.paper",
                   onSearch: (y) => l({
                     ...d,
-                    custom: (E) => y ? ct(E, y) : _e(E)
+                    custom: (E) => y ? lt(E, y) : _e(E)
                   }),
                   onSelected: (y) => {
                     H(y), k(!1);
                   }
                 }
               ),
-              !Be && m && /* @__PURE__ */ e(N, { color: "error", mt: 16, children: t.confirm_error }),
+              !Ue && m && /* @__PURE__ */ e(O, { color: "error", mt: 16, children: t.confirm_error }),
               W && /* @__PURE__ */ o(P, { children: [
                 /* @__PURE__ */ e(
-                  lt,
+                  dt,
                   {
                     bgcolor: "background.paper",
                     firstDay: h,
-                    frequency: v,
-                    onFirstDayChange: S,
+                    frequency: I,
+                    onFirstDayChange: w,
                     onFrequencyChange: F,
-                    onSecondDayChange: w,
+                    onSecondDayChange: S,
                     secondDay: A,
                     transaction: W
                   }
@@ -952,8 +956,8 @@ const _t = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
                         const y = [...R];
                         y.push({
                           ...W,
-                          nextDate: ve(v, Ie(W.date)),
-                          frequency: v
+                          nextDate: ve(I, Ie(W.date)),
+                          frequency: I
                         }), me(y), H("");
                       },
                       variant: "contained",
@@ -977,13 +981,13 @@ const _t = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
                   G,
                   {
                     "aria-disabled": R.length < 1 || z,
-                    onClick: Ue,
+                    onClick: Pe,
                     startIcon: z ? /* @__PURE__ */ e(
                       j,
                       {
                         name: "progress_activity",
                         sx: {
-                          animation: `${Wt} 2s linear infinite`
+                          animation: `${$t} 2s linear infinite`
                         }
                       }
                     ) : null,
@@ -999,35 +1003,38 @@ const _t = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
       ]
     }
   ) : /* @__PURE__ */ e(oe, {});
-}, Mt = T($t), Gt = ({ onBackClick: a, sx: n = {} }) => {
+}, Gt = T(Mt), jt = ({ onBackClick: a, sx: n = {} }) => {
   const {
     selectedAccounts: t,
     selectedAccountGuids: i,
     setSelectedAccounts: g,
     shouldDisableNextDate: x,
     shouldDisablePrevDate: m
-  } = X(), { onEvent: p } = ke(), { clientConfig: c } = Ve(), { visibleCashAccounts: r } = Ne(), { setFilter: d } = Fe(), { userProfile: l } = He(), { dateRange: b, setSelectedCashAccounts: C } = V(), { loadRepeatingTransactions: _, income: k, isDataLoaded: v, setDateRange: F } = q(), { cashflow: h, recurring: S } = O(), { isCopyLoaded: A, isInitialized: w } = X(), re = c?.master?.deep_link_params?.view === "manage_income", [K, J] = f.useState(re);
+  } = X(), { onEvent: p } = ke(), { clientConfig: c } = Ke(), { visibleCashAccounts: r } = Oe(), { setFilter: d } = Fe(), { userProfile: l } = He(), { dateRange: b, setSelectedCashAccounts: C } = V(), { loadRepeatingTransactions: _, income: k, isDataLoaded: I, setDateRange: F } = q(), { cashflow: h, recurring: w } = N(), { isCopyLoaded: A, isInitialized: S } = X(), re = c?.master?.deep_link_params?.view === "manage_income", [K, J] = f.useState(re);
   f.useEffect(() => {
-    w && (F(b), _().finally());
-  }, [w]), f.useEffect(() => {
+    S && (F(b), _().finally());
+  }, [S]), f.useEffect(() => {
     g(r);
   }, [r]), f.useEffect(() => {
     const me = r.map((H) => H.guid), Z = t.filter(
       (H) => i.includes(H.guid) && me.includes(H.guid)
     );
     C(Z), d({
-      dateRange: { start: je($(), 90), end: gt() },
+      dateRange: { start: ze($(), 90), end: bt() },
       accounts: Z.map((H) => H.guid)
     });
-  }, [r, t]);
-  const R = v && !l?.has_completed_cash_flow_onboarding && !k.length;
-  return !A || !w ? /* @__PURE__ */ e(oe, {}) : R ? /* @__PURE__ */ e(
+  }, [r, t]), We({
+    widgetName: "CashflowWidget",
+    isLoaded: I
+  });
+  const R = I && !l?.has_completed_cash_flow_onboarding && !k.length;
+  return !A || !S ? /* @__PURE__ */ e(oe, {}) : R ? /* @__PURE__ */ e(
     Ae,
     {
       onBackClick: a,
       sx: { height: "100%", overflow: "auto" },
       title: h.title,
-      children: /* @__PURE__ */ e(Mt, {})
+      children: /* @__PURE__ */ e(Gt, {})
     }
   ) : /* @__PURE__ */ o(
     Ae,
@@ -1035,7 +1042,7 @@ const _t = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
       accountOptions: r,
       actions: [
         {
-          label: S.action_title,
+          label: w.action_title,
           iconName: "credit_card_gear",
           onClick: () => {
             J(!0), p(Ee.CASH_FLOW_CLICK_SETTINGS);
@@ -1057,26 +1064,26 @@ const _t = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
       title: h.title,
       children: [
         /* @__PURE__ */ e(Ot, {}),
-        /* @__PURE__ */ e(Rt, {}),
+        /* @__PURE__ */ e(Lt, {}),
         /* @__PURE__ */ e(
-          Ge,
+          je,
           {
             ariaLabelClose: h.close_settings_aria,
             isOpen: K,
             onClose: () => J(!1),
             shouldShowHeaderBorders: !1,
-            title: S.action_title,
-            children: /* @__PURE__ */ e(Ze, { defaultSelectedTab: re ? 1 : 0 })
+            title: w.action_title,
+            children: /* @__PURE__ */ e(et, { defaultSelectedTab: re ? 1 : 0 })
           }
         )
       ]
     }
   );
-}, Wn = T(Gt);
-class $n {
+}, Mn = T(jt);
+class Gn {
   fetchInstance;
   constructor(n, t, i) {
-    this.fetchInstance = new bt(n, t, void 0, i);
+    this.fetchInstance = new xt(n, t, void 0, i);
   }
   addCashflowEvent = async (n) => this.fetchInstance.post(B.CASHFLOW_EVENTS, { ...n }).then((t) => t);
   addCashflowSequence = async (n) => this.fetchInstance.post(B.CASHFLOW_SEQUENCES, { ...n }).then((t) => t.cashflow_sequence);
@@ -1093,9 +1100,9 @@ class $n {
   updateCashflowSequence = async (n) => this.fetchInstance.put(`${B.CASHFLOW_SEQUENCES}/${n.guid}`, n).then((t) => t.cashflow_sequence);
 }
 export {
-  $n as CashflowApi,
-  Fn as CashflowMiniWidget,
-  Mt as CashflowOnboarding,
-  jn as CashflowStore,
-  Wn as CashflowWidget
+  Gn as CashflowApi,
+  $n as CashflowMiniWidget,
+  Gt as CashflowOnboarding,
+  Bn as CashflowStore,
+  Mn as CashflowWidget
 };