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

package/dist/types/components/rtk-chat-messages-ui-paginated/rtk-chat-messages-ui-paginated.d.ts

@@ -2,7 +2,7 @@ import type { Message, TextMessage } from '@cloudflare/realtimekit';
 import { EventEmitter } from '../../stencil-public-runtime';
 import { IconPack } from '../../lib/icons';
 import { RtkI18n } from '../../lib/lang';
-import { Meeting } from '../../types/rtk-client';
+import { Meeting, Participant } from '../../types/rtk-client';
 import { Size, States } from '../../types/props';
 export declare class RtkChatMessagesUiPaginated {
     private $paginatedListRef;
@@ -15,6 +15,8 @@ export declare class RtkChatMessagesUiPaginated {
     iconPack: IconPack;
     /** Language */
     t: RtkI18n;
+    /** Selected recipient for private chat; when unset, messages are loaded for public chat (Everyone). */
+    privateChatRecipient: Participant | null;
     /** Event for editing a message */
     editMessageInit: EventEmitter<{
         payload: TextMessage;
@@ -32,16 +34,15 @@ export declare class RtkChatMessagesUiPaginated {
     /** Emits updated state data */
     stateUpdate: EventEmitter<States>;
     children: HTMLElement;
-    /** Whether to align chat bubbles to the left */
-    leftAlign: boolean;
     permissionsChanged: boolean;
     private pageSize;
     componentDidLoad(): void;
     connectedCallback(): void;
+    onPinnedMessageSelect(event: CustomEvent<Message>): Promise<void>;
     disconnectedCallback(): void;
+    privateChatRecipientChanged(): void;
     meetingChanged(meeting: Meeting, oldMeeting?: Meeting): void;
     private permissionsUpdateListener;
-    private maybeMarkChatAsRead;
     private getChatMessages;
     private createChatNodes;
     private disconnectMeeting;

package/dist/types/components/rtk-chat-selector/rtk-chat-selector.d.ts

@@ -0,0 +1,54 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { Meeting, Participant } from '../../types/rtk-client';
+import { Size } from '../../types/props';
+import { Overrides, States, UIConfig } from '../../exports';
+import { IconPack } from '../../lib/icons';
+import { RtkI18n } from '../../lib/lang';
+export declare class RtkChatSelector {
+    private $paginatedListRef;
+    /** Meeting object */
+    meeting: Meeting;
+    /** States object */
+    states: States;
+    /** Config */
+    config: UIConfig;
+    /** Icon pack */
+    iconPack: IconPack;
+    /** Language */
+    t: RtkI18n;
+    /** UI Overrides */
+    overrides: Overrides;
+    /** Size */
+    size: Size;
+    isOpen: boolean;
+    showPrivateChat: boolean;
+    selectedUser: Participant | undefined;
+    pageSize: number;
+    pagesAllowed: number;
+    unreadMap: Map<string, boolean>;
+    /** */
+    dropdownToggle: EventEmitter<{
+        open: boolean;
+    }>;
+    /** */
+    chatSelectorChange: EventEmitter<{
+        selectedUser?: Participant | undefined;
+    }>;
+    /** */
+    close(): Promise<void>;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    overridesChanged(overrides: any): void;
+    meetingChanged(meeting: Meeting, oldMeeting?: Meeting): void;
+    private disconnectMeeting;
+    private toggle;
+    private selectUser;
+    private chatPermissionUpdateListener;
+    private onParticipantUpdate;
+    private participantJoinedListener;
+    private participantLeftListener;
+    private getParticipants;
+    private createPaticipantNodes;
+    private chatUpdateListener;
+    render(): any;
+}

package/dist/types/components/rtk-paginated-list/rtk-paginated-list.d.ts

@@ -53,8 +53,6 @@ export declare class RtkPaginatedList {
     fetchData: (timestamp: number, size: number, reversed: boolean) => Promise<unknown[]>;
     /** Create nodes */
     createNodes: (data: unknown[]) => VNode[];
-    /** Item id */
-    selectedItemId?: string;
     /** auto scroll list to bottom */
     autoScroll: boolean;
     /** Icon pack */
@@ -66,6 +64,10 @@ export declare class RtkPaginatedList {
     isLoading: boolean;
     isLoadingTop: boolean;
     isLoadingBottom: boolean;
+    /**
+     * Rerender paginated list
+     */
+    rerenderList(): Promise<void>;
     /**
      * Adds a new node to the beginning of the paginated list
      * @param {DataNode} node - The data node to add to the beginning of the list
@@ -82,6 +84,10 @@ export declare class RtkPaginatedList {
      * @param {DataNode} node - The updated data node
      * */
     onNodeUpdate(id: string, node: DataNode): Promise<void>;
+    /**
+     * Resets the paginated list to a given timestamp
+     */
+    reset(timestamp?: number): Promise<void>;
     private pendingScrollAnchor;
     connectedCallback(): void;
     componentDidLoad(): void;

package/dist/types/components/rtk-pinned-message-selector/rtk-pinned-message-selector.d.ts

@@ -0,0 +1,40 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { IconPack } from '../../lib/icons';
+import { RtkI18n } from '../../lib/lang';
+import { Message } from '@cloudflare/realtimekit';
+import type { Meeting, Participant } from '../../types/rtk-client';
+export declare class RtkPinnedMessageSelector {
+    isOpen: boolean;
+    /** */
+    dropdownToggle: EventEmitter<{
+        open: boolean;
+    }>;
+    /** Emits when a pinned message is selected */
+    pinnedMessageSelect: EventEmitter<Message>;
+    /** Meeting object */
+    meeting: Meeting;
+    /** Icon pack */
+    iconPack: IconPack;
+    /** Language */
+    t: RtkI18n;
+    pageSize: number;
+    pagesAllowed: number;
+    showPinnedMessages: boolean;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private disconnectMeeting;
+    meetingChanged(meeting: Meeting, oldMeeting?: Meeting): void;
+    /** */
+    close(): Promise<void>;
+    onChatSelectorChange(event: CustomEvent<{
+        selectedUser?: Participant;
+    }>): Promise<void>;
+    private toggle;
+    private $paginatedListRef;
+    private getPinnedChatMessages;
+    private createPinnedChatNodes;
+    private pinChatListener;
+    private unpinChatListener;
+    private chatUpdateListener;
+    render(): any;
+}

package/dist/types/components.d.ts

@@ -5,7 +5,7 @@
  * It contains typing information for all components that exist in this project.
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
-import { Meeting, Peer, WaitlistedParticipant } from "./types/rtk-client";
+import { Meeting, RTKParticipant as Participant, Peer, WaitlistedParticipant } from "./types/rtk-client";
 import { Chat, Notification, PartialStateEvent, Poll, PollObject, Size, States, Transcript } from "./types/props";
 import { UIConfig } from "./types/ui-config";
 import { IconPack } from "./lib/icons";
@@ -18,8 +18,7 @@ import { AvatarVariant } from "./components/rtk-avatar/rtk-avatar";
 import { DraftMeeting } from "./utils/breakout-rooms-manager";
 import { ButtonKind, ButtonVariant } from "./components/rtk-button/rtk-button";
 import { Overrides } from "./lib/overrides";
-import { ChatFilter } from "./components/rtk-chat/rtk-chat";
-import { FileMessage, ImageMessage, Message, RTKBasicParticipant, RTKPermissionsPreset, RTKPlugin, TextMessage } from "@cloudflare/realtimekit";
+import { FileMessage, ImageMessage, Message, BasicParticipant as RTKBasicParticipant, RTKPermissionsPreset, RTKPlugin, TextMessage } from "@cloudflare/realtimekit";
 import { RtkNewMessageEvent } from "./components/rtk-chat-composer-ui/rtk-chat-composer-ui";
 import { NewMessageEvent } from "./components/rtk-chat-composer-view/rtk-chat-composer-view";
 import { ChatGroup, ChatGroupChangedType } from "./components/rtk-chat-selector-ui/rtk-chat-selector-ui";
@@ -46,7 +45,7 @@ import { TooltipKind, TooltipVariant } from "./components/rtk-tooltip/rtk-toolti
 import { MeetingMode as MeetingMode1 } from "./components/rtk-meeting/rtk-meeting";
 import { ViewerCountVariant } from "./components/rtk-viewer-count/rtk-viewer-count";
 import { Peer as Peer1 } from ".";
-export { Meeting, Peer, WaitlistedParticipant } from "./types/rtk-client";
+export { Meeting, RTKParticipant as Participant, Peer, WaitlistedParticipant } from "./types/rtk-client";
 export { Chat, Notification, PartialStateEvent, Poll, PollObject, Size, States, Transcript } from "./types/props";
 export { UIConfig } from "./types/ui-config";
 export { IconPack } from "./lib/icons";
@@ -59,8 +58,7 @@ export { AvatarVariant } from "./components/rtk-avatar/rtk-avatar";
 export { DraftMeeting } from "./utils/breakout-rooms-manager";
 export { ButtonKind, ButtonVariant } from "./components/rtk-button/rtk-button";
 export { Overrides } from "./lib/overrides";
-export { ChatFilter } from "./components/rtk-chat/rtk-chat";
-export { FileMessage, ImageMessage, Message, RTKBasicParticipant, RTKPermissionsPreset, RTKPlugin, TextMessage } from "@cloudflare/realtimekit";
+export { FileMessage, ImageMessage, Message, BasicParticipant as RTKBasicParticipant, RTKPermissionsPreset, RTKPlugin, TextMessage } from "@cloudflare/realtimekit";
 export { RtkNewMessageEvent } from "./components/rtk-chat-composer-ui/rtk-chat-composer-ui";
 export { NewMessageEvent } from "./components/rtk-chat-composer-view/rtk-chat-composer-view";
 export { ChatGroup, ChatGroupChangedType } from "./components/rtk-chat-selector-ui/rtk-chat-selector-ui";
@@ -536,14 +534,6 @@ export namespace Components {
           * Config
          */
         "config": UIConfig1;
-        /**
-          * disables private chat
-         */
-        "disablePrivateChat": boolean;
-        /**
-          * @deprecated Beta API, will change in future A filter function for messages to be displayed
-         */
-        "displayFilter": ChatFilter;
         /**
           * Icon pack
          */
@@ -556,10 +546,6 @@ export namespace Components {
           * UI Overrides
          */
         "overrides": Overrides;
-        /**
-          * @deprecated Beta API, will change in future List of target presets allowed as private chat recipient
-         */
-        "privatePresetFilter": String[];
         /**
           * Size
          */
@@ -569,6 +555,9 @@ export namespace Components {
          */
         "t": RtkI18n;
     }
+    /**
+     * @deprecated . This component is deprecated, please use rtk-chat-composer-view instead.
+     */
     interface RtkChatComposerUi {
         /**
           * Whether user can send file messages
@@ -661,6 +650,8 @@ export namespace Components {
          */
         "t": RtkI18n1;
     }
+    interface RtkChatHeader {
+    }
     /**
      * @deprecated `rtk-chat-message` is deprecated and will be removed soon. Use `rtk-message-view` instead.
      */
@@ -772,14 +763,14 @@ export namespace Components {
           * Icon pack
          */
         "iconPack": IconPack;
-        /**
-          * Whether to align chat bubbles to the left
-         */
-        "leftAlign": boolean;
         /**
           * Meeting object
          */
         "meeting": Meeting;
+        /**
+          * Selected recipient for private chat; when unset, messages are loaded for public chat (Everyone).
+         */
+        "privateChatRecipient": Participant | null;
         /**
           * Size
          */
@@ -814,6 +805,37 @@ export namespace Components {
          */
         "t": RtkI18n1;
     }
+    interface RtkChatSelector {
+        "close": () => Promise<void>;
+        /**
+          * Config
+         */
+        "config": UIConfig1;
+        /**
+          * Icon pack
+         */
+        "iconPack": IconPack;
+        /**
+          * Meeting object
+         */
+        "meeting": Meeting;
+        /**
+          * UI Overrides
+         */
+        "overrides": Overrides1;
+        /**
+          * Size
+         */
+        "size": Size;
+        /**
+          * States object
+         */
+        "states": States1;
+        /**
+          * Language
+         */
+        "t": RtkI18n;
+    }
     interface RtkChatSelectorUi {
         /**
           * Participants
@@ -2405,9 +2427,13 @@ export namespace Components {
          */
         "pagesAllowed": number;
         /**
-          * Item id
+          * Rerender paginated list
+         */
+        "rerenderList": () => Promise<void>;
+        /**
+          * Resets the paginated list to a given timestamp
          */
-        "selectedItemId"?: string;
+        "reset": (timestamp?: number) => Promise<void>;
         /**
           * Language
          */
@@ -2801,6 +2827,21 @@ export namespace Components {
          */
         "t": RtkI18n;
     }
+    interface RtkPinnedMessageSelector {
+        "close": () => Promise<void>;
+        /**
+          * Icon pack
+         */
+        "iconPack": IconPack;
+        /**
+          * Meeting object
+         */
+        "meeting": Meeting;
+        /**
+          * Language
+         */
+        "t": RtkI18n;
+    }
     interface RtkPipToggle {
         /**
           * Config
@@ -3943,6 +3984,10 @@ export interface RtkChatMessagesUiPaginatedCustomEvent<T> extends CustomEvent<T>
     detail: T;
     target: HTMLRtkChatMessagesUiPaginatedElement;
 }
+export interface RtkChatSelectorCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLRtkChatSelectorElement;
+}
 export interface RtkChatSelectorUiCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLRtkChatSelectorUiElement;
@@ -4087,6 +4132,10 @@ export interface RtkPermissionsMessageCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLRtkPermissionsMessageElement;
 }
+export interface RtkPinnedMessageSelectorCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLRtkPinnedMessageSelectorElement;
+}
 export interface RtkPipToggleCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLRtkPipToggleElement;
@@ -4450,6 +4499,9 @@ declare global {
   };
         "rtkEditCancelled": any;
     }
+    /**
+     * @deprecated . This component is deprecated, please use rtk-chat-composer-view instead.
+     */
     interface HTMLRtkChatComposerUiElement extends Components.RtkChatComposerUi, HTMLStencilElement {
         addEventListener<K extends keyof HTMLRtkChatComposerUiElementEventMap>(type: K, listener: (this: HTMLRtkChatComposerUiElement, ev: RtkChatComposerUiCustomEvent<HTMLRtkChatComposerUiElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
         addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
@@ -4487,6 +4539,12 @@ declare global {
         prototype: HTMLRtkChatComposerViewElement;
         new (): HTMLRtkChatComposerViewElement;
     };
+    interface HTMLRtkChatHeaderElement extends Components.RtkChatHeader, HTMLStencilElement {
+    }
+    var HTMLRtkChatHeaderElement: {
+        prototype: HTMLRtkChatHeaderElement;
+        new (): HTMLRtkChatHeaderElement;
+    };
     interface HTMLRtkChatMessageElementEventMap {
         "edit": Message;
         "reply": Message;
@@ -4564,6 +4622,24 @@ declare global {
         prototype: HTMLRtkChatSearchResultsElement;
         new (): HTMLRtkChatSearchResultsElement;
     };
+    interface HTMLRtkChatSelectorElementEventMap {
+        "rtkDropdownToggle": { open: boolean };
+        "rtkChatSelectorChange": { selectedUser?: Participant | undefined };
+    }
+    interface HTMLRtkChatSelectorElement extends Components.RtkChatSelector, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLRtkChatSelectorElementEventMap>(type: K, listener: (this: HTMLRtkChatSelectorElement, ev: RtkChatSelectorCustomEvent<HTMLRtkChatSelectorElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLRtkChatSelectorElementEventMap>(type: K, listener: (this: HTMLRtkChatSelectorElement, ev: RtkChatSelectorCustomEvent<HTMLRtkChatSelectorElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLRtkChatSelectorElement: {
+        prototype: HTMLRtkChatSelectorElement;
+        new (): HTMLRtkChatSelectorElement;
+    };
     interface HTMLRtkChatSelectorUiElementEventMap {
         "rtkChatGroupChanged": ChatGroupChangedType;
     }
@@ -5596,6 +5672,24 @@ declare global {
         prototype: HTMLRtkPermissionsMessageElement;
         new (): HTMLRtkPermissionsMessageElement;
     };
+    interface HTMLRtkPinnedMessageSelectorElementEventMap {
+        "rtkDropdownToggle": { open: boolean };
+        "rtkPinnedMessageSelect": Message;
+    }
+    interface HTMLRtkPinnedMessageSelectorElement extends Components.RtkPinnedMessageSelector, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLRtkPinnedMessageSelectorElementEventMap>(type: K, listener: (this: HTMLRtkPinnedMessageSelectorElement, ev: RtkPinnedMessageSelectorCustomEvent<HTMLRtkPinnedMessageSelectorElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLRtkPinnedMessageSelectorElementEventMap>(type: K, listener: (this: HTMLRtkPinnedMessageSelectorElement, ev: RtkPinnedMessageSelectorCustomEvent<HTMLRtkPinnedMessageSelectorElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLRtkPinnedMessageSelectorElement: {
+        prototype: HTMLRtkPinnedMessageSelectorElement;
+        new (): HTMLRtkPinnedMessageSelectorElement;
+    };
     interface HTMLRtkPipToggleElementEventMap {
         "rtkStateUpdate": States1;
     }
@@ -6274,10 +6368,12 @@ declare global {
         "rtk-chat": HTMLRtkChatElement;
         "rtk-chat-composer-ui": HTMLRtkChatComposerUiElement;
         "rtk-chat-composer-view": HTMLRtkChatComposerViewElement;
+        "rtk-chat-header": HTMLRtkChatHeaderElement;
         "rtk-chat-message": HTMLRtkChatMessageElement;
         "rtk-chat-messages-ui": HTMLRtkChatMessagesUiElement;
         "rtk-chat-messages-ui-paginated": HTMLRtkChatMessagesUiPaginatedElement;
         "rtk-chat-search-results": HTMLRtkChatSearchResultsElement;
+        "rtk-chat-selector": HTMLRtkChatSelectorElement;
         "rtk-chat-selector-ui": HTMLRtkChatSelectorUiElement;
         "rtk-chat-toggle": HTMLRtkChatToggleElement;
         "rtk-clock": HTMLRtkClockElement;
@@ -6350,6 +6446,7 @@ declare global {
         "rtk-participants-viewer-list": HTMLRtkParticipantsViewerListElement;
         "rtk-participants-waiting-list": HTMLRtkParticipantsWaitingListElement;
         "rtk-permissions-message": HTMLRtkPermissionsMessageElement;
+        "rtk-pinned-message-selector": HTMLRtkPinnedMessageSelectorElement;
         "rtk-pip-toggle": HTMLRtkPipToggleElement;
         "rtk-plugin-main": HTMLRtkPluginMainElement;
         "rtk-plugins": HTMLRtkPluginsElement;
@@ -6904,14 +7001,6 @@ declare namespace LocalJSX {
           * Config
          */
         "config"?: UIConfig1;
-        /**
-          * disables private chat
-         */
-        "disablePrivateChat"?: boolean;
-        /**
-          * @deprecated Beta API, will change in future A filter function for messages to be displayed
-         */
-        "displayFilter"?: ChatFilter;
         /**
           * Icon pack
          */
@@ -6928,10 +7017,6 @@ declare namespace LocalJSX {
           * UI Overrides
          */
         "overrides"?: Overrides;
-        /**
-          * @deprecated Beta API, will change in future List of target presets allowed as private chat recipient
-         */
-        "privatePresetFilter"?: String[];
         /**
           * Size
          */
@@ -6941,6 +7026,9 @@ declare namespace LocalJSX {
          */
         "t"?: RtkI18n;
     }
+    /**
+     * @deprecated . This component is deprecated, please use rtk-chat-composer-view instead.
+     */
     interface RtkChatComposerUi {
         /**
           * Whether user can send file messages
@@ -7064,6 +7152,8 @@ declare namespace LocalJSX {
          */
         "t"?: RtkI18n1;
     }
+    interface RtkChatHeader {
+    }
     /**
      * @deprecated `rtk-chat-message` is deprecated and will be removed soon. Use `rtk-message-view` instead.
      */
@@ -7199,10 +7289,6 @@ declare namespace LocalJSX {
           * Icon pack
          */
         "iconPack"?: IconPack;
-        /**
-          * Whether to align chat bubbles to the left
-         */
-        "leftAlign"?: boolean;
         /**
           * Meeting object
          */
@@ -7230,6 +7316,10 @@ declare namespace LocalJSX {
           * Emits updated state data
          */
         "onRtkStateUpdate"?: (event: RtkChatMessagesUiPaginatedCustomEvent<States>) => void;
+        /**
+          * Selected recipient for private chat; when unset, messages are loaded for public chat (Everyone).
+         */
+        "privateChatRecipient"?: Participant | null;
         /**
           * Size
          */
@@ -7264,6 +7354,38 @@ declare namespace LocalJSX {
          */
         "t"?: RtkI18n1;
     }
+    interface RtkChatSelector {
+        /**
+          * Config
+         */
+        "config"?: UIConfig1;
+        /**
+          * Icon pack
+         */
+        "iconPack"?: IconPack;
+        /**
+          * Meeting object
+         */
+        "meeting"?: Meeting;
+        "onRtkChatSelectorChange"?: (event: RtkChatSelectorCustomEvent<{ selectedUser?: Participant | undefined }>) => void;
+        "onRtkDropdownToggle"?: (event: RtkChatSelectorCustomEvent<{ open: boolean }>) => void;
+        /**
+          * UI Overrides
+         */
+        "overrides"?: Overrides1;
+        /**
+          * Size
+         */
+        "size"?: Size;
+        /**
+          * States object
+         */
+        "states"?: States1;
+        /**
+          * Language
+         */
+        "t"?: RtkI18n;
+    }
     interface RtkChatSelectorUi {
         /**
           * Participants
@@ -8980,10 +9102,6 @@ declare namespace LocalJSX {
           * Number of pages allowed to be shown
          */
         "pagesAllowed"?: number;
-        /**
-          * Item id
-         */
-        "selectedItemId"?: string;
         /**
           * Language
          */
@@ -9408,6 +9526,25 @@ declare namespace LocalJSX {
          */
         "t"?: RtkI18n;
     }
+    interface RtkPinnedMessageSelector {
+        /**
+          * Icon pack
+         */
+        "iconPack"?: IconPack;
+        /**
+          * Meeting object
+         */
+        "meeting"?: Meeting;
+        "onRtkDropdownToggle"?: (event: RtkPinnedMessageSelectorCustomEvent<{ open: boolean }>) => void;
+        /**
+          * Emits when a pinned message is selected
+         */
+        "onRtkPinnedMessageSelect"?: (event: RtkPinnedMessageSelectorCustomEvent<Message>) => void;
+        /**
+          * Language
+         */
+        "t"?: RtkI18n;
+    }
     interface RtkPipToggle {
         /**
           * Config
@@ -10628,10 +10765,12 @@ declare namespace LocalJSX {
         "rtk-chat": RtkChat;
         "rtk-chat-composer-ui": RtkChatComposerUi;
         "rtk-chat-composer-view": RtkChatComposerView;
+        "rtk-chat-header": RtkChatHeader;
         "rtk-chat-message": RtkChatMessage;
         "rtk-chat-messages-ui": RtkChatMessagesUi;
         "rtk-chat-messages-ui-paginated": RtkChatMessagesUiPaginated;
         "rtk-chat-search-results": RtkChatSearchResults;
+        "rtk-chat-selector": RtkChatSelector;
         "rtk-chat-selector-ui": RtkChatSelectorUi;
         "rtk-chat-toggle": RtkChatToggle;
         "rtk-clock": RtkClock;
@@ -10704,6 +10843,7 @@ declare namespace LocalJSX {
         "rtk-participants-viewer-list": RtkParticipantsViewerList;
         "rtk-participants-waiting-list": RtkParticipantsWaitingList;
         "rtk-permissions-message": RtkPermissionsMessage;
+        "rtk-pinned-message-selector": RtkPinnedMessageSelector;
         "rtk-pip-toggle": RtkPipToggle;
         "rtk-plugin-main": RtkPluginMain;
         "rtk-plugins": RtkPlugins;
@@ -10800,11 +10940,15 @@ declare module "@stencil/core" {
              * Fully featured chat component with image & file upload, emoji picker and auto-scroll.
              */
             "rtk-chat": LocalJSX.RtkChat & JSXBase.HTMLAttributes<HTMLRtkChatElement>;
+            /**
+             * @deprecated . This component is deprecated, please use rtk-chat-composer-view instead.
+             */
             "rtk-chat-composer-ui": LocalJSX.RtkChatComposerUi & JSXBase.HTMLAttributes<HTMLRtkChatComposerUiElement>;
             /**
              * A component which renders a chat composer
              */
             "rtk-chat-composer-view": LocalJSX.RtkChatComposerView & JSXBase.HTMLAttributes<HTMLRtkChatComposerViewElement>;
+            "rtk-chat-header": LocalJSX.RtkChatHeader & JSXBase.HTMLAttributes<HTMLRtkChatHeaderElement>;
             /**
              * @deprecated `rtk-chat-message` is deprecated and will be removed soon. Use `rtk-message-view` instead.
              */
@@ -10818,6 +10962,7 @@ declare module "@stencil/core" {
              * @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": LocalJSX.RtkChatSelector & JSXBase.HTMLAttributes<HTMLRtkChatSelectorElement>;
             "rtk-chat-selector-ui": LocalJSX.RtkChatSelectorUi & JSXBase.HTMLAttributes<HTMLRtkChatSelectorUiElement>;
             /**
              * A button which toggles visibility of chat.
@@ -11080,6 +11225,7 @@ declare module "@stencil/core" {
              * information.
              */
             "rtk-permissions-message": LocalJSX.RtkPermissionsMessage & JSXBase.HTMLAttributes<HTMLRtkPermissionsMessageElement>;
+            "rtk-pinned-message-selector": LocalJSX.RtkPinnedMessageSelector & JSXBase.HTMLAttributes<HTMLRtkPinnedMessageSelectorElement>;
             "rtk-pip-toggle": LocalJSX.RtkPipToggle & JSXBase.HTMLAttributes<HTMLRtkPipToggleElement>;
             /**
              * A component which loads a plugin.

package/dist/types/lib/overrides.d.ts

@@ -9,6 +9,11 @@ export interface Overrides {
      * When true, users cannot insert emojis into chat messages.
      */
     disableEmojiPicker?: boolean;
+    /**
+     * Disables private chat even when allowed by the preset.
+     * Recommended: Disable private chat via preset.
+     */
+    disablePrivateChat?: boolean;
 }
 /**
  * Default UI Kit Overrides

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

@@ -6,7 +6,6 @@ export declare const FlagsmithFeatureFlags: {
     DISABLE_KICKING: string;
     ADMIN_CANTREMOVE_ADMIN: string;
     CANTINVITE_VIEWER: string;
-    PINNED_MESSAGES: string;
 };
 export declare const isBreakoutRoomsEnabled: (meeting: RealtimeKitClient) => boolean;
 export declare const usePaginatedChat: () => boolean;

package/package.json

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