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

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

@@ -18,6 +18,7 @@ interface RtkFile {
     file: File;
 }
 export type RtkNewMessageEvent = RtkText | RtkImage | RtkFile;
+/** @deprecated. This component is deprecated, please use rtk-chat-composer-view instead. */
 export declare class RtkChatComposerUi {
     private $textArea;
     /** Whether user can send text messages */
@@ -40,8 +41,6 @@ export declare class RtkChatComposerUi {
     };
     /** list of members that can be mentioned */
     members?: RTKBasicParticipant[];
-    /** channel id */
-    channelId?: string;
     emojiPickerActive: boolean;
     mentionQuery: string;
     focusedMemberIndex: number;
@@ -52,14 +51,12 @@ export declare class RtkChatComposerUi {
     onEditMessage: EventEmitter<{
         id: string;
         message: string;
-        channelId?: string;
     }>;
     /** Event emitted when message editing is cancelled */
     onEditCancelled: EventEmitter;
     private fileReader;
     private fileToUpload;
     connectedCallback(): void;
-    onChannelChanged(): void;
     componentDidRender(): void;
     get storageKey(): string;
     private handleKeyDown;

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

@@ -0,0 +1,7 @@
+export declare class RtkChatHeader {
+    private $pinnedSelector?;
+    private $chatSelector?;
+    private onPinnedToggle;
+    private onChatToggle;
+    render(): any;
+}

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

@@ -2,27 +2,21 @@ 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 { ChatChannel, Size, States } from '../../types/props';
+import { Meeting, Participant } from '../../types/rtk-client';
+import { Size, States } from '../../types/props';
 export declare class RtkChatMessagesUiPaginated {
     private $paginatedListRef;
     host: HTMLRtkChatMessagesUiPaginatedElement;
     /** Meeting object */
     meeting: Meeting;
-    /**
-     * Selected channel
-     */
-    selectedChannel?: ChatChannel;
-    /**
-     * Selected channel id
-     */
-    selectedChannelId?: string;
     /** Size */
     size: Size;
     /** Icon pack */
     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;
@@ -40,18 +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;
-    private lastReadMessageIndex;
     componentDidLoad(): void;
     connectedCallback(): void;
+    onPinnedMessageSelect(event: CustomEvent<Message>): Promise<void>;
     disconnectedCallback(): void;
+    privateChatRecipientChanged(): void;
     meetingChanged(meeting: Meeting, oldMeeting?: Meeting): void;
-    channelChanged(): void;
     private permissionsUpdateListener;
-    private maybeMarkChannelAsRead;
     private getChatMessages;
     private createChatNodes;
     private disconnectMeeting;

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

@@ -0,0 +1,52 @@
+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;
+    /** */
+    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;
+    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 */
@@ -82,6 +80,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/rtk-sidebar-ui/rtk-sidebar-ui.d.ts

@@ -91,8 +91,6 @@ export declare class RtkSidebarUi {
         horizontal_dots: string;
         ai_sparkle: string;
         meeting_ai: string;
-        create_channel: string;
-        create_channel_illustration: string;
         captionsOn: string;
         captionsOff: string;
         play: string;