@mx-cartographer/experiences 9.1.0-alpha.bb1 → 9.1.0

package/dist/NotificationSettings-CW7okUrk.mjs

@@ -0,0 +1,678 @@
+import { jsxs as c, jsx as e, Fragment as N } from "react/jsx-runtime";
+import f 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 h from "@mui/material/Stack";
+import { ChevronRight as A, 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 { b as le } from "./Localization-DnoVyBNK.mjs";
+import { b as re, f as de } from "./NumberFormatting--XMeeBfr.mjs";
+import { u as k, A as T, C as S, c as J, f as me, i as q, a as he } from "./hooks-97sNJ_lf.mjs";
+import { A as ue, N as b } from "./Notification-DTNYSd8P.mjs";
+import { T as R, a as D } from "./ToggleListItem-Dl1lXNwj.mjs";
+import { D as B } from "./Dialog-Bvd2n8hz.mjs";
+import { C as _e } from "./CurrencyInput-DaGEQaLW.mjs";
+import { u as fe } from "./useScreenSize-mWpmnh5w.mjs";
+import { D as K } from "./Drawer-DsnW2o0v.mjs";
+import pe from "@mui/material/Collapse";
+import ge from "@mui/material/Card";
+import ye from "@mui/material/CardContent";
+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 { useTheme as Q } from "@mui/material/styles";
+import { u as xe } from "./useInsightsEnabled-D5Sdm0TJ.mjs";
+import { u as Ce } from "./useWidgetLoadTimer-B0tB-yzL.mjs";
+import { L as ve } from "./Loader-CxeBwuPG.mjs";
+const Te = C(() => {
+  const { common: n, settings: t } = k(), { sendEmailVerification: s } = T(), { user: l } = S(), i = Q(), [r, a] = f.useState(!1), o = () => {
+    a(!1);
+  }, u = () => {
+    a(!0);
+  };
+  return /* @__PURE__ */ c(f.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(A, {})
+    ] }),
+    /* @__PURE__ */ e(
+      B,
+      {
+        copy: { title: "" },
+        isOpen: r,
+        onClose: o,
+        onPrimaryAction: s,
+        onSecondaryAction: o,
+        primaryText: t.send_verification,
+        secondaryText: n.back,
+        sx: {
+          "& .MuiDialogContent-root": { pt: 0, width: 400 },
+          "& .MuiToolbar-root:last-child": {
+            gap: 16,
+            padding: "32px 60px 48px",
+            justifyContent: "center"
+          }
+        },
+        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.neutral.light}`,
+                borderRadius: "4px",
+                p: "16px 32px"
+              },
+              variant: "h3",
+              children: l.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 } = k(), [r, a] = f.useState("");
+    return /* @__PURE__ */ e(
+      B,
+      {
+        copy: { title: i.enter_verification_code },
+        isOpen: s,
+        onClose: n,
+        onPrimaryAction: () => t(r),
+        onSecondaryAction: n,
+        primaryText: i.verify,
+        secondaryText: l.cancel_button,
+        sx: {
+          "& .MuiDialogContent-root": { pt: 0, width: 400 },
+          "& .MuiToolbar-root:last-child": {
+            gap: 8,
+            padding: 24,
+            justifyContent: "flex-end"
+          }
+        },
+        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 } = k(), { sendPhoneVerification: s, verifyPhoneToken: l } = T(), { user: i } = S(), r = Q(), [a, o] = f.useState(!1), [u, d] = f.useState(!1), p = () => {
+    o(!1);
+  }, _ = () => {
+    o(!0);
+  }, y = () => {
+    s().finally(() => {
+      d(!0);
+    });
+  }, m = (g) => {
+    l(g).finally(() => {
+      d(!1);
+    });
+  };
+  return /* @__PURE__ */ c(f.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(A, {})
+    ] }),
+    /* @__PURE__ */ e(
+      B,
+      {
+        copy: { title: "" },
+        isOpen: a,
+        onClose: p,
+        onPrimaryAction: y,
+        onSecondaryAction: p,
+        primaryText: t.send_verification,
+        secondaryText: n.back,
+        sx: {
+          "& .MuiDialogContent-root": { pt: 0, width: 400 },
+          "& .MuiToolbar-root:last-child": {
+            gap: 16,
+            padding: "32px 60px 48px",
+            justifyContent: "center"
+          }
+        },
+        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.neutral.light}`,
+                borderRadius: "4px",
+                p: "16px 32px"
+              },
+              variant: "h3",
+              children: i.phone
+            }
+          ),
+          /* @__PURE__ */ e(x, { truncate: !1, variant: "body2", children: t.verification_notice_phone })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ e(
+      Pe,
+      {
+        handleClose: () => d(!1),
+        handleVerify: m,
+        isOpen: u
+      }
+    )
+  ] });
+}), ke = C(
+  ({ onProfileUpdated: n, profile: t }) => {
+    const { common: s, recurring: l, settings: i } = k(), { updateAccount: r } = J(), a = t.notification_type === ue.DebtPaymentReminder, [o, u] = f.useState(!1), [d, p] = f.useState(t.threshold || 0), [_, y] = f.useState(
+      t.account?.day_payment_is_due || 0
+    ), m = t.account?.name || t.account?.feed_name || "", g = t.account?.day_payment_is_due ? le(
+      i.notification_debt_payment_date,
+      re(t.account?.day_payment_is_due)
+    ) : i.notification_debt_payment_zero_state, P = a ? g : de(t.threshold ?? 0, "0,0"), I = async () => {
+      a && t.account ? await r({ ...t.account, day_payment_is_due: _ }) : n({ ...t, threshold: d });
+    };
+    return /* @__PURE__ */ c(h, { children: [
+      /* @__PURE__ */ e(
+        R,
+        {
+          avatar: t.account?.institution_guid ? /* @__PURE__ */ e(
+            ne,
+            {
+              alt: t.label,
+              institutionGuid: t.account?.institution_guid
+            }
+          ) : void 0,
+          endIcon: /* @__PURE__ */ e(A, {}),
+          isChecked: t.is_enabled,
+          isDisabled: !t.is_enabled,
+          isPrimaryTextBold: !0,
+          onClick: () => u(!0),
+          onToggle: () => n({
+            ...t,
+            is_enabled: !t.is_enabled
+          }),
+          primaryText: m,
+          secondaryText: t.is_enabled ? P : i.notification_disabled
+        }
+      ),
+      /* @__PURE__ */ e(
+        B,
+        {
+          copy: {
+            title: a ? l.day_of_the_month : i.notification_threshold_label,
+            close_aria: s.close_aria
+          },
+          disablePrimaryButton: a && _ === 0,
+          isOpen: o,
+          onClose: () => u(!1),
+          onPrimaryAction: I,
+          primaryText: s.save_button,
+          children: a ? /* @__PURE__ */ e(ae, { dateAdapter: ce, children: /* @__PURE__ */ e(
+            se,
+            {
+              maxDate: ie(/* @__PURE__ */ new Date()),
+              minDate: oe(/* @__PURE__ */ new Date()),
+              onChange: (w) => {
+                y(w.getDate());
+              },
+              slots: {
+                // Hides the arrows
+                leftArrowIcon: () => null,
+                rightArrowIcon: () => null
+              },
+              sx: {
+                // TODO: Needs to be updated in MXUI
+                "& .MuiPickersDay-today": {
+                  color: "primary.main"
+                }
+              },
+              views: ["day"]
+            }
+          ) }) : /* @__PURE__ */ e(
+            _e,
+            {
+              amount: d,
+              autoFocus: !0,
+              fullWidth: !0,
+              minAmount: 0,
+              setAmount: (w) => p(Number(w) || 0),
+              sx: { ".MuiTypography-body1": { p: 0 } }
+            }
+          )
+        }
+      )
+    ] });
+  }
+), we = C(
+  ({ onUpdateProfile: n, profile: t }) => {
+    const { settings: s } = k(), { user: l } = S(), { clientCommunicationProfile: i, userCommunicationsProfile: r } = T(), { isMobile: a } = fe(), o = t.notification_type > 2, {
+      opted_out_of_email_notifications: u,
+      opted_out_of_push_notifications: d,
+      opted_out_of_sms_notifications: p
+    } = r, {
+      email_notifications_enabled: _,
+      push_notifications_enabled: y,
+      sms_notifications_enabled: m
+    } = i;
+    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: [
+          _ && /* @__PURE__ */ e(h, { sx: { pl: 24 }, children: /* @__PURE__ */ e(
+            D,
+            {
+              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: u || !t.email_channel || !l.email ? s.notification_disabled : s.notification_enabled,
+              useExtraPadding: !1
+            }
+          ) }),
+          _ && (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,
+              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,
+              useExtraPadding: !1
+            }
+          ) }),
+          m && y && /* @__PURE__ */ e(v, { sx: { ml: a ? 0 : 24 } }),
+          y && /* @__PURE__ */ e(h, { sx: { pl: 24 }, children: /* @__PURE__ */ e(
+            D,
+            {
+              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,
+              useExtraPadding: !1
+            }
+          ) }),
+          /* @__PURE__ */ e(v, {})
+        ] })
+      ] }),
+      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(
+          ke,
+          {
+            onProfileUpdated: n,
+            profile: g
+          },
+          g.guid
+        )) })
+      ] })
+    ] });
+  }
+), z = C(() => {
+  const { accountProfiles: n, updateNotificationProfile: t } = T(), [s, l] = f.useState(""), i = f.useMemo(
+    () => n.find((o) => o.guid === s),
+    [n, s]
+  ), r = async (o) => {
+    await t({
+      ...o,
+      is_enabled: !o.is_enabled
+    });
+  }, a = async (o) => {
+    await t(o);
+  };
+  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(A, {}),
+        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
+      },
+      o.guid
+    )),
+    /* @__PURE__ */ e(
+      K,
+      {
+        isOpen: !!i,
+        onClose: () => l(""),
+        title: i ? i.label : "",
+        children: i && /* @__PURE__ */ e(
+          we,
+          {
+            onUpdateProfile: a,
+            profile: i
+          }
+        )
+      }
+    )
+  ] });
+}), X = C(({ profile: n }) => {
+  const { settings: t } = k(), {
+    clientCommunicationProfile: {
+      email_notifications_enabled: s,
+      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_sms_notifications: u
+    }
+  } = T(), { user: d } = S(), [p, _] = f.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;
+  return /* @__PURE__ */ c(E, { sx: { bgcolor: "background.paper" }, children: [
+    /* @__PURE__ */ e(
+      R,
+      {
+        endIcon: g ? /* @__PURE__ */ e(
+          ee,
+          {
+            sx: {
+              transition: "transform 0.3s ease-in-out",
+              transform: p ? "rotate(180deg)" : "rotate(0deg)"
+            }
+          }
+        ) : void 0,
+        isChecked: n.is_enabled,
+        isDisabled: !n.is_enabled,
+        onClick: () => _(!p),
+        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: [
+      s && /* @__PURE__ */ e(
+        D,
+        {
+          isChecked: !a && n.email_channel && !!d.email,
+          isDisabled: a || !d.email,
+          onToggle: () => m({
+            ...n,
+            email_channel: !n.email_channel
+          }),
+          primaryText: t.delivery_method_email_label
+        }
+      ),
+      s && (i || l) && /* @__PURE__ */ e(v, { sx: { ml: 48 } }),
+      i && /* @__PURE__ */ e(
+        D,
+        {
+          isChecked: !u && n.sms_channel && !!d.phone,
+          isDisabled: u || !d.phone,
+          onToggle: () => m({
+            ...n,
+            sms_channel: !n.sms_channel
+          }),
+          primaryText: t.delivery_method_sms_label
+        }
+      ),
+      i && l && /* @__PURE__ */ e(v, { sx: { ml: 48 } }),
+      l && /* @__PURE__ */ e(
+        D,
+        {
+          isChecked: !o && n.push_channel,
+          isDisabled: o,
+          onToggle: () => m({
+            ...n,
+            push_channel: !n.push_channel
+          }),
+          primaryText: t.delivery_method_push_label
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ e(v, {})
+  ] }, n.guid);
+}), $ = C(() => {
+  const { budgetProfiles: n } = T();
+  return /* @__PURE__ */ e(h, { children: n.map((t) => /* @__PURE__ */ e(X, { profile: t }, t.guid)) });
+}), Ae = C(() => {
+  const { onEvent: n } = me(), { settings: t } = k(), {
+    clientCommunicationProfile: s,
+    updateUserCommunicationProfile: l,
+    userCommunicationsProfile: i
+  } = T(), { user: r } = S(), a = async (o, u) => {
+    const d = { ...i, [o]: u };
+    if (n) {
+      const _ = o.split("_")[3];
+      u === !1 ? n("opt_in_notification_method", { notificationType: _ }) : n("opt_out_notification_method", { notificationType: _ });
+    }
+    await l(d);
+  };
+  return /* @__PURE__ */ c(h, { children: [
+    /* @__PURE__ */ e(F, { sx: { mt: 24 }, children: t.delivery_method_title }),
+    s.email_notifications_enabled && /* @__PURE__ */ c(N, { children: [
+      /* @__PURE__ */ e(
+        D,
+        {
+          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: 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__ */ c(N, { children: [
+      /* @__PURE__ */ e(
+        D,
+        {
+          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: r.phone && !i.opted_out_of_sms_notifications ? t.notification_enabled : t.notification_disabled,
+          useExtraPadding: !1
+        }
+      ),
+      s.push_notifications_enabled && /* @__PURE__ */ e(v, {})
+    ] }),
+    s.push_notifications_enabled && /* @__PURE__ */ e(
+      D,
+      {
+        isChecked: !i.opted_out_of_push_notifications,
+        isDisabled: !0,
+        onToggle: () => {
+        },
+        primaryText: t.delivery_method_push_title,
+        secondaryText: t.delivery_method_push_subtitle,
+        useExtraPadding: !1
+      }
+    ),
+    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, { variant: "caption", children: t.delivery_method_sms_note_1 })
+    ] }) }) })
+  ] });
+}), H = C(() => {
+  const { insightsProfiles: n } = T();
+  return /* @__PURE__ */ e(h, { children: n.map((t) => /* @__PURE__ */ e(X, { profile: t }, t.guid)) });
+}), Se = () => {
+  const { config: n } = q(), [t, { width: s }] = be(), { common: l, settings: i } = k(), { updateUser: r } = T(), { user: a } = S(), [o, u] = f.useState(!1), [d, p] = f.useState({
+    email: a.email,
+    phone: a.phone
+  }), _ = 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 };
+    p(M), u(JSON.stringify({ ...a, ...M }) !== JSON.stringify(a));
+  }, g = async () => {
+    await r({ ...a, ...d }), u(!1);
+  };
+  return /* @__PURE__ */ c(h, { ref: t, children: [
+    /* @__PURE__ */ e(v, {}),
+    /* @__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(
+            U,
+            {
+              defaultValue: a.email,
+              fullWidth: !0,
+              label: i.email_address,
+              name: "email",
+              onChange: m
+            }
+          ),
+          _ && /* @__PURE__ */ e(
+            W,
+            {
+              sx: {
+                height: 20,
+                ".MuiButton-root": {
+                  px: 0,
+                  ":hover": {
+                    bgcolor: "transparent"
+                  }
+                }
+              },
+              children: /* @__PURE__ */ e(Te, {})
+            }
+          )
+        ] }),
+        n.display_sms_edit_field_in_settings && /* @__PURE__ */ c(h, { sx: { flex: 1, pb: 14 }, children: [
+          /* @__PURE__ */ e(
+            U,
+            {
+              defaultValue: a.phone,
+              fullWidth: !0,
+              label: i.mobile_number,
+              name: "phone",
+              onChange: m
+            }
+          ),
+          y && /* @__PURE__ */ e(
+            W,
+            {
+              sx: {
+                height: 20,
+                ".MuiButton-root": {
+                  px: 0,
+                  ":hover": {
+                    bgcolor: "transparent"
+                  }
+                }
+              },
+              children: /* @__PURE__ */ e(De, {})
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ e(
+        j,
+        {
+          disabled: !o,
+          onClick: g,
+          sx: { width: 84 },
+          variant: "contained",
+          children: l.save_button
+        }
+      )
+    ] })
+  ] });
+}, Ie = C(Se), ut = C(
+  ({
+    notificationTypes: n = [b.Accounts, b.Budgets],
+    showPersonalDetails: t = !1,
+    view: s
+  }) => {
+    const { config: l } = q(), { settings: i } = k(), { isInitialized: r } = he(), { isAccountDataLoaded: a, loadAccountData: o } = J(), { clientCommunicationProfile: u, loadNotificationProfiles: d } = T(), p = xe(), [_, y] = f.useState(!1), [m, g] = f.useState(
+      void 0
+    );
+    if (n.length > 0 && p && n.push(b.Insights), Ce({
+      widgetName: "NotificationSettingsWidget",
+      isLoaded: _
+    }), f.useEffect(() => {
+      a || o().finally();
+    }, []), f.useEffect(() => {
+      r && d().finally(() => y(!0));
+    }, [r]), !r)
+      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: w,
+      push_notifications_enabled: M
+    } = u, G = I || w || M;
+    if (s === "accounts")
+      return /* @__PURE__ */ e(z, {});
+    if (s === "budgets")
+      return /* @__PURE__ */ e($, {});
+    if (s === "insights")
+      return /* @__PURE__ */ e(H, {});
+    const Y = l.display_email_edit_field_in_settings || l.display_sms_edit_field_in_settings, Z = t && 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(Ae, {}),
+          /* @__PURE__ */ e(v, { sx: { my: 24 } })
+        ] }),
+        /* @__PURE__ */ e(F, { sx: { mb: 4 }, children: i.notification_types_title })
+      ] }),
+      /* @__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(A, {})
+        ] }) }),
+        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(A, {})
+        ] }) }),
+        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(A, {})
+        ] }) })
+      ] }),
+      Z && /* @__PURE__ */ e(h, { sx: { px: 24 }, children: /* @__PURE__ */ e(Ie, {}) }),
+      /* @__PURE__ */ e(
+        K,
+        {
+          isOpen: !!m,
+          onClose: () => g(void 0),
+          title: P,
+          children: /* @__PURE__ */ c(h, { children: [
+            m === b.Accounts && /* @__PURE__ */ e(z, {}),
+            m === b.Budgets && /* @__PURE__ */ e($, {}),
+            m === b.Insights && /* @__PURE__ */ e(H, {})
+          ] })
+        }
+      )
+    ] });
+  }
+);
+export {
+  z as A,
+  $ as B,
+  H as I,
+  ut as N,
+  Te as V,
+  De as a
+};
+//# sourceMappingURL=NotificationSettings-CW7okUrk.mjs.map