@wssto2/vue-core 0.9.3 → 0.10.0

package/dist/ProfilePage-BQCK2w8R.js

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