chore: Merge 4.62.0 into master (#6468)

Author: diegolmello

.detoxrc.js

@@ -10,7 +10,7 @@ module.exports = {
 	artifacts: {
 		plugins: {
 			screenshot: 'failing',
-			video: 'failing',
+			video: 'all',
 			uiHierarchy: process.env.CI ? undefined : 'enabled'
 		}
 	},

.github/workflows/lint-testunit.yml

@@ -0,0 +1,44 @@
+name: Lint and Unit Tests
+
+on:
+  pull_request:
+    branches:
+      - '*'
+
+concurrency:
+  group: ${{ github.workflow }}-${{ github.ref }}
+  cancel-in-progress: true
+
+jobs:
+  lint-testunit:
+    if: ${{ github.repository == 'RocketChat/Rocket.Chat.ReactNative' }}
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v4
+        with:
+          fetch-depth: 0
+          
+      - name: Set up Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: 'lts/*'
+          cache: 'yarn'
+
+      - name: Cache node_modules
+        uses: actions/cache@v4
+        with:
+          path: node_modules
+          key: ${{ runner.os }}-node-modules-${{ hashFiles('**/yarn.lock') }}
+          restore-keys: |
+            ${{ runner.os }}-node-modules-${{ hashFiles('**/yarn.lock') }}
+      
+      - name: Install dependencies
+        run: yarn install --frozen-lockfile
+
+      - name: Run ESLint
+        run: yarn lint
+
+      - name: Run Tests
+        run: yarn test --runInBand

.github/workflows/prettier.yml

@@ -52,7 +52,7 @@ jobs:
           fi
       
       - name: Commit and push changes
-        if: env.changes == 'true'
+        if: steps.check_changes.outputs.changes == 'true'
         run: |
           git config user.name "${{ github.actor }}"
           git config user.email "${{ github.actor }}@users.noreply.github.com"

.gitignore

@@ -52,6 +52,7 @@ local.properties
 *.keystore
 *.jks
 !debug.keystore
+.kotlin/
 
 # node.js
 #

.rnstorybook/generateSnapshots.tsx

@@ -0,0 +1,22 @@
+import React from 'react';
+import { composeStories } from '@storybook/react';
+import { render } from '@testing-library/react-native';
+import preview from './preview';
+import { mockedStore } from '../app/reducers/mockedStore';
+import { initStore } from '../app/lib/store/auxStore';
+
+initStore(mockedStore);
+
+export function generateSnapshots(stories: any) {
+	describe('Story Snapshots:', () => {
+		const composedStories = composeStories(stories, {
+			decorators: preview.decorators
+		});
+		Object.entries(composedStories).forEach(([name, story]) => {
+			test(`${name} should match snapshot`, () => {
+				const rendered = render(React.createElement(story as React.ComponentType));
+				expect(rendered.toJSON()).toMatchSnapshot();
+			});
+		});
+	});
+}

.storybook/index.ts .rnstorybook/index.ts.storybook/index.ts renamed to .rnstorybook/index.ts

@@ -3,10 +3,10 @@ import { view } from './storybook.requires';
 import RNBootSplash from 'react-native-bootsplash';
 
 const StorybookUIRoot = view.getStorybookUI({
-  storage: {
-    getItem: AsyncStorage.getItem,
-    setItem: AsyncStorage.setItem,
-  },
+	storage: {
+		getItem: AsyncStorage.getItem,
+		setItem: AsyncStorage.setItem
+	}
 });
 
 RNBootSplash.hide();

.storybook/main.ts .rnstorybook/main.ts.storybook/main.ts renamed to .rnstorybook/main.ts

@@ -1,8 +1,8 @@
 import { StorybookConfig } from '@storybook/react-native';
 
 const main: StorybookConfig = {
-  stories: ['../app/**/*.stories.?(ts|tsx|js|jsx)'],
-  addons: [],
+	stories: ['../app/**/*.stories.?(ts|tsx|js|jsx)'],
+	addons: []
 };
 
 export default main;

.rnstorybook/preview.tsx

@@ -0,0 +1,45 @@
+import React from 'react';
+import type { Preview } from '@storybook/react';
+import { Provider } from 'react-redux';
+import { GestureHandlerRootView } from 'react-native-gesture-handler';
+
+import { themes } from '../app/lib/constants';
+import MessageContext from '../app/containers/message/Context';
+import { selectServerRequest } from '../app/actions/server';
+import { mockedStore as store } from '../app/reducers/mockedStore';
+import { setUser } from '../app/actions/login';
+
+const baseUrl = 'https://open.rocket.chat';
+store.dispatch(selectServerRequest(baseUrl, '7.0.0'));
+store.dispatch(setUser({ id: 'abc', username: 'rocket.cat', name: 'Rocket Cat' }));
+
+const preview: Preview = {
+	decorators: [
+		Story => (
+			<Provider store={store}>
+				<MessageContext.Provider
+					value={{
+						user: {
+							id: 'y8bd77ptZswPj3EW8',
+							username: 'diego.mello',
+							token: 'abc'
+						},
+						baseUrl,
+						onPress: () => {},
+						onLongPress: () => {},
+						reactionInit: () => {},
+						onErrorPress: () => {},
+						replyBroadcast: () => {},
+						onReactionPress: () => {},
+						onDiscussionPress: () => {},
+						onReactionLongPress: () => {},
+						threadBadgeColor: themes.light.badgeBackgroundLevel1
+					}}>
+					<Story />
+				</MessageContext.Provider>
+			</Provider>
+		)
+	]
+};
+
+export default preview;

.rnstorybook/storybook.requires.ts

@@ -0,0 +1,40 @@
+/* do not change this file, it is auto generated by storybook. */
+import { start, updateView, View } from '@storybook/react-native';
+
+const normalizedStories = [
+	{
+		titlePrefix: '',
+		directory: './app',
+		files: '**/*.stories.?(ts|tsx|js|jsx)',
+		importPathMatcher: /^\.(?:(?:^|\/|(?:(?:(?!(?:^|\/)\.).)*?)\/)(?!\.)(?=.)[^/]*?\.stories\.(?:ts|tsx|js|jsx)?)$/,
+		// @ts-ignore
+		req: require.context(
+			'../app',
+			true,
+			/^\.(?:(?:^|\/|(?:(?:(?!(?:^|\/)\.).)*?)\/)(?!\.)(?=.)[^/]*?\.stories\.(?:ts|tsx|js|jsx)?)$/
+		)
+	}
+];
+
+declare global {
+	var view: View;
+	var STORIES: typeof normalizedStories;
+}
+
+const annotations = [require('./preview'), require('@storybook/react-native/preview')];
+
+global.STORIES = normalizedStories;
+
+// @ts-ignore
+module?.hot?.accept?.();
+
+if (!global.view) {
+	global.view = start({
+		annotations,
+		storyEntries: normalizedStories
+	});
+} else {
+	updateView(global.view, annotations, normalizedStories);
+}
+
+export const view: View = global.view;