stream-chat-react-native-core 9.3.0-beta.4 → 9.3.1-beta.1

package/src/components/MessageList/MessageFlashList.tsx

@@ -55,7 +55,7 @@ import { mergeThemes, useTheme } from '../../contexts/themeContext/ThemeContext'
 import { ThreadContextValue, useThreadContext } from '../../contexts/threadContext/ThreadContext';
 
 import { useStableCallback, useStateStore } from '../../hooks';
-import { bumpOverlayLayoutRevision } from '../../state-store';
+import { bumpOverlayLayoutRevision, useHasActiveId } from '../../state-store';
 import { MessageInputHeightState } from '../../state-store/message-input-height-store';
 import { primitives } from '../../theme';
 import { transitions } from '../../utils/animations/transitions';
@@ -400,13 +400,18 @@ const MessageFlashListWithContext = (props: MessageFlashListPropsWithContext) =>
     }
   }, [autoscrollToRecent, hasPendingInitialTargetLoad]);
 
+  // While the message overlay is open we suppress autoscroll-to-recent so that
+  // incoming messages do not shift visible content and invalidate the overlay's
+  // anchored geometry. Content anchoring (startRenderingFromBottom) stays on.
+  const isOverlayOpen = useHasActiveId();
+
   const maintainVisibleContentPosition = useMemo(() => {
     return {
       animateAutoscrollToBottom: true,
-      autoscrollToBottomThreshold: autoscrollToRecent ? 1 : undefined,
+      autoscrollToBottomThreshold: autoscrollToRecent && !isOverlayOpen ? 1 : undefined,
       startRenderingFromBottom: true,
     };
-  }, [autoscrollToRecent]);
+  }, [isOverlayOpen, autoscrollToRecent]);
 
   useEffect(() => {
     if (disabled) {

package/src/components/MessageList/MessageList.tsx

@@ -68,7 +68,7 @@ import { ThreadContextValue, useThreadContext } from '../../contexts/threadConte
 
 import { useStableCallback } from '../../hooks';
 import { useStateStore } from '../../hooks/useStateStore';
-import { bumpOverlayLayoutRevision } from '../../state-store';
+import { bumpOverlayLayoutRevision, useHasActiveId } from '../../state-store';
 import { MessageInputHeightState } from '../../state-store/message-input-height-store';
 import { primitives } from '../../theme';
 import { transitions } from '../../utils/animations/transitions';
@@ -440,7 +440,13 @@ const MessageListWithContext = (props: MessageListPropsWithContext) => {
 
   const minIndexForVisible = Math.min(1, processedMessageList.length);
 
-  const autoscrollToTopThreshold = autoscrollToRecent ? (isLiveStreaming ? 300 : 10) : undefined;
+  // While the message overlay is open we suppress autoscroll-to-recent so that
+  // incoming messages do not shift visible content and invalidate the overlay's
+  // anchored geometry. Content anchoring (minIndexForVisible) stays on.
+  const isOverlayOpen = useHasActiveId();
+
+  const autoscrollToTopThreshold =
+    autoscrollToRecent && !isOverlayOpen ? (isLiveStreaming ? 300 : 10) : undefined;
 
   const maintainVisibleContentPosition = useMemo(
     () => ({

package/src/components/Poll/Poll.tsx

@@ -74,11 +74,9 @@ export const PollContent = () => {
     <View style={[styles.container, container]}>
       <PollHeaderComponent />
       <View style={[styles.optionsWrapper, optionsWrapper]}>
-        {options
-          ?.slice(0, defaultPollOptionCount)
-          ?.map((option: PollOptionClass) => (
-            <PollOption key={`message_poll_option_${option.id}`} option={option} />
-          ))}
+        {options?.slice(0, defaultPollOptionCount)?.map((option: PollOptionClass) => (
+          <PollOption key={`message_poll_option_${option.id}`} option={option} />
+        ))}
         <ShowAllOptionsButton />
       </View>
       <PollButtonsComponent />

package/src/theme/generated/dark/StreamTokens.ts

@@ -0,0 +1,5 @@
+// Fallback for TS module resolution under `moduleResolution: bundler`.
+// Metro picks StreamTokens.{ios,android,web}.ts at bundle time via its own
+// platform-aware resolver; this barrel is only used when no platform variant
+// matches (e.g. type-checking the SDK against the default file).
+export * from './StreamTokens.web';

package/src/theme/generated/light/StreamTokens.ts

@@ -0,0 +1,5 @@
+// Fallback for TS module resolution under `moduleResolution: bundler`.
+// Metro picks StreamTokens.{ios,android,web}.ts at bundle time via its own
+// platform-aware resolver; this barrel is only used when no platform variant
+// matches (e.g. type-checking the SDK against the default file).
+export * from './StreamTokens.web';

package/src/utils/i18n/Streami18n.ts

@@ -6,7 +6,7 @@ import LocalizedFormat from 'dayjs/plugin/localizedFormat';
 import relativeTime from 'dayjs/plugin/relativeTime';
 import updateLocale from 'dayjs/plugin/updateLocale';
 import utc from 'dayjs/plugin/utc';
-import i18n, { FallbackLng, TFunction } from 'i18next';
+import i18n, { type i18n as I18nInstance, FallbackLng, TFunction } from 'i18next';
 
 import type momentTimezone from 'moment-timezone';
 
@@ -373,7 +373,7 @@ const defaultStreami18nOptions = {
 export const defaultTranslatorFunction = ((key: string) => key) as TFunction;
 
 export class Streami18n {
-  i18nInstance = i18n.createInstance();
+  i18nInstance: I18nInstance = i18n.createInstance();
   Dayjs = null;
   initialized = false;
   /* this promise is used to prevent simultaneous calls to init (happens in Overlay and Chat) */
@@ -622,7 +622,7 @@ export class Streami18n {
   };
 
   /** Returns an instance of i18next used within this class instance */
-  geti18Instance = () => this.i18nInstance;
+  geti18Instance = (): I18nInstance => this.i18nInstance;
 
   /** Returns list of available languages. */
   getAvailableLanguages = () => Object.keys(this.translations);

package/src/version.json

@@ -1,3 +1,3 @@
 {
-  "version": "9.3.0-beta.4"
+  "version": "9.3.1-beta.1"
 }