@camstack/ui-library 1.2.187 → 1.2.189

package/dist/index.cjs

@@ -19017,6 +19017,15 @@ function BandRow({ band, onChange, onRemove, sensorContext }) {
 							children: m.label
 						}, m.value))
 					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+						type: "button",
+						"aria-label": "Band audio",
+						"aria-pressed": band.audio !== "muted",
+						title: band.audio === "muted" ? "Silent — this band records the video-only stream." : "With sound — this band records the camera’s audio.",
+						onClick: () => onChange({ audio: band.audio === "muted" ? "on" : "muted" }),
+						className: `inline-flex items-center gap-1 rounded px-2 py-0.5 ${band.audio === "muted" ? "bg-surface-hover text-foreground-subtle" : "bg-primary/10 text-primary"}`,
+						children: [band.audio === "muted" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(VolumeX, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Volume2, { className: "h-3.5 w-3.5" }), band.audio === "muted" ? "Silent" : "Sound"]
+					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: "flex-1" }),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 						type: "button",
@@ -23526,6 +23535,7 @@ function AddonActionButtonField({ field, values, disabled, onAction }) {
 	const [loading, setLoading] = (0, react$1.useState)(false);
 	const [status, setStatus] = (0, react$1.useState)(null);
 	const confirm = useConfirm();
+	const deviceId = useDeviceId();
 	const handleClick = async () => {
 		if (field.confirmMessage) {
 			if (!await confirm({
@@ -23537,6 +23547,7 @@ function AddonActionButtonField({ field, values, disabled, onAction }) {
 		}
 		if (!onAction) return;
 		const params = resolveActionParams(field, values);
+		if (field.includeDeviceId === true && deviceId !== null && deviceId !== void 0) params["deviceId"] = deviceId;
 		setLoading(true);
 		setStatus(null);
 		try {

package/dist/index.js

@@ -18993,6 +18993,15 @@ function BandRow({ band, onChange, onRemove, sensorContext }) {
 							children: m.label
 						}, m.value))
 					}),
+					/* @__PURE__ */ jsxs("button", {
+						type: "button",
+						"aria-label": "Band audio",
+						"aria-pressed": band.audio !== "muted",
+						title: band.audio === "muted" ? "Silent — this band records the video-only stream." : "With sound — this band records the camera’s audio.",
+						onClick: () => onChange({ audio: band.audio === "muted" ? "on" : "muted" }),
+						className: `inline-flex items-center gap-1 rounded px-2 py-0.5 ${band.audio === "muted" ? "bg-surface-hover text-foreground-subtle" : "bg-primary/10 text-primary"}`,
+						children: [band.audio === "muted" ? /* @__PURE__ */ jsx(VolumeX, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ jsx(Volume2, { className: "h-3.5 w-3.5" }), band.audio === "muted" ? "Silent" : "Sound"]
+					}),
 					/* @__PURE__ */ jsx("span", { className: "flex-1" }),
 					/* @__PURE__ */ jsx("button", {
 						type: "button",
@@ -23502,6 +23511,7 @@ function AddonActionButtonField({ field, values, disabled, onAction }) {
 	const [loading, setLoading] = useState(false);
 	const [status, setStatus] = useState(null);
 	const confirm = useConfirm();
+	const deviceId = useDeviceId();
 	const handleClick = async () => {
 		if (field.confirmMessage) {
 			if (!await confirm({
@@ -23513,6 +23523,7 @@ function AddonActionButtonField({ field, values, disabled, onAction }) {
 		}
 		if (!onAction) return;
 		const params = resolveActionParams(field, values);
+		if (field.includeDeviceId === true && deviceId !== null && deviceId !== void 0) params["deviceId"] = deviceId;
 		setLoading(true);
 		setStatus(null);
 		try {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@camstack/ui-library",
-  "version": "1.2.187",
+  "version": "1.2.189",
   "type": "module",
   "main": "dist/index.cjs",
   "module": "dist/index.js",