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

package/dist/types/components.d.ts

@@ -526,6 +526,9 @@ export namespace Components {
          */
         "variant": ControlBarVariant;
     }
+    /**
+     * @deprecated `rtk-channel-creator` is deprecated and will be removed soon.
+     */
     interface RtkChannelCreator {
         /**
           * Icon pack
@@ -540,6 +543,9 @@ export namespace Components {
          */
         "t": RtkI18n1;
     }
+    /**
+     * @deprecated `rtk-channel-details` is deprecated and will be removed soon.
+     */
     interface RtkChannelDetails {
         /**
           * Channel object
@@ -558,6 +564,9 @@ export namespace Components {
          */
         "t": RtkI18n1;
     }
+    /**
+     * @deprecated `rtk-channel-header` is deprecated and will be removed soon. Use `rtk-channel-selector-view` instead.
+     */
     interface RtkChannelHeader {
         /**
           * Channel object
@@ -580,6 +589,9 @@ export namespace Components {
          */
         "t": RtkI18n1;
     }
+    /**
+     * @deprecated `rtk-channel-selector-ui` is deprecated and will be removed soon.
+     */
     interface RtkChannelSelectorUi {
         /**
           * Channels
@@ -772,6 +784,9 @@ export namespace Components {
          */
         "t": RtkI18n1;
     }
+    /**
+     * @deprecated `rtk-chat-message` is deprecated and will be removed soon. Use `rtk-message-view` instead.
+     */
     interface RtkChatMessage {
         /**
           * aligns message to right
@@ -842,6 +857,9 @@ export namespace Components {
          */
         "t": RtkI18n1;
     }
+    /**
+     * @deprecated Use `rtk-chat-messages-ui-paginated` instead.
+     */
     interface RtkChatMessagesUi {
         /**
           * Can current user pin/unpin messages
@@ -902,6 +920,9 @@ export namespace Components {
          */
         "t": RtkI18n;
     }
+    /**
+     * @deprecated `rtk-chat-search-results` is deprecated and will be removed soon. Use `rtk-chat-messages-ui-paginated` instead. -
+     */
     interface RtkChatSearchResults {
         /**
           * Channel id
@@ -1435,6 +1456,7 @@ export namespace Components {
         "t": RtkI18n1;
     }
     /**
+     * @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.
      */
     interface RtkFileMessage {
@@ -1692,6 +1714,7 @@ export namespace Components {
         "t": RtkI18n;
     }
     /**
+     * @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.
      */
     interface RtkImageMessage {
@@ -2108,6 +2131,10 @@ export namespace Components {
           * Icon pack
          */
         "iconPack": IconPack1;
+        /**
+          * Is the message sent by the current user
+         */
+        "isSelf": boolean;
         /**
           * Time when message was sent
          */
@@ -3750,6 +3777,7 @@ export namespace Components {
         "value": string;
     }
     /**
+     * @deprecated `rtk-text-message` is deprecated and will be removed soon. Use `rtk-text-message-view` instead.
      * A component which renders a text message from chat.
      */
     interface RtkTextMessage {
@@ -4513,6 +4541,9 @@ declare global {
         "rtkStateUpdate": States1;
         "switchChannel": string;
     }
+    /**
+     * @deprecated `rtk-channel-creator` is deprecated and will be removed soon.
+     */
     interface HTMLRtkChannelCreatorElement extends Components.RtkChannelCreator, HTMLStencilElement {
         addEventListener<K extends keyof HTMLRtkChannelCreatorElementEventMap>(type: K, listener: (this: HTMLRtkChannelCreatorElement, ev: RtkChannelCreatorCustomEvent<HTMLRtkChannelCreatorElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
         addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
@@ -4527,6 +4558,9 @@ declare global {
         prototype: HTMLRtkChannelCreatorElement;
         new (): HTMLRtkChannelCreatorElement;
     };
+    /**
+     * @deprecated `rtk-channel-details` is deprecated and will be removed soon.
+     */
     interface HTMLRtkChannelDetailsElement extends Components.RtkChannelDetails, HTMLStencilElement {
     }
     var HTMLRtkChannelDetailsElement: {
@@ -4538,6 +4572,9 @@ declare global {
         "searchDismissed": any;
         "back": void;
     }
+    /**
+     * @deprecated `rtk-channel-header` is deprecated and will be removed soon. Use `rtk-channel-selector-view` instead.
+     */
     interface HTMLRtkChannelHeaderElement extends Components.RtkChannelHeader, HTMLStencilElement {
         addEventListener<K extends keyof HTMLRtkChannelHeaderElementEventMap>(type: K, listener: (this: HTMLRtkChannelHeaderElement, ev: RtkChannelHeaderCustomEvent<HTMLRtkChannelHeaderElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
         addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
@@ -4555,6 +4592,9 @@ declare global {
     interface HTMLRtkChannelSelectorUiElementEventMap {
         "channelChanged": string;
     }
+    /**
+     * @deprecated `rtk-channel-selector-ui` is deprecated and will be removed soon.
+     */
     interface HTMLRtkChannelSelectorUiElement extends Components.RtkChannelSelectorUi, HTMLStencilElement {
         addEventListener<K extends keyof HTMLRtkChannelSelectorUiElementEventMap>(type: K, listener: (this: HTMLRtkChannelSelectorUiElement, ev: RtkChannelSelectorUiCustomEvent<HTMLRtkChannelSelectorUiElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
         addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
@@ -4666,6 +4706,9 @@ declare global {
         "pin": Message;
         "delete": Message;
     }
+    /**
+     * @deprecated `rtk-chat-message` is deprecated and will be removed soon. Use `rtk-message-view` instead.
+     */
     interface HTMLRtkChatMessageElement extends Components.RtkChatMessage, HTMLStencilElement {
         addEventListener<K extends keyof HTMLRtkChatMessageElementEventMap>(type: K, listener: (this: HTMLRtkChatMessageElement, ev: RtkChatMessageCustomEvent<HTMLRtkChatMessageElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
         addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
@@ -4684,6 +4727,9 @@ declare global {
         "pinMessage": Message;
         "rtkStateUpdate": States;
     }
+    /**
+     * @deprecated Use `rtk-chat-messages-ui-paginated` instead.
+     */
     interface HTMLRtkChatMessagesUiElement extends Components.RtkChatMessagesUi, HTMLStencilElement {
         addEventListener<K extends keyof HTMLRtkChatMessagesUiElementEventMap>(type: K, listener: (this: HTMLRtkChatMessagesUiElement, ev: RtkChatMessagesUiCustomEvent<HTMLRtkChatMessagesUiElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
         addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
@@ -4721,6 +4767,9 @@ declare global {
         prototype: HTMLRtkChatMessagesUiPaginatedElement;
         new (): HTMLRtkChatMessagesUiPaginatedElement;
     };
+    /**
+     * @deprecated `rtk-chat-search-results` is deprecated and will be removed soon. Use `rtk-chat-messages-ui-paginated` instead. -
+     */
     interface HTMLRtkChatSearchResultsElement extends Components.RtkChatSearchResults, HTMLStencilElement {
     }
     var HTMLRtkChatSearchResultsElement: {
@@ -5017,6 +5066,7 @@ declare global {
         new (): HTMLRtkFileDropzoneElement;
     };
     /**
+     * @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.
      */
     interface HTMLRtkFileMessageElement extends Components.RtkFileMessage, HTMLStencilElement {
@@ -5134,6 +5184,7 @@ declare global {
         "rtkStateUpdate": States;
     }
     /**
+     * @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.
      */
     interface HTMLRtkImageMessageElement extends Components.RtkImageMessage, HTMLStencilElement {
@@ -6303,6 +6354,7 @@ declare global {
         new (): HTMLRtkTextComposerViewElement;
     };
     /**
+     * @deprecated `rtk-text-message` is deprecated and will be removed soon. Use `rtk-text-message-view` instead.
      * A component which renders a text message from chat.
      */
     interface HTMLRtkTextMessageElement extends Components.RtkTextMessage, HTMLStencilElement {
@@ -7061,6 +7113,9 @@ declare namespace LocalJSX {
          */
         "variant"?: ControlBarVariant;
     }
+    /**
+     * @deprecated `rtk-channel-creator` is deprecated and will be removed soon.
+     */
     interface RtkChannelCreator {
         /**
           * Icon pack
@@ -7083,6 +7138,9 @@ declare namespace LocalJSX {
          */
         "t"?: RtkI18n1;
     }
+    /**
+     * @deprecated `rtk-channel-details` is deprecated and will be removed soon.
+     */
     interface RtkChannelDetails {
         /**
           * Channel object
@@ -7101,6 +7159,9 @@ declare namespace LocalJSX {
          */
         "t"?: RtkI18n1;
     }
+    /**
+     * @deprecated `rtk-channel-header` is deprecated and will be removed soon. Use `rtk-channel-selector-view` instead.
+     */
     interface RtkChannelHeader {
         /**
           * Channel object
@@ -7135,6 +7196,9 @@ declare namespace LocalJSX {
          */
         "t"?: RtkI18n1;
     }
+    /**
+     * @deprecated `rtk-channel-selector-ui` is deprecated and will be removed soon.
+     */
     interface RtkChannelSelectorUi {
         /**
           * Channels
@@ -7379,6 +7443,9 @@ declare namespace LocalJSX {
          */
         "t"?: RtkI18n1;
     }
+    /**
+     * @deprecated `rtk-chat-message` is deprecated and will be removed soon. Use `rtk-message-view` instead.
+     */
     interface RtkChatMessage {
         /**
           * aligns message to right
@@ -7465,6 +7532,9 @@ declare namespace LocalJSX {
          */
         "t"?: RtkI18n1;
     }
+    /**
+     * @deprecated Use `rtk-chat-messages-ui-paginated` instead.
+     */
     interface RtkChatMessagesUi {
         /**
           * Can current user pin/unpin messages
@@ -7552,6 +7622,9 @@ declare namespace LocalJSX {
          */
         "t"?: RtkI18n;
     }
+    /**
+     * @deprecated `rtk-chat-search-results` is deprecated and will be removed soon. Use `rtk-chat-messages-ui-paginated` instead. -
+     */
     interface RtkChatSearchResults {
         /**
           * Channel id
@@ -8133,6 +8206,7 @@ declare namespace LocalJSX {
         "t"?: RtkI18n1;
     }
     /**
+     * @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.
      */
     interface RtkFileMessage {
@@ -8402,6 +8476,7 @@ declare namespace LocalJSX {
         "t"?: RtkI18n;
     }
     /**
+     * @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.
      */
     interface RtkImageMessage {
@@ -8872,6 +8947,10 @@ declare namespace LocalJSX {
           * Icon pack
          */
         "iconPack"?: IconPack1;
+        /**
+          * Is the message sent by the current user
+         */
+        "isSelf"?: boolean;
         /**
           * action event
          */
@@ -10665,6 +10744,7 @@ declare namespace LocalJSX {
         "value"?: string;
     }
     /**
+     * @deprecated `rtk-text-message` is deprecated and will be removed soon. Use `rtk-text-message-view` instead.
      * A component which renders a text message from chat.
      */
     interface RtkTextMessage {
@@ -11076,9 +11156,21 @@ declare module "@stencil/core" {
              */
             "rtk-camera-toggle": LocalJSX.RtkCameraToggle & JSXBase.HTMLAttributes<HTMLRtkCameraToggleElement>;
             "rtk-caption-toggle": LocalJSX.RtkCaptionToggle & JSXBase.HTMLAttributes<HTMLRtkCaptionToggleElement>;
+            /**
+             * @deprecated `rtk-channel-creator` is deprecated and will be removed soon.
+             */
             "rtk-channel-creator": LocalJSX.RtkChannelCreator & JSXBase.HTMLAttributes<HTMLRtkChannelCreatorElement>;
+            /**
+             * @deprecated `rtk-channel-details` is deprecated and will be removed soon.
+             */
             "rtk-channel-details": LocalJSX.RtkChannelDetails & JSXBase.HTMLAttributes<HTMLRtkChannelDetailsElement>;
+            /**
+             * @deprecated `rtk-channel-header` is deprecated and will be removed soon. Use `rtk-channel-selector-view` instead.
+             */
             "rtk-channel-header": LocalJSX.RtkChannelHeader & JSXBase.HTMLAttributes<HTMLRtkChannelHeaderElement>;
+            /**
+             * @deprecated `rtk-channel-selector-ui` is deprecated and will be removed soon.
+             */
             "rtk-channel-selector-ui": LocalJSX.RtkChannelSelectorUi & JSXBase.HTMLAttributes<HTMLRtkChannelSelectorUiElement>;
             "rtk-channel-selector-view": LocalJSX.RtkChannelSelectorView & JSXBase.HTMLAttributes<HTMLRtkChannelSelectorViewElement>;
             /**
@@ -11090,9 +11182,18 @@ declare module "@stencil/core" {
              * A component which renders a chat composer
              */
             "rtk-chat-composer-view": LocalJSX.RtkChatComposerView & JSXBase.HTMLAttributes<HTMLRtkChatComposerViewElement>;
+            /**
+             * @deprecated `rtk-chat-message` is deprecated and will be removed soon. Use `rtk-message-view` instead.
+             */
             "rtk-chat-message": LocalJSX.RtkChatMessage & JSXBase.HTMLAttributes<HTMLRtkChatMessageElement>;
+            /**
+             * @deprecated Use `rtk-chat-messages-ui-paginated` instead.
+             */
             "rtk-chat-messages-ui": LocalJSX.RtkChatMessagesUi & JSXBase.HTMLAttributes<HTMLRtkChatMessagesUiElement>;
             "rtk-chat-messages-ui-paginated": LocalJSX.RtkChatMessagesUiPaginated & JSXBase.HTMLAttributes<HTMLRtkChatMessagesUiPaginatedElement>;
+            /**
+             * @deprecated `rtk-chat-search-results` is deprecated and will be removed soon. Use `rtk-chat-messages-ui-paginated` instead. -
+             */
             "rtk-chat-search-results": LocalJSX.RtkChatSearchResults & JSXBase.HTMLAttributes<HTMLRtkChatSearchResultsElement>;
             "rtk-chat-selector-ui": LocalJSX.RtkChatSelectorUi & JSXBase.HTMLAttributes<HTMLRtkChatSelectorUiElement>;
             /**
@@ -11162,6 +11263,7 @@ declare module "@stencil/core" {
             "rtk-ended-screen": LocalJSX.RtkEndedScreen & JSXBase.HTMLAttributes<HTMLRtkEndedScreenElement>;
             "rtk-file-dropzone": LocalJSX.RtkFileDropzone & JSXBase.HTMLAttributes<HTMLRtkFileDropzoneElement>;
             /**
+             * @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.
              */
             "rtk-file-message": LocalJSX.RtkFileMessage & JSXBase.HTMLAttributes<HTMLRtkFileMessageElement>;
@@ -11198,6 +11300,7 @@ declare module "@stencil/core" {
              */
             "rtk-idle-screen": LocalJSX.RtkIdleScreen & JSXBase.HTMLAttributes<HTMLRtkIdleScreenElement>;
             /**
+             * @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.
              */
             "rtk-image-message": LocalJSX.RtkImageMessage & JSXBase.HTMLAttributes<HTMLRtkImageMessageElement>;
@@ -11509,6 +11612,7 @@ declare module "@stencil/core" {
              */
             "rtk-text-composer-view": LocalJSX.RtkTextComposerView & JSXBase.HTMLAttributes<HTMLRtkTextComposerViewElement>;
             /**
+             * @deprecated `rtk-text-message` is deprecated and will be removed soon. Use `rtk-text-message-view` instead.
              * A component which renders a text message from chat.
              */
             "rtk-text-message": LocalJSX.RtkTextMessage & JSXBase.HTMLAttributes<HTMLRtkTextMessageElement>;

package/dist/types/types/props.d.ts

@@ -73,6 +73,7 @@ export interface States {
         destinationMeetingId?: string;
     };
     activeJoinStage?: boolean;
+    /** @deprecated `activeChannelCreator` is deprecated and will be removed soon. */
     activeChannelCreator?: boolean;
     image?: ImageMessage;
     prefs?: UserPreferences;

package/dist/types/utils/chat.d.ts

@@ -4,7 +4,7 @@ import { ChatChannel, ChatMessage } from '../types/props';
 export declare const parseMessageForTarget: (message: any) => Message;
 export declare function alphabeticalSorter(a: string, b: string): number;
 /**
- * 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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cloudflare/realtimekit-ui",
-  "version": "1.0.9-staging.2",
+  "version": "1.0.9-staging.3",
   "description": "Pre-built, ready-to-use UI components and utilities for integrating with Cloudflare RealtimeKit",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",