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

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

@@ -1,162 +0,0 @@
-'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/context.js

@@ -1,405 +0,0 @@
-'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