uapp-communication-sdk 1.0.0-dev.101

package/rtk-notifications.entry-C8o2lBdj.js

@@ -0,0 +1,353 @@
+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-D3qAYH9k.js";
+import { t as l } from "./index-8be19fcf-cQ0uyH2h.js";
+import { t as u } from "./string-068ce30a-DsdGnSiw.js";
+import { a as d, d as f } from "./es-CsZYZpOU.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 d(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 = f(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-C8o2lBdj.js.map

package/rtk-notifications.entry-nHc1-KcQ.cjs

@@ -0,0 +1,2 @@
+require("./jsx-runtime-VQ627FC0.cjs");const e=require("./ui-store-4fbabb78-DJ1d5tcD.cjs"),t=require("./index-8be19fcf-RtyrL2rS.cjs"),n=require("./string-068ce30a-B_DfAHxl.cjs"),r=require("./es-zyxbWpTB.cjs");var i=2e3,a=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:i,polls:i,webinar:i,tab_sync:i,recording_started:i,recording_stopped:i},participant_joined_sound_notification_limit:10,participant_chat_message_sound_notification_limit:10}),o=`: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)}`,s=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 c(e){let t=Object.assign({},a);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 l(e){return Object.keys(e).filter(t=>e[t])}var u=class{constructor(t){e.Q(this,t),this.permissions=a,this.enabledSounds=l(a.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??i}):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??i})},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,i){var a,o,s,c,l,u,d,f;if(clearTimeout(this.disconnectTimeout),i&&this.clearListeners(i),!t)return;let p=t.meta.viewType===`LIVESTREAM`;this.audio=new r.a(t);let{notifications:m,notification_duration:h,notification_sounds:g}=this.permissions;if(this.participantJoinedListener=e=>{m.participant_joined&&this.add({id:`${e.id}-joined`,message:`${n.t(e.name)} ${this.t(`notifications.joined`)}`,image:e.picture,duration:h.participant_joined}),g.participant_joined&&this.canPlayParticipantJoinedSound()&&this.audio.play(`joined`)},this.participantLeftListener=e=>{let{socketState:{state:t}}=this.meeting.meta;m.participant_left&&t!==`connected`&&this.add({id:`${e.id}-left`,message:`${n.t(e.name)} ${this.t(`notifications.left`)}`,image:e.picture,duration:h.participant_left}),g.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:h.participant_joined_waitlist,button:{text:this.t(`notifications.accept`),variant:`primary`,onClick:async()=>{await this.meeting.participants.acceptWaitingRoomRequest(e.id),this.remove(t)}}}),g.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.d(e);if(i!=null){if(i.userId===t.self.userId)return;i.type===`text`&&(m.chat&&this.add({id:`message-${Math.random().toString(36)}`,icon:this.iconPack.chat,message:`${i.displayName}: ${i.message}`,duration:h.chat}),g.chat&&this.canPlayChatSound()&&this.audio.play(`message`))}},this.pollUpdateListener=({polls:e,newPoll:t})=>{t!==!1&&(m.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:h.polls}),g.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(m.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:h.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:h.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:h.webinar,button:{text:this.t(`notifications.accept`),variant:`primary`,onClick:async()=>{await this.meeting.stage.grantAccess([e.userId]),this.remove(`stage-request-${e.id}`)}}}),g.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:h.webinar}),g.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)&&((a=t.chat)==null||a.addListener(`chatUpdate`,this.chatUpdateListener)),t.self.config.viewType?.toString()===`CHAT`)return;let _=t.self.getCurrentDevices();_.speaker!=null&&this.audio.setDevice(_.speaker.deviceId),p?(o=t.stage)==null||o.on(`stageStatusUpdate`,this.stageStatusUpdateListener):this.addStagePeersListeners(t),this.canAcceptWaitingRequests()&&(t.participants.waitlisted.addListener(`participantJoined`,this.waitlistedParticipantJoinedListener),t.participants.waitlisted.addListener(`participantLeft`,this.waitlistedParticipantLeftListener)),(s=t.polls)==null||s.addListener(`pollsUpdate`,this.pollUpdateListener),t.self.addListener(`deviceUpdate`,this.deviceUpdateListener),t.meta.addListener(`socketConnectionUpdate`,this.socketConnectionUpdateListener),(c=t.meta)==null||c.addListener(`activeTabUpdate`,this.activeTabUpdateListener),(l=t.recording)==null||l.addListener(`recordingUpdate`,this.onRecordingUpdate),(u=t.stage)==null||u.addListener(`stageRequestApproved`,this.stageRequestAccepted),(d=t.stage)==null||d.addListener(`stageRequestRejected`,this.stageRequestRejected),t.self.permissions.stageEnabled&&t.self.permissions.acceptStageRequests&&((f=t.stage)==null||f.addListener(`newStageRequest`,this.newStageRequests))}configChanged(e){e!=null&&e?.config!=null&&(this.permissions=c(e.config),this.enabledSounds=l(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:i,icon:this.iconPack.warning})}sendNotificationListener({detail:e}){let{trace:t,message:n}=e;this.add({id:t,message:n,duration:i})}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`]}}};s([t.t()],u.prototype,`meeting`,void 0),s([t.t()],u.prototype,`states`,void 0),s([t.t()],u.prototype,`config`,void 0),s([t.t()],u.prototype,`t`,void 0),s([t.t()],u.prototype,`iconPack`,void 0),u.style=o,exports.rtk_notifications=u;
+//# sourceMappingURL=rtk-notifications.entry-nHc1-KcQ.cjs.map

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

@@ -0,0 +1,2 @@
+require("./jsx-runtime-VQ627FC0.cjs");const e=require("./ui-store-4fbabb78-DJ1d5tcD.cjs"),t=require("./index-8be19fcf-RtyrL2rS.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-CCERDgnn.cjs.map

package/rtk-participant-count.entry-DcXyannJ.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-D3qAYH9k.js";
+import { t as o } from "./index-8be19fcf-cQ0uyH2h.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-DcXyannJ.js.map

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

@@ -0,0 +1,2 @@
+require("./jsx-runtime-VQ627FC0.cjs");const e=require("./ui-store-4fbabb78-DJ1d5tcD.cjs"),t=require("./index-8be19fcf-RtyrL2rS.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-Bv37TykR.cjs.map

package/rtk-participant-setup.entry-DigTtvFz.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-D3qAYH9k.js";
+import { t as o } from "./index-8be19fcf-cQ0uyH2h.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-DigTtvFz.js.map

package/rtk-participant_2.entry-Cy0erP_B.cjs

@@ -0,0 +1,2 @@
+require("./jsx-runtime-VQ627FC0.cjs");const e=require("./ui-store-4fbabb78-DJ1d5tcD.cjs"),t=require("./index-8be19fcf-RtyrL2rS.cjs"),n=require("./string-068ce30a-B_DfAHxl.cjs"),r=require("./index-3f51790f-w6gq2XfJ.cjs"),i=require("./floating-ui.dom.esm-21c3d54e-BU9X0ai0.cjs"),a=require("./debounce-d193e708-6SsBoYvf.cjs");var o=`: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;height:var(--rtk-space-14, 56px);align-items:center;justify-content:space-between;cursor:pointer;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}:host rtk-avatar{height:var(--rtk-space-8, 32px);width:var(--rtk-space-8, 32px);font-size:14px}.left{display:flex;align-items:center}.left>*{margin-right:var(--rtk-space-2, 8px)}.left>*:last-child{margin-right:var(--rtk-space-0, 0px)}.right{display:flex;align-items:center;justify-content:flex-end}.right>*{margin-left:var(--rtk-space-2, 8px)}.right>*:first-child{margin-left:var(--rtk-space-0, 0px)}.name{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}rtk-icon{height:var(--rtk-space-6, 24px);width:var(--rtk-space-6, 24px)}rtk-icon.red{--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}rtk-icon.more{cursor:pointer}.menu{position:relative;display:inline-block;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}#menu-list{position:absolute;z-index:20}`,s=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},c=class{constructor(t){e.Q(this,t),this.rtkSendNotification=e.Y(this,`rtkSendNotification`,7),this.pinnedListener=({isPinned:e})=>{this.isPinned=e},this.toggleTileListener=({hidden:e})=>{this.isHidden=e},this.stageListener=({stageStatus:e})=>{this.isOnStage=e===`ON_STAGE`},this.view=`sidebar`,this.iconPack=e.g,this.t=e.G(),this.config=e.m(),this.audioEnabled=!1,this.videoEnabled=!1,this.isPinned=!1,this.isHidden=!1,this.isOnStage=!1,this.canDisableParticipantAudio=!1,this.canDisableParticipantVideo=!1,this.canKickParticipant=!1,this.canPinParticipant=!1,this.canAllowParticipantOnStage=!1,this.menuOpen=!1,this.permissionsUpdateListener=()=>{this.meetingChanged(this.meeting)},this.inviteToStageToggle=async()=>{let e=this.participant,{stage:t}=this.meeting;if(e.stageStatus===`ACCEPTED_TO_JOIN_STAGE`){this.rtkSendNotification.emit({message:`${e.name} ${this.t(`stage.invited_notification`)}`,trace:`join-stage-${e.id}`});return}this.isOnStage?(e.isPinned&&e.unpin(),await t.kick([e.userId])):(await t.grantAccess([e.userId]),this.rtkSendNotification.emit({message:`${e.name} ${this.t(`stage.invited_notification`)}`,trace:`join-stage-invite-${e.id}`})),this.isOnStage=e.stageStatus===`ON_STAGE`},this.handleOutsideClick=e=>{!e.composedPath().includes(this.host)&&this.menuOpen&&(this.menuOpen=!1)},this.update=()=>{let e=this.host.shadowRoot.getElementById(`trigger`),t=this.host.shadowRoot.getElementById(`menu-list`);i.r(e,t,{placement:`bottom-end`,middleware:[i.n({allowedPlacements:[`bottom-end`,`top-end`],alignment:`end`}),i.o(4),i.s({padding:8}),i.a()]}).then(({x:e,y:n,placement:r})=>{let i=null;i=r===`bottom-end`?{right:`${e}px`,top:`${n}px`}:{right:`${e}px`,bottom:`${n}px`},Object.assign(t.style,i)})},this.onMenuToggle=()=>{this.menuOpen=!this.menuOpen,this.menuOpen&&this.update()}}connectedCallback(){this.meetingChanged(this.meeting),this.participantChanged(this.participant),document.addEventListener(`click`,this.handleOutsideClick)}disconnectedCallback(){var e;document.removeEventListener(`click`,this.handleOutsideClick),(e=this.meeting)==null||e.self.permissions.removeListener(`permissionsUpdate`,this.permissionsUpdateListener),!(this.participant==null||this.participant.removeListener==null)&&(this.audioUpdateListener&&this.participant.removeListener(`audioUpdate`,this.audioUpdateListener),this.videoUpdateListener&&this.participant.removeListener(`videoUpdate`,this.videoUpdateListener),this.participant.removeListener(`pinned`,this.pinnedListener),this.participant.removeListener(`unpinned`,this.pinnedListener),this.participant.removeListener(`stageStatusUpdate`,this.stageListener),this.participant.removeListener(`toggleTile`,this.toggleTileListener))}meetingChanged(e){if(e!=null){let{self:t}=e;this.canDisableParticipantAudio=t.permissions.canAllowParticipantAudio||t.permissions.canDisableParticipantAudio,this.canDisableParticipantVideo=t.permissions.canAllowParticipantVideo||t.permissions.canDisableParticipantVideo,this.canKickParticipant=t.permissions.kickParticipant,this.canPinParticipant=t.permissions.pinParticipant,this.canAllowParticipantOnStage=t.permissions.acceptStageRequests&&t.permissions.stageEnabled,e.self.permissions.addListener(`permissionsUpdate`,this.permissionsUpdateListener)}}participantChanged(e){if(e!=null){if(this.audioEnabled=e.audioEnabled,this.videoEnabled=e.videoEnabled,this.isPinned=e.isPinned,this.isHidden=e.hidden??!1,this.isOnStage=e.stageStatus===`ON_STAGE`,this.audioUpdateListener=({audioEnabled:e})=>{this.audioEnabled=e},this.videoUpdateListener=({videoEnabled:e})=>{this.videoEnabled=e},e.addListener==null)return;e.addListener(`audioUpdate`,this.audioUpdateListener),e.addListener(`videoUpdate`,this.videoUpdateListener),e.addListener(`pinned`,this.pinnedListener),e.addListener(`unpinned`,this.pinnedListener),e.addListener(`stageStatusUpdate`,this.stageListener),this.participant.addListener(`toggleTile`,this.toggleTileListener)}}render(){let t=this.meeting?.meta.viewType===`AUDIO_ROOM`,i=this.meeting?.self.id===this.participant.id,a=this.canDisableParticipantAudio&&this.audioEnabled||this.canDisableParticipantVideo&&this.videoEnabled&&!t||this.canKickParticipant||this.canPinParticipant&&this.isOnStage||this.canAllowParticipantOnStage,o=n.t(this.participant?.name||``),s=this.isOnStage||[`GROUP_CALL`,`AUDIO_ROOM`].includes(this.meeting?.meta.viewType),c={meeting:this.meeting,size:`sm`,states:this.states,config:this.config,iconPack:this.iconPack,t:this.t};return e.Z(e.J,{key:`72dec22593ebf143608cd671c2fdf533378acae2`},e.Z(`div`,{class:`left`,key:this.participant?.id},e.Z(`rtk-avatar`,{key:`e71b096c53fe07f425adf1e47d9adb6ee9e7c212`,participant:this.participant,size:`sm`,iconPack:this.iconPack,t:this.t}),e.Z(`p`,{key:`492fe90030df26c000d2db3b0355d713e3a8ccf9`,class:`name`,title:o},n.a(o,16),` `,this.meeting?.self.id===this.participant?.id&&this.t(`(you)`))),this.view===`sidebar`&&e.Z(`div`,{key:`66ef58575c0c27d7afe631a544a44cb37c526c4c`,class:`right`},s&&e.Z(`rtk-icon`,{key:`adbbf629c1a4f1034127be89c09f8003d3cfe3a7`,class:{red:!this.audioEnabled},icon:this.audioEnabled?this.iconPack.mic_on:this.iconPack.mic_off}),s&&!t&&e.Z(`rtk-icon`,{key:`ef0b24e9fb292968c96cb74be8d63f14fde38a44`,class:{red:!this.videoEnabled},icon:this.videoEnabled?this.iconPack.video_on:this.iconPack.video_off}),(a||r.n({element:`rtk-participant`,defaults:c,childProps:{participant:this.participant}})>0)&&e.Z(`div`,{key:`38d52737db83f9c444211e3040cf09f5f47c1513`,class:`menu`},e.Z(`span`,{key:`f061992198025919d2bcf14cd1a6eee3f077beaf`,id:`trigger`,onClick:this.onMenuToggle},e.Z(`rtk-button`,{key:`7eb863089acda3f9e20e5aedbcf55742c4b4eb64`,variant:`ghost`,kind:`icon`,slot:`trigger`},e.Z(`rtk-icon`,{key:`a7ff6d6dc9e1139f3b367ab662ad49b79e8258ff`,class:`more`,icon:this.iconPack.more_vertical}))),e.Z(`span`,{key:`9188d1538accf4e4769f58580651e0ededa3dd75`,id:`menu-list`},this.menuOpen&&e.Z(`rtk-menu-list`,{key:`ef8b7d03841f4920dc7eb295456669975d06ee2f`,iconPack:this.iconPack,t:this.t},this.canPinParticipant&&s&&!t&&e.Z(`rtk-menu-item`,{key:`d82737dc1227c642ce9c3880fcbe373ff6e0ec0c`,onClick:()=>{this.isPinned?this.participant.unpin():this.participant.pin()},iconPack:this.iconPack,t:this.t},e.Z(`rtk-icon`,{key:`50e63cba1117df61588026b064046779a1e905fb`,icon:this.isPinned?this.iconPack.pin_off:this.iconPack.pin,slot:`start`}),this.isPinned?this.t(`unpin`):this.t(`pin`)),i&&e.Z(`rtk-menu-item`,{key:`662d993d406bd00f014f41425ceb728ab4454ebd`,iconPack:this.iconPack,t:this.t,onClick:()=>{this.isHidden?this.participant.show():this.participant.hide()}},e.Z(`rtk-icon`,{key:`8b296bdb308c3a18a7ec13bca1047277a60b0887`,icon:this.isHidden?this.iconPack.minimize:this.iconPack.maximize,slot:`start`}),this.meeting.self.hidden?this.t(`maximize`):this.t(`minimize`)),this.canDisableParticipantAudio&&s&&this.audioEnabled&&e.Z(`rtk-menu-item`,{key:`efea4ce4a51bbe2203635e0a95878d80cfe460e4`,iconPack:this.iconPack,t:this.t,onClick:()=>{this.participant.disableAudio()}},e.Z(`rtk-icon`,{key:`cdc27b2554c89ef5c3441de551c2bdbf4e91ed72`,icon:this.iconPack.mic_off,slot:`start`}),this.t(`mute`)),this.canDisableParticipantVideo&&s&&this.videoEnabled&&e.Z(`rtk-menu-item`,{key:`4f1f4e0610cb9fa7a993b824defc71af47711cb1`,iconPack:this.iconPack,t:this.t,onClick:()=>{this.participant.disableVideo()}},e.Z(`rtk-icon`,{key:`234d891a3ea80dbda3172e8e6a89d71a44676770`,icon:this.iconPack.video_off,slot:`start`}),this.t(`participants.turn_off_video`)),this.canAllowParticipantOnStage&&this.participant?.id!==this.meeting?.self.id&&e.Z(`rtk-menu-item`,{key:`90c465f0f66a792f160b6226714dd07e51c57616`,iconPack:this.iconPack,t:this.t,class:this.isOnStage?`red`:``,onClick:this.inviteToStageToggle},e.Z(`rtk-icon`,{key:`a5605d8b2864e27817646fc585e6598cd547ca70`,icon:this.isOnStage?this.iconPack.leave_stage:this.iconPack.join_stage,slot:`start`}),this.isOnStage?this.t(`stage.remove_from_stage`):this.t(`stage.add_to_stage`)),!i&&this.canKickParticipant&&e.Z(`rtk-menu-item`,{key:`94ab4ac5ff623120259eefc4fde3d1cfc3906be9`,iconPack:this.iconPack,t:this.t,class:`red`,onClick:()=>{var e;(e=this.meeting)==null||e.participants.kick(this.participant?.id)}},e.Z(`rtk-icon`,{key:`89366c87999b7cba4437999d99c36fea55da52a7`,icon:this.iconPack.dismiss,slot:`start`}),this.t(`kick`)),e.Z(`slot`,{key:`05bc7bda52eb6e9183a3c90628c64ac7fb1baa8c`},e.Z(r.t,{key:`39fbd70a6d9d5a0014befedd7c12b16723e4ad01`,element:`rtk-participant`,defaults:c,childProps:{participant:this.participant},deepProps:!0,onlyChildren:!0})))))))}get host(){return e.X(this)}static get watchers(){return{meeting:[`meetingChanged`],participant:[`participantChanged`]}}};s([t.t()],c.prototype,`meeting`,void 0),s([t.t()],c.prototype,`states`,void 0),s([t.t()],c.prototype,`iconPack`,void 0),s([t.t()],c.prototype,`t`,void 0),s([t.t()],c.prototype,`config`,void 0),c.style=o;var l=`:host{height:100%;width:100%}`,u=class{constructor(t){e.Q(this,t),this.items=[],this.itemHeight=55,this.bufferedItemsCount=5,this.emptyListElement=null,this.visibleStart=0,this.visibleEnd=0,this.containerHeight=0,this.lastScrollTop=0,this.recalculatePositioning=()=>{this.updateContainerHeight(),requestAnimationFrame(()=>{this.updateItemHeight()})},this.updateContainerHeight=()=>{this.el.querySelector(`.virtual-list-container`).clientHeight&&(requestAnimationFrame(()=>{this.updateItemHeight()}),this.containerHeight=this.el.querySelector(`.virtual-list-container`).clientHeight,this.updateVisibleRange())},this.onScroll=a.t(()=>{let e=this.el.querySelector(`.virtual-list-container`).scrollTop;e>this.lastScrollTop&&this.visibleEnd===this.items.length||(this.lastScrollTop=e,this.updateVisibleRange())})}itemsChanged(){this.recalculatePositioning()}componentDidLoad(){this.recalculatePositioning(),this.el.querySelector(`.virtual-list-container`).addEventListener(`scroll`,this.onScroll),window.addEventListener(`resize`,this.recalculatePositioning)}componentDidUpdate(){this.updateItemHeight()}disconnectedCallback(){this.el.querySelector(`.virtual-list-container`).removeEventListener(`scroll`,this.onScroll),window.removeEventListener(`resize`,this.recalculatePositioning)}updateVisibleRange(){let e=this.el.querySelector(`.virtual-list-container`).scrollTop,t=Math.floor(e/this.itemHeight),n=Math.ceil(this.containerHeight/this.itemHeight),r=Math.min(this.items.length,t+n+this.bufferedItemsCount);this.visibleStart=t,this.visibleEnd=r,this.el.querySelector(`.virtual-list-container`).scrollTop=this.lastScrollTop}updateItemHeight(){let e=this.el.querySelector(`.virtual-list-item`);if(e){let t=e.style.height;e.style.height=`auto`;let n=e.getBoundingClientRect().height;t&&(e.style.height=t),n&&Math.floor(n)!==Math.floor(this.itemHeight)&&(this.itemHeight=n)}}renderItems(){return this.items.slice(this.visibleStart,this.visibleEnd).map((t,n)=>{let r=this.visibleStart+n;return e.Z(`div`,{class:`virtual-list-item`,key:t.id,style:{position:`absolute`,top:`${r*this.itemHeight}px`,height:`${this.itemHeight}px`,width:`100%`}},this.renderItem(t,r))})}render(){return e.Z(`div`,{key:`279498eedaa6605456a2fffc004bd0204179ffde`,class:`virtual-list-container`,style:{position:`relative`,height:`100%`,overflowX:`hidden`,overflowY:`auto`}},e.Z(`div`,{key:`debb114c51c7c229b72cfcd7e87aa845ab6647e1`,style:{height:`${this.items.length*this.itemHeight}px`,position:`relative`}},this.items?.length?this.renderItems():this.emptyListElement),e.Z(`div`,{key:`7a97a5dd632fe6d4227674e46e091a1466c725bf`,style:{height:`${this.itemHeight}px`}}))}get el(){return e.X(this)}static get watchers(){return{items:[`itemsChanged`]}}};u.style=l,exports.rtk_participant=c,exports.rtk_virtualized_participant_list=u;
+//# sourceMappingURL=rtk-participant_2.entry-Cy0erP_B.cjs.map