@mx-cartographer/experiences 9.0.2 → 9.1.0-alpha.bb1

package/dist/dashboard/index.es.js

@@ -1,154 +1,198 @@
+import { Hn as y, Kn as S, mr as x } from "../accounts-DkyAiLpg.mjs";
+import { n as M } from "../Analytics-BKzTPees.mjs";
+import { i as C, m as v, p as b } from "../Loader-BlVzRtUd.mjs";
+import i from "react";
+import { observer as u } from "mobx-react-lite";
+import a from "@mui/material/Stack";
+import { H2 as D, Icon as _, P as z } from "@mxenabled/mxui";
+import G from "@mui/material/Button";
+import W from "@mui/material/Paper";
 import { jsx as e, jsxs as c } from "react/jsx-runtime";
-import o from "react";
-import { observer as p } from "mobx-react-lite";
-import u from "@mui/material/Grid";
-import m from "@mui/material/Skeleton";
-import s from "@mui/material/Stack";
-import { useTheme as S } from "@mui/material/styles";
-import { f as w, u as b, a as v } from "../hooks-BaO_gOI6.mjs";
-import C from "@mui/material/Paper";
-import { Icon as _, H2 as M, P as D } from "@mxenabled/mxui";
-import { useMediaQuery as G } from "@mui/system";
-import z from "@mui/material/Box";
-import W from "@mui/material/Button";
-import k from "@mui/material/IconButton";
-import A from "@mui/material/Tooltip";
+import { useTheme as k } from "@mui/material/styles";
+import A from "@mui/material/Box";
 import I from "@mui/material/useMediaQuery";
-import { G as B } from "../GlobalAccountFilter-7Cg2-9A5.mjs";
-import { u as y } from "../useScreenSize-mWpmnh5w.mjs";
-import { C as F } from "../ConnectDrawer-Cnjr3Ddg.mjs";
-import { u as R } from "../useWidgetLoadTimer-CJb-RELP.mjs";
-const T = p(() => {
-  const t = S(), {
-    appDataStore: { banner: r, loadBanner: i, user: a }
-  } = w();
-  return o.useEffect(() => {
-    i().finally();
-  }, [a]), r?.image_url ? /* @__PURE__ */ e(
-    s,
-    {
-      sx: {
-        alignItems: "center",
-        width: "100%",
-        mb: 24
-      },
-      children: /* @__PURE__ */ e(
-        "a",
-        {
-          href: r?.redirect_url,
-          rel: "noreferrer",
-          style: {
-            width: "100%"
-          },
-          target: "_blank",
-          children: /* @__PURE__ */ e(
-            "img",
-            {
-              alt: "",
-              src: r.image_url,
-              style: {
-                width: "100%",
-                height: "auto",
-                border: `1px solid ${t.palette.grey[300]}`
-              }
-            }
-          )
+import B from "@mui/material/IconButton";
+import F from "@mui/material/Tooltip";
+import l from "@mui/material/Skeleton";
+import { useMediaQuery as R } from "@mui/system";
+import m from "@mui/material/Grid";
+var j = u(() => {
+  const t = k(), { appDataStore: { banner: n, loadBanner: s, user: o } } = v();
+  return i.useEffect(() => {
+    s().finally();
+  }, [o]), n?.image_url ? /* @__PURE__ */ e(a, {
+    sx: {
+      alignItems: "center",
+      width: "100%",
+      mb: 24
+    },
+    children: /* @__PURE__ */ e("a", {
+      href: n?.redirect_url,
+      rel: "noreferrer",
+      style: { width: "100%" },
+      target: "_blank",
+      children: /* @__PURE__ */ e("img", {
+        alt: "",
+        src: n.image_url,
+        style: {
+          width: "100%",
+          height: "auto",
+          border: `1px solid ${t.palette.grey[300]}`
         }
-      )
-    }
-  ) : null;
-}), $ = ({ handleConnectClick: t }) => {
-  const { common: r } = b(), i = I("(max-width: 700px)");
-  return /* @__PURE__ */ e(z, { children: i ? /* @__PURE__ */ e(A, { id: "add-accounts", placement: "bottom", title: r.add_accounts, children: /* @__PURE__ */ e(
-    k,
-    {
+      })
+    })
+  }) : null;
+}), H = ({ handleConnectClick: t }) => {
+  const { common: n } = b();
+  return /* @__PURE__ */ e(A, { children: I("(max-width: 700px)") ? /* @__PURE__ */ e(F, {
+    id: "add-accounts",
+    placement: "bottom",
+    title: n.add_accounts,
+    children: /* @__PURE__ */ e(B, {
       "aria-controls": "add_accounts",
       "aria-describedby": "add-accounts",
       "aria-haspopup": !0,
-      "aria-label": r.add_accounts,
+      "aria-label": n.add_accounts,
       color: "primary",
       onClick: t,
-      children: /* @__PURE__ */ e(_, { name: "add", size: 24 })
-    }
-  ) }) : /* @__PURE__ */ e(
-    W,
-    {
-      "aria-controls": "add_accounts",
-      "aria-haspopup": !0,
-      "aria-label": r.add_accounts,
-      onClick: t,
-      startIcon: /* @__PURE__ */ e(_, { name: "add", size: 24 }),
-      sx: {
-        p: 12,
-        whiteSpace: "nowrap",
-        minWidth: "max-content"
-      },
-      variant: "text",
-      children: r.add_accounts
-    }
-  ) });
-}, j = p($), Q = () => {
-  const [t, r] = o.useState(!1), i = G("(max-width:320px)"), { common: a, connect: g } = b(), { config: d } = v(), { isMobile: f } = y(), x = () => {
-    const l = (/* @__PURE__ */ new Date()).getHours();
-    return l > 1 && l < 12 ? a.good_morning : l >= 12 && l < 18 ? a.good_afternoon : a.good_evening;
+      children: /* @__PURE__ */ e(_, {
+        name: "add",
+        size: 24
+      })
+    })
+  }) : /* @__PURE__ */ e(G, {
+    "aria-controls": "add_accounts",
+    "aria-haspopup": !0,
+    "aria-label": n.add_accounts,
+    onClick: t,
+    startIcon: /* @__PURE__ */ e(_, {
+      name: "add",
+      size: 24
+    }),
+    sx: {
+      p: 12,
+      whiteSpace: "nowrap",
+      minWidth: "max-content"
+    },
+    variant: "text",
+    children: n.add_accounts
+  }) });
+}, Q = u(H), T = () => {
+  const [t, n] = i.useState(!1), s = R("(max-width:320px)"), { common: o, connect: h } = b(), { config: d } = C(), { isMobile: p } = x(), g = () => {
+    const r = (/* @__PURE__ */ new Date()).getHours();
+    return r > 1 && r < 12 ? o.good_morning : r >= 12 && r < 18 ? o.good_afternoon : o.good_evening;
   };
-  return /* @__PURE__ */ c(o.Fragment, { children: [
-    /* @__PURE__ */ e(C, { sx: { gap: 12, mb: f ? 24 : 0, p: 24 }, children: /* @__PURE__ */ c(s, { alignItems: "center", flexDirection: "row", justifyContent: "space-between", children: [
-      /* @__PURE__ */ c(s, { children: [
-        /* @__PURE__ */ e(M, { variant: i ? "h2" : "h1", children: x() }),
-        /* @__PURE__ */ e(D, { color: "text.secondary", children: a.heres_your_spending_overview })
-      ] }),
-      /* @__PURE__ */ c(s, { flexDirection: "row", children: [
-        d.show_connections_widget_in_master && /* @__PURE__ */ e(j, { handleConnectClick: () => r(!0) }),
-        /* @__PURE__ */ e(B, {})
-      ] })
-    ] }) }),
-    t && /* @__PURE__ */ e(
-      F,
-      {
-        onClose: () => r(!1),
-        showConnectWidget: t,
-        title: g.mini_title
-      }
-    )
-  ] });
-}, H = p(Q);
-var h = /* @__PURE__ */ ((t) => (t[t.Main = 0] = "Main", t[t.RightSide = 1] = "RightSide", t[t.Disabled = 2] = "Disabled", t))(h || {});
-const P = ({ widgets: t, isLoading: r }) => {
-  const { isDesktop: i, isMobile: a } = y(), { copyStore: g } = w();
-  R({
+  return /* @__PURE__ */ c(i.Fragment, { children: [/* @__PURE__ */ e(W, {
+    sx: {
+      gap: 12,
+      mb: p ? 24 : 0,
+      p: 24
+    },
+    children: /* @__PURE__ */ c(a, {
+      alignItems: "center",
+      flexDirection: "row",
+      justifyContent: "space-between",
+      children: [/* @__PURE__ */ c(a, { children: [/* @__PURE__ */ e(D, {
+        variant: s ? "h2" : "h1",
+        children: g()
+      }), /* @__PURE__ */ e(z, {
+        color: "text.secondary",
+        children: o.heres_your_spending_overview
+      })] }), /* @__PURE__ */ c(a, {
+        flexDirection: "row",
+        children: [d.show_connections_widget_in_master && /* @__PURE__ */ e(Q, { handleConnectClick: () => n(!0) }), /* @__PURE__ */ e(S, {})]
+      })]
+    })
+  }), t && /* @__PURE__ */ e(y, {
+    onClose: () => n(!1),
+    showConnectWidget: t,
+    title: h.mini_title
+  })] });
+}, P = u(T), f = /* @__PURE__ */ (function(t) {
+  return t[t.Main = 0] = "Main", t[t.RightSide = 1] = "RightSide", t[t.Disabled = 2] = "Disabled", t;
+})({}), $ = ({ widgets: t, isLoading: n }) => {
+  const { isDesktop: s, isMobile: o } = x(), { copyStore: h } = v();
+  M({
     widgetName: "Dashboard",
-    isLoaded: !r
+    isLoaded: !n
+  });
+  const d = i.useMemo(() => t.filter((r) => r.location !== f.Disabled).sort((r, w) => r.index - w.index), [t]), p = i.useMemo(() => d.filter((r) => r.location === f.Main), [d]), g = i.useMemo(() => d.filter((r) => r.location === f.RightSide), [d]);
+  return /* @__PURE__ */ c(m, {
+    container: !0,
+    spacing: o ? 0 : 24,
+    children: [
+      /* @__PURE__ */ e(m, {
+        size: 12,
+        sx: { pt: 16 },
+        children: h.isInitialized && /* @__PURE__ */ e(P, {})
+      }),
+      /* @__PURE__ */ c(m, {
+        size: {
+          xs: 12,
+          lg: 8
+        },
+        children: [
+          /* @__PURE__ */ e(j, {}),
+          n && /* @__PURE__ */ c(a, {
+            direction: "column",
+            spacing: 24,
+            children: [
+              /* @__PURE__ */ e(l, {
+                height: 100,
+                variant: "rounded",
+                width: "100%"
+              }),
+              /* @__PURE__ */ e(l, {
+                height: 300,
+                variant: "rounded",
+                width: "100%"
+              }),
+              /* @__PURE__ */ e(l, {
+                height: 300,
+                variant: "rounded",
+                width: "100%"
+              })
+            ]
+          }),
+          !n && /* @__PURE__ */ e(a, {
+            direction: "column",
+            spacing: 24,
+            children: s ? p.map((r) => /* @__PURE__ */ e(i.Fragment, { children: r.component }, r.index)) : d.map((r) => /* @__PURE__ */ e(i.Fragment, { children: r.component }, r.index))
+          })
+        ]
+      }),
+      s && /* @__PURE__ */ e(m, {
+        size: { lg: 4 },
+        children: n ? /* @__PURE__ */ c(a, {
+          direction: "column",
+          spacing: 24,
+          children: [
+            /* @__PURE__ */ e(l, {
+              height: 200,
+              variant: "rounded",
+              width: "100%"
+            }),
+            /* @__PURE__ */ e(l, {
+              height: 100,
+              variant: "rounded",
+              width: "100%"
+            }),
+            /* @__PURE__ */ e(l, {
+              height: 300,
+              variant: "rounded",
+              width: "100%"
+            })
+          ]
+        }) : /* @__PURE__ */ e(a, {
+          direction: "column",
+          spacing: 24,
+          children: g.map((r) => /* @__PURE__ */ e(i.Fragment, { children: r.component }, r.index))
+        })
+      })
+    ]
   });
-  const d = o.useMemo(
-    () => t.filter((n) => n.location !== h.Disabled).sort((n, l) => n.index - l.index),
-    [t]
-  ), f = o.useMemo(
-    () => d.filter((n) => n.location === h.Main),
-    [d]
-  ), x = o.useMemo(
-    () => d.filter((n) => n.location === h.RightSide),
-    [d]
-  );
-  return /* @__PURE__ */ c(u, { container: !0, spacing: a ? 0 : 24, children: [
-    /* @__PURE__ */ e(u, { size: 12, sx: { pt: 16 }, children: g.isInitialized && /* @__PURE__ */ e(H, {}) }),
-    /* @__PURE__ */ c(u, { size: { xs: 12, lg: 8 }, children: [
-      /* @__PURE__ */ e(T, {}),
-      r && /* @__PURE__ */ c(s, { direction: "column", spacing: 24, children: [
-        /* @__PURE__ */ e(m, { height: 100, variant: "rounded", width: "100%" }),
-        /* @__PURE__ */ e(m, { height: 300, variant: "rounded", width: "100%" }),
-        /* @__PURE__ */ e(m, { height: 300, variant: "rounded", width: "100%" })
-      ] }),
-      !r && /* @__PURE__ */ e(s, { direction: "column", spacing: 24, children: i ? f.map((n) => /* @__PURE__ */ e(o.Fragment, { children: n.component }, n.index)) : d.map((n) => /* @__PURE__ */ e(o.Fragment, { children: n.component }, n.index)) })
-    ] }),
-    i && /* @__PURE__ */ e(u, { size: { lg: 4 }, children: r ? /* @__PURE__ */ c(s, { direction: "column", spacing: 24, children: [
-      /* @__PURE__ */ e(m, { height: 200, variant: "rounded", width: "100%" }),
-      /* @__PURE__ */ e(m, { height: 100, variant: "rounded", width: "100%" }),
-      /* @__PURE__ */ e(m, { height: 300, variant: "rounded", width: "100%" })
-    ] }) : /* @__PURE__ */ e(s, { direction: "column", spacing: 24, children: x.map((n) => /* @__PURE__ */ e(o.Fragment, { children: n.component }, n.index)) }) })
-  ] });
-}, se = p(P);
+}, ae = u($);
 export {
-  se as Dashboard,
-  h as DashboardLocation
+  ae as Dashboard,
+  f as DashboardLocation
 };