stream-chat-react-native-core 10.0.0-rc.1 → 10.0.0-rc.2

package/src/components/Message/utils/measureInWindow.ts

@@ -10,29 +10,30 @@ import { isRN86OrGreater } from '../../../utils/react-native-constants';
 type MeasuredRect = { x: number; y: number; w: number; h: number };
 
 /**
- * On Android, `measureInWindow` historically did not account for the top inset, so we added it
- * ourselves. React Native 0.86 fixed this upstream as part of its edge-to-edge rework and now
- * returns topInset corrected window coordinates. On >= 0.86 adding it again double counts the
- * inset and offsets every measured view down by `insets.top`, so we only compensate on Android
- * running React Native below 0.86.
+ * Top inset to add to a measured `y`. Android `measureInWindow` excludes the top inset below React
+ * Native 0.86; from 0.86 the coordinates include it, and adding it again would shift every measured
+ * view down by `insets.top`.
  */
 const androidTopInsetCompensation = (insets: EdgeInsets): number =>
   Platform.OS === 'android' && !isRN86OrGreater ? insets.top : 0;
 
 /**
- * How many screen lengths away from the origin a measured coordinate may fall before we treat it as
- * bogus. Real targets (a view currently on screen) always measure well within one screen and the failure
- * mode we guard against is off by tens of screens, so a generous multiplier cleanly separates the two
- * with no risk of false positives on legitimate values.
+ * Screen lengths from the origin beyond which a measured coordinate is treated as bogus. On-screen
+ * targets measure within one screen and the failure is off by tens of screens, so 2 separates them.
  */
 const SCREEN_BOUND_MULTIPLIER = 2;
 
 /**
- * `measureInWindow` can return wildly out of bounds coordinates on Android when the native window has
- * been forced edge-to-edge behind React Native's back (i.e a library setting `FLAG_LAYOUT_NO_LIMITS`,
- * as `react-native-system-navigation-bar` does for a transparent nav bar) while RN's own edge-to-edge
- * (`edgeToEdgeEnabled`) is off. In that state the window relative measurement is corrupted and would
- * return a position of the View far offscreen.
+ * Whether a measured rect is unusable: non-finite values, a non-positive size, or coordinates more
+ * than `SCREEN_BOUND_MULTIPLIER` screens from the origin. On Android, `measureInWindow` returns far
+ * out of bounds coordinates when a library forces the window edge-to-edge (such as setting
+ * `FLAG_LAYOUT_NO_LIMITS` for a transparent nav bar) while `edgeToEdgeEnabled` is off.
+ *
+ * @param x Measured x coordinate.
+ * @param y Measured y coordinate.
+ * @param w Measured width.
+ * @param h Measured height.
+ * @returns Whether the measurement should be discarded.
  */
 export const isMeasuredRectBogus = (x: number, y: number, w: number, h: number): boolean => {
   if (!Number.isFinite(x) || !Number.isFinite(y) || !Number.isFinite(w) || !Number.isFinite(h)) {
@@ -43,7 +44,7 @@ export const isMeasuredRectBogus = (x: number, y: number, w: number, h: number):
   }
   const { width, height } = Dimensions.get('screen');
   if (width <= 0 || height <= 0) {
-    // can't reason about bounds, trust the measurement
+    // Without a screen size there is nothing to compare against.
     return false;
   }
   return (
@@ -69,10 +70,9 @@ export const measureInWindow = (
         return;
       }
 
-      // If `measureInWindow` returned an out of bounds rect, fallback to `measure()`, whose
-      // `pageX`/`pageY` are relative to the app root and are the same coordinate space as the window.
-      // They will stays correct when the window frame has been mutated out from under
-      // React Native.
+      // Falls back to `measure()` for a bogus rect: its `pageX`/`pageY` are relative to the app
+      // root, the same space as the window, and stay correct when the window frame was mutated
+      // behind React Native's back.
       if (typeof handle.measure !== 'function') {
         resolve({ h, w, x, y: y + androidTopInsetCompensation(insets) });
         return;

package/src/components/Message/utils/messageActions.ts

@@ -24,7 +24,6 @@ export type MessageActionsParams = {
   threadReply: MessageActionType;
   unpinMessage: MessageActionType;
   blockUser: MessageActionType;
-  // Optional Actions
   deleteForMeMessage?: MessageActionType;
 } & Pick<MessageContextValue, 'message' | 'isMyMessage'> &
   Pick<MessageOperations, 'updateMessage'>;

package/src/components/MessageInput/MessageComposer.tsx

@@ -243,7 +243,7 @@ const MessageComposerWithContext = (props: MessageComposerPropsWithContext) => {
     },
   } = useTheme();
 
-  // Close the attachment picker state when the component unmounts
+  // Closes the attachment picker on unmount.
   useEffect(
     () => () => {
       closeAttachmentPicker();
@@ -252,7 +252,7 @@ const MessageComposerWithContext = (props: MessageComposerPropsWithContext) => {
   );
 
   /**
-   * Effect to get the draft data for legacy thread composer and set it to message composer.
+   * Loads the draft of the legacy thread composer into the message composer.
    * TODO: This can be removed once we remove legacy thread composer.
    */
   useEffect(() => {
@@ -279,7 +279,7 @@ const MessageComposerWithContext = (props: MessageComposerPropsWithContext) => {
   const getUsers = () => {
     const users = [...getMembers(), ...getWatchers()];
 
-    // make sure we don't list users twice
+    // Deduplicate by user ID.
     const uniqueUsers: { [key: string]: UserResponse } = {};
     for (const user of users) {
       if (user && !uniqueUsers[user.id]) {
@@ -301,7 +301,7 @@ const MessageComposerWithContext = (props: MessageComposerPropsWithContext) => {
     return result;
   };
 
-  // immediately focus the screen reader to the input on mount if a11y is enabled.
+  // Moves screen reader focus to the input on mount when a screen reader is enabled.
   useScreenReaderMountFocus(inputBoxRef);
 
   const isFocused = inputBoxRef.current?.isFocused();
@@ -386,7 +386,6 @@ const MessageComposerWithContext = (props: MessageComposerPropsWithContext) => {
                       borderTopWidth: 1,
                       backgroundColor: semantics.backgroundCoreElevation1,
                       borderTopColor: semantics.borderCoreSubtle,
-                      // paddingBottom: BOTTOM_OFFSET,
                       paddingBottom:
                         selectedPicker && !isKeyboardVisible
                           ? attachmentPickerBottomSheetHeight - bottomInset + BOTTOM_OFFSET
@@ -611,15 +610,7 @@ const MemoizedMessageComposer = React.memo(
 
 export type MessageComposerProps = Partial<MessageComposerPropsWithContext>;
 
-/**
- * UI Component for message composer
- * It's a consumer of
- * [Channel Context](https://getstream.io/chat/docs/sdk/reactnative/contexts/channel-context/),
- * [Chat Context](https://getstream.io/chat/docs/sdk/reactnative/contexts/chat-context/),
- * [MessageInput Context](https://getstream.io/chat/docs/sdk/reactnative/contexts/message-input-context/),
- * [Suggestions Context](https://getstream.io/chat/docs/sdk/reactnative/contexts/suggestions-context/), and
- * [Translation Context](https://getstream.io/chat/docs/sdk/reactnative/contexts/translation-context/)
- */
+/** Message composer UI. */
 export const MessageComposer = (props: MessageComposerProps) => {
   const isOnline = useSettledWSConnectionHealth();
   const ownCapabilities = useOwnCapabilitiesContext();
@@ -659,11 +650,8 @@ export const MessageComposer = (props: MessageComposerProps) => {
 
   const { t } = useTranslationContext();
 
-  /**
-   * Disable the message input if the channel is frozen, or the user doesn't have the capability to send a message.
-   * Enable it in frozen mode, if it the input has editing state.
-   *
-   */
+  // Without the `sendMessage` capability (such as in a frozen channel) only the disallowed
+  // indicator is rendered, unless a message is being edited.
   if (
     capabilitiesKnown &&
     !ownCapabilities.sendMessage &&

package/src/components/MessageInput/StopMessageStreamingButton.tsx

@@ -6,7 +6,7 @@ import { useTheme } from '../../contexts/themeContext/ThemeContext';
 import { primitives } from '../../theme';
 
 export type StopMessageStreamingButtonProps = {
-  /** Function that opens attachment options bottom sheet */
+  /** Called when the button is pressed. */
   onPress?: () => void;
 };
 

package/src/components/MessageInput/__tests__/__snapshots__/AttachButton.test.tsx.snap

@@ -70,8 +70,10 @@ exports[`AttachButton should call handleAttachButtonPress when the button is cli
           }
           hoverAnimationInDuration={50}
           hoverAnimationOutDuration={100}
+          immediatePressOut={false}
           longPressAnimationOutDuration={100}
           longPressDuration={500}
+          moduleId={-1}
           onButtonInteractionFinished={[Function]}
           onButtonLongPress={[Function]}
           onButtonPress={[Function]}
@@ -99,7 +101,7 @@ exports[`AttachButton should call handleAttachButtonPress when the button is cli
               ],
             ]
           }
-          tapAnimationInDuration={50}
+          tapAnimationInDuration={130}
           tapAnimationOutDuration={100}
           testID="attach-button"
           testOnly_onPress={[Function]}
@@ -252,8 +254,10 @@ exports[`AttachButton should call handleAttachButtonPress when the button is cli
               }
               hoverAnimationInDuration={50}
               hoverAnimationOutDuration={100}
+              immediatePressOut={false}
               longPressAnimationOutDuration={100}
               longPressDuration={500}
+              moduleId={-1}
               onButtonInteractionFinished={[Function]}
               onButtonLongPress={[Function]}
               onButtonPress={[Function]}
@@ -281,7 +285,7 @@ exports[`AttachButton should call handleAttachButtonPress when the button is cli
                   ],
                 ]
               }
-              tapAnimationInDuration={50}
+              tapAnimationInDuration={130}
               tapAnimationOutDuration={100}
               testID="upload-photo-touchable"
               testOnly_onPress={[Function]}
@@ -407,8 +411,10 @@ exports[`AttachButton should call handleAttachButtonPress when the button is cli
               }
               hoverAnimationInDuration={50}
               hoverAnimationOutDuration={100}
+              immediatePressOut={false}
               longPressAnimationOutDuration={100}
               longPressDuration={500}
+              moduleId={-1}
               onButtonInteractionFinished={[Function]}
               onButtonLongPress={[Function]}
               onButtonPress={[Function]}
@@ -436,7 +442,7 @@ exports[`AttachButton should call handleAttachButtonPress when the button is cli
                   ],
                 ]
               }
-              tapAnimationInDuration={50}
+              tapAnimationInDuration={130}
               tapAnimationOutDuration={100}
               testID="take-photo-touchable"
               testOnly_onPress={[Function]}
@@ -591,8 +597,10 @@ exports[`AttachButton should call handleAttachButtonPress when the button is cli
               }
               hoverAnimationInDuration={50}
               hoverAnimationOutDuration={100}
+              immediatePressOut={false}
               longPressAnimationOutDuration={100}
               longPressDuration={500}
+              moduleId={-1}
               onButtonInteractionFinished={[Function]}
               onButtonLongPress={[Function]}
               onButtonPress={[Function]}
@@ -620,7 +628,7 @@ exports[`AttachButton should call handleAttachButtonPress when the button is cli
                   ],
                 ]
               }
-              tapAnimationInDuration={50}
+              tapAnimationInDuration={130}
               tapAnimationOutDuration={100}
               testID="upload-file-touchable"
               testOnly_onPress={[Function]}
@@ -742,8 +750,10 @@ exports[`AttachButton should call handleAttachButtonPress when the button is cli
               }
               hoverAnimationInDuration={50}
               hoverAnimationOutDuration={100}
+              immediatePressOut={false}
               longPressAnimationOutDuration={100}
               longPressDuration={500}
+              moduleId={-1}
               onButtonInteractionFinished={[Function]}
               onButtonLongPress={[Function]}
               onButtonPress={[Function]}
@@ -771,7 +781,7 @@ exports[`AttachButton should call handleAttachButtonPress when the button is cli
                   ],
                 ]
               }
-              tapAnimationInDuration={50}
+              tapAnimationInDuration={130}
               tapAnimationOutDuration={100}
               testID="commands-touchable"
               testOnly_onPress={[Function]}
@@ -1026,8 +1036,10 @@ exports[`AttachButton should render a enabled AttachButton 1`] = `
           }
           hoverAnimationInDuration={50}
           hoverAnimationOutDuration={100}
+          immediatePressOut={false}
           longPressAnimationOutDuration={100}
           longPressDuration={500}
+          moduleId={-1}
           onButtonInteractionFinished={[Function]}
           onButtonLongPress={[Function]}
           onButtonPress={[Function]}
@@ -1055,7 +1067,7 @@ exports[`AttachButton should render a enabled AttachButton 1`] = `
               ],
             ]
           }
-          tapAnimationInDuration={50}
+          tapAnimationInDuration={130}
           tapAnimationOutDuration={100}
           testID="attach-button"
           testOnly_onPress={[Function]}
@@ -1208,8 +1220,10 @@ exports[`AttachButton should render a enabled AttachButton 1`] = `
               }
               hoverAnimationInDuration={50}
               hoverAnimationOutDuration={100}
+              immediatePressOut={false}
               longPressAnimationOutDuration={100}
               longPressDuration={500}
+              moduleId={-1}
               onButtonInteractionFinished={[Function]}
               onButtonLongPress={[Function]}
               onButtonPress={[Function]}
@@ -1237,7 +1251,7 @@ exports[`AttachButton should render a enabled AttachButton 1`] = `
                   ],
                 ]
               }
-              tapAnimationInDuration={50}
+              tapAnimationInDuration={130}
               tapAnimationOutDuration={100}
               testID="upload-photo-touchable"
               testOnly_onPress={[Function]}
@@ -1363,8 +1377,10 @@ exports[`AttachButton should render a enabled AttachButton 1`] = `
               }
               hoverAnimationInDuration={50}
               hoverAnimationOutDuration={100}
+              immediatePressOut={false}
               longPressAnimationOutDuration={100}
               longPressDuration={500}
+              moduleId={-1}
               onButtonInteractionFinished={[Function]}
               onButtonLongPress={[Function]}
               onButtonPress={[Function]}
@@ -1392,7 +1408,7 @@ exports[`AttachButton should render a enabled AttachButton 1`] = `
                   ],
                 ]
               }
-              tapAnimationInDuration={50}
+              tapAnimationInDuration={130}
               tapAnimationOutDuration={100}
               testID="take-photo-touchable"
               testOnly_onPress={[Function]}
@@ -1547,8 +1563,10 @@ exports[`AttachButton should render a enabled AttachButton 1`] = `
               }
               hoverAnimationInDuration={50}
               hoverAnimationOutDuration={100}
+              immediatePressOut={false}
               longPressAnimationOutDuration={100}
               longPressDuration={500}
+              moduleId={-1}
               onButtonInteractionFinished={[Function]}
               onButtonLongPress={[Function]}
               onButtonPress={[Function]}
@@ -1576,7 +1594,7 @@ exports[`AttachButton should render a enabled AttachButton 1`] = `
                   ],
                 ]
               }
-              tapAnimationInDuration={50}
+              tapAnimationInDuration={130}
               tapAnimationOutDuration={100}
               testID="upload-file-touchable"
               testOnly_onPress={[Function]}
@@ -1698,8 +1716,10 @@ exports[`AttachButton should render a enabled AttachButton 1`] = `
               }
               hoverAnimationInDuration={50}
               hoverAnimationOutDuration={100}
+              immediatePressOut={false}
               longPressAnimationOutDuration={100}
               longPressDuration={500}
+              moduleId={-1}
               onButtonInteractionFinished={[Function]}
               onButtonLongPress={[Function]}
               onButtonPress={[Function]}
@@ -1727,7 +1747,7 @@ exports[`AttachButton should render a enabled AttachButton 1`] = `
                   ],
                 ]
               }
-              tapAnimationInDuration={50}
+              tapAnimationInDuration={130}
               tapAnimationOutDuration={100}
               testID="commands-touchable"
               testOnly_onPress={[Function]}
@@ -1982,8 +2002,10 @@ exports[`AttachButton should render an disabled AttachButton 1`] = `
           }
           hoverAnimationInDuration={50}
           hoverAnimationOutDuration={100}
+          immediatePressOut={false}
           longPressAnimationOutDuration={100}
           longPressDuration={500}
+          moduleId={-1}
           onButtonInteractionFinished={[Function]}
           onButtonLongPress={[Function]}
           onButtonPress={[Function]}
@@ -2011,7 +2033,7 @@ exports[`AttachButton should render an disabled AttachButton 1`] = `
               ],
             ]
           }
-          tapAnimationInDuration={50}
+          tapAnimationInDuration={130}
           tapAnimationOutDuration={100}
           testID="attach-button"
           testOnly_onPress={[Function]}
@@ -2164,8 +2186,10 @@ exports[`AttachButton should render an disabled AttachButton 1`] = `
               }
               hoverAnimationInDuration={50}
               hoverAnimationOutDuration={100}
+              immediatePressOut={false}
               longPressAnimationOutDuration={100}
               longPressDuration={500}
+              moduleId={-1}
               onButtonInteractionFinished={[Function]}
               onButtonLongPress={[Function]}
               onButtonPress={[Function]}
@@ -2193,7 +2217,7 @@ exports[`AttachButton should render an disabled AttachButton 1`] = `
                   ],
                 ]
               }
-              tapAnimationInDuration={50}
+              tapAnimationInDuration={130}
               tapAnimationOutDuration={100}
               testID="upload-photo-touchable"
               testOnly_onPress={[Function]}
@@ -2319,8 +2343,10 @@ exports[`AttachButton should render an disabled AttachButton 1`] = `
               }
               hoverAnimationInDuration={50}
               hoverAnimationOutDuration={100}
+              immediatePressOut={false}
               longPressAnimationOutDuration={100}
               longPressDuration={500}
+              moduleId={-1}
               onButtonInteractionFinished={[Function]}
               onButtonLongPress={[Function]}
               onButtonPress={[Function]}
@@ -2348,7 +2374,7 @@ exports[`AttachButton should render an disabled AttachButton 1`] = `
                   ],
                 ]
               }
-              tapAnimationInDuration={50}
+              tapAnimationInDuration={130}
               tapAnimationOutDuration={100}
               testID="take-photo-touchable"
               testOnly_onPress={[Function]}
@@ -2503,8 +2529,10 @@ exports[`AttachButton should render an disabled AttachButton 1`] = `
               }
               hoverAnimationInDuration={50}
               hoverAnimationOutDuration={100}
+              immediatePressOut={false}
               longPressAnimationOutDuration={100}
               longPressDuration={500}
+              moduleId={-1}
               onButtonInteractionFinished={[Function]}
               onButtonLongPress={[Function]}
               onButtonPress={[Function]}
@@ -2532,7 +2560,7 @@ exports[`AttachButton should render an disabled AttachButton 1`] = `
                   ],
                 ]
               }
-              tapAnimationInDuration={50}
+              tapAnimationInDuration={130}
               tapAnimationOutDuration={100}
               testID="upload-file-touchable"
               testOnly_onPress={[Function]}
@@ -2654,8 +2682,10 @@ exports[`AttachButton should render an disabled AttachButton 1`] = `
               }
               hoverAnimationInDuration={50}
               hoverAnimationOutDuration={100}
+              immediatePressOut={false}
               longPressAnimationOutDuration={100}
               longPressDuration={500}
+              moduleId={-1}
               onButtonInteractionFinished={[Function]}
               onButtonLongPress={[Function]}
               onButtonPress={[Function]}
@@ -2683,7 +2713,7 @@ exports[`AttachButton should render an disabled AttachButton 1`] = `
                   ],
                 ]
               }
-              tapAnimationInDuration={50}
+              tapAnimationInDuration={130}
               tapAnimationOutDuration={100}
               testID="commands-touchable"
               testOnly_onPress={[Function]}

package/src/components/MessageInput/__tests__/__snapshots__/SendButton.test.tsx.snap

@@ -70,8 +70,10 @@ exports[`SendButton should render a SendButton 1`] = `
           }
           hoverAnimationInDuration={50}
           hoverAnimationOutDuration={100}
+          immediatePressOut={false}
           longPressAnimationOutDuration={100}
           longPressDuration={500}
+          moduleId={-1}
           onButtonInteractionFinished={[Function]}
           onButtonLongPress={[Function]}
           onButtonPress={[Function]}
@@ -99,7 +101,7 @@ exports[`SendButton should render a SendButton 1`] = `
               ],
             ]
           }
-          tapAnimationInDuration={50}
+          tapAnimationInDuration={130}
           tapAnimationOutDuration={100}
           testID="send-button"
           testOnly_onPress={[Function]}
@@ -250,8 +252,10 @@ exports[`SendButton should render a SendButton 1`] = `
               }
               hoverAnimationInDuration={50}
               hoverAnimationOutDuration={100}
+              immediatePressOut={false}
               longPressAnimationOutDuration={100}
               longPressDuration={500}
+              moduleId={-1}
               onButtonInteractionFinished={[Function]}
               onButtonLongPress={[Function]}
               onButtonPress={[Function]}
@@ -279,7 +283,7 @@ exports[`SendButton should render a SendButton 1`] = `
                   ],
                 ]
               }
-              tapAnimationInDuration={50}
+              tapAnimationInDuration={130}
               tapAnimationOutDuration={100}
               testID="upload-photo-touchable"
               testOnly_onPress={[Function]}
@@ -405,8 +409,10 @@ exports[`SendButton should render a SendButton 1`] = `
               }
               hoverAnimationInDuration={50}
               hoverAnimationOutDuration={100}
+              immediatePressOut={false}
               longPressAnimationOutDuration={100}
               longPressDuration={500}
+              moduleId={-1}
               onButtonInteractionFinished={[Function]}
               onButtonLongPress={[Function]}
               onButtonPress={[Function]}
@@ -434,7 +440,7 @@ exports[`SendButton should render a SendButton 1`] = `
                   ],
                 ]
               }
-              tapAnimationInDuration={50}
+              tapAnimationInDuration={130}
               tapAnimationOutDuration={100}
               testID="take-photo-touchable"
               testOnly_onPress={[Function]}
@@ -589,8 +595,10 @@ exports[`SendButton should render a SendButton 1`] = `
               }
               hoverAnimationInDuration={50}
               hoverAnimationOutDuration={100}
+              immediatePressOut={false}
               longPressAnimationOutDuration={100}
               longPressDuration={500}
+              moduleId={-1}
               onButtonInteractionFinished={[Function]}
               onButtonLongPress={[Function]}
               onButtonPress={[Function]}
@@ -618,7 +626,7 @@ exports[`SendButton should render a SendButton 1`] = `
                   ],
                 ]
               }
-              tapAnimationInDuration={50}
+              tapAnimationInDuration={130}
               tapAnimationOutDuration={100}
               testID="upload-file-touchable"
               testOnly_onPress={[Function]}
@@ -740,8 +748,10 @@ exports[`SendButton should render a SendButton 1`] = `
               }
               hoverAnimationInDuration={50}
               hoverAnimationOutDuration={100}
+              immediatePressOut={false}
               longPressAnimationOutDuration={100}
               longPressDuration={500}
+              moduleId={-1}
               onButtonInteractionFinished={[Function]}
               onButtonLongPress={[Function]}
               onButtonPress={[Function]}
@@ -769,7 +779,7 @@ exports[`SendButton should render a SendButton 1`] = `
                   ],
                 ]
               }
-              tapAnimationInDuration={50}
+              tapAnimationInDuration={130}
               tapAnimationOutDuration={100}
               testID="commands-touchable"
               testOnly_onPress={[Function]}
@@ -1024,8 +1034,10 @@ exports[`SendButton should render a disabled SendButton 1`] = `
           }
           hoverAnimationInDuration={50}
           hoverAnimationOutDuration={100}
+          immediatePressOut={false}
           longPressAnimationOutDuration={100}
           longPressDuration={500}
+          moduleId={-1}
           onButtonInteractionFinished={[Function]}
           onButtonLongPress={[Function]}
           onButtonPress={[Function]}
@@ -1053,7 +1065,7 @@ exports[`SendButton should render a disabled SendButton 1`] = `
               ],
             ]
           }
-          tapAnimationInDuration={50}
+          tapAnimationInDuration={130}
           tapAnimationOutDuration={100}
           testID="send-button"
           testOnly_onPress={[Function]}
@@ -1204,8 +1216,10 @@ exports[`SendButton should render a disabled SendButton 1`] = `
               }
               hoverAnimationInDuration={50}
               hoverAnimationOutDuration={100}
+              immediatePressOut={false}
               longPressAnimationOutDuration={100}
               longPressDuration={500}
+              moduleId={-1}
               onButtonInteractionFinished={[Function]}
               onButtonLongPress={[Function]}
               onButtonPress={[Function]}
@@ -1233,7 +1247,7 @@ exports[`SendButton should render a disabled SendButton 1`] = `
                   ],
                 ]
               }
-              tapAnimationInDuration={50}
+              tapAnimationInDuration={130}
               tapAnimationOutDuration={100}
               testID="upload-photo-touchable"
               testOnly_onPress={[Function]}
@@ -1359,8 +1373,10 @@ exports[`SendButton should render a disabled SendButton 1`] = `
               }
               hoverAnimationInDuration={50}
               hoverAnimationOutDuration={100}
+              immediatePressOut={false}
               longPressAnimationOutDuration={100}
               longPressDuration={500}
+              moduleId={-1}
               onButtonInteractionFinished={[Function]}
               onButtonLongPress={[Function]}
               onButtonPress={[Function]}
@@ -1388,7 +1404,7 @@ exports[`SendButton should render a disabled SendButton 1`] = `
                   ],
                 ]
               }
-              tapAnimationInDuration={50}
+              tapAnimationInDuration={130}
               tapAnimationOutDuration={100}
               testID="take-photo-touchable"
               testOnly_onPress={[Function]}
@@ -1543,8 +1559,10 @@ exports[`SendButton should render a disabled SendButton 1`] = `
               }
               hoverAnimationInDuration={50}
               hoverAnimationOutDuration={100}
+              immediatePressOut={false}
               longPressAnimationOutDuration={100}
               longPressDuration={500}
+              moduleId={-1}
               onButtonInteractionFinished={[Function]}
               onButtonLongPress={[Function]}
               onButtonPress={[Function]}
@@ -1572,7 +1590,7 @@ exports[`SendButton should render a disabled SendButton 1`] = `
                   ],
                 ]
               }
-              tapAnimationInDuration={50}
+              tapAnimationInDuration={130}
               tapAnimationOutDuration={100}
               testID="upload-file-touchable"
               testOnly_onPress={[Function]}
@@ -1694,8 +1712,10 @@ exports[`SendButton should render a disabled SendButton 1`] = `
               }
               hoverAnimationInDuration={50}
               hoverAnimationOutDuration={100}
+              immediatePressOut={false}
               longPressAnimationOutDuration={100}
               longPressDuration={500}
+              moduleId={-1}
               onButtonInteractionFinished={[Function]}
               onButtonLongPress={[Function]}
               onButtonPress={[Function]}
@@ -1723,7 +1743,7 @@ exports[`SendButton should render a disabled SendButton 1`] = `
                   ],
                 ]
               }
-              tapAnimationInDuration={50}
+              tapAnimationInDuration={130}
               tapAnimationOutDuration={100}
               testID="commands-touchable"
               testOnly_onPress={[Function]}

package/src/components/MessageInput/components/AttachmentPreview/AttachmentUploadPreviewList.tsx

@@ -83,10 +83,6 @@ const getIsAudioAttachmentPreview =
     isLocalVoiceRecordingAttachment(attachment) ||
     (soundPackageAvailable && isLocalAudioAttachment(attachment));
 
-/**
- * AttachmentUploadPreviewList
- * UI Component to preview the files set for upload
- */
 const UnMemoizedAttachmentUploadPreviewList = () => {
   const {
     AudioAttachmentUploadPreview,
@@ -562,10 +558,7 @@ const MemoizedAttachmentUploadPreviewListWithContext = React.memo(
   UnMemoizedAttachmentUploadPreviewList,
 );
 
-/**
- * AttachmentUploadPreviewList
- * UI Component to preview the files set for upload
- */
+/** Previews the attachments set for upload. */
 export const AttachmentUploadPreviewList = () => <MemoizedAttachmentUploadPreviewListWithContext />;
 
 const styles = StyleSheet.create({