fix: remove deprecated code from v6 branch (#2702)

* fix: remove deprecated code from v6 branch

* fix: remove deprecated code from v6 branch

* docs: add deprecated docs

* docs: add deprecated docs

* chore: resolve conflicts from base branch

* docs: improve deprecated docs

Author: khushal87

docusaurus/docs/reactnative/basics/migrating-from-5.x-to-6.x.mdx

@@ -186,6 +186,13 @@ registerNativeHandlers({
 
 The type of `quotedMessage` is changed from `MessageType |  boolean` to `MessageType | undefined` for better in the `MessageInputContext`.
 
+#### Remove the deprecated code
+
+- We have removed `loadChannelAtMessage` from channel context because it was no more used.
+- We have removed the `handleDeleteMessage`, `handleEditMessage`, `handleQuotedReplyMessage`, `handleResendMessage`, `handleToggleBanUser` and `handleToggleMuteUser` from the message context because it was no more used. To customize the message actions follow the [customization documentation](../guides/custom-message-actions.mdx).
+- Remove the `onMessageNew` prop from the [`ChannelList`](../core-components/channel-list.mdx) component. Use the [`onNewMessage`](../core-components/channel-list.mdx#onnewmessage) prop instead.
+- Remove the `handleBlock` prop from the `Channel` component. Use [`handleBan`](../core-components/channel.mdx#handleban) instead.
+
 ## Other changes
 
 - The `useMessageActions` hook doesn't take `setOverlay` anymore but takes in `dismissOverlay`.

docusaurus/docs/reactnative/contexts/channel-context.mdx

@@ -141,28 +141,6 @@ loadChannelAroundMessage({
 | -------- |
 | function |
 
-### loadChannelAtMessage
-
-Function to reload channel at particular message in history.
-
-:::caution
-
-This function is deprecated. Use [loadChannelAroundMessage](#loadchannelaroundmessage) instead.
-
-:::
-
-```tsx
-loadChannelAtMessage({
-  before: 10, // Number of messages to load before messageId
-  after: 10, // Number of messages to load after messageId
-  messageId,
-});
-```
-
-| Type     |
-| -------- |
-| function |
-
 ### loading
 
 True if channel is loading messages during first load.

docusaurus/docs/reactnative/contexts/message-context.mdx

@@ -90,54 +90,6 @@ True if one of the following condition is true:
 
 <HandleAction />
 
-### handleDeleteMessage
-
-Callback function for "Delete Message" action.
-
-| Type     |
-| -------- |
-| function |
-
-### handleEditMessage
-
-Callback function for "Edit Message" action.
-
-| Type     |
-| -------- |
-| function |
-
-### handleQuotedReplyMessage
-
-Callback function for "Quoted Reply" action.
-
-| Type     |
-| -------- |
-| function |
-
-### handleResendMessage
-
-Callback function for "Resend Message" (for failed message) action.
-
-| Type     |
-| -------- |
-| function |
-
-### handleToggleBanUser
-
-Callback function for "Ban/Unban User" action.
-
-| Type     |
-| -------- |
-| function |
-
-### handleToggleMuteUser
-
-Callback function for "Mute/Unmute User" action.
-
-| Type     |
-| -------- |
-| function |
-
 ### handleToggleReaction
 
 Callback function for toggling reaction from reaction selector.

docusaurus/docs/reactnative/contexts/messages-context.mdx

@@ -26,7 +26,6 @@ import Gallery from '../common-content/ui-components/channel/props/gallery.mdx';
 import Giphy from '../common-content/ui-components/channel/props/giphy.mdx';
 import GiphyVersion from '../common-content/ui-components/channel/props/giphy_version.mdx';
 import HandleBan from '../common-content/ui-components/channel/props/handle_ban.mdx';
-import HandleBlock from '../common-content/ui-components/channel/props/handle_block.mdx';
 import HandleCopy from '../common-content/ui-components/channel/props/handle_copy.mdx';
 import HandleDelete from '../common-content/ui-components/channel/props/handle_delete.mdx';
 import HandleEdit from '../common-content/ui-components/channel/props/handle_edit.mdx';
@@ -122,10 +121,6 @@ Id of current channel.
 
 <HandleBan />
 
-### <div class="label description">_forwarded from [Channel](../../core-components/channel#handleblock)_ props</div> `handleBlock` {#handleblock}
-
-<HandleBlock />
-
 ### <div class="label description">_forwarded from [Channel](../../core-components/channel#handlecopy)_ props</div> `handleCopy` {#handlecopy}
 
 <HandleCopy />

docusaurus/docs/reactnative/contexts/overlay-context.mdx

@@ -52,7 +52,7 @@ Detailed information on theming can be found in the [customization documentation
 :::note
 
 Themes are inherited from parent providers.
-A [theme provided to the `OverlayProvider`](./overlay-provider.mdx#value) will be the base theme `style` is merged into.
+A [theme provided to the `OverlayProvider`](../core-components/overlay-provider.mdx#value) will be the base theme `style` is merged into.
 Themes are not hoisted though, therefore a theme provided to `Chat` will not change overlay components such as the attachment picker.
 
 :::

docusaurus/docs/reactnative/core-components/channel-list.mdx

@@ -218,21 +218,6 @@ Override for the default Event Listener behavior when a channel is updated. Th
 | setChannels | Setter function for the internal channels state                                                                  |
 | event       | [Event Object](https://getstream.io/chat/docs/react/event_object/#event-object) corresponding to channel.deleted |
 
-### `onMessageNew`
-
-Override for the default Event Listener behavior when a message is received on a channel that is not being watched. The default behavior adds the channel to the list.
-
-> Warning: This function is deprecated. Use **[`onNewMessageNotification`](#onNewMessageNotification)** instead.
-
-| Type     |
-| -------- |
-| Function |
-
-| Parameter   | Description                                                                                                      |
-| ----------- | ---------------------------------------------------------------------------------------------------------------- |
-| setChannels | Setter function for the internal channels state                                                                  |
-| event       | [Event Object](https://getstream.io/chat/docs/react/event_object/#event-object) corresponding to channel.deleted |
-
 ### **`onNewMessageNotification`**
 
 Override for the default Event Listener behavior when a message is received on a channel that is not being watched. The default behavior adds the channel to the list.

docusaurus/docs/reactnative/core-components/channel.mdx

@@ -65,7 +65,6 @@ import GiphyEnabled from '../common-content/ui-components/channel/props/giphy_en
 import GiphyVersion from '../common-content/ui-components/channel/props/giphy_version.mdx';
 import HandleAttachButtonPress from '../common-content/ui-components/channel/props/handle_attach_button_press.mdx';
 import HandleBan from '../common-content/ui-components/channel/props/handle_ban.mdx';
-import HandleBlock from '../common-content/ui-components/channel/props/handle_block.mdx';
 import HandleCopy from '../common-content/ui-components/channel/props/handle_copy.mdx';
 import HandleDelete from '../common-content/ui-components/channel/props/handle_delete.mdx';
 import HandleEdit from '../common-content/ui-components/channel/props/handle_edit.mdx';
@@ -499,10 +498,6 @@ The max allowable is 255, which when reached displays as `255+`.
 
 <HandleBan />
 
-### `handleBlock`
-
-<HandleBlock />
-
 ### `handleCopy`
 
 <HandleCopy />

docusaurus/docs/reactnative/guides/custom-message-actions.mdx

@@ -32,7 +32,7 @@ You can customize each one of the default actions using props on the [`Channel c
 
 The channel component accepts a prop called `messageActions`. You can use this prop as a callback function to render message actions selectively.
 
-The arguments to this function is an object with all the default message actions as [`MessageActionType`](#messageaction) objects. The function should return an array of MessageAction objects to render in a [MessageActionList](../common-content/ui-components/channel/props/message_action_list.mdx) within the message menu, that is shown when a user long presses a message in a MessageList.
+The arguments to this function is an object with all the default message actions as [`MessageActionType`](#messageaction) objects. The function should return an array of MessageAction objects to render in a [MessageActionList](../common-content/ui-components/channel/props/message-action-list.mdx) within the message menu, that is shown when a user long presses a message in a MessageList.
 
 You can also customize each one of the default actions using the `messageActions` prop passed to the Channel component as shown in the example below.
 
@@ -373,7 +373,6 @@ Please note that these intercepts will neither change the standard functions nor
 :::
 
 - `handleBan`
-- `handleBlock`(deprecated)
 - `handleCopy`
 - `handleDelete`
 - `handleEdit`

package/src/components/Channel/Channel.tsx

@@ -288,7 +288,6 @@ export type ChannelPropsWithContext<
       | 'Giphy'
       | 'giphyVersion'
       | 'handleBan'
-      | 'handleBlock'
       | 'handleCopy'
       | 'handleDelete'
       | 'handleEdit'
@@ -506,7 +505,6 @@ const ChannelWithContext = <
     giphyVersion = 'fixed_height',
     handleAttachButtonPress,
     handleBan,
-    handleBlock,
     handleCopy,
     handleDelete,
     handleEdit,
@@ -1102,28 +1100,6 @@ const ChannelWithContext = <
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [targetedMessage]);
 
-  /**
-   * @deprecated use loadChannelAroundMessage instead
-   *
-   * Loads channel at specific message
-   *
-   * @param messageId If undefined, channel will be loaded at most recent message.
-   * @param before Number of message to query before messageId
-   * @param after Number of message to query after messageId
-   */
-  const loadChannelAtMessage: ChannelContextValue<StreamChatGenerics>['loadChannelAtMessage'] = ({
-    after = 2,
-    before = 30,
-    messageId,
-  }) =>
-    channelQueryCallRef.current(async () => {
-      await queryAtMessage({ after, before, messageId });
-
-      if (messageId) {
-        setTargetedMessage(messageId);
-      }
-    });
-
   /**
    * Utility method to mark that current set if latest into two.
    * With an empty latest set
@@ -1419,95 +1395,6 @@ const ChannelWithContext = <
       setHasNoMoreRecentMessagesToLoad(true);
     });
 
-  /**
-   * @deprecated
-   * Makes a query to load messages at particular message id.
-   *
-   * @param messageId Targeted message id
-   * @param before Number of messages to load before messageId
-   * @param after Number of messages to load after messageId
-   */
-  const queryAtMessage = async ({
-    after = 10,
-    before = 10,
-    messageId,
-  }: Parameters<ChannelContextValue<StreamChatGenerics>['loadChannelAtMessage']>[0]) => {
-    if (!channel) return;
-    channel.state.setIsUpToDate(false);
-    hasOverlappingRecentMessagesRef.current = false;
-    clearInterval(mergeSetsIntervalRef.current);
-    channel.state.clearMessages();
-    setMessages([]);
-    if (!messageId) {
-      await channel.query({
-        messages: {
-          limit: before,
-        },
-        watch: true,
-      });
-
-      channel.state.setIsUpToDate(true);
-      return;
-    }
-
-    await queryBeforeMessage(messageId, before);
-    await queryAfterMessage(messageId, after);
-  };
-
-  /**
-   * @deprecated
-   * Makes a query to load messages before particular message id.
-   *
-   * @param messageId Targeted message id
-   * @param limit Number of messages to load
-   */
-  const queryBeforeMessage = async (messageId: string, limit = 5) => {
-    if (!channel) return;
-
-    await channel.query({
-      messages: {
-        id_lt: messageId,
-        limit,
-      },
-      watch: true,
-    });
-
-    channel.state.setIsUpToDate(false);
-  };
-
-  /**
-   * @deprecated
-   * Makes a query to load messages later than particular message id.
-   *
-   * @param messageId Targeted message id
-   * @param limit Number of messages to load.
-   */
-  const queryAfterMessage = async (messageId: string, limit = 5) => {
-    if (!channel) return;
-    const state = await channel.query({
-      messages: {
-        id_gte: messageId,
-        limit,
-      },
-      watch: true,
-    });
-
-    if (state.messages.length < limit) {
-      // make current set as the latest
-      const currentSet = channel.state.messageSets.find((set) => set.isCurrent);
-      if (currentSet && !currentSet.isLatest) {
-        channel.state.messageSets = channel.state.messageSets.filter((set) => !set.isLatest);
-        currentSet.isLatest = true;
-      }
-      channel.state.setIsUpToDate(true);
-      setHasNoMoreRecentMessagesToLoad(true);
-    } else {
-      splitLatestCurrentMessageSetRef.current();
-      channel.state.setIsUpToDate(false);
-      setHasNoMoreRecentMessagesToLoad(false);
-    }
-  };
-
   // In case the channel is disconnected which may happen when channel is deleted,
   // underlying js client throws an error. Following function ensures that Channel component
   // won't result in error in such a case.
@@ -2229,7 +2116,6 @@ const ChannelWithContext = <
     isOwner,
     lastRead,
     loadChannelAroundMessage,
-    loadChannelAtMessage,
     loading,
     LoadingIndicator,
     markRead,
@@ -2360,7 +2246,6 @@ const ChannelWithContext = <
     Giphy,
     giphyVersion,
     handleBan,
-    handleBlock,
     handleCopy,
     handleDelete,
     handleEdit,

package/src/components/Channel/hooks/useCreateChannelContext.ts

@@ -21,7 +21,6 @@ export const useCreateChannelContext = <
   isOwner,
   lastRead,
   loadChannelAroundMessage,
-  loadChannelAtMessage,
   loading,
   LoadingIndicator,
   markRead,
@@ -65,7 +64,6 @@ export const useCreateChannelContext = <
       isOwner,
       lastRead,
       loadChannelAroundMessage,
-      loadChannelAtMessage,
       loading,
       LoadingIndicator,
       markRead,