@mx-cartographer/experiences 7.4.6-alpha.mm1 → 7.4.6-alpha.mm2

package/dist/accounts/index.es.js

@@ -24,7 +24,7 @@ import { f as I } from "../NumberFormatting-DjTD0t3W.mjs";
 import { D as c1 } from "../Drawer-BEtCk82g.mjs";
 import { A as x, W as s1 } from "../WidgetContainer-DR_iRKNU.mjs";
 import { C as a1 } from "../ConnectionsDrawer-vSEOHrUC.mjs";
-import { u as r1 } from "../useWidgetLoadTimer-C4tYP28Y.mjs";
+import { u as r1 } from "../useWidgetLoadTimer-CY26D0n1.mjs";
 import { u as Y } from "../useScreenSize-B6JyS_Lj.mjs";
 import { L as w } from "../Loader-DUaFpDGv.mjs";
 import L1 from "@mui/material/ListItem";

package/dist/common/index.es.js

@@ -53,7 +53,7 @@ import { G as mo, C as _o, D as fo, W as yo, e as So, b as bo, i as wo, v as xo,
 import { u as Qo } from "../useAccountDisplayName-BUtYhbqe.mjs";
 import { u as Xo } from "../useInsightsEnabled-v_GGt72p.mjs";
 import { u as Ko } from "../useScreenSize-B6JyS_Lj.mjs";
-import { u as Zo } from "../useWidgetLoadTimer-C4tYP28Y.mjs";
+import { u as Zo } from "../useWidgetLoadTimer-CY26D0n1.mjs";
 import { makeAutoObservable as f, runInAction as p, reaction as _t, autorun as ft } from "mobx";
 import { a as yt } from "../AccountStore-kxFbaz-K.mjs";
 import St from "posthog-js";

package/dist/dashboard/index.es.js

@@ -1,10 +1,10 @@
-import { jsx as e, jsxs as a } from "react/jsx-runtime";
+import { jsx as t, jsxs as a } from "react/jsx-runtime";
 import c from "react";
 import { observer as _ } from "mobx-react-lite";
 import h from "@mui/material/Unstable_Grid2";
 import d from "@mui/material/Skeleton";
 import s from "@mui/material/Stack";
-import z from "@mui/material/styles/useTheme";
+import D from "@mui/material/styles/useTheme";
 import { g as A, a as v, e as C, c as M, b as k } from "../hooks-DtrRa6Lb.mjs";
 import B from "@mui/material/Paper";
 import { Icon as S, H1 as G, P as F } from "@mxenabled/mxui";
@@ -15,15 +15,15 @@ import $ from "@mui/material/IconButton";
 import H from "@mui/material/Tooltip";
 import R from "@mui/material/useMediaQuery";
 import { k as j, l as Q } from "../ConnectDrawer-g2IXvoSS.mjs";
-import { u as D } from "../useScreenSize-B6JyS_Lj.mjs";
-import { u as E } from "../useWidgetLoadTimer-C4tYP28Y.mjs";
+import { u as z } from "../useScreenSize-B6JyS_Lj.mjs";
+import { u as E } from "../useWidgetLoadTimer-CY26D0n1.mjs";
 const N = _(() => {
-  const t = z(), {
+  const e = D(), {
     appDataStore: { banner: r, loadBanner: i, user: u }
   } = A();
   return c.useEffect(() => {
     i().finally();
-  }, [u]), r?.image_url ? /* @__PURE__ */ e(
+  }, [u]), r?.image_url ? /* @__PURE__ */ t(
     s,
     {
       sx: {
@@ -31,7 +31,7 @@ const N = _(() => {
         width: "100%",
         mb: 24
       },
-      children: /* @__PURE__ */ e(
+      children: /* @__PURE__ */ t(
         "a",
         {
           href: r?.redirect_url,
@@ -40,7 +40,7 @@ const N = _(() => {
             width: "100%"
           },
           target: "_blank",
-          children: /* @__PURE__ */ e(
+          children: /* @__PURE__ */ t(
             "img",
             {
               alt: "",
@@ -48,7 +48,7 @@ const N = _(() => {
               style: {
                 width: "100%",
                 height: "auto",
-                border: `1px solid ${t.palette.grey[300]}`
+                border: `1px solid ${e.palette.grey[300]}`
               }
             }
           )
@@ -56,9 +56,9 @@ const N = _(() => {
       )
     }
   ) : null;
-}), P = ({ handleConnectClick: t }) => {
+}), P = ({ handleConnectClick: e }) => {
   const { common: r } = v(), i = R("(max-width: 700px)");
-  return /* @__PURE__ */ e(T, { my: 4, children: i ? /* @__PURE__ */ e(H, { id: "add-accounts", placement: "bottom", title: r.add_accounts, children: /* @__PURE__ */ e(
+  return /* @__PURE__ */ t(T, { my: 4, children: i ? /* @__PURE__ */ t(H, { id: "add-accounts", placement: "bottom", title: r.add_accounts, children: /* @__PURE__ */ t(
     $,
     {
       "aria-controls": "add_accounts",
@@ -66,17 +66,17 @@ const N = _(() => {
       "aria-haspopup": !0,
       "aria-label": r.add_accounts,
       color: "primary",
-      onClick: t,
-      children: /* @__PURE__ */ e(S, { name: "add", size: 24 })
+      onClick: e,
+      children: /* @__PURE__ */ t(S, { name: "add", size: 24 })
     }
-  ) }) : /* @__PURE__ */ e(
+  ) }) : /* @__PURE__ */ t(
     I,
     {
       "aria-controls": "add_accounts",
       "aria-haspopup": !0,
       "aria-label": r.add_accounts,
-      onClick: t,
-      startIcon: /* @__PURE__ */ e(S, { name: "add", size: 24 }),
+      onClick: e,
+      startIcon: /* @__PURE__ */ t(S, { name: "add", size: 24 }),
       sx: {
         p: 12,
         whiteSpace: "nowrap",
@@ -87,7 +87,7 @@ const N = _(() => {
     }
   ) });
 }, O = _(P), U = () => {
-  const [t, r] = c.useState(!1), i = W("(max-width:320px)"), { visibleAccounts: u } = C(), { selectedAccountGuids: g, setSelectedAccountGuids: b } = M(), { common: o, connect: l } = v(), { config: m } = k(), { isMobile: x } = D(), n = {
+  const [e, r] = c.useState(!1), i = W("(max-width:320px)"), { visibleAccounts: u } = C(), { selectedAccountGuids: g, setSelectedAccountGuids: b } = M(), { common: o, connect: l } = v(), { config: m } = k(), { isMobile: x } = z(), n = {
     accountFilterOptionsCopy: {
       accountTypeAccounts: o.account_filter.account_type_accounts,
       cancelButton: o.cancel_button,
@@ -106,14 +106,14 @@ const N = _(() => {
     return p > 1 && p < 12 ? o.good_morning : p >= 12 && p < 18 ? o.good_afternoon : o.good_evening;
   };
   return /* @__PURE__ */ a(c.Fragment, { children: [
-    /* @__PURE__ */ e(B, { sx: { gap: 12, mb: x ? 24 : 0, p: 24 }, children: /* @__PURE__ */ a(s, { alignItems: "center", flexDirection: "row", justifyContent: "space-between", children: [
+    /* @__PURE__ */ t(B, { sx: { gap: 12, mb: x ? 24 : 0, p: 24 }, children: /* @__PURE__ */ a(s, { alignItems: "center", flexDirection: "row", justifyContent: "space-between", children: [
       /* @__PURE__ */ a(s, { children: [
-        /* @__PURE__ */ e(G, { variant: i ? "H2" : "H1", children: w() }),
-        /* @__PURE__ */ e(F, { color: "text.secondary", children: o.heres_your_spending_overview })
+        /* @__PURE__ */ t(G, { variant: i ? "H2" : "H1", children: w() }),
+        /* @__PURE__ */ t(F, { color: "text.secondary", children: o.heres_your_spending_overview })
       ] }),
       /* @__PURE__ */ a(s, { flexDirection: "row", children: [
-        m.show_connections_widget_in_master && /* @__PURE__ */ e(O, { handleConnectClick: () => r(!0) }),
-        /* @__PURE__ */ e(
+        m.show_connections_widget_in_master && /* @__PURE__ */ t(O, { handleConnectClick: () => r(!0) }),
+        /* @__PURE__ */ t(
           j,
           {
             accounts: u,
@@ -132,28 +132,28 @@ const N = _(() => {
         )
       ] })
     ] }) }),
-    t && /* @__PURE__ */ e(
+    e && /* @__PURE__ */ t(
       Q,
       {
         onClose: () => r(!1),
-        showConnectWidget: t,
+        showConnectWidget: e,
         title: l.mini_title
       }
     )
   ] });
 }, q = _(U);
-var f = /* @__PURE__ */ ((t) => (t[t.Main = 0] = "Main", t[t.RightSide = 1] = "RightSide", t[t.Disabled = 2] = "Disabled", t))(f || {});
-const J = ({ widgets: t, isLoading: r }) => {
-  const { isDesktop: i, isMobile: u } = D(), { copyStore: g } = A(), { setSelectedAccounts: b } = M(), { visibleAccounts: o } = C();
-  console.log("Dashboard render"), c.useEffect(() => {
+var f = /* @__PURE__ */ ((e) => (e[e.Main = 0] = "Main", e[e.RightSide = 1] = "RightSide", e[e.Disabled = 2] = "Disabled", e))(f || {});
+const J = ({ widgets: e, isLoading: r }) => {
+  const { isDesktop: i, isMobile: u } = z(), { copyStore: g } = A(), { setSelectedAccounts: b } = M(), { visibleAccounts: o } = C();
+  c.useEffect(() => {
     b(o);
   }, [o]), E({
     widgetName: "Dashboard",
     isLoaded: !r
   });
   const l = c.useMemo(
-    () => t.filter((n) => n.location !== f.Disabled).sort((n, w) => n.index - w.index),
-    [t]
+    () => e.filter((n) => n.location !== f.Disabled).sort((n, w) => n.index - w.index),
+    [e]
   ), m = c.useMemo(
     () => l.filter((n) => n.location === f.Main),
     [l]
@@ -162,24 +162,24 @@ const J = ({ widgets: t, isLoading: r }) => {
     [l]
   );
   return /* @__PURE__ */ a(h, { container: !0, spacing: u ? 0 : 24, sx: { overflow: "scroll" }, children: [
-    /* @__PURE__ */ e(h, { xs: 12, children: g.isInitialized && /* @__PURE__ */ e(q, {}) }),
+    /* @__PURE__ */ t(h, { xs: 12, children: g.isInitialized && /* @__PURE__ */ t(q, {}) }),
     /* @__PURE__ */ a(h, { lg: 8, xs: 12, children: [
-      /* @__PURE__ */ e(N, {}),
+      /* @__PURE__ */ t(N, {}),
       r && /* @__PURE__ */ a(s, { direction: "column", spacing: 24, children: [
-        /* @__PURE__ */ e(d, { height: 100, variant: "rounded", width: "100%" }),
-        /* @__PURE__ */ e(d, { height: 300, variant: "rounded", width: "100%" }),
-        /* @__PURE__ */ e(d, { height: 300, variant: "rounded", width: "100%" })
+        /* @__PURE__ */ t(d, { height: 100, variant: "rounded", width: "100%" }),
+        /* @__PURE__ */ t(d, { height: 300, variant: "rounded", width: "100%" }),
+        /* @__PURE__ */ t(d, { height: 300, variant: "rounded", width: "100%" })
       ] }),
-      !r && /* @__PURE__ */ e(s, { direction: "column", spacing: 24, children: i ? m.map((n) => /* @__PURE__ */ e(c.Fragment, { children: n.component }, n.index)) : l.map((n) => /* @__PURE__ */ e(c.Fragment, { children: n.component }, n.index)) })
+      !r && /* @__PURE__ */ t(s, { direction: "column", spacing: 24, children: i ? m.map((n) => /* @__PURE__ */ t(c.Fragment, { children: n.component }, n.index)) : l.map((n) => /* @__PURE__ */ t(c.Fragment, { children: n.component }, n.index)) })
     ] }),
-    i && /* @__PURE__ */ e(h, { lg: 4, children: r ? /* @__PURE__ */ a(s, { direction: "column", spacing: 24, children: [
-      /* @__PURE__ */ e(d, { height: 200, variant: "rounded", width: "100%" }),
-      /* @__PURE__ */ e(d, { height: 100, variant: "rounded", width: "100%" }),
-      /* @__PURE__ */ e(d, { height: 300, variant: "rounded", width: "100%" })
-    ] }) : /* @__PURE__ */ e(s, { direction: "column", spacing: 24, children: x.map((n) => /* @__PURE__ */ e(c.Fragment, { children: n.component }, n.index)) }) })
+    i && /* @__PURE__ */ t(h, { lg: 4, children: r ? /* @__PURE__ */ a(s, { direction: "column", spacing: 24, children: [
+      /* @__PURE__ */ t(d, { height: 200, variant: "rounded", width: "100%" }),
+      /* @__PURE__ */ t(d, { height: 100, variant: "rounded", width: "100%" }),
+      /* @__PURE__ */ t(d, { height: 300, variant: "rounded", width: "100%" })
+    ] }) : /* @__PURE__ */ t(s, { direction: "column", spacing: 24, children: x.map((n) => /* @__PURE__ */ t(c.Fragment, { children: n.component }, n.index)) }) })
   ] });
-}, pe = _(J);
+}, pt = _(J);
 export {
-  pe as Dashboard,
+  pt as Dashboard,
   f as DashboardLocation
 };

package/dist/useWidgetLoadTimer-CY26D0n1.mjs

@@ -0,0 +1,23 @@
+import { useRef as r, useEffect as c } from "react";
+import { u as l } from "./hooks-DtrRa6Lb.mjs";
+const d = ({ widgetName: n, isLoaded: o = !0 }) => {
+  const { onEvent: u } = l(), e = r(null), a = r(!1), s = r(!1);
+  if (console.log("useWidgetLoadTimer called for", n), e.current === null) {
+    e.current = Date.now();
+    const t = performance.getEntriesByType("navigation")[0];
+    s.current = t?.type === "navigate" || t?.type === "reload";
+  }
+  c(() => {
+    if (o && !a.current && e.current !== null) {
+      const t = Date.now() - e.current;
+      u("WidgetLoad", {
+        widgetName: n,
+        loadTimeMs: t,
+        loadType: s.current ? "initial" : "secondary"
+      }), a.current = !0, e.current = null;
+    }
+  }, [o, n]);
+};
+export {
+  d as u
+};

package/package.json

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

package/dist/useWidgetLoadTimer-C4tYP28Y.mjs

@@ -1,28 +0,0 @@
-import { useRef as r, useEffect as s } from "react";
-import { u } from "./hooks-DtrRa6Lb.mjs";
-const y = ({ widgetName: t, isLoaded: a = !0 }) => {
-  const { onEvent: c } = u(), e = r(null), l = r(!1), o = r(null);
-  console.log("useWidgetLoadTimer:", t), s(() => {
-    if (e.current === null) {
-      e.current = Date.now();
-      const n = performance.getEntriesByType("navigation")[0];
-      console.log("Navigation Entry:", n), o.current = n?.type === "navigate" || n?.type === "reload";
-    }
-  }, []), s(() => {
-    if (a && !l.current && e.current !== null) {
-      const n = Date.now() - e.current;
-      console.log("WidgetLoad", {
-        widgetName: t,
-        loadTimeMs: n,
-        loadType: o.current ? "initial" : "secondary"
-      }), c("WidgetLoad", {
-        widgetName: t,
-        loadTimeMs: n,
-        loadType: o.current ? "initial" : "secondary"
-      }), l.current = !0, e.current = null;
-    }
-  }, [a, t, c]);
-};
-export {
-  y as u
-};