@camera.ui/server 2.2.5-beta.1 → 2.2.5-beta.2

package/dist/interface/ha/SettingsMqtt-Dxqjg4OT.js

@@ -1,526 +0,0 @@
-import { c as e } from "./ripple-B_itunQV.js";
-import { H as t, Jt as n, M as r, d as i, f as a, gt as ee, kt as o, l as s, lt as c, ot as l, p as u, r as d, u as f, v as p, x as m, xt as h, y as g } from "./runtime-core.esm-bundler-DCktklpY.js";
-import { t as te } from "./message-BExXUXHN.js";
-import { t as ne } from "./tag-Bko2QYOK.js";
-import { Dt as re, Et as _, F as v, I as y, L as ie, On as ae, Tt as oe, a as b, bi as x, br as se, r as S, ui as C, ut as ce, wt as w } from "./api-CMboY32E.js";
-import { i as le } from "./intercomService-WdbgAuZn.js";
-import { H as T } from "./pinia-D2fpp6nV.js";
-import { n as E } from "./vue-i18n-CxWAK5Gn.js";
-import { t as ue } from "./button-DJDZxmKj.js";
-import { t as de } from "./inputtext-vdcrNX6K.js";
-import { t as fe } from "./select-CaVzuLaS.js";
-import { t as pe } from "./inputnumber-MSv4Pb-P.js";
-import { t as me } from "./textarea-DrKQ6YMZ.js";
-import { t as D } from "./mqtt-Bq2AL0mf.js";
-//#region src/schemas/mqtt.schema.ts
-var O = T, k = { class: "w-full h-full" }, A = {
-	key: 0,
-	class: "w-full h-full flex items-center justify-center"
-}, j = {
-	key: 1,
-	class: "flex flex-col w-full gap-6"
-}, M = { class: "card-title" }, N = { class: "flex items-center gap-4" }, P = { class: "flex flex-col field-switch-gap min-w-0" }, F = { class: "text-sm font-bold text-color" }, I = { class: "card-title" }, L = { class: "flex flex-col gap-6" }, R = { class: "flex items-center gap-4 cui-toggle-switch" }, z = { class: "flex flex-col field-switch-gap" }, he = {
-	for: "enabled",
-	class: "cui-label-switch"
-}, ge = { class: "flex flex-col field-gap" }, _e = {
-	for: "mode",
-	class: "cui-label"
-}, ve = { class: "flex flex-col sm:flex-row gap-6" }, ye = {
-	for: "host",
-	class: "cui-label"
-}, be = { class: "flex flex-col field-gap w-full sm:w-40 shrink-0" }, xe = {
-	for: "port",
-	class: "cui-label"
-}, Se = { class: "flex flex-col field-gap" }, Ce = {
-	for: "protocol",
-	class: "cui-label"
-}, we = { class: "flex flex-col sm:flex-row gap-6" }, Te = { class: "flex flex-col field-gap flex-1 min-w-0" }, Ee = {
-	for: "username",
-	class: "cui-label"
-}, De = { class: "flex flex-col field-gap flex-1 min-w-0" }, Oe = {
-	for: "password",
-	class: "cui-label"
-}, ke = { class: "flex flex-col field-gap" }, Ae = {
-	for: "brokerAddress",
-	class: "cui-label"
-}, je = { class: "flex flex-col sm:flex-row gap-6" }, Me = { class: "flex flex-col field-gap w-full sm:w-40 shrink-0" }, Ne = {
-	for: "brokerPort",
-	class: "cui-label"
-}, Pe = { class: "flex flex-col field-gap flex-1 min-w-0" }, Fe = {
-	for: "brokerUsername",
-	class: "cui-label"
-}, Ie = { class: "flex flex-col field-gap flex-1 min-w-0" }, B = {
-	for: "brokerPassword",
-	class: "cui-label"
-}, Le = { class: "flex flex-col sm:flex-row gap-6" }, Re = {
-	for: "clientId",
-	class: "cui-label"
-}, ze = {
-	for: "topicPrefix",
-	class: "cui-label"
-}, Be = { class: "flex items-center gap-4 cui-toggle-switch" }, Ve = { class: "flex flex-col field-switch-gap" }, He = {
-	for: "rejectUnauthorized",
-	class: "cui-label-switch"
-}, Ue = { class: "flex flex-col field-gap" }, We = {
-	for: "tlsCa",
-	class: "cui-label"
-}, Ge = { class: "flex flex-col field-gap" }, Ke = {
-	for: "tlsCert",
-	class: "cui-label"
-}, qe = { class: "flex flex-col field-gap" }, Je = {
-	for: "tlsKey",
-	class: "cui-label"
-}, Ye = { class: "flex items-center gap-4 cui-toggle-switch" }, Xe = { class: "flex flex-col field-switch-gap" }, Ze = {
-	for: "haDiscovery",
-	class: "cui-label-switch"
-}, Qe = {
-	for: "haDiscovery.prefix",
-	class: "cui-label"
-}, $e = { class: "flex items-center gap-3" }, V = /* @__PURE__ */ m({
-	__name: "SettingsMqtt",
-	setup(m) {
-		let T = new D(), V = x(), { t: H } = E(), { data: U } = T.getMqttInfoQuery(), W = T.patchMqttInfoMutation(), G = T.testMqttConnectionMutation(), K = C("/server"), et = [{
-			label: "mqtt:// (TCP)",
-			value: "mqtt"
-		}, {
-			label: "mqtts:// (TLS)",
-			value: "mqtts"
-		}], tt = [{
-			label: H("views.settings.mqtt_mode_external"),
-			value: "external"
-		}, {
-			label: H("views.settings.mqtt_mode_embedded"),
-			value: "embedded"
-		}], q = h(null), J = h(""), Y = h(null), X = s(() => U.value?.passwordSet ?? !1), Z = s(() => Y.value ?? U.value?.status ?? null), nt = s(() => {
-			switch (Z.value?.state) {
-				case "connected": return "success";
-				case "connecting":
-				case "reconnecting": return "warn";
-				case "error": return "danger";
-				default: return "secondary";
-			}
-		}), rt = s(() => {
-			let e = Z.value?.state ?? "disabled";
-			return H(`views.settings.mqtt_state_${e}`);
-		}), it = s(() => Z.value?.lastError ? Z.value.lastError : Z.value?.broker?.running ? H("views.settings.mqtt_broker_running", { port: Z.value.broker.port }) : H("views.settings.mqtt_status_info")), Q = s(() => `mqtt://${window.location.hostname}:${q.value?.broker.port ?? 1883}`);
-		function $() {
-			let e = b(q.value), t = {
-				enabled: e.enabled,
-				mode: e.mode,
-				broker: {
-					port: e.broker.port,
-					username: e.broker.username?.trim() ? e.broker.username.trim() : null,
-					password: e.broker.password?.trim() ? e.broker.password : null
-				},
-				host: e.host?.trim() ? e.host.trim() : null,
-				port: e.port,
-				protocol: e.protocol,
-				username: e.username?.trim() ? e.username.trim() : null,
-				clientId: e.clientId,
-				topicPrefix: e.topicPrefix,
-				tls: {
-					rejectUnauthorized: e.tls.rejectUnauthorized,
-					ca: e.tls.ca?.trim() ? e.tls.ca : null,
-					cert: e.tls.cert?.trim() ? e.tls.cert : null,
-					key: e.tls.key?.trim() ? e.tls.key : null
-				},
-				haDiscovery: {
-					enabled: e.haDiscovery.enabled,
-					prefix: e.haDiscovery.prefix
-				}
-			};
-			return J.value && (t.password = J.value), t;
-		}
-		async function at() {
-			q.value && (await W.mutateAsync($()), J.value = "");
-		}
-		async function ot() {
-			if (!q.value) return;
-			let e = await G.mutateAsync($());
-			e.ok ? V.add({
-				severity: "success",
-				detail: H("components.toast.mqtt_test_success"),
-				life: 3e3
-			}) : V.add({
-				severity: "error",
-				detail: H("components.toast.mqtt_test_failed", { message: e.message ?? "" }),
-				life: 5e3
-			});
-		}
-		return l(U, (e) => {
-			e && !q.value && (q.value = b(e.settings));
-		}, { immediate: !0 }), K.on("mqtt-status", (e) => {
-			Y.value = e;
-		}), K.onReady(async () => {
-			try {
-				let e = await K.request("get-mqtt-status");
-				e && (Y.value = e);
-			} catch {}
-		}), (s, l) => {
-			let m = se, h = te, b = ne, x = le, C = ae, T = fe, E = de, D = pe, V = ce, H = oe, U = _, K = re, Y = me, Z = ue;
-			return t(), u("div", k, [o(q) ? (t(), u("div", j, [f("div", null, [f("span", M, n(s.$t("views.settings.status")), 1), g(x, { class: "cui-card" }, {
-				content: c(() => [f("div", N, [f("div", P, [f("span", F, n(s.$t("views.settings.mqtt_broker")), 1), g(h, {
-					severity: "secondary",
-					variant: "simple",
-					size: "small",
-					class: "cui-input-switch-hint truncate"
-				}, {
-					default: c(() => [p(n(o(it)), 1)]),
-					_: 1
-				})]), g(b, {
-					class: "ml-auto shrink-0",
-					severity: o(nt),
-					value: o(rt)
-				}, null, 8, ["severity", "value"])])]),
-				_: 1
-			})]), g(o(ie), {
-				class: "flex flex-col w-full gap-6",
-				"validation-schema": o(O),
-				onSubmit: at
-			}, {
-				default: c(() => [f("div", null, [f("span", I, n(s.$t("views.settings.mqtt_broker")), 1), g(x, { class: "cui-card" }, {
-					content: c(() => [f("div", L, [
-						f("div", R, [f("div", z, [f("label", he, n(s.$t("components.form.label.enabled")), 1), g(h, {
-							severity: "secondary",
-							variant: "simple",
-							size: "small",
-							class: "cui-input-switch-hint"
-						}, {
-							default: c(() => [p(n(s.$t("views.settings.mqtt_enabled_info")), 1)]),
-							_: 1
-						})]), g(C, {
-							modelValue: o(q).enabled,
-							"onUpdate:modelValue": l[0] ||= (e) => o(q).enabled = e,
-							class: "ml-auto shrink-0"
-						}, null, 8, ["modelValue"])]),
-						f("div", ge, [
-							f("label", _e, n(s.$t("views.settings.mqtt_mode_label")), 1),
-							g(T, {
-								modelValue: o(q).mode,
-								"onUpdate:modelValue": l[1] ||= (e) => o(q).mode = e,
-								options: tt,
-								"option-label": "label",
-								"option-value": "value"
-							}, null, 8, ["modelValue"]),
-							o(q).mode === "embedded" ? (t(), i(h, {
-								key: 0,
-								severity: "secondary",
-								variant: "simple",
-								size: "small",
-								class: "cui-input-hint"
-							}, {
-								default: c(() => [p(n(s.$t("views.settings.mqtt_mode_embedded_info")), 1)]),
-								_: 1
-							})) : a("", !0)
-						]),
-						o(q).mode === "external" ? (t(), u(d, { key: 0 }, [
-							f("div", ve, [g(o(y), {
-								modelValue: o(q).host,
-								"onUpdate:modelValue": l[2] ||= (e) => o(q).host = e,
-								modelModifiers: { trim: !0 },
-								name: "host",
-								as: "div",
-								class: "flex flex-col field-gap flex-1 min-w-0"
-							}, {
-								default: c(({ field: t, errors: i }) => [
-									f("label", ye, n(s.$t("views.settings.mqtt_host_label")), 1),
-									g(E, r(t, {
-										invalid: i.length > 0,
-										type: "text",
-										placeholder: "192.168.1.10",
-										class: "w-full"
-									}), null, 16, ["invalid"]),
-									g(e, { name: "fade" }, {
-										default: c(() => [g(o(v), {
-											name: "host",
-											class: "cui-input-error"
-										})]),
-										_: 1
-									})
-								]),
-								_: 1
-							}, 8, ["modelValue"]), f("div", be, [f("label", xe, n(s.$t("views.settings.mqtt_port_label")), 1), g(D, {
-								modelValue: o(q).port,
-								"onUpdate:modelValue": l[3] ||= (e) => o(q).port = e,
-								min: 1,
-								max: 65535,
-								"use-grouping": !1,
-								fluid: ""
-							}, null, 8, ["modelValue"])])]),
-							f("div", Se, [f("label", Ce, n(s.$t("views.settings.mqtt_protocol_label")), 1), g(T, {
-								modelValue: o(q).protocol,
-								"onUpdate:modelValue": l[4] ||= (e) => o(q).protocol = e,
-								options: et,
-								"option-label": "label",
-								"option-value": "value"
-							}, null, 8, ["modelValue"])]),
-							f("div", we, [f("div", Te, [f("label", Ee, n(s.$t("views.settings.mqtt_username_label")), 1), g(E, {
-								modelValue: o(q).username,
-								"onUpdate:modelValue": l[5] ||= (e) => o(q).username = e,
-								modelModifiers: { trim: !0 },
-								type: "text",
-								autocomplete: "off",
-								class: "w-full"
-							}, null, 8, ["modelValue"])]), f("div", De, [
-								f("label", Oe, n(s.$t("views.settings.mqtt_password_label")), 1),
-								g(V, {
-									modelValue: o(J),
-									"onUpdate:modelValue": l[6] ||= (e) => ee(J) ? J.value = e : null,
-									feedback: !1,
-									"toggle-mask": "",
-									fluid: "",
-									autocomplete: "new-password",
-									placeholder: o(X) ? "••••••••" : ""
-								}, null, 8, ["modelValue", "placeholder"]),
-								o(X) ? (t(), i(h, {
-									key: 0,
-									severity: "secondary",
-									variant: "simple",
-									size: "small",
-									class: "cui-input-hint"
-								}, {
-									default: c(() => [p(n(s.$t("views.settings.mqtt_password_keep_hint")), 1)]),
-									_: 1
-								})) : a("", !0)
-							])])
-						], 64)) : (t(), u(d, { key: 1 }, [f("div", ke, [
-							f("label", Ae, n(s.$t("views.settings.mqtt_broker_address")), 1),
-							g(K, null, {
-								default: c(() => [g(E, {
-									"model-value": o(Q),
-									readonly: "",
-									class: "font-mono text-xs"
-								}, null, 8, ["model-value"]), g(U, null, {
-									default: c(() => [g(H, {
-										"action-text": s.$t("components.form.tooltip.copied"),
-										icon: o(w),
-										"button-props": {
-											severity: "secondary",
-											text: !0
-										},
-										onAction: l[7] ||= (e) => o(S)(o(Q))
-									}, null, 8, ["action-text", "icon"])]),
-									_: 1
-								})]),
-								_: 1
-							}),
-							g(h, {
-								severity: "secondary",
-								variant: "simple",
-								size: "small",
-								class: "cui-input-hint"
-							}, {
-								default: c(() => [p(n(s.$t("views.settings.mqtt_broker_address_hint")), 1)]),
-								_: 1
-							})
-						]), f("div", je, [
-							f("div", Me, [f("label", Ne, n(s.$t("views.settings.mqtt_port_label")), 1), g(D, {
-								modelValue: o(q).broker.port,
-								"onUpdate:modelValue": l[8] ||= (e) => o(q).broker.port = e,
-								min: 1,
-								max: 65535,
-								"use-grouping": !1,
-								fluid: ""
-							}, null, 8, ["modelValue"])]),
-							f("div", Pe, [f("label", Fe, n(s.$t("views.settings.mqtt_username_label")), 1), g(E, {
-								modelValue: o(q).broker.username,
-								"onUpdate:modelValue": l[9] ||= (e) => o(q).broker.username = e,
-								modelModifiers: { trim: !0 },
-								type: "text",
-								autocomplete: "off",
-								class: "w-full"
-							}, null, 8, ["modelValue"])]),
-							f("div", Ie, [f("label", B, n(s.$t("views.settings.mqtt_password_label")), 1), g(K, null, {
-								default: c(() => [g(V, {
-									modelValue: o(q).broker.password,
-									"onUpdate:modelValue": l[10] ||= (e) => o(q).broker.password = e,
-									feedback: !1,
-									"toggle-mask": "",
-									fluid: "",
-									autocomplete: "off"
-								}, null, 8, ["modelValue"]), g(U, null, {
-									default: c(() => [g(H, {
-										"action-text": s.$t("components.form.tooltip.copied"),
-										icon: o(w),
-										"button-props": {
-											severity: "secondary",
-											text: !0
-										},
-										onAction: l[11] ||= (e) => o(S)(o(q).broker.password ?? "")
-									}, null, 8, ["action-text", "icon"])]),
-									_: 1
-								})]),
-								_: 1
-							})])
-						])], 64)),
-						f("div", Le, [g(o(y), {
-							modelValue: o(q).clientId,
-							"onUpdate:modelValue": l[12] ||= (e) => o(q).clientId = e,
-							modelModifiers: { trim: !0 },
-							name: "clientId",
-							as: "div",
-							class: "flex flex-col field-gap flex-1"
-						}, {
-							default: c(({ field: t, errors: i }) => [
-								f("label", Re, n(s.$t("views.settings.mqtt_client_id_label")), 1),
-								g(E, r(t, {
-									invalid: i.length > 0,
-									type: "text"
-								}), null, 16, ["invalid"]),
-								g(e, { name: "fade" }, {
-									default: c(() => [g(o(v), {
-										name: "clientId",
-										class: "cui-input-error"
-									})]),
-									_: 1
-								})
-							]),
-							_: 1
-						}, 8, ["modelValue"]), g(o(y), {
-							modelValue: o(q).topicPrefix,
-							"onUpdate:modelValue": l[13] ||= (e) => o(q).topicPrefix = e,
-							modelModifiers: { trim: !0 },
-							name: "topicPrefix",
-							as: "div",
-							class: "flex flex-col field-gap flex-1"
-						}, {
-							default: c(({ field: t, errors: i }) => [
-								f("label", ze, n(s.$t("views.settings.mqtt_topic_prefix_label")), 1),
-								g(E, r(t, {
-									invalid: i.length > 0,
-									type: "text"
-								}), null, 16, ["invalid"]),
-								g(e, { name: "fade" }, {
-									default: c(() => [g(o(v), {
-										name: "topicPrefix",
-										class: "cui-input-error"
-									})]),
-									_: 1
-								}),
-								g(h, {
-									severity: "secondary",
-									variant: "simple",
-									size: "small",
-									class: "cui-input-hint"
-								}, {
-									default: c(() => [p(n(s.$t("views.settings.mqtt_topic_prefix_info")), 1)]),
-									_: 1
-								})
-							]),
-							_: 1
-						}, 8, ["modelValue"])]),
-						o(q).mode === "external" && o(q).protocol === "mqtts" ? (t(), u(d, { key: 2 }, [
-							f("div", Be, [f("div", Ve, [f("label", He, n(s.$t("views.settings.mqtt_tls_reject_unauthorized")), 1), g(h, {
-								severity: "secondary",
-								variant: "simple",
-								size: "small",
-								class: "cui-input-switch-hint"
-							}, {
-								default: c(() => [p(n(s.$t("views.settings.mqtt_tls_reject_unauthorized_info")), 1)]),
-								_: 1
-							})]), g(C, {
-								modelValue: o(q).tls.rejectUnauthorized,
-								"onUpdate:modelValue": l[14] ||= (e) => o(q).tls.rejectUnauthorized = e,
-								class: "ml-auto shrink-0"
-							}, null, 8, ["modelValue"])]),
-							f("div", Ue, [f("label", We, n(s.$t("views.settings.mqtt_tls_ca_label")), 1), g(Y, {
-								modelValue: o(q).tls.ca,
-								"onUpdate:modelValue": l[15] ||= (e) => o(q).tls.ca = e,
-								rows: "3",
-								"auto-resize": "",
-								class: "font-mono text-xs"
-							}, null, 8, ["modelValue"])]),
-							f("div", Ge, [f("label", Ke, n(s.$t("views.settings.mqtt_tls_cert_label")), 1), g(Y, {
-								modelValue: o(q).tls.cert,
-								"onUpdate:modelValue": l[16] ||= (e) => o(q).tls.cert = e,
-								rows: "3",
-								"auto-resize": "",
-								class: "font-mono text-xs"
-							}, null, 8, ["modelValue"])]),
-							f("div", qe, [f("label", Je, n(s.$t("views.settings.mqtt_tls_key_label")), 1), g(Y, {
-								modelValue: o(q).tls.key,
-								"onUpdate:modelValue": l[17] ||= (e) => o(q).tls.key = e,
-								rows: "3",
-								"auto-resize": "",
-								class: "font-mono text-xs"
-							}, null, 8, ["modelValue"])])
-						], 64)) : a("", !0),
-						f("div", Ye, [f("div", Xe, [f("label", Ze, n(s.$t("views.settings.mqtt_ha_discovery")), 1), g(h, {
-							severity: "secondary",
-							variant: "simple",
-							size: "small",
-							class: "cui-input-switch-hint"
-						}, {
-							default: c(() => [p(n(s.$t("views.settings.mqtt_ha_discovery_info")), 1)]),
-							_: 1
-						})]), g(C, {
-							modelValue: o(q).haDiscovery.enabled,
-							"onUpdate:modelValue": l[18] ||= (e) => o(q).haDiscovery.enabled = e,
-							class: "ml-auto shrink-0"
-						}, null, 8, ["modelValue"])]),
-						o(q).haDiscovery.enabled ? (t(), i(o(y), {
-							key: 3,
-							modelValue: o(q).haDiscovery.prefix,
-							"onUpdate:modelValue": l[19] ||= (e) => o(q).haDiscovery.prefix = e,
-							modelModifiers: { trim: !0 },
-							name: "haDiscovery.prefix",
-							as: "div",
-							class: "flex flex-col field-gap"
-						}, {
-							default: c(({ field: t, errors: i }) => [
-								f("label", Qe, n(s.$t("views.settings.mqtt_ha_prefix_label")), 1),
-								g(E, r(t, {
-									invalid: i.length > 0,
-									type: "text",
-									placeholder: "homeassistant"
-								}), null, 16, ["invalid"]),
-								g(e, { name: "fade" }, {
-									default: c(() => [g(o(v), {
-										name: "haDiscovery.prefix",
-										class: "cui-input-error"
-									})]),
-									_: 1
-								}),
-								g(h, {
-									severity: "secondary",
-									variant: "simple",
-									size: "small",
-									class: "cui-input-hint"
-								}, {
-									default: c(() => [p(n(s.$t("views.settings.mqtt_ha_prefix_info")), 1)]),
-									_: 1
-								})
-							]),
-							_: 1
-						}, 8, ["modelValue"])) : a("", !0),
-						f("div", $e, [g(Z, {
-							type: "button",
-							severity: "secondary",
-							loading: o(G).isPending.value,
-							disabled: o(q).mode === "external" && !o(q).host,
-							class: "cui-button-medium",
-							label: s.$t("views.settings.mqtt_test"),
-							onClick: ot
-						}, null, 8, [
-							"loading",
-							"disabled",
-							"label"
-						]), g(Z, {
-							type: "submit",
-							loading: o(W).isPending.value,
-							class: "cui-button-medium ml-auto",
-							label: s.$t("components.form.button.save")
-						}, null, 8, ["loading", "label"])])
-					])]),
-					_: 1
-				})])]),
-				_: 1
-			}, 8, ["validation-schema"])])) : (t(), u("div", A, [g(m, {
-				class: "w-[30px] h-[30px] m-0",
-				"stroke-width": "5"
-			})]))]);
-		};
-	}
-});
-//#endregion
-export { V as default };