@aslaluroba/help-center-react 3.2.3 → 3.2.4

package/dist/index.js

@@ -38390,6 +38390,7 @@ var ChatWindowFooter = props => {
   var fileInputRef = React.useRef(null);
   var [selectedFiles, setSelectedFiles] = React.useState([]);
   var [previewImage, setPreviewImage] = React.useState(null);
+  var [isSending, setIsSending] = React.useState(false);
   var handleAttachClick = React.useCallback(() => {
     var _a;
     (_a = fileInputRef.current) === null || _a === void 0 ? void 0 : _a.click();
@@ -38425,106 +38426,112 @@ var ChatWindowFooter = props => {
   }, []);
   var handleSendMessageWithAttachments = React.useCallback(/*#__PURE__*/_asyncToGenerator(function* () {
     // Prevent sending if already loading
-    if (props.isLoading) {
+    if (props.isLoading || isSending) {
       return;
     }
-    // Get files that need to be uploaded (those without uploadedId)
-    var filesToUpload = selectedFiles.filter(f => f.uploadedId === null && !f.error);
-    var alreadyUploadedIds = selectedFiles.filter(f => f.uploadedId !== null).map(f => f.uploadedId);
-    // Declare uploadedIds outside the if block so it's accessible later
-    var uploadedIds = [];
-    // If there are files to upload, upload them first
-    if (filesToUpload.length > 0) {
-      // Get session ID - only use existing, never create new one
-      var sessionId = null;
-      try {
-        // Only use existing sessionId, never call onEnsureSession
-        if (props.sessionId) {
-          sessionId = props.sessionId;
-        } else {
+    setIsSending(true);
+    try {
+      // Get files that need to be uploaded (those without uploadedId)
+      var filesToUpload = selectedFiles.filter(f => f.uploadedId === null && !f.error);
+      var alreadyUploadedIds = selectedFiles.filter(f => f.uploadedId !== null).map(f => f.uploadedId);
+      // Declare uploadedIds outside the if block so it's accessible later
+      var uploadedIds = [];
+      // If there are files to upload, upload them first
+      if (filesToUpload.length > 0) {
+        // Get session ID - ensure session exists if needed (for image-only messages)
+        var sessionId = null;
+        try {
+          // Use existing sessionId if available, otherwise ensure session is created
+          if (props.sessionId) {
+            sessionId = props.sessionId;
+          } else {
+            // Ensure session exists before uploading files (allows starting chat with image only)
+            sessionId = yield props.onEnsureSession();
+          }
+        } catch (error) {
+          console.error('[ChatWindowFooter] Failed to get sessionId for file upload:', error);
           // Mark all files as error
           setSelectedFiles(prev => prev.map(f => filesToUpload.some(ftl => ftl.previewUrl === f.previewUrl) ? _objectSpread2(_objectSpread2({}, f), {}, {
-            error: 'No session available',
+            error: 'Failed to initialize session',
             uploading: false
           }) : f));
+          setIsSending(false);
           return;
         }
-      } catch (error) {
-        console.error('[ChatWindowFooter] Failed to get sessionId for file upload:', error);
-        // Mark all files as error
-        setSelectedFiles(prev => prev.map(f => filesToUpload.some(ftl => ftl.previewUrl === f.previewUrl) ? _objectSpread2(_objectSpread2({}, f), {}, {
-          error: 'Failed to initialize session',
-          uploading: false
-        }) : f));
-        return;
-      }
-      // Upload each file and collect uploaded IDs
-      uploadedIds = [];
-      var hasUploadErrors = false;
-      var _loop = function* _loop(fileDto) {
-        try {
-          // Mark as uploading
-          setSelectedFiles(prev => prev.map(f => f.previewUrl === fileDto.previewUrl ? _objectSpread2(_objectSpread2({}, f), {}, {
-            uploading: true,
-            error: null
-          }) : f));
-          // Get presigned URL
-          var presignResponse = yield presignUpload(sessionId, fileDto.file, i18n.language);
-          // Upload file to presigned URL using axios
-          var uploadResponse = yield axios$1.put(presignResponse.uploadUrl, fileDto.file, {
-            headers: {
-              'Content-Type': fileDto.file.type
-            },
-            onUploadProgress: () => {
-              // Upload progress tracking (silent)
+        // Upload each file and collect uploaded IDs
+        uploadedIds = [];
+        var hasUploadErrors = false;
+        var _loop = function* _loop(fileDto) {
+          try {
+            // Mark as uploading
+            setSelectedFiles(prev => prev.map(f => f.previewUrl === fileDto.previewUrl ? _objectSpread2(_objectSpread2({}, f), {}, {
+              uploading: true,
+              error: null
+            }) : f));
+            // Get presigned URL
+            var presignResponse = yield presignUpload(sessionId, fileDto.file, i18n.language);
+            // Upload file to presigned URL using axios
+            var uploadResponse = yield axios$1.put(presignResponse.uploadUrl, fileDto.file, {
+              headers: {
+                'Content-Type': fileDto.file.type
+              },
+              onUploadProgress: () => {
+                // Upload progress tracking (silent)
+              }
+            });
+            if (uploadResponse.status !== 200 && uploadResponse.status !== 204) {
+              throw new Error("Upload failed with status ".concat(uploadResponse.status));
             }
-          });
-          if (uploadResponse.status !== 200 && uploadResponse.status !== 204) {
-            throw new Error("Upload failed with status ".concat(uploadResponse.status));
-          }
-          // Collect uploaded ID
-          uploadedIds.push(presignResponse.id);
-          // Update with uploaded ID
-          setSelectedFiles(prev => prev.map(f => f.previewUrl === fileDto.previewUrl ? _objectSpread2(_objectSpread2({}, f), {}, {
-            uploading: false,
-            uploadedId: presignResponse.id,
-            error: null
-          }) : f));
-        } catch (error) {
-          console.error('[ChatWindowFooter] File upload failed:', error);
-          hasUploadErrors = true;
-          setSelectedFiles(prev => prev.map(f => f.previewUrl === fileDto.previewUrl ? _objectSpread2(_objectSpread2({}, f), {}, {
-            uploading: false,
-            error: 'Upload failed',
-            uploadedId: null
-          }) : f));
+            // Collect uploaded ID
+            uploadedIds.push(presignResponse.id);
+            // Update with uploaded ID
+            setSelectedFiles(prev => prev.map(f => f.previewUrl === fileDto.previewUrl ? _objectSpread2(_objectSpread2({}, f), {}, {
+              uploading: false,
+              uploadedId: presignResponse.id,
+              error: null
+            }) : f));
+          } catch (error) {
+            console.error('[ChatWindowFooter] File upload failed:', error);
+            hasUploadErrors = true;
+            setSelectedFiles(prev => prev.map(f => f.previewUrl === fileDto.previewUrl ? _objectSpread2(_objectSpread2({}, f), {}, {
+              uploading: false,
+              error: 'Upload failed',
+              uploadedId: null
+            }) : f));
+          }
+        };
+        for (var fileDto of filesToUpload) {
+          yield* _loop(fileDto);
+        }
+        // If any uploads failed, don't send the message
+        if (hasUploadErrors) {
+          console.error('[ChatWindowFooter] Some files failed to upload, not sending message');
+          setIsSending(false);
+          return;
         }
-      };
-      for (var fileDto of filesToUpload) {
-        yield* _loop(fileDto);
-      }
-      // If any uploads failed, don't send the message
-      if (hasUploadErrors) {
-        console.error('[ChatWindowFooter] Some files failed to upload, not sending message');
-        return;
       }
+      // Get all successfully uploaded file IDs (already uploaded + newly uploaded)
+      // Use uploadedIds from the upload loop instead of reading from state
+      var allAttachmentIds = [...alreadyUploadedIds, ...uploadedIds];
+      // Call the original send message with attachment IDs
+      props.handleSendMessage(allAttachmentIds);
+      // Clear selected files and revoke URLs
+      selectedFiles.forEach(f => URL.revokeObjectURL(f.previewUrl));
+      setSelectedFiles([]);
+      setIsSending(false);
+    } catch (error) {
+      console.error('[ChatWindowFooter] Error sending message:', error);
+      setIsSending(false);
     }
-    // Get all successfully uploaded file IDs (already uploaded + newly uploaded)
-    // Use uploadedIds from the upload loop instead of reading from state
-    var allAttachmentIds = [...alreadyUploadedIds, ...uploadedIds];
-    // Call the original send message with attachment IDs
-    props.handleSendMessage(allAttachmentIds);
-    // Clear selected files and revoke URLs
-    selectedFiles.forEach(f => URL.revokeObjectURL(f.previewUrl));
-    setSelectedFiles([]);
-  }), [selectedFiles, props, i18n.language]);
+  }), [selectedFiles, props, i18n.language, isSending]);
   // Check if any files are currently uploading
   var hasUploadingFiles = selectedFiles.some(f => f.uploading);
   // Check if there are files with errors
   var hasFileErrors = selectedFiles.some(f => f.error !== null);
   // Allow sending if there's text OR files selected (files will be uploaded on send)
   var hasContentToSend = props.inputMessage.trim() !== '' || selectedFiles.length > 0;
-  var isSendDisabled = props.isLoading || !hasContentToSend || hasUploadingFiles || hasFileErrors;
+  var isSendDisabled = props.isLoading || isSending || !hasContentToSend || hasUploadingFiles || hasFileErrors;
+  var showLoading = props.isLoading || isSending || hasUploadingFiles;
   var handleKeyDown = React.useCallback(e => {
     if (e.key === 'Enter' && !e.shiftKey) {
       e.preventDefault();
@@ -38598,10 +38605,12 @@ var ChatWindowFooter = props => {
         size: 'icon',
         onClick: handleSendMessageWithAttachments,
         disabled: isSendDisabled,
-        className: 'babylai-rounded-full babylai-bg-primary-500 babylai-hover:babylai-bg-purple-600 babylai-w-8 babylai-h-8 disabled:babylai-opacity-50',
+        className: 'babylai-rounded-full babylai-bg-primary-500 babylai-hover:babylai-bg-purple-600 babylai-w-8 babylai-h-8 !babylai-p-0 babylai-flex babylai-items-center babylai-justify-center disabled:babylai-opacity-50',
         type: 'button',
-        children: jsxRuntime.jsx(EnvelopeIcon, {
-          className: "babylai-w-4 babylai-h-4 ".concat(dir === 'rtl' ? 'babylai-rotate-270' : '')
+        children: showLoading ? jsxRuntime.jsx("div", {
+          className: 'babylai-inline-block babylai-animate-spin babylai-rounded-full babylai-h-4 babylai-w-4 babylai-aspect-square babylai-border-2 babylai-border-white babylai-border-t-transparent babylai-box-border'
+        }) : jsxRuntime.jsx(EnvelopeIcon, {
+          className: "babylai-w-4 babylai-h-4 babylai-flex-shrink-0 ".concat(dir === 'rtl' ? 'babylai-rotate-270' : '')
         })
       })]
     }), previewImage && jsxRuntime.jsx(ImagePreviewDialog, {
@@ -38690,7 +38699,7 @@ var MessageComponent = /*#__PURE__*/React__default["default"].memo(_ref => {
   var textDirection = message.senderType === 1 ? 'babylai-justify-end' : 'babylai-justify-start';
   var handleImageClick = React.useCallback(clickedIndex => {
     // Use attachmentUrls if available (from Ably), otherwise use attachmentIds (user-sent)
-    var attachments = message.attachmentUrls || message.attachmentIds || [];
+    var attachments = message.attachmentUrls || [];
     if (attachments.length > 0) {
       onImageClick(attachments, clickedIndex);
     }