@mx-cartographer/experiences 7.0.35 → 7.0.36

package/CHANGELOG.md

@@ -1,3 +1,7 @@
+## [7.0.36] - 10-01-2025
+
+- **UPDATED** - Trends and Goals widgets empty states
+
 ## [7.0.35] - 10-01-2025
 
 - **REMOVED** - ThemeProvider and CSSBaseline wrapping InsightsMicroWidget preventing background transparency

package/dist/{AccountDetailsContent-BwTOak3W.mjs → AccountDetailsContent-r2edUIO6.mjs}

@@ -14,7 +14,7 @@ import w from "@mui/material/ListItemText";
 import { u as D } from "./AccountDetailsHeader-BCW4d-j4.mjs";
 import { c as z, u as E, f as O, g as X } from "./hooks-BhSK6dal.mjs";
 import { A as at } from "./AccountListItem-DAF9c7_x.mjs";
-import { A as k } from "./WidgetContainer-CPBhSP3k.mjs";
+import { A as k } from "./WidgetContainer-C6H2vwT9.mjs";
 import { a as V, f as B, D as j } from "./Dialog-CWW597AF.mjs";
 import { b as h } from "./Localization-2MODESHW.mjs";
 import { D as J } from "./Drawer-kEE73B87.mjs";
@@ -44,7 +44,7 @@ import yt from "@mui/material/AlertTitle";
 import xt from "@mui/material/Link";
 import wt from "@mui/material/Paper";
 import { subDays as kt, startOfToday as It, endOfToday as Mt } from "date-fns";
-import { T as vt, a as Lt } from "./TransactionDetails-BafSm7_T.mjs";
+import { T as vt, a as Lt } from "./TransactionDetails-Fdf0sKuB.mjs";
 import { T as K } from "./TabContentContainer-j01JYR_7.mjs";
 const U = ({
   children: e,

package/dist/{ManageIncome-C0CbczlY.mjs → ManageIncome-BDAuo2eh.mjs}

@@ -16,7 +16,7 @@ import { startOfToday as z } from "date-fns/startOfToday";
 import { endOfMonth as _e } from "date-fns/endOfMonth";
 import H from "@mui/material/Button";
 import { Delete as me, Add as ye, ReceiptLong as pe } from "@mxenabled/mx-icons";
-import { T as X, a as he, u as ge, S as fe, b as Ce } from "./TransactionDetails-BafSm7_T.mjs";
+import { T as X, a as he, u as ge, S as fe, b as Ce } from "./TransactionDetails-Fdf0sKuB.mjs";
 import { getDayOfYear as be } from "date-fns/getDayOfYear";
 import { setDayOfYear as Se } from "date-fns/setDayOfYear";
 import { AdapterDateFns as ve } from "@mui/x-date-pickers/AdapterDateFnsV3";
@@ -25,7 +25,7 @@ import { LocalizationProvider as we } from "@mui/x-date-pickers/LocalizationProv
 import { u as w, i as M, f as F, a as Ae, g as Z, o as De } from "./hooks-BhSK6dal.mjs";
 import { b as Ie, f as J } from "./NumberFormatting-CtWHhyBX.mjs";
 import { D as O } from "./Drawer-kEE73B87.mjs";
-import { A as R } from "./WidgetContainer-CPBhSP3k.mjs";
+import { A as R } from "./WidgetContainer-C6H2vwT9.mjs";
 import { f as Ee, D as Re, a as Te } from "./Dialog-CWW597AF.mjs";
 import { formatISO as Le } from "date-fns/formatISO";
 import { fromUnixTime as Oe } from "date-fns/fromUnixTime";

package/dist/{RecurringSettings-DR9KuVEN.mjs → RecurringSettings-DlZ8qeDR.mjs}

@@ -7,10 +7,10 @@ import R from "@mui/material/Tabs";
 import l from "@mui/material/Divider";
 import T from "@mui/material/List";
 import C from "@mui/material/Stack";
-import { R as x, A as S, a as E, M as A } from "./ManageIncome-C0CbczlY.mjs";
+import { R as x, A as S, a as E, M as A } from "./ManageIncome-BDAuo2eh.mjs";
 import { u as h, i as y, f as _ } from "./hooks-BhSK6dal.mjs";
 import { R as v, F as N } from "./RepeatingTransaction-BW4J-jeJ.mjs";
-import { A as d } from "./WidgetContainer-CPBhSP3k.mjs";
+import { A as d } from "./WidgetContainer-C6H2vwT9.mjs";
 const I = u(() => {
   const { recurring: r } = h(), { repeatingTransactions: s } = y(), { onEvent: o } = _(), a = (n) => {
     o(d.RECURRING_TRANSACTIONS_CLICK_EXPENSE, {

package/dist/{TransactionDetails-BafSm7_T.mjs → TransactionDetails-Fdf0sKuB.mjs}

@@ -17,7 +17,7 @@ import { fromUnixTime as W } from "date-fns/fromUnixTime";
 import { isSameDay as Ne } from "date-fns/isSameDay";
 import { h as Ye } from "./DateUtil-BcuH7ErC.mjs";
 import { L as Ie } from "./Loader-DUaFpDGv.mjs";
-import { A as P } from "./WidgetContainer-CPBhSP3k.mjs";
+import { A as P } from "./WidgetContainer-C6H2vwT9.mjs";
 import ne from "@mui/material/Paper";
 import ce from "@mui/material/Button";
 import je from "@mui/material/FormGroup";

package/dist/{WidgetContainer-CPBhSP3k.mjs → WidgetContainer-C6H2vwT9.mjs}

@@ -30,8 +30,8 @@ import { subDays as De } from "date-fns/subDays";
 import { subYears as te } from "date-fns/subYears";
 import pe from "@mui/material/ButtonGroup";
 import ke from "@mui/material/Tab";
-import he from "@mui/material/Tabs";
-import Oe from "@mui/material/ToggleButton";
+import Oe from "@mui/material/Tabs";
+import he from "@mui/material/ToggleButton";
 import fe from "@mui/material/ToggleButtonGroup";
 import be from "@mui/material/styles/useTheme";
 import { f as K, D as G, a as we } from "./Dialog-CWW597AF.mjs";
@@ -140,6 +140,7 @@ const We = {
   TRENDS_CLICK_ALL_CATEGORIES: "trends_click_allCategories",
   TRENDS_CLICK_BACK: "trends_click_back",
   TRENDS_CLICK_CHART: "trends_click_chart",
+  TRENDS_CLICK_CONNECT_ACCOUNTS: "trends_click_connectAccounts",
   TRENDS_CLICK_EXPORT_CSV: "trends_click_exportCSV",
   TRENDS_CLICK_FILTER: "trends_click_filter",
   TRENDS_CLICK_GET_STARTED: "trends_click_getStarted",
@@ -164,7 +165,7 @@ const We = {
   shouldShrinkToIcon: L = !0,
   variant: n = "outlined"
 }) => {
-  const W = be(), { isMobile: D } = ae(), [l, f] = o.useState(m), [c, H] = o.useState(_.dateRangePickerCopy.dateRangeThisMonth), [r, b] = o.useState(l), [p, k] = o.useState(!1), [F, y] = o.useState(!0), [h, C] = o.useState(6), d = {
+  const W = be(), { isMobile: D } = ae(), [l, f] = o.useState(m), [c, H] = o.useState(_.dateRangePickerCopy.dateRangeThisMonth), [r, b] = o.useState(l), [p, k] = o.useState(!1), [F, y] = o.useState(!0), [O, C] = o.useState(6), d = {
     buttons: [
       { label: "3M", value: 3 },
       { label: "6M", value: 6 },
@@ -182,10 +183,10 @@ const We = {
     f(m), b(m);
   }, [m]), o.useEffect(() => {
     (n === "timeframebuttons" || n === "timeframetabs") && a.onRangeChanged(I());
-  }, [h]);
+  }, [O]);
   const I = () => {
     const e = V(ee());
-    return [V(X(e, h)), e];
+    return [V(X(e, O)), e];
   }, w = (e) => {
     const [i, E] = l, u = e === "previous";
     let R;
@@ -209,11 +210,11 @@ const We = {
     f(r), y(
       c === _.dateRangePickerCopy.dateRangeThisMonth || c === _.dateRangePickerCopy.dateRangeLastMonth
     ), a.onRangeChanged(r);
-  }, v = (e, i) => {
+  }, U = (e, i) => {
     e[1] = e[1] ?? e[0];
     const E = [e[0], e[1] ? Se(e[1]) : e[1]];
     b(E), H(i);
-  }, P = (e) => {
+  }, v = (e) => {
     C(e);
   };
   return /* @__PURE__ */ T($, { className: "mx-cmn-date-range-selector", m: 4, children: [
@@ -296,11 +297,11 @@ const We = {
               color: N,
               exclusive: !0,
               orientation: "horizontal",
-              value: h,
+              value: O,
               children: d.buttons.map((e) => /* @__PURE__ */ t(
-                Oe,
+                he,
                 {
-                  onClick: () => P(e.value),
+                  onClick: () => v(e.value),
                   sx: { width: 56 },
                   value: e.value,
                   children: e.label
@@ -310,12 +311,12 @@ const We = {
             }
           ),
           n === "timeframetabs" && /* @__PURE__ */ t(
-            he,
+            Oe,
             {
               indicatorColor: "primary",
-              onChange: (e, i) => P(i),
+              onChange: (e, i) => v(i),
               textColor: "primary",
-              value: h,
+              value: O,
               variant: "fullWidth",
               children: d.tabs.map((e) => /* @__PURE__ */ t(
                 ke,
@@ -347,7 +348,7 @@ const We = {
           {
             copy: _.dateRangePickerCopy,
             dateRange: r,
-            onRangeChanged: v,
+            onRangeChanged: U,
             selectedShortcut: c,
             sx: { p: 16 }
           }
@@ -372,7 +373,7 @@ const We = {
           {
             copy: _.dateRangePickerCopy,
             dateRange: r,
-            onRangeChanged: v,
+            onRangeChanged: U,
             selectedShortcut: c,
             sx: {
               pt: 0,
@@ -400,8 +401,8 @@ const We = {
   sx: H = {},
   title: r = ""
 }) => {
-  const [b, p] = o.useState(!1), [k, { height: F, width: y }] = Ce(), { onEvent: h } = Te(), { isDesktop: C, isMobile: d, isTablet: I } = ae(y), { displayedDateRange: w, isCopyLoaded: x, selectedAccountGuids: v, setSelectedAccountGuids: P } = Ie(), { common: e, connect: i } = Ee(), E = () => {
-    l && (l(), h(We.WIDGET_BACK_CLICK));
+  const [b, p] = o.useState(!1), [k, { height: F, width: y }] = Ce(), { onEvent: O } = Te(), { isDesktop: C, isMobile: d, isTablet: I } = ae(y), { displayedDateRange: w, isCopyLoaded: x, selectedAccountGuids: U, setSelectedAccountGuids: v } = Ie(), { common: e, connect: i } = Ee(), E = () => {
+    l && (l(), O(We.WIDGET_BACK_CLICK));
   };
   if (!x)
     return /* @__PURE__ */ t(de, {});
@@ -470,36 +471,36 @@ const We = {
                   accounts: a,
                   copy: u,
                   onConnectAccountClick: () => p(!0),
-                  onFilterClick: (O) => {
-                    P(O), f?.(O);
+                  onFilterClick: (h) => {
+                    v(h), f?.(h);
                   },
-                  selectedAccountGuids: v,
+                  selectedAccountGuids: U,
                   showAccountNumbers: !1,
                   variant: "text"
                 }
               ),
-              N?.map((O) => {
-                if (o.isValidElement(O)) return O;
-                const { iconName: S, onClick: U, label: B } = O;
+              N?.map((h) => {
+                if (o.isValidElement(h)) return h;
+                const { iconName: S, onClick: P, label: B } = h;
                 return ie ? C || I ? /* @__PURE__ */ t(
                   M,
                   {
-                    onClick: U,
+                    onClick: P,
                     startIcon: /* @__PURE__ */ t(s, { name: S, size: 24 }),
                     sx: { my: 4 },
                     children: B
                   },
                   S
-                ) : /* @__PURE__ */ t(z, { "aria-label": B, color: "primary", onClick: U, children: /* @__PURE__ */ t(s, { name: S, size: 24 }) }, S) : C || I ? /* @__PURE__ */ t(
+                ) : /* @__PURE__ */ t(z, { "aria-label": B, color: "primary", onClick: P, children: /* @__PURE__ */ t(s, { name: S, size: 24 }) }, S) : C || I ? /* @__PURE__ */ t(
                   M,
                   {
-                    onClick: U,
+                    onClick: P,
                     startIcon: /* @__PURE__ */ t(s, { name: S, size: 24 }),
                     sx: { my: 4 },
                     children: B
                   },
                   S
-                ) : /* @__PURE__ */ t(z, { "aria-label": B, color: "primary", onClick: U, children: /* @__PURE__ */ t(s, { name: S, size: 24 }) }, S);
+                ) : /* @__PURE__ */ t(z, { "aria-label": B, color: "primary", onClick: P, children: /* @__PURE__ */ t(s, { name: S, size: 24 }) }, S);
               })
             ] }),
             sx: {

package/dist/accounts/index.es.js

@@ -7,8 +7,8 @@ import E from "@mui/material/List";
 import O from "@mui/material/ListSubheader";
 import x from "@mui/system/Stack";
 import { Text as v } from "@mxenabled/mxui";
-import { A as G } from "../AccountDetailsContent-BwTOak3W.mjs";
-import { u as I1 } from "../AccountDetailsContent-BwTOak3W.mjs";
+import { A as G } from "../AccountDetailsContent-r2edUIO6.mjs";
+import { u as I1 } from "../AccountDetailsContent-r2edUIO6.mjs";
 import { u as K, A as z } from "../AccountDetailsHeader-BCW4d-j4.mjs";
 import { A as W } from "../AccountListItem-DAF9c7_x.mjs";
 import { a as P } from "../AccountFields-B-igjxt-.mjs";
@@ -16,7 +16,7 @@ import { g as D1, b as U1 } from "../AccountFields-B-igjxt-.mjs";
 import { u as g, a as y, c as T, f as N, m as Y } from "../hooks-BhSK6dal.mjs";
 import { f as I } from "../NumberFormatting-CtWHhyBX.mjs";
 import { D as q } from "../Drawer-kEE73B87.mjs";
-import { A, W as J } from "../WidgetContainer-CPBhSP3k.mjs";
+import { A, W as J } from "../WidgetContainer-C6H2vwT9.mjs";
 import { C as Q } from "../ConnectionsDrawer-hdOVHICr.mjs";
 import { u as X } from "../useScreenSize-B6JyS_Lj.mjs";
 import { L as R } from "../Loader-DUaFpDGv.mjs";

package/dist/budgets/index.es.js

@@ -15,7 +15,7 @@ import { h as w, l as j, u as D, f as X, a as ee, p as ze, i as te, g as ne, m a
 import { L as P } from "../Loader-DUaFpDGv.mjs";
 import { E as ce } from "../EmptyState-C0lr9E5T.mjs";
 import { u as me } from "../useScreenSize-B6JyS_Lj.mjs";
-import { A as k, W as Fe } from "../WidgetContainer-CPBhSP3k.mjs";
+import { A as k, W as Fe } from "../WidgetContainer-C6H2vwT9.mjs";
 import K from "@mui/material/List";
 import { f as T } from "../NumberFormatting-CtWHhyBX.mjs";
 import Ae from "@mui/material/Button";
@@ -37,7 +37,7 @@ import Ye from "@mui/material/Snackbar";
 import be from "@mui/material/Tab";
 import Ze from "@mui/material/Tabs";
 import { e as qe } from "../exportTransactionsToCSV-21c0EV3t.mjs";
-import { T as xe, a as Je } from "../TransactionDetails-BafSm7_T.mjs";
+import { T as xe, a as Je } from "../TransactionDetails-Fdf0sKuB.mjs";
 import ge from "@mui/material/Card";
 import pe from "@mui/material/CardContent";
 import { S as ue } from "../StatusBar-BK_uYHAB.mjs";
@@ -46,7 +46,7 @@ import { u as Qe, b as et } from "../CategorySelectorDrawer-CMorcKFW.mjs";
 import Te from "@mui/material/CardHeader";
 import { subDays as tt } from "date-fns/subDays";
 import nt from "@mui/material/IconButton";
-import { M as ot } from "../ManageIncome-C0CbczlY.mjs";
+import { M as ot } from "../ManageIncome-BDAuo2eh.mjs";
 const ye = 5, at = 100, rt = 25, st = (t) => {
   const o = (a) => {
     a.active || t.alphaTarget(0.3).restart(), a.subject.fx = a.subject.x, a.subject.fy = a.subject.y;

package/dist/cashflow/index.es.js

@@ -17,7 +17,7 @@ import { I as he } from "../CashflowStore-D9Dpuz7X.mjs";
 import { C as Wn } from "../CashflowStore-D9Dpuz7X.mjs";
 import { b as X } from "../Localization-2MODESHW.mjs";
 import { M as Qe } from "../MiniWidgetContainer-C_N1u9ad.mjs";
-import { R as Ve } from "../RecurringSettings-DR9KuVEN.mjs";
+import { R as Ve } from "../RecurringSettings-DlZ8qeDR.mjs";
 import Ke from "@mui/material/Tabs";
 import Ce from "@mui/material/Tab";
 import { getUnixTime as U } from "date-fns/getUnixTime";
@@ -34,17 +34,17 @@ import { addDays as _e } from "date-fns/addDays";
 import { alpha as et, keyframes as tt } from "@mui/material/styles";
 import { DataGridPro as nt } from "@mui/x-data-grid-pro";
 import { T as we } from "../TabContentContainer-j01JYR_7.mjs";
-import { M as ot, S as it, i as at, d as Se, c as rt } from "../ManageIncome-C0CbczlY.mjs";
+import { M as ot, S as it, i as at, d as Se, c as rt } from "../ManageIncome-BDAuo2eh.mjs";
 import { D as $e } from "../Drawer-kEE73B87.mjs";
 import { formatISO as st } from "date-fns/formatISO";
 import { fromUnixTime as ye } from "date-fns/fromUnixTime";
 import { startOfMonth as ct } from "date-fns/startOfMonth";
 import { subDays as Me } from "date-fns/subDays";
-import { S as lt, b as dt } from "../TransactionDetails-BafSm7_T.mjs";
+import { S as lt, b as dt } from "../TransactionDetails-Fdf0sKuB.mjs";
 import { F as mt, R as Ie, e as De } from "../RepeatingTransaction-BW4J-jeJ.mjs";
 import { h as ut } from "../DateUtil-BcuH7ErC.mjs";
 import { endOfToday as ht } from "date-fns/endOfToday";
-import { W as ve, A as Ae } from "../WidgetContainer-CPBhSP3k.mjs";
+import { W as ve, A as Ae } from "../WidgetContainer-C6H2vwT9.mjs";
 import { F as pt, A as B } from "../Fetch-87LIQbEA.mjs";
 const K = () => {
   if (!m.useContext(Ye))

package/dist/common/constants/Analytics.d.ts

@@ -99,6 +99,7 @@ export declare const ANALYTICS_EVENTS: {
     TRENDS_CLICK_ALL_CATEGORIES: string;
     TRENDS_CLICK_BACK: string;
     TRENDS_CLICK_CHART: string;
+    TRENDS_CLICK_CONNECT_ACCOUNTS: string;
     TRENDS_CLICK_EXPORT_CSV: string;
     TRENDS_CLICK_FILTER: string;
     TRENDS_CLICK_GET_STARTED: string;

package/dist/common/index.es.js

@@ -12,7 +12,7 @@ import { H as ot } from "../Help-DhcC-C05.mjs";
 import { E as ys } from "../Help-DhcC-C05.mjs";
 import { M as bs } from "../MicroWidgetContainer-DVRe-MJs.mjs";
 import { M as xs } from "../MiniWidgetContainer-C_N1u9ad.mjs";
-import { A as vs, D as Ds, W as Es } from "../WidgetContainer-CPBhSP3k.mjs";
+import { A as vs, D as Ds, W as Es } from "../WidgetContainer-C6H2vwT9.mjs";
 import { i as Ts, a as Bs, e as Is, l as Ns, A as Ms, f as ks, j as $s, d as Rs, k as Ps, E as Os, h as Us, N as Ls, g as Gs, P as Hs, m as Fs, S as Ws } from "../ConnectDrawer-jeSmGg38.mjs";
 import { C as Ys } from "../CurrencyInput-C0wTgNV6.mjs";
 import { L as zs } from "../Loader-DUaFpDGv.mjs";

package/dist/debts/index.es.js

@@ -23,7 +23,7 @@ import Le from "@mui/material/CardHeader";
 import { LineChart as $e } from "@mui/x-charts";
 import re from "@mui/material/Box";
 import { useTheme as He } from "@mui/material/styles";
-import { A as T, W as Oe } from "../WidgetContainer-CPBhSP3k.mjs";
+import { A as T, W as Oe } from "../WidgetContainer-C6H2vwT9.mjs";
 import de from "@mui/material/Tab";
 import We from "@mui/material/Tabs";
 import _e from "@mui/material/List";

package/dist/finstrong/index.es.js

@@ -30,7 +30,7 @@ import Ue from "@mui/material/AccordionSummary";
 import Ve from "@mui/material/CardHeader";
 import { u as Ye } from "../useDimensions-27p2evRx.mjs";
 import { C as qe } from "../ConnectionsDrawer-hdOVHICr.mjs";
-import { R as Je } from "../RecurringSettings-DR9KuVEN.mjs";
+import { R as Je } from "../RecurringSettings-DlZ8qeDR.mjs";
 import Qe from "@mui/material/TextField";
 import { u as Ce } from "../useScreenSize-B6JyS_Lj.mjs";
 import { a as Ze } from "../Dialog-CWW597AF.mjs";
@@ -48,7 +48,7 @@ import ct from "@mui/lab/TimelineConnector";
 import lt from "@mui/lab/TimelineContent";
 import dt from "@mui/lab/TimelineDot";
 import pt from "@mui/lab/TimelineSeparator";
-import { W as mt } from "../WidgetContainer-CPBhSP3k.mjs";
+import { W as mt } from "../WidgetContainer-C6H2vwT9.mjs";
 var A = /* @__PURE__ */ ((n) => (n.Connections = "connections", n.CreditScore = "credit_score", n.DateOfBirth = "date_of_birth", n.MonthlyIncome = "monthly_income", n))(A || {});
 const ut = ({ list: n, onClickItem: o }) => /* @__PURE__ */ e(x, { sx: { bgcolor: "background.paper" }, children: /* @__PURE__ */ e(
   Be,