Merge pull request #762 from GetStream/develop

Next release

Author: tsirlucas

package/src/components/Channel/Channel.tsx

@@ -9,9 +9,11 @@ import {
   MessageResponse,
   SendMessageAPIResponse,
   StreamChat,
+  Event as StreamEvent,
   Message as StreamMessage,
 } from 'stream-chat';
 
+import { useAppStateListener } from '../../hooks/useAppStateListener';
 import { useCreateChannelContext } from './hooks/useCreateChannelContext';
 import { useCreateInputMessageInputContext } from './hooks/useCreateInputMessageInputContext';
 import { useCreateMessagesContext } from './hooks/useCreateMessagesContext';
@@ -608,6 +610,22 @@ const ChannelWithContext = <
     }
   }, [threadPropsExists]);
 
+  const handleAppBackground = useCallback(() => {
+    if (channel) {
+      channel.sendEvent({ parent_id: thread?.id, type: 'typing.stop' } as StreamEvent<
+        At,
+        Ch,
+        Co,
+        Ev,
+        Me,
+        Re,
+        Us
+      >);
+    }
+  }, [thread?.id, channelId]);
+
+  useAppStateListener(undefined, handleAppBackground);
+
   /**
    * CHANNEL CONSTANTS
    */

package/src/components/Chat/Chat.tsx

@@ -13,7 +13,7 @@ import {
   TranslationContextValue,
   TranslationProvider,
 } from '../../contexts/translationContext/TranslationContext';
-import { useStreami18n } from '../../utils/useStreami18n';
+import { useStreami18n } from '../../hooks/useStreami18n';
 
 import { SDK } from '../../native';
 import { version } from '../../version.json';

package/src/components/Chat/hooks/useIsOnline.ts

@@ -1,6 +1,6 @@
 import { useEffect, useState } from 'react';
 
-import { useAppStateListener } from './useAppStateListener';
+import { useAppStateListener } from '../../../hooks/useAppStateListener';
 import { NetInfo } from '../../../native';
 
 import type { NetInfoSubscription } from '@react-native-community/netinfo';

package/src/components/index.ts

@@ -70,7 +70,6 @@ export * from './ChannelPreview/hooks/useChannelPreviewDisplayPresence';
 export * from './ChannelPreview/hooks/useLatestMessagePreview';
 
 export * from './Chat/Chat';
-export * from './Chat/hooks/useAppStateListener';
 export * from './Chat/hooks/useCreateChatContext';
 export * from './Chat/hooks/useIsOnline';
 export * from './Chat/hooks/useMutedUsers';

package/src/contexts/overlayContext/OverlayProvider.tsx

@@ -27,8 +27,8 @@ import { ImageOverlaySelectedComponent as DefaultImageOverlaySelectedComponent }
 import { ImageSelectorIcon as DefaultImageSelectorIcon } from '../../components/AttachmentPicker/components/ImageSelectorIcon';
 import { ImageGallery } from '../../components/ImageGallery/ImageGallery';
 import { MessageOverlay } from '../../components/MessageOverlay/MessageOverlay';
+import { useStreami18n } from '../../hooks/useStreami18n';
 import { BlurView } from '../../native';
-import { useStreami18n } from '../../utils/useStreami18n';
 
 import type BottomSheet from '@gorhom/bottom-sheet';
 

package/src/hooks/index.ts

@@ -0,0 +1,2 @@
+export * from './useAppStateListener';
+export * from './useStreami18n';

package/src/components/Chat/hooks/useAppStateListener.ts renamed to package/src/hooks/useAppStateListener.ts

@@ -1,7 +1,7 @@
 import { useEffect, useState } from 'react';
 
 import type { TranslationContextValue } from '../contexts/translationContext/TranslationContext';
-import { Streami18n } from './Streami18n';
+import { Streami18n } from '../utils/Streami18n';
 
 export const useStreami18n = ({
   i18nInstance,

package/src/utils/useStreami18n.ts renamed to package/src/hooks/useStreami18n.ts

@@ -1,4 +1,5 @@
 export * from './components';
+export * from './hooks';
 export { registerNativeHandlers, NetInfo } from './native';
 export * from './contexts';
 export * from './emoji-data/compiled';
@@ -8,7 +9,6 @@ export * from './icons';
 export * from './types/types';
 
 export * from './utils/Streami18n';
-export * from './utils/useStreami18n';
 export * from './utils/utils';
 
 export { default as enTranslations } from './i18n/en.json';

package/src/index.ts

@@ -1,13 +1,13 @@
-const semanticRelease = require('semantic-release');
-const configPromise = require('./release.config.js');
+const semanticRelease = require("semantic-release");
+const configPromise = require("./release.config.js");
 
 configPromise.then((config) => {
   const currentPackage = require(`${process.cwd()}/package.json`);
-  const isSDK = currentPackage.name === 'stream-chat-react-native-core';
+  const isSDK = currentPackage.name === "stream-chat-react-native-core";
 
   const newConfig = {
     ...config,
-    branches: ['master'],
+    branches: ["master"],
   };
   if (process.env.GH_TOKEN || process.env.GITHUB_TOKEN) {
     newConfig.plugins.push([