@cas0570/chat-widget 0.0.5 → 0.0.7

package/README.md

@@ -175,8 +175,8 @@ export default function Page() {
   apiUrl="https://api.geoapps.nl/api/v1/chat"
   onOpen={() => analytics.track('chat_opened')}
   onClose={() => analytics.track('chat_closed')}
-  onMessage={(msg) => console.log('Message:', msg)}
-  onError={(err) => console.error('Chat error:', err)}
+  onMessageSent={(msg) => console.log('Message:', msg)}
+  onResponseReceived={(res) => console.log('Response:', res)}
 />
 ```
 
@@ -216,22 +216,6 @@ export default function Page() {
 }
 ```
 
-### Custom Chat Bubble
-
-```tsx
-import { ChatWidget, ChatBubble } from '@geoapps/chat-widget'
-
-// Use custom trigger button
-<ChatWidget
-  apiUrl="..."
-  renderTrigger={({ isOpen, toggle }) => (
-    <button onClick={toggle}>
-      {isOpen ? 'Close Chat' : 'Need Help?'}
-    </button>
-  )}
-/>
-```
-
 ---
 
 ## Project Structure

package/dist/components/ChatWindow.d.ts

@@ -1,4 +1,4 @@
-import { Message, WidgetSize } from '../types';
+import { Message, WidgetSize, SessionSummaryResponse } from '../types';
 
 interface ChatWindowProps {
     title: string;
@@ -12,8 +12,13 @@ interface ChatWindowProps {
     onClear: () => void;
     onSizeChange: (size: WidgetSize) => void;
     onPopout: () => void;
+    onNewSession: () => void;
+    onSelectSession: (sessionId: string) => void;
+    onListSessions: () => Promise<SessionSummaryResponse[]>;
+    onDeleteSession: (sessionId: string) => Promise<void>;
+    currentSessionId: string | null;
     primaryColor: string;
     size: WidgetSize;
 }
-export declare function ChatWindow({ title, subtitle, placeholder, messages, isLoading, isLoadingSession, onSendMessage, onClose, onClear, onSizeChange, onPopout, primaryColor, size, }: ChatWindowProps): import("react/jsx-runtime").JSX.Element;
+export declare function ChatWindow({ title, subtitle, placeholder, messages, isLoading, isLoadingSession, onSendMessage, onClose, onClear, onSizeChange, onPopout, onNewSession, onSelectSession, onListSessions, onDeleteSession, currentSessionId, primaryColor, size, }: ChatWindowProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/ConfirmModal.d.ts

@@ -0,0 +1,11 @@
+interface ConfirmModalProps {
+    title: string;
+    message: string;
+    confirmLabel?: string;
+    cancelLabel?: string;
+    onConfirm: () => void;
+    onCancel: () => void;
+    variant?: 'danger' | 'default';
+}
+export declare function ConfirmModal({ title, message, confirmLabel, cancelLabel, onConfirm, onCancel, variant, }: ConfirmModalProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/HeaderMenu.d.ts

@@ -0,0 +1,12 @@
+import { WidgetSize } from '../types';
+
+interface HeaderMenuProps {
+    size: WidgetSize;
+    onCycleSize: () => void;
+    onPopout: () => void;
+    onClear: () => void;
+    onNewSession: () => void;
+    onShowHistory: () => void;
+}
+export declare function HeaderMenu({ size, onCycleSize, onPopout, onClear, onNewSession, onShowHistory }: HeaderMenuProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Icons.d.ts

@@ -23,4 +23,13 @@ export declare function TrashIcon({ className }: {
 export declare function ChatIcon({ className }: {
     className?: string;
 }): import("react/jsx-runtime").JSX.Element;
+export declare function NewChatIcon({ className }: {
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function HistoryIcon({ className }: {
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function ArrowLeftIcon({ className }: {
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/PopoutWindow.d.ts

@@ -1,6 +1,6 @@
-import { Message, WidgetSize } from '../types';
+import { Message } from '../types';
 
-interface PopoutConfig {
+export interface PopoutConfig {
     apiUrl: string;
     tenantId?: string;
     title: string;
@@ -11,15 +11,7 @@ interface PopoutConfig {
     messages: Message[];
     headers?: Record<string, string>;
 }
-interface UsePopoutReturn {
-    isPoppedOut: boolean;
-    openPopout: () => void;
-    closePopout: () => void;
-    focusPopout: () => void;
-}
 /**
- * Hook to manage the popout window state
+ * Generate the HTML for the popout window
  */
-export declare function usePopout(config: PopoutConfig, size: WidgetSize, onPopoutClose?: () => void): UsePopoutReturn;
-export declare function ChatWindowStandalone(): null;
-export {};
+export declare function getPopoutHTML(config: PopoutConfig): string;

package/dist/components/SessionHistory.d.ts

@@ -0,0 +1,13 @@
+import { SessionSummaryResponse } from '../types';
+
+interface SessionHistoryProps {
+    currentSessionId: string | null;
+    onBack: () => void;
+    onSelectSession: (sessionId: string) => void;
+    onNewSession: () => void;
+    onDeleteSession: (sessionId: string) => Promise<void>;
+    onListSessions: () => Promise<SessionSummaryResponse[]>;
+    primaryColor: string;
+}
+export declare function SessionHistory({ currentSessionId, onBack, onSelectSession, onNewSession, onDeleteSession, onListSessions, primaryColor, }: SessionHistoryProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/__tests__/ConfirmModal.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/__tests__/SessionHistory.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/index.d.ts

@@ -4,6 +4,12 @@ export { ChatBubble } from './ChatBubble';
 export { MessageList } from './MessageList';
 export { MessageInput } from './MessageInput';
 export { ToggleButton } from './ToggleButton';
+export { SessionHistory } from './SessionHistory';
+export { ConfirmModal } from './ConfirmModal';
 export { MarkdownRenderer } from './MarkdownRenderer';
-export { usePopout } from './PopoutWindow';
-export { ResizeIcon, ExpandIcon, ContractIcon, PopoutIcon, CloseIcon, TrashIcon, ChatIcon } from './Icons';
+export { usePopout } from '../hooks/usePopout';
+export { getPopoutHTML } from './PopoutWindow';
+export { TypingIndicator } from './TypingIndicator';
+export { HeaderMenu } from './HeaderMenu';
+export { ResizeIcon, ExpandIcon, ContractIcon, PopoutIcon, CloseIcon, TrashIcon, ChatIcon, NewChatIcon, HistoryIcon, ArrowLeftIcon, } from './Icons';
+export type { PopoutConfig } from './PopoutWindow';