@mx-cartographer/experiences 7.13.16 → 7.13.18

package/dist/spending/index.es.js

@@ -20,7 +20,7 @@ import St from "@mui/material/Button";
 import { useTheme as Tt } from "@mui/material";
 import { e as Mt } from "../exportTransactionsToCSV-CdTF_RqL.mjs";
 import { T as Dt } from "../StatusIndicator-CIKUOoN_.mjs";
-import { T as xt } from "../TransactionDetails-B-C-7meW.mjs";
+import { T as xt } from "../TransactionDetails-CwqokbQo.mjs";
 import vt from "@mui/material/Collapse";
 import wt from "@mui/material/Divider";
 import J from "@mui/material/List";

package/dist/transactions/index.es.js

@@ -1,6 +1,6 @@
 import { T as wa } from "../TransactionApi-Ck5Ua-7F.mjs";
-import { C as Me, D as Le, M as Re, a as He, T as Be } from "../TransactionDetails-B-C-7meW.mjs";
-import { B as Da, b as Ia } from "../TransactionDetails-B-C-7meW.mjs";
+import { C as Me, D as Le, M as Re, a as He, T as Be } from "../TransactionDetails-CwqokbQo.mjs";
+import { B as Da, b as Ia } from "../TransactionDetails-CwqokbQo.mjs";
 import { T as E } from "../Transaction-CqjlF6SO.mjs";
 import { O as Na } from "../Transaction-CqjlF6SO.mjs";
 import { S as Z, D as Pe } from "../TransactionStore-rpqhGX8m.mjs";

package/dist/trends/index.es.js

@@ -1,18 +1,18 @@
 import { jsxs as C, jsx as e, Fragment as wt } from "react/jsx-runtime";
 import g, { useRef as vt, useState as Dt, useEffect as It } from "react";
 import { observer as A } from "mobx-react-lite";
-import { CategoryIcon as we, Text as F, Icon as He, H3 as Ge, P as pe, ChevronRightIcon as Lt } from "@mxenabled/mxui";
+import { CategoryIcon as we, Text as F, Icon as He, H3 as Ge, P as pe } from "@mxenabled/mxui";
 import N from "@mui/material/Box";
 import S from "@mui/material/Stack";
 import Te from "@mui/material/Button";
 import { addSeconds as et } from "date-fns/addSeconds";
 import { differenceInCalendarMonths as Se } from "date-fns/differenceInCalendarMonths";
-import Et from "numeral";
-import { useTheme as ae, styled as Mt, alpha as At } from "@mui/material/styles";
-import { useItemTooltip as Rt, ChartsTooltipContainer as kt } from "@mui/x-charts/ChartsTooltip";
-import { LineChart as Ht } from "@mui/x-charts/LineChart";
+import Lt from "numeral";
+import { useTheme as ae, styled as Et, alpha as Mt } from "@mui/material/styles";
+import { useItemTooltip as At, ChartsTooltipContainer as Rt } from "@mui/x-charts/ChartsTooltip";
+import { LineChart as kt } from "@mui/x-charts/LineChart";
 import { u as j } from "../useScreenSize-B6JyS_Lj.mjs";
-import { u as Nt } from "../useDimensions-CeDR9V8N.mjs";
+import { u as Ht } from "../useDimensions-CeDR9V8N.mjs";
 import tt from "@mui/material/Card";
 import ot from "@mui/material/CardContent";
 import Ne from "@mui/material/Divider";
@@ -20,31 +20,31 @@ import $e from "@mui/material/Grid";
 import { u as R, l as U, g as $, 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 { b as rt } from "../Localization-CPkpIwIx.mjs";
 import { C as xe } from "../CurrencyText-CA-E5N_y.mjs";
-import { C as Re, b as ze, c as Wt } from "../Category-CevNQ03n.mjs";
+import { C as Re, b as ze, c as Nt } from "../Category-CevNQ03n.mjs";
 import { f as Y, D as P } from "../DateFormats-BMpMrZpW.mjs";
-import { f as re, a as Ot } from "../NumberFormatting-QCaNwbjv.mjs";
-import { c as Gt, a as Ke, g as Bt, L as Pt } from "../TrendsStore-CYdTo7cN.mjs";
+import { f as re, a as Wt } from "../NumberFormatting-QCaNwbjv.mjs";
+import { c as Ot, a as Ke, g as Gt, L as Bt } from "../TrendsStore-CYdTo7cN.mjs";
 import { T as us } from "../TrendsStore-CYdTo7cN.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-Bz1bCWAs.mjs";
-import Kt from "@mui/material/ToggleButton";
-import Yt from "@mui/material/ToggleButtonGroup";
+import { c as Pt, i as Vt, d as Ft, e as $t, b as at, g as it, f as Ye } from "../SpendingData-Bz1bCWAs.mjs";
+import zt from "@mui/material/ToggleButton";
+import Kt 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-D24H9kDm.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 { T as W, b as Yt } from "../ViewMoreMicroCard-D24H9kDm.mjs";
+import { useGridApiContext as jt, useGridRootProps as Ut, DataGridPro as Xt } from "@mui/x-data-grid-pro";
+import Zt from "@mui/material/Badge";
+import Qt from "@mui/material/IconButton";
 import { A as v } from "../Analytics-BYItVAe-.mjs";
 import { T as ct } from "../StatusIndicator-CIKUOoN_.mjs";
-import { T as dt } from "../TransactionDetails-B-C-7meW.mjs";
+import { T as dt } from "../TransactionDetails-CwqokbQo.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-B7xDq2bM.mjs";
 import { L as Ve } from "../LineChart-EAr5ox5U.mjs";
-import { M as Jt } from "../MiniWidgetContainer-Bhkv-hpz.mjs";
-import { subMonths as eo } from "date-fns";
-import { TrendingUp as to, TrendingDown as oo, MultilineChart as no, ExpandLess as so, ExpandMore as ro, ArrowBack as ao } from "@mxenabled/mx-icons";
+import { M as qt } from "../MiniWidgetContainer-Bhkv-hpz.mjs";
+import { subMonths as Jt } from "date-fns";
+import { TrendingUp as eo, TrendingDown as to, MultilineChart as oo, ExpandLess as no, ExpandMore as so, ChevronRight as ro, ArrowBack as ao } from "@mxenabled/mx-icons";
 import { M as io } from "../MicroWidgetContainer-B_EnfvCq.mjs";
 import lo from "@mui/material/Collapse";
 import We from "@mui/material/List";
@@ -190,7 +190,7 @@ const pt = ({ categoryGuid: t, topLevelCategoryGuid: s }) => {
   series: n,
   xData: o
 }) => {
-  const r = Rt(), i = ae();
+  const r = At(), i = ae();
   if (!r?.identifier) return null;
   const { dataIndex: a, seriesId: c } = r.identifier;
   if (a == null || !c) return null;
@@ -210,7 +210,7 @@ const pt = ({ categoryGuid: t, topLevelCategoryGuid: s }) => {
   availableHeight: a = 0,
   minimumHeight: c = 350
 }) => {
-  const u = ae(), { isMobile: l } = j(), [y, { height: m }] = Nt(), _ = g.useRef(null), [h, p] = g.useState(0);
+  const u = ae(), { isMobile: l } = j(), [y, { height: m }] = Ht(), _ = g.useRef(null), [h, p] = g.useState(0);
   g.useEffect(() => {
     const d = Math.max(a - m, c);
     p(d);
@@ -353,7 +353,7 @@ const pt = ({ categoryGuid: t, topLevelCategoryGuid: s }) => {
           sx: { width: "100%", position: "relative" },
           children: [
             /* @__PURE__ */ e(
-              Ht,
+              kt,
               {
                 height: h,
                 hideLegend: !0,
@@ -366,7 +366,7 @@ const pt = ({ categoryGuid: t, topLevelCategoryGuid: s }) => {
                   tooltip: { trigger: X ? "item" : "none" }
                 },
                 slots: {
-                  tooltip: X && L ? (d) => /* @__PURE__ */ e(kt, { children: /* @__PURE__ */ e(
+                  tooltip: X && L ? (d) => /* @__PURE__ */ e(Rt, { children: /* @__PURE__ */ e(
                     To,
                     {
                       ...d,
@@ -390,7 +390,7 @@ const pt = ({ categoryGuid: t, topLevelCategoryGuid: s }) => {
                   {
                     min: q,
                     max: ce || 100,
-                    valueFormatter: (d) => Et(d).format("0a")
+                    valueFormatter: (d) => Lt(d).format("0a")
                   }
                 ]
               }
@@ -426,7 +426,7 @@ const pt = ({ categoryGuid: t, topLevelCategoryGuid: s }) => {
 }, ft = ({ selectedTab: t, onTabChange: s }) => {
   const { common: n } = R();
   return /* @__PURE__ */ e(
-    Yt,
+    Kt,
     {
       "aria-label": n.view_toggle,
       exclusive: !0,
@@ -434,7 +434,7 @@ const pt = ({ categoryGuid: t, topLevelCategoryGuid: s }) => {
       orientation: "horizontal",
       value: t,
       children: ["Chart", "Table"].map((o) => /* @__PURE__ */ e(
-        Kt,
+        zt,
         {
           "aria-label": o === "Chart" ? n.view_chart : n.view_table,
           "aria-pressed": t === o,
@@ -517,7 +517,7 @@ const pt = ({ categoryGuid: t, topLevelCategoryGuid: s }) => {
     renderHeader: ke,
     renderCell: xo,
     sortable: !0,
-    sortComparator: Gt,
+    sortComparator: Ot,
     type: "string"
   }, o = t.map((i) => ({
     field: i,
@@ -576,7 +576,7 @@ const pt = ({ categoryGuid: t, topLevelCategoryGuid: s }) => {
     });
   }
   return i;
-}, Do = Mt("div")({
+}, Do = Et("div")({
   display: "flex",
   visibility: "hidden",
   width: 0
@@ -589,7 +589,7 @@ function Io({
   className: r,
   field: i
 }) {
-  const a = Ut(), c = Xt();
+  const a = jt(), c = Ut();
   let u = null;
   const l = {};
   if (t === "asc" ? u = c.slots.columnSortedAscendingIcon : t === "desc" ? u = c.slots.columnSortedDescendingIcon : (u = c.slots.columnUnsortedIcon ?? null, l.sortingOrder = n), !u) return null;
@@ -597,7 +597,7 @@ function Io({
   let _ = "";
   t === "asc" ? _ = ", sorted ascending" : t === "desc" && (_ = ", sorted descending");
   const h = ["Total", "Category"].includes(m) ? "" : " category totals", p = `Sort by ${m}${h}${_}`, f = /* @__PURE__ */ e(u, { className: "MuiDataGrid-sortIcon", fontSize: "small", ...l }), T = /* @__PURE__ */ e(
-    qt,
+    Qt,
     {
       disabled: o,
       size: "small",
@@ -609,7 +609,7 @@ function Io({
       children: f
     }
   );
-  return /* @__PURE__ */ e(Do, { className: "MuiDataGrid-iconButtonContainer", children: s != null ? /* @__PURE__ */ e(Qt, { badgeContent: s, color: "default", overlap: "circular", children: T }) : T });
+  return /* @__PURE__ */ e(Do, { className: "MuiDataGrid-iconButtonContainer", children: s != null ? /* @__PURE__ */ e(Zt, { badgeContent: s, color: "default", overlap: "circular", children: T }) : T });
 }
 const Lo = g.memo(Io), Qe = ({
   columns: t,
@@ -620,7 +620,7 @@ const Lo = g.memo(Io), Qe = ({
 }) => {
   const i = ae(), { onEvent: a } = $(), c = i.palette.mode === "light";
   return /* @__PURE__ */ e(
-    Zt,
+    Xt,
     {
       columns: t,
       disableColumnFilter: !0,
@@ -630,7 +630,7 @@ const Lo = g.memo(Io), Qe = ({
       onRowClick: (u) => {
         n || s?.(u.row.category_guid), a(v.TRENDS_CLICK_LIST_ITEM, {
           ...W,
-          listItem: Wt[u.row.category_guid]
+          listItem: Nt[u.row.category_guid]
         });
       },
       pinnedRows: {
@@ -787,16 +787,16 @@ const Lo = g.memo(Io), Qe = ({
   }, [L, E, x]);
   const z = g.useMemo(() => {
     if (!M) return { stackedDatasets: [], unstackedDatasets: [] };
-    const D = Bt(
+    const D = Gt(
       _,
       x.start,
       x.end
     ), B = G.length ? D.filter(
       (d) => d.top_level_category_guid === G || d.category_guid === G
-    ) : Vt(D);
+    ) : Pt(D);
     return {
-      stackedDatasets: B.filter(Ft),
-      unstackedDatasets: B.filter($t)
+      stackedDatasets: B.filter(Vt),
+      unstackedDatasets: B.filter(Ft)
     };
   }, [_, G, x]), J = (D, B) => {
     O(B ?? Z), n(v.TRENDS_CLICK_TOGGLE_VIEW);
@@ -900,7 +900,7 @@ const Lo = g.memo(Io), Qe = ({
     }
   );
 }, rs = A(Ro), ko = () => {
-  const { monthlyCategoryTotals: t } = U(), { trends: s } = R(), n = ae(), { availableHeight: o = 300 } = nt(), r = g.useMemo(() => zt(t), [t]);
+  const { monthlyCategoryTotals: t } = U(), { trends: s } = R(), n = ae(), { availableHeight: o = 300 } = nt(), r = g.useMemo(() => $t(t), [t]);
   return /* @__PURE__ */ e(
     Ve,
     {
@@ -927,7 +927,7 @@ const Lo = g.memo(Io), Qe = ({
   }), g.useEffect(() => {
     a && n && r(u).finally();
   }, [n, a, u]), !n || !a || !i ? /* @__PURE__ */ e(Le, {}) : /* @__PURE__ */ e(
-    Jt,
+    qt,
     {
       contentStyles: { height: "calc(100% - 72px)", minHeight: 300, ":last-child": { pb: 0 } },
       onPrimaryCtaClick: t,
@@ -946,7 +946,7 @@ const Lo = g.memo(Io), Qe = ({
   secondaryLabel: r,
   shouldDisplayPercentage: i
 }) => {
-  const { availableWidth: a } = nt(), c = g.useRef(null), u = g.useRef(null), l = Ot(Number(Math.abs(o)), {
+  const { availableWidth: a } = nt(), c = g.useRef(null), u = g.useRef(null), l = Wt(Number(Math.abs(o)), {
     style: "percent",
     minimumIntegerDigits: 1
   }), y = a === 288 && re(s, "0,0.00").length > 10 ? re(s, "0,0") : re(s, "0,0.00"), m = n === "spending" ? o > 0 : o >= 0, _ = n === "spending" ? "error.main" : "success.main", h = n === "spending" ? "success.main" : "text.secondary", p = c?.current, f = u?.current, T = p && f ? p.scrollWidth > f.clientWidth - Wo : !1;
@@ -974,7 +974,7 @@ const Lo = g.memo(Io), Qe = ({
             children: [
               /* @__PURE__ */ e(pe, { color: "text.secondary", variant: "caption", children: t }),
               i && /* @__PURE__ */ C(S, { sx: { alignItems: "center", flexDirection: "row", gap: 4 }, children: [
-                m ? /* @__PURE__ */ e(to, { size: 20, sx: { color: _ } }) : /* @__PURE__ */ e(oo, { size: 20, sx: { color: h } }),
+                m ? /* @__PURE__ */ e(eo, { size: 20, sx: { color: _ } }) : /* @__PURE__ */ e(to, { size: 20, sx: { color: h } }),
                 /* @__PURE__ */ e(
                   pe,
                   {
@@ -1025,7 +1025,7 @@ const Lo = g.memo(Io), Qe = ({
 }, Oo = A(() => {
   const { trends: t } = R();
   return /* @__PURE__ */ C(S, { sx: { alignItems: "start", flexDirection: "row", gap: 12 }, children: [
-    /* @__PURE__ */ e(no, { size: 32 }),
+    /* @__PURE__ */ e(oo, { size: 32 }),
     /* @__PURE__ */ C(S, { children: [
       /* @__PURE__ */ e(pe, { fontWeight: 600, variant: "body1", children: t.zero_state_content_header }),
       /* @__PURE__ */ e(pe, { color: "text.secondary", variant: "subtitle2", children: t.zero_state_content_description })
@@ -1037,7 +1037,7 @@ const Lo = g.memo(Io), Qe = ({
     s || n().finally();
   }, []);
   const { onEvent: r } = $(), { monthlyCategoryTotals: i, loadMonthlyCategoryTotals: a, monthlyTotalsLoaded: c } = U(), u = {
-    start: eo(/* @__PURE__ */ new Date(), 1),
+    start: Jt(/* @__PURE__ */ new Date(), 1),
     end: /* @__PURE__ */ new Date()
   }, { trends: l } = R(), { selectedAccounts: y, isInitialized: m } = fe();
   Ie({
@@ -1114,8 +1114,8 @@ const Lo = g.memo(Io), Qe = ({
         sx: { color: n.palette.primary.main, flexDirection: "row", alignItems: "center" },
         children: [
           /* @__PURE__ */ e(ht, { children: /* @__PURE__ */ e(F, { bold: !0, variant: "body2", children: t ? "View less" : "View more" }) }),
-          /* @__PURE__ */ e(uo, { sx: { color: n.palette.primary.main }, children: t ? /* @__PURE__ */ e(so, {}) : /* @__PURE__ */ e(
-            ro,
+          /* @__PURE__ */ e(uo, { sx: { color: n.palette.primary.main }, children: t ? /* @__PURE__ */ e(no, {}) : /* @__PURE__ */ e(
+            so,
             {
               sx: {
                 transition: "transform 0.3s ease-in-out",
@@ -1145,14 +1145,14 @@ const Lo = g.memo(Io), Qe = ({
     };
     return /* @__PURE__ */ C(g.Fragment, { children: [
       /* @__PURE__ */ e(
-        Pt,
+        Bt,
         {
           leftIcon: s ? /* @__PURE__ */ e(
             we,
             {
               categoryGuid: s,
               sx: {
-                bgcolor: At(Oe(s, l), 0.15),
+                bgcolor: Mt(Oe(s, l), 0.15),
                 border: `1px solid ${Oe(s, l)}`,
                 color: "text.primary"
               }
@@ -1160,7 +1160,7 @@ const Lo = g.memo(Io), Qe = ({
           ) : void 0,
           onClick: m,
           rightContent: re(Math.abs(t), "0,0.00"),
-          rightIcon: r ? /* @__PURE__ */ e(Lt, {}) : void 0,
+          rightIcon: r ? /* @__PURE__ */ e(ro, {}) : void 0,
           subtitle: y,
           title: n
         }
@@ -1223,7 +1223,7 @@ const Lo = g.memo(Io), Qe = ({
     s?.(T), n(v.TRENDS_CLICK_INSIGHT, W);
   }, h = l ? 200 : 170, p = l ? 170 : 124, f = t.length > 0 ? h : p;
   return /* @__PURE__ */ e(mo, { sx: { height: f }, children: /* @__PURE__ */ e(
-    jt,
+    Yt,
     {
       areBeatsLoading: a.isLoading,
       beats: t,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mx-cartographer/experiences",
-  "version": "7.13.16",
+  "version": "7.13.18",
   "description": "Library containing experience widgets",
   "author": "MX",
   "license": "MIT",
@@ -192,8 +192,8 @@
     "@mui/x-date-pickers": "^7.29.4",
     "@mui/x-date-pickers-pro": "^7.29.4",
     "@mxenabled/cssinjs": "^0.6.0",
-    "@mxenabled/mx-icons": "^1.5.1",
-    "@mxenabled/mxui": "^1.5.14",
+    "@mxenabled/mx-icons": "^1.7.0",
+    "@mxenabled/mxui": "^1.5.16",
     "@mxenabled/web-widget-sdk": "^0.0.13",
     "@tanstack/react-virtual": "^3.13.2",
     "bowser": "^2.11.0",
@@ -281,5 +281,5 @@
     "CHANGELOG.md",
     "README.md"
   ],
-  "packageManager": "yarn@4.11.0"
+  "packageManager": "yarn@4.13.0"
 }