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

package/cjs/OpenChannel/components/OpenChannelMessageList.js

@@ -1,56 +1,56 @@
 'use strict';
 
 var React = require('react');
-var index = require('../../index-8a02c34e.js');
+var index = require('../../index-74826500.js');
 var ui_Icon = require('../../ui/Icon.js');
-var ui_PlaceHolder = require('../../index-4aac2260.js');
-var OpenChannel_context = require('../../OpenChannelProvider-cc9ee134.js');
+var ui_PlaceHolder = require('../../index-c1aa0d36.js');
+var OpenChannel_context = require('../../OpenChannelProvider-0f1ece78.js');
 var OpenChannel_components_OpenChannelMessage = require('./OpenChannelMessage.js');
-require('../../index-802a624a.js');
-require('../../index-d4396be3.js');
-require('../../_rollupPluginBabelHelpers-29633c69.js');
+require('../../index-7efec35e.js');
+require('../../index-0d759d2f.js');
+require('../../_rollupPluginBabelHelpers-7a2f7ed5.js');
 require('prop-types');
 require('../../ui/Loader.js');
-require('../../LocalizationContext-baf1fe9b.js');
-require('../../stringSet-f932274f.js');
-require('../../index-f457d792.js');
-require('../../UserProfileContext-d4c230c3.js');
-require('../../tslib.es6-592b36e8.js');
-require('../../compareIds-b6c1549b.js');
-require('../../topics-e0269931.js');
-require('../../openChannel-1f1f5648.js');
-require('../../__bundle-7dfccc8c-e40d0934.js');
-require('../../uuid-5ffba0f8.js');
+require('../../LocalizationContext-458c4425.js');
+require('../../stringSet-1e20a383.js');
+require('../../index-0913b626.js');
+require('../../UserProfileContext-f582734c.js');
+require('../../tslib.es6-94adc177.js');
+require('../../compareIds-8bbbef9c.js');
+require('../../topics-fae1bf42.js');
+require('../../openChannel-e4e021c5.js');
+require('../../__bundle-7dfccc8c-1748a942.js');
+require('../../uuid-54ad2cc3.js');
 require('../../useSendbirdStateContext.js');
 require('../../withSendbird.js');
 require('../../ui/OpenchannelUserMessage.js');
 require('../../ui/Avatar.js');
 require('../../ui/ImageRenderer.js');
 require('../../ui/ContextMenu.js');
-require('../../index-885e6586.js');
+require('../../index-1e767390.js');
 require('react-dom');
 require('../../ui/SortByRow.js');
 require('../../ui/IconButton.js');
 require('../../ui/UserProfile.js');
 require('../../sendbirdSelectors.js');
-require('../../utils-352cb0a5.js');
-require('../../index-31de37a9.js');
-require('../../utils-01d5bf79.js');
-require('../../openChannelUtils-3b8eec58.js');
+require('../../utils-985f99f7.js');
+require('../../index-e61b5129.js');
+require('../../utils-50f39987.js');
+require('../../openChannelUtils-c190487b.js');
 require('../../ui/OpenChannelAdminMessage.js');
 require('../../ui/OpenchannelOGMessage.js');
 require('../../ui/LinkLabel.js');
 require('../../ui/OpenchannelThumbnailMessage.js');
 require('../../ui/OpenchannelFileMessage.js');
 require('../../ui/TextButton.js');
-require('../../color-10db49db.js');
+require('../../color-7ac0d13b.js');
 require('../../ui/DateSeparator.js');
 require('../../ui/MessageInput.js');
-require('../../const-7cba20e4.js');
-require('../../const-216f25a9.js');
+require('../../const-496c4e96.js');
+require('../../const-290e012b.js');
 require('../../ui/MentionUserLabel.js');
 require('../../ui/FileViewer.js');
-require('../../index-fdfc8df4.js');
+require('../../index-911094d4.js');
 require('../../ui/Modal.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -124,7 +124,7 @@ function OpenchannelMessageList(props, ref) {
     var previousMessage = allMessages[index$1 - 1];
     var nextMessage = allMessages[index$1 - 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 && index.isSameDay(currentCreatedAt, previousMessageCreatedAt));
 

package/cjs/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","PlaceHolder","PlaceHolderTypes","NO_MESSAGES","Icon","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","PlaceHolder","PlaceHolderTypes","NO_MESSAGES","Icon","IconTypes","CHEVRON_DOWN","IconColors","CONTENT","forwardRef"],"mappings":"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"}

package/cjs/OpenChannel/components/OpenChannelUI.js

@@ -1,40 +1,40 @@
 'use strict';
 
 var React = require('react');
-var OpenChannel_context = require('../../OpenChannelProvider-cc9ee134.js');
+var OpenChannel_context = require('../../OpenChannelProvider-0f1ece78.js');
 var OpenChannel_components_OpenChannelInput = require('./OpenChannelInput.js');
 var OpenChannel_components_FrozenChannelNotification = require('./FrozenChannelNotification.js');
 var OpenChannel_components_OpenChannelHeader = require('./OpenChannelHeader.js');
-var ui_PlaceHolder = require('../../index-4aac2260.js');
+var ui_PlaceHolder = require('../../index-c1aa0d36.js');
 var OpenChannel_components_OpenChannelMessageList = require('./OpenChannelMessageList.js');
-require('../../index-802a624a.js');
-require('../../index-d4396be3.js');
-require('../../UserProfileContext-d4c230c3.js');
+require('../../index-7efec35e.js');
+require('../../index-0d759d2f.js');
+require('../../UserProfileContext-f582734c.js');
 require('prop-types');
-require('../../tslib.es6-592b36e8.js');
-require('../../compareIds-b6c1549b.js');
-require('../../topics-e0269931.js');
-require('../../openChannel-1f1f5648.js');
-require('../../__bundle-7dfccc8c-e40d0934.js');
-require('../../uuid-5ffba0f8.js');
+require('../../tslib.es6-94adc177.js');
+require('../../compareIds-8bbbef9c.js');
+require('../../topics-fae1bf42.js');
+require('../../openChannel-e4e021c5.js');
+require('../../__bundle-7dfccc8c-1748a942.js');
+require('../../uuid-54ad2cc3.js');
 require('../../useSendbirdStateContext.js');
 require('../../withSendbird.js');
-require('../../_rollupPluginBabelHelpers-29633c69.js');
-require('../../LocalizationContext-baf1fe9b.js');
-require('../../stringSet-f932274f.js');
+require('../../_rollupPluginBabelHelpers-7a2f7ed5.js');
+require('../../LocalizationContext-458c4425.js');
+require('../../stringSet-1e20a383.js');
 require('../../ui/MessageInput.js');
-require('../../const-7cba20e4.js');
-require('../../const-216f25a9.js');
+require('../../const-496c4e96.js');
+require('../../const-290e012b.js');
 require('../../ui/IconButton.js');
-require('../../index-31de37a9.js');
-require('../../index-f457d792.js');
+require('../../index-e61b5129.js');
+require('../../index-0913b626.js');
 require('../../ui/MentionUserLabel.js');
 require('../../ui/Icon.js');
-require('../../index-885e6586.js');
+require('../../index-1e767390.js');
 require('../../ui/Avatar.js');
 require('../../ui/ImageRenderer.js');
 require('../../ui/Loader.js');
-require('../../index-8a02c34e.js');
+require('../../index-74826500.js');
 require('./OpenChannelMessage.js');
 require('../../ui/OpenchannelUserMessage.js');
 require('../../ui/ContextMenu.js');
@@ -42,19 +42,19 @@ require('react-dom');
 require('../../ui/SortByRow.js');
 require('../../ui/UserProfile.js');
 require('../../sendbirdSelectors.js');
-require('../../utils-352cb0a5.js');
-require('../../utils-01d5bf79.js');
-require('../../openChannelUtils-3b8eec58.js');
+require('../../utils-985f99f7.js');
+require('../../utils-50f39987.js');
+require('../../openChannelUtils-c190487b.js');
 require('../../ui/OpenChannelAdminMessage.js');
 require('../../ui/OpenchannelOGMessage.js');
 require('../../ui/LinkLabel.js');
 require('../../ui/OpenchannelThumbnailMessage.js');
 require('../../ui/OpenchannelFileMessage.js');
 require('../../ui/TextButton.js');
-require('../../color-10db49db.js');
+require('../../color-7ac0d13b.js');
 require('../../ui/DateSeparator.js');
 require('../../ui/FileViewer.js');
-require('../../index-fdfc8df4.js');
+require('../../index-911094d4.js');
 require('../../ui/Modal.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/cjs/OpenChannel/context.js

@@ -3,20 +3,20 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 require('react');
-var OpenChannel_context = require('../OpenChannelProvider-cc9ee134.js');
-require('../UserProfileContext-d4c230c3.js');
-require('../topics-e0269931.js');
+var OpenChannel_context = require('../OpenChannelProvider-0f1ece78.js');
+require('../UserProfileContext-f582734c.js');
+require('../topics-fae1bf42.js');
 require('../useSendbirdStateContext.js');
-require('../index-802a624a.js');
-require('../index-d4396be3.js');
-require('../tslib.es6-592b36e8.js');
-require('../compareIds-b6c1549b.js');
-require('../openChannel-1f1f5648.js');
-require('../__bundle-7dfccc8c-e40d0934.js');
-require('../uuid-5ffba0f8.js');
+require('../index-7efec35e.js');
+require('../index-0d759d2f.js');
+require('../tslib.es6-94adc177.js');
+require('../compareIds-8bbbef9c.js');
+require('../openChannel-e4e021c5.js');
+require('../__bundle-7dfccc8c-1748a942.js');
+require('../uuid-54ad2cc3.js');
 require('prop-types');
 require('../withSendbird.js');
-require('../_rollupPluginBabelHelpers-29633c69.js');
+require('../_rollupPluginBabelHelpers-7a2f7ed5.js');
 
 
 

package/cjs/OpenChannel.js

@@ -2,33 +2,33 @@
 
 var React = require('react');
 var OpenChannel_components_OpenChannelUI = require('./OpenChannel/components/OpenChannelUI.js');
-var OpenChannel_context = require('./OpenChannelProvider-cc9ee134.js');
+var OpenChannel_context = require('./OpenChannelProvider-0f1ece78.js');
 require('./OpenChannel/components/OpenChannelInput.js');
-require('./LocalizationContext-baf1fe9b.js');
-require('./stringSet-f932274f.js');
-require('./index-d4396be3.js');
+require('./LocalizationContext-458c4425.js');
+require('./stringSet-1e20a383.js');
+require('./index-0d759d2f.js');
 require('./ui/MessageInput.js');
-require('./_rollupPluginBabelHelpers-29633c69.js');
+require('./_rollupPluginBabelHelpers-7a2f7ed5.js');
 require('prop-types');
-require('./const-7cba20e4.js');
-require('./const-216f25a9.js');
+require('./const-496c4e96.js');
+require('./const-290e012b.js');
 require('./ui/IconButton.js');
-require('./index-31de37a9.js');
-require('./index-f457d792.js');
+require('./index-e61b5129.js');
+require('./index-0913b626.js');
 require('./ui/MentionUserLabel.js');
 require('./ui/Icon.js');
-require('./index-885e6586.js');
-require('./tslib.es6-592b36e8.js');
+require('./index-1e767390.js');
+require('./tslib.es6-94adc177.js');
 require('./OpenChannel/components/FrozenChannelNotification.js');
 require('./OpenChannel/components/OpenChannelHeader.js');
 require('./ui/Avatar.js');
 require('./ui/ImageRenderer.js');
-require('./uuid-5ffba0f8.js');
-require('./index-4aac2260.js');
+require('./uuid-54ad2cc3.js');
+require('./index-c1aa0d36.js');
 require('./ui/Loader.js');
 require('./OpenChannel/components/OpenChannelMessageList.js');
-require('./index-8a02c34e.js');
-require('./index-802a624a.js');
+require('./index-74826500.js');
+require('./index-7efec35e.js');
 require('./OpenChannel/components/OpenChannelMessage.js');
 require('./ui/OpenchannelUserMessage.js');
 require('./ui/ContextMenu.js');
@@ -37,26 +37,26 @@ require('./ui/SortByRow.js');
 require('./ui/UserProfile.js');
 require('./withSendbird.js');
 require('./sendbirdSelectors.js');
-require('./topics-e0269931.js');
-require('./utils-352cb0a5.js');
-require('./UserProfileContext-d4c230c3.js');
-require('./utils-01d5bf79.js');
-require('./openChannelUtils-3b8eec58.js');
+require('./topics-fae1bf42.js');
+require('./utils-985f99f7.js');
+require('./UserProfileContext-f582734c.js');
+require('./utils-50f39987.js');
+require('./openChannelUtils-c190487b.js');
 require('./ui/OpenChannelAdminMessage.js');
 require('./ui/OpenchannelOGMessage.js');
 require('./ui/LinkLabel.js');
 require('./ui/OpenchannelThumbnailMessage.js');
 require('./ui/OpenchannelFileMessage.js');
 require('./ui/TextButton.js');
-require('./color-10db49db.js');
+require('./color-7ac0d13b.js');
 require('./ui/DateSeparator.js');
 require('./ui/FileViewer.js');
-require('./index-fdfc8df4.js');
+require('./index-911094d4.js');
 require('./ui/Modal.js');
 require('./useSendbirdStateContext.js');
-require('./compareIds-b6c1549b.js');
-require('./openChannel-1f1f5648.js');
-require('./__bundle-7dfccc8c-e40d0934.js');
+require('./compareIds-8bbbef9c.js');
+require('./openChannel-e4e021c5.js');
+require('./__bundle-7dfccc8c-1748a942.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/{OpenChannelProvider-cc9ee134.js → OpenChannelProvider-0f1ece78.js}

@@ -1,14 +1,14 @@
 'use strict';
 
 var React = require('react');
-var index = require('./index-802a624a.js');
-var UserProfileContext = require('./UserProfileContext-d4c230c3.js');
-var tslib_es6 = require('./tslib.es6-592b36e8.js');
-var compareIds = require('./compareIds-b6c1549b.js');
-var topics = require('./topics-e0269931.js');
-var openChannel = require('./openChannel-1f1f5648.js');
-var uuid = require('./uuid-5ffba0f8.js');
-var __bundle7dfccc8c = require('./__bundle-7dfccc8c-e40d0934.js');
+var index = require('./index-7efec35e.js');
+var UserProfileContext = require('./UserProfileContext-f582734c.js');
+var tslib_es6 = require('./tslib.es6-94adc177.js');
+var compareIds = require('./compareIds-8bbbef9c.js');
+var topics = require('./topics-fae1bf42.js');
+var openChannel = require('./openChannel-e4e021c5.js');
+var uuid = require('./uuid-54ad2cc3.js');
+var __bundle7dfccc8c = require('./__bundle-7dfccc8c-1748a942.js');
 var useSendbirdStateContext = require('./useSendbirdStateContext.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -284,9 +284,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 tslib_es6.__assign(tslib_es6.__assign({}, state), {
@@ -748,11 +749,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,
@@ -773,7 +788,7 @@ function useSetChannel(_a, _b) {
             payload: null
           });
         });
-      }).catch(function () {
+      }).catch(function (error) {
         logger.warning('OpenChannel | useSetChannel fetching channel failed', {
           channelUrl: channelUrl,
           error: error
@@ -1272,6 +1287,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,
@@ -1280,6 +1296,7 @@ function useSendMessageCallback(_a, _b) {
             channel: currentOpenChannel
           }
         });
+        pendingMsg_1 = pendingMessage;
       }).onSucceeded(function (message) {
         logger.info('OpenChannel | useSendMessageCallback: Sending message succeeded', message);
         messagesDispatcher({
@@ -1292,11 +1309,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
@@ -1898,7 +1915,17 @@ var OpenChannelProvider = function OpenChannelProvider(props) {
         });
       }
     };
-  }, [channelUrl, sdkInit]);
+  }, [channelUrl, sdkInit]); // Exit channel when unmount
+
+  React.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["default"].createElement(OpenChannelContext.Provider, {
     value: {
       // props
@@ -1952,4 +1979,4 @@ exports.OpenChannelProvider = OpenChannelProvider;
 exports.compareMessagesForGrouping = compareMessagesForGrouping;
 exports.kFormatter = kFormatter;
 exports.useOpenChannelContext = useOpenChannelContext;
-//# sourceMappingURL=OpenChannelProvider-cc9ee134.js.map
+//# sourceMappingURL=OpenChannelProvider-0f1ece78.js.map