@camera.ui/server 2.1.12 → 2.1.14-beta.0

package/dist/interface/ha/Automations-CZ2jvH6d.js

@@ -0,0 +1,437 @@
+import { c as e, m as t } from "./ripple-BilzxWfY.js";
+import { G as n, H as r, Jt as i, Wt as a, Y as o, _t as s, d as c, f as l, gt as u, kt as d, l as f, lt as p, p as m, qt as h, r as g, rt as _, u as v, ut as y, v as b, x, xt as S, y as C } from "./runtime-core.esm-bundler-D8slQ3BU.js";
+import { t as ee } from "./tooltip-BIrD_hC8.js";
+import { Ar as w, B as te, Er as T, L as E, Qr as ne, R as re, Rr as D, Tr as ie, W as ae, _t as O, dr as k, fr as A, gi as j, gt as oe, ia as se, kn as M, wr as ce, z as le } from "./api-CWJkvtnM.js";
+import { i as N } from "./intercomService-jB2mTgsn.js";
+import { n as P } from "./vue-i18n-Dcb07o5U.js";
+import { t as ue } from "./button-BlYuI0Q7.js";
+import { n as de, t as fe } from "./inputicon-6-vaPLbw.js";
+import { t as pe } from "./inputtext-DGIESrd0.js";
+import { t as me } from "./close-Eq3txTBS.js";
+import { i as F, l as he, n as I } from "./types-J_J0HKlK.js";
+import { t as ge } from "./search-CoOsbgeb.js";
+import { t as L } from "./alert-circle-CLRn5GAd.js";
+import { t as _e } from "./back-filled-Cxzg5vQg.js";
+import { t as ve } from "./plus-d_caPq5l.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" }, ye = /* @__PURE__ */ x({
+	__name: "CuiAutomationFlowCard",
+	props: {
+		flow: {},
+		selectionMode: { type: Boolean },
+		selected: { type: Boolean }
+	},
+	emits: ["click", "toggle"],
+	setup(e) {
+		let n = e, { t: s } = P(), u = f(() => n.flow.nodes.find((e) => e.type?.startsWith("trigger-"))), g = f(() => {
+			if (u.value?.type) return F(u.value.type);
+		}), _ = f(() => g.value?.icon), x = f(() => g.value?.color ?? I.trigger), S = f(() => n.flow.lastRun?.status === "error"), C = f(() => {
+			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, u) => {
+			let f = A, g = L, te = M, T = N, E = ee;
+			return r(), c(T, {
+				class: "cui-card cursor-pointer select-none",
+				onClick: u[2] ||= (e) => n.$emit("click")
+			}, {
+				content: p(() => [v("div", R, [
+					e.selectionMode ? (r(), m("div", {
+						key: 0,
+						class: a(["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(), c(f, {
+						key: 0,
+						class: "w-4 h-4 text-white"
+					})) : l("", !0)], 2)) : l("", !0),
+					v("div", {
+						class: "flex items-center justify-center w-10 h-10 rounded-lg shrink-0",
+						style: h({
+							backgroundColor: `${d(x)}20`,
+							color: d(x)
+						})
+					}, [(r(), c(o(d(_)), { class: "w-5 h-5" }))], 4),
+					v("div", z, [v("div", B, [v("span", V, i(e.flow.name), 1), e.flow.requiresUpdate ? y((r(), c(g, {
+						key: 0,
+						class: "w-4 h-4 shrink-0 text-orange-500"
+					}, null, 512)), [[E, d(s)("views.automations.requires_update")]]) : l("", !0)]), v("div", { class: a(["text-xs mt-0.5", d(S) ? "text-red-500" : "text-muted"]) }, [y((r(), m("span", H, [b(i(e.flow.lastRun ? `${d(s)("views.automations.last_run")}: ${w(e.flow.lastRun.timestamp)}` : d(s)("views.automations.never_run")), 1)])), [[
+						E,
+						d(C),
+						void 0,
+						{ bottom: !0 }
+					]])], 2)]),
+					e.selectionMode ? l("", !0) : (r(), c(te, {
+						key: 1,
+						"model-value": e.flow.enabled,
+						class: "shrink-0",
+						onClick: u[0] ||= t(() => {}, ["stop"]),
+						"onUpdate:modelValue": u[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(), m("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 be = s({
+	name: "carbon-download",
+	render: W
+}), G = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function K(e, t) {
+	return r(), m("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 xe = s({
+	name: "mdi-store-search",
+	render: K
+}), Se = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function q(e, t) {
+	return r(), m("svg", Se, [...t[0] ||= [v("path", {
+		fill: "currentColor",
+		d: "M14 19h4V5h-4M6 19h4V5H6z"
+	}, null, -1)]]);
+}
+var Ce = s({
+	name: "mdi-pause",
+	render: q
+}), J = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function Y(e, t) {
+	return r(), m("svg", J, [...t[0] ||= [v("path", {
+		fill: "currentColor",
+		d: "M8 5.14v14l11-7z"
+	}, null, -1)]]);
+}
+var we = s({
+	name: "mdi-play",
+	render: Y
+}), 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" }, X = 350, Ae = 82, Z = /* @__PURE__ */ x({
+	__name: "Automations",
+	setup(t) {
+		let a = O(() => import("./AutomationStore-BVSW8TVt.js").then((e) => e.t)), o = O(() => import("./AutomationImport-BNavtjDq.js")), s = new he(), b = D(), x = oe(), A = j(), { t: M } = P(), { smBreakpoint: N } = T(), { width: F, height: I } = w(), { data: L, isBusy: R } = s.getAutomationsQuery(), { mutateAsync: z } = s.patchAutomationQuery(), { mutateAsync: B } = s.bulkPatchAutomationsQuery(), { mutateAsync: V, isPending: H } = s.bulkDeleteAutomationsQuery(), U = S(""), W = _("fileInputRef"), G = f(() => k(void 0, "admin")), K = f(() => L.value ?? []), Se = f(() => (N.value ? 1 : Math.max(1, Math.floor(F.value / X))) * Math.max(1, Math.ceil(I.value / 90))), q = f(() => {
+			let e = U.value.toLowerCase().trim();
+			return e ? K.value.filter((t) => t.name.toLowerCase().includes(e)) : K.value;
+		}), { selectionMode: J, selectedIds: Y, selectedItems: Z, allSelected: je, bulkBusy: Q, enterSelectionMode: Me, exitSelectionMode: Ne, toggleSelectAll: Pe, toggleSelection: Fe } = E(q, (e) => e._id), $ = f(() => Z.value.length > 0 && Z.value.every((e) => !e.enabled));
+		function Ie(e) {
+			J.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);
+			x.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 && A.add({
+							severity: "error",
+							detail: M("views.automations.delete_selected_failed", { count: t.length }),
+							life: 5e3
+						}), Ne();
+					} finally {
+						Q.value = !1;
+					}
+				}
+			});
+		}
+		function ze(e) {
+			b.push(`/automations/${e}`);
+		}
+		function Be() {
+			b.push("/automations/new");
+		}
+		function Ve() {
+			x.openComponentDialog(a, { data: {
+				title: M("views.automations.browse_community"),
+				contentProps: {},
+				hideConfirmButton: !0,
+				fullscreen: !0
+			} });
+		}
+		function He(e) {
+			x.openComponentDialog(o, { 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) {
+						A.add({
+							severity: "error",
+							detail: M("views.automations.import_invalid"),
+							life: 3e3
+						});
+						return;
+					}
+					He(n);
+				} catch {
+					A.add({
+						severity: "error",
+						detail: M("views.automations.import_invalid"),
+						life: 3e3
+					});
+				}
+				W.value && (W.value.value = "");
+			}
+		}
+		return (t, a) => {
+			let o = _e, s = ue, f = ae, _ = ge, b = fe, x = pe, S = de, w = xe, T = be, E = se, D = ye, O = ne, k = ce, A = ie, j = ee;
+			return r(), m("div", Te, [
+				d(N) ? l("", !0) : (r(), m("h1", Ee, i(d(M)("views.automations.title")), 1)),
+				C(f, { position: "left" }, {
+					default: p(() => [C(s, {
+						severity: "secondary",
+						text: "",
+						class: "cui-button p-2 text-color non-draggable-region",
+						onClick: a[0] ||= (e) => t.$router.push("/menu")
+					}, {
+						icon: p(() => [C(o, { class: "w-6 h-6" })]),
+						_: 1
+					})]),
+					_: 1
+				}),
+				v("div", De, [
+					C(S, { class: "flex-1" }, {
+						default: p(() => [C(b, null, {
+							default: p(() => [C(_, { class: "w-4 h-4" })]),
+							_: 1
+						}), C(x, {
+							modelValue: d(U),
+							"onUpdate:modelValue": a[1] ||= (e) => u(U) ? U.value = e : null,
+							placeholder: d(M)("views.automations.search"),
+							class: "w-full"
+						}, null, 8, ["modelValue", "placeholder"])]),
+						_: 1
+					}),
+					d(G) ? y((r(), c(s, {
+						key: 0,
+						severity: "secondary",
+						outlined: "",
+						class: "cui-button shrink-0",
+						onClick: Ve
+					}, {
+						icon: p(() => [C(w, { class: "w-4.5 h-4.5" })]),
+						_: 1
+					})), [[
+						j,
+						{ value: d(M)("views.automations.browse_community") },
+						void 0,
+						{ left: !0 }
+					]]) : l("", !0),
+					y((r(), c(s, {
+						severity: "secondary",
+						outlined: "",
+						class: "cui-button shrink-0",
+						onClick: Ue
+					}, {
+						icon: p(() => [C(T, { class: "w-4.5 h-4.5" })]),
+						_: 1
+					})), [[j, { value: d(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: p(() => [d(R) ? (r(), m("div", {
+						key: "loading",
+						class: "grid w-full gap-2",
+						style: h({ gridTemplateColumns: `repeat(auto-fill, minmax(${d(N) ? "100%" : `${X}px`}, 1fr))` })
+					}, [(r(!0), m(g, null, n(d(Se), (e) => (r(), c(E, {
+						key: e,
+						height: `${Ae}px`,
+						class: "cui-card"
+					}, null, 8, ["height"]))), 128))], 4)) : d(q).length ? (r(), m("div", {
+						key: "content",
+						class: "grid w-full gap-2",
+						style: h({ gridTemplateColumns: `repeat(auto-fill, minmax(${d(N) ? "100%" : `${X}px`}, 1fr))` })
+					}, [(r(!0), m(g, null, n(d(q), (e) => (r(), c(D, {
+						key: e._id,
+						flow: e,
+						"selection-mode": d(J),
+						selected: d(Y).has(e._id),
+						onClick: (t) => Ie(e._id),
+						onToggle: (t) => d(z)({
+							id: e._id,
+							data: { enabled: t }
+						})
+					}, null, 8, [
+						"flow",
+						"selection-mode",
+						"selected",
+						"onClick",
+						"onToggle"
+					]))), 128))], 4)) : (r(), m("div", Oe, [C(O, { class: "w-12 h-12 text-muted" }), v("span", ke, i(d(M)("views.automations.no_automations")), 1)]))]),
+					_: 1
+				}),
+				C(A, { "force-visible": d(J) }, {
+					default: p(() => [d(J) ? (r(), m(g, { key: 1 }, [
+						C(k, {
+							grouped: "",
+							"tooltip-props": { value: d(M)("components.form.tooltip.cancel_selection") },
+							"button-props": { severity: "secondary" },
+							icon: d(me),
+							"icon-props": {
+								width: "100%",
+								height: "100%"
+							},
+							onClick: d(Ne)
+						}, null, 8, [
+							"tooltip-props",
+							"icon",
+							"onClick"
+						]),
+						C(k, {
+							grouped: "",
+							"tooltip-props": { value: d(je) ? d(M)("views.automations.deselect_all") : d(M)("views.automations.select_all") },
+							"button-props": { severity: d(je) ? "primary" : "secondary" },
+							icon: d(te),
+							"icon-props": {
+								width: "100%",
+								height: "100%"
+							},
+							onClick: d(Pe)
+						}, null, 8, [
+							"tooltip-props",
+							"button-props",
+							"icon",
+							"onClick"
+						]),
+						C(k, {
+							grouped: "",
+							"tooltip-props": { value: d($) ? d(M)("views.automations.enable_selected") : d(M)("views.automations.disable_selected") },
+							"button-props": {
+								severity: "secondary",
+								disabled: !d(Y).size || d(Q)
+							},
+							icon: d($) ? d(we) : d(Ce),
+							"icon-props": {
+								width: "100%",
+								height: "100%"
+							},
+							onClick: Le
+						}, null, 8, [
+							"tooltip-props",
+							"button-props",
+							"icon"
+						]),
+						C(k, {
+							grouped: "",
+							"tooltip-props": { value: d(M)("views.automations.delete_selected") },
+							"button-props": {
+								severity: "danger",
+								disabled: !d(Y).size || d(Q)
+							},
+							icon: d(le),
+							"icon-props": {
+								width: "100%",
+								height: "100%"
+							},
+							onClick: Re
+						}, null, 8, [
+							"tooltip-props",
+							"button-props",
+							"icon"
+						])
+					], 64)) : (r(), m(g, { key: 0 }, [d(G) && d(K).length ? (r(), c(k, {
+						key: 0,
+						grouped: "",
+						"tooltip-props": { value: d(M)("views.automations.select") },
+						"button-props": { severity: "secondary" },
+						icon: d(re),
+						"icon-props": {
+							width: "100%",
+							height: "100%"
+						},
+						onClick: d(Me)
+					}, null, 8, [
+						"tooltip-props",
+						"icon",
+						"onClick"
+					])) : l("", !0), C(k, {
+						grouped: "",
+						"tooltip-props": { value: d(M)("views.automations.create") },
+						"button-props": { class: "text-white" },
+						icon: d(ve),
+						"icon-props": {
+							width: "30px",
+							height: "30px"
+						},
+						onClick: Be
+					}, null, 8, ["tooltip-props", "icon"])], 64))]),
+					_: 1
+				}, 8, ["force-visible"])
+			]);
+		};
+	}
+});
+//#endregion
+export { Z as default };