@fusioni/client-sdk 1.1.17 → 1.1.18
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/ChatWidget.d.ts.map +1 -1
- package/dist/fusioni-sdk.umd.js +49 -4
- package/dist/fusioni-sdk.umd.js.map +1 -1
- package/dist/index.esm.js +48 -3
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +48 -3
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -6217,6 +6217,7 @@ function useIsMobileLayout() {
|
|
|
6217
6217
|
}
|
|
6218
6218
|
|
|
6219
6219
|
const getStoredConversationIdKey = (agencyId) => `fusioni:selectedConversationId:${agencyId}`;
|
|
6220
|
+
const getStoredChatPanelOpenKey = (agencyId) => `fusioni:chatPanelOpen:${agencyId}`;
|
|
6220
6221
|
const readStoredConversationId = (agencyId) => {
|
|
6221
6222
|
if (typeof window === 'undefined')
|
|
6222
6223
|
return null;
|
|
@@ -6243,6 +6244,26 @@ const writeStoredConversationId = (agencyId, conversationId) => {
|
|
|
6243
6244
|
// Storage can be unavailable in restricted browser contexts.
|
|
6244
6245
|
}
|
|
6245
6246
|
};
|
|
6247
|
+
const readStoredChatPanelOpen = (agencyId) => {
|
|
6248
|
+
if (typeof window === 'undefined')
|
|
6249
|
+
return false;
|
|
6250
|
+
try {
|
|
6251
|
+
return window.sessionStorage.getItem(getStoredChatPanelOpenKey(agencyId)) === 'true';
|
|
6252
|
+
}
|
|
6253
|
+
catch {
|
|
6254
|
+
return false;
|
|
6255
|
+
}
|
|
6256
|
+
};
|
|
6257
|
+
const writeStoredChatPanelOpen = (agencyId, isOpen) => {
|
|
6258
|
+
if (typeof window === 'undefined')
|
|
6259
|
+
return;
|
|
6260
|
+
try {
|
|
6261
|
+
window.sessionStorage.setItem(getStoredChatPanelOpenKey(agencyId), String(isOpen));
|
|
6262
|
+
}
|
|
6263
|
+
catch {
|
|
6264
|
+
// Storage can be unavailable in restricted browser contexts.
|
|
6265
|
+
}
|
|
6266
|
+
};
|
|
6246
6267
|
const ChatWidget = react.forwardRef(function ChatWidget({ config, onMessageSent, onMessageReceived, onConversationCreated, onConversationDeleted, onError }, ref) {
|
|
6247
6268
|
const [languageOverride, setLanguageOverride] = react.useState(null);
|
|
6248
6269
|
const [isOpen, setIsOpen] = react.useState(false);
|
|
@@ -6265,6 +6286,15 @@ const ChatWidget = react.forwardRef(function ChatWidget({ config, onMessageSent,
|
|
|
6265
6286
|
// Translation and language management - use merged config or fallback to user config
|
|
6266
6287
|
const { t, currentLanguage, changeLanguage } = useTranslation(translationDefault);
|
|
6267
6288
|
const activeAgencyId = mergedConfig?.agencyId || config.agencyId;
|
|
6289
|
+
const updateChatOpen = react.useCallback((nextIsOpen) => {
|
|
6290
|
+
setIsOpen(nextIsOpen);
|
|
6291
|
+
if (activeAgencyId) {
|
|
6292
|
+
writeStoredChatPanelOpen(activeAgencyId, nextIsOpen);
|
|
6293
|
+
}
|
|
6294
|
+
if (!nextIsOpen) {
|
|
6295
|
+
setIsConversationListOpen(false);
|
|
6296
|
+
}
|
|
6297
|
+
}, [activeAgencyId]);
|
|
6268
6298
|
const { conversations, currentConversation, messages, streamMessages, setCurrentConversation, setStreamMessages, addMessage, updateMessage, removeMessage, removeOptimisticUserMessages, truncateMessagesAt, addConversation, updateConversation, removeConversation, loadConversations, loadMessages, clearMessages } = useChatState(activeAgencyId);
|
|
6269
6299
|
const { theme, toggleTheme, setTheme } = useTheme(mergedConfig?.theme || config.theme);
|
|
6270
6300
|
const isMobileLayout = useIsMobileLayout();
|
|
@@ -6346,6 +6376,12 @@ const ChatWidget = react.forwardRef(function ChatWidget({ config, onMessageSent,
|
|
|
6346
6376
|
};
|
|
6347
6377
|
}
|
|
6348
6378
|
}, [activeAgencyId, loadConversations]);
|
|
6379
|
+
react.useEffect(() => {
|
|
6380
|
+
if (!activeAgencyId) {
|
|
6381
|
+
return;
|
|
6382
|
+
}
|
|
6383
|
+
setIsOpen(readStoredChatPanelOpen(activeAgencyId));
|
|
6384
|
+
}, [activeAgencyId]);
|
|
6349
6385
|
// SSE connection for real-time updates - only when a chat panel is open
|
|
6350
6386
|
useSSE(activeAgencyId, (data) => {
|
|
6351
6387
|
// Same as fusioni-web chat.component: latest SSE line replaces stream (single loading row updates)
|
|
@@ -6360,8 +6396,17 @@ const ChatWidget = react.forwardRef(function ChatWidget({ config, onMessageSent,
|
|
|
6360
6396
|
};
|
|
6361
6397
|
}, []);
|
|
6362
6398
|
const handleToggleChat = react.useCallback(() => {
|
|
6363
|
-
setIsOpen(prev =>
|
|
6364
|
-
|
|
6399
|
+
setIsOpen(prev => {
|
|
6400
|
+
const nextIsOpen = !prev;
|
|
6401
|
+
if (activeAgencyId) {
|
|
6402
|
+
writeStoredChatPanelOpen(activeAgencyId, nextIsOpen);
|
|
6403
|
+
}
|
|
6404
|
+
if (!nextIsOpen) {
|
|
6405
|
+
setIsConversationListOpen(false);
|
|
6406
|
+
}
|
|
6407
|
+
return nextIsOpen;
|
|
6408
|
+
});
|
|
6409
|
+
}, [activeAgencyId]);
|
|
6365
6410
|
const handleToggleConversationList = react.useCallback(() => {
|
|
6366
6411
|
setIsConversationListOpen(prev => !prev);
|
|
6367
6412
|
}, []);
|
|
@@ -6795,7 +6840,7 @@ const ChatWidget = react.forwardRef(function ChatWidget({ config, onMessageSent,
|
|
|
6795
6840
|
if (error) {
|
|
6796
6841
|
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') })] }));
|
|
6797
6842
|
}
|
|
6798
|
-
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: () =>
|
|
6843
|
+
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: () => updateChatOpen(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: [jsxRuntime.jsx("button", { type: "button", onClick: handleCreateConversation, disabled: isLoading, className: "fusioni-btn fusioni-btn-icon", title: t('chat.conversations.newConversation'), "aria-label": t('chat.conversations.newConversation'), children: jsxRuntime.jsx("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: jsxRuntime.jsx("path", { d: "M12 5V19M5 12H19", stroke: "currentColor", strokeWidth: "2", 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 })), jsxRuntime.jsx("button", { type: "button", onClick: () => updateChatOpen(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" }) }) })] })] }), 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, onSuggestionClick: (prompt) => handleSendMessage(prompt) }), 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" })] }));
|
|
6799
6844
|
});
|
|
6800
6845
|
ChatWidget.displayName = 'ChatWidget';
|
|
6801
6846
|
|