@fusioni/client-sdk 1.1.10 → 1.1.11

package/dist/index.js

@@ -4959,11 +4959,12 @@ const DocumentVideoGrid = ({ videos, attachedVideosLabel, }) => {
 // Module-level Set to track which message IDs have been animated
 // This persists across component unmounts/remounts (e.g., when chat closes and reopens)
 const animatedMessageIds = new Set();
+const TYPING_PREVIEW_CHARACTER_LIMIT = 200;
 const Message = ({ message, showThoughts = false, fontSize = 'text-sm', onDelete, onConfirmation, enableButtons = true, apiBaseUrl, apiKey, agencyId, currentLanguage = 'en', onOpenGallery }) => {
     const { t } = useTranslation(currentLanguage);
     const [displayedContent, setDisplayedContent] = react.useState('');
     const typingIntervalRef = react.useRef(null);
-    const typingSpeed = 15; // milliseconds per character
+    const typingSpeed = 5; // milliseconds per character
     const enhanceMessageContent = (content) => {
         if (!content)
             return content;
@@ -5113,6 +5114,7 @@ const Message = ({ message, showThoughts = false, fontSize = 'text-sm', onDelete
         // Now animate through segments
         let segmentIndex = 0;
         let textIndex = 0;
+        let typedCharacterCount = 0;
         const nextTextStep = (text, index) => {
             if (index >= text.length)
                 return { nextIndex: index, slice: '' };
@@ -5149,6 +5151,11 @@ const Message = ({ message, showThoughts = false, fontSize = 'text-sm', onDelete
                 typingIntervalRef.current = setTimeout(typeNextChar, 0);
             }
             else {
+                if (typedCharacterCount >= TYPING_PREVIEW_CHARACTER_LIMIT) {
+                    setDisplayedContent(fullContent);
+                    animatedMessageIds.add(messageId);
+                    return;
+                }
                 // Text segments are typed character by character
                 if (textIndex < segment.content.length) {
                     const step = nextTextStep(segment.content, textIndex);
@@ -5166,6 +5173,14 @@ const Message = ({ message, showThoughts = false, fontSize = 'text-sm', onDelete
                     content += step.slice;
                     setDisplayedContent(content);
                     textIndex = step.nextIndex;
+                    typedCharacterCount++;
+                    if (typedCharacterCount >= TYPING_PREVIEW_CHARACTER_LIMIT) {
+                        typingIntervalRef.current = setTimeout(() => {
+                            setDisplayedContent(fullContent);
+                            animatedMessageIds.add(messageId);
+                        }, typingSpeed);
+                        return;
+                    }
                     typingIntervalRef.current = setTimeout(typeNextChar, typingSpeed);
                 }
                 else {
@@ -5705,11 +5720,9 @@ const FloatingButton = ({ isOpen, onClick, position = 'bottom-right', primaryCol
     const [showAttentionSequence, setShowAttentionSequence] = react.useState(false);
     const [isAttentionActive, setIsAttentionActive] = react.useState(false);
     react.useEffect(() => {
-        // Sophisticated entrance animation
         const entranceTimer = setTimeout(() => {
             setIsVisible(true);
         }, 200);
-        // Periodic attention sequence (every 15 seconds)
         const attentionInterval = setInterval(() => {
             if (!isHovered && !isOpen) {
                 setShowAttentionSequence(true);
@@ -6287,21 +6300,7 @@ const ChatWidget = react.forwardRef(function ChatWidget({ config, onMessageSent,
     const handleSendMessage = react.useCallback(async (content, image, audio, messageId) => {
         if (!mergedConfig)
             return;
-        // Debug logging for conversation state
-        console.log('🔍 ChatWidget.handleSendMessage - Starting message send:', {
-            currentConversation: currentConversation,
-            conversationId: currentConversation?.id,
-            content: content?.substring(0, 100) + (content?.length > 100 ? '...' : ''),
-            hasImage: !!image,
-            hasAudio: !!audio,
-            agencyId: mergedConfig.agencyId
-        });
         if (!currentConversation || (!content.trim() && !audio)) {
-            console.warn('⚠️ ChatWidget.handleSendMessage - Early return:', {
-                hasCurrentConversation: !!currentConversation,
-                hasContent: !!content?.trim(),
-                hasAudio: !!audio
-            });
             return;
         }
         try {
@@ -6309,18 +6308,11 @@ const ChatWidget = react.forwardRef(function ChatWidget({ config, onMessageSent,
             let conversationId = currentConversation.id;
             // If this is a new conversation (null ID), create it on the server first
             if (!conversationId) {
-                console.log('🔍 ChatWidget.handleSendMessage - Creating server conversation for new conversation:', {
-                    agencyId: mergedConfig.agencyId
-                });
                 const conversationService = getConversationService();
                 conversationId = await conversationService.createConversation({
                     title: t('chat.conversations.newConversation'),
                     agency_id: mergedConfig.agencyId,
                 });
-                console.log('🔍 ChatWidget.handleSendMessage - Server conversation created:', {
-                    conversationId: conversationId,
-                    conversationIdType: typeof conversationId
-                });
                 // Update the conversation with the real server ID
                 const updatedConversation = {
                     ...currentConversation,
@@ -6329,10 +6321,6 @@ const ChatWidget = react.forwardRef(function ChatWidget({ config, onMessageSent,
                 // Update the conversation in the list and set as current
                 updateConversation(updatedConversation.id, updatedConversation);
                 setCurrentConversation(updatedConversation);
-                console.log('🔍 ChatWidget.handleSendMessage - Conversation ID updated:', {
-                    conversationId: conversationId,
-                    updatedConversation: updatedConversation
-                });
             }
             // Clear stream messages for new conversation
             setStreamMessages([]);
@@ -6386,7 +6374,6 @@ const ChatWidget = react.forwardRef(function ChatWidget({ config, onMessageSent,
             if (userMessage) {
                 onMessageSent?.(userMessage);
             }
-            // Debug logging before pipeline execution
             const pipelineRequest = {
                 conversation_id: conversationId,
                 agency_id: mergedConfig.agencyId,
@@ -6395,14 +6382,6 @@ const ChatWidget = react.forwardRef(function ChatWidget({ config, onMessageSent,
                 audio,
                 message_id: messageId
             };
-            console.log('🔍 ChatWidget.handleSendMessage - About to call executePipeline:', {
-                conversationId: conversationId,
-                conversationIdType: typeof conversationId,
-                conversationIdLength: conversationId?.length,
-                isNewConversation: !conversationId,
-                pipelineRequest: pipelineRequest,
-                currentConversation: currentConversation
-            });
             // Execute pipeline - this calls /pipeline/${agency_id}/exec
             const pipelineService = getPipelineService();
             const response = await pipelineService.executePipeline(pipelineRequest);
@@ -6613,9 +6592,6 @@ const ChatWidget = react.forwardRef(function ChatWidget({ config, onMessageSent,
     if (error) {
         return (jsxRuntime.jsxs("div", { className: "fusioni-chat-error", children: [jsxRuntime.jsxs("p", { children: [t('common.error'), ": ", error] }), jsxRuntime.jsx("button", { onClick: () => setError(null), children: t('chat.errors.retry') })] }));
     }
-    // Debug: Log the primary color and button variant being applied
-    console.log('Primary color being applied:', mergedConfig.primaryColor || '#6366f1');
-    console.log('Button variant being applied:', mergedConfig.buttonVariant || 'glass');
     return (jsxRuntime.jsxs("div", { className: `fusioni-chat-widget ${theme}`, style: { '--primary-color': mergedConfig.primaryColor || '#6366f1' }, children: [jsxRuntime.jsx(FloatingButton, { isOpen: isOpen, onClick: handleToggleChat, position: mergedConfig.position || 'bottom-right', primaryColor: mergedConfig.primaryColor, buttonRef: floatingButtonRef, variant: mergedConfig.buttonVariant || 'glass', shouldDisplay: !hasConfigError && (!isMobileLayout || !isOpen) }), isOpen && (jsxRuntime.jsx(ChatPanel, { isOpen: isOpen, onClose: () => setIsOpen(false), position: mergedConfig.position || 'bottom-right', isFullscreen: isFullscreen, floatingButtonRef: floatingButtonRef, children: jsxRuntime.jsxs("div", { className: "fusioni-chat-container", children: [mergedConfig.showConversationList !== false && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", { className: `fusioni-conversation-backdrop ${isConversationListOpen ? 'open' : ''}`, onClick: () => setIsConversationListOpen(false) }), jsxRuntime.jsx(ConversationList, { conversations: conversations, selectedConversationId: currentConversation?.id || undefined, onSelectConversation: handleSelectConversation, onDeleteConversation: handleDeleteConversation, onCreateConversation: handleCreateConversation, isOpen: isConversationListOpen, currentLanguage: currentLanguage })] })), jsxRuntime.jsxs("div", { className: "fusioni-chat-main", children: [jsxRuntime.jsxs("div", { className: "fusioni-chat-main-header", children: [mergedConfig.showConversationList !== false ? (jsxRuntime.jsxs("button", { type: "button", onClick: handleToggleConversationList, className: `fusioni-conversation-toggle ${isConversationListOpen ? 'open' : ''}`, children: [jsxRuntime.jsx("svg", { className: "fusioni-conversation-toggle-icon", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: jsxRuntime.jsx("path", { d: "M3 12h18M3 6h18M3 18h18" }) }), t('chat.conversations.title')] })) : (jsxRuntime.jsx("span", { className: "fusioni-chat-main-header-title", children: t('chat.title') })), jsxRuntime.jsxs("div", { className: "fusioni-header-actions", children: [isMobileLayout && (jsxRuntime.jsx("button", { type: "button", onClick: () => setIsOpen(false), className: "fusioni-btn fusioni-btn-icon fusioni-chat-toolbar-close-mobile", title: t('common.close'), "aria-label": t('common.close'), children: jsxRuntime.jsx("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", "aria-hidden": "true", children: jsxRuntime.jsx("path", { d: "M18 6L6 18M6 6L18 18", strokeLinecap: "round", strokeLinejoin: "round" }) }) })), mergedConfig.showThemeToggle !== false && (jsxRuntime.jsx("button", { type: "button", onClick: toggleTheme, className: "fusioni-btn fusioni-btn-icon", title: theme === 'dark' ? t('chat.theme.light') : t('chat.theme.dark'), children: theme === 'dark' ? (jsxRuntime.jsxs("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "5" }), jsxRuntime.jsx("line", { x1: "12", y1: "1", x2: "12", y2: "3" }), jsxRuntime.jsx("line", { x1: "12", y1: "21", x2: "12", y2: "23" }), jsxRuntime.jsx("line", { x1: "4.22", y1: "4.22", x2: "5.64", y2: "5.64" }), jsxRuntime.jsx("line", { x1: "18.36", y1: "18.36", x2: "19.78", y2: "19.78" }), jsxRuntime.jsx("line", { x1: "1", y1: "12", x2: "3", y2: "12" }), jsxRuntime.jsx("line", { x1: "21", y1: "12", x2: "23", y2: "12" }), jsxRuntime.jsx("line", { x1: "4.22", y1: "19.78", x2: "5.64", y2: "18.36" }), jsxRuntime.jsx("line", { x1: "18.36", y1: "5.64", x2: "19.78", y2: "4.22" })] })) : (jsxRuntime.jsx("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: jsxRuntime.jsx("path", { d: "M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z" }) })) })), mergedConfig.showFullscreenToggle !== false && (jsxRuntime.jsx("button", { type: "button", onClick: handleToggleFullscreen, className: "fusioni-btn fusioni-btn-icon", title: isFullscreen ? t('chat.fullscreen.exit') : t('chat.fullscreen.enter'), children: isFullscreen ? (jsxRuntime.jsx("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: jsxRuntime.jsx("path", { d: "M8 3V5M8 3H5M8 3L3 8M16 3V5M16 3H19M16 3L21 8M8 21V19M8 21H5M8 21L3 16M16 21V19M16 21H19M16 21L21 16" }) })) : (jsxRuntime.jsx("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: jsxRuntime.jsx("path", { d: "M8 3H5C4.46957 3 3.96086 3.21071 3.58579 3.58579C3.21071 3.96086 3 4.46957 3 5V8M21 8V5C21 4.46957 20.7893 3.96086 20.4142 3.58579C20.0391 3.21071 19.5304 3 19 3H16M16 21H19C19.5304 21 20.0391 20.7893 20.4142 20.4142C20.7893 20.0391 21 19.5304 21 19V16M3 16V19C3 19.5304 3.21071 20.0391 3.58579 20.4142C3.96086 20.7893 4.46957 21 5 21H8" }) })) })), mergedConfig.showLanguageSwitcher !== false && (jsxRuntime.jsx(LanguageSwitcher, { currentLanguage: currentLanguage, onLanguageChange: handleLanguageChange }))] })] }), currentConversation ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(MessageList, { messages: messages, streamMessages: streamMessages, showThoughts: false, onDeleteMessage: handleDeleteMessage, onEditMessage: handleEditMessage, onConfirmation: handleConfirmation, enableButtons: !isLoading, apiBaseUrl: mergedConfig.apiBaseUrl, apiKey: mergedConfig.accessToken, agencyId: mergedConfig.agencyId, currentLanguage: currentLanguage, theme: theme }), jsxRuntime.jsx(ChatInput, { onSendMessage: handleSendMessage, onFileUpload: handleFileUpload, disabled: isLoading, placeholder: t('chat.input.placeholder'), enableAudioRecording: mergedConfig.enableAudioRecording !== false, enableFileUpload: mergedConfig.enableFileUpload !== false, maxFileSize: mergedConfig.maxFileSize || 10, allowedFileTypes: mergedConfig.allowedFileTypes || ['image/*'], currentLanguage: currentLanguage })] })) : (jsxRuntime.jsx("div", { className: "fusioni-chat-welcome", children: jsxRuntime.jsxs("div", { className: "fusioni-chat-welcome-content", children: [jsxRuntime.jsx("h3", { children: t('chat.welcome.title') }), jsxRuntime.jsx("p", { children: t('chat.welcome.description') }), jsxRuntime.jsx("button", { onClick: handleCreateConversation, disabled: isLoading, className: "fusioni-btn fusioni-btn-primary", children: isLoading ? t('chat.welcome.creating') : t('chat.welcome.startButton') })] }) }))] })] }) })), jsxRuntime.jsx(ConfirmationDialog, { isOpen: isDeleteDialogOpen, title: t('chat.conversations.deleteConfirm.title'), message: t('chat.conversations.deleteConfirm.message'), confirmText: t('chat.conversations.deleteConfirm.confirm'), cancelText: t('chat.conversations.deleteConfirm.cancel'), onConfirm: confirmDeleteConversation, onCancel: cancelDeleteConversation, currentLanguage: currentLanguage, variant: "danger" }), jsxRuntime.jsx(ConfirmationDialog, { isOpen: isDeleteMessageDialogOpen, title: t('chat.messages.deleteConfirm.title'), message: t('chat.messages.deleteConfirm.message'), confirmText: t('chat.messages.deleteConfirm.confirm'), cancelText: t('chat.messages.deleteConfirm.cancel'), onConfirm: confirmDeleteMessage, onCancel: cancelDeleteMessage, currentLanguage: currentLanguage, variant: "danger" })] }));
 });
 ChatWidget.displayName = 'ChatWidget';