@sendbird/uikit-react 3.6.11-beta.2 → 3.7.0-rc.0

package/cjs/Thread/components/ThreadHeader.js

@@ -3,46 +3,44 @@
 var React = require('react');
 var ui_IconButton = require('../../ui/IconButton.js');
 var ui_Icon = require('../../ui/Icon.js');
-var ui_Label = require('../../index-18720f0d.js');
+var ui_Label = require('../../index-35820a94.js');
 var ui_TextButton = require('../../ui/TextButton.js');
-var LocalizationContext = require('../../LocalizationContext-482c1343.js');
-require('../../_rollupPluginBabelHelpers-83d7e84b.js');
+var LocalizationContext = require('../../LocalizationContext-5009012e.js');
+require('../../tslib.es6-2f2b0bca.js');
 require('prop-types');
-require('../../stringSet-d00535a5.js');
-require('../../color-d83b77ac.js');
-require('../../index-d04f312e.js');
+require('../../stringSet-98b52c49.js');
+require('../../color-477ddbd4.js');
+require('../../index-fd8a0abb.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-function ThreadHeader(_ref) {
-  let {
-    className,
-    channelName,
-    renderActionIcon,
-    onActionIconClick,
-    onChannelNameClick
-  } = _ref;
-  const {
-    stringSet
-  } = LocalizationContext.useLocalization();
-  const MemoizedActionIcon = React.useMemo(() => {
+function ThreadHeader(_a) {
+  var className = _a.className,
+    channelName = _a.channelName,
+    renderActionIcon = _a.renderActionIcon,
+    onActionIconClick = _a.onActionIconClick,
+    onChannelNameClick = _a.onChannelNameClick;
+  var stringSet = LocalizationContext.useLocalization().stringSet;
+  var MemoizedActionIcon = React.useMemo(function () {
     if (typeof renderActionIcon === 'function') {
       return renderActionIcon({
-        onActionIconClick
+        onActionIconClick: onActionIconClick
       });
     }
     return null;
   }, [renderActionIcon]);
   return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: `sendbird-thread-header ${className}`
+    className: "sendbird-thread-header ".concat(className)
   }, /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
     className: "sendbird-thread-header__title",
     type: ui_Label.LabelTypography.H_2,
     color: ui_Label.LabelColors.ONBACKGROUND_1
   }, stringSet.THREAD__HEADER_TITLE), /*#__PURE__*/React__default["default"].createElement(ui_TextButton, {
-    onClick: e => onChannelNameClick === null || onChannelNameClick === void 0 ? void 0 : onChannelNameClick(e),
+    onClick: function (e) {
+      return onChannelNameClick === null || onChannelNameClick === void 0 ? void 0 : onChannelNameClick(e);
+    },
     disableUnderline: true
   }, /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
     className: "sendbird-thread-header__channel-name",
@@ -53,7 +51,9 @@ function ThreadHeader(_ref) {
   }, /*#__PURE__*/React__default["default"].createElement(ui_IconButton, {
     width: "32px",
     height: "32px",
-    onClick: e => onActionIconClick(e)
+    onClick: function (e) {
+      return onActionIconClick(e);
+    }
   }, /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
     type: ui_Icon.IconTypes.CLOSE,
     fillColor: ui_Icon.IconColors.ON_BACKGROUND_1,

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","_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;;;;"}
+{"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;;;;"}

package/cjs/Thread/components/ThreadList.js

@@ -2,72 +2,74 @@
 
 var React = require('react');
 var Thread_components_ThreadListItem = require('./ThreadListItem.js');
-var Thread_context = require('../../ThreadProvider-8b0cf491.js');
+var Thread_context = require('../context.js');
+var useSendMultipleFilesMessage = require('../../useSendMultipleFilesMessage-87e0ffa3.js');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
 var dateFns = require('date-fns');
 var Message_context = require('../../Message/context.js');
-require('../../index-c9b003b3.js');
-require('../../index-d04f312e.js');
-require('../../LocalizationContext-482c1343.js');
-require('../../stringSet-d00535a5.js');
+require('../../tslib.es6-2f2b0bca.js');
+require('../../index-b6d51e74.js');
+require('../../index-fd8a0abb.js');
+require('../../LocalizationContext-5009012e.js');
+require('../../stringSet-98b52c49.js');
 require('../../ui/DateSeparator.js');
-require('../../color-d83b77ac.js');
-require('../../index-18720f0d.js');
+require('../../color-477ddbd4.js');
+require('../../index-35820a94.js');
 require('prop-types');
-require('../../RemoveMessageModal-dfeeb36a.js');
+require('../../RemoveMessageModal-f029d40e.js');
 require('../../ui/Modal.js');
 require('react-dom');
-require('../../utils-c47c68b1.js');
-require('../../index.module-a24e9cd7.js');
-require('../../index-cbcacbee.js');
-require('../../MediaQueryContext-73aac8cf.js');
+require('../../utils-180c6bc8.js');
+require('../../index-609b07a2.js');
+require('../../index-daf80c58.js');
+require('../../MediaQueryContext-d6fdbe43.js');
 require('../../ui/IconButton.js');
-require('../../_rollupPluginBabelHelpers-83d7e84b.js');
 require('../../ui/Button.js');
+require('../../types-66554668.js');
 require('../../ui/Icon.js');
-require('../../stringFormatterUtils-8d6592ca.js');
-require('../../index-fbe9cc73.js');
+require('../../stringFormatterUtils-e324636c.js');
+require('../../index-b995f638.js');
 require('../../utils/message/getOutgoingMessageState.js');
-require('../../index-857630c5.js');
+require('../../index-7b0c6630.js');
+require('../../_rollupPluginBabelHelpers-94c18dc1.js');
 require('../../ui/Avatar.js');
 require('../../ui/ImageRenderer.js');
-require('../../uuid-b2806cf5.js');
-require('../../consts-fb07c671.js');
+require('../../uuid-c74bbbb6.js');
+require('../../consts-95462b21.js');
 require('../../Channel/components/SuggestedMentionList.js');
-require('../../ChannelProvider-6fa73019.js');
-require('../../UserProfileContext-fa8d0383.js');
-require('../../const-67ff9e34.js');
-require('../../utils-68aa6bf6.js');
-require('../../topics-adde627b.js');
-require('../../compareIds-bef997cb.js');
-require('@sendbird/chat/groupChannel');
+require('../../ChannelProvider-7fa98120.js');
+require('../../UserProfileContext-922a43ec.js');
+require('../../const-9def5c09.js');
+require('../../utils-55fc6797.js');
 require('@sendbird/chat/message');
-require('../../resolvedReplyType-85b4bd7c.js');
-require('../../useSendMultipleFilesMessage-81cdc9d0.js');
-require('../../const-1726bde0.js');
+require('../../compareIds-de541666.js');
+require('@sendbird/chat/groupChannel');
+require('../../pubSub/topics.js');
+require('../../resolvedReplyType-c20ef661.js');
+require('../../const-640252c1.js');
 require('../../withSendbird.js');
 require('../context/types.js');
 require('@sendbird/chat');
 require('../../ui/MessageInput.js');
-require('../../index-759f2a26.js');
+require('../../index-bdf7089c.js');
 require('dompurify');
-require('../../consts-b018b1ed.js');
-require('../../consts-d3b53f23.js');
-require('../../consts-bf228385.js');
-require('../../tokenize-9296fc47.js');
+require('../../consts-54f5c12d.js');
+require('../../consts-a3b7ae99.js');
+require('../../consts-85cd42fa.js');
+require('../../tokenize-91bdbeb0.js');
 require('../../ui/ContextMenu.js');
 require('../../ui/SortByRow.js');
 require('../../ui/UserProfile.js');
 require('../../sendbirdSelectors.js');
 require('../../ui/MessageItemMenu.js');
-require('../../types-0b5148cb.js');
+require('../../types-31ed2276.js');
 require('../../ui/MessageItemReactionMenu.js');
 require('../../ui/ReactionButton.js');
-require('../../useLongPress-1c0f4696.js');
-require('../../index-8ec12d1d.js');
+require('../../useLongPress-c1da8ba7.js');
+require('../../index-aeb36f01.js');
 require('../../ui/Loader.js');
-require('../../index-11f9cc0f.js');
-require('../../index-4eb7e2b5.js');
+require('../../index-83d2aed9.js');
+require('../../index-826b76d5.js');
 require('../../ui/EmojiReactions.js');
 require('../../ui/ReactionBadge.js');
 require('../../ui/BottomSheet.js');
@@ -77,79 +79,75 @@ require('../../ui/Checkbox.js');
 require('../../ui/Tooltip.js');
 require('../../ui/TooltipWrapper.js');
 require('../../ui/TextMessageItemBody.js');
-require('../../index-2ab19f9b.js');
+require('../../index-e81e2882.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-418b4438.js');
+require('../../utils-851724e0.js');
 require('../../ui/UnknownMessageItemBody.js');
 require('../../ui/VoiceMessageItemBody.js');
 require('../../ui/ProgressBar.js');
 require('../../VoicePlayer/useVoicePlayer.js');
-require('../../index-1f6b30ea.js');
+require('../../index-0ec5a831.js');
 require('../../VoiceRecorder/context.js');
 require('../../ui/PlaybackTime.js');
-require('../../index-81baccd0.js');
-require('../../index-4b5a006d.js');
+require('../../index-0a25b9b2.js');
+require('../../useStatefulFileInfoList-aa70b6b9.js');
 require('../../Message/hooks/useDirtyGetMentions.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-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;
+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 ${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];
+    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
-    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;
+    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) {
-        const bottom = current.scrollHeight - current.scrollTop - current.offsetHeight;
+        var bottom = current.scrollHeight - current.scrollTop - current.offsetHeight;
         if (scrollBottom < bottom) {
           current.scrollTop += bottom - scrollBottom;
         }
@@ -160,10 +158,10 @@ function ThreadList(_ref) {
       isByMe: isByMe,
       key: message === null || message === void 0 ? void 0 : message.messageId
     }, MemorizedMessage({
-      message,
-      chainTop,
-      chainBottom,
-      hasSeparator
+      message: message,
+      chainTop: chainTop,
+      chainBottom: chainBottom,
+      hasSeparator: hasSeparator
     }) || /*#__PURE__*/React__default["default"].createElement(Thread_components_ThreadListItem, {
       message: message,
       chainTop: chainTop,
@@ -172,6 +170,40 @@ function ThreadList(_ref) {
       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
+    }));
   }));
 }
 

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  allThreadMessages: Array<SendableMessageType>;\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  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 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    </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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"}
+{"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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"}