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

package/dist/docs/docs-vscode.json

@@ -1443,7 +1443,7 @@
       "name": "rtk-file-message",
       "description": {
         "kind": "markdown",
-        "value": "A component which renders a file message from chat."
+        "value": ""
       },
       "attributes": [
         {
@@ -1979,7 +1979,7 @@
       "name": "rtk-image-message",
       "description": {
         "kind": "markdown",
-        "value": "A component which renders an image message from chat."
+        "value": ""
       },
       "attributes": [
         {
@@ -2464,6 +2464,10 @@
           "name": "hide-metadata",
           "description": "Hides metadata (time)"
         },
+        {
+          "name": "is-self",
+          "description": "Is the message sent by the current user"
+        },
         {
           "name": "variant",
           "description": "Appearance",
@@ -4208,7 +4212,7 @@
       "name": "rtk-text-message",
       "description": {
         "kind": "markdown",
-        "value": "A component which renders a text message from chat."
+        "value": ""
       },
       "attributes": [
         {

package/dist/esm/ChatHead-15c2f8d4.js

@@ -0,0 +1,11 @@
+import { h } from './index-c1fb98bb.js';
+import { f as formatDateTime, e as elapsedDuration } from './date-b1f78dea.js';
+import { a as shorten, f as formatName } from './string-068ce30a.js';
+
+const ChatHead = ({ name, time, now }) => {
+    return (h("div", { class: "head" },
+        h("div", { class: "name" }, shorten(formatName(name), 20)),
+        h("div", { class: "time", title: formatDateTime(time) }, elapsedDuration(time, now))));
+};
+
+export { ChatHead as C };

package/dist/esm/{TextMessage-07d53134.js → TextMessage-ca92045e.js}

@@ -1,5 +1,5 @@
 import { h } from './index-c1fb98bb.js';
-import { M as MAX_TEXT_LENGTH, j as extractReplyBlock, s as stripOutReplyBlock, f as parseRichText } from './chat-32ac0c2b.js';
+import { M as MAX_TEXT_LENGTH, j as extractReplyBlock, s as stripOutReplyBlock, f as parseRichText } from './chat-ff185374.js';
 
 const renderLink = (content) => {
     return (h("a", { class: "link", href: content, target: "_blank", rel: "noopener noreferrer" }, content));

package/dist/esm/{chat-32ac0c2b.js → chat-ff185374.js}

@@ -1,4 +1,4 @@
-import { G as chatUnreadTimestamps } from './ui-store-2965ff1a.js';
+import { G as chatUnreadTimestamps } from './ui-store-9e486e1b.js';
 
 const parseMessageForTarget = (message) => {
     let parsedMessage = null;
@@ -21,7 +21,7 @@ function alphabeticalSorter(a, b) {
     return a.localeCompare(b);
 }
 /**
- * Generate a unique chat group key used in `<rtk-chat-messages-ui />`
+ * Generate a unique chat group key used in `<rtk-chat /> and <rtk-chat-selector-ui />`
  * @param ids An array of user ids
  * @returns A unique key from the user ids
  */

package/dist/esm/{notification-0794a8cc.js → config-e684aa4d.js}

@@ -1,5 +1,5 @@
-import { c as createDefaultConfig, E as isLiveStreamHost, F as disableSettingSinkId } from './ui-store-2965ff1a.js';
-import { d as deepMerge, i as isValidHexColor } from './merge-f5f3ca10.js';
+import { c as createDefaultConfig, E as isLiveStreamHost } from './ui-store-9e486e1b.js';
+import { d as deepMerge, i as isValidHexColor } from './merge-7ffc04b3.js';
 
 /**
  * Extend the default UI Config with your own
@@ -357,38 +357,4 @@ const generateConfig = (oldConfig, meeting, toExtend = {}, options = { grid_pagi
     return { config, data };
 };
 
-const SOUNDS = {
-    joined: 'https://rtk-uploads.realtime.cloudflare.com/notification_join.mp3',
-    left: 'https://rtk-uploads.realtime.cloudflare.com/notification_join.mp3',
-    message: 'https://rtk-uploads.realtime.cloudflare.com/notification_message.mp3',
-};
-/**
- * Handles notification sounds in a meeting
- */
-class RTKNotificationsAudio {
-    constructor(meeting) {
-        this.meeting = meeting;
-        this.audio = document.createElement('audio');
-        this.audio.volume = 0.3;
-    }
-    play(sound, duration = 3000) {
-        var _a;
-        if (this.playing)
-            return;
-        this.playing = true;
-        this.audio.src = SOUNDS[sound];
-        this.audio.volume = 0.3;
-        (_a = this.audio.play()) === null || _a === void 0 ? void 0 : _a.catch((_) => { });
-        setTimeout(() => {
-            this.playing = false;
-        }, duration);
-    }
-    async setDevice(id) {
-        var _a, _b, _c;
-        if (disableSettingSinkId(this.meeting))
-            return;
-        await ((_c = (_b = (_a = this.audio) === null || _a === void 0 ? void 0 : _a.setSinkId) === null || _b === void 0 ? void 0 : _b.call(_a, id)) === null || _c === void 0 ? void 0 : _c.catch((_) => { }));
-    }
-}
-
-export { RTKNotificationsAudio as R, extendConfig as e, generateConfig as g };
+export { extendConfig as e, generateConfig as g };

package/dist/esm/{ChatHead-11b92a26.js → date-b1f78dea.js}

@@ -1,6 +1,3 @@
-import { h } from './index-c1fb98bb.js';
-import { s as shorten, f as formatName } from './string-5e8dab07.js';
-
 const differenceInMinutes = (oldDate, newDate) => {
     // difference in milliseconds
     const diff = newDate.getTime() - oldDate.getTime();
@@ -32,10 +29,4 @@ const formatDateTime = (date) => {
     return date.toDateString() + ' ' + date.toLocaleTimeString();
 };
 
-const ChatHead = ({ name, time, now }) => {
-    return (h("div", { class: "head" },
-        h("div", { class: "name" }, shorten(formatName(name), 20)),
-        h("div", { class: "time", title: formatDateTime(time) }, elapsedDuration(time, now))));
-};
-
-export { ChatHead as C, differenceInMinutes as d, elapsedDuration as e, formatDateTime as f };
+export { differenceInMinutes as d, elapsedDuration as e, formatDateTime as f };

package/dist/esm/{debounce-6ec038d3.js → debounce-3ea4df36.js}

@@ -1,4 +1,4 @@
-import { n as isObjectLike, o as baseGetTag, j as isObject, P as root } from './ui-store-2965ff1a.js';
+import { n as isObjectLike, o as baseGetTag, j as isObject, L as root } from './ui-store-9e486e1b.js';
 
 /** `Object#toString` result references. */
 var symbolTag = '[object Symbol]';

package/dist/esm/{file-849468c1.js → file-6114f1a9.js}

@@ -1,4 +1,4 @@
-import { a as sanitizeLink } from './string-5e8dab07.js';
+import { s as sanitizeLink } from './string-068ce30a.js';
 
 const getExtension = (name) => {
     // split query and hash from url, then get the filename

package/dist/esm/index-c1fb98bb.js

@@ -63,10 +63,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
           }
           switch(bundleId) {
               
-                case 'rtk-avatar_54':
+                case 'rtk-avatar_24':
                     return import(
                       /* webpackMode: "lazy" */
-                      './rtk-avatar_54.entry.js').then(processMod, consoleError);
+                      './rtk-avatar_24.entry.js').then(processMod, consoleError);
                 case 'rtk-ai':
                     return import(
                       /* webpackMode: "lazy" */
@@ -95,6 +95,14 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './rtk-caption-toggle.entry.js').then(processMod, consoleError);
+                case 'rtk-channel-creator':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './rtk-channel-creator.entry.js').then(processMod, consoleError);
+                case 'rtk-channel-header':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './rtk-channel-header.entry.js').then(processMod, consoleError);
                 case 'rtk-channel-selector-ui':
                     return import(
                       /* webpackMode: "lazy" */
@@ -103,6 +111,14 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './rtk-chat-composer-ui.entry.js').then(processMod, consoleError);
+                case 'rtk-chat-messages-ui':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './rtk-chat-messages-ui.entry.js').then(processMod, consoleError);
+                case 'rtk-chat-search-results':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './rtk-chat-search-results.entry.js').then(processMod, consoleError);
                 case 'rtk-chat-selector-ui':
                     return import(
                       /* webpackMode: "lazy" */
@@ -123,6 +139,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './rtk-debugger-toggle.entry.js').then(processMod, consoleError);
+                case 'rtk-dialog-manager':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './rtk-dialog-manager.entry.js').then(processMod, consoleError);
                 case 'rtk-ended-screen':
                     return import(
                       /* webpackMode: "lazy" */
@@ -191,6 +211,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './rtk-network-indicator.entry.js').then(processMod, consoleError);
+                case 'rtk-notifications':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './rtk-notifications.entry.js').then(processMod, consoleError);
                 case 'rtk-participant-count':
                     return import(
                       /* webpackMode: "lazy" */
@@ -287,6 +311,18 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './rtk-ai-transcriptions.entry.js').then(processMod, consoleError);
+                case 'rtk-breakout-rooms-manager_9':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './rtk-breakout-rooms-manager_9.entry.js').then(processMod, consoleError);
+                case 'rtk-channel-details':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './rtk-channel-details.entry.js').then(processMod, consoleError);
+                case 'rtk-chat-message':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './rtk-chat-message.entry.js').then(processMod, consoleError);
                 case 'rtk-livestream-indicator_3':
                     return import(
                       /* webpackMode: "lazy" */
@@ -295,6 +331,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './rtk-name-tag.entry.js').then(processMod, consoleError);
+                case 'rtk-notification':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './rtk-notification.entry.js').then(processMod, consoleError);
                 case 'rtk-participants-stage-list_4':
                     return import(
                       /* webpackMode: "lazy" */
@@ -319,6 +359,18 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './rtk-audio-visualizer_4.entry.js').then(processMod, consoleError);
+                case 'rtk-breakout-room-manager_3':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './rtk-breakout-room-manager_3.entry.js').then(processMod, consoleError);
+                case 'rtk-debugger-audio_4':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './rtk-debugger-audio_4.entry.js').then(processMod, consoleError);
+                case 'rtk-file-message_3':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './rtk-file-message_3.entry.js').then(processMod, consoleError);
                 case 'rtk-fullscreen-toggle':
                     return import(
                       /* webpackMode: "lazy" */
@@ -343,6 +395,14 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './rtk-spotlight-indicator.entry.js').then(processMod, consoleError);
+                case 'rtk-dialog':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './rtk-dialog.entry.js').then(processMod, consoleError);
+                case 'rtk-logo':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './rtk-logo.entry.js').then(processMod, consoleError);
                 case 'rtk-controlbar-button':
                     return import(
                       /* webpackMode: "lazy" */

package/dist/esm/{index-849b9dd9.js → index-e65afca5.js}

@@ -1,5 +1,5 @@
 import { a as getElement } from './index-c1fb98bb.js';
-import { u as uiStore, N as appendElement, O as removeElement } from './ui-store-2965ff1a.js';
+import { u as uiStore, J as appendElement, K as removeElement } from './ui-store-9e486e1b.js';
 
 function SyncWithStore() {
     return function (proto, propName) {

package/dist/esm/index.js

@@ -1,9 +1,10 @@
-import { c as createDefaultConfig } from './ui-store-2965ff1a.js';
-export { B as BreakoutRoomsManager, c as createDefaultConfig, b as createPeerStore, d as defaultConfig, e as defaultIconPack, f as defaultLanguage, g as getInitialStates, a as uiState, u as uiStore, h as useLanguage } from './ui-store-2965ff1a.js';
-export { p as provideRtkDesignSystem } from './merge-f5f3ca10.js';
-import { g as generateConfig } from './notification-0794a8cc.js';
-export { R as RtkNotificationsAudio, e as extendConfig, g as generateConfig } from './notification-0794a8cc.js';
-export { g as generateChatGroupKey, a as getChatGroups, c as getParticipantUserId, b as getUnreadChatCounts } from './chat-32ac0c2b.js';
+import { c as createDefaultConfig } from './ui-store-9e486e1b.js';
+export { B as BreakoutRoomsManager, c as createDefaultConfig, b as createPeerStore, d as defaultConfig, e as defaultIconPack, f as defaultLanguage, g as getInitialStates, a as uiState, u as uiStore, h as useLanguage } from './ui-store-9e486e1b.js';
+export { p as provideRtkDesignSystem } from './merge-7ffc04b3.js';
+import { g as generateConfig } from './config-e684aa4d.js';
+export { e as extendConfig, g as generateConfig } from './config-e684aa4d.js';
+export { R as RtkNotificationsAudio } from './notification-78afaabf.js';
+export { g as generateChatGroupKey, a as getChatGroups, c as getParticipantUserId, b as getUnreadChatCounts } from './chat-ff185374.js';
 import './index-c1fb98bb.js';
 
 /**