@mx-cartographer/experiences 8.2.3 → 8.2.4-alpha-ram1-bug-testing

package/dist/cashflow/index.es.js

@@ -6,54 +6,53 @@ import { startOfToday as F } from "date-fns/startOfToday";
 import I from "@mui/material/Box";
 import v from "@mui/material/Divider";
 import s from "@mui/material/Stack";
-import ie from "@mui/material/styles/useTheme";
-import { Text as m, P as N, Icon as z, InstitutionLogo as xe, H2 as de, H3 as qe } from "@mxenabled/mxui";
+import { useTheme as ie, alpha as qe, keyframes as Ke } from "@mui/material/styles";
+import { Text as m, P as k, Icon as z, InstitutionLogo as xe, H2 as de, H3 as Ve } from "@mxenabled/mxui";
 import { b as H } from "../Localization-DnoVyBNK.mjs";
-import { G as Ke, p as me, u as k, D as ae, d as ke, b as P, i as B, g as Le, a as Ve, h as Ne, C as Xe } from "../hooks-BaO_gOI6.mjs";
+import { G as Xe, p as me, u as L, D as ae, d as Le, b as P, i as B, g as Ne, a as Je, h as ke, C as Qe } from "../hooks-BaO_gOI6.mjs";
 import { C as E } from "../CurrencyText-CCbE6MmF.mjs";
-import { u as ue } from "../useScreenSize-CeFhWTt_.mjs";
+import { u as ue } from "../useScreenSize-mWpmnh5w.mjs";
 import { L as Z } from "../Loader-CxeBwuPG.mjs";
 import { I as pe } from "../InformationTooltip-4su8bn1e.mjs";
 import { u as Oe } from "../useWidgetLoadTimer-CJb-RELP.mjs";
-import { M as Je } from "../MiniWidgetContainer-BdPiUU-u.mjs";
-import { E as Qe } from "../EmptyState-DHAkGsjk.mjs";
-import { R as Ze } from "../RecurringSettings-CPXLW6AR.mjs";
-import et from "@mui/material/Tabs";
+import { M as Ze } from "../MiniWidgetContainer-BdPiUU-u.mjs";
+import { E as et } from "../EmptyState-CJUDc3kD.mjs";
+import { R as tt } from "../RecurringSettings-cm6MK_aS.mjs";
+import nt from "@mui/material/Tabs";
 import ye from "@mui/material/Tab";
 import { getUnixTime as le } from "date-fns/getUnixTime";
 import Q from "@mui/material/List";
 import ee from "@mui/material/ListItem";
-import { A as tt } from "../AccountListItem-BYyeeCf6.mjs";
+import { A as ot } from "../AccountListItem-BDXHs4tV.mjs";
 import { f as U, D as Y } from "../DateFormats-HudZ3Bjs.mjs";
-import nt from "@mui/material/ListSubheader";
+import it from "@mui/material/ListSubheader";
 import { f as J } from "../NumberFormatting--XMeeBfr.mjs";
 import { isAfter as Ge } from "date-fns/isAfter";
 import { isBefore as Me } from "date-fns/isBefore";
 import { isToday as Fe } from "date-fns/isToday";
 import { addDays as _e } from "date-fns/addDays";
-import { alpha as ot, keyframes as it } from "@mui/material/styles";
 import { DataGridPro as at } from "@mui/x-data-grid-pro";
 import { T as Ce } from "../TabContentContainer-CnMXkVqr.mjs";
 import W from "@mui/material/Button";
-import { M as rt, S as st, i as ct, b as we, c as lt } from "../ManageIncome-DwylSiWs.mjs";
-import { D as He } from "../Drawer-XPaLYjiO.mjs";
+import { M as rt, S as st, i as ct, b as we, c as lt } from "../ManageIncome-B1JfqslT.mjs";
+import { D as He } from "../Drawer-BXqqBMxg.mjs";
 import { subDays as We } from "date-fns/subDays";
 import { endOfToday as dt } from "date-fns/endOfToday";
-import { W as mt } from "../WidgetContainer-CYcmwsSu.mjs";
+import { W as mt } from "../WidgetContainer-DNuz_s7W.mjs";
 import { A as X } from "../Account-BaJmiJAG.mjs";
 import { A as Se } from "../Analytics-CzGzz_sE.mjs";
 import { formatISO as ut } from "date-fns/formatISO";
 import { fromUnixTime as De } from "date-fns/fromUnixTime";
 import { startOfMonth as pt } from "date-fns/startOfMonth";
-import { S as ht, a as ft } from "../EmbeddedCard-BNl3quCs.mjs";
+import { S as ht, a as ft } from "../EmbeddedCard-DPwJjqMH.mjs";
 import { F as gt, R as Ie, c as ve } from "../RecurringTransactionsUtil-B3rLEx_g.mjs";
 import { i as bt } from "../DateUtil-Bhq59ZVg.mjs";
 const q = () => {
-  if (!h.useContext(Ke))
+  if (!h.useContext(Xe))
     throw new Error("useCashflowUiStore() must be used within the GlobalDataContext");
   return me().uiStore;
 }, xt = ({ remaining: i }) => {
-  const { cashflow: o } = k();
+  const { cashflow: o } = L();
   return /* @__PURE__ */ n(j, { children: [
     /* @__PURE__ */ e(
       I,
@@ -70,7 +69,7 @@ const q = () => {
     /* @__PURE__ */ e(E, { amount: i, bold: !0, sx: { fontSize: 12 } })
   ] });
 }, he = A(xt), yt = () => {
-  const i = ie(), { availableWidth: o } = ae(), { isMobile: t } = ue(), { visibleCashAccounts: r, visibleCashBalance: f } = ke(), { selectedAccountGuids: u } = P(), { cashflow: c } = k(), {
+  const i = ie(), { availableWidth: o } = ae(), { isMobile: t } = ue(), { visibleCashAccounts: r, visibleCashBalance: f } = Le(), { selectedAccountGuids: u } = P(), { cashflow: c } = L(), {
     daysUntilNextIncome: l,
     expensesTilNextIncome: b,
     selectedCashAccounts: a,
@@ -88,12 +87,12 @@ const q = () => {
   const D = h.useMemo(
     () => r.filter((_) => u.includes(_.guid)).reduce((_, S) => _ + (S?.balance || 0), 0),
     [u, R]
-  ), L = h.useMemo(
+  ), N = h.useMemo(
     () => b.filter((_) => u.includes(_.accountGuid || "")).reduce((_, S) => _ + S.amount, 0),
     [u, b]
   ), p = h.useMemo(
-    () => D - L,
-    [D, L]
+    () => D - N,
+    [D, N]
   );
   return C ? /* @__PURE__ */ e(I, { className: "mx-cashflow", pl: 16, pr: 16, pt: 16, children: o > 710 ? /* @__PURE__ */ n(
     s,
@@ -106,27 +105,27 @@ const q = () => {
       children: [
         /* @__PURE__ */ n(s, { pb: 14, pt: 12, children: [
           /* @__PURE__ */ e(E, { amount: D, variant: "h2" }),
-          /* @__PURE__ */ e(N, { variant: "caption", whiteSpace: "nowrap", children: H(
+          /* @__PURE__ */ e(k, { variant: "caption", whiteSpace: "nowrap", children: H(
             c.total_cash_accounts,
             a.length
           ) })
         ] }),
         /* @__PURE__ */ e(s, { pt: 18, children: /* @__PURE__ */ e(z, { name: "remove" }) }),
         /* @__PURE__ */ n(s, { pb: 14, pt: 12, children: [
-          /* @__PURE__ */ e(E, { amount: L, variant: "h2" }),
-          /* @__PURE__ */ e(N, { variant: "caption", whiteSpace: "nowrap", children: H(c.expenses_due, b.length) })
+          /* @__PURE__ */ e(E, { amount: N, variant: "h2" }),
+          /* @__PURE__ */ e(k, { variant: "caption", whiteSpace: "nowrap", children: H(c.expenses_due, b.length) })
         ] }),
         /* @__PURE__ */ e(s, { pt: 18, children: /* @__PURE__ */ e(z, { name: "equal" }) }),
         /* @__PURE__ */ n(s, { pb: 14, pr: 24, pt: 12, children: [
           /* @__PURE__ */ e(E, { amount: p, variant: "h2" }),
           /* @__PURE__ */ n(s, { alignItems: "center", direction: "row", gap: 8, children: [
-            /* @__PURE__ */ e(N, { variant: "caption", whiteSpace: "nowrap", children: c.available_to_spend }),
+            /* @__PURE__ */ e(k, { variant: "caption", whiteSpace: "nowrap", children: c.available_to_spend }),
             /* @__PURE__ */ e(pe, { body: c.tooltip_body, title: c.tooltip_title })
           ] })
         ] }),
         /* @__PURE__ */ e(s, { borderLeft: `1px solid ${i.palette.divider}`, pb: 12, pl: 24, pt: 12, children: /* @__PURE__ */ n(j, { children: [
           /* @__PURE__ */ e(m, { variant: "h2", children: H(c.days, l) }),
-          /* @__PURE__ */ e(N, { variant: "caption", whiteSpace: "nowrap", children: c.next_paycheck })
+          /* @__PURE__ */ e(k, { variant: "caption", whiteSpace: "nowrap", children: c.next_paycheck })
         ] }) })
       ]
     }
@@ -141,7 +140,7 @@ const q = () => {
     /* @__PURE__ */ e(v, {}),
     /* @__PURE__ */ n(s, { direction: "row", justifyContent: "space-between", p: 16, children: [
       /* @__PURE__ */ e(m, { variant: "body2", children: H(c.expenses_due, b.length) }),
-      /* @__PURE__ */ e(E, { amount: L, bold: !0, symbol: "-", variant: "caption" })
+      /* @__PURE__ */ e(E, { amount: N, bold: !0, symbol: "-", variant: "caption" })
     ] }),
     /* @__PURE__ */ e(v, {}),
     /* @__PURE__ */ e(
@@ -169,7 +168,7 @@ const q = () => {
   onSecondaryCtaClick: o,
   sx: t = {}
 }) => {
-  const { cashflow: r } = k(), { isInitialized: f } = P(), { loadRepeatingTransactionData: u, income: c, isDataLoaded: l, setDateRange: b } = B();
+  const { cashflow: r } = L(), { isInitialized: f } = P(), { loadRepeatingTransactionData: u, income: c, isDataLoaded: l, setDateRange: b } = B();
   h.useEffect(() => {
     b({ start: F(), end: Ye(F(), 1) }), l || u().finally();
   }, []), Oe({
@@ -178,7 +177,7 @@ const q = () => {
   });
   const a = l && !c.length;
   return f ? /* @__PURE__ */ n(
-    Je,
+    Ze,
     {
       className: "mx-exp-cashflow-miniwidget",
       onPrimaryCtaClick: i,
@@ -190,7 +189,7 @@ const q = () => {
       children: [
         !l && /* @__PURE__ */ e(Z, {}),
         l && (a ? /* @__PURE__ */ e(
-          Qe,
+          et,
           {
             header: r.create,
             icon: "local_atm",
@@ -203,7 +202,7 @@ const q = () => {
       ]
     }
   ) : /* @__PURE__ */ e(Z, {});
-}, Fn = A(Ct), wt = ({ remaining: i }) => /* @__PURE__ */ e(
+}, Mn = A(Ct), wt = ({ remaining: i }) => /* @__PURE__ */ e(
   ee,
   {
     sx: {
@@ -238,10 +237,10 @@ const St = ({ recurrence: i }) => /* @__PURE__ */ n(j, { children: [
   ] }),
   /* @__PURE__ */ e(v, {})
 ] }), Te = A(St), Dt = ({ total: i, type: o }) => {
-  const { cashflow: t } = k();
+  const { cashflow: t } = L();
   return /* @__PURE__ */ n(j, { children: [
     /* @__PURE__ */ n(
-      nt,
+      it,
       {
         sx: {
           alignItems: "center",
@@ -264,11 +263,11 @@ const St = ({ recurrence: i }) => /* @__PURE__ */ n(j, { children: [
     /* @__PURE__ */ e(v, {})
   ] });
 }, Ae = A(Dt), oe = (i, o) => (t) => t.accountGuid === i.guid && (Fe(t.expectedDate) || Ge(t.expectedDate, o.start)) && Me(t.expectedDate, o.end), It = () => {
-  const { availableWidth: i } = ae(), { cashflow: o } = k(), { upcomingExpenses: t, upcomingIncome: r } = B(), { dateRange: f, selectedCashAccounts: u } = q();
+  const { availableWidth: i } = ae(), { cashflow: o } = L(), { upcomingExpenses: t, upcomingIncome: r } = B(), { dateRange: f, selectedCashAccounts: u } = q();
   return /* @__PURE__ */ n(s, { children: [
     /* @__PURE__ */ n(s, { direction: i < 400 ? "column" : "row", justifyContent: "space-between", children: [
-      /* @__PURE__ */ e(m, { bold: !0, sx: { fontSize: 15, mb: 12, whiteSpace: "normal" }, children: o.accounts_breakdown }),
-      /* @__PURE__ */ n(m, { bold: !0, sx: { fontSize: 15, mb: 12, whiteSpace: "normal" }, 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: [
         U(f.start, Y.FULL_MONTH_DAY),
         " -",
         " ",
@@ -296,7 +295,7 @@ const St = ({ recurrence: i }) => /* @__PURE__ */ n(j, { children: [
           },
           children: [
             /* @__PURE__ */ e(
-              tt,
+              ot,
               {
                 account: c,
                 listItemProps: {
@@ -336,7 +335,7 @@ const St = ({ recurrence: i }) => /* @__PURE__ */ n(j, { children: [
     }) })
   ] });
 }, vt = A(It), Tt = () => {
-  const { availableWidth: i } = ae(), o = ie(), { cashflow: t } = k(), { upcomingExpenses: r, upcomingIncome: f } = B(), { dateRange: u, selectedCashAccounts: c } = q(), l = [
+  const { availableWidth: i } = ae(), o = ie(), { cashflow: t } = L(), { upcomingExpenses: r, upcomingIncome: f } = B(), { dateRange: u, selectedCashAccounts: c } = q(), l = [
     {
       field: "account",
       flex: 1.5,
@@ -429,8 +428,7 @@ const St = ({ recurrence: i }) => /* @__PURE__ */ n(j, { children: [
                   {
                     bold: !0,
                     sx: {
-                      fontSize: 15,
-                      whiteSpace: "normal"
+                      fontSize: 15
                     },
                     children: t.cash_inflow_and_outflow
                   }
@@ -443,7 +441,7 @@ const St = ({ recurrence: i }) => /* @__PURE__ */ n(j, { children: [
                   }
                 )
               ] }),
-              /* @__PURE__ */ n(m, { bold: !0, sx: { fontSize: 15, whiteSpace: "normal" }, children: [
+              /* @__PURE__ */ n(m, { bold: !0, sx: { fontSize: 15 }, children: [
                 U(u.start, Y.FULL_MONTH_DAY),
                 " -",
                 " ",
@@ -470,7 +468,7 @@ const St = ({ recurrence: i }) => /* @__PURE__ */ n(j, { children: [
               "& .MuiDataGrid-columnHeader .MuiIconButton-root": {
                 color: o.palette.primary.main,
                 "&:hover": {
-                  backgroundColor: ot(o.palette.primary.main, 0.1)
+                  backgroundColor: qe(o.palette.primary.main, 0.1)
                 }
               },
               "& .MuiDataGrid-columnHeaderTitle": {
@@ -572,14 +570,14 @@ const St = ({ recurrence: i }) => /* @__PURE__ */ n(j, { children: [
     }
   );
 }, At = A(Tt), Rt = () => {
-  const { cashflow: i } = k(), { isDesktop: o } = ue(), { onEvent: t } = Le(), [r, f] = h.useState(0), u = (c, l) => {
+  const { cashflow: i } = L(), { isDesktop: o } = ue(), { onEvent: t } = Ne(), [r, f] = h.useState(0), u = (c, l) => {
     f(l);
   };
   return h.useEffect(() => {
     t(r === 0 ? "cash_flow_summary" : "cash_flow_details");
   }, [r]), /* @__PURE__ */ n(I, { children: [
     /* @__PURE__ */ n(
-      et,
+      nt,
       {
         "aria-label": i.cashflow_summary_and_details,
         centered: !0,
@@ -641,8 +639,8 @@ const St = ({ recurrence: i }) => /* @__PURE__ */ n(j, { children: [
       o && /* @__PURE__ */ e(E, { amount: i, component: "h2", symbol: f, variant: "body2" })
     ]
   }
-), Re = (i, o) => (t) => t.accountGuid && i.includes(t.accountGuid) && (Fe(t.expectedDate) || Ge(t.expectedDate, o.start)) && Me(t.expectedDate, o.end), kt = () => {
-  const { availableWidth: i } = ae(), { cashflow: o } = k(), { income: t, isDataLoaded: r, upcomingExpenses: f, upcomingIncome: u } = B(), { selectedAccountGuids: c } = P(), { dateRange: l, selectedCashAccounts: b } = q(), [a, g] = h.useState(!1), d = h.useMemo(
+), Re = (i, o) => (t) => t.accountGuid && i.includes(t.accountGuid) && (Fe(t.expectedDate) || Ge(t.expectedDate, o.start)) && Me(t.expectedDate, o.end), Lt = () => {
+  const { availableWidth: i } = ae(), { cashflow: o } = L(), { income: t, isDataLoaded: r, upcomingExpenses: f, upcomingIncome: u } = B(), { selectedAccountGuids: c } = P(), { dateRange: l, selectedCashAccounts: b } = q(), [a, g] = h.useState(!1), d = h.useMemo(
     () => f.filter(Re(c, l)),
     [l, c, f]
   ), x = h.useMemo(
@@ -651,7 +649,7 @@ const St = ({ recurrence: i }) => /* @__PURE__ */ n(j, { children: [
   ), C = h.useMemo(
     () => b.reduce((_, S) => _ + (S?.balance || 0), 0),
     [b]
-  ), w = d.reduce((_, S) => _ + S.amount, 0), R = x.reduce((_, S) => _ + S.amount, 0), D = C - w + R, L = r && t.length > 0, p = i < 725;
+  ), w = d.reduce((_, S) => _ + S.amount, 0), R = x.reduce((_, S) => _ + S.amount, 0), D = C - w + R, N = r && t.length > 0, p = i < 725;
   return /* @__PURE__ */ n(s, { sx: { mx: p ? 16 : 0, my: p ? 24 : 42 }, children: [
     /* @__PURE__ */ n(
       s,
@@ -672,7 +670,7 @@ const St = ({ recurrence: i }) => /* @__PURE__ */ n(j, { children: [
             }
           ),
           p && /* @__PURE__ */ e(v, {}),
-          L ? /* @__PURE__ */ n(j, { children: [
+          N ? /* @__PURE__ */ n(j, { children: [
             !p && /* @__PURE__ */ e(m, { sx: { fontSize: 25, lineHeight: 1 }, children: "+" }),
             /* @__PURE__ */ e(
               ne,
@@ -734,8 +732,8 @@ const St = ({ recurrence: i }) => /* @__PURE__ */ n(j, { children: [
       }
     )
   ] });
-}, Lt = A(kt), Nt = ({ onBackClick: i, onMenuClick: o, sx: t = {} }) => {
-  const { selectedAccounts: r, selectedAccountGuids: f, shouldDisableNextDate: u, shouldDisablePrevDate: c } = P(), { onEvent: l } = Le(), { clientConfig: b } = Ve(), { visibleCashAccounts: a } = ke(), { setFilter: g } = Ne(), { dateRange: d, setSelectedCashAccounts: x } = q(), { loadRepeatingTransactionData: C, isDataLoaded: w, setDateRange: R } = B(), { cashflow: D, recurring: L } = k(), { isInitialized: p } = P(), S = b?.master?.deep_link_params?.view === "manage_income", [re, K] = h.useState(S);
+}, Nt = A(Lt), kt = ({ onBackClick: i, onMenuClick: o, sx: t = {} }) => {
+  const { selectedAccounts: r, selectedAccountGuids: f, shouldDisableNextDate: u, shouldDisablePrevDate: c } = P(), { onEvent: l } = Ne(), { clientConfig: b } = Je(), { visibleCashAccounts: a } = Le(), { setFilter: g } = ke(), { dateRange: d, setSelectedCashAccounts: x } = q(), { loadRepeatingTransactionData: C, isDataLoaded: w, setDateRange: R } = B(), { cashflow: D, recurring: N } = L(), { isInitialized: p } = P(), S = b?.master?.deep_link_params?.view === "manage_income", [re, K] = h.useState(S);
   return h.useEffect(() => {
     R(d), w || C().finally();
   }, []), h.useEffect(() => {
@@ -754,7 +752,7 @@ const St = ({ recurrence: i }) => /* @__PURE__ */ n(j, { children: [
     {
       actions: [
         {
-          label: L.action_title,
+          label: N.action_title,
           iconName: "credit_card_gear",
           onClick: () => {
             K(!0), l(Se.CASH_FLOW_CLICK_SETTINGS);
@@ -784,7 +782,7 @@ const St = ({ recurrence: i }) => /* @__PURE__ */ n(j, { children: [
       sx: t,
       title: D.title,
       children: [
-        /* @__PURE__ */ e(Lt, {}),
+        /* @__PURE__ */ e(Nt, {}),
         /* @__PURE__ */ e(Et, {}),
         /* @__PURE__ */ e(
           He,
@@ -793,29 +791,21 @@ const St = ({ recurrence: i }) => /* @__PURE__ */ n(j, { children: [
             isOpen: re,
             onClose: () => K(!1),
             shouldShowHeaderBorders: !1,
-            title: L.action_title,
-            children: /* @__PURE__ */ e(Ze, { defaultSelectedTab: S ? 1 : 0 })
+            title: N.action_title,
+            children: /* @__PURE__ */ e(tt, { defaultSelectedTab: S ? 1 : 0 })
           }
         )
       ]
     }
   ) : /* @__PURE__ */ e(Z, {});
-}, Hn = A(Nt), Ot = ({ handleNextStep: i }) => {
-  const { completeOnboarding: o } = me(), { cashflow: t } = k(), r = ie();
+}, Fn = A(kt), Ot = ({ handleNextStep: i }) => {
+  const { completeOnboarding: o } = me(), { cashflow: t } = L(), r = ie();
   return /* @__PURE__ */ n(s, { children: [
     /* @__PURE__ */ e(de, { pb: 12, variant: "h1", children: t.welcome_title }),
-    /* @__PURE__ */ e(
-      qe,
-      {
-        color: r.palette.primary.light,
-        pb: 8,
-        sx: { wordBreak: "break-word", whiteSpace: "initial" },
-        children: t.welcome_sub_title
-      }
-    ),
-    /* @__PURE__ */ e(N, { pb: 32, children: t.welcome_description }),
+    /* @__PURE__ */ e(Ve, { color: r.palette.primary.light, pb: 8, children: t.welcome_sub_title }),
+    /* @__PURE__ */ e(k, { pb: 32, children: t.welcome_description }),
     /* @__PURE__ */ n(s, { direction: "column", mb: 32, spacing: 32, children: [
-      /* @__PURE__ */ n(N, { sx: { display: "flex", alignItems: "center", fontSize: 18 }, children: [
+      /* @__PURE__ */ n(k, { sx: { display: "flex", alignItems: "center", fontSize: 18 }, children: [
         /* @__PURE__ */ e(
           I,
           {
@@ -831,7 +821,7 @@ const St = ({ recurrence: i }) => /* @__PURE__ */ n(j, { children: [
         ),
         t.bullet_one
       ] }),
-      /* @__PURE__ */ n(N, { sx: { display: "flex", alignItems: "center", fontSize: 18 }, children: [
+      /* @__PURE__ */ n(k, { sx: { display: "flex", alignItems: "center", fontSize: 18 }, children: [
         /* @__PURE__ */ e(
           I,
           {
@@ -847,7 +837,7 @@ const St = ({ recurrence: i }) => /* @__PURE__ */ n(j, { children: [
         ),
         t.bullet_two
       ] }),
-      /* @__PURE__ */ n(N, { sx: { display: "flex", alignItems: "center", fontSize: 18 }, children: [
+      /* @__PURE__ */ n(k, { sx: { display: "flex", alignItems: "center", fontSize: 18 }, children: [
         /* @__PURE__ */ e(
           I,
           {
@@ -873,13 +863,13 @@ const St = ({ recurrence: i }) => /* @__PURE__ */ n(j, { children: [
   CASHFLOW_ONBOARDING: `${Ee}/cashflow-onboarding.png`,
   CASHFLOW_LOADING_ANIMATION: `${Ee}/loading-animation.gif`
 }, Mt = () => {
-  const { cashflow: i } = k();
+  const { cashflow: i } = L();
   return /* @__PURE__ */ n(h.Fragment, { children: [
     /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e("img", { alt: "Loading", src: ze.CASHFLOW_LOADING_ANIMATION }) }),
     /* @__PURE__ */ e(de, { pb: 12, variant: "h1", children: i.loading_title }),
-    /* @__PURE__ */ e(N, { children: i.loading_description })
+    /* @__PURE__ */ e(k, { children: i.loading_description })
   ] });
-}, Ft = A(Mt), Ht = it`
+}, Ft = A(Mt), Ht = Ke`
   from {
     transform: rotate(0deg);
   }
@@ -887,7 +877,7 @@ const St = ({ recurrence: i }) => /* @__PURE__ */ n(j, { children: [
     transform: rotate(360deg);
   }
 `, Wt = () => {
-  const { addRepeatingTransaction: i, repeatingTransactions: o } = B(), { cashflow: t, common: r } = k(), { user: f } = Xe(), { completeOnboarding: u } = me(), { isDirty: c } = q(), { isMobile: l } = ue(), { isCopyLoaded: b, setDisplayedDate: a } = P(), { filter: g, setFilter: d, transactions: x } = Ne(), C = ie(), [w, R] = V(!0), [D, L] = h.useState(gt.EveryMonth), [p, _] = h.useState(1), [S, re] = h.useState(15), [K, se] = V(!1), [$, G] = V(1), [O, je] = V([]), [fe, ce] = V(""), M = h.useMemo(
+  const { addRepeatingTransaction: i, repeatingTransactions: o } = B(), { cashflow: t, common: r } = L(), { user: f } = Qe(), { completeOnboarding: u } = me(), { isDirty: c } = q(), { isMobile: l } = ue(), { isCopyLoaded: b, setDisplayedDate: a } = P(), { filter: g, setFilter: d, transactions: x } = ke(), C = ie(), [w, R] = V(!0), [D, N] = h.useState(gt.EveryMonth), [p, _] = h.useState(1), [S, re] = h.useState(15), [K, se] = V(!1), [$, G] = V(1), [O, je] = V([]), [fe, ce] = V(""), M = h.useMemo(
     () => x.find((y) => y.guid === fe),
     [fe, x]
   ), Be = !!o.filter(
@@ -962,7 +952,7 @@ const St = ({ recurrence: i }) => /* @__PURE__ */ n(j, { children: [
             },
             children: [
               /* @__PURE__ */ e(de, { pb: 12, variant: "h1", children: t.add_income_title }),
-              /* @__PURE__ */ e(N, { mb: 24, children: t.add_income_description }),
+              /* @__PURE__ */ e(k, { mb: 24, children: t.add_income_description }),
               O.length > 0 && !M && /* @__PURE__ */ n(j, { children: [
                 /* @__PURE__ */ e(Q, { children: O.map((y, T) => /* @__PURE__ */ n(h.Fragment, { children: [
                   /* @__PURE__ */ e(ht, { bgcolor: "background.paper", children: bt(
@@ -996,7 +986,7 @@ const St = ({ recurrence: i }) => /* @__PURE__ */ n(j, { children: [
                   }
                 }
               ),
-              !Be && c && /* @__PURE__ */ e(N, { color: "error", mt: 16, children: t.confirm_error }),
+              !Be && c && /* @__PURE__ */ e(k, { color: "error", mt: 16, children: t.confirm_error }),
               M && /* @__PURE__ */ n(j, { children: [
                 /* @__PURE__ */ e(
                   lt,
@@ -1005,7 +995,7 @@ const St = ({ recurrence: i }) => /* @__PURE__ */ n(j, { children: [
                     firstDay: p,
                     frequency: D,
                     onFirstDayChange: _,
-                    onFrequencyChange: L,
+                    onFrequencyChange: N,
                     onSecondDayChange: re,
                     secondDay: S,
                     transaction: M
@@ -1067,9 +1057,9 @@ const St = ({ recurrence: i }) => /* @__PURE__ */ n(j, { children: [
       ]
     }
   ) : /* @__PURE__ */ e(Z, {});
-}, Wn = A(Wt);
+}, Hn = A(Wt);
 export {
-  Fn as CashflowMiniWidget,
-  Wn as CashflowOnboarding,
-  Hn as CashflowWidget
+  Mn as CashflowMiniWidget,
+  Hn as CashflowOnboarding,
+  Fn as CashflowWidget
 };

package/dist/categories/index.es.js

@@ -1,4 +1,4 @@
-import { C as a, a as o, b as t, u as s } from "../CategorySelectorDrawer-Cu1ohxeM.mjs";
+import { C as a, a as o, b as t, u as s } from "../CategorySelectorDrawer-CmaDLhnf.mjs";
 export {
   a as CategoryRow,
   o as CategorySelector,

package/dist/common/components/ErrorBoundary.d.ts

@@ -9,6 +9,6 @@ declare class ErrorBoundary extends React.Component<ErrorProps, ErrorState> {
     state: ErrorState;
     componentDidCatch(error: Error, errorInfo: React.ErrorInfo): void;
     static getDerivedStateFromError(): ErrorState;
-    render(): string | number | boolean | Iterable<React.ReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined;
+    render(): string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined;
 }
 export default ErrorBoundary;

package/dist/common/components/WidgetContainer.d.ts

@@ -9,7 +9,7 @@ type Action = {
 };
 interface WidgetContainerProps {
     allowedAccountTypes?: AccountType[] | undefined;
-    actions?: (Action | JSX.Element)[];
+    actions?: (Action | React.JSX.Element)[];
     calendarActions?: CalendarActions;
     className?: string;
     dateRange?: {

package/dist/common/components/charts/stackedlinechart/CustomAreaTooltip.d.ts

@@ -13,6 +13,6 @@ declare const _default: React.FunctionComponent<{
         x: number;
         y: number;
     };
-    chartContainerRef: React.RefObject<HTMLDivElement>;
+    chartContainerRef: React.RefObject<HTMLDivElement | null>;
 }>;
 export default _default;

package/dist/common/hooks/usePrevious.d.ts

@@ -1,2 +1,2 @@
-export declare const usePrevious: (value: any) => undefined;
+export declare const usePrevious: (value: any) => null;
 export default usePrevious;