@sendbird/uikit-react 3.7.0 → 3.8.1

package/cjs/Message/hooks/useDirtyGetMentions.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDirtyGetMentions.js","sources":["../../../../src/modules/Message/utils/getMentionNodes.ts","../../../../src/modules/Message/hooks/useDirtyGetMentions.ts"],"sourcesContent":["export function getMentionNodes(root: HTMLElement): Element[] {\n  if (root) {\n    const mentions = root.querySelectorAll('[data-sb-mention=\\'true\\']');\n    const mentionsArray = Array.from(mentions);\n    return mentionsArray;\n  }\n  return [];\n}\n","import { useEffect, useLayoutEffect, useState } from 'react';\n\nimport { Logger } from '../../../lib/SendbirdState';\nimport { getMentionNodes } from '../utils/getMentionNodes';\n\ninterface DynamicParams {\n  ref: React.RefObject<HTMLElement>;\n}\n\ninterface StaticParams {\n  logger: Logger;\n}\n\n/**\n * exported, should be backwords compatible\n * This is a dirty way to get the mentions given DOM node\n */\nexport function useDirtyGetMentions({\n  ref,\n}: DynamicParams, {\n  logger,\n}: StaticParams): Element[] {\n  // Select the node that will be observed for mutations\n  const targetNode = ref.current as HTMLElement;\n  const [mentionNodes, setMentionNodes] = useState<Element[]>([]);\n\n  // to get the initial mentions\n  useLayoutEffect(() => {\n    if (targetNode) {\n      const mentions = getMentionNodes(targetNode);\n      setMentionNodes(mentions);\n    }\n  }, [targetNode]);\n\n  useEffect(() => {\n    // Options for the observer (which mutations to observe)\n    const config = { childList: true, subtree: true };\n\n    // Callback function to execute when mutations are observed\n    const callback = (mutationList: MutationRecord[]): void => {\n      const hasMutation = mutationList.length > 0;\n      if (hasMutation) {\n        setMentionNodes(getMentionNodes(targetNode));\n      }\n    };\n\n    // Create an observer instance linked to the callback function\n    const observer = new MutationObserver(callback);\n\n    if (targetNode) {\n      // Start observing the target node for configured mutations\n      observer.observe(targetNode, config);\n      logger.info('useDirtyGetMentions: observer started', { observer, config });\n    }\n\n    return () => {\n      try {\n        observer.disconnect();\n        logger.info('useDirtyGetMentions: observer disconnected', { observer });\n      } catch (error) {\n        logger.error('useDirtyGetMentions: observer disconnect failed', { observer });\n      }\n    };\n  }, [targetNode]);\n  return mentionNodes;\n}\n"],"names":["getMentionNodes","root","mentions","querySelectorAll","mentionsArray","Array","from","useDirtyGetMentions","_a","_b","ref","logger","targetNode","current","_c","useState","mentionNodes","setMentionNodes","useLayoutEffect","useEffect","config","childList","subtree","callback","mutationList","hasMutation","length","observer","MutationObserver","observe","info","disconnect","error"],"mappings":";;;;;;AAAM,SAAUA,eAAeA,CAACC,IAAiB,EAAA;AAC/C,EAAA,IAAIA,IAAI,EAAE;AACR,IAAA,IAAMC,QAAQ,GAAGD,IAAI,CAACE,gBAAgB,CAAC,4BAA4B,CAAC,CAAA;AACpE,IAAA,IAAMC,aAAa,GAAGC,KAAK,CAACC,IAAI,CAACJ,QAAQ,CAAC,CAAA;AAC1C,IAAA,OAAOE,aAAa,CAAA;AACrB,GAAA;AACD,EAAA,OAAO,EAAE,CAAA;AACX;;ACMA;;;AAGG;AACa,SAAAG,mBAAmBA,CAACC,EAEpB,EAAEC,EAEH,EAAA;AAHb,EAAA,IAAAC,GAAG,GAAAF,EAAA,CAAAE,GAAA,CAAA;AAEH,EAAA,IAAAC,MAAM,GAAAF,EAAA,CAAAE,MAAA,CAAA;AAEN;AACA,EAAA,IAAMC,UAAU,GAAGF,GAAG,CAACG,OAAsB,CAAA;AACvC,EAAA,IAAAC,EAAA,GAAkCC,cAAQ,CAAY,EAAE,CAAC;AAAxDC,IAAAA,YAAY,GAAAF,EAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,eAAe,GAAAH,EAAA,CAAA,CAAA,CAA2B,CAAA;AAE/D;AACAI,EAAAA,qBAAe,CAAC,YAAA;AACd,IAAA,IAAIN,UAAU,EAAE;AACd,MAAA,IAAMV,QAAQ,GAAGF,eAAe,CAACY,UAAU,CAAC,CAAA;MAC5CK,eAAe,CAACf,QAAQ,CAAC,CAAA;AAC1B,KAAA;AACH,GAAC,EAAE,CAACU,UAAU,CAAC,CAAC,CAAA;AAEhBO,EAAAA,eAAS,CAAC,YAAA;AACR;AACA,IAAA,IAAMC,MAAM,GAAG;AAAEC,MAAAA,SAAS,EAAE,IAAI;AAAEC,MAAAA,OAAO,EAAE,IAAA;KAAM,CAAA;AAEjD;AACA,IAAA,IAAMC,QAAQ,GAAG,UAACC,YAA8B,EAAA;AAC9C,MAAA,IAAMC,WAAW,GAAGD,YAAY,CAACE,MAAM,GAAG,CAAC,CAAA;AAC3C,MAAA,IAAID,WAAW,EAAE;AACfR,QAAAA,eAAe,CAACjB,eAAe,CAACY,UAAU,CAAC,CAAC,CAAA;AAC7C,OAAA;KACF,CAAA;AAED;AACA,IAAA,IAAMe,QAAQ,GAAG,IAAIC,gBAAgB,CAACL,QAAQ,CAAC,CAAA;AAE/C,IAAA,IAAIX,UAAU,EAAE;AACd;AACAe,MAAAA,QAAQ,CAACE,OAAO,CAACjB,UAAU,EAAEQ,MAAM,CAAC,CAAA;AACpCT,MAAAA,MAAM,CAACmB,IAAI,CAAC,uCAAuC,EAAE;AAAEH,QAAAA,QAAQ,EAAAA,QAAA;AAAEP,QAAAA,MAAM,EAAAA,MAAAA;AAAA,OAAE,CAAC,CAAA;AAC3E,KAAA;AAED,IAAA,OAAO,YAAA;MACL,IAAI;QACFO,QAAQ,CAACI,UAAU,EAAE,CAAA;AACrBpB,QAAAA,MAAM,CAACmB,IAAI,CAAC,4CAA4C,EAAE;AAAEH,UAAAA,QAAQ,EAAAA,QAAAA;AAAE,SAAA,CAAC,CAAA;OACxE,CAAC,OAAOK,KAAK,EAAE;AACdrB,QAAAA,MAAM,CAACqB,KAAK,CAAC,iDAAiD,EAAE;AAAEL,UAAAA,QAAQ,EAAAA,QAAAA;AAAE,SAAA,CAAC,CAAA;AAC9E,OAAA;KACF,CAAA;AACH,GAAC,EAAE,CAACf,UAAU,CAAC,CAAC,CAAA;AAChB,EAAA,OAAOI,YAAY,CAAA;AACrB;;;;"}
+{"version":3,"file":"useDirtyGetMentions.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/cjs/MessageSearch/components/MessageSearchUI.js

@@ -3,147 +3,91 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var LocalizationContext = require('../../LocalizationContext-58b6ed7c.js');
+var LocalizationContext = require('../../chunks/bundle-80bw1Z-w.js');
 var MessageSearch_context = require('../context.js');
 var ui_MessageSearchItem = require('../../ui/MessageSearchItem.js');
 var ui_PlaceHolder = require('../../ui/PlaceHolder.js');
 var ui_MessageSearchFileItem = require('../../ui/MessageSearchFileItem.js');
-require('../../stringSet-1539ac47.js');
-require('../../index-e8928da6.js');
+require('../../chunks/bundle-5l7POen0.js');
+require('../../chunks/bundle-EVv3xRW8.js');
 require('../../useSendbirdStateContext.js');
 require('../../withSendbird.js');
-require('../../tslib.es6-c74b513f.js');
-require('../../index-3448df64.js');
-require('../../index-7627b546.js');
-require('../../index-134e9852.js');
-require('../../ui/Avatar.js');
+require('../../chunks/bundle-mc8PQfi_.js');
+require('../../chunks/bundle-pLajF9mf.js');
+require('../../chunks/bundle-cKt6NzI1.js');
+require('../../chunks/bundle-uE1K1eGs.js');
+require('../../chunks/bundle-lj7KorhP.js');
 require('../../ui/ImageRenderer.js');
 require('../../ui/Icon.js');
-require('prop-types');
-require('../../uuid-9a117e16.js');
-require('../../index-b5a9b4b7.js');
+require('../../chunks/bundle-viTxhrPr.js');
+require('../../chunks/bundle-Z8uBiYyS.js');
+require('../../chunks/bundle-fTDV9UxX.js');
 require('../../ui/Loader.js');
-require('../../index-dbe8dd84.js');
+require('../../chunks/bundle-BUF_nc4Q.js');
 require('../../utils/message/getOutgoingMessageState.js');
-require('../../index-54279ec2.js');
-require('../../utils-93ca9d57.js');
+require('../../chunks/bundle-RG3ZDmvE.js');
+require('../../chunks/bundle-lkluBCYi.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 () {
-    setRetryCount(retryCount + 1);
-  };
-  var handleOnScroll = function (e) {
-    var scrollElement = e.target;
-    var scrollTop = scrollElement.scrollTop,
-      scrollHeight = scrollElement.scrollHeight,
-      clientHeight = scrollElement.clientHeight;
-    if (!hasMoreResult) {
-      return;
-    }
-    if (scrollTop + clientHeight >= scrollHeight - 1) {
-      onScroll(function () {
-        // 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') {
-      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(', ');
-    }
-    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
-    }, /*#__PURE__*/React__default["default"].createElement(ui_PlaceHolder["default"], {
-      type: ui_PlaceHolder.PlaceHolderTypes.WRONG,
-      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
-    }, /*#__PURE__*/React__default["default"].createElement(ui_PlaceHolder["default"], {
-      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
-    }, /*#__PURE__*/React__default["default"].createElement(ui_PlaceHolder["default"], {
-      type: ui_PlaceHolder.PlaceHolderTypes.SEARCH_IN,
-      searchInString: getChannelName()
-    }));
-  }
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: COMPONENT_CLASS_NAME,
-    onScroll: handleOnScroll,
-    ref: scrollRef
-  }, allMessages.length > 0 ? allMessages.map(function (message) {
-    if (renderSearchItem) {
-      return renderSearchItem({
-        message: message,
-        onResultClick: onResultClick
-      });
-    }
-    if (message.messageType === 'file') {
-      return /*#__PURE__*/React__default["default"].createElement(ui_MessageSearchFileItem, {
-        className: "".concat(COMPONENT_CLASS_NAME, "__message-search-item"),
-        message: message,
-        key: message.messageId,
-        selected: selectedMessageId === message.messageId,
-        onClick: function () {
-          onResultClick(message);
-          setSelectedMessageId(message.messageId);
-        }
-      });
-    }
-    return /*#__PURE__*/React__default["default"].createElement(ui_MessageSearchItem, {
-      className: "".concat(COMPONENT_CLASS_NAME, "__message-search-item"),
-      message: message,
-      key: message.messageId,
-      selected: selectedMessageId === message.messageId,
-      onClick: function () {
-        onResultClick(message);
-        setSelectedMessageId(message.messageId);
-      }
-    });
-  }) : (renderPlaceHolderEmptyList === null || renderPlaceHolderEmptyList === void 0 ? void 0 : renderPlaceHolderEmptyList()) || /*#__PURE__*/React__default["default"].createElement(ui_PlaceHolder["default"], {
-    type: ui_PlaceHolder.PlaceHolderTypes.NO_RESULTS
-  }));
+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 () {
+        setRetryCount(retryCount + 1);
+    };
+    var handleOnScroll = function (e) {
+        var scrollElement = e.target;
+        var scrollTop = scrollElement.scrollTop, scrollHeight = scrollElement.scrollHeight, clientHeight = scrollElement.clientHeight;
+        if (!hasMoreResult) {
+            return;
+        }
+        if (scrollTop + clientHeight >= scrollHeight - 1) {
+            onScroll(function () {
+                // 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') {
+            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(', ');
+        }
+        return stringSet.NO_TITLE;
+    };
+    if (isInvalid && searchString && requestString) {
+        return (renderPlaceHolderError === null || renderPlaceHolderError === void 0 ? void 0 : renderPlaceHolderError()) || (React.createElement("div", { className: COMPONENT_CLASS_NAME },
+            React.createElement(ui_PlaceHolder.default, { type: ui_PlaceHolder.PlaceHolderTypes.WRONG, retryToConnect: handleRetryToConnect })));
+    }
+    if (loading && searchString && requestString) {
+        return (renderPlaceHolderLoading === null || renderPlaceHolderLoading === void 0 ? void 0 : renderPlaceHolderLoading()) || (React.createElement("div", { className: COMPONENT_CLASS_NAME },
+            React.createElement(ui_PlaceHolder.default, { type: ui_PlaceHolder.PlaceHolderTypes.SEARCHING })));
+    }
+    if (!searchString) {
+        return (renderPlaceHolderNoString === null || renderPlaceHolderNoString === void 0 ? void 0 : renderPlaceHolderNoString()) || (React.createElement("div", { className: COMPONENT_CLASS_NAME },
+            React.createElement(ui_PlaceHolder.default, { type: ui_PlaceHolder.PlaceHolderTypes.SEARCH_IN, searchInString: getChannelName() })));
+    }
+    return (React.createElement("div", { className: COMPONENT_CLASS_NAME, onScroll: handleOnScroll, ref: scrollRef }, (allMessages.length > 0)
+        ? (allMessages.map(function (message) {
+            if (renderSearchItem) {
+                return renderSearchItem({ message: message, onResultClick: onResultClick });
+            }
+            if (message.messageType === 'file') {
+                return (React.createElement(ui_MessageSearchFileItem, { className: "".concat(COMPONENT_CLASS_NAME, "__message-search-item"), message: message, key: message.messageId, selected: (selectedMessageId === message.messageId), onClick: function () {
+                        onResultClick(message);
+                        setSelectedMessageId(message.messageId);
+                    } }));
+            }
+            return (React.createElement(ui_MessageSearchItem, { className: "".concat(COMPONENT_CLASS_NAME, "__message-search-item"), message: message, key: message.messageId, selected: (selectedMessageId === message.messageId), onClick: function () {
+                    onResultClick(message);
+                    setSelectedMessageId(message.messageId);
+                } }));
+        }))
+        : (renderPlaceHolderEmptyList === null || renderPlaceHolderEmptyList === void 0 ? void 0 : renderPlaceHolderEmptyList()) || (React.createElement(ui_PlaceHolder.default, { type: ui_PlaceHolder.PlaceHolderTypes.NO_RESULTS }))));
 };
 
 exports.MessageSearchUI = MessageSearchUI;
-exports["default"] = MessageSearchUI;
+exports.default = MessageSearchUI;
 //# sourceMappingURL=MessageSearchUI.js.map

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

@@ -1 +1 @@
-{"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","_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","createElement","className","PlaceHolder","type","PlaceHolderTypes","WRONG","retryToConnect","SEARCHING","SEARCH_IN","searchInString","ref","length","message","messageType","MessageSearchFileItem","concat","key","messageId","selected","onClick","MessageSearchItem","NO_RESULTS"],"mappings":"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"}
+{"version":3,"file":"MessageSearchUI.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}