@mx-cartographer/experiences 8.2.3 → 8.2.4-alpha-ram1-bug-testing

package/dist/dashboard/index.es.js

@@ -1,30 +1,30 @@
 import { jsx as e, jsxs as c } from "react/jsx-runtime";
-import n from "react";
+import o from "react";
 import { observer as p } from "mobx-react-lite";
-import u from "@mui/material/Unstable_Grid2";
+import u from "@mui/material/Grid";
 import m from "@mui/material/Skeleton";
 import s from "@mui/material/Stack";
-import S from "@mui/material/styles/useTheme";
+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 W from "@mui/material/Box";
-import k from "@mui/material/Button";
-import A from "@mui/material/IconButton";
-import I from "@mui/material/Tooltip";
-import B from "@mui/material/useMediaQuery";
-import { G as F } from "../GlobalAccountFilter-DrhtwPqh.mjs";
-import { u as y } from "../useScreenSize-CeFhWTt_.mjs";
-import { C as z } from "../ConnectDrawer-DgfsTpyW.mjs";
+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 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: o, loadBanner: i, user: a }
+    appDataStore: { banner: r, loadBanner: i, user: a }
   } = w();
-  return n.useEffect(() => {
+  return o.useEffect(() => {
     i().finally();
-  }, [a]), o?.image_url ? /* @__PURE__ */ e(
+  }, [a]), r?.image_url ? /* @__PURE__ */ e(
     s,
     {
       sx: {
@@ -35,7 +35,7 @@ const T = p(() => {
       children: /* @__PURE__ */ e(
         "a",
         {
-          href: o?.redirect_url,
+          href: r?.redirect_url,
           rel: "noreferrer",
           style: {
             width: "100%"
@@ -45,7 +45,7 @@ const T = p(() => {
             "img",
             {
               alt: "",
-              src: o.image_url,
+              src: r.image_url,
               style: {
                 width: "100%",
                 height: "auto",
@@ -58,24 +58,24 @@ const T = p(() => {
     }
   ) : null;
 }), $ = ({ handleConnectClick: t }) => {
-  const { common: o } = b(), i = B("(max-width: 700px)");
-  return /* @__PURE__ */ e(W, { children: i ? /* @__PURE__ */ e(I, { id: "add-accounts", placement: "bottom", title: o.add_accounts, children: /* @__PURE__ */ e(
-    A,
+  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,
     {
       "aria-controls": "add_accounts",
       "aria-describedby": "add-accounts",
       "aria-haspopup": !0,
-      "aria-label": o.add_accounts,
+      "aria-label": r.add_accounts,
       color: "primary",
       onClick: t,
       children: /* @__PURE__ */ e(_, { name: "add", size: 24 })
     }
   ) }) : /* @__PURE__ */ e(
-    k,
+    W,
     {
       "aria-controls": "add_accounts",
       "aria-haspopup": !0,
-      "aria-label": o.add_accounts,
+      "aria-label": r.add_accounts,
       onClick: t,
       startIcon: /* @__PURE__ */ e(_, { name: "add", size: 24 }),
       sx: {
@@ -84,68 +84,68 @@ const T = p(() => {
         minWidth: "max-content"
       },
       variant: "text",
-      children: o.add_accounts
+      children: r.add_accounts
     }
   ) });
 }, j = p($), Q = () => {
-  const [t, o] = n.useState(!1), i = G("(max-width:320px)"), { common: a, connect: f } = b(), { config: d } = v(), { isMobile: g } = y(), x = () => {
+  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;
   };
-  return /* @__PURE__ */ c(n.Fragment, { children: [
-    /* @__PURE__ */ e(C, { sx: { gap: 12, mb: g ? 24 : 0, p: 24 }, children: /* @__PURE__ */ c(s, { alignItems: "center", flexDirection: "row", justifyContent: "space-between", children: [
+  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: () => o(!0) }),
-        /* @__PURE__ */ e(F, {})
+        d.show_connections_widget_in_master && /* @__PURE__ */ e(j, { handleConnectClick: () => r(!0) }),
+        /* @__PURE__ */ e(B, {})
       ] })
     ] }) }),
     t && /* @__PURE__ */ e(
-      z,
+      F,
       {
-        onClose: () => o(!1),
+        onClose: () => r(!1),
         showConnectWidget: t,
-        title: f.mini_title
+        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: o }) => {
-  const { isDesktop: i, isMobile: a } = y(), { copyStore: f } = w();
+const P = ({ widgets: t, isLoading: r }) => {
+  const { isDesktop: i, isMobile: a } = y(), { copyStore: g } = w();
   R({
     widgetName: "Dashboard",
-    isLoaded: !o
+    isLoaded: !r
   });
-  const d = n.useMemo(
-    () => t.filter((r) => r.location !== h.Disabled).sort((r, l) => r.index - l.index),
+  const d = o.useMemo(
+    () => t.filter((n) => n.location !== h.Disabled).sort((n, l) => n.index - l.index),
     [t]
-  ), g = n.useMemo(
-    () => d.filter((r) => r.location === h.Main),
+  ), f = o.useMemo(
+    () => d.filter((n) => n.location === h.Main),
     [d]
-  ), x = n.useMemo(
-    () => d.filter((r) => r.location === h.RightSide),
+  ), x = o.useMemo(
+    () => d.filter((n) => n.location === h.RightSide),
     [d]
   );
-  return /* @__PURE__ */ c(u, { container: !0, spacing: a ? 0 : 24, sx: { overflow: "scroll" }, children: [
-    /* @__PURE__ */ e(u, { sx: { pt: 16 }, xs: 12, children: f.isInitialized && /* @__PURE__ */ e(H, {}) }),
-    /* @__PURE__ */ c(u, { lg: 8, xs: 12, children: [
+  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, {}),
-      o && /* @__PURE__ */ c(s, { direction: "column", spacing: 24, children: [
+      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%" })
       ] }),
-      !o && /* @__PURE__ */ e(s, { direction: "column", spacing: 24, children: i ? g.map((r) => /* @__PURE__ */ e(n.Fragment, { children: r.component }, r.index)) : d.map((r) => /* @__PURE__ */ e(n.Fragment, { children: r.component }, r.index)) })
+      !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, { lg: 4, children: o ? /* @__PURE__ */ c(s, { direction: "column", spacing: 24, children: [
+    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((r) => /* @__PURE__ */ e(n.Fragment, { children: r.component }, r.index)) }) })
+    ] }) : /* @__PURE__ */ e(s, { direction: "column", spacing: 24, children: x.map((n) => /* @__PURE__ */ e(o.Fragment, { children: n.component }, n.index)) }) })
   ] });
 }, se = p(P);
 export {