@wssto2/vue-core 0.1.0 → 0.3.0

package/dist/ProfilePage-OJMQ8cr8.js

@@ -0,0 +1,691 @@
+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
+};