@memori.ai/memori-react 8.18.1 → 8.19.0

package/esm/version.js

@@ -1,2 +1,2 @@
-export const version = '8.18.1';
+export const version = '8.19.0';
 //# sourceMappingURL=version.js.map

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "8.18.1",
+  "version": "8.19.0",
   "name": "@memori.ai/memori-react",
   "author": "Memori Srl",
   "main": "dist/index.js",

package/src/components/Chat/Chat.tsx

@@ -76,6 +76,10 @@ export interface Props {
   showFunctionCache?: boolean;
   /** Override total document payload and per-document content limit (character count). */
   maxTotalMessagePayload?: number;
+  /** When true, pasted text is not added as a document attachment. Default false. */
+  disablePastedText?: boolean;
+  /** Max characters in chat textarea; shows counter when set. */
+  maxTextareaCharacters?: number;
 }
 
 const Chat: React.FC<Props> = ({
@@ -128,6 +132,8 @@ const Chat: React.FC<Props> = ({
   isChatlogPanel = false,
   showFunctionCache = false,
   maxTotalMessagePayload,
+  disablePastedText = false,
+  maxTextareaCharacters,
 }) => {
   const [isTextareaExpanded, setIsTextareaExpanded] = useState(false);
   const [isDragging, setIsDragging] = useState(false);
@@ -546,6 +552,8 @@ const Chat: React.FC<Props> = ({
           showMicrophone={showMicrophone}
           memoriID={memori?.memoriID}
           maxTotalMessagePayload={maxTotalMessagePayload}
+          disablePastedText={disablePastedText}
+          maxTextareaCharacters={maxTextareaCharacters}
         />
       )}
     </div>

package/src/components/ChatInputs/ChatInputs.test.tsx

@@ -9,10 +9,10 @@ import {
 
 jest.mock('react-hot-toast', () => ({
   __esModule: true,
-  default: {
+  default: Object.assign(jest.fn(), {
     success: jest.fn(),
     error: jest.fn(),
-  },
+  }),
 }));
 
 // jsdom does not define DataTransfer; UploadButton's paste handler uses it when clipboard has files
@@ -312,7 +312,7 @@ describe('paste as card (long text becomes attachment)', () => {
     );
   });
 
-  it('calls toast.error when pasted content exceeds size limit', async () => {
+  it('shows warning toast and prevents paste when content exceeds size limit', async () => {
     const { MAX_DOCUMENT_CONTENT_LENGTH } = require('../../helpers/constants');
     const tooLongText = 'x'.repeat(MAX_DOCUMENT_CONTENT_LENGTH + 1);
     render(
@@ -328,7 +328,7 @@ describe('paste as card (long text becomes attachment)', () => {
 
     await waitFor(() => {
       const toast = require('react-hot-toast').default;
-      expect(toast.error).toHaveBeenCalled();
+      expect(toast).toHaveBeenCalled();
     });
     expect(screen.queryByText('upload.pastedText')).toBeNull();
   });

package/src/components/ChatInputs/ChatInputs.tsx

@@ -45,6 +45,10 @@ export interface Props {
   onTextareaExpanded?: (expanded: boolean) => void;
   /** Override total document payload limit (character count). */
   maxTotalMessagePayload?: number;
+  /** When true, pasted text is not added as a document attachment (normal paste only). Default false. */
+  disablePastedText?: boolean;
+  /** Max characters in textarea; shows counter (e.g. "0 / 500") when set. */
+  maxTextareaCharacters?: number;
 }
 
 const ChatInputs: React.FC<Props> = ({
@@ -69,6 +73,8 @@ const ChatInputs: React.FC<Props> = ({
   client,
   onTextareaExpanded,
   maxTotalMessagePayload,
+  disablePastedText = false,
+  maxTextareaCharacters,
 }) => {
   const { t } = useTranslation();
 
@@ -93,8 +99,6 @@ const ChatInputs: React.FC<Props> = ({
     dialog: { postMediumDeselectedEvent: null },
   };
 
-  const totalPayloadLimit = maxTotalMessagePayload ?? MAX_TOTAL_MESSAGE_PAYLOAD;
-
   /**
    * Handles sending a message, including any attached files
    */
@@ -111,17 +115,6 @@ const ChatInputs: React.FC<Props> = ({
   ) => {
     if (isTyping) return;
 
-    const totalContentLength = files.reduce((sum, f) => sum + f.content.length, 0);
-    if (totalContentLength > totalPayloadLimit) {
-      toast.error(
-        t('upload.contextSizeExceedsLimit', {
-          defaultValue:
-            'Context size exceeds the limit. Try reducing the number of files or content in the conversation.',
-        })
-      );
-      return;
-    }
-
     const mediaWithIds = files.map((file, index) => {
       const generatedMediumID =
         file.mediumID ||
@@ -164,19 +157,6 @@ const ChatInputs: React.FC<Props> = ({
 
     if (sendOnEnter === 'keypress' && userMessage?.length > 0) {
       stopListening();
-      const totalContentLength = documentPreviewFiles.reduce(
-        (sum, f) => sum + f.content.length,
-        0
-      );
-      if (totalContentLength > totalPayloadLimit) {
-        toast.error(
-          t('upload.contextSizeExceedsLimit', {
-            defaultValue:
-              'Context size exceeds the limit. Try reducing the number of files or content in the conversation.',
-          })
-        );
-        return;
-      }
       const mediaWithIds = documentPreviewFiles.map((file, index) => {
         const generatedMediumID =
           file.mediumID ||
@@ -240,6 +220,7 @@ const ChatInputs: React.FC<Props> = ({
    */
   const handleTextareaPaste = useCallback(
     (e: React.ClipboardEvent<HTMLTextAreaElement>) => {
+      if (disablePastedText) return;
       if (e.clipboardData.files?.length) return;
       const text = e.clipboardData.getData('text/plain');
       if (!text?.trim()) return;
@@ -256,32 +237,28 @@ const ChatInputs: React.FC<Props> = ({
         return;
       }
 
-      // Critical: pasted content exceeds single-document size limit – reject and inform (same prop as total limit)
+      const totalPayloadLimit = maxTotalMessagePayload ?? MAX_TOTAL_MESSAGE_PAYLOAD;
       const perDocumentLimit = maxTotalMessagePayload ?? MAX_DOCUMENT_CONTENT_LENGTH;
+
       if (text.length > perDocumentLimit) {
         e.preventDefault();
-        toast.error(
-          t('upload.contextSizeExceedsLimit', {
-            defaultValue:
-              'Context size exceeds the limit. Try reducing the number of files or content in the conversation.',
-          })
-        );
+        toast(t('upload.pasteContentExceedsLimit', {
+          defaultValue:
+            'Pasted content exceeds the size limit. Try shortening the text or splitting it into smaller parts.',
+        }), { icon: '⚠️' });
         return;
       }
 
-      const totalPayloadLimit = maxTotalMessagePayload ?? MAX_TOTAL_MESSAGE_PAYLOAD;
       const currentTotal = documentPreviewFiles.reduce(
         (sum, f) => sum + f.content.length,
         0
       );
       if (currentTotal + text.length > totalPayloadLimit) {
         e.preventDefault();
-        toast.error(
-          t('upload.contextSizeExceedsLimit', {
-            defaultValue:
-              'Context size exceeds the limit. Try reducing the number of files or content in the conversation.',
-          })
-        );
+        toast(t('upload.pasteContentExceedsLimit', {
+          defaultValue:
+            'Pasted content exceeds the size limit. Try shortening the text or splitting it into smaller parts.',
+        }), { icon: '⚠️' });
         return;
       }
 
@@ -314,7 +291,7 @@ ${text}
         ) => [...prev, newFile]
       );
     },
-    [documentPreviewFiles, maxTotalMessagePayload, t]
+    [documentPreviewFiles, disablePastedText, maxTotalMessagePayload, t]
   );
 
   const isDisabled =
@@ -371,6 +348,7 @@ ${text}
               onBlur={onTextareaBlur}
               onExpandedChange={handleTextareaExpanded}
               disabled={textareaDisabled}
+              maxTextareaCharacters={maxTextareaCharacters}
             />
           </div>
 

package/src/components/ChatTextArea/ChatTextArea.css

@@ -5,10 +5,23 @@
     min-height: 36px;
     box-sizing: border-box;
     flex: 1;
-    align-items: center;
+    flex-direction: column;
     transition: height 0.2s ease-in-out;
 }
 
+.memori-chat-textarea--with-counter {
+    align-items: stretch;
+}
+
+.memori-chat-textarea--counter {
+    min-height: 18px;
+    flex-shrink: 0;
+    padding: 2px 0 4px 0;
+    color: var(--memori-text-color, #666);
+    font-size: 12px;
+    line-height: 1.2;
+}
+
 .memori-chat-textarea--expanded {
     min-height: 36px;
 }
@@ -40,6 +53,11 @@
     transition: height 0.2s ease-in-out;
 }
 
+.memori-chat-textarea--with-counter .memori-chat-textarea--inner {
+    min-height: 36px;
+    flex: 1;
+}
+
 .memori-chat-textarea--expanded .memori-chat-textarea--inner {
     max-height: 208px;
 }

package/src/components/ChatTextArea/ChatTextArea.tsx

@@ -15,6 +15,8 @@ export interface Props {
   onFocus?: (e: React.FocusEvent) => void;
   onBlur?: (e: React.FocusEvent) => void;
   onExpandedChange?: (expanded: boolean) => void;
+  /** When set, shows a character counter (e.g. "0 / 500") above the textarea and enforces the max length. */
+  maxTextareaCharacters?: number;
 }
 
 const ChatTextArea: React.FC<Props> = ({
@@ -26,6 +28,7 @@ const ChatTextArea: React.FC<Props> = ({
   onFocus,
   onBlur,
   onExpandedChange,
+  maxTextareaCharacters,
 }) => {
   const { t } = useTranslation();
   const textareaRef = useRef<HTMLTextAreaElement>(null);
@@ -78,22 +81,48 @@ const ChatTextArea: React.FC<Props> = ({
     }
   }, [value]);
 
+  const displayValue =
+    maxTextareaCharacters != null
+      ? value.slice(0, maxTextareaCharacters)
+      : value;
+
+  // Keep parent state in sync when value exceeds limit (e.g. paste or prop change)
+  useEffect(() => {
+    if (
+      maxTextareaCharacters != null &&
+      value.length > maxTextareaCharacters
+    ) {
+      onChange(value.slice(0, maxTextareaCharacters));
+    }
+  }, [maxTextareaCharacters, value, onChange]);
+
   return (
     <div
       data-testid="chat-textarea"
       className={cx('memori-chat-textarea', {
         'memori-chat-textarea--disabled': disabled,
+        'memori-chat-textarea--with-counter': maxTextareaCharacters != null,
       })}
     >
+      {maxTextareaCharacters != null && (
+        <div className="memori-chat-textarea--counter" aria-live="polite">
+          {displayValue.length} / {maxTextareaCharacters}
+        </div>
+      )}
       <div ref={innerRef} className="memori-chat-textarea--inner">
         <textarea
           ref={textareaRef}
           className="memori-chat-textarea--input"
           disabled={disabled}
-          value={value}
+          value={displayValue}
           placeholder={t('placeholder', 'Ask a question') || 'Ask a question'}
           onChange={e => {
-            onChange(e.target.value);
+            const next = e.target.value;
+            if (maxTextareaCharacters != null) {
+              onChange(next.slice(0, maxTextareaCharacters));
+            } else {
+              onChange(next);
+            }
           }}
           onKeyDownCapture={e => {
             // On mobile/tablet only: Enter creates a new line instead of sending.
@@ -106,10 +135,12 @@ const ChatTextArea: React.FC<Props> = ({
               e.preventDefault();
 
               const el = textareaRef.current;
-              const start = el?.selectionStart ?? value.length;
-              const end = el?.selectionEnd ?? value.length;
-              const nextValue = `${value.slice(0, start)}\n${value.slice(end)}`;
-
+              const start = el?.selectionStart ?? displayValue.length;
+              const end = el?.selectionEnd ?? displayValue.length;
+              let nextValue = `${displayValue.slice(0, start)}\n${displayValue.slice(end)}`;
+              if (maxTextareaCharacters != null) {
+                nextValue = nextValue.slice(0, maxTextareaCharacters);
+              }
               onChange(nextValue);
 
               // Restore caret right after the inserted newline
@@ -130,7 +161,7 @@ const ChatTextArea: React.FC<Props> = ({
           onPaste={onPaste}
           onFocus={onFocus}
           onBlur={onBlur}
-          maxLength={100000}
+          maxLength={maxTextareaCharacters ?? 100000}
         />
       </div>
     </div>

package/src/components/FilePreview/FilePreview.css

@@ -228,7 +228,6 @@
     transform: scale(1.1);
 }
 
-
 /* Show remove button only when user hovers the preview item */
 .memori--preview-item:hover .memori--remove-button {
     opacity: 1;

package/src/components/MemoriWidget/MemoriWidget.tsx

@@ -435,6 +435,10 @@ export interface Props {
   __WEBCOMPONENT__?: boolean;
   /** Override total document payload and per-document content limit (character count). Default from constants. */
   maxTotalMessagePayload?: number;
+  /** When true, pasted text is not added as a document attachment (normal paste only). Default false. */
+  disablePastedText?: boolean;
+  /** Max characters in chat textarea; shows counter and disables paste-as-attachment when set. */
+  maxTextareaCharacters?: number;
 }
 
 const MemoriWidget = ({
@@ -491,6 +495,8 @@ const MemoriWidget = ({
   applyVarsToRoot = false,
   showFunctionCache = false,
   maxTotalMessagePayload,
+  disablePastedText = false,
+  maxTextareaCharacters,
 }: Props) => {
   const { t, i18n } = useTranslation();
 
@@ -3025,6 +3031,8 @@ const MemoriWidget = ({
     experts,
     useMathFormatting: applyMathFormatting,
     maxTotalMessagePayload,
+    disablePastedText,
+    maxTextareaCharacters,
   };
 
   const integrationBackground =

package/src/components/UploadButton/UploadButton.tsx

@@ -114,7 +114,7 @@ const UploadButton: React.FC<UploadManagerProps> = ({
       } else {
         addErrorRef.current({
           message: `File "${file.name}" is not a supported image or document type`,
-          severity: 'error',
+          severity: 'warning',
         });
       }
     });
@@ -126,7 +126,7 @@ const UploadButton: React.FC<UploadManagerProps> = ({
     if (remainingSlots <= 0) {
       addErrorRef.current({
         message: `Maximum ${MAX_DOCUMENTS_PER_MESSAGE} media files allowed.`,
-        severity: 'error',
+        severity: 'warning',
       });
       return;
     }
@@ -144,7 +144,7 @@ const UploadButton: React.FC<UploadManagerProps> = ({
             max: MAX_DOCUMENTS_PER_MESSAGE,
             defaultValue: `${skipped} file(s) not added (maximum ${MAX_DOCUMENTS_PER_MESSAGE} files allowed).`,
           }) ?? `${skipped} file(s) not added (maximum ${MAX_DOCUMENTS_PER_MESSAGE} files allowed).`,
-        severity: 'info',
+        severity: 'warning',
       });
     }
 
@@ -153,11 +153,8 @@ const UploadButton: React.FC<UploadManagerProps> = ({
       if (!isMediaAcceptedRef.current) {
         addErrorRef.current({
           message:
-            t('upload.imagesNotAddedMediaNotAccepted', {
-              count: imageFiles.length,
-              defaultValue: `${imageFiles.length} image(s) not added (media uploads not accepted).`,
-            }) ?? `${imageFiles.length} image(s) not added (media uploads not accepted).`,
-          severity: 'info',
+            t('upload.mediaNotAccepted') ?? 'Media uploads are not accepted',
+          severity: 'warning',
         });
       } else {
         // Trigger image upload by creating a synthetic event
@@ -417,7 +414,7 @@ ${file.content}
         message: `File type "${fileExt}" is not supported. Please use: ${ALLOWED_FILE_TYPES.join(
           ', '
         )}`,
-        severity: 'error',
+        severity: 'warning',
       });
       return false;
     }
@@ -427,7 +424,7 @@ ${file.content}
         message: `File "${file.name}" exceeds ${
           MAX_FILE_SIZE / 1024 / 1024
         }MB limit`,
-        severity: 'error',
+        severity: 'warning',
       });
       return false;
     }
@@ -458,11 +455,7 @@ ${file.content}
     );
 
     if (totalPayloadSize > limit) {
-      const msg = t('upload.contextSizeExceedsLimit', {
-        defaultValue:
-          'Context size exceeds the limit. Try reducing the number of files or content in the conversation.',
-      });
-      return { valid: false, message: typeof msg === 'string' ? msg : String(msg) };
+      return { valid: false, message: '' };
     }
 
     return { valid: true };
@@ -490,7 +483,7 @@ ${file.content}
         message: `File type "${fileExt}" is not supported. Please use: ${ALLOWED_FILE_TYPES.join(
           ', '
         )}`,
-        severity: 'error',
+        severity: 'warning',
       });
       return false;
     }
@@ -500,7 +493,7 @@ ${file.content}
         message: `File "${file.name}" exceeds ${
           MAX_FILE_SIZE / 1024 / 1024
         }MB limit`,
-        severity: 'error',
+        severity: 'warning',
       });
       return false;
     }

package/src/components/UploadButton/UploadDocuments/UploadDocuments.tsx

@@ -250,13 +250,6 @@ const UploadDocuments: React.FC<UploadDocumentsProps> = ({
           '>',
           perDocumentLimit
         );
-        onDocumentError?.({
-          message: t('upload.contextSizeExceedsLimit', {
-            defaultValue:
-              'Context size exceeds the limit. Try reducing the number of files or content in the conversation.',
-          }),
-          severity: 'error',
-        });
         wasTruncated = true;
         text =
           text.substring(0, perDocumentLimit) +
@@ -295,7 +288,7 @@ const UploadDocuments: React.FC<UploadDocumentsProps> = ({
             max: maxDocuments ?? 10,
             defaultValue: `${skipped} document(s) not added (maximum ${maxDocuments ?? 10} files allowed).`,
           }) ?? `${skipped} document(s) not added (maximum ${maxDocuments ?? 10} files allowed).`,
-        severity: 'info',
+        severity: 'warning',
       });
     }
 
@@ -349,14 +342,6 @@ const UploadDocuments: React.FC<UploadDocumentsProps> = ({
             content: text,
             mimeType: file.type,
           });
-        } else {
-          onDocumentError?.({
-            message: t('upload.documentNotReadable', {
-              name: file.name,
-              defaultValue: `Document "${file.name}" could not be read or was empty.`,
-            }),
-            severity: 'info',
-          });
         }
       } catch (error) {
         console.error('File processing error:', error);
@@ -364,7 +349,7 @@ const UploadDocuments: React.FC<UploadDocumentsProps> = ({
           message: `${
             error instanceof Error ? error.message : 'Unknown error'
           }`,
-          severity: 'error',
+          severity: 'warning',
         });
       }
     }
@@ -375,17 +360,7 @@ const UploadDocuments: React.FC<UploadDocumentsProps> = ({
           count: skippedDueToPayload,
           defaultValue: `${skippedDueToPayload} document(s) not added (context size limit).`,
         }),
-        severity: 'info',
-      });
-    }
-
-    if (processedFiles.length === 0 && filesToProcess.length > 0) {
-      onDocumentError?.({
-        message: t('upload.noDocumentsAdded', {
-          defaultValue:
-            'No documents could be added. Check file type, size (max 10MB), and that the file is readable.',
-        }),
-        severity: 'info',
+        severity: 'warning',
       });
     }
 

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

@@ -102,7 +102,7 @@ const UploadImages: React.FC<UploadImagesProps> = ({
             max: maxImages,
             defaultValue: `${skipped} image(s) not added (maximum ${maxImages} files allowed).`,
           }) ?? `${skipped} image(s) not added (maximum ${maxImages} files allowed).`,
-        severity: 'info',
+        severity: 'warning',
       });
     }
 
@@ -122,14 +122,6 @@ const UploadImages: React.FC<UploadImagesProps> = ({
     });
 
     if (validFiles.length === 0) {
-      onImageError?.({
-        message:
-          t('upload.noImagesAdded', {
-            defaultValue:
-              'No images could be added. Check file type (.jpg, .jpeg, .png) and size (max 10MB).',
-          }) ?? 'No images could be added. Check file type (.jpg, .jpeg, .png) and size (max 10MB).',
-        severity: 'info',
-      });
       if (imageInputRef.current) {
         imageInputRef.current.value = '';
       }
@@ -251,7 +243,7 @@ const UploadImages: React.FC<UploadImagesProps> = ({
               } catch (error) {
                 onImageError?.({
                   message: t('upload.uploadFailed') ?? 'Upload failed',
-                  severity: 'error',
+                  severity: 'warning',
                 });
                 resolve(null);
               }
@@ -269,7 +261,7 @@ const UploadImages: React.FC<UploadImagesProps> = ({
           reader.onerror = () => {
             onImageError?.({
               message: t('upload.fileReadingFailed') ?? 'File reading failed',
-              severity: 'error',
+              severity: 'warning',
             });
             resolve(null);
           };
@@ -290,7 +282,7 @@ const UploadImages: React.FC<UploadImagesProps> = ({
     } catch (error) {
       onImageError?.({
         message: t('upload.uploadFailed') ?? 'Upload failed',
-        severity: 'error',
+        severity: 'warning',
       });
     } finally {
       setIsLoading(false);
@@ -398,7 +390,7 @@ const UploadImages: React.FC<UploadImagesProps> = ({
           } catch (error) {
             onImageError?.({
               message: t('upload.uploadFailed') ?? 'Upload failed',
-              severity: 'error',
+              severity: 'warning',
             });
           }
         } else {
@@ -416,7 +408,7 @@ const UploadImages: React.FC<UploadImagesProps> = ({
       reader.onerror = () => {
         onImageError?.({
           message: t('upload.fileReadingFailed') ?? 'File reading failed',
-          severity: 'error',
+          severity: 'warning',
         });
         setIsLoading(false);
       };
@@ -425,7 +417,7 @@ const UploadImages: React.FC<UploadImagesProps> = ({
     } catch (error) {
       onImageError?.({
         message: t('upload.uploadFailed') ?? 'Upload failed',
-        severity: 'error',
+        severity: 'warning',
       });
       setIsLoading(false);
     }

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

@@ -167,6 +167,7 @@ WebsiteAssistant3.args = {
   showOnlyLastMessages: false,
   showTranslationOriginal: false,
   showCopyButton: false,
+  disablePastedText: true,
 };
 
 

package/src/index.stories.tsx

@@ -101,6 +101,21 @@ WithUploadWithMaxTotalMessagePayload.args = {
   maxTotalMessagePayload: 300000,
 };
 
+export const WithMaxTextareaCharacters = Template.bind({});
+WithMaxTextareaCharacters.args = {
+  ownerUserName: 'nzambello',
+  memoriName: 'Nicola',
+  tenantID: 'www.aisuru.com',
+  engineURL: 'https://engine.memori.ai',
+  apiURL: 'https://backend.memori.ai',
+  baseURL: 'https://www.aisuru.com',
+  uiLang: 'IT',
+  spokenLang: 'IT',
+  enableAudio: true,
+  showUpload: true,
+  maxTextareaCharacters: 500,
+};
+
 export const WithPrivateAgent = Template.bind({});
 WithPrivateAgent.args = {
   memoriName: 'Test Private',

package/src/index.tsx

@@ -48,7 +48,7 @@ export interface Props {
   __WEBCOMPONENT__?: boolean;
   showClear?: boolean;
   showOnlyLastMessages?: boolean;
-  showTypingText?: boolean;
+  showTypingText?: boolean; 
   showLogin?: boolean;
   showUpload?: boolean;
   showReasoning?: boolean;
@@ -77,6 +77,10 @@ export interface Props {
   applyVarsToRoot?: boolean;
   /** Override total document payload and per-document content limit (character count). Default from constants (200000). */
   maxTotalMessagePayload?: number;
+  /** When true, pasted text is not added as a document attachment (normal paste only). Default false. */
+  disablePastedText?: boolean;
+  /** Max characters allowed in the chat textarea. When set, shows a counter (e.g. "0 / 500") and disables paste-as-attachment by default. */
+  maxTextareaCharacters?: number;
 }
 
 const getPreferredLanguages = () => {
@@ -156,6 +160,8 @@ const Memori: React.FC<Props> = ({
   applyVarsToRoot = false,
   __WEBCOMPONENT__ = false,
   maxTotalMessagePayload,
+  disablePastedText = false,
+  maxTextareaCharacters,
 }) => {
   const [memori, setMemori] = useState<IMemori>();
   const [tenant, setTenant] = useState<Tenant>();
@@ -469,6 +475,8 @@ const Memori: React.FC<Props> = ({
               userAvatar={userAvatar}
               applyVarsToRoot={applyVarsToRoot}
               maxTotalMessagePayload={maxTotalMessagePayload}
+              disablePastedText={disablePastedText ?? (maxTextareaCharacters != null)}
+              maxTextareaCharacters={maxTextareaCharacters}
               disableTextEnteredEvents={disableTextEnteredEvents}
               // From layout, from client if allowed
               {...clientAttributes}
@@ -570,5 +578,7 @@ Memori.propTypes = {
   autoStart: PropTypes.bool,
   applyVarsToRoot: PropTypes.bool,
   maxTotalMessagePayload: PropTypes.number,
+  disablePastedText: PropTypes.bool,
+  maxTextareaCharacters: PropTypes.number,
 };
 export default Memori;