@mx-cartographer/experiences 8.0.0-alpha.bb4 → 8.0.0-alpha.sms1

package/dist/common/utils/Theme.d.ts

@@ -9,9 +9,11 @@ export declare const getClientTheme: (theme: Theme, clientStyleProfile: ClientSt
     };
     palette: {
         [k: string]: PaletteColor | {
+            lighter: string;
             light: string;
             main: string;
             dark: string;
+            darker: string;
         };
     };
     components: {
@@ -64,7 +66,7 @@ export declare const getClientTheme: (theme: Theme, clientStyleProfile: ClientSt
         MuiPickersCalendarHeader: {
             styleOverrides: {
                 switchViewButton: {
-                    color: string;
+                    color: string | undefined;
                     '&:hover': {
                         backgroundColor: string;
                     };

package/dist/dashboard/index.es.js

@@ -1,21 +1,21 @@
 import { jsx as t, jsxs as s } from "react/jsx-runtime";
 import r from "react";
 import { observer as _ } from "mobx-react-lite";
-import h from "@mui/material/Grid";
+import h from "@mui/material/Unstable_Grid2";
 import u from "@mui/material/Skeleton";
 import l from "@mui/material/Stack";
-import { useTheme as D } from "@mui/material/styles";
-import { f as A, u as v, d as C, b as z, a as k, n as B } from "../hooks-C41HAxM5.mjs";
+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-C41HAxM5.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 T from "@mui/material/Box";
-import R from "@mui/material/Button";
-import $ from "@mui/material/IconButton";
-import j from "@mui/material/Tooltip";
-import E from "@mui/material/useMediaQuery";
-import { k as Q, l as H } from "../ConnectDrawer-DVp54lUH.mjs";
-import { u as M } from "../useScreenSize-B5afALev.mjs";
+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-BIbTqYOH.mjs";
+import { u as z } from "../useScreenSize-B6JyS_Lj.mjs";
 const P = _(() => {
   const e = D(), {
     appDataStore: { banner: o, loadBanner: i, user: d }
@@ -56,9 +56,9 @@ const P = _(() => {
     }
   ) : null;
 }), N = ({ handleConnectClick: e }) => {
-  const { common: o } = v(), i = E("(max-width: 700px)");
-  return /* @__PURE__ */ t(T, { my: 4, children: i ? /* @__PURE__ */ t(j, { id: "add-accounts", placement: "bottom", title: o.add_accounts, children: /* @__PURE__ */ t(
-    $,
+  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,
     {
       "aria-controls": "add_accounts",
       "aria-describedby": "add-accounts",
@@ -69,7 +69,7 @@ const P = _(() => {
       children: /* @__PURE__ */ t(S, { name: "add", size: 24 })
     }
   ) }) : /* @__PURE__ */ t(
-    R,
+    $,
     {
       "aria-controls": "add_accounts",
       "aria-haspopup": !0,
@@ -86,7 +86,7 @@ const P = _(() => {
     }
   ) });
 }, O = _(N), U = () => {
-  const [e, o] = r.useState(!1), i = I("(max-width:320px)"), { visibleAccounts: d } = C(), { selectedAccountGuids: g, setSelectedAccountGuids: b } = z(), { common: n, connect: x } = v(), { config: a } = k(), { isMobile: w } = M(), y = {
+  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 = {
     accountFilterOptionsCopy: {
       accountTypeAccounts: n.account_filter.account_type_accounts,
       cancelButton: n.cancel_button,
@@ -107,13 +107,13 @@ const P = _(() => {
   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(F, { variant: i ? "H2" : "H1", children: c() }),
         /* @__PURE__ */ t(W, { color: "text.secondary", children: n.heres_your_spending_overview })
       ] }),
       /* @__PURE__ */ s(l, { flexDirection: "row", children: [
         a.show_connections_widget_in_master && /* @__PURE__ */ t(O, { handleConnectClick: () => o(!0) }),
         /* @__PURE__ */ t(
-          Q,
+          E,
           {
             accounts: d,
             copy: y,
@@ -132,7 +132,7 @@ const P = _(() => {
       ] })
     ] }) }),
     e && /* @__PURE__ */ t(
-      H,
+      Q,
       {
         onClose: () => o(!1),
         showConnectWidget: e,
@@ -143,7 +143,7 @@ const P = _(() => {
 }, 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 } = M(), { copyStore: g } = A(), { setSelectedAccounts: b } = z(), { visibleAccounts: n } = C(), { onLoad: x } = B();
+  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(() => {
@@ -160,8 +160,8 @@ const J = ({ widgets: e, isLoading: o }) => {
     [a]
   );
   return /* @__PURE__ */ s(h, { container: !0, spacing: d ? 0 : 24, sx: { overflow: "scroll" }, children: [
-    /* @__PURE__ */ t(h, { size: { xs: 12 }, children: g.isInitialized && /* @__PURE__ */ t(q, {}) }),
-    /* @__PURE__ */ s(h, { size: { lg: 8, xs: 12 }, 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%" }),
@@ -170,7 +170,7 @@ const J = ({ widgets: e, isLoading: o }) => {
       ] }),
       !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)) })
     ] }),
-    i && /* @__PURE__ */ t(h, { size: { lg: 4 }, children: o ? /* @__PURE__ */ s(l, { direction: "column", spacing: 24, children: [
+    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%" })

package/dist/debts/components/DebtsChart.d.ts

@@ -1,3 +1,4 @@
+import { default as React } from 'react';
 import { DebtChartData } from '../utils/DebtsWidget';
 interface DebtsChartProps {
     sx?: any;
@@ -8,5 +9,5 @@ interface DebtsChartProps {
     onClickArea?: () => void;
     onHoverArea?: (debtGuid: string) => void;
 }
-export declare const DebtsChart: ({ sx, height, width, debts, hoveredDebtGuid, onClickArea, onHoverArea, }: DebtsChartProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DebtsChart: React.FC<DebtsChartProps>;
 export {};