@camera.ui/server 2.2.5-beta.4 → 2.2.6

package/dist/interface/ha/{FirstSteps-yS2M2cor.js → FirstSteps-ZINTSaeL.js}

@@ -1,13 +1,13 @@
 import { G as e, H as t, Jt as n, Wt as r, _t as i, d as a, f as o, gt as s, kt as c, l, lt as u, p as d, r as f, rt as p, st as m, u as h, v as ee, wt as g, x as _, xt as v, y } from "./runtime-core.esm-bundler-_TfE0DWz.js";
 import { t as te } from "./message-D6dIy_hz.js";
-import { G as b, _t as x, a as S, bi as ne, g as re, l as C, mn as ie, mr as ae, nn as oe, pn as se } from "./api-BP7mlzjP.js";
+import { Si as b, W as x, a as S, fn as ne, g as re, gr as ie, gt as ae, l as C, pn as oe, tn as se } from "./api-D2VzV4is.js";
 import { i as ce, o as le } from "./intercomService-B7HkLs6z.js";
-import { r as ue } from "./pinia-C6gt7A_Q.js";
+import { r as ue } from "./pinia-BokSpDzj.js";
 import { n as de } from "./vue-i18n-D5EAy78K.js";
 import { t as fe } from "./button-BouAFgf5.js";
-import { t as pe } from "./cards-BpBP1zVW.js";
-import { t as me } from "./SettingsAccount-DBXMQPYk.js";
-import { t as he } from "./SettingsAppearance-VmbjnT3o.js";
+import { t as pe } from "./cards-MQrnU0T8.js";
+import { t as me } from "./SettingsAccount-Ba2-2Lbi.js";
+import { t as he } from "./SettingsAppearance-D56HjSuQ.js";
 //#region ~icons/tabler/check
 var w = {
 	viewBox: "0 0 24 24",
@@ -30,89 +30,89 @@ var ge = i({
 }), E = { class: "h-full flex flex-col" }, D = { class: "border-color-bottom draggable-region" }, O = { class: "max-w-3xl mx-auto flex items-center justify-between px-4 py-3" }, k = { class: "flex items-center gap-2" }, A = { class: "flex-1 overflow-auto" }, j = { class: "max-w-3xl mx-auto px-4 py-6 flex flex-col gap-6" }, M = { class: "flex items-center w-full" }, N = { class: "flex flex-col items-center gap-2 flex-shrink-0" }, P = { key: 1 }, F = { class: "flex flex-col items-center gap-6 py-6" }, I = { class: "text-muted" }, L = { class: "flex flex-row items-center justify-center gap-2" }, _e = { class: "max-w-[375px] text-center text-muted" }, ve = {
 	key: 0,
 	class: "flex flex-col items-center gap-3 w-full"
-}, ye = { class: "text-center text-muted max-w-[375px]" }, be = { class: "flex flex-row items-center justify-center gap-2" }, xe = { class: "flex flex-col items-center gap-6 py-8" }, Se = { class: "text-center text-muted max-w-[375px]" }, Ce = { class: "flex items-center justify-between gap-2" }, we = { key: 1 }, R = /* @__PURE__ */ _({
+}, ye = { class: "text-center text-muted max-w-[375px]" }, be = { class: "flex flex-row items-center justify-center gap-2" }, R = { class: "flex flex-col items-center gap-6 py-8" }, xe = { class: "text-center text-muted max-w-[375px]" }, Se = { class: "flex items-center justify-between gap-2" }, Ce = { key: 1 }, z = /* @__PURE__ */ _({
 	__name: "FirstSteps",
 	setup(i) {
-		let _ = le(), w = x(), T = ne(), { t: R } = de(), z = re(), { loginLoading: Te } = ue(z), B = v([
+		let _ = le(), w = ae(), T = b(), { t: z } = de(), B = re(), { loginLoading: we } = ue(B), V = v([
 			"welcome",
 			"appearance",
 			"account",
 			"finish"
-		]), V = p("accountFormRef"), H = p("backupFileInputRef"), U = g(), W = g(), G = pe(), K = G.lastError, q = v(0), J = v(!1), Y = v(), X = l(() => J.value || Te.value), Ee = l(() => ae(void 0, "master")), Z = l(() => V.value?.formRef);
-		function De(e) {
-			return e < q.value ? "bg-primary-500 text-white" : e === q.value ? "bg-primary-500 text-white ring-4 ring-primary-500/20" : "border border-color text-muted";
+		]), H = p("accountFormRef"), U = p("backupFileInputRef"), W = g(), G = g(), K = pe(), q = K.lastError, J = v(0), Y = v(!1), X = v(), Z = l(() => Y.value || we.value), Te = l(() => ie(void 0, "master")), Q = l(() => H.value?.formRef);
+		function Ee(e) {
+			return e < J.value ? "bg-primary-500 text-white" : e === J.value ? "bg-primary-500 text-white ring-4 ring-primary-500/20" : "border border-color text-muted";
 		}
-		async function Q() {
-			if (q.value < B.value.length - 1) {
-				if (q.value === 2) {
-					let e = Z.value?.getValues();
+		async function $() {
+			if (J.value < V.value.length - 1) {
+				if (J.value === 2) {
+					let e = Q.value?.getValues();
 					if (e) {
 						if (!e.password || !e.passwordConfirm) {
-							Z.value?.setFieldError("password", "Required"), Z.value?.setFieldError("passwordConfirm", "Required");
+							Q.value?.setFieldError("password", "Required"), Q.value?.setFieldError("passwordConfirm", "Required");
 							return;
 						}
 						if (!e.username) {
-							Z.value?.setFieldError("username", "Required");
+							Q.value?.setFieldError("username", "Required");
 							return;
 						}
 					}
-					let t = await Z.value?.validate();
-					t?.valid ? (Y.value = S(e), q.value++) : t?.valid || (_.error("Validation failed", t), T.add({
+					let t = await Q.value?.validate();
+					t?.valid ? (X.value = S(e), J.value++) : t?.valid || (_.error("Validation failed", t), T.add({
 						severity: "error",
-						detail: R("components.toast.validation_failed"),
+						detail: z("components.toast.validation_failed"),
 						life: 3e3
 					}));
-				} else q.value++;
+				} else J.value++;
 			}
 		}
-		function Oe() {
-			q.value > 0 && q.value--;
+		function De() {
+			J.value > 0 && J.value--;
 		}
-		async function ke() {
+		async function Oe() {
 			try {
-				await z.logout();
+				await B.logout();
 			} catch (e) {
 				_.error(e.response?.data?.message ?? e.message ?? e);
 			}
 		}
-		function $() {
-			H.value?.click();
+		function ke() {
+			U.value?.click();
 		}
 		function Ae(e) {
 			let t = e.target;
-			t.files && t.files[0] && (W.value = t.files[0], w.openTextDialog({
+			t.files && t.files[0] && (G.value = t.files[0], w.openTextDialog({
 				data: {
-					title: R("components.dialog.title.confirm"),
-					confirmText: R("components.form.button.restore_and_restart"),
-					contentText: R("components.dialog.message.confirm_restore"),
-					loading: X
+					title: z("components.dialog.title.confirm"),
+					confirmText: z("components.form.button.restore_and_restart"),
+					contentText: z("components.dialog.message.confirm_restore"),
+					loading: Z
 				},
 				onConfirm: je
 			})), t.value = "";
 		}
 		async function je() {
-			W.value && (J.value = !0, await G.run(W.value), J.value = !1);
+			G.value && (Y.value = !0, await K.run(G.value), Y.value = !1);
 		}
 		async function Me() {
-			if (!Y.value) {
+			if (!X.value) {
 				T.add({
 					severity: "error",
-					detail: R("components.toast.validation_failed"),
+					detail: z("components.toast.validation_failed"),
 					life: 3e3
 				});
 				return;
 			}
-			let e, t = S(Y.value);
+			let e, t = S(X.value);
 			t.firstLogin = !1, delete t.upload;
 			try {
-				U.value && (e = new FormData(), e.append("upload", U.value)), await z.updateUser(t, e), z.logout();
+				W.value && (e = new FormData(), e.append("upload", W.value)), await B.updateUser(t, e), B.logout();
 			} catch {}
 		}
 		return m(() => {
-			q.value === 2 && (Y.value = void 0);
+			J.value === 2 && (X.value = void 0);
 		}), (i, l) => {
-			let p = fe, m = ge, g = te, _ = ce, v = oe, x = se, S = ie;
-			return t(), d("div", E, [h("div", D, [h("div", O, [h("div", k, [y(c(b), {
+			let p = fe, m = ge, g = te, _ = ce, v = se, b = ne, S = oe;
+			return t(), d("div", E, [h("div", D, [h("div", O, [h("div", k, [y(c(x), {
 				src: c(C)("logo_animated.svg"),
 				width: "20px",
 				height: "22px",
@@ -123,27 +123,27 @@ var ge = i({
 				severity: "secondary",
 				variant: "text",
 				label: i.$t("components.form.button.logout"),
-				onClick: ke
+				onClick: Oe
 			}, null, 8, ["label"])])]), h("div", A, [h("div", j, [
-				h("div", M, [(t(!0), d(f, null, e(c(B), (e, s) => (t(), d(f, { key: e }, [h("div", N, [h("div", { class: r(["w-9 h-9 rounded-full flex items-center justify-center text-sm font-semibold transition-all duration-200", De(s)]) }, [s < c(q) ? (t(), a(m, {
+				h("div", M, [(t(!0), d(f, null, e(c(V), (e, s) => (t(), d(f, { key: e }, [h("div", N, [h("div", { class: r(["w-9 h-9 rounded-full flex items-center justify-center text-sm font-semibold transition-all duration-200", Ee(s)]) }, [s < c(J) ? (t(), a(m, {
 					key: 0,
 					class: "w-4 h-4"
-				})) : (t(), d("span", P, n(s + 1), 1))], 2), h("span", { class: r(["text-xs font-medium hidden sm:block whitespace-nowrap", s <= c(q) ? "text-color" : "text-muted"]) }, n(i.$t(`views.firststeps.step_${e}`)), 3)]), s < c(B).length - 1 ? (t(), d("div", {
+				})) : (t(), d("span", P, n(s + 1), 1))], 2), h("span", { class: r(["text-xs font-medium hidden sm:block whitespace-nowrap", s <= c(J) ? "text-color" : "text-muted"]) }, n(i.$t(`views.firststeps.step_${e}`)), 3)]), s < c(V).length - 1 ? (t(), d("div", {
 					key: 0,
-					class: r(["flex-1 h-px mx-2 sm:mx-3 transition-colors duration-200", s < c(q) ? "bg-primary-500" : "bg-[var(--border-color)]"])
+					class: r(["flex-1 h-px mx-2 sm:mx-3 transition-colors duration-200", s < c(J) ? "bg-primary-500" : "bg-[var(--border-color)]"])
 				}, null, 2)) : o("", !0)], 64))), 128))]),
 				y(S, {
-					value: c(q),
-					"onUpdate:value": l[0] ||= (e) => s(q) ? q.value = e : null,
+					value: c(J),
+					"onUpdate:value": l[0] ||= (e) => s(J) ? J.value = e : null,
 					lazy: ""
 				}, {
-					default: u(() => [y(x, { class: "!p-0 !bg-transparent" }, {
+					default: u(() => [y(b, { class: "!p-0 !bg-transparent" }, {
 						default: u(() => [
 							y(v, { value: 0 }, {
 								default: u(() => [y(_, { class: "cui-card" }, {
 									content: u(() => [h("div", F, [
 										h("span", I, n(i.$t("views.firststeps.welcome_to")), 1),
-										h("div", L, [y(c(b), {
+										h("div", L, [y(c(x), {
 											src: c(C)("logo_animated.svg"),
 											width: "26px",
 											height: "32px",
@@ -151,44 +151,44 @@ var ge = i({
 											"aria-label": "camera.ui"
 										}, null, 8, ["src"]), l[2] ||= h("span", { class: "text-4xl" }, "camera.ui", -1)]),
 										h("p", _e, n(i.$t("views.firststeps.slogan")), 1),
-										c(Ee) ? (t(), d("div", ve, [
+										c(Te) ? (t(), d("div", ve, [
 											h("p", ye, n(i.$t("views.firststeps.start_message")), 1),
 											h("div", be, [y(p, {
 												class: "cui-button-medium",
-												loading: c(X),
+												loading: c(Z),
 												label: i.$t("views.firststeps.new_installation"),
-												onClick: Q
+												onClick: $
 											}, null, 8, ["loading", "label"]), y(p, {
 												class: "cui-button-medium",
 												severity: "secondary",
-												loading: c(X),
+												loading: c(Z),
 												label: i.$t("views.firststeps.from_backup"),
-												onClick: $
+												onClick: ke
 											}, null, 8, ["loading", "label"])]),
 											h("input", {
 												ref_key: "backupFileInputRef",
-												ref: H,
+												ref: U,
 												type: "file",
 												accept: "application/gzip, .tar, .tar.gz",
 												class: "hidden",
 												onChange: Ae
 											}, null, 544),
-											c(K) ? (t(), a(g, {
+											c(q) ? (t(), a(g, {
 												key: 0,
 												severity: "error",
 												variant: "simple",
 												size: "small",
 												class: "max-w-[375px] text-center select-text"
 											}, {
-												default: u(() => [ee(n(c(K)), 1)]),
+												default: u(() => [ee(n(c(q)), 1)]),
 												_: 1
 											})) : o("", !0)
 										])) : (t(), a(p, {
 											key: 1,
 											class: "cui-button-medium",
-											loading: c(X),
+											loading: c(Z),
 											label: i.$t("views.firststeps.start"),
-											onClick: Q
+											onClick: $
 										}, null, 8, ["loading", "label"]))
 									])]),
 									_: 1
@@ -202,20 +202,20 @@ var ge = i({
 							y(v, { value: 2 }, {
 								default: u(() => [y(me, {
 									ref_key: "accountFormRef",
-									ref: V,
+									ref: H,
 									firststeps: ""
 								}, null, 512)]),
 								_: 1
 							}),
 							y(v, { value: 3 }, {
 								default: u(() => [y(_, { class: "cui-card" }, {
-									content: u(() => [h("div", xe, [y(c(b), {
+									content: u(() => [h("div", R, [y(c(x), {
 										src: c(C)("logo_animated.svg"),
 										width: "78px",
 										height: "84px",
 										title: "camera.ui",
 										"aria-label": "camera.ui"
-									}, null, 8, ["src"]), h("p", Se, n(i.$t("views.firststeps.finish_message")), 1)])]),
+									}, null, 8, ["src"]), h("p", xe, n(i.$t("views.firststeps.finish_message")), 1)])]),
 									_: 1
 								})]),
 								_: 1
@@ -225,21 +225,21 @@ var ge = i({
 					})]),
 					_: 1
 				}, 8, ["value"]),
-				h("div", Ce, [c(q) > 0 ? (t(), a(p, {
+				h("div", Se, [c(J) > 0 ? (t(), a(p, {
 					key: 0,
 					class: "cui-button-medium",
 					severity: "secondary",
 					label: i.$t("components.form.button.previous"),
-					onClick: Oe
-				}, null, 8, ["label"])) : (t(), d("span", we)), c(q) > 0 && c(q) < c(B).length - 1 ? (t(), a(p, {
+					onClick: De
+				}, null, 8, ["label"])) : (t(), d("span", Ce)), c(J) > 0 && c(J) < c(V).length - 1 ? (t(), a(p, {
 					key: 2,
 					class: "cui-button-medium",
 					label: i.$t("components.form.button.next"),
-					onClick: Q
-				}, null, 8, ["label"])) : c(q) === c(B).length - 1 ? (t(), a(p, {
+					onClick: $
+				}, null, 8, ["label"])) : c(J) === c(V).length - 1 ? (t(), a(p, {
 					key: 3,
 					class: "cui-button-medium",
-					loading: c(X),
+					loading: c(Z),
 					label: i.$t("views.firststeps.enjoy"),
 					onClick: Me
 				}, null, 8, ["loading", "label"])) : o("", !0)])
@@ -248,4 +248,4 @@ var ge = i({
 	}
 });
 //#endregion
-export { R as default };
+export { z as default };