@sendbird/uikit-react 3.4.6-0 → 3.4.6-rc.1

package/cjs/OpenChannel/components/OpenChannelMessageList.js

@@ -1,109 +1,75 @@
 'use strict';
 
 var React = require('react');
-var index = require('../../index-47105c4f.js');
+var index$1 = require('../../index-fc3f351f.js');
 var ui_Icon = require('../../ui/Icon.js');
-var ui_PlaceHolder = require('../../index-630f7132.js');
-var OpenChannel_context = require('../../OpenChannelProvider-3d3d606e.js');
+var ui_PlaceHolder = require('../../index-58bddb18.js');
+var OpenChannel_context = require('../../OpenChannelProvider-0bbac562.js');
 var OpenChannel_components_OpenChannelMessage = require('./OpenChannelMessage.js');
-var consts = require('../../consts-b8c0be49.js');
 var Message_context = require('../../Message/context.js');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
-require('../../index-f2d71843.js');
-require('../../index-903c0f93.js');
+var index = require('../../index-bddcf750.js');
+require('../../index-450c5c4a.js');
+require('../../index-ecac7544.js');
 require('prop-types');
-require('../../tslib.es6-67bdb021.js');
-require('../../LocalizationContext-e4a874cf.js');
-require('../../stringSet-76f7df68.js');
-require('../../index-0e43cd69.js');
+require('../../tslib.es6-b412d11d.js');
+require('../../LocalizationContext-4c1a8e44.js');
+require('../../stringSet-9717efda.js');
+require('../../index-6295003c.js');
 require('../../ui/Loader.js');
-require('../../UserProfileContext-ce0c283c.js');
-require('../../compareIds-441b4983.js');
-require('../../topics-f70c5e0f.js');
+require('../../UserProfileContext-34f6be33.js');
+require('../../compareIds-e5f7db38.js');
+require('../../topics-11bf2ffa.js');
 require('@sendbird/chat');
 require('@sendbird/chat/openChannel');
-require('../../uuid-f23c161c.js');
+require('../../uuid-d0a9c040.js');
 require('../../ui/OpenchannelUserMessage.js');
-require('../../_rollupPluginBabelHelpers-6ab4baac.js');
+require('../../_rollupPluginBabelHelpers-8164e35a.js');
 require('../../ui/Avatar.js');
 require('../../ui/ImageRenderer.js');
 require('../../ui/ContextMenu.js');
 require('react-dom');
 require('../../ui/SortByRow.js');
-require('../../index-5075f3b2.js');
+require('../../index-946fe9b8.js');
 require('../../utils/message/getOutgoingMessageState.js');
 require('../../ui/IconButton.js');
 require('../../ui/UserProfile.js');
 require('../../sendbirdSelectors.js');
-require('../../utils-fdfc9b0a.js');
+require('../../utils-d40c9909.js');
 require('../../ui/Button.js');
-require('../../utils-1ebf89f9.js');
-require('../../index-d3b05e98.js');
-require('../../MediaQueryContext-fcd92c17.js');
-require('../../useLongPress-3582b310.js');
+require('../../utils-aeadc058.js');
+require('../../index-d217a491.js');
+require('../../MediaQueryContext-9f3958fe.js');
+require('../../useLongPress-0b0040bb.js');
 require('../../ui/OpenChannelAdminMessage.js');
 require('../../ui/OpenchannelOGMessage.js');
 require('../../ui/LinkLabel.js');
-require('../../index-3a7584a0.js');
-require('../../tokenize-5071d1a6.js');
+require('../../index-f2afea13.js');
+require('../../index.module-d62bc038.js');
+require('../../tokenize-b42df26a.js');
 require('../../ui/MentionLabel.js');
 require('../../ui/OpenchannelThumbnailMessage.js');
 require('../../ui/OpenchannelFileMessage.js');
 require('../../ui/TextButton.js');
-require('../../color-168c1d53.js');
+require('../../color-f43f059a.js');
 require('../../ui/DateSeparator.js');
 require('../../ui/MessageInput.js');
-require('../../const-cf4cec6a.js');
-require('../../const-0273bf9e.js');
+require('../../const-611ac2dd.js');
+require('../../const-e7388711.js');
 require('dompurify');
-require('../../consts-2e23914f.js');
-require('../../consts-e193b1b8.js');
-require('../../consts-472d9347.js');
+require('../../consts-f8bd3346.js');
+require('../../consts-d9ecf2d7.js');
+require('../../consts-e0f44b83.js');
 require('../../ui/FileViewer.js');
-require('../../index-813deccc.js');
+require('../../index-584a87f3.js');
 require('../../ui/Modal.js');
 require('../../withSendbird.js');
+require('../../consts-82dce75d.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-function calcScrollBottom(scrollHeight, scrollTop) {
-  return scrollHeight - scrollTop;
-}
-function useHandleOnScrollCallback(_a) {
-  var setShowScrollDownButton = _a.setShowScrollDownButton,
-    hasMore = _a.hasMore,
-    onScroll = _a.onScroll,
-    scrollRef = _a.scrollRef;
-  return React.useCallback(function (e) {
-    var element = e.target;
-    var scrollTop = element.scrollTop,
-      scrollHeight = element.scrollHeight,
-      clientHeight = element.clientHeight;
-    // https://sendbird.atlassian.net/browse/SBISSUE-11759
-    // the edge case where channel is inside a page that already has scroll
-    // scrollintoView will move the whole page, which we dont want
-    var scrollBottom = calcScrollBottom(scrollHeight, scrollTop);
-    // even if there is more to fetch or not,
-    // we still have to show the scroll to bottom button
-    if (scrollHeight > scrollTop + clientHeight + 1) {
-      setShowScrollDownButton(true);
-    } else {
-      setShowScrollDownButton(false);
-    }
-    if (!hasMore) {
-      return;
-    }
-    if (scrollTop < consts.SCROLL_BUFFER) {
-      onScroll(function () {
-        // sets the scroll position to the bottom of the new messages
-        scrollRef.current.scrollTop = scrollRef.current.scrollHeight - scrollBottom;
-      });
-    }
-  }, [setShowScrollDownButton, hasMore, onScroll, scrollRef]);
-}
-
 function OpenchannelMessageList(props, ref) {
   var _a = OpenChannel_context.useOpenChannelContext(),
     _b = _a.isMessageGroupingEnabled,
@@ -123,7 +89,7 @@ function OpenchannelMessageList(props, ref) {
       setShowScrollDownButton(false);
     }
   };
-  var handleOnScroll = useHandleOnScrollCallback({
+  var handleOnScroll = index.useHandleOnScrollCallback({
     setShowScrollDownButton: setShowScrollDownButton,
     hasMore: hasMore,
     onScroll: onScroll,
@@ -132,14 +98,14 @@ function OpenchannelMessageList(props, ref) {
   var memoizedMessageList = React.useMemo(function () {
     var _a;
     if (allMessages.length > 0) {
-      return allMessages.map(function (message, index$1) {
+      return allMessages.map(function (message, index) {
         var _a;
-        var previousMessage = allMessages[index$1 - 1];
-        var nextMessage = allMessages[index$1 - 1];
+        var previousMessage = allMessages[index - 1];
+        var nextMessage = allMessages[index - 1];
         var previousMessageCreatedAt = previousMessage && previousMessage.createdAt;
         var currentCreatedAt = message === null || message === void 0 ? void 0 : message.createdAt;
         // https://stackoverflow.com/a/41855608
-        var hasSeparator = !(previousMessageCreatedAt && index.isSameDay(currentCreatedAt, previousMessageCreatedAt));
+        var hasSeparator = !(previousMessageCreatedAt && index$1.isSameDay(currentCreatedAt, previousMessageCreatedAt));
         var _b = isMessageGroupingEnabled ? OpenChannel_context.compareMessagesForGrouping(previousMessage, message, nextMessage) : [false, false],
           chainTop = _b[0],
           chainBottom = _b[1];

package/cjs/OpenChannel/components/OpenChannelMessageList.js.map

@@ -1 +1 @@
-{"version":3,"file":"OpenChannelMessageList.js","sources":["../../../../src/smart-components/OpenChannel/components/OpenChannelMessageList/useHandleOnScrollCallback.ts","../../../../src/smart-components/OpenChannel/components/OpenChannelMessageList/index.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { SCROLL_BUFFER } from \"../../../../utils/consts\";\n\nexport interface UseHandleOnScrollCallbackProps {\n  setShowScrollDownButton: React.Dispatch<React.SetStateAction<boolean>>;\n  hasMore: boolean;\n  onScroll(fn: () => void): void;\n  scrollRef: React.RefObject<HTMLDivElement>;\n}\n\nexport function calcScrollBottom(scrollHeight: number, scrollTop: number): number {\n  return scrollHeight - scrollTop\n}\n\nexport function useHandleOnScrollCallback({\n  setShowScrollDownButton,\n  hasMore,\n  onScroll,\n  scrollRef,\n}: UseHandleOnScrollCallbackProps): (e: React.UIEvent<HTMLElement>) => void {\n  return useCallback((e) => {\n    const element = e.target as Element;\n    const {\n      scrollTop,\n      scrollHeight,\n      clientHeight,\n    } = element;\n    // https://sendbird.atlassian.net/browse/SBISSUE-11759\n    // the edge case where channel is inside a page that already has scroll\n    // scrollintoView will move the whole page, which we dont want\n    const scrollBottom = calcScrollBottom(scrollHeight, scrollTop);\n    // even if there is more to fetch or not,\n    // we still have to show the scroll to bottom button\n    if (scrollHeight > scrollTop + clientHeight + 1) {\n      setShowScrollDownButton(true);\n    } else {\n      setShowScrollDownButton(false);\n    }\n    if (!hasMore) {\n      return;\n    }\n    if (scrollTop < SCROLL_BUFFER) {\n      onScroll(() => {\n        // sets the scroll position to the bottom of the new messages\n        scrollRef.current.scrollTop = scrollRef.current.scrollHeight - scrollBottom;\n      });\n    }\n  }, [\n    setShowScrollDownButton,\n    hasMore,\n    onScroll,\n    scrollRef,\n  ]);\n}\n","import './openchannel-message-list.scss';\n\nimport React, { ReactElement, useRef, useState, useMemo } from 'react';\nimport { FileMessage, UserMessage } from '@sendbird/chat/message';\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 { useHandleOnScrollCallback } from './useHandleOnScrollCallback';\nimport { MessageProvider } from '../../../Message/context/MessageProvider';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\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 store = useSendbirdStateContext();\n  const userId = store.config.userId;\n  const scrollRef = ref || useRef(null);\n  const [showScrollDownButton, setShowScrollDownButton] = useState(false);\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 handleOnScroll = useHandleOnScrollCallback({\n    setShowScrollDownButton,\n    hasMore,\n    onScroll,\n    scrollRef,\n  });\n\n  const memoizedMessageList = useMemo(() => {\n    if (allMessages.length > 0) {\n      return (\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          const isByMe = (message as UserMessage)?.sender?.userId === userId;\n          const key = message?.messageId || (message as UserMessage)?.reqId;\n          return (\n            <MessageProvider message={message} isByMe={isByMe} key={key}>\n              <OpenChannelMessage\n                message={message}\n                chainTop={chainTop}\n                chainBottom={chainBottom}\n                hasSeparator={hasSeparator}\n                renderMessage={props?.renderMessage}\n              />\n            </MessageProvider>\n          )\n        })\n      );\n    }\n    return (\n      props?.renderPlaceHolderEmptyList?.() || (\n        <PlaceHolder\n          className=\"sendbird-openchannel-conversation-scroll__container__place-holder\"\n          type={PlaceHolderTypes.NO_MESSAGES}\n        />\n      )\n    );\n  }, [allMessages]);\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            (allMessages.length > 0) ? '' : 'no-messages',\n          ].join(' ')}\n          onScroll={handleOnScroll}\n          ref={scrollRef}\n        >\n          {memoizedMessageList}\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":["calcScrollBottom","scrollHeight","scrollTop","useHandleOnScrollCallback","_a","setShowScrollDownButton","hasMore","onScroll","scrollRef","useCallback","e","element","target","clientHeight","scrollBottom","SCROLL_BUFFER","current","OpenchannelMessageList","props","ref","useOpenChannelContext","_b","isMessageGroupingEnabled","allMessages","store","useSendbirdStateContext","userId","config","useRef","_c","useState","showScrollDownButton","scrollToBottom","scrollTo","handleOnScroll","memoizedMessageList","useMemo","length","map","message","index","previousMessage","nextMessage","previousMessageCreatedAt","createdAt","currentCreatedAt","hasSeparator","isSameDay","compareMessagesForGrouping","chainTop","chainBottom","isByMe","sender","key","messageId","reqId","React","createElement","MessageProvider","OpenChannelMessage","renderMessage","renderPlaceHolderEmptyList","call","PlaceHolder","className","type","PlaceHolderTypes","NO_MESSAGES","join","onClick","onKeyDown","tabIndex","role","Icon","width","height","IconTypes","CHEVRON_DOWN","fillColor","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 { UserMessage } from '@sendbird/chat/message';\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 { MessageProvider } from '../../../Message/context/MessageProvider';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\nimport { useHandleOnScrollCallback } from '../../../../hooks/useHandleOnScrollCallback';\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 store = useSendbirdStateContext();\n  const userId = store.config.userId;\n  const scrollRef = ref || useRef(null);\n  const [showScrollDownButton, setShowScrollDownButton] = useState(false);\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 handleOnScroll = useHandleOnScrollCallback({\n    setShowScrollDownButton,\n    hasMore,\n    onScroll,\n    scrollRef,\n  });\n\n  const memoizedMessageList = useMemo(() => {\n    if (allMessages.length > 0) {\n      return (\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          const isByMe = (message as UserMessage)?.sender?.userId === userId;\n          const key = message?.messageId || (message as UserMessage)?.reqId;\n          return (\n            <MessageProvider message={message} isByMe={isByMe} key={key}>\n              <OpenChannelMessage\n                message={message}\n                chainTop={chainTop}\n                chainBottom={chainBottom}\n                hasSeparator={hasSeparator}\n                renderMessage={props?.renderMessage}\n              />\n            </MessageProvider>\n          )\n        })\n      );\n    }\n    return (\n      props?.renderPlaceHolderEmptyList?.() || (\n        <PlaceHolder\n          className=\"sendbird-openchannel-conversation-scroll__container__place-holder\"\n          type={PlaceHolderTypes.NO_MESSAGES}\n        />\n      )\n    );\n  }, [allMessages]);\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            (allMessages.length > 0) ? '' : 'no-messages',\n          ].join(' ')}\n          onScroll={handleOnScroll}\n          ref={scrollRef}\n        >\n          {memoizedMessageList}\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","_a","useOpenChannelContext","_b","isMessageGroupingEnabled","allMessages","hasMore","onScroll","store","useSendbirdStateContext","userId","config","scrollRef","useRef","_c","useState","showScrollDownButton","setShowScrollDownButton","scrollToBottom","current","scrollTo","scrollHeight","handleOnScroll","useHandleOnScrollCallback","memoizedMessageList","useMemo","length","map","message","index","previousMessage","nextMessage","previousMessageCreatedAt","createdAt","currentCreatedAt","hasSeparator","isSameDay","compareMessagesForGrouping","chainTop","chainBottom","isByMe","sender","key","messageId","reqId","React","createElement","MessageProvider","OpenChannelMessage","renderMessage","renderPlaceHolderEmptyList","call","PlaceHolder","className","type","PlaceHolderTypes","NO_MESSAGES","join","onClick","onKeyDown","tabIndex","role","Icon","width","height","IconTypes","CHEVRON_DOWN","fillColor","IconColors","CONTENT","forwardRef"],"mappings":"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"}

package/cjs/OpenChannel/components/OpenChannelUI.js

@@ -1,46 +1,46 @@
 'use strict';
 
 var React = require('react');
-var OpenChannel_context = require('../../OpenChannelProvider-3d3d606e.js');
+var OpenChannel_context = require('../../OpenChannelProvider-0bbac562.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-630f7132.js');
+var ui_PlaceHolder = require('../../index-58bddb18.js');
 var OpenChannel_components_OpenChannelMessageList = require('./OpenChannelMessageList.js');
-require('../../index-f2d71843.js');
-require('../../index-903c0f93.js');
-require('../../UserProfileContext-ce0c283c.js');
+require('../../index-450c5c4a.js');
+require('../../index-ecac7544.js');
+require('../../UserProfileContext-34f6be33.js');
 require('prop-types');
-require('../../tslib.es6-67bdb021.js');
-require('../../compareIds-441b4983.js');
-require('../../topics-f70c5e0f.js');
+require('../../tslib.es6-b412d11d.js');
+require('../../compareIds-e5f7db38.js');
+require('../../topics-11bf2ffa.js');
 require('@sendbird/chat');
 require('@sendbird/chat/openChannel');
-require('../../uuid-f23c161c.js');
+require('../../uuid-d0a9c040.js');
 require('../../useSendbirdStateContext.js');
 require('../../withSendbird.js');
-require('../../LocalizationContext-e4a874cf.js');
-require('../../stringSet-76f7df68.js');
+require('../../LocalizationContext-4c1a8e44.js');
+require('../../stringSet-9717efda.js');
 require('../../ui/MessageInput.js');
-require('../../_rollupPluginBabelHelpers-6ab4baac.js');
-require('../../const-cf4cec6a.js');
-require('../../const-0273bf9e.js');
+require('../../_rollupPluginBabelHelpers-8164e35a.js');
+require('../../const-611ac2dd.js');
+require('../../const-e7388711.js');
 require('../../ui/IconButton.js');
 require('../../ui/Button.js');
-require('../../index-0e43cd69.js');
+require('../../index-6295003c.js');
 require('dompurify');
-require('../../consts-2e23914f.js');
+require('../../consts-f8bd3346.js');
 require('../../ui/Icon.js');
-require('../../index-5075f3b2.js');
+require('../../index-946fe9b8.js');
 require('../../utils/message/getOutgoingMessageState.js');
-require('../../consts-e193b1b8.js');
-require('../../consts-472d9347.js');
-require('../../tokenize-5071d1a6.js');
+require('../../consts-d9ecf2d7.js');
+require('../../consts-e0f44b83.js');
+require('../../tokenize-b42df26a.js');
 require('../../ui/Avatar.js');
 require('../../ui/ImageRenderer.js');
-require('../../MediaQueryContext-fcd92c17.js');
+require('../../MediaQueryContext-9f3958fe.js');
 require('../../ui/Loader.js');
-require('../../index-47105c4f.js');
+require('../../index-fc3f351f.js');
 require('./OpenChannelMessage.js');
 require('../../ui/OpenchannelUserMessage.js');
 require('../../ui/ContextMenu.js');
@@ -48,25 +48,27 @@ require('react-dom');
 require('../../ui/SortByRow.js');
 require('../../ui/UserProfile.js');
 require('../../sendbirdSelectors.js');
-require('../../utils-fdfc9b0a.js');
-require('../../utils-1ebf89f9.js');
-require('../../index-d3b05e98.js');
-require('../../useLongPress-3582b310.js');
+require('../../utils-d40c9909.js');
+require('../../utils-aeadc058.js');
+require('../../index-d217a491.js');
+require('../../useLongPress-0b0040bb.js');
 require('../../ui/OpenChannelAdminMessage.js');
 require('../../ui/OpenchannelOGMessage.js');
 require('../../ui/LinkLabel.js');
-require('../../index-3a7584a0.js');
+require('../../index-f2afea13.js');
+require('../../index.module-d62bc038.js');
 require('../../Message/context.js');
 require('../../ui/MentionLabel.js');
 require('../../ui/OpenchannelThumbnailMessage.js');
 require('../../ui/OpenchannelFileMessage.js');
 require('../../ui/TextButton.js');
-require('../../color-168c1d53.js');
+require('../../color-f43f059a.js');
 require('../../ui/DateSeparator.js');
 require('../../ui/FileViewer.js');
-require('../../index-813deccc.js');
+require('../../index-584a87f3.js');
 require('../../ui/Modal.js');
-require('../../consts-b8c0be49.js');
+require('../../index-bddcf750.js');
+require('../../consts-82dce75d.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/OpenChannel/components/OpenChannelUI.js.map

@@ -1 +1 @@
-{"version":3,"file":"OpenChannelUI.js","sources":["../../../../src/smart-components/OpenChannel/components/OpenChannelUI/index.tsx"],"sourcesContent":["import './open-channel-ui.scss';\n\nimport React from 'react';\nimport { useOpenChannelContext } from '../../context/OpenChannelProvider';\n\nimport OpenChannelInput from '../OpenChannelInput';\nimport FrozenChannelNotification from '../FrozenChannelNotification';\nimport OpenChannelHeader from '../OpenChannelHeader';\n// import OpenchannelConversationScroll from './components/OpenchannelConversationScroll';\nimport PlaceHolder, { PlaceHolderTypes } from '../../../../ui/PlaceHolder';\nimport OpenChannelMessageList from '../OpenChannelMessageList';\nimport { RenderMessageProps } from '../../../../types';\n\nexport interface OpenChannelUIProps {\n  renderMessage?: (props: RenderMessageProps) => React.ElementType<RenderMessageProps>;\n  renderHeader?: () => React.ReactElement;\n  renderInput?: () => React.ReactElement;\n  renderPlaceHolderEmptyList?: () => React.ReactElement;\n  renderPlaceHolderError?: () => React.ReactElement;\n  renderPlaceHolderLoading?: () => React.ReactElement;\n}\n\nconst COMPONENT_CLASS_NAME = 'sendbird-openchannel-conversation';\n\nconst OpenChannelUI: React.FC<OpenChannelUIProps> = ({\n  renderMessage,\n  renderHeader,\n  renderInput,\n  renderPlaceHolderEmptyList,\n  renderPlaceHolderError,\n  renderPlaceHolderLoading,\n}: OpenChannelUIProps) => {\n  const {\n    currentOpenChannel,\n    amIBanned,\n    loading,\n    isInvalid,\n    messageInputRef,\n    conversationScrollRef,\n  } = useOpenChannelContext();\n  if (\n    !currentOpenChannel\n    || !currentOpenChannel?.url\n    || amIBanned\n  ) {\n    return (renderPlaceHolderError?.() ||\n      <div className={COMPONENT_CLASS_NAME}><PlaceHolder type={PlaceHolderTypes.NO_CHANNELS} /></div>\n    );\n  }\n  if (loading) {\n    return (renderPlaceHolderLoading?.() ||\n      <div className={COMPONENT_CLASS_NAME}><PlaceHolder type={PlaceHolderTypes.LOADING} /></div>\n    );\n  }\n  if (isInvalid) {\n    return (renderPlaceHolderError?.() ||\n      <div className={COMPONENT_CLASS_NAME}><PlaceHolder type={PlaceHolderTypes.WRONG} /></div>\n    );\n  }\n\n  return (\n    <div className={COMPONENT_CLASS_NAME}>\n      {\n        renderHeader?.() || (\n          <OpenChannelHeader />\n        )\n      }\n      {\n        currentOpenChannel?.isFrozen && (\n          <FrozenChannelNotification />\n        )\n      }\n      <OpenChannelMessageList\n        ref={conversationScrollRef}\n        renderMessage={renderMessage}\n        renderPlaceHolderEmptyList={renderPlaceHolderEmptyList}\n      />\n      {\n        renderInput?.() || (\n          <OpenChannelInput ref={messageInputRef} />\n        )\n      }\n    </div>\n  );\n};\n\nexport default OpenChannelUI;\n"],"names":["COMPONENT_CLASS_NAME","OpenChannelUI","_a","renderMessage","renderHeader","renderInput","renderPlaceHolderEmptyList","renderPlaceHolderError","renderPlaceHolderLoading","_b","useOpenChannelContext","currentOpenChannel","amIBanned","loading","isInvalid","messageInputRef","conversationScrollRef","url","React","createElement","className","PlaceHolder","type","PlaceHolderTypes","NO_CHANNELS","LOADING","WRONG","OpenChannelHeader","isFrozen","FrozenChannelNotification","OpenChannelMessageList","ref","OpenChannelInput"],"mappings":"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"}
+{"version":3,"file":"OpenChannelUI.js","sources":["../../../../src/smart-components/OpenChannel/components/OpenChannelUI/index.tsx"],"sourcesContent":["import './open-channel-ui.scss';\n\nimport React from 'react';\nimport { useOpenChannelContext } from '../../context/OpenChannelProvider';\n\nimport OpenChannelInput from '../OpenChannelInput';\nimport FrozenChannelNotification from '../FrozenChannelNotification';\nimport OpenChannelHeader from '../OpenChannelHeader';\n// import OpenchannelConversationScroll from './components/OpenchannelConversationScroll';\nimport PlaceHolder, { PlaceHolderTypes } from '../../../../ui/PlaceHolder';\nimport OpenChannelMessageList from '../OpenChannelMessageList';\nimport { RenderMessageProps } from '../../../../types';\n\nexport interface OpenChannelUIProps {\n  renderMessage?: (props: RenderMessageProps) => React.ElementType<RenderMessageProps>;\n  renderHeader?: () => React.ReactElement;\n  renderInput?: () => React.ReactElement;\n  renderPlaceHolderEmptyList?: () => React.ReactElement;\n  renderPlaceHolderError?: () => React.ReactElement;\n  renderPlaceHolderLoading?: () => React.ReactElement;\n}\n\nconst COMPONENT_CLASS_NAME = 'sendbird-openchannel-conversation';\n\nconst OpenChannelUI: React.FC<OpenChannelUIProps> = ({\n  renderMessage,\n  renderHeader,\n  renderInput,\n  renderPlaceHolderEmptyList,\n  renderPlaceHolderError,\n  renderPlaceHolderLoading,\n}: OpenChannelUIProps) => {\n  const {\n    currentOpenChannel,\n    amIBanned,\n    loading,\n    isInvalid,\n    messageInputRef,\n    conversationScrollRef,\n  } = useOpenChannelContext();\n  if (\n    !currentOpenChannel\n    || !currentOpenChannel?.url\n    || amIBanned\n  ) {\n    return (renderPlaceHolderError?.()\n      || <div className={COMPONENT_CLASS_NAME}><PlaceHolder type={PlaceHolderTypes.NO_CHANNELS} /></div>\n    );\n  }\n  if (loading) {\n    return (renderPlaceHolderLoading?.()\n      || <div className={COMPONENT_CLASS_NAME}><PlaceHolder type={PlaceHolderTypes.LOADING} /></div>\n    );\n  }\n  if (isInvalid) {\n    return (renderPlaceHolderError?.()\n      || <div className={COMPONENT_CLASS_NAME}><PlaceHolder type={PlaceHolderTypes.WRONG} /></div>\n    );\n  }\n\n  return (\n    <div className={COMPONENT_CLASS_NAME}>\n      {\n        renderHeader?.() || (\n          <OpenChannelHeader />\n        )\n      }\n      {\n        currentOpenChannel?.isFrozen && (\n          <FrozenChannelNotification />\n        )\n      }\n      <OpenChannelMessageList\n        ref={conversationScrollRef}\n        renderMessage={renderMessage}\n        renderPlaceHolderEmptyList={renderPlaceHolderEmptyList}\n      />\n      {\n        renderInput?.() || (\n          <OpenChannelInput ref={messageInputRef} />\n        )\n      }\n    </div>\n  );\n};\n\nexport default OpenChannelUI;\n"],"names":["COMPONENT_CLASS_NAME","OpenChannelUI","_a","renderMessage","renderHeader","renderInput","renderPlaceHolderEmptyList","renderPlaceHolderError","renderPlaceHolderLoading","_b","useOpenChannelContext","currentOpenChannel","amIBanned","loading","isInvalid","messageInputRef","conversationScrollRef","url","React","createElement","className","PlaceHolder","type","PlaceHolderTypes","NO_CHANNELS","LOADING","WRONG","OpenChannelHeader","isFrozen","FrozenChannelNotification","OpenChannelMessageList","ref","OpenChannelInput"],"mappings":"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"}

package/cjs/OpenChannel/context.js

@@ -3,17 +3,17 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 require('react');
-var OpenChannel_context = require('../OpenChannelProvider-3d3d606e.js');
-require('../UserProfileContext-ce0c283c.js');
-require('../topics-f70c5e0f.js');
+var OpenChannel_context = require('../OpenChannelProvider-0bbac562.js');
+require('../UserProfileContext-34f6be33.js');
+require('../topics-11bf2ffa.js');
 require('../useSendbirdStateContext.js');
-require('../index-f2d71843.js');
-require('../index-903c0f93.js');
-require('../tslib.es6-67bdb021.js');
-require('../compareIds-441b4983.js');
+require('../index-450c5c4a.js');
+require('../index-ecac7544.js');
+require('../tslib.es6-b412d11d.js');
+require('../compareIds-e5f7db38.js');
 require('@sendbird/chat');
 require('@sendbird/chat/openChannel');
-require('../uuid-f23c161c.js');
+require('../uuid-d0a9c040.js');
 require('prop-types');
 require('../withSendbird.js');
 

package/cjs/OpenChannel.js

@@ -2,70 +2,72 @@
 
 var React = require('react');
 var OpenChannel_components_OpenChannelUI = require('./OpenChannel/components/OpenChannelUI.js');
-var OpenChannel_context = require('./OpenChannelProvider-3d3d606e.js');
+var OpenChannel_context = require('./OpenChannelProvider-0bbac562.js');
 require('./OpenChannel/components/OpenChannelInput.js');
-require('./LocalizationContext-e4a874cf.js');
-require('./stringSet-76f7df68.js');
-require('./index-903c0f93.js');
+require('./LocalizationContext-4c1a8e44.js');
+require('./stringSet-9717efda.js');
+require('./index-ecac7544.js');
 require('./ui/MessageInput.js');
-require('./_rollupPluginBabelHelpers-6ab4baac.js');
+require('./_rollupPluginBabelHelpers-8164e35a.js');
 require('prop-types');
-require('./const-cf4cec6a.js');
-require('./const-0273bf9e.js');
+require('./const-611ac2dd.js');
+require('./const-e7388711.js');
 require('./ui/IconButton.js');
-require('./tslib.es6-67bdb021.js');
+require('./tslib.es6-b412d11d.js');
 require('./ui/Button.js');
-require('./index-0e43cd69.js');
+require('./index-6295003c.js');
 require('dompurify');
-require('./consts-2e23914f.js');
+require('./consts-f8bd3346.js');
 require('./ui/Icon.js');
-require('./index-5075f3b2.js');
+require('./index-946fe9b8.js');
 require('./utils/message/getOutgoingMessageState.js');
-require('./consts-e193b1b8.js');
-require('./consts-472d9347.js');
-require('./tokenize-5071d1a6.js');
+require('./consts-d9ecf2d7.js');
+require('./consts-e0f44b83.js');
+require('./tokenize-b42df26a.js');
 require('./OpenChannel/components/FrozenChannelNotification.js');
 require('./OpenChannel/components/OpenChannelHeader.js');
 require('./ui/Avatar.js');
 require('./ui/ImageRenderer.js');
-require('./uuid-f23c161c.js');
-require('./MediaQueryContext-fcd92c17.js');
-require('./index-630f7132.js');
+require('./uuid-d0a9c040.js');
+require('./MediaQueryContext-9f3958fe.js');
+require('./index-58bddb18.js');
 require('./ui/Loader.js');
 require('./OpenChannel/components/OpenChannelMessageList.js');
-require('./index-47105c4f.js');
-require('./index-f2d71843.js');
+require('./index-fc3f351f.js');
+require('./index-450c5c4a.js');
 require('./OpenChannel/components/OpenChannelMessage.js');
 require('./ui/OpenchannelUserMessage.js');
 require('./ui/ContextMenu.js');
 require('react-dom');
 require('./ui/SortByRow.js');
 require('./ui/UserProfile.js');
-require('./UserProfileContext-ce0c283c.js');
+require('./UserProfileContext-34f6be33.js');
 require('./sendbirdSelectors.js');
-require('./topics-f70c5e0f.js');
-require('./utils-fdfc9b0a.js');
+require('./topics-11bf2ffa.js');
+require('./utils-d40c9909.js');
 require('./useSendbirdStateContext.js');
 require('./withSendbird.js');
-require('./utils-1ebf89f9.js');
-require('./index-d3b05e98.js');
-require('./useLongPress-3582b310.js');
+require('./utils-aeadc058.js');
+require('./index-d217a491.js');
+require('./useLongPress-0b0040bb.js');
 require('./ui/OpenChannelAdminMessage.js');
 require('./ui/OpenchannelOGMessage.js');
 require('./ui/LinkLabel.js');
-require('./index-3a7584a0.js');
+require('./index-f2afea13.js');
+require('./index.module-d62bc038.js');
 require('./Message/context.js');
 require('./ui/MentionLabel.js');
 require('./ui/OpenchannelThumbnailMessage.js');
 require('./ui/OpenchannelFileMessage.js');
 require('./ui/TextButton.js');
-require('./color-168c1d53.js');
+require('./color-f43f059a.js');
 require('./ui/DateSeparator.js');
 require('./ui/FileViewer.js');
-require('./index-813deccc.js');
+require('./index-584a87f3.js');
 require('./ui/Modal.js');
-require('./consts-b8c0be49.js');
-require('./compareIds-441b4983.js');
+require('./index-bddcf750.js');
+require('./consts-82dce75d.js');
+require('./compareIds-e5f7db38.js');
 require('@sendbird/chat');
 require('@sendbird/chat/openChannel');
 

package/cjs/OpenChannel.js.map

@@ -1 +1 @@
-{"version":3,"file":"OpenChannel.js","sources":["../../src/smart-components/OpenChannel/index.tsx"],"sourcesContent":["import React from 'react';\nimport OpenChannelUI, {\n  OpenChannelUIProps,\n} from './components/OpenChannelUI';\nimport { OpenChannelProvider, OpenChannelProviderProps } from './context/OpenChannelProvider';\n\nexport interface OpenChannelProps extends OpenChannelProviderProps, OpenChannelUIProps {}\nconst OpenChannel: React.FC<OpenChannelProps> = (props: OpenChannelProps) => {\n  return (\n    <OpenChannelProvider\n      channelUrl={props?.channelUrl}\n      isMessageGroupingEnabled={props?.isMessageGroupingEnabled}\n      queries={props?.queries}\n      messageLimit={props?.messageLimit}\n      onBeforeSendUserMessage={props?.onBeforeSendUserMessage}\n      onBeforeSendFileMessage={props?.onBeforeSendFileMessage}\n      onChatHeaderActionClick={props?.onChatHeaderActionClick}\n      disableUserProfile={props?.disableUserProfile}\n      renderUserProfile={props?.renderUserProfile}\n      onBackClick={props?.onBackClick}\n    >\n      <OpenChannelUI\n        renderMessage={props?.renderMessage}\n        renderHeader={props?.renderHeader}\n        renderInput={props?.renderInput}\n        renderPlaceHolderEmptyList={props?.renderPlaceHolderEmptyList}\n        renderPlaceHolderError={props?.renderPlaceHolderError}\n        renderPlaceHolderLoading={props?.renderPlaceHolderLoading}\n      />\n    </OpenChannelProvider>\n  );\n}\n\nexport default OpenChannel;\n"],"names":["OpenChannel","props","React","createElement","OpenChannelProvider","channelUrl","isMessageGroupingEnabled","queries","messageLimit","onBeforeSendUserMessage","onBeforeSendFileMessage","onChatHeaderActionClick","disableUserProfile","renderUserProfile","onBackClick","OpenChannelUI","renderMessage","renderHeader","renderInput","renderPlaceHolderEmptyList","renderPlaceHolderError","renderPlaceHolderLoading"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,IAAMA,WAAW,GAA+B,UAACC,KAAuB,EAAA;AACtE,EAAA,oBACEC,yBAAA,CAAAC,aAAA,CAACC,uCAAmB,EAAA;AAClBC,IAAAA,UAAU,EAAEJ,KAAK,KAAA,IAAA,IAALA,KAAK,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAALA,KAAK,CAAEI,UAAW;AAC9BC,IAAAA,wBAAwB,EAAEL,KAAK,KAAA,IAAA,IAALA,KAAK,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAALA,KAAK,CAAEK,wBAAyB;AAC1DC,IAAAA,OAAO,EAAEN,KAAK,KAAA,IAAA,IAALA,KAAK,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAALA,KAAK,CAAEM,OAAQ;AACxBC,IAAAA,YAAY,EAAEP,KAAK,KAAA,IAAA,IAALA,KAAK,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAALA,KAAK,CAAEO,YAAa;AAClCC,IAAAA,uBAAuB,EAAER,KAAK,KAAA,IAAA,IAALA,KAAK,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAALA,KAAK,CAAEQ,uBAAwB;AACxDC,IAAAA,uBAAuB,EAAET,KAAK,KAAA,IAAA,IAALA,KAAK,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAALA,KAAK,CAAES,uBAAwB;AACxDC,IAAAA,uBAAuB,EAAEV,KAAK,KAAA,IAAA,IAALA,KAAK,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAALA,KAAK,CAAEU,uBAAwB;AACxDC,IAAAA,kBAAkB,EAAEX,KAAK,KAAA,IAAA,IAALA,KAAK,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAALA,KAAK,CAAEW,kBAAmB;AAC9CC,IAAAA,iBAAiB,EAAEZ,KAAK,KAAA,IAAA,IAALA,KAAK,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAALA,KAAK,CAAEY,iBAAkB;AAC5CC,IAAAA,WAAW,EAAEb,KAAK,KAAA,IAAA,IAALA,KAAK,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAALA,KAAK,CAAEa,WAAAA;AAAY,GAAA,eAEhCZ,yBAAA,CAAAC,aAAA,CAACY,oCAAa,EAAA;AACZC,IAAAA,aAAa,EAAEf,KAAK,KAAA,IAAA,IAALA,KAAK,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAALA,KAAK,CAAEe,aAAc;AACpCC,IAAAA,YAAY,EAAEhB,KAAK,KAAA,IAAA,IAALA,KAAK,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAALA,KAAK,CAAEgB,YAAa;AAClCC,IAAAA,WAAW,EAAEjB,KAAK,KAAA,IAAA,IAALA,KAAK,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAALA,KAAK,CAAEiB,WAAY;AAChCC,IAAAA,0BAA0B,EAAElB,KAAK,aAALA,KAAK,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAALA,KAAK,CAAEkB,0BAA2B;AAC9DC,IAAAA,sBAAsB,EAAEnB,KAAK,KAAA,IAAA,IAALA,KAAK,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAALA,KAAK,CAAEmB,sBAAuB;AACtDC,IAAAA,wBAAwB,EAAEpB,KAAK,KAAA,IAAA,IAALA,KAAK,KAAL,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,KAAK,CAAEoB,wBAAAA;AAAyB,GAAA,CAE9D,CAAsB,CAAA;AAE1B;;;;"}
+{"version":3,"file":"OpenChannel.js","sources":["../../src/smart-components/OpenChannel/index.tsx"],"sourcesContent":["import React from 'react';\nimport OpenChannelUI, {\n  OpenChannelUIProps,\n} from './components/OpenChannelUI';\nimport { OpenChannelProvider, OpenChannelProviderProps } from './context/OpenChannelProvider';\n\nexport interface OpenChannelProps extends OpenChannelProviderProps, OpenChannelUIProps {}\nconst OpenChannel: React.FC<OpenChannelProps> = (props: OpenChannelProps) => {\n  return (\n    <OpenChannelProvider\n      channelUrl={props?.channelUrl}\n      isMessageGroupingEnabled={props?.isMessageGroupingEnabled}\n      queries={props?.queries}\n      messageLimit={props?.messageLimit}\n      onBeforeSendUserMessage={props?.onBeforeSendUserMessage}\n      onBeforeSendFileMessage={props?.onBeforeSendFileMessage}\n      onChatHeaderActionClick={props?.onChatHeaderActionClick}\n      disableUserProfile={props?.disableUserProfile}\n      renderUserProfile={props?.renderUserProfile}\n      onBackClick={props?.onBackClick}\n    >\n      <OpenChannelUI\n        renderMessage={props?.renderMessage}\n        renderHeader={props?.renderHeader}\n        renderInput={props?.renderInput}\n        renderPlaceHolderEmptyList={props?.renderPlaceHolderEmptyList}\n        renderPlaceHolderError={props?.renderPlaceHolderError}\n        renderPlaceHolderLoading={props?.renderPlaceHolderLoading}\n      />\n    </OpenChannelProvider>\n  );\n}\n\nexport default OpenChannel;\n"],"names":["OpenChannel","props","React","createElement","OpenChannelProvider","channelUrl","isMessageGroupingEnabled","queries","messageLimit","onBeforeSendUserMessage","onBeforeSendFileMessage","onChatHeaderActionClick","disableUserProfile","renderUserProfile","onBackClick","OpenChannelUI","renderMessage","renderHeader","renderInput","renderPlaceHolderEmptyList","renderPlaceHolderError","renderPlaceHolderLoading"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,IAAMA,WAAW,GAA+B,UAACC,KAAuB,EAAA;AACtE,EAAA,oBACEC,yBAAA,CAAAC,aAAA,CAACC,uCAAmB,EAAA;AAClBC,IAAAA,UAAU,EAAEJ,KAAK,KAAA,IAAA,IAALA,KAAK,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAALA,KAAK,CAAEI,UAAW;AAC9BC,IAAAA,wBAAwB,EAAEL,KAAK,KAAA,IAAA,IAALA,KAAK,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAALA,KAAK,CAAEK,wBAAyB;AAC1DC,IAAAA,OAAO,EAAEN,KAAK,KAAA,IAAA,IAALA,KAAK,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAALA,KAAK,CAAEM,OAAQ;AACxBC,IAAAA,YAAY,EAAEP,KAAK,KAAA,IAAA,IAALA,KAAK,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAALA,KAAK,CAAEO,YAAa;AAClCC,IAAAA,uBAAuB,EAAER,KAAK,KAAA,IAAA,IAALA,KAAK,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAALA,KAAK,CAAEQ,uBAAwB;AACxDC,IAAAA,uBAAuB,EAAET,KAAK,KAAA,IAAA,IAALA,KAAK,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAALA,KAAK,CAAES,uBAAwB;AACxDC,IAAAA,uBAAuB,EAAEV,KAAK,KAAA,IAAA,IAALA,KAAK,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAALA,KAAK,CAAEU,uBAAwB;AACxDC,IAAAA,kBAAkB,EAAEX,KAAK,KAAA,IAAA,IAALA,KAAK,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAALA,KAAK,CAAEW,kBAAmB;AAC9CC,IAAAA,iBAAiB,EAAEZ,KAAK,KAAA,IAAA,IAALA,KAAK,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAALA,KAAK,CAAEY,iBAAkB;AAC5CC,IAAAA,WAAW,EAAEb,KAAK,KAAA,IAAA,IAALA,KAAK,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAALA,KAAK,CAAEa,WAAAA;AAAY,GAAA,eAEhCZ,yBAAA,CAAAC,aAAA,CAACY,oCAAa,EAAA;AACZC,IAAAA,aAAa,EAAEf,KAAK,KAAA,IAAA,IAALA,KAAK,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAALA,KAAK,CAAEe,aAAc;AACpCC,IAAAA,YAAY,EAAEhB,KAAK,KAAA,IAAA,IAALA,KAAK,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAALA,KAAK,CAAEgB,YAAa;AAClCC,IAAAA,WAAW,EAAEjB,KAAK,KAAA,IAAA,IAALA,KAAK,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAALA,KAAK,CAAEiB,WAAY;AAChCC,IAAAA,0BAA0B,EAAElB,KAAK,aAALA,KAAK,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAALA,KAAK,CAAEkB,0BAA2B;AAC9DC,IAAAA,sBAAsB,EAAEnB,KAAK,KAAA,IAAA,IAALA,KAAK,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAALA,KAAK,CAAEmB,sBAAuB;AACtDC,IAAAA,wBAAwB,EAAEpB,KAAK,KAAA,IAAA,IAALA,KAAK,KAAL,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,KAAK,CAAEoB,wBAAAA;AAAyB,GAAA,CAE9D,CAAsB,CAAA;AAE1B;;;;"}

package/cjs/OpenChannelList/components/OpenChannelListUI.js

@@ -2,34 +2,34 @@
 
 var React = require('react');
 var OpenChannelList_components_OpenChannelPreview = require('./OpenChannelPreview.js');
-var ui_PlaceHolder = require('../../index-630f7132.js');
+var ui_PlaceHolder = require('../../index-58bddb18.js');
 var ui_IconButton = require('../../ui/IconButton.js');
 var ui_Icon = require('../../ui/Icon.js');
-var ui_Label = require('../../index-0e43cd69.js');
-var OpenChannelList_context = require('../../OpenChannelListProvider-89659c0b.js');
+var ui_Label = require('../../index-6295003c.js');
+var OpenChannelList_context = require('../../OpenChannelListProvider-f7387ce4.js');
 var CreateOpenChannel = require('../../CreateOpenChannel.js');
-var LocalizationContext = require('../../LocalizationContext-e4a874cf.js');
-var consts = require('../../consts-b8c0be49.js');
+var LocalizationContext = require('../../LocalizationContext-4c1a8e44.js');
+var consts = require('../../consts-82dce75d.js');
 require('../../ui/Avatar.js');
-require('../../tslib.es6-67bdb021.js');
+require('../../tslib.es6-b412d11d.js');
 require('../../ui/ImageRenderer.js');
-require('../../uuid-f23c161c.js');
+require('../../uuid-d0a9c040.js');
 require('prop-types');
 require('../../ui/Loader.js');
-require('../../stringSet-76f7df68.js');
-require('../../topics-f70c5e0f.js');
+require('../../stringSet-9717efda.js');
+require('../../topics-11bf2ffa.js');
 require('../../useSendbirdStateContext.js');
 require('../../withSendbird.js');
 require('../../CreateOpenChannel/components/CreateOpenChannelUI.js');
 require('../../ui/Button.js');
 require('../../ui/Modal.js');
 require('react-dom');
-require('../../index-813deccc.js');
-require('../../MediaQueryContext-fcd92c17.js');
-require('../../index-903c0f93.js');
+require('../../index-584a87f3.js');
+require('../../MediaQueryContext-9f3958fe.js');
+require('../../index-ecac7544.js');
 require('../../ui/Input.js');
 require('../../ui/TextButton.js');
-require('../../color-168c1d53.js');
+require('../../color-f43f059a.js');
 require('../../CreateOpenChannel/context.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/cjs/OpenChannelList/components/OpenChannelPreview.js

@@ -3,12 +3,12 @@
 var React = require('react');
 var ui_Avatar = require('../../ui/Avatar.js');
 var ui_Icon = require('../../ui/Icon.js');
-var ui_Label = require('../../index-0e43cd69.js');
-require('../../tslib.es6-67bdb021.js');
+var ui_Label = require('../../index-6295003c.js');
+require('../../tslib.es6-b412d11d.js');
 require('../../ui/ImageRenderer.js');
-require('../../uuid-f23c161c.js');
+require('../../uuid-d0a9c040.js');
 require('prop-types');
-require('../../stringSet-76f7df68.js');
+require('../../stringSet-9717efda.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/OpenChannelList/context.js

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 require('react');
-require('../topics-f70c5e0f.js');
+require('../topics-11bf2ffa.js');
 require('../useSendbirdStateContext.js');
-var OpenChannelList_context = require('../OpenChannelListProvider-89659c0b.js');
+var OpenChannelList_context = require('../OpenChannelListProvider-f7387ce4.js');
 require('../withSendbird.js');
-require('../tslib.es6-67bdb021.js');
+require('../tslib.es6-b412d11d.js');