stream-chat-react-native-core 4.9.0-beta.4 → 4.10.0

package/src/hooks/useTranslatedMessage.ts

@@ -0,0 +1,30 @@
+import type { FormatMessageResponse, MessageResponse, TranslationLanguages } from 'stream-chat';
+
+import { useMessageOverlayContext } from '../contexts/messageOverlayContext/MessageOverlayContext';
+import { useTranslationContext } from '../contexts/translationContext/TranslationContext';
+import type { DefaultStreamChatGenerics } from '../types/types';
+
+type TranslationKey = `${TranslationLanguages}_text`;
+
+export const useTranslatedMessage = <
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
+>(
+  message: MessageResponse<StreamChatGenerics> | FormatMessageResponse<StreamChatGenerics>,
+) => {
+  const { userLanguage: translationContextUserLanguage } = useTranslationContext();
+  const messageOverlayContextValue = useMessageOverlayContext<StreamChatGenerics>();
+
+  const userLanguage =
+    messageOverlayContextValue.data?.userLanguage || translationContextUserLanguage;
+
+  const translationKey: TranslationKey = `${userLanguage}_text`;
+
+  if (message.i18n && translationKey in message.i18n) {
+    return {
+      ...message,
+      text: message.i18n[translationKey],
+    };
+  }
+
+  return { ...message };
+};

package/src/mock-builders/api/{getOrCreateChannel.js → getOrCreateChannel.ts}

@@ -1,5 +1,12 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
 import { mockedApiResponse } from './utils';
 
+export type GetOrCreateChannelApiParams = {
+  channel?: Record<string, any>;
+  members?: Record<string, any>[];
+  messages?: Record<string, any>[];
+};
+
 /**
  * Returns the api response for queryChannel api.
  *
@@ -8,7 +15,7 @@ import { mockedApiResponse } from './utils';
  * @param {*} channel
  */
 export const getOrCreateChannelApi = (
-  channel = {
+  channel: GetOrCreateChannelApiParams = {
     channel: {},
     members: [],
     messages: [],

package/src/mock-builders/generator/{channel.js → channel.ts}

@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
 import { v4 as uuidv4 } from 'uuid';
 
 import { generateUser, getUserDefaults } from './user';
@@ -53,7 +54,9 @@ const defaultState = {
   setIsUpToDate: jest.fn(),
 };
 
-const getChannelDefaults = ({ id, type } = { id: uuidv4(), type: 'messaging' }) => ({
+const getChannelDefaults = (
+  { id, type }: { [key: string]: any } = { id: uuidv4(), type: 'messaging' },
+) => ({
   _client: {},
   data: {
     cid: `${type}:${id}`,
@@ -75,22 +78,28 @@ const getChannelDefaults = ({ id, type } = { id: uuidv4(), type: 'messaging' })
   type,
 });
 
-export const generateChannel = (customValues) =>
+export const generateChannel = (customValues: { [key: string]: any }) =>
   Object.keys(customValues).reduce((accumulated, current) => {
-    if (Object.prototype.hasOwnProperty.call(accumulated, current)) {
-      accumulated[current] =
-        typeof accumulated[current] === 'object'
-          ? { ...accumulated[current], ...customValues[current] }
-          : (accumulated[current] = customValues[current]);
+    if (current in accumulated) {
+      const key = current as keyof typeof accumulated;
+      accumulated[key] =
+        typeof accumulated[key] === 'object'
+          ? { ...accumulated[key], ...customValues[key] }
+          : (accumulated[key] = customValues[key]);
       return accumulated;
     }
     return { ...accumulated, [current]: customValues[current] };
   }, getChannelDefaults());
 
 export const generateChannelResponse = (
-  customValues = { channel: {}, id: uuidv4(), type: 'messaging' },
+  customValues: {
+    channel?: Record<string, any>;
+    id?: string;
+    messages?: Record<string, any>[];
+    type?: string;
+  } = { channel: {}, id: uuidv4(), messages: [], type: 'messaging' },
 ) => {
-  const { id = uuidv4(), type = 'messaging', channel = {}, ...rest } = customValues;
+  const { id = uuidv4(), messages = [], type = 'messaging', channel = {}, ...rest } = customValues;
 
   const defaults = getChannelDefaults();
   return {
@@ -105,7 +114,7 @@ export const generateChannelResponse = (
       },
     },
     members: [],
-    messages: [],
+    messages,
     ...rest,
   };
 };

package/src/version.json

@@ -1,3 +1,3 @@
 {
-  "version": "4.9.0-beta.4"
+  "version": "4.10.0"
 }

package/src/components/Message/MessageSimple/__tests__/MessageTextContainer.test.js

@@ -1,65 +0,0 @@
-import React from 'react';
-import { Text } from 'react-native';
-
-import { cleanup, render, waitFor } from '@testing-library/react-native';
-
-import { ThemeProvider } from '../../../../contexts/themeContext/ThemeContext';
-import { defaultTheme } from '../../../../contexts/themeContext/utils/theme';
-import {
-  generateMessage,
-  generateStaticMessage,
-} from '../../../../mock-builders/generator/message';
-import { generateStaticUser } from '../../../../mock-builders/generator/user';
-import { MessageTextContainer } from '../MessageTextContainer';
-
-afterEach(cleanup);
-
-describe('MessageTextContainer', () => {
-  it('should render message text container', async () => {
-    const staticUser = generateStaticUser(1);
-    const message = generateMessage({
-      user: { ...staticUser, image: undefined },
-    });
-    const { getByTestId, getByText, rerender, toJSON } = render(
-      <ThemeProvider style={defaultTheme}>
-        <MessageTextContainer alignment='right' groupStyles={['top']} message={message} />
-      </ThemeProvider>,
-    );
-
-    await waitFor(() => {
-      expect(getByTestId('message-text-container')).toBeTruthy();
-      expect(getByText(message.text)).toBeTruthy();
-    });
-
-    rerender(
-      <ThemeProvider style={defaultTheme}>
-        <MessageTextContainer
-          alignment='right'
-          groupStyles={['top']}
-          message={message}
-          MessageText={({ message }) => <Text testID='message-text'>{message.text}</Text>}
-        />
-      </ThemeProvider>,
-    );
-
-    await waitFor(() => {
-      expect(getByTestId('message-text-container')).toBeTruthy();
-      expect(getByTestId('message-text')).toBeTruthy();
-      expect(getByText(message.text)).toBeTruthy();
-    });
-
-    const staticMessage = generateStaticMessage('Hello World', {
-      user: staticUser,
-    });
-
-    rerender(
-      <ThemeProvider style={defaultTheme}>
-        <MessageTextContainer message={staticMessage} />
-      </ThemeProvider>,
-    );
-
-    await waitFor(() => {
-      expect(toJSON()).toMatchSnapshot();
-    });
-  });
-});