@sendbird/uikit-react 3.5.0-beta.0 → 3.5.0-mobile-web-1

package/cjs/MessageSearch/components/MessageSearchUI.js

@@ -3,93 +3,89 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var LocalizationContext = require('../../LocalizationContext-2b3f310d.js');
+var LocalizationContext = require('../../LocalizationContext-b42fa07d.js');
 var MessageSearch_context = require('../context.js');
 var ui_MessageSearchItem = require('../../ui/MessageSearchItem.js');
-var ui_PlaceHolder = require('../../index-621e74bd.js');
+var ui_PlaceHolder = require('../../index-9d9e563e.js');
 var ui_MessageSearchFileItem = require('../../ui/MessageSearchFileItem.js');
-require('../../stringSet-91b919f6.js');
-require('../../index-de151767.js');
+require('../../stringSet-4f30313f.js');
+require('../../index-97005534.js');
 require('../../useSendbirdStateContext.js');
 require('../../withSendbird.js');
-require('../../_rollupPluginBabelHelpers-a7254c9d.js');
-require('../../tslib.es6-43854eb1.js');
-require('../../index-73467e1d.js');
-require('../../index-0988ab25.js');
-require('../../index-2c5dd48c.js');
-require('../../index-8de59744.js');
+require('../../_rollupPluginBabelHelpers-3a9d1641.js');
+require('../../index-849f44b0.js');
+require('../../index-7ec4fe06.js');
+require('../../index-afada680.js');
 require('../../ui/Avatar.js');
 require('../../ui/ImageRenderer.js');
 require('../../ui/Icon.js');
 require('prop-types');
-require('../../uuid-11d4efe8.js');
-require('../../index-d6ef2a60.js');
+require('../../uuid-5ab4f88b.js');
+require('../../index-72e412f7.js');
 require('../../ui/Loader.js');
+require('../../index-0b8a1074.js');
+require('../../utils/message/getOutgoingMessageState.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var COMPONENT_CLASS_NAME = 'sendbird-message-search';
-var MessageSearchUI = function (_a) {
-  var renderPlaceHolderError = _a.renderPlaceHolderError,
-      renderPlaceHolderLoading = _a.renderPlaceHolderLoading,
-      renderPlaceHolderNoString = _a.renderPlaceHolderNoString,
-      renderPlaceHolderEmptyList = _a.renderPlaceHolderEmptyList,
-      renderSearchItem = _a.renderSearchItem;
-
-  var _b = MessageSearch_context.useMessageSearchContext(),
-      isInvalid = _b.isInvalid,
-      searchString = _b.searchString,
-      requestString = _b.requestString,
-      currentChannel = _b.currentChannel,
-      retryCount = _b.retryCount,
-      setRetryCount = _b.setRetryCount,
-      loading = _b.loading,
-      scrollRef = _b.scrollRef,
-      hasMoreResult = _b.hasMoreResult,
-      onScroll = _b.onScroll,
-      allMessages = _b.allMessages,
-      onResultClick = _b.onResultClick,
-      selectedMessageId = _b.selectedMessageId,
-      setSelectedMessageId = _b.setSelectedMessageId;
-
-  var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
-
-  var handleRetryToConnect = function () {
+const COMPONENT_CLASS_NAME = 'sendbird-message-search';
+const MessageSearchUI = _ref => {
+  let {
+    renderPlaceHolderError,
+    renderPlaceHolderLoading,
+    renderPlaceHolderNoString,
+    renderPlaceHolderEmptyList,
+    renderSearchItem
+  } = _ref;
+  const {
+    isInvalid,
+    searchString,
+    requestString,
+    currentChannel,
+    retryCount,
+    setRetryCount,
+    loading,
+    scrollRef,
+    hasMoreResult,
+    onScroll,
+    allMessages,
+    onResultClick,
+    selectedMessageId,
+    setSelectedMessageId
+  } = MessageSearch_context.useMessageSearchContext();
+  const {
+    stringSet
+  } = React.useContext(LocalizationContext.LocalizationContext);
+  const handleRetryToConnect = () => {
     setRetryCount(retryCount + 1);
   };
-
-  var handleOnScroll = function (e) {
-    var scrollElement = e.target;
-    var scrollTop = scrollElement.scrollTop,
-        scrollHeight = scrollElement.scrollHeight,
-        clientHeight = scrollElement.clientHeight;
-
+  const handleOnScroll = e => {
+    const scrollElement = e.target;
+    const {
+      scrollTop,
+      scrollHeight,
+      clientHeight
+    } = scrollElement;
     if (!hasMoreResult) {
       return;
     }
-
     if (scrollTop + clientHeight >= scrollHeight - 1) {
-      onScroll(function () {// after load more searched messages
+      onScroll(() => {
+        // after load more searched messages
       });
     }
   };
-
-  var getChannelName = function () {
-    if (currentChannel && (currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.name) && (currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.name) !== 'Group Channel') {
+  const getChannelName = () => {
+    if (currentChannel && currentChannel !== null && currentChannel !== void 0 && currentChannel.name && (currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.name) !== 'Group Channel') {
       return currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.name;
     }
-
-    if (currentChannel && ((currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.name) === 'Group Channel' || !(currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.name))) {
-      return currentChannel.members.map(function (member) {
-        return member.nickname || stringSet.NO_NAME;
-      }).join(', ');
+    if (currentChannel && ((currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.name) === 'Group Channel' || !(currentChannel !== null && currentChannel !== void 0 && currentChannel.name))) {
+      return currentChannel.members.map(member => member.nickname || stringSet.NO_NAME).join(', ');
     }
-
     return stringSet.NO_TITLE;
   };
-
   if (isInvalid && searchString && requestString) {
     return (renderPlaceHolderError === null || renderPlaceHolderError === void 0 ? void 0 : renderPlaceHolderError()) || /*#__PURE__*/React__default["default"].createElement("div", {
       className: COMPONENT_CLASS_NAME
@@ -98,7 +94,6 @@ var MessageSearchUI = function (_a) {
       retryToConnect: handleRetryToConnect
     }));
   }
-
   if (loading && searchString && requestString) {
     return (renderPlaceHolderLoading === null || renderPlaceHolderLoading === void 0 ? void 0 : renderPlaceHolderLoading()) || /*#__PURE__*/React__default["default"].createElement("div", {
       className: COMPONENT_CLASS_NAME
@@ -106,7 +101,6 @@ var MessageSearchUI = function (_a) {
       type: ui_PlaceHolder.PlaceHolderTypes.SEARCHING
     }));
   }
-
   if (!searchString) {
     return (renderPlaceHolderNoString === null || renderPlaceHolderNoString === void 0 ? void 0 : renderPlaceHolderNoString()) || /*#__PURE__*/React__default["default"].createElement("div", {
       className: COMPONENT_CLASS_NAME
@@ -115,38 +109,35 @@ var MessageSearchUI = function (_a) {
       searchInString: getChannelName()
     }));
   }
-
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: COMPONENT_CLASS_NAME,
     onScroll: handleOnScroll,
     ref: scrollRef
-  }, allMessages.length > 0 ? allMessages.map(function (message) {
+  }, allMessages.length > 0 ? allMessages.map(message => {
     if (renderSearchItem) {
       return renderSearchItem({
-        message: message,
-        onResultClick: onResultClick
+        message,
+        onResultClick
       });
     }
-
     if (message.messageType === 'file') {
       return /*#__PURE__*/React__default["default"].createElement(ui_MessageSearchFileItem, {
-        className: "".concat(COMPONENT_CLASS_NAME, "__message-search-item"),
+        className: `${COMPONENT_CLASS_NAME}__message-search-item`,
         message: message,
         key: message.messageId,
         selected: selectedMessageId === message.messageId,
-        onClick: function () {
+        onClick: () => {
           onResultClick(message);
           setSelectedMessageId(message.messageId);
         }
       });
     }
-
     return /*#__PURE__*/React__default["default"].createElement(ui_MessageSearchItem, {
-      className: "".concat(COMPONENT_CLASS_NAME, "__message-search-item"),
+      className: `${COMPONENT_CLASS_NAME}__message-search-item`,
       message: message,
       key: message.messageId,
       selected: selectedMessageId === message.messageId,
-      onClick: function () {
+      onClick: () => {
         onResultClick(message);
         setSelectedMessageId(message.messageId);
       }

package/cjs/MessageSearch/components/MessageSearchUI.js.map

@@ -1 +1 @@
-{"version":3,"file":"MessageSearchUI.js","sources":["../../../../src/smart-components/MessageSearch/components/MessageSearchUI/index.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport type { FileMessage, UserMessage } from '@sendbird/chat/message';\nimport './index.scss';\n\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\nimport { useMessageSearchContext } from '../../context/MessageSearchProvider';\n\nimport MessageSearchItem from '../../../../ui/MessageSearchItem';\nimport PlaceHolder, { PlaceHolderTypes } from '../../../../ui/PlaceHolder';\nimport MessageSearchFileItem from '../../../../ui/MessageSearchFileItem';\nimport { ClientSentMessages } from '../../../../types';\n\n\nconst COMPONENT_CLASS_NAME = 'sendbird-message-search';\n\nexport interface MessageSearchUIProps {\n  renderPlaceHolderError?: (props: void) => React.ReactElement;\n  renderPlaceHolderLoading?: (props: void) => React.ReactElement;\n  renderPlaceHolderNoString?: (props: void) => React.ReactElement;\n  renderPlaceHolderEmptyList?: (props: void) => React.ReactElement;\n  renderSearchItem?(\n    {\n      message,\n      onResultClick,\n    }: {\n      message: ClientSentMessages,\n      onResultClick?: (message: ClientSentMessages) => void,\n    }\n  ): JSX.Element;\n}\n\nexport const MessageSearchUI: React.FC<MessageSearchUIProps> = ({\n  renderPlaceHolderError,\n  renderPlaceHolderLoading,\n  renderPlaceHolderNoString,\n  renderPlaceHolderEmptyList,\n  renderSearchItem,\n}: MessageSearchUIProps) => {\n  const {\n    isInvalid,\n    searchString,\n    requestString,\n    currentChannel,\n    retryCount,\n    setRetryCount,\n    loading,\n    scrollRef,\n    hasMoreResult,\n    onScroll,\n    allMessages,\n    onResultClick,\n    selectedMessageId,\n    setSelectedMessageId,\n  } = useMessageSearchContext();\n\n  const { stringSet } = useContext(LocalizationContext);\n\n  const handleRetryToConnect = () => {\n    setRetryCount(retryCount + 1);\n  };\n\n  const handleOnScroll = (e) => {\n    const scrollElement = e.target;\n    const {\n      scrollTop,\n      scrollHeight,\n      clientHeight,\n    } = scrollElement;\n\n    if (!hasMoreResult) {\n      return;\n    }\n    if (scrollTop + clientHeight >= scrollHeight - 1) {\n      onScroll(() => {\n        // after load more searched messages\n      });\n    }\n  };\n\n  const getChannelName = () => {\n    if (currentChannel && currentChannel?.name && currentChannel?.name !== 'Group Channel') {\n      return currentChannel?.name;\n    }\n    if (currentChannel && (currentChannel?.name === 'Group Channel' || !currentChannel?.name)) {\n      return currentChannel.members.map((member) => member.nickname || stringSet.NO_NAME).join(', ');\n    }\n    return stringSet.NO_TITLE;\n  };\n\n  if (isInvalid && searchString && requestString) {\n    return renderPlaceHolderError?.() || (\n      <div className={COMPONENT_CLASS_NAME}>\n        <PlaceHolder\n          type={PlaceHolderTypes.WRONG}\n          retryToConnect={handleRetryToConnect}\n        />\n      </div>\n    );\n  }\n\n  if (loading && searchString && requestString) {\n    return renderPlaceHolderLoading?.() || (\n      <div className={COMPONENT_CLASS_NAME}>\n        <PlaceHolder type={PlaceHolderTypes.SEARCHING} />\n      </div>\n    );\n  }\n\n  if (!searchString) {\n    return renderPlaceHolderNoString?.() || (\n      <div className={COMPONENT_CLASS_NAME}>\n        <PlaceHolder\n          type={PlaceHolderTypes.SEARCH_IN}\n          searchInString={getChannelName()}\n        />\n      </div>\n    );\n  }\n\n  return (\n    <div\n      className={COMPONENT_CLASS_NAME}\n      onScroll={handleOnScroll}\n      ref={scrollRef}\n    >\n      {\n        (allMessages.length > 0)\n          ? (\n            allMessages.map((message) => {\n              if (renderSearchItem) {\n                return renderSearchItem({ message, onResultClick });\n              }\n              if (message.messageType === 'file') {\n                return (\n                  <MessageSearchFileItem\n                    className={`${COMPONENT_CLASS_NAME}__message-search-item`}\n                    message={message as FileMessage}\n                    key={message.messageId}\n                    selected={(selectedMessageId === message.messageId)}\n                    onClick={() => {\n                      onResultClick(message);\n                      setSelectedMessageId(message.messageId);\n                    }}\n                  />\n                );\n              }\n              return (\n                <MessageSearchItem\n                  className={`${COMPONENT_CLASS_NAME}__message-search-item`}\n                  message={message as UserMessage}\n                  key={message.messageId}\n                  selected={(selectedMessageId === message.messageId)}\n                  onClick={() => {\n                    onResultClick(message);\n                    setSelectedMessageId(message.messageId);\n                  }}\n                />\n              );\n            })\n          )\n          : renderPlaceHolderEmptyList?.() || (\n            <PlaceHolder type={PlaceHolderTypes.NO_RESULTS} />\n          )\n      }\n    </div>\n  );\n};\n\nexport default MessageSearchUI;\n"],"names":["COMPONENT_CLASS_NAME","MessageSearchUI","_a","renderPlaceHolderError","renderPlaceHolderLoading","renderPlaceHolderNoString","renderPlaceHolderEmptyList","renderSearchItem","_b","useMessageSearchContext","isInvalid","searchString","requestString","currentChannel","retryCount","setRetryCount","loading","scrollRef","hasMoreResult","onScroll","allMessages","onResultClick","selectedMessageId","setSelectedMessageId","stringSet","useContext","LocalizationContext","handleRetryToConnect","handleOnScroll","e","scrollElement","target","scrollTop","scrollHeight","clientHeight","getChannelName","name","members","map","member","nickname","NO_NAME","join","NO_TITLE","React","PlaceHolder","PlaceHolderTypes","WRONG","SEARCHING","SEARCH_IN","length","message","messageType","MessageSearchFileItem","concat","messageId","MessageSearchItem","NO_RESULTS"],"mappings":"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"}
+{"version":3,"file":"MessageSearchUI.js","sources":["../../../../src/modules/MessageSearch/components/MessageSearchUI/index.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport type { FileMessage, UserMessage } from '@sendbird/chat/message';\nimport './index.scss';\n\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\nimport { useMessageSearchContext } from '../../context/MessageSearchProvider';\n\nimport MessageSearchItem from '../../../../ui/MessageSearchItem';\nimport PlaceHolder, { PlaceHolderTypes } from '../../../../ui/PlaceHolder';\nimport MessageSearchFileItem from '../../../../ui/MessageSearchFileItem';\nimport { ClientSentMessages } from '../../../../types';\n\nconst COMPONENT_CLASS_NAME = 'sendbird-message-search';\n\nexport interface MessageSearchUIProps {\n  renderPlaceHolderError?: (props: void) => React.ReactElement;\n  renderPlaceHolderLoading?: (props: void) => React.ReactElement;\n  renderPlaceHolderNoString?: (props: void) => React.ReactElement;\n  renderPlaceHolderEmptyList?: (props: void) => React.ReactElement;\n  renderSearchItem?(\n    {\n      message,\n      onResultClick,\n    }: {\n      message: ClientSentMessages,\n      onResultClick?: (message: ClientSentMessages) => void,\n    }\n  ): JSX.Element;\n}\n\nexport const MessageSearchUI: React.FC<MessageSearchUIProps> = ({\n  renderPlaceHolderError,\n  renderPlaceHolderLoading,\n  renderPlaceHolderNoString,\n  renderPlaceHolderEmptyList,\n  renderSearchItem,\n}: MessageSearchUIProps) => {\n  const {\n    isInvalid,\n    searchString,\n    requestString,\n    currentChannel,\n    retryCount,\n    setRetryCount,\n    loading,\n    scrollRef,\n    hasMoreResult,\n    onScroll,\n    allMessages,\n    onResultClick,\n    selectedMessageId,\n    setSelectedMessageId,\n  } = useMessageSearchContext();\n\n  const { stringSet } = useContext(LocalizationContext);\n\n  const handleRetryToConnect = () => {\n    setRetryCount(retryCount + 1);\n  };\n\n  const handleOnScroll = (e) => {\n    const scrollElement = e.target;\n    const {\n      scrollTop,\n      scrollHeight,\n      clientHeight,\n    } = scrollElement;\n\n    if (!hasMoreResult) {\n      return;\n    }\n    if (scrollTop + clientHeight >= scrollHeight - 1) {\n      onScroll(() => {\n        // after load more searched messages\n      });\n    }\n  };\n\n  const getChannelName = () => {\n    if (currentChannel && currentChannel?.name && currentChannel?.name !== 'Group Channel') {\n      return currentChannel?.name;\n    }\n    if (currentChannel && (currentChannel?.name === 'Group Channel' || !currentChannel?.name)) {\n      return currentChannel.members.map((member) => member.nickname || stringSet.NO_NAME).join(', ');\n    }\n    return stringSet.NO_TITLE;\n  };\n\n  if (isInvalid && searchString && requestString) {\n    return renderPlaceHolderError?.() || (\n      <div className={COMPONENT_CLASS_NAME}>\n        <PlaceHolder\n          type={PlaceHolderTypes.WRONG}\n          retryToConnect={handleRetryToConnect}\n        />\n      </div>\n    );\n  }\n\n  if (loading && searchString && requestString) {\n    return renderPlaceHolderLoading?.() || (\n      <div className={COMPONENT_CLASS_NAME}>\n        <PlaceHolder type={PlaceHolderTypes.SEARCHING} />\n      </div>\n    );\n  }\n\n  if (!searchString) {\n    return renderPlaceHolderNoString?.() || (\n      <div className={COMPONENT_CLASS_NAME}>\n        <PlaceHolder\n          type={PlaceHolderTypes.SEARCH_IN}\n          searchInString={getChannelName()}\n        />\n      </div>\n    );\n  }\n\n  return (\n    <div\n      className={COMPONENT_CLASS_NAME}\n      onScroll={handleOnScroll}\n      ref={scrollRef}\n    >\n      {\n        (allMessages.length > 0)\n          ? (\n            allMessages.map((message) => {\n              if (renderSearchItem) {\n                return renderSearchItem({ message, onResultClick });\n              }\n              if (message.messageType === 'file') {\n                return (\n                  <MessageSearchFileItem\n                    className={`${COMPONENT_CLASS_NAME}__message-search-item`}\n                    message={message as FileMessage}\n                    key={message.messageId}\n                    selected={(selectedMessageId === message.messageId)}\n                    onClick={() => {\n                      onResultClick(message);\n                      setSelectedMessageId(message.messageId);\n                    }}\n                  />\n                );\n              }\n              return (\n                <MessageSearchItem\n                  className={`${COMPONENT_CLASS_NAME}__message-search-item`}\n                  message={message as UserMessage}\n                  key={message.messageId}\n                  selected={(selectedMessageId === message.messageId)}\n                  onClick={() => {\n                    onResultClick(message);\n                    setSelectedMessageId(message.messageId);\n                  }}\n                />\n              );\n            })\n          )\n          : renderPlaceHolderEmptyList?.() || (\n            <PlaceHolder type={PlaceHolderTypes.NO_RESULTS} />\n          )\n      }\n    </div>\n  );\n};\n\nexport default MessageSearchUI;\n"],"names":["COMPONENT_CLASS_NAME","MessageSearchUI","_ref","renderPlaceHolderError","renderPlaceHolderLoading","renderPlaceHolderNoString","renderPlaceHolderEmptyList","renderSearchItem","isInvalid","searchString","requestString","currentChannel","retryCount","setRetryCount","loading","scrollRef","hasMoreResult","onScroll","allMessages","onResultClick","selectedMessageId","setSelectedMessageId","useMessageSearchContext","stringSet","useContext","LocalizationContext","handleRetryToConnect","handleOnScroll","e","scrollElement","target","scrollTop","scrollHeight","clientHeight","getChannelName","name","members","map","member","nickname","NO_NAME","join","NO_TITLE","React","createElement","className","PlaceHolder","type","PlaceHolderTypes","WRONG","retryToConnect","SEARCHING","SEARCH_IN","searchInString","ref","length","message","messageType","MessageSearchFileItem","key","messageId","selected","onClick","MessageSearchItem","NO_RESULTS"],"mappings":"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"}