@cloudflare/realtimekit-ui 1.0.0-staging.12 → 1.0.0-staging.14

package/dist/cjs/index.cjs.js

@@ -4,12 +4,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const uiStore = require('./ui-store-3ddce955.js');
 const config = require('./config-dba24e25.js');
-const notification = require('./notification-1948ed2f.js');
+const notification = require('./notification-bb1a9b99.js');
 const chat = require('./chat-46e7e4fe.js');
 require('./index-05554ce6.js');
 require('./keysIn-8bdbe83d.js');
 require('./isObjectLike-73d13a39.js');
-require('./logger-3df9c75d.js');
 
 /**
  * Send notification which will be displayed in the `<rtk-notifications />` component.

package/dist/cjs/{notification-1948ed2f.js → notification-bb1a9b99.js}

@@ -1,7 +1,6 @@
 'use strict';
 
 const uiStore = require('./ui-store-3ddce955.js');
-const logger = require('./logger-3df9c75d.js');
 
 const SOUNDS = {
     joined: 'https://dyte-uploads.s3.ap-south-1.amazonaws.com/notification_join.mp3',
@@ -24,9 +23,7 @@ class RTKNotificationsAudio {
         this.playing = true;
         this.audio.src = SOUNDS[sound];
         this.audio.volume = 0.3;
-        (_a = this.audio.play()) === null || _a === void 0 ? void 0 : _a.catch((err) => {
-            logger.logger.error('[rtk-notifications] play() failed\n', { sound, duration }, err);
-        });
+        (_a = this.audio.play()) === null || _a === void 0 ? void 0 : _a.catch((_) => { });
         setTimeout(() => {
             this.playing = false;
         }, duration);
@@ -35,9 +32,7 @@ class RTKNotificationsAudio {
         var _a, _b, _c;
         if (uiStore.disableSettingSinkId(this.meeting))
             return;
-        await ((_c = (_b = (_a = this.audio) === null || _a === void 0 ? void 0 : _a.setSinkId) === null || _b === void 0 ? void 0 : _b.call(_a, id)) === null || _c === void 0 ? void 0 : _c.catch((err) => {
-            logger.logger.error('[rtk-notifications] setSinkId() error\n', err);
-        }));
+        await ((_c = (_b = (_a = this.audio) === null || _a === void 0 ? void 0 : _a.setSinkId) === null || _b === void 0 ? void 0 : _b.call(_a, id)) === null || _c === void 0 ? void 0 : _c.catch((_) => { }));
     }
 }
 

package/dist/cjs/rtk-avatar_54.cjs.entry.js

@@ -17,10 +17,9 @@ const size = require('./size-2a406e36.js');
 const ResizeObserver_es = require('./ResizeObserver.es-ba961f16.js');
 const floatingUi_dom_esm = require('./floating-ui.dom.esm-c3c35b98.js');
 const TextMessage = require('./TextMessage-e9ca06aa.js');
-const notification = require('./notification-1948ed2f.js');
+const notification = require('./notification-bb1a9b99.js');
 require('./isObjectLike-73d13a39.js');
 require('./keysIn-8bdbe83d.js');
-require('./logger-3df9c75d.js');
 
 const rtkAvatarCss = ":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:flex;height:var(--rtk-space-32, 128px);width:var(--rtk-space-32, 128px);align-items:center;justify-content:center;font-size:28px;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)));overflow:clip;border-radius:9999px;-webkit-user-select:none;-moz-user-select:none;user-select:none}rtk-icon{height:50%;width:50%}.image-ctr{display:flex;height:100%;width:100%;align-items:center;justify-content:center;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52))}img{height:var(--rtk-space-0, 0px);width:var(--rtk-space-0, 0px);-o-object-fit:cover;object-fit:cover}img.loaded{height:100%;width:100%}.initials{display:flex;height:100%;width:100%;align-items:center;justify-content:center;text-transform:uppercase}.image{display:flex;height:100%;width:100%;align-items:center;justify-content:center}.image img{display:none;height:100%;width:100%;-o-object-fit:cover;object-fit:cover}.image img.loaded{display:block}:host([variant='hexagon']){border-radius:var(--rtk-border-radius-none, 0);clip-path:polygon(50% 0, 95% 25%, 95% 75%, 50% 100%, 5% 75%, 5% 25%)}:host([variant='square']){border-radius:var(--rtk-border-radius-none, 0);clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)}:host([size='sm']){height:var(--rtk-space-14, 56px);width:var(--rtk-space-14, 56px);font-size:12px}:host([size='md']){height:var(--rtk-space-28, 112px);width:var(--rtk-space-28, 112px)}:host([size='lg']){height:var(--rtk-space-32, 128px);width:var(--rtk-space-32, 128px)}";
 const RtkAvatarStyle0 = rtkAvatarCss;

package/dist/cjs/rtk-participants-audio.cjs.entry.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index$1 = require('./index-05554ce6.js');
 const uiStore = require('./ui-store-3ddce955.js');
-const logger = require('./logger-3df9c75d.js');
 const index = require('./index-daae8cee.js');
 
 /**
@@ -15,6 +14,7 @@ class RTKAudio {
         this.meeting = meeting;
         this.audio = audio !== null && audio !== void 0 ? audio : document.createElement('audio');
         this.audio.autoplay = true;
+        this.logger = meeting.__internals__.logger;
         this.audioStream = new MediaStream();
         this.audio.srcObject = this.audioStream;
         this.audioTracks = [];
@@ -43,7 +43,7 @@ class RTKAudio {
                 }
             }
             else if (err.name !== 'AbortError') {
-                logger.logger.error('[rtk-audio] play() error\n', err);
+                this.logger.error('[rtk-audio] play() error\n', err);
             }
         }));
     }
@@ -52,7 +52,7 @@ class RTKAudio {
         if (uiStore.disableSettingSinkId(this.meeting))
             return;
         await ((_c = (_b = (_a = this.audio).setSinkId) === null || _b === void 0 ? void 0 : _b.call(_a, id)) === null || _c === void 0 ? void 0 : _c.catch((err) => {
-            logger.logger.error('[rtk-audio] setSinkId() error\n', err);
+            this.logger.error('[rtk-audio] setSinkId() error\n', err);
         }));
     }
     onError(onError) {

package/dist/cjs/rtk-participants-stage-list_4.cjs.entry.js

@@ -165,21 +165,17 @@ const RtkParticipantsStaged = class {
         this.acceptStageRequest = async (p) => {
             const { userId } = p;
             await this.meeting.stage.grantAccess([userId]);
-            this.updateStageRequestedParticipants();
         };
         this.rejectStageRequest = async (p) => {
             const { userId } = p;
             await this.meeting.stage.denyAccess([userId]);
-            this.updateStageRequestedParticipants();
         };
         this.acceptAllStageRequest = async () => {
             await this.meeting.stage.grantAccess(this.stageRequestedParticipants.map((p) => p.userId));
-            this.updateStageRequestedParticipants();
         };
         this.denyAllStageRequest = async () => {
             var _a;
             await ((_a = this.meeting.stage) === null || _a === void 0 ? void 0 : _a.denyAccess(this.stageRequestedParticipants.map((p) => p.userId)));
-            this.updateStageRequestedParticipants();
         };
         this.shouldShowStageRequests = () => {
             return (this.meeting.self.permissions.stageEnabled &&
@@ -217,14 +213,17 @@ const RtkParticipantsStaged = class {
         this.meetingChanged(this.meeting);
     }
     disconnectedCallback() {
+        var _a;
         const { stage } = this.meeting;
         stage === null || stage === void 0 ? void 0 : stage.removeListener('stageAccessRequestUpdate', this.updateRequestList);
+        (_a = this.meeting.participants.joined) === null || _a === void 0 ? void 0 : _a.removeListener('stageStatusUpdate', this.updateStageRequestedParticipants);
     }
     meetingChanged(meeting) {
         var _a;
         if (meeting == null)
             return;
         this.updateRequestList();
+        meeting.participants.joined.on('stageStatusUpdate', this.updateStageRequestedParticipants);
         (_a = meeting.stage) === null || _a === void 0 ? void 0 : _a.on('stageAccessRequestUpdate', this.updateRequestList);
     }
     render() {

package/dist/cjs/rtk-screen-share-toggle.cjs.entry.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index$1 = require('./index-05554ce6.js');
 const uiStore = require('./ui-store-3ddce955.js');
-const logger = require('./logger-3df9c75d.js');
 const index = require('./index-daae8cee.js');
 
 const rtkScreenShareToggleCss = ":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:block}:host([data-hidden]){display:none}";
@@ -144,7 +143,7 @@ const RtkScreenShareToggle = class {
     }
     connectedCallback() {
         if (!deviceCanScreenShare()) {
-            logger.logger.error('[rtk-screenshare-toggle] Device does not support screensharing.');
+            this.meeting.__internals__.logger.error('[rtk-screenshare-toggle] Device does not support screensharing.');
             return;
         }
         this.meetingChanged(this.meeting);

package/dist/collection/components/rtk-participants-stage-queue/rtk-participants-stage-queue.js

@@ -31,21 +31,17 @@ export class RtkParticipantsStaged {
         this.acceptStageRequest = async (p) => {
             const { userId } = p;
             await this.meeting.stage.grantAccess([userId]);
-            this.updateStageRequestedParticipants();
         };
         this.rejectStageRequest = async (p) => {
             const { userId } = p;
             await this.meeting.stage.denyAccess([userId]);
-            this.updateStageRequestedParticipants();
         };
         this.acceptAllStageRequest = async () => {
             await this.meeting.stage.grantAccess(this.stageRequestedParticipants.map((p) => p.userId));
-            this.updateStageRequestedParticipants();
         };
         this.denyAllStageRequest = async () => {
             var _a;
             await ((_a = this.meeting.stage) === null || _a === void 0 ? void 0 : _a.denyAccess(this.stageRequestedParticipants.map((p) => p.userId)));
-            this.updateStageRequestedParticipants();
         };
         this.shouldShowStageRequests = () => {
             return (this.meeting.self.permissions.stageEnabled &&
@@ -83,14 +79,17 @@ export class RtkParticipantsStaged {
         this.meetingChanged(this.meeting);
     }
     disconnectedCallback() {
+        var _a;
         const { stage } = this.meeting;
         stage === null || stage === void 0 ? void 0 : stage.removeListener('stageAccessRequestUpdate', this.updateRequestList);
+        (_a = this.meeting.participants.joined) === null || _a === void 0 ? void 0 : _a.removeListener('stageStatusUpdate', this.updateStageRequestedParticipants);
     }
     meetingChanged(meeting) {
         var _a;
         if (meeting == null)
             return;
         this.updateRequestList();
+        meeting.participants.joined.on('stageStatusUpdate', this.updateStageRequestedParticipants);
         (_a = meeting.stage) === null || _a === void 0 ? void 0 : _a.on('stageAccessRequestUpdate', this.updateRequestList);
     }
     render() {

package/dist/collection/components/rtk-screen-share-toggle/rtk-screen-share-toggle.js

@@ -11,7 +11,6 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { defaultIconPack } from "../../lib/icons";
 import { useLanguage } from "../../lib/lang";
 import { Host, h } from "@stencil/core";
-import logger from "../../utils/logger";
 import { SyncWithStore } from "../../utils/sync-with-store";
 const deviceCanScreenShare = () => {
     return (typeof navigator !== 'undefined' &&
@@ -137,7 +136,7 @@ export class RtkScreenShareToggle {
     }
     connectedCallback() {
         if (!deviceCanScreenShare()) {
-            logger.error('[rtk-screenshare-toggle] Device does not support screensharing.');
+            this.meeting.__internals__.logger.error('[rtk-screenshare-toggle] Device does not support screensharing.');
             return;
         }
         this.meetingChanged(this.meeting);

package/dist/collection/lib/audio.js

@@ -1,5 +1,4 @@
 import { disableSettingSinkId } from "../utils/flags";
-import logger from "../utils/logger";
 /**
  * Handles audio from participants in a meeting
  */
@@ -8,6 +7,7 @@ export default class RTKAudio {
         this.meeting = meeting;
         this.audio = audio !== null && audio !== void 0 ? audio : document.createElement('audio');
         this.audio.autoplay = true;
+        this.logger = meeting.__internals__.logger;
         this.audioStream = new MediaStream();
         this.audio.srcObject = this.audioStream;
         this.audioTracks = [];
@@ -36,7 +36,7 @@ export default class RTKAudio {
                 }
             }
             else if (err.name !== 'AbortError') {
-                logger.error('[rtk-audio] play() error\n', err);
+                this.logger.error('[rtk-audio] play() error\n', err);
             }
         }));
     }
@@ -45,7 +45,7 @@ export default class RTKAudio {
         if (disableSettingSinkId(this.meeting))
             return;
         await ((_c = (_b = (_a = this.audio).setSinkId) === null || _b === void 0 ? void 0 : _b.call(_a, id)) === null || _c === void 0 ? void 0 : _c.catch((err) => {
-            logger.error('[rtk-audio] setSinkId() error\n', err);
+            this.logger.error('[rtk-audio] setSinkId() error\n', err);
         }));
     }
     onError(onError) {

package/dist/collection/lib/notification.js

@@ -1,5 +1,4 @@
 import { disableSettingSinkId } from "../utils/flags";
-import logger from "../utils/logger";
 const SOUNDS = {
     joined: 'https://dyte-uploads.s3.ap-south-1.amazonaws.com/notification_join.mp3',
     left: 'https://dyte-uploads.s3.ap-south-1.amazonaws.com/notification_join.mp3',
@@ -21,9 +20,7 @@ export default class RTKNotificationsAudio {
         this.playing = true;
         this.audio.src = SOUNDS[sound];
         this.audio.volume = 0.3;
-        (_a = this.audio.play()) === null || _a === void 0 ? void 0 : _a.catch((err) => {
-            logger.error('[rtk-notifications] play() failed\n', { sound, duration }, err);
-        });
+        (_a = this.audio.play()) === null || _a === void 0 ? void 0 : _a.catch((_) => { });
         setTimeout(() => {
             this.playing = false;
         }, duration);
@@ -32,8 +29,6 @@ export default class RTKNotificationsAudio {
         var _a, _b, _c;
         if (disableSettingSinkId(this.meeting))
             return;
-        await ((_c = (_b = (_a = this.audio) === null || _a === void 0 ? void 0 : _a.setSinkId) === null || _b === void 0 ? void 0 : _b.call(_a, id)) === null || _c === void 0 ? void 0 : _c.catch((err) => {
-            logger.error('[rtk-notifications] setSinkId() error\n', err);
-        }));
+        await ((_c = (_b = (_a = this.audio) === null || _a === void 0 ? void 0 : _a.setSinkId) === null || _b === void 0 ? void 0 : _b.call(_a, id)) === null || _c === void 0 ? void 0 : _c.catch((_) => { }));
     }
 }

package/dist/components/index.js

@@ -3,7 +3,7 @@ import { d as defaultConfig } from './p-e6d09c50.js';
 export { B as BreakoutRoomsManager, d as defaultConfig, a as defaultIconPack, b as defaultLanguage, g as getInitialStates, u as uiStore, c as useLanguage } from './p-e6d09c50.js';
 import { g as generateConfig } from './p-4a436e2d.js';
 export { e as extendConfig, g as generateConfig, p as provideRtkDesignSystem } from './p-4a436e2d.js';
-export { R as RtkNotificationsAudio } from './p-50ecaaf1.js';
+export { R as RtkNotificationsAudio } from './p-908e4f1b.js';
 export { g as generateChatGroupKey, a as getChatGroups, c as getParticipantUserId, b as getUnreadChatCounts } from './p-0abe4b8a.js';
 
 /**

package/dist/components/{p-dba3cdd1.js → p-88526f0a.js}

@@ -46,7 +46,7 @@ import { d as defineCustomElement$d } from './p-c7dcb441.js';
 import { d as defineCustomElement$c } from './p-c939f92d.js';
 import { d as defineCustomElement$b } from './p-135d5d2f.js';
 import { d as defineCustomElement$a } from './p-ece96324.js';
-import { d as defineCustomElement$9 } from './p-1a546cf4.js';
+import { d as defineCustomElement$9 } from './p-bad40128.js';
 import { d as defineCustomElement$8 } from './p-71e0f6f2.js';
 import { d as defineCustomElement$7 } from './p-9cfe5c7c.js';
 import { d as defineCustomElement$6 } from './p-68b6f23b.js';

package/dist/components/{p-50ecaaf1.js → p-908e4f1b.js}

@@ -1,5 +1,4 @@
 import { e as disableSettingSinkId } from './p-e6d09c50.js';
-import { l as logger } from './p-5605a420.js';
 
 const SOUNDS = {
     joined: 'https://dyte-uploads.s3.ap-south-1.amazonaws.com/notification_join.mp3',
@@ -22,9 +21,7 @@ class RTKNotificationsAudio {
         this.playing = true;
         this.audio.src = SOUNDS[sound];
         this.audio.volume = 0.3;
-        (_a = this.audio.play()) === null || _a === void 0 ? void 0 : _a.catch((err) => {
-            logger.error('[rtk-notifications] play() failed\n', { sound, duration }, err);
-        });
+        (_a = this.audio.play()) === null || _a === void 0 ? void 0 : _a.catch((_) => { });
         setTimeout(() => {
             this.playing = false;
         }, duration);
@@ -33,9 +30,7 @@ class RTKNotificationsAudio {
         var _a, _b, _c;
         if (disableSettingSinkId(this.meeting))
             return;
-        await ((_c = (_b = (_a = this.audio) === null || _a === void 0 ? void 0 : _a.setSinkId) === null || _b === void 0 ? void 0 : _b.call(_a, id)) === null || _c === void 0 ? void 0 : _c.catch((err) => {
-            logger.error('[rtk-notifications] setSinkId() error\n', err);
-        }));
+        await ((_c = (_b = (_a = this.audio) === null || _a === void 0 ? void 0 : _a.setSinkId) === null || _b === void 0 ? void 0 : _b.call(_a, id)) === null || _c === void 0 ? void 0 : _c.catch((_) => { }));
     }
 }
 

package/dist/components/{p-aa9ee9a5.js → p-ae46ddba.js}

@@ -43,21 +43,17 @@ const RtkParticipantsStaged = /*@__PURE__*/ proxyCustomElement(class RtkParticip
         this.acceptStageRequest = async (p) => {
             const { userId } = p;
             await this.meeting.stage.grantAccess([userId]);
-            this.updateStageRequestedParticipants();
         };
         this.rejectStageRequest = async (p) => {
             const { userId } = p;
             await this.meeting.stage.denyAccess([userId]);
-            this.updateStageRequestedParticipants();
         };
         this.acceptAllStageRequest = async () => {
             await this.meeting.stage.grantAccess(this.stageRequestedParticipants.map((p) => p.userId));
-            this.updateStageRequestedParticipants();
         };
         this.denyAllStageRequest = async () => {
             var _a;
             await ((_a = this.meeting.stage) === null || _a === void 0 ? void 0 : _a.denyAccess(this.stageRequestedParticipants.map((p) => p.userId)));
-            this.updateStageRequestedParticipants();
         };
         this.shouldShowStageRequests = () => {
             return (this.meeting.self.permissions.stageEnabled &&
@@ -95,14 +91,17 @@ const RtkParticipantsStaged = /*@__PURE__*/ proxyCustomElement(class RtkParticip
         this.meetingChanged(this.meeting);
     }
     disconnectedCallback() {
+        var _a;
         const { stage } = this.meeting;
         stage === null || stage === void 0 ? void 0 : stage.removeListener('stageAccessRequestUpdate', this.updateRequestList);
+        (_a = this.meeting.participants.joined) === null || _a === void 0 ? void 0 : _a.removeListener('stageStatusUpdate', this.updateStageRequestedParticipants);
     }
     meetingChanged(meeting) {
         var _a;
         if (meeting == null)
             return;
         this.updateRequestList();
+        meeting.participants.joined.on('stageStatusUpdate', this.updateStageRequestedParticipants);
         (_a = meeting.stage) === null || _a === void 0 ? void 0 : _a.on('stageAccessRequestUpdate', this.updateRequestList);
     }
     render() {

package/dist/components/{p-1a546cf4.js → p-bad40128.js}

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, w as writeTask, h, e as Host } from './p-c3592601.js';
-import { R as RTKNotificationsAudio } from './p-50ecaaf1.js';
+import { R as RTKNotificationsAudio } from './p-908e4f1b.js';
 import { f as formatName } from './p-338c7261.js';
 import { d as defaultConfig, c as useLanguage, a as defaultIconPack, s as showLivestream } from './p-e6d09c50.js';
 import { j as parseMessageForTarget } from './p-0abe4b8a.js';

package/dist/components/rtk-chat.js

@@ -1,4 +1,4 @@
-import { R as RtkChat$1, d as defineCustomElement$1 } from './p-dba3cdd1.js';
+import { R as RtkChat$1, d as defineCustomElement$1 } from './p-88526f0a.js';
 
 const RtkChat = RtkChat$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-meeting.js

@@ -16,7 +16,7 @@ import { d as defineCustomElement$M } from './p-9da5b9d0.js';
 import { d as defineCustomElement$L } from './p-f6046472.js';
 import { d as defineCustomElement$K } from './p-5c3d1c4f.js';
 import { d as defineCustomElement$J } from './p-9cace38c.js';
-import { d as defineCustomElement$I } from './p-dba3cdd1.js';
+import { d as defineCustomElement$I } from './p-88526f0a.js';
 import { d as defineCustomElement$H } from './p-0c4a1808.js';
 import { d as defineCustomElement$G } from './p-c2723ebb.js';
 import { d as defineCustomElement$F } from './p-898da6ae.js';
@@ -50,7 +50,7 @@ import { d as defineCustomElement$e } from './p-c7dcb441.js';
 import { d as defineCustomElement$d } from './p-c939f92d.js';
 import { d as defineCustomElement$c } from './p-135d5d2f.js';
 import { d as defineCustomElement$b } from './p-ece96324.js';
-import { d as defineCustomElement$a } from './p-1a546cf4.js';
+import { d as defineCustomElement$a } from './p-bad40128.js';
 import { d as defineCustomElement$9 } from './p-71e0f6f2.js';
 import { d as defineCustomElement$8 } from './p-9cfe5c7c.js';
 import { d as defineCustomElement$7 } from './p-68b6f23b.js';

package/dist/components/rtk-notifications.js

@@ -1,4 +1,4 @@
-import { R as RtkNotifications$1, d as defineCustomElement$1 } from './p-1a546cf4.js';
+import { R as RtkNotifications$1, d as defineCustomElement$1 } from './p-bad40128.js';
 
 const RtkNotifications = RtkNotifications$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-participants-audio.js

@@ -1,6 +1,5 @@
 import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-c3592601.js';
 import { e as disableSettingSinkId, a as defaultIconPack, c as useLanguage, m as isLiveStreamViewer } from './p-e6d09c50.js';
-import { l as logger } from './p-5605a420.js';
 import { S as SyncWithStore } from './p-d5791958.js';
 import { d as defineCustomElement$4 } from './p-4cc0e9a5.js';
 import { d as defineCustomElement$3 } from './p-cd50770d.js';
@@ -14,6 +13,7 @@ class RTKAudio {
         this.meeting = meeting;
         this.audio = audio !== null && audio !== void 0 ? audio : document.createElement('audio');
         this.audio.autoplay = true;
+        this.logger = meeting.__internals__.logger;
         this.audioStream = new MediaStream();
         this.audio.srcObject = this.audioStream;
         this.audioTracks = [];
@@ -42,7 +42,7 @@ class RTKAudio {
                 }
             }
             else if (err.name !== 'AbortError') {
-                logger.error('[rtk-audio] play() error\n', err);
+                this.logger.error('[rtk-audio] play() error\n', err);
             }
         }));
     }
@@ -51,7 +51,7 @@ class RTKAudio {
         if (disableSettingSinkId(this.meeting))
             return;
         await ((_c = (_b = (_a = this.audio).setSinkId) === null || _b === void 0 ? void 0 : _b.call(_a, id)) === null || _c === void 0 ? void 0 : _c.catch((err) => {
-            logger.error('[rtk-audio] setSinkId() error\n', err);
+            this.logger.error('[rtk-audio] setSinkId() error\n', err);
         }));
     }
     onError(onError) {

package/dist/components/rtk-participants-stage-queue.js

@@ -1,4 +1,4 @@
-import { R as RtkParticipantsStaged, d as defineCustomElement$1 } from './p-aa9ee9a5.js';
+import { R as RtkParticipantsStaged, d as defineCustomElement$1 } from './p-ae46ddba.js';
 
 const RtkParticipantsStageQueue = RtkParticipantsStaged;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-participants.js

@@ -9,7 +9,7 @@ import { d as defineCustomElement$c } from './p-10182034.js';
 import { d as defineCustomElement$b } from './p-c7dcb441.js';
 import { d as defineCustomElement$a } from './p-b373da43.js';
 import { d as defineCustomElement$9 } from './p-2ecf028f.js';
-import { d as defineCustomElement$8 } from './p-aa9ee9a5.js';
+import { d as defineCustomElement$8 } from './p-ae46ddba.js';
 import { d as defineCustomElement$7 } from './p-f33bb583.js';
 import { d as defineCustomElement$6 } from './p-24e9b37b.js';
 import { d as defineCustomElement$5 } from './p-59ea0ce1.js';

package/dist/components/rtk-screen-share-toggle.js

@@ -1,6 +1,5 @@
 import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-c3592601.js';
 import { a as defaultIconPack, c as useLanguage } from './p-e6d09c50.js';
-import { l as logger } from './p-5605a420.js';
 import { S as SyncWithStore } from './p-d5791958.js';
 import { d as defineCustomElement$5 } from './p-bdbaa65b.js';
 import { d as defineCustomElement$4 } from './p-2f2fb96d.js';
@@ -146,7 +145,7 @@ const RtkScreenShareToggle$1 = /*@__PURE__*/ proxyCustomElement(class RtkScreenS
     }
     connectedCallback() {
         if (!deviceCanScreenShare()) {
-            logger.error('[rtk-screenshare-toggle] Device does not support screensharing.');
+            this.meeting.__internals__.logger.error('[rtk-screenshare-toggle] Device does not support screensharing.');
             return;
         }
         this.meetingChanged(this.meeting);

package/dist/docs/docs-components.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2025-04-30T06:15:38",
+  "timestamp": "2025-05-06T09:19:53",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.27.2",

package/dist/esm/index.js

@@ -2,12 +2,11 @@ import { d as defaultConfig } from './ui-store-b453cdf2.js';
 export { B as BreakoutRoomsManager, d as defaultConfig, a as defaultIconPack, b as defaultLanguage, g as getInitialStates, u as uiStore, c as useLanguage } from './ui-store-b453cdf2.js';
 import { g as generateConfig } from './config-1ca1ba30.js';
 export { e as extendConfig, g as generateConfig, p as provideRtkDesignSystem } from './config-1ca1ba30.js';
-export { R as RtkNotificationsAudio } from './notification-800f2bcd.js';
+export { R as RtkNotificationsAudio } from './notification-6b3acf5b.js';
 export { g as generateChatGroupKey, a as getChatGroups, c as getParticipantUserId, b as getUnreadChatCounts } from './chat-c25836b0.js';
 import './index-c1fb98bb.js';
 import './keysIn-310f65c1.js';
 import './isObjectLike-773b9473.js';
-import './logger-31448943.js';
 
 /**
  * Send notification which will be displayed in the `<rtk-notifications />` component.

package/dist/esm/loader.js

@@ -9798,8 +9798,6 @@ const TextMessageView = ({ message }) => {
         })));
 };
 
-const logger$1 = console;
-
 const SOUNDS = {
     joined: 'https://dyte-uploads.s3.ap-south-1.amazonaws.com/notification_join.mp3',
     left: 'https://dyte-uploads.s3.ap-south-1.amazonaws.com/notification_join.mp3',
@@ -9821,9 +9819,7 @@ class RTKNotificationsAudio {
         this.playing = true;
         this.audio.src = SOUNDS[sound];
         this.audio.volume = 0.3;
-        (_a = this.audio.play()) === null || _a === void 0 ? void 0 : _a.catch((err) => {
-            logger$1.error('[rtk-notifications] play() failed\n', { sound, duration }, err);
-        });
+        (_a = this.audio.play()) === null || _a === void 0 ? void 0 : _a.catch((_) => { });
         setTimeout(() => {
             this.playing = false;
         }, duration);
@@ -9832,9 +9828,7 @@ class RTKNotificationsAudio {
         var _a, _b, _c;
         if (disableSettingSinkId(this.meeting))
             return;
-        await ((_c = (_b = (_a = this.audio) === null || _a === void 0 ? void 0 : _a.setSinkId) === null || _b === void 0 ? void 0 : _b.call(_a, id)) === null || _c === void 0 ? void 0 : _c.catch((err) => {
-            logger$1.error('[rtk-notifications] setSinkId() error\n', err);
-        }));
+        await ((_c = (_b = (_a = this.audio) === null || _a === void 0 ? void 0 : _a.setSinkId) === null || _b === void 0 ? void 0 : _b.call(_a, id)) === null || _c === void 0 ? void 0 : _c.catch((_) => { }));
     }
 }
 
@@ -21158,6 +21152,7 @@ class RTKAudio {
         this.meeting = meeting;
         this.audio = audio !== null && audio !== void 0 ? audio : document.createElement('audio');
         this.audio.autoplay = true;
+        this.logger = meeting.__internals__.logger;
         this.audioStream = new MediaStream();
         this.audio.srcObject = this.audioStream;
         this.audioTracks = [];
@@ -21186,7 +21181,7 @@ class RTKAudio {
                 }
             }
             else if (err.name !== 'AbortError') {
-                logger$1.error('[rtk-audio] play() error\n', err);
+                this.logger.error('[rtk-audio] play() error\n', err);
             }
         }));
     }
@@ -21195,7 +21190,7 @@ class RTKAudio {
         if (disableSettingSinkId(this.meeting))
             return;
         await ((_c = (_b = (_a = this.audio).setSinkId) === null || _b === void 0 ? void 0 : _b.call(_a, id)) === null || _c === void 0 ? void 0 : _c.catch((err) => {
-            logger$1.error('[rtk-audio] setSinkId() error\n', err);
+            this.logger.error('[rtk-audio] setSinkId() error\n', err);
         }));
     }
     onError(onError) {
@@ -22155,7 +22150,7 @@ const RtkScreenShareToggle = class {
     }
     connectedCallback() {
         if (!deviceCanScreenShare()) {
-            logger$1.error('[rtk-screenshare-toggle] Device does not support screensharing.');
+            this.meeting.__internals__.logger.error('[rtk-screenshare-toggle] Device does not support screensharing.');
             return;
         }
         this.meetingChanged(this.meeting);
@@ -53790,21 +53785,17 @@ const RtkParticipantsStaged = class {
         this.acceptStageRequest = async (p) => {
             const { userId } = p;
             await this.meeting.stage.grantAccess([userId]);
-            this.updateStageRequestedParticipants();
         };
         this.rejectStageRequest = async (p) => {
             const { userId } = p;
             await this.meeting.stage.denyAccess([userId]);
-            this.updateStageRequestedParticipants();
         };
         this.acceptAllStageRequest = async () => {
             await this.meeting.stage.grantAccess(this.stageRequestedParticipants.map((p) => p.userId));
-            this.updateStageRequestedParticipants();
         };
         this.denyAllStageRequest = async () => {
             var _a;
             await ((_a = this.meeting.stage) === null || _a === void 0 ? void 0 : _a.denyAccess(this.stageRequestedParticipants.map((p) => p.userId)));
-            this.updateStageRequestedParticipants();
         };
         this.shouldShowStageRequests = () => {
             return (this.meeting.self.permissions.stageEnabled &&
@@ -53842,14 +53833,17 @@ const RtkParticipantsStaged = class {
         this.meetingChanged(this.meeting);
     }
     disconnectedCallback() {
+        var _a;
         const { stage } = this.meeting;
         stage === null || stage === void 0 ? void 0 : stage.removeListener('stageAccessRequestUpdate', this.updateRequestList);
+        (_a = this.meeting.participants.joined) === null || _a === void 0 ? void 0 : _a.removeListener('stageStatusUpdate', this.updateStageRequestedParticipants);
     }
     meetingChanged(meeting) {
         var _a;
         if (meeting == null)
             return;
         this.updateRequestList();
+        meeting.participants.joined.on('stageStatusUpdate', this.updateStageRequestedParticipants);
         (_a = meeting.stage) === null || _a === void 0 ? void 0 : _a.on('stageAccessRequestUpdate', this.updateRequestList);
     }
     render() {

package/dist/esm/{notification-800f2bcd.js → notification-6b3acf5b.js}

@@ -1,5 +1,4 @@
 import { e as disableSettingSinkId } from './ui-store-b453cdf2.js';
-import { l as logger } from './logger-31448943.js';
 
 const SOUNDS = {
     joined: 'https://dyte-uploads.s3.ap-south-1.amazonaws.com/notification_join.mp3',
@@ -22,9 +21,7 @@ class RTKNotificationsAudio {
         this.playing = true;
         this.audio.src = SOUNDS[sound];
         this.audio.volume = 0.3;
-        (_a = this.audio.play()) === null || _a === void 0 ? void 0 : _a.catch((err) => {
-            logger.error('[rtk-notifications] play() failed\n', { sound, duration }, err);
-        });
+        (_a = this.audio.play()) === null || _a === void 0 ? void 0 : _a.catch((_) => { });
         setTimeout(() => {
             this.playing = false;
         }, duration);
@@ -33,9 +30,7 @@ class RTKNotificationsAudio {
         var _a, _b, _c;
         if (disableSettingSinkId(this.meeting))
             return;
-        await ((_c = (_b = (_a = this.audio) === null || _a === void 0 ? void 0 : _a.setSinkId) === null || _b === void 0 ? void 0 : _b.call(_a, id)) === null || _c === void 0 ? void 0 : _c.catch((err) => {
-            logger.error('[rtk-notifications] setSinkId() error\n', err);
-        }));
+        await ((_c = (_b = (_a = this.audio) === null || _a === void 0 ? void 0 : _a.setSinkId) === null || _b === void 0 ? void 0 : _b.call(_a, id)) === null || _c === void 0 ? void 0 : _c.catch((_) => { }));
     }
 }