@fusioni/client-sdk 1.1.1 → 1.1.3

package/dist/index.esm.js

@@ -5199,9 +5199,10 @@ const Message = ({ message, showThoughts = false, fontSize = 'text-sm', onDelete
     const contentToDisplay = message.shouldAnimate
         ? displayedContent
         : message.content;
+    const extractedUrls = useMemo(() => extractUrlsFromContent(message.content), [message.content]);
     return (jsxs("div", { className: getMessageClasses(), children: [message.content && !message.loading && (jsx("div", { className: "fusioni-message-text", dangerouslySetInnerHTML: {
                     __html: enhanceMessageContent(contentToDisplay)
-                } })), message.loading && (jsx("div", { className: "fusioni-stream-messages", children: (streamMessages.length > 0 ? streamMessages : [t('chat.messages.loading')]).map((line, index) => (jsxs("div", { className: "fusioni-stream-message-item", children: [jsx("div", { className: "fusioni-stream-message-logo-wrap", children: jsx("div", { className: "fusioni-stream-message-logo-frame", children: jsx("img", { className: "fusioni-stream-message-logo-img", src: FUSIONI_LOGO_BASE64, alt: "", width: 32, height: 32 }) }) }), jsx(Spotlight, { className: "fusioni-stream-message-spotlight", text: line })] }, streamMessages.length > 0 ? `${index}-${line}` : 'loading-placeholder'))) })), !message.loading && extractUrlsFromContent(message.content).length > 0 && message.role !== 'user' && (jsx("div", { className: "fusioni-message-url-previews", children: extractUrlsFromContent(message.content).map((url, index) => (jsx(UrlPreview, { url: url, agencyId: agencyId, showCloseButton: false, compact: true, autoFetch: true, apiBaseUrl: apiBaseUrl, apiKey: apiKey }, `${url}-${index}`))) })), message.extra_data && (jsxs("div", { className: "fusioni-message-extra m2", children: [message.extra_data.document_images &&
+                } })), message.loading && (jsx("div", { className: "fusioni-stream-messages", children: (streamMessages.length > 0 ? streamMessages : [t('chat.messages.loading')]).map((line, index) => (jsxs("div", { className: "fusioni-stream-message-item", children: [jsx("div", { className: "fusioni-stream-message-logo-wrap", children: jsx("div", { className: "fusioni-stream-message-logo-frame", children: jsx("img", { className: "fusioni-stream-message-logo-img", src: FUSIONI_LOGO_BASE64, alt: "", width: 32, height: 32 }) }) }), jsx(Spotlight, { className: "fusioni-stream-message-spotlight", text: line })] }, streamMessages.length > 0 ? `${index}-${line}` : 'loading-placeholder'))) })), !message.loading && extractedUrls.length > 0 && message.role !== 'user' && (jsx("div", { className: "fusioni-message-url-previews", children: extractedUrls.map((url) => (jsx(UrlPreview, { url: url, agencyId: agencyId, showCloseButton: false, compact: true, autoFetch: true, apiBaseUrl: apiBaseUrl, apiKey: apiKey }, url))) })), message.extra_data && (jsxs("div", { className: "fusioni-message-extra m2", children: [message.extra_data.document_images &&
                         message.extra_data.document_images.length > 0 &&
                         onOpenGallery && (jsx(DocumentImageGrid, { images: message.extra_data.document_images, onOpenGallery: onOpenGallery, attachedImagesLabel: t('chat.attachedImages') })), message.extra_data.document_videos &&
                         message.extra_data.document_videos.length > 0 && (jsx(DocumentVideoGrid, { videos: message.extra_data.document_videos, attachedVideosLabel: t('chat.attachedVideos') })), message.extra_data.image && renderImage(message.extra_data.image), message.extra_data.image_ref && renderImage(message.extra_data.image_ref), message.extra_data.audio_ref && renderAudio(message.extra_data.audio_ref, message.extra_data.duration), message.extra_data.coordinates && renderMap(message.extra_data.coordinates), message.extra_data.map && (jsx("div", { className: "fusioni-message-map", children: jsx(Map$1, { lat: message.extra_data.map.lat, lng: message.extra_data.map.lng, zoom: message.extra_data.map.zoom, staticMap: true, width: 600, height: 400, apiBaseUrl: apiBaseUrl, apiKey: apiKey, agencyId: agencyId }) }))] })), message.extra_data?.widget === 'Confirmation' && (jsxs("div", { className: "fusioni-confirmation-widget", children: [jsx("button", { type: "button", disabled: !enableButtons, onClick: () => sendConfirmation('Confirmed', message.extra_data?.key), className: "fusioni-btn fusioni-btn-primary fusioni-btn-confirm", children: t('common.yes') }), jsx("button", { type: "button", disabled: !enableButtons, onClick: () => sendConfirmation('NotConfirmed', message.extra_data?.key), className: "fusioni-btn fusioni-btn-secondary fusioni-btn-cancel", children: t('common.no') })] })), showThoughts && message.thoughts && (jsx("div", { className: "fusioni-message-thoughts", children: jsxs("details", { children: [jsx("summary", { children: "AI Thoughts" }), jsx("p", { children: message.thoughts })] }) })), message.has_error && (jsxs("div", { className: "fusioni-message-error-indicator", children: [jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", children: [jsx("circle", { cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "2" }), jsx("line", { x1: "15", y1: "9", x2: "9", y2: "15", stroke: "currentColor", strokeWidth: "2" }), jsx("line", { x1: "9", y1: "9", x2: "15", y2: "15", stroke: "currentColor", strokeWidth: "2" })] }), jsx("span", { children: "Error occurred" })] }))] }));