@eloquentai/chat-sdk 0.33.2 → 0.33.4-dev

package/dist/components/chat/chat.hook.d.ts

@@ -9,14 +9,29 @@ export interface UseChatProps {
     theme?: Partial<ThemeContextType>;
     chatProps?: Partial<ChatInterfaceProps>;
     isMobile?: boolean;
+    /** Show the close (X) button in the chat header. */
+    hasCloseButton?: boolean;
+    /** Show the clear-conversation button in the chat header. */
+    hasCleanChatButton?: boolean;
+    /** Open the chat window on load (desktop only). */
+    isInitiallyOpen?: boolean;
+    /** @deprecated Use `hasCloseButton` instead. Ignored when `hasCloseButton` is set. */
     closeButton?: boolean;
+    /** @deprecated Use `hasCleanChatButton` instead. Ignored when `hasCleanChatButton` is set. */
     cleanChatButton?: boolean;
+    /** @deprecated Use `isInitiallyOpen` instead. Ignored when `isInitiallyOpen` is set. */
     initialOpen?: boolean;
     proactiveMessageHideDelay?: number;
 }
 export interface UseChatReturn {
     isReady: boolean;
     isChatActive: boolean;
+    /** Effective initial-open (boot chat_settings.initial_open ?? prop). */
+    isInitiallyOpen: boolean;
+    /** Effective close-button visibility (boot chat_settings.close_button ?? prop). */
+    hasCloseButton: boolean;
+    /** Effective clear-chat-button visibility (boot chat_settings.clean_chat_button ?? prop). */
+    hasCleanChatButton: boolean;
     isMobile: boolean;
     chatInterfaceProps: Partial<ChatInterfaceProps>;
     chatOpen: boolean;
@@ -41,7 +56,7 @@ export interface UseChatReturn {
  * @param options The hook parameters
  * @returns The chat hook return type
  */
-export declare function useChat({ environment, apiUrl, appId, userId: initialUserId, userName, userData, chatProps, isMobile: propIsMobile, initialOpen: propInitialOpen, proactiveMessageHideDelay, }: Readonly<Partial<UseChatProps> & {
+export declare function useChat({ environment, apiUrl, appId, userId: initialUserId, userName, userData, chatProps, isMobile: propIsMobile, isInitiallyOpen: propIsInitiallyOpen, hasCloseButton: propHasCloseButton, hasCleanChatButton: propHasCleanChatButton, initialOpen: deprecatedInitialOpen, closeButton: deprecatedCloseButton, cleanChatButton: deprecatedCleanChatButton, proactiveMessageHideDelay: propProactiveMessageHideDelay, }: Readonly<Partial<UseChatProps> & {
     environment: "test" | "live";
     apiUrl?: string;
     appId: string;

package/dist/components/chat/index.d.ts

@@ -11,7 +11,6 @@ type InternalChatProps = {
     INTERNAL_ONLY_FEATURE_MESSAGE_CLICK?: (message: Message) => void;
     INTERNAL_ONLY_FEATURE_CLEAR_CHAT_CLICK?: () => void;
     INTERNAL_ONLY_FEATURE_HIDE_COPY_BUTTON?: boolean;
-    INTERNAL_ONLY_DISABLE_INITIAL_OPEN_ANIMATION?: boolean;
 };
 export type ChatProps = UseChatProps & InternalChatProps;
 export declare function Chat(props: Readonly<ChatProps>): import("react/jsx-runtime").JSX.Element;

package/dist/components/chat/message-events.hook.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { Dispatch, SetStateAction } from 'react';
 import { Message, MessageData } from '../../type';
 import { BootResponse, EloquentAiApiClient } from '../../lib/eloquent-ai-api-client';
 export interface UseMessageEventsProps {
@@ -11,11 +11,11 @@ export interface UseMessageEventsProps {
     apiClient: EloquentAiApiClient | null;
     chatSettings: BootResponse["chat_settings"] | null;
     messages: Message[];
-    setMessages: React.Dispatch<React.SetStateAction<Message[]>>;
+    setMessages: Dispatch<SetStateAction<Message[]>>;
     currentChat: {
         id: string;
     } | null;
-    setCurrentChat: React.Dispatch<React.SetStateAction<{
+    setCurrentChat: Dispatch<SetStateAction<{
         id: string;
     } | null>>;
     onChatClosed?: () => void;

package/dist/components/chat/validations.d.ts

@@ -103,32 +103,6 @@ export type AgentSummaryNotification = {
         type: "agent_summary";
     }>;
 };
-export type ChatClosedExpiredNotification = {
-    message_id: string | null;
-    created_at: string;
-    data: Extract<NotificationData, {
-        type: "chat_closed_expired";
-    }>;
-};
-export type ChatRatingNotification = {
-    created_at: string;
-    data: Extract<NotificationData, {
-        type: "chat_rating";
-    }>;
-};
-export type BreadcrumbNotification = {
-    created_at: string;
-    data: Extract<NotificationData, {
-        type: "breadcrumb";
-    }>;
-};
-export type ChatEscalatedNotification = {
-    message_id: string | null;
-    created_at: string;
-    data: Extract<NotificationData, {
-        type: "chat_escalated";
-    }>;
-};
 export declare const chatResponseSchema: z.ZodObject<{
     message_id: z.ZodString;
     response: z.ZodObject<{

package/dist/components/chat-bubble.d.ts

@@ -1,4 +1,6 @@
-export declare function ChatBubble({ toggleBubble, }: {
+export declare function ChatBubble({ toggleBubble, isDarkMode, }: {
     isOpen: boolean;
     toggleBubble: () => void;
+    /** Renders in its own iframe (no `.dark` ancestor), so the mode arrives as a prop. */
+    isDarkMode?: boolean;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/components/chat-interface/index.d.ts

@@ -11,11 +11,23 @@ export interface ChatInterfaceProps {
     assistantName?: string;
     assistantLogo?: string;
     legalText?: string;
-    closeButton: boolean;
-    cleanChatButton: boolean;
+    /** Show the close (X) button in the chat header. Defaults to true. */
+    hasCloseButton?: boolean;
+    /** Show the clear-conversation button in the chat header. Defaults to true. */
+    hasCleanChatButton?: boolean;
+    /** @deprecated Use `hasCloseButton` instead. Ignored when `hasCloseButton` is set. */
+    closeButton?: boolean;
+    /** @deprecated Use `hasCleanChatButton` instead. Ignored when `hasCleanChatButton` is set. */
+    cleanChatButton?: boolean;
     hideCopyButton?: boolean;
     collectUserFeedback?: boolean;
     suggestedMessages?: boolean;
+    /** Custom quick-reply texts; falls back to the default examples when empty. */
+    suggestedMessageTexts?: string[];
+    /** Rotating conic-gradient frame around the first suggestion pill, colored from the pill/user-bubble background. */
+    hasSuggestedMessageAura?: boolean;
+    /** Banner-style light streak flashing across the first suggestion pill at random intervals. */
+    hasSuggestedMessageShine?: boolean;
     title?: string;
     subtitle?: string;
     onSendMessage?: (message: MessageData) => Promise<void>;
@@ -25,7 +37,5 @@ export interface ChatInterfaceProps {
     isChatClosed?: boolean;
     onStartNewChat?: () => void;
     onRateChat?: (rating: number) => void;
-    /** @internal Skips the open/close animation for the initial render when the chat starts open. */
-    disableInitialOpenAnimation?: boolean;
 }
 export declare function ChatInterface(props: ChatInterfaceProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/chat-interface/suggested-messages.d.ts

@@ -0,0 +1,19 @@
+export interface SuggestedMessagesProps {
+    /** Called with the pill's text; the footer fills and focuses the input. */
+    onSelect: (message: string) => void;
+}
+/**
+ * The quick-reply pill row shown above the composer. Renders nothing unless
+ * `suggestedMessages` is enabled in the chat-interface context, and only
+ * until the conversation starts: the pills disappear the moment the user
+ * sends their first message (they reappear when the chat is cleared, since
+ * the message list resets). Clicking a pill only fills the composer — the
+ * pills stay until the message is actually sent. Two independently
+ * toggleable effects highlight the first (primary) pill:
+ * - `hasSuggestedMessageAura` — a rotating conic-gradient frame in a
+ *   saturated/soft pair derived from the pill background (or the user-bubble
+ *   colour when the pills use the default muted background);
+ * - `hasSuggestedMessageShine` — a banner-style light streak flashing across
+ *   the pill at random 4–9 second intervals.
+ */
+export declare function SuggestedMessages({ onSelect }: SuggestedMessagesProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/portal.d.ts

@@ -1,5 +1,6 @@
+import { ReactNode } from 'react';
 interface PortalProps {
-    children: React.ReactNode;
+    children: ReactNode;
     container: HTMLElement;
 }
 export declare function Portal({ children, container }: PortalProps): import('react').ReactPortal;

package/dist/components/ui/avatar.d.ts

@@ -1,6 +1,5 @@
-import * as React from "react";
 import * as AvatarPrimitive from "@radix-ui/react-avatar";
-declare const Avatar: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
-declare const AvatarImage: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarImageProps & React.RefAttributes<HTMLImageElement>, "ref"> & React.RefAttributes<HTMLImageElement>>;
-declare const AvatarFallback: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarFallbackProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+declare const Avatar: import('react').ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarProps & import('react').RefAttributes<HTMLSpanElement>, "ref"> & import('react').RefAttributes<HTMLSpanElement>>;
+declare const AvatarImage: import('react').ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarImageProps & import('react').RefAttributes<HTMLImageElement>, "ref"> & import('react').RefAttributes<HTMLImageElement>>;
+declare const AvatarFallback: import('react').ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarFallbackProps & import('react').RefAttributes<HTMLSpanElement>, "ref"> & import('react').RefAttributes<HTMLSpanElement>>;
 export { Avatar, AvatarImage, AvatarFallback };

package/dist/components/ui/card.d.ts

@@ -1,8 +1,8 @@
-import * as React from "react";
-declare const Card: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-declare const CardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-declare const CardTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-declare const CardDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-declare const CardContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-declare const CardFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+import { HTMLAttributes } from 'react';
+declare const Card: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
+declare const CardHeader: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
+declare const CardTitle: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
+declare const CardDescription: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
+declare const CardContent: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
+declare const CardFooter: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
 export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent, };

package/dist/components/ui/dialog.d.ts

@@ -1,19 +1,18 @@
-import * as React from "react";
+import { HTMLAttributes } from 'react';
 import * as DialogPrimitive from "@radix-ui/react-dialog";
-declare const Dialog: React.FC<DialogPrimitive.DialogProps>;
-declare const DialogTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-declare const DialogPortal: React.FC<DialogPrimitive.DialogPortalProps>;
-declare const DialogClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
-declare const DialogOverlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const DialogContent: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const Dialog: import('react').FC<DialogPrimitive.DialogProps>;
+declare const DialogTrigger: import('react').ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & import('react').RefAttributes<HTMLButtonElement>>;
+declare const DialogPortal: import('react').FC<DialogPrimitive.DialogPortalProps>;
+declare const DialogOverlay: import('react').ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+declare const DialogContent: import('react').ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
 declare const DialogHeader: {
-    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+    ({ className, ...props }: HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 declare const DialogFooter: {
-    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+    ({ className, ...props }: HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
-declare const DialogTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
-declare const DialogDescription: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
-export { Dialog, DialogPortal, DialogOverlay, DialogClose, DialogTrigger, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogDescription, };
+declare const DialogTitle: import('react').ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & import('react').RefAttributes<HTMLHeadingElement>, "ref"> & import('react').RefAttributes<HTMLHeadingElement>>;
+declare const DialogDescription: import('react').ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & import('react').RefAttributes<HTMLParagraphElement>, "ref"> & import('react').RefAttributes<HTMLParagraphElement>>;
+export { Dialog, DialogPortal, DialogOverlay, DialogTrigger, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogDescription, };

package/dist/components/ui/input.d.ts

@@ -1,3 +1,2 @@
-import * as React from "react";
-declare const Input: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
+declare const Input: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & import('react').RefAttributes<HTMLInputElement>>;
 export { Input };

package/dist/components/ui/popover.d.ts

@@ -1,6 +1,5 @@
-import * as React from "react";
 import * as PopoverPrimitive from "@radix-ui/react-popover";
-declare const Popover: React.FC<PopoverPrimitive.PopoverProps>;
-declare const PopoverTrigger: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-declare const PopoverContent: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const Popover: import('react').FC<PopoverPrimitive.PopoverProps>;
+declare const PopoverTrigger: import('react').ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & import('react').RefAttributes<HTMLButtonElement>>;
+declare const PopoverContent: import('react').ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
 export { Popover, PopoverTrigger, PopoverContent };

package/dist/components/ui/scroll-area.d.ts

@@ -1,7 +1,7 @@
-import * as React from "react";
+import { UIEvent } from 'react';
 import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
-declare const ScrollArea: React.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
-    onViewportScroll?: (event: React.UIEvent<HTMLDivElement>) => void;
-} & React.RefAttributes<HTMLDivElement>>;
-declare const ScrollBar: React.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaScrollbarProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const ScrollArea: import('react').ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & {
+    onViewportScroll?: (event: UIEvent<HTMLDivElement>) => void;
+} & import('react').RefAttributes<HTMLDivElement>>;
+declare const ScrollBar: import('react').ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaScrollbarProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
 export { ScrollArea, ScrollBar };

package/dist/components/ui/skeleton.d.ts

@@ -1,2 +1,3 @@
-declare function Skeleton({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+import { HTMLAttributes } from 'react';
+declare function Skeleton({ className, ...props }: HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
 export { Skeleton };

package/dist/components/ui/textarea.d.ts

@@ -1,3 +1,2 @@
-import * as React from "react";
-declare const Textarea: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref"> & React.RefAttributes<HTMLTextAreaElement>>;
+declare const Textarea: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref"> & import('react').RefAttributes<HTMLTextAreaElement>>;
 export { Textarea };

package/dist/contexts/error-handling.context.d.ts

@@ -1,4 +1,4 @@
-import { default as React, ReactNode } from 'react';
-export declare const ErrorProvider: React.FC<{
+import { ReactNode } from 'react';
+export declare const ErrorProvider: ({ children }: {
     children: ReactNode;
-}>;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/contexts/theme.context.d.ts

@@ -3,11 +3,24 @@ export interface ThemeContextType {
     mode: string;
     botBubbleColor: string;
     userBubbleColor: string;
+    /** Background of the suggested-message quick-reply pills. Empty string falls back to the default muted style. */
+    suggestedMessageBubbleColor: string;
+    /** Explicit text color for user bubbles. Empty string = auto (black/white by contrast). */
+    userBubbleTextColor: string;
+    /** Explicit text color for bot bubbles. Empty string = auto (black/white by contrast). */
+    botBubbleTextColor: string;
+    /** Explicit text color for the suggested-message pills. Empty string = auto (black/white by contrast). */
+    suggestedMessageBubbleTextColor: string;
     legalText: string;
 }
 export declare function ThemeProvider(props: PropsWithChildren<{
     mode?: string;
+    botBubbleColor?: string | undefined;
     userBubbleColor?: string | undefined;
+    suggestedMessageBubbleColor?: string | undefined;
+    userBubbleTextColor?: string | undefined;
+    botBubbleTextColor?: string | undefined;
+    suggestedMessageBubbleTextColor?: string | undefined;
     legalText?: string;
 }>): import("react/jsx-runtime").JSX.Element;
 export declare const useTheme: () => ThemeContextType;

package/dist/hooks/use-drag-scroll.d.ts

@@ -1,6 +1,7 @@
+import { MouseEvent } from 'react';
 export declare function useDragScroll(): {
-    onMouseDown: (e: React.MouseEvent<HTMLDivElement>) => void;
-    onMouseUp: (e: React.MouseEvent<HTMLDivElement>) => void;
-    onMouseLeave: (e: React.MouseEvent<HTMLDivElement>) => void;
-    onMouseMove: (e: React.MouseEvent<HTMLDivElement>) => void;
+    onMouseDown: (e: MouseEvent<HTMLDivElement>) => void;
+    onMouseUp: (e: MouseEvent<HTMLDivElement>) => void;
+    onMouseLeave: (e: MouseEvent<HTMLDivElement>) => void;
+    onMouseMove: (e: MouseEvent<HTMLDivElement>) => void;
 };