@camera.ui/server 2.4.0 → 2.4.1

package/dist/interface/ha/Automations-9ppBO6CN.js

@@ -0,0 +1,423 @@
+import { c as e, m as t } from "./ripple-CGl9oC16.js";
+import { G as n, H as r, J as ee, Kt as i, St as a, Xt as o, Y as s, Yt as c, d as l, f as u, gt as d, jt as f, l as p, lt as m, p as h, r as g, rt as _, u as v, ut as y, v as b, vt as x, x as S, y as C } from "./runtime-core.esm-bundler-CrWKbcD2.js";
+import { $i as w, Ii as te, Jr as T, Qa as E, Qn as D, Zn as O, Zr as k, ai as ne, bi as A, ci as re, fi as j, ir as M, mt as ie, oi as ae, ot as oe, sr as se, st as ce, ut as le } from "./api-BCqn9EdE.js";
+import { s as N } from "./vee-validate-DWIY1QrX.js";
+import { n as P } from "./vue-i18n-DzDRu5NH.js";
+import { t as ue } from "./CuiButton-CGAd8xvo.js";
+import { n as de, t as fe } from "./inputicon-Cv_r9VoH.js";
+import { t as pe } from "./inputtext-DfgvQQt_.js";
+import { t as me } from "./close-BYhywzVJ.js";
+import { i as F, l as he, n as I } from "./types-DcpmATCY.js";
+import { t as ge } from "./search-BFDoeYxq.js";
+import { t as L } from "./alert-circle-DphRWvbP.js";
+import { t as _e } from "./pause-BZoRIiQh.js";
+import { t as ve } from "./back-filled-DHF_824p.js";
+import { t as ye } from "./plus-CVdkLDRi.js";
+//#region src/components/CuiAutomation/CuiAutomationFlowCard.vue?vue&type=script&setup=true&lang.ts
+var R = { class: "flex items-center gap-3" }, z = { class: "flex-1 min-w-0" }, B = { class: "flex items-center gap-1.5" }, V = { class: "font-medium text-sm truncate text-color" }, H = { class: "block truncate" }, be = /* @__PURE__ */ S({
+	__name: "CuiAutomationFlowCard",
+	props: {
+		flow: {},
+		selectionMode: { type: Boolean },
+		selected: { type: Boolean }
+	},
+	emits: ["click", "toggle"],
+	setup(e) {
+		let n = e, { t: a } = P(), d = p(() => n.flow.nodes.find((e) => e.type?.startsWith("trigger-"))), g = p(() => {
+			if (d.value?.type) return F(d.value.type);
+		}), _ = p(() => g.value?.icon), x = p(() => g.value?.color ?? I.trigger), S = p(() => n.flow.lastRun?.status === "error"), C = p(() => {
+			if (!n.flow.lastRun) return;
+			let e = w(n.flow.lastRun.timestamp);
+			return { value: S.value && n.flow.lastRun.error ? `${e}\n${n.flow.lastRun.error}` : e };
+		});
+		function w(e) {
+			return new Date(e).toLocaleString();
+		}
+		return (n, d) => {
+			let p = k, g = L, te = M, T = N, E = ee("tooltip");
+			return r(), l(T, {
+				class: "cui-card cursor-pointer select-none",
+				onClick: d[2] ||= (e) => n.$emit("click")
+			}, {
+				content: m(() => [v("div", R, [
+					e.selectionMode ? (r(), h("div", {
+						key: 0,
+						class: i(["w-6 h-6 rounded-full border-2 flex items-center justify-center transition-colors shrink-0", e.selected ? "bg-primary border-primary" : "border-color"])
+					}, [e.selected ? (r(), l(p, {
+						key: 0,
+						class: "w-4 h-4 text-white"
+					})) : u("", !0)], 2)) : u("", !0),
+					v("div", {
+						class: "flex items-center justify-center w-10 h-10 rounded-lg shrink-0",
+						style: c({
+							backgroundColor: `${f(x)}20`,
+							color: f(x)
+						})
+					}, [(r(), l(s(f(_)), { class: "w-5 h-5" }))], 4),
+					v("div", z, [v("div", B, [v("span", V, o(e.flow.name), 1), e.flow.requiresUpdate ? y((r(), l(g, {
+						key: 0,
+						class: "w-4 h-4 shrink-0 text-orange-500"
+					}, null, 512)), [[E, f(a)("views.automations.requires_update")]]) : u("", !0)]), v("div", { class: i(["text-xs mt-0.5", f(S) ? "text-red-500" : "text-muted"]) }, [y((r(), h("span", H, [b(o(e.flow.lastRun ? `${f(a)("views.automations.last_run")}: ${w(e.flow.lastRun.timestamp)}` : f(a)("views.automations.never_run")), 1)])), [[
+						E,
+						f(C),
+						void 0,
+						{ bottom: !0 }
+					]])], 2)]),
+					e.selectionMode ? u("", !0) : (r(), l(te, {
+						key: 1,
+						"model-value": e.flow.enabled,
+						class: "shrink-0",
+						onClick: d[0] ||= t(() => {}, ["stop"]),
+						"onUpdate:modelValue": d[1] ||= (e) => n.$emit("toggle", e)
+					}, null, 8, ["model-value"]))
+				])]),
+				_: 1
+			});
+		};
+	}
+}), U = {
+	viewBox: "0 0 32 32",
+	width: "1.2em",
+	height: "1.2em"
+};
+function W(e, t) {
+	return r(), h("svg", U, [...t[0] ||= [v("path", {
+		fill: "currentColor",
+		d: "M26 24v4H6v-4H4v4a2 2 0 0 0 2 2h20a2 2 0 0 0 2-2v-4Zm0-10l-1.41-1.41L17 20.17V2h-2v18.17l-7.59-7.58L6 14l10 10z"
+	}, null, -1)]]);
+}
+var xe = x({
+	name: "carbon-download",
+	render: W
+}), G = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function K(e, t) {
+	return r(), h("svg", G, [...t[0] ||= [v("path", {
+		fill: "currentColor",
+		d: "M11.9 10.9a6.53 6.53 0 0 0-1.9 4.6V12H4v4h6v-.5c0 .85.17 1.7.5 2.5H2v-6H1v-2l1-5h16l.89 4.46a6.47 6.47 0 0 0-6.99 1.44M18 2H2v2h16zm5.39 19L22 22.39l-3.12-3.07c-.69.43-1.51.68-2.38.68c-2.5 0-4.5-2-4.5-4.5s2-4.5 4.5-4.5s4.5 2 4.5 4.5c0 .88-.25 1.71-.69 2.4zM19 15.5a2.5 2.5 0 0 0-5 0a2.5 2.5 0 0 0 5 0"
+	}, null, -1)]]);
+}
+var Se = x({
+	name: "mdi-store-search",
+	render: K
+}), Ce = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function q(e, t) {
+	return r(), h("svg", Ce, [...t[0] ||= [v("path", {
+		fill: "currentColor",
+		d: "M8 5.14v14l11-7z"
+	}, null, -1)]]);
+}
+var we = x({
+	name: "mdi-play",
+	render: q
+}), Te = { class: "flex flex-col" }, Ee = {
+	key: 0,
+	class: "page-title"
+}, De = { class: "flex gap-2 mb-4" }, Oe = {
+	key: "empty",
+	class: "flex flex-1 min-h-0 flex-col items-center justify-center w-full gap-4 py-20"
+}, ke = { class: "text-muted text-sm" }, J = 350, Ae = 82, Y = /* @__PURE__ */ S({
+	__name: "Automations",
+	setup(t) {
+		let i = D(() => import("./AutomationStore-CGod8A1N.js").then((e) => e.t)), s = D(() => import("./AutomationImport-BHuK66Kc.js")), b = new he(), x = A(), S = O(), k = w(), { t: M } = P(), { smBreakpoint: N } = re(), { width: F, height: I } = j(), { data: L, isBusy: R } = b.getAutomationsQuery(), { mutateAsync: z } = b.patchAutomationQuery(), { mutateAsync: B } = b.bulkPatchAutomationsQuery(), { mutateAsync: V, isPending: H } = b.bulkDeleteAutomationsQuery(), U = a(""), W = _("fileInputRef"), G = p(() => T(void 0, "admin")), K = p(() => L.value ?? []), Ce = p(() => (N.value ? 1 : Math.max(1, Math.floor(F.value / J))) * Math.max(1, Math.ceil(I.value / 90))), q = p(() => {
+			let e = U.value.toLowerCase().trim();
+			return e ? K.value.filter((t) => t.name.toLowerCase().includes(e)) : K.value;
+		}), { selectionMode: Y, selectedIds: X, selectedItems: Z, allSelected: je, bulkBusy: Q, enterSelectionMode: Me, exitSelectionMode: Ne, toggleSelectAll: Pe, toggleSelection: Fe } = oe(q, (e) => e._id), $ = p(() => Z.value.length > 0 && Z.value.every((e) => !e.enabled));
+		function Ie(e) {
+			Y.value ? Fe(e) : ze(e);
+		}
+		async function Le() {
+			if (!Z.value.length || Q.value) return;
+			let e = $.value, t = Z.value.filter((t) => t.enabled !== e).map((e) => e._id);
+			if (t.length) {
+				Q.value = !0;
+				try {
+					await B({
+						ids: t,
+						data: { enabled: e }
+					});
+				} finally {
+					Q.value = !1;
+				}
+			}
+		}
+		function Re() {
+			if (!Z.value.length || Q.value) return;
+			let e = Z.value.map((e) => e._id);
+			S.openTextDialog({
+				data: {
+					title: M("views.automations.delete"),
+					contentText: M("views.automations.delete_selected_confirm", { count: e.length }),
+					confirmText: M("views.automations.delete"),
+					loading: H
+				},
+				onConfirm: async () => {
+					Q.value = !0;
+					try {
+						let { failed: t } = await V({ ids: e });
+						t.length && k.add({
+							severity: "error",
+							detail: M("views.automations.delete_selected_failed", { count: t.length }),
+							life: 5e3
+						}), Ne();
+					} finally {
+						Q.value = !1;
+					}
+				}
+			});
+		}
+		function ze(e) {
+			x.push(`/automations/${e}`);
+		}
+		function Be() {
+			x.push("/automations/new");
+		}
+		function Ve() {
+			S.openComponentDialog(i, { data: {
+				title: M("views.automations.browse_community"),
+				contentProps: {},
+				hideConfirmButton: !0,
+				fullscreen: !0
+			} });
+		}
+		function He(e) {
+			S.openComponentDialog(s, { data: {
+				title: M("components.automation_import.title"),
+				confirmText: M("components.automation_import.import"),
+				contentProps: { blueprint: e }
+			} });
+		}
+		function Ue() {
+			W.value?.click();
+		}
+		async function We(e) {
+			let t = e.target.files?.[0];
+			if (t) {
+				try {
+					let e = await t.text(), n = JSON.parse(e);
+					if (!n.version || !n.nodes || !n.edges) {
+						k.add({
+							severity: "error",
+							detail: M("views.automations.import_invalid"),
+							life: 3e3
+						});
+						return;
+					}
+					He(n);
+				} catch {
+					k.add({
+						severity: "error",
+						detail: M("views.automations.import_invalid"),
+						life: 3e3
+					});
+				}
+				W.value && (W.value.value = "");
+			}
+		}
+		return (t, i) => {
+			let a = ve, s = ue, p = ie, _ = ge, b = fe, x = pe, S = de, w = Se, T = xe, D = E, O = be, k = te, A = ne, re = ae, j = ee("tooltip");
+			return r(), h("div", Te, [
+				f(N) ? u("", !0) : (r(), h("h1", Ee, o(f(M)("views.automations.title")), 1)),
+				C(p, { position: "left" }, {
+					default: m(() => [C(s, {
+						severity: "secondary",
+						text: "",
+						class: "cui-button p-2 text-color non-draggable-region",
+						onClick: i[0] ||= (e) => t.$router.push("/menu")
+					}, {
+						icon: m(() => [C(a, { class: "w-6 h-6" })]),
+						_: 1
+					})]),
+					_: 1
+				}),
+				v("div", De, [
+					C(S, { class: "flex-1" }, {
+						default: m(() => [C(b, null, {
+							default: m(() => [C(_, { class: "w-4 h-4" })]),
+							_: 1
+						}), C(x, {
+							modelValue: f(U),
+							"onUpdate:modelValue": i[1] ||= (e) => d(U) ? U.value = e : null,
+							placeholder: f(M)("views.automations.search"),
+							class: "w-full"
+						}, null, 8, ["modelValue", "placeholder"])]),
+						_: 1
+					}),
+					f(G) ? y((r(), l(s, {
+						key: 0,
+						severity: "secondary",
+						outlined: "",
+						class: "cui-button shrink-0",
+						onClick: Ve
+					}, {
+						icon: m(() => [C(w, { class: "w-4.5 h-4.5" })]),
+						_: 1
+					})), [[
+						j,
+						{ value: f(M)("views.automations.browse_community") },
+						void 0,
+						{ left: !0 }
+					]]) : u("", !0),
+					y((r(), l(s, {
+						severity: "secondary",
+						outlined: "",
+						class: "cui-button shrink-0",
+						onClick: Ue
+					}, {
+						icon: m(() => [C(T, { class: "w-4.5 h-4.5" })]),
+						_: 1
+					})), [[j, { value: f(M)("views.automations.import_blueprint") }]]),
+					v("input", {
+						ref_key: "fileInputRef",
+						ref: W,
+						type: "file",
+						accept: ".json",
+						class: "hidden",
+						onChange: We
+					}, null, 544)
+				]),
+				C(e, {
+					name: "fade-2",
+					mode: "out-in"
+				}, {
+					default: m(() => [f(R) ? (r(), h("div", {
+						key: "loading",
+						class: "grid w-full gap-2",
+						style: c({ gridTemplateColumns: `repeat(auto-fill, minmax(${f(N) ? "100%" : `${J}px`}, 1fr))` })
+					}, [(r(!0), h(g, null, n(f(Ce), (e) => (r(), l(D, {
+						key: e,
+						height: `${Ae}px`,
+						class: "cui-card"
+					}, null, 8, ["height"]))), 128))], 4)) : f(q).length ? (r(), h("div", {
+						key: "content",
+						class: "grid w-full gap-2",
+						style: c({ gridTemplateColumns: `repeat(auto-fill, minmax(${f(N) ? "100%" : `${J}px`}, 1fr))` })
+					}, [(r(!0), h(g, null, n(f(q), (e) => (r(), l(O, {
+						key: e._id,
+						flow: e,
+						"selection-mode": f(Y),
+						selected: f(X).has(e._id),
+						onClick: (t) => Ie(e._id),
+						onToggle: (t) => f(z)({
+							id: e._id,
+							data: { enabled: t }
+						})
+					}, null, 8, [
+						"flow",
+						"selection-mode",
+						"selected",
+						"onClick",
+						"onToggle"
+					]))), 128))], 4)) : (r(), h("div", Oe, [C(k, { class: "w-12 h-12 text-muted" }), v("span", ke, o(f(M)("views.automations.no_automations")), 1)]))]),
+					_: 1
+				}),
+				C(re, { "force-visible": f(Y) }, {
+					default: m(() => [f(Y) ? (r(), h(g, { key: 1 }, [
+						C(A, {
+							grouped: "",
+							"tooltip-props": { value: f(M)("components.form.tooltip.cancel_selection") },
+							"button-props": { severity: "secondary" },
+							icon: f(me),
+							"icon-props": {
+								width: "100%",
+								height: "100%"
+							},
+							onClick: f(Ne)
+						}, null, 8, [
+							"tooltip-props",
+							"icon",
+							"onClick"
+						]),
+						C(A, {
+							grouped: "",
+							"tooltip-props": { value: f(je) ? f(M)("views.automations.deselect_all") : f(M)("views.automations.select_all") },
+							"button-props": { severity: f(je) ? "primary" : "secondary" },
+							icon: f(le),
+							"icon-props": {
+								width: "100%",
+								height: "100%"
+							},
+							onClick: f(Pe)
+						}, null, 8, [
+							"tooltip-props",
+							"button-props",
+							"icon",
+							"onClick"
+						]),
+						C(A, {
+							grouped: "",
+							"tooltip-props": { value: f($) ? f(M)("views.automations.enable_selected") : f(M)("views.automations.disable_selected") },
+							"button-props": {
+								severity: "secondary",
+								disabled: !f(X).size || f(Q)
+							},
+							icon: f($) ? f(we) : f(_e),
+							"icon-props": {
+								width: "100%",
+								height: "100%"
+							},
+							onClick: Le
+						}, null, 8, [
+							"tooltip-props",
+							"button-props",
+							"icon"
+						]),
+						C(A, {
+							grouped: "",
+							"tooltip-props": { value: f(M)("views.automations.delete_selected") },
+							"button-props": {
+								severity: "danger",
+								disabled: !f(X).size || f(Q)
+							},
+							icon: f(se),
+							"icon-props": {
+								width: "100%",
+								height: "100%"
+							},
+							onClick: Re
+						}, null, 8, [
+							"tooltip-props",
+							"button-props",
+							"icon"
+						])
+					], 64)) : (r(), h(g, { key: 0 }, [f(G) && f(K).length ? (r(), l(A, {
+						key: 0,
+						grouped: "",
+						"tooltip-props": { value: f(M)("views.automations.select") },
+						"button-props": { severity: "secondary" },
+						icon: f(ce),
+						"icon-props": {
+							width: "100%",
+							height: "100%"
+						},
+						onClick: f(Me)
+					}, null, 8, [
+						"tooltip-props",
+						"icon",
+						"onClick"
+					])) : u("", !0), C(A, {
+						grouped: "",
+						"tooltip-props": { value: f(M)("views.automations.create") },
+						"button-props": { class: "text-white" },
+						icon: f(ye),
+						"icon-props": {
+							width: "30px",
+							height: "30px"
+						},
+						onClick: Be
+					}, null, 8, ["tooltip-props", "icon"])], 64))]),
+					_: 1
+				}, 8, ["force-visible"])
+			]);
+		};
+	}
+});
+//#endregion
+export { Y as default };