@sendbird/uikit-react 3.4.6 → 3.4.7-0

package/Message/context.js

@@ -1,21 +1,22 @@
 import React__default from 'react';
 
 // todo@v4.0.0: combine with the provider in core-ts, see:
-var MessageContext = /*#__PURE__*/React__default.createContext(undefined);
-var MessageProvider = function (props) {
-  var children = props.children,
-    message = props.message,
-    _a = props.isByMe,
-    isByMe = _a === void 0 ? false : _a;
+const MessageContext = /*#__PURE__*/React__default.createContext(undefined);
+const MessageProvider = props => {
+  const {
+    children,
+    message,
+    isByMe = false
+  } = props;
   return /*#__PURE__*/React__default.createElement(MessageContext.Provider, {
     value: {
-      message: message,
-      isByMe: isByMe
+      message,
+      isByMe
     }
   }, children);
 };
-var useMessageContext = function () {
-  var value = React__default.useContext(MessageContext);
+const useMessageContext = () => {
+  const value = React__default.useContext(MessageContext);
   if (value === undefined) {
     throw new Error('useMessageContext must be used within a MessageProvider');
   }

package/Message/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","sources":["../../src/smart-components/Message/context/MessageProvider.tsx"],"sourcesContent":["// todo@v4.0.0: combine with the provider in core-ts, see:\n// https://github.com/sendbird/sendbird-uikit-core-ts\n// packages/react-uikit-message-template-view/src/context/MessageContextProvider.tsx\nimport React from 'react';\nimport { BaseMessage } from '@sendbird/chat/message';\n\nexport type MessageProviderProps = {\n  children: React.ReactNode;\n  message: BaseMessage;\n  isByMe?: boolean;\n}\n\nexport type MessageProviderInterface = Exclude<MessageProviderProps, 'children'>;\n\nconst MessageContext = React.createContext(undefined);\n\nconst MessageProvider: React.FC<MessageProviderInterface> = (props: MessageProviderProps) => {\n  const {\n    children,\n    message,\n    isByMe = false,\n  } = props;\n\n  return (\n    <MessageContext.Provider value={{\n      message,\n      isByMe,\n    }}>\n      {children}\n    </MessageContext.Provider>\n  );\n}\n\nconst useMessageContext = (): MessageProviderInterface => {\n  const value = React.useContext(MessageContext);\n  if (value === undefined) {\n    throw new Error('useMessageContext must be used within a MessageProvider');\n  }\n  return value;\n};\n\nexport {\n  MessageProvider,\n  useMessageContext,\n};\n"],"names":["MessageContext","React","createContext","undefined","MessageProvider","props","children","message","_a","isByMe","createElement","Provider","value","useMessageContext","useContext","Error"],"mappings":";;AAAA;AAcA,IAAMA,cAAc,gBAAGC,cAAK,CAACC,aAAa,CAACC,SAAS,CAAC,CAAA;AAErD,IAAMC,eAAe,GAAuC,UAACC,KAA2B,EAAA;AAEpF,EAAA,IAAAC,QAAQ,GAGND,KAAK,SAHC;IACRE,OAAO,GAELF,KAAK,CAAAE,OAFA;IACPC,EAAA,GACEH,KAAK,CADOI,MAAA;IAAdA,MAAM,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,KAAK,KAAA,CAAA;AAGhB,EAAA,oBACEP,cAAA,CAAAS,aAAA,CAACV,cAAc,CAACW,QAAQ,EAAA;AAACC,IAAAA,KAAK,EAAE;AAC9BL,MAAAA,OAAO,EAAAA,OAAA;AACPE,MAAAA,MAAM,EAAAA,MAAAA;AACP,KAAA;AAAC,GAAA,EACCH,QAAQ,CACe,CAAA;AAE9B,EAAC;AAED,IAAMO,iBAAiB,GAAG,YAAA;AACxB,EAAA,IAAMD,KAAK,GAAGX,cAAK,CAACa,UAAU,CAACd,cAAc,CAAC,CAAA;EAC9C,IAAIY,KAAK,KAAKT,SAAS,EAAE;AACvB,IAAA,MAAM,IAAIY,KAAK,CAAC,yDAAyD,CAAC,CAAA;AAC3E,GAAA;AACD,EAAA,OAAOH,KAAK,CAAA;AACd;;;;"}
+{"version":3,"file":"context.js","sources":["../../src/modules/Message/context/MessageProvider.tsx"],"sourcesContent":["// todo@v4.0.0: combine with the provider in core-ts, see:\n// https://github.com/sendbird/sendbird-uikit-core-ts\n// packages/react-uikit-message-template-view/src/context/MessageContextProvider.tsx\nimport React from 'react';\nimport { BaseMessage } from '@sendbird/chat/message';\n\nexport type MessageProviderProps = {\n  children: React.ReactNode;\n  message: BaseMessage;\n  isByMe?: boolean;\n}\n\nexport type MessageProviderInterface = Exclude<MessageProviderProps, 'children'>;\n\nconst MessageContext = React.createContext(undefined);\n\nconst MessageProvider: React.FC<MessageProviderInterface> = (props: MessageProviderProps) => {\n  const {\n    children,\n    message,\n    isByMe = false,\n  } = props;\n\n  return (\n    <MessageContext.Provider value={{\n      message,\n      isByMe,\n    }}>\n      {children}\n    </MessageContext.Provider>\n  );\n}\n\nconst useMessageContext = (): MessageProviderInterface => {\n  const value = React.useContext(MessageContext);\n  if (value === undefined) {\n    throw new Error('useMessageContext must be used within a MessageProvider');\n  }\n  return value;\n};\n\nexport {\n  MessageProvider,\n  useMessageContext,\n};\n"],"names":["MessageContext","React","createContext","undefined","MessageProvider","props","children","message","isByMe","createElement","Provider","value","useMessageContext","useContext","Error"],"mappings":";;AAAA;AAcA,MAAMA,cAAc,gBAAGC,cAAK,CAACC,aAAa,CAACC,SAAS,CAAC,CAAA;AAE/CC,MAAAA,eAAmD,GAAIC,KAA2B,IAAK;EAC3F,MAAM;IACJC,QAAQ;IACRC,OAAO;AACPC,IAAAA,MAAM,GAAG,KAAA;AACX,GAAC,GAAGH,KAAK,CAAA;AAET,EAAA,oBACEJ,cAAA,CAAAQ,aAAA,CAACT,cAAc,CAACU,QAAQ,EAAA;AAACC,IAAAA,KAAK,EAAE;MAC9BJ,OAAO;AACPC,MAAAA,MAAAA;AACF,KAAA;AAAE,GAAA,EACCF,QACsB,CAAC,CAAA;AAE9B,EAAC;AAEKM,MAAAA,iBAAiB,GAAGA,MAAgC;AACxD,EAAA,MAAMD,KAAK,GAAGV,cAAK,CAACY,UAAU,CAACb,cAAc,CAAC,CAAA;EAC9C,IAAIW,KAAK,KAAKR,SAAS,EAAE;AACvB,IAAA,MAAM,IAAIW,KAAK,CAAC,yDAAyD,CAAC,CAAA;AAC5E,GAAA;AACA,EAAA,OAAOH,KAAK,CAAA;AACd;;;;"}

package/MessageSearch/components/MessageSearchUI.js

@@ -1,75 +1,80 @@
 import React__default, { useContext } from 'react';
-import { a as LocalizationContext } from '../../LocalizationContext-3d8c0b24.js';
+import { a as LocalizationContext } from '../../LocalizationContext-9c54e783.js';
 import { useMessageSearchContext } from '../context.js';
 import MessageSearchItem from '../../ui/MessageSearchItem.js';
-import { P as PlaceHolder, a as PlaceHolderTypes } from '../../index-91355132.js';
+import { P as PlaceHolder, a as PlaceHolderTypes } from '../../index-77f3d9b0.js';
 import MessageSearchFileItem from '../../ui/MessageSearchFileItem.js';
-import '../../stringSet-9d579825.js';
-import '../../index-aaa9b9f8.js';
+import '../../stringSet-1f18348a.js';
+import '../../index-a9ddd0f5.js';
 import '../../useSendbirdStateContext.js';
 import '../../withSendbird.js';
-import '../../tslib.es6-d6e50ec3.js';
-import '../../index-95b46112.js';
-import '../../index-ac5ad4f9.js';
-import '../../index-d37f34a3.js';
+import '../../_rollupPluginBabelHelpers-b2d9bfc5.js';
+import '../../index-f48cfdf7.js';
+import '../../index-3062a861.js';
+import '../../index-1a3c0d72.js';
 import '../../ui/Avatar.js';
 import '../../ui/ImageRenderer.js';
 import '../../ui/Icon.js';
 import 'prop-types';
-import '../../uuid-86cb48e0.js';
-import '../../index-cce0e324.js';
+import '../../uuid-48baadaf.js';
+import '../../index-4111594a.js';
 import '../../ui/Loader.js';
-import '../../index-e378ca4e.js';
+import '../../index-dbe0e004.js';
 import '../../utils/message/getOutgoingMessageState.js';
 
-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 = 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 = useContext(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
+  } = useMessageSearchContext();
+  const {
+    stringSet
+  } = useContext(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 () {
+      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;
   };
@@ -100,31 +105,31 @@ var MessageSearchUI = function (_a) {
     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.createElement(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.createElement(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/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\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":["../../../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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"}