@sendbird/uikit-react 3.0.2-beta.1 → 3.1.0-rc.0

package/OpenChannel/components/OpenChannelMessageList.js

@@ -1,54 +1,54 @@
 import React__default, { useRef, useState, useMemo } from 'react';
-import { i as isSameDay } from '../../index-e53b04fa.js';
+import { i as isSameDay } from '../../index-49108fb4.js';
 import Icon, { IconTypes, IconColors } from '../../ui/Icon.js';
-import { P as PlaceHolder, a as PlaceHolderTypes } from '../../index-e9e40be7.js';
-import { u as useOpenChannelContext, c as compareMessagesForGrouping } from '../../OpenChannelProvider-e5364b83.js';
+import { P as PlaceHolder, a as PlaceHolderTypes } from '../../index-dfc65ccf.js';
+import { u as useOpenChannelContext, c as compareMessagesForGrouping } from '../../OpenChannelProvider-5b45f840.js';
 import MessagOpenChannelMessageeHoc from './OpenChannelMessage.js';
-import '../../index-78302d10.js';
-import '../../index-35ab7b97.js';
-import '../../_rollupPluginBabelHelpers-fdcfbfcc.js';
+import '../../index-1984c852.js';
+import '../../index-6e02fc15.js';
+import '../../_rollupPluginBabelHelpers-51451000.js';
 import 'prop-types';
 import '../../ui/Loader.js';
-import '../../LocalizationContext-cf80416c.js';
-import '../../stringSet-f697bfff.js';
-import '../../index-8d874712.js';
-import '../../UserProfileContext-977db3ff.js';
-import '../../tslib.es6-42c9ba76.js';
-import '../../compareIds-286831ea.js';
-import '../../topics-b6afa630.js';
-import '../../openChannel-6f350123.js';
-import '../../__bundle-7dfccc8c-db2ded0f.js';
-import '../../uuid-d61c5d2d.js';
+import '../../LocalizationContext-bed38f81.js';
+import '../../stringSet-07d51930.js';
+import '../../index-33456100.js';
+import '../../UserProfileContext-5bc5ff98.js';
+import '../../tslib.es6-7a52c497.js';
+import '../../compareIds-7eaf62a5.js';
+import '../../topics-a5f3f0e9.js';
+import '../../openChannel-92ffb0b5.js';
+import '../../__bundle-7dfccc8c-dc566919.js';
+import '../../uuid-b7da2ddf.js';
 import '../../useSendbirdStateContext.js';
 import '../../withSendbird.js';
 import '../../ui/OpenchannelUserMessage.js';
 import '../../ui/Avatar.js';
 import '../../ui/ImageRenderer.js';
 import '../../ui/ContextMenu.js';
-import '../../index-f6b6701e.js';
+import '../../index-c67f2f3b.js';
 import 'react-dom';
 import '../../ui/SortByRow.js';
 import '../../ui/IconButton.js';
 import '../../ui/UserProfile.js';
 import '../../sendbirdSelectors.js';
-import '../../utils-fb8d9bf1.js';
-import '../../index-8a388ae7.js';
-import '../../utils-02eaadb8.js';
-import '../../openChannelUtils-d9065b0b.js';
+import '../../utils-af217adb.js';
+import '../../index-a3d218da.js';
+import '../../utils-43a00393.js';
+import '../../openChannelUtils-e69f8484.js';
 import '../../ui/OpenChannelAdminMessage.js';
 import '../../ui/OpenchannelOGMessage.js';
 import '../../ui/LinkLabel.js';
 import '../../ui/OpenchannelThumbnailMessage.js';
 import '../../ui/OpenchannelFileMessage.js';
 import '../../ui/TextButton.js';
-import '../../color-24138028.js';
+import '../../color-04ed392d.js';
 import '../../ui/DateSeparator.js';
 import '../../ui/MessageInput.js';
-import '../../const-725e6443.js';
-import '../../const-9ccaba50.js';
+import '../../const-5ab9bb9f.js';
+import '../../const-db8ec16d.js';
 import '../../ui/MentionUserLabel.js';
 import '../../ui/FileViewer.js';
-import '../../index-072521c3.js';
+import '../../index-7ed67f3f.js';
 import '../../ui/Modal.js';
 
 function OpenchannelMessageList(props, ref) {
@@ -118,7 +118,7 @@ function OpenchannelMessageList(props, ref) {
     var previousMessage = allMessages[index - 1];
     var nextMessage = allMessages[index - 1];
     var previousMessageCreatedAt = previousMessage && previousMessage.createdAt;
-    var currentCreatedAt = message.createdAt; // https://stackoverflow.com/a/41855608
+    var currentCreatedAt = message === null || message === void 0 ? void 0 : message.createdAt; // https://stackoverflow.com/a/41855608
 
     var hasSeparator = !(previousMessageCreatedAt && isSameDay(currentCreatedAt, previousMessageCreatedAt));
 

package/OpenChannel/components/OpenChannelMessageList.js.map

@@ -1 +1 @@
-{"version":3,"file":"OpenChannelMessageList.js","sources":["../../../src/smart-components/OpenChannel/components/OpenChannelMessageList/index.tsx"],"sourcesContent":["import './openchannel-message-list.scss';\n\nimport React, { ReactElement, useRef, useState, useMemo } from 'react';\nimport isSameDay from 'date-fns/isSameDay';\n\nimport Icon, { IconTypes, IconColors } from '../../../../ui/Icon';\n\nimport PlaceHolder, { PlaceHolderTypes } from '../../../../ui/PlaceHolder';\nimport { compareMessagesForGrouping } from '../../context/utils';\nimport { useOpenChannelContext } from '../../context/OpenChannelProvider';\nimport OpenChannelMessage from '../OpenChannelMessage';\nimport { RenderMessageProps } from '../../../../types';\nimport { FileMessage, UserMessage } from '@sendbird/chat/message';\n\nexport type OpenchannelMessageListProps = {\n  renderMessage?: (props: RenderMessageProps) => React.ElementType<RenderMessageProps>;\n  renderPlaceHolderEmptyList?: () => React.ReactElement;\n}\n\nfunction OpenchannelMessageList(\n  props: OpenchannelMessageListProps,\n  ref: React.RefObject<HTMLDivElement>,\n): ReactElement {\n  const {\n    isMessageGroupingEnabled = true,\n    allMessages,\n    hasMore,\n    onScroll,\n  } = useOpenChannelContext();\n  const scrollRef = ref || useRef(null);\n  const [showScrollDownButton, setShowScrollDownButton] = useState(false);\n\n  const handleOnScroll = (e) => {\n    const element = e.target;\n    const {\n      scrollTop,\n      scrollHeight,\n      clientHeight,\n    } = element;\n    if (scrollHeight > scrollTop + clientHeight + 1) {\n      setShowScrollDownButton(true);\n    } else {\n      setShowScrollDownButton(false);\n    }\n\n    if (!hasMore) {\n      return;\n    }\n    if (scrollTop === 0) {\n      const nodes = scrollRef.current.querySelectorAll('.sendbird-msg--scroll-ref');\n      const first = nodes && nodes[0];\n      onScroll(() => {\n        try {\n          first.scrollIntoView();\n        } catch (error) { }\n      });\n    }\n  };\n\n  const scrollToBottom = () => {\n    if (scrollRef && scrollRef.current) {\n      scrollRef.current.scrollTo(0, scrollRef.current.scrollHeight);\n      setShowScrollDownButton(false);\n    }\n  };\n\n  const hasMessage = useMemo(() => {\n    return allMessages.length > 0;\n  }, [allMessages.length]);\n\n  return (\n    <div className=\"sendbird-openchannel-conversation-scroll\">\n      <div className=\"sendbird-openchannel-conversation-scroll__container\">\n        <div className=\"sendbird-openchannel-conversation-scroll__container__padding\" />\n        <div\n          className={[\n            'sendbird-openchannel-conversation-scroll__container__item-container',\n            hasMessage ? '' : 'no-messages',\n          ].join(' ')}\n          onScroll={handleOnScroll}\n          ref={scrollRef}\n        >\n          {\n            hasMessage\n              ? (\n                allMessages.map((message, index) => {\n                  const previousMessage = allMessages[index - 1];\n                  const nextMessage = allMessages[index - 1];\n\n                  const previousMessageCreatedAt = previousMessage && previousMessage.createdAt;\n                  const currentCreatedAt = message.createdAt;\n                  // https://stackoverflow.com/a/41855608\n                  const hasSeparator = !(previousMessageCreatedAt && (\n                    isSameDay(currentCreatedAt, previousMessageCreatedAt)\n                  ));\n\n                  const [chainTop, chainBottom] = isMessageGroupingEnabled\n                    ? compareMessagesForGrouping(previousMessage, message, nextMessage)\n                    : [false, false];\n                  return (\n                    <OpenChannelMessage\n                      key={message?.messageId || (message as UserMessage | FileMessage)?.reqId}\n                      message={message}\n                      chainTop={chainTop}\n                      chainBottom={chainBottom}\n                      hasSeparator={hasSeparator}\n                      renderMessage={props?.renderMessage}\n                    />\n                  )\n                })\n              )\n              : props?.renderPlaceHolderEmptyList?.() || (\n                <PlaceHolder\n                  className=\"sendbird-openchannel-conversation-scroll__container__place-holder\"\n                  type={PlaceHolderTypes.NO_MESSAGES}\n                />\n              )\n          }\n        </div>\n      </div>\n      {\n        showScrollDownButton && (\n          <div\n            className=\"sendbird-openchannel-conversation-scroll__container__scroll-bottom-button\"\n            onClick={scrollToBottom}\n            onKeyDown={scrollToBottom}\n            tabIndex={0}\n            role=\"button\"\n          >\n            <Icon\n              width=\"24px\"\n              height=\"24px\"\n              type={IconTypes.CHEVRON_DOWN}\n              fillColor={IconColors.CONTENT}\n            />\n          </div>\n        )\n      }\n    </div>\n  );\n}\n\nexport default React.forwardRef(OpenchannelMessageList);\n"],"names":["OpenchannelMessageList","props","ref","_b","useOpenChannelContext","_c","isMessageGroupingEnabled","allMessages","hasMore","onScroll","scrollRef","useRef","_d","useState","showScrollDownButton","setShowScrollDownButton","handleOnScroll","e","element","target","scrollTop","scrollHeight","clientHeight","nodes","current","querySelectorAll","first_1","scrollIntoView","error","scrollToBottom","scrollTo","hasMessage","useMemo","length","React","join","map","message","index","previousMessage","nextMessage","previousMessageCreatedAt","createdAt","currentCreatedAt","hasSeparator","isSameDay","_a","compareMessagesForGrouping","chainTop","chainBottom","OpenChannelMessage","messageId","reqId","renderMessage","renderPlaceHolderEmptyList","PlaceHolderTypes","NO_MESSAGES","IconTypes","CHEVRON_DOWN","IconColors","CONTENT","forwardRef"],"mappings":"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"}
+{"version":3,"file":"OpenChannelMessageList.js","sources":["../../../src/smart-components/OpenChannel/components/OpenChannelMessageList/index.tsx"],"sourcesContent":["import './openchannel-message-list.scss';\n\nimport React, { ReactElement, useRef, useState, useMemo } from 'react';\nimport isSameDay from 'date-fns/isSameDay';\n\nimport Icon, { IconTypes, IconColors } from '../../../../ui/Icon';\n\nimport PlaceHolder, { PlaceHolderTypes } from '../../../../ui/PlaceHolder';\nimport { compareMessagesForGrouping } from '../../context/utils';\nimport { useOpenChannelContext } from '../../context/OpenChannelProvider';\nimport OpenChannelMessage from '../OpenChannelMessage';\nimport { RenderMessageProps } from '../../../../types';\nimport { FileMessage, UserMessage } from '@sendbird/chat/message';\n\nexport type OpenchannelMessageListProps = {\n  renderMessage?: (props: RenderMessageProps) => React.ElementType<RenderMessageProps>;\n  renderPlaceHolderEmptyList?: () => React.ReactElement;\n}\n\nfunction OpenchannelMessageList(\n  props: OpenchannelMessageListProps,\n  ref: React.RefObject<HTMLDivElement>,\n): ReactElement {\n  const {\n    isMessageGroupingEnabled = true,\n    allMessages,\n    hasMore,\n    onScroll,\n  } = useOpenChannelContext();\n  const scrollRef = ref || useRef(null);\n  const [showScrollDownButton, setShowScrollDownButton] = useState(false);\n\n  const handleOnScroll = (e) => {\n    const element = e.target;\n    const {\n      scrollTop,\n      scrollHeight,\n      clientHeight,\n    } = element;\n    if (scrollHeight > scrollTop + clientHeight + 1) {\n      setShowScrollDownButton(true);\n    } else {\n      setShowScrollDownButton(false);\n    }\n\n    if (!hasMore) {\n      return;\n    }\n    if (scrollTop === 0) {\n      const nodes = scrollRef.current.querySelectorAll('.sendbird-msg--scroll-ref');\n      const first = nodes && nodes[0];\n      onScroll(() => {\n        try {\n          first.scrollIntoView();\n        } catch (error) { }\n      });\n    }\n  };\n\n  const scrollToBottom = () => {\n    if (scrollRef && scrollRef.current) {\n      scrollRef.current.scrollTo(0, scrollRef.current.scrollHeight);\n      setShowScrollDownButton(false);\n    }\n  };\n\n  const hasMessage = useMemo(() => {\n    return allMessages.length > 0;\n  }, [allMessages.length]);\n\n  return (\n    <div className=\"sendbird-openchannel-conversation-scroll\">\n      <div className=\"sendbird-openchannel-conversation-scroll__container\">\n        <div className=\"sendbird-openchannel-conversation-scroll__container__padding\" />\n        <div\n          className={[\n            'sendbird-openchannel-conversation-scroll__container__item-container',\n            hasMessage ? '' : 'no-messages',\n          ].join(' ')}\n          onScroll={handleOnScroll}\n          ref={scrollRef}\n        >\n          {\n            hasMessage\n              ? (\n                allMessages.map((message, index) => {\n                  const previousMessage = allMessages[index - 1];\n                  const nextMessage = allMessages[index - 1];\n\n                  const previousMessageCreatedAt = previousMessage && previousMessage.createdAt;\n                  const currentCreatedAt = message?.createdAt;\n                  // https://stackoverflow.com/a/41855608\n                  const hasSeparator = !(previousMessageCreatedAt && (\n                    isSameDay(currentCreatedAt, previousMessageCreatedAt)\n                  ));\n\n                  const [chainTop, chainBottom] = isMessageGroupingEnabled\n                    ? compareMessagesForGrouping(previousMessage, message, nextMessage)\n                    : [false, false];\n                  return (\n                    <OpenChannelMessage\n                      key={message?.messageId || (message as UserMessage | FileMessage)?.reqId}\n                      message={message}\n                      chainTop={chainTop}\n                      chainBottom={chainBottom}\n                      hasSeparator={hasSeparator}\n                      renderMessage={props?.renderMessage}\n                    />\n                  )\n                })\n              )\n              : props?.renderPlaceHolderEmptyList?.() || (\n                <PlaceHolder\n                  className=\"sendbird-openchannel-conversation-scroll__container__place-holder\"\n                  type={PlaceHolderTypes.NO_MESSAGES}\n                />\n              )\n          }\n        </div>\n      </div>\n      {\n        showScrollDownButton && (\n          <div\n            className=\"sendbird-openchannel-conversation-scroll__container__scroll-bottom-button\"\n            onClick={scrollToBottom}\n            onKeyDown={scrollToBottom}\n            tabIndex={0}\n            role=\"button\"\n          >\n            <Icon\n              width=\"24px\"\n              height=\"24px\"\n              type={IconTypes.CHEVRON_DOWN}\n              fillColor={IconColors.CONTENT}\n            />\n          </div>\n        )\n      }\n    </div>\n  );\n}\n\nexport default React.forwardRef(OpenchannelMessageList);\n"],"names":["OpenchannelMessageList","props","ref","_b","useOpenChannelContext","_c","isMessageGroupingEnabled","allMessages","hasMore","onScroll","scrollRef","useRef","_d","useState","showScrollDownButton","setShowScrollDownButton","handleOnScroll","e","element","target","scrollTop","scrollHeight","clientHeight","nodes","current","querySelectorAll","first_1","scrollIntoView","error","scrollToBottom","scrollTo","hasMessage","useMemo","length","React","join","map","message","index","previousMessage","nextMessage","previousMessageCreatedAt","createdAt","currentCreatedAt","hasSeparator","isSameDay","_a","compareMessagesForGrouping","chainTop","chainBottom","OpenChannelMessage","messageId","reqId","renderMessage","renderPlaceHolderEmptyList","PlaceHolderTypes","NO_MESSAGES","IconTypes","CHEVRON_DOWN","IconColors","CONTENT","forwardRef"],"mappings":"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"}

package/OpenChannel/components/OpenChannelUI.js

@@ -1,38 +1,38 @@
 import React__default from 'react';
-import { u as useOpenChannelContext } from '../../OpenChannelProvider-e5364b83.js';
+import { u as useOpenChannelContext } from '../../OpenChannelProvider-5b45f840.js';
 import OpenChannelInput from './OpenChannelInput.js';
 import FrozenNotification from './FrozenChannelNotification.js';
 import OpenchannelConversationHeader from './OpenChannelHeader.js';
-import { P as PlaceHolder, a as PlaceHolderTypes } from '../../index-e9e40be7.js';
+import { P as PlaceHolder, a as PlaceHolderTypes } from '../../index-dfc65ccf.js';
 import OpenChannelMessageList from './OpenChannelMessageList.js';
-import '../../index-78302d10.js';
-import '../../index-35ab7b97.js';
-import '../../UserProfileContext-977db3ff.js';
+import '../../index-1984c852.js';
+import '../../index-6e02fc15.js';
+import '../../UserProfileContext-5bc5ff98.js';
 import 'prop-types';
-import '../../tslib.es6-42c9ba76.js';
-import '../../compareIds-286831ea.js';
-import '../../topics-b6afa630.js';
-import '../../openChannel-6f350123.js';
-import '../../__bundle-7dfccc8c-db2ded0f.js';
-import '../../uuid-d61c5d2d.js';
+import '../../tslib.es6-7a52c497.js';
+import '../../compareIds-7eaf62a5.js';
+import '../../topics-a5f3f0e9.js';
+import '../../openChannel-92ffb0b5.js';
+import '../../__bundle-7dfccc8c-dc566919.js';
+import '../../uuid-b7da2ddf.js';
 import '../../useSendbirdStateContext.js';
 import '../../withSendbird.js';
-import '../../_rollupPluginBabelHelpers-fdcfbfcc.js';
-import '../../LocalizationContext-cf80416c.js';
-import '../../stringSet-f697bfff.js';
+import '../../_rollupPluginBabelHelpers-51451000.js';
+import '../../LocalizationContext-bed38f81.js';
+import '../../stringSet-07d51930.js';
 import '../../ui/MessageInput.js';
-import '../../const-725e6443.js';
-import '../../const-9ccaba50.js';
+import '../../const-5ab9bb9f.js';
+import '../../const-db8ec16d.js';
 import '../../ui/IconButton.js';
-import '../../index-8a388ae7.js';
-import '../../index-8d874712.js';
+import '../../index-a3d218da.js';
+import '../../index-33456100.js';
 import '../../ui/MentionUserLabel.js';
 import '../../ui/Icon.js';
-import '../../index-f6b6701e.js';
+import '../../index-c67f2f3b.js';
 import '../../ui/Avatar.js';
 import '../../ui/ImageRenderer.js';
 import '../../ui/Loader.js';
-import '../../index-e53b04fa.js';
+import '../../index-49108fb4.js';
 import './OpenChannelMessage.js';
 import '../../ui/OpenchannelUserMessage.js';
 import '../../ui/ContextMenu.js';
@@ -40,19 +40,19 @@ import 'react-dom';
 import '../../ui/SortByRow.js';
 import '../../ui/UserProfile.js';
 import '../../sendbirdSelectors.js';
-import '../../utils-fb8d9bf1.js';
-import '../../utils-02eaadb8.js';
-import '../../openChannelUtils-d9065b0b.js';
+import '../../utils-af217adb.js';
+import '../../utils-43a00393.js';
+import '../../openChannelUtils-e69f8484.js';
 import '../../ui/OpenChannelAdminMessage.js';
 import '../../ui/OpenchannelOGMessage.js';
 import '../../ui/LinkLabel.js';
 import '../../ui/OpenchannelThumbnailMessage.js';
 import '../../ui/OpenchannelFileMessage.js';
 import '../../ui/TextButton.js';
-import '../../color-24138028.js';
+import '../../color-04ed392d.js';
 import '../../ui/DateSeparator.js';
 import '../../ui/FileViewer.js';
-import '../../index-072521c3.js';
+import '../../index-7ed67f3f.js';
 import '../../ui/Modal.js';
 
 var COMPONENT_CLASS_NAME = 'sendbird-openchannel-conversation';

package/OpenChannel/context.js

@@ -1,16 +1,16 @@
 import 'react';
-export { O as OpenChannelProvider, u as useOpenChannelContext } from '../OpenChannelProvider-e5364b83.js';
-import '../UserProfileContext-977db3ff.js';
-import '../topics-b6afa630.js';
+export { O as OpenChannelProvider, u as useOpenChannelContext } from '../OpenChannelProvider-5b45f840.js';
+import '../UserProfileContext-5bc5ff98.js';
+import '../topics-a5f3f0e9.js';
 import '../useSendbirdStateContext.js';
-import '../index-78302d10.js';
-import '../index-35ab7b97.js';
-import '../tslib.es6-42c9ba76.js';
-import '../compareIds-286831ea.js';
-import '../openChannel-6f350123.js';
-import '../__bundle-7dfccc8c-db2ded0f.js';
-import '../uuid-d61c5d2d.js';
+import '../index-1984c852.js';
+import '../index-6e02fc15.js';
+import '../tslib.es6-7a52c497.js';
+import '../compareIds-7eaf62a5.js';
+import '../openChannel-92ffb0b5.js';
+import '../__bundle-7dfccc8c-dc566919.js';
+import '../uuid-b7da2ddf.js';
 import 'prop-types';
 import '../withSendbird.js';
-import '../_rollupPluginBabelHelpers-fdcfbfcc.js';
+import '../_rollupPluginBabelHelpers-51451000.js';
 //# sourceMappingURL=context.js.map

package/OpenChannel.js

@@ -1,32 +1,32 @@
 import React__default from 'react';
 import OpenChannelUI from './OpenChannel/components/OpenChannelUI.js';
-import { O as OpenChannelProvider } from './OpenChannelProvider-e5364b83.js';
+import { O as OpenChannelProvider } from './OpenChannelProvider-5b45f840.js';
 import './OpenChannel/components/OpenChannelInput.js';
-import './LocalizationContext-cf80416c.js';
-import './stringSet-f697bfff.js';
-import './index-35ab7b97.js';
+import './LocalizationContext-bed38f81.js';
+import './stringSet-07d51930.js';
+import './index-6e02fc15.js';
 import './ui/MessageInput.js';
-import './_rollupPluginBabelHelpers-fdcfbfcc.js';
+import './_rollupPluginBabelHelpers-51451000.js';
 import 'prop-types';
-import './const-725e6443.js';
-import './const-9ccaba50.js';
+import './const-5ab9bb9f.js';
+import './const-db8ec16d.js';
 import './ui/IconButton.js';
-import './index-8a388ae7.js';
-import './index-8d874712.js';
+import './index-a3d218da.js';
+import './index-33456100.js';
 import './ui/MentionUserLabel.js';
 import './ui/Icon.js';
-import './index-f6b6701e.js';
-import './tslib.es6-42c9ba76.js';
+import './index-c67f2f3b.js';
+import './tslib.es6-7a52c497.js';
 import './OpenChannel/components/FrozenChannelNotification.js';
 import './OpenChannel/components/OpenChannelHeader.js';
 import './ui/Avatar.js';
 import './ui/ImageRenderer.js';
-import './uuid-d61c5d2d.js';
-import './index-e9e40be7.js';
+import './uuid-b7da2ddf.js';
+import './index-dfc65ccf.js';
 import './ui/Loader.js';
 import './OpenChannel/components/OpenChannelMessageList.js';
-import './index-e53b04fa.js';
-import './index-78302d10.js';
+import './index-49108fb4.js';
+import './index-1984c852.js';
 import './OpenChannel/components/OpenChannelMessage.js';
 import './ui/OpenchannelUserMessage.js';
 import './ui/ContextMenu.js';
@@ -35,26 +35,26 @@ import './ui/SortByRow.js';
 import './ui/UserProfile.js';
 import './withSendbird.js';
 import './sendbirdSelectors.js';
-import './topics-b6afa630.js';
-import './utils-fb8d9bf1.js';
-import './UserProfileContext-977db3ff.js';
-import './utils-02eaadb8.js';
-import './openChannelUtils-d9065b0b.js';
+import './topics-a5f3f0e9.js';
+import './utils-af217adb.js';
+import './UserProfileContext-5bc5ff98.js';
+import './utils-43a00393.js';
+import './openChannelUtils-e69f8484.js';
 import './ui/OpenChannelAdminMessage.js';
 import './ui/OpenchannelOGMessage.js';
 import './ui/LinkLabel.js';
 import './ui/OpenchannelThumbnailMessage.js';
 import './ui/OpenchannelFileMessage.js';
 import './ui/TextButton.js';
-import './color-24138028.js';
+import './color-04ed392d.js';
 import './ui/DateSeparator.js';
 import './ui/FileViewer.js';
-import './index-072521c3.js';
+import './index-7ed67f3f.js';
 import './ui/Modal.js';
 import './useSendbirdStateContext.js';
-import './compareIds-286831ea.js';
-import './openChannel-6f350123.js';
-import './__bundle-7dfccc8c-db2ded0f.js';
+import './compareIds-7eaf62a5.js';
+import './openChannel-92ffb0b5.js';
+import './__bundle-7dfccc8c-dc566919.js';
 
 var OpenChannel = function OpenChannel(props) {
   return /*#__PURE__*/React__default.createElement(OpenChannelProvider, {

package/{OpenChannelProvider-e5364b83.js → OpenChannelProvider-5b45f840.js}

@@ -1,12 +1,12 @@
 import React__default, { useEffect, useCallback, useState, useReducer, useRef, useMemo } from 'react';
-import { f as format } from './index-78302d10.js';
-import { U as UserProfileProvider } from './UserProfileContext-977db3ff.js';
-import { _ as __assign, a as __spreadArray } from './tslib.es6-42c9ba76.js';
-import { c as compareIds } from './compareIds-286831ea.js';
-import { a as SEND_USER_MESSAGE, S as SEND_MESSAGE_START, b as SEND_FILE_MESSAGE, U as UPDATE_USER_MESSAGE, D as DELETE_MESSAGE } from './topics-b6afa630.js';
-import { U as Un } from './openChannel-6f350123.js';
-import { u as uuidv4 } from './uuid-d61c5d2d.js';
-import { n as ne } from './__bundle-7dfccc8c-db2ded0f.js';
+import { f as format } from './index-1984c852.js';
+import { U as UserProfileProvider } from './UserProfileContext-5bc5ff98.js';
+import { _ as __assign, a as __spreadArray } from './tslib.es6-7a52c497.js';
+import { c as compareIds } from './compareIds-7eaf62a5.js';
+import { a as SEND_USER_MESSAGE, S as SEND_MESSAGE_START, b as SEND_FILE_MESSAGE, U as UPDATE_USER_MESSAGE, D as DELETE_MESSAGE } from './topics-a5f3f0e9.js';
+import { U as Un } from './openChannel-92ffb0b5.js';
+import { u as uuidv4 } from './uuid-b7da2ddf.js';
+import { n as ne } from './__bundle-7dfccc8c-dc566919.js';
 import useSendbirdStateContext from './useSendbirdStateContext.js';
 
 var getMessageCreatedAt = function getMessageCreatedAt(message) {
@@ -278,9 +278,10 @@ function reducer(state, action) {
     case SENDING_MESSAGE_FAILED:
       {
         var sentMessage_2 = action.payload;
+        sentMessage_2.sendingStatus = 'failed';
 
         if (!state.allMessages.some(function (m) {
-          return m.reqId === sentMessage_2.reqId;
+          return (m === null || m === void 0 ? void 0 : m.reqId) === (sentMessage_2 === null || sentMessage_2 === void 0 ? void 0 : sentMessage_2.reqId);
         })) {
           // Handling failed first than sending start issue
           return __assign(__assign({}, state), {
@@ -742,11 +743,25 @@ function useSetChannel(_a, _b) {
                 }
               });
             });
+          } else {
+            openChannel.getMyMutedInfo().then(function (mutedInfo) {
+              if (mutedInfo === null || mutedInfo === void 0 ? void 0 : mutedInfo.isMuted) {
+                messagesDispatcher({
+                  type: FETCH_MUTED_USER_LIST,
+                  payload: {
+                    channel: openChannel,
+                    users: [sdk === null || sdk === void 0 ? void 0 : sdk.currentUser]
+                  }
+                });
+              }
+            });
           }
 
           if (fetchingParticipants) {
             // fetch participants list
-            var participantListQuery = openChannel.createParticipantListQuery({});
+            var participantListQuery = openChannel.createParticipantListQuery({
+              limit: openChannel.participantCount
+            });
             fetchWithListQuery(participantListQuery, logger, function (users) {
               messagesDispatcher({
                 type: FETCH_PARTICIPANT_LIST,
@@ -767,7 +782,7 @@ function useSetChannel(_a, _b) {
             payload: null
           });
         });
-      }).catch(function () {
+      }).catch(function (error) {
         logger.warning('OpenChannel | useSetChannel fetching channel failed', {
           channelUrl: channelUrl,
           error: error
@@ -1266,6 +1281,7 @@ function useSendMessageCallback(_a, _b) {
       var params = onBeforeSendUserMessage ? onBeforeSendUserMessage(text) : createParamsDefault(text);
       logger.info('OpenChannel | useSendMessageCallback: Sending message has started', params);
       var isBottom_1 = checkScrollBottom();
+      var pendingMsg_1 = null;
       currentOpenChannel.sendUserMessage(params).onPending(function (pendingMessage) {
         messagesDispatcher({
           type: SENDING_MESSAGE_START,
@@ -1274,6 +1290,7 @@ function useSendMessageCallback(_a, _b) {
             channel: currentOpenChannel
           }
         });
+        pendingMsg_1 = pendingMessage;
       }).onSucceeded(function (message) {
         logger.info('OpenChannel | useSendMessageCallback: Sending message succeeded', message);
         messagesDispatcher({
@@ -1286,11 +1303,11 @@ function useSendMessageCallback(_a, _b) {
             scrollIntoLast();
           });
         }
-      }).onFailed(function (error, message) {
+      }).onFailed(function (error) {
         logger.warning('OpenChannel | useSendMessageCallback: Sending message failed', error);
         messagesDispatcher({
           type: SENDING_MESSAGE_FAILED,
-          payload: message
+          payload: pendingMsg_1
         }); // https://sendbird.com/docs/chat/v3/javascript/guides/error-codes#2-server-error-codes
         // TODO: Do we need to handle the error cases?
         // @ts-ignore
@@ -1892,7 +1909,17 @@ var OpenChannelProvider = function OpenChannelProvider(props) {
         });
       }
     };
-  }, [channelUrl, sdkInit]);
+  }, [channelUrl, sdkInit]); // Exit channel when unmount
+
+  useEffect(function () {
+    return function () {
+      if (currentOpenChannel && currentOpenChannel.exit) {
+        currentOpenChannel.exit().then(function () {
+          logger.info('OpenChannel | useSetChannel: Succeeded to exit channel');
+        });
+      }
+    };
+  }, [currentOpenChannel]);
   return /*#__PURE__*/React__default.createElement(OpenChannelContext.Provider, {
     value: {
       // props
@@ -1943,4 +1970,4 @@ var useOpenChannelContext = function useOpenChannelContext() {
 };
 
 export { OpenChannelProvider as O, compareMessagesForGrouping as c, kFormatter as k, useOpenChannelContext as u };
-//# sourceMappingURL=OpenChannelProvider-e5364b83.js.map
+//# sourceMappingURL=OpenChannelProvider-5b45f840.js.map