@cloudflare/realtimekit-ui 1.0.3 → 1.0.4-staging.2

package/dist/collection/components/rtk-ai/rtk-ai.js

@@ -11,12 +11,12 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { Host, h } from "@stencil/core";
 import { defaultIconPack } from "../../lib/icons";
 import { useLanguage } from "../../lib/lang";
-import { defaultConfig } from "../../lib/default-ui-config";
+import { createDefaultConfig } from "../../lib/default-ui-config";
 import { SyncWithStore } from "../../utils/sync-with-store";
 export class RtkAi {
     constructor() {
         /** Config */
-        this.config = defaultConfig;
+        this.config = createDefaultConfig();
         /** Icon pack */
         this.iconPack = defaultIconPack;
         /** Language */
@@ -45,6 +45,8 @@ export class RtkAi {
     }
     render() {
         var _a, _b, _c;
+        if (!this.meeting)
+            return null;
         if (!((_b = (_a = this.meeting) === null || _a === void 0 ? void 0 : _a.self) === null || _b === void 0 ? void 0 : _b.permissions).transcriptionEnabled ||
             !((_c = this.states) === null || _c === void 0 ? void 0 : _c.activeAI)) {
             return null;
@@ -141,7 +143,7 @@ export class RtkAi {
                 },
                 "getter": false,
                 "setter": false,
-                "defaultValue": "defaultConfig"
+                "defaultValue": "createDefaultConfig()"
             },
             "iconPack": {
                 "type": "unknown",
@@ -281,6 +283,9 @@ __decorate([
 __decorate([
     SyncWithStore()
 ], RtkAi.prototype, "states", void 0);
+__decorate([
+    SyncWithStore()
+], RtkAi.prototype, "config", void 0);
 __decorate([
     SyncWithStore()
 ], RtkAi.prototype, "iconPack", void 0);

package/dist/collection/components/rtk-ai-toggle/rtk-ai-toggle.js

@@ -37,6 +37,8 @@ export class RtkAiToggle {
     }
     render() {
         var _a, _b;
+        if (!this.meeting)
+            return null;
         const text = this.t('ai.meeting_ai');
         if (!((_b = (_a = this.meeting) === null || _a === void 0 ? void 0 : _a.self) === null || _b === void 0 ? void 0 : _b.permissions).transcriptionEnabled) {
             return h(Host, { "data-hidden": true });

package/dist/collection/components/rtk-ai-transcriptions/rtk-ai-transcriptions.js

@@ -108,7 +108,7 @@ export class RtkAiTranscriptions {
         });
     }
     render() {
-        return (h(Host, { key: '12573001a05a586495a63ecd420f99ad04ce780f' }, h("div", { key: '2a51f65ba7cd339aee33291c77cdf9f5d69b8f07', class: "search-bar" }, h("input", { key: '6cb5505e84ddff6e39c29012752a7309f715505c', type: "text", placeholder: "Search Participant", value: this.participantQuery, onInput: (e) => (this.participantQuery = e.target.value) })), this.isProcessing && (h("div", { key: 'b7f1c33aae0d2613e28dc328e5ccfd92ad067576', class: "processing" }, h("p", { key: 'ae8dc349ff7017a92b9c15e8c8ab051313c07e67' }, "Processing audio...."))), !this.isProcessing && (h("div", { key: 'f5d9e637661b2b10dd323c6b9d6fa7381fd7768c', class: "content scrollbar", ref: (el) => (this.contentContainer = el) }, h("div", { key: 'a029f8903f82deab573e2372f1c645de98fbc417', class: "started-message" }, "Transcription started"), this.renderTranscripts()))));
+        return (h(Host, { key: '94f60db03785e266280aea971d3b998280840be2' }, h("div", { key: '0c709d7013ffd86748abc3a367e9cb504c2a37f5', class: "search-bar" }, h("input", { key: 'd98c6b1eb8835e59ed48d7a07bd12efbf72c9ae1', type: "text", placeholder: "Search Participant", value: this.participantQuery, onInput: (e) => (this.participantQuery = e.target.value) })), this.isProcessing && (h("div", { key: '041a08dd3e14b3d8c35d2d487d30a281f53338a0', class: "processing" }, h("p", { key: 'c4c90b39ca5ad0fd8161f0e3eb96aba38d959c6e' }, "Processing audio...."))), !this.isProcessing && (h("div", { key: '03bd5836324c9865d0e522d86e51701ec305f6ad', class: "content scrollbar", ref: (el) => (this.contentContainer = el) }, h("div", { key: '1df6f1b8cf06aa6f14d5700a7dfa86177bf3a752', class: "started-message" }, "Transcription started"), this.renderTranscripts()))));
     }
     static get is() { return "rtk-ai-transcriptions"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/rtk-audio-grid/rtk-audio-grid.js

@@ -80,7 +80,7 @@ export class RtkAudioGrid {
     }
     render() {
         const onStage = this.activeParticipants.concat(this.onStageParticipants);
-        return (h(Host, { key: '0547c2c61b1c1b1fc4fcc5353b9094f8c118bd83' }, h("div", { key: '46dd0248db3437461bd56bd507a2f42ce05af03a', class: "content scrollbar" }, h("div", { key: '98a3dc4928c3062f3e5058b50d415f147c273c26', class: "stage grid" }, this.renderGrid(onStage)), this.offStageParticipants.length > 0 && (h("div", { key: '18015fe551647048c990f107ba313c5e13ba7d47', class: "waitlist-area" }, h("div", { key: '50a65d4f48d94426860d808ff6151d3e0d519f4e', class: "listening-title" }, this.offStageParticipants.length, " ", this.t('grid.listening')), h("div", { key: '173e4ebc97425b7298236673122f76ebfae59609', class: "waitlist-grid grid" }, this.renderGrid(this.offStageParticipants))))), h("slot", { key: 'c92a12329a9c4c456f3506cee2aa2d73dceaa0e0' })));
+        return (h(Host, { key: '168d23a466cf3b4c7b25d2a95968a559cbe67e51' }, h("div", { key: 'cff2b9f9bf08c9d83d076e12b8b0cd0d7b054c49', class: "content scrollbar" }, h("div", { key: '2e4ea5563eb9de04310049a2ed945c851037c1b8', class: "stage grid" }, this.renderGrid(onStage)), this.offStageParticipants.length > 0 && (h("div", { key: '4c8042d69fbb0c6b23ee1ba92da96f759e9fb216', class: "waitlist-area" }, h("div", { key: 'a6a7acd1f3dbee1dc70ab631fa55ea6637810748', class: "listening-title" }, this.offStageParticipants.length, " ", this.t('grid.listening')), h("div", { key: '41fa24716a2d8e3ebc72b133a1a40cb45e4a7070', class: "waitlist-grid grid" }, this.renderGrid(this.offStageParticipants))))), h("slot", { key: '304b5ed0cb1f7f8b2beaf13814442f912b91a46d' })));
     }
     static get is() { return "rtk-audio-grid"; }
     static get encapsulation() { return "shadow"; }
@@ -278,6 +278,9 @@ export class RtkAudioGrid {
 __decorate([
     SyncWithStore()
 ], RtkAudioGrid.prototype, "meeting", void 0);
+__decorate([
+    SyncWithStore()
+], RtkAudioGrid.prototype, "config", void 0);
 __decorate([
     SyncWithStore()
 ], RtkAudioGrid.prototype, "states", void 0);

package/dist/collection/components/rtk-audio-tile/rtk-audio-tile.js

@@ -77,6 +77,8 @@ export class RtkAudioTile {
         });
     }
     render() {
+        if (!this.meeting)
+            return null;
         const defaults = {
             meeting: this.meeting,
             size: this.size,
@@ -95,7 +97,7 @@ export class RtkAudioTile {
         else {
             shadowClass = 'bar-' + this.volume;
         }
-        return (h(Host, { key: 'cff0c840f6dcd8ae6514ee4b8b0c6680d4ebf8ff' }, h("div", { key: 'c43dbfcc26c20d0d7487a234624709ad9bf14f6f', class: { 'avatar-ctr': true, speaking: this.audioEnabled, [shadowClass]: true } }, h("rtk-avatar", { key: '5a638ea3a636f645eaab2638353fb49697a431c0', participant: this.participant, size: this.size }, !this.audioEnabled && (h("div", { key: 'f8a6bc0a24906df10870c827faeca7f8f343306a', class: "mic-icon" }, h("rtk-icon", { key: 'a7777ba5bb5b78329556b6af19495425827915ec', icon: defaultIconPack.mic_off }))))), h("rtk-name-tag", Object.assign({ key: 'a7d4bea44bfde23323e52917ee197c5558cef8ba', variant: "text", participant: this.participant }, defaults)), h("slot", { key: '370b16462a7be42a663a58288105ad46c0e6f3d3' })));
+        return (h(Host, null, h("div", { class: { 'avatar-ctr': true, speaking: this.audioEnabled, [shadowClass]: true } }, h("rtk-avatar", { participant: this.participant, size: this.size }, !this.audioEnabled && (h("div", { class: "mic-icon" }, h("rtk-icon", { icon: defaultIconPack.mic_off }))))), h("rtk-name-tag", Object.assign({ variant: "text", participant: this.participant }, defaults)), h("slot", null)));
     }
     static get is() { return "rtk-audio-tile"; }
     static get encapsulation() { return "shadow"; }
@@ -294,6 +296,9 @@ export class RtkAudioTile {
 __decorate([
     SyncWithStore()
 ], RtkAudioTile.prototype, "meeting", void 0);
+__decorate([
+    SyncWithStore()
+], RtkAudioTile.prototype, "config", void 0);
 __decorate([
     SyncWithStore()
 ], RtkAudioTile.prototype, "size", void 0);

package/dist/collection/components/rtk-audio-visualizer/rtk-audio-visualizer.js

@@ -115,12 +115,12 @@ export class RtkAudioVisualizer {
         });
     }
     render() {
-        return (h(Host, { key: '349422ab6a49e3c2dd84f0f41b51828dfd571d20' }, h("div", { key: '7564acaefc95a3610db3020a8e0de44f9d8bff48', class: {
+        return (h(Host, { key: 'ee4ec36b4c9828a6e064e68d00e31c4e17a465e8' }, h("div", { key: 'e07d2ff77cbb1c9f70df5324db43e2356952e0b9', class: {
                 hideMuted: this.hideMuted,
-            } }, h("canvas", { key: '870ff1f131c8727ac52b6126fbb3c0080756c82d', width: "24", height: "24", class: {
+            } }, h("canvas", { key: '4699a67cfbc1cdc2867d41483f384bc8582721fc', width: "24", height: "24", class: {
                 bars: true,
                 visible: this.audioEnabled,
-            }, ref: (el) => (this.visualizer = el), part: "canvas" }), !this.isScreenShare && !this.audioEnabled && this.hideMuted !== true && (h("rtk-icon", { key: '868d229037f6029ec95ab38b1345783a95fe5c6d', icon: this.iconPack.mic_off, part: "mic-off-icon" })))));
+            }, ref: (el) => (this.visualizer = el), part: "canvas" }), !this.isScreenShare && !this.audioEnabled && this.hideMuted !== true && (h("rtk-icon", { key: '45aae6d22e0f15b49c8bbdbe6d754fe1bb30e669', icon: this.iconPack.mic_off, part: "mic-off-icon" })))));
     }
     static get is() { return "rtk-audio-visualizer"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/rtk-avatar/rtk-avatar.js

@@ -40,7 +40,7 @@ export class RtkAvatar {
         };
     }
     render() {
-        return (h(Host, { key: '62ab06b7a747442ff9fb2b65d886dba0177dcc1c' }, this.getAvatar(), h("slot", { key: 'c076f0ccf24ffa9d1e42287a60c0afd9e27be439' })));
+        return (h(Host, { key: '3ac8e9c14a3389b76dd0e27037a75358bf837fd4' }, this.getAvatar(), h("slot", { key: 'a1b51c492d328a00352cfb6f2a11acb7cdb5fe75' })));
     }
     static get is() { return "rtk-avatar"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/rtk-breakout-room-manager/rtk-breakout-room-manager.js

@@ -155,27 +155,29 @@ export class RtkBreakoutRoomManager {
     }
     render() {
         var _a, _b, _c;
-        return (h(Host, { key: '947ca9b82a497a0ce4274204dd7bcf9949d4e3c8' }, h("div", { key: 'cfd0a32bf1ad9db09edcf479e743292a064ff6e0', class: {
+        if (!this.meeting)
+            return null;
+        return (h(Host, null, h("div", { class: {
                 'assign-mode': this.assigningParticipants,
                 'selector-mode': !this.assigningParticipants,
                 'glowing-card': this.glowingCard,
-            } }, h("div", { key: 'f96ef6dae36d6368d9651b1b7521b5281390a1c5', class: "header" }, h("input", { key: 'ec5862c36b2a8a23b1a7bd9530418af16d044102', ref: (el) => (this.inputTextEl = el), placeholder: this.t('breakout_rooms.room_name'), disabled: !(this.editingTitleRoomId === this.room.id), value: this.roomTitle, minlength: ROOM_TITLE_MIN_CHARS, onChange: (e) => {
+            } }, h("div", { class: "header" }, h("input", { ref: (el) => (this.inputTextEl = el), placeholder: this.t('breakout_rooms.room_name'), disabled: !(this.editingTitleRoomId === this.room.id), value: this.roomTitle, minlength: ROOM_TITLE_MIN_CHARS, onChange: (e) => {
                 this.newTitle = e.target.value;
-            }, onKeyPress: (e) => this.onTitleChanged(e), class: { 'editing-enabled': this.editingTitleRoomId === this.room.id }, style: { width: `${this.roomTitle.length + 1}ch` } }), this.editingTitleRoomId !== this.room.id && (h("span", { key: 'b2abbce8a8b9dd49e2b72fbddd13b09763092aa4', class: "participant-count" }, "(", h("rtk-icon", { key: 'f2075dfaa059be92d5462a614e179449cf4bdf81', icon: this.iconPack.people }), (_c = (_b = (_a = this.room) === null || _a === void 0 ? void 0 : _a.participants) === null || _b === void 0 ? void 0 : _b.length) !== null && _c !== void 0 ? _c : '0', ")")), this.canEditMeetingTitle && (h("rtk-tooltip", { key: '2a47492d1c1f24077ad1a861a19bec8a201cea74', label: this.editingTitleRoomId === this.room.id
+            }, onKeyPress: (e) => this.onTitleChanged(e), class: { 'editing-enabled': this.editingTitleRoomId === this.room.id }, style: { width: `${this.roomTitle.length + 1}ch` } }), this.editingTitleRoomId !== this.room.id && (h("span", { class: "participant-count" }, "(", h("rtk-icon", { icon: this.iconPack.people }), (_c = (_b = (_a = this.room) === null || _a === void 0 ? void 0 : _a.participants) === null || _b === void 0 ? void 0 : _b.length) !== null && _c !== void 0 ? _c : '0', ")")), this.canEditMeetingTitle && (h("rtk-tooltip", { label: this.editingTitleRoomId === this.room.id
                 ? this.t('breakout_rooms.save_room_name')
-                : this.t('breakout_rooms.edit_room_name') }, h("rtk-icon", { key: '1211a94dd351b33443fe430f69801cff8bf15765', icon: this.editingTitleRoomId === this.room.id
+                : this.t('breakout_rooms.edit_room_name') }, h("rtk-icon", { icon: this.editingTitleRoomId === this.room.id
                 ? this.iconPack.checkmark
-                : this.iconPack.edit, class: "show-on-hover", onClick: this.onEditClick }))), h("div", { key: '5430f371fad9022f4a9a4de2747914958ff1d846', class: "rooms-container" }, this.permissions.canAlterConnectedMeetings &&
+                : this.iconPack.edit, class: "show-on-hover", onClick: this.onEditClick }))), h("div", { class: "rooms-container" }, this.permissions.canAlterConnectedMeetings &&
             !this.room.isParent &&
-            this.allowDelete && (h("rtk-tooltip", { key: 'f807c8b6fabc2e85a9e9f023e7ac00ecd555861b', label: this.t('breakout_rooms.delete'), class: "danger" }, h("rtk-icon", { key: '171ba25bd6d0b4b418d719f2eb4555ddc301ee2e', icon: this.iconPack.delete, class: "show-on-hover", onClick: () => {
+            this.allowDelete && (h("rtk-tooltip", { label: this.t('breakout_rooms.delete'), class: "danger" }, h("rtk-icon", { icon: this.iconPack.delete, class: "show-on-hover", onClick: () => {
                 this.deleteRoom.emit();
             } }))), this.assigningParticipants &&
             this.permissions.canAlterConnectedMeetings &&
-            !this.room.isParent && (h("rtk-button", { key: '24c2023d3edeb75fdec77a145040741bbe6a90f8', kind: "button", variant: "ghost", class: "assign-button", size: "md", onClick: () => this.onAssign() }, this.t('breakout_rooms.assign'))), this.mode === 'edit' &&
+            !this.room.isParent && (h("rtk-button", { kind: "button", variant: "ghost", class: "assign-button", size: "md", onClick: () => this.onAssign() }, this.t('breakout_rooms.assign'))), this.mode === 'edit' &&
             !this.assigningParticipants &&
-            this.permissions.canSwitchConnectedMeetings && (h("rtk-button", { key: 'd93e97a19162498f797e9e237105728907eb3b75', kind: "button", variant: "ghost", class: "assign-button", size: "md", disabled: this.room.id === this.meeting.meta.meetingId, onClick: () => this.onJoin() }, this.room.id === this.meeting.meta.meetingId
+            this.permissions.canSwitchConnectedMeetings && (h("rtk-button", { kind: "button", variant: "ghost", class: "assign-button", size: "md", disabled: this.room.id === this.meeting.meta.meetingId, onClick: () => this.onJoin() }, this.room.id === this.meeting.meta.meetingId
             ? this.t('joined')
-            : this.t('join'))), !this.room.isParent && (h("rtk-icon", { key: 'c020a1e894c959580104255ab81c3772af16c862', icon: this.showExpandedCard ? this.iconPack.chevron_up : this.iconPack.chevron_down, onClick: () => this.toggleCardDisplay() })))), this.renderExpandedCardMaybe(), this.renderParticipantsMaybe())));
+            : this.t('join'))), !this.room.isParent && (h("rtk-icon", { icon: this.showExpandedCard ? this.iconPack.chevron_up : this.iconPack.chevron_down, onClick: () => this.toggleCardDisplay() })))), this.renderExpandedCardMaybe(), this.renderParticipantsMaybe())));
     }
     static get is() { return "rtk-breakout-room-manager"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/rtk-breakout-room-participants/rtk-breakout-room-participants.js

@@ -58,7 +58,7 @@ export class RtkBreakoutRoomParticipants {
         this.searchChanged(this.search);
     }
     disconnectedCallback() {
-        if (this.meeting == null)
+        if (!this.meeting)
             return;
     }
     updateSelectedParticipants(participant, selected) {
@@ -73,7 +73,7 @@ export class RtkBreakoutRoomParticipants {
         this.onSelectedParticipantsUpdate.emit(selectedParticipants);
     }
     meetingChanged(meeting) {
-        if (meeting == null)
+        if (!meeting)
             return;
         this.getParticipants(this.search);
     }
@@ -99,9 +99,9 @@ export class RtkBreakoutRoomParticipants {
             }, size: "sm" }), h("p", { class: "name", title: name }, shorten(name, 16), this.meeting.self.userId === participant.id && ` (${this.t('you')})`)));
     }
     render() {
-        return (h(Host, { key: 'f52879701d8a87899b877c28d53254b3bc56b299' }, h("div", { key: '91d45e76f9f147c8ca30584bbb6c7816c189e0ce', class: "search-wrapper" }, h("div", { key: 'b4ae06fd6ce269008cdb4512590e5df8a39f5c9a', class: "search", part: "search" }, h("rtk-icon", { key: '0018db4e3febb44ccef2b7891d13fb76e18573b6', icon: this.iconPack.search, part: "search-icon", class: "search-icon" }), h("input", { key: '61fddb7cde11b23976e7485c17f23d34d2f14379', type: "search", autocomplete: "off", placeholder: this.t('search'), onInput: this.onSearchInput, part: "search-input" })), h("slot", { key: '8b2bb46621a8f148e22e6ce34b4d2a47a3b3c707', name: "shuffle-button" })), h("div", { key: '9803b94e75d829ac1f95527b16ba7381807b630b', class: "header" }, h("div", { key: 'c1b21d875ec8cc2e0625f7e21191b78ffce9e4e3', class: "title-wrapper" }, h("span", { key: '3f87be86358d89b288294cb09846a09f2182df11' }, this.t('breakout_rooms.main_room')), h("span", { key: 'f5a0d206f12479e064d20dc414532d88a24bd62e', class: "participant-count" }, "(", h("rtk-icon", { key: '8c8302bd28b84dc72c98086905ae2416d5044216', icon: this.iconPack.people }), this.participantsToShow.length, ")")), this.selectedParticipantIds.length !== 0 && (h("rtk-tooltip", { key: 'a40167a7356b4c9d52cd795d5a2c8985a896a473', label: this.t('breakout_rooms.select_all') }, h("input", { key: '754d9265dc605ecb460eddaa91f6673690a372c1', type: "checkbox", checked: this.selectedParticipantIds.length === this.participantsToShow.length, onChange: (e) => this.onToggleAll(!!e.target.checked) })))), h("div", { key: '94373ef76a5ebd0fcf6d34fe34c0aa7ee1c38159', class: "ctr scrollbar", part: "container" }, this.participantsToShow.length > 0 && (h("ul", { key: '5293af5ca10e9ccd031cfd4b43494a6b7d112084', class: "participants", part: "participants" }, this.participantsToShow.map((participant) => (h("li", { class: { 'participant-item': true, dragging: this.isDragging }, onClick: () => this.onClick(participant), onDragStart: () => this.onDragStart(participant), onDragEnd: () => this.onDragEnd(participant), draggable: this.selectedParticipantIds.length === 0, role: "listitem", key: participant.id }, this.renderPeer(participant), !this.isDragging && (h("input", { type: "checkbox", class: {
+        return (h(Host, { key: '01a707fa50950501d11428747783c1e9828e6572' }, h("div", { key: '535f80747ddc6b0d7b4c2d3d3bd82464284db304', class: "search-wrapper" }, h("div", { key: '14b0ae5148bc13345df0732eeb299354ce7e3ae4', class: "search", part: "search" }, h("rtk-icon", { key: 'c2eda4fadab2d20b16a95786a763748ee5a5e123', icon: this.iconPack.search, part: "search-icon", class: "search-icon" }), h("input", { key: '71b153979188a4eca0368faad5afe22ad4a65d84', type: "search", autocomplete: "off", placeholder: this.t('search'), onInput: this.onSearchInput, part: "search-input" })), h("slot", { key: '3ce56a86dfa9063150ff586f3333ad1a1e363219', name: "shuffle-button" })), h("div", { key: '2eed52da4d3e61f65b69c5dda8054891182615ac', class: "header" }, h("div", { key: 'c661c77b3fcfaea354456f741d2d816666bf4b68', class: "title-wrapper" }, h("span", { key: 'bc52e54641259a5c8f7eb0c749117444594a2f24' }, this.t('breakout_rooms.main_room')), h("span", { key: '9f84a8c77c7af6df6849103235927c68cafda518', class: "participant-count" }, "(", h("rtk-icon", { key: '34d4139b8fa98d3a1594a34a90774cf3bf5dc589', icon: this.iconPack.people }), this.participantsToShow.length, ")")), this.selectedParticipantIds.length !== 0 && (h("rtk-tooltip", { key: '866cf16aa1666a3cbc6521fadee36a50b168cf21', label: this.t('breakout_rooms.select_all') }, h("input", { key: 'd60fc5c1ee7a8e7b63ed7a9fd804f86bb7c945ed', type: "checkbox", checked: this.selectedParticipantIds.length === this.participantsToShow.length, onChange: (e) => this.onToggleAll(!!e.target.checked) })))), h("div", { key: 'fc8b60be1e14fd6fe92276fae65b357a998ae80a', class: "ctr scrollbar", part: "container" }, this.participantsToShow.length > 0 && (h("ul", { key: '9e76ca169c9c3a3fd3796f8e6f20a7ba19906c8f', class: "participants", part: "participants" }, this.participantsToShow.map((participant) => (h("li", { class: { 'participant-item': true, dragging: this.isDragging }, onClick: () => this.onClick(participant), onDragStart: () => this.onDragStart(participant), onDragEnd: () => this.onDragEnd(participant), draggable: this.selectedParticipantIds.length === 0, role: "listitem", key: participant.id }, this.renderPeer(participant), !this.isDragging && (h("input", { type: "checkbox", class: {
                 'hide-checkbox': this.selectedParticipantIds.length === 0,
-            }, checked: this.selectedParticipantIds.includes(participantIdentifier(participant)) }))))))), this.participantsToShow.length === 0 && this.search.length > 0 && (h("div", { key: '2940a7bb997d27028dbafb8796dd9db3a55869d3', class: "empty-message" }, this.t('participants.errors.empty_results'))), this.participantsToShow.length === 0 && this.search.length === 0 && (h("div", { key: 'e3a7539e969f0f5369079bac5c01d6ad4a4fdb50', class: "empty-room" }, h("rtk-icon", { key: '92b2b7022d9e2961e6ccfc9b721b8369d09bdbb9', icon: this.iconPack.people_checked, part: "search-icon", class: "search-icon" }), h("p", { key: '629b7fb160ec79432d5f7e1b3fd50972589cda7a' }, this.t('breakout_rooms.all_assigned')), h("span", { key: '54c84669c543b7a12ee33e6aba25b30c271727b9' }, this.t('breakout_rooms.empty_main_room')))))));
+            }, checked: this.selectedParticipantIds.includes(participantIdentifier(participant)) }))))))), this.participantsToShow.length === 0 && this.search.length > 0 && (h("div", { key: '179104c8fd8bfe2692147a23d3520ba51f830721', class: "empty-message" }, this.t('participants.errors.empty_results'))), this.participantsToShow.length === 0 && this.search.length === 0 && (h("div", { key: 'c50a8a4ae9863d918108430ffbe61721fd155847', class: "empty-room" }, h("rtk-icon", { key: 'afa0afc1ecda667d26fd921438f9369549c5463b', icon: this.iconPack.people_checked, part: "search-icon", class: "search-icon" }), h("p", { key: 'be9fe2e7d745f88228ecd5053b129b344a626eb6' }, this.t('breakout_rooms.all_assigned')), h("span", { key: 'e16a34744352686361f4a2aff6e90bba44ae3a15' }, this.t('breakout_rooms.empty_main_room')))))));
     }
     static get is() { return "rtk-breakout-room-participants"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/rtk-breakout-room-toggle/rtk-breakout-rooms-toggle.js

@@ -55,6 +55,8 @@ export class RtkBreakoutRoomsToggle {
         meeting.self.permissions.on('permissionsUpdate', this.permissionsUpdateListener);
     }
     render() {
+        if (!this.meeting)
+            return null;
         if (!this.canToggle)
             return;
         return (h(Host, { title: this.t('breakout_rooms') }, h("rtk-controlbar-button", { part: "controlbar-button", size: this.size, iconPack: this.iconPack, onClick: this.breakoutRoomToggle, icon: this.iconPack.breakout_rooms, label: this.t('breakout_rooms'), variant: this.variant })));

package/dist/collection/components/rtk-broadcast-message-modal/rtk-broadcast-message-modal.js

@@ -37,9 +37,9 @@ export class RtkBroadcastMessageModal {
         }, 2000);
     }
     render() {
-        return (h(Host, { key: 'ebc1bb7e9831ccecba8474cfc7af14dc5cb4d916' }, h("div", { key: 'f29fc0d8cd70f0d25b58073dedc56dbfece82f6e', class: "content-col" }, h("h2", { key: '6e872c41a1735e396fec8c01286a6e551307d054' }, "Broadcast message to"), h("select", { key: 'de6fa3415f3b4fab48477ba68925981adac9d7da', onChange: (e) => {
+        return (h(Host, { key: '6fbeed26fe6bd27b9f0fb5d574437db002931560' }, h("div", { key: '539893028570a33bae6e10dfbbf30a9872660cc9', class: "content-col" }, h("h2", { key: '066aaa4541f135cd6d8d424395cf449f79c61caa' }, "Broadcast message to"), h("select", { key: '413dea8a9bd7a1efbf17948cfb45b655ddb79b71', onChange: (e) => {
                 this.messagePayload = Object.assign(Object.assign({}, this.messagePayload), { to: e.target.value });
-            } }, h("option", { key: '85c21decd587ecbff9623d140c7e69e335d86e4e' }, "Everyone"), h("option", { key: 'e70c43b9bedd7a66519757842524af7fdd62b3d3' }, "List of rooms")), h("textarea", { key: 'c988e01cb69f54aa447f1d643acb0f046b95d3fd', placeholder: "Type message here...", onInput: (e) => {
+            } }, h("option", { key: '72df6790e57bdd905ad96d62c9d6fa57e4a3a41c' }, "Everyone"), h("option", { key: '82650452bb4de2b6d382a14dab3e901d62ca3b13' }, "List of rooms")), h("textarea", { key: '2be2bad10700c89162a06d662198b4eaadd96027', placeholder: "Type message here...", onInput: (e) => {
                 this.messagePayload = Object.assign(Object.assign({}, this.messagePayload), { message: e.target.value });
             } }), this.successMessage ? (h("p", null, "Message sent to ", this.messagePayload.to, h("rtk-icon", { icon: this.iconPack.checkmark }))) : (h("div", { class: "content-row" }, h("rtk-button", { onClick: () => this.close(), variant: "secondary" }, "Cancel"), "\u2002", h("rtk-button", { variant: "primary", onClick: () => this.sendMessage() }, "Send"))))));
     }

package/dist/collection/components/rtk-camera-selector/rtk-camera-selector.js

@@ -55,7 +55,7 @@ export class RtkCameraSelector {
     }
     meetingChanged(meeting) {
         var _a, _b, _c;
-        if (meeting == null)
+        if (!meeting)
             return;
         (_a = meeting.self) === null || _a === void 0 ? void 0 : _a.addListener('deviceListUpdate', this.deviceListUpdateListener);
         (_b = meeting.self) === null || _b === void 0 ? void 0 : _b.addListener('deviceUpdate', this.deviceUpdateListener);
@@ -95,7 +95,7 @@ export class RtkCameraSelector {
         }
     }
     render() {
-        if (this.meeting == null)
+        if (!this.meeting)
             return null;
         let unnamedVideoCount = 0;
         return (h(Host, null, this.canProduceVideo && (h("div", { class: 'group container ' + this.variant, part: "camera-selection" }, h("label", null, this.variant !== 'inline' && this.t('camera'), h("rtk-icon", { icon: this.iconPack.video_on, size: "sm" })), h("div", { class: "row" }, h("select", { class: "rtk-select", onChange: (e) => this.setDevice(e.target.value) }, this.videoDevices.map(({ deviceId, label }) => {

package/dist/collection/components/rtk-camera-toggle/rtk-camera-toggle.js

@@ -151,6 +151,8 @@ export class RtkCameraToggle {
     }
     render() {
         var _a;
+        if (!this.meeting)
+            return null;
         if (!this.canProduceVideo ||
             ((_a = this.meeting) === null || _a === void 0 ? void 0 : _a.meta.viewType) === 'AUDIO_ROOM' ||
             ['OFF_STAGE', 'REQUESTED_TO_JOIN_STAGE'].includes(this.stageStatus)) {

package/dist/collection/components/rtk-caption-toggle/rtk-caption-toggle.js

@@ -9,7 +9,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { Host, h } from "@stencil/core";
-import { defaultConfig, defaultIconPack } from "../../exports";
+import { createDefaultConfig, defaultIconPack, } from "../../exports";
 import { useLanguage } from "../../lib/lang";
 import { SyncWithStore } from "../../utils/sync-with-store";
 export class RtkCaptionToggle {
@@ -17,7 +17,7 @@ export class RtkCaptionToggle {
         /** Variant */
         this.variant = 'button';
         /** Config */
-        this.config = defaultConfig;
+        this.config = createDefaultConfig();
         /** Icon pack */
         this.iconPack = defaultIconPack;
         /** Language */
@@ -46,6 +46,8 @@ export class RtkCaptionToggle {
         this.stateUpdate.emit({ activeCaptions: !this.states.activeCaptions, activeMoreMenu: false });
     }
     render() {
+        if (!this.meeting)
+            return null;
         if (!this.captionEnabled)
             return null;
         const captionsEnabled = this.states.activeCaptions;
@@ -159,7 +161,7 @@ export class RtkCaptionToggle {
                 },
                 "getter": false,
                 "setter": false,
-                "defaultValue": "defaultConfig"
+                "defaultValue": "createDefaultConfig()"
             },
             "iconPack": {
                 "type": "unknown",
@@ -278,6 +280,9 @@ __decorate([
 __decorate([
     SyncWithStore()
 ], RtkCaptionToggle.prototype, "states", void 0);
+__decorate([
+    SyncWithStore()
+], RtkCaptionToggle.prototype, "config", void 0);
 __decorate([
     SyncWithStore()
 ], RtkCaptionToggle.prototype, "iconPack", void 0);

package/dist/collection/components/rtk-channel-creator/rtk-channel-creator.js

@@ -133,9 +133,9 @@ export class RtkChannelCreator {
         (_a = this.inputTextRef) === null || _a === void 0 ? void 0 : _a.focus();
     }
     render() {
-        return (h(Host, { key: '343bc1c61f83850b45010bb05ecb17d365345b51' }, h("header", { key: '231b89e21003207dfc890cf2210b6c230fab9390' }, this.step === 1 ? this.t('chat.new_channel') : this.t('chat.add_members')), this.step === 1 && (h("input", { key: '7a822d7fbb6946f866f12039f09159ae2b37f3e2', class: "channel-name-input", type: "text", placeholder: this.t('chat.channel_name'), ref: (el) => (this.inputTextRef = el), onInput: (e) => {
+        return (h(Host, { key: '2249fbd72c1bb3c33abc7d8a9759bd5166b511e3' }, h("header", { key: '624be5f38731e2388c350a7cfd33c6d5a0071a83' }, this.step === 1 ? this.t('chat.new_channel') : this.t('chat.add_members')), this.step === 1 && (h("input", { key: '3a837246569c74ca2876770b473b774ab5dd0cf6', class: "channel-name-input", type: "text", placeholder: this.t('chat.channel_name'), ref: (el) => (this.inputTextRef = el), onInput: (e) => {
                 this.channelName = e.target.value.trim();
-            } })), this.step === 2 && this.renderMemberSelector(), h("footer", { key: '3de7edf3f52b99ce04e2f977bddaaf85a1243c43' }, h("rtk-button", { key: '601c2634e7e917246987a51e395fd870494727c1', kind: "button", size: "lg", disabled: this.channelName.length === 0, onClick: this.onClickHandler }, this.step === 1 ? this.t('chat.add_members') : this.t('create')))));
+            } })), this.step === 2 && this.renderMemberSelector(), h("footer", { key: '7fc3656d7786406c7a25978cf4eac76bd46329ba' }, h("rtk-button", { key: 'fa648df5ca88fdb5ea6946d353270ee79e10fb73', kind: "button", size: "lg", disabled: this.channelName.length === 0, onClick: this.onClickHandler }, this.step === 1 ? this.t('chat.add_members') : this.t('create')))));
     }
     static get is() { return "rtk-channel-creator"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/rtk-channel-details/rtk-channel-details.js

@@ -26,7 +26,7 @@ export class RtkChannelDetails {
         })));
     }
     render() {
-        return (h(Host, { key: 'debf2dde0cfce1649181c7bfdca29d25c774bb2c' }, h("header", { key: '5a7ed6c10130518158a939e9868d5ad68aeb9486' }, this.t('chat.channel_members')), this.renderMembers()));
+        return (h(Host, { key: '56390bafc9a8a933499c11e51b38898494f407bc' }, h("header", { key: 'a27a3d775aceb8f23481823c1a21eb0286f5723a' }, this.t('chat.channel_members')), this.renderMembers()));
     }
     static get is() { return "rtk-channel-details"; }
     static get encapsulation() { return "shadow"; }
@@ -123,7 +123,7 @@ export class RtkChannelDetails {
                         "RTKBasicParticipant": {
                             "location": "import",
                             "path": "@cloudflare/realtimekit",
-                            "id": "../../node_modules/@cloudflare/realtimekit/dist/index.d.ts::RTKBasicParticipant"
+                            "id": "node_modules::RTKBasicParticipant"
                         }
                     }
                 },

package/dist/collection/components/rtk-channel-selector-ui/rtk-channel-selector-ui.js

@@ -112,7 +112,7 @@ export class RtkChannelSelectorUi {
         }
     }
     render() {
-        return (h(Host, { key: 'b6684ad536955380fd011a8db8ed74508ce5c4e2' }, h("div", { key: '0b9bd04166de85df7043026fe6f80d8980d09fd8', class: "container", ref: (el) => (this.$el = el) }, this.isHidden && (h("rtk-button", { key: '5b2af8c992ae39a097db0c6bcb79f73720c0baf6', kind: "icon", variant: "ghost", size: "md", onClick: this.onRevealClicked, class: "sidebar-btn" }, h("rtk-icon", { key: '0713628a2ab34e4c7dbc8bf15a760331e0a4501b', icon: this.isHidden ? this.iconPack.chevron_left : this.iconPack.dismiss }))), h("slot", { key: 'cba2cb4ec34adb4c852362af9aa6feef0c4f11b7', name: "header" }), h("div", { key: 'ca23085817b6b0ca7bcd7cbe87d5788bc3b091d6', class: "search-wrapper" }, h("div", { key: 'ac28f333fb7625024441c06039c86a651bf31a51', class: "search" }, h("input", { key: '34f1a069108d1610209bdc902afd40f168fd24a0', type: "search", autocomplete: "off", placeholder: this.t('chat.search_conversations'), onInput: this.onSearchInput }), h("rtk-icon", { key: '479b07ba42bbd7825e33f59efb4da26301553616', icon: this.iconPack.search, class: "search-icon" }))), h("div", { key: '4f97ff09587ab50ad957e6748ee31673f9097564', class: "channel-container scrollbar", role: "list" }, this.channels
+        return (h(Host, { key: '136cbd5937436f0e67410ed17ee55bdc84be52e5' }, h("div", { key: 'd6eaec8105117ef6fc354ce73cd112a911383eef', class: "container", ref: (el) => (this.$el = el) }, this.isHidden && (h("rtk-button", { key: 'eada98e8ca313b96e284b755d2fdef8093a3dc90', kind: "icon", variant: "ghost", size: "md", onClick: this.onRevealClicked, class: "sidebar-btn" }, h("rtk-icon", { key: '6e6d637b32053c624939935826bc0ff1ab68598e', icon: this.isHidden ? this.iconPack.chevron_left : this.iconPack.dismiss }))), h("slot", { key: '8cec1de02484371962db82e2d759bcbba5a3b2c7', name: "header" }), h("div", { key: '688f3a270abe7d9095e6f23d0e6b194142de9c91', class: "search-wrapper" }, h("div", { key: '18e4839b236a35b25a06dafa6fe6009c6f2f3eb8', class: "search" }, h("input", { key: 'ff6c1cfcea206467eed86155620473babbe1b439', type: "search", autocomplete: "off", placeholder: this.t('chat.search_conversations'), onInput: this.onSearchInput }), h("rtk-icon", { key: '48048bd742cffc5bddc0133ea83eca96cf4591c3', icon: this.iconPack.search, class: "search-icon" }))), h("div", { key: '1be26975130df38b0466cb304a69674699e69b36', class: "channel-container scrollbar", role: "list" }, this.channels
             .filter((channel) => this.searchQuery === '' || channel.displayName.includes(this.searchQuery))
             .map((channel) => {
             return (h("div", { class: {
@@ -122,7 +122,7 @@ export class RtkChannelSelectorUi {
                 }, role: "listitem", onClick: () => {
                     this.channelSelected(channel.id);
                 } }, this.renderChannelDisplayPic(channel), h("div", { class: "channel-card", "is-direct-message": channel.isDirectMessage }, h("div", { class: 'recent-message-row' }, h("span", { class: "channel-name" }, channel.displayName), channel.latestMessage && (h("span", { class: "latest-msg-time" }, this.getTimeLabel(channel.latestMessage)))), h("div", { class: 'recent-message-row' }, this.renderRecentMessage(channel), channel.unreadCount > 0 && channel.id !== this.selectedChannelId ? (h("span", { class: "new-msgs-count" }, channel.unreadCount < 99 ? channel.unreadCount : '99+')) : null))));
-        }))), !this.isHidden && (h("div", { key: 'dbf1235ca2393f7978906cbbcd2530ea38801157', class: "overlay-container" }, h("rtk-button", { key: 'd2a37c163f32a251597ee8dd1332c48bacad1883', kind: "icon", variant: "ghost", size: "md", onClick: this.onRevealClicked, class: "sidebar-btn" }, h("rtk-icon", { key: 'a13daad18a52bd8846dba2bbeab753d0a060463e', icon: this.isHidden ? this.iconPack.chevron_left : this.iconPack.dismiss }))))));
+        }))), !this.isHidden && (h("div", { key: '3f9a4a9bd4d8969416774f4c723a2eebd7d3cd6a', class: "overlay-container" }, h("rtk-button", { key: '50f5c7faf80014ecf2f67bd36e090c7a7f7fae01', kind: "icon", variant: "ghost", size: "md", onClick: this.onRevealClicked, class: "sidebar-btn" }, h("rtk-icon", { key: '34ea5d4835d26cb97d33fdcf585ef26813c243cd', icon: this.isHidden ? this.iconPack.chevron_left : this.iconPack.dismiss }))))));
     }
     static get is() { return "rtk-channel-selector-ui"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/rtk-channel-selector-view/rtk-channel-selector-view.js

@@ -112,11 +112,11 @@ export class RtkChannelSelectorView {
     render() {
         const filteredChannels = this.getFilteredChannels();
         const shouldShowDropdown = this.viewAs === 'list' || (this.viewAs === 'dropdown' && this.showDropdown);
-        return (h(Host, { key: '2f9a7d72ebeadda388681aa4e08530f4bb75150b' }, this.viewAs === 'list' && h("slot", { key: '2e0f2354e6a5e92c0c82158bc7a2d068fe0c42ca', name: "header" }), shouldShowDropdown && (h("div", { key: '0cfa739b959782b495b3ae45865cbe91de35237e', class: {
+        return (h(Host, { key: '55c0b7974fdc4d69ab8205d216aadd3be538a1f6' }, this.viewAs === 'list' && h("slot", { key: '469c1b7f79dd75fb160ec0ed28dc64e7c0818df6', name: "header" }), shouldShowDropdown && (h("div", { key: '3012a7fd9e766b6e06d2973c1944c5a7dbad6517', class: {
                 dropdown: this.viewAs === 'dropdown',
                 scrollbar: this.viewAs === 'dropdown',
                 list: this.viewAs === 'list',
-            } }, !this.disableSearch && (h("div", { key: '4b000515de7ebdb64accbe455d749b23955bdebf', class: "search-container", ref: (el) => (this.$searchEl = el) }, h("input", { key: '0efd92a23ed1b6fc041c317d2b6e00ec38fcd95a', type: "text", placeholder: this.t('chat.search_conversations'), value: this.searchQuery, onInput: (e) => (this.searchQuery = e.target.value) }), h("rtk-icon", { key: 'f62316f91ea71fa7cf561bfcb0e5eb0567df7350', icon: this.iconPack.search }))), h("div", { key: 'df19cc12b15ccb81380f6f7af41aae6637daafdb', class: "channels-container scrollbar", ref: (el) => (this.$listEl = el) }, filteredChannels.map((channel) => {
+            } }, !this.disableSearch && (h("div", { key: 'bed4be1b983d9a03523f08a4e1a1a15b9e811ab7', class: "search-container", ref: (el) => (this.$searchEl = el) }, h("input", { key: '09eab0a72de67a3355ed691e1dfbb8f8cddcf83a', type: "text", placeholder: this.t('chat.search_conversations'), value: this.searchQuery, onInput: (e) => (this.searchQuery = e.target.value) }), h("rtk-icon", { key: '8b5d6cadef7748e9bb6110f011751d49c64373d4', icon: this.iconPack.search }))), h("div", { key: 'ad46257295bc7ca372786f3b8161734af37f745a', class: "channels-container scrollbar", ref: (el) => (this.$listEl = el) }, filteredChannels.map((channel) => {
             return (h("button", { class: { channel: true, active: this.selectedChannelId === channel.id }, onClick: () => this.onChannelClickHandler(channel) }, !this.hideAvatar && (h("div", null, channel.icon ? (h("rtk-icon", { class: "avatar-icon", icon: this.iconPack[channel.icon] })) : (h("rtk-avatar", { participant: {
                     name: channel.name,
                     picture: channel.avatarUrl,
@@ -124,8 +124,8 @@ export class RtkChannelSelectorView {
                     'last-message': true,
                     'no-message': !channel.latestMessage,
                 } }, h("rtk-text-message-view", { isMarkdown: true, text: channel.latestMessage })))), h("div", { class: "col channel-meta" }, channel.latestMessageTime && (h("time", { class: "time" }, this.getTimeLabel(channel.latestMessageTime))), channel.unreadCount > 0 && (h("div", { class: "unread-count" }, channel.unreadCount))))));
-        })))), this.viewAs === 'dropdown' && (h("button", { key: '4dc6626d43cca729c7129cf44e5b1e90287e9a0a', class: "dropdown-trigger", onClick: this.toggleDropdown }, h("span", { key: '58266d829571400e41be859c60d510324fa933a5' }, this.selectedChannelId &&
-            `${this.t('to')} ${this.getChannelById(this.selectedChannelId).name}`, this.getTotalUnreads() > 0 && (h("div", { key: 'fd79330bdf7763baa3374e2ad5fcf79861a422dc', class: "unread-count" }, this.getTotalUnreads()))), h("rtk-icon", { key: 'f168f3d51d356098dd2ec489bd34c2b1920333b4', icon: this.showDropdown ? this.iconPack.chevron_up : this.iconPack.chevron_down })))));
+        })))), this.viewAs === 'dropdown' && (h("button", { key: '21e0faa2655c3f0c8cca668abda6ef761c57d179', class: "dropdown-trigger", onClick: this.toggleDropdown }, h("span", { key: 'ac1c51cb7fd12350d643ac5bdd106350fd4a7657' }, this.selectedChannelId &&
+            `${this.t('to')} ${this.getChannelById(this.selectedChannelId).name}`, this.getTotalUnreads() > 0 && (h("div", { key: 'ea8d9f60114649f119db36d36f95b5c2ac957cc5', class: "unread-count" }, this.getTotalUnreads()))), h("rtk-icon", { key: 'e27b18e174975a8a9a5be7dfc0d53cd9bc1efd9c', icon: this.showDropdown ? this.iconPack.chevron_up : this.iconPack.chevron_down })))));
     }
     static get is() { return "rtk-channel-selector-view"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/rtk-chat/rtk-chat.js

@@ -14,7 +14,7 @@ import { useLanguage } from "../../lib/lang";
 import { TEMPORARY_CHANNEL_PREFIX, alphabeticalSorter, getDMComparator, generateChatGroupKey, handleFilesDataTransfer, isDirectMessageChannel, parseMessageForTarget, stripOutReplyBlock, } from "../../utils/chat";
 import { chatUnreadTimestamps } from "../../utils/user-prefs";
 import { FlagsmithFeatureFlags, usePaginatedChat } from "../../utils/flags";
-import { defaultConfig } from "../../exports";
+import { createDefaultConfig } from "../../exports";
 import { SyncWithStore } from "../../utils/sync-with-store";
 /**
  * Fully featured chat component with image & file upload, emoji picker and auto-scroll.
@@ -36,7 +36,7 @@ export class RtkChat {
             this.canSendFiles = this.meeting.self.permissions.chatPublic.files;
         };
         /** Config */
-        this.config = defaultConfig;
+        this.config = createDefaultConfig();
         /** Icon pack */
         this.iconPack = defaultIconPack;
         /** Language */
@@ -551,8 +551,9 @@ export class RtkChat {
     }
     render() {
         var _a, _b;
-        if (!this.meeting)
+        if (!this.meeting) {
             return null;
+        }
         const uiProps = { iconPack: this.iconPack, t: this.t, size: this.size };
         const selfUserId = (_a = this.meeting) === null || _a === void 0 ? void 0 : _a.self.userId;
         let chatMessages = this.chatGroups[this.selectedGroup] || [];
@@ -620,7 +621,7 @@ export class RtkChat {
                 },
                 "getter": false,
                 "setter": false,
-                "defaultValue": "defaultConfig"
+                "defaultValue": "createDefaultConfig()"
             },
             "size": {
                 "type": "string",
@@ -855,6 +856,9 @@ export class RtkChat {
 __decorate([
     SyncWithStore()
 ], RtkChat.prototype, "meeting", void 0);
+__decorate([
+    SyncWithStore()
+], RtkChat.prototype, "config", void 0);
 __decorate([
     SyncWithStore()
 ], RtkChat.prototype, "size", void 0);

package/dist/collection/components/rtk-chat-composer-ui/rtk-chat-composer-ui.js

@@ -444,7 +444,7 @@ export class RtkChatComposerUi {
                         "TextMessage": {
                             "location": "import",
                             "path": "@cloudflare/realtimekit",
-                            "id": "../../node_modules/@cloudflare/realtimekit/dist/index.d.ts::TextMessage"
+                            "id": "node_modules::TextMessage"
                         }
                     }
                 },
@@ -468,7 +468,7 @@ export class RtkChatComposerUi {
                         "RTKBasicParticipant": {
                             "location": "import",
                             "path": "@cloudflare/realtimekit",
-                            "id": "../../node_modules/@cloudflare/realtimekit/dist/index.d.ts::RTKBasicParticipant"
+                            "id": "node_modules::RTKBasicParticipant"
                         }
                     }
                 },

package/dist/collection/components/rtk-chat-message/rtk-chat-message.js

@@ -84,11 +84,11 @@ export class RtkChatMessage {
             } })));
     }
     render() {
-        return (h(Host, { key: '46d26d49f2f11697a5656d93278a0dfb157b13fd' }, h("div", { key: '3e3555c8d3ea45256eaf8d46dbbbe56f02e54275', class: {
+        return (h(Host, { key: '4f04ac68994dd416dd2e00828cec15bd1865ef8f' }, h("div", { key: '54cfcb68d201b3c2680b1aa26f1db7ab9330d632', class: {
                 'message-wrapper': true,
                 'align-right': this.alignRight,
                 'left-align': this.leftAlign,
-            }, "is-continued": this.isContinued }, this.renderAvatar(), h("div", { key: 'ceb96b104b12e2497d26ddf8c7d60aa928798107', class: {
+            }, "is-continued": this.isContinued }, this.renderAvatar(), h("div", { key: 'a70b19bae3c4f410c012c275f7257409c4d443be', class: {
                 message: true,
                 'show-on-hover': !this.isTouchDevice(),
             }, "is-continued": this.isContinued }, this.renderMessage(), this.renderControls()))));
@@ -117,7 +117,7 @@ export class RtkChatMessage {
                         "Message": {
                             "location": "import",
                             "path": "@cloudflare/realtimekit",
-                            "id": "../../node_modules/@cloudflare/realtimekit/dist/index.d.ts::Message"
+                            "id": "node_modules::Message"
                         }
                     }
                 },
@@ -487,7 +487,7 @@ export class RtkChatMessage {
                         "Message": {
                             "location": "import",
                             "path": "@cloudflare/realtimekit",
-                            "id": "../../node_modules/@cloudflare/realtimekit/dist/index.d.ts::Message"
+                            "id": "node_modules::Message"
                         }
                     }
                 }
@@ -508,7 +508,7 @@ export class RtkChatMessage {
                         "Message": {
                             "location": "import",
                             "path": "@cloudflare/realtimekit",
-                            "id": "../../node_modules/@cloudflare/realtimekit/dist/index.d.ts::Message"
+                            "id": "node_modules::Message"
                         }
                     }
                 }
@@ -529,7 +529,7 @@ export class RtkChatMessage {
                         "Message": {
                             "location": "import",
                             "path": "@cloudflare/realtimekit",
-                            "id": "../../node_modules/@cloudflare/realtimekit/dist/index.d.ts::Message"
+                            "id": "node_modules::Message"
                         }
                     }
                 }
@@ -550,7 +550,7 @@ export class RtkChatMessage {
                         "Message": {
                             "location": "import",
                             "path": "@cloudflare/realtimekit",
-                            "id": "../../node_modules/@cloudflare/realtimekit/dist/index.d.ts::Message"
+                            "id": "node_modules::Message"
                         }
                     }
                 }

package/dist/collection/components/rtk-chat-messages-ui/rtk-chat-messages-ui.js

@@ -153,7 +153,7 @@ export class RtkChatMessagesUi {
         var _a;
         let prevMessage = null;
         let reachedFirstUnread = false;
-        return (h(Host, { key: '01c61fd2a60ca11df413406967eb80af92d07de0' }, h("div", { key: 'b1a6ad7904236a7fdb50034f33de979faa080ef6', class: "chat-container scrollbar", ref: (el) => (this.$chat = el), part: "container" }, h("div", { key: '95664e4f9b8faae0c31c128abc6f54cf5bcd6acf', class: "spacer", part: "spacer" }), h("div", { key: 'e0c40200e05026bb748e608ba6abb6f02b5a701c', class: "chat", part: "chat" }, (_a = this.messages) === null || _a === void 0 ? void 0 : _a.map((item) => {
+        return (h(Host, { key: 'e727d609d8bc7a88027ec7afcd292b5b627fe6a7' }, h("div", { key: 'cb9736e926d5dd0c396933e748a5b32f8b8caf56', class: "chat-container scrollbar", ref: (el) => (this.$chat = el), part: "container" }, h("div", { key: '4ee9b26a26363fcbe8d4ba30b93c9ede40eb26ed', class: "spacer", part: "spacer" }), h("div", { key: 'b1b772b5066f5b5c64001fef4ecd0ea397ae3ff7', class: "chat", part: "chat" }, (_a = this.messages) === null || _a === void 0 ? void 0 : _a.map((item) => {
             if (item.type === 'chat') {
                 const { message } = item;
                 const isSelfMessage = message.userId === this.selfUserId;
@@ -172,10 +172,10 @@ export class RtkChatMessagesUi {
                     } })))), message.pinned && (h("div", { class: "pin-button", part: "pin-button" }, h("rtk-tooltip", { label: this.t('unpin') }, h("rtk-button", { kind: "icon", variant: "ghost", onClick: () => this.onMessageActionHandler('pin_message', message), disabled: !this.canPinMessages }, h("rtk-icon", { icon: this.iconPack.pin, size: "sm" }))))))));
             }
             return null;
-        }))), h("div", { key: '5302c513b3f01c3de069b98881d661145a4dfc89', class: "show-new-messages-ctr" }, h("rtk-button", { key: 'dd211c6387686108aecebbfa9ddd8ddd1ba67826', class: {
+        }))), h("div", { key: 'f6904a989121d59799e092d14b090b59e2acb66b', class: "show-new-messages-ctr" }, h("rtk-button", { key: 'b5f154738cb266b7284456bebcbbd8b7ec6693e9', class: {
                 'show-new-messages': true,
                 active: this.showLatestMessageButton,
-            }, kind: "icon", part: "show-new-messages", onClick: this.scrollToBottom }, h("rtk-icon", { key: 'f272db5226ae2d12e5fa282007ba3449d9b802f3', icon: this.iconPack.chevron_down })))));
+            }, kind: "icon", part: "show-new-messages", onClick: this.scrollToBottom }, h("rtk-icon", { key: 'd7b8035eb277251dffbb2ec7cf757d6083c9fa2b', icon: this.iconPack.chevron_down })))));
     }
     static get is() { return "rtk-chat-messages-ui"; }
     static get encapsulation() { return "shadow"; }
@@ -372,7 +372,7 @@ export class RtkChatMessagesUi {
                         "Message": {
                             "location": "import",
                             "path": "@cloudflare/realtimekit",
-                            "id": "../../node_modules/@cloudflare/realtimekit/dist/index.d.ts::Message"
+                            "id": "node_modules::Message"
                         }
                     }
                 }