@mx-cartographer/experiences 7.0.27-alpha.sms6 → 7.0.27-alpha.sms9

package/CHANGELOG.md

@@ -1,3 +1,7 @@
+## [7.0.27] - 09-26-2025
+
+- **FIXED** - Fix Insight Notifications text color and settings
+
 ## [7.0.26] - 09-26-2025
 
 - **FIXED** - Cashflow and Recurring Transactions Manage Icon fix

package/dist/{Notification-ByMBpJ5u.mjs → Notification-aGCHxikw.mjs}

@@ -1,39 +1,40 @@
 import { jsx as e, jsxs as S } from "react/jsx-runtime";
-import D from "@mui/material/ListItem";
+import x from "@mui/material/ListItem";
 import c from "@mui/material/ListItemButton";
 import p from "@mui/material/ListItemIcon";
-import x from "@mui/material/ListItemText";
+import D from "@mui/material/ListItemText";
 import L from "@mui/material/Stack";
-import C from "@mui/material/Switch";
+import o from "@mui/material/Switch";
 import { Text as u } from "@mxenabled/mxui";
 import w from "@mui/material/ListItemAvatar";
-const F = ({
+const z = ({
   avatar: r,
   endIcon: a,
   isChecked: l,
   isDisabled: d = !1,
   isPrimaryTextBold: n = !1,
   onClick: m,
-  onToggle: o,
+  onToggle: C,
   primaryText: v,
   secondaryText: M
 }) => (
   //TODO: implement common/components/ListItemRow.tsx
   /* @__PURE__ */ e(
-    D,
+    x,
     {
-      secondaryAction: /* @__PURE__ */ e(C, { checked: l, onChange: o }),
+      secondaryAction: /* @__PURE__ */ e(o, { checked: l, onChange: C }),
       sx: {
         "& .MuiListItemSecondaryAction-root": { right: a ? 64 : 24 },
         "& .MuiListItemButton-root": { pr: 24 }
       },
       children: /* @__PURE__ */ S(c, { onClick: d ? void 0 : () => m(), children: [
         r && /* @__PURE__ */ e(w, { children: r }),
-        /* @__PURE__ */ e(x, { primaryTypographyProps: { fontWeight: 400 }, children: /* @__PURE__ */ e(L, { alignItems: "center", direction: "row", justifyContent: "space-between", children: /* @__PURE__ */ S(L, { sx: { width: "100%" }, children: [
+        /* @__PURE__ */ e(D, { primaryTypographyProps: { fontWeight: 400 }, children: /* @__PURE__ */ e(L, { alignItems: "center", direction: "row", justifyContent: "space-between", children: /* @__PURE__ */ S(L, { sx: { width: "100%" }, children: [
           /* @__PURE__ */ e(
             u,
             {
               bold: n,
+              color: "text.primary",
               sx: {
                 mr: 80
               },
@@ -47,7 +48,7 @@ const F = ({
       ] })
     }
   )
-), t = ({
+), F = ({
   isChecked: r,
   isDisabled: a = !1,
   onToggle: l,
@@ -55,15 +56,15 @@ const F = ({
   secondaryText: n = void 0,
   useExtraPadding: m = !0
 }) => /* @__PURE__ */ e(
-  D,
+  x,
   {
-    secondaryAction: /* @__PURE__ */ e(C, { checked: r, disabled: a, onChange: l }),
+    secondaryAction: /* @__PURE__ */ e(o, { checked: r, disabled: a, onChange: l }),
     sx: {
       pl: m ? 48 : 0,
       "& .MuiListItemSecondaryAction-root": { right: m ? 64 : 24 }
     },
     children: /* @__PURE__ */ e(
-      x,
+      D,
       {
         primary: d,
         primaryTypographyProps: { fontWeight: 400, variant: "body1", maxWidth: "calc(100% - 60px)" },
@@ -84,6 +85,6 @@ export {
   b as B,
   A as I,
   B as N,
-  F as T,
-  t as a
+  z as T,
+  F as a
 };

package/dist/{NotificationSettings-BaG4tpPe.mjs → NotificationSettings-CECTkOug.mjs}

@@ -1,12 +1,12 @@
-import { jsxs as l, jsx as e, Fragment as B } from "react/jsx-runtime";
+import { jsxs as c, jsx as e, Fragment as B } from "react/jsx-runtime";
 import f from "react";
 import { observer as C } from "mobx-react-lite";
-import T from "@mui/material/Divider";
+import v from "@mui/material/Divider";
 import E from "@mui/material/List";
 import O from "@mui/material/ListItem";
 import N from "@mui/material/ListItemText";
 import V from "@mui/material/ListItemButton";
-import h from "@mui/material/Stack";
+import m from "@mui/material/Stack";
 import { ChevronRight as w, ExpandMore as K, Star as Q } from "@mxenabled/mx-icons";
 import { Text as x, InstitutionLogo as Y, H3 as U } from "@mxenabled/mxui";
 import { endOfMonth as Z } from "date-fns/endOfMonth";
@@ -14,8 +14,8 @@ import { startOfMonth as ee } from "date-fns/startOfMonth";
 import { DateCalendar as te } from "@mui/x-date-pickers/DateCalendar";
 import { LocalizationProvider as ne } from "@mui/x-date-pickers/LocalizationProvider";
 import { AdapterDateFns as ie } from "@mui/x-date-pickers/AdapterDateFnsV3";
-import { A as oe, T as F, a as P, N as y } from "./Notification-ByMBpJ5u.mjs";
-import { u as D, r as v, o as A, c as se, f as ae, m as W, a as ce } from "./hooks-DlI63qSB.mjs";
+import { A as oe, T as F, a as P, N as y } from "./Notification-aGCHxikw.mjs";
+import { u as D, r as T, o as A, c as se, f as ae, m as W, a as ce } from "./hooks-DlI63qSB.mjs";
 import { b as le } from "./Localization-2MODESHW.mjs";
 import { b as re, f as de } from "./NumberFormatting-CtWHhyBX.mjs";
 import { a as M } from "./Dialog-CWW597AF.mjs";
@@ -33,13 +33,13 @@ import X from "@mui/material/styles/useTheme";
 import { u as ge } from "./useInsightsEnabled-fGr6xrSj.mjs";
 import { L as ye } from "./Loader-DUaFpDGv.mjs";
 const be = C(() => {
-  const { common: n, settings: t } = D(), { sendEmailVerification: s } = v(), { user: a } = A(), o = X(), [r, c] = f.useState(!1), i = () => {
-    c(!1);
-  }, d = () => {
-    c(!0);
+  const { common: n, settings: t } = D(), { sendEmailVerification: s } = T(), { user: l } = A(), i = X(), [d, a] = f.useState(!1), o = () => {
+    a(!1);
+  }, h = () => {
+    a(!0);
   };
-  return /* @__PURE__ */ l(f.Fragment, { children: [
-    /* @__PURE__ */ l(R, { onClick: d, sx: { height: "auto", p: 4, width: "fit-content" }, children: [
+  return /* @__PURE__ */ c(f.Fragment, { children: [
+    /* @__PURE__ */ c(R, { onClick: h, sx: { height: "auto", p: 4, width: "fit-content" }, children: [
       /* @__PURE__ */ e(x, { variant: "Small", children: t.verify_email }),
       /* @__PURE__ */ e(w, {})
     ] }),
@@ -47,10 +47,10 @@ const be = C(() => {
       M,
       {
         copy: { title: "" },
-        isOpen: r,
-        onClose: i,
+        isOpen: d,
+        onClose: o,
         onPrimaryAction: s,
-        onSecondaryAction: i,
+        onSecondaryAction: o,
         primaryText: t.send_verification,
         secondaryText: n.back,
         sx: {
@@ -61,19 +61,19 @@ const be = C(() => {
             justifyContent: "center"
           }
         },
-        children: /* @__PURE__ */ l(h, { spacing: 16, sx: { px: 40, textAlign: "center", width: "100%" }, children: [
+        children: /* @__PURE__ */ c(m, { spacing: 16, sx: { px: 40, textAlign: "center", width: "100%" }, children: [
           /* @__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 ${o.palette.border.light}`,
+                border: `1px solid ${i.palette.border.light}`,
                 borderRadius: "4px",
                 p: "16px 32px"
               },
               variant: "H3",
-              children: a.email
+              children: l.email
             }
           ),
           /* @__PURE__ */ e(x, { truncate: !1, variant: "Small", children: t.verification_notice_email })
@@ -83,17 +83,17 @@ const be = C(() => {
   ] });
 }), xe = C(
   ({ handleClose: n, handleVerify: t, isOpen: s }) => {
-    const { common: a, settings: o } = D(), [r, c] = f.useState("");
+    const { common: l, settings: i } = D(), [d, a] = f.useState("");
     return /* @__PURE__ */ e(
       M,
       {
-        copy: { title: o.enter_verification_code },
+        copy: { title: i.enter_verification_code },
         isOpen: s,
         onClose: n,
-        onPrimaryAction: () => t(r),
+        onPrimaryAction: () => t(d),
         onSecondaryAction: n,
-        primaryText: o.verify,
-        secondaryText: a.cancel_button,
+        primaryText: i.verify,
+        secondaryText: l.cancel_button,
         sx: {
           "& .MuiDialogContent-root": { pt: 0, width: 400 },
           "& .MuiToolbar-root:last-child": {
@@ -102,26 +102,26 @@ const be = C(() => {
             justifyContent: "flex-end"
           }
         },
-        children: /* @__PURE__ */ e(h, { children: /* @__PURE__ */ e(L, { onChange: (i) => c(i.target.value), sx: { width: 352 }, value: r }) })
+        children: /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(L, { onChange: (o) => a(o.target.value), sx: { width: 352 }, value: d }) })
       }
     );
   }
 ), Ce = C(() => {
-  const { common: n, settings: t } = D(), { sendPhoneVerification: s, verifyPhoneToken: a } = v(), { user: o } = A(), r = X(), [c, i] = f.useState(!1), [d, m] = f.useState(!1), _ = () => {
-    i(!1);
+  const { common: n, settings: t } = D(), { sendPhoneVerification: s, verifyPhoneToken: l } = T(), { user: i } = A(), d = X(), [a, o] = f.useState(!1), [h, r] = f.useState(!1), _ = () => {
+    o(!1);
   }, u = () => {
-    i(!0);
+    o(!0);
   }, g = () => {
     s().finally(() => {
-      m(!0);
+      r(!0);
     });
   }, p = (b) => {
-    a(b).finally(() => {
-      m(!1);
+    l(b).finally(() => {
+      r(!1);
     });
   };
-  return /* @__PURE__ */ l(f.Fragment, { children: [
-    /* @__PURE__ */ l(R, { onClick: u, sx: { height: "auto", p: 4, width: "fit-content" }, children: [
+  return /* @__PURE__ */ c(f.Fragment, { children: [
+    /* @__PURE__ */ c(R, { onClick: u, sx: { height: "auto", p: 4, width: "fit-content" }, children: [
       /* @__PURE__ */ e(x, { variant: "Small", children: t.verify_phone }),
       /* @__PURE__ */ e(w, {})
     ] }),
@@ -129,7 +129,7 @@ const be = C(() => {
       M,
       {
         copy: { title: "" },
-        isOpen: c,
+        isOpen: a,
         onClose: _,
         onPrimaryAction: g,
         onSecondaryAction: _,
@@ -143,19 +143,19 @@ const be = C(() => {
             justifyContent: "center"
           }
         },
-        children: /* @__PURE__ */ l(h, { spacing: 16, sx: { px: 40, textAlign: "center", width: "100%" }, children: [
+        children: /* @__PURE__ */ c(m, { spacing: 16, sx: { px: 40, textAlign: "center", width: "100%" }, children: [
           /* @__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 ${r.palette.border.light}`,
+                border: `1px solid ${d.palette.border.light}`,
                 borderRadius: "4px",
                 p: "16px 32px"
               },
               variant: "H3",
-              children: o.phone
+              children: i.phone
             }
           ),
           /* @__PURE__ */ e(x, { truncate: !1, variant: "Small", children: t.verification_notice_phone })
@@ -165,23 +165,23 @@ const be = C(() => {
     /* @__PURE__ */ e(
       xe,
       {
-        handleClose: () => m(!1),
+        handleClose: () => r(!1),
         handleVerify: p,
-        isOpen: d
+        isOpen: h
       }
     )
   ] });
-}), Te = C(
+}), ve = C(
   ({ onProfileUpdated: n, profile: t }) => {
-    const { common: s, recurring: a, settings: o } = D(), { updateAccount: r } = se(), c = t.notification_type === oe.DebtPaymentReminder, [i, d] = f.useState(!1), [m, _] = f.useState(t.threshold || 0), [u, g] = f.useState(
+    const { common: s, recurring: l, settings: i } = D(), { updateAccount: d } = se(), a = t.notification_type === oe.DebtPaymentReminder, [o, h] = f.useState(!1), [r, _] = f.useState(t.threshold || 0), [u, g] = f.useState(
       t.account?.day_payment_is_due || 0
     ), p = t.account?.name || t.account?.feed_name || "", b = t.account?.day_payment_is_due ? le(
-      o.notification_debt_payment_date,
+      i.notification_debt_payment_date,
       re(t.account?.day_payment_is_due)
-    ) : o.notification_debt_payment_zero_state, S = c ? b : de(t.threshold ?? 0, "0,0"), I = async () => {
-      c && t.account ? await r({ ...t.account, day_payment_is_due: u }) : n({ ...t, threshold: m });
+    ) : i.notification_debt_payment_zero_state, S = a ? b : de(t.threshold ?? 0, "0,0"), I = async () => {
+      a && t.account ? await d({ ...t.account, day_payment_is_due: u }) : n({ ...t, threshold: r });
     };
-    return /* @__PURE__ */ l(h, { children: [
+    return /* @__PURE__ */ c(m, { children: [
       /* @__PURE__ */ e(
         F,
         {
@@ -195,7 +195,7 @@ const be = C(() => {
           endIcon: /* @__PURE__ */ e(w, {}),
           isChecked: t.is_enabled,
           isPrimaryTextBold: !0,
-          onClick: () => d(!0),
+          onClick: () => h(!0),
           onToggle: () => n({
             ...t,
             is_enabled: !t.is_enabled
@@ -208,15 +208,15 @@ const be = C(() => {
         M,
         {
           copy: {
-            title: c ? a.day_of_the_month : o.notification_threshold_label,
+            title: a ? l.day_of_the_month : i.notification_threshold_label,
             close_aria: s.close_aria
           },
-          disablePrimaryButton: c && u === 0,
-          isOpen: i,
-          onClose: () => d(!1),
+          disablePrimaryButton: a && u === 0,
+          isOpen: o,
+          onClose: () => h(!1),
           onPrimaryAction: I,
           primaryText: s.save_button,
-          children: c ? /* @__PURE__ */ e(ne, { dateAdapter: ie, children: /* @__PURE__ */ e(
+          children: a ? /* @__PURE__ */ e(ne, { dateAdapter: ie, children: /* @__PURE__ */ e(
             te,
             {
               maxDate: Z(/* @__PURE__ */ new Date()),
@@ -240,7 +240,7 @@ const be = C(() => {
           ) }) : /* @__PURE__ */ e(
             me,
             {
-              amount: m,
+              amount: r,
               autoFocus: !0,
               fullWidth: !0,
               minAmount: 0,
@@ -252,63 +252,63 @@ const be = C(() => {
       )
     ] });
   }
-), ve = C(
+), Te = C(
   ({ onUpdateProfile: n, profile: t }) => {
-    const { settings: s } = D(), { user: a } = A(), { clientCommunicationProfile: o, userCommunicationsProfile: r } = v(), { isMobile: c } = he(), i = t.notification_type > 2, {
-      opted_out_of_email_notifications: d,
-      opted_out_of_push_notifications: m,
+    const { settings: s } = D(), { user: l } = A(), { clientCommunicationProfile: i, userCommunicationsProfile: d } = T(), { isMobile: a } = he(), o = t.notification_type > 2, {
+      opted_out_of_email_notifications: h,
+      opted_out_of_push_notifications: r,
       opted_out_of_sms_notifications: _
-    } = r, {
+    } = d, {
       email_notifications_enabled: u,
       push_notifications_enabled: g,
       sms_notifications_enabled: p
-    } = o;
-    return /* @__PURE__ */ l(h, { children: [
-      (u || p || g) && /* @__PURE__ */ l(B, { children: [
+    } = i;
+    return /* @__PURE__ */ c(m, { children: [
+      (u || p || g) && /* @__PURE__ */ c(B, { children: [
         /* @__PURE__ */ e(x, { bold: !0, sx: { mb: 4, ml: 24, mt: 12 }, variant: "caption", children: s.delivery_method_title }),
-        /* @__PURE__ */ l(E, { sx: { bgcolor: "background.paper" }, children: [
-          u && /* @__PURE__ */ e(h, { sx: { pl: 24 }, children: /* @__PURE__ */ e(
+        /* @__PURE__ */ c(E, { sx: { bgcolor: "background.paper" }, children: [
+          u && /* @__PURE__ */ e(m, { sx: { pl: 24 }, children: /* @__PURE__ */ e(
             P,
             {
-              isChecked: !d && t.email_channel && !!a.email,
-              isDisabled: d || !a.email,
+              isChecked: !h && t.email_channel && !!l.email,
+              isDisabled: h || !l.email,
               onToggle: () => n({ ...t, email_channel: !t.email_channel }),
               primaryText: s.delivery_method_email_label,
-              secondaryText: d || !t.email_channel || !a.email ? s.notification_disabled : s.notification_enabled,
+              secondaryText: h || !t.email_channel || !l.email ? s.notification_disabled : s.notification_enabled,
               useExtraPadding: !1
             }
           ) }),
-          u && (p || g) && /* @__PURE__ */ e(T, { sx: { ml: c ? 0 : 24 } }),
-          p && /* @__PURE__ */ e(h, { sx: { pl: 24 }, children: /* @__PURE__ */ e(
+          u && (p || g) && /* @__PURE__ */ e(v, { sx: { ml: a ? 0 : 24 } }),
+          p && /* @__PURE__ */ e(m, { sx: { pl: 24 }, children: /* @__PURE__ */ e(
             P,
             {
-              isChecked: !_ && t.sms_channel && !!a.phone,
-              isDisabled: _ || !a.phone,
+              isChecked: !_ && t.sms_channel && !!l.phone,
+              isDisabled: _ || !l.phone,
               onToggle: () => n({ ...t, sms_channel: !t.sms_channel }),
               primaryText: `${s.delivery_method_sms_label}`,
-              secondaryText: _ || !t.sms_channel || !a.phone ? s.notification_disabled : s.notification_enabled,
+              secondaryText: _ || !t.sms_channel || !l.phone ? s.notification_disabled : s.notification_enabled,
               useExtraPadding: !1
             }
           ) }),
-          p && g && /* @__PURE__ */ e(T, { sx: { ml: c ? 0 : 24 } }),
-          g && /* @__PURE__ */ e(h, { sx: { pl: 24 }, children: /* @__PURE__ */ e(
+          p && g && /* @__PURE__ */ e(v, { sx: { ml: a ? 0 : 24 } }),
+          g && /* @__PURE__ */ e(m, { sx: { pl: 24 }, children: /* @__PURE__ */ e(
             P,
             {
-              isChecked: !m && t.push_channel,
-              isDisabled: m,
+              isChecked: !r && t.push_channel,
+              isDisabled: r,
               onToggle: () => n({ ...t, push_channel: !t.push_channel }),
               primaryText: s.delivery_method_push_label,
               secondaryText: s.delivery_method_push_subtitle,
               useExtraPadding: !1
             }
           ) }),
-          /* @__PURE__ */ e(T, {})
+          /* @__PURE__ */ e(v, {})
         ] })
       ] }),
-      i && !!t.children?.length && /* @__PURE__ */ l(h, { children: [
+      o && !!t.children?.length && /* @__PURE__ */ c(m, { children: [
         /* @__PURE__ */ e(x, { bold: !0, sx: { mb: 4, ml: 24, mt: 12 }, variant: "caption", children: s.accounts_threshold_title }),
         /* @__PURE__ */ e(E, { sx: { bgcolor: "background.paper" }, children: t.children?.map((b) => /* @__PURE__ */ e(
-          Te,
+          ve,
           {
             onProfileUpdated: n,
             profile: b
@@ -319,42 +319,42 @@ const be = C(() => {
     ] });
   }
 ), H = C(() => {
-  const { accountProfiles: n, updateNotificationProfile: t } = v(), [s, a] = f.useState(""), o = f.useMemo(
-    () => n.find((i) => i.guid === s),
+  const { accountProfiles: n, updateNotificationProfile: t } = T(), [s, l] = f.useState(""), i = f.useMemo(
+    () => n.find((o) => o.guid === s),
     [n, s]
-  ), r = async (i) => {
+  ), d = async (o) => {
     await t({
-      ...i,
-      is_enabled: !i.is_enabled
+      ...o,
+      is_enabled: !o.is_enabled
     });
-  }, c = async (i) => {
-    await t(i);
+  }, a = async (o) => {
+    await t(o);
   };
-  return /* @__PURE__ */ l(h, { sx: { backgroundColor: "background.paper" }, children: [
-    n.filter((i) => i.children && i.children.length > 0).map((i) => /* @__PURE__ */ e(
+  return /* @__PURE__ */ c(m, { sx: { backgroundColor: "background.paper" }, children: [
+    n.filter((o) => o.children && o.children.length > 0).map((o) => /* @__PURE__ */ e(
       F,
       {
         endIcon: /* @__PURE__ */ e(w, {}),
-        isChecked: i.is_enabled,
-        isDisabled: !i.is_enabled,
-        onClick: () => a(i.guid),
-        onToggle: () => r(i),
-        primaryText: i.label,
-        secondaryText: i.is_enabled ? i.deliveryMethodsLabel : void 0
+        isChecked: o.is_enabled,
+        isDisabled: !o.is_enabled,
+        onClick: () => l(o.guid),
+        onToggle: () => d(o),
+        primaryText: o.label,
+        secondaryText: o.is_enabled ? o.deliveryMethodsLabel : void 0
       },
-      i.guid
+      o.guid
     )),
     /* @__PURE__ */ e(
       J,
       {
-        isOpen: !!o,
-        onClose: () => a(""),
-        title: o ? o.label : "",
-        children: o && /* @__PURE__ */ e(
-          ve,
+        isOpen: !!i,
+        onClose: () => l(""),
+        title: i ? i.label : "",
+        children: i && /* @__PURE__ */ e(
+          Te,
           {
-            onUpdateProfile: c,
-            profile: o
+            onUpdateProfile: a,
+            profile: i
           }
         )
       }
@@ -364,21 +364,21 @@ const be = C(() => {
   const { settings: t } = D(), {
     clientCommunicationProfile: {
       email_notifications_enabled: s,
-      push_notifications_enabled: a,
-      sms_notifications_enabled: o
+      push_notifications_enabled: l,
+      sms_notifications_enabled: i
     },
-    updateNotificationProfile: r,
+    updateNotificationProfile: d,
     userCommunicationsProfile: {
-      opted_out_of_email_notifications: c,
-      opted_out_of_push_notifications: i,
-      opted_out_of_sms_notifications: d
+      opted_out_of_email_notifications: a,
+      opted_out_of_push_notifications: o,
+      opted_out_of_sms_notifications: h
     }
-  } = v(), { user: m } = A(), [_, u] = f.useState(!1), g = async () => {
+  } = T(), { user: r } = A(), [_, u] = f.useState(!1), g = async () => {
     await p({ ...n, is_enabled: !n.is_enabled }), n.is_enabled && u(!1);
   }, p = async (S) => {
-    await r(S);
-  }, b = s || o || a;
-  return /* @__PURE__ */ l(E, { sx: { bgcolor: "background.paper" }, children: [
+    await d(S);
+  }, b = s || i || l;
+  return /* @__PURE__ */ c(E, { sx: { bgcolor: "background.paper" }, children: [
     /* @__PURE__ */ e(
       F,
       {
@@ -400,12 +400,12 @@ const be = C(() => {
       },
       n.guid
     ),
-    b && /* @__PURE__ */ e(_e, { in: _, children: /* @__PURE__ */ l(E, { sx: { bgcolor: "background.paper" }, children: [
+    b && /* @__PURE__ */ e(_e, { in: _, children: /* @__PURE__ */ c(E, { sx: { bgcolor: "background.paper" }, children: [
       s && /* @__PURE__ */ e(
         P,
         {
-          isChecked: !c && n.email_channel && !!m.email,
-          isDisabled: c || !m.email,
+          isChecked: !a && n.email_channel && !!r.email,
+          isDisabled: a || !r.email,
           onToggle: () => p({
             ...n,
             email_channel: !n.email_channel
@@ -413,12 +413,12 @@ const be = C(() => {
           primaryText: t.delivery_method_email_label
         }
       ),
-      s && (o || a) && /* @__PURE__ */ e(T, { sx: { ml: 48 } }),
-      o && /* @__PURE__ */ e(
+      s && (i || l) && /* @__PURE__ */ e(v, { sx: { ml: 48 } }),
+      i && /* @__PURE__ */ e(
         P,
         {
-          isChecked: !d && n.sms_channel && !!m.phone,
-          isDisabled: d || !m.phone,
+          isChecked: !h && n.sms_channel && !!r.phone,
+          isDisabled: h || !r.phone,
           onToggle: () => p({
             ...n,
             sms_channel: !n.sms_channel
@@ -426,12 +426,12 @@ const be = C(() => {
           primaryText: t.delivery_method_sms_label
         }
       ),
-      o && a && /* @__PURE__ */ e(T, { sx: { ml: 48 } }),
-      a && /* @__PURE__ */ e(
+      i && l && /* @__PURE__ */ e(v, { sx: { ml: 48 } }),
+      l && /* @__PURE__ */ e(
         P,
         {
-          isChecked: !i && n.push_channel,
-          isDisabled: i,
+          isChecked: !o && n.push_channel,
+          isDisabled: o,
           onToggle: () => p({
             ...n,
             push_channel: !n.push_channel
@@ -440,61 +440,61 @@ const be = C(() => {
         }
       )
     ] }) }),
-    /* @__PURE__ */ e(T, {})
+    /* @__PURE__ */ e(v, {})
   ] }, n.guid);
 }), z = C(() => {
-  const { budgetProfiles: n } = v();
-  return /* @__PURE__ */ e(h, { children: n.map((t) => /* @__PURE__ */ e(q, { profile: t }, t.guid)) });
+  const { budgetProfiles: n } = T();
+  return /* @__PURE__ */ e(m, { children: n.map((t) => /* @__PURE__ */ e(q, { profile: t }, t.guid)) });
 }), Pe = C(() => {
   const { onEvent: n } = ae(), { settings: t } = D(), {
     clientCommunicationProfile: s,
-    updateUserCommunicationProfile: a,
-    userCommunicationsProfile: o
-  } = v(), { user: r } = A(), c = async (i, d) => {
-    const m = { ...o, [i]: d };
+    updateUserCommunicationProfile: l,
+    userCommunicationsProfile: i
+  } = T(), { user: d } = A(), a = async (o, h) => {
+    const r = { ...i, [o]: h };
     if (n) {
-      const u = i.split("_")[3];
-      d === !1 ? n("opt_in_notification_method", { notificationType: u }) : n("opt_out_notification_method", { notificationType: u });
+      const u = o.split("_")[3];
+      h === !1 ? n("opt_in_notification_method", { notificationType: u }) : n("opt_out_notification_method", { notificationType: u });
     }
-    await a(m);
+    await l(r);
   };
-  return /* @__PURE__ */ l(h, { children: [
+  return /* @__PURE__ */ c(m, { children: [
     /* @__PURE__ */ e(U, { sx: { mt: 24 }, children: t.delivery_method_title }),
-    s.email_notifications_enabled && /* @__PURE__ */ l(B, { children: [
+    s.email_notifications_enabled && /* @__PURE__ */ c(B, { children: [
       /* @__PURE__ */ e(
         P,
         {
-          isChecked: !!r.email && !o.opted_out_of_email_notifications,
-          isDisabled: !r.email,
-          onToggle: () => c(
+          isChecked: !!d.email && !i.opted_out_of_email_notifications,
+          isDisabled: !d.email,
+          onToggle: () => a(
             "opted_out_of_email_notifications",
-            !o.opted_out_of_email_notifications
+            !i.opted_out_of_email_notifications
           ),
           primaryText: t.delivery_method_email_title,
-          secondaryText: r.email && !o.opted_out_of_email_notifications ? t.notification_enabled : t.notification_disabled,
+          secondaryText: d.email && !i.opted_out_of_email_notifications ? t.notification_enabled : t.notification_disabled,
           useExtraPadding: !1
         }
       ),
-      (s.sms_notifications_enabled || s.push_notifications_enabled) && /* @__PURE__ */ e(T, {})
+      (s.sms_notifications_enabled || s.push_notifications_enabled) && /* @__PURE__ */ e(v, {})
     ] }),
-    s.sms_notifications_enabled && /* @__PURE__ */ l(B, { children: [
+    s.sms_notifications_enabled && /* @__PURE__ */ c(B, { children: [
       /* @__PURE__ */ e(
         P,
         {
-          isChecked: !!r.phone && !o.opted_out_of_sms_notifications,
-          isDisabled: !r.phone,
-          onToggle: () => c("opted_out_of_sms_notifications", !o.opted_out_of_sms_notifications),
+          isChecked: !!d.phone && !i.opted_out_of_sms_notifications,
+          isDisabled: !d.phone,
+          onToggle: () => a("opted_out_of_sms_notifications", !i.opted_out_of_sms_notifications),
           primaryText: t.delivery_method_sms_title,
-          secondaryText: r.phone && !o.opted_out_of_sms_notifications ? t.notification_enabled : t.notification_disabled,
+          secondaryText: d.phone && !i.opted_out_of_sms_notifications ? t.notification_enabled : t.notification_disabled,
           useExtraPadding: !1
         }
       ),
-      s.push_notifications_enabled && /* @__PURE__ */ e(T, {})
+      s.push_notifications_enabled && /* @__PURE__ */ e(v, {})
     ] }),
     s.push_notifications_enabled && /* @__PURE__ */ e(
       P,
       {
-        isChecked: !o.opted_out_of_push_notifications,
+        isChecked: !i.opted_out_of_push_notifications,
         isDisabled: !0,
         onToggle: () => {
         },
@@ -503,36 +503,36 @@ const be = C(() => {
         useExtraPadding: !1
       }
     ),
-    s.sms_notifications_enabled && /* @__PURE__ */ e(ue, { sx: { backgroundColor: "background.default", mt: 12 }, variant: "outlined", children: /* @__PURE__ */ e(pe, { children: /* @__PURE__ */ l(h, { alignItems: "flex-start", direction: "row", gap: 6, children: [
+    s.sms_notifications_enabled && /* @__PURE__ */ e(ue, { sx: { backgroundColor: "background.default", mt: 12 }, variant: "outlined", children: /* @__PURE__ */ e(pe, { children: /* @__PURE__ */ c(m, { alignItems: "flex-start", direction: "row", gap: 6, children: [
       /* @__PURE__ */ e(Q, { color: "primary", filled: !0 }),
       /* @__PURE__ */ e(x, { sx: { whiteSpace: "wrap" }, variant: "XSmall", children: t.delivery_method_sms_note_1 })
     ] }) }) })
   ] });
 }), $ = C(() => {
-  const { insightsProfiles: n } = v();
-  return /* @__PURE__ */ e(h, { children: n.map((t) => /* @__PURE__ */ e(q, { profile: t }, t.guid)) });
+  const { insightsProfiles: n } = T();
+  return /* @__PURE__ */ e(m, { children: n.map((t) => /* @__PURE__ */ e(q, { profile: t }, t.guid)) });
 }), De = () => {
-  const { config: n } = W(), [t, { width: s }] = fe(), { common: a, settings: o } = D(), { updateUser: r } = v(), { user: c } = A(), [i, d] = f.useState(!1), [m, _] = f.useState({
-    email: c.email,
-    phone: c.phone
-  }), u = m.email && !c.email_is_verified && !i, g = m.phone && !c.phone_is_verified && !i, p = (S) => {
-    const { name: I, value: k } = S.target, j = { ...m, [I]: k };
-    _(j), d(JSON.stringify({ ...c, ...j }) !== JSON.stringify(c));
+  const { config: n } = W(), [t, { width: s }] = fe(), { common: l, settings: i } = D(), { updateUser: d } = T(), { user: a } = A(), [o, h] = f.useState(!1), [r, _] = f.useState({
+    email: a.email,
+    phone: a.phone
+  }), u = r.email && !a.email_is_verified && !o, g = r.phone && !a.phone_is_verified && !o, p = (S) => {
+    const { name: I, value: k } = S.target, j = { ...r, [I]: k };
+    _(j), h(JSON.stringify({ ...a, ...j }) !== JSON.stringify(a));
   }, b = async () => {
-    await r({ ...c, ...m }), d(!1);
+    await d({ ...a, ...r }), h(!1);
   };
-  return /* @__PURE__ */ l(h, { ref: t, children: [
-    /* @__PURE__ */ e(T, {}),
-    /* @__PURE__ */ l(h, { sx: { pt: 12 }, children: [
-      /* @__PURE__ */ e(U, { sx: { lineHeight: "20px", pb: 4, pt: 16 }, children: o.personal_details }),
-      /* @__PURE__ */ l(h, { sx: { flexDirection: s <= 768 ? "column" : "row", gap: 24, py: 16 }, children: [
-        n.display_email_edit_field_in_settings && /* @__PURE__ */ l(h, { sx: { flex: 1, pb: 14 }, children: [
+  return /* @__PURE__ */ c(m, { ref: t, children: [
+    /* @__PURE__ */ e(v, {}),
+    /* @__PURE__ */ c(m, { sx: { pt: 12 }, children: [
+      /* @__PURE__ */ e(U, { sx: { lineHeight: "20px", pb: 4, pt: 16 }, children: i.personal_details }),
+      /* @__PURE__ */ c(m, { sx: { flexDirection: s <= 768 ? "column" : "row", gap: 24, py: 16 }, children: [
+        n.display_email_edit_field_in_settings && /* @__PURE__ */ c(m, { sx: { flex: 1, pb: 14 }, children: [
           /* @__PURE__ */ e(
             L,
             {
-              defaultValue: c.email,
+              defaultValue: a.email,
               fullWidth: !0,
-              label: o.email_address,
+              label: i.email_address,
               name: "email",
               onChange: p
             }
@@ -553,13 +553,13 @@ const be = C(() => {
             }
           )
         ] }),
-        n.display_sms_edit_field_in_settings && /* @__PURE__ */ l(h, { sx: { flex: 1, pb: 14 }, children: [
+        n.display_sms_edit_field_in_settings && /* @__PURE__ */ c(m, { sx: { flex: 1, pb: 14 }, children: [
           /* @__PURE__ */ e(
             L,
             {
-              defaultValue: c.phone,
+              defaultValue: a.phone,
               fullWidth: !0,
-              label: o.mobile_number,
+              label: i.mobile_number,
               name: "phone",
               onChange: p
             }
@@ -584,77 +584,75 @@ const be = C(() => {
       /* @__PURE__ */ e(
         R,
         {
-          disabled: !i,
+          disabled: !o,
           onClick: b,
           sx: { width: 84 },
           variant: "contained",
-          children: a.save_button
+          children: l.save_button
         }
       )
     ] })
   ] });
 }, Se = C(De), ct = C(
   ({
-    showPersonalDetails: n = !1,
-    view: t
+    notificationTypes: n = [y.Accounts, y.Budgets],
+    showPersonalDetails: t = !1,
+    view: s
   }) => {
-    const { config: s } = W(), { settings: a } = D(), { isInitialized: o } = ce(), { clientCommunicationProfile: r, loadNotificationProfiles: c } = v(), i = ge(), [d, m] = f.useState(
+    const { config: l } = W(), { settings: i } = D(), { isInitialized: d } = ce(), { clientCommunicationProfile: a, loadNotificationProfiles: o } = T(), h = ge(), [r, _] = f.useState(
       void 0
-    ), _ = [
-      y.Accounts,
-      y.Budgets
-    ];
-    if (i && _.push(y.Insights), f.useEffect(() => {
-      o && c().finally();
-    }, [o]), !o)
+    );
+    if (h && n.push(y.Insights), f.useEffect(() => {
+      d && o().finally();
+    }, [d]), !d)
       return /* @__PURE__ */ e(ye, {});
-    let u = a.manage_account_notifications;
-    d === y.Budgets ? u = a.manage_budget_notifications : d === y.Insights && (u = a.manage_insights_notifications);
+    let u = i.manage_account_notifications;
+    r === y.Budgets ? u = i.manage_budget_notifications : r === y.Insights && (u = i.manage_insights_notifications);
     const {
       email_notifications_enabled: g,
       sms_notifications_enabled: p,
       push_notifications_enabled: b
-    } = r, S = g || p || b;
-    if (t === "accounts")
+    } = a, S = g || p || b;
+    if (s === "accounts")
       return /* @__PURE__ */ e(H, {});
-    if (t === "budgets")
+    if (s === "budgets")
       return /* @__PURE__ */ e(z, {});
-    if (t === "insights")
+    if (s === "insights")
       return /* @__PURE__ */ e($, {});
-    const I = s.display_email_edit_field_in_settings || s.display_sms_edit_field_in_settings, k = n && r.can_edit_contact_info && I;
-    return /* @__PURE__ */ l(h, { sx: { pt: S ? 0 : 24 }, children: [
-      /* @__PURE__ */ l(h, { sx: { px: 24 }, children: [
-        S && /* @__PURE__ */ l(B, { children: [
+    const I = l.display_email_edit_field_in_settings || l.display_sms_edit_field_in_settings, k = t && a.can_edit_contact_info && I;
+    return /* @__PURE__ */ c(m, { sx: { pt: S ? 0 : 24 }, children: [
+      /* @__PURE__ */ c(m, { sx: { px: 24 }, children: [
+        S && /* @__PURE__ */ c(B, { children: [
           /* @__PURE__ */ e(Pe, {}),
-          /* @__PURE__ */ e(T, { sx: { my: 24 } })
+          /* @__PURE__ */ e(v, { sx: { my: 24 } })
         ] }),
-        /* @__PURE__ */ e(U, { sx: { mb: 4 }, children: a.notification_types_title })
+        /* @__PURE__ */ e(U, { sx: { mb: 4 }, children: i.notification_types_title })
       ] }),
-      /* @__PURE__ */ l(E, { children: [
-        _.includes(y.Accounts) && /* @__PURE__ */ e(O, { children: /* @__PURE__ */ l(V, { onClick: () => m(y.Accounts), children: [
-          /* @__PURE__ */ e(N, { primary: a.accounts_title, secondary: a.accounts_subtitle }),
+      /* @__PURE__ */ c(E, { children: [
+        n.includes(y.Accounts) && /* @__PURE__ */ e(O, { children: /* @__PURE__ */ c(V, { onClick: () => _(y.Accounts), children: [
+          /* @__PURE__ */ e(N, { primary: i.accounts_title, secondary: i.accounts_subtitle }),
           /* @__PURE__ */ e(w, {})
         ] }) }),
-        _.includes(y.Budgets) && /* @__PURE__ */ e(O, { children: /* @__PURE__ */ l(V, { onClick: () => m(y.Budgets), children: [
-          /* @__PURE__ */ e(N, { primary: a.budgets_title, secondary: a.budgets_subtitle }),
+        n.includes(y.Budgets) && /* @__PURE__ */ e(O, { children: /* @__PURE__ */ c(V, { onClick: () => _(y.Budgets), children: [
+          /* @__PURE__ */ e(N, { primary: i.budgets_title, secondary: i.budgets_subtitle }),
           /* @__PURE__ */ e(w, {})
         ] }) }),
-        _.includes(y.Insights) && /* @__PURE__ */ e(O, { children: /* @__PURE__ */ l(V, { onClick: () => m(y.Insights), children: [
-          /* @__PURE__ */ e(N, { primary: a.insights_title, secondary: a.insights_subtitle }),
+        n.includes(y.Insights) && /* @__PURE__ */ e(O, { children: /* @__PURE__ */ c(V, { onClick: () => _(y.Insights), children: [
+          /* @__PURE__ */ e(N, { primary: i.insights_title, secondary: i.insights_subtitle }),
           /* @__PURE__ */ e(w, {})
         ] }) })
       ] }),
-      k && /* @__PURE__ */ e(h, { sx: { px: 24 }, children: /* @__PURE__ */ e(Se, {}) }),
+      k && /* @__PURE__ */ e(m, { sx: { px: 24 }, children: /* @__PURE__ */ e(Se, {}) }),
       /* @__PURE__ */ e(
         J,
         {
-          isOpen: !!d,
-          onClose: () => m(void 0),
+          isOpen: !!r,
+          onClose: () => _(void 0),
           title: u,
-          children: /* @__PURE__ */ l(h, { children: [
-            d === y.Accounts && /* @__PURE__ */ e(H, {}),
-            d === y.Budgets && /* @__PURE__ */ e(z, {}),
-            d === y.Insights && /* @__PURE__ */ e($, {})
+          children: /* @__PURE__ */ c(m, { children: [
+            r === y.Accounts && /* @__PURE__ */ e(H, {}),
+            r === y.Budgets && /* @__PURE__ */ e(z, {}),
+            r === y.Insights && /* @__PURE__ */ e($, {})
           ] })
         }
       )

package/dist/{SettingsStore-B4gi6oOw.mjs → SettingsStore-B0kRTFjD.mjs}

@@ -1,6 +1,6 @@
 import { makeAutoObservable as N, runInAction as l } from "mobx";
 import { F as D, A as o } from "./Fetch-CkFKy79O.mjs";
-import { B as f, A as n, I as i } from "./Notification-ByMBpJ5u.mjs";
+import { B as f, A as n, I as i } from "./Notification-aGCHxikw.mjs";
 import { T as m } from "./TransactionApi-DbbcjI2L.mjs";
 class y {
   fetchInstance;

package/dist/common/index.es.js

@@ -32,7 +32,7 @@ import { E as Sa } from "../EmptyState-C0lr9E5T.mjs";
 import { L as wa } from "../ListItemAction-BgKx_n6d.mjs";
 import { T as ct } from "../TrendsStore-pvzHAX6B.mjs";
 import { L as Ca, S as Da } from "../TrendsStore-pvzHAX6B.mjs";
-import { A as Aa, B as Ea, I as Ta, N as Ba, T as Ia, a as Na } from "../Notification-ByMBpJ5u.mjs";
+import { A as Aa, B as Ea, I as Ta, N as Ba, T as Ia, a as Na } from "../Notification-aGCHxikw.mjs";
 import { jsxs as _, jsx as c } from "react/jsx-runtime";
 import dt, { useRef as lt, useEffect as ut } from "react";
 import { css as w, keyframes as ht } from "@mxenabled/cssinjs";
@@ -67,7 +67,7 @@ import { a as Ct } from "../FinstrongStore-mkALvztw.mjs";
 import { A as Dt, m as vt, a as At, b as Et } from "../InvestmentUtil-jOyOgzIB.mjs";
 import { M as Tt } from "../MerchantStore-DVH-QOf0.mjs";
 import { N as Bt } from "../NetWorthStore-DWG9Mkuu.mjs";
-import { a as It } from "../SettingsStore-B4gi6oOw.mjs";
+import { a as It } from "../SettingsStore-B0kRTFjD.mjs";
 import { addMonths as Nt } from "date-fns/addMonths";
 import { getMonth as T } from "date-fns/getMonth";
 import { i as Jr } from "../DateUtil-BcuH7ErC.mjs";

package/dist/notifications/index.es.js

@@ -1,4 +1,4 @@
-import { A as f, B as C } from "../Notification-ByMBpJ5u.mjs";
+import { A as f, B as C } from "../Notification-aGCHxikw.mjs";
 import { A as _ } from "../Fetch-CkFKy79O.mjs";
 import { s as L } from "../NotificationStore-DHtSGySy.mjs";
 import { N as Nt, f as St } from "../NotificationStore-DHtSGySy.mjs";
@@ -17,7 +17,7 @@ import P from "@mui/material/Button";
 import W from "@mui/material/Stack";
 import { L as w } from "../Loader-DUaFpDGv.mjs";
 import $ from "@mui/material/IconButton";
-import { N as H } from "../NotificationSettings-BaG4tpPe.mjs";
+import { N as H } from "../NotificationSettings-CECTkOug.mjs";
 import { D as b } from "../Drawer-kEE73B87.mjs";
 const yt = (e) => {
   switch (e) {

package/dist/settings/index.es.js

@@ -1,4 +1,4 @@
-import { S as Jt, a as Kt } from "../SettingsStore-B4gi6oOw.mjs";
+import { S as Jt, a as Kt } from "../SettingsStore-B0kRTFjD.mjs";
 import { jsxs as c, Fragment as q, jsx as e } from "react/jsx-runtime";
 import h from "react";
 import { observer as D } from "mobx-react-lite";
@@ -16,8 +16,8 @@ import F from "@mui/material/Box";
 import Q from "@mui/material/Button";
 import I from "@mui/material/TextField";
 import { H3 as J, P as H, Text as x, Icon as M, ChevronRightIcon as xe } from "@mxenabled/mxui";
-import { V as ve, a as Ce, N as G } from "../NotificationSettings-BaG4tpPe.mjs";
-import { A as Yt, B as qt, I as Qt } from "../NotificationSettings-BaG4tpPe.mjs";
+import { V as ve, a as Ce, N as G } from "../NotificationSettings-CECTkOug.mjs";
+import { A as Yt, B as qt, I as Qt } from "../NotificationSettings-CECTkOug.mjs";
 import { u as k, m as $, r as A, o as De, a as Z, l as ee } from "../hooks-DlI63qSB.mjs";
 import { u as L } from "../useScreenSize-B6JyS_Lj.mjs";
 import { a as W } from "../Dialog-CWW597AF.mjs";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mx-cartographer/experiences",
-  "version": "7.0.27-alpha.sms6",
+  "version": "7.0.27-alpha.sms9",
   "description": "Library containing experience widgets",
   "author": "MX",
   "license": "MIT",