@sendbird/uikit-react 3.5.0-rc.1 → 3.5.0

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

@@ -1 +1 @@
-{"version":3,"file":"ThreadHeader.js","sources":["../../../../src/smart-components/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","concat","Label","LabelTypography","H_2","LabelColors","ONBACKGROUND_1","THREAD__HEADER_TITLE","TextButton","e","CAPTION_3","ONBACKGROUND_2","IconButton","Icon","IconTypes","CLOSE","IconColors","ON_BACKGROUND_1"],"mappings":";;;;;;;;;;;;;;;;;;AAqBwB,SAAAA,YAAA,CAAaC,EAAb,EAMJ;AALlB,EAAA,IAAAC,SAAS,GAAAD,EAAA,CAAAC,SAAT;AAAA,MACAC,WAAW,GAAAF,EAAA,CAAAE,WADX;AAAA,MAEAC,gBAAgB,GAAAH,EAAA,CAAAG,gBAFhB;AAAA,MAGAC,iBAAiB,GAAAJ,EAAA,CAAAI,iBAHjB;AAAA,MAIAC,kBAAkB,GAAAL,EAAA,CAAAK,kBAJlB,CAAA;AAMQ,EAAA,IAAAC,SAAS,GAAKC,mCAAe,EAAA,UAA7B,CAAA;AAER,EAAA,IAAMC,kBAAkB,GAAGC,aAAO,CAAC,YAAA;AACjC,IAAA,IAAI,OAAON,gBAAP,KAA4B,UAAhC,EAA4C;AAC1C,MAAA,OAAOA,gBAAgB,CAAC;AAAEC,QAAAA,iBAAiB,EAAAA,iBAAAA;AAAnB,OAAD,CAAvB,CAAA;AACD,KAAA;;AACD,IAAA,OAAO,IAAP,CAAA;AACD,GALiC,EAK/B,CAACD,gBAAD,CAL+B,CAAlC,CAAA;EAMA,oBACEO,yBAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,IAAA,SAAS,EAAE,yBAAA,CAA0BC,MAA1B,CAA0BV,SAA1B,CAAA;AAAhB,GAAA,eACES,wCAACE,cAAD,EAAA;AACE,IAAA,SAAS,EAAC,+BADZ;IAEE,IAAI,EAAEC,wBAAe,CAACC,GAFxB;IAGE,KAAK,EAAEC,oBAAW,CAACC,cAAAA;AAHrB,GAAA,EAKGV,SAAS,CAACW,oBALb,CADF,eAQEP,wCAACQ,aAAD,EAAA;IACE,OAAO,EAAE,UAACC,CAAD,EAAO;MAAA,OAAAd,kBAAkB,CAACc,CAAD,CAAlB,CAAA;KADlB;IAEE,gBAAgB,EAAA,IAAA;AAFlB,GAAA,eAIET,wCAACE,cAAD,EAAA;AACE,IAAA,SAAS,EAAC,sCADZ;IAEE,IAAI,EAAEC,wBAAe,CAACO,SAFxB;IAGE,KAAK,EAAEL,oBAAW,CAACM,cAAAA;AAHrB,GAAA,EAKGnB,WALH,CAJF,CARF,EAqBIM,kBAAkB,iBAChBE,yBAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,IAAA,SAAS,EAAC,gCAAA;AAAf,GAAA,eACEA,wCAACY,aAAD,EAAA;AACE,IAAA,KAAK,EAAC,MADR;AAEE,IAAA,MAAM,EAAC,MAFT;IAGE,OAAO,EAAE,UAACH,CAAD,EAAO;MAAA,OAAAf,iBAAiB,CAACe,CAAD,CAAjB,CAAA;AAAoB,KAAA;AAHtC,GAAA,eAKET,wCAACa,kBAAD,EAAA;IACE,IAAI,EAAEC,iBAAS,CAACC,KADlB;IAEE,SAAS,EAAEC,kBAAU,CAACC,eAFxB;AAGE,IAAA,KAAK,EAAC,MAHR;AAIE,IAAA,MAAM,EAAC,MAAA;GATX,CAAA,CADF,CAtBN,CADF,CAAA;AAyCD;;;;"}
+{"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","_ref","className","channelName","renderActionIcon","onActionIconClick","onChannelNameClick","stringSet","useLocalization","MemoizedActionIcon","useMemo","React","createElement","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":";;;;;;;;;;;;;;;;;;AAqBe,SAASA,YAAYA,CAAAC,IAAA,EAMM;EAAA,IANL;IACnCC,SAAS;IACTC,WAAW;IACXC,gBAAgB;IAChBC,iBAAiB;AACjBC,IAAAA,kBAAAA;AACiB,GAAC,GAAAL,IAAA,CAAA;EAClB,MAAM;AAAEM,IAAAA,SAAAA;GAAW,GAAGC,mCAAe,EAAE,CAAA;AAEvC,EAAA,MAAMC,kBAAkB,GAAGC,aAAO,CAAC,MAAM;AACvC,IAAA,IAAI,OAAON,gBAAgB,KAAK,UAAU,EAAE;AAC1C,MAAA,OAAOA,gBAAgB,CAAC;AAAEC,QAAAA,iBAAAA;AAAkB,OAAC,CAAC,CAAA;AAChD,KAAA;AACA,IAAA,OAAO,IAAI,CAAA;AACb,GAAC,EAAE,CAACD,gBAAgB,CAAC,CAAC,CAAA;EACtB,oBACEO,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IAAKV,SAAS,EAAG,0BAAyBA,SAAU,CAAA,CAAA;AAAE,GAAA,eACpDS,yBAAA,CAAAC,aAAA,CAACC,cAAK,EAAA;AACJX,IAAAA,SAAS,EAAC,+BAA+B;IACzCY,IAAI,EAAEC,wBAAe,CAACC,GAAI;IAC1BC,KAAK,EAAEC,oBAAW,CAACC,cAAAA;GAElBZ,EAAAA,SAAS,CAACa,oBAAoB,CACzB,eACRT,yBAAA,CAAAC,aAAA,CAACS,aAAU,EAAA;IACTC,OAAO,EAAGC,CAAC,IAAKjB,kBAAkB,KAAA,IAAA,IAAlBA,kBAAkB,KAAlBA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,kBAAkB,CAAGiB,CAAC,CAAE;IACxCC,gBAAgB,EAAA,IAAA;AAAA,GAAA,eAEhBb,yBAAA,CAAAC,aAAA,CAACC,cAAK,EAAA;AACJX,IAAAA,SAAS,EAAC,sCAAsC;IAChDY,IAAI,EAAEC,wBAAe,CAACU,SAAU;IAChCR,KAAK,EAAEC,oBAAW,CAACQ,cAAAA;GAElBvB,EAAAA,WAAW,CACN,CACG,EAEXM,kBAAkB,iBAChBE,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKV,IAAAA,SAAS,EAAC,gCAAA;AAAgC,GAAA,eAC7CS,yBAAA,CAAAC,aAAA,CAACe,aAAU,EAAA;AACTC,IAAAA,KAAK,EAAC,MAAM;AACZC,IAAAA,MAAM,EAAC,MAAM;AACbP,IAAAA,OAAO,EAAGC,CAAC,IAAKlB,iBAAiB,CAACkB,CAAC,CAAA;AAAE,GAAA,eAErCZ,yBAAA,CAAAC,aAAA,CAACkB,kBAAI,EAAA;IACHhB,IAAI,EAAEiB,iBAAS,CAACC,KAAM;IACtBC,SAAS,EAAEC,kBAAU,CAACC,eAAgB;AACtCP,IAAAA,KAAK,EAAC,MAAM;AACZC,IAAAA,MAAM,EAAC,MAAA;GACP,CAAA,CACS,CAEhB,CAEC,CAAA;AAEV;;;;"}

package/cjs/Thread/components/ThreadList.js

@@ -2,137 +2,162 @@
 
 var React = require('react');
 var Thread_components_ThreadListItem = require('./ThreadListItem.js');
-var Thread_context = require('../../ThreadProvider-389f5031.js');
+var Thread_context = require('../../ThreadProvider-8ee179c2.js');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
 var dateFns = require('date-fns');
-require('../../tslib.es6-b8ba50ef.js');
-require('../../index-8de8f28a.js');
-require('../../index-d14a43c4.js');
-require('../../LocalizationContext-bddc5c2b.js');
-require('../../stringSet-3e6167ef.js');
+var Message_context = require('../../Message/context.js');
+require('../../index-869e9a94.js');
+require('../../index-016f7106.js');
+require('../../LocalizationContext-0e429c3d.js');
+require('../../stringSet-106da549.js');
 require('../../ui/DateSeparator.js');
-require('../../color-f47044b3.js');
-require('../../index-5d5497c2.js');
+require('../../color-bada0fc7.js');
+require('../../index-6cb0d040.js');
 require('prop-types');
-require('../../RemoveMessageModal-9169766a.js');
+require('../../RemoveMessageModal-5903f232.js');
 require('../../ui/Modal.js');
 require('react-dom');
-require('../../index-c5cd589d.js');
+require('../../index-f570d25c.js');
 require('../../ui/Button.js');
 require('../../ui/Icon.js');
 require('../../ui/IconButton.js');
-require('../../MediaQueryContext-4711a81f.js');
+require('../../_rollupPluginBabelHelpers-c89f311a.js');
+require('../../MediaQueryContext-33fc3b17.js');
 require('../../ui/FileViewer.js');
-require('../../index-62c1bdfc.js');
+require('../../index-5231fde8.js');
 require('../../utils/message/getOutgoingMessageState.js');
 require('../../ui/Avatar.js');
 require('../../ui/ImageRenderer.js');
-require('../../uuid-2475ef6c.js');
+require('../../uuid-12b01f73.js');
 require('../../Channel/components/SuggestedMentionList.js');
-require('../../ChannelProvider-fc58e60e.js');
-require('../../UserProfileContext-8d0dee57.js');
-require('../../topics-56842e14.js');
-require('../../_rollupPluginBabelHelpers-fed1e122.js');
-require('../../compareIds-4124b297.js');
-require('../../const-015e5589.js');
+require('../../ChannelProvider-0df75472.js');
+require('../../UserProfileContext-87580795.js');
+require('../../const-a85f3364.js');
+require('../../topics-b384e6b3.js');
+require('../../compareIds-ccccfe86.js');
 require('@sendbird/chat/groupChannel');
 require('@sendbird/chat/message');
-require('../../ui/ContextMenu.js');
-require('../../ui/SortByRow.js');
-require('../../ui/ReactionButton.js');
-require('../../const-fd64914b.js');
+require('../../consts-5e0f96b3.js');
+require('../../resolvedReplyType-67e78c63.js');
+require('../../const-d8cece19.js');
 require('../../withSendbird.js');
 require('../context/types.js');
 require('@sendbird/chat');
 require('../../ui/MessageInput.js');
-require('react-dom/server');
-require('../../ui/MentionUserLabel.js');
+require('dompurify');
+require('../../consts-1c3020ad.js');
+require('../../consts-1d94dc61.js');
+require('../../consts-740f60b8.js');
+require('../../tokenize-2aa0f876.js');
+require('../../index.module-0585715f.js');
+require('../../ui/ContextMenu.js');
+require('../../ui/SortByRow.js');
 require('../../ui/UserProfile.js');
 require('../../sendbirdSelectors.js');
-require('../../utils-374d57b4.js');
+require('../../utils-ad7b5b82.js');
 require('../../ui/MessageItemMenu.js');
+require('../../types-e0b77c8c.js');
 require('../../ui/MessageItemReactionMenu.js');
-require('../../index-3a4f8219.js');
+require('../../ui/ReactionButton.js');
+require('../../useLongPress-8037894e.js');
+require('../../index-7f6bbe0c.js');
 require('../../ui/Loader.js');
-require('../../index-abbc8024.js');
-require('../../index-343cd84a.js');
-require('../../index-40e4653a.js');
+require('../../index-8affdde5.js');
+require('../../index-7d125728.js');
 require('../../ui/EmojiReactions.js');
+require('../../ui/ReactionBadge.js');
+require('../../ui/BottomSheet.js');
+require('../../ui/UserListItem.js');
+require('../../ui/MutedAvatarOverlay.js');
+require('../../ui/Checkbox.js');
 require('../../ui/Tooltip.js');
 require('../../ui/TooltipWrapper.js');
-require('../../ui/ReactionBadge.js');
 require('../../ui/TextMessageItemBody.js');
-require('../../ui/Word.js');
-require('../../ui/LinkLabel.js');
+require('../../index-2be14d85.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('../../ui/UnknownMessageItemBody.js');
+require('../../ui/VoiceMessageItemBody.js');
+require('../../ui/ProgressBar.js');
+require('../../VoicePlayer/useVoicePlayer.js');
+require('../../index-648c06ed.js');
+require('../../VoiceRecorder/context.js');
+require('../../ui/PlaybackTime.js');
+require('../../index-89d81dad.js');
+require('../../useDirtyGetMentions-b8ca5675.js');
 
 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,
-      allThreadMessages = _a.allThreadMessages,
-      renderMessage = _a.renderMessage,
-      renderCustomSeparator = _a.renderCustomSeparator,
-      scrollRef = _a.scrollRef,
-      scrollBottom = _a.scrollBottom;
-  var config = useSendbirdStateContext().config;
-  var replyType = config.replyType;
-  var currentChannel = Thread_context.useThreadContext().currentChannel;
-  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;
-    };
+function ThreadList(_ref) {
+  let {
+    className,
+    allThreadMessages,
+    renderMessage,
+    renderCustomSeparator,
+    scrollRef,
+    scrollBottom
+  } = _ref;
+  const {
+    config
+  } = useSendbirdStateContext();
+  const {
+    replyType,
+    userId
+  } = config;
+  const {
+    currentChannel
+  } = Thread_context.useThreadContext();
+  const MemorizedMessage = React.useMemo(() => _ref2 => {
+    let {
+      message,
+      chainTop,
+      chainBottom,
+      hasSeparator
+    } = _ref2;
+    if (typeof renderMessage === 'function') {
+      return renderMessage({
+        message: message,
+        chainTop,
+        chainBottom,
+        hasSeparator
+      });
+    }
+    return null;
   }, [renderMessage]);
   return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-thread-list ".concat(className)
-  }, allThreadMessages.map(function (message, idx) {
-    var prevMessage = allThreadMessages[idx - 1];
-    var nextMessage = allThreadMessages[idx + 1];
-
-    var _a = Thread_context.compareMessagesForGrouping(prevMessage, message, nextMessage, currentChannel, replyType) ,
-        chainTop = _a[0],
-        chainBottom = _a[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;
-
+    className: `sendbird-thread-list ${className}`
+  }, allThreadMessages.map((message, idx) => {
+    var _sender;
+    const isByMe = (message === null || message === void 0 ? void 0 : (_sender = message.sender) === null || _sender === void 0 ? void 0 : _sender.userId) === userId;
+    const prevMessage = allThreadMessages[idx - 1];
+    const nextMessage = allThreadMessages[idx + 1];
+    // eslint-disable-next-line no-constant-condition
+    const [chainTop, chainBottom] = Thread_context.compareMessagesForGrouping(prevMessage, message, nextMessage, currentChannel, replyType) ;
+    const 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));
+    const handleScroll = () => {
+      const current = scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current;
       if (current) {
-        var bottom = current.scrollHeight - current.scrollTop - current.offsetHeight;
-
+        const bottom = current.scrollHeight - current.scrollTop - current.offsetHeight;
         if (scrollBottom < bottom) {
           current.scrollTop += bottom - scrollBottom;
         }
       }
     };
-
-    return MemorizedMessage({
+    return /*#__PURE__*/React__default["default"].createElement(Message_context.MessageProvider, {
       message: message,
-      chainTop: chainTop,
-      chainBottom: chainBottom,
-      hasSeparator: hasSeparator
+      isByMe: isByMe,
+      key: message === null || message === void 0 ? void 0 : message.messageId
+    }, MemorizedMessage({
+      message,
+      chainTop,
+      chainBottom,
+      hasSeparator
     }) || /*#__PURE__*/React__default["default"].createElement(Thread_components_ThreadListItem, {
       message: message,
       chainTop: chainTop,
@@ -140,7 +165,7 @@ function ThreadList(_a) {
       hasSeparator: hasSeparator,
       renderCustomSeparator: renderCustomSeparator,
       handleScroll: handleScroll
-    });
+    }));
   }));
 }
 

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

@@ -1 +1 @@
-{"version":3,"file":"ThreadList.js","sources":["../../../../src/smart-components/Thread/components/ThreadList/index.tsx"],"sourcesContent":["import React, { RefObject, useMemo } from 'react';\nimport { BaseMessage, FileMessage, 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';\n\nexport interface ThreadListProps {\n  className?: string;\n  allThreadMessages: Array<UserMessage | FileMessage | BaseMessage>;\n  renderMessage?: (props: {\n    message: UserMessage | FileMessage,\n    chainTop: boolean,\n    chainBottom: boolean,\n    hasSeparator: boolean,\n  }) => React.ReactElement;\n  renderCustomSeparator?: (props: { message: UserMessage | FileMessage }) => React.ReactElement;\n  scrollRef?: RefObject<HTMLDivElement>;\n  scrollBottom?: number;\n}\n\nexport default function ThreadList({\n  className,\n  allThreadMessages,\n  renderMessage,\n  renderCustomSeparator,\n  scrollRef,\n  scrollBottom,\n}: ThreadListProps): React.ReactElement {\n  const { config } = useSendbirdStateContext();\n  const { replyType } = config;\n  const {\n    currentChannel,\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 UserMessage | FileMessage,\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 prevMessage = allThreadMessages[idx - 1];\n        const nextMessage = allThreadMessages[idx + 1];\n        const [chainTop, chainBottom] = true// isMessageGroupingEnabled\n          ? compareMessagesForGrouping(\n            prevMessage as UserMessage | FileMessage,\n            message as UserMessage | FileMessage,\n            nextMessage as UserMessage | FileMessage,\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 MemorizedMessage({\n          message,\n          chainTop,\n          chainBottom,\n          hasSeparator,\n        }) || (\n            <ThreadListItem\n              message={message as UserMessage | FileMessage}\n              chainTop={chainTop}\n              chainBottom={chainBottom}\n              hasSeparator={hasSeparator}\n              renderCustomSeparator={renderCustomSeparator}\n              handleScroll={handleScroll}\n            />\n          );\n      })}\n    </div>\n  );\n}\n"],"names":["ThreadList","_a","className","allThreadMessages","renderMessage","renderCustomSeparator","scrollRef","scrollBottom","config","useSendbirdStateContext","replyType","currentChannel","useThreadContext","MemorizedMessage","useMemo","message","chainTop","chainBottom","hasSeparator","React","concat","map","idx","prevMessage","nextMessage","compareMessagesForGrouping","createdAt","isSameDay","handleScroll","current","bottom","scrollHeight","scrollTop","offsetHeight","ThreadListItem"],"mappings":"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"}
+{"version":3,"file":"ThreadList.js","sources":["../../../../src/modules/Thread/components/ThreadList/index.tsx"],"sourcesContent":["import React, { RefObject, useMemo } from 'react';\nimport { BaseMessage, FileMessage, 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';\n\nexport interface ThreadListProps {\n  className?: string;\n  allThreadMessages: Array<UserMessage | FileMessage | BaseMessage>;\n  renderMessage?: (props: {\n    message: UserMessage | FileMessage,\n    chainTop: boolean,\n    chainBottom: boolean,\n    hasSeparator: boolean,\n  }) => React.ReactElement;\n  renderCustomSeparator?: (props: { message: UserMessage | FileMessage }) => React.ReactElement;\n  scrollRef?: RefObject<HTMLDivElement>;\n  scrollBottom?: number;\n}\n\nexport default function ThreadList({\n  className,\n  allThreadMessages,\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  } = 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 UserMessage | FileMessage,\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 UserMessage | FileMessage,\n            message as UserMessage | FileMessage,\n            nextMessage as UserMessage | FileMessage,\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 UserMessage | FileMessage}\n                  chainTop={chainTop}\n                  chainBottom={chainBottom}\n                  hasSeparator={hasSeparator}\n                  renderCustomSeparator={renderCustomSeparator}\n                  handleScroll={handleScroll}\n                />\n              )\n            }\n          </MessageProvider>\n        );\n      })}\n    </div>\n  );\n}\n"],"names":["ThreadList","_ref","className","allThreadMessages","renderMessage","renderCustomSeparator","scrollRef","scrollBottom","config","useSendbirdStateContext","replyType","userId","currentChannel","useThreadContext","MemorizedMessage","useMemo","_ref2","message","chainTop","chainBottom","hasSeparator","React","createElement","map","idx","_sender","isByMe","sender","prevMessage","nextMessage","compareMessagesForGrouping","createdAt","isSameDay","handleScroll","current","bottom","scrollHeight","scrollTop","offsetHeight","MessageProvider","key","messageId","ThreadListItem"],"mappings":"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"}