@mx-cartographer/experiences 8.0.0-alpha.test2 → 8.0.0-alpha.v2

package/dist/{NotificationSettings-CEzQSKfg.mjs → NotificationSettings-D7VqsrZy.mjs}

@@ -1,51 +1,52 @@
-import { jsxs as c, jsx as e, Fragment as M } from "react/jsx-runtime";
-import f from "react";
+import { jsxs as c, jsx as e, Fragment as N } from "react/jsx-runtime";
+import p from "react";
 import { observer as C } from "mobx-react-lite";
 import v from "@mui/material/Divider";
 import E from "@mui/material/List";
 import O from "@mui/material/ListItem";
 import L from "@mui/material/ListItemText";
 import V from "@mui/material/ListItemButton";
-import _ from "@mui/material/Stack";
-import { ChevronRight as w, ExpandMore as ee, Star as te } from "@mxenabled/mx-icons";
+import h from "@mui/material/Stack";
+import { ChevronRight as S, ExpandMore as ee, Star as te } from "@mxenabled/mx-icons";
 import { Text as x, InstitutionLogo as ne, H3 as F } from "@mxenabled/mxui";
 import { endOfMonth as ie } from "date-fns/endOfMonth";
 import { startOfMonth as oe } from "date-fns/startOfMonth";
 import { DateCalendar as se } from "@mui/x-date-pickers/DateCalendar";
 import { LocalizationProvider as ae } from "@mui/x-date-pickers/LocalizationProvider";
 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-Bs1fdbzI.mjs";
-import { D as N } from "./Dialog-jmgGw5WA.mjs";
-import { C as re } from "./CurrencyInput-BEB3FS70.mjs";
-import { u as S, r as T, o as A, d as J, g as de, a as X, b as me } from "./hooks-CBl85iRr.mjs";
-import { b as _e } from "./Localization-2MODESHW.mjs";
-import { b as he, f as ue } from "./NumberFormatting-DjTD0t3W.mjs";
-import { u as fe } from "./useScreenSize-B6JyS_Lj.mjs";
-import { D as q } from "./Drawer-Bet2ZPJo.mjs";
-import pe from "@mui/material/Collapse";
+import { T as R, a as D } from "./ToggleListItem-BLu_fWA2.mjs";
+import { u as k, r as T, o as A, d as J, g as le, a as q, b as re } from "./hooks-BxkfR-Ff.mjs";
+import { A as de, N as b } from "./Notification-DTNYSd8P.mjs";
+import { b as me } from "./Localization-CPkpIwIx.mjs";
+import { b as he, f as ue } from "./NumberFormatting-QCaNwbjv.mjs";
+import { D as B } from "./Dialog-Ck34yr-d.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";
 import ge from "@mui/material/Card";
 import ye from "@mui/material/CardContent";
-import H from "@mui/material/Box";
+import W from "@mui/material/Box";
 import j from "@mui/material/Button";
 import U from "@mui/material/TextField";
 import { u as be } from "./useDimensions-CeDR9V8N.mjs";
-import K from "@mui/material/styles/useTheme";
-import { u as xe } from "./useInsightsEnabled-Dd-AfsqC.mjs";
-import { L as Ce } from "./Loader-icSc5MlE.mjs";
-import { u as ve } from "./useWidgetLoadTimer-DmNCCLa-.mjs";
+import Q from "@mui/material/styles/useTheme";
+import { u as xe } from "./useInsightsEnabled-DL_oNyI0.mjs";
+import { u as Ce } from "./useWidgetLoadTimer-DgN1bTyu.mjs";
+import { L as ve } from "./Loader-D3rjKx72.mjs";
 const Te = C(() => {
-  const { common: n, settings: t } = S(), { sendEmailVerification: s } = T(), { user: l } = A(), i = K(), [r, a] = f.useState(!1), o = () => {
+  const { common: n, settings: t } = k(), { sendEmailVerification: s } = T(), { user: l } = A(), i = Q(), [r, a] = p.useState(!1), o = () => {
     a(!1);
-  }, h = () => {
+  }, u = () => {
     a(!0);
   };
-  return /* @__PURE__ */ c(f.Fragment, { children: [
-    /* @__PURE__ */ c(j, { onClick: h, sx: { height: "auto", p: 4, width: "fit-content" }, children: [
-      /* @__PURE__ */ e(x, { variant: "Small", children: t.verify_email }),
-      /* @__PURE__ */ e(w, {})
+  return /* @__PURE__ */ c(p.Fragment, { 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, {})
     ] }),
     /* @__PURE__ */ e(
-      N,
+      B,
       {
         copy: { title: "" },
         isOpen: r,
@@ -62,31 +63,31 @@ const Te = C(() => {
             justifyContent: "center"
           }
         },
-        children: /* @__PURE__ */ c(_, { 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 }),
+        children: /* @__PURE__ */ c(h, { 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,
             {
               sx: {
-                border: `1px solid ${i.palette.border.light}`,
+                border: `1px solid ${i.palette.neutral.light}`,
                 borderRadius: "4px",
                 p: "16px 32px"
               },
-              variant: "H3",
+              variant: "h3",
               children: l.email
             }
           ),
-          /* @__PURE__ */ e(x, { truncate: !1, variant: "Small", children: t.verification_notice_email })
+          /* @__PURE__ */ e(x, { truncate: !1, variant: "body2", children: t.verification_notice_email })
         ] })
       }
     )
   ] });
 }), Pe = C(
   ({ handleClose: n, handleVerify: t, isOpen: s }) => {
-    const { common: l, settings: i } = S(), [r, a] = f.useState("");
+    const { common: l, settings: i } = k(), [r, a] = p.useState("");
     return /* @__PURE__ */ e(
-      N,
+      B,
       {
         copy: { title: i.enter_verification_code },
         isOpen: s,
@@ -103,14 +104,14 @@ const Te = C(() => {
             justifyContent: "flex-end"
           }
         },
-        children: /* @__PURE__ */ e(_, { children: /* @__PURE__ */ e(U, { onChange: (o) => a(o.target.value), sx: { width: 352 }, value: r }) })
+        children: /* @__PURE__ */ e(h, { children: /* @__PURE__ */ e(U, { onChange: (o) => a(o.target.value), sx: { width: 352 }, value: r }) })
       }
     );
   }
 ), De = C(() => {
-  const { common: n, settings: t } = S(), { sendPhoneVerification: s, verifyPhoneToken: l } = T(), { user: i } = A(), r = K(), [a, o] = f.useState(!1), [h, d] = f.useState(!1), p = () => {
+  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(() => {
@@ -121,19 +122,19 @@ const Te = C(() => {
       d(!1);
     });
   };
-  return /* @__PURE__ */ c(f.Fragment, { children: [
-    /* @__PURE__ */ c(j, { onClick: u, sx: { height: "auto", p: 4, width: "fit-content" }, children: [
-      /* @__PURE__ */ e(x, { variant: "Small", children: t.verify_phone }),
-      /* @__PURE__ */ e(w, {})
+  return /* @__PURE__ */ c(p.Fragment, { 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, {})
     ] }),
     /* @__PURE__ */ e(
-      N,
+      B,
       {
         copy: { title: "" },
         isOpen: a,
-        onClose: p,
+        onClose: f,
         onPrimaryAction: y,
-        onSecondaryAction: p,
+        onSecondaryAction: f,
         primaryText: t.send_verification,
         secondaryText: n.back,
         sx: {
@@ -144,22 +145,22 @@ const Te = C(() => {
             justifyContent: "center"
           }
         },
-        children: /* @__PURE__ */ c(_, { 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 }),
+        children: /* @__PURE__ */ c(h, { 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,
             {
               sx: {
-                border: `1px solid ${r.palette.border.light}`,
+                border: `1px solid ${r.palette.neutral.light}`,
                 borderRadius: "4px",
                 p: "16px 32px"
               },
-              variant: "H3",
+              variant: "h3",
               children: i.phone
             }
           ),
-          /* @__PURE__ */ e(x, { truncate: !1, variant: "Small", children: t.verification_notice_phone })
+          /* @__PURE__ */ e(x, { truncate: !1, variant: "body2", children: t.verification_notice_phone })
         ] })
       }
     ),
@@ -168,21 +169,21 @@ const Te = C(() => {
       {
         handleClose: () => d(!1),
         handleVerify: m,
-        isOpen: h
+        isOpen: u
       }
     )
   ] });
-}), Se = C(
+}), ke = C(
   ({ onProfileUpdated: n, profile: t }) => {
-    const { common: s, recurring: l, settings: i } = S(), { updateAccount: r } = J(), a = t.notification_type === le.DebtPaymentReminder, [o, h] = f.useState(!1), [d, p] = f.useState(t.threshold || 0), [u, y] = f.useState(
+    const { common: s, recurring: l, settings: i } = k(), { updateAccount: r } = J(), a = t.notification_type === de.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 ? _e(
+    ), 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 : ue(t.threshold ?? 0, "0,0"), I = async () => {
-      a && t.account ? await r({ ...t.account, day_payment_is_due: u }) : n({ ...t, threshold: d });
+      a && t.account ? await r({ ...t.account, day_payment_is_due: _ }) : n({ ...t, threshold: d });
     };
-    return /* @__PURE__ */ c(_, { children: [
+    return /* @__PURE__ */ c(h, { children: [
       /* @__PURE__ */ e(
         R,
         {
@@ -193,11 +194,11 @@ const Te = C(() => {
               institutionGuid: t.account?.institution_guid
             }
           ) : void 0,
-          endIcon: /* @__PURE__ */ e(w, {}),
+          endIcon: /* @__PURE__ */ e(S, {}),
           isChecked: t.is_enabled,
           isDisabled: !t.is_enabled,
           isPrimaryTextBold: !0,
-          onClick: () => h(!0),
+          onClick: () => u(!0),
           onToggle: () => n({
             ...t,
             is_enabled: !t.is_enabled
@@ -207,15 +208,15 @@ const Te = C(() => {
         }
       ),
       /* @__PURE__ */ e(
-        N,
+        B,
         {
           copy: {
             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: () => h(!1),
+          onClose: () => u(!1),
           onPrimaryAction: I,
           primaryText: s.save_button,
           children: a ? /* @__PURE__ */ e(ae, { dateAdapter: ce, children: /* @__PURE__ */ e(
@@ -223,8 +224,8 @@ const Te = C(() => {
             {
               maxDate: ie(/* @__PURE__ */ new Date()),
               minDate: oe(/* @__PURE__ */ new Date()),
-              onChange: (k) => {
-                y(k.getDate());
+              onChange: (w) => {
+                y(w.getDate());
               },
               slots: {
                 // Hides the arrows
@@ -240,60 +241,60 @@ const Te = C(() => {
               views: ["day"]
             }
           ) }) : /* @__PURE__ */ e(
-            re,
+            _e,
             {
               amount: d,
               autoFocus: !0,
               fullWidth: !0,
               minAmount: 0,
-              setAmount: (k) => p(Number(k) || 0),
-              sx: { ".MuiTypography-Body": { p: 0 } }
+              setAmount: (w) => f(Number(w) || 0),
+              sx: { ".MuiTypography-body1": { p: 0 } }
             }
           )
         }
       )
     ] });
   }
-), ke = C(
+), we = C(
   ({ onUpdateProfile: n, profile: t }) => {
-    const { settings: s } = S(), { user: l } = A(), { clientCommunicationProfile: i, userCommunicationsProfile: r } = T(), { isMobile: a } = fe(), o = t.notification_type > 2, {
-      opted_out_of_email_notifications: h,
+    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: u,
       opted_out_of_push_notifications: d,
-      opted_out_of_sms_notifications: p
+      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(_, { children: [
-      (u || m || y) && /* @__PURE__ */ c(M, { children: [
+    return /* @__PURE__ */ c(h, { 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(_, { sx: { pl: 24 }, children: /* @__PURE__ */ e(
+          _ && /* @__PURE__ */ e(h, { sx: { pl: 24 }, children: /* @__PURE__ */ e(
             D,
             {
-              isChecked: !h && t.email_channel && !!l.email,
-              isDisabled: h || !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: h || !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 && /* @__PURE__ */ e(_, { sx: { pl: 24 }, children: /* @__PURE__ */ e(
+          _ && (m || y) && /* @__PURE__ */ e(v, { sx: { ml: a ? 0 : 24 } }),
+          m && /* @__PURE__ */ e(h, { sx: { pl: 24 }, children: /* @__PURE__ */ e(
             D,
             {
-              isChecked: !p && t.sms_channel && !!l.phone,
-              isDisabled: p || !l.phone,
+              isChecked: !f && t.sms_channel && !!l.phone,
+              isDisabled: f || !l.phone,
               onToggle: () => n({ ...t, sms_channel: !t.sms_channel }),
               primaryText: `${s.delivery_method_sms_label}`,
-              secondaryText: p || !t.sms_channel || !l.phone ? s.notification_disabled : s.notification_enabled,
+              secondaryText: f || !t.sms_channel || !l.phone ? s.notification_disabled : s.notification_enabled,
               useExtraPadding: !1
             }
           ) }),
           m && y && /* @__PURE__ */ e(v, { sx: { ml: a ? 0 : 24 } }),
-          y && /* @__PURE__ */ e(_, { sx: { pl: 24 }, children: /* @__PURE__ */ e(
+          y && /* @__PURE__ */ e(h, { sx: { pl: 24 }, children: /* @__PURE__ */ e(
             D,
             {
               isChecked: !d && t.push_channel,
@@ -307,10 +308,10 @@ const Te = C(() => {
           /* @__PURE__ */ e(v, {})
         ] })
       ] }),
-      o && !!t.children?.length && /* @__PURE__ */ c(_, { children: [
+      o && !!t.children?.length && /* @__PURE__ */ c(h, { 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((g) => /* @__PURE__ */ e(
-          Se,
+          ke,
           {
             onProfileUpdated: n,
             profile: g
@@ -320,8 +321,8 @@ const Te = C(() => {
       ] })
     ] });
   }
-), W = C(() => {
-  const { accountProfiles: n, updateNotificationProfile: t } = T(), [s, l] = f.useState(""), i = f.useMemo(
+), z = C(() => {
+  const { accountProfiles: n, updateNotificationProfile: t } = T(), [s, l] = p.useState(""), i = p.useMemo(
     () => n.find((o) => o.guid === s),
     [n, s]
   ), r = async (o) => {
@@ -332,11 +333,11 @@ const Te = C(() => {
   }, a = async (o) => {
     await t(o);
   };
-  return /* @__PURE__ */ c(_, { sx: { backgroundColor: "background.paper" }, children: [
+  return /* @__PURE__ */ c(h, { sx: { backgroundColor: "background.paper" }, children: [
     n.filter((o) => o.children && o.children.length > 0).map((o) => /* @__PURE__ */ e(
       R,
       {
-        endIcon: /* @__PURE__ */ e(w, {}),
+        endIcon: /* @__PURE__ */ e(S, {}),
         isChecked: o.is_enabled,
         isDisabled: !o.is_enabled,
         onClick: () => l(o.guid),
@@ -347,13 +348,13 @@ const Te = C(() => {
       o.guid
     )),
     /* @__PURE__ */ e(
-      q,
+      K,
       {
         isOpen: !!i,
         onClose: () => l(""),
         title: i ? i.label : "",
         children: i && /* @__PURE__ */ e(
-          ke,
+          we,
           {
             onUpdateProfile: a,
             profile: i
@@ -362,8 +363,8 @@ const Te = C(() => {
       }
     )
   ] });
-}), Q = C(({ profile: n }) => {
-  const { settings: t } = S(), {
+}), X = C(({ profile: n }) => {
+  const { settings: t } = k(), {
     clientCommunicationProfile: {
       email_notifications_enabled: s,
       push_notifications_enabled: l,
@@ -373,10 +374,10 @@ const Te = C(() => {
     userCommunicationsProfile: {
       opted_out_of_email_notifications: a,
       opted_out_of_push_notifications: o,
-      opted_out_of_sms_notifications: h
+      opted_out_of_sms_notifications: u
     }
-  } = T(), { user: d } = A(), [p, u] = f.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;
@@ -389,20 +390,20 @@ const Te = C(() => {
           {
             sx: {
               transition: "transform 0.3s ease-in-out",
-              transform: p ? "rotate(180deg)" : "rotate(0deg)"
+              transform: f ? "rotate(180deg)" : "rotate(0deg)"
             }
           }
         ) : void 0,
         isChecked: n.is_enabled,
         isDisabled: !n.is_enabled,
-        onClick: () => u(!p),
+        onClick: () => _(!f),
         onToggle: () => y(),
         primaryText: n.label,
         secondaryText: n.is_enabled ? n.deliveryMethodsLabel : void 0
       },
       n.guid
     ),
-    g && /* @__PURE__ */ e(pe, { in: p, children: /* @__PURE__ */ c(E, { sx: { bgcolor: "background.paper" }, children: [
+    g && /* @__PURE__ */ e(fe, { in: f, children: /* @__PURE__ */ c(E, { sx: { bgcolor: "background.paper" }, children: [
       s && /* @__PURE__ */ e(
         D,
         {
@@ -419,8 +420,8 @@ const Te = C(() => {
       i && /* @__PURE__ */ e(
         D,
         {
-          isChecked: !h && n.sms_channel && !!d.phone,
-          isDisabled: h || !d.phone,
+          isChecked: !u && n.sms_channel && !!d.phone,
+          isDisabled: u || !d.phone,
           onToggle: () => m({
             ...n,
             sms_channel: !n.sms_channel
@@ -444,25 +445,25 @@ const Te = C(() => {
     ] }) }),
     /* @__PURE__ */ e(v, {})
   ] }, n.guid);
-}), z = C(() => {
+}), $ = C(() => {
   const { budgetProfiles: n } = T();
-  return /* @__PURE__ */ e(_, { children: n.map((t) => /* @__PURE__ */ e(Q, { profile: t }, t.guid)) });
-}), we = C(() => {
-  const { onEvent: n } = de(), { settings: t } = S(), {
+  return /* @__PURE__ */ e(h, { children: n.map((t) => /* @__PURE__ */ e(X, { profile: t }, t.guid)) });
+}), Se = C(() => {
+  const { onEvent: n } = le(), { settings: t } = k(), {
     clientCommunicationProfile: s,
     updateUserCommunicationProfile: l,
     userCommunicationsProfile: i
-  } = T(), { user: r } = A(), a = async (o, h) => {
-    const d = { ...i, [o]: h };
+  } = T(), { user: r } = A(), a = async (o, u) => {
+    const d = { ...i, [o]: u };
     if (n) {
-      const u = o.split("_")[3];
-      h === !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);
   };
-  return /* @__PURE__ */ c(_, { children: [
+  return /* @__PURE__ */ c(h, { children: [
     /* @__PURE__ */ e(F, { sx: { mt: 24 }, children: t.delivery_method_title }),
-    s.email_notifications_enabled && /* @__PURE__ */ c(M, { children: [
+    s.email_notifications_enabled && /* @__PURE__ */ c(N, { children: [
       /* @__PURE__ */ e(
         D,
         {
@@ -479,7 +480,7 @@ const Te = C(() => {
       ),
       (s.sms_notifications_enabled || s.push_notifications_enabled) && /* @__PURE__ */ e(v, {})
     ] }),
-    s.sms_notifications_enabled && /* @__PURE__ */ c(M, { children: [
+    s.sms_notifications_enabled && /* @__PURE__ */ c(N, { children: [
       /* @__PURE__ */ e(
         D,
         {
@@ -505,30 +506,30 @@ const Te = C(() => {
         useExtraPadding: !1
       }
     ),
-    s.sms_notifications_enabled && /* @__PURE__ */ e(ge, { sx: { backgroundColor: "background.default", mt: 12 }, variant: "outlined", children: /* @__PURE__ */ e(ye, { children: /* @__PURE__ */ c(_, { alignItems: "flex-start", direction: "row", gap: 6, children: [
+    s.sms_notifications_enabled && /* @__PURE__ */ e(ge, { sx: { backgroundColor: "background.default", mt: 12 }, variant: "outlined", children: /* @__PURE__ */ e(ye, { children: /* @__PURE__ */ c(h, { alignItems: "flex-start", direction: "row", gap: 6, children: [
       /* @__PURE__ */ e(te, { color: "primary", filled: !0 }),
-      /* @__PURE__ */ e(x, { sx: { whiteSpace: "wrap" }, variant: "XSmall", children: t.delivery_method_sms_note_1 })
+      /* @__PURE__ */ e(x, { sx: { whiteSpace: "wrap" }, variant: "caption", children: t.delivery_method_sms_note_1 })
     ] }) }) })
   ] });
-}), $ = C(() => {
+}), H = C(() => {
   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(X, { profile: t }, t.guid)) });
 }), Ae = () => {
-  const { config: n } = X(), [t, { width: s }] = be(), { common: l, settings: i } = S(), { updateUser: r } = T(), { user: a } = A(), [o, h] = f.useState(!1), [d, p] = f.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) => {
-    const { name: I, value: k } = P.target, B = { ...d, [I]: k };
-    p(B), h(JSON.stringify({ ...a, ...B }) !== JSON.stringify(a));
+  }), _ = 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), u(JSON.stringify({ ...a, ...M }) !== JSON.stringify(a));
   }, g = async () => {
-    await r({ ...a, ...d }), h(!1);
+    await r({ ...a, ...d }), u(!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(F, { 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: s <= 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(
             U,
             {
@@ -539,8 +540,8 @@ const Te = C(() => {
               onChange: m
             }
           ),
-          u && /* @__PURE__ */ e(
-            H,
+          _ && /* @__PURE__ */ e(
+            W,
             {
               sx: {
                 height: 20,
@@ -555,7 +556,7 @@ const Te = C(() => {
             }
           )
         ] }),
-        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(
             U,
             {
@@ -567,7 +568,7 @@ const Te = C(() => {
             }
           ),
           y && /* @__PURE__ */ e(
-            H,
+            W,
             {
               sx: {
                 height: 20,
@@ -595,42 +596,42 @@ const Te = C(() => {
       )
     ] })
   ] });
-}, Ie = C(Ae), _t = C(
+}, Ie = C(Ae), ut = C(
   ({
     notificationTypes: n = [b.Accounts, b.Budgets],
     showPersonalDetails: t = !1,
     view: s
   }) => {
-    const { config: l } = X(), { settings: i } = S(), { isInitialized: r } = me(), { isAccountDataLoaded: a, loadAccountData: o } = J(), { clientCommunicationProfile: h, loadNotificationProfiles: d } = T(), p = xe(), [u, y] = f.useState(!1), [m, g] = f.useState(
+    const { config: l } = q(), { settings: i } = k(), { isInitialized: r } = re(), { 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 && p && n.push(b.Insights), ve({
+    if (n.length > 0 && f && n.push(b.Insights), Ce({
       widgetName: "NotificationSettingsWidget",
-      isLoaded: u
-    }), f.useEffect(() => {
+      isLoaded: _
+    }), p.useEffect(() => {
       a || o().finally();
-    }, []), f.useEffect(() => {
+    }, []), p.useEffect(() => {
       r && d().finally(() => y(!0));
     }, [r]), !r)
-      return /* @__PURE__ */ e(Ce, {});
+      return /* @__PURE__ */ e(ve, {});
     let P = i.manage_account_notifications;
     m === b.Budgets ? P = i.manage_budget_notifications : m === b.Insights && (P = i.manage_insights_notifications);
     const {
       email_notifications_enabled: I,
-      sms_notifications_enabled: k,
-      push_notifications_enabled: B
-    } = h, G = I || k || B;
+      sms_notifications_enabled: w,
+      push_notifications_enabled: M
+    } = u, G = I || w || M;
     if (s === "accounts")
-      return /* @__PURE__ */ e(W, {});
-    if (s === "budgets")
       return /* @__PURE__ */ e(z, {});
-    if (s === "insights")
+    if (s === "budgets")
       return /* @__PURE__ */ e($, {});
-    const Y = l.display_email_edit_field_in_settings || l.display_sms_edit_field_in_settings, Z = t && h.can_edit_contact_info && Y;
-    return /* @__PURE__ */ c(_, { sx: { pt: G ? 0 : 24 }, children: [
-      /* @__PURE__ */ c(_, { sx: { px: 24 }, children: [
-        G && /* @__PURE__ */ c(M, { children: [
-          /* @__PURE__ */ e(we, {}),
+    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 && 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: [
+          /* @__PURE__ */ e(Se, {}),
           /* @__PURE__ */ e(v, { sx: { my: 24 } })
         ] }),
         /* @__PURE__ */ e(F, { sx: { mb: 4 }, children: i.notification_types_title })
@@ -638,28 +639,28 @@ const Te = C(() => {
       /* @__PURE__ */ c(E, { children: [
         n.includes(b.Accounts) && /* @__PURE__ */ e(O, { children: /* @__PURE__ */ c(V, { onClick: () => g(b.Accounts), children: [
           /* @__PURE__ */ e(L, { primary: i.accounts_title, secondary: i.accounts_subtitle }),
-          /* @__PURE__ */ e(w, {})
+          /* @__PURE__ */ e(S, {})
         ] }) }),
         n.includes(b.Budgets) && /* @__PURE__ */ e(O, { children: /* @__PURE__ */ c(V, { onClick: () => g(b.Budgets), children: [
           /* @__PURE__ */ e(L, { primary: i.budgets_title, secondary: i.budgets_subtitle }),
-          /* @__PURE__ */ e(w, {})
+          /* @__PURE__ */ e(S, {})
         ] }) }),
         n.includes(b.Insights) && /* @__PURE__ */ e(O, { children: /* @__PURE__ */ c(V, { onClick: () => g(b.Insights), children: [
           /* @__PURE__ */ e(L, { primary: i.insights_title, secondary: i.insights_subtitle }),
-          /* @__PURE__ */ e(w, {})
+          /* @__PURE__ */ e(S, {})
         ] }) })
       ] }),
-      Z && /* @__PURE__ */ e(_, { sx: { px: 24 }, children: /* @__PURE__ */ e(Ie, {}) }),
+      Z && /* @__PURE__ */ e(h, { sx: { px: 24 }, children: /* @__PURE__ */ e(Ie, {}) }),
       /* @__PURE__ */ e(
-        q,
+        K,
         {
           isOpen: !!m,
           onClose: () => g(void 0),
           title: P,
-          children: /* @__PURE__ */ c(_, { children: [
-            m === b.Accounts && /* @__PURE__ */ e(W, {}),
-            m === b.Budgets && /* @__PURE__ */ e(z, {}),
-            m === b.Insights && /* @__PURE__ */ e($, {})
+          children: /* @__PURE__ */ c(h, { children: [
+            m === b.Accounts && /* @__PURE__ */ e(z, {}),
+            m === b.Budgets && /* @__PURE__ */ e($, {}),
+            m === b.Insights && /* @__PURE__ */ e(H, {})
           ] })
         }
       )
@@ -667,10 +668,10 @@ const Te = C(() => {
   }
 );
 export {
-  W as A,
-  z as B,
-  $ as I,
-  _t as N,
+  z as A,
+  $ as B,
+  H as I,
+  ut as N,
   Te as V,
   De as a
 };