@mx-cartographer/experiences 7.0.60 → 7.0.62

package/CHANGELOG.md

@@ -1,3 +1,11 @@
+## [7.0.62] - 10-28-2025
+
+- **UPDATED** - Cash flow widget copy
+
+## [7.0.61] - 10-28-2025
+
+- **UPDATED** - Empty State styling to account for mini widgets
+
 ## [7.0.60] - 10-27-2025
 
 - **ADDED** - `show_back_button` param to app config

package/dist/EmptyState-DA_lfRBv.mjs

@@ -0,0 +1,83 @@
+import { jsxs as o, jsx as t } from "react/jsx-runtime";
+import i from "@mui/material/Button";
+import x from "@mui/material/Stack";
+import { Icon as c } from "@mxenabled/mx-icons";
+import { Text as p } from "@mxenabled/mxui";
+const j = ({
+  icon: s,
+  iconColor: l,
+  header: m,
+  onClick: n,
+  primaryButton: e,
+  primaryButtonStartIcon: a,
+  secondaryButton: r,
+  subText: d,
+  sx: h,
+  variant: f = "buttons"
+}) => /* @__PURE__ */ o(
+  x,
+  {
+    sx: {
+      alignItems: "center",
+      alignSelf: "center",
+      maxWidth: "100%",
+      p: "12px 16px 24px 16px",
+      ...h
+    },
+    children: [
+      /* @__PURE__ */ t(c, { name: s, size: 48, sx: { color: l } }),
+      /* @__PURE__ */ t(
+        p,
+        {
+          color: "text.primary",
+          sx: { fontWeight: 600, mt: 16, textAlign: "center", textWrap: "wrap" },
+          variant: "body1",
+          children: m
+        }
+      ),
+      /* @__PURE__ */ t(
+        p,
+        {
+          color: "text.secondary",
+          sx: { fontWeight: 400, textAlign: "center", textWrap: "wrap", width: "calc(100% - 8px)" },
+          variant: "subtitle2",
+          children: d
+        }
+      ),
+      f === "buttons" && (e || r) && /* @__PURE__ */ o(
+        x,
+        {
+          className: "buttons-footer",
+          sx: {
+            gap: 12,
+            mt: 32
+          },
+          children: [
+            e && /* @__PURE__ */ t(
+              i,
+              {
+                onClick: () => n?.("primary"),
+                startIcon: a ? /* @__PURE__ */ t(c, { name: a }) : void 0,
+                sx: { textWrap: "nowrap" },
+                variant: "contained",
+                children: e
+              }
+            ),
+            r && /* @__PURE__ */ t(
+              i,
+              {
+                onClick: () => n?.("secondary"),
+                sx: { textWrap: "nowrap" },
+                variant: "text",
+                children: r
+              }
+            )
+          ]
+        }
+      )
+    ]
+  }
+);
+export {
+  j as E
+};

package/dist/budgets/index.es.js

@@ -26,7 +26,7 @@ import * as O from "d3";
 import Xe from "@mui/material/Tooltip";
 import { u as se } from "../useScreenSize-B6JyS_Lj.mjs";
 import { L as G } from "../Loader-DUaFpDGv.mjs";
-import { E as de } from "../EmptyState-DsXpMcro.mjs";
+import { E as de } from "../EmptyState-DA_lfRBv.mjs";
 import { A as L, W as Ke } from "../WidgetContainer-B8MRJ5Y1.mjs";
 import { u as Ve } from "../BudgetUtil-2EncZLBQ.mjs";
 import { M as Ye } from "../MiniWidgetContainer-DTQdRK-3.mjs";

package/dist/cashflow/index.es.js

@@ -1,4 +1,4 @@
-import { jsxs as o, Fragment as U, jsx as e } from "react/jsx-runtime";
+import { jsxs as o, Fragment as P, jsx as e } from "react/jsx-runtime";
 import f, { useState as K } from "react";
 import { observer as T } from "mobx-react-lite";
 import { addMonths as qe } from "date-fns/addMonths";
@@ -7,20 +7,20 @@ import I from "@mui/material/Box";
 import D from "@mui/material/Divider";
 import s from "@mui/material/Stack";
 import ie from "@mui/material/styles/useTheme";
-import { Text as u, P as N, Icon as G, InstitutionLogo as be, H1 as ce, H2 as Xe } from "@mxenabled/mxui";
-import { G as Ye, t as le, u as L, p as re, d as Le, b as X, j as P, g as Ne, o as Oe, h as ke } from "../hooks-CE2TKk4a.mjs";
+import { Text as u, P as N, Icon as j, InstitutionLogo as be, H1 as ce, H2 as Xe } from "@mxenabled/mxui";
+import { G as Ye, t as le, u as L, p as re, d as Le, b as X, j as q, g as Ne, o as Oe, h as ke } from "../hooks-CE2TKk4a.mjs";
 import { C as R } from "../CurrencyText-YUhH2caW.mjs";
 import { u as de } from "../useScreenSize-B6JyS_Lj.mjs";
 import { L as ee } from "../Loader-DUaFpDGv.mjs";
 import { I as me } from "../CashflowStore-D9Dpuz7X.mjs";
 import { C as Mn } from "../CashflowStore-D9Dpuz7X.mjs";
-import { b as q } from "../Localization-2MODESHW.mjs";
+import { b as M } from "../Localization-2MODESHW.mjs";
 import { M as Qe } from "../MiniWidgetContainer-DTQdRK-3.mjs";
-import { E as Ve } from "../EmptyState-DsXpMcro.mjs";
+import { E as Ve } from "../EmptyState-DA_lfRBv.mjs";
 import { R as Ke } from "../RecurringSettings-B486z99o.mjs";
 import Je from "@mui/material/Tabs";
 import xe from "@mui/material/Tab";
-import { getUnixTime as B } from "date-fns/getUnixTime";
+import { getUnixTime as U } from "date-fns/getUnixTime";
 import Z from "@mui/material/List";
 import te from "@mui/material/ListItem";
 import { A as Ze } from "../AccountListItem-BAdwVscV.mjs";
@@ -34,7 +34,7 @@ import { addDays as ye } from "date-fns/addDays";
 import { alpha as tt, keyframes as nt } from "@mui/material/styles";
 import { DataGridPro as ot } from "@mui/x-data-grid-pro";
 import { T as Ce } from "../TabContentContainer-j01JYR_7.mjs";
-import M from "@mui/material/Button";
+import G from "@mui/material/Button";
 import { M as at, S as it, i as rt, d as Se, c as st } from "../ManageIncome-BX7dzGF8.mjs";
 import { D as $e } from "../Drawer-kEE73B87.mjs";
 import { formatISO as ct } from "date-fns/formatISO";
@@ -46,14 +46,14 @@ import { F as ut, R as we, e as Ie } from "../RecurringTransactions-DTUx9VN1.mjs
 import { h as ht } from "../DateUtil-BcuH7ErC.mjs";
 import { endOfToday as pt } from "date-fns/endOfToday";
 import { W as De, A as ve } from "../WidgetContainer-B8MRJ5Y1.mjs";
-import { F as ft, A as z } from "../Fetch-87LIQbEA.mjs";
+import { F as ft, A as B } from "../Fetch-87LIQbEA.mjs";
 const V = () => {
   if (!f.useContext(Ye))
     throw new Error("useCashflowUiStore() must be used within the GlobalDataContext");
   return le().uiStore;
 }, gt = ({ remaining: a }) => {
   const { cashflow: n } = L();
-  return /* @__PURE__ */ o(U, { children: [
+  return /* @__PURE__ */ o(P, { children: [
     /* @__PURE__ */ e(
       I,
       {
@@ -76,7 +76,7 @@ const V = () => {
     setNextIncome: b,
     setSelectedCashAccounts: C,
     setUpcomingExpenses: S
-  } = V(), { isDataLoaded: v, nextIncomeRecurrence: p, upcomingExpenses: E } = P();
+  } = V(), { isDataLoaded: v, nextIncomeRecurrence: p, upcomingExpenses: E } = q();
   f.useEffect(() => {
     y(i);
   }, [i]), f.useEffect(() => {
@@ -92,7 +92,7 @@ const V = () => {
   ), W = f.useMemo(
     () => m.filter((w) => l.includes(w.accountGuid || "")).reduce((w, $) => w + $.amount, 0),
     [l, m]
-  ), j = f.useMemo(
+  ), z = f.useMemo(
     () => _ - W,
     [_, W]
   );
@@ -107,33 +107,33 @@ const V = () => {
       children: [
         /* @__PURE__ */ o(s, { pb: 14, pt: 12, children: [
           /* @__PURE__ */ e(R, { amount: _, variant: "H2" }),
-          /* @__PURE__ */ e(N, { variant: "XSmall", whiteSpace: "nowrap", children: q(
+          /* @__PURE__ */ e(N, { variant: "XSmall", whiteSpace: "nowrap", children: M(
             c.total_cash_accounts,
             d.length
           ) })
         ] }),
-        /* @__PURE__ */ e(s, { pt: 18, children: /* @__PURE__ */ e(G, { name: "remove" }) }),
+        /* @__PURE__ */ e(s, { pt: 18, children: /* @__PURE__ */ e(j, { name: "remove" }) }),
         /* @__PURE__ */ o(s, { pb: 14, pt: 12, children: [
           /* @__PURE__ */ e(R, { amount: W, variant: "H2" }),
-          /* @__PURE__ */ e(N, { variant: "XSmall", whiteSpace: "nowrap", children: q(c.expenses_due, m.length) })
+          /* @__PURE__ */ e(N, { variant: "XSmall", whiteSpace: "nowrap", children: M(c.expenses_due, m.length) })
         ] }),
-        /* @__PURE__ */ e(s, { pt: 18, children: /* @__PURE__ */ e(G, { name: "equal" }) }),
+        /* @__PURE__ */ e(s, { pt: 18, children: /* @__PURE__ */ e(j, { name: "equal" }) }),
         /* @__PURE__ */ o(s, { pb: 14, pr: 24, pt: 12, children: [
-          /* @__PURE__ */ e(R, { amount: j, variant: "H2" }),
+          /* @__PURE__ */ e(R, { amount: z, 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(me, { 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(U, { children: [
-          /* @__PURE__ */ e(u, { variant: "H2", children: q(c.days, r) }),
+        /* @__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__ */ o(s, { border: `1px solid ${a.palette.border.light}`, borderRadius: 1, children: [
     /* @__PURE__ */ o(s, { direction: "row", justifyContent: "space-between", p: 16, children: [
-      /* @__PURE__ */ e(u, { variant: "Small", children: q(
+      /* @__PURE__ */ e(u, { variant: "Small", children: M(
         c.total_cash_accounts,
         d.length
       ) }),
@@ -141,7 +141,7 @@ const V = () => {
     ] }),
     /* @__PURE__ */ e(D, {}),
     /* @__PURE__ */ o(s, { direction: "row", justifyContent: "space-between", p: 16, children: [
-      /* @__PURE__ */ e(u, { variant: "Small", children: q(c.expenses_due, m.length) }),
+      /* @__PURE__ */ e(u, { variant: "Small", children: M(c.expenses_due, m.length) }),
       /* @__PURE__ */ e(R, { amount: W, bold: !0, symbol: "-", variant: "XSmall" })
     ] }),
     /* @__PURE__ */ e(D, {}),
@@ -156,13 +156,13 @@ const V = () => {
         justifyContent: "space-between",
         px: 16,
         sx: { borderBottomLeftRadius: 4, borderBottomRightRadius: 4 },
-        children: /* @__PURE__ */ e(ue, { remaining: j })
+        children: /* @__PURE__ */ e(ue, { remaining: z })
       }
     ),
     /* @__PURE__ */ e(D, {}),
     /* @__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: q(c.days, r) })
+      /* @__PURE__ */ e(u, { bold: !0, variant: "XSmall", children: M(c.days, r) })
     ] })
   ] }) }) : /* @__PURE__ */ e(ee, { height: t ? 210 : 120 });
 }, xt = T(bt), yt = ({
@@ -170,7 +170,7 @@ const V = () => {
   onSecondaryCtaClick: n,
   sx: t = {}
 }) => {
-  const { cashflow: i } = L(), { isCopyLoaded: h, isInitialized: g } = X(), { loadRepeatingTransactions: l, income: y, isDataLoaded: c, setDateRange: r } = P();
+  const { cashflow: i } = L(), { isCopyLoaded: h, isInitialized: g } = X(), { loadRepeatingTransactions: l, income: y, isDataLoaded: c, setDateRange: r } = q();
   f.useEffect(() => {
     g && (r({ start: F(), end: qe(F(), 1) }), l().finally());
   }, [g]);
@@ -217,7 +217,7 @@ const V = () => {
   }
 );
 var ne = /* @__PURE__ */ ((a) => (a.EXPENSE = "expense", a.INCOME = "income", a))(ne || {});
-const St = ({ recurrence: a }) => /* @__PURE__ */ o(U, { children: [
+const St = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
   /* @__PURE__ */ o(te, { 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) }),
@@ -236,7 +236,7 @@ const St = ({ recurrence: a }) => /* @__PURE__ */ o(U, { children: [
   /* @__PURE__ */ e(D, {})
 ] }), Ee = T(St), _t = ({ total: a, type: n }) => {
   const { cashflow: t } = L();
-  return /* @__PURE__ */ o(U, { children: [
+  return /* @__PURE__ */ o(P, { children: [
     /* @__PURE__ */ o(
       et,
       {
@@ -261,7 +261,7 @@ const St = ({ recurrence: a }) => /* @__PURE__ */ o(U, { children: [
     /* @__PURE__ */ e(D, {})
   ] });
 }, Ae = T(_t), ae = (a, n) => (t) => t.accountGuid === a.guid && (We(t.expectedDate) || He(t.expectedDate, n.start)) && Fe(t.expectedDate, n.end), wt = () => {
-  const { availableWidth: a } = re(), { cashflow: n } = L(), { upcomingExpenses: t, upcomingIncome: i } = P(), { dateRange: h, selectedCashAccounts: g } = V();
+  const { availableWidth: a } = re(), { cashflow: n } = L(), { upcomingExpenses: t, upcomingIncome: i } = q(), { dateRange: h, selectedCashAccounts: g } = 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 }),
@@ -273,7 +273,7 @@ const St = ({ recurrence: a }) => /* @__PURE__ */ o(U, { children: [
       ] })
     ] }),
     /* @__PURE__ */ e(s, { children: g.map((l) => {
-      const y = i.filter(ae(l, h)).sort((d, b) => B(d.expectedDate) - B(b.expectedDate)), c = t.filter(
+      const y = i.filter(ae(l, h)).sort((d, b) => U(d.expectedDate) - U(b.expectedDate)), c = t.filter(
         ae(l, h)
       ), r = y.reduce(
         (d, b) => d + b.amount,
@@ -333,7 +333,7 @@ const St = ({ recurrence: a }) => /* @__PURE__ */ o(U, { children: [
     }) })
   ] });
 }, It = T(wt), Dt = () => {
-  const { availableWidth: a } = re(), n = ie(), { cashflow: t } = L(), { upcomingExpenses: i, upcomingIncome: h } = P(), { dateRange: g, selectedCashAccounts: l } = V(), y = [
+  const { availableWidth: a } = re(), n = ie(), { cashflow: t } = L(), { upcomingExpenses: i, upcomingIncome: h } = q(), { dateRange: g, selectedCashAccounts: l } = V(), y = [
     {
       field: "account",
       flex: 1.5,
@@ -639,7 +639,7 @@ const St = ({ recurrence: a }) => /* @__PURE__ */ o(U, { children: [
     ]
   }
 ), Te = (a, n) => (t) => t.accountGuid && a.includes(t.accountGuid) && (We(t.expectedDate) || He(t.expectedDate, n.start)) && Fe(t.expectedDate, n.end), Tt = () => {
-  const { availableWidth: a } = re(), { cashflow: n } = L(), { upcomingExpenses: t, upcomingIncome: i } = P(), { selectedAccountGuids: h } = X(), { dateRange: g, selectedCashAccounts: l } = V(), { userProfile: y } = Oe(), [c, r] = f.useState(!1), m = f.useMemo(
+  const { availableWidth: a } = re(), { cashflow: n } = L(), { upcomingExpenses: t, upcomingIncome: i } = q(), { selectedAccountGuids: h } = X(), { dateRange: g, selectedCashAccounts: l } = V(), { userProfile: y } = Oe(), [c, r] = f.useState(!1), m = f.useMemo(
     () => t.filter(Te(h, g)),
     [g, h, t]
   ), d = f.useMemo(
@@ -665,11 +665,11 @@ const St = ({ recurrence: a }) => /* @__PURE__ */ o(U, { children: [
             {
               amount: b,
               isMobile: p,
-              label: n.cash_and_bank
+              label: M(n.cash_and_bank, l.length)
             }
           ),
           p && /* @__PURE__ */ e(D, {}),
-          y?.has_completed_cash_flow_onboarding ? /* @__PURE__ */ o(U, { children: [
+          y?.has_completed_cash_flow_onboarding ? /* @__PURE__ */ o(P, { children: [
             !p && /* @__PURE__ */ e(u, { sx: { fontSize: 25, lineHeight: 1 }, children: "+" }),
             /* @__PURE__ */ e(
               oe,
@@ -681,10 +681,10 @@ const St = ({ recurrence: a }) => /* @__PURE__ */ o(U, { children: [
               }
             )
           ] }) : /* @__PURE__ */ e(
-            M,
+            G,
             {
               onClick: () => r(!0),
-              startIcon: /* @__PURE__ */ e(G, { name: "add" }),
+              startIcon: /* @__PURE__ */ e(j, { name: "add" }),
               sx: { fontSize: 13 },
               children: n.add_income
             }
@@ -695,7 +695,7 @@ const St = ({ recurrence: a }) => /* @__PURE__ */ o(U, { children: [
             {
               amount: C,
               isMobile: p,
-              label: n.to_be_paid_out,
+              label: M(n.to_be_paid_out, m.length),
               symbol: p ? "-" : void 0
             }
           ),
@@ -758,7 +758,7 @@ const St = ({ recurrence: a }) => /* @__PURE__ */ o(U, { children: [
             mr: 24,
             sx: { display: "flex", alignItems: "center", justifyContent: "center", flexShrink: 0 },
             width: 44,
-            children: /* @__PURE__ */ e(G, { color: "primary", name: "currency_exchange" })
+            children: /* @__PURE__ */ e(j, { color: "primary", name: "currency_exchange" })
           }
         ),
         t.bullet_one
@@ -774,7 +774,7 @@ const St = ({ recurrence: a }) => /* @__PURE__ */ o(U, { children: [
             mr: 24,
             sx: { display: "flex", alignItems: "center", justifyContent: "center", flexShrink: 0 },
             width: 44,
-            children: /* @__PURE__ */ e(G, { color: "primary", name: "cardiology" })
+            children: /* @__PURE__ */ e(j, { color: "primary", name: "cardiology" })
           }
         ),
         t.bullet_two
@@ -790,15 +790,15 @@ const St = ({ recurrence: a }) => /* @__PURE__ */ o(U, { children: [
             mr: 24,
             sx: { display: "flex", alignItems: "center", justifyContent: "center", flexShrink: 0 },
             width: 44,
-            children: /* @__PURE__ */ e(G, { color: "primary", name: "flare" })
+            children: /* @__PURE__ */ e(j, { color: "primary", name: "flare" })
           }
         ),
         t.bullet_three
       ] })
     ] }),
     /* @__PURE__ */ o(s, { direction: "row", spacing: 16, children: [
-      /* @__PURE__ */ e(M, { onClick: a, variant: "contained", children: t.get_started_button }),
-      /* @__PURE__ */ e(M, { onClick: n, variant: "outlined", children: t.skip_button })
+      /* @__PURE__ */ e(G, { onClick: a, variant: "contained", children: t.get_started_button }),
+      /* @__PURE__ */ e(G, { onClick: n, variant: "outlined", children: t.skip_button })
     ] })
   ] });
 }, Nt = T(Lt), Re = "https://content.moneydesktop.com/storage/MD_Assets/md/cashflow", Ge = {
@@ -819,7 +819,7 @@ const St = ({ recurrence: a }) => /* @__PURE__ */ o(U, { children: [
     transform: rotate(360deg);
   }
 `, Ft = () => {
-  const { addRepeatingTransaction: a, repeatingTransactions: n } = P(), { cashflow: t, common: i } = L(), { completeOnboarding: h } = le(), { isDirty: g } = V(), { isMobile: l } = de(), { isCopyLoaded: y, setDisplayedDate: c } = X(), { filter: r, setFilter: m, transactions: d } = ke(), b = ie(), [C, S] = K(!0), [v, p] = f.useState(ut.EveryMonth), [E, _] = f.useState(1), [W, j] = f.useState(15), [w, $] = K(!1), [O, he] = K(1), [k, je] = K([]), [pe, se] = K(""), H = f.useMemo(
+  const { addRepeatingTransaction: a, repeatingTransactions: n } = q(), { cashflow: t, common: i } = L(), { completeOnboarding: h } = le(), { isDirty: g } = V(), { isMobile: l } = de(), { isCopyLoaded: y, setDisplayedDate: c } = X(), { filter: r, setFilter: m, transactions: d } = ke(), b = ie(), [C, S] = K(!0), [v, p] = f.useState(ut.EveryMonth), [E, _] = f.useState(1), [W, z] = f.useState(15), [w, $] = K(!1), [O, he] = K(1), [k, je] = K([]), [pe, se] = K(""), H = f.useMemo(
     () => d.find((x) => x.guid === pe),
     [pe, d]
   ), ze = !!n.filter(
@@ -891,10 +891,10 @@ const St = ({ recurrence: a }) => /* @__PURE__ */ o(U, { children: [
             children: [
               /* @__PURE__ */ e(ce, { pb: 12, children: t.add_income_title }),
               /* @__PURE__ */ e(N, { mb: 24, children: t.add_income_description }),
-              k.length > 0 && !H && /* @__PURE__ */ o(U, { children: [
+              k.length > 0 && !H && /* @__PURE__ */ o(P, { children: [
                 /* @__PURE__ */ e(Z, { children: k.map((x, A) => /* @__PURE__ */ o(f.Fragment, { children: [
                   /* @__PURE__ */ e(dt, { bgcolor: "background.paper", children: ht(
-                    B(x.nextDate || x.date)
+                    U(x.nextDate || x.date)
                   ) }),
                   /* @__PURE__ */ e(mt, { transaction: x }),
                   A !== k.length - 1 && /* @__PURE__ */ e(D, {})
@@ -902,10 +902,10 @@ const St = ({ recurrence: a }) => /* @__PURE__ */ o(U, { children: [
                 /* @__PURE__ */ o(s, { alignItems: "center", direction: "row", children: [
                   /* @__PURE__ */ e(D, { sx: { flexGrow: 1 } }),
                   /* @__PURE__ */ e(
-                    M,
+                    G,
                     {
                       onClick: () => S(!0),
-                      startIcon: /* @__PURE__ */ e(G, { name: "add", size: 20 }),
+                      startIcon: /* @__PURE__ */ e(j, { name: "add", size: 20 }),
                       children: t.add_income
                     }
                   )
@@ -925,7 +925,7 @@ const St = ({ recurrence: a }) => /* @__PURE__ */ o(U, { children: [
                 }
               ),
               !ze && g && /* @__PURE__ */ e(N, { color: "error", mt: 16, children: t.confirm_error }),
-              H && /* @__PURE__ */ o(U, { children: [
+              H && /* @__PURE__ */ o(P, { children: [
                 /* @__PURE__ */ e(
                   st,
                   {
@@ -934,14 +934,14 @@ const St = ({ recurrence: a }) => /* @__PURE__ */ o(U, { children: [
                     frequency: v,
                     onFirstDayChange: _,
                     onFrequencyChange: p,
-                    onSecondDayChange: j,
+                    onSecondDayChange: z,
                     secondDay: W,
                     transaction: H
                   }
                 ),
                 /* @__PURE__ */ o(s, { direction: "row", gap: 16, ml: 24, mt: 32, children: [
                   /* @__PURE__ */ e(
-                    M,
+                    G,
                     {
                       "aria-disabled": !H,
                       onClick: () => {
@@ -957,7 +957,7 @@ const St = ({ recurrence: a }) => /* @__PURE__ */ o(U, { children: [
                     }
                   ),
                   /* @__PURE__ */ e(
-                    M,
+                    G,
                     {
                       onClick: () => {
                         se(""), S(!0), fe().finally();
@@ -970,12 +970,12 @@ const St = ({ recurrence: a }) => /* @__PURE__ */ o(U, { children: [
               ] }),
               k.length > 0 && !H && /* @__PURE__ */ o(s, { direction: "row", gap: 16, ml: 24, mt: 32, children: [
                 /* @__PURE__ */ e(
-                  M,
+                  G,
                   {
                     "aria-disabled": k.length < 1 || w,
                     onClick: Be,
                     startIcon: w ? /* @__PURE__ */ e(
-                      G,
+                      j,
                       {
                         name: "progress_activity",
                         sx: {
@@ -987,7 +987,7 @@ const St = ({ recurrence: a }) => /* @__PURE__ */ o(U, { children: [
                     children: t.confirm_income_button
                   }
                 ),
-                /* @__PURE__ */ e(M, { onClick: h, variant: "outlined", children: t.skip_button })
+                /* @__PURE__ */ e(G, { onClick: h, variant: "outlined", children: t.skip_button })
               ] })
             ]
           }
@@ -1002,7 +1002,7 @@ const St = ({ recurrence: a }) => /* @__PURE__ */ o(U, { children: [
     setSelectedAccounts: h,
     shouldDisableNextDate: g,
     shouldDisablePrevDate: l
-  } = X(), { onEvent: y } = Ne(), { visibleCashAccounts: c } = Le(), { setFilter: r } = ke(), { userProfile: m } = Oe(), { dateRange: d, setSelectedCashAccounts: b } = V(), { loadRepeatingTransactions: C, setDateRange: S } = P(), { cashflow: v, recurring: p } = L(), { isCopyLoaded: E, isInitialized: _ } = X(), [W, j] = f.useState(!1);
+  } = X(), { onEvent: y } = Ne(), { visibleCashAccounts: c } = Le(), { setFilter: r } = ke(), { userProfile: m } = Oe(), { dateRange: d, setSelectedCashAccounts: b } = V(), { loadRepeatingTransactions: C, setDateRange: S } = q(), { cashflow: v, recurring: p } = L(), { isCopyLoaded: E, isInitialized: _ } = X(), [W, z] = f.useState(!1);
   return f.useEffect(() => {
     _ && (S(d), C().finally());
   }, [_]), f.useEffect(() => {
@@ -1024,7 +1024,7 @@ const St = ({ recurrence: a }) => /* @__PURE__ */ o(U, { children: [
           label: p.action_title,
           iconName: "credit_card_gear",
           onClick: () => {
-            j(!0), y(ve.CASH_FLOW_CLICK_SETTINGS);
+            z(!0), y(ve.CASH_FLOW_CLICK_SETTINGS);
           }
         }
       ],
@@ -1049,7 +1049,7 @@ const St = ({ recurrence: a }) => /* @__PURE__ */ o(U, { children: [
           {
             ariaLabelClose: v.close_settings_aria,
             isOpen: W,
-            onClose: () => j(!1),
+            onClose: () => z(!1),
             shouldShowHeaderBorders: !1,
             title: p.action_title,
             children: /* @__PURE__ */ e(Ke, {})
@@ -1072,19 +1072,19 @@ class Fn {
   constructor(n, t, i) {
     this.fetchInstance = new ft(n, t, void 0, i);
   }
-  addCashflowEvent = async (n) => this.fetchInstance.post(z.CASHFLOW_EVENTS, { ...n }).then((t) => t);
-  addCashflowSequence = async (n) => this.fetchInstance.post(z.CASHFLOW_SEQUENCES, { ...n }).then((t) => t.cashflow_sequence);
-  getCashflowSequences = async () => this.fetchInstance.get(z.CASHFLOW_SEQUENCES).then((n) => n.cashflow_sequences);
+  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);
+  getCashflowSequences = async () => this.fetchInstance.get(B.CASHFLOW_SEQUENCES).then((n) => n.cashflow_sequences);
   getCashflowEventsByDateRange = async (n, t) => this.fetchInstance.get(
-    `${z.CASHFLOW_EVENTS}/from/${B(n)}/to/${B(t)}`
+    `${B.CASHFLOW_EVENTS}/from/${U(n)}/to/${U(t)}`
   ).then((i) => i.cashflow_events);
-  deleteCashflowSequence = async (n) => this.fetchInstance.delete(`${z.CASHFLOW_SEQUENCES}/${n}`).then((t) => t);
+  deleteCashflowSequence = async (n) => this.fetchInstance.delete(`${B.CASHFLOW_SEQUENCES}/${n}`).then((t) => t);
   getProjectedCashflowEvents = async (n, t) => this.fetchInstance.get(
-    `${z.CASHFLOW_SEQUENCES}/projected_events/from/${B(
+    `${B.CASHFLOW_SEQUENCES}/projected_events/from/${U(
       n
-    )}/to/${B(t)}`
+    )}/to/${U(t)}`
   ).then((i) => i.cashflow_events);
-  updateCashflowSequence = async (n) => this.fetchInstance.put(`${z.CASHFLOW_SEQUENCES}/${n.guid}`, n).then((t) => t.cashflow_sequence);
+  updateCashflowSequence = async (n) => this.fetchInstance.put(`${B.CASHFLOW_SEQUENCES}/${n.guid}`, n).then((t) => t.cashflow_sequence);
 }
 export {
   Fn as CashflowApi,

package/dist/common/index.es.js

@@ -28,7 +28,7 @@ import { I as hr } from "../CashflowStore-D9Dpuz7X.mjs";
 import { d as it } from "../GoalStore-DxOUk36P.mjs";
 import { C as pr, G as mr, M as _r, T as fr } from "../GoalStore-DxOUk36P.mjs";
 import { C as Sr } from "../CurrencyText-YUhH2caW.mjs";
-import { E as wr } from "../EmptyState-DsXpMcro.mjs";
+import { E as wr } from "../EmptyState-DA_lfRBv.mjs";
 import { L as Cr } from "../ListItemAction-DSrYDGAP.mjs";
 import { T as ct } from "../TrendsStore-BKBnNQba.mjs";
 import { L as Dr, S as Ar } from "../TrendsStore-BKBnNQba.mjs";

package/dist/goals/index.es.js

@@ -50,7 +50,7 @@ import { DatePicker as pt } from "@mui/x-date-pickers";
 import { LocalizationProvider as ht } from "@mui/x-date-pickers/LocalizationProvider";
 import { A as Y, W as gt } from "../WidgetContainer-B8MRJ5Y1.mjs";
 import { L as Ke } from "../Loader-DUaFpDGv.mjs";
-import { E as bt } from "../EmptyState-DsXpMcro.mjs";
+import { E as bt } from "../EmptyState-DA_lfRBv.mjs";
 import ft from "@mui/material/Stack/Stack";
 import yt from "@mui/material/Box";
 import At from "@mui/material/styles/useTheme";

package/dist/investments/index.es.js

@@ -38,7 +38,7 @@ import { D as $e } from "../Drawer-kEE73B87.mjs";
 import { DataGridPro as qe } from "@mui/x-data-grid-pro";
 import { Stack as Ke } from "@mui/material";
 import { L as De } from "../Loader-DUaFpDGv.mjs";
-import { E as Ye } from "../EmptyState-DsXpMcro.mjs";
+import { E as Ye } from "../EmptyState-DA_lfRBv.mjs";
 const de = ({ sx: t = {} }) => {
   const { investments: h } = E(), { onEvent: c } = be(), { setShowConnectionsWidget: u } = H();
   return /* @__PURE__ */ o(_, { sx: { alignItems: "center", gap: 24, height: 164, p: 24, width: "100%", ...t }, children: [

package/dist/networth/index.es.js

@@ -31,7 +31,7 @@ import { C as Me } from "../ConnectionsDrawer-CU3E2RLw.mjs";
 import He from "@mui/material/Collapse";
 import V from "@mui/material/ListItemIcon";
 import ie from "@mui/material/styles/useTheme";
-import { E as Be } from "../EmptyState-DsXpMcro.mjs";
+import { E as Be } from "../EmptyState-DA_lfRBv.mjs";
 import { D as Y } from "../Drawer-kEE73B87.mjs";
 const Oe = ({
   chartData: t,

package/dist/trends/index.es.js

@@ -45,7 +45,7 @@ import Ht from "@mui/material/Paper";
 import { b as Wt } from "../CategoryUtil-BR3H5i6n.mjs";
 import { E as Ot } from "../ExportCsvAction-CBJAfyAw.mjs";
 import { u as Vt } from "../useInsightsEnabled-DSnpkUq0.mjs";
-import { E as Gt } from "../EmptyState-DsXpMcro.mjs";
+import { E as Gt } from "../EmptyState-DA_lfRBv.mjs";
 import { k as Bt } from "../ConnectDrawer-DJA_S-rX.mjs";
 const Ge = ({ selectedTab: t, onTabChange: o }) => /* @__PURE__ */ e(
   dt,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mx-cartographer/experiences",
-  "version": "7.0.60",
+  "version": "7.0.62",
   "description": "Library containing experience widgets",
   "author": "MX",
   "license": "MIT",

package/dist/EmptyState-DsXpMcro.mjs

@@ -1,74 +0,0 @@
-import { jsxs as o, jsx as t } from "react/jsx-runtime";
-import i from "@mui/material/Button";
-import c from "@mui/material/Stack";
-import { Icon as x } from "@mxenabled/mx-icons";
-import { H2 as f, Text as g } from "@mxenabled/mxui";
-const k = ({
-  icon: s,
-  iconColor: l,
-  header: p,
-  onClick: a,
-  primaryButton: r,
-  primaryButtonStartIcon: n,
-  secondaryButton: e,
-  subText: m,
-  sx: d,
-  variant: h = "buttons"
-}) => /* @__PURE__ */ o(
-  c,
-  {
-    sx: {
-      mt: 54,
-      alignItems: "center",
-      alignSelf: "center",
-      ...d
-    },
-    children: [
-      /* @__PURE__ */ t(x, { name: s, size: 54, sx: { color: l } }),
-      /* @__PURE__ */ t(f, { color: "text.primary", sx: { textWrap: "wrap", textAlign: "center" }, children: p }),
-      /* @__PURE__ */ t(
-        g,
-        {
-          color: "text.secondary",
-          sx: { textAlign: "center", textWrap: "wrap", width: "calc(100% - 8px)" },
-          variant: "Paragraph",
-          children: m
-        }
-      ),
-      h === "buttons" && (r || e) && /* @__PURE__ */ o(
-        c,
-        {
-          className: "buttons-footer",
-          sx: {
-            gap: 12,
-            mt: 48
-          },
-          children: [
-            r && /* @__PURE__ */ t(
-              i,
-              {
-                onClick: () => a?.("primary"),
-                startIcon: n ? /* @__PURE__ */ t(x, { name: n }) : void 0,
-                sx: { textWrap: "nowrap" },
-                variant: "contained",
-                children: r
-              }
-            ),
-            e && /* @__PURE__ */ t(
-              i,
-              {
-                onClick: () => a?.("secondary"),
-                sx: { textWrap: "nowrap" },
-                variant: "text",
-                children: e
-              }
-            )
-          ]
-        }
-      )
-    ]
-  }
-);
-export {
-  k as E
-};