@cloudflare/realtimekit-ui 1.0.9-staging.2 → 1.0.9-staging.4

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

@@ -8,10 +8,10 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
                 r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { Host, h, Fragment, } from "@stencil/core";
+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, stripOutReplyBlock, } from "../../utils/chat";
+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 { createDefaultConfig } from "../../exports";
@@ -134,11 +134,6 @@ export class RtkChat {
                 this.chatRecipientId = this.selectedGroup = 'everyone';
             }
         };
-        this.usePaginatedChat = () => {
-            if (this.isGroupCall && this.showPinnedMessages)
-                return false;
-            return this.selectedGroup === 'everyone';
-        };
         this.updateUnreadCountGroups = (obj) => {
             this.unreadCountGroups = Object.assign(Object.assign({}, this.unreadCountGroups), obj);
         };
@@ -262,17 +257,7 @@ export class RtkChat {
         };
         this.onNewMessageHandler = async (e) => {
             const message = e.detail;
-            if (this.isChatViewType) {
-                await this.meeting.chat.sendMessageToChannel(message, this.selectedChannelId, this.replyMessage
-                    ? {
-                        replyTo: this.replyMessage,
-                    }
-                    : {});
-                this.replyMessage = null;
-            }
-            else {
-                this.meeting.chat.sendMessage(message, this.getRecipientPeerIds());
-            }
+            this.meeting.chat.sendMessage(message, this.getRecipientPeerIds());
         };
         this.onEditMessageHandler = async (e) => {
             var _a, _b;
@@ -282,15 +267,6 @@ export class RtkChat {
         this.onEditCancel = () => {
             this.editingMessage = null;
         };
-        this.onSearchHandler = async (e) => {
-            this.searchQuery = e.detail;
-        };
-        this.onSearchDismissed = () => {
-            this.searchQuery = '';
-        };
-        this.onChannelCreateClicked = () => {
-            this.stateUpdate.emit({ activeChannelCreator: true });
-        };
         this.onPinMessage = (event) => {
             const message = event.detail;
             if (message.pinned) {
@@ -304,23 +280,6 @@ export class RtkChat {
             const message = event.detail;
             this.meeting.chat.deleteMessage(message.id);
         };
-        this.getChannelItems = () => {
-            return this.channels.map((channel) => {
-                const result = {
-                    id: channel.id,
-                    name: channel.displayName,
-                    avatarUrl: channel.displayPictureUrl,
-                };
-                if (channel.latestMessage) {
-                    result.latestMessage =
-                        channel.latestMessage.type === 'text'
-                            ? stripOutReplyBlock(channel.latestMessage.message)
-                            : '';
-                    result.latestMessageTime = channel.latestMessage.time;
-                }
-                return result;
-            });
-        };
         this.getPrivateChatRecipients = () => {
             const participants = this.getFilteredParticipants().map((participant) => {
                 const key = generateChatGroupKey([participant.userId, this.meeting.self.userId]);
@@ -395,31 +354,6 @@ export class RtkChat {
             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.isGroupCall = meeting.meta.viewType === 'GROUP_CALL';
-            this.isChatViewType = meeting.meta.viewType === 'CHAT';
-            if (this.isChatViewType) {
-                this.onChannelCreateOrUpdate();
-                const validChannels = this.channels.filter((channel) => !channel.id.includes(TEMPORARY_CHANNEL_PREFIX));
-                if (validChannels.length) {
-                    this.selectedChannelId = this.channels[0].id;
-                }
-                if (this.resizeObserver) {
-                    this.resizeObserver.disconnect();
-                }
-                this.resizeObserver = new ResizeObserver((entries) => {
-                    for (const entry of entries) {
-                        if (entry.contentBoxSize[0].inlineSize < 758) {
-                            this.selectorState = 'hide';
-                        }
-                        else {
-                            this.selectorState = 'desktop';
-                        }
-                    }
-                });
-                if (this.isChatViewType) {
-                    this.resizeObserver.observe(this.host);
-                }
-            }
             this.initializeChatGroups();
             // shallow copy to trigger render
             this.chatGroups = Object.assign({}, this.chatGroups);
@@ -430,12 +364,6 @@ export class RtkChat {
                 meeting.participants.joined.addListener('participantJoined', this.onParticipantUpdate);
                 meeting.participants.joined.addListener('participantLeft', this.onParticipantUpdate);
             }
-            if (this.isChatViewType) {
-                meeting.chat.addListener('channelCreate', this.onChannelCreateOrUpdate);
-                meeting.chat.addListener('channelUpdate', this.onChannelCreateOrUpdate);
-                meeting.chat.addListener('channelMessageUpdate', this.onChannelCreateOrUpdate);
-                meeting.participants.all.addListener('participantsUpdate', this.onChannelCreateOrUpdate);
-            }
         }
     }
     chatGroupsChanged(chatGroups) {
@@ -511,17 +439,8 @@ export class RtkChat {
     channelSwitchListener(e) {
         this.onChannelChanged(e);
     }
-    renderHeadlessComponents() {
-        return (h(Fragment, null, h("rtk-dialog-manager", { meeting: this.meeting }), h("rtk-notifications", { meeting: this.meeting })));
-    }
     renderComposerUI() {
         var _a, _b, _c;
-        if (this.isChatViewType && this.channels.length === 0)
-            return null;
-        if (this.isChatViewType && this.searchQuery !== '')
-            return null;
-        if (this.isChatViewType && !this.selectedChannelId)
-            return null;
         if (this.chatRecipientId === 'everyone') {
             if (!this.canSendTextMessage && !this.canSendFiles)
                 return null;
@@ -535,32 +454,16 @@ export class RtkChat {
         const quotedMessage = this.replyMessage ? this.replyMessage.message : '';
         return (h("rtk-chat-composer-view", Object.assign({ message: message, storageKey: (_a = this.selectedChannelId) !== null && _a !== void 0 ? _a : `draft-${this.selectedChannelId}`, quotedMessage: quotedMessage, isEditing: !!this.editingMessage, canSendTextMessage: this.isTextMessagingAllowed(), canSendFiles: this.isFileMessagingAllowed(), disableEmojiPicker: !!((_c = (_b = this.meeting) === null || _b === void 0 ? void 0 : _b.__internals__) === null || _c === void 0 ? void 0 : _c.features.hasFeature(FlagsmithFeatureFlags.DISABLE_EMOJI_PICKER)), 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" })));
     }
-    renderFullChat() {
-        if (this.creatingChannel) {
-            return (h("div", { class: "banner" }, h("rtk-spinner", { size: "lg" })));
-        }
-        if (this.channels.length === 0 || !this.selectedChannelId) {
-            return (h("div", { class: "banner" }, h("rtk-icon", { icon: this.iconPack.create_channel_illustration, slot: "start", class: 'create-channel-illustration' }), h("rtk-button", { kind: "wide", variant: "primary", size: "md", onClick: this.onChannelCreateClicked, class: "welcome-new-channel" }, h("rtk-icon", { icon: this.iconPack.add, slot: "start" }), h("span", null, this.t('chat.new_channel'))), (this.selectorState === 'mobile' || this.selectorState === 'hide') && (h("rtk-button", { kind: "button", variant: "secondary", size: "md", class: "view-chats-btn", onClick: () => {
-                    this.selectorState = 'mobile';
-                } }, h("rtk-icon", { icon: this.iconPack.chat, slot: "start" }), h("span", null, this.t('chat.view_chats'))))));
-        }
-        const selectedChannel = this.channels.find((channel) => channel.id === this.selectedChannelId);
-        return (h("div", { class: "chat" }, h("rtk-channel-header", { slot: "header", meeting: this.meeting, channel: selectedChannel, onSearch: this.onSearchHandler, onSearchDismissed: this.onSearchDismissed, showBackButton: this.selectorState === 'mobile' || this.selectorState === 'hide', onBack: () => {
-                this.selectorState = 'mobile';
-            } }), this.searchQuery !== '' && (h("rtk-chat-search-results", { meeting: this.meeting, query: this.searchQuery, channelId: this.selectedChannelId })), this.searchQuery === '' && (h("rtk-chat-messages-ui-paginated", { meeting: this.meeting, size: this.size, iconPack: this.iconPack, t: this.t, selectedChannelId: this.selectedChannelId, selectedChannel: selectedChannel }))));
-    }
     render() {
-        var _a, _b;
+        var _a;
         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] || [];
         if (this.showPinnedMessages && this.meeting.chat.pinned.length !== 0) {
             chatMessages = chatMessages.filter((chat) => chat.type === 'chat' && chat.message.pinned);
         }
-        return (h(Host, null, this.isChatViewType && this.renderHeadlessComponents(), h("div", { class: "chat-container" }, this.isChatViewType && (h("div", { class: { 'selector-container': true, [this.selectorState]: true } }, h("rtk-channel-selector-view", { channels: this.getChannelItems(), selectedChannelId: this.selectedChannelId, onChannelChange: this.onChannelChanged, t: this.t }, h("div", { class: "channel-selector-header", slot: "header" }, h("rtk-logo", { meeting: this.meeting, config: this.config, t: this.t }), h("rtk-tooltip", { label: this.t('chat.new_channel') }, h("rtk-button", { kind: "button", variant: "ghost", size: "md", onClick: this.onChannelCreateClicked, class: "channel-create-btn" }, h("rtk-icon", { icon: this.iconPack.add }))))), h("rtk-button", { kind: "icon", variant: "ghost", class: "mobile-close-btn", onClick: () => (this.selectorState = 'hide') }, h("rtk-icon", { icon: this.iconPack.dismiss })))), 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: ((_b = this.selectedParticipant) === null || _b === void 0 ? void 0 : _b.userId) || 'everyone', onChannelChange: this.updateRecipients, t: this.t, viewAs: "dropdown" })), this.isChatViewType ? (this.renderFullChat()) : this.usePaginatedChat() ? (h("rtk-chat-messages-ui-paginated", { meeting: this.meeting, onPinMessage: this.onPinMessage, onDeleteMessage: this.onDeleteMessage, size: this.size, iconPack: this.iconPack, t: this.t })) : (h("rtk-chat-messages-ui", Object.assign({ messages: chatMessages, selfUserId: selfUserId, selectedGroup: this.selectedGroup, onPinMessage: this.onPinMessage, canPinMessages: this.canPinMessages }, uiProps))), 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')))), 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, 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"; }

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

@@ -12,6 +12,7 @@ import { Host, h } from "@stencil/core";
 import { defaultIconPack } from "../../exports";
 import { useLanguage } from "../../lib/lang";
 import { SyncWithStore } from "../../utils/sync-with-store";
+/** @deprecated `rtk-chat-message` is deprecated and will be removed soon. Use `rtk-message-view` instead. */
 export class RtkChatMessage {
     constructor() {
         /** Icon pack */
@@ -84,11 +85,11 @@ export class RtkChatMessage {
             } })));
     }
     render() {
-        return (h(Host, { key: '50c4021e3c717d8d2c7e035ce6541adca05ca3d2' }, h("div", { key: '1f5a0d679baea7ea72855846f57fa8419e46f019', class: {
+        return (h(Host, { key: '358cc92774694c9c31b965f823efd5047685ddd3' }, h("div", { key: '084dbfc81b75420c66f949b9799a60563c39b6b2', class: {
                 'message-wrapper': true,
                 'align-right': this.alignRight,
                 'left-align': this.leftAlign,
-            }, "is-continued": this.isContinued }, this.renderAvatar(), h("div", { key: '1f11244450725426035076a80fcc41a76ef0b7a4', class: {
+            }, "is-continued": this.isContinued }, this.renderAvatar(), h("div", { key: 'e3f3490eccdc1550b9232bf70f2d8f6717f2fac4', class: {
                 message: true,
                 'show-on-hover': !this.isTouchDevice(),
             }, "is-continued": this.isContinued }, this.renderMessage(), this.renderControls()))));

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

@@ -8,13 +8,17 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
                 r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { Host, h, writeTask, } from "@stencil/core";
+import { Build, Host, h, writeTask, } from "@stencil/core";
 import { defaultIconPack } from "../../exports";
 import { useLanguage } from "../../lib/lang";
 import { differenceInMinutes, elapsedDuration, formatDateTime } from "../../utils/date";
 import { smoothScrollToBottom } from "../../utils/scroll";
 import { chatUnreadTimestamps } from "../../utils/user-prefs";
 import { SyncWithStore } from "../../utils/sync-with-store";
+let hasShownDeprecationWarning = false;
+/**
+ * @deprecated Use `rtk-chat-messages-ui-paginated` instead.
+ */
 export class RtkChatMessagesUi {
     constructor() {
         this.observingEl = [];
@@ -80,6 +84,11 @@ export class RtkChatMessagesUi {
     }
     connectedCallback() {
         var _a;
+        if (Build.isDev && !hasShownDeprecationWarning) {
+            hasShownDeprecationWarning = true;
+            // eslint-disable-next-line no-console
+            console.warn('[realtimekit-ui] `rtk-chat-messages-ui` is deprecated and will be removed in a future release. Use `rtk-chat-messages-ui-paginated` instead.');
+        }
         this.lastReadTimestamp = (_a = chatUnreadTimestamps['everyone']) !== null && _a !== void 0 ? _a : new Date('0001-01-01T00:00:00Z');
         this.intersectionObserver = new IntersectionObserver((entries) => {
             if (!document.hasFocus())
@@ -153,7 +162,7 @@ export class RtkChatMessagesUi {
         var _a;
         let prevMessage = null;
         let reachedFirstUnread = false;
-        return (h(Host, { key: '1e44ac8e6bd0eabff25aaedb905d80fb4007903d' }, h("div", { key: 'ffbb1fe97efc2408e2ee7e4bccef1cc8a3100b66', class: "chat-container scrollbar", ref: (el) => (this.$chat = el), part: "container" }, h("div", { key: '58d11c81a25a0760d3bdd9e60a8a6d0a96c022c2', class: "spacer", part: "spacer" }), h("div", { key: 'be68b5ccfd53bc7ec4c7dc23b10fe325a7c54314', class: "chat", part: "chat" }, (_a = this.messages) === null || _a === void 0 ? void 0 : _a.map((item) => {
+        return (h(Host, { key: '02149982e96642f42c8850f5d501c038874300f7' }, h("div", { key: 'bcc27f4f4c620175c5b6daead99d0a1b64e6bba8', class: "chat-container scrollbar", ref: (el) => (this.$chat = el), part: "container" }, h("div", { key: '4d4ba71a572095a28aa7c03e70a724521122e96d', class: "spacer", part: "spacer" }), h("div", { key: 'eca7d4406536b4e1b8d907bffe9a1ed6ad311dd4', 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 +181,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: 'ae321cae98279cb45e61968b5fab1806d8ae2f33', class: "show-new-messages-ctr" }, h("rtk-button", { key: 'e593e952615692612b2423e49975f97bb22df0fe', class: {
+        }))), h("div", { key: '8cbfbb3eef3f8640ddd66f68d0287cff5ade6997', class: "show-new-messages-ctr" }, h("rtk-button", { key: 'c9d841cf2d557b766c4a642291779562b71d25a1', class: {
                 'show-new-messages': true,
                 active: this.showLatestMessageButton,
-            }, kind: "icon", part: "show-new-messages", onClick: this.scrollToBottom }, h("rtk-icon", { key: '454e7ecb90b1660b882bb6f988beb1d7d0494d5f', icon: this.iconPack.chevron_down })))));
+            }, kind: "icon", part: "show-new-messages", onClick: this.scrollToBottom }, h("rtk-icon", { key: 'c579ffd1d28139fd82535c6cc0f661118b670a59', icon: this.iconPack.chevron_down })))));
     }
     static get is() { return "rtk-chat-messages-ui"; }
     static get encapsulation() { return "shadow"; }

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

@@ -123,7 +123,9 @@ export class RtkChatMessagesUiPaginated {
                             .find((member) => member.userId === message.userId)) === null || _b === void 0 ? void 0 : _b.picture) !== null && _c !== void 0 ? _c : (_d = this.meeting.participants.waitlisted.toArray().find((p) => p.userId === message.userId)) === null || _d === void 0 ? void 0 : _d.picture;
                 }
             }
-            return (h("div", { class: { pinned: message.pinned } }, h("div", { class: "message-wrapper" }, h("rtk-message-view", { time: message.time, actions: this.getMessageActions(message), authorName: message.displayName, avatarUrl: displayPicture, hideAuthorName: isContinued, viewType: 'incoming', variant: "bubble", onAction: (event) => this.onMessageActionHandler(event.detail, message) }, h("div", null, h("div", { class: "body" }, message.type === 'text' && (h("rtk-text-message-view", { text: message.message, isMarkdown: true })), message.type === 'file' && (h("rtk-file-message-view", { name: message.name, url: message.link, size: message.size })), message.type === 'image' && (h("rtk-image-message-view", { url: message.link, onPreview: () => {
+            const isSelf = message.userId === this.meeting.self.userId;
+            const viewType = isSelf ? 'outgoing' : 'incoming';
+            return (h("div", { class: { pinned: message.pinned } }, h("div", { class: "message-wrapper" }, h("rtk-message-view", { time: message.time, actions: this.getMessageActions(message), authorName: message.displayName, isSelf: isSelf, avatarUrl: displayPicture, hideAuthorName: isContinued, viewType: viewType, variant: "bubble", onAction: (event) => this.onMessageActionHandler(event.detail, message) }, h("div", null, h("div", { class: "body" }, message.type === 'text' && (h("rtk-text-message-view", { text: message.message, isMarkdown: true })), message.type === 'file' && (h("rtk-file-message-view", { name: message.name, url: message.link, size: message.size })), message.type === 'image' && (h("rtk-image-message-view", { url: message.link, onPreview: () => {
                     this.stateUpdate.emit({ image: message });
                 } }))), message.pinned && (h("div", { class: "pin-icon", part: "pin-icon" }, h("rtk-icon", { icon: this.iconPack.pin, size: "sm" }))))))));
         };
@@ -171,7 +173,7 @@ export class RtkChatMessagesUiPaginated {
         this.lastReadMessageIndex = -1;
     }
     render() {
-        return (h(Host, { key: 'd0ae21ca32589c18ede4b1e4b4682f5b82b58320' }, h("rtk-paginated-list", { key: 'bff3bdae7c6bbefed8dd8b478ac60370067c75a6', ref: (el) => (this.$paginatedListRef = el), pageSize: this.pageSize, pagesAllowed: 3, fetchData: this.getChatMessages, createNodes: this.createChatNodes, selectedItemId: this.selectedChannelId, emptyListLabel: this.t('chat.empty_channel') }, h("slot", { key: '043cfe627a1056c2267dd00705ff33e7e96f1f89' }))));
+        return (h(Host, { key: '6fdfc734e2f31c5e6d6ef616766ae1eadbbc44aa' }, h("rtk-paginated-list", { key: '4286561871575f00871ecd177aae852846c35ecd', ref: (el) => (this.$paginatedListRef = el), pageSize: this.pageSize, pagesAllowed: 3, fetchData: this.getChatMessages, createNodes: this.createChatNodes, selectedItemId: this.selectedChannelId, emptyListLabel: this.t('chat.empty_channel') }, h("slot", { key: 'd101b1f6d86fcc058dba3146ae8ce783978c93cd' }))));
     }
     static get is() { return "rtk-chat-messages-ui-paginated"; }
     static get encapsulation() { return "shadow"; }

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

@@ -11,6 +11,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { h, Host } from "@stencil/core";
 import { defaultIconPack, useLanguage } from "../../exports";
 import { SyncWithStore } from "../../utils/sync-with-store";
+/** @deprecated `rtk-chat-search-results` is deprecated and will be removed soon. Use `rtk-chat-messages-ui-paginated` instead. -*/
 export class RtkChatSearchResults {
     constructor() {
         /** Icon pack */
@@ -31,7 +32,7 @@ export class RtkChatSearchResults {
         };
     }
     render() {
-        return (h(Host, { key: '9947c793cb766158d4ed3d81871bbdb8b60274af' }, h("rtk-paginated-list", { key: '0d91dc8818b08c7ed053728074c483f159811a41', pageSize: this.pageSize, pagesAllowed: 3, fetchData: this.searchMessages, createNodes: this.nodeRenderer, selectedItemId: this.query })));
+        return (h(Host, { key: '226b9e52950fca3d296b041dbd93a6c060ad4abe' }, h("rtk-paginated-list", { key: '102af9de7e52317a5f9a8272e9e8a302f99268da', pageSize: this.pageSize, pagesAllowed: 3, fetchData: this.searchMessages, createNodes: this.nodeRenderer, selectedItemId: this.query })));
     }
     static get is() { return "rtk-chat-search-results"; }
     static get encapsulation() { return "shadow"; }

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

@@ -71,9 +71,9 @@ export class RtkClock {
     }
     render() {
         const showClock = this.startedTime !== undefined;
-        return (h(Host, { key: '23a8a2e6c14a8c1d1dd70dce26df45f1a302f085', "data-hidden": !showClock, tabIndex: 0, role: "timer", "aria-live": "off" }, this.startedTime !== undefined && [
-            h("rtk-icon", { key: '914bd75f8e3a14df602bbb58b2c2d75b26f7cb27', icon: this.iconPack.clock, "aria-hidden": true, tabIndex: -1, part: "icon" }),
-            h("span", { key: 'abb38cd4d3dbb3a6be06d1bf98b082c42551af2c', part: "text" }, this.getFormattedTime()),
+        return (h(Host, { key: '6e6b7a331666cd98cb100dca5c2869a8b5688553', "data-hidden": !showClock, tabIndex: 0, role: "timer", "aria-live": "off" }, this.startedTime !== undefined && [
+            h("rtk-icon", { key: '91cd9140d88447cd6662e08f4d2ed4c0df62858b', icon: this.iconPack.clock, "aria-hidden": true, tabIndex: -1, part: "icon" }),
+            h("span", { key: 'eba0772ccc8f0cc14c9c4dd7c11574dcc368b443', part: "text" }, this.getFormattedTime()),
         ]));
     }
     static get is() { return "rtk-clock"; }

package/dist/collection/components/rtk-confirmation-modal/rtk-confirmation-modal.js

@@ -47,7 +47,7 @@ export class RtkConfirmationModal {
     render() {
         var _a, _b;
         const state = this.states.activeConfirmationModal;
-        return (h(Host, { key: 'c79124361c70a80d200f4021c7483038f330b683' }, h("div", { key: 'a1c812cc2742b0eca2525416e67579864a8c0ae7', class: "leave-modal" }, h("div", { key: '21edbc34bdd1c996707d297abf86a1c04a487396', class: "header" }, h("h2", { key: 'a7c77cf1a39bc46b787b851d51a5cd37695e44eb', class: "title" }, state.header ? this.t(state.header) : this.t('cta.confirmation'))), state.content && h("p", { key: '25ceecc3c208442821795ebf0a1a981b5130d1d9', class: "message" }, this.t(state.content)), h("div", { key: 'f081c0544fb467787cbfea432575d4a16a1c42c3', class: "content" }, h("div", { key: 'a7cf64611e6a516624310fbe0c119c279bec682d', class: "leave-meeting" }, h("rtk-button", { key: '469b16b167d943f369f9995c9b0d20225108303a', variant: "secondary", title: state.cancelText ? this.t(state.cancelText) : this.t('cancel'), onClick: this.close, class: "br-secondary-btn" }, state.cancelText ? this.t(state.cancelText) : this.t('cancel')), h("rtk-button", { key: '5fc8427e0b0c51fad3a4d033f1d6c4b4399477f3', onClick: () => this.onConfirmation(), variant: (_b = (_a = this.states.activeConfirmationModal) === null || _a === void 0 ? void 0 : _a.variant) !== null && _b !== void 0 ? _b : 'danger', title: state.ctaText ? this.t(state.ctaText) : this.t('yes') }, state.ctaText ? this.t(state.ctaText) : this.t('yes')))))));
+        return (h(Host, { key: '716b099a3b9d9886c41626cf977e6de8e744894b' }, h("div", { key: 'bac586faa92a4a80b78e36cbef361eec830a8ee2', class: "leave-modal" }, h("div", { key: 'ee19990482ae51504da014bf7d804b4bf577a14a', class: "header" }, h("h2", { key: 'd220797780f3f93b27f1ae511a9fd30e0211b957', class: "title" }, state.header ? this.t(state.header) : this.t('cta.confirmation'))), state.content && h("p", { key: '498688e185b24eec250bcbcdd555fedc15980395', class: "message" }, this.t(state.content)), h("div", { key: '43f6068e6a14c1798ea2d9dec4dafd110222a5aa', class: "content" }, h("div", { key: 'dde485ee17c18a7a15dafd5347e9981ea6af4fe4', class: "leave-meeting" }, h("rtk-button", { key: '9cbbbe08509212e581b2e0768653a9f97efa45e3', variant: "secondary", title: state.cancelText ? this.t(state.cancelText) : this.t('cancel'), onClick: this.close, class: "br-secondary-btn" }, state.cancelText ? this.t(state.cancelText) : this.t('cancel')), h("rtk-button", { key: 'd6c1deaa86c2ec2dd607583aaf9ef3238c343183', onClick: () => this.onConfirmation(), variant: (_b = (_a = this.states.activeConfirmationModal) === null || _a === void 0 ? void 0 : _a.variant) !== null && _b !== void 0 ? _b : 'danger', title: state.ctaText ? this.t(state.ctaText) : this.t('yes') }, state.ctaText ? this.t(state.ctaText) : this.t('yes')))))));
     }
     static get is() { return "rtk-confirmation-modal"; }
     static get encapsulation() { return "shadow"; }

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

@@ -40,7 +40,7 @@ export class RtkControlbar {
             iconPack: this.iconPack,
             size: this.size,
         };
-        return (h(Host, { key: '65680394a70e60ccdb25b0a872ab433610e1b8b7' }, !this.disableRender && (h(Render, { key: '244f8d28e5a18483193a8a62fabd7550c06c110d', element: "rtk-controlbar", defaults: defaults, onlyChildren: true })), h("slot", { key: 'e77d170e9292b6b1c0962c196ea9232ea4372294' })));
+        return (h(Host, { key: 'f4fee1168f1b057865a0c615c563158df7f7e2fd' }, !this.disableRender && (h(Render, { key: '58945391fb15e670a385f12e3d5861b03597ed61', element: "rtk-controlbar", defaults: defaults, onlyChildren: true })), h("slot", { key: 'df55eba453868617350ec45fc0437ecb11e03597' })));
     }
     static get is() { return "rtk-controlbar"; }
     static get encapsulation() { return "shadow"; }

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

@@ -40,7 +40,7 @@ export class RtkCounter {
         this.input = Math.max(this.minValue, parseInt(this.input) - 1).toString();
     }
     render() {
-        return (h(Host, { key: '151ffb29ae91788d05b46f4c795b817c20a35b90' }, h("rtk-button", { key: '9568cb52875c92f57597033cc7b396fa5c2d0371', kind: "icon", variant: "ghost", onClick: () => this.decrement() }, h("rtk-icon", { key: '8ef248b64e90f01bd1f78db5048db148d7c374c9', icon: this.iconPack.subtract })), h("input", { key: '376d604bb62a6c9013e7361da51de8f05f34c870', type: "number", value: this.input, min: this.minValue, onInput: (e) => {
+        return (h(Host, { key: 'ef85b8128d8f6470dade486d8b31948db504ca21' }, h("rtk-button", { key: 'cfe52b812fcbb969cfa26cfd6f07aaf2f8b68cb2', kind: "icon", variant: "ghost", onClick: () => this.decrement() }, h("rtk-icon", { key: '947cbae0757f3b56ca511789d431da4a9457259a', icon: this.iconPack.subtract })), h("input", { key: '082850c82f03fa110b670234c676b35e56ac663f', type: "number", value: this.input, min: this.minValue, onInput: (e) => {
                 const val = parseInt(e.target.value, 10);
                 if (isNaN(val) || val < this.minValue) {
                     this.input = this.minValue.toString();
@@ -48,7 +48,7 @@ export class RtkCounter {
                 else {
                     this.input = val.toString();
                 }
-            } }), h("rtk-button", { key: 'cea8491840c69cf3856e97d97b5c4f34abf45e55', kind: "icon", variant: "ghost", onClick: () => this.increment() }, h("rtk-icon", { key: 'cb2146960e8c8368cce69fb8d8a696078bcea2fc', icon: this.iconPack.add }))));
+            } }), h("rtk-button", { key: 'fcb469289475e418446019725f47b3fcfe4a2ec1', kind: "icon", variant: "ghost", onClick: () => this.increment() }, h("rtk-icon", { key: 'd4f907255b622dfea369815f4c99ea3a4656caf7', icon: this.iconPack.add }))));
     }
     static get is() { return "rtk-counter"; }
     static get encapsulation() { return "shadow"; }

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

@@ -29,7 +29,7 @@ export class RtkDebuggerToggle {
         });
     }
     render() {
-        return (h(Host, { key: '5675d28a2da23df6c54e79827b0adf37ef128cd9', title: this.t('Troubleshooting') }, h("rtk-controlbar-button", { key: 'b8e16bbfb77fe9c4d50e872ed4eaecf351816a98', size: this.size, iconPack: this.iconPack, onClick: () => this.toggleDebugger(), icon: this.iconPack.debug, label: this.t('Troubleshooting'), variant: this.variant })));
+        return (h(Host, { key: 'cc9ec6cade76093abba3a48502d12a82868a875a', title: this.t('Troubleshooting') }, h("rtk-controlbar-button", { key: '6b8bcf2e363dfcdfb8e0f90c8602d95cdf338544', size: this.size, iconPack: this.iconPack, onClick: () => this.toggleDebugger(), icon: this.iconPack.debug, label: this.t('Troubleshooting'), variant: this.variant })));
     }
     static get is() { return "rtk-debugger-toggle"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/rtk-dialog-manager/rtk-dialog-manager.js

@@ -132,12 +132,6 @@ export class RtkDialogManager {
                     this.updateStoreState('activeMuteAllConfirmation', false);
                 }, iconPack: this.iconPack, t: this.t }, h("rtk-mute-all-confirmation", Object.assign({}, defaults)))));
         }
-        else if (states === null || states === void 0 ? void 0 : states.activeChannelCreator) {
-            return (h(Host, null, h("rtk-dialog", { open: true, onRtkDialogClose: () => {
-                    this.updateStoreState('activeChannelCreator', false);
-                }, iconPack: this.iconPack, t: this.t }, h("rtk-channel-creator", Object.assign({}, defaults)))));
-        }
-        return null;
     }
     static get is() { return "rtk-dialog-manager"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/rtk-draft-attachment-view/rtk-draft-attachment-view.js

@@ -53,7 +53,7 @@ export class RtkDraftAttachmentView {
         this.onAttachmentChange();
     }
     render() {
-        return (h(Host, { key: '22c8ff3317b6247dc6a0fa2088f28dc293de9738' }, h("div", { key: '317c0e6a06849af0af42d81353dc0002b82185a5', class: "preview-overlay" }, h("div", { key: '94d0d35a3696725b59341303760212cf6e01c8a7', class: "preview" }, h("rtk-tooltip", { key: '3171acf60f22a80cbcbf9d3d6f8cf5ac61b67b67', label: this.t('chat.cancel_upload') }, h("rtk-button", { key: '37d1055de9d59318c0f7f612dee3304838142968', variant: "secondary", kind: "icon", onClick: this.onDeleteClickHandler }, h("rtk-icon", { key: '9988b389300e0c6bd404d02440d7b3d323f384dd', icon: this.iconPack.dismiss }))), this.attachment.type === 'image' ? (h("img", { class: "preview-image", src: this.filePreview })) : (h("div", { class: "preview-file" }, h("span", null, this.filePreview)))))));
+        return (h(Host, { key: 'b23eb412c60a62f542aec0e3cd3b99fc72de48f0' }, h("div", { key: '04251f8d4b13325f8474110c89733369bd8904f2', class: "preview-overlay" }, h("div", { key: '51963510a704b19e7c591ea177018bae6e0317f5', class: "preview" }, h("rtk-tooltip", { key: '3a2167ea7a02f1d744462826084f0fef5c607ac9', label: this.t('chat.cancel_upload') }, h("rtk-button", { key: '634c9a7e0962ed82c36519e919eb597c9b603f51', variant: "secondary", kind: "icon", onClick: this.onDeleteClickHandler }, h("rtk-icon", { key: 'b936e54ae44e1d54b73adf38a92551fbea0299c5', icon: this.iconPack.dismiss }))), this.attachment.type === 'image' ? (h("img", { class: "preview-image", src: this.filePreview })) : (h("div", { class: "preview-file" }, h("span", null, this.filePreview)))))));
     }
     static get is() { return "rtk-draft-attachment-view"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/rtk-emoji-picker/rtk-emoji-picker.js

@@ -57,7 +57,7 @@ export class RtkEmojiPicker {
         return (h("div", { id: "emoji-grid", class: "scrollbar max-w-40" }, this.filteredEmojis.map((e) => (h("rtk-button", { key: `emoji-button-${e.name}`, class: "emoji", variant: "ghost", kind: "icon", title: e.name, onClick: () => this.handleEmojiClick(e.emoji) }, e.emoji)))));
     }
     render() {
-        return (h(Host, { key: '48f4159ff5232b9d03fdcabf2d39e4375ca4fa14' }, h("div", { key: '20f86592a9dc47231c0c6cf33484af981533e21d', class: 'close-parent' }, h("rtk-button", { key: 'cff61f9c8fa0c1e0a8b6dc9433abedf914f9ded0', variant: "ghost", kind: "icon", class: "close", onClick: () => { var _a; return (_a = this.pickerClose) === null || _a === void 0 ? void 0 : _a.emit(); }, "aria-label": this.t('close') }, h("rtk-icon", { key: '56a12d4cc55b80ea026c92906466ebb10bf6cd6e', icon: this.iconPack.dismiss }))), h("div", { key: 'b48a1933b33f9886f39955ecbd046ffff370719b', class: 'emoji-parent' }, h("input", { key: '40d0f74a160358c3214b810de0f2ee6f286f1af7', value: this.filterVal, onInput: (event) => this.handleInputChange(event.target), placeholder: this.t('search'), ref: (el) => (this.inputElement = el) }), this.mapEmojiList())));
+        return (h(Host, { key: 'e099d5996a16c659de17ca9a36fcd79a9f02f400' }, h("div", { key: '2a3e300c9625b877feb2b6780df7d1a9851cb7f3', class: 'close-parent' }, h("rtk-button", { key: '7ca8421704136d09d107d1f7392ba393d5f59a9a', variant: "ghost", kind: "icon", class: "close", onClick: () => { var _a; return (_a = this.pickerClose) === null || _a === void 0 ? void 0 : _a.emit(); }, "aria-label": this.t('close') }, h("rtk-icon", { key: '040069093f7243bf5075d55b2c081c564d885a8f', icon: this.iconPack.dismiss }))), h("div", { key: '372a32be35dea5200323720e221424b5138cc4ab', class: 'emoji-parent' }, h("input", { key: 'fae2be13d736adbb99212146498f00d4f395636e', value: this.filterVal, onInput: (event) => this.handleInputChange(event.target), placeholder: this.t('search'), ref: (el) => (this.inputElement = el) }), this.mapEmojiList())));
     }
     static get is() { return "rtk-emoji-picker"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/rtk-emoji-picker-button/rtk-emoji-picker-button.js

@@ -19,7 +19,7 @@ export class RtkEmojiPickerButton {
         this.t = useLanguage();
     }
     render() {
-        return (h("rtk-tooltip", { key: '9826128cb78d2cb79a21b4dcb877ecc1ab020090', label: this.t('chat.send_emoji') }, h("rtk-button", { key: '07fd6bcc6ffdb58278c843748f771a2597f8edcd', variant: "ghost", kind: "icon", class: { active: this.isActive }, title: this.t('chat.send_emoji') }, h("rtk-icon", { key: '30f352d18771bd542d9ca4ff1a4615ef5958ec7d', icon: this.iconPack.emoji_multiple }))));
+        return (h("rtk-tooltip", { key: 'bcde14fb2c3a6544882502e65ffda7a6b3b6f13d', label: this.t('chat.send_emoji') }, h("rtk-button", { key: 'd82fa78c4ffe48c24131a6e38f087548f540fefa', variant: "ghost", kind: "icon", class: { active: this.isActive }, title: this.t('chat.send_emoji') }, h("rtk-icon", { key: '791bbe2537f1aeb064c5e9ccbbf4af37b706ec2a', icon: this.iconPack.emoji_multiple }))));
     }
     static get is() { return "rtk-emoji-picker-button"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/rtk-file-dropzone/rtk-file-dropzone.js

@@ -37,7 +37,7 @@ export class RtkFileDropzone {
         });
     }
     render() {
-        return (h(Host, { key: 'b48025cbb3461f9eb95eb3731d3cf0e0b7c370c7' }, h("div", { key: '00112e25f54a6b0a1c66530abcf232bf553d02d2', id: "dropzone", class: { active: this.dropzoneActivated }, part: "dropzone" }, h("rtk-icon", { key: '57b13d941c10854e3144d6107135e610734ed9f1', icon: this.iconPack.attach }), h("p", { key: '5f803ce1f2938255b865a6b905658463f6870060' }, this.t('chat.send_attachment')))));
+        return (h(Host, { key: 'd3fd9af2a148277b2481c94305104e43088a9b42' }, h("div", { key: 'f889ddc5635013ae7f364a6d36ef51936e179f7d', id: "dropzone", class: { active: this.dropzoneActivated }, part: "dropzone" }, h("rtk-icon", { key: 'ceb747a5fba7aa40ef108d404a7b8b02e6ab25b9', icon: this.iconPack.attach }), h("p", { key: '711b8a1ace2d73714f9abdbaba8c031e204fe07e' }, this.t('chat.send_attachment')))));
     }
     static get is() { return "rtk-file-dropzone"; }
     static get encapsulation() { return "shadow"; }

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

@@ -16,6 +16,7 @@ import { downloadFile, getExtension, getFileSize } from "../../utils/file";
 import { SyncWithStore } from "../../utils/sync-with-store";
 import { useLanguage } from "../../lib/lang";
 /**
+ * @deprecated `rtk-file-message` is deprecated and will be removed soon. Use `rtk-file-message-view` instead.
  * A component which renders a file message from chat.
  */
 export class RtkFileMessage {
@@ -33,10 +34,10 @@ export class RtkFileMessage {
     }
     render() {
         const link = sanitizeLink(this.message.link);
-        return (h(Host, { key: '771fc8ccb2700a3fba83f04676a0c4396c1a8a41' }, !this.isContinued && (h(ChatHead, { key: 'ef2d83897dcae870bb7a2b0eeef397585b873b77', name: this.message.displayName, time: this.message.time, now: this.now })), h("div", { key: '841039fcad32f254653bd490a98f268479345b44', class: {
+        return (h(Host, { key: '915330674d273f2c45ece29cb5e7c9408ee5cbe8' }, !this.isContinued && (h(ChatHead, { key: 'eb2877f6224de9be1c975f0d2dc010f29fef3bc9', name: this.message.displayName, time: this.message.time, now: this.now })), h("div", { key: '87d7f309379f23b76e404da2039cd2fd3fb7c95a', class: {
                 body: true,
                 bubble: this.showBubble,
-            }, part: "body" }, h("div", { key: '65e3c8aafa4e9fa55a24264685bb0cf20841048a', class: "file" }, h("div", { key: '1b1e97b1518c5471964ea91889f4500fc0e01e03', class: "file-data" }, h("div", { key: 'ff9d3071b528162f6e796ccb49e2472df2e8d364', class: "name" }, this.message.name), h("div", { key: '1d3ccb1f5bc2a94983de216e77a8ebc0ae07d669', class: "file-data-split" }, h("div", { key: 'ebab32b642e097b3c1c1903269a8d76fbd586f5c', class: "ext" }, getExtension(this.message.name)), h("span", { key: '81ee3600ba18a7689706504befebcf02697a56e7', class: "divider" }), h("div", { key: 'e969a8d6221d8af560a26510c38a92406a18ef2a', class: "size" }, getFileSize(this.message.size)))), h("rtk-button", { key: '482c27659f71cfebf9f88fdf538e32baa6b87073', variant: "secondary", kind: "icon", onClick: () => downloadFile(link, { name: this.message.name, fallbackName: 'file' }), part: "button" }, h("rtk-icon", { key: '4efaeb927b4ea2010eed09227eb7f511b9253017', icon: this.iconPack.download }))))));
+            }, part: "body" }, h("div", { key: '7683a17adf5784ef0e6af8f396c58c005a369f6b', class: "file" }, h("div", { key: '3005eb72a09ba4d241ec919f957b95f26077ed13', class: "file-data" }, h("div", { key: 'ca5fc3700f868fd321793d4da672e9c7aad38056', class: "name" }, this.message.name), h("div", { key: '463c37838eec7b9ee9b096803cb785445206041a', class: "file-data-split" }, h("div", { key: '9470b898708fc78ca01c2926f8fb6a3c6fae6eea', class: "ext" }, getExtension(this.message.name)), h("span", { key: '35fa7f199b45bb6e64a72614ca1eceaafa6044e7', class: "divider" }), h("div", { key: 'b19a9d32151bb1ddbbb7689dc6d8e09b021d0612', class: "size" }, getFileSize(this.message.size)))), h("rtk-button", { key: '6bb6a3223801a944fb9018765385ebadeae15e0f', variant: "secondary", kind: "icon", onClick: () => downloadFile(link, { name: this.message.name, fallbackName: 'file' }), part: "button" }, h("rtk-icon", { key: '9a7335c6720295a7f0b9073e35ac86014be53316', icon: this.iconPack.download }))))));
     }
     static get is() { return "rtk-file-message"; }
     static get properties() {

package/dist/collection/components/rtk-file-message-view/rtk-file-message-view.js

@@ -22,7 +22,7 @@ export class RtkFileMessageView {
         this.iconPack = defaultIconPack;
     }
     render() {
-        return (h("div", { key: 'd2cbeddc138f81c05da1656ee7f59c170e83bd1e', class: "file" }, h("rtk-button", { key: 'b0ee90c3493c24e938b6ea88a317c642e4afc003', variant: "secondary", kind: "icon", onClick: () => downloadFile(sanitizeLink(this.url), { name: this.name, fallbackName: 'file' }), part: "button" }, h("rtk-icon", { key: 'c1b25c655b5c87bf95948abfa461f8b58ff79195', icon: this.iconPack.download })), h("div", { key: 'c961a8ce93d4ff4405590787a88b5a9bbdbf56ab', class: "file-data" }, h("div", { key: 'bd178354d166c7816d6fabb72f7bba70fd711415', class: "name" }, this.name), h("div", { key: '59a791ae9f94a13b4005a0d8f79d09687fe3fc4c', class: "file-data-split" }, h("div", { key: 'b31421fdf786d92eed0decec9d3b247530413aa9', class: "ext" }, getExtension(this.name)), h("span", { key: '7a0a2a188b3e0b6bee0cf54d3afe29c2454788bb', class: "divider" }), h("div", { key: 'b217b87fa0737732aae10662b82d337d7258e6d7', class: "size" }, getFileSize(this.size))))));
+        return (h("div", { key: 'cdd46a1be912f807688dc86671dddd2fa5b9e7c9', class: "file" }, h("rtk-button", { key: '20bd6c448ec64902989cd742a8f18de32e368194', variant: "secondary", kind: "icon", onClick: () => downloadFile(sanitizeLink(this.url), { name: this.name, fallbackName: 'file' }), part: "button" }, h("rtk-icon", { key: '11ac30db5146132be8aaba67a79f66f8aba7bb8d', icon: this.iconPack.download })), h("div", { key: '342dd8daa944a5857a6519339b4d3bfb6c369eda', class: "file-data" }, h("div", { key: 'e161743b75677b1e81d09d7c373be494ccf8411a', class: "name" }, this.name), h("div", { key: '99f2d8d77ef3c129aa0c229260f6e79901ce268c', class: "file-data-split" }, h("div", { key: '7b9beadca2a810c151fb1ad43ee7c47ba451a37a', class: "ext" }, getExtension(this.name)), h("span", { key: 'd55f69a96bbe26c262461fa87f1a0a506854cf59', class: "divider" }), h("div", { key: 'cad33d263ab75aeb3083886e83063b8ccb2ea976', class: "size" }, getFileSize(this.size))))));
     }
     static get is() { return "rtk-file-message-view"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/rtk-file-picker-button/rtk-file-picker-button.js

@@ -44,7 +44,7 @@ export class RtkFilePickerButton {
     render() {
         const label = this.label || this.t('chat.send_file');
         const icon = this.iconPack[this.icon];
-        return (h("rtk-tooltip", { key: '90e405f39792f7ea0430c55e9b5ba0da72ce2a4a', label: label }, h("rtk-button", { key: 'f0957e7a9668afd9e25e866ea2acbb6891123bbe', variant: "ghost", kind: "icon", onClick: () => this.uploadFile(), title: label }, h("rtk-icon", { key: '1955f524343683974831b28629291428637aa8fc', icon: icon }))));
+        return (h("rtk-tooltip", { key: '78ef1fd3a42656601c94561bbfc63f888d8180d3', label: label }, h("rtk-button", { key: 'a0a82e689c2e3a344936db1b3253e36def3a0ce5', variant: "ghost", kind: "icon", onClick: () => this.uploadFile(), title: label }, h("rtk-icon", { key: '1651a9f460e3851ff5296f05cf08554f9da21703', icon: icon }))));
     }
     static get is() { return "rtk-file-picker-button"; }
     static get encapsulation() { return "shadow"; }

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

@@ -40,7 +40,7 @@ export class RtkHeader {
             iconPack: this.iconPack,
             size: this.size,
         };
-        return (h(Host, { key: '1f3b7e1a0a0895e6429c12ddb44470ef35a30d23' }, !this.disableRender && h(Render, { key: '3b1525e4f4aaac177b466e4c72be4b7492bd404f', element: "rtk-header", defaults: defaults, onlyChildren: true }), h("slot", { key: '6f770052362e6daa803638e0857de41c2c894ed3' })));
+        return (h(Host, { key: '00cfd80dbffa3f1c9c66e00397c7db1e7292664c' }, !this.disableRender && h(Render, { key: '521ab0493477836b0a5ce6de5ed85a842c71d32a', element: "rtk-header", defaults: defaults, onlyChildren: true }), h("slot", { key: 'f73693073b8a7162a5db2ec73e93de6bbccea7dd' })));
     }
     static get is() { return "rtk-header"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/rtk-idle-screen/rtk-idle-screen.js

@@ -27,7 +27,7 @@ export class RtkIdleScreen {
         this.t = useLanguage();
     }
     render() {
-        return (h(Host, { key: 'c5eff1252dc42e20190130962994d713b95b922b' }, h("slot", { key: '99a385d737fba394bcce3340d7ceaa49fe290580' }, h("div", { key: '484cfb782b699eea5be2eac7c003dcaea922177a', class: "ctr", part: "container" }, h("rtk-logo", { key: '0e190078187680faec1df09a7a50bc80d405a978', meeting: this.meeting, config: this.config, t: this.t, part: "logo" }), h("rtk-spinner", { key: 'f00bae50ccb13120714d2d94c9629747824b5eaa', "aria-label": "Idle, waiting for meeting data", part: "spinner", iconPack: this.iconPack })))));
+        return (h(Host, { key: '1243feb830c4b40ddbb41409ba5e4f5259d4aba2' }, h("slot", { key: 'e5c674091393508a202d514e9ad41ccae687a660' }, h("div", { key: 'bd6e459fc18148edf47ed45df3e9f1f3d3356383', class: "ctr", part: "container" }, h("rtk-logo", { key: '9b3211860563ef93307902744b37985908f71cdf', meeting: this.meeting, config: this.config, t: this.t, part: "logo" }), h("rtk-spinner", { key: '584a3355b5a023ae9bc66f1eafbd85f3d3b9bb92', "aria-label": "Idle, waiting for meeting data", part: "spinner", iconPack: this.iconPack })))));
     }
     static get is() { return "rtk-idle-screen"; }
     static get encapsulation() { return "shadow"; }

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

@@ -16,6 +16,7 @@ import { downloadFile } from "../../utils/file";
 import { useLanguage } from "../../lib/lang";
 import { SyncWithStore } from "../../utils/sync-with-store";
 /**
+ * @deprecated `rtk-image-message` is deprecated and will be removed soon. Use `rtk-image-message-view` instead.
  * A component which renders an image message from chat.
  */
 export class RtkImageMessage {
@@ -33,10 +34,10 @@ export class RtkImageMessage {
         this.status = 'loading';
     }
     render() {
-        return (h(Host, { key: '7e0fc95aff5f4db94f4ec0ba3c4dcd4d2ee9ffa6' }, !this.isContinued && (h(ChatHead, { key: 'cc7f214502f49fe2869f3e9bdfd797926987ef74', name: this.message.displayName, time: this.message.time, now: this.now })), h("div", { key: '2e61a7320c1941df7c0d13082a9257e47ec5df58', class: {
+        return (h(Host, { key: '1267763841d7162f1ad4152a5c4cdd809aaa3808' }, !this.isContinued && (h(ChatHead, { key: '9b415f65f456f8624cd4f981d7f8ae191772a3ce', name: this.message.displayName, time: this.message.time, now: this.now })), h("div", { key: '38ea5e45140f543ae6d16d2d00b0bf0c9a671910', class: {
                 body: true,
                 bubble: this.showBubble,
-            }, part: "body" }, h("div", { key: 'bf2eec18c82aae79f31c40d44711ec7db2ab5bf1', class: { image: true, loaded: this.status === 'loaded' } }, h("img", { key: 'acb8f5ef169bd0c663dbc74c1d43b4186f81004a', src: sanitizeLink(this.message.link), onLoad: () => {
+            }, part: "body" }, h("div", { key: '3c842144038f9612fc46c3f5d18f87342f8376c4', class: { image: true, loaded: this.status === 'loaded' } }, h("img", { key: '39b2978696328d6ed6ac3bbbdc83a57fc7fa7d88', src: sanitizeLink(this.message.link), onLoad: () => {
                 this.status = 'loaded';
             }, onError: () => {
                 this.status = 'errored';
@@ -44,9 +45,9 @@ export class RtkImageMessage {
                 if (this.status === 'loaded') {
                     this.stateUpdate.emit({ image: this.message });
                 }
-            } }), this.status === 'loading' && (h("div", { key: '92a6610a937088e03200f9048146da0e4f749054', class: "image-spinner", title: this.t('chat.img.loading'), "aria-label": this.t('chat.img.loading') }, h("rtk-spinner", { key: 'b85fa3e9dd0580f1d7e18360e74670a933e74367', iconPack: this.iconPack }))), this.status === 'errored' && (h("div", { key: 'b1046aff30dfe244498c957799f33c3a7c26ecb8', class: "image-errored", title: this.t('chat.error.img_not_found'), "aria-label": this.t('chat.error.img_not_found') }, h("rtk-icon", { key: '833e3ea7f7734a17450c98077e52b9db4fb5404a', icon: this.iconPack.image_off }))), this.status === 'loaded' && (h("div", { key: '2545e3685f6e586b4fdc1304da08bbece5ec2cda', class: "actions" }, h("rtk-button", { key: 'bb5e37862d82702f6350f48c275100825dd494fa', class: "action", variant: "secondary", kind: "icon", onClick: () => {
+            } }), this.status === 'loading' && (h("div", { key: 'd83ca52f9330ddef301be3d4a84b663f91864ea3', class: "image-spinner", title: this.t('chat.img.loading'), "aria-label": this.t('chat.img.loading') }, h("rtk-spinner", { key: '6333ce5847ecd62793d5777a886a3a1a33641fab', iconPack: this.iconPack }))), this.status === 'errored' && (h("div", { key: 'e4063e68ad477069d8acaa03d0dd1c692f82c76f', class: "image-errored", title: this.t('chat.error.img_not_found'), "aria-label": this.t('chat.error.img_not_found') }, h("rtk-icon", { key: '010562aee164fdb63e45da4c0eaa29ad1cbdf66c', icon: this.iconPack.image_off }))), this.status === 'loaded' && (h("div", { key: '14773362280e9dd167db61e58b3f729e0a86d88d', class: "actions" }, h("rtk-button", { key: '8e0cd659fd47074729fa3e63897e3e8eab3193a3', class: "action", variant: "secondary", kind: "icon", onClick: () => {
                 this.stateUpdate.emit({ image: this.message });
-            } }, h("rtk-icon", { key: '247f754dfe4c9b63634906105a71bb2146154eaa', icon: this.iconPack.full_screen_maximize })), h("rtk-button", { key: 'ab2712266ddce6f79abf1fca68379abcb4a3c9a1', class: "action", variant: "secondary", kind: "icon", onClick: () => downloadFile(this.message.link, { fallbackName: 'image' }) }, h("rtk-icon", { key: 'ffafa0e22d7752b125d0e1e50cfc03d858d29365', icon: this.iconPack.download }))))))));
+            } }, h("rtk-icon", { key: '9db76d4971f2b6b45d87b6015b7ef449fa46ba85', icon: this.iconPack.full_screen_maximize })), h("rtk-button", { key: '978934fd136ab2c364521ec55d25e578940e5c7c', class: "action", variant: "secondary", kind: "icon", onClick: () => downloadFile(this.message.link, { fallbackName: 'image' }) }, h("rtk-icon", { key: '55be50aff54309a76e5348f437805e2872bcf548', icon: this.iconPack.download }))))))));
     }
     static get is() { return "rtk-image-message"; }
     static get originalStyleUrls() {

package/dist/collection/components/rtk-image-message-view/rtk-image-message-view.js

@@ -25,7 +25,7 @@ export class RtkImageMessageView {
         this.status = 'loading';
     }
     render() {
-        return (h("div", { key: '259bdc1102c6026dd10388ae759f67608c777b5f', class: { image: true, loaded: this.status === 'loaded' } }, h("img", { key: 'dbcb8d497fee3710f4474ec3ac0ce9a9b4f1bb49', src: sanitizeLink(this.url), onLoad: () => {
+        return (h("div", { key: '47b2dd8f8dfc0d2aa20e80b513f802e1ebc09153', class: { image: true, loaded: this.status === 'loaded' } }, h("img", { key: 'fba4cfc015beb86040ec74b2a44e2163744a67c6', src: sanitizeLink(this.url), onLoad: () => {
                 this.status = 'loaded';
             }, onError: () => {
                 this.status = 'errored';
@@ -33,9 +33,9 @@ export class RtkImageMessageView {
                 if (this.status === 'loaded') {
                     this.onPreview.emit(this.url);
                 }
-            } }), this.status === 'loading' && (h("div", { key: 'b0ecfada4428e1cb8c3625cc4ce3d2a5bae058ab', class: "image-spinner", title: this.t('chat.img.loading'), "aria-label": this.t('chat.img.loading') }, h("rtk-spinner", { key: 'fff61c6522d8bcb7de1345bb6505721ee6c6325e', iconPack: this.iconPack }))), this.status === 'errored' && (h("div", { key: 'c07e2cf6e9a94d375802c974e519d859ab48aa9b', class: "image-errored", title: this.t('chat.error.img_not_found'), "aria-label": this.t('chat.error.img_not_found') }, h("rtk-icon", { key: '83108f4f0396d77778463601a4f18d8593b0ffe7', icon: this.iconPack.image_off }))), this.status === 'loaded' && (h("div", { key: '96b5aafbd94eec920ae1cad14f09ab4a44571bd7', class: "actions" }, h("rtk-button", { key: 'a87ec11cc8de472aeb356689b49b6b366bd67f28', class: "action", variant: "secondary", kind: "icon", onClick: () => {
+            } }), this.status === 'loading' && (h("div", { key: '4da0a3ab39d782e9affe7702a19232747bb4581c', class: "image-spinner", title: this.t('chat.img.loading'), "aria-label": this.t('chat.img.loading') }, h("rtk-spinner", { key: 'dea7afe2c92dd5c7c71620bc7b9089f743ef1aa2', iconPack: this.iconPack }))), this.status === 'errored' && (h("div", { key: 'ab303ce11b7182d20c64b00638a1c8be59aea774', class: "image-errored", title: this.t('chat.error.img_not_found'), "aria-label": this.t('chat.error.img_not_found') }, h("rtk-icon", { key: 'e14eb63cc4b2d18a5abd921e25ef305095f61c17', icon: this.iconPack.image_off }))), this.status === 'loaded' && (h("div", { key: 'ccceaa5cc5821ce9b4ddab742001cee78135636a', class: "actions" }, h("rtk-button", { key: 'de49516247d9655cc74afcd58bc50771e2594dca', class: "action", variant: "secondary", kind: "icon", onClick: () => {
                 this.onPreview.emit(this.url);
-            } }, h("rtk-icon", { key: '543478c786b709ac477d4482874608c0b394b27c', icon: this.iconPack.full_screen_maximize })), h("rtk-button", { key: '6ce6d94a965688c7ec6ee64f79a4d13dda9651e3', class: "action", variant: "secondary", kind: "icon", onClick: () => downloadFile(this.url, { fallbackName: 'image' }) }, h("rtk-icon", { key: '3b1d67fbdd667e0d006e342c37f6e78c90fd2e34', icon: this.iconPack.download }))))));
+            } }, h("rtk-icon", { key: 'bd1ea608e4846d994a418236dca7856570bd689d', icon: this.iconPack.full_screen_maximize })), h("rtk-button", { key: '266a860a4ab4d6cf76bd89bb35c987efbc89a593', class: "action", variant: "secondary", kind: "icon", onClick: () => downloadFile(this.url, { fallbackName: 'image' }) }, h("rtk-icon", { key: 'ec26862ff95e116d519280c7e62ed7a7e1ede273', icon: this.iconPack.download }))))));
     }
     static get is() { return "rtk-image-message-view"; }
     static get encapsulation() { return "shadow"; }