@cloudflare/realtimekit-ui 1.0.0-staging.13 → 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-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-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-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-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-05-05T07:26:57",
+  "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);

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((_) => { }));
     }
 }
 

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

@@ -13,10 +13,9 @@ import { g as getSize } from './size-505ade24.js';
 import { i as index } from './ResizeObserver.es-02979d4e.js';
 import { c as computePosition, o as offset, f as flip, s as shift, a as arrow } from './floating-ui.dom.esm-cf1488a2.js';
 import { T as TextMessageView } from './TextMessage-efd224db.js';
-import { R as RTKNotificationsAudio } from './notification-800f2bcd.js';
+import { R as RTKNotificationsAudio } from './notification-6b3acf5b.js';
 import './isObjectLike-773b9473.js';
 import './keysIn-310f65c1.js';
-import './logger-31448943.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/esm/rtk-participants-audio.entry.js

@@ -1,6 +1,5 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-c1fb98bb.js';
 import { e as disableSettingSinkId, a as defaultIconPack, c as useLanguage, q as isLiveStreamViewer } from './ui-store-b453cdf2.js';
-import { l as logger } from './logger-31448943.js';
 import { S as SyncWithStore } from './index-6aaa85ca.js';
 
 /**
@@ -11,6 +10,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 = [];
@@ -39,7 +39,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);
             }
         }));
     }
@@ -48,7 +48,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/esm/rtk-screen-share-toggle.entry.js

@@ -1,6 +1,5 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-c1fb98bb.js';
 import { a as defaultIconPack, c as useLanguage } from './ui-store-b453cdf2.js';
-import { l as logger } from './logger-31448943.js';
 import { S as SyncWithStore } from './index-6aaa85ca.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}";
@@ -140,7 +139,7 @@ const RtkScreenShareToggle = class {
     }
     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/realtimekit-ui/index.esm.js

@@ -1 +1 @@
-import{d as t}from"./p-ee167b96.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-ee167b96.js";import{g as s}from"./p-6ededa68.js";export{e as extendConfig,g as generateConfig,p as provideRtkDesignSystem}from"./p-6ededa68.js";export{R as RtkNotificationsAudio}from"./p-fc36f92c.js";export{g as generateChatGroupKey,a as getChatGroups,c as getParticipantUserId,b as getUnreadChatCounts}from"./p-aaba206b.js";import"./p-0ee570cd.js";import"./p-46923b34.js";import"./p-2c3cda13.js";import"./p-5605a420.js";const i=(t,s)=>{if("undefined"==typeof document)return!1;const e=new CustomEvent("rtkNotification",{detail:Object.assign(Object.assign({},t),{playSound:s}),composed:!0});return document.dispatchEvent(e)};function r(t){return s=>Array.isArray(s)?s[0]===t:s===t}function o(t){return s=>Array.isArray(s)?s[0]!==t:s!==t}function n(t){return t.replace(/([a-z])([A-Z])/g,(t=>`${t[0]}-${t[1]}`.toLowerCase()))}class h{constructor(t,s,e){this.elem=t,this.config=s,this.keyString=e}add(t,s={}){var e;let i=t=n(t);return Object.keys(s).length>0&&(i=[t,s]),Array.isArray(this.elem)?this.elem.push(i):"children"in this.elem&&Array.isArray(this.elem.children)?this.elem.children=[...this.elem.children,i]:"remove"in this.elem&&Array.isArray(this.elem.remove)&&this.elem.remove.find(r(t))?this.elem.remove=this.elem.remove.filter(o(t)):("add"in this.elem||(this.elem.add=[]),null===(e=this.elem.add)||void 0===e||e.push(i)),this}remove(t){var s;if(t=n(t),Array.isArray(this.elem)){const s=this.elem.findIndex(r(t));s>-1&&this.elem.splice(s,1)}else"children"in this.elem&&Array.isArray(this.elem.children)?this.elem.children=this.elem.children.filter(o(t)):"add"in this.elem&&Array.isArray(this.elem.add)&&this.elem.add.find((s=>s===t))?this.elem.add=this.elem.add.filter(o(t)):("remove"in this.elem||(this.elem.remove=[]),null===(s=this.elem.remove)||void 0===s||s.push(t));return this}set style(t){console.log(t)}setChildrenProps(t,s){console.log(this.keyString,t,s)}getChildrenProps(t){return console.log(this.keyString,t),{}}replace(t){console.log(this.config,t)}}class l{constructor(s){this.config=s||t}find(t,s={}){t=n(t);const e=[],i=[];Object.keys(s||{}).forEach((t=>{"boolean"==typeof s[t]?e.push(t):i.push([t,s[t]])})),e.sort();const r=this.config.root;if(void 0===r)return;let o=t,a="";e.length>0&&(a=`.${e.join(".")}`,o=`${t}${a}`,Array.isArray(r[t])&&(r[t]={states:[],children:r[t]}),void 0===r[t].states&&(r[t].states=[]),e.forEach((s=>{var e,i;-1===(null===(e=r[t].states)||void 0===e?void 0:e.indexOf(s))&&(null===(i=r[t].states)||void 0===i||i.push(s))}))),i.length>0&&i.forEach((s=>{o=`${t}[${s[0]}=${s[1]}]${a}`,Array.isArray(r[t])&&(r[t]={state:s[0],children:r[t]})}));let d=r[o];return void 0===d&&(r[o]={},d=r[o]),new h(d,this.config,o)}build(){return this.config}}function f(t,e,i){if(!i){const t=s(e.self.config,e);i=t.config}return t.map((t=>{i=t.register(i,e,(t=>new l(t)))})),i}export{l as RtkUiBuilder,f as registerAddons,i as sendNotification}
+import{d as t}from"./p-ee167b96.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-ee167b96.js";import{g as s}from"./p-6ededa68.js";export{e as extendConfig,g as generateConfig,p as provideRtkDesignSystem}from"./p-6ededa68.js";export{R as RtkNotificationsAudio}from"./p-0bf304c7.js";export{g as generateChatGroupKey,a as getChatGroups,c as getParticipantUserId,b as getUnreadChatCounts}from"./p-aaba206b.js";import"./p-0ee570cd.js";import"./p-46923b34.js";import"./p-2c3cda13.js";const i=(t,s)=>{if("undefined"==typeof document)return!1;const e=new CustomEvent("rtkNotification",{detail:Object.assign(Object.assign({},t),{playSound:s}),composed:!0});return document.dispatchEvent(e)};function r(t){return s=>Array.isArray(s)?s[0]===t:s===t}function o(t){return s=>Array.isArray(s)?s[0]!==t:s!==t}function n(t){return t.replace(/([a-z])([A-Z])/g,(t=>`${t[0]}-${t[1]}`.toLowerCase()))}class h{constructor(t,s,e){this.elem=t,this.config=s,this.keyString=e}add(t,s={}){var e;let i=t=n(t);return Object.keys(s).length>0&&(i=[t,s]),Array.isArray(this.elem)?this.elem.push(i):"children"in this.elem&&Array.isArray(this.elem.children)?this.elem.children=[...this.elem.children,i]:"remove"in this.elem&&Array.isArray(this.elem.remove)&&this.elem.remove.find(r(t))?this.elem.remove=this.elem.remove.filter(o(t)):("add"in this.elem||(this.elem.add=[]),null===(e=this.elem.add)||void 0===e||e.push(i)),this}remove(t){var s;if(t=n(t),Array.isArray(this.elem)){const s=this.elem.findIndex(r(t));s>-1&&this.elem.splice(s,1)}else"children"in this.elem&&Array.isArray(this.elem.children)?this.elem.children=this.elem.children.filter(o(t)):"add"in this.elem&&Array.isArray(this.elem.add)&&this.elem.add.find((s=>s===t))?this.elem.add=this.elem.add.filter(o(t)):("remove"in this.elem||(this.elem.remove=[]),null===(s=this.elem.remove)||void 0===s||s.push(t));return this}set style(t){console.log(t)}setChildrenProps(t,s){console.log(this.keyString,t,s)}getChildrenProps(t){return console.log(this.keyString,t),{}}replace(t){console.log(this.config,t)}}class l{constructor(s){this.config=s||t}find(t,s={}){t=n(t);const e=[],i=[];Object.keys(s||{}).forEach((t=>{"boolean"==typeof s[t]?e.push(t):i.push([t,s[t]])})),e.sort();const r=this.config.root;if(void 0===r)return;let o=t,a="";e.length>0&&(a=`.${e.join(".")}`,o=`${t}${a}`,Array.isArray(r[t])&&(r[t]={states:[],children:r[t]}),void 0===r[t].states&&(r[t].states=[]),e.forEach((s=>{var e,i;-1===(null===(e=r[t].states)||void 0===e?void 0:e.indexOf(s))&&(null===(i=r[t].states)||void 0===i||i.push(s))}))),i.length>0&&i.forEach((s=>{o=`${t}[${s[0]}=${s[1]}]${a}`,Array.isArray(r[t])&&(r[t]={state:s[0],children:r[t]})}));let d=r[o];return void 0===d&&(r[o]={},d=r[o]),new h(d,this.config,o)}build(){return this.config}}function f(t,e,i){if(!i){const t=s(e.self.config,e);i=t.config}return t.map((t=>{i=t.register(i,e,(t=>new l(t)))})),i}export{l as RtkUiBuilder,f as registerAddons,i as sendNotification}

package/dist/realtimekit-ui/p-01187fe9.entry.js

@@ -0,0 +1 @@
+import{r as t,c as i,h as a,H as s}from"./p-0ee570cd.js";import{e,a as r,c as o,q as h}from"./p-ee167b96.js";import{S as d}from"./p-2aa242f4.js";class n{constructor(t,i){this.meeting=t,this.audio=null!=i?i:document.createElement("audio"),this.audio.autoplay=!0,this.logger=t.__internals__.logger,this.audioStream=new MediaStream,this.audio.srcObject=this.audioStream,this.audioTracks=[]}addTrack(t,i){this.audioTracks.some((i=>i.id===t))||(this.audioTracks.push({id:t,track:i}),this.audioStream.addTrack(i),this.play())}removeTrack(t){const i=this.audioTracks.find((i=>i.id===t));null!=i&&(this.audioStream.removeTrack(i.track),this.audioTracks=this.audioTracks.filter((i=>i.id!==t)))}async play(){var t;this.audio.srcObject=this.audioStream,await(null===(t=this.audio.play())||void 0===t?void 0:t.catch((t=>{"NotAllowedError"===t.name?null!=this._onError&&this._onError():"AbortError"!==t.name&&this.logger.error("[rtk-audio] play() error\n",t)})))}async setDevice(t){var i,a,s;e(this.meeting)||await(null===(s=null===(a=(i=this.audio).setSinkId)||void 0===a?void 0:a.call(i,t))||void 0===s?void 0:s.catch((t=>{this.logger.error("[rtk-audio] setSinkId() error\n",t)})))}onError(t){this._onError=t}}var c=function(t,i,a,s){var e,r=arguments.length,o=r<3?i:null===s?s=Object.getOwnPropertyDescriptor(i,a):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(t,i,a,s);else for(var h=t.length-1;h>=0;h--)(e=t[h])&&(o=(r<3?e(o):r>3?e(i,a,o):e(i,a))||o);return r>3&&o&&Object.defineProperty(i,a,o),o};const l=class{constructor(a){t(this,a),this.dialogClose=i(this,"dialogClose",7),this.iconPack=r,this.t=o(),this.preloadedAudioElem=void 0,this.showPlayDialog=!1,this.onRtkDialogClose=()=>{this.showPlayDialog=!1,this.dialogClose.emit()}}componentDidLoad(){this.meetingChanged(this.meeting)}disconnectedCallback(){var t;null!=this.meeting&&(this.audioUpdateListener&&this.meeting.participants.joined.removeListener("audioUpdate",this.audioUpdateListener),this.screenShareUpdateListener&&this.meeting.participants.joined.removeListener("screenShareUpdate",this.screenShareUpdateListener),this.participantLeftListener&&this.meeting.participants.joined.removeListener("participantLeft",this.participantLeftListener),this.deviceUpdateListener&&this.meeting.self.removeListener("deviceUpdate",this.deviceUpdateListener),this.stageStatusUpdateListener&&(null===(t=this.meeting.stage)||void 0===t||t.removeListener("stageStatusUpdate",this.stageStatusUpdateListener)))}async setupAudio(){this.audio=new n(this.meeting,this.preloadedAudioElem);const t=this.meeting.self.getCurrentDevices();null!=t.speaker&&await this.audio.setDevice(t.speaker.deviceId)}async handleAutoPlayError(){this.audio||await this.setupAudio(),this.audio.onError((()=>{this.showPlayDialog=!0})),this.audio.play()}async handleEvents(t){this.audioUpdateListener=({id:t,audioEnabled:i,audioTrack:a})=>{const s=`audio-${t}`;i&&null!=a?this.audio.addTrack(s,a):this.audio.removeTrack(s)};const i=t.participants.joined.toArray();for(const t of i)this.audioUpdateListener(t);this.participantLeftListener=({id:t})=>{this.audio.removeTrack(`audio-${t}`),this.audio.removeTrack(`screenshare-${t}`)},this.screenShareUpdateListener=({id:t,screenShareEnabled:i,screenShareTracks:a})=>{const s=`screenshare-${t}`;i&&null!=a.audio?this.audio.addTrack(s,a.audio):this.audio.removeTrack(s)},this.deviceUpdateListener=({device:t,preview:i})=>{i||"audiooutput"===t.kind&&this.audio.setDevice(t.deviceId)},t.participants.joined.addListener("audioUpdate",this.audioUpdateListener),t.participants.joined.addListener("screenShareUpdate",this.screenShareUpdateListener),t.participants.joined.addListener("participantLeft",this.participantLeftListener),t.self.addListener("deviceUpdate",this.deviceUpdateListener)}async meetingChanged(t){var i;null!=t&&(this.setupAudio(),h(t)?(this.stageStatusUpdateListener=async t=>{"ON_STAGE"===t&&await this.handleAutoPlayError()},null===(i=t.stage)||void 0===i||i.on("stageStatusUpdate",this.stageStatusUpdateListener)):await this.handleAutoPlayError(),await this.handleEvents(t))}render(){return a(s,{key:"8f6ac797ceb5f3fa6c8633e72174e9ae91e7979a"},this.showPlayDialog&&a("rtk-dialog",{key:"d1f5723dec7d7e9e66625deb9cebce63e26520e1",open:!0,onRtkDialogClose:this.onRtkDialogClose,hideCloseButton:!0,disableEscapeKey:!0,iconPack:this.iconPack,t:this.t},a("div",{key:"cd0de80766e3f1c665666f463bf405f44ed8323d",class:"modal"},a("h3",{key:"098d978b8c3aeba86328e23104fa7e73f12f2296"},this.t("audio_playback.title")),a("p",{key:"74d242093687ab9734392a8d5357c7a2c5cce8b9"},this.t("audio_playback.description")),a("rtk-button",{key:"6382f33f9b3907989c5559c49091f2173be708e3",kind:"wide",onClick:()=>{this.audio.play(),this.onRtkDialogClose()},title:this.t("audio_playback")},this.t("audio_playback")))))}static get watchers(){return{meeting:["meetingChanged"]}}};c([d()],l.prototype,"meeting",void 0),c([d()],l.prototype,"iconPack",void 0),c([d()],l.prototype,"t",void 0),l.style=":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;overflow-wrap:break-word;color:rgb(var(--rtk-colors-text-1000, 255 255 255));word-wrap:break-word}.modal{box-sizing:border-box;width:100%;max-width:var(--rtk-space-96, 384px);padding:var(--rtk-space-4, 16px);border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity))}.modal h3{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px);font-size:24px;font-weight:500}.modal p{margin-top:var(--rtk-space-4, 16px);margin-bottom:var(--rtk-space-6, 24px)}.modal rtk-button{width:100%}";export{l as rtk_participants_audio}

package/dist/realtimekit-ui/p-0bf304c7.js

@@ -0,0 +1 @@
+import{e as s}from"./p-ee167b96.js";const t={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",message:"https://dyte-uploads.s3.ap-south-1.amazonaws.com/notification_message.mp3"};class o{constructor(s){this.meeting=s,this.audio=document.createElement("audio"),this.audio.volume=.3}play(s,o=3e3){var i;this.playing||(this.playing=!0,this.audio.src=t[s],this.audio.volume=.3,null===(i=this.audio.play())||void 0===i||i.catch((()=>{})),setTimeout((()=>{this.playing=!1}),o))}async setDevice(t){var o,i,a;s(this.meeting)||await(null===(a=null===(i=null===(o=this.audio)||void 0===o?void 0:o.setSinkId)||void 0===i?void 0:i.call(o,t))||void 0===a?void 0:a.catch((()=>{})))}}export{o as R}