@sendbird/uikit-react 3.3.7 → 3.4.0-rc.1

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

@@ -0,0 +1,162 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var LocalizationContext = require('../../LocalizationContext-2fb0be1f.js');
+var MessageSearch_context = require('../context.js');
+var ui_MessageSearchItem = require('../../ui/MessageSearchItem.js');
+var ui_PlaceHolder = require('../../index-2d7e8e6d.js');
+var ui_MessageSearchFileItem = require('../../ui/MessageSearchFileItem.js');
+require('../../stringSet-388f679a.js');
+require('../../index-1ec959ab.js');
+require('../../useSendbirdStateContext.js');
+require('../../withSendbird.js');
+require('../../_rollupPluginBabelHelpers-e7c78521.js');
+require('../../tslib.es6-e8acf1b5.js');
+require('../../index-f1bd9638.js');
+require('../../index-aada6371.js');
+require('../../index-4e46a153.js');
+require('../../ui/Avatar.js');
+require('../../ui/ImageRenderer.js');
+require('../../ui/Icon.js');
+require('prop-types');
+require('../../uuid-a94df44e.js');
+require('../../index-578f0575.js');
+require('../../ui/Loader.js');
+require('../../index-6714492f.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 () {
+    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.PlaceHolder, {
+      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.PlaceHolder, {
+      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.PlaceHolder, {
+      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.PlaceHolder, {
+    type: ui_PlaceHolder.PlaceHolderTypes.NO_RESULTS
+  }));
+};
+
+exports.MessageSearchUI = MessageSearchUI;
+exports["default"] = MessageSearchUI;
+//# sourceMappingURL=MessageSearchUI.js.map

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

@@ -0,0 +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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"}

package/dist/cjs/MessageSearch/context.js

@@ -0,0 +1,405 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var useSendbirdStateContext = require('../useSendbirdStateContext.js');
+var tslib_es6 = require('../tslib.es6-e8acf1b5.js');
+require('../withSendbird.js');
+require('../_rollupPluginBabelHelpers-e7c78521.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var GET_SEARCHED_MESSAGES = 'GET_SEARCHED_MESSAGES';
+var GET_NEXT_SEARCHED_MESSAGES = 'GET_NEXT_SEARCHED_MESSAGES';
+var START_MESSAGE_SEARCH = 'START_MESSAGE_SEARCH';
+var START_GETTING_SEARCHED_MESSAGES = 'START_GETTING_SEARCHED_MESSAGES';
+var SET_QUERY_INVALID = 'SET_QUERY_INVALID';
+var SET_CURRENT_CHANNEL = 'SET_CURRENT_CHANNEL';
+var CHANNEL_INVALID = 'CHANNEL_INVALID';
+var RESET_SEARCH_STRING = 'RESET_SEARCH_STRING';
+
+function reducer(state, action) {
+  switch (action.type) {
+    case SET_CURRENT_CHANNEL:
+      {
+        var currentChannel = action.payload;
+        return tslib_es6.__assign(tslib_es6.__assign({}, state), {
+          currentChannel: currentChannel,
+          initialized: true
+        });
+      }
+
+    case CHANNEL_INVALID:
+      {
+        return tslib_es6.__assign(tslib_es6.__assign({}, state), {
+          currentChannel: null,
+          initialized: false
+        });
+      }
+
+    case GET_SEARCHED_MESSAGES:
+      {
+        var _a = action.payload,
+            messages = _a.messages,
+            createdQuery = _a.createdQuery;
+
+        if (createdQuery && createdQuery.channelUrl === (state === null || state === void 0 ? void 0 : state.currentMessageSearchQuery).channelUrl && createdQuery.key === (state === null || state === void 0 ? void 0 : state.currentMessageSearchQuery).key) {
+          return tslib_es6.__assign(tslib_es6.__assign({}, state), {
+            loading: false,
+            isInvalid: false,
+            allMessages: tslib_es6.__spreadArray([], messages, true),
+            hasMoreResult: (state === null || state === void 0 ? void 0 : state.currentMessageSearchQuery).hasNext
+          });
+        }
+
+        return tslib_es6.__assign({}, state);
+      }
+
+    case SET_QUERY_INVALID:
+      {
+        return tslib_es6.__assign(tslib_es6.__assign({}, state), {
+          isInvalid: true
+        });
+      }
+
+    case START_MESSAGE_SEARCH:
+      {
+        return tslib_es6.__assign(tslib_es6.__assign({}, state), {
+          isInvalid: false,
+          loading: false
+        });
+      }
+
+    case START_GETTING_SEARCHED_MESSAGES:
+      {
+        var currentMessageSearchQuery = action.payload;
+        return tslib_es6.__assign(tslib_es6.__assign({}, state), {
+          loading: true,
+          currentMessageSearchQuery: currentMessageSearchQuery
+        });
+      }
+
+    case GET_NEXT_SEARCHED_MESSAGES:
+      {
+        var messages = action.payload;
+        return tslib_es6.__assign(tslib_es6.__assign({}, state), {
+          allMessages: tslib_es6.__spreadArray(tslib_es6.__spreadArray([], state.allMessages, true), messages, true),
+          hasMoreResult: (state === null || state === void 0 ? void 0 : state.currentMessageSearchQuery).hasNext
+        });
+      }
+
+    case RESET_SEARCH_STRING:
+      {
+        return tslib_es6.__assign(tslib_es6.__assign({}, state), {
+          allMessages: []
+        });
+      }
+
+    default:
+      {
+        return state;
+      }
+  }
+}
+
+var initialState = {
+  allMessages: [],
+  loading: false,
+  isInvalid: false,
+  initialized: false,
+  currentChannel: null,
+  currentMessageSearchQuery: null,
+  hasMoreResult: false
+};
+
+function useSetChannel(_a, _b) {
+  var channelUrl = _a.channelUrl,
+      sdkInit = _a.sdkInit;
+  var sdk = _b.sdk,
+      logger = _b.logger,
+      messageSearchDispatcher = _b.messageSearchDispatcher;
+  React.useEffect(function () {
+    if (channelUrl && sdkInit && (sdk === null || sdk === void 0 ? void 0 : sdk.groupChannel)) {
+      sdk.groupChannel.getChannel(channelUrl).then(function (groupChannel) {
+        logger.info('MessageSearch | useSetChannel group channel', groupChannel);
+        messageSearchDispatcher({
+          type: SET_CURRENT_CHANNEL,
+          payload: groupChannel
+        });
+      }).catch(function () {
+        messageSearchDispatcher({
+          type: CHANNEL_INVALID,
+          payload: null
+        });
+      });
+    }
+  }, [channelUrl, sdkInit]);
+}
+
+var MessageSearchOrder;
+
+(function (MessageSearchOrder) {
+  MessageSearchOrder["SCORE"] = "score";
+  MessageSearchOrder["TIMESTAMP"] = "ts";
+})(MessageSearchOrder || (MessageSearchOrder = {}));
+
+function useGetSearchedMessages(_a, _b) {
+  var currentChannel = _a.currentChannel,
+      channelUrl = _a.channelUrl,
+      requestString = _a.requestString,
+      messageSearchQuery = _a.messageSearchQuery,
+      onResultLoaded = _a.onResultLoaded,
+      retryCount = _a.retryCount;
+  var sdk = _b.sdk,
+      logger = _b.logger,
+      messageSearchDispatcher = _b.messageSearchDispatcher;
+  React.useEffect(function () {
+    messageSearchDispatcher({
+      type: START_MESSAGE_SEARCH,
+      payload: null
+    });
+
+    if (sdk && channelUrl && sdk.createMessageSearchQuery && currentChannel) {
+      if (requestString) {
+        currentChannel.refresh().then(function (channel) {
+          var inputSearchMessageQueryObject = tslib_es6.__assign({
+            order: MessageSearchOrder.TIMESTAMP,
+            channelUrl: channelUrl,
+            messageTimestampFrom: channel.invitedAt,
+            keyword: requestString
+          }, messageSearchQuery);
+
+          var createdQuery = sdk.createMessageSearchQuery(inputSearchMessageQueryObject);
+          createdQuery.next().then(function (messages) {
+            logger.info('MessageSearch | useGetSearchedMessages: succeeded getting messages', messages);
+            messageSearchDispatcher({
+              type: GET_SEARCHED_MESSAGES,
+              payload: {
+                messages: messages,
+                createdQuery: createdQuery
+              }
+            });
+
+            if (onResultLoaded && typeof onResultLoaded === 'function') {
+              onResultLoaded(messages, null);
+            }
+          }).catch(function (error) {
+            logger.warning('MessageSearch | useGetSearchedMessages: getting failed', error);
+            messageSearchDispatcher({
+              type: SET_QUERY_INVALID,
+              payload: null
+            });
+
+            if (onResultLoaded && typeof onResultLoaded === 'function') {
+              onResultLoaded(null, error);
+            }
+          });
+          messageSearchDispatcher({
+            type: START_GETTING_SEARCHED_MESSAGES,
+            payload: createdQuery
+          });
+        });
+      } else {
+        logger.info('MessageSearch | useGetSeasrchedMessages: search string is empty');
+      }
+    }
+  }, [channelUrl, messageSearchQuery, requestString, currentChannel, retryCount]);
+}
+
+function useScrollCallback(_a, _b) {
+  var currentMessageSearchQuery = _a.currentMessageSearchQuery,
+      hasMoreResult = _a.hasMoreResult,
+      onResultLoaded = _a.onResultLoaded;
+  var logger = _b.logger,
+      messageSearchDispatcher = _b.messageSearchDispatcher;
+  return React.useCallback(function (cb) {
+    if (!hasMoreResult) {
+      logger.warning('MessageSearch | useScrollCallback: no more searched results', hasMoreResult);
+    }
+
+    if (currentMessageSearchQuery && currentMessageSearchQuery.hasNext) {
+      currentMessageSearchQuery.next().then(function (messages) {
+        logger.info('MessageSearch | useScrollCallback: succeeded getting searched messages', messages);
+        messageSearchDispatcher({
+          type: GET_NEXT_SEARCHED_MESSAGES,
+          payload: messages
+        });
+        cb(messages, null);
+
+        if (onResultLoaded && typeof onResultLoaded === 'function') {
+          onResultLoaded(messages, null);
+        }
+      }).catch(function (error) {
+        logger.warning('MessageSearch | useScrollCallback: failed getting searched messages', error);
+        cb(null, error);
+
+        if (onResultLoaded && typeof onResultLoaded === 'function') {
+          onResultLoaded(null, error);
+        }
+      });
+    } else {
+      logger.warning('MessageSearch | useScrollCallback: no currentMessageSearchQuery');
+    }
+  }, [currentMessageSearchQuery, hasMoreResult]);
+}
+
+var DEBOUNCING_TIME = 500;
+
+function useSearchStringEffect(_a, _b) {
+  var searchString = _a.searchString;
+  var messageSearchDispatcher = _b.messageSearchDispatcher;
+
+  var _c = React.useState(''),
+      requestString = _c[0],
+      setRequestString = _c[1];
+
+  var _d = React.useState(null),
+      debouncingTimer = _d[0],
+      setDebouncingTimer = _d[1];
+
+  React.useEffect(function () {
+    clearTimeout(debouncingTimer);
+
+    if (searchString) {
+      setDebouncingTimer(setTimeout(function () {
+        setRequestString(searchString);
+      }, DEBOUNCING_TIME));
+    } else {
+      setRequestString('');
+      messageSearchDispatcher({
+        type: RESET_SEARCH_STRING,
+        payload: ''
+      });
+    }
+  }, [searchString]);
+  return requestString;
+}
+
+var MessageSearchContext = /*#__PURE__*/React__default["default"].createContext(undefined);
+
+var MessageSearchProvider = function (props) {
+  var _a, _b, _c, _d, _e;
+
+  var // message search props
+  channelUrl = props.channelUrl,
+      searchString = props.searchString,
+      messageSearchQuery = props.messageSearchQuery,
+      onResultLoaded = props.onResultLoaded,
+      onResultClick = props.onResultClick;
+  var globalState = useSendbirdStateContext(); // hook variables
+
+  var _f = React.useState(0),
+      retryCount = _f[0],
+      setRetryCount = _f[1]; // this is a trigger flag for activating useGetSearchMessages
+
+
+  var _g = React.useState(0),
+      selectedMessageId = _g[0],
+      setSelectedMessageId = _g[1];
+
+  var _h = React.useReducer(reducer, initialState),
+      messageSearchStore = _h[0],
+      messageSearchDispatcher = _h[1];
+
+  var allMessages = messageSearchStore.allMessages,
+      loading = messageSearchStore.loading,
+      isInvalid = messageSearchStore.isInvalid,
+      currentChannel = messageSearchStore.currentChannel,
+      currentMessageSearchQuery = messageSearchStore.currentMessageSearchQuery,
+      hasMoreResult = messageSearchStore.hasMoreResult;
+  var logger = (_a = globalState === null || globalState === void 0 ? void 0 : globalState.config) === null || _a === void 0 ? void 0 : _a.logger;
+  var sdk = (_c = (_b = globalState === null || globalState === void 0 ? void 0 : globalState.stores) === null || _b === void 0 ? void 0 : _b.sdkStore) === null || _c === void 0 ? void 0 : _c.sdk;
+  var sdkInit = (_e = (_d = globalState === null || globalState === void 0 ? void 0 : globalState.stores) === null || _d === void 0 ? void 0 : _d.sdkStore) === null || _e === void 0 ? void 0 : _e.initialized;
+  var scrollRef = React.useRef(null);
+
+  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) {
+      onScroll(function () {// after load more searched messages
+      });
+    }
+  };
+
+  useSetChannel({
+    channelUrl: channelUrl,
+    sdkInit: sdkInit
+  }, {
+    sdk: sdk,
+    logger: logger,
+    messageSearchDispatcher: messageSearchDispatcher
+  });
+  var requestString = useSearchStringEffect({
+    searchString: searchString
+  }, {
+    messageSearchDispatcher: messageSearchDispatcher
+  });
+  useGetSearchedMessages({
+    currentChannel: currentChannel,
+    channelUrl: channelUrl,
+    requestString: requestString,
+    messageSearchQuery: messageSearchQuery,
+    onResultLoaded: onResultLoaded,
+    retryCount: retryCount
+  }, {
+    sdk: sdk,
+    logger: logger,
+    messageSearchDispatcher: messageSearchDispatcher
+  });
+  var onScroll = useScrollCallback({
+    currentMessageSearchQuery: currentMessageSearchQuery,
+    hasMoreResult: hasMoreResult,
+    onResultLoaded: onResultLoaded
+  }, {
+    logger: logger,
+    messageSearchDispatcher: messageSearchDispatcher
+  });
+
+  var handleRetryToConnect = function () {
+    setRetryCount(retryCount + 1);
+  };
+
+  return /*#__PURE__*/React__default["default"].createElement(MessageSearchContext.Provider, {
+    value: {
+      channelUrl: channelUrl,
+      searchString: searchString,
+      requestString: requestString,
+      messageSearchQuery: messageSearchQuery,
+      onResultLoaded: onResultLoaded,
+      onResultClick: onResultClick,
+      retryCount: retryCount,
+      setRetryCount: setRetryCount,
+      selectedMessageId: selectedMessageId,
+      setSelectedMessageId: setSelectedMessageId,
+      messageSearchDispatcher: messageSearchDispatcher,
+      allMessages: allMessages,
+      loading: loading,
+      isInvalid: isInvalid,
+      currentChannel: currentChannel,
+      currentMessageSearchQuery: currentMessageSearchQuery,
+      hasMoreResult: hasMoreResult,
+      onScroll: onScroll,
+      scrollRef: scrollRef,
+      handleRetryToConnect: handleRetryToConnect,
+      handleOnScroll: handleOnScroll
+    }
+  }, props === null || props === void 0 ? void 0 : props.children);
+};
+
+var useMessageSearchContext = function () {
+  return React__default["default"].useContext(MessageSearchContext);
+};
+
+exports.MessageSearchProvider = MessageSearchProvider;
+exports.useMessageSearchContext = useMessageSearchContext;
+//# sourceMappingURL=context.js.map