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

package/dist/NotificationSettings-ClJT-Sg3.mjs

@@ -1,664 +0,0 @@
-import { jsxs as c, jsx as e, Fragment as M } from "react/jsx-runtime";
-import f from "react";
-import { observer as x } from "mobx-react-lite";
-import v from "@mui/material/Divider";
-import E from "@mui/material/List";
-import N from "@mui/material/ListItem";
-import O from "@mui/material/ListItemText";
-import V from "@mui/material/ListItemButton";
-import h from "@mui/material/Stack";
-import { ChevronRight as k, ExpandMore as K, Star as Q } from "@mxenabled/mx-icons";
-import { Text as b, InstitutionLogo as Y, H3 as U } from "@mxenabled/mxui";
-import { endOfMonth as Z } from "date-fns/endOfMonth";
-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 C } from "./Notification-ByMBpJ5u.mjs";
-import { u as D, r as T, o as w, c as se, e as ae, m as W, a as ce } from "./hooks-DkUqN6JE.mjs";
-import { b as le } from "./Localization-2MODESHW.mjs";
-import { b as re, f as de } from "./NumberFormatting-CtWHhyBX.mjs";
-import { a as B } from "./Dialog-CWW597AF.mjs";
-import { C as me } from "./CurrencyInput-bEx2Mbd0.mjs";
-import { u as 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 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 X from "@mui/material/styles/useTheme";
-import { L as ge } from "./Loader-DUaFpDGv.mjs";
-const ye = x(() => {
-  const { common: n, settings: t } = D(), { sendEmailVerification: o } = T(), { user: l } = w(), i = X(), [r, a] = f.useState(!1), s = () => {
-    a(!1);
-  }, d = () => {
-    a(!0);
-  };
-  return /* @__PURE__ */ c(f.Fragment, { children: [
-    /* @__PURE__ */ c(R, { onClick: d, sx: { height: "auto", p: 4, width: "fit-content" }, children: [
-      /* @__PURE__ */ e(b, { variant: "Small", children: t.verify_email }),
-      /* @__PURE__ */ e(k, {})
-    ] }),
-    /* @__PURE__ */ e(
-      B,
-      {
-        copy: { title: "" },
-        isOpen: r,
-        onClose: s,
-        onPrimaryAction: o,
-        onSecondaryAction: s,
-        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(b, { bold: !0, truncate: !1, variant: "Body", children: t.confirm_your_email }),
-          /* @__PURE__ */ e(b, { truncate: !1, variant: "Small", children: t.confirm_email }),
-          /* @__PURE__ */ e(
-            b,
-            {
-              sx: {
-                border: `1px solid ${i.palette.border.light}`,
-                borderRadius: "4px",
-                p: "16px 32px"
-              },
-              variant: "H3",
-              children: l.email
-            }
-          ),
-          /* @__PURE__ */ e(b, { truncate: !1, variant: "Small", children: t.verification_notice_email })
-        ] })
-      }
-    )
-  ] });
-}), be = x(
-  ({ handleClose: n, handleVerify: t, isOpen: o }) => {
-    const { common: l, settings: i } = D(), [r, a] = f.useState("");
-    return /* @__PURE__ */ e(
-      B,
-      {
-        copy: { title: i.enter_verification_code },
-        isOpen: o,
-        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(L, { onChange: (s) => a(s.target.value), sx: { width: 352 }, value: r }) })
-      }
-    );
-  }
-), xe = x(() => {
-  const { common: n, settings: t } = D(), { sendPhoneVerification: o, verifyPhoneToken: l } = T(), { user: i } = w(), r = X(), [a, s] = f.useState(!1), [d, m] = f.useState(!1), _ = () => {
-    s(!1);
-  }, u = () => {
-    s(!0);
-  }, g = () => {
-    o().finally(() => {
-      m(!0);
-    });
-  }, p = (y) => {
-    l(y).finally(() => {
-      m(!1);
-    });
-  };
-  return /* @__PURE__ */ c(f.Fragment, { children: [
-    /* @__PURE__ */ c(R, { onClick: u, sx: { height: "auto", p: 4, width: "fit-content" }, children: [
-      /* @__PURE__ */ e(b, { variant: "Small", children: t.verify_phone }),
-      /* @__PURE__ */ e(k, {})
-    ] }),
-    /* @__PURE__ */ e(
-      B,
-      {
-        copy: { title: "" },
-        isOpen: a,
-        onClose: _,
-        onPrimaryAction: g,
-        onSecondaryAction: _,
-        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(b, { bold: !0, truncate: !1, variant: "Body", children: t.confirm_your_phone }),
-          /* @__PURE__ */ e(b, { truncate: !1, variant: "Small", children: t.confirm_phone }),
-          /* @__PURE__ */ e(
-            b,
-            {
-              sx: {
-                border: `1px solid ${r.palette.border.light}`,
-                borderRadius: "4px",
-                p: "16px 32px"
-              },
-              variant: "H3",
-              children: i.phone
-            }
-          ),
-          /* @__PURE__ */ e(b, { truncate: !1, variant: "Small", children: t.verification_notice_phone })
-        ] })
-      }
-    ),
-    /* @__PURE__ */ e(
-      be,
-      {
-        handleClose: () => m(!1),
-        handleVerify: p,
-        isOpen: d
-      }
-    )
-  ] });
-}), Ce = x(
-  ({ onProfileUpdated: n, profile: t }) => {
-    const { common: o, recurring: l, settings: i } = D(), { updateAccount: r } = se(), a = t.notification_type === oe.DebtPaymentReminder, [s, d] = f.useState(!1), [m, _] = f.useState(t.threshold || 0), [u, g] = f.useState(
-      t.account?.day_payment_is_due || 0
-    ), p = t.account?.name || t.account?.feed_name || "", y = t.account?.day_payment_is_due ? le(
-      i.notification_debt_payment_date,
-      re(t.account?.day_payment_is_due)
-    ) : i.notification_debt_payment_zero_state, S = a ? y : de(t.threshold ?? 0, "0,0"), A = async () => {
-      a && t.account ? await r({ ...t.account, day_payment_is_due: u }) : n({ ...t, threshold: m });
-    };
-    return /* @__PURE__ */ c(h, { children: [
-      /* @__PURE__ */ e(
-        F,
-        {
-          avatar: t.account?.institution_guid ? /* @__PURE__ */ e(
-            Y,
-            {
-              alt: t.label,
-              institutionGuid: t.account?.institution_guid
-            }
-          ) : void 0,
-          endIcon: /* @__PURE__ */ e(k, {}),
-          isChecked: t.is_enabled,
-          isPrimaryTextBold: !0,
-          onClick: () => d(!0),
-          onToggle: () => n({
-            ...t,
-            is_enabled: !t.is_enabled
-          }),
-          primaryText: p,
-          secondaryText: S
-        }
-      ),
-      /* @__PURE__ */ e(
-        B,
-        {
-          copy: {
-            title: a ? l.day_of_the_month : i.notification_threshold_label,
-            close_aria: o.close_aria
-          },
-          disablePrimaryButton: a && u === 0,
-          isOpen: s,
-          onClose: () => d(!1),
-          onPrimaryAction: A,
-          primaryText: o.save_button,
-          children: a ? /* @__PURE__ */ e(ne, { dateAdapter: ie, children: /* @__PURE__ */ e(
-            te,
-            {
-              maxDate: Z(/* @__PURE__ */ new Date()),
-              minDate: ee(/* @__PURE__ */ new Date()),
-              onChange: (I) => {
-                g(I.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(
-            me,
-            {
-              amount: m,
-              autoFocus: !0,
-              fullWidth: !0,
-              minAmount: 0,
-              setAmount: (I) => _(Number(I) || 0),
-              sx: { ".MuiTypography-Body": { p: 0 } }
-            }
-          )
-        }
-      )
-    ] });
-  }
-), ve = x(
-  ({ onUpdateProfile: n, profile: t }) => {
-    const { settings: o } = D(), { user: l } = w(), { clientCommunicationProfile: i, userCommunicationsProfile: r } = T(), { isMobile: a } = he(), s = t.notification_type > 2, {
-      opted_out_of_email_notifications: d,
-      opted_out_of_push_notifications: m,
-      opted_out_of_sms_notifications: _
-    } = r, {
-      email_notifications_enabled: u,
-      push_notifications_enabled: g,
-      sms_notifications_enabled: p
-    } = i;
-    return /* @__PURE__ */ c(h, { children: [
-      (u || p || g) && /* @__PURE__ */ c(M, { children: [
-        /* @__PURE__ */ e(b, { bold: !0, sx: { mb: 4, ml: 24, mt: 12 }, variant: "caption", children: o.delivery_method_title }),
-        /* @__PURE__ */ c(E, { sx: { bgcolor: "background.paper" }, children: [
-          u && /* @__PURE__ */ e(h, { sx: { pl: 24 }, children: /* @__PURE__ */ e(
-            P,
-            {
-              isChecked: !d && t.email_channel && !!l.email,
-              isDisabled: d || !l.email,
-              onToggle: () => n({ ...t, email_channel: !t.email_channel }),
-              primaryText: o.delivery_method_email_label,
-              secondaryText: d || !t.email_channel || !l.email ? o.notification_disabled : o.notification_enabled,
-              useExtraPadding: !1
-            }
-          ) }),
-          u && (p || g) && /* @__PURE__ */ e(v, { sx: { ml: a ? 0 : 24 } }),
-          p && /* @__PURE__ */ e(h, { sx: { pl: 24 }, children: /* @__PURE__ */ e(
-            P,
-            {
-              isChecked: !_ && t.sms_channel && !!l.phone,
-              isDisabled: _ || !l.phone,
-              onToggle: () => n({ ...t, sms_channel: !t.sms_channel }),
-              primaryText: `${o.delivery_method_sms_label}`,
-              secondaryText: _ || !t.sms_channel || !l.phone ? o.notification_disabled : o.notification_enabled,
-              useExtraPadding: !1
-            }
-          ) }),
-          p && g && /* @__PURE__ */ e(v, { sx: { ml: a ? 0 : 24 } }),
-          g && /* @__PURE__ */ e(h, { sx: { pl: 24 }, children: /* @__PURE__ */ e(
-            P,
-            {
-              isChecked: !m && t.push_channel,
-              isDisabled: m,
-              onToggle: () => n({ ...t, push_channel: !t.push_channel }),
-              primaryText: o.delivery_method_push_label,
-              secondaryText: o.delivery_method_push_subtitle,
-              useExtraPadding: !1
-            }
-          ) }),
-          /* @__PURE__ */ e(v, {})
-        ] })
-      ] }),
-      s && !!t.children?.length && /* @__PURE__ */ c(h, { children: [
-        /* @__PURE__ */ e(b, { bold: !0, sx: { mb: 4, ml: 24, mt: 12 }, variant: "caption", children: o.accounts_threshold_title }),
-        /* @__PURE__ */ e(E, { sx: { bgcolor: "background.paper" }, children: t.children?.map((y) => /* @__PURE__ */ e(
-          Ce,
-          {
-            onProfileUpdated: n,
-            profile: y
-          },
-          y.guid
-        )) })
-      ] })
-    ] });
-  }
-), H = x(() => {
-  const { accountProfiles: n, updateNotificationProfile: t } = T(), [o, l] = f.useState(""), i = f.useMemo(
-    () => n.find((s) => s.guid === o),
-    [n, o]
-  ), r = async (s) => {
-    await t({
-      ...s,
-      is_enabled: !s.is_enabled
-    });
-  }, a = async (s) => {
-    await t(s);
-  };
-  return /* @__PURE__ */ c(h, { sx: { backgroundColor: "background.paper" }, children: [
-    n.filter((s) => s.children && s.children.length > 0).map((s) => /* @__PURE__ */ e(
-      F,
-      {
-        endIcon: /* @__PURE__ */ e(k, {}),
-        isChecked: s.is_enabled,
-        isDisabled: !s.is_enabled,
-        onClick: () => l(s.guid),
-        onToggle: () => r(s),
-        primaryText: s.label,
-        secondaryText: s.is_enabled ? s.deliveryMethodsLabel : void 0
-      },
-      s.guid
-    )),
-    /* @__PURE__ */ e(
-      J,
-      {
-        isOpen: !!i,
-        onClose: () => l(""),
-        title: i ? i.label : "",
-        children: i && /* @__PURE__ */ e(
-          ve,
-          {
-            onUpdateProfile: a,
-            profile: i
-          }
-        )
-      }
-    )
-  ] });
-}), q = x(({ profile: n }) => {
-  const { settings: t } = D(), {
-    clientCommunicationProfile: {
-      email_notifications_enabled: o,
-      push_notifications_enabled: l,
-      sms_notifications_enabled: i
-    },
-    updateNotificationProfile: r,
-    userCommunicationsProfile: {
-      opted_out_of_email_notifications: a,
-      opted_out_of_push_notifications: s,
-      opted_out_of_sms_notifications: d
-    }
-  } = T(), { user: m } = w(), [_, u] = f.useState(!1), g = async () => {
-    await p({ ...n, is_enabled: !n.is_enabled }), n.is_enabled && u(!1);
-  }, p = async (S) => {
-    await r(S);
-  }, y = o || i || l;
-  return /* @__PURE__ */ c(E, { sx: { bgcolor: "background.paper" }, children: [
-    /* @__PURE__ */ e(
-      F,
-      {
-        endIcon: y ? /* @__PURE__ */ e(
-          K,
-          {
-            sx: {
-              transition: "transform 0.3s ease-in-out",
-              transform: _ ? "rotate(180deg)" : "rotate(0deg)"
-            }
-          }
-        ) : void 0,
-        isChecked: n.is_enabled,
-        isDisabled: !n.is_enabled,
-        onClick: () => u(!_),
-        onToggle: () => g(),
-        primaryText: n.label,
-        secondaryText: n.is_enabled ? n.deliveryMethodsLabel : void 0
-      },
-      n.guid
-    ),
-    y && /* @__PURE__ */ e(_e, { in: _, children: /* @__PURE__ */ c(E, { sx: { bgcolor: "background.paper" }, children: [
-      o && /* @__PURE__ */ e(
-        P,
-        {
-          isChecked: !a && n.email_channel && !!m.email,
-          isDisabled: a || !m.email,
-          onToggle: () => p({
-            ...n,
-            email_channel: !n.email_channel
-          }),
-          primaryText: t.delivery_method_email_label
-        }
-      ),
-      o && (i || l) && /* @__PURE__ */ e(v, { sx: { ml: 48 } }),
-      i && /* @__PURE__ */ e(
-        P,
-        {
-          isChecked: !d && n.sms_channel && !!m.phone,
-          isDisabled: d || !m.phone,
-          onToggle: () => p({
-            ...n,
-            sms_channel: !n.sms_channel
-          }),
-          primaryText: t.delivery_method_sms_label
-        }
-      ),
-      i && l && /* @__PURE__ */ e(v, { sx: { ml: 48 } }),
-      l && /* @__PURE__ */ e(
-        P,
-        {
-          isChecked: !s && n.push_channel,
-          isDisabled: s,
-          onToggle: () => p({
-            ...n,
-            push_channel: !n.push_channel
-          }),
-          primaryText: t.delivery_method_push_label
-        }
-      )
-    ] }) }),
-    /* @__PURE__ */ e(v, {})
-  ] }, n.guid);
-}), z = x(() => {
-  const { budgetProfiles: n } = T();
-  return /* @__PURE__ */ e(h, { children: n.map((t) => /* @__PURE__ */ e(q, { profile: t }, t.guid)) });
-}), Te = x(() => {
-  const { onEvent: n } = ae(), { settings: t } = D(), {
-    clientCommunicationProfile: o,
-    updateUserCommunicationProfile: l,
-    userCommunicationsProfile: i
-  } = T(), { user: r } = w(), a = async (s, d) => {
-    const m = { ...i, [s]: d };
-    if (n) {
-      const u = s.split("_")[3];
-      d === !1 ? n("opt_in_notification_method", { notificationType: u }) : n("opt_out_notification_method", { notificationType: u });
-    }
-    await l(m);
-  };
-  return /* @__PURE__ */ c(h, { children: [
-    /* @__PURE__ */ e(U, { sx: { mt: 24 }, children: t.delivery_method_title }),
-    o.email_notifications_enabled && /* @__PURE__ */ c(M, { children: [
-      /* @__PURE__ */ e(
-        P,
-        {
-          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
-        }
-      ),
-      (o.sms_notifications_enabled || o.push_notifications_enabled) && /* @__PURE__ */ e(v, {})
-    ] }),
-    o.sms_notifications_enabled && /* @__PURE__ */ c(M, { children: [
-      /* @__PURE__ */ e(
-        P,
-        {
-          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
-        }
-      ),
-      o.push_notifications_enabled && /* @__PURE__ */ e(v, {})
-    ] }),
-    o.push_notifications_enabled && /* @__PURE__ */ e(
-      P,
-      {
-        isChecked: !i.opted_out_of_push_notifications,
-        isDisabled: !0,
-        onToggle: () => {
-        },
-        primaryText: t.delivery_method_push_title,
-        secondaryText: t.delivery_method_push_subtitle,
-        useExtraPadding: !1
-      }
-    ),
-    o.sms_notifications_enabled && /* @__PURE__ */ e(ue, { sx: { backgroundColor: "background.default", mt: 12 }, variant: "outlined", children: /* @__PURE__ */ e(pe, { children: /* @__PURE__ */ c(h, { alignItems: "flex-start", direction: "row", gap: 6, children: [
-      /* @__PURE__ */ e(Q, { color: "primary", filled: !0 }),
-      /* @__PURE__ */ e(b, { sx: { whiteSpace: "wrap" }, variant: "XSmall", children: t.delivery_method_sms_note_1 })
-    ] }) }) })
-  ] });
-}), $ = x(() => {
-  const { insightsProfiles: n } = T();
-  return /* @__PURE__ */ e(h, { children: n.map((t) => /* @__PURE__ */ e(q, { profile: t }, t.guid)) });
-}), Pe = () => {
-  const { config: n } = W(), [t, { width: o }] = fe(), { common: l, settings: i } = D(), { updateUser: r } = T(), { user: a } = w(), [s, d] = f.useState(!1), [m, _] = f.useState({
-    email: a.email,
-    phone: a.phone
-  }), u = m.email && !a.email_is_verified && !s, g = m.phone && !a.phone_is_verified && !s, p = (S) => {
-    const { name: A, value: I } = S.target, j = { ...m, [A]: I };
-    _(j), d(JSON.stringify({ ...a, ...j }) !== JSON.stringify(a));
-  }, y = async () => {
-    await r({ ...a, ...m }), d(!1);
-  };
-  return /* @__PURE__ */ c(h, { ref: t, children: [
-    /* @__PURE__ */ e(v, {}),
-    /* @__PURE__ */ c(h, { sx: { pt: 12 }, children: [
-      /* @__PURE__ */ e(U, { sx: { lineHeight: "20px", pb: 4, pt: 16 }, children: i.personal_details }),
-      /* @__PURE__ */ c(h, { sx: { flexDirection: o <= 768 ? "column" : "row", gap: 24, py: 16 }, children: [
-        n.display_email_edit_field_in_settings && /* @__PURE__ */ c(h, { sx: { flex: 1, pb: 14 }, children: [
-          /* @__PURE__ */ e(
-            L,
-            {
-              defaultValue: a.email,
-              fullWidth: !0,
-              label: i.email_address,
-              name: "email",
-              onChange: p
-            }
-          ),
-          u && /* @__PURE__ */ e(
-            G,
-            {
-              sx: {
-                height: 20,
-                ".MuiButton-root": {
-                  px: 0,
-                  ":hover": {
-                    bgcolor: "transparent"
-                  }
-                }
-              },
-              children: /* @__PURE__ */ e(ye, {})
-            }
-          )
-        ] }),
-        n.display_sms_edit_field_in_settings && /* @__PURE__ */ c(h, { sx: { flex: 1, pb: 14 }, children: [
-          /* @__PURE__ */ e(
-            L,
-            {
-              defaultValue: a.phone,
-              fullWidth: !0,
-              label: i.mobile_number,
-              name: "phone",
-              onChange: p
-            }
-          ),
-          g && /* @__PURE__ */ e(
-            G,
-            {
-              sx: {
-                height: 20,
-                ".MuiButton-root": {
-                  px: 0,
-                  ":hover": {
-                    bgcolor: "transparent"
-                  }
-                }
-              },
-              children: /* @__PURE__ */ e(xe, {})
-            }
-          )
-        ] })
-      ] }),
-      /* @__PURE__ */ e(
-        R,
-        {
-          disabled: !s,
-          onClick: y,
-          sx: { width: 84 },
-          variant: "contained",
-          children: l.save_button
-        }
-      )
-    ] })
-  ] });
-}, De = x(Pe), st = x(
-  ({ notificationTypes: n = [], showPersonalDetails: t = !1, view: o }) => {
-    const { config: l } = W(), { settings: i } = D(), { isInitialized: r } = ce(), { clientCommunicationProfile: a, loadNotificationProfiles: s } = T(), [d, m] = f.useState(
-      void 0
-    );
-    if (console.log("view from NotificationSettings component", o, typeof o), f.useEffect(() => {
-      r && s().finally();
-    }, [r]), !r)
-      return /* @__PURE__ */ e(ge, {});
-    let _ = i.manage_account_notifications;
-    d === C.Budgets ? _ = i.manage_budget_notifications : d === C.Insights && (_ = i.manage_insights_notifications);
-    const {
-      email_notifications_enabled: u,
-      sms_notifications_enabled: g,
-      push_notifications_enabled: p
-    } = a, y = u || g || p;
-    if (o === "accounts")
-      return /* @__PURE__ */ e(H, {});
-    if (o === "budgets")
-      return /* @__PURE__ */ e(z, {});
-    if (o === "insights")
-      return console.log("view is insights"), /* @__PURE__ */ e($, {});
-    const S = l.display_email_edit_field_in_settings || l.display_sms_edit_field_in_settings, A = t && a.can_edit_contact_info && S;
-    return /* @__PURE__ */ c(h, { sx: { pt: y ? 0 : 24 }, children: [
-      /* @__PURE__ */ c(h, { sx: { px: 24 }, children: [
-        y && /* @__PURE__ */ c(M, { children: [
-          /* @__PURE__ */ e(Te, {}),
-          /* @__PURE__ */ e(v, { sx: { my: 24 } })
-        ] }),
-        /* @__PURE__ */ e(U, { sx: { mb: 4 }, children: i.notification_types_title })
-      ] }),
-      /* @__PURE__ */ c(E, { children: [
-        n.includes(C.Accounts) && /* @__PURE__ */ e(N, { children: /* @__PURE__ */ c(V, { onClick: () => m(C.Accounts), children: [
-          /* @__PURE__ */ e(O, { primary: i.accounts_title, secondary: i.accounts_subtitle }),
-          /* @__PURE__ */ e(k, {})
-        ] }) }),
-        n.includes(C.Budgets) && /* @__PURE__ */ e(N, { children: /* @__PURE__ */ c(V, { onClick: () => m(C.Budgets), children: [
-          /* @__PURE__ */ e(O, { primary: i.budgets_title, secondary: i.budgets_subtitle }),
-          /* @__PURE__ */ e(k, {})
-        ] }) }),
-        n.includes(C.Insights) && /* @__PURE__ */ e(N, { children: /* @__PURE__ */ c(V, { onClick: () => m(C.Insights), children: [
-          /* @__PURE__ */ e(O, { primary: i.insights_title, secondary: i.insights_subtitle }),
-          /* @__PURE__ */ e(k, {})
-        ] }) })
-      ] }),
-      A && /* @__PURE__ */ e(h, { sx: { px: 24 }, children: /* @__PURE__ */ e(De, {}) }),
-      /* @__PURE__ */ e(
-        J,
-        {
-          isOpen: !!d,
-          onClose: () => m(void 0),
-          title: _,
-          children: /* @__PURE__ */ c(h, { children: [
-            d === C.Accounts && /* @__PURE__ */ e(H, {}),
-            d === C.Budgets && /* @__PURE__ */ e(z, {}),
-            d === C.Insights && /* @__PURE__ */ e($, {})
-          ] })
-        }
-      )
-    ] });
-  }
-);
-export {
-  H as A,
-  z as B,
-  $ as I,
-  st as N,
-  ye as V,
-  xe as a
-};