@mx-cartographer/experiences 8.1.0 → 8.1.1

package/dist/trends/index.es.js

@@ -1,7 +1,7 @@
 import { jsxs as C, jsx as e, Fragment as vt } from "react/jsx-runtime";
 import g, { useRef as Dt, useState as It, useEffect as Lt } from "react";
 import { observer as A } from "mobx-react-lite";
-import { CategoryIcon as we, Text as $, Icon as He, H3 as Ge, P as pe } from "@mxenabled/mxui";
+import { CategoryIcon as we, Text as z, Icon as He, H3 as Ge, P as pe } from "@mxenabled/mxui";
 import H from "@mui/material/Box";
 import S from "@mui/material/Stack";
 import Te from "@mui/material/Button";
@@ -16,36 +16,36 @@ import { u as Nt } from "../useDimensions-CeDR9V8N.mjs";
 import tt from "@mui/material/Card";
 import ot from "@mui/material/CardContent";
 import Ne from "@mui/material/Divider";
-import $e from "@mui/material/Grid";
-import { u as R, l as Q, g as z, b as fe, h as ve, d as De, B as ye, p as nt, f as Be, a as st } from "../hooks-BxkfR-Ff.mjs";
+import ze from "@mui/material/Grid";
+import { u as R, l as Q, g as $, b as fe, h as ve, d as De, D as ye, p as nt, f as Be, a as st } from "../hooks-HwStH7q_.mjs";
 import { b as rt } from "../Localization-CkQ49EKr.mjs";
 import { C as xe } from "../CurrencyText-oqd6cX3M.mjs";
-import { C as Re, b as ze, c as Wt } from "../Category-CevNQ03n.mjs";
+import { a as Re, b as $e, c as Wt } from "../Category-Ccoew_sA.mjs";
 import { f as X, D as G } from "../DateFormats-CaOj_4eI.mjs";
 import { f as se, a as Ot } from "../NumberFormatting-CyrvFgfd.mjs";
-import { c as Gt, a as Ke, g as Bt, L as Pt } from "../TrendsStore-DZa6cyQC.mjs";
-import { T as ms } from "../TrendsStore-DZa6cyQC.mjs";
-import { c as Vt, i as Ft, d as $t, e as zt, b as at, g as it, f as Ye } from "../SpendingData-CoZOmlZD.mjs";
+import { a as Ke, c as Gt, g as Bt, L as Pt } from "../TrendsStore-bYjIGqyR.mjs";
+import { T as ms } from "../TrendsStore-bYjIGqyR.mjs";
+import { c as Vt, i as Ft, d as zt, e as $t, g as at, b as it, f as Ye } from "../SpendingData-Dj85XEUp.mjs";
 import Kt from "@mui/material/ToggleButton";
 import Yt from "@mui/material/ToggleButtonGroup";
 import { parseISO as lt } from "date-fns/parseISO";
 import { H as ke } from "../HeaderCell-P8w6CmfO.mjs";
-import { T as W, b as jt } from "../ViewMoreMicroCard-BsEitNRJ.mjs";
+import { T as W, a as jt } from "../ViewMoreMicroCard-C7dC9lDT.mjs";
 import { useGridApiContext as Ut, useGridRootProps as Xt, DataGridPro as Zt } from "@mui/x-data-grid-pro";
 import Qt from "@mui/material/Badge";
 import qt from "@mui/material/IconButton";
 import { A as v } from "../Analytics-0Xm_BjHU.mjs";
-import { T as ct } from "../EmbeddedCard-j7IGx3s1.mjs";
-import { T as dt } from "../TransactionDetails-CN-yZkin.mjs";
-import { D as Pe } from "../Drawer-Bbe4AMB1.mjs";
-import { u as Ie } from "../useWidgetLoadTimer-DgN1bTyu.mjs";
-import { L as Le } from "../Loader-D3rjKx72.mjs";
-import { W as ut } from "../WidgetContainer-Bc75FqK7.mjs";
-import { L as Ve } from "../LineChart-DkD_s9NN.mjs";
-import { M as Jt } from "../MiniWidgetContainer-Bhkv-hpz.mjs";
+import { T as ct } from "../EmbeddedCard-BCcn_fK2.mjs";
+import { T as dt } from "../TransactionDetails-Cb6vauzy.mjs";
+import { D as Pe } from "../Drawer-XPaLYjiO.mjs";
+import { u as Ie } from "../useWidgetLoadTimer-wkBTL5xx.mjs";
+import { L as Le } from "../Loader-CxeBwuPG.mjs";
+import { W as ut } from "../WidgetContainer-MhgZzIaI.mjs";
+import { L as Ve } from "../LineChart-jJVBE8V8.mjs";
+import { M as Jt } from "../MiniWidgetContainer-CmTGSUL5.mjs";
 import { subMonths as eo } from "date-fns";
 import { TrendingUp as to, TrendingDown as oo, MultilineChart as no, ExpandLess as so, ExpandMore as ro, ChevronRight as ao, ArrowBack as io } from "@mxenabled/mx-icons";
-import { M as lo } from "../MicroWidgetContainer-B_EnfvCq.mjs";
+import { M as lo } from "../MicroWidgetContainer-CEcwdfti.mjs";
 import co from "@mui/material/Collapse";
 import We from "@mui/material/List";
 import mt from "@mui/material/ListItem";
@@ -53,13 +53,13 @@ import uo from "@mui/material/ListItemButton";
 import mo from "@mui/material/ListItemIcon";
 import ht from "@mui/material/ListItemText";
 import gt from "@mui/material/styles/useTheme";
-import { b as Oe } from "../CategoryUtil-DKRCegQv.mjs";
+import { b as Oe } from "../CategoryUtil-BJOHgYKS.mjs";
 import { Stack as ho } from "@mui/material";
 import go from "@mui/material/ListItemAvatar";
-import { E as po } from "../ExportCsvAction-7sjz7AXQ.mjs";
-import { u as fo } from "../useInsightsEnabled-DL_oNyI0.mjs";
+import { E as po } from "../ExportCsvAction-BPjdEUXx.mjs";
+import { u as fo } from "../useInsightsEnabled-DzvRm5Bo.mjs";
 import { E as yo } from "../EmptyState-DHAkGsjk.mjs";
-import { C as Co } from "../ConnectDrawer-C0wjwcJt.mjs";
+import { C as Co } from "../ConnectDrawer-5BpU4IQU.mjs";
 const pt = ({ categoryGuid: t, topLevelCategoryGuid: n }) => {
   const { categories: s } = R(), { getCategoryName: o } = Q(), r = o(t);
   return /* @__PURE__ */ C(S, { alignItems: "center", direction: "column", gap: "8", justifyContent: "center", mb: 4, children: [
@@ -72,7 +72,7 @@ const pt = ({ categoryGuid: t, topLevelCategoryGuid: n }) => {
         children: /* @__PURE__ */ e(we, { categoryGuid: n })
       }
     ),
-    /* @__PURE__ */ e($, { variant: "body1", children: r })
+    /* @__PURE__ */ e(z, { variant: "body1", children: r })
   ] });
 }, _o = ({
   categoryGuids: { guid: t, topLevelGuid: n },
@@ -105,14 +105,14 @@ const pt = ({ categoryGuid: t, topLevelCategoryGuid: n }) => {
       children: /* @__PURE__ */ C(ot, { children: [
         /* @__PURE__ */ C(H, { alignItems: "center", display: "flex", flexDirection: "column", children: [
           /* @__PURE__ */ e(pt, { categoryGuid: t, topLevelCategoryGuid: n }),
-          /* @__PURE__ */ e($, { variant: "body2", children: `${s.length}-month total` }),
+          /* @__PURE__ */ e(z, { variant: "body2", children: `${s.length}-month total` }),
           /* @__PURE__ */ e(xe, { amount: i, bold: !0, formatString: "0,0", variant: "body2" })
         ] }),
         /* @__PURE__ */ e(Ne, { sx: { my: 16, width: "100%" } }),
-        /* @__PURE__ */ e($e, { container: !0, children: s.map((f, m) => /* @__PURE__ */ C(g.Fragment, { children: [
+        /* @__PURE__ */ e(ze, { container: !0, children: s.map((f, m) => /* @__PURE__ */ C(g.Fragment, { children: [
           m > 0 && m % 3 === 0 && /* @__PURE__ */ e(Ne, { sx: { my: 16, width: "100%" } }),
-          /* @__PURE__ */ e($e, { item: !0, xs: 4, children: /* @__PURE__ */ C(H, { alignItems: "center", display: "flex", flexDirection: "column", children: [
-            /* @__PURE__ */ e($, { color: c.palette.text.secondary, variant: "caption", children: f.x }),
+          /* @__PURE__ */ e(ze, { item: !0, xs: 4, children: /* @__PURE__ */ C(H, { alignItems: "center", display: "flex", flexDirection: "column", children: [
+            /* @__PURE__ */ e(z, { color: c.palette.text.secondary, variant: "caption", children: f.x }),
             /* @__PURE__ */ e(
               xe,
               {
@@ -177,7 +177,7 @@ const pt = ({ categoryGuid: t, topLevelCategoryGuid: n }) => {
                   }
                 }
               ),
-              /* @__PURE__ */ e($, { variant: "body1", children: d(u) })
+              /* @__PURE__ */ e(z, { variant: "body1", children: d(u) })
             ]
           },
           u
@@ -197,7 +197,7 @@ const pt = ({ categoryGuid: t, topLevelCategoryGuid: n }) => {
   const i = s.find((m) => m.id === d)?.data?.[a], f = o?.[a];
   return i === void 0 || !f ? null : /* @__PURE__ */ e(tt, { sx: { pt: 4, px: 8 }, children: /* @__PURE__ */ e(ot, { children: /* @__PURE__ */ C(H, { alignItems: "center", display: "flex", flexDirection: "column", children: [
     /* @__PURE__ */ e(pt, { categoryGuid: t, topLevelCategoryGuid: n }),
-    /* @__PURE__ */ e($, { color: c.palette.text.secondary, variant: "body2", children: X(f, G.MONTH_SHORT_YEAR) }),
+    /* @__PURE__ */ e(z, { color: c.palette.text.secondary, variant: "body2", children: X(f, G.MONTH_SHORT_YEAR) }),
     /* @__PURE__ */ e(xe, { amount: String(i), bold: !0, formatString: "0,0", variant: "body1" })
   ] }) }) });
 }, xo = ({
@@ -474,16 +474,16 @@ const pt = ({ categoryGuid: t, topLevelCategoryGuid: n }) => {
         children: u
       }
     ),
-    /* @__PURE__ */ e($, { variant: r ? "subtitle1" : "body2", children: a })
+    /* @__PURE__ */ e(z, { variant: r ? "subtitle1" : "body2", children: a })
   ] });
 }, wo = (t) => {
   const n = t.id === "total";
   return /* @__PURE__ */ C(S, { alignItems: "center", direction: "row", role: "rowheader", tabIndex: t.tabIndex, children: [
     !n && /* @__PURE__ */ e(H, { "aria-hidden": !0, children: /* @__PURE__ */ e(we, { categoryGuid: t.row.top_level_category_guid, variant: "twotone" }) }),
-    /* @__PURE__ */ e($, { bold: n, sx: { ml: 12 }, variant: n ? "body1" : "body2", children: t.row.category })
+    /* @__PURE__ */ e(z, { bold: n, sx: { ml: 12 }, variant: n ? "body1" : "body2", children: t.row.category })
   ] });
 }, je = (t) => {
-  const n = t.row.category_guid, s = t.row.top_level_category_guid, o = n === ze.INCOME || s === ze.INCOME, r = t.id === "total", c = t.field === "total", a = c ? t.row[t.field] : t.row.monthlyAmounts[t.field];
+  const n = t.row.category_guid, s = t.row.top_level_category_guid, o = n === $e.INCOME || s === $e.INCOME, r = t.id === "total", c = t.field === "total", a = c ? t.row[t.field] : t.row.monthlyAmounts[t.field];
   return /* @__PURE__ */ e(S, { alignItems: "flex-end", direction: "row", tabIndex: t.tabIndex, children: /* @__PURE__ */ e(
     xe,
     {
@@ -618,7 +618,7 @@ const Eo = g.memo(Lo), Qe = ({
   rows: o,
   totalRow: r
 }) => {
-  const c = re(), { onEvent: a } = z(), d = c.palette.mode === "light";
+  const c = re(), { onEvent: a } = $(), d = c.palette.mode === "light";
   return /* @__PURE__ */ e(
     Zt,
     {
@@ -724,7 +724,7 @@ const Eo = g.memo(Lo), Qe = ({
   isOpen: s,
   onClose: o
 }) => {
-  const { onEvent: r } = z(), { selectedAccountGuids: c } = fe(), { common: a } = R(), { setFilter: d, sortedTransactions: u } = ve(), [i, f] = g.useState(""), m = g.useMemo(
+  const { onEvent: r } = $(), { selectedAccountGuids: c } = fe(), { common: a } = R(), { setFilter: d, sortedTransactions: u } = ve(), [i, f] = g.useState(""), m = g.useMemo(
     () => u.find((h) => h.guid === i),
     [i, u]
   );
@@ -753,7 +753,7 @@ const Eo = g.memo(Lo), Qe = ({
     }
   );
 }, Ro = A(Ao), ko = ({ onBackClick: t, onMenuClick: n, sx: s }) => {
-  const { onEvent: o } = z(), { isDesktop: r, isTablet: c, isMobile: a } = Z(), { isAccountDataLoaded: d, loadAccountData: u } = De(), {
+  const { onEvent: o } = $(), { isDesktop: r, isTablet: c, isMobile: a } = Z(), { isAccountDataLoaded: d, loadAccountData: u } = De(), {
     categoriesLoaded: i,
     loadCategories: f,
     loadDateRangeCategoryTotals: m,
@@ -795,8 +795,8 @@ const Eo = g.memo(Lo), Qe = ({
       (b) => b.top_level_category_guid === O || b.category_guid === O
     ) : Vt(D);
     return {
-      stackedDatasets: l.filter(Ft),
-      unstackedDatasets: l.filter($t)
+      stackedDatasets: l.filter(zt),
+      unstackedDatasets: l.filter(Ft)
     };
   }, [h, O, x]), U = (D, l) => {
     V(l ?? P), o(v.TRENDS_CLICK_TOGGLE_VIEW);
@@ -901,7 +901,7 @@ const Eo = g.memo(Lo), Qe = ({
     }
   );
 }, as = A(ko), Ho = () => {
-  const { monthlyCategoryTotals: t } = Q(), { trends: n } = R(), s = re(), { availableHeight: o = 300 } = nt(), r = g.useMemo(() => zt(t), [t]);
+  const { monthlyCategoryTotals: t } = Q(), { trends: n } = R(), s = re(), { availableHeight: o = 300 } = nt(), r = g.useMemo(() => $t(t), [t]);
   return /* @__PURE__ */ e(
     Ve,
     {
@@ -1037,7 +1037,7 @@ const Eo = g.memo(Lo), Qe = ({
   g.useEffect(() => {
     n || s().finally();
   }, []);
-  const { onEvent: r } = z(), { monthlyCategoryTotals: c, loadMonthlyCategoryTotals: a, monthlyTotalsLoaded: d } = Q(), u = {
+  const { onEvent: r } = $(), { monthlyCategoryTotals: c, loadMonthlyCategoryTotals: a, monthlyTotalsLoaded: d } = Q(), u = {
     start: eo(/* @__PURE__ */ new Date(), 1),
     end: /* @__PURE__ */ new Date()
   }, { trends: i } = R(), { selectedAccounts: f, isInitialized: m } = fe();
@@ -1053,8 +1053,8 @@ const Eo = g.memo(Lo), Qe = ({
   }, [m, f]);
   const { spendingData: _, incomeData: h } = g.useMemo(
     () => ({
-      spendingData: at(c, u),
-      incomeData: it(c, u)
+      spendingData: it(c, u),
+      incomeData: at(c, u)
     }),
     [c, u]
   ), [p, y] = _, [T, N] = h, x = Ye(y.y, p.y), L = Ye(N.y, T.y), M = m && !o?.length, E = () => {
@@ -1114,7 +1114,7 @@ const Eo = g.memo(Lo), Qe = ({
       {
         sx: { color: s.palette.primary.main, flexDirection: "row", alignItems: "center" },
         children: [
-          /* @__PURE__ */ e(ht, { children: /* @__PURE__ */ e($, { bold: !0, variant: "body2", children: t ? "View less" : "View more" }) }),
+          /* @__PURE__ */ e(ht, { children: /* @__PURE__ */ e(z, { bold: !0, variant: "body2", children: t ? "View less" : "View more" }) }),
           /* @__PURE__ */ e(mo, { sx: { color: s.palette.primary.main }, children: t ? /* @__PURE__ */ e(so, {}) : /* @__PURE__ */ e(
             ro,
             {
@@ -1138,7 +1138,7 @@ const Eo = g.memo(Lo), Qe = ({
     isLastItem: c = !1,
     showDivider: a = !0
   }) => {
-    const { trends: d } = R(), { onEvent: u } = z(), i = re(), f = `${o.length} ${o.length === 1 ? d.transaction : d.transactions}`, m = () => {
+    const { trends: d } = R(), { onEvent: u } = $(), i = re(), f = `${o.length} ${o.length === 1 ? d.transaction : d.transactions}`, m = () => {
       r?.(), u(v.TRENDS_CLICK_LIST_ITEM, {
         ...W,
         listItem: s
@@ -1171,7 +1171,7 @@ const Eo = g.memo(Lo), Qe = ({
   }
 ), Po = A(
   ({ availableHeight: t = 0, onCategoryClick: n }) => {
-    const { collapsedCategories: s, visibleCategories: o, setVisibleListLength: r } = ye(), { isLargeDesktop: c, isDesktop: a } = Z(), { trends: d } = R(), { onEvent: u } = z(), [i, f] = g.useState(!1), m = a || c;
+    const { collapsedCategories: s, visibleCategories: o, setVisibleListLength: r } = ye(), { isLargeDesktop: c, isDesktop: a } = Z(), { trends: d } = R(), { onEvent: u } = $(), [i, f] = g.useState(!1), m = a || c;
     g.useEffect(() => {
       const p = Math.floor(t / 64) - 1, y = o.length + s.length;
       p !== o.length && (r(m ? Math.max(p, 5) : 5), f(p >= y));
@@ -1220,7 +1220,7 @@ const Eo = g.memo(Lo), Qe = ({
     ] });
   }
 ), Vo = ({ beats: t, onInsightCardClick: n }) => {
-  const { onEvent: s } = z(), { isMobile: o, isDesktop: r, isLargeDesktop: c } = Z(), { beatStore: a, endpoint: d, sessionToken: u } = Be(), i = r || c, f = i || o ? 1 : 2, m = () => null, _ = (T) => {
+  const { onEvent: s } = $(), { isMobile: o, isDesktop: r, isLargeDesktop: c } = Z(), { beatStore: a, endpoint: d, sessionToken: u } = Be(), i = r || c, f = i || o ? 1 : 2, m = () => null, _ = (T) => {
     n?.(T), s(v.TRENDS_CLICK_INSIGHT, W);
   }, h = i ? 200 : 170, p = i ? 170 : 124, y = t.length > 0 ? h : p;
   return /* @__PURE__ */ e(ho, { sx: { height: y }, children: /* @__PURE__ */ e(
@@ -1243,8 +1243,8 @@ const Eo = g.memo(Lo), Qe = ({
       visibleCardsCount: f
     }
   ) });
-}, Fo = A(Vo), $o = A(({ chartLabel: t, chartColor: n }) => {
-  const { onEvent: s } = z(), {
+}, Fo = A(Vo), zo = A(({ chartLabel: t, chartColor: n }) => {
+  const { onEvent: s } = $(), {
     categoryDetailsChartData: { monthlyAmounts: o, tooltipLabels: r }
   } = ye();
   return /* @__PURE__ */ e(S, { sx: { pt: 12, width: "100%" }, children: /* @__PURE__ */ e(
@@ -1276,7 +1276,7 @@ const Eo = g.memo(Lo), Qe = ({
       valueFormatterString: "0,0"
     }
   ) });
-}), zo = A(() => {
+}), $o = A(() => {
   const t = gt(), { is_mobile_webview: n } = st(), { isDesktop: s, isSmallTablet: o, isTablet: r } = Z(), { common: c, trends: a } = R(), { selectedCategoryData: d, selectedDateRangeMonthRange: u } = ye(), { sortedTransactions: i } = ve(), [f, m] = g.useState(null);
   if (!d)
     return null;
@@ -1297,11 +1297,11 @@ const Eo = g.memo(Lo), Qe = ({
             secondaryTypographyProps: { component: "div", variant: "body2" }
           }
         ),
-        /* @__PURE__ */ e($, { component: "div", variant: "h3", children: se(Math.abs(y), "0,0.00") })
+        /* @__PURE__ */ e(z, { component: "div", variant: "h3", children: se(Math.abs(y), "0,0.00") })
       ] }) }),
-      /* @__PURE__ */ e($o, { chartColor: T, chartLabel: N }),
+      /* @__PURE__ */ e(zo, { chartColor: T, chartLabel: N }),
       /* @__PURE__ */ C(S, { alignItems: "center", direction: "row", justifyContent: "space-between", sx: { mx: 12 }, children: [
-        /* @__PURE__ */ e($, { bold: !0, variant: "body1", children: x }),
+        /* @__PURE__ */ e(z, { bold: !0, variant: "body1", children: x }),
         M && /* @__PURE__ */ e(po, { filter: E })
       ] })
     ] }),
@@ -1326,7 +1326,7 @@ const Eo = g.memo(Lo), Qe = ({
     )
   ] });
 }), Ko = (t, n) => {
-  const s = it(t, n), o = at(t, n);
+  const s = at(t, n), o = it(t, n);
   return [s, o].filter((r) => r.length > 0);
 }, Yo = (t, n) => {
   const [s, o] = t, r = s, c = o ?? s, a = [];
@@ -1345,7 +1345,7 @@ const Eo = g.memo(Lo), Qe = ({
   selectedDateRange: s,
   totals: o
 }) => {
-  const r = re(), { onEvent: c } = z(), { trends: a } = R(), { isSmallMobile: d, isMobile: u, isSmallTablet: i, isTablet: f } = Z(), m = [r.palette.chart?.chart1, r.palette.chart?.chart2], _ = Ko(o, s), h = Yo(_, a), [p, y] = g.useState(0), T = 458, N = 195, x = 56, L = u || d ? N : i || f ? T : p;
+  const r = re(), { onEvent: c } = $(), { trends: a } = R(), { isSmallMobile: d, isMobile: u, isSmallTablet: i, isTablet: f } = Z(), m = [r.palette.chart?.chart1, r.palette.chart?.chart2], _ = Ko(o, s), h = Yo(_, a), [p, y] = g.useState(0), T = 458, N = 195, x = 56, L = u || d ? N : i || f ? T : p;
   return g.useEffect(() => {
     const E = Math.max(t - x, n);
     y(E);
@@ -1417,7 +1417,7 @@ const Eo = g.memo(Lo), Qe = ({
   onInsightCardClick: s,
   sx: o
 }) => {
-  const { onEvent: r } = z(), { config: c } = st(), { isDesktop: a, isLargeDesktop: d, isMobile: u } = Z(), { isAccountDataLoaded: i, loadAccountData: f, visibleAccounts: m } = De(), {
+  const { onEvent: r } = $(), { config: c } = st(), { isDesktop: a, isLargeDesktop: d, isMobile: u } = Z(), { isAccountDataLoaded: i, loadAccountData: f, visibleAccounts: m } = De(), {
     categoriesLoaded: _,
     loadCategories: h,
     loadDateRangeCategoryTotals: p,
@@ -1588,7 +1588,7 @@ const Eo = g.memo(Lo), Qe = ({
                   onClose: Me,
                   shouldShowHeaderShadow: !0,
                   title: E?.is_income ? V.category_income : V.category_spending,
-                  children: E && /* @__PURE__ */ e(zo, {})
+                  children: E && /* @__PURE__ */ e($o, {})
                 }
               )
             ]

package/dist/{useAccountDisplayName-DKwT1mWv.mjs → useAccountDisplayName-SrQA7K_6.mjs}

@@ -1,6 +1,6 @@
 import e from "react";
 import { g as s } from "./AccountDisplayName-CO7z3v99.mjs";
-import { a as n } from "./hooks-BxkfR-Ff.mjs";
+import { a as n } from "./hooks-HwStH7q_.mjs";
 const i = (o) => {
   const { config: a } = n();
   return e.useMemo(

package/dist/{useInsightsEnabled-DL_oNyI0.mjs → useInsightsEnabled-DzvRm5Bo.mjs}

@@ -1,5 +1,5 @@
 import { useState as n, useEffect as a } from "react";
-import { f as o } from "./hooks-BxkfR-Ff.mjs";
+import { f as o } from "./hooks-HwStH7q_.mjs";
 const f = () => {
   const { isInitialized: e, appDataStore: t } = o(), [s, i] = n(!1);
   return a(() => {

package/dist/{useWidgetLoadTimer-DgN1bTyu.mjs → useWidgetLoadTimer-wkBTL5xx.mjs}

@@ -1,5 +1,5 @@
 import { useRef as r, useEffect as c } from "react";
-import { g as l } from "./hooks-BxkfR-Ff.mjs";
+import { g as l } from "./hooks-HwStH7q_.mjs";
 let n = !0;
 const d = ({ widgetName: i, isLoaded: u = !0 }) => {
   const { onEvent: o } = l(), t = r(null), s = r(!1), e = r(!1);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mx-cartographer/experiences",
-  "version": "8.1.0",
+  "version": "8.1.1",
   "description": "Library containing experience widgets",
   "author": "MX",
   "license": "MIT",
@@ -190,31 +190,31 @@
   },
   "dependencies": {
     "@emotion/react": "^11.14.0",
-    "@emotion/styled": "^11.14.0",
+    "@emotion/styled": "^11.14.1",
     "@mui/lab": "^5.0.0-alpha.177",
     "@mui/material": "^5.18.0",
     "@mui/system": "^5.18.0",
-    "@mui/x-charts": "^8.23.0",
-    "@mui/x-data-grid-pro": "^7.29.8",
+    "@mui/x-charts": "^8.28.2",
+    "@mui/x-data-grid-pro": "^7.29.12",
     "@mui/x-date-pickers": "^7.29.4",
     "@mui/x-date-pickers-pro": "^7.29.4",
     "@mxenabled/cssinjs": "^0.6.0",
-    "@mxenabled/mx-icons": "^1.7.0",
+    "@mxenabled/mx-icons": "^1.8.0",
     "@mxenabled/mxui": "^1.5.16",
-    "@mxenabled/web-widget-sdk": "^0.0.13",
-    "@tanstack/react-virtual": "^3.13.19",
-    "bowser": "^2.11.0",
+    "@mxenabled/web-widget-sdk": "^0.0.15",
+    "@tanstack/react-virtual": "^3.13.24",
+    "bowser": "^2.14.1",
     "d3": "^7.9.0",
     "date-fns": "^4.1.0",
-    "mobx": "^6.13.6",
-    "mobx-react-lite": "^4.1.0",
+    "mobx": "^6.15.0",
+    "mobx-react-lite": "^4.1.1",
     "numeral": "^2.0.6",
-    "posthog-js": "^1.356.1",
+    "posthog-js": "^1.370.1",
     "react": "^18.3.1",
-    "react-confetti": "^6.0.1",
+    "react-confetti": "^6.4.0",
     "react-dom": "^18.3.1",
-    "react-intersection-observer": "^9.16.0",
-    "uuid": "^11.1.0"
+    "react-intersection-observer": "^10.0.3",
+    "uuid": "^14.0.0"
   },
   "devDependencies": {
     "@babel/core": "^7.26.10",
@@ -262,16 +262,16 @@
     "path": "^0.12.7",
     "prettier": "^3.5.3",
     "prop-types": "^15.8.1",
-    "storybook": "^8.6.4",
+    "storybook": "^8.6.18",
     "storybook-addon-mock": "^5.0.0",
     "storybook-dark-mode": "4.0.1",
-    "typescript": "^5.8.2",
+    "typescript": "^5.9.3",
     "vi-canvas-mock": "^1.0.0",
-    "vite": "^5.4.21",
-    "vite-plugin-dts": "^4.5.3",
-    "vite-plugin-svgr": "^4.3.0",
+    "vite": "5.4.21",
+    "vite-plugin-dts": "^4.5.4",
+    "vite-plugin-svgr": "^4.5.0",
     "vite-tsconfig-paths": "^5.1.4",
-    "vitest": "^3.0.8"
+    "vitest": "^3.2.4"
   },
   "peerDependencies": {
     "@mui/material": "^5",

package/dist/DateUtil-C57sqxn4.mjs

@@ -1,54 +0,0 @@
-import { addMonths as s } from "date-fns/addMonths";
-import { addQuarters as n } from "date-fns/addQuarters";
-import { addWeeks as m } from "date-fns/addWeeks";
-import { addYears as l } from "date-fns/addYears";
-import { getDay as x } from "date-fns/getDay";
-import { isBefore as a } from "date-fns/isBefore";
-import { nextDay as p } from "date-fns/nextDay";
-import { setDate as y } from "date-fns/setDate";
-import { startOfToday as r } from "date-fns/startOfToday";
-import { fromUnixTime as i } from "date-fns/fromUnixTime";
-import { f as D, D as f } from "./DateFormats-CaOj_4eI.mjs";
-const A = (e) => {
-  const t = x(e);
-  let o = p(e, t);
-  for (; a(o, r()); )
-    o = m(o, 1);
-  return o;
-}, W = (e) => {
-  let t = e;
-  for (; a(t, r()); )
-    t = m(t, 2);
-  return t;
-}, Y = (e) => {
-  let t = y(r(), e.getDate());
-  for (; a(t, r()); )
-    t = s(t, 1);
-  return t;
-}, k = (e) => {
-  let t = e;
-  for (; a(t, r()); )
-    t = s(t, 2);
-  return t;
-}, B = (e) => {
-  let t = n(e, 1);
-  for (; a(t, r()); )
-    t = n(t, 1);
-  return t;
-}, E = (e) => {
-  let t = e;
-  for (; a(t, r()); )
-    t = n(t, 2);
-  return t;
-}, Q = (e) => l(e, 1), F = (e) => D(i(e), f.DAY_OF_WEEK_MONTH_DAY), H = (e) => e ? D(i(e), f.MONTH_YEAR) : "";
-export {
-  E as a,
-  B as b,
-  k as c,
-  Y as d,
-  W as e,
-  A as f,
-  Q as g,
-  F as h,
-  H as i
-};

package/dist/MicroWidgetContainer-B_EnfvCq.mjs

@@ -1,45 +0,0 @@
-import { jsx as r, jsxs as p, Fragment as f } from "react/jsx-runtime";
-import x from "@mui/material/Button";
-import C from "@mui/material/Card";
-import g from "@mui/material/CardContent";
-import b from "@mui/material/CardHeader";
-import { P as u, H3 as v } from "@mxenabled/mxui";
-import { ChevronRight as W } from "@mxenabled/mx-icons";
-import { u as M } from "./useDimensions-CeDR9V8N.mjs";
-import { W as w } from "./hooks-BxkfR-Ff.mjs";
-const H = ({
-  children: e,
-  className: o,
-  ctaLabel: n,
-  onCTAClick: a,
-  subHeader: t,
-  sx: s,
-  title: c,
-  variant: d = "borderless"
-}) => {
-  const [m, { height: l, width: h }] = M(), i = /* @__PURE__ */ p(f, { children: [
-    /* @__PURE__ */ r(
-      b,
-      {
-        action: /* @__PURE__ */ r(
-          x,
-          {
-            endIcon: /* @__PURE__ */ r(W, { size: 20 }),
-            onClick: a,
-            size: "small",
-            variant: "text",
-            children: n
-          }
-        ),
-        subheader: t && /* @__PURE__ */ r(u, { sx: { color: "text.secondary" }, variant: "body2", children: t }),
-        sx: { p: 0, pb: 8, width: "calc(100% - 8px)", "& .MuiCardHeader-action": { mt: 0 } },
-        title: /* @__PURE__ */ r(v, { sx: { width: "calc(100% - 10px)" }, children: c })
-      }
-    ),
-    /* @__PURE__ */ r(g, { ref: m, sx: { p: 0, ":last-child": { pb: 0 } }, children: /* @__PURE__ */ r(w, { availableHeight: l, availableWidth: h, children: e }) })
-  ] });
-  return d === "borderless" ? i : /* @__PURE__ */ r(C, { className: o, sx: { alignItems: "center", p: 16, ...s }, children: i });
-}, F = H;
-export {
-  F as M
-};

package/dist/MiniWidgetContainer-Bhkv-hpz.mjs

@@ -1,66 +0,0 @@
-import { jsxs as r, jsx as i, Fragment as x } from "react/jsx-runtime";
-import b from "@mui/material/Box";
-import C from "@mui/material/Button";
-import u from "@mui/material/Card";
-import v from "@mui/material/CardHeader";
-import W from "@mui/material/CardContent";
-import z from "@mui/material/IconButton";
-import { Icon as H, ChevronRight as I } from "@mxenabled/mx-icons";
-import { H3 as y, Text as B, P as M } from "@mxenabled/mxui";
-import { u as j } from "./useDimensions-CeDR9V8N.mjs";
-import { W as w } from "./hooks-BxkfR-Ff.mjs";
-const R = ({
-  children: a,
-  className: m = "mx-cmn-mini-widget",
-  closeLabel: d,
-  contentStyles: l,
-  onClose: e,
-  onPrimaryCtaClick: o,
-  primaryCtaLabel: s = "",
-  primaryCtaLabelAria: c = "",
-  subTitle: n = "",
-  sx: p = {},
-  title: t = ""
-}) => {
-  const [h, { height: f, width: g }] = j();
-  return /* @__PURE__ */ r(u, { className: m, sx: { ...p }, children: [
-    /* @__PURE__ */ i(
-      v,
-      {
-        sx: { pb: 8 },
-        title: /* @__PURE__ */ r(x, { children: [
-          /* @__PURE__ */ r(
-            b,
-            {
-              sx: {
-                alignItems: "center",
-                display: "grid",
-                gap: 2,
-                gridTemplateColumns: "1fr auto",
-                pb: 4
-              },
-              children: [
-                t && /* @__PURE__ */ i(y, { children: t }),
-                e ? /* @__PURE__ */ i(z, { "aria-label": d, onClick: e, size: "small", children: /* @__PURE__ */ i(H, { name: "close", size: 24 }) }) : o && /* @__PURE__ */ i(
-                  C,
-                  {
-                    "aria-label": c,
-                    endIcon: /* @__PURE__ */ i(I, {}),
-                    onClick: o,
-                    size: "small",
-                    children: /* @__PURE__ */ i(B, { bold: !0, variant: "body2", children: s })
-                  }
-                )
-              ]
-            }
-          ),
-          n && /* @__PURE__ */ i(M, { color: "text.secondary", sx: { fontSize: 15, lineHeight: "20px" }, variant: "body2", children: n })
-        ] })
-      }
-    ),
-    /* @__PURE__ */ i(W, { ref: h, sx: { p: 0, ...l }, children: /* @__PURE__ */ i(w, { availableHeight: f, availableWidth: g, children: a }) })
-  ] });
-}, J = R;
-export {
-  J as M
-};