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

package/dist/components/{p-210862ae.js → p-ac80e7fc.js}

@@ -1,32 +1,31 @@
 import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-c3592601.js';
-import { c as createDefaultConfig, e as defaultIconPack, i as useLanguage, f as defaultOverrides, L as FlagsmithFeatureFlags } from './p-e847fee9.js';
-import { h as handleFilesDataTransfer, g as generateChatGroupKey, T as TEMPORARY_CHANNEL_PREFIX, i as isDirectMessageChannel, d as alphabeticalSorter, f as getDMComparator, j as parseMessageForTarget } from './p-dab9d3d6.js';
+import { c as createDefaultConfig, e as defaultIconPack, i as useLanguage, f as defaultOverrides, L as FlagsmithFeatureFlags } from './p-dc9dde66.js';
+import { h as handleFilesDataTransfer, g as generateChatGroupKey, p as parseMessageForTarget } from './p-addb4be5.js';
 import { c as chatUnreadTimestamps } from './p-a83ccdbd.js';
-import { S as SyncWithStore } from './p-6f7c46d2.js';
-import { d as defineCustomElement$m } from './p-9bdc24b8.js';
-import { d as defineCustomElement$l } from './p-1391bef0.js';
-import { d as defineCustomElement$k } from './p-c78c26b1.js';
-import { d as defineCustomElement$j } from './p-3972098e.js';
-import { d as defineCustomElement$i } from './p-e4888ccc.js';
-import { d as defineCustomElement$h } from './p-524d7900.js';
-import { d as defineCustomElement$g } from './p-f7bd10f1.js';
-import { d as defineCustomElement$f } from './p-e72a0f16.js';
-import { d as defineCustomElement$e } from './p-43bf8953.js';
-import { d as defineCustomElement$d } from './p-e375b50d.js';
+import { S as SyncWithStore } from './p-9c3c75a9.js';
+import { d as defineCustomElement$l } from './p-cec4d080.js';
+import { d as defineCustomElement$k } from './p-1391bef0.js';
+import { d as defineCustomElement$j } from './p-97d1dcb7.js';
+import { d as defineCustomElement$i } from './p-770c0fd7.js';
+import { d as defineCustomElement$h } from './p-1ea0d406.js';
+import { d as defineCustomElement$g } from './p-3245ace2.js';
+import { d as defineCustomElement$f } from './p-24481cb4.js';
+import { d as defineCustomElement$e } from './p-52e95364.js';
+import { d as defineCustomElement$d } from './p-777aa628.js';
 import { d as defineCustomElement$c } from './p-73baf5ba.js';
-import { d as defineCustomElement$b } from './p-282e8e83.js';
-import { d as defineCustomElement$a } from './p-cf8f725b.js';
-import { d as defineCustomElement$9 } from './p-2447a26f.js';
-import { d as defineCustomElement$8 } from './p-819cb785.js';
-import { d as defineCustomElement$7 } from './p-7148ec6a.js';
-import { d as defineCustomElement$6 } from './p-7a27fdb5.js';
-import { d as defineCustomElement$5 } from './p-44a203bd.js';
-import { d as defineCustomElement$4 } from './p-e443d803.js';
-import { d as defineCustomElement$3 } from './p-19b037c5.js';
-import { d as defineCustomElement$2 } from './p-6739a399.js';
-import { d as defineCustomElement$1 } from './p-fb836f65.js';
+import { d as defineCustomElement$b } from './p-f5101af9.js';
+import { d as defineCustomElement$a } from './p-8222af8c.js';
+import { d as defineCustomElement$9 } from './p-951a67af.js';
+import { d as defineCustomElement$8 } from './p-7e6ca4af.js';
+import { d as defineCustomElement$7 } from './p-fe648db5.js';
+import { d as defineCustomElement$6 } from './p-d3414935.js';
+import { d as defineCustomElement$5 } from './p-33db910f.js';
+import { d as defineCustomElement$4 } from './p-19d83dd6.js';
+import { d as defineCustomElement$3 } from './p-2ec120cd.js';
+import { d as defineCustomElement$2 } from './p-a6aea524.js';
+import { d as defineCustomElement$1 } from './p-63c79efa.js';
 
-const rtkChatCss = ":host {\n  line-height: initial;\n  font-family: var(--rtk-font-family, sans-serif);\n\n  font-feature-settings: normal;\n  font-variation-settings: normal;\n}\n\np {\n  margin: var(--rtk-space-0, 0px);\n  padding: var(--rtk-space-0, 0px);\n}\n\n.scrollbar {\n  /* For Firefox */\n  scrollbar-width: thin;\n  scrollbar-color: var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))\n    var(--rtk-scrollbar-background, transparent);\n}\n\n/* For WebKit */\n.scrollbar::-webkit-scrollbar {\n  height: var(--rtk-space-1\\.5, 6px);\n  width: var(--rtk-space-1\\.5, 6px);\n  border-radius: 9999px;\n  background-color: var(--rtk-scrollbar-background, transparent);\n}\n\n.scrollbar::-webkit-scrollbar-thumb {\n  border-radius: 9999px;\n  background-color: var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)));\n}\n\n\n:host {\n  display: flex;\n  height: 100%;\n  width: 100%;\n  flex-direction: column;\n  font-size: 14px;\n  position: relative;\n  color: rgb(var(--rtk-colors-text-1000, 255 255 255));\n}\n\nh3 {\n  margin: var(--rtk-space-0, 0px);\n  display: flex;\n  height: var(--rtk-space-12, 48px);\n  align-items: center;\n  justify-content: center;\n  font-size: 16px;\n  font-weight: 400;\n  color: rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));\n  text-align: center;\n}\n\n#dropzone {\n  position: absolute;\n  top: var(--rtk-space-0, 0px);\n  right: var(--rtk-space-0, 0px);\n  bottom: var(--rtk-space-0, 0px);\n  left: var(--rtk-space-0, 0px);\n  z-index: 10;\n  display: none;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));\n  color: rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64));\n}\n\n#dropzone.active {\n  display: flex;\n  animation: 0.2s slide-up ease-in;\n}\n\nrtk-chat-messages-ui,\nrtk-chat-messages-ui-paginated {\n  flex: 1 0 0;\n}\n\nrtk-chat-composer-view {\n  margin: var(--rtk-space-2, 8px);\n}\n\n.chat-container {\n  display: flex;\n  height: 100%;\n  width: 100%;\n  flex-direction: row;\n  container-type: size;\n  container-name: chatcontainer;\n}\n\n@container chatcontainer (height < 360px) {\n  rtk-channel-selector-view {\n    height: var(--rtk-space-8, 32px);\n    min-height: 24px;\n  }\n}\n\n.chat {\n  display: flex;\n  flex: 1 1 0%;\n  flex-direction: column;\n}\n\n.banner {\n  height: 100%;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n\n.banner .welcome-new-channel {\n  width: var(--rtk-space-48, 192px);\n}\n\n.banner .create-channel-illustration {\n  height: var(--rtk-space-40, 160px);\n  width: var(--rtk-space-40, 160px);\n}\n\n.channel-selector-header {\n  box-sizing: border-box;\n  height: var(--rtk-space-16, 64px);\n  padding: var(--rtk-space-4, 16px);\n  display: flex;\n  justify-content: space-between;\n  border-bottom: var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-700, 44 44 44));\n}\n\n.channel-selector-header .channel-create-btn {\n  width: var(--rtk-space-8, 32px);\n  justify-content: center;\n}\n\n.channel-selector-header .channel-create-btn:hover {\n  --tw-text-opacity: 1;\n  color: rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-text-opacity));\n}\n\n.view-chats-btn {\n  margin-top: var(--rtk-space-4, 16px);\n}\n\n.selector-container {\n  z-index: 50;\n  width: 100%;\n  max-width: var(--rtk-space-80, 320px);\n  border-right: var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60));\n}\n\n.selector-container.hide {\n  display: none;\n}\n\n.mobile-close-btn {\n  display: none;\n}\n\n.selector-container.mobile {\n  height: 100%;\n  width: 100%;\n  max-width: 100%;\n  position: absolute;\n  top: var(--rtk-space-0, 0px);\n  right: var(--rtk-space-0, 0px);\n  bottom: var(--rtk-space-0, 0px);\n  left: var(--rtk-space-0, 0px);\n  background-color: rgba(var(--rtk-colors-background-1000, 8 8 8) / 0.6);\n  display: flex;\n}\n\n.selector-container.mobile rtk-channel-selector-view {\n  max-width: var(--rtk-space-96, 384px);\n    animation: 0.3s swipe-in;\n}\n\n.selector-container.mobile .mobile-close-btn {\n  margin-top: var(--rtk-space-4, 16px);\n  margin-bottom: var(--rtk-space-4, 16px);\n  margin-left: var(--rtk-space-6, 24px);\n  margin-right: var(--rtk-space-6, 24px);\n  display: block;\n}\n\n.pinned-messages {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n}\n\n.pinned-messages-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--rtk-space-2, 8px);\n  padding: var(--rtk-space-4, 16px);\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity));\n  font-size: 14px;\n  cursor: pointer;\n}\n\n.pinned-messages-header div {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: var(--rtk-space-2, 8px);\n}\n\n.pinned-messages-header rtk-icon {\n  height: var(--rtk-space-3, 12px);\n  width: var(--rtk-space-3, 12px);\n}\n\n.pinned-messages-content {\n  --tw-border-opacity: 1;\n  border-color: rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-border-opacity));\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));\n  position: absolute;\n  left: var(--rtk-space-0, 0px);\n  top: 100%;\n  z-index: 50;\n  max-height: 30vh;\n  width: 100%;\n  overflow: auto;\n}\n\n.pinned-message {\n  display: flex;\n  cursor: pointer;\n  flex-direction: row;\n  align-items: center;\n  gap: var(--rtk-space-2, 8px);\n  --tw-border-opacity: 1;\n  border-color: rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-border-opacity));\n  padding: var(--rtk-space-4, 16px);\n  border-bottom-width: var(--rtk-border-width-sm, 1px);\n  border-right-width: var(--rtk-border-width-none, 0);\n  border-left-width: var(--rtk-border-width-none, 0);\n  border-top-width: var(--rtk-border-width-none, 0);\n  border-style: solid;\n}\n\n.pinned-message-avatar {\n  height: var(--rtk-space-6, 24px) !important;\n  width: var(--rtk-space-6, 24px) !important;\n}\n\n@keyframes swipe-in {\n  from {\n    transform: translateX(-100%);\n  }\n  to {\n    transform: translateX(0);\n  }\n}\n";
+const rtkChatCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}.scrollbar{scrollbar-width:thin;scrollbar-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))\n    var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar{height:var(--rtk-space-1\\.5, 6px);width:var(--rtk-space-1\\.5, 6px);border-radius:9999px;background-color:var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar-thumb{border-radius:9999px;background-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))}:host{display:flex;height:100%;width:100%;flex-direction:column;font-size:14px;position:relative;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}h3{margin:var(--rtk-space-0, 0px);display:flex;height:var(--rtk-space-12, 48px);align-items:center;justify-content:center;font-size:16px;font-weight:400;color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));text-align:center}#dropzone{position:absolute;top:var(--rtk-space-0, 0px);right:var(--rtk-space-0, 0px);bottom:var(--rtk-space-0, 0px);left:var(--rtk-space-0, 0px);z-index:10;display:none;flex-direction:column;align-items:center;justify-content:center;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64))}#dropzone.active{display:flex;animation:0.2s slide-up ease-in}rtk-chat-messages-ui,rtk-chat-messages-ui-paginated{flex:1 0 0}rtk-chat-composer-view{margin:var(--rtk-space-2, 8px)}.chat-container{display:flex;height:100%;width:100%;flex-direction:row;container-type:size;container-name:chatcontainer}.chat{display:flex;flex:1 1 0%;flex-direction:column}.banner{height:100%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.view-chats-btn{margin-top:var(--rtk-space-4, 16px)}.selector-container{z-index:50;width:100%;max-width:var(--rtk-space-80, 320px);border-right:var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60))}.selector-container.hide{display:none}.mobile-close-btn{display:none}.selector-container.mobile{height:100%;width:100%;max-width:100%;position:absolute;top:var(--rtk-space-0, 0px);right:var(--rtk-space-0, 0px);bottom:var(--rtk-space-0, 0px);left:var(--rtk-space-0, 0px);background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / 0.6);display:flex}.selector-container.mobile .mobile-close-btn{margin-top:var(--rtk-space-4, 16px);margin-bottom:var(--rtk-space-4, 16px);margin-left:var(--rtk-space-6, 24px);margin-right:var(--rtk-space-6, 24px);display:block}.pinned-messages{position:relative;display:flex;flex-direction:column}.pinned-messages-header{display:flex;align-items:center;justify-content:space-between;gap:var(--rtk-space-2, 8px);padding:var(--rtk-space-4, 16px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity));font-size:14px;cursor:pointer}.pinned-messages-header div{display:flex;flex-direction:row;align-items:center;gap:var(--rtk-space-2, 8px)}.pinned-messages-header rtk-icon{height:var(--rtk-space-3, 12px);width:var(--rtk-space-3, 12px)}.pinned-messages-content{--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));position:absolute;left:var(--rtk-space-0, 0px);top:100%;z-index:50;max-height:30vh;width:100%;overflow:auto}.pinned-message{display:flex;cursor:pointer;flex-direction:row;align-items:center;gap:var(--rtk-space-2, 8px);--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-border-opacity));padding:var(--rtk-space-4, 16px);border-bottom-width:var(--rtk-border-width-sm, 1px);border-right-width:var(--rtk-border-width-none, 0);border-left-width:var(--rtk-border-width-none, 0);border-top-width:var(--rtk-border-width-none, 0);border-style:solid}.pinned-message-avatar{height:var(--rtk-space-6, 24px) !important;width:var(--rtk-space-6, 24px) !important}@keyframes swipe-in{from{transform:translateX(-100%)}to{transform:translateX(0)}}";
 const RtkChatStyle0 = rtkChatCss;
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -46,8 +45,6 @@ const RtkChat = /*@__PURE__*/ proxyCustomElement(class RtkChat extends H {
         this.__attachShadow();
         this.stateUpdate = createEvent(this, "rtkStateUpdate", 7);
         this.chatUpdateListener = ({ message }) => {
-            if (message.channelId)
-                return;
             if (!this.displayFilter || this.displayFilter(message)) {
                 this.addToChatGroup(message);
                 // shallow copy to trigger render
@@ -98,15 +95,12 @@ const RtkChat = /*@__PURE__*/ proxyCustomElement(class RtkChat extends H {
         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;
@@ -134,23 +128,14 @@ const RtkChat = /*@__PURE__*/ proxyCustomElement(class RtkChat extends H {
             });
         };
         this.disconnectMeeting = (meeting) => {
-            var _a, _b, _c, _d, _e, _f;
+            var _a;
             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()
@@ -167,20 +152,6 @@ const RtkChat = /*@__PURE__*/ proxyCustomElement(class RtkChat extends H {
         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') {
                 // public chat
@@ -197,91 +168,9 @@ const RtkChat = /*@__PURE__*/ proxyCustomElement(class RtkChat extends H {
             // 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;
@@ -296,7 +185,7 @@ const RtkChat = /*@__PURE__*/ proxyCustomElement(class RtkChat extends H {
             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;
@@ -345,25 +234,6 @@ const RtkChat = /*@__PURE__*/ proxyCustomElement(class RtkChat extends H {
             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;
@@ -513,11 +383,7 @@ const RtkChat = /*@__PURE__*/ proxyCustomElement(class RtkChat extends H {
         }
         return peerIds;
     }
-    channelSwitchListener(e) {
-        this.onChannelChanged(e);
-    }
     renderComposerUI() {
-        var _a;
         if (this.chatRecipientId === 'everyone') {
             if (!this.canSendTextMessage && !this.canSendFiles)
                 return null;
@@ -529,21 +395,18 @@ const RtkChat = /*@__PURE__*/ proxyCustomElement(class RtkChat extends H {
         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')))), this.renderPinnedMessagesHeader(), 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()))));
     }
     get host() { return this; }
     static get watchers() { return {
@@ -579,16 +442,13 @@ const RtkChat = /*@__PURE__*/ proxyCustomElement(class RtkChat extends H {
         "chatRecipientId": [32],
         "participants": [32],
         "selectedParticipant": [32],
-        "channels": [32],
-        "selectedChannelId": [32],
         "editingMessage": [32],
         "replyMessage": [32],
         "searchQuery": [32],
         "selectorState": [32],
-        "creatingChannel": [32],
         "isSendingMessage": [32],
         "showPinnedMessages": [32]
-    }, [[8, "editMessageInit", "onEditMessageInit"], [0, "switchChannel", "channelSwitchListener"]], {
+    }, [[8, "editMessageInit", "onEditMessageInit"]], {
         "meeting": ["meetingChanged"],
         "chatGroups": ["chatGroupsChanged"],
         "displayFilter": ["onDisplayFilterChanged"]
@@ -612,7 +472,7 @@ function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["rtk-chat", "rtk-avatar", "rtk-button", "rtk-channel-selector-view", "rtk-chat-composer-view", "rtk-chat-messages-ui-paginated", "rtk-draft-attachment-view", "rtk-emoji-picker", "rtk-emoji-picker-button", "rtk-file-message-view", "rtk-file-picker-button", "rtk-icon", "rtk-image-message-view", "rtk-markdown-view", "rtk-menu", "rtk-menu-item", "rtk-menu-list", "rtk-message-view", "rtk-paginated-list", "rtk-spinner", "rtk-text-composer-view", "rtk-text-message-view", "rtk-tooltip"];
+    const components = ["rtk-chat", "rtk-avatar", "rtk-button", "rtk-chat-composer-view", "rtk-chat-messages-ui-paginated", "rtk-draft-attachment-view", "rtk-emoji-picker", "rtk-emoji-picker-button", "rtk-file-message-view", "rtk-file-picker-button", "rtk-icon", "rtk-image-message-view", "rtk-markdown-view", "rtk-menu", "rtk-menu-item", "rtk-menu-list", "rtk-message-view", "rtk-paginated-list", "rtk-spinner", "rtk-text-composer-view", "rtk-text-message-view", "rtk-tooltip"];
     components.forEach(tagName => { switch (tagName) {
         case "rtk-chat":
             if (!customElements.get(tagName)) {
@@ -620,16 +480,11 @@ function defineCustomElement() {
             }
             break;
         case "rtk-avatar":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$m();
-            }
-            break;
-        case "rtk-button":
             if (!customElements.get(tagName)) {
                 defineCustomElement$l();
             }
             break;
-        case "rtk-channel-selector-view":
+        case "rtk-button":
             if (!customElements.get(tagName)) {
                 defineCustomElement$k();
             }

package/dist/components/{p-dab9d3d6.js → p-addb4be5.js}

@@ -17,9 +17,6 @@ const parseMessageForTarget = (message) => {
     }
     return parsedMessage;
 };
-function alphabeticalSorter(a, b) {
-    return a.localeCompare(b);
-}
 /**
  * Generate a unique chat group key used in `<rtk-chat /> and <rtk-chat-selector-ui />`
  * @param ids An array of user ids
@@ -93,14 +90,6 @@ function getUnreadChatCounts({ messages, selfUserId, selectedGroupId, participan
 function getParticipantUserId({ groupId, selfUserId, }) {
     return groupId.split('_').find((id) => id != selfUserId);
 }
-const TEMPORARY_CHANNEL_PREFIX = 'dm__';
-function isDirectMessageChannel(channel) {
-    return channel.isDirectMessage;
-}
-function getDMComparator(memberIds) {
-    const uniqueMemberIds = [...new Set(memberIds)];
-    return uniqueMemberIds.sort(alphabeticalSorter).join('<>');
-}
 function reverse(str) {
     return str.split('').reverse().join('');
 }
@@ -197,4 +186,4 @@ function tokenizeRichText(text, endTag = '') {
     return [tokens, i];
 }
 
-export { MAX_TEXT_LENGTH as M, TEMPORARY_CHANNEL_PREFIX as T, getChatGroups as a, getUnreadChatCounts as b, getParticipantUserId as c, alphabeticalSorter as d, extractReplyBlock as e, getDMComparator as f, generateChatGroupKey as g, handleFilesDataTransfer as h, isDirectMessageChannel as i, parseMessageForTarget as j, replyBlockPattern as k, parseRichText as p, reverse as r, stripOutReplyBlock as s };
+export { MAX_TEXT_LENGTH as M, getChatGroups as a, getUnreadChatCounts as b, getParticipantUserId as c, parseRichText as d, extractReplyBlock as e, replyBlockPattern as f, generateChatGroupKey as g, handleFilesDataTransfer as h, parseMessageForTarget as p, reverse as r, stripOutReplyBlock as s };

package/dist/components/{p-600579a6.js → p-aeba1c02.js}

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, w as writeTask, h, e as Host } from './p-c3592601.js';
-import { e as defaultIconPack, i as useLanguage, D as disableSettingSinkId } from './p-e847fee9.js';
-import { S as SyncWithStore } from './p-6f7c46d2.js';
+import { e as defaultIconPack, i as useLanguage, D as disableSettingSinkId } from './p-dc9dde66.js';
+import { S as SyncWithStore } from './p-9c3c75a9.js';
 import { d as defineCustomElement$2 } from './p-1391bef0.js';
 import { d as defineCustomElement$1 } from './p-73baf5ba.js';
 

package/dist/components/{p-e57e8041.js → p-b2904963.js}

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-c3592601.js';
-import { e as defaultIconPack, i as useLanguage } from './p-e847fee9.js';
-import { S as SyncWithStore } from './p-6f7c46d2.js';
+import { e as defaultIconPack, i as useLanguage } from './p-dc9dde66.js';
+import { S as SyncWithStore } from './p-9c3c75a9.js';
 import { d as defineCustomElement$2 } from './p-1391bef0.js';
 import { d as defineCustomElement$1 } from './p-73baf5ba.js';
 
@@ -71,10 +71,10 @@ const RtkPoll = /*@__PURE__*/ proxyCustomElement(class RtkPoll extends H {
         this.onCreate.emit(pollObject);
     }
     render() {
-        return (h(Host, { key: '3b0e105480e37261b64a99552f20f65b467deb5c' }, h("div", { key: '8682faca7764a1669f589be097ccfee63d49e9b3', class: "create-poll" }, h("p", { key: '723847f27d92eeac805b7c55692d61ce48476eb0' }, this.t('polls.question')), h("textarea", { key: 'e85b887af5077f79a0542aa256cbc1ee2e209c67', onInput: () => {
+        return (h(Host, { key: '291ea84e0c3246a1ce1ac0aefdeec3c2917a9579' }, h("div", { key: 'e08cc25c50b03d1560bf0c662c4e2b2cab7455b3', class: "create-poll" }, h("p", { key: '9fb8e5e925bf9cfb14ebc2b73c46b83d53252c81' }, this.t('polls.question')), h("textarea", { key: 'd48738ada9dc4bc9d2eae2237a2a1f6ac13525b1', onInput: () => {
                 if (this.error && this.error.code === 0)
                     this.error = undefined;
-            }, ref: (e) => (this.question = e), placeholder: this.t('polls.question.placeholder') }), this.options.map((item, index) => (h("div", { class: "option" }, h("input", { placeholder: this.t('polls.option.placeholder'), value: item, onInput: (event) => this.updateOption(event, index) }), index > 1 && (h("rtk-button", { kind: "icon", class: "auto remove-option", variant: "secondary", onClick: () => this.removeOption(index) }, h("rtk-icon", { icon: this.iconPack.subtract })))))), h("rtk-button", { key: '4b1552030c268c7b9c67e63f47ca4decbaca549f', class: "add-option", variant: "secondary", onClick: () => this.addOption() }, this.t('polls.option')), h("label", { key: '3af3d5e264c8acd9fd2348483489a02aaf9ac770' }, h("input", { key: '39339af087cc40813d79a211fd12866ade71403c', id: "anonymous", type: "checkbox", onChange: (e) => (this.anonymous = e.target.checked) }), this.t('polls.results.anon')), h("label", { key: '30a29efafcbd837057cfed7957d48c04d02e2570' }, h("input", { key: 'e5c949df6cfec33c4c31c14db9d2ff816211ca3f', id: "hideVotes", type: "checkbox", disabled: this.anonymous, checked: this.anonymous ? true : this.hideVotes, onChange: (e) => (this.hideVotes = e.target.checked) }), this.t('polls.results.hide')), h("rtk-button", { key: '994e07e64080cd4251202ac3090da2c4e71f8a02', kind: "wide", onClick: () => this.handleSubmit() }, this.t('polls.create')), this.error && h("span", { key: '27e0ab9385fe99ca5bab3a9ce4c756988dafbea4', class: "error-text" }, this.error.message))));
+            }, ref: (e) => (this.question = e), placeholder: this.t('polls.question.placeholder') }), this.options.map((item, index) => (h("div", { class: "option" }, h("input", { placeholder: this.t('polls.option.placeholder'), value: item, onInput: (event) => this.updateOption(event, index) }), index > 1 && (h("rtk-button", { kind: "icon", class: "auto remove-option", variant: "secondary", onClick: () => this.removeOption(index) }, h("rtk-icon", { icon: this.iconPack.subtract })))))), h("rtk-button", { key: 'ceb6a530ce5b007507e9f4d2285f1abc18c76330', class: "add-option", variant: "secondary", onClick: () => this.addOption() }, this.t('polls.option')), h("label", { key: '64db0851844bb605a55ccb4bf4e1f18477d0244b' }, h("input", { key: 'bcad7270ece59a833fb516aed75f6d8dfa53e230', id: "anonymous", type: "checkbox", onChange: (e) => (this.anonymous = e.target.checked) }), this.t('polls.results.anon')), h("label", { key: 'aa067a3f691993b58eb01f12c89d4e21b3f27c76' }, h("input", { key: '882bc0373e4b6965fd304c92c067cf8c8f58c40b', id: "hideVotes", type: "checkbox", disabled: this.anonymous, checked: this.anonymous ? true : this.hideVotes, onChange: (e) => (this.hideVotes = e.target.checked) }), this.t('polls.results.hide')), h("rtk-button", { key: '955b5aa163a4cdd030b4280ecc2a12d375526dfc', kind: "wide", onClick: () => this.handleSubmit() }, this.t('polls.create')), this.error && h("span", { key: '01e8359f27c43a67966a27d22ab1673d0a64465a', class: "error-text" }, this.error.message))));
     }
     static get style() { return RtkPollFormStyle0; }
 }, [1, "rtk-poll-form", {

package/dist/components/{p-395ef9c8.js → p-b37f2227.js}

@@ -1,11 +1,11 @@
 import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-c3592601.js';
-import { e as defaultIconPack, i as useLanguage } from './p-e847fee9.js';
-import { S as SyncWithStore } from './p-6f7c46d2.js';
+import { e as defaultIconPack, i as useLanguage } from './p-dc9dde66.js';
+import { S as SyncWithStore } from './p-9c3c75a9.js';
 import { d as defineCustomElement$6 } from './p-1391bef0.js';
-import { d as defineCustomElement$5 } from './p-6f8d2043.js';
-import { d as defineCustomElement$4 } from './p-193d8051.js';
-import { d as defineCustomElement$3 } from './p-c05530c8.js';
-import { d as defineCustomElement$2 } from './p-0a31ef52.js';
+import { d as defineCustomElement$5 } from './p-c402a1db.js';
+import { d as defineCustomElement$4 } from './p-6e10fc42.js';
+import { d as defineCustomElement$3 } from './p-caaca684.js';
+import { d as defineCustomElement$2 } from './p-66ba4031.js';
 import { d as defineCustomElement$1 } from './p-73baf5ba.js';
 
 const rtkDebuggerCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}.scrollbar{scrollbar-width:thin;scrollbar-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))\n    var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar{height:var(--rtk-space-1\\.5, 6px);width:var(--rtk-space-1\\.5, 6px);border-radius:9999px;background-color:var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar-thumb{border-radius:9999px;background-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))}:host{position:relative;display:flex;overflow:hidden;border-radius:var(--rtk-border-radius-md, 8px);width:100%;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-1000, 255 255 255))}header{margin-right:var(--rtk-space-2, 8px);display:flex;align-items:center;justify-content:space-between;padding-top:var(--rtk-space-0, 0px);padding-bottom:var(--rtk-space-0, 0px);padding-left:var(--rtk-space-2, 8px);padding-right:var(--rtk-space-2, 8px)}header h3{margin-top:var(--rtk-space-4, 16px);margin-bottom:var(--rtk-space-4, 16px)}.back-btn{border-radius:var(--rtk-border-radius-sm, 4px);background-color:transparent;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.back-btn:hover{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity))}aside{box-sizing:border-box;display:flex;max-width:var(--rtk-space-56, 224px) !important;flex-direction:column;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));padding-left:var(--rtk-space-2, 8px)}aside button{margin-top:var(--rtk-space-4, 16px);box-sizing:border-box;display:flex;width:100%;align-items:center;justify-content:space-between;border-top-left-radius:var(--rtk-border-radius-sm, 4px);border-bottom-left-radius:var(--rtk-border-radius-sm, 4px);padding-left:var(--rtk-space-4, 16px);padding-right:var(--rtk-space-4, 16px);padding-top:var(--rtk-space-3, 12px);padding-bottom:var(--rtk-space-3, 12px);background-color:transparent;color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));cursor:default;font-size:14px;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);border-width:var(--rtk-border-width-none, 0);border-style:none;outline:2px solid transparent;outline-offset:2px}aside button .right{display:flex;align-items:center}aside button .right rtk-icon{height:var(--rtk-space-5, 20px);width:var(--rtk-space-5, 20px)}aside button .right rtk-icon:last-child{margin-left:var(--rtk-space-4, 16px)}aside button[type='button']{cursor:pointer;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}aside button[type='button']:hover{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity))}aside button[type='button']{border-right:var(--rtk-border-width-md, 2px) solid transparent}aside button.active{--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-border-opacity));background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / 0.2)}aside button.active:hover{background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / 0.2)}aside button.hidden{display:none}main{position:relative;box-sizing:border-box;display:flex;height:100%;width:100%;flex-direction:column}:host([size='sm']) aside{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity));width:100% !important;max-width:100% !important;padding-left:var(--rtk-space-0, 0px)}:host([size='sm']) aside button{border-radius:var(--rtk-border-radius-none, 0)}:host([size='sm']) aside button.active{border-width:var(--rtk-border-width-none, 0);border-style:none;background-color:transparent}:host([size='sm']) aside button.active:hover{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity))}:host([size='sm']) aside button.hidden{display:none}:host([size='sm']) aside.hide{display:none}aside button:host([size='sm']) aside.hide{display:none}:host([size='sm']) aside button:host([size='sm']) aside.hide{display:none}:host([size='sm']) main{display:none;height:100%;width:100%;padding:var(--rtk-space-0, 0px)}aside button:host([size='sm']) main{display:none}:host([size='sm']) aside button:host([size='sm']) main{display:none}:host([size='sm']) main.active{display:block}:host([size='sm']) header{margin:var(--rtk-space-0, 0px);justify-content:center}:host([size='sm']) header rtk-button{position:absolute;left:var(--rtk-space-4, 16px)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{border-radius:var(--rtk-border-radius-lg, 12px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity))}::-webkit-scrollbar-thumb{border-radius:var(--rtk-border-radius-lg, 12px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity))}::-webkit-scrollbar-thumb:hover{border-radius:var(--rtk-border-radius-lg, 12px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity))}.progress-bar{height:var(--rtk-space-1, 4px);width:100%;overflow:hidden;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}.progress-indicator{height:100%;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity))}";

package/dist/components/{p-6f361314.js → p-b4a37662.js}

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-c3592601.js';
-import { c as createDefaultConfig, e as defaultIconPack, i as useLanguage } from './p-e847fee9.js';
-import { S as SyncWithStore } from './p-6f7c46d2.js';
+import { c as createDefaultConfig, e as defaultIconPack, i as useLanguage } from './p-dc9dde66.js';
+import { S as SyncWithStore } from './p-9c3c75a9.js';
 import { d as defineCustomElement$2 } from './p-1391bef0.js';
 import { d as defineCustomElement$1 } from './p-73baf5ba.js';
 

package/dist/components/{p-89eb65a9.js → p-b65d1760.js}

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, h, e as Host } from './p-c3592601.js';
-import { c as createDefaultConfig, i as useLanguage } from './p-e847fee9.js';
-import { S as SyncWithStore } from './p-6f7c46d2.js';
+import { c as createDefaultConfig, i as useLanguage } from './p-dc9dde66.js';
+import { S as SyncWithStore } from './p-9c3c75a9.js';
 import './p-a83ccdbd.js';
 
 const rtkLogoCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{display:flex;flex-direction:column;align-items:center;justify-content:center;color:rgb(var(--rtk-colors-text-1000, 255 255 255));height:100%;width:auto}svg,img{height:100%;width:auto}.brand-color{--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-text-opacity))}";

package/dist/components/{p-eeb37b16.js → p-b69a05ad.js}

@@ -1,8 +1,8 @@
 import { p as proxyCustomElement, H, h, e as Host } from './p-c3592601.js';
-import { i as useLanguage, G as clone } from './p-e847fee9.js';
+import { i as useLanguage, G as clone } from './p-dc9dde66.js';
 import { C as ChatHead } from './p-a54b82e9.js';
 import { s as smoothScrollToBottom } from './p-0752f2ba.js';
-import { S as SyncWithStore } from './p-6f7c46d2.js';
+import { S as SyncWithStore } from './p-9c3c75a9.js';
 
 const rtkAiTranscriptionsCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}.head{display:flex;align-items:center}.head .name{margin-right:var(--rtk-space-4, 16px);font-size:12px;font-weight:700}.head .time{font-size:12px;color:rgb(var(--rtk-colors-text-800, 255 255 255 / 0.76))}.scrollbar{scrollbar-width:thin;scrollbar-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))\n    var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar{height:var(--rtk-space-1\\.5, 6px);width:var(--rtk-space-1\\.5, 6px);border-radius:9999px;background-color:var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar-thumb{border-radius:9999px;background-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))}*{box-sizing:border-box;border-width:0;border-style:solid}:host{width:100%;display:flex;flex-direction:column}.processing{display:flex;flex:1 1 0%;flex-direction:column;align-items:center;justify-content:center}.content{box-sizing:border-box;display:flex;flex-direction:column;padding:var(--rtk-space-3, 12px);flex:1 0 0px;overflow-y:scroll}.started-message{margin-top:var(--rtk-space-5, 20px);margin-bottom:var(--rtk-space-5, 20px);text-align:center;font-size:12px;color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64))}.search-bar{height:var(--rtk-space-14, 56px);width:100%;border-bottom-width:var(--rtk-border-width-sm, 1px);--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-border-opacity));padding:var(--rtk-space-3, 12px)}input{height:100%;width:100%;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity));padding-left:var(--rtk-space-3, 12px);padding-right:var(--rtk-space-3, 12px);font-size:14px;border-radius:var(--rtk-border-radius-sm, 4px);color:rgb(var(--rtk-colors-text-1000, 255 255 255))}.caption-view{height:var(--rtk-space-12, 48px);width:100%;padding-left:var(--rtk-space-3, 12px);padding-right:var(--rtk-space-3, 12px);padding-top:var(--rtk-space-3, 12px);padding-bottom:var(--rtk-space-3, 12px);border-bottom-width:var(--rtk-border-width-sm, 1px);border-style:solid;--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-border-opacity));display:flex;align-items:center;justify-content:space-between;font-size:14px}.message .body{margin-top:var(--rtk-space-2, 8px);margin-bottom:var(--rtk-space-2, 8px);font-size:14px;word-break:break-word}.message{margin-bottom:var(--rtk-space-3, 12px)}.message:last-child{margin-bottom:var(--rtk-space-0, 0px)}";
 const RtkAiTranscriptionsStyle0 = rtkAiTranscriptionsCss;
@@ -114,7 +114,7 @@ const RtkAiTranscriptions = /*@__PURE__*/ proxyCustomElement(class RtkAiTranscri
         });
     }
     render() {
-        return (h(Host, { key: '94f60db03785e266280aea971d3b998280840be2' }, h("div", { key: '0c709d7013ffd86748abc3a367e9cb504c2a37f5', class: "search-bar" }, h("input", { key: 'd98c6b1eb8835e59ed48d7a07bd12efbf72c9ae1', type: "text", placeholder: "Search Participant", value: this.participantQuery, onInput: (e) => (this.participantQuery = e.target.value) })), this.isProcessing && (h("div", { key: '041a08dd3e14b3d8c35d2d487d30a281f53338a0', class: "processing" }, h("p", { key: 'c4c90b39ca5ad0fd8161f0e3eb96aba38d959c6e' }, "Processing audio...."))), !this.isProcessing && (h("div", { key: '03bd5836324c9865d0e522d86e51701ec305f6ad', class: "content scrollbar", ref: (el) => (this.contentContainer = el) }, h("div", { key: '1df6f1b8cf06aa6f14d5700a7dfa86177bf3a752', class: "started-message" }, "Transcription started"), this.renderTranscripts()))));
+        return (h(Host, { key: 'd188f9eda11cb4e09a6efdc95662bdb851b5d8e0' }, h("div", { key: 'ae8d5801e85be7426f153932f7931350bcd2432b', class: "search-bar" }, h("input", { key: '3bf534c010ed777ba879d3ae022ea3c99c915825', type: "text", placeholder: "Search Participant", value: this.participantQuery, onInput: (e) => (this.participantQuery = e.target.value) })), this.isProcessing && (h("div", { key: 'bf494c1c17144597a565c634e57c3449a6e80b07', class: "processing" }, h("p", { key: 'c5b95f670810a34b3f216fd6342b5fee8c4f472b' }, "Processing audio...."))), !this.isProcessing && (h("div", { key: '18cd43d6de0bcdc71a7531363e1bd5321bf9c495', class: "content scrollbar", ref: (el) => (this.contentContainer = el) }, h("div", { key: '53e0c59bff87a669ce02656dbabef6dcef65200c', class: "started-message" }, "Transcription started"), this.renderTranscripts()))));
     }
     static get watchers() { return {
         "meeting": ["meetingChanged"],

package/dist/components/{p-1afc54bb.js → p-b92c53c7.js}

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, w as writeTask, h, e as Host } from './p-c3592601.js';
-import { e as defaultIconPack, i as useLanguage, D as disableSettingSinkId } from './p-e847fee9.js';
-import { S as SyncWithStore } from './p-6f7c46d2.js';
+import { e as defaultIconPack, i as useLanguage, D as disableSettingSinkId } from './p-dc9dde66.js';
+import { S as SyncWithStore } from './p-9c3c75a9.js';
 import { d as defineCustomElement$1 } from './p-73baf5ba.js';
 
 const rtkMicrophoneSelectorCss = ".rtk-select{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-1000, 255 255 255))}.rtk-select:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)}.rtk-select{display:block;border-radius:var(--rtk-border-radius-sm, 4px);border-width:var(--rtk-border-width-none, 0);border-style:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:var(--rtk-space-3, 12px);font-size:16px;--icon-size:var(--rtk-select-chevron-size, var(--rtk-space-6, 24px));--icon-right-position:var(--rtk-select-chevron-right-position, var(--rtk-space-2, 8px));background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e\");background-position:right var(--icon-right-position) center;background-repeat:no-repeat;background-size:var(--icon-size) var(--icon-size);padding-right:calc(var(--icon-right-position) * 5);width:100%;max-width:100%;text-overflow:ellipsis}.inline .rtk-select{margin-top:var(--rtk-space-1, 4px);width:100%;padding-top:var(--rtk-space-1, 4px);padding-bottom:var(--rtk-space-1, 4px);padding-left:var(--rtk-space-1\\.5, 6px);padding-right:var(--rtk-space-1\\.5, 6px);padding-right:var(--rtk-space-8, 32px);font-size:14px}.row{margin-bottom:var(--rtk-space-2, 8px);display:flex;width:100%;align-items:center;justify-content:space-between;gap:var(--rtk-space-3, 12px)}.group{margin-top:var(--rtk-space-2, 8px);margin-bottom:var(--rtk-space-2, 8px)}.group>*{margin-bottom:var(--rtk-space-2, 8px)}.group>*:last-child{margin-bottom:var(--rtk-space-0, 0px)}.group select{flex:1 1 0%}.inline.group{margin-top:var(--rtk-space-0, 0px);margin-bottom:var(--rtk-space-0\\.5, 2px)}.inline.group>*{margin-bottom:var(--rtk-space-0, 0px)}label{display:flex;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:center;gap:var(--rtk-space-1, 4px);font-size:14px}.inline.container{display:flex;align-items:center;justify-content:flex-start;gap:var(--rtk-space-2, 8px);padding-left:var(--rtk-space-2, 8px);padding-right:var(--rtk-space-2, 8px)}";

package/dist/components/{p-f6c2e822.js → p-bbffc0e1.js}

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, h, e as Host } from './p-c3592601.js';
-import { i as useLanguage, e as defaultIconPack, N as showLivestream } from './p-e847fee9.js';
+import { i as useLanguage, e as defaultIconPack, N as showLivestream } from './p-dc9dde66.js';
 import './p-a83ccdbd.js';
-import { S as SyncWithStore } from './p-6f7c46d2.js';
+import { S as SyncWithStore } from './p-9c3c75a9.js';
 import { d as defineCustomElement$1 } from './p-73baf5ba.js';
 
 const rtkLivestreamIndicatorCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{margin-left:var(--rtk-space-2, 8px);margin-right:var(--rtk-space-2, 8px);display:flex}:host([data-hidden]){display:none}:host[size='sm']{margin-left:var(--rtk-space-1, 4px);margin-right:var(--rtk-space-1, 4px)}.indicator{display:flex;flex-direction:row;align-items:center;font-size:14px;--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}rtk-icon{margin-right:var(--rtk-space-1, 4px);height:var(--rtk-space-5, 20px);width:var(--rtk-space-5, 20px);animation:blink 4s linear infinite}:host([size='sm']) rtk-icon{height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px)}:host([size='sm']) .indicator span{display:none}@keyframes blink{0%,10%{opacity:0}11%,100%{opacity:1}}";

package/dist/components/{p-fb900e8f.js → p-c0942317.js}

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-c3592601.js';
-import { e as defaultIconPack, i as useLanguage } from './p-e847fee9.js';
-import { S as SyncWithStore } from './p-6f7c46d2.js';
+import { e as defaultIconPack, i as useLanguage } from './p-dc9dde66.js';
+import { S as SyncWithStore } from './p-9c3c75a9.js';
 import { d as defineCustomElement$1 } from './p-1391bef0.js';
 
 const rtkLeaveMeetingCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}.leave-modal{width:var(--rtk-space-72, 288px)}@media (min-width: 768px){.leave-modal{width:var(--rtk-space-96, 384px)}}.leave-modal{position:relative;display:flex;flex-direction:column;border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));padding:var(--rtk-space-8, 32px);color:rgb(var(--rtk-colors-text-1000, 255 255 255))}.leave-modal .header h2{margin:var(--rtk-space-0, 0px);margin-bottom:var(--rtk-space-3, 12px)}.leave-modal .message{color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52))}.leave-modal .content{margin-top:var(--rtk-space-4, 16px);font-size:14px;display:flex;flex-wrap:wrap;gap:var(--rtk-space-4, 16px)}.leave-modal .content rtk-button{height:var(--rtk-space-9, 36px);min-width:var(--rtk-space-44, 176px);flex-grow:1}.leave-modal .content .secondary-btn{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity))}.leave-modal .content .secondary-btn:hover{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}.leave-modal .content .secondary-danger-btn{--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}";
@@ -79,9 +79,9 @@ const RtkLeaveMeeting = /*@__PURE__*/ proxyCustomElement(class RtkLeaveMeeting e
         }
     }
     render() {
-        return (h(Host, { key: '55991a2b1b60bb963ee7dfb10fbea5d5bc63c186' }, h("div", { key: 'bc50b5a89ff7ee5348aadbba4fe8f709fa35bee9', class: "leave-modal" }, h("div", { key: '7a19d21b272222e7cf83bbb6dbd8bb4284ea9d29', class: "header" }, h("h2", { key: '935e06a35f3669457c63761697a9152972d69c54', class: "title" }, this.t('leave'))), h("p", { key: 'cd1ba755b4f73c0d3fb4c9078ee11afc31cee726', class: "message" }, this.isBreakoutRoomsActive && this.isChildMeeting
+        return (h(Host, { key: '74df035747b49f0b689b1d032566f120386a4975' }, h("div", { key: '30c7c764093cb1899c397a25a12e0cd7c7669d3a', class: "leave-modal" }, h("div", { key: 'f8fe536f17c4fd173c3471a2a413c18cd7c46107', class: "header" }, h("h2", { key: 'b106cee031f5a82604a2e6443ac331aca94bb337', class: "title" }, this.t('leave'))), h("p", { key: '4c4f68d8da285306932b17541fa00f98afb8b787', class: "message" }, this.isBreakoutRoomsActive && this.isChildMeeting
             ? this.t('breakout_rooms.leave_confirmation')
-            : this.t('leave_confirmation')), h("div", { key: 'd4031f068f492f76d5feb9dd39587263e9b545f0', class: "content" }, h("rtk-button", { key: 'a014dc329e5f861de85468e04715d8aeb87f4e8c', variant: "secondary", onClick: this.close, class: "secondary-btn" }, this.t('cancel')), this.isBreakoutRoomsActive && this.isChildMeeting && this.canJoinMainRoom && (h("rtk-button", { key: '501a689793bb5e1ff2a8d03f5b9d0ab3d6baafbf', variant: "secondary", onClick: this.handleJoinMainRoom, class: "secondary-btn" }, this.t('breakout_rooms.leave_confirmation.main_room_btn'))), h("rtk-button", { key: '35a6941049928fa81f1e0a73b64f4ce937c86451', variant: "danger", title: this.t('leave'), onClick: this.handleLeave }, this.t('leave')), this.canEndMeeting && (h("rtk-button", { key: '7c6367e3f9322235e126c01cc16014f5b2c81ecc', variant: "danger", class: "secondary-btn secondary-danger-btn", onClick: this.handleEndMeeting }, this.t('end.all')))))));
+            : this.t('leave_confirmation')), h("div", { key: 'e42f535c82829ceac991e75b4f231a1411725085', class: "content" }, h("rtk-button", { key: '97548d7038f696643148cb91a6166ba5d5c6b7e1', variant: "secondary", onClick: this.close, class: "secondary-btn" }, this.t('cancel')), this.isBreakoutRoomsActive && this.isChildMeeting && this.canJoinMainRoom && (h("rtk-button", { key: '1c24b430811ecd3fcc97a7a2c58a5d0f58d8c41b', variant: "secondary", onClick: this.handleJoinMainRoom, class: "secondary-btn" }, this.t('breakout_rooms.leave_confirmation.main_room_btn'))), h("rtk-button", { key: 'd5eb104c87584884b30c817f3939273eae892b05', variant: "danger", title: this.t('leave'), onClick: this.handleLeave }, this.t('leave')), this.canEndMeeting && (h("rtk-button", { key: '0a70cb53058eebd1aba81efe7c0c5788540f33e8', variant: "danger", class: "secondary-btn secondary-danger-btn", onClick: this.handleEndMeeting }, this.t('end.all')))))));
     }
     static get watchers() { return {
         "meeting": ["meetingChanged"]

package/dist/components/{p-6f8d2043.js → p-c402a1db.js}

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, h, e as Host } from './p-c3592601.js';
-import { e as defaultIconPack, i as useLanguage } from './p-e847fee9.js';
+import { e as defaultIconPack, i as useLanguage } from './p-dc9dde66.js';
 import './p-a83ccdbd.js';
-import { S as SyncWithStore } from './p-6f7c46d2.js';
+import { S as SyncWithStore } from './p-9c3c75a9.js';
 import { g as getBitrateVerdict, a as getPacketLossVerdict, b as getJitterVerdict, c as getNetworkBasedMediaHealth } from './p-0e02697c.js';
 
 const rtkDebuggerAudioCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}.scrollbar{scrollbar-width:thin;scrollbar-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))\n    var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar{height:var(--rtk-space-1\\.5, 6px);width:var(--rtk-space-1\\.5, 6px);border-radius:9999px;background-color:var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar-thumb{border-radius:9999px;background-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))}:host{position:relative;display:flex;flex-direction:column;overflow:hidden;height:100%;width:100%;color:rgb(var(--rtk-colors-text-1000, 255 255 255));--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}.tab-body::-webkit-scrollbar{width:var(--rtk-space-1\\.5, 6px);border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity))}.tab-body::-webkit-scrollbar-thumb{border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity))}h3{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px);font-size:16px;font-weight:600}#header{margin-top:var(--rtk-space-2, 8px);margin-bottom:var(--rtk-space-5, 20px);display:flex;align-items:center;justify-content:space-evenly}.tab-body{margin:var(--rtk-space-4, 16px);display:flex;height:100%;flex-direction:column;justify-content:space-between;overflow-y:auto}.status-container{border:var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60));border-radius:8px;padding:16px}.status-section{margin-bottom:12px}.section-header{display:flex;justify-content:space-between;align-items:center;font-weight:bold;padding:8px 0}.section-header.only-child{justify-content:center}.section-body.missing-stats{display:flex;text-align:center;justify-content:center}.section-header .status{color:rgba(var(--rtk-colors-success));font-weight:bold}.section-header .arrow{font-size:14px}.network-table{border:var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60));border-radius:8px;margin-top:8px;overflow:hidden}.network-row{display:flex;justify-content:space-between;padding:12px;border-bottom:var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60))}.network-row:last-child{border-bottom:none}.network-cell{display:flex;flex-direction:column}.network-cell.label strong{font-size:14px}.network-cell.label .description{font-size:12px;color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64));margin-top:4px}.network-cell.value{text-align:right}.status.good{color:rgba(var(--rtk-colors-success))}.status.average{color:rgba(var(--rtk-colors-warning))}.status.poor{color:rgba(var(--rtk-colors-danger))}.value{font-size:14px;color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64));margin-top:4px}rtk-settings-audio{display:flex;flex-direction:column}";