@wssto2/vue-core 0.3.0 → 0.4.0

package/dist/ProfilePage-BlpiWH_W.js

@@ -0,0 +1,654 @@
+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 B, createElementBlock as M, 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-BoinCY93.js";
+import { u as L } from "./platform-q3cjODLx.js";
+import { _ as Q } from "./AsyncSection.vue_vue_type_script_setup_true_lang-Blj6KgCr.js";
+import { u as Y } from "./useLoad-CYRVx6HW.js";
+import { i as k, d as G } from "./index-CGv-u1Ws.js";
+import { u as Z } from "./FormErrors.vue_vue_type_script_setup_true_lang-BQb7wLT0.js";
+import { _ as ee } from "./FormView.vue_vue_type_script_setup_true_lang-cr0xNDXP.js";
+import { _ as U } from "./TextField.vue_vue_type_script_setup_true_lang-B9dwVASU.js";
+import { _ as H } from "./Panel.vue_vue_type_script_setup_true_lang-BA0u_DtS.js";
+import { t as C } from "./toast-D9Z5To38.js";
+import { u as O } from "./fieldMessages-C3Rpbktw.js";
+import { _ as re } from "./PanelActions.vue_vue_type_script_setup_true_lang-E9VdIGkf.js";
+import { _ as F } 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-B8mJm946.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-D5KRitar.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-CEbAvZ_C.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 _ = B(() => {
+      const $ = t.resendAvailableAt ? Date.parse(t.resendAvailableAt) : Number.NaN;
+      return Number.isNaN($) ? 0 : Math.max(0, Math.ceil(($ - c.value) / 1e3));
+    }), P = B(() => `${Math.floor(_.value / 60)}:${String(_.value % 60).padStart(2, "0")}`), y = B(() => t.expiresAt && !t.expired ? d.time(t.expiresAt) : ""), h = B(() => s.value.length === t.length), z = B(() => 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(), M("form", {
+      class: "flex flex-col items-center text-center",
+      "data-verify-code": "",
+      novalidate: "",
+      onSubmit: V[2] || (V[2] = _e((I) => D(), ["prevent"]))
+    }, [
+      t.description ? (v(), M("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] = (I) => s.value = I),
+        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(), M("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(), M("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(F), {
+          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(F), {
+          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(), M(le, { key: 0 }, [
+              N(b(e(n)("core.profile.email.resend_in", { time: P.value })), 1)
+            ], 64)) : (v(), M(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(F), {
+          prominence: "link",
+          class: "mt-1 self-center",
+          disabled: t.verifying,
+          "data-verify-cancel": "",
+          onClick: V[1] || (V[1] = (I) => 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"
+}, Ie = /* @__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 I() {
+      y.value = "", h.value = "", z.value = !1;
+    }
+    function ne(p) {
+      l.value = p, a.value = p ? "verify" : "request", _.hydrate({ email: "", password: "" }), I(), 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, I(), 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.translate(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, I(), 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(), M("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"]));
+  }
+}), Me = { class: "flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between" }, Be = { class: "text-footnote" }, Fe = { 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 = B(() => 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", Me, [
+          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(F), {
+            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", Be, b(e(s)("core.profile.email.valid_until", { time: e(n).time(c.value.expires_at) })), 1),
+            x("div", Fe, [
+              r(e(F), {
+                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(F), {
+                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(Ie, {
+          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(F), 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 = B(() => 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
+};

package/dist/{RecordHeader.vue_vue_type_script_setup_true_lang-DKsaKlAq.js → RecordHeader.vue_vue_type_script_setup_true_lang-C_ymvhHU.js}

@@ -1,6 +1,6 @@
 import { defineComponent as p, useTemplateRef as u, openBlock as t, createElementBlock as c, renderSlot as r, createCommentVNode as s, createElementVNode as n, toDisplayString as a, Fragment as d, renderList as f, createBlock as h, resolveDynamicComponent as g, withCtx as x, createVNode as _, unref as k } from "vue";
-import { _ as b } from "./Icon.vue_vue_type_script_lang-VvcV2Bzo.js";
-import { u as w } from "./AdaptivePageShell.vue_vue_type_script_setup_true_lang-CvAnzdc1.js";
+import { _ as b } from "./Icon.vue_vue_type_script_lang-D7oC-d-S.js";
+import { u as w } from "./AdaptivePageShell.vue_vue_type_script_setup_true_lang-BoinCY93.js";
 const v = { class: "flex min-w-0 flex-wrap items-center gap-5 compact:flex-col compact:gap-2 compact:text-center" }, y = {
   key: 0,
   class: "min-w-0 max-w-full shrink-0"

package/dist/{ResourcePage.vue_vue_type_script_setup_true_lang-CJcKa9SW.js → ResourcePage.vue_vue_type_script_setup_true_lang-CwI_sROp.js}

@@ -1,11 +1,11 @@
 import { defineComponent as S, openBlock as a, createElementBlock as v, unref as t, createBlock as c, withCtx as s, createVNode as l, normalizeClass as d, createElementVNode as R, toDisplayString as y, computed as m, createSlots as w, renderSlot as f, createCommentVNode as A } from "vue";
 import { useI18n as z } from "vue-i18n";
-import { a as C } from "./AdaptivePageShell.vue_vue_type_script_setup_true_lang-CvAnzdc1.js";
-import { _ as B } from "./AsyncSection.vue_vue_type_script_setup_true_lang-CCtthMRd.js";
-import { _ as D } from "./EmptyState.vue_vue_type_script_setup_true_lang-C2ZYIT9F.js";
+import { a as C } from "./AdaptivePageShell.vue_vue_type_script_setup_true_lang-BoinCY93.js";
+import { _ as B } from "./AsyncSection.vue_vue_type_script_setup_true_lang-Blj6KgCr.js";
+import { _ as D } from "./EmptyState.vue_vue_type_script_setup_true_lang-50p-Mp8I.js";
 import { useRouter as K, RouterLink as x } from "vue-router";
-import { u as N } from "./Button.vue_vue_type_script_setup_true_lang-CYil8h9z.js";
-import { _ as g } from "./Icon.vue_vue_type_script_lang-VvcV2Bzo.js";
+import { u as N } from "./Button.vue_vue_type_script_setup_true_lang-CL9Qh5yq.js";
+import { _ as g } from "./Icon.vue_vue_type_script_lang-D7oC-d-S.js";
 import { _ as $ } from "./Tooltip.vue_vue_type_script_setup_true_lang-OOD_XNWx.js";
 const V = ["aria-label"], j = {
   class: "min-w-14 px-1 text-center text-footnote tabular-nums text-content-muted compact:px-1.5",