@sendbird/uikit-react 3.6.8 → 3.6.9

package/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/OpenChannel/components/OpenChannelUI.js

@@ -1,45 +1,45 @@
 import React__default from 'react';
-import { u as useOpenChannelContext } from '../../OpenChannelProvider-8fdab056.js';
+import { u as useOpenChannelContext } from '../../OpenChannelProvider-4f21a22d.js';
 import OpenChannelInput from './OpenChannelInput.js';
 import FrozenNotification from './FrozenChannelNotification.js';
 import OpenchannelConversationHeader from './OpenChannelHeader.js';
-import { P as PlaceHolder, a as PlaceHolderTypes } from '../../index-aa87ac03.js';
+import { P as PlaceHolder, a as PlaceHolderTypes } from '../../index-a0bd5ef9.js';
 import OpenChannelMessageList from './OpenChannelMessageList.js';
-import '../../index-72d247f7.js';
-import '../../index-91634369.js';
-import '../../UserProfileContext-9fba7a03.js';
+import '../../index-1833cc50.js';
+import '../../index-516ad99d.js';
+import '../../UserProfileContext-36e341fd.js';
 import 'prop-types';
-import '../../_rollupPluginBabelHelpers-0f2ee8c1.js';
-import '../../compareIds-c0aa8024.js';
-import '../../topics-da8f3f42.js';
+import '../../_rollupPluginBabelHelpers-ea73a031.js';
+import '../../compareIds-7e93f2e7.js';
+import '../../topics-edd6182d.js';
 import '@sendbird/chat';
 import '@sendbird/chat/openChannel';
-import '../../uuid-6d982751.js';
+import '../../uuid-9094f15c.js';
 import '../../useSendbirdStateContext.js';
 import '../../withSendbird.js';
-import '../../LocalizationContext-9a9a0064.js';
-import '../../stringSet-ed242956.js';
+import '../../LocalizationContext-c9b218d4.js';
+import '../../stringSet-9fe06e0d.js';
 import '../../ui/MessageInput.js';
-import '../../const-537b3aa9.js';
-import '../../const-2c36fe72.js';
+import '../../const-6c10846e.js';
+import '../../const-48ffde74.js';
 import '../../ui/IconButton.js';
 import '../../ui/Button.js';
-import '../../index-7c1266b5.js';
-import '../../index-3f6516a2.js';
+import '../../index-fa19fef7.js';
+import '../../index-2d23ff73.js';
 import 'dompurify';
-import '../../consts-c105f2e8.js';
-import '../../consts-ee08d763.js';
-import '../../consts-066d732d.js';
+import '../../consts-bd684c8d.js';
+import '../../consts-a979689d.js';
+import '../../consts-aad4bf65.js';
 import '../../ui/Icon.js';
-import '../../index-39eeabbb.js';
+import '../../index-c323f04b.js';
 import '../../utils/message/getOutgoingMessageState.js';
-import '../../tokenize-3c45100f.js';
-import '../../index.module-b694546f.js';
+import '../../index.module-efef0194.js';
+import '../../tokenize-d34eb5c6.js';
 import '../../ui/Avatar.js';
 import '../../ui/ImageRenderer.js';
-import '../../MediaQueryContext-aebb709a.js';
+import '../../MediaQueryContext-532b0a77.js';
 import '../../ui/Loader.js';
-import '../../index-d6ceb67a.js';
+import '../../index-3370a58d.js';
 import './OpenChannelMessage.js';
 import '../../ui/OpenchannelUserMessage.js';
 import '../../ui/ContextMenu.js';
@@ -47,26 +47,27 @@ import 'react-dom';
 import '../../ui/SortByRow.js';
 import '../../ui/UserProfile.js';
 import '../../sendbirdSelectors.js';
-import '../../utils-40781609.js';
-import '../../utils-373b8143.js';
-import '../../index-40e8e312.js';
-import '../../useLongPress-0189f9c3.js';
+import '../../utils-1bfac67e.js';
+import '../../utils-a184f6ea.js';
+import '../../index-526cbeea.js';
+import '../../useLongPress-4b698dbb.js';
 import '../../ui/OpenChannelAdminMessage.js';
 import '../../ui/OpenchannelOGMessage.js';
 import '../../ui/LinkLabel.js';
-import '../../index-d972c8e3.js';
+import '../../index-9083293d.js';
 import '../../Message/context.js';
 import '../../ui/MentionLabel.js';
 import '../../ui/OpenchannelThumbnailMessage.js';
 import '../../ui/OpenchannelFileMessage.js';
 import '../../ui/TextButton.js';
-import '../../color-65ef45d7.js';
+import '../../color-4cef414f.js';
 import '../../ui/DateSeparator.js';
-import '../../index-8017e2b5.js';
-import '../../index-d16a8084.js';
-import '../../consts-397a92f1.js';
+import '../../index-b346dc02.js';
+import '../../index-e2afa53f.js';
+import '../../consts-439d56b4.js';
 import '../../ui/Modal.js';
-import '../../index-4236c5c8.js';
+import '../../stringFormatterUtils-beea8d82.js';
+import '../../index-320a1756.js';
 
 const COMPONENT_CLASS_NAME = 'sendbird-openchannel-conversation';
 const OpenChannelUI = _ref => {

package/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/OpenChannel/context.js

@@ -1,15 +1,15 @@
 import 'react';
-export { O as OpenChannelProvider, u as useOpenChannelContext } from '../OpenChannelProvider-8fdab056.js';
-import '../UserProfileContext-9fba7a03.js';
-import '../topics-da8f3f42.js';
+export { O as OpenChannelProvider, u as useOpenChannelContext } from '../OpenChannelProvider-4f21a22d.js';
+import '../UserProfileContext-36e341fd.js';
+import '../topics-edd6182d.js';
 import '../useSendbirdStateContext.js';
-import '../index-72d247f7.js';
-import '../index-91634369.js';
-import '../_rollupPluginBabelHelpers-0f2ee8c1.js';
-import '../compareIds-c0aa8024.js';
+import '../index-1833cc50.js';
+import '../index-516ad99d.js';
+import '../_rollupPluginBabelHelpers-ea73a031.js';
+import '../compareIds-7e93f2e7.js';
 import '@sendbird/chat';
 import '@sendbird/chat/openChannel';
-import '../uuid-6d982751.js';
+import '../uuid-9094f15c.js';
 import 'prop-types';
 import '../withSendbird.js';
 //# sourceMappingURL=context.js.map

package/OpenChannel.js

@@ -1,71 +1,72 @@
 import React__default from 'react';
 import OpenChannelUI from './OpenChannel/components/OpenChannelUI.js';
-import { O as OpenChannelProvider } from './OpenChannelProvider-8fdab056.js';
+import { O as OpenChannelProvider } from './OpenChannelProvider-4f21a22d.js';
 import './OpenChannel/components/OpenChannelInput.js';
-import './LocalizationContext-9a9a0064.js';
-import './stringSet-ed242956.js';
-import './index-91634369.js';
+import './LocalizationContext-c9b218d4.js';
+import './stringSet-9fe06e0d.js';
+import './index-516ad99d.js';
 import './ui/MessageInput.js';
-import './_rollupPluginBabelHelpers-0f2ee8c1.js';
+import './_rollupPluginBabelHelpers-ea73a031.js';
 import 'prop-types';
-import './const-537b3aa9.js';
-import './const-2c36fe72.js';
+import './const-6c10846e.js';
+import './const-48ffde74.js';
 import './ui/IconButton.js';
 import './ui/Button.js';
-import './index-7c1266b5.js';
-import './index-3f6516a2.js';
+import './index-fa19fef7.js';
+import './index-2d23ff73.js';
 import 'dompurify';
-import './consts-c105f2e8.js';
-import './consts-ee08d763.js';
-import './consts-066d732d.js';
+import './consts-bd684c8d.js';
+import './consts-a979689d.js';
+import './consts-aad4bf65.js';
 import './ui/Icon.js';
 import './useSendbirdStateContext.js';
 import './withSendbird.js';
-import './index-39eeabbb.js';
+import './index-c323f04b.js';
 import './utils/message/getOutgoingMessageState.js';
-import './tokenize-3c45100f.js';
-import './index.module-b694546f.js';
+import './index.module-efef0194.js';
+import './tokenize-d34eb5c6.js';
 import './OpenChannel/components/FrozenChannelNotification.js';
 import './OpenChannel/components/OpenChannelHeader.js';
 import './ui/Avatar.js';
 import './ui/ImageRenderer.js';
-import './uuid-6d982751.js';
-import './MediaQueryContext-aebb709a.js';
-import './index-aa87ac03.js';
+import './uuid-9094f15c.js';
+import './MediaQueryContext-532b0a77.js';
+import './index-a0bd5ef9.js';
 import './ui/Loader.js';
 import './OpenChannel/components/OpenChannelMessageList.js';
-import './index-d6ceb67a.js';
-import './index-72d247f7.js';
+import './index-3370a58d.js';
+import './index-1833cc50.js';
 import './OpenChannel/components/OpenChannelMessage.js';
 import './ui/OpenchannelUserMessage.js';
 import './ui/ContextMenu.js';
 import 'react-dom';
 import './ui/SortByRow.js';
 import './ui/UserProfile.js';
-import './UserProfileContext-9fba7a03.js';
+import './UserProfileContext-36e341fd.js';
 import './sendbirdSelectors.js';
-import './topics-da8f3f42.js';
-import './utils-40781609.js';
-import './utils-373b8143.js';
-import './index-40e8e312.js';
-import './useLongPress-0189f9c3.js';
+import './topics-edd6182d.js';
+import './utils-1bfac67e.js';
+import './utils-a184f6ea.js';
+import './index-526cbeea.js';
+import './useLongPress-4b698dbb.js';
 import './ui/OpenChannelAdminMessage.js';
 import './ui/OpenchannelOGMessage.js';
 import './ui/LinkLabel.js';
-import './index-d972c8e3.js';
+import './index-9083293d.js';
 import './Message/context.js';
 import './ui/MentionLabel.js';
 import './ui/OpenchannelThumbnailMessage.js';
 import './ui/OpenchannelFileMessage.js';
 import './ui/TextButton.js';
-import './color-65ef45d7.js';
+import './color-4cef414f.js';
 import './ui/DateSeparator.js';
-import './index-8017e2b5.js';
-import './index-d16a8084.js';
-import './consts-397a92f1.js';
+import './index-b346dc02.js';
+import './index-e2afa53f.js';
+import './consts-439d56b4.js';
 import './ui/Modal.js';
-import './index-4236c5c8.js';
-import './compareIds-c0aa8024.js';
+import './stringFormatterUtils-beea8d82.js';
+import './index-320a1756.js';
+import './compareIds-7e93f2e7.js';
 import '@sendbird/chat';
 import '@sendbird/chat/openChannel';
 

package/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":"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"}

package/OpenChannelList/components/OpenChannelListUI.js

@@ -1,33 +1,35 @@
 import React__default, { useState, useRef, useContext, useMemo } from 'react';
 import OpenChannelPreview from './OpenChannelPreview.js';
-import { P as PlaceHolder, a as PlaceHolderTypes } from '../../index-aa87ac03.js';
+import { P as PlaceHolder, a as PlaceHolderTypes } from '../../index-a0bd5ef9.js';
 import IconButton from '../../ui/IconButton.js';
 import Icon, { IconTypes, IconColors } from '../../ui/Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-7c1266b5.js';
-import { u as useOpenChannelListContext, a as OpenChannelListFetchingStatus, b as OpenChannelListActionTypes } from '../../OpenChannelListProvider-6f1599b7.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-fa19fef7.js';
+import { u as useOpenChannelListContext, a as OpenChannelListFetchingStatus, b as OpenChannelListActionTypes } from '../../OpenChannelListProvider-a79c47d4.js';
 import CreateOpenChannel from '../../CreateOpenChannel.js';
-import { a as LocalizationContext } from '../../LocalizationContext-9a9a0064.js';
-import { S as SCROLL_BUFFER } from '../../consts-397a92f1.js';
+import { a as LocalizationContext } from '../../LocalizationContext-c9b218d4.js';
+import { S as SCROLL_BUFFER } from '../../consts-439d56b4.js';
 import '../../ui/Avatar.js';
 import '../../ui/ImageRenderer.js';
-import '../../uuid-6d982751.js';
 import 'prop-types';
+import '../../uuid-9094f15c.js';
 import '../../ui/Loader.js';
-import '../../_rollupPluginBabelHelpers-0f2ee8c1.js';
-import '../../stringSet-ed242956.js';
-import '../../topics-da8f3f42.js';
+import '../../_rollupPluginBabelHelpers-ea73a031.js';
+import '../../stringSet-9fe06e0d.js';
+import '../../topics-edd6182d.js';
 import '../../useSendbirdStateContext.js';
 import '../../withSendbird.js';
 import '../../CreateOpenChannel/components/CreateOpenChannelUI.js';
 import '../../ui/Button.js';
 import '../../ui/Modal.js';
 import 'react-dom';
-import '../../index-d16a8084.js';
-import '../../MediaQueryContext-aebb709a.js';
-import '../../index-91634369.js';
+import '../../utils-1bfac67e.js';
+import '../../index.module-efef0194.js';
+import '../../index-e2afa53f.js';
+import '../../MediaQueryContext-532b0a77.js';
+import '../../index-516ad99d.js';
 import '../../ui/Input.js';
 import '../../ui/TextButton.js';
-import '../../color-65ef45d7.js';
+import '../../color-4cef414f.js';
 import '../../CreateOpenChannel/context.js';
 
 function OpenChannelListUI(_ref) {

package/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/OpenChannelList/components/OpenChannelPreview.js

@@ -1,11 +1,11 @@
 import React__default from 'react';
 import Avatar from '../../ui/Avatar.js';
 import Icon, { IconTypes, IconColors } from '../../ui/Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-7c1266b5.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-fa19fef7.js';
 import '../../ui/ImageRenderer.js';
-import '../../uuid-6d982751.js';
 import 'prop-types';
-import '../../stringSet-ed242956.js';
+import '../../uuid-9094f15c.js';
+import '../../stringSet-9fe06e0d.js';
 
 function OpenChannelPreview(_ref) {
   let {

package/OpenChannelList/context.js

@@ -1,7 +1,7 @@
 import 'react';
-import '../topics-da8f3f42.js';
+import '../topics-edd6182d.js';
 import '../useSendbirdStateContext.js';
-export { O as OpenChannelListProvider, c as default, u as useOpenChannelListContext } from '../OpenChannelListProvider-6f1599b7.js';
+export { O as OpenChannelListProvider, c as default, u as useOpenChannelListContext } from '../OpenChannelListProvider-a79c47d4.js';
 import '../withSendbird.js';
-import '../_rollupPluginBabelHelpers-0f2ee8c1.js';
+import '../_rollupPluginBabelHelpers-ea73a031.js';
 //# sourceMappingURL=context.js.map

package/OpenChannelList.js

@@ -1,35 +1,37 @@
 import React__default from 'react';
 import OpenChannelListUI from './OpenChannelList/components/OpenChannelListUI.js';
-import { O as OpenChannelListProvider } from './OpenChannelListProvider-6f1599b7.js';
+import { O as OpenChannelListProvider } from './OpenChannelListProvider-a79c47d4.js';
 import './OpenChannelList/components/OpenChannelPreview.js';
 import './ui/Avatar.js';
 import './ui/ImageRenderer.js';
 import './ui/Icon.js';
 import 'prop-types';
-import './uuid-6d982751.js';
-import './index-7c1266b5.js';
-import './stringSet-ed242956.js';
-import './index-aa87ac03.js';
-import './LocalizationContext-9a9a0064.js';
-import './index-91634369.js';
+import './uuid-9094f15c.js';
+import './index-fa19fef7.js';
+import './stringSet-9fe06e0d.js';
+import './index-a0bd5ef9.js';
+import './LocalizationContext-c9b218d4.js';
+import './index-516ad99d.js';
 import './ui/Loader.js';
 import './ui/IconButton.js';
-import './_rollupPluginBabelHelpers-0f2ee8c1.js';
+import './_rollupPluginBabelHelpers-ea73a031.js';
 import './CreateOpenChannel.js';
 import './CreateOpenChannel/components/CreateOpenChannelUI.js';
 import './ui/Button.js';
 import './ui/Modal.js';
 import 'react-dom';
-import './index-d16a8084.js';
-import './MediaQueryContext-aebb709a.js';
+import './utils-1bfac67e.js';
+import './index.module-efef0194.js';
+import './index-e2afa53f.js';
+import './MediaQueryContext-532b0a77.js';
 import './ui/Input.js';
 import './ui/TextButton.js';
-import './color-65ef45d7.js';
+import './color-4cef414f.js';
 import './CreateOpenChannel/context.js';
 import './useSendbirdStateContext.js';
 import './withSendbird.js';
-import './consts-397a92f1.js';
-import './topics-da8f3f42.js';
+import './consts-439d56b4.js';
+import './topics-edd6182d.js';
 
 function OpenChannelList(_ref) {
   let {

package/OpenChannelList.js.map

@@ -1 +1 @@
-{"version":3,"file":"OpenChannelList.js","sources":["../src/modules/OpenChannelList/index.tsx"],"sourcesContent":["import React, { ReactElement } from 'react';\nimport OpenChannelListUI, { OpenChannelListUIProps } from './components/OpenChannelListUI';\nimport { OpenChannelListProvider } from './context/OpenChannelListProvider';\nimport { OpenChannelListProviderProps } from './context/OpenChannelListInterfaces';\n\nexport interface OpenChannelListProps extends OpenChannelListProviderProps, OpenChannelListUIProps { }\n\nfunction OpenChannelList({\n  // provider\n  className,\n  queries,\n  onChannelSelected,\n  // ui\n  renderHeader,\n  renderChannelPreview,\n  renderPlaceHolderEmpty,\n  renderPlaceHolderError,\n  renderPlaceHolderLoading,\n}: OpenChannelListProps): ReactElement {\n  return (\n    <OpenChannelListProvider\n      className={className}\n      queries={queries}\n      onChannelSelected={onChannelSelected}\n    >\n      <OpenChannelListUI\n        renderHeader={renderHeader}\n        renderChannelPreview={renderChannelPreview}\n        renderPlaceHolderEmpty={renderPlaceHolderEmpty}\n        renderPlaceHolderError={renderPlaceHolderError}\n        renderPlaceHolderLoading={renderPlaceHolderLoading}\n      />\n    </OpenChannelListProvider>\n  );\n}\n\nexport default OpenChannelList;\n"],"names":["OpenChannelList","_ref","className","queries","onChannelSelected","renderHeader","renderChannelPreview","renderPlaceHolderEmpty","renderPlaceHolderError","renderPlaceHolderLoading","React","createElement","OpenChannelListProvider","OpenChannelListUI"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,SAASA,eAAeA,CAAAC,IAAA,EAWe;EAAA,IAXd;AACvB;IACAC,SAAS;IACTC,OAAO;IACPC,iBAAiB;AACjB;IACAC,YAAY;IACZC,oBAAoB;IACpBC,sBAAsB;IACtBC,sBAAsB;AACtBC,IAAAA,wBAAAA;AACoB,GAAC,GAAAR,IAAA,CAAA;AACrB,EAAA,oBACES,cAAA,CAAAC,aAAA,CAACC,uBAAuB,EAAA;AACtBV,IAAAA,SAAS,EAAEA,SAAU;AACrBC,IAAAA,OAAO,EAAEA,OAAQ;AACjBC,IAAAA,iBAAiB,EAAEA,iBAAAA;AAAkB,GAAA,eAErCM,cAAA,CAAAC,aAAA,CAACE,iBAAiB,EAAA;AAChBR,IAAAA,YAAY,EAAEA,YAAa;AAC3BC,IAAAA,oBAAoB,EAAEA,oBAAqB;AAC3CC,IAAAA,sBAAsB,EAAEA,sBAAuB;AAC/CC,IAAAA,sBAAsB,EAAEA,sBAAuB;AAC/CC,IAAAA,wBAAwB,EAAEA,wBAAAA;AAAyB,GAAA,CACnD,CACsB,CAAA;AAE9B;;;;"}
+{"version":3,"file":"OpenChannelList.js","sources":["../src/modules/OpenChannelList/index.tsx"],"sourcesContent":["import React, { ReactElement } from 'react';\nimport OpenChannelListUI, { OpenChannelListUIProps } from './components/OpenChannelListUI';\nimport { OpenChannelListProvider } from './context/OpenChannelListProvider';\nimport { OpenChannelListProviderProps } from './context/OpenChannelListInterfaces';\n\nexport interface OpenChannelListProps extends OpenChannelListProviderProps, OpenChannelListUIProps { }\n\nfunction OpenChannelList({\n  // provider\n  className,\n  queries,\n  onChannelSelected,\n  // ui\n  renderHeader,\n  renderChannelPreview,\n  renderPlaceHolderEmpty,\n  renderPlaceHolderError,\n  renderPlaceHolderLoading,\n}: OpenChannelListProps): ReactElement {\n  return (\n    <OpenChannelListProvider\n      className={className}\n      queries={queries}\n      onChannelSelected={onChannelSelected}\n    >\n      <OpenChannelListUI\n        renderHeader={renderHeader}\n        renderChannelPreview={renderChannelPreview}\n        renderPlaceHolderEmpty={renderPlaceHolderEmpty}\n        renderPlaceHolderError={renderPlaceHolderError}\n        renderPlaceHolderLoading={renderPlaceHolderLoading}\n      />\n    </OpenChannelListProvider>\n  );\n}\n\nexport default OpenChannelList;\n"],"names":["OpenChannelList","_ref","className","queries","onChannelSelected","renderHeader","renderChannelPreview","renderPlaceHolderEmpty","renderPlaceHolderError","renderPlaceHolderLoading","React","createElement","OpenChannelListProvider","OpenChannelListUI"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,SAASA,eAAeA,CAAAC,IAAA,EAWe;EAAA,IAXd;AACvB;IACAC,SAAS;IACTC,OAAO;IACPC,iBAAiB;AACjB;IACAC,YAAY;IACZC,oBAAoB;IACpBC,sBAAsB;IACtBC,sBAAsB;AACtBC,IAAAA,wBAAAA;AACoB,GAAC,GAAAR,IAAA,CAAA;AACrB,EAAA,oBACES,cAAA,CAAAC,aAAA,CAACC,uBAAuB,EAAA;AACtBV,IAAAA,SAAS,EAAEA,SAAU;AACrBC,IAAAA,OAAO,EAAEA,OAAQ;AACjBC,IAAAA,iBAAiB,EAAEA,iBAAAA;AAAkB,GAAA,eAErCM,cAAA,CAAAC,aAAA,CAACE,iBAAiB,EAAA;AAChBR,IAAAA,YAAY,EAAEA,YAAa;AAC3BC,IAAAA,oBAAoB,EAAEA,oBAAqB;AAC3CC,IAAAA,sBAAsB,EAAEA,sBAAuB;AAC/CC,IAAAA,sBAAsB,EAAEA,sBAAuB;AAC/CC,IAAAA,wBAAwB,EAAEA,wBAAAA;AAAyB,GAAA,CACnD,CACsB,CAAA;AAE9B;;;;"}

package/{OpenChannelListProvider-6f1599b7.js → OpenChannelListProvider-a79c47d4.js}

@@ -1,7 +1,7 @@
 import React__default, { useCallback, useEffect, useContext, useMemo, useReducer } from 'react';
-import { P as PUBSUB_TOPICS } from './topics-da8f3f42.js';
+import { P as PUBSUB_TOPICS } from './topics-edd6182d.js';
 import useSendbirdStateContext from './useSendbirdStateContext.js';
-import { _ as _objectSpread2 } from './_rollupPluginBabelHelpers-0f2ee8c1.js';
+import { _ as _objectSpread2 } from './_rollupPluginBabelHelpers-ea73a031.js';
 
 let OpenChannelListFetchingStatus = /*#__PURE__*/function (OpenChannelListFetchingStatus) {
   OpenChannelListFetchingStatus["EMPTY"] = "EMPTY";
@@ -426,4 +426,4 @@ var OpenChannelListProvider$1 = {
 };
 
 export { OpenChannelListProvider as O, OpenChannelListFetchingStatus as a, OpenChannelListActionTypes as b, OpenChannelListProvider$1 as c, useOpenChannelListContext as u };
-//# sourceMappingURL=OpenChannelListProvider-6f1599b7.js.map
+//# sourceMappingURL=OpenChannelListProvider-a79c47d4.js.map