@sendbird/uikit-react 3.4.3 → 3.4.4-rc.1

package/OpenChannel/components/OpenChannelMessageList.js

@@ -1,43 +1,44 @@
-import React__default, { useRef, useState, useMemo } from 'react';
-import { i as isSameDay } from '../../index-fb9f4d36.js';
+import React__default, { useCallback, useRef, useState, useMemo } from 'react';
+import { i as isSameDay } from '../../index-4732c108.js';
 import Icon, { IconTypes, IconColors } from '../../ui/Icon.js';
-import { P as PlaceHolder, a as PlaceHolderTypes } from '../../index-e8294858.js';
-import { u as useOpenChannelContext, c as compareMessagesForGrouping } from '../../OpenChannelProvider-9bd64275.js';
+import { P as PlaceHolder, a as PlaceHolderTypes } from '../../index-b90e1c4f.js';
+import { u as useOpenChannelContext, c as compareMessagesForGrouping } from '../../OpenChannelProvider-698975bd.js';
 import MessagOpenChannelMessageeHoc from './OpenChannelMessage.js';
-import '../../index-9ee89f7c.js';
-import '../../index-f3ba7696.js';
+import { S as SCROLL_BUFFER } from '../../consts-ebe0485e.js';
+import '../../index-1fa1e6d0.js';
+import '../../index-27f0ab65.js';
 import 'prop-types';
-import '../../tslib.es6-33004eb4.js';
-import '../../LocalizationContext-4b25e6bc.js';
-import '../../stringSet-80381462.js';
-import '../../index-ba549e6a.js';
+import '../../tslib.es6-f2e08a44.js';
+import '../../LocalizationContext-4fbc679d.js';
+import '../../stringSet-5c7aee85.js';
+import '../../index-62f648a3.js';
 import '../../ui/Loader.js';
-import '../../UserProfileContext-2ea97dc1.js';
-import '../../compareIds-27ab0100.js';
-import '../../topics-aa4d9dac.js';
+import '../../UserProfileContext-08a492ab.js';
+import '../../compareIds-1e83739b.js';
+import '../../topics-812ef49c.js';
 import '@sendbird/chat';
 import '@sendbird/chat/openChannel';
-import '../../uuid-7397f1ec.js';
+import '../../uuid-ba6bc915.js';
 import '../../useSendbirdStateContext.js';
 import '../../withSendbird.js';
-import '../../_rollupPluginBabelHelpers-38fb8170.js';
 import '../../ui/OpenchannelUserMessage.js';
+import '../../_rollupPluginBabelHelpers-b23d4685.js';
 import '../../ui/Avatar.js';
 import '../../ui/ImageRenderer.js';
 import '../../ui/ContextMenu.js';
 import 'react-dom';
 import '../../ui/SortByRow.js';
-import '../../index-58b5008c.js';
+import '../../index-2dfbf6a2.js';
 import '../../utils/message/getOutgoingMessageState.js';
 import '../../ui/IconButton.js';
 import '../../ui/UserProfile.js';
 import '../../sendbirdSelectors.js';
-import '../../utils-b84d9295.js';
+import '../../utils-edb71921.js';
 import '../../ui/Button.js';
-import '../../utils-3eee4302.js';
-import '../../index-a245d213.js';
-import '../../MediaQueryContext-29dcaddb.js';
-import '../../useLongPress-562f0826.js';
+import '../../utils-1c87a0fe.js';
+import '../../index-e28eedfe.js';
+import '../../MediaQueryContext-96262052.js';
+import '../../useLongPress-37f6a445.js';
 import '../../ui/OpenChannelAdminMessage.js';
 import '../../ui/OpenchannelOGMessage.js';
 import '../../ui/LinkLabel.js';
@@ -46,36 +47,28 @@ import '../../ui/MentionLabel.js';
 import '../../ui/OpenchannelThumbnailMessage.js';
 import '../../ui/OpenchannelFileMessage.js';
 import '../../ui/TextButton.js';
-import '../../color-a450612f.js';
+import '../../color-a8e8431b.js';
 import '../../ui/DateSeparator.js';
 import '../../ui/MessageInput.js';
-import '../../const-de21a301.js';
-import '../../const-2d43b497.js';
+import '../../const-89cc643e.js';
+import '../../const-19948b22.js';
 import 'dompurify';
-import '../../consts-9f2eecf3.js';
+import '../../consts-6cda3569.js';
 import '../../ui/FileViewer.js';
-import '../../index-af6e4d1e.js';
+import '../../index-fbd4a0c4.js';
 import '../../ui/Modal.js';
 
-function OpenchannelMessageList(props, ref) {
-  var _a = useOpenChannelContext(),
-      _b = _a.isMessageGroupingEnabled,
-      isMessageGroupingEnabled = _b === void 0 ? true : _b,
-      allMessages = _a.allMessages,
+function useHandleOnScrollCallback(_a) {
+  var setShowScrollDownButton = _a.setShowScrollDownButton,
       hasMore = _a.hasMore,
-      onScroll = _a.onScroll;
-
-  var scrollRef = ref || useRef(null);
-
-  var _c = useState(false),
-      showScrollDownButton = _c[0],
-      setShowScrollDownButton = _c[1];
-
-  var handleOnScroll = function (e) {
+      onScroll = _a.onScroll,
+      scrollRef = _a.scrollRef;
+  return useCallback(function (e) {
     var element = e.target;
     var scrollTop = element.scrollTop,
         scrollHeight = element.scrollHeight,
         clientHeight = element.clientHeight;
+    var scrollBottom = scrollHeight - scrollTop;
 
     if (scrollHeight > scrollTop + clientHeight + 1) {
       setShowScrollDownButton(true);
@@ -87,16 +80,28 @@ function OpenchannelMessageList(props, ref) {
       return;
     }
 
-    if (scrollTop === 0) {
-      var nodes = scrollRef.current.querySelectorAll('.sendbird-msg--scroll-ref');
-      var first_1 = nodes && nodes[0];
+    if (scrollTop < SCROLL_BUFFER) {
       onScroll(function () {
-        try {
-          first_1.scrollIntoView();
-        } catch (error) {}
+        // Fetch more messages
+        scrollRef.current.scrollTop = scrollRef.current.scrollHeight - scrollBottom;
       });
     }
-  };
+  }, [setShowScrollDownButton, hasMore, onScroll, scrollRef]);
+}
+
+function OpenchannelMessageList(props, ref) {
+  var _a = useOpenChannelContext(),
+      _b = _a.isMessageGroupingEnabled,
+      isMessageGroupingEnabled = _b === void 0 ? true : _b,
+      allMessages = _a.allMessages,
+      hasMore = _a.hasMore,
+      onScroll = _a.onScroll;
+
+  var scrollRef = ref || useRef(null);
+
+  var _c = useState(false),
+      showScrollDownButton = _c[0],
+      setShowScrollDownButton = _c[1];
 
   var scrollToBottom = function () {
     if (scrollRef && scrollRef.current) {
@@ -105,6 +110,12 @@ function OpenchannelMessageList(props, ref) {
     }
   };
 
+  var handleOnScroll = useHandleOnScrollCallback({
+    setShowScrollDownButton: setShowScrollDownButton,
+    hasMore: hasMore,
+    onScroll: onScroll,
+    scrollRef: scrollRef
+  });
   var memoizedMessageList = useMemo(function () {
     var _a;
 

package/OpenChannel/components/OpenChannelMessageList.js.map

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

package/OpenChannel/components/OpenChannelUI.js

@@ -1,41 +1,41 @@
 import React__default from 'react';
-import { u as useOpenChannelContext } from '../../OpenChannelProvider-9bd64275.js';
+import { u as useOpenChannelContext } from '../../OpenChannelProvider-698975bd.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-e8294858.js';
+import { P as PlaceHolder, a as PlaceHolderTypes } from '../../index-b90e1c4f.js';
 import OpenChannelMessageList from './OpenChannelMessageList.js';
-import '../../index-9ee89f7c.js';
-import '../../index-f3ba7696.js';
-import '../../UserProfileContext-2ea97dc1.js';
+import '../../index-1fa1e6d0.js';
+import '../../index-27f0ab65.js';
+import '../../UserProfileContext-08a492ab.js';
 import 'prop-types';
-import '../../tslib.es6-33004eb4.js';
-import '../../compareIds-27ab0100.js';
-import '../../topics-aa4d9dac.js';
+import '../../tslib.es6-f2e08a44.js';
+import '../../compareIds-1e83739b.js';
+import '../../topics-812ef49c.js';
 import '@sendbird/chat';
 import '@sendbird/chat/openChannel';
-import '../../uuid-7397f1ec.js';
+import '../../uuid-ba6bc915.js';
 import '../../useSendbirdStateContext.js';
 import '../../withSendbird.js';
-import '../../_rollupPluginBabelHelpers-38fb8170.js';
-import '../../LocalizationContext-4b25e6bc.js';
-import '../../stringSet-80381462.js';
+import '../../LocalizationContext-4fbc679d.js';
+import '../../stringSet-5c7aee85.js';
 import '../../ui/MessageInput.js';
-import '../../const-de21a301.js';
-import '../../const-2d43b497.js';
+import '../../_rollupPluginBabelHelpers-b23d4685.js';
+import '../../const-89cc643e.js';
+import '../../const-19948b22.js';
 import '../../ui/IconButton.js';
 import '../../ui/Button.js';
-import '../../index-ba549e6a.js';
+import '../../index-62f648a3.js';
 import 'dompurify';
-import '../../consts-9f2eecf3.js';
+import '../../consts-6cda3569.js';
 import '../../ui/Icon.js';
-import '../../index-58b5008c.js';
+import '../../index-2dfbf6a2.js';
 import '../../utils/message/getOutgoingMessageState.js';
 import '../../ui/Avatar.js';
 import '../../ui/ImageRenderer.js';
-import '../../MediaQueryContext-29dcaddb.js';
+import '../../MediaQueryContext-96262052.js';
 import '../../ui/Loader.js';
-import '../../index-fb9f4d36.js';
+import '../../index-4732c108.js';
 import './OpenChannelMessage.js';
 import '../../ui/OpenchannelUserMessage.js';
 import '../../ui/ContextMenu.js';
@@ -43,10 +43,10 @@ import 'react-dom';
 import '../../ui/SortByRow.js';
 import '../../ui/UserProfile.js';
 import '../../sendbirdSelectors.js';
-import '../../utils-b84d9295.js';
-import '../../utils-3eee4302.js';
-import '../../index-a245d213.js';
-import '../../useLongPress-562f0826.js';
+import '../../utils-edb71921.js';
+import '../../utils-1c87a0fe.js';
+import '../../index-e28eedfe.js';
+import '../../useLongPress-37f6a445.js';
 import '../../ui/OpenChannelAdminMessage.js';
 import '../../ui/OpenchannelOGMessage.js';
 import '../../ui/LinkLabel.js';
@@ -55,11 +55,12 @@ import '../../ui/MentionLabel.js';
 import '../../ui/OpenchannelThumbnailMessage.js';
 import '../../ui/OpenchannelFileMessage.js';
 import '../../ui/TextButton.js';
-import '../../color-a450612f.js';
+import '../../color-a8e8431b.js';
 import '../../ui/DateSeparator.js';
 import '../../ui/FileViewer.js';
-import '../../index-af6e4d1e.js';
+import '../../index-fbd4a0c4.js';
 import '../../ui/Modal.js';
+import '../../consts-ebe0485e.js';
 
 var COMPONENT_CLASS_NAME = 'sendbird-openchannel-conversation';
 

package/OpenChannel/components/OpenChannelUI.js.map

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

package/OpenChannel/context.js

@@ -1,16 +1,15 @@
 import 'react';
-export { O as OpenChannelProvider, u as useOpenChannelContext } from '../OpenChannelProvider-9bd64275.js';
-import '../UserProfileContext-2ea97dc1.js';
-import '../topics-aa4d9dac.js';
+export { O as OpenChannelProvider, u as useOpenChannelContext } from '../OpenChannelProvider-698975bd.js';
+import '../UserProfileContext-08a492ab.js';
+import '../topics-812ef49c.js';
 import '../useSendbirdStateContext.js';
-import '../index-9ee89f7c.js';
-import '../index-f3ba7696.js';
-import '../tslib.es6-33004eb4.js';
-import '../compareIds-27ab0100.js';
+import '../index-1fa1e6d0.js';
+import '../index-27f0ab65.js';
+import '../tslib.es6-f2e08a44.js';
+import '../compareIds-1e83739b.js';
 import '@sendbird/chat';
 import '@sendbird/chat/openChannel';
-import '../uuid-7397f1ec.js';
+import '../uuid-ba6bc915.js';
 import 'prop-types';
 import '../withSendbird.js';
-import '../_rollupPluginBabelHelpers-38fb8170.js';
 //# sourceMappingURL=context.js.map

package/OpenChannel/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;"}
+{"version":3,"file":"context.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}

package/OpenChannel.js

@@ -1,50 +1,50 @@
 import React__default from 'react';
 import OpenChannelUI from './OpenChannel/components/OpenChannelUI.js';
-import { O as OpenChannelProvider } from './OpenChannelProvider-9bd64275.js';
+import { O as OpenChannelProvider } from './OpenChannelProvider-698975bd.js';
 import './OpenChannel/components/OpenChannelInput.js';
-import './LocalizationContext-4b25e6bc.js';
-import './stringSet-80381462.js';
-import './index-f3ba7696.js';
+import './LocalizationContext-4fbc679d.js';
+import './stringSet-5c7aee85.js';
+import './index-27f0ab65.js';
 import './ui/MessageInput.js';
-import './_rollupPluginBabelHelpers-38fb8170.js';
+import './_rollupPluginBabelHelpers-b23d4685.js';
 import 'prop-types';
-import './const-de21a301.js';
-import './const-2d43b497.js';
+import './const-89cc643e.js';
+import './const-19948b22.js';
 import './ui/IconButton.js';
-import './tslib.es6-33004eb4.js';
+import './tslib.es6-f2e08a44.js';
 import './ui/Button.js';
-import './index-ba549e6a.js';
+import './index-62f648a3.js';
 import 'dompurify';
-import './consts-9f2eecf3.js';
+import './consts-6cda3569.js';
 import './ui/Icon.js';
-import './index-58b5008c.js';
+import './index-2dfbf6a2.js';
 import './utils/message/getOutgoingMessageState.js';
 import './OpenChannel/components/FrozenChannelNotification.js';
 import './OpenChannel/components/OpenChannelHeader.js';
 import './ui/Avatar.js';
 import './ui/ImageRenderer.js';
-import './uuid-7397f1ec.js';
-import './MediaQueryContext-29dcaddb.js';
-import './index-e8294858.js';
+import './uuid-ba6bc915.js';
+import './MediaQueryContext-96262052.js';
+import './index-b90e1c4f.js';
 import './ui/Loader.js';
 import './OpenChannel/components/OpenChannelMessageList.js';
-import './index-fb9f4d36.js';
-import './index-9ee89f7c.js';
+import './index-4732c108.js';
+import './index-1fa1e6d0.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-2ea97dc1.js';
+import './UserProfileContext-08a492ab.js';
 import './sendbirdSelectors.js';
-import './topics-aa4d9dac.js';
-import './utils-b84d9295.js';
+import './topics-812ef49c.js';
+import './utils-edb71921.js';
 import './useSendbirdStateContext.js';
 import './withSendbird.js';
-import './utils-3eee4302.js';
-import './index-a245d213.js';
-import './useLongPress-562f0826.js';
+import './utils-1c87a0fe.js';
+import './index-e28eedfe.js';
+import './useLongPress-37f6a445.js';
 import './ui/OpenChannelAdminMessage.js';
 import './ui/OpenchannelOGMessage.js';
 import './ui/LinkLabel.js';
@@ -53,12 +53,13 @@ import './ui/MentionLabel.js';
 import './ui/OpenchannelThumbnailMessage.js';
 import './ui/OpenchannelFileMessage.js';
 import './ui/TextButton.js';
-import './color-a450612f.js';
+import './color-a8e8431b.js';
 import './ui/DateSeparator.js';
 import './ui/FileViewer.js';
-import './index-af6e4d1e.js';
+import './index-fbd4a0c4.js';
 import './ui/Modal.js';
-import './compareIds-27ab0100.js';
+import './consts-ebe0485e.js';
+import './compareIds-1e83739b.js';
 import '@sendbird/chat';
 import '@sendbird/chat/openChannel';
 

package/OpenChannel.js.map

@@ -1 +1 @@
-{"version":3,"file":"OpenChannel.js","sources":["../src/smart-components/OpenChannel/index.tsx"],"sourcesContent":["import React from 'react';\nimport OpenChannelUI, {\n  OpenChannelUIProps,\n} from './components/OpenChannelUI';\nimport { OpenChannelProvider, OpenChannelProviderProps } from './context/OpenChannelProvider';\n\nexport interface OpenChannelProps extends OpenChannelProviderProps, OpenChannelUIProps {}\nconst OpenChannel: React.FC<OpenChannelProps> = (props: OpenChannelProps) => {\n  return (\n    <OpenChannelProvider\n      channelUrl={props?.channelUrl}\n      isMessageGroupingEnabled={props?.isMessageGroupingEnabled}\n      queries={props?.queries}\n      messageLimit={props?.messageLimit}\n      onBeforeSendUserMessage={props?.onBeforeSendUserMessage}\n      onBeforeSendFileMessage={props?.onBeforeSendFileMessage}\n      onChatHeaderActionClick={props?.onChatHeaderActionClick}\n      disableUserProfile={props?.disableUserProfile}\n      renderUserProfile={props?.renderUserProfile}\n      onBackClick={props?.onBackClick}\n    >\n      <OpenChannelUI\n        renderMessage={props?.renderMessage}\n        renderHeader={props?.renderHeader}\n        renderInput={props?.renderInput}\n        renderPlaceHolderEmptyList={props?.renderPlaceHolderEmptyList}\n        renderPlaceHolderError={props?.renderPlaceHolderError}\n        renderPlaceHolderLoading={props?.renderPlaceHolderLoading}\n      />\n    </OpenChannelProvider>\n  );\n}\n\nexport default OpenChannel;\n"],"names":["OpenChannel","props","React","channelUrl","isMessageGroupingEnabled","queries","messageLimit","onBeforeSendUserMessage","onBeforeSendFileMessage","onChatHeaderActionClick","disableUserProfile","renderUserProfile","onBackClick","renderMessage","renderHeader","renderInput","renderPlaceHolderEmptyList","renderPlaceHolderError","renderPlaceHolderLoading"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,IAAMA,WAAW,GAA+B,UAACC,KAAD,EAAwB;AACtE,EAAA,oBACEC,6BAAC,mBAAD,EAAA;AACE,IAAA,UAAU,EAAED,KAAK,KAAA,IAAL,IAAAA,KAAK,KAAA,KAAA,CAAL,GAAK,KAAA,CAAL,GAAAA,KAAK,CAAEE,UADrB;AAEE,IAAA,wBAAwB,EAAEF,KAAK,KAAA,IAAL,IAAAA,KAAK,KAAA,KAAA,CAAL,GAAK,KAAA,CAAL,GAAAA,KAAK,CAAEG,wBAFnC;AAGE,IAAA,OAAO,EAAEH,KAAK,KAAA,IAAL,IAAAA,KAAK,KAAA,KAAA,CAAL,GAAK,KAAA,CAAL,GAAAA,KAAK,CAAEI,OAHlB;AAIE,IAAA,YAAY,EAAEJ,KAAK,KAAA,IAAL,IAAAA,KAAK,KAAA,KAAA,CAAL,GAAK,KAAA,CAAL,GAAAA,KAAK,CAAEK,YAJvB;AAKE,IAAA,uBAAuB,EAAEL,KAAK,KAAA,IAAL,IAAAA,KAAK,KAAA,KAAA,CAAL,GAAK,KAAA,CAAL,GAAAA,KAAK,CAAEM,uBALlC;AAME,IAAA,uBAAuB,EAAEN,KAAK,KAAA,IAAL,IAAAA,KAAK,KAAA,KAAA,CAAL,GAAK,KAAA,CAAL,GAAAA,KAAK,CAAEO,uBANlC;AAOE,IAAA,uBAAuB,EAAEP,KAAK,KAAA,IAAL,IAAAA,KAAK,KAAA,KAAA,CAAL,GAAK,KAAA,CAAL,GAAAA,KAAK,CAAEQ,uBAPlC;AAQE,IAAA,kBAAkB,EAAER,KAAK,KAAA,IAAL,IAAAA,KAAK,KAAA,KAAA,CAAL,GAAK,KAAA,CAAL,GAAAA,KAAK,CAAES,kBAR7B;AASE,IAAA,iBAAiB,EAAET,KAAK,KAAA,IAAL,IAAAA,KAAK,KAAA,KAAA,CAAL,GAAK,KAAA,CAAL,GAAAA,KAAK,CAAEU,iBAT5B;AAUE,IAAA,WAAW,EAAEV,KAAK,KAAA,IAAL,IAAAA,KAAK,KAAA,KAAA,CAAL,GAAK,KAAA,CAAL,GAAAA,KAAK,CAAEW,WAAAA;AAVtB,GAAA,eAYEV,6BAAC,aAAD,EAAA;AACE,IAAA,aAAa,EAAED,KAAK,KAAA,IAAL,IAAAA,KAAK,KAAA,KAAA,CAAL,GAAK,KAAA,CAAL,GAAAA,KAAK,CAAEY,aADxB;AAEE,IAAA,YAAY,EAAEZ,KAAK,KAAA,IAAL,IAAAA,KAAK,KAAA,KAAA,CAAL,GAAK,KAAA,CAAL,GAAAA,KAAK,CAAEa,YAFvB;AAGE,IAAA,WAAW,EAAEb,KAAK,KAAA,IAAL,IAAAA,KAAK,KAAA,KAAA,CAAL,GAAK,KAAA,CAAL,GAAAA,KAAK,CAAEc,WAHtB;AAIE,IAAA,0BAA0B,EAAEd,KAAK,SAAL,IAAAA,KAAK,KAAA,KAAA,CAAL,GAAK,KAAA,CAAL,GAAAA,KAAK,CAAEe,0BAJrC;AAKE,IAAA,sBAAsB,EAAEf,KAAK,KAAA,IAAL,IAAAA,KAAK,KAAA,KAAA,CAAL,GAAK,KAAA,CAAL,GAAAA,KAAK,CAAEgB,sBALjC;AAME,IAAA,wBAAwB,EAAEhB,KAAK,KAAA,IAAL,IAAAA,KAAK,KAAL,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,KAAK,CAAEiB,wBAAAA;AANnC,GAAA,CAZF,CADF,CAAA;AAuBD;;;;"}
+{"version":3,"file":"OpenChannel.js","sources":["../src/smart-components/OpenChannel/index.tsx"],"sourcesContent":["import React from 'react';\nimport OpenChannelUI, {\n  OpenChannelUIProps,\n} from './components/OpenChannelUI';\nimport { OpenChannelProvider, OpenChannelProviderProps } from './context/OpenChannelProvider';\n\nexport interface OpenChannelProps extends OpenChannelProviderProps, OpenChannelUIProps {}\nconst OpenChannel: React.FC<OpenChannelProps> = (props: OpenChannelProps) => {\n  return (\n    <OpenChannelProvider\n      channelUrl={props?.channelUrl}\n      isMessageGroupingEnabled={props?.isMessageGroupingEnabled}\n      queries={props?.queries}\n      messageLimit={props?.messageLimit}\n      onBeforeSendUserMessage={props?.onBeforeSendUserMessage}\n      onBeforeSendFileMessage={props?.onBeforeSendFileMessage}\n      onChatHeaderActionClick={props?.onChatHeaderActionClick}\n      disableUserProfile={props?.disableUserProfile}\n      renderUserProfile={props?.renderUserProfile}\n      onBackClick={props?.onBackClick}\n    >\n      <OpenChannelUI\n        renderMessage={props?.renderMessage}\n        renderHeader={props?.renderHeader}\n        renderInput={props?.renderInput}\n        renderPlaceHolderEmptyList={props?.renderPlaceHolderEmptyList}\n        renderPlaceHolderError={props?.renderPlaceHolderError}\n        renderPlaceHolderLoading={props?.renderPlaceHolderLoading}\n      />\n    </OpenChannelProvider>\n  );\n}\n\nexport default OpenChannel;\n"],"names":["OpenChannel","props","React","channelUrl","isMessageGroupingEnabled","queries","messageLimit","onBeforeSendUserMessage","onBeforeSendFileMessage","onChatHeaderActionClick","disableUserProfile","renderUserProfile","onBackClick","renderMessage","renderHeader","renderInput","renderPlaceHolderEmptyList","renderPlaceHolderError","renderPlaceHolderLoading"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,IAAMA,WAAW,GAA+B,UAACC,KAAD,EAAwB;AACtE,EAAA,oBACEC,6BAAC,mBAAD,EAAA;AACE,IAAA,UAAU,EAAED,KAAK,KAAA,IAAL,IAAAA,KAAK,KAAA,KAAA,CAAL,GAAK,KAAA,CAAL,GAAAA,KAAK,CAAEE,UADrB;AAEE,IAAA,wBAAwB,EAAEF,KAAK,KAAA,IAAL,IAAAA,KAAK,KAAA,KAAA,CAAL,GAAK,KAAA,CAAL,GAAAA,KAAK,CAAEG,wBAFnC;AAGE,IAAA,OAAO,EAAEH,KAAK,KAAA,IAAL,IAAAA,KAAK,KAAA,KAAA,CAAL,GAAK,KAAA,CAAL,GAAAA,KAAK,CAAEI,OAHlB;AAIE,IAAA,YAAY,EAAEJ,KAAK,KAAA,IAAL,IAAAA,KAAK,KAAA,KAAA,CAAL,GAAK,KAAA,CAAL,GAAAA,KAAK,CAAEK,YAJvB;AAKE,IAAA,uBAAuB,EAAEL,KAAK,KAAA,IAAL,IAAAA,KAAK,KAAA,KAAA,CAAL,GAAK,KAAA,CAAL,GAAAA,KAAK,CAAEM,uBALlC;AAME,IAAA,uBAAuB,EAAEN,KAAK,KAAA,IAAL,IAAAA,KAAK,KAAA,KAAA,CAAL,GAAK,KAAA,CAAL,GAAAA,KAAK,CAAEO,uBANlC;AAOE,IAAA,uBAAuB,EAAEP,KAAK,KAAA,IAAL,IAAAA,KAAK,KAAA,KAAA,CAAL,GAAK,KAAA,CAAL,GAAAA,KAAK,CAAEQ,uBAPlC;AAQE,IAAA,kBAAkB,EAAER,KAAK,KAAA,IAAL,IAAAA,KAAK,KAAA,KAAA,CAAL,GAAK,KAAA,CAAL,GAAAA,KAAK,CAAES,kBAR7B;AASE,IAAA,iBAAiB,EAAET,KAAK,KAAA,IAAL,IAAAA,KAAK,KAAA,KAAA,CAAL,GAAK,KAAA,CAAL,GAAAA,KAAK,CAAEU,iBAT5B;AAUE,IAAA,WAAW,EAAEV,KAAK,KAAA,IAAL,IAAAA,KAAK,KAAA,KAAA,CAAL,GAAK,KAAA,CAAL,GAAAA,KAAK,CAAEW,WAAAA;AAVtB,GAAA,eAYEV,6BAAC,aAAD,EAAA;AACE,IAAA,aAAa,EAAED,KAAK,KAAA,IAAL,IAAAA,KAAK,KAAA,KAAA,CAAL,GAAK,KAAA,CAAL,GAAAA,KAAK,CAAEY,aADxB;AAEE,IAAA,YAAY,EAAEZ,KAAK,KAAA,IAAL,IAAAA,KAAK,KAAA,KAAA,CAAL,GAAK,KAAA,CAAL,GAAAA,KAAK,CAAEa,YAFvB;AAGE,IAAA,WAAW,EAAEb,KAAK,KAAA,IAAL,IAAAA,KAAK,KAAA,KAAA,CAAL,GAAK,KAAA,CAAL,GAAAA,KAAK,CAAEc,WAHtB;AAIE,IAAA,0BAA0B,EAAEd,KAAK,SAAL,IAAAA,KAAK,KAAA,KAAA,CAAL,GAAK,KAAA,CAAL,GAAAA,KAAK,CAAEe,0BAJrC;AAKE,IAAA,sBAAsB,EAAEf,KAAK,KAAA,IAAL,IAAAA,KAAK,KAAA,KAAA,CAAL,GAAK,KAAA,CAAL,GAAAA,KAAK,CAAEgB,sBALjC;AAME,IAAA,wBAAwB,EAAEhB,KAAK,KAAA,IAAL,IAAAA,KAAK,KAAL,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,KAAK,CAAEiB,wBAAAA;AANnC,GAAA,CAZF,CADF,CAAA;AAuBD;;;;"}

package/OpenChannelList/components/OpenChannelListUI.js

@@ -1,33 +1,33 @@
 import React__default, { useState, useRef, useContext, useMemo } from 'react';
 import OpenChannelPreview from './OpenChannelPreview.js';
-import { P as PlaceHolder, a as PlaceHolderTypes } from '../../index-e8294858.js';
+import { P as PlaceHolder, a as PlaceHolderTypes } from '../../index-b90e1c4f.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-ba549e6a.js';
-import { u as useOpenChannelListContext, a as OpenChannelListFetchingStatus, b as OpenChannelListActionTypes } from '../../OpenChannelListProvider-2685f3d5.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-62f648a3.js';
+import { u as useOpenChannelListContext, a as OpenChannelListFetchingStatus, b as OpenChannelListActionTypes } from '../../OpenChannelListProvider-c41274c2.js';
 import CreateOpenChannel from '../../CreateOpenChannel.js';
-import { a as LocalizationContext } from '../../LocalizationContext-4b25e6bc.js';
+import { a as LocalizationContext } from '../../LocalizationContext-4fbc679d.js';
+import { S as SCROLL_BUFFER } from '../../consts-ebe0485e.js';
 import '../../ui/Avatar.js';
-import '../../tslib.es6-33004eb4.js';
+import '../../tslib.es6-f2e08a44.js';
 import '../../ui/ImageRenderer.js';
-import '../../uuid-7397f1ec.js';
+import '../../uuid-ba6bc915.js';
 import 'prop-types';
 import '../../ui/Loader.js';
-import '../../stringSet-80381462.js';
-import '../../topics-aa4d9dac.js';
+import '../../stringSet-5c7aee85.js';
+import '../../topics-812ef49c.js';
 import '../../useSendbirdStateContext.js';
 import '../../withSendbird.js';
-import '../../_rollupPluginBabelHelpers-38fb8170.js';
 import '../../CreateOpenChannel/components/CreateOpenChannelUI.js';
 import '../../ui/Button.js';
 import '../../ui/Modal.js';
 import 'react-dom';
-import '../../index-af6e4d1e.js';
-import '../../MediaQueryContext-29dcaddb.js';
-import '../../index-f3ba7696.js';
+import '../../index-fbd4a0c4.js';
+import '../../MediaQueryContext-96262052.js';
+import '../../index-27f0ab65.js';
 import '../../ui/Input.js';
 import '../../ui/TextButton.js';
-import '../../color-a450612f.js';
+import '../../color-a8e8431b.js';
 import '../../CreateOpenChannel/context.js';
 
 function OpenChannelListUI(_a) {
@@ -65,7 +65,7 @@ function OpenChannelListUI(_a) {
       return Math.abs(a - b) <= px;
     };
 
-    if (isAboutSame(clientHeight + scrollTop, scrollHeight, 10)) {
+    if (isAboutSame(clientHeight + scrollTop, scrollHeight, SCROLL_BUFFER)) {
       fetchNextChannels(function (messages) {
         if (messages) {
           try {

package/OpenChannelList/components/OpenChannelListUI.js.map

@@ -1 +1 @@
-{"version":3,"file":"OpenChannelListUI.js","sources":["../../../src/smart-components/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';\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, 10)) {\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","_a","renderHeader","renderChannelPreview","renderPlaceHolderEmpty","renderPlaceHolderError","renderPlaceHolderLoading","_b","useState","showCreateChannelModal","setShowCreateChannel","scrollRef","useRef","_c","useOpenChannelListContext","logger","currentChannel","allChannels","fetchingStatus","onChannelSelected","fetchNextChannels","refreshOpenChannelList","openChannelListDispatcher","stringSet","useContext","LocalizationContext","handleScroll","e","element","target","scrollTop","clientHeight","scrollHeight","isAboutSame","a","b","px","Math","abs","messages","error","handleOnClickCreateChannel","MemoizedHeader","useMemo","MemoizedPlaceHolder","OpenChannelListFetchingStatus","EMPTY","React","PlaceHolderTypes","NO_CHANNELS","FETCHING","LOADING","ERROR","WRONG","MemoizedAllChannels","DONE","map","channel","isSelected","url","handleClick","info","type","OpenChannelListActionTypes","SET_CURRENT_OPEN_CHANNEL","payload","length","openChannel","CREATE_OPEN_CHANNEL","LabelTypography","H_2","LabelColors","ONBACKGROUND_1","OPEN_CHANNEL_LIST__TITLE","IconTypes","REFRESH","IconColors","PRIMARY","CREATE"],"mappings":"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"}
+{"version":3,"file":"OpenChannelListUI.js","sources":["../../../src/smart-components/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","_a","renderHeader","renderChannelPreview","renderPlaceHolderEmpty","renderPlaceHolderError","renderPlaceHolderLoading","_b","useState","showCreateChannelModal","setShowCreateChannel","scrollRef","useRef","_c","useOpenChannelListContext","logger","currentChannel","allChannels","fetchingStatus","onChannelSelected","fetchNextChannels","refreshOpenChannelList","openChannelListDispatcher","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","PlaceHolderTypes","NO_CHANNELS","FETCHING","LOADING","ERROR","WRONG","MemoizedAllChannels","DONE","map","channel","isSelected","url","handleClick","info","type","OpenChannelListActionTypes","SET_CURRENT_OPEN_CHANNEL","payload","length","openChannel","CREATE_OPEN_CHANNEL","LabelTypography","H_2","LabelColors","ONBACKGROUND_1","OPEN_CHANNEL_LIST__TITLE","IconTypes","REFRESH","IconColors","PRIMARY","CREATE"],"mappings":"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"}