stream-chat-react 14.11.0 → 14.12.0

package/dist/es/components/Channel/Channel.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Channel.mjs","names":[],"sources":["../../../../src/components/Channel/Channel.tsx"],"sourcesContent":["import type { ComponentProps, PropsWithChildren } from 'react';\nimport React, {\n  useCallback,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useReducer,\n  useRef,\n  useState,\n} from 'react';\nimport clsx from 'clsx';\nimport debounce from 'lodash.debounce';\nimport throttle from 'lodash.throttle';\nimport type {\n  ChannelAPIResponse,\n  ChannelMemberResponse,\n  ChannelQueryOptions,\n  ChannelState,\n  DeleteMessageOptions,\n  Event,\n  EventAPIResponse,\n  GiphyVersions,\n  LocalMessage,\n  Message,\n  MessageResponse,\n  SendMessageAPIResponse,\n  SendMessageOptions,\n  Channel as StreamChannel,\n  StreamChat,\n  UpdateMessageOptions,\n} from 'stream-chat';\nimport { localMessageToNewMessagePayload, withoutConcurrency } from 'stream-chat';\n\nimport { initialState, makeChannelReducer } from './channelState';\nimport { useCreateChannelStateContext } from './hooks/useCreateChannelStateContext';\nimport { useCreateTypingContext } from './hooks/useCreateTypingContext';\nimport { useEditMessageHandler } from './hooks/useEditMessageHandler';\nimport { useIsMounted } from './hooks/useIsMounted';\nimport type { OnMentionAction } from './hooks/useMentionsHandlers';\nimport { useMentionsHandlers } from './hooks/useMentionsHandlers';\n\nimport {\n  LoadingErrorIndicator as DefaultLoadingErrorIndicator,\n  LoadingChannel as DefaultLoadingIndicator,\n} from '../Loading';\nimport { EmptyStateIndicator as DefaultEmptyStateIndicator } from '../EmptyStateIndicator';\nimport { useNotificationApi } from '../Notifications';\n\nimport type { ChannelActionContextValue, MarkReadWrapperOptions } from '../../context';\nimport {\n  ChannelActionProvider,\n  ChannelStateProvider,\n  TypingProvider,\n  useChatContext,\n  useComponentContext,\n  useTranslationContext,\n} from '../../context';\n\nimport { CHANNEL_CONTAINER_ID } from './constants';\nimport {\n  DEFAULT_HIGHLIGHT_DURATION,\n  DEFAULT_JUMP_TO_PAGE_SIZE,\n  DEFAULT_NEXT_CHANNEL_PAGE_SIZE,\n  DEFAULT_THREAD_PAGE_SIZE,\n} from '../../constants/limits';\n\nimport { hasMoreMessagesProbably } from '../MessageList';\nimport {\n  getChatContainerClass,\n  useChannelContainerClasses,\n  useImageFlagEmojisOnWindowsClass,\n} from './hooks/useChannelContainerClasses';\nimport {\n  adaptMessageSendErrorToErrorFromResponse,\n  findInMsgSetByDate,\n  findInMsgSetById,\n  settlePendingAttachmentUploads,\n} from './utils';\nimport { useThreadContext } from '../Threads';\nimport { getChannel } from '../../utils';\nimport { getChannelConfig } from '../../utils/getChannelConfig';\nimport type {\n  ChannelUnreadUiState,\n  ImageAttachmentSizeHandler,\n  VideoAttachmentSizeHandler,\n} from '../../types/types';\nimport {\n  getImageAttachmentConfiguration,\n  getVideoAttachmentConfiguration,\n} from '../Attachment/attachment-sizing';\nimport { useSearchFocusedMessage } from '../Search/hooks';\nimport { WithAudioPlayback } from '../AudioPlayback';\n\nexport type ChannelProps = {\n  /** Custom handler function that runs when the active channel has unread messages and the app is running on a separate browser tab */\n  activeUnreadHandler?: (unread: number, documentTitle: string) => void;\n  /** Allows multiple audio players to play the audio at the same time. Disabled by default. */\n  allowConcurrentAudioPlayback?: boolean;\n  /** The connected and active channel */\n  channel?: StreamChannel;\n  /**\n   * Optional configuration parameters used for the initial channel query.\n   * Applied only if the value of channel.initialized is false.\n   * If the channel instance has already been initialized (channel has been queried),\n   * then the channel query will be skipped and channelQueryOptions will not be applied.\n   */\n  channelQueryOptions?: ChannelQueryOptions;\n  /** Custom action handler to override the default `client.deleteMessage(message.id)` function */\n  doDeleteMessageRequest?: (\n    message: LocalMessage,\n    options?: DeleteMessageOptions,\n  ) => Promise<MessageResponse>;\n  /** Custom action handler to override the default `channel.markRead` request function (advanced usage only) */\n  doMarkReadRequest?: (\n    channel: StreamChannel,\n    setChannelUnreadUiState?: (state: ChannelUnreadUiState) => void,\n  ) => Promise<EventAPIResponse> | void;\n  /** Custom action handler to override the default `channel.sendMessage` request function (advanced usage only) */\n  doSendMessageRequest?: (\n    channel: StreamChannel,\n    message: Message,\n    options?: SendMessageOptions,\n  ) => ReturnType<StreamChannel['sendMessage']> | void;\n  /** Custom action handler to override the default `client.updateMessage` request function (advanced usage only) */\n  doUpdateMessageRequest?: (\n    cid: string,\n    updatedMessage: LocalMessage | MessageResponse,\n    options?: UpdateMessageOptions,\n  ) => ReturnType<StreamChat['updateMessage']>;\n  /** Custom UI component to be shown if no active channel is set, defaults to the message empty state indicator. Pass `null` to suppress rendering. */\n  EmptyPlaceholder?: React.ReactElement | null;\n  /** The giphy version to render - check the keys of the [Image Object](https://developers.giphy.com/docs/api/schema#image-object) for possible values. Uses 'fixed_height' by default */\n  giphyVersion?: GiphyVersions;\n  /** A custom function to provide size configuration for image attachments */\n  imageAttachmentSizeHandler?: ImageAttachmentSizeHandler;\n  /**\n   * Allows to prevent triggering the channel.watch() call when mounting the component.\n   * That means that no channel data from the back-end will be received neither channel WS events will be delivered to the client.\n   * Preventing to initialize the channel on mount allows us to postpone the channel creation to a later point in time.\n   */\n  initializeOnMount?: boolean;\n  /** Configuration parameter to mark the active channel as read when mounted (opened). By default, the channel is marked read on mount. */\n  markReadOnMount?: boolean;\n  /** Custom action handler function to run on click of an @mention in a message */\n  onMentionsClick?: OnMentionAction;\n  /** Custom action handler function to run on hover of an @mention in a message */\n  onMentionsHover?: OnMentionAction;\n  /** You can turn on/off thumbnail generation for video attachments */\n  shouldGenerateVideoThumbnail?: boolean;\n  /** If true, skips the message data string comparison used to memoize the current channel messages (helpful for channels with 1000s of messages) */\n  skipMessageDataMemoization?: boolean;\n  /** A custom function to provide size configuration for video attachments */\n  videoAttachmentSizeHandler?: VideoAttachmentSizeHandler;\n};\n\nconst ChannelContainer = ({\n  children,\n  className: additionalClassName,\n  ...props\n}: PropsWithChildren<ComponentProps<'div'>>) => {\n  const { customClasses, theme } = useChatContext('Channel');\n  const { channelClass, chatClass } = useChannelContainerClasses({\n    customClasses,\n  });\n  const className = clsx(chatClass, theme, channelClass, additionalClassName);\n  return (\n    <div id={CHANNEL_CONTAINER_ID} {...props} className={className}>\n      {children}\n    </div>\n  );\n};\n\nconst UnMemoizedChannel = (props: PropsWithChildren<ChannelProps>) => {\n  const { channel: propsChannel, EmptyPlaceholder } = props;\n  const {\n    EmptyStateIndicator = DefaultEmptyStateIndicator,\n    LoadingErrorIndicator,\n    LoadingIndicator = DefaultLoadingIndicator,\n  } = useComponentContext('Channel');\n\n  const { channel: contextChannel, channelsQueryState } = useChatContext('Channel');\n\n  const channel = propsChannel || contextChannel;\n  const emptyPlaceholder =\n    'EmptyPlaceholder' in props\n      ? EmptyPlaceholder\n      : EmptyStateIndicator && <EmptyStateIndicator listType='message' />;\n\n  if (channelsQueryState.queryInProgress === 'reload' && LoadingIndicator) {\n    return (\n      <ChannelContainer>\n        <LoadingIndicator />\n      </ChannelContainer>\n    );\n  }\n\n  if (channelsQueryState.error && !channel && LoadingErrorIndicator) {\n    return (\n      <ChannelContainer>\n        <LoadingErrorIndicator error={channelsQueryState.error} />\n      </ChannelContainer>\n    );\n  }\n\n  if (channelsQueryState.error && !channel) {\n    return <ChannelContainer />;\n  }\n\n  if (!channel?.cid) {\n    return <ChannelContainer>{emptyPlaceholder}</ChannelContainer>;\n  }\n\n  return <ChannelInner {...props} channel={channel} key={channel.cid} />;\n};\n\nconst ChannelInner = (\n  props: PropsWithChildren<\n    ChannelProps & {\n      channel: StreamChannel;\n      key: string;\n    }\n  >,\n) => {\n  const {\n    activeUnreadHandler,\n    allowConcurrentAudioPlayback,\n    channel,\n    channelQueryOptions,\n    children,\n    doDeleteMessageRequest,\n    doMarkReadRequest,\n    doSendMessageRequest,\n    doUpdateMessageRequest,\n    initializeOnMount = true,\n    markReadOnMount = true,\n    onMentionsClick,\n    onMentionsHover,\n    skipMessageDataMemoization,\n  } = props;\n  const {\n    LoadingErrorIndicator = DefaultLoadingErrorIndicator,\n    LoadingIndicator = DefaultLoadingIndicator,\n  } = useComponentContext();\n\n  const { client, customClasses, latestMessageDatesByChannels, mutes, searchController } =\n    useChatContext();\n  const { addNotification } = useNotificationApi();\n  const { t } = useTranslationContext('Channel');\n  const chatContainerClass = getChatContainerClass(customClasses?.chatContainer);\n  const windowsEmojiClass = useImageFlagEmojisOnWindowsClass();\n  const thread = useThreadContext();\n\n  const [channelConfig, setChannelConfig] = useState(() => getChannelConfig(channel));\n\n  const [channelUnreadUiState, _setChannelUnreadUiState] =\n    useState<ChannelUnreadUiState>();\n\n  const channelReducer = useMemo(() => makeChannelReducer(), []);\n\n  const [state, dispatch] = useReducer(\n    channelReducer,\n    // channel.initialized === false if client.channel().query() was not called, e.g. ChannelList is not used\n    // => Channel will call channel.watch() in useLayoutEffect => state.loading is used to signal the watch() call state\n    {\n      ...initialState,\n      hasMore: channel.state.messagePagination.hasPrev,\n      loading: !channel.initialized,\n      messages: channel.state.messages,\n    },\n  );\n  const jumpToMessageFromSearch = useSearchFocusedMessage();\n  const isMounted = useIsMounted();\n\n  const originalTitle = useRef('');\n  const lastRead = useRef<Date | undefined>(undefined);\n  const online = useRef(true);\n\n  const clearHighlightedMessageTimeoutId = useRef<ReturnType<typeof setTimeout> | null>(\n    null,\n  );\n\n  const channelCapabilitiesArray = channel.data?.own_capabilities as string[];\n\n  const throttledCopyStateFromChannel = useMemo(\n    () =>\n      throttle(() => dispatch({ channel, type: 'copyStateFromChannelOnEvent' }), 500, {\n        leading: true,\n        trailing: true,\n      }),\n    [channel],\n  );\n\n  const setChannelUnreadUiState = useMemo(\n    () =>\n      throttle(_setChannelUnreadUiState, 200, {\n        leading: true,\n        trailing: false,\n      }),\n    [],\n  );\n\n  const markRead = useMemo(\n    () =>\n      throttle(\n        async (options?: MarkReadWrapperOptions) => {\n          const { updateChannelUiUnreadState = true } = options ?? {};\n          if (channel.disconnected) return;\n\n          if (!channelConfig?.read_events && client.options.isLocalUnreadCountEnabled) {\n            const event = channel.markReadLocally();\n\n            if (updateChannelUiUnreadState && event) {\n              lastRead.current = new Date();\n              _setChannelUnreadUiState({\n                last_read: lastRead.current,\n                last_read_message_id: event.last_read_message_id,\n                unread_messages: 0,\n              });\n            }\n          } else if (channelConfig?.read_events) {\n            lastRead.current = new Date();\n\n            if (doMarkReadRequest) {\n              doMarkReadRequest(\n                channel,\n                updateChannelUiUnreadState ? setChannelUnreadUiState : undefined,\n              );\n            } else {\n              const markReadResponse = await channel.markRead();\n              // markReadResponse.event can be null in case of a user that is not a member of a channel being marked read\n              // in that case event is null and we should not set unread UI\n              if (updateChannelUiUnreadState && markReadResponse?.event) {\n                _setChannelUnreadUiState({\n                  last_read: lastRead.current,\n                  last_read_message_id: markReadResponse.event.last_read_message_id,\n                  unread_messages: 0,\n                });\n              }\n            }\n          }\n\n          if (activeUnreadHandler) {\n            activeUnreadHandler(0, originalTitle.current);\n          } else if (originalTitle.current) {\n            document.title = originalTitle.current;\n          }\n        },\n        500,\n        { leading: true, trailing: false },\n      ),\n    [\n      activeUnreadHandler,\n      channel,\n      channelConfig,\n      client,\n      doMarkReadRequest,\n      setChannelUnreadUiState,\n    ],\n  );\n\n  const handleEvent = async (event: Event) => {\n    // client-level subscriptions keep firing after disconnect, and reading from\n    // or querying a disconnected channel throws\n    if (channel.disconnected) return;\n\n    if (event.message) {\n      dispatch({\n        channel,\n        message: event.message,\n        type: 'updateThreadOnEvent',\n      });\n    }\n\n    // ignore the event if it is not targeted at the current channel.\n    // Event targeted at this channel or globally targeted event should lead to state refresh\n    if (event.type === 'user.messages.deleted' && event.cid && event.cid !== channel.cid)\n      return;\n\n    if (event.type === 'user.watching.start' || event.type === 'user.watching.stop')\n      return;\n\n    if (event.type === 'typing.start' || event.type === 'typing.stop') {\n      return dispatch({ channel, type: 'setTyping' });\n    }\n\n    if (event.type === 'connection.changed' && typeof event.online === 'boolean') {\n      online.current = event.online;\n    }\n\n    if (event.type === 'message.new') {\n      const mainChannelUpdated =\n        !event.message?.parent_id || event.message?.show_in_channel;\n\n      if (mainChannelUpdated) {\n        if (\n          document.hidden &&\n          (channelConfig?.read_events || client.options.isLocalUnreadCountEnabled) &&\n          !channel.muteStatus().muted\n        ) {\n          const unread = channel.countUnread(lastRead.current);\n\n          if (activeUnreadHandler) {\n            activeUnreadHandler(unread, originalTitle.current);\n          } else {\n            document.title = `(${unread}) ${originalTitle.current}`;\n          }\n        }\n      }\n\n      if (\n        event.message?.user?.id === client.userID &&\n        event?.message?.created_at &&\n        event?.message?.cid\n      ) {\n        const messageDate = new Date(event.message.created_at);\n        const cid = event.message.cid;\n\n        if (\n          !latestMessageDatesByChannels[cid] ||\n          latestMessageDatesByChannels[cid].getTime() < messageDate.getTime()\n        ) {\n          latestMessageDatesByChannels[cid] = messageDate;\n        }\n      }\n    }\n\n    if (event.type === 'user.deleted') {\n      const oldestID = channel.state?.messages?.[0]?.id;\n\n      /**\n       * As the channel state is not normalized we re-fetch the channel data. Thus, we avoid having to search for user references in the channel state.\n       */\n      // FIXME: we should use channelQueryOptions if they are available\n      await channel.query({\n        messages: { id_lt: oldestID, limit: DEFAULT_NEXT_CHANNEL_PAGE_SIZE },\n        watchers: { limit: DEFAULT_NEXT_CHANNEL_PAGE_SIZE },\n      });\n    }\n\n    if (event.type === 'message.read_locally') {\n      return;\n    }\n\n    if (event.type === 'notification.mark_unread')\n      _setChannelUnreadUiState((prev) => {\n        if (!(event.last_read_at && event.user)) return prev;\n        return {\n          first_unread_message_id: event.first_unread_message_id,\n          last_read: new Date(event.last_read_at),\n          last_read_message_id: event.last_read_message_id,\n          unread_messages: event.unread_messages ?? 0,\n        };\n      });\n\n    if (event.type === 'channel.truncated' && event.cid === channel.cid) {\n      _setChannelUnreadUiState(undefined);\n    }\n\n    throttledCopyStateFromChannel();\n  };\n\n  // useLayoutEffect here to prevent spinner. Use Suspense when it is available in stable release\n  useLayoutEffect(() => {\n    let errored = false;\n    let done = false;\n\n    (async () => {\n      if (!channel.initialized && initializeOnMount) {\n        try {\n          // if active channel has been set without id, we will create a temporary channel id from its member IDs\n          // to keep track of the /query request in progress. This is the same approach of generating temporary id\n          // that the JS client uses to keep track of channel in client.activeChannels\n          const members: string[] = [];\n          if (!channel.id && channel.data?.members) {\n            for (const member of channel.data.members) {\n              let userId: string | undefined;\n              if (typeof member === 'string') {\n                userId = member;\n              } else if (typeof member === 'object') {\n                const { user, user_id } = member as ChannelMemberResponse;\n                userId = user_id || user?.id;\n              }\n              if (userId) {\n                members.push(userId);\n              }\n            }\n          }\n          await getChannel({ channel, client, members, options: channelQueryOptions });\n          const config = channel.getConfig();\n          setChannelConfig(config);\n        } catch (e) {\n          dispatch({ error: e as Error, type: 'setError' });\n          errored = true;\n        }\n      }\n\n      done = true;\n      originalTitle.current = document.title;\n\n      if (!errored) {\n        dispatch({\n          channel,\n          hasMore: channel.state.messagePagination.hasPrev,\n          type: 'initStateFromChannel',\n        });\n\n        if (client.user?.id && channel.state.read[client.user.id]) {\n          // eslint-disable-next-line @typescript-eslint/no-unused-vars\n          const { user, ...ownReadState } = channel.state.read[client.user.id];\n          _setChannelUnreadUiState((existingState) => {\n            // only set the initial state here, do not override existing\n            if (existingState) return existingState;\n            return ownReadState;\n          });\n        }\n        /**\n         * TODO: maybe pass last_read to the countUnread method to get proper value\n         * combined with channel.countUnread adjustment (_countMessageAsUnread)\n         * to allow counting own messages too\n         *\n         * const lastRead = channel.state.read[client.userID as string].last_read;\n         */\n        if (channel.countUnread() > 0 && markReadOnMount)\n          markRead({ updateChannelUiUnreadState: false });\n        // The more complex sync logic is done in Chat\n        client.on('connection.changed', handleEvent);\n        client.on('connection.recovered', handleEvent);\n        client.on('user.updated', handleEvent);\n        client.on('user.deleted', handleEvent);\n        client.on('user.messages.deleted', handleEvent);\n        channel.on(handleEvent);\n      }\n    })();\n\n    return () => {\n      if (errored || !done) return;\n      channel?.off(handleEvent);\n      client.off('connection.changed', handleEvent);\n      client.off('connection.recovered', handleEvent);\n      client.off('user.deleted', handleEvent);\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [\n    channel.cid,\n    channelQueryOptions,\n    doMarkReadRequest,\n    channelConfig?.read_events,\n    initializeOnMount,\n  ]);\n\n  useEffect(() => {\n    if (!state.thread) return;\n\n    const message = state.messages?.find((m) => m.id === state.thread?.id);\n\n    if (message) dispatch({ message, type: 'setThread' });\n  }, [state.messages, state.thread]);\n\n  const handleHighlightedMessageChange = useCallback(\n    ({\n      highlightDuration,\n      highlightedMessageId,\n    }: {\n      highlightedMessageId: string;\n      highlightDuration?: number;\n    }) => {\n      dispatch({\n        channel,\n        highlightedMessageId,\n        type: 'jumpToMessageFinished',\n      });\n      if (clearHighlightedMessageTimeoutId.current) {\n        clearTimeout(clearHighlightedMessageTimeoutId.current);\n      }\n      clearHighlightedMessageTimeoutId.current = setTimeout(() => {\n        if (searchController._internalState.getLatestValue().focusedMessage) {\n          searchController._internalState.partialNext({ focusedMessage: undefined });\n        }\n        clearHighlightedMessageTimeoutId.current = null;\n        dispatch({ type: 'clearHighlightedMessage' });\n      }, highlightDuration ?? DEFAULT_HIGHLIGHT_DURATION);\n    },\n    [channel, searchController],\n  );\n\n  useEffect(() => {\n    if (!jumpToMessageFromSearch?.id) return;\n    handleHighlightedMessageChange({ highlightedMessageId: jumpToMessageFromSearch.id });\n  }, [jumpToMessageFromSearch, handleHighlightedMessageChange]);\n\n  /** MESSAGE */\n  const notifyJumpToFirstUnreadError = useCallback(() => {\n    addNotification({\n      context: { feature: 'jumpToFirstUnread' },\n      emitter: 'Channel',\n      message: t('Failed to jump to the first unread message'),\n      severity: 'error',\n      targetPanels: ['channel'],\n      type: 'channel:jumpToFirstUnread:failed',\n    });\n  }, [addNotification, t]);\n\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  const loadMoreFinished = useCallback(\n    debounce(\n      (hasMore: boolean, messages: ChannelState['messages']) => {\n        if (!isMounted.current) return;\n        dispatch({ hasMore, messages, type: 'loadMoreFinished' });\n      },\n      2000,\n      { leading: true, trailing: true },\n    ),\n    [],\n  );\n\n  const finishLoadMore = useCallback(\n    (hasMore: boolean, messages: ChannelState['messages']) => {\n      if (!isMounted.current) return;\n      dispatch({ hasMore, messages, type: 'loadMoreFinished' });\n    },\n    [isMounted],\n  );\n\n  const loadMore = async (limit = DEFAULT_NEXT_CHANNEL_PAGE_SIZE) => {\n    if (\n      channel.disconnected ||\n      !online.current ||\n      !window.navigator.onLine ||\n      !channel.state.messagePagination.hasPrev\n    )\n      return 0;\n\n    // prevent duplicate loading events...\n    const oldestMessage = state?.messages?.[0];\n\n    if (\n      state.loadingMore ||\n      state.loadingMoreNewer ||\n      oldestMessage?.status !== 'received'\n    ) {\n      return 0;\n    }\n\n    dispatch({ loadingMore: true, type: 'setLoadingMore' });\n\n    const oldestID = oldestMessage?.id;\n    const perPage = limit;\n    let queryResponse: ChannelAPIResponse;\n\n    try {\n      queryResponse = await channel.query({\n        messages: { id_lt: oldestID, limit: perPage },\n        watchers: { limit: perPage },\n      });\n    } catch (e) {\n      console.warn('message pagination request failed with error', e);\n      dispatch({ loadingMore: false, type: 'setLoadingMore' });\n      return 0;\n    }\n\n    loadMoreFinished.cancel();\n    finishLoadMore(channel.state.messagePagination.hasPrev, channel.state.messages);\n\n    return queryResponse.messages.length;\n  };\n\n  const loadMoreNewer = async (limit = DEFAULT_NEXT_CHANNEL_PAGE_SIZE) => {\n    if (\n      channel.disconnected ||\n      !online.current ||\n      !window.navigator.onLine ||\n      !channel.state.messagePagination.hasNext\n    )\n      return 0;\n\n    const newestMessage = state?.messages?.[state?.messages?.length - 1];\n    if (state.loadingMore || state.loadingMoreNewer) return 0;\n\n    dispatch({ loadingMoreNewer: true, type: 'setLoadingMoreNewer' });\n\n    const newestId = newestMessage?.id;\n    const perPage = limit;\n    let queryResponse: ChannelAPIResponse;\n\n    try {\n      queryResponse = await channel.query({\n        messages: { id_gt: newestId, limit: perPage },\n        watchers: { limit: perPage },\n      });\n    } catch (e) {\n      console.warn('message pagination request failed with error', e);\n      dispatch({ loadingMoreNewer: false, type: 'setLoadingMoreNewer' });\n      return 0;\n    }\n\n    dispatch({\n      hasMoreNewer: channel.state.messagePagination.hasNext,\n      messages: channel.state.messages,\n      type: 'loadMoreNewerFinished',\n    });\n    return queryResponse.messages.length;\n  };\n\n  const jumpToMessage: ChannelActionContextValue['jumpToMessage'] = useCallback(\n    async (\n      messageId,\n      messageLimit = DEFAULT_JUMP_TO_PAGE_SIZE,\n      highlightDuration = DEFAULT_HIGHLIGHT_DURATION,\n    ) => {\n      // Keep quoted-message jumps out of the older-page pagination path.\n      dispatch({\n        loadingMoreForJumpToChannelMessage: true,\n        type: 'setLoadingMoreForJumpToChannelMessage',\n      });\n      loadMoreFinished.cancel();\n      try {\n        await channel.state.loadMessageIntoState(messageId, undefined, messageLimit);\n\n        handleHighlightedMessageChange({\n          highlightDuration,\n          highlightedMessageId: messageId,\n        });\n      } catch (error) {\n        dispatch({\n          loadingMoreForJumpToChannelMessage: false,\n          type: 'setLoadingMoreForJumpToChannelMessage',\n        });\n        throw error;\n      }\n    },\n    [channel, handleHighlightedMessageChange, loadMoreFinished],\n  );\n\n  const jumpToLatestMessage: ChannelActionContextValue['jumpToLatestMessage'] =\n    useCallback(async () => {\n      loadMoreFinished.cancel();\n      await channel.state.loadMessageIntoState('latest');\n      dispatch({\n        hasMore: channel.state.messagePagination.hasPrev,\n        hasMoreNewer: channel.state.messagePagination.hasNext,\n        messages: channel.state.messages,\n        type: 'jumpToLatestMessageFinished',\n      });\n    }, [channel, loadMoreFinished]);\n\n  const jumpToFirstUnreadMessage: ChannelActionContextValue['jumpToFirstUnreadMessage'] =\n    useCallback(\n      async (\n        queryMessageLimit = DEFAULT_JUMP_TO_PAGE_SIZE,\n        highlightDuration = DEFAULT_HIGHLIGHT_DURATION,\n      ) => {\n        if (!channelUnreadUiState?.unread_messages) return;\n        let lastReadMessageId = channelUnreadUiState?.last_read_message_id;\n        let firstUnreadMessageId = channelUnreadUiState?.first_unread_message_id;\n        let isInCurrentMessageSet = false;\n\n        if (firstUnreadMessageId) {\n          const result = findInMsgSetById(firstUnreadMessageId, channel.state.messages);\n          isInCurrentMessageSet = result.index !== -1;\n        } else if (lastReadMessageId) {\n          const result = findInMsgSetById(lastReadMessageId, channel.state.messages);\n          isInCurrentMessageSet = !!result.target;\n          firstUnreadMessageId =\n            result.index > -1 ? channel.state.messages[result.index + 1]?.id : undefined;\n        } else {\n          const lastReadTimestamp = channelUnreadUiState.last_read.getTime();\n          const { index: lastReadMessageIndex, target: lastReadMessage } =\n            findInMsgSetByDate(\n              channelUnreadUiState.last_read,\n              channel.state.messages,\n              true,\n            );\n\n          if (lastReadMessage) {\n            firstUnreadMessageId = channel.state.messages[lastReadMessageIndex + 1]?.id;\n            isInCurrentMessageSet = !!firstUnreadMessageId;\n            lastReadMessageId = lastReadMessage.id;\n          } else {\n            dispatch({ loadingMore: true, type: 'setLoadingMore' });\n            let messages;\n            try {\n              messages = (\n                await channel.query(\n                  {\n                    messages: {\n                      created_at_around: channelUnreadUiState.last_read.toISOString(),\n                      limit: queryMessageLimit,\n                    },\n                  },\n                  'new',\n                )\n              ).messages;\n            } catch (e) {\n              notifyJumpToFirstUnreadError();\n              finishLoadMore(\n                channel.state.messagePagination.hasPrev,\n                channel.state.messages,\n              );\n              return;\n            }\n\n            const firstMessageWithCreationDate = messages.find((msg) => msg.created_at);\n            if (!firstMessageWithCreationDate) {\n              notifyJumpToFirstUnreadError();\n              finishLoadMore(\n                channel.state.messagePagination.hasPrev,\n                channel.state.messages,\n              );\n              return;\n            }\n            const firstMessageTimestamp = new Date(\n              firstMessageWithCreationDate.created_at as string,\n            ).getTime();\n            if (lastReadTimestamp < firstMessageTimestamp) {\n              // whole channel is unread\n              firstUnreadMessageId = firstMessageWithCreationDate.id;\n            } else {\n              const result = findInMsgSetByDate(channelUnreadUiState.last_read, messages);\n              lastReadMessageId = result.target?.id;\n            }\n            finishLoadMore(\n              channel.state.messagePagination.hasPrev,\n              channel.state.messages,\n            );\n          }\n        }\n\n        if (!firstUnreadMessageId && !lastReadMessageId) {\n          notifyJumpToFirstUnreadError();\n          return;\n        }\n\n        if (!isInCurrentMessageSet) {\n          dispatch({ loadingMore: true, type: 'setLoadingMore' });\n          try {\n            const targetId = (firstUnreadMessageId ?? lastReadMessageId) as string;\n            await channel.state.loadMessageIntoState(\n              targetId,\n              undefined,\n              queryMessageLimit,\n            );\n            /**\n             * if the index of the last read message on the page is beyond the half of the page,\n             * we have arrived to the oldest page of the channel\n             */\n            const indexOfTarget = channel.state.messages.findIndex(\n              (message) => message.id === targetId,\n            ) as number;\n            finishLoadMore(\n              channel.state.messagePagination.hasPrev,\n              channel.state.messages,\n            );\n            firstUnreadMessageId =\n              firstUnreadMessageId ?? channel.state.messages[indexOfTarget + 1]?.id;\n          } catch (e) {\n            notifyJumpToFirstUnreadError();\n            finishLoadMore(\n              channel.state.messagePagination.hasPrev,\n              channel.state.messages,\n            );\n            return;\n          }\n        }\n\n        if (!firstUnreadMessageId) {\n          notifyJumpToFirstUnreadError();\n          return;\n        }\n        if (!channelUnreadUiState.first_unread_message_id)\n          _setChannelUnreadUiState({\n            ...channelUnreadUiState,\n            first_unread_message_id: firstUnreadMessageId,\n            last_read_message_id: lastReadMessageId,\n          });\n        handleHighlightedMessageChange({\n          highlightDuration,\n          highlightedMessageId: firstUnreadMessageId,\n        });\n      },\n      [\n        channel,\n        finishLoadMore,\n        handleHighlightedMessageChange,\n        notifyJumpToFirstUnreadError,\n        channelUnreadUiState,\n      ],\n    );\n\n  const deleteMessage = useCallback(\n    async (\n      message: LocalMessage,\n      options?: DeleteMessageOptions,\n    ): Promise<MessageResponse> => {\n      if (!message?.id) {\n        throw new Error('Cannot delete a message - missing message ID.');\n      }\n      let deletedMessage;\n      if (doDeleteMessageRequest) {\n        deletedMessage = await doDeleteMessageRequest(message, options);\n      } else {\n        const result = await client.deleteMessage(message.id, options);\n        deletedMessage = result.message;\n      }\n\n      return deletedMessage;\n    },\n    [client, doDeleteMessageRequest],\n  );\n\n  const updateMessage = (updatedMessage: MessageResponse | LocalMessage) => {\n    // add the message to the local channel state\n    channel.state.addMessageSorted(updatedMessage, true);\n\n    dispatch({\n      channel,\n      parentId: state.thread && updatedMessage.parent_id,\n      type: 'copyMessagesFromChannel',\n    });\n  };\n\n  const sendMessageRequest = async ({\n    localMessage,\n    message,\n    options,\n  }: {\n    localMessage: LocalMessage;\n    message: Message;\n    options?: SendMessageOptions;\n  }) => {\n    try {\n      // With a composition middleware that allows pending uploads, a message can reach this\n      // point while its attachments are still uploading. Settling them here rather than in the\n      // composer's submit handler means `retrySendMessage` gets the same treatment, and an\n      // attachment that already has a URL is skipped — so a retry only re-uploads what failed.\n      const { attachments: settledAttachments, failureReason } =\n        await settlePendingAttachmentUploads({\n          attachments: localMessage.attachments ?? [],\n          channelCid: channel.cid,\n          client,\n        });\n\n      if (failureReason) {\n        // One failed upload fails the whole message: the send was already committed\n        // optimistically, so there is nobody left to ask whether to proceed without that\n        // attachment, and dropping it silently would alter what the user sent. Nothing is sent.\n        // `AttachmentManager` has already raised the per-upload error notification.\n        const failedMessage: LocalMessage = {\n          ...localMessage,\n          attachments: settledAttachments,\n          error: adaptMessageSendErrorToErrorFromResponse(failureReason),\n          status: 'failed',\n        };\n        updateMessage(failedMessage);\n        thread?.upsertReplyLocally({ message: failedMessage });\n        return;\n      }\n\n      // `settledAttachments` is the same array unless something was uploaded just now, in which\n      // case the payload has to be rebuilt from it: the composition middleware left\n      // `message.attachments` holding only the attachments that already had a URL.\n      const messageToSend =\n        settledAttachments === localMessage.attachments\n          ? message\n          : { ...message, attachments: settledAttachments };\n\n      let messageResponse: void | SendMessageAPIResponse;\n\n      if (doSendMessageRequest) {\n        messageResponse = await doSendMessageRequest(channel, messageToSend, options);\n      } else {\n        messageResponse = await channel.sendMessage(messageToSend, options);\n      }\n\n      let existingMessage: LocalMessage | undefined = undefined;\n      for (let i = channel.state.messages.length - 1; i >= 0; i--) {\n        const msg = channel.state.messages[i];\n        if (msg.id && msg.id === message.id) {\n          existingMessage = msg;\n          break;\n        }\n      }\n\n      const responseTimestamp = new Date(\n        messageResponse?.message?.updated_at || 0,\n      ).getTime();\n      const existingMessageTimestamp = existingMessage?.updated_at?.getTime() || 0;\n      const responseIsTheNewest = responseTimestamp > existingMessageTimestamp;\n\n      // Replace the message payload after send is completed\n      // We need to check for the newest message payload, because on slow network, the response can arrive later than WS events message.new, message.updated.\n      // Always override existing message in status \"sending\"\n      if (\n        messageResponse?.message &&\n        (responseIsTheNewest || existingMessage?.status === 'sending')\n      ) {\n        updateMessage({\n          ...messageResponse.message,\n          status: 'received',\n        });\n      }\n    } catch (error) {\n      const parsedError = adaptMessageSendErrorToErrorFromResponse(error);\n\n      // Handle the case where the message already exists\n      // (typically, when retrying to send a message).\n      // If the message already exists, we can assume it was sent successfully,\n      // so we update the message status to \"received\".\n      // Right now, the only way to check this error is by checking\n      // the combination of the error code and the error description,\n      // since there is no special error code for duplicate messages.\n      if (\n        parsedError.code === 4 &&\n        error instanceof Error &&\n        error.message.includes('already exists')\n      ) {\n        updateMessage({\n          ...localMessage,\n          status: 'received',\n        });\n      } else {\n        updateMessage({\n          ...localMessage,\n          error: parsedError,\n          status: 'failed',\n        });\n\n        thread?.upsertReplyLocally({\n          message: {\n            ...localMessage,\n            error: parsedError,\n            status: 'failed',\n          },\n        });\n      }\n    }\n  };\n\n  /**\n   * Sends are serialised per channel while a composition middleware declaring\n   * `allowsPendingUploads` is installed. Without it a text-only message would reach the server\n   * while an earlier message was still uploading, and since `created_at` is stamped when the\n   * request arrives, the channel would end up in a different order than the user watched happen.\n   * `withoutConcurrency` lets a failed send through without blocking the ones behind it.\n   *\n   * Read off the channel's composer, which is what the composer setup function configures — so\n   * whoever installs the middleware gets the matching send path with nothing else to switch on.\n   */\n  const doSendMessage = (params: {\n    localMessage: LocalMessage;\n    message: Message;\n    options?: SendMessageOptions;\n  }) =>\n    channel.messageComposer.allowsPendingUploads\n      ? withoutConcurrency(`stream-chat-react/send-message/${channel.cid}`, () =>\n          sendMessageRequest(params),\n        )\n      : sendMessageRequest(params);\n\n  const sendMessage = async ({\n    localMessage,\n    message,\n    options,\n  }: {\n    localMessage: LocalMessage;\n    message: Message;\n    options?: SendMessageOptions;\n  }) => {\n    channel.state.filterErrorMessages();\n\n    thread?.upsertReplyLocally({\n      message: localMessage,\n    });\n\n    updateMessage(localMessage);\n\n    await doSendMessage({ localMessage, message, options });\n  };\n\n  const retrySendMessage = async (localMessage: LocalMessage) => {\n    /**\n     * If type is not checked, and we for example send message.type === 'error',\n     * then request fails with error: \"message.type must be one of ['' regular system]\".\n     * For now, we re-send any other type to prevent breaking behavior.\n     */\n\n    const type = localMessage.type === 'error' ? 'regular' : localMessage.type;\n    updateMessage({\n      ...localMessage,\n      error: undefined,\n      status: 'sending',\n      type,\n    });\n\n    await doSendMessage({\n      localMessage,\n      message: localMessageToNewMessagePayload({ ...localMessage, type }),\n    });\n  };\n\n  const removeMessage = (message: LocalMessage) => {\n    channel.state.removeMessage(message);\n\n    dispatch({\n      channel,\n      parentId: state.thread && message.parent_id,\n      type: 'copyMessagesFromChannel',\n    });\n  };\n\n  /** THREAD */\n\n  const openThread = (message: LocalMessage, event?: React.BaseSyntheticEvent) => {\n    event?.preventDefault();\n    dispatch({ channel, message, type: 'openThread' });\n  };\n\n  const closeThread = (event?: React.BaseSyntheticEvent) => {\n    event?.preventDefault();\n    dispatch({ type: 'closeThread' });\n  };\n\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  const loadMoreThreadFinished = useCallback(\n    debounce(\n      (\n        threadHasMore: boolean,\n        threadMessages: Array<ReturnType<ChannelState['formatMessage']>>,\n      ) => {\n        dispatch({\n          threadHasMore,\n          threadMessages,\n          type: 'loadMoreThreadFinished',\n        });\n      },\n      2000,\n      { leading: true, trailing: true },\n    ),\n    [],\n  );\n\n  const loadMoreThread = async (limit: number = DEFAULT_THREAD_PAGE_SIZE) => {\n    // FIXME: should prevent loading more, if state.thread.reply_count === channel.state.threads[parentID].length\n    if (state.threadLoadingMore || !state.thread || !state.threadHasMore) return;\n\n    dispatch({ type: 'startLoadingThread' });\n    const parentId = state.thread.id;\n\n    if (!parentId) {\n      return dispatch({ type: 'closeThread' });\n    }\n\n    const oldMessages = channel.state.threads[parentId] || [];\n    const oldestMessageId = oldMessages[0]?.id;\n\n    try {\n      const queryResponse = await channel.getReplies(parentId, {\n        id_lt: oldestMessageId,\n        limit,\n      });\n\n      const threadHasMoreMessages = hasMoreMessagesProbably(\n        queryResponse.messages.length,\n        limit,\n      );\n      const newThreadMessages = channel.state.threads[parentId] || [];\n\n      // next set loadingMore to false so we can start asking for more data\n      loadMoreThreadFinished(threadHasMoreMessages, newThreadMessages);\n    } catch (e) {\n      loadMoreThreadFinished(false, oldMessages);\n    }\n  };\n\n  const onMentionsHoverOrClick = useMentionsHandlers(onMentionsHover, onMentionsClick);\n\n  const editMessage = useEditMessageHandler(doUpdateMessageRequest);\n\n  const { typing, ...restState } = state;\n\n  const channelStateContextValue = useCreateChannelStateContext({\n    ...restState,\n    channel,\n    channelCapabilitiesArray,\n    channelConfig,\n    channelUnreadUiState,\n    giphyVersion: props.giphyVersion || 'fixed_height',\n    imageAttachmentSizeHandler:\n      props.imageAttachmentSizeHandler || getImageAttachmentConfiguration,\n    mutes,\n    notifications: [],\n    shouldGenerateVideoThumbnail: props.shouldGenerateVideoThumbnail ?? true,\n    videoAttachmentSizeHandler:\n      props.videoAttachmentSizeHandler || getVideoAttachmentConfiguration,\n    watcher_count: state.watcherCount,\n  });\n\n  const channelActionContextValue: ChannelActionContextValue = useMemo(\n    () => ({\n      closeThread,\n      deleteMessage,\n      dispatch,\n      editMessage,\n      jumpToFirstUnreadMessage,\n      jumpToLatestMessage,\n      jumpToMessage,\n      loadMore,\n      loadMoreNewer,\n      loadMoreThread,\n      markRead,\n      onMentionsClick: onMentionsHoverOrClick,\n      onMentionsHover: onMentionsHoverOrClick,\n      openThread,\n      removeMessage,\n      retrySendMessage,\n      sendMessage,\n      setChannelUnreadUiState,\n      skipMessageDataMemoization,\n      updateMessage,\n    }),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [\n      channel.cid,\n      deleteMessage,\n      loadMore,\n      loadMoreNewer,\n      markRead,\n      jumpToFirstUnreadMessage,\n      jumpToMessage,\n      jumpToLatestMessage,\n      setChannelUnreadUiState,\n    ],\n  );\n\n  const typingContextValue = useCreateTypingContext({\n    typing,\n  });\n\n  if (state.error) {\n    return (\n      <ChannelContainer>\n        <LoadingErrorIndicator error={state.error} />\n      </ChannelContainer>\n    );\n  }\n\n  if (state.loading) {\n    return (\n      <ChannelContainer>\n        <LoadingIndicator />\n      </ChannelContainer>\n    );\n  }\n\n  if (!channel.watch) {\n    return (\n      <ChannelContainer>\n        <div>{t('Channel Missing')}</div>\n      </ChannelContainer>\n    );\n  }\n\n  return (\n    <ChannelContainer className={windowsEmojiClass}>\n      <ChannelStateProvider value={channelStateContextValue}>\n        <ChannelActionProvider value={channelActionContextValue}>\n          <TypingProvider value={typingContextValue}>\n            <WithAudioPlayback allowConcurrentPlayback={allowConcurrentAudioPlayback}>\n              <div className={clsx(chatContainerClass)}>{children}</div>\n            </WithAudioPlayback>\n          </TypingProvider>\n        </ChannelActionProvider>\n      </ChannelStateProvider>\n    </ChannelContainer>\n  );\n};\n\n/**\n * A wrapper component that provides channel data and renders children.\n * The Channel component provides the following contexts:\n * - [ChannelStateContext](https://getstream.io/chat/docs/sdk/react/contexts/channel_state_context/)\n * - [ChannelActionContext](https://getstream.io/chat/docs/sdk/react/contexts/channel_action_context/)\n * - [ComponentContext](https://getstream.io/chat/docs/sdk/react/contexts/component_context/)\n * - [TypingContext](https://getstream.io/chat/docs/sdk/react/contexts/typing_context/)\n */\nexport const Channel = React.memo(UnMemoizedChannel) as typeof UnMemoizedChannel;\n"],"mappings":"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"}

package/dist/es/components/Channel/channelState.mjs

@@ -0,0 +1,195 @@
+//#region src/components/Channel/channelState.ts
+var makeChannelReducer = () => (state, action) => {
+	switch (action.type) {
+		case "closeThread": return {
+			...state,
+			thread: null,
+			threadLoadingMore: false,
+			threadMessages: []
+		};
+		case "copyMessagesFromChannel": {
+			const { channel, parentId } = action;
+			return {
+				...state,
+				messages: [...channel.state.messages],
+				pinnedMessages: [...channel.state.pinnedMessages],
+				suppressAutoscroll: false,
+				threadMessages: parentId ? { ...channel.state.threads }[parentId] || [] : state.threadMessages
+			};
+		}
+		case "copyStateFromChannelOnEvent": {
+			const { channel } = action;
+			return {
+				...state,
+				members: { ...channel.state.members },
+				messages: [...channel.state.messages],
+				pinnedMessages: [...channel.state.pinnedMessages],
+				read: { ...channel.state.read },
+				watcherCount: channel.state.watcher_count,
+				watchers: { ...channel.state.watchers }
+			};
+		}
+		case "initStateFromChannel": {
+			const { channel, hasMore } = action;
+			return {
+				...state,
+				hasMore,
+				loading: false,
+				members: { ...channel.state.members },
+				messages: [...channel.state.messages],
+				pinnedMessages: [...channel.state.pinnedMessages],
+				read: { ...channel.state.read },
+				watcherCount: channel.state.watcher_count,
+				watchers: { ...channel.state.watchers }
+			};
+		}
+		case "jumpToLatestMessageFinished": {
+			const { hasMore, hasMoreNewer, messages } = action;
+			return {
+				...state,
+				hasMore,
+				hasMoreNewer,
+				highlightedMessageId: void 0,
+				loading: false,
+				messages,
+				suppressAutoscroll: false
+			};
+		}
+		case "jumpToMessageFinished": return {
+			...state,
+			hasMore: action.channel.state.messagePagination.hasPrev,
+			hasMoreNewer: action.channel.state.messagePagination.hasNext,
+			highlightedMessageId: action.highlightedMessageId,
+			loadingMore: false,
+			loadingMoreForJumpToChannelMessage: false,
+			messages: action.channel.state.messages,
+			suppressAutoscroll: false
+		};
+		case "clearHighlightedMessage": return {
+			...state,
+			highlightedMessageId: void 0
+		};
+		case "loadMoreFinished": {
+			const { hasMore, messages } = action;
+			return {
+				...state,
+				hasMore,
+				loadingMore: false,
+				messages,
+				suppressAutoscroll: false
+			};
+		}
+		case "loadMoreNewerFinished": {
+			const { hasMoreNewer, messages } = action;
+			return {
+				...state,
+				hasMoreNewer,
+				loadingMoreNewer: false,
+				messages
+			};
+		}
+		case "loadMoreThreadFinished": {
+			const { threadHasMore, threadMessages } = action;
+			return {
+				...state,
+				threadHasMore,
+				threadLoadingMore: false,
+				threadMessages
+			};
+		}
+		case "openThread": {
+			const { channel, message } = action;
+			return {
+				...state,
+				thread: message,
+				threadHasMore: true,
+				threadMessages: message.id ? { ...channel.state.threads }[message.id] || [] : [],
+				threadSuppressAutoscroll: false
+			};
+		}
+		case "setError": {
+			const { error } = action;
+			return {
+				...state,
+				error
+			};
+		}
+		case "setLoadingMore": {
+			const { loadingMore } = action;
+			return {
+				...state,
+				loadingMore,
+				suppressAutoscroll: loadingMore
+			};
+		}
+		case "setLoadingMoreForJumpToChannelMessage": {
+			const { loadingMoreForJumpToChannelMessage } = action;
+			return {
+				...state,
+				loadingMoreForJumpToChannelMessage,
+				suppressAutoscroll: loadingMoreForJumpToChannelMessage
+			};
+		}
+		case "setLoadingMoreNewer": {
+			const { loadingMoreNewer } = action;
+			return {
+				...state,
+				loadingMoreNewer
+			};
+		}
+		case "setThread": {
+			const { message } = action;
+			return {
+				...state,
+				thread: message
+			};
+		}
+		case "setTyping": {
+			const { channel } = action;
+			return {
+				...state,
+				typing: { ...channel.state.typing }
+			};
+		}
+		case "startLoadingThread": return {
+			...state,
+			threadLoadingMore: true,
+			threadSuppressAutoscroll: true
+		};
+		case "updateThreadOnEvent": {
+			const { channel, message } = action;
+			if (!state.thread) return state;
+			return {
+				...state,
+				thread: message?.id === state.thread.id ? channel.state.formatMessage(message) : state.thread,
+				threadMessages: state.thread?.id ? { ...channel.state.threads }[state.thread.id] || [] : []
+			};
+		}
+		default: return state;
+	}
+};
+var initialState = {
+	error: null,
+	hasMore: true,
+	hasMoreNewer: false,
+	loading: true,
+	loadingMore: false,
+	loadingMoreForJumpToChannelMessage: false,
+	members: {},
+	messages: [],
+	pinnedMessages: [],
+	read: {},
+	suppressAutoscroll: false,
+	thread: null,
+	threadHasMore: true,
+	threadLoadingMore: false,
+	threadMessages: [],
+	threadSuppressAutoscroll: false,
+	typing: {},
+	watcherCount: 0,
+	watchers: {}
+};
+//#endregion
+export { initialState, makeChannelReducer };
+
+//# sourceMappingURL=channelState.mjs.map

package/dist/es/components/Channel/channelState.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"channelState.mjs","names":[],"sources":["../../../../src/components/Channel/channelState.ts"],"sourcesContent":["import type {\n  Channel,\n  LocalMessage,\n  MessageResponse,\n  ChannelState as StreamChannelState,\n} from 'stream-chat';\n\nimport type { ChannelState } from '../../context/ChannelStateContext';\n\nexport type ChannelStateReducerAction =\n  | {\n      type: 'closeThread';\n    }\n  | {\n      type: 'clearHighlightedMessage';\n    }\n  | {\n      channel: Channel;\n      type: 'copyMessagesFromChannel';\n      parentId?: string | null;\n    }\n  | {\n      channel: Channel;\n      type: 'copyStateFromChannelOnEvent';\n    }\n  | {\n      hasMore: boolean;\n      hasMoreNewer: boolean;\n      messages: LocalMessage[];\n      type: 'jumpToLatestMessageFinished';\n    }\n  | {\n      channel: Channel;\n      highlightedMessageId: string;\n      type: 'jumpToMessageFinished';\n    }\n  | {\n      channel: Channel;\n      hasMore: boolean;\n      type: 'initStateFromChannel';\n    }\n  | {\n      hasMore: boolean;\n      messages: LocalMessage[];\n      type: 'loadMoreFinished';\n    }\n  | {\n      hasMoreNewer: boolean;\n      messages: LocalMessage[];\n      type: 'loadMoreNewerFinished';\n    }\n  | {\n      threadHasMore: boolean;\n      threadMessages: Array<ReturnType<StreamChannelState['formatMessage']>>;\n      type: 'loadMoreThreadFinished';\n    }\n  | {\n      channel: Channel;\n      message: LocalMessage;\n      type: 'openThread';\n    }\n  | {\n      error: Error;\n      type: 'setError';\n    }\n  | {\n      loadingMore: boolean;\n      type: 'setLoadingMore';\n    }\n  | {\n      loadingMoreForJumpToChannelMessage: boolean;\n      type: 'setLoadingMoreForJumpToChannelMessage';\n    }\n  | {\n      loadingMoreNewer: boolean;\n      type: 'setLoadingMoreNewer';\n    }\n  | {\n      message: LocalMessage;\n      type: 'setThread';\n    }\n  | {\n      channel: Channel;\n      type: 'setTyping';\n    }\n  | {\n      type: 'startLoadingThread';\n    }\n  | {\n      channel: Channel;\n      message: MessageResponse;\n      type: 'updateThreadOnEvent';\n    };\n\nexport const makeChannelReducer =\n  () => (state: ChannelState, action: ChannelStateReducerAction) => {\n    switch (action.type) {\n      case 'closeThread': {\n        return {\n          ...state,\n          thread: null,\n          threadLoadingMore: false,\n          threadMessages: [],\n        };\n      }\n\n      case 'copyMessagesFromChannel': {\n        const { channel, parentId } = action;\n        return {\n          ...state,\n          messages: [...channel.state.messages],\n          pinnedMessages: [...channel.state.pinnedMessages],\n          // copying messages from channel happens with new message - this resets the suppressAutoscroll\n          suppressAutoscroll: false,\n          threadMessages: parentId\n            ? { ...channel.state.threads }[parentId] || []\n            : state.threadMessages,\n        };\n      }\n\n      case 'copyStateFromChannelOnEvent': {\n        const { channel } = action;\n        return {\n          ...state,\n          members: { ...channel.state.members },\n          messages: [...channel.state.messages],\n          pinnedMessages: [...channel.state.pinnedMessages],\n          read: { ...channel.state.read },\n          watcherCount: channel.state.watcher_count,\n          watchers: { ...channel.state.watchers },\n        };\n      }\n\n      case 'initStateFromChannel': {\n        const { channel, hasMore } = action;\n        return {\n          ...state,\n          hasMore,\n          loading: false,\n          members: { ...channel.state.members },\n          messages: [...channel.state.messages],\n          pinnedMessages: [...channel.state.pinnedMessages],\n          read: { ...channel.state.read },\n          watcherCount: channel.state.watcher_count,\n          watchers: { ...channel.state.watchers },\n        };\n      }\n\n      case 'jumpToLatestMessageFinished': {\n        const { hasMore, hasMoreNewer, messages } = action;\n        return {\n          ...state,\n          hasMore,\n          hasMoreNewer,\n          highlightedMessageId: undefined,\n          loading: false,\n          messages,\n          suppressAutoscroll: false,\n        };\n      }\n\n      case 'jumpToMessageFinished': {\n        return {\n          ...state,\n          hasMore: action.channel.state.messagePagination.hasPrev,\n          hasMoreNewer: action.channel.state.messagePagination.hasNext,\n          highlightedMessageId: action.highlightedMessageId,\n          loadingMore: false,\n          loadingMoreForJumpToChannelMessage: false,\n          messages: action.channel.state.messages,\n          suppressAutoscroll: false,\n        };\n      }\n\n      case 'clearHighlightedMessage': {\n        return {\n          ...state,\n          highlightedMessageId: undefined,\n        };\n      }\n\n      case 'loadMoreFinished': {\n        const { hasMore, messages } = action;\n        return {\n          ...state,\n          hasMore,\n          loadingMore: false,\n          messages,\n          suppressAutoscroll: false,\n        };\n      }\n\n      case 'loadMoreNewerFinished': {\n        const { hasMoreNewer, messages } = action;\n        return {\n          ...state,\n          hasMoreNewer,\n          loadingMoreNewer: false,\n          messages,\n        };\n      }\n\n      case 'loadMoreThreadFinished': {\n        const { threadHasMore, threadMessages } = action;\n        return {\n          ...state,\n          threadHasMore,\n          threadLoadingMore: false,\n          threadMessages,\n        };\n      }\n\n      case 'openThread': {\n        const { channel, message } = action;\n        return {\n          ...state,\n          thread: message,\n          threadHasMore: true,\n          threadMessages: message.id\n            ? { ...channel.state.threads }[message.id] || []\n            : [],\n          threadSuppressAutoscroll: false,\n        };\n      }\n\n      case 'setError': {\n        const { error } = action;\n        return { ...state, error };\n      }\n\n      case 'setLoadingMore': {\n        const { loadingMore } = action;\n        // suppress the autoscroll behavior\n        return { ...state, loadingMore, suppressAutoscroll: loadingMore };\n      }\n\n      case 'setLoadingMoreForJumpToChannelMessage': {\n        const { loadingMoreForJumpToChannelMessage } = action;\n        return {\n          ...state,\n          loadingMoreForJumpToChannelMessage,\n          suppressAutoscroll: loadingMoreForJumpToChannelMessage,\n        };\n      }\n\n      case 'setLoadingMoreNewer': {\n        const { loadingMoreNewer } = action;\n        return { ...state, loadingMoreNewer };\n      }\n\n      case 'setThread': {\n        const { message } = action;\n        return { ...state, thread: message };\n      }\n\n      case 'setTyping': {\n        const { channel } = action;\n        return {\n          ...state,\n          typing: { ...channel.state.typing },\n        };\n      }\n\n      case 'startLoadingThread': {\n        return {\n          ...state,\n          threadLoadingMore: true,\n          threadSuppressAutoscroll: true,\n        };\n      }\n\n      case 'updateThreadOnEvent': {\n        const { channel, message } = action;\n        if (!state.thread) return state;\n        return {\n          ...state,\n          thread:\n            message?.id === state.thread.id\n              ? channel.state.formatMessage(message)\n              : state.thread,\n          threadMessages: state.thread?.id\n            ? { ...channel.state.threads }[state.thread.id] || []\n            : [],\n        };\n      }\n\n      default:\n        return state;\n    }\n  };\n\nexport const initialState = {\n  error: null,\n  hasMore: true,\n  hasMoreNewer: false,\n  loading: true,\n  loadingMore: false,\n  loadingMoreForJumpToChannelMessage: false,\n  members: {},\n  messages: [],\n  pinnedMessages: [],\n  read: {},\n  suppressAutoscroll: false,\n  thread: null,\n  threadHasMore: true,\n  threadLoadingMore: false,\n  threadMessages: [],\n  threadSuppressAutoscroll: false,\n  typing: {},\n  watcherCount: 0,\n  watchers: {},\n};\n"],"mappings":"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"}

package/dist/es/components/Channel/constants.mjs

@@ -0,0 +1,6 @@
+//#region src/components/Channel/constants.ts
+var CHANNEL_CONTAINER_ID = "str-chat__channel";
+//#endregion
+export { CHANNEL_CONTAINER_ID };
+
+//# sourceMappingURL=constants.mjs.map

package/dist/es/components/Channel/constants.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.mjs","names":[],"sources":["../../../../src/components/Channel/constants.ts"],"sourcesContent":["export const CHANNEL_CONTAINER_ID = 'str-chat__channel';\n"],"mappings":";AAAA,IAAa,uBAAuB"}

package/dist/es/components/Channel/hooks/useChannelContainerClasses.mjs

@@ -0,0 +1,20 @@
+import { useChatContext } from "../../../context/ChatContext.mjs";
+//#region src/components/Channel/hooks/useChannelContainerClasses.ts
+var useImageFlagEmojisOnWindowsClass = () => {
+	const { useImageFlagEmojisOnWindows } = useChatContext("Channel");
+	return useImageFlagEmojisOnWindows && navigator.userAgent.match(/Win/) ? "str-chat--windows-flags" : "";
+};
+var getChatContainerClass = (customClass) => customClass ?? "str-chat__container";
+var useChannelContainerClasses = ({ customClasses }) => {
+	const windowsEmojiClass = useImageFlagEmojisOnWindowsClass();
+	return {
+		channelClass: customClasses?.channel ?? "str-chat__channel",
+		chatClass: customClasses?.chat ?? "str-chat",
+		chatContainerClass: getChatContainerClass(customClasses?.chatContainer),
+		windowsEmojiClass
+	};
+};
+//#endregion
+export { getChatContainerClass, useChannelContainerClasses, useImageFlagEmojisOnWindowsClass };
+
+//# sourceMappingURL=useChannelContainerClasses.mjs.map

package/dist/es/components/Channel/hooks/useChannelContainerClasses.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useChannelContainerClasses.mjs","names":[],"sources":["../../../../../src/components/Channel/hooks/useChannelContainerClasses.ts"],"sourcesContent":["import { useChatContext } from '../../../context/ChatContext';\nimport type { ChatContextValue } from '../../../context/ChatContext';\n\nexport const useImageFlagEmojisOnWindowsClass = () => {\n  const { useImageFlagEmojisOnWindows } = useChatContext('Channel');\n  return useImageFlagEmojisOnWindows && navigator.userAgent.match(/Win/)\n    ? 'str-chat--windows-flags'\n    : '';\n};\n\nexport const getChatContainerClass = (customClass?: string) =>\n  customClass ?? 'str-chat__container';\n\nexport const useChannelContainerClasses = ({\n  customClasses,\n}: Pick<ChatContextValue, 'customClasses'>) => {\n  const windowsEmojiClass = useImageFlagEmojisOnWindowsClass();\n  return {\n    channelClass: customClasses?.channel ?? 'str-chat__channel',\n    chatClass: customClasses?.chat ?? 'str-chat',\n    chatContainerClass: getChatContainerClass(customClasses?.chatContainer),\n    windowsEmojiClass,\n  };\n};\n"],"mappings":";;AAGA,IAAa,yCAAyC;CACpD,MAAM,EAAE,gCAAgC,eAAe,SAAS;CAChE,OAAO,+BAA+B,UAAU,UAAU,MAAM,KAAK,IACjE,4BACA;AACN;AAEA,IAAa,yBAAyB,gBACpC,eAAe;AAEjB,IAAa,8BAA8B,EACzC,oBAC6C;CAC7C,MAAM,oBAAoB,iCAAiC;CAC3D,OAAO;EACL,cAAc,eAAe,WAAW;EACxC,WAAW,eAAe,QAAQ;EAClC,oBAAoB,sBAAsB,eAAe,aAAa;EACtE;CACF;AACF"}

package/dist/es/components/Channel/hooks/useCreateChannelStateContext.mjs

@@ -0,0 +1,86 @@
+import { isDate, isDayOrMoment } from "../../../i18n/utils.mjs";
+import { useMemo } from "react";
+//#region src/components/Channel/hooks/useCreateChannelStateContext.ts
+var useCreateChannelStateContext = (value) => {
+	const { channel, channelCapabilitiesArray = [], channelConfig, channelUnreadUiState, error, giphyVersion, hasMore, hasMoreNewer, highlightedMessageId, imageAttachmentSizeHandler, loading, loadingMore, loadingMoreForJumpToChannelMessage, members, messages = [], mutes, notifications, pinnedMessages, read = {}, shouldGenerateVideoThumbnail, skipMessageDataMemoization, suppressAutoscroll, thread, threadHasMore, threadLoadingMore, threadMessages = [], videoAttachmentSizeHandler, watcher_count, watcherCount, watchers } = value;
+	const channelId = channel.cid;
+	const lastRead = channel.initialized && !channel.disconnected && channel.lastRead()?.getTime();
+	const membersLength = Object.keys(members || []).length;
+	const notificationsLength = notifications.length;
+	const readUsers = Object.values(read);
+	const readUsersLength = readUsers.length;
+	const readUsersLastReadDateStrings = [];
+	for (const { last_read } of readUsers) {
+		if (!lastRead) continue;
+		readUsersLastReadDateStrings.push(last_read?.toISOString());
+	}
+	const readUsersLastReads = readUsersLastReadDateStrings.join();
+	const threadMessagesLength = threadMessages?.length;
+	const channelCapabilities = {};
+	channelCapabilitiesArray.forEach((capability) => {
+		channelCapabilities[capability] = true;
+	});
+	const memoizedMessageData = skipMessageDataMemoization ? messages : messages.map(({ deleted_at, latest_reactions, pinned, reply_count, status, type, updated_at, user }) => `${type}${deleted_at}${latest_reactions ? latest_reactions.map(({ type }) => type).join() : ""}${pinned}${reply_count}${status}${updated_at && (isDayOrMoment(updated_at) || isDate(updated_at)) ? updated_at.toISOString() : updated_at || ""}${user?.updated_at}`).join();
+	const memoizedThreadMessageData = threadMessages.map(({ deleted_at, latest_reactions, pinned, status, updated_at, user }) => `${deleted_at}${latest_reactions ? latest_reactions.map(({ type }) => type).join() : ""}${pinned}${status}${updated_at && (isDayOrMoment(updated_at) || isDate(updated_at)) ? updated_at.toISOString() : updated_at || ""}${user?.updated_at}`).join();
+	return useMemo(() => ({
+		channel,
+		channelCapabilities,
+		channelConfig,
+		channelUnreadUiState,
+		error,
+		giphyVersion,
+		hasMore,
+		hasMoreNewer,
+		highlightedMessageId,
+		imageAttachmentSizeHandler,
+		loading,
+		loadingMore,
+		loadingMoreForJumpToChannelMessage,
+		members,
+		messages,
+		mutes,
+		notifications,
+		pinnedMessages,
+		read,
+		shouldGenerateVideoThumbnail,
+		suppressAutoscroll,
+		thread,
+		threadHasMore,
+		threadLoadingMore,
+		threadMessages,
+		videoAttachmentSizeHandler,
+		watcher_count,
+		watcherCount,
+		watchers
+	}), [
+		channel.data?.name,
+		channelId,
+		channelUnreadUiState,
+		error,
+		hasMore,
+		hasMoreNewer,
+		highlightedMessageId,
+		lastRead,
+		loading,
+		loadingMore,
+		loadingMoreForJumpToChannelMessage,
+		membersLength,
+		memoizedMessageData,
+		memoizedThreadMessageData,
+		notificationsLength,
+		readUsersLength,
+		readUsersLastReads,
+		shouldGenerateVideoThumbnail,
+		skipMessageDataMemoization,
+		suppressAutoscroll,
+		thread,
+		threadHasMore,
+		threadLoadingMore,
+		threadMessagesLength,
+		watcherCount
+	]);
+};
+//#endregion
+export { useCreateChannelStateContext };
+
+//# sourceMappingURL=useCreateChannelStateContext.mjs.map

package/dist/es/components/Channel/hooks/useCreateChannelStateContext.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCreateChannelStateContext.mjs","names":[],"sources":["../../../../../src/components/Channel/hooks/useCreateChannelStateContext.ts"],"sourcesContent":["import { useMemo } from 'react';\n\nimport { isDate, isDayOrMoment } from '../../../i18n';\n\nimport type { ChannelStateContextValue } from '../../../context/ChannelStateContext';\n\nexport const useCreateChannelStateContext = (\n  value: Omit<ChannelStateContextValue, 'channelCapabilities'> & {\n    channelCapabilitiesArray: string[];\n    skipMessageDataMemoization?: boolean;\n  },\n) => {\n  const {\n    channel,\n    channelCapabilitiesArray = [],\n    channelConfig,\n    channelUnreadUiState,\n    error,\n    giphyVersion,\n    hasMore,\n    hasMoreNewer,\n    highlightedMessageId,\n    imageAttachmentSizeHandler,\n    loading,\n    loadingMore,\n    loadingMoreForJumpToChannelMessage,\n    members,\n    messages = [],\n    mutes,\n    notifications,\n    pinnedMessages,\n    read = {},\n    shouldGenerateVideoThumbnail,\n    skipMessageDataMemoization,\n    suppressAutoscroll,\n    thread,\n    threadHasMore,\n    threadLoadingMore,\n    threadMessages = [],\n    videoAttachmentSizeHandler,\n    watcher_count,\n    watcherCount,\n    watchers,\n  } = value;\n\n  const channelId = channel.cid;\n  // `channel.lastRead()` reaches `channel.getClient()`, which throws once the\n  // client has been disconnected. Guard against it so a disconnect while the\n  // channel is mounted does not crash the render (#2393).\n  const lastRead =\n    channel.initialized && !channel.disconnected && channel.lastRead()?.getTime();\n  const membersLength = Object.keys(members || []).length;\n  const notificationsLength = notifications.length;\n  const readUsers = Object.values(read);\n  const readUsersLength = readUsers.length;\n  const readUsersLastReadDateStrings: string[] = [];\n  for (const { last_read } of readUsers) {\n    if (!lastRead) continue;\n    readUsersLastReadDateStrings.push(last_read?.toISOString());\n  }\n  const readUsersLastReads = readUsersLastReadDateStrings.join();\n  const threadMessagesLength = threadMessages?.length;\n\n  const channelCapabilities: Record<string, boolean> = {};\n\n  channelCapabilitiesArray.forEach((capability) => {\n    channelCapabilities[capability] = true;\n  });\n\n  // FIXME: this is crazy - I could not find out why the messages were not getting updated when only message properties that are not part\n  // of this serialization has been changed. A great example of memoization gone wrong.\n  const memoizedMessageData = skipMessageDataMemoization\n    ? messages\n    : messages\n        .map(\n          ({\n            deleted_at,\n            latest_reactions,\n            pinned,\n            reply_count,\n            status,\n            type,\n            updated_at,\n            user,\n          }) =>\n            `${type}${deleted_at}${\n              latest_reactions ? latest_reactions.map(({ type }) => type).join() : ''\n            }${pinned}${reply_count}${status}${\n              updated_at && (isDayOrMoment(updated_at) || isDate(updated_at))\n                ? updated_at.toISOString()\n                : updated_at || ''\n            }${user?.updated_at}`,\n        )\n        .join();\n\n  const memoizedThreadMessageData = threadMessages\n    .map(\n      ({ deleted_at, latest_reactions, pinned, status, updated_at, user }) =>\n        `${deleted_at}${\n          latest_reactions ? latest_reactions.map(({ type }) => type).join() : ''\n        }${pinned}${status}${\n          updated_at && (isDayOrMoment(updated_at) || isDate(updated_at))\n            ? updated_at.toISOString()\n            : updated_at || ''\n        }${user?.updated_at}`,\n    )\n    .join();\n\n  const channelStateContext: ChannelStateContextValue = useMemo(\n    () => ({\n      channel,\n      channelCapabilities,\n      channelConfig,\n      channelUnreadUiState,\n      error,\n      giphyVersion,\n      hasMore,\n      hasMoreNewer,\n      highlightedMessageId,\n      imageAttachmentSizeHandler,\n      loading,\n      loadingMore,\n      loadingMoreForJumpToChannelMessage,\n      members,\n      messages,\n      mutes,\n      notifications,\n      pinnedMessages,\n      read,\n      shouldGenerateVideoThumbnail,\n      suppressAutoscroll,\n      thread,\n      threadHasMore,\n      threadLoadingMore,\n      threadMessages,\n      videoAttachmentSizeHandler,\n      watcher_count,\n      watcherCount,\n      watchers,\n    }),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [\n      channel.data?.name, // otherwise ChannelHeader will not be updated\n      channelId,\n      channelUnreadUiState,\n      error,\n      hasMore,\n      hasMoreNewer,\n      highlightedMessageId,\n      lastRead,\n      loading,\n      loadingMore,\n      loadingMoreForJumpToChannelMessage,\n      membersLength,\n      memoizedMessageData,\n      memoizedThreadMessageData,\n      notificationsLength,\n      readUsersLength,\n      readUsersLastReads,\n      shouldGenerateVideoThumbnail,\n      skipMessageDataMemoization,\n      suppressAutoscroll,\n      thread,\n      threadHasMore,\n      threadLoadingMore,\n      threadMessagesLength,\n      watcherCount,\n    ],\n  );\n\n  return channelStateContext;\n};\n"],"mappings":";;;AAMA,IAAa,gCACX,UAIG;CACH,MAAM,EACJ,SACA,2BAA2B,CAAC,GAC5B,eACA,sBACA,OACA,cACA,SACA,cACA,sBACA,4BACA,SACA,aACA,oCACA,SACA,WAAW,CAAC,GACZ,OACA,eACA,gBACA,OAAO,CAAC,GACR,8BACA,4BACA,oBACA,QACA,eACA,mBACA,iBAAiB,CAAC,GAClB,4BACA,eACA,cACA,aACE;CAEJ,MAAM,YAAY,QAAQ;CAI1B,MAAM,WACJ,QAAQ,eAAe,CAAC,QAAQ,gBAAgB,QAAQ,SAAS,CAAC,EAAE,QAAQ;CAC9E,MAAM,gBAAgB,OAAO,KAAK,WAAW,CAAC,CAAC,CAAC,CAAC;CACjD,MAAM,sBAAsB,cAAc;CAC1C,MAAM,YAAY,OAAO,OAAO,IAAI;CACpC,MAAM,kBAAkB,UAAU;CAClC,MAAM,+BAAyC,CAAC;CAChD,KAAK,MAAM,EAAE,eAAe,WAAW;EACrC,IAAI,CAAC,UAAU;EACf,6BAA6B,KAAK,WAAW,YAAY,CAAC;CAC5D;CACA,MAAM,qBAAqB,6BAA6B,KAAK;CAC7D,MAAM,uBAAuB,gBAAgB;CAE7C,MAAM,sBAA+C,CAAC;CAEtD,yBAAyB,SAAS,eAAe;EAC/C,oBAAoB,cAAc;CACpC,CAAC;CAID,MAAM,sBAAsB,6BACxB,WACA,SACG,KACE,EACC,YACA,kBACA,QACA,aACA,QACA,MACA,YACA,WAEA,GAAG,OAAO,aACR,mBAAmB,iBAAiB,KAAK,EAAE,WAAW,IAAI,CAAC,CAAC,KAAK,IAAI,KACpE,SAAS,cAAc,SACxB,eAAe,cAAc,UAAU,KAAK,OAAO,UAAU,KACzD,WAAW,YAAY,IACvB,cAAc,KACjB,MAAM,YACb,CAAC,CACA,KAAK;CAEZ,MAAM,4BAA4B,eAC/B,KACE,EAAE,YAAY,kBAAkB,QAAQ,QAAQ,YAAY,WAC3D,GAAG,aACD,mBAAmB,iBAAiB,KAAK,EAAE,WAAW,IAAI,CAAC,CAAC,KAAK,IAAI,KACpE,SAAS,SACV,eAAe,cAAc,UAAU,KAAK,OAAO,UAAU,KACzD,WAAW,YAAY,IACvB,cAAc,KACjB,MAAM,YACb,CAAC,CACA,KAAK;CAgER,OA9DsD,eAC7C;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,IAEA;EACE,QAAQ,MAAM;EACd;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAGK;AACT"}

package/dist/es/components/Channel/hooks/useCreateTypingContext.mjs

@@ -0,0 +1,10 @@
+import { useMemo } from "react";
+//#region src/components/Channel/hooks/useCreateTypingContext.ts
+var useCreateTypingContext = (value) => {
+	const { typing } = value;
+	return useMemo(() => ({ typing }), [Object.keys(typing || {}).join()]);
+};
+//#endregion
+export { useCreateTypingContext };
+
+//# sourceMappingURL=useCreateTypingContext.mjs.map

package/dist/es/components/Channel/hooks/useCreateTypingContext.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCreateTypingContext.mjs","names":[],"sources":["../../../../../src/components/Channel/hooks/useCreateTypingContext.ts"],"sourcesContent":["import { useMemo } from 'react';\n\nimport type { TypingContextValue } from '../../../context/TypingContext';\n\nexport const useCreateTypingContext = (value: TypingContextValue) => {\n  const { typing } = value;\n\n  const typingValue = Object.keys(typing || {}).join();\n\n  const typingContext: TypingContextValue = useMemo(\n    () => ({\n      typing,\n    }),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [typingValue],\n  );\n\n  return typingContext;\n};\n"],"mappings":";;AAIA,IAAa,0BAA0B,UAA8B;CACnE,MAAM,EAAE,WAAW;CAYnB,OAR0C,eACjC,EACL,OACF,IAEA,CAPkB,OAAO,KAAK,UAAU,CAAC,CAAC,CAAC,CAAC,KAO3C,CAAW,CAGP;AACT"}

package/dist/es/components/Channel/hooks/useEditMessageHandler.mjs

@@ -0,0 +1,13 @@
+import { useChatContext } from "../../../context/ChatContext.mjs";
+//#region src/components/Channel/hooks/useEditMessageHandler.ts
+var useEditMessageHandler = (doUpdateMessageRequest) => {
+	const { channel, client } = useChatContext("useEditMessageHandler");
+	return (updatedMessage, options) => {
+		if (doUpdateMessageRequest && channel) return Promise.resolve(doUpdateMessageRequest(channel.cid, updatedMessage, options));
+		return client.updateMessage(updatedMessage, void 0, options);
+	};
+};
+//#endregion
+export { useEditMessageHandler };
+
+//# sourceMappingURL=useEditMessageHandler.mjs.map

package/dist/es/components/Channel/hooks/useEditMessageHandler.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEditMessageHandler.mjs","names":[],"sources":["../../../../../src/components/Channel/hooks/useEditMessageHandler.ts"],"sourcesContent":["import type {\n  LocalMessage,\n  MessageResponse,\n  StreamChat,\n  UpdateMessageOptions,\n} from 'stream-chat';\n\nimport { useChatContext } from '../../../context/ChatContext';\n\ntype UpdateHandler = (\n  cid: string,\n  updatedMessage: LocalMessage | MessageResponse,\n  options?: UpdateMessageOptions,\n) => ReturnType<StreamChat['updateMessage']>;\n\nexport const useEditMessageHandler = (doUpdateMessageRequest?: UpdateHandler) => {\n  const { channel, client } = useChatContext('useEditMessageHandler');\n\n  return (\n    updatedMessage: LocalMessage | MessageResponse,\n    options?: UpdateMessageOptions,\n  ) => {\n    if (doUpdateMessageRequest && channel) {\n      return Promise.resolve(\n        doUpdateMessageRequest(channel.cid, updatedMessage, options),\n      );\n    }\n    return client.updateMessage(updatedMessage, undefined, options);\n  };\n};\n"],"mappings":";;AAeA,IAAa,yBAAyB,2BAA2C;CAC/E,MAAM,EAAE,SAAS,WAAW,eAAe,uBAAuB;CAElE,QACE,gBACA,YACG;EACH,IAAI,0BAA0B,SAC5B,OAAO,QAAQ,QACb,uBAAuB,QAAQ,KAAK,gBAAgB,OAAO,CAC7D;EAEF,OAAO,OAAO,cAAc,gBAAgB,KAAA,GAAW,OAAO;CAChE;AACF"}

package/dist/es/components/Channel/hooks/useIsMounted.mjs

@@ -0,0 +1,16 @@
+import { useEffect, useRef } from "react";
+//#region src/components/Channel/hooks/useIsMounted.ts
+var useIsMounted = () => {
+	const isMounted = useRef(false);
+	useEffect(() => {
+		isMounted.current = true;
+		return () => {
+			isMounted.current = false;
+		};
+	}, []);
+	return isMounted;
+};
+//#endregion
+export { useIsMounted };
+
+//# sourceMappingURL=useIsMounted.mjs.map

package/dist/es/components/Channel/hooks/useIsMounted.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIsMounted.mjs","names":[],"sources":["../../../../../src/components/Channel/hooks/useIsMounted.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\n\nexport const useIsMounted = () => {\n  const isMounted = useRef(false);\n\n  useEffect(() => {\n    isMounted.current = true;\n    return () => {\n      isMounted.current = false;\n    };\n  }, []);\n\n  return isMounted;\n};\n"],"mappings":";;AAEA,IAAa,qBAAqB;CAChC,MAAM,YAAY,OAAO,KAAK;CAE9B,gBAAgB;EACd,UAAU,UAAU;EACpB,aAAa;GACX,UAAU,UAAU;EACtB;CACF,GAAG,CAAC,CAAC;CAEL,OAAO;AACT"}

package/dist/es/components/Channel/hooks/useMentionsHandlers.mjs

@@ -0,0 +1,18 @@
+import { useCallback } from "react";
+//#region src/components/Channel/hooks/useMentionsHandlers.ts
+var useMentionsHandlers = (onMentionsHover, onMentionsClick) => useCallback((event, mentioned_users, message) => {
+	if (!onMentionsHover && !onMentionsClick || !(event.target instanceof HTMLElement)) return;
+	const textContent = event.target.innerHTML.replace("*", "");
+	if (textContent[0] === "@") {
+		const userName = textContent.replace("@", "");
+		const user = mentioned_users?.find(({ id, name }) => name === userName || id === userName);
+		if (onMentionsHover && typeof onMentionsHover === "function" && event.type === "mouseover") if (message) onMentionsHover(event, user, message);
+		else onMentionsHover(event, user);
+		if (onMentionsClick && event.type === "click" && typeof onMentionsClick === "function") if (message) onMentionsClick(event, user, message);
+		else onMentionsClick(event, user);
+	}
+}, [onMentionsClick, onMentionsHover]);
+//#endregion
+export { useMentionsHandlers };
+
+//# sourceMappingURL=useMentionsHandlers.mjs.map

package/dist/es/components/Channel/hooks/useMentionsHandlers.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMentionsHandlers.mjs","names":[],"sources":["../../../../../src/components/Channel/hooks/useMentionsHandlers.ts"],"sourcesContent":["import type React from 'react';\nimport { useCallback } from 'react';\nimport type { LocalMessage, UserResponse } from 'stream-chat';\n\nexport type OnMentionAction = (\n  event: React.BaseSyntheticEvent,\n  /**\n   * @deprecated Use the third `message` argument to access mention metadata instead.\n   * FIXME: Remove this argument in the next major release.\n   */\n  user?: UserResponse,\n  message?: LocalMessage,\n) => void;\n\nexport const useMentionsHandlers = (\n  onMentionsHover?: OnMentionAction,\n  onMentionsClick?: OnMentionAction,\n) =>\n  useCallback(\n    (\n      event: React.BaseSyntheticEvent,\n      mentioned_users: UserResponse[],\n      message?: LocalMessage,\n    ) => {\n      if (\n        (!onMentionsHover && !onMentionsClick) ||\n        !(event.target instanceof HTMLElement)\n      ) {\n        return;\n      }\n\n      const target = event.target;\n      const textContent = target.innerHTML.replace('*', '');\n\n      if (textContent[0] === '@') {\n        const userName = textContent.replace('@', '');\n        const user = mentioned_users?.find(\n          ({ id, name }) => name === userName || id === userName,\n        );\n\n        if (\n          onMentionsHover &&\n          typeof onMentionsHover === 'function' &&\n          event.type === 'mouseover'\n        ) {\n          if (message) {\n            onMentionsHover(event, user, message);\n          } else {\n            onMentionsHover(event, user);\n          }\n        }\n\n        if (\n          onMentionsClick &&\n          event.type === 'click' &&\n          typeof onMentionsClick === 'function'\n        ) {\n          if (message) {\n            onMentionsClick(event, user, message);\n          } else {\n            onMentionsClick(event, user);\n          }\n        }\n      }\n    },\n    [onMentionsClick, onMentionsHover],\n  );\n"],"mappings":";;AAcA,IAAa,uBACX,iBACA,oBAEA,aAEI,OACA,iBACA,YACG;CACH,IACG,CAAC,mBAAmB,CAAC,mBACtB,EAAE,MAAM,kBAAkB,cAE1B;CAIF,MAAM,cADS,MAAM,OACM,UAAU,QAAQ,KAAK,EAAE;CAEpD,IAAI,YAAY,OAAO,KAAK;EAC1B,MAAM,WAAW,YAAY,QAAQ,KAAK,EAAE;EAC5C,MAAM,OAAO,iBAAiB,MAC3B,EAAE,IAAI,WAAW,SAAS,YAAY,OAAO,QAChD;EAEA,IACE,mBACA,OAAO,oBAAoB,cAC3B,MAAM,SAAS,aAEf,IAAI,SACF,gBAAgB,OAAO,MAAM,OAAO;OAEpC,gBAAgB,OAAO,IAAI;EAI/B,IACE,mBACA,MAAM,SAAS,WACf,OAAO,oBAAoB,YAE3B,IAAI,SACF,gBAAgB,OAAO,MAAM,OAAO;OAEpC,gBAAgB,OAAO,IAAI;CAGjC;AACF,GACA,CAAC,iBAAiB,eAAe,CACnC"}