@diffsome/react 1.2.4 → 1.2.6

package/dist/chat.css

@@ -323,6 +323,8 @@
   line-height: 1.4;
   max-height: 100px;
   transition: border-color 0.2s ease;
+  background-color: var(--diffsome-chat-bg);
+  color: var(--diffsome-chat-text);
 }
 
 .diffsome-chat-input-field:focus {

package/dist/index.d.mts

@@ -837,54 +837,9 @@ interface RichContentProps {
  */
 declare function RichContent({ html, className, prose, proseVariant, proseSize, maxWidth, }: RichContentProps): react_jsx_runtime.JSX.Element;
 
-interface Message {
-    id: number;
-    content: string;
-    senderType: 'visitor' | 'agent' | 'system';
-    senderName?: string;
-    timestamp?: string;
-    isRead?: boolean;
-}
-interface ChatWidgetProps {
-    messages: Message[];
-    onSend: (message: string) => void;
-    onTyping?: () => void;
-    onClose?: () => void;
-    title?: string;
-    subtitle?: string;
-    placeholder?: string;
-    loading?: boolean;
-    typing?: boolean;
-    className?: string;
-}
-declare const ChatWidget: React__default.FC<ChatWidgetProps>;
-
 interface ChatBubbleProps {
     /** Diffsome SDK client instance */
-    client: {
-        chat: {
-            start: (data?: {
-                visitor_name?: string;
-                visitor_email?: string;
-                initial_message?: string;
-            }) => Promise<{
-                conversation_id: number;
-                visitor_id: string;
-            }>;
-            connect: (conversationId: number) => {
-                send: (content: string) => Promise<unknown>;
-                getMessages: () => Promise<Message[]>;
-                onMessage: (callback: (msg: Message) => void) => () => void;
-                onTyping: (callback: (senderType: string) => void) => () => void;
-                sendTyping: () => void;
-                disconnect: () => void;
-            };
-            checkAvailability: () => Promise<{
-                available: boolean;
-                agents_online: number;
-            }>;
-        };
-    };
+    client: Diffsome;
     /** Chat widget title */
     title?: string;
     /** Chat widget subtitle */
@@ -914,6 +869,28 @@ interface ChatBubbleProps {
 }
 declare const ChatBubble: React__default.FC<ChatBubbleProps>;
 
+interface Message {
+    id: number;
+    content: string;
+    sender_type: 'visitor' | 'agent' | 'system';
+    sender_name?: string;
+    created_at?: string;
+    is_read?: boolean;
+}
+interface ChatWidgetProps {
+    messages: Message[];
+    onSend: (message: string) => void;
+    onTyping?: () => void;
+    onClose?: () => void;
+    title?: string;
+    subtitle?: string;
+    placeholder?: string;
+    loading?: boolean;
+    typing?: boolean;
+    className?: string;
+}
+declare const ChatWidget: React__default.FC<ChatWidgetProps>;
+
 interface ChatMessageProps {
     content: string;
     senderType: 'visitor' | 'agent' | 'system';

package/dist/index.d.ts

@@ -837,54 +837,9 @@ interface RichContentProps {
  */
 declare function RichContent({ html, className, prose, proseVariant, proseSize, maxWidth, }: RichContentProps): react_jsx_runtime.JSX.Element;
 
-interface Message {
-    id: number;
-    content: string;
-    senderType: 'visitor' | 'agent' | 'system';
-    senderName?: string;
-    timestamp?: string;
-    isRead?: boolean;
-}
-interface ChatWidgetProps {
-    messages: Message[];
-    onSend: (message: string) => void;
-    onTyping?: () => void;
-    onClose?: () => void;
-    title?: string;
-    subtitle?: string;
-    placeholder?: string;
-    loading?: boolean;
-    typing?: boolean;
-    className?: string;
-}
-declare const ChatWidget: React__default.FC<ChatWidgetProps>;
-
 interface ChatBubbleProps {
     /** Diffsome SDK client instance */
-    client: {
-        chat: {
-            start: (data?: {
-                visitor_name?: string;
-                visitor_email?: string;
-                initial_message?: string;
-            }) => Promise<{
-                conversation_id: number;
-                visitor_id: string;
-            }>;
-            connect: (conversationId: number) => {
-                send: (content: string) => Promise<unknown>;
-                getMessages: () => Promise<Message[]>;
-                onMessage: (callback: (msg: Message) => void) => () => void;
-                onTyping: (callback: (senderType: string) => void) => () => void;
-                sendTyping: () => void;
-                disconnect: () => void;
-            };
-            checkAvailability: () => Promise<{
-                available: boolean;
-                agents_online: number;
-            }>;
-        };
-    };
+    client: Diffsome;
     /** Chat widget title */
     title?: string;
     /** Chat widget subtitle */
@@ -914,6 +869,28 @@ interface ChatBubbleProps {
 }
 declare const ChatBubble: React__default.FC<ChatBubbleProps>;
 
+interface Message {
+    id: number;
+    content: string;
+    sender_type: 'visitor' | 'agent' | 'system';
+    sender_name?: string;
+    created_at?: string;
+    is_read?: boolean;
+}
+interface ChatWidgetProps {
+    messages: Message[];
+    onSend: (message: string) => void;
+    onTyping?: () => void;
+    onClose?: () => void;
+    title?: string;
+    subtitle?: string;
+    placeholder?: string;
+    loading?: boolean;
+    typing?: boolean;
+    className?: string;
+}
+declare const ChatWidget: React__default.FC<ChatWidgetProps>;
+
 interface ChatMessageProps {
     content: string;
     senderType: 'visitor' | 'agent' | 'system';

package/dist/index.js

@@ -2770,10 +2770,10 @@ var ChatWidget = ({
         ChatMessage,
         {
           content: msg.content,
-          senderType: msg.senderType,
-          senderName: msg.senderName,
-          timestamp: formatTime(msg.timestamp),
-          isRead: msg.isRead
+          senderType: msg.sender_type,
+          senderName: msg.sender_name,
+          timestamp: formatTime(msg.created_at),
+          isRead: msg.is_read
         },
         msg.id
       )),
@@ -2840,7 +2840,7 @@ var ChatBubble = ({
       setMessages(existingMessages);
       conn.onMessage((msg) => {
         setMessages((prev) => [...prev, msg]);
-        if (!isOpen && msg.senderType !== "visitor") {
+        if (!isOpen && msg.sender_type !== "visitor") {
           setUnreadCount((c) => c + 1);
         }
       });
@@ -2873,8 +2873,8 @@ var ChatBubble = ({
     const tempMessage = {
       id: Date.now(),
       content,
-      senderType: "visitor",
-      timestamp: (/* @__PURE__ */ new Date()).toISOString()
+      sender_type: "visitor",
+      created_at: (/* @__PURE__ */ new Date()).toISOString()
     };
     setMessages((prev) => [...prev, tempMessage]);
     try {

package/dist/index.mjs

@@ -2678,10 +2678,10 @@ var ChatWidget = ({
         ChatMessage,
         {
           content: msg.content,
-          senderType: msg.senderType,
-          senderName: msg.senderName,
-          timestamp: formatTime(msg.timestamp),
-          isRead: msg.isRead
+          senderType: msg.sender_type,
+          senderName: msg.sender_name,
+          timestamp: formatTime(msg.created_at),
+          isRead: msg.is_read
         },
         msg.id
       )),
@@ -2748,7 +2748,7 @@ var ChatBubble = ({
       setMessages(existingMessages);
       conn.onMessage((msg) => {
         setMessages((prev) => [...prev, msg]);
-        if (!isOpen && msg.senderType !== "visitor") {
+        if (!isOpen && msg.sender_type !== "visitor") {
           setUnreadCount((c) => c + 1);
         }
       });
@@ -2781,8 +2781,8 @@ var ChatBubble = ({
     const tempMessage = {
       id: Date.now(),
       content,
-      senderType: "visitor",
-      timestamp: (/* @__PURE__ */ new Date()).toISOString()
+      sender_type: "visitor",
+      created_at: (/* @__PURE__ */ new Date()).toISOString()
     };
     setMessages((prev) => [...prev, tempMessage]);
     try {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@diffsome/react",
-  "version": "1.2.4",
+  "version": "1.2.6",
   "description": "React hooks and providers for Diffsome SDK - Headless e-commerce & CMS",
   "main": "dist/index.js",
   "module": "dist/index.mjs",