@mx-cartographer/experiences 7.13.16 → 7.13.18

package/CHANGELOG.md

@@ -1,3 +1,11 @@
+## [7.13.18] - 04-01-2026
+
+- **UPDATED** - Deprecated icons to use mx-icons library
+
+## [7.13.17] - 03-31-2026
+
+- **UPDATED** - Deprecated `border` color to use `neutral`
+
 ## [7.13.16] - 03-31-2026
 
 - **FIXED** - `Spending` Other bucket dropping overflow spending categories

package/dist/{CashflowStore-D3MKniVM.mjs → CashflowStore-CeAzChyD.mjs}

@@ -2,22 +2,22 @@ import { jsx as t, jsxs as m } from "react/jsx-runtime";
 import { useState as l } from "react";
 import p from "@mui/material/IconButton";
 import f from "@mui/material/Stack";
-import h from "@mui/material/Tooltip";
-import { Text as a, Icon as d, IconWeight as u } from "@mxenabled/mxui";
+import d from "@mui/material/Tooltip";
+import { Text as a, Icon as h } from "@mxenabled/mxui";
 import { makeAutoObservable as c } from "mobx";
-import { addDays as x } from "date-fns/addDays";
-import { differenceInDays as g } from "date-fns/differenceInDays";
-import { endOfMonth as I } from "date-fns/endOfMonth";
+import { addDays as u } from "date-fns/addDays";
+import { differenceInDays as x } from "date-fns/differenceInDays";
+import { endOfMonth as g } from "date-fns/endOfMonth";
 import { isBefore as S } from "date-fns/isBefore";
 import { startOfToday as s } from "date-fns/startOfToday";
-const b = ({
+const I = ({
   body: o,
   iconName: e = "info",
   title: n
 }) => {
   const [i, r] = l(!1);
   return /* @__PURE__ */ t(
-    h,
+    d,
     {
       open: i,
       title: /* @__PURE__ */ m(f, { gap: 2, p: 12, sx: { textOverflow: "none" }, children: [
@@ -36,22 +36,15 @@ const b = ({
             minWidth: 0,
             p: 0
           },
-          children: /* @__PURE__ */ t(
-            d,
-            {
-              name: e,
-              sx: { color: "primary.main", fontSize: 16 },
-              weight: u.Dark
-            }
-          )
+          children: /* @__PURE__ */ t(h, { name: e, sx: { color: "primary.main", fontSize: 16 } })
         }
       )
     }
   );
-}, N = b;
-class y {
+}, k = I;
+class b {
   // Cashflow is hard-coded to display 30 days starting from today
-  dateRange = { start: s(), end: x(s(), 30) };
+  dateRange = { start: s(), end: u(s(), 30) };
   isDirty = !1;
   nextIncome = void 0;
   upcomingExpenses = [];
@@ -61,13 +54,13 @@ class y {
   }
   // Returns the number of days until the next income activity or 0 if there is no income activity
   get daysUntilNextIncome() {
-    return this.nextIncome ? Math.abs(g(s(), this.nextIncome.expectedDate)) : 0;
+    return this.nextIncome ? Math.abs(x(s(), this.nextIncome.expectedDate)) : 0;
   }
   // Returns the expenses (Activities) until the  next income activity or the end of the month
   // if there is no income activity
   get expensesTilNextIncome() {
     return this.upcomingExpenses.filter(
-      (e) => S(e.expectedDate, this.nextIncome?.expectedDate || I(/* @__PURE__ */ new Date()))
+      (e) => S(e.expectedDate, this.nextIncome?.expectedDate || g(/* @__PURE__ */ new Date()))
     );
   }
   setNextIncome = (e) => {
@@ -78,11 +71,11 @@ class y {
   };
   setSelectedCashAccounts = (e) => this.selectedCashAccounts = e;
 }
-class P {
+class N {
   globalStore;
   uiStore;
   constructor(e) {
-    this.globalStore = e, this.uiStore = new y(), c(this);
+    this.globalStore = e, this.uiStore = new b(), c(this);
   }
   completeOnboarding = async () => {
     const e = {
@@ -93,6 +86,6 @@ class P {
   };
 }
 export {
-  P as C,
-  N as I
+  N as C,
+  k as I
 };

package/dist/{Help-CpLfyvPv.mjs → Help-D-laTbKu.mjs}

@@ -141,7 +141,7 @@ const kt = (e, i, n) => {
                       onClick: () => m({ guid: T, category: L, pageTitle: B, topicKey: $ }),
                       sx: {
                         pl: "6px !important",
-                        borderColor: "border.light",
+                        borderColor: "neutral.light",
                         "&:last-child": {
                           border: "none !important",
                           borderBottomRightRadius: 7
@@ -2734,7 +2734,7 @@ const kt = (e, i, n) => {
                   }), i(h, w);
                 },
                 sx: {
-                  borderColor: "border.light",
+                  borderColor: "neutral.light",
                   "&:last-child": {
                     border: "none",
                     borderBottomRightRadius: 7

package/dist/{ManageIncome--_KEPuCK.mjs → ManageIncome-B1j-AzI1.mjs}

@@ -10,7 +10,7 @@ import ce from "@mui/material/ListItem";
 import de from "@mui/material/ListItemAvatar";
 import le from "@mui/material/ListItemButton";
 import _e from "@mui/material/ListItemText";
-import { F as l, S as M, D as z, g as H, R as L, e as X } from "./RecurringTransactions-BOzBqfdg.mjs";
+import { F as l, S as M, D as z, g as H, R as L, e as X } from "./RecurringTransactions-tayG19Wn.mjs";
 import { subDays as Z } from "date-fns/subDays";
 import { startOfToday as E } from "date-fns/startOfToday";
 import { endOfMonth as ue } from "date-fns/endOfMonth";
@@ -18,7 +18,7 @@ import { parseISO as me } from "date-fns/parseISO";
 import J from "@mui/material/Button";
 import { Delete as pe, Add as ye, ReceiptLong as he } from "@mxenabled/mx-icons";
 import { T as V, u as fe, S as ge, a as Ce } from "./StatusIndicator-CIKUOoN_.mjs";
-import { T as be } from "./TransactionDetails-B-C-7meW.mjs";
+import { T as be } from "./TransactionDetails-CwqokbQo.mjs";
 import { addYears as j } from "date-fns/addYears";
 import { getDayOfYear as xe } from "date-fns/getDayOfYear";
 import { setDayOfYear as Se } from "date-fns/setDayOfYear";

package/dist/{NotificationSettings-DU3vJh5J.mjs → NotificationSettings-C77J42Ue.mjs}

@@ -17,9 +17,9 @@ import { AdapterDateFns as ce } from "@mui/x-date-pickers/AdapterDateFnsV3";
 import { A as le, T as R, a as D, N as b } from "./Notification-CMBNDGC-.mjs";
 import { u as k, r as T, o as A, d as J, g as re, a as q, b as de } from "./hooks-BxkfR-Ff.mjs";
 import { b as me } from "./Localization-CPkpIwIx.mjs";
-import { b as he, f as _e } from "./NumberFormatting-QCaNwbjv.mjs";
+import { b as he, f as ue } from "./NumberFormatting-QCaNwbjv.mjs";
 import { D as B } from "./Dialog-Ck34yr-d.mjs";
-import { C as ue } from "./CurrencyInput-DuMktPu3.mjs";
+import { C as _e } from "./CurrencyInput-DuMktPu3.mjs";
 import { u as pe } from "./useScreenSize-B6JyS_Lj.mjs";
 import { D as K } from "./Drawer-Bbe4AMB1.mjs";
 import fe from "@mui/material/Collapse";
@@ -36,11 +36,11 @@ import { L as ve } from "./Loader-D3rjKx72.mjs";
 const Te = C(() => {
   const { common: n, settings: t } = k(), { sendEmailVerification: s } = T(), { user: l } = A(), i = Q(), [r, a] = p.useState(!1), o = () => {
     a(!1);
-  }, _ = () => {
+  }, u = () => {
     a(!0);
   };
   return /* @__PURE__ */ c(p.Fragment, { children: [
-    /* @__PURE__ */ c(j, { onClick: _, sx: { height: "auto", p: 4, width: "fit-content" }, children: [
+    /* @__PURE__ */ c(j, { onClick: u, sx: { height: "auto", p: 4, width: "fit-content" }, children: [
       /* @__PURE__ */ e(x, { variant: "body2", children: t.verify_email }),
       /* @__PURE__ */ e(S, {})
     ] }),
@@ -69,7 +69,7 @@ const Te = C(() => {
             x,
             {
               sx: {
-                border: `1px solid ${i.palette.border.light}`,
+                border: `1px solid ${i.palette.neutral.light}`,
                 borderRadius: "4px",
                 p: "16px 32px"
               },
@@ -108,9 +108,9 @@ const Te = C(() => {
     );
   }
 ), De = C(() => {
-  const { common: n, settings: t } = k(), { sendPhoneVerification: s, verifyPhoneToken: l } = T(), { user: i } = A(), r = Q(), [a, o] = p.useState(!1), [_, d] = p.useState(!1), f = () => {
+  const { common: n, settings: t } = k(), { sendPhoneVerification: s, verifyPhoneToken: l } = T(), { user: i } = A(), r = Q(), [a, o] = p.useState(!1), [u, d] = p.useState(!1), f = () => {
     o(!1);
-  }, u = () => {
+  }, _ = () => {
     o(!0);
   }, y = () => {
     s().finally(() => {
@@ -122,7 +122,7 @@ const Te = C(() => {
     });
   };
   return /* @__PURE__ */ c(p.Fragment, { children: [
-    /* @__PURE__ */ c(j, { onClick: u, sx: { height: "auto", p: 4, width: "fit-content" }, children: [
+    /* @__PURE__ */ c(j, { onClick: _, sx: { height: "auto", p: 4, width: "fit-content" }, children: [
       /* @__PURE__ */ e(x, { variant: "body2", children: t.verify_phone }),
       /* @__PURE__ */ e(S, {})
     ] }),
@@ -151,7 +151,7 @@ const Te = C(() => {
             x,
             {
               sx: {
-                border: `1px solid ${r.palette.border.light}`,
+                border: `1px solid ${r.palette.neutral.light}`,
                 borderRadius: "4px",
                 p: "16px 32px"
               },
@@ -168,19 +168,19 @@ const Te = C(() => {
       {
         handleClose: () => d(!1),
         handleVerify: m,
-        isOpen: _
+        isOpen: u
       }
     )
   ] });
 }), ke = C(
   ({ onProfileUpdated: n, profile: t }) => {
-    const { common: s, recurring: l, settings: i } = k(), { updateAccount: r } = J(), a = t.notification_type === le.DebtPaymentReminder, [o, _] = p.useState(!1), [d, f] = p.useState(t.threshold || 0), [u, y] = p.useState(
+    const { common: s, recurring: l, settings: i } = k(), { updateAccount: r } = J(), a = t.notification_type === le.DebtPaymentReminder, [o, u] = p.useState(!1), [d, f] = p.useState(t.threshold || 0), [_, y] = p.useState(
       t.account?.day_payment_is_due || 0
     ), m = t.account?.name || t.account?.feed_name || "", g = t.account?.day_payment_is_due ? me(
       i.notification_debt_payment_date,
       he(t.account?.day_payment_is_due)
-    ) : i.notification_debt_payment_zero_state, P = a ? g : _e(t.threshold ?? 0, "0,0"), I = async () => {
-      a && t.account ? await r({ ...t.account, day_payment_is_due: u }) : n({ ...t, threshold: d });
+    ) : i.notification_debt_payment_zero_state, P = a ? g : ue(t.threshold ?? 0, "0,0"), I = async () => {
+      a && t.account ? await r({ ...t.account, day_payment_is_due: _ }) : n({ ...t, threshold: d });
     };
     return /* @__PURE__ */ c(h, { children: [
       /* @__PURE__ */ e(
@@ -197,7 +197,7 @@ const Te = C(() => {
           isChecked: t.is_enabled,
           isDisabled: !t.is_enabled,
           isPrimaryTextBold: !0,
-          onClick: () => _(!0),
+          onClick: () => u(!0),
           onToggle: () => n({
             ...t,
             is_enabled: !t.is_enabled
@@ -213,9 +213,9 @@ const Te = C(() => {
             title: a ? l.day_of_the_month : i.notification_threshold_label,
             close_aria: s.close_aria
           },
-          disablePrimaryButton: a && u === 0,
+          disablePrimaryButton: a && _ === 0,
           isOpen: o,
-          onClose: () => _(!1),
+          onClose: () => u(!1),
           onPrimaryAction: I,
           primaryText: s.save_button,
           children: a ? /* @__PURE__ */ e(ae, { dateAdapter: ce, children: /* @__PURE__ */ e(
@@ -240,7 +240,7 @@ const Te = C(() => {
               views: ["day"]
             }
           ) }) : /* @__PURE__ */ e(
-            ue,
+            _e,
             {
               amount: d,
               autoFocus: !0,
@@ -257,30 +257,30 @@ const Te = C(() => {
 ), we = C(
   ({ onUpdateProfile: n, profile: t }) => {
     const { settings: s } = k(), { user: l } = A(), { clientCommunicationProfile: i, userCommunicationsProfile: r } = T(), { isMobile: a } = pe(), o = t.notification_type > 2, {
-      opted_out_of_email_notifications: _,
+      opted_out_of_email_notifications: u,
       opted_out_of_push_notifications: d,
       opted_out_of_sms_notifications: f
     } = r, {
-      email_notifications_enabled: u,
+      email_notifications_enabled: _,
       push_notifications_enabled: y,
       sms_notifications_enabled: m
     } = i;
     return /* @__PURE__ */ c(h, { children: [
-      (u || m || y) && /* @__PURE__ */ c(N, { children: [
+      (_ || m || y) && /* @__PURE__ */ c(N, { children: [
         /* @__PURE__ */ e(x, { bold: !0, sx: { mb: 4, ml: 24, mt: 12 }, variant: "caption", children: s.delivery_method_title }),
         /* @__PURE__ */ c(E, { sx: { bgcolor: "background.paper" }, children: [
-          u && /* @__PURE__ */ e(h, { sx: { pl: 24 }, children: /* @__PURE__ */ e(
+          _ && /* @__PURE__ */ e(h, { sx: { pl: 24 }, children: /* @__PURE__ */ e(
             D,
             {
-              isChecked: !_ && t.email_channel && !!l.email,
-              isDisabled: _ || !l.email,
+              isChecked: !u && t.email_channel && !!l.email,
+              isDisabled: u || !l.email,
               onToggle: () => n({ ...t, email_channel: !t.email_channel }),
               primaryText: s.delivery_method_email_label,
-              secondaryText: _ || !t.email_channel || !l.email ? s.notification_disabled : s.notification_enabled,
+              secondaryText: u || !t.email_channel || !l.email ? s.notification_disabled : s.notification_enabled,
               useExtraPadding: !1
             }
           ) }),
-          u && (m || y) && /* @__PURE__ */ e(v, { sx: { ml: a ? 0 : 24 } }),
+          _ && (m || y) && /* @__PURE__ */ e(v, { sx: { ml: a ? 0 : 24 } }),
           m && /* @__PURE__ */ e(h, { sx: { pl: 24 }, children: /* @__PURE__ */ e(
             D,
             {
@@ -373,10 +373,10 @@ const Te = C(() => {
     userCommunicationsProfile: {
       opted_out_of_email_notifications: a,
       opted_out_of_push_notifications: o,
-      opted_out_of_sms_notifications: _
+      opted_out_of_sms_notifications: u
     }
-  } = T(), { user: d } = A(), [f, u] = p.useState(!1), y = async () => {
-    await m({ ...n, is_enabled: !n.is_enabled }), n.is_enabled && u(!1);
+  } = T(), { user: d } = A(), [f, _] = p.useState(!1), y = async () => {
+    await m({ ...n, is_enabled: !n.is_enabled }), n.is_enabled && _(!1);
   }, m = async (P) => {
     await r(P);
   }, g = s || i || l;
@@ -395,7 +395,7 @@ const Te = C(() => {
         ) : void 0,
         isChecked: n.is_enabled,
         isDisabled: !n.is_enabled,
-        onClick: () => u(!f),
+        onClick: () => _(!f),
         onToggle: () => y(),
         primaryText: n.label,
         secondaryText: n.is_enabled ? n.deliveryMethodsLabel : void 0
@@ -419,8 +419,8 @@ const Te = C(() => {
       i && /* @__PURE__ */ e(
         D,
         {
-          isChecked: !_ && n.sms_channel && !!d.phone,
-          isDisabled: _ || !d.phone,
+          isChecked: !u && n.sms_channel && !!d.phone,
+          isDisabled: u || !d.phone,
           onToggle: () => m({
             ...n,
             sms_channel: !n.sms_channel
@@ -452,11 +452,11 @@ const Te = C(() => {
     clientCommunicationProfile: s,
     updateUserCommunicationProfile: l,
     userCommunicationsProfile: i
-  } = T(), { user: r } = A(), a = async (o, _) => {
-    const d = { ...i, [o]: _ };
+  } = T(), { user: r } = A(), a = async (o, u) => {
+    const d = { ...i, [o]: u };
     if (n) {
-      const u = o.split("_")[3];
-      _ === !1 ? n("opt_in_notification_method", { notificationType: u }) : n("opt_out_notification_method", { notificationType: u });
+      const _ = o.split("_")[3];
+      u === !1 ? n("opt_in_notification_method", { notificationType: _ }) : n("opt_out_notification_method", { notificationType: _ });
     }
     await l(d);
   };
@@ -514,14 +514,14 @@ const Te = C(() => {
   const { insightsProfiles: n } = T();
   return /* @__PURE__ */ e(h, { children: n.map((t) => /* @__PURE__ */ e(X, { profile: t }, t.guid)) });
 }), Ae = () => {
-  const { config: n } = q(), [t, { width: s }] = be(), { common: l, settings: i } = k(), { updateUser: r } = T(), { user: a } = A(), [o, _] = p.useState(!1), [d, f] = p.useState({
+  const { config: n } = q(), [t, { width: s }] = be(), { common: l, settings: i } = k(), { updateUser: r } = T(), { user: a } = A(), [o, u] = p.useState(!1), [d, f] = p.useState({
     email: a.email,
     phone: a.phone
-  }), u = d.email && !a.email_is_verified && !o, y = d.phone && !a.phone_is_verified && !o, m = (P) => {
+  }), _ = d.email && !a.email_is_verified && !o, y = d.phone && !a.phone_is_verified && !o, m = (P) => {
     const { name: I, value: w } = P.target, M = { ...d, [I]: w };
-    f(M), _(JSON.stringify({ ...a, ...M }) !== JSON.stringify(a));
+    f(M), u(JSON.stringify({ ...a, ...M }) !== JSON.stringify(a));
   }, g = async () => {
-    await r({ ...a, ...d }), _(!1);
+    await r({ ...a, ...d }), u(!1);
   };
   return /* @__PURE__ */ c(h, { ref: t, children: [
     /* @__PURE__ */ e(v, {}),
@@ -539,7 +539,7 @@ const Te = C(() => {
               onChange: m
             }
           ),
-          u && /* @__PURE__ */ e(
+          _ && /* @__PURE__ */ e(
             W,
             {
               sx: {
@@ -601,12 +601,12 @@ const Te = C(() => {
     showPersonalDetails: t = !1,
     view: s
   }) => {
-    const { config: l } = q(), { settings: i } = k(), { isInitialized: r } = de(), { isAccountDataLoaded: a, loadAccountData: o } = J(), { clientCommunicationProfile: _, loadNotificationProfiles: d } = T(), f = xe(), [u, y] = p.useState(!1), [m, g] = p.useState(
+    const { config: l } = q(), { settings: i } = k(), { isInitialized: r } = de(), { isAccountDataLoaded: a, loadAccountData: o } = J(), { clientCommunicationProfile: u, loadNotificationProfiles: d } = T(), f = xe(), [_, y] = p.useState(!1), [m, g] = p.useState(
       void 0
     );
     if (n.length > 0 && f && n.push(b.Insights), Ce({
       widgetName: "NotificationSettingsWidget",
-      isLoaded: u
+      isLoaded: _
     }), p.useEffect(() => {
       a || o().finally();
     }, []), p.useEffect(() => {
@@ -619,14 +619,14 @@ const Te = C(() => {
       email_notifications_enabled: I,
       sms_notifications_enabled: w,
       push_notifications_enabled: M
-    } = _, G = I || w || M;
+    } = u, G = I || w || M;
     if (s === "accounts")
       return /* @__PURE__ */ e(z, {});
     if (s === "budgets")
       return /* @__PURE__ */ e($, {});
     if (s === "insights")
       return /* @__PURE__ */ e(H, {});
-    const Y = l.display_email_edit_field_in_settings || l.display_sms_edit_field_in_settings, Z = t && _.can_edit_contact_info && Y;
+    const Y = l.display_email_edit_field_in_settings || l.display_sms_edit_field_in_settings, Z = t && u.can_edit_contact_info && Y;
     return /* @__PURE__ */ c(h, { sx: { pt: G ? 0 : 24 }, children: [
       /* @__PURE__ */ c(h, { sx: { px: 24 }, children: [
         G && /* @__PURE__ */ c(N, { children: [

package/dist/{RecurringSettings-XPxxB0Wf.mjs → RecurringSettings-Dyj3i0ZJ.mjs}

@@ -7,9 +7,9 @@ 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--_KEPuCK.mjs";
+import { R as C, A as S, a as E, M as v } from "./ManageIncome-B1j-AzI1.mjs";
 import { u as _, i as A, g as f } from "./hooks-BxkfR-Ff.mjs";
-import { R as y, F as N } from "./RecurringTransactions-BOzBqfdg.mjs";
+import { R as y, F as N } from "./RecurringTransactions-tayG19Wn.mjs";
 import { A as m } from "./Analytics-BYItVAe-.mjs";
 const I = h(() => {
   const { recurring: g } = _(), { detailedRepeatingTransactions: n } = A(), { onEvent: a } = f(), l = (r) => {