uapp-communication-sdk 1.0.0-dev.54

package/rtk-notifications.entry-9Dw5djbp.js

@@ -0,0 +1,354 @@
+import { $ as e, G as t, J as n, Q as r, U as i, X as a, Z as o, g as s, m as c } from "./ui-store-4fbabb78-B6WDMKSM.js";
+import { t as l } from "./index-8be19fcf-BppFp8rx.js";
+import { t as u } from "./string-068ce30a-DsdGnSiw.js";
+import { a as d } from "./chat-98db6d32-D3jNjCkY.js";
+import { t as f } from "./notification-1ebf7700-CqNPBLRu.js";
+//#region node_modules/@cloudflare/realtimekit-ui/dist/esm/rtk-notifications.entry.js
+var p = 2e3, m = Object.freeze({
+	notifications: {
+		participant_joined: !0,
+		participant_left: !0,
+		participant_joined_waitlist: !0,
+		chat: !0,
+		polls: !0,
+		webinar: !0,
+		tab_sync: !0,
+		recording_started: !0,
+		recording_stopped: !0
+	},
+	notification_sounds: {
+		participant_joined: !0,
+		participant_left: !0,
+		chat: !0,
+		polls: !0,
+		webinar: !0,
+		participant_joined_waitlist: !0
+	},
+	notification_duration: {
+		participant_joined: 2100,
+		participant_left: 2100,
+		participant_joined_waitlist: 4e3,
+		chat: p,
+		polls: p,
+		webinar: p,
+		tab_sync: p,
+		recording_started: p,
+		recording_stopped: p
+	},
+	participant_joined_sound_notification_limit: 10,
+	participant_chat_message_sound_notification_limit: 10
+}), h = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{position:absolute;top:var(--rtk-space-4, 16px);right:var(--rtk-space-4, 16px);bottom:var(--rtk-space-4, 16px);left:var(--rtk-space-4, 16px);top:auto;display:flex;flex-direction:column;pointer-events:none;z-index:100}rtk-notification{margin-top:var(--rtk-space-2, 8px)}", g = function(e, t, n, r) {
+	var i = arguments.length, a = i < 3 ? t : r === null ? r = Object.getOwnPropertyDescriptor(t, n) : r, o;
+	if (typeof Reflect == "object" && typeof Reflect.decorate == "function") a = Reflect.decorate(e, t, n, r);
+	else for (var s = e.length - 1; s >= 0; s--) (o = e[s]) && (a = (i < 3 ? o(a) : i > 3 ? o(t, n, a) : o(t, n)) || a);
+	return i > 3 && a && Object.defineProperty(t, n, a), a;
+};
+function _(e) {
+	let t = Object.assign({}, m);
+	return e == null ? t : (Object.assign(t.notification_sounds, e.notification_sounds), Object.assign(t.notifications, e.notifications), Object.assign(t.notification_duration, e.notification_duration), t.participant_chat_message_sound_notification_limit = e.participant_chat_message_sound_notification_limit, t.participant_joined_sound_notification_limit = e.participant_joined_sound_notification_limit, t);
+}
+function v(e) {
+	return Object.keys(e).filter((t) => e[t]);
+}
+var y = class {
+	constructor(e) {
+		r(this, e), this.permissions = m, this.enabledSounds = v(m.notification_sounds), this.config = c(), this.t = t(), this.iconPack = s, this.notifications = [], this.addStagePeersListeners = (e) => {
+			e.participants.joined.addListener("participantJoined", this.participantJoinedListener), e.participants.joined.addListener("participantLeft", this.participantLeftListener);
+		}, this.removeStagePeersListeners = (e) => {
+			e.participants.joined.removeListener("participantJoined", this.participantJoinedListener), e.participants.joined.removeListener("participantLeft", this.participantLeftListener);
+		}, this.onNotification = (e) => {
+			this.add(e.detail);
+			let t = e.detail.playSound;
+			t != null && this.audio.play(t);
+		}, this.onRecordingUpdate = (e) => {
+			e === "RECORDING" && this.permissions.notifications.recording_started !== !1 ? this.add({
+				id: "recording-started",
+				icon: this.iconPack.recording,
+				message: this.t("recording.started"),
+				duration: this.permissions.notification_duration.recording_started ?? p
+			}) : e === "STOPPING" && this.permissions.notifications.recording_stopped !== !1 && this.add({
+				id: "recording-stopped",
+				icon: this.iconPack.stop_recording,
+				message: this.t("recording.stopped"),
+				duration: this.permissions.notification_duration.recording_stopped ?? p
+			});
+		}, this.paused = !1;
+	}
+	connectedCallback() {
+		typeof document < "u" && (document == null || document.addEventListener("rtkNotification", this.onNotification)), this.meetingChanged(this.meeting), this.configChanged(this.config), this.statesChanged(this.states);
+	}
+	clearListeners(e) {
+		var t, n, r, i, a, o, s;
+		let c = e.meta.viewType === "LIVESTREAM";
+		(c && e.stage?.status === "ON_STAGE" || !c) && this.removeStagePeersListeners(e), this.chatUpdateListener && ((t = e.chat) == null || t.removeListener("chatUpdate", this.chatUpdateListener)), this.pollUpdateListener && ((n = e.polls) == null || n.removeListener("pollsUpdate", this.pollUpdateListener)), e.meta.removeListener("socketConnectionUpdate", this.socketConnectionUpdateListener), this.stageRequestAccepted && ((r = e.stage) == null || r.removeListener("stageRequestApproved", this.stageRequestAccepted)), this.stageRequestRejected && ((i = e.stage) == null || i.removeListener("stageRequestRejected", this.stageRequestRejected)), this.newStageRequests && ((a = e.stage) == null || a.removeListener("newStageRequest", this.newStageRequests)), this.stageStatusUpdateListener && ((o = e.stage) == null || o.removeListener("stageStatusUpdate", this.stageStatusUpdateListener)), (s = e.recording) == null || s.removeListener("recordingUpdate", this.onRecordingUpdate), clearTimeout(this.disconnectTimeout), e.self.removeListener("deviceUpdate", this.deviceUpdateListener);
+	}
+	disconnectedCallback() {
+		var e;
+		typeof document < "u" && (document == null || document.removeEventListener("rtkNotification", this.onNotification)), this.meeting && (this.clearListeners(this.meeting), this.waitlistedParticipantJoinedListener && this.meeting.participants.waitlisted.removeListener("participantJoined", this.waitlistedParticipantJoinedListener), this.waitlistedParticipantLeftListener && this.meeting.participants.waitlisted.removeListener("participantLeft", this.waitlistedParticipantLeftListener), this.activeTabUpdateListener && ((e = this.meeting.meta) == null || e.removeListener("activeTabUpdate", this.activeTabUpdateListener)), this.peerStageStatusListener && this.meeting.participants.joined.removeListener("stageStatusUpdate", this.peerStageStatusListener));
+	}
+	meetingChanged(e, t) {
+		var n, r, a, o, s, c, l, p;
+		if (clearTimeout(this.disconnectTimeout), t && this.clearListeners(t), !e) return;
+		let m = e.meta.viewType === "LIVESTREAM";
+		this.audio = new f(e);
+		let { notifications: h, notification_duration: g, notification_sounds: _ } = this.permissions;
+		if (this.participantJoinedListener = (e) => {
+			h.participant_joined && this.add({
+				id: `${e.id}-joined`,
+				message: `${u(e.name)} ${this.t("notifications.joined")}`,
+				image: e.picture,
+				duration: g.participant_joined
+			}), _.participant_joined && this.canPlayParticipantJoinedSound() && this.audio.play("joined");
+		}, this.participantLeftListener = (e) => {
+			let { socketState: { state: t } } = this.meeting.meta;
+			h.participant_left && t !== "connected" && this.add({
+				id: `${e.id}-left`,
+				message: `${u(e.name)} ${this.t("notifications.left")}`,
+				image: e.picture,
+				duration: g.participant_left
+			}), _.participant_left && this.canPlayParticipantJoinedSound() && this.audio.play("left");
+		}, this.waitlistedParticipantJoinedListener = (e) => {
+			if (!this.canAcceptWaitingRequests()) return;
+			let t = `${e.id}-joined-waitlist`;
+			this.add({
+				id: t,
+				message: `${u(e.name)} ${this.t("notifications.requesting_to_join_meeting")}`,
+				image: e.picture,
+				duration: g.participant_joined_waitlist,
+				button: {
+					text: this.t("notifications.accept"),
+					variant: "primary",
+					onClick: async () => {
+						await this.meeting.participants.acceptWaitingRoomRequest(e.id), this.remove(t);
+					}
+				}
+			}), _.participant_joined_waitlist && this.canPlayParticipantJoinedSound() && this.audio.play("message");
+		}, this.waitlistedParticipantLeftListener = (e) => {
+			this.remove(`${e.id}-joined-waitlist`);
+		}, this.chatUpdateListener = ({ message: t, action: n }) => {
+			if (n !== "add") return;
+			let r = d(t);
+			if (r != null) {
+				if (r.userId === e.self.userId) return;
+				r.type === "text" && (h.chat && this.add({
+					id: `message-${Math.random().toString(36)}`,
+					icon: this.iconPack.chat,
+					message: `${r.displayName}: ${r.message}`,
+					duration: g.chat
+				}), _.chat && this.canPlayChatSound() && this.audio.play("message"));
+			}
+		}, this.pollUpdateListener = ({ polls: e, newPoll: t }) => {
+			t !== !1 && (h.polls && this.meeting.self.userId !== e[e.length - 1].createdByUserId && this.add({
+				id: `poll-${Math.random().toString(36)}`,
+				icon: this.iconPack.poll,
+				message: `${this.t("notifications.new_poll_created_by")} ${e[e.length - 1].createdBy}`,
+				duration: g.polls
+			}), _.polls && this.meeting.self.userId !== e[e.length - 1].createdByUserId && this.canPlayChatSound() && this.audio.play("message"));
+		}, this.deviceUpdateListener = ({ device: e, preview: t }) => {
+			t || (e.kind === "audiooutput" && (this.audio.setDevice(e.deviceId), this.remove("speaker-switched"), this.add({
+				id: "speaker-switched",
+				message: `${this.t("notifications.connected_to")} ${e.label}`,
+				icon: this.iconPack.speaker,
+				duration: 5e3
+			})), e.kind === "videoinput" && (this.remove("camera-switched"), this.add({
+				id: "camera-switched",
+				message: `${this.t("notifications.connected_to")} ${e.label}`,
+				icon: this.meeting.self.videoEnabled ? this.iconPack.video_on : this.iconPack.video_off,
+				iconVariant: this.meeting.self.videoEnabled ? "primary" : "danger",
+				duration: 5e3
+			})), e.kind === "audioinput" && (this.remove("mic-switched"), this.add({
+				id: "mic-switched",
+				message: `${this.t("notifications.connected_to")} ${e.label}`,
+				icon: this.meeting.self.audioEnabled ? this.iconPack.mic_on : this.iconPack.mic_off,
+				iconVariant: this.meeting.self.audioEnabled ? "primary" : "danger",
+				duration: 5e3
+			})));
+		}, this.socketConnectionUpdateListener = ({ state: e, reconnectionAttempt: t, reconnected: n }) => {
+			switch (e) {
+				case "connected":
+					this.remove("socket"), n && this.add({
+						id: "socket",
+						icon: this.iconPack.wifi,
+						message: this.t("network.restored"),
+						duration: 3e3
+					});
+					break;
+				case "disconnected":
+					this.remove("socket"), this.add({
+						id: "socket",
+						icon: this.iconPack.disconnected,
+						message: this.t("network.reconnecting")
+					});
+					break;
+				case "reconnecting":
+					t >= 6 ? (this.remove("socket"), this.add({
+						id: "socket",
+						icon: this.iconPack.disconnected,
+						message: this.t("network.disconnected"),
+						button: {
+							text: this.t("end"),
+							variant: "danger",
+							onClick: () => this.meeting?.leaveRoom()
+						}
+					})) : t >= 4 && (this.remove("socket"), this.add({
+						id: "socket",
+						icon: this.iconPack.disconnected,
+						message: this.t("network.delay_extended")
+					}));
+					break;
+				case "failed":
+					this.remove("socket"), this.add({
+						id: "socket",
+						icon: this.iconPack.disconnected,
+						message: this.t("network.leaving"),
+						button: {
+							text: this.t("end"),
+							variant: "danger",
+							onClick: () => this.meeting?.leaveRoom()
+						}
+					});
+					break;
+			}
+		}, this.activeTabUpdateListener = (t) => {
+			if (h.tab_sync) switch (t.type) {
+				case "plugin":
+					let n = e.plugins.active.toArray().find((e) => e.id == t.id);
+					n != null && this.add({
+						id: "activeTab",
+						message: `${this.t("notifications.plugin_switched_to")} ${n.name}`,
+						duration: g.participant_joined
+					});
+					break;
+				case "screenshare":
+					let r = e.participants.joined.toArray().filter((e) => e.screenShareEnabled).find((e) => e.id == t.id);
+					r != null && this.add({
+						id: "spotlight",
+						message: `Now watching ${r.name}'s screen`,
+						duration: g.webinar
+					});
+					break;
+			}
+		}, this.peerStageStatusListener = (e) => {
+			e.stageStatus === "REQUESTED_TO_JOIN_STAGE" && (this.add({
+				id: `stage-request-${e.id}`,
+				message: `${e.name} ${this.t("notifications.requested_to_join_stage")}`,
+				duration: g.webinar,
+				button: {
+					text: this.t("notifications.accept"),
+					variant: "primary",
+					onClick: async () => {
+						await this.meeting.stage.grantAccess([e.userId]), this.remove(`stage-request-${e.id}`);
+					}
+				}
+			}), _.webinar && this.audio.play("joined")), e.stageStatus === "ON_STAGE" && (this.add({
+				id: `stage-joined-${e.id}`,
+				message: `${e.name} ${this.t("notifications.joined_stage")}`,
+				duration: g.webinar
+			}), _.webinar && this.audio.play("joined"));
+		}, this.stageRequestAccepted = () => {
+			this.add({
+				id: "stage-request-accepted",
+				message: this.t("notifications.request_to_join_accepted"),
+				duration: 3e3
+			});
+		}, this.stageRequestRejected = () => {
+			this.add({
+				id: "stage-request-rejected",
+				message: this.t("notifications.request_to_join_rejected"),
+				duration: 3e3
+			});
+		}, this.newStageRequests = ({ count: e }) => {
+			this.add({
+				id: "new-stage-request",
+				message: `You have ${e < 0 ? "new stage" : `${e} pending`} request${e === 1 ? "" : "s"}`,
+				duration: 3e3
+			});
+		}, this.stageStatusUpdateListener = (t) => {
+			t === "ON_STAGE" ? this.addStagePeersListeners(e) : this.removeStagePeersListeners(e);
+		}, !i(e) && ((n = e.chat) == null || n.addListener("chatUpdate", this.chatUpdateListener)), e.self.config.viewType?.toString() === "CHAT") return;
+		let v = e.self.getCurrentDevices();
+		v.speaker != null && this.audio.setDevice(v.speaker.deviceId), m ? (r = e.stage) == null || r.on("stageStatusUpdate", this.stageStatusUpdateListener) : this.addStagePeersListeners(e), this.canAcceptWaitingRequests() && (e.participants.waitlisted.addListener("participantJoined", this.waitlistedParticipantJoinedListener), e.participants.waitlisted.addListener("participantLeft", this.waitlistedParticipantLeftListener)), (a = e.polls) == null || a.addListener("pollsUpdate", this.pollUpdateListener), e.self.addListener("deviceUpdate", this.deviceUpdateListener), e.meta.addListener("socketConnectionUpdate", this.socketConnectionUpdateListener), (o = e.meta) == null || o.addListener("activeTabUpdate", this.activeTabUpdateListener), (s = e.recording) == null || s.addListener("recordingUpdate", this.onRecordingUpdate), (c = e.stage) == null || c.addListener("stageRequestApproved", this.stageRequestAccepted), (l = e.stage) == null || l.addListener("stageRequestRejected", this.stageRequestRejected), e.self.permissions.stageEnabled && e.self.permissions.acceptStageRequests && ((p = e.stage) == null || p.addListener("newStageRequest", this.newStageRequests));
+	}
+	configChanged(e) {
+		e != null && e?.config != null && (this.permissions = _(e.config), this.enabledSounds = v(this.permissions.notification_sounds));
+	}
+	statesChanged(e) {
+		if (e != null) {
+			let t = !e?.prefs?.muteNotificationSounds;
+			for (let e of this.enabledSounds) e in this.permissions.notification_sounds && (this.permissions.notification_sounds[e] = t);
+		}
+	}
+	apiErrorListener({ detail: e }) {
+		let { trace: t, message: n } = e;
+		this.add({
+			id: t,
+			message: n,
+			duration: p,
+			icon: this.iconPack.warning
+		});
+	}
+	sendNotificationListener({ detail: e }) {
+		let { trace: t, message: n } = e;
+		this.add({
+			id: t,
+			message: n,
+			duration: p
+		});
+	}
+	add(e) {
+		document.visibilityState === "visible" && this.notifications.length < 5 && (this.notifications = [...this.notifications, e]);
+	}
+	remove(e) {
+		this.notifications = this.notifications.filter((t) => t.id !== e);
+	}
+	handleDismiss(t) {
+		t.stopPropagation();
+		let n = t.detail;
+		this.host.shadowRoot.querySelector(`[data-id="${n}"]`)?.classList.add("exit"), setTimeout(() => {
+			e(() => {
+				this.remove(n);
+			});
+		}, 400);
+	}
+	canPlayParticipantJoinedSound() {
+		return this.permissions.participant_joined_sound_notification_limit == null || this.permissions.participant_joined_sound_notification_limit <= 0 || this.meeting.participants.count <= this.permissions.participant_joined_sound_notification_limit;
+	}
+	canPlayChatSound() {
+		return this.permissions.participant_chat_message_sound_notification_limit == null || this.permissions.participant_chat_message_sound_notification_limit <= 0 || this.meeting.participants.count <= this.permissions.participant_chat_message_sound_notification_limit;
+	}
+	canAcceptWaitingRequests() {
+		return this.permissions.notifications.participant_joined_waitlist && this.meeting.self.permissions.acceptWaitingRequests;
+	}
+	render() {
+		if (this.meeting) return o(n, null, o("div", {
+			onMouseEnter: () => this.paused = !0,
+			onFocusin: () => this.paused = !0,
+			onMouseLeave: () => this.paused = !1,
+			onFocusout: () => this.paused = !1
+		}, this.notifications.map((e) => o("rtk-notification", {
+			size: this.size,
+			key: e.id,
+			"data-id": e.id,
+			notification: e,
+			onRtkNotificationDismiss: (e) => this.handleDismiss(e),
+			iconPack: this.iconPack,
+			paused: this.paused,
+			t: this.t
+		}))));
+	}
+	get host() {
+		return a(this);
+	}
+	static get watchers() {
+		return {
+			meeting: ["meetingChanged"],
+			config: ["configChanged"],
+			states: ["statesChanged"]
+		};
+	}
+};
+g([l()], y.prototype, "meeting", void 0), g([l()], y.prototype, "states", void 0), g([l()], y.prototype, "config", void 0), g([l()], y.prototype, "t", void 0), g([l()], y.prototype, "iconPack", void 0), y.style = h;
+//#endregion
+export { y as rtk_notifications };
+
+//# sourceMappingURL=rtk-notifications.entry-9Dw5djbp.js.map

package/rtk-notifications.entry-gsfjfv2h.cjs

@@ -0,0 +1,2 @@
+require("./jsx-runtime-VQ627FC0.cjs");const e=require("./ui-store-4fbabb78-BZ6xmQIE.cjs"),t=require("./index-8be19fcf-CdLnDVXY.cjs"),n=require("./string-068ce30a-B_DfAHxl.cjs"),r=require("./chat-98db6d32-BxDEnpgG.cjs"),i=require("./notification-1ebf7700-DJMhZ_5x.cjs");var a=2e3,o=Object.freeze({notifications:{participant_joined:!0,participant_left:!0,participant_joined_waitlist:!0,chat:!0,polls:!0,webinar:!0,tab_sync:!0,recording_started:!0,recording_stopped:!0},notification_sounds:{participant_joined:!0,participant_left:!0,chat:!0,polls:!0,webinar:!0,participant_joined_waitlist:!0},notification_duration:{participant_joined:2100,participant_left:2100,participant_joined_waitlist:4e3,chat:a,polls:a,webinar:a,tab_sync:a,recording_started:a,recording_stopped:a},participant_joined_sound_notification_limit:10,participant_chat_message_sound_notification_limit:10}),s=`:host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{position:absolute;top:var(--rtk-space-4, 16px);right:var(--rtk-space-4, 16px);bottom:var(--rtk-space-4, 16px);left:var(--rtk-space-4, 16px);top:auto;display:flex;flex-direction:column;pointer-events:none;z-index:100}rtk-notification{margin-top:var(--rtk-space-2, 8px)}`,c=function(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a};function l(e){let t=Object.assign({},o);return e==null?t:(Object.assign(t.notification_sounds,e.notification_sounds),Object.assign(t.notifications,e.notifications),Object.assign(t.notification_duration,e.notification_duration),t.participant_chat_message_sound_notification_limit=e.participant_chat_message_sound_notification_limit,t.participant_joined_sound_notification_limit=e.participant_joined_sound_notification_limit,t)}function u(e){return Object.keys(e).filter(t=>e[t])}var d=class{constructor(t){e.Q(this,t),this.permissions=o,this.enabledSounds=u(o.notification_sounds),this.config=e.m(),this.t=e.G(),this.iconPack=e.g,this.notifications=[],this.addStagePeersListeners=e=>{e.participants.joined.addListener(`participantJoined`,this.participantJoinedListener),e.participants.joined.addListener(`participantLeft`,this.participantLeftListener)},this.removeStagePeersListeners=e=>{e.participants.joined.removeListener(`participantJoined`,this.participantJoinedListener),e.participants.joined.removeListener(`participantLeft`,this.participantLeftListener)},this.onNotification=e=>{this.add(e.detail);let t=e.detail.playSound;t!=null&&this.audio.play(t)},this.onRecordingUpdate=e=>{e===`RECORDING`&&this.permissions.notifications.recording_started!==!1?this.add({id:`recording-started`,icon:this.iconPack.recording,message:this.t(`recording.started`),duration:this.permissions.notification_duration.recording_started??a}):e===`STOPPING`&&this.permissions.notifications.recording_stopped!==!1&&this.add({id:`recording-stopped`,icon:this.iconPack.stop_recording,message:this.t(`recording.stopped`),duration:this.permissions.notification_duration.recording_stopped??a})},this.paused=!1}connectedCallback(){typeof document<`u`&&(document==null||document.addEventListener(`rtkNotification`,this.onNotification)),this.meetingChanged(this.meeting),this.configChanged(this.config),this.statesChanged(this.states)}clearListeners(e){var t,n,r,i,a,o,s;let c=e.meta.viewType===`LIVESTREAM`;(c&&e.stage?.status===`ON_STAGE`||!c)&&this.removeStagePeersListeners(e),this.chatUpdateListener&&((t=e.chat)==null||t.removeListener(`chatUpdate`,this.chatUpdateListener)),this.pollUpdateListener&&((n=e.polls)==null||n.removeListener(`pollsUpdate`,this.pollUpdateListener)),e.meta.removeListener(`socketConnectionUpdate`,this.socketConnectionUpdateListener),this.stageRequestAccepted&&((r=e.stage)==null||r.removeListener(`stageRequestApproved`,this.stageRequestAccepted)),this.stageRequestRejected&&((i=e.stage)==null||i.removeListener(`stageRequestRejected`,this.stageRequestRejected)),this.newStageRequests&&((a=e.stage)==null||a.removeListener(`newStageRequest`,this.newStageRequests)),this.stageStatusUpdateListener&&((o=e.stage)==null||o.removeListener(`stageStatusUpdate`,this.stageStatusUpdateListener)),(s=e.recording)==null||s.removeListener(`recordingUpdate`,this.onRecordingUpdate),clearTimeout(this.disconnectTimeout),e.self.removeListener(`deviceUpdate`,this.deviceUpdateListener)}disconnectedCallback(){var e;typeof document<`u`&&(document==null||document.removeEventListener(`rtkNotification`,this.onNotification)),this.meeting&&(this.clearListeners(this.meeting),this.waitlistedParticipantJoinedListener&&this.meeting.participants.waitlisted.removeListener(`participantJoined`,this.waitlistedParticipantJoinedListener),this.waitlistedParticipantLeftListener&&this.meeting.participants.waitlisted.removeListener(`participantLeft`,this.waitlistedParticipantLeftListener),this.activeTabUpdateListener&&((e=this.meeting.meta)==null||e.removeListener(`activeTabUpdate`,this.activeTabUpdateListener)),this.peerStageStatusListener&&this.meeting.participants.joined.removeListener(`stageStatusUpdate`,this.peerStageStatusListener))}meetingChanged(t,a){var o,s,c,l,u,d,f,p;if(clearTimeout(this.disconnectTimeout),a&&this.clearListeners(a),!t)return;let m=t.meta.viewType===`LIVESTREAM`;this.audio=new i.t(t);let{notifications:h,notification_duration:g,notification_sounds:_}=this.permissions;if(this.participantJoinedListener=e=>{h.participant_joined&&this.add({id:`${e.id}-joined`,message:`${n.t(e.name)} ${this.t(`notifications.joined`)}`,image:e.picture,duration:g.participant_joined}),_.participant_joined&&this.canPlayParticipantJoinedSound()&&this.audio.play(`joined`)},this.participantLeftListener=e=>{let{socketState:{state:t}}=this.meeting.meta;h.participant_left&&t!==`connected`&&this.add({id:`${e.id}-left`,message:`${n.t(e.name)} ${this.t(`notifications.left`)}`,image:e.picture,duration:g.participant_left}),_.participant_left&&this.canPlayParticipantJoinedSound()&&this.audio.play(`left`)},this.waitlistedParticipantJoinedListener=e=>{if(!this.canAcceptWaitingRequests())return;let t=`${e.id}-joined-waitlist`;this.add({id:t,message:`${n.t(e.name)} ${this.t(`notifications.requesting_to_join_meeting`)}`,image:e.picture,duration:g.participant_joined_waitlist,button:{text:this.t(`notifications.accept`),variant:`primary`,onClick:async()=>{await this.meeting.participants.acceptWaitingRoomRequest(e.id),this.remove(t)}}}),_.participant_joined_waitlist&&this.canPlayParticipantJoinedSound()&&this.audio.play(`message`)},this.waitlistedParticipantLeftListener=e=>{this.remove(`${e.id}-joined-waitlist`)},this.chatUpdateListener=({message:e,action:n})=>{if(n!==`add`)return;let i=r.a(e);if(i!=null){if(i.userId===t.self.userId)return;i.type===`text`&&(h.chat&&this.add({id:`message-${Math.random().toString(36)}`,icon:this.iconPack.chat,message:`${i.displayName}: ${i.message}`,duration:g.chat}),_.chat&&this.canPlayChatSound()&&this.audio.play(`message`))}},this.pollUpdateListener=({polls:e,newPoll:t})=>{t!==!1&&(h.polls&&this.meeting.self.userId!==e[e.length-1].createdByUserId&&this.add({id:`poll-${Math.random().toString(36)}`,icon:this.iconPack.poll,message:`${this.t(`notifications.new_poll_created_by`)} ${e[e.length-1].createdBy}`,duration:g.polls}),_.polls&&this.meeting.self.userId!==e[e.length-1].createdByUserId&&this.canPlayChatSound()&&this.audio.play(`message`))},this.deviceUpdateListener=({device:e,preview:t})=>{t||(e.kind===`audiooutput`&&(this.audio.setDevice(e.deviceId),this.remove(`speaker-switched`),this.add({id:`speaker-switched`,message:`${this.t(`notifications.connected_to`)} ${e.label}`,icon:this.iconPack.speaker,duration:5e3})),e.kind===`videoinput`&&(this.remove(`camera-switched`),this.add({id:`camera-switched`,message:`${this.t(`notifications.connected_to`)} ${e.label}`,icon:this.meeting.self.videoEnabled?this.iconPack.video_on:this.iconPack.video_off,iconVariant:this.meeting.self.videoEnabled?`primary`:`danger`,duration:5e3})),e.kind===`audioinput`&&(this.remove(`mic-switched`),this.add({id:`mic-switched`,message:`${this.t(`notifications.connected_to`)} ${e.label}`,icon:this.meeting.self.audioEnabled?this.iconPack.mic_on:this.iconPack.mic_off,iconVariant:this.meeting.self.audioEnabled?`primary`:`danger`,duration:5e3})))},this.socketConnectionUpdateListener=({state:e,reconnectionAttempt:t,reconnected:n})=>{switch(e){case`connected`:this.remove(`socket`),n&&this.add({id:`socket`,icon:this.iconPack.wifi,message:this.t(`network.restored`),duration:3e3});break;case`disconnected`:this.remove(`socket`),this.add({id:`socket`,icon:this.iconPack.disconnected,message:this.t(`network.reconnecting`)});break;case`reconnecting`:t>=6?(this.remove(`socket`),this.add({id:`socket`,icon:this.iconPack.disconnected,message:this.t(`network.disconnected`),button:{text:this.t(`end`),variant:`danger`,onClick:()=>this.meeting?.leaveRoom()}})):t>=4&&(this.remove(`socket`),this.add({id:`socket`,icon:this.iconPack.disconnected,message:this.t(`network.delay_extended`)}));break;case`failed`:this.remove(`socket`),this.add({id:`socket`,icon:this.iconPack.disconnected,message:this.t(`network.leaving`),button:{text:this.t(`end`),variant:`danger`,onClick:()=>this.meeting?.leaveRoom()}});break}},this.activeTabUpdateListener=e=>{if(h.tab_sync)switch(e.type){case`plugin`:let n=t.plugins.active.toArray().find(t=>t.id==e.id);n!=null&&this.add({id:`activeTab`,message:`${this.t(`notifications.plugin_switched_to`)} ${n.name}`,duration:g.participant_joined});break;case`screenshare`:let r=t.participants.joined.toArray().filter(e=>e.screenShareEnabled).find(t=>t.id==e.id);r!=null&&this.add({id:`spotlight`,message:`Now watching ${r.name}'s screen`,duration:g.webinar});break}},this.peerStageStatusListener=e=>{e.stageStatus===`REQUESTED_TO_JOIN_STAGE`&&(this.add({id:`stage-request-${e.id}`,message:`${e.name} ${this.t(`notifications.requested_to_join_stage`)}`,duration:g.webinar,button:{text:this.t(`notifications.accept`),variant:`primary`,onClick:async()=>{await this.meeting.stage.grantAccess([e.userId]),this.remove(`stage-request-${e.id}`)}}}),_.webinar&&this.audio.play(`joined`)),e.stageStatus===`ON_STAGE`&&(this.add({id:`stage-joined-${e.id}`,message:`${e.name} ${this.t(`notifications.joined_stage`)}`,duration:g.webinar}),_.webinar&&this.audio.play(`joined`))},this.stageRequestAccepted=()=>{this.add({id:`stage-request-accepted`,message:this.t(`notifications.request_to_join_accepted`),duration:3e3})},this.stageRequestRejected=()=>{this.add({id:`stage-request-rejected`,message:this.t(`notifications.request_to_join_rejected`),duration:3e3})},this.newStageRequests=({count:e})=>{this.add({id:`new-stage-request`,message:`You have ${e<0?`new stage`:`${e} pending`} request${e===1?``:`s`}`,duration:3e3})},this.stageStatusUpdateListener=e=>{e===`ON_STAGE`?this.addStagePeersListeners(t):this.removeStagePeersListeners(t)},!e.U(t)&&((o=t.chat)==null||o.addListener(`chatUpdate`,this.chatUpdateListener)),t.self.config.viewType?.toString()===`CHAT`)return;let v=t.self.getCurrentDevices();v.speaker!=null&&this.audio.setDevice(v.speaker.deviceId),m?(s=t.stage)==null||s.on(`stageStatusUpdate`,this.stageStatusUpdateListener):this.addStagePeersListeners(t),this.canAcceptWaitingRequests()&&(t.participants.waitlisted.addListener(`participantJoined`,this.waitlistedParticipantJoinedListener),t.participants.waitlisted.addListener(`participantLeft`,this.waitlistedParticipantLeftListener)),(c=t.polls)==null||c.addListener(`pollsUpdate`,this.pollUpdateListener),t.self.addListener(`deviceUpdate`,this.deviceUpdateListener),t.meta.addListener(`socketConnectionUpdate`,this.socketConnectionUpdateListener),(l=t.meta)==null||l.addListener(`activeTabUpdate`,this.activeTabUpdateListener),(u=t.recording)==null||u.addListener(`recordingUpdate`,this.onRecordingUpdate),(d=t.stage)==null||d.addListener(`stageRequestApproved`,this.stageRequestAccepted),(f=t.stage)==null||f.addListener(`stageRequestRejected`,this.stageRequestRejected),t.self.permissions.stageEnabled&&t.self.permissions.acceptStageRequests&&((p=t.stage)==null||p.addListener(`newStageRequest`,this.newStageRequests))}configChanged(e){e!=null&&e?.config!=null&&(this.permissions=l(e.config),this.enabledSounds=u(this.permissions.notification_sounds))}statesChanged(e){if(e!=null){let t=!e?.prefs?.muteNotificationSounds;for(let e of this.enabledSounds)e in this.permissions.notification_sounds&&(this.permissions.notification_sounds[e]=t)}}apiErrorListener({detail:e}){let{trace:t,message:n}=e;this.add({id:t,message:n,duration:a,icon:this.iconPack.warning})}sendNotificationListener({detail:e}){let{trace:t,message:n}=e;this.add({id:t,message:n,duration:a})}add(e){document.visibilityState===`visible`&&this.notifications.length<5&&(this.notifications=[...this.notifications,e])}remove(e){this.notifications=this.notifications.filter(t=>t.id!==e)}handleDismiss(t){t.stopPropagation();let n=t.detail;this.host.shadowRoot.querySelector(`[data-id="${n}"]`)?.classList.add(`exit`),setTimeout(()=>{e.$(()=>{this.remove(n)})},400)}canPlayParticipantJoinedSound(){return this.permissions.participant_joined_sound_notification_limit==null||this.permissions.participant_joined_sound_notification_limit<=0||this.meeting.participants.count<=this.permissions.participant_joined_sound_notification_limit}canPlayChatSound(){return this.permissions.participant_chat_message_sound_notification_limit==null||this.permissions.participant_chat_message_sound_notification_limit<=0||this.meeting.participants.count<=this.permissions.participant_chat_message_sound_notification_limit}canAcceptWaitingRequests(){return this.permissions.notifications.participant_joined_waitlist&&this.meeting.self.permissions.acceptWaitingRequests}render(){if(this.meeting)return e.Z(e.J,null,e.Z(`div`,{onMouseEnter:()=>this.paused=!0,onFocusin:()=>this.paused=!0,onMouseLeave:()=>this.paused=!1,onFocusout:()=>this.paused=!1},this.notifications.map(t=>e.Z(`rtk-notification`,{size:this.size,key:t.id,"data-id":t.id,notification:t,onRtkNotificationDismiss:e=>this.handleDismiss(e),iconPack:this.iconPack,paused:this.paused,t:this.t}))))}get host(){return e.X(this)}static get watchers(){return{meeting:[`meetingChanged`],config:[`configChanged`],states:[`statesChanged`]}}};c([t.t()],d.prototype,`meeting`,void 0),c([t.t()],d.prototype,`states`,void 0),c([t.t()],d.prototype,`config`,void 0),c([t.t()],d.prototype,`t`,void 0),c([t.t()],d.prototype,`iconPack`,void 0),d.style=s,exports.rtk_notifications=d;
+//# sourceMappingURL=rtk-notifications.entry-gsfjfv2h.cjs.map

package/rtk-participant-count.entry-BUw-Cd3W.js

@@ -0,0 +1,48 @@
+import { G as e, J as t, N as n, Q as r, Z as i, g as a } from "./ui-store-4fbabb78-B6WDMKSM.js";
+import { t as o } from "./index-8be19fcf-BppFp8rx.js";
+//#region node_modules/@cloudflare/realtimekit-ui/dist/esm/rtk-participant-count.entry.js
+var s = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{display:inline-flex;height:var(--rtk-space-10, 40px);-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:center}:host([data-hidden]){display:none}:host([size='sm']){font-size:12px}rtk-icon{margin-right:var(--rtk-space-1, 4px);height:var(--rtk-space-5, 20px);width:var(--rtk-space-5, 20px)}:host([size='sm']) rtk-icon{height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px)}", c = function(e, t, n, r) {
+	var i = arguments.length, a = i < 3 ? t : r === null ? r = Object.getOwnPropertyDescriptor(t, n) : r, o;
+	if (typeof Reflect == "object" && typeof Reflect.decorate == "function") a = Reflect.decorate(e, t, n, r);
+	else for (var s = e.length - 1; s >= 0; s--) (o = e[s]) && (a = (i < 3 ? o(a) : i > 3 ? o(t, n, a) : o(t, n)) || a);
+	return i > 3 && a && Object.defineProperty(t, n, a), a;
+}, l = class {
+	constructor(t) {
+		r(this, t), this.iconPack = a, this.t = e(), this.participantCount = 0, this.isViewer = !1, this.disconnectMeeting = (e) => {
+			e != null && this.countListener != null && (e.participants.joined.removeListener("participantJoined", this.countListener), e.participants.joined.removeListener("participantLeft", this.countListener), e != null && e.stage && this.stageUpdateListener && e.stage.removeListener("stageStatusUpdate", this.stageUpdateListener), e.self.removeListener("roomJoined", this.countListener));
+		};
+	}
+	connectedCallback() {
+		this.meetingChanged(this.meeting);
+	}
+	disconnectedCallback() {
+		this.disconnectMeeting(this.meeting);
+	}
+	meetingChanged(e, t) {
+		this.disconnectMeeting(t), e != null && (this.countListener = () => {
+			this.participantCount = e.participants.joined.size + +!!e.self.roomJoined;
+		}, this.countListener(), this.isViewer = n(this.meeting), e.participants.joined.addListener("participantJoined", this.countListener), e.participants.joined.addListener("participantLeft", this.countListener), e?.stage && (this.stageUpdateListener = () => {
+			this.isViewer = n(this.meeting);
+		}, e?.stage.addListener("stageStatusUpdate", this.stageUpdateListener)), e.self.addListener("roomJoined", this.countListener));
+	}
+	render() {
+		return this.isViewer ? i(t, { "data-hidden": !0 }) : i(t, {
+			tabIndex: 0,
+			role: "log",
+			"aria-label": `${this.participantCount} ${this.t("participants")}`
+		}, i("rtk-icon", {
+			icon: this.iconPack.people,
+			tabIndex: -1,
+			"aria-hidden": !0,
+			part: "icon"
+		}), this.participantCount);
+	}
+	static get watchers() {
+		return { meeting: ["meetingChanged"] };
+	}
+};
+c([o()], l.prototype, "meeting", void 0), c([o()], l.prototype, "iconPack", void 0), c([o()], l.prototype, "t", void 0), l.style = s;
+//#endregion
+export { l as rtk_participant_count };
+
+//# sourceMappingURL=rtk-participant-count.entry-BUw-Cd3W.js.map

package/rtk-participant-count.entry-Dk8DWxig.cjs

@@ -0,0 +1,2 @@
+require("./jsx-runtime-VQ627FC0.cjs");const e=require("./ui-store-4fbabb78-BZ6xmQIE.cjs"),t=require("./index-8be19fcf-CdLnDVXY.cjs");var n=`:host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{display:inline-flex;height:var(--rtk-space-10, 40px);-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:center}:host([data-hidden]){display:none}:host([size='sm']){font-size:12px}rtk-icon{margin-right:var(--rtk-space-1, 4px);height:var(--rtk-space-5, 20px);width:var(--rtk-space-5, 20px)}:host([size='sm']) rtk-icon{height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px)}`,r=function(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},i=class{constructor(t){e.Q(this,t),this.iconPack=e.g,this.t=e.G(),this.participantCount=0,this.isViewer=!1,this.disconnectMeeting=e=>{e!=null&&this.countListener!=null&&(e.participants.joined.removeListener(`participantJoined`,this.countListener),e.participants.joined.removeListener(`participantLeft`,this.countListener),e!=null&&e.stage&&this.stageUpdateListener&&e.stage.removeListener(`stageStatusUpdate`,this.stageUpdateListener),e.self.removeListener(`roomJoined`,this.countListener))}}connectedCallback(){this.meetingChanged(this.meeting)}disconnectedCallback(){this.disconnectMeeting(this.meeting)}meetingChanged(t,n){this.disconnectMeeting(n),t!=null&&(this.countListener=()=>{this.participantCount=t.participants.joined.size+ +!!t.self.roomJoined},this.countListener(),this.isViewer=e.N(this.meeting),t.participants.joined.addListener(`participantJoined`,this.countListener),t.participants.joined.addListener(`participantLeft`,this.countListener),t?.stage&&(this.stageUpdateListener=()=>{this.isViewer=e.N(this.meeting)},t?.stage.addListener(`stageStatusUpdate`,this.stageUpdateListener)),t.self.addListener(`roomJoined`,this.countListener))}render(){return this.isViewer?e.Z(e.J,{"data-hidden":!0}):e.Z(e.J,{tabIndex:0,role:`log`,"aria-label":`${this.participantCount} ${this.t(`participants`)}`},e.Z(`rtk-icon`,{icon:this.iconPack.people,tabIndex:-1,"aria-hidden":!0,part:`icon`}),this.participantCount)}static get watchers(){return{meeting:[`meetingChanged`]}}};r([t.t()],i.prototype,`meeting`,void 0),r([t.t()],i.prototype,`iconPack`,void 0),r([t.t()],i.prototype,`t`,void 0),i.style=n,exports.rtk_participant_count=i;
+//# sourceMappingURL=rtk-participant-count.entry-Dk8DWxig.cjs.map

package/rtk-participant-setup.entry-BohZTYS_.cjs

@@ -0,0 +1,2 @@
+require("./jsx-runtime-VQ627FC0.cjs");const e=require("./ui-store-4fbabb78-BZ6xmQIE.cjs"),t=require("./index-8be19fcf-CdLnDVXY.cjs");var n=`:host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:16 / 9;height:var(--rtk-space-56, 224px);overflow:hidden;border-radius:var(--rtk-border-radius-lg, 12px);-webkit-user-select:none;-moz-user-select:none;user-select:none;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-video-bg, 24 24 24) / var(--tw-bg-opacity));transition-property:var(--rtk-transition-property, all);transition-duration:150ms}@media (prefers-reduced-motion){:host{--rtk-transition-property:none}}:host([size='sm'][variant='solid']) ::slotted(rtk-name-tag){left:var(--rtk-space-2, 8px);bottom:var(--rtk-space-2, 8px);height:var(--rtk-space-4, 16px)}video{display:none;position:absolute;height:100%;width:100%;border-radius:var(--rtk-border-radius-lg, 12px)}video.contain{-o-object-fit:contain;object-fit:contain}video.cover{-o-object-fit:cover;object-fit:cover}video.visible{display:block}video::-webkit-media-controls{display:none !important}:host([variant='gradient']) ::slotted(rtk-audio-visualizer){position:absolute;top:var(--rtk-space-2, 8px);right:var(--rtk-space-2, 8px);border-radius:9999px;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity));padding:var(--rtk-space-2, 8px)}:host([variant='gradient']) ::slotted(rtk-name-tag){bottom:var(--rtk-space-0, 0px);left:var(--rtk-space-0, 0px);display:flex;width:100%;align-items:center;justify-content:center;text-align:center;background-color:transparent;background-image:linear-gradient(to top, var(--tw-gradient-stops));--tw-gradient-from:rgb(var(--rtk-colors-background-1000, 8 8 8));--tw-gradient-to:rgba(var(--rtk-colors-background-1000, 8 8 8) / 0);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to:transparent}video.mirror{transform:scaleX(-1)}@media (orientation: portrait){:host{height:var(--rtk-space-44, 176px)}}`,r=function(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},i=class{constructor(t){e.Q(this,t),this.isPinned=!1,this.nameTagPosition=`bottom-left`,this.isPreview=!1,this.config=e.m(),this.variant=`solid`,this.iconPack=e.g,this.t=e.G(),this.onVideoUpdate=e=>{this.videoState=e}}connectedCallback(){this.participantsChanged(this.participant)}componentDidLoad(){this.videoStateChanged(this.videoState)}disconnectedCallback(){this.participant!=null&&this.participant.removeListener(`videoUpdate`,this.onVideoUpdate)}async participantsChanged(e){e!=null&&(this.videoState={videoEnabled:e.videoEnabled,videoTrack:e.videoTrack},this.isPinned=e.isPinned,e.addListener(`videoUpdate`,this.onVideoUpdate))}videoStateChanged(e){if(e!=null&&this.videoEl!=null)if(e.videoEnabled){let t=new MediaStream;t.addTrack(e.videoTrack),this.videoEl.srcObject=t}else this.videoEl.srcObject=void 0}isMirrored(){if(this.participant!=null&&(`preview`in this.participant||this.isPreview)){let e=this.states?.prefs?.mirrorVideo;if(typeof e==`boolean`)return e}return!1}render(){return e.Z(e.J,{key:`496e80e4d4c85229f6acc90d7caa46305c92e101`},e.Z(`video`,{key:`b09d1e7ace8f7bb561997fcbddc41a7acbe91e51`,ref:e=>this.videoEl=e,class:{visible:this.videoState?.videoEnabled,mirror:this.isMirrored(),[this.config?.config?.videoFit??`cover`]:!0},autoPlay:!0,playsInline:!0,muted:!0}),e.Z(`slot`,{key:`da2678d7a8c226b23ffc6258fd90f3632efec30c`}))}static get watchers(){return{participant:[`participantsChanged`],videoState:[`videoStateChanged`]}}};r([t.t()],i.prototype,`states`,void 0),r([t.t()],i.prototype,`config`,void 0),r([t.t()],i.prototype,`iconPack`,void 0),r([t.t()],i.prototype,`t`,void 0),i.style=n,exports.rtk_participant_setup=i;
+//# sourceMappingURL=rtk-participant-setup.entry-BohZTYS_.cjs.map

package/rtk-participant-setup.entry-_oJPV_A2.js

@@ -0,0 +1,68 @@
+import { G as e, J as t, Q as n, Z as r, g as i, m as a } from "./ui-store-4fbabb78-B6WDMKSM.js";
+import { t as o } from "./index-8be19fcf-BppFp8rx.js";
+//#region node_modules/@cloudflare/realtimekit-ui/dist/esm/rtk-participant-setup.entry.js
+var s = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:16 / 9;height:var(--rtk-space-56, 224px);overflow:hidden;border-radius:var(--rtk-border-radius-lg, 12px);-webkit-user-select:none;-moz-user-select:none;user-select:none;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-video-bg, 24 24 24) / var(--tw-bg-opacity));transition-property:var(--rtk-transition-property, all);transition-duration:150ms}@media (prefers-reduced-motion){:host{--rtk-transition-property:none}}:host([size='sm'][variant='solid']) ::slotted(rtk-name-tag){left:var(--rtk-space-2, 8px);bottom:var(--rtk-space-2, 8px);height:var(--rtk-space-4, 16px)}video{display:none;position:absolute;height:100%;width:100%;border-radius:var(--rtk-border-radius-lg, 12px)}video.contain{-o-object-fit:contain;object-fit:contain}video.cover{-o-object-fit:cover;object-fit:cover}video.visible{display:block}video::-webkit-media-controls{display:none !important}:host([variant='gradient']) ::slotted(rtk-audio-visualizer){position:absolute;top:var(--rtk-space-2, 8px);right:var(--rtk-space-2, 8px);border-radius:9999px;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity));padding:var(--rtk-space-2, 8px)}:host([variant='gradient']) ::slotted(rtk-name-tag){bottom:var(--rtk-space-0, 0px);left:var(--rtk-space-0, 0px);display:flex;width:100%;align-items:center;justify-content:center;text-align:center;background-color:transparent;background-image:linear-gradient(to top, var(--tw-gradient-stops));--tw-gradient-from:rgb(var(--rtk-colors-background-1000, 8 8 8));--tw-gradient-to:rgba(var(--rtk-colors-background-1000, 8 8 8) / 0);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to:transparent}video.mirror{transform:scaleX(-1)}@media (orientation: portrait){:host{height:var(--rtk-space-44, 176px)}}", c = function(e, t, n, r) {
+	var i = arguments.length, a = i < 3 ? t : r === null ? r = Object.getOwnPropertyDescriptor(t, n) : r, o;
+	if (typeof Reflect == "object" && typeof Reflect.decorate == "function") a = Reflect.decorate(e, t, n, r);
+	else for (var s = e.length - 1; s >= 0; s--) (o = e[s]) && (a = (i < 3 ? o(a) : i > 3 ? o(t, n, a) : o(t, n)) || a);
+	return i > 3 && a && Object.defineProperty(t, n, a), a;
+}, l = class {
+	constructor(t) {
+		n(this, t), this.isPinned = !1, this.nameTagPosition = "bottom-left", this.isPreview = !1, this.config = a(), this.variant = "solid", this.iconPack = i, this.t = e(), this.onVideoUpdate = (e) => {
+			this.videoState = e;
+		};
+	}
+	connectedCallback() {
+		this.participantsChanged(this.participant);
+	}
+	componentDidLoad() {
+		this.videoStateChanged(this.videoState);
+	}
+	disconnectedCallback() {
+		this.participant != null && this.participant.removeListener("videoUpdate", this.onVideoUpdate);
+	}
+	async participantsChanged(e) {
+		e != null && (this.videoState = {
+			videoEnabled: e.videoEnabled,
+			videoTrack: e.videoTrack
+		}, this.isPinned = e.isPinned, e.addListener("videoUpdate", this.onVideoUpdate));
+	}
+	videoStateChanged(e) {
+		if (e != null && this.videoEl != null) if (e.videoEnabled) {
+			let t = new MediaStream();
+			t.addTrack(e.videoTrack), this.videoEl.srcObject = t;
+		} else this.videoEl.srcObject = void 0;
+	}
+	isMirrored() {
+		if (this.participant != null && ("preview" in this.participant || this.isPreview)) {
+			let e = this.states?.prefs?.mirrorVideo;
+			if (typeof e == "boolean") return e;
+		}
+		return !1;
+	}
+	render() {
+		return r(t, { key: "496e80e4d4c85229f6acc90d7caa46305c92e101" }, r("video", {
+			key: "b09d1e7ace8f7bb561997fcbddc41a7acbe91e51",
+			ref: (e) => this.videoEl = e,
+			class: {
+				visible: this.videoState?.videoEnabled,
+				mirror: this.isMirrored(),
+				[this.config?.config?.videoFit ?? "cover"]: !0
+			},
+			autoPlay: !0,
+			playsInline: !0,
+			muted: !0
+		}), r("slot", { key: "da2678d7a8c226b23ffc6258fd90f3632efec30c" }));
+	}
+	static get watchers() {
+		return {
+			participant: ["participantsChanged"],
+			videoState: ["videoStateChanged"]
+		};
+	}
+};
+c([o()], l.prototype, "states", void 0), c([o()], l.prototype, "config", void 0), c([o()], l.prototype, "iconPack", void 0), c([o()], l.prototype, "t", void 0), l.style = s;
+//#endregion
+export { l as rtk_participant_setup };
+
+//# sourceMappingURL=rtk-participant-setup.entry-_oJPV_A2.js.map