@wssto2/vue-core 0.4.27 → 0.5.0

package/dist/ProfilePage-CQYHj9Ns.js

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