@mx-cartographer/experiences 9.3.8-alpha.al0 → 9.4.0

package/dist/trends/TrendsWidget.es.js

@@ -3,7 +3,7 @@ import { useInsightsEnabled as Ae } from "../common/hooks/useInsightsEnabled.es.
 import { useScreenSize as be } from "../common/hooks/useScreenSize.es.js";
 import { useWidgetLoadTimer as Ie } from "../common/hooks/useWidgetLoadTimer.es.js";
 import xe from "../common/components/drawer/Drawer.es.js";
-import { ANALYTICS_EVENTS as s } from "../common/constants/Analytics.es.js";
+import { ANALYTICS_EVENTS as a } from "../common/constants/Analytics.es.js";
 import Re from "../common/components/Loader.es.js";
 import { WidgetContainer as ve } from "../common/components/WidgetContainer.es.js";
 import Ne from "../common/components/ConnectDrawer.es.js";
@@ -16,30 +16,30 @@ import Ge from "./components/CategoriesList.es.js";
 import Me from "./components/TrendsInsights.es.js";
 import { CategoryDetails as Oe } from "./components/CategoryDetails.es.js";
 import ze from "./components/TrendsChartTotals.es.js";
-import { TRENDS_BEAT_TEMPLATES as Ke } from "./constants/TrendsInsights.es.js";
-import { buildEmptyStateProps as Ve } from "./utils/TrendsWidget.es.js";
+import { TRENDS_BEAT_TEMPLATES as Fe } from "./constants/TrendsInsights.es.js";
+import { buildEmptyStateProps as Ke } from "./utils/TrendsWidget.es.js";
 import i from "react";
-import { observer as Fe } from "mobx-react-lite";
+import { observer as Ve } from "mobx-react-lite";
 import f from "@mui/material/Stack";
 import je from "@mui/material/Button";
 import { ArrowBack as Pe } from "@mxenabled/mx-icons";
-import { Fragment as Ue, jsx as e, jsxs as a } from "react/jsx-runtime";
+import { Fragment as Ue, jsx as e, jsxs as s } from "react/jsx-runtime";
 import w from "@mui/material/Box";
 import { differenceInCalendarMonths as k } from "date-fns/differenceInCalendarMonths";
 import { addSeconds as Ye } from "date-fns/addSeconds";
 var $e = ({ onBackClick: H, onMenuClick: G, onInsightCardClick: M, sx: O }) => {
-  const { onEvent: r } = Se(), { config: E } = _e(), { isDesktop: z, isLargeDesktop: K, isMobile: C } = be(), { isAccountDataLoaded: p, loadAccountData: V, visibleAccounts: F } = Ce(), { categoriesLoaded: j, loadCategories: P, monthlyCategoryTotals: d, monthlyTotalsLoaded: U, reloadCategoryTotals: Y } = Te(), { isTransactionDataLoaded: $, loadTransactionData: q, setFilter: J } = De(), { selectedCategoryData: _, selectedDateRange: o, setSelectedCategoryData: D, setSelectedDateRange: Q } = Le(), { isInitialized: T, selectedAccounts: X, selectedAccountGuids: L } = Ee(), { trends: l, connect: Z } = ye(), { beatStore: A } = we(), b = Ae() && E.show_insights_widget_in_master, m = z || K, [I, ee] = i.useState(!1), [S, te] = i.useState(!1), [h, oe] = i.useState("Chart"), [y, x] = i.useState(""), [R, ie] = i.useState(window.innerHeight), ne = m ? 56 : 0, v = R - 208, re = R - (b ? 550 + ne : 266), [se, N] = i.useState(!1), ae = E.show_connections_widget_in_master;
+  const { onEvent: r } = Se(), { config: E } = _e(), { isDesktop: z, isLargeDesktop: F, isMobile: C } = be(), { isAccountDataLoaded: p, loadAccountData: K, visibleAccounts: V } = Ce(), { categoriesLoaded: j, loadCategories: P, monthlyCategoryTotals: d, monthlyTotalsLoaded: U, reloadCategoryTotals: Y } = Te(), { isTransactionDataLoaded: $, loadTransactionData: q, setFilter: J } = De(), { selectedCategoryData: _, selectedDateRange: o, setSelectedCategoryData: D, setSelectedDateRange: Q } = Le(), { isInitialized: T, selectedAccounts: X, selectedAccountGuids: L } = Ee(), { trends: l, connect: Z } = ye(), { beatStore: A } = we(), b = Ae() && E.show_insights_widget_in_master, m = z || F, [I, ee] = i.useState(!1), [S, te] = i.useState(!1), [h, oe] = i.useState("Chart"), [y, x] = i.useState(""), [R, ie] = i.useState(window.innerHeight), ne = m ? 56 : 0, v = R - 208, re = R - (b ? 550 + ne : 266), [ae, N] = i.useState(!1), se = E.show_connections_widget_in_master;
   Ie({
     widgetName: "TrendsWidget",
     isLoaded: I
   });
-  const B = i.useMemo(() => S ? A.getFilteredBeats({ templates: Ke }) : [], [S]);
+  const B = i.useMemo(() => S ? A.getFilteredBeats({ templates: Fe }) : [], [S]);
   i.useEffect(() => {
     const t = () => ie(window.innerHeight);
-    return window.addEventListener("resize", t), p || V().finally(), j || P().finally(), $ || q().finally(), () => window.removeEventListener("resize", t);
+    return window.addEventListener("resize", t), p || K().finally(), j || P().finally(), $ || q().finally(), () => window.removeEventListener("resize", t);
   }, []), i.useEffect(() => {
     T && p && (A.loadBeats().finally(() => te(!0)), Y(X, o.start, o.end).finally(() => {
-      ee(!0), r(s.TRENDS_LOAD_WIDGET, {
+      ee(!0), r(a.TRENDS_LOAD_WIDGET, {
         ...c,
         time_period: `${k(o.end, o.start)}M`
       });
@@ -68,11 +68,11 @@ var $e = ({ onBackClick: H, onMenuClick: G, onInsightCardClick: M, sx: O }) => {
   const le = (t) => {
     D(t);
   }, ce = () => {
-    D(null), r(s.TRENDS_CLICK_BACK, c);
+    D(null), r(a.TRENDS_CLICK_BACK, c);
   }, de = () => {
-    N(!0), r(s.TRENDS_CLICK_CONNECT_ACCOUNTS);
+    N(!0), r(a.TRENDS_CLICK_CONNECT_ACCOUNTS);
   }, me = (t, n) => {
-    oe(n ?? h), r(s.TRENDS_CLICK_TOGGLE_VIEW, {
+    oe(n ?? h), r(a.TRENDS_CLICK_TOGGLE_VIEW, {
       ...c,
       toggleView: n
     });
@@ -81,23 +81,23 @@ var $e = ({ onBackClick: H, onMenuClick: G, onInsightCardClick: M, sx: O }) => {
     Q({
       start: n,
       end: g
-    }), r(s.TRENDS_CLICK_TIME_WINDOW, {
+    }), r(a.TRENDS_CLICK_TIME_WINDOW, {
       ...c,
       time_period: ue + "M"
     });
   }, fe = (t) => {
-    r(s.TRENDS_CLICK_FILTER, {
+    r(a.TRENDS_CLICK_FILTER, {
       ...c,
       filterValue: t
     });
   }, pe = (t) => {
     x(t);
   }, he = () => {
-    x(""), r(s.TRENDS_CLICK_ALL_CATEGORIES, c);
+    x(""), r(a.TRENDS_CLICK_ALL_CATEGORIES, c);
   };
   if (!T || !p || !I || !U) return /* @__PURE__ */ e(Re, {});
-  const W = F.length === 0 || d.length === 0, u = Ve(l, ae, de);
-  return /* @__PURE__ */ a(ve, {
+  const W = V.length === 0 || d.length === 0, u = Ke(l, se, de);
+  return /* @__PURE__ */ s(ve, {
     calendarActions: { onRangeChanged: ge },
     dateRange: o,
     dateRangeVariant: C ? "timeframetabs" : "timeframebuttons",
@@ -106,10 +106,10 @@ var $e = ({ onBackClick: H, onMenuClick: G, onInsightCardClick: M, sx: O }) => {
     onMenuClick: G,
     sx: O,
     title: l.title,
-    children: [/* @__PURE__ */ a(f, {
+    children: [/* @__PURE__ */ s(f, {
       sx: { px: C ? 0 : 48 },
       children: [
-        /* @__PURE__ */ a(f, {
+        /* @__PURE__ */ s(f, {
           flexDirection: "row",
           justifyContent: "space-between",
           sx: {
@@ -131,7 +131,7 @@ var $e = ({ onBackClick: H, onMenuClick: G, onInsightCardClick: M, sx: O }) => {
           width: "100%",
           children: /* @__PURE__ */ e(w, {
             flexGrow: 1,
-            children: y && /* @__PURE__ */ a(je, {
+            children: y && /* @__PURE__ */ s(je, {
               onClick: he,
               sx: {
                 p: 0,
@@ -152,10 +152,10 @@ var $e = ({ onBackClick: H, onMenuClick: G, onInsightCardClick: M, sx: O }) => {
             maxWidth: 432
           }
         }),
-        !W && /* @__PURE__ */ a(f, {
+        !W && /* @__PURE__ */ s(f, {
           flexDirection: m ? "row" : "column",
           gap: m ? 48 : 16,
-          children: [h === "Chart" && /* @__PURE__ */ a(Ue, { children: [/* @__PURE__ */ e(w, {
+          children: [h === "Chart" && /* @__PURE__ */ s(Ue, { children: [/* @__PURE__ */ e(w, {
             sx: { width: m ? "68%" : "100%" },
             children: /* @__PURE__ */ e(ze, {
               availableHeight: v,
@@ -163,7 +163,7 @@ var $e = ({ onBackClick: H, onMenuClick: G, onInsightCardClick: M, sx: O }) => {
               selectedDateRange: o,
               totals: d
             })
-          }), /* @__PURE__ */ a(f, {
+          }), /* @__PURE__ */ s(f, {
             gap: 16,
             sx: { width: m ? "32%" : "100%" },
             children: [b && S && B.length > 0 && /* @__PURE__ */ e(Me, {
@@ -194,11 +194,11 @@ var $e = ({ onBackClick: H, onMenuClick: G, onInsightCardClick: M, sx: O }) => {
       ]
     }), /* @__PURE__ */ e(Ne, {
       onClose: () => N(!1),
-      showConnectWidget: se,
+      showConnectWidget: ae,
       title: Z.mini_title
     })]
   });
-}, Dt = Fe($e);
+}, Dt = Ve($e);
 export {
   Dt as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mx-cartographer/experiences",
-  "version": "9.3.8-alpha.al0",
+  "version": "9.4.0",
   "description": "Library containing experience widgets",
   "author": "MX",
   "license": "MIT",