@mx-cartographer/experiences 8.0.0-alpha.test2 → 8.0.0-alpha.v2

package/dist/dashboard/index.es.js

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

package/dist/debts/DebtsWidget.d.ts

@@ -1,4 +1,4 @@
 import { default as React } from 'react';
-import { WidgetProps } from '../common';
+import { WidgetProps } from '../core';
 declare const _default: React.FunctionComponent<WidgetProps>;
 export default _default;

package/dist/debts/components/actions/DebtsPriorityAction.d.ts

@@ -1,3 +1,7 @@
-export declare const DebtsPriorityAction: (() => import("react/jsx-runtime").JSX.Element) & {
+interface DebtsPriorityActionProps {
+    disabled?: boolean;
+}
+export declare const DebtsPriorityAction: (({ disabled }: DebtsPriorityActionProps) => import("react/jsx-runtime").JSX.Element) & {
     displayName: string;
 };
+export {};

package/dist/debts/components/debtspaydown/PaydownButton.d.ts

@@ -1,7 +1,8 @@
 interface PaydownButtonProps {
+    disabled?: boolean;
     onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
 }
-export declare const PaydownButton: (({ onClick }: PaydownButtonProps) => import("react/jsx-runtime").JSX.Element) & {
+export declare const PaydownButton: (({ disabled, onClick }: PaydownButtonProps) => import("react/jsx-runtime").JSX.Element) & {
     displayName: string;
 };
 export {};

package/dist/debts/components/debtspriority/DebtsPriorityButton.d.ts

@@ -1,8 +1,9 @@
 import { default as React } from 'react';
 interface DebtsPrioriyButtonProps {
     buttonText: string;
+    disabled?: boolean;
     isOpen: boolean;
     onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
 }
-export declare const DebtsPriorityButton: ({ buttonText, isOpen, onClick }: DebtsPrioriyButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DebtsPriorityButton: ({ buttonText, disabled, isOpen, onClick, }: DebtsPrioriyButtonProps) => import("react/jsx-runtime").JSX.Element;
 export {};