stream-chat-react 13.6.0 → 13.6.2

package/dist/index.browser.cjs

@@ -16246,13 +16246,13 @@ var getMessageActions = (actions, {
   if (canReact && messageActions.indexOf(MESSAGE_ACTIONS.react) > -1) {
     messageActionsAfterPermission.push(MESSAGE_ACTIONS.react);
   }
-  if (channelConfig?.["user_message_reminders"] && messageActions.indexOf(MESSAGE_ACTIONS.remindMe)) {
+  if (channelConfig?.["user_message_reminders"] && messageActions.indexOf(MESSAGE_ACTIONS.remindMe) > -1) {
     messageActionsAfterPermission.push(MESSAGE_ACTIONS.remindMe);
   }
   if (canReply && messageActions.indexOf(MESSAGE_ACTIONS.reply) > -1) {
     messageActionsAfterPermission.push(MESSAGE_ACTIONS.reply);
   }
-  if (channelConfig?.["user_message_reminders"] && messageActions.indexOf(MESSAGE_ACTIONS.saveForLater)) {
+  if (channelConfig?.["user_message_reminders"] && messageActions.indexOf(MESSAGE_ACTIONS.saveForLater) > -1) {
     messageActionsAfterPermission.push(MESSAGE_ACTIONS.saveForLater);
   }
   return messageActionsAfterPermission;
@@ -33409,7 +33409,6 @@ var TextareaComposer = ({
           event.preventDefault();
         }
         handleSubmit();
-        textareaRef.current.selectionEnd = 0;
       }
     },
     [
@@ -33432,7 +33431,7 @@ var TextareaComposer = ({
     },
     [onScroll, textComposer]
   );
-  const setSelectionDebounced = (0, import_react255.useCallback)(
+  const setSelection = (0, import_react255.useCallback)(
     (e) => {
       onSelect?.(e);
       textComposer.setSelection({
@@ -33442,12 +33441,6 @@ var TextareaComposer = ({
     },
     [onSelect, textComposer]
   );
-  (0, import_react255.useEffect)(() => {
-    if (textareaRef.current && !isComposing) {
-      textareaRef.current.selectionStart = selection.start;
-      textareaRef.current.selectionEnd = selection.end;
-    }
-  }, [text7, textareaRef, selection.start, selection.end, isComposing]);
   (0, import_react255.useEffect)(() => {
     if (textComposer.suggestions) {
       setFocusedItemIndex(0);
@@ -33458,11 +33451,18 @@ var TextareaComposer = ({
     if (!textareaRef.current || textareaIsFocused || !focus) return;
     textareaRef.current.focus();
   }, [attachments, focus, quotedMessage, textareaRef]);
-  (0, import_react255.useEffect)(() => {
+  (0, import_react255.useLayoutEffect)(() => {
     const textarea = textareaRef.current;
-    if (!textarea) return;
-    textarea.value = text7;
-  }, [textareaRef, text7]);
+    if (!textarea || isComposing) return;
+    if (textarea.value !== text7) {
+      textarea.value = text7;
+    }
+    const length = textarea.value.length;
+    const start2 = Math.max(0, Math.min(selection.start, length));
+    const end = Math.max(start2, Math.min(selection.end, length));
+    if (textarea.selectionStart === start2 && textarea.selectionEnd === end) return;
+    textarea.setSelectionRange(start2, end, "forward");
+  }, [text7, selection.start, selection.end, isComposing, textareaRef]);
   return /* @__PURE__ */ import_react255.default.createElement(
     "div",
     {
@@ -33497,7 +33497,7 @@ var TextareaComposer = ({
         onKeyDown: keyDownHandler,
         onPaste,
         onScroll: scrollHandler,
-        onSelect: setSelectionDebounced,
+        onSelect: setSelection,
         placeholder: placeholder || t("Type your message"),
         ref: (ref) => {
           textareaRef.current = ref;
@@ -36117,7 +36117,7 @@ var useChat = ({
   };
   (0, import_react282.useEffect)(() => {
     if (!client) return;
-    const version = "13.6.0";
+    const version = "13.6.2";
     const userAgent = client.getUserAgent();
     if (!userAgent.includes("stream-chat-react")) {
       client.setUserAgent(`stream-chat-react-${version}-${userAgent}`);