@college-africa/chat-ui 1.3.2 → 2.0.0

package/dist/components/CameraModal.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+interface CameraModalProps {
+    open: boolean;
+    onCapture: (blob: Blob) => void;
+    onClose: () => void;
+}
+export declare const CameraModal: React.FC<CameraModalProps>;
+export {};

package/dist/components/ImageLightbox.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+export interface ImageLightboxProps {
+    src: string;
+    open: boolean;
+    onClose: () => void;
+    alt?: string;
+    senderName?: string;
+    onPrev?: () => void;
+    onNext?: () => void;
+}
+export declare const ImageLightbox: React.FC<ImageLightboxProps>;

package/dist/components/MessageBubble.d.ts

@@ -1,23 +1,13 @@
 import { default as React } from 'react';
 import { Message } from '@college-africa/chat-sdk';
 export interface MessageBubbleProps {
-    /** The message to display */
     message: Message;
-    /** Whether this message was sent by the current user */
     isOwnMessage: boolean;
-    /** Optional sender name to display (if not provided, shows "User {id}") */
     senderName?: string;
-    /** Whether to show sender name (hide for grouped messages) */
     showSenderName?: boolean;
-    /** Whether this is the first message in a group */
     isFirstInGroup?: boolean;
-    /** Whether this is the last message in a group */
     isLastInGroup?: boolean;
-    /** Message send status (for optimistic UI) */
     status?: "sending" | "sent" | "failed";
+    onImagePress?: (message: Message) => void;
 }
-/**
- * MessageBubble component
- * Displays a single message with sender info, content, and timestamp
- */
 export declare const MessageBubble: React.FC<MessageBubbleProps>;

package/dist/components/MessageInput.d.ts

@@ -1,18 +1,10 @@
 import { default as React } from 'react';
+import { PendingMedia } from '@college-africa/chat-sdk';
 export interface MessageInputProps {
-    /** Callback when a message is sent */
-    onSend: (content: string) => void;
-    /** Whether a message is currently being sent */
+    onSend: (content: string, media?: PendingMedia[]) => void;
     sending?: boolean;
-    /** Placeholder text */
     placeholder?: string;
-    /** Disabled state */
     disabled?: boolean;
-    /** Reason why input is disabled (displayed to user) */
     disableReason?: string;
 }
-/**
- * MessageInput component
- * Text field with send button for composing and sending messages
- */
 export declare const MessageInput: React.FC<MessageInputProps>;