@mx-cartographer/experiences 9.0.0-alpha.al9 → 9.0.0-ram1-bug-alpha-testing

package/dist/trends/index.es.js

@@ -24,22 +24,22 @@ import { a as Re, C as $e, b as Nt } from "../Category-DEKZGLYe.mjs";
 import { f as X, D as G } from "../DateFormats-HudZ3Bjs.mjs";
 import { f as re, a as Wt } from "../NumberFormatting--XMeeBfr.mjs";
 import { a as Ke, c as Ot, g as Gt } from "../TrendsUtil-D9z3kIj_.mjs";
-import { c as Bt, i as Pt, d as Vt, e as zt, g as at, b as it, f as Ye } from "../SpendingData-PKlh8caU.mjs";
+import { c as Bt, i as Pt, d as Vt, e as zt, g as at, b as it, f as Ye } from "../SpendingData-xyRoRDHv.mjs";
 import Ft from "@mui/material/ToggleButton";
 import $t from "@mui/material/ToggleButtonGroup";
 import { parseISO as lt } from "date-fns/parseISO";
 import { H as ke } from "../HeaderCell-P8w6CmfO.mjs";
-import { T as W, a as Kt } from "../ViewMoreMicroCard-DoVNDQVG.mjs";
+import { T as W, a as Kt } from "../ViewMoreMicroCard-BD_MNc2z.mjs";
 import { useGridApiContext as Yt, useGridRootProps as jt, DataGridPro as Ut } from "@mui/x-data-grid-pro";
 import Xt from "@mui/material/Badge";
 import Zt from "@mui/material/IconButton";
 import { A as w } from "../Analytics-CzGzz_sE.mjs";
-import { T as ct } from "../EmbeddedCard-wENckl64.mjs";
-import { T as dt } from "../TransactionDetails-CMUIncOc.mjs";
-import { D as Pe } from "../Drawer-BNu88yNt.mjs";
+import { T as ct } from "../EmbeddedCard-DPwJjqMH.mjs";
+import { T as dt } from "../TransactionDetails-C3dlAzYf.mjs";
+import { D as Pe } from "../Drawer-BXqqBMxg.mjs";
 import { u as Ie } from "../useWidgetLoadTimer-CJb-RELP.mjs";
 import { L as Le } from "../Loader-CxeBwuPG.mjs";
-import { W as ut } from "../WidgetContainer-CmkRiOTH.mjs";
+import { W as ut } from "../WidgetContainer-DNuz_s7W.mjs";
 import { L as Ve } from "../LineChart-CejWS_rh.mjs";
 import { M as Qt } from "../MiniWidgetContainer-BdPiUU-u.mjs";
 import { subMonths as qt } from "date-fns";
@@ -55,10 +55,10 @@ import { g as Oe } from "../TransactionUtils-BphBJBbU.mjs";
 import { L as uo } from "../ListItemRow-kH1rn8Xu.mjs";
 import { Stack as mo } from "@mui/material";
 import ho from "@mui/material/ListItemAvatar";
-import { E as go } from "../ExportCsvAction-BkABqw52.mjs";
+import { E as go } from "../ExportCsvAction-Bw02ZJEj.mjs";
 import { u as po } from "../useInsightsEnabled-DaNLPmUU.mjs";
 import { E as fo } from "../EmptyState-CJUDc3kD.mjs";
-import { C as yo } from "../ConnectDrawer-CPsSusKE.mjs";
+import { C as yo } from "../ConnectDrawer-Cnjr3Ddg.mjs";
 const gt = ({ 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: [
@@ -219,7 +219,7 @@ const gt = ({ categoryGuid: t, topLevelCategoryGuid: n }) => {
     hoveredAreaData: null,
     isAreaHovered: !1,
     cursorPos: { x: 0, y: 0 }
-  }), { hoveredSeriesId: L, hoveredAreaData: M, isAreaHovered: E, cursorPos: v } = N, K = E && L && M, ae = !K, Y = [...r, ...c], J = Y[0]?.dataset.length ?? 0, P = Y.flatMap((l) => l.dataset.map((b) => b.x)), V = Y.flatMap((l) => l.dataset.map((b) => b.y)), O = r[0]?.dataset?.map(
+  }), { hoveredSeriesId: L, hoveredAreaData: E, isAreaHovered: M, cursorPos: v } = N, K = M && L && E, ae = !K, Y = [...r, ...c], J = Y[0]?.dataset.length ?? 0, P = Y.flatMap((l) => l.dataset.map((b) => b.x)), V = Y.flatMap((l) => l.dataset.map((b) => b.y)), O = r[0]?.dataset?.map(
     (l, b) => r.reduce((I, z) => I + z.dataset[b]?.y || 0, 0)
   ) ?? [0], ee = Math.max(...O), Ce = Math.max(
     ...c.flatMap((l) => l.dataset.map((b) => b.y))
@@ -411,7 +411,7 @@ const gt = ({ categoryGuid: t, topLevelCategoryGuid: n }) => {
                 categoryGuids: B(L),
                 chartContainerRef: _,
                 cursorPosition: v,
-                hoveredAreaData: M.map((l) => ({
+                hoveredAreaData: E.map((l) => ({
                   ...l,
                   x: X(l.x, G.MONTH_SHORT_YEAR)
                 }))
@@ -686,7 +686,7 @@ const Lo = g.memo(Io), Qe = ({
       {}
     )
   };
-  return /* @__PURE__ */ C(
+  return console.log({ incomeRows: f, spendingRows: m, totalSpendingRow: _ }), /* @__PURE__ */ C(
     S,
     {
       gap: 24,
@@ -762,7 +762,7 @@ const Lo = g.memo(Io), Qe = ({
     isTransactionDataLoaded: y,
     loadTransactionData: T,
     sortedTransactions: N
-  } = we(), { selectedDateRange: x, setSelectedDateRange: L } = ye(), { isInitialized: M, selectedAccounts: E } = fe(), { trends: v } = R(), [K, ae] = g.useState(!1), [Y, J] = g.useState(!1), [P, V] = g.useState("Chart"), [O, ee] = g.useState(""), [Ce, ie] = g.useState(window.innerHeight), j = Ce - (a ? 315 : 345);
+  } = we(), { selectedDateRange: x, setSelectedDateRange: L } = ye(), { isInitialized: E, selectedAccounts: M } = fe(), { trends: v } = R(), [K, ae] = g.useState(!1), [Y, J] = g.useState(!1), [P, V] = g.useState("Chart"), [O, ee] = g.useState(""), [Ce, ie] = g.useState(window.innerHeight), j = Ce - (a ? 315 : 345);
   Ie({
     widgetName: "TrendsFullWidget",
     isLoaded: K
@@ -770,9 +770,9 @@ const Lo = g.memo(Io), Qe = ({
     const D = () => ie(window.innerHeight);
     return window.addEventListener("resize", D), d || u().finally(), i || f().finally(), y || T().finally(), () => window.removeEventListener("resize", D);
   }, []), g.useEffect(() => {
-    M && m(E, x.start, x.end).then(() => {
+    E && m(M, x.start, x.end).then(() => {
       _(
-        E,
+        M,
         x.start,
         x.end
       );
@@ -782,7 +782,7 @@ const Lo = g.memo(Io), Qe = ({
         time_period: `${Se(x.end, x.start)}M`
       });
     });
-  }, [M, E, x]);
+  }, [E, M, x]);
   const ne = g.useMemo(() => {
     if (!K) return { stackedDatasets: [], unstackedDatasets: [] };
     const D = Gt(
@@ -816,7 +816,7 @@ const Lo = g.memo(Io), Qe = ({
   }, me = (D) => {
     o(w.TRENDS_HOVER_POINT, { category: D });
   };
-  return !M || !K ? /* @__PURE__ */ e(Le, {}) : /* @__PURE__ */ C(
+  return !E || !K ? /* @__PURE__ */ e(Le, {}) : /* @__PURE__ */ C(
     ut,
     {
       calendarActions: { onRangeChanged: de },
@@ -1055,9 +1055,9 @@ const Lo = g.memo(Io), Qe = ({
       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 = () => {
+  ), [p, y] = _, [T, N] = h, x = Ye(y.y, p.y), L = Ye(N.y, T.y), E = m && !o?.length, M = () => {
     r(
-      M ? w.TRENDS_CLICK_GET_STARTED : w.TRENDS_CLICK_VIEW_MORE
+      E ? w.TRENDS_CLICK_GET_STARTED : w.TRENDS_CLICK_VIEW_MORE
     ), t();
   };
   return !d || !m ? /* @__PURE__ */ e(Le, {}) : /* @__PURE__ */ e(
@@ -1065,10 +1065,10 @@ const Lo = g.memo(Io), Qe = ({
     {
       className: "mx-trends-microwidget",
       ctaLabel: i.micro_primary_cta_label,
-      onCTAClick: E,
-      subHeader: M ? void 0 : i.micro_subheader,
+      onCTAClick: M,
+      subHeader: E ? void 0 : i.micro_subheader,
       title: i.title,
-      children: M ? /* @__PURE__ */ e(Oo, {}) : /* @__PURE__ */ C(
+      children: E ? /* @__PURE__ */ e(Oo, {}) : /* @__PURE__ */ C(
         S,
         {
           sx: {
@@ -1226,18 +1226,17 @@ const Lo = g.memo(Io), Qe = ({
     {
       areBeatsLoading: a.isLoading,
       beats: t,
+      cardStyle: "border",
       endpoint: d,
       headerSx: { p: 0 },
       logOutUser: m,
       onCardClick: _,
-      showBorder: !0,
       showCarouselControls: !0,
       showHeader: i,
       showIcon: !0,
       showWithMargin: !1,
       token: u,
       userHasFullInsightFeedBeats: !1,
-      variant: "outlined",
       visibleCardsCount: f
     }
   ) });
@@ -1281,7 +1280,7 @@ const Lo = g.memo(Io), Qe = ({
   const { guid: _, name: h, is_income: p, totalAmount: y } = d, T = Oe(_, t), N = p ? a.income_label : a.spending_label, x = ` ${d.transactions.length === 1 ? a.transaction : a.transactions} (${d.transactions.length})`, L = g.useMemo(
     () => i.find((v) => v.guid === f),
     [f, i]
-  ), M = i.length > 0 && !n && (s || r && !o), E = (v) => v.category_guid === _ || v.top_level_category_guid === _;
+  ), E = i.length > 0 && !n && (s || r && !o), M = (v) => v.category_guid === _ || v.top_level_category_guid === _;
   return /* @__PURE__ */ C(S, { sx: { alignItems: "center", height: "100%" }, children: [
     /* @__PURE__ */ C(S, { sx: { borderRadius: 0, pb: 4, pt: 16, px: 12, width: "100%" }, children: [
       /* @__PURE__ */ e(We, { sx: { px: 12 }, children: /* @__PURE__ */ C(mt, { children: [
@@ -1302,14 +1301,14 @@ const Lo = g.memo(Io), Qe = ({
       /* @__PURE__ */ e(zo, { chartColor: T, chartLabel: N }),
       /* @__PURE__ */ C(S, { alignItems: "center", direction: "row", justifyContent: "space-between", sx: { mx: 12 }, children: [
         /* @__PURE__ */ e(F, { bold: !0, variant: "body1", children: x }),
-        M && /* @__PURE__ */ e(go, { filter: E })
+        E && /* @__PURE__ */ e(go, { filter: M })
       ] })
     ] }),
     /* @__PURE__ */ e(
       ct,
       {
         bgcolor: "transparent",
-        filter: E,
+        filter: M,
         height: "calc(100vh - 475px)",
         onClick: m
       }
@@ -1346,10 +1345,14 @@ const Lo = g.memo(Io), Qe = ({
   totals: o
 }) => {
   const r = Z(), { onEvent: c } = $(), { trends: a } = R(), { isSmallMobile: d, isMobile: u, isSmallTablet: i, isTablet: f } = Q(), m = [r.palette.chart?.chart1, r.palette.chart?.chart2], _ = $o(o, s), h = Ko(_, 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);
-  }, [t]), /* @__PURE__ */ e(
+  g.useEffect(() => {
+    const M = Math.max(t - x, n);
+    y(M);
+  }, [t]);
+  const E = () => {
+    c(w.TRENDS_CLICK_CHART, W);
+  };
+  return console.log({ datasets: _, totals: o }), /* @__PURE__ */ e(
     Ve,
     {
       baseline: "min",
@@ -1358,9 +1361,7 @@ const Lo = g.memo(Io), Qe = ({
       datasets: _,
       height: L,
       labels: h,
-      onItemClick: () => {
-        c(w.TRENDS_CLICK_CHART, W);
-      },
+      onItemClick: E,
       showArea: !0,
       showAxisHighlight: !0,
       showLegend: !0,
@@ -1424,7 +1425,7 @@ const Lo = g.memo(Io), Qe = ({
     loadMonthlyCategoryTotals: y,
     monthlyCategoryTotals: T,
     monthlyTotalsLoaded: N
-  } = q(), { isTransactionDataLoaded: x, loadTransactionData: L, setFilter: M } = we(), { selectedCategoryData: E, selectedDateRange: v, setSelectedCategoryData: K, setSelectedDateRange: ae } = ye(), { isInitialized: Y, selectedAccounts: J, selectedAccountGuids: P } = fe(), { trends: V, connect: O } = R(), { beatStore: ee } = Be(), ie = po() && c.show_insights_widget_in_master, te = a || d, [j, ne] = g.useState(!1), [U, de] = g.useState(!1), [B, ue] = g.useState("Chart"), [se, le] = g.useState(""), [ce, me] = g.useState(window.innerHeight), D = te ? 56 : 0, l = ce - 208, b = ce - (ie ? 550 + D : 266), [I, z] = g.useState(!1), Ee = c.show_connections_widget_in_master;
+  } = q(), { isTransactionDataLoaded: x, loadTransactionData: L, setFilter: E } = we(), { selectedCategoryData: M, selectedDateRange: v, setSelectedCategoryData: K, setSelectedDateRange: ae } = ye(), { isInitialized: Y, selectedAccounts: J, selectedAccountGuids: P } = fe(), { trends: V, connect: O } = R(), { beatStore: ee } = Be(), ie = po() && c.show_insights_widget_in_master, te = a || d, [j, ne] = g.useState(!1), [U, de] = g.useState(!1), [B, ue] = g.useState("Chart"), [se, le] = g.useState(""), [ce, me] = g.useState(window.innerHeight), D = te ? 56 : 0, l = ce - 208, b = ce - (ie ? 550 + D : 266), [I, z] = g.useState(!1), Ee = c.show_connections_widget_in_master;
   Ie({
     widgetName: "TrendsWidget",
     isLoaded: j
@@ -1452,7 +1453,7 @@ const Lo = g.memo(Io), Qe = ({
         accounts: P,
         dateRange: { start: v.start, end: v.end }
       };
-      M({
+      E({
         ...k,
         custom: (oe) => !!T.find(
           (ge) => ge.top_level_category_guid === oe.top_level_category_guid || ge.category_guid === oe.category_guid
@@ -1584,11 +1585,11 @@ const Lo = g.memo(Io), Qe = ({
                 Pe,
                 {
                   ariaLabelClose: V.close_category_details,
-                  isOpen: !!E,
+                  isOpen: !!M,
                   onClose: Me,
                   shouldShowHeaderShadow: !0,
-                  title: E?.is_income ? V.category_income : V.category_spending,
-                  children: E && /* @__PURE__ */ e(Fo, {})
+                  title: M?.is_income ? V.category_income : V.category_spending,
+                  children: M && /* @__PURE__ */ e(Fo, {})
                 }
               )
             ]

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mx-cartographer/experiences",
-  "version": "9.0.0-alpha.al9",
+  "version": "9.0.0-ram1-bug-alpha-testing",
   "description": "Library containing experience widgets",
   "author": "MX",
   "license": "MIT",
@@ -192,15 +192,15 @@
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.1",
     "@mui/lab": "^7",
-    "@mui/material": "^7",
-    "@mui/system": "^7",
+    "@mui/material": "7.3.11",
+    "@mui/system": "7.3.11",
     "@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": "^2",
-    "@mxenabled/mxui": "2.5.3-alpha.al3",
+    "@mxenabled/mxui": "2.5.3",
     "@mxenabled/web-widget-sdk": "^0.0.15",
     "@tanstack/react-virtual": "^3.13.24",
     "bowser": "^2.14.1",

package/dist/SearchBox-CwDgvWVJ.mjs

@@ -1,48 +0,0 @@
-import { jsx as o } from "react/jsx-runtime";
-import { observer as s } from "mobx-react-lite";
-import m from "@mui/material/Box";
-import p from "@mui/material/IconButton";
-import t from "@mui/material/InputAdornment";
-import { TextField as d, Icon as n } from "@mxenabled/mxui";
-const x = ({
-  ariaLabel: c = "Search",
-  cancelAriaLabel: a = "Cancel Search",
-  onChange: e,
-  placeholder: i = "Search",
-  searchValue: r
-}) => /* @__PURE__ */ o(m, { className: "mx-cmn-search-box", px: 24, py: 16, children: /* @__PURE__ */ o(
-  d,
-  {
-    InputProps: {
-      startAdornment: /* @__PURE__ */ o(t, { position: "start", children: /* @__PURE__ */ o(n, { name: "search", size: 26, sx: { color: "action.active" } }) }),
-      endAdornment: /* @__PURE__ */ o(t, { position: "end", sx: { p: 0 }, children: r ? /* @__PURE__ */ o(
-        p,
-        {
-          "aria-label": a,
-          className: "mx-cat-cancel-search-button",
-          color: "primary",
-          onClick: () => e(""),
-          children: /* @__PURE__ */ o(n, { name: "cancel", size: 24 })
-        }
-      ) : null }),
-      sx: {
-        "& .MuiOutlinedInput-notchedOutline": {
-          borderColor: "text.secondary",
-          opacity: 0.5
-        },
-        "& input::placeholder": { color: "text.secondary", opacity: 1 }
-      }
-    },
-    "aria-label": c,
-    name: "search",
-    onChange: (l) => e(l.target.value),
-    placeholder: i,
-    sx: {
-      width: "100%"
-    },
-    value: r
-  }
-) }), I = s(x);
-export {
-  I as S
-};