@mx-cartographer/experiences 7.0.27-alpha.sms2 → 7.0.27-alpha.sms4

package/dist/{NotificationSettings-D5xBFiWs.mjs → NotificationSettings-ClJT-Sg3.mjs}

@@ -3,10 +3,10 @@ import f from "react";
 import { observer as x } from "mobx-react-lite";
 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 N from "@mui/material/ListItem";
+import O from "@mui/material/ListItemText";
 import V from "@mui/material/ListItemButton";
-import _ from "@mui/material/Stack";
+import h from "@mui/material/Stack";
 import { ChevronRight as k, ExpandMore as K, Star as Q } from "@mxenabled/mx-icons";
 import { Text as b, InstitutionLogo as Y, H3 as U } from "@mxenabled/mxui";
 import { endOfMonth as Z } from "date-fns/endOfMonth";
@@ -20,9 +20,9 @@ import { b as le } from "./Localization-2MODESHW.mjs";
 import { b as re, f as de } from "./NumberFormatting-CtWHhyBX.mjs";
 import { a as B } from "./Dialog-CWW597AF.mjs";
 import { C as me } from "./CurrencyInput-bEx2Mbd0.mjs";
-import { u as _e } from "./useScreenSize-B6JyS_Lj.mjs";
+import { u as he } from "./useScreenSize-B6JyS_Lj.mjs";
 import { D as J } from "./Drawer-kEE73B87.mjs";
-import he from "@mui/material/Collapse";
+import _e from "@mui/material/Collapse";
 import ue from "@mui/material/Card";
 import pe from "@mui/material/CardContent";
 import G from "@mui/material/Box";
@@ -32,7 +32,7 @@ import { u as fe } from "./useDimensions-27p2evRx.mjs";
 import X from "@mui/material/styles/useTheme";
 import { L as ge } from "./Loader-DUaFpDGv.mjs";
 const ye = x(() => {
-  const { common: n, settings: t } = D(), { sendEmailVerification: s } = T(), { user: l } = w(), i = X(), [r, a] = f.useState(!1), o = () => {
+  const { common: n, settings: t } = D(), { sendEmailVerification: o } = T(), { user: l } = w(), i = X(), [r, a] = f.useState(!1), s = () => {
     a(!1);
   }, d = () => {
     a(!0);
@@ -47,9 +47,9 @@ const ye = x(() => {
       {
         copy: { title: "" },
         isOpen: r,
-        onClose: o,
-        onPrimaryAction: s,
-        onSecondaryAction: o,
+        onClose: s,
+        onPrimaryAction: o,
+        onSecondaryAction: s,
         primaryText: t.send_verification,
         secondaryText: n.back,
         sx: {
@@ -60,7 +60,7 @@ const ye = x(() => {
             justifyContent: "center"
           }
         },
-        children: /* @__PURE__ */ c(_, { spacing: 16, sx: { px: 40, textAlign: "center", width: "100%" }, children: [
+        children: /* @__PURE__ */ c(h, { spacing: 16, sx: { px: 40, textAlign: "center", width: "100%" }, children: [
           /* @__PURE__ */ e(b, { bold: !0, truncate: !1, variant: "Body", children: t.confirm_your_email }),
           /* @__PURE__ */ e(b, { truncate: !1, variant: "Small", children: t.confirm_email }),
           /* @__PURE__ */ e(
@@ -81,13 +81,13 @@ const ye = x(() => {
     )
   ] });
 }), be = x(
-  ({ handleClose: n, handleVerify: t, isOpen: s }) => {
+  ({ handleClose: n, handleVerify: t, isOpen: o }) => {
     const { common: l, settings: i } = D(), [r, a] = f.useState("");
     return /* @__PURE__ */ e(
       B,
       {
         copy: { title: i.enter_verification_code },
-        isOpen: s,
+        isOpen: o,
         onClose: n,
         onPrimaryAction: () => t(r),
         onSecondaryAction: n,
@@ -101,17 +101,17 @@ const ye = x(() => {
             justifyContent: "flex-end"
           }
         },
-        children: /* @__PURE__ */ e(_, { children: /* @__PURE__ */ e(L, { onChange: (o) => a(o.target.value), sx: { width: 352 }, value: r }) })
+        children: /* @__PURE__ */ e(h, { children: /* @__PURE__ */ e(L, { onChange: (s) => a(s.target.value), sx: { width: 352 }, value: r }) })
       }
     );
   }
 ), xe = x(() => {
-  const { common: n, settings: t } = D(), { sendPhoneVerification: s, verifyPhoneToken: l } = T(), { user: i } = w(), r = X(), [a, o] = f.useState(!1), [d, m] = f.useState(!1), h = () => {
-    o(!1);
+  const { common: n, settings: t } = D(), { sendPhoneVerification: o, verifyPhoneToken: l } = T(), { user: i } = w(), r = X(), [a, s] = f.useState(!1), [d, m] = f.useState(!1), _ = () => {
+    s(!1);
   }, u = () => {
-    o(!0);
+    s(!0);
   }, g = () => {
-    s().finally(() => {
+    o().finally(() => {
       m(!0);
     });
   }, p = (y) => {
@@ -129,9 +129,9 @@ const ye = x(() => {
       {
         copy: { title: "" },
         isOpen: a,
-        onClose: h,
+        onClose: _,
         onPrimaryAction: g,
-        onSecondaryAction: h,
+        onSecondaryAction: _,
         primaryText: t.send_verification,
         secondaryText: n.back,
         sx: {
@@ -142,7 +142,7 @@ const ye = x(() => {
             justifyContent: "center"
           }
         },
-        children: /* @__PURE__ */ c(_, { spacing: 16, sx: { px: 40, textAlign: "center", width: "100%" }, children: [
+        children: /* @__PURE__ */ c(h, { spacing: 16, sx: { px: 40, textAlign: "center", width: "100%" }, children: [
           /* @__PURE__ */ e(b, { bold: !0, truncate: !1, variant: "Body", children: t.confirm_your_phone }),
           /* @__PURE__ */ e(b, { truncate: !1, variant: "Small", children: t.confirm_phone }),
           /* @__PURE__ */ e(
@@ -172,7 +172,7 @@ const ye = x(() => {
   ] });
 }), Ce = x(
   ({ onProfileUpdated: n, profile: t }) => {
-    const { common: s, recurring: l, settings: i } = D(), { updateAccount: r } = se(), a = t.notification_type === oe.DebtPaymentReminder, [o, d] = f.useState(!1), [m, h] = f.useState(t.threshold || 0), [u, g] = f.useState(
+    const { common: o, recurring: l, settings: i } = D(), { updateAccount: r } = se(), a = t.notification_type === oe.DebtPaymentReminder, [s, d] = f.useState(!1), [m, _] = f.useState(t.threshold || 0), [u, g] = f.useState(
       t.account?.day_payment_is_due || 0
     ), p = t.account?.name || t.account?.feed_name || "", y = t.account?.day_payment_is_due ? le(
       i.notification_debt_payment_date,
@@ -180,7 +180,7 @@ const ye = x(() => {
     ) : i.notification_debt_payment_zero_state, S = a ? y : de(t.threshold ?? 0, "0,0"), A = async () => {
       a && t.account ? await r({ ...t.account, day_payment_is_due: u }) : n({ ...t, threshold: m });
     };
-    return /* @__PURE__ */ c(_, { children: [
+    return /* @__PURE__ */ c(h, { children: [
       /* @__PURE__ */ e(
         F,
         {
@@ -208,13 +208,13 @@ const ye = x(() => {
         {
           copy: {
             title: a ? l.day_of_the_month : i.notification_threshold_label,
-            close_aria: s.close_aria
+            close_aria: o.close_aria
           },
           disablePrimaryButton: a && u === 0,
-          isOpen: o,
+          isOpen: s,
           onClose: () => d(!1),
           onPrimaryAction: A,
-          primaryText: s.save_button,
+          primaryText: o.save_button,
           children: a ? /* @__PURE__ */ e(ne, { dateAdapter: ie, children: /* @__PURE__ */ e(
             te,
             {
@@ -243,7 +243,7 @@ const ye = x(() => {
               autoFocus: !0,
               fullWidth: !0,
               minAmount: 0,
-              setAmount: (I) => h(Number(I) || 0),
+              setAmount: (I) => _(Number(I) || 0),
               sx: { ".MuiTypography-Body": { p: 0 } }
             }
           )
@@ -253,59 +253,59 @@ const ye = x(() => {
   }
 ), ve = x(
   ({ onUpdateProfile: n, profile: t }) => {
-    const { settings: s } = D(), { user: l } = w(), { clientCommunicationProfile: i, userCommunicationsProfile: r } = T(), { isMobile: a } = _e(), o = t.notification_type > 2, {
+    const { settings: o } = D(), { user: l } = w(), { clientCommunicationProfile: i, userCommunicationsProfile: r } = T(), { isMobile: a } = he(), s = t.notification_type > 2, {
       opted_out_of_email_notifications: d,
       opted_out_of_push_notifications: m,
-      opted_out_of_sms_notifications: h
+      opted_out_of_sms_notifications: _
     } = r, {
       email_notifications_enabled: u,
       push_notifications_enabled: g,
       sms_notifications_enabled: p
     } = i;
-    return /* @__PURE__ */ c(_, { children: [
+    return /* @__PURE__ */ c(h, { children: [
       (u || p || g) && /* @__PURE__ */ c(M, { children: [
-        /* @__PURE__ */ e(b, { bold: !0, sx: { mb: 4, ml: 24, mt: 12 }, variant: "caption", children: s.delivery_method_title }),
+        /* @__PURE__ */ e(b, { bold: !0, sx: { mb: 4, ml: 24, mt: 12 }, variant: "caption", children: o.delivery_method_title }),
         /* @__PURE__ */ c(E, { sx: { bgcolor: "background.paper" }, children: [
-          u && /* @__PURE__ */ e(_, { sx: { pl: 24 }, children: /* @__PURE__ */ e(
+          u && /* @__PURE__ */ e(h, { sx: { pl: 24 }, children: /* @__PURE__ */ e(
             P,
             {
               isChecked: !d && t.email_channel && !!l.email,
               isDisabled: d || !l.email,
               onToggle: () => n({ ...t, email_channel: !t.email_channel }),
-              primaryText: s.delivery_method_email_label,
-              secondaryText: d || !t.email_channel || !l.email ? s.notification_disabled : s.notification_enabled,
+              primaryText: o.delivery_method_email_label,
+              secondaryText: d || !t.email_channel || !l.email ? o.notification_disabled : o.notification_enabled,
               useExtraPadding: !1
             }
           ) }),
           u && (p || g) && /* @__PURE__ */ e(v, { sx: { ml: a ? 0 : 24 } }),
-          p && /* @__PURE__ */ e(_, { sx: { pl: 24 }, children: /* @__PURE__ */ e(
+          p && /* @__PURE__ */ e(h, { sx: { pl: 24 }, children: /* @__PURE__ */ e(
             P,
             {
-              isChecked: !h && t.sms_channel && !!l.phone,
-              isDisabled: h || !l.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: h || !t.sms_channel || !l.phone ? s.notification_disabled : s.notification_enabled,
+              primaryText: `${o.delivery_method_sms_label}`,
+              secondaryText: _ || !t.sms_channel || !l.phone ? o.notification_disabled : o.notification_enabled,
               useExtraPadding: !1
             }
           ) }),
           p && g && /* @__PURE__ */ e(v, { sx: { ml: a ? 0 : 24 } }),
-          g && /* @__PURE__ */ e(_, { sx: { pl: 24 }, children: /* @__PURE__ */ e(
+          g && /* @__PURE__ */ e(h, { sx: { pl: 24 }, children: /* @__PURE__ */ e(
             P,
             {
               isChecked: !m && t.push_channel,
               isDisabled: m,
               onToggle: () => n({ ...t, push_channel: !t.push_channel }),
-              primaryText: s.delivery_method_push_label,
-              secondaryText: s.delivery_method_push_subtitle,
+              primaryText: o.delivery_method_push_label,
+              secondaryText: o.delivery_method_push_subtitle,
               useExtraPadding: !1
             }
           ) }),
           /* @__PURE__ */ e(v, {})
         ] })
       ] }),
-      o && !!t.children?.length && /* @__PURE__ */ c(_, { children: [
-        /* @__PURE__ */ e(b, { bold: !0, sx: { mb: 4, ml: 24, mt: 12 }, variant: "caption", children: s.accounts_threshold_title }),
+      s && !!t.children?.length && /* @__PURE__ */ c(h, { children: [
+        /* @__PURE__ */ e(b, { bold: !0, sx: { mb: 4, ml: 24, mt: 12 }, variant: "caption", children: o.accounts_threshold_title }),
         /* @__PURE__ */ e(E, { sx: { bgcolor: "background.paper" }, children: t.children?.map((y) => /* @__PURE__ */ e(
           Ce,
           {
@@ -318,30 +318,30 @@ const ye = x(() => {
     ] });
   }
 ), H = x(() => {
-  const { accountProfiles: n, updateNotificationProfile: t } = T(), [s, l] = f.useState(""), i = f.useMemo(
-    () => n.find((o) => o.guid === s),
-    [n, s]
-  ), r = async (o) => {
+  const { accountProfiles: n, updateNotificationProfile: t } = T(), [o, l] = f.useState(""), i = f.useMemo(
+    () => n.find((s) => s.guid === o),
+    [n, o]
+  ), r = async (s) => {
     await t({
-      ...o,
-      is_enabled: !o.is_enabled
+      ...s,
+      is_enabled: !s.is_enabled
     });
-  }, a = async (o) => {
-    await t(o);
+  }, a = async (s) => {
+    await t(s);
   };
-  return /* @__PURE__ */ c(_, { sx: { backgroundColor: "background.paper" }, children: [
-    n.filter((o) => o.children && o.children.length > 0).map((o) => /* @__PURE__ */ e(
+  return /* @__PURE__ */ c(h, { sx: { backgroundColor: "background.paper" }, children: [
+    n.filter((s) => s.children && s.children.length > 0).map((s) => /* @__PURE__ */ e(
       F,
       {
         endIcon: /* @__PURE__ */ e(k, {}),
-        isChecked: o.is_enabled,
-        isDisabled: !o.is_enabled,
-        onClick: () => l(o.guid),
-        onToggle: () => r(o),
-        primaryText: o.label,
-        secondaryText: o.is_enabled ? o.deliveryMethodsLabel : void 0
+        isChecked: s.is_enabled,
+        isDisabled: !s.is_enabled,
+        onClick: () => l(s.guid),
+        onToggle: () => r(s),
+        primaryText: s.label,
+        secondaryText: s.is_enabled ? s.deliveryMethodsLabel : void 0
       },
-      o.guid
+      s.guid
     )),
     /* @__PURE__ */ e(
       J,
@@ -362,21 +362,21 @@ const ye = x(() => {
 }), q = x(({ profile: n }) => {
   const { settings: t } = D(), {
     clientCommunicationProfile: {
-      email_notifications_enabled: s,
+      email_notifications_enabled: o,
       push_notifications_enabled: l,
       sms_notifications_enabled: i
     },
     updateNotificationProfile: r,
     userCommunicationsProfile: {
       opted_out_of_email_notifications: a,
-      opted_out_of_push_notifications: o,
+      opted_out_of_push_notifications: s,
       opted_out_of_sms_notifications: d
     }
-  } = T(), { user: m } = w(), [h, u] = f.useState(!1), g = async () => {
+  } = T(), { user: m } = w(), [_, 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);
-  }, y = s || i || l;
+  }, y = o || i || l;
   return /* @__PURE__ */ c(E, { sx: { bgcolor: "background.paper" }, children: [
     /* @__PURE__ */ e(
       F,
@@ -386,21 +386,21 @@ const ye = x(() => {
           {
             sx: {
               transition: "transform 0.3s ease-in-out",
-              transform: h ? "rotate(180deg)" : "rotate(0deg)"
+              transform: _ ? "rotate(180deg)" : "rotate(0deg)"
             }
           }
         ) : void 0,
         isChecked: n.is_enabled,
         isDisabled: !n.is_enabled,
-        onClick: () => u(!h),
+        onClick: () => u(!_),
         onToggle: () => g(),
         primaryText: n.label,
         secondaryText: n.is_enabled ? n.deliveryMethodsLabel : void 0
       },
       n.guid
     ),
-    y && /* @__PURE__ */ e(he, { in: h, children: /* @__PURE__ */ c(E, { sx: { bgcolor: "background.paper" }, children: [
-      s && /* @__PURE__ */ e(
+    y && /* @__PURE__ */ e(_e, { in: _, children: /* @__PURE__ */ c(E, { sx: { bgcolor: "background.paper" }, children: [
+      o && /* @__PURE__ */ e(
         P,
         {
           isChecked: !a && n.email_channel && !!m.email,
@@ -412,7 +412,7 @@ const ye = x(() => {
           primaryText: t.delivery_method_email_label
         }
       ),
-      s && (i || l) && /* @__PURE__ */ e(v, { sx: { ml: 48 } }),
+      o && (i || l) && /* @__PURE__ */ e(v, { sx: { ml: 48 } }),
       i && /* @__PURE__ */ e(
         P,
         {
@@ -429,8 +429,8 @@ const ye = x(() => {
       l && /* @__PURE__ */ e(
         P,
         {
-          isChecked: !o && n.push_channel,
-          isDisabled: o,
+          isChecked: !s && n.push_channel,
+          isDisabled: s,
           onToggle: () => p({
             ...n,
             push_channel: !n.push_channel
@@ -443,23 +443,23 @@ const ye = x(() => {
   ] }, n.guid);
 }), z = x(() => {
   const { budgetProfiles: n } = T();
-  return /* @__PURE__ */ e(_, { children: n.map((t) => /* @__PURE__ */ e(q, { profile: t }, t.guid)) });
+  return /* @__PURE__ */ e(h, { children: n.map((t) => /* @__PURE__ */ e(q, { profile: t }, t.guid)) });
 }), Te = x(() => {
   const { onEvent: n } = ae(), { settings: t } = D(), {
-    clientCommunicationProfile: s,
+    clientCommunicationProfile: o,
     updateUserCommunicationProfile: l,
     userCommunicationsProfile: i
-  } = T(), { user: r } = w(), a = async (o, d) => {
-    const m = { ...i, [o]: d };
+  } = T(), { user: r } = w(), a = async (s, d) => {
+    const m = { ...i, [s]: d };
     if (n) {
-      const u = o.split("_")[3];
+      const u = s.split("_")[3];
       d === !1 ? n("opt_in_notification_method", { notificationType: u }) : n("opt_out_notification_method", { notificationType: u });
     }
     await l(m);
   };
-  return /* @__PURE__ */ c(_, { children: [
+  return /* @__PURE__ */ c(h, { children: [
     /* @__PURE__ */ e(U, { sx: { mt: 24 }, children: t.delivery_method_title }),
-    s.email_notifications_enabled && /* @__PURE__ */ c(M, { children: [
+    o.email_notifications_enabled && /* @__PURE__ */ c(M, { children: [
       /* @__PURE__ */ e(
         P,
         {
@@ -474,9 +474,9 @@ const ye = x(() => {
           useExtraPadding: !1
         }
       ),
-      (s.sms_notifications_enabled || s.push_notifications_enabled) && /* @__PURE__ */ e(v, {})
+      (o.sms_notifications_enabled || o.push_notifications_enabled) && /* @__PURE__ */ e(v, {})
     ] }),
-    s.sms_notifications_enabled && /* @__PURE__ */ c(M, { children: [
+    o.sms_notifications_enabled && /* @__PURE__ */ c(M, { children: [
       /* @__PURE__ */ e(
         P,
         {
@@ -488,9 +488,9 @@ const ye = x(() => {
           useExtraPadding: !1
         }
       ),
-      s.push_notifications_enabled && /* @__PURE__ */ e(v, {})
+      o.push_notifications_enabled && /* @__PURE__ */ e(v, {})
     ] }),
-    s.push_notifications_enabled && /* @__PURE__ */ e(
+    o.push_notifications_enabled && /* @__PURE__ */ e(
       P,
       {
         isChecked: !i.opted_out_of_push_notifications,
@@ -502,30 +502,30 @@ const ye = x(() => {
         useExtraPadding: !1
       }
     ),
-    s.sms_notifications_enabled && /* @__PURE__ */ e(ue, { sx: { backgroundColor: "background.default", mt: 12 }, variant: "outlined", children: /* @__PURE__ */ e(pe, { children: /* @__PURE__ */ c(_, { alignItems: "flex-start", direction: "row", gap: 6, children: [
+    o.sms_notifications_enabled && /* @__PURE__ */ e(ue, { sx: { backgroundColor: "background.default", mt: 12 }, variant: "outlined", children: /* @__PURE__ */ e(pe, { children: /* @__PURE__ */ c(h, { alignItems: "flex-start", direction: "row", gap: 6, children: [
       /* @__PURE__ */ e(Q, { color: "primary", filled: !0 }),
       /* @__PURE__ */ e(b, { sx: { whiteSpace: "wrap" }, variant: "XSmall", children: t.delivery_method_sms_note_1 })
     ] }) }) })
   ] });
 }), $ = x(() => {
   const { insightsProfiles: n } = T();
-  return /* @__PURE__ */ e(_, { children: n.map((t) => /* @__PURE__ */ e(q, { profile: t }, t.guid)) });
+  return /* @__PURE__ */ e(h, { children: n.map((t) => /* @__PURE__ */ e(q, { profile: t }, t.guid)) });
 }), Pe = () => {
-  const { config: n } = W(), [t, { width: s }] = fe(), { common: l, settings: i } = D(), { updateUser: r } = T(), { user: a } = w(), [o, d] = f.useState(!1), [m, h] = f.useState({
+  const { config: n } = W(), [t, { width: o }] = fe(), { common: l, settings: i } = D(), { updateUser: r } = T(), { user: a } = w(), [s, d] = f.useState(!1), [m, _] = f.useState({
     email: a.email,
     phone: a.phone
-  }), u = m.email && !a.email_is_verified && !o, g = m.phone && !a.phone_is_verified && !o, p = (S) => {
+  }), u = m.email && !a.email_is_verified && !s, g = m.phone && !a.phone_is_verified && !s, p = (S) => {
     const { name: A, value: I } = S.target, j = { ...m, [A]: I };
-    h(j), d(JSON.stringify({ ...a, ...j }) !== JSON.stringify(a));
+    _(j), d(JSON.stringify({ ...a, ...j }) !== JSON.stringify(a));
   }, y = async () => {
     await r({ ...a, ...m }), d(!1);
   };
-  return /* @__PURE__ */ c(_, { ref: t, children: [
+  return /* @__PURE__ */ c(h, { ref: t, children: [
     /* @__PURE__ */ e(v, {}),
-    /* @__PURE__ */ c(_, { sx: { pt: 12 }, children: [
+    /* @__PURE__ */ c(h, { sx: { pt: 12 }, children: [
       /* @__PURE__ */ e(U, { sx: { lineHeight: "20px", pb: 4, pt: 16 }, children: i.personal_details }),
-      /* @__PURE__ */ c(_, { sx: { flexDirection: s <= 768 ? "column" : "row", gap: 24, py: 16 }, children: [
-        n.display_email_edit_field_in_settings && /* @__PURE__ */ c(_, { sx: { flex: 1, pb: 14 }, children: [
+      /* @__PURE__ */ c(h, { sx: { flexDirection: o <= 768 ? "column" : "row", gap: 24, py: 16 }, children: [
+        n.display_email_edit_field_in_settings && /* @__PURE__ */ c(h, { sx: { flex: 1, pb: 14 }, children: [
           /* @__PURE__ */ e(
             L,
             {
@@ -552,7 +552,7 @@ const ye = x(() => {
             }
           )
         ] }),
-        n.display_sms_edit_field_in_settings && /* @__PURE__ */ c(_, { sx: { flex: 1, pb: 14 }, children: [
+        n.display_sms_edit_field_in_settings && /* @__PURE__ */ c(h, { sx: { flex: 1, pb: 14 }, children: [
           /* @__PURE__ */ e(
             L,
             {
@@ -583,7 +583,7 @@ const ye = x(() => {
       /* @__PURE__ */ e(
         R,
         {
-          disabled: !o,
+          disabled: !s,
           onClick: y,
           sx: { width: 84 },
           variant: "contained",
@@ -593,34 +593,30 @@ const ye = x(() => {
     ] })
   ] });
 }, De = x(Pe), st = x(
-  ({
-    notificationTypes: n = [],
-    showPersonalDetails: t = !1,
-    view: s
-  }) => {
-    const { config: l } = W(), { settings: i } = D(), { isInitialized: r } = ce(), { clientCommunicationProfile: a, loadNotificationProfiles: o } = T(), [d, m] = f.useState(
+  ({ notificationTypes: n = [], showPersonalDetails: t = !1, view: o }) => {
+    const { config: l } = W(), { settings: i } = D(), { isInitialized: r } = ce(), { clientCommunicationProfile: a, loadNotificationProfiles: s } = T(), [d, m] = f.useState(
       void 0
     );
-    if (f.useEffect(() => {
-      r && o().finally();
+    if (console.log("view from NotificationSettings component", o, typeof o), f.useEffect(() => {
+      r && s().finally();
     }, [r]), !r)
       return /* @__PURE__ */ e(ge, {});
-    let h = i.manage_account_notifications;
-    d === C.Budgets ? h = i.manage_budget_notifications : d === C.Insights && (h = i.manage_insights_notifications);
+    let _ = i.manage_account_notifications;
+    d === C.Budgets ? _ = i.manage_budget_notifications : d === C.Insights && (_ = i.manage_insights_notifications);
     const {
       email_notifications_enabled: u,
       sms_notifications_enabled: g,
       push_notifications_enabled: p
     } = a, y = u || g || p;
-    if (s === "accounts")
+    if (o === "accounts")
       return /* @__PURE__ */ e(H, {});
-    if (s === "budgets")
+    if (o === "budgets")
       return /* @__PURE__ */ e(z, {});
-    if (s === "insights")
-      return /* @__PURE__ */ e($, {});
+    if (o === "insights")
+      return console.log("view is insights"), /* @__PURE__ */ e($, {});
     const S = l.display_email_edit_field_in_settings || l.display_sms_edit_field_in_settings, A = t && a.can_edit_contact_info && S;
-    return /* @__PURE__ */ c(_, { sx: { pt: y ? 0 : 24 }, children: [
-      /* @__PURE__ */ c(_, { sx: { px: 24 }, children: [
+    return /* @__PURE__ */ c(h, { sx: { pt: y ? 0 : 24 }, children: [
+      /* @__PURE__ */ c(h, { sx: { px: 24 }, children: [
         y && /* @__PURE__ */ c(M, { children: [
           /* @__PURE__ */ e(Te, {}),
           /* @__PURE__ */ e(v, { sx: { my: 24 } })
@@ -628,27 +624,27 @@ const ye = x(() => {
         /* @__PURE__ */ e(U, { sx: { mb: 4 }, children: i.notification_types_title })
       ] }),
       /* @__PURE__ */ c(E, { children: [
-        n.includes(C.Accounts) && /* @__PURE__ */ e(O, { children: /* @__PURE__ */ c(V, { onClick: () => m(C.Accounts), children: [
-          /* @__PURE__ */ e(N, { primary: i.accounts_title, secondary: i.accounts_subtitle }),
+        n.includes(C.Accounts) && /* @__PURE__ */ e(N, { children: /* @__PURE__ */ c(V, { onClick: () => m(C.Accounts), children: [
+          /* @__PURE__ */ e(O, { primary: i.accounts_title, secondary: i.accounts_subtitle }),
           /* @__PURE__ */ e(k, {})
         ] }) }),
-        n.includes(C.Budgets) && /* @__PURE__ */ e(O, { children: /* @__PURE__ */ c(V, { onClick: () => m(C.Budgets), children: [
-          /* @__PURE__ */ e(N, { primary: i.budgets_title, secondary: i.budgets_subtitle }),
+        n.includes(C.Budgets) && /* @__PURE__ */ e(N, { children: /* @__PURE__ */ c(V, { onClick: () => m(C.Budgets), children: [
+          /* @__PURE__ */ e(O, { primary: i.budgets_title, secondary: i.budgets_subtitle }),
           /* @__PURE__ */ e(k, {})
         ] }) }),
-        n.includes(C.Insights) && /* @__PURE__ */ e(O, { children: /* @__PURE__ */ c(V, { onClick: () => m(C.Insights), children: [
-          /* @__PURE__ */ e(N, { primary: i.insights_title, secondary: i.insights_subtitle }),
+        n.includes(C.Insights) && /* @__PURE__ */ e(N, { children: /* @__PURE__ */ c(V, { onClick: () => m(C.Insights), children: [
+          /* @__PURE__ */ e(O, { primary: i.insights_title, secondary: i.insights_subtitle }),
           /* @__PURE__ */ e(k, {})
         ] }) })
       ] }),
-      A && /* @__PURE__ */ e(_, { sx: { px: 24 }, children: /* @__PURE__ */ e(De, {}) }),
+      A && /* @__PURE__ */ e(h, { sx: { px: 24 }, children: /* @__PURE__ */ e(De, {}) }),
       /* @__PURE__ */ e(
         J,
         {
           isOpen: !!d,
           onClose: () => m(void 0),
-          title: h,
-          children: /* @__PURE__ */ c(_, { children: [
+          title: _,
+          children: /* @__PURE__ */ c(h, { children: [
             d === C.Accounts && /* @__PURE__ */ e(H, {}),
             d === C.Budgets && /* @__PURE__ */ e(z, {}),
             d === C.Insights && /* @__PURE__ */ e($, {})

package/dist/notifications/index.es.js

@@ -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-D5xBFiWs.mjs";
+import { N as H } from "../NotificationSettings-ClJT-Sg3.mjs";
 import { D as b } from "../Drawer-kEE73B87.mjs";
 const yt = (e) => {
   switch (e) {

package/dist/settings/index.es.js

@@ -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-D5xBFiWs.mjs";
-import { A as Yt, B as qt, I as Qt } from "../NotificationSettings-D5xBFiWs.mjs";
+import { V as ve, a as Ce, N as G } from "../NotificationSettings-ClJT-Sg3.mjs";
+import { A as Yt, B as qt, I as Qt } from "../NotificationSettings-ClJT-Sg3.mjs";
 import { u as k, m as $, r as A, o as De, a as Z, k as ee } from "../hooks-DkUqN6JE.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.sms2",
+  "version": "7.0.27-alpha.sms4",
   "description": "Library containing experience widgets",
   "author": "MX",
   "license": "MIT",