stream-chat-react-native-core 9.0.0-beta.27 → 9.0.0-beta.29

package/src/contexts/bottomSheetContext/BottomSheetContext.tsx

@@ -8,6 +8,7 @@ import { isTestEnvironment } from '../utils/isTestEnvironment';
 export type BottomSheetContextValue = {
   close: (closeAnimationFinishedCallback?: () => void) => void;
   currentSnapIndex: SharedValue<number>;
+  topSnapIndex: SharedValue<number>;
 };
 
 export const BottomSheetContext = React.createContext(

package/src/contexts/messageComposerContext/MessageComposerContext.tsx

@@ -8,7 +8,7 @@ import {
 } from './MessageComposerAPIContext';
 
 import { ChannelProps } from '../../components';
-import { useStableCallback } from '../../hooks';
+import { useStableCallback } from '../../hooks/useStableCallback';
 import { useCreateMessageComposer } from '../messageInputContext/hooks/useCreateMessageComposer';
 import { ThreadContextValue } from '../threadContext/ThreadContext';
 import { DEFAULT_BASE_CONTEXT_VALUE } from '../utils/defaultBaseContextValue';

package/src/contexts/messageContext/MessageContext.tsx

@@ -4,7 +4,7 @@ import type { View } from 'react-native';
 import type { Attachment, LocalMessage } from 'stream-chat';
 
 import type { ActionHandler } from '../../components/Attachment/Attachment';
-import { ReactionSummary } from '../../components/Message/hooks/useProcessReactions';
+import type { ReactionSummary } from '../../components/Message/hooks/useProcessReactions';
 import type {
   MessagePressableHandlerPayload,
   PressableHandlerPayload,
@@ -15,7 +15,7 @@ import type { MessageContentType } from '../../contexts/messagesContext/Messages
 import type { DeepPartial } from '../../contexts/themeContext/ThemeContext';
 import type { Theme } from '../../contexts/themeContext/utils/theme';
 
-import { MessageComposerAPIContextValue } from '../messageComposerContext/MessageComposerAPIContext';
+import type { MessageComposerAPIContextValue } from '../messageComposerContext/MessageComposerAPIContext';
 import { DEFAULT_BASE_CONTEXT_VALUE } from '../utils/defaultBaseContextValue';
 
 export type Alignment = 'right' | 'left';
@@ -40,6 +40,8 @@ export type MessageContextValue = {
   groupStyles: GroupType[];
   /** Handler for actions. Actions in combination with attachments can be used to build [commands](https://getstream.io/chat/docs/#channel_commands). */
   handleAction: ActionHandler;
+  /** Whether or not any message attachment exposes actions. */
+  hasAttachmentActions: boolean;
   handleToggleReaction: (reactionType: string) => Promise<void>;
   /** Whether or not message has reactions */
   hasReactions: boolean;

package/src/contexts/overlayContext/ClosingPortalHostsLayer.tsx

@@ -36,7 +36,7 @@ const ClosingPortalHostSlot = ({
       style={style}
       testID={`closing-portal-host-slot-${hostName}`}
     >
-      <PortalHost name={hostName} style={StyleSheet.absoluteFillObject} />
+      <PortalHost name={hostName} style={styles.absoluteFill} />
     </Animated.View>
   );
 };
@@ -76,3 +76,13 @@ export const ClosingPortalHostsLayer = ({ closeCoverOpacity }: ClosingPortalHost
     </>
   );
 };
+
+const styles = StyleSheet.create({
+  absoluteFill: {
+    bottom: 0,
+    left: 0,
+    position: 'absolute',
+    right: 0,
+    top: 0,
+  },
+});

package/src/contexts/overlayContext/MessageOverlayHostLayer.tsx

@@ -39,11 +39,11 @@ const DefaultMessageOverlayBackground = () => {
   } = useTheme();
 
   return (
-    <View pointerEvents='none' style={StyleSheet.absoluteFillObject}>
+    <View pointerEvents='none' style={StyleSheet.absoluteFill}>
       <View
         pointerEvents='none'
         style={[
-          StyleSheet.absoluteFillObject,
+          StyleSheet.absoluteFill,
           {
             backgroundColor: semantics.badgeBgOverlay,
           },
@@ -320,10 +320,7 @@ export const MessageOverlayHostLayer = ({ BackgroundComponent }: MessageOverlayH
     <GestureDetector gesture={tap}>
       <View pointerEvents='box-none' style={StyleSheet.absoluteFill}>
         {isActive ? (
-          <Animated.View
-            pointerEvents='none'
-            style={[StyleSheet.absoluteFillObject, backdropStyle]}
-          >
+          <Animated.View pointerEvents='none' style={[StyleSheet.absoluteFill, backdropStyle]}>
             <OverlayBackground />
           </Animated.View>
         ) : null}
@@ -332,13 +329,13 @@ export const MessageOverlayHostLayer = ({ BackgroundComponent }: MessageOverlayH
           {isActive ? (
             <Pressable
               onPress={closeOverlay}
-              style={StyleSheet.absoluteFillObject}
+              style={StyleSheet.absoluteFill}
               testID='message-overlay-backdrop'
             />
           ) : null}
 
           <Animated.View style={[topItemStyle, topItemTranslateStyle]} testID='message-overlay-top'>
-            <PortalHost name='top-item' style={StyleSheet.absoluteFillObject} />
+            <PortalHost name='top-item' style={styles.absoluteFill} />
           </Animated.View>
 
           <Animated.View
@@ -346,14 +343,14 @@ export const MessageOverlayHostLayer = ({ BackgroundComponent }: MessageOverlayH
             style={hostStyle}
             testID='message-overlay-message'
           >
-            <PortalHost name='message-overlay' style={StyleSheet.absoluteFillObject} />
+            <PortalHost name='message-overlay' style={styles.absoluteFill} />
           </Animated.View>
 
           <Animated.View
             style={[bottomItemStyle, bottomItemTranslateStyle]}
             testID='message-overlay-bottom'
           >
-            <PortalHost name='bottom-item' style={StyleSheet.absoluteFillObject} />
+            <PortalHost name='bottom-item' style={styles.absoluteFill} />
           </Animated.View>
         </View>
 
@@ -362,3 +359,13 @@ export const MessageOverlayHostLayer = ({ BackgroundComponent }: MessageOverlayH
     </GestureDetector>
   );
 };
+
+const styles = StyleSheet.create({
+  absoluteFill: {
+    bottom: 0,
+    left: 0,
+    position: 'absolute',
+    right: 0,
+    top: 0,
+  },
+});

package/src/hooks/messagePreview/useMessagePreviewText.tsx

@@ -35,7 +35,6 @@ export const useMessagePreviewText = ({
   const onlyAudio = audios?.length === attachmentsLength;
   const onlyVoiceRecordings =
     voiceRecordings?.length && voiceRecordings?.length === attachmentsLength;
-
   if (message?.type === 'deleted') {
     return 'Message deleted';
   }
@@ -55,8 +54,12 @@ export const useMessagePreviewText = ({
     return 'Location';
   }
 
+  if (giphys?.length) {
+    return 'Giphy';
+  }
+
   if (message?.text) {
-    return message?.text;
+    return message.text;
   }
 
   if (onlyImages) {
@@ -91,10 +94,6 @@ export const useMessagePreviewText = ({
     }
   }
 
-  if (giphys?.length) {
-    return 'Giphy';
-  }
-
   if (onlyFiles && files?.length === 1) {
     return files?.[0]?.title;
   }

package/src/version.json

@@ -1,3 +1,3 @@
 {
-  "version": "9.0.0-beta.27"
+  "version": "9.0.0-beta.29"
 }

package/bin/patch-bottom-sheet-5.1.8-pr-2561.js

@@ -1,246 +0,0 @@
-#!/usr/bin/env node
-
-const fs = require('fs');
-const path = require('path');
-
-const TARGET_VERSION_RANGE = {
-  maxExclusive: '5.2.7',
-  minInclusive: '5.1.8',
-};
-
-const FILE_PATCHES = {
-  'src/hooks/useBoundingClientRect.ts': {
-    from: `    // @ts-ignore 👉 https://github.com/facebook/react/commit/53b1f69ba
-    if (ref.current.unstable_getBoundingClientRect !== null) {
-      // @ts-ignore https://github.com/facebook/react/commit/53b1f69ba
-      const layout = ref.current.unstable_getBoundingClientRect();
-      handler(layout);
-      return;
-    }
-
-    // @ts-ignore once it \`unstable_getBoundingClientRect\` gets stable 🤞.
-    if (ref.current.getBoundingClientRect !== null) {
-      // @ts-ignore once it \`unstable_getBoundingClientRect\` gets stable.
-      const layout = ref.current.getBoundingClientRect();
-      handler(layout);
-    }`,
-    to: `    if (
-      // @ts-ignore 👉 https://github.com/facebook/react/commit/53b1f69ba
-      ref.current.unstable_getBoundingClientRect !== null &&
-      // @ts-ignore 👉 https://github.com/facebook/react/commit/53b1f69ba
-      typeof ref.current.unstable_getBoundingClientRect === 'function'
-    ) {
-      // @ts-ignore https://github.com/facebook/react/commit/53b1f69ba
-      const layout = ref.current.unstable_getBoundingClientRect();
-      handler(layout);
-      return;
-    }
-
-    if (
-      // @ts-ignore once it \`unstable_getBoundingClientRect\` gets stable.
-      ref.current.getBoundingClientRect !== null &&
-      // @ts-ignore once it \`unstable_getBoundingClientRect\` gets stable.
-      typeof ref.current.getBoundingClientRect === 'function'
-    ) {
-      // @ts-ignore once it \`unstable_getBoundingClientRect\` gets stable.
-      const layout = ref.current.getBoundingClientRect();
-      handler(layout);
-    }`,
-  },
-  'lib/module/hooks/useBoundingClientRect.js': {
-    from: `    // @ts-ignore 👉 https://github.com/facebook/react/commit/53b1f69ba
-    if (ref.current.unstable_getBoundingClientRect !== null) {
-      // @ts-ignore https://github.com/facebook/react/commit/53b1f69ba
-      const layout = ref.current.unstable_getBoundingClientRect();
-      handler(layout);
-      return;
-    }
-
-    // @ts-ignore once it \`unstable_getBoundingClientRect\` gets stable 🤞.
-    if (ref.current.getBoundingClientRect !== null) {
-      // @ts-ignore once it \`unstable_getBoundingClientRect\` gets stable.
-      const layout = ref.current.getBoundingClientRect();
-      handler(layout);
-    }`,
-    to: `    if (
-    // @ts-ignore 👉 https://github.com/facebook/react/commit/53b1f69ba
-    ref.current.unstable_getBoundingClientRect !== null &&
-    // @ts-ignore 👉 https://github.com/facebook/react/commit/53b1f69ba
-    typeof ref.current.unstable_getBoundingClientRect === 'function') {
-      // @ts-ignore https://github.com/facebook/react/commit/53b1f69ba
-      const layout = ref.current.unstable_getBoundingClientRect();
-      handler(layout);
-      return;
-    }
-
-    if (
-    // @ts-ignore once it \`unstable_getBoundingClientRect\` gets stable 🤞.
-    ref.current.getBoundingClientRect !== null &&
-    // @ts-ignore once it \`unstable_getBoundingClientRect\` gets stable.
-    typeof ref.current.getBoundingClientRect === 'function') {
-      // @ts-ignore once it \`unstable_getBoundingClientRect\` gets stable.
-      const layout = ref.current.getBoundingClientRect();
-      handler(layout);
-    }`,
-  },
-  'lib/commonjs/hooks/useBoundingClientRect.js': {
-    from: `    // @ts-ignore 👉 https://github.com/facebook/react/commit/53b1f69ba
-    if (ref.current.unstable_getBoundingClientRect !== null) {
-      // @ts-ignore https://github.com/facebook/react/commit/53b1f69ba
-      const layout = ref.current.unstable_getBoundingClientRect();
-      handler(layout);
-      return;
-    }
-
-    // @ts-ignore once it \`unstable_getBoundingClientRect\` gets stable 🤞.
-    if (ref.current.getBoundingClientRect !== null) {
-      // @ts-ignore once it \`unstable_getBoundingClientRect\` gets stable.
-      const layout = ref.current.getBoundingClientRect();
-      handler(layout);
-    }`,
-    to: `    if (
-    // @ts-ignore 👉 https://github.com/facebook/react/commit/53b1f69ba
-    ref.current.unstable_getBoundingClientRect !== null &&
-    // @ts-ignore 👉 https://github.com/facebook/react/commit/53b1f69ba
-    typeof ref.current.unstable_getBoundingClientRect === 'function') {
-      // @ts-ignore https://github.com/facebook/react/commit/53b1f69ba
-      var layout = ref.current.unstable_getBoundingClientRect();
-      handler(layout);
-      return;
-    }
-
-    if (
-    // @ts-ignore once it \`unstable_getBoundingClientRect\` gets stable 🤞.
-    ref.current.getBoundingClientRect !== null &&
-    // @ts-ignore once it \`unstable_getBoundingClientRect\` gets stable.
-    typeof ref.current.getBoundingClientRect === 'function') {
-      // @ts-ignore once it \`unstable_getBoundingClientRect\` gets stable.
-      var _layout = ref.current.getBoundingClientRect();
-      handler(_layout);
-    }`,
-  },
-};
-
-function resolveBottomSheetPackageDirectory() {
-  try {
-    return path.dirname(require.resolve('@gorhom/bottom-sheet/package.json'));
-  } catch {
-    return undefined;
-  }
-}
-
-function readInstalledVersion(bottomSheetPackageDirectory) {
-  const packageJsonPath = path.join(bottomSheetPackageDirectory, 'package.json');
-  const packageJson = JSON.parse(fs.readFileSync(packageJsonPath, 'utf8'));
-
-  return packageJson.version;
-}
-
-function parseVersion(version) {
-  const [major = '0', minor = '0', patchWithSuffix = '0'] = version.split('.');
-  const patch = patchWithSuffix.split('-')[0];
-
-  return [major, minor, patch].map((part) => Number.parseInt(part, 10));
-}
-
-function compareVersions(left, right) {
-  const leftParts = parseVersion(left);
-  const rightParts = parseVersion(right);
-
-  for (let index = 0; index < 3; index += 1) {
-    if (leftParts[index] > rightParts[index]) {
-      return 1;
-    }
-
-    if (leftParts[index] < rightParts[index]) {
-      return -1;
-    }
-  }
-
-  return 0;
-}
-
-function shouldPatchVersion(version) {
-  return (
-    compareVersions(version, TARGET_VERSION_RANGE.minInclusive) >= 0 &&
-    compareVersions(version, TARGET_VERSION_RANGE.maxExclusive) < 0
-  );
-}
-
-function patchFile(relativeFilePath, originalContents) {
-  const patch = FILE_PATCHES[relativeFilePath];
-
-  if (!patch) {
-    return {
-      changed: false,
-      contents: originalContents,
-    };
-  }
-
-  const nextContents = originalContents.replace(patch.from, patch.to);
-
-  return {
-    changed: nextContents !== originalContents,
-    contents: nextContents,
-  };
-}
-
-function patchBottomSheet(bottomSheetPackageDirectory) {
-  const installedVersion = readInstalledVersion(bottomSheetPackageDirectory);
-
-  if (!shouldPatchVersion(installedVersion)) {
-    return { changedFilesCount: 0, installedVersion, skipped: true };
-  }
-
-  let changedFilesCount = 0;
-
-  for (const relativeFilePath of Object.keys(FILE_PATCHES)) {
-    const absoluteFilePath = path.join(bottomSheetPackageDirectory, relativeFilePath);
-
-    if (!fs.existsSync(absoluteFilePath)) {
-      continue;
-    }
-
-    const originalContents = fs.readFileSync(absoluteFilePath, 'utf8');
-    const { changed, contents } = patchFile(relativeFilePath, originalContents);
-
-    if (!changed) {
-      continue;
-    }
-
-    fs.writeFileSync(absoluteFilePath, contents);
-    changedFilesCount += 1;
-  }
-
-  return { changedFilesCount, installedVersion, skipped: false };
-}
-
-function run() {
-  const bottomSheetPackageDirectory = resolveBottomSheetPackageDirectory();
-
-  if (!bottomSheetPackageDirectory) {
-    return;
-  }
-
-  const result = patchBottomSheet(bottomSheetPackageDirectory);
-
-  if (result.skipped || result.changedFilesCount === 0) {
-    return;
-  }
-
-  console.log(
-    `[stream-chat-react-native-core] Applied gorhom/react-native-bottom-sheet PR #2561 patch to @gorhom/bottom-sheet@${result.installedVersion}.`,
-  );
-}
-
-if (require.main === module) {
-  run();
-}
-
-module.exports = {
-  FILE_PATCHES,
-  patchFile,
-  run,
-  shouldPatchVersion,
-  TARGET_VERSION_RANGE,
-};