@wssto2/vue-core 0.3.0 → 0.4.0

package/dist/ProfilePage-OJMQ8cr8.js

@@ -1,691 +0,0 @@
-import { defineComponent as N, openBlock as v, createElementBlock as E, toDisplayString as _, unref as e, createCommentVNode as G, createBlock as C, withCtx as p, createTextVNode as P, createVNode as i, watch as X, mergeProps as R, useModel as fe, useId as me, useTemplateRef as J, ref as b, onMounted as ve, onBeforeUnmount as _e, computed as F, withModifiers as ge, createElementVNode as x, Fragment as oe, mergeModels as le } from "vue";
-import { useI18n as U } from "vue-i18n";
-import { a as ye } from "./AdaptivePageShell.vue_vue_type_script_setup_true_lang-CvAnzdc1.js";
-import { u as L } from "./platform-hunMqFdB.js";
-import { _ as Q } from "./AsyncSection.vue_vue_type_script_setup_true_lang-CCtthMRd.js";
-import { u as Y } from "./useLoad-CYRVx6HW.js";
-import { i as q, d as H } from "./index-BAcl44SC.js";
-import { u as Z } from "./FormErrors.vue_vue_type_script_setup_true_lang-DVgNBQ8p.js";
-import { _ as ee } from "./FormView.vue_vue_type_script_setup_true_lang-Bz2m3AtF.js";
-import { _ as D } from "./TextField.vue_vue_type_script_setup_true_lang-C_FMf3Vc.js";
-import { _ as O } from "./Panel.vue_vue_type_script_setup_true_lang-BCRxRK4D.js";
-import { t as S } from "./toast-D9Z5To38.js";
-import { u as W } from "./fieldMessages-C3Rpbktw.js";
-import { _ as A } from "./Button.vue_vue_type_script_setup_true_lang-CYil8h9z.js";
-import { a as re } from "./leaveGuard-Cc8yeLxM.js";
-import { _ as we } from "./KeyValue.vue_vue_type_script_setup_true_lang-wcZcvnow.js";
-import { u as ie } from "./format-B8mJm946.js";
-import { _ as be } from "./Banner.vue_vue_type_script_setup_true_lang-Cib_YYpr.js";
-import { a as K } from "./error-CD7x0Jrz.js";
-import { _ as xe } from "./Modal.vue_vue_type_script_setup_true_lang-D7SwVPpL.js";
-import { _ as he } from "./OtpInput.vue_vue_type_script_setup_true_lang-gp4FfWAH.js";
-import { _ as $e } from "./AlertDialog.vue_vue_type_script_setup_true_lang-CJsMUIUg.js";
-import { _ as ke } from "./SessionList.vue_vue_type_script_setup_true_lang-DUQpr7gb.js";
-import { _ as qe } from "./PageBar.vue_vue_type_script_setup_true_lang-Cfr5xsJx.js";
-import { _ as Ce } from "./SignInTable.vue_vue_type_script_setup_true_lang-Dnx3T_42.js";
-import { _ as Pe } from "./ViewTabs.vue_vue_type_script_setup_true_lang-ByqTU2JT.js";
-const Se = { class: "flex flex-wrap items-center justify-end gap-3" }, Ve = {
-  key: 0,
-  class: "mr-auto text-footnote text-content-muted",
-  "data-unsaved": ""
-}, ne = /* @__PURE__ */ N({
-  __name: "PanelActions",
-  props: {
-    label: {},
-    processing: { type: Boolean },
-    dirty: { type: Boolean }
-  },
-  emits: ["submit", "cancel"],
-  setup(h, { emit: r }) {
-    const u = h, t = r, { t: s } = U();
-    return re(() => u.dirty), (c, l) => (v(), E("div", Se, [
-      u.dirty ? (v(), E("span", Ve, _(e(s)("core.form.unsaved_changes")), 1)) : G("", !0),
-      u.dirty ? (v(), C(e(A), {
-        key: 1,
-        disabled: u.processing,
-        onClick: l[0] || (l[0] = (n) => t("cancel"))
-      }, {
-        default: p(() => [
-          P(_(e(s)("core.actions.cancel")), 1)
-        ]),
-        _: 1
-      }, 8, ["disabled"])) : G("", !0),
-      i(e(A), {
-        prominence: "primary",
-        processing: u.processing,
-        onClick: l[1] || (l[1] = (n) => t("submit"))
-      }, {
-        default: p(() => [
-          P(_(u.label), 1)
-        ]),
-        _: 1
-      }, 8, ["processing"])
-    ]));
-  }
-}), Ee = /* @__PURE__ */ N({
-  __name: "DetailsPanel",
-  props: {
-    profile: {}
-  },
-  emits: ["updated"],
-  setup(h, { emit: r }) {
-    const u = h, t = r, { t: s } = U(), { http: c } = L(), l = {
-      safeParse(o) {
-        const { name: d, phone: y } = o;
-        return d.trim() === "" ? { success: !1, error: { issues: [{ path: ["name"], message: s("core.account.validation.required") }] } } : { success: !0, data: { name: d, phone: y.trim() === "" ? void 0 : y } };
-      }
-    }, n = Z({ ...W(), defaults: () => ({ name: "", phone: "" }), validator: l });
-    X(() => u.profile, (o) => n.hydrate({ name: o.name, phone: o.phone }), { immediate: !0 });
-    async function a() {
-      const o = await n.submit(async (d) => (await c.request(q.profileUpdate, d)).data);
-      o.status === "saved" && (S.success(s("core.profile.details.saved")), t("updated", o.value));
-    }
-    return (o, d) => (v(), C(e(O), {
-      title: e(s)("core.profile.details.title"),
-      icon: "user3Line",
-      "data-profile-details": ""
-    }, {
-      footer: p(() => [
-        i(ne, {
-          label: e(s)("core.profile.details.submit"),
-          processing: e(n).submitting.value,
-          dirty: e(n).dirty.value,
-          onSubmit: a,
-          onCancel: d[0] || (d[0] = (y) => e(n).reset())
-        }, null, 8, ["label", "processing", "dirty"])
-      ]),
-      default: p(() => [
-        i(e(ee), {
-          form: e(n),
-          onSubmit: a
-        }, {
-          default: p(() => [
-            i(e(D), R(e(n).bind("name"), {
-              label: e(s)("core.users.fields.name"),
-              required: "",
-              autocomplete: "name"
-            }), null, 16, ["label"]),
-            i(e(D), R(e(n).bind("phone"), {
-              label: e(s)("core.users.fields.phone"),
-              type: "tel",
-              autocomplete: "tel"
-            }), null, 16, ["label"]),
-            i(e(D), {
-              "model-value": u.profile.login,
-              label: e(s)("core.users.fields.login"),
-              hint: e(s)("core.profile.details.login_hint"),
-              disabled: "",
-              mono: "",
-              "data-profile-login": ""
-            }, null, 8, ["model-value", "label", "hint"])
-          ]),
-          _: 1
-        }, 8, ["form"])
-      ]),
-      _: 1
-    }, 8, ["title"]));
-  }
-}), Ae = {
-  key: 0,
-  class: "max-w-sm text-body text-content-muted"
-}, Ne = ["id"], Ue = {
-  key: 2,
-  class: "mt-3 text-footnote text-content-muted",
-  "data-verify-expires": ""
-}, Be = { class: "mt-6 flex w-full flex-col gap-2" }, Re = /* @__PURE__ */ N({
-  __name: "VerifyCode",
-  props: /* @__PURE__ */ le({
-    description: { default: void 0 },
-    length: { default: 6 },
-    resendAvailableAt: { default: null },
-    expiresAt: { default: null },
-    error: { default: "" },
-    expired: { type: Boolean, default: !1 },
-    verifying: { type: Boolean, default: !1 },
-    resending: { type: Boolean, default: !1 }
-  }, {
-    modelValue: { default: "" },
-    modelModifiers: {}
-  }),
-  emits: /* @__PURE__ */ le(["verify", "resend", "cancel"], ["update:modelValue"]),
-  setup(h, { expose: r, emit: u }) {
-    const t = h, s = fe(h, "modelValue"), c = u, { t: l } = U(), n = ie(), a = me(), o = J("otp"), d = b(Date.now());
-    let y;
-    ve(() => y = setInterval(() => d.value = Date.now(), 1e3)), _e(() => clearInterval(y));
-    const g = F(() => {
-      const k = t.resendAvailableAt ? Date.parse(t.resendAvailableAt) : Number.NaN;
-      return Number.isNaN(k) ? 0 : Math.max(0, Math.ceil((k - d.value) / 1e3));
-    }), V = F(() => `${Math.floor(g.value / 60)}:${String(g.value % 60).padStart(2, "0")}`), w = F(() => t.expiresAt && !t.expired ? n.time(t.expiresAt) : ""), $ = F(() => s.value.length === t.length), j = F(() => t.verifying || t.resending);
-    function I(k = s.value) {
-      k.length === t.length && !j.value && !t.expired && c("verify", k);
-    }
-    function z() {
-      g.value === 0 && !j.value && c("resend");
-    }
-    return X(() => t.error, (k) => {
-      k && (s.value = "", o.value?.focus());
-    }), r({ focus: () => o.value?.focus() }), (k, B) => (v(), E("form", {
-      class: "flex flex-col items-center text-center",
-      "data-verify-code": "",
-      novalidate: "",
-      onSubmit: B[2] || (B[2] = ge((M) => I(), ["prevent"]))
-    }, [
-      t.description ? (v(), E("p", Ae, _(t.description), 1)) : G("", !0),
-      i(e(he), {
-        ref_key: "otp",
-        ref: o,
-        modelValue: s.value,
-        "onUpdate:modelValue": B[0] || (B[0] = (M) => s.value = M),
-        class: "mt-6",
-        length: t.length,
-        invalid: !!t.error,
-        disabled: t.expired || t.verifying,
-        "described-by": t.error ? e(a) : void 0,
-        autofocus: "",
-        onComplete: I
-      }, null, 8, ["modelValue", "length", "invalid", "disabled", "described-by"]),
-      t.error ? (v(), E("p", {
-        key: 1,
-        id: e(a),
-        role: "alert",
-        class: "mt-3 text-footnote text-content-destructive",
-        "data-verify-error": ""
-      }, _(t.error), 9, Ne)) : w.value ? (v(), E("p", Ue, _(e(l)("core.profile.email.valid_until", { time: w.value })), 1)) : G("", !0),
-      x("div", Be, [
-        t.expired ? G("", !0) : (v(), C(e(A), {
-          key: 0,
-          type: "submit",
-          prominence: "primary",
-          size: "lg",
-          class: "w-full justify-center",
-          disabled: !$.value || t.resending,
-          processing: t.verifying,
-          "data-verify-submit": ""
-        }, {
-          default: p(() => [
-            P(_(e(l)("core.profile.email.verify")), 1)
-          ]),
-          _: 1
-        }, 8, ["disabled", "processing"])),
-        i(e(A), {
-          prominence: t.expired ? "primary" : "standard",
-          size: "lg",
-          class: "w-full justify-center",
-          disabled: g.value > 0 || t.verifying,
-          processing: t.resending,
-          "data-verify-resend": "",
-          onClick: z
-        }, {
-          default: p(() => [
-            g.value > 0 ? (v(), E(oe, { key: 0 }, [
-              P(_(e(l)("core.profile.email.resend_in", { time: V.value })), 1)
-            ], 64)) : (v(), E(oe, { key: 1 }, [
-              P(_(t.expired ? e(l)("core.profile.email.request_new") : e(l)("core.profile.email.resend")), 1)
-            ], 64))
-          ]),
-          _: 1
-        }, 8, ["prominence", "disabled", "processing"]),
-        i(e(A), {
-          prominence: "link",
-          class: "mt-1 self-center",
-          disabled: t.verifying,
-          "data-verify-cancel": "",
-          onClick: B[1] || (B[1] = (M) => c("cancel"))
-        }, {
-          default: p(() => [
-            P(_(e(l)("core.profile.email.cancel_change")), 1)
-          ]),
-          _: 1
-        }, 8, ["disabled"])
-      ])
-    ], 32));
-  }
-}), De = { class: "text-body text-content-muted" }, Ie = {
-  key: 1,
-  class: "px-2 py-4 sm:px-6"
-}, Me = /* @__PURE__ */ N({
-  __name: "EmailChangeDialog",
-  emits: ["pending", "changed", "cancelled"],
-  setup(h, { expose: r, emit: u }) {
-    const t = u, { t: s } = U(), { http: c } = L(), l = W(), n = J("modal"), a = b("request"), o = b(null), d = b(!1), g = Z({ ...l, defaults: () => ({ email: "", password: "" }), validator: {
-      safeParse(f) {
-        const { email: m, password: T } = f, se = s("core.account.validation.required"), ae = [...m.trim() === "" ? [{ path: ["email"], message: se }] : [], ...T === "" ? [{ path: ["password"], message: se }] : []];
-        return ae.length > 0 ? { success: !1, error: { issues: ae } } : { success: !0, data: { email: m.trim(), current_password: T } };
-      }
-    }, serverField: (f) => f === "current_password" ? "password" : f }), { confirmDiscard: V } = re(() => d.value && a.value === "request" && g.dirty.value), w = b(""), $ = b(""), j = b(!1), I = b(!1), z = b(!1), k = b(!1), B = ["identity.code.expired", "identity.code.too_many_attempts", "identity.code.no_pending"];
-    function M() {
-      w.value = "", $.value = "", j.value = !1;
-    }
-    function ce(f) {
-      o.value = f, a.value = f ? "verify" : "request", g.hydrate({ email: "", password: "" }), M(), n.value?.present();
-    }
-    async function te() {
-      const f = await g.submit(async (m) => (await c.request(q.profileRequestEmail, m)).data);
-      f.status === "saved" && (o.value = f.value, M(), a.value = "verify", t("pending", f.value));
-    }
-    async function de(f) {
-      if (!I.value) {
-        I.value = !0, $.value = "";
-        try {
-          const m = (await c.request(q.profileConfirmEmail, { code: f })).data;
-          t("changed", m), S.success(s("core.profile.email.changed")), n.value?.dismiss();
-        } catch (m) {
-          if (H(m)) return;
-          if (K(m) && m.fields.email?.[0]) {
-            o.value = null, t("pending", null), a.value = "request", g.errors.set({ email: [l.translate(m.fields.email[0])] });
-            return;
-          }
-          j.value = K(m) && m.code !== null && B.includes(m.code), $.value = l.sentence(m, s("core.profile.email.verify_failed"));
-        } finally {
-          I.value = !1;
-        }
-      }
-    }
-    async function ue() {
-      if (!z.value) {
-        z.value = !0;
-        try {
-          o.value = (await c.request(q.profileResendEmail)).data, M(), t("pending", o.value), S.success(s("core.profile.email.code_sent", { email: o.value.email }));
-        } catch (f) {
-          if (H(f)) return;
-          if (K(f) && f.code === "identity.code.no_pending") {
-            o.value = null, t("pending", null), a.value = "request";
-            return;
-          }
-          $.value = l.sentence(f, s("core.profile.email.resend_failed"));
-        } finally {
-          z.value = !1;
-        }
-      }
-    }
-    async function pe() {
-      if (!k.value) {
-        k.value = !0;
-        try {
-          await c.request(q.profileCancelEmail), o.value = null, t("cancelled"), S.success(s("core.profile.email.cancelled")), n.value?.dismiss();
-        } catch (f) {
-          H(f) || S.error(l.sentence(f, s("core.profile.email.cancel_failed")));
-        } finally {
-          k.value = !1;
-        }
-      }
-    }
-    return r({ present: ce }), (f, m) => (v(), C(e(xe), {
-      ref_key: "modal",
-      ref: n,
-      size: "md",
-      title: a.value === "request" ? e(s)("core.profile.email.change_title") : e(s)("core.profile.email.verify_title"),
-      "primary-label": a.value === "request" ? e(s)("core.profile.email.send_code") : void 0,
-      "without-footer": a.value === "verify",
-      status: e(g).submitting.value ? "processing" : "idle",
-      "before-dismiss": e(V),
-      onPrimary: te,
-      onPresented: m[1] || (m[1] = (T) => d.value = !0),
-      onDismissed: m[2] || (m[2] = (T) => d.value = !1)
-    }, {
-      default: p(() => [
-        a.value === "request" ? (v(), C(e(ee), {
-          key: 0,
-          form: e(g),
-          onSubmit: te
-        }, {
-          default: p(() => [
-            x("p", De, _(e(s)("core.profile.email.request_hint")), 1),
-            i(e(D), R(e(g).bind("email"), {
-              label: e(s)("core.profile.email.new_email"),
-              type: "email",
-              required: "",
-              autocomplete: "email"
-            }), null, 16, ["label"]),
-            i(e(D), R(e(g).bind("password"), {
-              label: e(s)("core.profile.email.current_password"),
-              type: "password",
-              required: "",
-              autocomplete: "current-password"
-            }), null, 16, ["label"])
-          ]),
-          _: 1
-        }, 8, ["form"])) : (v(), E("div", Ie, [
-          i(Re, {
-            modelValue: w.value,
-            "onUpdate:modelValue": m[0] || (m[0] = (T) => w.value = T),
-            description: e(s)("core.profile.email.verify_description", { email: o.value?.email ?? "" }),
-            "resend-available-at": o.value?.resend_available_at ?? null,
-            "expires-at": o.value?.expires_at ?? null,
-            error: $.value,
-            expired: j.value,
-            verifying: I.value,
-            resending: z.value,
-            onVerify: de,
-            onResend: ue,
-            onCancel: pe
-          }, null, 8, ["modelValue", "description", "resend-available-at", "expires-at", "error", "expired", "verifying", "resending"])
-        ]))
-      ]),
-      _: 1
-    }, 8, ["title", "primary-label", "without-footer", "status", "before-dismiss"]));
-  }
-}), Fe = { class: "flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between" }, Le = { class: "text-footnote" }, je = { class: "mt-2 flex flex-wrap gap-2" }, ze = /* @__PURE__ */ N({
-  __name: "EmailPanel",
-  props: {
-    profile: {}
-  },
-  emits: ["updated"],
-  setup(h, { emit: r }) {
-    const u = h, t = r, { t: s } = U(), { http: c } = L(), l = ie(), n = W(), a = J("dialog"), o = b(!1), d = F(() => u.profile.pending_email), y = (V) => t("updated", { ...u.profile, pending_email: V });
-    async function g() {
-      if (!o.value) {
-        o.value = !0;
-        try {
-          await c.request(q.profileCancelEmail), S.success(s("core.profile.email.cancelled")), y(null);
-        } catch (V) {
-          H(V) || S.error(n.sentence(V, s("core.profile.email.cancel_failed")));
-        } finally {
-          o.value = !1;
-        }
-      }
-    }
-    return (V, w) => (v(), C(e(O), {
-      title: e(s)("core.profile.email.title"),
-      icon: "mailUnreadFill",
-      "data-profile-email": ""
-    }, {
-      default: p(() => [
-        x("div", Fe, [
-          x("dl", null, [
-            i(e(we), {
-              label: e(s)("core.profile.email.current"),
-              value: u.profile.email,
-              "data-profile-email-current": ""
-            }, null, 8, ["label", "value"])
-          ]),
-          i(e(A), {
-            icon: "mailUnreadFill",
-            "data-email-change": "",
-            onClick: w[0] || (w[0] = ($) => a.value?.present(null))
-          }, {
-            default: p(() => [
-              P(_(e(s)("core.profile.email.change")), 1)
-            ]),
-            _: 1
-          })
-        ]),
-        d.value ? (v(), C(e(be), {
-          key: 0,
-          tone: "info",
-          class: "mt-4",
-          "data-email-pending": ""
-        }, {
-          default: p(() => [
-            x("p", null, _(e(s)("core.profile.email.pending", { email: d.value.email })), 1),
-            x("p", Le, _(e(s)("core.profile.email.valid_until", { time: e(l).time(d.value.expires_at) })), 1),
-            x("div", je, [
-              i(e(A), {
-                size: "sm",
-                prominence: "primary",
-                "data-email-enter-code": "",
-                onClick: w[1] || (w[1] = ($) => a.value?.present(d.value))
-              }, {
-                default: p(() => [
-                  P(_(e(s)("core.profile.email.enter_code")), 1)
-                ]),
-                _: 1
-              }),
-              i(e(A), {
-                size: "sm",
-                processing: o.value,
-                "data-email-cancel": "",
-                onClick: g
-              }, {
-                default: p(() => [
-                  P(_(e(s)("core.profile.email.cancel_change")), 1)
-                ]),
-                _: 1
-              }, 8, ["processing"])
-            ])
-          ]),
-          _: 1
-        })) : G("", !0),
-        i(Me, {
-          ref_key: "dialog",
-          ref: a,
-          onPending: y,
-          onChanged: w[2] || (w[2] = ($) => t("updated", $)),
-          onCancelled: w[3] || (w[3] = ($) => y(null))
-        }, null, 512)
-      ]),
-      _: 1
-    }, 8, ["title"]));
-  }
-}), Te = { class: "flex justify-end" }, Ge = /* @__PURE__ */ N({
-  __name: "PasswordPanel",
-  setup(h) {
-    const { t: r } = U(), { http: u } = L(), t = b(!1), s = {
-      safeParse(n) {
-        const a = n, o = r("core.account.validation.required"), d = [
-          ...a.current === "" ? [{ path: ["current"], message: o }] : [],
-          ...a.password === "" ? [{ path: ["password"], message: o }] : [],
-          ...a.password !== "" && a.repeat !== a.password ? [{ path: ["repeat"], message: a.repeat === "" ? o : r("core.account.validation.mismatch") }] : []
-        ];
-        return d.length > 0 ? { success: !1, error: { issues: d } } : { success: !0, data: { current_password: a.current, new_password: a.password, new_password_confirmation: a.repeat } };
-      }
-    }, c = Z({
-      ...W(),
-      defaults: () => ({ current: "", password: "", repeat: "" }),
-      validator: s,
-      // The server names its fields; the draft's are shorter.
-      serverField: (n) => ({ current_password: "current", new_password: "password", new_password_confirmation: "repeat" })[n] ?? n
-    });
-    async function l() {
-      (await c.submit((a) => u.request(q.profileChangePassword, a))).status === "saved" && (c.hydrate({ current: "", password: "", repeat: "" }), t.value = !1, S.success(r("core.profile.password.changed")));
-    }
-    return (n, a) => (v(), C(e(O), {
-      title: e(r)("core.profile.password.title"),
-      icon: "key2Line",
-      "data-profile-password": ""
-    }, {
-      footer: p(() => [
-        i(ne, {
-          label: e(r)("core.profile.password.submit"),
-          processing: e(c).submitting.value,
-          dirty: e(c).dirty.value,
-          onSubmit: l,
-          onCancel: a[1] || (a[1] = (o) => e(c).reset())
-        }, null, 8, ["label", "processing", "dirty"])
-      ]),
-      default: p(() => [
-        i(e(ee), {
-          form: e(c),
-          onSubmit: l
-        }, {
-          default: p(() => [
-            i(e(D), R(e(c).bind("current"), {
-              type: t.value ? "text" : "password",
-              label: e(r)("core.profile.password.current"),
-              required: "",
-              autocomplete: "current-password"
-            }), null, 16, ["type", "label"]),
-            i(e(D), R(e(c).bind("password"), {
-              type: t.value ? "text" : "password",
-              label: e(r)("core.profile.password.new"),
-              required: "",
-              autocomplete: "new-password"
-            }), null, 16, ["type", "label"]),
-            i(e(D), R(e(c).bind("repeat"), {
-              type: t.value ? "text" : "password",
-              label: e(r)("core.profile.password.repeat"),
-              required: "",
-              autocomplete: "new-password"
-            }), null, 16, ["type", "label"]),
-            x("div", Te, [
-              i(e(A), R({
-                prominence: "link",
-                size: "sm",
-                icon: t.value ? "eyeOff" : "eye"
-              }, { "aria-pressed": t.value }, {
-                "data-password-visibility": "",
-                onClick: a[0] || (a[0] = (o) => t.value = !t.value)
-              }), {
-                default: p(() => [
-                  P(_(t.value ? e(r)("core.profile.password.hide") : e(r)("core.profile.password.show")), 1)
-                ]),
-                _: 1
-              }, 16, ["icon"])
-            ])
-          ]),
-          _: 1
-        }, 8, ["form"])
-      ]),
-      _: 1
-    }, 8, ["title"]));
-  }
-}), He = { class: "p-3" }, Oe = /* @__PURE__ */ N({
-  __name: "SessionsPanel",
-  setup(h) {
-    const { t: r } = U(), { http: u } = L(), t = W(), s = Y(async ({ signal: o }) => (await u.request(q.profileSessions, void 0, { signal: o })).data), c = F(() => s.data.value?.sessions ?? []), l = J("dialog"), n = b(null);
-    async function a(o) {
-      try {
-        await u.request(q.profileRevokeSession, { session_id: o.id }), S.success(r("core.account.sessions.ended"));
-      } catch (d) {
-        H(d) || S.error(t.sentence(d, r("core.account.sessions.end_failed")));
-      }
-      await s.reload();
-    }
-    return (o, d) => (v(), C(e(O), {
-      title: e(r)("core.profile.sessions.title"),
-      icon: "deviceLine",
-      flush: "",
-      "data-profile-sessions": ""
-    }, {
-      default: p(() => [
-        i(e(Q), {
-          state: e(s).state.value,
-          "skeleton-rows": 3,
-          "is-empty": () => !1,
-          onRetry: d[1] || (d[1] = (y) => e(s).reload())
-        }, {
-          default: p(() => [
-            x("div", He, [
-              i(ke, {
-                sessions: c.value,
-                "can-end": "",
-                footer: e(r)("core.profile.sessions.footer"),
-                onEnd: d[0] || (d[0] = (y) => {
-                  n.value = y, l.value?.present(y);
-                })
-              }, null, 8, ["sessions", "footer"])
-            ])
-          ]),
-          _: 1
-        }, 8, ["state"]),
-        i(e($e), {
-          ref_key: "dialog",
-          ref: l,
-          tone: "critical",
-          icon: "logoutBoxRLine",
-          title: e(r)("core.account.sessions.end_title"),
-          message: e(r)("core.account.sessions.end_body", { device: n.value?.device || e(r)("core.account.sessions.unknown_device") }),
-          "confirm-label": e(r)("core.account.sessions.end"),
-          action: a
-        }, null, 8, ["title", "message", "confirm-label"])
-      ]),
-      _: 1
-    }, 8, ["title"]));
-  }
-}), We = { class: "px-3 pt-3" }, Xe = { class: "px-3 pt-3" }, Je = { class: "py-3" }, Ke = { class: "px-4 pb-3 text-footnote text-content-muted" }, Qe = /* @__PURE__ */ N({
-  __name: "SignInsPanel",
-  setup(h) {
-    const { t: r } = U(), { http: u } = L(), t = ["all", "failed"], s = b("all"), c = b(1), l = Y(async ({ signal: n }) => (await u.request(q.profileSignins, { view: s.value, page: c.value, per_page: 20 }, { signal: n })).data);
-    return X(s, () => {
-      c.value = 1, l.reload();
-    }), X(c, () => void l.reload()), (n, a) => (v(), C(e(O), {
-      title: e(r)("core.profile.signins.title"),
-      icon: "timeFill",
-      flush: "",
-      "data-profile-signins": ""
-    }, {
-      default: p(() => [
-        x("div", We, [
-          i(Pe, {
-            modelValue: s.value,
-            "onUpdate:modelValue": a[0] || (a[0] = (o) => s.value = o),
-            views: t,
-            counts: e(l).data.value?.meta?.views,
-            "label-of": (o) => e(r)(`core.account.signins.views.${o}`),
-            label: e(r)("core.profile.signins.title")
-          }, null, 8, ["modelValue", "counts", "label-of", "label"])
-        ]),
-        i(e(Q), {
-          state: e(l).state.value,
-          "skeleton-rows": 4,
-          "is-empty": () => !1,
-          onRetry: a[2] || (a[2] = (o) => e(l).reload())
-        }, {
-          default: p(({ value: o }) => [
-            x("div", Xe, [
-              i(Ce, {
-                rows: o.data
-              }, null, 8, ["rows"])
-            ]),
-            x("div", Je, [
-              i(qe, {
-                page: c.value,
-                "onUpdate:page": a[1] || (a[1] = (d) => c.value = d),
-                "last-page": o.last_page,
-                total: o.total
-              }, null, 8, ["page", "last-page", "total"])
-            ]),
-            x("p", Ke, _(e(r)("core.profile.signins.footer")), 1)
-          ]),
-          _: 1
-        }, 8, ["state"])
-      ]),
-      _: 1
-    }, 8, ["title"]));
-  }
-}), Ye = { class: "grid grid-cols-1 items-start gap-4 lg:grid-cols-2" }, Ze = { class: "flex flex-col gap-4" }, Ct = /* @__PURE__ */ N({
-  __name: "ProfilePage",
-  setup(h) {
-    const { t: r } = U(), { http: u, session: t } = L(), s = Y(async ({ signal: l }) => (await u.request(q.profileShow, void 0, { signal: l })).data);
-    function c(l) {
-      s.update(l), t.refresh();
-    }
-    return (l, n) => (v(), C(e(ye), {
-      title: e(r)("core.profile.title"),
-      description: e(r)("core.profile.description"),
-      width: "content"
-    }, {
-      default: p(() => [
-        i(e(Q), {
-          state: e(s).state.value,
-          "skeleton-rows": 6,
-          "is-empty": () => !1,
-          onRetry: n[0] || (n[0] = (a) => e(s).reload())
-        }, {
-          default: p(({ value: a }) => [
-            x("div", Ye, [
-              x("div", Ze, [
-                i(Ee, {
-                  profile: a,
-                  onUpdated: c
-                }, null, 8, ["profile"]),
-                i(ze, {
-                  profile: a,
-                  onUpdated: c
-                }, null, 8, ["profile"])
-              ]),
-              i(Ge),
-              i(Oe, { class: "lg:col-span-2" }),
-              i(Qe, { class: "lg:col-span-2" })
-            ])
-          ]),
-          _: 1
-        }, 8, ["state"])
-      ]),
-      _: 1
-    }, 8, ["title", "description"]));
-  }
-});
-export {
-  Ct as default
-};