@camera.ui/server 2.2.7 → 2.3.0

package/dist/interface/ha/SettingsNotifications-DI6ImggH.js

@@ -0,0 +1,529 @@
+import { p as e } from "./ripple-ZDATPc2w.js";
+import { G as t, H as n, Jt as r, d as i, f as a, kt as o, l as s, lt as c, ot as l, p as u, q as ee, r as d, u as f, ut as te, v as p, x as m, xt as h, y as g, yt as _, z as v } from "./runtime-core.esm-bundler-_TfE0DWz.js";
+import { t as ne } from "./tooltip-BDrlgLof.js";
+import { t as re } from "./message-D6dIy_hz.js";
+import { Ei as y, On as ie, Or as ae, mi as b, yr as x } from "./api-CH_Y8Hee.js";
+import { a as S, i as oe, o as C } from "./intercomService-BtJ_zUNd.js";
+import { n as w } from "./vue-i18n-D5EAy78K.js";
+import { t as se } from "./button-BouAFgf5.js";
+import { t as ce } from "./inputtext-C_ygnPrC.js";
+import { t as le } from "./datepicker-DXk97lTw.js";
+import { t as ue } from "./divider-DeFEXTGs.js";
+import { t as de } from "./chip-BTHURsTF.js";
+import { i as fe, t as pe } from "./CuiDataTable-Cy8EjCk9.js";
+import { t as me } from "./delete-DWdURc9X.js";
+import { t as T } from "./notifications-CZNwSXTg.js";
+import { t as E } from "./usePermissions-CfA5x7Df.js";
+C("PushRegistration");
+//#region src/common/deviceId.ts
+var D = "cui.push.registrations";
+h(!1);
+//#endregion
+//#region src/composables/usePushRegistration.ts
+var O = null;
+function he() {
+	return {
+		registerForPush: async () => {},
+		forgetIfThisDevice: async (e, t) => {
+			if (!e) return;
+			let n = await j(e);
+			n && n.deviceId === t && (await N(e), await F(e));
+		},
+		getSyncState: async (e, t) => ({ status: "unknown" }),
+		restoreMarker: async (e, t) => {
+			await j(e) || await M(e, {
+				deviceId: t,
+				enabledAt: Date.now()
+			});
+		}
+	};
+}
+async function k() {
+	try {
+		let { Preferences: e } = await import("./esm-aRdIx_aX.js"), { value: t } = await e.get({ key: D });
+		return t ? JSON.parse(t) : {};
+	} catch {
+		return {};
+	}
+}
+async function A(e) {
+	try {
+		let { Preferences: t } = await import("./esm-aRdIx_aX.js");
+		await t.set({
+			key: D,
+			value: JSON.stringify(e)
+		});
+	} catch {}
+}
+async function j(e) {
+	return (await k())[e] ?? null;
+}
+async function M(e, t) {
+	let n = await k();
+	n[e] = t, await A(n);
+}
+async function N(e) {
+	let t = await k();
+	t[e] && (delete t[e], await A(t));
+}
+function P() {
+	return O ??= (async () => {
+		try {
+			let { Capacitor: e, registerPlugin: t } = await import("./dist-CVIuuzDg.js").then((e) => e.a);
+			return e.isPluginAvailable("PushCrypto") ? { plugin: t("PushCrypto") } : { plugin: null };
+		} catch {
+			return { plugin: null };
+		}
+	})(), O;
+}
+async function F(e) {
+	try {
+		let { plugin: t } = await P();
+		await t?.deleteKey({ serverId: e });
+	} catch {}
+}
+//#endregion
+//#region src/subviews/SettingsNotifications.vue?vue&type=script&setup=true&lang.ts
+var ge = { class: "flex flex-col w-full gap-6" }, _e = { class: "card-title" }, ve = { class: "flex flex-col gap-6" }, ye = { class: "text-sm" }, be = {
+	key: 1,
+	class: "flex items-center justify-center py-8"
+}, xe = { class: "flex items-center gap-4" }, Se = { class: "flex flex-col field-switch-gap" }, Ce = { class: "cui-label-switch" }, we = {
+	key: 0,
+	class: "flex items-center gap-4"
+}, Te = { class: "flex flex-col field-switch-gap min-w-0" }, Ee = { class: "cui-label-switch" }, De = {
+	key: 1,
+	class: "flex items-center gap-4"
+}, Oe = { class: "flex flex-col field-switch-gap min-w-0" }, ke = { class: "cui-label-switch" }, Ae = {
+	key: 2,
+	class: "flex flex-col gap-2"
+}, je = { class: "flex items-center gap-4" }, Me = { class: "flex flex-col field-switch-gap" }, Ne = { class: "cui-label-switch" }, Pe = {
+	key: 0,
+	class: "grid grid-cols-1 sm:grid-cols-3 gap-3 mt-2"
+}, Fe = { class: "flex flex-col field-gap" }, Ie = {
+	for: "qh-from",
+	class: "cui-label"
+}, Le = { class: "flex flex-col field-gap" }, Re = {
+	for: "qh-to",
+	class: "cui-label"
+}, ze = { class: "flex flex-col field-gap" }, Be = {
+	for: "qh-tz",
+	class: "cui-label"
+}, Ve = { key: 0 }, He = { class: "card-title" }, Ue = { class: "flex flex-col gap-6" }, We = { class: "text-sm" }, Ge = {
+	key: 0,
+	class: "flex items-center justify-center py-8"
+}, Ke = {
+	key: 1,
+	class: "text-sm text-muted text-center py-8"
+}, qe = {
+	key: 2,
+	class: "flex flex-col gap-3"
+}, Je = { class: "flex items-center gap-4" }, Ye = { class: "flex flex-col field-switch-gap" }, Xe = { class: "cui-label-switch" }, Ze = { key: 1 }, Qe = { class: "card-title" }, $e = { class: "flex flex-col gap-6" }, et = { class: "text-sm" }, tt = {
+	key: 0,
+	class: "flex items-center justify-center py-8"
+}, nt = {
+	key: 1,
+	class: "text-sm text-muted text-center py-8"
+}, rt = {
+	key: 2,
+	class: "flex flex-col gap-3"
+}, it = { class: "flex items-center gap-4" }, at = { class: "flex flex-col field-switch-gap" }, ot = { class: "cui-label-switch" }, st = { key: 2 }, ct = { class: "card-title" }, lt = { class: "flex flex-col gap-6" }, ut = { class: "text-sm" }, dt = {
+	key: 0,
+	class: "flex items-center justify-center py-8"
+}, ft = {
+	key: 1,
+	class: "text-sm text-muted text-center py-8"
+}, pt = {
+	key: 3,
+	class: "flex justify-end gap-2"
+}, I = /* @__PURE__ */ m({
+	__name: "SettingsNotifications",
+	setup(m) {
+		let C = new T(), { t: D, te: O } = w(), k = y(), A = x(void 0, "admin"), { registerForPush: j, forgetIfThisDevice: M, getSyncState: N, restoreMarker: P } = he(), { isElectronApp: F, electron: I } = S(), { states: mt, refresh: ht } = E(), { data: L, isLoading: gt } = C.getSettingsQuery(), { data: R, isLoading: _t } = C.listDevicesQuery(() => !0), { data: z, isLoading: B } = C.listSourcesQuery(), { mutate: vt, isPending: yt } = C.setSettingsQuery(), { mutateAsync: bt } = C.setSettingsQuerySilent(), { mutate: xt } = C.revokeDeviceQuery(), { mutate: V } = C.updateDeviceQuery(), H = Intl.DateTimeFormat().resolvedOptions().timeZone || "UTC", U = h(null), St = h(""), W = h(!1), G = h(!1), K = h(!1), q = h(!0), J = h(!1), Y = h(null), X = _({}), Z = h(null), Ct = s(() => !!U.value && JSON.stringify(U.value) !== St.value), Q = s(() => !!U.value?.enabled), wt = s(() => yt.value), Tt = s(() => kt(U.value?.quietHours?.from)), Et = s(() => kt(U.value?.quietHours?.to));
+		function $(e) {
+			e && (U.value = JSON.parse(JSON.stringify(e)), St.value = JSON.stringify(e));
+		}
+		function Dt() {
+			$(L.value);
+		}
+		function Ot(e) {
+			U.value && (e ? U.value.quietHours = {
+				from: "22:00",
+				to: "07:00",
+				timezone: H
+			} : delete U.value.quietHours);
+		}
+		function kt(e) {
+			if (!e) return null;
+			let [t, n] = e.split(":").map(Number);
+			if (!Number.isFinite(t) || !Number.isFinite(n)) return null;
+			let r = /* @__PURE__ */ new Date();
+			return r.setHours(t, n, 0, 0), r;
+		}
+		function At(e) {
+			return e ? `${String(e.getHours()).padStart(2, "0")}:${String(e.getMinutes()).padStart(2, "0")}` : "00:00";
+		}
+		function jt(e, t) {
+			U.value?.quietHours && (U.value.quietHours[e] = At(t));
+		}
+		function Mt(e) {
+			return U.value?.systemTypes?.[e] !== !1;
+		}
+		function Nt(e, t) {
+			U.value && (U.value.systemTypes || (U.value.systemTypes = {}), t ? delete U.value.systemTypes[e] : U.value.systemTypes[e] = !1);
+		}
+		function Pt(e) {
+			return U.value?.sources?.[e] !== !1;
+		}
+		function Ft(e, t) {
+			U.value && (U.value.sources || (U.value.sources = {}), t ? delete U.value.sources[e] : U.value.sources[e] = !1);
+		}
+		function It(e) {
+			let t = `views.settings.notifications.system_types.${e.type.replaceAll(".", "_")}`;
+			return O(t) ? D(t) : e.label;
+		}
+		function Lt() {
+			U.value && vt({ settings: U.value }, { onSuccess: (e) => $(e) });
+		}
+		async function Rt(e) {
+			if (U.value && L.value) {
+				W.value = !0;
+				try {
+					$(await bt({ settings: {
+						...L.value,
+						enabled: e
+					} }));
+				} catch (e) {
+					k.add({
+						severity: "error",
+						detail: e,
+						life: 3e3
+					});
+				} finally {
+					W.value = !1;
+				}
+			}
+		}
+		async function zt() {
+			let e = b(), t = e ? await N(e, R.value) : { status: "unknown" };
+			G.value = t.status === "registered", t.status === "registered" && t.device && e && await P(e, t.device.id);
+		}
+		async function Bt() {
+			if (F && I) try {
+				q.value = await I.invoke("get-desktop-notifications");
+			} catch {}
+		}
+		async function Vt(e) {
+			if (I) {
+				J.value = !0;
+				try {
+					q.value = await I.invoke("set-desktop-notifications", e);
+				} catch (e) {
+					k.add({
+						severity: "error",
+						detail: e,
+						life: 3e3
+					});
+				} finally {
+					J.value = !1;
+				}
+			}
+		}
+		async function Ht() {
+			K.value = !0;
+			try {
+				await j(), await zt(), await C.queryClient.invalidateQueries({ queryKey: ["notifications", "devices"] });
+			} catch (e) {
+				k.add({
+					severity: "error",
+					detail: e,
+					life: 3e3
+				});
+			} finally {
+				K.value = !1;
+			}
+		}
+		function Ut(e) {
+			Y.value = e;
+			let t = b();
+			xt({ deviceId: e }, {
+				onSuccess: async () => {
+					t && await M(t, e), zt();
+				},
+				onSettled: () => Y.value = null
+			});
+		}
+		function Wt(e) {
+			let t = X[e.id];
+			if (t == null) return;
+			let n = t.trim();
+			if (!n || n === e.name) {
+				delete X[e.id];
+				return;
+			}
+			Z.value = e.id, V({
+				deviceId: e.id,
+				patch: { name: n }
+			}, {
+				onSuccess: () => delete X[e.id],
+				onSettled: () => Z.value = null
+			});
+		}
+		function Gt(e, t) {
+			Z.value = e, V({
+				deviceId: e,
+				patch: { active: t }
+			}, { onSettled: () => Z.value = null });
+		}
+		return l(L, $, { immediate: !0 }), l(R, () => !1, { immediate: !0 }), v(() => {
+			F && Bt(), ht();
+		}), (s, l) => {
+			let m = ee("RouterLink"), h = re, _ = ae, v = ie, y = se, b = le, x = ce, S = oe, C = ue, w = fe, T = de, E = me, D = pe, O = ne;
+			return n(), u("div", null, [f("div", ge, [
+				f("div", null, [f("span", _e, r(s.$t("views.settings.notifications.general")), 1), g(S, { class: "cui-card" }, {
+					content: c(() => [f("div", ve, [
+						f("span", ye, r(s.$t("views.settings.notifications.general_info")), 1),
+						o(mt).notifications === "denied" ? (n(), i(h, {
+							key: 0,
+							severity: "warn",
+							size: "small"
+						}, {
+							default: c(() => [p(r(s.$t("views.settings.notifications.os_permission_denied")) + " ", 1), g(m, {
+								to: "/settings/permissions",
+								class: "underline"
+							}, {
+								default: c(() => [p(r(s.$t("views.settings.notifications.os_permission_link")), 1)]),
+								_: 1
+							})]),
+							_: 1
+						})) : a("", !0),
+						o(gt) && !o(U) ? (n(), u("div", be, [g(_, {
+							class: "w-[30px] h-[30px] m-0",
+							"stroke-width": "5"
+						})])) : o(U) ? (n(), u(d, { key: 2 }, [
+							f("div", xe, [f("div", Se, [f("label", Ce, r(s.$t("views.settings.notifications.enable")), 1), g(h, {
+								severity: "secondary",
+								variant: "simple",
+								size: "small",
+								class: "cui-input-switch-hint"
+							}, {
+								default: c(() => [p(r(s.$t("views.settings.notifications.enable_info")), 1)]),
+								_: 1
+							})]), g(v, {
+								"model-value": o(U).enabled,
+								loading: o(W),
+								class: "ml-auto shrink-0",
+								"onUpdate:modelValue": Rt
+							}, null, 8, ["model-value", "loading"])]),
+							o(!1) && o(U).enabled ? (n(), u("div", we, [f("div", Te, [f("label", Ee, r(s.$t("views.settings.notifications.this_device")), 1), g(h, {
+								severity: o(G) ? "secondary" : "warn",
+								variant: "simple",
+								size: "small",
+								class: "cui-input-switch-hint"
+							}, {
+								default: c(() => [p(r(o(G) ? s.$t("views.settings.notifications.this_device_synced") : s.$t("views.settings.notifications.this_device_unsynced")), 1)]),
+								_: 1
+							}, 8, ["severity"])]), g(y, {
+								severity: o(G) ? "secondary" : void 0,
+								loading: o(K),
+								class: "cui-button-small ml-auto shrink-0",
+								label: o(G) ? s.$t("views.settings.notifications.resync") : s.$t("views.settings.notifications.sync"),
+								onClick: Ht
+							}, null, 8, [
+								"severity",
+								"loading",
+								"label"
+							])])) : o(F) && o(U).enabled ? (n(), u("div", De, [f("div", Oe, [f("label", ke, r(s.$t("views.settings.notifications.this_device")), 1), g(h, {
+								severity: "secondary",
+								variant: "simple",
+								size: "small",
+								class: "cui-input-switch-hint"
+							}, {
+								default: c(() => [p(r(s.$t("views.settings.notifications.this_device_desktop")), 1)]),
+								_: 1
+							})]), g(v, {
+								"model-value": o(q),
+								loading: o(J),
+								class: "ml-auto shrink-0",
+								"onUpdate:modelValue": Vt
+							}, null, 8, ["model-value", "loading"])])) : a("", !0),
+							o(U).enabled ? (n(), u("div", Ae, [f("div", je, [f("div", Me, [f("label", Ne, r(s.$t("views.settings.notifications.quiet_hours")), 1), g(h, {
+								severity: "secondary",
+								variant: "simple",
+								size: "small",
+								class: "cui-input-switch-hint"
+							}, {
+								default: c(() => [p(r(s.$t("views.settings.notifications.quiet_hours_info")), 1)]),
+								_: 1
+							})]), g(v, {
+								"model-value": !!o(U).quietHours,
+								class: "ml-auto shrink-0",
+								"onUpdate:modelValue": Ot
+							}, null, 8, ["model-value"])]), o(U).quietHours ? (n(), u("div", Pe, [
+								f("div", Fe, [f("label", Ie, r(s.$t("views.settings.notifications.from")), 1), g(b, {
+									"input-id": "qh-from",
+									"model-value": o(Tt),
+									"time-only": "",
+									"show-icon": "",
+									"icon-display": "input",
+									class: "w-full",
+									"onUpdate:modelValue": l[0] ||= (e) => jt("from", e)
+								}, null, 8, ["model-value"])]),
+								f("div", Le, [f("label", Re, r(s.$t("views.settings.notifications.to")), 1), g(b, {
+									"input-id": "qh-to",
+									"model-value": o(Et),
+									"time-only": "",
+									"show-icon": "",
+									"icon-display": "input",
+									class: "w-full",
+									"onUpdate:modelValue": l[1] ||= (e) => jt("to", e)
+								}, null, 8, ["model-value"])]),
+								f("div", ze, [f("label", Be, r(s.$t("views.settings.notifications.timezone")), 1), g(x, {
+									id: "qh-tz",
+									modelValue: o(U).quietHours.timezone,
+									"onUpdate:modelValue": l[2] ||= (e) => o(U).quietHours.timezone = e,
+									placeholder: o(H)
+								}, null, 8, ["modelValue", "placeholder"])])
+							])) : a("", !0)])) : a("", !0)
+						], 64)) : a("", !0)
+					])]),
+					_: 1
+				})]),
+				o(Q) && o(A) ? (n(), u("div", Ve, [f("span", He, r(s.$t("views.settings.notifications.system_notifications")), 1), g(S, { class: "cui-card" }, {
+					content: c(() => [f("div", Ue, [f("span", We, r(s.$t("views.settings.notifications.system_notifications_info")), 1), o(B) && !o(z) ? (n(), u("div", Ge, [g(_, {
+						class: "w-[30px] h-[30px] m-0",
+						"stroke-width": "5"
+					})])) : o(z)?.system?.length ? (n(), u("div", qe, [(n(!0), u(d, null, t(o(z).system, (e, t) => (n(), u("div", { key: e.type }, [f("div", Je, [f("div", Ye, [f("label", Xe, r(It(e)), 1), e.description ? (n(), i(h, {
+						key: 0,
+						severity: "secondary",
+						variant: "simple",
+						size: "small",
+						class: "cui-input-switch-hint"
+					}, {
+						default: c(() => [p(r(e.description), 1)]),
+						_: 2
+					}, 1024)) : a("", !0)]), g(v, {
+						"model-value": Mt(e.type),
+						class: "ml-auto shrink-0",
+						"onUpdate:modelValue": (t) => Nt(e.type, t)
+					}, null, 8, ["model-value", "onUpdate:modelValue"])]), t < o(z).system.length - 1 ? (n(), i(C, {
+						key: 0,
+						class: "my-2"
+					})) : a("", !0)]))), 128))])) : (n(), u("div", Ke, r(s.$t("views.settings.notifications.no_system_types")), 1))])]),
+					_: 1
+				})])) : a("", !0),
+				o(Q) ? (n(), u("div", Ze, [f("span", Qe, r(s.$t("views.settings.notifications.plugin_notifications")), 1), g(S, { class: "cui-card" }, {
+					content: c(() => [f("div", $e, [f("span", et, r(s.$t("views.settings.notifications.plugin_notifications_info")), 1), o(B) && !o(z) ? (n(), u("div", tt, [g(_, {
+						class: "w-[30px] h-[30px] m-0",
+						"stroke-width": "5"
+					})])) : o(z)?.plugins?.length ? (n(), u("div", rt, [(n(!0), u(d, null, t(o(z).plugins, (e, t) => (n(), u("div", { key: e.id }, [f("div", it, [f("div", at, [f("label", ot, r(e.name), 1)]), g(v, {
+						"model-value": Pt(e.id),
+						class: "ml-auto shrink-0",
+						"onUpdate:modelValue": (t) => Ft(e.id, t)
+					}, null, 8, ["model-value", "onUpdate:modelValue"])]), t < o(z).plugins.length - 1 ? (n(), i(C, {
+						key: 0,
+						class: "my-2"
+					})) : a("", !0)]))), 128))])) : (n(), u("div", nt, r(s.$t("views.settings.notifications.no_plugin_sources")), 1))])]),
+					_: 1
+				})])) : a("", !0),
+				o(Q) ? (n(), u("div", st, [f("span", ct, r(s.$t("views.settings.notifications.devices")), 1), g(S, { class: "cui-card" }, {
+					content: c(() => [f("div", lt, [f("span", ut, r(s.$t("views.settings.notifications.devices_info")), 1), o(_t) && !o(R) ? (n(), u("div", dt, [g(_, {
+						class: "w-[30px] h-[30px] m-0",
+						"stroke-width": "5"
+					})])) : o(R)?.length ? (n(), i(D, {
+						key: 2,
+						value: o(R),
+						"striped-rows": ""
+					}, {
+						default: c(() => [
+							g(w, {
+								field: "name",
+								header: s.$t("views.settings.notifications.col_name")
+							}, {
+								body: c(({ data: t }) => [g(x, {
+									"model-value": o(X)[t.id] ?? t.name,
+									disabled: o(Z) === t.id,
+									class: "w-full max-w-xs min-w-[150px]",
+									"onUpdate:modelValue": (e) => o(X)[t.id] = e ?? "",
+									onBlur: (e) => Wt(t),
+									onKeyup: e((e) => Wt(t), ["enter"])
+								}, null, 8, [
+									"model-value",
+									"disabled",
+									"onUpdate:modelValue",
+									"onBlur",
+									"onKeyup"
+								])]),
+								_: 1
+							}, 8, ["header"]),
+							g(w, {
+								field: "pluginName",
+								header: s.$t("views.settings.notifications.col_plugin")
+							}, {
+								body: c(({ data: e }) => [g(T, {
+									label: e.pluginName,
+									class: "text-xs"
+								}, null, 8, ["label"])]),
+								_: 1
+							}, 8, ["header"]),
+							g(w, {
+								field: "active",
+								header: s.$t("views.settings.notifications.col_active"),
+								style: { width: "7rem" }
+							}, {
+								body: c(({ data: e }) => [g(v, {
+									"model-value": e.active,
+									loading: o(Z) === e.id,
+									"onUpdate:modelValue": (t) => Gt(e.id, t)
+								}, null, 8, [
+									"model-value",
+									"loading",
+									"onUpdate:modelValue"
+								])]),
+								_: 1
+							}, 8, ["header"]),
+							g(w, {
+								field: "actions",
+								header: "",
+								style: { width: "6rem" }
+							}, {
+								body: c(({ data: e }) => [te((n(), i(y, {
+									severity: "danger",
+									text: "",
+									rounded: "",
+									class: "cui-icon-md",
+									loading: o(Y) === e.id,
+									onClick: (t) => Ut(e.id)
+								}, {
+									icon: c(() => [g(E, {
+										width: "100%",
+										height: "100%"
+									})]),
+									_: 1
+								}, 8, ["loading", "onClick"])), [[O, { value: s.$t("views.settings.notifications.revoke") }]])]),
+								_: 1
+							})
+						]),
+						_: 1
+					}, 8, ["value"])) : (n(), u("div", ft, r(s.$t("views.settings.notifications.no_devices")), 1))])]),
+					_: 1
+				})])) : a("", !0),
+				o(U) && o(Ct) ? (n(), u("div", pt, [g(y, {
+					severity: "secondary",
+					outlined: "",
+					class: "cui-button-medium",
+					disabled: o(wt),
+					label: s.$t("views.settings.notifications.reset"),
+					onClick: Dt
+				}, null, 8, ["disabled", "label"]), g(y, {
+					severity: "success",
+					class: "cui-button-medium",
+					loading: o(wt),
+					label: s.$t("views.settings.notifications.save"),
+					onClick: Lt
+				}, null, 8, ["loading", "label"])])) : a("", !0)
+			])]);
+		};
+	}
+});
+//#endregion
+export { I as default };

package/dist/interface/ha/SettingsPermissions-BCDyCFcb.js

@@ -0,0 +1,84 @@
+import { G as e, H as t, Jt as n, d as r, f as i, kt as a, lt as o, p as s, r as c, u as l, v as u, x as d, xt as f, y as p, z as m } from "./runtime-core.esm-bundler-_TfE0DWz.js";
+import { t as h } from "./message-D6dIy_hz.js";
+import { t as g } from "./tag-mchuCAPR.js";
+import { b as _, i as v } from "./intercomService-BtJ_zUNd.js";
+import { t as y } from "./button-BouAFgf5.js";
+import { t as b } from "./usePermissions-CfA5x7Df.js";
+//#region src/subviews/SettingsPermissions.vue?vue&type=script&setup=true&lang.ts
+var x = { class: "flex flex-col w-full gap-6" }, S = { class: "card-title" }, C = { class: "flex flex-col gap-6" }, w = { class: "text-sm" }, T = { class: "flex flex-col field-switch-gap min-w-0" }, E = { class: "cui-label-switch" }, D = { class: "flex items-center gap-2 ml-auto shrink-0" }, O = /* @__PURE__ */ d({
+	__name: "SettingsPermissions",
+	setup(d) {
+		let { states: O, canOpenSettings: k, refresh: A, request: j, openSettings: M } = b(), N = [
+			{ name: "microphone" },
+			{ name: "location" },
+			{ name: "notifications" }
+		], P = f(null);
+		function F(e) {
+			return e === "granted" ? "success" : e === "denied" ? "danger" : e === "prompt" ? "warn" : "secondary";
+		}
+		async function I(e) {
+			P.value = e;
+			try {
+				await j(e);
+			} finally {
+				P.value = null;
+			}
+		}
+		return _(document, "visibilitychange", () => {
+			document.visibilityState === "visible" && A();
+		}), m(() => {
+			A();
+		}), (d, f) => {
+			let m = h, _ = g, b = y, A = v;
+			return t(), s("div", null, [l("div", x, [l("div", null, [l("span", S, n(d.$t("views.settings.permissions.general")), 1), p(A, { class: "cui-card" }, {
+				content: o(() => [l("div", C, [l("span", w, n(d.$t("views.settings.permissions.general_info")), 1), (t(), s(c, null, e(N, (e) => l("div", {
+					key: e.name,
+					class: "flex items-center gap-4"
+				}, [l("div", T, [
+					l("label", E, n(d.$t(`views.settings.permissions.${e.name}`)), 1),
+					p(m, {
+						severity: "secondary",
+						variant: "simple",
+						size: "small",
+						class: "cui-input-switch-hint"
+					}, {
+						default: o(() => [u(n(d.$t(`views.settings.permissions.${e.name}_info`)), 1)]),
+						_: 2
+					}, 1024),
+					a(O)[e.name] === "denied" && !a(k) ? (t(), r(m, {
+						key: 0,
+						severity: "warn",
+						variant: "simple",
+						size: "small",
+						class: "cui-input-switch-hint"
+					}, {
+						default: o(() => [u(n(d.$t("views.settings.permissions.browser_hint")), 1)]),
+						_: 1
+					})) : i("", !0)
+				]), l("div", D, [p(_, {
+					severity: F(a(O)[e.name]),
+					value: d.$t(`views.settings.permissions.state_${a(O)[e.name]}`)
+				}, null, 8, ["severity", "value"]), a(O)[e.name] === "prompt" || a(O)[e.name] === "unknown" ? (t(), r(b, {
+					key: 0,
+					loading: a(P) === e.name,
+					class: "cui-button-small",
+					label: d.$t("views.settings.permissions.request"),
+					onClick: (t) => I(e.name)
+				}, null, 8, [
+					"loading",
+					"label",
+					"onClick"
+				])) : a(O)[e.name] === "denied" && a(k) ? (t(), r(b, {
+					key: 1,
+					severity: "secondary",
+					class: "cui-button-small",
+					label: d.$t("views.settings.permissions.open_settings"),
+					onClick: a(M)
+				}, null, 8, ["label", "onClick"])) : i("", !0)])])), 64))])]),
+				_: 1
+			})])])]);
+		};
+	}
+});
+//#endregion
+export { O as default };