@xcelsior/ui-chat 2.0.3 → 2.0.5

package/.storybook/preview.tsx

@@ -1,8 +1,9 @@
 import '@xcelsior/design-system/styles';
-import type { Preview } from '@storybook/react';
+
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 import { ToastContainer } from '@xcelsior/design-system';
 
+import type { Preview } from '@storybook/react';
 const queryClient = new QueryClient({
     defaultOptions: {
         queries: {

package/dist/index.d.mts

@@ -7,7 +7,7 @@ interface IUser {
     type: 'customer' | 'agent';
     status?: 'online' | 'offline' | 'away' | 'busy';
 }
-type MessageType = 'text' | 'image' | 'file' | 'system';
+type MessageType = 'text' | 'image' | 'file' | 'system' | 'booking_slots' | 'booking_confirmation' | 'booking_cancelled';
 type MessageStatus = 'sent' | 'delivered' | 'read';
 interface IMessage {
     id: string;
@@ -43,8 +43,37 @@ interface IConversation {
     satisfaction?: 1 | 2 | 3 | 4 | 5;
     metadata?: Record<string, unknown>;
 }
+interface IBookingSlot {
+    date: string;
+    dayLabel: string;
+    dayName: string;
+    slots: string[];
+}
+interface IBookingData {
+    availableDates: IBookingSlot[];
+    timezone: string;
+    meetingDuration: number;
+}
+interface IBookingConfirmationData {
+    bookingId: string;
+    visitorName: string;
+    meetingDate: string;
+    meetingTime: string;
+    meetingDuration: number;
+    meetingPurpose: string;
+    meetLink?: string;
+    calendarLink?: string;
+    timezone: string;
+}
+interface IBookingCancelledData {
+    bookingId: string;
+    meetingDate: string;
+    meetingTime: string;
+    meetingPurpose: string;
+    cancelledBy: 'visitor' | 'admin';
+}
 interface IWebSocketMessage {
-    type: 'message' | 'typing' | 'read' | 'connected' | 'error' | 'system' | 'escalation_requested' | 'bot_response' | 'conversation_updated';
+    type: 'message' | 'typing' | 'read' | 'connected' | 'error' | 'system' | 'escalation_requested' | 'bot_response' | 'conversation_updated' | 'bot_not_responding' | 'booking_slots' | 'booking_confirmation' | 'booking_cancelled';
     data: any;
 }
 interface ISendMessageData {
@@ -205,6 +234,26 @@ interface ChatWidgetWrapperProps {
 }
 declare function Chat({ config, className, storageKeyPrefix, onPreChatSubmit, state, defaultState, onStateChange, }: ChatWidgetWrapperProps): react_jsx_runtime.JSX.Element | null;
 
+interface BookingCancelledCardProps {
+    data: IBookingCancelledData;
+    theme?: IChatTheme;
+}
+declare function BookingCancelledCard({ data, theme }: BookingCancelledCardProps): react_jsx_runtime.JSX.Element;
+
+interface BookingConfirmationCardProps {
+    data: IBookingConfirmationData;
+    theme?: IChatTheme;
+}
+declare function BookingConfirmationCard({ data, theme }: BookingConfirmationCardProps): react_jsx_runtime.JSX.Element;
+
+interface BookingSlotPickerProps {
+    data: IBookingData;
+    theme?: IChatTheme;
+    onSlotSelected: (date: string, time: string) => void;
+    disabled?: boolean;
+}
+declare function BookingSlotPicker({ data, theme, onSlotSelected, disabled }: BookingSlotPickerProps): react_jsx_runtime.JSX.Element;
+
 interface ChatHeaderProps {
     agent?: IUser;
     onClose?: () => void;
@@ -243,8 +292,10 @@ interface MessageItemProps {
     showAvatar?: boolean;
     showTimestamp?: boolean;
     theme?: IChatTheme;
+    /** Called when visitor selects a booking slot — sends their choice as a chat message */
+    onBookingSlotSelected?: (date: string, time: string, messageId: string) => void;
 }
-declare function MessageItem({ message, currentUser, showAvatar, showTimestamp, theme, }: MessageItemProps): react_jsx_runtime.JSX.Element;
+declare function MessageItem({ message, currentUser, showAvatar, showTimestamp, theme, onBookingSlotSelected, }: MessageItemProps): react_jsx_runtime.JSX.Element;
 
 interface ThinkingIndicatorProps {
     /** Last message the user sent — used to pick contextual phrases */
@@ -271,8 +322,10 @@ interface MessageListProps {
     onQuickAction?: (text: string) => void;
     /** True when user sent a message and bot response hasn't arrived yet */
     isBotThinking?: boolean;
+    /** Called when visitor selects a booking slot */
+    onBookingSlotSelected?: (date: string, time: string, messageId: string) => void;
 }
-declare function MessageList({ messages, currentUser, isLoading, isTyping, typingUser, autoScroll, onLoadMore, hasMore, isLoadingMore, theme, onQuickAction, isBotThinking, }: MessageListProps): react_jsx_runtime.JSX.Element;
+declare function MessageList({ messages, currentUser, isLoading, isTyping, typingUser, autoScroll, onLoadMore, hasMore, isLoadingMore, theme, onQuickAction, isBotThinking, onBookingSlotSelected, }: MessageListProps): react_jsx_runtime.JSX.Element;
 
 interface TypingIndicatorProps {
     isTyping: boolean;
@@ -337,4 +390,4 @@ declare function fetchMessages(baseUrl: string, params: FetchMessagesParams, hea
     nextPageToken: string | undefined;
 }>;
 
-export { Chat, ChatHeader, ChatInput, ChatWidget, type ChatWidgetProps, type ChatWidgetState, type ConversationChannel, type ConversationPriority, type ConversationStatus, type IApiResponse, type IChatConfig, type IConversation, type IFileUploadConfig, type IMessage, type IReadMessageData, type ISendMessageData, type ITypingData, type IUploadedFile, type IUser, type IWebSocketMessage, MarkdownMessage, MessageItem, MessageList, type MessageStatus, type MessageType, PreChatForm, ThinkingIndicator, type ThinkingIndicatorProps, TypingIndicator, type UseChatWidgetStateOptions, type UseChatWidgetStateReturn, type UseMessagesReturn, fetchMessages, useChatWidgetState, useFileUpload, useMessages, useTypingIndicator, useWebSocket };
+export { BookingCancelledCard, BookingConfirmationCard, BookingSlotPicker, Chat, ChatHeader, ChatInput, ChatWidget, type ChatWidgetProps, type ChatWidgetState, type ConversationChannel, type ConversationPriority, type ConversationStatus, type IApiResponse, type IBookingCancelledData, type IBookingConfirmationData, type IBookingData, type IBookingSlot, type IChatConfig, type IConversation, type IFileUploadConfig, type IMessage, type IReadMessageData, type ISendMessageData, type ITypingData, type IUploadedFile, type IUser, type IWebSocketMessage, MarkdownMessage, MessageItem, MessageList, type MessageStatus, type MessageType, PreChatForm, ThinkingIndicator, type ThinkingIndicatorProps, TypingIndicator, type UseChatWidgetStateOptions, type UseChatWidgetStateReturn, type UseMessagesReturn, fetchMessages, useChatWidgetState, useFileUpload, useMessages, useTypingIndicator, useWebSocket };

package/dist/index.d.ts

@@ -7,7 +7,7 @@ interface IUser {
     type: 'customer' | 'agent';
     status?: 'online' | 'offline' | 'away' | 'busy';
 }
-type MessageType = 'text' | 'image' | 'file' | 'system';
+type MessageType = 'text' | 'image' | 'file' | 'system' | 'booking_slots' | 'booking_confirmation' | 'booking_cancelled';
 type MessageStatus = 'sent' | 'delivered' | 'read';
 interface IMessage {
     id: string;
@@ -43,8 +43,37 @@ interface IConversation {
     satisfaction?: 1 | 2 | 3 | 4 | 5;
     metadata?: Record<string, unknown>;
 }
+interface IBookingSlot {
+    date: string;
+    dayLabel: string;
+    dayName: string;
+    slots: string[];
+}
+interface IBookingData {
+    availableDates: IBookingSlot[];
+    timezone: string;
+    meetingDuration: number;
+}
+interface IBookingConfirmationData {
+    bookingId: string;
+    visitorName: string;
+    meetingDate: string;
+    meetingTime: string;
+    meetingDuration: number;
+    meetingPurpose: string;
+    meetLink?: string;
+    calendarLink?: string;
+    timezone: string;
+}
+interface IBookingCancelledData {
+    bookingId: string;
+    meetingDate: string;
+    meetingTime: string;
+    meetingPurpose: string;
+    cancelledBy: 'visitor' | 'admin';
+}
 interface IWebSocketMessage {
-    type: 'message' | 'typing' | 'read' | 'connected' | 'error' | 'system' | 'escalation_requested' | 'bot_response' | 'conversation_updated';
+    type: 'message' | 'typing' | 'read' | 'connected' | 'error' | 'system' | 'escalation_requested' | 'bot_response' | 'conversation_updated' | 'bot_not_responding' | 'booking_slots' | 'booking_confirmation' | 'booking_cancelled';
     data: any;
 }
 interface ISendMessageData {
@@ -205,6 +234,26 @@ interface ChatWidgetWrapperProps {
 }
 declare function Chat({ config, className, storageKeyPrefix, onPreChatSubmit, state, defaultState, onStateChange, }: ChatWidgetWrapperProps): react_jsx_runtime.JSX.Element | null;
 
+interface BookingCancelledCardProps {
+    data: IBookingCancelledData;
+    theme?: IChatTheme;
+}
+declare function BookingCancelledCard({ data, theme }: BookingCancelledCardProps): react_jsx_runtime.JSX.Element;
+
+interface BookingConfirmationCardProps {
+    data: IBookingConfirmationData;
+    theme?: IChatTheme;
+}
+declare function BookingConfirmationCard({ data, theme }: BookingConfirmationCardProps): react_jsx_runtime.JSX.Element;
+
+interface BookingSlotPickerProps {
+    data: IBookingData;
+    theme?: IChatTheme;
+    onSlotSelected: (date: string, time: string) => void;
+    disabled?: boolean;
+}
+declare function BookingSlotPicker({ data, theme, onSlotSelected, disabled }: BookingSlotPickerProps): react_jsx_runtime.JSX.Element;
+
 interface ChatHeaderProps {
     agent?: IUser;
     onClose?: () => void;
@@ -243,8 +292,10 @@ interface MessageItemProps {
     showAvatar?: boolean;
     showTimestamp?: boolean;
     theme?: IChatTheme;
+    /** Called when visitor selects a booking slot — sends their choice as a chat message */
+    onBookingSlotSelected?: (date: string, time: string, messageId: string) => void;
 }
-declare function MessageItem({ message, currentUser, showAvatar, showTimestamp, theme, }: MessageItemProps): react_jsx_runtime.JSX.Element;
+declare function MessageItem({ message, currentUser, showAvatar, showTimestamp, theme, onBookingSlotSelected, }: MessageItemProps): react_jsx_runtime.JSX.Element;
 
 interface ThinkingIndicatorProps {
     /** Last message the user sent — used to pick contextual phrases */
@@ -271,8 +322,10 @@ interface MessageListProps {
     onQuickAction?: (text: string) => void;
     /** True when user sent a message and bot response hasn't arrived yet */
     isBotThinking?: boolean;
+    /** Called when visitor selects a booking slot */
+    onBookingSlotSelected?: (date: string, time: string, messageId: string) => void;
 }
-declare function MessageList({ messages, currentUser, isLoading, isTyping, typingUser, autoScroll, onLoadMore, hasMore, isLoadingMore, theme, onQuickAction, isBotThinking, }: MessageListProps): react_jsx_runtime.JSX.Element;
+declare function MessageList({ messages, currentUser, isLoading, isTyping, typingUser, autoScroll, onLoadMore, hasMore, isLoadingMore, theme, onQuickAction, isBotThinking, onBookingSlotSelected, }: MessageListProps): react_jsx_runtime.JSX.Element;
 
 interface TypingIndicatorProps {
     isTyping: boolean;
@@ -337,4 +390,4 @@ declare function fetchMessages(baseUrl: string, params: FetchMessagesParams, hea
     nextPageToken: string | undefined;
 }>;
 
-export { Chat, ChatHeader, ChatInput, ChatWidget, type ChatWidgetProps, type ChatWidgetState, type ConversationChannel, type ConversationPriority, type ConversationStatus, type IApiResponse, type IChatConfig, type IConversation, type IFileUploadConfig, type IMessage, type IReadMessageData, type ISendMessageData, type ITypingData, type IUploadedFile, type IUser, type IWebSocketMessage, MarkdownMessage, MessageItem, MessageList, type MessageStatus, type MessageType, PreChatForm, ThinkingIndicator, type ThinkingIndicatorProps, TypingIndicator, type UseChatWidgetStateOptions, type UseChatWidgetStateReturn, type UseMessagesReturn, fetchMessages, useChatWidgetState, useFileUpload, useMessages, useTypingIndicator, useWebSocket };
+export { BookingCancelledCard, BookingConfirmationCard, BookingSlotPicker, Chat, ChatHeader, ChatInput, ChatWidget, type ChatWidgetProps, type ChatWidgetState, type ConversationChannel, type ConversationPriority, type ConversationStatus, type IApiResponse, type IBookingCancelledData, type IBookingConfirmationData, type IBookingData, type IBookingSlot, type IChatConfig, type IConversation, type IFileUploadConfig, type IMessage, type IReadMessageData, type ISendMessageData, type ITypingData, type IUploadedFile, type IUser, type IWebSocketMessage, MarkdownMessage, MessageItem, MessageList, type MessageStatus, type MessageType, PreChatForm, ThinkingIndicator, type ThinkingIndicatorProps, TypingIndicator, type UseChatWidgetStateOptions, type UseChatWidgetStateReturn, type UseMessagesReturn, fetchMessages, useChatWidgetState, useFileUpload, useMessages, useTypingIndicator, useWebSocket };