@wssto2/vue-core 0.4.28 → 0.5.0

package/dist/SettingsPage-V8WeADZZ.js

@@ -0,0 +1,632 @@
+import { defineComponent as B, ref as L, useTemplateRef as te, openBlock as o, createElementBlock as b, createVNode as u, unref as e, withCtx as _, Fragment as q, renderList as M, createElementVNode as O, createTextVNode as z, toDisplayString as w, createBlock as h, mergeProps as F, createCommentVNode as S, computed as D, watch as se, onMounted as ie, resolveDynamicComponent as ne } from "vue";
+import { useI18n as V } from "vue-i18n";
+import { useRouter as ae } from "vue-router";
+import { a as oe } from "./AdaptivePageShell.vue_vue_type_script_setup_true_lang-GUTIXuNd.js";
+import { t as C } from "./toast-CqSDTWRX.js";
+import { u as U } from "./fieldMessages-DTXpWnBd.js";
+import { _ as W } from "./AsyncSection.vue_vue_type_script_setup_true_lang-B0NfvG3B.js";
+import { n as T, u as le, a as re } from "./index-g-qbUeTk.js";
+import { _ as H } from "./SectionIntro.vue_vue_type_script_setup_true_lang-CZtPrmXD.js";
+import { _ as j } from "./Button.vue_vue_type_script_setup_true_lang-CL9Qh5yq.js";
+import { _ as ce } from "./IconTile.vue_vue_type_script_setup_true_lang-_FXvaj93.js";
+import { u as ue } from "./format-D8X4zsx6.js";
+import { _ as R } from "./FormGroup.vue_vue_type_script_setup_true_lang-BPchlRCl.js";
+import { g as x } from "./options-g8RwEhBk.js";
+import { _ as de } from "./TextField.vue_vue_type_script_setup_true_lang-DTAQPbW0.js";
+import { _ as fe } from "./AlertDialog.vue_vue_type_script_setup_true_lang-whA4WLdl.js";
+import { _ as me } from "./Menu.vue_vue_type_script_setup_true_lang-DsFOeCVe.js";
+import { _ as pe } from "./MenuButton.vue_vue_type_script_setup_true_lang-AGbN9r5q.js";
+import { _ as E } from "./Badge.vue_vue_type_script_setup_true_lang-DJyZc0C7.js";
+import { _ as I } from "./ActionRow.vue_vue_type_script_setup_true_lang-BCgKzUvG.js";
+import { u as X } from "./platform-Dl1fbScN.js";
+import { u as Y } from "./useLoad-W4tfxmm5.js";
+import { _ as ee } from "./SwitchField.vue_vue_type_script_setup_true_lang-D_-HACqT.js";
+import { _ as _e } from "./Icon.vue_vue_type_script_lang-D7oC-d-S.js";
+import { u as ve } from "./FormErrors.vue_vue_type_script_setup_true_lang-D7edzNTL.js";
+import { _ as ge } from "./FormView.vue_vue_type_script_setup_true_lang-CPSYV7iQ.js";
+import { _ as A } from "./TimeField.vue_vue_type_script_setup_true_lang-Cz7KhUqt.js";
+import { a as K, n as be } from "./useTypedEntry-C7k7Dyl-.js";
+const he = {
+  class: "flex min-w-0 flex-col gap-group-gap",
+  "data-notification-devices": ""
+}, ye = { class: "flex justify-end gap-2 p-3" }, $e = { class: "flex flex-col gap-0.5" }, ke = { key: 0 }, we = {
+  key: 0,
+  class: "mt-1 flex flex-wrap gap-1"
+}, xe = /* @__PURE__ */ B({
+  __name: "DevicesSection",
+  props: {
+    devices: {},
+    hash: {}
+  },
+  setup(a) {
+    const i = a, { t } = V(), d = ue(), s = U(), l = L(null), r = L(""), m = L(!1), v = L(null), c = te("dialog"), n = L(null);
+    function f(g) {
+      l.value = g.id, r.value = g.label;
+    }
+    async function p() {
+      const g = r.value.trim();
+      if (!(l.value === null || !g)) {
+        m.value = !0;
+        try {
+          await i.devices.rename(l.value, g), l.value = null;
+        } catch ($) {
+          C.error(s.sentence($, t("core.notifications.settings.devices.rename_error")));
+        } finally {
+          m.value = !1;
+        }
+      }
+    }
+    async function k(g) {
+      v.value = g.id;
+      try {
+        await i.devices.test(g.id), C.success(t("core.notifications.settings.devices.test_sent"));
+      } catch ($) {
+        C.error(s.sentence($, t("core.notifications.settings.devices.test_error")));
+      } finally {
+        v.value = null;
+      }
+    }
+    const P = (g) => [
+      { id: "rename", label: t("core.notifications.settings.devices.rename"), icon: "edit", onSelect: () => f(g) },
+      { id: "test", label: t("core.notifications.settings.devices.test"), icon: "notification3Line", disabled: !g.active, processing: v.value === g.id, onSelect: () => void k(g) },
+      { id: "remove", label: t("core.notifications.settings.devices.remove"), icon: "deleteBin2Line", tone: "critical", onSelect: () => {
+        n.value = g, c.value?.present(g);
+      } }
+    ];
+    async function Z(g) {
+      try {
+        await i.devices.remove(g.id);
+      } catch ($) {
+        C.error(s.sentence($, t("core.notifications.settings.devices.remove_error")));
+      }
+    }
+    return (g, $) => (o(), b("section", he, [
+      u(H, {
+        title: e(t)("core.notifications.settings.devices.title"),
+        description: e(t)("core.notifications.settings.devices.description")
+      }, null, 8, ["title", "description"]),
+      u(e(W), {
+        state: i.devices.loaded.state.value,
+        "skeleton-rows": 2,
+        "empty-title": e(t)("core.notifications.settings.devices.empty"),
+        "empty-icon": "deviceLine",
+        onRetry: $[2] || ($[2] = (y) => i.devices.loaded.reload())
+      }, {
+        default: _(() => [
+          u(e(R), null, {
+            default: _(() => [
+              (o(!0), b(q, null, M(i.devices.list.value, (y) => (o(), b(q, {
+                key: y.id
+              }, [
+                l.value === y.id ? (o(), b(q, { key: 0 }, [
+                  u(e(de), {
+                    modelValue: r.value,
+                    "onUpdate:modelValue": $[0] || ($[0] = (N) => r.value = N),
+                    label: e(t)("core.notifications.settings.devices.label"),
+                    "max-length": 100,
+                    "data-device": y.id
+                  }, null, 8, ["modelValue", "label", "data-device"]),
+                  O("div", ye, [
+                    u(e(j), {
+                      size: "sm",
+                      onClick: $[1] || ($[1] = (N) => l.value = null)
+                    }, {
+                      default: _(() => [
+                        z(w(e(t)("core.actions.cancel")), 1)
+                      ]),
+                      _: 1
+                    }),
+                    u(e(j), {
+                      prominence: "primary",
+                      size: "sm",
+                      processing: m.value,
+                      disabled: !r.value.trim(),
+                      "data-device-save": "",
+                      onClick: p
+                    }, {
+                      default: _(() => [
+                        z(w(e(t)("core.actions.save")), 1)
+                      ]),
+                      _: 1
+                    }, 8, ["processing", "disabled"])
+                  ])
+                ], 64)) : (o(), h(e(x), {
+                  key: 1,
+                  layout: "setting",
+                  label: y.label,
+                  "data-device": y.id
+                }, {
+                  leading: _(() => [
+                    u(e(ce), {
+                      tone: "anchor",
+                      icon: "deviceLine"
+                    })
+                  ]),
+                  sub: _(() => [
+                    O("span", $e, [
+                      O("span", null, w(e(t)("core.notifications.settings.devices.last_seen", { when: e(d).dateTime(y.last_seen_at) })), 1),
+                      y.last_success_at ? (o(), b("span", ke, w(e(t)("core.notifications.settings.devices.last_push", { when: e(d).dateTime(y.last_success_at) })), 1)) : S("", !0)
+                    ]),
+                    y.endpoint_hash === i.hash || !y.active ? (o(), b("span", we, [
+                      y.endpoint_hash === i.hash ? (o(), h(e(E), {
+                        key: 0,
+                        tone: "positive",
+                        dot: "",
+                        "data-device-current": ""
+                      }, {
+                        default: _(() => [
+                          z(w(e(t)("core.notifications.settings.devices.this_device")), 1)
+                        ]),
+                        _: 1
+                      })) : S("", !0),
+                      y.active ? S("", !0) : (o(), h(e(E), {
+                        key: 1,
+                        tone: "warning",
+                        "data-device-disabled": ""
+                      }, {
+                        default: _(() => [
+                          z(w(e(t)("core.notifications.settings.devices.disabled")), 1)
+                        ]),
+                        _: 1
+                      }))
+                    ])) : S("", !0)
+                  ]),
+                  trailing: _(() => [
+                    u(e(me), {
+                      items: P(y),
+                      label: e(t)("core.notifications.settings.devices.menu", { label: y.label })
+                    }, {
+                      trigger: _((N) => [
+                        u(e(pe), F({ ref_for: !0 }, N, {
+                          label: e(t)("core.notifications.settings.devices.menu", { label: y.label }),
+                          "data-device-menu": ""
+                        }), null, 16, ["label"])
+                      ]),
+                      _: 2
+                    }, 1032, ["items", "label"])
+                  ]),
+                  _: 2
+                }, 1032, ["label", "data-device"]))
+              ], 64))), 128))
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["state", "empty-title"]),
+      u(e(fe), {
+        ref_key: "dialog",
+        ref: c,
+        tone: "critical",
+        icon: "deleteBin2Line",
+        title: e(t)("core.notifications.settings.devices.remove_title"),
+        message: e(t)("core.notifications.settings.devices.remove_body", { label: n.value?.label ?? "" }),
+        "confirm-label": e(t)("core.notifications.settings.devices.remove"),
+        action: Z
+      }, null, 8, ["title", "message", "confirm-label"])
+    ]));
+  }
+}), qe = ["data-state"], Se = {
+  key: 0,
+  class: "h-14 animate-pulse rounded-xl bg-fill-strong motion-reduce:animate-none",
+  "aria-hidden": "true"
+}, Ce = /* @__PURE__ */ B({
+  __name: "ThisDeviceSection",
+  props: {
+    device: {}
+  },
+  emits: ["changed"],
+  setup(a, { emit: i }) {
+    const t = a, d = i, { t: s } = V();
+    async function l() {
+      try {
+        await t.device.enable() === "on" && C.success(s("core.notifications.settings.push.enabled_toast")), d("changed");
+      } catch {
+        C.error(s("core.notifications.settings.push.enable_error"));
+      }
+    }
+    async function r() {
+      try {
+        await t.device.disable();
+      } catch {
+        C.error(s("core.notifications.settings.push.disable_error"));
+      }
+      d("changed");
+    }
+    return (m, v) => (o(), b("section", {
+      class: "flex min-w-0 flex-col gap-group-gap",
+      "data-state": t.device.state.value,
+      "data-notification-this-device": ""
+    }, [
+      u(H, {
+        title: e(s)("core.notifications.settings.push.title"),
+        description: e(s)("core.notifications.settings.push.description")
+      }, null, 8, ["title", "description"]),
+      t.device.state.value === "loading" ? (o(), b("div", Se)) : t.device.state.value === "unsupported" ? (o(), h(e(R), { key: 1 }, {
+        default: _(() => [
+          u(e(x), {
+            layout: "setting",
+            label: e(s)("core.notifications.settings.push.unsupported")
+          }, null, 8, ["label"])
+        ]),
+        _: 1
+      })) : t.device.state.value === "ios-browser" ? (o(), h(e(R), {
+        key: 2,
+        header: e(s)("core.notifications.settings.push.ios_title")
+      }, {
+        default: _(() => [
+          u(e(x), {
+            layout: "setting",
+            label: `1. ${e(s)("core.notifications.settings.push.ios_step_share")}`
+          }, null, 8, ["label"]),
+          u(e(x), {
+            layout: "setting",
+            label: `2. ${e(s)("core.notifications.settings.push.ios_step_add")}`
+          }, null, 8, ["label"]),
+          u(e(x), {
+            layout: "setting",
+            label: `3. ${e(s)("core.notifications.settings.push.ios_step_open")}`
+          }, null, 8, ["label"])
+        ]),
+        _: 1
+      }, 8, ["header"])) : t.device.state.value === "denied" ? (o(), h(e(R), { key: 3 }, {
+        default: _(() => [
+          u(e(x), {
+            layout: "setting",
+            label: e(s)("core.notifications.settings.push.denied_title"),
+            sub: e(s)("core.notifications.settings.push.denied_help")
+          }, null, 8, ["label", "sub"])
+        ]),
+        _: 1
+      })) : (o(), h(e(R), { key: 4 }, {
+        default: _(() => [
+          u(e(x), {
+            layout: "setting",
+            label: e(s)("core.notifications.settings.push.row")
+          }, {
+            default: _(() => [
+              u(e(E), {
+                tone: t.device.state.value === "on" ? "positive" : "neutral",
+                dot: ""
+              }, {
+                default: _(() => [
+                  z(w(t.device.state.value === "on" ? e(s)("core.notifications.settings.push.on") : e(s)("core.notifications.settings.push.off")), 1)
+                ]),
+                _: 1
+              }, 8, ["tone"])
+            ]),
+            _: 1
+          }, 8, ["label"]),
+          t.device.state.value === "off" ? (o(), h(I, {
+            key: 0,
+            label: e(s)("core.notifications.settings.push.enable"),
+            disabled: t.device.busy.value,
+            "data-push-enable": "",
+            onClick: l
+          }, null, 8, ["label", "disabled"])) : (o(), h(I, {
+            key: 1,
+            label: e(s)("core.notifications.settings.push.disable"),
+            tone: "critical",
+            disabled: t.device.busy.value,
+            "data-push-disable": "",
+            onClick: r
+          }, null, 8, ["label", "disabled"]))
+        ]),
+        _: 1
+      }))
+    ], 8, qe));
+  }
+});
+function Te(a = X().http) {
+  const i = Y(async ({ signal: d }) => (await a.request(T.devices, void 0, { signal: d })).data.items), t = D(() => i.data.value ?? []);
+  return {
+    loaded: i,
+    list: t,
+    async rename(d, s) {
+      const { data: l } = await a.request(T.deviceRename, { id: d, label: s });
+      i.update(t.value.map((r) => r.id === d ? l : r));
+    },
+    async remove(d) {
+      i.update((await a.request(T.deviceRemove, { id: d })).data.items);
+    },
+    async test(d) {
+      i.update((await a.request(T.deviceTest, { id: d })).data.items);
+    }
+  };
+}
+function Re() {
+  const { t: a, te: i } = V();
+  return (t) => {
+    const d = `notifications.categories.${t}`, s = `${d}.description`;
+    return { label: i(`${d}.label`) ? a(`${d}.label`) : t, ...i(s) ? { description: a(s) } : {} };
+  };
+}
+const Le = {
+  class: "flex min-w-0 flex-col gap-group-gap",
+  "data-notification-channels": ""
+}, Ve = { class: "flex items-center gap-1.5 text-body text-content-muted" }, ze = ["data-channel"], Be = /* @__PURE__ */ B({
+  __name: "ChannelsSection",
+  props: {
+    preferences: {}
+  },
+  emits: ["change"],
+  setup(a, { emit: i }) {
+    const t = a, d = i, { t: s } = V(), l = Re(), r = D(() => [...t.preferences.email_available ? ["email"] : [], ...t.preferences.push_available ? ["push"] : []]);
+    return (m, v) => (o(), b("section", Le, [
+      u(H, {
+        title: e(s)("core.notifications.settings.channels.title"),
+        description: e(s)("core.notifications.settings.email.in_app"),
+        "data-in-app": ""
+      }, null, 8, ["title", "description"]),
+      r.value.length === 0 ? (o(), h(e(R), {
+        key: 0,
+        "data-email-unavailable": ""
+      }, {
+        default: _(() => [
+          u(e(x), {
+            layout: "setting",
+            label: e(s)("core.notifications.settings.email.unavailable")
+          }, null, 8, ["label"])
+        ]),
+        _: 1
+      })) : S("", !0),
+      (o(!0), b(q, null, M(r.value.length === 0 ? [] : t.preferences.categories, (c) => (o(), h(e(R), {
+        key: c.category,
+        header: e(l)(c.category).label,
+        footer: e(l)(c.category).description,
+        "data-category": c.category
+      }, {
+        default: _(() => [
+          (o(!0), b(q, null, M(r.value, (n) => (o(), b(q, { key: n }, [
+            c[n].source === "enforced" ? (o(), h(e(x), {
+              key: 0,
+              "data-channel": n,
+              layout: "setting",
+              label: e(s)(`core.notifications.settings.channels.${n}`),
+              sub: e(s)("core.notifications.settings.email.locked")
+            }, {
+              default: _(() => [
+                O("span", Ve, [
+                  u(e(_e), {
+                    name: "lockLine",
+                    size: 14
+                  }),
+                  z(w(c[n].enabled ? e(s)("core.form.yes") : e(s)("core.form.no")), 1)
+                ])
+              ]),
+              _: 2
+            }, 1032, ["data-channel", "label", "sub"])) : (o(), b("div", {
+              key: 1,
+              "data-channel": n
+            }, [
+              u(e(ee), {
+                "model-value": c[n].enabled,
+                label: e(s)(`core.notifications.settings.channels.${n}`),
+                "onUpdate:modelValue": (f) => d("change", c.category, n, f)
+              }, null, 8, ["model-value", "label", "onUpdate:modelValue"])
+            ], 8, ze))
+          ], 64))), 128))
+        ]),
+        _: 2
+      }, 1032, ["header", "footer", "data-category"]))), 128))
+    ]));
+  }
+});
+function Q(a, i) {
+  return { ...a, categories: a.categories.map((t) => t.category === i.category ? i : t) };
+}
+function De(a, i, t, d) {
+  const s = a.categories.find((l) => l.category === i);
+  return s ? Q(a, { ...s, [t]: { enabled: d, source: "person" } }) : a;
+}
+function G(a) {
+  return be(Math.floor(a / 60), a % 60) ?? "00:00";
+}
+function J(a) {
+  const i = K(a);
+  return i === null ? null : i.hour * 60 + i.minute;
+}
+const He = (a) => ({ enabled: a.enabled, start: G(a.start), end: G(a.end) }), Pe = {
+  class: "flex min-w-0 flex-col gap-group-gap",
+  "data-notification-quiet-hours": ""
+}, Ne = {
+  key: 0,
+  class: "px-row-inset text-footnote text-content-destructive",
+  role: "alert",
+  "data-quiet-failure": ""
+}, Oe = /* @__PURE__ */ B({
+  __name: "QuietHoursSection",
+  props: {
+    quietHours: {},
+    timeZone: {},
+    submit: { type: Function }
+  },
+  setup(a) {
+    const i = a, { t } = V(), d = {
+      safeParse(c) {
+        const n = c, f = J(n.start), p = J(n.end), k = [
+          ...f === null ? [{ path: ["start"], message: t("core.notifications.settings.quiet.required") }] : [],
+          ...p === null ? [{ path: ["end"], message: t("core.notifications.settings.quiet.required") }] : [],
+          ...f !== null && f === p ? [{ path: ["end"], message: t("core.notifications.settings.quiet.same") }] : []
+        ];
+        return k.length > 0 || f === null || p === null ? { success: !1, error: { issues: k } } : { success: !0, data: { enabled: n.enabled, start: f, end: p } };
+      }
+    }, s = ve({ ...U(), defaults: () => He(i.quietHours), validator: d }), l = D(() => {
+      const { enabled: c, start: n, end: f } = s.values, p = K(n), k = K(f);
+      if (!c) return t("core.notifications.settings.quiet.summary_off");
+      if (!p || !k || p.hour === k.hour && p.minute === k.minute) return "";
+      const P = ({ hour: g, minute: $ }) => `${String(g).padStart(2, "0")}:${String($).padStart(2, "0")}`, Z = i.timeZone && i.timeZone !== "Local";
+      return t(`core.notifications.settings.quiet.${Z ? "summary_on" : "summary_on_no_zone"}`, { start: P(p), end: P(k), zone: i.timeZone });
+    }), r = L("");
+    let m = !1;
+    async function v() {
+      if (!(m || !s.dirty.value)) {
+        m = !0;
+        try {
+          for (; s.dirty.value; ) {
+            const c = await s.submit((n) => i.submit(n));
+            if (c.status === "saved") r.value = "";
+            else if (c.status === "failed" && c.failure.error !== null)
+              r.value = c.failure.message, s.reset();
+            else break;
+          }
+        } finally {
+          m = !1;
+        }
+      }
+    }
+    return se(() => [s.values.enabled, s.values.start, s.values.end], v), (c, n) => (o(), b("section", Pe, [
+      u(H, {
+        title: e(t)("core.notifications.settings.quiet.title"),
+        description: e(t)("core.notifications.settings.quiet.description")
+      }, null, 8, ["title", "description"]),
+      u(e(ge), {
+        form: e(s),
+        onSubmit: v
+      }, {
+        default: _(() => [
+          u(e(R), {
+            footer: l.value,
+            "data-quiet-summary": ""
+          }, {
+            default: _(() => [
+              u(e(ee), F(e(s).bind("enabled"), {
+                label: e(t)("core.notifications.settings.quiet.enabled")
+              }), null, 16, ["label"]),
+              e(s).values.enabled ? (o(), b(q, { key: 0 }, [
+                u(e(A), F(e(s).bind("start"), {
+                  label: e(t)("core.notifications.settings.quiet.start")
+                }), null, 16, ["label"]),
+                u(e(A), F(e(s).bind("end"), {
+                  label: e(t)("core.notifications.settings.quiet.end")
+                }), null, 16, ["label"])
+              ], 64)) : S("", !0)
+            ]),
+            _: 1
+          }, 8, ["footer"])
+        ]),
+        _: 1
+      }, 8, ["form"]),
+      r.value ? (o(), b("p", Ne, w(r.value), 1)) : S("", !0)
+    ]));
+  }
+}), Fe = { class: "flex flex-col gap-10" }, Me = ["data-settings-section"], Ze = /* @__PURE__ */ B({
+  __name: "SettingsBody",
+  props: {
+    preferences: {},
+    settings: {}
+  },
+  emits: ["change"],
+  setup(a, { emit: i }) {
+    const t = a, d = i, { t: s } = V(), l = le(), r = l.push && t.preferences.push_available, m = r ? re() : null, v = r ? Te() : null;
+    ie(() => void m?.inspect());
+    const c = D(
+      () => [
+        { id: "channels", order: 0 },
+        ...t.preferences.email_available || r ? [{ id: "quiet", order: 10 }] : [],
+        ...r ? [{ id: "device", order: 20 }, { id: "devices", order: 30 }] : [],
+        ...l.sections.filter((n) => n.visible?.(t.preferences) ?? !0).map((n, f) => ({ id: n.id, order: n.order ?? 100 + f, section: n }))
+      ].sort((n, f) => n.order - f.order)
+    );
+    return (n, f) => (o(), b("div", Fe, [
+      (o(!0), b(q, null, M(c.value, (p) => (o(), b(q, {
+        key: p.id
+      }, [
+        p.id === "channels" ? (o(), h(Be, {
+          key: 0,
+          preferences: t.preferences,
+          onChange: f[0] || (f[0] = (...k) => d("change", ...k))
+        }, null, 8, ["preferences"])) : p.id === "quiet" ? (o(), h(Oe, {
+          key: 1,
+          "quiet-hours": t.preferences.quiet_hours,
+          "time-zone": t.preferences.time_zone,
+          submit: t.settings.saveQuietHours
+        }, null, 8, ["quiet-hours", "time-zone", "submit"])) : p.id === "device" && e(m) ? (o(), h(Ce, {
+          key: 2,
+          device: e(m),
+          onChanged: f[1] || (f[1] = (k) => e(v)?.loaded.reload())
+        }, null, 8, ["device"])) : p.id === "devices" && e(v) ? (o(), h(xe, {
+          key: 3,
+          devices: e(v),
+          hash: e(m)?.hash.value ?? null
+        }, null, 8, ["devices", "hash"])) : "section" in p ? (o(), b("section", {
+          key: 4,
+          class: "flex min-w-0 flex-col gap-group-gap",
+          "data-settings-section": p.id
+        }, [
+          u(H, {
+            title: e(s)(p.section.titleKey),
+            description: p.section.descriptionKey ? e(s)(p.section.descriptionKey) : void 0
+          }, null, 8, ["title", "description"]),
+          (o(), h(ne(p.section.component), {
+            preferences: t.preferences
+          }, null, 8, ["preferences"]))
+        ], 8, Me)) : S("", !0)
+      ], 64))), 128))
+    ]));
+  }
+});
+function Ee(a = X().http) {
+  const i = Y(async ({ signal: l }) => (await a.request(T.preferences, void 0, { signal: l })).data), t = L([]);
+  async function d(l, r, m) {
+    const v = i.data.value, c = v?.categories.find((n) => n.category === l);
+    if (!(!v || !c || t.value.includes(l))) {
+      i.update(De(v, l, r, m)), t.value = [...t.value, l];
+      try {
+        const { data: n } = r === "email" ? await a.request(T.preferencesSetEmail, { category: l, email: m }) : await a.request(T.preferencesSetPush, { category: l, push: m }), f = i.data.value;
+        f && i.update(Q(f, n));
+      } catch (n) {
+        const f = i.data.value;
+        throw f && i.update(Q(f, c)), n;
+      } finally {
+        t.value = t.value.filter((n) => n !== l);
+      }
+    }
+  }
+  async function s(l) {
+    const { data: r } = await a.request(T.quietHours, l), m = i.data.value;
+    return m && i.update({ ...m, quiet_hours: r }), r;
+  }
+  return { loaded: i, saving: t, setChannel: d, saveQuietHours: s };
+}
+const gt = /* @__PURE__ */ B({
+  __name: "SettingsPage",
+  setup(a) {
+    const { t: i } = V(), t = ae(), d = U(), s = Ee(), l = D(() => t.hasRoute("profile") ? { label: i("core.profile.menu"), to: { name: "profile" } } : void 0);
+    async function r(m, v, c) {
+      try {
+        await s.setChannel(m, v, c);
+      } catch (n) {
+        C.error(d.sentence(n, i("core.notifications.settings.email.save_failed")));
+      }
+    }
+    return (m, v) => (o(), h(e(oe), {
+      title: e(i)("core.notifications.settings.title"),
+      description: e(i)("core.notifications.settings.description"),
+      back: l.value,
+      width: "readable"
+    }, {
+      default: _(() => [
+        u(e(W), {
+          state: e(s).loaded.state.value,
+          "skeleton-rows": 6,
+          "is-empty": () => !1,
+          onRetry: v[0] || (v[0] = (c) => e(s).loaded.reload())
+        }, {
+          default: _(({ value: c }) => [
+            u(Ze, {
+              preferences: c,
+              settings: e(s),
+              onChange: r
+            }, null, 8, ["preferences", "settings"])
+          ]),
+          _: 1
+        }, 8, ["state"])
+      ]),
+      _: 1
+    }, 8, ["title", "description", "back"]));
+  }
+});
+export {
+  gt as default
+};

package/dist/{SignIn-COThB9XN.js → SignIn-C-3i8RG6.js}

@@ -3,15 +3,15 @@ import { useI18n as A } from "vue-i18n";
 import { _ as B } from "./Button.vue_vue_type_script_setup_true_lang-CL9Qh5yq.js";
 import { _ as V } from "./IconTile.vue_vue_type_script_setup_true_lang-_FXvaj93.js";
 import { u as D } from "./format-D8X4zsx6.js";
-import { _ as p } from "./FormGroup.vue_vue_type_script_setup_true_lang-DSwSRsA5.js";
-import { e as b } from "./control-B4SdblL6.js";
-import { u as U } from "./describeError-B-NMa--w.js";
-import { c as q, P as z, b as F, _ as L, i as O, d as T } from "./index-BhtJR4c_.js";
+import { _ as p } from "./FormGroup.vue_vue_type_script_setup_true_lang-BPchlRCl.js";
+import { g as b } from "./options-g8RwEhBk.js";
+import { u as U } from "./describeError-BqGAUZgX.js";
+import { c as q, P as z, b as F, _ as L, i as O, d as T } from "./index-kqk7Mclb.js";
 import { t as h } from "./toast-CqSDTWRX.js";
-import { u as j, h as G } from "./platform-PZpUkkMS.js";
-import { b as H } from "./routeResource-DlTsGTg_.js";
+import { u as j, h as G } from "./platform-Dl1fbScN.js";
+import { b as H } from "./routeResource-CcYA75T2.js";
 import { _ as J } from "./Badge.vue_vue_type_script_setup_true_lang-DJyZc0C7.js";
-import { _ as K } from "./ActionRow.vue_vue_type_script_setup_true_lang-QPvYudWc.js";
+import { _ as K } from "./ActionRow.vue_vue_type_script_setup_true_lang-BCgKzUvG.js";
 import { _ as M } from "./SectionIntro.vue_vue_type_script_setup_true_lang-CZtPrmXD.js";
 const Q = {
   key: 0,

package/dist/{SignInPage-CdzgSvRm.js → SignInPage-D2NA3VKU.js}

@@ -3,10 +3,10 @@ import { useI18n as x } from "vue-i18n";
 import { useRoute as y, useRouter as h } from "vue-router";
 import { _ as I } from "./Button.vue_vue_type_script_setup_true_lang-CL9Qh5yq.js";
 import { _ as N } from "./Panel.vue_vue_type_script_setup_true_lang-BA0u_DtS.js";
-import { _ as S } from "./FormView.vue_vue_type_script_setup_true_lang-BUrYkjmF.js";
-import { _ as a } from "./TextField.vue_vue_type_script_setup_true_lang-CP2WeU36.js";
-import { r as $ } from "./guards-BJZjc3FZ.js";
-import { u as C, a as E } from "./index-BhtJR4c_.js";
+import { _ as S } from "./FormView.vue_vue_type_script_setup_true_lang-CPSYV7iQ.js";
+import { _ as a } from "./TextField.vue_vue_type_script_setup_true_lang-DTAQPbW0.js";
+import { r as $ } from "./guards-DRh4zmxO.js";
+import { u as C, a as E } from "./index-kqk7Mclb.js";
 const V = { class: "flex flex-1 flex-col items-center justify-center gap-8" }, k = { class: "text-xl font-semibold text-content-strong" }, H = /* @__PURE__ */ d({
   __name: "SignInPage",
   setup(q) {