chore: add compatibility for RN 0.79

isekovanic · isekovanic · commit 269dd993eeb3 · 2025-06-11T18:20:53.000+02:00
diff --git a/package/babel.config.js b/package/babel.config.js
@@ -10,7 +10,7 @@ module.exports = (api) => {
         },
       ],
       plugins: ['module-resolver', 'react-native-reanimated/plugin'],
-      presets: ['@babel/env', 'module:@react-native/babel-preset', '@babel/preset-typescript'],
+      presets: ['module:@react-native/babel-preset'],
     };
   }
 
@@ -33,6 +33,6 @@ module.exports = (api) => {
       },
     ],
     plugins: ['module-resolver'],
-    presets: ['@babel/env', 'module:@react-native/babel-preset', '@babel/preset-typescript'],
+    presets: ['module:@react-native/babel-preset'],
   };
 };
diff --git a/package/package.json b/package/package.json
@@ -66,19 +66,19 @@
     ]
   },
   "dependencies": {
-    "@gorhom/bottom-sheet": "^5.1.1",
-    "dayjs": "1.10.5",
-    "emoji-regex": "^10.3.0",
-    "i18next": "^21.6.14",
+    "@gorhom/bottom-sheet": "^5.1.6",
+    "dayjs": "1.11.13",
+    "emoji-regex": "^10.4.0",
+    "i18next": "^21.10.0",
     "intl-pluralrules": "^2.0.1",
-    "linkifyjs": "^4.1.1",
+    "linkifyjs": "^4.3.1",
     "lodash-es": "4.17.21",
-    "mime-types": "^2.1.34",
+    "mime-types": "^2.1.35",
     "path": "0.12.7",
     "react-native-markdown-package": "1.8.2",
-    "react-native-url-polyfill": "^1.3.0",
-    "stream-chat": "^9.3.0",
-    "use-sync-external-store": "^1.4.0"
+    "react-native-url-polyfill": "^2.0.0",
+    "stream-chat": "^9.5.1",
+    "use-sync-external-store": "^1.5.0"
   },
   "peerDependencies": {
     "@op-engineering/op-sqlite": ">=9.3.0",
@@ -94,66 +94,57 @@
     }
   },
   "devDependencies": {
-    "@babel/cli": "^7.26.4",
-    "@babel/core": "^7.26.9",
-    "@babel/plugin-proposal-nullish-coalescing-operator": "^7.18.6",
-    "@babel/plugin-proposal-optional-chaining": "^7.21.0",
-    "@babel/plugin-transform-arrow-functions": "^7.25.9",
-    "@babel/plugin-transform-shorthand-properties": "^7.25.9",
-    "@babel/plugin-transform-template-literals": "^7.26.8",
-    "@babel/preset-env": "7.26.9",
-    "@babel/preset-typescript": "7.26.0",
-    "@babel/runtime": "^7.26.9",
-    "@op-engineering/op-sqlite": "^11.4.8",
+    "@babel/core": "^7.27.4",
+    "@babel/runtime": "^7.27.6",
+    "@op-engineering/op-sqlite": "^14.0.3",
     "@react-native-community/eslint-config": "3.2.0",
     "@react-native-community/eslint-plugin": "1.3.0",
     "@react-native-community/netinfo": "^11.4.1",
-    "@react-native/babel-preset": "0.78.0",
+    "@react-native/babel-preset": "0.79.3",
     "@testing-library/jest-native": "^5.4.3",
-    "@testing-library/react-native": "13.1.0",
-    "@types/better-sqlite3": "^7.6.12",
+    "@testing-library/react-native": "13.2.0",
+    "@types/better-sqlite3": "^7.6.13",
     "@types/eslint": "9.6.1",
     "@types/jest": "^29.5.14",
     "@types/linkify-it": "5.0.0",
     "@types/lodash": "4.17.16",
     "@types/mime-types": "2.1.4",
     "@types/react": "^19.0.0",
     "@types/react-test-renderer": "19.0.0",
-    "@types/use-sync-external-store": "^0.0.6",
+    "@types/use-sync-external-store": "^1.5.0",
     "@types/uuid": "^10.0.0",
     "babel-eslint": "10.1.0",
     "babel-jest": "29.7.0",
     "babel-loader": "10.0.0",
     "babel-plugin-module-resolver": "5.0.2",
-    "better-sqlite3": "11.8.1",
-    "eslint": "^9.20.1",
-    "eslint-config-prettier": "10.0.2",
+    "better-sqlite3": "11.10.0",
+    "eslint": "^9.28.0",
+    "eslint-config-prettier": "10.1.5",
     "eslint-plugin-eslint-comments": "^3.2.0",
     "eslint-plugin-import": "^2.31.0",
-    "eslint-plugin-jest": "^28.11.0",
+    "eslint-plugin-jest": "^28.13.3",
     "eslint-plugin-markdown": "5.1.0",
-    "eslint-plugin-prettier": "5.2.3",
-    "eslint-plugin-react": "^7.37.4",
+    "eslint-plugin-prettier": "5.4.1",
+    "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-react-hooks": "^5.2.0",
     "eslint-plugin-react-native": "^5.0.0",
     "i18next-parser": "^9.3.0",
-    "jest": "^29.7.0",
-    "moment-timezone": "^0.5.47",
+    "jest": "^30.0.0",
+    "moment-timezone": "^0.6.0",
     "prettier": "^3.5.3",
     "react": "19.0.0",
-    "react-native": "0.78.0",
-    "react-native-builder-bob": "0.37.0",
-    "react-native-gesture-handler": "~2.24.0",
-    "react-native-reanimated": "~3.17.1",
-    "react-native-svg": "15.11.2",
+    "react-native": "0.79.3",
+    "react-native-builder-bob": "0.40.11",
+    "react-native-gesture-handler": "^2.25.0",
+    "react-native-reanimated": "3.18.0",
+    "react-native-svg": "15.12.0",
     "react-test-renderer": "19.0.0",
     "rimraf": "^6.0.1",
-    "typescript": "5.8.2",
-    "typescript-eslint": "^8.29.0",
+    "typescript": "5.8.3",
+    "typescript-eslint": "^8.34.0",
     "uuid": "^11.1.0"
   },
   "resolutions": {
-    "@types/react": "^19.0.0",
-    "@babel/runtime": "^7.26.9"
+    "@types/react": "^19.0.0"
   }
 }
diff --git a/package/src/components/ImageGallery/__tests__/ImageGallery.test.tsx b/package/src/components/ImageGallery/__tests__/ImageGallery.test.tsx
@@ -23,7 +23,7 @@ import { generateMessage } from '../../../mock-builders/generator/message';
 import { ImageGallery } from '../ImageGallery';
 
 jest.mock('../../../native.ts', () => {
-  const View = require('react-native/Libraries/Components/View/View');
+  const { View } = require('react-native');
   return {
     isFileSystemAvailable: jest.fn(() => true),
     isImageMediaLibraryAvailable: jest.fn(() => true),
diff --git a/package/src/components/ImageGallery/__tests__/ImageGalleryFooter.test.tsx b/package/src/components/ImageGallery/__tests__/ImageGalleryFooter.test.tsx
@@ -25,7 +25,7 @@ import { NativeHandlers } from '../../../native';
 import { ImageGallery, ImageGalleryCustomComponents } from '../ImageGallery';
 
 jest.mock('../../../native.ts', () => {
-  const View = require('react-native/Libraries/Components/View/View');
+  const { View } = require('react-native');
   return {
     isFileSystemAvailable: jest.fn(() => true),
     isImageMediaLibraryAvailable: jest.fn(() => true),
diff --git a/package/src/components/ImageGallery/__tests__/ImageGalleryHeader.test.tsx b/package/src/components/ImageGallery/__tests__/ImageGalleryHeader.test.tsx
@@ -29,7 +29,7 @@ import { getTestClientWithUser } from '../../../mock-builders/mock';
 import { ImageGallery, ImageGalleryCustomComponents } from '../ImageGallery';
 
 jest.mock('../../../native.ts', () => {
-  const View = require('react-native/Libraries/Components/View/View');
+  const { View } = require('react-native');
   return {
     isFileSystemAvailable: jest.fn(() => true),
     isImageMediaLibraryAvailable: jest.fn(() => true),
diff --git a/package/src/components/MessageInput/__tests__/AudioAttachmentUploadPreviewExpo.test.tsx b/package/src/components/MessageInput/__tests__/AudioAttachmentUploadPreviewExpo.test.tsx
@@ -17,16 +17,15 @@ import { AudioAttachment, AudioAttachmentProps } from '../../Attachment/AudioAtt
 
 jest.mock('../../../native.ts', () => ({
   isSoundPackageAvailable: jest.fn(() => true),
-  Sound: {
-    initializeSound: jest.fn(),
-    Player: null,
+  NativeHandlers: {
+    SDK: 'stream-chat-expo',
+    Sound: {
+      initializeSound: jest.fn(),
+      Player: null,
+    },
   },
 }));
 
-jest.mock('react-native/Libraries/ReactNative/I18nManager', () => ({
-  isRTL: true,
-}));
-
 const getComponent = (
   props: Partial<AudioAttachmentProps & Pick<MessageInputContextValue, 'fileUploads'>>,
 ) => (
diff --git a/package/src/components/MessageInput/__tests__/FileUploadPreview.test.js b/package/src/components/MessageInput/__tests__/FileUploadPreview.test.js
@@ -26,7 +26,7 @@ function MockedFlatList(props) {
 }
 
 jest.mock('../../../native.ts', () => {
-  const View = require('react-native/Libraries/Components/View/View');
+  const { View } = require('react-native');
 
   return {
     isAudioRecorderAvailable: jest.fn(() => true),
diff --git a/package/src/components/MessageInput/components/AudioRecorder/AudioRecordingLockIndicator.tsx b/package/src/components/MessageInput/components/AudioRecorder/AudioRecordingLockIndicator.tsx
@@ -31,7 +31,7 @@ export const AudioRecordingLockIndicator = ({
   style,
 }: AudioRecordingLockIndicatorProps) => {
   const [visible, setVisible] = useState(true);
-  const timeoutRef = useRef<NodeJS.Timeout>(undefined);
+  const timeoutRef = useRef<number>(undefined);
 
   useEffect(() => {
     timeoutRef.current = setTimeout(() => {
diff --git a/package/src/components/Poll/CreatePollContent.tsx b/package/src/components/Poll/CreatePollContent.tsx
@@ -250,7 +250,7 @@ export const CreatePoll = ({
   const createAndSendPoll = useCallback(
     async (pollData: CreatePollData) => {
       const poll = await client.polls.createPoll(pollData);
-      await sendMessage({ customMessageData: { poll_id: poll.id } });
+      await sendMessage({ customMessageData: { poll_id: poll?.id } });
       closePollCreationDialog?.();
     },
     [client, sendMessage, closePollCreationDialog],
diff --git a/package/yarn.lock b/package/yarn.lock

Original file line number	Diff line number	Diff line change
`@@ -26,7 +26,7 @@ function MockedFlatList(props) {`
`26`	`26`	`}`
`27`	`27`
`28`	`28`	`jest.mock('../../../native.ts', () => {`
`29`		`- const View = require('react-native/Libraries/Components/View/View');`
	`29`	`+ const { View } = require('react-native');`
`30`	`30`
`31`	`31`	`return {`
`32`	`32`	`isAudioRecorderAvailable: jest.fn(() => true),`