@camera.ui/server 2.4.2 → 2.4.4

package/dist/interface/ha/FirstSteps-C2XCIyUP.js

@@ -0,0 +1,254 @@
+import { G as e, H as t, Kt as n, St as r, Tt as i, Xt as a, d as o, f as s, gt as ee, jt as c, l, lt as u, p as d, r as f, rt as p, st as m, u as h, v as te, vt as g, x as _, y as v } from "./runtime-core.esm-bundler-CrWKbcD2.js";
+import { t as ne } from "./message-CZC3zWwJ.js";
+import { Jr as y, O as b, Qi as x, _n as re, a as S, dt as C, f as w, on as ie, vn as T, x as ae } from "./api-CXtQYIt7.js";
+import { l as oe, s as se } from "./vee-validate-DWIY1QrX.js";
+import { r as ce } from "./pinia-DIpX3XWh.js";
+import { n as le } from "./vue-i18n-DzDRu5NH.js";
+import { t as ue } from "./CuiButton-CGAd8xvo.js";
+import { t as de } from "./SettingsAccount-Cofdm1-P.js";
+import { t as fe } from "./SettingsAppearance-C0mG4s7A.js";
+import { t as pe } from "./CuiMoveCodeForm-C8tcwY8e.js";
+//#region ~icons/tabler/check
+var E = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function D(e, n) {
+	return t(), d("svg", E, [...n[0] ||= [h("path", {
+		fill: "none",
+		stroke: "currentColor",
+		"stroke-linecap": "round",
+		"stroke-linejoin": "round",
+		"stroke-width": "2",
+		d: "m5 12l5 5L20 7"
+	}, null, -1)]]);
+}
+var O = g({
+	name: "tabler-check",
+	render: D
+}), k = { class: "h-full flex flex-col" }, A = { class: "border-color-bottom draggable-region" }, j = { class: "max-w-3xl mx-auto flex items-center justify-between px-4 py-3" }, M = { class: "flex items-center gap-2" }, N = { class: "flex-1 overflow-auto" }, P = { class: "max-w-3xl mx-auto px-4 py-6 flex flex-col gap-6" }, F = { class: "flex items-center w-full" }, I = { class: "flex flex-col items-center gap-2 flex-shrink-0" }, L = { key: 1 }, R = { class: "flex flex-col items-center gap-6 py-6" }, z = { class: "text-muted" }, B = { class: "flex flex-row items-center justify-center gap-2" }, me = { class: "max-w-[375px] text-center text-muted" }, he = {
+	key: 0,
+	class: "flex flex-col items-center gap-6 w-full"
+}, ge = { class: "text-center text-muted max-w-[375px]" }, _e = { class: "flex flex-col gap-2 w-full max-w-[375px]" }, ve = { class: "flex flex-col items-center gap-6 py-8" }, ye = { class: "text-center text-muted max-w-[375px]" }, be = { class: "flex items-center justify-between gap-2" }, xe = { key: 1 }, V = /* @__PURE__ */ _({
+	__name: "FirstSteps",
+	setup(g) {
+		let _ = oe(), E = x(), { t: D } = le(), V = ae(), { loginLoading: Se } = ce(V), H = r([
+			"welcome",
+			"appearance",
+			"account",
+			"finish"
+		]), U = p("accountFormRef"), W = p("backupFileInputRef"), G = i(), K = r(!1), q = b(), J = q.lastError, Y = r(0), X = r(), Z = l(() => Se.value), Ce = l(() => y(void 0, "master")), Q = l(() => U.value?.formRef);
+		function we(e) {
+			return e < Y.value ? "bg-primary-500 text-white" : e === Y.value ? "bg-primary-500 text-white ring-4 ring-primary-500/20" : "border border-color text-muted";
+		}
+		async function $() {
+			if (Y.value < H.value.length - 1) {
+				if (Y.value === 2) {
+					let e = Q.value?.getValues();
+					if (e) {
+						if (!e.password || !e.passwordConfirm) {
+							Q.value?.setFieldError("password", "Required"), Q.value?.setFieldError("passwordConfirm", "Required");
+							return;
+						}
+						if (!e.username) {
+							Q.value?.setFieldError("username", "Required");
+							return;
+						}
+					}
+					let t = await Q.value?.validate();
+					t?.valid ? (X.value = S(e), Y.value++) : t?.valid || (_.error("Validation failed", t), E.add({
+						severity: "error",
+						detail: D("components.toast.validation_failed"),
+						life: 3e3
+					}));
+				} else Y.value++;
+			}
+		}
+		function Te() {
+			Y.value > 0 && Y.value--;
+		}
+		async function Ee() {
+			try {
+				await V.logout();
+			} catch (e) {
+				_.error(e.response?.data?.message ?? e.message ?? e);
+			}
+		}
+		function De() {
+			W.value?.click();
+		}
+		function Oe(e) {
+			let t = e.target, n = t.files?.[0];
+			t.value = "", n && q.upload(n);
+		}
+		async function ke() {
+			if (!X.value) {
+				E.add({
+					severity: "error",
+					detail: D("components.toast.validation_failed"),
+					life: 3e3
+				});
+				return;
+			}
+			let e, t = S(X.value);
+			t.firstLogin = !1, delete t.upload;
+			try {
+				G.value && (e = new FormData(), e.append("upload", G.value)), await V.updateUser(t, e), V.logout();
+			} catch {}
+		}
+		return m(() => {
+			Y.value === 2 && (X.value = void 0);
+		}), (r, i) => {
+			let l = ue, p = O, m = pe, g = ne, _ = se, y = ie, b = re, x = T;
+			return t(), d("div", k, [h("div", A, [h("div", j, [h("div", M, [v(c(C), {
+				src: c(w)("logo_animated.svg"),
+				width: "20px",
+				height: "22px",
+				title: "camera.ui",
+				"aria-label": "camera.ui"
+			}, null, 8, ["src"]), i[2] ||= h("span", { class: "font-semibold" }, "camera.ui", -1)]), v(l, {
+				class: "cui-button-small non-draggable-region",
+				severity: "secondary",
+				variant: "text",
+				label: r.$t("components.form.button.logout"),
+				onClick: Ee
+			}, null, 8, ["label"])])]), h("div", N, [h("div", P, [
+				h("div", F, [(t(!0), d(f, null, e(c(H), (e, i) => (t(), d(f, { key: e }, [h("div", I, [h("div", { class: n(["w-9 h-9 rounded-full flex items-center justify-center text-sm font-semibold transition-all duration-200", we(i)]) }, [i < c(Y) ? (t(), o(p, {
+					key: 0,
+					class: "w-4 h-4"
+				})) : (t(), d("span", L, a(i + 1), 1))], 2), h("span", { class: n(["text-xs font-medium hidden sm:block whitespace-nowrap", i <= c(Y) ? "text-color" : "text-muted"]) }, a(r.$t(`views.firststeps.step_${e}`)), 3)]), i < c(H).length - 1 ? (t(), d("div", {
+					key: 0,
+					class: n(["flex-1 h-px mx-2 sm:mx-3 transition-colors duration-200", i < c(Y) ? "bg-primary-500" : "bg-[var(--border-color)]"])
+				}, null, 2)) : s("", !0)], 64))), 128))]),
+				v(x, {
+					value: c(Y),
+					"onUpdate:value": i[1] ||= (e) => ee(Y) ? Y.value = e : null,
+					lazy: ""
+				}, {
+					default: u(() => [v(b, { class: "!p-0 !bg-transparent" }, {
+						default: u(() => [
+							v(y, { value: 0 }, {
+								default: u(() => [v(_, { class: "cui-card" }, {
+									content: u(() => [h("div", R, [
+										h("span", z, a(r.$t("views.firststeps.welcome_to")), 1),
+										h("div", B, [v(c(C), {
+											src: c(w)("logo_animated.svg"),
+											width: "26px",
+											height: "32px",
+											title: "camera.ui",
+											"aria-label": "camera.ui"
+										}, null, 8, ["src"]), i[3] ||= h("span", { class: "text-4xl" }, "camera.ui", -1)]),
+										h("p", me, a(r.$t("views.firststeps.slogan")), 1),
+										c(Ce) ? (t(), d("div", he, [
+											h("p", ge, a(r.$t("views.firststeps.start_message")), 1),
+											h("div", _e, [
+												v(l, {
+													class: "w-full cui-button-medium",
+													loading: c(Z),
+													label: r.$t("views.firststeps.new_installation"),
+													onClick: $
+												}, null, 8, ["loading", "label"]),
+												v(l, {
+													class: "w-full cui-button-medium",
+													severity: "secondary",
+													loading: c(Z),
+													label: r.$t("views.firststeps.from_backup"),
+													onClick: De
+												}, null, 8, ["loading", "label"]),
+												v(l, {
+													class: "w-full cui-button-medium",
+													severity: "secondary",
+													loading: c(Z),
+													label: r.$t("views.firststeps.from_server"),
+													onClick: i[0] ||= (e) => K.value = !c(K)
+												}, null, 8, ["loading", "label"])
+											]),
+											c(K) ? (t(), o(m, {
+												key: 0,
+												class: "max-w-[375px]"
+											})) : s("", !0),
+											h("input", {
+												ref_key: "backupFileInputRef",
+												ref: W,
+												type: "file",
+												accept: ".cuibackup, application/gzip, .tar, .tar.gz",
+												class: "hidden",
+												onChange: Oe
+											}, null, 544),
+											c(J) ? (t(), o(g, {
+												key: 1,
+												severity: "error",
+												variant: "simple",
+												size: "small",
+												class: "max-w-[375px] text-center select-text"
+											}, {
+												default: u(() => [te(a(c(J)), 1)]),
+												_: 1
+											})) : s("", !0)
+										])) : (t(), o(l, {
+											key: 1,
+											class: "cui-button-medium",
+											loading: c(Z),
+											label: r.$t("views.firststeps.start"),
+											onClick: $
+										}, null, 8, ["loading", "label"]))
+									])]),
+									_: 1
+								})]),
+								_: 1
+							}),
+							v(y, { value: 1 }, {
+								default: u(() => [v(fe, { compact: "" })]),
+								_: 1
+							}),
+							v(y, { value: 2 }, {
+								default: u(() => [v(de, {
+									ref_key: "accountFormRef",
+									ref: U,
+									firststeps: ""
+								}, null, 512)]),
+								_: 1
+							}),
+							v(y, { value: 3 }, {
+								default: u(() => [v(_, { class: "cui-card" }, {
+									content: u(() => [h("div", ve, [v(c(C), {
+										src: c(w)("logo_animated.svg"),
+										width: "78px",
+										height: "84px",
+										title: "camera.ui",
+										"aria-label": "camera.ui"
+									}, null, 8, ["src"]), h("p", ye, a(r.$t("views.firststeps.finish_message")), 1)])]),
+									_: 1
+								})]),
+								_: 1
+							})
+						]),
+						_: 1
+					})]),
+					_: 1
+				}, 8, ["value"]),
+				h("div", be, [c(Y) > 0 ? (t(), o(l, {
+					key: 0,
+					class: "cui-button-medium",
+					severity: "secondary",
+					label: r.$t("components.form.button.previous"),
+					onClick: Te
+				}, null, 8, ["label"])) : (t(), d("span", xe)), c(Y) > 0 && c(Y) < c(H).length - 1 ? (t(), o(l, {
+					key: 2,
+					class: "cui-button-medium",
+					label: r.$t("components.form.button.next"),
+					onClick: $
+				}, null, 8, ["label"])) : c(Y) === c(H).length - 1 ? (t(), o(l, {
+					key: 3,
+					class: "cui-button-medium",
+					loading: c(Z),
+					label: r.$t("views.firststeps.enjoy"),
+					onClick: ke
+				}, null, 8, ["loading", "label"])) : s("", !0)])
+			])])]);
+		};
+	}
+});
+//#endregion
+export { V as default };