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

package/dist/{Help-BSQm9o29.mjs → Help-DJ8PrVHX.mjs}

@@ -4,8 +4,8 @@ import N from "@mui/material/Box";
 import _t from "@mui/material/Accordion";
 import ot from "@mui/material/AccordionDetails";
 import rt from "@mui/material/AccordionSummary";
-import z from "@mui/material/Button";
-import q from "@mui/material/Divider";
+import $ from "@mui/material/Button";
+import z from "@mui/material/Divider";
 import A from "@mui/material/Grid";
 import tt from "@mui/material/List";
 import et from "@mui/material/ListItemButton";
@@ -18,13 +18,13 @@ import At from "@mui/material/Breadcrumbs";
 import { useTheme as Q } from "@mui/material/styles";
 import { b as s } from "./Localization-DnoVyBNK.mjs";
 import { E as Ot } from "./ErrorBoundary-CsdOcnJ9.mjs";
-import { u as Nt } from "./useScreenSize-CeFhWTt_.mjs";
+import { u as Nt } from "./useScreenSize-mWpmnh5w.mjs";
 import { observer as lt } from "mobx-react-lite";
 import { H as Lt, P as Dt } from "./Help-CkQTjORd.mjs";
 import dt from "@mui/material/Alert";
 import gt from "@mui/material/Snackbar";
 import ut from "@mui/material/TextField";
-import { D as j } from "./Drawer-XPaLYjiO.mjs";
+import { D as j } from "./Drawer-BXqqBMxg.mjs";
 import { L as mt } from "./Loader-CxeBwuPG.mjs";
 import Rt from "@mui/material/ListItemAvatar";
 import Pt from "@mui/material/ListItem";
@@ -65,7 +65,7 @@ const kt = ({
                 }
               },
               children: /* @__PURE__ */ t(
-                z,
+                $,
                 {
                   "aria-label": e,
                   onClick: () => {
@@ -89,11 +89,11 @@ const kt = ({
           {
             disableGutters: !0,
             expanded: F === v,
-            onChange: (B, $) => {
-              w(k.HELP_EXPAND_TOPIC, { feature: L }), S($ ? F : null);
+            onChange: (B, q) => {
+              w(k.HELP_EXPAND_TOPIC, { feature: L }), S(q ? F : null);
             },
             sx: (B) => ({
-              border: `1px solid ${B.palette.border?.light}`,
+              border: `1px solid ${B.palette.neutral?.light}`,
               borderRadius: "8px !important",
               "&:before": {
                 opacity: 0
@@ -116,7 +116,7 @@ const kt = ({
                   ] })
                 }
               ),
-              /* @__PURE__ */ t(q, {}),
+              /* @__PURE__ */ t(z, {}),
               /* @__PURE__ */ t(
                 ot,
                 {
@@ -124,12 +124,12 @@ const kt = ({
                     ml: 56,
                     p: 0
                   },
-                  children: /* @__PURE__ */ t(tt, { disablePadding: !0, children: W.map(({ label: B, topicKey: $ }) => /* @__PURE__ */ t(
+                  children: /* @__PURE__ */ t(tt, { disablePadding: !0, children: W.map(({ label: B, topicKey: q }) => /* @__PURE__ */ t(
                     et,
                     {
                       "aria-label": B,
                       divider: !0,
-                      onClick: () => u({ guid: T, category: L, pageTitle: B, topicKey: $ }),
+                      onClick: () => u({ guid: T, category: L, pageTitle: B, topicKey: q }),
                       sx: {
                         pl: "6px !important",
                         borderColor: "neutral.light",
@@ -140,7 +140,7 @@ const kt = ({
                       },
                       children: /* @__PURE__ */ t(E, { color: "secondary", variant: "body2", children: B })
                     },
-                    $
+                    q
                   )) })
                 }
               )
@@ -162,14 +162,11 @@ const kt = ({
   const u = Q();
   return /* @__PURE__ */ _(r.Fragment, { children: [
     /* @__PURE__ */ t(N, { sx: { pb: 48, ...d }, children: /* @__PURE__ */ _(A, { container: !0, rowSpacing: 24, children: [
-      /* @__PURE__ */ t(A, { item: !0, lg: 12, md: 12, sm: 12, xs: 12, children: i }),
+      /* @__PURE__ */ t(A, { size: 12, children: i }),
       /* @__PURE__ */ t(
         A,
         {
-          item: !0,
-          lg: c,
-          md: 12,
-          sm: 12,
+          size: { xs: 12, sm: 12, md: 12, lg: c },
           sx: {
             m: "0 auto",
             [u.breakpoints.between("sm", "lg")]: {
@@ -184,12 +181,11 @@ const kt = ({
               }
             }
           },
-          xs: 12,
           children: /* @__PURE__ */ t("img", { alt: e, src: l })
         }
       )
     ] }) }),
-    n && /* @__PURE__ */ t(q, {})
+    n && /* @__PURE__ */ t(z, {})
   ] });
 }, Bt = ({
   buttonCopy: e,
@@ -202,7 +198,7 @@ const kt = ({
   const { help: u } = K();
   return /* @__PURE__ */ _(r.Fragment, { children: [
     /* @__PURE__ */ _(A, { container: !0, sx: { alignItems: "center", justifyContent: "space-between" }, children: [
-      /* @__PURE__ */ _(A, { item: !0, sm: 6, xs: 12, children: [
+      /* @__PURE__ */ _(A, { size: { xs: 12, sm: 6 }, children: [
         /* @__PURE__ */ t(it, { color: "text.primary", children: c }),
         /* @__PURE__ */ _(
           At,
@@ -228,19 +224,17 @@ const kt = ({
       i && /* @__PURE__ */ t(
         A,
         {
-          item: !0,
-          sm: 6,
+          size: { xs: 12, sm: 6 },
           sx: {
             display: "flex",
             justifyContent: { sm: "flex-end" },
             mt: { xs: 24, sm: 0 }
           },
-          xs: 12,
-          children: /* @__PURE__ */ t(z, { "aria-label": e, onClick: l, variant: "contained", children: e })
+          children: /* @__PURE__ */ t($, { "aria-label": e, onClick: l, variant: "contained", children: e })
         }
       )
     ] }),
-    /* @__PURE__ */ t(at, { color: "text.primary", sx: { mt: 24, whiteSpace: { sm: "nowrap", xs: "wrap" } }, children: d })
+    /* @__PURE__ */ t(at, { color: "text.primary", sx: { mt: 24, whiteSpace: { sm: "nowrap" } }, children: d })
   ] });
 }, O = ({
   altImage: e,
@@ -256,10 +250,7 @@ const kt = ({
       /* @__PURE__ */ t(
         A,
         {
-          item: !0,
-          lg: c,
-          md: 12,
-          sm: 12,
+          size: { xs: 12, sm: 12, md: 12, lg: c },
           sx: {
             alignSelf: "stretch",
             [u.breakpoints.between("sm", "lg")]: {
@@ -274,13 +265,12 @@ const kt = ({
               }
             }
           },
-          xs: 12,
           children: /* @__PURE__ */ t("img", { alt: e, src: l })
         }
       ),
-      /* @__PURE__ */ t(A, { item: !0, lg: 12 - c, md: 12, sm: 12, xs: 12, children: i })
+      /* @__PURE__ */ t(A, { size: { xs: 12, sm: 12, md: 12, lg: 12 - c }, children: i })
     ] }) }),
-    n && /* @__PURE__ */ t(q, {})
+    n && /* @__PURE__ */ t(z, {})
   ] });
 }, f = ({
   content: e,
@@ -288,7 +278,7 @@ const kt = ({
   sx: n
 }) => /* @__PURE__ */ _(wt, { children: [
   /* @__PURE__ */ t(N, { sx: { pb: 48, ...n }, children: e }),
-  i && /* @__PURE__ */ t(q, {})
+  i && /* @__PURE__ */ t(z, {})
 ] }), P = ({
   altImage: e,
   content: i,
@@ -300,14 +290,11 @@ const kt = ({
   const u = Q();
   return /* @__PURE__ */ _(r.Fragment, { children: [
     /* @__PURE__ */ t(N, { sx: { pb: 48, ...d }, children: /* @__PURE__ */ _(A, { container: !0, spacing: 24, sx: { alignItems: "flex-start" }, children: [
-      /* @__PURE__ */ t(A, { item: !0, lg: 12 - c, md: 12, sm: 12, xs: 12, children: i }),
+      /* @__PURE__ */ t(A, { size: { xs: 12, sm: 12, md: 12, lg: 12 - c }, children: i }),
       /* @__PURE__ */ t(
         A,
         {
-          item: !0,
-          lg: c,
-          md: 12,
-          sm: 12,
+          size: { xs: 12, sm: 12, md: 12, lg: c },
           sx: {
             [u.breakpoints.between("sm", "lg")]: {
               display: "flex",
@@ -320,12 +307,11 @@ const kt = ({
               }
             }
           },
-          xs: 12,
           children: /* @__PURE__ */ t("img", { alt: e, src: l })
         }
       )
     ] }) }),
-    n && /* @__PURE__ */ t(q, {})
+    n && /* @__PURE__ */ t(z, {})
   ] });
 }, G = ({
   altImage: e,
@@ -341,10 +327,7 @@ const kt = ({
       /* @__PURE__ */ t(
         A,
         {
-          item: !0,
-          lg: c,
-          md: 12,
-          sm: 12,
+          size: { xs: 12, sm: 12, md: 12, lg: c },
           sx: {
             m: "0 auto",
             [u.breakpoints.between("sm", "lg")]: {
@@ -359,15 +342,14 @@ const kt = ({
               }
             }
           },
-          xs: 12,
           children: /* @__PURE__ */ t("img", { alt: e, src: l })
         }
       ),
-      /* @__PURE__ */ t(A, { item: !0, lg: 12, md: 12, sm: 12, xs: 12, children: i })
+      /* @__PURE__ */ t(A, { size: 12, children: i })
     ] }) }),
-    n && /* @__PURE__ */ t(q, {})
+    n && /* @__PURE__ */ t(z, {})
   ] });
-}, o = ({ content: e, sx: i }) => /* @__PURE__ */ t(U, { sx: { lineHeight: "24px", py: 6, ...i }, children: e }), g = ({ content: e, sx: i }) => /* @__PURE__ */ t(it, { color: "text.primary", sx: { py: 12, whiteSpace: { sm: "nowrap", xs: "wrap" }, ...i }, children: e }), a = ({
+}, o = ({ content: e, sx: i }) => /* @__PURE__ */ t(U, { sx: { lineHeight: "24px", py: 6, ...i }, children: e }), g = ({ content: e, sx: i }) => /* @__PURE__ */ t(it, { color: "text.primary", sx: { py: 12, whiteSpace: { sm: "nowrap" }, ...i }, children: e }), a = ({
   items: e,
   listType: i = "ul",
   subItemPlacement: n,
@@ -745,7 +727,7 @@ const kt = ({
       )
     ] })
   }[i];
-}, qt = ({ copy: e, topicKey: i }) => ({
+}, zt = ({ copy: e, topicKey: i }) => ({
   "cash-flow-overview": /* @__PURE__ */ _(r.Fragment, { children: [
     /* @__PURE__ */ t(
       P,
@@ -806,7 +788,7 @@ const kt = ({
       }
     )
   ] })
-})[i], $t = ({ copy: e }) => {
+})[i], qt = ({ copy: e }) => {
   const i = e.debts, n = {
     overviewSection: /* @__PURE__ */ t(
       G,
@@ -1045,7 +1027,7 @@ const kt = ({
     /* @__PURE__ */ t(g, { content: i.extra_payments, sx: { pt: 48 } }),
     n.extraPayments
   ] });
-}, zt = ({ topicKey: e, copy: i }) => {
+}, $t = ({ topicKey: e, copy: i }) => {
   const { general_faqs: n } = i;
   return {
     "is-my-data-private-and-secure": /* @__PURE__ */ t(
@@ -2524,9 +2506,9 @@ const kt = ({
   accounts: Wt,
   alerts: Xt,
   budgets: Mt,
-  cashflow: qt,
-  debts: $t,
-  general: zt,
+  cashflow: zt,
+  debts: qt,
+  general: $t,
   goals: Ht,
   insights: Jt,
   investments: Ut,
@@ -2583,7 +2565,7 @@ const kt = ({
           ] }),
           n && /* @__PURE__ */ t(E, { color: "text.primary", variant: "h3", children: n })
         ] }),
-        /* @__PURE__ */ t(E, { color: "text.secondary", sx: { whiteSpace: "wrap" }, variant: "body2", children: c })
+        /* @__PURE__ */ t(E, { color: "text.secondary", variant: "body2", children: c })
       ]
     }
   ),
@@ -2630,13 +2612,13 @@ const kt = ({
           /* @__PURE__ */ t(N, { sx: { px: 24 }, children: /* @__PURE__ */ t(
             ut,
             {
-              InputLabelProps: { shrink: !0 },
               error: !n,
               fullWidth: !0,
               helperText: n ? null : i.request_support_email_not_exists_message,
               label: i.request_contact_support_label,
               multiline: !0,
               onChange: ({ target: { value: b } }) => I(b),
+              slotProps: { inputLabel: { shrink: !0 } },
               sx: {
                 "& .MuiInputBase-root": { alignItems: "flex-start", minHeight: 124 },
                 "& .MuiInputBase-input::placeholder": {
@@ -2654,8 +2636,7 @@ const kt = ({
               color: "secondary",
               sx: {
                 fontSize: 13,
-                fontWeight: 400,
-                whiteSpace: "wrap"
+                fontWeight: 400
               },
               variant: "subtitle2",
               children: i.request_contact_support_warning
@@ -2703,7 +2684,7 @@ const kt = ({
             ] })
           }
         ),
-        /* @__PURE__ */ t(q, {}),
+        /* @__PURE__ */ t(z, {}),
         /* @__PURE__ */ t(
           ot,
           {
@@ -2739,7 +2720,7 @@ const kt = ({
     S
   )) });
 }, ne = (e) => ({
-  border: `1px solid ${e.palette.border?.light}`,
+  border: `1px solid ${e.palette.neutral?.light}`,
   borderRadius: "8px",
   "&:first-of-type": { borderRadius: "8px" },
   "&:before": {
@@ -2805,13 +2786,13 @@ const kt = ({
           /* @__PURE__ */ t(C, { sx: { gap: 24, p: 24 }, children: I.map(({ label: T, name: b }) => /* @__PURE__ */ t(
             ut,
             {
-              InputLabelProps: { shrink: !0 },
               error: !!v[b],
               fullWidth: !0,
               helperText: v[b] || "",
               label: T,
               name: b,
               onChange: R,
+              slotProps: { inputLabel: { shrink: !0 } },
               value: h[b]
             },
             b
@@ -2852,9 +2833,11 @@ const kt = ({
     Ft,
     {
       primary: e,
-      primaryTypographyProps: { style: { ...c }, variant: "body1" },
       secondary: n,
-      secondaryTypographyProps: { variant: "caption" }
+      slotProps: {
+        primary: { style: { ...c }, variant: "body1" },
+        secondary: { variant: "caption" }
+      }
     }
   ),
   /* @__PURE__ */ t(Gt, { children: /* @__PURE__ */ t(St, {}) })
@@ -2869,7 +2852,7 @@ const kt = ({
       sx: n
     }
   ),
-  /* @__PURE__ */ t(q, { sx: { ml: 24 } })
+  /* @__PURE__ */ t(z, { sx: { ml: 24 } })
 ] }, `${l}-${v}`)) }) }), re = ({
   copy: e,
   isOpen: i,
@@ -2927,12 +2910,12 @@ const kt = ({
       E,
       {
         color: "text.secondary",
-        sx: { whiteSpace: "wrap", fontWeight: 400, textAlign: "center" },
+        sx: { fontWeight: 400, textAlign: "center" },
         variant: "subtitle2",
         children: e.request_support_footer_short_content
       }
     ),
-    /* @__PURE__ */ t(z, { onClick: i, sx: { ...n, mt: 24 }, children: e.request_support_footer_button })
+    /* @__PURE__ */ t($, { onClick: i, sx: { ...n, mt: 24 }, children: e.request_support_footer_button })
   ] });
 }, ce = () => ({
   fontWeight: 600,
@@ -2995,8 +2978,8 @@ const kt = ({
       }
     ),
     /* @__PURE__ */ _(C, { direction: "column", spacing: 8, sx: { mx: 24 }, children: [
-      /* @__PURE__ */ t(z, { onClick: c, variant: "contained", children: u.done_button }),
-      /* @__PURE__ */ t(z, { onClick: l, variant: "text", children: e.request_support_institution_back })
+      /* @__PURE__ */ t($, { onClick: c, variant: "contained", children: u.done_button }),
+      /* @__PURE__ */ t($, { onClick: l, variant: "text", children: e.request_support_institution_back })
     ] })
   ] });
 }, de = ({
@@ -3014,8 +2997,8 @@ const kt = ({
       /* @__PURE__ */ t(U, { align: "center", variant: "body1", children: e.request_support_submit_success_message }),
       /* @__PURE__ */ t(E, { bold: !0, variant: "body1", children: i })
     ] }),
-    /* @__PURE__ */ t(z, { fullWidth: !0, onClick: c, variant: "contained", children: d.done_button }),
-    /* @__PURE__ */ t(z, { fullWidth: !0, onClick: l, sx: { mt: 8 }, children: e.request_support_institution_back })
+    /* @__PURE__ */ t($, { fullWidth: !0, onClick: c, variant: "contained", children: d.done_button }),
+    /* @__PURE__ */ t($, { fullWidth: !0, onClick: l, sx: { mt: 8 }, children: e.request_support_institution_back })
   ] }) });
 }, ge = lt(
   ({ copy: e, isOpen: i, onClose: n }) => {
@@ -3041,7 +3024,7 @@ const kt = ({
         message: w ? `Institution: ${w}, ${x}` : x,
         title: b.topic || "Contact Support"
       });
-    }, $ = (x, M) => {
+    }, q = (x, M) => {
       M === "other" ? T(!0) : W({ isOpen: !0, topic: x, type: M });
     }, ht = () => {
       v(""), R(!1), T(!1), F();
@@ -3086,7 +3069,7 @@ const kt = ({
           {
             list: X,
             onClick: (x, M) => {
-              l(k.HELP_CLICK_SUPPORT_TOPIC, { supportTopic: x }), $(x, M);
+              l(k.HELP_CLICK_SUPPORT_TOPIC, { supportTopic: x }), q(x, M);
             },
             sx: { fontWeight: 400 }
           }
@@ -3106,7 +3089,7 @@ const kt = ({
           ie,
           {
             helpByCategory: L,
-            onClick: $
+            onClick: q
           }
         ),
         /* @__PURE__ */ t(N, { sx: { p: 24 }, children: /* @__PURE__ */ t(

package/dist/{ListItemAction-DGjHxNDJ.mjs → ListItemAction-CwspSmQi.mjs}

@@ -1,4 +1,4 @@
-import { jsxs as e, jsx as r } from "react/jsx-runtime";
+import { jsxs as e, jsx as o } from "react/jsx-runtime";
 import b from "react";
 import { observer as v } from "mobx-react-lite";
 import x from "@mui/material/ListItem";
@@ -6,58 +6,58 @@ import C from "@mui/material/ListItemButton";
 import I from "@mui/material/ListItemText";
 import L from "@mui/material/Stack";
 import { ChevronRight as _ } from "@mxenabled/mx-icons";
-import { Text as m } from "@mxenabled/mxui";
+import { Text as a } from "@mxenabled/mxui";
 import { u as g } from "./hooks-BaO_gOI6.mjs";
-import { D as j } from "./Dialog-iLlBR8TG.mjs";
+import { D as j } from "./Dialog-CwWc0AbH.mjs";
 const q = v(
   ({
     children: n,
     isDisabled: i = !1,
     isSaveDisabled: s = !1,
-    label: p,
+    label: l,
     onCancel: c,
-    onSave: l,
+    onSave: p,
     primaryText: f,
     secondaryText: y,
-    zeroStateText: o
+    zeroStateText: r
   }) => {
-    const { common: a } = g(), [d, t] = b.useState(!1), h = () => {
+    const { common: m } = g(), [d, t] = b.useState(!1), u = () => {
       t(!1), c?.();
-    }, u = () => {
-      t(!1), l();
+    }, h = () => {
+      t(!1), p();
     };
     return /* @__PURE__ */ e(x, { children: [
       /* @__PURE__ */ e(C, { onClick: () => t(!i), children: [
-        /* @__PURE__ */ r(
+        /* @__PURE__ */ o(
           I,
           {
             primary: /* @__PURE__ */ e(L, { alignItems: "center", direction: "row", justifyContent: "space-between", children: [
-              /* @__PURE__ */ r(m, { variant: "body1", children: f }),
-              /* @__PURE__ */ r(
-                m,
+              /* @__PURE__ */ o(a, { variant: "body1", children: f }),
+              /* @__PURE__ */ o(
+                a,
                 {
                   bold: !0,
-                  color: o ? "primary.main" : "text.primary",
+                  color: r ? "primary.main" : "text.primary",
                   sx: { mr: 4 },
                   variant: "body1",
-                  children: o || y
+                  children: r || y
                 }
               )
             ] }),
-            primaryTypographyProps: { variant: "body1" }
+            slotProps: { primary: { variant: "body1" } }
           }
         ),
-        !i && !o && /* @__PURE__ */ r(_, {})
+        !i && !r && /* @__PURE__ */ o(_, {})
       ] }),
-      /* @__PURE__ */ r(
+      /* @__PURE__ */ o(
         j,
         {
-          copy: { title: p, close_aria: a.close_aria },
+          copy: { title: l, close_aria: m.close_aria },
           disablePrimaryButton: s,
           isOpen: d,
-          onClose: h,
-          onPrimaryAction: u,
-          primaryText: a.save_button,
+          onClose: u,
+          onPrimaryAction: h,
+          primaryText: m.save_button,
           children: n
         }
       )

package/dist/{ManageIncome-DwylSiWs.mjs → ManageIncome-B1JfqslT.mjs}

@@ -18,8 +18,8 @@ import { endOfMonth as me } from "date-fns/endOfMonth";
 import { parseISO as pe } from "date-fns/parseISO";
 import V from "@mui/material/Button";
 import { Delete as ye, Add as he, ReceiptLong as fe } from "@mxenabled/mx-icons";
-import { T as ee, u as ge, S as Ce, a as be } from "./EmbeddedCard-BNl3quCs.mjs";
-import { T as xe } from "./TransactionDetails-CbBSxdOi.mjs";
+import { T as ee, u as ge, S as Ce, a as be } from "./EmbeddedCard-DPwJjqMH.mjs";
+import { T as xe } from "./TransactionDetails-C3dlAzYf.mjs";
 import { addYears as j } from "date-fns/addYears";
 import { getDayOfYear as Se } from "date-fns/getDayOfYear";
 import { setDayOfYear as ve } from "date-fns/setDayOfYear";
@@ -27,14 +27,14 @@ import { AdapterDateFns as De } from "@mui/x-date-pickers/AdapterDateFnsV3";
 import { DatePicker as we } from "@mui/x-date-pickers";
 import { LocalizationProvider as Ae } from "@mui/x-date-pickers/LocalizationProvider";
 import { u as w, i as Y, g as P, b as Ie, h as te, C as Re } from "./hooks-BaO_gOI6.mjs";
-import { S as M, D as z } from "./Select-BZRUpOib.mjs";
-import { D as N } from "./Drawer-XPaLYjiO.mjs";
+import { S as M, D as z } from "./Select-BFt-HD-L.mjs";
+import { D as N } from "./Drawer-BXqqBMxg.mjs";
 import { A as O } from "./Analytics-CzGzz_sE.mjs";
 import { f as Ee, D as Le } from "./DateFormats-HudZ3Bjs.mjs";
-import { D as Oe } from "./Dialog-iLlBR8TG.mjs";
+import { D as Oe } from "./Dialog-CwWc0AbH.mjs";
 import { formatISO as Te } from "date-fns/formatISO";
 import { fromUnixTime as ke } from "date-fns/fromUnixTime";
-import { S as Ne } from "./SearchBox-CwDgvWVJ.mjs";
+import { S as Ne } from "./SearchBox-Cpgu_gdO.mjs";
 import { i as Me } from "./DateUtil-Bhq59ZVg.mjs";
 import { C as q } from "./Category-DEKZGLYe.mjs";
 import { T as ne } from "./TransactionUtils-BphBJBbU.mjs";