stream-chat-react-native-core 9.7.0 → 9.7.1-beta.2

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

@@ -47,6 +47,7 @@ exports[`AttachButton should call handleAttachButtonPress when the button is cli
           onGestureHandlerReanimatedEvent={[Function]}
           onGestureHandlerStateChange={[Function]}
           onGestureHandlerTouchEvent={[Function]}
+          onStartShouldSetResponder={[Function]}
           pointerEvents="box-none"
           style={
             {
@@ -221,6 +222,7 @@ exports[`AttachButton should call handleAttachButtonPress when the button is cli
               onGestureHandlerReanimatedEvent={[Function]}
               onGestureHandlerStateChange={[Function]}
               onGestureHandlerTouchEvent={[Function]}
+              onStartShouldSetResponder={[Function]}
               pointerEvents="box-none"
               style={
                 {
@@ -368,6 +370,7 @@ exports[`AttachButton should call handleAttachButtonPress when the button is cli
               onGestureHandlerReanimatedEvent={[Function]}
               onGestureHandlerStateChange={[Function]}
               onGestureHandlerTouchEvent={[Function]}
+              onStartShouldSetResponder={[Function]}
               pointerEvents="box-none"
               style={
                 {
@@ -544,6 +547,7 @@ exports[`AttachButton should call handleAttachButtonPress when the button is cli
               onGestureHandlerReanimatedEvent={[Function]}
               onGestureHandlerStateChange={[Function]}
               onGestureHandlerTouchEvent={[Function]}
+              onStartShouldSetResponder={[Function]}
               pointerEvents="box-none"
               style={
                 {
@@ -687,6 +691,7 @@ exports[`AttachButton should call handleAttachButtonPress when the button is cli
               onGestureHandlerReanimatedEvent={[Function]}
               onGestureHandlerStateChange={[Function]}
               onGestureHandlerTouchEvent={[Function]}
+              onStartShouldSetResponder={[Function]}
               pointerEvents="box-none"
               style={
                 {
@@ -963,6 +968,7 @@ exports[`AttachButton should render a enabled AttachButton 1`] = `
           onGestureHandlerReanimatedEvent={[Function]}
           onGestureHandlerStateChange={[Function]}
           onGestureHandlerTouchEvent={[Function]}
+          onStartShouldSetResponder={[Function]}
           pointerEvents="box-none"
           style={
             {
@@ -1137,6 +1143,7 @@ exports[`AttachButton should render a enabled AttachButton 1`] = `
               onGestureHandlerReanimatedEvent={[Function]}
               onGestureHandlerStateChange={[Function]}
               onGestureHandlerTouchEvent={[Function]}
+              onStartShouldSetResponder={[Function]}
               pointerEvents="box-none"
               style={
                 {
@@ -1284,6 +1291,7 @@ exports[`AttachButton should render a enabled AttachButton 1`] = `
               onGestureHandlerReanimatedEvent={[Function]}
               onGestureHandlerStateChange={[Function]}
               onGestureHandlerTouchEvent={[Function]}
+              onStartShouldSetResponder={[Function]}
               pointerEvents="box-none"
               style={
                 {
@@ -1460,6 +1468,7 @@ exports[`AttachButton should render a enabled AttachButton 1`] = `
               onGestureHandlerReanimatedEvent={[Function]}
               onGestureHandlerStateChange={[Function]}
               onGestureHandlerTouchEvent={[Function]}
+              onStartShouldSetResponder={[Function]}
               pointerEvents="box-none"
               style={
                 {
@@ -1603,6 +1612,7 @@ exports[`AttachButton should render a enabled AttachButton 1`] = `
               onGestureHandlerReanimatedEvent={[Function]}
               onGestureHandlerStateChange={[Function]}
               onGestureHandlerTouchEvent={[Function]}
+              onStartShouldSetResponder={[Function]}
               pointerEvents="box-none"
               style={
                 {
@@ -1879,6 +1889,7 @@ exports[`AttachButton should render an disabled AttachButton 1`] = `
           onGestureHandlerReanimatedEvent={[Function]}
           onGestureHandlerStateChange={[Function]}
           onGestureHandlerTouchEvent={[Function]}
+          onStartShouldSetResponder={[Function]}
           pointerEvents="box-none"
           style={
             {
@@ -2053,6 +2064,7 @@ exports[`AttachButton should render an disabled AttachButton 1`] = `
               onGestureHandlerReanimatedEvent={[Function]}
               onGestureHandlerStateChange={[Function]}
               onGestureHandlerTouchEvent={[Function]}
+              onStartShouldSetResponder={[Function]}
               pointerEvents="box-none"
               style={
                 {
@@ -2200,6 +2212,7 @@ exports[`AttachButton should render an disabled AttachButton 1`] = `
               onGestureHandlerReanimatedEvent={[Function]}
               onGestureHandlerStateChange={[Function]}
               onGestureHandlerTouchEvent={[Function]}
+              onStartShouldSetResponder={[Function]}
               pointerEvents="box-none"
               style={
                 {
@@ -2376,6 +2389,7 @@ exports[`AttachButton should render an disabled AttachButton 1`] = `
               onGestureHandlerReanimatedEvent={[Function]}
               onGestureHandlerStateChange={[Function]}
               onGestureHandlerTouchEvent={[Function]}
+              onStartShouldSetResponder={[Function]}
               pointerEvents="box-none"
               style={
                 {
@@ -2519,6 +2533,7 @@ exports[`AttachButton should render an disabled AttachButton 1`] = `
               onGestureHandlerReanimatedEvent={[Function]}
               onGestureHandlerStateChange={[Function]}
               onGestureHandlerTouchEvent={[Function]}
+              onStartShouldSetResponder={[Function]}
               pointerEvents="box-none"
               style={
                 {

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

@@ -47,6 +47,7 @@ exports[`SendButton should render a SendButton 1`] = `
           onGestureHandlerReanimatedEvent={[Function]}
           onGestureHandlerStateChange={[Function]}
           onGestureHandlerTouchEvent={[Function]}
+          onStartShouldSetResponder={[Function]}
           pointerEvents="box-none"
           style={
             {
@@ -219,6 +220,7 @@ exports[`SendButton should render a SendButton 1`] = `
               onGestureHandlerReanimatedEvent={[Function]}
               onGestureHandlerStateChange={[Function]}
               onGestureHandlerTouchEvent={[Function]}
+              onStartShouldSetResponder={[Function]}
               pointerEvents="box-none"
               style={
                 {
@@ -366,6 +368,7 @@ exports[`SendButton should render a SendButton 1`] = `
               onGestureHandlerReanimatedEvent={[Function]}
               onGestureHandlerStateChange={[Function]}
               onGestureHandlerTouchEvent={[Function]}
+              onStartShouldSetResponder={[Function]}
               pointerEvents="box-none"
               style={
                 {
@@ -542,6 +545,7 @@ exports[`SendButton should render a SendButton 1`] = `
               onGestureHandlerReanimatedEvent={[Function]}
               onGestureHandlerStateChange={[Function]}
               onGestureHandlerTouchEvent={[Function]}
+              onStartShouldSetResponder={[Function]}
               pointerEvents="box-none"
               style={
                 {
@@ -685,6 +689,7 @@ exports[`SendButton should render a SendButton 1`] = `
               onGestureHandlerReanimatedEvent={[Function]}
               onGestureHandlerStateChange={[Function]}
               onGestureHandlerTouchEvent={[Function]}
+              onStartShouldSetResponder={[Function]}
               pointerEvents="box-none"
               style={
                 {
@@ -961,6 +966,7 @@ exports[`SendButton should render a disabled SendButton 1`] = `
           onGestureHandlerReanimatedEvent={[Function]}
           onGestureHandlerStateChange={[Function]}
           onGestureHandlerTouchEvent={[Function]}
+          onStartShouldSetResponder={[Function]}
           pointerEvents="box-none"
           style={
             {
@@ -1133,6 +1139,7 @@ exports[`SendButton should render a disabled SendButton 1`] = `
               onGestureHandlerReanimatedEvent={[Function]}
               onGestureHandlerStateChange={[Function]}
               onGestureHandlerTouchEvent={[Function]}
+              onStartShouldSetResponder={[Function]}
               pointerEvents="box-none"
               style={
                 {
@@ -1280,6 +1287,7 @@ exports[`SendButton should render a disabled SendButton 1`] = `
               onGestureHandlerReanimatedEvent={[Function]}
               onGestureHandlerStateChange={[Function]}
               onGestureHandlerTouchEvent={[Function]}
+              onStartShouldSetResponder={[Function]}
               pointerEvents="box-none"
               style={
                 {
@@ -1456,6 +1464,7 @@ exports[`SendButton should render a disabled SendButton 1`] = `
               onGestureHandlerReanimatedEvent={[Function]}
               onGestureHandlerStateChange={[Function]}
               onGestureHandlerTouchEvent={[Function]}
+              onStartShouldSetResponder={[Function]}
               pointerEvents="box-none"
               style={
                 {
@@ -1599,6 +1608,7 @@ exports[`SendButton should render a disabled SendButton 1`] = `
               onGestureHandlerReanimatedEvent={[Function]}
               onGestureHandlerStateChange={[Function]}
               onGestureHandlerTouchEvent={[Function]}
+              onStartShouldSetResponder={[Function]}
               pointerEvents="box-none"
               style={
                 {

package/src/components/MessageList/__tests__/__snapshots__/ScrollToBottomButton.test.tsx.snap

@@ -61,6 +61,7 @@ exports[`ScrollToBottomButton should render the message notification and match s
         onGestureHandlerReanimatedEvent={[Function]}
         onGestureHandlerStateChange={[Function]}
         onGestureHandlerTouchEvent={[Function]}
+        onStartShouldSetResponder={[Function]}
         pointerEvents="box-none"
         style={
           {

package/src/components/Thread/__tests__/__snapshots__/Thread.test.tsx.snap

@@ -1846,6 +1846,7 @@ exports[`Thread should match thread snapshot 1`] = `
                         onGestureHandlerReanimatedEvent={[Function]}
                         onGestureHandlerStateChange={[Function]}
                         onGestureHandlerTouchEvent={[Function]}
+                        onStartShouldSetResponder={[Function]}
                         pointerEvents="box-none"
                         style={
                           {
@@ -2224,6 +2225,7 @@ exports[`Thread should match thread snapshot 1`] = `
                             onGestureHandlerReanimatedEvent={[Function]}
                             onGestureHandlerStateChange={[Function]}
                             onGestureHandlerTouchEvent={[Function]}
+                            onStartShouldSetResponder={[Function]}
                             pointerEvents="box-none"
                             style={
                               {
@@ -2406,6 +2408,7 @@ exports[`Thread should match thread snapshot 1`] = `
             onGestureHandlerReanimatedEvent={[Function]}
             onGestureHandlerStateChange={[Function]}
             onGestureHandlerTouchEvent={[Function]}
+            onStartShouldSetResponder={[Function]}
             pointerEvents="box-none"
             style={
               {
@@ -2553,6 +2556,7 @@ exports[`Thread should match thread snapshot 1`] = `
             onGestureHandlerReanimatedEvent={[Function]}
             onGestureHandlerStateChange={[Function]}
             onGestureHandlerTouchEvent={[Function]}
+            onStartShouldSetResponder={[Function]}
             pointerEvents="box-none"
             style={
               {
@@ -2729,6 +2733,7 @@ exports[`Thread should match thread snapshot 1`] = `
             onGestureHandlerReanimatedEvent={[Function]}
             onGestureHandlerStateChange={[Function]}
             onGestureHandlerTouchEvent={[Function]}
+            onStartShouldSetResponder={[Function]}
             pointerEvents="box-none"
             style={
               {
@@ -2872,6 +2877,7 @@ exports[`Thread should match thread snapshot 1`] = `
             onGestureHandlerReanimatedEvent={[Function]}
             onGestureHandlerStateChange={[Function]}
             onGestureHandlerTouchEvent={[Function]}
+            onStartShouldSetResponder={[Function]}
             pointerEvents="box-none"
             style={
               {

package/src/components/UIComponents/PortalWhileClosingView.tsx

@@ -1,10 +1,11 @@
 import React, { ReactNode, useEffect, useMemo, useRef } from 'react';
-import { Platform, View } from 'react-native';
+import { View } from 'react-native';
 
 import Animated, { useAnimatedStyle, useSharedValue } from 'react-native-reanimated';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import { Portal } from 'react-native-teleport';
 
+import { measureInWindow } from '../../components/Message/utils/measureInWindow';
 import { useStableCallback } from '../../hooks';
 import {
   clearClosingPortalLayout,
@@ -124,20 +125,14 @@ const useSyncingApi = (portalHostName: string, registrationId: string) => {
       return;
     }
 
-    containerRef.current?.measureInWindow((x, y, width, height) => {
-      const absolute = {
-        x,
-        y: y + (Platform.OS === 'android' ? insets.top : 0),
-      };
-
-      placeholderLayout.value = { h: height, w: width };
-
-      setClosingPortalLayout(portalHostName, registrationId, {
-        ...absolute,
-        h: height,
-        w: width,
+    measureInWindow(containerRef, insets)
+      .then((rect) => {
+        placeholderLayout.value = { h: rect.h, w: rect.w };
+        setClosingPortalLayout(portalHostName, registrationId, rect);
+      })
+      .catch(() => {
+        // the container isn't measurable yet; the next layout/effect pass will retry
       });
-    });
   });
 
   useEffect(() => {

package/src/mock-builders/DB/mock.ts

@@ -8,6 +8,8 @@ const testDbName = `foobar-${process.env.JEST_WORKER_ID ?? '0'}.db`;
 export const sqliteMock = {
   open: () => {
     db = new Sqlite3(testDbName);
+    db.pragma('journal_mode = MEMORY');
+    db.pragma('synchronous = OFF');
     return {
       close: () => {
         db.close();

package/src/utils/__tests__/isRNVersionGreaterThanOrEqualTo.test.ts

@@ -0,0 +1,60 @@
+import { Platform } from 'react-native';
+
+import { isRNVersionGreaterThanOrEqualTo } from '../isRNVersionGreaterThanOrEqualTo';
+
+const setRNVersion = (version?: { major: number; minor: number; patch: number }) => {
+  Object.defineProperty(Platform, 'constants', {
+    configurable: true,
+    get: () => (version ? { reactNativeVersion: version } : {}),
+  });
+};
+
+describe('isRNVersionGreaterThanOrEqualTo', () => {
+  const originalConstants = Platform.constants;
+
+  afterEach(() => {
+    Object.defineProperty(Platform, 'constants', {
+      configurable: true,
+      get: () => originalConstants,
+    });
+  });
+
+  it('compares the major version first', () => {
+    setRNVersion({ major: 1, minor: 0, patch: 0 });
+    expect(isRNVersionGreaterThanOrEqualTo('0.99.99')).toBe(true);
+
+    setRNVersion({ major: 0, minor: 99, patch: 99 });
+    expect(isRNVersionGreaterThanOrEqualTo('1.0.0')).toBe(false);
+  });
+
+  it('compares the minor version when majors match', () => {
+    setRNVersion({ major: 0, minor: 86, patch: 0 });
+    expect(isRNVersionGreaterThanOrEqualTo('0.85.9')).toBe(true);
+    expect(isRNVersionGreaterThanOrEqualTo('0.87.0')).toBe(false);
+  });
+
+  it('takes the patch version into account when major and minor match', () => {
+    setRNVersion({ major: 0, minor: 86, patch: 2 });
+    expect(isRNVersionGreaterThanOrEqualTo('0.86.1')).toBe(true);
+    expect(isRNVersionGreaterThanOrEqualTo('0.86.2')).toBe(true);
+    expect(isRNVersionGreaterThanOrEqualTo('0.86.3')).toBe(false);
+  });
+
+  it('treats an exactly-equal version as satisfied', () => {
+    setRNVersion({ major: 0, minor: 86, patch: 1 });
+    expect(isRNVersionGreaterThanOrEqualTo('0.86.1')).toBe(true);
+  });
+
+  it('defaults omitted target parts to 0 (e.g. "0.86" means "0.86.0")', () => {
+    setRNVersion({ major: 0, minor: 86, patch: 0 });
+    expect(isRNVersionGreaterThanOrEqualTo('0.86')).toBe(true);
+
+    setRNVersion({ major: 0, minor: 86, patch: 1 });
+    expect(isRNVersionGreaterThanOrEqualTo('0.86')).toBe(true);
+  });
+
+  it('returns false when the RN version constant is unavailable', () => {
+    setRNVersion(undefined);
+    expect(isRNVersionGreaterThanOrEqualTo('0.86.0')).toBe(false);
+  });
+});

package/src/utils/isRNVersionGreaterThanOrEqualTo.ts

@@ -0,0 +1,27 @@
+import { Platform } from 'react-native';
+
+/**
+ * Returns `true` when the running React Native version is greater than or equal to `version`
+ * (a `'major.minor.patch'` string, e.g. `'0.86.0'`), comparing major, then minor, then patch.
+ *
+ * Falls back to `false` when the version is unavailable (e.g. react-native-web) — callers should
+ * treat that as "assume an older React Native".
+ */
+export const isRNVersionGreaterThanOrEqualTo = (version: string): boolean => {
+  const runtime = Platform.constants?.reactNativeVersion;
+  if (!runtime) {
+    return false;
+  }
+
+  const current = [runtime.major, runtime.minor, runtime.patch ?? 0];
+  const target = version.split('.').map((part) => parseInt(part, 10) || 0);
+
+  for (let i = 0; i < current.length; i++) {
+    const wanted = target[i] ?? 0;
+    if (current[i] !== wanted) {
+      return current[i] > wanted;
+    }
+  }
+
+  return true;
+};

package/src/utils/react-native-constants.ts

@@ -0,0 +1,10 @@
+import { isRNVersionGreaterThanOrEqualTo } from './isRNVersionGreaterThanOrEqualTo';
+
+/**
+ * React Native capability flags, resolved once at module load - the RN version is fixed for the
+ * lifetime of the app. Keeping version gates as named flags here makes them easy to mock in tests
+ * and easy to retire later: when the SDK's minimum supported React Native reaches a baseline, grep
+ * for the flag to find every gated code path and delete both the flag and the branches it guarded.
+ */
+
+export const isRN86OrGreater = isRNVersionGreaterThanOrEqualTo('0.86.0');

package/src/version.json

@@ -1,3 +1,3 @@
 {
-  "version": "9.7.0"
+  "version": "9.7.1-beta.2"
 }