@sendbird/uikit-react 3.2.6-rc.2 → 3.3.0-rc.0

package/cjs/Thread/components/ThreadMessageInput.js

@@ -0,0 +1,199 @@
+'use strict';
+
+var tslib_es6 = require('../../tslib.es6-29ba80a6.js');
+var React = require('react');
+var SendbirdChat = require('@sendbird/chat');
+var groupChannel = require('@sendbird/chat/groupChannel');
+var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
+var ui_MessageInput = require('../../ui/MessageInput.js');
+var _const = require('../../const-5f50d896.js');
+var Channel_components_SuggestedMentionList = require('../../Channel/components/SuggestedMentionList.js');
+var Thread_context = require('../../ThreadProvider-acb1ddb1.js');
+var LocalizationContext = require('../../LocalizationContext-9c61d945.js');
+require('../../withSendbird.js');
+require('../../_rollupPluginBabelHelpers-20ad87c1.js');
+require('react-dom/server');
+require('prop-types');
+require('../../const-c5332da3.js');
+require('../../ui/IconButton.js');
+require('../../ui/Button.js');
+require('../../index-795706d2.js');
+require('../../stringSet-520996cb.js');
+require('../../ui/MentionUserLabel.js');
+require('../../ui/Icon.js');
+require('../../index-0418c426.js');
+require('../../utils/message/getOutgoingMessageState.js');
+require('../../index-b82af371.js');
+require('../../ui/Avatar.js');
+require('../../ui/ImageRenderer.js');
+require('../../uuid-ed079835.js');
+require('../../ChannelProvider-6fd99b0a.js');
+require('../../UserProfileContext-637e5f40.js');
+require('../../index-566a2b96.js');
+require('../../topics-e5734128.js');
+require('../../compareIds-a7a8f34b.js');
+require('@sendbird/chat/message');
+require('../../ui/ContextMenu.js');
+require('react-dom');
+require('../../ui/SortByRow.js');
+require('../../ui/ReactionButton.js');
+require('../context/types.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var ThreadMessageInput = function (props, ref) {
+  var className = props.className;
+  var config = useSendbirdStateContext().config;
+  var stringSet = LocalizationContext.useLocalization().stringSet;
+  var isMentionEnabled = config.isMentionEnabled,
+      isOnline = config.isOnline,
+      userMention = config.userMention;
+
+  var _a = Thread_context.useThreadContext(),
+      currentChannel = _a.currentChannel,
+      parentMessage = _a.parentMessage,
+      sendMessage = _a.sendMessage,
+      sendFileMessage = _a.sendFileMessage,
+      isMuted = _a.isMuted,
+      isChannelFrozen = _a.isChannelFrozen,
+      allThreadMessages = _a.allThreadMessages;
+
+  var messageInputRef = React.useRef();
+  var disabled = isMuted || !((currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.myRole) === SendbirdChat.Role.OPERATOR) && isChannelFrozen || parentMessage === null; // mention
+
+  var _b = React.useState(''),
+      mentionNickname = _b[0],
+      setMentionNickname = _b[1];
+
+  var _c = React.useState([]),
+      mentionedUsers = _c[0],
+      setMentionedUsers = _c[1];
+
+  var _d = React.useState([]),
+      mentionedUserIds = _d[0],
+      setMentionedUserIds = _d[1];
+
+  var _e = React.useState(null),
+      selectedUser = _e[0],
+      setSelectedUser = _e[1];
+
+  var _f = React.useState([]),
+      mentionSuggestedUsers = _f[0],
+      setMentionSuggestedUsers = _f[1];
+
+  var _g = React.useState(true),
+      ableMention = _g[0],
+      setAbleMention = _g[1];
+
+  var _h = React.useState(null),
+      messageInputEvent = _h[0],
+      setMessageInputEvent = _h[1];
+
+  var displaySuggestedMentionList = isOnline && isMentionEnabled && mentionNickname.length > 0; // && !utils.isDisabledBecauseFrozen(channel)
+  // && !utils.isDisabledBecauseMuted(channel);
+
+  React.useEffect(function () {
+    if ((mentionedUsers === null || mentionedUsers === void 0 ? void 0 : mentionedUsers.length) >= (userMention === null || userMention === void 0 ? void 0 : userMention.maxMentionCount)) {
+      setAbleMention(false);
+    } else {
+      setAbleMention(true);
+    }
+  }, [mentionedUsers]);
+  React.useEffect(function () {
+    setMentionedUsers(mentionedUsers.filter(function (_a) {
+      var userId = _a.userId;
+      var i = mentionedUserIds.indexOf(userId);
+
+      if (i < 0) {
+        return false;
+      } else {
+        mentionedUserIds.splice(i, 1);
+        return true;
+      }
+    }));
+  }, [mentionedUserIds]);
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "sendbird-thread-message-input ".concat(className)
+  }, displaySuggestedMentionList && /*#__PURE__*/React__default["default"].createElement(Channel_components_SuggestedMentionList, {
+    targetNickname: mentionNickname,
+    inputEvent: messageInputEvent // renderUserMentionItem={renderUserMentionItem}
+    ,
+    onUserItemClick: function (user) {
+      if (user) {
+        setMentionedUsers(tslib_es6.__spreadArray(tslib_es6.__spreadArray([], mentionedUsers, true), [user], false));
+      }
+
+      setMentionNickname('');
+      setSelectedUser(user);
+      setMessageInputEvent(null);
+    },
+    onFocusItemChange: function () {
+      setMessageInputEvent(null);
+    },
+    onFetchUsers: function (users) {
+      setMentionSuggestedUsers(users);
+    },
+    ableAddMention: ableMention,
+    maxMentionCount: userMention === null || userMention === void 0 ? void 0 : userMention.maxMentionCount,
+    maxSuggestionCount: userMention === null || userMention === void 0 ? void 0 : userMention.maxSuggestionCount
+  }), /*#__PURE__*/React__default["default"].createElement(ui_MessageInput, {
+    className: "sendbird-thread-message-input__message-input",
+    messageFieldId: "sendbird-message-input-text-field--thread",
+    disabled: disabled,
+    channelUrl: currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.url,
+    mentionSelectedUser: selectedUser,
+    isMentionEnabled: isMentionEnabled,
+    ref: ref || messageInputRef,
+    placeholder: (currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.isFrozen) && !((currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.myRole) === SendbirdChat.Role.OPERATOR) && stringSet.MESSAGE_INPUT__PLACE_HOLDER__DISABLED || (currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.myMutedState) === groupChannel.MutedState.MUTED && stringSet.MESSAGE_INPUT__PLACE_HOLDER__MUTED_SHORT || (allThreadMessages.length > 0 ? stringSet.THREAD__INPUT__REPLY_TO_THREAD : stringSet.THREAD__INPUT__REPLY_IN_THREAD),
+    onStartTyping: function () {
+      var _a;
+
+      (_a = currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.startTyping) === null || _a === void 0 ? void 0 : _a.call(currentChannel);
+    },
+    onSendMessage: function (_a) {
+      var _b;
+
+      var message = _a.message,
+          mentionTemplate = _a.mentionTemplate;
+      sendMessage({
+        message: message,
+        mentionedUsers: mentionedUsers,
+        mentionTemplate: mentionTemplate,
+        quoteMessage: parentMessage
+      });
+      setMentionNickname('');
+      setMentionedUsers([]);
+      (_b = currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.endTyping) === null || _b === void 0 ? void 0 : _b.call(currentChannel);
+    },
+    onFileUpload: function (file) {
+      sendFileMessage(file, parentMessage);
+    },
+    onUserMentioned: function (user) {
+      if ((selectedUser === null || selectedUser === void 0 ? void 0 : selectedUser.userId) === (user === null || user === void 0 ? void 0 : user.userId)) {
+        setSelectedUser(null);
+        setMentionNickname('');
+      }
+    },
+    onMentionStringChange: function (mentionText) {
+      setMentionNickname(mentionText);
+    },
+    onMentionedUserIdsUpdated: function (userIds) {
+      setMentionedUserIds(userIds);
+    },
+    onKeyDown: function (e) {
+      if (displaySuggestedMentionList && (mentionSuggestedUsers === null || mentionSuggestedUsers === void 0 ? void 0 : mentionSuggestedUsers.length) > 0 && (e.key === _const.MessageInputKeys.Enter && ableMention || e.key === _const.MessageInputKeys.ArrowUp || e.key === _const.MessageInputKeys.ArrowDown)) {
+        setMessageInputEvent(e);
+        return true;
+      }
+
+      return false;
+    }
+  }));
+};
+
+var ThreadMessageInput$1 = /*#__PURE__*/React__default["default"].forwardRef(ThreadMessageInput);
+
+module.exports = ThreadMessageInput$1;
+//# sourceMappingURL=ThreadMessageInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ThreadMessageInput.js","sources":["../../../../src/smart-components/Thread/components/ThreadMessageInput/index.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef } from 'react';\nimport { Role } from '@sendbird/chat';\nimport { MutedState } from '@sendbird/chat/groupChannel';\n\nimport './index.scss';\n\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\nimport MessageInput from '../../../../ui/MessageInput';\nimport { MessageInputKeys } from '../../../../ui/MessageInput/const';\nimport SuggestedMentionList from '../../../Channel/components/SuggestedMentionList';\nimport { useThreadContext } from '../../context/ThreadProvider';\nimport { useLocalization } from '../../../../lib/LocalizationContext';\n\nexport interface ThreadMessageInputProps {\n  className?: string;\n}\n\nconst ThreadMessageInput = (\n  props: ThreadMessageInputProps,\n  ref: React.MutableRefObject<any>,\n): React.ReactElement => {\n  const { className } = props;\n  const { config } = useSendbirdStateContext();\n  const { stringSet } = useLocalization();\n  const {\n    isMentionEnabled,\n    isOnline,\n    userMention,\n  } = config;\n  const {\n    currentChannel,\n    parentMessage,\n    sendMessage,\n    sendFileMessage,\n    isMuted,\n    isChannelFrozen,\n    allThreadMessages,\n  } = useThreadContext();\n  const messageInputRef = useRef();\n\n  const disabled = isMuted || (!(currentChannel?.myRole === Role.OPERATOR) && isChannelFrozen) || parentMessage === null;\n\n  // mention\n  const [mentionNickname, setMentionNickname] = useState('');\n  const [mentionedUsers, setMentionedUsers] = useState([]);\n  const [mentionedUserIds, setMentionedUserIds] = useState([]);\n  const [selectedUser, setSelectedUser] = useState(null);\n  const [mentionSuggestedUsers, setMentionSuggestedUsers] = useState([]);\n  const [ableMention, setAbleMention] = useState(true);\n  const [messageInputEvent, setMessageInputEvent] = useState(null);\n  const displaySuggestedMentionList = isOnline\n    && isMentionEnabled\n    && mentionNickname.length > 0\n  // && !utils.isDisabledBecauseFrozen(channel)\n  // && !utils.isDisabledBecauseMuted(channel);\n  useEffect(() => {\n    if (mentionedUsers?.length >= userMention?.maxMentionCount) {\n      setAbleMention(false);\n    } else {\n      setAbleMention(true);\n    }\n  }, [mentionedUsers]);\n  useEffect(() => {\n    setMentionedUsers(mentionedUsers.filter(({ userId }) => {\n      const i = mentionedUserIds.indexOf(userId);\n      if (i < 0) {\n        return false;\n      } else {\n        mentionedUserIds.splice(i, 1);\n        return true;\n      }\n    }));\n  }, [mentionedUserIds]);\n\n  return (\n    <div className={`sendbird-thread-message-input ${className}`}>\n      {\n        displaySuggestedMentionList && (\n          <SuggestedMentionList\n            targetNickname={mentionNickname}\n            inputEvent={messageInputEvent}\n            // renderUserMentionItem={renderUserMentionItem}\n            onUserItemClick={(user) => {\n              if (user) {\n                setMentionedUsers([...mentionedUsers, user]);\n              }\n              setMentionNickname('');\n              setSelectedUser(user);\n              setMessageInputEvent(null);\n            }}\n            onFocusItemChange={() => {\n              setMessageInputEvent(null);\n            }}\n            onFetchUsers={(users) => {\n              setMentionSuggestedUsers(users);\n            }}\n            ableAddMention={ableMention}\n            maxMentionCount={userMention?.maxMentionCount}\n            maxSuggestionCount={userMention?.maxSuggestionCount}\n          />\n        )\n      }\n      <MessageInput\n        className=\"sendbird-thread-message-input__message-input\"\n        messageFieldId=\"sendbird-message-input-text-field--thread\"\n        disabled={disabled}\n        channelUrl={currentChannel?.url}\n        mentionSelectedUser={selectedUser}\n        isMentionEnabled={isMentionEnabled}\n        ref={ref || messageInputRef}\n        placeholder={\n          (currentChannel?.isFrozen && !(currentChannel?.myRole === Role.OPERATOR) && stringSet.MESSAGE_INPUT__PLACE_HOLDER__DISABLED)\n          || (currentChannel?.myMutedState === MutedState.MUTED && stringSet.MESSAGE_INPUT__PLACE_HOLDER__MUTED_SHORT)\n          || (allThreadMessages.length > 0\n            ? stringSet.THREAD__INPUT__REPLY_TO_THREAD\n            : stringSet.THREAD__INPUT__REPLY_IN_THREAD\n          )\n        }\n        onStartTyping={() => {\n          currentChannel?.startTyping?.();\n        }}\n        onSendMessage={({ message, mentionTemplate }) => {\n          sendMessage({\n            message: message,\n            mentionedUsers,\n            mentionTemplate: mentionTemplate,\n            quoteMessage: parentMessage,\n          });\n          setMentionNickname('');\n          setMentionedUsers([]);\n          currentChannel?.endTyping?.();\n        }}\n        onFileUpload={(file) => {\n          sendFileMessage(file, parentMessage);\n        }}\n        onUserMentioned={(user) => {\n          if (selectedUser?.userId === user?.userId) {\n            setSelectedUser(null);\n            setMentionNickname('');\n          }\n        }}\n        onMentionStringChange={(mentionText) => {\n          setMentionNickname(mentionText);\n        }}\n        onMentionedUserIdsUpdated={(userIds) => {\n          setMentionedUserIds(userIds);\n        }}\n        onKeyDown={(e) => {\n          if (displaySuggestedMentionList && mentionSuggestedUsers?.length > 0\n            && ((e.key === MessageInputKeys.Enter && ableMention) || e.key === MessageInputKeys.ArrowUp || e.key === MessageInputKeys.ArrowDown)\n          ) {\n            setMessageInputEvent(e);\n            return true;\n          }\n          return false;\n        }}\n      />\n    </div>\n  );\n}\n\nexport default React.forwardRef(ThreadMessageInput);\n"],"names":["ThreadMessageInput","props","ref","className","config","useSendbirdStateContext","stringSet","useLocalization","isMentionEnabled","isOnline","userMention","_a","useThreadContext","currentChannel","parentMessage","sendMessage","sendFileMessage","isMuted","isChannelFrozen","allThreadMessages","messageInputRef","useRef","disabled","myRole","Role","OPERATOR","_b","useState","mentionNickname","setMentionNickname","_c","mentionedUsers","setMentionedUsers","_d","mentionedUserIds","setMentionedUserIds","_e","selectedUser","setSelectedUser","_f","mentionSuggestedUsers","setMentionSuggestedUsers","_g","ableMention","setAbleMention","_h","messageInputEvent","setMessageInputEvent","displaySuggestedMentionList","length","useEffect","maxMentionCount","filter","userId","i","indexOf","splice","React","concat","SuggestedMentionList","user","__spreadArray","users","maxSuggestionCount","MessageInput","url","isFrozen","MESSAGE_INPUT__PLACE_HOLDER__DISABLED","myMutedState","MutedState","MUTED","MESSAGE_INPUT__PLACE_HOLDER__MUTED_SHORT","THREAD__INPUT__REPLY_TO_THREAD","THREAD__INPUT__REPLY_IN_THREAD","startTyping","message","mentionTemplate","quoteMessage","endTyping","file","mentionText","userIds","e","key","MessageInputKeys","Enter","ArrowUp","ArrowDown","forwardRef"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiBA,IAAMA,kBAAkB,GAAG,UACzBC,KADyB,EAEzBC,GAFyB,EAEO;AAExB,EAAA,IAAAC,SAAS,GAAKF,KAAK,CAAAE,SAAnB,CAAA;AACA,EAAA,IAAAC,MAAM,GAAKC,uBAAuB,EAAA,OAAlC,CAAA;AACA,EAAA,IAAAC,SAAS,GAAKC,mCAAe,EAAA,UAA7B,CAAA;AAEN,EAAA,IAAAC,gBAAgB,GAGdJ,MAAM,CAAAI,gBAHR;AAAA,MACAC,QAAQ,GAENL,MAAM,CAAAK,QAHR;AAAA,MAEAC,WAAW,GACTN,MAAM,YAHR,CAAA;;EAII,IAAAO,EAAA,GAQFC,+BAAgB,EARd;AAAA,MACJC,cAAc,oBADV;AAAA,MAEJC,aAAa,GAAAH,EAAA,CAAAG,aAFT;AAAA,MAGJC,WAAW,GAAAJ,EAAA,CAAAI,WAHP;AAAA,MAIJC,eAAe,GAAAL,EAAA,CAAAK,eAJX;AAAA,MAKJC,OAAO,GAAAN,EAAA,CAAAM,OALH;AAAA,MAMJC,eAAe,GAAAP,EAAA,CAAAO,eANX;AAAA,MAOJC,iBAAiB,GAAAR,EAAA,CAAAQ,iBAPb,CAAA;;EASN,IAAMC,eAAe,GAAGC,YAAM,EAA9B,CAAA;AAEA,EAAA,IAAMC,QAAQ,GAAGL,OAAO,IAAK,EAAE,CAAAJ,cAAc,KAAd,IAAA,IAAAA,cAAc,KAAd,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,cAAc,CAAEU,MAAhB,MAA2BC,iBAAI,CAACC,QAAlC,CAA+CP,IAAAA,eAA3D,IAA+EJ,aAAa,KAAK,IAAlH,CArBgC;;AAwB1B,EAAA,IAAAY,EAAA,GAAwCC,cAAQ,CAAC,EAAD,CAAhD;AAAA,MAACC,eAAe,GAAAF,EAAA,CAAA,CAAA,CAAhB;AAAA,MAAkBG,kBAAkB,GAAAH,EAAA,CAAA,CAAA,CAApC,CAAA;;AACA,EAAA,IAAAI,EAAA,GAAsCH,cAAQ,CAAC,EAAD,CAA9C;AAAA,MAACI,cAAc,GAAAD,EAAA,CAAA,CAAA,CAAf;AAAA,MAAiBE,iBAAiB,GAAAF,EAAA,CAAA,CAAA,CAAlC,CAAA;;AACA,EAAA,IAAAG,EAAA,GAA0CN,cAAQ,CAAC,EAAD,CAAlD;AAAA,MAACO,gBAAgB,GAAAD,EAAA,CAAA,CAAA,CAAjB;AAAA,MAAmBE,mBAAmB,GAAAF,EAAA,CAAA,CAAA,CAAtC,CAAA;;AACA,EAAA,IAAAG,EAAA,GAAkCT,cAAQ,CAAC,IAAD,CAA1C;AAAA,MAACU,YAAY,GAAAD,EAAA,CAAA,CAAA,CAAb;AAAA,MAAeE,eAAe,GAAAF,EAAA,CAAA,CAAA,CAA9B,CAAA;;AACA,EAAA,IAAAG,EAAA,GAAoDZ,cAAQ,CAAC,EAAD,CAA5D;AAAA,MAACa,qBAAqB,GAAAD,EAAA,CAAA,CAAA,CAAtB;AAAA,MAAwBE,wBAAwB,GAAAF,EAAA,CAAA,CAAA,CAAhD,CAAA;;AACA,EAAA,IAAAG,EAAA,GAAgCf,cAAQ,CAAC,IAAD,CAAxC;AAAA,MAACgB,WAAW,GAAAD,EAAA,CAAA,CAAA,CAAZ;AAAA,MAAcE,cAAc,GAAAF,EAAA,CAAA,CAAA,CAA5B,CAAA;;AACA,EAAA,IAAAG,EAAA,GAA4ClB,cAAQ,CAAC,IAAD,CAApD;AAAA,MAACmB,iBAAiB,GAAAD,EAAA,CAAA,CAAA,CAAlB;AAAA,MAAoBE,oBAAoB,GAAAF,EAAA,CAAA,CAAA,CAAxC,CAAA;;AACN,EAAA,IAAMG,2BAA2B,GAAGvC,QAAQ,IACvCD,gBAD+B,IAE/BoB,eAAe,CAACqB,MAAhB,GAAyB,CAF9B,CA/BgC;AAmChC;;AACAC,EAAAA,eAAS,CAAC,YAAA;AACR,IAAA,IAAI,CAAAnB,cAAc,KAAA,IAAd,IAAAA,cAAc,KAAA,KAAA,CAAd,GAAc,KAAA,CAAd,GAAAA,cAAc,CAAEkB,MAAhB,MAA0BvC,WAAW,SAAX,IAAAA,WAAW,KAAA,KAAA,CAAX,GAAW,KAAA,CAAX,GAAAA,WAAW,CAAEyC,eAAvC,CAAJ,EAA4D;MAC1DP,cAAc,CAAC,KAAD,CAAd,CAAA;AACD,KAFD,MAEO;MACLA,cAAc,CAAC,IAAD,CAAd,CAAA;AACD,KAAA;AACF,GANQ,EAMN,CAACb,cAAD,CANM,CAAT,CAAA;AAOAmB,EAAAA,eAAS,CAAC,YAAA;AACRlB,IAAAA,iBAAiB,CAACD,cAAc,CAACqB,MAAf,CAAsB,UAACzC,EAAD,EAAW;AAAR,MAAA,IAAA0C,MAAM,GAAA1C,EAAA,CAAA0C,MAAN,CAAA;AACzC,MAAA,IAAMC,CAAC,GAAGpB,gBAAgB,CAACqB,OAAjB,CAAyBF,MAAzB,CAAV,CAAA;;MACA,IAAIC,CAAC,GAAG,CAAR,EAAW;AACT,QAAA,OAAO,KAAP,CAAA;AACD,OAFD,MAEO;AACLpB,QAAAA,gBAAgB,CAACsB,MAAjB,CAAwBF,CAAxB,EAA2B,CAA3B,CAAA,CAAA;AACA,QAAA,OAAO,IAAP,CAAA;AACD,OAAA;AACF,KARiB,CAAD,CAAjB,CAAA;AASD,GAVQ,EAUN,CAACpB,gBAAD,CAVM,CAAT,CAAA;EAYA,oBACEuB,yBAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,IAAA,SAAS,EAAE,gCAAA,CAAiCC,MAAjC,CAAiCvD,SAAjC,CAAA;GAEZ6C,EAAAA,2BAA2B,iBACzBS,yBAAA,CAAA,aAAA,CAACE,uCAAD,EAAA;AACE,IAAA,cAAc,EAAE/B,eADlB;IAEE,UAAU,EAAEkB,iBAFd;AAAA;IAIE,eAAe,EAAE,UAACc,IAAD,EAAK;AACpB,MAAA,IAAIA,IAAJ,EAAU;AACR5B,QAAAA,iBAAiB,CAAK6B,uBAAA,CAAAA,uBAAA,CAAA,EAAA,EAAA9B,cAAA,EAAgB,IAAhB,CAAA,EAAgB,CAAA6B,IAAA,CAAhB,OAAA,CAAL,CAAjB,CAAA;AACD,OAAA;;MACD/B,kBAAkB,CAAC,EAAD,CAAlB,CAAA;MACAS,eAAe,CAACsB,IAAD,CAAf,CAAA;MACAb,oBAAoB,CAAC,IAAD,CAApB,CAAA;KAVJ;AAYE,IAAA,iBAAiB,EAAE,YAAA;MACjBA,oBAAoB,CAAC,IAAD,CAApB,CAAA;KAbJ;IAeE,YAAY,EAAE,UAACe,KAAD,EAAM;MAClBrB,wBAAwB,CAACqB,KAAD,CAAxB,CAAA;KAhBJ;AAkBE,IAAA,cAAc,EAAEnB,WAlBlB;AAmBE,IAAA,eAAe,EAAEjC,WAAW,KAAA,IAAX,IAAAA,WAAW,KAAX,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,WAAW,CAAEyC,eAnBhC;AAoBE,IAAA,kBAAkB,EAAEzC,WAAW,KAAA,IAAX,IAAAA,WAAW,KAAA,KAAA,CAAX,GAAW,KAAA,CAAX,GAAAA,WAAW,CAAEqD,kBAAAA;GAvBzC,CAAA,eA2BEN,wCAACO,eAAD,EAAA;AACE,IAAA,SAAS,EAAC,8CADZ;AAEE,IAAA,cAAc,EAAC,2CAFjB;AAGE,IAAA,QAAQ,EAAE1C,QAHZ;AAIE,IAAA,UAAU,EAAET,cAAc,KAAA,IAAd,IAAAA,cAAc,KAAd,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,cAAc,CAAEoD,GAJ9B;AAKE,IAAA,mBAAmB,EAAE5B,YALvB;AAME,IAAA,gBAAgB,EAAE7B,gBANpB;IAOE,GAAG,EAAEN,GAAG,IAAIkB,eAPd;AAQE,IAAA,WAAW,EACR,CAAAP,cAAc,KAAA,IAAd,IAAAA,cAAc,KAAd,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,cAAc,CAAEqD,QAAhB,KAA4B,EAAE,CAAArD,cAAc,KAAA,IAAd,IAAAA,cAAc,KAAA,KAAA,CAAd,GAAc,KAAA,CAAd,GAAAA,cAAc,CAAEU,MAAhB,MAA2BC,iBAAI,CAACC,QAAlC,CAA5B,IAA2EnB,SAAS,CAAC6D,qCAAtF,IACI,CAAAtD,cAAc,KAAA,IAAd,IAAAA,cAAc,KAAA,KAAA,CAAd,GAAc,KAAA,CAAd,GAAAA,cAAc,CAAEuD,YAAhB,MAAiCC,uBAAU,CAACC,KAA5C,IAAqDhE,SAAS,CAACiE,wCADnE,KAEIpD,iBAAiB,CAAC8B,MAAlB,GAA2B,CAA3B,GACA3C,SAAS,CAACkE,8BADV,GAEAlE,SAAS,CAACmE,8BAJd,CATJ;AAgBE,IAAA,aAAa,EAAE,YAAA;;;AACb,MAAA,CAAA9D,EAAA,GAAAE,cAAc,SAAd,IAAAA,cAAc,KAAA,KAAA,CAAd,GAAc,KAAA,CAAd,GAAAA,cAAc,CAAE6D,WAAhB,UAAA,iBAAA,SAAA,0BAAA,CAAA;KAjBJ;IAmBE,aAAa,EAAE,UAAC/D,EAAD,EAA6B;;;UAA1BgE,OAAO,GAAAhE,EAAA,CAAAgE;UAAEC,eAAe,GAAAjE,EAAA,CAAAiE;AACxC7D,MAAAA,WAAW,CAAC;AACV4D,QAAAA,OAAO,EAAEA,OADC;AAEV5C,QAAAA,cAAc,EAAAA,cAFJ;AAGV6C,QAAAA,eAAe,EAAEA,eAHP;AAIVC,QAAAA,YAAY,EAAE/D,aAAAA;AAJJ,OAAD,CAAX,CAAA;MAMAe,kBAAkB,CAAC,EAAD,CAAlB,CAAA;MACAG,iBAAiB,CAAC,EAAD,CAAjB,CAAA;AACA,MAAA,CAAAN,EAAA,GAAAb,cAAc,SAAd,IAAAA,cAAc,KAAA,KAAA,CAAd,GAAc,KAAA,CAAd,GAAAA,cAAc,CAAEiE,SAAhB,UAAA,iBAAA,SAAA,0BAAA,CAAA;KA5BJ;IA8BE,YAAY,EAAE,UAACC,IAAD,EAAK;AACjB/D,MAAAA,eAAe,CAAC+D,IAAD,EAAOjE,aAAP,CAAf,CAAA;KA/BJ;IAiCE,eAAe,EAAE,UAAC8C,IAAD,EAAK;AACpB,MAAA,IAAI,CAAAvB,YAAY,KAAA,IAAZ,IAAAA,YAAY,KAAA,KAAA,CAAZ,GAAY,KAAA,CAAZ,GAAAA,YAAY,CAAEgB,MAAd,OAAyBO,IAAI,SAAJ,IAAAA,IAAI,KAAA,KAAA,CAAJ,GAAI,KAAA,CAAJ,GAAAA,IAAI,CAAEP,MAA/B,CAAJ,EAA2C;QACzCf,eAAe,CAAC,IAAD,CAAf,CAAA;QACAT,kBAAkB,CAAC,EAAD,CAAlB,CAAA;AACD,OAAA;KArCL;IAuCE,qBAAqB,EAAE,UAACmD,WAAD,EAAY;MACjCnD,kBAAkB,CAACmD,WAAD,CAAlB,CAAA;KAxCJ;IA0CE,yBAAyB,EAAE,UAACC,OAAD,EAAQ;MACjC9C,mBAAmB,CAAC8C,OAAD,CAAnB,CAAA;KA3CJ;IA6CE,SAAS,EAAE,UAACC,CAAD,EAAE;MACX,IAAIlC,2BAA2B,IAAI,CAAAR,qBAAqB,KAAA,IAArB,IAAAA,qBAAqB,KAAA,KAAA,CAArB,GAAqB,KAAA,CAArB,GAAAA,qBAAqB,CAAES,MAAvB,IAAgC,CAA/D,KACGiC,CAAC,CAACC,GAAF,KAAUC,uBAAgB,CAACC,KAA3B,IAAoC1C,WAArC,IAAqDuC,CAAC,CAACC,GAAF,KAAUC,uBAAgB,CAACE,OAAhF,IAA2FJ,CAAC,CAACC,GAAF,KAAUC,uBAAgB,CAACG,SADxH,CAAJ,EAEE;QACAxC,oBAAoB,CAACmC,CAAD,CAApB,CAAA;AACA,QAAA,OAAO,IAAP,CAAA;AACD,OAAA;;AACD,MAAA,OAAO,KAAP,CAAA;AACD,KAAA;AArDH,GAAA,CA3BF,CADF,CAAA;AAqFD,CA9ID,CAAA;;AAgJA,2BAAA,aAAezB,yBAAK,CAAC+B,UAAN,CAAiBxF,kBAAjB,CAAf;;;;"}

package/cjs/Thread/components/ThreadUI.js

@@ -0,0 +1,320 @@
+'use strict';
+
+var React = require('react');
+var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
+var LocalizationContext = require('../../LocalizationContext-9c61d945.js');
+var utils = require('../../utils-88f4aff4.js');
+var Thread_context = require('../../ThreadProvider-acb1ddb1.js');
+var Thread_components_ParentMessageInfo = require('./ParentMessageInfo.js');
+var Thread_components_ThreadHeader = require('./ThreadHeader.js');
+var Thread_components_ThreadList = require('./ThreadList.js');
+var Thread_components_ThreadMessageInput = require('./ThreadMessageInput.js');
+var Thread_context_types = require('../context/types.js');
+var ui_PlaceHolder = require('../../index-94a96213.js');
+var ui_Label = require('../../index-795706d2.js');
+require('../../withSendbird.js');
+require('../../_rollupPluginBabelHelpers-20ad87c1.js');
+require('../../stringSet-520996cb.js');
+require('../../index-b82af371.js');
+require('../../index-566a2b96.js');
+require('../../utils/message/getOutgoingMessageState.js');
+require('../../UserProfileContext-637e5f40.js');
+require('prop-types');
+require('../../tslib.es6-29ba80a6.js');
+require('@sendbird/chat');
+require('../../topics-e5734128.js');
+require('@sendbird/chat/groupChannel');
+require('../../uuid-ed079835.js');
+require('@sendbird/chat/message');
+require('../../RemoveMessageModal-81ca8cf7.js');
+require('../../ui/Modal.js');
+require('react-dom');
+require('../../index-6a32eea2.js');
+require('../../ui/Button.js');
+require('../../ui/Icon.js');
+require('../../ui/IconButton.js');
+require('../../MediaQueryContext-19197e12.js');
+require('./ParentMessageInfoItem.js');
+require('../../index-0418c426.js');
+require('../../ui/Word.js');
+require('../../ui/LinkLabel.js');
+require('../../ui/MentionLabel.js');
+require('../../ui/ContextMenu.js');
+require('../../ui/SortByRow.js');
+require('../../ui/UserProfile.js');
+require('../../sendbirdSelectors.js');
+require('../../utils-ee8b0f03.js');
+require('../../ui/Avatar.js');
+require('../../ui/ImageRenderer.js');
+require('../../ui/TextButton.js');
+require('../../color-da1f2f09.js');
+require('../../ui/EmojiReactions.js');
+require('../../ui/Tooltip.js');
+require('../../ui/TooltipWrapper.js');
+require('../../ui/ReactionBadge.js');
+require('../../ui/ReactionButton.js');
+require('../../Channel/components/SuggestedMentionList.js');
+require('../../ChannelProvider-6fd99b0a.js');
+require('../../compareIds-a7a8f34b.js');
+require('../../const-c5332da3.js');
+require('../../const-5f50d896.js');
+require('../../ui/FileViewer.js');
+require('../../ui/MessageItemMenu.js');
+require('../../ui/MessageItemReactionMenu.js');
+require('../../ui/MessageInput.js');
+require('react-dom/server');
+require('../../ui/MentionUserLabel.js');
+require('./ThreadListItem.js');
+require('../../ui/DateSeparator.js');
+require('../../ui/MessageStatus.js');
+require('../../ui/Loader.js');
+require('../../ui/TextMessageItemBody.js');
+require('../../ui/OGMessageItemBody.js');
+require('../../ui/FileMessageItemBody.js');
+require('../../ui/ThumbnailMessageItemBody.js');
+require('../../ui/UnknownMessageItemBody.js');
+require('date-fns');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var useMemorizedHeader = function (_a) {
+  var renderHeader = _a.renderHeader;
+  return React.useMemo(function () {
+    if (typeof renderHeader === 'function') {
+      return renderHeader();
+    }
+
+    return null;
+  }, [renderHeader]);
+};
+
+var useMemorizedParentMessageInfo = function (_a) {
+  var parentMessage = _a.parentMessage,
+      parentMessageInfoStatus = _a.parentMessageInfoStatus,
+      renderParentMessageInfo = _a.renderParentMessageInfo,
+      renderParentMessageInfoPlaceholder = _a.renderParentMessageInfoPlaceholder;
+  return React.useMemo(function () {
+    if (parentMessageInfoStatus === Thread_context_types.ParentMessageInfoStateTypes.NIL || parentMessageInfoStatus === Thread_context_types.ParentMessageInfoStateTypes.LOADING || parentMessageInfoStatus === Thread_context_types.ParentMessageInfoStateTypes.INVALID) {
+      if (typeof renderParentMessageInfoPlaceholder === 'function') {
+        return renderParentMessageInfoPlaceholder(parentMessageInfoStatus);
+      }
+
+      switch (parentMessageInfoStatus) {
+        case Thread_context_types.ParentMessageInfoStateTypes.NIL:
+          {
+            return /*#__PURE__*/React__default["default"].createElement(ui_PlaceHolder.PlaceHolder, {
+              className: "sendbird-thread-ui__parent-message-info placeholder-nil",
+              type: ui_PlaceHolder.PlaceHolderTypes.NO_RESULTS,
+              iconSize: "64px"
+            });
+          }
+
+        case Thread_context_types.ParentMessageInfoStateTypes.LOADING:
+          {
+            return /*#__PURE__*/React__default["default"].createElement(ui_PlaceHolder.PlaceHolder, {
+              className: "sendbird-thread-ui__parent-message-info placeholder-loading",
+              type: ui_PlaceHolder.PlaceHolderTypes.LOADING,
+              iconSize: "64px"
+            });
+          }
+
+        case Thread_context_types.ParentMessageInfoStateTypes.INVALID:
+          {
+            return /*#__PURE__*/React__default["default"].createElement(ui_PlaceHolder.PlaceHolder, {
+              className: "sendbird-thread-ui__parent-message-info placeholder-invalid",
+              type: ui_PlaceHolder.PlaceHolderTypes.WRONG,
+              iconSize: "64px"
+            });
+          }
+
+        default:
+          {
+            return null;
+          }
+      }
+    } else if (parentMessageInfoStatus === Thread_context_types.ParentMessageInfoStateTypes.INITIALIZED) {
+      if (typeof renderParentMessageInfo === 'function') {
+        return renderParentMessageInfo();
+      }
+    }
+
+    return null;
+  }, [parentMessage, parentMessageInfoStatus, renderParentMessageInfo, renderParentMessageInfoPlaceholder]);
+};
+
+var useMemorizedThreadList = function (_a) {
+  var threadListStatus = _a.threadListStatus,
+      renderThreadListPlaceHolder = _a.renderThreadListPlaceHolder;
+  return React.useMemo(function () {
+    if (threadListStatus === Thread_context_types.ThreadListStateTypes.NIL || threadListStatus === Thread_context_types.ThreadListStateTypes.LOADING || threadListStatus === Thread_context_types.ThreadListStateTypes.INVALID) {
+      if (typeof renderThreadListPlaceHolder === 'function') {
+        return renderThreadListPlaceHolder(threadListStatus);
+      }
+
+      switch (threadListStatus) {
+        case Thread_context_types.ThreadListStateTypes.LOADING:
+          {
+            return /*#__PURE__*/React__default["default"].createElement(ui_PlaceHolder.PlaceHolder, {
+              className: "sendbird-thread-ui__thread-list placeholder-loading",
+              type: ui_PlaceHolder.PlaceHolderTypes.LOADING,
+              iconSize: "64px"
+            });
+          }
+
+        case Thread_context_types.ThreadListStateTypes.INVALID:
+          {
+            return /*#__PURE__*/React__default["default"].createElement(ui_PlaceHolder.PlaceHolder, {
+              className: "sendbird-thread-ui__thread-list placeholder-invalid",
+              type: ui_PlaceHolder.PlaceHolderTypes.WRONG,
+              iconSize: "64px"
+            });
+          }
+
+        case Thread_context_types.ThreadListStateTypes.NIL:
+          {
+            return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null);
+          }
+
+        default:
+          {
+            return null;
+          }
+      }
+    }
+
+    return null;
+  }, [threadListStatus, renderThreadListPlaceHolder]);
+};
+
+var ThreadUI = function (_a) {
+  var _b, _c, _d;
+
+  var renderHeader = _a.renderHeader,
+      renderParentMessageInfo = _a.renderParentMessageInfo,
+      renderMessage = _a.renderMessage,
+      renderMessageInput = _a.renderMessageInput,
+      renderCustomSeparator = _a.renderCustomSeparator,
+      renderParentMessageInfoPlaceholder = _a.renderParentMessageInfoPlaceholder,
+      renderThreadListPlaceHolder = _a.renderThreadListPlaceHolder;
+  var stores = useSendbirdStateContext().stores;
+  var currentUserId = (_d = (_c = (_b = stores === null || stores === void 0 ? void 0 : stores.sdkStore) === null || _b === void 0 ? void 0 : _b.sdk) === null || _c === void 0 ? void 0 : _c.currentUser) === null || _d === void 0 ? void 0 : _d.userId;
+  var stringSet = LocalizationContext.useLocalization().stringSet;
+
+  var _e = Thread_context.useThreadContext(),
+      currentChannel = _e.currentChannel,
+      allThreadMessages = _e.allThreadMessages,
+      parentMessage = _e.parentMessage,
+      parentMessageInfoStatus = _e.parentMessageInfoStatus,
+      threadListStatus = _e.threadListStatus,
+      hasMorePrev = _e.hasMorePrev,
+      hasMoreNext = _e.hasMoreNext,
+      fetchPrevThreads = _e.fetchPrevThreads,
+      fetchNextThreads = _e.fetchNextThreads,
+      onHeaderActionClick = _e.onHeaderActionClick,
+      onMoveToParentMessage = _e.onMoveToParentMessage;
+
+  var replyCount = allThreadMessages.length; // Memoized custom components
+
+  var MemorizedHeader = useMemorizedHeader({
+    renderHeader: renderHeader
+  });
+  var MemorizedParentMessageInfo = useMemorizedParentMessageInfo({
+    parentMessage: parentMessage,
+    parentMessageInfoStatus: parentMessageInfoStatus,
+    renderParentMessageInfo: renderParentMessageInfo,
+    renderParentMessageInfoPlaceholder: renderParentMessageInfoPlaceholder
+  });
+  var MemorizedThreadList = useMemorizedThreadList({
+    threadListStatus: threadListStatus,
+    renderThreadListPlaceHolder: renderThreadListPlaceHolder
+  }); // scroll
+
+  var _f = React.useState(0),
+      scrollBottom = _f[0],
+      setScrollBottom = _f[1];
+
+  var scrollRef = React.useRef(null);
+
+  var onScroll = function (e) {
+    var element = e.target;
+    var scrollTop = element.scrollTop,
+        clientHeight = element.clientHeight,
+        scrollHeight = element.scrollHeight;
+    var threadItemNodes = scrollRef.current.querySelectorAll('.sendbird-thread-list-item');
+    var firstNode = threadItemNodes === null || threadItemNodes === void 0 ? void 0 : threadItemNodes[0];
+
+    if (Thread_context.isAboutSame(scrollTop, 0, 10) && hasMorePrev) {
+      fetchPrevThreads(function (messages) {
+        var _a;
+
+        if (messages) {
+          try {
+            (_a = firstNode === null || firstNode === void 0 ? void 0 : firstNode.scrollIntoView) === null || _a === void 0 ? void 0 : _a.call(firstNode, {
+              block: 'start',
+              inline: 'nearest'
+            });
+          } catch (error) {//
+          }
+        }
+      });
+    }
+
+    if (Thread_context.isAboutSame(clientHeight + scrollTop, scrollHeight, 10) && hasMoreNext) {
+      var scrollTop_1 = scrollTop;
+      fetchNextThreads(function (messages) {
+        if (messages) {
+          try {
+            element.scrollTop = scrollTop_1;
+            scrollRef.current.scrollTop = scrollTop_1;
+          } catch (error) {//
+          }
+        }
+      });
+    } // save the lastest scroll bottom value
+
+
+    if (scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current) {
+      var current = scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current;
+      setScrollBottom(current.scrollHeight - current.scrollTop - current.offsetHeight);
+    }
+  };
+
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "sendbird-thread-ui"
+  }, MemorizedHeader || /*#__PURE__*/React__default["default"].createElement(Thread_components_ThreadHeader, {
+    className: "sendbird-thread-ui__header",
+    channelName: utils.getChannelTitle(currentChannel, currentUserId, stringSet),
+    onActionIconClick: onHeaderActionClick,
+    onChannelNameClick: function () {
+      return onMoveToParentMessage({
+        message: parentMessage,
+        channel: currentChannel
+      });
+    }
+  }), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "sendbird-thread-ui--scroll",
+    ref: scrollRef,
+    onScroll: onScroll
+  }, MemorizedParentMessageInfo || /*#__PURE__*/React__default["default"].createElement(Thread_components_ParentMessageInfo, {
+    className: "sendbird-thread-ui__parent-message-info"
+  }), replyCount > 0 && /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "sendbird-thread-ui__reply-counts"
+  }, /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
+    type: ui_Label.LabelTypography.BODY_1,
+    color: ui_Label.LabelColors.ONBACKGROUND_3
+  }, "".concat(replyCount, " ").concat(replyCount > 1 ? stringSet.THREAD__THREAD_REPLIES : stringSet.THREAD__THREAD_REPLY))), MemorizedThreadList || /*#__PURE__*/React__default["default"].createElement(Thread_components_ThreadList, {
+    className: "sendbird-thread-ui__thread-list",
+    allThreadMessages: allThreadMessages,
+    renderMessage: renderMessage,
+    renderCustomSeparator: renderCustomSeparator,
+    scrollRef: scrollRef,
+    scrollBottom: scrollBottom
+  }), (renderMessageInput === null || renderMessageInput === void 0 ? void 0 : renderMessageInput()) || /*#__PURE__*/React__default["default"].createElement(Thread_components_ThreadMessageInput, {
+    className: "sendbird-thread-ui__message-input"
+  })));
+};
+
+module.exports = ThreadUI;
+//# sourceMappingURL=ThreadUI.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ThreadUI.js","sources":["../../../../src/smart-components/Thread/components/ThreadUI/useMemorizedHeader.tsx","../../../../src/smart-components/Thread/components/ThreadUI/useMemorizedParentMessageInfo.tsx","../../../../src/smart-components/Thread/components/ThreadUI/useMemorizedThreadList.tsx","../../../../src/smart-components/Thread/components/ThreadUI/index.tsx"],"sourcesContent":["import React, { ReactElement, useMemo } from 'react';\n\nexport interface UseMemorizedHeaderProps {\n  renderHeader?: () => React.ReactElement;\n}\n\nconst useMemorizedHeader = ({ renderHeader }: UseMemorizedHeaderProps): ReactElement => useMemo(() => {\n  if (typeof renderHeader === 'function') {\n    return renderHeader();\n  }\n  return null;\n}, [renderHeader]);\n\nexport default useMemorizedHeader;\n","import React, { ReactElement, useMemo } from 'react';\n\nimport { ParentMessageInfoStateTypes } from '../../types';\nimport PlaceHolder, { PlaceHolderTypes } from '../../../../ui/PlaceHolder';\nimport { FileMessage, UserMessage } from '@sendbird/chat/message';\n\nexport interface UseMemorizedParentMessageInfoProps {\n  parentMessage: UserMessage | FileMessage;\n  parentMessageInfoStatus: ParentMessageInfoStateTypes;\n  renderParentMessageInfo?: () => React.ReactElement;\n  renderParentMessageInfoPlaceholder?: (type: ParentMessageInfoStateTypes) => React.ReactElement;\n}\n\nconst useMemorizedParentMessageInfo = ({\n  parentMessage,\n  parentMessageInfoStatus,\n  renderParentMessageInfo,\n  renderParentMessageInfoPlaceholder,\n}: UseMemorizedParentMessageInfoProps): ReactElement => useMemo(() => {\n  if (parentMessageInfoStatus === ParentMessageInfoStateTypes.NIL\n    || parentMessageInfoStatus === ParentMessageInfoStateTypes.LOADING\n    || parentMessageInfoStatus === ParentMessageInfoStateTypes.INVALID\n  ) {\n    if (typeof renderParentMessageInfoPlaceholder === 'function') {\n      return renderParentMessageInfoPlaceholder(parentMessageInfoStatus);\n    }\n    switch (parentMessageInfoStatus) {\n      case ParentMessageInfoStateTypes.NIL: {\n        return (\n          <PlaceHolder\n            className=\"sendbird-thread-ui__parent-message-info placeholder-nil\"\n            type={PlaceHolderTypes.NO_RESULTS}\n            iconSize=\"64px\"\n          />\n        );\n      }\n      case ParentMessageInfoStateTypes.LOADING: {\n        return (\n          <PlaceHolder\n            className=\"sendbird-thread-ui__parent-message-info placeholder-loading\"\n            type={PlaceHolderTypes.LOADING}\n            iconSize=\"64px\"\n          />\n        );\n      }\n      case ParentMessageInfoStateTypes.INVALID: {\n        return (\n          <PlaceHolder\n            className=\"sendbird-thread-ui__parent-message-info placeholder-invalid\"\n            type={PlaceHolderTypes.WRONG}\n            iconSize=\"64px\"\n          />\n        );\n      }\n      default: {\n        return null;\n      }\n    }\n  } else if (parentMessageInfoStatus === ParentMessageInfoStateTypes.INITIALIZED) {\n    if (typeof renderParentMessageInfo === 'function') {\n      return renderParentMessageInfo();\n    }\n  }\n  return null;\n}, [\n  parentMessage,\n  parentMessageInfoStatus,\n  renderParentMessageInfo,\n  renderParentMessageInfoPlaceholder,\n]);\n\nexport default useMemorizedParentMessageInfo;\n","import React, { ReactElement, useMemo } from 'react';\nimport PlaceHolder, { PlaceHolderTypes } from '../../../../ui/PlaceHolder';\n\nimport { ThreadListStateTypes } from '../../types';\n\nexport interface UseMemorizedThreadListProps {\n  threadListStatus: ThreadListStateTypes;\n  renderThreadListPlaceHolder?: (tyep: ThreadListStateTypes) => React.ReactElement;\n}\n\nconst useMemorizedThreadList = ({\n  threadListStatus,\n  renderThreadListPlaceHolder,\n}: UseMemorizedThreadListProps): ReactElement => useMemo(() => {\n  if (threadListStatus === ThreadListStateTypes.NIL\n    || threadListStatus === ThreadListStateTypes.LOADING\n    || threadListStatus === ThreadListStateTypes.INVALID\n  ) {\n    if (typeof renderThreadListPlaceHolder === 'function') {\n      return renderThreadListPlaceHolder(threadListStatus);\n    }\n    switch (threadListStatus) {\n      case ThreadListStateTypes.LOADING: {\n        return (\n          <PlaceHolder\n            className=\"sendbird-thread-ui__thread-list placeholder-loading\"\n            type={PlaceHolderTypes.LOADING}\n            iconSize=\"64px\"\n          />\n        );\n      }\n      case ThreadListStateTypes.INVALID: {\n        return (\n          <PlaceHolder\n            className=\"sendbird-thread-ui__thread-list placeholder-invalid\"\n            type={PlaceHolderTypes.WRONG}\n            iconSize=\"64px\"\n          />\n        );\n      }\n      case ThreadListStateTypes.NIL: {\n        return <></>;\n      }\n      default: {\n        return null;\n      }\n    }\n  }\n  return null;\n}, [\n  threadListStatus,\n  renderThreadListPlaceHolder,\n]);\n\nexport default useMemorizedThreadList;\n","import React, { useRef, useState } from 'react';\nimport { FileMessage, UserMessage } from '@sendbird/chat/message';\n\nimport './index.scss';\n\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\nimport { useLocalization } from '../../../../lib/LocalizationContext';\nimport { getChannelTitle } from '../../../Channel/components/ChannelHeader/utils';\nimport { useThreadContext } from '../../context/ThreadProvider';\nimport { ParentMessageInfoStateTypes, ThreadListStateTypes } from '../../types';\nimport ParentMessageInfo from '../ParentMessageInfo';\nimport ThreadHeader from '../ThreadHeader';\nimport ThreadList from '../ThreadList';\nimport ThreadMessageInput from '../ThreadMessageInput';\nimport useMemorizedHeader from './useMemorizedHeader';\nimport useMemorizedParentMessageInfo from './useMemorizedParentMessageInfo';\nimport useMemorizedThreadList from './useMemorizedThreadList';\nimport Label, { LabelTypography, LabelColors } from '../../../../ui/Label';\nimport { isAboutSame } from '../../context/utils';\n\nexport interface ThreadUIProps {\n  renderHeader?: () => React.ReactElement;\n  renderParentMessageInfo?: () => React.ReactElement;\n  renderMessage?: (props: { message: UserMessage | FileMessage }) => React.ReactElement;\n  renderMessageInput?: () => React.ReactElement;\n  renderCustomSeparator?: () => React.ReactElement;\n  renderParentMessageInfoPlaceholder?: (type: ParentMessageInfoStateTypes) => React.ReactElement;\n  renderThreadListPlaceHolder?: (type: ThreadListStateTypes) => React.ReactElement;\n}\n\nconst ThreadUI: React.FC<ThreadUIProps> = ({\n  renderHeader,\n  renderParentMessageInfo,\n  renderMessage,\n  renderMessageInput,\n  renderCustomSeparator,\n  renderParentMessageInfoPlaceholder,\n  renderThreadListPlaceHolder,\n}: ThreadUIProps): React.ReactElement => {\n  const {\n    stores,\n  } = useSendbirdStateContext();\n  const currentUserId = stores?.sdkStore?.sdk?.currentUser?.userId;\n  const {\n    stringSet,\n  } = useLocalization();\n  const {\n    currentChannel,\n    allThreadMessages,\n    parentMessage,\n    parentMessageInfoStatus,\n    threadListStatus,\n    hasMorePrev,\n    hasMoreNext,\n    fetchPrevThreads,\n    fetchNextThreads,\n    onHeaderActionClick,\n    onMoveToParentMessage,\n  } = useThreadContext();\n  const replyCount = allThreadMessages.length;\n\n  // Memoized custom components\n  const MemorizedHeader = useMemorizedHeader({ renderHeader });\n  const MemorizedParentMessageInfo = useMemorizedParentMessageInfo({\n    parentMessage,\n    parentMessageInfoStatus,\n    renderParentMessageInfo,\n    renderParentMessageInfoPlaceholder, // nil, loading, invalid\n  });\n  const MemorizedThreadList = useMemorizedThreadList({\n    threadListStatus,\n    renderThreadListPlaceHolder,\n  });\n\n  // scroll\n  const [scrollBottom, setScrollBottom] = useState(0);\n  const scrollRef = useRef(null);\n  const onScroll = (e) => {\n    const element = e.target;\n    const {\n      scrollTop,\n      clientHeight,\n      scrollHeight,\n    } = element;\n\n    const threadItemNodes = scrollRef.current.querySelectorAll('.sendbird-thread-list-item');\n    const firstNode = threadItemNodes?.[0];\n    if (isAboutSame(scrollTop, 0, 10) && hasMorePrev) {\n      fetchPrevThreads((messages) => {\n        if (messages) {\n          try {\n            firstNode?.scrollIntoView?.({ block: 'start', inline: 'nearest' });\n          } catch (error) {\n            //\n          }\n        }\n      });\n    }\n\n    if (isAboutSame(clientHeight + scrollTop, scrollHeight, 10) && hasMoreNext) {\n      const scrollTop_ = scrollTop;\n      fetchNextThreads((messages) => {\n        if (messages) {\n          try {\n            element.scrollTop = scrollTop_;\n            scrollRef.current.scrollTop = scrollTop_;\n          } catch (error) {\n            //\n          }\n        }\n      });\n    }\n\n    // save the lastest scroll bottom value\n    if (scrollRef?.current) {\n      const current = scrollRef?.current;\n      setScrollBottom(current.scrollHeight - current.scrollTop - current.offsetHeight)\n    }\n  };\n\n  return (\n    <div className='sendbird-thread-ui'>\n      {\n        MemorizedHeader || (\n          <ThreadHeader\n            className=\"sendbird-thread-ui__header\"\n            channelName={getChannelTitle(currentChannel, currentUserId, stringSet)}\n            onActionIconClick={onHeaderActionClick}\n            onChannelNameClick={() => onMoveToParentMessage({ message: parentMessage, channel: currentChannel })}\n          />\n        )\n      }\n      <div\n        className=\"sendbird-thread-ui--scroll\"\n        ref={scrollRef}\n        onScroll={onScroll}\n      >\n        {\n          MemorizedParentMessageInfo || (\n            <ParentMessageInfo\n              className=\"sendbird-thread-ui__parent-message-info\"\n            />\n          )\n        }\n        {\n          replyCount > 0 && (\n            <div className=\"sendbird-thread-ui__reply-counts\">\n              <Label\n                type={LabelTypography.BODY_1}\n                color={LabelColors.ONBACKGROUND_3}\n              >\n                {`${replyCount} ${replyCount > 1 ? stringSet.THREAD__THREAD_REPLIES : stringSet.THREAD__THREAD_REPLY}`}\n              </Label>\n            </div>\n          )\n        }\n        {\n          MemorizedThreadList || (\n            <ThreadList\n              className=\"sendbird-thread-ui__thread-list\"\n              allThreadMessages={allThreadMessages}\n              renderMessage={renderMessage}\n              renderCustomSeparator={renderCustomSeparator}\n              scrollRef={scrollRef}\n              scrollBottom={scrollBottom}\n            />\n          )\n        }\n        {/* MessageInput */}\n        {\n          renderMessageInput?.() || (\n            <ThreadMessageInput\n              className=\"sendbird-thread-ui__message-input\"\n            />\n          )\n        }\n      </div>\n    </div>\n  );\n};\n\nexport default ThreadUI;\n"],"names":["useMemorizedHeader","_a","renderHeader","useMemo","useMemorizedParentMessageInfo","parentMessage","parentMessageInfoStatus","renderParentMessageInfo","renderParentMessageInfoPlaceholder","ParentMessageInfoStateTypes","NIL","LOADING","INVALID","React","PlaceHolder","PlaceHolderTypes","NO_RESULTS","WRONG","INITIALIZED","useMemorizedThreadList","threadListStatus","renderThreadListPlaceHolder","ThreadListStateTypes","ThreadUI","renderMessage","renderMessageInput","renderCustomSeparator","stores","useSendbirdStateContext","currentUserId","_d","_b","sdkStore","sdk","currentUser","userId","stringSet","useLocalization","_e","useThreadContext","currentChannel","allThreadMessages","hasMorePrev","hasMoreNext","fetchPrevThreads","fetchNextThreads","onHeaderActionClick","onMoveToParentMessage","replyCount","length","MemorizedHeader","MemorizedParentMessageInfo","MemorizedThreadList","_f","useState","scrollBottom","setScrollBottom","scrollRef","useRef","onScroll","e","element","target","scrollTop","clientHeight","scrollHeight","threadItemNodes","current","querySelectorAll","firstNode","isAboutSame","messages","scrollIntoView","call","block","inline","error","scrollTop_1","offsetHeight","ThreadHeader","getChannelTitle","message","channel","ParentMessageInfo","Label","LabelTypography","BODY_1","LabelColors","ONBACKGROUND_3","concat","THREAD__THREAD_REPLIES","THREAD__THREAD_REPLY","ThreadList","ThreadMessageInput"],"mappings":"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"}

package/cjs/Thread/context/types.js

@@ -0,0 +1,32 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+// Initializing status
+exports.ChannelStateTypes = void 0;
+
+(function (ChannelStateTypes) {
+  ChannelStateTypes["NIL"] = "NIL";
+  ChannelStateTypes["LOADING"] = "LOADING";
+  ChannelStateTypes["INVALID"] = "INVALID";
+  ChannelStateTypes["INITIALIZED"] = "INITIALIZED";
+})(exports.ChannelStateTypes || (exports.ChannelStateTypes = {}));
+
+exports.ParentMessageInfoStateTypes = void 0;
+
+(function (ParentMessageInfoStateTypes) {
+  ParentMessageInfoStateTypes["NIL"] = "NIL";
+  ParentMessageInfoStateTypes["LOADING"] = "LOADING";
+  ParentMessageInfoStateTypes["INVALID"] = "INVALID";
+  ParentMessageInfoStateTypes["INITIALIZED"] = "INITIALIZED";
+})(exports.ParentMessageInfoStateTypes || (exports.ParentMessageInfoStateTypes = {}));
+
+exports.ThreadListStateTypes = void 0;
+
+(function (ThreadListStateTypes) {
+  ThreadListStateTypes["NIL"] = "NIL";
+  ThreadListStateTypes["LOADING"] = "LOADING";
+  ThreadListStateTypes["INVALID"] = "INVALID";
+  ThreadListStateTypes["INITIALIZED"] = "INITIALIZED";
+})(exports.ThreadListStateTypes || (exports.ThreadListStateTypes = {}));
+//# sourceMappingURL=types.js.map

package/cjs/Thread/context/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sources":["../../../../src/smart-components/Thread/types.tsx"],"sourcesContent":["// Initializing status\nexport enum ChannelStateTypes {\n  NIL = 'NIL',\n  LOADING = 'LOADING',\n  INVALID = 'INVALID',\n  INITIALIZED = 'INITIALIZED',\n}\nexport enum ParentMessageInfoStateTypes {\n  NIL = 'NIL',\n  LOADING = 'LOADING',\n  INVALID = 'INVALID',\n  INITIALIZED = 'INITIALIZED',\n}\nexport enum ThreadListStateTypes {\n  NIL = 'NIL',\n  LOADING = 'LOADING',\n  INVALID = 'INVALID',\n  INITIALIZED = 'INITIALIZED',\n}\n"],"names":["ChannelStateTypes","ParentMessageInfoStateTypes","ThreadListStateTypes"],"mappings":";;;;AAAA;AACYA,mCAAZ;;AAAA,CAAA,UAAYA,iBAAZ,EAA6B;AAC3BA,EAAAA,iBAAA,CAAA,KAAA,CAAA,GAAA,KAAA,CAAA;AACAA,EAAAA,iBAAA,CAAA,SAAA,CAAA,GAAA,SAAA,CAAA;AACAA,EAAAA,iBAAA,CAAA,SAAA,CAAA,GAAA,SAAA,CAAA;AACAA,EAAAA,iBAAA,CAAA,aAAA,CAAA,GAAA,aAAA,CAAA;AACD,CALD,EAAYA,yBAAiB,KAAjBA,yBAAiB,GAK5B,EAL4B,CAA7B,CAAA,CAAA;;AAMYC,6CAAZ;;AAAA,CAAA,UAAYA,2BAAZ,EAAuC;AACrCA,EAAAA,2BAAA,CAAA,KAAA,CAAA,GAAA,KAAA,CAAA;AACAA,EAAAA,2BAAA,CAAA,SAAA,CAAA,GAAA,SAAA,CAAA;AACAA,EAAAA,2BAAA,CAAA,SAAA,CAAA,GAAA,SAAA,CAAA;AACAA,EAAAA,2BAAA,CAAA,aAAA,CAAA,GAAA,aAAA,CAAA;AACD,CALD,EAAYA,mCAA2B,KAA3BA,mCAA2B,GAKtC,EALsC,CAAvC,CAAA,CAAA;;AAMYC,sCAAZ;;AAAA,CAAA,UAAYA,oBAAZ,EAAgC;AAC9BA,EAAAA,oBAAA,CAAA,KAAA,CAAA,GAAA,KAAA,CAAA;AACAA,EAAAA,oBAAA,CAAA,SAAA,CAAA,GAAA,SAAA,CAAA;AACAA,EAAAA,oBAAA,CAAA,SAAA,CAAA,GAAA,SAAA,CAAA;AACAA,EAAAA,oBAAA,CAAA,aAAA,CAAA,GAAA,aAAA,CAAA;AACD,CALD,EAAYA,4BAAoB,KAApBA,4BAAoB,GAK/B,EAL+B,CAAhC,CAAA;;"}