@cloudflare/realtimekit-ui 1.1.0-staging.10 → 1.1.0-staging.12

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

@@ -11,9 +11,7 @@ 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 { TEMPORARY_CHANNEL_PREFIX, alphabeticalSorter, getDMComparator, generateChatGroupKey, handleFilesDataTransfer, isDirectMessageChannel, parseMessageForTarget, } from "../../utils/chat";
-import { chatUnreadTimestamps } from "../../utils/user-prefs";
-import { FlagsmithFeatureFlags } from "../../utils/flags";
+import { handleFilesDataTransfer } from "../../utils/chat";
 import { createDefaultConfig } from "../../exports";
 import { SyncWithStore } from "../../utils/sync-with-store";
 import { defaultOverrides } from "../../lib/overrides";
@@ -22,15 +20,6 @@ import { defaultOverrides } from "../../lib/overrides";
  */
 export class RtkChat {
     constructor() {
-        this.chatUpdateListener = ({ message }) => {
-            if (message.channelId)
-                return;
-            if (!this.displayFilter || this.displayFilter(message)) {
-                this.addToChatGroup(message);
-                // shallow copy to trigger render
-                this.chatGroups = Object.assign({}, this.chatGroups);
-            }
-        };
         this.chatPermissionUpdateListener = () => {
             this.canSend = this.meeting.self.permissions.chatPublic.canSend;
             this.canSendTextMessage = this.meeting.self.permissions.chatPublic.text;
@@ -44,25 +33,8 @@ export class RtkChat {
         this.t = useLanguage();
         /** UI Overrides */
         this.overrides = defaultOverrides;
-        /** disables private chat */
-        this.disablePrivateChat = false;
         /** Can current user pin/unpin messages */
         this.canPinMessages = false;
-        /**
-         * @deprecated
-         * Beta API, will change in future
-         * List of target presets allowed as private chat recipient
-         */
-        this.privatePresetFilter = [];
-        /**
-         * @deprecated
-         * Beta API, will change in future
-         * A filter function for messages to be displayed
-         */
-        this.displayFilter = undefined;
-        this.unreadCountGroups = {};
-        this.chatGroups = { everyone: [] };
-        this.selectedGroup = 'everyone';
         this.now = new Date();
         this.dropzoneActivated = false;
         this.showLatestMessageButton = false;
@@ -73,17 +45,13 @@ export class RtkChat {
         this.canSendPrivateTexts = false;
         this.canSendPrivateFiles = false;
         this.emojiPickerEnabled = false;
-        this.chatRecipientId = 'everyone';
         this.participants = [];
-        this.channels = [];
         this.editingMessage = null;
         this.replyMessage = null;
         this.searchQuery = '';
         this.selectorState = 'hide';
-        this.creatingChannel = false;
         this.isSendingMessage = false;
         this.showPinnedMessages = false;
-        this.channelMap = new Map();
         this.onDragOver = (e) => {
             e.preventDefault();
             this.dropzoneActivated = true;
@@ -111,55 +79,10 @@ export class RtkChat {
             });
         };
         this.disconnectMeeting = (meeting) => {
-            var _a, _b, _c, _d, _e, _f;
-            if (this.isPrivateChatSupported()) {
-                meeting === null || meeting === void 0 ? void 0 : meeting.participants.joined.removeListener('participantJoined', this.onParticipantUpdate);
-                meeting === null || meeting === void 0 ? void 0 : meeting.participants.joined.removeListener('participantLeft', this.onParticipantUpdate);
-            }
-            (_a = meeting === null || meeting === void 0 ? void 0 : meeting.chat) === null || _a === void 0 ? void 0 : _a.removeListener('chatUpdate', this.chatUpdateListener);
-            (_b = meeting === null || meeting === void 0 ? void 0 : meeting.chat) === null || _b === void 0 ? void 0 : _b.removeListener('channelCreate', this.onChannelCreateOrUpdate);
-            (_c = meeting === null || meeting === void 0 ? void 0 : meeting.chat) === null || _c === void 0 ? void 0 : _c.removeListener('channelUpdate', this.onChannelCreateOrUpdate);
-            (_d = meeting === null || meeting === void 0 ? void 0 : meeting.chat) === null || _d === void 0 ? void 0 : _d.removeListener('channelMessageUpdate', this.onChannelCreateOrUpdate);
-            (_f = (_e = meeting === null || meeting === void 0 ? void 0 : meeting.participants) === null || _e === void 0 ? void 0 : _e.all) === null || _f === void 0 ? void 0 : _f.removeListener('participantsUpdate', this.onChannelCreateOrUpdate);
             meeting.self.permissions.removeListener('*', this.chatPermissionUpdateListener);
         };
-        this.getFilteredParticipants = () => {
-            if (this.privatePresetFilter.length === 0)
-                return this.participants;
-            return this.participants.filter((p) => this.privatePresetFilter.includes(p.presetName));
-        };
-        this.onParticipantUpdate = () => {
-            this.participants = this.meeting.participants.joined
-                .toArray()
-                .filter((p) => this.privatePresetFilter.length === 0 || this.privatePresetFilter.includes(p.presetName));
-            // if selected participant leaves, reset state to everyone
-            if (this.selectedParticipant && !this.participants.includes(this.selectedParticipant)) {
-                this.selectedParticipant = null;
-                this.chatRecipientId = this.selectedGroup = 'everyone';
-            }
-        };
-        this.updateUnreadCountGroups = (obj) => {
-            this.unreadCountGroups = Object.assign(Object.assign({}, this.unreadCountGroups), obj);
-        };
-        this.isPrivateChatSupported = () => {
-            return this.canPrivateMessage && !this.disablePrivateChat;
-        };
-        this.updateRecipients = (event) => {
-            const { id } = event.detail;
-            this.chatRecipientId = id;
-            this.selectedParticipant = this.participants.find((p) => p.userId === id);
-            if (this.chatRecipientId !== 'everyone') {
-                const allParticipants = [this.chatRecipientId, this.meeting.self.userId];
-                const targetKey = generateChatGroupKey(allParticipants);
-                this.selectedGroup = targetKey;
-            }
-            else {
-                this.selectedGroup = 'everyone';
-            }
-            this.updateUnreadCountGroups({ [this.selectedGroup]: 0 });
-        };
         this.isTextMessagingAllowed = () => {
-            if (this.chatRecipientId === 'everyone') {
+            if (!this.selectedParticipant) {
                 // public chat
                 return this.canSend && this.canSendTextMessage;
             }
@@ -167,98 +90,16 @@ export class RtkChat {
             return this.canPrivateMessage && this.canSendPrivateTexts;
         };
         this.isFileMessagingAllowed = () => {
-            if (this.chatRecipientId === 'everyone') {
+            if (!this.selectedParticipant) {
                 // public chat
                 return this.canSend && this.canSendFiles;
             }
             // private chat
             return this.canPrivateMessage && this.canSendPrivateFiles;
         };
-        this.onChannelChanged = (e) => {
-            const channel = e.detail;
-            if (channel.id.includes(TEMPORARY_CHANNEL_PREFIX)) {
-                this.createDMChannel(channel.id.replace(TEMPORARY_CHANNEL_PREFIX, ''));
-            }
-            else {
-                this.selectedChannelId = channel.id;
-            }
-            this.cleanup();
-            if (this.selectorState !== 'desktop') {
-                this.selectorState = 'hide';
-            }
-        };
-        this.createDMChannel = async (memberId) => {
-            this.creatingChannel = true;
-            const newChannel = await this.meeting.chat.createChannel('Direct Message', [memberId], {
-                visibility: 'private',
-                isDirectMessage: true,
-            });
-            this.creatingChannel = false;
-            this.selectedChannelId = newChannel.id;
-        };
-        this.cleanup = () => {
-            this.editingMessage = null;
-            this.replyMessage = null;
-            this.searchQuery = '';
-        };
         this.onQuotedMessageDismiss = () => {
             this.replyMessage = null;
         };
-        this.onChannelCreateOrUpdate = (channel) => {
-            if (channel) {
-                this.channelMap.set(channel.id, channel);
-            }
-            else {
-                this.meeting.chat.channels.forEach((chan) => this.channelMap.set(chan.id, chan));
-            }
-            const allChannels = Array.from(this.channelMap.values());
-            const channels = allChannels
-                .filter((channel) => !isDirectMessageChannel(channel))
-                .sort((a, b) => alphabeticalSorter(a.displayName, b.displayName));
-            const membersWithChannel = allChannels.filter(isDirectMessageChannel).map((channel) => {
-                return Object.assign(Object.assign({}, channel), { displayName: this.getMemberDisplayName(channel) });
-            });
-            const membersWithoutChannel = this.meeting.participants.all
-                .toArray()
-                .filter((member) => {
-                if (member.userId === this.meeting.self.userId)
-                    return false;
-                const matcher = getDMComparator([this.meeting.self.userId, member.userId]);
-                return membersWithChannel.every((channel) => getDMComparator(channel.memberIds) !== matcher);
-            })
-                .map((member) => {
-                return {
-                    id: `${TEMPORARY_CHANNEL_PREFIX}${member.userId}`,
-                    displayName: member.name,
-                    displayPictureUrl: member.picture,
-                    isDirectMessage: true,
-                    unreadCount: 0,
-                };
-            });
-            const dms = [...membersWithChannel, ...membersWithoutChannel].sort((a, b) => alphabeticalSorter(a.displayName, b.displayName));
-            this.channels = [...channels, ...dms];
-            // select channel only if it is created in db
-            const nonTemporaryChannel = [...channels, ...membersWithChannel];
-            if (!this.selectedChannelId && nonTemporaryChannel.length !== 0) {
-                this.selectedChannelId = nonTemporaryChannel[0].id;
-            }
-        };
-        this.getMemberDisplayName = (channel) => {
-            var _a;
-            let id;
-            if (channel.memberIds.length === 1) {
-                // channel with self
-                id = channel.memberIds[0];
-            }
-            else {
-                id =
-                    channel.memberIds[0] === this.meeting.self.userId
-                        ? channel.memberIds[1]
-                        : channel.memberIds[0];
-            }
-            const member = this.meeting.participants.all.toArray().find((member) => member.userId === id);
-            return (_a = member === null || member === void 0 ? void 0 : member.name) !== null && _a !== void 0 ? _a : id;
-        };
         this.onNewMessageHandler = async (e) => {
             const message = e.detail;
             this.isSendingMessage = true;
@@ -273,7 +114,7 @@ export class RtkChat {
             var _a, _b;
             this.isSendingMessage = true;
             try {
-                await ((_b = (_a = this.meeting) === null || _a === void 0 ? void 0 : _a.chat) === null || _b === void 0 ? void 0 : _b.editTextMessage(this.editingMessage.id, e.detail, this.editingMessage.channelId));
+                await ((_b = (_a = this.meeting) === null || _a === void 0 ? void 0 : _a.chat) === null || _b === void 0 ? void 0 : _b.editTextMessage(this.editingMessage.id, e.detail));
             }
             finally {
                 this.isSendingMessage = false;
@@ -322,45 +163,6 @@ export class RtkChat {
             this.replyMessage = null;
             this.editingMessage = message;
         };
-        this.getPrivateChatRecipients = () => {
-            const participants = this.getFilteredParticipants().map((participant) => {
-                const key = generateChatGroupKey([participant.userId, this.meeting.self.userId]);
-                const result = {
-                    id: participant.userId,
-                    name: participant.name,
-                    avatarUrl: participant.picture,
-                    unreadCount: this.unreadCountGroups[key],
-                };
-                return result;
-            });
-            const everyone = {
-                id: 'everyone',
-                name: this.t('chat.everyone'),
-                icon: 'participants',
-                unreadCount: this.unreadCountGroups['everyone'],
-            };
-            return [everyone, ...participants];
-        };
-        this.getPinnedMessageLabel = (message) => {
-            if (message.type === 'text')
-                return message.message;
-            if (message.type === 'image')
-                return 'Image';
-            if (message.type === 'file')
-                return 'File';
-            return '';
-        };
-        this.renderPinnedMessagesHeader = () => {
-            if (this.meeting.chat.pinned.length === 0)
-                return null;
-            /**
-             * We do not display a picture against the avatar because the chatMessage API does not provide it.
-             */
-            return (h("div", { class: "pinned-messages" }, h("div", { class: "pinned-messages-header", onClick: () => (this.showPinnedMessages = !this.showPinnedMessages) }, h("div", null, h("rtk-icon", { icon: this.iconPack.pin, size: "sm" }), this.t('chat.pinned_msgs'), ` (${this.meeting.chat.pinned.length})`), h("rtk-icon", { icon: this.showPinnedMessages ? this.iconPack.chevron_up : this.iconPack.chevron_down, size: "sm" })), this.showPinnedMessages && (h("div", { class: "pinned-messages-content scrollbar" }, this.meeting.chat.pinned.map((message) => {
-                const label = this.getPinnedMessageLabel(message);
-                return (h("div", { class: "pinned-message" }, h("rtk-avatar", { class: "pinned-message-avatar", participant: { name: message.displayName, picture: '' }, size: "sm" }), h("span", null, label.length > 20 ? `${label.substring(0, 20)}...` : label)));
-            })))));
-        };
     }
     connectedCallback() {
         if (!this.meeting)
@@ -383,6 +185,16 @@ export class RtkChat {
             this.editingMessage = event.detail.payload;
         }
     }
+    onChatSelectorChange(event) {
+        var _a;
+        const selectedUser = (_a = event.detail) === null || _a === void 0 ? void 0 : _a.selectedUser;
+        // Everyone
+        if (!selectedUser) {
+            this.selectedParticipant = null;
+            return;
+        }
+        this.selectedParticipant = selectedUser;
+    }
     disconnectedCallback() {
         var _a;
         (_a = this.resizeObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
@@ -392,7 +204,7 @@ export class RtkChat {
         this.host.removeEventListener('drop', this.onDrop);
     }
     meetingChanged(meeting, oldMeeting) {
-        var _a, _b, _c, _d, _e, _f;
+        var _a, _b, _c, _d;
         if (oldMeeting != undefined)
             this.disconnectMeeting(oldMeeting);
         if (meeting && !meeting.chat)
@@ -405,97 +217,16 @@ export class RtkChat {
                 ((_b = meeting.self.permissions.chatPrivate) === null || _b === void 0 ? void 0 : _b.canReceive));
             this.canSendPrivateTexts = !!((_c = meeting.self.permissions.chatPrivate) === null || _c === void 0 ? void 0 : _c.text);
             this.canSendPrivateFiles = !!((_d = meeting.self.permissions.chatPrivate) === null || _d === void 0 ? void 0 : _d.files);
-            this.canPinMessages =
-                ((_e = meeting === null || meeting === void 0 ? void 0 : meeting.__internals__) === null || _e === void 0 ? void 0 : _e.features.hasFeature(FlagsmithFeatureFlags.PINNED_MESSAGES)) &&
-                    meeting.self.permissions.pinParticipant;
-            this.initializeChatGroups();
-            // shallow copy to trigger render
-            this.chatGroups = Object.assign({}, this.chatGroups);
             meeting.self.permissions.on('*', this.chatPermissionUpdateListener);
-            this.onParticipantUpdate();
-            (_f = meeting.chat) === null || _f === void 0 ? void 0 : _f.addListener('chatUpdate', this.chatUpdateListener);
-            if (this.isPrivateChatSupported()) {
-                meeting.participants.joined.addListener('participantJoined', this.onParticipantUpdate);
-                meeting.participants.joined.addListener('participantLeft', this.onParticipantUpdate);
-            }
         }
     }
-    chatGroupsChanged(chatGroups) {
-        var _a, _b;
-        if (!this.isPrivateChatSupported()) {
-            return;
-        }
-        const unreadCounts = {};
-        for (const key in chatGroups) {
-            const lastReadTimestamp = (_a = chatUnreadTimestamps[key]) !== null && _a !== void 0 ? _a : 0;
-            unreadCounts[key] = chatGroups[key].filter((c) => c.type == 'chat' &&
-                c.message.time > lastReadTimestamp &&
-                c.message.userId !== this.meeting.self.userId).length;
-            if (key ===
-                generateChatGroupKey([this.meeting.self.userId, (_b = this.selectedParticipant) === null || _b === void 0 ? void 0 : _b.userId]) ||
-                (key === 'everyone' && this.selectedParticipant === null)) {
-                unreadCounts[key] = 0;
-                chatUnreadTimestamps[key] = new Date();
-            }
-        }
-        this.updateUnreadCountGroups(unreadCounts);
-    }
-    initializeChatGroups() {
-        var _a;
-        (_a = this.meeting.chat) === null || _a === void 0 ? void 0 : _a.messages.forEach((message) => {
-            if (!this.displayFilter || this.displayFilter(message)) {
-                this.addToChatGroup(message);
-            }
-        });
-    }
-    onDisplayFilterChanged(newFilter, oldFilter) {
-        if (newFilter !== oldFilter) {
-            this.chatGroups = {};
-            this.initializeChatGroups();
-        }
-    }
-    addToChatGroup(message) {
-        var _a;
-        const parsedMessage = parseMessageForTarget(message);
-        let key = 'everyone';
-        if (((_a = parsedMessage.targetUserIds) === null || _a === void 0 ? void 0 : _a.length) > 0) {
-            const allParticipants = new Set([
-                parsedMessage.userId,
-                ...parsedMessage.targetUserIds,
-            ]);
-            key = generateChatGroupKey(Array.from(allParticipants));
-        }
-        if (this.chatGroups[key] === undefined)
-            this.chatGroups[key] = [];
-        let isEditedMessage = false;
-        let messages = [];
-        this.chatGroups[key].forEach((chat) => {
-            if (chat.type === 'chat' && chat.message.id === message.id) {
-                isEditedMessage = true;
-                messages.push({ type: 'chat', message: parsedMessage });
-            }
-            else {
-                messages.push(chat);
-            }
-        });
-        if (!isEditedMessage) {
-            messages.push({ type: 'chat', message: parsedMessage });
-        }
-        this.chatGroups[key] = messages;
-    }
     getRecipientPeerIds() {
-        let peerIds = [];
-        if (this.chatRecipientId !== 'everyone') {
-            peerIds = [this.selectedParticipant.id];
-        }
-        return peerIds;
-    }
-    channelSwitchListener(e) {
-        this.onChannelChanged(e);
+        if (!this.selectedParticipant)
+            return [];
+        return [this.selectedParticipant.id];
     }
     renderComposerUI() {
-        var _a;
-        if (this.chatRecipientId === 'everyone') {
+        if (!this.selectedParticipant) {
             if (!this.canSendTextMessage && !this.canSendFiles)
                 return null;
         }
@@ -506,21 +237,18 @@ export class RtkChat {
         const uiProps = { iconPack: this.iconPack, t: this.t, size: this.size };
         const message = this.editingMessage ? this.editingMessage.message : '';
         const quotedMessage = this.replyMessage ? this.replyMessage.message : '';
-        const draftStorageKey = this.selectedChannelId
-            ? `rtk-chat-draft-${this.selectedChannelId}`
-            : 'rtk-chat-draft';
+        const draftStorageKey = 'rtk-chat-draft';
         const editStorageKey = this.editingMessage
-            ? `rtk-chat-edit-${(_a = this.selectedChannelId) !== null && _a !== void 0 ? _a : 'no-channel'}-${this.editingMessage.id}`
+            ? `rtk-chat-edit-${'no-channel'}-${this.editingMessage.id}`
             : 'rtk-chat-edit';
         const storageKey = this.editingMessage ? editStorageKey : draftStorageKey;
         return (h("rtk-chat-composer-view", Object.assign({ message: message, storageKey: storageKey, quotedMessage: quotedMessage, isEditing: !!this.editingMessage, isSending: this.isSendingMessage, canSendTextMessage: this.isTextMessagingAllowed(), canSendFiles: this.isFileMessagingAllowed(), disableEmojiPicker: this.overrides.disableEmojiPicker, maxLength: this.meeting.chat.maxTextLimit, rateLimits: this.meeting.chat.rateLimits, inputTextPlaceholder: this.t('chat.message_placeholder'), onNewMessage: this.onNewMessageHandler, onEditMessage: this.onEditMessageHandler, onEditCancel: this.onEditCancel, onQuotedMessageDismiss: this.onQuotedMessageDismiss }, uiProps), h("slot", { name: "chat-addon", slot: "chat-addon" })));
     }
     render() {
-        var _a;
         if (!this.meeting) {
             return null;
         }
-        return (h(Host, null, h("div", { class: "chat-container" }, h("div", { class: "chat" }, this.isFileMessagingAllowed() && (h("div", { id: "dropzone", class: { active: this.dropzoneActivated }, part: "dropzone" }, h("rtk-icon", { icon: this.iconPack.attach }), h("p", null, this.t('chat.send_attachment')))), this.renderPinnedMessagesHeader(), this.isPrivateChatSupported() && (h("rtk-channel-selector-view", { channels: this.getPrivateChatRecipients(), selectedChannelId: ((_a = this.selectedParticipant) === null || _a === void 0 ? void 0 : _a.userId) || 'everyone', onChannelChange: this.updateRecipients, t: this.t, viewAs: "dropdown" })), h("rtk-chat-messages-ui-paginated", { meeting: this.meeting, onPinMessage: this.onPinMessage, onEditMessage: this.onMessageEdit, onDeleteMessage: this.onDeleteMessage, size: this.size, iconPack: this.iconPack, t: this.t }), this.renderComposerUI()))));
+        return (h(Host, null, h("div", { class: "chat-container" }, h("div", { class: "chat" }, this.isFileMessagingAllowed() && (h("div", { id: "dropzone", class: { active: this.dropzoneActivated }, part: "dropzone" }, h("rtk-icon", { icon: this.iconPack.attach }), h("p", null, this.t('chat.send_attachment')))), h("rtk-chat-header", null), h("rtk-chat-messages-ui-paginated", { meeting: this.meeting, privateChatRecipient: this.selectedParticipant, onPinMessage: this.onPinMessage, onEditMessage: this.onMessageEdit, onDeleteMessage: this.onDeleteMessage, size: this.size, iconPack: this.iconPack, t: this.t }), this.renderComposerUI()))));
     }
     static get is() { return "rtk-chat"; }
     static get encapsulation() { return "shadow"; }
@@ -541,7 +269,7 @@ export class RtkChat {
                 "mutable": false,
                 "complexType": {
                     "original": "Meeting",
-                    "resolved": "RealtimeKitClient",
+                    "resolved": "Client",
                     "references": {
                         "Meeting": {
                             "location": "import",
@@ -613,7 +341,7 @@ export class RtkChat {
                 "mutable": false,
                 "complexType": {
                     "original": "IconPack",
-                    "resolved": "{ people: string; people_checked: string; chat: string; poll: string; participants: string; rocket: string; call_end: string; share: string; mic_on: string; mic_off: string; video_on: string; video_off: string; share_screen_start: string; share_screen_stop: string; share_screen_person: string; clock: string; dismiss: string; send: string; search: string; more_vertical: string; chevron_down: string; chevron_up: string; chevron_left: string; chevron_right: string; settings: string; wifi: string; speaker: string; speaker_off: string; download: string; full_screen_maximize: string; full_screen_minimize: string; copy: string; attach: string; image: string; emoji_multiple: string; image_off: string; disconnected: string; wand: string; recording: string; subtract: string; stop_recording: string; warning: string; pin: string; pin_off: string; spinner: string; breakout_rooms: string; add: string; shuffle: string; edit: string; delete: string; back: string; save: string; web: string; checkmark: string; spotlight: string; join_stage: string; leave_stage: string; pip_off: string; pip_on: string; signal_1: string; signal_2: string; signal_3: string; signal_4: string; signal_5: string; start_livestream: string; stop_livestream: string; viewers: string; debug: string; info: string; devices: string; horizontal_dots: string; ai_sparkle: string; meeting_ai: string; create_channel: string; create_channel_illustration: string; captionsOn: string; captionsOff: string; play: string; pause: string; fastForward: string; minimize: string; maximize: string; }",
+                    "resolved": "{ people: string; people_checked: string; chat: string; poll: string; participants: string; rocket: string; call_end: string; share: string; mic_on: string; mic_off: string; video_on: string; video_off: string; share_screen_start: string; share_screen_stop: string; share_screen_person: string; clock: string; dismiss: string; send: string; search: string; more_vertical: string; chevron_down: string; chevron_up: string; chevron_left: string; chevron_right: string; settings: string; wifi: string; speaker: string; speaker_off: string; download: string; full_screen_maximize: string; full_screen_minimize: string; copy: string; attach: string; image: string; emoji_multiple: string; image_off: string; disconnected: string; wand: string; recording: string; subtract: string; stop_recording: string; warning: string; pin: string; pin_off: string; spinner: string; breakout_rooms: string; add: string; shuffle: string; edit: string; delete: string; back: string; save: string; web: string; checkmark: string; spotlight: string; join_stage: string; leave_stage: string; pip_off: string; pip_on: string; signal_1: string; signal_2: string; signal_3: string; signal_4: string; signal_5: string; start_livestream: string; stop_livestream: string; viewers: string; debug: string; info: string; devices: string; horizontal_dots: string; ai_sparkle: string; meeting_ai: string; captionsOn: string; captionsOff: string; play: string; pause: string; fastForward: string; minimize: string; maximize: string; }",
                     "references": {
                         "IconPack": {
                             "location": "import",
@@ -637,7 +365,7 @@ export class RtkChat {
                 "mutable": false,
                 "complexType": {
                     "original": "RtkI18n",
-                    "resolved": "(key: \"pin\" | \"unpin\" | \"kick\" | \"ended\" | \"disconnected\" | \"failed\" | \"type\" | \"end\" | \"joined\" | \"pinned\" | \"join\" | \"participants\" | \"logo\" | \"audio\" | \"search\" | \"video\" | \"image\" | \"chat\" | \"polls\" | \"leave\" | \"close\" | \"plugins\" | \"screenshare\" | \"(you)\" | \"everyone\" | (string & {}) | \"about_call\" | \"screen\" | \"camera\" | \"dismiss\" | \"page\" | \"more\" | \"page.prev\" | \"page.next\" | \"layout\" | \"layout.auto\" | \"settings\" | \"file\" | \"connection\" | \"leave_confirmation\" | \"cancel\" | \"yes\" | \"you\" | \"to\" | \"mute\" | \"accept\" | \"pip_on\" | \"pip_off\" | \"viewers\" | \"create\" | \"ask\" | \"activate\" | \"requests\" | \"mic_off\" | \"disable_mic\" | \"mic_on\" | \"enable_mic\" | \"test\" | \"minimize\" | \"maximize\" | \"mute_all\" | \"mute_all.description\" | \"mute_all.header\" | \"mute_all.allow_unmute\" | \"video_off\" | \"disable_video\" | \"video_on\" | \"enable_video\" | \"offline\" | \"offline.description\" | \"failed.description\" | \"disconnected.description\" | \"participants.errors.empty_results\" | \"participants.empty_list\" | \"participants.no_pending_requests\" | \"participants.turn_off_video\" | \"polls.by\" | \"polls.question\" | \"polls.question.placeholder\" | \"polls.answers\" | \"polls.option\" | \"polls.option.placeholder\" | \"polls.results.anon\" | \"polls.results.hide\" | \"polls.create\" | \"polls.cancel\" | \"polls.empty\" | \"polls.errors.question_required\" | \"polls.errors.empty_option\" | \"screenshare.min_preview\" | \"screenshare.max_preview\" | \"screenshare.shared\" | \"screenshare.start\" | \"screenshare.stop\" | \"screenshare.error.unknown\" | \"screenshare.error.max_count\" | \"perm_denied\" | \"perm_denied.audio\" | \"perm_denied.video\" | \"perm_denied.screenshare\" | \"perm_denied.audio.chrome.message\" | \"perm_denied.video.chrome.message\" | \"perm_denied.screenshare.chrome.message\" | \"perm_denied.audio.safari.message\" | \"perm_denied.video.safari.message\" | \"perm_denied.screenshare.safari.message\" | \"perm_denied.audio.edge.message\" | \"perm_denied.video.edge.message\" | \"perm_denied.screenshare.edge.message\" | \"perm_denied.audio.microsoft edge.message\" | \"perm_denied.video.microsoft edge.message\" | \"perm_denied.screenshare.microsoft edge.message\" | \"perm_denied.audio.firefox.message\" | \"perm_denied.video.firefox.message\" | \"perm_denied.screenshare.firefox.message\" | \"perm_denied.audio.others.message\" | \"perm_denied.video.others.message\" | \"perm_denied.screenshare.others.message\" | \"perm_sys_denied\" | \"perm_sys_denied.audio\" | \"perm_sys_denied.video\" | \"perm_sys_denied.screenshare\" | \"perm_sys_denied.audio.macos.message\" | \"perm_sys_denied.video.macos.message\" | \"perm_sys_denied.screenshare.macos.message\" | \"perm_sys_denied.audio.ios.message\" | \"perm_sys_denied.video.ios.message\" | \"perm_sys_denied.screenshare.ios.message\" | \"perm_sys_denied.audio.windows.message\" | \"perm_sys_denied.video.windows.message\" | \"perm_sys_denied.screenshare.windows.message\" | \"perm_sys_denied.audio.android.message\" | \"perm_sys_denied.video.android.message\" | \"perm_sys_denied.screenshare.android.message\" | \"perm_sys_denied.audio.others.message\" | \"perm_sys_denied.video.others.message\" | \"perm_sys_denied.screenshare.others.message\" | \"perm_could_not_start\" | \"perm_could_not_start.audio\" | \"perm_could_not_start.video\" | \"perm_could_not_start.screenshare\" | \"perm_could_not_start.audio.message\" | \"perm_could_not_start.video.message\" | \"perm_could_not_start.screenshare.message\" | \"full_screen\" | \"full_screen.exit\" | \"waitlist.header_title\" | \"waitlist.body_text\" | \"waitlist.deny_request\" | \"waitlist.accept_request\" | \"waitlist.accept_all\" | \"stage_request.header_title\" | \"stage_request.deny_request\" | \"stage_request.accept_request\" | \"stage_request.accept_all\" | \"stage_request.deny_all\" | \"stage_request.approval_pending\" | \"stage_request.denied\" | \"stage_request.request\" | \"stage_request.requested\" | \"stage_request.cancel_request\" | \"stage_request.leave_stage\" | \"stage_request.request_tip\" | \"stage_request.leave_tip\" | \"stage_request.pending_tip\" | \"stage_request.denied_tip\" | \"stage.empty_host\" | \"stage.empty_host_summary\" | \"stage.empty_viewer\" | \"stage.remove_from_stage\" | \"stage.invited_notification\" | \"stage.add_to_stage\" | \"stage.join_title\" | \"stage.join_summary\" | \"stage.join_cancel\" | \"stage.join_confirm\" | \"setup_screen.join_in_as\" | \"setup_screen.your_name\" | \"stage.reconnecting\" | \"recording.label\" | \"recording.indicator\" | \"recording.started\" | \"recording.stopped\" | \"recording.paused\" | \"recording.error.start\" | \"recording.error.stop\" | \"recording.error.resume\" | \"recording.start\" | \"recording.stop\" | \"recording.resume\" | \"recording.starting\" | \"recording.stopping\" | \"recording.loading\" | \"recording.idle\" | \"audio_playback\" | \"audio_playback.title\" | \"audio_playback.description\" | \"breakout_rooms\" | \"breakout_rooms.room_config_header\" | \"breakout_rooms.join_breakout_header\" | \"breakout_rooms.empty\" | \"breakout_rooms.delete\" | \"breakout_rooms.switch\" | \"breakout_rooms.main_room\" | \"breakout_rooms.shuffle_participants\" | \"breakout_rooms.deselect\" | \"breakout_rooms.selected\" | \"breakout_rooms.num_of_rooms\" | \"breakout_rooms.approx\" | \"breakout_rooms.participants_per_room\" | \"breakout_rooms.division_text\" | \"breakout_rooms.start_breakout\" | \"breakout_rooms.close_breakout\" | \"breakout_rooms.update_breakout\" | \"breakout_rooms.discard_changes\" | \"breakout_rooms.room\" | \"breakout_rooms.rooms\" | \"breakout_rooms.room_name\" | \"breakout_rooms.edit_room_name\" | \"breakout_rooms.save_room_name\" | \"breakout_rooms.add_room\" | \"breakout_rooms.add_room_brief\" | \"breakout_rooms.select_all\" | \"breakout_rooms.unassign_all\" | \"breakout_rooms.assign\" | \"breakout_rooms.assign_participants\" | \"breakout_rooms.none_assigned\" | \"breakout_rooms.drag_drop_participants\" | \"breakout_rooms.click_drop_participants\" | \"breakout_rooms.status.assign_multiple\" | \"breakout_rooms.status.select_room\" | \"breakout_rooms.ephemeral_status.participants_assigned\" | \"breakout_rooms.ephemeral_status.participants_assigned_randomly\" | \"breakout_rooms.ephemeral_status.changes_discarded\" | \"breakout_rooms.confirm_modal.start_breakout.header\" | \"breakout_rooms.confirm_modal.start_breakout.content\" | \"breakout_rooms.confirm_modal.start_breakout.cancelText\" | \"breakout_rooms.confirm_modal.start_breakout.ctaText\" | \"breakout_rooms.confirm_modal.close_breakout.header\" | \"breakout_rooms.confirm_modal.close_breakout.content\" | \"breakout_rooms.confirm_modal.close_breakout.ctaText\" | \"breakout_rooms.move_reason.started_msg\" | \"breakout_rooms.move_reason.started_desc\" | \"breakout_rooms.move_reason.closed_msg\" | \"breakout_rooms.move_reason.closed_desc\" | \"breakout_rooms.move_reason.switch_room\" | \"breakout_rooms.move_reason.switch_main_room\" | \"breakout_rooms.all_assigned\" | \"breakout_rooms.empty_main_room\" | \"breakout_rooms.leave_confirmation\" | \"breakout_rooms.leave_confirmation.main_room_btn\" | \"ai\" | \"ai.meeting_ai\" | \"ai.home\" | \"ai.transcriptions\" | \"ai.personal\" | \"ai.caption_view\" | \"ai.chat.tooltip\" | \"ai.chat.summerise\" | \"ai.chat.agenda\" | \"search.could_not_find\" | \"search.empty\" | \"end.all\" | \"ended.rejected\" | \"ended.left\" | \"ended.kicked\" | \"ended.disconnected\" | \"ended.network\" | \"ended.unauthorized\" | \"network\" | \"network.reconnecting\" | \"network.delay_extended\" | \"network.disconnected\" | \"network.leaving\" | \"network.restored\" | \"network.delay\" | \"network.lost\" | \"network.lost_extended\" | \"livestream\" | \"livestream.indicator\" | \"livestream.skip\" | \"livestream.idle\" | \"livestream.starting\" | \"livestream.stopping\" | \"livestream.waiting_on_manual_ingestion\" | \"livestream.error.not_supported\" | \"livestream.error.not_found\" | \"livestream.error.unknown\" | \"livestream.error.sync\" | \"livestream.error.start\" | \"livestream.error.stop\" | \"livestream.go_live\" | \"livestream.end_live\" | \"livestream.error\" | \"cta.help\" | \"cta.continue\" | \"cta.reload\" | \"cta.confirmation\" | \"cta.system_settings\" | \"remote_access.empty\" | \"remote_access.requests\" | \"remote_access.allow\" | \"remote_access.grant\" | \"remote_access.indicator\" | \"chat.new\" | \"chat.max_limit_warning\" | \"chat.rate_limit_error\" | \"chat.new_channel\" | \"chat.channel_name\" | \"chat.member_name\" | \"chat.add_members\" | \"chat.delete_msg\" | \"chat.edit_msg\" | \"chat.send_msg\" | \"chat.send_attachment\" | \"chat.send_img\" | \"chat.send_file\" | \"chat.send_emoji\" | \"chat.update_msg\" | \"chat.channel_members\" | \"chat.img.loading\" | \"chat.error.img_not_found\" | \"chat.error.empty_results\" | \"chat.img.shared_by\" | \"chat.reply\" | \"chat.message_placeholder\" | \"chat.click_to_send\" | \"chat.search_msgs\" | \"chat.search_conversations\" | \"chat.start_conversation\" | \"chat.empty_search\" | \"chat.empty_channel\" | \"chat.cancel_upload\" | \"chat.view_chats\" | \"chat.everyone\" | \"chat.pinned_msgs\" | \"chat.toggle_pinned_msgs\" | \"date.today\" | \"date.yesteday\" | \"date.sunday\" | \"date.monday\" | \"date.tuesday\" | \"date.wednesday\" | \"date.thursday\" | \"date.friday\" | \"date.saturday\" | \"list.empty\" | \"grid.listening\" | \"transcript.off\" | \"transcript.on\" | \"settings.notification_sound\" | \"settings.microphone_input\" | \"settings.speaker_output\" | \"settings.mirror_video\" | \"settings.camera_off\" | \"dialog.close\" | \"notifications.joined\" | \"notifications.left\" | \"notifications.requesting_to_join_meeting\" | \"notifications.requested_to_join_stage\" | \"notifications.joined_stage\" | \"notifications.request_to_join_accepted\" | \"notifications.request_to_join_rejected\" | \"notifications.accept\" | \"notifications.new_poll_created_by\" | \"notifications.connected_to\" | \"notifications.plugin_switched_to\" | \"notifications.remote_control_requested\" | \"notifications.remote_control_request_sent\" | \"notifications.remote_control_request_accepted\" | \"notifications.remote_control_granted\" | \"notifications.remote_control_terminated\" | \"debugger.troubleshooting.label\" | \"debugger.quality.good\" | \"debugger.quality.average\" | \"debugger.quality.poor\" | \"debugger.stats.bitrate.label\" | \"debugger.stats.bitrate.description\" | \"debugger.stats.packet_loss.label\" | \"debugger.stats.packet_loss.description\" | \"debugger.stats.jitter.label\" | \"debugger.stats.jitter.description\" | \"debugger.stats.cpu_limitations.label\" | \"debugger.stats.cpu_limitations.description\" | \"debugger.stats.bandwidth_limitations.label\" | \"debugger.stats.bandwidth_limitations.description\" | \"debugger.audio.label\" | \"debugger.audio.troubleshooting.label\" | \"debugger.audio.messages.generating_report\" | \"debugger.audio.messages.enable_media\" | \"debugger.audio.sections.network_media\" | \"debugger.video.label\" | \"debugger.video.troubleshooting.label\" | \"debugger.video.messages.generating_report\" | \"debugger.video.messages.enable_media\" | \"debugger.video.sections.network_media\" | \"debugger.screenshare.label\" | \"debugger.screenshare.troubleshooting.label\" | \"debugger.screenshare.sections.network_media\" | \"debugger.screenshare.messages.generating_report\" | \"debugger.screenshare.messages.enable_media\" | \"debugger.system.label\" | \"debugger.system.troubleshooting.label\" | \"debugger.system.sections.battery\" | \"debugger.system.battery.level.label\" | \"debugger.system.battery.level.description\" | \"debugger.system.battery.charging.label\" | \"debugger.system.battery.charging.description\" | \"debugger.system.battery.charging.is_charging\" | \"debugger.system.battery.charging.is_not_charging\") => string",
+                    "resolved": "(key: \"pin\" | \"unpin\" | \"kick\" | \"ended\" | \"disconnected\" | \"failed\" | \"type\" | \"end\" | \"joined\" | \"pinned\" | \"join\" | \"participants\" | \"logo\" | \"audio\" | \"search\" | \"video\" | \"image\" | \"chat\" | \"polls\" | \"leave\" | \"close\" | \"plugins\" | \"screenshare\" | \"(you)\" | (string & {}) | \"about_call\" | \"screen\" | \"camera\" | \"dismiss\" | \"page\" | \"more\" | \"page.prev\" | \"page.next\" | \"layout\" | \"layout.auto\" | \"settings\" | \"file\" | \"connection\" | \"leave_confirmation\" | \"cancel\" | \"yes\" | \"you\" | \"everyone\" | \"to\" | \"mute\" | \"accept\" | \"pip_on\" | \"pip_off\" | \"viewers\" | \"create\" | \"ask\" | \"activate\" | \"requests\" | \"mic_off\" | \"disable_mic\" | \"mic_on\" | \"enable_mic\" | \"test\" | \"minimize\" | \"maximize\" | \"mute_all\" | \"mute_all.description\" | \"mute_all.header\" | \"mute_all.allow_unmute\" | \"video_off\" | \"disable_video\" | \"video_on\" | \"enable_video\" | \"offline\" | \"offline.description\" | \"failed.description\" | \"disconnected.description\" | \"participants.errors.empty_results\" | \"participants.empty_list\" | \"participants.no_pending_requests\" | \"participants.turn_off_video\" | \"polls.by\" | \"polls.question\" | \"polls.question.placeholder\" | \"polls.answers\" | \"polls.option\" | \"polls.option.placeholder\" | \"polls.results.anon\" | \"polls.results.hide\" | \"polls.create\" | \"polls.cancel\" | \"polls.empty\" | \"polls.errors.question_required\" | \"polls.errors.empty_option\" | \"screenshare.min_preview\" | \"screenshare.max_preview\" | \"screenshare.shared\" | \"screenshare.start\" | \"screenshare.stop\" | \"screenshare.error.unknown\" | \"screenshare.error.max_count\" | \"perm_denied\" | \"perm_denied.audio\" | \"perm_denied.video\" | \"perm_denied.screenshare\" | \"perm_denied.audio.chrome.message\" | \"perm_denied.video.chrome.message\" | \"perm_denied.screenshare.chrome.message\" | \"perm_denied.audio.safari.message\" | \"perm_denied.video.safari.message\" | \"perm_denied.screenshare.safari.message\" | \"perm_denied.audio.edge.message\" | \"perm_denied.video.edge.message\" | \"perm_denied.screenshare.edge.message\" | \"perm_denied.audio.microsoft edge.message\" | \"perm_denied.video.microsoft edge.message\" | \"perm_denied.screenshare.microsoft edge.message\" | \"perm_denied.audio.firefox.message\" | \"perm_denied.video.firefox.message\" | \"perm_denied.screenshare.firefox.message\" | \"perm_denied.audio.others.message\" | \"perm_denied.video.others.message\" | \"perm_denied.screenshare.others.message\" | \"perm_sys_denied\" | \"perm_sys_denied.audio\" | \"perm_sys_denied.video\" | \"perm_sys_denied.screenshare\" | \"perm_sys_denied.audio.macos.message\" | \"perm_sys_denied.video.macos.message\" | \"perm_sys_denied.screenshare.macos.message\" | \"perm_sys_denied.audio.ios.message\" | \"perm_sys_denied.video.ios.message\" | \"perm_sys_denied.screenshare.ios.message\" | \"perm_sys_denied.audio.windows.message\" | \"perm_sys_denied.video.windows.message\" | \"perm_sys_denied.screenshare.windows.message\" | \"perm_sys_denied.audio.android.message\" | \"perm_sys_denied.video.android.message\" | \"perm_sys_denied.screenshare.android.message\" | \"perm_sys_denied.audio.others.message\" | \"perm_sys_denied.video.others.message\" | \"perm_sys_denied.screenshare.others.message\" | \"perm_could_not_start\" | \"perm_could_not_start.audio\" | \"perm_could_not_start.video\" | \"perm_could_not_start.screenshare\" | \"perm_could_not_start.audio.message\" | \"perm_could_not_start.video.message\" | \"perm_could_not_start.screenshare.message\" | \"full_screen\" | \"full_screen.exit\" | \"waitlist.header_title\" | \"waitlist.body_text\" | \"waitlist.deny_request\" | \"waitlist.accept_request\" | \"waitlist.accept_all\" | \"stage_request.header_title\" | \"stage_request.deny_request\" | \"stage_request.accept_request\" | \"stage_request.accept_all\" | \"stage_request.deny_all\" | \"stage_request.approval_pending\" | \"stage_request.denied\" | \"stage_request.request\" | \"stage_request.requested\" | \"stage_request.cancel_request\" | \"stage_request.leave_stage\" | \"stage_request.request_tip\" | \"stage_request.leave_tip\" | \"stage_request.pending_tip\" | \"stage_request.denied_tip\" | \"stage.empty_host\" | \"stage.empty_host_summary\" | \"stage.empty_viewer\" | \"stage.remove_from_stage\" | \"stage.invited_notification\" | \"stage.add_to_stage\" | \"stage.join_title\" | \"stage.join_summary\" | \"stage.join_cancel\" | \"stage.join_confirm\" | \"setup_screen.join_in_as\" | \"setup_screen.your_name\" | \"stage.reconnecting\" | \"recording.label\" | \"recording.indicator\" | \"recording.started\" | \"recording.stopped\" | \"recording.paused\" | \"recording.error.start\" | \"recording.error.stop\" | \"recording.error.resume\" | \"recording.start\" | \"recording.stop\" | \"recording.resume\" | \"recording.starting\" | \"recording.stopping\" | \"recording.loading\" | \"recording.idle\" | \"audio_playback\" | \"audio_playback.title\" | \"audio_playback.description\" | \"breakout_rooms\" | \"breakout_rooms.room_config_header\" | \"breakout_rooms.join_breakout_header\" | \"breakout_rooms.empty\" | \"breakout_rooms.delete\" | \"breakout_rooms.switch\" | \"breakout_rooms.main_room\" | \"breakout_rooms.shuffle_participants\" | \"breakout_rooms.deselect\" | \"breakout_rooms.selected\" | \"breakout_rooms.num_of_rooms\" | \"breakout_rooms.approx\" | \"breakout_rooms.participants_per_room\" | \"breakout_rooms.division_text\" | \"breakout_rooms.start_breakout\" | \"breakout_rooms.close_breakout\" | \"breakout_rooms.update_breakout\" | \"breakout_rooms.discard_changes\" | \"breakout_rooms.room\" | \"breakout_rooms.rooms\" | \"breakout_rooms.room_name\" | \"breakout_rooms.edit_room_name\" | \"breakout_rooms.save_room_name\" | \"breakout_rooms.add_room\" | \"breakout_rooms.add_room_brief\" | \"breakout_rooms.select_all\" | \"breakout_rooms.unassign_all\" | \"breakout_rooms.assign\" | \"breakout_rooms.assign_participants\" | \"breakout_rooms.none_assigned\" | \"breakout_rooms.drag_drop_participants\" | \"breakout_rooms.click_drop_participants\" | \"breakout_rooms.status.assign_multiple\" | \"breakout_rooms.status.select_room\" | \"breakout_rooms.ephemeral_status.participants_assigned\" | \"breakout_rooms.ephemeral_status.participants_assigned_randomly\" | \"breakout_rooms.ephemeral_status.changes_discarded\" | \"breakout_rooms.confirm_modal.start_breakout.header\" | \"breakout_rooms.confirm_modal.start_breakout.content\" | \"breakout_rooms.confirm_modal.start_breakout.cancelText\" | \"breakout_rooms.confirm_modal.start_breakout.ctaText\" | \"breakout_rooms.confirm_modal.close_breakout.header\" | \"breakout_rooms.confirm_modal.close_breakout.content\" | \"breakout_rooms.confirm_modal.close_breakout.ctaText\" | \"breakout_rooms.move_reason.started_msg\" | \"breakout_rooms.move_reason.started_desc\" | \"breakout_rooms.move_reason.closed_msg\" | \"breakout_rooms.move_reason.closed_desc\" | \"breakout_rooms.move_reason.switch_room\" | \"breakout_rooms.move_reason.switch_main_room\" | \"breakout_rooms.all_assigned\" | \"breakout_rooms.empty_main_room\" | \"breakout_rooms.leave_confirmation\" | \"breakout_rooms.leave_confirmation.main_room_btn\" | \"ai\" | \"ai.meeting_ai\" | \"ai.home\" | \"ai.transcriptions\" | \"ai.personal\" | \"ai.caption_view\" | \"ai.chat.tooltip\" | \"ai.chat.summerise\" | \"ai.chat.agenda\" | \"search.could_not_find\" | \"search.empty\" | \"end.all\" | \"ended.rejected\" | \"ended.left\" | \"ended.kicked\" | \"ended.disconnected\" | \"ended.network\" | \"ended.unauthorized\" | \"network\" | \"network.reconnecting\" | \"network.delay_extended\" | \"network.disconnected\" | \"network.leaving\" | \"network.restored\" | \"network.delay\" | \"network.lost\" | \"network.lost_extended\" | \"livestream\" | \"livestream.indicator\" | \"livestream.skip\" | \"livestream.idle\" | \"livestream.starting\" | \"livestream.stopping\" | \"livestream.waiting_on_manual_ingestion\" | \"livestream.error.not_supported\" | \"livestream.error.not_found\" | \"livestream.error.unknown\" | \"livestream.error.sync\" | \"livestream.error.start\" | \"livestream.error.stop\" | \"livestream.go_live\" | \"livestream.end_live\" | \"livestream.error\" | \"cta.help\" | \"cta.continue\" | \"cta.reload\" | \"cta.confirmation\" | \"cta.system_settings\" | \"remote_access.empty\" | \"remote_access.requests\" | \"remote_access.allow\" | \"remote_access.grant\" | \"remote_access.indicator\" | \"chat.new\" | \"chat.max_limit_warning\" | \"chat.rate_limit_error\" | \"chat.member_name\" | \"chat.add_members\" | \"chat.delete_msg\" | \"chat.edit_msg\" | \"chat.send_msg\" | \"chat.send_attachment\" | \"chat.send_img\" | \"chat.send_file\" | \"chat.send_emoji\" | \"chat.update_msg\" | \"chat.img.loading\" | \"chat.error.img_not_found\" | \"chat.error.empty_results\" | \"chat.img.shared_by\" | \"chat.reply\" | \"chat.message_placeholder\" | \"chat.click_to_send\" | \"chat.search_msgs\" | \"chat.search_conversations\" | \"chat.start_conversation\" | \"chat.empty_search\" | \"chat.empty_chat\" | \"chat.cancel_upload\" | \"chat.view_chats\" | \"chat.everyone\" | \"chat.pinned_msgs\" | \"chat.toggle_pinned_msgs\" | \"date.today\" | \"date.yesteday\" | \"date.sunday\" | \"date.monday\" | \"date.tuesday\" | \"date.wednesday\" | \"date.thursday\" | \"date.friday\" | \"date.saturday\" | \"list.empty\" | \"grid.listening\" | \"transcript.off\" | \"transcript.on\" | \"settings.notification_sound\" | \"settings.microphone_input\" | \"settings.speaker_output\" | \"settings.mirror_video\" | \"settings.camera_off\" | \"dialog.close\" | \"notifications.joined\" | \"notifications.left\" | \"notifications.requesting_to_join_meeting\" | \"notifications.requested_to_join_stage\" | \"notifications.joined_stage\" | \"notifications.request_to_join_accepted\" | \"notifications.request_to_join_rejected\" | \"notifications.accept\" | \"notifications.new_poll_created_by\" | \"notifications.connected_to\" | \"notifications.plugin_switched_to\" | \"notifications.remote_control_requested\" | \"notifications.remote_control_request_sent\" | \"notifications.remote_control_request_accepted\" | \"notifications.remote_control_granted\" | \"notifications.remote_control_terminated\" | \"debugger.troubleshooting.label\" | \"debugger.quality.good\" | \"debugger.quality.average\" | \"debugger.quality.poor\" | \"debugger.stats.bitrate.label\" | \"debugger.stats.bitrate.description\" | \"debugger.stats.packet_loss.label\" | \"debugger.stats.packet_loss.description\" | \"debugger.stats.jitter.label\" | \"debugger.stats.jitter.description\" | \"debugger.stats.cpu_limitations.label\" | \"debugger.stats.cpu_limitations.description\" | \"debugger.stats.bandwidth_limitations.label\" | \"debugger.stats.bandwidth_limitations.description\" | \"debugger.audio.label\" | \"debugger.audio.troubleshooting.label\" | \"debugger.audio.messages.generating_report\" | \"debugger.audio.messages.enable_media\" | \"debugger.audio.sections.network_media\" | \"debugger.video.label\" | \"debugger.video.troubleshooting.label\" | \"debugger.video.messages.generating_report\" | \"debugger.video.messages.enable_media\" | \"debugger.video.sections.network_media\" | \"debugger.screenshare.label\" | \"debugger.screenshare.troubleshooting.label\" | \"debugger.screenshare.sections.network_media\" | \"debugger.screenshare.messages.generating_report\" | \"debugger.screenshare.messages.enable_media\" | \"debugger.system.label\" | \"debugger.system.troubleshooting.label\" | \"debugger.system.sections.battery\" | \"debugger.system.battery.level.label\" | \"debugger.system.battery.level.description\" | \"debugger.system.battery.charging.label\" | \"debugger.system.battery.charging.description\" | \"debugger.system.battery.charging.is_charging\" | \"debugger.system.battery.charging.is_not_charging\") => string",
                     "references": {
                         "RtkI18n": {
                             "location": "import",
@@ -679,88 +407,12 @@ export class RtkChat {
                 "getter": false,
                 "setter": false,
                 "defaultValue": "defaultOverrides"
-            },
-            "disablePrivateChat": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "disables private chat"
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "disable-private-chat",
-                "reflect": false,
-                "defaultValue": "false"
-            },
-            "privatePresetFilter": {
-                "type": "unknown",
-                "mutable": false,
-                "complexType": {
-                    "original": "String[]",
-                    "resolved": "String[]",
-                    "references": {
-                        "String": {
-                            "location": "global",
-                            "id": "global::String"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [{
-                            "name": "deprecated",
-                            "text": "Beta API, will change in future\nList of target presets allowed as private chat recipient"
-                        }],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "defaultValue": "[]"
-            },
-            "displayFilter": {
-                "type": "unknown",
-                "mutable": false,
-                "complexType": {
-                    "original": "ChatFilter",
-                    "resolved": "(message: Message) => boolean",
-                    "references": {
-                        "ChatFilter": {
-                            "location": "local",
-                            "path": "/home/runner/work/realtimekit-ui/realtimekit-ui/packages/core/src/components/rtk-chat/rtk-chat.tsx",
-                            "id": "src/components/rtk-chat/rtk-chat.tsx::ChatFilter"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [{
-                            "name": "deprecated",
-                            "text": "Beta API, will change in future\nA filter function for messages to be displayed"
-                        }],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "defaultValue": "undefined"
             }
         };
     }
     static get states() {
         return {
             "canPinMessages": {},
-            "unreadCountGroups": {},
-            "chatGroups": {},
-            "selectedGroup": {},
             "now": {},
             "dropzoneActivated": {},
             "showLatestMessageButton": {},
@@ -771,16 +423,12 @@ export class RtkChat {
             "canSendPrivateTexts": {},
             "canSendPrivateFiles": {},
             "emojiPickerEnabled": {},
-            "chatRecipientId": {},
             "participants": {},
             "selectedParticipant": {},
-            "channels": {},
-            "selectedChannelId": {},
             "editingMessage": {},
             "replyMessage": {},
             "searchQuery": {},
             "selectorState": {},
-            "creatingChannel": {},
             "isSendingMessage": {},
             "showPinnedMessages": {}
         };
@@ -814,12 +462,6 @@ export class RtkChat {
         return [{
                 "propName": "meeting",
                 "methodName": "meetingChanged"
-            }, {
-                "propName": "chatGroups",
-                "methodName": "chatGroupsChanged"
-            }, {
-                "propName": "displayFilter",
-                "methodName": "onDisplayFilterChanged"
             }];
     }
     static get listeners() {
@@ -830,8 +472,8 @@ export class RtkChat {
                 "capture": false,
                 "passive": false
             }, {
-                "name": "switchChannel",
-                "method": "channelSwitchListener",
+                "name": "rtkChatSelectorChange",
+                "method": "onChatSelectorChange",
                 "target": undefined,
                 "capture": false,
                 "passive": false