@memori.ai/memori-react 7.26.0 → 7.26.2

package/src/components/UploadButton/UploadImages/UploadImages.tsx

@@ -134,33 +134,18 @@ const UploadImages: React.FC<UploadImagesProps> = ({
     const files = Array.from(e.target.files || []);
     if (files.length === 0) return;
 
-    // Check if adding these files would exceed the limit
-    const availableSlots = maxImages - currentImageCount;
-
-    if (availableSlots <= 0) {
-      // This check should rarely be needed since the button should be disabled
-      return;
-    }
-
-    // If we can't upload all files, only upload what we can and show warning
-    let filesToUpload = files;
-    if (files.length > availableSlots) {
-      filesToUpload = files.slice(0, availableSlots);
+    // Check if adding this file would exceed the limit
+    if (currentImageCount >= maxImages) {
       addError({
-        message:
-          t('upload.partialUpload', {
-            uploaded: availableSlots,
-            total: files.length,
-          }) ??
-          `Only ${availableSlots} out of ${files.length} images will be uploaded. Maximum ${maxImages} images allowed.`,
-        severity: 'warning',
+        message: t('upload.maxImagesReached') ?? `Maximum ${maxImages} images allowed.`,
+        severity: 'error'
       });
+      return;
     }
 
     clearErrors();
 
-    // For simplicity, we'll handle one file at a time
-    const file = filesToUpload[0];
+    const file = files[0]; // Only handle the first file
 
     if (!validateImageFile(file)) {
       if (imageInputRef.current) {
@@ -170,7 +155,6 @@ const UploadImages: React.FC<UploadImagesProps> = ({
     }
 
     // Set file and create preview
-    console.log('file', file);
     setSelectedFile(file);
     setFilePreview(URL.createObjectURL(file));
 
@@ -322,7 +306,6 @@ const UploadImages: React.FC<UploadImagesProps> = ({
           !authToken ||
           currentImageCount >= maxImages
         }
-        multiple
       />
 
       {/* Upload image button */}
@@ -404,7 +387,7 @@ const UploadImages: React.FC<UploadImagesProps> = ({
               </Button>
               <Button
                 onClick={handleCancelUpload}
-                className="memori-button memori-button--secondary"
+                className="memori-button memori-button--primary"
               >
                 {t('cancel') ?? 'Cancel'}
               </Button>

package/src/components/UploadButton/__snapshots__/UploadButton.test.tsx.snap

@@ -111,7 +111,6 @@ exports[`renders UploadButton unchanged 1`] = `
           accept=".jpg,.jpeg,.png"
           class="memori--upload-file-input"
           disabled=""
-          multiple=""
           type="file"
         />
         <button

package/src/components/layouts/HiddenChat.tsx

@@ -12,7 +12,7 @@ const HiddenChatLayout: React.FC<LayoutProps> = ({
   headerProps,
   Chat,
   chatProps,
-  startPanelProps,
+  // startPanelProps,
   sessionId,
   hasUserActivatedSpeak,
 }) => {
@@ -28,18 +28,6 @@ const HiddenChatLayout: React.FC<LayoutProps> = ({
     backgroundColor: '',
   });
 
-  const initChat = () => {
-    try {
-      window.speechSynthesis.speak(new SpeechSynthesisUtterance(''));
-    } catch (e) {
-      console.error(e);
-    }
-    if (startPanelProps && startPanelProps?.initializeTTS)
-      startPanelProps?.initializeTTS();
-    if (startPanelProps && startPanelProps?.onClickStart)
-      startPanelProps?.onClickStart();
-  };
-
   useEffect(() => {
     // Check if fullscreen is available
     if (document.fullscreenEnabled) {
@@ -93,9 +81,6 @@ const HiddenChatLayout: React.FC<LayoutProps> = ({
     }
 
     setIsOpen(prev => {
-      if (!prev) {
-        initChat();
-      }
       return !prev;
     });
   };

package/src/components/layouts/layouts.stories.tsx

@@ -417,6 +417,7 @@ HiddenChat.args = {
   uiLang: 'it',
   showShare: true,
   showSettings: true,
+  autoStart: true,
   // memori,
   // tenant,
   memori: {

package/src/components/ui/Card.tsx

@@ -10,6 +10,7 @@ export interface Props {
   description?: string;
   cover?: JSX.Element | React.ReactNode | string;
   hoverable?: boolean;
+  onClick?: () => void;
 }
 
 const Card: FC<Props> = ({
@@ -20,6 +21,7 @@ const Card: FC<Props> = ({
   cover,
   hoverable = false,
   children,
+  onClick,
 }) => (
   <div
     className={cx('memori-card', className, {
@@ -27,6 +29,7 @@ const Card: FC<Props> = ({
       'memori-card--with-cover': cover,
       'memori-card--hoverable': hoverable,
     })}
+    onClick={onClick}
   >
     <Spin spinning={loading}>
       {cover && <div className="memori-card--cover">{cover}</div>}