@wssto2/vue-core 0.4.28 → 0.5.0

package/dist/ProfilePage-DLY81mvN.js

@@ -0,0 +1,764 @@
+import { defineComponent as P, openBlock as f, createBlock as E, unref as e, withCtx as m, createVNode as i, mergeProps as N, createElementVNode as A, toDisplayString as $, watch as Q, createElementBlock as b, Fragment as V, useModel as ge, useId as ye, useTemplateRef as Y, ref as x, onMounted as be, onBeforeUnmount as we, computed as L, withModifiers as he, createCommentVNode as z, createTextVNode as U, mergeModels as re, createSlots as xe, renderList as de, renderSlot as $e, resolveDynamicComponent as ne } from "vue";
+import { useI18n as I } from "vue-i18n";
+import { a as ke } from "./AdaptivePageShell.vue_vue_type_script_setup_true_lang-GUTIXuNd.js";
+import { u as G } from "./platform-Dl1fbScN.js";
+import { _ as ee } from "./AsyncSection.vue_vue_type_script_setup_true_lang-B0NfvG3B.js";
+import { u as te } from "./useLoad-W4tfxmm5.js";
+import { i as S, d as T, c as qe } from "./index-kqk7Mclb.js";
+import { u as ce } from "./FormErrors.vue_vue_type_script_setup_true_lang-D7edzNTL.js";
+import { _ as ue } from "./FormView.vue_vue_type_script_setup_true_lang-CPSYV7iQ.js";
+import { u as Ce, _ as Se, a as Ee, b as Ve } from "./useGroupSheet-ATvc0IiM.js";
+import { _ as H, p as Pe } from "./FormGroup.vue_vue_type_script_setup_true_lang-BPchlRCl.js";
+import { t as C } from "./toast-CqSDTWRX.js";
+import { u as W } from "./fieldMessages-DTXpWnBd.js";
+import { g as K } from "./options-g8RwEhBk.js";
+import { _ as F } from "./TextField.vue_vue_type_script_setup_true_lang-DTAQPbW0.js";
+import { _ as pe } from "./IconTile.vue_vue_type_script_setup_true_lang-_FXvaj93.js";
+import { u as ae } from "./format-D8X4zsx6.js";
+import { _ as X } from "./ActionRow.vue_vue_type_script_setup_true_lang-BCgKzUvG.js";
+import { i as Z } from "./error-Bb_dr_Ay.js";
+import { a as Ie } from "./leaveGuard-Cc8yeLxM.js";
+import { _ as Ne } from "./Modal.vue_vue_type_script_setup_true_lang-DpBb8ans.js";
+import { _ as J } from "./Button.vue_vue_type_script_setup_true_lang-CL9Qh5yq.js";
+import { u as Ae, _ as Me } from "./useCommand-CtqheKUv.js";
+import { _ as Re } from "./AlertDialog.vue_vue_type_script_setup_true_lang-whA4WLdl.js";
+import { _ as De } from "./SessionList.vue_vue_type_script_setup_true_lang-DhoTd5D7.js";
+import { _ as Le } from "./PageBar.vue_vue_type_script_setup_true_lang-B7qdEeej.js";
+import { _ as Ue } from "./Badge.vue_vue_type_script_setup_true_lang-DJyZc0C7.js";
+import { d as Fe, s as Ge, a as Be } from "./signInEvents-DWShrJox.js";
+import { _ as Oe } from "./ViewTabs.vue_vue_type_script_setup_true_lang-BJIoZAlH.js";
+const je = { class: "font-mono" }, ie = /* @__PURE__ */ P({
+  __name: "DetailsFields",
+  props: {
+    bind: { type: Function },
+    login: {}
+  },
+  setup(w) {
+    const l = w, { t: u } = I();
+    return (t, a) => (f(), E(e(H), {
+      group: "details",
+      header: e(u)("core.profile.details.title"),
+      footer: e(u)("core.profile.details.login_hint")
+    }, {
+      default: m(() => [
+        i(e(F), N(l.bind("name"), {
+          label: e(u)("core.users.fields.name"),
+          required: "",
+          autocomplete: "name"
+        }), null, 16, ["label"]),
+        i(e(F), N(l.bind("phone"), {
+          label: e(u)("core.users.fields.phone"),
+          type: "tel",
+          autocomplete: "tel"
+        }), null, 16, ["label"]),
+        i(e(K), {
+          layout: "value",
+          label: e(u)("core.users.fields.login"),
+          "data-profile-login": ""
+        }, {
+          default: m(() => [
+            A("span", je, $(l.login), 1)
+          ]),
+          _: 1
+        }, 8, ["label"])
+      ]),
+      _: 1
+    }, 8, ["header", "footer"]));
+  }
+}), ze = /* @__PURE__ */ P({
+  __name: "DetailsGroup",
+  props: {
+    profile: {}
+  },
+  emits: ["updated"],
+  setup(w, { emit: l }) {
+    const u = w, t = l, { t: a } = I(), { http: r } = G(), o = {
+      safeParse(p) {
+        const { name: g, phone: y } = p;
+        return g.trim() === "" ? { success: !1, error: { issues: [{ path: ["name"], message: a("core.account.validation.required") }] } } : { success: !0, data: { name: g, phone: y.trim() === "" ? void 0 : y } };
+      }
+    }, s = ce({ ...W(), defaults: () => ({ name: "", phone: "" }), validator: o });
+    Q(() => u.profile, (p) => s.hydrate({ name: p.name, phone: p.phone }), { immediate: !0 });
+    const c = {}, d = Pe({ edit: (p) => c[p].present });
+    let n = null;
+    const h = Ce({
+      form: s,
+      group: "details",
+      fields: ["name", "phone"],
+      groupOf: d.groupOf,
+      save: async (p) => {
+        n = (await r.request(S.profileUpdate, { name: p.name, phone: p.phone.trim() === "" ? void 0 : p.phone })).data;
+      },
+      onSaved: () => {
+        C.success(a("core.profile.details.saved")), n && t("updated", n);
+      }
+    });
+    return c.details = h, (p, g) => (f(), b(V, null, [
+      i(e(ue), {
+        editable: !1,
+        "data-profile-details": ""
+      }, {
+        default: m(() => [
+          i(ie, {
+            bind: e(s).bind,
+            login: u.profile.login
+          }, null, 8, ["bind", "login"])
+        ]),
+        _: 1
+      }),
+      i(e(Se), {
+        sheet: e(h),
+        title: e(a)("core.profile.details.title"),
+        editable: !0,
+        "group-label": () => e(a)("core.profile.details.title")
+      }, {
+        default: m(() => [
+          i(e(Ee), {
+            only: "details",
+            editable: !0
+          }, {
+            default: m(() => [
+              i(ie, {
+                bind: e(s).bind,
+                login: u.profile.login
+              }, null, 8, ["bind", "login"])
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["sheet", "title", "group-label"])
+    ], 64));
+  }
+}), Te = {
+  key: 0,
+  class: "max-w-sm text-body text-content-muted"
+}, He = ["id"], Ke = {
+  key: 2,
+  class: "mt-3 text-footnote text-content-muted",
+  "data-verify-expires": ""
+}, We = { class: "mt-6 flex w-full flex-col gap-2" }, Xe = /* @__PURE__ */ P({
+  __name: "VerifyCode",
+  props: /* @__PURE__ */ re({
+    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__ */ re(["verify", "resend", "cancel"], ["update:modelValue"]),
+  setup(w, { expose: l, emit: u }) {
+    const t = w, a = ge(w, "modelValue"), r = u, { t: o } = I(), s = ae(), c = ye(), d = Y("otp"), n = x(Date.now());
+    let h;
+    be(() => h = setInterval(() => n.value = Date.now(), 1e3)), we(() => clearInterval(h));
+    const p = L(() => {
+      const q = t.resendAvailableAt ? Date.parse(t.resendAvailableAt) : Number.NaN;
+      return Number.isNaN(q) ? 0 : Math.max(0, Math.ceil((q - n.value) / 1e3));
+    }), g = L(() => `${Math.floor(p.value / 60)}:${String(p.value % 60).padStart(2, "0")}`), y = L(() => t.expiresAt && !t.expired ? s.time(t.expiresAt) : ""), k = L(() => a.value.length === t.length), B = L(() => t.verifying || t.resending);
+    function R(q = a.value) {
+      q.length === t.length && !B.value && !t.expired && r("verify", q);
+    }
+    function O() {
+      p.value === 0 && !B.value && r("resend");
+    }
+    return Q(() => t.error, (q) => {
+      q && (a.value = "", d.value?.focus());
+    }), l({ focus: () => d.value?.focus() }), (q, M) => (f(), b("form", {
+      class: "flex flex-col items-center text-center",
+      "data-verify-code": "",
+      novalidate: "",
+      onSubmit: M[2] || (M[2] = he((D) => R(), ["prevent"]))
+    }, [
+      t.description ? (f(), b("p", Te, $(t.description), 1)) : z("", !0),
+      i(e(Ve), {
+        ref_key: "otp",
+        ref: d,
+        modelValue: a.value,
+        "onUpdate:modelValue": M[0] || (M[0] = (D) => a.value = D),
+        class: "mt-6",
+        length: t.length,
+        invalid: !!t.error,
+        disabled: t.expired || t.verifying,
+        "described-by": t.error ? e(c) : void 0,
+        autofocus: "",
+        onComplete: R
+      }, null, 8, ["modelValue", "length", "invalid", "disabled", "described-by"]),
+      t.error ? (f(), b("p", {
+        key: 1,
+        id: e(c),
+        role: "alert",
+        class: "mt-3 text-footnote text-content-destructive",
+        "data-verify-error": ""
+      }, $(t.error), 9, He)) : y.value ? (f(), b("p", Ke, $(e(o)("core.profile.email.valid_until", { time: y.value })), 1)) : z("", !0),
+      A("div", We, [
+        t.expired ? z("", !0) : (f(), E(e(J), {
+          key: 0,
+          type: "submit",
+          prominence: "primary",
+          size: "lg",
+          class: "w-full justify-center",
+          disabled: !k.value || t.resending,
+          processing: t.verifying,
+          "data-verify-submit": ""
+        }, {
+          default: m(() => [
+            U($(e(o)("core.profile.email.verify")), 1)
+          ]),
+          _: 1
+        }, 8, ["disabled", "processing"])),
+        i(e(J), {
+          prominence: t.expired ? "primary" : "standard",
+          size: "lg",
+          class: "w-full justify-center",
+          disabled: p.value > 0 || t.verifying,
+          processing: t.resending,
+          "data-verify-resend": "",
+          onClick: O
+        }, {
+          default: m(() => [
+            p.value > 0 ? (f(), b(V, { key: 0 }, [
+              U($(e(o)("core.profile.email.resend_in", { time: g.value })), 1)
+            ], 64)) : (f(), b(V, { key: 1 }, [
+              U($(t.expired ? e(o)("core.profile.email.request_new") : e(o)("core.profile.email.resend")), 1)
+            ], 64))
+          ]),
+          _: 1
+        }, 8, ["prominence", "disabled", "processing"]),
+        i(e(J), {
+          prominence: "link",
+          class: "mt-1 self-center",
+          disabled: t.verifying,
+          "data-verify-cancel": "",
+          onClick: M[1] || (M[1] = (D) => r("cancel"))
+        }, {
+          default: m(() => [
+            U($(e(o)("core.profile.email.cancel_change")), 1)
+          ]),
+          _: 1
+        }, 8, ["disabled"])
+      ])
+    ], 32));
+  }
+}), Je = { class: "text-body text-content-muted" }, Qe = {
+  key: 1,
+  class: "px-2 py-4 sm:px-6"
+}, Ye = /* @__PURE__ */ P({
+  __name: "EmailChangeDialog",
+  emits: ["pending", "changed", "cancelled"],
+  setup(w, { expose: l, emit: u }) {
+    const t = u, { t: a } = I(), { http: r } = G(), o = W(), s = Y("modal"), c = x("request"), d = x(null), n = x(!1), p = ce({ ...o, defaults: () => ({ email: "", password: "" }), validator: {
+      safeParse(v) {
+        const { email: _, password: j } = v, oe = a("core.account.validation.required"), le = [..._.trim() === "" ? [{ path: ["email"], message: oe }] : [], ...j === "" ? [{ path: ["password"], message: oe }] : []];
+        return le.length > 0 ? { success: !1, error: { issues: le } } : { success: !0, data: { email: _.trim(), current_password: j } };
+      }
+    }, serverField: (v) => v === "current_password" ? "password" : v }), { confirmDiscard: g } = Ie(() => n.value && c.value === "request" && p.dirty.value), y = x(""), k = x(""), B = x(!1), R = x(!1), O = x(!1), q = x(!1), M = ["identity.code.expired", "identity.code.too_many_attempts", "identity.code.no_pending"];
+    function D() {
+      y.value = "", k.value = "", B.value = !1;
+    }
+    function fe(v) {
+      d.value = v, c.value = v ? "verify" : "request", p.hydrate({ email: "", password: "" }), D(), s.value?.present();
+    }
+    async function se() {
+      const v = await p.submit(async (_) => (await r.request(S.profileRequestEmail, _)).data);
+      v.status === "saved" && (d.value = v.value, D(), c.value = "verify", t("pending", v.value));
+    }
+    async function me(v) {
+      if (!R.value) {
+        R.value = !0, k.value = "";
+        try {
+          const _ = (await r.request(S.profileConfirmEmail, { code: v })).data;
+          t("changed", _), C.success(a("core.profile.email.changed")), s.value?.dismiss();
+        } catch (_) {
+          if (T(_)) return;
+          if (Z(_) && _.fields.email?.[0]) {
+            d.value = null, t("pending", null), c.value = "request", p.errors.set({ email: [o.describeFieldError(_.fields.email[0])] });
+            return;
+          }
+          B.value = Z(_) && _.code !== null && M.includes(_.code), k.value = o.sentence(_, a("core.profile.email.verify_failed"));
+        } finally {
+          R.value = !1;
+        }
+      }
+    }
+    async function ve() {
+      if (!O.value) {
+        O.value = !0;
+        try {
+          d.value = (await r.request(S.profileResendEmail)).data, D(), t("pending", d.value), C.success(a("core.profile.email.code_sent", { email: d.value.email }));
+        } catch (v) {
+          if (T(v)) return;
+          if (Z(v) && v.code === "identity.code.no_pending") {
+            d.value = null, t("pending", null), c.value = "request", C.error(o.sentence(v, a("core.profile.email.resend_failed")));
+            return;
+          }
+          k.value = o.sentence(v, a("core.profile.email.resend_failed"));
+        } finally {
+          O.value = !1;
+        }
+      }
+    }
+    async function _e() {
+      if (!q.value) {
+        q.value = !0;
+        try {
+          await r.request(S.profileCancelEmail), d.value = null, t("cancelled"), C.success(a("core.profile.email.cancelled")), s.value?.dismiss();
+        } catch (v) {
+          T(v) || C.error(o.sentence(v, a("core.profile.email.cancel_failed")));
+        } finally {
+          q.value = !1;
+        }
+      }
+    }
+    return l({ present: fe }), (v, _) => (f(), E(e(Ne), {
+      ref_key: "modal",
+      ref: s,
+      size: "md",
+      title: c.value === "request" ? e(a)("core.profile.email.change_title") : e(a)("core.profile.email.verify_title"),
+      "primary-label": c.value === "request" ? e(a)("core.profile.email.send_code") : void 0,
+      "without-footer": c.value === "verify",
+      status: e(p).submitting.value ? "processing" : "idle",
+      "before-dismiss": e(g),
+      onPrimary: se,
+      onPresented: _[1] || (_[1] = (j) => n.value = !0),
+      onDismissed: _[2] || (_[2] = (j) => n.value = !1)
+    }, {
+      default: m(() => [
+        c.value === "request" ? (f(), E(e(ue), {
+          key: 0,
+          form: e(p),
+          onSubmit: se
+        }, {
+          default: m(() => [
+            A("p", Je, $(e(a)("core.profile.email.request_hint")), 1),
+            i(e(F), N(e(p).bind("email"), {
+              label: e(a)("core.profile.email.new_email"),
+              type: "email",
+              required: "",
+              autocomplete: "email"
+            }), null, 16, ["label"]),
+            i(e(F), N(e(p).bind("password"), {
+              label: e(a)("core.profile.email.current_password"),
+              type: "password",
+              required: "",
+              autocomplete: "current-password"
+            }), null, 16, ["label"])
+          ]),
+          _: 1
+        }, 8, ["form"])) : (f(), b("div", Qe, [
+          i(Xe, {
+            modelValue: y.value,
+            "onUpdate:modelValue": _[0] || (_[0] = (j) => y.value = j),
+            description: e(a)("core.profile.email.verify_description", { email: d.value?.email ?? "" }),
+            "resend-available-at": d.value?.resend_available_at ?? null,
+            "expires-at": d.value?.expires_at ?? null,
+            error: k.value,
+            expired: B.value,
+            verifying: R.value,
+            resending: O.value,
+            onVerify: me,
+            onResend: ve,
+            onCancel: _e
+          }, null, 8, ["modelValue", "description", "resend-available-at", "expires-at", "error", "expired", "verifying", "resending"])
+        ]))
+      ]),
+      _: 1
+    }, 8, ["title", "primary-label", "without-footer", "status", "before-dismiss"]));
+  }
+}), Ze = /* @__PURE__ */ P({
+  __name: "EmailGroup",
+  props: {
+    profile: {}
+  },
+  emits: ["updated"],
+  setup(w, { emit: l }) {
+    const u = w, t = l, { t: a } = I(), { http: r } = G(), o = ae(), s = W(), c = Y("dialog"), d = x(!1), n = L(() => u.profile.pending_email), h = (g) => t("updated", { ...u.profile, pending_email: g });
+    async function p() {
+      if (!d.value) {
+        d.value = !0;
+        try {
+          await r.request(S.profileCancelEmail), C.success(a("core.profile.email.cancelled")), h(null);
+        } catch (g) {
+          T(g) || C.error(s.sentence(g, a("core.profile.email.cancel_failed")));
+        } finally {
+          d.value = !1;
+        }
+      }
+    }
+    return (g, y) => (f(), b(V, null, [
+      i(e(H), {
+        header: e(a)("core.profile.email.title"),
+        "data-profile-email": ""
+      }, {
+        default: m(() => [
+          i(e(K), {
+            layout: "value",
+            label: e(a)("core.profile.email.current"),
+            "data-profile-email-current": ""
+          }, {
+            default: m(() => [
+              U($(u.profile.email), 1)
+            ]),
+            _: 1
+          }, 8, ["label"]),
+          i(X, {
+            label: e(a)("core.profile.email.change"),
+            "data-email-change": "",
+            onClick: y[0] || (y[0] = (k) => c.value?.present(null))
+          }, null, 8, ["label"]),
+          n.value ? (f(), b(V, { key: 0 }, [
+            i(e(K), {
+              layout: "setting",
+              label: e(a)("core.profile.email.pending", { email: n.value.email }),
+              sub: e(a)("core.profile.email.valid_until", { time: e(o).time(n.value.expires_at) }),
+              "data-email-pending": ""
+            }, {
+              leading: m(() => [
+                i(e(pe), {
+                  tone: "neutral",
+                  icon: "timeLine"
+                })
+              ]),
+              _: 1
+            }, 8, ["label", "sub"]),
+            i(X, {
+              label: e(a)("core.profile.email.enter_code"),
+              "data-email-enter-code": "",
+              onClick: y[1] || (y[1] = (k) => c.value?.present(n.value))
+            }, null, 8, ["label"]),
+            i(X, {
+              label: e(a)("core.profile.email.cancel_change"),
+              tone: "critical",
+              disabled: d.value,
+              "data-email-cancel": "",
+              onClick: p
+            }, null, 8, ["label", "disabled"])
+          ], 64)) : z("", !0)
+        ]),
+        _: 1
+      }, 8, ["header"]),
+      i(Ye, {
+        ref_key: "dialog",
+        ref: c,
+        onPending: h,
+        onChanged: y[2] || (y[2] = (k) => t("updated", k)),
+        onCancelled: y[3] || (y[3] = (k) => h(null))
+      }, null, 512)
+    ], 64));
+  }
+}), et = { class: "flex justify-end" }, tt = /* @__PURE__ */ P({
+  __name: "PasswordGroup",
+  setup(w) {
+    const { t: l } = I(), { http: u } = G(), t = x(!1), a = {
+      safeParse(o) {
+        const s = o, c = l("core.account.validation.required"), d = [
+          ...s.current === "" ? [{ path: ["current"], message: c }] : [],
+          ...s.password === "" ? [{ path: ["password"], message: c }] : [],
+          ...s.password !== "" && s.repeat !== s.password ? [{ path: ["repeat"], message: s.repeat === "" ? c : l("core.account.validation.mismatch") }] : []
+        ];
+        return d.length > 0 ? { success: !1, error: { issues: d } } : { success: !0, data: { current_password: s.current, new_password: s.password, new_password_confirmation: s.repeat } };
+      }
+    }, r = Ae({
+      ...W(),
+      defaults: () => ({ current: "", password: "", repeat: "" }),
+      validator: a,
+      // The server names its fields; the draft's are shorter.
+      serverField: (o) => ({ current_password: "current", new_password: "password", new_password_confirmation: "repeat" })[o] ?? o,
+      run: (o) => u.request(S.profileChangePassword, o),
+      done: () => {
+        t.value = !1, C.success(l("core.profile.password.changed"));
+      }
+    });
+    return (o, s) => (f(), b(V, null, [
+      i(e(H), { "data-profile-password": "" }, {
+        default: m(() => [
+          i(X, {
+            label: e(l)("core.profile.password.submit"),
+            sub: e(l)("core.profile.password.row_sub"),
+            "data-change-password": "",
+            onClick: s[0] || (s[0] = (c) => e(r).present())
+          }, null, 8, ["label", "sub"])
+        ]),
+        _: 1
+      }),
+      i(e(Me), {
+        command: e(r),
+        title: e(l)("core.profile.password.title"),
+        "confirm-label": e(l)("core.profile.password.submit")
+      }, {
+        default: m(() => [
+          i(e(H), { "data-password-dialog": "" }, {
+            default: m(() => [
+              i(e(F), N(e(r).form.bind("current"), {
+                type: t.value ? "text" : "password",
+                label: e(l)("core.profile.password.current"),
+                required: "",
+                autocomplete: "current-password"
+              }), null, 16, ["type", "label"]),
+              i(e(F), N(e(r).form.bind("password"), {
+                type: t.value ? "text" : "password",
+                label: e(l)("core.profile.password.new"),
+                required: "",
+                autocomplete: "new-password"
+              }), null, 16, ["type", "label"]),
+              i(e(F), N(e(r).form.bind("repeat"), {
+                type: t.value ? "text" : "password",
+                label: e(l)("core.profile.password.repeat"),
+                required: "",
+                autocomplete: "new-password"
+              }), null, 16, ["type", "label"])
+            ]),
+            _: 1
+          }),
+          A("div", et, [
+            i(e(J), N({
+              prominence: "link",
+              size: "sm",
+              icon: t.value ? "eyeOff" : "eye"
+            }, { "aria-pressed": t.value }, {
+              "data-password-visibility": "",
+              onClick: s[1] || (s[1] = (c) => t.value = !t.value)
+            }), {
+              default: m(() => [
+                U($(t.value ? e(l)("core.profile.password.hide") : e(l)("core.profile.password.show")), 1)
+              ]),
+              _: 1
+            }, 16, ["icon"])
+          ])
+        ]),
+        _: 1
+      }, 8, ["command", "title", "confirm-label"])
+    ], 64));
+  }
+}), at = ["details", "email", "password", "sessions", "signins"];
+function st(w, l) {
+  const u = /* @__PURE__ */ new Map(), t = /* @__PURE__ */ new Map(), a = [];
+  for (const o of w) {
+    if (o.visible && !o.visible(l)) continue;
+    const s = o.after ?? o.before;
+    (s ? o.after ? t.get(s) ?? t.set(s, []).get(s) : u.get(s) ?? u.set(s, []).get(s) : a).push(o);
+  }
+  const r = (o) => ({ kind: "section", section: o });
+  return [
+    ...at.flatMap((o) => [...(u.get(o) ?? []).map(r), { kind: "panel", id: o }, ...(t.get(o) ?? []).map(r)]),
+    ...a.map(r)
+  ];
+}
+const ot = { "data-profile-sessions": "" }, lt = /* @__PURE__ */ P({
+  __name: "SessionsGroup",
+  setup(w) {
+    const { t: l } = I(), { http: u } = G(), t = W(), a = te(async ({ signal: d }) => (await u.request(S.profileSessions, void 0, { signal: d })).data), r = L(() => a.data.value?.sessions ?? []), o = Y("dialog"), s = x(null);
+    async function c(d) {
+      try {
+        await u.request(S.profileRevokeSession, { session_id: d.id }), C.success(l("core.account.sessions.ended"));
+      } catch (n) {
+        T(n) || C.error(t.sentence(n, l("core.account.sessions.end_failed")));
+      }
+      await a.reload();
+    }
+    return (d, n) => (f(), b("div", ot, [
+      i(e(ee), {
+        state: e(a).state.value,
+        "skeleton-rows": 3,
+        "is-empty": () => !1,
+        onRetry: n[1] || (n[1] = (h) => e(a).reload())
+      }, {
+        default: m(() => [
+          i(De, {
+            sessions: r.value,
+            "can-end": "",
+            header: e(l)("core.profile.sessions.title"),
+            footer: e(l)("core.profile.sessions.footer"),
+            onEnd: n[0] || (n[0] = (h) => {
+              s.value = h, o.value?.present(h);
+            })
+          }, null, 8, ["sessions", "header", "footer"])
+        ]),
+        _: 1
+      }, 8, ["state"]),
+      i(e(Re), {
+        ref_key: "dialog",
+        ref: o,
+        tone: "critical",
+        icon: "logoutBoxRLine",
+        title: e(l)("core.account.sessions.end_title"),
+        message: e(l)("core.account.sessions.end_body", { device: s.value?.device || e(l)("core.account.sessions.unknown_device") }),
+        "confirm-label": e(l)("core.account.sessions.end"),
+        action: c
+      }, null, 8, ["title", "message", "confirm-label"])
+    ]));
+  }
+}), rt = ["title"], nt = { class: "font-mono" }, it = /* @__PURE__ */ P({
+  __name: "SignInList",
+  props: {
+    rows: {},
+    header: {},
+    footer: {}
+  },
+  setup(w) {
+    const l = w, { t: u } = I(), t = ae(), a = (r) => u(Be(r.event, r.actor?.name || null), { name: r.actor?.name ?? "" });
+    return (r, o) => (f(), E(e(H), {
+      header: l.header,
+      footer: l.footer,
+      "data-signin-list": ""
+    }, xe({
+      default: m(() => [
+        l.rows.length === 0 ? (f(), E(e(K), {
+          key: 0,
+          layout: "setting",
+          label: e(u)("core.account.signins.empty"),
+          "data-signin-empty": ""
+        }, null, 8, ["label"])) : z("", !0),
+        (f(!0), b(V, null, de(l.rows, (s) => (f(), E(e(K), {
+          key: s.id,
+          layout: "setting",
+          label: e(Fe)(s.device) || e(u)("core.account.sessions.unknown_device"),
+          "data-signin-row": ""
+        }, {
+          leading: m(() => [
+            i(e(pe), {
+              tone: "neutral",
+              icon: "timeLine"
+            })
+          ]),
+          sub: m(() => [
+            A("span", {
+              class: "flex flex-col gap-y-0.5 md:flex-row md:flex-wrap md:items-center md:gap-x-1.5",
+              title: s.device,
+              "data-signin-facts": ""
+            }, [
+              A("span", null, $(e(t).dateTime(s.created_at)), 1),
+              s.ip ? (f(), b(V, { key: 0 }, [
+                o[0] || (o[0] = A("span", {
+                  "aria-hidden": "true",
+                  class: "hidden md:inline"
+                }, "·", -1)),
+                A("span", nt, $(s.ip), 1)
+              ], 64)) : z("", !0)
+            ], 8, rt)
+          ]),
+          default: m(() => [
+            i(e(Ue), {
+              tone: e(Ge)(s.event).tone,
+              "data-event": s.event
+            }, {
+              default: m(() => [
+                U($(a(s)), 1)
+              ]),
+              _: 2
+            }, 1032, ["tone", "data-event"])
+          ]),
+          _: 2
+        }, 1032, ["label"]))), 128))
+      ]),
+      _: 2
+    }, [
+      r.$slots["header-trailing"] ? {
+        name: "header-trailing",
+        fn: m(() => [
+          $e(r.$slots, "header-trailing")
+        ]),
+        key: "0"
+      } : void 0
+    ]), 1032, ["header", "footer"]));
+  }
+}), dt = {
+  class: "flex min-w-0 flex-col gap-group-gap",
+  "data-profile-signins": ""
+}, ct = /* @__PURE__ */ P({
+  __name: "SignInsGroup",
+  setup(w) {
+    const { t: l } = I(), { http: u } = G(), t = ["all", "failed"], a = x("all"), r = x(1), o = te(async ({ signal: s }) => (await u.request(S.profileSignins, { view: a.value, page: r.value, per_page: 20 }, { signal: s })).data);
+    return Q(a, () => {
+      r.value = 1, o.reload();
+    }), Q(r, () => void o.reload()), (s, c) => (f(), b("div", dt, [
+      i(e(ee), {
+        state: e(o).state.value,
+        "skeleton-rows": 4,
+        "is-empty": () => !1,
+        onRetry: c[2] || (c[2] = (d) => e(o).reload())
+      }, {
+        default: m(({ value: d }) => [
+          i(it, {
+            rows: d.data,
+            header: e(l)("core.profile.signins.title"),
+            footer: e(l)("core.profile.signins.footer")
+          }, {
+            "header-trailing": m(() => [
+              i(Oe, {
+                modelValue: a.value,
+                "onUpdate:modelValue": c[0] || (c[0] = (n) => a.value = n),
+                views: t,
+                counts: e(o).data.value?.meta?.views,
+                "label-of": (n) => e(l)(`core.account.signins.views.${n}`),
+                label: e(l)("core.profile.signins.title")
+              }, null, 8, ["modelValue", "counts", "label-of", "label"])
+            ]),
+            _: 2
+          }, 1032, ["rows", "header", "footer"]),
+          i(Le, {
+            page: r.value,
+            "onUpdate:page": c[1] || (c[1] = (n) => r.value = n),
+            "last-page": d.last_page,
+            total: d.total
+          }, null, 8, ["page", "last-page", "total"])
+        ]),
+        _: 1
+      }, 8, ["state"])
+    ]));
+  }
+}), ut = { class: "flex min-w-0 flex-col gap-group-gap" }, pt = ["data-profile-section"], Ot = /* @__PURE__ */ P({
+  __name: "ProfilePage",
+  setup(w) {
+    const { t: l } = I(), { http: u, session: t } = G(), { profileSections: a } = qe(), r = te(async ({ signal: n }) => (await u.request(S.profileShow, void 0, { signal: n })).data), o = { details: ze, email: Ze, password: tt, sessions: lt, signins: ct }, s = (n) => n.kind === "panel" ? n.id : `section:${n.section.id}`, c = (n) => n.kind === "section" || ["details", "email"].includes(n.id);
+    function d(n) {
+      r.update(n), t.refresh();
+    }
+    return (n, h) => (f(), E(e(ke), {
+      title: e(l)("core.profile.title"),
+      description: e(l)("core.profile.description"),
+      width: "readable"
+    }, {
+      default: m(() => [
+        i(e(ee), {
+          state: e(r).state.value,
+          "skeleton-rows": 6,
+          "is-empty": () => !1,
+          onRetry: h[0] || (h[0] = (p) => e(r).reload())
+        }, {
+          default: m(({ value: p }) => [
+            A("div", ut, [
+              (f(!0), b(V, null, de(e(st)(e(a), p), (g) => (f(), b(V, {
+                key: s(g)
+              }, [
+                g.kind === "section" ? (f(), b("div", {
+                  key: 0,
+                  class: "flex min-w-0 flex-col gap-group-gap",
+                  "data-profile-section": g.section.id
+                }, [
+                  (f(), E(ne(g.section.component), {
+                    profile: p,
+                    onUpdated: d
+                  }, null, 40, ["profile"]))
+                ], 8, pt)) : (f(), E(ne(o[g.id]), N({
+                  key: 1,
+                  ref_for: !0
+                }, c(g) ? { profile: p } : {}, { onUpdated: d }), null, 16))
+              ], 64))), 128))
+            ])
+          ]),
+          _: 1
+        }, 8, ["state"])
+      ]),
+      _: 1
+    }, 8, ["title", "description"]));
+  }
+});
+export {
+  Ot as default
+};