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

package/dist/NotificationSettings-BaG4tpPe.mjs

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

package/dist/{OriginalBalanceAction-DepsKiJz.mjs → OriginalBalanceAction-B--pIAF0.mjs}

@@ -2,10 +2,10 @@ import { jsx as o } from "react/jsx-runtime";
 import _ from "react";
 import { observer as p } from "mobx-react-lite";
 import v from "@mui/material/TextField";
-import { L as y } from "./ListItemAction-DNZZ5fSa.mjs";
-import { u as h, j as b } from "./hooks-DkUqN6JE.mjs";
+import { L as y } from "./ListItemAction-BgKx_n6d.mjs";
+import { u as h, k as b } from "./hooks-DlI63qSB.mjs";
 import { a as T, f as S } from "./NumberFormatting-CtWHhyBX.mjs";
-import { C as f } from "./CurrencyInput-bEx2Mbd0.mjs";
+import { C as f } from "./CurrencyInput-BkflFU_-.mjs";
 const F = p(({ goal: e }) => {
   const { goals: a } = h(), { setAlert: r, setSelectedGoal: l, updateGoal: m } = b(), [t, s] = _.useState(e.interest_rate ?? 0), c = !e.guid, i = t < 0, d = async () => {
     const n = { ...e, interest_rate: t };

package/dist/{RecurringSettings-Dj29piAQ.mjs → RecurringSettings-C9TjSuS_.mjs}

@@ -7,10 +7,10 @@ import R from "@mui/material/Tabs";
 import l from "@mui/material/Divider";
 import T from "@mui/material/List";
 import C from "@mui/material/Stack";
-import { R as x, A as S, a as E, M as A } from "./ManageIncome-DbsiKUoO.mjs";
-import { u as h, h as y, e as _ } from "./hooks-DkUqN6JE.mjs";
+import { R as x, A as S, a as E, M as A } from "./ManageIncome-CFh-N0KK.mjs";
+import { u as h, i as y, f as _ } from "./hooks-DlI63qSB.mjs";
 import { R as v, F as N } from "./RepeatingTransaction-BW4J-jeJ.mjs";
-import { A as d } from "./WidgetContainer-CdBs9WOZ.mjs";
+import { A as d } from "./WidgetContainer-Bn6JPnY3.mjs";
 const I = u(() => {
   const { recurring: r } = h(), { repeatingTransactions: s } = y(), { onEvent: o } = _(), a = (n) => {
     o(d.RECURRING_TRANSACTIONS_CLICK_EXPENSE, {