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

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

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

package/dist/interface/ha/SettingsPermissions-Cd0rtgli.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-D8slQ3BU.js";
+import { t as h } from "./message-C8U_kMBA.js";
+import { t as g } from "./tag-CXgC9OZ6.js";
+import { b as _, i as v } from "./intercomService-jB2mTgsn.js";
+import { t as y } from "./button-BlYuI0Q7.js";
+import { t as b } from "./usePermissions-BIUeW4ef.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 };