@sendbird/uikit-react 3.6.7 → 3.6.8-rc.1

package/Channel/components/MessageList.js.map

@@ -1 +1 @@
-{"version":3,"file":"MessageList.js","sources":["../../../src/modules/Channel/components/MessageList/getMessagePartsInfo.ts","../../../src/modules/Channel/components/MessageList/hooks/useSetScrollToBottom.ts","../../../src/modules/Channel/components/MessageList/hooks/useScrollBehavior.ts","../../../src/modules/Channel/components/MessageList/index.tsx"],"sourcesContent":["import { GroupChannel } from '@sendbird/chat/groupChannel';\nimport { AdminMessage, FileMessage, UserMessage } from '@sendbird/chat/message';\nimport isSameDay from 'date-fns/isSameDay';\n\nimport { compareMessagesForGrouping } from '../../context/utils';\n\nexport interface GetMessagePartsInfoProps {\n  allMessages: Array<UserMessage | FileMessage | AdminMessage>;\n  isMessageGroupingEnabled: boolean;\n  currentIndex: number;\n  currentMessage: UserMessage | FileMessage | AdminMessage;\n  currentChannel: GroupChannel;\n  replyType: string;\n}\n\ninterface OutPuts {\n  chainTop: boolean,\n  chainBottom: boolean,\n  hasSeparator: boolean,\n}\n\nexport const getMessagePartsInfo = ({\n  allMessages = [],\n  isMessageGroupingEnabled = true,\n  currentIndex = 0,\n  currentMessage = null,\n  currentChannel = null,\n  replyType = '',\n}: GetMessagePartsInfoProps): OutPuts => {\n  const previousMessage = allMessages[currentIndex - 1];\n  const nextMessage = allMessages[currentIndex + 1];\n  const [chainTop, chainBottom] = isMessageGroupingEnabled\n    ? compareMessagesForGrouping(previousMessage, currentMessage, nextMessage, currentChannel, replyType)\n    : [false, false];\n  const previousMessageCreatedAt = previousMessage?.createdAt;\n  const currentCreatedAt = currentMessage.createdAt;\n  // https://stackoverflow.com/a/41855608\n  const hasSeparator = !(previousMessageCreatedAt && (\n    isSameDay(currentCreatedAt, previousMessageCreatedAt)\n  ));\n  return {\n    chainTop,\n    chainBottom,\n    hasSeparator,\n  };\n};\n","import React, { useEffect, useState } from 'react';\nimport { useDebounce } from '../../../../../hooks/useDebounce';\n\nconst DELAY = 500;\n\nexport function useSetScrollToBottom({\n  loading,\n}: {\n  loading: boolean;\n}): ({\n  scrollBottom: number;\n  scrollToBottomHandler: (e: React.UIEvent<HTMLDivElement, UIEvent>) => void;\n}) {\n  const [scrollBottom, setScrollBottom] = useState(0);\n  useEffect(() => {\n    if (loading) {\n      setScrollBottom(0);\n    }\n  }, [loading]);\n  const scrollCb = (e: React.UIEvent<HTMLDivElement, UIEvent>) => {\n    const element = e.target as HTMLDivElement;\n    try {\n      setScrollBottom(element.scrollHeight - element.scrollTop - element.offsetHeight);\n    } catch {\n      //\n    }\n  };\n  return {\n    scrollBottom,\n    scrollToBottomHandler: useDebounce(scrollCb, DELAY),\n  };\n}\n","import { useEffect } from 'react';\nimport { useChannelContext } from '../../../context/ChannelProvider';\n\nexport function useScrollBehavior() {\n  const {\n    scrollRef,\n    scrollBehavior = 'auto',\n  } = useChannelContext();\n\n  useEffect(() => {\n    if (scrollRef.current) {\n      scrollRef.current.style.scrollBehavior = scrollBehavior;\n    }\n  }, [scrollRef.current]);\n\n  return null;\n}\n","import './message-list.scss';\n\nimport React from 'react';\n\nimport { useChannelContext } from '../../context/ChannelProvider';\nimport PlaceHolder, { PlaceHolderTypes } from '../../../../ui/PlaceHolder';\nimport Icon, { IconTypes, IconColors } from '../../../../ui/Icon';\nimport Message from '../Message';\nimport { EveryMessage, RenderCustomSeparatorProps, RenderMessageProps } from '../../../../types';\nimport { isAboutSame } from '../../context/utils';\nimport { getMessagePartsInfo } from './getMessagePartsInfo';\nimport UnreadCount from '../UnreadCount';\nimport FrozenNotification from '../FrozenNotification';\nimport { SCROLL_BUFFER } from '../../../../utils/consts';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\nimport { UserMessage } from '@sendbird/chat/message';\nimport { MessageProvider } from '../../../Message/context/MessageProvider';\nimport { useHandleOnScrollCallback } from '../../../../hooks/useHandleOnScrollCallback';\nimport { useSetScrollToBottom } from './hooks/useSetScrollToBottom';\nimport { useScrollBehavior } from './hooks/useScrollBehavior';\n\nconst SCROLL_BOTTOM_PADDING = 50;\n\nexport interface MessageListProps {\n  className?: string;\n  renderMessage?: (props: RenderMessageProps) => React.ReactElement;\n  renderPlaceholderEmpty?: () => React.ReactElement;\n  renderCustomSeparator?: (props: RenderCustomSeparatorProps) => React.ReactElement;\n  renderPlaceholderLoader?: () => React.ReactElement;\n}\n\nconst MessageList: React.FC<MessageListProps> = ({\n  className = '',\n  renderMessage,\n  renderPlaceholderEmpty,\n  renderCustomSeparator,\n  renderPlaceholderLoader,\n}) => {\n  const {\n    allMessages,\n    hasMorePrev,\n    hasMoreNext,\n    setInitialTimeStamp,\n    setAnimatedMessageId,\n    setHighLightedMessageId,\n    isMessageGroupingEnabled,\n    scrollRef,\n    onScrollCallback,\n    onScrollDownCallback,\n    messagesDispatcher,\n    messageActionTypes,\n    currentGroupChannel,\n    disableMarkAsRead,\n    filterMessageList,\n    replyType,\n    loading,\n    unreadSince,\n  } = useChannelContext();\n  const store = useSendbirdStateContext();\n  const allMessagesFiltered = (typeof filterMessageList === 'function')\n    ? allMessages.filter((filterMessageList as (message: EveryMessage) => boolean))\n    : allMessages;\n  const markAsReadScheduler = store.config.markAsReadScheduler;\n\n  useScrollBehavior();\n\n  const onScroll = () => {\n    const element = scrollRef?.current;\n    if (element == null) {\n      return;\n    }\n\n    const {\n      scrollTop,\n      clientHeight,\n      scrollHeight,\n    } = element;\n\n    if (isAboutSame(scrollTop, 0, SCROLL_BUFFER)) {\n      onScrollCallback((messages) => {\n        if (messages) {\n          try {\n            //\n          } catch (error) {\n            //\n          }\n        }\n      });\n    }\n\n    if (isAboutSame(clientHeight + scrollTop, scrollHeight, SCROLL_BUFFER) && hasMoreNext) {\n      onScrollDownCallback(([messages]) => {\n        if (messages) {\n          try {\n            // element.scrollTop = scrollHeight - clientHeight;\n            // scrollRef.current.scrollTop = scrollHeight - clientHeight;\n          } catch (error) {\n            //\n          }\n        }\n      });\n    }\n\n    if (!disableMarkAsRead\n      && isAboutSame(clientHeight + scrollTop, scrollHeight, SCROLL_BUFFER)\n      && !!currentGroupChannel\n    ) {\n      messagesDispatcher({\n        type: messageActionTypes.MARK_AS_READ,\n        payload: { channel: currentGroupChannel },\n      });\n      markAsReadScheduler.push(currentGroupChannel);\n    }\n  };\n\n  const onClickScrollBot = () => {\n    setInitialTimeStamp?.(null);\n    setAnimatedMessageId?.(null);\n    setHighLightedMessageId?.(null);\n    if (scrollRef?.current?.scrollTop > -1) {\n      scrollRef.current.scrollTop = (scrollRef?.current?.scrollHeight ?? 0) - (scrollRef?.current?.offsetHeight ?? 0);\n    }\n  };\n\n  /**\n   * 1. Move the messsage list scroll\n   *    when each message's height is changed by `reactions` OR `showEdit`\n   * 2. Keep the scrollBottom value after fetching new message list\n   */\n  const moveScroll = (isBottomMessageAffected = false): void => {\n    const current = scrollRef?.current;\n    if (current) {\n      const bottom = current.scrollHeight - current.scrollTop - current.offsetHeight;\n      if (scrollBottom < bottom\n        && (!isBottomMessageAffected || scrollBottom < SCROLL_BUFFER)) {\n        // Move the scroll as much as the height of the message has changed\n        current.scrollTop += bottom - scrollBottom;\n      }\n    }\n  };\n\n  const handleOnScroll = useHandleOnScrollCallback({\n    hasMore: hasMorePrev,\n    hasNext: hasMoreNext,\n    onScroll,\n    scrollRef,\n  });\n\n  const { scrollToBottomHandler, scrollBottom } = useSetScrollToBottom({ loading });\n\n  if (loading) {\n    return (typeof renderPlaceholderLoader === 'function')\n      ? renderPlaceholderLoader()\n      : <PlaceHolder type={PlaceHolderTypes.LOADING} />;\n  }\n  if (allMessagesFiltered.length < 1) {\n    if (renderPlaceholderEmpty && typeof renderPlaceholderEmpty === 'function') {\n      return renderPlaceholderEmpty();\n    }\n    return <PlaceHolder className=\"sendbird-conversation__no-messages\" type={PlaceHolderTypes.NO_MESSAGES} />;\n  }\n  return (\n    <div className={`sendbird-conversation__messages ${className}`}>\n      <div className=\"sendbird-conversation__scroll-container\">\n        <div className=\"sendbird-conversation__padding\" />\n        <div\n          className=\"sendbird-conversation__messages-padding\"\n          ref={scrollRef}\n          onScroll={(e) => {\n            handleOnScroll();\n            scrollToBottomHandler(e);\n          }}\n        >\n          {allMessagesFiltered.map((m, idx) => {\n            const {\n              chainTop,\n              chainBottom,\n              hasSeparator,\n            } = getMessagePartsInfo({\n              allMessages: allMessagesFiltered,\n              replyType,\n              isMessageGroupingEnabled,\n              currentIndex: idx,\n              currentMessage: m,\n              currentChannel: currentGroupChannel,\n            });\n            const isByMe = (m as UserMessage)?.sender?.userId === store?.config?.userId;\n            return (\n              <MessageProvider message={m} key={m?.messageId} isByMe={isByMe}>\n                <Message\n                  handleScroll={moveScroll}\n                  renderMessage={renderMessage}\n                  message={m}\n                  hasSeparator={hasSeparator}\n                  chainTop={chainTop}\n                  chainBottom={chainBottom}\n                  renderCustomSeparator={renderCustomSeparator}\n                />\n              </MessageProvider>\n            );\n          })}\n          {/* show frozen notifications */}\n          {/* show new message notifications */}\n        </div>\n      </div>\n      {currentGroupChannel?.isFrozen && (\n        <FrozenNotification className=\"sendbird-conversation__messages__notification\" />\n      )}\n      {unreadSince && (\n        <UnreadCount\n          className=\"sendbird-conversation__messages__notification\"\n          count={currentGroupChannel?.unreadMessageCount}\n          time={unreadSince}\n          onClick={() => {\n            if (scrollRef?.current?.scrollTop) {\n              scrollRef.current.scrollTop = (scrollRef?.current?.scrollHeight ?? 0) - (scrollRef?.current?.offsetHeight ?? 0);\n            }\n            if (!disableMarkAsRead && !!currentGroupChannel) {\n              markAsReadScheduler.push(currentGroupChannel);\n              messagesDispatcher({\n                type: messageActionTypes.MARK_AS_READ,\n                payload: { channel: currentGroupChannel },\n              });\n            }\n            setInitialTimeStamp(null);\n            setAnimatedMessageId(null);\n            setHighLightedMessageId(null);\n          }}\n        />\n      )}\n      {\n        // This flag is an unmatched variable\n        scrollBottom > SCROLL_BOTTOM_PADDING && (\n          <div\n            className=\"sendbird-conversation__scroll-bottom-button\"\n            onClick={onClickScrollBot}\n            onKeyDown={onClickScrollBot}\n            tabIndex={0}\n            role=\"button\"\n          >\n            <Icon\n              width=\"24px\"\n              height=\"24px\"\n              type={IconTypes.CHEVRON_DOWN}\n              fillColor={IconColors.PRIMARY}\n            />\n          </div>\n        )\n      }\n    </div>\n  );\n};\n\nexport default MessageList;\n"],"names":["getMessagePartsInfo","_ref","allMessages","isMessageGroupingEnabled","currentIndex","currentMessage","currentChannel","replyType","previousMessage","nextMessage","chainTop","chainBottom","compareMessagesForGrouping","previousMessageCreatedAt","createdAt","currentCreatedAt","hasSeparator","isSameDay","DELAY","useSetScrollToBottom","loading","scrollBottom","setScrollBottom","useState","useEffect","scrollCb","e","element","target","scrollHeight","scrollTop","offsetHeight","_unused","scrollToBottomHandler","useDebounce","useScrollBehavior","scrollRef","scrollBehavior","useChannelContext","current","style","SCROLL_BOTTOM_PADDING","MessageList","className","renderMessage","renderPlaceholderEmpty","renderCustomSeparator","renderPlaceholderLoader","hasMorePrev","hasMoreNext","setInitialTimeStamp","setAnimatedMessageId","setHighLightedMessageId","onScrollCallback","onScrollDownCallback","messagesDispatcher","messageActionTypes","currentGroupChannel","disableMarkAsRead","filterMessageList","unreadSince","store","useSendbirdStateContext","allMessagesFiltered","filter","markAsReadScheduler","config","onScroll","clientHeight","isAboutSame","SCROLL_BUFFER","messages","_ref2","type","MARK_AS_READ","payload","channel","push","onClickScrollBot","_scrollRef$current","_scrollRef$current$sc","_scrollRef$current2","_scrollRef$current$of","_scrollRef$current3","moveScroll","isBottomMessageAffected","arguments","length","undefined","bottom","handleOnScroll","useHandleOnScrollCallback","hasMore","hasNext","React","createElement","PlaceHolder","PlaceHolderTypes","LOADING","NO_MESSAGES","ref","map","m","idx","_sender","_store$config","isByMe","sender","userId","MessageProvider","message","key","messageId","Message","handleScroll","isFrozen","FrozenNotification","UnreadCount","count","unreadMessageCount","time","onClick","_scrollRef$current4","_scrollRef$current$sc2","_scrollRef$current5","_scrollRef$current$of2","_scrollRef$current6","onKeyDown","tabIndex","role","Icon","width","height","IconTypes","CHEVRON_DOWN","fillColor","IconColors","PRIMARY"],"mappings":"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"}
+{"version":3,"file":"MessageList.js","sources":["../../../src/modules/Channel/components/MessageList/hooks/useSetScrollToBottom.ts","../../../src/modules/Channel/components/MessageList/hooks/useScrollBehavior.ts","../../../src/modules/Channel/components/MessageList/index.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { useDebounce } from '../../../../../hooks/useDebounce';\n\nconst DELAY = 500;\n\nexport function useSetScrollToBottom({\n  loading,\n}: {\n  loading: boolean;\n}): ({\n  scrollBottom: number;\n  scrollToBottomHandler: (e: React.UIEvent<HTMLDivElement, UIEvent>) => void;\n}) {\n  const [scrollBottom, setScrollBottom] = useState(0);\n  useEffect(() => {\n    if (loading) {\n      setScrollBottom(0);\n    }\n  }, [loading]);\n  const scrollCb = (e: React.UIEvent<HTMLDivElement, UIEvent>) => {\n    const element = e.target as HTMLDivElement;\n    try {\n      setScrollBottom(element.scrollHeight - element.scrollTop - element.offsetHeight);\n    } catch {\n      //\n    }\n  };\n  return {\n    scrollBottom,\n    scrollToBottomHandler: useDebounce(scrollCb, DELAY),\n  };\n}\n","import { useEffect } from 'react';\nimport { useChannelContext } from '../../../context/ChannelProvider';\n\nexport function useScrollBehavior() {\n  const {\n    scrollRef,\n    scrollBehavior = 'auto',\n  } = useChannelContext();\n\n  useEffect(() => {\n    if (scrollRef.current) {\n      scrollRef.current.style.scrollBehavior = scrollBehavior;\n    }\n  }, [scrollRef.current]);\n\n  return null;\n}\n","import './message-list.scss';\n\nimport React from 'react';\n\nimport { useChannelContext } from '../../context/ChannelProvider';\nimport PlaceHolder, { PlaceHolderTypes } from '../../../../ui/PlaceHolder';\nimport Icon, { IconTypes, IconColors } from '../../../../ui/Icon';\nimport Message from '../Message';\nimport { EveryMessage, RenderCustomSeparatorProps, RenderMessageProps } from '../../../../types';\nimport { isAboutSame } from '../../context/utils';\nimport { getMessagePartsInfo } from './getMessagePartsInfo';\nimport UnreadCount from '../UnreadCount';\nimport FrozenNotification from '../FrozenNotification';\nimport { SCROLL_BUFFER } from '../../../../utils/consts';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\nimport { UserMessage } from '@sendbird/chat/message';\nimport { MessageProvider } from '../../../Message/context/MessageProvider';\nimport { useHandleOnScrollCallback } from '../../../../hooks/useHandleOnScrollCallback';\nimport { useSetScrollToBottom } from './hooks/useSetScrollToBottom';\nimport { useScrollBehavior } from './hooks/useScrollBehavior';\n\nconst SCROLL_BOTTOM_PADDING = 50;\n\nexport interface MessageListProps {\n  className?: string;\n  renderMessage?: (props: RenderMessageProps) => React.ReactElement;\n  renderPlaceholderEmpty?: () => React.ReactElement;\n  renderCustomSeparator?: (props: RenderCustomSeparatorProps) => React.ReactElement;\n  renderPlaceholderLoader?: () => React.ReactElement;\n}\n\nconst MessageList: React.FC<MessageListProps> = ({\n  className = '',\n  renderMessage,\n  renderPlaceholderEmpty,\n  renderCustomSeparator,\n  renderPlaceholderLoader,\n}) => {\n  const {\n    allMessages,\n    hasMorePrev,\n    hasMoreNext,\n    setInitialTimeStamp,\n    setAnimatedMessageId,\n    setHighLightedMessageId,\n    isMessageGroupingEnabled,\n    scrollRef,\n    onScrollCallback,\n    onScrollDownCallback,\n    messagesDispatcher,\n    messageActionTypes,\n    currentGroupChannel,\n    disableMarkAsRead,\n    filterMessageList,\n    replyType,\n    loading,\n    unreadSince,\n  } = useChannelContext();\n  const store = useSendbirdStateContext();\n  const allMessagesFiltered = (typeof filterMessageList === 'function')\n    ? allMessages.filter((filterMessageList as (message: EveryMessage) => boolean))\n    : allMessages;\n  const markAsReadScheduler = store.config.markAsReadScheduler;\n\n  useScrollBehavior();\n\n  const onScroll = () => {\n    const element = scrollRef?.current;\n    if (element == null) {\n      return;\n    }\n\n    const {\n      scrollTop,\n      clientHeight,\n      scrollHeight,\n    } = element;\n\n    if (isAboutSame(scrollTop, 0, SCROLL_BUFFER)) {\n      onScrollCallback((messages) => {\n        if (messages) {\n          try {\n            //\n          } catch (error) {\n            //\n          }\n        }\n      });\n    }\n\n    if (isAboutSame(clientHeight + scrollTop, scrollHeight, SCROLL_BUFFER) && hasMoreNext) {\n      onScrollDownCallback(([messages]) => {\n        if (messages) {\n          try {\n            // element.scrollTop = scrollHeight - clientHeight;\n            // scrollRef.current.scrollTop = scrollHeight - clientHeight;\n          } catch (error) {\n            //\n          }\n        }\n      });\n    }\n\n    if (!disableMarkAsRead\n      && isAboutSame(clientHeight + scrollTop, scrollHeight, SCROLL_BUFFER)\n      && !!currentGroupChannel\n    ) {\n      messagesDispatcher({\n        type: messageActionTypes.MARK_AS_READ,\n        payload: { channel: currentGroupChannel },\n      });\n      markAsReadScheduler.push(currentGroupChannel);\n    }\n  };\n\n  const onClickScrollBot = () => {\n    setInitialTimeStamp?.(null);\n    setAnimatedMessageId?.(null);\n    setHighLightedMessageId?.(null);\n    if (scrollRef?.current?.scrollTop > -1) {\n      scrollRef.current.scrollTop = (scrollRef?.current?.scrollHeight ?? 0) - (scrollRef?.current?.offsetHeight ?? 0);\n    }\n  };\n\n  /**\n   * 1. Move the messsage list scroll\n   *    when each message's height is changed by `reactions` OR `showEdit`\n   * 2. Keep the scrollBottom value after fetching new message list\n   */\n  const moveScroll = (isBottomMessageAffected = false): void => {\n    const current = scrollRef?.current;\n    if (current) {\n      const bottom = current.scrollHeight - current.scrollTop - current.offsetHeight;\n      if (scrollBottom < bottom\n        && (!isBottomMessageAffected || scrollBottom < SCROLL_BUFFER)) {\n        // Move the scroll as much as the height of the message has changed\n        current.scrollTop += bottom - scrollBottom;\n      }\n    }\n  };\n\n  const handleOnScroll = useHandleOnScrollCallback({\n    hasMore: hasMorePrev,\n    hasNext: hasMoreNext,\n    onScroll,\n    scrollRef,\n  });\n\n  const { scrollToBottomHandler, scrollBottom } = useSetScrollToBottom({ loading });\n\n  if (loading) {\n    return (typeof renderPlaceholderLoader === 'function')\n      ? renderPlaceholderLoader()\n      : <PlaceHolder type={PlaceHolderTypes.LOADING} />;\n  }\n  if (allMessagesFiltered.length < 1) {\n    if (renderPlaceholderEmpty && typeof renderPlaceholderEmpty === 'function') {\n      return renderPlaceholderEmpty();\n    }\n    return <PlaceHolder className=\"sendbird-conversation__no-messages\" type={PlaceHolderTypes.NO_MESSAGES} />;\n  }\n  return (\n    <div className={`sendbird-conversation__messages ${className}`}>\n      <div className=\"sendbird-conversation__scroll-container\">\n        <div className=\"sendbird-conversation__padding\" />\n        <div\n          className=\"sendbird-conversation__messages-padding\"\n          ref={scrollRef}\n          onScroll={(e) => {\n            handleOnScroll();\n            scrollToBottomHandler(e);\n          }}\n        >\n          {allMessagesFiltered.map((m, idx) => {\n            const {\n              chainTop,\n              chainBottom,\n              hasSeparator,\n            } = getMessagePartsInfo({\n              allMessages: allMessagesFiltered,\n              replyType,\n              isMessageGroupingEnabled,\n              currentIndex: idx,\n              currentMessage: m,\n              currentChannel: currentGroupChannel,\n            });\n            const isByMe = (m as UserMessage)?.sender?.userId === store?.config?.userId;\n            return (\n              <MessageProvider message={m} key={m?.messageId} isByMe={isByMe}>\n                <Message\n                  handleScroll={moveScroll}\n                  renderMessage={renderMessage}\n                  message={m}\n                  hasSeparator={hasSeparator}\n                  chainTop={chainTop}\n                  chainBottom={chainBottom}\n                  renderCustomSeparator={renderCustomSeparator}\n                />\n              </MessageProvider>\n            );\n          })}\n          {/* show frozen notifications */}\n          {/* show new message notifications */}\n        </div>\n      </div>\n      {currentGroupChannel?.isFrozen && (\n        <FrozenNotification className=\"sendbird-conversation__messages__notification\" />\n      )}\n      {unreadSince && (\n        <UnreadCount\n          className=\"sendbird-conversation__messages__notification\"\n          count={currentGroupChannel?.unreadMessageCount}\n          time={unreadSince}\n          onClick={() => {\n            if (scrollRef?.current?.scrollTop) {\n              scrollRef.current.scrollTop = (scrollRef?.current?.scrollHeight ?? 0) - (scrollRef?.current?.offsetHeight ?? 0);\n            }\n            if (!disableMarkAsRead && !!currentGroupChannel) {\n              markAsReadScheduler.push(currentGroupChannel);\n              messagesDispatcher({\n                type: messageActionTypes.MARK_AS_READ,\n                payload: { channel: currentGroupChannel },\n              });\n            }\n            setInitialTimeStamp(null);\n            setAnimatedMessageId(null);\n            setHighLightedMessageId(null);\n          }}\n        />\n      )}\n      {\n        // This flag is an unmatched variable\n        scrollBottom > SCROLL_BOTTOM_PADDING && (\n          <div\n            className=\"sendbird-conversation__scroll-bottom-button\"\n            onClick={onClickScrollBot}\n            onKeyDown={onClickScrollBot}\n            tabIndex={0}\n            role=\"button\"\n          >\n            <Icon\n              width=\"24px\"\n              height=\"24px\"\n              type={IconTypes.CHEVRON_DOWN}\n              fillColor={IconColors.PRIMARY}\n            />\n          </div>\n        )\n      }\n    </div>\n  );\n};\n\nexport default MessageList;\n"],"names":["DELAY","useSetScrollToBottom","_ref","loading","scrollBottom","setScrollBottom","useState","useEffect","scrollCb","e","element","target","scrollHeight","scrollTop","offsetHeight","_unused","scrollToBottomHandler","useDebounce","useScrollBehavior","scrollRef","scrollBehavior","useChannelContext","current","style","SCROLL_BOTTOM_PADDING","MessageList","className","renderMessage","renderPlaceholderEmpty","renderCustomSeparator","renderPlaceholderLoader","allMessages","hasMorePrev","hasMoreNext","setInitialTimeStamp","setAnimatedMessageId","setHighLightedMessageId","isMessageGroupingEnabled","onScrollCallback","onScrollDownCallback","messagesDispatcher","messageActionTypes","currentGroupChannel","disableMarkAsRead","filterMessageList","replyType","unreadSince","store","useSendbirdStateContext","allMessagesFiltered","filter","markAsReadScheduler","config","onScroll","clientHeight","isAboutSame","SCROLL_BUFFER","messages","_ref2","type","MARK_AS_READ","payload","channel","push","onClickScrollBot","_scrollRef$current","_scrollRef$current$sc","_scrollRef$current2","_scrollRef$current$of","_scrollRef$current3","moveScroll","isBottomMessageAffected","arguments","length","undefined","bottom","handleOnScroll","useHandleOnScrollCallback","hasMore","hasNext","React","createElement","PlaceHolder","PlaceHolderTypes","LOADING","NO_MESSAGES","ref","map","m","idx","_sender","_store$config","chainTop","chainBottom","hasSeparator","getMessagePartsInfo","currentIndex","currentMessage","currentChannel","isByMe","sender","userId","MessageProvider","message","key","messageId","Message","handleScroll","isFrozen","FrozenNotification","UnreadCount","count","unreadMessageCount","time","onClick","_scrollRef$current4","_scrollRef$current$sc2","_scrollRef$current5","_scrollRef$current$of2","_scrollRef$current6","onKeyDown","tabIndex","role","Icon","width","height","IconTypes","CHEVRON_DOWN","fillColor","IconColors","PRIMARY"],"mappings":"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"}

package/Channel/components/RemoveMessageModal.js

@@ -1,32 +1,33 @@
 import React__default, { useContext } from 'react';
 import Modal from '../../ui/Modal.js';
 import { ButtonTypes } from '../../ui/Button.js';
-import { a as LocalizationContext } from '../../LocalizationContext-5fe9b59d.js';
-import { u as useChannelContext } from '../../ChannelProvider-78e85f32.js';
+import { a as LocalizationContext } from '../../LocalizationContext-8781208d.js';
+import { u as useChannelContext } from '../../ChannelProvider-849524b4.js';
 import 'react-dom';
-import '../../index-bafedab0.js';
+import '../../index-92d47d85.js';
 import '../../ui/Icon.js';
 import 'prop-types';
 import '../../ui/IconButton.js';
-import '../../_rollupPluginBabelHelpers-90ff7fc4.js';
-import '../../index-13d9d766.js';
-import '../../stringSet-47601d79.js';
-import '../../MediaQueryContext-66b59195.js';
-import '../../index-b9b184a4.js';
-import '../../UserProfileContext-8b8f3e3a.js';
+import '../../_rollupPluginBabelHelpers-404d1a9c.js';
+import '../../index-5a7039da.js';
+import '../../stringSet-f13a0a37.js';
+import '../../MediaQueryContext-2ef9f34f.js';
+import '../../index-c17b453a.js';
+import '../../UserProfileContext-3be56f3a.js';
 import '../../useSendbirdStateContext.js';
 import '../../withSendbird.js';
-import '../../const-c6a266f4.js';
-import '../../index-335e7557.js';
-import '../../topics-e985567d.js';
-import '../../index-56249831.js';
+import '../../const-cf103f8d.js';
+import '../../utils-df42b9f9.js';
+import '../../index-0cfeeaac.js';
+import '../../topics-df485c66.js';
+import '../../index-e9757459.js';
 import '../../utils/message/getOutgoingMessageState.js';
-import '../../compareIds-2464aab2.js';
+import '../../compareIds-72c21832.js';
 import '@sendbird/chat/groupChannel';
-import '../../uuid-ec51ac4d.js';
+import '../../uuid-1b498132.js';
 import '@sendbird/chat/message';
-import '../../consts-b6f24cc7.js';
-import '../../resolvedReplyType-d6e22593.js';
+import '../../consts-f92f7a23.js';
+import '../../resolvedReplyType-8fa44680.js';
 
 const RemoveMessage = props => {
   var _message$threadInfo;

package/Channel/components/RemoveMessageModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"RemoveMessageModal.js","sources":["../../../src/modules/Channel/components/RemoveMessageModal.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport Modal from '../../../ui/Modal';\nimport { ButtonTypes } from '../../../ui/Button';\nimport { LocalizationContext } from '../../../lib/LocalizationContext';\nimport { useChannelContext } from '../context/ChannelProvider';\nimport { EveryMessage } from '../../../types';\n\nexport interface RemoveMessageProps {\n  onSubmit?: () => void;\n  onCancel: () => void;\n  message: EveryMessage;\n}\n\nconst RemoveMessage: React.FC<RemoveMessageProps> = (props: RemoveMessageProps) => {\n  const {\n    onSubmit = () => { /* noop */ },\n    onCancel,\n    message,\n  } = props;\n  const { stringSet } = useContext(LocalizationContext);\n  const {\n    deleteMessage,\n  } = useChannelContext();\n  return (\n    <Modal\n      type={ButtonTypes.DANGER}\n      disabled={message?.threadInfo?.replyCount > 0}\n      onCancel={onCancel}\n      onSubmit={() => { deleteMessage(message).then(() => {\n        onSubmit();\n        onCancel();\n      }); }}\n      submitText={stringSet.MESSAGE_MENU__DELETE}\n      titleText={stringSet.MODAL__DELETE_MESSAGE__TITLE}\n    />\n  );\n};\n\nexport default RemoveMessage;\n"],"names":["RemoveMessage","props","_message$threadInfo","onSubmit","onCancel","message","stringSet","useContext","LocalizationContext","deleteMessage","useChannelContext","React","createElement","Modal","type","ButtonTypes","DANGER","disabled","threadInfo","replyCount","then","submitText","MESSAGE_MENU__DELETE","titleText","MODAL__DELETE_MESSAGE__TITLE"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcMA,MAAAA,aAA2C,GAAIC,KAAyB,IAAK;AAAA,EAAA,IAAAC,mBAAA,CAAA;EACjF,MAAM;AACJC,IAAAA,QAAQ,GAAGA,MAAM,YAAc;IAC/BC,QAAQ;AACRC,IAAAA,OAAAA;AACF,GAAC,GAAGJ,KAAK,CAAA;EACT,MAAM;AAAEK,IAAAA,SAAAA;AAAU,GAAC,GAAGC,UAAU,CAACC,mBAAmB,CAAC,CAAA;EACrD,MAAM;AACJC,IAAAA,aAAAA;GACD,GAAGC,iBAAiB,EAAE,CAAA;AACvB,EAAA,oBACEC,cAAA,CAAAC,aAAA,CAACC,KAAK,EAAA;IACJC,IAAI,EAAEC,WAAW,CAACC,MAAO;AACzBC,IAAAA,QAAQ,EAAE,CAAAZ,OAAO,aAAPA,OAAO,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,CAAAH,mBAAA,GAAPG,OAAO,CAAEa,UAAU,cAAAhB,mBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAnBA,mBAAA,CAAqBiB,UAAU,IAAG,CAAE;AAC9Cf,IAAAA,QAAQ,EAAEA,QAAS;IACnBD,QAAQ,EAAEA,MAAM;AAAEM,MAAAA,aAAa,CAACJ,OAAO,CAAC,CAACe,IAAI,CAAC,MAAM;AAClDjB,QAAAA,QAAQ,EAAE,CAAA;AACVC,QAAAA,QAAQ,EAAE,CAAA;AACZ,OAAC,CAAC,CAAA;KAAI;IACNiB,UAAU,EAAEf,SAAS,CAACgB,oBAAqB;IAC3CC,SAAS,EAAEjB,SAAS,CAACkB,4BAAAA;GACrB,CAAA,CAAA;AAEN;;;;"}
+{"version":3,"file":"RemoveMessageModal.js","sources":["../../../src/modules/Channel/components/RemoveMessageModal.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport Modal from '../../../ui/Modal';\nimport { ButtonTypes } from '../../../ui/Button';\nimport { LocalizationContext } from '../../../lib/LocalizationContext';\nimport { useChannelContext } from '../context/ChannelProvider';\nimport { EveryMessage } from '../../../types';\n\nexport interface RemoveMessageProps {\n  onSubmit?: () => void;\n  onCancel: () => void;\n  message: EveryMessage;\n}\n\nconst RemoveMessage: React.FC<RemoveMessageProps> = (props: RemoveMessageProps) => {\n  const {\n    onSubmit = () => { /* noop */ },\n    onCancel,\n    message,\n  } = props;\n  const { stringSet } = useContext(LocalizationContext);\n  const {\n    deleteMessage,\n  } = useChannelContext();\n  return (\n    <Modal\n      type={ButtonTypes.DANGER}\n      disabled={message?.threadInfo?.replyCount > 0}\n      onCancel={onCancel}\n      onSubmit={() => { deleteMessage(message).then(() => {\n        onSubmit();\n        onCancel();\n      }); }}\n      submitText={stringSet.MESSAGE_MENU__DELETE}\n      titleText={stringSet.MODAL__DELETE_MESSAGE__TITLE}\n    />\n  );\n};\n\nexport default RemoveMessage;\n"],"names":["RemoveMessage","props","_message$threadInfo","onSubmit","onCancel","message","stringSet","useContext","LocalizationContext","deleteMessage","useChannelContext","React","createElement","Modal","type","ButtonTypes","DANGER","disabled","threadInfo","replyCount","then","submitText","MESSAGE_MENU__DELETE","titleText","MODAL__DELETE_MESSAGE__TITLE"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcMA,MAAAA,aAA2C,GAAIC,KAAyB,IAAK;AAAA,EAAA,IAAAC,mBAAA,CAAA;EACjF,MAAM;AACJC,IAAAA,QAAQ,GAAGA,MAAM,YAAc;IAC/BC,QAAQ;AACRC,IAAAA,OAAAA;AACF,GAAC,GAAGJ,KAAK,CAAA;EACT,MAAM;AAAEK,IAAAA,SAAAA;AAAU,GAAC,GAAGC,UAAU,CAACC,mBAAmB,CAAC,CAAA;EACrD,MAAM;AACJC,IAAAA,aAAAA;GACD,GAAGC,iBAAiB,EAAE,CAAA;AACvB,EAAA,oBACEC,cAAA,CAAAC,aAAA,CAACC,KAAK,EAAA;IACJC,IAAI,EAAEC,WAAW,CAACC,MAAO;AACzBC,IAAAA,QAAQ,EAAE,CAAAZ,OAAO,aAAPA,OAAO,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,CAAAH,mBAAA,GAAPG,OAAO,CAAEa,UAAU,cAAAhB,mBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAnBA,mBAAA,CAAqBiB,UAAU,IAAG,CAAE;AAC9Cf,IAAAA,QAAQ,EAAEA,QAAS;IACnBD,QAAQ,EAAEA,MAAM;AAAEM,MAAAA,aAAa,CAACJ,OAAO,CAAC,CAACe,IAAI,CAAC,MAAM;AAClDjB,QAAAA,QAAQ,EAAE,CAAA;AACVC,QAAAA,QAAQ,EAAE,CAAA;AACZ,OAAC,CAAC,CAAA;KAAI;IACNiB,UAAU,EAAEf,SAAS,CAACgB,oBAAqB;IAC3CC,SAAS,EAAEjB,SAAS,CAACkB,4BAAAA;GACrB,CAAA,CAAA;AAEN;;;;"}

package/Channel/components/SuggestedMentionList.js

@@ -1,29 +1,30 @@
 import React__default, { useRef, useContext, useEffect, useMemo, useState } from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-13d9d766.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-5a7039da.js';
 import Icon, { IconTypes, IconColors } from '../../ui/Icon.js';
 import Avatar from '../../ui/Avatar.js';
-import { a as LocalizationContext } from '../../LocalizationContext-5fe9b59d.js';
-import { u as uuidv4 } from '../../uuid-ec51ac4d.js';
-import { u as useChannelContext } from '../../ChannelProvider-78e85f32.js';
+import { a as LocalizationContext } from '../../LocalizationContext-8781208d.js';
+import { u as uuidv4 } from '../../uuid-1b498132.js';
+import { u as useChannelContext } from '../../ChannelProvider-849524b4.js';
 import useSendbirdStateContext from '../../useSendbirdStateContext.js';
-import { U as USER_MENTION_TEMP_CHAR, M as MAX_USER_MENTION_COUNT, a as MAX_USER_SUGGESTION_COUNT } from '../../const-c6a266f4.js';
-import { M as MessageInputKeys } from '../../const-0cca8d38.js';
-import { u as useThreadContext } from '../../ThreadProvider-2a4356a2.js';
+import { U as USER_MENTION_TEMP_CHAR, M as MAX_USER_MENTION_COUNT, a as MAX_USER_SUGGESTION_COUNT } from '../../const-cf103f8d.js';
+import { M as MessageInputKeys } from '../../const-035fb030.js';
+import { u as useThreadContext } from '../../ThreadProvider-9e14db75.js';
 import 'prop-types';
-import '../../stringSet-47601d79.js';
+import '../../stringSet-f13a0a37.js';
 import '../../ui/ImageRenderer.js';
-import '../../index-b9b184a4.js';
-import '../../UserProfileContext-8b8f3e3a.js';
-import '../../index-335e7557.js';
-import '../../topics-e985567d.js';
-import '../../index-56249831.js';
-import '../../_rollupPluginBabelHelpers-90ff7fc4.js';
+import '../../index-c17b453a.js';
+import '../../UserProfileContext-3be56f3a.js';
+import '../../utils-df42b9f9.js';
+import '../../index-0cfeeaac.js';
+import '../../topics-df485c66.js';
+import '../../index-e9757459.js';
+import '../../_rollupPluginBabelHelpers-404d1a9c.js';
 import '../../utils/message/getOutgoingMessageState.js';
-import '../../compareIds-2464aab2.js';
+import '../../compareIds-72c21832.js';
 import '@sendbird/chat/groupChannel';
 import '@sendbird/chat/message';
-import '../../consts-b6f24cc7.js';
-import '../../resolvedReplyType-d6e22593.js';
+import '../../consts-f92f7a23.js';
+import '../../resolvedReplyType-8fa44680.js';
 import '../../withSendbird.js';
 import '../../Thread/context/types.js';
 import '@sendbird/chat';

package/Channel/components/SuggestedMentionList.js.map

@@ -1 +1 @@
-{"version":3,"file":"SuggestedMentionList.js","sources":["../../../src/modules/Channel/components/SuggestedMentionList/SuggestedUserMentionItem.tsx","../../../src/modules/Channel/components/SuggestedMentionList/index.tsx"],"sourcesContent":["import React, { useContext, useEffect, useMemo, useRef } from 'react';\nimport type { Member } from '@sendbird/chat/groupChannel';\nimport type { User } from '@sendbird/chat';\n\nimport Avatar from '../../../../ui/Avatar';\nimport Label, { LabelTypography, LabelColors } from '../../../../ui/Label';\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\nimport { MentionItemUIEvent } from '../../../..';\nimport uuidv4 from '../../../../utils/uuid';\n\ninterface SuggestedUserMentionItemProps {\n  member: User | Member;\n  isFocused?: boolean;\n  parentScrollRef?: React.RefObject<HTMLDivElement>;\n  onClick?: (props: MentionItemUIEvent) => void;\n  onMouseOver?: (props: MentionItemUIEvent) => void;\n  onMouseMove?: (props: MentionItemUIEvent) => void;\n  renderUserMentionItem?: (props: { user: User | Member }) => JSX.Element;\n}\n\nfunction SuggestedUserMentionItem(props: SuggestedUserMentionItemProps): JSX.Element {\n  const {\n    member,\n    isFocused = false,\n    parentScrollRef,\n    onClick,\n    onMouseOver,\n    onMouseMove,\n    renderUserMentionItem,\n  } = props;\n  const scrollRef = useRef<HTMLDivElement>(null);\n  const { stringSet = {} } = useContext(LocalizationContext);\n  useEffect(() => {\n    if (isFocused && parentScrollRef?.current != null && scrollRef?.current != null\n      && (parentScrollRef.current.scrollTop >= scrollRef.current.offsetTop\n        || parentScrollRef.current.scrollTop + parentScrollRef.current.clientHeight <= scrollRef.current.offsetTop\n      )) {\n      scrollRef.current.scrollIntoView({ block: 'nearest', inline: 'nearest' });\n    }\n  }, [isFocused]);\n  const customMentionItem = useMemo(() => {\n    if (renderUserMentionItem) {\n      return (\n        <div\n          className=\"sendbird-mention-suggest-list__user-item\"\n          onClick={(event) => onClick?.({ event, member: (member as Member), itemRef: scrollRef })}\n          onMouseOver={(event) => onMouseOver?.({ event, member: (member as Member), itemRef: scrollRef })}\n          onMouseMove={(event) => onMouseMove?.({ event, member: (member as Member), itemRef: scrollRef })}\n          key={member?.userId || uuidv4()}\n          ref={scrollRef}\n        >\n          {renderUserMentionItem({ user: member })}\n        </div>\n      );\n    }\n  }, [renderUserMentionItem]);\n  if (customMentionItem) {\n    return customMentionItem;\n  }\n  return (\n    <div\n      className={`sendbird-mention-suggest-list__user-item ${isFocused ? 'focused' : ''}`}\n      onClick={(event) => onClick?.({ event, member: (member as Member), itemRef: scrollRef })}\n      onMouseOver={(event) => onMouseOver?.({ event, member: (member as Member), itemRef: scrollRef })}\n      onMouseMove={(event) => onMouseMove?.({ event, member: (member as Member), itemRef: scrollRef })}\n      key={member?.userId || uuidv4()}\n      ref={scrollRef}\n    >\n      <Avatar\n        className=\"sendbird-mention-suggest-list__user-item__avatar\"\n        src={member?.profileUrl}\n        alt=\"user-profile\"\n        width=\"24px\"\n        height=\"24px\"\n      />\n      <Label\n        className=\"sendbird-mention-suggest-list__user-item__nickname\"\n        type={LabelTypography.SUBTITLE_2}\n        color={member?.nickname ? LabelColors.ONBACKGROUND_1 : LabelColors.ONBACKGROUND_3}\n      >\n        {member?.nickname || stringSet?.MENTION_NAME__NO_NAME}\n      </Label>\n      <Label\n        className=\"sendbird-mention-suggest-list__user-item__user-id\"\n        type={LabelTypography.SUBTITLE_2}\n        color={LabelColors.ONBACKGROUND_2}\n      >\n        {member?.userId}\n      </Label>\n    </div>\n  );\n}\n\nexport default SuggestedUserMentionItem;\n","import './index.scss';\nimport React, { useState, useEffect, useContext, useRef } from 'react';\nimport type { User } from '@sendbird/chat';\nimport type { Member } from '@sendbird/chat/groupChannel';\n\nimport Label, { LabelTypography, LabelColors } from '../../../../ui/Label';\nimport Icon, { IconTypes, IconColors } from '../../../../ui/Icon';\nimport SuggestedUserMentionItem from './SuggestedUserMentionItem';\nimport { useChannelContext } from '../../context/ChannelProvider';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\nimport { MAX_USER_MENTION_COUNT, MAX_USER_SUGGESTION_COUNT, USER_MENTION_TEMP_CHAR } from '../../context/const';\nimport { MessageInputKeys } from '../../../../ui/MessageInput/const';\nimport uuidv4 from '../../../../utils/uuid';\nimport { useThreadContext } from '../../../Thread/context/ThreadProvider';\n\nexport interface SuggestedMentionListProps {\n  className?: string;\n  targetNickname: string;\n  memberListQuery?: Record<string, string>;\n  onUserItemClick?: (member: User) => void;\n  onFocusItemChange?: (member: User) => void;\n  onFetchUsers?: (users: Array<User>) => void;\n  renderUserMentionItem?: (props: { user: User }) => JSX.Element;\n  ableAddMention: boolean;\n  maxMentionCount?: number;\n  maxSuggestionCount?: number;\n  inputEvent?: React.KeyboardEvent<HTMLDivElement>;\n}\n\nconst DEBOUNCING_TIME = 300;\n\nfunction SuggestedMentionList(props: SuggestedMentionListProps): JSX.Element {\n  const {\n    className,\n    targetNickname = '',\n    // memberListQuery,\n    onUserItemClick,\n    onFocusItemChange,\n    onFetchUsers,\n    renderUserMentionItem,\n    inputEvent,\n    ableAddMention = true,\n    maxMentionCount = MAX_USER_MENTION_COUNT,\n    maxSuggestionCount = MAX_USER_SUGGESTION_COUNT,\n  } = props;\n  const currentGroupChannel = useChannelContext?.()?.currentGroupChannel;\n  const currentChannel = useThreadContext?.()?.currentChannel;\n  const channelInstance = currentGroupChannel || currentChannel;\n  const { config, stores } = useSendbirdStateContext();\n  const { logger } = config;\n  const currentUserId = stores?.sdkStore?.sdk?.currentUser?.userId || '';\n  const scrollRef = useRef(null);\n  const { stringSet } = useContext(LocalizationContext);\n  const [timer, setTimer] = useState(null);\n  const [searchString, setSearchString] = useState('');\n  const [lastSearchString, setLastSearchString] = useState('');\n  const [currentUser, setCurrentUser] = useState<User>(null);\n  const [currentMemberList, setCurrentMemberList] = useState<Array<Member>>([]);\n\n  useEffect(() => {\n    clearTimeout(timer);\n    setTimer(\n      setTimeout(() => {\n        setSearchString(targetNickname);\n      }, DEBOUNCING_TIME),\n    );\n  }, [targetNickname]);\n\n  useEffect(() => {\n    if (inputEvent?.key === MessageInputKeys.Enter) {\n      if (currentMemberList.length > 0) {\n        onUserItemClick(currentUser);\n      }\n    }\n    if (inputEvent?.key === MessageInputKeys.ArrowUp) {\n      const currentUserIndex = currentMemberList.findIndex((member) => (\n        member?.userId === currentUser?.userId\n      ));\n      if (0 < currentUserIndex) {\n        setCurrentUser(currentMemberList[currentUserIndex - 1]);\n        onFocusItemChange(currentMemberList[currentUserIndex - 1]);\n      }\n    }\n    if (inputEvent?.key === MessageInputKeys.ArrowDown) {\n      const currentUserIndex = currentMemberList.findIndex((member) => (\n        member?.userId === currentUser?.userId\n      ));\n      if (currentUserIndex < currentMemberList.length - 1) {\n        setCurrentUser(currentMemberList[currentUserIndex + 1]);\n        onFocusItemChange(currentMemberList[currentUserIndex + 1]);\n      }\n    }\n  }, [inputEvent]);\n\n  /* Fetch member list */\n  useEffect(() => {\n    if (!channelInstance?.createMemberListQuery) {\n      logger.warning('SuggestedMentionList: Creating member list query failed');\n      return;\n    }\n    if (lastSearchString && searchString.indexOf(lastSearchString) === 0 && currentMemberList.length === 0) {\n      // Don't need to request query again\n      return;\n    }\n\n    const query = channelInstance?.createMemberListQuery({\n      limit: maxSuggestionCount + 1, // because current user could be included\n      nicknameStartsWithFilter: searchString.slice(USER_MENTION_TEMP_CHAR.length),\n    });\n    // Add member list query for customization\n    query.next()\n      .then((memberList) => {\n        const suggestingMembers = memberList\n          .filter((member) => currentUserId !== member?.userId)\n          .slice(0, maxSuggestionCount);\n        if (suggestingMembers.length < 1) {\n          logger.info('SuggestedMentionList: Fetched member list is empty');\n        } else {\n          logger.info('SuggestedMentionList: Fetching member list succeeded', { memberListQuery: query, memberList: suggestingMembers });\n          setCurrentUser(suggestingMembers[0]);\n        }\n        setLastSearchString(searchString);\n        onFetchUsers(suggestingMembers);\n        setCurrentMemberList(suggestingMembers);\n      })\n      .catch((error) => {\n        if (error) {\n          logger.error('SuggestedMentionList: Fetching member list failed', error);\n        }\n      });\n  }, [channelInstance?.url, searchString]);\n\n  if (!ableAddMention && currentMemberList.length === 0) {\n    return null;\n  }\n\n  return (\n    <div\n      className={`sendbird-mention-suggest-list ${className}`}\n      key=\"sendbird-mention-suggest-list\"\n      ref={scrollRef}\n    >\n      {\n        ableAddMention && currentMemberList?.map((member) => (\n          <SuggestedUserMentionItem\n            key={member?.userId || uuidv4()}\n            member={member}\n            isFocused={member?.userId === currentUser?.userId}\n            parentScrollRef={scrollRef}\n            onClick={({ member }) => {\n              onUserItemClick(member);\n            }}\n            onMouseOver={({ member }) => {\n              setCurrentUser(member);\n            }}\n            renderUserMentionItem={renderUserMentionItem}\n          />\n        ))\n      }\n      {\n        !ableAddMention && (\n          <div className=\"sendbird-mention-suggest-list__notice-item\">\n            <Icon\n              className=\"sendbird-mention-suggest-list__notice-item__icon\"\n              type={IconTypes.INFO}\n              fillColor={IconColors.ON_BACKGROUND_2}\n              width=\"20px\"\n              height=\"20px\"\n            />\n            <Label\n              className=\"sendbird-mention-suggest-list__notice-item__text\"\n              type={LabelTypography.SUBTITLE_2}\n              color={LabelColors.ONBACKGROUND_2}\n            >\n              {stringSet.MENTION_COUNT__OVER_LIMIT.replace('%d', maxMentionCount)}\n            </Label>\n          </div>\n        )\n      }\n    </div>\n  );\n}\n\nexport default SuggestedMentionList;\n"],"names":["SuggestedUserMentionItem","props","member","isFocused","parentScrollRef","onClick","onMouseOver","onMouseMove","renderUserMentionItem","scrollRef","useRef","stringSet","useContext","LocalizationContext","useEffect","current","scrollTop","offsetTop","clientHeight","scrollIntoView","block","inline","customMentionItem","useMemo","React","createElement","className","event","itemRef","key","userId","uuidv4","ref","user","Avatar","src","profileUrl","alt","width","height","Label","type","LabelTypography","SUBTITLE_2","color","nickname","LabelColors","ONBACKGROUND_1","ONBACKGROUND_3","MENTION_NAME__NO_NAME","ONBACKGROUND_2","DEBOUNCING_TIME","SuggestedMentionList","_useChannelContext","_useThreadContext","_stores$sdkStore","_stores$sdkStore$sdk","_stores$sdkStore$sdk$","targetNickname","onUserItemClick","onFocusItemChange","onFetchUsers","inputEvent","ableAddMention","maxMentionCount","MAX_USER_MENTION_COUNT","maxSuggestionCount","MAX_USER_SUGGESTION_COUNT","currentGroupChannel","useChannelContext","currentChannel","useThreadContext","channelInstance","config","stores","useSendbirdStateContext","logger","currentUserId","sdkStore","sdk","currentUser","timer","setTimer","useState","searchString","setSearchString","lastSearchString","setLastSearchString","setCurrentUser","currentMemberList","setCurrentMemberList","clearTimeout","setTimeout","MessageInputKeys","Enter","length","ArrowUp","currentUserIndex","findIndex","ArrowDown","createMemberListQuery","warning","indexOf","query","limit","nicknameStartsWithFilter","slice","USER_MENTION_TEMP_CHAR","next","then","memberList","suggestingMembers","filter","info","memberListQuery","catch","error","url","map","_ref","_ref2","Icon","IconTypes","INFO","fillColor","IconColors","ON_BACKGROUND_2","MENTION_COUNT__OVER_LIMIT","replace"],"mappings":"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"}
+{"version":3,"file":"SuggestedMentionList.js","sources":["../../../src/modules/Channel/components/SuggestedMentionList/SuggestedUserMentionItem.tsx","../../../src/modules/Channel/components/SuggestedMentionList/index.tsx"],"sourcesContent":["import React, { useContext, useEffect, useMemo, useRef } from 'react';\nimport type { Member } from '@sendbird/chat/groupChannel';\nimport type { User } from '@sendbird/chat';\n\nimport Avatar from '../../../../ui/Avatar';\nimport Label, { LabelTypography, LabelColors } from '../../../../ui/Label';\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\nimport { MentionItemUIEvent } from '../../../..';\nimport uuidv4 from '../../../../utils/uuid';\n\ninterface SuggestedUserMentionItemProps {\n  member: User | Member;\n  isFocused?: boolean;\n  parentScrollRef?: React.RefObject<HTMLDivElement>;\n  onClick?: (props: MentionItemUIEvent) => void;\n  onMouseOver?: (props: MentionItemUIEvent) => void;\n  onMouseMove?: (props: MentionItemUIEvent) => void;\n  renderUserMentionItem?: (props: { user: User | Member }) => JSX.Element;\n}\n\nfunction SuggestedUserMentionItem(props: SuggestedUserMentionItemProps): JSX.Element {\n  const {\n    member,\n    isFocused = false,\n    parentScrollRef,\n    onClick,\n    onMouseOver,\n    onMouseMove,\n    renderUserMentionItem,\n  } = props;\n  const scrollRef = useRef<HTMLDivElement>(null);\n  const { stringSet = {} } = useContext(LocalizationContext);\n  useEffect(() => {\n    if (isFocused && parentScrollRef?.current != null && scrollRef?.current != null\n      && (parentScrollRef.current.scrollTop >= scrollRef.current.offsetTop\n        || parentScrollRef.current.scrollTop + parentScrollRef.current.clientHeight <= scrollRef.current.offsetTop\n      )) {\n      scrollRef.current.scrollIntoView({ block: 'nearest', inline: 'nearest' });\n    }\n  }, [isFocused]);\n  const customMentionItem = useMemo(() => {\n    if (renderUserMentionItem) {\n      return (\n        <div\n          className=\"sendbird-mention-suggest-list__user-item\"\n          onClick={(event) => onClick?.({ event, member: (member as Member), itemRef: scrollRef })}\n          onMouseOver={(event) => onMouseOver?.({ event, member: (member as Member), itemRef: scrollRef })}\n          onMouseMove={(event) => onMouseMove?.({ event, member: (member as Member), itemRef: scrollRef })}\n          key={member?.userId || uuidv4()}\n          ref={scrollRef}\n        >\n          {renderUserMentionItem({ user: member })}\n        </div>\n      );\n    }\n  }, [renderUserMentionItem]);\n  if (customMentionItem) {\n    return customMentionItem;\n  }\n  return (\n    <div\n      className={`sendbird-mention-suggest-list__user-item ${isFocused ? 'focused' : ''}`}\n      onClick={(event) => onClick?.({ event, member: (member as Member), itemRef: scrollRef })}\n      onMouseOver={(event) => onMouseOver?.({ event, member: (member as Member), itemRef: scrollRef })}\n      onMouseMove={(event) => onMouseMove?.({ event, member: (member as Member), itemRef: scrollRef })}\n      key={member?.userId || uuidv4()}\n      ref={scrollRef}\n    >\n      <Avatar\n        className=\"sendbird-mention-suggest-list__user-item__avatar\"\n        src={member?.profileUrl}\n        alt=\"user-profile\"\n        width=\"24px\"\n        height=\"24px\"\n      />\n      <Label\n        className=\"sendbird-mention-suggest-list__user-item__nickname\"\n        type={LabelTypography.SUBTITLE_2}\n        color={member?.nickname ? LabelColors.ONBACKGROUND_1 : LabelColors.ONBACKGROUND_3}\n      >\n        {member?.nickname || stringSet?.MENTION_NAME__NO_NAME}\n      </Label>\n      <Label\n        className=\"sendbird-mention-suggest-list__user-item__user-id\"\n        type={LabelTypography.SUBTITLE_2}\n        color={LabelColors.ONBACKGROUND_2}\n      >\n        {member?.userId}\n      </Label>\n    </div>\n  );\n}\n\nexport default SuggestedUserMentionItem;\n","import './index.scss';\nimport React, { useState, useEffect, useContext, useRef } from 'react';\nimport type { User } from '@sendbird/chat';\nimport type { Member } from '@sendbird/chat/groupChannel';\n\nimport Label, { LabelTypography, LabelColors } from '../../../../ui/Label';\nimport Icon, { IconTypes, IconColors } from '../../../../ui/Icon';\nimport SuggestedUserMentionItem from './SuggestedUserMentionItem';\nimport { useChannelContext } from '../../context/ChannelProvider';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\nimport { MAX_USER_MENTION_COUNT, MAX_USER_SUGGESTION_COUNT, USER_MENTION_TEMP_CHAR } from '../../context/const';\nimport { MessageInputKeys } from '../../../../ui/MessageInput/const';\nimport uuidv4 from '../../../../utils/uuid';\nimport { useThreadContext } from '../../../Thread/context/ThreadProvider';\n\nexport interface SuggestedMentionListProps {\n  className?: string;\n  targetNickname: string;\n  memberListQuery?: Record<string, string>;\n  onUserItemClick?: (member: User) => void;\n  onFocusItemChange?: (member: User) => void;\n  onFetchUsers?: (users: Array<User>) => void;\n  renderUserMentionItem?: (props: { user: User }) => JSX.Element;\n  ableAddMention: boolean;\n  maxMentionCount?: number;\n  maxSuggestionCount?: number;\n  inputEvent?: React.KeyboardEvent<HTMLDivElement>;\n}\n\nconst DEBOUNCING_TIME = 300;\n\nfunction SuggestedMentionList(props: SuggestedMentionListProps): JSX.Element {\n  const {\n    className,\n    targetNickname = '',\n    // memberListQuery,\n    onUserItemClick,\n    onFocusItemChange,\n    onFetchUsers,\n    renderUserMentionItem,\n    inputEvent,\n    ableAddMention = true,\n    maxMentionCount = MAX_USER_MENTION_COUNT,\n    maxSuggestionCount = MAX_USER_SUGGESTION_COUNT,\n  } = props;\n  const currentGroupChannel = useChannelContext?.()?.currentGroupChannel;\n  const currentChannel = useThreadContext?.()?.currentChannel;\n  const channelInstance = currentGroupChannel || currentChannel;\n  const { config, stores } = useSendbirdStateContext();\n  const { logger } = config;\n  const currentUserId = stores?.sdkStore?.sdk?.currentUser?.userId || '';\n  const scrollRef = useRef(null);\n  const { stringSet } = useContext(LocalizationContext);\n  const [timer, setTimer] = useState(null);\n  const [searchString, setSearchString] = useState('');\n  const [lastSearchString, setLastSearchString] = useState('');\n  const [currentUser, setCurrentUser] = useState<User>(null);\n  const [currentMemberList, setCurrentMemberList] = useState<Array<Member>>([]);\n\n  useEffect(() => {\n    clearTimeout(timer);\n    setTimer(\n      setTimeout(() => {\n        setSearchString(targetNickname);\n      }, DEBOUNCING_TIME),\n    );\n  }, [targetNickname]);\n\n  useEffect(() => {\n    if (inputEvent?.key === MessageInputKeys.Enter) {\n      if (currentMemberList.length > 0) {\n        onUserItemClick(currentUser);\n      }\n    }\n    if (inputEvent?.key === MessageInputKeys.ArrowUp) {\n      const currentUserIndex = currentMemberList.findIndex((member) => (\n        member?.userId === currentUser?.userId\n      ));\n      if (0 < currentUserIndex) {\n        setCurrentUser(currentMemberList[currentUserIndex - 1]);\n        onFocusItemChange(currentMemberList[currentUserIndex - 1]);\n      }\n    }\n    if (inputEvent?.key === MessageInputKeys.ArrowDown) {\n      const currentUserIndex = currentMemberList.findIndex((member) => (\n        member?.userId === currentUser?.userId\n      ));\n      if (currentUserIndex < currentMemberList.length - 1) {\n        setCurrentUser(currentMemberList[currentUserIndex + 1]);\n        onFocusItemChange(currentMemberList[currentUserIndex + 1]);\n      }\n    }\n  }, [inputEvent]);\n\n  /* Fetch member list */\n  useEffect(() => {\n    if (!channelInstance?.createMemberListQuery) {\n      logger.warning('SuggestedMentionList: Creating member list query failed');\n      return;\n    }\n    if (lastSearchString && searchString.indexOf(lastSearchString) === 0 && currentMemberList.length === 0) {\n      // Don't need to request query again\n      return;\n    }\n\n    const query = channelInstance?.createMemberListQuery({\n      limit: maxSuggestionCount + 1, // because current user could be included\n      nicknameStartsWithFilter: searchString.slice(USER_MENTION_TEMP_CHAR.length),\n    });\n    // Add member list query for customization\n    query.next()\n      .then((memberList) => {\n        const suggestingMembers = memberList\n          .filter((member) => currentUserId !== member?.userId)\n          .slice(0, maxSuggestionCount);\n        if (suggestingMembers.length < 1) {\n          logger.info('SuggestedMentionList: Fetched member list is empty');\n        } else {\n          logger.info('SuggestedMentionList: Fetching member list succeeded', { memberListQuery: query, memberList: suggestingMembers });\n          setCurrentUser(suggestingMembers[0]);\n        }\n        setLastSearchString(searchString);\n        onFetchUsers(suggestingMembers);\n        setCurrentMemberList(suggestingMembers);\n      })\n      .catch((error) => {\n        if (error) {\n          logger.error('SuggestedMentionList: Fetching member list failed', error);\n        }\n      });\n  }, [channelInstance?.url, searchString]);\n\n  if (!ableAddMention && currentMemberList.length === 0) {\n    return null;\n  }\n\n  return (\n    <div\n      className={`sendbird-mention-suggest-list ${className}`}\n      key=\"sendbird-mention-suggest-list\"\n      ref={scrollRef}\n    >\n      {\n        ableAddMention && currentMemberList?.map((member) => (\n          <SuggestedUserMentionItem\n            key={member?.userId || uuidv4()}\n            member={member}\n            isFocused={member?.userId === currentUser?.userId}\n            parentScrollRef={scrollRef}\n            onClick={({ member }) => {\n              onUserItemClick(member);\n            }}\n            onMouseOver={({ member }) => {\n              setCurrentUser(member);\n            }}\n            renderUserMentionItem={renderUserMentionItem}\n          />\n        ))\n      }\n      {\n        !ableAddMention && (\n          <div className=\"sendbird-mention-suggest-list__notice-item\">\n            <Icon\n              className=\"sendbird-mention-suggest-list__notice-item__icon\"\n              type={IconTypes.INFO}\n              fillColor={IconColors.ON_BACKGROUND_2}\n              width=\"20px\"\n              height=\"20px\"\n            />\n            <Label\n              className=\"sendbird-mention-suggest-list__notice-item__text\"\n              type={LabelTypography.SUBTITLE_2}\n              color={LabelColors.ONBACKGROUND_2}\n            >\n              {stringSet.MENTION_COUNT__OVER_LIMIT.replace('%d', maxMentionCount)}\n            </Label>\n          </div>\n        )\n      }\n    </div>\n  );\n}\n\nexport default SuggestedMentionList;\n"],"names":["SuggestedUserMentionItem","props","member","isFocused","parentScrollRef","onClick","onMouseOver","onMouseMove","renderUserMentionItem","scrollRef","useRef","stringSet","useContext","LocalizationContext","useEffect","current","scrollTop","offsetTop","clientHeight","scrollIntoView","block","inline","customMentionItem","useMemo","React","createElement","className","event","itemRef","key","userId","uuidv4","ref","user","Avatar","src","profileUrl","alt","width","height","Label","type","LabelTypography","SUBTITLE_2","color","nickname","LabelColors","ONBACKGROUND_1","ONBACKGROUND_3","MENTION_NAME__NO_NAME","ONBACKGROUND_2","DEBOUNCING_TIME","SuggestedMentionList","_useChannelContext","_useThreadContext","_stores$sdkStore","_stores$sdkStore$sdk","_stores$sdkStore$sdk$","targetNickname","onUserItemClick","onFocusItemChange","onFetchUsers","inputEvent","ableAddMention","maxMentionCount","MAX_USER_MENTION_COUNT","maxSuggestionCount","MAX_USER_SUGGESTION_COUNT","currentGroupChannel","useChannelContext","currentChannel","useThreadContext","channelInstance","config","stores","useSendbirdStateContext","logger","currentUserId","sdkStore","sdk","currentUser","timer","setTimer","useState","searchString","setSearchString","lastSearchString","setLastSearchString","setCurrentUser","currentMemberList","setCurrentMemberList","clearTimeout","setTimeout","MessageInputKeys","Enter","length","ArrowUp","currentUserIndex","findIndex","ArrowDown","createMemberListQuery","warning","indexOf","query","limit","nicknameStartsWithFilter","slice","USER_MENTION_TEMP_CHAR","next","then","memberList","suggestingMembers","filter","info","memberListQuery","catch","error","url","map","_ref","_ref2","Icon","IconTypes","INFO","fillColor","IconColors","ON_BACKGROUND_2","MENTION_COUNT__OVER_LIMIT","replace"],"mappings":"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"}

package/Channel/components/TypingIndicator.js

@@ -1,24 +1,25 @@
 import React__default, { useContext, useState, useEffect } from 'react';
 import { GroupChannelHandler } from '@sendbird/chat/groupChannel';
-import { a as LocalizationContext } from '../../LocalizationContext-5fe9b59d.js';
-import { u as uuidv4 } from '../../uuid-ec51ac4d.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-13d9d766.js';
-import { u as useChannelContext } from '../../ChannelProvider-78e85f32.js';
+import { a as LocalizationContext } from '../../LocalizationContext-8781208d.js';
+import { u as uuidv4 } from '../../uuid-1b498132.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-5a7039da.js';
+import { u as useChannelContext } from '../../ChannelProvider-849524b4.js';
 import useSendbirdStateContext from '../../useSendbirdStateContext.js';
-import '../../stringSet-47601d79.js';
-import '../../index-b9b184a4.js';
+import '../../stringSet-f13a0a37.js';
+import '../../index-c17b453a.js';
 import 'prop-types';
-import '../../UserProfileContext-8b8f3e3a.js';
-import '../../const-c6a266f4.js';
-import '../../index-335e7557.js';
-import '../../topics-e985567d.js';
-import '../../index-56249831.js';
-import '../../_rollupPluginBabelHelpers-90ff7fc4.js';
+import '../../UserProfileContext-3be56f3a.js';
+import '../../const-cf103f8d.js';
+import '../../utils-df42b9f9.js';
+import '../../index-0cfeeaac.js';
+import '../../topics-df485c66.js';
+import '../../index-e9757459.js';
+import '../../_rollupPluginBabelHelpers-404d1a9c.js';
 import '../../utils/message/getOutgoingMessageState.js';
-import '../../compareIds-2464aab2.js';
+import '../../compareIds-72c21832.js';
 import '@sendbird/chat/message';
-import '../../consts-b6f24cc7.js';
-import '../../resolvedReplyType-d6e22593.js';
+import '../../consts-f92f7a23.js';
+import '../../resolvedReplyType-8fa44680.js';
 import '../../withSendbird.js';
 
 const TypingIndicatorText = _ref => {

package/Channel/components/TypingIndicator.js.map

@@ -1 +1 @@
-{"version":3,"file":"TypingIndicator.js","sources":["../../../src/modules/Channel/components/TypingIndicator.tsx"],"sourcesContent":["import React, { useEffect, useState, useContext } from 'react';\nimport {\n  GroupChannelHandler,\n  Member,\n  SendbirdGroupChat,\n} from '@sendbird/chat/groupChannel';\n\nimport { LocalizationContext } from '../../../lib/LocalizationContext';\nimport { uuidv4 } from '../../../utils/uuid';\nimport Label, { LabelTypography, LabelColors } from '../../../ui/Label';\nimport { useChannelContext } from '../context/ChannelProvider';\nimport useSendbirdStateContext from '../../../hooks/useSendbirdStateContext';\n\nexport interface TypingIndicatorTextProps {\n  members: Member[];\n}\n\nexport const TypingIndicatorText: React.FC<TypingIndicatorTextProps> = ({ members }: TypingIndicatorTextProps) => {\n  const { stringSet } = useContext(LocalizationContext);\n  if (!members || members.length === 0) {\n    return '';\n  }\n\n  if (members && members.length === 1) {\n    return `${members[0].nickname} ${stringSet.TYPING_INDICATOR__IS_TYPING}`;\n  }\n\n  if (members && members.length === 2) {\n    return `${members[0].nickname} ${stringSet.TYPING_INDICATOR__AND} ${members[1].nickname} ${stringSet.TYPING_INDICATOR__ARE_TYPING}`;\n  }\n\n  return stringSet.TYPING_INDICATOR__MULTIPLE_TYPING;\n};\n\nconst TypingIndicator: React.FC = () => {\n  const { channelUrl } = useChannelContext();\n  const globalStore = useSendbirdStateContext();\n  const sb = globalStore?.stores?.sdkStore?.sdk as SendbirdGroupChat;\n  const logger = globalStore?.config?.logger;\n  const [handlerId, setHandlerId] = useState(uuidv4());\n  const [typingMembers, setTypingMembers] = useState<Member[]>([]);\n\n  useEffect(() => {\n    if (sb?.groupChannel?.addGroupChannelHandler) {\n      sb.groupChannel.removeGroupChannelHandler(handlerId);\n      const newHandlerId = uuidv4();\n      const handler = new GroupChannelHandler({\n        onTypingStatusUpdated: (groupChannel) => {\n          // there is a possible warning in here - setState called after unmount\n          logger.info('Channel > Typing Indicator: onTypingStatusUpdated', groupChannel);\n          if (groupChannel.url === channelUrl) {\n            const members = groupChannel.getTypingUsers();\n            setTypingMembers(members);\n          }\n        },\n      });\n      sb.groupChannel.addGroupChannelHandler(newHandlerId, handler);\n      setHandlerId(newHandlerId);\n    }\n\n    return () => {\n      setTypingMembers([]);\n      if (sb?.groupChannel?.removeGroupChannelHandler) {\n        sb.groupChannel.removeGroupChannelHandler(handlerId);\n      }\n    };\n  }, [channelUrl]);\n\n  return (\n    <Label\n      className=\"sendbird-conversation__footer__typing-indicator__text\"\n      type={LabelTypography.CAPTION_2}\n      color={LabelColors.ONBACKGROUND_2}\n    >\n      <TypingIndicatorText members={typingMembers} />\n    </Label>\n  );\n};\n\nexport default TypingIndicator;\n"],"names":["TypingIndicatorText","_ref","members","stringSet","useContext","LocalizationContext","length","nickname","TYPING_INDICATOR__IS_TYPING","TYPING_INDICATOR__AND","TYPING_INDICATOR__ARE_TYPING","TYPING_INDICATOR__MULTIPLE_TYPING","TypingIndicator","_globalStore$stores","_globalStore$stores$s","_globalStore$config","channelUrl","useChannelContext","globalStore","useSendbirdStateContext","sb","stores","sdkStore","sdk","logger","config","handlerId","setHandlerId","useState","uuidv4","typingMembers","setTypingMembers","useEffect","_sb$groupChannel","groupChannel","addGroupChannelHandler","removeGroupChannelHandler","newHandlerId","handler","GroupChannelHandler","onTypingStatusUpdated","info","url","getTypingUsers","_sb$groupChannel2","React","createElement","Label","className","type","LabelTypography","CAPTION_2","color","LabelColors","ONBACKGROUND_2"],"mappings":"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"}
+{"version":3,"file":"TypingIndicator.js","sources":["../../../src/modules/Channel/components/TypingIndicator.tsx"],"sourcesContent":["import React, { useEffect, useState, useContext } from 'react';\nimport {\n  GroupChannelHandler,\n  Member,\n  SendbirdGroupChat,\n} from '@sendbird/chat/groupChannel';\n\nimport { LocalizationContext } from '../../../lib/LocalizationContext';\nimport { uuidv4 } from '../../../utils/uuid';\nimport Label, { LabelTypography, LabelColors } from '../../../ui/Label';\nimport { useChannelContext } from '../context/ChannelProvider';\nimport useSendbirdStateContext from '../../../hooks/useSendbirdStateContext';\n\nexport interface TypingIndicatorTextProps {\n  members: Member[];\n}\n\nexport const TypingIndicatorText: React.FC<TypingIndicatorTextProps> = ({ members }: TypingIndicatorTextProps) => {\n  const { stringSet } = useContext(LocalizationContext);\n  if (!members || members.length === 0) {\n    return '';\n  }\n\n  if (members && members.length === 1) {\n    return `${members[0].nickname} ${stringSet.TYPING_INDICATOR__IS_TYPING}`;\n  }\n\n  if (members && members.length === 2) {\n    return `${members[0].nickname} ${stringSet.TYPING_INDICATOR__AND} ${members[1].nickname} ${stringSet.TYPING_INDICATOR__ARE_TYPING}`;\n  }\n\n  return stringSet.TYPING_INDICATOR__MULTIPLE_TYPING;\n};\n\nconst TypingIndicator: React.FC = () => {\n  const { channelUrl } = useChannelContext();\n  const globalStore = useSendbirdStateContext();\n  const sb = globalStore?.stores?.sdkStore?.sdk as SendbirdGroupChat;\n  const logger = globalStore?.config?.logger;\n  const [handlerId, setHandlerId] = useState(uuidv4());\n  const [typingMembers, setTypingMembers] = useState<Member[]>([]);\n\n  useEffect(() => {\n    if (sb?.groupChannel?.addGroupChannelHandler) {\n      sb.groupChannel.removeGroupChannelHandler(handlerId);\n      const newHandlerId = uuidv4();\n      const handler = new GroupChannelHandler({\n        onTypingStatusUpdated: (groupChannel) => {\n          // there is a possible warning in here - setState called after unmount\n          logger.info('Channel > Typing Indicator: onTypingStatusUpdated', groupChannel);\n          if (groupChannel.url === channelUrl) {\n            const members = groupChannel.getTypingUsers();\n            setTypingMembers(members);\n          }\n        },\n      });\n      sb.groupChannel.addGroupChannelHandler(newHandlerId, handler);\n      setHandlerId(newHandlerId);\n    }\n\n    return () => {\n      setTypingMembers([]);\n      if (sb?.groupChannel?.removeGroupChannelHandler) {\n        sb.groupChannel.removeGroupChannelHandler(handlerId);\n      }\n    };\n  }, [channelUrl]);\n\n  return (\n    <Label\n      className=\"sendbird-conversation__footer__typing-indicator__text\"\n      type={LabelTypography.CAPTION_2}\n      color={LabelColors.ONBACKGROUND_2}\n    >\n      <TypingIndicatorText members={typingMembers} />\n    </Label>\n  );\n};\n\nexport default TypingIndicator;\n"],"names":["TypingIndicatorText","_ref","members","stringSet","useContext","LocalizationContext","length","nickname","TYPING_INDICATOR__IS_TYPING","TYPING_INDICATOR__AND","TYPING_INDICATOR__ARE_TYPING","TYPING_INDICATOR__MULTIPLE_TYPING","TypingIndicator","_globalStore$stores","_globalStore$stores$s","_globalStore$config","channelUrl","useChannelContext","globalStore","useSendbirdStateContext","sb","stores","sdkStore","sdk","logger","config","handlerId","setHandlerId","useState","uuidv4","typingMembers","setTypingMembers","useEffect","_sb$groupChannel","groupChannel","addGroupChannelHandler","removeGroupChannelHandler","newHandlerId","handler","GroupChannelHandler","onTypingStatusUpdated","info","url","getTypingUsers","_sb$groupChannel2","React","createElement","Label","className","type","LabelTypography","CAPTION_2","color","LabelColors","ONBACKGROUND_2"],"mappings":"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"}

package/Channel/components/UnreadCount.js

@@ -1,9 +1,9 @@
 import React__default, { useContext } from 'react';
-import { a as LocalizationContext } from '../../LocalizationContext-5fe9b59d.js';
-import { L as Label, b as LabelColors, a as LabelTypography } from '../../index-13d9d766.js';
+import { a as LocalizationContext } from '../../LocalizationContext-8781208d.js';
+import { L as Label, b as LabelColors, a as LabelTypography } from '../../index-5a7039da.js';
 import Icon, { IconTypes, IconColors } from '../../ui/Icon.js';
-import '../../stringSet-47601d79.js';
-import '../../index-b9b184a4.js';
+import '../../stringSet-f13a0a37.js';
+import '../../index-c17b453a.js';
 import 'prop-types';
 
 const UnreadCount = _ref => {

package/Channel/context.js

@@ -1,20 +1,21 @@
 import 'react';
-import '../UserProfileContext-8b8f3e3a.js';
+import '../UserProfileContext-3be56f3a.js';
 import '../useSendbirdStateContext.js';
-import '../const-c6a266f4.js';
-export { C as ChannelProvider, u as useChannelContext } from '../ChannelProvider-78e85f32.js';
-import '../resolvedReplyType-d6e22593.js';
+import '../const-cf103f8d.js';
+import '../utils-df42b9f9.js';
+export { C as ChannelProvider, u as useChannelContext } from '../ChannelProvider-849524b4.js';
+import '../resolvedReplyType-8fa44680.js';
 import 'prop-types';
 import '../withSendbird.js';
-import '../_rollupPluginBabelHelpers-90ff7fc4.js';
-import '../index-335e7557.js';
-import '../index-b9b184a4.js';
-import '../topics-e985567d.js';
-import '../index-56249831.js';
+import '../_rollupPluginBabelHelpers-404d1a9c.js';
+import '../index-0cfeeaac.js';
+import '../index-c17b453a.js';
+import '../topics-df485c66.js';
+import '../index-e9757459.js';
 import '../utils/message/getOutgoingMessageState.js';
-import '../compareIds-2464aab2.js';
+import '../compareIds-72c21832.js';
 import '@sendbird/chat/groupChannel';
-import '../uuid-ec51ac4d.js';
+import '../uuid-1b498132.js';
 import '@sendbird/chat/message';
-import '../consts-b6f24cc7.js';
+import '../consts-f92f7a23.js';
 //# sourceMappingURL=context.js.map

package/Channel/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"context.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;"}

package/Channel/utils/compareMessagesForGrouping.js

@@ -0,0 +1,22 @@
+import { H as isSameGroup } from '../../utils-df42b9f9.js';
+import '../../index-0cfeeaac.js';
+import '../../index-c17b453a.js';
+import '../../topics-df485c66.js';
+import '../../index-e9757459.js';
+import '../../_rollupPluginBabelHelpers-404d1a9c.js';
+import '../../utils/message/getOutgoingMessageState.js';
+
+/**
+ * exported, should be backward compatible
+ */
+const compareMessagesForGrouping = (prevMessage, currMessage, nextMessage, currentChannel, replyType) => {
+  if (replyType === 'THREAD' && currMessage !== null && currMessage !== void 0 && currMessage.threadInfo) {
+    return [false, false];
+  }
+  const sendingStatus = (currMessage === null || currMessage === void 0 ? void 0 : currMessage.sendingStatus) || '';
+  const isAcceptable = sendingStatus !== 'pending' && sendingStatus !== 'failed';
+  return [isSameGroup(prevMessage, currMessage, currentChannel) && isAcceptable, isSameGroup(currMessage, nextMessage, currentChannel) && isAcceptable];
+};
+
+export { compareMessagesForGrouping };
+//# sourceMappingURL=compareMessagesForGrouping.js.map

package/Channel/utils/compareMessagesForGrouping.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"compareMessagesForGrouping.js","sources":["../../../src/modules/Channel/context/compareMessagesForGrouping.ts"],"sourcesContent":["import { UserMessage } from '@sendbird/chat/message';\nimport { GroupChannel } from '@sendbird/chat/groupChannel';\n\nimport { isSameGroup } from './utils';\nimport { ReplyType } from '../../../types';\nimport { CoreMessageType } from '../../../utils';\n\n/**\n * exported, should be backward compatible\n */\nexport const compareMessagesForGrouping = (\n  prevMessage: CoreMessageType,\n  currMessage: CoreMessageType,\n  nextMessage: CoreMessageType,\n  currentChannel: GroupChannel,\n  replyType: ReplyType,\n): [\n  chainTop: boolean,\n  chainBottom: boolean,\n] => {\n  if (replyType === 'THREAD' && currMessage?.threadInfo) {\n    return [false, false];\n  }\n  const sendingStatus = (currMessage as UserMessage)?.sendingStatus || '';\n  const isAcceptable = sendingStatus !== 'pending' && sendingStatus !== 'failed';\n  return [\n    isSameGroup(prevMessage, currMessage, currentChannel) && isAcceptable,\n    isSameGroup(currMessage, nextMessage, currentChannel) && isAcceptable,\n  ];\n};\n"],"names":["compareMessagesForGrouping","prevMessage","currMessage","nextMessage","currentChannel","replyType","threadInfo","sendingStatus","isAcceptable","isSameGroup"],"mappings":";;;;;;;;AAOA;AACA;AACA;AACaA,MAAAA,0BAA0B,GAAGA,CACxCC,WAA4B,EAC5BC,WAA4B,EAC5BC,WAA4B,EAC5BC,cAA4B,EAC5BC,SAAoB,KAIjB;EACH,IAAIA,SAAS,KAAK,QAAQ,IAAIH,WAAW,KAAXA,IAAAA,IAAAA,WAAW,KAAXA,KAAAA,CAAAA,IAAAA,WAAW,CAAEI,UAAU,EAAE;AACrD,IAAA,OAAO,CAAC,KAAK,EAAE,KAAK,CAAC,CAAA;AACvB,GAAA;EACA,MAAMC,aAAa,GAAG,CAACL,WAAW,KAAA,IAAA,IAAXA,WAAW,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAXA,WAAW,CAAkBK,aAAa,KAAI,EAAE,CAAA;EACvE,MAAMC,YAAY,GAAGD,aAAa,KAAK,SAAS,IAAIA,aAAa,KAAK,QAAQ,CAAA;EAC9E,OAAO,CACLE,WAAW,CAACR,WAAW,EAAEC,WAAW,EAAEE,cAAc,CAAC,IAAII,YAAY,EACrEC,WAAW,CAACP,WAAW,EAAEC,WAAW,EAAEC,cAAc,CAAC,IAAII,YAAY,CACtE,CAAA;AACH;;;;"}

package/Channel/utils/getMessagePartsInfo.js

@@ -0,0 +1,38 @@
+import { i as isSameDay } from '../../index-3c8065f1.js';
+import { compareMessagesForGrouping } from './compareMessagesForGrouping.js';
+import '../../index-0cfeeaac.js';
+import '../../index-c17b453a.js';
+import '../../utils-df42b9f9.js';
+import '../../topics-df485c66.js';
+import '../../index-e9757459.js';
+import '../../_rollupPluginBabelHelpers-404d1a9c.js';
+import '../../utils/message/getOutgoingMessageState.js';
+
+/**
+ * exported, should be backward compatible
+ */
+const getMessagePartsInfo = _ref => {
+  let {
+    allMessages = [],
+    isMessageGroupingEnabled = true,
+    currentIndex = 0,
+    currentMessage = null,
+    currentChannel = null,
+    replyType = ''
+  } = _ref;
+  const previousMessage = allMessages[currentIndex - 1];
+  const nextMessage = allMessages[currentIndex + 1];
+  const [chainTop, chainBottom] = isMessageGroupingEnabled ? compareMessagesForGrouping(previousMessage, currentMessage, nextMessage, currentChannel, replyType) : [false, false];
+  const previousMessageCreatedAt = previousMessage === null || previousMessage === void 0 ? void 0 : previousMessage.createdAt;
+  const currentCreatedAt = currentMessage.createdAt;
+  // https://stackoverflow.com/a/41855608
+  const hasSeparator = !(previousMessageCreatedAt && isSameDay(currentCreatedAt, previousMessageCreatedAt));
+  return {
+    chainTop,
+    chainBottom,
+    hasSeparator
+  };
+};
+
+export { getMessagePartsInfo };
+//# sourceMappingURL=getMessagePartsInfo.js.map

package/Channel/utils/getMessagePartsInfo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getMessagePartsInfo.js","sources":["../../../src/modules/Channel/components/MessageList/getMessagePartsInfo.ts"],"sourcesContent":["import { GroupChannel } from '@sendbird/chat/groupChannel';\nimport isSameDay from 'date-fns/isSameDay';\n\nimport { compareMessagesForGrouping } from '../../context/compareMessagesForGrouping';\nimport { ReplyType } from '../../../../types';\nimport { CoreMessageType } from '../../../../utils';\n\nexport interface GetMessagePartsInfoProps {\n  allMessages: Array<CoreMessageType>;\n  isMessageGroupingEnabled: boolean;\n  currentIndex: number;\n  currentMessage: CoreMessageType;\n  currentChannel: GroupChannel;\n  replyType: string;\n}\n\ninterface OutPuts {\n  chainTop: boolean,\n  chainBottom: boolean,\n  hasSeparator: boolean,\n}\n\n/**\n * exported, should be backward compatible\n */\nexport const getMessagePartsInfo = ({\n  allMessages = [],\n  isMessageGroupingEnabled = true,\n  currentIndex = 0,\n  currentMessage = null,\n  currentChannel = null,\n  replyType = '',\n}: GetMessagePartsInfoProps): OutPuts => {\n  const previousMessage = allMessages[currentIndex - 1];\n  const nextMessage = allMessages[currentIndex + 1];\n  const [chainTop, chainBottom] = isMessageGroupingEnabled\n    ? compareMessagesForGrouping(previousMessage, currentMessage, nextMessage, currentChannel, (replyType as ReplyType))\n    : [false, false];\n  const previousMessageCreatedAt = previousMessage?.createdAt;\n  const currentCreatedAt = currentMessage.createdAt;\n  // https://stackoverflow.com/a/41855608\n  const hasSeparator = !(previousMessageCreatedAt && (\n    isSameDay(currentCreatedAt, previousMessageCreatedAt)\n  ));\n  return {\n    chainTop,\n    chainBottom,\n    hasSeparator,\n  };\n};\n"],"names":["getMessagePartsInfo","_ref","allMessages","isMessageGroupingEnabled","currentIndex","currentMessage","currentChannel","replyType","previousMessage","nextMessage","chainTop","chainBottom","compareMessagesForGrouping","previousMessageCreatedAt","createdAt","currentCreatedAt","hasSeparator","isSameDay"],"mappings":";;;;;;;;;;AAsBA;AACA;AACA;AACaA,MAAAA,mBAAmB,GAAGC,IAAA,IAOM;EAAA,IAPL;AAClCC,IAAAA,WAAW,GAAG,EAAE;AAChBC,IAAAA,wBAAwB,GAAG,IAAI;AAC/BC,IAAAA,YAAY,GAAG,CAAC;AAChBC,IAAAA,cAAc,GAAG,IAAI;AACrBC,IAAAA,cAAc,GAAG,IAAI;AACrBC,IAAAA,SAAS,GAAG,EAAA;AACY,GAAC,GAAAN,IAAA,CAAA;AACzB,EAAA,MAAMO,eAAe,GAAGN,WAAW,CAACE,YAAY,GAAG,CAAC,CAAC,CAAA;AACrD,EAAA,MAAMK,WAAW,GAAGP,WAAW,CAACE,YAAY,GAAG,CAAC,CAAC,CAAA;EACjD,MAAM,CAACM,QAAQ,EAAEC,WAAW,CAAC,GAAGR,wBAAwB,GACpDS,0BAA0B,CAACJ,eAAe,EAAEH,cAAc,EAAEI,WAAW,EAAEH,cAAc,EAAGC,SAAS,CAAe,GAClH,CAAC,KAAK,EAAE,KAAK,CAAC,CAAA;EAClB,MAAMM,wBAAwB,GAAGL,eAAe,KAAA,IAAA,IAAfA,eAAe,KAAfA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,eAAe,CAAEM,SAAS,CAAA;AAC3D,EAAA,MAAMC,gBAAgB,GAAGV,cAAc,CAACS,SAAS,CAAA;AACjD;EACA,MAAME,YAAY,GAAG,EAAEH,wBAAwB,IAC7CI,SAAS,CAACF,gBAAgB,EAAEF,wBAAwB,CACrD,CAAC,CAAA;EACF,OAAO;IACLH,QAAQ;IACRC,WAAW;AACXK,IAAAA,YAAAA;GACD,CAAA;AACH;;;;"}