@camera.ui/server 2.4.0 → 2.4.1

package/dist/interface/ha/SettingsAccount-CtLqZVdb.js

@@ -0,0 +1,968 @@
+import { r as e } from "./rolldown-runtime-BItFwnF5.js";
+import { c as t } from "./ripple-CGl9oC16.js";
+import { D as n, G as r, H as i, J as a, M as o, Ot as s, St as c, Tt as l, Xt as u, Y as d, d as f, f as p, gt as m, jt as h, l as g, lt as _, p as v, r as y, rt as b, u as x, ut as S, v as C, vt as w, x as T, y as E, z as ee } from "./runtime-core.esm-bundler-CrWKbcD2.js";
+import { t as D } from "./message-CZC3zWwJ.js";
+import { t as te } from "./tag-B53KW-vD.js";
+import { $i as O, A as k, Da as ne, Di as re, Et as A, F as j, Ft as ie, I as M, It as ae, Lt as oe, Rt as se, Tt as ce, Ui as le, Zn as ue, b as de, ii as N, ir as fe, ka as pe, ni as me, r as P, rr as he, sr as ge, u as _e, x as ve, z as ye } from "./api-BCqn9EdE.js";
+import { n as F, r as be, s as xe, t as I } from "./vee-validate-DWIY1QrX.js";
+import { r as Se } from "./pinia-BBBIELZl.js";
+import { n as L } from "./vue-i18n-DzDRu5NH.js";
+import { t as Ce } from "./CuiButton-CGAd8xvo.js";
+import { t as we } from "./inputtext-DfgvQQt_.js";
+import { i as Te, t as Ee } from "./CuiDataTable-CV5ePNzg.js";
+import { t as De } from "./CuiToggleRow-4GA_eZL4.js";
+import { t as Oe } from "./CuiQRCode-Ci5CO-6f.js";
+import { n as ke, t as R } from "./auth-DhFoGtmO.js";
+//#region ~icons/mdi/key
+var z = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function B(e, t) {
+	return i(), v("svg", z, [...t[0] ||= [x("path", {
+		fill: "currentColor",
+		d: "M7 14c-1.1 0-2-.9-2-2s.9-2 2-2s2 .9 2 2s-.9 2-2 2m5.6-4c-.8-2.3-3-4-5.6-4c-3.3 0-6 2.7-6 6s2.7 6 6 6c2.6 0 4.8-1.7 5.6-4H16v4h4v-4h3v-4z"
+	}, null, -1)]]);
+}
+var Ae = w({
+	name: "mdi-key",
+	render: B
+}), V = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function je(e, t) {
+	return i(), v("svg", V, [...t[0] ||= [x("path", {
+		fill: "currentColor",
+		d: "M17 19H7V5h10m0-4H7c-1.11 0-2 .89-2 2v18a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2"
+	}, null, -1)]]);
+}
+var Me = w({
+	name: "mdi-cellphone",
+	render: je
+}), Ne = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function H(e, t) {
+	return i(), v("svg", Ne, [...t[0] ||= [x("path", {
+		fill: "currentColor",
+		d: "M22 18v4h-4v-3h-3v-3h-3l-2.26-2.26c-.55.17-1.13.26-1.74.26a6 6 0 0 1-6-6a6 6 0 0 1 6-6a6 6 0 0 1 6 6c0 .61-.09 1.19-.26 1.74zM7 5a2 2 0 0 0-2 2a2 2 0 0 0 2 2a2 2 0 0 0 2-2a2 2 0 0 0-2-2"
+	}, null, -1)]]);
+}
+var Pe = w({
+	name: "mdi-key-variant",
+	render: H
+}), Fe = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function Ie(e, t) {
+	return i(), v("svg", Fe, [...t[0] ||= [x("path", {
+		fill: "currentColor",
+		d: "M4 6h16v10H4m16 2a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2H4c-1.11 0-2 .89-2 2v10a2 2 0 0 0 2 2H0v2h24v-2z"
+	}, null, -1)]]);
+}
+var Le = w({
+	name: "mdi-laptop",
+	render: Ie
+}), U = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function Re(e, t) {
+	return i(), v("svg", U, [...t[0] ||= [x("path", {
+		fill: "currentColor",
+		d: "M21 17H3V5h18m0-2H3a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h5v2h8v-2h5a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2"
+	}, null, -1)]]);
+}
+var ze = w({
+	name: "mdi-television",
+	render: Re
+}), Be = { class: "flex flex-col gap-6" }, Ve = { class: "token-box" }, He = { class: "token-value" }, Ue = /*#__PURE__*/ N(/* @__PURE__ */ T({
+	__name: "ApiTokenCreated",
+	props: { token: {} },
+	setup(e, { expose: t }) {
+		let n = e, r = O(), { t: o } = L(), { token: c } = s(n);
+		async function l() {
+			await P(c.value) ? r.add({
+				severity: "success",
+				detail: o("components.toast.copied"),
+				life: 1500
+			}) : r.add({
+				severity: "error",
+				detail: o("components.toast.copy_failed"),
+				life: 3e3
+			});
+		}
+		async function d() {}
+		return t({ onConfirm: d }), (e, t) => {
+			let n = D, r = Ce, o = a("tooltip");
+			return i(), v("div", Be, [E(n, { severity: "warn" }, {
+				default: _(() => [C(u(e.$t("views.settings.api_tokens.created_warning")), 1)]),
+				_: 1
+			}), x("div", Ve, [x("span", He, u(h(c)), 1), S((i(), f(r, {
+				text: "",
+				rounded: "",
+				class: "cui-icon-md shrink-0",
+				onClick: l
+			}, {
+				icon: _(() => [E(h(ie), {
+					width: "100%",
+					height: "100%"
+				})]),
+				_: 1
+			})), [[o, { value: e.$t("components.form.button.copy") }]])])]);
+		};
+	}
+}), [["__scopeId", "data-v-591cfcb4"]]), We = { class: "flex flex-col gap-2 w-full" }, Ge = {
+	for: "apiTokenName",
+	class: "cui-label"
+}, Ke = {
+	key: 0,
+	class: "text-xs text-red-500"
+}, qe = /* @__PURE__ */ T({
+	__name: "CreateApiToken",
+	props: { existingNames: {} },
+	setup(e, { expose: t }) {
+		let n = e, r = c(""), a = g(() => n.existingNames.includes(r.value.trim()));
+		return t({ onConfirm: async () => {
+			let e = r.value.trim();
+			return !e || a.value ? null : e;
+		} }), (e, t) => {
+			let n = we;
+			return i(), v("div", We, [
+				x("label", Ge, u(e.$t("views.settings.api_tokens.name_label")), 1),
+				E(n, {
+					id: "apiTokenName",
+					modelValue: h(r),
+					"onUpdate:modelValue": t[0] ||= (e) => m(r) ? r.value = e : null,
+					class: "w-full",
+					placeholder: e.$t("views.settings.api_tokens.name_placeholder"),
+					autofocus: "",
+					invalid: h(a)
+				}, null, 8, [
+					"modelValue",
+					"placeholder",
+					"invalid"
+				]),
+				h(a) ? (i(), v("span", Ke, u(e.$t("views.settings.api_tokens.name_exists")), 1)) : p("", !0)
+			]);
+		};
+	}
+}), Je = { class: "flex flex-col gap-6" }, Ye = { class: "backup-codes-grid" }, Xe = /*#__PURE__*/ N(/* @__PURE__ */ T({
+	__name: "TwoFactorBackupCodes",
+	props: { backupCodes: {} },
+	setup(e, { expose: t }) {
+		let { backupCodes: n } = s(e);
+		async function a() {}
+		return t({ onConfirm: a }), (e, t) => {
+			let a = D;
+			return i(), v("div", Je, [E(a, { severity: "warn" }, {
+				default: _(() => [C(u(e.$t("views.settings.security.backup_warning")), 1)]),
+				_: 1
+			}), x("div", Ye, [(i(!0), v(y, null, r(h(n), (e) => (i(), v("span", {
+				key: e,
+				class: "backup-code"
+			}, u(e), 1))), 128))])]);
+		};
+	}
+}), [["__scopeId", "data-v-710c5777"]]), Ze = { class: "flex flex-col gap-6" }, W = { class: "text-muted" }, Qe = { class: "flex flex-col gap-2 justify-center items-center mt-5" }, $e = { class: "cui-label" }, et = /* @__PURE__ */ T({
+	__name: "TwoFactorDisable",
+	setup(e, { expose: t }) {
+		let r = new R(), a = O(), { t: o } = L(), s = n("dialogRefProps"), { mutateAsync: l, isPending: d } = r.disable2FAQuery(), f = c(""), p = g(() => !!(s.loading?.value || d.value)), _ = g(() => f.value.length < 6);
+		async function y() {
+			if (f.value.length < 6) return null;
+			try {
+				await l({ code: f.value }), a.add({
+					severity: "success",
+					detail: o("views.settings.security.2fa_disabled_success"),
+					life: 3e3
+				});
+			} catch (e) {
+				return a.add({
+					severity: "error",
+					detail: e,
+					life: 3e3
+				}), null;
+			}
+		}
+		return t({
+			isLoading: p,
+			isDisabled: _,
+			onConfirm: y
+		}), (e, t) => {
+			let n = A;
+			return i(), v("div", Ze, [x("p", W, u(e.$t("views.settings.security.disable_confirm")), 1), x("div", Qe, [x("label", $e, u(e.$t("views.settings.security.enter_code")), 1), E(n, {
+				modelValue: h(f),
+				"onUpdate:modelValue": t[0] ||= (e) => m(f) ? f.value = e : null,
+				length: 6,
+				"integer-only": "",
+				class: "justify-center"
+			}, null, 8, ["modelValue"])])]);
+		};
+	}
+}), tt = { class: "flex flex-col gap-6" }, G = { class: "text-muted" }, K = { class: "flex flex-col gap-2 justify-center items-center mt-5" }, q = { class: "cui-label" }, nt = /* @__PURE__ */ T({
+	__name: "TwoFactorRegenerate",
+	props: { onBackupCodesGenerated: { type: Function } },
+	setup(e, { expose: t }) {
+		let r = new R(), a = e, o = O(), { t: s } = L(), l = n("dialogRefProps"), { mutateAsync: d, isPending: f } = r.regenerateBackupCodesQuery(), p = c(""), _ = g(() => !!(l.loading?.value || f.value)), y = g(() => p.value.length < 6);
+		async function b() {
+			if (p.value.length < 6) return null;
+			try {
+				let e = await d({ code: p.value });
+				o.add({
+					severity: "success",
+					detail: s("views.settings.security.backup_regenerated"),
+					life: 3e3
+				}), a.onBackupCodesGenerated && a.onBackupCodesGenerated(e.backupCodes);
+			} catch (e) {
+				return o.add({
+					severity: "error",
+					detail: e,
+					life: 3e3
+				}), null;
+			}
+		}
+		return t({
+			isLoading: _,
+			isDisabled: y,
+			onConfirm: b
+		}), (e, t) => {
+			let n = A;
+			return i(), v("div", tt, [x("p", G, u(e.$t("views.settings.security.regenerate_confirm")), 1), x("div", K, [x("label", q, u(e.$t("views.settings.security.enter_code")), 1), E(n, {
+				modelValue: h(p),
+				"onUpdate:modelValue": t[0] ||= (e) => m(p) ? p.value = e : null,
+				length: 6,
+				"integer-only": "",
+				class: "justify-center"
+			}, null, 8, ["modelValue"])])]);
+		};
+	}
+}), rt = { class: "flex flex-col w-full gap-6" }, it = { class: "relative" }, at = { class: "image-upload rounded-full z-1" }, ot = { for: "file-input" }, st = { class: "card-title" }, ct = { class: "flex flex-col gap-6" }, lt = {
+	for: "username",
+	class: "cui-label"
+}, ut = { class: "card-title" }, dt = { class: "flex flex-col gap-6" }, ft = {
+	for: "password",
+	class: "cui-label"
+}, pt = {
+	for: "passwordConfirm",
+	class: "cui-label"
+}, mt = { class: "relative" }, ht = { class: "image-upload rounded-full z-1" }, gt = { for: "file-input" }, _t = { class: "card-title" }, vt = { class: "flex flex-col gap-6" }, yt = { class: "flex flex-col field-gap" }, bt = {
+	for: "username",
+	class: "cui-label"
+}, xt = { class: "flex flex-row items-end justify-end" }, St = { key: 0 }, Ct = { class: "card-title" }, wt = {
+	for: "password",
+	class: "cui-label"
+}, Tt = {
+	for: "passwordConfirm",
+	class: "cui-label"
+}, Et = { class: "flex flex-row items-end justify-end" }, Dt = { class: "card-title" }, Ot = {
+	key: 0,
+	class: "flex justify-center py-6"
+}, kt = {
+	key: "initial",
+	class: "flex flex-col gap-6"
+}, At = { class: "flex flex-col gap-1" }, jt = { class: "tfa-row-title" }, Mt = { class: "tfa-row-description" }, Nt = {
+	key: "loading",
+	class: "flex flex-col items-center py-8 gap-3"
+}, Pt = { class: "text-sm text-muted" }, Ft = {
+	key: "setup",
+	class: "tfa-setup"
+}, It = { class: "tfa-setup-qr" }, Lt = { class: "text-sm text-muted text-center mt-3" }, Rt = { class: "flex flex-col gap-5 flex-1" }, zt = { class: "flex flex-col field-gap" }, Bt = { class: "cui-label" }, Vt = { class: "flex flex-col field-gap" }, Ht = { class: "cui-label" }, Ut = { class: "flex gap-2 justify-end" }, Wt = {
+	key: "enabled",
+	class: "flex flex-col gap-6"
+}, Gt = { class: "tfa-row tfa-row-enabled" }, Kt = { class: "tfa-status-icon" }, qt = { class: "tfa-row-content" }, Jt = { class: "tfa-row-title" }, Yt = {
+	key: 0,
+	class: "tfa-backup-info"
+}, Xt = { class: "flex gap-2 justify-end" }, Zt = { key: 1 }, Qt = { class: "card-title" }, $t = { key: 2 }, en = { class: "card-title" }, tn = { class: "flex flex-col gap-6" }, nn = { class: "text-sm text-muted" }, rn = { class: "text-muted text-sm" }, an = { class: "flex items-center gap-3" }, on = { class: "flex flex-col min-w-0" }, sn = { class: "text-sm font-semibold text-color truncate" }, cn = { class: "text-xs text-muted truncate font-mono" }, ln = { class: "text-xs text-muted" }, un = { class: "flex flex-row items-end justify-end gap-2" }, dn = { class: "card-title" }, fn = { class: "flex flex-col gap-6" }, pn = { class: "text-muted text-sm" }, mn = { class: "flex items-center gap-3" }, hn = { class: "flex flex-col min-w-0" }, gn = { class: "flex items-center gap-2" }, _n = { class: "text-sm font-semibold text-color truncate" }, vn = { class: "text-xs text-muted truncate" }, yn = {
+	key: 0,
+	class: "flex flex-row items-end justify-end gap-2"
+}, J = /*@__PURE__*/ T({
+	__name: "SettingsAccount",
+	props: { firststeps: { type: Boolean } },
+	setup(e, { expose: n }) {
+		let r = new R(), C = e, w = ue(), T = O(), { t: D } = L(), { firststeps: N } = s(C), z = ve(), { user: B } = Se(z), { data: V, isLoading: je } = r.toggleQueryActivator("get2FAStatusQuery", !N.value).get2FAStatusQuery(), { mutateAsync: Ne, isPending: H } = r.setup2FAQuery(), { mutateAsync: Fe, isPending: Ie } = r.enable2FAQuery(), { data: U, isBusy: Re } = r.toggleQueryActivator("listSessionsQuery", !N.value).listSessionsQuery({
+			page: 1,
+			pageSize: -1
+		}), { mutateAsync: Be } = r.revokeSessionQuery(), { mutateAsync: Ve } = r.revokeOtherSessionsQuery(), { data: He, isBusy: We } = r.toggleQueryActivator("listApiTokensQuery", !N.value).listApiTokensQuery(), { mutateAsync: Ge, isPending: Ke } = r.createApiTokenQuery(), { mutateAsync: Je } = r.revokeApiTokenQuery(), Ye = j({
+			password: k,
+			passwordConfirm: M().min(1)
+		}).refine((e) => e.password === e.passwordConfirm, {
+			message: "Passwords do not match",
+			path: ["passwordConfirm"]
+		}), Ze = j({
+			username: M().min(1),
+			password: k,
+			passwordConfirm: M().min(1)
+		}).refine((e) => e.password === e.passwordConfirm, {
+			message: "Passwords do not match",
+			path: ["passwordConfirm"]
+		}), W = ne(), Qe = pe(), $e = b("formRef"), tt = b("passwordFormRef"), G = l(), K = c("avatar"), q = c(B.value?.username ?? ""), J = c(!1), Y = c(!1), X = c(null), Z = c(""), bn = c(null), xn = c(!1), Sn = c(null);
+		c(!1);
+		let Cn = c(!1), Q = c(!1), wn = g(() => !1), Tn = g(() => !W || B.value?.role === "master"), En = {
+			bodyRow: { class: "text-sm text-secondary" },
+			column: { columnTitle: { class: "text-sm" } }
+		}, $ = g(() => (U.value ?? []).filter((e) => !e.is_current).length), Dn = g(() => !X.value?.secret || !B.value?.username ? "" : `otpauth://totp/${encodeURIComponent(`camera.ui:${B.value.username}`)}?secret=${X.value.secret}&issuer=camera.ui`);
+		async function On() {
+			X.value?.secret && await P(X.value.secret);
+		}
+		function kn(e) {
+			return e === "tv" ? ze : e === "native" ? Me : Le;
+		}
+		async function An(e) {
+			bn.value = e;
+			try {
+				await Be({ id: e });
+			} catch (e) {
+				T.add({
+					severity: "error",
+					detail: e,
+					life: 3e3
+				});
+			} finally {
+				bn.value = null;
+			}
+		}
+		function jn() {
+			w.openComponentDialog(qe, {
+				data: {
+					title: D("views.settings.api_tokens.create"),
+					confirmText: D("views.settings.api_tokens.create_confirm"),
+					contentProps: { existingNames: (He.value ?? []).map((e) => e.name) }
+				},
+				onConfirm: async (e) => {
+					if (e) try {
+						Mn((await Ge({ name: e })).token);
+					} catch (e) {
+						T.add({
+							severity: "error",
+							detail: e,
+							life: 3e3
+						});
+					}
+				}
+			});
+		}
+		function Mn(e) {
+			w.openComponentDialog(Ue, { data: {
+				title: D("views.settings.api_tokens.created_title"),
+				confirmText: D("components.form.button.close"),
+				hideCancelButton: !0,
+				contentProps: { token: e }
+			} });
+		}
+		function Nn(e) {
+			w.openTextDialog({
+				data: {
+					title: D("views.settings.api_tokens.revoke_title"),
+					contentText: D("views.settings.api_tokens.revoke_confirm", { name: e.name }),
+					confirmText: D("views.settings.api_tokens.revoke"),
+					confirmButtonProps: { severity: "danger" }
+				},
+				onConfirm: async () => {
+					Sn.value = e.id;
+					try {
+						await Je({ id: e.id });
+					} catch (e) {
+						T.add({
+							severity: "error",
+							detail: e,
+							life: 3e3
+						});
+					} finally {
+						Sn.value = null;
+					}
+				}
+			});
+		}
+		function Pn() {
+			w.openTextDialog({
+				data: {
+					title: D("views.settings.active_sessions.revoke_others_title"),
+					contentText: D("views.settings.active_sessions.revoke_others_confirm", { count: $.value }),
+					confirmText: D("views.settings.active_sessions.revoke"),
+					confirmButtonProps: { severity: "danger" }
+				},
+				onConfirm: async () => {
+					xn.value = !0;
+					try {
+						await Ve();
+					} catch (e) {
+						T.add({
+							severity: "error",
+							detail: e,
+							life: 3e3
+						});
+					} finally {
+						xn.value = !1;
+					}
+				}
+			});
+		}
+		async function Fn() {
+			try {
+				X.value = await Ne();
+			} catch (e) {
+				T.add({
+					severity: "error",
+					detail: e,
+					life: 3e3
+				});
+			}
+		}
+		function In() {
+			X.value = null, Z.value = "";
+		}
+		async function Ln() {
+			try {
+				let e = await Fe({ code: Z.value });
+				X.value = null, Z.value = "", T.add({
+					severity: "success",
+					detail: D("views.settings.security.2fa_enabled_success"),
+					life: 3e3
+				}), Bn(e.backupCodes);
+			} catch (e) {
+				T.add({
+					severity: "error",
+					detail: e,
+					life: 3e3
+				});
+			}
+		}
+		function Rn() {
+			w.openComponentDialog(et, { data: {
+				title: D("views.settings.security.disable_2fa"),
+				confirmText: D("views.settings.security.disable_2fa"),
+				confirmButtonProps: { severity: "danger" },
+				contentProps: {}
+			} });
+		}
+		function zn() {
+			w.openComponentDialog(nt, { data: {
+				title: D("views.settings.security.regenerate_backup"),
+				confirmText: D("views.settings.security.regenerate_backup"),
+				contentProps: { onBackupCodesGenerated: (e) => {
+					Bn(e);
+				} }
+			} });
+		}
+		function Bn(e) {
+			w.openComponentDialog(Xe, { data: {
+				title: D("views.settings.security.backup_codes"),
+				confirmText: D("components.form.button.close"),
+				hideCancelButton: !0,
+				contentProps: { backupCodes: e }
+			} });
+		}
+		async function Vn(e) {
+			let t = e.target?.files;
+			G.value = t?.[0], K.value = await de(e) ?? K.value;
+		}
+		async function Hn() {
+			J.value = !0;
+			try {
+				let e;
+				G.value && (e = new FormData(), e.append("upload", G.value));
+				let t = B.value?.username !== q.value;
+				if (t) await z.updateUser({ username: q.value }, e);
+				else if (e) await z.updateUser(void 0, e);
+				else {
+					J.value = !1;
+					return;
+				}
+				T.add({
+					severity: "success",
+					detail: D("components.toast.profile_updated"),
+					life: 3e3
+				}), G.value = void 0, t && z.logout();
+			} catch {}
+			J.value = !1;
+		}
+		async function Un(e) {
+			Y.value = !0;
+			try {
+				await z.updateUser({
+					password: e.password,
+					passwordConfirm: e.passwordConfirm
+				}), T.add({
+					severity: "success",
+					detail: D("components.toast.password_updated"),
+					life: 3e3
+				}), tt.value?.resetForm(), Qe || z.logout();
+			} catch (e) {
+				T.add({
+					severity: "error",
+					detail: e,
+					life: 3e3
+				});
+			}
+			Y.value = !1;
+		}
+		async function Wn() {}
+		async function Gn(e) {
+			if (e !== Cn.value) {
+				if (e) T.add({
+					severity: "info",
+					detail: D("views.settings.biometric.enable_hint"),
+					life: 3e3
+				});
+				else {
+					Q.value = !0;
+					try {
+						await ye(le()), Cn.value = !1, T.add({
+							severity: "success",
+							detail: D("views.settings.biometric.cleared"),
+							life: 3e3
+						});
+					} finally {
+						Q.value = !1;
+					}
+				}
+			}
+		}
+		return ee(() => {
+			Wn();
+		}), n({ formRef: $e }), (e, n) => {
+			let r = he, s = we, c = se, l = xe, g = ce, b = Ce, C = me, w = Oe, T = ae, ee = oe, D = A, O = re, k = Ae, ne = fe, j = De, M = Te, le = ge, ue = Ee, de = te, pe = ke, P = a("tooltip");
+			return i(), v("div", null, [x("div", rt, [h(N) ? (i(), f(h(be), {
+				key: 0,
+				ref_key: "formRef",
+				ref: $e,
+				"validation-schema": h(Ze),
+				class: "flex flex-col w-full gap-6"
+			}, {
+				default: _(() => [x("div", it, [
+					x("div", at, [x("label", ot, [E(r, {
+						src: h(K),
+						size: 64,
+						"show-border": !1,
+						class: "cursor-pointer"
+					}, null, 8, ["src"]), x("input", {
+						id: "file-input",
+						type: "file",
+						class: "hidden",
+						accept: "image/png,image/jpeg,image/jpg",
+						onChange: n[0] ||= (e) => Vn(e)
+					}, null, 32)])]),
+					x("span", st, u(e.$t("views.settings.profile")), 1),
+					E(l, { class: "cui-card" }, {
+						content: _(() => [x("div", ct, [E(h(F), {
+							"model-value": h(B)?.username,
+							name: "username",
+							as: "div",
+							class: "flex flex-col field-gap"
+						}, {
+							default: _(({ field: n, errors: r }) => [
+								x("label", lt, u(e.$t("components.form.label.username")), 1),
+								E(c, null, {
+									default: _(() => [E(s, o(n, {
+										invalid: r.length > 0,
+										type: "text"
+									}), null, 16, ["invalid"])]),
+									_: 2
+								}, 1024),
+								E(t, { name: "fade" }, {
+									default: _(() => [E(h(I), {
+										name: "username",
+										class: "cui-input-error"
+									})]),
+									_: 1
+								})
+							]),
+							_: 1
+						}, 8, ["model-value"])])]),
+						_: 1
+					})
+				]), x("div", null, [x("span", ut, u(e.$t("views.settings.password")), 1), E(l, { class: "cui-card" }, {
+					content: _(() => [x("div", dt, [E(h(F), {
+						name: "password",
+						as: "div",
+						class: "flex flex-col field-gap"
+					}, {
+						default: _(({ field: n, errors: r }) => [
+							x("label", ft, u(e.$t("components.form.label.new_password")), 1),
+							E(c, null, {
+								default: _(() => [E(g, o({ invalid: r.length > 0 }, n, {
+									feedback: !1,
+									"toggle-mask": ""
+								}), null, 16, ["invalid"])]),
+								_: 2
+							}, 1024),
+							E(t, { name: "fade" }, {
+								default: _(() => [E(h(I), {
+									name: "password",
+									class: "cui-input-error"
+								})]),
+								_: 1
+							})
+						]),
+						_: 1
+					}), E(h(F), {
+						name: "passwordConfirm",
+						as: "div",
+						class: "flex flex-col field-gap"
+					}, {
+						default: _(({ field: n, errors: r }) => [
+							x("label", pt, u(e.$t("components.form.label.new_password_confirm")), 1),
+							E(c, null, {
+								default: _(() => [E(g, o({ invalid: r.length > 0 }, n, {
+									feedback: !1,
+									"toggle-mask": ""
+								}), null, 16, ["invalid"])]),
+								_: 2
+							}, 1024),
+							E(t, { name: "fade" }, {
+								default: _(() => [E(h(I), {
+									name: "passwordConfirm",
+									class: "cui-input-error"
+								})]),
+								_: 1
+							})
+						]),
+						_: 1
+					})])]),
+					_: 1
+				})])]),
+				_: 1
+			}, 8, ["validation-schema"])) : (i(), v(y, { key: 1 }, [
+				x("div", mt, [
+					x("div", ht, [x("label", gt, [E(r, {
+						src: h(K),
+						size: 64,
+						"show-border": !1,
+						class: "cursor-pointer"
+					}, null, 8, ["src"]), x("input", {
+						id: "file-input",
+						type: "file",
+						class: "hidden",
+						accept: "image/png,image/jpeg,image/jpg",
+						onChange: n[1] ||= (e) => Vn(e)
+					}, null, 32)])]),
+					x("span", _t, u(e.$t("views.settings.profile")), 1),
+					E(l, { class: "cui-card" }, {
+						content: _(() => [x("div", vt, [x("div", yt, [x("label", bt, u(e.$t("components.form.label.username")), 1), E(c, null, {
+							default: _(() => [E(s, {
+								modelValue: h(q),
+								"onUpdate:modelValue": n[2] ||= (e) => m(q) ? q.value = e : null,
+								loading: h(J),
+								disabled: h(W) || h(Qe),
+								type: "text"
+							}, null, 8, [
+								"modelValue",
+								"loading",
+								"disabled"
+							])]),
+							_: 1
+						})]), x("div", xt, [E(b, {
+							loading: h(J),
+							class: "cui-button-medium",
+							label: e.$t("components.form.button.update_profile"),
+							onClick: Hn
+						}, null, 8, ["loading", "label"])])])]),
+						_: 1
+					})
+				]),
+				h(W) ? p("", !0) : (i(), v("div", St, [x("span", Ct, u(e.$t("views.settings.password")), 1), E(l, { class: "cui-card" }, {
+					content: _(() => [E(h(be), {
+						ref_key: "passwordFormRef",
+						ref: tt,
+						"validation-schema": h(Ye),
+						class: "flex flex-col gap-6",
+						onSubmit: n[3] ||= (e) => Un(e)
+					}, {
+						default: _(() => [
+							E(h(F), {
+								name: "password",
+								as: "div",
+								class: "flex flex-col field-gap"
+							}, {
+								default: _(({ field: n, errors: r }) => [
+									x("label", wt, u(e.$t("components.form.label.new_password")), 1),
+									E(c, null, {
+										default: _(() => [E(g, o({ invalid: r.length > 0 }, n, {
+											loading: h(Y),
+											feedback: !1,
+											"toggle-mask": ""
+										}), null, 16, ["invalid", "loading"])]),
+										_: 2
+									}, 1024),
+									E(t, { name: "fade" }, {
+										default: _(() => [E(h(I), {
+											name: "password",
+											class: "cui-input-error"
+										})]),
+										_: 1
+									})
+								]),
+								_: 1
+							}),
+							E(h(F), {
+								name: "passwordConfirm",
+								as: "div",
+								class: "flex flex-col field-gap"
+							}, {
+								default: _(({ field: n, errors: r }) => [
+									x("label", Tt, u(e.$t("components.form.label.new_password_confirm")), 1),
+									E(c, null, {
+										default: _(() => [E(g, o({ invalid: r.length > 0 }, n, {
+											loading: h(Y),
+											feedback: !1,
+											"toggle-mask": ""
+										}), null, 16, ["invalid", "loading"])]),
+										_: 2
+									}, 1024),
+									E(t, { name: "fade" }, {
+										default: _(() => [E(h(I), {
+											name: "passwordConfirm",
+											class: "cui-input-error"
+										})]),
+										_: 1
+									})
+								]),
+								_: 1
+							}),
+							x("div", Et, [E(b, {
+								type: "submit",
+								loading: h(Y),
+								class: "cui-button-medium",
+								label: e.$t("components.form.button.change_password")
+							}, null, 8, ["loading", "label"])])
+						]),
+						_: 1
+					}, 8, ["validation-schema"])]),
+					_: 1
+				})])),
+				x("div", null, [x("span", Dt, u(e.$t("views.settings.security.title")), 1), E(l, { class: "cui-card" }, {
+					content: _(() => [h(je) ? (i(), v("div", Ot, [E(C, {
+						class: "w-[30px] h-[30px] m-0",
+						"stroke-width": "5"
+					})])) : (i(), f(t, {
+						key: 1,
+						name: "fade",
+						mode: "out-in"
+					}, {
+						default: _(() => [!h(V)?.enabled && !h(X) && !h(H) ? (i(), v("div", kt, [x("div", At, [x("span", jt, u(e.$t("views.settings.security.2fa_title")), 1), x("span", Mt, u(e.$t("views.settings.security.2fa_description")), 1)]), E(b, {
+							class: "cui-button-medium ml-auto",
+							label: e.$t("views.settings.security.setup_2fa"),
+							onClick: Fn
+						}, null, 8, ["label"])])) : !h(V)?.enabled && h(H) ? (i(), v("div", Nt, [E(C, {
+							class: "w-[30px] h-[30px] m-0",
+							"stroke-width": "5"
+						}), x("span", Pt, u(e.$t("views.settings.security.generating_qr")), 1)])) : !h(V)?.enabled && h(X) ? (i(), v("div", Ft, [x("div", It, [E(w, {
+							value: h(Dn),
+							size: 160,
+							"logo-size": 36
+						}, null, 8, ["value"]), x("p", Lt, u(e.$t("views.settings.security.scan_qr")), 1)]), x("div", Rt, [
+							x("div", zt, [x("label", Bt, u(e.$t("views.settings.security.manual_entry")), 1), E(c, null, {
+								default: _(() => [E(s, {
+									"model-value": h(X)?.secret,
+									readonly: "",
+									class: "font-mono text-sm"
+								}, null, 8, ["model-value"]), E(ee, null, {
+									default: _(() => [E(T, {
+										"action-text": e.$t("components.form.tooltip.copied"),
+										icon: h(ie),
+										"button-props": {
+											severity: "secondary",
+											text: !0
+										},
+										onAction: On
+									}, null, 8, ["action-text", "icon"])]),
+									_: 1
+								})]),
+								_: 1
+							})]),
+							x("div", Vt, [x("label", Ht, u(e.$t("views.settings.security.enter_code")), 1), E(D, {
+								modelValue: h(Z),
+								"onUpdate:modelValue": n[4] ||= (e) => m(Z) ? Z.value = e : null,
+								length: 6,
+								"integer-only": ""
+							}, null, 8, ["modelValue"])]),
+							x("div", Ut, [E(b, {
+								severity: "secondary",
+								class: "cui-button-medium",
+								label: e.$t("components.form.button.cancel"),
+								onClick: In
+							}, null, 8, ["label"]), E(b, {
+								class: "cui-button-medium",
+								label: e.$t("views.settings.security.enable_2fa"),
+								loading: h(Ie),
+								disabled: h(Z).length < 6,
+								onClick: Ln
+							}, null, 8, [
+								"label",
+								"loading",
+								"disabled"
+							])])
+						])])) : (i(), v("div", Wt, [
+							x("div", Gt, [x("div", Kt, [E(O, { class: "w-5 h-5" })]), x("div", qt, [x("span", Jt, u(e.$t("views.settings.security.2fa_enabled")), 1)])]),
+							h(V)?.backupCodesCount === void 0 ? p("", !0) : (i(), v("div", Yt, [E(k, { class: "w-4 h-4" }), x("span", null, u(e.$t("views.settings.security.backup_codes_remaining", { count: h(V).backupCodesCount })), 1)])),
+							x("div", Xt, [E(b, {
+								severity: "secondary",
+								class: "cui-button-medium",
+								label: e.$t("views.settings.security.regenerate_backup"),
+								onClick: zn
+							}, null, 8, ["label"]), E(b, {
+								severity: "danger",
+								class: "cui-button-medium",
+								label: e.$t("views.settings.security.disable_2fa"),
+								onClick: Rn
+							}, null, 8, ["label"])])
+						]))]),
+						_: 1
+					}))]),
+					_: 1
+				})]),
+				h(wn) ? (i(), v("div", Zt, [x("span", Qt, u(e.$t("views.settings.biometric.title")), 1), E(l, { class: "cui-card" }, {
+					content: _(() => [E(j, {
+						plain: "",
+						label: e.$t("views.settings.biometric.label"),
+						hint: e.$t("views.settings.biometric.description")
+					}, {
+						default: _(() => [E(ne, {
+							"model-value": h(Cn),
+							loading: h(Q),
+							"onUpdate:modelValue": Gn
+						}, null, 8, ["model-value", "loading"])]),
+						_: 1
+					}, 8, ["label", "hint"])]),
+					_: 1
+				})])) : p("", !0),
+				h(Tn) ? (i(), v("div", $t, [x("span", en, u(e.$t("views.settings.api_tokens.title")), 1), E(l, { class: "cui-card" }, {
+					content: _(() => [x("div", tn, [
+						x("span", nn, u(e.$t("views.settings.api_tokens.info")), 1),
+						E(ue, {
+							value: h(He) ?? [],
+							"data-key": "id",
+							loading: h(We),
+							pt: En,
+							"striped-rows": "",
+							scrollable: ""
+						}, {
+							loading: _(() => [E(C, {
+								class: "w-[30px] h-[30px] m-0",
+								"stroke-width": "5"
+							})]),
+							empty: _(() => [x("span", rn, u(e.$t("views.settings.api_tokens.empty")), 1)]),
+							default: _(() => [
+								E(M, {
+									field: "name",
+									header: e.$t("views.settings.api_tokens.name_label"),
+									"header-class": "p-2 h-7 min-h-7 max-h-7",
+									class: "p-2 h-7 min-h-7 max-h-7"
+								}, {
+									body: _(({ data: e }) => [x("div", an, [E(h(Pe), { class: "cui-session-icon" }), x("div", on, [x("span", sn, u(e.name), 1), x("span", cn, u(e.token_hint), 1)])])]),
+									_: 1
+								}, 8, ["header"]),
+								E(M, {
+									field: "last_seen_at",
+									header: e.$t("views.settings.api_tokens.last_used"),
+									"header-class": "p-2 h-7 min-h-7 max-h-7",
+									class: "p-2 h-7 min-h-7 max-h-7"
+								}, {
+									body: _(({ data: t }) => [x("span", ln, u(t.last_seen_at > t.created_at ? h(_e)(t.last_seen_at) : e.$t("views.settings.api_tokens.never")), 1)]),
+									_: 1
+								}, 8, ["header"]),
+								E(M, {
+									field: "action",
+									"header-class": "p-2 h-7 min-h-7 max-h-7",
+									class: "p-2 h-7 min-h-7 max-h-7 text-right"
+								}, {
+									body: _(({ data: t }) => [S((i(), f(b, {
+										severity: "danger",
+										text: "",
+										rounded: "",
+										class: "cui-icon-md",
+										loading: h(Sn) === t.id,
+										onClick: (e) => Nn(t)
+									}, {
+										icon: _(() => [E(le, {
+											width: "100%",
+											height: "100%"
+										})]),
+										_: 1
+									}, 8, ["loading", "onClick"])), [[P, { value: e.$t("views.settings.api_tokens.revoke") }]])]),
+									_: 1
+								})
+							]),
+							_: 1
+						}, 8, ["value", "loading"]),
+						x("div", un, [E(b, {
+							loading: h(Ke),
+							class: "cui-button-medium mr-4 md:mr-0",
+							label: e.$t("views.settings.api_tokens.create"),
+							onClick: jn
+						}, null, 8, ["loading", "label"])])
+					])]),
+					_: 1
+				})])) : p("", !0),
+				x("div", null, [x("span", dn, u(e.$t("views.settings.active_sessions.title")), 1), E(l, { class: "cui-card" }, {
+					content: _(() => [x("div", fn, [E(ue, {
+						value: h(U) ?? [],
+						"data-key": "id",
+						loading: h(Re),
+						pt: En,
+						"striped-rows": "",
+						scrollable: ""
+					}, {
+						loading: _(() => [E(C, {
+							class: "w-[30px] h-[30px] m-0",
+							"stroke-width": "5"
+						})]),
+						empty: _(() => [x("span", pn, u(e.$t("views.settings.active_sessions.empty")), 1)]),
+						default: _(() => [E(M, {
+							field: "device",
+							header: e.$t("views.settings.title_device"),
+							"header-class": "p-2 h-7 min-h-7 max-h-7",
+							class: "p-2 h-7 min-h-7 max-h-7"
+						}, {
+							body: _(({ data: t }) => [x("div", mn, [(i(), f(d(kn(t.device.kind)), { class: "cui-session-icon" })), x("div", hn, [x("div", gn, [x("span", _n, u(t.device.name), 1), t.is_current ? (i(), f(de, {
+								key: 0,
+								severity: "success",
+								value: e.$t("views.settings.active_sessions.this_device"),
+								class: "cui-session-tag"
+							}, null, 8, ["value"])) : p("", !0)]), x("span", vn, u(t.device.ip || "—"), 1)])])]),
+							_: 1
+						}, 8, ["header"]), E(M, {
+							field: "action",
+							"header-class": "p-2 h-7 min-h-7 max-h-7",
+							class: "p-2 h-7 min-h-7 max-h-7 text-right"
+						}, {
+							body: _(({ data: t }) => [t.is_current ? p("", !0) : S((i(), f(b, {
+								key: 0,
+								severity: "danger",
+								text: "",
+								rounded: "",
+								class: "cui-icon-md",
+								loading: h(bn) === t.id,
+								onClick: (e) => An(t.id)
+							}, {
+								icon: _(() => [E(pe, {
+									width: "100%",
+									height: "100%"
+								})]),
+								_: 1
+							}, 8, ["loading", "onClick"])), [[P, { value: e.$t("views.settings.active_sessions.revoke") }]])]),
+							_: 1
+						})]),
+						_: 1
+					}, 8, ["value", "loading"]), h($) > 0 ? (i(), v("div", yn, [E(b, {
+						loading: h(xn),
+						class: "cui-button-medium mr-4 md:mr-0",
+						label: e.$t("views.settings.active_sessions.revoke_all_others", { count: h($) }),
+						onClick: Pn
+					}, null, 8, ["loading", "label"])])) : p("", !0)])]),
+					_: 1
+				})])
+			], 64))])]);
+		};
+	}
+}), Y = /* @__PURE__ */ e({ default: () => X }), X = /*#__PURE__*/ N(J, [["__scopeId", "data-v-3120bc7f"]]);
+//#endregion
+export { Y as n, X as t };