@sendbird/uikit-react 3.6.8 → 3.6.9-rc.0

package/cjs/OpenChannel/components/OpenChannelMessageList.js

@@ -1,69 +1,70 @@
 'use strict';
 
 var React = require('react');
-var index$1 = require('../../index-df172622.js');
+var index$1 = require('../../index-43271226.js');
 var ui_Icon = require('../../ui/Icon.js');
-var ui_PlaceHolder = require('../../index-9cffff55.js');
-var OpenChannel_context = require('../../OpenChannelProvider-57c10c09.js');
+var ui_PlaceHolder = require('../../index-9c68a768.js');
+var OpenChannel_context = require('../../OpenChannelProvider-77ce94f4.js');
 var OpenChannel_components_OpenChannelMessage = require('./OpenChannelMessage.js');
 var Message_context = require('../../Message/context.js');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
-var index = require('../../index-d5522aef.js');
-require('../../index-c59af641.js');
-require('../../index-ba4dea0c.js');
+var index = require('../../index-85aa0eb6.js');
+require('../../index-8fca1595.js');
+require('../../index-63eb5ff7.js');
 require('prop-types');
-require('../../LocalizationContext-9c99457f.js');
-require('../../stringSet-dbdeec9c.js');
-require('../../index-4eb2a000.js');
+require('../../LocalizationContext-01462759.js');
+require('../../stringSet-569a20f9.js');
+require('../../index-b5b8572e.js');
 require('../../ui/Loader.js');
-require('../../UserProfileContext-1f226141.js');
-require('../../_rollupPluginBabelHelpers-117c3ffb.js');
-require('../../compareIds-49d9aea6.js');
-require('../../topics-c495cb3a.js');
+require('../../UserProfileContext-a871377d.js');
+require('../../_rollupPluginBabelHelpers-c6220b54.js');
+require('../../compareIds-6d5c4c39.js');
+require('../../topics-44c343a5.js');
 require('@sendbird/chat');
 require('@sendbird/chat/openChannel');
-require('../../uuid-b2882230.js');
+require('../../uuid-10da34d7.js');
 require('../../ui/OpenchannelUserMessage.js');
 require('../../ui/Avatar.js');
 require('../../ui/ImageRenderer.js');
 require('../../ui/ContextMenu.js');
 require('react-dom');
 require('../../ui/SortByRow.js');
-require('../../index-0599b6f2.js');
+require('../../index-3888ca97.js');
 require('../../utils/message/getOutgoingMessageState.js');
+require('../../index.module-cd5fee9a.js');
 require('../../ui/IconButton.js');
 require('../../ui/UserProfile.js');
 require('../../sendbirdSelectors.js');
-require('../../utils-c2f38151.js');
+require('../../utils-025bf87c.js');
 require('../../ui/Button.js');
-require('../../utils-657ea6e9.js');
-require('../../index-913491a1.js');
-require('../../MediaQueryContext-a5c77095.js');
-require('../../useLongPress-e7c92bb0.js');
+require('../../utils-4040fa0e.js');
+require('../../index-71366fc1.js');
+require('../../MediaQueryContext-550a1a76.js');
+require('../../useLongPress-b3303d9c.js');
 require('../../ui/OpenChannelAdminMessage.js');
 require('../../ui/OpenchannelOGMessage.js');
 require('../../ui/LinkLabel.js');
-require('../../index-dc15cf44.js');
-require('../../index.module-2c2cf337.js');
-require('../../tokenize-7204c391.js');
+require('../../index-9ff45780.js');
+require('../../tokenize-d84a3b40.js');
 require('../../ui/MentionLabel.js');
 require('../../ui/OpenchannelThumbnailMessage.js');
 require('../../ui/OpenchannelFileMessage.js');
 require('../../ui/TextButton.js');
-require('../../color-a057a4c2.js');
+require('../../color-437027bf.js');
 require('../../ui/DateSeparator.js');
 require('../../ui/MessageInput.js');
-require('../../const-cd9b71c8.js');
-require('../../const-8e4d382d.js');
-require('../../index-2d4ea9ad.js');
+require('../../const-2c58fa8c.js');
+require('../../const-7cb82662.js');
+require('../../index-c36eec86.js');
 require('dompurify');
-require('../../consts-4a51c64b.js');
-require('../../consts-3afe4fa8.js');
-require('../../consts-d866b64a.js');
-require('../../index-b64ce51a.js');
-require('../../index-2413bae4.js');
-require('../../consts-fb9dd3a0.js');
+require('../../consts-58a1099d.js');
+require('../../consts-de5a3115.js');
+require('../../consts-85acfb7f.js');
+require('../../index-cd217acb.js');
+require('../../index-0e23b304.js');
+require('../../consts-50006df9.js');
 require('../../ui/Modal.js');
+require('../../stringFormatterUtils-222bd4a1.js');
 require('../../withSendbird.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

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

@@ -1 +1 @@
-{"version":3,"file":"OpenChannelMessageList.js","sources":["../../../../src/modules/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","isMessageGroupingEnabled","allMessages","hasMore","onScroll","useOpenChannelContext","store","useSendbirdStateContext","userId","config","scrollRef","useRef","showScrollDownButton","setShowScrollDownButton","useState","scrollToBottom","current","scrollTo","scrollHeight","handleOnScroll","useHandleOnScrollCallback","memoizedMessageList","useMemo","_props$renderPlaceHol","length","map","message","index","_sender","previousMessage","nextMessage","previousMessageCreatedAt","createdAt","currentCreatedAt","hasSeparator","isSameDay","chainTop","chainBottom","compareMessagesForGrouping","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/modules/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","isMessageGroupingEnabled","allMessages","hasMore","onScroll","useOpenChannelContext","store","useSendbirdStateContext","userId","config","scrollRef","useRef","showScrollDownButton","setShowScrollDownButton","useState","scrollToBottom","current","scrollTo","scrollHeight","handleOnScroll","useHandleOnScrollCallback","memoizedMessageList","useMemo","_props$renderPlaceHol","length","map","message","index","_sender","previousMessage","nextMessage","previousMessageCreatedAt","createdAt","currentCreatedAt","hasSeparator","isSameDay","chainTop","chainBottom","compareMessagesForGrouping","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,47 +1,47 @@
 'use strict';
 
 var React = require('react');
-var OpenChannel_context = require('../../OpenChannelProvider-57c10c09.js');
+var OpenChannel_context = require('../../OpenChannelProvider-77ce94f4.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-9cffff55.js');
+var ui_PlaceHolder = require('../../index-9c68a768.js');
 var OpenChannel_components_OpenChannelMessageList = require('./OpenChannelMessageList.js');
-require('../../index-c59af641.js');
-require('../../index-ba4dea0c.js');
-require('../../UserProfileContext-1f226141.js');
+require('../../index-8fca1595.js');
+require('../../index-63eb5ff7.js');
+require('../../UserProfileContext-a871377d.js');
 require('prop-types');
-require('../../_rollupPluginBabelHelpers-117c3ffb.js');
-require('../../compareIds-49d9aea6.js');
-require('../../topics-c495cb3a.js');
+require('../../_rollupPluginBabelHelpers-c6220b54.js');
+require('../../compareIds-6d5c4c39.js');
+require('../../topics-44c343a5.js');
 require('@sendbird/chat');
 require('@sendbird/chat/openChannel');
-require('../../uuid-b2882230.js');
+require('../../uuid-10da34d7.js');
 require('../../useSendbirdStateContext.js');
 require('../../withSendbird.js');
-require('../../LocalizationContext-9c99457f.js');
-require('../../stringSet-dbdeec9c.js');
+require('../../LocalizationContext-01462759.js');
+require('../../stringSet-569a20f9.js');
 require('../../ui/MessageInput.js');
-require('../../const-cd9b71c8.js');
-require('../../const-8e4d382d.js');
+require('../../const-2c58fa8c.js');
+require('../../const-7cb82662.js');
 require('../../ui/IconButton.js');
 require('../../ui/Button.js');
-require('../../index-4eb2a000.js');
-require('../../index-2d4ea9ad.js');
+require('../../index-b5b8572e.js');
+require('../../index-c36eec86.js');
 require('dompurify');
-require('../../consts-4a51c64b.js');
-require('../../consts-3afe4fa8.js');
-require('../../consts-d866b64a.js');
+require('../../consts-58a1099d.js');
+require('../../consts-de5a3115.js');
+require('../../consts-85acfb7f.js');
 require('../../ui/Icon.js');
-require('../../index-0599b6f2.js');
+require('../../index-3888ca97.js');
 require('../../utils/message/getOutgoingMessageState.js');
-require('../../tokenize-7204c391.js');
-require('../../index.module-2c2cf337.js');
+require('../../index.module-cd5fee9a.js');
+require('../../tokenize-d84a3b40.js');
 require('../../ui/Avatar.js');
 require('../../ui/ImageRenderer.js');
-require('../../MediaQueryContext-a5c77095.js');
+require('../../MediaQueryContext-550a1a76.js');
 require('../../ui/Loader.js');
-require('../../index-df172622.js');
+require('../../index-43271226.js');
 require('./OpenChannelMessage.js');
 require('../../ui/OpenchannelUserMessage.js');
 require('../../ui/ContextMenu.js');
@@ -49,26 +49,27 @@ require('react-dom');
 require('../../ui/SortByRow.js');
 require('../../ui/UserProfile.js');
 require('../../sendbirdSelectors.js');
-require('../../utils-c2f38151.js');
-require('../../utils-657ea6e9.js');
-require('../../index-913491a1.js');
-require('../../useLongPress-e7c92bb0.js');
+require('../../utils-025bf87c.js');
+require('../../utils-4040fa0e.js');
+require('../../index-71366fc1.js');
+require('../../useLongPress-b3303d9c.js');
 require('../../ui/OpenChannelAdminMessage.js');
 require('../../ui/OpenchannelOGMessage.js');
 require('../../ui/LinkLabel.js');
-require('../../index-dc15cf44.js');
+require('../../index-9ff45780.js');
 require('../../Message/context.js');
 require('../../ui/MentionLabel.js');
 require('../../ui/OpenchannelThumbnailMessage.js');
 require('../../ui/OpenchannelFileMessage.js');
 require('../../ui/TextButton.js');
-require('../../color-a057a4c2.js');
+require('../../color-437027bf.js');
 require('../../ui/DateSeparator.js');
-require('../../index-b64ce51a.js');
-require('../../index-2413bae4.js');
-require('../../consts-fb9dd3a0.js');
+require('../../index-cd217acb.js');
+require('../../index-0e23b304.js');
+require('../../consts-50006df9.js');
 require('../../ui/Modal.js');
-require('../../index-d5522aef.js');
+require('../../stringFormatterUtils-222bd4a1.js');
+require('../../index-85aa0eb6.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/modules/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","_ref","renderMessage","renderHeader","renderInput","renderPlaceHolderEmptyList","renderPlaceHolderError","renderPlaceHolderLoading","currentOpenChannel","amIBanned","loading","isInvalid","messageInputRef","conversationScrollRef","useOpenChannelContext","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/modules/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","_ref","renderMessage","renderHeader","renderInput","renderPlaceHolderEmptyList","renderPlaceHolderError","renderPlaceHolderLoading","currentOpenChannel","amIBanned","loading","isInvalid","messageInputRef","conversationScrollRef","useOpenChannelContext","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-57c10c09.js');
-require('../UserProfileContext-1f226141.js');
-require('../topics-c495cb3a.js');
+var OpenChannel_context = require('../OpenChannelProvider-77ce94f4.js');
+require('../UserProfileContext-a871377d.js');
+require('../topics-44c343a5.js');
 require('../useSendbirdStateContext.js');
-require('../index-c59af641.js');
-require('../index-ba4dea0c.js');
-require('../_rollupPluginBabelHelpers-117c3ffb.js');
-require('../compareIds-49d9aea6.js');
+require('../index-8fca1595.js');
+require('../index-63eb5ff7.js');
+require('../_rollupPluginBabelHelpers-c6220b54.js');
+require('../compareIds-6d5c4c39.js');
 require('@sendbird/chat');
 require('@sendbird/chat/openChannel');
-require('../uuid-b2882230.js');
+require('../uuid-10da34d7.js');
 require('prop-types');
 require('../withSendbird.js');
 

package/cjs/OpenChannel.js

@@ -2,72 +2,73 @@
 
 var React = require('react');
 var OpenChannel_components_OpenChannelUI = require('./OpenChannel/components/OpenChannelUI.js');
-var OpenChannel_context = require('./OpenChannelProvider-57c10c09.js');
+var OpenChannel_context = require('./OpenChannelProvider-77ce94f4.js');
 require('./OpenChannel/components/OpenChannelInput.js');
-require('./LocalizationContext-9c99457f.js');
-require('./stringSet-dbdeec9c.js');
-require('./index-ba4dea0c.js');
+require('./LocalizationContext-01462759.js');
+require('./stringSet-569a20f9.js');
+require('./index-63eb5ff7.js');
 require('./ui/MessageInput.js');
-require('./_rollupPluginBabelHelpers-117c3ffb.js');
+require('./_rollupPluginBabelHelpers-c6220b54.js');
 require('prop-types');
-require('./const-cd9b71c8.js');
-require('./const-8e4d382d.js');
+require('./const-2c58fa8c.js');
+require('./const-7cb82662.js');
 require('./ui/IconButton.js');
 require('./ui/Button.js');
-require('./index-4eb2a000.js');
-require('./index-2d4ea9ad.js');
+require('./index-b5b8572e.js');
+require('./index-c36eec86.js');
 require('dompurify');
-require('./consts-4a51c64b.js');
-require('./consts-3afe4fa8.js');
-require('./consts-d866b64a.js');
+require('./consts-58a1099d.js');
+require('./consts-de5a3115.js');
+require('./consts-85acfb7f.js');
 require('./ui/Icon.js');
 require('./useSendbirdStateContext.js');
 require('./withSendbird.js');
-require('./index-0599b6f2.js');
+require('./index-3888ca97.js');
 require('./utils/message/getOutgoingMessageState.js');
-require('./tokenize-7204c391.js');
-require('./index.module-2c2cf337.js');
+require('./index.module-cd5fee9a.js');
+require('./tokenize-d84a3b40.js');
 require('./OpenChannel/components/FrozenChannelNotification.js');
 require('./OpenChannel/components/OpenChannelHeader.js');
 require('./ui/Avatar.js');
 require('./ui/ImageRenderer.js');
-require('./uuid-b2882230.js');
-require('./MediaQueryContext-a5c77095.js');
-require('./index-9cffff55.js');
+require('./uuid-10da34d7.js');
+require('./MediaQueryContext-550a1a76.js');
+require('./index-9c68a768.js');
 require('./ui/Loader.js');
 require('./OpenChannel/components/OpenChannelMessageList.js');
-require('./index-df172622.js');
-require('./index-c59af641.js');
+require('./index-43271226.js');
+require('./index-8fca1595.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-1f226141.js');
+require('./UserProfileContext-a871377d.js');
 require('./sendbirdSelectors.js');
-require('./topics-c495cb3a.js');
-require('./utils-c2f38151.js');
-require('./utils-657ea6e9.js');
-require('./index-913491a1.js');
-require('./useLongPress-e7c92bb0.js');
+require('./topics-44c343a5.js');
+require('./utils-025bf87c.js');
+require('./utils-4040fa0e.js');
+require('./index-71366fc1.js');
+require('./useLongPress-b3303d9c.js');
 require('./ui/OpenChannelAdminMessage.js');
 require('./ui/OpenchannelOGMessage.js');
 require('./ui/LinkLabel.js');
-require('./index-dc15cf44.js');
+require('./index-9ff45780.js');
 require('./Message/context.js');
 require('./ui/MentionLabel.js');
 require('./ui/OpenchannelThumbnailMessage.js');
 require('./ui/OpenchannelFileMessage.js');
 require('./ui/TextButton.js');
-require('./color-a057a4c2.js');
+require('./color-437027bf.js');
 require('./ui/DateSeparator.js');
-require('./index-b64ce51a.js');
-require('./index-2413bae4.js');
-require('./consts-fb9dd3a0.js');
+require('./index-cd217acb.js');
+require('./index-0e23b304.js');
+require('./consts-50006df9.js');
 require('./ui/Modal.js');
-require('./index-d5522aef.js');
-require('./compareIds-49d9aea6.js');
+require('./stringFormatterUtils-222bd4a1.js');
+require('./index-85aa0eb6.js');
+require('./compareIds-6d5c4c39.js');
 require('@sendbird/chat');
 require('@sendbird/chat/openChannel');
 

package/cjs/OpenChannel.js.map

@@ -1 +1 @@
-{"version":3,"file":"OpenChannel.js","sources":["../../src/modules/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":"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"}
+{"version":3,"file":"OpenChannel.js","sources":["../../src/modules/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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOMA,MAAAA,WAAuC,GAAIC,KAAuB,IAAK;AAC3E,EAAA,oBACEC,yBAAA,CAAAC,aAAA,CAACC,uCAAmB,EAAA;AAClBC,IAAAA,UAAU,EAAEJ,KAAK,KAAA,IAAA,IAALA,KAAK,KAALA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,KAAK,CAAEI,UAAW;AAC9BC,IAAAA,wBAAwB,EAAEL,KAAK,KAAA,IAAA,IAALA,KAAK,KAALA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,KAAK,CAAEK,wBAAyB;AAC1DC,IAAAA,OAAO,EAAEN,KAAK,KAAA,IAAA,IAALA,KAAK,KAALA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,KAAK,CAAEM,OAAQ;AACxBC,IAAAA,YAAY,EAAEP,KAAK,KAAA,IAAA,IAALA,KAAK,KAALA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,KAAK,CAAEO,YAAa;AAClCC,IAAAA,uBAAuB,EAAER,KAAK,KAAA,IAAA,IAALA,KAAK,KAALA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,KAAK,CAAEQ,uBAAwB;AACxDC,IAAAA,uBAAuB,EAAET,KAAK,KAAA,IAAA,IAALA,KAAK,KAALA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,KAAK,CAAES,uBAAwB;AACxDC,IAAAA,uBAAuB,EAAEV,KAAK,KAAA,IAAA,IAALA,KAAK,KAALA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,KAAK,CAAEU,uBAAwB;AACxDC,IAAAA,kBAAkB,EAAEX,KAAK,KAAA,IAAA,IAALA,KAAK,KAALA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,KAAK,CAAEW,kBAAmB;AAC9CC,IAAAA,iBAAiB,EAAEZ,KAAK,KAAA,IAAA,IAALA,KAAK,KAALA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,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,KAALA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,KAAK,CAAEe,aAAc;AACpCC,IAAAA,YAAY,EAAEhB,KAAK,KAAA,IAAA,IAALA,KAAK,KAALA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,KAAK,CAAEgB,YAAa;AAClCC,IAAAA,WAAW,EAAEjB,KAAK,KAAA,IAAA,IAALA,KAAK,KAALA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,KAAK,CAAEiB,WAAY;AAChCC,IAAAA,0BAA0B,EAAElB,KAAK,KAAA,IAAA,IAALA,KAAK,KAALA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,KAAK,CAAEkB,0BAA2B;AAC9DC,IAAAA,sBAAsB,EAAEnB,KAAK,KAAA,IAAA,IAALA,KAAK,KAALA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,KAAK,CAAEmB,sBAAuB;AACtDC,IAAAA,wBAAwB,EAAEpB,KAAK,KAAA,IAAA,IAALA,KAAK,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAALA,KAAK,CAAEoB,wBAAAA;AAAyB,GAAA,CAC1D,CACkB,CAAA;AAE1B;;;;"}

package/cjs/OpenChannelList/components/OpenChannelListUI.js

@@ -2,34 +2,36 @@
 
 var React = require('react');
 var OpenChannelList_components_OpenChannelPreview = require('./OpenChannelPreview.js');
-var ui_PlaceHolder = require('../../index-9cffff55.js');
+var ui_PlaceHolder = require('../../index-9c68a768.js');
 var ui_IconButton = require('../../ui/IconButton.js');
 var ui_Icon = require('../../ui/Icon.js');
-var ui_Label = require('../../index-4eb2a000.js');
-var OpenChannelList_context = require('../../OpenChannelListProvider-74ae7138.js');
+var ui_Label = require('../../index-b5b8572e.js');
+var OpenChannelList_context = require('../../OpenChannelListProvider-ca0abdf0.js');
 var CreateOpenChannel = require('../../CreateOpenChannel.js');
-var LocalizationContext = require('../../LocalizationContext-9c99457f.js');
-var consts = require('../../consts-fb9dd3a0.js');
+var LocalizationContext = require('../../LocalizationContext-01462759.js');
+var consts = require('../../consts-50006df9.js');
 require('../../ui/Avatar.js');
 require('../../ui/ImageRenderer.js');
-require('../../uuid-b2882230.js');
 require('prop-types');
+require('../../uuid-10da34d7.js');
 require('../../ui/Loader.js');
-require('../../_rollupPluginBabelHelpers-117c3ffb.js');
-require('../../stringSet-dbdeec9c.js');
-require('../../topics-c495cb3a.js');
+require('../../_rollupPluginBabelHelpers-c6220b54.js');
+require('../../stringSet-569a20f9.js');
+require('../../topics-44c343a5.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-2413bae4.js');
-require('../../MediaQueryContext-a5c77095.js');
-require('../../index-ba4dea0c.js');
+require('../../utils-025bf87c.js');
+require('../../index.module-cd5fee9a.js');
+require('../../index-0e23b304.js');
+require('../../MediaQueryContext-550a1a76.js');
+require('../../index-63eb5ff7.js');
 require('../../ui/Input.js');
 require('../../ui/TextButton.js');
-require('../../color-a057a4c2.js');
+require('../../color-437027bf.js');
 require('../../CreateOpenChannel/context.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/cjs/OpenChannelList/components/OpenChannelListUI.js.map

@@ -1 +1 @@
-{"version":3,"file":"OpenChannelListUI.js","sources":["../../../../src/modules/OpenChannelList/components/OpenChannelListUI/index.tsx"],"sourcesContent":["import React, { useContext, useMemo, useRef, useState } from 'react';\nimport { OpenChannel } from '@sendbird/chat/openChannel';\n\nimport './index.scss';\n\nimport OpenChannelPreview from '../OpenChannelPreview';\nimport PlaceHolder, { PlaceHolderTypes } from '../../../../ui/PlaceHolder';\nimport IconButton from '../../../../ui/IconButton';\nimport Icon, { IconTypes, IconColors } from '../../../../ui/Icon';\nimport Label, { LabelTypography, LabelColors } from '../../../../ui/Label';\nimport { OnOpenChannelSelected, OpenChannelListFetchingStatus } from '../../context/OpenChannelListInterfaces';\nimport { useOpenChannelListContext } from '../../context/OpenChannelListProvider';\nimport OpenChannelListActionTypes from '../../context/dux/actionTypes';\nimport CreateOpenChannel from '../../../CreateOpenChannel';\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\nimport { SCROLL_BUFFER } from '../../../../utils/consts';\n\ninterface RenderOpenChannelPreviewProps {\n  channel: OpenChannel;\n  isSelected: boolean;\n  onChannelSelected: OnOpenChannelSelected;\n}\n\nexport interface OpenChannelListUIProps {\n  renderHeader?: () => React.ReactElement;\n  renderChannelPreview?: (props: RenderOpenChannelPreviewProps) => React.ReactElement;\n  renderPlaceHolderEmpty?: () => React.ReactElement;\n  renderPlaceHolderError?: () => React.ReactElement;\n  renderPlaceHolderLoading?: () => React.ReactElement;\n}\n\nfunction OpenChannelListUI({\n  renderHeader,\n  renderChannelPreview,\n  renderPlaceHolderEmpty,\n  renderPlaceHolderError,\n  renderPlaceHolderLoading,\n}: OpenChannelListUIProps): React.ReactElement {\n  const [showCreateChannelModal, setShowCreateChannel] = useState(false);\n  const scrollRef = useRef(null);\n  const {\n    logger,\n    currentChannel,\n    allChannels,\n    fetchingStatus,\n    onChannelSelected,\n    fetchNextChannels,\n    refreshOpenChannelList,\n    openChannelListDispatcher,\n  } = useOpenChannelListContext();\n  const { stringSet } = useContext(LocalizationContext);\n\n  const handleScroll = (e) => {\n    const element = e.target;\n    const {\n      scrollTop,\n      clientHeight,\n      scrollHeight,\n    } = element;\n    const isAboutSame = (a, b, px) => (Math.abs(a - b) <= px);\n    if (isAboutSame(clientHeight + scrollTop, scrollHeight, SCROLL_BUFFER)) {\n      fetchNextChannels((messages) => {\n        if (messages) {\n          try {\n            element.scrollTop = scrollHeight - clientHeight;\n          } catch (error) {\n            //\n          }\n        }\n      });\n    }\n  };\n  const handleOnClickCreateChannel = () => {\n    setShowCreateChannel(true);\n  };\n\n  const MemoizedHeader: React.ReactElement = useMemo(() => {\n    return renderHeader?.() || null;\n  }, [renderHeader]);\n  const MemoizedPlaceHolder: React.ReactElement = useMemo(() => {\n    if (fetchingStatus === OpenChannelListFetchingStatus.EMPTY) {\n      return renderPlaceHolderEmpty?.() || (\n        <PlaceHolder\n          className=\"sendbird-open-channel-list-ui__channel-list--place-holder--empty\"\n          type={PlaceHolderTypes.NO_CHANNELS}\n        />\n      );\n    }\n    if (fetchingStatus === OpenChannelListFetchingStatus.FETCHING) {\n      return renderPlaceHolderLoading?.() || (\n        <div className=\"sendbird-open-channel-list-ui__channel-list--place-holder--loading\">\n          <PlaceHolder\n            iconSize=\"24px\"\n            type={PlaceHolderTypes.LOADING}\n          />\n        </div>\n      );\n    }\n    if (fetchingStatus === OpenChannelListFetchingStatus.ERROR) {\n      return renderPlaceHolderError?.() || (\n        <PlaceHolder\n          className=\"sendbird-open-channel-list-ui__channel-list--place-holder--error\"\n          type={PlaceHolderTypes.WRONG}\n        />\n      );\n    }\n    return null;\n  }, [fetchingStatus, renderPlaceHolderEmpty, renderPlaceHolderLoading, renderPlaceHolderError]);\n  const MemoizedAllChannels = useMemo(() => {\n    if (fetchingStatus === OpenChannelListFetchingStatus.DONE) {\n      return allChannels.map((channel) => {\n        const isSelected = channel?.url === currentChannel?.url;\n        const handleClick = (e) => {\n          onChannelSelected?.(channel, e);\n          logger.info('OpenChannelList|ChannelPreview: A channel is selected', channel);\n          openChannelListDispatcher({\n            type: OpenChannelListActionTypes.SET_CURRENT_OPEN_CHANNEL,\n            payload: channel,\n          });\n        };\n        return renderChannelPreview\n          ? (\n            <div\n              className=\"sendbird-open-channel-list-ui__channel-list__item\"\n              onClick={handleClick}\n            >\n              {renderChannelPreview({ channel, isSelected, onChannelSelected })}\n            </div>\n          )\n          : (\n            <OpenChannelPreview\n              className=\"sendbird-open-channel-list-ui__channel-list__item\"\n              channel={channel}\n              isSelected={isSelected}\n              onClick={handleClick}\n              key={channel?.url}\n            />\n          );\n      });\n    }\n    return null;\n  }, [allChannels, allChannels.length, currentChannel]);\n\n  return (\n    <div className=\"sendbird-open-channel-list-ui\">\n      {\n        showCreateChannelModal && (\n          <CreateOpenChannel\n            closeModal={() => setShowCreateChannel(false)}\n            onCreateChannel={(openChannel) => {\n              onChannelSelected?.(openChannel);\n              openChannelListDispatcher({\n                type: OpenChannelListActionTypes.CREATE_OPEN_CHANNEL,\n                payload: openChannel,\n              });\n            }}\n          />\n        )\n      }\n      {\n        MemoizedHeader || (\n          <div className=\"sendbird-open-channel-list-ui__header\">\n            <Label\n              className=\"sendbird-open-channel-list-ui__header__title\"\n              type={LabelTypography.H_2}\n              color={LabelColors.ONBACKGROUND_1}\n            >\n              {stringSet.OPEN_CHANNEL_LIST__TITLE}\n            </Label>\n            <IconButton\n              className=\"sendbird-open-channel-list-ui__header__button-refresh\"\n              width=\"32px\"\n              height=\"32px\"\n              type=\"button\"\n              onClick={() => refreshOpenChannelList()}\n            >\n              <Icon\n                type={IconTypes.REFRESH}\n                fillColor={IconColors.PRIMARY}\n                width=\"22px\"\n                height=\"22px\"\n              />\n            </IconButton>\n            <IconButton\n              className=\"sendbird-open-channel-list-ui__header__button-create-channel\"\n              width=\"32px\"\n              height=\"32px\"\n              type=\"button\"\n              onClick={handleOnClickCreateChannel}\n            >\n              <Icon\n                type={IconTypes.CREATE}\n                fillColor={IconColors.PRIMARY}\n                width=\"22px\"\n                height=\"22px\"\n              />\n            </IconButton>\n          </div>\n        )\n      }\n      <div\n        className=\"sendbird-open-channel-list-ui__channel-list\"\n        ref={scrollRef}\n        onScroll={handleScroll}\n        >\n        {MemoizedPlaceHolder}\n        {MemoizedAllChannels}\n      </div>\n    </div>\n  );\n}\n\nexport default OpenChannelListUI;\n"],"names":["OpenChannelListUI","_ref","renderHeader","renderChannelPreview","renderPlaceHolderEmpty","renderPlaceHolderError","renderPlaceHolderLoading","showCreateChannelModal","setShowCreateChannel","useState","scrollRef","useRef","logger","currentChannel","allChannels","fetchingStatus","onChannelSelected","fetchNextChannels","refreshOpenChannelList","openChannelListDispatcher","useOpenChannelListContext","stringSet","useContext","LocalizationContext","handleScroll","e","element","target","scrollTop","clientHeight","scrollHeight","isAboutSame","a","b","px","Math","abs","SCROLL_BUFFER","messages","error","handleOnClickCreateChannel","MemoizedHeader","useMemo","MemoizedPlaceHolder","OpenChannelListFetchingStatus","EMPTY","React","createElement","PlaceHolder","className","type","PlaceHolderTypes","NO_CHANNELS","FETCHING","iconSize","LOADING","ERROR","WRONG","MemoizedAllChannels","DONE","map","channel","isSelected","url","handleClick","info","OpenChannelListActionTypes","SET_CURRENT_OPEN_CHANNEL","payload","onClick","OpenChannelPreview","key","length","CreateOpenChannel","closeModal","onCreateChannel","openChannel","CREATE_OPEN_CHANNEL","Label","LabelTypography","H_2","color","LabelColors","ONBACKGROUND_1","OPEN_CHANNEL_LIST__TITLE","IconButton","width","height","Icon","IconTypes","REFRESH","fillColor","IconColors","PRIMARY","CREATE","ref","onScroll"],"mappings":"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"}
+{"version":3,"file":"OpenChannelListUI.js","sources":["../../../../src/modules/OpenChannelList/components/OpenChannelListUI/index.tsx"],"sourcesContent":["import React, { useContext, useMemo, useRef, useState } from 'react';\nimport { OpenChannel } from '@sendbird/chat/openChannel';\n\nimport './index.scss';\n\nimport OpenChannelPreview from '../OpenChannelPreview';\nimport PlaceHolder, { PlaceHolderTypes } from '../../../../ui/PlaceHolder';\nimport IconButton from '../../../../ui/IconButton';\nimport Icon, { IconTypes, IconColors } from '../../../../ui/Icon';\nimport Label, { LabelTypography, LabelColors } from '../../../../ui/Label';\nimport { OnOpenChannelSelected, OpenChannelListFetchingStatus } from '../../context/OpenChannelListInterfaces';\nimport { useOpenChannelListContext } from '../../context/OpenChannelListProvider';\nimport OpenChannelListActionTypes from '../../context/dux/actionTypes';\nimport CreateOpenChannel from '../../../CreateOpenChannel';\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\nimport { SCROLL_BUFFER } from '../../../../utils/consts';\n\ninterface RenderOpenChannelPreviewProps {\n  channel: OpenChannel;\n  isSelected: boolean;\n  onChannelSelected: OnOpenChannelSelected;\n}\n\nexport interface OpenChannelListUIProps {\n  renderHeader?: () => React.ReactElement;\n  renderChannelPreview?: (props: RenderOpenChannelPreviewProps) => React.ReactElement;\n  renderPlaceHolderEmpty?: () => React.ReactElement;\n  renderPlaceHolderError?: () => React.ReactElement;\n  renderPlaceHolderLoading?: () => React.ReactElement;\n}\n\nfunction OpenChannelListUI({\n  renderHeader,\n  renderChannelPreview,\n  renderPlaceHolderEmpty,\n  renderPlaceHolderError,\n  renderPlaceHolderLoading,\n}: OpenChannelListUIProps): React.ReactElement {\n  const [showCreateChannelModal, setShowCreateChannel] = useState(false);\n  const scrollRef = useRef(null);\n  const {\n    logger,\n    currentChannel,\n    allChannels,\n    fetchingStatus,\n    onChannelSelected,\n    fetchNextChannels,\n    refreshOpenChannelList,\n    openChannelListDispatcher,\n  } = useOpenChannelListContext();\n  const { stringSet } = useContext(LocalizationContext);\n\n  const handleScroll = (e) => {\n    const element = e.target;\n    const {\n      scrollTop,\n      clientHeight,\n      scrollHeight,\n    } = element;\n    const isAboutSame = (a, b, px) => (Math.abs(a - b) <= px);\n    if (isAboutSame(clientHeight + scrollTop, scrollHeight, SCROLL_BUFFER)) {\n      fetchNextChannels((messages) => {\n        if (messages) {\n          try {\n            element.scrollTop = scrollHeight - clientHeight;\n          } catch (error) {\n            //\n          }\n        }\n      });\n    }\n  };\n  const handleOnClickCreateChannel = () => {\n    setShowCreateChannel(true);\n  };\n\n  const MemoizedHeader: React.ReactElement = useMemo(() => {\n    return renderHeader?.() || null;\n  }, [renderHeader]);\n  const MemoizedPlaceHolder: React.ReactElement = useMemo(() => {\n    if (fetchingStatus === OpenChannelListFetchingStatus.EMPTY) {\n      return renderPlaceHolderEmpty?.() || (\n        <PlaceHolder\n          className=\"sendbird-open-channel-list-ui__channel-list--place-holder--empty\"\n          type={PlaceHolderTypes.NO_CHANNELS}\n        />\n      );\n    }\n    if (fetchingStatus === OpenChannelListFetchingStatus.FETCHING) {\n      return renderPlaceHolderLoading?.() || (\n        <div className=\"sendbird-open-channel-list-ui__channel-list--place-holder--loading\">\n          <PlaceHolder\n            iconSize=\"24px\"\n            type={PlaceHolderTypes.LOADING}\n          />\n        </div>\n      );\n    }\n    if (fetchingStatus === OpenChannelListFetchingStatus.ERROR) {\n      return renderPlaceHolderError?.() || (\n        <PlaceHolder\n          className=\"sendbird-open-channel-list-ui__channel-list--place-holder--error\"\n          type={PlaceHolderTypes.WRONG}\n        />\n      );\n    }\n    return null;\n  }, [fetchingStatus, renderPlaceHolderEmpty, renderPlaceHolderLoading, renderPlaceHolderError]);\n  const MemoizedAllChannels = useMemo(() => {\n    if (fetchingStatus === OpenChannelListFetchingStatus.DONE) {\n      return allChannels.map((channel) => {\n        const isSelected = channel?.url === currentChannel?.url;\n        const handleClick = (e) => {\n          onChannelSelected?.(channel, e);\n          logger.info('OpenChannelList|ChannelPreview: A channel is selected', channel);\n          openChannelListDispatcher({\n            type: OpenChannelListActionTypes.SET_CURRENT_OPEN_CHANNEL,\n            payload: channel,\n          });\n        };\n        return renderChannelPreview\n          ? (\n            <div\n              className=\"sendbird-open-channel-list-ui__channel-list__item\"\n              onClick={handleClick}\n            >\n              {renderChannelPreview({ channel, isSelected, onChannelSelected })}\n            </div>\n          )\n          : (\n            <OpenChannelPreview\n              className=\"sendbird-open-channel-list-ui__channel-list__item\"\n              channel={channel}\n              isSelected={isSelected}\n              onClick={handleClick}\n              key={channel?.url}\n            />\n          );\n      });\n    }\n    return null;\n  }, [allChannels, allChannels.length, currentChannel]);\n\n  return (\n    <div className=\"sendbird-open-channel-list-ui\">\n      {\n        showCreateChannelModal && (\n          <CreateOpenChannel\n            closeModal={() => setShowCreateChannel(false)}\n            onCreateChannel={(openChannel) => {\n              onChannelSelected?.(openChannel);\n              openChannelListDispatcher({\n                type: OpenChannelListActionTypes.CREATE_OPEN_CHANNEL,\n                payload: openChannel,\n              });\n            }}\n          />\n        )\n      }\n      {\n        MemoizedHeader || (\n          <div className=\"sendbird-open-channel-list-ui__header\">\n            <Label\n              className=\"sendbird-open-channel-list-ui__header__title\"\n              type={LabelTypography.H_2}\n              color={LabelColors.ONBACKGROUND_1}\n            >\n              {stringSet.OPEN_CHANNEL_LIST__TITLE}\n            </Label>\n            <IconButton\n              className=\"sendbird-open-channel-list-ui__header__button-refresh\"\n              width=\"32px\"\n              height=\"32px\"\n              type=\"button\"\n              onClick={() => refreshOpenChannelList()}\n            >\n              <Icon\n                type={IconTypes.REFRESH}\n                fillColor={IconColors.PRIMARY}\n                width=\"22px\"\n                height=\"22px\"\n              />\n            </IconButton>\n            <IconButton\n              className=\"sendbird-open-channel-list-ui__header__button-create-channel\"\n              width=\"32px\"\n              height=\"32px\"\n              type=\"button\"\n              onClick={handleOnClickCreateChannel}\n            >\n              <Icon\n                type={IconTypes.CREATE}\n                fillColor={IconColors.PRIMARY}\n                width=\"22px\"\n                height=\"22px\"\n              />\n            </IconButton>\n          </div>\n        )\n      }\n      <div\n        className=\"sendbird-open-channel-list-ui__channel-list\"\n        ref={scrollRef}\n        onScroll={handleScroll}\n        >\n        {MemoizedPlaceHolder}\n        {MemoizedAllChannels}\n      </div>\n    </div>\n  );\n}\n\nexport default OpenChannelListUI;\n"],"names":["OpenChannelListUI","_ref","renderHeader","renderChannelPreview","renderPlaceHolderEmpty","renderPlaceHolderError","renderPlaceHolderLoading","showCreateChannelModal","setShowCreateChannel","useState","scrollRef","useRef","logger","currentChannel","allChannels","fetchingStatus","onChannelSelected","fetchNextChannels","refreshOpenChannelList","openChannelListDispatcher","useOpenChannelListContext","stringSet","useContext","LocalizationContext","handleScroll","e","element","target","scrollTop","clientHeight","scrollHeight","isAboutSame","a","b","px","Math","abs","SCROLL_BUFFER","messages","error","handleOnClickCreateChannel","MemoizedHeader","useMemo","MemoizedPlaceHolder","OpenChannelListFetchingStatus","EMPTY","React","createElement","PlaceHolder","className","type","PlaceHolderTypes","NO_CHANNELS","FETCHING","iconSize","LOADING","ERROR","WRONG","MemoizedAllChannels","DONE","map","channel","isSelected","url","handleClick","info","OpenChannelListActionTypes","SET_CURRENT_OPEN_CHANNEL","payload","onClick","OpenChannelPreview","key","length","CreateOpenChannel","closeModal","onCreateChannel","openChannel","CREATE_OPEN_CHANNEL","Label","LabelTypography","H_2","color","LabelColors","ONBACKGROUND_1","OPEN_CHANNEL_LIST__TITLE","IconButton","width","height","Icon","IconTypes","REFRESH","fillColor","IconColors","PRIMARY","CREATE","ref","onScroll"],"mappings":"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"}

package/cjs/OpenChannelList/components/OpenChannelPreview.js

@@ -3,11 +3,11 @@
 var React = require('react');
 var ui_Avatar = require('../../ui/Avatar.js');
 var ui_Icon = require('../../ui/Icon.js');
-var ui_Label = require('../../index-4eb2a000.js');
+var ui_Label = require('../../index-b5b8572e.js');
 require('../../ui/ImageRenderer.js');
-require('../../uuid-b2882230.js');
 require('prop-types');
-require('../../stringSet-dbdeec9c.js');
+require('../../uuid-10da34d7.js');
+require('../../stringSet-569a20f9.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }