@mx-cartographer/experiences 8.0.0-alpha.bb3 → 8.0.0-alpha.mega1

package/dist/dashboard/index.es.js

@@ -1,29 +1,30 @@
-import { jsx as t, jsxs as s } from "react/jsx-runtime";
-import r from "react";
+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 u from "@mui/material/Skeleton";
-import l from "@mui/material/Stack";
+import d from "@mui/material/Skeleton";
+import s from "@mui/material/Stack";
 import D from "@mui/material/styles/useTheme";
-import { f as A, u as v, d as C, b as M, a as k, n as B } from "../hooks-D6XlXHf4.mjs";
-import G from "@mui/material/Paper";
-import { Icon as S, H1 as F, P as W } from "@mxenabled/mxui";
-import { useMediaQuery as I } from "@mui/system";
+import { f as A, u as v, d as C, b as M, a as k } from "../hooks-ZMp65DFz.mjs";
+import B from "@mui/material/Paper";
+import { Icon as S, H1 as G, P as F } from "@mxenabled/mxui";
+import { useMediaQuery as W } from "@mui/system";
 import T from "@mui/material/Box";
-import $ from "@mui/material/Button";
-import H from "@mui/material/IconButton";
-import R from "@mui/material/Tooltip";
-import j from "@mui/material/useMediaQuery";
-import { k as E, l as Q } from "../ConnectDrawer-BQNs-hjk.mjs";
+import I from "@mui/material/Button";
+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-BkvlItWx.mjs";
 import { u as z } from "../useScreenSize-B6JyS_Lj.mjs";
-const P = _(() => {
+import { u as E } from "../useWidgetLoadTimer-hIOioiKx.mjs";
+const N = _(() => {
   const e = D(), {
-    appDataStore: { banner: o, loadBanner: i, user: d }
+    appDataStore: { banner: r, loadBanner: i, user: u }
   } = A();
-  return r.useEffect(() => {
+  return c.useEffect(() => {
     i().finally();
-  }, [d]), o?.image_url ? /* @__PURE__ */ t(
-    l,
+  }, [u]), r?.image_url ? /* @__PURE__ */ t(
+    s,
     {
       sx: {
         alignItems: "center",
@@ -33,7 +34,7 @@ const P = _(() => {
       children: /* @__PURE__ */ t(
         "a",
         {
-          href: o?.redirect_url,
+          href: r?.redirect_url,
           rel: "noreferrer",
           style: {
             width: "100%"
@@ -43,7 +44,7 @@ const P = _(() => {
             "img",
             {
               alt: "",
-              src: o.image_url,
+              src: r.image_url,
               style: {
                 width: "100%",
                 height: "auto",
@@ -55,25 +56,25 @@ const P = _(() => {
       )
     }
   ) : null;
-}), N = ({ handleConnectClick: e }) => {
-  const { common: o } = v(), i = j("(max-width: 700px)");
-  return /* @__PURE__ */ t(T, { my: 4, children: i ? /* @__PURE__ */ t(R, { id: "add-accounts", placement: "bottom", title: o.add_accounts, children: /* @__PURE__ */ t(
-    H,
+}), P = ({ handleConnectClick: e }) => {
+  const { common: r } = v(), i = R("(max-width: 700px)");
+  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",
       "aria-describedby": "add-accounts",
       "aria-haspopup": !0,
-      "aria-label": o.add_accounts,
+      "aria-label": r.add_accounts,
       color: "primary",
       onClick: e,
       children: /* @__PURE__ */ t(S, { name: "add", size: 24 })
     }
   ) }) : /* @__PURE__ */ t(
-    $,
+    I,
     {
       "aria-controls": "add_accounts",
       "aria-haspopup": !0,
-      "aria-label": o.add_accounts,
+      "aria-label": r.add_accounts,
       onClick: e,
       startIcon: /* @__PURE__ */ t(S, { name: "add", size: 24 }),
       sx: {
@@ -82,44 +83,44 @@ const P = _(() => {
         minWidth: "max-content"
       },
       variant: "text",
-      children: o.add_accounts
+      children: r.add_accounts
     }
   ) });
-}, O = _(N), U = () => {
-  const [e, o] = r.useState(!1), i = I("(max-width:320px)"), { visibleAccounts: d } = C(), { selectedAccountGuids: g, setSelectedAccountGuids: b } = M(), { common: n, connect: x } = v(), { config: a } = k(), { isMobile: w } = z(), y = {
+}, O = _(P), U = () => {
+  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: n.account_filter.account_type_accounts,
-      cancelButton: n.cancel_button,
-      filterButton: n.filter_button,
-      filterButtonAria: n.account_filter.filter_button_generic_aria,
-      selectAllAccounts: n.account_filter.select_all_accounts,
-      toggleAccountTypeAccounts: n.account_filter.toggle_account_type_accounts,
-      unselectAllAccounts: n.account_filter.unselect_all_accounts,
-      zeroStateButton: n.account_filter.zero_state_button,
-      zeroStateDescription: n.account_filter.zero_state_description,
-      zeroStateTitle: n.account_filter.zero_state_title
+      accountTypeAccounts: o.account_filter.account_type_accounts,
+      cancelButton: o.cancel_button,
+      filterButton: o.filter_button,
+      filterButtonAria: o.account_filter.filter_button_generic_aria,
+      selectAllAccounts: o.account_filter.select_all_accounts,
+      toggleAccountTypeAccounts: o.account_filter.toggle_account_type_accounts,
+      unselectAllAccounts: o.account_filter.unselect_all_accounts,
+      zeroStateButton: o.account_filter.zero_state_button,
+      zeroStateDescription: o.account_filter.zero_state_description,
+      zeroStateTitle: o.account_filter.zero_state_title
     },
-    title: n.filter_button
-  }, c = () => {
+    title: o.filter_button
+  }, w = () => {
     const p = (/* @__PURE__ */ new Date()).getHours();
-    return p > 1 && p < 12 ? n.good_morning : p >= 12 && p < 18 ? n.good_afternoon : n.good_evening;
+    return p > 1 && p < 12 ? o.good_morning : p >= 12 && p < 18 ? o.good_afternoon : o.good_evening;
   };
-  return /* @__PURE__ */ s(r.Fragment, { children: [
-    /* @__PURE__ */ t(G, { sx: { gap: 12, mb: w ? 24 : 0, p: 24 }, children: /* @__PURE__ */ s(l, { alignItems: "center", flexDirection: "row", justifyContent: "space-between", children: [
-      /* @__PURE__ */ s(l, { children: [
-        /* @__PURE__ */ t(F, { variant: i ? "H2" : "H1", children: c() }),
-        /* @__PURE__ */ t(W, { color: "text.secondary", children: n.heres_your_spending_overview })
+  return /* @__PURE__ */ a(c.Fragment, { 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__ */ t(G, { variant: i ? "H2" : "H1", children: w() }),
+        /* @__PURE__ */ t(F, { color: "text.secondary", children: o.heres_your_spending_overview })
       ] }),
-      /* @__PURE__ */ s(l, { flexDirection: "row", children: [
-        a.show_connections_widget_in_master && /* @__PURE__ */ t(O, { handleConnectClick: () => o(!0) }),
+      /* @__PURE__ */ a(s, { flexDirection: "row", children: [
+        m.show_connections_widget_in_master && /* @__PURE__ */ t(O, { handleConnectClick: () => r(!0) }),
         /* @__PURE__ */ t(
-          E,
+          j,
           {
-            accounts: d,
-            copy: y,
-            onConnectAccountClick: a.show_connections_widget_in_master ? () => o(!0) : void 0,
-            onFilterClick: (m) => {
-              b(m);
+            accounts: u,
+            copy: n,
+            onConnectAccountClick: m.show_connections_widget_in_master ? () => r(!0) : void 0,
+            onFilterClick: (y) => {
+              b(y);
             },
             selectedAccountGuids: g,
             showAccountNumbers: !1,
@@ -134,50 +135,51 @@ const P = _(() => {
     e && /* @__PURE__ */ t(
       Q,
       {
-        onClose: () => o(!1),
+        onClose: () => r(!1),
         showConnectWidget: e,
-        title: x.mini_title
+        title: l.mini_title
       }
     )
   ] });
 }, q = _(U);
 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: o }) => {
-  const { isDesktop: i, isMobile: d } = z(), { copyStore: g } = A(), { setSelectedAccounts: b } = M(), { visibleAccounts: n } = C(), { onLoad: x } = B();
-  r.useEffect(() => {
-    b(n);
-  }, [n]), r.useEffect(() => {
-    o || x?.("Dashboard");
-  }, [o]);
-  const a = r.useMemo(
-    () => e.filter((c) => c.location !== f.Disabled).sort((c, m) => c.index - m.index),
+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(
+    () => e.filter((n) => n.location !== f.Disabled).sort((n, w) => n.index - w.index),
     [e]
-  ), w = r.useMemo(
-    () => a.filter((c) => c.location === f.Main),
-    [a]
-  ), y = r.useMemo(
-    () => a.filter((c) => c.location === f.RightSide),
-    [a]
+  ), m = c.useMemo(
+    () => l.filter((n) => n.location === f.Main),
+    [l]
+  ), x = c.useMemo(
+    () => l.filter((n) => n.location === f.RightSide),
+    [l]
   );
-  return /* @__PURE__ */ s(h, { container: !0, spacing: d ? 0 : 24, sx: { overflow: "scroll" }, children: [
+  return /* @__PURE__ */ a(h, { container: !0, spacing: u ? 0 : 24, sx: { overflow: "scroll" }, children: [
     /* @__PURE__ */ t(h, { xs: 12, children: g.isInitialized && /* @__PURE__ */ t(q, {}) }),
-    /* @__PURE__ */ s(h, { lg: 8, xs: 12, children: [
-      /* @__PURE__ */ t(P, {}),
-      o && /* @__PURE__ */ s(l, { direction: "column", spacing: 24, children: [
-        /* @__PURE__ */ t(u, { height: 100, variant: "rounded", width: "100%" }),
-        /* @__PURE__ */ t(u, { height: 300, variant: "rounded", width: "100%" }),
-        /* @__PURE__ */ t(u, { height: 300, variant: "rounded", width: "100%" })
+    /* @__PURE__ */ a(h, { lg: 8, xs: 12, children: [
+      /* @__PURE__ */ t(N, {}),
+      r && /* @__PURE__ */ a(s, { direction: "column", spacing: 24, children: [
+        /* @__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%" })
       ] }),
-      !o && /* @__PURE__ */ t(l, { direction: "column", spacing: 24, children: i ? w.map((c) => /* @__PURE__ */ t(r.Fragment, { children: c.component }, c.index)) : a.map((c) => /* @__PURE__ */ t(r.Fragment, { children: c.component }, c.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__ */ t(h, { lg: 4, children: o ? /* @__PURE__ */ s(l, { direction: "column", spacing: 24, children: [
-      /* @__PURE__ */ t(u, { height: 200, variant: "rounded", width: "100%" }),
-      /* @__PURE__ */ t(u, { height: 100, variant: "rounded", width: "100%" }),
-      /* @__PURE__ */ t(u, { height: 300, variant: "rounded", width: "100%" })
-    ] }) : /* @__PURE__ */ t(l, { direction: "column", spacing: 24, children: y.map((c) => /* @__PURE__ */ t(r.Fragment, { children: c.component }, c.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)) }) })
   ] });
-}, mt = _(J);
+}, pt = _(J);
 export {
-  mt as Dashboard,
+  pt as Dashboard,
   f as DashboardLocation
 };