@mx-cartographer/experiences 8.0.0-alpha.bb3 → 8.0.0-alpha.mega1

package/dist/{NotificationSettings-DqrkNMod.mjs → NotificationSettings-uzM8tCoH.mjs}

@@ -1,53 +1,54 @@
-import { jsxs as l, jsx as e, Fragment as B } from "react/jsx-runtime";
-import f from "react";
+import { jsxs as c, jsx as e, Fragment as M } from "react/jsx-runtime";
+import g from "react";
 import { observer as C } from "mobx-react-lite";
 import v from "@mui/material/Divider";
 import E from "@mui/material/List";
 import O from "@mui/material/ListItem";
-import N from "@mui/material/ListItemText";
+import L from "@mui/material/ListItemText";
 import V from "@mui/material/ListItemButton";
-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";
-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 "./ToggleListItem-r0Kx56wF.mjs";
-import { u as D, s as T, p as A, d as se, g as ae, a as W, b as le } from "./hooks-D6XlXHf4.mjs";
-import { b as ce } from "./Localization-2MODESHW.mjs";
-import { b as re, f as de } from "./NumberFormatting-Buh7u8Oi.mjs";
-import { a as M } from "./Dialog-CWW597AF.mjs";
-import { C as me } from "./CurrencyInput-DUsQbkXb.mjs";
-import { u as he } from "./useScreenSize-B6JyS_Lj.mjs";
-import { D as J } from "./Drawer-kEE73B87.mjs";
-import _e from "@mui/material/Collapse";
-import ue from "@mui/material/Card";
-import pe from "@mui/material/CardContent";
+import h from "@mui/material/Stack";
+import { ChevronRight as w, ExpandMore as Q, Star as Y } from "@mxenabled/mx-icons";
+import { Text as x, InstitutionLogo as Z, H3 as F } from "@mxenabled/mxui";
+import { endOfMonth as ee } from "date-fns/endOfMonth";
+import { startOfMonth as te } from "date-fns/startOfMonth";
+import { DateCalendar as ne } from "@mui/x-date-pickers/DateCalendar";
+import { LocalizationProvider as ie } from "@mui/x-date-pickers/LocalizationProvider";
+import { AdapterDateFns as oe } from "@mui/x-date-pickers/AdapterDateFnsV3";
+import { A as se, T as R, a as P, N as y } from "./ToggleListItem-ciFTiqRS.mjs";
+import { u as D, r as T, o as A, d as ae, g as ce, a as $, b as le } from "./hooks-ZMp65DFz.mjs";
+import { b as re } from "./Localization-2MODESHW.mjs";
+import { b as de, f as me } from "./NumberFormatting-DjTD0t3W.mjs";
+import { D as N } from "./Dialog-BPTr3qHE.mjs";
+import { C as he } from "./CurrencyInput-itK0R3wV.mjs";
+import { u as _e } from "./useScreenSize-B6JyS_Lj.mjs";
+import { D as J } from "./Drawer-By9V-B5L.mjs";
+import ue from "@mui/material/Collapse";
+import pe from "@mui/material/Card";
+import fe from "@mui/material/CardContent";
 import G from "@mui/material/Box";
-import R from "@mui/material/Button";
-import L from "@mui/material/TextField";
-import { u as fe } from "./useDimensions-27p2evRx.mjs";
+import j from "@mui/material/Button";
+import U from "@mui/material/TextField";
+import { u as ge } from "./useDimensions-27p2evRx.mjs";
 import X from "@mui/material/styles/useTheme";
-import { u as ge } from "./useInsightsEnabled-DBpwEq10.mjs";
-import { L as ye } from "./Loader-DUaFpDGv.mjs";
-const be = C(() => {
-  const { common: n, settings: t } = D(), { sendEmailVerification: s } = T(), { user: c } = A(), i = X(), [d, a] = f.useState(!1), o = () => {
+import { u as ye } from "./useInsightsEnabled-B7dxpDrX.mjs";
+import { u as be } from "./useWidgetLoadTimer-hIOioiKx.mjs";
+import { L as xe } from "./Loader-DUaFpDGv.mjs";
+const Ce = C(() => {
+  const { common: n, settings: t } = D(), { sendEmailVerification: s } = T(), { user: l } = A(), i = X(), [r, a] = g.useState(!1), o = () => {
     a(!1);
-  }, h = () => {
+  }, _ = () => {
     a(!0);
   };
-  return /* @__PURE__ */ l(f.Fragment, { children: [
-    /* @__PURE__ */ l(R, { onClick: h, sx: { height: "auto", p: 4, width: "fit-content" }, children: [
+  return /* @__PURE__ */ c(g.Fragment, { children: [
+    /* @__PURE__ */ c(j, { onClick: _, sx: { height: "auto", p: 4, width: "fit-content" }, children: [
       /* @__PURE__ */ e(x, { variant: "Small", children: t.verify_email }),
       /* @__PURE__ */ e(w, {})
     ] }),
     /* @__PURE__ */ e(
-      M,
+      N,
       {
         copy: { title: "" },
-        isOpen: d,
+        isOpen: r,
         onClose: o,
         onPrimaryAction: s,
         onSecondaryAction: o,
@@ -61,7 +62,7 @@ const be = C(() => {
             justifyContent: "center"
           }
         },
-        children: /* @__PURE__ */ l(m, { 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(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(
@@ -73,7 +74,7 @@ const be = C(() => {
                 p: "16px 32px"
               },
               variant: "H3",
-              children: c.email
+              children: l.email
             }
           ),
           /* @__PURE__ */ e(x, { truncate: !1, variant: "Small", children: t.verification_notice_email })
@@ -81,19 +82,19 @@ const be = C(() => {
       }
     )
   ] });
-}), xe = C(
+}), ve = C(
   ({ handleClose: n, handleVerify: t, isOpen: s }) => {
-    const { common: c, settings: i } = D(), [d, a] = f.useState("");
+    const { common: l, settings: i } = D(), [r, a] = g.useState("");
     return /* @__PURE__ */ e(
-      M,
+      N,
       {
         copy: { title: i.enter_verification_code },
         isOpen: s,
         onClose: n,
-        onPrimaryAction: () => t(d),
+        onPrimaryAction: () => t(r),
         onSecondaryAction: n,
         primaryText: i.verify,
-        secondaryText: c.cancel_button,
+        secondaryText: l.cancel_button,
         sx: {
           "& .MuiDialogContent-root": { pt: 0, width: 400 },
           "& .MuiToolbar-root:last-child": {
@@ -102,37 +103,37 @@ const be = C(() => {
             justifyContent: "flex-end"
           }
         },
-        children: /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(L, { onChange: (o) => a(o.target.value), sx: { width: 352 }, value: d }) })
+        children: /* @__PURE__ */ e(h, { children: /* @__PURE__ */ e(U, { onChange: (o) => a(o.target.value), sx: { width: 352 }, value: r }) })
       }
     );
   }
-), Ce = C(() => {
-  const { common: n, settings: t } = D(), { sendPhoneVerification: s, verifyPhoneToken: c } = T(), { user: i } = A(), d = X(), [a, o] = f.useState(!1), [h, r] = f.useState(!1), _ = () => {
+), Te = C(() => {
+  const { common: n, settings: t } = D(), { sendPhoneVerification: s, verifyPhoneToken: l } = T(), { user: i } = A(), r = X(), [a, o] = g.useState(!1), [_, d] = g.useState(!1), p = () => {
     o(!1);
-  }, u = () => {
+  }, m = () => {
     o(!0);
-  }, g = () => {
+  }, f = () => {
     s().finally(() => {
-      r(!0);
+      d(!0);
     });
-  }, p = (b) => {
-    c(b).finally(() => {
-      r(!1);
+  }, u = (b) => {
+    l(b).finally(() => {
+      d(!1);
     });
   };
-  return /* @__PURE__ */ l(f.Fragment, { children: [
-    /* @__PURE__ */ l(R, { onClick: u, sx: { height: "auto", p: 4, width: "fit-content" }, children: [
+  return /* @__PURE__ */ c(g.Fragment, { children: [
+    /* @__PURE__ */ c(j, { onClick: m, sx: { height: "auto", p: 4, width: "fit-content" }, children: [
       /* @__PURE__ */ e(x, { variant: "Small", children: t.verify_phone }),
       /* @__PURE__ */ e(w, {})
     ] }),
     /* @__PURE__ */ e(
-      M,
+      N,
       {
         copy: { title: "" },
         isOpen: a,
-        onClose: _,
-        onPrimaryAction: g,
-        onSecondaryAction: _,
+        onClose: p,
+        onPrimaryAction: f,
+        onSecondaryAction: p,
         primaryText: t.send_verification,
         secondaryText: n.back,
         sx: {
@@ -143,14 +144,14 @@ const be = C(() => {
             justifyContent: "center"
           }
         },
-        children: /* @__PURE__ */ l(m, { 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(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 ${d.palette.border.light}`,
+                border: `1px solid ${r.palette.border.light}`,
                 borderRadius: "4px",
                 p: "16px 32px"
               },
@@ -163,30 +164,30 @@ const be = C(() => {
       }
     ),
     /* @__PURE__ */ e(
-      xe,
+      ve,
       {
-        handleClose: () => r(!1),
-        handleVerify: p,
-        isOpen: h
+        handleClose: () => d(!1),
+        handleVerify: u,
+        isOpen: _
       }
     )
   ] });
-}), ve = C(
+}), Pe = C(
   ({ onProfileUpdated: n, profile: t }) => {
-    const { common: s, recurring: c, 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(
+    const { common: s, recurring: l, settings: i } = D(), { updateAccount: r } = ae(), a = t.notification_type === se.DebtPaymentReminder, [o, _] = g.useState(!1), [d, p] = g.useState(t.threshold || 0), [m, f] = g.useState(
       t.account?.day_payment_is_due || 0
-    ), p = t.account?.name || t.account?.feed_name || "", b = t.account?.day_payment_is_due ? ce(
+    ), u = t.account?.name || t.account?.feed_name || "", b = t.account?.day_payment_is_due ? re(
       i.notification_debt_payment_date,
-      re(t.account?.day_payment_is_due)
-    ) : 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 });
+      de(t.account?.day_payment_is_due)
+    ) : i.notification_debt_payment_zero_state, k = a ? b : me(t.threshold ?? 0, "0,0"), I = async () => {
+      a && t.account ? await r({ ...t.account, day_payment_is_due: m }) : n({ ...t, threshold: d });
     };
-    return /* @__PURE__ */ l(m, { children: [
+    return /* @__PURE__ */ c(h, { children: [
       /* @__PURE__ */ e(
-        F,
+        R,
         {
           avatar: t.account?.institution_guid ? /* @__PURE__ */ e(
-            Y,
+            Z,
             {
               alt: t.label,
               institutionGuid: t.account?.institution_guid
@@ -194,35 +195,36 @@ const be = C(() => {
           ) : void 0,
           endIcon: /* @__PURE__ */ e(w, {}),
           isChecked: t.is_enabled,
+          isDisabled: !t.is_enabled,
           isPrimaryTextBold: !0,
-          onClick: () => h(!0),
+          onClick: () => _(!0),
           onToggle: () => n({
             ...t,
             is_enabled: !t.is_enabled
           }),
-          primaryText: p,
-          secondaryText: S
+          primaryText: u,
+          secondaryText: t.is_enabled ? k : i.notification_disabled
         }
       ),
       /* @__PURE__ */ e(
-        M,
+        N,
         {
           copy: {
-            title: a ? c.day_of_the_month : i.notification_threshold_label,
+            title: a ? l.day_of_the_month : i.notification_threshold_label,
             close_aria: s.close_aria
           },
-          disablePrimaryButton: a && u === 0,
+          disablePrimaryButton: a && m === 0,
           isOpen: o,
-          onClose: () => h(!1),
+          onClose: () => _(!1),
           onPrimaryAction: I,
           primaryText: s.save_button,
-          children: a ? /* @__PURE__ */ e(ne, { dateAdapter: ie, children: /* @__PURE__ */ e(
-            te,
+          children: a ? /* @__PURE__ */ e(ie, { dateAdapter: oe, children: /* @__PURE__ */ e(
+            ne,
             {
-              maxDate: Z(/* @__PURE__ */ new Date()),
-              minDate: ee(/* @__PURE__ */ new Date()),
-              onChange: (k) => {
-                g(k.getDate());
+              maxDate: ee(/* @__PURE__ */ new Date()),
+              minDate: te(/* @__PURE__ */ new Date()),
+              onChange: (S) => {
+                f(S.getDate());
               },
               slots: {
                 // Hides the arrows
@@ -238,13 +240,13 @@ const be = C(() => {
               views: ["day"]
             }
           ) }) : /* @__PURE__ */ e(
-            me,
+            he,
             {
-              amount: r,
+              amount: d,
               autoFocus: !0,
               fullWidth: !0,
               minAmount: 0,
-              setAmount: (k) => _(Number(k) || 0),
+              setAmount: (S) => p(Number(S) || 0),
               sx: { ".MuiTypography-Body": { p: 0 } }
             }
           )
@@ -252,50 +254,50 @@ const be = C(() => {
       )
     ] });
   }
-), Te = C(
+), De = C(
   ({ onUpdateProfile: n, profile: t }) => {
-    const { settings: s } = D(), { user: c } = 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: _
-    } = d, {
-      email_notifications_enabled: u,
-      push_notifications_enabled: g,
-      sms_notifications_enabled: p
+    const { settings: s } = D(), { user: l } = A(), { clientCommunicationProfile: i, userCommunicationsProfile: r } = T(), { isMobile: a } = _e(), o = t.notification_type > 2, {
+      opted_out_of_email_notifications: _,
+      opted_out_of_push_notifications: d,
+      opted_out_of_sms_notifications: p
+    } = r, {
+      email_notifications_enabled: m,
+      push_notifications_enabled: f,
+      sms_notifications_enabled: u
     } = i;
-    return /* @__PURE__ */ l(m, { children: [
-      (u || p || g) && /* @__PURE__ */ l(B, { children: [
+    return /* @__PURE__ */ c(h, { children: [
+      (m || u || f) && /* @__PURE__ */ c(M, { 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(m, { sx: { pl: 24 }, children: /* @__PURE__ */ e(
+        /* @__PURE__ */ c(E, { sx: { bgcolor: "background.paper" }, children: [
+          m && /* @__PURE__ */ e(h, { sx: { pl: 24 }, children: /* @__PURE__ */ e(
             P,
             {
-              isChecked: !h && t.email_channel && !!c.email,
-              isDisabled: h || !c.email,
+              isChecked: !_ && t.email_channel && !!l.email,
+              isDisabled: _ || !l.email,
               onToggle: () => n({ ...t, email_channel: !t.email_channel }),
               primaryText: s.delivery_method_email_label,
-              secondaryText: h || !t.email_channel || !c.email ? s.notification_disabled : s.notification_enabled,
+              secondaryText: _ || !t.email_channel || !l.email ? s.notification_disabled : s.notification_enabled,
               useExtraPadding: !1
             }
           ) }),
-          u && (p || g) && /* @__PURE__ */ e(v, { sx: { ml: a ? 0 : 24 } }),
-          p && /* @__PURE__ */ e(m, { sx: { pl: 24 }, children: /* @__PURE__ */ e(
+          m && (u || f) && /* @__PURE__ */ e(v, { sx: { ml: a ? 0 : 24 } }),
+          u && /* @__PURE__ */ e(h, { sx: { pl: 24 }, children: /* @__PURE__ */ e(
             P,
             {
-              isChecked: !_ && t.sms_channel && !!c.phone,
-              isDisabled: _ || !c.phone,
+              isChecked: !p && t.sms_channel && !!l.phone,
+              isDisabled: p || !l.phone,
               onToggle: () => n({ ...t, sms_channel: !t.sms_channel }),
               primaryText: `${s.delivery_method_sms_label}`,
-              secondaryText: _ || !t.sms_channel || !c.phone ? s.notification_disabled : s.notification_enabled,
+              secondaryText: p || !t.sms_channel || !l.phone ? s.notification_disabled : s.notification_enabled,
               useExtraPadding: !1
             }
           ) }),
-          p && g && /* @__PURE__ */ e(v, { sx: { ml: a ? 0 : 24 } }),
-          g && /* @__PURE__ */ e(m, { sx: { pl: 24 }, children: /* @__PURE__ */ e(
+          u && f && /* @__PURE__ */ e(v, { sx: { ml: a ? 0 : 24 } }),
+          f && /* @__PURE__ */ e(h, { sx: { pl: 24 }, children: /* @__PURE__ */ e(
             P,
             {
-              isChecked: !r && t.push_channel,
-              isDisabled: r,
+              isChecked: !d && t.push_channel,
+              isDisabled: d,
               onToggle: () => n({ ...t, push_channel: !t.push_channel }),
               primaryText: s.delivery_method_push_label,
               secondaryText: s.delivery_method_push_subtitle,
@@ -305,10 +307,10 @@ const be = C(() => {
           /* @__PURE__ */ e(v, {})
         ] })
       ] }),
-      o && !!t.children?.length && /* @__PURE__ */ l(m, { 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((b) => /* @__PURE__ */ e(
-          ve,
+          Pe,
           {
             onProfileUpdated: n,
             profile: b
@@ -319,10 +321,10 @@ const be = C(() => {
     ] });
   }
 ), H = C(() => {
-  const { accountProfiles: n, updateNotificationProfile: t } = T(), [s, c] = f.useState(""), i = f.useMemo(
+  const { accountProfiles: n, updateNotificationProfile: t } = T(), [s, l] = g.useState(""), i = g.useMemo(
     () => n.find((o) => o.guid === s),
     [n, s]
-  ), d = async (o) => {
+  ), r = async (o) => {
     await t({
       ...o,
       is_enabled: !o.is_enabled
@@ -330,15 +332,15 @@ const be = C(() => {
   }, a = async (o) => {
     await t(o);
   };
-  return /* @__PURE__ */ l(m, { 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(
-      F,
+      R,
       {
         endIcon: /* @__PURE__ */ e(w, {}),
         isChecked: o.is_enabled,
         isDisabled: !o.is_enabled,
-        onClick: () => c(o.guid),
-        onToggle: () => d(o),
+        onClick: () => l(o.guid),
+        onToggle: () => r(o),
         primaryText: o.label,
         secondaryText: o.is_enabled ? o.deliveryMethodsLabel : void 0
       },
@@ -348,10 +350,10 @@ const be = C(() => {
       J,
       {
         isOpen: !!i,
-        onClose: () => c(""),
+        onClose: () => l(""),
         title: i ? i.label : "",
         children: i && /* @__PURE__ */ e(
-          Te,
+          De,
           {
             onUpdateProfile: a,
             profile: i
@@ -364,75 +366,75 @@ const be = C(() => {
   const { settings: t } = D(), {
     clientCommunicationProfile: {
       email_notifications_enabled: s,
-      push_notifications_enabled: c,
+      push_notifications_enabled: l,
       sms_notifications_enabled: i
     },
-    updateNotificationProfile: d,
+    updateNotificationProfile: r,
     userCommunicationsProfile: {
       opted_out_of_email_notifications: a,
       opted_out_of_push_notifications: o,
-      opted_out_of_sms_notifications: h
+      opted_out_of_sms_notifications: _
     }
-  } = 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 d(S);
-  }, b = s || i || c;
-  return /* @__PURE__ */ l(E, { sx: { bgcolor: "background.paper" }, children: [
+  } = T(), { user: d } = A(), [p, m] = g.useState(!1), f = async () => {
+    await u({ ...n, is_enabled: !n.is_enabled }), n.is_enabled && m(!1);
+  }, u = async (k) => {
+    await r(k);
+  }, b = s || i || l;
+  return /* @__PURE__ */ c(E, { sx: { bgcolor: "background.paper" }, children: [
     /* @__PURE__ */ e(
-      F,
+      R,
       {
         endIcon: b ? /* @__PURE__ */ e(
-          K,
+          Q,
           {
             sx: {
               transition: "transform 0.3s ease-in-out",
-              transform: _ ? "rotate(180deg)" : "rotate(0deg)"
+              transform: p ? "rotate(180deg)" : "rotate(0deg)"
             }
           }
         ) : void 0,
         isChecked: n.is_enabled,
         isDisabled: !n.is_enabled,
-        onClick: () => u(!_),
-        onToggle: () => g(),
+        onClick: () => m(!p),
+        onToggle: () => f(),
         primaryText: n.label,
         secondaryText: n.is_enabled ? n.deliveryMethodsLabel : void 0
       },
       n.guid
     ),
-    b && /* @__PURE__ */ e(_e, { in: _, children: /* @__PURE__ */ l(E, { sx: { bgcolor: "background.paper" }, children: [
+    b && /* @__PURE__ */ e(ue, { in: p, children: /* @__PURE__ */ c(E, { sx: { bgcolor: "background.paper" }, children: [
       s && /* @__PURE__ */ e(
         P,
         {
-          isChecked: !a && n.email_channel && !!r.email,
-          isDisabled: a || !r.email,
-          onToggle: () => p({
+          isChecked: !a && n.email_channel && !!d.email,
+          isDisabled: a || !d.email,
+          onToggle: () => u({
             ...n,
             email_channel: !n.email_channel
           }),
           primaryText: t.delivery_method_email_label
         }
       ),
-      s && (i || c) && /* @__PURE__ */ e(v, { sx: { ml: 48 } }),
+      s && (i || l) && /* @__PURE__ */ e(v, { sx: { ml: 48 } }),
       i && /* @__PURE__ */ e(
         P,
         {
-          isChecked: !h && n.sms_channel && !!r.phone,
-          isDisabled: h || !r.phone,
-          onToggle: () => p({
+          isChecked: !_ && n.sms_channel && !!d.phone,
+          isDisabled: _ || !d.phone,
+          onToggle: () => u({
             ...n,
             sms_channel: !n.sms_channel
           }),
           primaryText: t.delivery_method_sms_label
         }
       ),
-      i && c && /* @__PURE__ */ e(v, { sx: { ml: 48 } }),
-      c && /* @__PURE__ */ e(
+      i && l && /* @__PURE__ */ e(v, { sx: { ml: 48 } }),
+      l && /* @__PURE__ */ e(
         P,
         {
           isChecked: !o && n.push_channel,
           isDisabled: o,
-          onToggle: () => p({
+          onToggle: () => u({
             ...n,
             push_channel: !n.push_channel
           }),
@@ -442,50 +444,50 @@ const be = C(() => {
     ] }) }),
     /* @__PURE__ */ e(v, {})
   ] }, n.guid);
-}), z = C(() => {
+}), W = C(() => {
   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(), {
+  return /* @__PURE__ */ e(h, { children: n.map((t) => /* @__PURE__ */ e(q, { profile: t }, t.guid)) });
+}), Se = C(() => {
+  const { onEvent: n } = ce(), { settings: t } = D(), {
     clientCommunicationProfile: s,
-    updateUserCommunicationProfile: c,
+    updateUserCommunicationProfile: l,
     userCommunicationsProfile: i
-  } = T(), { user: d } = A(), a = async (o, h) => {
-    const r = { ...i, [o]: h };
+  } = T(), { user: r } = A(), a = async (o, _) => {
+    const d = { ...i, [o]: _ };
     if (n) {
-      const u = o.split("_")[3];
-      h === !1 ? n("opt_in_notification_method", { notificationType: u }) : n("opt_out_notification_method", { notificationType: u });
+      const m = o.split("_")[3];
+      _ === !1 ? n("opt_in_notification_method", { notificationType: m }) : n("opt_out_notification_method", { notificationType: m });
     }
-    await c(r);
+    await l(d);
   };
-  return /* @__PURE__ */ l(m, { children: [
-    /* @__PURE__ */ e(U, { sx: { mt: 24 }, children: t.delivery_method_title }),
-    s.email_notifications_enabled && /* @__PURE__ */ l(B, { 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: [
       /* @__PURE__ */ e(
         P,
         {
-          isChecked: !!d.email && !i.opted_out_of_email_notifications,
-          isDisabled: !d.email,
+          isChecked: !!r.email && !i.opted_out_of_email_notifications,
+          isDisabled: !r.email,
           onToggle: () => a(
             "opted_out_of_email_notifications",
             !i.opted_out_of_email_notifications
           ),
           primaryText: t.delivery_method_email_title,
-          secondaryText: d.email && !i.opted_out_of_email_notifications ? t.notification_enabled : t.notification_disabled,
+          secondaryText: r.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(v, {})
     ] }),
-    s.sms_notifications_enabled && /* @__PURE__ */ l(B, { children: [
+    s.sms_notifications_enabled && /* @__PURE__ */ c(M, { children: [
       /* @__PURE__ */ e(
         P,
         {
-          isChecked: !!d.phone && !i.opted_out_of_sms_notifications,
-          isDisabled: !d.phone,
+          isChecked: !!r.phone && !i.opted_out_of_sms_notifications,
+          isDisabled: !r.phone,
           onToggle: () => a("opted_out_of_sms_notifications", !i.opted_out_of_sms_notifications),
           primaryText: t.delivery_method_sms_title,
-          secondaryText: d.phone && !i.opted_out_of_sms_notifications ? t.notification_enabled : t.notification_disabled,
+          secondaryText: r.phone && !i.opted_out_of_sms_notifications ? t.notification_enabled : t.notification_disabled,
           useExtraPadding: !1
         }
       ),
@@ -503,41 +505,41 @@ 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(m, { alignItems: "flex-start", direction: "row", gap: 6, children: [
-      /* @__PURE__ */ e(Q, { color: "primary", filled: !0 }),
+    s.sms_notifications_enabled && /* @__PURE__ */ e(pe, { sx: { backgroundColor: "background.default", mt: 12 }, variant: "outlined", children: /* @__PURE__ */ e(fe, { children: /* @__PURE__ */ c(h, { alignItems: "flex-start", direction: "row", gap: 6, children: [
+      /* @__PURE__ */ e(Y, { color: "primary", filled: !0 }),
       /* @__PURE__ */ e(x, { sx: { whiteSpace: "wrap" }, variant: "XSmall", children: t.delivery_method_sms_note_1 })
     ] }) }) })
   ] });
-}), $ = C(() => {
+}), z = C(() => {
   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: c, settings: i } = D(), { updateUser: d } = T(), { user: a } = A(), [o, h] = f.useState(!1), [r, _] = f.useState({
+  return /* @__PURE__ */ e(h, { children: n.map((t) => /* @__PURE__ */ e(q, { profile: t }, t.guid)) });
+}), ke = () => {
+  const { config: n } = $(), [t, { width: s }] = ge(), { common: l, settings: i } = D(), { updateUser: r } = T(), { user: a } = A(), [o, _] = g.useState(!1), [d, p] = g.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));
+  }), m = d.email && !a.email_is_verified && !o, f = d.phone && !a.phone_is_verified && !o, u = (k) => {
+    const { name: I, value: S } = k.target, B = { ...d, [I]: S };
+    p(B), _(JSON.stringify({ ...a, ...B }) !== JSON.stringify(a));
   }, b = async () => {
-    await d({ ...a, ...r }), h(!1);
+    await r({ ...a, ...d }), _(!1);
   };
-  return /* @__PURE__ */ l(m, { ref: t, children: [
+  return /* @__PURE__ */ c(h, { ref: t, children: [
     /* @__PURE__ */ e(v, {}),
-    /* @__PURE__ */ l(m, { sx: { pt: 12 }, children: [
-      /* @__PURE__ */ e(U, { sx: { lineHeight: "20px", pb: 4, pt: 16 }, children: i.personal_details }),
-      /* @__PURE__ */ l(m, { sx: { flexDirection: s <= 768 ? "column" : "row", gap: 24, py: 16 }, children: [
-        n.display_email_edit_field_in_settings && /* @__PURE__ */ l(m, { sx: { flex: 1, pb: 14 }, children: [
+    /* @__PURE__ */ c(h, { sx: { pt: 12 }, children: [
+      /* @__PURE__ */ e(F, { sx: { lineHeight: "20px", pb: 4, pt: 16 }, children: i.personal_details }),
+      /* @__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(
-            L,
+            U,
             {
               defaultValue: a.email,
               fullWidth: !0,
               label: i.email_address,
               name: "email",
-              onChange: p
+              onChange: u
             }
           ),
-          u && /* @__PURE__ */ e(
+          m && /* @__PURE__ */ e(
             G,
             {
               sx: {
@@ -549,22 +551,22 @@ const be = C(() => {
                   }
                 }
               },
-              children: /* @__PURE__ */ e(be, {})
+              children: /* @__PURE__ */ e(Ce, {})
             }
           )
         ] }),
-        n.display_sms_edit_field_in_settings && /* @__PURE__ */ l(m, { 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,
+            U,
             {
               defaultValue: a.phone,
               fullWidth: !0,
               label: i.mobile_number,
               name: "phone",
-              onChange: p
+              onChange: u
             }
           ),
-          g && /* @__PURE__ */ e(
+          f && /* @__PURE__ */ e(
             G,
             {
               sx: {
@@ -576,83 +578,86 @@ const be = C(() => {
                   }
                 }
               },
-              children: /* @__PURE__ */ e(Ce, {})
+              children: /* @__PURE__ */ e(Te, {})
             }
           )
         ] })
       ] }),
       /* @__PURE__ */ e(
-        R,
+        j,
         {
           disabled: !o,
           onClick: b,
           sx: { width: 84 },
           variant: "contained",
-          children: c.save_button
+          children: l.save_button
         }
       )
     ] })
   ] });
-}, Se = C(De), lt = C(
+}, we = C(ke), dt = C(
   ({
     notificationTypes: n = [y.Accounts, y.Budgets],
     showPersonalDetails: t = !1,
     view: s
   }) => {
-    const { config: c } = W(), { settings: i } = D(), { isInitialized: d } = le(), { clientCommunicationProfile: a, loadNotificationProfiles: o } = T(), h = ge(), [r, _] = f.useState(
+    const { config: l } = $(), { settings: i } = D(), { isInitialized: r } = le(), { clientCommunicationProfile: a, loadNotificationProfiles: o } = T(), _ = ye(), [d, p] = g.useState(!1), [m, f] = g.useState(
       void 0
     );
-    if (n.length > 0 && h && n.push(y.Insights), f.useEffect(() => {
-      d && o().finally();
-    }, [d]), !d)
-      return /* @__PURE__ */ e(ye, {});
+    if (n.length > 0 && _ && n.push(y.Insights), be({
+      widgetName: "NotificationSettingsWidget",
+      isLoaded: d
+    }), g.useEffect(() => {
+      r && o().finally(() => p(!0));
+    }, [r]), !r)
+      return /* @__PURE__ */ e(xe, {});
     let u = i.manage_account_notifications;
-    r === y.Budgets ? u = i.manage_budget_notifications : r === y.Insights && (u = i.manage_insights_notifications);
+    m === y.Budgets ? u = i.manage_budget_notifications : m === y.Insights && (u = i.manage_insights_notifications);
     const {
-      email_notifications_enabled: g,
-      sms_notifications_enabled: p,
-      push_notifications_enabled: b
-    } = a, S = g || p || b;
+      email_notifications_enabled: b,
+      sms_notifications_enabled: k,
+      push_notifications_enabled: I
+    } = a, S = b || k || I;
     if (s === "accounts")
       return /* @__PURE__ */ e(H, {});
     if (s === "budgets")
-      return /* @__PURE__ */ e(z, {});
+      return /* @__PURE__ */ e(W, {});
     if (s === "insights")
-      return /* @__PURE__ */ e($, {});
-    const I = c.display_email_edit_field_in_settings || c.display_sms_edit_field_in_settings, k = t && a.can_edit_contact_info && I;
-    return /* @__PURE__ */ l(m, { sx: { pt: S ? 0 : 24 }, children: [
-      /* @__PURE__ */ l(m, { sx: { px: 24 }, children: [
-        S && /* @__PURE__ */ l(B, { children: [
-          /* @__PURE__ */ e(Pe, {}),
+      return /* @__PURE__ */ e(z, {});
+    const B = l.display_email_edit_field_in_settings || l.display_sms_edit_field_in_settings, K = t && a.can_edit_contact_info && B;
+    return /* @__PURE__ */ c(h, { sx: { pt: S ? 0 : 24 }, children: [
+      /* @__PURE__ */ c(h, { sx: { px: 24 }, children: [
+        S && /* @__PURE__ */ c(M, { children: [
+          /* @__PURE__ */ e(Se, {}),
           /* @__PURE__ */ e(v, { sx: { my: 24 } })
         ] }),
-        /* @__PURE__ */ e(U, { sx: { mb: 4 }, children: i.notification_types_title })
+        /* @__PURE__ */ e(F, { sx: { mb: 4 }, children: i.notification_types_title })
       ] }),
-      /* @__PURE__ */ l(E, { children: [
-        n.includes(y.Accounts) && /* @__PURE__ */ e(O, { children: /* @__PURE__ */ l(V, { onClick: () => _(y.Accounts), children: [
-          /* @__PURE__ */ e(N, { primary: i.accounts_title, secondary: i.accounts_subtitle }),
+      /* @__PURE__ */ c(E, { children: [
+        n.includes(y.Accounts) && /* @__PURE__ */ e(O, { children: /* @__PURE__ */ c(V, { onClick: () => f(y.Accounts), children: [
+          /* @__PURE__ */ e(L, { primary: i.accounts_title, secondary: i.accounts_subtitle }),
           /* @__PURE__ */ e(w, {})
         ] }) }),
-        n.includes(y.Budgets) && /* @__PURE__ */ e(O, { children: /* @__PURE__ */ l(V, { onClick: () => _(y.Budgets), children: [
-          /* @__PURE__ */ e(N, { primary: i.budgets_title, secondary: i.budgets_subtitle }),
+        n.includes(y.Budgets) && /* @__PURE__ */ e(O, { children: /* @__PURE__ */ c(V, { onClick: () => f(y.Budgets), children: [
+          /* @__PURE__ */ e(L, { primary: i.budgets_title, secondary: i.budgets_subtitle }),
           /* @__PURE__ */ e(w, {})
         ] }) }),
-        n.includes(y.Insights) && /* @__PURE__ */ e(O, { children: /* @__PURE__ */ l(V, { onClick: () => _(y.Insights), children: [
-          /* @__PURE__ */ e(N, { primary: i.insights_title, secondary: i.insights_subtitle }),
+        n.includes(y.Insights) && /* @__PURE__ */ e(O, { children: /* @__PURE__ */ c(V, { onClick: () => f(y.Insights), children: [
+          /* @__PURE__ */ e(L, { primary: i.insights_title, secondary: i.insights_subtitle }),
           /* @__PURE__ */ e(w, {})
         ] }) })
       ] }),
-      k && /* @__PURE__ */ e(m, { sx: { px: 24 }, children: /* @__PURE__ */ e(Se, {}) }),
+      K && /* @__PURE__ */ e(h, { sx: { px: 24 }, children: /* @__PURE__ */ e(we, {}) }),
       /* @__PURE__ */ e(
         J,
         {
-          isOpen: !!r,
-          onClose: () => _(void 0),
+          isOpen: !!m,
+          onClose: () => f(void 0),
           title: u,
-          children: /* @__PURE__ */ l(m, { children: [
-            r === y.Accounts && /* @__PURE__ */ e(H, {}),
-            r === y.Budgets && /* @__PURE__ */ e(z, {}),
-            r === y.Insights && /* @__PURE__ */ e($, {})
+          children: /* @__PURE__ */ c(h, { children: [
+            m === y.Accounts && /* @__PURE__ */ e(H, {}),
+            m === y.Budgets && /* @__PURE__ */ e(W, {}),
+            m === y.Insights && /* @__PURE__ */ e(z, {})
           ] })
         }
       )
@@ -661,9 +666,9 @@ const be = C(() => {
 );
 export {
   H as A,
-  z as B,
-  $ as I,
-  lt as N,
-  be as V,
-  Ce as a
+  W as B,
+  z as I,
+  dt as N,
+  Ce as V,
+  Te as a
 };