@sendbird/uikit-react 3.6.11-beta.2 → 3.7.0-rc.0

package/cjs/MessageSearch/context.js

@@ -4,87 +4,86 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
-var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-83d7e84b.js');
+var tslib_es6 = require('../tslib.es6-2f2b0bca.js');
 require('../withSendbird.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const GET_SEARCHED_MESSAGES = 'GET_SEARCHED_MESSAGES';
-const GET_NEXT_SEARCHED_MESSAGES = 'GET_NEXT_SEARCHED_MESSAGES';
-const START_MESSAGE_SEARCH = 'START_MESSAGE_SEARCH';
-const START_GETTING_SEARCHED_MESSAGES = 'START_GETTING_SEARCHED_MESSAGES';
-const SET_QUERY_INVALID = 'SET_QUERY_INVALID';
-const SET_CURRENT_CHANNEL = 'SET_CURRENT_CHANNEL';
-const CHANNEL_INVALID = 'CHANNEL_INVALID';
-const RESET_SEARCH_STRING = 'RESET_SEARCH_STRING';
+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:
       {
-        const currentChannel = action.payload;
-        return _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, state), {}, {
-          currentChannel,
+        var currentChannel = action.payload;
+        return tslib_es6.__assign(tslib_es6.__assign({}, state), {
+          currentChannel: currentChannel,
           initialized: true
         });
       }
     case CHANNEL_INVALID:
       {
-        return _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, state), {}, {
+        return tslib_es6.__assign(tslib_es6.__assign({}, state), {
           currentChannel: null,
           initialized: false
         });
       }
     case GET_SEARCHED_MESSAGES:
       {
-        const {
-          messages,
-          createdQuery
-        } = action.payload;
+        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 _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, state), {}, {
+          return tslib_es6.__assign(tslib_es6.__assign({}, state), {
             loading: false,
             isInvalid: false,
-            allMessages: [...messages],
+            allMessages: tslib_es6.__spreadArray([], messages, true),
             hasMoreResult: (state === null || state === void 0 ? void 0 : state.currentMessageSearchQuery).hasNext
           });
         }
-        return _rollupPluginBabelHelpers._objectSpread2({}, state);
+        return tslib_es6.__assign({}, state);
       }
     case SET_QUERY_INVALID:
       {
-        return _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, state), {}, {
+        return tslib_es6.__assign(tslib_es6.__assign({}, state), {
           isInvalid: true
         });
       }
     case START_MESSAGE_SEARCH:
       {
-        return _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, state), {}, {
+        return tslib_es6.__assign(tslib_es6.__assign({}, state), {
           isInvalid: false,
           loading: false
         });
       }
     case START_GETTING_SEARCHED_MESSAGES:
       {
-        const currentMessageSearchQuery = action.payload;
-        return _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, state), {}, {
+        var currentMessageSearchQuery = action.payload;
+        return tslib_es6.__assign(tslib_es6.__assign({}, state), {
           loading: true,
-          currentMessageSearchQuery
+          currentMessageSearchQuery: currentMessageSearchQuery
         });
       }
     case GET_NEXT_SEARCHED_MESSAGES:
       {
-        const messages = action.payload;
-        return _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, state), {}, {
-          allMessages: [...state.allMessages, ...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 _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, state), {}, {
+        return tslib_es6.__assign(tslib_es6.__assign({}, state), {
           allMessages: []
         });
       }
@@ -95,7 +94,7 @@ function reducer(state, action) {
   }
 }
 
-const initialState = {
+var initialState = {
   allMessages: [],
   loading: false,
   isInvalid: false,
@@ -105,25 +104,21 @@ const initialState = {
   hasMoreResult: false
 };
 
-function useSetChannel(_ref, _ref2) {
-  let {
-    channelUrl,
-    sdkInit
-  } = _ref;
-  let {
-    sdk,
-    logger,
-    messageSearchDispatcher
-  } = _ref2;
-  React.useEffect(() => {
-    if (channelUrl && sdkInit && sdk !== null && sdk !== void 0 && sdk.groupChannel) {
-      sdk.groupChannel.getChannel(channelUrl).then(groupChannel => {
+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(() => {
+      }).catch(function () {
         messageSearchDispatcher({
           type: CHANNEL_INVALID,
           payload: null
@@ -133,53 +128,49 @@ function useSetChannel(_ref, _ref2) {
   }, [channelUrl, sdkInit]);
 }
 
-var MessageSearchOrder = /*#__PURE__*/function (MessageSearchOrder) {
+var MessageSearchOrder;
+(function (MessageSearchOrder) {
   MessageSearchOrder["SCORE"] = "score";
   MessageSearchOrder["TIMESTAMP"] = "ts";
-  return MessageSearchOrder;
-}(MessageSearchOrder || {});
-function useGetSearchedMessages(_ref, _ref2) {
-  let {
-    currentChannel,
-    channelUrl,
-    requestString,
-    messageSearchQuery,
-    onResultLoaded,
-    retryCount
-  } = _ref;
-  let {
-    sdk,
-    logger,
-    messageSearchDispatcher
-  } = _ref2;
-  React.useEffect(() => {
+})(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(channel => {
-          const inputSearchMessageQueryObject = _rollupPluginBabelHelpers._objectSpread2({
+        currentChannel.refresh().then(function (channel) {
+          var inputSearchMessageQueryObject = tslib_es6.__assign({
             order: MessageSearchOrder.TIMESTAMP,
-            channelUrl,
+            channelUrl: channelUrl,
             messageTimestampFrom: channel.invitedAt,
             keyword: requestString
           }, messageSearchQuery);
-          const createdQuery = sdk.createMessageSearchQuery(inputSearchMessageQueryObject);
-          createdQuery.next().then(messages => {
+          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,
-                createdQuery
+                messages: messages,
+                createdQuery: createdQuery
               }
             });
             if (onResultLoaded && typeof onResultLoaded === 'function') {
               onResultLoaded(messages, null);
             }
-          }).catch(error => {
+          }).catch(function (error) {
             logger.warning('MessageSearch | useGetSearchedMessages: getting failed', error);
             messageSearchDispatcher({
               type: SET_QUERY_INVALID,
@@ -201,22 +192,18 @@ function useGetSearchedMessages(_ref, _ref2) {
   }, [channelUrl, messageSearchQuery, requestString, currentChannel, retryCount]);
 }
 
-function useScrollCallback(_ref, _ref2) {
-  let {
-    currentMessageSearchQuery,
-    hasMoreResult,
-    onResultLoaded
-  } = _ref;
-  let {
-    logger,
-    messageSearchDispatcher
-  } = _ref2;
-  return React.useCallback(cb => {
+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(messages => {
+      currentMessageSearchQuery.next().then(function (messages) {
         logger.info('MessageSearch | useScrollCallback: succeeded getting searched messages', messages);
         messageSearchDispatcher({
           type: GET_NEXT_SEARCHED_MESSAGES,
@@ -226,7 +213,7 @@ function useScrollCallback(_ref, _ref2) {
         if (onResultLoaded && typeof onResultLoaded === 'function') {
           onResultLoaded(messages, null);
         }
-      }).catch(error => {
+      }).catch(function (error) {
         logger.warning('MessageSearch | useScrollCallback: failed getting searched messages', error);
         cb(null, error);
         if (onResultLoaded && typeof onResultLoaded === 'function') {
@@ -239,20 +226,20 @@ function useScrollCallback(_ref, _ref2) {
   }, [currentMessageSearchQuery, hasMoreResult]);
 }
 
-const DEBOUNCING_TIME = 500;
-function useSearchStringEffect(_ref, _ref2) {
-  let {
-    searchString
-  } = _ref;
-  let {
-    messageSearchDispatcher
-  } = _ref2;
-  const [requestString, setRequestString] = React.useState('');
-  const [debouncingTimer, setDebouncingTimer] = React.useState(null);
-  React.useEffect(() => {
+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(() => {
+      setDebouncingTimer(setTimeout(function () {
         setRequestString(searchString);
       }, DEBOUNCING_TIME));
     } else {
@@ -266,114 +253,116 @@ function useSearchStringEffect(_ref, _ref2) {
   return requestString;
 }
 
-const MessageSearchContext = /*#__PURE__*/React__default["default"].createContext(undefined);
-const MessageSearchProvider = props => {
-  var _globalState$config, _globalState$stores, _globalState$stores$s, _globalState$stores2, _globalState$stores2$;
-  const {
+var MessageSearchContext = /*#__PURE__*/React__default["default"].createContext(undefined);
+var MessageSearchProvider = function (props) {
+  var _a, _b, _c, _d, _e;
+  var
     // message search props
-    channelUrl,
-    searchString,
-    messageSearchQuery,
-    onResultLoaded,
-    onResultClick
-  } = props;
-  const globalState = useSendbirdStateContext();
-
+    channelUrl = props.channelUrl,
+    searchString = props.searchString,
+    messageSearchQuery = props.messageSearchQuery,
+    onResultLoaded = props.onResultLoaded,
+    onResultClick = props.onResultClick;
+  var globalState = useSendbirdStateContext.useSendbirdStateContext();
   // hook variables
-  const [retryCount, setRetryCount] = React.useState(0); // this is a trigger flag for activating useGetSearchMessages
-  const [selectedMessageId, setSelectedMessageId] = React.useState(0);
-  const [messageSearchStore, messageSearchDispatcher] = React.useReducer(reducer, initialState);
-  const {
-    allMessages,
-    loading,
-    isInvalid,
-    currentChannel,
-    currentMessageSearchQuery,
-    hasMoreResult
-  } = messageSearchStore;
-  const logger = globalState === null || globalState === void 0 ? void 0 : (_globalState$config = globalState.config) === null || _globalState$config === void 0 ? void 0 : _globalState$config.logger;
-  const sdk = globalState === null || globalState === void 0 ? void 0 : (_globalState$stores = globalState.stores) === null || _globalState$stores === void 0 ? void 0 : (_globalState$stores$s = _globalState$stores.sdkStore) === null || _globalState$stores$s === void 0 ? void 0 : _globalState$stores$s.sdk;
-  const sdkInit = globalState === null || globalState === void 0 ? void 0 : (_globalState$stores2 = globalState.stores) === null || _globalState$stores2 === void 0 ? void 0 : (_globalState$stores2$ = _globalState$stores2.sdkStore) === null || _globalState$stores2$ === void 0 ? void 0 : _globalState$stores2$.initialized;
-  const scrollRef = React.useRef(null);
-  const handleOnScroll = e => {
-    const scrollElement = e.target;
-    const {
-      scrollTop,
-      scrollHeight,
-      clientHeight
-    } = scrollElement;
+  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(() => {
+      onScroll(function () {
         // after load more searched messages
       });
     }
   };
   useSetChannel({
-    channelUrl,
-    sdkInit
+    channelUrl: channelUrl,
+    sdkInit: sdkInit
   }, {
-    sdk,
-    logger,
-    messageSearchDispatcher
+    sdk: sdk,
+    logger: logger,
+    messageSearchDispatcher: messageSearchDispatcher
   });
-  const requestString = useSearchStringEffect({
-    searchString
+  var requestString = useSearchStringEffect({
+    searchString: searchString
   }, {
-    messageSearchDispatcher
+    messageSearchDispatcher: messageSearchDispatcher
   });
   useGetSearchedMessages({
-    currentChannel,
-    channelUrl,
-    requestString,
-    messageSearchQuery,
-    onResultLoaded,
-    retryCount
+    currentChannel: currentChannel,
+    channelUrl: channelUrl,
+    requestString: requestString,
+    messageSearchQuery: messageSearchQuery,
+    onResultLoaded: onResultLoaded,
+    retryCount: retryCount
   }, {
-    sdk,
-    logger,
-    messageSearchDispatcher
+    sdk: sdk,
+    logger: logger,
+    messageSearchDispatcher: messageSearchDispatcher
   });
-  const onScroll = useScrollCallback({
-    currentMessageSearchQuery,
-    hasMoreResult,
-    onResultLoaded
+  var onScroll = useScrollCallback({
+    currentMessageSearchQuery: currentMessageSearchQuery,
+    hasMoreResult: hasMoreResult,
+    onResultLoaded: onResultLoaded
   }, {
-    logger,
-    messageSearchDispatcher
+    logger: logger,
+    messageSearchDispatcher: messageSearchDispatcher
   });
-  const handleRetryToConnect = () => {
+  var handleRetryToConnect = function () {
     setRetryCount(retryCount + 1);
   };
   return /*#__PURE__*/React__default["default"].createElement(MessageSearchContext.Provider, {
     value: {
-      channelUrl,
-      searchString,
-      requestString,
-      messageSearchQuery,
-      onResultLoaded,
-      onResultClick,
-      retryCount,
-      setRetryCount,
-      selectedMessageId,
-      setSelectedMessageId,
-      messageSearchDispatcher,
-      allMessages,
-      loading,
-      isInvalid,
-      currentChannel,
-      currentMessageSearchQuery,
-      hasMoreResult,
-      onScroll,
-      scrollRef,
-      handleRetryToConnect,
-      handleOnScroll
+      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);
 };
-const useMessageSearchContext = () => React__default["default"].useContext(MessageSearchContext);
+var useMessageSearchContext = function () {
+  return React__default["default"].useContext(MessageSearchContext);
+};
 
 exports.MessageSearchProvider = MessageSearchProvider;
 exports.useMessageSearchContext = useMessageSearchContext;