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

package/dist/{NotificationSettings-B74rQVYC.mjs → NotificationSettings-BsWiYD94.mjs}

@@ -1,4 +1,4 @@
-import { jsxs as l, jsx as e, Fragment as B } from "react/jsx-runtime";
+import { jsxs as l, jsx as e, Fragment as M } from "react/jsx-runtime";
 import g from "react";
 import { observer as C } from "mobx-react-lite";
 import v from "@mui/material/Divider";
@@ -7,7 +7,7 @@ import O from "@mui/material/ListItem";
 import L from "@mui/material/ListItemText";
 import V from "@mui/material/ListItemButton";
 import m from "@mui/material/Stack";
-import { ChevronRight as S, ExpandMore as Q, Star as X } from "@mxenabled/mx-icons";
+import { ChevronRight as w, ExpandMore as K, Star as Q } from "@mxenabled/mx-icons";
 import { Text as x, InstitutionLogo as Y, H3 as F } from "@mxenabled/mxui";
 import { endOfMonth as Z } from "date-fns/endOfMonth";
 import { startOfMonth as ee } from "date-fns/startOfMonth";
@@ -16,12 +16,12 @@ import { LocalizationProvider as ne } from "@mui/x-date-pickers/LocalizationProv
 import { AdapterDateFns as ie } from "@mui/x-date-pickers/AdapterDateFnsV3";
 import { A as oe, T as R, a as P, N as y } from "./ToggleListItem-ciFTiqRS.mjs";
 import { D as N } from "./Dialog-CDV0kKxj.mjs";
-import { C as se } from "./CurrencyInput-D1cjbdCI.mjs";
+import { C as se } from "./CurrencyInput-BrGvhgVK.mjs";
 import { u as D, s as T, p as I, d as ae, g as ce, a as W, n as le, b as re } from "./hooks-C41HAxM5.mjs";
 import { b as de } from "./Localization-2MODESHW.mjs";
 import { b as me, f as he } from "./NumberFormatting-DjTD0t3W.mjs";
-import { u as _e } from "./useScreenSize-B5afALev.mjs";
-import { D as J } from "./Drawer-BF40nbsH.mjs";
+import { u as _e } from "./useScreenSize-B6JyS_Lj.mjs";
+import { D as J } from "./Drawer-Dqe5EqvA.mjs";
 import ue from "@mui/material/Collapse";
 import pe from "@mui/material/Card";
 import fe from "@mui/material/CardContent";
@@ -29,19 +29,19 @@ import G from "@mui/material/Box";
 import j from "@mui/material/Button";
 import U from "@mui/material/TextField";
 import { u as ge } from "./useDimensions-27p2evRx.mjs";
-import { useTheme as q } from "@mui/material/styles";
+import X from "@mui/material/styles/useTheme";
 import { u as ye } from "./useInsightsEnabled-CNjP5cfR.mjs";
-import { L as be } from "./Loader-Ckqi9Rx6.mjs";
+import { L as be } from "./Loader-BSWSYqvn.mjs";
 const xe = C(() => {
-  const { common: n, settings: t } = D(), { sendEmailVerification: o } = T(), { user: r } = I(), s = q(), [c, a] = g.useState(!1), i = () => {
+  const { common: n, settings: t } = D(), { sendEmailVerification: o } = T(), { user: r } = I(), s = X(), [c, a] = g.useState(!1), i = () => {
     a(!1);
   }, _ = () => {
     a(!0);
   };
   return /* @__PURE__ */ l(g.Fragment, { children: [
     /* @__PURE__ */ l(j, { onClick: _, sx: { height: "auto", p: 4, width: "fit-content" }, children: [
-      /* @__PURE__ */ e(x, { variant: "body2", children: t.verify_email }),
-      /* @__PURE__ */ e(S, {})
+      /* @__PURE__ */ e(x, { variant: "Small", children: t.verify_email }),
+      /* @__PURE__ */ e(w, {})
     ] }),
     /* @__PURE__ */ e(
       N,
@@ -62,21 +62,21 @@ const xe = C(() => {
           }
         },
         children: /* @__PURE__ */ l(m, { spacing: 16, sx: { px: 40, textAlign: "center", width: "100%" }, children: [
-          /* @__PURE__ */ e(x, { bold: !0, truncate: !1, variant: "body1", children: t.confirm_your_email }),
-          /* @__PURE__ */ e(x, { truncate: !1, variant: "body2", children: t.confirm_email }),
+          /* @__PURE__ */ e(x, { bold: !0, truncate: !1, variant: "Body", children: t.confirm_your_email }),
+          /* @__PURE__ */ e(x, { truncate: !1, variant: "Small", children: t.confirm_email }),
           /* @__PURE__ */ e(
             x,
             {
               sx: {
-                border: `1px solid ${s.palette.neutral.light}`,
+                border: `1px solid ${s.palette.border.light}`,
                 borderRadius: "4px",
                 p: "16px 32px"
               },
-              variant: "h3",
+              variant: "H3",
               children: r.email
             }
           ),
-          /* @__PURE__ */ e(x, { truncate: !1, variant: "body2", children: t.verification_notice_email })
+          /* @__PURE__ */ e(x, { truncate: !1, variant: "Small", children: t.verification_notice_email })
         ] })
       }
     )
@@ -107,7 +107,7 @@ const xe = C(() => {
     );
   }
 ), ve = C(() => {
-  const { common: n, settings: t } = D(), { sendPhoneVerification: o, verifyPhoneToken: r } = T(), { user: s } = I(), c = q(), [a, i] = g.useState(!1), [_, d] = g.useState(!1), h = () => {
+  const { common: n, settings: t } = D(), { sendPhoneVerification: o, verifyPhoneToken: r } = T(), { user: s } = I(), c = X(), [a, i] = g.useState(!1), [_, d] = g.useState(!1), h = () => {
     i(!1);
   }, u = () => {
     i(!0);
@@ -122,8 +122,8 @@ const xe = C(() => {
   };
   return /* @__PURE__ */ l(g.Fragment, { children: [
     /* @__PURE__ */ l(j, { onClick: u, sx: { height: "auto", p: 4, width: "fit-content" }, children: [
-      /* @__PURE__ */ e(x, { variant: "body2", children: t.verify_phone }),
-      /* @__PURE__ */ e(S, {})
+      /* @__PURE__ */ e(x, { variant: "Small", children: t.verify_phone }),
+      /* @__PURE__ */ e(w, {})
     ] }),
     /* @__PURE__ */ e(
       N,
@@ -144,21 +144,21 @@ const xe = C(() => {
           }
         },
         children: /* @__PURE__ */ l(m, { spacing: 16, sx: { px: 40, textAlign: "center", width: "100%" }, children: [
-          /* @__PURE__ */ e(x, { bold: !0, truncate: !1, variant: "body1", children: t.confirm_your_phone }),
-          /* @__PURE__ */ e(x, { truncate: !1, variant: "body2", children: t.confirm_phone }),
+          /* @__PURE__ */ e(x, { bold: !0, truncate: !1, variant: "Body", children: t.confirm_your_phone }),
+          /* @__PURE__ */ e(x, { truncate: !1, variant: "Small", children: t.confirm_phone }),
           /* @__PURE__ */ e(
             x,
             {
               sx: {
-                border: `1px solid ${c.palette.neutral.light}`,
+                border: `1px solid ${c.palette.border.light}`,
                 borderRadius: "4px",
                 p: "16px 32px"
               },
-              variant: "h3",
+              variant: "H3",
               children: s.phone
             }
           ),
-          /* @__PURE__ */ e(x, { truncate: !1, variant: "body2", children: t.verification_notice_phone })
+          /* @__PURE__ */ e(x, { truncate: !1, variant: "Small", children: t.verification_notice_phone })
         ] })
       }
     ),
@@ -178,7 +178,7 @@ const xe = C(() => {
     ), p = t.account?.name || t.account?.feed_name || "", b = t.account?.day_payment_is_due ? de(
       s.notification_debt_payment_date,
       me(t.account?.day_payment_is_due)
-    ) : s.notification_debt_payment_zero_state, k = a ? b : he(t.threshold ?? 0, "0,0"), A = async () => {
+    ) : s.notification_debt_payment_zero_state, S = a ? b : he(t.threshold ?? 0, "0,0"), A = async () => {
       a && t.account ? await c({ ...t.account, day_payment_is_due: u }) : n({ ...t, threshold: d });
     };
     return /* @__PURE__ */ l(m, { children: [
@@ -192,7 +192,7 @@ const xe = C(() => {
               institutionGuid: t.account?.institution_guid
             }
           ) : void 0,
-          endIcon: /* @__PURE__ */ e(S, {}),
+          endIcon: /* @__PURE__ */ e(w, {}),
           isChecked: t.is_enabled,
           isDisabled: !t.is_enabled,
           isPrimaryTextBold: !0,
@@ -202,7 +202,7 @@ const xe = C(() => {
             is_enabled: !t.is_enabled
           }),
           primaryText: p,
-          secondaryText: t.is_enabled ? k : s.notification_disabled
+          secondaryText: t.is_enabled ? S : s.notification_disabled
         }
       ),
       /* @__PURE__ */ e(
@@ -222,8 +222,8 @@ const xe = C(() => {
             {
               maxDate: Z(/* @__PURE__ */ new Date()),
               minDate: ee(/* @__PURE__ */ new Date()),
-              onChange: (w) => {
-                f(w.getDate());
+              onChange: (k) => {
+                f(k.getDate());
               },
               slots: {
                 // Hides the arrows
@@ -245,8 +245,8 @@ const xe = C(() => {
               autoFocus: !0,
               fullWidth: !0,
               minAmount: 0,
-              setAmount: (w) => h(Number(w) || 0),
-              sx: { ".MuiTypography-body1": { p: 0 } }
+              setAmount: (k) => h(Number(k) || 0),
+              sx: { ".MuiTypography-Body": { p: 0 } }
             }
           )
         }
@@ -265,7 +265,7 @@ const xe = C(() => {
       sms_notifications_enabled: p
     } = s;
     return /* @__PURE__ */ l(m, { children: [
-      (u || p || f) && /* @__PURE__ */ l(B, { children: [
+      (u || p || f) && /* @__PURE__ */ l(M, { children: [
         /* @__PURE__ */ e(x, { bold: !0, sx: { mb: 4, ml: 24, mt: 12 }, variant: "caption", children: o.delivery_method_title }),
         /* @__PURE__ */ l(E, { sx: { bgcolor: "background.paper" }, children: [
           u && /* @__PURE__ */ e(m, { sx: { pl: 24 }, children: /* @__PURE__ */ e(
@@ -319,7 +319,7 @@ const xe = C(() => {
       ] })
     ] });
   }
-), z = C(() => {
+), H = C(() => {
   const { accountProfiles: n, updateNotificationProfile: t } = T(), [o, r] = g.useState(""), s = g.useMemo(
     () => n.find((i) => i.guid === o),
     [n, o]
@@ -335,7 +335,7 @@ const xe = C(() => {
     n.filter((i) => i.children && i.children.length > 0).map((i) => /* @__PURE__ */ e(
       R,
       {
-        endIcon: /* @__PURE__ */ e(S, {}),
+        endIcon: /* @__PURE__ */ e(w, {}),
         isChecked: i.is_enabled,
         isDisabled: !i.is_enabled,
         onClick: () => r(i.guid),
@@ -361,7 +361,7 @@ const xe = C(() => {
       }
     )
   ] });
-}), K = C(({ profile: n }) => {
+}), q = C(({ profile: n }) => {
   const { settings: t } = D(), {
     clientCommunicationProfile: {
       email_notifications_enabled: o,
@@ -376,15 +376,15 @@ const xe = C(() => {
     }
   } = T(), { user: d } = I(), [h, u] = g.useState(!1), f = async () => {
     await p({ ...n, is_enabled: !n.is_enabled }), n.is_enabled && u(!1);
-  }, p = async (k) => {
-    await c(k);
+  }, p = async (S) => {
+    await c(S);
   }, b = o || s || r;
   return /* @__PURE__ */ l(E, { sx: { bgcolor: "background.paper" }, children: [
     /* @__PURE__ */ e(
       R,
       {
         endIcon: b ? /* @__PURE__ */ e(
-          Q,
+          K,
           {
             sx: {
               transition: "transform 0.3s ease-in-out",
@@ -443,9 +443,9 @@ const xe = C(() => {
     ] }) }),
     /* @__PURE__ */ e(v, {})
   ] }, n.guid);
-}), $ = C(() => {
+}), z = C(() => {
   const { budgetProfiles: n } = T();
-  return /* @__PURE__ */ e(m, { children: n.map((t) => /* @__PURE__ */ e(K, { profile: t }, t.guid)) });
+  return /* @__PURE__ */ e(m, { children: n.map((t) => /* @__PURE__ */ e(q, { profile: t }, t.guid)) });
 }), De = C(() => {
   const { onEvent: n } = ce(), { settings: t } = D(), {
     clientCommunicationProfile: o,
@@ -461,7 +461,7 @@ const xe = C(() => {
   };
   return /* @__PURE__ */ l(m, { children: [
     /* @__PURE__ */ e(F, { sx: { mt: 24 }, children: t.delivery_method_title }),
-    o.email_notifications_enabled && /* @__PURE__ */ l(B, { children: [
+    o.email_notifications_enabled && /* @__PURE__ */ l(M, { children: [
       /* @__PURE__ */ e(
         P,
         {
@@ -478,7 +478,7 @@ const xe = C(() => {
       ),
       (o.sms_notifications_enabled || o.push_notifications_enabled) && /* @__PURE__ */ e(v, {})
     ] }),
-    o.sms_notifications_enabled && /* @__PURE__ */ l(B, { children: [
+    o.sms_notifications_enabled && /* @__PURE__ */ l(M, { children: [
       /* @__PURE__ */ e(
         P,
         {
@@ -505,20 +505,20 @@ const xe = C(() => {
       }
     ),
     o.sms_notifications_enabled && /* @__PURE__ */ e(pe, { sx: { backgroundColor: "background.default", mt: 12 }, variant: "outlined", children: /* @__PURE__ */ e(fe, { children: /* @__PURE__ */ l(m, { alignItems: "flex-start", direction: "row", gap: 6, children: [
-      /* @__PURE__ */ e(X, { color: "primary", filled: !0 }),
-      /* @__PURE__ */ e(x, { sx: { whiteSpace: "wrap" }, variant: "caption", children: t.delivery_method_sms_note_1 })
+      /* @__PURE__ */ e(Q, { color: "primary", filled: !0 }),
+      /* @__PURE__ */ e(x, { sx: { whiteSpace: "wrap" }, variant: "XSmall", children: t.delivery_method_sms_note_1 })
     ] }) }) })
   ] });
-}), H = C(() => {
+}), $ = C(() => {
   const { insightsProfiles: n } = T();
-  return /* @__PURE__ */ e(m, { children: n.map((t) => /* @__PURE__ */ e(K, { profile: t }, t.guid)) });
-}), ke = () => {
+  return /* @__PURE__ */ e(m, { children: n.map((t) => /* @__PURE__ */ e(q, { profile: t }, t.guid)) });
+}), Se = () => {
   const { config: n } = W(), [t, { width: o }] = ge(), { common: r, settings: s } = D(), { updateUser: c } = T(), { user: a } = I(), [i, _] = g.useState(!1), [d, h] = g.useState({
     email: a.email,
     phone: a.phone
-  }), u = d.email && !a.email_is_verified && !i, f = d.phone && !a.phone_is_verified && !i, p = (k) => {
-    const { name: A, value: w } = k.target, M = { ...d, [A]: w };
-    h(M), _(JSON.stringify({ ...a, ...M }) !== JSON.stringify(a));
+  }), u = d.email && !a.email_is_verified && !i, f = d.phone && !a.phone_is_verified && !i, p = (S) => {
+    const { name: A, value: k } = S.target, B = { ...d, [A]: k };
+    h(B), _(JSON.stringify({ ...a, ...B }) !== JSON.stringify(a));
   }, b = async () => {
     await c({ ...a, ...d }), _(!1);
   };
@@ -594,7 +594,7 @@ const xe = C(() => {
       )
     ] })
   ] });
-}, we = C(ke), lt = C(
+}, ke = C(Se), lt = C(
   ({
     notificationTypes: n = [y.Accounts, y.Budgets],
     showPersonalDetails: t = !1,
@@ -614,18 +614,18 @@ const xe = C(() => {
     const {
       email_notifications_enabled: p,
       sms_notifications_enabled: b,
-      push_notifications_enabled: k
-    } = i, A = p || b || k;
+      push_notifications_enabled: S
+    } = i, A = p || b || S;
     if (o === "accounts")
-      return /* @__PURE__ */ e(z, {});
+      return /* @__PURE__ */ e(H, {});
     if (o === "budgets")
-      return /* @__PURE__ */ e($, {});
+      return /* @__PURE__ */ e(z, {});
     if (o === "insights")
-      return /* @__PURE__ */ e(H, {});
-    const w = s.display_email_edit_field_in_settings || s.display_sms_edit_field_in_settings, M = t && i.can_edit_contact_info && w;
+      return /* @__PURE__ */ e($, {});
+    const k = s.display_email_edit_field_in_settings || s.display_sms_edit_field_in_settings, B = t && i.can_edit_contact_info && k;
     return /* @__PURE__ */ l(m, { sx: { pt: A ? 0 : 24 }, children: [
       /* @__PURE__ */ l(m, { sx: { px: 24 }, children: [
-        A && /* @__PURE__ */ l(B, { children: [
+        A && /* @__PURE__ */ l(M, { children: [
           /* @__PURE__ */ e(De, {}),
           /* @__PURE__ */ e(v, { sx: { my: 24 } })
         ] }),
@@ -634,18 +634,18 @@ const xe = C(() => {
       /* @__PURE__ */ l(E, { children: [
         n.includes(y.Accounts) && /* @__PURE__ */ e(O, { children: /* @__PURE__ */ l(V, { onClick: () => u(y.Accounts), children: [
           /* @__PURE__ */ e(L, { primary: c.accounts_title, secondary: c.accounts_subtitle }),
-          /* @__PURE__ */ e(S, {})
+          /* @__PURE__ */ e(w, {})
         ] }) }),
         n.includes(y.Budgets) && /* @__PURE__ */ e(O, { children: /* @__PURE__ */ l(V, { onClick: () => u(y.Budgets), children: [
           /* @__PURE__ */ e(L, { primary: c.budgets_title, secondary: c.budgets_subtitle }),
-          /* @__PURE__ */ e(S, {})
+          /* @__PURE__ */ e(w, {})
         ] }) }),
         n.includes(y.Insights) && /* @__PURE__ */ e(O, { children: /* @__PURE__ */ l(V, { onClick: () => u(y.Insights), children: [
           /* @__PURE__ */ e(L, { primary: c.insights_title, secondary: c.insights_subtitle }),
-          /* @__PURE__ */ e(S, {})
+          /* @__PURE__ */ e(w, {})
         ] }) })
       ] }),
-      M && /* @__PURE__ */ e(m, { sx: { px: 24 }, children: /* @__PURE__ */ e(we, {}) }),
+      B && /* @__PURE__ */ e(m, { sx: { px: 24 }, children: /* @__PURE__ */ e(ke, {}) }),
       /* @__PURE__ */ e(
         J,
         {
@@ -653,9 +653,9 @@ const xe = C(() => {
           onClose: () => u(void 0),
           title: f,
           children: /* @__PURE__ */ l(m, { children: [
-            h === y.Accounts && /* @__PURE__ */ e(z, {}),
-            h === y.Budgets && /* @__PURE__ */ e($, {}),
-            h === y.Insights && /* @__PURE__ */ e(H, {})
+            h === y.Accounts && /* @__PURE__ */ e(H, {}),
+            h === y.Budgets && /* @__PURE__ */ e(z, {}),
+            h === y.Insights && /* @__PURE__ */ e($, {})
           ] })
         }
       )
@@ -663,9 +663,9 @@ const xe = C(() => {
   }
 );
 export {
-  z as A,
-  $ as B,
-  H as I,
+  H as A,
+  z as B,
+  $ as I,
   lt as N,
   xe as V,
   ve as a

package/dist/{OriginalBalanceAction-2Y_3U_mg.mjs → OriginalBalanceAction-62e0mU_3.mjs}

@@ -5,7 +5,7 @@ import v from "@mui/material/TextField";
 import { L as y } from "./ListItemAction-BNCWQAN_.mjs";
 import { u as h, l as b } from "./hooks-C41HAxM5.mjs";
 import { a as T, f as S } from "./NumberFormatting-DjTD0t3W.mjs";
-import { C as f } from "./CurrencyInput-D1cjbdCI.mjs";
+import { C as f } from "./CurrencyInput-BrGvhgVK.mjs";
 const F = p(({ goal: e }) => {
   const { goals: a } = h(), { setAlert: r, setSelectedGoal: l, updateGoal: m } = b(), [t, s] = _.useState(e.interest_rate ?? 0), c = !e.guid, i = t < 0, d = async () => {
     const n = { ...e, interest_rate: t };
@@ -39,7 +39,7 @@ const F = p(({ goal: e }) => {
       )
     }
   );
-}), M = p(({ goal: e }) => {
+}), B = p(({ goal: e }) => {
   const { goals: a } = h(), { setAlert: r, setSelectedGoal: l, updateGoal: m } = b(), [t, s] = _.useState(e.monthly_payment ?? 0), c = !e.guid, i = t < 0 || t > 9999999999e-2, d = async () => {
     const n = { ...e, monthly_payment: t };
     e.monthly_payment = t, c ? l(n) : (await m({ ...e, monthly_payment: t }), r(a.alert_goal_updated_payment));
@@ -68,12 +68,12 @@ const F = p(({ goal: e }) => {
           fullWidth: !0,
           minAmount: 0,
           setAmount: (n) => s(isNaN(Number(n)) ? t : Number(n)),
-          sx: { ".MuiTypography-body1": { p: 0 } }
+          sx: { ".MuiTypography-Body": { p: 0 } }
         }
       )
     }
   );
-}), z = p(({ goal: e }) => {
+}), M = p(({ goal: e }) => {
   const { goals: a } = h(), { setAlert: r, setSelectedGoal: l, updateGoal: m } = b(), [t, s] = _.useState(e.initial_amount), c = !e.guid, i = t < 0 || t > 9999999999e-2, d = async () => {
     const n = { ...e, initial_amount: t };
     e.initial_amount = t, c ? l(n) : (await m({ ...e, initial_amount: t }), r(a.alert_goal_updated_balance));
@@ -102,7 +102,7 @@ const F = p(({ goal: e }) => {
           fullWidth: !0,
           minAmount: 0,
           setAmount: (n) => s(isNaN(Number(n)) ? t : Number(n)),
-          sx: { ".MuiTypography-body1": { p: 0 } }
+          sx: { ".MuiTypography-Body": { p: 0 } }
         }
       )
     }
@@ -110,6 +110,6 @@ const F = p(({ goal: e }) => {
 });
 export {
   F as I,
-  M,
-  z as O
+  B as M,
+  M as O
 };

package/dist/{RecurringSettings-DAncu--R.mjs → RecurringSettings-RfZ8Wuhh.mjs}

@@ -7,10 +7,10 @@ import R from "@mui/material/Tabs";
 import d from "@mui/material/Divider";
 import b from "@mui/material/List";
 import T from "@mui/material/Stack";
-import { R as C, A as S, a as E, M as v } from "./ManageIncome-8EsStyIQ.mjs";
+import { R as C, A as S, a as E, M as v } from "./ManageIncome-D_qVX5dN.mjs";
 import { u as _, j as A, g as f } from "./hooks-C41HAxM5.mjs";
-import { R as y, F as N } from "./RecurringTransactions-CxcSL1dY.mjs";
-import { A as m } from "./WidgetContainer-CDh9fjpR.mjs";
+import { R as y, F as N } from "./RecurringTransactions-Bhx56aA3.mjs";
+import { A as m } from "./WidgetContainer-B1Jzb4XA.mjs";
 const I = h(() => {
   const { recurring: g } = _(), { detailedRepeatingTransactions: n } = A(), { onEvent: a } = f(), l = (r) => {
     a(m.RECURRING_TRANSACTIONS_CLICK_EXPENSE, {