@sendbird/uikit-react 3.7.0-rc.1 → 3.8.0

package/cjs/Thread/components/ThreadHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThreadHeader.js","sources":["../../../../src/modules/Thread/components/ThreadHeader/index.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\n\nimport './index.scss';\n\nimport IconButton from '../../../../ui/IconButton';\nimport Icon, { IconTypes, IconColors } from '../../../../ui/Icon';\nimport Label, { LabelTypography, LabelColors } from '../../../../ui/Label';\nimport TextButton from '../../../../ui/TextButton';\n\nimport { useLocalization } from '../../../../lib/LocalizationContext';\n\ntype EventType = React.MouseEvent<HTMLDivElement | HTMLButtonElement> | React.KeyboardEvent<HTMLDivElement>;\n\nexport interface ThreadHeaderProps {\n  className?: string;\n  channelName: string;\n  renderActionIcon?: (props: { onActionIconClick: (e: EventType) => void }) => React.ReactElement;\n  onActionIconClick?: (e: EventType) => void;\n  onChannelNameClick?: (e: EventType) => void;\n}\n\nexport default function ThreadHeader({\n  className,\n  channelName,\n  renderActionIcon,\n  onActionIconClick,\n  onChannelNameClick,\n}: ThreadHeaderProps): React.ReactElement {\n  const { stringSet } = useLocalization();\n\n  const MemoizedActionIcon = useMemo(() => {\n    if (typeof renderActionIcon === 'function') {\n      return renderActionIcon({ onActionIconClick });\n    }\n    return null;\n  }, [renderActionIcon]);\n  return (\n    <div className={`sendbird-thread-header ${className}`}>\n      <Label\n        className=\"sendbird-thread-header__title\"\n        type={LabelTypography.H_2}\n        color={LabelColors.ONBACKGROUND_1}\n      >\n        {stringSet.THREAD__HEADER_TITLE}\n      </Label>\n      <TextButton\n        onClick={(e) => onChannelNameClick?.(e)}\n        disableUnderline\n      >\n        <Label\n          className=\"sendbird-thread-header__channel-name\"\n          type={LabelTypography.CAPTION_3}\n          color={LabelColors.ONBACKGROUND_2}\n        >\n          {channelName}\n        </Label>\n      </TextButton>\n      {\n        MemoizedActionIcon || (\n          <div className=\"sendbird-thread-header__action\">\n            <IconButton\n              width=\"32px\"\n              height=\"32px\"\n              onClick={(e) => onActionIconClick(e)}\n            >\n              <Icon\n                type={IconTypes.CLOSE}\n                fillColor={IconColors.ON_BACKGROUND_1}\n                width=\"22px\"\n                height=\"22px\"\n              />\n            </IconButton>\n          </div>\n        )\n      }\n    </div>\n  );\n}\n"],"names":["ThreadHeader","_a","className","channelName","renderActionIcon","onActionIconClick","onChannelNameClick","stringSet","useLocalization","MemoizedActionIcon","useMemo","React","createElement","concat","Label","type","LabelTypography","H_2","color","LabelColors","ONBACKGROUND_1","THREAD__HEADER_TITLE","TextButton","onClick","e","disableUnderline","CAPTION_3","ONBACKGROUND_2","IconButton","width","height","Icon","IconTypes","CLOSE","fillColor","IconColors","ON_BACKGROUND_1"],"mappings":";;;;;;;;;;;;;;;;;;AAqBwB,SAAAA,YAAYA,CAACC,EAMjB,EAAA;AALlB,EAAA,IAAAC,SAAS,GAAAD,EAAA,CAAAC,SAAA;IACTC,WAAW,GAAAF,EAAA,CAAAE,WAAA;IACXC,gBAAgB,GAAAH,EAAA,CAAAG,gBAAA;IAChBC,iBAAiB,GAAAJ,EAAA,CAAAI,iBAAA;IACjBC,kBAAkB,GAAAL,EAAA,CAAAK,kBAAA,CAAA;AAEV,EAAA,IAAAC,SAAS,GAAKC,mCAAe,EAAE,UAAtB,CAAA;AAEjB,EAAA,IAAMC,kBAAkB,GAAGC,aAAO,CAAC,YAAA;AACjC,IAAA,IAAI,OAAON,gBAAgB,KAAK,UAAU,EAAE;AAC1C,MAAA,OAAOA,gBAAgB,CAAC;AAAEC,QAAAA,iBAAiB,EAAAA,iBAAAA;AAAA,OAAE,CAAC,CAAA;AAC/C,KAAA;AACD,IAAA,OAAO,IAAI,CAAA;AACb,GAAC,EAAE,CAACD,gBAAgB,CAAC,CAAC,CAAA;EACtB,oBACEO,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKV,IAAAA,SAAS,EAAE,yBAA0B,CAAAW,MAAA,CAAAX,SAAS,CAAA;AAAG,GAAA,eACpDS,yBAAA,CAAAC,aAAA,CAACE,cAAK,EAAA;AACJZ,IAAAA,SAAS,EAAC,+BAA+B;IACzCa,IAAI,EAAEC,wBAAe,CAACC,GAAI;IAC1BC,KAAK,EAAEC,oBAAW,CAACC,cAAAA;GAElBb,EAAAA,SAAS,CAACc,oBACN,CACP,eAAAV,yBAAA,CAAAC,aAAA,CAACU,aAAU,EAAA;AACTC,IAAAA,OAAO,EAAE,UAACC,CAAC,EAAK;AAAA,MAAA,OAAAlB,kBAAkB,KAAA,IAAA,IAAlBA,kBAAkB,KAAlB,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,kBAAkB,CAAGkB,CAAC,CAAC,CAAA;KAAC;IACxCC,gBAAgB,EAAA,IAAA;AAAA,GAAA,eAEhBd,yBAAA,CAAAC,aAAA,CAACE,cAAK,EAAA;AACJZ,IAAAA,SAAS,EAAC,sCAAsC;IAChDa,IAAI,EAAEC,wBAAe,CAACU,SAAU;IAChCR,KAAK,EAAEC,oBAAW,CAACQ,cAAAA;GAElBxB,EAAAA,WACI,CACG,CACZ,EACEM,kBAAkB,iBAChBE,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKV,IAAAA,SAAS,EAAC,gCAAA;AAAgC,GAAA,eAC7CS,yBAAA,CAAAC,aAAA,CAACgB,aAAU,EAAA;AACTC,IAAAA,KAAK,EAAC,MAAM;AACZC,IAAAA,MAAM,EAAC,MAAM;AACbP,IAAAA,OAAO,EAAE,UAACC,CAAC,EAAK;MAAA,OAAAnB,iBAAiB,CAACmB,CAAC,CAAC,CAAA;AAApB,KAAA;AAAqB,GAAA,eAErCb,yBAAA,CAAAC,aAAA,CAACmB,kBAAI,EAAA;IACHhB,IAAI,EAAEiB,iBAAS,CAACC,KAAM;IACtBC,SAAS,EAAEC,kBAAU,CAACC,eAAgB;AACtCP,IAAAA,KAAK,EAAC,MAAM;AACZC,IAAAA,MAAM,EAAC,MAAA;GAEX,CAAY,CACT,CAGN,CAAC,CAAA;AAEV;;;;"}
+{"version":3,"file":"ThreadHeader.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/cjs/Thread/components/ThreadList.js

@@ -3,73 +3,71 @@
 var React = require('react');
 var Thread_components_ThreadListItem = require('./ThreadListItem.js');
 var Thread_context = require('../context.js');
-var useSendMultipleFilesMessage = require('../../useSendMultipleFilesMessage-a050e482.js');
+var useSendMultipleFilesMessage = require('../../chunks/bundle-6o4fw0w0.js');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
 var dateFns = require('date-fns');
 var Message_context = require('../../Message/context.js');
-require('../../tslib.es6-b66710d0.js');
-require('../../index-ab04f4c1.js');
-require('../../index-94db47de.js');
-require('../../LocalizationContext-e12e7229.js');
-require('../../stringSet-f086c338.js');
+require('../../chunks/bundle-hK4x7nmG.js');
+require('../../chunks/bundle-28p7K0N-.js');
+require('../../chunks/bundle-n1yh-qDb.js');
+require('../../chunks/bundle-QmSa90PC.js');
+require('../../chunks/bundle-z-Bvsn0B.js');
 require('../../ui/DateSeparator.js');
-require('../../color-45578eb6.js');
-require('../../index-6f4ca5cf.js');
-require('prop-types');
-require('../../RemoveMessageModal-300aff21.js');
-require('../../ui/Modal.js');
+require('../../chunks/bundle-B2MaAm21.js');
+require('../../chunks/bundle-6ziaqiUd.js');
+require('../../chunks/bundle-DZeKHvMp.js');
+require('../../chunks/bundle-UooP2IDU.js');
 require('react-dom');
-require('../../utils-de8b30fe.js');
-require('../../index-d0d79864.js');
-require('../../index-6fdf155b.js');
-require('../../MediaQueryContext-77316b55.js');
+require('../../chunks/bundle-1yOirqug.js');
+require('../../chunks/bundle-Y9TkHVI5.js');
 require('../../ui/IconButton.js');
 require('../../ui/Button.js');
-require('../../types-949e3eb4.js');
 require('../../ui/Icon.js');
-require('../../stringFormatterUtils-db5c0b13.js');
-require('../../index-23d284a0.js');
+require('../../chunks/bundle-6OOGDxxE.js');
+require('../../chunks/bundle-FHx0K-3z.js');
 require('../../utils/message/getOutgoingMessageState.js');
-require('../../index-6b215583.js');
-require('../../_rollupPluginBabelHelpers-b21be8d6.js');
+require('../../chunks/bundle-I_9_5a8a.js');
+require('../../chunks/bundle-JggdKsJa.js');
+require('../../hooks/useModal.js');
 require('../../ui/Avatar.js');
 require('../../ui/ImageRenderer.js');
-require('../../uuid-121cea7a.js');
-require('../../consts-838d8c0a.js');
+require('../../chunks/bundle-gMxOq93o.js');
+require('../../chunks/bundle-L9ushBZQ.js');
 require('../../Channel/components/SuggestedMentionList.js');
-require('../../ChannelProvider-95309057.js');
-require('../../UserProfileContext-712f02b1.js');
-require('../../const-ea1110b8.js');
-require('../../utils-ef688ff7.js');
+require('../../chunks/bundle-4DATo50q.js');
+require('../../chunks/bundle-4bb_98h6.js');
+require('../../chunks/bundle-P_B0eyVT.js');
+require('../../chunks/bundle-4q81wd8X.js');
 require('@sendbird/chat/message');
-require('../../compareIds-6d33d98c.js');
+require('../../chunks/bundle-c6O8NjZI.js');
+require('../../chunks/bundle-tmB_l3Q9.js');
 require('@sendbird/chat/groupChannel');
+require('../../Channel/hooks/useInitialMessagesFetch.js');
 require('../../pubSub/topics.js');
-require('../../resolvedReplyType-e4155c81.js');
-require('../../const-9692feaf.js');
-require('../../withSendbird.js');
-require('../context/types.js');
-require('@sendbird/chat');
+require('../../chunks/bundle-g_OXBrgT.js');
+require('../../chunks/bundle-dXhGOQQM.js');
 require('../../ui/MessageInput.js');
-require('../../index-35a2f604.js');
+require('../../chunks/bundle-b4fiCQuI.js');
 require('dompurify');
-require('../../consts-4ddf1e9d.js');
-require('../../consts-2425b1dc.js');
-require('../../consts-39b0df2d.js');
-require('../../tokenize-db0fb550.js');
+require('../../chunks/bundle-gS0bojlA.js');
+require('../../chunks/bundle-g0lpRY8_.js');
+require('../../chunks/bundle-RaQV-Bpr.js');
+require('../../chunks/bundle-FLCJVplO.js');
+require('../context/types.js');
 require('../../ui/ContextMenu.js');
 require('../../ui/SortByRow.js');
 require('../../ui/UserProfile.js');
 require('../../sendbirdSelectors.js');
+require('../../withSendbird.js');
 require('../../ui/MessageItemMenu.js');
-require('../../types-6edcfd89.js');
+require('../../chunks/bundle-lii4Ueh3.js');
 require('../../ui/MessageItemReactionMenu.js');
 require('../../ui/ReactionButton.js');
-require('../../useLongPress-d5d1f4da.js');
-require('../../index-c0e391a9.js');
+require('../../chunks/bundle-tywVawyg.js');
+require('../../chunks/bundle-11ybpGNN.js');
 require('../../ui/Loader.js');
-require('../../index-e61f36ff.js');
-require('../../index-2a618f4d.js');
+require('../../chunks/bundle-CUP2x37z.js');
+require('../../chunks/bundle-4rFcKXQa.js');
 require('../../ui/EmojiReactions.js');
 require('../../ui/ReactionBadge.js');
 require('../../ui/BottomSheet.js');
@@ -79,132 +77,94 @@ require('../../ui/Checkbox.js');
 require('../../ui/Tooltip.js');
 require('../../ui/TooltipWrapper.js');
 require('../../ui/TextMessageItemBody.js');
-require('../../index-dfe39552.js');
+require('../../chunks/bundle-iwsbhMUN.js');
 require('../../ui/MentionLabel.js');
 require('../../ui/LinkLabel.js');
 require('../../ui/OGMessageItemBody.js');
 require('../../ui/FileMessageItemBody.js');
 require('../../ui/TextButton.js');
 require('../../ui/ThumbnailMessageItemBody.js');
-require('../../utils-20fdce6e.js');
+require('../../chunks/bundle-p1cCW0sH.js');
 require('../../ui/UnknownMessageItemBody.js');
 require('../../ui/VoiceMessageItemBody.js');
 require('../../ui/ProgressBar.js');
 require('../../VoicePlayer/useVoicePlayer.js');
-require('../../index-1c49b970.js');
+require('../../chunks/bundle-BJe68nS0.js');
 require('../../VoiceRecorder/context.js');
 require('../../ui/PlaybackTime.js');
-require('../../index-b1e163b7.js');
-require('../../useStatefulFileInfoList-aa28d0cd.js');
+require('../../chunks/bundle-41ZfOrRZ.js');
+require('../../chunks/bundle-RlFjml8m.js');
 require('../../Message/hooks/useDirtyGetMentions.js');
+require('@sendbird/chat');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-function ThreadList(_a) {
-  var className = _a.className,
-    renderMessage = _a.renderMessage,
-    renderCustomSeparator = _a.renderCustomSeparator,
-    scrollRef = _a.scrollRef,
-    scrollBottom = _a.scrollBottom;
-  var config = useSendbirdStateContext.useSendbirdStateContext().config;
-  var replyType = config.replyType,
-    userId = config.userId;
-  var _b = Thread_context.useThreadContext(),
-    currentChannel = _b.currentChannel,
-    allThreadMessages = _b.allThreadMessages,
-    localThreadMessages = _b.localThreadMessages;
-  var MemorizedMessage = React.useMemo(function () {
-    return function (_a) {
-      var message = _a.message,
-        chainTop = _a.chainTop,
-        chainBottom = _a.chainBottom,
-        hasSeparator = _a.hasSeparator;
-      if (typeof renderMessage === 'function') {
-        return renderMessage({
-          message: message,
-          chainTop: chainTop,
-          chainBottom: chainBottom,
-          hasSeparator: hasSeparator
-        });
-      }
-      return null;
-    };
-  }, [renderMessage]);
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-thread-list ".concat(className)
-  }, allThreadMessages.map(function (message, idx) {
-    var _a;
-    var isByMe = ((_a = message === null || message === void 0 ? void 0 : message.sender) === null || _a === void 0 ? void 0 : _a.userId) === userId;
-    var prevMessage = allThreadMessages[idx - 1];
-    var nextMessage = allThreadMessages[idx + 1];
-    // eslint-disable-next-line no-constant-condition
-    var _b = useSendMultipleFilesMessage.compareMessagesForGrouping(prevMessage, message, nextMessage, currentChannel, replyType) ,
-      chainTop = _b[0],
-      chainBottom = _b[1];
-    var hasSeparator = !((prevMessage === null || prevMessage === void 0 ? void 0 : prevMessage.createdAt) > 0 && dateFns.isSameDay(message === null || message === void 0 ? void 0 : message.createdAt, prevMessage === null || prevMessage === void 0 ? void 0 : prevMessage.createdAt));
-    var handleScroll = function () {
-      var current = scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current;
-      if (current) {
-        var bottom = current.scrollHeight - current.scrollTop - current.offsetHeight;
-        if (scrollBottom < bottom) {
-          current.scrollTop += bottom - scrollBottom;
-        }
-      }
-    };
-    return /*#__PURE__*/React__default["default"].createElement(Message_context.MessageProvider, {
-      message: message,
-      isByMe: isByMe,
-      key: message === null || message === void 0 ? void 0 : message.messageId
-    }, MemorizedMessage({
-      message: message,
-      chainTop: chainTop,
-      chainBottom: chainBottom,
-      hasSeparator: hasSeparator
-    }) || /*#__PURE__*/React__default["default"].createElement(Thread_components_ThreadListItem, {
-      message: message,
-      chainTop: chainTop,
-      chainBottom: chainBottom,
-      hasSeparator: hasSeparator,
-      renderCustomSeparator: renderCustomSeparator,
-      handleScroll: handleScroll
-    }));
-  }), localThreadMessages.map(function (message, idx) {
-    var _a;
-    var isByMe = ((_a = message === null || message === void 0 ? void 0 : message.sender) === null || _a === void 0 ? void 0 : _a.userId) === userId;
-    var prevMessage = localThreadMessages[idx - 1];
-    var nextMessage = localThreadMessages[idx + 1];
-    // eslint-disable-next-line no-constant-condition
-    var _b = useSendMultipleFilesMessage.compareMessagesForGrouping(prevMessage, message, nextMessage, currentChannel, replyType) ,
-      chainTop = _b[0],
-      chainBottom = _b[1];
-    var hasSeparator = !((prevMessage === null || prevMessage === void 0 ? void 0 : prevMessage.createdAt) > 0 && dateFns.isSameDay(message === null || message === void 0 ? void 0 : message.createdAt, prevMessage === null || prevMessage === void 0 ? void 0 : prevMessage.createdAt));
-    var handleScroll = function () {
-      var current = scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current;
-      if (current) {
-        var bottom = current.scrollHeight - current.scrollTop - current.offsetHeight;
-        if (scrollBottom < bottom) {
-          current.scrollTop += bottom - scrollBottom;
-        }
-      }
-    };
-    return /*#__PURE__*/React__default["default"].createElement(Message_context.MessageProvider, {
-      message: message,
-      isByMe: isByMe,
-      key: message === null || message === void 0 ? void 0 : message.messageId
-    }, MemorizedMessage({
-      message: message,
-      chainTop: chainTop,
-      chainBottom: chainBottom,
-      hasSeparator: hasSeparator
-    }) || /*#__PURE__*/React__default["default"].createElement(Thread_components_ThreadListItem, {
-      message: message,
-      hasSeparator: false,
-      renderCustomSeparator: renderCustomSeparator,
-      handleScroll: handleScroll
-    }));
-  }));
+function ThreadList(_a) {
+    var className = _a.className, renderMessage = _a.renderMessage, renderCustomSeparator = _a.renderCustomSeparator, scrollRef = _a.scrollRef, scrollBottom = _a.scrollBottom;
+    var config = useSendbirdStateContext.useSendbirdStateContext().config;
+    var replyType = config.replyType, userId = config.userId;
+    var _b = Thread_context.useThreadContext(), currentChannel = _b.currentChannel, allThreadMessages = _b.allThreadMessages, localThreadMessages = _b.localThreadMessages;
+    var MemorizedMessage = React.useMemo(function () { return function (_a) {
+        var message = _a.message, chainTop = _a.chainTop, chainBottom = _a.chainBottom, hasSeparator = _a.hasSeparator;
+        if (typeof renderMessage === 'function') {
+            return renderMessage({
+                message: message,
+                chainTop: chainTop,
+                chainBottom: chainBottom,
+                hasSeparator: hasSeparator,
+            });
+        }
+        return null;
+    }; }, [renderMessage]);
+    return (React.createElement("div", { className: "sendbird-thread-list ".concat(className) },
+        allThreadMessages.map(function (message, idx) {
+            var _a;
+            var isByMe = ((_a = message === null || message === void 0 ? void 0 : message.sender) === null || _a === void 0 ? void 0 : _a.userId) === userId;
+            var prevMessage = allThreadMessages[idx - 1];
+            var nextMessage = allThreadMessages[idx + 1];
+            // eslint-disable-next-line no-constant-condition
+            var _b = useSendMultipleFilesMessage.compareMessagesForGrouping(prevMessage, message, nextMessage, currentChannel, replyType)
+                , chainTop = _b[0], chainBottom = _b[1];
+            var hasSeparator = !((prevMessage === null || prevMessage === void 0 ? void 0 : prevMessage.createdAt) > 0 && (dateFns.isSameDay(message === null || message === void 0 ? void 0 : message.createdAt, prevMessage === null || prevMessage === void 0 ? void 0 : prevMessage.createdAt)));
+            var handleScroll = function () {
+                var current = scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current;
+                if (current) {
+                    var bottom = current.scrollHeight - current.scrollTop - current.offsetHeight;
+                    if (scrollBottom < bottom) {
+                        current.scrollTop += bottom - scrollBottom;
+                    }
+                }
+            };
+            return (React.createElement(Message_context.MessageProvider, { message: message, isByMe: isByMe, key: message === null || message === void 0 ? void 0 : message.messageId }, MemorizedMessage({
+                message: message,
+                chainTop: chainTop,
+                chainBottom: chainBottom,
+                hasSeparator: hasSeparator,
+            }) || (React.createElement(Thread_components_ThreadListItem, { message: message, chainTop: chainTop, chainBottom: chainBottom, hasSeparator: hasSeparator, renderCustomSeparator: renderCustomSeparator, handleScroll: handleScroll }))));
+        }),
+        localThreadMessages.map(function (message, idx) {
+            var _a;
+            var isByMe = ((_a = message === null || message === void 0 ? void 0 : message.sender) === null || _a === void 0 ? void 0 : _a.userId) === userId;
+            var prevMessage = localThreadMessages[idx - 1];
+            var nextMessage = localThreadMessages[idx + 1];
+            // eslint-disable-next-line no-constant-condition
+            var _b = useSendMultipleFilesMessage.compareMessagesForGrouping(prevMessage, message, nextMessage, currentChannel, replyType)
+                , chainTop = _b[0], chainBottom = _b[1];
+            var hasSeparator = !((prevMessage === null || prevMessage === void 0 ? void 0 : prevMessage.createdAt) > 0 && (dateFns.isSameDay(message === null || message === void 0 ? void 0 : message.createdAt, prevMessage === null || prevMessage === void 0 ? void 0 : prevMessage.createdAt)));
+            var handleScroll = function () {
+                var current = scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current;
+                if (current) {
+                    var bottom = current.scrollHeight - current.scrollTop - current.offsetHeight;
+                    if (scrollBottom < bottom) {
+                        current.scrollTop += bottom - scrollBottom;
+                    }
+                }
+            };
+            return (React.createElement(Message_context.MessageProvider, { message: message, isByMe: isByMe, key: message === null || message === void 0 ? void 0 : message.messageId }, MemorizedMessage({
+                message: message,
+                chainTop: chainTop,
+                chainBottom: chainBottom,
+                hasSeparator: hasSeparator,
+            }) || (React.createElement(Thread_components_ThreadListItem, { message: message, hasSeparator: false, renderCustomSeparator: renderCustomSeparator, handleScroll: handleScroll }))));
+        })));
 }
 
 module.exports = ThreadList;

package/cjs/Thread/components/ThreadList.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThreadList.js","sources":["../../../../src/modules/Thread/components/ThreadList/index.tsx"],"sourcesContent":["import React, { RefObject, useMemo } from 'react';\nimport { UserMessage } from '@sendbird/chat/message';\n\nimport './index.scss';\nimport ThreadListItem from './ThreadListItem';\nimport { useThreadContext } from '../../context/ThreadProvider';\nimport { compareMessagesForGrouping } from '../../context/utils';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\nimport { isSameDay } from 'date-fns';\nimport { MessageProvider } from '../../../Message/context/MessageProvider';\nimport { SendableMessageType } from '../../../../utils';\n\nexport interface ThreadListProps {\n  className?: string;\n  renderMessage?: (props: {\n    message: SendableMessageType,\n    chainTop: boolean,\n    chainBottom: boolean,\n    hasSeparator: boolean,\n  }) => React.ReactElement;\n  renderCustomSeparator?: (props: { message: SendableMessageType }) => React.ReactElement;\n  scrollRef?: RefObject<HTMLDivElement>;\n  scrollBottom?: number;\n}\n\nexport default function ThreadList({\n  className,\n  renderMessage,\n  renderCustomSeparator,\n  scrollRef,\n  scrollBottom,\n}: ThreadListProps): React.ReactElement {\n  const { config } = useSendbirdStateContext();\n  const { replyType, userId } = config;\n  const {\n    currentChannel,\n    allThreadMessages,\n    localThreadMessages,\n  } = useThreadContext();\n\n  const MemorizedMessage = useMemo(() => ({\n    message,\n    chainTop,\n    chainBottom,\n    hasSeparator,\n  }) => {\n\n    if (typeof renderMessage === 'function') {\n      return renderMessage({\n        message: message as SendableMessageType,\n        chainTop,\n        chainBottom,\n        hasSeparator,\n      });\n    }\n    return null;\n  }, [renderMessage]);\n\n  return (\n    <div className={`sendbird-thread-list ${className}`}>\n      {allThreadMessages.map((message, idx) => {\n        const isByMe = (message as UserMessage)?.sender?.userId === userId;\n        const prevMessage = allThreadMessages[idx - 1];\n        const nextMessage = allThreadMessages[idx + 1];\n        // eslint-disable-next-line no-constant-condition\n        const [chainTop, chainBottom] = true// isMessageGroupingEnabled\n          ? compareMessagesForGrouping(\n            prevMessage as SendableMessageType,\n            message as SendableMessageType,\n            nextMessage as SendableMessageType,\n            currentChannel,\n            replyType,\n          )\n          : [false, false];\n        const hasSeparator = !(prevMessage?.createdAt > 0 && (\n          isSameDay(message?.createdAt, prevMessage?.createdAt)\n        ));\n\n        const handleScroll = () => {\n          const current = scrollRef?.current;\n          if (current) {\n            const bottom = current.scrollHeight - current.scrollTop - current.offsetHeight;\n            if (scrollBottom < bottom) {\n              current.scrollTop += bottom - scrollBottom;\n            }\n          }\n        };\n\n        return (\n          <MessageProvider message={message} isByMe={isByMe} key={message?.messageId}>\n            {\n              MemorizedMessage({\n                message,\n                chainTop,\n                chainBottom,\n                hasSeparator,\n              }) || (\n                <ThreadListItem\n                  message={message as SendableMessageType}\n                  chainTop={chainTop}\n                  chainBottom={chainBottom}\n                  hasSeparator={hasSeparator}\n                  renderCustomSeparator={renderCustomSeparator}\n                  handleScroll={handleScroll}\n                />\n              )\n            }\n          </MessageProvider>\n        );\n      })}\n      {localThreadMessages.map((message, idx) => {\n        const isByMe = (message as UserMessage)?.sender?.userId === userId;\n        const prevMessage = localThreadMessages[idx - 1];\n        const nextMessage = localThreadMessages[idx + 1];\n        // eslint-disable-next-line no-constant-condition\n        const [chainTop, chainBottom] = true// isMessageGroupingEnabled\n          ? compareMessagesForGrouping(\n            prevMessage as SendableMessageType,\n            message as SendableMessageType,\n            nextMessage as SendableMessageType,\n            currentChannel,\n            replyType,\n          )\n          : [false, false];\n        const hasSeparator = !(prevMessage?.createdAt > 0 && (\n          isSameDay(message?.createdAt, prevMessage?.createdAt)\n        ));\n\n        const handleScroll = () => {\n          const current = scrollRef?.current;\n          if (current) {\n            const bottom = current.scrollHeight - current.scrollTop - current.offsetHeight;\n            if (scrollBottom < bottom) {\n              current.scrollTop += bottom - scrollBottom;\n            }\n          }\n        };\n\n        return (\n          <MessageProvider message={message} isByMe={isByMe} key={message?.messageId}>\n            {\n              MemorizedMessage({\n                message,\n                chainTop,\n                chainBottom,\n                hasSeparator,\n              }) || (\n                <ThreadListItem\n                  message={message as SendableMessageType}\n                  hasSeparator={false}\n                  renderCustomSeparator={renderCustomSeparator}\n                  handleScroll={handleScroll}\n                />\n              )\n            }\n          </MessageProvider>\n        );\n      })}\n    </div>\n  );\n}\n"],"names":["ThreadList","_a","className","renderMessage","renderCustomSeparator","scrollRef","scrollBottom","config","useSendbirdStateContext","replyType","userId","_b","useThreadContext","currentChannel","allThreadMessages","localThreadMessages","MemorizedMessage","useMemo","message","chainTop","chainBottom","hasSeparator","React","createElement","concat","map","idx","isByMe","sender","prevMessage","nextMessage","compareMessagesForGrouping","createdAt","isSameDay","handleScroll","current","bottom","scrollHeight","scrollTop","offsetHeight","MessageProvider","key","messageId","ThreadListItem"],"mappings":"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"}
+{"version":3,"file":"ThreadList.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}