@mx-cartographer/experiences 8.1.0 → 8.1.2

package/dist/cashflow/index.es.js

@@ -1,4 +1,4 @@
-import { jsxs as n, Fragment as $, jsx as e } from "react/jsx-runtime";
+import { jsxs as n, Fragment as j, jsx as e } from "react/jsx-runtime";
 import h, { useState as V } from "react";
 import { observer as A } from "mobx-react-lite";
 import { addMonths as Ye } from "date-fns/addMonths";
@@ -8,47 +8,47 @@ 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 { G as Ke, t as me, u as k, p as ae, d as ke, b as P, i as j, g as Le, a as Ve, h as Ne, o as Xe } from "../hooks-BxkfR-Ff.mjs";
+import { G as Ke, t as me, u as k, p as ae, d as ke, b as P, i as B, g as Le, a as Ve, h as Ne, o as Xe } from "../hooks-HwStH7q_.mjs";
 import { C as E } from "../CurrencyText-oqd6cX3M.mjs";
-import { I as pe } from "../CashflowStore-CeAzChyD.mjs";
-import { C as Bn } from "../CashflowStore-CeAzChyD.mjs";
-import { u as ue } from "../useScreenSize-CUcpY7aJ.mjs";
-import { L as Z } from "../Loader-D3rjKx72.mjs";
+import { u as ue } from "../useScreenSize-CeFhWTt_.mjs";
+import { L as Z } from "../Loader-CxeBwuPG.mjs";
 import { b as H } from "../Localization-CkQ49EKr.mjs";
-import { M as Je } from "../MiniWidgetContainer-Bhkv-hpz.mjs";
+import { I as pe } from "../CashflowStore-BEi92kJg.mjs";
+import { C as $n } from "../CashflowStore-BEi92kJg.mjs";
+import { u as Oe } from "../useWidgetLoadTimer-wkBTL5xx.mjs";
+import { M as Je } from "../MiniWidgetContainer-CmTGSUL5.mjs";
 import { E as Qe } from "../EmptyState-DHAkGsjk.mjs";
-import { u as Oe } from "../useWidgetLoadTimer-DgN1bTyu.mjs";
-import { R as Ze } from "../RecurringSettings-CZKeZC4m.mjs";
+import { R as Ze } from "../RecurringSettings-CIpZL4CX.mjs";
 import et 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-qpACFl6i.mjs";
+import { A as tt } from "../AccountListItem-D80egD01.mjs";
 import { f as U, D as Y } from "../DateFormats-CaOj_4eI.mjs";
 import nt from "@mui/material/ListSubheader";
 import { f as J } from "../NumberFormatting-CyrvFgfd.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 Ce } from "date-fns/addDays";
+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 _e } from "../TabContentContainer-j01JYR_7.mjs";
+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-DwSE_a8L.mjs";
-import { D as He } from "../Drawer-Bbe4AMB1.mjs";
+import { M as rt, S as st, i as ct, b as we, c as lt } from "../ManageIncome-CrHDAku7.mjs";
+import { D as He } from "../Drawer-XPaLYjiO.mjs";
 import { subDays as We } from "date-fns/subDays";
 import { endOfToday as dt } from "date-fns/endOfToday";
-import { W as mt } from "../WidgetContainer-Bc75FqK7.mjs";
+import { W as mt } from "../WidgetContainer-CCR7I0gu.mjs";
+import { A as X } from "../Account-CMjOp7S2.mjs";
 import { A as Se } from "../Analytics-0Xm_BjHU.mjs";
-import { A as X } from "../Account-BiB1F8lL.mjs";
-import { formatISO as pt } from "date-fns/formatISO";
+import { formatISO as ut } from "date-fns/formatISO";
 import { fromUnixTime as De } from "date-fns/fromUnixTime";
-import { startOfMonth as ut } from "date-fns/startOfMonth";
-import { S as ht, a as ft } from "../EmbeddedCard-j7IGx3s1.mjs";
-import { c as Ie } from "../RecurringTransactions-kzlU8OFY.mjs";
-import { h as gt } from "../DateUtil-C57sqxn4.mjs";
+import { startOfMonth as pt } from "date-fns/startOfMonth";
+import { S as ht, a as ft } from "../EmbeddedCard-BCcn_fK2.mjs";
+import { c as Ie } from "../RecurringTransactions-DCt94TN4.mjs";
+import { i as gt } from "../DateUtil-D0TO0DaZ.mjs";
 import { F as bt, b as ve } from "../RepeatingTransaction-D2gmBTd0.mjs";
 const q = () => {
   if (!h.useContext(Ke))
@@ -56,7 +56,7 @@ const q = () => {
   return me().uiStore;
 }, xt = ({ remaining: i }) => {
   const { cashflow: o } = k();
-  return /* @__PURE__ */ n($, { children: [
+  return /* @__PURE__ */ n(j, { children: [
     /* @__PURE__ */ e(
       I,
       {
@@ -72,32 +72,32 @@ 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: p } = P(), { cashflow: c } = k(), {
+  const i = ie(), { availableWidth: o } = ae(), { isMobile: t } = ue(), { visibleCashAccounts: r, visibleCashBalance: f } = ke(), { selectedAccountGuids: u } = P(), { cashflow: c } = k(), {
     daysUntilNextIncome: l,
     expensesTilNextIncome: b,
     selectedCashAccounts: a,
     setNextIncome: g,
     setSelectedCashAccounts: d,
     setUpcomingExpenses: x
-  } = q(), { isDataLoaded: _, nextIncomeRecurrence: w, upcomingExpenses: R } = j();
+  } = q(), { isDataLoaded: C, nextIncomeRecurrence: w, upcomingExpenses: R } = B();
   h.useEffect(() => {
     d(
-      r.filter((C) => p.includes(C.guid))
+      r.filter((_) => u.includes(_.guid))
     );
-  }, [r, p]), h.useEffect(() => {
+  }, [r, u]), h.useEffect(() => {
     w && g(w), x(R);
   }, [w, R]);
   const D = h.useMemo(
-    () => r.filter((C) => p.includes(C.guid)).reduce((C, S) => C + (S?.balance || 0), 0),
-    [p, R]
+    () => r.filter((_) => u.includes(_.guid)).reduce((_, S) => _ + (S?.balance || 0), 0),
+    [u, R]
   ), L = h.useMemo(
-    () => b.filter((C) => p.includes(C.accountGuid || "")).reduce((C, S) => C + S.amount, 0),
-    [p, b]
-  ), u = h.useMemo(
+    () => b.filter((_) => u.includes(_.accountGuid || "")).reduce((_, S) => _ + S.amount, 0),
+    [u, b]
+  ), p = h.useMemo(
     () => D - L,
     [D, L]
   );
-  return _ ? /* @__PURE__ */ e(I, { className: "mx-cashflow", pl: 16, pr: 16, pt: 16, children: o > 710 ? /* @__PURE__ */ n(
+  return C ? /* @__PURE__ */ e(I, { className: "mx-cashflow", pl: 16, pr: 16, pt: 16, children: o > 710 ? /* @__PURE__ */ n(
     s,
     {
       border: `1px solid ${i.palette.divider}`,
@@ -120,13 +120,13 @@ const q = () => {
         ] }),
         /* @__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: u, variant: "h2" }),
+          /* @__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(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($, { children: [
+        /* @__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 })
         ] }) })
@@ -157,7 +157,7 @@ const q = () => {
         justifyContent: "space-between",
         px: 16,
         sx: { borderBottomLeftRadius: 4, borderBottomRightRadius: 4 },
-        children: /* @__PURE__ */ e(he, { remaining: u })
+        children: /* @__PURE__ */ e(he, { remaining: p })
       }
     ),
     /* @__PURE__ */ e(v, {}),
@@ -166,14 +166,14 @@ const q = () => {
       /* @__PURE__ */ e(m, { bold: !0, variant: "caption", children: H(c.days, l) })
     ] })
   ] }) }) : /* @__PURE__ */ e(Z, { height: t ? 210 : 120 });
-}, Ct = A(yt), _t = ({
+}, _t = A(yt), Ct = ({
   onPrimaryCtaClick: i,
   onSecondaryCtaClick: o,
   sx: t = {}
 }) => {
-  const { cashflow: r } = k(), { isInitialized: f } = P(), { loadRepeatingTransactionData: p, income: c, isDataLoaded: l, setDateRange: b } = j();
+  const { cashflow: r } = k(), { isInitialized: f } = P(), { loadRepeatingTransactionData: u, income: c, isDataLoaded: l, setDateRange: b } = B();
   h.useEffect(() => {
-    b({ start: F(), end: Ye(F(), 1) }), l || p().finally();
+    b({ start: F(), end: Ye(F(), 1) }), l || u().finally();
   }, []), Oe({
     widgetName: "CashflowMiniWidget",
     isLoaded: l
@@ -201,11 +201,11 @@ const q = () => {
             primaryButtonStartIcon: "add",
             subText: r.create_description
           }
-        ) : /* @__PURE__ */ e(Ct, {}))
+        ) : /* @__PURE__ */ e(_t, {}))
       ]
     }
   ) : /* @__PURE__ */ e(Z, {});
-}, Hn = A(_t), wt = ({ remaining: i }) => /* @__PURE__ */ e(
+}, Hn = A(Ct), wt = ({ remaining: i }) => /* @__PURE__ */ e(
   ee,
   {
     sx: {
@@ -222,7 +222,7 @@ const q = () => {
   }
 );
 var te = /* @__PURE__ */ ((i) => (i.EXPENSE = "expense", i.INCOME = "income", i))(te || {});
-const St = ({ recurrence: i }) => /* @__PURE__ */ n($, { children: [
+const St = ({ recurrence: i }) => /* @__PURE__ */ n(j, { children: [
   /* @__PURE__ */ n(ee, { sx: { display: "flex", alignItems: "center", gap: 16, px: 24, py: 12 }, children: [
     /* @__PURE__ */ n(s, { alignItems: "center", height: 32, width: 32, children: [
       /* @__PURE__ */ e(m, { bold: !0, sx: { fontSize: 11 }, children: U(i.expectedDate, Y.MONTH) }),
@@ -241,7 +241,7 @@ const St = ({ recurrence: i }) => /* @__PURE__ */ n($, { children: [
   /* @__PURE__ */ e(v, {})
 ] }), Te = A(St), Dt = ({ total: i, type: o }) => {
   const { cashflow: t } = k();
-  return /* @__PURE__ */ n($, { children: [
+  return /* @__PURE__ */ n(j, { children: [
     /* @__PURE__ */ n(
       nt,
       {
@@ -266,7 +266,7 @@ const St = ({ recurrence: i }) => /* @__PURE__ */ n($, { 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 } = j(), { dateRange: f, selectedCashAccounts: p } = q();
+  const { availableWidth: i } = ae(), { cashflow: o } = k(), { 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 }),
@@ -277,7 +277,7 @@ const St = ({ recurrence: i }) => /* @__PURE__ */ n($, { children: [
         U(f.end, Y.FULL_MONTH_DAY)
       ] })
     ] }),
-    /* @__PURE__ */ e(s, { children: p.map((c) => {
+    /* @__PURE__ */ e(s, { children: u.map((c) => {
       const l = r.filter(oe(c, f)).sort((d, x) => le(d.expectedDate) - le(x.expectedDate)), b = t.filter(
         oe(c, f)
       ), a = l.reduce(
@@ -338,13 +338,13 @@ const St = ({ recurrence: i }) => /* @__PURE__ */ n($, { children: [
     }) })
   ] });
 }, vt = A(It), Tt = () => {
-  const { availableWidth: i } = ae(), o = ie(), { cashflow: t } = k(), { upcomingExpenses: r, upcomingIncome: f } = j(), { dateRange: p, selectedCashAccounts: c } = q(), l = [
+  const { availableWidth: i } = ae(), o = ie(), { cashflow: t } = k(), { upcomingExpenses: r, upcomingIncome: f } = B(), { dateRange: u, selectedCashAccounts: c } = q(), l = [
     {
       field: "account",
       flex: 1.5,
       headerName: t.accounts,
       renderCell: ({ value: { name: a, nickname: g, institution_guid: d, account_number: x } }) => {
-        const _ = g || a;
+        const C = g || a;
         return /* @__PURE__ */ n(s, { alignItems: "center", flexDirection: "row", gap: 12, children: [
           /* @__PURE__ */ e(
             xe,
@@ -354,7 +354,7 @@ const St = ({ recurrence: i }) => /* @__PURE__ */ n($, { children: [
               size: 16
             }
           ),
-          /* @__PURE__ */ e(m, { variant: "body2", children: `${_} ${x ? `*${x}` : ""}` })
+          /* @__PURE__ */ e(m, { variant: "body2", children: `${C} ${x ? `*${x}` : ""}` })
         ] });
       }
     },
@@ -398,10 +398,10 @@ const St = ({ recurrence: i }) => /* @__PURE__ */ n($, { children: [
     }
   ], b = h.useMemo(() => c.map((a) => {
     const g = r.filter(
-      oe(a, { start: F(), end: Ce(F(), 30) })
-    ).reduce((_, w) => _ + w.amount, 0), d = f.filter(
-      oe(a, { start: F(), end: Ce(F(), 30) })
-    ).reduce((_, w) => _ + w.amount, 0), x = (a.balance || 0) + d - g;
+      oe(a, { start: F(), end: _e(F(), 30) })
+    ).reduce((C, w) => C + w.amount, 0), d = f.filter(
+      oe(a, { start: F(), end: _e(F(), 30) })
+    ).reduce((C, w) => C + w.amount, 0), x = (a.balance || 0) + d - g;
     return {
       account: a,
       balance: a.balance || 0,
@@ -446,10 +446,10 @@ const St = ({ recurrence: i }) => /* @__PURE__ */ n($, { children: [
                 )
               ] }),
               /* @__PURE__ */ n(m, { bold: !0, sx: { fontSize: 15, whiteSpace: "normal" }, children: [
-                U(p.start, Y.FULL_MONTH_DAY),
+                U(u.start, Y.FULL_MONTH_DAY),
                 " -",
                 " ",
-                U(p.end, Y.FULL_MONTH_DAY)
+                U(u.end, Y.FULL_MONTH_DAY)
               ] })
             ]
           }
@@ -485,7 +485,7 @@ const St = ({ recurrence: i }) => /* @__PURE__ */ n($, { children: [
             }
           }
         ) : b.map((a) => {
-          const { name: g, nickname: d, institution_guid: x, account_number: _ } = a.account, w = d || g;
+          const { name: g, nickname: d, institution_guid: x, account_number: C } = a.account, w = d || g;
           return /* @__PURE__ */ e(
             Q,
             {
@@ -514,7 +514,7 @@ const St = ({ recurrence: i }) => /* @__PURE__ */ n($, { children: [
                             size: 16
                           }
                         ),
-                        /* @__PURE__ */ e(m, { variant: "body2", children: `${w} ${_ ? `*${_}` : ""}` })
+                        /* @__PURE__ */ e(m, { variant: "body2", children: `${w} ${C ? `*${C}` : ""}` })
                       ] }),
                       /* @__PURE__ */ e(E, { amount: a.balance, bold: !0, variant: "body2" })
                     ]
@@ -574,7 +574,7 @@ const St = ({ recurrence: i }) => /* @__PURE__ */ n($, { children: [
     }
   );
 }, At = A(Tt), Rt = () => {
-  const { cashflow: i } = k(), { isDesktop: o } = ue(), { onEvent: t } = Le(), [r, f] = h.useState(0), p = (c, l) => {
+  const { cashflow: i } = k(), { isDesktop: o } = ue(), { onEvent: t } = Le(), [r, f] = h.useState(0), u = (c, l) => {
     f(l);
   };
   return h.useEffect(() => {
@@ -585,7 +585,7 @@ const St = ({ recurrence: i }) => /* @__PURE__ */ n($, { children: [
       {
         "aria-label": i.cashflow_summary_and_details,
         centered: !0,
-        onChange: p,
+        onChange: u,
         textColor: "primary",
         value: r,
         variant: "fullWidth",
@@ -616,8 +616,8 @@ const St = ({ recurrence: i }) => /* @__PURE__ */ n($, { children: [
       }
     ),
     /* @__PURE__ */ e(I, { sx: { mb: 32 } }),
-    /* @__PURE__ */ e(_e, { index: 0, name: "cashflow", value: r, children: /* @__PURE__ */ e(I, { sx: { m: o ? 48 : 16 }, children: /* @__PURE__ */ e(At, {}) }) }),
-    /* @__PURE__ */ e(_e, { index: 1, name: "cashflow", value: r, children: /* @__PURE__ */ e(I, { sx: { m: o ? 48 : 16 }, children: /* @__PURE__ */ e(vt, {}) }) })
+    /* @__PURE__ */ e(Ce, { index: 0, name: "cashflow", value: r, children: /* @__PURE__ */ e(I, { sx: { m: o ? 48 : 16 }, children: /* @__PURE__ */ e(At, {}) }) }),
+    /* @__PURE__ */ e(Ce, { index: 1, name: "cashflow", value: r, children: /* @__PURE__ */ e(I, { sx: { m: o ? 48 : 16 }, children: /* @__PURE__ */ e(vt, {}) }) })
   ] });
 }, Et = A(Rt), ne = ({
   amount: i,
@@ -625,7 +625,7 @@ const St = ({ recurrence: i }) => /* @__PURE__ */ n($, { children: [
   isTotal: t = !1,
   label: r,
   symbol: f,
-  tooltip: p
+  tooltip: u
 }) => /* @__PURE__ */ n(
   s,
   {
@@ -638,51 +638,51 @@ const St = ({ recurrence: i }) => /* @__PURE__ */ n($, { children: [
       !o && /* @__PURE__ */ e(E, { amount: i, component: "h2", variant: "h2" }),
       /* @__PURE__ */ n(s, { alignItems: "center", component: "span", direction: "row", gap: 8, mt: 2, children: [
         /* @__PURE__ */ e(m, { bold: t, variant: "body2", children: r }),
-        p
+        u
       ] }),
       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: p } = j(), { selectedAccountGuids: c } = P(), { dateRange: l, selectedCashAccounts: b } = q(), [a, g] = h.useState(!1), d = h.useMemo(
+  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(
     () => f.filter(Re(c, l)),
     [l, c, f]
   ), x = h.useMemo(
-    () => p.filter(Re(c, l)),
-    [l, c, p]
-  ), _ = h.useMemo(
-    () => b.reduce((C, S) => C + (S?.balance || 0), 0),
+    () => u.filter(Re(c, l)),
+    [l, c, u]
+  ), C = h.useMemo(
+    () => b.reduce((_, S) => _ + (S?.balance || 0), 0),
     [b]
-  ), w = d.reduce((C, S) => C + S.amount, 0), R = x.reduce((C, S) => C + S.amount, 0), D = _ - w + R, L = r && t.length > 0, u = i < 725;
-  return /* @__PURE__ */ n(s, { sx: { mx: u ? 16 : 0, my: u ? 24 : 42 }, children: [
+  ), 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;
+  return /* @__PURE__ */ n(s, { sx: { mx: p ? 16 : 0, my: p ? 24 : 42 }, children: [
     /* @__PURE__ */ n(
       s,
       {
-        border: u ? "1px solid" : "none",
+        border: p ? "1px solid" : "none",
         borderColor: "neutral.light",
         borderRadius: 2,
-        flexDirection: u ? "column" : "row",
-        gap: u ? 0 : 24,
+        flexDirection: p ? "column" : "row",
+        gap: p ? 0 : 24,
         justifyContent: "center",
         children: [
           /* @__PURE__ */ e(
             ne,
             {
-              amount: _,
-              isMobile: u,
+              amount: C,
+              isMobile: p,
               label: H(o.cash_and_bank, b.length)
             }
           ),
-          u && /* @__PURE__ */ e(v, {}),
-          L ? /* @__PURE__ */ n($, { children: [
-            !u && /* @__PURE__ */ e(m, { sx: { fontSize: 25, lineHeight: 1 }, children: "+" }),
+          p && /* @__PURE__ */ e(v, {}),
+          L ? /* @__PURE__ */ n(j, { children: [
+            !p && /* @__PURE__ */ e(m, { sx: { fontSize: 25, lineHeight: 1 }, children: "+" }),
             /* @__PURE__ */ e(
               ne,
               {
                 amount: R,
-                isMobile: u,
+                isMobile: p,
                 label: o.to_be_received,
-                symbol: u ? "+" : void 0
+                symbol: p ? "+" : void 0
               }
             )
           ] }) : /* @__PURE__ */ e(
@@ -694,23 +694,23 @@ const St = ({ recurrence: i }) => /* @__PURE__ */ n($, { children: [
               children: o.add_income
             }
           ),
-          u ? /* @__PURE__ */ e(v, {}) : /* @__PURE__ */ e(m, { sx: { fontSize: 25, lineHeight: 1 }, children: "-" }),
+          p ? /* @__PURE__ */ e(v, {}) : /* @__PURE__ */ e(m, { sx: { fontSize: 25, lineHeight: 1 }, children: "-" }),
           /* @__PURE__ */ e(
             ne,
             {
               amount: w,
-              isMobile: u,
+              isMobile: p,
               label: H(o.to_be_paid_out, d.length),
-              symbol: u ? "-" : void 0
+              symbol: p ? "-" : void 0
             }
           ),
-          u ? /* @__PURE__ */ e(v, {}) : /* @__PURE__ */ e(m, { sx: { fontSize: 25, lineHeight: 1 }, children: "=" }),
+          p ? /* @__PURE__ */ e(v, {}) : /* @__PURE__ */ e(m, { sx: { fontSize: 25, lineHeight: 1 }, children: "=" }),
           /* @__PURE__ */ e(
             ne,
             {
               amount: D,
-              isMobile: u,
-              isTotal: u,
+              isMobile: p,
+              isTotal: p,
               label: o.remaining_cash,
               tooltip: /* @__PURE__ */ e(
                 pe,
@@ -737,21 +737,21 @@ const St = ({ recurrence: i }) => /* @__PURE__ */ n($, { children: [
     )
   ] });
 }, Lt = A(kt), Nt = ({ onBackClick: i, onMenuClick: o, sx: t = {} }) => {
-  const { selectedAccounts: r, selectedAccountGuids: f, shouldDisableNextDate: p, shouldDisablePrevDate: c } = P(), { onEvent: l } = Le(), { clientConfig: b } = Ve(), { visibleCashAccounts: a } = ke(), { setFilter: g } = Ne(), { dateRange: d, setSelectedCashAccounts: x } = q(), { loadRepeatingTransactionData: _, isDataLoaded: w, setDateRange: R } = j(), { cashflow: D, recurring: L } = k(), { isInitialized: u } = P(), S = b?.master?.deep_link_params?.view === "manage_income", [re, K] = h.useState(S);
+  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);
   return h.useEffect(() => {
-    R(d), w || _().finally();
+    R(d), w || C().finally();
   }, []), h.useEffect(() => {
-    const se = a.map((G) => G.guid), B = r.filter(
+    const se = a.map((G) => G.guid), $ = r.filter(
       (G) => f.includes(G.guid) && se.includes(G.guid)
     );
-    x(B), g({
+    x($), g({
       dateRange: { start: We(F(), 90), end: dt() },
-      accounts: B.map((G) => G.guid)
+      accounts: $.map((G) => G.guid)
     });
   }, [a, r]), Oe({
     widgetName: "CashflowWidget",
     isLoaded: w
-  }), u ? /* @__PURE__ */ n(
+  }), p ? /* @__PURE__ */ n(
     mt,
     {
       actions: [
@@ -771,7 +771,7 @@ const St = ({ recurrence: i }) => /* @__PURE__ */ n($, { children: [
         X.CHECKING_LINE_OF_CREDIT
       ],
       calendarActions: {
-        shouldDisableNext: p,
+        shouldDisableNext: u,
         shouldDisablePrevious: c,
         shouldDisablePicker: !0,
         onRangeChanged: () => {
@@ -889,18 +889,18 @@ const St = ({ recurrence: i }) => /* @__PURE__ */ n($, { children: [
     transform: rotate(360deg);
   }
 `, Wt = () => {
-  const { addRepeatingTransaction: i, repeatingTransactions: o } = j(), { cashflow: t, common: r } = k(), { user: f } = Xe(), { completeOnboarding: p } = me(), { isDirty: c } = q(), { isMobile: l } = ue(), { isCopyLoaded: b, setDisplayedDate: a } = P(), { filter: g, setFilter: d, transactions: x } = Ne(), _ = ie(), [w, R] = V(!0), [D, L] = h.useState(bt.EveryMonth), [u, C] = h.useState(1), [S, re] = h.useState(15), [K, se] = V(!1), [B, G] = V(1), [O, $e] = V([]), [fe, ce] = V(""), M = h.useMemo(
+  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(bt.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]
-  ), je = !!o.filter(
+  ), Be = !!o.filter(
     (y) => y.repeating_transaction_type === ve.Income
   ).length, ge = async () => {
     G(2), a(
       //  Beginning of the month, 90 days before today
-      ut(We(F(), 90)),
+      pt(We(F(), 90)),
       F()
     ), d({ ...g, custom: we }), G(3);
-  }, Be = async () => {
+  }, $e = async () => {
     if (!(O.length < 1)) {
       se(!0);
       for (let y = 0; y < O.length; y++) {
@@ -911,7 +911,7 @@ const St = ({ recurrence: i }) => /* @__PURE__ */ n($, { children: [
           //user
           merchant_guid: T.merchant_guid,
           description: T.feed_description || T.description,
-          predicted_occurs_on: pt(be, { representation: "date" }),
+          predicted_occurs_on: ut(be, { representation: "date" }),
           recurrence_day: be.getDay(),
           recurrence_type: D,
           repeating_transaction_type: ve.Income,
@@ -921,7 +921,7 @@ const St = ({ recurrence: i }) => /* @__PURE__ */ n($, { children: [
         };
         await i(Ue, T);
       }
-      await p();
+      await u();
     }
   }, Pe = !M && w || !M && O.length < 1;
   return b ? /* @__PURE__ */ n(
@@ -930,7 +930,7 @@ const St = ({ recurrence: i }) => /* @__PURE__ */ n($, { children: [
       sx: {
         display: "flex",
         alignItems: l ? "flex-start" : "center",
-        backgroundColor: _.palette.background.paper,
+        backgroundColor: C.palette.background.paper,
         backgroundImage: l ? null : `url(${ze.CASHFLOW_ONBOARDING})`,
         backgroundRepeat: "no-repeat",
         backgroundPosition: "left 100px",
@@ -938,7 +938,7 @@ const St = ({ recurrence: i }) => /* @__PURE__ */ n($, { children: [
         py: 24
       },
       children: [
-        B === 1 && /* @__PURE__ */ e(
+        $ === 1 && /* @__PURE__ */ e(
           I,
           {
             sx: {
@@ -947,7 +947,7 @@ const St = ({ recurrence: i }) => /* @__PURE__ */ n($, { children: [
             children: /* @__PURE__ */ e(Gt, { handleNextStep: ge })
           }
         ),
-        B === 2 && /* @__PURE__ */ e(
+        $ === 2 && /* @__PURE__ */ e(
           I,
           {
             sx: {
@@ -956,7 +956,7 @@ const St = ({ recurrence: i }) => /* @__PURE__ */ n($, { children: [
             children: /* @__PURE__ */ e(Ft, {})
           }
         ),
-        B === 3 && /* @__PURE__ */ n(
+        $ === 3 && /* @__PURE__ */ n(
           I,
           {
             sx: {
@@ -965,7 +965,7 @@ const St = ({ recurrence: i }) => /* @__PURE__ */ n($, { children: [
             children: [
               /* @__PURE__ */ e(de, { pb: 12, variant: "h1", children: t.add_income_title }),
               /* @__PURE__ */ e(N, { mb: 24, children: t.add_income_description }),
-              O.length > 0 && !M && /* @__PURE__ */ n($, { children: [
+              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: gt(
                     le(y.nextDate || y.date)
@@ -998,15 +998,15 @@ const St = ({ recurrence: i }) => /* @__PURE__ */ n($, { children: [
                   }
                 }
               ),
-              !je && c && /* @__PURE__ */ e(N, { color: "error", mt: 16, children: t.confirm_error }),
-              M && /* @__PURE__ */ n($, { children: [
+              !Be && c && /* @__PURE__ */ e(N, { color: "error", mt: 16, children: t.confirm_error }),
+              M && /* @__PURE__ */ n(j, { children: [
                 /* @__PURE__ */ e(
                   lt,
                   {
                     bgcolor: "background.paper",
-                    firstDay: u,
+                    firstDay: p,
                     frequency: D,
-                    onFirstDayChange: C,
+                    onFirstDayChange: _,
                     onFrequencyChange: L,
                     onSecondDayChange: re,
                     secondDay: S,
@@ -1024,7 +1024,7 @@ const St = ({ recurrence: i }) => /* @__PURE__ */ n($, { children: [
                           ...M,
                           nextDate: Ie(D, De(M.date)),
                           frequency: D
-                        }), $e(y), ce("");
+                        }), je(y), ce("");
                       },
                       variant: "contained",
                       children: r.confirm_button
@@ -1047,7 +1047,7 @@ const St = ({ recurrence: i }) => /* @__PURE__ */ n($, { children: [
                   W,
                   {
                     "aria-disabled": O.length < 1 || K,
-                    onClick: Be,
+                    onClick: $e,
                     startIcon: K ? /* @__PURE__ */ e(
                       z,
                       {
@@ -1061,7 +1061,7 @@ const St = ({ recurrence: i }) => /* @__PURE__ */ n($, { children: [
                     children: t.confirm_income_button
                   }
                 ),
-                /* @__PURE__ */ e(W, { onClick: p, variant: "outlined", children: t.skip_button })
+                /* @__PURE__ */ e(W, { onClick: u, variant: "outlined", children: t.skip_button })
               ] })
             ]
           }
@@ -1073,6 +1073,6 @@ const St = ({ recurrence: i }) => /* @__PURE__ */ n($, { children: [
 export {
   Hn as CashflowMiniWidget,
   zn as CashflowOnboarding,
-  Bn as CashflowStore,
+  $n as CashflowStore,
   Wn as CashflowWidget
 };

package/dist/categories/index.es.js

@@ -1,5 +1,5 @@
-import { b as o, C as a, a as t, u as C } from "../CategorySelectorDrawer-BG04ByUx.mjs";
-import { C as g } from "../CategoryStore-Bp1kO9Z-.mjs";
+import { C as o, a, b as t, u as C } from "../CategorySelectorDrawer-DjeHNx71.mjs";
+import { C as g } from "../CategoryStore-CA4NTaKH.mjs";
 export {
   o as CategoryRow,
   a as CategorySelector,

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

@@ -8,6 +8,7 @@ export declare const useWidgetHeaderStyles: (availableWidth?: number) => {
     iconSize: number;
     isCompact: boolean;
     isDesktop: boolean;
+    isViewportAbove900: boolean;
     slotSx: {
         px?: number | undefined;
         '& .mx-cmn-date-range-selector'?: {