@melony/react 0.1.14 → 0.1.16

package/dist/index.d.cts

@@ -5,10 +5,15 @@ import { Role, Event, UINode } from 'melony';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
 interface User {
-    id: string;
+    id?: string;
+    uid: string;
     email: string;
-    name: string;
+    name?: string;
+    displayName?: string;
     picture?: string;
+    createdAt?: string;
+    lastSignIn?: string | null;
+    emailVerified?: boolean;
 }
 interface Message {
     role: Role;
@@ -26,6 +31,17 @@ interface StarterPrompt {
     prompt: string;
     icon?: React.ReactNode;
 }
+interface ComposerOption {
+    id: string;
+    label: string;
+    value: any;
+}
+interface ComposerOptionGroup {
+    id: string;
+    label: string;
+    options: ComposerOption[];
+    type?: "single" | "multiple";
+}
 interface AuthService {
     getMe: () => Promise<User | null>;
     login: () => void;
@@ -116,18 +132,24 @@ interface ThreadProps {
     placeholder?: string;
     starterPrompts?: StarterPrompt[];
     onStarterPromptClick?: (prompt: string) => void;
+    options?: ComposerOptionGroup[];
+    autoFocus?: boolean;
+    defaultSelectedIds?: string[];
 }
-declare function Thread({ className, placeholder, starterPrompts, onStarterPromptClick, }: ThreadProps): react_jsx_runtime.JSX.Element;
+declare function Thread({ className, placeholder, starterPrompts, onStarterPromptClick, options, autoFocus, defaultSelectedIds, }: ThreadProps): react_jsx_runtime.JSX.Element;
 
 interface ComposerProps {
     value: string;
     onChange: (value: string) => void;
-    onSubmit: (e?: React__default.FormEvent) => void;
+    onSubmit: (state?: Record<string, any>) => void;
     placeholder?: string;
     isLoading?: boolean;
     className?: string;
+    options?: ComposerOptionGroup[];
+    autoFocus?: boolean;
+    defaultSelectedIds?: string[];
 }
-declare function Composer({ value, onChange, onSubmit, placeholder, isLoading, className, }: ComposerProps): react_jsx_runtime.JSX.Element;
+declare function Composer({ value, onChange, onSubmit, placeholder, isLoading, className, options, autoFocus, defaultSelectedIds, }: ComposerProps): react_jsx_runtime.JSX.Element;
 
 interface ChatHeaderProps {
     /**
@@ -165,31 +187,42 @@ interface ChatPopupProps {
     title?: string;
     placeholder?: string;
     starterPrompts?: StarterPrompt[];
+    options?: ComposerOptionGroup[];
     defaultOpen?: boolean;
     /**
      * Props for customizing the header. Note: leftContent and rightContent in headerProps
      * will be merged with the default popup header actions (back, history, new chat, close).
      */
     headerProps?: Omit<ChatHeaderProps, "title" | "leftContent" | "rightContent">;
+    /**
+     * IDs of options to be selected by default
+     */
+    defaultSelectedIds?: string[];
 }
-declare function ChatPopup({ title, placeholder, starterPrompts, defaultOpen, headerProps, }: ChatPopupProps): react_jsx_runtime.JSX.Element;
+declare function ChatPopup({ title, placeholder, starterPrompts, options, defaultOpen, headerProps, defaultSelectedIds, }: ChatPopupProps): react_jsx_runtime.JSX.Element;
 
 interface ChatSidebarProps {
     title?: string;
     placeholder?: string;
     starterPrompts?: StarterPrompt[];
+    options?: ComposerOptionGroup[];
     className?: string;
     /**
      * Props for customizing the header. If provided, title prop will be passed to header.
      */
     headerProps?: Omit<ChatHeaderProps, "title">;
+    /**
+     * IDs of options to be selected by default
+     */
+    defaultSelectedIds?: string[];
 }
-declare function ChatSidebar({ title, placeholder, starterPrompts, className, headerProps, }: ChatSidebarProps): react_jsx_runtime.JSX.Element;
+declare function ChatSidebar({ title, placeholder, starterPrompts, options, className, headerProps, defaultSelectedIds, }: ChatSidebarProps): react_jsx_runtime.JSX.Element;
 
 interface ChatFullProps {
     title?: string;
     placeholder?: string;
     starterPrompts?: StarterPrompt[];
+    options?: ComposerOptionGroup[];
     className?: string;
     /**
      * Props for customizing the header. If provided, title prop will be passed to header.
@@ -243,8 +276,16 @@ interface ChatFullProps {
      * Callback when right sidebar collapse state changes
      */
     onRightSidebarCollapseChange?: (collapsed: boolean) => void;
+    /**
+     * Whether the composer should be auto focused
+     */
+    autoFocus?: boolean;
+    /**
+     * IDs of options to be selected by default
+     */
+    defaultSelectedIds?: string[];
 }
-declare function ChatFull({ title, placeholder, starterPrompts, className, headerProps, leftSidebar, rightSidebar, leftSidebarClassName, rightSidebarClassName, leftSidebarCollapsible, rightSidebarCollapsible, defaultLeftSidebarCollapsed, defaultRightSidebarCollapsed, leftSidebarCollapsed: controlledLeftCollapsed, rightSidebarCollapsed: controlledRightCollapsed, onLeftSidebarCollapseChange, onRightSidebarCollapseChange, }: ChatFullProps): react_jsx_runtime.JSX.Element;
+declare function ChatFull({ title, placeholder, starterPrompts, options, className, headerProps, leftSidebar, rightSidebar, leftSidebarClassName, rightSidebarClassName, leftSidebarCollapsible, rightSidebarCollapsible, defaultLeftSidebarCollapsed, defaultRightSidebarCollapsed, leftSidebarCollapsed: controlledLeftCollapsed, rightSidebarCollapsed: controlledRightCollapsed, onLeftSidebarCollapseChange, onRightSidebarCollapseChange, autoFocus, defaultSelectedIds, }: ChatFullProps): react_jsx_runtime.JSX.Element;
 
 interface ThreadListProps {
     className?: string;
@@ -253,6 +294,25 @@ interface ThreadListProps {
 }
 declare const ThreadList: React$1.FC<ThreadListProps>;
 
+interface ThreadPopoverProps {
+    className?: string;
+    buttonClassName?: string;
+    buttonVariant?: "default" | "outline" | "secondary" | "ghost" | "destructive" | "link";
+    buttonSize?: "default" | "xs" | "sm" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg";
+    emptyState?: React$1.ReactNode;
+    onThreadSelect?: (threadId: string) => void;
+}
+declare const ThreadPopover: React$1.FC<ThreadPopoverProps>;
+
+interface CreateThreadButtonProps {
+    className?: string;
+    variant?: "default" | "outline" | "secondary" | "ghost" | "destructive" | "link";
+    size?: "default" | "xs" | "sm" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg";
+    children?: React$1.ReactNode;
+    onThreadCreated?: (threadId: string) => void;
+}
+declare const CreateThreadButton: React$1.FC<CreateThreadButtonProps>;
+
 interface AccountDialogProps {
     className?: string;
     variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link";
@@ -274,4 +334,4 @@ declare function UIRenderer({ node }: UIRendererProps): react_jsx_runtime.JSX.El
 
 declare function groupEventsToMessages(events: Event[]): Message[];
 
-export { AccountDialog, type AccountDialogProps, AuthContext, type AuthContextValue, AuthProvider, type AuthProviderProps, type AuthService, ChatFull, type ChatFullProps, ChatHeader, type ChatHeaderProps, ChatPopup, type ChatPopupProps, ChatSidebar, type ChatSidebarProps, Composer, MelonyClientProvider, type MelonyClientProviderProps, MelonyContext, type MelonyContextValue, type Message, type StarterPrompt, ThemeProvider, ThemeToggle, Thread, ThreadContext, type ThreadContextValue, type ThreadData, ThreadList, type ThreadListProps, ThreadProvider, type ThreadProviderProps, type ThreadService, UIRenderer, type UIRendererProps, type UseMelonyOptions, type User, groupEventsToMessages, useAuth, useMelony, useTheme, useThreads };
+export { AccountDialog, type AccountDialogProps, AuthContext, type AuthContextValue, AuthProvider, type AuthProviderProps, type AuthService, ChatFull, type ChatFullProps, ChatHeader, type ChatHeaderProps, ChatPopup, type ChatPopupProps, ChatSidebar, type ChatSidebarProps, Composer, type ComposerOption, type ComposerOptionGroup, CreateThreadButton, type CreateThreadButtonProps, MelonyClientProvider, type MelonyClientProviderProps, MelonyContext, type MelonyContextValue, type Message, type StarterPrompt, ThemeProvider, ThemeToggle, Thread, ThreadContext, type ThreadContextValue, type ThreadData, ThreadList, type ThreadListProps, ThreadPopover, type ThreadPopoverProps, ThreadProvider, type ThreadProviderProps, type ThreadService, UIRenderer, type UIRendererProps, type UseMelonyOptions, type User, groupEventsToMessages, useAuth, useMelony, useTheme, useThreads };

package/dist/index.d.ts

@@ -5,10 +5,15 @@ import { Role, Event, UINode } from 'melony';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
 interface User {
-    id: string;
+    id?: string;
+    uid: string;
     email: string;
-    name: string;
+    name?: string;
+    displayName?: string;
     picture?: string;
+    createdAt?: string;
+    lastSignIn?: string | null;
+    emailVerified?: boolean;
 }
 interface Message {
     role: Role;
@@ -26,6 +31,17 @@ interface StarterPrompt {
     prompt: string;
     icon?: React.ReactNode;
 }
+interface ComposerOption {
+    id: string;
+    label: string;
+    value: any;
+}
+interface ComposerOptionGroup {
+    id: string;
+    label: string;
+    options: ComposerOption[];
+    type?: "single" | "multiple";
+}
 interface AuthService {
     getMe: () => Promise<User | null>;
     login: () => void;
@@ -116,18 +132,24 @@ interface ThreadProps {
     placeholder?: string;
     starterPrompts?: StarterPrompt[];
     onStarterPromptClick?: (prompt: string) => void;
+    options?: ComposerOptionGroup[];
+    autoFocus?: boolean;
+    defaultSelectedIds?: string[];
 }
-declare function Thread({ className, placeholder, starterPrompts, onStarterPromptClick, }: ThreadProps): react_jsx_runtime.JSX.Element;
+declare function Thread({ className, placeholder, starterPrompts, onStarterPromptClick, options, autoFocus, defaultSelectedIds, }: ThreadProps): react_jsx_runtime.JSX.Element;
 
 interface ComposerProps {
     value: string;
     onChange: (value: string) => void;
-    onSubmit: (e?: React__default.FormEvent) => void;
+    onSubmit: (state?: Record<string, any>) => void;
     placeholder?: string;
     isLoading?: boolean;
     className?: string;
+    options?: ComposerOptionGroup[];
+    autoFocus?: boolean;
+    defaultSelectedIds?: string[];
 }
-declare function Composer({ value, onChange, onSubmit, placeholder, isLoading, className, }: ComposerProps): react_jsx_runtime.JSX.Element;
+declare function Composer({ value, onChange, onSubmit, placeholder, isLoading, className, options, autoFocus, defaultSelectedIds, }: ComposerProps): react_jsx_runtime.JSX.Element;
 
 interface ChatHeaderProps {
     /**
@@ -165,31 +187,42 @@ interface ChatPopupProps {
     title?: string;
     placeholder?: string;
     starterPrompts?: StarterPrompt[];
+    options?: ComposerOptionGroup[];
     defaultOpen?: boolean;
     /**
      * Props for customizing the header. Note: leftContent and rightContent in headerProps
      * will be merged with the default popup header actions (back, history, new chat, close).
      */
     headerProps?: Omit<ChatHeaderProps, "title" | "leftContent" | "rightContent">;
+    /**
+     * IDs of options to be selected by default
+     */
+    defaultSelectedIds?: string[];
 }
-declare function ChatPopup({ title, placeholder, starterPrompts, defaultOpen, headerProps, }: ChatPopupProps): react_jsx_runtime.JSX.Element;
+declare function ChatPopup({ title, placeholder, starterPrompts, options, defaultOpen, headerProps, defaultSelectedIds, }: ChatPopupProps): react_jsx_runtime.JSX.Element;
 
 interface ChatSidebarProps {
     title?: string;
     placeholder?: string;
     starterPrompts?: StarterPrompt[];
+    options?: ComposerOptionGroup[];
     className?: string;
     /**
      * Props for customizing the header. If provided, title prop will be passed to header.
      */
     headerProps?: Omit<ChatHeaderProps, "title">;
+    /**
+     * IDs of options to be selected by default
+     */
+    defaultSelectedIds?: string[];
 }
-declare function ChatSidebar({ title, placeholder, starterPrompts, className, headerProps, }: ChatSidebarProps): react_jsx_runtime.JSX.Element;
+declare function ChatSidebar({ title, placeholder, starterPrompts, options, className, headerProps, defaultSelectedIds, }: ChatSidebarProps): react_jsx_runtime.JSX.Element;
 
 interface ChatFullProps {
     title?: string;
     placeholder?: string;
     starterPrompts?: StarterPrompt[];
+    options?: ComposerOptionGroup[];
     className?: string;
     /**
      * Props for customizing the header. If provided, title prop will be passed to header.
@@ -243,8 +276,16 @@ interface ChatFullProps {
      * Callback when right sidebar collapse state changes
      */
     onRightSidebarCollapseChange?: (collapsed: boolean) => void;
+    /**
+     * Whether the composer should be auto focused
+     */
+    autoFocus?: boolean;
+    /**
+     * IDs of options to be selected by default
+     */
+    defaultSelectedIds?: string[];
 }
-declare function ChatFull({ title, placeholder, starterPrompts, className, headerProps, leftSidebar, rightSidebar, leftSidebarClassName, rightSidebarClassName, leftSidebarCollapsible, rightSidebarCollapsible, defaultLeftSidebarCollapsed, defaultRightSidebarCollapsed, leftSidebarCollapsed: controlledLeftCollapsed, rightSidebarCollapsed: controlledRightCollapsed, onLeftSidebarCollapseChange, onRightSidebarCollapseChange, }: ChatFullProps): react_jsx_runtime.JSX.Element;
+declare function ChatFull({ title, placeholder, starterPrompts, options, className, headerProps, leftSidebar, rightSidebar, leftSidebarClassName, rightSidebarClassName, leftSidebarCollapsible, rightSidebarCollapsible, defaultLeftSidebarCollapsed, defaultRightSidebarCollapsed, leftSidebarCollapsed: controlledLeftCollapsed, rightSidebarCollapsed: controlledRightCollapsed, onLeftSidebarCollapseChange, onRightSidebarCollapseChange, autoFocus, defaultSelectedIds, }: ChatFullProps): react_jsx_runtime.JSX.Element;
 
 interface ThreadListProps {
     className?: string;
@@ -253,6 +294,25 @@ interface ThreadListProps {
 }
 declare const ThreadList: React$1.FC<ThreadListProps>;
 
+interface ThreadPopoverProps {
+    className?: string;
+    buttonClassName?: string;
+    buttonVariant?: "default" | "outline" | "secondary" | "ghost" | "destructive" | "link";
+    buttonSize?: "default" | "xs" | "sm" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg";
+    emptyState?: React$1.ReactNode;
+    onThreadSelect?: (threadId: string) => void;
+}
+declare const ThreadPopover: React$1.FC<ThreadPopoverProps>;
+
+interface CreateThreadButtonProps {
+    className?: string;
+    variant?: "default" | "outline" | "secondary" | "ghost" | "destructive" | "link";
+    size?: "default" | "xs" | "sm" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg";
+    children?: React$1.ReactNode;
+    onThreadCreated?: (threadId: string) => void;
+}
+declare const CreateThreadButton: React$1.FC<CreateThreadButtonProps>;
+
 interface AccountDialogProps {
     className?: string;
     variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link";
@@ -274,4 +334,4 @@ declare function UIRenderer({ node }: UIRendererProps): react_jsx_runtime.JSX.El
 
 declare function groupEventsToMessages(events: Event[]): Message[];
 
-export { AccountDialog, type AccountDialogProps, AuthContext, type AuthContextValue, AuthProvider, type AuthProviderProps, type AuthService, ChatFull, type ChatFullProps, ChatHeader, type ChatHeaderProps, ChatPopup, type ChatPopupProps, ChatSidebar, type ChatSidebarProps, Composer, MelonyClientProvider, type MelonyClientProviderProps, MelonyContext, type MelonyContextValue, type Message, type StarterPrompt, ThemeProvider, ThemeToggle, Thread, ThreadContext, type ThreadContextValue, type ThreadData, ThreadList, type ThreadListProps, ThreadProvider, type ThreadProviderProps, type ThreadService, UIRenderer, type UIRendererProps, type UseMelonyOptions, type User, groupEventsToMessages, useAuth, useMelony, useTheme, useThreads };
+export { AccountDialog, type AccountDialogProps, AuthContext, type AuthContextValue, AuthProvider, type AuthProviderProps, type AuthService, ChatFull, type ChatFullProps, ChatHeader, type ChatHeaderProps, ChatPopup, type ChatPopupProps, ChatSidebar, type ChatSidebarProps, Composer, type ComposerOption, type ComposerOptionGroup, CreateThreadButton, type CreateThreadButtonProps, MelonyClientProvider, type MelonyClientProviderProps, MelonyContext, type MelonyContextValue, type Message, type StarterPrompt, ThemeProvider, ThemeToggle, Thread, ThreadContext, type ThreadContextValue, type ThreadData, ThreadList, type ThreadListProps, ThreadPopover, type ThreadPopoverProps, ThreadProvider, type ThreadProviderProps, type ThreadService, UIRenderer, type UIRendererProps, type UseMelonyOptions, type User, groupEventsToMessages, useAuth, useMelony, useTheme, useThreads };