@sendbird/uikit-react 3.2.2 → 3.2.3-rc.0

package/Channel/components/MessageList.js.map

@@ -1 +1 @@
-{"version":3,"file":"MessageList.js","sources":["../../../src/smart-components/Channel/components/MessageList/index.tsx"],"sourcesContent":["import './message-list.scss';\n\nimport React, { useState, useMemo } from 'react';\nimport isSameDay from 'date-fns/isSameDay';\n\nimport { useChannelContext } from '../../context/ChannelProvider';\nimport PlaceHolder, { PlaceHolderTypes } from '../../../../ui/PlaceHolder';\nimport Icon, { IconTypes, IconColors } from '../../../../ui/Icon';\nimport { compareMessagesForGrouping } from '../../context/utils';\nimport Message from '../Message';\nimport { RenderCustomSeparatorProps, RenderMessageProps } from '../../../../types';\nimport { isAboutSame } from '../../context/utils';\nimport uuidv4 from '../../../../utils/uuid';\n\nexport type MessageListProps = {\n  renderMessage?: (props: RenderMessageProps) => React.ReactElement;\n  renderPlaceholderEmpty?: () => React.ReactElement;\n  renderCustomSeparator?: (props: RenderCustomSeparatorProps) => React.ReactElement;\n};\n\nconst SCROLL_REF_CLASS_NAME = '.sendbird-msg--scroll-ref';\n\nconst MessageList: React.FC<MessageListProps> = (props: MessageListProps) => {\n  const {\n    renderMessage,\n    renderPlaceholderEmpty,\n    renderCustomSeparator,\n  } = props;\n  const {\n    allMessages,\n    hasMorePrev,\n    setInitialTimeStamp,\n    setAnimatedMessageId,\n    setHighLightedMessageId,\n    isMessageGroupingEnabled,\n    scrollRef,\n    onScrollCallback,\n    onScrollDownCallback,\n    messagesDispatcher,\n    messageActionTypes,\n    currentGroupChannel,\n  } = useChannelContext();\n  const [scrollBottom, setScrollBottom] = useState(0);\n\n  const onScroll = (e) => {\n    const element = e.target;\n    const {\n      scrollTop,\n      clientHeight,\n      scrollHeight,\n    } = element;\n\n    if (scrollTop === 0) {\n      if (!hasMorePrev) {\n        return;\n      }\n      const nodes = scrollRef.current.querySelectorAll(SCROLL_REF_CLASS_NAME);\n      const first = nodes && nodes[0];\n      onScrollCallback(([messages]) => {\n        if (messages) {\n          // https://github.com/scabbiaza/react-scroll-position-on-updating-dom\n          // Set block to nearest to prevent unexpected scrolling from outer components\n          try {\n            first.scrollIntoView({ block: \"start\", inline: \"nearest\" });\n          } catch (error) {\n            //\n          }\n        }\n      });\n    }\n\n    if (isAboutSame(clientHeight + scrollTop, scrollHeight, 10)) {\n      onScrollDownCallback(([messages]) => {\n        if (messages) {\n          try {\n            element.scrollTop = scrollHeight - clientHeight;\n          } catch (error) {\n            //\n          }\n        }\n      });\n    }\n\n    // save the lastest scroll bottom value\n    if (scrollRef?.current) {\n      const current = scrollRef?.current;\n      setScrollBottom(current.scrollHeight - current.scrollTop - current.offsetHeight)\n    }\n\n    // do this later\n    setTimeout(() => {\n      // mark as read if scroll is at end\n      if (clientHeight + scrollTop === scrollHeight) {\n        messagesDispatcher({\n          type: messageActionTypes.MARK_AS_READ,\n          payload: { channel: currentGroupChannel },\n        });\n        try {\n          currentGroupChannel?.markAsRead();\n        } catch {\n          //\n        }\n      }\n    }, 500);\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 - scrollRef?.current?.offsetHeight;\n    }\n  };\n\n  // Because every message components are re-rendered everytime by every scroll events\n  const memoizedAllMessages = useMemo(() => {\n    return (\n      allMessages.map((m, idx) => {\n        const previousMessage = allMessages[idx - 1];\n        const nextMessage = allMessages[idx + 1];\n        const [chainTop, chainBottom] = isMessageGroupingEnabled\n          ? compareMessagesForGrouping(previousMessage, m, nextMessage)\n          : [false, false];\n        const previousMessageCreatedAt = previousMessage?.createdAt;\n        const currentCreatedAt = m.createdAt;\n        // https://stackoverflow.com/a/41855608\n        const hasSeparator = !(previousMessageCreatedAt && (\n          isSameDay(currentCreatedAt, previousMessageCreatedAt)\n        ));\n\n        const handleScroll = () => {\n          const current = scrollRef?.current;\n          if (current) {\n            const bottom = current.scrollHeight - current.scrollTop - current.offsetHeight;\n            if (scrollBottom < bottom) {\n              current.scrollTop += bottom - scrollBottom;\n            }\n          }\n        }\n\n        return (\n          <Message\n            handleScroll={handleScroll}\n            renderMessage={renderMessage}\n            message={m}\n            hasSeparator={hasSeparator}\n            chainTop={chainTop}\n            chainBottom={chainBottom}\n            renderCustomSeparator={renderCustomSeparator}\n            key={m.messageId + uuidv4()}\n          />\n        );\n      })\n    );\n  }, [allMessages]);\n\n  if (allMessages.length < 1) {\n    return (\n      <>\n        {\n          renderPlaceholderEmpty?.() || (\n            <PlaceHolder\n              className=\"sendbird-conversation__no-messages\"\n              type={PlaceHolderTypes.NO_MESSAGES}\n            />)\n        }\n      </>\n    );\n  }\n  return (\n    <div className=\"sendbird-conversation__messages\">\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={onScroll}\n        >\n          {memoizedAllMessages}\n        </div>\n      </div>\n      {\n        // This flag is an unmatched variable\n        (scrollBottom > 1) && (\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":["SCROLL_REF_CLASS_NAME","MessageList","props","renderMessage","renderPlaceholderEmpty","renderCustomSeparator","_a","useChannelContext","allMessages","hasMorePrev","setInitialTimeStamp","setAnimatedMessageId","setHighLightedMessageId","isMessageGroupingEnabled","scrollRef","onScrollCallback","onScrollDownCallback","messagesDispatcher","messageActionTypes","currentGroupChannel","_b","useState","scrollBottom","setScrollBottom","onScroll","e","element","target","scrollTop","clientHeight","scrollHeight","nodes","current","querySelectorAll","first_1","messages","scrollIntoView","block","inline","error","isAboutSame","offsetHeight","setTimeout","type","MARK_AS_READ","payload","channel","markAsRead","onClickScrollBot","_c","memoizedAllMessages","useMemo","map","m","idx","previousMessage","nextMessage","compareMessagesForGrouping","chainTop","chainBottom","previousMessageCreatedAt","createdAt","currentCreatedAt","hasSeparator","isSameDay","handleScroll","bottom","React","messageId","uuidv4","length","PlaceHolderTypes","NO_MESSAGES","IconTypes","CHEVRON_DOWN","IconColors","PRIMARY"],"mappings":"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"}
+{"version":3,"file":"MessageList.js","sources":["../../../src/smart-components/Channel/components/MessageList/index.tsx"],"sourcesContent":["import './message-list.scss';\n\nimport React, { useState, useMemo } from 'react';\nimport isSameDay from 'date-fns/isSameDay';\n\nimport { useChannelContext } from '../../context/ChannelProvider';\nimport PlaceHolder, { PlaceHolderTypes } from '../../../../ui/PlaceHolder';\nimport Icon, { IconTypes, IconColors } from '../../../../ui/Icon';\nimport { compareMessagesForGrouping } from '../../context/utils';\nimport Message from '../Message';\nimport { RenderCustomSeparatorProps, RenderMessageProps } from '../../../../types';\nimport { isAboutSame } from '../../context/utils';\nimport uuidv4 from '../../../../utils/uuid';\n\nexport type MessageListProps = {\n  renderMessage?: (props: RenderMessageProps) => React.ReactElement;\n  renderPlaceholderEmpty?: () => React.ReactElement;\n  renderCustomSeparator?: (props: RenderCustomSeparatorProps) => React.ReactElement;\n};\n\nconst SCROLL_REF_CLASS_NAME = '.sendbird-msg--scroll-ref';\n\nconst MessageList: React.FC<MessageListProps> = (props: MessageListProps) => {\n  const {\n    renderMessage,\n    renderPlaceholderEmpty,\n    renderCustomSeparator,\n  } = props;\n  const {\n    allMessages,\n    hasMorePrev,\n    setInitialTimeStamp,\n    setAnimatedMessageId,\n    setHighLightedMessageId,\n    isMessageGroupingEnabled,\n    scrollRef,\n    onScrollCallback,\n    onScrollDownCallback,\n    messagesDispatcher,\n    messageActionTypes,\n    currentGroupChannel,\n    disableMarkAsRead,\n  } = useChannelContext();\n  const [scrollBottom, setScrollBottom] = useState(0);\n\n  const onScroll = (e) => {\n    const element = e.target;\n    const {\n      scrollTop,\n      clientHeight,\n      scrollHeight,\n    } = element;\n\n    if (scrollTop === 0) {\n      if (!hasMorePrev) {\n        return;\n      }\n      const nodes = scrollRef.current.querySelectorAll(SCROLL_REF_CLASS_NAME);\n      const first = nodes && nodes[0];\n      onScrollCallback(([messages]) => {\n        if (messages) {\n          // https://github.com/scabbiaza/react-scroll-position-on-updating-dom\n          // Set block to nearest to prevent unexpected scrolling from outer components\n          try {\n            first.scrollIntoView({ block: \"start\", inline: \"nearest\" });\n          } catch (error) {\n            //\n          }\n        }\n      });\n    }\n\n    if (isAboutSame(clientHeight + scrollTop, scrollHeight, 10)) {\n      onScrollDownCallback(([messages]) => {\n        if (messages) {\n          try {\n            element.scrollTop = scrollHeight - clientHeight;\n          } catch (error) {\n            //\n          }\n        }\n      });\n    }\n\n    // save the lastest scroll bottom value\n    if (scrollRef?.current) {\n      const current = scrollRef?.current;\n      setScrollBottom(current.scrollHeight - current.scrollTop - current.offsetHeight)\n    }\n\n    // do this later\n    setTimeout(() => {\n      // mark as read if scroll is at end\n      if (!disableMarkAsRead && clientHeight + scrollTop === scrollHeight) {\n        messagesDispatcher({\n          type: messageActionTypes.MARK_AS_READ,\n          payload: { channel: currentGroupChannel },\n        });\n        try {\n          currentGroupChannel?.markAsRead();\n        } catch {\n          //\n        }\n      }\n    }, 500);\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 - scrollRef?.current?.offsetHeight;\n    }\n  };\n\n  // Because every message components are re-rendered everytime by every scroll events\n  const memoizedAllMessages = useMemo(() => {\n    return (\n      allMessages.map((m, idx) => {\n        const previousMessage = allMessages[idx - 1];\n        const nextMessage = allMessages[idx + 1];\n        const [chainTop, chainBottom] = isMessageGroupingEnabled\n          ? compareMessagesForGrouping(previousMessage, m, nextMessage)\n          : [false, false];\n        const previousMessageCreatedAt = previousMessage?.createdAt;\n        const currentCreatedAt = m.createdAt;\n        // https://stackoverflow.com/a/41855608\n        const hasSeparator = !(previousMessageCreatedAt && (\n          isSameDay(currentCreatedAt, previousMessageCreatedAt)\n        ));\n\n        const handleScroll = () => {\n          const current = scrollRef?.current;\n          if (current) {\n            const bottom = current.scrollHeight - current.scrollTop - current.offsetHeight;\n            if (scrollBottom < bottom) {\n              current.scrollTop += bottom - scrollBottom;\n            }\n          }\n        }\n\n        return (\n          <Message\n            handleScroll={handleScroll}\n            renderMessage={renderMessage}\n            message={m}\n            hasSeparator={hasSeparator}\n            chainTop={chainTop}\n            chainBottom={chainBottom}\n            renderCustomSeparator={renderCustomSeparator}\n            key={m.messageId + uuidv4()}\n          />\n        );\n      })\n    );\n  }, [allMessages]);\n\n  if (allMessages.length < 1) {\n    return (\n      <>\n        {\n          renderPlaceholderEmpty?.() || (\n            <PlaceHolder\n              className=\"sendbird-conversation__no-messages\"\n              type={PlaceHolderTypes.NO_MESSAGES}\n            />)\n        }\n      </>\n    );\n  }\n  return (\n    <div className=\"sendbird-conversation__messages\">\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={onScroll}\n        >\n          {memoizedAllMessages}\n        </div>\n      </div>\n      {\n        // This flag is an unmatched variable\n        (scrollBottom > 1) && (\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":["SCROLL_REF_CLASS_NAME","MessageList","props","renderMessage","renderPlaceholderEmpty","renderCustomSeparator","_a","useChannelContext","allMessages","hasMorePrev","setInitialTimeStamp","setAnimatedMessageId","setHighLightedMessageId","isMessageGroupingEnabled","scrollRef","onScrollCallback","onScrollDownCallback","messagesDispatcher","messageActionTypes","currentGroupChannel","disableMarkAsRead","_b","useState","scrollBottom","setScrollBottom","onScroll","e","element","target","scrollTop","clientHeight","scrollHeight","nodes","current","querySelectorAll","first_1","messages","scrollIntoView","block","inline","error","isAboutSame","offsetHeight","setTimeout","type","MARK_AS_READ","payload","channel","markAsRead","onClickScrollBot","_c","memoizedAllMessages","useMemo","map","m","idx","previousMessage","nextMessage","compareMessagesForGrouping","chainTop","chainBottom","previousMessageCreatedAt","createdAt","currentCreatedAt","hasSeparator","isSameDay","handleScroll","bottom","React","messageId","uuidv4","length","PlaceHolderTypes","NO_MESSAGES","IconTypes","CHEVRON_DOWN","IconColors","PRIMARY"],"mappings":"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"}

package/Channel/components/RemoveMessageModal.js

@@ -1,29 +1,29 @@
 import React__default, { useContext } from 'react';
 import Modal from '../../ui/Modal.js';
 import { ButtonTypes } from '../../ui/Button.js';
-import { a as LocalizationContext } from '../../LocalizationContext-83cab487.js';
-import { u as useChannelContext } from '../../ChannelProvider-7924e137.js';
+import { a as LocalizationContext } from '../../LocalizationContext-8bec1997.js';
+import { u as useChannelContext } from '../../ChannelProvider-507ec95c.js';
 import 'react-dom';
-import '../../index-f608979d.js';
+import '../../index-876a278e.js';
 import '../../ui/Icon.js';
 import 'prop-types';
 import '../../ui/IconButton.js';
-import '../../tslib.es6-9a4d0074.js';
-import '../../index-a6620ba4.js';
-import '../../stringSet-4cfbe7bc.js';
-import '../../index-d7a65767.js';
-import '../../UserProfileContext-c2fcaa62.js';
+import '../../tslib.es6-ca5fed0d.js';
+import '../../index-416bd4e9.js';
+import '../../stringSet-8e444561.js';
+import '../../index-4a97d671.js';
+import '../../UserProfileContext-ce0aa8c5.js';
 import '../../useSendbirdStateContext.js';
 import '../../withSendbird.js';
-import '../../_rollupPluginBabelHelpers-008a1844.js';
-import '../../index-b84202de.js';
-import '../../topics-58d21996.js';
-import '../../index-480fdda4.js';
+import '../../_rollupPluginBabelHelpers-9a43324e.js';
+import '../../index-0fa2c54a.js';
+import '../../topics-48ad3f74.js';
+import '../../index-40e8f483.js';
 import '../../utils/message/getOutgoingMessageState.js';
-import '../../compareIds-eb89e686.js';
-import '../../const-e3a99496.js';
+import '../../compareIds-1f802ce2.js';
+import '../../const-04252643.js';
 import '@sendbird/chat/groupChannel';
-import '../../uuid-04e2d5ae.js';
+import '../../uuid-d9677664.js';
 import '@sendbird/chat/message';
 import '../../ui/ContextMenu.js';
 import '../../ui/SortByRow.js';

package/Channel/components/SuggestedMentionList.js

@@ -1,25 +1,25 @@
 import React__default, { useRef, useContext, useEffect, useMemo, useState } from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-a6620ba4.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-416bd4e9.js';
 import Icon, { IconTypes, IconColors } from '../../ui/Icon.js';
 import Avatar from '../../ui/Avatar.js';
-import { a as LocalizationContext } from '../../LocalizationContext-83cab487.js';
-import { u as uuidv4 } from '../../uuid-04e2d5ae.js';
-import { u as useChannelContext } from '../../ChannelProvider-7924e137.js';
+import { a as LocalizationContext } from '../../LocalizationContext-8bec1997.js';
+import { u as uuidv4 } from '../../uuid-d9677664.js';
+import { u as useChannelContext } from '../../ChannelProvider-507ec95c.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-e3a99496.js';
-import { M as MessageInputKeys } from '../../const-21c50fc9.js';
+import { U as USER_MENTION_TEMP_CHAR, M as MAX_USER_MENTION_COUNT, a as MAX_USER_SUGGESTION_COUNT } from '../../const-04252643.js';
+import { M as MessageInputKeys } from '../../const-03bf58be.js';
 import 'prop-types';
-import '../../stringSet-4cfbe7bc.js';
-import '../../tslib.es6-9a4d0074.js';
+import '../../stringSet-8e444561.js';
+import '../../tslib.es6-ca5fed0d.js';
 import '../../ui/ImageRenderer.js';
-import '../../index-d7a65767.js';
-import '../../UserProfileContext-c2fcaa62.js';
-import '../../index-b84202de.js';
-import '../../topics-58d21996.js';
-import '../../index-480fdda4.js';
+import '../../index-4a97d671.js';
+import '../../UserProfileContext-ce0aa8c5.js';
+import '../../index-0fa2c54a.js';
+import '../../topics-48ad3f74.js';
+import '../../index-40e8f483.js';
 import '../../utils/message/getOutgoingMessageState.js';
-import '../../_rollupPluginBabelHelpers-008a1844.js';
-import '../../compareIds-eb89e686.js';
+import '../../_rollupPluginBabelHelpers-9a43324e.js';
+import '../../compareIds-1f802ce2.js';
 import '@sendbird/chat/groupChannel';
 import '@sendbird/chat/message';
 import '../../ui/ContextMenu.js';

package/Channel/components/TypingIndicator.js

@@ -1,22 +1,22 @@
 import React__default, { useContext, useState, useEffect } from 'react';
 import { GroupChannelHandler } from '@sendbird/chat/groupChannel';
-import { a as LocalizationContext } from '../../LocalizationContext-83cab487.js';
-import { u as uuidv4 } from '../../uuid-04e2d5ae.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-a6620ba4.js';
-import { u as useChannelContext } from '../../ChannelProvider-7924e137.js';
+import { a as LocalizationContext } from '../../LocalizationContext-8bec1997.js';
+import { u as uuidv4 } from '../../uuid-d9677664.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-416bd4e9.js';
+import { u as useChannelContext } from '../../ChannelProvider-507ec95c.js';
 import useSendbirdStateContext from '../../useSendbirdStateContext.js';
-import '../../stringSet-4cfbe7bc.js';
-import '../../index-d7a65767.js';
+import '../../stringSet-8e444561.js';
+import '../../index-4a97d671.js';
 import 'prop-types';
-import '../../UserProfileContext-c2fcaa62.js';
-import '../../index-b84202de.js';
-import '../../topics-58d21996.js';
-import '../../index-480fdda4.js';
-import '../../tslib.es6-9a4d0074.js';
+import '../../UserProfileContext-ce0aa8c5.js';
+import '../../index-0fa2c54a.js';
+import '../../topics-48ad3f74.js';
+import '../../index-40e8f483.js';
+import '../../tslib.es6-ca5fed0d.js';
 import '../../utils/message/getOutgoingMessageState.js';
-import '../../_rollupPluginBabelHelpers-008a1844.js';
-import '../../compareIds-eb89e686.js';
-import '../../const-e3a99496.js';
+import '../../_rollupPluginBabelHelpers-9a43324e.js';
+import '../../compareIds-1f802ce2.js';
+import '../../const-04252643.js';
 import '@sendbird/chat/message';
 import '../../ui/ContextMenu.js';
 import 'react-dom';

package/Channel/components/UnreadCount.js

@@ -1,9 +1,9 @@
 import React__default, { useContext } from 'react';
-import { a as LocalizationContext } from '../../LocalizationContext-83cab487.js';
-import { L as Label, b as LabelColors, a as LabelTypography } from '../../index-a6620ba4.js';
+import { a as LocalizationContext } from '../../LocalizationContext-8bec1997.js';
+import { L as Label, b as LabelColors, a as LabelTypography } from '../../index-416bd4e9.js';
 import Icon, { IconTypes, IconColors } from '../../ui/Icon.js';
-import '../../stringSet-4cfbe7bc.js';
-import '../../index-d7a65767.js';
+import '../../stringSet-8e444561.js';
+import '../../index-4a97d671.js';
 import 'prop-types';
 
 var UnreadCount = function (props) {

package/Channel/context.js

@@ -1,26 +1,26 @@
 import 'react';
-import '../UserProfileContext-c2fcaa62.js';
+import '../UserProfileContext-ce0aa8c5.js';
 import '../useSendbirdStateContext.js';
-export { C as ChannelProvider, u as useChannelContext } from '../ChannelProvider-7924e137.js';
+export { C as ChannelProvider, u as useChannelContext } from '../ChannelProvider-507ec95c.js';
 import 'prop-types';
 import '../withSendbird.js';
-import '../_rollupPluginBabelHelpers-008a1844.js';
-import '../index-b84202de.js';
-import '../index-d7a65767.js';
-import '../topics-58d21996.js';
-import '../index-480fdda4.js';
-import '../tslib.es6-9a4d0074.js';
+import '../_rollupPluginBabelHelpers-9a43324e.js';
+import '../index-0fa2c54a.js';
+import '../index-4a97d671.js';
+import '../topics-48ad3f74.js';
+import '../index-40e8f483.js';
+import '../tslib.es6-ca5fed0d.js';
 import '../utils/message/getOutgoingMessageState.js';
-import '../compareIds-eb89e686.js';
-import '../const-e3a99496.js';
+import '../compareIds-1f802ce2.js';
+import '../const-04252643.js';
 import '@sendbird/chat/groupChannel';
-import '../uuid-04e2d5ae.js';
+import '../uuid-d9677664.js';
 import '@sendbird/chat/message';
 import '../ui/ContextMenu.js';
 import 'react-dom';
 import '../ui/SortByRow.js';
-import '../index-a6620ba4.js';
-import '../stringSet-4cfbe7bc.js';
+import '../index-416bd4e9.js';
+import '../stringSet-8e444561.js';
 import '../ui/ReactionButton.js';
 import '../ui/ImageRenderer.js';
 import '../ui/Icon.js';

package/Channel.js

@@ -1,46 +1,46 @@
 import React__default from 'react';
-import { C as ChannelProvider } from './ChannelProvider-7924e137.js';
+import { C as ChannelProvider } from './ChannelProvider-507ec95c.js';
 import ChannelUI from './Channel/components/ChannelUI.js';
-import './UserProfileContext-c2fcaa62.js';
+import './UserProfileContext-ce0aa8c5.js';
 import 'prop-types';
 import './useSendbirdStateContext.js';
 import './withSendbird.js';
-import './_rollupPluginBabelHelpers-008a1844.js';
-import './index-b84202de.js';
-import './index-d7a65767.js';
-import './topics-58d21996.js';
-import './index-480fdda4.js';
-import './tslib.es6-9a4d0074.js';
+import './_rollupPluginBabelHelpers-9a43324e.js';
+import './index-0fa2c54a.js';
+import './index-4a97d671.js';
+import './topics-48ad3f74.js';
+import './index-40e8f483.js';
+import './tslib.es6-ca5fed0d.js';
 import './utils/message/getOutgoingMessageState.js';
-import './compareIds-eb89e686.js';
-import './const-e3a99496.js';
+import './compareIds-1f802ce2.js';
+import './const-04252643.js';
 import '@sendbird/chat/groupChannel';
-import './uuid-04e2d5ae.js';
+import './uuid-d9677664.js';
 import '@sendbird/chat/message';
 import './ui/ContextMenu.js';
 import 'react-dom';
 import './ui/SortByRow.js';
-import './index-a6620ba4.js';
-import './stringSet-4cfbe7bc.js';
+import './index-416bd4e9.js';
+import './stringSet-8e444561.js';
 import './ui/ReactionButton.js';
 import './ui/ImageRenderer.js';
 import './ui/Icon.js';
-import './index-02b9dcb6.js';
-import './LocalizationContext-83cab487.js';
+import './index-1d61d4d0.js';
+import './LocalizationContext-8bec1997.js';
 import './ui/Loader.js';
 import './ui/ConnectionStatus.js';
 import './Channel/components/ChannelHeader.js';
 import './ui/IconButton.js';
 import './ui/ChannelAvatar.js';
 import './ui/Avatar.js';
-import './utils-9300425e.js';
+import './utils-eee41d99.js';
 import './Channel/components/MessageList.js';
-import './index-4230994b.js';
+import './index-ea167da5.js';
 import './Channel/components/Message.js';
 import './Channel/components/SuggestedMentionList.js';
-import './const-21c50fc9.js';
+import './const-03bf58be.js';
 import './ui/DateSeparator.js';
-import './color-b8fbee14.js';
+import './color-fdffa928.js';
 import './ui/MessageInput.js';
 import 'react-dom/server';
 import './ui/Button.js';
@@ -48,7 +48,7 @@ import './ui/MentionUserLabel.js';
 import './ui/MessageContent.js';
 import './ui/UserProfile.js';
 import './sendbirdSelectors.js';
-import './utils-23048a3f.js';
+import './utils-df07d074.js';
 import './ui/MessageStatus.js';
 import './ui/MessageItemMenu.js';
 import './ui/MessageItemReactionMenu.js';
@@ -68,7 +68,7 @@ import './ui/OGMessageItemBody.js';
 import './ui/UnknownMessageItemBody.js';
 import './ui/QuoteMessage.js';
 import './Channel/components/FileViewer.js';
-import './index-f608979d.js';
+import './index-876a278e.js';
 import './Channel/components/RemoveMessageModal.js';
 import './ui/Modal.js';
 import './Channel/components/TypingIndicator.js';
@@ -93,7 +93,8 @@ var Channel = function (props) {
     replyType: props === null || props === void 0 ? void 0 : props.replyType,
     queries: props === null || props === void 0 ? void 0 : props.queries,
     renderUserProfile: props === null || props === void 0 ? void 0 : props.renderUserProfile,
-    disableUserProfile: props === null || props === void 0 ? void 0 : props.disableUserProfile
+    disableUserProfile: props === null || props === void 0 ? void 0 : props.disableUserProfile,
+    disableMarkAsRead: props === null || props === void 0 ? void 0 : props.disableMarkAsRead
   }, /*#__PURE__*/React__default.createElement(ChannelUI, {
     renderPlaceholderLoader: props === null || props === void 0 ? void 0 : props.renderPlaceholderLoader,
     renderPlaceholderInvalid: props === null || props === void 0 ? void 0 : props.renderPlaceholderInvalid,

package/Channel.js.map

@@ -1 +1 @@
-{"version":3,"file":"Channel.js","sources":["../src/smart-components/Channel/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport {\n  ChannelProvider,\n  ChannelContextProps,\n} from './context/ChannelProvider';\n\nimport ChannelUI, { ChannelUIProps } from './components/ChannelUI';\nexport interface ChannelProps extends ChannelContextProps, ChannelUIProps {\n}\n\nconst Channel: React.FC<ChannelProps> = (props: ChannelProps) => {\n  return (\n    <ChannelProvider\n      channelUrl={props?.channelUrl}\n      isReactionEnabled={props?.isReactionEnabled}\n      isMessageGroupingEnabled={props?.isMessageGroupingEnabled}\n      showSearchIcon={props?.showSearchIcon}\n      highlightedMessage={props?.highlightedMessage}\n      startingPoint={props?.startingPoint}\n      onBeforeSendUserMessage={props?.onBeforeSendUserMessage}\n      onBeforeSendFileMessage={props?.onBeforeSendFileMessage}\n      onBeforeUpdateUserMessage={props?.onBeforeUpdateUserMessage}\n      onChatHeaderActionClick={props?.onChatHeaderActionClick}\n      onSearchClick={props?.onSearchClick}\n      replyType={props?.replyType}\n      queries={props?.queries}\n      renderUserProfile={props?.renderUserProfile}\n      disableUserProfile={props?.disableUserProfile}\n    >\n      <ChannelUI\n        renderPlaceholderLoader={props?.renderPlaceholderLoader}\n        renderPlaceholderInvalid={props?.renderPlaceholderInvalid}\n        renderPlaceholderEmpty={props?.renderPlaceholderEmpty}\n        renderChannelHeader={props?.renderChannelHeader}\n        renderMessage={props?.renderMessage}\n        renderMessageInput={props?.renderMessageInput}\n        renderTypingIndicator={props?.renderTypingIndicator}\n        renderCustomSeparator={props?.renderCustomSeparator}\n      />\n    </ChannelProvider>\n  );\n};\n\nexport default Channel;\n"],"names":["Channel","props","React","channelUrl","isReactionEnabled","isMessageGroupingEnabled","showSearchIcon","highlightedMessage","startingPoint","onBeforeSendUserMessage","onBeforeSendFileMessage","onBeforeUpdateUserMessage","onChatHeaderActionClick","onSearchClick","replyType","queries","renderUserProfile","disableUserProfile","renderPlaceholderLoader","renderPlaceholderInvalid","renderPlaceholderEmpty","renderChannelHeader","renderMessage","renderMessageInput","renderTypingIndicator","renderCustomSeparator"],"mappings":"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"}
+{"version":3,"file":"Channel.js","sources":["../src/smart-components/Channel/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport {\n  ChannelProvider,\n  ChannelContextProps,\n} from './context/ChannelProvider';\n\nimport ChannelUI, { ChannelUIProps } from './components/ChannelUI';\nexport interface ChannelProps extends ChannelContextProps, ChannelUIProps {\n}\n\nconst Channel: React.FC<ChannelProps> = (props: ChannelProps) => {\n  return (\n    <ChannelProvider\n      channelUrl={props?.channelUrl}\n      isReactionEnabled={props?.isReactionEnabled}\n      isMessageGroupingEnabled={props?.isMessageGroupingEnabled}\n      showSearchIcon={props?.showSearchIcon}\n      highlightedMessage={props?.highlightedMessage}\n      startingPoint={props?.startingPoint}\n      onBeforeSendUserMessage={props?.onBeforeSendUserMessage}\n      onBeforeSendFileMessage={props?.onBeforeSendFileMessage}\n      onBeforeUpdateUserMessage={props?.onBeforeUpdateUserMessage}\n      onChatHeaderActionClick={props?.onChatHeaderActionClick}\n      onSearchClick={props?.onSearchClick}\n      replyType={props?.replyType}\n      queries={props?.queries}\n      renderUserProfile={props?.renderUserProfile}\n      disableUserProfile={props?.disableUserProfile}\n      disableMarkAsRead={props?.disableMarkAsRead}\n    >\n      <ChannelUI\n        renderPlaceholderLoader={props?.renderPlaceholderLoader}\n        renderPlaceholderInvalid={props?.renderPlaceholderInvalid}\n        renderPlaceholderEmpty={props?.renderPlaceholderEmpty}\n        renderChannelHeader={props?.renderChannelHeader}\n        renderMessage={props?.renderMessage}\n        renderMessageInput={props?.renderMessageInput}\n        renderTypingIndicator={props?.renderTypingIndicator}\n        renderCustomSeparator={props?.renderCustomSeparator}\n      />\n    </ChannelProvider>\n  );\n};\n\nexport default Channel;\n"],"names":["Channel","props","React","channelUrl","isReactionEnabled","isMessageGroupingEnabled","showSearchIcon","highlightedMessage","startingPoint","onBeforeSendUserMessage","onBeforeSendFileMessage","onBeforeUpdateUserMessage","onChatHeaderActionClick","onSearchClick","replyType","queries","renderUserProfile","disableUserProfile","disableMarkAsRead","renderPlaceholderLoader","renderPlaceholderInvalid","renderPlaceholderEmpty","renderChannelHeader","renderMessage","renderMessageInput","renderTypingIndicator","renderCustomSeparator"],"mappings":"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"}

package/ChannelList/components/AddChannel.js

@@ -3,35 +3,35 @@ import IconButton from '../../ui/IconButton.js';
 import Icon, { IconTypes, IconColors } from '../../ui/Icon.js';
 import CreateChannel from '../../CreateChannel.js';
 import useSendbirdStateContext from '../../useSendbirdStateContext.js';
-import '../../tslib.es6-9a4d0074.js';
+import '../../tslib.es6-ca5fed0d.js';
 import 'prop-types';
 import '../../CreateChannel/components/CreateChannelUI.js';
-import '../../CreateChannelProvider-11543306.js';
+import '../../CreateChannelProvider-7c49ffa6.js';
 import '../../sendbirdSelectors.js';
-import '../../topics-58d21996.js';
-import '../../utils-23048a3f.js';
+import '../../topics-48ad3f74.js';
+import '../../utils-df07d074.js';
 import '../../CreateChannel/components/InviteUsers.js';
-import '../../LocalizationContext-83cab487.js';
-import '../../stringSet-4cfbe7bc.js';
-import '../../index-d7a65767.js';
+import '../../LocalizationContext-8bec1997.js';
+import '../../stringSet-8e444561.js';
+import '../../index-4a97d671.js';
 import '../../ui/Modal.js';
 import 'react-dom';
-import '../../index-f608979d.js';
+import '../../index-876a278e.js';
 import '../../ui/Button.js';
-import '../../index-a6620ba4.js';
+import '../../index-416bd4e9.js';
 import '../../ui/UserListItem.js';
-import '../../UserProfileContext-c2fcaa62.js';
+import '../../UserProfileContext-ce0aa8c5.js';
 import '../../ui/Avatar.js';
 import '../../ui/ImageRenderer.js';
-import '../../uuid-04e2d5ae.js';
+import '../../uuid-d9677664.js';
 import '../../ui/MutedAvatarOverlay.js';
 import '../../ui/Checkbox.js';
 import '../../ui/UserProfile.js';
 import '../../withSendbird.js';
-import '../../_rollupPluginBabelHelpers-008a1844.js';
+import '../../_rollupPluginBabelHelpers-9a43324e.js';
 import '../../ui/ContextMenu.js';
 import '../../ui/SortByRow.js';
-import '../../index-480fdda4.js';
+import '../../index-40e8f483.js';
 import '../../utils/message/getOutgoingMessageState.js';
 import '../../CreateChannel/components/SelectChannelType.js';
 

package/ChannelList/components/ChannelListHeader.js

@@ -1,18 +1,18 @@
 import React__default, { useContext } from 'react';
-import { a as LocalizationContext } from '../../LocalizationContext-83cab487.js';
+import { a as LocalizationContext } from '../../LocalizationContext-8bec1997.js';
 import useSendbirdStateContext from '../../useSendbirdStateContext.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-a6620ba4.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-416bd4e9.js';
 import IconButton from '../../ui/IconButton.js';
 import Avatar from '../../ui/Avatar.js';
-import '../../stringSet-4cfbe7bc.js';
-import '../../index-d7a65767.js';
+import '../../stringSet-8e444561.js';
+import '../../index-4a97d671.js';
 import '../../withSendbird.js';
-import '../../_rollupPluginBabelHelpers-008a1844.js';
+import '../../_rollupPluginBabelHelpers-9a43324e.js';
 import 'prop-types';
-import '../../tslib.es6-9a4d0074.js';
+import '../../tslib.es6-ca5fed0d.js';
 import '../../ui/ImageRenderer.js';
 import '../../ui/Icon.js';
-import '../../uuid-04e2d5ae.js';
+import '../../uuid-d9677664.js';
 
 var ChannelListHeader = function (_a) {
   var _b;

package/ChannelList/components/ChannelListUI.js

@@ -3,65 +3,65 @@ import ChannelListHeader from './ChannelListHeader.js';
 import { AddChannel } from './AddChannel.js';
 import ChannelPreview from './ChannelPreview.js';
 import ChannelPreviewAction from './ChannelPreviewAction.js';
-import { u as useChannelListContext, F as FETCH_CHANNELS_START, a as FETCH_CHANNELS_SUCCESS, b as FETCH_CHANNELS_FAILURE, L as LEAVE_CHANNEL_SUCCESS, S as SET_CURRENT_CHANNEL } from '../../ChannelListProvider-ac91b9ac.js';
+import { u as useChannelListContext, F as FETCH_CHANNELS_START, a as FETCH_CHANNELS_SUCCESS, b as FETCH_CHANNELS_FAILURE, L as LEAVE_CHANNEL_SUCCESS, S as SET_CURRENT_CHANNEL } from '../../ChannelListProvider-000aaa30.js';
 import useSendbirdStateContext from '../../useSendbirdStateContext.js';
 import EditProfile from '../../EditUserProfile.js';
-import { P as PlaceHolder, a as PlaceHolderTypes } from '../../index-02b9dcb6.js';
-import '../../LocalizationContext-83cab487.js';
-import '../../stringSet-4cfbe7bc.js';
-import '../../index-d7a65767.js';
-import '../../index-a6620ba4.js';
+import { P as PlaceHolder, a as PlaceHolderTypes } from '../../index-1d61d4d0.js';
+import '../../LocalizationContext-8bec1997.js';
+import '../../stringSet-8e444561.js';
+import '../../index-4a97d671.js';
+import '../../index-416bd4e9.js';
 import 'prop-types';
 import '../../ui/IconButton.js';
-import '../../tslib.es6-9a4d0074.js';
+import '../../tslib.es6-ca5fed0d.js';
 import '../../ui/Avatar.js';
 import '../../ui/ImageRenderer.js';
 import '../../ui/Icon.js';
-import '../../uuid-04e2d5ae.js';
+import '../../uuid-d9677664.js';
 import '../../CreateChannel.js';
 import '../../CreateChannel/components/CreateChannelUI.js';
-import '../../CreateChannelProvider-11543306.js';
+import '../../CreateChannelProvider-7c49ffa6.js';
 import '../../sendbirdSelectors.js';
-import '../../topics-58d21996.js';
-import '../../utils-23048a3f.js';
+import '../../topics-48ad3f74.js';
+import '../../utils-df07d074.js';
 import '../../CreateChannel/components/InviteUsers.js';
 import '../../ui/Modal.js';
 import 'react-dom';
-import '../../index-f608979d.js';
+import '../../index-876a278e.js';
 import '../../ui/Button.js';
 import '../../ui/UserListItem.js';
-import '../../UserProfileContext-c2fcaa62.js';
+import '../../UserProfileContext-ce0aa8c5.js';
 import '../../ui/MutedAvatarOverlay.js';
 import '../../ui/Checkbox.js';
 import '../../ui/UserProfile.js';
 import '../../withSendbird.js';
-import '../../_rollupPluginBabelHelpers-008a1844.js';
+import '../../_rollupPluginBabelHelpers-9a43324e.js';
 import '../../ui/ContextMenu.js';
 import '../../ui/SortByRow.js';
-import '../../index-480fdda4.js';
+import '../../index-40e8f483.js';
 import '../../utils/message/getOutgoingMessageState.js';
 import '../../CreateChannel/components/SelectChannelType.js';
 import '../../ui/ChannelAvatar.js';
-import '../../utils-9300425e.js';
+import '../../utils-eee41d99.js';
 import '../../ui/Badge.js';
-import '../../index-f266664f.js';
-import '../../index-4230994b.js';
-import '../../index-b84202de.js';
+import '../../index-fc81a39d.js';
+import '../../index-ea167da5.js';
+import '../../index-0fa2c54a.js';
 import '../../ui/MentionUserLabel.js';
 import '../../Channel/components/TypingIndicator.js';
 import '@sendbird/chat/groupChannel';
-import '../../ChannelProvider-7924e137.js';
-import '../../compareIds-eb89e686.js';
-import '../../const-e3a99496.js';
+import '../../ChannelProvider-507ec95c.js';
+import '../../compareIds-1f802ce2.js';
+import '../../const-04252643.js';
 import '@sendbird/chat/message';
 import '../../ui/ReactionButton.js';
 import '../../ui/MessageStatus.js';
 import '../../ui/Loader.js';
-import '../../index-f5829dca.js';
+import '../../index-f4df58ee.js';
 import '../../ui/Input.js';
 import '../../ui/TextButton.js';
-import '../../color-b8fbee14.js';
-import '../../actionTypes-e2247efe.js';
+import '../../color-fdffa928.js';
+import '../../actionTypes-162b5a41.js';
 
 var DELIVERY_RECIPT = 'delivery_receipt';
 

package/ChannelList/components/ChannelPreview.js

@@ -2,35 +2,35 @@ import React__default from 'react';
 import ChannelAvatar from '../../ui/ChannelAvatar.js';
 import Badge from '../../ui/Badge.js';
 import Icon, { IconTypes, IconColors } from '../../ui/Icon.js';
-import { c as LabelStringSet, L as Label, a as LabelTypography, b as LabelColors } from '../../index-a6620ba4.js';
-import { i as isToday, a as isYesterday, f as formatRelative } from '../../index-f266664f.js';
-import { f as format } from '../../index-b84202de.js';
-import { t as truncateString, d as isEditedMessage } from '../../index-480fdda4.js';
+import { c as LabelStringSet, L as Label, a as LabelTypography, b as LabelColors } from '../../index-416bd4e9.js';
+import { i as isToday, a as isYesterday, f as formatRelative } from '../../index-fc81a39d.js';
+import { f as format } from '../../index-0fa2c54a.js';
+import { t as truncateString, d as isEditedMessage } from '../../index-40e8f483.js';
 import useSendbirdStateContext from '../../useSendbirdStateContext.js';
-import { u as useLocalization } from '../../LocalizationContext-83cab487.js';
+import { u as useLocalization } from '../../LocalizationContext-8bec1997.js';
 import MentionUserLabel from '../../ui/MentionUserLabel.js';
-import { u as useChannelListContext } from '../../ChannelListProvider-ac91b9ac.js';
+import { u as useChannelListContext } from '../../ChannelListProvider-000aaa30.js';
 import { TypingIndicatorText } from '../../Channel/components/TypingIndicator.js';
 import MessageStatus from '../../ui/MessageStatus.js';
 import '../../ui/Avatar.js';
-import '../../tslib.es6-9a4d0074.js';
+import '../../tslib.es6-ca5fed0d.js';
 import '../../ui/ImageRenderer.js';
-import '../../uuid-04e2d5ae.js';
-import '../../utils-9300425e.js';
+import '../../uuid-d9677664.js';
+import '../../utils-eee41d99.js';
 import 'prop-types';
-import '../../stringSet-4cfbe7bc.js';
-import '../../index-4230994b.js';
-import '../../index-d7a65767.js';
+import '../../stringSet-8e444561.js';
+import '../../index-ea167da5.js';
+import '../../index-4a97d671.js';
 import '../../utils/message/getOutgoingMessageState.js';
 import '../../withSendbird.js';
-import '../../_rollupPluginBabelHelpers-008a1844.js';
+import '../../_rollupPluginBabelHelpers-9a43324e.js';
 import '@sendbird/chat/groupChannel';
-import '../../topics-58d21996.js';
-import '../../utils-23048a3f.js';
-import '../../UserProfileContext-c2fcaa62.js';
-import '../../ChannelProvider-7924e137.js';
-import '../../compareIds-eb89e686.js';
-import '../../const-e3a99496.js';
+import '../../topics-48ad3f74.js';
+import '../../utils-df07d074.js';
+import '../../UserProfileContext-ce0aa8c5.js';
+import '../../ChannelProvider-507ec95c.js';
+import '../../compareIds-1f802ce2.js';
+import '../../const-04252643.js';
 import '@sendbird/chat/message';
 import '../../ui/ContextMenu.js';
 import 'react-dom';